negodesign 0.0.72 → 0.0.74

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>

package/dist/components/ui/empty/empty.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"
-	class={cn("flex flex-col items-center justify-center 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"
+	class={cn("flex flex-col items-center justify-center text-center", className)}
+	{...restProps}
+>
+	{@render children?.()}
 </div>

package/dist/components/{core → ui}/footer/ui/Footer.svelte

@@ -1,18 +1,18 @@
-<script lang="ts">
-  import Footer01 from "./01/Footer01.svelte";
-  import Footer02 from "./02/Footer02.svelte";
-  import type { FooterProps } from "../types";
-
-  let {
-    variant = 1,
-    ...restProps
-  }: FooterProps & {
-    variant?: 1 | 2;
-  } = $props();
-</script>
-
-{#if variant === 2}
-  <Footer02 {...restProps} />
-{:else}
-  <Footer01 {...restProps} />
-{/if}
+<script lang="ts">
+  import Footer01 from "./01/Footer01.svelte";
+  import Footer02 from "./02/Footer02.svelte";
+  import type { FooterProps } from "../types";
+
+  let {
+    variant = 1,
+    ...restProps
+  }: FooterProps & {
+    variant?: 1 | 2;
+  } = $props();
+</script>
+
+{#if variant === 2}
+  <Footer02 {...restProps} />
+{:else}
+  <Footer01 {...restProps} />
+{/if}

package/dist/components/{core → ui}/form/ui/input-base.svelte

@@ -1,81 +1,81 @@
-<script lang="ts">
-  import Input from "../../../ui/input/input.svelte";
-  import { Label } from "../../../ui/label";
-  import { EyeIcon, EyeOffIcon } from "@hugeicons/core-free-icons";
-  import { inputIconMap } from "../data/InputIconDefault.svelte";
-  import type { InputLabelProps } from "../data/InputLabel.svelte";
-  import { HugeiconsIcon } from "@hugeicons/svelte";
-
-  let {
-    label,
-    isIcon,
-    isLabel,
-    value = $bindable(""),
-    ...restProps
-  }: InputLabelProps = $props();
-
-  let showPassword = $state(false);
-
-  const isPassword = $derived(restProps.type == "password");
-
-  const inputType = $derived(
-    isPassword && showPassword ? "text" : restProps.type,
-  );
-
-  const currentIcon = $derived(
-    restProps.type ? inputIconMap[restProps.type] : undefined,
-  );
-
-  function togglePasswordVisibility() {
-    showPassword = !showPassword;
-  }
-</script>
-
-{#snippet renderInput()}
-  <div class="flex items-center relative w-full">
-    {#if isIcon && currentIcon}
-      <span class="absolute left-3 flex items-center pointer-events-none">
-        <HugeiconsIcon
-          icon={currentIcon}
-          size={16}
-          color="#94a3b8"
-          strokeWidth={1.5}
-        />
-      </span>
-    {/if}
-
-    <Input
-      class="{isIcon && currentIcon ? 'pl-9' : ''} {isPassword ? 'pr-9' : ''}"
-      bind:value
-      {...restProps}
-      type={inputType}
-    />
-
-    {#if isPassword}
-      <button
-        type="button"
-        onclick={togglePasswordVisibility}
-        class="absolute right-3 flex items-center cursor-pointer z-10 text-slate-400 hover:text-slate-600 focus:outline-none"
-        aria-label={showPassword ? "Ocultar senha" : "Ver senha"}
-      >
-        <HugeiconsIcon
-          icon={showPassword ? EyeOffIcon : EyeIcon}
-          size={16}
-          color="#94a3b8"
-          strokeWidth={1.5}
-        />
-      </button>
-    {/if}
-  </div>
-{/snippet}
-
-{#if isLabel}
-  <div class="flex flex-col gap-3 w-full">
-    {#if label}
-      <Label>{label}</Label>
-    {/if}
-    {@render renderInput()}
-  </div>
-{:else}
-  {@render renderInput()}
-{/if}
+<script lang="ts">
+  import Input from "../../input/input.svelte";
+  import { Label } from "../../label";
+  import { EyeIcon, EyeOffIcon } from "@hugeicons/core-free-icons";
+  import { inputIconMap } from "../data/InputIconDefault.svelte.js";
+  import type { InputLabelProps } from "../data/InputLabel.svelte.js";
+  import { HugeiconsIcon } from "@hugeicons/svelte";
+
+  let {
+    label,
+    isIcon,
+    isLabel,
+    value = $bindable(""),
+    ...restProps
+  }: InputLabelProps = $props();
+
+  let showPassword = $state(false);
+
+  const isPassword = $derived(restProps.type == "password");
+
+  const inputType = $derived(
+    isPassword && showPassword ? "text" : restProps.type,
+  );
+
+  const currentIcon = $derived(
+    restProps.type ? inputIconMap[restProps.type] : undefined,
+  );
+
+  function togglePasswordVisibility() {
+    showPassword = !showPassword;
+  }
+</script>
+
+{#snippet renderInput()}
+  <div class="flex items-center relative w-full">
+    {#if isIcon && currentIcon}
+      <span class="absolute left-3 flex items-center pointer-events-none">
+        <HugeiconsIcon
+          icon={currentIcon}
+          size={16}
+          color="#94a3b8"
+          strokeWidth={1.5}
+        />
+      </span>
+    {/if}
+
+    <Input
+      class="{isIcon && currentIcon ? 'pl-9' : ''} {isPassword ? 'pr-9' : ''}"
+      bind:value
+      {...restProps}
+      type={inputType}
+    />
+
+    {#if isPassword}
+      <button
+        type="button"
+        onclick={togglePasswordVisibility}
+        class="absolute right-3 flex items-center cursor-pointer z-10 text-slate-400 hover:text-slate-600 focus:outline-none"
+        aria-label={showPassword ? "Ocultar senha" : "Ver senha"}
+      >
+        <HugeiconsIcon
+          icon={showPassword ? EyeOffIcon : EyeIcon}
+          size={16}
+          color="#94a3b8"
+          strokeWidth={1.5}
+        />
+      </button>
+    {/if}
+  </div>
+{/snippet}
+
+{#if isLabel}
+  <div class="flex flex-col gap-3 w-full">
+    {#if label}
+      <Label>{label}</Label>
+    {/if}
+    {@render renderInput()}
+  </div>
+{:else}
+  {@render renderInput()}
+{/if}

package/dist/components/{core → ui}/form/ui/input-base.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { InputLabelProps } from "../data/InputLabel.svelte";
+import type { InputLabelProps } from "../data/InputLabel.svelte.ts";
 declare const InputBase: import("svelte").Component<InputLabelProps, {}, "value">;
 type InputBase = ReturnType<typeof InputBase>;
 export default InputBase;

package/dist/components/{core → ui}/form/ui/input-code-otp.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-  import * as InputOTP from "../../../ui/input-otp/index.js";
-  import type { InputLabelProps } from "../data/InputLabel.svelte";
-  import { Label } from "../../../ui/label";
+  import * as InputOTP from "../../input-otp/index.js";
+  import type { InputLabelProps } from "../data/InputLabel.svelte.js";
+  import { Label } from "../../label";
   import { t } from "../../../../i18n";
 
   /** OTP code input field with configurable boxes. */

package/dist/components/{core → ui}/form/ui/input-code-otp.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { InputLabelProps } from "../data/InputLabel.svelte";
+import type { InputLabelProps } from "../data/InputLabel.svelte.ts";
 type $$ComponentProps = InputLabelProps & {
     /** Number of OTP code boxes. Default: 6 */
     length?: number;

package/dist/components/{core → ui}/form/ui/input-email-or-phone.svelte

@@ -1,23 +1,23 @@
-<script lang="ts">
-  import type { InputLabelProps } from "../data/InputLabel.svelte";
-  import InputBase from "./input-base.svelte";
-  import { t } from "../../../../i18n";
-
-  /** Email or phone input field with icon and label. */
-  let {
-    label,
-    placeholder,
-    value = $bindable(""),
-    ...restProps
-  }: InputLabelProps = $props();
-</script>
-
-<InputBase
-  type="text"
-  label={label || $t("input.email-or-phone.label")}
-  placeholder={placeholder || $t("input.email-or-phone.placeholder")}
-  isLabel
-  isIcon
-  bind:value
-  {...restProps}
-/>
+<script lang="ts">
+  import type { InputLabelProps } from "../data/InputLabel.svelte.js";
+  import InputBase from "./input-base.svelte";
+  import { t } from "../../../../i18n";
+
+  /** Email or phone input field with icon and label. */
+  let {
+    label,
+    placeholder,
+    value = $bindable(""),
+    ...restProps
+  }: InputLabelProps = $props();
+</script>
+
+<InputBase
+  type="text"
+  label={label || $t("input.email-or-phone.label")}
+  placeholder={placeholder || $t("input.email-or-phone.placeholder")}
+  isLabel
+  isIcon
+  bind:value
+  {...restProps}
+/>