npm - @etus/tokens - Versions diffs - 2.0.0 → 2.2.0 - Mend

@etus/tokens 2.0.0 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/tokens.css +315 -0
package/dist/tokens.js +239 -0
package/dist/tokens.meta.json +1659 -187
package/package.json +1 -1

package/dist/tokens.meta.json CHANGED Viewed

@@ -1919,6 +1919,18 @@
         "type": "fontWeight",
         "value": "400"
       },
+      {
+        "name": "collection-section-title-weight",
+        "cssVar": "--collection-section-title-weight",
+        "type": "fontWeight",
+        "value": "600"
+      },
+      {
+        "name": "collection-tabs-tab-weight",
+        "cssVar": "--collection-tabs-tab-weight",
+        "type": "fontWeight",
+        "value": "500"
+      },
       {
         "name": "feature-item-link-font-weight",
         "cssVar": "--feature-item-link-font-weight",
@@ -1931,6 +1943,36 @@
         "type": "fontWeight",
         "value": "600"
       },
+      {
+        "name": "filetree-footer-branch-weight",
+        "cssVar": "--filetree-footer-branch-weight",
+        "type": "fontWeight",
+        "value": "500"
+      },
+      {
+        "name": "filetree-project-badge-weight",
+        "cssVar": "--filetree-project-badge-weight",
+        "type": "fontWeight",
+        "value": "700"
+      },
+      {
+        "name": "filetree-project-name-weight",
+        "cssVar": "--filetree-project-name-weight",
+        "type": "fontWeight",
+        "value": "600"
+      },
+      {
+        "name": "filetree-variant-ide-swatch-weight",
+        "cssVar": "--filetree-variant-ide-swatch-weight",
+        "type": "fontWeight",
+        "value": "700"
+      },
+      {
+        "name": "filetree-variant-outline-l0-weight",
+        "cssVar": "--filetree-variant-outline-l0-weight",
+        "type": "fontWeight",
+        "value": "700"
+      },
       {
         "name": "font-leading-loose",
         "cssVar": "--font-leading-loose",
@@ -4104,6 +4146,334 @@
         "description": "Large variant root min height (outside Tailwind v4 spacing scale)",
         "value": "600px"
       },
+      {
+        "name": "asset-palette-status-approved-color",
+        "cssVar": "--asset-palette-status-approved-color",
+        "type": "color",
+        "description": "Aprovado — usa brand primary (mint #19e699)",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "asset-palette-status-approved-label-en",
+        "cssVar": "--asset-palette-status-approved-label-en",
+        "type": "string",
+        "value": "Approved"
+      },
+      {
+        "name": "asset-palette-status-approved-label-pt",
+        "cssVar": "--asset-palette-status-approved-label-pt",
+        "type": "string",
+        "value": "Aprovado"
+      },
+      {
+        "name": "asset-palette-status-archived-color",
+        "cssVar": "--asset-palette-status-archived-color",
+        "type": "color",
+        "description": "Arquivado",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "asset-palette-status-archived-label-en",
+        "cssVar": "--asset-palette-status-archived-label-en",
+        "type": "string",
+        "value": "Archived"
+      },
+      {
+        "name": "asset-palette-status-archived-label-pt",
+        "cssVar": "--asset-palette-status-archived-label-pt",
+        "type": "string",
+        "value": "Arquivado"
+      },
+      {
+        "name": "asset-palette-status-changes-color",
+        "cssVar": "--asset-palette-status-changes-color",
+        "type": "color",
+        "description": "Pediram mudanças",
+        "value": "oklch(63.68% 0.2078 25.33)"
+      },
+      {
+        "name": "asset-palette-status-changes-label-en",
+        "cssVar": "--asset-palette-status-changes-label-en",
+        "type": "string",
+        "value": "Changes requested"
+      },
+      {
+        "name": "asset-palette-status-changes-label-pt",
+        "cssVar": "--asset-palette-status-changes-label-pt",
+        "type": "string",
+        "value": "Mudanças"
+      },
+      {
+        "name": "asset-palette-status-draft-color",
+        "cssVar": "--asset-palette-status-draft-color",
+        "type": "color",
+        "description": "Rascunho",
+        "value": "oklch(71.07% 0.0351 256.79)"
+      },
+      {
+        "name": "asset-palette-status-draft-label-en",
+        "cssVar": "--asset-palette-status-draft-label-en",
+        "type": "string",
+        "value": "Draft"
+      },
+      {
+        "name": "asset-palette-status-draft-label-pt",
+        "cssVar": "--asset-palette-status-draft-label-pt",
+        "type": "string",
+        "value": "Rascunho"
+      },
+      {
+        "name": "asset-palette-status-review-color",
+        "cssVar": "--asset-palette-status-review-color",
+        "type": "color",
+        "description": "Em review — yellow-500",
+        "value": "oklch(79.52% 0.1617 86.05)"
+      },
+      {
+        "name": "asset-palette-status-review-label-en",
+        "cssVar": "--asset-palette-status-review-label-en",
+        "type": "string",
+        "value": "In review"
+      },
+      {
+        "name": "asset-palette-status-review-label-pt",
+        "cssVar": "--asset-palette-status-review-label-pt",
+        "type": "string",
+        "value": "Em review"
+      },
+      {
+        "name": "asset-palette-type-archive-color",
+        "cssVar": "--asset-palette-type-archive-color",
+        "type": "color",
+        "description": "ZIP, RAR",
+        "value": "oklch(55.44% 0.0407 257.42)"
+      },
+      {
+        "name": "asset-palette-type-archive-tint",
+        "cssVar": "--asset-palette-type-archive-tint",
+        "type": "color",
+        "value": "rgb(100 116 139 / 0.18)"
+      },
+      {
+        "name": "asset-palette-type-audio-color",
+        "cssVar": "--asset-palette-type-audio-color",
+        "type": "color",
+        "description": "WAV, MP3",
+        "value": "oklch(71.48% 0.1257 215.22)"
+      },
+      {
+        "name": "asset-palette-type-audio-tint",
+        "cssVar": "--asset-palette-type-audio-tint",
+        "type": "color",
+        "value": "rgb(6 182 212 / 0.16)"
+      },
+      {
+        "name": "asset-palette-type-code-css-color",
+        "cssVar": "--asset-palette-type-code-css-color",
+        "type": "color",
+        "description": "CSS, SCSS, LESS",
+        "value": "oklch(65.59% 0.2118 354.31)"
+      },
+      {
+        "name": "asset-palette-type-code-css-tint",
+        "cssVar": "--asset-palette-type-code-css-tint",
+        "type": "color",
+        "value": "rgb(236 72 153 / 0.14)"
+      },
+      {
+        "name": "asset-palette-type-code-env-color",
+        "cssVar": "--asset-palette-type-code-env-color",
+        "type": "color",
+        "description": ".env, .env.local",
+        "value": "oklch(55.44% 0.0407 257.42)"
+      },
+      {
+        "name": "asset-palette-type-code-env-tint",
+        "cssVar": "--asset-palette-type-code-env-tint",
+        "type": "color",
+        "value": "rgb(100 116 139 / 0.18)"
+      },
+      {
+        "name": "asset-palette-type-code-js-color",
+        "cssVar": "--asset-palette-type-code-js-color",
+        "type": "color",
+        "description": "JS, MJS, CJS",
+        "value": "oklch(79.52% 0.1617 86.05)"
+      },
+      {
+        "name": "asset-palette-type-code-js-tint",
+        "cssVar": "--asset-palette-type-code-js-tint",
+        "type": "color",
+        "value": "rgb(234 179 8 / 0.16)"
+      },
+      {
+        "name": "asset-palette-type-code-json-color",
+        "cssVar": "--asset-palette-type-code-json-color",
+        "type": "color",
+        "description": "JSON, JSONC",
+        "value": "oklch(70.90% 0.1592 293.54)"
+      },
+      {
+        "name": "asset-palette-type-code-json-tint",
+        "cssVar": "--asset-palette-type-code-json-tint",
+        "type": "color",
+        "value": "rgb(167 139 250 / 0.16)"
+      },
+      {
+        "name": "asset-palette-type-code-md-color",
+        "cssVar": "--asset-palette-type-code-md-color",
+        "type": "color",
+        "description": "MD, MDX",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "asset-palette-type-code-md-tint",
+        "cssVar": "--asset-palette-type-code-md-tint",
+        "type": "color",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "asset-palette-type-code-ts-color",
+        "cssVar": "--asset-palette-type-code-ts-color",
+        "type": "color",
+        "description": "TS",
+        "value": "oklch(62.31% 0.1880 259.81)"
+      },
+      {
+        "name": "asset-palette-type-code-ts-tint",
+        "cssVar": "--asset-palette-type-code-ts-tint",
+        "type": "color",
+        "value": "rgb(59 130 246 / 0.14)"
+      },
+      {
+        "name": "asset-palette-type-code-tsx-color",
+        "cssVar": "--asset-palette-type-code-tsx-color",
+        "type": "color",
+        "description": "TSX, JSX — file-tree IDE variant",
+        "value": "oklch(75.35% 0.1390 232.66)"
+      },
+      {
+        "name": "asset-palette-type-code-tsx-tint",
+        "cssVar": "--asset-palette-type-code-tsx-tint",
+        "type": "color",
+        "value": "rgb(56 189 248 / 0.14)"
+      },
+      {
+        "name": "asset-palette-type-design-figma-color",
+        "cssVar": "--asset-palette-type-design-figma-color",
+        "type": "color",
+        "description": "FIG",
+        "value": "oklch(70.90% 0.1592 293.54)"
+      },
+      {
+        "name": "asset-palette-type-design-figma-tint",
+        "cssVar": "--asset-palette-type-design-figma-tint",
+        "type": "color",
+        "value": "rgb(167 139 250 / 0.18)"
+      },
+      {
+        "name": "asset-palette-type-design-illustrator-color",
+        "cssVar": "--asset-palette-type-design-illustrator-color",
+        "type": "color",
+        "description": "AI",
+        "value": "oklch(79.52% 0.1617 86.05)"
+      },
+      {
+        "name": "asset-palette-type-design-illustrator-tint",
+        "cssVar": "--asset-palette-type-design-illustrator-tint",
+        "type": "color",
+        "value": "rgb(234 179 8 / 0.18)"
+      },
+      {
+        "name": "asset-palette-type-design-raster-color",
+        "cssVar": "--asset-palette-type-design-raster-color",
+        "type": "color",
+        "description": "PSD",
+        "value": "oklch(62.31% 0.1880 259.81)"
+      },
+      {
+        "name": "asset-palette-type-design-raster-tint",
+        "cssVar": "--asset-palette-type-design-raster-tint",
+        "type": "color",
+        "value": "rgb(59 130 246 / 0.16)"
+      },
+      {
+        "name": "asset-palette-type-doc-pdf-color",
+        "cssVar": "--asset-palette-type-doc-pdf-color",
+        "type": "color",
+        "description": "PDF",
+        "value": "oklch(57.71% 0.2152 27.33)"
+      },
+      {
+        "name": "asset-palette-type-doc-pdf-tint",
+        "cssVar": "--asset-palette-type-doc-pdf-tint",
+        "type": "color",
+        "value": "rgb(220 38 38 / 0.14)"
+      },
+      {
+        "name": "asset-palette-type-doc-text-color",
+        "cssVar": "--asset-palette-type-doc-text-color",
+        "type": "color",
+        "description": "DOC, DOCX",
+        "value": "oklch(54.61% 0.2152 262.88)"
+      },
+      {
+        "name": "asset-palette-type-doc-text-tint",
+        "cssVar": "--asset-palette-type-doc-text-tint",
+        "type": "color",
+        "value": "rgb(37 99 235 / 0.16)"
+      },
+      {
+        "name": "asset-palette-type-image-color",
+        "cssVar": "--asset-palette-type-image-color",
+        "type": "color",
+        "description": "JPG, PNG, WEBP",
+        "value": "oklch(70.49% 0.1867 47.60)"
+      },
+      {
+        "name": "asset-palette-type-image-tint",
+        "cssVar": "--asset-palette-type-image-tint",
+        "type": "color",
+        "value": "rgb(249 115 22 / 0.16)"
+      },
+      {
+        "name": "asset-palette-type-unknown-color",
+        "cssVar": "--asset-palette-type-unknown-color",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "asset-palette-type-unknown-tint",
+        "cssVar": "--asset-palette-type-unknown-tint",
+        "type": "color",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "asset-palette-type-vector-color",
+        "cssVar": "--asset-palette-type-vector-color",
+        "type": "color",
+        "description": "SVG — mint #19e699 (matches brand primary visually)",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "asset-palette-type-vector-tint",
+        "cssVar": "--asset-palette-type-vector-tint",
+        "type": "color",
+        "value": "rgb(25 230 153 / 0.18)"
+      },
+      {
+        "name": "asset-palette-type-video-color",
+        "cssVar": "--asset-palette-type-video-color",
+        "type": "color",
+        "description": "MP4, MOV, WEBM",
+        "value": "oklch(63.68% 0.2078 25.33)"
+      },
+      {
+        "name": "asset-palette-type-video-tint",
+        "cssVar": "--asset-palette-type-video-tint",
+        "type": "color",
+        "value": "rgb(239 68 68 / 0.16)"
+      },
       {
         "name": "autocomplete-content-bg",
         "cssVar": "--autocomplete-content-bg",
@@ -6043,76 +6413,389 @@
         "value": "16px"
       },
       {
-        "name": "color-chrome",
-        "cssVar": "--color-chrome",
-        "type": "color",
-        "value": "oklch(81.75% 0.1821 159.79)"
+        "name": "collection-batchbar-action-h",
+        "cssVar": "--collection-batchbar-action-h",
+        "type": "dimension",
+        "value": "32px"
       },
       {
-        "name": "color-desktop",
-        "cssVar": "--color-desktop",
+        "name": "collection-batchbar-action-primary-bg",
+        "cssVar": "--collection-batchbar-action-primary-bg",
         "type": "color",
         "value": "oklch(81.75% 0.1821 159.79)"
       },
       {
-        "name": "color-edge",
-        "cssVar": "--color-edge",
+        "name": "collection-batchbar-action-primary-fg",
+        "cssVar": "--collection-batchbar-action-primary-fg",
         "type": "color",
-        "value": "oklch(86.06% 0.1731 91.94)"
+        "value": "oklch(18.34% 0.0338 166.67)"
       },
       {
-        "name": "color-firefox",
-        "cssVar": "--color-firefox",
-        "type": "color",
-        "value": "oklch(62.31% 0.1880 259.81)"
+        "name": "collection-batchbar-action-px",
+        "cssVar": "--collection-batchbar-action-px",
+        "type": "dimension",
+        "value": "12px"
       },
       {
-        "name": "color-mobile",
-        "cssVar": "--color-mobile",
+        "name": "collection-batchbar-action-radius",
+        "cssVar": "--collection-batchbar-action-radius",
+        "type": "dimension",
+        "value": "8px"
+      },
+      {
+        "name": "collection-batchbar-bg",
+        "cssVar": "--collection-batchbar-bg",
         "type": "color",
-        "value": "oklch(65.95% 0.2608 320.32)"
+        "description": "Inverso do background — em light theme fica escuro",
+        "value": "oklch(14.48% 0.0000 0)"
       },
       {
-        "name": "color-other",
-        "cssVar": "--color-other",
+        "name": "collection-batchbar-bottom-offset",
+        "cssVar": "--collection-batchbar-bottom-offset",
+        "type": "dimension",
+        "value": "20px"
+      },
+      {
+        "name": "collection-batchbar-fg",
+        "cssVar": "--collection-batchbar-fg",
         "type": "color",
-        "value": "oklch(63.68% 0.2078 25.33)"
+        "value": "oklch(100.00% 0.0000 0)"
       },
       {
-        "name": "color-picker-content-gap",
-        "cssVar": "--color-picker-content-gap",
+        "name": "collection-batchbar-padding-left",
+        "cssVar": "--collection-batchbar-padding-left",
         "type": "dimension",
-        "value": "12px"
+        "value": "16px"
       },
       {
-        "name": "color-picker-content-padding",
-        "cssVar": "--color-picker-content-padding",
+        "name": "collection-batchbar-padding-right",
+        "cssVar": "--collection-batchbar-padding-right",
         "type": "dimension",
-        "value": "12px"
+        "value": "6px"
       },
       {
-        "name": "color-picker-content-width",
-        "cssVar": "--color-picker-content-width",
+        "name": "collection-batchbar-padding-y",
+        "cssVar": "--collection-batchbar-padding-y",
         "type": "dimension",
-        "value": "260px"
+        "value": "6px"
       },
       {
-        "name": "color-picker-filled-preview-radius",
-        "cssVar": "--color-picker-filled-preview-radius",
+        "name": "collection-batchbar-radius",
+        "cssVar": "--collection-batchbar-radius",
         "type": "dimension",
-        "description": "ColorPicker Filled trigger preview swatch circular per DES-1256 item 5 — matches Figma.",
-        "value": "9999px"
+        "value": "14px"
       },
       {
-        "name": "color-picker-focus-ring-destructive",
-        "cssVar": "--color-picker-focus-ring-destructive",
-        "type": "color",
-        "description": "ColorPicker focus ring destructive per DES-1256 item 5.",
-        "value": "oklch(63.68% 0.2078 25.33)"
+        "name": "collection-batchbar-shadow",
+        "cssVar": "--collection-batchbar-shadow",
+        "type": "shadow",
+        "value": "0 10px 24px -6px rgb(0 0 0 / 0.30), 0 0 0 1px rgb(255 255 255 / 0.06)"
       },
       {
-        "name": "color-picker-focus-ring-primary",
-        "cssVar": "--color-picker-focus-ring-primary",
+        "name": "collection-batchbar-text",
+        "cssVar": "--collection-batchbar-text",
+        "type": "dimension",
+        "value": "13px"
+      },
+      {
+        "name": "collection-batchbar-z-index",
+        "cssVar": "--collection-batchbar-z-index",
+        "type": "number",
+        "value": "20"
+      },
+      {
+        "name": "collection-chip-bg",
+        "cssVar": "--collection-chip-bg",
+        "type": "color",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "collection-chip-close-color",
+        "cssVar": "--collection-chip-close-color",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "collection-chip-close-radius",
+        "cssVar": "--collection-chip-close-radius",
+        "type": "dimension",
+        "value": "50%"
+      },
+      {
+        "name": "collection-chip-close-size",
+        "cssVar": "--collection-chip-close-size",
+        "type": "dimension",
+        "value": "18px"
+      },
+      {
+        "name": "collection-chip-fg",
+        "cssVar": "--collection-chip-fg",
+        "type": "color",
+        "value": "oklch(14.48% 0.0000 0)"
+      },
+      {
+        "name": "collection-chip-h",
+        "cssVar": "--collection-chip-h",
+        "type": "dimension",
+        "value": "26px"
+      },
+      {
+        "name": "collection-chip-padding-left",
+        "cssVar": "--collection-chip-padding-left",
+        "type": "dimension",
+        "value": "10px"
+      },
+      {
+        "name": "collection-chip-padding-right",
+        "cssVar": "--collection-chip-padding-right",
+        "type": "dimension",
+        "value": "4px"
+      },
+      {
+        "name": "collection-chip-radius",
+        "cssVar": "--collection-chip-radius",
+        "type": "dimension",
+        "value": "13px"
+      },
+      {
+        "name": "collection-chip-text",
+        "cssVar": "--collection-chip-text",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "collection-empty-fg",
+        "cssVar": "--collection-empty-fg",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "collection-empty-padding-y",
+        "cssVar": "--collection-empty-padding-y",
+        "type": "dimension",
+        "value": "48px"
+      },
+      {
+        "name": "collection-empty-text",
+        "cssVar": "--collection-empty-text",
+        "type": "dimension",
+        "value": "13px"
+      },
+      {
+        "name": "collection-grid-files-gap",
+        "cssVar": "--collection-grid-files-gap",
+        "type": "dimension",
+        "value": "14px"
+      },
+      {
+        "name": "collection-grid-files-min-w",
+        "cssVar": "--collection-grid-files-min-w",
+        "type": "dimension",
+        "value": "180px"
+      },
+      {
+        "name": "collection-grid-folders-gap",
+        "cssVar": "--collection-grid-folders-gap",
+        "type": "dimension",
+        "value": "10px"
+      },
+      {
+        "name": "collection-grid-folders-min-w",
+        "cssVar": "--collection-grid-folders-min-w",
+        "type": "dimension",
+        "value": "240px"
+      },
+      {
+        "name": "collection-section-gap",
+        "cssVar": "--collection-section-gap",
+        "type": "dimension",
+        "value": "18px"
+      },
+      {
+        "name": "collection-section-title-fg",
+        "cssVar": "--collection-section-title-fg",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "collection-section-title-padding-bottom",
+        "cssVar": "--collection-section-title-padding-bottom",
+        "type": "dimension",
+        "value": "10px"
+      },
+      {
+        "name": "collection-section-title-text",
+        "cssVar": "--collection-section-title-text",
+        "type": "dimension",
+        "value": "11px"
+      },
+      {
+        "name": "collection-section-title-tracking",
+        "cssVar": "--collection-section-title-tracking",
+        "type": "string",
+        "value": "0.08em"
+      },
+      {
+        "name": "collection-tabs-count-active-bg",
+        "cssVar": "--collection-tabs-count-active-bg",
+        "type": "color",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "collection-tabs-count-active-fg",
+        "cssVar": "--collection-tabs-count-active-fg",
+        "type": "color",
+        "value": "oklch(18.34% 0.0338 166.67)"
+      },
+      {
+        "name": "collection-tabs-count-bg",
+        "cssVar": "--collection-tabs-count-bg",
+        "type": "color",
+        "value": "oklch(100.00% 0.0000 0)"
+      },
+      {
+        "name": "collection-tabs-count-px",
+        "cssVar": "--collection-tabs-count-px",
+        "type": "dimension",
+        "value": "6px"
+      },
+      {
+        "name": "collection-tabs-count-py",
+        "cssVar": "--collection-tabs-count-py",
+        "type": "dimension",
+        "value": "1px"
+      },
+      {
+        "name": "collection-tabs-count-radius",
+        "cssVar": "--collection-tabs-count-radius",
+        "type": "dimension",
+        "value": "999px"
+      },
+      {
+        "name": "collection-tabs-count-text",
+        "cssVar": "--collection-tabs-count-text",
+        "type": "dimension",
+        "value": "10.5px"
+      },
+      {
+        "name": "collection-tabs-gap",
+        "cssVar": "--collection-tabs-gap",
+        "type": "dimension",
+        "value": "4px"
+      },
+      {
+        "name": "collection-tabs-tab-active-bg",
+        "cssVar": "--collection-tabs-tab-active-bg",
+        "type": "color",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "collection-tabs-tab-active-fg",
+        "cssVar": "--collection-tabs-tab-active-fg",
+        "type": "color",
+        "value": "oklch(14.48% 0.0000 0)"
+      },
+      {
+        "name": "collection-tabs-tab-h",
+        "cssVar": "--collection-tabs-tab-h",
+        "type": "dimension",
+        "value": "30px"
+      },
+      {
+        "name": "collection-tabs-tab-inactive-fg",
+        "cssVar": "--collection-tabs-tab-inactive-fg",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "collection-tabs-tab-px",
+        "cssVar": "--collection-tabs-tab-px",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "collection-tabs-tab-radius",
+        "cssVar": "--collection-tabs-tab-radius",
+        "type": "dimension",
+        "value": "7px"
+      },
+      {
+        "name": "collection-tabs-tab-text",
+        "cssVar": "--collection-tabs-tab-text",
+        "type": "dimension",
+        "value": "13px"
+      },
+      {
+        "name": "color-chrome",
+        "cssVar": "--color-chrome",
+        "type": "color",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "color-desktop",
+        "cssVar": "--color-desktop",
+        "type": "color",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "color-edge",
+        "cssVar": "--color-edge",
+        "type": "color",
+        "value": "oklch(86.06% 0.1731 91.94)"
+      },
+      {
+        "name": "color-firefox",
+        "cssVar": "--color-firefox",
+        "type": "color",
+        "value": "oklch(62.31% 0.1880 259.81)"
+      },
+      {
+        "name": "color-mobile",
+        "cssVar": "--color-mobile",
+        "type": "color",
+        "value": "oklch(65.95% 0.2608 320.32)"
+      },
+      {
+        "name": "color-other",
+        "cssVar": "--color-other",
+        "type": "color",
+        "value": "oklch(63.68% 0.2078 25.33)"
+      },
+      {
+        "name": "color-picker-content-gap",
+        "cssVar": "--color-picker-content-gap",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "color-picker-content-padding",
+        "cssVar": "--color-picker-content-padding",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "color-picker-content-width",
+        "cssVar": "--color-picker-content-width",
+        "type": "dimension",
+        "value": "260px"
+      },
+      {
+        "name": "color-picker-filled-preview-radius",
+        "cssVar": "--color-picker-filled-preview-radius",
+        "type": "dimension",
+        "description": "ColorPicker Filled trigger preview swatch circular per DES-1256 item 5 — matches Figma.",
+        "value": "9999px"
+      },
+      {
+        "name": "color-picker-focus-ring-destructive",
+        "cssVar": "--color-picker-focus-ring-destructive",
+        "type": "color",
+        "description": "ColorPicker focus ring destructive per DES-1256 item 5.",
+        "value": "oklch(63.68% 0.2078 25.33)"
+      },
+      {
+        "name": "color-picker-focus-ring-primary",
+        "cssVar": "--color-picker-focus-ring-primary",
         "type": "color",
         "description": "ColorPicker focus ring primary per DES-1256 item 5.",
         "value": "oklch(81.75% 0.1821 159.79)"
@@ -7863,274 +8546,1000 @@
         "value": "20px"
       },
       {
-        "name": "featured-icon-size-md-plate",
-        "cssVar": "--featured-icon-size-md-plate",
+        "name": "featured-icon-size-md-plate",
+        "cssVar": "--featured-icon-size-md-plate",
+        "type": "dimension",
+        "value": "44px"
+      },
+      {
+        "name": "featured-icon-size-sm-icon",
+        "cssVar": "--featured-icon-size-sm-icon",
+        "type": "dimension",
+        "value": "16px"
+      },
+      {
+        "name": "featured-icon-size-sm-plate",
+        "cssVar": "--featured-icon-size-sm-plate",
+        "type": "dimension",
+        "value": "32px"
+      },
+      {
+        "name": "featured-icon-size-xl-icon",
+        "cssVar": "--featured-icon-size-xl-icon",
+        "type": "dimension",
+        "value": "32px"
+      },
+      {
+        "name": "featured-icon-size-xl-plate",
+        "cssVar": "--featured-icon-size-xl-plate",
+        "type": "dimension",
+        "value": "56px"
+      },
+      {
+        "name": "featured-icon-size-xs-icon",
+        "cssVar": "--featured-icon-size-xs-icon",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "featured-icon-size-xs-plate",
+        "cssVar": "--featured-icon-size-xs-plate",
+        "type": "dimension",
+        "description": "FeaturedIcon xs plate size per Figma /Featured-Icon frame.",
+        "value": "28px"
+      },
+      {
+        "name": "feed-content-description-color",
+        "cssVar": "--feed-content-description-color",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "feed-content-description-size",
+        "cssVar": "--feed-content-description-size",
+        "type": "dimension",
+        "value": "0.875rem"
+      },
+      {
+        "name": "feed-content-title-weight",
+        "cssVar": "--feed-content-title-weight",
+        "value": "500"
+      },
+      {
+        "name": "feed-icon-background",
+        "cssVar": "--feed-icon-background",
+        "type": "color",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "feed-icon-color",
+        "cssVar": "--feed-icon-color",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "feed-icon-radius",
+        "cssVar": "--feed-icon-radius",
+        "type": "dimension",
+        "value": "9999px"
+      },
+      {
+        "name": "feed-icon-size",
+        "cssVar": "--feed-icon-size",
+        "type": "dimension",
+        "value": "32px"
+      },
+      {
+        "name": "feed-item-background-active",
+        "cssVar": "--feed-item-background-active",
+        "type": "color",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "feed-item-background-highlight",
+        "cssVar": "--feed-item-background-highlight",
+        "type": "color",
+        "value": "oklch(100.00% 0.0000 0 / 94.9%)"
+      },
+      {
+        "name": "feed-item-border-color",
+        "cssVar": "--feed-item-border-color",
+        "type": "color",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "feed-item-gap",
+        "cssVar": "--feed-item-gap",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "feed-item-padding-x",
+        "cssVar": "--feed-item-padding-x",
+        "type": "dimension",
+        "value": "16px"
+      },
+      {
+        "name": "feed-item-padding-y",
+        "cssVar": "--feed-item-padding-y",
+        "type": "dimension",
+        "value": "16px"
+      },
+      {
+        "name": "feed-item-radius",
+        "cssVar": "--feed-item-radius",
+        "type": "dimension",
+        "value": "0.375rem"
+      },
+      {
+        "name": "feed-root-gap",
+        "cssVar": "--feed-root-gap",
+        "type": "dimension",
+        "value": "16px"
+      },
+      {
+        "name": "feed-timestamp-color",
+        "cssVar": "--feed-timestamp-color",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "feed-timestamp-size",
+        "cssVar": "--feed-timestamp-size",
+        "type": "dimension",
+        "value": "0.75rem"
+      },
+      {
+        "name": "file-upload-dropzone-background",
+        "cssVar": "--file-upload-dropzone-background",
+        "type": "color",
+        "value": "oklch(100.00% 0.0000 0)"
+      },
+      {
+        "name": "file-upload-dropzone-background-hover",
+        "cssVar": "--file-upload-dropzone-background-hover",
+        "type": "color",
+        "value": "oklch(95.21% 0.0467 171.12)"
+      },
+      {
+        "name": "file-upload-dropzone-border-color",
+        "cssVar": "--file-upload-dropzone-border-color",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "file-upload-dropzone-border-style",
+        "cssVar": "--file-upload-dropzone-border-style",
+        "value": "dashed"
+      },
+      {
+        "name": "file-upload-dropzone-border-width",
+        "cssVar": "--file-upload-dropzone-border-width",
+        "type": "dimension",
+        "value": "2px"
+      },
+      {
+        "name": "file-upload-dropzone-gap",
+        "cssVar": "--file-upload-dropzone-gap",
+        "type": "dimension",
+        "value": "16px"
+      },
+      {
+        "name": "file-upload-dropzone-padding",
+        "cssVar": "--file-upload-dropzone-padding",
+        "type": "dimension",
+        "value": "40px"
+      },
+      {
+        "name": "file-upload-dropzone-radius",
+        "cssVar": "--file-upload-dropzone-radius",
+        "type": "dimension",
+        "description": "FileDropzone radius 12px (radius/lg) aligned with Figma canonical (frame 1636:5682) — pre-fix was 0.5rem (8px).",
+        "value": "12px"
+      },
+      {
+        "name": "file-upload-icon-color",
+        "cssVar": "--file-upload-icon-color",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "file-upload-icon-size",
+        "cssVar": "--file-upload-icon-size",
+        "type": "dimension",
+        "value": "40px"
+      },
+      {
+        "name": "file-upload-item-border",
+        "cssVar": "--file-upload-item-border",
+        "type": "color",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "file-upload-item-gap",
+        "cssVar": "--file-upload-item-gap",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "file-upload-item-padding",
+        "cssVar": "--file-upload-item-padding",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "file-upload-item-radius",
+        "cssVar": "--file-upload-item-radius",
+        "type": "dimension",
+        "value": "0.375rem"
+      },
+      {
+        "name": "filetree-footer-branch-text",
+        "cssVar": "--filetree-footer-branch-text",
+        "type": "dimension",
+        "value": "11.5px"
+      },
+      {
+        "name": "filetree-footer-dot-color",
+        "cssVar": "--filetree-footer-dot-color",
+        "type": "color",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "filetree-footer-dot-ring",
+        "cssVar": "--filetree-footer-dot-ring",
+        "type": "shadow",
+        "value": "0 0 0 3px rgb(25 230 153 / 0.18)"
+      },
+      {
+        "name": "filetree-footer-dot-size",
+        "cssVar": "--filetree-footer-dot-size",
+        "type": "dimension",
+        "value": "6px"
+      },
+      {
+        "name": "filetree-footer-gap",
+        "cssVar": "--filetree-footer-gap",
+        "type": "dimension",
+        "value": "8px"
+      },
+      {
+        "name": "filetree-footer-padding-x",
+        "cssVar": "--filetree-footer-padding-x",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "filetree-footer-padding-y",
+        "cssVar": "--filetree-footer-padding-y",
+        "type": "dimension",
+        "value": "10px"
+      },
+      {
+        "name": "filetree-footer-text",
+        "cssVar": "--filetree-footer-text",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "filetree-project-badge-bg",
+        "cssVar": "--filetree-project-badge-bg",
+        "type": "color",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "filetree-project-badge-fg",
+        "cssVar": "--filetree-project-badge-fg",
+        "type": "color",
+        "value": "oklch(18.34% 0.0338 166.67)"
+      },
+      {
+        "name": "filetree-project-badge-radius",
+        "cssVar": "--filetree-project-badge-radius",
+        "type": "dimension",
+        "value": "7px"
+      },
+      {
+        "name": "filetree-project-badge-size",
+        "cssVar": "--filetree-project-badge-size",
+        "type": "dimension",
+        "value": "28px"
+      },
+      {
+        "name": "filetree-project-badge-text",
+        "cssVar": "--filetree-project-badge-text",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "filetree-project-gap",
+        "cssVar": "--filetree-project-gap",
+        "type": "dimension",
+        "value": "10px"
+      },
+      {
+        "name": "filetree-project-name-text",
+        "cssVar": "--filetree-project-name-text",
+        "type": "dimension",
+        "value": "13px"
+      },
+      {
+        "name": "filetree-project-padding-bottom",
+        "cssVar": "--filetree-project-padding-bottom",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "filetree-project-padding-top",
+        "cssVar": "--filetree-project-padding-top",
+        "type": "dimension",
+        "value": "14px"
+      },
+      {
+        "name": "filetree-project-padding-x",
+        "cssVar": "--filetree-project-padding-x",
+        "type": "dimension",
+        "value": "14px"
+      },
+      {
+        "name": "filetree-project-sub-fg",
+        "cssVar": "--filetree-project-sub-fg",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "filetree-project-sub-text",
+        "cssVar": "--filetree-project-sub-text",
+        "type": "dimension",
+        "value": "11px"
+      },
+      {
+        "name": "filetree-row-active-bg",
+        "cssVar": "--filetree-row-active-bg",
+        "type": "color",
+        "value": "oklch(95.21% 0.0467 171.12)"
+      },
+      {
+        "name": "filetree-row-active-fg",
+        "cssVar": "--filetree-row-active-fg",
+        "type": "color",
+        "value": "oklch(26.88% 0.0527 163.85)"
+      },
+      {
+        "name": "filetree-row-hover-bg",
+        "cssVar": "--filetree-row-hover-bg",
+        "type": "color",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "filetree-row-modified-color",
+        "cssVar": "--filetree-row-modified-color",
+        "type": "color",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "filetree-row-padding-x",
+        "cssVar": "--filetree-row-padding-x",
+        "type": "dimension",
+        "value": "8px"
+      },
+      {
+        "name": "filetree-row-radius",
+        "cssVar": "--filetree-row-radius",
+        "type": "dimension",
+        "value": "4px"
+      },
+      {
+        "name": "filetree-shell-bg",
+        "cssVar": "--filetree-shell-bg",
+        "type": "color",
+        "value": "oklch(98.51% 0.0000 0)"
+      },
+      {
+        "name": "filetree-shell-border",
+        "cssVar": "--filetree-shell-border",
+        "type": "color",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "filetree-shell-fg",
+        "cssVar": "--filetree-shell-fg",
+        "type": "color",
+        "value": "oklch(14.48% 0.0000 0)"
+      },
+      {
+        "name": "filetree-shell-width-default",
+        "cssVar": "--filetree-shell-width-default",
+        "type": "dimension",
+        "value": "296px"
+      },
+      {
+        "name": "filetree-shell-width-lg",
+        "cssVar": "--filetree-shell-width-lg",
+        "type": "dimension",
+        "value": "320px"
+      },
+      {
+        "name": "filetree-shell-width-sm",
+        "cssVar": "--filetree-shell-width-sm",
+        "type": "dimension",
+        "value": "240px"
+      },
+      {
+        "name": "filetree-toolbar-action-radius",
+        "cssVar": "--filetree-toolbar-action-radius",
+        "type": "dimension",
+        "value": "6px"
+      },
+      {
+        "name": "filetree-toolbar-action-size",
+        "cssVar": "--filetree-toolbar-action-size",
+        "type": "dimension",
+        "value": "28px"
+      },
+      {
+        "name": "filetree-toolbar-gap",
+        "cssVar": "--filetree-toolbar-gap",
+        "type": "dimension",
+        "value": "6px"
+      },
+      {
+        "name": "filetree-toolbar-padding-x",
+        "cssVar": "--filetree-toolbar-padding-x",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "filetree-toolbar-padding-y",
+        "cssVar": "--filetree-toolbar-padding-y",
+        "type": "dimension",
+        "value": "10px"
+      },
+      {
+        "name": "filetree-toolbar-search-bg",
+        "cssVar": "--filetree-toolbar-search-bg",
+        "type": "color",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "filetree-toolbar-search-h",
+        "cssVar": "--filetree-toolbar-search-h",
+        "type": "dimension",
+        "value": "28px"
+      },
+      {
+        "name": "filetree-toolbar-search-px",
+        "cssVar": "--filetree-toolbar-search-px",
+        "type": "dimension",
+        "value": "8px"
+      },
+      {
+        "name": "filetree-toolbar-search-radius",
+        "cssVar": "--filetree-toolbar-search-radius",
+        "type": "dimension",
+        "value": "6px"
+      },
+      {
+        "name": "filetree-toolbar-search-text",
+        "cssVar": "--filetree-toolbar-search-text",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "filetree-variant-ide-chev-h",
+        "cssVar": "--filetree-variant-ide-chev-h",
+        "type": "dimension",
+        "value": "24px"
+      },
+      {
+        "name": "filetree-variant-ide-chev-w",
+        "cssVar": "--filetree-variant-ide-chev-w",
+        "type": "dimension",
+        "value": "16px"
+      },
+      {
+        "name": "filetree-variant-ide-folder-icon-color",
+        "cssVar": "--filetree-variant-ide-folder-icon-color",
+        "type": "color",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "filetree-variant-ide-folder-icon-w",
+        "cssVar": "--filetree-variant-ide-folder-icon-w",
+        "type": "dimension",
+        "value": "18px"
+      },
+      {
+        "name": "filetree-variant-ide-indent",
+        "cssVar": "--filetree-variant-ide-indent",
+        "type": "dimension",
+        "value": "14px"
+      },
+      {
+        "name": "filetree-variant-ide-indent-guide-color",
+        "cssVar": "--filetree-variant-ide-indent-guide-color",
+        "type": "color",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "filetree-variant-ide-row-h",
+        "cssVar": "--filetree-variant-ide-row-h",
+        "type": "dimension",
+        "description": "Dense IDE rows (VS Code-style)",
+        "value": "24px"
+      },
+      {
+        "name": "filetree-variant-ide-swatch-h",
+        "cssVar": "--filetree-variant-ide-swatch-h",
+        "type": "dimension",
+        "value": "16px"
+      },
+      {
+        "name": "filetree-variant-ide-swatch-radius",
+        "cssVar": "--filetree-variant-ide-swatch-radius",
+        "type": "dimension",
+        "value": "3px"
+      },
+      {
+        "name": "filetree-variant-ide-swatch-text",
+        "cssVar": "--filetree-variant-ide-swatch-text",
+        "type": "dimension",
+        "value": "8.5px"
+      },
+      {
+        "name": "filetree-variant-ide-swatch-w",
+        "cssVar": "--filetree-variant-ide-swatch-w",
+        "type": "dimension",
+        "value": "18px"
+      },
+      {
+        "name": "filetree-variant-ide-text",
+        "cssVar": "--filetree-variant-ide-text",
+        "type": "dimension",
+        "value": "12.5px"
+      },
+      {
+        "name": "filetree-variant-notion-chev-h",
+        "cssVar": "--filetree-variant-notion-chev-h",
+        "type": "dimension",
+        "value": "22px"
+      },
+      {
+        "name": "filetree-variant-notion-chev-w",
+        "cssVar": "--filetree-variant-notion-chev-w",
+        "type": "dimension",
+        "value": "20px"
+      },
+      {
+        "name": "filetree-variant-notion-count-text",
+        "cssVar": "--filetree-variant-notion-count-text",
+        "type": "dimension",
+        "value": "11px"
+      },
+      {
+        "name": "filetree-variant-notion-icon-radius",
+        "cssVar": "--filetree-variant-notion-icon-radius",
+        "type": "dimension",
+        "value": "5px"
+      },
+      {
+        "name": "filetree-variant-notion-icon-size",
+        "cssVar": "--filetree-variant-notion-icon-size",
+        "type": "dimension",
+        "value": "22px"
+      },
+      {
+        "name": "filetree-variant-notion-indent",
+        "cssVar": "--filetree-variant-notion-indent",
+        "type": "dimension",
+        "value": "18px"
+      },
+      {
+        "name": "filetree-variant-notion-indent-guide-color",
+        "cssVar": "--filetree-variant-notion-indent-guide-color",
+        "type": "color",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "filetree-variant-notion-indent-guide-style",
+        "cssVar": "--filetree-variant-notion-indent-guide-style",
+        "type": "string",
+        "value": "dotted"
+      },
+      {
+        "name": "filetree-variant-notion-modified-dot-size",
+        "cssVar": "--filetree-variant-notion-modified-dot-size",
+        "type": "dimension",
+        "value": "6px"
+      },
+      {
+        "name": "filetree-variant-notion-row-h",
+        "cssVar": "--filetree-variant-notion-row-h",
+        "type": "dimension",
+        "description": "Comfortable rows with hover quick-actions (Notion-style)",
+        "value": "30px"
+      },
+      {
+        "name": "filetree-variant-notion-text",
+        "cssVar": "--filetree-variant-notion-text",
+        "type": "dimension",
+        "value": "13.5px"
+      },
+      {
+        "name": "filetree-variant-outline-indent",
+        "cssVar": "--filetree-variant-outline-indent",
+        "type": "dimension",
+        "value": "16px"
+      },
+      {
+        "name": "filetree-variant-outline-l0-margin-top",
+        "cssVar": "--filetree-variant-outline-l0-margin-top",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "filetree-variant-outline-l0-text",
+        "cssVar": "--filetree-variant-outline-l0-text",
+        "type": "dimension",
+        "description": "Root folders rendered as uppercase eyebrows",
+        "value": "11px"
+      },
+      {
+        "name": "filetree-variant-outline-l0-tracking",
+        "cssVar": "--filetree-variant-outline-l0-tracking",
+        "type": "string",
+        "value": "0.08em"
+      },
+      {
+        "name": "filetree-variant-outline-marker-text",
+        "cssVar": "--filetree-variant-outline-marker-text",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "filetree-variant-outline-marker-w",
+        "cssVar": "--filetree-variant-outline-marker-w",
+        "type": "dimension",
+        "value": "10px"
+      },
+      {
+        "name": "filetree-variant-outline-meta-text",
+        "cssVar": "--filetree-variant-outline-meta-text",
+        "type": "dimension",
+        "value": "10.5px"
+      },
+      {
+        "name": "filetree-variant-outline-row-h",
+        "cssVar": "--filetree-variant-outline-row-h",
+        "type": "dimension",
+        "description": "Typographic rows, no icons (Outline-style)",
+        "value": "28px"
+      },
+      {
+        "name": "filetree-variant-outline-status-size",
+        "cssVar": "--filetree-variant-outline-status-size",
+        "type": "dimension",
+        "value": "7px"
+      },
+      {
+        "name": "filetree-variant-outline-text",
+        "cssVar": "--filetree-variant-outline-text",
+        "type": "dimension",
+        "value": "13px"
+      },
+      {
+        "name": "filter-builder-group-border-color",
+        "cssVar": "--filter-builder-group-border-color",
+        "type": "color",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "filter-builder-group-border-left-width",
+        "cssVar": "--filter-builder-group-border-left-width",
+        "type": "dimension",
+        "value": "2px"
+      },
+      {
+        "name": "filter-builder-group-gap",
+        "cssVar": "--filter-builder-group-gap",
+        "type": "dimension",
+        "value": "8px"
+      },
+      {
+        "name": "filter-builder-group-margin-left",
+        "cssVar": "--filter-builder-group-margin-left",
         "type": "dimension",
-        "value": "44px"
+        "value": "16px"
       },
       {
-        "name": "featured-icon-size-sm-icon",
-        "cssVar": "--featured-icon-size-sm-icon",
+        "name": "filter-builder-group-padding-left",
+        "cssVar": "--filter-builder-group-padding-left",
         "type": "dimension",
         "value": "16px"
       },
       {
-        "name": "featured-icon-size-sm-plate",
-        "cssVar": "--featured-icon-size-sm-plate",
+        "name": "filter-builder-row-gap",
+        "cssVar": "--filter-builder-row-gap",
         "type": "dimension",
-        "value": "32px"
+        "value": "8px"
       },
       {
-        "name": "featured-icon-size-xl-icon",
-        "cssVar": "--featured-icon-size-xl-icon",
+        "name": "filter-builder-row-padding-y",
+        "cssVar": "--filter-builder-row-padding-y",
         "type": "dimension",
-        "value": "32px"
+        "value": "8px"
       },
       {
-        "name": "featured-icon-size-xl-plate",
-        "cssVar": "--featured-icon-size-xl-plate",
-        "type": "dimension",
-        "value": "56px"
+        "name": "folder-stack-empty-bg",
+        "cssVar": "--folder-stack-empty-bg",
+        "type": "color",
+        "description": "Background for tiles when folder has fewer than 4 files.",
+        "value": "oklch(97.02% 0.0000 0)"
       },
       {
-        "name": "featured-icon-size-xs-icon",
-        "cssVar": "--featured-icon-size-xs-icon",
-        "type": "dimension",
-        "value": "12px"
+        "name": "folder-stack-interactive-active-ring-color",
+        "cssVar": "--folder-stack-interactive-active-ring-color",
+        "type": "color",
+        "value": "oklch(81.75% 0.1821 159.79)"
       },
       {
-        "name": "featured-icon-size-xs-plate",
-        "cssVar": "--featured-icon-size-xs-plate",
+        "name": "folder-stack-interactive-active-ring-width",
+        "cssVar": "--folder-stack-interactive-active-ring-width",
         "type": "dimension",
-        "description": "FeaturedIcon xs plate size per Figma /Featured-Icon frame.",
-        "value": "28px"
+        "value": "2px"
       },
       {
-        "name": "feed-content-description-color",
-        "cssVar": "--feed-content-description-color",
+        "name": "folder-stack-interactive-hover-scale",
+        "cssVar": "--folder-stack-interactive-hover-scale",
+        "type": "number",
+        "value": "1.02"
+      },
+      {
+        "name": "folder-stack-outline-color",
+        "cssVar": "--folder-stack-outline-color",
         "type": "color",
-        "value": "oklch(55.55% 0.0000 0)"
+        "description": "Outline between tiles — same as parent background to create visual separation.",
+        "value": "oklch(100.00% 0.0000 0)"
       },
       {
-        "name": "feed-content-description-size",
-        "cssVar": "--feed-content-description-size",
+        "name": "folder-stack-size-default-gap-x",
+        "cssVar": "--folder-stack-size-default-gap-x",
         "type": "dimension",
-        "value": "0.875rem"
+        "value": "2px"
       },
       {
-        "name": "feed-content-title-weight",
-        "cssVar": "--feed-content-title-weight",
-        "value": "500"
+        "name": "folder-stack-size-default-gap-y",
+        "cssVar": "--folder-stack-size-default-gap-y",
+        "type": "dimension",
+        "value": "6px"
       },
       {
-        "name": "feed-icon-background",
-        "cssVar": "--feed-icon-background",
-        "type": "color",
-        "value": "oklch(97.02% 0.0000 0)"
+        "name": "folder-stack-size-default-height",
+        "cssVar": "--folder-stack-size-default-height",
+        "type": "dimension",
+        "value": "40px"
       },
       {
-        "name": "feed-icon-color",
-        "cssVar": "--feed-icon-color",
-        "type": "color",
-        "value": "oklch(55.55% 0.0000 0)"
+        "name": "folder-stack-size-default-outline-width",
+        "cssVar": "--folder-stack-size-default-outline-width",
+        "type": "dimension",
+        "value": "1.5px"
       },
       {
-        "name": "feed-icon-radius",
-        "cssVar": "--feed-icon-radius",
+        "name": "folder-stack-size-default-tile-height",
+        "cssVar": "--folder-stack-size-default-tile-height",
         "type": "dimension",
-        "value": "9999px"
+        "value": "16px"
       },
       {
-        "name": "feed-icon-size",
-        "cssVar": "--feed-icon-size",
+        "name": "folder-stack-size-default-tile-radius",
+        "cssVar": "--folder-stack-size-default-tile-radius",
         "type": "dimension",
-        "value": "32px"
+        "value": "3px"
       },
       {
-        "name": "feed-item-background-active",
-        "cssVar": "--feed-item-background-active",
-        "type": "color",
-        "value": "oklch(97.02% 0.0000 0)"
+        "name": "folder-stack-size-default-tile-width",
+        "cssVar": "--folder-stack-size-default-tile-width",
+        "type": "dimension",
+        "value": "20px"
       },
       {
-        "name": "feed-item-background-highlight",
-        "cssVar": "--feed-item-background-highlight",
-        "type": "color",
-        "value": "oklch(100.00% 0.0000 0 / 94.9%)"
+        "name": "folder-stack-size-default-width",
+        "cssVar": "--folder-stack-size-default-width",
+        "type": "dimension",
+        "value": "40px"
       },
       {
-        "name": "feed-item-border-color",
-        "cssVar": "--feed-item-border-color",
-        "type": "color",
-        "value": "oklch(92.19% 0.0000 0)"
+        "name": "folder-stack-size-lg-gap-x",
+        "cssVar": "--folder-stack-size-lg-gap-x",
+        "type": "dimension",
+        "value": "2px"
       },
       {
-        "name": "feed-item-gap",
-        "cssVar": "--feed-item-gap",
+        "name": "folder-stack-size-lg-gap-y",
+        "cssVar": "--folder-stack-size-lg-gap-y",
         "type": "dimension",
-        "value": "12px"
+        "value": "8px"
       },
       {
-        "name": "feed-item-padding-x",
-        "cssVar": "--feed-item-padding-x",
+        "name": "folder-stack-size-lg-height",
+        "cssVar": "--folder-stack-size-lg-height",
         "type": "dimension",
-        "value": "16px"
+        "value": "56px"
       },
       {
-        "name": "feed-item-padding-y",
-        "cssVar": "--feed-item-padding-y",
+        "name": "folder-stack-size-lg-outline-width",
+        "cssVar": "--folder-stack-size-lg-outline-width",
         "type": "dimension",
-        "value": "16px"
+        "value": "2px"
       },
       {
-        "name": "feed-item-radius",
-        "cssVar": "--feed-item-radius",
+        "name": "folder-stack-size-lg-tile-height",
+        "cssVar": "--folder-stack-size-lg-tile-height",
         "type": "dimension",
-        "value": "0.375rem"
+        "value": "22px"
       },
       {
-        "name": "feed-root-gap",
-        "cssVar": "--feed-root-gap",
+        "name": "folder-stack-size-lg-tile-radius",
+        "cssVar": "--folder-stack-size-lg-tile-radius",
         "type": "dimension",
-        "value": "16px"
+        "value": "4px"
       },
       {
-        "name": "feed-timestamp-color",
-        "cssVar": "--feed-timestamp-color",
-        "type": "color",
-        "value": "oklch(55.55% 0.0000 0)"
+        "name": "folder-stack-size-lg-tile-width",
+        "cssVar": "--folder-stack-size-lg-tile-width",
+        "type": "dimension",
+        "value": "26px"
       },
       {
-        "name": "feed-timestamp-size",
-        "cssVar": "--feed-timestamp-size",
+        "name": "folder-stack-size-lg-width",
+        "cssVar": "--folder-stack-size-lg-width",
         "type": "dimension",
-        "value": "0.75rem"
+        "value": "56px"
       },
       {
-        "name": "file-upload-dropzone-background",
-        "cssVar": "--file-upload-dropzone-background",
-        "type": "color",
-        "value": "oklch(100.00% 0.0000 0)"
+        "name": "folder-stack-size-sm-gap-x",
+        "cssVar": "--folder-stack-size-sm-gap-x",
+        "type": "dimension",
+        "value": "2px"
       },
       {
-        "name": "file-upload-dropzone-background-hover",
-        "cssVar": "--file-upload-dropzone-background-hover",
-        "type": "color",
-        "value": "oklch(95.21% 0.0467 171.12)"
+        "name": "folder-stack-size-sm-gap-y",
+        "cssVar": "--folder-stack-size-sm-gap-y",
+        "type": "dimension",
+        "value": "2px"
       },
       {
-        "name": "file-upload-dropzone-border-color",
-        "cssVar": "--file-upload-dropzone-border-color",
-        "type": "color",
-        "value": "oklch(55.55% 0.0000 0)"
+        "name": "folder-stack-size-sm-height",
+        "cssVar": "--folder-stack-size-sm-height",
+        "type": "dimension",
+        "value": "24px"
       },
       {
-        "name": "file-upload-dropzone-border-style",
-        "cssVar": "--file-upload-dropzone-border-style",
-        "value": "dashed"
+        "name": "folder-stack-size-sm-outline-width",
+        "cssVar": "--folder-stack-size-sm-outline-width",
+        "type": "dimension",
+        "value": "1px"
       },
       {
-        "name": "file-upload-dropzone-border-width",
-        "cssVar": "--file-upload-dropzone-border-width",
+        "name": "folder-stack-size-sm-tile-height",
+        "cssVar": "--folder-stack-size-sm-tile-height",
+        "type": "dimension",
+        "value": "11px"
+      },
+      {
+        "name": "folder-stack-size-sm-tile-radius",
+        "cssVar": "--folder-stack-size-sm-tile-radius",
         "type": "dimension",
         "value": "2px"
       },
       {
-        "name": "file-upload-dropzone-gap",
-        "cssVar": "--file-upload-dropzone-gap",
+        "name": "folder-stack-size-sm-tile-width",
+        "cssVar": "--folder-stack-size-sm-tile-width",
         "type": "dimension",
-        "value": "16px"
+        "value": "14px"
       },
       {
-        "name": "file-upload-dropzone-padding",
-        "cssVar": "--file-upload-dropzone-padding",
+        "name": "folder-stack-size-sm-width",
+        "cssVar": "--folder-stack-size-sm-width",
         "type": "dimension",
-        "value": "40px"
+        "value": "30px"
       },
       {
-        "name": "file-upload-dropzone-radius",
-        "cssVar": "--file-upload-dropzone-radius",
+        "name": "folder-stack-size-xl-gap-x",
+        "cssVar": "--folder-stack-size-xl-gap-x",
         "type": "dimension",
-        "description": "FileDropzone radius 12px (radius/lg) aligned with Figma canonical (frame 1636:5682) — pre-fix was 0.5rem (8px).",
-        "value": "12px"
+        "value": "2px"
       },
       {
-        "name": "file-upload-icon-color",
-        "cssVar": "--file-upload-icon-color",
-        "type": "color",
-        "value": "oklch(55.55% 0.0000 0)"
+        "name": "folder-stack-size-xl-gap-y",
+        "cssVar": "--folder-stack-size-xl-gap-y",
+        "type": "dimension",
+        "value": "10px"
       },
       {
-        "name": "file-upload-icon-size",
-        "cssVar": "--file-upload-icon-size",
+        "name": "folder-stack-size-xl-height",
+        "cssVar": "--folder-stack-size-xl-height",
         "type": "dimension",
-        "value": "40px"
+        "value": "72px"
       },
       {
-        "name": "file-upload-item-border",
-        "cssVar": "--file-upload-item-border",
-        "type": "color",
-        "value": "oklch(92.19% 0.0000 0)"
+        "name": "folder-stack-size-xl-outline-width",
+        "cssVar": "--folder-stack-size-xl-outline-width",
+        "type": "dimension",
+        "value": "2px"
       },
       {
-        "name": "file-upload-item-gap",
-        "cssVar": "--file-upload-item-gap",
+        "name": "folder-stack-size-xl-tile-height",
+        "cssVar": "--folder-stack-size-xl-tile-height",
         "type": "dimension",
-        "value": "12px"
+        "value": "28px"
       },
       {
-        "name": "file-upload-item-padding",
-        "cssVar": "--file-upload-item-padding",
+        "name": "folder-stack-size-xl-tile-radius",
+        "cssVar": "--folder-stack-size-xl-tile-radius",
         "type": "dimension",
-        "value": "12px"
+        "value": "5px"
       },
       {
-        "name": "file-upload-item-radius",
-        "cssVar": "--file-upload-item-radius",
+        "name": "folder-stack-size-xl-tile-width",
+        "cssVar": "--folder-stack-size-xl-tile-width",
         "type": "dimension",
-        "value": "0.375rem"
+        "value": "34px"
       },
       {
-        "name": "filter-builder-group-border-color",
-        "cssVar": "--filter-builder-group-border-color",
-        "type": "color",
-        "value": "oklch(92.19% 0.0000 0)"
+        "name": "folder-stack-size-xl-width",
+        "cssVar": "--folder-stack-size-xl-width",
+        "type": "dimension",
+        "value": "72px"
       },
       {
-        "name": "filter-builder-group-border-left-width",
-        "cssVar": "--filter-builder-group-border-left-width",
+        "name": "folder-stack-size-xs-gap-x",
+        "cssVar": "--folder-stack-size-xs-gap-x",
         "type": "dimension",
-        "value": "2px"
+        "value": "1px"
       },
       {
-        "name": "filter-builder-group-gap",
-        "cssVar": "--filter-builder-group-gap",
+        "name": "folder-stack-size-xs-gap-y",
+        "cssVar": "--folder-stack-size-xs-gap-y",
         "type": "dimension",
-        "value": "8px"
+        "value": "2px"
       },
       {
-        "name": "filter-builder-group-margin-left",
-        "cssVar": "--filter-builder-group-margin-left",
+        "name": "folder-stack-size-xs-height",
+        "cssVar": "--folder-stack-size-xs-height",
         "type": "dimension",
-        "value": "16px"
+        "value": "18px"
       },
       {
-        "name": "filter-builder-group-padding-left",
-        "cssVar": "--filter-builder-group-padding-left",
+        "name": "folder-stack-size-xs-outline-width",
+        "cssVar": "--folder-stack-size-xs-outline-width",
         "type": "dimension",
-        "value": "16px"
+        "value": "1px"
       },
       {
-        "name": "filter-builder-row-gap",
-        "cssVar": "--filter-builder-row-gap",
+        "name": "folder-stack-size-xs-tile-height",
+        "cssVar": "--folder-stack-size-xs-tile-height",
         "type": "dimension",
         "value": "8px"
       },
       {
-        "name": "filter-builder-row-padding-y",
-        "cssVar": "--filter-builder-row-padding-y",
+        "name": "folder-stack-size-xs-tile-radius",
+        "cssVar": "--folder-stack-size-xs-tile-radius",
         "type": "dimension",
-        "value": "8px"
+        "value": "1.5px"
+      },
+      {
+        "name": "folder-stack-size-xs-tile-width",
+        "cssVar": "--folder-stack-size-xs-tile-width",
+        "type": "dimension",
+        "value": "10px"
+      },
+      {
+        "name": "folder-stack-size-xs-width",
+        "cssVar": "--folder-stack-size-xs-width",
+        "type": "dimension",
+        "value": "22px"
       },
       {
         "name": "form-error-fg",
@@ -14723,6 +16132,69 @@
         "type": "number",
         "value": "50"
       },
+      {
+        "name": "topbar-leading-gap",
+        "cssVar": "--topbar-leading-gap",
+        "type": "dimension",
+        "description": "Gap inside the TopbarLeading slot (8px) — tight for breadcrumb chips.",
+        "value": "8px"
+      },
+      {
+        "name": "topbar-root-background",
+        "cssVar": "--topbar-root-background",
+        "type": "color",
+        "description": "Topbar surface background — mirrors Figma --core/background/surface (#fafafa) via the local muted alias.",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "topbar-root-border-color",
+        "cssVar": "--topbar-root-border-color",
+        "type": "color",
+        "description": "Border color used when stacking default + filters variants vertically.",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "topbar-root-gap",
+        "cssVar": "--topbar-root-gap",
+        "type": "dimension",
+        "description": "Gap between leading and trailing slots (16px).",
+        "value": "16px"
+      },
+      {
+        "name": "topbar-root-height-default",
+        "cssVar": "--topbar-root-height-default",
+        "type": "dimension",
+        "description": "Topbar default variant height (56px) — mirrors Figma Core Components / Topbar / Default.",
+        "value": "3.5rem"
+      },
+      {
+        "name": "topbar-root-height-filters",
+        "cssVar": "--topbar-root-height-filters",
+        "type": "dimension",
+        "description": "Topbar filters variant height (52px) — mirrors Figma Core Components / Topbar / Filters.",
+        "value": "3.25rem"
+      },
+      {
+        "name": "topbar-root-padding-x",
+        "cssVar": "--topbar-root-padding-x",
+        "type": "dimension",
+        "description": "Topbar horizontal padding (32px) — mirrors Figma px-32.",
+        "value": "32px"
+      },
+      {
+        "name": "topbar-root-padding-y",
+        "cssVar": "--topbar-root-padding-y",
+        "type": "dimension",
+        "description": "Topbar vertical padding (8px) — mirrors Figma py-8.",
+        "value": "8px"
+      },
+      {
+        "name": "topbar-trailing-gap",
+        "cssVar": "--topbar-trailing-gap",
+        "type": "dimension",
+        "description": "Gap inside the TopbarTrailing slot (16px) — comfortable for action controls.",
+        "value": "16px"
+      },
       {
         "name": "typography-caption-c1-font-family",
         "cssVar": "--typography-caption-c1-font-family",