@dryui/ui 4.0.0 → 4.0.2

package/src/gradient-mesh/gradient-mesh.svelte

@@ -6,8 +6,6 @@
 		observeInViewport,
 		observePageVisibility,
 		observeReducedMotionPreference,
-		registerPropertyOnce,
-		supportsPropertyRegistration,
 		supportsPointerTracking
 	} from '@dryui/primitives';
 
@@ -90,34 +88,9 @@
 	}
 
 	$effect(() => {
-		registerPropertyOnce({
-			name: '--dry-mesh-color-1',
-			syntax: '<color>',
-			inherits: false,
-			initialValue: '#7b68ee'
-		});
-		registerPropertyOnce({
-			name: '--dry-mesh-color-2',
-			syntax: '<color>',
-			inherits: false,
-			initialValue: '#38bdf8'
-		});
-		registerPropertyOnce({
-			name: '--dry-mesh-color-3',
-			syntax: '<color>',
-			inherits: false,
-			initialValue: '#f472b6'
-		});
-		registerPropertyOnce({
-			name: '--dry-mesh-color-4',
-			syntax: '<color>',
-			inherits: false,
-			initialValue: '#4ade80'
-		});
-
 		const updateAnimatedState = (matches: boolean) => {
 			prefersReducedMotion = matches;
-			animated = !matches && supportsPropertyRegistration();
+			animated = !matches;
 		};
 
 		const stopMotionObserver = observeReducedMotionPreference(updateAnimatedState);
@@ -135,11 +108,7 @@
 			);
 		}
 
-		if (!supportsPropertyRegistration() || getReducedMotionPreference()) {
-			animated = false;
-		} else {
-			animated = true;
-		}
+		animated = !getReducedMotionPreference();
 
 		return () => {
 			cancelQueuedPointerPosition();
@@ -190,6 +159,17 @@
 		--dry-mesh-duration: 12s;
 		--dry-mesh-pointer-x: 50%;
 		--dry-mesh-pointer-y: 50%;
+		--dry-mesh-origin-1: 18% 18%;
+		--dry-mesh-origin-2: 82% 18%;
+		--dry-mesh-origin-3: 72% 82%;
+		--dry-mesh-origin-4: 18% 78%;
+		--dry-mesh-base: linear-gradient(
+			135deg,
+			var(--dry-mesh-color-4, #4ade80) 0%,
+			var(--dry-mesh-color-1, #7b68ee) 34%,
+			var(--dry-mesh-color-2, #38bdf8) 68%,
+			var(--dry-mesh-color-3, #f472b6) 100%
+		);
 
 		position: relative;
 		isolation: isolate;
@@ -197,62 +177,76 @@
 		border-radius: inherit;
 		background:
 			radial-gradient(
-				ellipse 60% 50% at 20% 20%,
-				var(--dry-mesh-color-1, #7b68ee),
+				ellipse 80% 70% at var(--dry-mesh-origin-1),
+				var(--dry-mesh-color-1, #7b68ee) 0%,
+				transparent 68%
+			),
+			radial-gradient(
+				ellipse 70% 68% at var(--dry-mesh-origin-2),
+				var(--dry-mesh-color-2, #38bdf8) 0%,
 				transparent 70%
 			),
 			radial-gradient(
-				ellipse 50% 60% at 80% 20%,
-				var(--dry-mesh-color-2, #38bdf8),
+				ellipse 78% 62% at var(--dry-mesh-origin-3),
+				var(--dry-mesh-color-3, #f472b6) 0%,
 				transparent 70%
 			),
 			radial-gradient(
-				ellipse 55% 55% at 70% 80%,
-				var(--dry-mesh-color-3, #f472b6),
+				ellipse 72% 66% at var(--dry-mesh-origin-4),
+				var(--dry-mesh-color-4, #4ade80) 0%,
+				transparent 72%
+			),
+			var(--dry-mesh-base);
+		background:
+			radial-gradient(
+				ellipse 80% 70% at var(--dry-mesh-origin-1),
+				color-mix(in srgb, var(--dry-mesh-color-1, #7b68ee) 86%, transparent) 0%,
+				transparent 68%
+			),
+			radial-gradient(
+				ellipse 70% 68% at var(--dry-mesh-origin-2),
+				color-mix(in srgb, var(--dry-mesh-color-2, #38bdf8) 82%, transparent) 0%,
 				transparent 70%
 			),
-			radial-gradient(ellipse 50% 50% at 25% 75%, var(--dry-mesh-color-4, #4ade80), transparent 70%);
-	}
-
-	/* Static fallback without @property */
-	@supports not (background: paint(id)) {
-		[data-gradient-mesh]:not([data-animated]) {
-			background: linear-gradient(
-				135deg,
-				var(--dry-mesh-color-1, #7b68ee) 0%,
-				var(--dry-mesh-color-2, #38bdf8) 33%,
-				var(--dry-mesh-color-3, #f472b6) 66%,
-				var(--dry-mesh-color-4, #4ade80) 100%
-			);
-		}
+			radial-gradient(
+				ellipse 78% 62% at var(--dry-mesh-origin-3),
+				color-mix(in srgb, var(--dry-mesh-color-3, #f472b6) 84%, transparent) 0%,
+				transparent 70%
+			),
+			radial-gradient(
+				ellipse 72% 66% at var(--dry-mesh-origin-4),
+				color-mix(in srgb, var(--dry-mesh-color-4, #4ade80) 84%, transparent) 0%,
+				transparent 72%
+			),
+			var(--dry-mesh-base);
+		background-size:
+			130% 130%,
+			125% 125%,
+			135% 130%,
+			125% 130%,
+			100% 100%;
+		background-position:
+			0% 8%,
+			100% 0%,
+			90% 100%,
+			0% 92%,
+			center;
 	}
 
 	[data-gradient-mesh][data-animated] {
 		animation: mesh-cycle var(--dry-mesh-duration) ease-in-out infinite alternate;
 	}
 
+	[data-gradient-mesh][data-animated]:not([data-paused]) {
+		will-change: background-position;
+	}
+
 	[data-gradient-mesh][data-animated][data-paused] {
 		animation-play-state: paused;
 	}
 
 	[data-gradient-mesh][data-interactive] {
-		background:
-			radial-gradient(
-				ellipse 60% 50% at var(--dry-mesh-pointer-x) var(--dry-mesh-pointer-y),
-				var(--dry-mesh-color-1, #7b68ee),
-				transparent 70%
-			),
-			radial-gradient(
-				ellipse 50% 60% at 80% 20%,
-				var(--dry-mesh-color-2, #38bdf8),
-				transparent 70%
-			),
-			radial-gradient(
-				ellipse 55% 55% at 70% 80%,
-				var(--dry-mesh-color-3, #f472b6),
-				transparent 70%
-			),
-			radial-gradient(ellipse 50% 50% at 25% 75%, var(--dry-mesh-color-4, #4ade80), transparent 70%);
+		--dry-mesh-origin-1: var(--dry-mesh-pointer-x) var(--dry-mesh-pointer-y);
 	}
 
 	[data-gradient-mesh][data-reduced-motion] {
@@ -266,31 +260,30 @@
 
 	@keyframes mesh-cycle {
 		0% {
-			--dry-mesh-color-1: var(--dry-mesh-color-1);
-			--dry-mesh-color-2: var(--dry-mesh-color-2);
-			--dry-mesh-color-3: var(--dry-mesh-color-3);
-			--dry-mesh-color-4: var(--dry-mesh-color-4);
-		}
-
-		33% {
-			--dry-mesh-color-1: var(--dry-mesh-color-2);
-			--dry-mesh-color-2: var(--dry-mesh-color-3);
-			--dry-mesh-color-3: var(--dry-mesh-color-4);
-			--dry-mesh-color-4: var(--dry-mesh-color-1);
+			background-position:
+				0% 8%,
+				100% 0%,
+				90% 100%,
+				0% 92%,
+				center;
 		}
 
-		66% {
-			--dry-mesh-color-1: var(--dry-mesh-color-3);
-			--dry-mesh-color-2: var(--dry-mesh-color-4);
-			--dry-mesh-color-3: var(--dry-mesh-color-1);
-			--dry-mesh-color-4: var(--dry-mesh-color-2);
+		50% {
+			background-position:
+				12% 18%,
+				88% 14%,
+				100% 82%,
+				14% 100%,
+				center;
 		}
 
 		100% {
-			--dry-mesh-color-1: var(--dry-mesh-color-4);
-			--dry-mesh-color-2: var(--dry-mesh-color-1);
-			--dry-mesh-color-3: var(--dry-mesh-color-2);
-			--dry-mesh-color-4: var(--dry-mesh-color-3);
+			background-position:
+				8% 0%,
+				96% 18%,
+				82% 94%,
+				6% 84%,
+				center;
 		}
 	}
 

package/src/halftone/halftone.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Halftone',
 	description: 'SVG halftone dot pattern overlay with configurable size, angle, and color',

package/src/heading/heading.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Heading',
 	description: 'Standalone semantic heading export for starter-kit typography',

package/src/hotkey/hotkey.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Hotkey',
 	description: 'Keyboard shortcut handler with modifier support',

package/src/hover-card/hover-card.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'HoverCard',
 	description: 'Surface popup on hover with delay-based open/close',

package/src/icon/icon.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Icon',
 	description: 'Sized and colored SVG icon wrapper with accessibility label',

package/src/icon-swap/icon-swap.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'IconSwap',
 	description: 'Keyed icon crossfade with scale and blur, driven by --dry-icon-swap-* tokens',

package/src/image/image.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Image',
 	description: 'Image with loading states and fallback support',

package/src/image-comparison/image-comparison.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'ImageComparison',
 	description: 'Before/after image comparison slider',

package/src/infinite-scroll/infinite-scroll.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'InfiniteScroll',
 	description: 'Loads more content when user scrolls near bottom',

package/src/input/input.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Input',
 	description: 'Text input with size variants',

package/src/input-group/input-group.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'InputGroup',
 	description:

package/src/kbd/kbd.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Kbd',
 	description: 'Keyboard shortcut display element',

package/src/label/label.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Label',
 	description: 'Form label with size variants',

package/src/link/link.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Link',
 	description: 'Styled anchor with external and disabled states',

package/src/link-preview/link-preview-trigger.svelte

@@ -55,7 +55,7 @@
 	}
 
 	[data-link-preview-trigger]:hover {
-		color: var(--dry-color-fill-brand-hover);
+		color: var(--dry-color-text-brand);
 		text-decoration-color: currentColor;
 	}
 </style>

package/src/link-preview/link-preview.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'LinkPreview',
 	description: 'Link preview popup on hover',

package/src/list/list.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'List',
 	description: 'Structured list with items, icons, and subheaders',

package/src/listbox/listbox.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Listbox',
 	description: 'Single or multi-select list with keyboard navigation',

package/src/logo-mark/logo-mark.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'LogoMark',
 	description: 'Brand mark, status indicator, or category badge with image or fallback text',

package/src/map/map.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Map',
 	description: 'Interactive map container with markers, popups, layers, and controls',

package/src/markdown-renderer/markdown-renderer.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'MarkdownRenderer',
 	description: 'Renders markdown text as styled HTML',

package/src/marquee/marquee.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Marquee',
 	description: 'Scrolling text/content ticker with CSS animations',

package/src/mask-reveal/mask-reveal.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'MaskReveal',
 	description: 'Intersection-observer mask transition with circle, diamond, or wipe shapes',

package/src/mega-menu/mega-menu.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'MegaMenu',
 	description: 'Horizontal navigation with large dropdown panels and columns',

package/src/menubar/menubar.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Menubar',
 	description: 'Horizontal menu bar with dropdown menus',

package/src/motion/motion.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Motion',
 	description:

package/src/multi-select-combobox/multi-select-combobox.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'MultiSelectCombobox',
 	description: 'Searchable multi-select combobox with removable selected tokens',

package/src/navigation-menu/navigation-menu.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'NavigationMenu',
 	description: 'Site-level navigation with flyout content panels',

package/src/noise/noise.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Noise',
 	description: 'Texture overlay that adds grain and atmosphere to surfaces without external assets',

package/src/notification-center/notification-center.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'NotificationCenter',
 	description: 'Notification panel with trigger, groups, and items',

package/src/number-input/number-input.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'NumberInput',
 	description: 'Numeric input with increment/decrement controls',

package/src/numeric/numeric.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Numeric',
 	description: 'Tabular-nums numeric display with optional stable min-width and alignment',

package/src/option-picker/option-picker-preview.svelte

@@ -50,7 +50,10 @@
 			--dry-option-picker-preview-bg,
 			color-mix(in srgb, var(--dry-color-fill-weak) 72%, var(--dry-color-bg-base) 28%)
 		);
-		color: var(--dry-option-picker-preview-color, var(--dry-color-text-strong));
+		color: var(
+			--dry-option-picker-preview-color,
+			var(--_option-picker-preview-preset-color, var(--dry-color-text-strong))
+		);
 		box-shadow: var(--dry-option-picker-preview-shadow, none);
 		overflow: hidden;
 	}
@@ -74,7 +77,7 @@
 			--_preset-color,
 			var(--dry-option-picker-preview-bg, var(--dry-color-fill-selected))
 		);
-		--dry-option-picker-preview-color: var(--dry-option-picker-preview-tint-light, white);
+		--_option-picker-preview-preset-color: var(--dry-option-picker-preview-tint-light, white);
 		--dry-option-picker-preview-border: color-mix(
 			in srgb,
 			var(--_preset-color-resolved) 46%,
@@ -105,6 +108,12 @@
 		transition: border-radius var(--dry-duration-fast) var(--dry-ease-default);
 	}
 
+	@supports (color: contrast-color(white)) {
+		[data-option-picker-preview][data-variant='preset'] {
+			--_option-picker-preview-preset-color: contrast-color(var(--_preset-color-resolved));
+		}
+	}
+
 	[data-option-picker-preview][data-variant='font'] {
 		--dry-option-picker-preview-size: 2.75rem;
 		--dry-option-picker-preview-bg: color-mix(

package/src/option-picker/option-picker.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'OptionPicker',
 	description:

package/src/pagination/pagination.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Pagination',
 	description: 'Page navigation with previous/next and page links',

package/src/phone-input/phone-input.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'PhoneInput',
 	description: 'Phone number input with country code selector',

package/src/pin-input/pin-input.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'PinInput',
 	description: 'Segmented input for PIN/OTP codes with single hidden input architecture',

package/src/popover/popover.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Popover',
 	description: 'Floating content panel anchored to a trigger',

package/src/portal/portal.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Portal',
 	description: 'Renders children into a different DOM location',

package/src/progress/progress.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Progress',
 	description: 'Progress bar indicator',

package/src/progress-ring/progress-ring.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'ProgressRing',
 	description: 'Circular progress ring with SVG rendering',

package/src/prompt-input/prompt-input.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'PromptInput',
 	description: 'AI-style prompt input with auto-resize and submit',

package/src/qr-code/qr-code.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'QRCode',
 	description: 'QR code generator using Canvas 2D API',

package/src/radio-group/radio-group.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'RadioGroup',
 	description: 'Single selection from multiple options',

package/src/range-calendar/range-calendar.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'RangeCalendar',
 	description: 'Calendar for selecting date ranges',

package/src/rating/rating.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Rating',
 	description: 'Star rating input with half-star support',

package/src/relative-time/relative-time.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'RelativeTime',
 	description: 'Displays relative time with auto-updating',

package/src/reveal/reveal.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'Reveal',
 	description:

package/src/rich-text-editor/rich-text-editor-content.svelte

@@ -174,7 +174,7 @@
 	}
 
 	[data-part='content'] a {
-		color: var(--dry-color-fill-brand);
+		color: var(--dry-color-text-brand);
 		text-decoration: underline;
 	}
 

package/src/rich-text-editor/rich-text-editor.meta.ts

@@ -1,4 +1,4 @@
-/** DryUI agent metadata. Consumed by @dryui/mcp/load-component-meta. */
+/** DryUI agent metadata. Used by docs generation and skill manifests. */
 export default {
 	name: 'RichTextEditor',
 	description: 'Basic rich text editor with formatting toolbar',