@kayord/ui 0.9.1 → 0.9.3

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;
 
@@ -144,41 +145,16 @@
 			</span>
 		{/if}
 	</div>
-	{#if isSelectEnabled && showSelected}
-		<div class="flex-1 text-sm text-muted-foreground ml-4">
-			{Object.keys($selectedDataIds).length} of{" "}
-			{serverItemCount ?? $rows.length} row(s) selected.
-		</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>
-	{/if}
+	<div class="flex items-center">
+		{#if isSelectEnabled && showSelected}
+			<div class="flex-1 text-sm text-muted-foreground px-2">
+				{Object.keys($selectedDataIds).length} of {serverItemCount ?? $rows.length} row(s) selected.
+			</div>
+		{/if}
+		{#if isPagingEnabled}
+			<DataTablePagination tableModel={tableViewModel} {showRowsPerPage} />
+		{/if}
+	</div>
 
 	{#if $$slots.footer}
 		<div class="rounded-b-md overflow-hidden">

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,77 @@
+<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;
+</script>
+
+<div class="flex items-center space-x-6 lg:space-x-8 justify-end px-2">
+	{#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>

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.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;
@@ -11,18 +10,18 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const Loader: $$__sveltets_2_IsomorphicComponent<{
     class?: string | undefined | null;
-    isLoading?: boolean | undefined;
-    iconProps?: (Omit<{
+    isLoading?: boolean;
+    iconProps?: 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;
+        color?: string;
+        size?: number | string;
+        strokeWidth?: number | string;
+        absoluteStrokeWidth?: boolean;
+        iconNode?: import("lucide-svelte").IconNode;
     }, "iconNode"> & {
-        isLoading?: boolean | undefined;
-    }) | undefined;
+        isLoading?: boolean;
+    };
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}, {

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.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/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> {

package/dist/components/ui/card/card-content.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/card/card-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/card/card-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/card/card-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/card/card-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 CardTitle: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<HTMLAttributes<HTMLHeadingElement> & {
-    tag?: HeadingLevel | undefined;
+    tag?: HeadingLevel;
 }, {
     default: {};
 }>, {

package/dist/components/ui/card/card.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> & {