@dryui/ui 1.7.4 → 1.9.0

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;

package/dist/shimmer/shimmer.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Shimmer',
+    description: 'Warm highlight sweep that travels across wrapped text and inline icons together',
+    category: 'visual',
+    tags: ['shimmer', 'shine', 'highlight', 'text', 'icon', 'animation', 'effect']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Sidebar',
+    description: 'Collapsible side navigation panel',
+    category: 'navigation',
+    tags: ['sidebar', 'navigation', 'panel', 'collapsible']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Skeleton',
+    description: 'Loading placeholder animation',
+    category: 'feedback',
+    tags: ['loading', 'placeholder', 'shimmer', 'skeleton']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Slider',
+    description: 'Range input slider with thumb control',
+    category: 'input',
+    tags: ['form', 'range', 'slider', 'value']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Spacer',
+    description: 'Empty space component for spacing',
+    category: 'layout',
+    tags: ['space', 'gap', 'margin', 'padding']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Sparkline',
+    description: 'Compact inline SVG sparkline chart',
+    category: 'display',
+    tags: ['sparkline', 'chart', 'inline', 'trend', 'svg', 'data']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Spinner',
+    description: 'Loading spinner animation',
+    category: 'feedback',
+    tags: ['loading', 'spinner', 'wait', 'processing']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Splitter',
+    description: 'Resizable split panels with drag handle',
+    category: 'layout',
+    tags: ['split', 'resize', 'panel', 'drag']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Spotlight',
+    description: 'Pointer-reactive radial highlight surface for cards, hero blocks, and interactive panels',
+    category: 'display',
+    tags: ['spotlight', 'pointer', 'hover', 'surface', 'motion']
+};

package/dist/stagger/index.d.ts

@@ -0,0 +1 @@
+export { Stagger } from '../motion/index.js';

package/dist/stagger/index.js

@@ -0,0 +1 @@
+export { Stagger } from '../motion/index.js';

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Stagger',
+    description: 'Iterates children with auto-assigned nth-child delays. `step` selects section (100ms), word (80ms), letter (40ms), or a custom millisecond value.',
+    category: 'display',
+    tags: ['animation', 'stagger', 'enter', 'motion', 'polish']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'StarRating',
+    description: 'Read-only star rating display with filled and outlined variants',
+    category: 'display',
+    tags: ['star', 'rating', 'review', 'score', 'display']
+};

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