@dryui/ui 1.8.0 → 2.0.0

package/dist/list/list.meta.d.ts

@@ -0,0 +1,8 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+declare const _default: {
+    name: string;
+    description: string;
+    category: string;
+    tags: string[];
+};
+export default _default;

package/dist/list/list.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'List',
+    description: 'Structured list with items, icons, and subheaders',
+    category: 'display',
+    tags: ['list', 'item', 'icon', 'dense']
+};

package/dist/listbox/listbox.meta.d.ts

@@ -0,0 +1,8 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+declare const _default: {
+    name: string;
+    description: string;
+    category: string;
+    tags: string[];
+};
+export default _default;

package/dist/listbox/listbox.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Listbox',
+    description: 'Single or multi-select list with keyboard navigation',
+    category: 'input',
+    tags: ['listbox', 'select', 'option', 'keyboard']
+};

package/dist/logo-mark/logo-mark.meta.d.ts

@@ -0,0 +1,8 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+declare const _default: {
+    name: string;
+    description: string;
+    category: string;
+    tags: string[];
+};
+export default _default;

package/dist/logo-mark/logo-mark.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'LogoMark',
+    description: 'Brand mark, status indicator, or category badge with image or fallback text',
+    category: 'display',
+    tags: ['logo', 'mark', 'brand', 'indicator', 'badge', 'icon']
+};

package/dist/logo-mark/logo-mark.svelte

@@ -48,6 +48,7 @@
 	{...rest}
 >
 	{#if showImage}
+		<!-- dryui-allow raw-img: LogoMark owns the intrinsic brand mark image and fallback lifecycle. -->
 		<img {src} {alt} onerror={handleError} />
 	{:else}
 		<span aria-hidden="true">{getFallbackText()}</span>

package/dist/map/map.meta.d.ts

@@ -0,0 +1,8 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+declare const _default: {
+    name: string;
+    description: string;
+    category: string;
+    tags: string[];
+};
+export default _default;

package/dist/map/map.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Map',
+    description: 'Interactive map container with markers, popups, layers, and controls',
+    category: 'display',
+    tags: ['map', 'geo', 'marker', 'popup', 'layer', 'geojson']
+};

package/dist/markdown-renderer/markdown-renderer.meta.d.ts

@@ -0,0 +1,8 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+declare const _default: {
+    name: string;
+    description: string;
+    category: string;
+    tags: string[];
+};
+export default _default;

package/dist/markdown-renderer/markdown-renderer.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'MarkdownRenderer',
+    description: 'Renders markdown text as styled HTML',
+    category: 'display',
+    tags: ['markdown', 'text', 'render', 'prose', 'content']
+};

package/dist/markdown-renderer/markdown-renderer.svelte

@@ -5,22 +5,28 @@
 	import { Separator } from '../separator/index.js';
 	interface Props extends HTMLAttributes<HTMLDivElement> {
 		content: string;
-		sanitize?: boolean;
+		dangerouslyAllowRawHtml?: boolean;
 	}
 
-	let { content, sanitize = true, class: className, ...rest }: Props = $props();
+	let { content, dangerouslyAllowRawHtml = false, class: className, ...rest }: Props = $props();
 
-	const nodes = $derived(parseMarkdownToAst(content, { sanitize }));
+	const nodes = $derived(parseMarkdownToAst(content, { sanitize: !dangerouslyAllowRawHtml }));
 </script>
 
 {#snippet renderNodes(items: MarkdownNode[])}
 	{#each items as node}
 		{#if node.type === 'heading'}
+			<!-- dryui-allow raw-heading: MarkdownRenderer maps parsed markdown heading nodes to their semantic HTML tag. -->
 			{#if node.level === 1}<h1>{@html node.content}</h1>
+				<!-- dryui-allow raw-heading: MarkdownRenderer maps parsed markdown heading nodes to their semantic HTML tag. -->
 			{:else if node.level === 2}<h2>{@html node.content}</h2>
+				<!-- dryui-allow raw-heading: MarkdownRenderer maps parsed markdown heading nodes to their semantic HTML tag. -->
 			{:else if node.level === 3}<h3>{@html node.content}</h3>
+				<!-- dryui-allow raw-heading: MarkdownRenderer maps parsed markdown heading nodes to their semantic HTML tag. -->
 			{:else if node.level === 4}<h4>{@html node.content}</h4>
+				<!-- dryui-allow raw-heading: MarkdownRenderer maps parsed markdown heading nodes to their semantic HTML tag. -->
 			{:else if node.level === 5}<h5>{@html node.content}</h5>
+				<!-- dryui-allow raw-heading: MarkdownRenderer maps parsed markdown heading nodes to their semantic HTML tag. -->
 			{:else}<h6>{@html node.content}</h6>
 			{/if}
 		{:else if node.type === 'paragraph'}

package/dist/markdown-renderer/markdown-renderer.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLDivElement> {
     content: string;
-    sanitize?: boolean;
+    dangerouslyAllowRawHtml?: boolean;
 }
 declare const MarkdownRenderer: import("svelte").Component<Props, {}, "">;
 type MarkdownRenderer = ReturnType<typeof MarkdownRenderer>;

package/dist/marquee/marquee.meta.d.ts

@@ -0,0 +1,8 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+declare const _default: {
+    name: string;
+    description: string;
+    category: string;
+    tags: string[];
+};
+export default _default;

package/dist/marquee/marquee.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Marquee',
+    description: 'Scrolling text/content ticker with CSS animations',
+    category: 'display',
+    tags: ['scroll', 'ticker', 'animation', 'text']
+};

package/dist/mask-reveal/mask-reveal.meta.d.ts

@@ -0,0 +1,8 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+declare const _default: {
+    name: string;
+    description: string;
+    category: string;
+    tags: string[];
+};
+export default _default;

package/dist/mask-reveal/mask-reveal.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'MaskReveal',
+    description: 'Intersection-observer mask transition with circle, diamond, or wipe shapes',
+    category: 'visual',
+    tags: ['mask', 'reveal', 'transition', 'intersection-observer', 'animation', 'clip-path']
+};

package/dist/mega-menu/mega-menu-item.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 	import type { HTMLAttributes } from 'svelte/elements';
-	import { generateFormId } from '@dryui/primitives';
 	import { getMegaMenuCtx, setMegaMenuItemCtx } from './context.svelte.js';
 
 	interface Props extends HTMLAttributes<HTMLDivElement> {
@@ -11,9 +10,10 @@
 	let { class: className, children, ...rest }: Props = $props();
 
 	const ctx = getMegaMenuCtx();
-	const itemId = generateFormId('mm-item');
-	const triggerId = generateFormId('mm-trigger');
-	const panelId = generateFormId('mm-panel');
+	const uid = $props.id();
+	const itemId = `mm-item-${uid}`;
+	const triggerId = `mm-trigger-${uid}`;
+	const panelId = `mm-panel-${uid}`;
 
 	setMegaMenuItemCtx({
 		itemId,

package/dist/mega-menu/mega-menu.meta.d.ts

@@ -0,0 +1,8 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+declare const _default: {
+    name: string;
+    description: string;
+    category: string;
+    tags: string[];
+};
+export default _default;

package/dist/mega-menu/mega-menu.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'MegaMenu',
+    description: 'Horizontal navigation with large dropdown panels and columns',
+    category: 'navigation',
+    tags: ['menu', 'mega-menu', 'navigation', 'dropdown', 'panel', 'flyout']
+};

package/dist/menubar/menubar-content.svelte

@@ -115,6 +115,7 @@
 </div>
 
 <style>
+	/* outer: var(--dry-radius-popover); children inside the padded region use var(--dry-radius-nested-popover). */
 	[data-menubar-content] {
 		/* Reset UA popover defaults */
 		inset: unset;
@@ -122,8 +123,9 @@
 
 		background: var(--dry-color-bg-overlay);
 		color: var(--dry-color-text-strong);
+		/* dryui-allow solid-border-on-raised: menu popover keeps a visible edge while floating above varied content. */
 		border: 1px solid var(--dry-color-stroke-weak);
-		border-radius: var(--dry-radius-lg);
+		border-radius: var(--dry-radius-popover);
 		box-shadow: var(--dry-shadow-overlay);
 		padding: var(--dry-space-1);
 

package/dist/menubar/menubar-item.svelte

@@ -59,10 +59,7 @@
 		align-items: center;
 		gap: var(--dry-space-2);
 		padding: var(--dry-menu-item-padding, var(--dry-space-2_5) var(--dry-space-2));
-		border-radius: var(
-			--dry-menu-item-radius,
-			min(var(--dry-control-radius, var(--dry-radius-sm)), var(--dry-space-4))
-		);
+		border-radius: var(--dry-menu-item-radius, var(--dry-radius-nested-popover));
 		font-size: var(--dry-type-small-size, var(--dry-text-sm-size));
 		cursor: pointer;
 		user-select: none;

package/dist/menubar/menubar-menu.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
 	import { onMount } from 'svelte';
 	import type { Snippet } from 'svelte';
-	import { generateFormId } from '@dryui/primitives';
 	import { getMenubarCtx, setMenubarMenuCtx } from './context.svelte.js';
 
 	interface Props {
@@ -10,7 +9,8 @@
 
 	let { children }: Props = $props();
 
-	const menuId = generateFormId('menubar-menu');
+	const uid = $props.id();
+	const menuId = `menubar-menu-${uid}`;
 	const ctx = getMenubarCtx();
 
 	onMount(() => {

package/dist/menubar/menubar-root.svelte

@@ -82,6 +82,7 @@
 		gap: var(--dry-space-1);
 		padding: var(--dry-space-1);
 		background: var(--dry-color-bg-overlay);
+		/* dryui-allow solid-border-on-raised: menubar root presents a persistent command strip boundary. */
 		border: 1px solid var(--dry-color-stroke-weak);
 		border-radius: var(--dry-radius-lg);
 	}

package/dist/menubar/menubar.meta.d.ts

@@ -0,0 +1,8 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+declare const _default: {
+    name: string;
+    description: string;
+    category: string;
+    tags: string[];
+};
+export default _default;

package/dist/menubar/menubar.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Menubar',
+    description: 'Horizontal menu bar with dropdown menus',
+    category: 'navigation',
+    tags: ['menu', 'menubar', 'dropdown', 'navigation']
+};

package/dist/motion/enter.d.ts

@@ -0,0 +1,10 @@
+import type { TransitionConfig } from 'svelte/transition';
+export interface EnterOptions {
+    index?: number;
+    delay?: number;
+    duration?: number;
+    translate?: number;
+    blur?: number;
+    easing?: (t: number) => number;
+}
+export declare function enter(node: Element, opts?: EnterOptions): TransitionConfig;

package/dist/motion/enter.js

@@ -0,0 +1,36 @@
+import { cubicOut } from 'svelte/easing';
+function resolveMs(value, fallback) {
+    if (!value)
+        return fallback;
+    const trimmed = value.trim();
+    if (trimmed.endsWith('ms'))
+        return parseFloat(trimmed);
+    if (trimmed.endsWith('s'))
+        return parseFloat(trimmed) * 1000;
+    return parseFloat(trimmed) || fallback;
+}
+export function enter(node, opts = {}) {
+    if (typeof window === 'undefined') {
+        return { duration: 0, css: () => '' };
+    }
+    const styles = getComputedStyle(node);
+    const duration = opts.duration ?? resolveMs(styles.getPropertyValue('--dry-enter-duration'), 800);
+    const stagger = resolveMs(styles.getPropertyValue('--dry-enter-stagger-section'), 100);
+    const index = opts.index ?? 0;
+    const max = parseFloat(styles.getPropertyValue('--dry-enter-stagger-max') || '16') || 16;
+    const delay = opts.delay ?? Math.min(index, max) * stagger;
+    const translate = opts.translate ?? (parseFloat(styles.getPropertyValue('--dry-enter-translate') || '8') || 8);
+    const blur = opts.blur ?? (parseFloat(styles.getPropertyValue('--dry-enter-blur') || '5') || 5);
+    const easing = opts.easing ?? cubicOut;
+    return {
+        duration,
+        delay,
+        easing,
+        css: (t) => {
+            const eased = t;
+            const y = (1 - eased) * translate;
+            const b = (1 - eased) * blur;
+            return `transform: translateY(${y}px); filter: blur(${b}px); opacity: ${eased};`;
+        }
+    };
+}

package/dist/motion/enter.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	interface Props {
+		index?: number;
+		duration?: string;
+		as?: string;
+		children?: Snippet;
+	}
+
+	let { index = 0, duration, as = 'div', children }: Props = $props();
+
+	function applyStyles(node: HTMLElement) {
+		$effect(() => {
+			node.style.setProperty('--dry-enter-index', String(index));
+			if (duration) {
+				node.style.setProperty('--dry-enter-duration', duration);
+			} else {
+				node.style.removeProperty('--dry-enter-duration');
+			}
+		});
+	}
+</script>
+
+<!-- dryui-allow svelte-element -->
+<svelte:element this={as} class="dry-enter" {@attach applyStyles}>
+	{@render children?.()}
+</svelte:element>

package/dist/motion/enter.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    index?: number;
+    duration?: string;
+    as?: string;
+    children?: Snippet;
+}
+declare const Enter: import("svelte").Component<Props, {}, "">;
+type Enter = ReturnType<typeof Enter>;
+export default Enter;

package/dist/motion/exit.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { leave } from './leave.js';
+
+	interface Props {
+		children?: Snippet;
+	}
+
+	let { children }: Props = $props();
+</script>
+
+<div out:leave>
+	{@render children?.()}
+</div>
+
+<style>
+	div {
+		display: contents;
+	}
+</style>

package/dist/motion/exit.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    children?: Snippet;
+}
+declare const Exit: import("svelte").Component<Props, {}, "">;
+type Exit = ReturnType<typeof Exit>;
+export default Exit;

package/dist/motion/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Enter } from './enter.svelte';
+export { default as Exit } from './exit.svelte';
+export { default as Stagger } from './stagger.svelte';
+export { enter } from './enter.js';
+export { leave } from './leave.js';
+export type { EnterOptions } from './enter.js';
+export type { LeaveOptions } from './leave.js';

package/dist/motion/index.js

@@ -0,0 +1,5 @@
+export { default as Enter } from './enter.svelte';
+export { default as Exit } from './exit.svelte';
+export { default as Stagger } from './stagger.svelte';
+export { enter } from './enter.js';
+export { leave } from './leave.js';

package/dist/motion/leave.d.ts

@@ -0,0 +1,9 @@
+import type { TransitionConfig } from 'svelte/transition';
+export interface LeaveOptions {
+    delay?: number;
+    duration?: number;
+    translate?: number;
+    blur?: number;
+    easing?: (t: number) => number;
+}
+export declare function leave(node: Element, opts?: LeaveOptions): TransitionConfig;

package/dist/motion/leave.js

@@ -0,0 +1,32 @@
+import { cubicOut } from 'svelte/easing';
+function resolveMs(value, fallback) {
+    if (!value)
+        return fallback;
+    const trimmed = value.trim();
+    if (trimmed.endsWith('ms'))
+        return parseFloat(trimmed);
+    if (trimmed.endsWith('s'))
+        return parseFloat(trimmed) * 1000;
+    return parseFloat(trimmed) || fallback;
+}
+export function leave(node, opts = {}) {
+    if (typeof window === 'undefined') {
+        return { duration: 0, css: () => '' };
+    }
+    const styles = getComputedStyle(node);
+    const duration = opts.duration ?? resolveMs(styles.getPropertyValue('--dry-exit-duration'), 360);
+    const translate = opts.translate ?? (parseFloat(styles.getPropertyValue('--dry-exit-translate') || '12') || 12);
+    const blur = opts.blur ?? (parseFloat(styles.getPropertyValue('--dry-exit-blur') || '4') || 4);
+    const easing = opts.easing ?? cubicOut;
+    return {
+        duration,
+        delay: opts.delay ?? 0,
+        easing,
+        css: (t) => {
+            const eased = t;
+            const y = (1 - eased) * translate;
+            const b = (1 - eased) * blur;
+            return `transform: translateY(${y}px); filter: blur(${b}px); opacity: ${eased};`;
+        }
+    };
+}

package/dist/motion/motion.meta.d.ts

@@ -0,0 +1,8 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+declare const _default: {
+    name: string;
+    description: string;
+    category: string;
+    tags: string[];
+};
+export default _default;

package/dist/motion/motion.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Motion',
+    description: 'Motion primitives module exported from @dryui/ui/motion: Enter/Exit/Stagger component wrappers plus `enter` / `leave` Svelte transition functions driven by --dry-enter-* and --dry-exit-* tokens.',
+    category: 'display',
+    tags: ['motion', 'animation', 'enter', 'exit', 'stagger', 'polish']
+};

package/dist/motion/stagger.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+
+	interface Props {
+		step?: 'section' | 'word' | 'letter' | number;
+		as?: string;
+		children?: Snippet;
+	}
+
+	let { step = 'section', as = 'div', children }: Props = $props();
+
+	const stepValue = $derived.by(() => {
+		if (typeof step === 'number') return `${step}ms`;
+		if (step === 'letter') return 'var(--dry-enter-stagger-letter)';
+		if (step === 'word') return 'var(--dry-enter-stagger-word)';
+		return 'var(--dry-enter-stagger-section)';
+	});
+
+	function applyStyles(node: HTMLElement) {
+		$effect(() => {
+			node.style.setProperty('--dry-stagger-step', stepValue);
+		});
+	}
+</script>
+
+<!-- dryui-allow svelte-element -->
+<svelte:element this={as} data-dry-stagger {@attach applyStyles}>
+	{@render children?.()}
+</svelte:element>

package/dist/motion/stagger.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    step?: 'section' | 'word' | 'letter' | number;
+    as?: string;
+    children?: Snippet;
+}
+declare const Stagger: import("svelte").Component<Props, {}, "">;
+type Stagger = ReturnType<typeof Stagger>;
+export default Stagger;

package/dist/multi-select-combobox/multi-select-combobox-content.svelte

@@ -87,6 +87,7 @@
 		margin: 0;
 		grid-template-columns: minmax(anchor-size(inline), max-content);
 		background: var(--dry-color-bg-overlay);
+		/* dryui-allow solid-border-on-raised: popover menu keeps an explicit edge for contrast against busy app surfaces. */
 		border: 1px solid var(--dry-color-stroke-weak);
 		border-radius: var(--dry-radius-md);
 		box-shadow: var(--dry-shadow-lg);

package/dist/multi-select-combobox/multi-select-combobox-item.svelte

@@ -1,7 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 	import type { HTMLAttributes } from 'svelte/elements';
-	import { generateFormId } from '@dryui/primitives';
 	import { getMultiSelectComboboxCtx } from './context.svelte.js';
 
 	interface Props extends HTMLAttributes<HTMLDivElement> {
@@ -24,7 +23,8 @@
 	}: Props = $props();
 
 	const ctx = getMultiSelectComboboxCtx();
-	const id = generateFormId('multi-select-combobox-item');
+	const uid = $props.id();
+	const id = `multi-select-combobox-item-${uid}`;
 
 	const isSelected = $derived(ctx.isSelected(value));
 	const isUnavailable = $derived(disabled || !ctx.canSelect(value));

package/dist/multi-select-combobox/multi-select-combobox-root-input.svelte

@@ -2,7 +2,6 @@
 	import { untrack } from 'svelte';
 	import type { Snippet } from 'svelte';
 	import type { HTMLAttributes } from 'svelte/elements';
-	import { generateFormId } from '@dryui/primitives';
 	import { setMultiSelectComboboxCtx } from './context.svelte.js';
 
 	interface Props extends HTMLAttributes<HTMLDivElement> {
@@ -31,8 +30,9 @@
 		...rest
 	}: Props = $props();
 
-	const inputId = generateFormId('multi-select-combobox-input');
-	const contentId = generateFormId('multi-select-combobox-content');
+	const uid = $props.id();
+	const inputId = `multi-select-combobox-input-${uid}`;
+	const contentId = `multi-select-combobox-content-${uid}`;
 
 	let rootEl = $state<HTMLDivElement | null>(null);
 	let inputEl = $state<HTMLInputElement | null>(null);
@@ -251,6 +251,7 @@
 		justify-content: start;
 		gap: var(--dry-space-1_5);
 		padding: var(--dry-space-2);
+		/* dryui-allow solid-border-on-raised: composite input needs a persistent field edge plus raised fill for token contrast. */
 		border: 1px solid var(--dry-color-stroke-strong);
 		border-radius: var(--dry-radius-md);
 		background: var(--dry-color-bg-raised);

package/dist/multi-select-combobox/multi-select-combobox.meta.d.ts

@@ -0,0 +1,8 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+declare const _default: {
+    name: string;
+    description: string;
+    category: string;
+    tags: string[];
+};
+export default _default;

package/dist/multi-select-combobox/multi-select-combobox.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'MultiSelectCombobox',
+    description: 'Searchable multi-select combobox with removable selected tokens',
+    category: 'form',
+    tags: ['form', 'multiselect', 'combobox', 'autocomplete', 'tokens', 'chips']
+};

package/dist/navigation-menu/context.svelte.d.ts

@@ -1,4 +1,3 @@
-import { generateFormId } from '@dryui/primitives';
 export interface NavigationMenuContext {
     readonly activeItem: string | null;
     openItem: (id: string) => void;
@@ -12,4 +11,3 @@ export interface NavigationMenuItemContext {
     readonly open: boolean;
 }
 export declare const setNavigationMenuItemCtx: (ctx: NavigationMenuItemContext) => NavigationMenuItemContext, getNavigationMenuItemCtx: () => NavigationMenuItemContext;
-export { generateFormId };

package/dist/navigation-menu/context.svelte.js

@@ -1,4 +1,3 @@
-import { createContext, generateFormId } from '@dryui/primitives';
+import { createContext } from '@dryui/primitives';
 export const [setNavigationMenuCtx, getNavigationMenuCtx] = createContext('navigation-menu');
 export const [setNavigationMenuItemCtx, getNavigationMenuItemCtx] = createContext('navigation-menu-item');
-export { generateFormId };