@dryui/ui 1.8.0 → 1.9.0

package/dist/enter/enter.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Enter',
+    description: 'Single-child entrance wrapper. Reveals on mount with --dry-enter-* tokens (translate, blur, duration). Accepts an index for staggered reveals.',
+    category: 'display',
+    tags: ['animation', 'enter', 'reveal', 'motion', 'polish']
+};

package/dist/enter/index.d.ts

@@ -0,0 +1 @@
+export { Enter, enter, type EnterOptions } from '../motion/index.js';

package/dist/enter/index.js

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

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Exit',
+    description: 'Exit wrapper that applies the `leave` Svelte transition. Pairs with {#if} blocks for a subtle dismissal (~12px offset + blur).',
+    category: 'display',
+    tags: ['animation', 'exit', 'leave', 'motion', 'polish']
+};

package/dist/exit/index.d.ts

@@ -0,0 +1 @@
+export { Exit, leave, type LeaveOptions } from '../motion/index.js';

package/dist/exit/index.js

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

package/dist/field/field-root.svelte

@@ -8,6 +8,7 @@
 		error?: string;
 		required?: boolean;
 		disabled?: boolean;
+		nestRadius?: boolean;
 	}
 
 	let {
@@ -15,6 +16,7 @@
 		error = '',
 		required = false,
 		disabled = false,
+		nestRadius = false,
 		class: className,
 		...rest
 	}: Props = $props();
@@ -67,6 +69,7 @@
 	data-field
 	data-disabled={disabled || undefined}
 	data-error={error ? '' : undefined}
+	data-nest-radius={nestRadius ? '' : undefined}
 	class={className}
 	{...rest}
 >
@@ -86,5 +89,9 @@
 		&[data-error] {
 			--dry-field-gap: var(--dry-space-1);
 		}
+
+		&[data-nest-radius] {
+			--dry-input-radius: var(--dry-radius-nested-field);
+		}
 	}
 </style>

package/dist/field/field-root.svelte.d.ts

@@ -5,6 +5,7 @@ interface Props extends HTMLAttributes<HTMLDivElement> {
     error?: string;
     required?: boolean;
     disabled?: boolean;
+    nestRadius?: boolean;
 }
 declare const FieldRoot: import("svelte").Component<Props, {}, "">;
 type FieldRoot = ReturnType<typeof FieldRoot>;

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Field',
+    description: 'Form field wrapper with label, description, and error',
+    category: 'form',
+    tags: ['form', 'field', 'label', 'error', 'validation']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Fieldset',
+    description: 'Structured field grouping with legend, description, and content',
+    category: 'form',
+    tags: ['form', 'group', 'legend', 'settings']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'FileSelect',
+    description: 'Select a file or folder path via external picker',
+    category: 'input',
+    tags: ['form', 'file', 'folder', 'path', 'select', 'picker']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'FileUpload',
+    description: 'File selection with drag-and-drop dropzone',
+    category: 'input',
+    tags: ['form', 'file', 'upload', 'drag', 'drop']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'FlipCard',
+    description: 'Flippable card with front and back faces',
+    category: 'display',
+    tags: ['card', 'flip', 'hover', 'click', '3d', 'animation']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'FloatButton',
+    description: 'Floating action button with expandable actions',
+    category: 'action',
+    tags: ['fab', 'float', 'action', 'button', 'expand']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'FocusTrap',
+    description: 'Traps keyboard focus within a container element',
+    category: 'utility',
+    tags: ['a11y', 'focus', 'trap', 'modal', 'keyboard']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'FormatBytes',
+    description: 'Formats byte values with Intl.NumberFormat',
+    category: 'display',
+    tags: ['format', 'bytes', 'file-size', 'number']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'FormatDate',
+    description: 'Formats dates with Intl.DateTimeFormat',
+    category: 'display',
+    tags: ['format', 'date', 'time', 'intl', 'locale']
+};

package/dist/format-date/format-date.svelte

@@ -78,6 +78,7 @@
 		color: var(--dry-format-date-color);
 		font-size: var(--dry-format-date-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/format-number/format-number.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/format-number/format-number.meta.js

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'FormatNumber',
+    description: 'Formats numbers with Intl.NumberFormat',
+    category: 'display',
+    tags: ['format', 'number', 'currency', 'percent']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Gauge',
+    description: 'SVG gauge indicator with configurable arc, thresholds, and label',
+    category: 'display',
+    tags: ['gauge', 'meter', 'dial', 'svg', 'dashboard', 'threshold']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Glass',
+    description: 'Translucent glass wrapper with blur, tint, and saturation control',
+    category: 'visual',
+    tags: ['glass', 'blur', 'frosted', 'surface', 'translucent']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Glow',
+    description: 'Soft glow effect wrapper with configurable color, intensity, and animation',
+    category: 'visual',
+    tags: ['glow', 'light', 'shadow', 'neon', 'effect', 'animation']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'GodRays',
+    description: 'Volumetric radial light rays surface with configurable origin, spread, and intensity',
+    category: 'visual',
+    tags: ['rays', 'light', 'volumetric', 'hero', 'effect']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'GradientMesh',
+    description: 'Animated multi-color gradient mesh background with optional interactivity',
+    category: 'visual',
+    tags: ['gradient', 'mesh', 'background', 'animation', 'interactive', 'color']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Halftone',
+    description: 'SVG halftone dot pattern overlay with configurable size, angle, and color',
+    category: 'visual',
+    tags: ['halftone', 'dots', 'pattern', 'texture', 'print', 'overlay']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Heading',
+    description: 'Standalone semantic heading export for starter-kit typography',
+    category: 'display',
+    tags: ['text', 'heading', 'title', 'typography']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Hotkey',
+    description: 'Keyboard shortcut handler with modifier support',
+    category: 'utility',
+    tags: ['keyboard', 'shortcut', 'hotkey', 'keybinding']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'HoverCard',
+    description: 'Card popup on hover with delay-based open/close',
+    category: 'overlay',
+    tags: ['hover', 'card', 'preview', 'popup']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Icon',
+    description: 'Sized and colored SVG icon wrapper with accessibility label',
+    category: 'display',
+    tags: ['icon', 'svg', 'size', 'color', 'accessible']
+};

package/dist/icon/icon.svelte

@@ -22,6 +22,7 @@
 </script>
 
 <span
+	data-dry-icon=""
 	role={label ? 'img' : 'presentation'}
 	aria-label={label}
 	aria-hidden={label ? undefined : true}

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'IconSwap',
+    description: 'Keyed icon crossfade with scale and blur, driven by --dry-icon-swap-* tokens',
+    category: 'display',
+    tags: ['icon', 'swap', 'crossfade', 'animation', 'motion']
+};

package/dist/icon-swap/icon-swap.svelte

@@ -0,0 +1,47 @@
+<script lang="ts">
+	import type { Component, Snippet } from 'svelte';
+
+	interface Props {
+		icon: Snippet | Component | unknown;
+		size?: 'sm' | 'md' | 'lg';
+		label?: string;
+	}
+
+	let { icon, size = 'md', label }: Props = $props();
+</script>
+
+{#key icon}
+	{@const IconComponent = icon as Component}
+	{@const iconAsSnippet = icon as Snippet}
+	<span class="dry-icon-swap" data-size={size} aria-label={label}>
+		{#if typeof icon === 'function' && (icon as Snippet).length === 0}
+			{@render iconAsSnippet()}
+		{:else}
+			<IconComponent />
+		{/if}
+	</span>
+{/key}
+
+<style>
+	.dry-icon-swap {
+		display: inline-grid;
+		place-items: center;
+		line-height: 0;
+		animation: icon-swap-in var(--dry-icon-swap-duration, 120ms)
+			var(--dry-icon-swap-ease, cubic-bezier(0.16, 1, 0.3, 1)) both;
+	}
+
+	@keyframes icon-swap-in {
+		from {
+			opacity: 0;
+			transform: scale(var(--dry-icon-swap-scale-out, 0.85));
+			filter: blur(var(--dry-icon-swap-blur-out, 2px));
+		}
+	}
+
+	@media (prefers-reduced-motion: reduce) {
+		.dry-icon-swap {
+			animation: none;
+		}
+	}
+</style>

package/dist/icon-swap/icon-swap.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Component, Snippet } from 'svelte';
+interface Props {
+    icon: Snippet | Component | unknown;
+    size?: 'sm' | 'md' | 'lg';
+    label?: string;
+}
+declare const IconSwap: Component<Props, {}, "">;
+type IconSwap = ReturnType<typeof IconSwap>;
+export default IconSwap;

package/dist/icon-swap/index.d.ts

@@ -0,0 +1 @@
+export { default as IconSwap } from './icon-swap.svelte';

package/dist/icon-swap/index.js

@@ -0,0 +1 @@
+export { default as IconSwap } from './icon-swap.svelte';

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Image',
+    description: 'Image with loading states and fallback support',
+    category: 'display',
+    tags: ['image', 'lazy', 'loading', 'fallback']
+};

package/dist/image/image.svelte

@@ -69,7 +69,8 @@
 
 	img[data-state='loaded'],
 	img[data-state='fallback'] {
-		box-shadow: inset 0 0 0 1px var(--dry-image-edge);
+		outline: 1px solid var(--dry-image-edge);
+		outline-offset: -1px;
 	}
 
 	img[data-state='fallback'] {

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'ImageComparison',
+    description: 'Before/after image comparison slider',
+    category: 'display',
+    tags: ['image', 'compare', 'slider', 'before-after']
+};

package/dist/index.d.ts

@@ -298,3 +298,10 @@ export { TokenScope } from './themes/token-scope.js';
 export type { TokenScopeProps } from './themes/token-scope.js';
 export { Diagram } from './diagram/index.js';
 export type { DiagramConfig, DiagramNode, DiagramEdge, DiagramCluster, DiagramAnnotation, DiagramSwimlane, DiagramRegion, DiagramColor, DiagramDirection } from './diagram/index.js';
+export { IconSwap } from './icon-swap/index.js';
+export { Numeric } from './numeric/index.js';
+export { Enter } from './enter/index.js';
+export { Exit } from './exit/index.js';
+export { Stagger } from './stagger/index.js';
+export { enter, leave } from './motion/index.js';
+export type { EnterOptions, LeaveOptions } from './motion/index.js';

package/dist/index.js

@@ -153,3 +153,10 @@ export { StarRating } from './star-rating/index.js';
 export { Tag } from './tag/index.js';
 export { TokenScope } from './themes/token-scope.js';
 export { Diagram } from './diagram/index.js';
+// Visual Polish — motion, numeric, icon-swap
+export { IconSwap } from './icon-swap/index.js';
+export { Numeric } from './numeric/index.js';
+export { Enter } from './enter/index.js';
+export { Exit } from './exit/index.js';
+export { Stagger } from './stagger/index.js';
+export { enter, leave } from './motion/index.js';