@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.
- package/dist/components/ui/button/button.svelte +37 -35
- package/dist/components/ui/button/button.svelte.d.ts +11 -11
- package/dist/components/ui/button/index.d.ts +1 -1
- package/dist/components/ui/button/index.js +1 -1
- package/dist/components/ui/card/card-action.svelte +8 -3
- package/dist/components/ui/card/card-action.svelte.d.ts +2 -2
- package/dist/components/ui/card/card-content.svelte +8 -3
- package/dist/components/ui/card/card-content.svelte.d.ts +2 -2
- package/dist/components/ui/card/card-description.svelte +8 -3
- package/dist/components/ui/card/card-description.svelte.d.ts +2 -2
- package/dist/components/ui/card/card-footer.svelte +8 -3
- package/dist/components/ui/card/card-footer.svelte.d.ts +2 -2
- package/dist/components/ui/card/card-header.svelte +8 -3
- package/dist/components/ui/card/card-header.svelte.d.ts +2 -2
- package/dist/components/ui/card/card-title.svelte +8 -3
- package/dist/components/ui/card/card-title.svelte.d.ts +2 -2
- package/dist/components/ui/card/card.svelte +8 -3
- package/dist/components/ui/card/card.svelte.d.ts +2 -2
- package/dist/components/ui/card/index.d.ts +7 -7
- package/dist/components/ui/card/index.js +7 -7
- package/dist/components/ui/form/form-button.svelte +2 -2
- package/dist/components/ui/form/form-button.svelte.d.ts +1 -1
- package/dist/components/ui/form/form-description.svelte +7 -3
- package/dist/components/ui/form/form-description.svelte.d.ts +1 -1
- package/dist/components/ui/form/form-element-field.svelte +0 -3
- package/dist/components/ui/form/form-field-errors.svelte +11 -11
- package/dist/components/ui/form/form-field-errors.svelte.d.ts +2 -2
- package/dist/components/ui/form/form-field.svelte +0 -4
- package/dist/components/ui/form/form-fieldset.svelte +0 -3
- package/dist/components/ui/form/form-label.svelte +9 -4
- package/dist/components/ui/form/form-label.svelte.d.ts +1 -1
- package/dist/components/ui/form/form-legend.svelte +7 -3
- package/dist/components/ui/form/form-legend.svelte.d.ts +1 -1
- package/dist/components/ui/form/index.d.ts +9 -9
- package/dist/components/ui/form/index.js +9 -9
- package/dist/components/ui/input/index.d.ts +1 -1
- package/dist/components/ui/input/index.js +1 -1
- package/dist/components/ui/input/input.svelte +16 -5
- package/dist/components/ui/input/input.svelte.d.ts +5 -5
- package/dist/components/ui/label/index.d.ts +1 -1
- package/dist/components/ui/label/index.js +1 -1
- package/dist/components/ui/label/label.svelte +7 -3
- package/dist/components/ui/label/label.svelte.d.ts +1 -1
- package/dist/components/ui/popover/index.d.ts +5 -5
- package/dist/components/ui/popover/index.js +5 -5
- package/dist/components/ui/popover/popover-close.svelte +2 -2
- package/dist/components/ui/popover/popover-close.svelte.d.ts +1 -1
- package/dist/components/ui/popover/popover-content.svelte +14 -14
- package/dist/components/ui/popover/popover-content.svelte.d.ts +4 -4
- package/dist/components/ui/popover/popover-portal.svelte +2 -2
- package/dist/components/ui/popover/popover-trigger.svelte +7 -3
- package/dist/components/ui/popover/popover-trigger.svelte.d.ts +1 -1
- package/dist/components/ui/popover/popover.svelte +2 -2
- package/dist/components/ui/select/index.d.ts +11 -11
- package/dist/components/ui/select/index.js +11 -11
- package/dist/components/ui/select/select-content.svelte +18 -18
- package/dist/components/ui/select/select-content.svelte.d.ts +5 -5
- package/dist/components/ui/select/select-group-heading.svelte +9 -4
- package/dist/components/ui/select/select-group.svelte +3 -3
- package/dist/components/ui/select/select-group.svelte.d.ts +1 -1
- package/dist/components/ui/select/select-item.svelte +11 -4
- package/dist/components/ui/select/select-item.svelte.d.ts +1 -1
- package/dist/components/ui/select/select-label.svelte +8 -3
- package/dist/components/ui/select/select-label.svelte.d.ts +2 -2
- package/dist/components/ui/select/select-portal.svelte +2 -2
- package/dist/components/ui/select/select-scroll-down-button.svelte +8 -4
- package/dist/components/ui/select/select-scroll-down-button.svelte.d.ts +1 -1
- package/dist/components/ui/select/select-scroll-up-button.svelte +8 -4
- package/dist/components/ui/select/select-scroll-up-button.svelte.d.ts +1 -1
- package/dist/components/ui/select/select-separator.svelte +8 -4
- package/dist/components/ui/select/select-separator.svelte.d.ts +1 -1
- package/dist/components/ui/select/select-trigger.svelte +12 -12
- package/dist/components/ui/select/select-trigger.svelte.d.ts +3 -3
- package/dist/components/ui/select/select.svelte +6 -2
- package/dist/components/ui/separator/index.d.ts +1 -1
- package/dist/components/ui/separator/index.js +1 -1
- package/dist/components/ui/separator/separator.svelte +9 -4
- package/dist/components/ui/separator/separator.svelte.d.ts +1 -1
- package/dist/components/ui/sheet/index.d.ts +10 -10
- package/dist/components/ui/sheet/index.js +10 -10
- package/dist/components/ui/sheet/sheet-close.svelte +2 -2
- package/dist/components/ui/sheet/sheet-close.svelte.d.ts +1 -1
- package/dist/components/ui/sheet/sheet-content.svelte +16 -16
- package/dist/components/ui/sheet/sheet-content.svelte.d.ts +2 -2
- package/dist/components/ui/sheet/sheet-description.svelte +7 -3
- package/dist/components/ui/sheet/sheet-description.svelte.d.ts +1 -1
- package/dist/components/ui/sheet/sheet-footer.svelte +8 -3
- package/dist/components/ui/sheet/sheet-footer.svelte.d.ts +2 -2
- package/dist/components/ui/sheet/sheet-header.svelte +8 -3
- package/dist/components/ui/sheet/sheet-header.svelte.d.ts +2 -2
- package/dist/components/ui/sheet/sheet-overlay.svelte +7 -3
- package/dist/components/ui/sheet/sheet-overlay.svelte.d.ts +1 -1
- package/dist/components/ui/sheet/sheet-portal.svelte +2 -2
- package/dist/components/ui/sheet/sheet-title.svelte +7 -3
- package/dist/components/ui/sheet/sheet-title.svelte.d.ts +1 -1
- package/dist/components/ui/sheet/sheet-trigger.svelte +2 -2
- package/dist/components/ui/sheet/sheet-trigger.svelte.d.ts +1 -1
- package/dist/components/ui/sheet/sheet.svelte +2 -2
- package/dist/components/ui/textarea/index.d.ts +1 -1
- package/dist/components/ui/textarea/index.js +1 -1
- package/dist/components/ui/textarea/textarea.svelte +9 -3
- package/dist/components/ui/textarea/textarea.svelte.d.ts +2 -2
- package/package.json +2 -2
|
@@ -1,12 +1,23 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import type { HTMLInputAttributes, HTMLInputTypeAttribute } from
|
|
3
|
-
import { cn, type WithElementRef } from
|
|
2
|
+
import type { HTMLInputAttributes, HTMLInputTypeAttribute } from "svelte/elements";
|
|
3
|
+
import { cn, type WithElementRef } from "../../../utils.js";
|
|
4
4
|
|
|
5
|
-
type InputType = Exclude<HTMLInputTypeAttribute,
|
|
5
|
+
type InputType = Exclude<HTMLInputTypeAttribute, "file">;
|
|
6
6
|
|
|
7
|
-
type Props = WithElementRef<
|
|
7
|
+
type Props = WithElementRef<
|
|
8
|
+
Omit<HTMLInputAttributes, "type"> &
|
|
9
|
+
({ type: "file"; files?: FileList } | { type?: InputType; files?: undefined })
|
|
10
|
+
>;
|
|
8
11
|
|
|
9
|
-
|
|
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
|
|
2
|
-
import { type WithElementRef } from
|
|
3
|
-
type InputType = Exclude<HTMLInputTypeAttribute,
|
|
4
|
-
type Props = WithElementRef<Omit<HTMLInputAttributes,
|
|
5
|
-
type:
|
|
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
|
|
1
|
+
import Root from "./label.svelte";
|
|
2
2
|
export { Root, Root as Label, };
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import
|
|
3
|
-
import { cn } from
|
|
2
|
+
import { Label as LabelPrimitive } from "bits-ui";
|
|
3
|
+
import { cn } from "../../../utils.js";
|
|
4
4
|
|
|
5
|
-
|
|
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,6 +1,6 @@
|
|
|
1
|
-
import Root from
|
|
2
|
-
import Close from
|
|
3
|
-
import Content from
|
|
4
|
-
import
|
|
5
|
-
import
|
|
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
|
|
2
|
-
import Close from
|
|
3
|
-
import Content from
|
|
4
|
-
import
|
|
5
|
-
import
|
|
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
|
|
2
|
+
import { Popover as PopoverPrimitive } from "bits-ui";
|
|
3
3
|
|
|
4
|
-
|
|
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
|
|
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
|
|
3
|
-
import
|
|
4
|
-
import { cn, type WithoutChildrenOrChild } from
|
|
5
|
-
import type
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}: PopoverPrimitive.ContentProps & {
|
|
15
|
-
|
|
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
|
|
2
|
-
import
|
|
3
|
-
import { type WithoutChildrenOrChild } from
|
|
4
|
-
import type
|
|
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
|
|
2
|
+
import { Popover as PopoverPrimitive } from "bits-ui";
|
|
3
3
|
|
|
4
|
-
|
|
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
|
|
3
|
-
import {
|
|
2
|
+
import { cn } from "../../../utils.js";
|
|
3
|
+
import { Popover as PopoverPrimitive } from "bits-ui";
|
|
4
4
|
|
|
5
|
-
|
|
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
|
|
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
|
|
2
|
+
import { Popover as PopoverPrimitive } from "bits-ui";
|
|
3
3
|
|
|
4
|
-
|
|
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
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import ScrollDownButton from
|
|
9
|
-
import ScrollUpButton from
|
|
10
|
-
import
|
|
11
|
-
import
|
|
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
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import ScrollDownButton from
|
|
9
|
-
import ScrollUpButton from
|
|
10
|
-
import
|
|
11
|
-
import
|
|
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
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import type
|
|
7
|
-
import
|
|
8
|
-
import
|
|
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
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
}: WithoutChild<SelectPrimitive.ContentProps> & {
|
|
19
|
-
|
|
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
|
|
2
|
-
import
|
|
3
|
-
import type
|
|
4
|
-
import {
|
|
5
|
-
import type
|
|
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
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
2
|
+
import { Select as SelectPrimitive } from "bits-ui";
|
|
3
|
+
import { cn } from "../../../utils.js";
|
|
4
|
+
import type { ComponentProps } from "svelte";
|
|
5
5
|
|
|
6
|
-
|
|
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
|
|
2
|
+
import { Select as SelectPrimitive } from "bits-ui";
|
|
3
3
|
|
|
4
|
-
|
|
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
|
|
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
|
|
3
|
-
import
|
|
4
|
-
import { cn, type WithoutChild } from
|
|
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
|
-
|
|
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
|
|
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
|
|
3
|
-
import {
|
|
2
|
+
import { cn, type WithElementRef } from "../../../utils.js";
|
|
3
|
+
import type { HTMLAttributes } from "svelte/elements";
|
|
4
4
|
|
|
5
|
-
|
|
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
|
|
2
|
-
import {
|
|
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
|
|
2
|
+
import { Select as SelectPrimitive } from "bits-ui";
|
|
3
3
|
|
|
4
|
-
|
|
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
|
|
3
|
-
import
|
|
4
|
-
import { cn, type WithoutChildrenOrChild } from
|
|
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
|
-
|
|
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
|
|
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
|
|
3
|
-
import
|
|
4
|
-
import { cn, type WithoutChildrenOrChild } from
|
|
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
|
-
|
|
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
|
|
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
|
|
3
|
-
import { Separator } from
|
|
4
|
-
import { cn } from
|
|
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
|
-
|
|
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
|
|
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
|
|
3
|
-
import
|
|
4
|
-
import { cn, type WithoutChild } from
|
|
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
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}: WithoutChild<SelectPrimitive.TriggerProps> & {
|
|
13
|
-
|
|
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
|
|
2
|
-
import { type WithoutChild } from
|
|
1
|
+
import { Select as SelectPrimitive } from "bits-ui";
|
|
2
|
+
import { type WithoutChild } from "../../../utils.js";
|
|
3
3
|
type $$ComponentProps = WithoutChild<SelectPrimitive.TriggerProps> & {
|
|
4
|
-
size?:
|
|
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
|
|
2
|
+
import { Select as SelectPrimitive } from "bits-ui";
|
|
3
3
|
|
|
4
|
-
|
|
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
|
|
1
|
+
import Root from "./separator.svelte";
|
|
2
2
|
export { Root, Root as Separator, };
|