@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.
- package/README.md +15 -16
- package/dist/components/custom/data-table/DataTable.svelte +5 -1
- package/dist/components/custom/progress-loading/ProgressLoading.svelte +4 -1
- package/dist/components/custom/theme-switch/ThemeSwitch.svelte +1 -1
- package/dist/components/ui/accordion/accordion-item.svelte +1 -5
- package/dist/components/ui/accordion/index.d.ts +1 -1
- package/dist/components/ui/accordion/index.js +1 -1
- package/dist/components/ui/alert/alert-title.svelte +1 -5
- package/dist/components/ui/alert/alert.svelte +1 -5
- package/dist/components/ui/alert/index.d.ts +1 -1
- package/dist/components/ui/alert/index.js +5 -5
- package/dist/components/ui/alert-dialog/alert-dialog-action.svelte +1 -7
- package/dist/components/ui/alert-dialog/alert-dialog-cancel.svelte +1 -5
- package/dist/components/ui/alert-dialog/alert-dialog-description.svelte +1 -4
- package/dist/components/ui/alert-dialog/alert-dialog-footer.svelte +1 -7
- package/dist/components/ui/alert-dialog/alert-dialog-header.svelte +1 -4
- package/dist/components/ui/alert-dialog/alert-dialog-overlay.svelte +1 -4
- package/dist/components/ui/alert-dialog/alert-dialog-title.svelte +1 -5
- package/dist/components/ui/alert-dialog/index.d.ts +1 -1
- package/dist/components/ui/alert-dialog/index.js +1 -1
- package/dist/components/ui/avatar/avatar-fallback.svelte +1 -4
- package/dist/components/ui/avatar/avatar-image.svelte +1 -6
- package/dist/components/ui/avatar/avatar.svelte +1 -4
- package/dist/components/ui/avatar/index.d.ts +1 -1
- package/dist/components/ui/avatar/index.js +1 -1
- package/dist/components/ui/badge/badge.svelte +1 -6
- package/dist/components/ui/badge/index.js +4 -4
- package/dist/components/ui/button/index.d.ts +1 -1
- package/dist/components/ui/button/index.js +6 -6
- package/dist/components/ui/calendar/calendar-grid.svelte +1 -4
- package/dist/components/ui/calendar/calendar-head-cell.svelte +1 -4
- package/dist/components/ui/calendar/calendar-header.svelte +1 -4
- package/dist/components/ui/calendar/calendar-heading.svelte +1 -5
- package/dist/components/ui/calendar/calendar-months.svelte +1 -7
- package/dist/components/ui/calendar/index.d.ts +1 -1
- package/dist/components/ui/calendar/index.js +1 -1
- package/dist/components/ui/card/card-title.svelte +1 -5
- package/dist/components/ui/card/card.svelte +1 -7
- package/dist/components/ui/card/index.d.ts +1 -1
- package/dist/components/ui/card/index.js +1 -1
- package/dist/components/ui/checkbox/index.d.ts +1 -1
- package/dist/components/ui/checkbox/index.js +1 -1
- package/dist/components/ui/collapsible/index.d.ts +1 -1
- package/dist/components/ui/collapsible/index.js +1 -1
- package/dist/components/ui/command/command-empty.svelte +1 -4
- package/dist/components/ui/command/command-list.svelte +1 -4
- package/dist/components/ui/command/command-separator.svelte +1 -4
- package/dist/components/ui/command/command-shortcut.svelte +1 -7
- package/dist/components/ui/command/command.svelte +1 -4
- package/dist/components/ui/command/index.d.ts +1 -1
- package/dist/components/ui/command/index.js +1 -1
- package/dist/components/ui/context-menu/context-menu-label.svelte +1 -5
- package/dist/components/ui/context-menu/context-menu-separator.svelte +1 -4
- package/dist/components/ui/context-menu/context-menu-shortcut.svelte +1 -7
- package/dist/components/ui/context-menu/index.d.ts +1 -1
- package/dist/components/ui/context-menu/index.js +1 -1
- package/dist/components/ui/dialog/dialog-description.svelte +1 -4
- package/dist/components/ui/dialog/dialog-footer.svelte +1 -7
- package/dist/components/ui/dialog/dialog-header.svelte +1 -4
- package/dist/components/ui/dialog/dialog-overlay.svelte +1 -4
- package/dist/components/ui/dialog/dialog-title.svelte +1 -4
- package/dist/components/ui/dialog/index.d.ts +1 -1
- package/dist/components/ui/dialog/index.js +1 -1
- package/dist/components/ui/drawer/drawer-description.svelte +1 -5
- package/dist/components/ui/drawer/drawer-footer.svelte +1 -5
- package/dist/components/ui/drawer/drawer-header.svelte +1 -5
- package/dist/components/ui/drawer/drawer-overlay.svelte +1 -5
- package/dist/components/ui/drawer/drawer.svelte +1 -6
- package/dist/components/ui/drawer/index.js +1 -1
- package/dist/components/ui/dropdown-menu/dropdown-menu-separator.svelte +1 -4
- package/dist/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte +1 -4
- package/dist/components/ui/dropdown-menu/index.d.ts +1 -1
- package/dist/components/ui/dropdown-menu/index.js +1 -1
- package/dist/components/ui/form/form-description.svelte +1 -4
- package/dist/components/ui/form/form-label.svelte +1 -5
- package/dist/components/ui/form/form-native-select.svelte +1 -5
- package/dist/components/ui/form/form-select-trigger.svelte +5 -10
- package/dist/components/ui/form/form-select-trigger.svelte.d.ts +3 -1
- package/dist/components/ui/form/form-textarea.svelte +1 -3
- package/dist/components/ui/form/form-validation.svelte +1 -4
- package/dist/components/ui/form/index.d.ts +1 -1
- package/dist/components/ui/form/index.js +1 -1
- package/dist/components/ui/input/index.d.ts +1 -1
- package/dist/components/ui/input/index.js +1 -1
- 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 +1 -4
- package/dist/components/ui/menubar/index.d.ts +1 -1
- package/dist/components/ui/menubar/index.js +1 -1
- package/dist/components/ui/menubar/menubar-label.svelte +1 -4
- package/dist/components/ui/menubar/menubar-separator.svelte +1 -4
- package/dist/components/ui/menubar/menubar-shortcut.svelte +1 -7
- package/dist/components/ui/menubar/menubar-sub-content.svelte +1 -4
- package/dist/components/ui/menubar/menubar.svelte +1 -4
- package/dist/components/ui/pagination/index.d.ts +1 -1
- package/dist/components/ui/pagination/index.js +1 -1
- package/dist/components/ui/pagination/pagination-ellipsis.svelte +1 -5
- package/dist/components/ui/pagination/pagination-link.svelte +1 -1
- package/dist/components/ui/pagination/pagination-next-button.svelte +1 -7
- package/dist/components/ui/pagination/pagination-prev-button.svelte +1 -7
- package/dist/components/ui/pagination/pagination.svelte +1 -4
- package/dist/components/ui/popover/index.d.ts +1 -1
- package/dist/components/ui/popover/index.js +1 -1
- package/dist/components/ui/popover/popover-content.svelte +1 -4
- package/dist/components/ui/progress/index.d.ts +1 -1
- package/dist/components/ui/progress/index.js +1 -1
- package/dist/components/ui/progress/progress.svelte +2 -7
- package/dist/components/ui/radio-group/index.d.ts +1 -1
- package/dist/components/ui/radio-group/index.js +1 -1
- package/dist/components/ui/radio-group/radio-group.svelte +1 -5
- package/dist/components/ui/range-calendar/index.d.ts +1 -1
- package/dist/components/ui/range-calendar/index.js +1 -1
- package/dist/components/ui/range-calendar/range-calendar-grid.svelte +1 -4
- package/dist/components/ui/range-calendar/range-calendar-head-cell.svelte +1 -4
- package/dist/components/ui/range-calendar/range-calendar-header.svelte +1 -4
- package/dist/components/ui/range-calendar/range-calendar-heading.svelte +1 -5
- package/dist/components/ui/range-calendar/range-calendar-months.svelte +1 -7
- package/dist/components/ui/range-calendar/range-calendar.svelte +1 -4
- package/dist/components/ui/select/index.d.ts +1 -1
- package/dist/components/ui/select/index.js +1 -1
- package/dist/components/ui/select/select-label.svelte +1 -4
- package/dist/components/ui/select/select-separator.svelte +1 -4
- 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 +1 -5
- package/dist/components/ui/sheet/index.d.ts +1 -1
- package/dist/components/ui/sheet/index.js +18 -18
- package/dist/components/ui/sheet/sheet-content.svelte +1 -6
- package/dist/components/ui/sheet/sheet-description.svelte +1 -4
- package/dist/components/ui/sheet/sheet-footer.svelte +1 -7
- package/dist/components/ui/sheet/sheet-header.svelte +1 -4
- package/dist/components/ui/sheet/sheet-overlay.svelte +1 -4
- package/dist/components/ui/sheet/sheet-title.svelte +1 -4
- package/dist/components/ui/skeleton/index.d.ts +1 -1
- package/dist/components/ui/skeleton/index.js +1 -1
- package/dist/components/ui/skeleton/skeleton.svelte +1 -4
- package/dist/components/ui/slider/index.d.ts +1 -1
- package/dist/components/ui/slider/index.js +1 -1
- package/dist/components/ui/slider/slider.svelte +2 -7
- package/dist/components/ui/sonner/sonner.svelte +6 -9
- package/dist/components/ui/switch/index.d.ts +1 -1
- package/dist/components/ui/switch/index.js +1 -1
- package/dist/components/ui/table/index.d.ts +1 -1
- package/dist/components/ui/table/index.js +1 -1
- package/dist/components/ui/table/table-caption.svelte +1 -4
- package/dist/components/ui/table/table-cell.svelte +1 -6
- package/dist/components/ui/table/table-footer.svelte +1 -4
- package/dist/components/ui/table/table-header.svelte +1 -6
- package/dist/components/ui/table/table-row.svelte +1 -4
- package/dist/components/ui/table/table.svelte +1 -4
- package/dist/components/ui/tabs/index.d.ts +1 -1
- package/dist/components/ui/tabs/index.js +1 -1
- package/dist/components/ui/tabs/tabs-list.svelte +1 -4
- package/dist/components/ui/textarea/index.d.ts +1 -1
- package/dist/components/ui/textarea/index.js +1 -1
- package/dist/components/ui/toggle/index.d.ts +1 -1
- package/dist/components/ui/toggle/index.js +6 -6
- package/dist/components/ui/toggle/toggle.svelte +1 -6
- package/dist/components/ui/toggle-group/index.d.ts +1 -1
- package/dist/components/ui/toggle-group/index.js +1 -1
- package/dist/components/ui/toggle-group/toggle-group-item.svelte +1 -1
- package/dist/components/ui/tooltip/index.d.ts +1 -1
- package/dist/components/ui/tooltip/index.js +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -2
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.js +1 -0
- package/dist/utils.js +2 -2
- package/package.json +16 -16
- /package/dist/{formsnap.d.ts → formsnap/index.d.ts} +0 -0
- /package/dist/{formsnap.js → formsnap/index.js} +0 -0
- /package/dist/{mode-watcher.d.ts → mode-watcher/index.d.ts} +0 -0
- /package/dist/{mode-watcher.js → mode-watcher/index.js} +0 -0
|
@@ -5,10 +5,6 @@ export let value = void 0;
|
|
|
5
5
|
export { className as class };
|
|
6
6
|
</script>
|
|
7
7
|
|
|
8
|
-
<RadioGroupPrimitive.Root
|
|
9
|
-
bind:value
|
|
10
|
-
class={cn("grid gap-2", className)}
|
|
11
|
-
{...$$restProps}
|
|
12
|
-
>
|
|
8
|
+
<RadioGroupPrimitive.Root bind:value class={cn("grid gap-2", className)} {...$$restProps}>
|
|
13
9
|
<slot />
|
|
14
10
|
</RadioGroupPrimitive.Root>
|
|
@@ -11,4 +11,4 @@ import GridHead from "./range-calendar-grid-head.svelte";
|
|
|
11
11
|
import HeadCell from "./range-calendar-head-cell.svelte";
|
|
12
12
|
import NextButton from "./range-calendar-next-button.svelte";
|
|
13
13
|
import PrevButton from "./range-calendar-prev-button.svelte";
|
|
14
|
-
export { Day, Cell, Grid, Header, Months, GridRow, Heading, GridBody, GridHead, HeadCell, NextButton, PrevButton, Root as RangeCalendar };
|
|
14
|
+
export { Day, Cell, Grid, Header, Months, GridRow, Heading, GridBody, GridHead, HeadCell, NextButton, PrevButton, Root as RangeCalendar, };
|
|
@@ -13,4 +13,4 @@ import NextButton from "./range-calendar-next-button.svelte";
|
|
|
13
13
|
import PrevButton from "./range-calendar-prev-button.svelte";
|
|
14
14
|
export { Day, Cell, Grid, Header, Months, GridRow, Heading, GridBody, GridHead, HeadCell, NextButton, PrevButton,
|
|
15
15
|
//
|
|
16
|
-
Root as RangeCalendar };
|
|
16
|
+
Root as RangeCalendar, };
|
|
@@ -4,9 +4,6 @@ let className = void 0;
|
|
|
4
4
|
export { className as class };
|
|
5
5
|
</script>
|
|
6
6
|
|
|
7
|
-
<RangeCalendarPrimitive.Grid
|
|
8
|
-
class={cn("w-full border-collapse space-y-1", className)}
|
|
9
|
-
{...$$restProps}
|
|
10
|
-
>
|
|
7
|
+
<RangeCalendarPrimitive.Grid class={cn("w-full border-collapse space-y-1", className)} {...$$restProps}>
|
|
11
8
|
<slot />
|
|
12
9
|
</RangeCalendarPrimitive.Grid>
|
|
@@ -5,10 +5,7 @@ export { className as class };
|
|
|
5
5
|
</script>
|
|
6
6
|
|
|
7
7
|
<RangeCalendarPrimitive.HeadCell
|
|
8
|
-
class={cn(
|
|
9
|
-
"text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
|
|
10
|
-
className
|
|
11
|
-
)}
|
|
8
|
+
class={cn("text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]", className)}
|
|
12
9
|
{...$$restProps}
|
|
13
10
|
>
|
|
14
11
|
<slot />
|
|
@@ -5,10 +5,7 @@ export { className as class };
|
|
|
5
5
|
</script>
|
|
6
6
|
|
|
7
7
|
<RangeCalendarPrimitive.Header
|
|
8
|
-
class={cn(
|
|
9
|
-
"flex justify-between pt-1 relative items-center w-full",
|
|
10
|
-
className
|
|
11
|
-
)}
|
|
8
|
+
class={cn("flex justify-between pt-1 relative items-center w-full", className)}
|
|
12
9
|
{...$$restProps}
|
|
13
10
|
>
|
|
14
11
|
<slot />
|
|
@@ -4,11 +4,7 @@ let className = void 0;
|
|
|
4
4
|
export { className as class };
|
|
5
5
|
</script>
|
|
6
6
|
|
|
7
|
-
<RangeCalendarPrimitive.Heading
|
|
8
|
-
let:headingValue
|
|
9
|
-
class={cn("text-sm font-medium", className)}
|
|
10
|
-
{...$$restProps}
|
|
11
|
-
>
|
|
7
|
+
<RangeCalendarPrimitive.Heading let:headingValue class={cn("text-sm font-medium", className)} {...$$restProps}>
|
|
12
8
|
<slot {headingValue}>
|
|
13
9
|
{headingValue}
|
|
14
10
|
</slot>
|
|
@@ -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 sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0 mt-4",
|
|
9
|
-
className
|
|
10
|
-
)}
|
|
11
|
-
{...$$restProps}
|
|
12
|
-
>
|
|
6
|
+
<div class={cn("flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0 mt-4", className)} {...$$restProps}>
|
|
13
7
|
<slot />
|
|
14
8
|
</div>
|
|
@@ -42,10 +42,7 @@ export { className as class };
|
|
|
42
42
|
<RangeCalendar.GridRow class="w-full mt-2">
|
|
43
43
|
{#each weekDates as date}
|
|
44
44
|
<RangeCalendar.Cell {date}>
|
|
45
|
-
<RangeCalendar.Day
|
|
46
|
-
{date}
|
|
47
|
-
month={month.value}
|
|
48
|
-
/>
|
|
45
|
+
<RangeCalendar.Day {date} month={month.value} />
|
|
49
46
|
</RangeCalendar.Cell>
|
|
50
47
|
{/each}
|
|
51
48
|
</RangeCalendar.GridRow>
|
|
@@ -8,4 +8,4 @@ declare const Root: typeof SelectPrimitive.Root;
|
|
|
8
8
|
declare const Group: typeof SelectPrimitive.Group;
|
|
9
9
|
declare const Input: typeof SelectPrimitive.Input;
|
|
10
10
|
declare const Value: typeof SelectPrimitive.Value;
|
|
11
|
-
export { Root, Group, Input, Label, Item, Value, Content, Trigger, Separator, Root as Select, Group as SelectGroup, Input as SelectInput, Label as SelectLabel, Item as SelectItem, Value as SelectValue, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator };
|
|
11
|
+
export { Root, Group, Input, Label, Item, Value, Content, Trigger, Separator, Root as Select, Group as SelectGroup, Input as SelectInput, Label as SelectLabel, Item as SelectItem, Value as SelectValue, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator, };
|
|
@@ -10,4 +10,4 @@ const Input = SelectPrimitive.Input;
|
|
|
10
10
|
const Value = SelectPrimitive.Value;
|
|
11
11
|
export { Root, Group, Input, Label, Item, Value, Content, Trigger, Separator,
|
|
12
12
|
//
|
|
13
|
-
Root as Select, Group as SelectGroup, Input as SelectInput, Label as SelectLabel, Item as SelectItem, Value as SelectValue, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator };
|
|
13
|
+
Root as Select, Group as SelectGroup, Input as SelectInput, Label as SelectLabel, Item as SelectItem, Value as SelectValue, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator, };
|
|
@@ -4,9 +4,6 @@ let className = void 0;
|
|
|
4
4
|
export { className as class };
|
|
5
5
|
</script>
|
|
6
6
|
|
|
7
|
-
<SelectPrimitive.Label
|
|
8
|
-
class={cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)}
|
|
9
|
-
{...$$restProps}
|
|
10
|
-
>
|
|
7
|
+
<SelectPrimitive.Label class={cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)} {...$$restProps}>
|
|
11
8
|
<slot />
|
|
12
9
|
</SelectPrimitive.Label>
|
|
@@ -4,7 +4,4 @@ let className = void 0;
|
|
|
4
4
|
export { className as class };
|
|
5
5
|
</script>
|
|
6
6
|
|
|
7
|
-
<SelectPrimitive.Separator
|
|
8
|
-
class={cn("-mx-1 my-1 h-px bg-muted", className)}
|
|
9
|
-
{...$$restProps}
|
|
10
|
-
/>
|
|
7
|
+
<SelectPrimitive.Separator class={cn("-mx-1 my-1 h-px bg-muted", className)} {...$$restProps} />
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import Root from "./separator.svelte";
|
|
2
|
-
export { Root, Root as Separator };
|
|
2
|
+
export { Root, Root as Separator, };
|
|
@@ -7,11 +7,7 @@ export { className as class };
|
|
|
7
7
|
</script>
|
|
8
8
|
|
|
9
9
|
<SeparatorPrimitive.Root
|
|
10
|
-
class={cn(
|
|
11
|
-
"shrink-0 bg-border",
|
|
12
|
-
orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
|
|
13
|
-
className
|
|
14
|
-
)}
|
|
10
|
+
class={cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className)}
|
|
15
11
|
{orientation}
|
|
16
12
|
{decorative}
|
|
17
13
|
{...$$restProps}
|
|
@@ -10,7 +10,7 @@ import Description from "./sheet-description.svelte";
|
|
|
10
10
|
declare const Root: typeof SheetPrimitive.Root;
|
|
11
11
|
declare const Close: typeof SheetPrimitive.Close;
|
|
12
12
|
declare const Trigger: typeof SheetPrimitive.Trigger;
|
|
13
|
-
export { Root, Close, Trigger, Portal, Overlay, Content, Header, Footer, Title, Description, Root as Sheet, Close as SheetClose, Trigger as SheetTrigger, Portal as SheetPortal, Overlay as SheetOverlay, Content as SheetContent, Header as SheetHeader, Footer as SheetFooter, Title as SheetTitle, Description as SheetDescription };
|
|
13
|
+
export { Root, Close, Trigger, Portal, Overlay, Content, Header, Footer, Title, Description, Root as Sheet, Close as SheetClose, Trigger as SheetTrigger, Portal as SheetPortal, Overlay as SheetOverlay, Content as SheetContent, Header as SheetHeader, Footer as SheetFooter, Title as SheetTitle, Description as SheetDescription, };
|
|
14
14
|
export declare const sheetVariants: import("tailwind-variants").TVReturnType<{
|
|
15
15
|
side: {
|
|
16
16
|
top: string;
|
|
@@ -12,7 +12,7 @@ const Close = SheetPrimitive.Close;
|
|
|
12
12
|
const Trigger = SheetPrimitive.Trigger;
|
|
13
13
|
export { Root, Close, Trigger, Portal, Overlay, Content, Header, Footer, Title, Description,
|
|
14
14
|
//
|
|
15
|
-
Root as Sheet, Close as SheetClose, Trigger as SheetTrigger, Portal as SheetPortal, Overlay as SheetOverlay, Content as SheetContent, Header as SheetHeader, Footer as SheetFooter, Title as SheetTitle, Description as SheetDescription };
|
|
15
|
+
Root as Sheet, Close as SheetClose, Trigger as SheetTrigger, Portal as SheetPortal, Overlay as SheetOverlay, Content as SheetContent, Header as SheetHeader, Footer as SheetFooter, Title as SheetTitle, Description as SheetDescription, };
|
|
16
16
|
export const sheetVariants = tv({
|
|
17
17
|
base: "fixed z-50 gap-4 bg-background p-6 shadow-lg",
|
|
18
18
|
variants: {
|
|
@@ -20,60 +20,60 @@ export const sheetVariants = tv({
|
|
|
20
20
|
top: "inset-x-0 top-0 border-b",
|
|
21
21
|
bottom: "inset-x-0 bottom-0 border-t",
|
|
22
22
|
left: "inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
|
|
23
|
-
right: "inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"
|
|
24
|
-
}
|
|
23
|
+
right: "inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
|
|
24
|
+
},
|
|
25
25
|
},
|
|
26
26
|
defaultVariants: {
|
|
27
|
-
side: "right"
|
|
28
|
-
}
|
|
27
|
+
side: "right",
|
|
28
|
+
},
|
|
29
29
|
});
|
|
30
30
|
export const sheetTransitions = {
|
|
31
31
|
top: {
|
|
32
32
|
in: {
|
|
33
33
|
y: "-100%",
|
|
34
34
|
duration: 500,
|
|
35
|
-
opacity: 1
|
|
35
|
+
opacity: 1,
|
|
36
36
|
},
|
|
37
37
|
out: {
|
|
38
38
|
y: "-100%",
|
|
39
39
|
duration: 300,
|
|
40
|
-
opacity: 1
|
|
41
|
-
}
|
|
40
|
+
opacity: 1,
|
|
41
|
+
},
|
|
42
42
|
},
|
|
43
43
|
bottom: {
|
|
44
44
|
in: {
|
|
45
45
|
y: "100%",
|
|
46
46
|
duration: 500,
|
|
47
|
-
opacity: 1
|
|
47
|
+
opacity: 1,
|
|
48
48
|
},
|
|
49
49
|
out: {
|
|
50
50
|
y: "100%",
|
|
51
51
|
duration: 300,
|
|
52
|
-
opacity: 1
|
|
53
|
-
}
|
|
52
|
+
opacity: 1,
|
|
53
|
+
},
|
|
54
54
|
},
|
|
55
55
|
left: {
|
|
56
56
|
in: {
|
|
57
57
|
x: "-100%",
|
|
58
58
|
duration: 500,
|
|
59
|
-
opacity: 1
|
|
59
|
+
opacity: 1,
|
|
60
60
|
},
|
|
61
61
|
out: {
|
|
62
62
|
x: "-100%",
|
|
63
63
|
duration: 300,
|
|
64
|
-
opacity: 1
|
|
65
|
-
}
|
|
64
|
+
opacity: 1,
|
|
65
|
+
},
|
|
66
66
|
},
|
|
67
67
|
right: {
|
|
68
68
|
in: {
|
|
69
69
|
x: "100%",
|
|
70
70
|
duration: 500,
|
|
71
|
-
opacity: 1
|
|
71
|
+
opacity: 1,
|
|
72
72
|
},
|
|
73
73
|
out: {
|
|
74
74
|
x: "100%",
|
|
75
75
|
duration: 300,
|
|
76
|
-
opacity: 1
|
|
77
|
-
}
|
|
78
|
-
}
|
|
76
|
+
opacity: 1,
|
|
77
|
+
},
|
|
78
|
+
},
|
|
79
79
|
};
|
|
@@ -1,10 +1,5 @@
|
|
|
1
1
|
<script>import { Dialog as SheetPrimitive } from "bits-ui";
|
|
2
|
-
import {
|
|
3
|
-
SheetOverlay,
|
|
4
|
-
SheetPortal,
|
|
5
|
-
sheetTransitions,
|
|
6
|
-
sheetVariants
|
|
7
|
-
} from ".";
|
|
2
|
+
import { SheetOverlay, SheetPortal, sheetTransitions, sheetVariants } from ".";
|
|
8
3
|
import { X } from "lucide-svelte";
|
|
9
4
|
import { cn } from "../../../utils";
|
|
10
5
|
import { fly } from "svelte/transition";
|
|
@@ -4,9 +4,6 @@ let className = void 0;
|
|
|
4
4
|
export { className as class };
|
|
5
5
|
</script>
|
|
6
6
|
|
|
7
|
-
<SheetPrimitive.Description
|
|
8
|
-
class={cn("text-sm text-muted-foreground", className)}
|
|
9
|
-
{...$$restProps}
|
|
10
|
-
>
|
|
7
|
+
<SheetPrimitive.Description class={cn("text-sm text-muted-foreground", className)} {...$$restProps}>
|
|
11
8
|
<slot />
|
|
12
9
|
</SheetPrimitive.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-2 text-center sm:text-left", className)}
|
|
8
|
-
{...$$restProps}
|
|
9
|
-
>
|
|
6
|
+
<div class={cn("flex flex-col space-y-2 text-center sm:text-left", className)} {...$$restProps}>
|
|
10
7
|
<slot />
|
|
11
8
|
</div>
|
|
@@ -12,9 +12,6 @@ export { className as class };
|
|
|
12
12
|
<SheetPrimitive.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
|
-
<SheetPrimitive.Title
|
|
8
|
-
class={cn("text-lg font-semibold text-foreground", className)}
|
|
9
|
-
{...$$restProps}
|
|
10
|
-
>
|
|
7
|
+
<SheetPrimitive.Title class={cn("text-lg font-semibold text-foreground", className)} {...$$restProps}>
|
|
11
8
|
<slot />
|
|
12
9
|
</SheetPrimitive.Title>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import Root from "./skeleton.svelte";
|
|
2
|
-
export { Root, Root as Skeleton };
|
|
2
|
+
export { Root, Root as Skeleton, };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import Root from "./slider.svelte";
|
|
2
|
-
export { Root, Root as Slider };
|
|
2
|
+
export { Root, Root as Slider, };
|
|
@@ -7,15 +7,10 @@ export { className as class };
|
|
|
7
7
|
|
|
8
8
|
<SliderPrimitive.Root
|
|
9
9
|
bind:value
|
|
10
|
-
class={cn(
|
|
11
|
-
"relative flex w-full touch-none select-none items-center",
|
|
12
|
-
className
|
|
13
|
-
)}
|
|
10
|
+
class={cn("relative flex w-full touch-none select-none items-center", className)}
|
|
14
11
|
{...$$restProps}
|
|
15
12
|
>
|
|
16
|
-
<span
|
|
17
|
-
class="relative h-2 w-full grow overflow-hidden rounded-full bg-secondary"
|
|
18
|
-
>
|
|
13
|
+
<span class="relative h-2 w-full grow overflow-hidden rounded-full bg-secondary">
|
|
19
14
|
<SliderPrimitive.Range class="absolute h-full bg-primary" />
|
|
20
15
|
</span>
|
|
21
16
|
<SliderPrimitive.Thumb
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
<script>import {
|
|
2
|
-
Toaster as Sonner
|
|
3
|
-
} from "svelte-sonner";
|
|
1
|
+
<script>import { Toaster as Sonner } from "svelte-sonner";
|
|
4
2
|
import { mode } from "mode-watcher";
|
|
5
3
|
</script>
|
|
6
4
|
|
|
@@ -9,13 +7,12 @@ import { mode } from "mode-watcher";
|
|
|
9
7
|
class="toaster group"
|
|
10
8
|
toastOptions={{
|
|
11
9
|
classes: {
|
|
12
|
-
toast:
|
|
10
|
+
toast:
|
|
11
|
+
"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
|
|
13
12
|
description: "group-[.toast]:text-muted-foreground",
|
|
14
|
-
actionButton:
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
|
|
18
|
-
}
|
|
13
|
+
actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
|
|
14
|
+
cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
|
|
15
|
+
},
|
|
19
16
|
}}
|
|
20
17
|
{...$$restProps}
|
|
21
18
|
/>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import Root from "./switch.svelte";
|
|
2
|
-
export { Root, Root as Switch };
|
|
2
|
+
export { Root, Root as Switch, };
|
|
@@ -6,4 +6,4 @@ import Footer from "./table-footer.svelte";
|
|
|
6
6
|
import Head from "./table-head.svelte";
|
|
7
7
|
import Header from "./table-header.svelte";
|
|
8
8
|
import Row from "./table-row.svelte";
|
|
9
|
-
export { Root, Body, Caption, Cell, Footer, Head, Header, Row, Root as Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Footer as TableFooter, Head as TableHead, Header as TableHeader, Row as TableRow };
|
|
9
|
+
export { Root, Body, Caption, Cell, Footer, Head, Header, Row, Root as Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Footer as TableFooter, Head as TableHead, Header as TableHeader, Row as TableRow, };
|
|
@@ -8,4 +8,4 @@ import Header from "./table-header.svelte";
|
|
|
8
8
|
import Row from "./table-row.svelte";
|
|
9
9
|
export { Root, Body, Caption, Cell, Footer, Head, Header, Row,
|
|
10
10
|
//
|
|
11
|
-
Root as Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Footer as TableFooter, Head as TableHead, Header as TableHeader, Row as TableRow };
|
|
11
|
+
Root as Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Footer as TableFooter, Head as TableHead, Header as TableHeader, Row as TableRow, };
|
|
@@ -3,9 +3,6 @@ let className = void 0;
|
|
|
3
3
|
export { className as class };
|
|
4
4
|
</script>
|
|
5
5
|
|
|
6
|
-
<caption
|
|
7
|
-
class={cn("mt-4 text-sm text-muted-foreground", className)}
|
|
8
|
-
{...$$restProps}
|
|
9
|
-
>
|
|
6
|
+
<caption class={cn("mt-4 text-sm text-muted-foreground", className)} {...$$restProps}>
|
|
10
7
|
<slot />
|
|
11
8
|
</caption>
|
|
@@ -3,11 +3,6 @@ let className = void 0;
|
|
|
3
3
|
export { className as class };
|
|
4
4
|
</script>
|
|
5
5
|
|
|
6
|
-
<td
|
|
7
|
-
class={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
|
|
8
|
-
{...$$restProps}
|
|
9
|
-
on:click
|
|
10
|
-
on:keydown
|
|
11
|
-
>
|
|
6
|
+
<td class={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)} {...$$restProps} on:click on:keydown>
|
|
12
7
|
<slot />
|
|
13
8
|
</td>
|
|
@@ -3,9 +3,6 @@ let className = void 0;
|
|
|
3
3
|
export { className as class };
|
|
4
4
|
</script>
|
|
5
5
|
|
|
6
|
-
<tfoot
|
|
7
|
-
class={cn("bg-primary font-medium text-primary-foreground", className)}
|
|
8
|
-
{...$$restProps}
|
|
9
|
-
>
|
|
6
|
+
<tfoot class={cn("bg-primary font-medium text-primary-foreground", className)} {...$$restProps}>
|
|
10
7
|
<slot />
|
|
11
8
|
</tfoot>
|
|
@@ -4,11 +4,6 @@ export { className as class };
|
|
|
4
4
|
</script>
|
|
5
5
|
|
|
6
6
|
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
|
|
7
|
-
<thead
|
|
8
|
-
class={cn("[&_tr]:border-b", className)}
|
|
9
|
-
{...$$restProps}
|
|
10
|
-
on:click
|
|
11
|
-
on:keydown
|
|
12
|
-
>
|
|
7
|
+
<thead class={cn("[&_tr]:border-b", className)} {...$$restProps} on:click on:keydown>
|
|
13
8
|
<slot />
|
|
14
9
|
</thead>
|
|
@@ -4,10 +4,7 @@ export { className as class };
|
|
|
4
4
|
</script>
|
|
5
5
|
|
|
6
6
|
<tr
|
|
7
|
-
class={cn(
|
|
8
|
-
"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
|
|
9
|
-
className
|
|
10
|
-
)}
|
|
7
|
+
class={cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className)}
|
|
11
8
|
{...$$restProps}
|
|
12
9
|
on:click
|
|
13
10
|
on:keydown
|
|
@@ -4,10 +4,7 @@ export { className as class };
|
|
|
4
4
|
</script>
|
|
5
5
|
|
|
6
6
|
<div class="w-full overflow-auto">
|
|
7
|
-
<table
|
|
8
|
-
class={cn("w-full caption-bottom text-sm", className)}
|
|
9
|
-
{...$$restProps}
|
|
10
|
-
>
|
|
7
|
+
<table class={cn("w-full caption-bottom text-sm", className)} {...$$restProps}>
|
|
11
8
|
<slot />
|
|
12
9
|
</table>
|
|
13
10
|
</div>
|
|
@@ -3,4 +3,4 @@ import Content from "./tabs-content.svelte";
|
|
|
3
3
|
import List from "./tabs-list.svelte";
|
|
4
4
|
import Trigger from "./tabs-trigger.svelte";
|
|
5
5
|
declare const Root: typeof TabsPrimitive.Root;
|
|
6
|
-
export { Root, Content, List, Trigger, Root as Tabs, Content as TabsContent, List as TabsList, Trigger as TabsTrigger };
|
|
6
|
+
export { Root, Content, List, Trigger, Root as Tabs, Content as TabsContent, List as TabsList, Trigger as TabsTrigger, };
|
|
@@ -5,4 +5,4 @@ import Trigger from "./tabs-trigger.svelte";
|
|
|
5
5
|
const Root = TabsPrimitive.Root;
|
|
6
6
|
export { Root, Content, List, Trigger,
|
|
7
7
|
//
|
|
8
|
-
Root as Tabs, Content as TabsContent, List as TabsList, Trigger as TabsTrigger };
|
|
8
|
+
Root as Tabs, Content as TabsContent, List as TabsList, Trigger as TabsTrigger, };
|
|
@@ -5,10 +5,7 @@ export { className as class };
|
|
|
5
5
|
</script>
|
|
6
6
|
|
|
7
7
|
<TabsPrimitive.List
|
|
8
|
-
class={cn(
|
|
9
|
-
"inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
|
|
10
|
-
className
|
|
11
|
-
)}
|
|
8
|
+
class={cn("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", className)}
|
|
12
9
|
{...$$restProps}
|
|
13
10
|
>
|
|
14
11
|
<slot />
|
|
@@ -16,4 +16,4 @@ type TextareaEvents = {
|
|
|
16
16
|
paste: FormTextareaEvent<ClipboardEvent>;
|
|
17
17
|
input: FormTextareaEvent<InputEvent>;
|
|
18
18
|
};
|
|
19
|
-
export { Root, Root as Textarea, type TextareaEvents, type FormTextareaEvent };
|
|
19
|
+
export { Root, Root as Textarea, type TextareaEvents, type FormTextareaEvent, };
|
|
@@ -73,4 +73,4 @@ export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
|
|
|
73
73
|
}>, unknown, unknown, undefined>>;
|
|
74
74
|
export type Variant = VariantProps<typeof toggleVariants>["variant"];
|
|
75
75
|
export type Size = VariantProps<typeof toggleVariants>["size"];
|
|
76
|
-
export { Root, Root as Toggle };
|
|
76
|
+
export { Root, Root as Toggle, };
|
|
@@ -5,19 +5,19 @@ export const toggleVariants = tv({
|
|
|
5
5
|
variants: {
|
|
6
6
|
variant: {
|
|
7
7
|
default: "bg-transparent",
|
|
8
|
-
outline: "bg-transparent border border-input hover:bg-accent hover:text-accent-foreground"
|
|
8
|
+
outline: "bg-transparent border border-input hover:bg-accent hover:text-accent-foreground",
|
|
9
9
|
},
|
|
10
10
|
size: {
|
|
11
11
|
default: "h-10 px-3",
|
|
12
12
|
sm: "h-9 px-2.5",
|
|
13
|
-
lg: "h-11 px-5"
|
|
14
|
-
}
|
|
13
|
+
lg: "h-11 px-5",
|
|
14
|
+
},
|
|
15
15
|
},
|
|
16
16
|
defaultVariants: {
|
|
17
17
|
variant: "default",
|
|
18
|
-
size: "default"
|
|
19
|
-
}
|
|
18
|
+
size: "default",
|
|
19
|
+
},
|
|
20
20
|
});
|
|
21
21
|
export { Root,
|
|
22
22
|
//
|
|
23
|
-
Root as Toggle };
|
|
23
|
+
Root as Toggle, };
|
|
@@ -8,11 +8,6 @@ export let pressed = void 0;
|
|
|
8
8
|
export { className as class };
|
|
9
9
|
</script>
|
|
10
10
|
|
|
11
|
-
<TogglePrimitive.Root
|
|
12
|
-
bind:pressed
|
|
13
|
-
class={cn(toggleVariants({ variant, size, className }))}
|
|
14
|
-
{...$$restProps}
|
|
15
|
-
on:click
|
|
16
|
-
>
|
|
11
|
+
<TogglePrimitive.Root bind:pressed class={cn(toggleVariants({ variant, size, className }))} {...$$restProps} on:click>
|
|
17
12
|
<slot />
|
|
18
13
|
</TogglePrimitive.Root>
|
|
@@ -5,4 +5,4 @@ import Item from "./toggle-group-item.svelte";
|
|
|
5
5
|
export type ToggleVariants = VariantProps<typeof toggleVariants>;
|
|
6
6
|
export declare function setToggleGroupCtx(props: ToggleVariants): void;
|
|
7
7
|
export declare function getToggleGroupCtx(): ToggleVariants;
|
|
8
|
-
export { Root, Item, Root as ToggleGroup, Item as ToggleGroupItem };
|
|
8
|
+
export { Root, Item, Root as ToggleGroup, Item as ToggleGroupItem, };
|