negodesign 0.0.72 → 0.0.74

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/{core → 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}

package/dist/components/{core → ui}/search/shared/SearchInputCore.svelte

@@ -1,66 +1,66 @@
-<script lang="ts" module>
-  /**
-   * Reusable search input component used by Search01 and Search02.
-   * Renders a text input with a search icon and submit button.
-   * @component
-   */
-</script>
-
-<script lang="ts">
-  import { HugeiconsIcon } from "@hugeicons/svelte";
-  import { Search01Icon } from "@hugeicons/core-free-icons";
-  import Button from "../../../ui/button/button.svelte";
-  import { Separator } from "../../../ui/separator/index";
-  import { t } from "../../../../i18n";
-  import type { SearchInputProps } from "../types";
-
-  let { onSubmit, placeholder, variant = 1, buttonClass, inputClass, iconClass }: SearchInputProps = $props();
-
-  let value = $state("");
-
-  function handleKeydown(e: KeyboardEvent) {
-    if (e.key === "Enter") onSubmit?.(value);
-  }
-</script>
-
-<div class="container relative">
-  <div
-    class="mx-auto md:w-11/12 z-10 {variant === 2
-      ? 'border-b'
-      : 'border bg-input rounded-lg shadow'} m-auto"
-  >
-    <div class="flex items-center gap-2 py-1 px-2 w-full md:min-h-15">
-      <div class="items-center gap-2 hidden md:flex">
-        <HugeiconsIcon
-          icon={Search01Icon}
-          size={20}
-          color="currentColor"
-          strokeWidth={1.5}
-          class={iconClass}
-        />
-      </div>
-      <input
-        type="search"
-        bind:value
-        onkeydown={handleKeydown}
-        class="text-sm w-full bg-transparent border-none outline-none focus:outline-none focus:ring-0 focus:border-transparent {inputClass}"
-        placeholder={placeholder || $t("label.search.placeholder")}
-      />
-      <div class="flex gap-1">
-        <Separator class="w-full" orientation="vertical" />
-        <Button
-          onclick={() => onSubmit?.(value)}
-          class={`flex justify-center items-center cursor-pointer ${buttonClass}`}
-        >
-          <HugeiconsIcon
-            icon={Search01Icon}
-            size={15}
-            color="currentColor"
-            strokeWidth={2}
-          />
-          <span class="hidden md:block">{$t("label.search")}</span>
-        </Button>
-      </div>
-    </div>
-  </div>
-</div>
+<script lang="ts" module>
+  /**
+   * Reusable search input component used by Search01 and Search02.
+   * Renders a text input with a search icon and submit button.
+   * @component
+   */
+</script>
+
+<script lang="ts">
+  import { HugeiconsIcon } from "@hugeicons/svelte";
+  import { Search01Icon } from "@hugeicons/core-free-icons";
+  import Button from "../../button/button.svelte";
+  import { Separator } from "../../separator/index";
+  import { t } from "../../../../i18n";
+  import type { SearchInputProps } from "../types";
+
+  let { onSubmit, placeholder, variant = 1, buttonClass, inputClass, iconClass }: SearchInputProps = $props();
+
+  let value = $state("");
+
+  function handleKeydown(e: KeyboardEvent) {
+    if (e.key === "Enter") onSubmit?.(value);
+  }
+</script>
+
+<div class="container relative">
+  <div
+    class="mx-auto md:w-11/12 z-10 {variant === 2
+      ? 'border-b'
+      : 'border bg-input rounded-lg shadow'} m-auto"
+  >
+    <div class="flex items-center gap-2 py-1 px-2 w-full md:min-h-15">
+      <div class="items-center gap-2 hidden md:flex">
+        <HugeiconsIcon
+          icon={Search01Icon}
+          size={20}
+          color="currentColor"
+          strokeWidth={1.5}
+          class={iconClass}
+        />
+      </div>
+      <input
+        type="search"
+        bind:value
+        onkeydown={handleKeydown}
+        class="text-sm w-full bg-transparent border-none outline-none focus:outline-none focus:ring-0 focus:border-transparent {inputClass}"
+        placeholder={placeholder || $t("label.search.placeholder")}
+      />
+      <div class="flex gap-1">
+        <Separator class="w-full" orientation="vertical" />
+        <Button
+          onclick={() => onSubmit?.(value)}
+          class={`flex justify-center items-center cursor-pointer ${buttonClass}`}
+        >
+          <HugeiconsIcon
+            icon={Search01Icon}
+            size={15}
+            color="currentColor"
+            strokeWidth={2}
+          />
+          <span class="hidden md:block">{$t("label.search")}</span>
+        </Button>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -1,29 +1,29 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "../../../utils.js";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		orientation = "horizontal",
-		decorative = false,
-		class: className,
-		...restProps
-	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
-		orientation?: "horizontal" | "vertical";
-		decorative?: boolean;
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="separator"
-	data-orientation={orientation}
-	role={decorative ? undefined : "separator"}
-	aria-orientation={decorative ? undefined : orientation}
-	class={cn(
-		"shrink-0 bg-border",
-		orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
-		className
-	)}
-	{...restProps}
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		orientation = "horizontal",
+		decorative = false,
+		class: className,
+		...restProps
+	}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+		orientation?: "horizontal" | "vertical";
+		decorative?: boolean;
+	} = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="separator"
+	data-orientation={orientation}
+	role={decorative ? undefined : "separator"}
+	aria-orientation={decorative ? undefined : orientation}
+	class={cn(
+		"shrink-0 bg-border",
+		orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
+		className
+	)}
+	{...restProps}
 ></div>

package/dist/components/{core/sidebar → ui/sidebar/core}/MenuBarSidebar.svelte

@@ -1,70 +1,70 @@
-<script lang="ts">
-  import * as Sidebar from "../../ui/sidebar/index.js";
-  import type { ComponentProps } from "svelte";
-
-  import type { NavUserSidebarProps } from "./data/nav-user-sidebar";
-  import type {
-    NavMenuItem,
-    NavMenuSidebarProps,
-  } from "./data/nav-menu-sidebar";
-  import type { Snippet } from "svelte";
-  import NavMenuTopBarSidebar from "./ui/navbar/NavMenuTopBarSidebar.svelte";
-  import NavMenuBottomSidebar from "./ui/navbar/NavMenuBottomSidebar.svelte";
-  import NavMenuBarSidebar from "./ui/navbar/NavMenuBarSidebar.svelte";
-  import NavUserSidebar from "./ui/navbar/NavUserSidebar.svelte";
-  import { t } from "../../../i18n";
-
-  /**
-   * Navigation sidebar with menus, user, and buttons.
-   * @property {NavMenuSidebar[]} menusButtons - Footer buttons (e.g., logout)
-   * @property {NavMenuItem[]} menus - Main navigation items
-   * @property {NavUserSidebarItem} user - Logged-in user data
-   * @property {Snippet} footer - Snippet customizado do footer
-   * @property {Snippet} header - Snippet customizado do header
-   */
-  type Props = {
-    menusButtons?: NavMenuSidebarProps[];
-    menus: NavMenuItem[];
-    user: NavUserSidebarProps;
-    footer?: Snippet;
-    header?: Snippet;
-  };
-
-  let {
-    ref = $bindable(null),
-    collapsible = "icon",
-    menusButtons,
-    menus,
-    user,
-    footer,
-    header,
-    ...restProps
-  }: ComponentProps<typeof Sidebar.Root> & Props = $props();
-</script>
-
-<Sidebar.Root bind:ref {collapsible} {...restProps}>
-  <Sidebar.Header>
-    {#if header}
-      {@render header?.()}
-    {:else}
-      <NavMenuTopBarSidebar
-        content={{
-          title: $t("label.panel"),
-          subtitle: $t("label.administrative"),
-        }}
-      />
-    {/if}
-  </Sidebar.Header>
-  <Sidebar.Content>
-    <NavMenuBarSidebar items={menus} />
-  </Sidebar.Content>
-  <Sidebar.Footer>
-    {#if footer}
-      {@render footer?.()}
-    {:else if menusButtons && menusButtons.length > 0}
-      <NavMenuBottomSidebar items={menusButtons} class="mt-auto" />
-    {/if}
-    <NavUserSidebar {user} />
-  </Sidebar.Footer>
-  <Sidebar.Rail />
-</Sidebar.Root>
+<script lang="ts">
+  import * as Sidebar from "../index.js";
+  import type { ComponentProps } from "svelte";
+
+  import type { NavUserSidebarProps } from "./data/nav-user-sidebar";
+  import type {
+    NavMenuItem,
+    NavMenuSidebarProps,
+  } from "./data/nav-menu-sidebar";
+  import type { Snippet } from "svelte";
+  import NavMenuTopBarSidebar from "./ui/navbar/NavMenuTopBarSidebar.svelte";
+  import NavMenuBottomSidebar from "./ui/navbar/NavMenuBottomSidebar.svelte";
+  import NavMenuBarSidebar from "./ui/navbar/NavMenuBarSidebar.svelte";
+  import NavUserSidebar from "./ui/navbar/NavUserSidebar.svelte";
+  import { t } from "../../../../i18n";
+
+  /**
+   * Navigation sidebar with menus, user, and buttons.
+   * @property {NavMenuSidebar[]} menusButtons - Footer buttons (e.g., logout)
+   * @property {NavMenuItem[]} menus - Main navigation items
+   * @property {NavUserSidebarItem} user - Logged-in user data
+   * @property {Snippet} footer - Snippet customizado do footer
+   * @property {Snippet} header - Snippet customizado do header
+   */
+  type Props = {
+    menusButtons?: NavMenuSidebarProps[];
+    menus: NavMenuItem[];
+    user: NavUserSidebarProps;
+    footer?: Snippet;
+    header?: Snippet;
+  };
+
+  let {
+    ref = $bindable(null),
+    collapsible = "icon",
+    menusButtons,
+    menus,
+    user,
+    footer,
+    header,
+    ...restProps
+  }: ComponentProps<typeof Sidebar.Root> & Props = $props();
+</script>
+
+<Sidebar.Root bind:ref {collapsible} {...restProps}>
+  <Sidebar.Header>
+    {#if header}
+      {@render header?.()}
+    {:else}
+      <NavMenuTopBarSidebar
+        content={{
+          title: $t("label.panel"),
+          subtitle: $t("label.administrative"),
+        }}
+      />
+    {/if}
+  </Sidebar.Header>
+  <Sidebar.Content>
+    <NavMenuBarSidebar items={menus} />
+  </Sidebar.Content>
+  <Sidebar.Footer>
+    {#if footer}
+      {@render footer?.()}
+    {:else if menusButtons && menusButtons.length > 0}
+      <NavMenuBottomSidebar items={menusButtons} class="mt-auto" />
+    {/if}
+    <NavUserSidebar {user} />
+  </Sidebar.Footer>
+  <Sidebar.Rail />
+</Sidebar.Root>

package/dist/components/{core/sidebar → ui/sidebar/core}/MenuBarSidebar.svelte.d.ts

@@ -1,4 +1,4 @@
-import * as Sidebar from "../../ui/sidebar/index.js";
+import * as Sidebar from "../index.js";
 import type { ComponentProps } from "svelte";
 import type { NavUserSidebarProps } from "./data/nav-user-sidebar";
 import type { NavMenuItem, NavMenuSidebarProps } from "./data/nav-menu-sidebar";