@dryui/wizard 0.0.3 → 0.0.4

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.D2jCOpqo.css +1 -0
  2. package/dist/app/_app/immutable/chunks/BOKUYW7h.js +319 -0
  3. package/dist/app/_app/immutable/chunks/CCnjEYaA.js +1 -0
  4. package/dist/app/_app/immutable/chunks/CeZSjjcE.js +1 -0
  5. package/dist/app/_app/immutable/chunks/{CHx9khRs.js → CoKBaQmd.js} +1 -1
  6. package/dist/app/_app/immutable/chunks/_Vvib4D3.js +3 -0
  7. package/dist/app/_app/immutable/entry/app.BJW1PZJY.js +2 -0
  8. package/dist/app/_app/immutable/entry/start.CtO9fRK6.js +1 -0
  9. package/dist/app/_app/immutable/nodes/0.cYabqY7v.js +1 -0
  10. package/dist/app/_app/immutable/nodes/1.cPfkO-Va.js +1 -0
  11. package/dist/app/_app/immutable/nodes/2.tNL3K8ZW.js +5 -0
  12. package/dist/app/_app/immutable/nodes/4.BIVTgoM7.js +2 -0
  13. package/dist/app/_app/immutable/nodes/5.BCr4ZXbg.js +7 -0
  14. package/dist/app/_app/immutable/nodes/6.Bo3l_Xz3.js +1 -0
  15. package/dist/app/_app/immutable/nodes/7.DrAFJfiU.js +7 -0
  16. package/dist/app/_app/version.json +1 -1
  17. package/dist/app/follow-up.html +32 -15
  18. package/dist/app/step-1.html +32 -15
  19. package/dist/app/step-2.html +32 -15
  20. package/dist/app/step-3.html +32 -15
  21. package/dist/cli.js +182 -118
  22. package/dist/components.js +182 -118
  23. package/dist/index.js +182 -118
  24. package/dist/server.js +182 -118
  25. package/dist/state.js +182 -118
  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.CtO9fRK6.js" rel="modulepreload">
38
+ <link href="./_app/immutable/chunks/CCnjEYaA.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.BJW1PZJY.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.cYabqY7v.js" rel="modulepreload">
46
+ <link href="./_app/immutable/nodes/2.tNL3K8ZW.js" rel="modulepreload">
47
+ <link href="./_app/immutable/chunks/BOKUYW7h.js" rel="modulepreload">
48
+ <link href="./_app/immutable/chunks/CoKBaQmd.js" rel="modulepreload">
49
+ <link href="./_app/immutable/nodes/5.BCr4ZXbg.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;}
@@ -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.D2jCOpqo.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_185y7vf = {
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.CtO9fRK6.js"),
193
+ import("./_app/immutable/entry/app.BJW1PZJY.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.CtO9fRK6.js" rel="modulepreload">
38
+ <link href="./_app/immutable/chunks/CCnjEYaA.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.BJW1PZJY.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.cYabqY7v.js" rel="modulepreload">
46
+ <link href="./_app/immutable/nodes/2.tNL3K8ZW.js" rel="modulepreload">
47
+ <link href="./_app/immutable/chunks/BOKUYW7h.js" rel="modulepreload">
48
+ <link href="./_app/immutable/chunks/CoKBaQmd.js" rel="modulepreload">
49
+ <link href="./_app/immutable/nodes/6.Bo3l_Xz3.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;}
@@ -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.D2jCOpqo.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_185y7vf = {
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.CtO9fRK6.js"),
187
+ import("./_app/immutable/entry/app.BJW1PZJY.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.CtO9fRK6.js" rel="modulepreload">
38
+ <link href="./_app/immutable/chunks/CCnjEYaA.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.BJW1PZJY.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.cYabqY7v.js" rel="modulepreload">
46
+ <link href="./_app/immutable/nodes/2.tNL3K8ZW.js" rel="modulepreload">
47
+ <link href="./_app/immutable/chunks/BOKUYW7h.js" rel="modulepreload">
48
+ <link href="./_app/immutable/chunks/CoKBaQmd.js" rel="modulepreload">
49
+ <link href="./_app/immutable/nodes/7.DrAFJfiU.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;}
@@ -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.D2jCOpqo.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_185y7vf = {
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.CtO9fRK6.js"),
205
+ import("./_app/immutable/entry/app.BJW1PZJY.js")
189
206
  ]).then(([kit, app]) => {
190
207
  kit.start(app, element, {
191
208
  node_ids: [0, 2, 7],