@dryui/cli 0.1.0 → 0.1.2

package/dist/index.js

@@ -6518,7 +6518,7 @@ var require_dist = __commonJS((exports, module) => {
 // package.json
 var package_default = {
   name: "@dryui/cli",
-  version: "0.1.0",
+  version: "0.1.2",
   author: "Rob Balfre",
   license: "MIT",
   repository: {
@@ -6544,8 +6544,8 @@ var package_default = {
     build: "bun run --filter '@dryui/mcp' generate-spec && bun build src/index.ts --outdir dist --target node"
   },
   dependencies: {
-    "@dryui/feedback-server": "workspace:*",
-    "@dryui/mcp": "workspace:*"
+    "@dryui/feedback-server": "^0.1.0",
+    "@dryui/mcp": "^0.1.3"
   },
   devDependencies: {
     "@types/node": "^25.5.0",
@@ -6554,7 +6554,7 @@ var package_default = {
 };
 // ../mcp/src/spec.json
 var spec_default = {
-  version: "0.1.0",
+  version: "0.1.5",
   package: "@dryui/ui",
   themeImports: {
     default: "@dryui/ui/themes/default.css",
@@ -6728,6 +6728,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"
         },
@@ -7453,6 +7459,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",
@@ -8536,6 +8549,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.",
@@ -8671,6 +8687,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.",
@@ -9074,8 +9093,7 @@ var spec_default = {
         ]
       },
       cssVars: {
-        "--dry-field-gap": "Gap spacing",
-        "--dry-field-label-order": "Label Order"
+        "--dry-field-gap": "Gap spacing"
       },
       dataAttributes: [
         {
@@ -9848,6 +9866,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."
@@ -10971,9 +10992,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"
         },
@@ -11448,6 +11466,9 @@ var spec_default = {
         },
         {
           name: "data-tabs-trigger"
+        },
+        {
+          name: "data-tabs-trigger-content"
         }
       ],
       example: `<Tabs.Root bind:value={activeTab}>
@@ -14626,11 +14647,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: {
@@ -14668,12 +14689,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: {
@@ -16372,6 +16395,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",
@@ -16379,9 +16403,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."
@@ -16395,6 +16443,9 @@ var spec_default = {
         {
           name: "data-dp-trigger"
         },
+        {
+          name: "data-indicator"
+        },
         {
           name: "data-invalid",
           description: "Present when the current field value is invalid."
@@ -16858,9 +16909,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."
@@ -16874,15 +16949,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"
         },
@@ -17416,8 +17491,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",
@@ -17427,12 +17508,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."
@@ -17455,10 +17557,6 @@ var spec_default = {
         {
           name: "data-range-start"
         },
-        {
-          name: "data-selected",
-          description: "Present when the current item is selected."
-        },
         {
           name: "data-today"
         }
@@ -17807,6 +17905,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"
       },
@@ -18078,9 +18177,6 @@ var spec_default = {
         {
           name: "data-dragging"
         },
-        {
-          name: "data-file-upload"
-        },
         {
           name: "data-fu-dropzone"
         },
@@ -19313,6 +19409,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"
       },
@@ -19705,7 +19802,8 @@ var spec_default = {
         },
         overscan: {
           type: "number",
-          required: false
+          required: false,
+          default: "5"
         },
         children: {
           type: "Snippet<[{ item: T; index: number; style: string }]>",
@@ -20766,7 +20864,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",
@@ -20852,8 +20951,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>
@@ -23746,18 +23857,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"
         },
@@ -23774,7 +23873,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",
@@ -23845,92 +23944,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-connector"
         },
         {
-          name: "data-dashed"
+          name: "data-connector-label"
         },
         {
-          name: "data-edge-label"
+          name: "data-connector-line"
         },
         {
-          name: "data-empty-hint"
+          name: "data-edge-row"
         },
         {
-          name: "data-empty-label"
-        },
-        {
-          name: "data-eyebrow"
-        },
-        {
-          name: "data-group-label"
-        },
-        {
-          name: "data-header"
-        },
-        {
-          name: "data-header-badges"
-        },
-        {
-          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>"
@@ -24386,8 +24433,7 @@ var spec_default = {
         },
         blendMode: {
           type: "BlendMode",
-          required: false,
-          default: "'screen'"
+          required: false
         },
         children: {
           type: "Snippet",
@@ -29995,7 +30041,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",
@@ -32235,12 +32281,23 @@ function installCommand(packageManager) {
       return "npm install @dryui/ui";
   }
 }
+function buildThemeImportLines(spec) {
+  return `  import '${spec.themeImports.default}';
+  import '${spec.themeImports.dark}';`;
+}
 function buildThemeImportSnippet(spec) {
+  return ["<script>", buildThemeImportLines(spec), "</script>"].join(`
+`);
+}
+function buildRootLayoutSnippet(spec) {
   return [
-    '<script lang="ts">',
-    `  import '${spec.themeImports.default}';`,
-    `  import '${spec.themeImports.dark}';`,
-    "</script>"
+    "<script>",
+    buildThemeImportLines(spec),
+    "",
+    "  let { children } = $props();",
+    "</script>",
+    "",
+    "{@render children()}"
   ].join(`
 `);
 }
@@ -32348,7 +32405,7 @@ function planInstall(spec, inputPath) {
         kind: "edit-file",
         status: "pending",
         title: "Add theme imports to app.css",
-        description: "Ensure the app-level stylesheet imports both default and dark DryUI themes.",
+        description: "Prepend the two @import lines from the snippet to the TOP of the existing src/app.css file, before any other CSS rules. Do not create a second file.",
         path: detection.files.appCss,
         snippet: buildThemeImportCssSnippet(spec)
       });
@@ -32358,16 +32415,16 @@ function planInstall(spec, inputPath) {
         kind: "create-file",
         status: "pending",
         title: "Create root layout with theme imports",
-        description: "Create src/routes/+layout.svelte and add the required DryUI theme imports.",
+        description: "Create the file at the path below with the snippet as its full content. The file must include {@render children()} or pages will not render.",
         ...path ? { path } : {},
-        snippet: buildThemeImportSnippet(spec)
+        snippet: buildRootLayoutSnippet(spec)
       });
     } else {
       steps.push({
         kind: "edit-file",
         status: "pending",
         title: "Add theme imports to the root layout",
-        description: "Ensure the root layout imports both default and dark DryUI themes.",
+        description: "Add the two import lines from the snippet into the EXISTING <script> block in this file. Do not create a second <script> block. If no <script> block exists, add one at the top of the file.",
         path: detection.files.rootLayout,
         snippet: buildThemeImportSnippet(spec)
       });
@@ -32385,9 +32442,9 @@ function planInstall(spec, inputPath) {
       kind: "edit-file",
       status: "pending",
       title: "Set html theme mode to auto",
-      description: 'Add class="theme-auto" to the html element in src/app.html.',
+      description: 'In src/app.html, find the opening <html> tag (e.g. <html lang="en">) and add class="theme-auto" to it, preserving any existing attributes. Result should be like <html lang="en" class="theme-auto">. Do NOT add a second <html> element.',
       path: detection.files.appHtml,
-      snippet: '<html class="theme-auto">'
+      snippet: '<html lang="en" class="theme-auto">'
     });
   }
   if (steps.length === 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dryui/cli",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "author": "Rob Balfre",
   "license": "MIT",
   "repository": {
@@ -16,9 +16,6 @@
   "files": [
     "dist"
   ],
-  "publishConfig": {
-    "access": "public"
-  },
   "bin": {
     "dryui": "./dist/index.js"
   },
@@ -26,8 +23,8 @@
     "build": "bun run --filter '@dryui/mcp' generate-spec && bun build src/index.ts --outdir dist --target node"
   },
   "dependencies": {
-    "@dryui/feedback-server": "workspace:*",
-    "@dryui/mcp": "workspace:*"
+    "@dryui/feedback-server": "^0.1.0",
+    "@dryui/mcp": "^0.1.3"
   },
   "devDependencies": {
     "@types/node": "^25.5.0",