@pure-ds/core 0.6.9 → 0.6.11

package/public/assets/pds/templates/templates.json

@@ -0,0 +1,53 @@
+{
+  "version": "1",
+  "templates": [
+    {
+      "id": "commerce-scroll-explorer",
+      "name": "Commerce Scroll Explorer",
+      "description": "Product-focused canvas with pds-scrollrow, smart surfaces, border effects, dropdown actions, and interactive controls.",
+      "icon": "shopping-cart",
+      "file": "commerce-scroll-explorer.html",
+      "tags": ["scrollrow", "cards", "dropdown", "interactive", "border-effects", "surfaces"]
+    },
+    {
+      "id": "workspace-settings-lab",
+      "name": "Workspace Settings Lab",
+      "description": "Rich settings canvas with enhanced forms, toggles, accordion sections, and state-heavy controls for rapid theme/config evaluation.",
+      "icon": "gear",
+      "file": "workspace-settings-lab.html",
+      "tags": ["forms", "enhancements", "accordion", "states", "settings"]
+    },
+    {
+      "id": "content-brand-showcase",
+      "name": "Content & Brand Showcase",
+      "description": "Narrative layout with blockquotes, nested smart surfaces, dropdown panels, cards, and contrast-sensitive text hierarchy.",
+      "icon": "text-aa",
+      "file": "content-brand-showcase.html",
+      "tags": ["blockquote", "surfaces", "dropdown", "cards", "branding"]
+    },
+    {
+      "id": "feedback-ops-dashboard",
+      "name": "Feedback Ops Dashboard",
+      "description": "Monthly feedback operations layout with progress tracking, response coverage, theme summaries, and action-ready controls.",
+      "icon": "list",
+      "file": "feedback-ops-dashboard.html",
+      "tags": ["dashboard", "feedback", "progress", "kpi", "scrollrow", "cards"]
+    },
+    {
+      "id": "support-command-center",
+      "name": "Support Command Center",
+      "description": "Service desk dashboard with SLA progress, backlog pressure cards, throughput metrics, and escalation playbook sections.",
+      "icon": "gear",
+      "file": "support-command-center.html",
+      "tags": ["dashboard", "support", "sla", "operations", "accordion", "metrics"]
+    },
+    {
+      "id": "release-readiness-radar",
+      "name": "Release Readiness Radar",
+      "description": "Launch-readiness dashboard combining gate checks, risk pressure, deployment windows, and go/no-go action controls.",
+      "icon": "rocket",
+      "file": "release-readiness-radar.html",
+      "tags": ["dashboard", "release", "readiness", "risk", "kpi", "operations"]
+    }
+  ]
+}

package/public/assets/pds/templates/workspace-settings-lab.html

@@ -0,0 +1,131 @@
+<section class="stack-lg" aria-label="Workspace Settings Lab">
+  <header class="card surface-elevated stack-sm">
+    <h2>Workspace Settings Lab</h2>
+    <p class="text-muted">Stress-test form controls, toggles, grouped settings, and responsive surfaces in one place.</p>
+  </header>
+
+  <section class="grid grid-auto-md gap-md">
+    <article class="card surface-base stack-sm border-gradient">
+      <h3>Profile form</h3>
+      <form data-required class="stack-sm">
+        <label>
+          <span data-label>Name</span>
+          <div class="input-icon">
+            <pds-icon icon="user"></pds-icon>
+            <input type="text" required placeholder="Alex Morgan" />
+          </div>
+        </label>
+        <label>
+          <span data-label>Email</span>
+          <div class="input-icon">
+            <pds-icon icon="envelope"></pds-icon>
+            <input type="email" required placeholder="alex@team.dev" />
+          </div>
+        </label>
+        <label>
+          <span data-label>Role</span>
+          <select>
+            <option>Designer</option>
+            <option>Developer</option>
+            <option>Product Manager</option>
+          </select>
+        </label>
+        <label>
+          <span data-label>Notes</span>
+          <textarea rows="3" placeholder="Context about this user profile..."></textarea>
+        </label>
+        <div class="flex gap-sm">
+          <button class="btn-primary" type="submit">Save</button>
+          <button class="btn-secondary" type="button">Cancel</button>
+        </div>
+      </form>
+    </article>
+
+    <article class="card surface-subtle stack-sm border-glow">
+      <h3>Notification panel (Dropdown)</h3>
+      <nav data-dropdown data-mode="auto">
+        <button class="btn-outline">Notification settings</button>
+        <div class="card surface-overlay grid grid-auto gap-sm">
+          <label data-toggle>
+            <input type="checkbox" checked />
+            <span data-label>Email alerts</span>
+          </label>
+          <label data-toggle>
+            <input type="checkbox" />
+            <span data-label>Slack alerts</span>
+          </label>
+          <label data-toggle>
+            <input type="checkbox" checked />
+            <span data-label>Weekly digest</span>
+          </label>
+          <div class="flex gap-sm">
+            <button class="btn-primary btn-sm">Apply</button>
+            <button class="btn-secondary btn-sm">Reset</button>
+          </div>
+        </div>
+      </nav>
+      <blockquote>
+        “Dropdown panels and toggle labels should remain readable under all palette combinations.”
+      </blockquote>
+    </article>
+  </section>
+
+  <section class="card surface-base stack-sm">
+    <h3>Settings sections (Accordion)</h3>
+    <section class="accordion" aria-label="Workspace settings groups">
+      <details open>
+        <summary id="settings-privacy">Privacy</summary>
+        <div role="region" aria-labelledby="settings-privacy" class="card stack-sm">
+          <label data-toggle>
+            <input type="checkbox" checked />
+            <span data-label>Require 2FA</span>
+          </label>
+          <label data-toggle>
+            <input type="checkbox" />
+            <span data-label>Mask sensitive fields</span>
+          </label>
+        </div>
+      </details>
+      <details>
+        <summary id="settings-appearance">Appearance</summary>
+        <div role="region" aria-labelledby="settings-appearance" class="card grid grid-cols-3 gap-sm">
+          <button class="btn-primary btn-sm">Primary</button>
+          <button class="btn-secondary btn-sm">Secondary</button>
+          <button class="btn-outline btn-sm">Outline</button>
+        </div>
+      </details>
+      <details>
+        <summary id="settings-audit">Audit & Activity</summary>
+        <div role="region" aria-labelledby="settings-audit" class="card stack-sm">
+          <article class="card surface-elevated stack-xs">
+            <strong>10:42</strong>
+            <small class="text-muted">Preset switched for review session.</small>
+          </article>
+          <article class="card surface-sunken stack-xs">
+            <strong>11:07</strong>
+            <small class="text-muted">Button radius and input spacing adjusted.</small>
+          </article>
+        </div>
+      </details>
+    </section>
+  </section>
+
+  <section class="grid grid-auto-sm gap-md">
+    <article class="card surface-elevated stack-sm">
+      <h4>State chip panel</h4>
+      <div class="flex gap-sm flex-wrap">
+        <span class="badge badge-primary">Primary</span>
+        <span class="badge badge-success">Success</span>
+        <span class="badge badge-warning">Warning</span>
+        <span class="badge badge-danger">Danger</span>
+      </div>
+    </article>
+    <article class="card surface-overlay stack-sm border-gradient">
+      <h4>Action states</h4>
+      <div class="flex gap-sm">
+        <button class="btn-primary btn-working" type="button">Saving</button>
+        <button class="btn-outline" type="button" disabled>Disabled</button>
+      </div>
+    </article>
+  </section>
+</section>

package/public/assets/pds/vscode-custom-data.json

@@ -689,10 +689,22 @@
         }
       ]
     },
+    {
+      "name": "COMPONENT_TAG",
+      "description": "PdsLiveConverter component"
+    },
     {
       "name": "EDITOR_TAG",
       "description": "PdsLiveEdit component"
     },
+    {
+      "name": "COMPONENT_TAG",
+      "description": "PdsLiveImporter component"
+    },
+    {
+      "name": "COMPONENT_TAG",
+      "description": "PdsLiveTemplateCanvas component"
+    },
     {
       "name": "pds-omnibox",
       "description": "PdsOmnibox component",
@@ -724,10 +736,6 @@
         {
           "name": "icon",
           "description": ""
-        },
-        {
-          "name": "item-grid",
-          "description": ""
         }
       ]
     },
@@ -792,6 +800,14 @@
               "name": "center"
             }
           ]
+        },
+        {
+          "name": "tile-min",
+          "description": "Minimum tile width (CSS length, e.g. \"250px\")"
+        },
+        {
+          "name": "tile-max",
+          "description": "Maximum tile width (CSS length, e.g. \"360px\")"
         }
       ]
     },
@@ -853,6 +869,40 @@
       "name": "pds-toaster",
       "description": "AppToaster component"
     },
+    {
+      "name": "pds-treeview",
+      "description": "PdsTreeview component",
+      "attributes": [
+        {
+          "name": "name",
+          "description": ""
+        },
+        {
+          "name": "value",
+          "description": ""
+        },
+        {
+          "name": "disabled",
+          "description": ""
+        },
+        {
+          "name": "required",
+          "description": ""
+        },
+        {
+          "name": "display-only",
+          "description": ""
+        },
+        {
+          "name": "expanded-all",
+          "description": ""
+        },
+        {
+          "name": "src",
+          "description": ""
+        }
+      ]
+    },
     {
       "name": "pds-upload",
       "description": "Drag-and-drop file uploader that participates in native forms.",

package/readme.md

@@ -1513,6 +1513,40 @@ npm run pds:css-data    # CSS token & class autocomplete
 
 See [INTELLISENSE.md](./INTELLISENSE.md) for setup instructions.
 
+### Import External HTML / Styles (`pds-import`)
+
+Use `pds-import` to run the same import pipeline used by live edit from CLI.
+
+```bash
+# 1) Convert HTML only (no style adoption)
+node packages/pds-cli/bin/pds-import.js \
+  --type tailwind-html \
+  --mode convert-only \
+  --source ./input.html \
+  --out ./out/import-result.json \
+  --html-out ./out/import-result.html
+
+# 2) Convert HTML + adopt inferred styles
+node packages/pds-cli/bin/pds-import.js \
+  --type tailwind-html \
+  --mode adopt-design-and-convert \
+  --source ./input.html \
+  --out ./out/adopt-result.json \
+  --html-out ./out/adopt-result.html \
+  --design-out ./out/adopt-design.json
+```
+
+**Modes**
+- `convert-only`: outputs converted template HTML only (no design patch application intent)
+- `adopt-design-and-convert`: outputs converted HTML plus inferred `designPatch`
+
+**Where output goes**
+- `--out`: full import result JSON (required)
+- `--html-out`: writes `result.template.html` when present
+- `--design-out`: writes `result.designPatch` JSON
+
+All paths are resolved from your current working directory, and directories are created automatically.
+
 ### Configuration
 
 ```javascript