@kayord/ui 0.8.19 → 0.9.0

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

@@ -1,19 +1,26 @@
-import { SvelteComponent } from "svelte";
+/// <reference types="svelte" />
 import type { HTMLAttributes } from "svelte/elements";
-declare const __propDef: {
-    props: HTMLAttributes<HTMLDivElement>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type CardHeaderProps = typeof __propDef.props;
-export type CardHeaderEvents = typeof __propDef.events;
-export type CardHeaderSlots = typeof __propDef.slots;
-export default class CardHeader extends SvelteComponent<CardHeaderProps, CardHeaderEvents, CardHeaderSlots> {
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports;
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const CardHeader: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<HTMLAttributes<HTMLDivElement>, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, Record<string, any>, string>;
+type CardHeader = InstanceType<typeof CardHeader>;
+export default CardHeader;

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

@@ -1,7 +1,15 @@
-<script>import { cn } from "../../../utils.js";
-let className = void 0;
-export let tag = "h3";
-export { className as class };
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import type { HeadingLevel } from "./index.js";
+	import { cn } from "../../../utils.js";
+
+	type $$Props = HTMLAttributes<HTMLHeadingElement> & {
+		tag?: HeadingLevel;
+	};
+
+	let className: $$Props["class"] = undefined;
+	export let tag: $$Props["tag"] = "h3";
+	export { className as class };
 </script>
 
 <svelte:element this={tag} class={cn("text-lg font-semibold leading-none tracking-tight", className)} {...$$restProps}>

package/dist/components/ui/card/card-title.svelte.d.ts

@@ -1,22 +1,29 @@
-import { SvelteComponent } from "svelte";
+/// <reference types="svelte" />
 import type { HTMLAttributes } from "svelte/elements";
 import type { HeadingLevel } from "./index.js";
-declare const __propDef: {
-    props: HTMLAttributes<HTMLHeadingElement> & {
-        tag?: HeadingLevel | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type CardTitleProps = typeof __propDef.props;
-export type CardTitleEvents = typeof __propDef.events;
-export type CardTitleSlots = typeof __propDef.slots;
-export default class CardTitle extends SvelteComponent<CardTitleProps, CardTitleEvents, CardTitleSlots> {
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports;
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const CardTitle: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<HTMLAttributes<HTMLHeadingElement> & {
+    tag?: HeadingLevel | undefined;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, Record<string, any>, string>;
+type CardTitle = InstanceType<typeof CardTitle>;
+export default CardTitle;

package/dist/components/ui/card/card.svelte

@@ -1,6 +1,11 @@
-<script>import { cn } from "../../../utils.js";
-let className = void 0;
-export { className as class };
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn } from "../../../utils.js";
+
+	type $$Props = HTMLAttributes<HTMLDivElement>;
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
 </script>
 
 <div class={cn("rounded-lg border bg-card text-card-foreground shadow-sm", className)} {...$$restProps}>

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

@@ -1,19 +1,26 @@
-import { SvelteComponent } from "svelte";
+/// <reference types="svelte" />
 import type { HTMLAttributes } from "svelte/elements";
-declare const __propDef: {
-    props: HTMLAttributes<HTMLDivElement>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type CardProps = typeof __propDef.props;
-export type CardEvents = typeof __propDef.events;
-export type CardSlots = typeof __propDef.slots;
-export default class Card extends SvelteComponent<CardProps, CardEvents, CardSlots> {
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports;
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Card: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<HTMLAttributes<HTMLDivElement>, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, Record<string, any>, string>;
+type Card = InstanceType<typeof Card>;
+export default Card;

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

@@ -1,9 +1,15 @@
-<script>import emblaCarouselSvelte from "embla-carousel-svelte";
-import { getEmblaContext } from "./context.js";
-import { cn } from "../../../utils.js";
-let className = void 0;
-export { className as class };
-const { orientation, options, plugins, onInit } = getEmblaContext("<Carousel.Content/>");
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import emblaCarouselSvelte from "embla-carousel-svelte";
+	import { getEmblaContext } from "./context.js";
+	import { cn } from "../../../utils.js";
+
+	type $$Props = HTMLAttributes<HTMLDivElement>;
+
+	let className: string | undefined | null = undefined;
+	export { className as class };
+
+	const { orientation, options, plugins, onInit } = getEmblaContext("<Carousel.Content/>");
 </script>
 
 <div

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

@@ -1,19 +1,26 @@
-import { SvelteComponent } from "svelte";
+/// <reference types="svelte" />
 import type { HTMLAttributes } from "svelte/elements";
-declare const __propDef: {
-    props: HTMLAttributes<HTMLDivElement>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type CarouselContentProps = typeof __propDef.props;
-export type CarouselContentEvents = typeof __propDef.events;
-export type CarouselContentSlots = typeof __propDef.slots;
-export default class CarouselContent extends SvelteComponent<CarouselContentProps, CarouselContentEvents, CarouselContentSlots> {
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports;
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const CarouselContent: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<HTMLAttributes<HTMLDivElement>, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, Record<string, any>, string>;
+type CarouselContent = InstanceType<typeof CarouselContent>;
+export default CarouselContent;

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

@@ -1,8 +1,13 @@
-<script>import { getEmblaContext } from "./context.js";
-import { cn } from "../../../utils.js";
-let className = void 0;
-export { className as class };
-const { orientation } = getEmblaContext("<Carousel.Item/>");
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import { getEmblaContext } from "./context.js";
+	import { cn } from "../../../utils.js";
+
+	type $$Props = HTMLAttributes<HTMLDivElement>;
+	let className: string | undefined | null = undefined;
+	export { className as class };
+
+	const { orientation } = getEmblaContext("<Carousel.Item/>");
 </script>
 
 <div

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

@@ -1,19 +1,26 @@
-import { SvelteComponent } from "svelte";
+/// <reference types="svelte" />
 import type { HTMLAttributes } from "svelte/elements";
-declare const __propDef: {
-    props: HTMLAttributes<HTMLDivElement>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type CarouselItemProps = typeof __propDef.props;
-export type CarouselItemEvents = typeof __propDef.events;
-export type CarouselItemSlots = typeof __propDef.slots;
-export default class CarouselItem extends SvelteComponent<CarouselItemProps, CarouselItemEvents, CarouselItemSlots> {
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports;
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const CarouselItem: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<HTMLAttributes<HTMLDivElement>, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, Record<string, any>, string>;
+type CarouselItem = InstanceType<typeof CarouselItem>;
+export default CarouselItem;

package/dist/components/ui/carousel/carousel-next.svelte

@@ -1,12 +1,17 @@
-<script>import ArrowRight from "lucide-svelte/icons/arrow-right";
-import { getEmblaContext } from "./context.js";
-import { cn } from "../../../utils.js";
-import { Button } from "../button/index.js";
-let className = void 0;
-export { className as class };
-export let variant = "outline";
-export let size = "icon";
-const { orientation, canScrollNext, scrollNext, handleKeyDown } = getEmblaContext("<Carousel.Next/>");
+<script lang="ts">
+	import ArrowRight from "lucide-svelte/icons/arrow-right";
+	import type { VariantProps } from "tailwind-variants";
+	import { getEmblaContext } from "./context.js";
+	import { cn } from "../../../utils.js";
+	import { Button, type Props, type buttonVariants } from "../button/index.js";
+
+	type $$Props = Props;
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+	export let variant: VariantProps<typeof buttonVariants>["variant"] = "outline";
+	export let size: VariantProps<typeof buttonVariants>["size"] = "icon";
+	const { orientation, canScrollNext, scrollNext, handleKeyDown } = getEmblaContext("<Carousel.Next/>");
 </script>
 
 <Button

package/dist/components/ui/carousel/carousel-next.svelte.d.ts

@@ -1,17 +1,17 @@
-import { SvelteComponent } from "svelte";
+/// <reference types="svelte" />
 import { type Props } from "../button/index.js";
-declare const __propDef: {
-    props: Props;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type CarouselNextProps = typeof __propDef.props;
-export type CarouselNextEvents = typeof __propDef.events;
-export type CarouselNextSlots = typeof __propDef.slots;
-export default class CarouselNext extends SvelteComponent<CarouselNextProps, CarouselNextEvents, CarouselNextSlots> {
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports;
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const CarouselNext: $$__sveltets_2_IsomorphicComponent<Props, {
+    [evt: string]: CustomEvent<any>;
+}, {}, Record<string, any>, string>;
+type CarouselNext = InstanceType<typeof CarouselNext>;
+export default CarouselNext;

package/dist/components/ui/carousel/carousel-previous.svelte

@@ -1,12 +1,18 @@
-<script>import ArrowLeft from "lucide-svelte/icons/arrow-left";
-import { getEmblaContext } from "./context.js";
-import { cn } from "../../../utils.js";
-import { Button } from "../button/index.js";
-let className = void 0;
-export { className as class };
-export let variant = "outline";
-export let size = "icon";
-const { orientation, canScrollPrev, scrollPrev, handleKeyDown } = getEmblaContext("<Carousel.Previous/>");
+<script lang="ts">
+	import ArrowLeft from "lucide-svelte/icons/arrow-left";
+	import type { VariantProps } from "tailwind-variants";
+	import { getEmblaContext } from "./context.js";
+	import { cn } from "../../../utils.js";
+	import { Button, type Props, type buttonVariants } from "../button/index.js";
+
+	type $$Props = Props;
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+	export let variant: VariantProps<typeof buttonVariants>["variant"] = "outline";
+	export let size: VariantProps<typeof buttonVariants>["size"] = "icon";
+
+	const { orientation, canScrollPrev, scrollPrev, handleKeyDown } = getEmblaContext("<Carousel.Previous/>");
 </script>
 
 <Button

package/dist/components/ui/carousel/carousel-previous.svelte.d.ts

@@ -1,17 +1,17 @@
-import { SvelteComponent } from "svelte";
+/// <reference types="svelte" />
 import { type Props } from "../button/index.js";
-declare const __propDef: {
-    props: Props;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type CarouselPreviousProps = typeof __propDef.props;
-export type CarouselPreviousEvents = typeof __propDef.events;
-export type CarouselPreviousSlots = typeof __propDef.slots;
-export default class CarouselPrevious extends SvelteComponent<CarouselPreviousProps, CarouselPreviousEvents, CarouselPreviousSlots> {
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports;
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const CarouselPrevious: $$__sveltets_2_IsomorphicComponent<Props, {
+    [evt: string]: CustomEvent<any>;
+}, {}, Record<string, any>, string>;
+type CarouselPrevious = InstanceType<typeof CarouselPrevious>;
+export default CarouselPrevious;

package/dist/components/ui/carousel/carousel.svelte

@@ -1,75 +1,89 @@
-<script>import { writable } from "svelte/store";
-import { onDestroy } from "svelte";
-import { setEmblaContext } from "./context.js";
-import { cn } from "../../../utils.js";
-export let opts = {};
-export let plugins = [];
-export let api = void 0;
-export let orientation = "horizontal";
-let className = void 0;
-export { className as class };
-const apiStore = writable(void 0);
-const orientationStore = writable(orientation);
-const canScrollPrev = writable(false);
-const canScrollNext = writable(false);
-const optionsStore = writable(opts);
-const pluginStore = writable(plugins);
-const scrollSnapsStore = writable([]);
-const selectedIndexStore = writable(0);
-$: orientationStore.set(orientation);
-$: pluginStore.set(plugins);
-$: optionsStore.set(opts);
-function scrollPrev() {
-  api?.scrollPrev();
-}
-function scrollNext() {
-  api?.scrollNext();
-}
-function scrollTo(index, jump) {
-  api?.scrollTo(index, jump);
-}
-function onSelect(api2) {
-  if (!api2) return;
-  canScrollPrev.set(api2.canScrollPrev());
-  canScrollNext.set(api2.canScrollNext());
-}
-$: if (api) {
-  onSelect(api);
-  api.on("select", onSelect);
-  api.on("reInit", onSelect);
-}
-function handleKeyDown(e) {
-  if (e.key === "ArrowLeft") {
-    e.preventDefault();
-    scrollPrev();
-  } else if (e.key === "ArrowRight") {
-    e.preventDefault();
-    scrollNext();
-  }
-}
-setEmblaContext({
-  api: apiStore,
-  scrollPrev,
-  scrollNext,
-  orientation: orientationStore,
-  canScrollNext,
-  canScrollPrev,
-  handleKeyDown,
-  options: optionsStore,
-  plugins: pluginStore,
-  onInit,
-  scrollSnaps: scrollSnapsStore,
-  selectedIndex: selectedIndexStore,
-  scrollTo
-});
-function onInit(event) {
-  api = event.detail;
-  apiStore.set(api);
-  scrollSnapsStore.set(api.scrollSnapList());
-}
-onDestroy(() => {
-  api?.off("select", onSelect);
-});
+<script lang="ts">
+	import { writable } from "svelte/store";
+	import { onDestroy } from "svelte";
+	import { type CarouselAPI, type CarouselProps, setEmblaContext } from "./context.js";
+	import { cn } from "../../../utils.js";
+
+	type $$Props = CarouselProps;
+
+	export let opts = {};
+	export let plugins: NonNullable<$$Props["plugins"]> = [];
+	export let api: $$Props["api"] = undefined;
+	export let orientation: NonNullable<$$Props["orientation"]> = "horizontal";
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+
+	const apiStore = writable<CarouselAPI | undefined>(undefined);
+	const orientationStore = writable(orientation);
+	const canScrollPrev = writable(false);
+	const canScrollNext = writable(false);
+	const optionsStore = writable(opts);
+	const pluginStore = writable(plugins);
+	const scrollSnapsStore = writable<number[]>([]);
+	const selectedIndexStore = writable(0);
+
+	$: orientationStore.set(orientation);
+	$: pluginStore.set(plugins);
+	$: optionsStore.set(opts);
+
+	function scrollPrev() {
+		api?.scrollPrev();
+	}
+	function scrollNext() {
+		api?.scrollNext();
+	}
+	function scrollTo(index: number, jump?: boolean) {
+		api?.scrollTo(index, jump);
+	}
+
+	function onSelect(api: CarouselAPI) {
+		if (!api) return;
+		canScrollPrev.set(api.canScrollPrev());
+		canScrollNext.set(api.canScrollNext());
+	}
+
+	$: if (api) {
+		onSelect(api);
+		api.on("select", onSelect);
+		api.on("reInit", onSelect);
+	}
+
+	function handleKeyDown(e: KeyboardEvent) {
+		if (e.key === "ArrowLeft") {
+			e.preventDefault();
+			scrollPrev();
+		} else if (e.key === "ArrowRight") {
+			e.preventDefault();
+			scrollNext();
+		}
+	}
+
+	setEmblaContext({
+		api: apiStore,
+		scrollPrev,
+		scrollNext,
+		orientation: orientationStore,
+		canScrollNext,
+		canScrollPrev,
+		handleKeyDown,
+		options: optionsStore,
+		plugins: pluginStore,
+		onInit,
+		scrollSnaps: scrollSnapsStore,
+		selectedIndex: selectedIndexStore,
+		scrollTo,
+	});
+
+	function onInit(event: CustomEvent<CarouselAPI>) {
+		api = event.detail;
+		apiStore.set(api);
+		scrollSnapsStore.set(api.scrollSnapList());
+	}
+
+	onDestroy(() => {
+		api?.off("select", onSelect);
+	});
 </script>
 
 <div