@dryui/ui 1.8.0 → 1.9.0

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'NavigationMenu',
+    description: 'Site-level navigation with flyout content panels',
+    category: 'navigation',
+    tags: ['navigation', 'menu', 'flyout', 'mega-menu']
+};

package/dist/noise/noise.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/noise/noise.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Noise',
+    description: 'Texture overlay that adds grain and atmosphere to surfaces without external assets',
+    category: 'layout',
+    tags: ['texture', 'grain', 'surface', 'overlay', 'shader-like']
+};

package/dist/notification-center/notification-center.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/notification-center/notification-center.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'NotificationCenter',
+    description: 'Notification panel with trigger, groups, and items',
+    category: 'overlay',
+    tags: ['notification', 'bell', 'alerts', 'inbox', 'popover', 'unread', 'feedback', 'status']
+};

package/dist/number-input/number-input.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/number-input/number-input.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'NumberInput',
+    description: 'Numeric input with increment/decrement controls',
+    category: 'input',
+    tags: ['form', 'number', 'input', 'counter']
+};

package/dist/numeric/index.d.ts

@@ -0,0 +1 @@
+export { default as Numeric } from './numeric.svelte';

package/dist/numeric/index.js

@@ -0,0 +1 @@
+export { default as Numeric } from './numeric.svelte';

package/dist/numeric/numeric.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/numeric/numeric.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Numeric',
+    description: 'Tabular-nums numeric display with optional stable min-width and alignment',
+    category: 'display',
+    tags: ['numeric', 'tabular', 'number', 'stable', 'align']
+};

package/dist/numeric/numeric.svelte

@@ -0,0 +1,49 @@
+<script lang="ts">
+	interface Props {
+		value: number | string;
+		stable?: boolean;
+		align?: 'start' | 'center' | 'end';
+		minDigits?: number;
+	}
+
+	let { value, stable = false, align = 'end', minDigits }: Props = $props();
+
+	const minWidth = $derived.by(() => {
+		if (!stable) return undefined;
+		const digits = minDigits ?? String(value).replace(/[^\d]/g, '').length;
+		return `${digits * 0.6}em`;
+	});
+
+	function applyStyles(node: HTMLElement) {
+		$effect(() => {
+			if (minWidth) {
+				node.style.setProperty('min-width', minWidth);
+			} else {
+				node.style.removeProperty('min-width');
+			}
+		});
+	}
+</script>
+
+<span class="dry-numeric dry-tabular-nums" data-align={align} {@attach applyStyles}>
+	{value}
+</span>
+
+<style>
+	.dry-numeric {
+		display: inline-block;
+		font-variant-numeric: var(--dry-numeric-variant);
+	}
+
+	[data-align='end'] {
+		text-align: end;
+	}
+
+	[data-align='center'] {
+		text-align: center;
+	}
+
+	[data-align='start'] {
+		text-align: start;
+	}
+</style>

package/dist/numeric/numeric.svelte.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    value: number | string;
+    stable?: boolean;
+    align?: 'start' | 'center' | 'end';
+    minDigits?: number;
+}
+declare const Numeric: import("svelte").Component<Props, {}, "">;
+type Numeric = ReturnType<typeof Numeric>;
+export default Numeric;

package/dist/option-picker/option-picker.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/option-picker/option-picker.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'OptionPicker',
+    description: 'Selectable option tiles with preview, label, and description for presets, fonts, shapes, and other visual choices',
+    category: 'input',
+    tags: ['picker', 'selection', 'options', 'tiles', 'preset', 'preview']
+};

package/dist/pagination/pagination.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/pagination/pagination.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Pagination',
+    description: 'Page navigation with previous/next and page links',
+    category: 'navigation',
+    tags: ['nav', 'pages', 'paging', 'navigation']
+};

package/dist/phone-input/phone-input.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/phone-input/phone-input.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'PhoneInput',
+    description: 'Phone number input with country code selector',
+    category: 'input',
+    tags: ['form', 'phone', 'telephone', 'input', 'country-code', 'international']
+};

package/dist/pin-input/pin-input.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/pin-input/pin-input.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'PinInput',
+    description: 'Segmented input for PIN/OTP codes with single hidden input architecture',
+    category: 'input',
+    tags: ['form', 'pin', 'otp', 'code', 'verification']
+};

package/dist/popover/popover-content.svelte

@@ -54,10 +54,11 @@
 </div>
 
 <style>
+	/* outer: var(--dry-radius-popover); children inside the padded region use var(--dry-radius-nested-popover). */
 	[data-popover-content] {
 		--dry-popover-bg: var(--dry-overlay-bg, var(--dry-color-bg-overlay));
 		--dry-popover-border: var(--dry-overlay-border, var(--dry-color-stroke-weak));
-		--dry-popover-radius: var(--dry-overlay-radius, var(--dry-radius-lg));
+		--dry-popover-radius: var(--dry-overlay-radius, var(--dry-radius-popover));
 		--dry-popover-shadow: var(--dry-overlay-shadow, var(--dry-shadow-lg));
 		--dry-popover-padding: var(--dry-space-4);
 		--dry-radius-nested: max(

package/dist/popover/popover.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/popover/popover.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Popover',
+    description: 'Floating content panel anchored to a trigger',
+    category: 'overlay',
+    tags: ['popup', 'floating', 'tooltip', 'popover']
+};

package/dist/portal/portal.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/portal/portal.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Portal',
+    description: 'Renders children into a different DOM location',
+    category: 'utility',
+    tags: ['teleport', 'portal', 'mount', 'target']
+};

package/dist/progress/progress.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/progress/progress.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Progress',
+    description: 'Progress bar indicator',
+    category: 'feedback',
+    tags: ['loading', 'progress', 'bar', 'percentage']
+};

package/dist/progress-ring/progress-ring.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/progress-ring/progress-ring.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'ProgressRing',
+    description: 'Circular progress ring with SVG rendering',
+    category: 'feedback',
+    tags: ['progress', 'ring', 'circular', 'loading']
+};

package/dist/prompt-input/prompt-input.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/prompt-input/prompt-input.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'PromptInput',
+    description: 'AI-style prompt input with auto-resize and submit',
+    category: 'input',
+    tags: ['prompt', 'input', 'chat', 'ai', 'textarea']
+};

package/dist/qr-code/qr-code.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/qr-code/qr-code.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'QRCode',
+    description: 'QR code generator using Canvas 2D API',
+    category: 'display',
+    tags: ['qr', 'code', 'barcode', 'canvas', 'generate']
+};

package/dist/radio-group/radio-group.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/radio-group/radio-group.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'RadioGroup',
+    description: 'Single selection from multiple options',
+    category: 'input',
+    tags: ['form', 'radio', 'select', 'option', 'group']
+};

package/dist/range-calendar/range-calendar.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/range-calendar/range-calendar.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'RangeCalendar',
+    description: 'Calendar for selecting date ranges',
+    category: 'form',
+    tags: ['date', 'range', 'calendar', 'selection']
+};

package/dist/rating/rating.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/rating/rating.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Rating',
+    description: 'Star rating input with half-star support',
+    category: 'input',
+    tags: ['form', 'stars', 'rating', 'review', 'score']
+};

package/dist/relative-time/relative-time.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/relative-time/relative-time.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'RelativeTime',
+    description: 'Displays relative time with auto-updating',
+    category: 'display',
+    tags: ['time', 'relative', 'ago', 'auto-update']
+};

package/dist/relative-time/relative-time.svelte

@@ -65,6 +65,7 @@
 		color: var(--dry-relative-time-color);
 		font-size: var(--dry-relative-time-font-size);
 		font-family: var(--dry-font-sans);
+		font-variant-numeric: var(--dry-numeric-variant);
 		line-height: var(--dry-type-small-leading);
 	}
 </style>

package/dist/reveal/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/reveal/reveal.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Reveal',
+    description: 'IntersectionObserver-powered entry transitions with reduced-motion and no-dependency fallbacks',
+    category: 'display',
+    tags: ['animation', 'reveal', 'intersection-observer', 'stagger', 'motion']
+};

package/dist/rich-text-editor/rich-text-editor.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/rich-text-editor/rich-text-editor.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'RichTextEditor',
+    description: 'Basic rich text editor with formatting toolbar',
+    category: 'input',
+    tags: ['editor', 'rich-text', 'wysiwyg', 'contenteditable', 'formatting']
+};

package/dist/scroll-area/scroll-area.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/scroll-area/scroll-area.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'ScrollArea',
+    description: 'Custom scrollable area with styled scrollbars',
+    category: 'layout',
+    tags: ['scroll', 'overflow', 'scrollbar']
+};

package/dist/scroll-to-top/scroll-to-top.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/scroll-to-top/scroll-to-top.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'ScrollToTop',
+    description: 'Button that scrolls to top of page or container',
+    category: 'action',
+    tags: ['scroll', 'navigation', 'top', 'button']
+};

package/dist/segmented-control/segmented-control.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/segmented-control/segmented-control.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'SegmentedControl',
+    description: 'Compact segmented switch for mutually exclusive options',
+    category: 'form',
+    tags: ['segmented', 'switcher', 'single-select', 'view-toggle', 'tabs', 'toggle']
+};

package/dist/select/select.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/select/select.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Select',
+    description: 'Closed dropdown select for choosing one option from a fixed list',
+    category: 'form',
+    tags: ['form', 'select', 'dropdown', 'option', 'choice', 'non-searchable']
+};

package/dist/separator/separator.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/separator/separator.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Separator',
+    description: 'Visual divider between content',
+    category: 'layout',
+    tags: ['divider', 'line', 'hr', 'separator']
+};

package/dist/separator/separator.svelte

@@ -3,7 +3,7 @@
 
 	interface Props extends HTMLAttributes<HTMLDivElement> {
 		orientation?: 'horizontal' | 'vertical';
-		variant?: 'weak' | 'strong';
+		variant?: 'weak' | 'strong' | 'shadow';
 		decorative?: boolean;
 	}
 
@@ -51,4 +51,20 @@
 	div[data-variant='strong'] {
 		--dry-separator-color: var(--dry-color-stroke-strong);
 	}
+
+	/* ── Variant: shadow (theme-friendlier edge on image backgrounds) ─────── */
+
+	div[data-variant='shadow'] {
+		background-color: transparent;
+		box-shadow: 0 1px 0 var(--dry-color-stroke-weak);
+	}
+
+	div[data-variant='shadow'][data-orientation='horizontal'] {
+		height: 1px;
+	}
+
+	div[data-variant='shadow'][data-orientation='vertical'] {
+		box-shadow: 1px 0 0 var(--dry-color-stroke-weak);
+		grid-template-columns: 1px;
+	}
 </style>

package/dist/separator/separator.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { HTMLAttributes } from 'svelte/elements';
 interface Props extends HTMLAttributes<HTMLDivElement> {
     orientation?: 'horizontal' | 'vertical';
-    variant?: 'weak' | 'strong';
+    variant?: 'weak' | 'strong' | 'shadow';
     decorative?: boolean;
 }
 declare const Separator: import("svelte").Component<Props, {}, "">;

package/dist/shader-canvas/shader-canvas.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/shader-canvas/shader-canvas.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'ShaderCanvas',
+    description: 'WebGL shader canvas with built-in presets and theme color integration',
+    category: 'visual',
+    tags: ['shader', 'webgl', 'canvas', 'glsl', 'animation', 'background', 'preset']
+};

package/dist/shimmer/shimmer.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;