@shellicar/ui-shadcn 1.0.4 → 1.0.5

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 (103) hide show
  1. package/dist/components/ui/button/button.svelte +37 -35
  2. package/dist/components/ui/button/button.svelte.d.ts +11 -11
  3. package/dist/components/ui/button/index.d.ts +1 -1
  4. package/dist/components/ui/button/index.js +1 -1
  5. package/dist/components/ui/card/card-action.svelte +8 -3
  6. package/dist/components/ui/card/card-action.svelte.d.ts +2 -2
  7. package/dist/components/ui/card/card-content.svelte +8 -3
  8. package/dist/components/ui/card/card-content.svelte.d.ts +2 -2
  9. package/dist/components/ui/card/card-description.svelte +8 -3
  10. package/dist/components/ui/card/card-description.svelte.d.ts +2 -2
  11. package/dist/components/ui/card/card-footer.svelte +8 -3
  12. package/dist/components/ui/card/card-footer.svelte.d.ts +2 -2
  13. package/dist/components/ui/card/card-header.svelte +8 -3
  14. package/dist/components/ui/card/card-header.svelte.d.ts +2 -2
  15. package/dist/components/ui/card/card-title.svelte +8 -3
  16. package/dist/components/ui/card/card-title.svelte.d.ts +2 -2
  17. package/dist/components/ui/card/card.svelte +8 -3
  18. package/dist/components/ui/card/card.svelte.d.ts +2 -2
  19. package/dist/components/ui/card/index.d.ts +7 -7
  20. package/dist/components/ui/card/index.js +7 -7
  21. package/dist/components/ui/form/form-button.svelte +2 -2
  22. package/dist/components/ui/form/form-button.svelte.d.ts +1 -1
  23. package/dist/components/ui/form/form-description.svelte +7 -3
  24. package/dist/components/ui/form/form-description.svelte.d.ts +1 -1
  25. package/dist/components/ui/form/form-element-field.svelte +0 -3
  26. package/dist/components/ui/form/form-field-errors.svelte +11 -11
  27. package/dist/components/ui/form/form-field-errors.svelte.d.ts +2 -2
  28. package/dist/components/ui/form/form-field.svelte +0 -4
  29. package/dist/components/ui/form/form-fieldset.svelte +0 -3
  30. package/dist/components/ui/form/form-label.svelte +9 -4
  31. package/dist/components/ui/form/form-label.svelte.d.ts +1 -1
  32. package/dist/components/ui/form/form-legend.svelte +7 -3
  33. package/dist/components/ui/form/form-legend.svelte.d.ts +1 -1
  34. package/dist/components/ui/form/index.d.ts +9 -9
  35. package/dist/components/ui/form/index.js +9 -9
  36. package/dist/components/ui/input/index.d.ts +1 -1
  37. package/dist/components/ui/input/index.js +1 -1
  38. package/dist/components/ui/input/input.svelte +16 -5
  39. package/dist/components/ui/input/input.svelte.d.ts +5 -5
  40. package/dist/components/ui/label/index.d.ts +1 -1
  41. package/dist/components/ui/label/index.js +1 -1
  42. package/dist/components/ui/label/label.svelte +7 -3
  43. package/dist/components/ui/label/label.svelte.d.ts +1 -1
  44. package/dist/components/ui/popover/index.d.ts +5 -5
  45. package/dist/components/ui/popover/index.js +5 -5
  46. package/dist/components/ui/popover/popover-close.svelte +2 -2
  47. package/dist/components/ui/popover/popover-close.svelte.d.ts +1 -1
  48. package/dist/components/ui/popover/popover-content.svelte +14 -14
  49. package/dist/components/ui/popover/popover-content.svelte.d.ts +4 -4
  50. package/dist/components/ui/popover/popover-portal.svelte +2 -2
  51. package/dist/components/ui/popover/popover-trigger.svelte +7 -3
  52. package/dist/components/ui/popover/popover-trigger.svelte.d.ts +1 -1
  53. package/dist/components/ui/popover/popover.svelte +2 -2
  54. package/dist/components/ui/select/index.d.ts +11 -11
  55. package/dist/components/ui/select/index.js +11 -11
  56. package/dist/components/ui/select/select-content.svelte +18 -18
  57. package/dist/components/ui/select/select-content.svelte.d.ts +5 -5
  58. package/dist/components/ui/select/select-group-heading.svelte +9 -4
  59. package/dist/components/ui/select/select-group.svelte +3 -3
  60. package/dist/components/ui/select/select-group.svelte.d.ts +1 -1
  61. package/dist/components/ui/select/select-item.svelte +11 -4
  62. package/dist/components/ui/select/select-item.svelte.d.ts +1 -1
  63. package/dist/components/ui/select/select-label.svelte +8 -3
  64. package/dist/components/ui/select/select-label.svelte.d.ts +2 -2
  65. package/dist/components/ui/select/select-portal.svelte +2 -2
  66. package/dist/components/ui/select/select-scroll-down-button.svelte +8 -4
  67. package/dist/components/ui/select/select-scroll-down-button.svelte.d.ts +1 -1
  68. package/dist/components/ui/select/select-scroll-up-button.svelte +8 -4
  69. package/dist/components/ui/select/select-scroll-up-button.svelte.d.ts +1 -1
  70. package/dist/components/ui/select/select-separator.svelte +8 -4
  71. package/dist/components/ui/select/select-separator.svelte.d.ts +1 -1
  72. package/dist/components/ui/select/select-trigger.svelte +12 -12
  73. package/dist/components/ui/select/select-trigger.svelte.d.ts +3 -3
  74. package/dist/components/ui/select/select.svelte +6 -2
  75. package/dist/components/ui/separator/index.d.ts +1 -1
  76. package/dist/components/ui/separator/index.js +1 -1
  77. package/dist/components/ui/separator/separator.svelte +9 -4
  78. package/dist/components/ui/separator/separator.svelte.d.ts +1 -1
  79. package/dist/components/ui/sheet/index.d.ts +10 -10
  80. package/dist/components/ui/sheet/index.js +10 -10
  81. package/dist/components/ui/sheet/sheet-close.svelte +2 -2
  82. package/dist/components/ui/sheet/sheet-close.svelte.d.ts +1 -1
  83. package/dist/components/ui/sheet/sheet-content.svelte +16 -16
  84. package/dist/components/ui/sheet/sheet-content.svelte.d.ts +2 -2
  85. package/dist/components/ui/sheet/sheet-description.svelte +7 -3
  86. package/dist/components/ui/sheet/sheet-description.svelte.d.ts +1 -1
  87. package/dist/components/ui/sheet/sheet-footer.svelte +8 -3
  88. package/dist/components/ui/sheet/sheet-footer.svelte.d.ts +2 -2
  89. package/dist/components/ui/sheet/sheet-header.svelte +8 -3
  90. package/dist/components/ui/sheet/sheet-header.svelte.d.ts +2 -2
  91. package/dist/components/ui/sheet/sheet-overlay.svelte +7 -3
  92. package/dist/components/ui/sheet/sheet-overlay.svelte.d.ts +1 -1
  93. package/dist/components/ui/sheet/sheet-portal.svelte +2 -2
  94. package/dist/components/ui/sheet/sheet-title.svelte +7 -3
  95. package/dist/components/ui/sheet/sheet-title.svelte.d.ts +1 -1
  96. package/dist/components/ui/sheet/sheet-trigger.svelte +2 -2
  97. package/dist/components/ui/sheet/sheet-trigger.svelte.d.ts +1 -1
  98. package/dist/components/ui/sheet/sheet.svelte +2 -2
  99. package/dist/components/ui/textarea/index.d.ts +1 -1
  100. package/dist/components/ui/textarea/index.js +1 -1
  101. package/dist/components/ui/textarea/textarea.svelte +9 -3
  102. package/dist/components/ui/textarea/textarea.svelte.d.ts +2 -2
  103. package/package.json +2 -2
@@ -1,12 +1,23 @@
1
1
  <script lang="ts">
2
- import type { HTMLInputAttributes, HTMLInputTypeAttribute } from 'svelte/elements';
3
- import { cn, type WithElementRef } from '../../../utils.js';
2
+ import type { HTMLInputAttributes, HTMLInputTypeAttribute } from "svelte/elements";
3
+ import { cn, type WithElementRef } from "../../../utils.js";
4
4
 
5
- type InputType = Exclude<HTMLInputTypeAttribute, 'file'>;
5
+ type InputType = Exclude<HTMLInputTypeAttribute, "file">;
6
6
 
7
- type Props = WithElementRef<Omit<HTMLInputAttributes, 'type'> & ({ type: 'file'; files?: FileList } | { type?: InputType; files?: undefined })>;
7
+ type Props = WithElementRef<
8
+ Omit<HTMLInputAttributes, "type"> &
9
+ ({ type: "file"; files?: FileList } | { type?: InputType; files?: undefined })
10
+ >;
8
11
 
9
- const { ref = $bindable(null), value = $bindable(), type, files = $bindable(), class: className, 'data-slot': dataSlot = 'input', ...restProps }: Props = $props();
12
+ let {
13
+ ref = $bindable(null),
14
+ value = $bindable(),
15
+ type,
16
+ files = $bindable(),
17
+ class: className,
18
+ "data-slot": dataSlot = "input",
19
+ ...restProps
20
+ }: Props = $props();
10
21
  </script>
11
22
 
12
23
  {#if type === "file"}
@@ -1,8 +1,8 @@
1
- import type { HTMLInputAttributes, HTMLInputTypeAttribute } from 'svelte/elements';
2
- import { type WithElementRef } from '../../../utils.js';
3
- type InputType = Exclude<HTMLInputTypeAttribute, 'file'>;
4
- type Props = WithElementRef<Omit<HTMLInputAttributes, 'type'> & ({
5
- type: 'file';
1
+ import type { HTMLInputAttributes, HTMLInputTypeAttribute } from "svelte/elements";
2
+ import { type WithElementRef } from "../../../utils.js";
3
+ type InputType = Exclude<HTMLInputTypeAttribute, "file">;
4
+ type Props = WithElementRef<Omit<HTMLInputAttributes, "type"> & ({
5
+ type: "file";
6
6
  files?: FileList;
7
7
  } | {
8
8
  type?: InputType;
@@ -1,2 +1,2 @@
1
- import Root from './label.svelte';
1
+ import Root from "./label.svelte";
2
2
  export { Root, Root as Label, };
@@ -1,4 +1,4 @@
1
- import Root from './label.svelte';
1
+ import Root from "./label.svelte";
2
2
  export { Root,
3
3
  //
4
4
  Root as Label, };
@@ -1,8 +1,12 @@
1
1
  <script lang="ts">
2
- import type { Label as LabelPrimitive } from 'bits-ui';
3
- import { cn } from '../../../utils.js';
2
+ import { Label as LabelPrimitive } from "bits-ui";
3
+ import { cn } from "../../../utils.js";
4
4
 
5
- const { ref = $bindable(null), class: className, ...restProps }: LabelPrimitive.RootProps = $props();
5
+ let {
6
+ ref = $bindable(null),
7
+ class: className,
8
+ ...restProps
9
+ }: LabelPrimitive.RootProps = $props();
6
10
  </script>
7
11
 
8
12
  <LabelPrimitive.Root
@@ -1,4 +1,4 @@
1
- import type { Label as LabelPrimitive } from 'bits-ui';
1
+ import { Label as LabelPrimitive } from "bits-ui";
2
2
  declare const Label: import("svelte").Component<LabelPrimitive.RootProps, {}, "ref">;
3
3
  type Label = ReturnType<typeof Label>;
4
4
  export default Label;
@@ -1,6 +1,6 @@
1
- import Root from './popover.svelte';
2
- import Close from './popover-close.svelte';
3
- import Content from './popover-content.svelte';
4
- import Portal from './popover-portal.svelte';
5
- import Trigger from './popover-trigger.svelte';
1
+ import Root from "./popover.svelte";
2
+ import Close from "./popover-close.svelte";
3
+ import Content from "./popover-content.svelte";
4
+ import Trigger from "./popover-trigger.svelte";
5
+ import Portal from "./popover-portal.svelte";
6
6
  export { Root, Content, Trigger, Close, Portal, Root as Popover, Content as PopoverContent, Trigger as PopoverTrigger, Close as PopoverClose, Portal as PopoverPortal, };
@@ -1,8 +1,8 @@
1
- import Root from './popover.svelte';
2
- import Close from './popover-close.svelte';
3
- import Content from './popover-content.svelte';
4
- import Portal from './popover-portal.svelte';
5
- import Trigger from './popover-trigger.svelte';
1
+ import Root from "./popover.svelte";
2
+ import Close from "./popover-close.svelte";
3
+ import Content from "./popover-content.svelte";
4
+ import Trigger from "./popover-trigger.svelte";
5
+ import Portal from "./popover-portal.svelte";
6
6
  export { Root, Content, Trigger, Close, Portal,
7
7
  //
8
8
  Root as Popover, Content as PopoverContent, Trigger as PopoverTrigger, Close as PopoverClose, Portal as PopoverPortal, };
@@ -1,7 +1,7 @@
1
1
  <script lang="ts">
2
- import type { Popover as PopoverPrimitive } from 'bits-ui';
2
+ import { Popover as PopoverPrimitive } from "bits-ui";
3
3
 
4
- const { ref = $bindable(null), ...restProps }: PopoverPrimitive.CloseProps = $props();
4
+ let { ref = $bindable(null), ...restProps }: PopoverPrimitive.CloseProps = $props();
5
5
  </script>
6
6
 
7
7
  <PopoverPrimitive.Close bind:ref data-slot="popover-close" {...restProps} />
@@ -1,4 +1,4 @@
1
- import type { Popover as PopoverPrimitive } from 'bits-ui';
1
+ import { Popover as PopoverPrimitive } from "bits-ui";
2
2
  declare const PopoverClose: import("svelte").Component<PopoverPrimitive.CloseProps, {}, "ref">;
3
3
  type PopoverClose = ReturnType<typeof PopoverClose>;
4
4
  export default PopoverClose;
@@ -1,19 +1,19 @@
1
1
  <script lang="ts">
2
- import type { Popover as PopoverPrimitive } from 'bits-ui';
3
- import type { ComponentProps } from 'svelte';
4
- import { cn, type WithoutChildrenOrChild } from '../../../utils.js';
5
- import type PopoverPortal from './popover-portal.svelte';
2
+ import { Popover as PopoverPrimitive } from "bits-ui";
3
+ import PopoverPortal from "./popover-portal.svelte";
4
+ import { cn, type WithoutChildrenOrChild } from "../../../utils.js";
5
+ import type { ComponentProps } from "svelte";
6
6
 
7
- const {
8
- ref = $bindable(null),
9
- class: className,
10
- sideOffset = 4,
11
- align = 'center',
12
- portalProps,
13
- ...restProps
14
- }: PopoverPrimitive.ContentProps & {
15
- portalProps?: WithoutChildrenOrChild<ComponentProps<typeof PopoverPortal>>;
16
- } = $props();
7
+ let {
8
+ ref = $bindable(null),
9
+ class: className,
10
+ sideOffset = 4,
11
+ align = "center",
12
+ portalProps,
13
+ ...restProps
14
+ }: PopoverPrimitive.ContentProps & {
15
+ portalProps?: WithoutChildrenOrChild<ComponentProps<typeof PopoverPortal>>;
16
+ } = $props();
17
17
  </script>
18
18
 
19
19
  <PopoverPortal {...portalProps}>
@@ -1,7 +1,7 @@
1
- import type { Popover as PopoverPrimitive } from 'bits-ui';
2
- import type { ComponentProps } from 'svelte';
3
- import { type WithoutChildrenOrChild } from '../../../utils.js';
4
- import type PopoverPortal from './popover-portal.svelte';
1
+ import { Popover as PopoverPrimitive } from "bits-ui";
2
+ import PopoverPortal from "./popover-portal.svelte";
3
+ import { type WithoutChildrenOrChild } from "../../../utils.js";
4
+ import type { ComponentProps } from "svelte";
5
5
  type $$ComponentProps = PopoverPrimitive.ContentProps & {
6
6
  portalProps?: WithoutChildrenOrChild<ComponentProps<typeof PopoverPortal>>;
7
7
  };
@@ -1,7 +1,7 @@
1
1
  <script lang="ts">
2
- import type { Popover as PopoverPrimitive } from 'bits-ui';
2
+ import { Popover as PopoverPrimitive } from "bits-ui";
3
3
 
4
- const { ...restProps }: PopoverPrimitive.PortalProps = $props();
4
+ let { ...restProps }: PopoverPrimitive.PortalProps = $props();
5
5
  </script>
6
6
 
7
7
  <PopoverPrimitive.Portal {...restProps} />
@@ -1,8 +1,12 @@
1
1
  <script lang="ts">
2
- import type { Popover as PopoverPrimitive } from 'bits-ui';
3
- import { cn } from '../../../utils.js';
2
+ import { cn } from "../../../utils.js";
3
+ import { Popover as PopoverPrimitive } from "bits-ui";
4
4
 
5
- const { ref = $bindable(null), class: className, ...restProps }: PopoverPrimitive.TriggerProps = $props();
5
+ let {
6
+ ref = $bindable(null),
7
+ class: className,
8
+ ...restProps
9
+ }: PopoverPrimitive.TriggerProps = $props();
6
10
  </script>
7
11
 
8
12
  <PopoverPrimitive.Trigger
@@ -1,4 +1,4 @@
1
- import type { Popover as PopoverPrimitive } from 'bits-ui';
1
+ import { Popover as PopoverPrimitive } from "bits-ui";
2
2
  declare const PopoverTrigger: import("svelte").Component<PopoverPrimitive.TriggerProps, {}, "ref">;
3
3
  type PopoverTrigger = ReturnType<typeof PopoverTrigger>;
4
4
  export default PopoverTrigger;
@@ -1,7 +1,7 @@
1
1
  <script lang="ts">
2
- import type { Popover as PopoverPrimitive } from 'bits-ui';
2
+ import { Popover as PopoverPrimitive } from "bits-ui";
3
3
 
4
- const { open = $bindable(false), ...restProps }: PopoverPrimitive.RootProps = $props();
4
+ let { open = $bindable(false), ...restProps }: PopoverPrimitive.RootProps = $props();
5
5
  </script>
6
6
 
7
7
  <PopoverPrimitive.Root bind:open {...restProps} />
@@ -1,12 +1,12 @@
1
- import Root from './select.svelte';
2
- import Content from './select-content.svelte';
3
- import Group from './select-group.svelte';
4
- import GroupHeading from './select-group-heading.svelte';
5
- import Item from './select-item.svelte';
6
- import Label from './select-label.svelte';
7
- import Portal from './select-portal.svelte';
8
- import ScrollDownButton from './select-scroll-down-button.svelte';
9
- import ScrollUpButton from './select-scroll-up-button.svelte';
10
- import Separator from './select-separator.svelte';
11
- import Trigger from './select-trigger.svelte';
1
+ import Root from "./select.svelte";
2
+ import Group from "./select-group.svelte";
3
+ import Label from "./select-label.svelte";
4
+ import Item from "./select-item.svelte";
5
+ import Content from "./select-content.svelte";
6
+ import Trigger from "./select-trigger.svelte";
7
+ import Separator from "./select-separator.svelte";
8
+ import ScrollDownButton from "./select-scroll-down-button.svelte";
9
+ import ScrollUpButton from "./select-scroll-up-button.svelte";
10
+ import GroupHeading from "./select-group-heading.svelte";
11
+ import Portal from "./select-portal.svelte";
12
12
  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, };
@@ -1,14 +1,14 @@
1
- import Root from './select.svelte';
2
- import Content from './select-content.svelte';
3
- import Group from './select-group.svelte';
4
- import GroupHeading from './select-group-heading.svelte';
5
- import Item from './select-item.svelte';
6
- import Label from './select-label.svelte';
7
- import Portal from './select-portal.svelte';
8
- import ScrollDownButton from './select-scroll-down-button.svelte';
9
- import ScrollUpButton from './select-scroll-up-button.svelte';
10
- import Separator from './select-separator.svelte';
11
- import Trigger from './select-trigger.svelte';
1
+ import Root from "./select.svelte";
2
+ import Group from "./select-group.svelte";
3
+ import Label from "./select-label.svelte";
4
+ import Item from "./select-item.svelte";
5
+ import Content from "./select-content.svelte";
6
+ import Trigger from "./select-trigger.svelte";
7
+ import Separator from "./select-separator.svelte";
8
+ import ScrollDownButton from "./select-scroll-down-button.svelte";
9
+ import ScrollUpButton from "./select-scroll-up-button.svelte";
10
+ import GroupHeading from "./select-group-heading.svelte";
11
+ import Portal from "./select-portal.svelte";
12
12
  export { Root, Group, Label, Item, Content, Trigger, Separator, ScrollDownButton, ScrollUpButton, GroupHeading, Portal,
13
13
  //
14
14
  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, };
@@ -1,23 +1,23 @@
1
1
  <script lang="ts">
2
- import type { Select as SelectPrimitive } from 'bits-ui';
3
- import type { ComponentProps } from 'svelte';
4
- import type { WithoutChildrenOrChild } from '../../../utils.js';
5
- import { cn, type WithoutChild } from '../../../utils.js';
6
- import type SelectPortal from './select-portal.svelte';
7
- import SelectScrollDownButton from './select-scroll-down-button.svelte';
8
- import SelectScrollUpButton from './select-scroll-up-button.svelte';
2
+ import { Select as SelectPrimitive } from "bits-ui";
3
+ import SelectPortal from "./select-portal.svelte";
4
+ import SelectScrollUpButton from "./select-scroll-up-button.svelte";
5
+ import SelectScrollDownButton from "./select-scroll-down-button.svelte";
6
+ import { cn, type WithoutChild } from "../../../utils.js";
7
+ import type { ComponentProps } from "svelte";
8
+ import type { WithoutChildrenOrChild } from "../../../utils.js";
9
9
 
10
- const {
11
- ref = $bindable(null),
12
- class: className,
13
- sideOffset = 4,
14
- portalProps,
15
- children,
16
- preventScroll = true,
17
- ...restProps
18
- }: WithoutChild<SelectPrimitive.ContentProps> & {
19
- portalProps?: WithoutChildrenOrChild<ComponentProps<typeof SelectPortal>>;
20
- } = $props();
10
+ let {
11
+ ref = $bindable(null),
12
+ class: className,
13
+ sideOffset = 4,
14
+ portalProps,
15
+ children,
16
+ preventScroll = true,
17
+ ...restProps
18
+ }: WithoutChild<SelectPrimitive.ContentProps> & {
19
+ portalProps?: WithoutChildrenOrChild<ComponentProps<typeof SelectPortal>>;
20
+ } = $props();
21
21
  </script>
22
22
 
23
23
  <SelectPortal {...portalProps}>
@@ -1,8 +1,8 @@
1
- import type { Select as SelectPrimitive } from 'bits-ui';
2
- import type { ComponentProps } from 'svelte';
3
- import type { WithoutChildrenOrChild } from '../../../utils.js';
4
- import { type WithoutChild } from '../../../utils.js';
5
- import type SelectPortal from './select-portal.svelte';
1
+ import { Select as SelectPrimitive } from "bits-ui";
2
+ import SelectPortal from "./select-portal.svelte";
3
+ import { type WithoutChild } from "../../../utils.js";
4
+ import type { ComponentProps } from "svelte";
5
+ import type { WithoutChildrenOrChild } from "../../../utils.js";
6
6
  type $$ComponentProps = WithoutChild<SelectPrimitive.ContentProps> & {
7
7
  portalProps?: WithoutChildrenOrChild<ComponentProps<typeof SelectPortal>>;
8
8
  };
@@ -1,9 +1,14 @@
1
1
  <script lang="ts">
2
- import type { Select as SelectPrimitive } from 'bits-ui';
3
- import type { ComponentProps } from 'svelte';
4
- import { cn } from '../../../utils.js';
2
+ import { Select as SelectPrimitive } from "bits-ui";
3
+ import { cn } from "../../../utils.js";
4
+ import type { ComponentProps } from "svelte";
5
5
 
6
- const { ref = $bindable(null), class: className, children, ...restProps }: ComponentProps<typeof SelectPrimitive.GroupHeading> = $props();
6
+ let {
7
+ ref = $bindable(null),
8
+ class: className,
9
+ children,
10
+ ...restProps
11
+ }: ComponentProps<typeof SelectPrimitive.GroupHeading> = $props();
7
12
  </script>
8
13
 
9
14
  <SelectPrimitive.GroupHeading
@@ -1,7 +1,7 @@
1
1
  <script lang="ts">
2
- import type { Select as SelectPrimitive } from 'bits-ui';
2
+ import { Select as SelectPrimitive } from "bits-ui";
3
3
 
4
- const { ref = $bindable(null), ...restProps }: SelectPrimitive.GroupProps = $props();
4
+ let { ref = $bindable(null), ...restProps }: SelectPrimitive.GroupProps = $props();
5
5
  </script>
6
6
 
7
- <SelectPrimitive.Group data-slot="select-group" {...restProps} />
7
+ <SelectPrimitive.Group bind:ref data-slot="select-group" {...restProps} />
@@ -1,4 +1,4 @@
1
- import type { Select as SelectPrimitive } from 'bits-ui';
1
+ import { Select as SelectPrimitive } from "bits-ui";
2
2
  declare const SelectGroup: import("svelte").Component<SelectPrimitive.GroupProps, {}, "ref">;
3
3
  type SelectGroup = ReturnType<typeof SelectGroup>;
4
4
  export default SelectGroup;
@@ -1,9 +1,16 @@
1
1
  <script lang="ts">
2
- import CheckIcon from '@lucide/svelte/icons/check';
3
- import type { Select as SelectPrimitive } from 'bits-ui';
4
- import { cn, type WithoutChild } from '../../../utils.js';
2
+ import CheckIcon from "@lucide/svelte/icons/check";
3
+ import { Select as SelectPrimitive } from "bits-ui";
4
+ import { cn, type WithoutChild } from "../../../utils.js";
5
5
 
6
- const { ref = $bindable(null), class: className, value, label, children: childrenProp, ...restProps }: WithoutChild<SelectPrimitive.ItemProps> = $props();
6
+ let {
7
+ ref = $bindable(null),
8
+ class: className,
9
+ value,
10
+ label,
11
+ children: childrenProp,
12
+ ...restProps
13
+ }: WithoutChild<SelectPrimitive.ItemProps> = $props();
7
14
  </script>
8
15
 
9
16
  <SelectPrimitive.Item
@@ -1,4 +1,4 @@
1
- import type { Select as SelectPrimitive } from 'bits-ui';
1
+ import { Select as SelectPrimitive } from "bits-ui";
2
2
  declare const SelectItem: import("svelte").Component<Omit<SelectPrimitive.ItemProps, "child">, {}, "ref">;
3
3
  type SelectItem = ReturnType<typeof SelectItem>;
4
4
  export default SelectItem;
@@ -1,8 +1,13 @@
1
1
  <script lang="ts">
2
- import type { HTMLAttributes } from 'svelte/elements';
3
- import { cn, type WithElementRef } from '../../../utils.js';
2
+ import { cn, type WithElementRef } from "../../../utils.js";
3
+ import type { HTMLAttributes } from "svelte/elements";
4
4
 
5
- const { ref = $bindable(null), class: className, children, ...restProps }: WithElementRef<HTMLAttributes<HTMLDivElement>> & {} = $props();
5
+ let {
6
+ ref = $bindable(null),
7
+ class: className,
8
+ children,
9
+ ...restProps
10
+ }: WithElementRef<HTMLAttributes<HTMLDivElement>> & {} = $props();
6
11
  </script>
7
12
 
8
13
  <div
@@ -1,5 +1,5 @@
1
- import type { HTMLAttributes } from 'svelte/elements';
2
- import { type WithElementRef } from '../../../utils.js';
1
+ import { type WithElementRef } from "../../../utils.js";
2
+ import type { HTMLAttributes } from "svelte/elements";
3
3
  type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {};
4
4
  declare const SelectLabel: import("svelte").Component<$$ComponentProps, {}, "ref">;
5
5
  type SelectLabel = ReturnType<typeof SelectLabel>;
@@ -1,7 +1,7 @@
1
1
  <script lang="ts">
2
- import type { Select as SelectPrimitive } from 'bits-ui';
2
+ import { Select as SelectPrimitive } from "bits-ui";
3
3
 
4
- const { ...restProps }: SelectPrimitive.PortalProps = $props();
4
+ let { ...restProps }: SelectPrimitive.PortalProps = $props();
5
5
  </script>
6
6
 
7
7
  <SelectPrimitive.Portal {...restProps} />
@@ -1,9 +1,13 @@
1
1
  <script lang="ts">
2
- import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
3
- import type { Select as SelectPrimitive } from 'bits-ui';
4
- import { cn, type WithoutChildrenOrChild } from '../../../utils.js';
2
+ import ChevronDownIcon from "@lucide/svelte/icons/chevron-down";
3
+ import { Select as SelectPrimitive } from "bits-ui";
4
+ import { cn, type WithoutChildrenOrChild } from "../../../utils.js";
5
5
 
6
- const { ref = $bindable(null), class: className, ...restProps }: WithoutChildrenOrChild<SelectPrimitive.ScrollDownButtonProps> = $props();
6
+ let {
7
+ ref = $bindable(null),
8
+ class: className,
9
+ ...restProps
10
+ }: WithoutChildrenOrChild<SelectPrimitive.ScrollDownButtonProps> = $props();
7
11
  </script>
8
12
 
9
13
  <SelectPrimitive.ScrollDownButton
@@ -1,4 +1,4 @@
1
- import type { Select as SelectPrimitive } from 'bits-ui';
1
+ import { Select as SelectPrimitive } from "bits-ui";
2
2
  declare const SelectScrollDownButton: import("svelte").Component<Omit<Omit<SelectPrimitive.ScrollDownButtonProps, "child">, "children">, {}, "ref">;
3
3
  type SelectScrollDownButton = ReturnType<typeof SelectScrollDownButton>;
4
4
  export default SelectScrollDownButton;
@@ -1,9 +1,13 @@
1
1
  <script lang="ts">
2
- import ChevronUpIcon from '@lucide/svelte/icons/chevron-up';
3
- import type { Select as SelectPrimitive } from 'bits-ui';
4
- import { cn, type WithoutChildrenOrChild } from '../../../utils.js';
2
+ import ChevronUpIcon from "@lucide/svelte/icons/chevron-up";
3
+ import { Select as SelectPrimitive } from "bits-ui";
4
+ import { cn, type WithoutChildrenOrChild } from "../../../utils.js";
5
5
 
6
- const { ref = $bindable(null), class: className, ...restProps }: WithoutChildrenOrChild<SelectPrimitive.ScrollUpButtonProps> = $props();
6
+ let {
7
+ ref = $bindable(null),
8
+ class: className,
9
+ ...restProps
10
+ }: WithoutChildrenOrChild<SelectPrimitive.ScrollUpButtonProps> = $props();
7
11
  </script>
8
12
 
9
13
  <SelectPrimitive.ScrollUpButton
@@ -1,4 +1,4 @@
1
- import type { Select as SelectPrimitive } from 'bits-ui';
1
+ import { Select as SelectPrimitive } from "bits-ui";
2
2
  declare const SelectScrollUpButton: import("svelte").Component<Omit<Omit<SelectPrimitive.ScrollUpButtonProps, "child">, "children">, {}, "ref">;
3
3
  type SelectScrollUpButton = ReturnType<typeof SelectScrollUpButton>;
4
4
  export default SelectScrollUpButton;
@@ -1,9 +1,13 @@
1
1
  <script lang="ts">
2
- import type { Separator as SeparatorPrimitive } from 'bits-ui';
3
- import { Separator } from '../separator/index.js';
4
- import { cn } from '../../../utils.js';
2
+ import type { Separator as SeparatorPrimitive } from "bits-ui";
3
+ import { Separator } from "../separator/index.js";
4
+ import { cn } from "../../../utils.js";
5
5
 
6
- const { ref = $bindable(null), class: className, ...restProps }: SeparatorPrimitive.RootProps = $props();
6
+ let {
7
+ ref = $bindable(null),
8
+ class: className,
9
+ ...restProps
10
+ }: SeparatorPrimitive.RootProps = $props();
7
11
  </script>
8
12
 
9
13
  <Separator
@@ -1,4 +1,4 @@
1
- import type { Separator as SeparatorPrimitive } from 'bits-ui';
1
+ import type { Separator as SeparatorPrimitive } from "bits-ui";
2
2
  declare const SelectSeparator: import("svelte").Component<SeparatorPrimitive.RootProps, {}, "ref">;
3
3
  type SelectSeparator = ReturnType<typeof SelectSeparator>;
4
4
  export default SelectSeparator;
@@ -1,17 +1,17 @@
1
1
  <script lang="ts">
2
- import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
3
- import type { Select as SelectPrimitive } from 'bits-ui';
4
- import { cn, type WithoutChild } from '../../../utils.js';
2
+ import { Select as SelectPrimitive } from "bits-ui";
3
+ import ChevronDownIcon from "@lucide/svelte/icons/chevron-down";
4
+ import { cn, type WithoutChild } from "../../../utils.js";
5
5
 
6
- const {
7
- ref = $bindable(null),
8
- class: className,
9
- children,
10
- size = 'default',
11
- ...restProps
12
- }: WithoutChild<SelectPrimitive.TriggerProps> & {
13
- size?: 'sm' | 'default';
14
- } = $props();
6
+ let {
7
+ ref = $bindable(null),
8
+ class: className,
9
+ children,
10
+ size = "default",
11
+ ...restProps
12
+ }: WithoutChild<SelectPrimitive.TriggerProps> & {
13
+ size?: "sm" | "default";
14
+ } = $props();
15
15
  </script>
16
16
 
17
17
  <SelectPrimitive.Trigger
@@ -1,7 +1,7 @@
1
- import type { Select as SelectPrimitive } from 'bits-ui';
2
- import { type WithoutChild } from '../../../utils.js';
1
+ import { Select as SelectPrimitive } from "bits-ui";
2
+ import { type WithoutChild } from "../../../utils.js";
3
3
  type $$ComponentProps = WithoutChild<SelectPrimitive.TriggerProps> & {
4
- size?: 'sm' | 'default';
4
+ size?: "sm" | "default";
5
5
  };
6
6
  declare const SelectTrigger: import("svelte").Component<$$ComponentProps, {}, "ref">;
7
7
  type SelectTrigger = ReturnType<typeof SelectTrigger>;
@@ -1,7 +1,11 @@
1
1
  <script lang="ts">
2
- import type { Select as SelectPrimitive } from 'bits-ui';
2
+ import { Select as SelectPrimitive } from "bits-ui";
3
3
 
4
- const { open = $bindable(false), value = $bindable(), ...restProps }: SelectPrimitive.RootProps = $props();
4
+ let {
5
+ open = $bindable(false),
6
+ value = $bindable(),
7
+ ...restProps
8
+ }: SelectPrimitive.RootProps = $props();
5
9
  </script>
6
10
 
7
11
  <SelectPrimitive.Root bind:open bind:value={value as never} {...restProps} />
@@ -1,2 +1,2 @@
1
- import Root from './separator.svelte';
1
+ import Root from "./separator.svelte";
2
2
  export { Root, Root as Separator, };
@@ -1,4 +1,4 @@
1
- import Root from './separator.svelte';
1
+ import Root from "./separator.svelte";
2
2
  export { Root,
3
3
  //
4
4
  Root as Separator, };