@dryui/ui 4.0.0 → 4.0.2

package/src/chip/chip.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: 'Chip',
 	description: 'Interactive pill for filters, selections, and inline state',

package/src/chip-group/chip-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: 'ChipGroup',
 	description:

package/src/chromatic-aberration/chromatic-aberration.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: 'ChromaticAberration',
 	description: 'Soft channel-offset wrapper for chromatic distortion on surfaces and media',

package/src/chromatic-aberration/chromatic-aberration.svelte

@@ -30,29 +30,41 @@
 
 <svg data-chromatic-aberration-svg width="0" height="0" aria-hidden="true">
 	<defs>
-		<filter id={filterId} color-interpolation-filters="sRGB">
+		<filter
+			id={filterId}
+			color-interpolation-filters="sRGB"
+			x="-20%"
+			y="-20%"
+			width="140%"
+			height="140%"
+		>
+			<feOffset in="SourceAlpha" dx={offsetX} dy={offsetY} result="redAlpha" />
+			<feFlood flood-color="rgb(255, 24, 86)" flood-opacity="0.62" result="redFlood" />
+			<feComposite in="redFlood" in2="redAlpha" operator="in" result="redFringe" />
 			<feOffset in="SourceGraphic" dx={offsetX} dy={offsetY} result="red" />
 			<feColorMatrix
 				in="red"
 				type="matrix"
-				values="1 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0"
-				result="redOnly"
+				values="1 0 0 0 0  0 0 0 0 0  0 0 0 0 0  1 0 0 0 0"
+				result="redSignal"
 			/>
+			<feBlend in="redFringe" in2="redSignal" mode="screen" result="redOnly" />
+			<feOffset in="SourceAlpha" dx={-offsetX} dy={-offsetY} result="blueAlpha" />
+			<feFlood flood-color="rgb(0, 132, 255)" flood-opacity="0.62" result="blueFlood" />
+			<feComposite in="blueFlood" in2="blueAlpha" operator="in" result="blueFringe" />
 			<feOffset in="SourceGraphic" dx={-offsetX} dy={-offsetY} result="blue" />
 			<feColorMatrix
 				in="blue"
 				type="matrix"
-				values="0 0 0 0 0  0 0 0 0 0  0 0 1 0 0  0 0 0 1 0"
-				result="blueOnly"
+				values="0 0 0 0 0  0 0 0 0 0  0 0 1 0 0  0 0 1 0 0"
+				result="blueSignal"
 			/>
-			<feColorMatrix
-				in="SourceGraphic"
-				type="matrix"
-				values="0 0 0 0 0  0 1 0 0 0  0 0 0 0 0  0 0 0 1 0"
-				result="greenOnly"
-			/>
-			<feBlend in="redOnly" in2="greenOnly" mode="screen" result="rg" />
-			<feBlend in="rg" in2="blueOnly" mode="screen" />
+			<feBlend in="blueFringe" in2="blueSignal" mode="screen" result="blueOnly" />
+			<feMerge>
+				<feMergeNode in="redOnly" />
+				<feMergeNode in="blueOnly" />
+				<feMergeNode in="SourceGraphic" />
+			</feMerge>
 		</filter>
 	</defs>
 </svg>

package/src/chromatic-shift/chromatic-shift.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: 'ChromaticShift',
 	description: 'RGB channel separation effect with hover and animation triggers',

package/src/clipboard/clipboard.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: 'Clipboard',
 	description: 'Copy text to clipboard with native Clipboard API',

package/src/code-block/code-block.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: 'CodeBlock',
 	description: 'Code display with optional line numbers and copy button',

package/src/collapsible/collapsible.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: 'Collapsible',
 	description: 'Expandable/collapsible content panel',

package/src/color-picker/color-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: 'ColorPicker',
 	description: 'Color selection with area, hue/alpha sliders, and eyedropper',

package/src/combobox/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: 'Combobox',
 	description: 'Searchable text input with filterable dropdown suggestions',

package/src/command-palette/command-palette.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: 'CommandPalette',
 	description: 'Searchable command menu dialog',

package/src/container/container.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: 'Container',
 	description: 'Centered content container with max-width',

package/src/context-menu/context-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: 'ContextMenu',
 	description: 'Right-click menu with actions',

package/src/data-grid/data-grid.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: 'DataGrid',
 	description: 'Enhanced table with sorting, filtering, and pagination',

package/src/date-field/date-field.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: 'DateField',
 	description: 'Form-first locale-aware segmented date input',

package/src/date-picker/date-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: 'DatePicker',
 	description: 'Calendar popup date picker with locale support',

package/src/date-picker/datepicker-button-trigger.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
 	import type { HTMLButtonAttributes } from 'svelte/elements';
-	import Button from '../button/button.svelte';
 	import { getDatePickerCtx } from './context.svelte.js';
-	import { formatDate } from '@dryui/primitives';
+	import { formatDate, variantAttrs } from '@dryui/primitives';
 
 	interface Props extends Omit<HTMLButtonAttributes, 'children'> {
 		placeholder?: string;
@@ -15,15 +14,13 @@
 
 	const ctx = getDatePickerCtx();
 
+	let triggerEl = $state<HTMLButtonElement>();
+
 	$effect(() => {
-		const node = document.getElementById(ctx.triggerId);
-		if (node) {
-			ctx.triggerEl = node as HTMLButtonElement;
-		}
+		if (!triggerEl) return;
+		ctx.triggerEl = triggerEl;
 		return () => {
-			if (ctx.triggerEl && ctx.triggerEl.id === ctx.triggerId) {
-				ctx.triggerEl = null;
-			}
+			if (ctx.triggerEl === triggerEl) ctx.triggerEl = null;
 		};
 	});
 
@@ -34,39 +31,144 @@
 	);
 </script>
 
-<Button
-	variant="outline"
-	type="button"
-	{size}
-	id={ctx.triggerId}
-	aria-haspopup="dialog"
-	aria-expanded={ctx.open}
-	aria-controls={ctx.contentId}
-	data-state={ctx.open ? 'open' : 'closed'}
-	data-disabled={ctx.disabled ? '' : undefined}
-	disabled={ctx.disabled}
-	popovertarget={ctx.contentId}
-	{...rest}
->
-	{#if children}
-		{@render children()}
-	{:else}
-		<span data-placeholder={!ctx.value ? '' : undefined}>
-			{displayText || placeholder}
-		</span>
-	{/if}
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		viewBox="0 0 24 24"
-		fill="none"
-		stroke="currentColor"
-		stroke-width="2"
-		aria-hidden="true"
-		><rect x="3" y="4" width="18" height="18" rx="2" ry="2" /><line
-			x1="16"
-			y1="2"
-			x2="16"
-			y2="6"
-		/><line x1="8" y1="2" x2="8" y2="6" /><line x1="3" y1="10" x2="21" y2="10" /></svg
+<span class="wrapper">
+	<button
+		bind:this={triggerEl}
+		type="button"
+		id={ctx.triggerId}
+		aria-haspopup="dialog"
+		aria-expanded={ctx.open}
+		aria-controls={ctx.contentId}
+		data-state={ctx.open ? 'open' : 'closed'}
+		data-date-picker-trigger
+		data-disabled={ctx.disabled || undefined}
+		disabled={ctx.disabled}
+		popovertarget={ctx.contentId}
+		{...variantAttrs({ size })}
+		{...rest}
 	>
-</Button>
+		<span data-content>
+			{#if children}
+				{@render children()}
+			{:else}
+				<span data-placeholder={!ctx.value ? '' : undefined}>
+					{displayText || placeholder}
+				</span>
+			{/if}
+		</span>
+		<svg
+			data-indicator
+			xmlns="http://www.w3.org/2000/svg"
+			viewBox="0 0 24 24"
+			fill="none"
+			stroke="currentColor"
+			stroke-width="2"
+			aria-hidden="true"
+			><rect x="3" y="4" width="18" height="18" rx="2" ry="2" /><path
+				d="M16 2v4M8 2v4M3 10h18"
+			/></svg
+		>
+	</button>
+</span>
+
+<style>
+	.wrapper {
+		display: grid;
+		grid-template-columns: minmax(0, 1fr);
+	}
+
+	[data-date-picker-trigger] {
+		--_dpt-bg: var(--dry-date-picker-trigger-bg, var(--dry-form-control-bg));
+		--_dpt-border: var(--dry-date-picker-trigger-border, var(--dry-form-control-border));
+		--_dpt-color: var(--dry-date-picker-trigger-color, var(--dry-form-control-color));
+		--_dpt-radius: var(--dry-date-picker-trigger-radius, var(--dry-form-control-radius));
+		--_dpt-padding-x: var(
+			--dry-date-picker-trigger-padding-x,
+			var(--dry-form-control-padding-inline)
+		);
+		--_dpt-padding-y: var(
+			--dry-date-picker-trigger-padding-y,
+			var(--dry-form-control-padding-block)
+		);
+		--_dpt-font-size: var(--dry-date-picker-trigger-font-size, var(--dry-form-control-font-size));
+
+		display: grid;
+		grid-template-columns: minmax(0, 1fr) max-content;
+		align-items: center;
+		gap: var(--dry-space-2);
+		padding-block: var(--_dpt-padding-y);
+		padding-inline: var(--_dpt-padding-x);
+		font-size: var(--_dpt-font-size);
+		line-height: var(--dry-type-small-leading);
+		font-family: var(--dry-font-sans);
+		color: var(--_dpt-color);
+		background: var(--_dpt-bg);
+		border: 1px solid var(--_dpt-border);
+		border-radius: var(--_dpt-radius);
+		box-sizing: border-box;
+		appearance: none;
+		text-align: start;
+		cursor: pointer;
+		user-select: none;
+		transition:
+			border-color var(--dry-duration-fast) var(--dry-ease-default),
+			box-shadow var(--dry-duration-fast) var(--dry-ease-default);
+	}
+
+	[data-date-picker-trigger] [data-content] {
+		display: block;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	[data-date-picker-trigger] [data-placeholder] {
+		color: var(--dry-form-control-color-placeholder);
+	}
+
+	[data-date-picker-trigger]:hover:not([data-disabled]) {
+		border-color: var(--dry-form-control-border-hover);
+	}
+
+	[data-date-picker-trigger]:focus-visible {
+		outline: var(--dry-focus-ring);
+		outline-offset: -1px;
+		border-color: var(--dry-color-stroke-focus);
+		box-shadow: 0 0 0 1px var(--dry-color-stroke-focus);
+	}
+
+	[data-date-picker-trigger][data-disabled] {
+		--dry-date-picker-trigger-bg: var(--dry-color-bg-sunken);
+		--dry-date-picker-trigger-border: var(--dry-color-stroke-disabled);
+		--dry-date-picker-trigger-color: var(--dry-color-text-disabled);
+		cursor: not-allowed;
+	}
+
+	[data-date-picker-trigger][data-size='sm'] {
+		--dry-date-picker-trigger-padding-x: var(--dry-space-2);
+		--dry-date-picker-trigger-padding-y: var(--dry-space-1);
+		--dry-date-picker-trigger-font-size: var(--dry-type-tiny-size);
+		line-height: var(--dry-type-tiny-leading);
+	}
+
+	[data-date-picker-trigger][data-size='md'] {
+		--dry-date-picker-trigger-padding-x: var(--dry-space-3);
+		--dry-date-picker-trigger-padding-y: var(--dry-space-2);
+		--dry-date-picker-trigger-font-size: var(--dry-type-small-size);
+		line-height: var(--dry-type-small-leading);
+	}
+
+	[data-date-picker-trigger][data-size='lg'] {
+		--dry-date-picker-trigger-padding-x: var(--dry-space-4);
+		--dry-date-picker-trigger-padding-y: var(--dry-space-2_5);
+		--dry-date-picker-trigger-font-size: var(--dry-type-heading-4-size);
+		line-height: var(--dry-type-heading-4-leading);
+	}
+
+	svg[data-indicator] {
+		height: 1em;
+		aspect-ratio: 1;
+		place-self: center;
+		opacity: 0.7;
+	}
+</style>

package/src/date-range-picker/date-range-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: 'DateRangePicker',
 	description: 'Date range selection with calendar popup',

package/src/date-time-input/date-time-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: 'DateTimeInput',
 	description: 'Combined date and time input with locale-aware segments',

package/src/description-list/description-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: 'DescriptionList',
 	description: 'Responsive term and value list for summaries and specs',

package/src/diagram/diagram.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: 'Diagram',
 	description:

package/src/dialog/dialog.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: 'Dialog',
 	description: 'Modal dialog using native dialog element',

package/src/displacement/displacement.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: 'Displacement',
 	description: 'SVG turbulence displacement filter for organic distortion effects',

package/src/displacement/displacement.svelte

@@ -133,6 +133,7 @@
 
 	[data-displacement] {
 		position: relative;
+		block-size: 100%;
 		border-radius: inherit;
 		overflow: hidden;
 	}

package/src/drag-and-drop/drag-and-drop.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: 'DragAndDrop',
 	description: 'Reorderable list with drag and keyboard support',

package/src/drawer/drawer.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: 'Drawer',
 	description: 'Slide-in panel from any edge',

package/src/drop-zone/drop-zone.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: 'DropZone',
 	description: 'Drag-and-drop file drop zone area',

package/src/dropdown-menu/dropdown-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: 'DropdownMenu',
 	description: 'Trigger-activated dropdown with menu items',

package/src/enter/enter.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: 'Enter',
 	description:

package/src/exit/exit.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: 'Exit',
 	description:

package/src/field/field.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: 'Field',
 	description: 'Form field wrapper with label, description, and error',

package/src/fieldset/fieldset.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: 'Fieldset',
 	description: 'Structured field grouping with legend, description, and content',

package/src/file-select/file-select.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: 'FileSelect',
 	description: 'Select a file or folder path via external picker',

package/src/file-upload/file-upload-dropzone.svelte

@@ -115,7 +115,7 @@
 	[data-fu-dropzone][data-dragging] {
 		--_fu-border-default: var(--dry-color-fill-brand);
 		--_fu-bg-default: color-mix(in srgb, var(--dry-color-fill-brand) 8%, transparent);
-		color: var(--dry-color-fill-brand);
+		color: var(--dry-color-text-brand);
 	}
 
 	[data-fu-dropzone][data-disabled] {

package/src/file-upload/file-upload.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: 'FileUpload',
 	description: 'File selection with drag-and-drop dropzone',

package/src/flip-card/flip-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: 'FlipCard',
 	description: 'Flippable card with front and back faces',

package/src/float-button/float-button.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: 'FloatButton',
 	description: 'Floating action button with expandable actions',

package/src/focus-trap/focus-trap.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: 'FocusTrap',
 	description: 'Traps keyboard focus within a container element',

package/src/format-bytes/format-bytes.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: 'FormatBytes',
 	description: 'Formats byte values with Intl.NumberFormat',

package/src/format-date/format-date.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: 'FormatDate',
 	description: 'Formats dates with Intl.DateTimeFormat',

package/src/format-number/format-number.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: 'FormatNumber',
 	description: 'Formats numbers with Intl.NumberFormat',

package/src/gauge/gauge.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: 'Gauge',
 	description: 'SVG gauge indicator with configurable arc, thresholds, and label',

package/src/glass/glass.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: 'Glass',
 	description: 'Translucent glass wrapper with blur, tint, and saturation control',

package/src/glow/glow.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: 'Glow',
 	description: 'Soft glow effect wrapper with configurable color, intensity, and animation',

package/src/god-rays/god-rays.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: 'GodRays',
 	description:

package/src/gradient-mesh/gradient-mesh.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: 'GradientMesh',
 	description: 'Animated multi-color gradient mesh background with optional interactivity',