negodesign 0.0.73 → 0.0.74

package/dist/components/ui/table/table-head.svelte

@@ -1,15 +1,15 @@
-<script lang="ts">
-	import { cn, type WithElementRef } from "../../../utils.js";
-	import type { HTMLThAttributes } from "svelte/elements";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLThAttributes> = $props();
-</script>
-
-<th bind:this={ref} data-slot="table-head" class={cn("text-foreground h-12 px-3 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0", className)} {...restProps}>
-	{@render children?.()}
-</th>
+<script lang="ts">
+	import { cn, type WithElementRef } from "../../../utils.js";
+	import type { HTMLThAttributes } from "svelte/elements";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLThAttributes> = $props();
+</script>
+
+<th bind:this={ref} data-slot="table-head" class={cn("text-foreground h-12 px-3 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0", className)} {...restProps}>
+	{@render children?.()}
+</th>

package/dist/components/ui/table/table-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<HTMLTableSectionElement>> = $props();
-</script>
-
-<thead
-	bind:this={ref}
-	data-slot="table-header"
-	class={cn("[&_tr]:border-b", className)}
-	{...restProps}
->
-	{@render children?.()}
-</thead>
+<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<HTMLTableSectionElement>> = $props();
+</script>
+
+<thead
+	bind:this={ref}
+	data-slot="table-header"
+	class={cn("[&_tr]:border-b", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</thead>

package/dist/components/ui/table/table-row.svelte

@@ -1,15 +1,15 @@
-<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<HTMLTableRowElement>> = $props();
-</script>
-
-<tr bind:this={ref} data-slot="table-row" class={cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className)} {...restProps}>
-	{@render children?.()}
-</tr>
+<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<HTMLTableRowElement>> = $props();
+</script>
+
+<tr bind:this={ref} data-slot="table-row" class={cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className)} {...restProps}>
+	{@render children?.()}
+</tr>

package/dist/components/ui/table/table.svelte

@@ -1,17 +1,17 @@
-<script lang="ts">
-	import type { HTMLTableAttributes } from "svelte/elements";
-	import { cn, type WithElementRef } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: WithElementRef<HTMLTableAttributes> = $props();
-</script>
-
-<div data-slot="table-container" class="relative w-full overflow-x-auto">
-	<table bind:this={ref} data-slot="table" class={cn("w-full caption-bottom text-sm", className)} {...restProps}>
-		{@render children?.()}
-	</table>
-</div>
+<script lang="ts">
+	import type { HTMLTableAttributes } from "svelte/elements";
+	import { cn, type WithElementRef } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithElementRef<HTMLTableAttributes> = $props();
+</script>
+
+<div data-slot="table-container" class="relative w-full overflow-x-auto">
+	<table bind:this={ref} data-slot="table" class={cn("w-full caption-bottom text-sm", className)} {...restProps}>
+		{@render children?.()}
+	</table>
+</div>

package/dist/components/{core → ui}/tabs/ui/tab-underline.svelte

@@ -1,43 +1,43 @@
-<script lang="ts">
-  import * as UnderlineTabs from "../../../ui/underline-tabs";
-  import type { TabProps } from "../data/TabModel";
-
-  type Props = {
-    items?: TabProps[];
-    className?: string;
-  };
-
-  let { items = [], className }: Props = $props();
-
-  let activeValue = $state<string>("");
-
-  let currentActiveValue = $derived(
-    activeValue || (items.length > 0 ? items[0].item.value : ""),
-  );
-
-  let selected = $derived(
-    items.find((it) => it.item.value === currentActiveValue) || items[0],
-  );
-</script>
-
-{#if items && items.length > 0 && selected}
-  <UnderlineTabs.Root
-    value={currentActiveValue}
-    onValueChange={(val) => (activeValue = val)}
-    class="mb-5 {className}"
-  >
-    <UnderlineTabs.List>
-      {#each items as it (it.item.value)}
-        <UnderlineTabs.Trigger
-          value={it.item.value}
-          class="text-lg md:text-base"
-        >
-          {it.item.label}
-        </UnderlineTabs.Trigger>
-      {/each}
-    </UnderlineTabs.List>
-  </UnderlineTabs.Root>
-  {#if selected.children}
-    {@render selected.children()}
-  {/if}
-{/if}
+<script lang="ts">
+  import * as UnderlineTabs from "../../underline-tabs";
+  import type { TabProps } from "../data/TabModel";
+
+  type Props = {
+    items?: TabProps[];
+    className?: string;
+  };
+
+  let { items = [], className }: Props = $props();
+
+  let activeValue = $state<string>("");
+
+  let currentActiveValue = $derived(
+    activeValue || (items.length > 0 ? items[0].item.value : ""),
+  );
+
+  let selected = $derived(
+    items.find((it) => it.item.value === currentActiveValue) || items[0],
+  );
+</script>
+
+{#if items && items.length > 0 && selected}
+  <UnderlineTabs.Root
+    value={currentActiveValue}
+    onValueChange={(val) => (activeValue = val)}
+    class="mb-5 {className}"
+  >
+    <UnderlineTabs.List>
+      {#each items as it (it.item.value)}
+        <UnderlineTabs.Trigger
+          value={it.item.value}
+          class="text-lg md:text-base"
+        >
+          {it.item.label}
+        </UnderlineTabs.Trigger>
+      {/each}
+    </UnderlineTabs.List>
+  </UnderlineTabs.Root>
+  {#if selected.children}
+    {@render selected.children()}
+  {/if}
+{/if}

package/dist/components/ui/underline-tabs/underline-tabs-content.svelte

@@ -1,34 +1,34 @@
-<script lang="ts">
-	import type { Snippet } from "svelte";
-	import { cn } from "../../../utils.js";
-	import { useUnderlineTabsTrigger } from "./underline-tabs.svelte.js";
-
-	let {
-		ref = $bindable(null),
-		value,
-		class: className,
-		children,
-		...restProps
-	}: {
-		ref?: HTMLDivElement | null;
-		value: string;
-		class?: string;
-		children?: Snippet;
-		[key: string]: unknown;
-	} = $props();
-
-	const state = useUnderlineTabsTrigger();
-</script>
-
-{#if state.value === value}
-	<div
-		bind:this={ref}
-		data-slot="underline-tabs-content"
-		role="tabpanel"
-		data-state="active"
-		class={cn("flex-1 outline-none", className)}
-		{...restProps}
-	>
-		{@render children?.()}
-	</div>
+<script lang="ts">
+	import type { Snippet } from "svelte";
+	import { cn } from "../../../utils.js";
+	import { useUnderlineTabsTrigger } from "./underline-tabs.svelte.js";
+
+	let {
+		ref = $bindable(null),
+		value,
+		class: className,
+		children,
+		...restProps
+	}: {
+		ref?: HTMLDivElement | null;
+		value: string;
+		class?: string;
+		children?: Snippet;
+		[key: string]: unknown;
+	} = $props();
+
+	const state = useUnderlineTabsTrigger();
+</script>
+
+{#if state.value === value}
+	<div
+		bind:this={ref}
+		data-slot="underline-tabs-content"
+		role="tabpanel"
+		data-state="active"
+		class={cn("flex-1 outline-none", className)}
+		{...restProps}
+	>
+		{@render children?.()}
+	</div>
 {/if}

package/dist/components/ui/underline-tabs/underline-tabs-list.svelte

@@ -1,41 +1,41 @@
-<script lang="ts">
-	import type { Snippet } from "svelte";
-	import { cn } from "../../../utils.js";
-
-	let {
-		ref = $bindable(null),
-		class: className,
-		children,
-		...restProps
-	}: {
-		ref?: HTMLDivElement | null;
-		class?: string;
-		children?: Snippet;
-		[key: string]: unknown;
-	} = $props();
-</script>
-
-<div
-	bind:this={ref}
-	data-slot="underline-tabs-list"
-	role="tablist"
-	data-orientation="horizontal"
-	class={cn(
-		"text-muted-foreground border-border relative inline-flex h-9 w-full max-w-full items-center justify-start overflow-x-auto border-b",
-		className
-	)}
-	{...restProps}
->
-	{@render children?.()}
-</div>
-
-<style>
-	:global([data-slot='underline-tabs-list']) {
-		-ms-overflow-style: none; /* IE and Edge */
-		scrollbar-width: none; /* Firefox */
-	}
-
-	:global([data-slot='underline-tabs-list']::-webkit-scrollbar) {
-		display: none;
-	}
+<script lang="ts">
+	import type { Snippet } from "svelte";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: {
+		ref?: HTMLDivElement | null;
+		class?: string;
+		children?: Snippet;
+		[key: string]: unknown;
+	} = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="underline-tabs-list"
+	role="tablist"
+	data-orientation="horizontal"
+	class={cn(
+		"text-muted-foreground border-border relative inline-flex h-9 w-full max-w-full items-center justify-start overflow-x-auto border-b",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>
+
+<style>
+	:global([data-slot='underline-tabs-list']) {
+		-ms-overflow-style: none; /* IE and Edge */
+		scrollbar-width: none; /* Firefox */
+	}
+
+	:global([data-slot='underline-tabs-list']::-webkit-scrollbar) {
+		display: none;
+	}
 </style>

package/dist/components/ui/underline-tabs/underline-tabs-trigger.svelte

@@ -1,92 +1,92 @@
-<script lang="ts">
-	import type { Snippet } from "svelte";
-	import { cn } from "../../../utils.js";
-	import { useUnderlineTabsTrigger } from "./underline-tabs.svelte.js";
-
-	let {
-		ref = $bindable(null),
-		value,
-		class: className,
-		onclick,
-		onmouseenter,
-		onmouseleave,
-		onfocus,
-		onblur,
-		children,
-		...restProps
-	}: {
-		ref?: HTMLButtonElement | null;
-		value: string;
-		class?: string;
-		onclick?: (e: MouseEvent) => void;
-		onmouseenter?: (e: MouseEvent) => void;
-		onmouseleave?: (e: MouseEvent) => void;
-		onfocus?: (e: FocusEvent) => void;
-		onblur?: (e: FocusEvent) => void;
-		children?: Snippet;
-		[key: string]: unknown;
-	} = $props();
-
-	const state = useUnderlineTabsTrigger();
-
-	const isActive = $derived(state.value === value);
-	const isHovered = $derived(state.hovered === value);
-
-	function handleClick(e: MouseEvent) {
-		onclick?.(e);
-		state.select(value);
-	}
-
-	function handleMouseEnter(e: MouseEvent) {
-		onmouseenter?.(e);
-		state.setHovered(value);
-	}
-
-	function handleMouseLeave(e: MouseEvent) {
-		onmouseleave?.(e);
-		state.setHovered(null);
-	}
-
-	function handleFocus(e: FocusEvent) {
-		onfocus?.(e);
-		state.setHovered(value);
-	}
-
-	function handleBlur(e: FocusEvent) {
-		onblur?.(e);
-		state.setHovered(null);
-	}
-</script>
-
-<div class="relative h-full">
-	<button
-		bind:this={ref}
-		type="button"
-		role="tab"
-		data-slot="underline-tabs-trigger"
-		data-state={isActive ? "active" : "inactive"}
-		aria-selected={isActive}
-		tabindex={isActive ? 0 : -1}
-		class={cn(
-			"dark:data-[state=active]:text-foreground data-[state=active]:text-foreground text-muted-foreground relative z-2 inline-flex h-[calc(100%-3px)] flex-1 items-center justify-center gap-1.5 px-3 py-1 text-sm font-medium whitespace-nowrap transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-			className
-		)}
-		onclick={handleClick}
-		onmouseenter={handleMouseEnter}
-		onmouseleave={handleMouseLeave}
-		onfocus={handleFocus}
-		onblur={handleBlur}
-		{...restProps}
-	>
-		{@render children?.()}
-	</button>
-	{#if isHovered}
-		<div
-			class="bg-accent absolute top-0 z-1 h-[calc(100%-3px)] w-full rounded-md opacity-100 transition-opacity duration-300"
-			aria-hidden="true"
-		></div>
-	{/if}
-	{#if isActive}
-		<div class="bg-primary absolute -bottom-px z-1 h-0.5 w-full" aria-hidden="true"></div>
-	{/if}
+<script lang="ts">
+	import type { Snippet } from "svelte";
+	import { cn } from "../../../utils.js";
+	import { useUnderlineTabsTrigger } from "./underline-tabs.svelte.js";
+
+	let {
+		ref = $bindable(null),
+		value,
+		class: className,
+		onclick,
+		onmouseenter,
+		onmouseleave,
+		onfocus,
+		onblur,
+		children,
+		...restProps
+	}: {
+		ref?: HTMLButtonElement | null;
+		value: string;
+		class?: string;
+		onclick?: (e: MouseEvent) => void;
+		onmouseenter?: (e: MouseEvent) => void;
+		onmouseleave?: (e: MouseEvent) => void;
+		onfocus?: (e: FocusEvent) => void;
+		onblur?: (e: FocusEvent) => void;
+		children?: Snippet;
+		[key: string]: unknown;
+	} = $props();
+
+	const state = useUnderlineTabsTrigger();
+
+	const isActive = $derived(state.value === value);
+	const isHovered = $derived(state.hovered === value);
+
+	function handleClick(e: MouseEvent) {
+		onclick?.(e);
+		state.select(value);
+	}
+
+	function handleMouseEnter(e: MouseEvent) {
+		onmouseenter?.(e);
+		state.setHovered(value);
+	}
+
+	function handleMouseLeave(e: MouseEvent) {
+		onmouseleave?.(e);
+		state.setHovered(null);
+	}
+
+	function handleFocus(e: FocusEvent) {
+		onfocus?.(e);
+		state.setHovered(value);
+	}
+
+	function handleBlur(e: FocusEvent) {
+		onblur?.(e);
+		state.setHovered(null);
+	}
+</script>
+
+<div class="relative h-full">
+	<button
+		bind:this={ref}
+		type="button"
+		role="tab"
+		data-slot="underline-tabs-trigger"
+		data-state={isActive ? "active" : "inactive"}
+		aria-selected={isActive}
+		tabindex={isActive ? 0 : -1}
+		class={cn(
+			"dark:data-[state=active]:text-foreground data-[state=active]:text-foreground text-muted-foreground relative z-2 inline-flex h-[calc(100%-3px)] flex-1 items-center justify-center gap-1.5 px-3 py-1 text-sm font-medium whitespace-nowrap transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+			className
+		)}
+		onclick={handleClick}
+		onmouseenter={handleMouseEnter}
+		onmouseleave={handleMouseLeave}
+		onfocus={handleFocus}
+		onblur={handleBlur}
+		{...restProps}
+	>
+		{@render children?.()}
+	</button>
+	{#if isHovered}
+		<div
+			class="bg-accent absolute top-0 z-1 h-[calc(100%-3px)] w-full rounded-md opacity-100 transition-opacity duration-300"
+			aria-hidden="true"
+		></div>
+	{/if}
+	{#if isActive}
+		<div class="bg-primary absolute -bottom-px z-1 h-0.5 w-full" aria-hidden="true"></div>
+	{/if}
 </div>