@kayord/ui 0.8.19 → 0.9.0

package/README.md

@@ -18,6 +18,8 @@ Pnpm command to install ui library.
 # create a new project in the current directory
 pnpm add -D @kayord/ui
 pnpm add -D @kayord/tw-plugin
+# install peer dependencies
+pnpm add -D lucide-svelte zod sveltekit-superforms
 ```
 
 ### Manual Setup New Project

package/dist/components/custom/data-table/DataTable.svelte

@@ -1,30 +1,47 @@
-<script>import ArrowDown from "lucide-svelte/icons/arrow-down";
-import ArrowUp from "lucide-svelte/icons/arrow-up";
-import { fade } from "svelte/transition";
-import { Button, ProgressLoading, Skeleton } from "../../..";
-import { Subscribe, Render } from "svelte-headless-table";
-import * as Table from "../../ui/table";
-import * as Pagination from "../../ui/pagination";
-export let tableViewModel;
-export let title = "";
-export let isLoading = false;
-export let hideHeader = false;
-export let noDataMessage = "No Data";
-export let serverItemCount = void 0;
-export let rowAction = void 0;
-export let showSelected = true;
-const { headerRows, pageRows, tableAttrs, tableBodyAttrs, pluginStates, rows, flatColumns } = tableViewModel;
-const isSortEnabled = pluginStates.sort != void 0;
-const sortKeys = isSortEnabled ? pluginStates.sort.sortKeys : void 0;
-const isPagingEnabled = pluginStates.page != void 0;
-const pageIndex = isPagingEnabled ? pluginStates.page.pageIndex : void 0;
-const pageSize = isPagingEnabled ? pluginStates.page.pageSize : void 0;
-const isSelectEnabled = pluginStates.select != void 0;
-const selectedDataIds = isSelectEnabled ? pluginStates.select.selectedDataIds : void 0;
-const getOriginalData = (id) => {
-  const data = $pageRows[id];
-  return data.original;
-};
+<script lang="ts">
+	import ArrowDown from "lucide-svelte/icons/arrow-down";
+	import ArrowUp from "lucide-svelte/icons/arrow-up";
+	import { fade } from "svelte/transition";
+
+	import { Button, ProgressLoading, Skeleton } from "../../..";
+	import { Subscribe, Render, type TableViewModel } from "svelte-headless-table";
+	import * as Table from "../../ui/table";
+	import * as Pagination from "../../ui/pagination";
+
+	type RowData = Record<string, any>;
+	type T = $$Generic<RowData>;
+	export let tableViewModel: TableViewModel<T>;
+
+	export let title: string = "";
+	export let isLoading: boolean = false;
+	export let hideHeader: boolean = false;
+
+	export let noDataMessage: string | undefined = "No Data";
+	export let serverItemCount: number | undefined = undefined;
+
+	export let rowAction: ((row: T | undefined) => void) | undefined = undefined;
+
+	export let showSelected: boolean = true;
+
+	const { headerRows, pageRows, tableAttrs, tableBodyAttrs, pluginStates, rows, flatColumns } = tableViewModel;
+
+	// Sorting
+	const isSortEnabled = pluginStates.sort != undefined;
+	const sortKeys = isSortEnabled ? pluginStates.sort.sortKeys : undefined;
+
+	// Paging
+	const isPagingEnabled = pluginStates.page != undefined;
+	const pageIndex = isPagingEnabled ? pluginStates.page.pageIndex : undefined;
+	const pageSize = isPagingEnabled ? pluginStates.page.pageSize : undefined;
+
+	// Select
+	const isSelectEnabled = pluginStates.select != undefined;
+	const selectedDataIds = isSelectEnabled ? pluginStates.select.selectedDataIds : undefined;
+
+	const getOriginalData = (id: any) => {
+		const data = $pageRows[id] as unknown as { original: T };
+		return data.original;
+	};
 </script>
 
 <div class="w-full">

package/dist/components/custom/data-table/DataTable.svelte.d.ts

@@ -1,4 +1,4 @@
-import { SvelteComponent } from "svelte";
+/// <reference types="svelte" />
 import { type TableViewModel } from "svelte-headless-table";
 type RowData = Record<string, any>;
 declare class __sveltets_Render<T extends RowData> {
@@ -20,10 +20,22 @@ declare class __sveltets_Render<T extends RowData> {
         subHeader: {};
         footer: {};
     };
+    bindings(): string;
+    exports(): {};
 }
-export type DataTableProps<T extends RowData> = ReturnType<__sveltets_Render<T>['props']>;
-export type DataTableEvents<T extends RowData> = ReturnType<__sveltets_Render<T>['events']>;
-export type DataTableSlots<T extends RowData> = ReturnType<__sveltets_Render<T>['slots']>;
-export default class DataTable<T extends RowData> extends SvelteComponent<DataTableProps<T>, DataTableEvents<T>, DataTableSlots<T>> {
+interface $$IsomorphicComponent {
+    new <T extends RowData>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']> & {
+        children?: any;
+    }>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends RowData>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {
+        $$events?: ReturnType<__sveltets_Render<T>['events']>;
+        $$slots?: ReturnType<__sveltets_Render<T>['slots']>;
+        children?: any;
+    }): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
-export {};
+declare const DataTable: $$IsomorphicComponent;
+type DataTable<T extends RowData> = InstanceType<typeof DataTable<T>>;
+export default DataTable;

package/dist/components/custom/data-table/DataTableActions.svelte

@@ -1,7 +1,8 @@
-<script>import * as DropdownMenu from "../../ui/dropdown-menu";
-import { Button } from "../../ui/button";
-import MoreHorizontalIcon from "lucide-svelte/icons/ellipsis";
-export let id;
+<script lang="ts">
+	import * as DropdownMenu from "../../ui/dropdown-menu";
+	import { Button } from "../../ui/button";
+	import MoreHorizontalIcon from "lucide-svelte/icons/ellipsis";
+	export let id: string;
 </script>
 
 <DropdownMenu.Root>

package/dist/components/custom/data-table/DataTableActions.svelte.d.ts

@@ -1,18 +1,18 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        id: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type DataTableActionsProps = typeof __propDef.props;
-export type DataTableActionsEvents = typeof __propDef.events;
-export type DataTableActionsSlots = typeof __propDef.slots;
-export default class DataTableActions extends SvelteComponent<DataTableActionsProps, DataTableActionsEvents, DataTableActionsSlots> {
+/// <reference types="svelte" />
+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 DataTableActions: $$__sveltets_2_IsomorphicComponent<{
+    id: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, Record<string, any>, string>;
+type DataTableActions = InstanceType<typeof DataTableActions>;
+export default DataTableActions;

package/dist/components/custom/data-table/DataTableCheckbox.svelte

@@ -1,8 +1,17 @@
-<script>import { Checkbox } from "../../ui/checkbox";
-import { cn } from "../../../utils";
-let className = void 0;
-export { className as class };
-export let checked;
+<script lang="ts">
+	import { Checkbox } from "../../ui/checkbox";
+	import { cn } from "../../../utils";
+	import type { ComponentProps } from "svelte";
+	import type { Writable } from "svelte/store";
+
+	interface DataTableCheckboxProps extends Omit<ComponentProps<Checkbox>, "checked"> {
+		checked: Writable<boolean>;
+	}
+
+	type $$Props = DataTableCheckboxProps;
+	let className: $$Props["class"] = undefined;
+	export { className as class };
+	export let checked: $$Props["checked"];
 </script>
 
 <Checkbox bind:checked={$checked} class={cn(className)} />

package/dist/components/custom/data-table/DataTableCheckbox.svelte.d.ts

@@ -1,19 +1,19 @@
-import { SvelteComponent } from "svelte";
+/// <reference types="svelte" />
 import type { Writable } from "svelte/store";
-declare const __propDef: {
-    props: Omit<import("bits-ui").CheckboxProps, "checked"> & {
-        checked: Writable<boolean>;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-type DataTableCheckboxProps_ = typeof __propDef.props;
-export { DataTableCheckboxProps_ as DataTableCheckboxProps };
-export type DataTableCheckboxEvents = typeof __propDef.events;
-export type DataTableCheckboxSlots = typeof __propDef.slots;
-export default class DataTableCheckbox extends SvelteComponent<DataTableCheckboxProps_, DataTableCheckboxEvents, DataTableCheckboxSlots> {
+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;
 }
+declare const DataTableCheckbox: $$__sveltets_2_IsomorphicComponent<Omit<import("bits-ui").CheckboxProps, "checked"> & {
+    checked: Writable<boolean>;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, Record<string, any>, string>;
+type DataTableCheckbox = InstanceType<typeof DataTableCheckbox>;
+export default DataTableCheckbox;

package/dist/components/custom/loader/Loader.svelte

@@ -1,10 +1,18 @@
-<script>import { cn } from "../../../utils";
-import {} from "lucide-svelte";
-import LoaderCircleIcon from "lucide-svelte/icons/loader-circle";
-import { fade } from "svelte/transition";
-let className = void 0;
-export let isLoading = true;
-export { className as class };
+<script lang="ts">
+	import type { ComponentProps } from "svelte";
+	import { cn } from "../../../utils";
+	import { type Icon } from "lucide-svelte";
+	import LoaderCircleIcon from "lucide-svelte/icons/loader-circle";
+	import { fade } from "svelte/transition";
+
+	interface LoaderIconProps extends Omit<ComponentProps<Icon>, "iconNode"> {
+		isLoading?: boolean;
+	}
+
+	type $$Props = LoaderIconProps;
+	let className: $$Props["class"] = undefined;
+	export let isLoading: $$Props["isLoading"] = true;
+	export { className as class };
 </script>
 
 {#if isLoading}

package/dist/components/custom/loader/Loader.svelte.d.ts

@@ -1,26 +1,26 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Omit<{
-        [x: string]: any;
-        name?: string | undefined;
-        color?: string | undefined;
-        size?: string | number | undefined;
-        strokeWidth?: string | number | undefined;
-        absoluteStrokeWidth?: boolean | undefined;
-        iconNode?: import("lucide-svelte").IconNode | undefined;
-    }, "iconNode"> & {
-        isLoading?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type LoaderProps = typeof __propDef.props;
-export type LoaderEvents = typeof __propDef.events;
-export type LoaderSlots = typeof __propDef.slots;
-export default class Loader extends SvelteComponent<LoaderProps, LoaderEvents, LoaderSlots> {
+/// <reference types="svelte" />
+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 Loader: $$__sveltets_2_IsomorphicComponent<Omit<{
+    [x: string]: any;
+    name?: string | undefined;
+    color?: string | undefined;
+    size?: string | number | undefined;
+    strokeWidth?: string | number | undefined;
+    absoluteStrokeWidth?: boolean | undefined;
+    iconNode?: import("lucide-svelte").IconNode | undefined;
+}, "iconNode"> & {
+    isLoading?: boolean | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, Record<string, any>, string>;
+type Loader = InstanceType<typeof Loader>;
+export default Loader;

package/dist/components/custom/progress-loading/ProgressLoading.svelte

@@ -1,14 +1,18 @@
-<script>import { Progress as ProgressPrimitive } from "bits-ui";
-import { cn } from "../../../utils";
-let className = void 0;
-export { className as class };
+<script lang="ts">
+	import { Progress as ProgressPrimitive } from "bits-ui";
+	import { cn } from "../../../utils";
+
+	type $$Props = ProgressPrimitive.Props;
+
+	let className: $$Props["class"] = undefined;
+	export { className as class };
 </script>
 
 <ProgressPrimitive.Root
 	class={cn("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className)}
 	{...$$restProps}
 >
-	<div class="progressbar-infinite h-full w-full flex-1 bg-primary transition-all" />
+	<div class="progressbar-infinite h-full w-full flex-1 bg-primary transition-all"></div>
 </ProgressPrimitive.Root>
 
 <style>

package/dist/components/custom/progress-loading/ProgressLoading.svelte.d.ts

@@ -1,17 +1,17 @@
-import { SvelteComponent } from "svelte";
+/// <reference types="svelte" />
 import { Progress as ProgressPrimitive } from "bits-ui";
-declare const __propDef: {
-    props: ProgressPrimitive.Props;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type ProgressLoadingProps = typeof __propDef.props;
-export type ProgressLoadingEvents = typeof __propDef.events;
-export type ProgressLoadingSlots = typeof __propDef.slots;
-export default class ProgressLoading extends SvelteComponent<ProgressLoadingProps, ProgressLoadingEvents, ProgressLoadingSlots> {
+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 ProgressLoading: $$__sveltets_2_IsomorphicComponent<ProgressPrimitive.Props, {
+    [evt: string]: CustomEvent<any>;
+}, {}, Record<string, any>, string>;
+type ProgressLoading = InstanceType<typeof ProgressLoading>;
+export default ProgressLoading;

package/dist/components/custom/theme-switch/ThemeSwitch.svelte

@@ -1,9 +1,11 @@
-<script>import { toggleMode, mode } from "mode-watcher";
-import Moon from "lucide-svelte/icons/moon";
-import Sun from "lucide-svelte/icons/sun";
-import { cn } from "../../../utils";
-let className = void 0;
-export { className as class };
+<script lang="ts">
+	import { toggleMode, mode } from "mode-watcher";
+	import Moon from "lucide-svelte/icons/moon";
+	import Sun from "lucide-svelte/icons/sun";
+	import { cn } from "../../../utils";
+
+	let className: string | undefined | null = undefined;
+	export { className as class };
 </script>
 
 <button on:click={toggleMode} class={cn("text-primary", className)}>

package/dist/components/custom/theme-switch/ThemeSwitch.svelte.d.ts

@@ -1,18 +1,18 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        class?: string | undefined | null;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type ThemeSwitchProps = typeof __propDef.props;
-export type ThemeSwitchEvents = typeof __propDef.events;
-export type ThemeSwitchSlots = typeof __propDef.slots;
-export default class ThemeSwitch extends SvelteComponent<ThemeSwitchProps, ThemeSwitchEvents, ThemeSwitchSlots> {
+/// <reference types="svelte" />
+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 ThemeSwitch: $$__sveltets_2_IsomorphicComponent<{
+    class?: string | undefined | null;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, Record<string, any>, string>;
+type ThemeSwitch = InstanceType<typeof ThemeSwitch>;
+export default ThemeSwitch;

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

@@ -1,12 +1,16 @@
-<script>import { Accordion as AccordionPrimitive } from "bits-ui";
-import { slide } from "svelte/transition";
-import { cn } from "../../../utils.js";
-let className = void 0;
-export let transition = slide;
-export let transitionConfig = {
-  duration: 200
-};
-export { className as class };
+<script lang="ts">
+	import { Accordion as AccordionPrimitive } from "bits-ui";
+	import { slide } from "svelte/transition";
+	import { cn } from "../../../utils.js";
+
+	type $$Props = AccordionPrimitive.ContentProps;
+
+	let className: $$Props["class"] = undefined;
+	export let transition: $$Props["transition"] = slide;
+	export let transitionConfig: $$Props["transitionConfig"] = {
+		duration: 200,
+	};
+	export { className as class };
 </script>
 
 <AccordionPrimitive.Content

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

@@ -1,19 +1,26 @@
-import { SvelteComponent } from "svelte";
+/// <reference types="svelte" />
 import { Accordion as AccordionPrimitive } from "bits-ui";
-declare const __propDef: {
-    props: AccordionPrimitive.ContentProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type AccordionContentProps = typeof __propDef.props;
-export type AccordionContentEvents = typeof __propDef.events;
-export type AccordionContentSlots = typeof __propDef.slots;
-export default class AccordionContent extends SvelteComponent<AccordionContentProps, AccordionContentEvents, AccordionContentSlots> {
+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 AccordionContent: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<AccordionPrimitive.ContentProps, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, Record<string, any>, string>;
+type AccordionContent = InstanceType<typeof AccordionContent>;
+export default AccordionContent;

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

@@ -1,8 +1,12 @@
-<script>import { Accordion as AccordionPrimitive } from "bits-ui";
-import { cn } from "../../../utils.js";
-let className = void 0;
-export let value;
-export { className as class };
+<script lang="ts">
+	import { Accordion as AccordionPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	type $$Props = AccordionPrimitive.ItemProps;
+
+	let className: $$Props["class"] = undefined;
+	export let value: $$Props["value"];
+	export { className as class };
 </script>
 
 <AccordionPrimitive.Item {value} class={cn("border-b", className)} {...$$restProps}>

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

@@ -1,19 +1,26 @@
-import { SvelteComponent } from "svelte";
+/// <reference types="svelte" />
 import { Accordion as AccordionPrimitive } from "bits-ui";
-declare const __propDef: {
-    props: AccordionPrimitive.ItemProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-    exports?: {} | undefined;
-    bindings?: string | undefined;
-};
-export type AccordionItemProps = typeof __propDef.props;
-export type AccordionItemEvents = typeof __propDef.events;
-export type AccordionItemSlots = typeof __propDef.slots;
-export default class AccordionItem extends SvelteComponent<AccordionItemProps, AccordionItemEvents, AccordionItemSlots> {
+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 AccordionItem: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<AccordionPrimitive.ItemProps, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, Record<string, any>, string>;
+type AccordionItem = InstanceType<typeof AccordionItem>;
+export default AccordionItem;

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

@@ -1,9 +1,14 @@
-<script>import { Accordion as AccordionPrimitive } from "bits-ui";
-import ChevronDown from "lucide-svelte/icons/chevron-down";
-import { cn } from "../../../utils.js";
-let className = void 0;
-export let level = 3;
-export { className as class };
+<script lang="ts">
+	import { Accordion as AccordionPrimitive } from "bits-ui";
+	import ChevronDown from "lucide-svelte/icons/chevron-down";
+	import { cn } from "../../../utils.js";
+
+	type $$Props = AccordionPrimitive.TriggerProps;
+	type $$Events = AccordionPrimitive.TriggerEvents;
+
+	let className: $$Props["class"] = undefined;
+	export let level: AccordionPrimitive.HeaderProps["level"] = 3;
+	export { className as class };
 </script>
 
 <AccordionPrimitive.Header {level} class="flex">

package/dist/components/ui/accordion/accordion-trigger.svelte.d.ts

@@ -1,15 +1,24 @@
-import { SvelteComponent } from "svelte";
+/// <reference types="svelte" />
 import { Accordion as AccordionPrimitive } from "bits-ui";
-declare const __propDef: {
-    props: AccordionPrimitive.TriggerProps;
-    slots: {
-        default: {};
-    };
-    events: AccordionPrimitive.TriggerEvents;
-};
-export type AccordionTriggerProps = typeof __propDef.props;
-export type AccordionTriggerEvents = typeof __propDef.events;
-export type AccordionTriggerSlots = typeof __propDef.slots;
-export default class AccordionTrigger extends SvelteComponent<AccordionTriggerProps, AccordionTriggerEvents, AccordionTriggerSlots> {
+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 AccordionTrigger: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<AccordionPrimitive.TriggerProps, {
+    default: {};
+}>, AccordionPrimitive.TriggerEvents, {
+    default: {};
+}, Record<string, any>, string>;
+type AccordionTrigger = InstanceType<typeof AccordionTrigger>;
+export default AccordionTrigger;