@mtdt/observeops-ds-spec 0.1.2 → 0.1.4

package/components/registry/layout-screen-regions.json

@@ -0,0 +1,94 @@
+{
+  "name": "layout-screen-regions",
+  "component": "screenRegions / contentLayouts",
+  "display": "Screen regions",
+  "tier": "foundation",
+  "section": "Foundations",
+  "family": "Layout",
+  "status": "stable",
+  "summary": "Inside the content panel a standard page stacks four regions top-to-bottom: Page header (required) → Toolbar / filter bar (optional) → Body (required) → Footer / pagination (optional). The body takes one of 6 content layouts — single column, two-pane, master-detail, dashboard grid, three-pane, chart-over-grid.",
+  "props": {
+    "shape": {
+      "type": "string",
+      "default": "two-pane",
+      "enum": [
+        "single",
+        "two-pane",
+        "master-detail",
+        "dashboard",
+        "three-pane",
+        "chart-over-grid"
+      ],
+      "note": "the body's content layout"
+    },
+    "toolbar": {
+      "type": "boolean",
+      "default": "false",
+      "note": "show the optional toolbar / filter bar"
+    },
+    "footer": {
+      "type": "boolean",
+      "default": "false",
+      "note": "show the optional footer / pagination"
+    },
+    "callouts": {
+      "type": "boolean",
+      "default": "false",
+      "note": "render the annotated 4-region wireframe instead of the interactive panel"
+    }
+  },
+  "regions": [
+    "Page header — required; the page title + primary actions (carries the --primary left accent)",
+    "Toolbar / filter bar — optional; search, filters, view switches",
+    "Body — required; one of the 6 content layouts",
+    "Footer / pagination — optional; pagination, bulk-action summary"
+  ],
+  "contentLayouts": [
+    "single column — list / form",
+    "two-pane — left tree/menu + content",
+    "master-detail — list + drawer slide-over",
+    "dashboard grid — tiles",
+    "three-pane — saved-views rail + picker + content (e.g. Metric Explorer)",
+    "chart-over-grid — a fixed chart above a grid (e.g. Trap Viewer / log dashboards)"
+  ],
+  "do": [
+    "Compose top-down: Page header → Toolbar → Body → Footer.",
+    "Mark required regions (Page header, Body) with the primary left accent.",
+    "Pick the content layout that matches the task (two-pane for tree+content, master-detail for list+record)."
+  ],
+  "dont": [
+    "Don't omit the Page header (it's required).",
+    "Don't use a drawer for a panel-sized record where two-pane reads better."
+  ],
+  "tokensUsed": [
+    "--border-color",
+    "--page-background-color",
+    "--primary",
+    "--code-tag-background-color",
+    "--nav-panel-bg",
+    "--neutral-shadow-light"
+  ],
+  "related": [
+    "layout-app-shell",
+    "layout-grid"
+  ],
+  "storybook": "Foundations/Layout/Screen regions",
+  "a11y": {
+    "summary": "Region grammar. The Page header hosts the page heading (h1) + primary actions; the Body is the <main> content. Required regions carry the primary left accent.",
+    "issues": []
+  },
+  "knownIssues": [
+    "Shape references for the body — not live components."
+  ],
+  "changelog": [
+    "2026-06-29: added — the 4-region stack + 6 content layouts; interactive shape/toolbar/footer.",
+    "2026-06-29: fixed two-pane (30/70) and three-pane (18/26/56) column proportions (were rendering as equal columns).",
+    "2026-06-29: Usage enriched — when-to-use + where-it's-used."
+  ],
+  "whenToUse": "Compose a page top-to-bottom — header → (toolbar) → body → (footer) — then give the body one of six content layouts.",
+  "usedIn": [
+    "Every in-app page's content panel.",
+    "Two-pane → explorers, settings · Master-detail → alert/inventory records · Dashboard grid → dashboards.",
+    "Three-pane → metric / apm explorers · Chart-over-grid → trap viewer / log dashboards."
+  ]
+}

package/components/registry/layout-shells.json

@@ -0,0 +1,67 @@
+{
+  "name": "layout-shells",
+  "component": "views/layouts/*",
+  "display": "Layout shells",
+  "tier": "foundation",
+  "section": "Foundations",
+  "family": "Layout",
+  "status": "stable",
+  "summary": "The 4 route shells (chosen by the src/app.vue switcher + route.meta.layout override) + 2 content layouts that render inside Layout. They differ by chrome: Layout (nav + header + content, the default) · LoginLayout (bare sign-in) · EmptyLayout / PublicLayout (no chrome, padded) · MonitorHierarchyLayout (tree + content) · Settings two-pane (menu + content).",
+  "props": {
+    "shell": {
+      "type": "string",
+      "default": "layout",
+      "enum": [
+        "layout",
+        "login",
+        "empty",
+        "public",
+        "monitor-hierarchy",
+        "settings"
+      ],
+      "note": "which shell to preview"
+    }
+  },
+  "do": [
+    "Use Layout for in-app pages (default — no route override).",
+    "Use LoginLayout for auth screens; it's also the not-logged-in fallback.",
+    "MonitorHierarchyLayout / Settings two-pane render INSIDE Layout — they are content layouts, not route shells."
+  ],
+  "dont": [
+    "Don't treat MonitorHierarchyLayout as a route shell (0 meta.layout overrides).",
+    "Don't add a route layout override unless you need EmptyLayout / PublicLayout."
+  ],
+  "tokensUsed": [
+    "--nav-panel-bg",
+    "--border-color",
+    "--page-background-color",
+    "--primary",
+    "--code-tag-background-color",
+    "--nav-hover-bg",
+    "--neutral-shadow-light"
+  ],
+  "related": [
+    "layout-app-shell",
+    "layout-screen-regions",
+    "layout-page-templates"
+  ],
+  "storybook": "Foundations/Layout/Layout shells",
+  "a11y": {
+    "summary": "Shell chrome reference. Each shell wraps the routed page; landmarks + focus order follow the App shell. LoginLayout is a bare, focus-trapped auth screen.",
+    "issues": []
+  },
+  "knownIssues": [
+    "MonitorHierarchyLayout is a content layout, NOT a route shell (0 meta.layout overrides) — a common misclassification."
+  ],
+  "changelog": [
+    "2026-06-29: added — the 4 route shells + 2 content layouts, with a recognizable per-shell preview.",
+    "2026-06-29: Usage enriched — when-to-use + where-it's-used."
+  ],
+  "whenToUse": "Which page frame to use — almost always the default Layout; switch only for login, print/export, or system (upgrade/restore) pages.",
+  "usedIn": [
+    "Layout — ~all authenticated routes (the default).",
+    "LoginLayout — login / reset / forgot + disk-full + the unauth fallback.",
+    "EmptyLayout — print-safe report export · PublicLayout — upgrade / restore.",
+    "MonitorHierarchyLayout — log / inventory / topology (inside Layout) · Settings two-pane — all settings submodules."
+  ]
+}

package/components/registry/loose-tags.json

@@ -177,7 +177,8 @@
     "MSelect"
   ],
   "changelog": [
-    "2026-06-07: added — 3 render modes mapped; teal pills + JetBrains Mono verified light+dark; F1-F4; classified as Tag family input member (D12); Option B pages."
+    "2026-06-07: added — 3 render modes mapped; teal pills + JetBrains Mono verified light+dark; F1-F4; classified as Tag family input member (D12); Option B pages.",
+    "2026-06-29: rebuilt as the unified Tags Input — type=\"loose\" (free-create teal pills) + type=\"select\" (pick-from-list chips); added the suggestion menu + chevron, select disabled/loading states (FA spinner-third), and fixed the loading placeholder + field width."
   ],
   "storybook": "Molecules/LooseTags",
   "figma": {

package/components/registry/selected-pills.json

@@ -0,0 +1,54 @@
+{
+  "name": "selected-pills",
+  "component": "SelectedItemPills",
+  "display": "Selected Pills",
+  "tier": "molecule",
+  "family": "Tag",
+  "status": "stable",
+  "summary": "Teal key:value pills for a current selection inside a picker/multi-select trigger. Truncates to max-items, then a \"+N\" pill opens a popover listing the rest. Display-only (the home of the teal pills, read-only mode).",
+  "props": {
+    "value": {
+      "type": "string",
+      "default": "\"\"",
+      "note": "CSV (\"a:1,b:2\") or JSON array; or an Array set as a property."
+    },
+    "max-items": {
+      "type": "number",
+      "default": "1",
+      "note": "How many pills to show before collapsing the rest into +N."
+    }
+  },
+  "do": [
+    "Use inside a picker/multi-select trigger to show the current selection as teal key:value pills.",
+    "Set max-items to control how many show before collapsing into a +N overflow pill."
+  ],
+  "dont": [
+    "Don't use for an editable tag list — use Tags Input.",
+    "Don't rely on it for interaction; it is a display surface (the +N popover is the only affordance)."
+  ],
+  "a11y": {
+    "summary": "Read-only display. Pills are not interactive; the only affordance is the +N popover, which must be keyboard-reachable and dismissible. Each pill reads as \"key: value\".",
+    "issues": [
+      "The +N popover is hover/click-opened; ensure it is also keyboard-focusable in the product."
+    ]
+  },
+  "knownIssues": [
+    "Display-only — for an editable selection use the Dropdown (multiple) or Tags Input."
+  ],
+  "changelog": [
+    "2026-06-29: added a full registry (Details / Usage / Accessibility / Known issues / Changelog) — it previously rendered from a manifest fallback with only Details."
+  ],
+  "tokensUsed": [
+    "--main-tags-bg-color",
+    "--main-tags-text-color",
+    "--border-color",
+    "--page-background-color",
+    "--neutral-light"
+  ],
+  "related": [
+    "loose-tags",
+    "dropdown-picker",
+    "tag"
+  ],
+  "storybook": "Molecules/TagsList"
+}

package/components/registry/severity.json

@@ -175,5 +175,9 @@
     "doc": "Atoms/Severity/Accessibility",
     "$note": "Catalogue-wide gap SF-001 = no visible :focus-visible ring; tracked in findings/."
   },
-  "slots": "none — presentational (renders the dot + optional label from props; no slots)"
+  "slots": "none — presentational (renders the dot + optional label from props; no slots)",
+  "changelog": [
+    "2026-06-27: added to the Elements site — 13 severity levels in dot / dot+label / solid-chip / coloured-text / bg-fill shapes; source-accurate 11px dot (the Storybook reproduction enlarges to 14px).",
+    "2026-06-29: stripe shown in both real usages — the standalone bar AND the table/list left-rule row."
+  ]
 }

package/components/registry/tooltip.json

@@ -171,5 +171,10 @@
     ],
     "doc": "Molecules/Tooltip/Accessibility",
     "$note": "Catalogue-wide gap SF-001 = no visible :focus-visible ring; tracked in findings/."
-  }
+  },
+  "changelog": [
+    "2026-06-29: added to the Elements site — obs-tooltip (hover/focus bubble): dark default + chart-like light variant, placements, disabled; render-first from tooltip.stories.js + popover.less.",
+    "2026-06-30: added the Rich content example (slotted title + key/values host hover-card, placement=right) to match the RichContent story; reworked the Examples gallery layout so open bubbles get directional breathing room (placements stacked & centered) — no longer overlap labels/neighbours or clip at the panel edge.",
+    "2026-06-30: added a Playground 'Content' control (Plain text / Rich host hover-card) via a new slot-preset control kind — lets you drive the slotted rich-content body live (snippet now serializes innerHTML)."
+  ]
 }

package/components/specs/divider.md

@@ -0,0 +1,112 @@
+# Divider (`MDivider`) — Spec, Findings & Solutions
+
+**Tier:** atom · **Source:** mkit (wraps Ant `a-divider`) · **Status:** core · **Maturity:** stable ·
+**Storybook:** `Atoms/Divider` · **Registry:** `registry/divider.json` · **Figma:** not started
+
+## 1. Usage analytics
+
+Total **133×** across **93** files. By type: **horizontal 126** (implicit default), **vertical 7**
+(`type="vertical"`). By module: settings 31 · shared components 14 · alert 10 · ncm-approval 6 · ncm 6 ·
+topology 5 · apm 4 · … `dashed` and with-text/`orientation` have **zero** product uses. *(byType exact
+from the sweep; the horizontal count is total − vertical.)*
+
+## 2. Overview
+
+A divider is a thin rule that marks a **semantic break** between content. Use **horizontal** (the
+default) to separate stacked sections and **vertical** (`type="vertical"`) to separate inline items. If
+you only want breathing room, that is **spacing**, not a divider — the product leans on plain horizontal
+rules and reserves vertical for genuinely inline groupings.
+
+## 3. Anatomy
+
+A single `role="separator"` rule: the **line** (1px, `var(--border-color)`) and, for a with-text
+divider, an **inner label** (`var(--page-text-color)`) breaking the line, positioned center / start / end.
+
+## 4. Options
+
+| Type | What | Usage |
+| --- | --- | --- |
+| `horizontal` (default) | full-width rule between stacked sections | 126× |
+| `vertical` | inline separator between row items | 7× |
+| `dashed` | dashed/soft boundary | 0× (kit-supported) |
+| with-text (slot + `orientation`) | labelled section rule | 0× (kit-supported) |
+| `darkVariant` | tuned for a dark background | rare |
+
+## 5. Behaviors
+
+Static and decorative — no interactive states, no overflow behavior. A vertical divider is inline-block
+and inherits line height from its row; a with-text divider splits into `::before`/`::after` segments
+whose widths shift with `orientation` (`start` → label flush left, `end` → flush right).
+
+## 6. Content & writing
+
+With-text labels should be short section names (1–3 words), Title Case, no trailing punctuation. Prefer
+a real heading when the section is important — a label-on-a-rule is a lightweight affordance, not a heading.
+
+## 7. Accessibility
+
+Ant renders `role="separator"`, conveying a thematic break to assistive tech. A rule is a **visual**
+break, not a landmark/heading — give navigable sections a real heading. Line contrast is a low hairline
+by design (`--border-color`: `#e3e8f2` light / `#1d2a3e` dark); never rely on a divider alone to convey
+meaning. See `Atoms/Divider/Accessibility`.
+
+## 8. Props / API
+
+| Prop | Type | Default | Notes |
+| --- | --- | --- | --- |
+| `type` | string | `horizontal` | `horizontal` \| `vertical` (inline separator) |
+| `dashed` | boolean | `false` | dashed instead of solid |
+| `orientation` | string | `''` (center) | `start` → left, `end` → right (label position) |
+| `darkVariant` | boolean | `false` | tuned for a dark background |
+
+Slot: default = optional label text (renders a with-text divider). Events: none.
+
+## 9. Design tokens used
+
+`--border-color` (the line), `--page-text-color` (with-text label), `--neutral-lightest` (label
+background in forms), `--action-dropdown-divider` (menu dividers), `--nav-divider-bg` (nav dividers).
+
+## 10. Findings & inconsistencies
+
+### F1 — `dashed` renders solid (no-op) · Low · Open
+
+The `dashed` prop has **no visible effect**. The DS override `.ant-divider { background: var(--border-color) }`
+(general.less:213, form.less:448) paints a solid 1px line via `background` over Ant's dashed `border-top`.
+Verified by computed style: the dashed element carries `border-top-style: dashed` **and**
+`background: rgb(227,232,242)` on a 1px-high box — the solid fill wins. 0× product use (the no-op is why).
+
+Note: with-text / `orientation` are kit-supported but unused — surfaced as available options so the catalogue
+matches reality.
+
+## 11. Recommended solutions
+
+**F1:** to make `dashed` work, stop painting the line via `background` on `.ant-divider` and let Ant's
+`border-top` render it — e.g. scope the `background` fill to the non-dashed case, or add
+`.ant-divider-dashed { background: transparent }`. Until then, treat `dashed` as unavailable. Otherwise
+guidance-only: prefer spacing over dividers for non-semantic gaps; reserve vertical for inline groupings.
+
+## 12. Do / Don't
+
+**Do:** one rule per boundary; try whitespace first; inherit `var(--border-color)`; vertical for inline,
+horizontal for stacked.  ·  **Don't:** use a divider as a spacer; stack dividers / box every section;
+rely on a divider alone to convey meaning.
+
+## 13. Decision-grade usage
+
+Decision flow (first match wins): space-only → margin, not a divider · inline items → `vertical` ·
+labelled group → with-text · else stacked → horizontal · modifiers dashed/darkVariant. Per-type
+Use-when/Don't/Example/As-seen-in cards are word-identical to `registry/divider.json` `usageRules` and
+the `Atoms/Divider/Usage` page.
+
+## 14. Related components
+
+`Table` (row rules) · `Toolbars` (inline action groups that use a vertical divider) · `Form Item`
+(form-section boundaries) · spacing tokens (the first thing to try instead of a divider).
+
+## 15. Changelog
+
+- **2026-07-04** — Added to the DS (first catalogue). Swept 133×/93 files (126 horizontal + 7 vertical;
+  with-text unused). Line verified as `var(--border-color)` (light + dark). Decision-grade Usage authored
+  and mirrored into the registry.
+- **2026-07-04** — **F1 (owner-caught):** `dashed` is a no-op (renders solid) — the `.ant-divider` background
+  override paints over Ant's dashed border. Flagged in the Dashed story + Usage; measured by computed style.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mtdt/observeops-ds-spec",
-  "version": "0.1.2",
-  "description": "Machine-readable spec and AI operating contract for the Motadata ObserveOps design system — components, tokens, page recipes, layout structure, and the rules an AI tool follows to build ObserveOps UI faithfully.",
+  "version": "0.1.4",
+  "description": "Machine-readable spec and AI operating contract for the Motadata ObserveOps design system \u2014 components, tokens, page recipes, layout structure, and the rules an AI tool follows to build ObserveOps UI faithfully.",
   "license": "UNLICENSED",
   "main": "index.js",
   "files": [

package/spec.manifest.json

@@ -1,22 +1,22 @@
 {
   "name": "@mtdt/observeops-ds-spec",
-  "version": "0.1.2",
-  "generated": "2026-06-19T04:10:19.781Z",
+  "version": "0.1.4",
+  "generated": "2026-07-05T05:26:44.368Z",
   "entry": "llms.txt",
   "contract": "AGENTS.md",
   "index": "components/index.json",
   "counts": {
-    "components": 26,
-    "registries": 26,
+    "components": 27,
+    "registries": 34,
     "recipes": 12,
-    "specs": 26,
-    "files": 78
+    "specs": 27,
+    "files": 89
   },
   "files": [
     {
       "path": "AGENTS.md",
-      "bytes": 7025,
-      "sha256": "ab1db8b5626c0be5be3f72fbf7e11e5342c91da475d1940784e8e7070075b773"
+      "bytes": 7316,
+      "sha256": "d95aa28d3135860ef1eea03a153344a26fe904462ba7c0b255e930d0a4ff79a2"
     },
     {
       "path": "README.md",
@@ -25,8 +25,8 @@
     },
     {
       "path": "components/index.json",
-      "bytes": 39047,
-      "sha256": "d82d1fc5e16dfe7e870dbadd48145f15fb4b95ed7eb7a8b9da34d3f6b1b7bf2d"
+      "bytes": 40180,
+      "sha256": "69b5bb8ba33bc65801bdc6388acf88eab9f99ada65d7048591c02f17bbdc0d57"
     },
     {
       "path": "components/recipes/README.md",
@@ -50,8 +50,8 @@
     },
     {
       "path": "components/registry/button.json",
-      "bytes": 11751,
-      "sha256": "e9386f39e5f312c7386c6334ee5a7baad27a83d049187f7a3596ebecce1eb05d"
+      "bytes": 13613,
+      "sha256": "4b98033fc2df599f6e81dfcfb4ce24b5ebe869b336cd7fad99c6cf12c714506b"
     },
     {
       "path": "components/registry/checkbox.json",
@@ -60,13 +60,18 @@
     },
     {
       "path": "components/registry/data-viz-tooltips.json",
-      "bytes": 10395,
-      "sha256": "4a2534cfca43d1026db23eb513adc83ddb95c70312fed0d3640079d72a913e9e"
+      "bytes": 11334,
+      "sha256": "574aad8896e5cb7ab1799d2e44f0fbf49c059a292675ab7d4fbfdc824896bd7b"
     },
     {
       "path": "components/registry/date-time-pickers.json",
-      "bytes": 13126,
-      "sha256": "bd2f41e4beef9332d1a781cf4919ae4118c237e8739f50c82b55ec22d8f75234"
+      "bytes": 16339,
+      "sha256": "9eaa586c32200bb5a7cc2fb7b4eddcb3384bd81b69ad90d06ef81f2ba9e0c4bc"
+    },
+    {
+      "path": "components/registry/divider.json",
+      "bytes": 7159,
+      "sha256": "77666f73dd0fb333429faf67e34652a3d76d362bab01032ba9d13c8becadd721"
     },
     {
       "path": "components/registry/drawer.json",
@@ -80,8 +85,8 @@
     },
     {
       "path": "components/registry/filters.json",
-      "bytes": 7343,
-      "sha256": "036bf8dd8cf79f00be42d76eeb702b5c659dde63a7792b4d21741626e2764157"
+      "bytes": 8732,
+      "sha256": "0e65867bb45829842c9b65f6f9919f99209d31c861d8a5ddcafe31e4ce18082b"
     },
     {
       "path": "components/registry/form-item.json",
@@ -93,6 +98,36 @@
       "bytes": 8618,
       "sha256": "538679e44180798fa6f8a0e644b9e074c4e863d494cc3e27f6fff8e7faa70160"
     },
+    {
+      "path": "components/registry/layout-app-shell.json",
+      "bytes": 3554,
+      "sha256": "67d42f505968e99b528e5112f7c7207d0a99ad4374dc48aef215b72a39124e4e"
+    },
+    {
+      "path": "components/registry/layout-grid.json",
+      "bytes": 3056,
+      "sha256": "417a44caf66272b35cec774c55d8d8f58a97fb9c88b2f3f78b4f4e4d494cb9ca"
+    },
+    {
+      "path": "components/registry/layout-page-templates.json",
+      "bytes": 2778,
+      "sha256": "aeefa91cb185b442d9f34a92bc109c90df67d514e12c20100316d161d483008c"
+    },
+    {
+      "path": "components/registry/layout-panels.json",
+      "bytes": 2766,
+      "sha256": "fd0e163716739e50fd5226517069780807cf9040880e5c58fa4b5f73e0cc3479"
+    },
+    {
+      "path": "components/registry/layout-screen-regions.json",
+      "bytes": 3696,
+      "sha256": "4e90ce2e876a49e1db07f3138f2c55d97c51b7901059ef0848b048ff378791be"
+    },
+    {
+      "path": "components/registry/layout-shells.json",
+      "bytes": 2738,
+      "sha256": "e07b6a7d3cd1bc1b9b4133d51d722d982319ea19ddeb14ef233492b3f6d3892e"
+    },
     {
       "path": "components/registry/link.json",
       "bytes": 6575,
@@ -100,8 +135,8 @@
     },
     {
       "path": "components/registry/loose-tags.json",
-      "bytes": 6261,
-      "sha256": "01b28b99f5938984176dd09cfae6d59a21c6ec45fedce6eafaf4e29a30b7bdac"
+      "bytes": 6537,
+      "sha256": "7f12ffc13f505d4a75372ff27a1259f6f0641fec44f93f3e45b0aebc308458b2"
     },
     {
       "path": "components/registry/menu.json",
@@ -138,10 +173,15 @@
       "bytes": 7514,
       "sha256": "6643c5479e7347cd08860c821de71d02da9ce286250c27a8b767ef4d24eec394"
     },
+    {
+      "path": "components/registry/selected-pills.json",
+      "bytes": 2001,
+      "sha256": "6dc19f24f96ed2e1d9c8e9ef5387417ae0bab4f9c64ae0c68f7672db48e3fab7"
+    },
     {
       "path": "components/registry/severity.json",
-      "bytes": 6781,
-      "sha256": "d9453cd3151b41ca6a37b5419f8138e152e8a9ff6d39687eeac785af8029ce05"
+      "bytes": 7118,
+      "sha256": "9aec8f6752f98d825bcd78e001284a98b737682b0da9125de6dd38c1fee1ff7b"
     },
     {
       "path": "components/registry/switch.json",
@@ -175,8 +215,8 @@
     },
     {
       "path": "components/registry/tooltip.json",
-      "bytes": 5805,
-      "sha256": "86f0a203cdd0d7270c18dabd08feae017ebaebe90408696ccbfa34df00bc7a41"
+      "bytes": 6570,
+      "sha256": "7b006388640f62ba3ca9d74b480bdfd0d5e42d2ac1d8c91bc5ee028ef1342960"
     },
     {
       "path": "components/specs/README.md",
@@ -203,6 +243,11 @@
       "bytes": 9578,
       "sha256": "b9c4bc271bbc891715450e8f9de196439d93715477a5480416ca52afc4e321af"
     },
+    {
+      "path": "components/specs/divider.md",
+      "bytes": 5720,
+      "sha256": "73cf96d53c8591444c98beb71cdd7e0c04b033e8cf535a4fe814f5337d7a92d8"
+    },
     {
       "path": "components/specs/drawer.md",
       "bytes": 9625,
@@ -308,6 +353,16 @@
       "bytes": 5516,
       "sha256": "6fc27b526ee89a67f57ee62c7313faf1f37da35baf78f224eb397ceb22c71b92"
     },
+    {
+      "path": "conformance/README.md",
+      "bytes": 1375,
+      "sha256": "6df6686842599d521c4df035159df08dd15e79d0b9b7dbd24f8f901b2ac385fd"
+    },
+    {
+      "path": "conformance/ds-conformance.mjs",
+      "bytes": 14797,
+      "sha256": "6c0ab765d85ffbb63f37bbecb31f4c1d0dc53f95dbce01044d0e6fb9baf5fd03"
+    },
     {
       "path": "foundation/README.md",
       "bytes": 2990,
@@ -355,8 +410,8 @@
     },
     {
       "path": "package.json",
-      "bytes": 1049,
-      "sha256": "26809537d841ebfcd690cb8ca1e855074d91b07e1d06fb7b4a177fc0d807c2f2"
+      "bytes": 1052,
+      "sha256": "2532a62d6b53789f2b85f8352aa55160808022b5ad68fe46994ccff5e14376a7"
     },
     {
       "path": "tokens/README.md",
@@ -395,8 +450,8 @@
     },
     {
       "path": "tokens/structural.json",
-      "bytes": 1042,
-      "sha256": "5441e71a2e1898f3f709781b6dffa7da50bdf60f71c97e703514750dbafd2224"
+      "bytes": 2173,
+      "sha256": "af4549e3a1f809ac3db464fcf1074db2fd7872b0c6e654843316a17a6972f590"
     },
     {
       "path": "tokens/variables.json",

package/tokens/structural.json

@@ -1,25 +1,55 @@
 {
-  "$description": "TIER 0 — STRUCTURAL LESS @vars (spacing, sizing, radii, typography) from src/design/index.less. Not themed. AI: these are the @-prefixed LESS vars (compile-time), distinct from the runtime CSS --vars in variables.json.",
+  "$description": "TIER 0 — STRUCTURAL LESS @vars (spacing, sizing, radii, border-width, shadow, typography). Complete sweep of @-prefixed structural vars defined across src/design/*.less (compile-time, not themed; distinct from the runtime CSS --vars in variables.json). LESS references/arithmetic are resolved to final values.",
   "spacing": {
     "@padding-lg": "24px",
     "@padding-md": "16px",
     "@padding-sm": "12px",
-    "@padding-xs": "8px"
+    "@padding-xs": "8px",
+    "@common-padd-space": "15px",
+    "@collapse-content-padding": "10px 6px",
+    "@control-padding-horizontal": "12px",
+    "@control-padding-horizontal-sm": "8px",
+    "@input-padding-horizontal": "11px",
+    "@input-padding-horizontal-base": "11px",
+    "@input-padding-vertical-base": "4px",
+    "@layout-header-padding": "0 12px"
   },
   "sizing": {
     "@navbar-height": "50px",
     "@nav-icon-width": "50px",
     "@nav-icon-height": "40px",
+    "@nav-icon-line-height": "40px",
+    "@nav-icon-size": "1.1rem",
+    "@nav-menu-height": "30px",
+    "@menu-collapsed-width": "70px",
     "@input-height-base": "32px",
     "@header-height": "55px",
+    "@layout-header-height": "55px",
     "@header-drop-width": "320px",
     "@search-height": "36px",
     "@search-width": "18rem",
-    "@btn-height": "2.1rem"
+    "@btn-height": "2.1rem",
+    "@tag-height": "24px",
+    "@tabs-card-height": "32px",
+    "@user-count-height": "23px",
+    "@pop-footer-height": "75px",
+    "@popover-arrow-width": "6px",
+    "@picker-popover-max-height": "35vh",
+    "@picker-popover-max-width": "80vw",
+    "@chat-height": "400px",
+    "@chat-width": "50vw"
   },
   "radius": {
     "@btn-radius": "4px",
-    "@btn-raidus-full": "150px"
+    "@btn-raidus-full": "150px",
+    "@widget-border-radius": "7px"
+  },
+  "borderWidth": {
+    "@menu-item-active-border-width": "3px",
+    "@overlay-border-width": "4px"
+  },
+  "shadow": {
+    "@panel-side-box-shadow": "-1px 6px 6px 0 rgba(0, 0, 0, 0.2)"
   },
   "typography": {
     "@font-family": "'Poppins', sans-serif",
@@ -32,4 +62,4 @@
     "@font-size-sm": "0.8rem",
     "@font-size-10": "10px"
   }
-}
+}