@dryui/wizard 0.0.3 → 0.0.4

package/dist/state.js

@@ -1,7 +1,7 @@
 // @bun
 // ../mcp/src/spec.json
 var spec_default = {
-  version: "0.1.1",
+  version: "0.1.7",
   package: "@dryui/ui",
   themeImports: {
     default: "@dryui/ui/themes/default.css",
@@ -175,6 +175,12 @@ var spec_default = {
           name: "data-disabled",
           description: "Present when the component or part is disabled."
         },
+        {
+          name: "data-group-orientation"
+        },
+        {
+          name: "data-in-group"
+        },
         {
           name: "data-size"
         },
@@ -900,6 +906,13 @@ var spec_default = {
         ]
       },
       cssVars: {
+        "--dry-btn-accent": "Accent",
+        "--dry-btn-accent-active": "Accent Active",
+        "--dry-btn-accent-fg": "Accent Fg",
+        "--dry-btn-accent-hover": "Accent Hover",
+        "--dry-btn-accent-stroke": "Accent Stroke",
+        "--dry-btn-border": "Border color",
+        "--dry-btn-on-accent": "On Accent",
         "--dry-dialog-bg": "Background color",
         "--dry-dialog-border": "Border color",
         "--dry-dialog-max-width": "Maximum width",
@@ -1983,6 +1996,9 @@ var spec_default = {
           name: "data-disabled",
           description: "Present when the component or part is disabled."
         },
+        {
+          name: "data-indicator"
+        },
         {
           name: "data-orientation",
           description: "Reflects the current horizontal or vertical orientation.",
@@ -2118,6 +2134,9 @@ var spec_default = {
           name: "data-disabled",
           description: "Present when the component or part is disabled."
         },
+        {
+          name: "data-indicator"
+        },
         {
           name: "data-state",
           description: "Reflects whether the collapsible content is expanded or collapsed.",
@@ -2521,8 +2540,7 @@ var spec_default = {
         ]
       },
       cssVars: {
-        "--dry-field-gap": "Gap spacing",
-        "--dry-field-label-order": "Label Order"
+        "--dry-field-gap": "Gap spacing"
       },
       dataAttributes: [
         {
@@ -3295,6 +3313,9 @@ var spec_default = {
           name: "data-disabled",
           description: "Present when the component or part is disabled."
         },
+        {
+          name: "data-indicator"
+        },
         {
           name: "data-invalid",
           description: "Present when the current field value is invalid."
@@ -4418,9 +4439,6 @@ var spec_default = {
           name: "data-disabled",
           description: "Present when the component or part is disabled."
         },
-        {
-          name: "data-option-swatch-group-content"
-        },
         {
           name: "data-option-swatch-group-item"
         },
@@ -4895,6 +4913,9 @@ var spec_default = {
         },
         {
           name: "data-tabs-trigger"
+        },
+        {
+          name: "data-tabs-trigger-content"
         }
       ],
       example: `<Tabs.Root bind:value={activeTab}>
@@ -8073,11 +8094,11 @@ var spec_default = {
         tree: [
           "Timeline.Root",
           "  Timeline.Item",
-          "  Timeline.Icon",
-          "  Timeline.Content",
-          "  Timeline.Title",
-          "  Timeline.Description",
-          "  Timeline.Time"
+          "    Timeline.Icon",
+          "    Timeline.Content",
+          "      Timeline.Title",
+          "      Timeline.Description",
+          "      Timeline.Time"
         ]
       },
       cssVars: {
@@ -8115,12 +8136,14 @@ var spec_default = {
         }
       ],
       example: `<Timeline.Root>
-  <Timeline.Item>...</Timeline.Item>
-  <Timeline.Icon>...</Timeline.Icon>
-  <Timeline.Content>...</Timeline.Content>
-  <Timeline.Title>...</Timeline.Title>
-  <Timeline.Description>...</Timeline.Description>
-  <Timeline.Time>...</Timeline.Time>
+  <Timeline.Item>
+    <Timeline.Icon />
+    <Timeline.Content>
+      <Timeline.Title>Event title</Timeline.Title>
+      <Timeline.Description>Event description</Timeline.Description>
+      <Timeline.Time>2 hours ago</Timeline.Time>
+    </Timeline.Content>
+  </Timeline.Item>
 </Timeline.Root>`
     },
     Typography: {
@@ -9819,6 +9842,7 @@ var spec_default = {
         ]
       },
       cssVars: {
+        "--dry-calendar-grid-gap": "Grid Gap",
         "--dry-dp-bg": "Background color",
         "--dry-dp-border": "Border color",
         "--dry-dp-font-size": "Font size",
@@ -9826,9 +9850,33 @@ var spec_default = {
         "--dry-dp-padding-y": "Vertical padding"
       },
       dataAttributes: [
+        {
+          name: "data-calendar-cell"
+        },
+        {
+          name: "data-calendar-columnheader"
+        },
         {
           name: "data-calendar-day"
         },
+        {
+          name: "data-calendar-day-button"
+        },
+        {
+          name: "data-calendar-header"
+        },
+        {
+          name: "data-calendar-heading"
+        },
+        {
+          name: "data-calendar-nav"
+        },
+        {
+          name: "data-calendar-panel"
+        },
+        {
+          name: "data-calendar-row"
+        },
         {
           name: "data-disabled",
           description: "Present when the component or part is disabled."
@@ -9842,6 +9890,9 @@ var spec_default = {
         {
           name: "data-dp-trigger"
         },
+        {
+          name: "data-indicator"
+        },
         {
           name: "data-invalid",
           description: "Present when the current field value is invalid."
@@ -10305,9 +10356,33 @@ var spec_default = {
       },
       cssVars: {},
       dataAttributes: [
+        {
+          name: "data-calendar-cell"
+        },
+        {
+          name: "data-calendar-columnheader"
+        },
         {
           name: "data-calendar-day"
         },
+        {
+          name: "data-calendar-day-button"
+        },
+        {
+          name: "data-calendar-header"
+        },
+        {
+          name: "data-calendar-heading"
+        },
+        {
+          name: "data-calendar-nav"
+        },
+        {
+          name: "data-calendar-panel"
+        },
+        {
+          name: "data-calendar-row"
+        },
         {
           name: "data-disabled",
           description: "Present when the component or part is disabled."
@@ -10321,15 +10396,15 @@ var spec_default = {
         {
           name: "data-drp-preset"
         },
-        {
-          name: "data-drp-root"
-        },
         {
           name: "data-drp-trigger"
         },
         {
           name: "data-in-range"
         },
+        {
+          name: "data-indicator"
+        },
         {
           name: "data-outside-month"
         },
@@ -10863,8 +10938,14 @@ var spec_default = {
         "--dry-range-calendar-day-hover-bg": "Calendar Day Hover Bg",
         "--dry-range-calendar-day-radius": "Calendar Day Radius",
         "--dry-range-calendar-day-size": "Calendar Day Size",
+        "--dry-range-calendar-heading-color": "Calendar Heading Color",
+        "--dry-range-calendar-nav-bg": "Calendar Nav Bg",
+        "--dry-range-calendar-nav-border": "Calendar Nav Border",
+        "--dry-range-calendar-nav-color": "Calendar Nav Color",
         "--dry-range-calendar-outside-color": "Calendar Outside Color",
         "--dry-range-calendar-padding": "Calendar Padding",
+        "--dry-range-calendar-panel-bg": "Calendar Panel Bg",
+        "--dry-range-calendar-panel-border": "Calendar Panel Border",
         "--dry-range-calendar-radius": "Calendar Radius",
         "--dry-range-calendar-range-bg": "Calendar Range Bg",
         "--dry-range-calendar-selected-bg": "Calendar Selected Bg",
@@ -10874,12 +10955,33 @@ var spec_default = {
         "--dry-range-calendar-today-color": "Calendar Today Color"
       },
       dataAttributes: [
+        {
+          name: "data-calendar-cell"
+        },
+        {
+          name: "data-calendar-columnheader"
+        },
         {
           name: "data-calendar-day"
         },
+        {
+          name: "data-calendar-day-button"
+        },
         {
           name: "data-calendar-header"
         },
+        {
+          name: "data-calendar-heading"
+        },
+        {
+          name: "data-calendar-nav"
+        },
+        {
+          name: "data-calendar-panel"
+        },
+        {
+          name: "data-calendar-row"
+        },
         {
           name: "data-disabled",
           description: "Present when the component or part is disabled."
@@ -10902,10 +11004,6 @@ var spec_default = {
         {
           name: "data-range-start"
         },
-        {
-          name: "data-selected",
-          description: "Present when the current item is selected."
-        },
         {
           name: "data-today"
         }
@@ -11037,6 +11135,26 @@ var spec_default = {
           type: "number",
           required: false,
           description: "Step interval used when incrementing numeric values."
+        },
+        size: {
+          type: "'sm' | 'md' | 'lg'",
+          required: false,
+          acceptedValues: [
+            "sm",
+            "md",
+            "lg"
+          ],
+          description: "Size preset affecting density, spacing, or typography.",
+          default: "'md'"
+        },
+        name: {
+          type: "string",
+          required: false,
+          description: "Field name used during native form submission."
+        },
+        class: {
+          type: "string",
+          required: false
         }
       },
       forwardedProps: {
@@ -11050,25 +11168,23 @@ var spec_default = {
         ],
         note: "Forwards <input> attributes via rest props."
       },
-      cssVars: {
-        "--dry-time-input-bg": "Input Bg",
-        "--dry-time-input-border": "Input Border",
-        "--dry-time-input-color": "Input Color",
-        "--dry-time-input-font-size": "Input Font Size",
-        "--dry-time-input-padding-x": "Input Padding X",
-        "--dry-time-input-padding-y": "Input Padding Y",
-        "--dry-time-input-radius": "Input Radius"
-      },
+      cssVars: {},
       dataAttributes: [
         {
           name: "data-disabled",
           description: "Present when the component or part is disabled."
         },
         {
-          name: "data-time-input"
+          name: "data-placeholder"
+        },
+        {
+          name: "data-time-display"
         },
         {
           name: "data-time-input-wrapper"
+        },
+        {
+          name: "data-time-separator"
         }
       ],
       example: "<TimeInput>Content</TimeInput>"
@@ -11254,6 +11370,7 @@ var spec_default = {
       },
       cssVars: {
         "--dry-tags-input-font-size": "Input Font Size",
+        "--dry-tags-input-gap": "Input Gap",
         "--dry-tags-input-tag-font-size": "Input Tag Font Size",
         "--dry-tags-input-tag-padding-x": "Input Tag Padding X"
       },
@@ -11525,9 +11642,6 @@ var spec_default = {
         {
           name: "data-dragging"
         },
-        {
-          name: "data-file-upload"
-        },
         {
           name: "data-fu-dropzone"
         },
@@ -12760,6 +12874,7 @@ var spec_default = {
         "--dry-fab-color": "Text color",
         "--dry-fab-gap": "Gap spacing",
         "--dry-fab-offset": "Offset",
+        "--dry-fab-position": "Position",
         "--dry-fab-shadow": "Box shadow",
         "--dry-fab-z-index": "Z Index"
       },
@@ -13152,7 +13267,8 @@ var spec_default = {
         },
         overscan: {
           type: "number",
-          required: false
+          required: false,
+          default: "5"
         },
         children: {
           type: "Snippet<[{ item: T; index: number; style: string }]>",
@@ -14213,7 +14329,8 @@ var spec_default = {
             placeholder: {
               type: "string",
               required: false,
-              description: "Hint text shown when no value is selected or entered."
+              description: "Hint text shown when no value is selected or entered.",
+              default: "''"
             },
             readonly: {
               type: "boolean",
@@ -14299,8 +14416,20 @@ var spec_default = {
         {
           name: "data-part"
         },
+        {
+          name: "data-placeholder"
+        },
         {
           name: "data-readonly"
+        },
+        {
+          name: "data-rte-content"
+        },
+        {
+          name: "data-rte-root"
+        },
+        {
+          name: "data-rte-toolbar"
         }
       ],
       example: `<RichTextEditor.Root>
@@ -17193,18 +17322,6 @@ var spec_default = {
         "--dry-map-radius": "Border radius"
       },
       dataAttributes: [
-        {
-          name: "data-map-mapboxgl"
-        },
-        {
-          name: "data-map-maplibregl"
-        },
-        {
-          name: "data-map-marker"
-        },
-        {
-          name: "data-map-popup"
-        },
         {
           name: "data-map-root"
         },
@@ -17221,7 +17338,7 @@ var spec_default = {
     },
     SystemMap: {
       import: "@dryui/ui",
-      description: "Layered architecture diagram for DolphinGraph nodes, relationships, and audit signals",
+      description: "Layered architecture diagram that visualizes component nodes, relationships, and dependency layers",
       category: "display",
       tags: [
         "diagram",
@@ -17292,92 +17409,40 @@ var spec_default = {
         ],
         note: "Forwards <div> attributes via rest props."
       },
-      cssVars: {
-        "--dry-system-map-bg": "Map Bg",
-        "--dry-system-map-border": "Map Border",
-        "--dry-system-map-shadow": "Map Shadow",
-        "--dry-system-map-surface": "Map Surface",
-        "--dry-system-map-text": "Map Text",
-        "--dry-system-map-text-muted": "Map Text Muted"
-      },
+      cssVars: {},
       dataAttributes: [
         {
-          name: "data-canvas-shell"
-        },
-        {
-          name: "data-dashed"
-        },
-        {
-          name: "data-edge-label"
-        },
-        {
-          name: "data-empty-hint"
-        },
-        {
-          name: "data-empty-label"
-        },
-        {
-          name: "data-eyebrow"
+          name: "data-connector"
         },
         {
-          name: "data-group-label"
+          name: "data-connector-label"
         },
         {
-          name: "data-header"
+          name: "data-connector-line"
         },
         {
-          name: "data-header-badges"
+          name: "data-edge-row"
         },
         {
-          name: "data-header-text"
-        },
-        {
-          name: "data-lane-meta"
-        },
-        {
-          name: "data-lane-title"
-        },
-        {
-          name: "data-legend"
-        },
-        {
-          name: "data-legend-item"
-        },
-        {
-          name: "data-legend-items"
-        },
-        {
-          name: "data-legend-section"
-        },
-        {
-          name: "data-line-swatch"
-        },
-        {
-          name: "data-map-title"
-        },
-        {
-          name: "data-node-description"
+          name: "data-empty"
         },
         {
-          name: "data-node-label"
+          name: "data-focused"
         },
         {
-          name: "data-node-meta"
+          name: "data-node"
         },
         {
-          name: "data-summary"
+          name: "data-node-helper"
         },
         {
-          name: "data-svg"
+          name: "data-node-name"
         },
         {
-          name: "data-swatch"
+          name: "data-orphans"
         },
         {
           name: "data-system-map"
-        },
-        {
-          name: "data-thumbnail-object"
         }
       ],
       example: "<SystemMap>Content</SystemMap>"
@@ -17833,8 +17898,7 @@ var spec_default = {
         },
         blendMode: {
           type: "BlendMode",
-          required: false,
-          default: "'screen'"
+          required: false
         },
         children: {
           type: "Snippet",
@@ -23442,7 +23506,7 @@ body { margin: 0; min-height: 100dvh; }
       },
       "simple-content-page": {
         name: "simple-content-page",
-        description: "Clean content page with constrained width and vertical rhythm. Use Container for max-width and Stack for vertical spacing. Suitable for blog posts, documentation, settings pages.",
+        description: "Clean content page with constrained width and vertical rhythm. Use Container for max-width and CSS grid for vertical spacing. Suitable for blog posts, documentation, settings pages.",
         tags: [
           "page",
           "content",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dryui/wizard",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "author": "Rob Balfre",
   "license": "MIT",
   "repository": {
@@ -50,7 +50,7 @@
     "check": "bunx tsc -p ./tsconfig.json --noEmit"
   },
   "dependencies": {
-    "@dryui/mcp": "^0.1.0"
+    "@dryui/mcp": "^0.2.0"
   },
   "devDependencies": {
     "@types/node": "^25.5.0",

package/dist/app/_app/immutable/assets/0.DuShIRXe.css

@@ -1 +0,0 @@
-body{font-family:var(--dry-font-sans)}code,pre,kbd,samp{font-family:var(--dry-font-mono)}:root{--dry-color-text-strong:#000624e6;--dry-color-text-weak:#000833a6;--dry-color-icon:#000d4db3;--dry-color-stroke-strong:#000d4d73;--dry-color-stroke-weak:#0011661a;--dry-color-fill:#0015800a;--dry-color-fill-hover:#0015800a;--dry-color-fill-active:#0015801f;--dry-color-brand:#4b63d8;--dry-color-text-brand:#4b63d8;--dry-color-fill-brand:#4b63d8;--dry-color-fill-brand-hover:#2d48cd;--dry-color-fill-brand-active:#273fb4;--dry-color-fill-brand-weak:#5773ff0d;--dry-color-stroke-brand:#4b63d880;--dry-color-stroke-brand-strong:#4b63d8cc;--dry-color-stroke-brand-weak:#4b63d833;--dry-color-on-brand:#fff;--dry-color-focus-ring:#4b63d866;--dry-color-bg-base:#fff;--dry-color-bg-raised:#f8f9fa;--dry-color-bg-overlay:#f1f3f5;--dry-color-text-disabled:var(--dry-color-stroke-weak);--dry-color-text-inverse:#fff;--dry-color-text-inverse-weak:#ffffffc7;--dry-color-text-inverse-disabled:#ffffff1f;--dry-color-icon-brand:var(--dry-color-stroke-brand-strong);--dry-color-icon-disabled:var(--dry-color-stroke-weak);--dry-color-icon-inverse:var(--dry-color-stroke-inverse);--dry-color-icon-inverse-strong:var(--dry-color-text-inverse);--dry-color-icon-inverse-weak:var(--dry-color-text-inverse-weak);--dry-color-icon-inverse-disabled:var(--dry-color-text-inverse-disabled);--dry-color-stroke-focus:var(--dry-color-brand);--dry-color-stroke-selected:var(--dry-color-brand);--dry-color-stroke-disabled:var(--dry-color-stroke-weak);--dry-color-stroke-inverse:#fff9;--dry-color-stroke-inverse-weak:#ffffff1f;--dry-color-fill-strong:var(--dry-color-text-strong);--dry-color-fill-weak:var(--dry-color-fill);--dry-color-fill-weaker:#00158005;--dry-color-fill-selected:var(--dry-color-fill-brand);--dry-color-fill-disabled:var(--dry-color-stroke-weak);--dry-color-fill-overlay:var(--dry-color-stroke-strong);--dry-color-fill-inverse:var(--dry-color-text-inverse);--dry-color-fill-inverse-weak:#ffffff0f;--dry-color-fill-inverse-hover:var(--dry-color-fill-inverse-weak);--dry-color-fill-inverse-active:#ffffff1f;--dry-color-fill-inverse-disabled:#ffffff1f;--dry-color-fill-white:#fff;--dry-color-fill-yellow:#fec62e;--dry-color-bg-sunken:#f5f6fa;--dry-color-bg-alternate:var(--dry-color-bg-sunken);--dry-color-bg-brand:var(--dry-color-fill-brand);--dry-color-bg-inverse:#13141b;--dry-toggle-track-bg:#0015800a;--dry-toggle-track-stroke:#000d4d73;--dry-toggle-selected-bg:#4c64d9;--dry-toggle-selected-stroke:#4c64d9;--dry-toggle-thumb-bg:#fff;--dry-toggle-hover-bg:#0015800a;--dry-toggle-press-bg:#0011661a;--dry-toggle-disabled-fill:#0011661a;--dry-toggle-disabled-stroke:#0011661a;--dry-toggle-focus-ring:#4c64d9;--dry-toggle-label-color:#000626e6;--dry-toggle-label-disabled-color:#0011661a;--dry-color-text-error:#981b1b;--dry-color-fill-error:#d92626;--dry-color-fill-error-hover:#b62020;--dry-color-fill-error-weak:#d926261a;--dry-color-stroke-error:#d98c8c;--dry-color-stroke-error-strong:#d92626cc;--dry-color-icon-error:var(--dry-color-stroke-error-strong);--dry-color-on-error:#fff;--dry-color-text-warning:#8a610f;--dry-color-fill-warning:#e6a21a;--dry-color-fill-warning-hover:#c18815;--dry-color-fill-warning-weak:#e6a21a1a;--dry-color-stroke-warning:#dbb870;--dry-color-stroke-warning-strong:#e6a21acc;--dry-color-icon-warning:var(--dry-color-stroke-warning-strong);--dry-color-on-warning:#453008;--dry-color-text-success:#1f7a45;--dry-color-fill-success:#2eb867;--dry-color-fill-success-hover:#269755;--dry-color-fill-success-weak:#2eb8671a;--dry-color-stroke-success:#79d29e;--dry-color-stroke-success-strong:#2eb867cc;--dry-color-icon-success:var(--dry-color-stroke-success-strong);--dry-color-on-success:#fff;--dry-color-text-info:#1b5998;--dry-color-fill-info:#2680d9;--dry-color-fill-info-hover:#206bb6;--dry-color-fill-info-weak:#2680d91a;--dry-color-stroke-info:#8cb3d9;--dry-color-stroke-info-strong:#2680d9cc;--dry-color-icon-info:var(--dry-color-stroke-info-strong);--dry-color-on-info:#fff;--dry-shadow-raised:0 1px 3px #292c3d14, 0 1px 2px #292c3d0f;--dry-shadow-overlay:0 8px 24px #292c3d1f, 0 2px 8px #292c3d14;--dry-shadow-sunken:inset 0 1px 4px #00000014;--dry-color-overlay-backdrop:#0006;--dry-color-overlay-backdrop-strong:#0009;--dry-space-0_5:.125rem;--dry-space-1:.25rem;--dry-space-1_5:.375rem;--dry-space-2:.5rem;--dry-space-2_5:.625rem;--dry-space-3:.75rem;--dry-space-3_5:.875rem;--dry-space-4:1rem;--dry-space-5:1.25rem;--dry-space-6:1.5rem;--dry-space-7:1.75rem;--dry-space-8:2rem;--dry-space-9:2.25rem;--dry-space-10:2.5rem;--dry-space-11:2.75rem;--dry-space-12:3rem;--dry-space-14:3.5rem;--dry-space-16:4rem;--dry-space-20:5rem;--dry-space-24:6rem;--dry-space-32:8rem;--dry-space-40:2.5rem;--dry-space-56:3.5rem;--dry-space-64:4rem;--dry-space-80:5rem;--dry-space-96:6rem;--dry-space-128:8rem;--dry-space-192:12rem;--dry-space-256:16rem;--dry-radius-sm:4px;--dry-radius-md:8px;--dry-radius-lg:8px;--dry-radius-xl:12px;--dry-radius-2xl:16px;--dry-radius-full:9999px;--dry-font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--dry-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--dry-type-display-size:3.5rem;--dry-type-display-leading:4rem;--dry-type-heading-1-size:2.5rem;--dry-type-heading-1-leading:3rem;--dry-type-heading-2-size:2rem;--dry-type-heading-2-leading:2.5rem;--dry-type-heading-3-size:1.5rem;--dry-type-heading-3-leading:2rem;--dry-type-heading-4-size:1.25rem;--dry-type-heading-4-leading:1.75rem;--dry-type-small-size:1rem;--dry-type-small-leading:1.5rem;--dry-type-tiny-size:.875rem;--dry-type-tiny-leading:1.25rem;--dry-type-xs-size:.625rem;--dry-type-2xs-size:.5625rem;--dry-type-ui-caption-size:calc(var(--dry-type-tiny-size) * .857143);--dry-type-ui-caption-leading:calc(var(--dry-type-tiny-leading) * .8);--dry-type-ui-control-size:var(--dry-type-tiny-size);--dry-type-ui-control-leading:var(--dry-type-tiny-leading);--dry-type-ui-body-size:var(--dry-type-small-size);--dry-type-ui-body-leading:var(--dry-type-small-leading);--dry-type-ui-body-strong-size:calc((var(--dry-type-small-size) + var(--dry-type-heading-4-size)) / 2);--dry-type-ui-body-strong-leading:var(--dry-type-small-leading);--dry-type-ui-title-size:var(--dry-type-heading-4-size);--dry-type-ui-title-leading:var(--dry-type-heading-4-leading);--dry-type-ui-title-strong-size:calc((var(--dry-type-heading-4-size) + var(--dry-type-heading-3-size)) / 2);--dry-type-ui-title-strong-leading:var(--dry-type-heading-4-leading);--dry-type-ui-section-size:var(--dry-type-heading-3-size);--dry-type-ui-section-leading:var(--dry-type-heading-3-leading);--dry-type-ui-section-strong-size:calc((var(--dry-type-heading-3-size) + var(--dry-type-heading-2-size)) / 2);--dry-type-ui-section-strong-leading:calc((var(--dry-type-heading-3-leading) + var(--dry-type-heading-2-leading)) / 2);--dry-type-ui-display-size:calc((var(--dry-type-heading-2-size) + var(--dry-type-heading-1-size)) / 2);--dry-type-ui-display-leading:calc((var(--dry-type-heading-2-leading) + var(--dry-type-heading-1-leading)) / 2);--dry-text-xs-size:var(--dry-type-ui-caption-size);--dry-text-xs-leading:var(--dry-type-ui-caption-leading);--dry-text-xs-tracking:.02em;--dry-text-sm-size:var(--dry-type-ui-control-size);--dry-text-sm-leading:var(--dry-type-ui-control-leading);--dry-text-sm-tracking:.01em;--dry-text-base-size:var(--dry-type-ui-body-strong-size);--dry-text-base-leading:var(--dry-type-ui-body-strong-leading);--dry-text-lg-size:var(--dry-type-ui-title-size);--dry-text-lg-leading:var(--dry-type-ui-title-leading);--dry-text-xl-size:var(--dry-type-ui-title-strong-size);--dry-text-xl-leading:var(--dry-type-ui-title-strong-leading);--dry-text-2xl-size:var(--dry-type-ui-section-size);--dry-text-2xl-leading:var(--dry-type-ui-section-leading);--dry-text-2xl-tracking:-.01em;--dry-text-3xl-size:var(--dry-type-ui-section-strong-size);--dry-text-3xl-leading:var(--dry-type-ui-section-strong-leading);--dry-text-4xl-size:var(--dry-type-ui-display-size);--dry-text-4xl-leading:var(--dry-type-ui-display-leading);--dry-duration-instant:0s;--dry-duration-fast:.12s;--dry-duration-normal:.22s;--dry-duration-slow:.36s;--dry-duration-xslow:.56s;--dry-duration-entrance:.48s;--dry-ease-default:cubic-bezier(.4, 0, .2, 1);--dry-ease-in:cubic-bezier(.4, 0, 1, 1);--dry-ease-out:cubic-bezier(0, 0, .2, 1);--dry-ease-emphasized:cubic-bezier(.2, 0, 0, 1);--dry-ease-spring-soft:cubic-bezier(.22, 1, .36, 1);--dry-ease-spring-snappy:cubic-bezier(.16, 1, .3, 1);--dry-ease-spring:var(--dry-ease-spring-soft);--dry-motion-distance-xs:.25rem;--dry-motion-distance-sm:.75rem;--dry-motion-distance-md:1.5rem;--dry-motion-distance-lg:2.5rem;--dry-motion-opacity-enter:0;--dry-motion-blur-enter:16px;--dry-motion-scale-enter:.96;--dry-glass-blur:12px;--dry-glass-tint:var(--dry-color-bg-raised);--dry-glass-opacity:72%;--dry-glow-color:var(--dry-color-fill-brand);--dry-glow-blur:24px;--dry-glow-spread:48px;--dry-tracking-tight:-.025em;--dry-tracking-normal:0;--dry-shadow-sm:0 1px 2px 0 #0206171f;--dry-shadow-md:0 4px 6px -1px #0206172e, 0 2px 4px -2px #02061724;--dry-shadow-lg:0 10px 15px -3px #0206173d, 0 4px 6px -4px #0206172e;--dry-shadow-xl:0 20px 25px -5px #0206174d, 0 8px 10px -6px #02061738;--dry-layer-overlay:50;--dry-layer-tour-overlay:60;--dry-layer-tour-spotlight:61;--dry-layer-tour-tooltip:62;--dry-scrollbar-thumb:var(--dry-color-stroke-weak);--dry-scrollbar-thumb-hover:var(--dry-color-stroke-strong);--dry-scrollbar-track:transparent;--dry-scrollbar-width:8px}:where([data-dry-type-mode=desktop]){--dry-type-display-size:3.5rem;--dry-type-display-leading:4rem;--dry-type-heading-1-size:2.5rem;--dry-type-heading-1-leading:3rem;--dry-type-heading-2-size:2rem;--dry-type-heading-2-leading:2.5rem;--dry-type-heading-3-size:1.5rem;--dry-type-heading-3-leading:2rem;--dry-type-heading-4-size:1.25rem;--dry-type-heading-4-leading:1.75rem;--dry-type-small-size:1rem;--dry-type-small-leading:1.5rem;--dry-type-tiny-size:.875rem;--dry-type-tiny-leading:1.25rem}:where([data-dry-type-mode=mobile]){--dry-type-display-size:2.5rem;--dry-type-display-leading:3rem;--dry-type-heading-1-size:2.25rem;--dry-type-heading-1-leading:2.75rem;--dry-type-heading-2-size:1.75rem;--dry-type-heading-2-leading:2.25rem;--dry-type-heading-3-size:1.5rem;--dry-type-heading-3-leading:2rem;--dry-type-heading-4-size:1.25rem;--dry-type-heading-4-leading:1.75rem;--dry-type-small-size:1rem;--dry-type-small-leading:1.5rem;--dry-type-tiny-size:.875rem;--dry-type-tiny-leading:1.25rem}@media (prefers-reduced-motion:reduce){:root{--dry-duration-instant:0s;--dry-duration-fast:0s;--dry-duration-normal:0s;--dry-duration-slow:0s;--dry-duration-xslow:0s;--dry-duration-entrance:0s;--dry-motion-distance-xs:0px;--dry-motion-distance-sm:0px;--dry-motion-distance-md:0px;--dry-motion-distance-lg:0px;--dry-motion-opacity-enter:1;--dry-motion-blur-enter:0px;--dry-motion-scale-enter:1}}[data-theme=dark]{--dry-color-text-strong:#fff;--dry-color-text-weak:#ffffffc7;--dry-color-icon:#ffffffd9;--dry-color-stroke-strong:#fff9;--dry-color-stroke-weak:#ffffff1f;--dry-color-fill:#ffffff0f;--dry-color-fill-hover:#ffffff1a;--dry-color-fill-active:#ffffff24;--dry-color-brand:#a3b3ff;--dry-color-text-brand:#a3b3ff;--dry-color-fill-brand:#a3b3ff;--dry-color-fill-brand-hover:#8095ff;--dry-color-fill-brand-active:#667fff;--dry-color-fill-brand-weak:#a3b3ff0f;--dry-color-stroke-brand:#a3b3ff80;--dry-color-stroke-brand-strong:#a3b3ffcc;--dry-color-stroke-brand-weak:#a3b3ff33;--dry-color-on-brand:#13141b;--dry-color-focus-ring:#a3b3ff66;--dry-color-bg-base:#13141b;--dry-color-bg-raised:#1d1e25;--dry-color-bg-overlay:#292a33;--dry-color-text-disabled:var(--dry-color-stroke-weak);--dry-color-text-inverse:#000d4de6;--dry-color-text-inverse-weak:#001166a6;--dry-color-text-inverse-disabled:#0011661a;--dry-color-icon-brand:var(--dry-color-stroke-brand-strong);--dry-color-icon-disabled:var(--dry-color-stroke-weak);--dry-color-icon-inverse:var(--dry-color-stroke-inverse);--dry-color-icon-inverse-strong:var(--dry-color-text-inverse);--dry-color-icon-inverse-weak:var(--dry-color-text-inverse-weak);--dry-color-icon-inverse-disabled:var(--dry-color-text-inverse-disabled);--dry-color-stroke-focus:var(--dry-color-brand);--dry-color-stroke-selected:var(--dry-color-brand);--dry-color-stroke-disabled:var(--dry-color-stroke-weak);--dry-color-stroke-inverse:#00116673;--dry-color-stroke-inverse-weak:#0011661a;--dry-color-fill-strong:var(--dry-color-text-strong);--dry-color-fill-weak:var(--dry-color-fill);--dry-color-fill-weaker:#ffffff08;--dry-color-fill-selected:var(--dry-color-fill-brand);--dry-color-fill-disabled:var(--dry-color-stroke-weak);--dry-color-fill-overlay:var(--dry-color-stroke-strong);--dry-color-fill-inverse:var(--dry-color-text-inverse);--dry-color-fill-inverse-hover:#0015800a;--dry-color-fill-inverse-active:#0011661a;--dry-color-fill-inverse-weak:#0015800a;--dry-color-fill-inverse-disabled:#0011661a;--dry-color-fill-white:#fff;--dry-color-fill-yellow:#fec62e;--dry-color-bg-sunken:#000;--dry-color-bg-alternate:var(--dry-color-bg-sunken);--dry-color-bg-brand:var(--dry-color-fill-brand);--dry-color-bg-inverse:#fff;--dry-toggle-track-bg:#ffffff0f;--dry-toggle-track-stroke:#fff9;--dry-toggle-selected-bg:#a3b2ff;--dry-toggle-selected-stroke:#a3b2ff;--dry-toggle-thumb-bg:#292b33;--dry-toggle-hover-bg:#ffffff0f;--dry-toggle-press-bg:#ffffff1f;--dry-toggle-disabled-fill:#ffffff1f;--dry-toggle-disabled-stroke:#ffffff1f;--dry-toggle-focus-ring:#a3b2ff;--dry-toggle-label-color:var(--dry-color-text-strong);--dry-toggle-label-disabled-color:#ffffff1f;--dry-color-text-error:#e08585;--dry-color-fill-error:#d74242;--dry-color-fill-error-hover:#ca2b2b;--dry-color-fill-error-weak:#d65c5c26;--dry-color-stroke-error:#c05959;--dry-color-stroke-error-strong:#d74242cc;--dry-color-icon-error:var(--dry-color-stroke-error-strong);--dry-color-on-error:#fff;--dry-color-text-warning:#edbe5e;--dry-color-fill-warning:#e0a329;--dry-color-fill-warning-hover:#c98f1d;--dry-color-fill-warning-weak:#e6b34d26;--dry-color-stroke-warning:#cba14d;--dry-color-stroke-warning-strong:#e0a329cc;--dry-color-icon-warning:var(--dry-color-stroke-warning-strong);--dry-color-on-warning:#453008;--dry-color-text-success:#75d79e;--dry-color-fill-success:#37be6f;--dry-color-fill-success-hover:#2e9e5d;--dry-color-fill-success-weak:#61d19026;--dry-color-stroke-success:#59c084;--dry-color-stroke-success-strong:#37be6fcc;--dry-color-icon-success:var(--dry-color-stroke-success-strong);--dry-color-on-success:#fff;--dry-color-text-info:#81b3e4;--dry-color-fill-info:#428cd7;--dry-color-fill-info-hover:#2a78c6;--dry-color-fill-info-weak:#70a6db26;--dry-color-stroke-info:#598cc0;--dry-color-stroke-info-strong:#428cd7cc;--dry-color-icon-info:var(--dry-color-stroke-info-strong);--dry-color-on-info:#fff;--dry-shadow-raised:0 1px 3px #090a1166, 0 1px 2px #090a114d;--dry-shadow-overlay:0 8px 24px #090a1180, 0 2px 8px #090a1166;--dry-shadow-sunken:inset 0 1px 4px #090a114d;--dry-color-overlay-backdrop:#0009;--dry-color-overlay-backdrop-strong:#000000bf;--dry-scrollbar-thumb:var(--dry-color-stroke-weak);--dry-scrollbar-thumb-hover:var(--dry-color-stroke-strong);--dry-glass-tint:var(--dry-color-bg-raised);--dry-glass-opacity:64%}@media (prefers-color-scheme:dark){.theme-auto{--dry-color-text-strong:#fff;--dry-color-text-weak:#ffffffc7;--dry-color-icon:#ffffffd9;--dry-color-stroke-strong:#fff9;--dry-color-stroke-weak:#ffffff1f;--dry-color-fill:#ffffff0f;--dry-color-fill-hover:#ffffff1a;--dry-color-fill-active:#ffffff24;--dry-color-brand:#a3b3ff;--dry-color-text-brand:#a3b3ff;--dry-color-fill-brand:#a3b3ff;--dry-color-fill-brand-hover:#8095ff;--dry-color-fill-brand-active:#667fff;--dry-color-fill-brand-weak:#a3b3ff0f;--dry-color-stroke-brand:#a3b3ff80;--dry-color-stroke-brand-strong:#a3b3ffcc;--dry-color-stroke-brand-weak:#a3b3ff33;--dry-color-on-brand:#13141b;--dry-color-focus-ring:#a3b3ff66;--dry-color-bg-base:#13141b;--dry-color-bg-raised:#1d1e25;--dry-color-bg-overlay:#292a33;--dry-color-text-disabled:var(--dry-color-stroke-weak);--dry-color-text-inverse:#000624e6;--dry-color-text-inverse-weak:#000833a6;--dry-color-text-inverse-disabled:#0011661a;--dry-color-icon-brand:var(--dry-color-stroke-brand-strong);--dry-color-icon-disabled:var(--dry-color-stroke-weak);--dry-color-icon-inverse:var(--dry-color-stroke-inverse);--dry-color-icon-inverse-strong:var(--dry-color-text-inverse);--dry-color-icon-inverse-weak:var(--dry-color-text-inverse-weak);--dry-color-icon-inverse-disabled:var(--dry-color-text-inverse-disabled);--dry-color-stroke-focus:var(--dry-color-brand);--dry-color-stroke-selected:var(--dry-color-brand);--dry-color-stroke-disabled:var(--dry-color-stroke-weak);--dry-color-stroke-inverse:#000d4d73;--dry-color-stroke-inverse-weak:#0011661a;--dry-color-fill-strong:var(--dry-color-text-strong);--dry-color-fill-weak:var(--dry-color-fill);--dry-color-fill-weaker:#ffffff08;--dry-color-fill-selected:var(--dry-color-fill-brand);--dry-color-fill-disabled:var(--dry-color-stroke-weak);--dry-color-fill-overlay:var(--dry-color-stroke-strong);--dry-color-fill-inverse:var(--dry-color-text-inverse);--dry-color-fill-inverse-hover:#0015800a;--dry-color-fill-inverse-active:#0011661a;--dry-color-fill-inverse-weak:#0015800a;--dry-color-fill-inverse-disabled:#0011661a;--dry-color-fill-white:#fff;--dry-color-fill-yellow:#fec62e;--dry-color-bg-sunken:#000;--dry-color-bg-alternate:var(--dry-color-bg-sunken);--dry-color-bg-brand:var(--dry-color-fill-brand);--dry-color-bg-inverse:#fff;--dry-toggle-track-bg:#ffffff0f;--dry-toggle-track-stroke:#fff9;--dry-toggle-selected-bg:#a3b2ff;--dry-toggle-selected-stroke:#a3b2ff;--dry-toggle-thumb-bg:#292b33;--dry-toggle-hover-bg:#ffffff0f;--dry-toggle-press-bg:#ffffff1f;--dry-toggle-disabled-fill:#ffffff1f;--dry-toggle-disabled-stroke:#ffffff1f;--dry-toggle-focus-ring:#a3b2ff;--dry-toggle-label-color:var(--dry-color-text-strong);--dry-toggle-label-disabled-color:#ffffff1f;--dry-color-text-error:#e08585;--dry-color-fill-error:#d74242;--dry-color-fill-error-hover:#ca2b2b;--dry-color-fill-error-weak:#d65c5c26;--dry-color-stroke-error:#c05959;--dry-color-stroke-error-strong:#d74242cc;--dry-color-icon-error:var(--dry-color-stroke-error-strong);--dry-color-on-error:#fff;--dry-color-text-warning:#edbe5e;--dry-color-fill-warning:#e0a329;--dry-color-fill-warning-hover:#c98f1d;--dry-color-fill-warning-weak:#e6b34d26;--dry-color-stroke-warning:#cba14d;--dry-color-stroke-warning-strong:#e0a329cc;--dry-color-icon-warning:var(--dry-color-stroke-warning-strong);--dry-color-on-warning:#453008;--dry-color-text-success:#75d79e;--dry-color-fill-success:#37be6f;--dry-color-fill-success-hover:#2e9e5d;--dry-color-fill-success-weak:#61d19026;--dry-color-stroke-success:#59c084;--dry-color-stroke-success-strong:#37be6fcc;--dry-color-icon-success:var(--dry-color-stroke-success-strong);--dry-color-on-success:#fff;--dry-color-text-info:#81b3e4;--dry-color-fill-info:#428cd7;--dry-color-fill-info-hover:#2a78c6;--dry-color-fill-info-weak:#70a6db26;--dry-color-stroke-info:#598cc0;--dry-color-stroke-info-strong:#428cd7cc;--dry-color-icon-info:var(--dry-color-stroke-info-strong);--dry-color-on-info:#fff;--dry-shadow-raised:0 1px 3px #090a1166, 0 1px 2px #090a114d;--dry-shadow-overlay:0 8px 24px #090a1180, 0 2px 8px #090a1166;--dry-shadow-sunken:inset 0 1px 4px #090a114d;--dry-color-overlay-backdrop:#0009;--dry-color-overlay-backdrop-strong:#000000bf;--dry-scrollbar-thumb:var(--dry-color-stroke-weak);--dry-scrollbar-thumb-hover:var(--dry-color-stroke-strong);--dry-glass-tint:var(--dry-color-bg-raised);--dry-glass-opacity:64%}}:root{--wizard-shell-shadow:0 28px 90px #0a0e1c3d;--wizard-accent-a:color-mix(in srgb, var(--dry-color-primary) 22%, transparent);--wizard-accent-b:color-mix(in srgb, var(--dry-color-border) 34%, transparent);--wizard-accent-c:color-mix(in srgb, var(--dry-color-surface-raised) 76%, transparent)}*,:before,:after{box-sizing:border-box}html{font-family:var(--dry-font-sans);color:var(--dry-color-text);background:radial-gradient(circle at 14% 18%, var(--wizard-accent-a), transparent 28%), radial-gradient(circle at 86% 8%, var(--wizard-accent-b), transparent 26%), radial-gradient(circle at 60% 100%, var(--wizard-accent-c), transparent 32%), linear-gradient(180deg, var(--dry-color-bg), color-mix(in srgb, var(--dry-color-bg) 84%, #08111b 16%));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;margin:0}body:before{content:"";pointer-events:none;opacity:.8;background:linear-gradient(135deg,#ffffff05,#0000 36%),radial-gradient(circle at 50% 0,#ffffff0d,#0000 44%);position:fixed;inset:0}button,input,textarea,select{font:inherit}a{color:inherit}code,pre{font-family:var(--dry-font-mono)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}