negodesign 0.0.73 → 0.0.74

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

@@ -1,26 +1,26 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "../../../utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
-	import { useDrawerContext } from "./drawer.svelte";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
-
-	const drawer = useDrawerContext();
-</script>
-
-{#if drawer.open}
-	<div
-		bind:this={ref}
-		data-slot="drawer-overlay"
-		class={cn(
-			"bg-black/60 fixed inset-0 z-40 animate-fade-in",
-			className
-		)}
-		onclick={() => drawer.setOpen(false)}
-		{...restProps}
-	></div>
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+	import { useDrawerContext } from "./drawer.svelte";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props();
+
+	const drawer = useDrawerContext();
+</script>
+
+{#if drawer.open}
+	<div
+		bind:this={ref}
+		data-slot="drawer-overlay"
+		class={cn(
+			"bg-black/60 fixed inset-0 z-40 animate-fade-in",
+			className
+		)}
+		onclick={() => drawer.setOpen(false)}
+		{...restProps}
+	></div>
 {/if}

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

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

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

@@ -1,43 +1,43 @@
-<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(true);
-	}
-
-	const triggerProps = $derived({
-		...restProps,
-		class: className,
-		"data-slot": "drawer-trigger",
-		"data-state": drawer.open ? "open" : "closed",
-		"aria-expanded": drawer.open,
-		type: "button" as const,
-		onclick: handleClick,
-	});
-</script>
-
-{#if child}
-	{@render child({ props: triggerProps })}
-{:else}
-	<button bind:this={ref} {...triggerProps}>
-		{@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(true);
+	}
+
+	const triggerProps = $derived({
+		...restProps,
+		class: className,
+		"data-slot": "drawer-trigger",
+		"data-state": drawer.open ? "open" : "closed",
+		"aria-expanded": drawer.open,
+		type: "button" as const,
+		onclick: handleClick,
+	});
+</script>
+
+{#if child}
+	{@render child({ props: triggerProps })}
+{:else}
+	<button bind:this={ref} {...triggerProps}>
+		{@render children?.()}
+	</button>
 {/if}

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

@@ -1,75 +1,75 @@
-<script lang="ts" module>
-	import { getContext, setContext } from "svelte";
-
-	export type DrawerDirection = "top" | "right" | "bottom" | "left";
-
-	export type DrawerContext = {
-		get open(): boolean;
-		get direction(): DrawerDirection;
-		setOpen: (open: boolean) => void;
-	};
-
-	const DRAWER_CONTEXT_KEY = "scn-drawer";
-
-	export function setDrawerContext(ctx: DrawerContext): DrawerContext {
-		return setContext(DRAWER_CONTEXT_KEY, ctx);
-	}
-
-	export function useDrawerContext(): DrawerContext {
-		return getContext<DrawerContext>(DRAWER_CONTEXT_KEY);
-	}
-</script>
-
-<script lang="ts">
-	import { cn } from "../../../utils.js";
-	import type { Snippet } from "svelte";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		open = $bindable(false),
-		onOpenChange = () => {},
-		direction = "bottom",
-		shouldScaleBackground = false,
-		// eslint-disable-next-line no-useless-assignment
-		activeSnapPoint = $bindable(null),
-		snapPoints,
-		closeThreshold,
-		handleOnly = false,
-		noBodyStyles = false,
-		class: className,
-		children,
-		...restProps
-	}: HTMLAttributes<HTMLDivElement> & {
-		open?: boolean;
-		onOpenChange?: (open: boolean) => void;
-		direction?: DrawerDirection;
-		shouldScaleBackground?: boolean;
-		activeSnapPoint?: number | string | null;
-		snapPoints?: (number | string)[];
-		closeThreshold?: number;
-		handleOnly?: boolean;
-		noBodyStyles?: boolean;
-		children?: Snippet;
-	} = $props();
-
-	setDrawerContext({
-		get open() {
-			return open;
-		},
-		get direction() {
-			return direction;
-		},
-		setOpen(value: boolean) {
-			open = value;
-			onOpenChange(value);
-		},
-	});
-</script>
-
-<div
-	data-slot="drawer-root"
-	class={cn("contents", className)}
-	{...restProps}
->
-	{@render children?.()}
+<script lang="ts" module>
+	import { getContext, setContext } from "svelte";
+
+	export type DrawerDirection = "top" | "right" | "bottom" | "left";
+
+	export type DrawerContext = {
+		get open(): boolean;
+		get direction(): DrawerDirection;
+		setOpen: (open: boolean) => void;
+	};
+
+	const DRAWER_CONTEXT_KEY = "scn-drawer";
+
+	export function setDrawerContext(ctx: DrawerContext): DrawerContext {
+		return setContext(DRAWER_CONTEXT_KEY, ctx);
+	}
+
+	export function useDrawerContext(): DrawerContext {
+		return getContext<DrawerContext>(DRAWER_CONTEXT_KEY);
+	}
+</script>
+
+<script lang="ts">
+	import { cn } from "../../../utils.js";
+	import type { Snippet } from "svelte";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		open = $bindable(false),
+		onOpenChange = () => {},
+		direction = "bottom",
+		shouldScaleBackground = false,
+		// eslint-disable-next-line no-useless-assignment
+		activeSnapPoint = $bindable(null),
+		snapPoints,
+		closeThreshold,
+		handleOnly = false,
+		noBodyStyles = false,
+		class: className,
+		children,
+		...restProps
+	}: HTMLAttributes<HTMLDivElement> & {
+		open?: boolean;
+		onOpenChange?: (open: boolean) => void;
+		direction?: DrawerDirection;
+		shouldScaleBackground?: boolean;
+		activeSnapPoint?: number | string | null;
+		snapPoints?: (number | string)[];
+		closeThreshold?: number;
+		handleOnly?: boolean;
+		noBodyStyles?: boolean;
+		children?: Snippet;
+	} = $props();
+
+	setDrawerContext({
+		get open() {
+			return open;
+		},
+		get direction() {
+			return direction;
+		},
+		setOpen(value: boolean) {
+			open = value;
+			onOpenChange(value);
+		},
+	});
+</script>
+
+<div
+	data-slot="drawer-root"
+	class={cn("contents", className)}
+	{...restProps}
+>
+	{@render children?.()}
 </div>

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

@@ -1,26 +1,26 @@
-<script lang="ts">
-	import type { Snippet } from "svelte";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable<HTMLDivElement | null>(null),
-		// eslint-disable-next-line no-useless-assignment
-		value = $bindable<(string | number)[]>([]),
-		children,
-		...restProps
-	}: HTMLAttributes<HTMLDivElement> & {
-		ref?: HTMLDivElement | null;
-		value?: (string | number)[];
-		children?: Snippet;
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	role="group"
-	aria-label="checkbox-group"
-	data-slot="dropdown-menu-checkbox-group"
-	{...restProps}
->
-	{@render children?.()}
+<script lang="ts">
+	import type { Snippet } from "svelte";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable<HTMLDivElement | null>(null),
+		// eslint-disable-next-line no-useless-assignment
+		value = $bindable<(string | number)[]>([]),
+		children,
+		...restProps
+	}: HTMLAttributes<HTMLDivElement> & {
+		ref?: HTMLDivElement | null;
+		value?: (string | number)[];
+		children?: Snippet;
+	} = $props();
+</script>
+
+<div
+	bind:this={ref}
+	role="group"
+	aria-label="checkbox-group"
+	data-slot="dropdown-menu-checkbox-group"
+	{...restProps}
+>
+	{@render children?.()}
 </div>

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

@@ -1,70 +1,70 @@
-<script lang="ts">
-	import { HugeiconsIcon } from "@hugeicons/svelte";
-	import { MinusSignIcon, Tick02Icon } from "@hugeicons/core-free-icons";
-	import { cn } from "../../../utils.js";
-	import type { Snippet } from "svelte";
-	import type { HTMLButtonAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable<HTMLButtonElement | null>(null),
-		checked = $bindable(false),
-		indeterminate = $bindable(false),
-		onCheckedChange,
-		class: className,
-		disabled,
-		children,
-		...restProps
-	}: HTMLButtonAttributes & {
-		ref?: HTMLButtonElement | null;
-		checked?: boolean;
-		indeterminate?: boolean;
-		onCheckedChange?: (checked: boolean) => void;
-		class?: string;
-		disabled?: boolean;
-		children?: Snippet;
-	} = $props();
-
-	let isChecked = $derived(indeterminate || checked);
-
-	let highlighted = $state(false);
-
-	function handleClick() {
-		checked = !checked;
-		indeterminate = false;
-		onCheckedChange?.(checked);
-	}
-</script>
-
-<button
-	bind:this={ref}
-	type="button"
-	role="menuitemcheckbox"
-	tabindex="-1"
-	data-slot="dropdown-menu-checkbox-item"
-	data-state={isChecked ? "checked" : "unchecked"}
-	data-highlighted={highlighted || undefined}
-	aria-checked={isChecked}
-	{disabled}
-	onclick={handleClick}
-	onfocus={() => (highlighted = true)}
-	onblur={() => (highlighted = false)}
-	onmouseenter={() => (highlighted = true)}
-	onmouseleave={() => (highlighted = false)}
-	class={cn(
-		"relative flex w-full cursor-pointer items-center justify-start gap-2.5 rounded-lg px-2 py-1.5 pr-8 text-sm outline-none select-none hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
-		className,
-	)}
-	{...restProps}
->
-	<span
-		class="absolute right-2 flex size-4 items-center justify-center pointer-events-none"
-		data-slot="dropdown-menu-checkbox-item-indicator"
-	>
-		{#if indeterminate}
-			<HugeiconsIcon icon={MinusSignIcon} strokeWidth={2} class="size-4" />
-		{:else if checked}
-			<HugeiconsIcon icon={Tick02Icon} strokeWidth={2} class="size-4" />
-		{/if}
-	</span>
-	{@render children?.()}
+<script lang="ts">
+	import { HugeiconsIcon } from "@hugeicons/svelte";
+	import { MinusSignIcon, Tick02Icon } from "@hugeicons/core-free-icons";
+	import { cn } from "../../../utils.js";
+	import type { Snippet } from "svelte";
+	import type { HTMLButtonAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable<HTMLButtonElement | null>(null),
+		checked = $bindable(false),
+		indeterminate = $bindable(false),
+		onCheckedChange,
+		class: className,
+		disabled,
+		children,
+		...restProps
+	}: HTMLButtonAttributes & {
+		ref?: HTMLButtonElement | null;
+		checked?: boolean;
+		indeterminate?: boolean;
+		onCheckedChange?: (checked: boolean) => void;
+		class?: string;
+		disabled?: boolean;
+		children?: Snippet;
+	} = $props();
+
+	let isChecked = $derived(indeterminate || checked);
+
+	let highlighted = $state(false);
+
+	function handleClick() {
+		checked = !checked;
+		indeterminate = false;
+		onCheckedChange?.(checked);
+	}
+</script>
+
+<button
+	bind:this={ref}
+	type="button"
+	role="menuitemcheckbox"
+	tabindex="-1"
+	data-slot="dropdown-menu-checkbox-item"
+	data-state={isChecked ? "checked" : "unchecked"}
+	data-highlighted={highlighted || undefined}
+	aria-checked={isChecked}
+	{disabled}
+	onclick={handleClick}
+	onfocus={() => (highlighted = true)}
+	onblur={() => (highlighted = false)}
+	onmouseenter={() => (highlighted = true)}
+	onmouseleave={() => (highlighted = false)}
+	class={cn(
+		"relative flex w-full cursor-pointer items-center justify-start gap-2.5 rounded-lg px-2 py-1.5 pr-8 text-sm outline-none select-none hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+		className,
+	)}
+	{...restProps}
+>
+	<span
+		class="absolute right-2 flex size-4 items-center justify-center pointer-events-none"
+		data-slot="dropdown-menu-checkbox-item-indicator"
+	>
+		{#if indeterminate}
+			<HugeiconsIcon icon={MinusSignIcon} strokeWidth={2} class="size-4" />
+		{:else if checked}
+			<HugeiconsIcon icon={Tick02Icon} strokeWidth={2} class="size-4" />
+		{/if}
+	</span>
+	{@render children?.()}
 </button>