@dryui/ui 1.7.4 → 1.9.0

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/heading.svelte

@@ -5,12 +5,13 @@
 	let {
 		level = 2,
 		variant = 'default',
+		maxMeasure = false,
 		class: className,
 		children,
 		...rest
 	}: HeadingProps = $props();
 </script>
 
-<Heading {level} {variant} {className} {...rest}>
+<Heading {level} {variant} {maxMeasure} {className} {...rest}>
 	{@render children()}
 </Heading>

package/dist/typography/text.svelte

@@ -9,6 +9,7 @@
 		size = 'md',
 		font = 'sans',
 		weight,
+		maxMeasure = false,
 		class: className,
 		children,
 		...rest
@@ -20,6 +21,16 @@
 	let textVariant: 'default' | 'label' = $derived(variant === 'label' ? 'label' : 'default');
 </script>
 
-<Text {as} color={tone} {size} {font} {weight} variant={textVariant} {className} {...rest}>
+<Text
+	{as}
+	color={tone}
+	{size}
+	{font}
+	{weight}
+	variant={textVariant}
+	{maxMeasure}
+	{className}
+	{...rest}
+>
 	{@render children()}
 </Text>

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']
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dryui/ui",
-  "version": "1.7.4",
+  "version": "1.9.0",
   "description": "Zero-dependency styled Svelte 5 components with scoped styles and --dry-* CSS variable theming.",
   "author": "Rob Balfre",
   "license": "MIT",
@@ -260,6 +260,16 @@
       "svelte": "./dist/dropdown-menu/index.js",
       "default": "./dist/dropdown-menu/index.js"
     },
+    "./enter": {
+      "types": "./dist/enter/index.d.ts",
+      "svelte": "./dist/enter/index.js",
+      "default": "./dist/enter/index.js"
+    },
+    "./exit": {
+      "types": "./dist/exit/index.d.ts",
+      "svelte": "./dist/exit/index.js",
+      "default": "./dist/exit/index.js"
+    },
     "./field": {
       "types": "./dist/field/index.d.ts",
       "svelte": "./dist/field/index.js",
@@ -360,6 +370,11 @@
       "svelte": "./dist/icon/index.js",
       "default": "./dist/icon/index.js"
     },
+    "./icon-swap": {
+      "types": "./dist/icon-swap/index.d.ts",
+      "svelte": "./dist/icon-swap/index.js",
+      "default": "./dist/icon-swap/index.js"
+    },
     "./image": {
       "types": "./dist/image/index.d.ts",
       "svelte": "./dist/image/index.js",
@@ -450,6 +465,11 @@
       "svelte": "./dist/menubar/index.js",
       "default": "./dist/menubar/index.js"
     },
+    "./motion": {
+      "types": "./dist/motion/index.d.ts",
+      "svelte": "./dist/motion/index.js",
+      "default": "./dist/motion/index.js"
+    },
     "./multi-select-combobox": {
       "types": "./dist/multi-select-combobox/index.d.ts",
       "svelte": "./dist/multi-select-combobox/index.js",
@@ -475,6 +495,11 @@
       "svelte": "./dist/number-input/index.js",
       "default": "./dist/number-input/index.js"
     },
+    "./numeric": {
+      "types": "./dist/numeric/index.d.ts",
+      "svelte": "./dist/numeric/index.js",
+      "default": "./dist/numeric/index.js"
+    },
     "./option-picker": {
       "types": "./dist/option-picker/index.d.ts",
       "svelte": "./dist/option-picker/index.js",
@@ -630,6 +655,11 @@
       "svelte": "./dist/spotlight/index.js",
       "default": "./dist/spotlight/index.js"
     },
+    "./stagger": {
+      "types": "./dist/stagger/index.d.ts",
+      "svelte": "./dist/stagger/index.js",
+      "default": "./dist/stagger/index.js"
+    },
     "./star-rating": {
       "types": "./dist/star-rating/index.d.ts",
       "svelte": "./dist/star-rating/index.js",
@@ -781,16 +811,19 @@
     "build": "svelte-package -i src",
     "check": "svelte-check --tsconfig ./tsconfig.json",
     "prepack": "bun ../../scripts/prepack-exports.ts",
-    "postpack": "bun ../../scripts/postpack-exports.ts"
+    "postpack": "bun ../../scripts/postpack-exports.ts",
+    "check:publint": "publint",
+    "check:attw": "attw --pack . --ignore-rules no-resolution cjs-resolves-to-esm internal-resolution-error",
+    "check:publish-hygiene": "bun run check:publint && bun run check:attw"
   },
   "dependencies": {
-    "@dryui/primitives": "^1.7.4"
+    "@dryui/primitives": "^1.9.0"
   },
   "peerDependencies": {
     "svelte": "^5.55.4"
   },
   "devDependencies": {
-    "@dryui/lint": "^0.4.3",
+    "@dryui/lint": "^0.6.0",
     "svelte": "^5.55.4",
     "@sveltejs/package": "^2.5.7",
     "svelte-check": "^4.4.6",

package/skills/dryui/rules/theming.md

@@ -159,6 +159,26 @@ Force a specific theme:
 
 Use `data-theme="light"` for the inverse.
 
+### Option B.1: Light-only sites
+
+For a site that should always render light (brand / marketing / docs), combine
+both attributes on `<html>`:
+
+```html
+<html class="theme-auto" data-theme="light"></html>
+```
+
+- `data-theme="light"` pins the page to light tokens even on a dark-preferring
+  OS. The `.theme-auto` dark block is guarded with
+  `:not([data-theme='light'])`, so a dark OS cannot silently override your
+  light design.
+- `class="theme-auto"` stays so an opt-in dark toggle (flipping `data-theme`
+  to `"dark"`) keeps working. Drop `theme-auto` entirely only if you never
+  want a dark pathway, and the explicit `data-theme='dark']` rule is enough
+  on its own.
+
+Use `ask --scope recipe "light only"` for the full scaffold.
+
 ### Option C: Persisted theme toggle
 
 If you add a theme switcher, keep system mode as the default and only store explicit user choices: