-
- {#if robot.slaves.length > 0}
-
-
-
Select Server Robot
-
-
-
- Available robots on server:
-
-
- {#each availableServerRobots as serverRobot}
-
- {serverRobot.name} ({serverRobot.id}) - {serverRobot.robot_type}
-
- {/each}
-
-
-
-
- This will connect your local robot "{pendingLocalRobot?.id}" as a slave to
- receive commands from the selected server robot.
-
-
-
-
+
+
+
+
+
+
+ Choose which server robot to connect as a slave target
+
+
+
+
+ Available robots on server:
+
+ {#each availableServerRobots as serverRobot}
+
+ {serverRobot.name} ({serverRobot.id}) - {serverRobot.robot_type}
+
+ {/each}
+
+
+
+
+
+ This will connect your local robot "{pendingLocalRobot?.id}" as a slave to
+ receive commands from the selected server robot.
+
+
+
+
+
Cancel
-
-
+
+
-
+
+
+
{/if}
\ No newline at end of file
diff --git a/src/lib/components/panel/SettingsPanel.svelte b/src/lib/components/panel/SettingsPanel.svelte
index 4ad683bca472943e4df8fdc51e5c383749c77846..bf0b7630ed4bfa3cfa43d03cd5fe6a9c3219f8f3 100644
--- a/src/lib/components/panel/SettingsPanel.svelte
+++ b/src/lib/components/panel/SettingsPanel.svelte
@@ -1,6 +1,6 @@
-
-{#each robots as robot, index (robot.id)}
- {@const xPosition = index * 5}
-
- {#each getRootLinks(robot.robotState.robot) as link}
-
-{/each}
\ No newline at end of file
diff --git a/src/lib/components/scene/Selectable.svelte b/src/lib/components/scene/Selectable.svelte
deleted file mode 100644
index 978e707895c2c036c4df66deae88c34dded43989..0000000000000000000000000000000000000000
--- a/src/lib/components/scene/Selectable.svelte
+++ /dev/null
@@ -1,68 +0,0 @@
-
-
-{#if selected && enableEdit}
-
- {@render children?.()}
-
-{:else}
-
- {@render children?.()}
-
-{/if}
-
-
diff --git a/src/lib/components/ui/accordion/accordion-content.svelte b/src/lib/components/ui/accordion/accordion-content.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..97e13f485803e6a257ce17a5fa34c9189bd373ca
--- /dev/null
+++ b/src/lib/components/ui/accordion/accordion-content.svelte
@@ -0,0 +1,25 @@
+
+
+
+
+ {@render children?.()}
+
+
diff --git a/src/lib/components/ui/accordion/accordion-item.svelte b/src/lib/components/ui/accordion/accordion-item.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..780545c6afbaec7ad253b431f98c3308dd5d007f
--- /dev/null
+++ b/src/lib/components/ui/accordion/accordion-item.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/src/lib/components/ui/accordion/accordion-root.svelte b/src/lib/components/ui/accordion/accordion-root.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..117ee37f22128832cc30d89cbe00c30b1906ea5f
--- /dev/null
+++ b/src/lib/components/ui/accordion/accordion-root.svelte
@@ -0,0 +1,16 @@
+
+
+
diff --git a/src/lib/components/ui/accordion/accordion-trigger.svelte b/src/lib/components/ui/accordion/accordion-trigger.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..0027cdd71aed31ef29acfdbd294f5b8dade5b263
--- /dev/null
+++ b/src/lib/components/ui/accordion/accordion-trigger.svelte
@@ -0,0 +1,32 @@
+
+
+
+ svg]:rotate-180",
+ className
+ )}
+ {...restProps}
+ >
+ {@render children?.()}
+
+
diff --git a/src/lib/components/ui/accordion/index.ts b/src/lib/components/ui/accordion/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..828116aaf9aa60a480e5962521aa1603407aac78
--- /dev/null
+++ b/src/lib/components/ui/accordion/index.ts
@@ -0,0 +1,16 @@
+import Root from "./accordion-root.svelte";
+import Content from "./accordion-content.svelte";
+import Item from "./accordion-item.svelte";
+import Trigger from "./accordion-trigger.svelte";
+
+export {
+ Root,
+ Content,
+ Item,
+ Trigger,
+ //
+ Root as Accordion,
+ Content as AccordionContent,
+ Item as AccordionItem,
+ Trigger as AccordionTrigger,
+};
diff --git a/src/lib/components/ui/alert-dialog/alert-dialog-action.svelte b/src/lib/components/ui/alert-dialog/alert-dialog-action.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..a00569120cef81912877ec323f0f91b8c64b5324
--- /dev/null
+++ b/src/lib/components/ui/alert-dialog/alert-dialog-action.svelte
@@ -0,0 +1,18 @@
+
+
+
diff --git a/src/lib/components/ui/alert-dialog/alert-dialog-cancel.svelte b/src/lib/components/ui/alert-dialog/alert-dialog-cancel.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..a7b0cf795e31c50892a9dcd26a8cbbbd7623e67b
--- /dev/null
+++ b/src/lib/components/ui/alert-dialog/alert-dialog-cancel.svelte
@@ -0,0 +1,18 @@
+
+
+
diff --git a/src/lib/components/ui/alert-dialog/alert-dialog-content.svelte b/src/lib/components/ui/alert-dialog/alert-dialog-content.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..6c3c60460a48d284146a75282b8554a77a1a15ac
--- /dev/null
+++ b/src/lib/components/ui/alert-dialog/alert-dialog-content.svelte
@@ -0,0 +1,27 @@
+
+
+
+
diff --git a/src/lib/components/ui/alert-dialog/alert-dialog-description.svelte b/src/lib/components/ui/alert-dialog/alert-dialog-description.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..2ec67dc2ed710e9ba7d38378e394eb9ce5448cc5
--- /dev/null
+++ b/src/lib/components/ui/alert-dialog/alert-dialog-description.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte b/src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..f78b97abaaf9bccafdbf6b269518f627512b8cc8
--- /dev/null
+++ b/src/lib/components/ui/alert-dialog/alert-dialog-footer.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/alert-dialog/alert-dialog-header.svelte b/src/lib/components/ui/alert-dialog/alert-dialog-header.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..c8fa7625f5afdc4cb7920757dc55f250c27c96f0
--- /dev/null
+++ b/src/lib/components/ui/alert-dialog/alert-dialog-header.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte b/src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..a64ee768561f75e4229a0ecc1aaa6e1942bdffa6
--- /dev/null
+++ b/src/lib/components/ui/alert-dialog/alert-dialog-overlay.svelte
@@ -0,0 +1,20 @@
+
+
+
diff --git a/src/lib/components/ui/alert-dialog/alert-dialog-title.svelte b/src/lib/components/ui/alert-dialog/alert-dialog-title.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..7ef2b5fbed8a88a9dcbab4239c626472a8edd376
--- /dev/null
+++ b/src/lib/components/ui/alert-dialog/alert-dialog-title.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/src/lib/components/ui/alert-dialog/alert-dialog-trigger.svelte b/src/lib/components/ui/alert-dialog/alert-dialog-trigger.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..b22d1d50b5ceb119690ecce47726fd9eedbf1eca
--- /dev/null
+++ b/src/lib/components/ui/alert-dialog/alert-dialog-trigger.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/src/lib/components/ui/alert-dialog/index.ts b/src/lib/components/ui/alert-dialog/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..cc281c58978ffb26b6594f8b1ab6af04adf940b1
--- /dev/null
+++ b/src/lib/components/ui/alert-dialog/index.ts
@@ -0,0 +1,39 @@
+import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
+import Trigger from "./alert-dialog-trigger.svelte";
+import Title from "./alert-dialog-title.svelte";
+import Action from "./alert-dialog-action.svelte";
+import Cancel from "./alert-dialog-cancel.svelte";
+import Footer from "./alert-dialog-footer.svelte";
+import Header from "./alert-dialog-header.svelte";
+import Overlay from "./alert-dialog-overlay.svelte";
+import Content from "./alert-dialog-content.svelte";
+import Description from "./alert-dialog-description.svelte";
+
+const Root = AlertDialogPrimitive.Root;
+const Portal = AlertDialogPrimitive.Portal;
+
+export {
+ Root,
+ Title,
+ Action,
+ Cancel,
+ Portal,
+ Footer,
+ Header,
+ Trigger,
+ Overlay,
+ Content,
+ Description,
+ //
+ Root as AlertDialog,
+ Title as AlertDialogTitle,
+ Action as AlertDialogAction,
+ Cancel as AlertDialogCancel,
+ Portal as AlertDialogPortal,
+ Footer as AlertDialogFooter,
+ Header as AlertDialogHeader,
+ Trigger as AlertDialogTrigger,
+ Overlay as AlertDialogOverlay,
+ Content as AlertDialogContent,
+ Description as AlertDialogDescription,
+};
diff --git a/src/lib/components/ui/alert/alert-description.svelte b/src/lib/components/ui/alert/alert-description.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..8b56aed2f110b32c9a88ffb2033dea0d901be52a
--- /dev/null
+++ b/src/lib/components/ui/alert/alert-description.svelte
@@ -0,0 +1,23 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/alert/alert-title.svelte b/src/lib/components/ui/alert/alert-title.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..77e45ad5c1c0e93b2b837716c6f6fff60988ecd3
--- /dev/null
+++ b/src/lib/components/ui/alert/alert-title.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/alert/alert.svelte b/src/lib/components/ui/alert/alert.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..2b2eff9a1f5268762cc2896820881e687096010c
--- /dev/null
+++ b/src/lib/components/ui/alert/alert.svelte
@@ -0,0 +1,44 @@
+
+
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/alert/index.ts b/src/lib/components/ui/alert/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..97e21b4eae93c6fad65233b627abeac1be78af40
--- /dev/null
+++ b/src/lib/components/ui/alert/index.ts
@@ -0,0 +1,14 @@
+import Root from "./alert.svelte";
+import Description from "./alert-description.svelte";
+import Title from "./alert-title.svelte";
+export { alertVariants, type AlertVariant } from "./alert.svelte";
+
+export {
+ Root,
+ Description,
+ Title,
+ //
+ Root as Alert,
+ Description as AlertDescription,
+ Title as AlertTitle,
+};
diff --git a/src/lib/components/ui/aspect-ratio/aspect-ratio.svelte b/src/lib/components/ui/aspect-ratio/aspect-ratio.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..815aab035809d33fc84782bb699bdbded6797036
--- /dev/null
+++ b/src/lib/components/ui/aspect-ratio/aspect-ratio.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/src/lib/components/ui/aspect-ratio/index.ts b/src/lib/components/ui/aspect-ratio/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..985c75fdbff78e6728e9c36f0a79559bf06dd9d1
--- /dev/null
+++ b/src/lib/components/ui/aspect-ratio/index.ts
@@ -0,0 +1,3 @@
+import Root from "./aspect-ratio.svelte";
+
+export { Root, Root as AspectRatio };
diff --git a/src/lib/components/ui/avatar/avatar-fallback.svelte b/src/lib/components/ui/avatar/avatar-fallback.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..249d4a4ab6f0e711936b28383cc4936d6fba098f
--- /dev/null
+++ b/src/lib/components/ui/avatar/avatar-fallback.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/src/lib/components/ui/avatar/avatar-image.svelte b/src/lib/components/ui/avatar/avatar-image.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..2bb9db4d845d9ed81e85646aa09ce1c563ee7868
--- /dev/null
+++ b/src/lib/components/ui/avatar/avatar-image.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/src/lib/components/ui/avatar/avatar.svelte b/src/lib/components/ui/avatar/avatar.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..f093a97bf72915fc4f8e7b2e0c4be7ff16aee7ac
--- /dev/null
+++ b/src/lib/components/ui/avatar/avatar.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/src/lib/components/ui/avatar/index.ts b/src/lib/components/ui/avatar/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d06457be0d54c54dff692c6d6571040f4c58bd2d
--- /dev/null
+++ b/src/lib/components/ui/avatar/index.ts
@@ -0,0 +1,13 @@
+import Root from "./avatar.svelte";
+import Image from "./avatar-image.svelte";
+import Fallback from "./avatar-fallback.svelte";
+
+export {
+ Root,
+ Image,
+ Fallback,
+ //
+ Root as Avatar,
+ Image as AvatarImage,
+ Fallback as AvatarFallback,
+};
diff --git a/src/lib/components/ui/badge/badge.svelte b/src/lib/components/ui/badge/badge.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..5000457027452f1c8fe68d8c36452ae76f460873
--- /dev/null
+++ b/src/lib/components/ui/badge/badge.svelte
@@ -0,0 +1,50 @@
+
+
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/badge/index.ts b/src/lib/components/ui/badge/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..64e0aa9b0805f5f62c05ccb321a941ba8b0193af
--- /dev/null
+++ b/src/lib/components/ui/badge/index.ts
@@ -0,0 +1,2 @@
+export { default as Badge } from "./badge.svelte";
+export { badgeVariants, type BadgeVariant } from "./badge.svelte";
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte b/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..a178cf55f3a4e6edca1eb1152dc8c8821a82e8ca
--- /dev/null
+++ b/src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte
@@ -0,0 +1,23 @@
+
+
+
+ More
+
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb-item.svelte b/src/lib/components/ui/breadcrumb/breadcrumb-item.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..1a84c4c458d06daae82514e6ee11602e16e64535
--- /dev/null
+++ b/src/lib/components/ui/breadcrumb/breadcrumb-item.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb-link.svelte b/src/lib/components/ui/breadcrumb/breadcrumb-link.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..e6bc17d3185475c1b39471a2d53b227d5c473c75
--- /dev/null
+++ b/src/lib/components/ui/breadcrumb/breadcrumb-link.svelte
@@ -0,0 +1,31 @@
+
+
+{#if child}
+ {@render child({ props: attrs })}
+{:else}
+
+ {@render children?.()}
+
+{/if}
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb-list.svelte b/src/lib/components/ui/breadcrumb/breadcrumb-list.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..b5458fabf5da9fd6bc6fa7628de3d2df33d126e9
--- /dev/null
+++ b/src/lib/components/ui/breadcrumb/breadcrumb-list.svelte
@@ -0,0 +1,23 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb-page.svelte b/src/lib/components/ui/breadcrumb/breadcrumb-page.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..5fb697947403d2dfc1dd3797845e304076457ac8
--- /dev/null
+++ b/src/lib/components/ui/breadcrumb/breadcrumb-page.svelte
@@ -0,0 +1,23 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb-separator.svelte b/src/lib/components/ui/breadcrumb/breadcrumb-separator.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..84106a1ccbabc760c947c649d2bb0941df0a7d4d
--- /dev/null
+++ b/src/lib/components/ui/breadcrumb/breadcrumb-separator.svelte
@@ -0,0 +1,27 @@
+
+
+
svg]:size-3.5", className)}
+ {...restProps}
+>
+ {#if children}
+ {@render children?.()}
+ {:else}
+
diff --git a/src/lib/components/ui/breadcrumb/breadcrumb.svelte b/src/lib/components/ui/breadcrumb/breadcrumb.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..8f8a3e643d7f0b3c54d7cd9cbcd5323509bc6504
--- /dev/null
+++ b/src/lib/components/ui/breadcrumb/breadcrumb.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/breadcrumb/index.ts b/src/lib/components/ui/breadcrumb/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..dc914ec345ba66ad13caa07d96f6ce2f90ae301a
--- /dev/null
+++ b/src/lib/components/ui/breadcrumb/index.ts
@@ -0,0 +1,25 @@
+import Root from "./breadcrumb.svelte";
+import Ellipsis from "./breadcrumb-ellipsis.svelte";
+import Item from "./breadcrumb-item.svelte";
+import Separator from "./breadcrumb-separator.svelte";
+import Link from "./breadcrumb-link.svelte";
+import List from "./breadcrumb-list.svelte";
+import Page from "./breadcrumb-page.svelte";
+
+export {
+ Root,
+ Ellipsis,
+ Item,
+ Separator,
+ Link,
+ List,
+ Page,
+ //
+ Root as Breadcrumb,
+ Ellipsis as BreadcrumbEllipsis,
+ Item as BreadcrumbItem,
+ Separator as BreadcrumbSeparator,
+ Link as BreadcrumbLink,
+ List as BreadcrumbList,
+ Page as BreadcrumbPage,
+};
diff --git a/src/lib/components/ui/button/button.svelte b/src/lib/components/ui/button/button.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..4daf4535c908082a9d0db36003ed9af4e31f00ba
--- /dev/null
+++ b/src/lib/components/ui/button/button.svelte
@@ -0,0 +1,80 @@
+
+
+
+
+{#if href}
+
+ {@render children?.()}
+
+{:else}
+
+ {@render children?.()}
+
+{/if}
diff --git a/src/lib/components/ui/button/index.ts b/src/lib/components/ui/button/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..fb585d7688e11d20a6ca051ebe4d58b35c3c5de7
--- /dev/null
+++ b/src/lib/components/ui/button/index.ts
@@ -0,0 +1,17 @@
+import Root, {
+ type ButtonProps,
+ type ButtonSize,
+ type ButtonVariant,
+ buttonVariants,
+} from "./button.svelte";
+
+export {
+ Root,
+ type ButtonProps as Props,
+ //
+ Root as Button,
+ buttonVariants,
+ type ButtonProps,
+ type ButtonSize,
+ type ButtonVariant,
+};
diff --git a/src/lib/components/ui/card/card-action.svelte b/src/lib/components/ui/card/card-action.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..cc36c5665bed45a7b4f94bc7291e3c818d7f476e
--- /dev/null
+++ b/src/lib/components/ui/card/card-action.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/card/card-content.svelte b/src/lib/components/ui/card/card-content.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..bc90b8371fa36942672081c8abd6f64cfcc2bd04
--- /dev/null
+++ b/src/lib/components/ui/card/card-content.svelte
@@ -0,0 +1,15 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/card/card-description.svelte b/src/lib/components/ui/card/card-description.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..9b20ac701fa2e242686b71035724ee7a94dfce6c
--- /dev/null
+++ b/src/lib/components/ui/card/card-description.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/card/card-footer.svelte b/src/lib/components/ui/card/card-footer.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..cf4335399e6924f6d91f6e6511a2a65728fb9eb0
--- /dev/null
+++ b/src/lib/components/ui/card/card-footer.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/card/card-header.svelte b/src/lib/components/ui/card/card-header.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..8a91abbfb4ed2b29ce01bb0fa061236991d96db4
--- /dev/null
+++ b/src/lib/components/ui/card/card-header.svelte
@@ -0,0 +1,23 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/card/card-title.svelte b/src/lib/components/ui/card/card-title.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..22586e61ffcb4846f3c163aa9e6e35e38687540a
--- /dev/null
+++ b/src/lib/components/ui/card/card-title.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/card/card.svelte b/src/lib/components/ui/card/card.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..99448cc9a8ccb4fe9768c8643e06cb40bc56d09d
--- /dev/null
+++ b/src/lib/components/ui/card/card.svelte
@@ -0,0 +1,23 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/card/index.ts b/src/lib/components/ui/card/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..4d3fce489d33b48b20ba5b7fa40e15043daae01a
--- /dev/null
+++ b/src/lib/components/ui/card/index.ts
@@ -0,0 +1,25 @@
+import Root from "./card.svelte";
+import Content from "./card-content.svelte";
+import Description from "./card-description.svelte";
+import Footer from "./card-footer.svelte";
+import Header from "./card-header.svelte";
+import Title from "./card-title.svelte";
+import Action from "./card-action.svelte";
+
+export {
+ Root,
+ Content,
+ Description,
+ Footer,
+ Header,
+ Title,
+ Action,
+ //
+ Root as Card,
+ Content as CardContent,
+ Description as CardDescription,
+ Footer as CardFooter,
+ Header as CardHeader,
+ Title as CardTitle,
+ Action as CardAction,
+};
diff --git a/src/lib/components/ui/carousel/carousel-content.svelte b/src/lib/components/ui/carousel/carousel-content.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..6b169becb391cf2838e82e059abd642ad31257ba
--- /dev/null
+++ b/src/lib/components/ui/carousel/carousel-content.svelte
@@ -0,0 +1,43 @@
+
+
+
+
+ {@render children?.()}
+
+
diff --git a/src/lib/components/ui/carousel/carousel-item.svelte b/src/lib/components/ui/carousel/carousel-item.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..8352833807792649436a0473882f081b4f4fe7ae
--- /dev/null
+++ b/src/lib/components/ui/carousel/carousel-item.svelte
@@ -0,0 +1,30 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/carousel/carousel-next.svelte b/src/lib/components/ui/carousel/carousel-next.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..5c16552f3f0c6168f6795749ee435d5339e1f67a
--- /dev/null
+++ b/src/lib/components/ui/carousel/carousel-next.svelte
@@ -0,0 +1,38 @@
+
+
+
+ Next slide
+
diff --git a/src/lib/components/ui/carousel/carousel-previous.svelte b/src/lib/components/ui/carousel/carousel-previous.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..9e429736e9a82ed7694563d6f33087dd8696cef3
--- /dev/null
+++ b/src/lib/components/ui/carousel/carousel-previous.svelte
@@ -0,0 +1,38 @@
+
+
+
+ Previous slide
+
diff --git a/src/lib/components/ui/carousel/carousel.svelte b/src/lib/components/ui/carousel/carousel.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..4245fee16f5de4cf6bd36edcb1896c5e3e04ae62
--- /dev/null
+++ b/src/lib/components/ui/carousel/carousel.svelte
@@ -0,0 +1,100 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/carousel/context.ts b/src/lib/components/ui/carousel/context.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1268f9ebc291fb129ef2a8ec035a4365cb788e24
--- /dev/null
+++ b/src/lib/components/ui/carousel/context.ts
@@ -0,0 +1,56 @@
+import type { WithElementRef } from "$lib/utils.js";
+import type { EmblaCarouselSvelteType } from "embla-carousel-svelte";
+import type emblaCarouselSvelte from "embla-carousel-svelte";
+import { getContext, hasContext, setContext } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+
+export type CarouselAPI =
+ NonNullable
["on:emblaInit"]> extends (
+ evt: CustomEvent
+ ) => void
+ ? CarouselAPI
+ : never;
+
+type EmblaCarouselConfig = NonNullable[1]>;
+
+export type CarouselOptions = EmblaCarouselConfig["options"];
+export type CarouselPlugins = EmblaCarouselConfig["plugins"];
+
+////
+
+export type CarouselProps = {
+ opts?: CarouselOptions;
+ plugins?: CarouselPlugins;
+ setApi?: (api: CarouselAPI | undefined) => void;
+ orientation?: "horizontal" | "vertical";
+} & WithElementRef>;
+
+const EMBLA_CAROUSEL_CONTEXT = Symbol("EMBLA_CAROUSEL_CONTEXT");
+
+export type EmblaContext = {
+ api: CarouselAPI | undefined;
+ orientation: "horizontal" | "vertical";
+ scrollNext: () => void;
+ scrollPrev: () => void;
+ canScrollNext: boolean;
+ canScrollPrev: boolean;
+ handleKeyDown: (e: KeyboardEvent) => void;
+ options: CarouselOptions;
+ plugins: CarouselPlugins;
+ onInit: (e: CustomEvent) => void;
+ scrollTo: (index: number, jump?: boolean) => void;
+ scrollSnaps: number[];
+ selectedIndex: number;
+};
+
+export function setEmblaContext(config: EmblaContext): EmblaContext {
+ setContext(EMBLA_CAROUSEL_CONTEXT, config);
+ return config;
+}
+
+export function getEmblaContext(name = "This component") {
+ if (!hasContext(EMBLA_CAROUSEL_CONTEXT)) {
+ throw new Error(`${name} must be used within a component`);
+ }
+ return getContext>(EMBLA_CAROUSEL_CONTEXT);
+}
diff --git a/src/lib/components/ui/carousel/index.ts b/src/lib/components/ui/carousel/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..957fc74a1379f5015d8370383572a2c3535fae92
--- /dev/null
+++ b/src/lib/components/ui/carousel/index.ts
@@ -0,0 +1,19 @@
+import Root from "./carousel.svelte";
+import Content from "./carousel-content.svelte";
+import Item from "./carousel-item.svelte";
+import Previous from "./carousel-previous.svelte";
+import Next from "./carousel-next.svelte";
+
+export {
+ Root,
+ Content,
+ Item,
+ Previous,
+ Next,
+ //
+ Root as Carousel,
+ Content as CarouselContent,
+ Item as CarouselItem,
+ Previous as CarouselPrevious,
+ Next as CarouselNext,
+};
diff --git a/src/lib/components/ui/chart/chart-container.svelte b/src/lib/components/ui/chart/chart-container.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..b8367f6ab075046cf69fd301212cf1ee5d5563b6
--- /dev/null
+++ b/src/lib/components/ui/chart/chart-container.svelte
@@ -0,0 +1,83 @@
+
+
+
+
diff --git a/src/lib/components/ui/chart/chart-style.svelte b/src/lib/components/ui/chart/chart-style.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..67b8fd5d6200c97e10ee770e9f4d7839d2cc9233
--- /dev/null
+++ b/src/lib/components/ui/chart/chart-style.svelte
@@ -0,0 +1,37 @@
+
+
+{#if colorConfig && colorConfig.length}
+ {@const themeContents = Object.entries(THEMES)
+ .map(
+ ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig
+ .map(([key, itemConfig]) => {
+ const color =
+ itemConfig.theme?.[theme as keyof typeof itemConfig.theme] || itemConfig.color;
+ return color ? ` --color-${key}: ${color};` : null;
+ })
+ .join("\n")}
+}
+`
+ )
+ .join("\n")}
+
+ {#key id}
+
+ {@html `${styleOpen}
+ ${themeContents}
+ ${styleClose}`}
+ {/key}
+{/if}
diff --git a/src/lib/components/ui/chart/chart-tooltip.svelte b/src/lib/components/ui/chart/chart-tooltip.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..022e50ce8b7717e9fbdb5dd5192eb68ef4651a3b
--- /dev/null
+++ b/src/lib/components/ui/chart/chart-tooltip.svelte
@@ -0,0 +1,159 @@
+
+
+{#snippet TooltipLabel()}
+ {#if formattedLabel}
+
+ {#if typeof formattedLabel === "function"}
+ {@render formattedLabel()}
+ {:else}
+ {formattedLabel}
+ {/if}
+
+ {/if}
+{/snippet}
+
+
+
+ {#if !nestLabel}
+ {@render TooltipLabel()}
+ {/if}
+
+ {#each tooltipCtx.payload as item, i (item.key + i)}
+ {@const key = `${nameKey || item.key || item.name || "value"}`}
+ {@const itemConfig = getPayloadConfigFromPayload(chart.config, item, key)}
+ {@const indicatorColor = color || item.payload?.color || item.color}
+
svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5",
+ indicator === "dot" && "items-center"
+ )}
+ >
+ {#if formatter && item.value !== undefined && item.name}
+ {@render formatter({
+ value: item.value,
+ name: item.name,
+ item,
+ index: i,
+ payload: tooltipCtx.payload,
+ })}
+ {:else}
+ {#if itemConfig?.icon}
+
+ {:else if !hideIndicator}
+
+ {/if}
+
+
+ {#if nestLabel}
+ {@render TooltipLabel()}
+ {/if}
+
+ {itemConfig?.label || item.name}
+
+
+ {#if item.value}
+
+ {item.value.toLocaleString()}
+
+ {/if}
+
+ {/if}
+
+ {/each}
+
+
diff --git a/src/lib/components/ui/chart/chart-utils.ts b/src/lib/components/ui/chart/chart-utils.ts
new file mode 100644
index 0000000000000000000000000000000000000000..50b0171046c8395b8fec5ffc9257a98dd29d02b6
--- /dev/null
+++ b/src/lib/components/ui/chart/chart-utils.ts
@@ -0,0 +1,66 @@
+import type { Tooltip } from "layerchart";
+import { getContext, setContext, type Component, type ComponentProps, type Snippet } from "svelte";
+
+export const THEMES = { light: "", dark: ".dark" } as const;
+
+export type ChartConfig = {
+ [k in string]: {
+ label?: string;
+ icon?: Component;
+ } & (
+ | { color?: string; theme?: never }
+ | { color?: never; theme: Record }
+ );
+};
+
+export type ExtractSnippetParams = T extends Snippet<[infer P]> ? P : never;
+
+export type TooltipPayload = ExtractSnippetParams<
+ ComponentProps["children"]
+>["payload"][number];
+
+// Helper to extract item config from a payload.
+export function getPayloadConfigFromPayload(
+ config: ChartConfig,
+ payload: TooltipPayload,
+ key: string
+) {
+ if (typeof payload !== "object" || payload === null) return undefined;
+
+ const payloadPayload =
+ "payload" in payload && typeof payload.payload === "object" && payload.payload !== null
+ ? payload.payload
+ : undefined;
+
+ let configLabelKey: string = key;
+
+ if (payload.key === key) {
+ configLabelKey = payload.key;
+ } else if (payload.name === key) {
+ configLabelKey = payload.name;
+ } else if (key in payload && typeof payload[key as keyof typeof payload] === "string") {
+ configLabelKey = payload[key as keyof typeof payload] as string;
+ } else if (
+ payloadPayload &&
+ key in payloadPayload &&
+ typeof payloadPayload[key as keyof typeof payloadPayload] === "string"
+ ) {
+ configLabelKey = payloadPayload[key as keyof typeof payloadPayload] as string;
+ }
+
+ return configLabelKey in config ? config[configLabelKey] : config[key as keyof typeof config];
+}
+
+type ChartContextValue = {
+ config: ChartConfig;
+};
+
+const chartContextKey = Symbol("chart-context");
+
+export function setChartContext(value: ChartContextValue) {
+ return setContext(chartContextKey, value);
+}
+
+export function useChart() {
+ return getContext(chartContextKey);
+}
diff --git a/src/lib/components/ui/chart/index.ts b/src/lib/components/ui/chart/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f22375e09f5b261b9de0d7bc4f3091d9c86e29e2
--- /dev/null
+++ b/src/lib/components/ui/chart/index.ts
@@ -0,0 +1,6 @@
+import ChartContainer from "./chart-container.svelte";
+import ChartTooltip from "./chart-tooltip.svelte";
+
+export { getPayloadConfigFromPayload, type ChartConfig } from "./chart-utils.js";
+
+export { ChartContainer, ChartTooltip, ChartContainer as Container, ChartTooltip as Tooltip };
diff --git a/src/lib/components/ui/checkbox/checkbox.svelte b/src/lib/components/ui/checkbox/checkbox.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..1622e05c3822ee8eebc6f5913e66b8786cb6d7ea
--- /dev/null
+++ b/src/lib/components/ui/checkbox/checkbox.svelte
@@ -0,0 +1,36 @@
+
+
+
+ {#snippet children({ checked, indeterminate })}
+
+ {#if checked}
+
+ {/snippet}
+
diff --git a/src/lib/components/ui/checkbox/index.ts b/src/lib/components/ui/checkbox/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6d92d94580b03ee0c024a2f9daffcc21673d58be
--- /dev/null
+++ b/src/lib/components/ui/checkbox/index.ts
@@ -0,0 +1,6 @@
+import Root from "./checkbox.svelte";
+export {
+ Root,
+ //
+ Root as Checkbox,
+};
diff --git a/src/lib/components/ui/collapsible/collapsible-content.svelte b/src/lib/components/ui/collapsible/collapsible-content.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..bdabb559c944d8d51059928b269d84d95180847a
--- /dev/null
+++ b/src/lib/components/ui/collapsible/collapsible-content.svelte
@@ -0,0 +1,7 @@
+
+
+
+ {#snippet children({ checked })}
+
+ {#if checked}
+
+ {@render childrenProp?.()}
+ {/snippet}
+
diff --git a/src/lib/components/ui/context-menu/context-menu-content.svelte b/src/lib/components/ui/context-menu/context-menu-content.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..e793938cb9d2abae865bf68fa0fd345c121aaa63
--- /dev/null
+++ b/src/lib/components/ui/context-menu/context-menu-content.svelte
@@ -0,0 +1,25 @@
+
+
+
+
diff --git a/src/lib/components/ui/context-menu/context-menu-group-heading.svelte b/src/lib/components/ui/context-menu/context-menu-group-heading.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..66a81b36ec580b293d388dd207631fc1479624f9
--- /dev/null
+++ b/src/lib/components/ui/context-menu/context-menu-group-heading.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/context-menu/context-menu-radio-group.svelte b/src/lib/components/ui/context-menu/context-menu-radio-group.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..964cb55fdc8d8db61d27c29e4dffebd1cd898dbd
--- /dev/null
+++ b/src/lib/components/ui/context-menu/context-menu-radio-group.svelte
@@ -0,0 +1,16 @@
+
+
+
+ {#snippet children({ checked })}
+
+ {#if checked}
+
+ {@render childrenProp?.({ checked })}
+ {/snippet}
+
diff --git a/src/lib/components/ui/context-menu/context-menu-separator.svelte b/src/lib/components/ui/context-menu/context-menu-separator.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..7f5b237b9fa65cf9b69ee3a6aaabb7e5db23a7d5
--- /dev/null
+++ b/src/lib/components/ui/context-menu/context-menu-separator.svelte
@@ -0,0 +1,17 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/context-menu/context-menu-sub-content.svelte b/src/lib/components/ui/context-menu/context-menu-sub-content.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..e0245b1c5aa968a1d5d7dae9119178d34f383057
--- /dev/null
+++ b/src/lib/components/ui/context-menu/context-menu-sub-content.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/context-menu/context-menu-trigger.svelte b/src/lib/components/ui/context-menu/context-menu-trigger.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..3efa8575f7e5aca9e4f1bc36e3262f929dcad3a8
--- /dev/null
+++ b/src/lib/components/ui/context-menu/context-menu-trigger.svelte
@@ -0,0 +1,7 @@
+
+
+
+ *
+ * {#each table.getHeaderGroups() as headerGroup}
+ *
+ * {#each headerGroup.headers as header}
+ *
+ *
+ * {/each}
+ *
+ * {/each}
+ *
+ *
+ *
+ * ```
+ */
+export function createSvelteTable(options: TableOptions) {
+ const resolvedOptions: TableOptionsResolved = mergeObjects(
+ {
+ state: {},
+ onStateChange() {},
+ renderFallbackValue: null,
+ mergeOptions: (
+ defaultOptions: TableOptions,
+ options: Partial>
+ ) => {
+ return mergeObjects(defaultOptions, options);
+ },
+ },
+ options
+ );
+
+ const table = createTable(resolvedOptions);
+ let state = $state>(table.initialState);
+
+ function updateOptions() {
+ table.setOptions((prev) => {
+ return mergeObjects(prev, options, {
+ state: mergeObjects(state, options.state || {}),
+
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ onStateChange: (updater: any) => {
+ if (updater instanceof Function) state = updater(state);
+ else state = mergeObjects(state, updater);
+
+ options.onStateChange?.(updater);
+ },
+ });
+ });
+ }
+
+ updateOptions();
+
+ $effect.pre(() => {
+ updateOptions();
+ });
+
+ return table;
+}
+
+type MaybeThunk = T | (() => T | null | undefined);
+type Intersection = (T extends [infer H, ...infer R]
+ ? H & Intersection
+ : unknown) & {};
+
+/**
+ * Lazily merges several objects (or thunks) while preserving
+ * getter semantics from every source.
+ *
+ * Proxy-based to avoid known WebKit recursion issue.
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function mergeObjects[]>(
+ ...sources: Sources
+): Intersection<{ [K in keyof Sources]: Sources[K] }> {
+ const resolve = (src: MaybeThunk): T | undefined =>
+ typeof src === "function" ? (src() ?? undefined) : src;
+
+ const findSourceWithKey = (key: PropertyKey) => {
+ for (let i = sources.length - 1; i >= 0; i--) {
+ const obj = resolve(sources[i]);
+ if (obj && key in obj) return obj;
+ }
+ return undefined;
+ };
+
+ return new Proxy(Object.create(null), {
+ get(_, key) {
+ const src = findSourceWithKey(key);
+
+ return src?.[key as never];
+ },
+
+ has(_, key) {
+ return !!findSourceWithKey(key);
+ },
+
+ ownKeys(): (string | symbol)[] {
+ const all = new Set();
+ for (const s of sources) {
+ const obj = resolve(s);
+ if (obj) {
+ for (const k of Reflect.ownKeys(obj) as (string | symbol)[]) {
+ all.add(k);
+ }
+ }
+ }
+ return [...all];
+ },
+
+ getOwnPropertyDescriptor(_, key) {
+ const src = findSourceWithKey(key);
+ if (!src) return undefined;
+ return {
+ configurable: true,
+ enumerable: true,
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ value: (src as any)[key],
+ writable: true,
+ };
+ },
+ }) as Intersection<{ [K in keyof Sources]: Sources[K] }>;
+}
diff --git a/src/lib/components/ui/data-table/flex-render.svelte b/src/lib/components/ui/data-table/flex-render.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..12d2af10e3e971da80e6066dbbc3749fd273b66f
--- /dev/null
+++ b/src/lib/components/ui/data-table/flex-render.svelte
@@ -0,0 +1,36 @@
+
+
+{#if typeof content === "string"}
+ {content}
+{:else if content instanceof Function}
+
+
+ {@const result = content(context as any)}
+ {#if result instanceof RenderComponentConfig}
+ {@const { component: Component, props } = result}
+ {
+ component: TComponent;
+ props: ComponentProps | Record;
+ constructor(
+ component: TComponent,
+ props: ComponentProps | Record = {}
+ ) {
+ this.component = component;
+ this.props = props;
+ }
+}
+
+/**
+ * A helper class to make it easy to identify Svelte Snippets in `columnDef.cell` and `columnDef.header` properties.
+ *
+ * > NOTE: This class should only be used internally by the adapter. If you're
+ * reading this and you don't know what this is for, you probably don't need it.
+ *
+ * @example
+ * ```svelte
+ * {@const result = content(context as any)}
+ * {#if result instanceof RenderSnippetConfig}
+ * {@const { snippet, params } = result}
+ * {@render snippet(params)}
+ * {/if}
+ * ```
+ */
+export class RenderSnippetConfig {
+ snippet: Snippet<[TProps]>;
+ params: TProps;
+ constructor(snippet: Snippet<[TProps]>, params: TProps) {
+ this.snippet = snippet;
+ this.params = params;
+ }
+}
+
+/**
+ * A helper function to help create cells from Svelte components through ColumnDef's `cell` and `header` properties.
+ *
+ * This is only to be used with Svelte Components - use `renderSnippet` for Svelte Snippets.
+ *
+ * @param component A Svelte component
+ * @param props The props to pass to `component`
+ * @returns A `RenderComponentConfig` object that helps svelte-table know how to render the header/cell component.
+ * @example
+ * ```ts
+ * // +page.svelte
+ * const defaultColumns = [
+ * columnHelper.accessor('name', {
+ * header: header => renderComponent(SortHeader, { label: 'Name', header }),
+ * }),
+ * columnHelper.accessor('state', {
+ * header: header => renderComponent(SortHeader, { label: 'State', header }),
+ * }),
+ * ]
+ * ```
+ * @see {@link https://tanstack.com/table/latest/docs/guide/column-defs}
+ */
+export function renderComponent<
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ T extends Component,
+ Props extends ComponentProps,
+>(component: T, props: Props = {} as Props) {
+ return new RenderComponentConfig(component, props);
+}
+
+/**
+ * A helper function to help create cells from Svelte Snippets through ColumnDef's `cell` and `header` properties.
+ *
+ * The snippet must only take one parameter.
+ *
+ * This is only to be used with Snippets - use `renderComponent` for Svelte Components.
+ *
+ * @param snippet
+ * @param params
+ * @returns - A `RenderSnippetConfig` object that helps svelte-table know how to render the header/cell snippet.
+ * @example
+ * ```ts
+ * // +page.svelte
+ * const defaultColumns = [
+ * columnHelper.accessor('name', {
+ * cell: cell => renderSnippet(nameSnippet, { name: cell.row.name }),
+ * }),
+ * columnHelper.accessor('state', {
+ * cell: cell => renderSnippet(stateSnippet, { state: cell.row.state }),
+ * }),
+ * ]
+ * ```
+ * @see {@link https://tanstack.com/table/latest/docs/guide/column-defs}
+ */
+export function renderSnippet(snippet: Snippet<[TProps]>, params: TProps = {} as TProps) {
+ return new RenderSnippetConfig(snippet, params);
+}
diff --git a/src/lib/components/ui/dialog/dialog-close.svelte b/src/lib/components/ui/dialog/dialog-close.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..840b2f68b1d8c178b4671d1bb9999a2d03a3a436
--- /dev/null
+++ b/src/lib/components/ui/dialog/dialog-close.svelte
@@ -0,0 +1,7 @@
+
+
+
+
+ {@render children?.()}
+
+ Close
+
+
+
diff --git a/src/lib/components/ui/dialog/dialog-description.svelte b/src/lib/components/ui/dialog/dialog-description.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..38450239aa4b984facbe43681b0ba2227c54ac97
--- /dev/null
+++ b/src/lib/components/ui/dialog/dialog-description.svelte
@@ -0,0 +1,17 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/dialog/dialog-header.svelte b/src/lib/components/ui/dialog/dialog-header.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..fc90cd9bef10a0b45f5975bd481e33c64c58ad04
--- /dev/null
+++ b/src/lib/components/ui/dialog/dialog-header.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/dialog/dialog-overlay.svelte b/src/lib/components/ui/dialog/dialog-overlay.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..f81ad8334ef6c0bbe9d97f5fb9c848801c8a7b07
--- /dev/null
+++ b/src/lib/components/ui/dialog/dialog-overlay.svelte
@@ -0,0 +1,20 @@
+
+
+
+
+
+ {@render children?.()}
+
+
diff --git a/src/lib/components/ui/drawer/drawer-description.svelte b/src/lib/components/ui/drawer/drawer-description.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..2763a1aa4236eba8d8d4dd8cdd09ef3c7dc0204d
--- /dev/null
+++ b/src/lib/components/ui/drawer/drawer-description.svelte
@@ -0,0 +1,17 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/drawer/drawer-header.svelte b/src/lib/components/ui/drawer/drawer-header.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..d02ad3bd529c3884d655b55fe23a9601f8b51f82
--- /dev/null
+++ b/src/lib/components/ui/drawer/drawer-header.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/drawer/drawer-nested.svelte b/src/lib/components/ui/drawer/drawer-nested.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..834af9461301bdb3d5e709e006474ed0c03720a3
--- /dev/null
+++ b/src/lib/components/ui/drawer/drawer-nested.svelte
@@ -0,0 +1,12 @@
+
+
+
+ {#snippet children({ checked, indeterminate })}
+
+ {#if indeterminate}
+
+ {@render childrenProp?.()}
+ {/snippet}
+
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..498c4b924bf4c5ace906360b1b99e9d1dcc7b882
--- /dev/null
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
@@ -0,0 +1,27 @@
+
+
+
+
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..48d14a916a5a5a518c8726410b8b7b5a07079b19
--- /dev/null
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte
@@ -0,0 +1,22 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..189aef40e44212dd3da08a692ae1a7d2f5066fe4
--- /dev/null
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte
@@ -0,0 +1,16 @@
+
+
+
+ {#snippet children({ checked })}
+
+ {#if checked}
+
+ {@render childrenProp?.({ checked })}
+ {/snippet}
+
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..90f1b6f10aa78af6ebc54c624004c026097bae4a
--- /dev/null
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
@@ -0,0 +1,17 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..30deb9eb9d176a71338e4a6f77a8a0a4026f6d6e
--- /dev/null
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte b/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..cb053444d76caba0c74a634f8b12575cf07dc716
--- /dev/null
+++ b/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte
@@ -0,0 +1,7 @@
+
+
+
+
diff --git a/src/lib/components/ui/hover-card/hover-card-trigger.svelte b/src/lib/components/ui/hover-card/hover-card-trigger.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..322172bb496994c51ac30505a0c863da43a62b35
--- /dev/null
+++ b/src/lib/components/ui/hover-card/hover-card-trigger.svelte
@@ -0,0 +1,7 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/input-otp/input-otp-separator.svelte b/src/lib/components/ui/input-otp/input-otp-separator.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..32412959ce34f5c371fa461025d6e7ea65866b97
--- /dev/null
+++ b/src/lib/components/ui/input-otp/input-otp-separator.svelte
@@ -0,0 +1,19 @@
+
+
+
+ {#if children}
+ {@render children?.()}
+ {:else}
+
diff --git a/src/lib/components/ui/input-otp/input-otp-slot.svelte b/src/lib/components/ui/input-otp/input-otp-slot.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..34d26368d71bd093f127c69b12d934519a8198d8
--- /dev/null
+++ b/src/lib/components/ui/input-otp/input-otp-slot.svelte
@@ -0,0 +1,31 @@
+
+
+
+ {cell.char}
+ {#if cell.hasFakeCaret}
+
+ {/if}
+
diff --git a/src/lib/components/ui/input-otp/input-otp.svelte b/src/lib/components/ui/input-otp/input-otp.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..e27cbcc31fa7a4c8d27d0ec91ac61b4dea935ffe
--- /dev/null
+++ b/src/lib/components/ui/input-otp/input-otp.svelte
@@ -0,0 +1,22 @@
+
+
+
+ {#snippet children({ checked, indeterminate })}
+
+ {#if indeterminate}
+
+ {@render childrenProp?.()}
+ {/snippet}
+
diff --git a/src/lib/components/ui/menubar/menubar-content.svelte b/src/lib/components/ui/menubar/menubar-content.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..d1936228fd8779b5b1f7bb5df4e30df32697e877
--- /dev/null
+++ b/src/lib/components/ui/menubar/menubar-content.svelte
@@ -0,0 +1,33 @@
+
+
+
+
diff --git a/src/lib/components/ui/menubar/menubar-group-heading.svelte b/src/lib/components/ui/menubar/menubar-group-heading.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..024e74281ff4198250b3063f21b0c27e1c0aa3cc
--- /dev/null
+++ b/src/lib/components/ui/menubar/menubar-group-heading.svelte
@@ -0,0 +1,22 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/menubar/menubar-radio-item.svelte b/src/lib/components/ui/menubar/menubar-radio-item.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..3da12d4960e454664489d45bc69d6ea1018bcd4c
--- /dev/null
+++ b/src/lib/components/ui/menubar/menubar-radio-item.svelte
@@ -0,0 +1,31 @@
+
+
+
+ {#snippet children({ checked })}
+
+ {#if checked}
+
+ {@render childrenProp?.({ checked })}
+ {/snippet}
+
diff --git a/src/lib/components/ui/menubar/menubar-separator.svelte b/src/lib/components/ui/menubar/menubar-separator.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..a2caf6e6e19a2d3ab4869121777de8ec74caceeb
--- /dev/null
+++ b/src/lib/components/ui/menubar/menubar-separator.svelte
@@ -0,0 +1,17 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/menubar/menubar-sub-content.svelte b/src/lib/components/ui/menubar/menubar-sub-content.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..cb4d04c0efeac4e8ad0d4fa6e334ba412d050566
--- /dev/null
+++ b/src/lib/components/ui/menubar/menubar-sub-content.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/menubar/menubar-trigger.svelte b/src/lib/components/ui/menubar/menubar-trigger.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..1c3dd6a050e0e39271ecbfb513a40bbbd8840722
--- /dev/null
+++ b/src/lib/components/ui/menubar/menubar-trigger.svelte
@@ -0,0 +1,20 @@
+
+
+
+
+
diff --git a/src/lib/components/ui/navigation-menu/navigation-menu-item.svelte b/src/lib/components/ui/navigation-menu/navigation-menu-item.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..b00b4b489adfff6f8e433576fbb0b8cb78a29209
--- /dev/null
+++ b/src/lib/components/ui/navigation-menu/navigation-menu-item.svelte
@@ -0,0 +1,17 @@
+
+
+
+
diff --git a/src/lib/components/ui/navigation-menu/navigation-menu.svelte b/src/lib/components/ui/navigation-menu/navigation-menu.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..69c3d134f489e7db74f05aa687c8db57d7541940
--- /dev/null
+++ b/src/lib/components/ui/navigation-menu/navigation-menu.svelte
@@ -0,0 +1,32 @@
+
+
+
+ {@render children?.()}
+
+ {#if viewport}
+
diff --git a/src/lib/components/ui/pagination/index.ts b/src/lib/components/ui/pagination/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d83c7a9487f2ddd8e0cdaff8383a39a090de6936
--- /dev/null
+++ b/src/lib/components/ui/pagination/index.ts
@@ -0,0 +1,25 @@
+import Root from "./pagination.svelte";
+import Content from "./pagination-content.svelte";
+import Item from "./pagination-item.svelte";
+import Link from "./pagination-link.svelte";
+import PrevButton from "./pagination-prev-button.svelte";
+import NextButton from "./pagination-next-button.svelte";
+import Ellipsis from "./pagination-ellipsis.svelte";
+
+export {
+ Root,
+ Content,
+ Item,
+ Link,
+ PrevButton,
+ NextButton,
+ Ellipsis,
+ //
+ Root as Pagination,
+ Content as PaginationContent,
+ Item as PaginationItem,
+ Link as PaginationLink,
+ PrevButton as PaginationPrevButton,
+ NextButton as PaginationNextButton,
+ Ellipsis as PaginationEllipsis,
+};
diff --git a/src/lib/components/ui/pagination/pagination-content.svelte b/src/lib/components/ui/pagination/pagination-content.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..e1124fce197f5885c33f16689013f2ec29a6a54d
--- /dev/null
+++ b/src/lib/components/ui/pagination/pagination-content.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/pagination/pagination-ellipsis.svelte b/src/lib/components/ui/pagination/pagination-ellipsis.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..3be94c9ca40898f7c462b9cdf662a1039812dc1f
--- /dev/null
+++ b/src/lib/components/ui/pagination/pagination-ellipsis.svelte
@@ -0,0 +1,22 @@
+
+
+
+ More pages
+
diff --git a/src/lib/components/ui/pagination/pagination-item.svelte b/src/lib/components/ui/pagination/pagination-item.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..fd7ffc3a7c5130c9e881d96ffe0b6b3adfd41b48
--- /dev/null
+++ b/src/lib/components/ui/pagination/pagination-item.svelte
@@ -0,0 +1,14 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/pagination/pagination-link.svelte b/src/lib/components/ui/pagination/pagination-link.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..69579a05fd1d3c38e235dd643e92ee5d4138de88
--- /dev/null
+++ b/src/lib/components/ui/pagination/pagination-link.svelte
@@ -0,0 +1,39 @@
+
+
+{#snippet Fallback()}
+ {page.value}
+{/snippet}
+
+Next
+ Previous
+{/snippet}
+
+
+
diff --git a/src/lib/components/ui/popover/popover-trigger.svelte b/src/lib/components/ui/popover/popover-trigger.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..586323c71995f92a5f46f3dca589f70f2e3dab31
--- /dev/null
+++ b/src/lib/components/ui/popover/popover-trigger.svelte
@@ -0,0 +1,17 @@
+
+
+
+
+
diff --git a/src/lib/components/ui/radio-group/index.ts b/src/lib/components/ui/radio-group/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..90b33fe5bca15c36b42af718005c464a71996c18
--- /dev/null
+++ b/src/lib/components/ui/radio-group/index.ts
@@ -0,0 +1,10 @@
+import Root from "./radio-group.svelte";
+import Item from "./radio-group-item.svelte";
+
+export {
+ Root,
+ Item,
+ //
+ Root as RadioGroup,
+ Item as RadioGroupItem,
+};
diff --git a/src/lib/components/ui/radio-group/radio-group-item.svelte b/src/lib/components/ui/radio-group/radio-group-item.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..4ae3a6ecb4de3728164be4058b1b47a35d8f3654
--- /dev/null
+++ b/src/lib/components/ui/radio-group/radio-group-item.svelte
@@ -0,0 +1,29 @@
+
+
+
+ {#snippet children({ checked })}
+
+ {#if checked}
+
+ {/snippet}
+
diff --git a/src/lib/components/ui/radio-group/radio-group.svelte b/src/lib/components/ui/radio-group/radio-group.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..da2912b0420e51ea85c53a6ed15c899afeea9e62
--- /dev/null
+++ b/src/lib/components/ui/radio-group/radio-group.svelte
@@ -0,0 +1,19 @@
+
+
+div]:rotate-90",
+ className
+ )}
+ {...restProps}
+>
+ {#if withHandle}
+
+
+ {/if}
+
diff --git a/src/lib/components/ui/resizable/resizable-pane-group.svelte b/src/lib/components/ui/resizable/resizable-pane-group.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..a810d7ec941e1a3ca2cdc6af02adca3bf17612fe
--- /dev/null
+++ b/src/lib/components/ui/resizable/resizable-pane-group.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/scroll-area/scroll-area.svelte b/src/lib/components/ui/scroll-area/scroll-area.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..38a1847f5a2ca49440936bd958f9d1d019288bb2
--- /dev/null
+++ b/src/lib/components/ui/scroll-area/scroll-area.svelte
@@ -0,0 +1,40 @@
+
+
+
+
+ {@render children?.()}
+
+ {#if orientation === "vertical" || orientation === "both"}
+
diff --git a/src/lib/components/ui/select/index.ts b/src/lib/components/ui/select/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..257e3221fd1c3f0b18f335449095fd5b683f757f
--- /dev/null
+++ b/src/lib/components/ui/select/index.ts
@@ -0,0 +1,34 @@
+import { Select as SelectPrimitive } from "bits-ui";
+
+import Group from "./select-group.svelte";
+import Label from "./select-label.svelte";
+import Item from "./select-item.svelte";
+import Content from "./select-content.svelte";
+import Trigger from "./select-trigger.svelte";
+import Separator from "./select-separator.svelte";
+import ScrollDownButton from "./select-scroll-down-button.svelte";
+import ScrollUpButton from "./select-scroll-up-button.svelte";
+
+const Root = SelectPrimitive.Root;
+
+export {
+ Root,
+ Group,
+ Label,
+ Item,
+ Content,
+ Trigger,
+ Separator,
+ ScrollDownButton,
+ ScrollUpButton,
+ //
+ Root as Select,
+ Group as SelectGroup,
+ Label as SelectLabel,
+ Item as SelectItem,
+ Content as SelectContent,
+ Trigger as SelectTrigger,
+ Separator as SelectSeparator,
+ ScrollDownButton as SelectScrollDownButton,
+ ScrollUpButton as SelectScrollUpButton,
+};
diff --git a/src/lib/components/ui/select/select-content.svelte b/src/lib/components/ui/select/select-content.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..dc16d65ddbac433111cc68762579dfa19973ded3
--- /dev/null
+++ b/src/lib/components/ui/select/select-content.svelte
@@ -0,0 +1,40 @@
+
+
+
+
+
+ {@render children?.()}
+
+
+
diff --git a/src/lib/components/ui/select/select-group.svelte b/src/lib/components/ui/select/select-group.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..5454fdb39574cab9e523def2a9ce7a927723e563
--- /dev/null
+++ b/src/lib/components/ui/select/select-group.svelte
@@ -0,0 +1,7 @@
+
+
+
+ {#snippet children({ selected, highlighted })}
+
+ {#if selected}
+
+ {#if childrenProp}
+ {@render childrenProp({ selected, highlighted })}
+ {:else}
+ {label || value}
+ {/if}
+ {/snippet}
+
diff --git a/src/lib/components/ui/select/select-label.svelte b/src/lib/components/ui/select/select-label.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..46960259f37423b781a013708267b45eb7d1e766
--- /dev/null
+++ b/src/lib/components/ui/select/select-label.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/select/select-scroll-down-button.svelte b/src/lib/components/ui/select/select-scroll-down-button.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..36292058266076dde3c218b10df959ba4c915533
--- /dev/null
+++ b/src/lib/components/ui/select/select-scroll-down-button.svelte
@@ -0,0 +1,20 @@
+
+
+
+
diff --git a/src/lib/components/ui/select/select-scroll-up-button.svelte b/src/lib/components/ui/select/select-scroll-up-button.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..1aa2300c9b603ef9cf4d5f47c990592382be92d5
--- /dev/null
+++ b/src/lib/components/ui/select/select-scroll-up-button.svelte
@@ -0,0 +1,20 @@
+
+
+
+
diff --git a/src/lib/components/ui/select/select-separator.svelte b/src/lib/components/ui/select/select-separator.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..0eac3ebc5b74a3c90d9ae19f717b4abf58b2bb5c
--- /dev/null
+++ b/src/lib/components/ui/select/select-separator.svelte
@@ -0,0 +1,18 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/separator/index.ts b/src/lib/components/ui/separator/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..82442d2cdc5988d5b4622664004a23e8226f474c
--- /dev/null
+++ b/src/lib/components/ui/separator/index.ts
@@ -0,0 +1,7 @@
+import Root from "./separator.svelte";
+
+export {
+ Root,
+ //
+ Root as Separator,
+};
diff --git a/src/lib/components/ui/separator/separator.svelte b/src/lib/components/ui/separator/separator.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..3648474e88e12c4228620f26c7a292b364293c3b
--- /dev/null
+++ b/src/lib/components/ui/separator/separator.svelte
@@ -0,0 +1,20 @@
+
+
+
+
+ {@render children?.()}
+
+ Close
+
+
+
diff --git a/src/lib/components/ui/sheet/sheet-description.svelte b/src/lib/components/ui/sheet/sheet-description.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..333b17a7af16dff1ed6e0330b1bf952d4c088db1
--- /dev/null
+++ b/src/lib/components/ui/sheet/sheet-description.svelte
@@ -0,0 +1,17 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sheet/sheet-header.svelte b/src/lib/components/ui/sheet/sheet-header.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..757a6a566fc292bb77c768342a878e3d2566de81
--- /dev/null
+++ b/src/lib/components/ui/sheet/sheet-header.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sheet/sheet-overlay.svelte b/src/lib/components/ui/sheet/sheet-overlay.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..345e197bd8b2f08c719ce3c5e8ad599f791c5e2c
--- /dev/null
+++ b/src/lib/components/ui/sheet/sheet-overlay.svelte
@@ -0,0 +1,20 @@
+
+
+ = () => T;
+
+export type SidebarStateProps = {
+ /**
+ * A getter function that returns the current open state of the sidebar.
+ * We use a getter function here to support `bind:open` on the `Sidebar.Provider`
+ * component.
+ */
+ open: Getter;
+
+ /**
+ * A function that sets the open state of the sidebar. To support `bind:open`, we need
+ * a source of truth for changing the open state to ensure it will be synced throughout
+ * the sub-components and any `bind:` references.
+ */
+ setOpen: (open: boolean) => void;
+};
+
+class SidebarState {
+ readonly props: SidebarStateProps;
+ open = $derived.by(() => this.props.open());
+ openMobile = $state(false);
+ setOpen: SidebarStateProps["setOpen"];
+ #isMobile: IsMobile;
+ state = $derived.by(() => (this.open ? "expanded" : "collapsed"));
+
+ constructor(props: SidebarStateProps) {
+ this.setOpen = props.setOpen;
+ this.#isMobile = new IsMobile();
+ this.props = props;
+ }
+
+ // Convenience getter for checking if the sidebar is mobile
+ // without this, we would need to use `sidebar.isMobile.current` everywhere
+ get isMobile() {
+ return this.#isMobile.current;
+ }
+
+ // Event handler to apply to the ``
+ handleShortcutKeydown = (e: KeyboardEvent) => {
+ if (e.key === SIDEBAR_KEYBOARD_SHORTCUT && (e.metaKey || e.ctrlKey)) {
+ e.preventDefault();
+ this.toggle();
+ }
+ };
+
+ setOpenMobile = (value: boolean) => {
+ this.openMobile = value;
+ };
+
+ toggle = () => {
+ return this.#isMobile.current
+ ? (this.openMobile = !this.openMobile)
+ : this.setOpen(!this.open);
+ };
+}
+
+const SYMBOL_KEY = "scn-sidebar";
+
+/**
+ * Instantiates a new `SidebarState` instance and sets it in the context.
+ *
+ * @param props The constructor props for the `SidebarState` class.
+ * @returns The `SidebarState` instance.
+ */
+export function setSidebar(props: SidebarStateProps): SidebarState {
+ return setContext(Symbol.for(SYMBOL_KEY), new SidebarState(props));
+}
+
+/**
+ * Retrieves the `SidebarState` instance from the context. This is a class instance,
+ * so you cannot destructure it.
+ * @returns The `SidebarState` instance.
+ */
+export function useSidebar(): SidebarState {
+ return getContext(Symbol.for(SYMBOL_KEY));
+}
diff --git a/src/lib/components/ui/sidebar/index.ts b/src/lib/components/ui/sidebar/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..318a341785f0bceeebff8272d99b79410f3a7d3d
--- /dev/null
+++ b/src/lib/components/ui/sidebar/index.ts
@@ -0,0 +1,75 @@
+import { useSidebar } from "./context.svelte.js";
+import Content from "./sidebar-content.svelte";
+import Footer from "./sidebar-footer.svelte";
+import GroupAction from "./sidebar-group-action.svelte";
+import GroupContent from "./sidebar-group-content.svelte";
+import GroupLabel from "./sidebar-group-label.svelte";
+import Group from "./sidebar-group.svelte";
+import Header from "./sidebar-header.svelte";
+import Input from "./sidebar-input.svelte";
+import Inset from "./sidebar-inset.svelte";
+import MenuAction from "./sidebar-menu-action.svelte";
+import MenuBadge from "./sidebar-menu-badge.svelte";
+import MenuButton from "./sidebar-menu-button.svelte";
+import MenuItem from "./sidebar-menu-item.svelte";
+import MenuSkeleton from "./sidebar-menu-skeleton.svelte";
+import MenuSubButton from "./sidebar-menu-sub-button.svelte";
+import MenuSubItem from "./sidebar-menu-sub-item.svelte";
+import MenuSub from "./sidebar-menu-sub.svelte";
+import Menu from "./sidebar-menu.svelte";
+import Provider from "./sidebar-provider.svelte";
+import Rail from "./sidebar-rail.svelte";
+import Separator from "./sidebar-separator.svelte";
+import Trigger from "./sidebar-trigger.svelte";
+import Root from "./sidebar.svelte";
+
+export {
+ Content,
+ Footer,
+ Group,
+ GroupAction,
+ GroupContent,
+ GroupLabel,
+ Header,
+ Input,
+ Inset,
+ Menu,
+ MenuAction,
+ MenuBadge,
+ MenuButton,
+ MenuItem,
+ MenuSkeleton,
+ MenuSub,
+ MenuSubButton,
+ MenuSubItem,
+ Provider,
+ Rail,
+ Root,
+ Separator,
+ //
+ Root as Sidebar,
+ Content as SidebarContent,
+ Footer as SidebarFooter,
+ Group as SidebarGroup,
+ GroupAction as SidebarGroupAction,
+ GroupContent as SidebarGroupContent,
+ GroupLabel as SidebarGroupLabel,
+ Header as SidebarHeader,
+ Input as SidebarInput,
+ Inset as SidebarInset,
+ Menu as SidebarMenu,
+ MenuAction as SidebarMenuAction,
+ MenuBadge as SidebarMenuBadge,
+ MenuButton as SidebarMenuButton,
+ MenuItem as SidebarMenuItem,
+ MenuSkeleton as SidebarMenuSkeleton,
+ MenuSub as SidebarMenuSub,
+ MenuSubButton as SidebarMenuSubButton,
+ MenuSubItem as SidebarMenuSubItem,
+ Provider as SidebarProvider,
+ Rail as SidebarRail,
+ Separator as SidebarSeparator,
+ Trigger as SidebarTrigger,
+ Trigger,
+ useSidebar,
+};
diff --git a/src/lib/components/ui/sidebar/sidebar-content.svelte b/src/lib/components/ui/sidebar/sidebar-content.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..f12180020209fc10789fad0e7320eb9b376c562d
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-content.svelte
@@ -0,0 +1,24 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-footer.svelte b/src/lib/components/ui/sidebar/sidebar-footer.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..6259cb952695c1327dc4641be9aa0a7bcd4a0575
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-footer.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-group-action.svelte b/src/lib/components/ui/sidebar/sidebar-group-action.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..fb84e4a23e6e3f1a8e9fb8a726dbf54025a32a9f
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-group-action.svelte
@@ -0,0 +1,36 @@
+
+
+{#if child}
+ {@render child({ props: mergedProps })}
+{:else}
+
+ {@render children?.()}
+
+{/if}
diff --git a/src/lib/components/ui/sidebar/sidebar-group-content.svelte b/src/lib/components/ui/sidebar/sidebar-group-content.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..415255f1f55463975bffd9c386c365afd94131e8
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-group-content.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-group-label.svelte b/src/lib/components/ui/sidebar/sidebar-group-label.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..e292945bfd31fcc0e3526301e6179423badce754
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-group-label.svelte
@@ -0,0 +1,34 @@
+
+
+{#if child}
+ {@render child({ props: mergedProps })}
+{:else}
+
+ {@render children?.()}
+
+{/if}
diff --git a/src/lib/components/ui/sidebar/sidebar-group.svelte b/src/lib/components/ui/sidebar/sidebar-group.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..ec18a6976a8ab7c9e07ebfface50fad127a1c553
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-group.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-header.svelte b/src/lib/components/ui/sidebar/sidebar-header.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..a1b2db1504613533a4ae8384ba79b473b473453d
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-header.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-input.svelte b/src/lib/components/ui/sidebar/sidebar-input.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..19b366601026e6647fe923c39789052fbe2ca1e3
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-input.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-action.svelte b/src/lib/components/ui/sidebar/sidebar-menu-action.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..fa3fb0cd83b8abb42feb915063dacdb7f4d9a2d7
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-menu-action.svelte
@@ -0,0 +1,43 @@
+
+
+{#if child}
+ {@render child({ props: mergedProps })}
+{:else}
+
+ {@render children?.()}
+
+{/if}
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte b/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..69e5a3cbd1d512ca76c777781f8813182e3e25cd
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte
@@ -0,0 +1,29 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-button.svelte b/src/lib/components/ui/sidebar/sidebar-menu-button.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..4bef683f0e52060d5a698c81a2e8aceb326d578b
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-menu-button.svelte
@@ -0,0 +1,103 @@
+
+
+
+
+{#snippet Button({ props }: { props?: Record })}
+ {@const mergedProps = mergeProps(buttonProps, props)}
+ {#if child}
+ {@render child({ props: mergedProps })}
+ {:else}
+
+ {@render children?.()}
+
+ {/if}
+{/snippet}
+
+{#if !tooltipContent}
+ {@render Button({})}
+{:else}
+
+
+ {#snippet child({ props })}
+ {@render Button({ props })}
+ {/snippet}
+
+
+ {#if typeof tooltipContent === "string"}
+ {tooltipContent}
+ {:else if tooltipContent}
+ {@render tooltipContent()}
+ {/if}
+
+
+{/if}
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-item.svelte b/src/lib/components/ui/sidebar/sidebar-menu-item.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..4db445323f650db106c75748e860df474d8b03ad
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-menu-item.svelte
@@ -0,0 +1,21 @@
+
+
+
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte b/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..cc63b04d5b19d73dab80640a11770c1119cc2d06
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte
@@ -0,0 +1,36 @@
+
+
+
+ {#if showIcon}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte b/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..987f104d9342a1db2c9ec8d77f0103ea261e6909
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte
@@ -0,0 +1,43 @@
+
+
+{#if child}
+ {@render child({ props: mergedProps })}
+{:else}
+
+ {@render children?.()}
+
+{/if}
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte b/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..681d0f1d3687e8775f77e5322a104c6c4d307135
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte
@@ -0,0 +1,21 @@
+
+
+
diff --git a/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte b/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..8ab11110e576bebe66aa7ff16993527ac44d694f
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte
@@ -0,0 +1,25 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-menu.svelte b/src/lib/components/ui/sidebar/sidebar-menu.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..946ccceff3f4e417bec8a4ec278fa6bdc2c2929b
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-menu.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-provider.svelte b/src/lib/components/ui/sidebar/sidebar-provider.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..5b0d0aa2066d7379496995feacb21944e9cf88e0
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-provider.svelte
@@ -0,0 +1,53 @@
+
+
+
+
+ {@render children?.()}
+
+
diff --git a/src/lib/components/ui/sidebar/sidebar-rail.svelte b/src/lib/components/ui/sidebar/sidebar-rail.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..e913d2120be43d62d139ea4450aa5c0fba1548b3
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-rail.svelte
@@ -0,0 +1,36 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/sidebar/sidebar-separator.svelte b/src/lib/components/ui/sidebar/sidebar-separator.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..18d791bd577a308debaa3490de8656bac3c7c19b
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-separator.svelte
@@ -0,0 +1,19 @@
+
+
+
diff --git a/src/lib/components/ui/sidebar/sidebar-trigger.svelte b/src/lib/components/ui/sidebar/sidebar-trigger.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..1825182786d4437515fed1b71b3a69404d338e35
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar-trigger.svelte
@@ -0,0 +1,35 @@
+
+
+ {
+ onclick?.(e);
+ sidebar.toggle();
+ }}
+ {...restProps}
+>
+ Toggle Sidebar
+
diff --git a/src/lib/components/ui/sidebar/sidebar.svelte b/src/lib/components/ui/sidebar/sidebar.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..c8c36df7bd383910bcc545794e59e0c66251be0f
--- /dev/null
+++ b/src/lib/components/ui/sidebar/sidebar.svelte
@@ -0,0 +1,104 @@
+
+
+{#if collapsible === "none"}
+
+ {@render children?.()}
+
+{:else if sidebar.isMobile}
+ sidebar.openMobile, (v) => sidebar.setOpenMobile(v)}
+ {...restProps}
+ >
+
+
+{:else}
+
+{/if}
diff --git a/src/lib/components/ui/skeleton/index.ts b/src/lib/components/ui/skeleton/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..186db219a6687a842f8bb4ec725c95ee0cea00c5
--- /dev/null
+++ b/src/lib/components/ui/skeleton/index.ts
@@ -0,0 +1,7 @@
+import Root from "./skeleton.svelte";
+
+export {
+ Root,
+ //
+ Root as Skeleton,
+};
diff --git a/src/lib/components/ui/skeleton/skeleton.svelte b/src/lib/components/ui/skeleton/skeleton.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..c7e3d26cef8ec70410239305147b54bbe1aa4778
--- /dev/null
+++ b/src/lib/components/ui/skeleton/skeleton.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/src/lib/components/ui/slider/index.ts b/src/lib/components/ui/slider/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..820f209c7fba5e64e2244c2c560da93f01b77b55
--- /dev/null
+++ b/src/lib/components/ui/slider/index.ts
@@ -0,0 +1,7 @@
+import Root from "./slider.svelte";
+
+export {
+ Root,
+ //
+ Root as Slider,
+};
diff --git a/src/lib/components/ui/slider/slider.svelte b/src/lib/components/ui/slider/slider.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..b06e110b8a70f7eed39c6629d9bbdc3795e59de4
--- /dev/null
+++ b/src/lib/components/ui/slider/slider.svelte
@@ -0,0 +1,52 @@
+
+
+
+
+ {#snippet children({ thumbs })}
+
+
+ {#each thumbs as thumb (thumb)}
+
diff --git a/src/lib/components/ui/sonner/index.ts b/src/lib/components/ui/sonner/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1ad9f4a2ab5b7efbea0edeb6529b033224c38c06
--- /dev/null
+++ b/src/lib/components/ui/sonner/index.ts
@@ -0,0 +1 @@
+export { default as Toaster } from "./sonner.svelte";
diff --git a/src/lib/components/ui/sonner/sonner.svelte b/src/lib/components/ui/sonner/sonner.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..67669b7f6060bec20d89c165b2108303725b4486
--- /dev/null
+++ b/src/lib/components/ui/sonner/sonner.svelte
@@ -0,0 +1,13 @@
+
+
+
+
diff --git a/src/lib/components/ui/table/index.ts b/src/lib/components/ui/table/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..14695c8154513b360be00bf51935830e381b867e
--- /dev/null
+++ b/src/lib/components/ui/table/index.ts
@@ -0,0 +1,28 @@
+import Root from "./table.svelte";
+import Body from "./table-body.svelte";
+import Caption from "./table-caption.svelte";
+import Cell from "./table-cell.svelte";
+import Footer from "./table-footer.svelte";
+import Head from "./table-head.svelte";
+import Header from "./table-header.svelte";
+import Row from "./table-row.svelte";
+
+export {
+ Root,
+ Body,
+ Caption,
+ Cell,
+ Footer,
+ Head,
+ Header,
+ Row,
+ //
+ Root as Table,
+ Body as TableBody,
+ Caption as TableCaption,
+ Cell as TableCell,
+ Footer as TableFooter,
+ Head as TableHead,
+ Header as TableHeader,
+ Row as TableRow,
+};
diff --git a/src/lib/components/ui/table/table-body.svelte b/src/lib/components/ui/table/table-body.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..29e96875fbe5081c082cf55bc3488eba887114fb
--- /dev/null
+++ b/src/lib/components/ui/table/table-body.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/table/table-caption.svelte b/src/lib/components/ui/table/table-caption.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..4696cff571523025bfde3ba19c2514269b55e674
--- /dev/null
+++ b/src/lib/components/ui/table/table-caption.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/table/table-cell.svelte b/src/lib/components/ui/table/table-cell.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..599204845115dda79ccae419f5986aaca43ead87
--- /dev/null
+++ b/src/lib/components/ui/table/table-cell.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/table/table-footer.svelte b/src/lib/components/ui/table/table-footer.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..b9b14ebfacac5036b2f9176cf82fae01f96767cb
--- /dev/null
+++ b/src/lib/components/ui/table/table-footer.svelte
@@ -0,0 +1,20 @@
+
+
+tr]:last:border-b-0", className)}
+ {...restProps}
+>
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/table/table-head.svelte b/src/lib/components/ui/table/table-head.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..2742939af8277aa62497ab49b888914d8cf72fc4
--- /dev/null
+++ b/src/lib/components/ui/table/table-head.svelte
@@ -0,0 +1,23 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/table/table-header.svelte b/src/lib/components/ui/table/table-header.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..f47d2597cfbc2b2ce0fafdd8f58119ff8189ad6a
--- /dev/null
+++ b/src/lib/components/ui/table/table-header.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/table/table-row.svelte b/src/lib/components/ui/table/table-row.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..8829581c9802c2784d112376f7fc1b6db614a0a3
--- /dev/null
+++ b/src/lib/components/ui/table/table-row.svelte
@@ -0,0 +1,23 @@
+
+
+
+ {@render children?.()}
+
diff --git a/src/lib/components/ui/table/table.svelte b/src/lib/components/ui/table/table.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..a3349563249d3d010ccf0948fac06735fcd5cf99
--- /dev/null
+++ b/src/lib/components/ui/table/table.svelte
@@ -0,0 +1,22 @@
+
+
+
+
+ {@render children?.()}
+
+
+
+ {@render children?.()}
+
+ {#snippet child({ props })}
+
+ {/snippet}
+
+
+
diff --git a/src/lib/components/ui/tooltip/tooltip-trigger.svelte b/src/lib/components/ui/tooltip/tooltip-trigger.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..1acdaa47be048caedef2dfaec62f426919aae250
--- /dev/null
+++ b/src/lib/components/ui/tooltip/tooltip-trigger.svelte
@@ -0,0 +1,7 @@
+
+
+
- {@render children()}
-
+{@render children()}
+
+
+
-
+
{
+ ref.lookAt(0, 0, 0)
+ }}
>
@@ -65,10 +54,21 @@
shadow.mapSize.height={1024}
/>
-
@@ -85,8 +85,7 @@
diff --git a/static/env/workshop.jpg b/static/env/workshop.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..7f2be454a1eba9e6e1b59201b9775a018e4a6ee7
Binary files /dev/null and b/static/env/workshop.jpg differ
diff --git a/svelte.config.js b/svelte.config.js
index 4fbc8671c30f646380a0c1d36b11602ab4d5c5e9..ab690346a43fb205324dfe23453af5b5ca38a3e6 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -11,7 +11,10 @@ const config = {
// adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
// If your environment is not supported, or you settled on a specific environment, switch out the adapter.
// See https://svelte.dev/docs/kit/adapters for more information about adapters.
- adapter: adapter()
+ adapter: adapter(),
+ alias: {
+ "@/*": "./src/lib/*",
+ },
}
};