@dryui/wizard 0.0.2

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 (35) hide show
  1. package/dist/app/_app/env.js +1 -0
  2. package/dist/app/_app/immutable/assets/0.DuShIRXe.css +1 -0
  3. package/dist/app/_app/immutable/chunks/CtGZ12rY.js +1 -0
  4. package/dist/app/_app/immutable/chunks/CylA_QuH.js +301 -0
  5. package/dist/app/_app/immutable/chunks/DOlHNFLc.js +3 -0
  6. package/dist/app/_app/immutable/chunks/Di6zslmw.js +1 -0
  7. package/dist/app/_app/immutable/chunks/DslunMlz.js +1 -0
  8. package/dist/app/_app/immutable/chunks/RHaY3jvT.js +1 -0
  9. package/dist/app/_app/immutable/chunks/cUpOkCva.js +1 -0
  10. package/dist/app/_app/immutable/chunks/mKsxY4vH.js +1 -0
  11. package/dist/app/_app/immutable/entry/app.CiOBuL1e.js +2 -0
  12. package/dist/app/_app/immutable/entry/start.BxD3Cl0i.js +1 -0
  13. package/dist/app/_app/immutable/nodes/0.B2K_dGeT.js +1 -0
  14. package/dist/app/_app/immutable/nodes/1.Br47VULm.js +1 -0
  15. package/dist/app/_app/immutable/nodes/2.BIQmDbKj.js +5 -0
  16. package/dist/app/_app/immutable/nodes/3.DYEEY9dv.js +1 -0
  17. package/dist/app/_app/immutable/nodes/4.Dz0Fgkf9.js +2 -0
  18. package/dist/app/_app/immutable/nodes/5.DD7T7i0r.js +7 -0
  19. package/dist/app/_app/immutable/nodes/6.DAnKIGNq.js +1 -0
  20. package/dist/app/_app/immutable/nodes/7.vjgrswDV.js +7 -0
  21. package/dist/app/_app/version.json +1 -0
  22. package/dist/app/follow-up.html +183 -0
  23. package/dist/app/index.html +1 -0
  24. package/dist/app/step-1.html +189 -0
  25. package/dist/app/step-2.html +183 -0
  26. package/dist/app/step-3.html +201 -0
  27. package/dist/cli.js +25935 -0
  28. package/dist/components.js +25245 -0
  29. package/dist/index.js +25804 -0
  30. package/dist/layouts.js +53 -0
  31. package/dist/protocol.js +44 -0
  32. package/dist/server.js +25774 -0
  33. package/dist/state.js +25486 -0
  34. package/dist/types.js +14 -0
  35. package/package.json +59 -0
package/dist/app/follow-up.html ADDED
@@ -0,0 +1,183 @@
1
+ <!doctype html>
2
+ <html lang="en" class="theme-auto">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <script>
7
+ (() => {
8
+ const root = document.documentElement;
9
+
10
+ try {
11
+ const storedTheme = window.localStorage.getItem('dryui-wizard-theme');
12
+ const explicitTheme =
13
+ storedTheme === 'light' || storedTheme === 'dark' ? storedTheme : null;
14
+
15
+ if (!explicitTheme && storedTheme !== null) {
16
+ window.localStorage.removeItem('dryui-wizard-theme');
17
+ }
18
+
19
+ root.classList.toggle('theme-auto', explicitTheme === null);
20
+
21
+ if (explicitTheme) {
22
+ root.dataset.theme = explicitTheme;
23
+ } else {
24
+ delete root.dataset.theme;
25
+ }
26
+ } catch {
27
+ delete root.dataset.theme;
28
+ root.classList.add('theme-auto');
29
+ }
30
+ })();
31
+ </script>
32
+ <title>dryui wizard</title>
33
+ <meta
34
+ name="description"
35
+ content="A CLI-driven wizard for composing DryUI components into page-level layouts."
36
+ />
37
+ <link href="./_app/immutable/entry/start.BxD3Cl0i.js" rel="modulepreload">
38
+ <link href="./_app/immutable/chunks/mKsxY4vH.js" rel="modulepreload">
39
+ <link href="./_app/immutable/chunks/cUpOkCva.js" rel="modulepreload">
40
+ <link href="./_app/immutable/chunks/DOlHNFLc.js" rel="modulepreload">
41
+ <link href="./_app/immutable/chunks/CtGZ12rY.js" rel="modulepreload">
42
+ <link href="./_app/immutable/entry/app.CiOBuL1e.js" rel="modulepreload">
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.BIQmDbKj.js" rel="modulepreload">
47
+ <link href="./_app/immutable/chunks/CylA_QuH.js" rel="modulepreload">
48
+ <link href="./_app/immutable/chunks/DslunMlz.js" rel="modulepreload">
49
+ <link href="./_app/immutable/nodes/4.Dz0Fgkf9.js" rel="modulepreload">
50
+ <!--4kntkp--><!----><title>Wizard Follow-up - 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
+
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;}
53
+ }</style><style id="svelte-1sra87c">div.svelte-1sra87c {--dry-container-padding: var(--dry-space-4);container-type:inline-size;display:grid;justify-content:center;}
54
+
55
+ /* ── Sizes ─────────────────────────────────────────────────────────────────── */div[data-size='sm'].svelte-1sra87c {grid-template-columns:minmax(0, 640px);}div[data-size='md'].svelte-1sra87c {grid-template-columns:minmax(0, 768px);}div[data-size='lg'].svelte-1sra87c {grid-template-columns:minmax(0, 1024px);}div[data-size='xl'].svelte-1sra87c {grid-template-columns:minmax(0, 1280px);}div[data-size='full'].svelte-1sra87c {grid-template-columns:minmax(0, 1fr);}
56
+
57
+ /* ── Padding ───────────────────────────────────────────────────────────────── */div[data-padding].svelte-1sra87c {padding-inline:var(--dry-container-padding);}
58
+
59
+ @container (max-width: 640px) {div[data-padding].svelte-1sra87c {--dry-container-padding: var(--dry-space-4);}
60
+ }
61
+
62
+ @container (min-width: 641px) {div[data-padding].svelte-1sra87c {--dry-container-padding: var(--dry-space-6);}
63
+ }</style><style id="svelte-ca45xc">[data-wrapper].svelte-ca45xc {display:inline-grid;}[data-badge].svelte-ca45xc {
64
+ /* Component tokens (Tier 3) */--dry-badge-default-bg: var(--dry-color-fill);--dry-badge-default-color: var(--dry-color-text-weak);--dry-badge-bg: var(--dry-badge-default-bg);--dry-badge-color: var(--dry-badge-default-color);--dry-badge-border: transparent;--dry-badge-font-size: var(--dry-type-tiny-size, var(--dry-text-xs-size));--dry-badge-padding-x: var(--dry-space-2);--dry-badge-padding-y: var(--dry-space-0_5);--dry-badge-radius: var(--dry-radius-full);display:inline-grid;place-items:center;padding:var(--dry-badge-padding-y) var(--dry-badge-padding-x);font-size:var(--dry-badge-font-size);font-family:var(--dry-font-sans);font-weight:500;line-height:var(--dry-type-tiny-leading, var(--dry-text-xs-leading));color:var(--dry-badge-color);background:var(--dry-badge-bg);border:1px solid var(--dry-badge-border);border-radius:var(--dry-badge-radius);white-space:nowrap;user-select:none;}
65
+
66
+ /* ── Sizes ────────────────────────────────────────────────────────────────── */[data-size='sm'].svelte-ca45xc {--dry-badge-font-size: var(--dry-type-tiny-size, var(--dry-text-xs-size));--dry-badge-padding-x: var(--dry-space-2);--dry-badge-padding-y: var(--dry-space-0_5);}[data-size='md'].svelte-ca45xc {--dry-badge-font-size: var(--dry-type-small-size, var(--dry-text-sm-size));--dry-badge-padding-x: var(--dry-space-2_5);--dry-badge-padding-y: var(--dry-space-0_5);}
67
+
68
+ /* ── Variant: solid ───────────────────────────────────────────────────────── */[data-variant='solid'].svelte-ca45xc {--dry-badge-border: transparent;}[data-variant='solid'][data-color='gray'].svelte-ca45xc {--dry-badge-bg: var(--dry-color-fill-inverse);--dry-badge-color: var(--dry-color-text-inverse);}[data-variant='solid'][data-color='blue'].svelte-ca45xc {--dry-badge-bg: var(--dry-color-fill-brand);--dry-badge-color: var(--dry-color-on-brand);}[data-variant='solid'][data-color='red'].svelte-ca45xc {--dry-badge-bg: var(--dry-color-fill-error);--dry-badge-color: var(--dry-color-on-error);}[data-variant='solid'][data-color='green'].svelte-ca45xc {--dry-badge-bg: var(--dry-color-fill-success);--dry-badge-color: var(--dry-color-on-success);}[data-variant='solid'][data-color='yellow'].svelte-ca45xc {--dry-badge-bg: var(--dry-color-fill-yellow);--dry-badge-color: var(--dry-color-on-warning);}[data-variant='solid'][data-color='purple'].svelte-ca45xc {--dry-badge-bg: color-mix(in srgb, var(--dry-color-fill-brand) 80%, hsl(280, 65%, 55%));--dry-badge-color: var(--dry-color-on-brand);}[data-variant='solid'][data-color='orange'].svelte-ca45xc {--dry-badge-bg: color-mix(
69
+ in srgb,
70
+ var(--dry-color-fill-warning) 70%,
71
+ var(--dry-color-fill-error)
72
+ );--dry-badge-color: var(--dry-color-on-warning);}
73
+
74
+ /* ── Variant: outline ─────────────────────────────────────────────────────── */[data-variant='outline'].svelte-ca45xc {--dry-badge-bg: transparent;}[data-variant='outline'][data-color='gray'].svelte-ca45xc {--dry-badge-color: var(--dry-color-text-weak);--dry-badge-border: var(--dry-color-stroke-weak);}[data-variant='outline'][data-color='blue'].svelte-ca45xc {--dry-badge-color: var(--dry-color-text-brand);--dry-badge-border: var(--dry-color-stroke-brand);}[data-variant='outline'][data-color='red'].svelte-ca45xc {--dry-badge-color: var(--dry-color-text-error);--dry-badge-border: var(--dry-color-stroke-error);}[data-variant='outline'][data-color='green'].svelte-ca45xc {--dry-badge-color: var(--dry-color-text-success);--dry-badge-border: var(--dry-color-stroke-success);}[data-variant='outline'][data-color='yellow'].svelte-ca45xc {--dry-badge-color: var(--dry-color-text-warning);--dry-badge-border: var(--dry-color-stroke-warning);}[data-variant='outline'][data-color='purple'].svelte-ca45xc {--dry-badge-color: color-mix(in srgb, var(--dry-color-fill-brand) 80%, hsl(280, 65%, 55%));--dry-badge-border: color-mix(in srgb, var(--dry-color-stroke-brand) 60%, hsl(280, 50%, 70%));}[data-variant='outline'][data-color='orange'].svelte-ca45xc {--dry-badge-color: color-mix(
75
+ in srgb,
76
+ var(--dry-color-text-warning) 60%,
77
+ var(--dry-color-text-error)
78
+ );--dry-badge-border: color-mix(
79
+ in srgb,
80
+ var(--dry-color-stroke-warning) 60%,
81
+ var(--dry-color-stroke-error)
82
+ );}
83
+
84
+ /* ── Variant: soft ────────────────────────────────────────────────────────── */[data-variant='soft'].svelte-ca45xc {--dry-badge-border: var(--dry-color-stroke-weak);}[data-variant='soft'][data-color='gray'].svelte-ca45xc {--dry-badge-bg: var(--dry-color-fill);--dry-badge-color: var(--dry-color-text-weak);}[data-variant='soft'][data-color='blue'].svelte-ca45xc {--dry-badge-bg: var(--dry-color-fill-brand-weak);--dry-badge-color: var(--dry-color-text-brand);}[data-variant='soft'][data-color='red'].svelte-ca45xc {--dry-badge-bg: var(--dry-color-fill-error-weak);--dry-badge-color: var(--dry-color-text-error);--dry-badge-border: var(--dry-color-stroke-error-weak);}[data-variant='soft'][data-color='green'].svelte-ca45xc {--dry-badge-bg: var(--dry-color-fill-success-weak);--dry-badge-color: var(--dry-color-text-success);}[data-variant='soft'][data-color='yellow'].svelte-ca45xc {--dry-badge-bg: var(--dry-color-fill-warning-weak);--dry-badge-color: var(--dry-color-text-warning);}[data-variant='soft'][data-color='purple'].svelte-ca45xc {--dry-badge-bg: color-mix(
85
+ in srgb,
86
+ var(--dry-color-fill-brand-weak) 70%,
87
+ hsl(280, 65%, 55%, 0.1)
88
+ );--dry-badge-color: color-mix(in srgb, var(--dry-color-text-brand) 70%, hsl(280, 65%, 40%));}[data-variant='soft'][data-color='orange'].svelte-ca45xc {--dry-badge-bg: color-mix(
89
+ in srgb,
90
+ var(--dry-color-fill-warning-weak) 50%,
91
+ var(--dry-color-fill-error-weak)
92
+ );--dry-badge-color: color-mix(
93
+ in srgb,
94
+ var(--dry-color-text-warning) 50%,
95
+ var(--dry-color-text-error)
96
+ );}
97
+
98
+ /* ── Variant: dot ────────────────────────────────────────────────────────── */[data-dot].svelte-ca45xc {aspect-ratio:1;height:0.5rem;padding:0;border-radius:50%;display:inline-block;line-height:0;font-size:0;}[data-dot][data-color='gray'].svelte-ca45xc {background-color:var(--dry-color-icon);}[data-dot][data-color='red'].svelte-ca45xc {background-color:var(--dry-color-fill-error);}[data-dot][data-color='green'].svelte-ca45xc {background-color:var(--dry-color-fill-success);}[data-dot][data-color='blue'].svelte-ca45xc {background-color:var(--dry-color-fill-brand);}[data-dot][data-color='yellow'].svelte-ca45xc {background-color:var(--dry-color-fill-yellow);}[data-dot][data-color='purple'].svelte-ca45xc {background-color:color-mix(in srgb, var(--dry-color-fill-brand) 70%, hsl(280, 65%, 55%));}[data-dot][data-color='orange'].svelte-ca45xc {background-color:color-mix(
99
+ in srgb,
100
+ var(--dry-color-fill-warning) 70%,
101
+ var(--dry-color-fill-error)
102
+ );}
103
+
104
+ /* ── Pulse animation ─────────────────────────────────────────────────────── */
105
+
106
+ @keyframes svelte-ca45xc-dry-badge-pulse {
107
+ 0%,
108
+ 100% {
109
+ opacity: 1;
110
+ }
111
+ 50% {
112
+ opacity: 0.5;
113
+ }
114
+ }[data-pulse].svelte-ca45xc {
115
+ animation: svelte-ca45xc-dry-badge-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;}
116
+
117
+ @media (prefers-reduced-motion: reduce) {[data-dot][data-pulse].svelte-ca45xc {
118
+ animation: none;}
119
+ }
120
+
121
+ /* ── Icon-only layout ────────────────────────────────────────────────────── */[data-icon-only].svelte-ca45xc {display:inline-grid;place-items:center;padding:var(--dry-space-0_5, 0.125rem);}</style><style id="svelte-8xxg2o">h1.svelte-8xxg2o,
122
+ h2.svelte-8xxg2o,
123
+ h3.svelte-8xxg2o,
124
+ h4.svelte-8xxg2o,
125
+ h5.svelte-8xxg2o,
126
+ h6.svelte-8xxg2o {margin:0;color:var(--dry-typography-heading-color, var(--dry-color-text-strong));font-family:var(--dry-font-sans);font-weight:700;line-height:var(--dry-type-heading-2-leading, 2.5rem);letter-spacing:-0.03em;}[data-level='1'].svelte-8xxg2o {font-size:var(--dry-type-heading-1-size, var(--dry-text-4xl-size, 2.25rem));line-height:var(--dry-type-heading-1-leading, 3rem);}[data-level='2'].svelte-8xxg2o {font-size:var(--dry-type-heading-2-size, var(--dry-text-3xl-size, 1.875rem));line-height:var(--dry-type-heading-2-leading, 2.5rem);}[data-level='3'].svelte-8xxg2o {font-size:var(--dry-type-heading-3-size, var(--dry-text-2xl-size, 1.5rem));line-height:var(--dry-type-heading-3-leading, 2rem);}[data-level='4'].svelte-8xxg2o {font-size:var(--dry-type-heading-4-size, var(--dry-text-xl-size, 1.25rem));line-height:var(--dry-type-heading-4-leading, 1.75rem);}[data-level='5'].svelte-8xxg2o {font-size:var(--dry-type-small-size, var(--dry-text-lg-size, 1.125rem));line-height:var(--dry-type-small-leading, 1.5rem);}[data-level='6'].svelte-8xxg2o {font-size:var(--dry-type-tiny-size, var(--dry-text-xs-size));line-height:var(--dry-type-tiny-leading, 1.25rem);}[data-variant='display'].svelte-8xxg2o {font-size:var(--dry-type-display-size, var(--dry-text-4xl-size, 2.25rem));line-height:var(--dry-type-display-leading, 4rem);letter-spacing:-0.04em;}</style><style id="svelte-omaan8">p.svelte-omaan8,
127
+ span.svelte-omaan8,
128
+ div.svelte-omaan8 {margin:0;color:var(--dry-typography-text-color, var(--dry-color-text-strong));font-family:var(--dry-font-sans);line-height:1.7;}[data-color='muted'].svelte-omaan8 {--dry-typography-text-color: var(--dry-color-text-weak);}[data-color='secondary'].svelte-omaan8 {--dry-typography-text-color: var(--dry-color-text-weak);}[data-size='xs'].svelte-omaan8 {font-size:var(--dry-type-xs-size);}[data-size='sm'].svelte-omaan8 {font-size:var(--dry-type-ui-control-size, var(--dry-type-tiny-size, var(--dry-text-sm-size)));line-height:var(
129
+ --dry-type-ui-control-leading,
130
+ var(--dry-type-tiny-leading, var(--dry-text-sm-leading))
131
+ );}[data-size='md'].svelte-omaan8 {font-size:var(--dry-type-ui-body-size, var(--dry-type-small-size, var(--dry-text-base-size)));line-height:var(
132
+ --dry-type-ui-body-leading,
133
+ var(--dry-type-small-leading, var(--dry-text-base-leading))
134
+ );}[data-size='lg'].svelte-omaan8 {font-size:var(
135
+ --dry-type-ui-title-size,
136
+ var(--dry-type-heading-4-size, var(--dry-text-lg-size))
137
+ );line-height:var(
138
+ --dry-type-ui-title-leading,
139
+ var(--dry-type-heading-4-leading, var(--dry-text-lg-leading))
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
+ 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-4kntkp">.page-stack.svelte-4kntkp {display:grid;gap:var(--dry-space-8);}.intro-section.svelte-4kntkp {display:grid;gap:var(--dry-space-4);}.page-actions.svelte-4kntkp {display:grid;justify-items:start;}.empty-state.svelte-4kntkp {display:grid;grid-template-columns:minmax(0, 36ch);justify-content:center;justify-items:center;text-align:center;gap:var(--dry-space-4);padding:var(--dry-space-8);}.empty-state-title.svelte-4kntkp {font-weight:600;color:var(--dry-color-text-strong);margin:0;}.empty-state-description.svelte-4kntkp {color:var(--dry-color-text-weak);margin:0;}</style><style id="svelte-1olh6la">.wrapper.svelte-1olh6la {display:inline-grid;}a.svelte-1olh6la,
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),
144
+ border-color var(--dry-duration-fast) var(--dry-ease-default),
145
+ box-shadow var(--dry-duration-fast) var(--dry-ease-default),
146
+ color var(--dry-duration-fast) var(--dry-ease-default),
147
+ opacity var(--dry-duration-fast) var(--dry-ease-default);&:focus-visible {outline:2px solid var(--dry-color-focus-ring);outline-offset:2px;box-shadow:0 0 0 1px var(--dry-color-stroke-focus);}&:active:not([data-disabled]) {transform:translateY(1px);}&[data-disabled] {--dry-btn-bg: var(--dry-color-fill-disabled);--dry-btn-color: var(--dry-color-text-disabled);--dry-btn-border: var(--dry-color-stroke-disabled);cursor:not-allowed;box-shadow:none;}}
148
+
149
+ /* ── Variants ──────────────────────────────────────────────────────────────── */:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-variant='solid'].svelte-1olh6la {--dry-btn-bg: var(--dry-btn-accent);--dry-btn-color: var(--dry-btn-on-accent);--dry-btn-border: transparent;box-shadow:var(--dry-shadow-raised);&:hover:not([data-disabled]) {--dry-btn-bg: var(--dry-btn-accent-hover);}&:active:not([data-disabled]) {--dry-btn-bg: var(--dry-btn-accent-active);}}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-variant='outline'].svelte-1olh6la {--dry-btn-bg: transparent;--dry-btn-color: var(--dry-btn-accent-fg);--dry-btn-border: var(--dry-btn-accent-stroke);box-shadow:var(--dry-shadow-raised);&:hover:not([data-disabled]) {--dry-btn-bg: var(--dry-color-bg-alternate);--dry-btn-border: var(--dry-color-stroke-strong);--dry-btn-color: var(--dry-color-text-strong);box-shadow:var(--dry-shadow-sm);}&:active:not([data-disabled]) {--dry-btn-bg: var(--dry-color-fill);--dry-btn-border: var(--dry-color-stroke-strong);--dry-btn-color: var(--dry-color-text-strong);}}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-variant='ghost'].svelte-1olh6la {--dry-btn-bg: transparent;--dry-btn-color: var(--dry-btn-accent-fg);--dry-btn-border: transparent;text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--dry-btn-accent-stroke) 70%, transparent);text-underline-offset:2px;&:hover:not([data-disabled]) {--dry-btn-bg: var(--dry-btn-accent-weak);--dry-btn-color: var(--dry-btn-accent-fg);text-decoration-color:color-mix(in srgb, var(--dry-btn-accent-stroke) 70%, transparent);}&:active:not([data-disabled]) {--dry-btn-bg: var(--dry-btn-accent);--dry-btn-color: var(--dry-btn-on-accent);text-decoration-color:transparent;}}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-variant='soft'].svelte-1olh6la {--dry-btn-bg: var(--dry-btn-accent-weak);--dry-btn-color: var(--dry-btn-accent-fg);--dry-btn-border: transparent;&:hover:not([data-disabled]) {--dry-btn-bg: var(--dry-btn-accent-hover);--dry-btn-color: var(--dry-btn-on-accent);box-shadow:var(--dry-shadow-sm);}&:active:not([data-disabled]) {--dry-btn-bg: var(--dry-btn-accent);--dry-btn-color: var(--dry-btn-on-accent);}}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-variant='secondary'].svelte-1olh6la {--dry-btn-bg: transparent;--dry-btn-color: var(--dry-btn-accent-fg);--dry-btn-border: var(--dry-btn-accent-stroke);&:hover:not([data-disabled]) {--dry-btn-bg: var(--dry-btn-accent-weak);--dry-btn-border: var(--dry-btn-accent-stroke);--dry-btn-color: var(--dry-btn-accent-fg);box-shadow:var(--dry-shadow-sm);}&:active:not([data-disabled]) {--dry-btn-bg: var(--dry-btn-accent);--dry-btn-border: var(--dry-btn-accent-stroke);--dry-btn-color: var(--dry-btn-on-accent);}}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-variant='bare'].svelte-1olh6la {--dry-btn-bg: transparent;--dry-btn-color: inherit;--dry-btn-border: transparent;--dry-btn-padding-x: 0;--dry-btn-padding-y: 0;&:hover:not([data-disabled]) {opacity:0.7;}&:active:not([data-disabled]) {opacity:0.5;}}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-variant='link'].svelte-1olh6la {--dry-btn-bg: transparent;--dry-btn-color: var(--dry-btn-accent-fg);--dry-btn-border: transparent;text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--dry-btn-accent-stroke) 70%, transparent);text-underline-offset:0.18em;padding-inline:0;&:hover:not([data-disabled]) {--dry-btn-color: var(--dry-btn-accent-hover);text-decoration-color:color-mix(in srgb, var(--dry-btn-accent-stroke) 70%, transparent);}&:active:not([data-disabled]) {--dry-btn-color: var(--dry-btn-accent-active);text-decoration-color:color-mix(in srgb, var(--dry-btn-accent-stroke) 90%, transparent);}}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-color='primary'].svelte-1olh6la {--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);}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-color='danger'].svelte-1olh6la {--dry-btn-accent: var(--dry-color-fill-error);--dry-btn-accent-fg: var(--dry-color-text-error);--dry-btn-accent-stroke: var(--dry-color-stroke-error);--dry-btn-accent-weak: var(--dry-color-fill-error-weak);--dry-btn-accent-hover: var(--dry-color-fill-error-hover);--dry-btn-accent-active: var(--dry-color-fill-error-hover);--dry-btn-on-accent: var(--dry-color-on-error);}
150
+
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
+
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">
155
+ </head>
156
+ <body data-sveltekit-preload-data="hover">
157
+ <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
158
+ to Claude.<!----></p><!--]--><!----></div> <div class="wizard-meta-badges svelte-1ht2vob"><span data-wrapper="" class="svelte-ca45xc"><span class="svelte-ca45xc" data-badge="" data-variant="soft" data-color="gray" data-size="sm"><!--[2--><!---->Choose a layout<!----><!--]--></span></span><!----> <span data-wrapper="" class="svelte-ca45xc"><span class="svelte-ca45xc" data-badge="" data-variant="soft" data-color="gray" data-size="sm"><!--[2--><!---->no session<!----><!--]--></span></span><!----></div></div> <!--[--><div role="group" aria-label="Progress" data-part="root" data-orientation="horizontal" class="svelte-x30lkv"><!--[--><ol role="list" data-part="list" data-orientation="horizontal" class="svelte-pfiz5z"><!--[--><!--[--><li data-part="step" data-state="complete" data-orientation="horizontal" class="svelte-a6ery5"><!--[0--><button type="button" data-part="indicator-button" aria-label="Go to step 1" class="svelte-a6ery5"><!---->Layout<!----></button><!--]--></li><!--]--> <!--[0--><!--[--><div role="presentation" aria-hidden="true" data-part="separator" data-state="complete" data-orientation="horizontal" class="svelte-n8t5r2"></div><!--]--><!--]--><!--[--><li data-part="step" data-state="complete" data-orientation="horizontal" class="svelte-a6ery5"><!--[0--><button type="button" data-part="indicator-button" aria-label="Go to step 2" class="svelte-a6ery5"><!---->Regions<!----></button><!--]--></li><!--]--> <!--[0--><!--[--><div role="presentation" aria-hidden="true" data-part="separator" data-state="complete" data-orientation="horizontal" class="svelte-n8t5r2"></div><!--]--><!--]--><!--[--><li data-part="step" data-state="complete" data-orientation="horizontal" class="svelte-a6ery5"><!--[0--><button type="button" data-part="indicator-button" aria-label="Go to step 3" class="svelte-a6ery5"><!---->Preview<!----></button><!--]--></li><!--]--> <!--[0--><!--[--><div role="presentation" aria-hidden="true" data-part="separator" data-state="complete" data-orientation="horizontal" class="svelte-n8t5r2"></div><!--]--><!--]--><!--[--><li data-part="step" data-state="active" data-orientation="horizontal" aria-current="step" class="svelte-a6ery5"><!--[0--><button type="button" data-part="indicator-button" aria-label="Go to step 4" class="svelte-a6ery5"><!---->Follow-up<!----></button><!--]--></li><!--]--> <!--[-1--><!--]--><!--]--><!----></ol><!--]--><!----></div><!--]--></div><!----></div><!----></header> <main class="wizard-content svelte-1ht2vob"><div data-size="xl" data-padding="true" class="svelte-1sra87c"><!--[--><div data-size="lg" data-padding="true" class="svelte-1sra87c"><div class="page-stack svelte-4kntkp"><section class="intro-section svelte-4kntkp"><span data-wrapper="" class="svelte-ca45xc"><span class="svelte-ca45xc" data-badge="" data-variant="outline" data-color="gray" data-size="sm"><!--[2--><!---->Phase 2<!----><!--]--></span></span><!----> <!--[1--><h2 class="svelte-8xxg2o" data-level="2" data-variant="default"><!---->Follow-up question<!----></h2><!--]--><!----> <!--[-1--><p class="svelte-omaan8" data-color="secondary" data-size="lg" data-font="sans" data-variant="default"><!---->Claude can keep asking for missing details while the browser stays connected.<!----></p><!--]--><!----></section> <!--[-1--><!--[-1--><!--]--> <div class="empty-state svelte-4kntkp"><h3 class="empty-state-title svelte-4kntkp">Waiting for a question</h3> <p class="empty-state-description svelte-4kntkp">The browser will render the next Claude follow-up here once the server sends it.</p></div><!--]--> <div class="page-actions svelte-4kntkp"><span class="wrapper svelte-1olh6la"><!--[-1--><button type="button" data-variant="outline" data-size="md" data-color="primary" class="svelte-1olh6la"><!---->Back to preview<!----></button><!--]--></span><!----></div></div><!----></div><!--]--><!----><!----></div><!----></main></div><!--]--><!--]--><!----><!--]--><!--]--> <!--[-1--><!--]--><!--]-->
159
+
160
+ <script>
161
+ {
162
+ __sveltekit_1h2q1ld = {
163
+ base: new URL(".", location).pathname.slice(0, -1)
164
+ };
165
+
166
+ const element = document.currentScript.parentElement;
167
+
168
+ Promise.all([
169
+ import("./_app/immutable/entry/start.BxD3Cl0i.js"),
170
+ import("./_app/immutable/entry/app.CiOBuL1e.js")
171
+ ]).then(([kit, app]) => {
172
+ kit.start(app, element, {
173
+ node_ids: [0, 2, 4],
174
+ data: [null,null,null],
175
+ form: null,
176
+ error: null
177
+ });
178
+ });
179
+ }
180
+ </script>
181
+ </div>
182
+ </body>
183
+ </html>
package/dist/app/index.html ADDED
@@ -0,0 +1 @@
1
+ <script>location.href="/step-1";</script><meta http-equiv="refresh" content="0;url=/step-1">
package/dist/app/step-1.html ADDED
@@ -0,0 +1,189 @@
1
+ <!doctype html>
2
+ <html lang="en" class="theme-auto">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <script>
7
+ (() => {
8
+ const root = document.documentElement;
9
+
10
+ try {
11
+ const storedTheme = window.localStorage.getItem('dryui-wizard-theme');
12
+ const explicitTheme =
13
+ storedTheme === 'light' || storedTheme === 'dark' ? storedTheme : null;
14
+
15
+ if (!explicitTheme && storedTheme !== null) {
16
+ window.localStorage.removeItem('dryui-wizard-theme');
17
+ }
18
+
19
+ root.classList.toggle('theme-auto', explicitTheme === null);
20
+
21
+ if (explicitTheme) {
22
+ root.dataset.theme = explicitTheme;
23
+ } else {
24
+ delete root.dataset.theme;
25
+ }
26
+ } catch {
27
+ delete root.dataset.theme;
28
+ root.classList.add('theme-auto');
29
+ }
30
+ })();
31
+ </script>
32
+ <title>dryui wizard</title>
33
+ <meta
34
+ name="description"
35
+ content="A CLI-driven wizard for composing DryUI components into page-level layouts."
36
+ />
37
+ <link href="./_app/immutable/entry/start.BxD3Cl0i.js" rel="modulepreload">
38
+ <link href="./_app/immutable/chunks/mKsxY4vH.js" rel="modulepreload">
39
+ <link href="./_app/immutable/chunks/cUpOkCva.js" rel="modulepreload">
40
+ <link href="./_app/immutable/chunks/DOlHNFLc.js" rel="modulepreload">
41
+ <link href="./_app/immutable/chunks/CtGZ12rY.js" rel="modulepreload">
42
+ <link href="./_app/immutable/entry/app.CiOBuL1e.js" rel="modulepreload">
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.BIQmDbKj.js" rel="modulepreload">
47
+ <link href="./_app/immutable/chunks/CylA_QuH.js" rel="modulepreload">
48
+ <link href="./_app/immutable/chunks/DslunMlz.js" rel="modulepreload">
49
+ <link href="./_app/immutable/nodes/5.DD7T7i0r.js" rel="modulepreload">
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
+
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;}
53
+ }</style><style id="svelte-1sra87c">div.svelte-1sra87c {--dry-container-padding: var(--dry-space-4);container-type:inline-size;display:grid;justify-content:center;}
54
+
55
+ /* ── Sizes ─────────────────────────────────────────────────────────────────── */div[data-size='sm'].svelte-1sra87c {grid-template-columns:minmax(0, 640px);}div[data-size='md'].svelte-1sra87c {grid-template-columns:minmax(0, 768px);}div[data-size='lg'].svelte-1sra87c {grid-template-columns:minmax(0, 1024px);}div[data-size='xl'].svelte-1sra87c {grid-template-columns:minmax(0, 1280px);}div[data-size='full'].svelte-1sra87c {grid-template-columns:minmax(0, 1fr);}
56
+
57
+ /* ── Padding ───────────────────────────────────────────────────────────────── */div[data-padding].svelte-1sra87c {padding-inline:var(--dry-container-padding);}
58
+
59
+ @container (max-width: 640px) {div[data-padding].svelte-1sra87c {--dry-container-padding: var(--dry-space-4);}
60
+ }
61
+
62
+ @container (min-width: 641px) {div[data-padding].svelte-1sra87c {--dry-container-padding: var(--dry-space-6);}
63
+ }</style><style id="svelte-ca45xc">[data-wrapper].svelte-ca45xc {display:inline-grid;}[data-badge].svelte-ca45xc {
64
+ /* Component tokens (Tier 3) */--dry-badge-default-bg: var(--dry-color-fill);--dry-badge-default-color: var(--dry-color-text-weak);--dry-badge-bg: var(--dry-badge-default-bg);--dry-badge-color: var(--dry-badge-default-color);--dry-badge-border: transparent;--dry-badge-font-size: var(--dry-type-tiny-size, var(--dry-text-xs-size));--dry-badge-padding-x: var(--dry-space-2);--dry-badge-padding-y: var(--dry-space-0_5);--dry-badge-radius: var(--dry-radius-full);display:inline-grid;place-items:center;padding:var(--dry-badge-padding-y) var(--dry-badge-padding-x);font-size:var(--dry-badge-font-size);font-family:var(--dry-font-sans);font-weight:500;line-height:var(--dry-type-tiny-leading, var(--dry-text-xs-leading));color:var(--dry-badge-color);background:var(--dry-badge-bg);border:1px solid var(--dry-badge-border);border-radius:var(--dry-badge-radius);white-space:nowrap;user-select:none;}
65
+
66
+ /* ── Sizes ────────────────────────────────────────────────────────────────── */[data-size='sm'].svelte-ca45xc {--dry-badge-font-size: var(--dry-type-tiny-size, var(--dry-text-xs-size));--dry-badge-padding-x: var(--dry-space-2);--dry-badge-padding-y: var(--dry-space-0_5);}[data-size='md'].svelte-ca45xc {--dry-badge-font-size: var(--dry-type-small-size, var(--dry-text-sm-size));--dry-badge-padding-x: var(--dry-space-2_5);--dry-badge-padding-y: var(--dry-space-0_5);}
67
+
68
+ /* ── Variant: solid ───────────────────────────────────────────────────────── */[data-variant='solid'].svelte-ca45xc {--dry-badge-border: transparent;}[data-variant='solid'][data-color='gray'].svelte-ca45xc {--dry-badge-bg: var(--dry-color-fill-inverse);--dry-badge-color: var(--dry-color-text-inverse);}[data-variant='solid'][data-color='blue'].svelte-ca45xc {--dry-badge-bg: var(--dry-color-fill-brand);--dry-badge-color: var(--dry-color-on-brand);}[data-variant='solid'][data-color='red'].svelte-ca45xc {--dry-badge-bg: var(--dry-color-fill-error);--dry-badge-color: var(--dry-color-on-error);}[data-variant='solid'][data-color='green'].svelte-ca45xc {--dry-badge-bg: var(--dry-color-fill-success);--dry-badge-color: var(--dry-color-on-success);}[data-variant='solid'][data-color='yellow'].svelte-ca45xc {--dry-badge-bg: var(--dry-color-fill-yellow);--dry-badge-color: var(--dry-color-on-warning);}[data-variant='solid'][data-color='purple'].svelte-ca45xc {--dry-badge-bg: color-mix(in srgb, var(--dry-color-fill-brand) 80%, hsl(280, 65%, 55%));--dry-badge-color: var(--dry-color-on-brand);}[data-variant='solid'][data-color='orange'].svelte-ca45xc {--dry-badge-bg: color-mix(
69
+ in srgb,
70
+ var(--dry-color-fill-warning) 70%,
71
+ var(--dry-color-fill-error)
72
+ );--dry-badge-color: var(--dry-color-on-warning);}
73
+
74
+ /* ── Variant: outline ─────────────────────────────────────────────────────── */[data-variant='outline'].svelte-ca45xc {--dry-badge-bg: transparent;}[data-variant='outline'][data-color='gray'].svelte-ca45xc {--dry-badge-color: var(--dry-color-text-weak);--dry-badge-border: var(--dry-color-stroke-weak);}[data-variant='outline'][data-color='blue'].svelte-ca45xc {--dry-badge-color: var(--dry-color-text-brand);--dry-badge-border: var(--dry-color-stroke-brand);}[data-variant='outline'][data-color='red'].svelte-ca45xc {--dry-badge-color: var(--dry-color-text-error);--dry-badge-border: var(--dry-color-stroke-error);}[data-variant='outline'][data-color='green'].svelte-ca45xc {--dry-badge-color: var(--dry-color-text-success);--dry-badge-border: var(--dry-color-stroke-success);}[data-variant='outline'][data-color='yellow'].svelte-ca45xc {--dry-badge-color: var(--dry-color-text-warning);--dry-badge-border: var(--dry-color-stroke-warning);}[data-variant='outline'][data-color='purple'].svelte-ca45xc {--dry-badge-color: color-mix(in srgb, var(--dry-color-fill-brand) 80%, hsl(280, 65%, 55%));--dry-badge-border: color-mix(in srgb, var(--dry-color-stroke-brand) 60%, hsl(280, 50%, 70%));}[data-variant='outline'][data-color='orange'].svelte-ca45xc {--dry-badge-color: color-mix(
75
+ in srgb,
76
+ var(--dry-color-text-warning) 60%,
77
+ var(--dry-color-text-error)
78
+ );--dry-badge-border: color-mix(
79
+ in srgb,
80
+ var(--dry-color-stroke-warning) 60%,
81
+ var(--dry-color-stroke-error)
82
+ );}
83
+
84
+ /* ── Variant: soft ────────────────────────────────────────────────────────── */[data-variant='soft'].svelte-ca45xc {--dry-badge-border: var(--dry-color-stroke-weak);}[data-variant='soft'][data-color='gray'].svelte-ca45xc {--dry-badge-bg: var(--dry-color-fill);--dry-badge-color: var(--dry-color-text-weak);}[data-variant='soft'][data-color='blue'].svelte-ca45xc {--dry-badge-bg: var(--dry-color-fill-brand-weak);--dry-badge-color: var(--dry-color-text-brand);}[data-variant='soft'][data-color='red'].svelte-ca45xc {--dry-badge-bg: var(--dry-color-fill-error-weak);--dry-badge-color: var(--dry-color-text-error);--dry-badge-border: var(--dry-color-stroke-error-weak);}[data-variant='soft'][data-color='green'].svelte-ca45xc {--dry-badge-bg: var(--dry-color-fill-success-weak);--dry-badge-color: var(--dry-color-text-success);}[data-variant='soft'][data-color='yellow'].svelte-ca45xc {--dry-badge-bg: var(--dry-color-fill-warning-weak);--dry-badge-color: var(--dry-color-text-warning);}[data-variant='soft'][data-color='purple'].svelte-ca45xc {--dry-badge-bg: color-mix(
85
+ in srgb,
86
+ var(--dry-color-fill-brand-weak) 70%,
87
+ hsl(280, 65%, 55%, 0.1)
88
+ );--dry-badge-color: color-mix(in srgb, var(--dry-color-text-brand) 70%, hsl(280, 65%, 40%));}[data-variant='soft'][data-color='orange'].svelte-ca45xc {--dry-badge-bg: color-mix(
89
+ in srgb,
90
+ var(--dry-color-fill-warning-weak) 50%,
91
+ var(--dry-color-fill-error-weak)
92
+ );--dry-badge-color: color-mix(
93
+ in srgb,
94
+ var(--dry-color-text-warning) 50%,
95
+ var(--dry-color-text-error)
96
+ );}
97
+
98
+ /* ── Variant: dot ────────────────────────────────────────────────────────── */[data-dot].svelte-ca45xc {aspect-ratio:1;height:0.5rem;padding:0;border-radius:50%;display:inline-block;line-height:0;font-size:0;}[data-dot][data-color='gray'].svelte-ca45xc {background-color:var(--dry-color-icon);}[data-dot][data-color='red'].svelte-ca45xc {background-color:var(--dry-color-fill-error);}[data-dot][data-color='green'].svelte-ca45xc {background-color:var(--dry-color-fill-success);}[data-dot][data-color='blue'].svelte-ca45xc {background-color:var(--dry-color-fill-brand);}[data-dot][data-color='yellow'].svelte-ca45xc {background-color:var(--dry-color-fill-yellow);}[data-dot][data-color='purple'].svelte-ca45xc {background-color:color-mix(in srgb, var(--dry-color-fill-brand) 70%, hsl(280, 65%, 55%));}[data-dot][data-color='orange'].svelte-ca45xc {background-color:color-mix(
99
+ in srgb,
100
+ var(--dry-color-fill-warning) 70%,
101
+ var(--dry-color-fill-error)
102
+ );}
103
+
104
+ /* ── Pulse animation ─────────────────────────────────────────────────────── */
105
+
106
+ @keyframes svelte-ca45xc-dry-badge-pulse {
107
+ 0%,
108
+ 100% {
109
+ opacity: 1;
110
+ }
111
+ 50% {
112
+ opacity: 0.5;
113
+ }
114
+ }[data-pulse].svelte-ca45xc {
115
+ animation: svelte-ca45xc-dry-badge-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;}
116
+
117
+ @media (prefers-reduced-motion: reduce) {[data-dot][data-pulse].svelte-ca45xc {
118
+ animation: none;}
119
+ }
120
+
121
+ /* ── Icon-only layout ────────────────────────────────────────────────────── */[data-icon-only].svelte-ca45xc {display:inline-grid;place-items:center;padding:var(--dry-space-0_5, 0.125rem);}</style><style id="svelte-8xxg2o">h1.svelte-8xxg2o,
122
+ h2.svelte-8xxg2o,
123
+ h3.svelte-8xxg2o,
124
+ h4.svelte-8xxg2o,
125
+ h5.svelte-8xxg2o,
126
+ h6.svelte-8xxg2o {margin:0;color:var(--dry-typography-heading-color, var(--dry-color-text-strong));font-family:var(--dry-font-sans);font-weight:700;line-height:var(--dry-type-heading-2-leading, 2.5rem);letter-spacing:-0.03em;}[data-level='1'].svelte-8xxg2o {font-size:var(--dry-type-heading-1-size, var(--dry-text-4xl-size, 2.25rem));line-height:var(--dry-type-heading-1-leading, 3rem);}[data-level='2'].svelte-8xxg2o {font-size:var(--dry-type-heading-2-size, var(--dry-text-3xl-size, 1.875rem));line-height:var(--dry-type-heading-2-leading, 2.5rem);}[data-level='3'].svelte-8xxg2o {font-size:var(--dry-type-heading-3-size, var(--dry-text-2xl-size, 1.5rem));line-height:var(--dry-type-heading-3-leading, 2rem);}[data-level='4'].svelte-8xxg2o {font-size:var(--dry-type-heading-4-size, var(--dry-text-xl-size, 1.25rem));line-height:var(--dry-type-heading-4-leading, 1.75rem);}[data-level='5'].svelte-8xxg2o {font-size:var(--dry-type-small-size, var(--dry-text-lg-size, 1.125rem));line-height:var(--dry-type-small-leading, 1.5rem);}[data-level='6'].svelte-8xxg2o {font-size:var(--dry-type-tiny-size, var(--dry-text-xs-size));line-height:var(--dry-type-tiny-leading, 1.25rem);}[data-variant='display'].svelte-8xxg2o {font-size:var(--dry-type-display-size, var(--dry-text-4xl-size, 2.25rem));line-height:var(--dry-type-display-leading, 4rem);letter-spacing:-0.04em;}</style><style id="svelte-omaan8">p.svelte-omaan8,
127
+ span.svelte-omaan8,
128
+ div.svelte-omaan8 {margin:0;color:var(--dry-typography-text-color, var(--dry-color-text-strong));font-family:var(--dry-font-sans);line-height:1.7;}[data-color='muted'].svelte-omaan8 {--dry-typography-text-color: var(--dry-color-text-weak);}[data-color='secondary'].svelte-omaan8 {--dry-typography-text-color: var(--dry-color-text-weak);}[data-size='xs'].svelte-omaan8 {font-size:var(--dry-type-xs-size);}[data-size='sm'].svelte-omaan8 {font-size:var(--dry-type-ui-control-size, var(--dry-type-tiny-size, var(--dry-text-sm-size)));line-height:var(
129
+ --dry-type-ui-control-leading,
130
+ var(--dry-type-tiny-leading, var(--dry-text-sm-leading))
131
+ );}[data-size='md'].svelte-omaan8 {font-size:var(--dry-type-ui-body-size, var(--dry-type-small-size, var(--dry-text-base-size)));line-height:var(
132
+ --dry-type-ui-body-leading,
133
+ var(--dry-type-small-leading, var(--dry-text-base-leading))
134
+ );}[data-size='lg'].svelte-omaan8 {font-size:var(
135
+ --dry-type-ui-title-size,
136
+ var(--dry-type-heading-4-size, var(--dry-text-lg-size))
137
+ );line-height:var(
138
+ --dry-type-ui-title-leading,
139
+ var(--dry-type-heading-4-leading, var(--dry-text-lg-leading))
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
+ 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-otc09w">.page-stack.svelte-otc09w {display:grid;gap:var(--dry-space-8);}.intro-section.svelte-otc09w {display:grid;gap:var(--dry-space-4);}.layouts-grid.svelte-otc09w {display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--dry-space-6);}.card-heading.svelte-otc09w {display:grid;gap:var(--dry-space-2);}.thumbnail-center.svelte-otc09w {display:grid;justify-items:center;}.region-badges.svelte-otc09w {display:grid;grid-template-columns:repeat(auto-fill, minmax(min-content, max-content));gap:var(--dry-space-2);}.page-actions.svelte-otc09w {display:grid;justify-items:end;}
142
+
143
+ @container (max-width: 860px) {.layouts-grid.svelte-otc09w {grid-template-columns:repeat(2, 1fr);}
144
+ }
145
+
146
+ @container (max-width: 560px) {.layouts-grid.svelte-otc09w {grid-template-columns:1fr;}
147
+ }</style><style id="svelte-1olh6la">.wrapper.svelte-1olh6la {display:inline-grid;}a.svelte-1olh6la,
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),
150
+ border-color var(--dry-duration-fast) var(--dry-ease-default),
151
+ box-shadow var(--dry-duration-fast) var(--dry-ease-default),
152
+ color var(--dry-duration-fast) var(--dry-ease-default),
153
+ opacity var(--dry-duration-fast) var(--dry-ease-default);&:focus-visible {outline:2px solid var(--dry-color-focus-ring);outline-offset:2px;box-shadow:0 0 0 1px var(--dry-color-stroke-focus);}&:active:not([data-disabled]) {transform:translateY(1px);}&[data-disabled] {--dry-btn-bg: var(--dry-color-fill-disabled);--dry-btn-color: var(--dry-color-text-disabled);--dry-btn-border: var(--dry-color-stroke-disabled);cursor:not-allowed;box-shadow:none;}}
154
+
155
+ /* ── Variants ──────────────────────────────────────────────────────────────── */:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-variant='solid'].svelte-1olh6la {--dry-btn-bg: var(--dry-btn-accent);--dry-btn-color: var(--dry-btn-on-accent);--dry-btn-border: transparent;box-shadow:var(--dry-shadow-raised);&:hover:not([data-disabled]) {--dry-btn-bg: var(--dry-btn-accent-hover);}&:active:not([data-disabled]) {--dry-btn-bg: var(--dry-btn-accent-active);}}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-variant='outline'].svelte-1olh6la {--dry-btn-bg: transparent;--dry-btn-color: var(--dry-btn-accent-fg);--dry-btn-border: var(--dry-btn-accent-stroke);box-shadow:var(--dry-shadow-raised);&:hover:not([data-disabled]) {--dry-btn-bg: var(--dry-color-bg-alternate);--dry-btn-border: var(--dry-color-stroke-strong);--dry-btn-color: var(--dry-color-text-strong);box-shadow:var(--dry-shadow-sm);}&:active:not([data-disabled]) {--dry-btn-bg: var(--dry-color-fill);--dry-btn-border: var(--dry-color-stroke-strong);--dry-btn-color: var(--dry-color-text-strong);}}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-variant='ghost'].svelte-1olh6la {--dry-btn-bg: transparent;--dry-btn-color: var(--dry-btn-accent-fg);--dry-btn-border: transparent;text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--dry-btn-accent-stroke) 70%, transparent);text-underline-offset:2px;&:hover:not([data-disabled]) {--dry-btn-bg: var(--dry-btn-accent-weak);--dry-btn-color: var(--dry-btn-accent-fg);text-decoration-color:color-mix(in srgb, var(--dry-btn-accent-stroke) 70%, transparent);}&:active:not([data-disabled]) {--dry-btn-bg: var(--dry-btn-accent);--dry-btn-color: var(--dry-btn-on-accent);text-decoration-color:transparent;}}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-variant='soft'].svelte-1olh6la {--dry-btn-bg: var(--dry-btn-accent-weak);--dry-btn-color: var(--dry-btn-accent-fg);--dry-btn-border: transparent;&:hover:not([data-disabled]) {--dry-btn-bg: var(--dry-btn-accent-hover);--dry-btn-color: var(--dry-btn-on-accent);box-shadow:var(--dry-shadow-sm);}&:active:not([data-disabled]) {--dry-btn-bg: var(--dry-btn-accent);--dry-btn-color: var(--dry-btn-on-accent);}}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-variant='secondary'].svelte-1olh6la {--dry-btn-bg: transparent;--dry-btn-color: var(--dry-btn-accent-fg);--dry-btn-border: var(--dry-btn-accent-stroke);&:hover:not([data-disabled]) {--dry-btn-bg: var(--dry-btn-accent-weak);--dry-btn-border: var(--dry-btn-accent-stroke);--dry-btn-color: var(--dry-btn-accent-fg);box-shadow:var(--dry-shadow-sm);}&:active:not([data-disabled]) {--dry-btn-bg: var(--dry-btn-accent);--dry-btn-border: var(--dry-btn-accent-stroke);--dry-btn-color: var(--dry-btn-on-accent);}}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-variant='bare'].svelte-1olh6la {--dry-btn-bg: transparent;--dry-btn-color: inherit;--dry-btn-border: transparent;--dry-btn-padding-x: 0;--dry-btn-padding-y: 0;&:hover:not([data-disabled]) {opacity:0.7;}&:active:not([data-disabled]) {opacity:0.5;}}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-variant='link'].svelte-1olh6la {--dry-btn-bg: transparent;--dry-btn-color: var(--dry-btn-accent-fg);--dry-btn-border: transparent;text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--dry-btn-accent-stroke) 70%, transparent);text-underline-offset:0.18em;padding-inline:0;&:hover:not([data-disabled]) {--dry-btn-color: var(--dry-btn-accent-hover);text-decoration-color:color-mix(in srgb, var(--dry-btn-accent-stroke) 70%, transparent);}&:active:not([data-disabled]) {--dry-btn-color: var(--dry-btn-accent-active);text-decoration-color:color-mix(in srgb, var(--dry-btn-accent-stroke) 90%, transparent);}}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-color='primary'].svelte-1olh6la {--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);}:is(a:where(.svelte-1olh6la), button:where(.svelte-1olh6la))[data-color='danger'].svelte-1olh6la {--dry-btn-accent: var(--dry-color-fill-error);--dry-btn-accent-fg: var(--dry-color-text-error);--dry-btn-accent-stroke: var(--dry-color-stroke-error);--dry-btn-accent-weak: var(--dry-color-fill-error-weak);--dry-btn-accent-hover: var(--dry-color-fill-error-hover);--dry-btn-accent-active: var(--dry-color-fill-error-hover);--dry-btn-on-accent: var(--dry-color-on-error);}
156
+
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
+
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">
161
+ </head>
162
+ <body data-sveltekit-preload-data="hover">
163
+ <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
164
+ to Claude.<!----></p><!--]--><!----></div> <div class="wizard-meta-badges svelte-1ht2vob"><span data-wrapper="" class="svelte-ca45xc"><span class="svelte-ca45xc" data-badge="" data-variant="soft" data-color="gray" data-size="sm"><!--[2--><!---->Choose a layout<!----><!--]--></span></span><!----> <span data-wrapper="" class="svelte-ca45xc"><span class="svelte-ca45xc" data-badge="" data-variant="soft" data-color="gray" data-size="sm"><!--[2--><!---->no session<!----><!--]--></span></span><!----></div></div> <!--[--><div role="group" aria-label="Progress" data-part="root" data-orientation="horizontal" class="svelte-x30lkv"><!--[--><ol role="list" data-part="list" data-orientation="horizontal" class="svelte-pfiz5z"><!--[--><!--[--><li data-part="step" data-state="active" data-orientation="horizontal" aria-current="step" class="svelte-a6ery5"><!--[0--><button type="button" data-part="indicator-button" aria-label="Go to step 1" class="svelte-a6ery5"><!---->Layout<!----></button><!--]--></li><!--]--> <!--[0--><!--[--><div role="presentation" aria-hidden="true" data-part="separator" data-state="inactive" data-orientation="horizontal" class="svelte-n8t5r2"></div><!--]--><!--]--><!--[--><li data-part="step" data-state="inactive" data-orientation="horizontal" class="svelte-a6ery5"><!--[0--><button type="button" data-part="indicator-button" aria-label="Go to step 2" class="svelte-a6ery5"><!---->Regions<!----></button><!--]--></li><!--]--> <!--[0--><!--[--><div role="presentation" aria-hidden="true" data-part="separator" data-state="inactive" data-orientation="horizontal" class="svelte-n8t5r2"></div><!--]--><!--]--><!--[--><li data-part="step" data-state="inactive" data-orientation="horizontal" class="svelte-a6ery5"><!--[0--><button type="button" data-part="indicator-button" aria-label="Go to step 3" class="svelte-a6ery5"><!---->Preview<!----></button><!--]--></li><!--]--> <!--[0--><!--[--><div role="presentation" aria-hidden="true" data-part="separator" data-state="inactive" data-orientation="horizontal" class="svelte-n8t5r2"></div><!--]--><!--]--><!--[--><li data-part="step" data-state="inactive" data-orientation="horizontal" class="svelte-a6ery5"><!--[0--><button type="button" data-part="indicator-button" aria-label="Go to step 4" class="svelte-a6ery5"><!---->Follow-up<!----></button><!--]--></li><!--]--> <!--[-1--><!--]--><!--]--><!----></ol><!--]--><!----></div><!--]--></div><!----></div><!----></header> <main class="wizard-content svelte-1ht2vob"><div data-size="xl" data-padding="true" class="svelte-1sra87c"><!--[--><div data-size="xl" data-padding="true" class="svelte-1sra87c"><div class="page-stack svelte-otc09w"><section class="intro-section svelte-otc09w"><!--[1--><h2 class="svelte-8xxg2o" data-level="2" data-variant="default"><!---->Pick a layout<!----></h2><!--]--><!----> <!--[-1--><p class="svelte-omaan8" data-color="secondary" data-size="lg" data-font="sans" data-variant="default"><!---->Start with a page structure that matches the kind of surface you want to build.<!----></p><!--]--><!----></section> <div class="layouts-grid svelte-otc09w"><!--[--><!--]--></div> <div class="page-actions svelte-otc09w"><span class="wrapper svelte-1olh6la"><!--[-1--><button type="button" data-variant="solid" data-size="md" data-color="primary" class="svelte-1olh6la"><!---->Continue to regions<!----></button><!--]--></span><!----></div></div><!----></div><!--]--><!----><!----></div><!----></main></div><!--]--><!--]--><!----><!--]--><!--]--> <!--[-1--><!--]--><!--]-->
165
+
166
+ <script>
167
+ {
168
+ __sveltekit_1h2q1ld = {
169
+ base: new URL(".", location).pathname.slice(0, -1)
170
+ };
171
+
172
+ const element = document.currentScript.parentElement;
173
+
174
+ Promise.all([
175
+ import("./_app/immutable/entry/start.BxD3Cl0i.js"),
176
+ import("./_app/immutable/entry/app.CiOBuL1e.js")
177
+ ]).then(([kit, app]) => {
178
+ kit.start(app, element, {
179
+ node_ids: [0, 2, 5],
180
+ data: [null,null,null],
181
+ form: null,
182
+ error: null
183
+ });
184
+ });
185
+ }
186
+ </script>
187
+ </div>
188
+ </body>
189
+ </html>