negodesign 0.0.80 → 0.0.82

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

@@ -1,26 +1,26 @@
-<script lang="ts">
-	import { getPopoverContext } from "./popover-context.svelte.js";
-	import type { Snippet } from "svelte";
-	import type { HTMLButtonAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable<HTMLButtonElement | null>(null),
-		children,
-		...restProps
-	}: HTMLButtonAttributes & {
-		ref?: HTMLButtonElement | null;
-		children?: Snippet;
-	} = $props();
-
-	const store = getPopoverContext();
-</script>
-
-<button
-	bind:this={ref}
-	type="button"
-	data-slot="popover-close"
-	onclick={() => store.closeMenu()}
-	{...restProps}
->
-	{@render children?.()}
+<script lang="ts">
+	import { getPopoverContext } from "./popover-context.svelte.js";
+	import type { Snippet } from "svelte";
+	import type { HTMLButtonAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable<HTMLButtonElement | null>(null),
+		children,
+		...restProps
+	}: HTMLButtonAttributes & {
+		ref?: HTMLButtonElement | null;
+		children?: Snippet;
+	} = $props();
+
+	const store = getPopoverContext();
+</script>
+
+<button
+	bind:this={ref}
+	type="button"
+	data-slot="popover-close"
+	onclick={() => store.closeMenu()}
+	{...restProps}
+>
+	{@render children?.()}
 </button>

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

@@ -1,93 +1,93 @@
-<script lang="ts">
-	import { getPopoverContext } from "./popover-context.svelte.js";
-	import { cn } from "../../../utils.js";
-	import type { Snippet } from "svelte";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable<HTMLDivElement | null>(null),
-		align = "center",
-		side = "bottom",
-		sideOffset = 4,
-		portalProps,
-		class: className,
-		children,
-		...restProps
-	}: HTMLAttributes<HTMLDivElement> & {
-		ref?: HTMLDivElement | null;
-		align?: "start" | "center" | "end";
-		side?: "top" | "right" | "bottom" | "left";
-		sideOffset?: number;
-		portalProps?: Record<string, unknown>;
-		class?: string;
-		children?: Snippet;
-	} = $props();
-
-	const store = getPopoverContext();
-
-	$effect(() => {
-		if (!store.open) return;
-		function handlePointerDown(event: PointerEvent) {
-			const target = event.target as Node;
-			if (store.anchorEl?.contains(target)) return;
-			if (ref?.contains(target)) return;
-			store.closeMenu();
-		}
-		function handleKeydown(event: KeyboardEvent) {
-			if (event.key === "Escape") {
-				store.closeMenu();
-				store.anchorEl?.focus();
-			}
-		}
-		document.addEventListener("pointerdown", handlePointerDown);
-		document.addEventListener("keydown", handleKeydown);
-		return () => {
-			document.removeEventListener("pointerdown", handlePointerDown);
-			document.removeEventListener("keydown", handleKeydown);
-		};
-	});
-
-	let positionClasses = $derived.by(() => {
-		const horizontal = side === "right" || side === "left";
-		if (horizontal) {
-			const sideClass = side === "left" ? "right-full" : "left-full";
-			const alignClass =
-				align === "end"
-					? "bottom-0"
-					: align === "start"
-						? "top-0"
-						: "top-1/2 -translate-y-1/2";
-			const margin =
-				side === "left"
-					? `margin-right: ${sideOffset + 4}px`
-					: `margin-left: ${sideOffset + 4}px`;
-			return { sideClass, alignClass, margin };
-		}
-		const sideClass = side === "top" ? "bottom-full" : "top-full";
-		const alignClass =
-			align === "end" ? "end-0" : align === "start" ? "start-0" : "start-1/2 -translate-x-1/2";
-		const margin =
-			side === "top"
-				? `margin-bottom: ${sideOffset + 4}px`
-				: `margin-top: ${sideOffset + 4}px`;
-		return { sideClass, alignClass, margin };
-	});
-</script>
-
-{#if store.open}
-	<div
-		bind:this={ref}
-		data-slot="popover-content"
-		data-state={store.open ? "open" : "closed"}
-		style={positionClasses.margin}
-		class={cn(
-			"absolute z-50 w-72 rounded-md border bg-popover p-4 text-sm text-popover-foreground shadow-md outline-none animate-zoom-in",
-			positionClasses.sideClass,
-			positionClasses.alignClass,
-			className,
-		)}
-		{...restProps}
-	>
-		{@render children?.()}
-	</div>
+<script lang="ts">
+	import { getPopoverContext } from "./popover-context.svelte.js";
+	import { cn } from "../../../utils.js";
+	import type { Snippet } from "svelte";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable<HTMLDivElement | null>(null),
+		align = "center",
+		side = "bottom",
+		sideOffset = 4,
+		portalProps,
+		class: className,
+		children,
+		...restProps
+	}: HTMLAttributes<HTMLDivElement> & {
+		ref?: HTMLDivElement | null;
+		align?: "start" | "center" | "end";
+		side?: "top" | "right" | "bottom" | "left";
+		sideOffset?: number;
+		portalProps?: Record<string, unknown>;
+		class?: string;
+		children?: Snippet;
+	} = $props();
+
+	const store = getPopoverContext();
+
+	$effect(() => {
+		if (!store.open) return;
+		function handlePointerDown(event: PointerEvent) {
+			const target = event.target as Node;
+			if (store.anchorEl?.contains(target)) return;
+			if (ref?.contains(target)) return;
+			store.closeMenu();
+		}
+		function handleKeydown(event: KeyboardEvent) {
+			if (event.key === "Escape") {
+				store.closeMenu();
+				store.anchorEl?.focus();
+			}
+		}
+		document.addEventListener("pointerdown", handlePointerDown);
+		document.addEventListener("keydown", handleKeydown);
+		return () => {
+			document.removeEventListener("pointerdown", handlePointerDown);
+			document.removeEventListener("keydown", handleKeydown);
+		};
+	});
+
+	let positionClasses = $derived.by(() => {
+		const horizontal = side === "right" || side === "left";
+		if (horizontal) {
+			const sideClass = side === "left" ? "right-full" : "left-full";
+			const alignClass =
+				align === "end"
+					? "bottom-0"
+					: align === "start"
+						? "top-0"
+						: "top-1/2 -translate-y-1/2";
+			const margin =
+				side === "left"
+					? `margin-right: ${sideOffset + 4}px`
+					: `margin-left: ${sideOffset + 4}px`;
+			return { sideClass, alignClass, margin };
+		}
+		const sideClass = side === "top" ? "bottom-full" : "top-full";
+		const alignClass =
+			align === "end" ? "end-0" : align === "start" ? "start-0" : "start-1/2 -translate-x-1/2";
+		const margin =
+			side === "top"
+				? `margin-bottom: ${sideOffset + 4}px`
+				: `margin-top: ${sideOffset + 4}px`;
+		return { sideClass, alignClass, margin };
+	});
+</script>
+
+{#if store.open}
+	<div
+		bind:this={ref}
+		data-slot="popover-content"
+		data-state={store.open ? "open" : "closed"}
+		style={positionClasses.margin}
+		class={cn(
+			"absolute z-50 w-72 rounded-md border bg-popover p-4 text-sm text-popover-foreground shadow-md outline-none animate-zoom-in",
+			positionClasses.sideClass,
+			positionClasses.alignClass,
+			className,
+		)}
+		{...restProps}
+	>
+		{@render children?.()}
+	</div>
 {/if}

package/dist/components/ui/popover/popover-portal.svelte

@@ -1,7 +1,7 @@
-<script lang="ts">
-	import type { Snippet } from "svelte";
-
-	let { children }: { children?: Snippet } = $props();
-</script>
-
+<script lang="ts">
+	import type { Snippet } from "svelte";
+
+	let { children }: { children?: Snippet } = $props();
+</script>
+
 {@render children?.()}

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

@@ -1,69 +1,69 @@
-<script lang="ts">
-	import { getPopoverContext } from "./popover-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 = getPopoverContext();
-
-	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": "dialog",
-			"aria-expanded": store.open,
-			"data-state": store.open ? "open" : "closed",
-			onclick: handleClick,
-		},
-	})}
-{:else}
-	<button
-		bind:this={anchorEl}
-		type="button"
-		id={store.anchorId}
-		aria-haspopup="dialog"
-		aria-expanded={store.open}
-		data-state={store.open ? "open" : "closed"}
-		onclick={handleClick}
-		data-slot="popover-trigger"
-		class={cn("", className)}
-		{...restProps}
-	>
-		{@render children?.()}
-	</button>
+<script lang="ts">
+	import { getPopoverContext } from "./popover-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 = getPopoverContext();
+
+	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": "dialog",
+			"aria-expanded": store.open,
+			"data-state": store.open ? "open" : "closed",
+			onclick: handleClick,
+		},
+	})}
+{:else}
+	<button
+		bind:this={anchorEl}
+		type="button"
+		id={store.anchorId}
+		aria-haspopup="dialog"
+		aria-expanded={store.open}
+		data-state={store.open ? "open" : "closed"}
+		onclick={handleClick}
+		data-slot="popover-trigger"
+		class={cn("", className)}
+		{...restProps}
+	>
+		{@render children?.()}
+	</button>
 {/if}

package/dist/components/ui/popover/popover.svelte

@@ -1,54 +1,54 @@
-<script lang="ts">
-	import { generatePopoverId, setPopoverContext, type PopoverStore } from "./popover-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: PopoverStore = $state({
-		open: open ?? defaultOpen ?? false,
-		anchorId: generatePopoverId(),
-		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);
-		}
-	});
-
-	setPopoverContext(store);
-</script>
-
-<div class="relative" {...restProps}>
-	{@render children?.()}
+<script lang="ts">
+	import { generatePopoverId, setPopoverContext, type PopoverStore } from "./popover-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: PopoverStore = $state({
+		open: open ?? defaultOpen ?? false,
+		anchorId: generatePopoverId(),
+		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);
+		}
+	});
+
+	setPopoverContext(store);
+</script>
+
+<div class="relative" {...restProps}>
+	{@render children?.()}
 </div>

package/dist/components/ui/search/SearchInput.svelte

@@ -1,32 +1,32 @@
-<script lang="ts" module>
-  /**
-   * Main Privacy Policy / Terms of Use component.
-   * Allows choosing between two layout variants:
-   * - **1**: Three-column layout with sidebar, content, and TOC (scroll-spy).
-   * - **2**: Simple layout with colored hero and centered content.
-   *
-   * @component
-   * @example
-   * ```svelte
-    * <!-- Variant 1 (default) — docs layout with sidebar -->
-   * <PrivacyPolicyOrTermsOfUse variant={1} data={pageData} />
-   *
-    * <!-- Variant 2 — layout with hero -->
-   * <PrivacyPolicyOrTermsOfUse variant={2} data={pageData} />
-   * ```
-   */
-</script>
-
-<script lang="ts">
-    import Search01 from "./01/Search01.svelte";
-    import Search02 from "./02/Search02.svelte";
-    import type { SearchInputProps } from "./types";
-
-  let { variant = 1, ...restProps }: SearchInputProps = $props();
-</script>
-
-{#if variant === 2}
-  <Search02 {...restProps} />
-{:else}
-  <Search01 {...restProps} />
-{/if}
+<script lang="ts" module>
+  /**
+   * Main Privacy Policy / Terms of Use component.
+   * Allows choosing between two layout variants:
+   * - **1**: Three-column layout with sidebar, content, and TOC (scroll-spy).
+   * - **2**: Simple layout with colored hero and centered content.
+   *
+   * @component
+   * @example
+   * ```svelte
+    * <!-- Variant 1 (default) — docs layout with sidebar -->
+   * <PrivacyPolicyOrTermsOfUse variant={1} data={pageData} />
+   *
+    * <!-- Variant 2 — layout with hero -->
+   * <PrivacyPolicyOrTermsOfUse variant={2} data={pageData} />
+   * ```
+   */
+</script>
+
+<script lang="ts">
+    import Search01 from "./01/Search01.svelte";
+    import Search02 from "./02/Search02.svelte";
+    import type { SearchInputProps } from "./types";
+
+  let { variant = 1, ...restProps }: SearchInputProps = $props();
+</script>
+
+{#if variant === 2}
+  <Search02 {...restProps} />
+{:else}
+  <Search01 {...restProps} />
+{/if}