@dryui/wizard 0.0.4 → 0.0.5

package/dist/app/step-3.html

@@ -34,19 +34,19 @@
 			name="description"
 			content="A CLI-driven wizard for composing DryUI components into page-level layouts."
 		/>
-		<link href="./_app/immutable/entry/start.CtO9fRK6.js" rel="modulepreload">
-		<link href="./_app/immutable/chunks/CCnjEYaA.js" rel="modulepreload">
+		<link href="./_app/immutable/entry/start.CUD8-Wtb.js" rel="modulepreload">
+		<link href="./_app/immutable/chunks/BzSSKD0q.js" rel="modulepreload">
 		<link href="./_app/immutable/chunks/cUpOkCva.js" rel="modulepreload">
 		<link href="./_app/immutable/chunks/_Vvib4D3.js" rel="modulepreload">
 		<link href="./_app/immutable/chunks/CtGZ12rY.js" rel="modulepreload">
-		<link href="./_app/immutable/entry/app.BJW1PZJY.js" rel="modulepreload">
+		<link href="./_app/immutable/entry/app.DJz20nyd.js" rel="modulepreload">
 		<link href="./_app/immutable/chunks/Di6zslmw.js" rel="modulepreload">
 		<link href="./_app/immutable/chunks/CeZSjjcE.js" rel="modulepreload">
-		<link href="./_app/immutable/nodes/0.cYabqY7v.js" rel="modulepreload">
-		<link href="./_app/immutable/nodes/2.tNL3K8ZW.js" rel="modulepreload">
-		<link href="./_app/immutable/chunks/BOKUYW7h.js" rel="modulepreload">
-		<link href="./_app/immutable/chunks/CoKBaQmd.js" rel="modulepreload">
-		<link href="./_app/immutable/nodes/7.DrAFJfiU.js" rel="modulepreload">
+		<link href="./_app/immutable/nodes/0.DCfHRQuL.js" rel="modulepreload">
+		<link href="./_app/immutable/nodes/2.DAxPnjEb.js" rel="modulepreload">
+		<link href="./_app/immutable/chunks/BYy4f3xh.js" rel="modulepreload">
+		<link href="./_app/immutable/chunks/DZ6Kp0Zm.js" rel="modulepreload">
+		<link href="./_app/immutable/nodes/7.CZven0d9.js" rel="modulepreload">
 		<!--1g5vgqq--><!----><title>Wizard Step 3 - dryui</title><style id="svelte-1ht2vob">.wizard-shell.svelte-1ht2vob {min-height:100dvh;container-type:inline-size;}.wizard-header.svelte-1ht2vob {position:sticky;top:0;z-index:10;padding:var(--dry-space-5) 0;backdrop-filter:blur(12px);background:color-mix(in srgb, var(--dry-color-surface) 88%, transparent);border-bottom:1px solid var(--dry-color-border);box-shadow:var(--wizard-shell-shadow);}.wizard-header-inner.svelte-1ht2vob {display:grid;gap:var(--dry-space-4);}.wizard-meta-badges.svelte-1ht2vob {display:grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:end;gap:var(--dry-space-2);}.wizard-banner.svelte-1ht2vob {display:grid;grid-template-columns:1fr auto;gap:var(--dry-space-4);align-items:start;}.wizard-content.svelte-1ht2vob {padding:var(--dry-space-8) 0;}
 
 	@container (max-width: 767px) {.wizard-header.svelte-1ht2vob {padding:var(--dry-space-4) 0;}.wizard-content.svelte-1ht2vob {padding:var(--dry-space-4) 0;}.wizard-banner.svelte-1ht2vob {grid-template-columns:1fr;}
@@ -157,7 +157,7 @@
 	@container (max-width: 640px) {[data-alert].svelte-1twov9r {padding:var(--dry-alert-padding, var(--dry-space-3));}
 	}</style><style id="svelte-mw3yhd">[data-alert-description].svelte-mw3yhd {font-size:var(--dry-type-small-size);line-height:var(--dry-type-small-leading);color:var(--dry-color-text-weak);margin:0;}</style><style id="svelte-1olh6la">.wrapper.svelte-1olh6la {display:inline-grid;}a.svelte-1olh6la,
 	button.svelte-1olh6la {
-		/* Component tokens (Tier 3) */--dry-btn-accent: var(--dry-color-fill-brand);--dry-btn-accent-fg: var(--dry-color-text-brand);--dry-btn-accent-stroke: var(--dry-color-stroke-brand);--dry-btn-accent-weak: var(--dry-color-fill-brand-weak);--dry-btn-accent-hover: var(--dry-color-fill-brand-hover);--dry-btn-accent-active: var(--dry-color-fill-brand-active);--dry-btn-on-accent: var(--dry-color-on-brand);--dry-btn-bg: var(--dry-btn-accent);--dry-btn-color: var(--dry-btn-on-accent);--dry-btn-border: transparent;--dry-btn-radius: var(--dry-radius-md);--dry-btn-padding-x: var(--dry-space-4);--dry-btn-padding-y: var(--dry-space-2_5);--dry-btn-font-size: var(--dry-type-small-size, var(--dry-text-sm-size));--dry-btn-soft-bg: color-mix(in srgb, var(--dry-btn-accent) 12%, transparent);--dry-btn-soft-hover-bg: color-mix(in srgb, var(--dry-btn-accent) 20%, transparent);--dry-btn-soft-active-bg: color-mix(in srgb, var(--dry-btn-accent) 28%, transparent);--dry-btn-ghost-underline: color-mix(in srgb, var(--dry-btn-accent) 65%, transparent);display:inline-grid;grid-auto-flow:column;place-items:center;gap:var(--dry-space-2);padding:var(--dry-btn-padding-y) var(--dry-btn-padding-x);font-size:var(--dry-btn-font-size);font-family:var(--dry-font-sans);font-weight:500;line-height:1.25;color:var(--dry-btn-color);background:var(--dry-btn-bg);border:1px solid var(--dry-btn-border);border-radius:var(--dry-btn-radius);cursor:pointer;letter-spacing:-0.01em;text-decoration:none;white-space:nowrap;user-select:none;transition:background var(--dry-duration-fast) var(--dry-ease-default),
+		/* Component tokens (Tier 3) */--dry-btn-accent: var(--dry-color-fill-brand);--dry-btn-accent-fg: var(--dry-color-text-brand);--dry-btn-accent-stroke: var(--dry-color-stroke-brand);--dry-btn-accent-weak: var(--dry-color-fill-brand-weak);--dry-btn-accent-hover: var(--dry-color-fill-brand-hover);--dry-btn-accent-active: var(--dry-color-fill-brand-active);--dry-btn-on-accent: var(--dry-color-on-brand);--dry-btn-bg: var(--dry-btn-accent);--dry-btn-color: var(--dry-btn-on-accent);--dry-btn-border: transparent;--dry-btn-radius: var(--dry-radius-md);--dry-btn-padding-x: var(--dry-space-4);--dry-btn-padding-y: var(--dry-space-2_5);--dry-btn-font-size: var(--dry-type-small-size, var(--dry-text-sm-size));--dry-btn-soft-bg: color-mix(in srgb, var(--dry-btn-accent) 12%, transparent);--dry-btn-soft-hover-bg: color-mix(in srgb, var(--dry-btn-accent) 20%, transparent);--dry-btn-soft-active-bg: color-mix(in srgb, var(--dry-btn-accent) 28%, transparent);--dry-btn-ghost-underline: color-mix(in srgb, var(--dry-btn-accent) 65%, transparent);display:inline-grid;grid-auto-flow:column;justify-content:center;place-items:center;gap:var(--dry-space-2);padding:var(--dry-btn-padding-y) var(--dry-btn-padding-x);font-size:var(--dry-btn-font-size);font-family:var(--dry-font-sans);font-weight:500;line-height:1.25;color:var(--dry-btn-color);background:var(--dry-btn-bg);border:1px solid var(--dry-btn-border);border-radius:var(--dry-btn-radius);cursor:pointer;letter-spacing:-0.01em;text-decoration:none;white-space:nowrap;user-select:none;transition:background var(--dry-duration-fast) var(--dry-ease-default),
 			border-color var(--dry-duration-fast) var(--dry-ease-default),
 			box-shadow var(--dry-duration-fast) var(--dry-ease-default),
 			color var(--dry-duration-fast) var(--dry-ease-default),
@@ -185,7 +185,7 @@
 
 	/* Hover/focus z-index for grouped buttons */.wrapper[data-in-group].svelte-1olh6la:hover :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)),
 	.wrapper[data-in-group].svelte-1olh6la:focus-within :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {z-index:var(--dry-button-group-hover-z-index);position:relative;}</style>
-		<link href="./_app/immutable/assets/0.D2jCOpqo.css" rel="stylesheet">
+		<link href="./_app/immutable/assets/0.CYLmO44U.css" rel="stylesheet">
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div id="app"><!--[--><!--[0--><!--[--><!--[0--><!--[--><div class="wizard-shell svelte-1ht2vob"><header class="wizard-header svelte-1ht2vob"><div data-size="xl" data-padding="true" class="svelte-1sra87c"><div class="wizard-header-inner svelte-1ht2vob"><div class="wizard-banner svelte-1ht2vob"><div><span data-wrapper="" class="svelte-ca45xc"><span class="svelte-ca45xc" data-badge="" data-variant="outline" data-color="gray" data-size="sm"><!--[2--><!---->local<!----><!--]--></span></span><!----> <!--[0--><h1 class="svelte-8xxg2o" data-level="1" data-variant="default" data-wizard-title="true"><!---->DryUI Wizard<!----></h1><!--]--><!----> <!--[-1--><p class="svelte-omaan8" data-color="secondary" data-size="sm" data-font="sans" data-variant="default"><!---->Compose a page layout, assign components, preview the result, then hand control back
@@ -194,15 +194,15 @@
 			
 			<script>
 				{
-					__sveltekit_185y7vf = {
+					__sveltekit_ludcwo = {
 						base: new URL(".", location).pathname.slice(0, -1)
 					};
 
 					const element = document.currentScript.parentElement;
 
 					Promise.all([
-						import("./_app/immutable/entry/start.CtO9fRK6.js"),
-						import("./_app/immutable/entry/app.BJW1PZJY.js")
+						import("./_app/immutable/entry/start.CUD8-Wtb.js"),
+						import("./_app/immutable/entry/app.DJz20nyd.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element, {
 							node_ids: [0, 2, 7],

package/dist/cli.js

@@ -51,7 +51,7 @@ function getWizardLayout(id) {
 }
 // ../mcp/src/spec.json
 var spec_default = {
-  version: "0.1.7",
+  version: "0.1.12",
   package: "@dryui/ui",
   themeImports: {
     default: "@dryui/ui/themes/default.css",
@@ -12102,14 +12102,18 @@ var spec_default = {
         ]
       },
       cssVars: {
+        "--dry-alpha-rgb": "Rgb",
         "--dry-color-picker-area-height": "Picker Area Height",
         "--dry-color-picker-area-width": "Picker Area Width",
         "--dry-color-picker-grid-dark": "Picker Grid Dark",
         "--dry-color-picker-grid-light": "Picker Grid Light",
         "--dry-color-picker-grid-size": "Picker Grid Size",
         "--dry-color-picker-indicator-border": "Picker Indicator Border",
+        "--dry-color-picker-indicator-color": "Picker Indicator Color",
+        "--dry-color-picker-indicator-left": "Picker Indicator Left",
         "--dry-color-picker-indicator-shadow": "Picker Indicator Shadow",
         "--dry-color-picker-indicator-size": "Picker Indicator Size",
+        "--dry-color-picker-indicator-top": "Picker Indicator Top",
         "--dry-color-picker-slider-thumb-bg": "Picker Slider Thumb Bg",
         "--dry-color-picker-slider-thumb-border": "Picker Slider Thumb Border",
         "--dry-color-picker-slider-thumb-shadow": "Picker Slider Thumb Shadow",
@@ -12120,7 +12124,9 @@ var spec_default = {
         "--dry-color-picker-swatch-size": "Picker Swatch Size",
         "--dry-color-picker-width": "Picker Width",
         "--dry-slider-thumb-size": "Thumb size",
-        "--dry-slider-track-height": "Track height"
+        "--dry-slider-track-height": "Track height",
+        "--dry-swatch-color": "Text color",
+        "--dry-swatch-opacity": "Opacity"
       },
       dataAttributes: [
         {
@@ -12596,7 +12602,13 @@ var spec_default = {
         ],
         note: "Forwards <div> attributes via rest props."
       },
-      cssVars: {},
+      cssVars: {
+        "--dry-spotlight-color": "Text color",
+        "--dry-spotlight-intensity": "Intensity",
+        "--dry-spotlight-radius": "Border radius",
+        "--dry-spotlight-x": "X",
+        "--dry-spotlight-y": "Y"
+      },
       dataAttributes: [
         {
           name: "data-active",
@@ -12687,8 +12699,10 @@ var spec_default = {
         "--dry-aurora-color-2": "Color 2",
         "--dry-aurora-color-3": "Color 3",
         "--dry-aurora-duration": "Duration",
+        "--dry-aurora-intensity": "Intensity",
         "--dry-aurora-shift": "Shift",
-        "--dry-aurora-surface": "Surface"
+        "--dry-aurora-surface": "Surface",
+        "--dry-aurora-waviness": "Waviness"
       },
       dataAttributes: [
         {
@@ -13350,6 +13364,9 @@ var spec_default = {
       dataAttributes: [
         {
           name: "data-virtual-list"
+        },
+        {
+          name: "data-virtual-list-inner"
         }
       ],
       example: "<VirtualList>Content</VirtualList>"
@@ -15652,6 +15669,7 @@ var spec_default = {
         "--dry-image-comparison-handle-shadow": "Comparison Handle Shadow",
         "--dry-image-comparison-handle-width": "Comparison Handle Width",
         "--dry-image-comparison-handle-z-index": "Comparison Handle Z Index",
+        "--dry-image-comparison-position": "Comparison Position",
         "--dry-image-comparison-radius": "Comparison Radius"
       },
       dataAttributes: [
@@ -17967,7 +17985,13 @@ var spec_default = {
         ],
         note: "Forwards <div> attributes via rest props."
       },
-      cssVars: {},
+      cssVars: {
+        "--dry-beam-angle": "Angle",
+        "--dry-beam-color": "Text color",
+        "--dry-beam-intensity": "Intensity",
+        "--dry-beam-speed": "Speed",
+        "--dry-beam-width": "Width"
+      },
       dataAttributes: [
         {
           name: "data-beam"
@@ -18086,7 +18110,14 @@ var spec_default = {
         ],
         note: "Forwards <div> attributes via rest props."
       },
-      cssVars: {},
+      cssVars: {
+        "--dry-rays-blend": "Blend",
+        "--dry-rays-color": "Text color",
+        "--dry-rays-cx": "Cx",
+        "--dry-rays-cy": "Cy",
+        "--dry-rays-intensity": "Intensity",
+        "--dry-rays-speed": "Speed"
+      },
       dataAttributes: [
         {
           name: "data-animated"
@@ -23440,21 +23471,10 @@ var spec_default = {
   </body>
 </html>
 
-<!-- 2. src/app.css \u2014 global reset with DryUI tokens -->
+<!-- 2. src/app.css \u2014 import themes (resets are built in) -->
 @import '@dryui/ui/themes/default.css';
 @import '@dryui/ui/themes/dark.css';
 
-*, *::before, *::after { box-sizing: border-box; margin: 0; }
-
-html {
-  font-family: var(--dry-font-sans);
-  color: var(--dry-color-text-strong);
-  background: var(--dry-color-bg-base);
-  -webkit-font-smoothing: antialiased;
-}
-
-body { margin: 0; min-height: 100dvh; }
-
 <!-- 3. src/routes/+layout.svelte \u2014 root layout -->
 <script>
   import '../app.css';

package/dist/components.js

@@ -1,7 +1,7 @@
 // @bun
 // ../mcp/src/spec.json
 var spec_default = {
-  version: "0.1.7",
+  version: "0.1.12",
   package: "@dryui/ui",
   themeImports: {
     default: "@dryui/ui/themes/default.css",
@@ -12052,14 +12052,18 @@ var spec_default = {
         ]
       },
       cssVars: {
+        "--dry-alpha-rgb": "Rgb",
         "--dry-color-picker-area-height": "Picker Area Height",
         "--dry-color-picker-area-width": "Picker Area Width",
         "--dry-color-picker-grid-dark": "Picker Grid Dark",
         "--dry-color-picker-grid-light": "Picker Grid Light",
         "--dry-color-picker-grid-size": "Picker Grid Size",
         "--dry-color-picker-indicator-border": "Picker Indicator Border",
+        "--dry-color-picker-indicator-color": "Picker Indicator Color",
+        "--dry-color-picker-indicator-left": "Picker Indicator Left",
         "--dry-color-picker-indicator-shadow": "Picker Indicator Shadow",
         "--dry-color-picker-indicator-size": "Picker Indicator Size",
+        "--dry-color-picker-indicator-top": "Picker Indicator Top",
         "--dry-color-picker-slider-thumb-bg": "Picker Slider Thumb Bg",
         "--dry-color-picker-slider-thumb-border": "Picker Slider Thumb Border",
         "--dry-color-picker-slider-thumb-shadow": "Picker Slider Thumb Shadow",
@@ -12070,7 +12074,9 @@ var spec_default = {
         "--dry-color-picker-swatch-size": "Picker Swatch Size",
         "--dry-color-picker-width": "Picker Width",
         "--dry-slider-thumb-size": "Thumb size",
-        "--dry-slider-track-height": "Track height"
+        "--dry-slider-track-height": "Track height",
+        "--dry-swatch-color": "Text color",
+        "--dry-swatch-opacity": "Opacity"
       },
       dataAttributes: [
         {
@@ -12546,7 +12552,13 @@ var spec_default = {
         ],
         note: "Forwards <div> attributes via rest props."
       },
-      cssVars: {},
+      cssVars: {
+        "--dry-spotlight-color": "Text color",
+        "--dry-spotlight-intensity": "Intensity",
+        "--dry-spotlight-radius": "Border radius",
+        "--dry-spotlight-x": "X",
+        "--dry-spotlight-y": "Y"
+      },
       dataAttributes: [
         {
           name: "data-active",
@@ -12637,8 +12649,10 @@ var spec_default = {
         "--dry-aurora-color-2": "Color 2",
         "--dry-aurora-color-3": "Color 3",
         "--dry-aurora-duration": "Duration",
+        "--dry-aurora-intensity": "Intensity",
         "--dry-aurora-shift": "Shift",
-        "--dry-aurora-surface": "Surface"
+        "--dry-aurora-surface": "Surface",
+        "--dry-aurora-waviness": "Waviness"
       },
       dataAttributes: [
         {
@@ -13300,6 +13314,9 @@ var spec_default = {
       dataAttributes: [
         {
           name: "data-virtual-list"
+        },
+        {
+          name: "data-virtual-list-inner"
         }
       ],
       example: "<VirtualList>Content</VirtualList>"
@@ -15602,6 +15619,7 @@ var spec_default = {
         "--dry-image-comparison-handle-shadow": "Comparison Handle Shadow",
         "--dry-image-comparison-handle-width": "Comparison Handle Width",
         "--dry-image-comparison-handle-z-index": "Comparison Handle Z Index",
+        "--dry-image-comparison-position": "Comparison Position",
         "--dry-image-comparison-radius": "Comparison Radius"
       },
       dataAttributes: [
@@ -17917,7 +17935,13 @@ var spec_default = {
         ],
         note: "Forwards <div> attributes via rest props."
       },
-      cssVars: {},
+      cssVars: {
+        "--dry-beam-angle": "Angle",
+        "--dry-beam-color": "Text color",
+        "--dry-beam-intensity": "Intensity",
+        "--dry-beam-speed": "Speed",
+        "--dry-beam-width": "Width"
+      },
       dataAttributes: [
         {
           name: "data-beam"
@@ -18036,7 +18060,14 @@ var spec_default = {
         ],
         note: "Forwards <div> attributes via rest props."
       },
-      cssVars: {},
+      cssVars: {
+        "--dry-rays-blend": "Blend",
+        "--dry-rays-color": "Text color",
+        "--dry-rays-cx": "Cx",
+        "--dry-rays-cy": "Cy",
+        "--dry-rays-intensity": "Intensity",
+        "--dry-rays-speed": "Speed"
+      },
       dataAttributes: [
         {
           name: "data-animated"
@@ -23390,21 +23421,10 @@ var spec_default = {
   </body>
 </html>
 
-<!-- 2. src/app.css \u2014 global reset with DryUI tokens -->
+<!-- 2. src/app.css \u2014 import themes (resets are built in) -->
 @import '@dryui/ui/themes/default.css';
 @import '@dryui/ui/themes/dark.css';
 
-*, *::before, *::after { box-sizing: border-box; margin: 0; }
-
-html {
-  font-family: var(--dry-font-sans);
-  color: var(--dry-color-text-strong);
-  background: var(--dry-color-bg-base);
-  -webkit-font-smoothing: antialiased;
-}
-
-body { margin: 0; min-height: 100dvh; }
-
 <!-- 3. src/routes/+layout.svelte \u2014 root layout -->
 <script>
   import '../app.css';

package/dist/index.js

@@ -58,7 +58,7 @@ function getWizardLayout(id) {
 }
 // ../mcp/src/spec.json
 var spec_default = {
-  version: "0.1.7",
+  version: "0.1.12",
   package: "@dryui/ui",
   themeImports: {
     default: "@dryui/ui/themes/default.css",
@@ -12109,14 +12109,18 @@ var spec_default = {
         ]
       },
       cssVars: {
+        "--dry-alpha-rgb": "Rgb",
         "--dry-color-picker-area-height": "Picker Area Height",
         "--dry-color-picker-area-width": "Picker Area Width",
         "--dry-color-picker-grid-dark": "Picker Grid Dark",
         "--dry-color-picker-grid-light": "Picker Grid Light",
         "--dry-color-picker-grid-size": "Picker Grid Size",
         "--dry-color-picker-indicator-border": "Picker Indicator Border",
+        "--dry-color-picker-indicator-color": "Picker Indicator Color",
+        "--dry-color-picker-indicator-left": "Picker Indicator Left",
         "--dry-color-picker-indicator-shadow": "Picker Indicator Shadow",
         "--dry-color-picker-indicator-size": "Picker Indicator Size",
+        "--dry-color-picker-indicator-top": "Picker Indicator Top",
         "--dry-color-picker-slider-thumb-bg": "Picker Slider Thumb Bg",
         "--dry-color-picker-slider-thumb-border": "Picker Slider Thumb Border",
         "--dry-color-picker-slider-thumb-shadow": "Picker Slider Thumb Shadow",
@@ -12127,7 +12131,9 @@ var spec_default = {
         "--dry-color-picker-swatch-size": "Picker Swatch Size",
         "--dry-color-picker-width": "Picker Width",
         "--dry-slider-thumb-size": "Thumb size",
-        "--dry-slider-track-height": "Track height"
+        "--dry-slider-track-height": "Track height",
+        "--dry-swatch-color": "Text color",
+        "--dry-swatch-opacity": "Opacity"
       },
       dataAttributes: [
         {
@@ -12603,7 +12609,13 @@ var spec_default = {
         ],
         note: "Forwards <div> attributes via rest props."
       },
-      cssVars: {},
+      cssVars: {
+        "--dry-spotlight-color": "Text color",
+        "--dry-spotlight-intensity": "Intensity",
+        "--dry-spotlight-radius": "Border radius",
+        "--dry-spotlight-x": "X",
+        "--dry-spotlight-y": "Y"
+      },
       dataAttributes: [
         {
           name: "data-active",
@@ -12694,8 +12706,10 @@ var spec_default = {
         "--dry-aurora-color-2": "Color 2",
         "--dry-aurora-color-3": "Color 3",
         "--dry-aurora-duration": "Duration",
+        "--dry-aurora-intensity": "Intensity",
         "--dry-aurora-shift": "Shift",
-        "--dry-aurora-surface": "Surface"
+        "--dry-aurora-surface": "Surface",
+        "--dry-aurora-waviness": "Waviness"
       },
       dataAttributes: [
         {
@@ -13357,6 +13371,9 @@ var spec_default = {
       dataAttributes: [
         {
           name: "data-virtual-list"
+        },
+        {
+          name: "data-virtual-list-inner"
         }
       ],
       example: "<VirtualList>Content</VirtualList>"
@@ -15659,6 +15676,7 @@ var spec_default = {
         "--dry-image-comparison-handle-shadow": "Comparison Handle Shadow",
         "--dry-image-comparison-handle-width": "Comparison Handle Width",
         "--dry-image-comparison-handle-z-index": "Comparison Handle Z Index",
+        "--dry-image-comparison-position": "Comparison Position",
         "--dry-image-comparison-radius": "Comparison Radius"
       },
       dataAttributes: [
@@ -17974,7 +17992,13 @@ var spec_default = {
         ],
         note: "Forwards <div> attributes via rest props."
       },
-      cssVars: {},
+      cssVars: {
+        "--dry-beam-angle": "Angle",
+        "--dry-beam-color": "Text color",
+        "--dry-beam-intensity": "Intensity",
+        "--dry-beam-speed": "Speed",
+        "--dry-beam-width": "Width"
+      },
       dataAttributes: [
         {
           name: "data-beam"
@@ -18093,7 +18117,14 @@ var spec_default = {
         ],
         note: "Forwards <div> attributes via rest props."
       },
-      cssVars: {},
+      cssVars: {
+        "--dry-rays-blend": "Blend",
+        "--dry-rays-color": "Text color",
+        "--dry-rays-cx": "Cx",
+        "--dry-rays-cy": "Cy",
+        "--dry-rays-intensity": "Intensity",
+        "--dry-rays-speed": "Speed"
+      },
       dataAttributes: [
         {
           name: "data-animated"
@@ -23447,21 +23478,10 @@ var spec_default = {
   </body>
 </html>
 
-<!-- 2. src/app.css \u2014 global reset with DryUI tokens -->
+<!-- 2. src/app.css \u2014 import themes (resets are built in) -->
 @import '@dryui/ui/themes/default.css';
 @import '@dryui/ui/themes/dark.css';
 
-*, *::before, *::after { box-sizing: border-box; margin: 0; }
-
-html {
-  font-family: var(--dry-font-sans);
-  color: var(--dry-color-text-strong);
-  background: var(--dry-color-bg-base);
-  -webkit-font-smoothing: antialiased;
-}
-
-body { margin: 0; min-height: 100dvh; }
-
 <!-- 3. src/routes/+layout.svelte \u2014 root layout -->
 <script>
   import '../app.css';

package/dist/server.js

@@ -49,7 +49,7 @@ function getWizardLayout(id) {
 }
 // ../mcp/src/spec.json
 var spec_default = {
-  version: "0.1.7",
+  version: "0.1.12",
   package: "@dryui/ui",
   themeImports: {
     default: "@dryui/ui/themes/default.css",
@@ -12100,14 +12100,18 @@ var spec_default = {
         ]
       },
       cssVars: {
+        "--dry-alpha-rgb": "Rgb",
         "--dry-color-picker-area-height": "Picker Area Height",
         "--dry-color-picker-area-width": "Picker Area Width",
         "--dry-color-picker-grid-dark": "Picker Grid Dark",
         "--dry-color-picker-grid-light": "Picker Grid Light",
         "--dry-color-picker-grid-size": "Picker Grid Size",
         "--dry-color-picker-indicator-border": "Picker Indicator Border",
+        "--dry-color-picker-indicator-color": "Picker Indicator Color",
+        "--dry-color-picker-indicator-left": "Picker Indicator Left",
         "--dry-color-picker-indicator-shadow": "Picker Indicator Shadow",
         "--dry-color-picker-indicator-size": "Picker Indicator Size",
+        "--dry-color-picker-indicator-top": "Picker Indicator Top",
         "--dry-color-picker-slider-thumb-bg": "Picker Slider Thumb Bg",
         "--dry-color-picker-slider-thumb-border": "Picker Slider Thumb Border",
         "--dry-color-picker-slider-thumb-shadow": "Picker Slider Thumb Shadow",
@@ -12118,7 +12122,9 @@ var spec_default = {
         "--dry-color-picker-swatch-size": "Picker Swatch Size",
         "--dry-color-picker-width": "Picker Width",
         "--dry-slider-thumb-size": "Thumb size",
-        "--dry-slider-track-height": "Track height"
+        "--dry-slider-track-height": "Track height",
+        "--dry-swatch-color": "Text color",
+        "--dry-swatch-opacity": "Opacity"
       },
       dataAttributes: [
         {
@@ -12594,7 +12600,13 @@ var spec_default = {
         ],
         note: "Forwards <div> attributes via rest props."
       },
-      cssVars: {},
+      cssVars: {
+        "--dry-spotlight-color": "Text color",
+        "--dry-spotlight-intensity": "Intensity",
+        "--dry-spotlight-radius": "Border radius",
+        "--dry-spotlight-x": "X",
+        "--dry-spotlight-y": "Y"
+      },
       dataAttributes: [
         {
           name: "data-active",
@@ -12685,8 +12697,10 @@ var spec_default = {
         "--dry-aurora-color-2": "Color 2",
         "--dry-aurora-color-3": "Color 3",
         "--dry-aurora-duration": "Duration",
+        "--dry-aurora-intensity": "Intensity",
         "--dry-aurora-shift": "Shift",
-        "--dry-aurora-surface": "Surface"
+        "--dry-aurora-surface": "Surface",
+        "--dry-aurora-waviness": "Waviness"
       },
       dataAttributes: [
         {
@@ -13348,6 +13362,9 @@ var spec_default = {
       dataAttributes: [
         {
           name: "data-virtual-list"
+        },
+        {
+          name: "data-virtual-list-inner"
         }
       ],
       example: "<VirtualList>Content</VirtualList>"
@@ -15650,6 +15667,7 @@ var spec_default = {
         "--dry-image-comparison-handle-shadow": "Comparison Handle Shadow",
         "--dry-image-comparison-handle-width": "Comparison Handle Width",
         "--dry-image-comparison-handle-z-index": "Comparison Handle Z Index",
+        "--dry-image-comparison-position": "Comparison Position",
         "--dry-image-comparison-radius": "Comparison Radius"
       },
       dataAttributes: [
@@ -17965,7 +17983,13 @@ var spec_default = {
         ],
         note: "Forwards <div> attributes via rest props."
       },
-      cssVars: {},
+      cssVars: {
+        "--dry-beam-angle": "Angle",
+        "--dry-beam-color": "Text color",
+        "--dry-beam-intensity": "Intensity",
+        "--dry-beam-speed": "Speed",
+        "--dry-beam-width": "Width"
+      },
       dataAttributes: [
         {
           name: "data-beam"
@@ -18084,7 +18108,14 @@ var spec_default = {
         ],
         note: "Forwards <div> attributes via rest props."
       },
-      cssVars: {},
+      cssVars: {
+        "--dry-rays-blend": "Blend",
+        "--dry-rays-color": "Text color",
+        "--dry-rays-cx": "Cx",
+        "--dry-rays-cy": "Cy",
+        "--dry-rays-intensity": "Intensity",
+        "--dry-rays-speed": "Speed"
+      },
       dataAttributes: [
         {
           name: "data-animated"
@@ -23438,21 +23469,10 @@ var spec_default = {
   </body>
 </html>
 
-<!-- 2. src/app.css \u2014 global reset with DryUI tokens -->
+<!-- 2. src/app.css \u2014 import themes (resets are built in) -->
 @import '@dryui/ui/themes/default.css';
 @import '@dryui/ui/themes/dark.css';
 
-*, *::before, *::after { box-sizing: border-box; margin: 0; }
-
-html {
-  font-family: var(--dry-font-sans);
-  color: var(--dry-color-text-strong);
-  background: var(--dry-color-bg-base);
-  -webkit-font-smoothing: antialiased;
-}
-
-body { margin: 0; min-height: 100dvh; }
-
 <!-- 3. src/routes/+layout.svelte \u2014 root layout -->
 <script>
   import '../app.css';