@kayord/ui 0.3.2 → 0.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (173) hide show
  1. package/README.md +15 -16
  2. package/dist/components/custom/data-table/DataTable.svelte +5 -1
  3. package/dist/components/custom/progress-loading/ProgressLoading.svelte +4 -1
  4. package/dist/components/custom/theme-switch/ThemeSwitch.svelte +1 -1
  5. package/dist/components/ui/accordion/accordion-item.svelte +1 -5
  6. package/dist/components/ui/accordion/index.d.ts +1 -1
  7. package/dist/components/ui/accordion/index.js +1 -1
  8. package/dist/components/ui/alert/alert-title.svelte +1 -5
  9. package/dist/components/ui/alert/alert.svelte +1 -5
  10. package/dist/components/ui/alert/index.d.ts +1 -1
  11. package/dist/components/ui/alert/index.js +5 -5
  12. package/dist/components/ui/alert-dialog/alert-dialog-action.svelte +1 -7
  13. package/dist/components/ui/alert-dialog/alert-dialog-cancel.svelte +1 -5
  14. package/dist/components/ui/alert-dialog/alert-dialog-description.svelte +1 -4
  15. package/dist/components/ui/alert-dialog/alert-dialog-footer.svelte +1 -7
  16. package/dist/components/ui/alert-dialog/alert-dialog-header.svelte +1 -4
  17. package/dist/components/ui/alert-dialog/alert-dialog-overlay.svelte +1 -4
  18. package/dist/components/ui/alert-dialog/alert-dialog-title.svelte +1 -5
  19. package/dist/components/ui/alert-dialog/index.d.ts +1 -1
  20. package/dist/components/ui/alert-dialog/index.js +1 -1
  21. package/dist/components/ui/avatar/avatar-fallback.svelte +1 -4
  22. package/dist/components/ui/avatar/avatar-image.svelte +1 -6
  23. package/dist/components/ui/avatar/avatar.svelte +1 -4
  24. package/dist/components/ui/avatar/index.d.ts +1 -1
  25. package/dist/components/ui/avatar/index.js +1 -1
  26. package/dist/components/ui/badge/badge.svelte +1 -6
  27. package/dist/components/ui/badge/index.js +4 -4
  28. package/dist/components/ui/button/index.d.ts +1 -1
  29. package/dist/components/ui/button/index.js +6 -6
  30. package/dist/components/ui/calendar/calendar-grid.svelte +1 -4
  31. package/dist/components/ui/calendar/calendar-head-cell.svelte +1 -4
  32. package/dist/components/ui/calendar/calendar-header.svelte +1 -4
  33. package/dist/components/ui/calendar/calendar-heading.svelte +1 -5
  34. package/dist/components/ui/calendar/calendar-months.svelte +1 -7
  35. package/dist/components/ui/calendar/index.d.ts +1 -1
  36. package/dist/components/ui/calendar/index.js +1 -1
  37. package/dist/components/ui/card/card-title.svelte +1 -5
  38. package/dist/components/ui/card/card.svelte +1 -7
  39. package/dist/components/ui/card/index.d.ts +1 -1
  40. package/dist/components/ui/card/index.js +1 -1
  41. package/dist/components/ui/checkbox/index.d.ts +1 -1
  42. package/dist/components/ui/checkbox/index.js +1 -1
  43. package/dist/components/ui/collapsible/index.d.ts +1 -1
  44. package/dist/components/ui/collapsible/index.js +1 -1
  45. package/dist/components/ui/command/command-empty.svelte +1 -4
  46. package/dist/components/ui/command/command-list.svelte +1 -4
  47. package/dist/components/ui/command/command-separator.svelte +1 -4
  48. package/dist/components/ui/command/command-shortcut.svelte +1 -7
  49. package/dist/components/ui/command/command.svelte +1 -4
  50. package/dist/components/ui/command/index.d.ts +1 -1
  51. package/dist/components/ui/command/index.js +1 -1
  52. package/dist/components/ui/context-menu/context-menu-label.svelte +1 -5
  53. package/dist/components/ui/context-menu/context-menu-separator.svelte +1 -4
  54. package/dist/components/ui/context-menu/context-menu-shortcut.svelte +1 -7
  55. package/dist/components/ui/context-menu/index.d.ts +1 -1
  56. package/dist/components/ui/context-menu/index.js +1 -1
  57. package/dist/components/ui/dialog/dialog-description.svelte +1 -4
  58. package/dist/components/ui/dialog/dialog-footer.svelte +1 -7
  59. package/dist/components/ui/dialog/dialog-header.svelte +1 -4
  60. package/dist/components/ui/dialog/dialog-overlay.svelte +1 -4
  61. package/dist/components/ui/dialog/dialog-title.svelte +1 -4
  62. package/dist/components/ui/dialog/index.d.ts +1 -1
  63. package/dist/components/ui/dialog/index.js +1 -1
  64. package/dist/components/ui/drawer/drawer-description.svelte +1 -5
  65. package/dist/components/ui/drawer/drawer-footer.svelte +1 -5
  66. package/dist/components/ui/drawer/drawer-header.svelte +1 -5
  67. package/dist/components/ui/drawer/drawer-overlay.svelte +1 -5
  68. package/dist/components/ui/drawer/drawer.svelte +1 -6
  69. package/dist/components/ui/drawer/index.js +1 -1
  70. package/dist/components/ui/dropdown-menu/dropdown-menu-separator.svelte +1 -4
  71. package/dist/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte +1 -4
  72. package/dist/components/ui/dropdown-menu/index.d.ts +1 -1
  73. package/dist/components/ui/dropdown-menu/index.js +1 -1
  74. package/dist/components/ui/form/form-description.svelte +1 -4
  75. package/dist/components/ui/form/form-label.svelte +1 -5
  76. package/dist/components/ui/form/form-native-select.svelte +1 -5
  77. package/dist/components/ui/form/form-select-trigger.svelte +5 -10
  78. package/dist/components/ui/form/form-select-trigger.svelte.d.ts +3 -1
  79. package/dist/components/ui/form/form-textarea.svelte +1 -3
  80. package/dist/components/ui/form/form-validation.svelte +1 -4
  81. package/dist/components/ui/form/index.d.ts +1 -1
  82. package/dist/components/ui/form/index.js +1 -1
  83. package/dist/components/ui/input/index.d.ts +1 -1
  84. package/dist/components/ui/input/index.js +1 -1
  85. package/dist/components/ui/label/index.d.ts +1 -1
  86. package/dist/components/ui/label/index.js +1 -1
  87. package/dist/components/ui/label/label.svelte +1 -4
  88. package/dist/components/ui/menubar/index.d.ts +1 -1
  89. package/dist/components/ui/menubar/index.js +1 -1
  90. package/dist/components/ui/menubar/menubar-label.svelte +1 -4
  91. package/dist/components/ui/menubar/menubar-separator.svelte +1 -4
  92. package/dist/components/ui/menubar/menubar-shortcut.svelte +1 -7
  93. package/dist/components/ui/menubar/menubar-sub-content.svelte +1 -4
  94. package/dist/components/ui/menubar/menubar.svelte +1 -4
  95. package/dist/components/ui/pagination/index.d.ts +1 -1
  96. package/dist/components/ui/pagination/index.js +1 -1
  97. package/dist/components/ui/pagination/pagination-ellipsis.svelte +1 -5
  98. package/dist/components/ui/pagination/pagination-link.svelte +1 -1
  99. package/dist/components/ui/pagination/pagination-next-button.svelte +1 -7
  100. package/dist/components/ui/pagination/pagination-prev-button.svelte +1 -7
  101. package/dist/components/ui/pagination/pagination.svelte +1 -4
  102. package/dist/components/ui/popover/index.d.ts +1 -1
  103. package/dist/components/ui/popover/index.js +1 -1
  104. package/dist/components/ui/popover/popover-content.svelte +1 -4
  105. package/dist/components/ui/progress/index.d.ts +1 -1
  106. package/dist/components/ui/progress/index.js +1 -1
  107. package/dist/components/ui/progress/progress.svelte +2 -7
  108. package/dist/components/ui/radio-group/index.d.ts +1 -1
  109. package/dist/components/ui/radio-group/index.js +1 -1
  110. package/dist/components/ui/radio-group/radio-group.svelte +1 -5
  111. package/dist/components/ui/range-calendar/index.d.ts +1 -1
  112. package/dist/components/ui/range-calendar/index.js +1 -1
  113. package/dist/components/ui/range-calendar/range-calendar-grid.svelte +1 -4
  114. package/dist/components/ui/range-calendar/range-calendar-head-cell.svelte +1 -4
  115. package/dist/components/ui/range-calendar/range-calendar-header.svelte +1 -4
  116. package/dist/components/ui/range-calendar/range-calendar-heading.svelte +1 -5
  117. package/dist/components/ui/range-calendar/range-calendar-months.svelte +1 -7
  118. package/dist/components/ui/range-calendar/range-calendar.svelte +1 -4
  119. package/dist/components/ui/select/index.d.ts +1 -1
  120. package/dist/components/ui/select/index.js +1 -1
  121. package/dist/components/ui/select/select-label.svelte +1 -4
  122. package/dist/components/ui/select/select-separator.svelte +1 -4
  123. package/dist/components/ui/separator/index.d.ts +1 -1
  124. package/dist/components/ui/separator/index.js +1 -1
  125. package/dist/components/ui/separator/separator.svelte +1 -5
  126. package/dist/components/ui/sheet/index.d.ts +1 -1
  127. package/dist/components/ui/sheet/index.js +18 -18
  128. package/dist/components/ui/sheet/sheet-content.svelte +1 -6
  129. package/dist/components/ui/sheet/sheet-description.svelte +1 -4
  130. package/dist/components/ui/sheet/sheet-footer.svelte +1 -7
  131. package/dist/components/ui/sheet/sheet-header.svelte +1 -4
  132. package/dist/components/ui/sheet/sheet-overlay.svelte +1 -4
  133. package/dist/components/ui/sheet/sheet-title.svelte +1 -4
  134. package/dist/components/ui/skeleton/index.d.ts +1 -1
  135. package/dist/components/ui/skeleton/index.js +1 -1
  136. package/dist/components/ui/skeleton/skeleton.svelte +1 -4
  137. package/dist/components/ui/slider/index.d.ts +1 -1
  138. package/dist/components/ui/slider/index.js +1 -1
  139. package/dist/components/ui/slider/slider.svelte +2 -7
  140. package/dist/components/ui/sonner/sonner.svelte +6 -9
  141. package/dist/components/ui/switch/index.d.ts +1 -1
  142. package/dist/components/ui/switch/index.js +1 -1
  143. package/dist/components/ui/table/index.d.ts +1 -1
  144. package/dist/components/ui/table/index.js +1 -1
  145. package/dist/components/ui/table/table-caption.svelte +1 -4
  146. package/dist/components/ui/table/table-cell.svelte +1 -6
  147. package/dist/components/ui/table/table-footer.svelte +1 -4
  148. package/dist/components/ui/table/table-header.svelte +1 -6
  149. package/dist/components/ui/table/table-row.svelte +1 -4
  150. package/dist/components/ui/table/table.svelte +1 -4
  151. package/dist/components/ui/tabs/index.d.ts +1 -1
  152. package/dist/components/ui/tabs/index.js +1 -1
  153. package/dist/components/ui/tabs/tabs-list.svelte +1 -4
  154. package/dist/components/ui/textarea/index.d.ts +1 -1
  155. package/dist/components/ui/textarea/index.js +1 -1
  156. package/dist/components/ui/toggle/index.d.ts +1 -1
  157. package/dist/components/ui/toggle/index.js +6 -6
  158. package/dist/components/ui/toggle/toggle.svelte +1 -6
  159. package/dist/components/ui/toggle-group/index.d.ts +1 -1
  160. package/dist/components/ui/toggle-group/index.js +1 -1
  161. package/dist/components/ui/toggle-group/toggle-group-item.svelte +1 -1
  162. package/dist/components/ui/tooltip/index.d.ts +1 -1
  163. package/dist/components/ui/tooltip/index.js +1 -1
  164. package/dist/index.d.ts +0 -1
  165. package/dist/index.js +0 -2
  166. package/dist/utils/index.d.ts +1 -0
  167. package/dist/utils/index.js +1 -0
  168. package/dist/utils.js +2 -2
  169. package/package.json +16 -16
  170. /package/dist/{formsnap.d.ts → formsnap/index.d.ts} +0 -0
  171. /package/dist/{formsnap.js → formsnap/index.js} +0 -0
  172. /package/dist/{mode-watcher.d.ts → mode-watcher/index.d.ts} +0 -0
  173. /package/dist/{mode-watcher.js → mode-watcher/index.js} +0 -0
@@ -4,7 +4,4 @@ let className = void 0;
4
4
  export { className as class };
5
5
  </script>
6
6
 
7
- <ContextMenuPrimitive.Separator
8
- class={cn("-mx-1 my-1 h-px bg-border", className)}
9
- {...$$restProps}
10
- />
7
+ <ContextMenuPrimitive.Separator class={cn("-mx-1 my-1 h-px bg-border", className)} {...$$restProps} />
@@ -3,12 +3,6 @@ let className = void 0;
3
3
  export { className as class };
4
4
  </script>
5
5
 
6
- <span
7
- class={cn(
8
- "ml-auto text-xs tracking-widest text-muted-foreground",
9
- className
10
- )}
11
- {...$$restProps}
12
- >
6
+ <span class={cn("ml-auto text-xs tracking-widest text-muted-foreground", className)} {...$$restProps}>
13
7
  <slot />
14
8
  </span>
@@ -13,4 +13,4 @@ declare const Sub: typeof ContextMenuPrimitive.Sub;
13
13
  declare const Root: typeof ContextMenuPrimitive.Root;
14
14
  declare const Trigger: typeof ContextMenuPrimitive.Trigger;
15
15
  declare const Group: typeof ContextMenuPrimitive.Group;
16
- export { Sub, Root, Item, Label, Group, Trigger, Content, Shortcut, Separator, RadioItem, SubContent, SubTrigger, RadioGroup, CheckboxItem, Root as ContextMenu, Sub as ContextMenuSub, Item as ContextMenuItem, Label as ContextMenuLabel, Group as ContextMenuGroup, Content as ContextMenuContent, Trigger as ContextMenuTrigger, Shortcut as ContextMenuShortcut, RadioItem as ContextMenuRadioItem, Separator as ContextMenuSeparator, RadioGroup as ContextMenuRadioGroup, SubContent as ContextMenuSubContent, SubTrigger as ContextMenuSubTrigger, CheckboxItem as ContextMenuCheckboxItem };
16
+ export { Sub, Root, Item, Label, Group, Trigger, Content, Shortcut, Separator, RadioItem, SubContent, SubTrigger, RadioGroup, CheckboxItem, Root as ContextMenu, Sub as ContextMenuSub, Item as ContextMenuItem, Label as ContextMenuLabel, Group as ContextMenuGroup, Content as ContextMenuContent, Trigger as ContextMenuTrigger, Shortcut as ContextMenuShortcut, RadioItem as ContextMenuRadioItem, Separator as ContextMenuSeparator, RadioGroup as ContextMenuRadioGroup, SubContent as ContextMenuSubContent, SubTrigger as ContextMenuSubTrigger, CheckboxItem as ContextMenuCheckboxItem, };
@@ -15,4 +15,4 @@ const Trigger = ContextMenuPrimitive.Trigger;
15
15
  const Group = ContextMenuPrimitive.Group;
16
16
  export { Sub, Root, Item, Label, Group, Trigger, Content, Shortcut, Separator, RadioItem, SubContent, SubTrigger, RadioGroup, CheckboxItem,
17
17
  //
18
- Root as ContextMenu, Sub as ContextMenuSub, Item as ContextMenuItem, Label as ContextMenuLabel, Group as ContextMenuGroup, Content as ContextMenuContent, Trigger as ContextMenuTrigger, Shortcut as ContextMenuShortcut, RadioItem as ContextMenuRadioItem, Separator as ContextMenuSeparator, RadioGroup as ContextMenuRadioGroup, SubContent as ContextMenuSubContent, SubTrigger as ContextMenuSubTrigger, CheckboxItem as ContextMenuCheckboxItem };
18
+ Root as ContextMenu, Sub as ContextMenuSub, Item as ContextMenuItem, Label as ContextMenuLabel, Group as ContextMenuGroup, Content as ContextMenuContent, Trigger as ContextMenuTrigger, Shortcut as ContextMenuShortcut, RadioItem as ContextMenuRadioItem, Separator as ContextMenuSeparator, RadioGroup as ContextMenuRadioGroup, SubContent as ContextMenuSubContent, SubTrigger as ContextMenuSubTrigger, CheckboxItem as ContextMenuCheckboxItem, };
@@ -4,9 +4,6 @@ let className = void 0;
4
4
  export { className as class };
5
5
  </script>
6
6
 
7
- <DialogPrimitive.Description
8
- class={cn("text-sm text-muted-foreground", className)}
9
- {...$$restProps}
10
- >
7
+ <DialogPrimitive.Description class={cn("text-sm text-muted-foreground", className)} {...$$restProps}>
11
8
  <slot />
12
9
  </DialogPrimitive.Description>
@@ -3,12 +3,6 @@ let className = void 0;
3
3
  export { className as class };
4
4
  </script>
5
5
 
6
- <div
7
- class={cn(
8
- "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
9
- className
10
- )}
11
- {...$$restProps}
12
- >
6
+ <div class={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)} {...$$restProps}>
13
7
  <slot />
14
8
  </div>
@@ -3,9 +3,6 @@ let className = void 0;
3
3
  export { className as class };
4
4
  </script>
5
5
 
6
- <div
7
- class={cn("flex flex-col space-y-1.5 text-center sm:text-left", className)}
8
- {...$$restProps}
9
- >
6
+ <div class={cn("flex flex-col space-y-1.5 text-center sm:text-left", className)} {...$$restProps}>
10
7
  <slot />
11
8
  </div>
@@ -12,9 +12,6 @@ export { className as class };
12
12
  <DialogPrimitive.Overlay
13
13
  {transition}
14
14
  {transitionConfig}
15
- class={cn(
16
- "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm",
17
- className
18
- )}
15
+ class={cn("fixed inset-0 z-50 bg-background/80 backdrop-blur-sm", className)}
19
16
  {...$$restProps}
20
17
  />
@@ -4,9 +4,6 @@ let className = void 0;
4
4
  export { className as class };
5
5
  </script>
6
6
 
7
- <DialogPrimitive.Title
8
- class={cn("text-lg font-semibold leading-none tracking-tight", className)}
9
- {...$$restProps}
10
- >
7
+ <DialogPrimitive.Title class={cn("text-lg font-semibold leading-none tracking-tight", className)} {...$$restProps}>
11
8
  <slot />
12
9
  </DialogPrimitive.Title>
@@ -8,4 +8,4 @@ import Header from "./dialog-header.svelte";
8
8
  import Overlay from "./dialog-overlay.svelte";
9
9
  import Content from "./dialog-content.svelte";
10
10
  import Description from "./dialog-description.svelte";
11
- export { Root, Title, Portal, Footer, Header, Trigger, Overlay, Content, Description, 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 };
11
+ export { Root, Title, Portal, Footer, Header, Trigger, Overlay, Content, Description, 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, };
@@ -10,4 +10,4 @@ import Content from "./dialog-content.svelte";
10
10
  import Description from "./dialog-description.svelte";
11
11
  export { Root, Title, Portal, Footer, Header, Trigger, Overlay, Content, Description,
12
12
  //
13
- 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 };
13
+ 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, };
@@ -5,10 +5,6 @@ let className = void 0;
5
5
  export { className as class };
6
6
  </script>
7
7
 
8
- <DrawerPrimitive.Description
9
- bind:el
10
- class={cn("text-sm text-muted-foreground", className)}
11
- {...$$restProps}
12
- >
8
+ <DrawerPrimitive.Description bind:el class={cn("text-sm text-muted-foreground", className)} {...$$restProps}>
13
9
  <slot />
14
10
  </DrawerPrimitive.Description>
@@ -4,10 +4,6 @@ let className = void 0;
4
4
  export { className as class };
5
5
  </script>
6
6
 
7
- <div
8
- bind:this={el}
9
- class={cn("mt-auto flex flex-col gap-2 p-4", className)}
10
- {...$$restProps}
11
- >
7
+ <div bind:this={el} class={cn("mt-auto flex flex-col gap-2 p-4", className)} {...$$restProps}>
12
8
  <slot />
13
9
  </div>
@@ -4,10 +4,6 @@ let className = void 0;
4
4
  export { className as class };
5
5
  </script>
6
6
 
7
- <div
8
- bind:this={el}
9
- class={cn("grid gap-1.5 p-4 text-center sm:text-left", className)}
10
- {...$$restProps}
11
- >
7
+ <div bind:this={el} class={cn("grid gap-1.5 p-4 text-center sm:text-left", className)} {...$$restProps}>
12
8
  <slot />
13
9
  </div>
@@ -5,10 +5,6 @@ let className = void 0;
5
5
  export { className as class };
6
6
  </script>
7
7
 
8
- <DrawerPrimitive.Overlay
9
- bind:el
10
- class={cn("fixed inset-0 z-50 bg-black/80", className)}
11
- {...$$restProps}
12
- >
8
+ <DrawerPrimitive.Overlay bind:el class={cn("fixed inset-0 z-50 bg-black/80", className)} {...$$restProps}>
13
9
  <slot />
14
10
  </DrawerPrimitive.Overlay>
@@ -4,11 +4,6 @@ export let open = false;
4
4
  export let activeSnapPoint = void 0;
5
5
  </script>
6
6
 
7
- <DrawerPrimitive.Root
8
- {shouldScaleBackground}
9
- bind:open
10
- bind:activeSnapPoint
11
- {...$$restProps}
12
- >
7
+ <DrawerPrimitive.Root {shouldScaleBackground} bind:open bind:activeSnapPoint {...$$restProps}>
13
8
  <slot />
14
9
  </DrawerPrimitive.Root>
@@ -11,4 +11,4 @@ const Portal = DrawerPrimitive.Portal;
11
11
  const Close = DrawerPrimitive.Close;
12
12
  export { Root, Content, Description, Overlay, Footer, Header, Title, Trigger, Portal, Close,
13
13
  //
14
- Root as Drawer, 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 };
14
+ Root as Drawer, 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, };
@@ -4,7 +4,4 @@ let className = void 0;
4
4
  export { className as class };
5
5
  </script>
6
6
 
7
- <DropdownMenuPrimitive.Separator
8
- class={cn("-mx-1 my-1 h-px bg-muted", className)}
9
- {...$$restProps}
10
- />
7
+ <DropdownMenuPrimitive.Separator class={cn("-mx-1 my-1 h-px bg-muted", className)} {...$$restProps} />
@@ -3,9 +3,6 @@ let className = void 0;
3
3
  export { className as class };
4
4
  </script>
5
5
 
6
- <span
7
- class={cn("ml-auto text-xs tracking-widest opacity-60", className)}
8
- {...$$restProps}
9
- >
6
+ <span class={cn("ml-auto text-xs tracking-widest opacity-60", className)} {...$$restProps}>
10
7
  <slot />
11
8
  </span>
@@ -13,4 +13,4 @@ declare const Sub: typeof DropdownMenuPrimitive.Sub;
13
13
  declare const Root: typeof DropdownMenuPrimitive.Root;
14
14
  declare const Trigger: typeof DropdownMenuPrimitive.Trigger;
15
15
  declare const Group: typeof DropdownMenuPrimitive.Group;
16
- export { Sub, Root, Item, Label, Group, Trigger, Content, Shortcut, Separator, RadioItem, SubContent, SubTrigger, RadioGroup, CheckboxItem, Root as DropdownMenu, Sub as DropdownMenuSub, Item as DropdownMenuItem, Label as DropdownMenuLabel, Group as DropdownMenuGroup, Content as DropdownMenuContent, Trigger as DropdownMenuTrigger, Shortcut as DropdownMenuShortcut, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, RadioGroup as DropdownMenuRadioGroup, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, CheckboxItem as DropdownMenuCheckboxItem };
16
+ export { Sub, Root, Item, Label, Group, Trigger, Content, Shortcut, Separator, RadioItem, SubContent, SubTrigger, RadioGroup, CheckboxItem, Root as DropdownMenu, Sub as DropdownMenuSub, Item as DropdownMenuItem, Label as DropdownMenuLabel, Group as DropdownMenuGroup, Content as DropdownMenuContent, Trigger as DropdownMenuTrigger, Shortcut as DropdownMenuShortcut, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, RadioGroup as DropdownMenuRadioGroup, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, CheckboxItem as DropdownMenuCheckboxItem, };
@@ -15,4 +15,4 @@ const Trigger = DropdownMenuPrimitive.Trigger;
15
15
  const Group = DropdownMenuPrimitive.Group;
16
16
  export { Sub, Root, Item, Label, Group, Trigger, Content, Shortcut, Separator, RadioItem, SubContent, SubTrigger, RadioGroup, CheckboxItem,
17
17
  //
18
- Root as DropdownMenu, Sub as DropdownMenuSub, Item as DropdownMenuItem, Label as DropdownMenuLabel, Group as DropdownMenuGroup, Content as DropdownMenuContent, Trigger as DropdownMenuTrigger, Shortcut as DropdownMenuShortcut, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, RadioGroup as DropdownMenuRadioGroup, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, CheckboxItem as DropdownMenuCheckboxItem };
18
+ Root as DropdownMenu, Sub as DropdownMenuSub, Item as DropdownMenuItem, Label as DropdownMenuLabel, Group as DropdownMenuGroup, Content as DropdownMenuContent, Trigger as DropdownMenuTrigger, Shortcut as DropdownMenuShortcut, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, RadioGroup as DropdownMenuRadioGroup, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, CheckboxItem as DropdownMenuCheckboxItem, };
@@ -4,9 +4,6 @@ let className = void 0;
4
4
  export { className as class };
5
5
  </script>
6
6
 
7
- <FormPrimitive.Description
8
- class={cn("text-sm text-muted-foreground", className)}
9
- {...$$restProps}
10
- >
7
+ <FormPrimitive.Description class={cn("text-sm text-muted-foreground", className)} {...$$restProps}>
11
8
  <slot />
12
9
  </FormPrimitive.Description>
@@ -6,10 +6,6 @@ export { className as class };
6
6
  const { errors, ids } = getFormField();
7
7
  </script>
8
8
 
9
- <Label
10
- for={$ids.input}
11
- class={cn($errors && "text-destructive", className)}
12
- {...$$restProps}
13
- >
9
+ <Label for={$ids.input} class={cn($errors && "text-destructive", className)} {...$$restProps}>
14
10
  <slot />
15
11
  </Label>
@@ -8,11 +8,7 @@ export { className as class };
8
8
 
9
9
  <div class="relative">
10
10
  <FormPrimitive.Select
11
- class={cn(
12
- buttonVariants({ variant: "outline" }),
13
- "appearance-none bg-transparent font-normal",
14
- className
15
- )}
11
+ class={cn(buttonVariants({ variant: "outline" }), "appearance-none bg-transparent font-normal", className)}
16
12
  {...$$restProps}
17
13
  >
18
14
  <slot />
@@ -1,16 +1,11 @@
1
1
  <script>import * as Select from "../select";
2
2
  import { getFormField } from "formsnap";
3
- const { attrStore } = getFormField();
3
+ const { attrStore, value } = getFormField();
4
4
  export let placeholder = "";
5
5
  </script>
6
6
 
7
- <Select.Trigger
8
- {...$$restProps}
9
- {...$attrStore}
10
- on:click
11
- on:keydown
12
- type="button"
13
- >
14
- <Select.Value {placeholder} />
15
- <slot />
7
+ <Select.Trigger {...$$restProps} {...$attrStore} on:click on:keydown type="button">
8
+ <slot value={$value}>
9
+ <Select.Value {placeholder} />
10
+ </slot>
16
11
  </Select.Trigger>
@@ -8,7 +8,9 @@ declare const __propDef: {
8
8
  placeholder?: string | undefined;
9
9
  };
10
10
  slots: {
11
- default: {};
11
+ default: {
12
+ value: unknown;
13
+ };
12
14
  };
13
15
  events: SelectPrimitive.TriggerEvents;
14
16
  };
@@ -1,7 +1,5 @@
1
1
  <script>import { getFormField } from "formsnap";
2
- import {
3
- Textarea
4
- } from "../textarea";
2
+ import { Textarea } from "../textarea";
5
3
  const { attrStore, value } = getFormField();
6
4
  </script>
7
5
 
@@ -4,7 +4,4 @@ let className = void 0;
4
4
  export { className as class };
5
5
  </script>
6
6
 
7
- <FormPrimitive.Validation
8
- class={cn("text-sm font-medium text-destructive", className)}
9
- {...$$restProps}
10
- />
7
+ <FormPrimitive.Validation class={cn("text-sm font-medium text-destructive", className)} {...$$restProps} />
@@ -29,4 +29,4 @@ declare const SelectSeparator: typeof SelectComp.Separator;
29
29
  export type TextareaGetFormField = Omit<ReturnType<typeof getFormField>, "value"> & {
30
30
  value: Writable<string>;
31
31
  };
32
- export { Root, Field, Control, Item, Input, Label, Button, Switch, Select, Checkbox, Textarea, Validation, RadioGroup, RadioItem, Description, SelectContent, SelectLabel, SelectGroup, SelectItem, SelectSeparator, SelectTrigger, NativeSelect, NativeRadio, Root as Form, Field as FormField, Control as FormControl, Item as FormItem, Input as FormInput, Textarea as FormTextarea, Description as FormDescription, Label as FormLabel, Validation as FormValidation, NativeSelect as FormNativeSelect, NativeRadio as FormNativeRadio, Checkbox as FormCheckbox, Switch as FormSwitch, RadioGroup as FormRadioGroup, RadioItem as FormRadioItem, Select as FormSelect, SelectContent as FormSelectContent, SelectLabel as FormSelectLabel, SelectGroup as FormSelectGroup, SelectItem as FormSelectItem, SelectSeparator as FormSelectSeparator, SelectTrigger as FormSelectTrigger, Button as FormButton };
32
+ export { Root, Field, Control, Item, Input, Label, Button, Switch, Select, Checkbox, Textarea, Validation, RadioGroup, RadioItem, Description, SelectContent, SelectLabel, SelectGroup, SelectItem, SelectSeparator, SelectTrigger, NativeSelect, NativeRadio, Root as Form, Field as FormField, Control as FormControl, Item as FormItem, Input as FormInput, Textarea as FormTextarea, Description as FormDescription, Label as FormLabel, Validation as FormValidation, NativeSelect as FormNativeSelect, NativeRadio as FormNativeRadio, Checkbox as FormCheckbox, Switch as FormSwitch, RadioGroup as FormRadioGroup, RadioItem as FormRadioItem, Select as FormSelect, SelectContent as FormSelectContent, SelectLabel as FormSelectLabel, SelectGroup as FormSelectGroup, SelectItem as FormSelectItem, SelectSeparator as FormSelectSeparator, SelectTrigger as FormSelectTrigger, Button as FormButton, };
@@ -26,4 +26,4 @@ const SelectItem = SelectComp.Item;
26
26
  const SelectSeparator = SelectComp.Separator;
27
27
  export { Root, Field, Control, Item, Input, Label, Button, Switch, Select, Checkbox, Textarea, Validation, RadioGroup, RadioItem, Description, SelectContent, SelectLabel, SelectGroup, SelectItem, SelectSeparator, SelectTrigger, NativeSelect, NativeRadio,
28
28
  //
29
- Root as Form, Field as FormField, Control as FormControl, Item as FormItem, Input as FormInput, Textarea as FormTextarea, Description as FormDescription, Label as FormLabel, Validation as FormValidation, NativeSelect as FormNativeSelect, NativeRadio as FormNativeRadio, Checkbox as FormCheckbox, Switch as FormSwitch, RadioGroup as FormRadioGroup, RadioItem as FormRadioItem, Select as FormSelect, SelectContent as FormSelectContent, SelectLabel as FormSelectLabel, SelectGroup as FormSelectGroup, SelectItem as FormSelectItem, SelectSeparator as FormSelectSeparator, SelectTrigger as FormSelectTrigger, Button as FormButton };
29
+ Root as Form, Field as FormField, Control as FormControl, Item as FormItem, Input as FormInput, Textarea as FormTextarea, Description as FormDescription, Label as FormLabel, Validation as FormValidation, NativeSelect as FormNativeSelect, NativeRadio as FormNativeRadio, Checkbox as FormCheckbox, Switch as FormSwitch, RadioGroup as FormRadioGroup, RadioItem as FormRadioItem, Select as FormSelect, SelectContent as FormSelectContent, SelectLabel as FormSelectLabel, SelectGroup as FormSelectGroup, SelectItem as FormSelectItem, SelectSeparator as FormSelectSeparator, SelectTrigger as FormSelectTrigger, Button as FormButton, };
@@ -18,4 +18,4 @@ export type InputEvents = {
18
18
  paste: FormInputEvent<ClipboardEvent>;
19
19
  input: FormInputEvent<InputEvent>;
20
20
  };
21
- export { Root, Root as Input };
21
+ export { Root, Root as Input, };
@@ -1,4 +1,4 @@
1
1
  import Root from "./input.svelte";
2
2
  export { Root,
3
3
  //
4
- Root as Input };
4
+ Root as Input, };
@@ -1,2 +1,2 @@
1
1
  import Root from "./label.svelte";
2
- export { Root, Root as Label };
2
+ export { Root, Root as Label, };
@@ -1,4 +1,4 @@
1
1
  import Root from "./label.svelte";
2
2
  export { Root,
3
3
  //
4
- Root as Label };
4
+ Root as Label, };
@@ -5,10 +5,7 @@ export { className as class };
5
5
  </script>
6
6
 
7
7
  <LabelPrimitive.Root
8
- class={cn(
9
- "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
10
- className
11
- )}
8
+ class={cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", className)}
12
9
  {...$$restProps}
13
10
  on:mousedown
14
11
  >
@@ -14,4 +14,4 @@ declare const Menu: typeof MenubarPrimitive.Menu;
14
14
  declare const Group: typeof MenubarPrimitive.Group;
15
15
  declare const Sub: typeof MenubarPrimitive.Sub;
16
16
  declare const RadioGroup: typeof MenubarPrimitive.RadioGroup;
17
- export { Root, CheckboxItem, Content, Item, Label, RadioItem, Separator, Shortcut, SubContent, SubTrigger, Trigger, Menu, Group, Sub, RadioGroup, Root as Menubar, CheckboxItem as MenubarCheckboxItem, Content as MenubarContent, Item as MenubarItem, Label as MenubarLabel, 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 };
17
+ export { Root, CheckboxItem, Content, Item, Label, RadioItem, Separator, Shortcut, SubContent, SubTrigger, Trigger, Menu, Group, Sub, RadioGroup, Root as Menubar, CheckboxItem as MenubarCheckboxItem, Content as MenubarContent, Item as MenubarItem, Label as MenubarLabel, 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, };
@@ -16,4 +16,4 @@ const Sub = MenubarPrimitive.Sub;
16
16
  const RadioGroup = MenubarPrimitive.RadioGroup;
17
17
  export { Root, CheckboxItem, Content, Item, Label, RadioItem, Separator, Shortcut, SubContent, SubTrigger, Trigger, Menu, Group, Sub, RadioGroup,
18
18
  //
19
- Root as Menubar, CheckboxItem as MenubarCheckboxItem, Content as MenubarContent, Item as MenubarItem, Label as MenubarLabel, 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 };
19
+ Root as Menubar, CheckboxItem as MenubarCheckboxItem, Content as MenubarContent, Item as MenubarItem, Label as MenubarLabel, 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, };
@@ -5,9 +5,6 @@ export let inset = void 0;
5
5
  export { className as class };
6
6
  </script>
7
7
 
8
- <MenubarPrimitive.Label
9
- class={cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className)}
10
- {...$$restProps}
11
- >
8
+ <MenubarPrimitive.Label class={cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className)} {...$$restProps}>
12
9
  <slot />
13
10
  </MenubarPrimitive.Label>
@@ -4,7 +4,4 @@ let className = void 0;
4
4
  export { className as class };
5
5
  </script>
6
6
 
7
- <MenubarPrimitive.Separator
8
- class={cn("-mx-1 my-1 h-px bg-muted", className)}
9
- {...$$restProps}
10
- />
7
+ <MenubarPrimitive.Separator class={cn("-mx-1 my-1 h-px bg-muted", className)} {...$$restProps} />
@@ -3,12 +3,6 @@ let className = void 0;
3
3
  export { className as class };
4
4
  </script>
5
5
 
6
- <span
7
- class={cn(
8
- "ml-auto text-xs tracking-widest text-muted-foreground",
9
- className
10
- )}
11
- {...$$restProps}
12
- >
6
+ <span class={cn("ml-auto text-xs tracking-widest text-muted-foreground", className)} {...$$restProps}>
13
7
  <slot />
14
8
  </span>
@@ -9,10 +9,7 @@ export { className as class };
9
9
  <MenubarPrimitive.SubContent
10
10
  {transition}
11
11
  {transitionConfig}
12
- class={cn(
13
- "z-50 min-w-[9rem] rounded-md border bg-popover p-1 text-popover-foreground focus:outline-none",
14
- className
15
- )}
12
+ class={cn("z-50 min-w-[9rem] rounded-md border bg-popover p-1 text-popover-foreground focus:outline-none", className)}
16
13
  {...$$restProps}
17
14
  on:focusout
18
15
  on:pointermove
@@ -5,10 +5,7 @@ export { className as class };
5
5
  </script>
6
6
 
7
7
  <MenubarPrimitive.Root
8
- class={cn(
9
- "flex h-10 items-center space-x-1 rounded-md border bg-background p-1",
10
- className
11
- )}
8
+ class={cn("flex h-10 items-center space-x-1 rounded-md border bg-background p-1", className)}
12
9
  {...$$restProps}
13
10
  >
14
11
  <slot />
@@ -5,4 +5,4 @@ import Link from "./pagination-link.svelte";
5
5
  import PrevButton from "./pagination-prev-button.svelte";
6
6
  import NextButton from "./pagination-next-button.svelte";
7
7
  import Ellipsis from "./pagination-ellipsis.svelte";
8
- export { Root, Content, Item, Link, PrevButton, NextButton, Ellipsis, Root as Pagination, Content as PaginationContent, Item as PaginationItem, Link as PaginationLink, PrevButton as PaginationPrevButton, NextButton as PaginationNextButton, Ellipsis as PaginationEllipsis };
8
+ export { Root, Content, Item, Link, PrevButton, NextButton, Ellipsis, Root as Pagination, Content as PaginationContent, Item as PaginationItem, Link as PaginationLink, PrevButton as PaginationPrevButton, NextButton as PaginationNextButton, Ellipsis as PaginationEllipsis, };
@@ -7,4 +7,4 @@ import NextButton from "./pagination-next-button.svelte";
7
7
  import Ellipsis from "./pagination-ellipsis.svelte";
8
8
  export { Root, Content, Item, Link, PrevButton, NextButton, Ellipsis,
9
9
  //
10
- Root as Pagination, Content as PaginationContent, Item as PaginationItem, Link as PaginationLink, PrevButton as PaginationPrevButton, NextButton as PaginationNextButton, Ellipsis as PaginationEllipsis };
10
+ Root as Pagination, Content as PaginationContent, Item as PaginationItem, Link as PaginationLink, PrevButton as PaginationPrevButton, NextButton as PaginationNextButton, Ellipsis as PaginationEllipsis, };
@@ -4,11 +4,7 @@ let className = void 0;
4
4
  export { className as class };
5
5
  </script>
6
6
 
7
- <span
8
- aria-hidden
9
- class={cn("flex h-9 w-9 items-center justify-center", className)}
10
- {...$$restProps}
11
- >
7
+ <span aria-hidden class={cn("flex h-9 w-9 items-center justify-center", className)} {...$$restProps}>
12
8
  <MoreHorizontal class="h-4 w-4" />
13
9
  <span class="sr-only">More pages</span>
14
10
  </span>
@@ -13,7 +13,7 @@ export { className as class };
13
13
  class={cn(
14
14
  buttonVariants({
15
15
  variant: isActive ? "outline" : "ghost",
16
- size
16
+ size,
17
17
  }),
18
18
  className
19
19
  )}
@@ -7,13 +7,7 @@ export { className as class };
7
7
  </script>
8
8
 
9
9
  <PaginationPrimitive.NextButton asChild let:builder>
10
- <Button
11
- variant="ghost"
12
- class={cn("gap-1 pr-2.5", className)}
13
- builders={[builder]}
14
- on:click
15
- {...$$restProps}
16
- >
10
+ <Button variant="ghost" class={cn("gap-1 pr-2.5", className)} builders={[builder]} on:click {...$$restProps}>
17
11
  <slot>
18
12
  <span>Next</span>
19
13
  <ChevronRight class="h-4 w-4" />
@@ -7,13 +7,7 @@ export { className as class };
7
7
  </script>
8
8
 
9
9
  <PaginationPrimitive.PrevButton asChild let:builder>
10
- <Button
11
- variant="ghost"
12
- class={cn("gap-1 pl-2.5", className)}
13
- builders={[builder]}
14
- on:click
15
- {...$$restProps}
16
- >
10
+ <Button variant="ghost" class={cn("gap-1 pl-2.5", className)} builders={[builder]} on:click {...$$restProps}>
17
11
  <slot>
18
12
  <ChevronLeft class="h-4 w-4" />
19
13
  <span>Previous</span>
@@ -21,10 +21,7 @@ $:
21
21
  asChild
22
22
  {...$$restProps}
23
23
  >
24
- <nav
25
- {...builder}
26
- class={cn("mx-auto flex flex-col w-full items-center", className)}
27
- >
24
+ <nav {...builder} class={cn("mx-auto flex flex-col w-full items-center", className)}>
28
25
  <slot {pages} {range} {currentPage} />
29
26
  </nav>
30
27
  </PaginationPrimitive.Root>
@@ -2,4 +2,4 @@ import { Popover as PopoverPrimitive } from "bits-ui";
2
2
  import Content from "./popover-content.svelte";
3
3
  declare const Root: typeof PopoverPrimitive.Root;
4
4
  declare const Trigger: typeof PopoverPrimitive.Trigger;
5
- export { Root, Content, Trigger, Root as Popover, Content as PopoverContent, Trigger as PopoverTrigger };
5
+ export { Root, Content, Trigger, Root as Popover, Content as PopoverContent, Trigger as PopoverTrigger, };
@@ -4,4 +4,4 @@ const Root = PopoverPrimitive.Root;
4
4
  const Trigger = PopoverPrimitive.Trigger;
5
5
  export { Root, Content, Trigger,
6
6
  //
7
- Root as Popover, Content as PopoverContent, Trigger as PopoverTrigger };
7
+ Root as Popover, Content as PopoverContent, Trigger as PopoverTrigger, };
@@ -9,10 +9,7 @@ export { className as class };
9
9
  <PopoverPrimitive.Content
10
10
  {transition}
11
11
  {transitionConfig}
12
- class={cn(
13
- "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
14
- className
15
- )}
12
+ class={cn("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none", className)}
16
13
  {...$$restProps}
17
14
  >
18
15
  <slot />
@@ -1,2 +1,2 @@
1
1
  import Root from "./progress.svelte";
2
- export { Root, Root as Progress };
2
+ export { Root, Root as Progress, };
@@ -1,4 +1,4 @@
1
1
  import Root from "./progress.svelte";
2
2
  export { Root,
3
3
  //
4
- Root as Progress };
4
+ Root as Progress, };
@@ -7,16 +7,11 @@ export { className as class };
7
7
  </script>
8
8
 
9
9
  <ProgressPrimitive.Root
10
- class={cn(
11
- "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
12
- className
13
- )}
10
+ class={cn("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className)}
14
11
  {...$$restProps}
15
12
  >
16
13
  <div
17
14
  class="h-full w-full flex-1 bg-primary transition-all"
18
- style={`transform: translateX(-${
19
- 100 - (100 * (value ?? 0)) / (max ?? 1)
20
- }%)`}
15
+ style={`transform: translateX(-${100 - (100 * (value ?? 0)) / (max ?? 1)}%)`}
21
16
  />
22
17
  </ProgressPrimitive.Root>
@@ -2,4 +2,4 @@ import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
2
2
  import Root from "./radio-group.svelte";
3
3
  import Item from "./radio-group-item.svelte";
4
4
  declare const Input: typeof RadioGroupPrimitive.Input;
5
- export { Root, Input, Item, Root as RadioGroup, Input as RadioGroupInput, Item as RadioGroupItem };
5
+ export { Root, Input, Item, Root as RadioGroup, Input as RadioGroupInput, Item as RadioGroupItem, };