(snippet: Snippet<[TProps]>, params: TProps = {} as TProps) {
+ return new RenderSnippetConfig(snippet, params);
+}
diff --git a/apps/desktop/src/lib/components/ui/dialog/dialog-close.svelte b/apps/desktop/src/lib/components/ui/dialog/dialog-close.svelte
new file mode 100644
index 0000000..de68f2f
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dialog/dialog-close.svelte
@@ -0,0 +1,11 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/dialog/dialog-content.svelte b/apps/desktop/src/lib/components/ui/dialog/dialog-content.svelte
new file mode 100644
index 0000000..a66b54c
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dialog/dialog-content.svelte
@@ -0,0 +1,48 @@
+
+
+
+
+
+ {@render children?.()}
+ {#if showCloseButton}
+
+ {#snippet child({ props })}
+
+ {/snippet}
+
+ {/if}
+
+
diff --git a/apps/desktop/src/lib/components/ui/dialog/dialog-description.svelte b/apps/desktop/src/lib/components/ui/dialog/dialog-description.svelte
new file mode 100644
index 0000000..bd220ac
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dialog/dialog-description.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/dialog/dialog-footer.svelte b/apps/desktop/src/lib/components/ui/dialog/dialog-footer.svelte
new file mode 100644
index 0000000..2f54b2c
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dialog/dialog-footer.svelte
@@ -0,0 +1,32 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/dialog/dialog-header.svelte b/apps/desktop/src/lib/components/ui/dialog/dialog-header.svelte
new file mode 100644
index 0000000..8164f0f
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dialog/dialog-header.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/dialog/dialog-overlay.svelte b/apps/desktop/src/lib/components/ui/dialog/dialog-overlay.svelte
new file mode 100644
index 0000000..19f69f0
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dialog/dialog-overlay.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/dialog/dialog-portal.svelte b/apps/desktop/src/lib/components/ui/dialog/dialog-portal.svelte
new file mode 100644
index 0000000..ccfa79c
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dialog/dialog-portal.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/dialog/dialog-title.svelte b/apps/desktop/src/lib/components/ui/dialog/dialog-title.svelte
new file mode 100644
index 0000000..a17f573
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dialog/dialog-title.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/dialog/dialog-trigger.svelte b/apps/desktop/src/lib/components/ui/dialog/dialog-trigger.svelte
new file mode 100644
index 0000000..589ee0c
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dialog/dialog-trigger.svelte
@@ -0,0 +1,11 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/dialog/dialog.svelte b/apps/desktop/src/lib/components/ui/dialog/dialog.svelte
new file mode 100644
index 0000000..211672c
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dialog/dialog.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/dialog/index.ts b/apps/desktop/src/lib/components/ui/dialog/index.ts
new file mode 100644
index 0000000..076cef5
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dialog/index.ts
@@ -0,0 +1,34 @@
+import Root from "./dialog.svelte";
+import Portal from "./dialog-portal.svelte";
+import Title from "./dialog-title.svelte";
+import Footer from "./dialog-footer.svelte";
+import Header from "./dialog-header.svelte";
+import Overlay from "./dialog-overlay.svelte";
+import Content from "./dialog-content.svelte";
+import Description from "./dialog-description.svelte";
+import Trigger from "./dialog-trigger.svelte";
+import Close from "./dialog-close.svelte";
+
+export {
+ Root,
+ Title,
+ Portal,
+ Footer,
+ Header,
+ Trigger,
+ Overlay,
+ Content,
+ Description,
+ Close,
+ //
+ Root as Dialog,
+ Title as DialogTitle,
+ Portal as DialogPortal,
+ Footer as DialogFooter,
+ Header as DialogHeader,
+ Trigger as DialogTrigger,
+ Overlay as DialogOverlay,
+ Content as DialogContent,
+ Description as DialogDescription,
+ Close as DialogClose,
+};
diff --git a/apps/desktop/src/lib/components/ui/drawer/drawer-close.svelte b/apps/desktop/src/lib/components/ui/drawer/drawer-close.svelte
new file mode 100644
index 0000000..95c2479
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/drawer/drawer-close.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/drawer/drawer-content.svelte b/apps/desktop/src/lib/components/ui/drawer/drawer-content.svelte
new file mode 100644
index 0000000..c389dd6
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/drawer/drawer-content.svelte
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+ {@render children?.()}
+
+
diff --git a/apps/desktop/src/lib/components/ui/drawer/drawer-description.svelte b/apps/desktop/src/lib/components/ui/drawer/drawer-description.svelte
new file mode 100644
index 0000000..ded26d2
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/drawer/drawer-description.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/drawer/drawer-footer.svelte b/apps/desktop/src/lib/components/ui/drawer/drawer-footer.svelte
new file mode 100644
index 0000000..56a1fc6
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/drawer/drawer-footer.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/drawer/drawer-header.svelte b/apps/desktop/src/lib/components/ui/drawer/drawer-header.svelte
new file mode 100644
index 0000000..861f956
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/drawer/drawer-header.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/drawer/drawer-nested.svelte b/apps/desktop/src/lib/components/ui/drawer/drawer-nested.svelte
new file mode 100644
index 0000000..834af94
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/drawer/drawer-nested.svelte
@@ -0,0 +1,12 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/drawer/drawer-overlay.svelte b/apps/desktop/src/lib/components/ui/drawer/drawer-overlay.svelte
new file mode 100644
index 0000000..84df1e8
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/drawer/drawer-overlay.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/drawer/drawer-portal.svelte b/apps/desktop/src/lib/components/ui/drawer/drawer-portal.svelte
new file mode 100644
index 0000000..5a0dd74
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/drawer/drawer-portal.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/drawer/drawer-title.svelte b/apps/desktop/src/lib/components/ui/drawer/drawer-title.svelte
new file mode 100644
index 0000000..48c450e
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/drawer/drawer-title.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/drawer/drawer-trigger.svelte b/apps/desktop/src/lib/components/ui/drawer/drawer-trigger.svelte
new file mode 100644
index 0000000..f1877d8
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/drawer/drawer-trigger.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/drawer/drawer.svelte b/apps/desktop/src/lib/components/ui/drawer/drawer.svelte
new file mode 100644
index 0000000..0cb57ff
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/drawer/drawer.svelte
@@ -0,0 +1,12 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/drawer/index.ts b/apps/desktop/src/lib/components/ui/drawer/index.ts
new file mode 100644
index 0000000..1656cac
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/drawer/index.ts
@@ -0,0 +1,38 @@
+import Root from "./drawer.svelte";
+import Content from "./drawer-content.svelte";
+import Description from "./drawer-description.svelte";
+import Overlay from "./drawer-overlay.svelte";
+import Footer from "./drawer-footer.svelte";
+import Header from "./drawer-header.svelte";
+import Title from "./drawer-title.svelte";
+import NestedRoot from "./drawer-nested.svelte";
+import Close from "./drawer-close.svelte";
+import Trigger from "./drawer-trigger.svelte";
+import Portal from "./drawer-portal.svelte";
+
+export {
+ Root,
+ NestedRoot,
+ Content,
+ Description,
+ Overlay,
+ Footer,
+ Header,
+ Title,
+ Trigger,
+ Portal,
+ Close,
+
+ //
+ Root as Drawer,
+ NestedRoot as DrawerNestedRoot,
+ Content as DrawerContent,
+ Description as DrawerDescription,
+ Overlay as DrawerOverlay,
+ Footer as DrawerFooter,
+ Header as DrawerHeader,
+ Title as DrawerTitle,
+ Trigger as DrawerTrigger,
+ Portal as DrawerPortal,
+ Close as DrawerClose,
+};
diff --git a/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-group.svelte b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-group.svelte
new file mode 100644
index 0000000..e0e1971
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-group.svelte
@@ -0,0 +1,16 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
new file mode 100644
index 0000000..e56a65a
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
@@ -0,0 +1,44 @@
+
+
+
+ {#snippet children({ checked, indeterminate })}
+
+ {#if indeterminate}
+
+ {:else if checked}
+
+ {/if}
+
+ {@render childrenProp?.()}
+ {/snippet}
+
diff --git a/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
new file mode 100644
index 0000000..1442e33
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
@@ -0,0 +1,31 @@
+
+
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte
new file mode 100644
index 0000000..433540f
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte
@@ -0,0 +1,22 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-group.svelte b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-group.svelte
new file mode 100644
index 0000000..aca1f7b
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-group.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
new file mode 100644
index 0000000..20713df
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
@@ -0,0 +1,27 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
new file mode 100644
index 0000000..05a9e64
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
@@ -0,0 +1,24 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-portal.svelte b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-portal.svelte
new file mode 100644
index 0000000..274cfef
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-portal.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte
new file mode 100644
index 0000000..189aef4
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte
@@ -0,0 +1,16 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
new file mode 100644
index 0000000..e04807a
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
@@ -0,0 +1,34 @@
+
+
+
+ {#snippet children({ checked })}
+
+ {#if checked}
+
+ {/if}
+
+ {@render childrenProp?.({ checked })}
+ {/snippet}
+
diff --git a/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
new file mode 100644
index 0000000..45f82af
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
new file mode 100644
index 0000000..ed7cc85
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
new file mode 100644
index 0000000..8de5cf1
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
new file mode 100644
index 0000000..16f09e3
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
@@ -0,0 +1,29 @@
+
+
+
+ {@render children?.()}
+
+
diff --git a/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-sub.svelte b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-sub.svelte
new file mode 100644
index 0000000..f044581
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-sub.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte
new file mode 100644
index 0000000..cb05344
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu.svelte b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu.svelte
new file mode 100644
index 0000000..cb4bc62
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dropdown-menu/dropdown-menu.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/dropdown-menu/index.ts b/apps/desktop/src/lib/components/ui/dropdown-menu/index.ts
new file mode 100644
index 0000000..7850c6a
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/dropdown-menu/index.ts
@@ -0,0 +1,54 @@
+import Root from "./dropdown-menu.svelte";
+import Sub from "./dropdown-menu-sub.svelte";
+import CheckboxGroup from "./dropdown-menu-checkbox-group.svelte";
+import CheckboxItem from "./dropdown-menu-checkbox-item.svelte";
+import Content from "./dropdown-menu-content.svelte";
+import Group from "./dropdown-menu-group.svelte";
+import Item from "./dropdown-menu-item.svelte";
+import Label from "./dropdown-menu-label.svelte";
+import RadioGroup from "./dropdown-menu-radio-group.svelte";
+import RadioItem from "./dropdown-menu-radio-item.svelte";
+import Separator from "./dropdown-menu-separator.svelte";
+import Shortcut from "./dropdown-menu-shortcut.svelte";
+import Trigger from "./dropdown-menu-trigger.svelte";
+import SubContent from "./dropdown-menu-sub-content.svelte";
+import SubTrigger from "./dropdown-menu-sub-trigger.svelte";
+import GroupHeading from "./dropdown-menu-group-heading.svelte";
+import Portal from "./dropdown-menu-portal.svelte";
+
+export {
+ CheckboxGroup,
+ CheckboxItem,
+ Content,
+ Portal,
+ Root as DropdownMenu,
+ CheckboxGroup as DropdownMenuCheckboxGroup,
+ CheckboxItem as DropdownMenuCheckboxItem,
+ Content as DropdownMenuContent,
+ Portal as DropdownMenuPortal,
+ Group as DropdownMenuGroup,
+ Item as DropdownMenuItem,
+ Label as DropdownMenuLabel,
+ RadioGroup as DropdownMenuRadioGroup,
+ RadioItem as DropdownMenuRadioItem,
+ Separator as DropdownMenuSeparator,
+ Shortcut as DropdownMenuShortcut,
+ Sub as DropdownMenuSub,
+ SubContent as DropdownMenuSubContent,
+ SubTrigger as DropdownMenuSubTrigger,
+ Trigger as DropdownMenuTrigger,
+ GroupHeading as DropdownMenuGroupHeading,
+ Group,
+ GroupHeading,
+ Item,
+ Label,
+ RadioGroup,
+ RadioItem,
+ Root,
+ Separator,
+ Shortcut,
+ Sub,
+ SubContent,
+ SubTrigger,
+ Trigger,
+};
diff --git a/apps/desktop/src/lib/components/ui/empty/empty-content.svelte b/apps/desktop/src/lib/components/ui/empty/empty-content.svelte
new file mode 100644
index 0000000..cc17823
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/empty/empty-content.svelte
@@ -0,0 +1,23 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/empty/empty-description.svelte b/apps/desktop/src/lib/components/ui/empty/empty-description.svelte
new file mode 100644
index 0000000..9e8cd78
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/empty/empty-description.svelte
@@ -0,0 +1,23 @@
+
+
+a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4",
+ className
+ )}
+ {...restProps}
+>
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/empty/empty-header.svelte b/apps/desktop/src/lib/components/ui/empty/empty-header.svelte
new file mode 100644
index 0000000..7112f66
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/empty/empty-header.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/empty/empty-media.svelte b/apps/desktop/src/lib/components/ui/empty/empty-media.svelte
new file mode 100644
index 0000000..24fe55d
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/empty/empty-media.svelte
@@ -0,0 +1,41 @@
+
+
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/empty/empty-title.svelte b/apps/desktop/src/lib/components/ui/empty/empty-title.svelte
new file mode 100644
index 0000000..5e84e30
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/empty/empty-title.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/empty/empty.svelte b/apps/desktop/src/lib/components/ui/empty/empty.svelte
new file mode 100644
index 0000000..e16c45c
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/empty/empty.svelte
@@ -0,0 +1,23 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/empty/index.ts b/apps/desktop/src/lib/components/ui/empty/index.ts
new file mode 100644
index 0000000..ae4c106
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/empty/index.ts
@@ -0,0 +1,22 @@
+import Root from "./empty.svelte";
+import Header from "./empty-header.svelte";
+import Media from "./empty-media.svelte";
+import Title from "./empty-title.svelte";
+import Description from "./empty-description.svelte";
+import Content from "./empty-content.svelte";
+
+export {
+ Root,
+ Header,
+ Media,
+ Title,
+ Description,
+ Content,
+ //
+ Root as Empty,
+ Header as EmptyHeader,
+ Media as EmptyMedia,
+ Title as EmptyTitle,
+ Description as EmptyDescription,
+ Content as EmptyContent,
+};
diff --git a/apps/desktop/src/lib/components/ui/field/field-content.svelte b/apps/desktop/src/lib/components/ui/field/field-content.svelte
new file mode 100644
index 0000000..1545c43
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/field/field-content.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/field/field-description.svelte b/apps/desktop/src/lib/components/ui/field/field-description.svelte
new file mode 100644
index 0000000..f033c10
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/field/field-description.svelte
@@ -0,0 +1,25 @@
+
+
+a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+ className
+ )}
+ {...restProps}
+>
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/field/field-error.svelte b/apps/desktop/src/lib/components/ui/field/field-error.svelte
new file mode 100644
index 0000000..326cf59
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/field/field-error.svelte
@@ -0,0 +1,58 @@
+
+
+{#if hasContent}
+
+ {#if children}
+ {@render children()}
+ {:else if singleErrorMessage}
+ {singleErrorMessage}
+ {:else if isMultipleErrors}
+
+ {#each errors ?? [] as error, index (index)}
+ {#if error?.message}
+ - {error.message}
+ {/if}
+ {/each}
+
+ {/if}
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/field/field-label.svelte b/apps/desktop/src/lib/components/ui/field/field-label.svelte
new file mode 100644
index 0000000..8ccdbea
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/field/field-label.svelte
@@ -0,0 +1,25 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/field/field-legend.svelte b/apps/desktop/src/lib/components/ui/field/field-legend.svelte
new file mode 100644
index 0000000..e3d8deb
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/field/field-legend.svelte
@@ -0,0 +1,24 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/field/field-separator.svelte b/apps/desktop/src/lib/components/ui/field/field-separator.svelte
new file mode 100644
index 0000000..a1ab858
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/field/field-separator.svelte
@@ -0,0 +1,35 @@
+
+
+
+
+ {#if children}
+
+ {@render children()}
+
+ {/if}
+
diff --git a/apps/desktop/src/lib/components/ui/field/field-set.svelte b/apps/desktop/src/lib/components/ui/field/field-set.svelte
new file mode 100644
index 0000000..27ee330
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/field/field-set.svelte
@@ -0,0 +1,20 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/field/field-title.svelte b/apps/desktop/src/lib/components/ui/field/field-title.svelte
new file mode 100644
index 0000000..93c2dcf
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/field/field-title.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/field/field.svelte b/apps/desktop/src/lib/components/ui/field/field.svelte
new file mode 100644
index 0000000..03d23c0
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/field/field.svelte
@@ -0,0 +1,47 @@
+
+
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/field/index.ts b/apps/desktop/src/lib/components/ui/field/index.ts
new file mode 100644
index 0000000..a644a95
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/field/index.ts
@@ -0,0 +1,33 @@
+import Field from "./field.svelte";
+import Set from "./field-set.svelte";
+import Legend from "./field-legend.svelte";
+import Group from "./field-group.svelte";
+import Content from "./field-content.svelte";
+import Label from "./field-label.svelte";
+import Title from "./field-title.svelte";
+import Description from "./field-description.svelte";
+import Separator from "./field-separator.svelte";
+import Error from "./field-error.svelte";
+
+export {
+ Field,
+ Set,
+ Legend,
+ Group,
+ Content,
+ Label,
+ Title,
+ Description,
+ Separator,
+ Error,
+ //
+ Set as FieldSet,
+ Legend as FieldLegend,
+ Group as FieldGroup,
+ Content as FieldContent,
+ Label as FieldLabel,
+ Title as FieldTitle,
+ Description as FieldDescription,
+ Separator as FieldSeparator,
+ Error as FieldError,
+};
diff --git a/apps/desktop/src/lib/components/ui/form/form-button.svelte b/apps/desktop/src/lib/components/ui/form/form-button.svelte
new file mode 100644
index 0000000..48d3936
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/form/form-button.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/form/form-description.svelte b/apps/desktop/src/lib/components/ui/form/form-description.svelte
new file mode 100644
index 0000000..a5f42be
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/form/form-description.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/form/form-element-field.svelte b/apps/desktop/src/lib/components/ui/form/form-element-field.svelte
new file mode 100644
index 0000000..c3ba111
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/form/form-element-field.svelte
@@ -0,0 +1,24 @@
+
+
+
+ {#snippet children({ constraints, errors, tainted, value })}
+
+ {@render childrenProp?.({ constraints, errors, tainted, value: value as T[U] })}
+
+ {/snippet}
+
diff --git a/apps/desktop/src/lib/components/ui/form/form-field-errors.svelte b/apps/desktop/src/lib/components/ui/form/form-field-errors.svelte
new file mode 100644
index 0000000..b4c6fba
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/form/form-field-errors.svelte
@@ -0,0 +1,30 @@
+
+
+
+ {#snippet children({ errors, errorProps })}
+ {#if childrenProp}
+ {@render childrenProp({ errors, errorProps })}
+ {:else}
+ {#each errors as error (error)}
+ {error}
+ {/each}
+ {/if}
+ {/snippet}
+
diff --git a/apps/desktop/src/lib/components/ui/form/form-field.svelte b/apps/desktop/src/lib/components/ui/form/form-field.svelte
new file mode 100644
index 0000000..7481fda
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/form/form-field.svelte
@@ -0,0 +1,29 @@
+
+
+
+ {#snippet children({ constraints, errors, tainted, value })}
+
+ {@render childrenProp?.({ constraints, errors, tainted, value: value as T[U] })}
+
+ {/snippet}
+
diff --git a/apps/desktop/src/lib/components/ui/form/form-fieldset.svelte b/apps/desktop/src/lib/components/ui/form/form-fieldset.svelte
new file mode 100644
index 0000000..2c85857
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/form/form-fieldset.svelte
@@ -0,0 +1,15 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/form/form-label.svelte b/apps/desktop/src/lib/components/ui/form/form-label.svelte
new file mode 100644
index 0000000..8749360
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/form/form-label.svelte
@@ -0,0 +1,24 @@
+
+
+
+ {#snippet child({ props })}
+
+ {/snippet}
+
diff --git a/apps/desktop/src/lib/components/ui/form/form-legend.svelte b/apps/desktop/src/lib/components/ui/form/form-legend.svelte
new file mode 100644
index 0000000..b3c9043
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/form/form-legend.svelte
@@ -0,0 +1,16 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/form/index.ts b/apps/desktop/src/lib/components/ui/form/index.ts
new file mode 100644
index 0000000..0713927
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/form/index.ts
@@ -0,0 +1,33 @@
+import * as FormPrimitive from "formsnap";
+import Description from "./form-description.svelte";
+import Label from "./form-label.svelte";
+import FieldErrors from "./form-field-errors.svelte";
+import Field from "./form-field.svelte";
+import Fieldset from "./form-fieldset.svelte";
+import Legend from "./form-legend.svelte";
+import ElementField from "./form-element-field.svelte";
+import Button from "./form-button.svelte";
+
+const Control = FormPrimitive.Control;
+
+export {
+ Field,
+ Control,
+ Label,
+ Button,
+ FieldErrors,
+ Description,
+ Fieldset,
+ Legend,
+ ElementField,
+ //
+ Field as FormField,
+ Control as FormControl,
+ Description as FormDescription,
+ Label as FormLabel,
+ FieldErrors as FormFieldErrors,
+ Fieldset as FormFieldset,
+ Legend as FormLegend,
+ ElementField as FormElementField,
+ Button as FormButton,
+};
diff --git a/apps/desktop/src/lib/components/ui/hover-card/hover-card-content.svelte b/apps/desktop/src/lib/components/ui/hover-card/hover-card-content.svelte
new file mode 100644
index 0000000..d2995e1
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/hover-card/hover-card-content.svelte
@@ -0,0 +1,31 @@
+
+
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/hover-card/hover-card-portal.svelte b/apps/desktop/src/lib/components/ui/hover-card/hover-card-portal.svelte
new file mode 100644
index 0000000..6c62dc2
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/hover-card/hover-card-portal.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/hover-card/hover-card-trigger.svelte b/apps/desktop/src/lib/components/ui/hover-card/hover-card-trigger.svelte
new file mode 100644
index 0000000..322172b
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/hover-card/hover-card-trigger.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/hover-card/hover-card.svelte b/apps/desktop/src/lib/components/ui/hover-card/hover-card.svelte
new file mode 100644
index 0000000..5191656
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/hover-card/hover-card.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/hover-card/index.ts b/apps/desktop/src/lib/components/ui/hover-card/index.ts
new file mode 100644
index 0000000..dd312fb
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/hover-card/index.ts
@@ -0,0 +1,15 @@
+import Root from "./hover-card.svelte";
+import Content from "./hover-card-content.svelte";
+import Trigger from "./hover-card-trigger.svelte";
+import Portal from "./hover-card-portal.svelte";
+
+export {
+ Root,
+ Content,
+ Trigger,
+ Portal,
+ Root as HoverCard,
+ Content as HoverCardContent,
+ Trigger as HoverCardTrigger,
+ Portal as HoverCardPortal,
+};
diff --git a/apps/desktop/src/lib/components/ui/input-group/index.ts b/apps/desktop/src/lib/components/ui/input-group/index.ts
new file mode 100644
index 0000000..fe1f55d
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/input-group/index.ts
@@ -0,0 +1,22 @@
+import Root from "./input-group.svelte";
+import Addon from "./input-group-addon.svelte";
+import Button from "./input-group-button.svelte";
+import Input from "./input-group-input.svelte";
+import Text from "./input-group-text.svelte";
+import Textarea from "./input-group-textarea.svelte";
+
+export {
+ Root,
+ Addon,
+ Button,
+ Input,
+ Text,
+ Textarea,
+ //
+ Root as InputGroup,
+ Addon as InputGroupAddon,
+ Button as InputGroupButton,
+ Input as InputGroupInput,
+ Text as InputGroupText,
+ Textarea as InputGroupTextarea,
+};
diff --git a/apps/desktop/src/lib/components/ui/input-group/input-group-addon.svelte b/apps/desktop/src/lib/components/ui/input-group/input-group-addon.svelte
new file mode 100644
index 0000000..91c3581
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/input-group/input-group-addon.svelte
@@ -0,0 +1,52 @@
+
+
+
+
+ {
+ if ((e.target as HTMLElement).closest("button")) {
+ return;
+ }
+ e.currentTarget.parentElement?.querySelector("input")?.focus();
+ }}
+ {...restProps}
+>
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/input-group/input-group-button.svelte b/apps/desktop/src/lib/components/ui/input-group/input-group-button.svelte
new file mode 100644
index 0000000..125f5ac
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/input-group/input-group-button.svelte
@@ -0,0 +1,49 @@
+
+
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/input-group/input-group-input.svelte b/apps/desktop/src/lib/components/ui/input-group/input-group-input.svelte
new file mode 100644
index 0000000..316c0cb
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/input-group/input-group-input.svelte
@@ -0,0 +1,20 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/input-group/input-group-text.svelte b/apps/desktop/src/lib/components/ui/input-group/input-group-text.svelte
new file mode 100644
index 0000000..d6ab315
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/input-group/input-group-text.svelte
@@ -0,0 +1,19 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/input-group/input-group-textarea.svelte b/apps/desktop/src/lib/components/ui/input-group/input-group-textarea.svelte
new file mode 100644
index 0000000..9fbabe6
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/input-group/input-group-textarea.svelte
@@ -0,0 +1,20 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/input-group/input-group.svelte b/apps/desktop/src/lib/components/ui/input-group/input-group.svelte
new file mode 100644
index 0000000..f19001f
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/input-group/input-group.svelte
@@ -0,0 +1,24 @@
+
+
+[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto",
+ className
+ )}
+ {...props}
+>
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/input-otp/index.ts b/apps/desktop/src/lib/components/ui/input-otp/index.ts
new file mode 100644
index 0000000..e9ae273
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/input-otp/index.ts
@@ -0,0 +1,15 @@
+import Root from "./input-otp.svelte";
+import Group from "./input-otp-group.svelte";
+import Slot from "./input-otp-slot.svelte";
+import Separator from "./input-otp-separator.svelte";
+
+export {
+ Root,
+ Group,
+ Slot,
+ Separator,
+ Root as InputOTP,
+ Group as InputOTPGroup,
+ Slot as InputOTPSlot,
+ Separator as InputOTPSeparator,
+};
diff --git a/apps/desktop/src/lib/components/ui/input-otp/input-otp-group.svelte b/apps/desktop/src/lib/components/ui/input-otp/input-otp-group.svelte
new file mode 100644
index 0000000..0be7be4
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/input-otp/input-otp-group.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/input-otp/input-otp-separator.svelte b/apps/desktop/src/lib/components/ui/input-otp/input-otp-separator.svelte
new file mode 100644
index 0000000..6d0a931
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/input-otp/input-otp-separator.svelte
@@ -0,0 +1,27 @@
+
+
+
+ {#if children}
+ {@render children?.()}
+ {:else}
+
+ {/if}
+
diff --git a/apps/desktop/src/lib/components/ui/input-otp/input-otp-slot.svelte b/apps/desktop/src/lib/components/ui/input-otp/input-otp-slot.svelte
new file mode 100644
index 0000000..64642df
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/input-otp/input-otp-slot.svelte
@@ -0,0 +1,31 @@
+
+
+
+ {cell.char}
+ {#if cell.hasFakeCaret}
+
+ {/if}
+
diff --git a/apps/desktop/src/lib/components/ui/input-otp/input-otp.svelte b/apps/desktop/src/lib/components/ui/input-otp/input-otp.svelte
new file mode 100644
index 0000000..709bb22
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/input-otp/input-otp.svelte
@@ -0,0 +1,23 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/input/index.ts b/apps/desktop/src/lib/components/ui/input/index.ts
new file mode 100644
index 0000000..f47b6d3
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/input/index.ts
@@ -0,0 +1,7 @@
+import Root from "./input.svelte";
+
+export {
+ Root,
+ //
+ Root as Input,
+};
diff --git a/apps/desktop/src/lib/components/ui/input/input.svelte b/apps/desktop/src/lib/components/ui/input/input.svelte
new file mode 100644
index 0000000..86cf0fe
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/input/input.svelte
@@ -0,0 +1,48 @@
+
+
+{#if type === "file"}
+
+{:else}
+
+{/if}
diff --git a/apps/desktop/src/lib/components/ui/item/index.ts b/apps/desktop/src/lib/components/ui/item/index.ts
new file mode 100644
index 0000000..168bc3e
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/item/index.ts
@@ -0,0 +1,34 @@
+import Root from "./item.svelte";
+import Group from "./item-group.svelte";
+import Separator from "./item-separator.svelte";
+import Header from "./item-header.svelte";
+import Footer from "./item-footer.svelte";
+import Content from "./item-content.svelte";
+import Title from "./item-title.svelte";
+import Description from "./item-description.svelte";
+import Actions from "./item-actions.svelte";
+import Media from "./item-media.svelte";
+
+export {
+ Root,
+ Group,
+ Separator,
+ Header,
+ Footer,
+ Content,
+ Title,
+ Description,
+ Actions,
+ Media,
+ //
+ Root as Item,
+ Group as ItemGroup,
+ Separator as ItemSeparator,
+ Header as ItemHeader,
+ Footer as ItemFooter,
+ Content as ItemContent,
+ Title as ItemTitle,
+ Description as ItemDescription,
+ Actions as ItemActions,
+ Media as ItemMedia,
+};
diff --git a/apps/desktop/src/lib/components/ui/item/item-actions.svelte b/apps/desktop/src/lib/components/ui/item/item-actions.svelte
new file mode 100644
index 0000000..4f661a3
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/item/item-actions.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/item/item-content.svelte b/apps/desktop/src/lib/components/ui/item/item-content.svelte
new file mode 100644
index 0000000..2649b79
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/item/item-content.svelte
@@ -0,0 +1,23 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/item/item-description.svelte b/apps/desktop/src/lib/components/ui/item/item-description.svelte
new file mode 100644
index 0000000..4b15ffd
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/item/item-description.svelte
@@ -0,0 +1,23 @@
+
+
+a:hover]:text-primary line-clamp-2 font-normal [&>a]:underline [&>a]:underline-offset-4",
+ className
+ )}
+ {...restProps}
+>
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/item/item-footer.svelte b/apps/desktop/src/lib/components/ui/item/item-footer.svelte
new file mode 100644
index 0000000..cd68c38
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/item/item-footer.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/item/item-group.svelte b/apps/desktop/src/lib/components/ui/item/item-group.svelte
new file mode 100644
index 0000000..3e58e36
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/item/item-group.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/item/item-header.svelte b/apps/desktop/src/lib/components/ui/item/item-header.svelte
new file mode 100644
index 0000000..e1116f4
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/item/item-header.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/item/item-media.svelte b/apps/desktop/src/lib/components/ui/item/item-media.svelte
new file mode 100644
index 0000000..87f6a5e
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/item/item-media.svelte
@@ -0,0 +1,42 @@
+
+
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/item/item-separator.svelte b/apps/desktop/src/lib/components/ui/item/item-separator.svelte
new file mode 100644
index 0000000..992541c
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/item/item-separator.svelte
@@ -0,0 +1,19 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/item/item-title.svelte b/apps/desktop/src/lib/components/ui/item/item-title.svelte
new file mode 100644
index 0000000..af24c4d
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/item/item-title.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/item/item.svelte b/apps/desktop/src/lib/components/ui/item/item.svelte
new file mode 100644
index 0000000..453bf1c
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/item/item.svelte
@@ -0,0 +1,61 @@
+
+
+
+
+{#if child}
+ {@render child({ props: mergedProps })}
+{:else}
+
+ {@render mergedProps.children?.()}
+
+{/if}
diff --git a/apps/desktop/src/lib/components/ui/kbd/index.ts b/apps/desktop/src/lib/components/ui/kbd/index.ts
new file mode 100644
index 0000000..6aa7f07
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/kbd/index.ts
@@ -0,0 +1,10 @@
+import Root from "./kbd.svelte";
+import Group from "./kbd-group.svelte";
+
+export {
+ Root,
+ Group,
+ //
+ Root as Kbd,
+ Group as KbdGroup,
+};
diff --git a/apps/desktop/src/lib/components/ui/kbd/kbd-group.svelte b/apps/desktop/src/lib/components/ui/kbd/kbd-group.svelte
new file mode 100644
index 0000000..1676c67
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/kbd/kbd-group.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/kbd/kbd.svelte b/apps/desktop/src/lib/components/ui/kbd/kbd.svelte
new file mode 100644
index 0000000..3c05c59
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/kbd/kbd.svelte
@@ -0,0 +1,23 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/label/index.ts b/apps/desktop/src/lib/components/ui/label/index.ts
new file mode 100644
index 0000000..8bfca0b
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/label/index.ts
@@ -0,0 +1,7 @@
+import Root from "./label.svelte";
+
+export {
+ Root,
+ //
+ Root as Label,
+};
diff --git a/apps/desktop/src/lib/components/ui/label/label.svelte b/apps/desktop/src/lib/components/ui/label/label.svelte
new file mode 100644
index 0000000..5781ab7
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/label/label.svelte
@@ -0,0 +1,20 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/menubar/index.ts b/apps/desktop/src/lib/components/ui/menubar/index.ts
new file mode 100644
index 0000000..2440d7a
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/menubar/index.ts
@@ -0,0 +1,55 @@
+import Root from "./menubar.svelte";
+import Menu from "./menubar-menu.svelte";
+import Sub from "./menubar-sub.svelte";
+import RadioGroup from "./menubar-radio-group.svelte";
+import CheckboxItem from "./menubar-checkbox-item.svelte";
+import Content from "./menubar-content.svelte";
+import Item from "./menubar-item.svelte";
+import Group from "./menubar-group.svelte";
+import RadioItem from "./menubar-radio-item.svelte";
+import Separator from "./menubar-separator.svelte";
+import Shortcut from "./menubar-shortcut.svelte";
+import SubContent from "./menubar-sub-content.svelte";
+import SubTrigger from "./menubar-sub-trigger.svelte";
+import Trigger from "./menubar-trigger.svelte";
+import Label from "./menubar-label.svelte";
+import GroupHeading from "./menubar-group-heading.svelte";
+import Portal from "./menubar-portal.svelte";
+
+export {
+ Root,
+ CheckboxItem,
+ Content,
+ Item,
+ RadioItem,
+ Separator,
+ Shortcut,
+ SubContent,
+ SubTrigger,
+ Trigger,
+ Menu,
+ Group,
+ Sub,
+ RadioGroup,
+ Label,
+ GroupHeading,
+ Portal,
+ //
+ Root as Menubar,
+ CheckboxItem as MenubarCheckboxItem,
+ Content as MenubarContent,
+ Item as MenubarItem,
+ RadioItem as MenubarRadioItem,
+ Separator as MenubarSeparator,
+ Shortcut as MenubarShortcut,
+ SubContent as MenubarSubContent,
+ SubTrigger as MenubarSubTrigger,
+ Trigger as MenubarTrigger,
+ Menu as MenubarMenu,
+ Group as MenubarGroup,
+ Sub as MenubarSub,
+ RadioGroup as MenubarRadioGroup,
+ Label as MenubarLabel,
+ GroupHeading as MenubarGroupHeading,
+ Portal as MenubarPortal,
+};
diff --git a/apps/desktop/src/lib/components/ui/menubar/menubar-checkbox-item.svelte b/apps/desktop/src/lib/components/ui/menubar/menubar-checkbox-item.svelte
new file mode 100644
index 0000000..fdf7a49
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/menubar/menubar-checkbox-item.svelte
@@ -0,0 +1,46 @@
+
+
+
+ {#snippet children({ checked: checked, indeterminate: indeterminate })}
+
+ {#if indeterminate}
+
+ {:else if checked}
+
+ {/if}
+
+ {@render childrenProp?.()}
+ {/snippet}
+
diff --git a/apps/desktop/src/lib/components/ui/menubar/menubar-content.svelte b/apps/desktop/src/lib/components/ui/menubar/menubar-content.svelte
new file mode 100644
index 0000000..855da75
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/menubar/menubar-content.svelte
@@ -0,0 +1,35 @@
+
+
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/menubar/menubar-group-heading.svelte b/apps/desktop/src/lib/components/ui/menubar/menubar-group-heading.svelte
new file mode 100644
index 0000000..c5b8f92
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/menubar/menubar-group-heading.svelte
@@ -0,0 +1,22 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/menubar/menubar-group.svelte b/apps/desktop/src/lib/components/ui/menubar/menubar-group.svelte
new file mode 100644
index 0000000..f75b75a
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/menubar/menubar-group.svelte
@@ -0,0 +1,12 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/menubar/menubar-item.svelte b/apps/desktop/src/lib/components/ui/menubar/menubar-item.svelte
new file mode 100644
index 0000000..618c30e
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/menubar/menubar-item.svelte
@@ -0,0 +1,24 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/menubar/menubar-label.svelte b/apps/desktop/src/lib/components/ui/menubar/menubar-label.svelte
new file mode 100644
index 0000000..5dc3023
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/menubar/menubar-label.svelte
@@ -0,0 +1,25 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/menubar/menubar-menu.svelte b/apps/desktop/src/lib/components/ui/menubar/menubar-menu.svelte
new file mode 100644
index 0000000..fe3cffa
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/menubar/menubar-menu.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/menubar/menubar-portal.svelte b/apps/desktop/src/lib/components/ui/menubar/menubar-portal.svelte
new file mode 100644
index 0000000..5907ff4
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/menubar/menubar-portal.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/menubar/menubar-radio-group.svelte b/apps/desktop/src/lib/components/ui/menubar/menubar-radio-group.svelte
new file mode 100644
index 0000000..e9615a0
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/menubar/menubar-radio-group.svelte
@@ -0,0 +1,11 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/menubar/menubar-radio-item.svelte b/apps/desktop/src/lib/components/ui/menubar/menubar-radio-item.svelte
new file mode 100644
index 0000000..ad7c92c
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/menubar/menubar-radio-item.svelte
@@ -0,0 +1,37 @@
+
+
+
+ {#snippet children({ checked })}
+
+ {#if checked}
+
+ {/if}
+
+ {@render childrenProp?.({ checked })}
+ {/snippet}
+
diff --git a/apps/desktop/src/lib/components/ui/menubar/menubar-separator.svelte b/apps/desktop/src/lib/components/ui/menubar/menubar-separator.svelte
new file mode 100644
index 0000000..a2caf6e
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/menubar/menubar-separator.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/menubar/menubar-shortcut.svelte b/apps/desktop/src/lib/components/ui/menubar/menubar-shortcut.svelte
new file mode 100644
index 0000000..4307ac8
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/menubar/menubar-shortcut.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/menubar/menubar-sub-content.svelte b/apps/desktop/src/lib/components/ui/menubar/menubar-sub-content.svelte
new file mode 100644
index 0000000..f4b4fd3
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/menubar/menubar-sub-content.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/menubar/menubar-sub-trigger.svelte b/apps/desktop/src/lib/components/ui/menubar/menubar-sub-trigger.svelte
new file mode 100644
index 0000000..b89c6f7
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/menubar/menubar-sub-trigger.svelte
@@ -0,0 +1,29 @@
+
+
+
+ {@render children?.()}
+
+
diff --git a/apps/desktop/src/lib/components/ui/menubar/menubar-sub.svelte b/apps/desktop/src/lib/components/ui/menubar/menubar-sub.svelte
new file mode 100644
index 0000000..82f962e
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/menubar/menubar-sub.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/menubar/menubar-trigger.svelte b/apps/desktop/src/lib/components/ui/menubar/menubar-trigger.svelte
new file mode 100644
index 0000000..86f67db
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/menubar/menubar-trigger.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/menubar/menubar.svelte b/apps/desktop/src/lib/components/ui/menubar/menubar.svelte
new file mode 100644
index 0000000..48af378
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/menubar/menubar.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/native-select/index.ts b/apps/desktop/src/lib/components/ui/native-select/index.ts
new file mode 100644
index 0000000..4aebbe1
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/native-select/index.ts
@@ -0,0 +1,12 @@
+import Root from "./native-select.svelte";
+import Option from "./native-select-option.svelte";
+import OptGroup from "./native-select-opt-group.svelte";
+
+export {
+ Root,
+ Option,
+ OptGroup,
+ Root as NativeSelect,
+ Option as NativeSelectOption,
+ OptGroup as NativeSelectOptGroup,
+};
diff --git a/apps/desktop/src/lib/components/ui/native-select/native-select-opt-group.svelte b/apps/desktop/src/lib/components/ui/native-select/native-select-opt-group.svelte
new file mode 100644
index 0000000..16339f1
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/native-select/native-select-opt-group.svelte
@@ -0,0 +1,14 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/native-select/native-select-option.svelte b/apps/desktop/src/lib/components/ui/native-select/native-select-option.svelte
new file mode 100644
index 0000000..aabe994
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/native-select/native-select-option.svelte
@@ -0,0 +1,20 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/native-select/native-select.svelte b/apps/desktop/src/lib/components/ui/native-select/native-select.svelte
new file mode 100644
index 0000000..e801e8c
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/native-select/native-select.svelte
@@ -0,0 +1,39 @@
+
+
+
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/navigation-menu/index.ts b/apps/desktop/src/lib/components/ui/navigation-menu/index.ts
new file mode 100644
index 0000000..bbc250f
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/navigation-menu/index.ts
@@ -0,0 +1,28 @@
+import Root from "./navigation-menu.svelte";
+import Content from "./navigation-menu-content.svelte";
+import Indicator from "./navigation-menu-indicator.svelte";
+import Item from "./navigation-menu-item.svelte";
+import Link from "./navigation-menu-link.svelte";
+import List from "./navigation-menu-list.svelte";
+import Trigger from "./navigation-menu-trigger.svelte";
+import Viewport from "./navigation-menu-viewport.svelte";
+
+export {
+ Root,
+ Content,
+ Indicator,
+ Item,
+ Link,
+ List,
+ Trigger,
+ Viewport,
+ //
+ Root as NavigationMenuRoot,
+ Content as NavigationMenuContent,
+ Indicator as NavigationMenuIndicator,
+ Item as NavigationMenuItem,
+ Link as NavigationMenuLink,
+ List as NavigationMenuList,
+ Trigger as NavigationMenuTrigger,
+ Viewport as NavigationMenuViewport,
+};
diff --git a/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-content.svelte b/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-content.svelte
new file mode 100644
index 0000000..d030a66
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-content.svelte
@@ -0,0 +1,20 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-indicator.svelte b/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-indicator.svelte
new file mode 100644
index 0000000..326a7c1
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-indicator.svelte
@@ -0,0 +1,22 @@
+
+
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-item.svelte b/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-item.svelte
new file mode 100644
index 0000000..4760458
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-item.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-link.svelte b/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-link.svelte
new file mode 100644
index 0000000..3d8ec22
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-link.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-list.svelte b/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-list.svelte
new file mode 100644
index 0000000..6f36137
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-list.svelte
@@ -0,0 +1,20 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-trigger.svelte b/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-trigger.svelte
new file mode 100644
index 0000000..284b90b
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-trigger.svelte
@@ -0,0 +1,29 @@
+
+
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-viewport.svelte b/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-viewport.svelte
new file mode 100644
index 0000000..fa28d53
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu-viewport.svelte
@@ -0,0 +1,22 @@
+
+
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu.svelte b/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu.svelte
new file mode 100644
index 0000000..27cd0d6
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/navigation-menu/navigation-menu.svelte
@@ -0,0 +1,31 @@
+
+
+
+ {@render children?.()}
+ {#if viewport}
+
+ {/if}
+
diff --git a/apps/desktop/src/lib/components/ui/pagination/index.ts b/apps/desktop/src/lib/components/ui/pagination/index.ts
new file mode 100644
index 0000000..214b851
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/pagination/index.ts
@@ -0,0 +1,31 @@
+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";
+import Previous from "./pagination-previous.svelte";
+import Next from "./pagination-next.svelte";
+
+export {
+ Root,
+ Content,
+ Item,
+ Link,
+ PrevButton, // old
+ NextButton, // old
+ Ellipsis,
+ Previous,
+ Next,
+ //
+ Root as Pagination,
+ Content as PaginationContent,
+ Item as PaginationItem,
+ Link as PaginationLink,
+ PrevButton as PaginationPrevButton, // old
+ NextButton as PaginationNextButton, // old
+ Ellipsis as PaginationEllipsis,
+ Previous as PaginationPrevious,
+ Next as PaginationNext,
+};
diff --git a/apps/desktop/src/lib/components/ui/pagination/pagination-content.svelte b/apps/desktop/src/lib/components/ui/pagination/pagination-content.svelte
new file mode 100644
index 0000000..cdf7415
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/pagination/pagination-content.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/pagination/pagination-ellipsis.svelte b/apps/desktop/src/lib/components/ui/pagination/pagination-ellipsis.svelte
new file mode 100644
index 0000000..8f22100
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/pagination/pagination-ellipsis.svelte
@@ -0,0 +1,22 @@
+
+
+
+
+ More pages
+
diff --git a/apps/desktop/src/lib/components/ui/pagination/pagination-item.svelte b/apps/desktop/src/lib/components/ui/pagination/pagination-item.svelte
new file mode 100644
index 0000000..fd7ffc3
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/pagination/pagination-item.svelte
@@ -0,0 +1,14 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/pagination/pagination-link.svelte b/apps/desktop/src/lib/components/ui/pagination/pagination-link.svelte
new file mode 100644
index 0000000..d147bd2
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/pagination/pagination-link.svelte
@@ -0,0 +1,42 @@
+
+
+{#snippet Fallback()}
+ {page.value}
+{/snippet}
+
+
+ {#if children}
+ {@render children?.()}
+ {:else}
+ {@render Fallback()}
+ {/if}
+
diff --git a/apps/desktop/src/lib/components/ui/pagination/pagination-next-button.svelte b/apps/desktop/src/lib/components/ui/pagination/pagination-next-button.svelte
new file mode 100644
index 0000000..e662edb
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/pagination/pagination-next-button.svelte
@@ -0,0 +1,31 @@
+
+
+{#snippet Fallback()}
+ Next
+
+{/snippet}
+
+
+ {#if children}
+ {@render children?.()}
+ {:else}
+ {@render Fallback()}
+ {/if}
+
diff --git a/apps/desktop/src/lib/components/ui/pagination/pagination-next.svelte b/apps/desktop/src/lib/components/ui/pagination/pagination-next.svelte
new file mode 100644
index 0000000..8d46512
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/pagination/pagination-next.svelte
@@ -0,0 +1,20 @@
+
+
+
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/pagination/pagination-prev-button.svelte b/apps/desktop/src/lib/components/ui/pagination/pagination-prev-button.svelte
new file mode 100644
index 0000000..7a1796e
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/pagination/pagination-prev-button.svelte
@@ -0,0 +1,31 @@
+
+
+{#snippet Fallback()}
+
+ Previous
+{/snippet}
+
+
+ {#if children}
+ {@render children?.()}
+ {:else}
+ {@render Fallback()}
+ {/if}
+
diff --git a/apps/desktop/src/lib/components/ui/pagination/pagination-previous.svelte b/apps/desktop/src/lib/components/ui/pagination/pagination-previous.svelte
new file mode 100644
index 0000000..7247df1
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/pagination/pagination-previous.svelte
@@ -0,0 +1,20 @@
+
+
+
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/pagination/pagination.svelte b/apps/desktop/src/lib/components/ui/pagination/pagination.svelte
new file mode 100644
index 0000000..8fdb5e8
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/pagination/pagination.svelte
@@ -0,0 +1,28 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/popover/index.ts b/apps/desktop/src/lib/components/ui/popover/index.ts
new file mode 100644
index 0000000..5f18036
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/popover/index.ts
@@ -0,0 +1,28 @@
+import Root from "./popover.svelte";
+import Close from "./popover-close.svelte";
+import Content from "./popover-content.svelte";
+import Description from "./popover-description.svelte";
+import Header from "./popover-header.svelte";
+import Title from "./popover-title.svelte";
+import Trigger from "./popover-trigger.svelte";
+import Portal from "./popover-portal.svelte";
+
+export {
+ Root,
+ Content,
+ Description,
+ Header,
+ Title,
+ Trigger,
+ Close,
+ Portal,
+ //
+ Root as Popover,
+ Content as PopoverContent,
+ Description as PopoverDescription,
+ Header as PopoverHeader,
+ Title as PopoverTitle,
+ Trigger as PopoverTrigger,
+ Close as PopoverClose,
+ Portal as PopoverPortal,
+};
diff --git a/apps/desktop/src/lib/components/ui/popover/popover-close.svelte b/apps/desktop/src/lib/components/ui/popover/popover-close.svelte
new file mode 100644
index 0000000..c360925
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/popover/popover-close.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/popover/popover-content.svelte b/apps/desktop/src/lib/components/ui/popover/popover-content.svelte
new file mode 100644
index 0000000..6165774
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/popover/popover-content.svelte
@@ -0,0 +1,31 @@
+
+
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/popover/popover-description.svelte b/apps/desktop/src/lib/components/ui/popover/popover-description.svelte
new file mode 100644
index 0000000..f83073d
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/popover/popover-description.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/popover/popover-header.svelte b/apps/desktop/src/lib/components/ui/popover/popover-header.svelte
new file mode 100644
index 0000000..d4e77a9
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/popover/popover-header.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/popover/popover-portal.svelte b/apps/desktop/src/lib/components/ui/popover/popover-portal.svelte
new file mode 100644
index 0000000..dd8265f
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/popover/popover-portal.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/popover/popover-title.svelte b/apps/desktop/src/lib/components/ui/popover/popover-title.svelte
new file mode 100644
index 0000000..98dcd43
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/popover/popover-title.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/popover/popover-trigger.svelte b/apps/desktop/src/lib/components/ui/popover/popover-trigger.svelte
new file mode 100644
index 0000000..586323c
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/popover/popover-trigger.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/popover/popover.svelte b/apps/desktop/src/lib/components/ui/popover/popover.svelte
new file mode 100644
index 0000000..6b1aa5f
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/popover/popover.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/progress/index.ts b/apps/desktop/src/lib/components/ui/progress/index.ts
new file mode 100644
index 0000000..25eee61
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/progress/index.ts
@@ -0,0 +1,7 @@
+import Root from "./progress.svelte";
+
+export {
+ Root,
+ //
+ Root as Progress,
+};
diff --git a/apps/desktop/src/lib/components/ui/progress/progress.svelte b/apps/desktop/src/lib/components/ui/progress/progress.svelte
new file mode 100644
index 0000000..d35a1fa
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/progress/progress.svelte
@@ -0,0 +1,27 @@
+
+
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/radio-group/index.ts b/apps/desktop/src/lib/components/ui/radio-group/index.ts
new file mode 100644
index 0000000..90b33fe
--- /dev/null
+++ b/apps/desktop/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/apps/desktop/src/lib/components/ui/radio-group/radio-group-item.svelte b/apps/desktop/src/lib/components/ui/radio-group/radio-group-item.svelte
new file mode 100644
index 0000000..b9c0946
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/radio-group/radio-group-item.svelte
@@ -0,0 +1,29 @@
+
+
+
+ {#snippet children({ checked })}
+
+ {#if checked}
+
+ {/if}
+
+ {/snippet}
+
diff --git a/apps/desktop/src/lib/components/ui/radio-group/radio-group.svelte b/apps/desktop/src/lib/components/ui/radio-group/radio-group.svelte
new file mode 100644
index 0000000..9d3dd86
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/radio-group/radio-group.svelte
@@ -0,0 +1,19 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/range-calendar/index.ts b/apps/desktop/src/lib/components/ui/range-calendar/index.ts
new file mode 100644
index 0000000..d2d258b
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/range-calendar/index.ts
@@ -0,0 +1,40 @@
+import Root from "./range-calendar.svelte";
+import Cell from "./range-calendar-cell.svelte";
+import Day from "./range-calendar-day.svelte";
+import Grid from "./range-calendar-grid.svelte";
+import Header from "./range-calendar-header.svelte";
+import Months from "./range-calendar-months.svelte";
+import GridRow from "./range-calendar-grid-row.svelte";
+import Heading from "./range-calendar-heading.svelte";
+import HeadCell from "./range-calendar-head-cell.svelte";
+import NextButton from "./range-calendar-next-button.svelte";
+import PrevButton from "./range-calendar-prev-button.svelte";
+import MonthSelect from "./range-calendar-month-select.svelte";
+import YearSelect from "./range-calendar-year-select.svelte";
+import Caption from "./range-calendar-caption.svelte";
+import Nav from "./range-calendar-nav.svelte";
+import Month from "./range-calendar-month.svelte";
+import GridBody from "./range-calendar-grid-body.svelte";
+import GridHead from "./range-calendar-grid-head.svelte";
+
+export {
+ Day,
+ Cell,
+ Grid,
+ Header,
+ Months,
+ GridRow,
+ Heading,
+ GridBody,
+ GridHead,
+ HeadCell,
+ NextButton,
+ PrevButton,
+ MonthSelect,
+ YearSelect,
+ Caption,
+ Nav,
+ Month,
+ //
+ Root as RangeCalendar,
+};
diff --git a/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-caption.svelte b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-caption.svelte
new file mode 100644
index 0000000..944654d
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-caption.svelte
@@ -0,0 +1,76 @@
+
+
+{#snippet MonthSelect()}
+ {
+ if (!placeholder) return;
+ const v = Number.parseInt(e.currentTarget.value);
+ const newPlaceholder = placeholder.set({ month: v });
+ placeholder = newPlaceholder.subtract({ months: monthIndex });
+ }}
+ />
+{/snippet}
+
+{#snippet YearSelect()}
+
+{/snippet}
+
+{#if captionLayout === "dropdown"}
+ {@render MonthSelect()}
+ {@render YearSelect()}
+{:else if captionLayout === "dropdown-months"}
+ {@render MonthSelect()}
+ {#if placeholder}
+ {formatYear(placeholder)}
+ {/if}
+{:else if captionLayout === "dropdown-years"}
+ {#if placeholder}
+ {formatMonth(placeholder)}
+ {/if}
+ {@render YearSelect()}
+{:else}
+ {formatMonth(month)} {formatYear(month)}
+{/if}
diff --git a/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-cell.svelte b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-cell.svelte
new file mode 100644
index 0000000..e042cf1
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-cell.svelte
@@ -0,0 +1,19 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-day.svelte b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-day.svelte
new file mode 100644
index 0000000..0890592
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-day.svelte
@@ -0,0 +1,36 @@
+
+
+span]:text-xs [&>span]:opacity-70",
+ className
+ )}
+ {...restProps}
+/>
diff --git a/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-grid-body.svelte b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-grid-body.svelte
new file mode 100644
index 0000000..45a31d1
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-grid-body.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-grid-head.svelte b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-grid-head.svelte
new file mode 100644
index 0000000..e311625
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-grid-head.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-grid-row.svelte b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-grid-row.svelte
new file mode 100644
index 0000000..3286b2a
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-grid-row.svelte
@@ -0,0 +1,12 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-grid.svelte b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-grid.svelte
new file mode 100644
index 0000000..3d74b2f
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-grid.svelte
@@ -0,0 +1,16 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-head-cell.svelte b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-head-cell.svelte
new file mode 100644
index 0000000..93a60c0
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-head-cell.svelte
@@ -0,0 +1,19 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-header.svelte b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-header.svelte
new file mode 100644
index 0000000..ec1e6ea
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-header.svelte
@@ -0,0 +1,19 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-heading.svelte b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-heading.svelte
new file mode 100644
index 0000000..3b3325f
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-heading.svelte
@@ -0,0 +1,16 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-month-select.svelte b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-month-select.svelte
new file mode 100644
index 0000000..6588c41
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-month-select.svelte
@@ -0,0 +1,44 @@
+
+
+
+
+ {#snippet child({ props, monthItems, selectedMonthItem })}
+
+
+ {monthItems.find((item) => item.value === value)?.label || selectedMonthItem.label}
+
+
+ {/snippet}
+
+
diff --git a/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-month.svelte b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-month.svelte
new file mode 100644
index 0000000..e747fae
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-month.svelte
@@ -0,0 +1,15 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-months.svelte b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-months.svelte
new file mode 100644
index 0000000..f717a9d
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-months.svelte
@@ -0,0 +1,19 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-nav.svelte b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-nav.svelte
new file mode 100644
index 0000000..27f33d7
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-nav.svelte
@@ -0,0 +1,19 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-next-button.svelte b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-next-button.svelte
new file mode 100644
index 0000000..8ef6eab
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-next-button.svelte
@@ -0,0 +1,36 @@
+
+
+{#snippet Fallback()}
+
+{/snippet}
+
+
+ {#if children}
+ {@render children?.()}
+ {:else}
+ {@render Fallback()}
+ {/if}
+
diff --git a/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-prev-button.svelte b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-prev-button.svelte
new file mode 100644
index 0000000..26f42ce
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-prev-button.svelte
@@ -0,0 +1,36 @@
+
+
+{#snippet Fallback()}
+
+{/snippet}
+
+
+ {#if children}
+ {@render children?.()}
+ {:else}
+ {@render Fallback()}
+ {/if}
+
diff --git a/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-year-select.svelte b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-year-select.svelte
new file mode 100644
index 0000000..b71c729
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar-year-select.svelte
@@ -0,0 +1,43 @@
+
+
+
+
+ {#snippet child({ props, yearItems, selectedYearItem })}
+
+
+ {yearItems.find((item) => item.value === value)?.label || selectedYearItem.label}
+
+
+ {/snippet}
+
+
diff --git a/apps/desktop/src/lib/components/ui/range-calendar/range-calendar.svelte b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar.svelte
new file mode 100644
index 0000000..a89091d
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/range-calendar/range-calendar.svelte
@@ -0,0 +1,112 @@
+
+
+
+ {#snippet children({ months, weekdays })}
+
+
+
+
+
+ {#each months as month, monthIndex (month)}
+
+
+
+
+
+
+
+
+ {#each weekdays as weekday, i (i)}
+
+ {weekday.slice(0, 2)}
+
+ {/each}
+
+
+
+ {#each month.weeks as weekDates (weekDates)}
+
+ {#each weekDates as date (date)}
+
+ {#if day}
+ {@render day({
+ day: date,
+ outsideMonth: !isEqualMonth(date, month.value),
+ })}
+ {:else}
+
+ {/if}
+
+ {/each}
+
+ {/each}
+
+
+
+ {/each}
+
+ {/snippet}
+
diff --git a/apps/desktop/src/lib/components/ui/resizable/index.ts b/apps/desktop/src/lib/components/ui/resizable/index.ts
new file mode 100644
index 0000000..2e37f11
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/resizable/index.ts
@@ -0,0 +1,13 @@
+import { Pane } from "paneforge";
+import Handle from "./resizable-handle.svelte";
+import PaneGroup from "./resizable-pane-group.svelte";
+
+export {
+ PaneGroup,
+ Pane,
+ Handle,
+ //
+ PaneGroup as ResizablePaneGroup,
+ Pane as ResizablePane,
+ Handle as ResizableHandle,
+};
diff --git a/apps/desktop/src/lib/components/ui/resizable/resizable-handle.svelte b/apps/desktop/src/lib/components/ui/resizable/resizable-handle.svelte
new file mode 100644
index 0000000..3e99471
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/resizable/resizable-handle.svelte
@@ -0,0 +1,27 @@
+
+
+div]:rotate-90",
+ className
+ )}
+ {...restProps}
+>
+ {#if withHandle}
+
+ {/if}
+
diff --git a/apps/desktop/src/lib/components/ui/resizable/resizable-pane-group.svelte b/apps/desktop/src/lib/components/ui/resizable/resizable-pane-group.svelte
new file mode 100644
index 0000000..4b1801d
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/resizable/resizable-pane-group.svelte
@@ -0,0 +1,24 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/scroll-area/index.ts b/apps/desktop/src/lib/components/ui/scroll-area/index.ts
new file mode 100644
index 0000000..e86a25b
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/scroll-area/index.ts
@@ -0,0 +1,10 @@
+import Scrollbar from "./scroll-area-scrollbar.svelte";
+import Root from "./scroll-area.svelte";
+
+export {
+ Root,
+ Scrollbar,
+ //,
+ Root as ScrollArea,
+ Scrollbar as ScrollAreaScrollbar,
+};
diff --git a/apps/desktop/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte b/apps/desktop/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte
new file mode 100644
index 0000000..e0f5997
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/scroll-area/scroll-area-scrollbar.svelte
@@ -0,0 +1,30 @@
+
+
+
+ {@render children?.()}
+
+
diff --git a/apps/desktop/src/lib/components/ui/scroll-area/scroll-area.svelte b/apps/desktop/src/lib/components/ui/scroll-area/scroll-area.svelte
new file mode 100644
index 0000000..d4d96d0
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/scroll-area/scroll-area.svelte
@@ -0,0 +1,43 @@
+
+
+
+
+ {@render children?.()}
+
+ {#if orientation === "vertical" || orientation === "both"}
+
+ {/if}
+ {#if orientation === "horizontal" || orientation === "both"}
+
+ {/if}
+
+
diff --git a/apps/desktop/src/lib/components/ui/select/index.ts b/apps/desktop/src/lib/components/ui/select/index.ts
new file mode 100644
index 0000000..4dec358
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/select/index.ts
@@ -0,0 +1,37 @@
+import Root from "./select.svelte";
+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";
+import GroupHeading from "./select-group-heading.svelte";
+import Portal from "./select-portal.svelte";
+
+export {
+ Root,
+ Group,
+ Label,
+ Item,
+ Content,
+ Trigger,
+ Separator,
+ ScrollDownButton,
+ ScrollUpButton,
+ GroupHeading,
+ Portal,
+ //
+ 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,
+ GroupHeading as SelectGroupHeading,
+ Portal as SelectPortal,
+};
diff --git a/apps/desktop/src/lib/components/ui/select/select-content.svelte b/apps/desktop/src/lib/components/ui/select/select-content.svelte
new file mode 100644
index 0000000..095f7e1
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/select/select-content.svelte
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+ {@render children?.()}
+
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/select/select-group-heading.svelte b/apps/desktop/src/lib/components/ui/select/select-group-heading.svelte
new file mode 100644
index 0000000..1fab5f0
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/select/select-group-heading.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/select/select-group.svelte b/apps/desktop/src/lib/components/ui/select/select-group.svelte
new file mode 100644
index 0000000..e56980e
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/select/select-group.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/select/select-item.svelte b/apps/desktop/src/lib/components/ui/select/select-item.svelte
new file mode 100644
index 0000000..deb5e80
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/select/select-item.svelte
@@ -0,0 +1,38 @@
+
+
+
+ {#snippet children({ selected, highlighted })}
+
+ {#if selected}
+
+ {/if}
+
+ {#if childrenProp}
+ {@render childrenProp({ selected, highlighted })}
+ {:else}
+ {label || value}
+ {/if}
+ {/snippet}
+
diff --git a/apps/desktop/src/lib/components/ui/select/select-label.svelte b/apps/desktop/src/lib/components/ui/select/select-label.svelte
new file mode 100644
index 0000000..eaca52a
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/select/select-label.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/select/select-portal.svelte b/apps/desktop/src/lib/components/ui/select/select-portal.svelte
new file mode 100644
index 0000000..424bcdd
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/select/select-portal.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/select/select-scroll-down-button.svelte b/apps/desktop/src/lib/components/ui/select/select-scroll-down-button.svelte
new file mode 100644
index 0000000..c4c1008
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/select/select-scroll-down-button.svelte
@@ -0,0 +1,20 @@
+
+
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/select/select-scroll-up-button.svelte b/apps/desktop/src/lib/components/ui/select/select-scroll-up-button.svelte
new file mode 100644
index 0000000..02cc289
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/select/select-scroll-up-button.svelte
@@ -0,0 +1,20 @@
+
+
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/select/select-separator.svelte b/apps/desktop/src/lib/components/ui/select/select-separator.svelte
new file mode 100644
index 0000000..f99f719
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/select/select-separator.svelte
@@ -0,0 +1,18 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/select/select-trigger.svelte b/apps/desktop/src/lib/components/ui/select/select-trigger.svelte
new file mode 100644
index 0000000..ff1b5d6
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/select/select-trigger.svelte
@@ -0,0 +1,29 @@
+
+
+
+ {@render children?.()}
+
+
diff --git a/apps/desktop/src/lib/components/ui/select/select.svelte b/apps/desktop/src/lib/components/ui/select/select.svelte
new file mode 100644
index 0000000..05eb663
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/select/select.svelte
@@ -0,0 +1,11 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/separator/index.ts b/apps/desktop/src/lib/components/ui/separator/index.ts
new file mode 100644
index 0000000..82442d2
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/separator/index.ts
@@ -0,0 +1,7 @@
+import Root from "./separator.svelte";
+
+export {
+ Root,
+ //
+ Root as Separator,
+};
diff --git a/apps/desktop/src/lib/components/ui/separator/separator.svelte b/apps/desktop/src/lib/components/ui/separator/separator.svelte
new file mode 100644
index 0000000..5fd8a42
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/separator/separator.svelte
@@ -0,0 +1,23 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/sheet/index.ts b/apps/desktop/src/lib/components/ui/sheet/index.ts
new file mode 100644
index 0000000..28d7da1
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sheet/index.ts
@@ -0,0 +1,34 @@
+import Root from "./sheet.svelte";
+import Portal from "./sheet-portal.svelte";
+import Trigger from "./sheet-trigger.svelte";
+import Close from "./sheet-close.svelte";
+import Overlay from "./sheet-overlay.svelte";
+import Content from "./sheet-content.svelte";
+import Header from "./sheet-header.svelte";
+import Footer from "./sheet-footer.svelte";
+import Title from "./sheet-title.svelte";
+import Description from "./sheet-description.svelte";
+
+export {
+ Root,
+ Close,
+ Trigger,
+ Portal,
+ Overlay,
+ Content,
+ Header,
+ Footer,
+ Title,
+ Description,
+ //
+ Root as Sheet,
+ Close as SheetClose,
+ Trigger as SheetTrigger,
+ Portal as SheetPortal,
+ Overlay as SheetOverlay,
+ Content as SheetContent,
+ Header as SheetHeader,
+ Footer as SheetFooter,
+ Title as SheetTitle,
+ Description as SheetDescription,
+};
diff --git a/apps/desktop/src/lib/components/ui/sheet/sheet-close.svelte b/apps/desktop/src/lib/components/ui/sheet/sheet-close.svelte
new file mode 100644
index 0000000..ae382c1
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sheet/sheet-close.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/sheet/sheet-content.svelte b/apps/desktop/src/lib/components/ui/sheet/sheet-content.svelte
new file mode 100644
index 0000000..c5d6f9c
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sheet/sheet-content.svelte
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+ {@render children?.()}
+ {#if showCloseButton}
+
+ {#snippet child({ props })}
+
+ {/snippet}
+
+ {/if}
+
+
diff --git a/apps/desktop/src/lib/components/ui/sheet/sheet-description.svelte b/apps/desktop/src/lib/components/ui/sheet/sheet-description.svelte
new file mode 100644
index 0000000..975aaa1
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sheet/sheet-description.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/sheet/sheet-footer.svelte b/apps/desktop/src/lib/components/ui/sheet/sheet-footer.svelte
new file mode 100644
index 0000000..ad9e07b
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sheet/sheet-footer.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/sheet/sheet-header.svelte b/apps/desktop/src/lib/components/ui/sheet/sheet-header.svelte
new file mode 100644
index 0000000..504465f
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sheet/sheet-header.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/sheet/sheet-overlay.svelte b/apps/desktop/src/lib/components/ui/sheet/sheet-overlay.svelte
new file mode 100644
index 0000000..fb89853
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sheet/sheet-overlay.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/sheet/sheet-portal.svelte b/apps/desktop/src/lib/components/ui/sheet/sheet-portal.svelte
new file mode 100644
index 0000000..f3085a3
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sheet/sheet-portal.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/sheet/sheet-title.svelte b/apps/desktop/src/lib/components/ui/sheet/sheet-title.svelte
new file mode 100644
index 0000000..ac8cd5d
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sheet/sheet-title.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/sheet/sheet-trigger.svelte b/apps/desktop/src/lib/components/ui/sheet/sheet-trigger.svelte
new file mode 100644
index 0000000..e266975
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sheet/sheet-trigger.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/sheet/sheet.svelte b/apps/desktop/src/lib/components/ui/sheet/sheet.svelte
new file mode 100644
index 0000000..5bf9783
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sheet/sheet.svelte
@@ -0,0 +1,7 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/sidebar/constants.ts b/apps/desktop/src/lib/components/ui/sidebar/constants.ts
new file mode 100644
index 0000000..4de4435
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/constants.ts
@@ -0,0 +1,6 @@
+export const SIDEBAR_COOKIE_NAME = "sidebar:state";
+export const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+export const SIDEBAR_WIDTH = "16rem";
+export const SIDEBAR_WIDTH_MOBILE = "18rem";
+export const SIDEBAR_WIDTH_ICON = "3rem";
+export const SIDEBAR_KEYBOARD_SHORTCUT = "b";
diff --git a/apps/desktop/src/lib/components/ui/sidebar/context.svelte.ts b/apps/desktop/src/lib/components/ui/sidebar/context.svelte.ts
new file mode 100644
index 0000000..15248ad
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/context.svelte.ts
@@ -0,0 +1,81 @@
+import { IsMobile } from "$lib/hooks/is-mobile.svelte.js";
+import { getContext, setContext } from "svelte";
+import { SIDEBAR_KEYBOARD_SHORTCUT } from "./constants.js";
+
+type Getter = () => 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/apps/desktop/src/lib/components/ui/sidebar/index.ts b/apps/desktop/src/lib/components/ui/sidebar/index.ts
new file mode 100644
index 0000000..318a341
--- /dev/null
+++ b/apps/desktop/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/apps/desktop/src/lib/components/ui/sidebar/sidebar-content.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-content.svelte
new file mode 100644
index 0000000..2a8d7ea
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-content.svelte
@@ -0,0 +1,24 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar-footer.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-footer.svelte
new file mode 100644
index 0000000..496c6c0
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-footer.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar-group-action.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-group-action.svelte
new file mode 100644
index 0000000..aa50f7b
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-group-action.svelte
@@ -0,0 +1,33 @@
+
+
+{#if child}
+ {@render child({ props: mergedProps })}
+{:else}
+
+{/if}
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar-group-content.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-group-content.svelte
new file mode 100644
index 0000000..519b13f
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-group-content.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar-group-label.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-group-label.svelte
new file mode 100644
index 0000000..5f9140f
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-group-label.svelte
@@ -0,0 +1,33 @@
+
+
+{#if child}
+ {@render child({ props: mergedProps })}
+{:else}
+
+ {@render children?.()}
+
+{/if}
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar-group.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-group.svelte
new file mode 100644
index 0000000..b5880d7
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-group.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar-header.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-header.svelte
new file mode 100644
index 0000000..b54754a
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-header.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar-input.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-input.svelte
new file mode 100644
index 0000000..19b3666
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-input.svelte
@@ -0,0 +1,21 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar-inset.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-inset.svelte
new file mode 100644
index 0000000..365e0b1
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-inset.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-action.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-action.svelte
new file mode 100644
index 0000000..0180c0f
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-action.svelte
@@ -0,0 +1,37 @@
+
+
+{#if child}
+ {@render child({ props: mergedProps })}
+{:else}
+
+{/if}
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte
new file mode 100644
index 0000000..d5e605a
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-badge.svelte
@@ -0,0 +1,24 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-button.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-button.svelte
new file mode 100644
index 0000000..df83550
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-button.svelte
@@ -0,0 +1,102 @@
+
+
+
+
+{#snippet Button({ props }: { props?: Record })}
+ {@const mergedProps = mergeProps(buttonProps, props)}
+ {#if child}
+ {@render child({ props: mergedProps })}
+ {:else}
+
+ {/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/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-item.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-item.svelte
new file mode 100644
index 0000000..4db4453
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-item.svelte
@@ -0,0 +1,21 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte
new file mode 100644
index 0000000..45b00ef
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-skeleton.svelte
@@ -0,0 +1,36 @@
+
+
+
+ {#if showIcon}
+
+ {/if}
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte
new file mode 100644
index 0000000..d1f8c92
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-sub-button.svelte
@@ -0,0 +1,39 @@
+
+
+{#if child}
+ {@render child({ props: mergedProps })}
+{:else}
+
+ {@render children?.()}
+
+{/if}
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte
new file mode 100644
index 0000000..681d0f1
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-sub-item.svelte
@@ -0,0 +1,21 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte
new file mode 100644
index 0000000..29614ee
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu-sub.svelte
@@ -0,0 +1,21 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu.svelte
new file mode 100644
index 0000000..a8cdefd
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-menu.svelte
@@ -0,0 +1,21 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar-provider.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-provider.svelte
new file mode 100644
index 0000000..5b0d0aa
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-provider.svelte
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+ {@render children?.()}
+
+
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar-rail.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-rail.svelte
new file mode 100644
index 0000000..f65c869
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-rail.svelte
@@ -0,0 +1,36 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar-separator.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-separator.svelte
new file mode 100644
index 0000000..18d791b
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-separator.svelte
@@ -0,0 +1,19 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar-trigger.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar-trigger.svelte
new file mode 100644
index 0000000..90c1499
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar-trigger.svelte
@@ -0,0 +1,36 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/sidebar/sidebar.svelte b/apps/desktop/src/lib/components/ui/sidebar/sidebar.svelte
new file mode 100644
index 0000000..097f1f9
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sidebar/sidebar.svelte
@@ -0,0 +1,108 @@
+
+
+{#if collapsible === "none"}
+
+ {@render children?.()}
+
+{:else if sidebar.isMobile}
+ sidebar.openMobile, (v) => sidebar.setOpenMobile(v)}
+ {...restProps}
+ >
+ button]:hidden",
+ className
+ )}
+ style="--sidebar-width: {SIDEBAR_WIDTH_MOBILE};"
+ {side}
+ >
+
+ Sidebar
+ Displays the mobile sidebar.
+
+
+ {@render children?.()}
+
+
+
+{:else}
+
+{/if}
diff --git a/apps/desktop/src/lib/components/ui/skeleton/index.ts b/apps/desktop/src/lib/components/ui/skeleton/index.ts
new file mode 100644
index 0000000..186db21
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/skeleton/index.ts
@@ -0,0 +1,7 @@
+import Root from "./skeleton.svelte";
+
+export {
+ Root,
+ //
+ Root as Skeleton,
+};
diff --git a/apps/desktop/src/lib/components/ui/skeleton/skeleton.svelte b/apps/desktop/src/lib/components/ui/skeleton/skeleton.svelte
new file mode 100644
index 0000000..78469a6
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/skeleton/skeleton.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/slider/index.ts b/apps/desktop/src/lib/components/ui/slider/index.ts
new file mode 100644
index 0000000..820f209
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/slider/index.ts
@@ -0,0 +1,7 @@
+import Root from "./slider.svelte";
+
+export {
+ Root,
+ //
+ Root as Slider,
+};
diff --git a/apps/desktop/src/lib/components/ui/slider/slider.svelte b/apps/desktop/src/lib/components/ui/slider/slider.svelte
new file mode 100644
index 0000000..826658f
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/slider/slider.svelte
@@ -0,0 +1,52 @@
+
+
+
+
+ {#snippet children({ thumbItems })}
+
+
+
+ {#each thumbItems as thumb (thumb.index)}
+
+ {/each}
+ {/snippet}
+
diff --git a/apps/desktop/src/lib/components/ui/sonner/index.ts b/apps/desktop/src/lib/components/ui/sonner/index.ts
new file mode 100644
index 0000000..1ad9f4a
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sonner/index.ts
@@ -0,0 +1 @@
+export { default as Toaster } from "./sonner.svelte";
diff --git a/apps/desktop/src/lib/components/ui/sonner/sonner.svelte b/apps/desktop/src/lib/components/ui/sonner/sonner.svelte
new file mode 100644
index 0000000..1cd3b41
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/sonner/sonner.svelte
@@ -0,0 +1,34 @@
+
+
+
+ {#snippet loadingIcon()}
+
+ {/snippet}
+ {#snippet successIcon()}
+
+ {/snippet}
+ {#snippet errorIcon()}
+
+ {/snippet}
+ {#snippet infoIcon()}
+
+ {/snippet}
+ {#snippet warningIcon()}
+
+ {/snippet}
+
diff --git a/apps/desktop/src/lib/components/ui/spinner/index.ts b/apps/desktop/src/lib/components/ui/spinner/index.ts
new file mode 100644
index 0000000..2e459c6
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/spinner/index.ts
@@ -0,0 +1 @@
+export { default as Spinner } from './spinner.svelte';
diff --git a/apps/desktop/src/lib/components/ui/spinner/spinner.svelte b/apps/desktop/src/lib/components/ui/spinner/spinner.svelte
new file mode 100644
index 0000000..487e6a4
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/spinner/spinner.svelte
@@ -0,0 +1,26 @@
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/switch/index.ts b/apps/desktop/src/lib/components/ui/switch/index.ts
new file mode 100644
index 0000000..f5533db
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/switch/index.ts
@@ -0,0 +1,7 @@
+import Root from "./switch.svelte";
+
+export {
+ Root,
+ //
+ Root as Switch,
+};
diff --git a/apps/desktop/src/lib/components/ui/switch/switch.svelte b/apps/desktop/src/lib/components/ui/switch/switch.svelte
new file mode 100644
index 0000000..47ebc61
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/switch/switch.svelte
@@ -0,0 +1,31 @@
+
+
+
+
+
diff --git a/apps/desktop/src/lib/components/ui/table/index.ts b/apps/desktop/src/lib/components/ui/table/index.ts
new file mode 100644
index 0000000..14695c8
--- /dev/null
+++ b/apps/desktop/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/apps/desktop/src/lib/components/ui/table/table-body.svelte b/apps/desktop/src/lib/components/ui/table/table-body.svelte
new file mode 100644
index 0000000..935feae
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/table/table-body.svelte
@@ -0,0 +1,15 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/table/table-caption.svelte b/apps/desktop/src/lib/components/ui/table/table-caption.svelte
new file mode 100644
index 0000000..b7a3e98
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/table/table-caption.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/table/table-cell.svelte b/apps/desktop/src/lib/components/ui/table/table-cell.svelte
new file mode 100644
index 0000000..a998bf6
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/table/table-cell.svelte
@@ -0,0 +1,15 @@
+
+
+
+ {@render children?.()}
+ |
diff --git a/apps/desktop/src/lib/components/ui/table/table-footer.svelte b/apps/desktop/src/lib/components/ui/table/table-footer.svelte
new file mode 100644
index 0000000..b9b14eb
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/table/table-footer.svelte
@@ -0,0 +1,20 @@
+
+
+tr]:last:border-b-0", className)}
+ {...restProps}
+>
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/table/table-head.svelte b/apps/desktop/src/lib/components/ui/table/table-head.svelte
new file mode 100644
index 0000000..267c4e0
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/table/table-head.svelte
@@ -0,0 +1,15 @@
+
+
+
+ {@render children?.()}
+ |
diff --git a/apps/desktop/src/lib/components/ui/table/table-header.svelte b/apps/desktop/src/lib/components/ui/table/table-header.svelte
new file mode 100644
index 0000000..f47d259
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/table/table-header.svelte
@@ -0,0 +1,20 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/table/table-row.svelte b/apps/desktop/src/lib/components/ui/table/table-row.svelte
new file mode 100644
index 0000000..90b4e2a
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/table/table-row.svelte
@@ -0,0 +1,15 @@
+
+
+
+ {@render children?.()}
+
diff --git a/apps/desktop/src/lib/components/ui/table/table.svelte b/apps/desktop/src/lib/components/ui/table/table.svelte
new file mode 100644
index 0000000..0b0819b
--- /dev/null
+++ b/apps/desktop/src/lib/components/ui/table/table.svelte
@@ -0,0 +1,17 @@
+
+
+
+
+ {@render children?.()}
+
+
About
+
+This is another page
diff --git a/apps/desktop/src/routes/index.svelte b/apps/desktop/src/routes/index.svelte
new file mode 100644
index 0000000..fe5f517
--- /dev/null
+++ b/apps/desktop/src/routes/index.svelte
@@ -0,0 +1,86 @@
+
+
+
+ {#if !w.ready}
+
+ {:else if !w.vaultExists}
+
+
+ Import Wallet
+
+ Enter your seed phrase to save it securely in your system
+ keychain
+
+
+
+
+
+
+
+ {#if w.error}
+ {w.error}
+ {/if}
+
+
+ {:else if w.isLocked}
+
+
+ Unlocking...
+
+
+ {:else}
+
+
+ Wallet
+ Your wallet is unlocked
+
+
+ {#if w.address}
+
+
Address
+
{w.address}
+
BNB Balance
+
{w.balance} BNB
+
{w.error}
+ {/if}
+
+
+
+
+
+
+
+ {/if}
+