feat: add path_geometry data

packages/ui/src/lib/elements/Select.story.svelte

@@ -2,16 +2,17 @@
   import type { Hst } from "@histoire/plugin-svelte";
   export let Hst: Hst;
   import Select from "./Select.svelte";
+  import StoryContent from "$lib/helpers/StoryContent.svelte";
+  import StorySettings from "$lib/helpers/StorySettings.svelte";
+
+  let theme = "dark";
 </script>
 
 <Hst.Story>
-  <div>
-    <Select value={"banana"} options={["strawberry", "apple", "banana"]} />
-  </div>
+  <StoryContent {theme}>
+    <Select id="" options={["strawberry", "apple", "banana"]} />
+  </StoryContent>
+  <svelte:fragment slot="controls">
+    <StorySettings bind:theme />
+  </svelte:fragment>
 </Hst.Story>
-
-<style>
-  div {
-    padding: 1em;
-  }
-</style>