@svadmin/ui 0.29.3 → 0.30.0

package/dist/components/ui/scroll-area/index.js

@@ -0,0 +1 @@
+export { default as ScrollArea } from "./scroll-area.svelte";

package/dist/components/ui/scroll-area/scroll-area.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import type { Snippet } from "svelte";
+	import { cn } from "../../../utils.js";
+
+	let { class: className, children, orientation = 'vertical', ...restProps }:
+		{ class?: string; children: Snippet; orientation?: 'vertical' | 'horizontal' } & Record<string, unknown> = $props();
+</script>
+
+<div
+	class={cn("relative overflow-hidden", className)}
+	{...restProps}
+>
+	<div class={cn(
+		"h-full w-full overflow-auto scrollbar-thin scrollbar-track-transparent scrollbar-thumb-border hover:scrollbar-thumb-muted-foreground/50",
+		orientation === 'horizontal' ? 'overflow-x-auto overflow-y-hidden' : 'overflow-y-auto overflow-x-hidden'
+	)}>
+		{@render children()}
+	</div>
+</div>
+

package/dist/components/ui/scroll-area/scroll-area.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from "svelte";
+type $$ComponentProps = {
+    class?: string;
+    children: Snippet;
+    orientation?: 'vertical' | 'horizontal';
+} & Record<string, unknown>;
+declare const ScrollArea: import("svelte").Component<$$ComponentProps, {}, "">;
+type ScrollArea = ReturnType<typeof ScrollArea>;
+export default ScrollArea;

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

@@ -0,0 +1,2 @@
+import Root from "./select.svelte";
+export { Root, Root as Select };

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

@@ -0,0 +1,2 @@
+import Root from "./select.svelte";
+export { Root, Root as Select };

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

@@ -0,0 +1,36 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLSelectAttributes } from "svelte/elements";
+
+	// Use HTMLElement instead of HTMLSelectElement to avoid TS error:
+	// HTMLSelectElement.remove() returns void, incompatible with HTMLElement's Element return
+	type Props = WithElementRef<HTMLSelectAttributes, HTMLElement> & {
+		placeholder?: string;
+	};
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(""),
+		class: className,
+		placeholder,
+		children,
+		...restProps
+	}: Props = $props();
+</script>
+
+<select
+	bind:this={ref}
+	data-slot="select"
+	class={cn(
+		"dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-9 w-full appearance-none rounded-lg border bg-transparent px-3 py-1.5 text-base transition-colors focus-visible:ring-3 aria-invalid:ring-3 md:text-sm placeholder:text-muted-foreground outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 bg-[length:16px] bg-[right_8px_center] bg-no-repeat",
+		"bg-[url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\")]",
+		className
+	)}
+	bind:value
+	{...restProps}
+>
+	{#if placeholder}
+		<option value="" disabled selected>{placeholder}</option>
+	{/if}
+	{@render children?.()}
+</select>

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

@@ -0,0 +1,8 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLSelectAttributes } from "svelte/elements";
+type Props = WithElementRef<HTMLSelectAttributes, HTMLElement> & {
+    placeholder?: string;
+};
+declare const Select: import("svelte").Component<Props, {}, "value" | "ref">;
+type Select = ReturnType<typeof Select>;
+export default Select;

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

@@ -0,0 +1,2 @@
+import Root from "./separator.svelte";
+export { Root, Root as Separator, };

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

@@ -0,0 +1,4 @@
+import Root from "./separator.svelte";
+export { Root, 
+//
+Root as Separator, };

package/dist/components/ui/separator/separator.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { Separator as SeparatorPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		"data-slot": dataSlot = "separator",
+		...restProps
+	}: SeparatorPrimitive.RootProps = $props();
+</script>
+
+<SeparatorPrimitive.Root
+	bind:ref
+	data-slot={dataSlot}
+	class={cn(
+		"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px",
+		// this is different in shadcn/ui but self-stretch breaks things for us
+		"data-[orientation=vertical]:h-full",
+		className
+	)}
+	{...restProps}
+/>

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

@@ -0,0 +1,4 @@
+import { Separator as SeparatorPrimitive } from "bits-ui";
+declare const Separator: import("svelte").Component<SeparatorPrimitive.RootProps, {}, "ref">;
+type Separator = ReturnType<typeof Separator>;
+export default Separator;

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

@@ -0,0 +1,7 @@
+import Root from "./sheet.svelte";
+import Content from "./sheet-content.svelte";
+import Header from "./sheet-header.svelte";
+import Title from "./sheet-title.svelte";
+import Description from "./sheet-description.svelte";
+import Footer from "./sheet-footer.svelte";
+export { Root, Content, Header, Title, Description, Footer, Root as Sheet, };

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

@@ -0,0 +1,7 @@
+import Root from "./sheet.svelte";
+import Content from "./sheet-content.svelte";
+import Header from "./sheet-header.svelte";
+import Title from "./sheet-title.svelte";
+import Description from "./sheet-description.svelte";
+import Footer from "./sheet-footer.svelte";
+export { Root, Content, Header, Title, Description, Footer, Root as Sheet, };

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

@@ -0,0 +1,28 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	type Props = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+		side?: "left" | "right";
+	};
+
+	let {
+		ref = $bindable(null),
+		side = "right",
+		class: className,
+		children,
+		...restProps
+	}: Props = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="sheet-content"
+	class={cn(
+		"flex flex-col gap-4 h-full",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

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

@@ -0,0 +1,8 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+type Props = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    side?: "left" | "right";
+};
+declare const SheetContent: import("svelte").Component<Props, {}, "ref">;
+type SheetContent = ReturnType<typeof SheetContent>;
+export default SheetContent;

package/dist/components/ui/sheet/sheet-description.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	type Props = WithElementRef<HTMLAttributes<HTMLParagraphElement>>;
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: Props = $props();
+</script>
+
+<p
+	bind:this={ref}
+	data-slot="sheet-description"
+	class={cn("text-sm text-muted-foreground", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</p>

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

@@ -0,0 +1,6 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+type Props = WithElementRef<HTMLAttributes<HTMLParagraphElement>>;
+declare const SheetDescription: import("svelte").Component<Props, {}, "ref">;
+type SheetDescription = ReturnType<typeof SheetDescription>;
+export default SheetDescription;

package/dist/components/ui/sheet/sheet-footer.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	type Props = WithElementRef<HTMLAttributes<HTMLDivElement>>;
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: Props = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="sheet-footer"
+	class={cn("mt-auto flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

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

@@ -0,0 +1,6 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+type Props = WithElementRef<HTMLAttributes<HTMLDivElement>>;
+declare const SheetFooter: import("svelte").Component<Props, {}, "ref">;
+type SheetFooter = ReturnType<typeof SheetFooter>;
+export default SheetFooter;

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

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	type Props = WithElementRef<HTMLAttributes<HTMLDivElement>>;
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: Props = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="sheet-header"
+	class={cn("flex flex-col gap-1.5 pb-4", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

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

@@ -0,0 +1,6 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+type Props = WithElementRef<HTMLAttributes<HTMLDivElement>>;
+declare const SheetHeader: import("svelte").Component<Props, {}, "ref">;
+type SheetHeader = ReturnType<typeof SheetHeader>;
+export default SheetHeader;

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

@@ -0,0 +1,22 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	type Props = WithElementRef<HTMLAttributes<HTMLHeadingElement>>;
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: Props = $props();
+</script>
+
+<h3
+	bind:this={ref}
+	data-slot="sheet-title"
+	class={cn("text-lg font-semibold text-foreground", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</h3>

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

@@ -0,0 +1,6 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+type Props = WithElementRef<HTMLAttributes<HTMLHeadingElement>>;
+declare const SheetTitle: import("svelte").Component<Props, {}, "ref">;
+type SheetTitle = ReturnType<typeof SheetTitle>;
+export default SheetTitle;

package/dist/components/ui/sheet/sheet.svelte

@@ -0,0 +1,78 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	type Props = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+		open?: boolean;
+		side?: "left" | "right";
+		onClose?: () => void;
+	};
+
+	let {
+		ref = $bindable(null),
+		open = $bindable(false),
+		side = "right",
+		onClose,
+		class: className,
+		children,
+		...restProps
+	}: Props = $props();
+
+	function close() {
+		open = false;
+		onClose?.();
+	}
+
+	function handleKeydown(e: KeyboardEvent) {
+		if (e.key === "Escape") close();
+	}
+
+	$effect(() => {
+		if (open) {
+			document.addEventListener("keydown", handleKeydown);
+			document.body.style.overflow = "hidden";
+			return () => {
+				document.removeEventListener("keydown", handleKeydown);
+				document.body.style.overflow = "";
+			};
+		}
+	});
+</script>
+
+{#if open}
+	<!-- Overlay -->
+	<!-- svelte-ignore a11y_click_events_have_key_events a11y_no_static_element_interactions -->
+	<div
+		role="presentation"
+		class="fixed inset-0 z-50 bg-black/80 animate-in fade-in-0"
+		onclick={close}
+	></div>
+
+	<!-- Sheet panel -->
+	<div
+		bind:this={ref}
+		data-slot="sheet"
+		class={cn(
+			"fixed z-50 flex flex-col gap-4 bg-background p-6 shadow-lg transition-transform",
+			side === "right"
+				? "inset-y-0 right-0 h-full w-3/4 max-w-sm border-l animate-in slide-in-from-right"
+				: "inset-y-0 left-0 h-full w-3/4 max-w-sm border-r animate-in slide-in-from-left",
+			className
+		)}
+		{...restProps}
+	>
+		{@render children?.()}
+
+		<!-- Close button -->
+		<button
+			type="button"
+			class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2"
+			onclick={close}
+		>
+			<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+				<path d="M18 6 6 18"/><path d="m6 6 12 12"/>
+			</svg>
+			<span class="sr-only">Close</span>
+		</button>
+	</div>
+{/if}

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

@@ -0,0 +1,10 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+type Props = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    open?: boolean;
+    side?: "left" | "right";
+    onClose?: () => void;
+};
+declare const Sheet: import("svelte").Component<Props, {}, "open" | "ref">;
+type Sheet = ReturnType<typeof Sheet>;
+export default Sheet;

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

@@ -0,0 +1,2 @@
+import Root from "./skeleton.svelte";
+export { Root, Root as Skeleton };

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

@@ -0,0 +1,2 @@
+import Root from "./skeleton.svelte";
+export { Root, Root as Skeleton };

package/dist/components/ui/skeleton/skeleton.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	type Props = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+		class?: string;
+	};
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: Props = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="skeleton"
+	class={cn("animate-pulse rounded-md bg-muted", className)}
+	{...restProps}
+></div>

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

@@ -0,0 +1,8 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+type Props = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    class?: string;
+};
+declare const Skeleton: import("svelte").Component<Props, {}, "ref">;
+type Skeleton = ReturnType<typeof Skeleton>;
+export default Skeleton;

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

@@ -0,0 +1,2 @@
+import Root from "./switch.svelte";
+export { Root, Root as Switch };

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

@@ -0,0 +1,2 @@
+import Root from "./switch.svelte";
+export { Root, Root as Switch };

package/dist/components/ui/switch/switch.svelte

@@ -0,0 +1,49 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLButtonAttributes } from "svelte/elements";
+
+	type Props = WithElementRef<HTMLButtonAttributes, HTMLButtonElement> & {
+		checked?: boolean;
+		disabled?: boolean;
+		onCheckedChange?: (checked: boolean) => void;
+	};
+
+	let {
+		ref = $bindable(null),
+		checked = $bindable(false),
+		disabled = false,
+		onCheckedChange,
+		class: className,
+		...restProps
+	}: Props = $props();
+
+	function toggle() {
+		if (disabled) return;
+		checked = !checked;
+		onCheckedChange?.(checked);
+	}
+</script>
+
+<button
+	bind:this={ref}
+	type="button"
+	role="switch"
+	aria-checked={checked}
+	data-state={checked ? "checked" : "unchecked"}
+	data-slot="switch"
+	{disabled}
+	class={cn(
+		"peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs transition-all outline-none focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50",
+		checked ? "bg-primary" : "bg-input dark:bg-input/80",
+		className
+	)}
+	onclick={toggle}
+	{...restProps}
+>
+	<span
+		class={cn(
+			"pointer-events-none block size-4 rounded-full bg-background shadow-lg ring-0 transition-transform",
+			checked ? "translate-x-4" : "translate-x-0"
+		)}
+	></span>
+</button>

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

@@ -0,0 +1,10 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLButtonAttributes } from "svelte/elements";
+type Props = WithElementRef<HTMLButtonAttributes, HTMLButtonElement> & {
+    checked?: boolean;
+    disabled?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+};
+declare const Switch: import("svelte").Component<Props, {}, "ref" | "checked">;
+type Switch = ReturnType<typeof Switch>;
+export default Switch;

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

@@ -0,0 +1,9 @@
+import Root from "./table.svelte";
+import Body from "./table-body.svelte";
+import Caption from "./table-caption.svelte";
+import Cell from "./table-cell.svelte";
+import Footer from "./table-footer.svelte";
+import Head from "./table-head.svelte";
+import Header from "./table-header.svelte";
+import Row from "./table-row.svelte";
+export { Root, Body, Caption, Cell, Footer, Head, Header, Row, Root as Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Footer as TableFooter, Head as TableHead, Header as TableHeader, Row as TableRow, };

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

@@ -0,0 +1,11 @@
+import Root from "./table.svelte";
+import Body from "./table-body.svelte";
+import Caption from "./table-caption.svelte";
+import Cell from "./table-cell.svelte";
+import Footer from "./table-footer.svelte";
+import Head from "./table-head.svelte";
+import Header from "./table-header.svelte";
+import Row from "./table-row.svelte";
+export { Root, Body, Caption, Cell, Footer, Head, Header, Row, 
+//
+Root as Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Footer as TableFooter, Head as TableHead, Header as TableHeader, Row as TableRow, };

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

@@ -0,0 +1,15 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLTableSectionElement>> = $props();
+</script>
+
+<tbody bind:this={ref} data-slot="table-body" class={cn(className)} {...restProps}>
+	{@render children?.()}
+</tbody>

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

@@ -0,0 +1,5 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+declare const TableBody: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLTableSectionElement>>, {}, "ref">;
+type TableBody = ReturnType<typeof TableBody>;
+export default TableBody;

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

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
+</script>
+
+<caption
+	bind:this={ref}
+	data-slot="table-caption"
+	class={cn("text-muted-foreground mt-4 text-sm", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</caption>

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

@@ -0,0 +1,5 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+declare const TableCaption: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLElement>>, {}, "ref">;
+type TableCaption = ReturnType<typeof TableCaption>;
+export default TableCaption;

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

@@ -0,0 +1,15 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLTdAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLTdAttributes, HTMLTableCellElement> = $props();
+</script>
+
+<td bind:this={ref} data-slot="table-cell" class={cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className)} {...restProps}>
+	{@render children?.()}
+</td>

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

@@ -0,0 +1,5 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLTdAttributes } from "svelte/elements";
+declare const TableCell: import("svelte").Component<WithElementRef<HTMLTdAttributes, HTMLTableCellElement>, {}, "ref">;
+type TableCell = ReturnType<typeof TableCell>;
+export default TableCell;

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

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLTableSectionElement>> = $props();
+</script>
+
+<tfoot
+	bind:this={ref}
+	data-slot="table-footer"
+	class={cn("bg-muted/50 font-medium", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</tfoot>

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

@@ -0,0 +1,5 @@
+import { type WithElementRef } from "../../../utils.js";
+import type { HTMLAttributes } from "svelte/elements";
+declare const TableFooter: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLTableSectionElement>>, {}, "ref">;
+type TableFooter = ReturnType<typeof TableFooter>;
+export default TableFooter;