@dryui/ui 1.8.0 → 1.9.0

package/dist/themes/default.css

@@ -10,6 +10,8 @@ html {
 	color: var(--dry-color-text-strong);
 	background: var(--dry-color-bg-base);
 	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-rendering: optimizeLegibility;
 }
 
 body {
@@ -17,6 +19,13 @@ body {
 	min-height: 100dvh;
 }
 
+:where(h1, h2, h3, h4, h5, h6) {
+	text-wrap: balance;
+}
+:where(p) {
+	text-wrap: pretty;
+}
+
 code,
 pre,
 kbd,
@@ -221,6 +230,7 @@ samp {
 
 	/* ─── Radius ──────────────────────────────────────────────────── */
 	--dry-radius-none: 0;
+	--dry-radius-xs: 2px;
 	--dry-radius-sm: 4px;
 	--dry-radius-md: 8px;
 	--dry-radius-lg: 8px;
@@ -228,6 +238,55 @@ samp {
 	--dry-radius-2xl: 16px;
 	--dry-radius-full: 9999px;
 
+	/* ─── Concentric radius ─────────────────────────────────────────
+	   Per-container outer radii + the padding each container wraps
+	   its children in. The derived `--dry-radius-nested-*` tokens
+	   below are what children inside the padded region should use
+	   so inner corners sit concentric with the outer edge. */
+	--dry-radius-card: var(--dry-radius-2xl);
+	--dry-radius-dialog: var(--dry-radius-2xl);
+	--dry-radius-popover: var(--dry-radius-xl);
+	--dry-radius-sheet: var(--dry-radius-2xl);
+	--dry-radius-toast: var(--dry-radius-lg);
+	--dry-radius-tooltip: var(--dry-radius-md);
+
+	--dry-padding-card: var(--dry-space-8);
+	--dry-padding-dialog: var(--dry-space-6);
+	--dry-padding-popover: var(--dry-space-2);
+	--dry-padding-sheet: var(--dry-space-6);
+	--dry-padding-toast: var(--dry-space-3);
+	--dry-padding-tooltip: var(--dry-space-2);
+	--dry-padding-field: var(--dry-space-4);
+
+	--dry-radius-nested-card: max(
+		var(--dry-radius-sm),
+		calc(var(--dry-radius-card) - var(--dry-padding-card))
+	);
+	--dry-radius-nested-dialog: max(
+		var(--dry-radius-sm),
+		calc(var(--dry-radius-dialog) - var(--dry-padding-dialog))
+	);
+	--dry-radius-nested-popover: max(
+		var(--dry-radius-xs),
+		calc(var(--dry-radius-popover) - var(--dry-padding-popover))
+	);
+	--dry-radius-nested-sheet: max(
+		var(--dry-radius-sm),
+		calc(var(--dry-radius-sheet) - var(--dry-padding-sheet))
+	);
+	--dry-radius-nested-toast: max(
+		var(--dry-radius-xs),
+		calc(var(--dry-radius-toast) - var(--dry-padding-toast))
+	);
+	--dry-radius-nested-tooltip: max(
+		var(--dry-radius-xs),
+		calc(var(--dry-radius-tooltip) - var(--dry-padding-tooltip))
+	);
+	--dry-radius-nested-field: max(
+		var(--dry-radius-sm),
+		calc(var(--dry-radius-md) - var(--dry-padding-field))
+	);
+
 	/* ─── Typography ──────────────────────────────────────────────── */
 	--dry-font-sans:
 		ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
@@ -375,6 +434,50 @@ samp {
 	--dry-stagger-step: 60ms;
 	--dry-stagger-max: 8; /* cap delay so very long lists don't take forever */
 
+	/* ─── Entrance motion ──────────────────────────────────────────
+	   Dramatic one-shot reveal (hero sections, page loads). Distinct
+	   from `--dry-duration-entrance` which drives ambient component
+	   mounts. `dry-enter` keyframe + `.dry-enter` class below consume
+	   these tokens. */
+	--dry-enter-translate: 8px;
+	--dry-enter-blur: 5px;
+	--dry-enter-duration: 800ms;
+	--dry-enter-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+	--dry-enter-stagger-section: 100ms;
+	--dry-enter-stagger-word: 80ms;
+	--dry-enter-stagger-letter: 40ms;
+	--dry-enter-stagger-max: 16;
+
+	/* ─── Exit motion ──────────────────────────────────────────────
+	   Subtle dismissal — small fixed offset, not full container
+	   travel. Consumed by the `leave` Svelte transition and any
+	   overlay primitive using `out:leave`. */
+	--dry-exit-translate: 12px;
+	--dry-exit-blur: 4px;
+	--dry-exit-duration: var(--dry-duration-slow);
+	--dry-exit-ease: var(--dry-ease-out);
+
+	/* ─── Icon swap ────────────────────────────────────────────────
+	   Motion for `<IconSwap>` when one icon replaces another
+	   (copy ↔ check, play ↔ pause). Uses the same retarget-friendly
+	   transition as `[data-dry-icon-reveal]`. */
+	--dry-icon-swap-duration: var(--dry-duration-fast);
+	--dry-icon-swap-ease: var(--dry-ease-spring-snappy);
+	--dry-icon-swap-scale-out: 0.85;
+	--dry-icon-swap-blur-out: 2px;
+
+	/* ─── Optical offset ───────────────────────────────────────────
+	   Small horizontal nudge used by `:has()` selectors on Button,
+	   Chip, etc. to shift padding on the icon side so the label
+	   reads visually centered. */
+	--dry-optical-icon-offset: 0.125rem;
+
+	/* ─── Numeric variant ──────────────────────────────────────────
+	   Indirection layer so `.dry-tabular-nums` and the `Numeric`
+	   primitive can be swapped to `slashed-zero tabular-nums` or
+	   similar without a code sweep. */
+	--dry-numeric-variant: tabular-nums;
+
 	/* ─── Glass surface ───────────────────────────────────────────── */
 	--dry-glass-blur: 12px;
 	--dry-glass-tint: var(--dry-color-bg-raised);
@@ -435,17 +538,29 @@ samp {
 	--dry-tracking-wide: 0.05em;
 	--dry-tracking-wider: 0.1em;
 
-	/* ─── Utility shadows (fixed dark ink for depth across themes) ── */
-	--dry-shadow-sm: 0 1px 2px 0 color-mix(in srgb, #020617 12%, transparent);
+	/* ─── Utility shadows — three-layer shadow-as-border recipe ──────
+	   Edge + close contact + ambient, so a raised surface reads as
+	   raised without needing a solid border. Consumers: Card, Button,
+	   and any raised chrome that used to pair border + subtle shadow.
+	   Hover variants ramp the first two layers slightly. */
+	--dry-shadow-sm:
+		0px 0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 2px -1px rgba(0, 0, 0, 0.06),
+		0px 2px 4px 0px rgba(0, 0, 0, 0.04);
 	--dry-shadow-md:
-		0 4px 6px -1px color-mix(in srgb, #020617 18%, transparent),
-		0 2px 4px -2px color-mix(in srgb, #020617 14%, transparent);
+		0px 0px 0px 1px rgba(0, 0, 0, 0.07), 0px 2px 4px -1px rgba(0, 0, 0, 0.08),
+		0px 4px 8px -2px rgba(0, 0, 0, 0.04);
 	--dry-shadow-lg:
-		0 10px 15px -3px color-mix(in srgb, #020617 24%, transparent),
-		0 4px 6px -4px color-mix(in srgb, #020617 18%, transparent);
+		0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 4px 8px -2px rgba(0, 0, 0, 0.08),
+		0px 8px 20px -4px rgba(0, 0, 0, 0.06);
 	--dry-shadow-xl:
-		0 20px 25px -5px color-mix(in srgb, #020617 30%, transparent),
-		0 8px 10px -6px color-mix(in srgb, #020617 22%, transparent);
+		0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 8px 16px -4px rgba(0, 0, 0, 0.1),
+		0px 20px 40px -8px rgba(0, 0, 0, 0.08);
+	--dry-shadow-sm-hover:
+		0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 2px -1px rgba(0, 0, 0, 0.08),
+		0px 2px 4px 0px rgba(0, 0, 0, 0.06);
+	--dry-shadow-md-hover:
+		0px 0px 0px 1px rgba(0, 0, 0, 0.09), 0px 2px 4px -1px rgba(0, 0, 0, 0.1),
+		0px 4px 8px -2px rgba(0, 0, 0, 0.06);
 
 	/* ─── Layers ──────────────────────────────────────────────────── */
 	--dry-layer-overlay: 50;
@@ -509,6 +624,18 @@ samp {
 		--dry-motion-opacity-enter: 1;
 		--dry-motion-blur-enter: 0px;
 		--dry-motion-scale-enter: 1;
+		--dry-enter-translate: 0px;
+		--dry-enter-blur: 0px;
+		--dry-enter-duration: 1ms;
+		--dry-enter-stagger-section: 0ms;
+		--dry-enter-stagger-word: 0ms;
+		--dry-enter-stagger-letter: 0ms;
+		--dry-exit-translate: 0px;
+		--dry-exit-blur: 0px;
+		--dry-exit-duration: 1ms;
+		--dry-icon-swap-duration: 0ms;
+		--dry-icon-swap-scale-out: 1;
+		--dry-icon-swap-blur-out: 0px;
 	}
 }
 
@@ -569,7 +696,33 @@ samp {
 }
 
 .dry-tabular-nums {
-	font-variant-numeric: tabular-nums;
+	font-variant-numeric: var(--dry-numeric-variant);
+}
+
+/* ─── Entrance animation ───────────────────────────────────────────
+   One-shot reveal for mounted content. Keyframes here are acceptable
+   (non-interactive, fires once on mount). Apply via:
+   - `<Enter index={n}>` / `<Stagger>` components.
+   - `in:enter={{ index }}` Svelte transition.
+   - `.dry-enter` + `style="--dry-enter-index: {n}"` for hand-rolled markup. */
+@keyframes dry-enter {
+	from {
+		transform: translateY(var(--dry-enter-translate));
+		filter: blur(var(--dry-enter-blur));
+		opacity: 0;
+	}
+}
+.dry-enter {
+	animation: dry-enter var(--dry-enter-duration) var(--dry-enter-ease) both;
+	animation-delay: calc(
+		var(--dry-enter-stagger-section) * min(var(--dry-enter-index, 0), var(--dry-enter-stagger-max))
+	);
+}
+@media (prefers-reduced-motion: reduce) {
+	.dry-enter {
+		animation-duration: 1ms;
+		animation-delay: 0ms;
+	}
 }
 
 [data-dry-icon-reveal] {

package/dist/themes/midnight.css

@@ -65,6 +65,26 @@
 	--dry-shadow-brand: 0 4px 20px hsla(250, 70%, 75%, 0.12), 0 2px 8px hsla(250, 70%, 75%, 0.08);
 	--dry-shadow-accent: 0 4px 20px hsla(350, 60%, 70%, 0.12), 0 2px 8px hsla(350, 60%, 70%, 0.08);
 
+	/* ─── Utility shadows — dark edge + deep ink layers ─────────────── */
+	--dry-shadow-sm:
+		0px 0px 0px 1px rgba(255, 255, 255, 0.06), 0px 1px 2px -1px hsla(240, 40%, 3%, 0.5),
+		0px 2px 4px 0px hsla(240, 40%, 3%, 0.4);
+	--dry-shadow-md:
+		0px 0px 0px 1px rgba(255, 255, 255, 0.07), 0px 2px 4px -1px hsla(240, 40%, 3%, 0.55),
+		0px 4px 8px -2px hsla(240, 40%, 3%, 0.4);
+	--dry-shadow-lg:
+		0px 0px 0px 1px rgba(255, 255, 255, 0.08), 0px 4px 8px -2px hsla(240, 40%, 3%, 0.6),
+		0px 8px 20px -4px hsla(240, 40%, 3%, 0.5);
+	--dry-shadow-xl:
+		0px 0px 0px 1px rgba(255, 255, 255, 0.08), 0px 8px 16px -4px hsla(240, 40%, 3%, 0.6),
+		0px 20px 40px -8px hsla(240, 40%, 3%, 0.55);
+	--dry-shadow-sm-hover:
+		0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 1px 2px -1px hsla(240, 40%, 3%, 0.55),
+		0px 2px 4px 0px hsla(240, 40%, 3%, 0.45);
+	--dry-shadow-md-hover:
+		0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 2px 4px -1px hsla(240, 40%, 3%, 0.6),
+		0px 4px 8px -2px hsla(240, 40%, 3%, 0.45);
+
 	/* ─── Glass — the hero feature of this theme ──────────────────── */
 	--dry-glass-blur: 16px;
 	--dry-glass-tint: hsla(240, 15%, 10%, 0.65);

package/dist/themes/terminal.css

@@ -64,6 +64,26 @@
 	--dry-shadow-brand: 0 0 12px hsla(145, 80%, 50%, 0.15), 0 0 4px hsla(145, 80%, 50%, 0.1);
 	--dry-shadow-accent: 0 0 12px hsla(45, 90%, 55%, 0.15), 0 0 4px hsla(45, 90%, 55%, 0.1);
 
+	/* ─── Utility shadows — thin edge, minimal layering (CRT feel) ─── */
+	--dry-shadow-sm:
+		0px 0px 0px 1px rgba(255, 255, 255, 0.08), 0px 1px 2px -1px rgba(0, 0, 0, 0.55),
+		0px 2px 4px 0px rgba(0, 0, 0, 0.4);
+	--dry-shadow-md:
+		0px 0px 0px 1px rgba(255, 255, 255, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.6),
+		0px 4px 8px -2px rgba(0, 0, 0, 0.4);
+	--dry-shadow-lg:
+		0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 4px 8px -2px rgba(0, 0, 0, 0.65),
+		0px 8px 20px -4px rgba(0, 0, 0, 0.5);
+	--dry-shadow-xl:
+		0px 0px 0px 1px rgba(255, 255, 255, 0.14), 0px 8px 16px -4px rgba(0, 0, 0, 0.7),
+		0px 20px 40px -8px rgba(0, 0, 0, 0.6);
+	--dry-shadow-sm-hover:
+		0px 0px 0px 1px rgba(255, 255, 255, 0.12), 0px 1px 2px -1px rgba(0, 0, 0, 0.6),
+		0px 2px 4px 0px rgba(0, 0, 0, 0.45);
+	--dry-shadow-md-hover:
+		0px 0px 0px 1px rgba(255, 255, 255, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.65),
+		0px 4px 8px -2px rgba(0, 0, 0, 0.45);
+
 	/* ─── Glass — minimal, tinted dark ────────────────────────────── */
 	--dry-glass-blur: 8px;
 	--dry-glass-tint: hsla(0, 0%, 4%, 0.85);

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'TimeInput',
+    description: 'Native time input with form control integration',
+    category: 'input',
+    tags: ['time', 'input', 'form', 'clock']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Timeline',
+    description: 'Vertical timeline for activity feeds and history',
+    category: 'display',
+    tags: ['timeline', 'activity', 'feed', 'history', 'events']
+};

package/dist/toast/toast-root.svelte

@@ -57,15 +57,19 @@
 </div>
 
 <style>
+	/* outer: var(--dry-radius-toast); children inside the padded region use var(--dry-radius-nested-toast). */
 	[data-part='root'] {
 		--dry-toast-accent: var(--dry-color-fill-info);
-		--dry-radius-nested: max(var(--dry-radius-sm), calc(var(--dry-radius-lg) - var(--dry-space-4)));
+		--dry-radius-nested: max(
+			var(--dry-radius-sm),
+			calc(var(--dry-radius-toast) - var(--dry-space-4))
+		);
 		--dry-btn-radius: var(--dry-radius-nested);
 
 		position: relative;
 		background: var(--dry-toast-bg, var(--dry-color-bg-overlay));
 		border: 1px solid var(--dry-toast-border, var(--dry-color-stroke-weak));
-		border-radius: var(--dry-radius-lg);
+		border-radius: var(--dry-radius-toast);
 		box-shadow: var(--dry-shadow-lg);
 		padding: var(--dry-space-4);
 		padding-right: calc(var(--dry-space-4) + var(--dry-space-12) + var(--dry-space-2));
@@ -148,7 +152,7 @@
 		display: grid;
 		grid-template-columns: var(--progress-width, 0%) 1fr;
 		background: var(--dry-color-stroke-weak, #e2e8f0);
-		border-radius: 0 0 var(--dry-radius-lg) var(--dry-radius-lg);
+		border-radius: 0 0 var(--dry-radius-toast) var(--dry-radius-toast);
 		overflow: hidden;
 		transition: grid-template-columns var(--dry-duration-normal) var(--dry-ease-default);
 	}

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Toast',
+    description: 'Temporary notification message',
+    category: 'feedback',
+    tags: ['notification', 'toast', 'snackbar', 'alert']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Toggle',
+    description: 'Pressable toggle button',
+    category: 'action',
+    tags: ['button', 'toggle', 'pressed', 'switch']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'ToggleGroup',
+    description: 'Group of toggle buttons with single/multiple selection',
+    category: 'action',
+    tags: ['button', 'toggle', 'group', 'select']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Toolbar',
+    description: 'Horizontal button group for actions',
+    category: 'navigation',
+    tags: ['actions', 'toolbar', 'buttons', 'bar']
+};

package/dist/tooltip/tooltip-content.svelte

@@ -45,6 +45,7 @@
 </div>
 
 <style>
+	/* outer: var(--dry-radius-tooltip); children inside the padded region use var(--dry-radius-nested-tooltip). */
 	[data-tooltip-content] {
 		/* Reset UA popover defaults */
 		inset: unset;
@@ -53,7 +54,7 @@
 		background: var(--dry-tooltip-bg, var(--dry-color-bg-inverse));
 		color: var(--dry-tooltip-color, var(--dry-color-text-inverse));
 		border: 1px solid var(--dry-tooltip-border, var(--dry-color-stroke-inverse-weak));
-		border-radius: var(--dry-tooltip-radius, var(--dry-overlay-radius, var(--dry-radius-xl)));
+		border-radius: var(--dry-tooltip-radius, var(--dry-overlay-radius, var(--dry-radius-tooltip)));
 		display: grid;
 		grid-template-columns: minmax(0, min(28ch, calc(100vw - var(--dry-space-8))));
 		padding: var(--dry-tooltip-padding-y, var(--dry-space-6))

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Tooltip',
+    description: 'Hover/focus popup with descriptive text',
+    category: 'overlay',
+    tags: ['hover', 'info', 'tooltip', 'hint']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Tour',
+    description: 'Step-by-step guided tour overlay with spotlight',
+    category: 'overlay',
+    tags: ['tour', 'guide', 'spotlight', 'onboarding', 'walkthrough']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Transfer',
+    description: 'Dual-list transfer component for moving items between lists',
+    category: 'input',
+    tags: ['transfer', 'dual-list', 'move', 'select', 'shuttle']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Tree',
+    description: 'Hierarchical tree view with expand/collapse',
+    category: 'display',
+    tags: ['tree', 'hierarchy', 'expand', 'collapse', 'nested']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'TypingIndicator',
+    description: 'Animated three-dot typing status indicator',
+    category: 'display',
+    tags: ['typing', 'status', 'chat', 'loading']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'Typography',
+    description: 'Standalone semantic text exports: heading, text, code, blockquote',
+    category: 'display',
+    tags: ['text', 'heading', 'typography', 'prose', 'standalone']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'VideoEmbed',
+    description: 'Video player embed for YouTube, Vimeo, and native sources',
+    category: 'display',
+    tags: ['video', 'embed', 'youtube', 'vimeo', 'player', 'media']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'VirtualList',
+    description: 'Renders only visible items from large lists for performance',
+    category: 'display',
+    tags: ['virtual', 'list', 'scroll', 'performance', 'large']
+};

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

@@ -0,0 +1,7 @@
+/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+export default {
+    name: 'VisuallyHidden',
+    description: 'Hides content visually but keeps it accessible to screen readers',
+    category: 'utility',
+    tags: ['a11y', 'screen-reader', 'hidden', 'accessible']
+};