@taocompany/magic-grid 0.11.8 → 0.12.0

package/dist/token-catalog.json

@@ -0,0 +1,2216 @@
+{
+  "schemaVersion": "0.12.0",
+  "generatedAt": "2026-10-14T10:56:23.521Z",
+  "entries": [
+    {
+      "token": "--mg-color-bg",
+      "scope": "base",
+      "default": "#fff",
+      "group": "palette",
+      "label": "背景（surface）",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-bg-cell",
+      "scope": "base",
+      "default": "var(--mg-color-bg)",
+      "group": "palette",
+      "label": "单元格背景",
+      "type": "color",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-bg-footer",
+      "scope": "base",
+      "default": "var(--mg-color-bg-header)",
+      "group": "palette",
+      "label": "表尾背景",
+      "type": "color",
+      "editable": false,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-bg-header",
+      "scope": "base",
+      "default": "#ecf3ff",
+      "group": "palette",
+      "label": "表头背景",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-bg-status-bar",
+      "scope": "base",
+      "default": "var(--mg-color-bg-header)",
+      "group": "palette",
+      "label": "状态栏背景",
+      "type": "color",
+      "editable": false,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-bg-stripe",
+      "scope": "base",
+      "default": "#f5f7fa",
+      "group": "palette",
+      "label": "斑马纹背景",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-border",
+      "scope": "base",
+      "default": "#d8d8d8",
+      "group": "palette",
+      "label": "边框",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-border-light",
+      "scope": "base",
+      "default": "#d8d8d8",
+      "group": "palette",
+      "label": "边框 · 浅",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-danger",
+      "scope": "base",
+      "default": "#f56c6c",
+      "group": "palette",
+      "label": "危险色",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-info",
+      "scope": "base",
+      "default": "#909399",
+      "group": "palette",
+      "label": "信息色",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-primary",
+      "scope": "base",
+      "default": "#3d7bf5",
+      "group": "palette",
+      "label": "主色",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-success",
+      "scope": "base",
+      "default": "#67c23a",
+      "group": "palette",
+      "label": "成功色",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-text-primary",
+      "scope": "base",
+      "default": "#333",
+      "group": "palette",
+      "label": "文字 · 主要",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-text-regular",
+      "scope": "base",
+      "default": "#333",
+      "group": "palette",
+      "label": "文字 · 常规",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-text-secondary",
+      "scope": "base",
+      "default": "#9f9f9f",
+      "group": "palette",
+      "label": "文字 · 次要",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-warning",
+      "scope": "base",
+      "default": "#e6a23c",
+      "group": "palette",
+      "label": "警告色",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-font-family",
+      "scope": "base",
+      "default": "system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
+      "group": "palette",
+      "label": "字体族",
+      "type": "string",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-bg",
+      "scope": "dark",
+      "default": "#141414",
+      "group": "palette",
+      "label": "背景（surface）",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-bg-cell",
+      "scope": "dark",
+      "default": "#141414",
+      "group": "palette",
+      "label": "单元格背景",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-bg-footer",
+      "scope": "dark",
+      "default": "#1a2332",
+      "group": "palette",
+      "label": "表尾背景",
+      "type": "color",
+      "editable": false,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-bg-header",
+      "scope": "dark",
+      "default": "#1a2332",
+      "group": "palette",
+      "label": "表头背景",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-bg-status-bar",
+      "scope": "dark",
+      "default": "#141414",
+      "group": "palette",
+      "label": "状态栏背景",
+      "type": "color",
+      "editable": false,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-bg-stripe",
+      "scope": "dark",
+      "default": "#1c1c1c",
+      "group": "palette",
+      "label": "斑马纹背景",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-border",
+      "scope": "dark",
+      "default": "#3a3f47",
+      "group": "palette",
+      "label": "边框",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-border-light",
+      "scope": "dark",
+      "default": "#32363d",
+      "group": "palette",
+      "label": "边框 · 浅",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-danger",
+      "scope": "dark",
+      "default": "#f56c6c",
+      "group": "palette",
+      "label": "危险色",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-info",
+      "scope": "dark",
+      "default": "#909399",
+      "group": "palette",
+      "label": "信息色",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-primary",
+      "scope": "dark",
+      "default": "#3d7bf5",
+      "group": "palette",
+      "label": "主色",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-success",
+      "scope": "dark",
+      "default": "#67c23a",
+      "group": "palette",
+      "label": "成功色",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-text-primary",
+      "scope": "dark",
+      "default": "#e8e8e8",
+      "group": "palette",
+      "label": "文字 · 主要",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-text-regular",
+      "scope": "dark",
+      "default": "#e0e0e0",
+      "group": "palette",
+      "label": "文字 · 常规",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-text-secondary",
+      "scope": "dark",
+      "default": "#9aa0a6",
+      "group": "palette",
+      "label": "文字 · 次要",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-warning",
+      "scope": "dark",
+      "default": "#e6a23c",
+      "group": "palette",
+      "label": "警告色",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-bg-cell",
+      "scope": "darkBody",
+      "default": "#fff",
+      "group": "palette",
+      "label": "单元格背景",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-bg-stripe",
+      "scope": "darkBody",
+      "default": "#f5f7fa",
+      "group": "palette",
+      "label": "斑马纹背景",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-border",
+      "scope": "darkBody",
+      "default": "#d8d8d8",
+      "group": "palette",
+      "label": "边框",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-border-light",
+      "scope": "darkBody",
+      "default": "#d8d8d8",
+      "group": "palette",
+      "label": "边框 · 浅",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-text-primary",
+      "scope": "darkBody",
+      "default": "#333",
+      "group": "palette",
+      "label": "文字 · 主要",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-text-regular",
+      "scope": "darkBody",
+      "default": "#333",
+      "group": "palette",
+      "label": "文字 · 常规",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-text-secondary",
+      "scope": "darkBody",
+      "default": "#9f9f9f",
+      "group": "palette",
+      "label": "文字 · 次要",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-border-radius",
+      "scope": "base",
+      "default": "8px",
+      "group": "size",
+      "label": "border radius",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-border-width",
+      "scope": "base",
+      "default": "1px",
+      "group": "size",
+      "label": "border width",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-control-size",
+      "scope": "base",
+      "default": "max(12px, calc(32px - 8px))",
+      "group": "size",
+      "label": "cell control size",
+      "type": "string",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-padding-x",
+      "scope": "base",
+      "default": "8px",
+      "group": "size",
+      "label": "cell padding x",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-checkbox-size",
+      "scope": "base",
+      "default": "14px",
+      "group": "size",
+      "label": "checkbox size",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-focus-ring-width",
+      "scope": "base",
+      "default": "2px",
+      "group": "size",
+      "label": "focus ring width",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-font-size",
+      "scope": "base",
+      "default": "12px",
+      "group": "size",
+      "label": "font size",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-header-height",
+      "scope": "base",
+      "default": "32px",
+      "group": "size",
+      "label": "header height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-row-height",
+      "scope": "base",
+      "default": "32px",
+      "group": "size",
+      "label": "row height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-spacing",
+      "scope": "base",
+      "default": "8px",
+      "group": "size",
+      "label": "spacing",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-status-bar-control-height",
+      "scope": "base",
+      "default": "calc(32px - 6px)",
+      "group": "size",
+      "label": "status bar control height",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-status-bar-font-size",
+      "scope": "base",
+      "default": "12px",
+      "group": "size",
+      "label": "status bar font size",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-status-bar-height",
+      "scope": "base",
+      "default": "32px",
+      "group": "size",
+      "label": "status bar height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-summary-row-height",
+      "scope": "base",
+      "default": "32px",
+      "group": "size",
+      "label": "summary row height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-border-radius",
+      "scope": "size.default",
+      "default": "8px",
+      "group": "size",
+      "label": "border radius",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-border-width",
+      "scope": "size.default",
+      "default": "1px",
+      "group": "size",
+      "label": "border width",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-control-size",
+      "scope": "size.default",
+      "default": "max(12px, calc(32px - 8px))",
+      "group": "size",
+      "label": "cell control size",
+      "type": "string",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-padding-x",
+      "scope": "size.default",
+      "default": "8px",
+      "group": "size",
+      "label": "cell padding x",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-checkbox-size",
+      "scope": "size.default",
+      "default": "14px",
+      "group": "size",
+      "label": "checkbox size",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-focus-ring-width",
+      "scope": "size.default",
+      "default": "2px",
+      "group": "size",
+      "label": "focus ring width",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-font-size",
+      "scope": "size.default",
+      "default": "12px",
+      "group": "size",
+      "label": "font size",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-header-height",
+      "scope": "size.default",
+      "default": "32px",
+      "group": "size",
+      "label": "header height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-row-height",
+      "scope": "size.default",
+      "default": "32px",
+      "group": "size",
+      "label": "row height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-spacing",
+      "scope": "size.default",
+      "default": "8px",
+      "group": "size",
+      "label": "spacing",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-status-bar-control-height",
+      "scope": "size.default",
+      "default": "calc(32px - 6px)",
+      "group": "size",
+      "label": "status bar control height",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-status-bar-font-size",
+      "scope": "size.default",
+      "default": "12px",
+      "group": "size",
+      "label": "status bar font size",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-status-bar-height",
+      "scope": "size.default",
+      "default": "32px",
+      "group": "size",
+      "label": "status bar height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-summary-row-height",
+      "scope": "size.default",
+      "default": "32px",
+      "group": "size",
+      "label": "summary row height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-border-radius",
+      "scope": "size.large",
+      "default": "8px",
+      "group": "size",
+      "label": "border radius",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-border-width",
+      "scope": "size.large",
+      "default": "1px",
+      "group": "size",
+      "label": "border width",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-control-size",
+      "scope": "size.large",
+      "default": "max(12px, calc(40px - 8px))",
+      "group": "size",
+      "label": "cell control size",
+      "type": "string",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-padding-x",
+      "scope": "size.large",
+      "default": "12px",
+      "group": "size",
+      "label": "cell padding x",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-checkbox-size",
+      "scope": "size.large",
+      "default": "14px",
+      "group": "size",
+      "label": "checkbox size",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-focus-ring-width",
+      "scope": "size.large",
+      "default": "2px",
+      "group": "size",
+      "label": "focus ring width",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-font-size",
+      "scope": "size.large",
+      "default": "14px",
+      "group": "size",
+      "label": "font size",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-header-height",
+      "scope": "size.large",
+      "default": "40px",
+      "group": "size",
+      "label": "header height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-row-height",
+      "scope": "size.large",
+      "default": "40px",
+      "group": "size",
+      "label": "row height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-spacing",
+      "scope": "size.large",
+      "default": "12px",
+      "group": "size",
+      "label": "spacing",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-status-bar-control-height",
+      "scope": "size.large",
+      "default": "calc(40px - 6px)",
+      "group": "size",
+      "label": "status bar control height",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-status-bar-font-size",
+      "scope": "size.large",
+      "default": "14px",
+      "group": "size",
+      "label": "status bar font size",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-status-bar-height",
+      "scope": "size.large",
+      "default": "40px",
+      "group": "size",
+      "label": "status bar height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-summary-row-height",
+      "scope": "size.large",
+      "default": "40px",
+      "group": "size",
+      "label": "summary row height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-border-radius",
+      "scope": "size.mini",
+      "default": "4px",
+      "group": "size",
+      "label": "border radius",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-border-width",
+      "scope": "size.mini",
+      "default": "1px",
+      "group": "size",
+      "label": "border width",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-control-size",
+      "scope": "size.mini",
+      "default": "max(12px, calc(20px - 8px))",
+      "group": "size",
+      "label": "cell control size",
+      "type": "string",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-padding-x",
+      "scope": "size.mini",
+      "default": "4px",
+      "group": "size",
+      "label": "cell padding x",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-checkbox-size",
+      "scope": "size.mini",
+      "default": "12px",
+      "group": "size",
+      "label": "checkbox size",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-focus-ring-width",
+      "scope": "size.mini",
+      "default": "2px",
+      "group": "size",
+      "label": "focus ring width",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-font-size",
+      "scope": "size.mini",
+      "default": "12px",
+      "group": "size",
+      "label": "font size",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-header-height",
+      "scope": "size.mini",
+      "default": "20px",
+      "group": "size",
+      "label": "header height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-row-height",
+      "scope": "size.mini",
+      "default": "20px",
+      "group": "size",
+      "label": "row height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-spacing",
+      "scope": "size.mini",
+      "default": "4px",
+      "group": "size",
+      "label": "spacing",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-status-bar-control-height",
+      "scope": "size.mini",
+      "default": "calc(20px - 6px)",
+      "group": "size",
+      "label": "status bar control height",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-status-bar-font-size",
+      "scope": "size.mini",
+      "default": "12px",
+      "group": "size",
+      "label": "status bar font size",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-status-bar-height",
+      "scope": "size.mini",
+      "default": "20px",
+      "group": "size",
+      "label": "status bar height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-summary-row-height",
+      "scope": "size.mini",
+      "default": "20px",
+      "group": "size",
+      "label": "summary row height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-border-radius",
+      "scope": "size.small",
+      "default": "8px",
+      "group": "size",
+      "label": "border radius",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-border-width",
+      "scope": "size.small",
+      "default": "1px",
+      "group": "size",
+      "label": "border width",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-control-size",
+      "scope": "size.small",
+      "default": "max(12px, calc(24px - 8px))",
+      "group": "size",
+      "label": "cell control size",
+      "type": "string",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-padding-x",
+      "scope": "size.small",
+      "default": "8px",
+      "group": "size",
+      "label": "cell padding x",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-checkbox-size",
+      "scope": "size.small",
+      "default": "12px",
+      "group": "size",
+      "label": "checkbox size",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-focus-ring-width",
+      "scope": "size.small",
+      "default": "2px",
+      "group": "size",
+      "label": "focus ring width",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-font-size",
+      "scope": "size.small",
+      "default": "12px",
+      "group": "size",
+      "label": "font size",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-header-height",
+      "scope": "size.small",
+      "default": "24px",
+      "group": "size",
+      "label": "header height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-row-height",
+      "scope": "size.small",
+      "default": "24px",
+      "group": "size",
+      "label": "row height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-spacing",
+      "scope": "size.small",
+      "default": "8px",
+      "group": "size",
+      "label": "spacing",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-status-bar-control-height",
+      "scope": "size.small",
+      "default": "calc(24px - 6px)",
+      "group": "size",
+      "label": "status bar control height",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-status-bar-font-size",
+      "scope": "size.small",
+      "default": "12px",
+      "group": "size",
+      "label": "status bar font size",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-status-bar-height",
+      "scope": "size.small",
+      "default": "24px",
+      "group": "size",
+      "label": "status bar height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-summary-row-height",
+      "scope": "size.small",
+      "default": "24px",
+      "group": "size",
+      "label": "summary row height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-column-handle",
+      "scope": "base",
+      "default": "color-mix(in srgb, var(--mg-color-text-regular) 45%, transparent)",
+      "group": "header",
+      "label": "color column handle",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-column-handle-hover-bg",
+      "scope": "base",
+      "default": "color-mix(in srgb, var(--mg-color-text-regular) 10%, transparent)",
+      "group": "header",
+      "label": "color column handle hover bg",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-column-handle-menu-bg",
+      "scope": "base",
+      "default": "var(--mg-color-bg)",
+      "group": "header",
+      "label": "color column handle menu bg",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-column-handle-menu-border",
+      "scope": "base",
+      "default": "var(--mg-color-border)",
+      "group": "header",
+      "label": "color column handle menu border",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-column-handle-menu-heading",
+      "scope": "base",
+      "default": "var(--mg-color-text-secondary)",
+      "group": "header",
+      "label": "color column handle menu heading",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-column-handle-menu-item-checked",
+      "scope": "base",
+      "default": "color-mix(in srgb, var(--mg-color-primary) 12%, transparent)",
+      "group": "header",
+      "label": "color column handle menu item checked",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-column-handle-menu-item-hover",
+      "scope": "base",
+      "default": "color-mix(in srgb, var(--mg-color-text-regular) 8%, transparent)",
+      "group": "header",
+      "label": "color column handle menu item hover",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-sort-active",
+      "scope": "base",
+      "default": "var(--mg-color-primary)",
+      "group": "header",
+      "label": "color sort active",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-sort-icon",
+      "scope": "base",
+      "default": "#c0c4cc",
+      "group": "header",
+      "label": "color sort icon",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-column-handle-menu-min-width",
+      "scope": "base",
+      "default": "168px",
+      "group": "header",
+      "label": "column handle menu min width",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-column-handle-menu-shadow",
+      "scope": "base",
+      "default": "0 1px 2px #0000000f, 0 4px 12px #00000014",
+      "group": "header",
+      "label": "column handle menu shadow",
+      "type": "shadow",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-column-handle-menu-z-index",
+      "scope": "base",
+      "default": "35",
+      "group": "header",
+      "label": "column handle menu z index",
+      "type": "number",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-header-chrome-edge-inset",
+      "scope": "base",
+      "default": "2px",
+      "group": "header",
+      "label": "header chrome edge inset",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-header-label-gap",
+      "scope": "base",
+      "default": "1px",
+      "group": "header",
+      "label": "header label gap",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-header-resize-handle-line-color",
+      "scope": "base",
+      "default": "var(--mg-color-border)",
+      "group": "header",
+      "label": "header resize handle line color",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-header-resize-handle-line-color-active",
+      "scope": "base",
+      "default": "var(--mg-color-primary)",
+      "group": "header",
+      "label": "header resize handle line color active",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-header-resize-handle-line-color-hover",
+      "scope": "base",
+      "default": "var(--mg-color-primary)",
+      "group": "header",
+      "label": "header resize handle line color hover",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-header-resize-handle-line-width",
+      "scope": "base",
+      "default": "3px",
+      "group": "header",
+      "label": "header resize handle line width",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-header-resize-handle-offset",
+      "scope": "base",
+      "default": "-3px",
+      "group": "header",
+      "label": "header resize handle offset",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-header-resize-handle-width",
+      "scope": "base",
+      "default": "8px",
+      "group": "header",
+      "label": "header resize handle width",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-sort-icon-gap",
+      "scope": "base",
+      "default": "2px",
+      "group": "header",
+      "label": "sort icon gap",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-sort-icon-size",
+      "scope": "base",
+      "default": "14px",
+      "group": "header",
+      "label": "sort icon size",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-column-handle-menu-shadow",
+      "scope": "dark",
+      "default": "0 1px 2px #00000059, 0 4px 12px #0006",
+      "group": "header",
+      "label": "column handle menu shadow",
+      "type": "shadow",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-header-resize-line-inset",
+      "scope": "unknown",
+      "default": "var(--mg-border-width)",
+      "group": "header",
+      "label": "header resize line inset",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-range-selection-bg",
+      "scope": "base",
+      "default": "color-mix(in srgb, var(--mg-color-primary,#3d7bf5) 14%, transparent)",
+      "group": "selection",
+      "label": "range selection bg",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-range-selection-bg-opaque",
+      "scope": "base",
+      "default": "color-mix(in srgb, var(--mg-color-primary,#3d7bf5) 14%, var(--mg-color-bg-cell))",
+      "group": "selection",
+      "label": "range selection bg opaque",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-range-selection-bg-opaque-stripe",
+      "scope": "base",
+      "default": "color-mix(in srgb, var(--mg-color-primary,#3d7bf5) 14%, var(--mg-color-bg-stripe))",
+      "group": "selection",
+      "label": "range selection bg opaque stripe",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-range-selection-border-color",
+      "scope": "base",
+      "default": "var(--mg-color-primary,#3d7bf5)",
+      "group": "selection",
+      "label": "range selection border color",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-range-selection-header-bg",
+      "scope": "base",
+      "default": "color-mix(in srgb, var(--mg-color-primary,#3d7bf5) 18%, var(--mg-color-bg-header))",
+      "group": "selection",
+      "label": "range selection header bg",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-range-selection-bg",
+      "scope": "dark",
+      "default": "color-mix(in srgb, var(--mg-color-primary,#3d7bf5) 24%, transparent)",
+      "group": "selection",
+      "label": "range selection bg",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-range-selection-bg-opaque",
+      "scope": "dark",
+      "default": "color-mix(in srgb, var(--mg-color-primary,#3d7bf5) 24%, var(--mg-color-bg-cell))",
+      "group": "selection",
+      "label": "range selection bg opaque",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-range-selection-bg-opaque-stripe",
+      "scope": "dark",
+      "default": "color-mix(in srgb, var(--mg-color-primary,#3d7bf5) 24%, var(--mg-color-bg-stripe))",
+      "group": "selection",
+      "label": "range selection bg opaque stripe",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-range-selection-header-bg",
+      "scope": "dark",
+      "default": "color-mix(in srgb, var(--mg-color-primary,#3d7bf5) 22%, var(--mg-color-bg-header))",
+      "group": "selection",
+      "label": "range selection header bg",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-column-drag-ghost-bg",
+      "scope": "base",
+      "default": "var(--mg-color-bg)",
+      "group": "drag",
+      "label": "color column drag ghost bg",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-column-drag-ghost-border",
+      "scope": "base",
+      "default": "var(--mg-color-border)",
+      "group": "drag",
+      "label": "color column drag ghost border",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-column-drag-ghost-icon",
+      "scope": "base",
+      "default": "var(--mg-color-text-secondary)",
+      "group": "drag",
+      "label": "color column drag ghost icon",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-column-drop-indicator",
+      "scope": "base",
+      "default": "var(--mg-color-primary)",
+      "group": "drag",
+      "label": "color column drop indicator",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-row-drag-ghost-bg",
+      "scope": "base",
+      "default": "var(--mg-color-bg)",
+      "group": "drag",
+      "label": "color row drag ghost bg",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-row-drag-ghost-border",
+      "scope": "base",
+      "default": "var(--mg-color-border)",
+      "group": "drag",
+      "label": "color row drag ghost border",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-row-drop-indicator",
+      "scope": "base",
+      "default": "var(--mg-color-primary)",
+      "group": "drag",
+      "label": "color row drop indicator",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-column-drag-ghost-gap",
+      "scope": "base",
+      "default": "var(--mg-cell-padding-x)",
+      "group": "drag",
+      "label": "column drag ghost gap",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-column-drag-ghost-z-index",
+      "scope": "base",
+      "default": "30",
+      "group": "drag",
+      "label": "column drag ghost z index",
+      "type": "number",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-column-dragging-opacity",
+      "scope": "base",
+      "default": ".42",
+      "group": "drag",
+      "label": "column dragging opacity",
+      "type": "number",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-column-drop-indicator-width",
+      "scope": "base",
+      "default": "2px",
+      "group": "drag",
+      "label": "column drop indicator width",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-column-drop-indicator-z-index",
+      "scope": "base",
+      "default": "29",
+      "group": "drag",
+      "label": "column drop indicator z index",
+      "type": "number",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-column-move-duration",
+      "scope": "base",
+      "default": ".2s",
+      "group": "drag",
+      "label": "column move duration",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-row-drag-ghost-z-index",
+      "scope": "base",
+      "default": "30",
+      "group": "drag",
+      "label": "row drag ghost z index",
+      "type": "number",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-row-drag-handle-size",
+      "scope": "base",
+      "default": "14px",
+      "group": "drag",
+      "label": "row drag handle size",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-row-dragging-opacity",
+      "scope": "base",
+      "default": ".42",
+      "group": "drag",
+      "label": "row dragging opacity",
+      "type": "number",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-row-drop-indicator-height",
+      "scope": "base",
+      "default": "2px",
+      "group": "drag",
+      "label": "row drop indicator height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-row-drop-indicator-z-index",
+      "scope": "base",
+      "default": "29",
+      "group": "drag",
+      "label": "row drop indicator z index",
+      "type": "number",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-row-resize-handle-height",
+      "scope": "base",
+      "default": "8px",
+      "group": "drag",
+      "label": "row resize handle height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-row-resize-handle-line-color",
+      "scope": "base",
+      "default": "var(--mg-color-border)",
+      "group": "drag",
+      "label": "row resize handle line color",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-row-resize-handle-line-color-active",
+      "scope": "base",
+      "default": "var(--mg-color-primary)",
+      "group": "drag",
+      "label": "row resize handle line color active",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-row-resize-handle-line-color-hover",
+      "scope": "base",
+      "default": "var(--mg-color-primary)",
+      "group": "drag",
+      "label": "row resize handle line color hover",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-row-resize-handle-line-height",
+      "scope": "base",
+      "default": "3px",
+      "group": "drag",
+      "label": "row resize handle line height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-row-resize-handle-offset",
+      "scope": "base",
+      "default": "-3px",
+      "group": "drag",
+      "label": "row resize handle offset",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-column-drag-ghost-bg",
+      "scope": "dark",
+      "default": "var(--mg-color-bg-header)",
+      "group": "drag",
+      "label": "color column drag ghost bg",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-fixed-editing-z-index",
+      "scope": "base",
+      "default": "3",
+      "group": "fixed",
+      "label": "fixed editing z index",
+      "type": "number",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-fixed-shadow-left",
+      "scope": "base",
+      "default": "4px 0 8px -2px #0000001f",
+      "group": "fixed",
+      "label": "fixed shadow left",
+      "type": "shadow",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-fixed-shadow-right",
+      "scope": "base",
+      "default": "-4px 0 8px -2px #0000001f",
+      "group": "fixed",
+      "label": "fixed shadow right",
+      "type": "shadow",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-fixed-z-index",
+      "scope": "base",
+      "default": "2",
+      "group": "fixed",
+      "label": "fixed z index",
+      "type": "number",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-fixed-shadow-left",
+      "scope": "dark",
+      "default": "4px 0 8px -2px #00000073",
+      "group": "fixed",
+      "label": "fixed shadow left",
+      "type": "shadow",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-fixed-shadow-right",
+      "scope": "dark",
+      "default": "-4px 0 8px -2px #00000073",
+      "group": "fixed",
+      "label": "fixed shadow right",
+      "type": "shadow",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-fixed-shadow-left",
+      "scope": "darkBody",
+      "default": "4px 0 8px -2px #0000001f",
+      "group": "fixed",
+      "label": "fixed shadow left",
+      "type": "shadow",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-fixed-shadow-right",
+      "scope": "darkBody",
+      "default": "-4px 0 8px -2px #0000001f",
+      "group": "fixed",
+      "label": "fixed shadow right",
+      "type": "shadow",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-disabled-indicator-gap",
+      "scope": "base",
+      "default": "4px",
+      "group": "overlay",
+      "label": "cell disabled indicator gap",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-disabled-cursor",
+      "scope": "root",
+      "default": "not-allowed",
+      "group": "overlay",
+      "label": "cell disabled cursor",
+      "type": "string",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-disabled-opacity",
+      "scope": "root",
+      "default": ".45",
+      "group": "overlay",
+      "label": "cell disabled opacity",
+      "type": "number",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-overlay-mask-bg",
+      "scope": "root",
+      "default": "#ffffffa6",
+      "group": "overlay",
+      "label": "overlay mask bg",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-z-overlay",
+      "scope": "root",
+      "default": "20",
+      "group": "overlay",
+      "label": "z overlay",
+      "type": "number",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-overlay-mask-bg",
+      "scope": "unknown",
+      "default": "#00000073",
+      "group": "overlay",
+      "label": "overlay mask bg",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-column-settings-bg",
+      "scope": "base",
+      "default": "var(--mg-color-bg,#fff)",
+      "group": "column-settings",
+      "label": "color column settings bg",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-column-settings-bg-subtle",
+      "scope": "base",
+      "default": "color-mix(in srgb, var(--mg-color-column-settings-text) 6%, transparent)",
+      "group": "column-settings",
+      "label": "color column settings bg subtle",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-column-settings-border",
+      "scope": "base",
+      "default": "var(--mg-color-border,#d1d5db)",
+      "group": "column-settings",
+      "label": "color column settings border",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-column-settings-pinned-bg",
+      "scope": "base",
+      "default": "color-mix(in srgb, var(--mg-color-column-settings-text) 5%, var(--mg-color-column-settings-bg))",
+      "group": "column-settings",
+      "label": "color column settings pinned bg",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-column-settings-primary",
+      "scope": "base",
+      "default": "var(--mg-color-primary,#3d7bf5)",
+      "group": "column-settings",
+      "label": "color column settings primary",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-column-settings-primary-soft",
+      "scope": "base",
+      "default": "color-mix(in srgb, var(--mg-color-column-settings-primary) 12%, transparent)",
+      "group": "column-settings",
+      "label": "color column settings primary soft",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-column-settings-text",
+      "scope": "base",
+      "default": "var(--mg-color-text-regular,var(--mg-color-text,#111827))",
+      "group": "column-settings",
+      "label": "color column settings text",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-column-settings-text-secondary",
+      "scope": "base",
+      "default": "var(--mg-color-text-secondary,#6b7280)",
+      "group": "column-settings",
+      "label": "color column settings text secondary",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-column-settings-max-height",
+      "scope": "base",
+      "default": "70vh",
+      "group": "column-settings",
+      "label": "column settings max height",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-column-settings-max-width",
+      "scope": "base",
+      "default": "400px",
+      "group": "column-settings",
+      "label": "column settings max width",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-column-settings-min-width",
+      "scope": "base",
+      "default": "320px",
+      "group": "column-settings",
+      "label": "column settings min width",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-column-settings-shadow",
+      "scope": "base",
+      "default": "0 8px 24px #0f172a1f",
+      "group": "column-settings",
+      "label": "column settings shadow",
+      "type": "shadow",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-z-column-settings",
+      "scope": "base",
+      "default": "34",
+      "group": "column-settings",
+      "label": "z column settings",
+      "type": "number",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-column-settings-bg-subtle",
+      "scope": "unknown",
+      "default": "color-mix(in srgb, var(--mg-color-text-regular) 10%, transparent)",
+      "group": "column-settings",
+      "label": "color column settings bg subtle",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-color-column-settings-pinned-bg",
+      "scope": "unknown",
+      "default": "color-mix(in srgb, var(--mg-color-text-regular) 9%, var(--mg-color-column-settings-bg))",
+      "group": "column-settings",
+      "label": "color column settings pinned bg",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-column-settings-shadow",
+      "scope": "unknown",
+      "default": "0 8px 24px #00000073",
+      "group": "column-settings",
+      "label": "column settings shadow",
+      "type": "shadow",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-z-tooltip",
+      "scope": "base",
+      "default": "24",
+      "group": "tooltip",
+      "label": "z tooltip",
+      "type": "number",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-switch-thumb-gap",
+      "scope": "base",
+      "default": "3px",
+      "group": "inline-editor",
+      "label": "switch thumb gap",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-comment-anchor-gap",
+      "scope": "base",
+      "default": "var(--mg-spacing)",
+      "group": "comment",
+      "label": "cell comment anchor gap",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-cell-comment-context-menu-item-padding-x",
+      "scope": "base",
+      "default": "8px",
+      "group": "comment",
+      "label": "cell comment context menu item padding x",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-comment-context-menu-item-padding-y",
+      "scope": "base",
+      "default": "4px",
+      "group": "comment",
+      "label": "cell comment context menu item padding y",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-comment-context-menu-padding",
+      "scope": "base",
+      "default": "8px",
+      "group": "comment",
+      "label": "cell comment context menu padding",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-comment-context-menu-z-index",
+      "scope": "base",
+      "default": "26",
+      "group": "comment",
+      "label": "cell comment context menu z index",
+      "type": "number",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-comment-indicator-color",
+      "scope": "base",
+      "default": "var(--mg-color-warning,#e6a23c)",
+      "group": "comment",
+      "label": "cell comment indicator color",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-cell-comment-indicator-empty-color",
+      "scope": "base",
+      "default": "var(--mg-color-text-placeholder,#c0c4cc)",
+      "group": "comment",
+      "label": "cell comment indicator empty color",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-cell-comment-indicator-size",
+      "scope": "base",
+      "default": "6px",
+      "group": "comment",
+      "label": "cell comment indicator size",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-comment-popup-bg",
+      "scope": "base",
+      "default": "var(--mg-color-bg-elevated,var(--mg-color-bg))",
+      "group": "comment",
+      "label": "cell comment popup bg",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-cell-comment-popup-border",
+      "scope": "base",
+      "default": "var(--mg-color-border)",
+      "group": "comment",
+      "label": "cell comment popup border",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-cell-comment-popup-shadow",
+      "scope": "base",
+      "default": "0 8px 24px color-mix(in srgb, var(--mg-color-text-primary,#000) 12%, transparent)",
+      "group": "comment",
+      "label": "cell comment popup shadow",
+      "type": "shadow",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-comment-popup-z-index",
+      "scope": "base",
+      "default": "25",
+      "group": "comment",
+      "label": "cell comment popup z index",
+      "type": "number",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-comment-viewport-padding",
+      "scope": "base",
+      "default": "var(--mg-spacing)",
+      "group": "comment",
+      "label": "cell comment viewport padding",
+      "type": "string",
+      "editable": true,
+      "derived": true
+    },
+    {
+      "token": "--mg-cell-comment-indicator-color",
+      "scope": "unknown",
+      "default": "#f3b760",
+      "group": "comment",
+      "label": "cell comment indicator color",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-comment-indicator-empty-color",
+      "scope": "unknown",
+      "default": "#8a9099",
+      "group": "comment",
+      "label": "cell comment indicator empty color",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-comment-popup-shadow",
+      "scope": "unknown",
+      "default": "0 10px 28px #00000073",
+      "group": "comment",
+      "label": "cell comment popup shadow",
+      "type": "shadow",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-cell-editable-indicator-gap",
+      "scope": "base",
+      "default": "4px",
+      "group": "indicators",
+      "label": "cell editable indicator gap",
+      "type": "length",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-bg-cell-disabled",
+      "scope": "base",
+      "default": "transparent",
+      "group": "indicators",
+      "label": "禁用单元格 · 背景",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-bg-cell-editable",
+      "scope": "base",
+      "default": "transparent",
+      "group": "indicators",
+      "label": "可编辑单元格 · 背景",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-text-cell-disabled",
+      "scope": "base",
+      "default": "inherit",
+      "group": "indicators",
+      "label": "禁用单元格 · 文字",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    },
+    {
+      "token": "--mg-color-text-cell-editable",
+      "scope": "base",
+      "default": "inherit",
+      "group": "indicators",
+      "label": "可编辑单元格 · 文字",
+      "type": "color",
+      "editable": true,
+      "derived": false
+    }
+  ]
+}