@dryui/wizard 0.0.2 → 0.0.4

package/dist/components.js

@@ -1,7 +1,7 @@
 // @bun
 // ../mcp/src/spec.json
 var spec_default = {
-  version: "0.1.0",
+  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",