@kayord/ui 0.9.0 → 0.9.2

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

@@ -6,7 +6,7 @@
 	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";
+	import DataTablePagination from "./DataTablePagination.svelte";
 
 	type RowData = Record<string, any>;
 	type T = $$Generic<RowData>;
@@ -22,6 +22,7 @@
 	export let rowAction: ((row: T | undefined) => void) | undefined = undefined;
 
 	export let showSelected: boolean = true;
+	export let showRowsPerPage: boolean = false;
 
 	const { headerRows, pageRows, tableAttrs, tableBodyAttrs, pluginStates, rows, flatColumns } = tableViewModel;
 
@@ -151,33 +152,7 @@
 		</div>
 	{/if}
 	{#if isPagingEnabled}
-		<Pagination.Root count={serverItemCount ?? $rows.length} perPage={$pageSize} let:pages let:currentPage>
-			<Pagination.Content>
-				<Pagination.Item>
-					<Pagination.PrevButton on:click={() => ($pageIndex = $pageIndex - 1)} />
-				</Pagination.Item>
-				{#each pages as page (page.key)}
-					{#if page.type === "ellipsis"}
-						<Pagination.Item>
-							<Pagination.Ellipsis />
-						</Pagination.Item>
-					{:else}
-						<Pagination.Item>
-							<Pagination.Link
-								{page}
-								isActive={currentPage == page.value}
-								on:click={() => ($pageIndex = page.value - 1)}
-							>
-								{page.value}
-							</Pagination.Link>
-						</Pagination.Item>
-					{/if}
-				{/each}
-				<Pagination.Item>
-					<Pagination.NextButton on:click={() => ($pageIndex = $pageIndex + 1)} />
-				</Pagination.Item>
-			</Pagination.Content>
-		</Pagination.Root>
+		<DataTablePagination tableModel={tableViewModel} {showRowsPerPage} />
 	{/if}
 
 	{#if $$slots.footer}

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

@@ -1,16 +1,16 @@
-/// <reference types="svelte" />
 import { type TableViewModel } from "svelte-headless-table";
 type RowData = Record<string, any>;
 declare class __sveltets_Render<T extends RowData> {
     props(): {
         tableViewModel: TableViewModel<T, import("svelte-headless-table/dist/types/TablePlugin").AnyPlugins>;
-        title?: string | undefined;
-        isLoading?: boolean | undefined;
-        hideHeader?: boolean | undefined;
+        title?: string;
+        isLoading?: boolean;
+        hideHeader?: boolean;
         noDataMessage?: string | undefined;
         serverItemCount?: number | undefined;
         rowAction?: ((row: T | undefined) => void) | undefined;
-        showSelected?: boolean | undefined;
+        showSelected?: boolean;
+        showRowsPerPage?: boolean;
     };
     events(): {} & {
         [evt: string]: CustomEvent<any>;

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

@@ -1,4 +1,3 @@
-/// <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;

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { Writable } from "svelte/store";
 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> & {

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

@@ -0,0 +1,84 @@
+<script lang="ts" generics="T">
+	import { Button, Select } from "../../..";
+	import { ChevronLeftIcon, ChevronRightIcon, ChevronsLeftIcon, ChevronsRightIcon } from "lucide-svelte";
+	import type { TableViewModel } from "svelte-headless-table";
+	import type { AnyPlugins } from "svelte-headless-table/plugins";
+
+	export let tableModel: TableViewModel<T, AnyPlugins>;
+	export let showRowsPerPage: boolean = false;
+
+	const { pageRows, pluginStates, rows } = tableModel;
+
+	const { hasNextPage, hasPreviousPage, pageIndex, pageCount, pageSize } = pluginStates.page;
+
+	const { selectedDataIds } = pluginStates.select;
+</script>
+
+<div class="flex items-center justify-between px-2">
+	<div class="flex-1 text-sm text-muted-foreground">
+		{Object.keys($selectedDataIds).length} of {$rows.length} row(s) selected.
+	</div>
+	<div class="flex items-center space-x-6 lg:space-x-8">
+		{#if showRowsPerPage}
+			<div class="flex items-center space-x-2">
+				<p class="text-sm font-medium">Rows per page</p>
+				<Select.Root
+					onSelectedChange={(selected) => pageSize.set(Number(selected?.value))}
+					selected={{ value: 10, label: "10" }}
+				>
+					<Select.Trigger class="h-8 w-[70px]">
+						<Select.Value placeholder="Select page size" />
+					</Select.Trigger>
+					<Select.Content>
+						<Select.Item value="10">10</Select.Item>
+						<Select.Item value="20">20</Select.Item>
+						<Select.Item value="30">30</Select.Item>
+						<Select.Item value="40">40</Select.Item>
+						<Select.Item value="50">50</Select.Item>
+					</Select.Content>
+				</Select.Root>
+			</div>
+		{/if}
+		<div class="flex w-[100px] items-center justify-center text-sm font-medium">
+			Page {$pageIndex + 1} of {$pageCount}
+		</div>
+		<div class="flex items-center space-x-2">
+			<Button
+				variant="outline"
+				class="hidden h-8 w-8 p-0 lg:flex"
+				on:click={() => ($pageIndex = 0)}
+				disabled={!$hasPreviousPage}
+			>
+				<span class="sr-only">Go to first page</span>
+				<ChevronsLeftIcon size={15} />
+			</Button>
+			<Button
+				variant="outline"
+				class="h-8 w-8 p-0"
+				on:click={() => ($pageIndex = $pageIndex - 1)}
+				disabled={!$hasPreviousPage}
+			>
+				<span class="sr-only">Go to previous page</span>
+				<ChevronLeftIcon size={15} />
+			</Button>
+			<Button
+				variant="outline"
+				class="h-8 w-8 p-0"
+				disabled={!$hasNextPage}
+				on:click={() => ($pageIndex = $pageIndex + 1)}
+			>
+				<span class="sr-only">Go to next page</span>
+				<ChevronRightIcon size={15} />
+			</Button>
+			<Button
+				variant="outline"
+				class="hidden h-8 w-8 p-0 lg:flex"
+				disabled={!$hasNextPage}
+				on:click={() => ($pageIndex = Math.ceil($rows.length / $pageRows.length) - 1)}
+			>
+				<span class="sr-only">Go to last page</span>
+				<ChevronsRightIcon size={15} />
+			</Button>
+		</div>
+	</div>
+</div>

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

@@ -0,0 +1,25 @@
+import type { TableViewModel } from "svelte-headless-table";
+declare class __sveltets_Render<T> {
+    props(): {
+        tableModel: TableViewModel<T, AnyPlugins>;
+        showRowsPerPage?: boolean;
+    };
+    events(): {} & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots(): {};
+    bindings(): string;
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): 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>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {
+        $$events?: ReturnType<__sveltets_Render<T>['events']>;
+    }): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const DataTablePagination: $$IsomorphicComponent;
+type DataTablePagination<T> = InstanceType<typeof DataTablePagination<T>>;
+export default DataTablePagination;

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

@@ -3,20 +3,25 @@
 	import { cn } from "../../../utils";
 	import { type Icon } from "lucide-svelte";
 	import LoaderCircleIcon from "lucide-svelte/icons/loader-circle";
-	import { fade } from "svelte/transition";
+	import { scale } 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 };
+
+	interface Props {
+		class?: string | undefined | null;
+		isLoading?: boolean;
+		iconProps?: LoaderIconProps;
+	}
+
+	let { class: className = undefined, isLoading, iconProps }: Props = $props();
 </script>
 
 {#if isLoading}
-	<div class="flex justify-center" in:fade={{ delay: 150, duration: 400 }} out:fade={{ duration: 0 }}>
-		<LoaderCircleIcon class={cn("h-8 w-8 animate-spin m-2", className)} {...$$restProps} />
+	<div class="flex justify-center" in:scale={{ duration: 350 }} out:scale={{ duration: 200 }}>
+		<LoaderCircleIcon class={cn("h-8 w-8 animate-spin m-2", className)} {...iconProps} />
 	</div>
 {/if}

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

@@ -1,4 +1,3 @@
-/// <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;
@@ -9,18 +8,24 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     }): Exports;
     z_$$bindings?: Bindings;
 }
-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;
+declare const Loader: $$__sveltets_2_IsomorphicComponent<{
+    class?: string | undefined | null;
+    isLoading?: boolean;
+    iconProps?: Omit<{
+        [x: string]: any;
+        name?: string | undefined;
+        color?: string;
+        size?: number | string;
+        strokeWidth?: number | string;
+        absoluteStrokeWidth?: boolean;
+        iconNode?: import("lucide-svelte").IconNode;
+    }, "iconNode"> & {
+        isLoading?: boolean;
+    };
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}, Record<string, any>, string>;
+}, {}, {
+    class: string | null | undefined;
+}, "">;
 type Loader = InstanceType<typeof Loader>;
 export default Loader;

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { Progress as ProgressPrimitive } from "bits-ui";
 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> & {

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

@@ -4,11 +4,14 @@
 	import Sun from "lucide-svelte/icons/sun";
 	import { cn } from "../../../utils";
 
-	let className: string | undefined | null = undefined;
-	export { className as class };
+	interface Props {
+		class?: string | undefined | null;
+	}
+
+	let { class: className = undefined }: Props = $props();
 </script>
 
-<button on:click={toggleMode} class={cn("text-primary", className)}>
+<button onclick={toggleMode} class={cn("text-primary", className)}>
 	{#if $mode == "dark"}
 		<Moon />
 	{:else}

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

@@ -1,4 +1,3 @@
-/// <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;
@@ -13,6 +12,6 @@ declare const ThemeSwitch: $$__sveltets_2_IsomorphicComponent<{
     class?: string | undefined | null;
 }, {
     [evt: string]: CustomEvent<any>;
-}, {}, Record<string, any>, string>;
+}, {}, Record<string, any>, "">;
 type ThemeSwitch = InstanceType<typeof ThemeSwitch>;
 export default ThemeSwitch;

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { Accordion as AccordionPrimitive } from "bits-ui";
 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> & {

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { Accordion as AccordionPrimitive } from "bits-ui";
 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> & {

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { Accordion as AccordionPrimitive } from "bits-ui";
 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> & {

package/dist/components/ui/alert/alert-description.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { HTMLAttributes } from "svelte/elements";
 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> & {

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { HTMLAttributes } from "svelte/elements";
 import type { HeadingLevel } from "./index.js";
 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> {
@@ -17,7 +16,7 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
     children?: any;
 } : {});
 declare const AlertTitle: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<HTMLAttributes<HTMLHeadingElement> & {
-    level?: HeadingLevel | undefined;
+    level?: HeadingLevel;
 }, {
     default: {};
 }>, {

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { HTMLAttributes } from "svelte/elements";
 import { type Variant } from "./index.js";
 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> {

package/dist/components/ui/alert-dialog/alert-dialog-content.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
 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> & {

package/dist/components/ui/alert-dialog/alert-dialog-description.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
 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> & {

package/dist/components/ui/alert-dialog/alert-dialog-footer.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { HTMLAttributes } from "svelte/elements";
 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> & {

package/dist/components/ui/alert-dialog/alert-dialog-header.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { HTMLAttributes } from "svelte/elements";
 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> & {

package/dist/components/ui/alert-dialog/alert-dialog-overlay.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
 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> & {

package/dist/components/ui/alert-dialog/alert-dialog-portal.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
 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> & {

package/dist/components/ui/alert-dialog/alert-dialog-title.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
 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> & {

package/dist/components/ui/aspect-ratio/aspect-ratio.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { AspectRatio as AspectRatioPrimitive } from "bits-ui";
 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> & {

package/dist/components/ui/avatar/avatar-fallback.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { Avatar as AvatarPrimitive } from "bits-ui";
 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> & {

package/dist/components/ui/avatar/avatar-image.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { Avatar as AvatarPrimitive } from "bits-ui";
 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> & {

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { Avatar as AvatarPrimitive } from "bits-ui";
 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> & {

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { type Variant } from "./index.js";
 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> & {

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { HTMLAttributes } from "svelte/elements";
 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> & {
@@ -11,7 +10,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     z_$$bindings?: Bindings;
 }
 declare const BreadcrumbEllipsis: $$__sveltets_2_IsomorphicComponent<HTMLAttributes<HTMLSpanElement> & {
-    el?: HTMLSpanElement | undefined;
+    el?: HTMLSpanElement;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, Record<string, any>, string>;

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { HTMLLiAttributes } from "svelte/elements";
 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> & {
@@ -16,7 +15,7 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
     children?: any;
 } : {});
 declare const BreadcrumbItem: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<HTMLLiAttributes & {
-    el?: HTMLLIElement | undefined;
+    el?: HTMLLIElement;
 }, {
     default: {};
 }>, {

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { HTMLAnchorAttributes } from "svelte/elements";
 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> & {
@@ -16,8 +15,8 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
     children?: any;
 } : {});
 declare const BreadcrumbLink: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<HTMLAnchorAttributes & {
-    el?: HTMLAnchorElement | undefined;
-    asChild?: boolean | undefined;
+    el?: HTMLAnchorElement;
+    asChild?: boolean;
 }, {
     default: {
         attrs: Record<string, unknown>;

package/dist/components/ui/breadcrumb/breadcrumb-list.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { HTMLOlAttributes } from "svelte/elements";
 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> & {
@@ -16,7 +15,7 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
     children?: any;
 } : {});
 declare const BreadcrumbList: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<HTMLOlAttributes & {
-    el?: HTMLOListElement | undefined;
+    el?: HTMLOListElement;
 }, {
     default: {};
 }>, {

package/dist/components/ui/breadcrumb/breadcrumb-page.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { HTMLAttributes } from "svelte/elements";
 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> & {
@@ -18,7 +17,7 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
 declare const BreadcrumbPage: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
     class?: string | null | undefined;
 } & HTMLAttributes<HTMLSpanElement> & {
-    el?: HTMLSpanElement | undefined;
+    el?: HTMLSpanElement;
 }, {
     default: {};
 }>, {

package/dist/components/ui/breadcrumb/breadcrumb-separator.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { HTMLLiAttributes } from "svelte/elements";
 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> & {
@@ -16,7 +15,7 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
     children?: any;
 } : {});
 declare const BreadcrumbSeparator: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<HTMLLiAttributes & {
-    el?: HTMLLIElement | undefined;
+    el?: HTMLLIElement;
 }, {
     default: {};
 }>, {

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { HTMLAttributes } from "svelte/elements";
 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> & {
@@ -16,7 +15,7 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
     children?: any;
 } : {});
 declare const Breadcrumb: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<HTMLAttributes<HTMLElement> & {
-    el?: HTMLElement | undefined;
+    el?: HTMLElement;
 }, {
     default: {};
 }>, {

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { Button as ButtonPrimitive } from "bits-ui";
 import { type Props } from "./index.js";
 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> {

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { Calendar as CalendarPrimitive } from "bits-ui";
 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> & {

package/dist/components/ui/calendar/calendar-grid-body.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { Calendar as CalendarPrimitive } from "bits-ui";
 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> & {

package/dist/components/ui/calendar/calendar-grid-head.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { Calendar as CalendarPrimitive } from "bits-ui";
 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> & {

package/dist/components/ui/calendar/calendar-grid-row.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { Calendar as CalendarPrimitive } from "bits-ui";
 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> & {

package/dist/components/ui/calendar/calendar-grid.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { Calendar as CalendarPrimitive } from "bits-ui";
 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> & {

package/dist/components/ui/calendar/calendar-head-cell.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { Calendar as CalendarPrimitive } from "bits-ui";
 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> & {

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { Calendar as CalendarPrimitive } from "bits-ui";
 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> & {

package/dist/components/ui/calendar/calendar-heading.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { Calendar as CalendarPrimitive } from "bits-ui";
 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> & {

package/dist/components/ui/calendar/calendar-months.svelte.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { HTMLAttributes } from "svelte/elements";
 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> & {

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

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { Calendar as CalendarPrimitive } from "bits-ui";
 import * as Calendar from "./index.js";
 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> {