@dryui/wizard 0.0.3 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/app/_app/immutable/assets/0.CYLmO44U.css +1 -0
  2. package/dist/app/_app/immutable/chunks/BYy4f3xh.js +319 -0
  3. package/dist/app/_app/immutable/chunks/BzSSKD0q.js +1 -0
  4. package/dist/app/_app/immutable/chunks/CeZSjjcE.js +1 -0
  5. package/dist/app/_app/immutable/chunks/{CHx9khRs.js → DZ6Kp0Zm.js} +1 -1
  6. package/dist/app/_app/immutable/chunks/_Vvib4D3.js +3 -0
  7. package/dist/app/_app/immutable/entry/app.DJz20nyd.js +2 -0
  8. package/dist/app/_app/immutable/entry/start.CUD8-Wtb.js +1 -0
  9. package/dist/app/_app/immutable/nodes/0.DCfHRQuL.js +1 -0
  10. package/dist/app/_app/immutable/nodes/1.DwznGh4C.js +1 -0
  11. package/dist/app/_app/immutable/nodes/2.DAxPnjEb.js +5 -0
  12. package/dist/app/_app/immutable/nodes/4.CKtHiguD.js +2 -0
  13. package/dist/app/_app/immutable/nodes/5.HxD498TS.js +7 -0
  14. package/dist/app/_app/immutable/nodes/6.Y70tFj6Z.js +1 -0
  15. package/dist/app/_app/immutable/nodes/7.CZven0d9.js +7 -0
  16. package/dist/app/_app/version.json +1 -1
  17. package/dist/app/follow-up.html +33 -16
  18. package/dist/app/step-1.html +33 -16
  19. package/dist/app/step-2.html +33 -16
  20. package/dist/app/step-3.html +33 -16
  21. package/dist/cli.js +219 -135
  22. package/dist/components.js +219 -135
  23. package/dist/index.js +219 -135
  24. package/dist/server.js +219 -135
  25. package/dist/state.js +219 -135
  26. package/package.json +2 -2
  27. package/dist/app/_app/immutable/assets/0.DuShIRXe.css +0 -1
  28. package/dist/app/_app/immutable/chunks/BRVdUz1P.js +0 -301
  29. package/dist/app/_app/immutable/chunks/DOlHNFLc.js +0 -3
  30. package/dist/app/_app/immutable/chunks/RHaY3jvT.js +0 -1
  31. package/dist/app/_app/immutable/chunks/jOIOMGmB.js +0 -1
  32. package/dist/app/_app/immutable/entry/app.BCnQ9ddO.js +0 -2
  33. package/dist/app/_app/immutable/entry/start.XauVlmHE.js +0 -1
  34. package/dist/app/_app/immutable/nodes/0.B2K_dGeT.js +0 -1
  35. package/dist/app/_app/immutable/nodes/1.BbHyLf2X.js +0 -1
  36. package/dist/app/_app/immutable/nodes/2.C5llD83u.js +0 -5
  37. package/dist/app/_app/immutable/nodes/4.wi6hFy-R.js +0 -2
  38. package/dist/app/_app/immutable/nodes/5.Hod4dZdQ.js +0 -7
  39. package/dist/app/_app/immutable/nodes/6.C70o6jvN.js +0 -1
  40. package/dist/app/_app/immutable/nodes/7.CavAMl8D.js +0 -7
package/dist/app/step-1.html CHANGED
@@ -34,19 +34,19 @@
34
34
  name="description"
35
35
  content="A CLI-driven wizard for composing DryUI components into page-level layouts."
36
36
  />
37
- <link href="./_app/immutable/entry/start.XauVlmHE.js" rel="modulepreload">
38
- <link href="./_app/immutable/chunks/jOIOMGmB.js" rel="modulepreload">
37
+ <link href="./_app/immutable/entry/start.CUD8-Wtb.js" rel="modulepreload">
38
+ <link href="./_app/immutable/chunks/BzSSKD0q.js" rel="modulepreload">
39
39
  <link href="./_app/immutable/chunks/cUpOkCva.js" rel="modulepreload">
40
- <link href="./_app/immutable/chunks/DOlHNFLc.js" rel="modulepreload">
40
+ <link href="./_app/immutable/chunks/_Vvib4D3.js" rel="modulepreload">
41
41
  <link href="./_app/immutable/chunks/CtGZ12rY.js" rel="modulepreload">
42
- <link href="./_app/immutable/entry/app.BCnQ9ddO.js" rel="modulepreload">
42
+ <link href="./_app/immutable/entry/app.DJz20nyd.js" rel="modulepreload">
43
43
  <link href="./_app/immutable/chunks/Di6zslmw.js" rel="modulepreload">
44
- <link href="./_app/immutable/chunks/RHaY3jvT.js" rel="modulepreload">
45
- <link href="./_app/immutable/nodes/0.B2K_dGeT.js" rel="modulepreload">
46
- <link href="./_app/immutable/nodes/2.C5llD83u.js" rel="modulepreload">
47
- <link href="./_app/immutable/chunks/BRVdUz1P.js" rel="modulepreload">
48
- <link href="./_app/immutable/chunks/CHx9khRs.js" rel="modulepreload">
49
- <link href="./_app/immutable/nodes/5.Hod4dZdQ.js" rel="modulepreload">
44
+ <link href="./_app/immutable/chunks/CeZSjjcE.js" rel="modulepreload">
45
+ <link href="./_app/immutable/nodes/0.DCfHRQuL.js" rel="modulepreload">
46
+ <link href="./_app/immutable/nodes/2.DAxPnjEb.js" rel="modulepreload">
47
+ <link href="./_app/immutable/chunks/BYy4f3xh.js" rel="modulepreload">
48
+ <link href="./_app/immutable/chunks/DZ6Kp0Zm.js" rel="modulepreload">
49
+ <link href="./_app/immutable/nodes/5.HxD498TS.js" rel="modulepreload">
50
50
  <!--otc09w--><!----><title>Wizard Step 1 - 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;}
51
51
 
52
52
  @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;}
@@ -146,7 +146,7 @@
146
146
  @container (max-width: 560px) {.layouts-grid.svelte-otc09w {grid-template-columns:1fr;}
147
147
  }</style><style id="svelte-1olh6la">.wrapper.svelte-1olh6la {display:inline-grid;}a.svelte-1olh6la,
148
148
  button.svelte-1olh6la {
149
- /* 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),
149
+ /* 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),
150
150
  border-color var(--dry-duration-fast) var(--dry-ease-default),
151
151
  box-shadow var(--dry-duration-fast) var(--dry-ease-default),
152
152
  color var(--dry-duration-fast) var(--dry-ease-default),
@@ -156,8 +156,25 @@
156
156
 
157
157
  /* ── Sizes ─────────────────────────────────────────────────────────────────── */:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='sm'].svelte-1olh6la {--dry-btn-padding-x: var(--dry-space-3);--dry-btn-padding-y: var(--dry-space-1_5);--dry-btn-font-size: var(--dry-type-tiny-size, var(--dry-text-xs-size));--dry-btn-radius: var(--dry-radius-md);min-height:var(--dry-space-8);}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='md'].svelte-1olh6la {--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-radius: var(--dry-radius-md);min-height:var(--dry-space-12);}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='lg'].svelte-1olh6la {--dry-btn-padding-x: var(--dry-space-6);--dry-btn-padding-y: var(--dry-space-3);--dry-btn-font-size: var(--dry-type-heading-4-size, var(--dry-text-base-size));--dry-btn-radius: var(--dry-radius-xl);min-height:var(--dry-space-14);}
158
158
 
159
- /* ── Icon-only sizes (square aspect ratio) ────────────────────────────── */:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='icon'].svelte-1olh6la {--dry-btn-padding-x: 0;--dry-btn-padding-y: 0;aspect-ratio:1;height:var(--dry-space-12);--dry-btn-radius: var(--dry-radius-md);}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='icon-sm'].svelte-1olh6la {--dry-btn-padding-x: 0;--dry-btn-padding-y: 0;aspect-ratio:1;height:var(--dry-space-12);--dry-btn-radius: var(--dry-radius-sm);--dry-btn-font-size: var(--dry-type-tiny-size, var(--dry-text-xs-size));}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='icon-lg'].svelte-1olh6la {--dry-btn-padding-x: 0;--dry-btn-padding-y: 0;aspect-ratio:1;height:var(--dry-space-12);--dry-btn-radius: var(--dry-radius-lg);--dry-btn-font-size: var(--dry-type-heading-4-size, var(--dry-text-base-size));}</style>
160
- <link href="./_app/immutable/assets/0.DuShIRXe.css" rel="stylesheet">
159
+ /* ── Icon-only sizes (square aspect ratio) ────────────────────────────── */:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='icon'].svelte-1olh6la {--dry-btn-padding-x: 0;--dry-btn-padding-y: 0;aspect-ratio:1;height:var(--dry-space-12);--dry-btn-radius: var(--dry-radius-md);}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='icon-sm'].svelte-1olh6la {--dry-btn-padding-x: 0;--dry-btn-padding-y: 0;aspect-ratio:1;height:var(--dry-space-12);--dry-btn-radius: var(--dry-radius-sm);--dry-btn-font-size: var(--dry-type-tiny-size, var(--dry-text-xs-size));}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='icon-lg'].svelte-1olh6la {--dry-btn-padding-x: 0;--dry-btn-padding-y: 0;aspect-ratio:1;height:var(--dry-space-12);--dry-btn-radius: var(--dry-radius-lg);--dry-btn-font-size: var(--dry-type-heading-4-size, var(--dry-text-base-size));}
160
+
161
+ /* ── Button-group integration ─────────────────────────────────────── */.wrapper[data-in-group].svelte-1olh6la :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-radius:0;}
162
+
163
+ /* Horizontal: first child gets left radii */.wrapper[data-in-group][data-group-orientation='horizontal'].svelte-1olh6la:first-child :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-top-left-radius:var(--dry-button-group-radius);border-bottom-left-radius:var(--dry-button-group-radius);}
164
+
165
+ /* Horizontal: last child gets right radii */.wrapper[data-in-group][data-group-orientation='horizontal'].svelte-1olh6la:last-child :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-top-right-radius:var(--dry-button-group-radius);border-bottom-right-radius:var(--dry-button-group-radius);}
166
+
167
+ /* Horizontal: non-first child removes inline-start border */.wrapper[data-in-group][data-group-orientation='horizontal'].svelte-1olh6la:not(:first-child) :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-inline-start:0;}
168
+
169
+ /* Vertical: first child gets top radii */.wrapper[data-in-group][data-group-orientation='vertical'].svelte-1olh6la:first-child :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-top-left-radius:var(--dry-button-group-radius);border-top-right-radius:var(--dry-button-group-radius);}
170
+
171
+ /* Vertical: last child gets bottom radii */.wrapper[data-in-group][data-group-orientation='vertical'].svelte-1olh6la:last-child :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-bottom-left-radius:var(--dry-button-group-radius);border-bottom-right-radius:var(--dry-button-group-radius);}
172
+
173
+ /* Vertical: non-first child removes block-start border */.wrapper[data-in-group][data-group-orientation='vertical'].svelte-1olh6la:not(:first-child) :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-block-start:0;}
174
+
175
+ /* Hover/focus z-index for grouped buttons */.wrapper[data-in-group].svelte-1olh6la:hover :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)),
176
+ .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>
177
+ <link href="./_app/immutable/assets/0.CYLmO44U.css" rel="stylesheet">
161
178
  </head>
162
179
  <body data-sveltekit-preload-data="hover">
163
180
  <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
@@ -165,15 +182,15 @@
165
182
 
166
183
  <script>
167
184
  {
168
- __sveltekit_agrdx1 = {
185
+ __sveltekit_ludcwo = {
169
186
  base: new URL(".", location).pathname.slice(0, -1)
170
187
  };
171
188
 
172
189
  const element = document.currentScript.parentElement;
173
190
 
174
191
  Promise.all([
175
- import("./_app/immutable/entry/start.XauVlmHE.js"),
176
- import("./_app/immutable/entry/app.BCnQ9ddO.js")
192
+ import("./_app/immutable/entry/start.CUD8-Wtb.js"),
193
+ import("./_app/immutable/entry/app.DJz20nyd.js")
177
194
  ]).then(([kit, app]) => {
178
195
  kit.start(app, element, {
179
196
  node_ids: [0, 2, 5],
package/dist/app/step-2.html CHANGED
@@ -34,19 +34,19 @@
34
34
  name="description"
35
35
  content="A CLI-driven wizard for composing DryUI components into page-level layouts."
36
36
  />
37
- <link href="./_app/immutable/entry/start.XauVlmHE.js" rel="modulepreload">
38
- <link href="./_app/immutable/chunks/jOIOMGmB.js" rel="modulepreload">
37
+ <link href="./_app/immutable/entry/start.CUD8-Wtb.js" rel="modulepreload">
38
+ <link href="./_app/immutable/chunks/BzSSKD0q.js" rel="modulepreload">
39
39
  <link href="./_app/immutable/chunks/cUpOkCva.js" rel="modulepreload">
40
- <link href="./_app/immutable/chunks/DOlHNFLc.js" rel="modulepreload">
40
+ <link href="./_app/immutable/chunks/_Vvib4D3.js" rel="modulepreload">
41
41
  <link href="./_app/immutable/chunks/CtGZ12rY.js" rel="modulepreload">
42
- <link href="./_app/immutable/entry/app.BCnQ9ddO.js" rel="modulepreload">
42
+ <link href="./_app/immutable/entry/app.DJz20nyd.js" rel="modulepreload">
43
43
  <link href="./_app/immutable/chunks/Di6zslmw.js" rel="modulepreload">
44
- <link href="./_app/immutable/chunks/RHaY3jvT.js" rel="modulepreload">
45
- <link href="./_app/immutable/nodes/0.B2K_dGeT.js" rel="modulepreload">
46
- <link href="./_app/immutable/nodes/2.C5llD83u.js" rel="modulepreload">
47
- <link href="./_app/immutable/chunks/BRVdUz1P.js" rel="modulepreload">
48
- <link href="./_app/immutable/chunks/CHx9khRs.js" rel="modulepreload">
49
- <link href="./_app/immutable/nodes/6.C70o6jvN.js" rel="modulepreload">
44
+ <link href="./_app/immutable/chunks/CeZSjjcE.js" rel="modulepreload">
45
+ <link href="./_app/immutable/nodes/0.DCfHRQuL.js" rel="modulepreload">
46
+ <link href="./_app/immutable/nodes/2.DAxPnjEb.js" rel="modulepreload">
47
+ <link href="./_app/immutable/chunks/BYy4f3xh.js" rel="modulepreload">
48
+ <link href="./_app/immutable/chunks/DZ6Kp0Zm.js" rel="modulepreload">
49
+ <link href="./_app/immutable/nodes/6.Y70tFj6Z.js" rel="modulepreload">
50
50
  <!--1xs7je1--><!----><title>Wizard Step 2 - 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;}
51
51
 
52
52
  @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;}
@@ -140,7 +140,7 @@
140
140
  );}span.svelte-omaan8 {display:inline;}div.svelte-omaan8 {display:block;}[data-font='mono'].svelte-omaan8 {font-family:var(--dry-font-mono);}[data-weight='normal'].svelte-omaan8 {font-weight:400;}[data-weight='medium'].svelte-omaan8 {font-weight:500;}[data-weight='semibold'].svelte-omaan8 {font-weight:600;}[data-weight='bold'].svelte-omaan8 {font-weight:700;}[data-variant='label'].svelte-omaan8 {text-transform:uppercase;letter-spacing:0.05em;font-weight:600;}</style><style id="svelte-x30lkv">[data-part='root'].svelte-x30lkv {--dry-stepper-connector-width: 1px;}</style><style id="svelte-pfiz5z">[data-part='list'].svelte-pfiz5z {display:grid;grid-auto-flow:column;grid-auto-columns:max-content;align-items:center;gap:0;list-style:none;margin:0;padding:0;}[data-part='list'][data-orientation='vertical'].svelte-pfiz5z {grid-auto-flow:row;grid-auto-rows:auto;grid-auto-columns:unset;align-items:stretch;}</style><style id="svelte-a6ery5">[data-part='step'].svelte-a6ery5 {display:grid;grid-auto-flow:column;grid-auto-columns:max-content;align-items:center;gap:var(--dry-stepper-gap, var(--dry-space-2));font-size:var(--dry-type-small-size, var(--dry-text-sm-size));line-height:var(--dry-type-small-leading, var(--dry-text-sm-leading));font-family:var(--dry-font-sans);color:var(--dry-color-text-weak);}[data-part='step'].svelte-a6ery5::before {content:'';display:block;aspect-ratio:1;height:var(--dry-stepper-indicator-size, 1.25rem);border-radius:50%;border:var(--dry-stepper-connector-width, 1px) solid var(--dry-color-stroke-weak);background:transparent;transition:border-color var(--dry-duration-fast) var(--dry-ease-default),
141
141
  background var(--dry-duration-fast) var(--dry-ease-default);}[data-part='step'][data-state='active'].svelte-a6ery5 {color:var(--dry-color-text-brand);font-weight:500;}[data-part='step'][data-state='active'].svelte-a6ery5::before {border-color:var(--dry-color-stroke-selected);background:var(--dry-color-fill-selected);}[data-part='step'][data-state='complete'].svelte-a6ery5 {color:var(--dry-color-text-strong);}[data-part='step'][data-state='complete'].svelte-a6ery5::before {border-color:var(--dry-color-text-strong);background:var(--dry-color-text-strong);}[data-part='step'][data-state='error'].svelte-a6ery5 {color:var(--dry-color-text-error);}[data-part='step'][data-state='error'].svelte-a6ery5::before {border-color:var(--dry-color-fill-error);background:transparent;}[data-orientation='vertical'].svelte-a6ery5 {padding:var(--dry-space-1) 0;}[data-part='step'].svelte-a6ery5 [data-part='indicator-button']:where(.svelte-a6ery5) {all:unset;display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;align-items:center;gap:var(--dry-stepper-gap, var(--dry-space-2));cursor:pointer;border-radius:var(--dry-radius-sm, 0.25rem);}[data-part='step'].svelte-a6ery5 [data-part='indicator-button']:where(.svelte-a6ery5):focus-visible {outline:2px solid var(--dry-color-focus-ring);outline-offset:2px;}[data-part='step'].svelte-a6ery5 [data-part='indicator-button']:where(.svelte-a6ery5):disabled {cursor:not-allowed;color:var(--dry-color-text-disabled);}</style><style id="svelte-n8t5r2">[data-part='separator'].svelte-n8t5r2 {display:grid;grid-template-columns:minmax(var(--dry-space-6), 1fr);height:var(--dry-stepper-connector-width, 1px);background:var(--dry-color-stroke-weak);margin:0 var(--dry-space-2);transition:background var(--dry-duration-fast) var(--dry-ease-default);}[data-part='separator'][data-state='complete'].svelte-n8t5r2 {background:var(--dry-color-stroke-selected);}[data-orientation='vertical'].svelte-n8t5r2 {grid-template-columns:var(--dry-stepper-connector-width, 1px);height:var(--dry-space-6);margin:0;margin-left:calc(var(--dry-stepper-indicator-size, 1.25rem) / 2);}</style><style id="svelte-1xs7je1">.page-stack.svelte-1xs7je1 {display:grid;gap:var(--dry-space-8);}.intro-section.svelte-1xs7je1 {display:grid;gap:var(--dry-space-4);}.region-card-header.svelte-1xs7je1 {display:grid;grid-template-columns:1fr auto;align-items:start;gap:var(--dry-space-6);}.region-heading.svelte-1xs7je1 {display:grid;gap:var(--dry-space-2);}.region-content.svelte-1xs7je1 {display:grid;gap:var(--dry-space-4);}.search-field.svelte-1xs7je1 {display:grid;gap:var(--dry-space-2);}.selected-badges.svelte-1xs7je1 {display:grid;grid-template-columns:repeat(auto-fill, minmax(min-content, max-content));gap:var(--dry-space-2);}.component-item.svelte-1xs7je1 {display:grid;grid-auto-flow:column;grid-auto-columns:max-content;align-items:center;gap:var(--dry-space-4);}.component-info.svelte-1xs7je1 {display:grid;gap:var(--dry-space-2);}.page-nav.svelte-1xs7je1 {display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--dry-space-2);}</style><style id="svelte-1olh6la">.wrapper.svelte-1olh6la {display:inline-grid;}a.svelte-1olh6la,
142
142
  button.svelte-1olh6la {
143
- /* 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),
143
+ /* 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),
144
144
  border-color var(--dry-duration-fast) var(--dry-ease-default),
145
145
  box-shadow var(--dry-duration-fast) var(--dry-ease-default),
146
146
  color var(--dry-duration-fast) var(--dry-ease-default),
@@ -150,8 +150,25 @@
150
150
 
151
151
  /* ── Sizes ─────────────────────────────────────────────────────────────────── */:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='sm'].svelte-1olh6la {--dry-btn-padding-x: var(--dry-space-3);--dry-btn-padding-y: var(--dry-space-1_5);--dry-btn-font-size: var(--dry-type-tiny-size, var(--dry-text-xs-size));--dry-btn-radius: var(--dry-radius-md);min-height:var(--dry-space-8);}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='md'].svelte-1olh6la {--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-radius: var(--dry-radius-md);min-height:var(--dry-space-12);}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='lg'].svelte-1olh6la {--dry-btn-padding-x: var(--dry-space-6);--dry-btn-padding-y: var(--dry-space-3);--dry-btn-font-size: var(--dry-type-heading-4-size, var(--dry-text-base-size));--dry-btn-radius: var(--dry-radius-xl);min-height:var(--dry-space-14);}
152
152
 
153
- /* ── Icon-only sizes (square aspect ratio) ────────────────────────────── */:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='icon'].svelte-1olh6la {--dry-btn-padding-x: 0;--dry-btn-padding-y: 0;aspect-ratio:1;height:var(--dry-space-12);--dry-btn-radius: var(--dry-radius-md);}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='icon-sm'].svelte-1olh6la {--dry-btn-padding-x: 0;--dry-btn-padding-y: 0;aspect-ratio:1;height:var(--dry-space-12);--dry-btn-radius: var(--dry-radius-sm);--dry-btn-font-size: var(--dry-type-tiny-size, var(--dry-text-xs-size));}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='icon-lg'].svelte-1olh6la {--dry-btn-padding-x: 0;--dry-btn-padding-y: 0;aspect-ratio:1;height:var(--dry-space-12);--dry-btn-radius: var(--dry-radius-lg);--dry-btn-font-size: var(--dry-type-heading-4-size, var(--dry-text-base-size));}</style>
154
- <link href="./_app/immutable/assets/0.DuShIRXe.css" rel="stylesheet">
153
+ /* ── Icon-only sizes (square aspect ratio) ────────────────────────────── */:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='icon'].svelte-1olh6la {--dry-btn-padding-x: 0;--dry-btn-padding-y: 0;aspect-ratio:1;height:var(--dry-space-12);--dry-btn-radius: var(--dry-radius-md);}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='icon-sm'].svelte-1olh6la {--dry-btn-padding-x: 0;--dry-btn-padding-y: 0;aspect-ratio:1;height:var(--dry-space-12);--dry-btn-radius: var(--dry-radius-sm);--dry-btn-font-size: var(--dry-type-tiny-size, var(--dry-text-xs-size));}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='icon-lg'].svelte-1olh6la {--dry-btn-padding-x: 0;--dry-btn-padding-y: 0;aspect-ratio:1;height:var(--dry-space-12);--dry-btn-radius: var(--dry-radius-lg);--dry-btn-font-size: var(--dry-type-heading-4-size, var(--dry-text-base-size));}
154
+
155
+ /* ── Button-group integration ─────────────────────────────────────── */.wrapper[data-in-group].svelte-1olh6la :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-radius:0;}
156
+
157
+ /* Horizontal: first child gets left radii */.wrapper[data-in-group][data-group-orientation='horizontal'].svelte-1olh6la:first-child :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-top-left-radius:var(--dry-button-group-radius);border-bottom-left-radius:var(--dry-button-group-radius);}
158
+
159
+ /* Horizontal: last child gets right radii */.wrapper[data-in-group][data-group-orientation='horizontal'].svelte-1olh6la:last-child :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-top-right-radius:var(--dry-button-group-radius);border-bottom-right-radius:var(--dry-button-group-radius);}
160
+
161
+ /* Horizontal: non-first child removes inline-start border */.wrapper[data-in-group][data-group-orientation='horizontal'].svelte-1olh6la:not(:first-child) :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-inline-start:0;}
162
+
163
+ /* Vertical: first child gets top radii */.wrapper[data-in-group][data-group-orientation='vertical'].svelte-1olh6la:first-child :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-top-left-radius:var(--dry-button-group-radius);border-top-right-radius:var(--dry-button-group-radius);}
164
+
165
+ /* Vertical: last child gets bottom radii */.wrapper[data-in-group][data-group-orientation='vertical'].svelte-1olh6la:last-child :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-bottom-left-radius:var(--dry-button-group-radius);border-bottom-right-radius:var(--dry-button-group-radius);}
166
+
167
+ /* Vertical: non-first child removes block-start border */.wrapper[data-in-group][data-group-orientation='vertical'].svelte-1olh6la:not(:first-child) :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-block-start:0;}
168
+
169
+ /* Hover/focus z-index for grouped buttons */.wrapper[data-in-group].svelte-1olh6la:hover :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)),
170
+ .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>
171
+ <link href="./_app/immutable/assets/0.CYLmO44U.css" rel="stylesheet">
155
172
  </head>
156
173
  <body data-sveltekit-preload-data="hover">
157
174
  <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
@@ -159,15 +176,15 @@
159
176
 
160
177
  <script>
161
178
  {
162
- __sveltekit_agrdx1 = {
179
+ __sveltekit_ludcwo = {
163
180
  base: new URL(".", location).pathname.slice(0, -1)
164
181
  };
165
182
 
166
183
  const element = document.currentScript.parentElement;
167
184
 
168
185
  Promise.all([
169
- import("./_app/immutable/entry/start.XauVlmHE.js"),
170
- import("./_app/immutable/entry/app.BCnQ9ddO.js")
186
+ import("./_app/immutable/entry/start.CUD8-Wtb.js"),
187
+ import("./_app/immutable/entry/app.DJz20nyd.js")
171
188
  ]).then(([kit, app]) => {
172
189
  kit.start(app, element, {
173
190
  node_ids: [0, 2, 6],
package/dist/app/step-3.html CHANGED
@@ -34,19 +34,19 @@
34
34
  name="description"
35
35
  content="A CLI-driven wizard for composing DryUI components into page-level layouts."
36
36
  />
37
- <link href="./_app/immutable/entry/start.XauVlmHE.js" rel="modulepreload">
38
- <link href="./_app/immutable/chunks/jOIOMGmB.js" rel="modulepreload">
37
+ <link href="./_app/immutable/entry/start.CUD8-Wtb.js" rel="modulepreload">
38
+ <link href="./_app/immutable/chunks/BzSSKD0q.js" rel="modulepreload">
39
39
  <link href="./_app/immutable/chunks/cUpOkCva.js" rel="modulepreload">
40
- <link href="./_app/immutable/chunks/DOlHNFLc.js" rel="modulepreload">
40
+ <link href="./_app/immutable/chunks/_Vvib4D3.js" rel="modulepreload">
41
41
  <link href="./_app/immutable/chunks/CtGZ12rY.js" rel="modulepreload">
42
- <link href="./_app/immutable/entry/app.BCnQ9ddO.js" rel="modulepreload">
42
+ <link href="./_app/immutable/entry/app.DJz20nyd.js" rel="modulepreload">
43
43
  <link href="./_app/immutable/chunks/Di6zslmw.js" rel="modulepreload">
44
- <link href="./_app/immutable/chunks/RHaY3jvT.js" rel="modulepreload">
45
- <link href="./_app/immutable/nodes/0.B2K_dGeT.js" rel="modulepreload">
46
- <link href="./_app/immutable/nodes/2.C5llD83u.js" rel="modulepreload">
47
- <link href="./_app/immutable/chunks/BRVdUz1P.js" rel="modulepreload">
48
- <link href="./_app/immutable/chunks/CHx9khRs.js" rel="modulepreload">
49
- <link href="./_app/immutable/nodes/7.CavAMl8D.js" rel="modulepreload">
44
+ <link href="./_app/immutable/chunks/CeZSjjcE.js" rel="modulepreload">
45
+ <link href="./_app/immutable/nodes/0.DCfHRQuL.js" rel="modulepreload">
46
+ <link href="./_app/immutable/nodes/2.DAxPnjEb.js" rel="modulepreload">
47
+ <link href="./_app/immutable/chunks/BYy4f3xh.js" rel="modulepreload">
48
+ <link href="./_app/immutable/chunks/DZ6Kp0Zm.js" rel="modulepreload">
49
+ <link href="./_app/immutable/nodes/7.CZven0d9.js" rel="modulepreload">
50
50
  <!--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;}
51
51
 
52
52
  @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 @@
157
157
  @container (max-width: 640px) {[data-alert].svelte-1twov9r {padding:var(--dry-alert-padding, var(--dry-space-3));}
158
158
  }</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,
159
159
  button.svelte-1olh6la {
160
- /* 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),
160
+ /* 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),
161
161
  border-color var(--dry-duration-fast) var(--dry-ease-default),
162
162
  box-shadow var(--dry-duration-fast) var(--dry-ease-default),
163
163
  color var(--dry-duration-fast) var(--dry-ease-default),
@@ -167,8 +167,25 @@
167
167
 
168
168
  /* ── Sizes ─────────────────────────────────────────────────────────────────── */:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='sm'].svelte-1olh6la {--dry-btn-padding-x: var(--dry-space-3);--dry-btn-padding-y: var(--dry-space-1_5);--dry-btn-font-size: var(--dry-type-tiny-size, var(--dry-text-xs-size));--dry-btn-radius: var(--dry-radius-md);min-height:var(--dry-space-8);}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='md'].svelte-1olh6la {--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-radius: var(--dry-radius-md);min-height:var(--dry-space-12);}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='lg'].svelte-1olh6la {--dry-btn-padding-x: var(--dry-space-6);--dry-btn-padding-y: var(--dry-space-3);--dry-btn-font-size: var(--dry-type-heading-4-size, var(--dry-text-base-size));--dry-btn-radius: var(--dry-radius-xl);min-height:var(--dry-space-14);}
169
169
 
170
- /* ── Icon-only sizes (square aspect ratio) ────────────────────────────── */:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='icon'].svelte-1olh6la {--dry-btn-padding-x: 0;--dry-btn-padding-y: 0;aspect-ratio:1;height:var(--dry-space-12);--dry-btn-radius: var(--dry-radius-md);}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='icon-sm'].svelte-1olh6la {--dry-btn-padding-x: 0;--dry-btn-padding-y: 0;aspect-ratio:1;height:var(--dry-space-12);--dry-btn-radius: var(--dry-radius-sm);--dry-btn-font-size: var(--dry-type-tiny-size, var(--dry-text-xs-size));}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='icon-lg'].svelte-1olh6la {--dry-btn-padding-x: 0;--dry-btn-padding-y: 0;aspect-ratio:1;height:var(--dry-space-12);--dry-btn-radius: var(--dry-radius-lg);--dry-btn-font-size: var(--dry-type-heading-4-size, var(--dry-text-base-size));}</style>
171
- <link href="./_app/immutable/assets/0.DuShIRXe.css" rel="stylesheet">
170
+ /* ── Icon-only sizes (square aspect ratio) ────────────────────────────── */:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='icon'].svelte-1olh6la {--dry-btn-padding-x: 0;--dry-btn-padding-y: 0;aspect-ratio:1;height:var(--dry-space-12);--dry-btn-radius: var(--dry-radius-md);}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='icon-sm'].svelte-1olh6la {--dry-btn-padding-x: 0;--dry-btn-padding-y: 0;aspect-ratio:1;height:var(--dry-space-12);--dry-btn-radius: var(--dry-radius-sm);--dry-btn-font-size: var(--dry-type-tiny-size, var(--dry-text-xs-size));}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-size='icon-lg'].svelte-1olh6la {--dry-btn-padding-x: 0;--dry-btn-padding-y: 0;aspect-ratio:1;height:var(--dry-space-12);--dry-btn-radius: var(--dry-radius-lg);--dry-btn-font-size: var(--dry-type-heading-4-size, var(--dry-text-base-size));}
171
+
172
+ /* ── Button-group integration ─────────────────────────────────────── */.wrapper[data-in-group].svelte-1olh6la :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-radius:0;}
173
+
174
+ /* Horizontal: first child gets left radii */.wrapper[data-in-group][data-group-orientation='horizontal'].svelte-1olh6la:first-child :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-top-left-radius:var(--dry-button-group-radius);border-bottom-left-radius:var(--dry-button-group-radius);}
175
+
176
+ /* Horizontal: last child gets right radii */.wrapper[data-in-group][data-group-orientation='horizontal'].svelte-1olh6la:last-child :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-top-right-radius:var(--dry-button-group-radius);border-bottom-right-radius:var(--dry-button-group-radius);}
177
+
178
+ /* Horizontal: non-first child removes inline-start border */.wrapper[data-in-group][data-group-orientation='horizontal'].svelte-1olh6la:not(:first-child) :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-inline-start:0;}
179
+
180
+ /* Vertical: first child gets top radii */.wrapper[data-in-group][data-group-orientation='vertical'].svelte-1olh6la:first-child :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-top-left-radius:var(--dry-button-group-radius);border-top-right-radius:var(--dry-button-group-radius);}
181
+
182
+ /* Vertical: last child gets bottom radii */.wrapper[data-in-group][data-group-orientation='vertical'].svelte-1olh6la:last-child :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-bottom-left-radius:var(--dry-button-group-radius);border-bottom-right-radius:var(--dry-button-group-radius);}
183
+
184
+ /* Vertical: non-first child removes block-start border */.wrapper[data-in-group][data-group-orientation='vertical'].svelte-1olh6la:not(:first-child) :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)) {border-block-start:0;}
185
+
186
+ /* Hover/focus z-index for grouped buttons */.wrapper[data-in-group].svelte-1olh6la:hover :is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la)),
187
+ .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>
188
+ <link href="./_app/immutable/assets/0.CYLmO44U.css" rel="stylesheet">
172
189
  </head>
173
190
  <body data-sveltekit-preload-data="hover">
174
191
  <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
@@ -177,15 +194,15 @@
177
194
 
178
195
  <script>
179
196
  {
180
- __sveltekit_agrdx1 = {
197
+ __sveltekit_ludcwo = {
181
198
  base: new URL(".", location).pathname.slice(0, -1)
182
199
  };
183
200
 
184
201
  const element = document.currentScript.parentElement;
185
202
 
186
203
  Promise.all([
187
- import("./_app/immutable/entry/start.XauVlmHE.js"),
188
- import("./_app/immutable/entry/app.BCnQ9ddO.js")
204
+ import("./_app/immutable/entry/start.CUD8-Wtb.js"),
205
+ import("./_app/immutable/entry/app.DJz20nyd.js")
189
206
  ]).then(([kit, app]) => {
190
207
  kit.start(app, element, {
191
208
  node_ids: [0, 2, 7],