negodesign 0.0.73 → 0.0.74

package/dist/components/{core → ui}/datatable/ui/DataTableListFilter.svelte

@@ -1,60 +1,60 @@
-<script lang="ts" generics="T">
-    import Button from "../../../ui/button/button.svelte";
-    import * as DropdownMenu from "../../../ui/dropdown-menu/index.js";
-    import { Input } from "../../../ui/input/index.js";
-    import { ArrowDown01Icon } from "@hugeicons/core-free-icons";
-    import { HugeiconsIcon } from "@hugeicons/svelte";
-    import type { Table } from "../../../ui/data-table";
-
-    type Props = {
-        table: Table<T>;
-        column?: keyof T & string;
-    };
-
-    let { table, column }: Props = $props();
-</script>
-
-<div class="flex items-center py-4">
-    <Input
-        placeholder="Filter emails..."
-        value={(column
-            ? (table.getColumn(column)?.getFilterValue() as string)
-            : "") ?? ""}
-        oninput={(e) =>
-            column &&
-            table.getColumn(column)?.setFilterValue(e.currentTarget.value)}
-        onchange={(e) => {
-            if (column) {
-                table.getColumn(column)?.setFilterValue(e.currentTarget.value);
-            }
-        }}
-        class="max-w-sm"
-    />
-    <DropdownMenu.Root>
-        <DropdownMenu.Trigger>
-            {#snippet child({ props })}
-                <Button {...props} variant="outline" class="ms-auto">
-                    Columns <HugeiconsIcon
-                        icon={ArrowDown01Icon}
-                        class="ms-2 size-4"
-                    />
-                </Button>
-            {/snippet}
-        </DropdownMenu.Trigger>
-        <DropdownMenu.Content align="end">
-            {#each table
-                .getAllColumns()
-                .filter((col) => col.getCanHide()) as col (col.id)}
-                <DropdownMenu.CheckboxItem
-                    class="capitalize"
-                    bind:checked={
-                        () => col.getIsVisible(),
-                        (v) => col.toggleVisibility(!!v)
-                    }
-                >
-                    {col.id}
-                </DropdownMenu.CheckboxItem>
-            {/each}
-        </DropdownMenu.Content>
-    </DropdownMenu.Root>
-</div>
+<script lang="ts" generics="T">
+    import Button from "../../button/button.svelte";
+    import * as DropdownMenu from "../../dropdown-menu/index.js";
+    import { Input } from "../../input/index.js";
+    import { ArrowDown01Icon } from "@hugeicons/core-free-icons";
+    import { HugeiconsIcon } from "@hugeicons/svelte";
+    import type { Table } from "../../data-table";
+
+    type Props = {
+        table: Table<T>;
+        column?: keyof T & string;
+    };
+
+    let { table, column }: Props = $props();
+</script>
+
+<div class="flex items-center py-4">
+    <Input
+        placeholder="Filter emails..."
+        value={(column
+            ? (table.getColumn(column)?.getFilterValue() as string)
+            : "") ?? ""}
+        oninput={(e) =>
+            column &&
+            table.getColumn(column)?.setFilterValue(e.currentTarget.value)}
+        onchange={(e) => {
+            if (column) {
+                table.getColumn(column)?.setFilterValue(e.currentTarget.value);
+            }
+        }}
+        class="max-w-sm"
+    />
+    <DropdownMenu.Root>
+        <DropdownMenu.Trigger>
+            {#snippet child({ props })}
+                <Button {...props} variant="outline" class="ms-auto">
+                    Columns <HugeiconsIcon
+                        icon={ArrowDown01Icon}
+                        class="ms-2 size-4"
+                    />
+                </Button>
+            {/snippet}
+        </DropdownMenu.Trigger>
+        <DropdownMenu.Content align="end">
+            {#each table
+                .getAllColumns()
+                .filter((col) => col.getCanHide()) as col (col.id)}
+                <DropdownMenu.CheckboxItem
+                    class="capitalize"
+                    bind:checked={
+                        () => col.getIsVisible(),
+                        (v) => col.toggleVisibility(!!v)
+                    }
+                >
+                    {col.id}
+                </DropdownMenu.CheckboxItem>
+            {/each}
+        </DropdownMenu.Content>
+    </DropdownMenu.Root>
+</div>

package/dist/components/{core → ui}/datatable/ui/DataTableListFilter.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Table } from "../../../ui/data-table";
+import type { Table } from "../../data-table";
 declare function $$render<T>(): {
     props: {
         table: Table<T>;

package/dist/components/{core → ui}/datatable/ui/DataTableListPagination.svelte

@@ -1,35 +1,35 @@
-<script lang="ts" generics="T">
-    import Button from "../../../ui/button/button.svelte";
-    import type { Table } from "../../../ui/data-table";
-
-    type Props = {
-        table: Table<T>;
-    };
-
-    let { table }: Props = $props();
-</script>
-
-<div class="flex items-center justify-end space-x-2 pt-4">
-    <div class="text-muted-foreground flex-1 text-sm">
-        {table.getFilteredSelectedRowModel().rows.length} of
-        {table.getFilteredRowModel().rows.length} row(s) selected.
-    </div>
-    <div class="space-x-2">
-        <Button
-            variant="outline"
-            size="sm"
-            onclick={() => table.previousPage()}
-            disabled={!table.getCanPreviousPage()}
-        >
-            Previous
-        </Button>
-        <Button
-            variant="outline"
-            size="sm"
-            onclick={() => table.nextPage()}
-            disabled={!table.getCanNextPage()}
-        >
-            Next
-        </Button>
-    </div>
-</div>
+<script lang="ts" generics="T">
+    import Button from "../../button/button.svelte";
+    import type { Table } from "../../data-table";
+
+    type Props = {
+        table: Table<T>;
+    };
+
+    let { table }: Props = $props();
+</script>
+
+<div class="flex items-center justify-end space-x-2 pt-4">
+    <div class="text-muted-foreground flex-1 text-sm">
+        {table.getFilteredSelectedRowModel().rows.length} of
+        {table.getFilteredRowModel().rows.length} row(s) selected.
+    </div>
+    <div class="space-x-2">
+        <Button
+            variant="outline"
+            size="sm"
+            onclick={() => table.previousPage()}
+            disabled={!table.getCanPreviousPage()}
+        >
+            Previous
+        </Button>
+        <Button
+            variant="outline"
+            size="sm"
+            onclick={() => table.nextPage()}
+            disabled={!table.getCanNextPage()}
+        >
+            Next
+        </Button>
+    </div>
+</div>

package/dist/components/{core → ui}/datatable/ui/DataTableListPagination.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Table } from "../../../ui/data-table";
+import type { Table } from "../../data-table";
 declare function $$render<T>(): {
     props: {
         table: Table<T>;

package/dist/components/{core → ui}/datatable/ui/columns-create.svelte.d.ts

@@ -1,3 +1,3 @@
-import type { ColumnDef } from "../../../ui/data-table";
+import type { ColumnDef } from "../../data-table";
 export declare function createDragColumn<T>(): ColumnDef<T>;
 export declare function createSelectColumn<T>(): ColumnDef<T>;

package/dist/components/{core → ui}/datatable/ui/columns-create.svelte.js

@@ -1,4 +1,4 @@
-import { renderComponent } from "../../../ui/data-table";
+import { renderComponent } from "../../data-table";
 import DataTableDragHandle from "./DataTableDragHandle.svelte";
 import DataTableCheckbox from "./DataTableCheckbox.svelte";
 export function createDragColumn() {

package/dist/components/ui/drawer/drawer-close.svelte

@@ -1,42 +1,42 @@
-<script lang="ts">
-	import type { Snippet } from "svelte";
-	import type { HTMLButtonAttributes } from "svelte/elements";
-	import { useDrawerContext } from "./drawer.svelte";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		child,
-		onclick,
-		...restProps
-	}: HTMLButtonAttributes & {
-		children?: Snippet;
-		child?: Snippet<[{ props: Record<string, unknown> }]>;
-		ref?: HTMLButtonElement | null;
-	} = $props();
-
-	const drawer = useDrawerContext();
-
-	function handleClick(event: MouseEvent & { currentTarget: HTMLButtonElement }) {
-		onclick?.(event);
-		drawer.setOpen(false);
-	}
-
-	const closeProps = $derived({
-		...restProps,
-		class: className,
-		"data-slot": "drawer-close",
-		"data-state": drawer.open ? "open" : "closed",
-		type: "button" as const,
-		onclick: handleClick,
-	});
-</script>
-
-{#if child}
-	{@render child({ props: closeProps })}
-{:else}
-	<button bind:this={ref} {...closeProps}>
-		{@render children?.()}
-	</button>
+<script lang="ts">
+	import type { Snippet } from "svelte";
+	import type { HTMLButtonAttributes } from "svelte/elements";
+	import { useDrawerContext } from "./drawer.svelte";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		child,
+		onclick,
+		...restProps
+	}: HTMLButtonAttributes & {
+		children?: Snippet;
+		child?: Snippet<[{ props: Record<string, unknown> }]>;
+		ref?: HTMLButtonElement | null;
+	} = $props();
+
+	const drawer = useDrawerContext();
+
+	function handleClick(event: MouseEvent & { currentTarget: HTMLButtonElement }) {
+		onclick?.(event);
+		drawer.setOpen(false);
+	}
+
+	const closeProps = $derived({
+		...restProps,
+		class: className,
+		"data-slot": "drawer-close",
+		"data-state": drawer.open ? "open" : "closed",
+		type: "button" as const,
+		onclick: handleClick,
+	});
+</script>
+
+{#if child}
+	{@render child({ props: closeProps })}
+{:else}
+	<button bind:this={ref} {...closeProps}>
+		{@render children?.()}
+	</button>
 {/if}

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

@@ -1,82 +1,82 @@
-<script lang="ts">
-	import { cn, type WithElementRef, type WithoutChildrenOrChild } from "../../../utils.js";
-	import type { ComponentProps, Snippet } from "svelte";
-	import type { HTMLAttributes } from "svelte/elements";
-	import DrawerPortal from "./drawer-portal.svelte";
-	import DrawerOverlay from "./drawer-overlay.svelte";
-	import { useDrawerContext } from "./drawer.svelte";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		portalProps,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof DrawerPortal>>;
-		children?: Snippet;
-	} = $props();
-
-	const drawer = useDrawerContext();
-
-	$effect(() => {
-		if (!drawer.open) return;
-		const previous = document.body.style.overflow;
-		document.body.style.overflow = "hidden";
-		const onKeydown = (event: KeyboardEvent) => {
-			if (event.key === "Escape") drawer.setOpen(false);
-		};
-		document.addEventListener("keydown", onKeydown);
-		return () => {
-			document.body.style.overflow = previous;
-			document.removeEventListener("keydown", onKeydown);
-		};
-	});
-
-	const directionClasses = $derived(
-		drawer.direction === "left" || drawer.direction === "right"
-			? cn(
-					"inset-y-0 w-full max-w-sm",
-					drawer.direction === "left"
-						? "left-0 border-r rounded-r-xl"
-						: "right-0 border-l rounded-l-xl"
-				)
-			: cn(
-					"inset-x-0 h-auto max-h-[80vh]",
-					drawer.direction === "bottom"
-						? "bottom-0 mt-24 rounded-t-xl border-t animate-slide-in-up"
-						: "top-0 mb-24 rounded-b-xl border-b animate-slide-in-down"
-				)
-	);
-</script>
-
-{#if drawer.open}
-	<DrawerPortal {...portalProps}>
-		<DrawerOverlay />
-		<div
-			bind:this={ref}
-			data-slot="drawer-content"
-			data-state={drawer.open ? "open" : "closed"}
-			data-vaul-drawer-direction={drawer.direction}
-			class={cn(
-				"bg-background text-foreground fixed z-50 flex flex-col border p-4 group/drawer-content",
-				directionClasses,
-				className
-			)}
-			{...restProps}
-		>
-			<div
-				aria-hidden="true"
-				class={cn(
-					"bg-muted mx-auto mt-4 h-1.5 w-[100px] shrink-0 rounded-full",
-					drawer.direction === "bottom" || drawer.direction === "top"
-						? "block"
-						: "hidden"
-				)}
-			></div>
-			<div class="flex h-full w-full flex-col">
-				{@render children?.()}
-			</div>
-		</div>
-	</DrawerPortal>
+<script lang="ts">
+	import { cn, type WithElementRef, type WithoutChildrenOrChild } from "../../../utils.js";
+	import type { ComponentProps, Snippet } from "svelte";
+	import type { HTMLAttributes } from "svelte/elements";
+	import DrawerPortal from "./drawer-portal.svelte";
+	import DrawerOverlay from "./drawer-overlay.svelte";
+	import { useDrawerContext } from "./drawer.svelte";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		portalProps,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof DrawerPortal>>;
+		children?: Snippet;
+	} = $props();
+
+	const drawer = useDrawerContext();
+
+	$effect(() => {
+		if (!drawer.open) return;
+		const previous = document.body.style.overflow;
+		document.body.style.overflow = "hidden";
+		const onKeydown = (event: KeyboardEvent) => {
+			if (event.key === "Escape") drawer.setOpen(false);
+		};
+		document.addEventListener("keydown", onKeydown);
+		return () => {
+			document.body.style.overflow = previous;
+			document.removeEventListener("keydown", onKeydown);
+		};
+	});
+
+	const directionClasses = $derived(
+		drawer.direction === "left" || drawer.direction === "right"
+			? cn(
+					"inset-y-0 w-full max-w-sm",
+					drawer.direction === "left"
+						? "left-0 border-r rounded-r-xl"
+						: "right-0 border-l rounded-l-xl"
+				)
+			: cn(
+					"inset-x-0 h-auto max-h-[80vh]",
+					drawer.direction === "bottom"
+						? "bottom-0 mt-24 rounded-t-xl border-t animate-slide-in-up"
+						: "top-0 mb-24 rounded-b-xl border-b animate-slide-in-down"
+				)
+	);
+</script>
+
+{#if drawer.open}
+	<DrawerPortal {...portalProps}>
+		<DrawerOverlay />
+		<div
+			bind:this={ref}
+			data-slot="drawer-content"
+			data-state={drawer.open ? "open" : "closed"}
+			data-vaul-drawer-direction={drawer.direction}
+			class={cn(
+				"bg-background text-foreground fixed z-50 flex flex-col border p-4 group/drawer-content",
+				directionClasses,
+				className
+			)}
+			{...restProps}
+		>
+			<div
+				aria-hidden="true"
+				class={cn(
+					"bg-muted mx-auto mt-4 h-1.5 w-[100px] shrink-0 rounded-full",
+					drawer.direction === "bottom" || drawer.direction === "top"
+						? "block"
+						: "hidden"
+				)}
+			></div>
+			<div class="flex h-full w-full flex-col">
+				{@render children?.()}
+			</div>
+		</div>
+	</DrawerPortal>
 {/if}

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

@@ -1,20 +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<HTMLParagraphElement>> = $props();
-</script>
-
-<p
-	bind:this={ref}
-	data-slot="drawer-description"
-	class={cn("text-muted-foreground text-sm", className)}
-	{...restProps}
->
-	{@render children?.()}
+<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<HTMLParagraphElement>> = $props();
+</script>
+
+<p
+	bind:this={ref}
+	data-slot="drawer-description"
+	class={cn("text-muted-foreground text-sm", className)}
+	{...restProps}
+>
+	{@render children?.()}
 </p>

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

@@ -1,20 +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<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="drawer-footer"
-	class={cn("gap-2 p-4 mt-auto flex flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
+<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<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="drawer-footer"
+	class={cn("gap-2 p-4 mt-auto flex flex-col", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

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

@@ -1,20 +1,20 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="drawer-header"
-	class={cn("gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left flex flex-col", className)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="drawer-header"
+	class={cn("gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left flex flex-col", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/components/ui/drawer/drawer-nested.svelte

@@ -1,35 +1,35 @@
-<script lang="ts">
-	import { type Snippet } from "svelte";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { setDrawerContext, useDrawerContext } from "./drawer.svelte";
-
-	let {
-		open = $bindable(false),
-		direction = "bottom",
-		class: className,
-		children,
-		...restProps
-	}: HTMLAttributes<HTMLDivElement> & {
-		open?: boolean;
-		direction?: "top" | "right" | "bottom" | "left";
-		children?: Snippet;
-	} = $props();
-
-	useDrawerContext();
-
-	setDrawerContext({
-		get open() {
-			return open;
-		},
-		get direction() {
-			return direction;
-		},
-		setOpen(value: boolean) {
-			open = value;
-		},
-	});
-</script>
-
-<div data-slot="drawer-nested" class={className} {...restProps}>
-	{@render children?.()}
+<script lang="ts">
+	import { type Snippet } from "svelte";
+	import type { HTMLAttributes } from "svelte/elements";
+	import { setDrawerContext, useDrawerContext } from "./drawer.svelte";
+
+	let {
+		open = $bindable(false),
+		direction = "bottom",
+		class: className,
+		children,
+		...restProps
+	}: HTMLAttributes<HTMLDivElement> & {
+		open?: boolean;
+		direction?: "top" | "right" | "bottom" | "left";
+		children?: Snippet;
+	} = $props();
+
+	useDrawerContext();
+
+	setDrawerContext({
+		get open() {
+			return open;
+		},
+		get direction() {
+			return direction;
+		},
+		setOpen(value: boolean) {
+			open = value;
+		},
+	});
+</script>
+
+<div data-slot="drawer-nested" class={className} {...restProps}>
+	{@render children?.()}
 </div>