@kayord/ui 0.0.23 → 0.2.0

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

@@ -1,7 +1,10 @@
 <script>import { Menubar as MenubarPrimitive } from "bits-ui";
 import { cn, flyAndScale } from "../../../utils";
 let className = void 0;
-export let sideOffset = 4;
+export let sideOffset = 8;
+export let alignOffset = -4;
+export let align = "start";
+export let side = "bottom";
 export let transition = flyAndScale;
 export let transitionConfig = void 0;
 export { className as class };
@@ -11,6 +14,9 @@ export { className as class };
 	{transition}
 	{transitionConfig}
 	{sideOffset}
+	{align}
+	{alignOffset}
+	{side}
 	class={cn(
 		"z-50 min-w-[12rem] rounded-md border bg-popover p-1 text-popover-foreground shadow-md focus:outline-none",
 		className

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

@@ -1,10 +1,7 @@
 import { SvelteComponent } from "svelte";
 import { Menubar as MenubarPrimitive } from "bits-ui";
 declare const __propDef: {
-    props: {
-        disabled?: boolean | undefined;
-        asChild?: boolean | undefined;
-    } & import("bits-ui/dist/internal").HTMLDivAttributes & {
+    props: MenubarPrimitive.ItemProps & {
         inset?: boolean | undefined;
     };
     slots: {

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

@@ -2,6 +2,7 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         asChild?: boolean | undefined;
+        el?: HTMLDivElement | undefined;
     } & import("bits-ui/dist/internal").HTMLDivAttributes & {
         inset?: boolean | undefined;
     };

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

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 import { Menubar as MenubarPrimitive } from "bits-ui";
 declare const __propDef: {
-    props: MenubarPrimitive.SubContentProps;
+    props: MenubarPrimitive.ContentProps;
     slots: {
         default: {};
     };

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

@@ -1,22 +1,17 @@
 import { SvelteComponent } from "svelte";
+import { Menubar as MenubarPrimitive } from "bits-ui";
 declare const __propDef: {
     props: {
         disabled?: boolean | undefined;
         asChild?: boolean | undefined;
+        el?: HTMLDivElement | undefined;
     } & import("bits-ui/dist/internal").HTMLDivAttributes & {
         inset?: boolean | undefined;
     };
     slots: {
         default: {};
     };
-    events: {
-        click: import("bits-ui").CustomEventHandler<PointerEvent, HTMLDivElement>;
-        keydown: import("bits-ui").CustomEventHandler<KeyboardEvent, HTMLDivElement>;
-        focusin: import("bits-ui").CustomEventHandler<FocusEvent, HTMLDivElement>;
-        focusout: import("bits-ui").CustomEventHandler<FocusEvent, HTMLDivElement>;
-        pointerleave: import("bits-ui").CustomEventHandler<PointerEvent, HTMLDivElement>;
-        pointermove: import("bits-ui").CustomEventHandler<PointerEvent, HTMLDivElement>;
-    };
+    events: MenubarPrimitive.SubTriggerEvents;
 };
 export type MenubarSubTriggerProps = typeof __propDef.props;
 export type MenubarSubTriggerEvents = typeof __propDef.events;

package/dist/components/ui/pagination/index.d.ts

@@ -0,0 +1,8 @@
+import Root from "./pagination.svelte";
+import Content from "./pagination-content.svelte";
+import Item from "./pagination-item.svelte";
+import Link from "./pagination-link.svelte";
+import PrevButton from "./pagination-prev-button.svelte";
+import NextButton from "./pagination-next-button.svelte";
+import Ellipsis from "./pagination-ellipsis.svelte";
+export { Root, Content, Item, Link, PrevButton, NextButton, Ellipsis, Root as Pagination, Content as PaginationContent, Item as PaginationItem, Link as PaginationLink, PrevButton as PaginationPrevButton, NextButton as PaginationNextButton, Ellipsis as PaginationEllipsis };

package/dist/components/ui/pagination/index.js

@@ -0,0 +1,10 @@
+import Root from "./pagination.svelte";
+import Content from "./pagination-content.svelte";
+import Item from "./pagination-item.svelte";
+import Link from "./pagination-link.svelte";
+import PrevButton from "./pagination-prev-button.svelte";
+import NextButton from "./pagination-next-button.svelte";
+import Ellipsis from "./pagination-ellipsis.svelte";
+export { Root, Content, Item, Link, PrevButton, NextButton, Ellipsis, 
+//
+Root as Pagination, Content as PaginationContent, Item as PaginationItem, Link as PaginationLink, PrevButton as PaginationPrevButton, NextButton as PaginationNextButton, Ellipsis as PaginationEllipsis };

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

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<ul class={cn("flex flex-row items-center gap-1", className)} {...$$restProps}>
+	<slot />
+</ul>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLUListElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type PaginationContentProps = typeof __propDef.props;
+export type PaginationContentEvents = typeof __propDef.events;
+export type PaginationContentSlots = typeof __propDef.slots;
+export default class PaginationContent extends SvelteComponent<PaginationContentProps, PaginationContentEvents, PaginationContentSlots> {
+}
+export {};

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

@@ -0,0 +1,14 @@
+<script>import { cn } from "../../../utils";
+import { MoreHorizontal } from "lucide-svelte";
+let className = void 0;
+export { className as class };
+</script>
+
+<span
+	aria-hidden
+	class={cn("flex h-9 w-9 items-center justify-center", className)}
+	{...$$restProps}
+>
+	<MoreHorizontal class="h-4 w-4" />
+	<span class="sr-only">More pages</span>
+</span>

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

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLSpanElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type PaginationEllipsisProps = typeof __propDef.props;
+export type PaginationEllipsisEvents = typeof __propDef.events;
+export type PaginationEllipsisSlots = typeof __propDef.slots;
+export default class PaginationEllipsis extends SvelteComponent<PaginationEllipsisProps, PaginationEllipsisEvents, PaginationEllipsisSlots> {
+}
+export {};

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

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../../utils";
+let className = void 0;
+export { className as class };
+</script>
+
+<li class={cn("", className)} {...$$restProps}>
+	<slot />
+</li>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLLIElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type PaginationItemProps = typeof __propDef.props;
+export type PaginationItemEvents = typeof __propDef.events;
+export type PaginationItemSlots = typeof __propDef.slots;
+export default class PaginationItem extends SvelteComponent<PaginationItemProps, PaginationItemEvents, PaginationItemSlots> {
+}
+export {};

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

@@ -0,0 +1,24 @@
+<script>import { Pagination as PaginationPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+import { buttonVariants } from "../button";
+let className = void 0;
+export let page;
+export let size = "icon";
+export let isActive = false;
+export { className as class };
+</script>
+
+<PaginationPrimitive.Page
+	bind:page
+	class={cn(
+		buttonVariants({
+			variant: isActive ? "outline" : "ghost",
+			size
+		}),
+		className
+	)}
+	{...$$restProps}
+	on:click
+>
+	<slot>{page.value}</slot>
+</PaginationPrimitive.Page>

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

@@ -0,0 +1,24 @@
+import { SvelteComponent } from "svelte";
+import { type Props } from "../button";
+declare const __propDef: {
+    props: {
+        page: import("bits-ui").Page;
+    } & {
+        asChild?: boolean | undefined;
+        el?: HTMLButtonElement | undefined;
+    } & import("svelte/elements").HTMLButtonAttributes & Props & {
+        isActive: boolean;
+    };
+    slots: {
+        default: {};
+    };
+    events: {
+        click: import("bits-ui").CustomEventHandler<MouseEvent, HTMLDivElement>;
+    };
+};
+export type PaginationLinkProps = typeof __propDef.props;
+export type PaginationLinkEvents = typeof __propDef.events;
+export type PaginationLinkSlots = typeof __propDef.slots;
+export default class PaginationLink extends SvelteComponent<PaginationLinkProps, PaginationLinkEvents, PaginationLinkSlots> {
+}
+export {};

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

@@ -0,0 +1,20 @@
+<script>import { Pagination as PaginationPrimitive } from "bits-ui";
+import { Button } from "../button";
+import { cn } from "../../../utils";
+import { ChevronRight } from "lucide-svelte";
+let className = void 0;
+export { className as class };
+</script>
+
+<PaginationPrimitive.NextButton asChild let:builder>
+	<Button
+		variant="ghost"
+		class={cn("gap-1 pl-2.5", className)}
+		builders={[builder]}
+		on:click
+		{...$$restProps}
+	>
+		<span>Next</span>
+		<ChevronRight class="h-4 w-4" />
+	</Button>
+</PaginationPrimitive.NextButton>

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

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { Pagination as PaginationPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: PaginationPrimitive.NextButtonProps;
+    slots: {};
+    events: {
+        click: import("bits-ui").CustomEventHandler<MouseEvent, HTMLDivElement>;
+    };
+};
+export type PaginationNextButtonProps = typeof __propDef.props;
+export type PaginationNextButtonEvents = typeof __propDef.events;
+export type PaginationNextButtonSlots = typeof __propDef.slots;
+export default class PaginationNextButton extends SvelteComponent<PaginationNextButtonProps, PaginationNextButtonEvents, PaginationNextButtonSlots> {
+}
+export {};

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

@@ -0,0 +1,20 @@
+<script>import { Pagination as PaginationPrimitive } from "bits-ui";
+import { Button } from "../button";
+import { cn } from "../../../utils";
+import { ChevronLeft } from "lucide-svelte";
+let className = void 0;
+export { className as class };
+</script>
+
+<PaginationPrimitive.PrevButton asChild let:builder>
+	<Button
+		variant="ghost"
+		class={cn("gap-1 pl-2.5", className)}
+		builders={[builder]}
+		on:click
+		{...$$restProps}
+	>
+		<ChevronLeft class="h-4 w-4" />
+		<span>Previous</span>
+	</Button>
+</PaginationPrimitive.PrevButton>

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

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { Pagination as PaginationPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: PaginationPrimitive.PrevButtonProps;
+    slots: {};
+    events: {
+        click: import("bits-ui").CustomEventHandler<MouseEvent, HTMLDivElement>;
+    };
+};
+export type PaginationPrevButtonProps = typeof __propDef.props;
+export type PaginationPrevButtonEvents = typeof __propDef.events;
+export type PaginationPrevButtonSlots = typeof __propDef.slots;
+export default class PaginationPrevButton extends SvelteComponent<PaginationPrevButtonProps, PaginationPrevButtonEvents, PaginationPrevButtonSlots> {
+}
+export {};

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

@@ -0,0 +1,30 @@
+<script>import { Pagination as PaginationPrimitive } from "bits-ui";
+import { cn } from "../../../utils";
+let className = void 0;
+export let count = 0;
+export let perPage = 10;
+export let page = 1;
+export let siblingCount = 1;
+export { className as class };
+$:
+  currentPage = page;
+</script>
+
+<PaginationPrimitive.Root
+	{count}
+	{perPage}
+	{siblingCount}
+	bind:page
+	let:builder
+	let:pages
+	let:range
+	asChild
+	{...$$restProps}
+>
+	<nav
+		{...builder}
+		class={cn("mx-auto flex flex-col w-full items-center", className)}
+	>
+		<slot {pages} {range} {currentPage} />
+	</nav>
+</PaginationPrimitive.Root>

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

@@ -0,0 +1,22 @@
+import { SvelteComponent } from "svelte";
+import { Pagination as PaginationPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: PaginationPrimitive.Props;
+    slots: {
+        default: {
+            pages: any[];
+            range: {
+                start: number;
+                end: number;
+            };
+            currentPage: number | undefined;
+        };
+    };
+    events: PaginationPrimitive.Events;
+};
+export type PaginationProps = typeof __propDef.props;
+export type PaginationEvents = typeof __propDef.events;
+export type PaginationSlots = typeof __propDef.slots;
+export default class Pagination extends SvelteComponent<PaginationProps, PaginationEvents, PaginationSlots> {
+}
+export {};

package/dist/components/ui/select/index.d.ts

@@ -1,10 +1,10 @@
 import { Select as SelectPrimitive } from "bits-ui";
-import Root from "./select.svelte";
 import Label from "./select-label.svelte";
 import Item from "./select-item.svelte";
 import Content from "./select-content.svelte";
 import Trigger from "./select-trigger.svelte";
 import Separator from "./select-separator.svelte";
+declare const Root: typeof SelectPrimitive.Root;
 declare const Group: typeof SelectPrimitive.Group;
 declare const Input: typeof SelectPrimitive.Input;
 declare const Value: typeof SelectPrimitive.Value;

package/dist/components/ui/select/index.js

@@ -1,10 +1,10 @@
 import { Select as SelectPrimitive } from "bits-ui";
-import Root from "./select.svelte";
 import Label from "./select-label.svelte";
 import Item from "./select-item.svelte";
 import Content from "./select-content.svelte";
 import Trigger from "./select-trigger.svelte";
 import Separator from "./select-separator.svelte";
+const Root = SelectPrimitive.Root;
 const Group = SelectPrimitive.Group;
 const Input = SelectPrimitive.Input;
 const Value = SelectPrimitive.Value;

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

@@ -1,6 +1,7 @@
 <script>import { Select as SelectPrimitive } from "bits-ui";
 import { cn, flyAndScale } from "../../../utils";
 import { scale } from "svelte/transition";
+export let sideOffset = 4;
 export let inTransition = flyAndScale;
 export let inTransitionConfig = void 0;
 export let outTransition = scale;
@@ -18,6 +19,7 @@ export { className as class };
 	{inTransitionConfig}
 	{outTransition}
 	{outTransitionConfig}
+	{sideOffset}
 	class={cn(
 		"relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md outline-none",
 		className

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

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: any;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type SelectProps = typeof __propDef.props;
+export type SelectEvents = typeof __propDef.events;
+export type SelectSlots = typeof __propDef.slots;
+export default class Select extends SvelteComponent<SelectProps, SelectEvents, SelectSlots> {
+}
+export {};

package/dist/components/ui/sheet/sheet-content.svelte.d.ts

@@ -9,6 +9,7 @@ declare const __propDef: {
         outTransition?: import("bits-ui/dist/internal").Transition | undefined;
         outTransitionConfig?: any;
         asChild?: boolean | undefined;
+        el?: HTMLDivElement | undefined;
     } & import("bits-ui/dist/internal").HTMLDivAttributes & {
         side?: Side;
     };

package/dist/components/ui/sonner/index.d.ts

@@ -0,0 +1 @@
+export { default as Toaster } from "./sonner.svelte";

package/dist/components/ui/sonner/index.js

@@ -0,0 +1 @@
+export { default as Toaster } from "./sonner.svelte";

package/dist/components/ui/sonner/sonner.svelte

@@ -0,0 +1,21 @@
+<script>import {
+  Toaster as Sonner
+} from "svelte-sonner";
+import { mode } from "mode-watcher";
+</script>
+
+<Sonner
+	theme={$mode}
+	class="toaster group"
+	toastOptions={{
+		classes: {
+			toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+			description: "group-[.toast]:text-muted-foreground",
+			actionButton:
+				"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+			cancelButton:
+				"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+		}
+	}}
+	{...$$restProps}
+/>

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

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { type ToasterProps as SonnerProps } from "svelte-sonner";
+declare const __propDef: {
+    props: SonnerProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+type SonnerProps_ = typeof __propDef.props;
+export { SonnerProps_ as SonnerProps };
+export type SonnerEvents = typeof __propDef.events;
+export type SonnerSlots = typeof __propDef.slots;
+export default class Sonner extends SvelteComponent<SonnerProps, SonnerEvents, SonnerSlots> {
+}

package/dist/components/ui/table/table-cell.svelte

@@ -6,6 +6,8 @@ export { className as class };
 <td
 	class={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)}
 	{...$$restProps}
+	on:click
+	on:keydown
 >
 	<slot />
 </td>

package/dist/components/ui/table/table-cell.svelte.d.ts

@@ -3,6 +3,9 @@ import type { HTMLTdAttributes } from "svelte/elements";
 declare const __propDef: {
     props: HTMLTdAttributes;
     events: {
+        click: MouseEvent;
+        keydown: KeyboardEvent;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {

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

@@ -3,6 +3,12 @@ let className = void 0;
 export { className as class };
 </script>
 
-<thead class={cn("[&_tr]:border-b", className)} {...$$restProps}>
+<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
+<thead
+	class={cn("[&_tr]:border-b", className)}
+	{...$$restProps}
+	on:click
+	on:keydown
+>
 	<slot />
 </thead>

package/dist/components/ui/table/table-header.svelte.d.ts

@@ -3,6 +3,9 @@ import type { HTMLAttributes } from "svelte/elements";
 declare const __propDef: {
     props: HTMLAttributes<HTMLTableSectionElement>;
     events: {
+        click: MouseEvent;
+        keydown: KeyboardEvent;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {

package/dist/components/ui/table/table-row.svelte

@@ -9,6 +9,8 @@ export { className as class };
 		className
 	)}
 	{...$$restProps}
+	on:click
+	on:keydown
 >
 	<slot />
 </tr>

package/dist/components/ui/table/table-row.svelte.d.ts

@@ -5,6 +5,9 @@ declare const __propDef: {
         "data-state"?: unknown;
     };
     events: {
+        click: MouseEvent;
+        keydown: KeyboardEvent;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {

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

@@ -7,6 +7,7 @@ declare const __propDef: {
         pressed?: boolean | undefined;
         onPressedChange?: import("bits-ui/dist/internal").OnChangeFn<boolean> | undefined;
         asChild?: boolean | undefined;
+        el?: HTMLButtonElement | undefined;
     } & import("svelte/elements").HTMLButtonAttributes & {
         variant?: Variant;
         size?: Size;

package/dist/components/ui/toggle-group/toggle-group-item.svelte.d.ts

@@ -4,8 +4,8 @@ declare const __propDef: {
     props: {
         value: string;
         disabled?: boolean | undefined;
-    } & {
         asChild?: boolean | undefined;
+        el?: HTMLButtonElement | undefined;
     } & import("svelte/elements").HTMLButtonAttributes & ToggleVariants;
     events: {
         [evt: string]: CustomEvent<any>;

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

@@ -17,7 +17,6 @@ setToggleGroupCtx({
 	bind:value
 	{...$$restProps}
 	let:builder
-	let:attrs
 >
-	<slot {builder} {attrs} />
+	<slot {builder} />
 </ToggleGroupPrimitive.Root>