@kayord/ui 0.6.3 → 0.7.0

package/dist/components/ui/drawer/drawer-description.svelte

@@ -1,5 +1,5 @@
 <script>import { Drawer as DrawerPrimitive } from "vaul-svelte";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 export let el = void 0;
 let className = void 0;
 export { className as class };

package/dist/components/ui/drawer/drawer-footer.svelte

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 export let el = void 0;
 let className = void 0;
 export { className as class };

package/dist/components/ui/drawer/drawer-header.svelte

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 export let el = void 0;
 let className = void 0;
 export { className as class };

package/dist/components/ui/drawer/drawer-overlay.svelte

@@ -1,5 +1,5 @@
 <script>import { Drawer as DrawerPrimitive } from "vaul-svelte";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 export let el = void 0;
 let className = void 0;
 export { className as class };

package/dist/components/ui/drawer/drawer-title.svelte

@@ -1,5 +1,5 @@
 <script>import { Drawer as DrawerPrimitive } from "vaul-svelte";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 export let el = void 0;
 let className = void 0;
 export { className as class };

package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte

@@ -1,6 +1,6 @@
 <script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 import Check from "lucide-svelte/icons/check";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let checked = void 0;
 export { className as class };

package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte

@@ -1,5 +1,5 @@
 <script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-import { cn, flyAndScale } from "../../../utils";
+import { cn, flyAndScale } from "../../../utils.js";
 let className = void 0;
 export let sideOffset = 4;
 export let transition = flyAndScale;

package/dist/components/ui/dropdown-menu/dropdown-menu-item.svelte

@@ -1,5 +1,5 @@
 <script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let inset = void 0;
 export { className as class };

package/dist/components/ui/dropdown-menu/dropdown-menu-label.svelte

@@ -1,5 +1,5 @@
 <script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let inset = void 0;
 export { className as class };

package/dist/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte

@@ -1,6 +1,6 @@
 <script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 import Circle from "lucide-svelte/icons/circle";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let value;
 export { className as class };

package/dist/components/ui/dropdown-menu/dropdown-menu-separator.svelte

@@ -1,5 +1,5 @@
 <script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte

@@ -1,5 +1,5 @@
 <script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-import { cn, flyAndScale } from "../../../utils";
+import { cn, flyAndScale } from "../../../utils.js";
 let className = void 0;
 export let transition = flyAndScale;
 export let transitionConfig = {

package/dist/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte

@@ -1,6 +1,6 @@
 <script>import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 import ChevronRight from "lucide-svelte/icons/chevron-right";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let inset = void 0;
 export { className as class };

package/dist/components/ui/form/form-button.svelte

@@ -1,6 +1,6 @@
-<script>import * as Button from "../button";
+<script>import * as Button from "../button/index.js";
 </script>
 
-<Button.Root type="submit" {...$$restProps}>
+<Button.Root type="submit" on:click on:keydown {...$$restProps}>
 	<slot />
 </Button.Root>

package/dist/components/ui/form/form-button.svelte.d.ts

@@ -1,13 +1,11 @@
 import { SvelteComponent } from "svelte";
-import * as Button from "../button";
+import * as Button from "../button/index.js";
 declare const __propDef: {
     props: Button.Props;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
     slots: {
         default: {};
     };
+    events: import("bits-ui").ButtonEvents;
 };
 export type FormButtonProps = typeof __propDef.props;
 export type FormButtonEvents = typeof __propDef.events;

package/dist/components/ui/form/form-description.svelte

@@ -1,5 +1,5 @@
 <script>import * as FormPrimitive from "formsnap";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/form/form-element-field.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script generics="T extends Record<string, unknown>, U extends FormPathLeaves<T>">import * as FormPrimitive from "formsnap";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 export let form;
 export let name;
 let className = void 0;

package/dist/components/ui/form/form-field-errors.svelte

@@ -1,5 +1,5 @@
 <script>import * as FormPrimitive from "formsnap";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 export let errorClasses = void 0;

package/dist/components/ui/form/form-field.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script generics="T extends Record<string, unknown>, U extends FormPath<T>">import * as FormPrimitive from "formsnap";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 export let form;
 export let name;
 let className = void 0;

package/dist/components/ui/form/form-fieldset.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script generics="T extends Record<string, unknown>, U extends FormPath<T>">import * as FormPrimitive from "formsnap";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 export let form;
 export let name;
 let className = void 0;

package/dist/components/ui/form/form-label.svelte

@@ -1,6 +1,6 @@
 <script>import { getFormControl } from "formsnap";
-import { cn } from "../../../utils";
-import { Label } from "../label";
+import { cn } from "../../../utils.js";
+import { Label } from "../label/index.js";
 let className = void 0;
 export { className as class };
 const { labelAttrs } = getFormControl();

package/dist/components/ui/form/form-legend.svelte

@@ -1,5 +1,5 @@
 <script>import * as FormPrimitive from "formsnap";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/hover-card/hover-card-content.svelte

@@ -1,5 +1,5 @@
 <script>import { LinkPreview as HoverCardPrimitive } from "bits-ui";
-import { cn, flyAndScale } from "../../../utils";
+import { cn, flyAndScale } from "../../../utils.js";
 let className = void 0;
 export let transition = flyAndScale;
 export let transitionConfig = void 0;

package/dist/components/ui/input/input.svelte

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 let className = void 0;
 export let value = void 0;
 export { className as class };

package/dist/components/ui/input/input.svelte.d.ts

@@ -1,6 +1,6 @@
 import { SvelteComponent } from "svelte";
 import type { HTMLInputAttributes } from "svelte/elements";
-import type { InputEvents } from ".";
+import type { InputEvents } from "./index.js";
 declare const __propDef: {
     props: HTMLInputAttributes;
     slots: {};

package/dist/components/ui/label/label.svelte

@@ -1,5 +1,5 @@
 <script>import { Label as LabelPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/menubar/menubar-checkbox-item.svelte

@@ -1,6 +1,6 @@
 <script>import { Menubar as MenubarPrimitive } from "bits-ui";
 import Check from "lucide-svelte/icons/check";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let checked = false;
 export { className as class };

package/dist/components/ui/menubar/menubar-content.svelte

@@ -1,5 +1,5 @@
 <script>import { Menubar as MenubarPrimitive } from "bits-ui";
-import { cn, flyAndScale } from "../../../utils";
+import { cn, flyAndScale } from "../../../utils.js";
 let className = void 0;
 export let sideOffset = 8;
 export let alignOffset = -4;

package/dist/components/ui/menubar/menubar-item.svelte

@@ -1,5 +1,5 @@
 <script>import { Menubar as MenubarPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let inset = void 0;
 export { className as class };

package/dist/components/ui/menubar/menubar-label.svelte

@@ -1,5 +1,5 @@
 <script>import { Menubar as MenubarPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let inset = void 0;
 export { className as class };

package/dist/components/ui/menubar/menubar-radio-item.svelte

@@ -1,6 +1,6 @@
 <script>import { Menubar as MenubarPrimitive } from "bits-ui";
 import Circle from "lucide-svelte/icons/circle";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let value;
 export { className as class };

package/dist/components/ui/menubar/menubar-separator.svelte

@@ -1,5 +1,5 @@
 <script>import { Menubar as MenubarPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/menubar/menubar-shortcut.svelte

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/menubar/menubar-sub-content.svelte

@@ -1,5 +1,5 @@
 <script>import { Menubar as MenubarPrimitive } from "bits-ui";
-import { cn, flyAndScale } from "../../../utils";
+import { cn, flyAndScale } from "../../../utils.js";
 let className = void 0;
 export let transition = flyAndScale;
 export let transitionConfig = { x: -10, y: 0 };

package/dist/components/ui/menubar/menubar-sub-trigger.svelte

@@ -1,6 +1,6 @@
 <script>import { Menubar as MenubarPrimitive } from "bits-ui";
 import ChevronRight from "lucide-svelte/icons/chevron-right";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let inset = void 0;
 export { className as class };

package/dist/components/ui/menubar/menubar-trigger.svelte

@@ -1,5 +1,5 @@
 <script>import { Menubar as MenubarPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/menubar/menubar.svelte

@@ -1,5 +1,5 @@
 <script>import { Menubar as MenubarPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/pagination/pagination-content.svelte

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/pagination/pagination-ellipsis.svelte

@@ -1,5 +1,5 @@
 <script>import MoreHorizontal from "lucide-svelte/icons/more-horizontal";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/pagination/pagination-item.svelte

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/pagination/pagination-link.svelte

@@ -1,6 +1,6 @@
 <script>import { Pagination as PaginationPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
-import { buttonVariants } from "../button";
+import { cn } from "../../../utils.js";
+import { buttonVariants } from "../button/index.js";
 let className = void 0;
 export let page;
 export let size = "icon";

package/dist/components/ui/pagination/pagination-link.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import { type Props } from "../button";
+import { type Props } from "../button/index.js";
 declare const __propDef: {
     props: {
         page: import("bits-ui").Page;

package/dist/components/ui/pagination/pagination-next-button.svelte

@@ -1,7 +1,7 @@
 <script>import { Pagination as PaginationPrimitive } from "bits-ui";
 import ChevronRight from "lucide-svelte/icons/chevron-right";
-import { Button } from "../button";
-import { cn } from "../../../utils";
+import { Button } from "../button/index.js";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/pagination/pagination-prev-button.svelte

@@ -1,7 +1,7 @@
 <script>import { Pagination as PaginationPrimitive } from "bits-ui";
 import ChevronLeft from "lucide-svelte/icons/chevron-left";
-import { Button } from "../button";
-import { cn } from "../../../utils";
+import { Button } from "../button/index.js";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/pagination/pagination.svelte

@@ -1,5 +1,5 @@
 <script>import { Pagination as PaginationPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let count = 0;
 export let perPage = 10;

package/dist/components/ui/popover/popover-content.svelte

@@ -1,5 +1,5 @@
 <script>import { Popover as PopoverPrimitive } from "bits-ui";
-import { cn, flyAndScale } from "../../../utils";
+import { cn, flyAndScale } from "../../../utils.js";
 let className = void 0;
 export let transition = flyAndScale;
 export let transitionConfig = void 0;

package/dist/components/ui/progress/progress.svelte

@@ -1,5 +1,5 @@
 <script>import { Progress as ProgressPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let max = 100;
 export let value = void 0;

package/dist/components/ui/radio-group/radio-group-item.svelte

@@ -1,6 +1,6 @@
 <script>import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
 import Circle from "lucide-svelte/icons/circle";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let value;
 export { className as class };

package/dist/components/ui/radio-group/radio-group.svelte

@@ -1,5 +1,5 @@
 <script>import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let value = void 0;
 export { className as class };

package/dist/components/ui/range-calendar/range-calendar-cell.svelte

@@ -1,5 +1,5 @@
 <script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 export let date;
 let className = void 0;
 export { className as class };

package/dist/components/ui/range-calendar/range-calendar-day.svelte

@@ -1,6 +1,6 @@
 <script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import { buttonVariants } from "../button";
-import { cn } from "../../../utils";
+import { buttonVariants } from "../button/index.js";
+import { cn } from "../../../utils.js";
 export let date;
 export let month;
 let className = void 0;

package/dist/components/ui/range-calendar/range-calendar-grid-body.svelte

@@ -1,5 +1,5 @@
 <script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/range-calendar/range-calendar-grid-head.svelte

@@ -1,5 +1,5 @@
 <script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/range-calendar/range-calendar-grid-row.svelte

@@ -1,5 +1,5 @@
 <script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/range-calendar/range-calendar-grid.svelte

@@ -1,5 +1,5 @@
 <script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/range-calendar/range-calendar-head-cell.svelte

@@ -1,5 +1,5 @@
 <script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/range-calendar/range-calendar-header.svelte

@@ -1,5 +1,5 @@
 <script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/range-calendar/range-calendar-heading.svelte

@@ -1,5 +1,5 @@
 <script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/range-calendar/range-calendar-months.svelte

@@ -1,4 +1,4 @@
-<script>import { cn } from "../../../utils";
+<script>import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/range-calendar/range-calendar-next-button.svelte

@@ -1,7 +1,7 @@
 <script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 import ChevronRight from "lucide-svelte/icons/chevron-right";
-import { buttonVariants } from "../button";
-import { cn } from "../../../utils";
+import { buttonVariants } from "../button/index.js";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/range-calendar/range-calendar-prev-button.svelte

@@ -1,7 +1,7 @@
 <script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
 import ChevronLeft from "lucide-svelte/icons/chevron-left";
-import { buttonVariants } from "../button";
-import { cn } from "../../../utils";
+import { buttonVariants } from "../button/index.js";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export { className as class };
 </script>

package/dist/components/ui/range-calendar/range-calendar.svelte

@@ -1,6 +1,6 @@
 <script>import { RangeCalendar as RangeCalendarPrimitive } from "bits-ui";
-import * as RangeCalendar from ".";
-import { cn } from "../../../utils";
+import * as RangeCalendar from "./index.js";
+import { cn } from "../../../utils.js";
 export let value = void 0;
 export let placeholder = void 0;
 export let weekdayFormat = "short";

package/dist/components/ui/resizable/resizable-handle.svelte

@@ -1,6 +1,6 @@
 <script>import GripVertical from "lucide-svelte/icons/grip-vertical";
 import * as ResizablePrimitive from "paneforge";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 export let withHandle = false;
 export let el = void 0;
 let className = void 0;

package/dist/components/ui/resizable/resizable-pane-group.svelte

@@ -1,5 +1,5 @@
 <script>import * as ResizablePrimitive from "paneforge";
-import { cn } from "../../../utils";
+import { cn } from "../../../utils.js";
 let className = void 0;
 export let direction;
 export let paneGroup = void 0;

package/dist/components/ui/scroll-area/scroll-area-scrollbar.svelte

@@ -15,7 +15,5 @@ export { className as class };
 	)}
 >
 	<slot />
-	<ScrollAreaPrimitive.Thumb
-		class={cn("relative rounded-full bg-border", orientation === "vertical" && "flex-1")}
-	/>
+	<ScrollAreaPrimitive.Thumb class={cn("relative rounded-full bg-border", orientation === "vertical" && "flex-1")} />
 </ScrollAreaPrimitive.Scrollbar>

package/dist/components/ui/scroll-area/scroll-area.svelte

@@ -4,6 +4,8 @@ import { Scrollbar } from "./index.js";
 let className = void 0;
 export { className as class };
 export let orientation = "vertical";
+export let scrollbarXClasses = "";
+export let scrollbarYClasses = "";
 </script>
 
 <ScrollAreaPrimitive.Root {...$$restProps} class={cn("relative overflow-hidden", className)}>
@@ -13,10 +15,10 @@ export let orientation = "vertical";
 		</ScrollAreaPrimitive.Content>
 	</ScrollAreaPrimitive.Viewport>
 	{#if orientation === "vertical" || orientation === "both"}
-		<Scrollbar orientation="vertical" />
+		<Scrollbar orientation="vertical" class={scrollbarYClasses} />
 	{/if}
 	{#if orientation === "horizontal" || orientation === "both"}
-		<Scrollbar orientation="horizontal" />
+		<Scrollbar orientation="horizontal" class={scrollbarXClasses} />
 	{/if}
 	<ScrollAreaPrimitive.Corner />
 </ScrollAreaPrimitive.Root>

package/dist/components/ui/select/select-content.svelte

@@ -1,5 +1,5 @@
 <script>import { Select as SelectPrimitive } from "bits-ui";
-import { cn, flyAndScale } from "../../../utils";
+import { cn, flyAndScale } from "../../../utils.js";
 import { scale } from "svelte/transition";
 export let sideOffset = 4;
 export let inTransition = flyAndScale;