negodesign 0.0.77 → 0.0.79

package/dist/components/ui/dropdown-menu/dropdown-menu-sub.svelte

@@ -1,77 +1,77 @@
-<script lang="ts">
-	import {
-		getDropdownMenuContext,
-		setDropdownMenuSubContext,
-		type DropdownMenuSubStore,
-	} from "./dropdown-menu-context.svelte.js";
-	import type { Snippet } from "svelte";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable<HTMLDivElement | null>(null),
-		open = $bindable<boolean>(),
-		children,
-		...restProps
-	}: HTMLAttributes<HTMLDivElement> & {
-		ref?: HTMLDivElement | null;
-		open?: boolean;
-		children?: Snippet;
-	} = $props();
-
-	const rootStore = getDropdownMenuContext();
-
-	let subStore: DropdownMenuSubStore = $state({ open: open ?? false });
-
-	let closeTimer: ReturnType<typeof setTimeout> | undefined;
-
-	function setOpen(value: boolean) {
-		subStore.open = value;
-		open = value;
-	}
-
-	function openSub() {
-		clearTimeout(closeTimer);
-		setOpen(true);
-	}
-
-	function scheduleClose() {
-		clearTimeout(closeTimer);
-		closeTimer = setTimeout(() => setOpen(false), 150);
-	}
-
-	$effect(() => {
-		if (open !== undefined && open !== subStore.open) {
-			subStore.open = open;
-		}
-	});
-
-	$effect(() => {
-		if (!rootStore.open) {
-			subStore.open = false;
-		}
-	});
-
-	$effect(() => {
-		if (!subStore.open) return;
-		function handlePointerDown(event: PointerEvent) {
-			const target = event.target as Node;
-			if (ref?.contains(target)) return;
-			subStore.open = false;
-		}
-		document.addEventListener("pointerdown", handlePointerDown);
-		return () => document.removeEventListener("pointerdown", handlePointerDown);
-	});
-
-	setDropdownMenuSubContext(subStore);
-</script>
-
-<div
-	bind:this={ref}
-	class="relative"
-	data-slot="dropdown-menu-sub"
-	onmouseenter={openSub}
-	onmouseleave={scheduleClose}
-	{...restProps}
->
-	{@render children?.()}
+<script lang="ts">
+	import {
+		getDropdownMenuContext,
+		setDropdownMenuSubContext,
+		type DropdownMenuSubStore,
+	} from "./dropdown-menu-context.svelte.js";
+	import type { Snippet } from "svelte";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable<HTMLDivElement | null>(null),
+		open = $bindable<boolean>(),
+		children,
+		...restProps
+	}: HTMLAttributes<HTMLDivElement> & {
+		ref?: HTMLDivElement | null;
+		open?: boolean;
+		children?: Snippet;
+	} = $props();
+
+	const rootStore = getDropdownMenuContext();
+
+	let subStore: DropdownMenuSubStore = $state({ open: open ?? false });
+
+	let closeTimer: ReturnType<typeof setTimeout> | undefined;
+
+	function setOpen(value: boolean) {
+		subStore.open = value;
+		open = value;
+	}
+
+	function openSub() {
+		clearTimeout(closeTimer);
+		setOpen(true);
+	}
+
+	function scheduleClose() {
+		clearTimeout(closeTimer);
+		closeTimer = setTimeout(() => setOpen(false), 150);
+	}
+
+	$effect(() => {
+		if (open !== undefined && open !== subStore.open) {
+			subStore.open = open;
+		}
+	});
+
+	$effect(() => {
+		if (!rootStore.open) {
+			subStore.open = false;
+		}
+	});
+
+	$effect(() => {
+		if (!subStore.open) return;
+		function handlePointerDown(event: PointerEvent) {
+			const target = event.target as Node;
+			if (ref?.contains(target)) return;
+			subStore.open = false;
+		}
+		document.addEventListener("pointerdown", handlePointerDown);
+		return () => document.removeEventListener("pointerdown", handlePointerDown);
+	});
+
+	setDropdownMenuSubContext(subStore);
+</script>
+
+<div
+	bind:this={ref}
+	class="relative"
+	data-slot="dropdown-menu-sub"
+	onmouseenter={openSub}
+	onmouseleave={scheduleClose}
+	{...restProps}
+>
+	{@render children?.()}
 </div>

package/dist/components/ui/dropdown-menu/dropdown-menu-trigger.svelte

@@ -1,69 +1,69 @@
-<script lang="ts">
-	import { getDropdownMenuContext } from "./dropdown-menu-context.svelte.js";
-	import { cn } from "../../../utils.js";
-	import type { Snippet } from "svelte";
-	import type { HTMLButtonAttributes } from "svelte/elements";
-
-	let {
-		// eslint-disable-next-line no-useless-assignment
-		ref = $bindable<HTMLButtonElement | null>(null),
-		class: className,
-		children,
-		child,
-		onclick,
-		...restProps
-	}: HTMLButtonAttributes & {
-		ref?: HTMLButtonElement | null;
-		class?: string;
-		children?: Snippet;
-		child?: Snippet<[{ props: Record<string, unknown> }]>;
-		onclick?: (event: MouseEvent) => void;
-	} = $props();
-
-	const store = getDropdownMenuContext();
-
-	let anchorEl = $state<HTMLButtonElement | null>(null);
-
-	function handleClick(event: MouseEvent) {
-		store.clickEvent = event;
-		store.toggle();
-		onclick?.(event);
-	}
-
-	$effect(() => {
-		const el = (anchorEl ?? document.getElementById(store.anchorId)) as HTMLButtonElement | null;
-		if (el) {
-			store.setAnchor(el);
-			ref = el;
-			anchorEl = el;
-		}
-	});
-</script>
-
-{#if child}
-	{@render child({
-		props: {
-			id: store.anchorId,
-			type: "button",
-			"aria-haspopup": "menu",
-			"aria-expanded": store.open,
-			"data-state": store.open ? "open" : "closed",
-			onclick: handleClick,
-		},
-	})}
-{:else}
-	<button
-		bind:this={anchorEl}
-		type="button"
-		id={store.anchorId}
-		aria-haspopup="menu"
-		aria-expanded={store.open}
-		data-state={store.open ? "open" : "closed"}
-		onclick={handleClick}
-		data-slot="dropdown-menu-trigger"
-		class={cn("", className)}
-		{...restProps}
-	>
-		{@render children?.()}
-	</button>
+<script lang="ts">
+	import { getDropdownMenuContext } from "./dropdown-menu-context.svelte.js";
+	import { cn } from "../../../utils.js";
+	import type { Snippet } from "svelte";
+	import type { HTMLButtonAttributes } from "svelte/elements";
+
+	let {
+		// eslint-disable-next-line no-useless-assignment
+		ref = $bindable<HTMLButtonElement | null>(null),
+		class: className,
+		children,
+		child,
+		onclick,
+		...restProps
+	}: HTMLButtonAttributes & {
+		ref?: HTMLButtonElement | null;
+		class?: string;
+		children?: Snippet;
+		child?: Snippet<[{ props: Record<string, unknown> }]>;
+		onclick?: (event: MouseEvent) => void;
+	} = $props();
+
+	const store = getDropdownMenuContext();
+
+	let anchorEl = $state<HTMLButtonElement | null>(null);
+
+	function handleClick(event: MouseEvent) {
+		store.clickEvent = event;
+		store.toggle();
+		onclick?.(event);
+	}
+
+	$effect(() => {
+		const el = (anchorEl ?? document.getElementById(store.anchorId)) as HTMLButtonElement | null;
+		if (el) {
+			store.setAnchor(el);
+			ref = el;
+			anchorEl = el;
+		}
+	});
+</script>
+
+{#if child}
+	{@render child({
+		props: {
+			id: store.anchorId,
+			type: "button",
+			"aria-haspopup": "menu",
+			"aria-expanded": store.open,
+			"data-state": store.open ? "open" : "closed",
+			onclick: handleClick,
+		},
+	})}
+{:else}
+	<button
+		bind:this={anchorEl}
+		type="button"
+		id={store.anchorId}
+		aria-haspopup="menu"
+		aria-expanded={store.open}
+		data-state={store.open ? "open" : "closed"}
+		onclick={handleClick}
+		data-slot="dropdown-menu-trigger"
+		class={cn("", className)}
+		{...restProps}
+	>
+		{@render children?.()}
+	</button>
 {/if}

package/dist/components/ui/dropdown-menu/dropdown-menu.svelte

@@ -1,54 +1,54 @@
-<script lang="ts">
-	import { generateDropdownMenuId, setDropdownMenuContext, type DropdownMenuStore } from "./dropdown-menu-context.svelte.js";
-	import type { Snippet } from "svelte";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		open = $bindable<boolean>(),
-		defaultOpen = false,
-		onOpenChange,
-		children,
-		...restProps
-	}: HTMLAttributes<HTMLDivElement> & {
-		open?: boolean;
-		defaultOpen?: boolean;
-		onOpenChange?: (open: boolean) => void;
-		children?: Snippet;
-	} = $props();
-
-	// svelte-ignore state_referenced_locally
-	let store: DropdownMenuStore = $state({
-		open: open ?? defaultOpen ?? false,
-		anchorId: generateDropdownMenuId(),
-		anchorEl: null,
-		clickEvent: null,
-		toggle: () => {
-			setOpen(!store.open);
-		},
-		openMenu: () => setOpen(true),
-		closeMenu: () => setOpen(false),
-		setAnchor: (el: HTMLElement | null) => {
-			store.anchorEl = el;
-		},
-	});
-
-	function setOpen(value: boolean) {
-		if (store.open === value) return;
-		store.open = value;
-		open = value;
-		onOpenChange?.(value);
-	}
-
-	$effect(() => {
-		if (open !== undefined && open !== store.open) {
-			store.open = open;
-			onOpenChange?.(open);
-		}
-	});
-
-	setDropdownMenuContext(store);
-</script>
-
-<div class="relative" {...restProps}>
-	{@render children?.()}
+<script lang="ts">
+	import { generateDropdownMenuId, setDropdownMenuContext, type DropdownMenuStore } from "./dropdown-menu-context.svelte.js";
+	import type { Snippet } from "svelte";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		open = $bindable<boolean>(),
+		defaultOpen = false,
+		onOpenChange,
+		children,
+		...restProps
+	}: HTMLAttributes<HTMLDivElement> & {
+		open?: boolean;
+		defaultOpen?: boolean;
+		onOpenChange?: (open: boolean) => void;
+		children?: Snippet;
+	} = $props();
+
+	// svelte-ignore state_referenced_locally
+	let store: DropdownMenuStore = $state({
+		open: open ?? defaultOpen ?? false,
+		anchorId: generateDropdownMenuId(),
+		anchorEl: null,
+		clickEvent: null,
+		toggle: () => {
+			setOpen(!store.open);
+		},
+		openMenu: () => setOpen(true),
+		closeMenu: () => setOpen(false),
+		setAnchor: (el: HTMLElement | null) => {
+			store.anchorEl = el;
+		},
+	});
+
+	function setOpen(value: boolean) {
+		if (store.open === value) return;
+		store.open = value;
+		open = value;
+		onOpenChange?.(value);
+	}
+
+	$effect(() => {
+		if (open !== undefined && open !== store.open) {
+			store.open = open;
+			onOpenChange?.(open);
+		}
+	});
+
+	setDropdownMenuContext(store);
+</script>
+
+<div class="relative" {...restProps}>
+	{@render children?.()}
 </div>

package/dist/components/ui/empty/empty-content.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="empty-content"
-	class={cn("my-4", 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<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="empty-content"
+	class={cn("my-4", className)}
+	{...restProps}
+>
+	{@render children?.()}
 </div>

package/dist/components/ui/empty/empty-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<HTMLDivElement>> = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="empty-description"
-	class={cn("text-sm text-muted-foreground", 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<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="empty-description"
+	class={cn("text-sm text-muted-foreground", className)}
+	{...restProps}
+>
+	{@render children?.()}
 </div>

package/dist/components/ui/empty/empty-header.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="empty-header"
-	class={cn("flex flex-col items-center justify-center gap-y-1 text-center", 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<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="empty-header"
+	class={cn("flex flex-col items-center justify-center gap-y-1 text-center", className)}
+	{...restProps}
+>
+	{@render children?.()}
 </div>

package/dist/components/ui/empty/empty-media.svelte

@@ -1,42 +1,42 @@
-<script lang="ts" module>
-	import { cn } from "../../../utils.js";
-
-	const emptyMediaBase =
-		"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0";
-
-	const emptyMediaVariantClasses = {
-		default: "bg-transparent",
-		icon: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6",
-		dashed: "flex size-10 shrink-0 items-center justify-center rounded-lg border-2 border-dashed border-border bg-transparent text-foreground [&_svg:not([class*='size-'])]:size-6",
-	} as const;
-
-	export type EmptyMediaVariant = keyof typeof emptyMediaVariantClasses;
-
-	export function emptyMediaVariants(opts: { variant?: EmptyMediaVariant } = {}): string {
-		const variant = opts.variant ?? "default";
-		return cn(emptyMediaBase, emptyMediaVariantClasses[variant]);
-	}
-</script>
-
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	import type { WithElementRef } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		variant = "default",
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & { variant?: EmptyMediaVariant } = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="empty-icon"
-	data-variant={variant}
-	class={cn(emptyMediaVariants({ variant }), className)}
-	{...restProps}
->
-	{@render children?.()}
+<script lang="ts" module>
+	import { cn } from "../../../utils.js";
+
+	const emptyMediaBase =
+		"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0";
+
+	const emptyMediaVariantClasses = {
+		default: "bg-transparent",
+		icon: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6",
+		dashed: "flex size-10 shrink-0 items-center justify-center rounded-lg border-2 border-dashed border-border bg-transparent text-foreground [&_svg:not([class*='size-'])]:size-6",
+	} as const;
+
+	export type EmptyMediaVariant = keyof typeof emptyMediaVariantClasses;
+
+	export function emptyMediaVariants(opts: { variant?: EmptyMediaVariant } = {}): string {
+		const variant = opts.variant ?? "default";
+		return cn(emptyMediaBase, emptyMediaVariantClasses[variant]);
+	}
+</script>
+
+<script lang="ts">
+	import type { HTMLAttributes } from "svelte/elements";
+	import type { WithElementRef } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		variant = "default",
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & { variant?: EmptyMediaVariant } = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="empty-icon"
+	data-variant={variant}
+	class={cn(emptyMediaVariants({ variant }), className)}
+	{...restProps}
+>
+	{@render children?.()}
 </div>

package/dist/components/ui/empty/empty-title.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="empty-title"
-	class={cn("text-xl font-medium text-foreground", 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<HTMLDivElement>> = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="empty-title"
+	class={cn("text-xl font-medium text-foreground", className)}
+	{...restProps}
+>
+	{@render children?.()}
 </div>