@viax.io/uxm 4.36.0

package/dist/studio/lib/registry/configuration.cjs

@@ -0,0 +1,148 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var configuration_exports = {};
+__export(configuration_exports, {
+  configurationDefs: () => configurationDefs
+});
+module.exports = __toCommonJS(configuration_exports);
+const configurationDefs = [
+  {
+    id: "segment-row",
+    name: "Segment Row",
+    category: "Configuration",
+    description: "Header row of a configuration segment \u2014 drag handle, expand chevron, accent line, name, count badge. Used at every depth; indent is owned by the wrapping SegmentCard.",
+    styleProperties: [
+      { key: "paddingX", label: "Padding X", control: "number", defaultValue: 16, min: 0, max: 32, step: 2, unit: "px" },
+      { key: "paddingY", label: "Padding Y", control: "number", defaultValue: 20, min: 4, max: 32, step: 2, unit: "px" },
+      { key: "gap", label: "Gap", control: "number", defaultValue: 8, min: 0, max: 24, step: 2, unit: "px" },
+      { key: "dragColor", label: "Drag Color", control: "color", defaultValue: "var(--color-text-subtle)", section: "colors" },
+      { key: "dragHoverColor", label: "Drag Hover", control: "color", defaultValue: "var(--color-text-muted)", section: "colors" },
+      { key: "chevronColor", label: "Chevron Color", control: "color", defaultValue: "var(--color-text-muted)", section: "colors" },
+      { key: "chevronSize", label: "Chevron Size", control: "number", defaultValue: 16, min: 10, max: 24, step: 1, unit: "px" },
+      { key: "accentColor", label: "Accent Color", control: "color", defaultValue: "var(--color-accent-bold)", section: "colors" },
+      { key: "accentWidth", label: "Accent Width", control: "number", defaultValue: 4, min: 1, max: 8, step: 1, unit: "px" },
+      { key: "accentRadius", label: "Accent Radius", control: "slider", defaultValue: 2, min: 0, max: 8, step: 1, unit: "px" },
+      { key: "titleColor", label: "Title Color", control: "color", defaultValue: "var(--color-text)", section: "colors" },
+      { key: "titleSize", label: "Title Size", control: "number", defaultValue: 16, min: 12, max: 22, step: 1, unit: "px" },
+      { key: "titleWeight", label: "Title Weight", control: "number", defaultValue: 600, min: 400, max: 800, step: 100 },
+      { key: "countBg", label: "Count Bg", control: "color", defaultValue: "var(--color-surface-alt)", section: "colors" },
+      { key: "countColor", label: "Count Color", control: "color", defaultValue: "var(--color-text-muted)", section: "colors" },
+      { key: "countSize", label: "Count Size", control: "number", defaultValue: 12, min: 9, max: 16, step: 1, unit: "px" },
+      { key: "countPaddingX", label: "Count Padding X", control: "number", defaultValue: 10, min: 4, max: 16, step: 1, unit: "px" },
+      { key: "countPaddingY", label: "Count Padding Y", control: "number", defaultValue: 2, min: 0, max: 8, step: 1, unit: "px" },
+      { key: "countRadius", label: "Count Radius", control: "slider", defaultValue: 999, min: 0, max: 999, step: 1, unit: "px" },
+      { key: "rowHoverBg", label: "Row Hover Bg", control: "color", defaultValue: "color-mix(in srgb, var(--color-text) 4%, transparent)", section: "colors" },
+      { key: "rowHoverRadius", label: "Row Hover Radius", control: "slider", defaultValue: 12, min: 0, max: 16, step: 1, unit: "px" }
+    ],
+    layoutVariants: [
+      {
+        key: "state",
+        label: "State",
+        options: [
+          { value: "expanded", label: "Expanded" },
+          { value: "collapsed", label: "Collapsed" }
+        ],
+        defaultValue: "expanded"
+      }
+    ]
+  },
+  {
+    id: "segment-card",
+    name: "Segment Card",
+    category: "Configuration",
+    description: "Bordered card wrapping a nested segment (depth \u2265 1): a SegmentRow header, a divider, and an inset body of child rows. Top-level segments render without this wrapper. The container that replaces the monolithic Segment Tree Row.",
+    styleProperties: [
+      { key: "borderColor", label: "Border", control: "color", defaultValue: "var(--color-border)", section: "colors" },
+      { key: "borderWidth", label: "Border Width", control: "number", defaultValue: 1, min: 0, max: 4, step: 1, unit: "px" },
+      { key: "borderRadius", label: "Border Radius", control: "slider", defaultValue: 12, min: 0, max: 20, step: 1, unit: "px" },
+      { key: "backgroundColor", label: "Background", control: "color", defaultValue: "var(--color-card)", section: "colors" },
+      { key: "paddingX", label: "Padding X", control: "number", defaultValue: 0, min: 0, max: 24, step: 2, unit: "px" },
+      { key: "paddingY", label: "Padding Y", control: "number", defaultValue: 0, min: 0, max: 24, step: 2, unit: "px" },
+      { key: "childrenInsetX", label: "Children Inset X", control: "number", defaultValue: 16, min: 0, max: 32, step: 2, unit: "px" },
+      { key: "childrenInsetY", label: "Children Inset Y", control: "number", defaultValue: 16, min: 0, max: 24, step: 2, unit: "px" },
+      { key: "childrenGap", label: "Children Gap", control: "number", defaultValue: 4, min: 0, max: 16, step: 1, unit: "px" },
+      { key: "dividerColor", label: "Divider Color", control: "color", defaultValue: "var(--color-border)", section: "colors" },
+      { key: "dividerWidth", label: "Divider Width", control: "number", defaultValue: 1, min: 0, max: 4, step: 1, unit: "px" }
+    ],
+    layoutVariants: []
+  },
+  {
+    id: "component-row",
+    name: "Component Row",
+    category: "Configuration",
+    description: "A configuration component (field) row \u2014 drag, optional leading chevron (Predefined Options), type-icon badge, name, type label. Badge tint is per-type at runtime, not editor-controlled.",
+    styleProperties: [
+      { key: "paddingX", label: "Padding X", control: "number", defaultValue: 12, min: 0, max: 24, step: 2, unit: "px" },
+      { key: "paddingY", label: "Padding Y", control: "number", defaultValue: 16, min: 4, max: 24, step: 2, unit: "px" },
+      { key: "gap", label: "Gap", control: "number", defaultValue: 16, min: 0, max: 24, step: 1, unit: "px" },
+      { key: "backgroundColor", label: "Background", control: "color", defaultValue: "var(--color-card)", section: "colors" },
+      { key: "dragColor", label: "Drag Color", control: "color", defaultValue: "var(--color-text-subtle)", section: "colors" },
+      { key: "dragHoverColor", label: "Drag Hover", control: "color", defaultValue: "var(--color-text-muted)", section: "colors" },
+      { key: "iconBadgeSize", label: "Icon Badge Size", control: "number", defaultValue: 30, min: 24, max: 56, step: 2, unit: "px" },
+      { key: "iconBadgeRadius", label: "Icon Badge Radius", control: "slider", defaultValue: 8, min: 0, max: 16, step: 1, unit: "px" },
+      { key: "iconBadgePadding", label: "Icon Badge Padding", control: "number", defaultValue: 8, min: 0, max: 16, step: 1, unit: "px" },
+      { key: "nameColor", label: "Name Color", control: "color", defaultValue: "var(--color-text)", section: "colors" },
+      { key: "nameSize", label: "Name Size", control: "number", defaultValue: 15, min: 12, max: 20, step: 1, unit: "px" },
+      { key: "nameWeight", label: "Name Weight", control: "number", defaultValue: 500, min: 400, max: 800, step: 100 },
+      { key: "typeLabelColor", label: "Type Label Color", control: "color", defaultValue: "var(--color-text-muted)", section: "colors" },
+      { key: "typeLabelSize", label: "Type Label Size", control: "number", defaultValue: 12, min: 9, max: 16, step: 1, unit: "px" },
+      { key: "typeLabelWeight", label: "Type Label Weight", control: "number", defaultValue: 400, min: 400, max: 800, step: 100 },
+      { key: "chevronColor", label: "Chevron Color", control: "color", defaultValue: "var(--color-text-muted)", section: "colors" },
+      { key: "chevronSize", label: "Chevron Size", control: "number", defaultValue: 16, min: 10, max: 20, step: 1, unit: "px" },
+      { key: "rowHoverBg", label: "Row Hover Bg", control: "color", defaultValue: "color-mix(in srgb, var(--color-text) 4%, transparent)", section: "colors" },
+      { key: "rowHoverRadius", label: "Row Hover Radius", control: "slider", defaultValue: 12, min: 0, max: 16, step: 1, unit: "px" }
+    ],
+    layoutVariants: []
+  },
+  {
+    id: "option-list",
+    name: "Option List",
+    category: "Configuration",
+    description: 'List of options nested under a "Predefined Options" component. Owns both the container and the per-row styling (paddings, drag handle, bullet, name). Bullet colour inherits from the parent component icon tint at runtime.',
+    styleProperties: [
+      // ── Container ──
+      { key: "indent", label: "Indent", control: "number", defaultValue: 38, min: 0, max: 160, step: 2, unit: "px" },
+      { key: "backgroundColor", label: "Background", control: "color", defaultValue: "var(--color-surface)", section: "colors" },
+      { key: "borderColor", label: "Border", control: "color", defaultValue: "var(--color-border)", section: "colors" },
+      { key: "borderWidth", label: "Border Width", control: "number", defaultValue: 1, min: 0, max: 4, step: 1, unit: "px" },
+      { key: "borderRadius", label: "Border Radius", control: "slider", defaultValue: 8, min: 0, max: 16, step: 1, unit: "px" },
+      { key: "paddingX", label: "Padding X", control: "number", defaultValue: 8, min: 0, max: 24, step: 2, unit: "px" },
+      { key: "paddingY", label: "Padding Y", control: "number", defaultValue: 4, min: 0, max: 24, step: 2, unit: "px" },
+      { key: "gap", label: "Row Gap", control: "number", defaultValue: 4, min: 0, max: 16, step: 1, unit: "px" },
+      // ── Row ──
+      { key: "rowPaddingX", label: "Row Padding X", control: "number", defaultValue: 8, min: 0, max: 24, step: 1, unit: "px" },
+      { key: "rowPaddingY", label: "Row Padding Y", control: "number", defaultValue: 12, min: 4, max: 20, step: 1, unit: "px" },
+      { key: "dragColor", label: "Drag Color", control: "color", defaultValue: "var(--color-text-subtle)", section: "colors" },
+      { key: "dragHoverColor", label: "Drag Hover", control: "color", defaultValue: "var(--color-text-muted)", section: "colors" },
+      { key: "bulletSize", label: "Bullet Size", control: "number", defaultValue: 6, min: 4, max: 12, step: 1, unit: "px" },
+      { key: "bulletGap", label: "Bullet\u2192Name Gap", control: "number", defaultValue: 8, min: 0, max: 16, step: 1, unit: "px" },
+      { key: "nameColor", label: "Name Color", control: "color", defaultValue: "var(--color-text)", section: "colors" },
+      { key: "nameSize", label: "Name Size", control: "number", defaultValue: 14, min: 11, max: 18, step: 1, unit: "px" },
+      { key: "nameWeight", label: "Name Weight", control: "number", defaultValue: 400, min: 400, max: 800, step: 100 },
+      { key: "rowHoverBg", label: "Row Hover Bg", control: "color", defaultValue: "color-mix(in srgb, var(--color-text) 4%, transparent)", section: "colors" },
+      { key: "rowHoverRadius", label: "Row Hover Radius", control: "slider", defaultValue: 12, min: 0, max: 16, step: 1, unit: "px" }
+    ],
+    layoutVariants: []
+  }
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  configurationDefs
+});
+//# sourceMappingURL=configuration.cjs.map

package/dist/studio/lib/registry/configuration.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/studio/lib/registry/configuration.ts"],"sourcesContent":["import type { ComponentDef } from '../types';\n\n// ── Configuration ──\n// The building blocks of a Configuration model's segment tree, mirroring the\n// v1 config-builder set: SegmentRow (header) + SegmentCard (container that\n// wraps a nested segment) + ComponentRow (leaf field) + OptionList (options\n// under a Predefined-Options component). Compose a tree as SegmentCard(header:\n// SegmentRow) › ComponentRow(s) + OptionList, with nested SegmentCards inside.\nexport const configurationDefs: ComponentDef[] = [\n  {\n    id: 'segment-row',\n    name: 'Segment Row',\n    category: 'Configuration',\n    description:\n      'Header row of a configuration segment — drag handle, expand chevron, accent line, name, count badge. Used at every depth; indent is owned by the wrapping SegmentCard.',\n    styleProperties: [\n      { key: 'paddingX', label: 'Padding X', control: 'number', defaultValue: 16, min: 0, max: 32, step: 2, unit: 'px' },\n      { key: 'paddingY', label: 'Padding Y', control: 'number', defaultValue: 20, min: 4, max: 32, step: 2, unit: 'px' },\n      { key: 'gap', label: 'Gap', control: 'number', defaultValue: 8, min: 0, max: 24, step: 2, unit: 'px' },\n      { key: 'dragColor', label: 'Drag Color', control: 'color', defaultValue: 'var(--color-text-subtle)', section: 'colors' },\n      { key: 'dragHoverColor', label: 'Drag Hover', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'colors' },\n      { key: 'chevronColor', label: 'Chevron Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'colors' },\n      { key: 'chevronSize', label: 'Chevron Size', control: 'number', defaultValue: 16, min: 10, max: 24, step: 1, unit: 'px' },\n      { key: 'accentColor', label: 'Accent Color', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'colors' },\n      { key: 'accentWidth', label: 'Accent Width', control: 'number', defaultValue: 4, min: 1, max: 8, step: 1, unit: 'px' },\n      { key: 'accentRadius', label: 'Accent Radius', control: 'slider', defaultValue: 2, min: 0, max: 8, step: 1, unit: 'px' },\n      { key: 'titleColor', label: 'Title Color', control: 'color', defaultValue: 'var(--color-text)', section: 'colors' },\n      { key: 'titleSize', label: 'Title Size', control: 'number', defaultValue: 16, min: 12, max: 22, step: 1, unit: 'px' },\n      { key: 'titleWeight', label: 'Title Weight', control: 'number', defaultValue: 600, min: 400, max: 800, step: 100 },\n      { key: 'countBg', label: 'Count Bg', control: 'color', defaultValue: 'var(--color-surface-alt)', section: 'colors' },\n      { key: 'countColor', label: 'Count Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'colors' },\n      { key: 'countSize', label: 'Count Size', control: 'number', defaultValue: 12, min: 9, max: 16, step: 1, unit: 'px' },\n      { key: 'countPaddingX', label: 'Count Padding X', control: 'number', defaultValue: 10, min: 4, max: 16, step: 1, unit: 'px' },\n      { key: 'countPaddingY', label: 'Count Padding Y', control: 'number', defaultValue: 2, min: 0, max: 8, step: 1, unit: 'px' },\n      { key: 'countRadius', label: 'Count Radius', control: 'slider', defaultValue: 999, min: 0, max: 999, step: 1, unit: 'px' },\n      { key: 'rowHoverBg', label: 'Row Hover Bg', control: 'color', defaultValue: 'color-mix(in srgb, var(--color-text) 4%, transparent)', section: 'colors' },\n      { key: 'rowHoverRadius', label: 'Row Hover Radius', control: 'slider', defaultValue: 12, min: 0, max: 16, step: 1, unit: 'px' },\n    ],\n    layoutVariants: [\n      {\n        key: 'state',\n        label: 'State',\n        options: [\n          { value: 'expanded', label: 'Expanded' },\n          { value: 'collapsed', label: 'Collapsed' },\n        ],\n        defaultValue: 'expanded',\n      },\n    ],\n  },\n  {\n    id: 'segment-card',\n    name: 'Segment Card',\n    category: 'Configuration',\n    description:\n      'Bordered card wrapping a nested segment (depth ≥ 1): a SegmentRow header, a divider, and an inset body of child rows. Top-level segments render without this wrapper. The container that replaces the monolithic Segment Tree Row.',\n    styleProperties: [\n      { key: 'borderColor', label: 'Border', control: 'color', defaultValue: 'var(--color-border)', section: 'colors' },\n      { key: 'borderWidth', label: 'Border Width', control: 'number', defaultValue: 1, min: 0, max: 4, step: 1, unit: 'px' },\n      { key: 'borderRadius', label: 'Border Radius', control: 'slider', defaultValue: 12, min: 0, max: 20, step: 1, unit: 'px' },\n      { key: 'backgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-card)', section: 'colors' },\n      { key: 'paddingX', label: 'Padding X', control: 'number', defaultValue: 0, min: 0, max: 24, step: 2, unit: 'px' },\n      { key: 'paddingY', label: 'Padding Y', control: 'number', defaultValue: 0, min: 0, max: 24, step: 2, unit: 'px' },\n      { key: 'childrenInsetX', label: 'Children Inset X', control: 'number', defaultValue: 16, min: 0, max: 32, step: 2, unit: 'px' },\n      { key: 'childrenInsetY', label: 'Children Inset Y', control: 'number', defaultValue: 16, min: 0, max: 24, step: 2, unit: 'px' },\n      { key: 'childrenGap', label: 'Children Gap', control: 'number', defaultValue: 4, min: 0, max: 16, step: 1, unit: 'px' },\n      { key: 'dividerColor', label: 'Divider Color', control: 'color', defaultValue: 'var(--color-border)', section: 'colors' },\n      { key: 'dividerWidth', label: 'Divider Width', control: 'number', defaultValue: 1, min: 0, max: 4, step: 1, unit: 'px' },\n    ],\n    layoutVariants: [],\n  },\n  {\n    id: 'component-row',\n    name: 'Component Row',\n    category: 'Configuration',\n    description:\n      'A configuration component (field) row — drag, optional leading chevron (Predefined Options), type-icon badge, name, type label. Badge tint is per-type at runtime, not editor-controlled.',\n    styleProperties: [\n      { key: 'paddingX', label: 'Padding X', control: 'number', defaultValue: 12, min: 0, max: 24, step: 2, unit: 'px' },\n      { key: 'paddingY', label: 'Padding Y', control: 'number', defaultValue: 16, min: 4, max: 24, step: 2, unit: 'px' },\n      { key: 'gap', label: 'Gap', control: 'number', defaultValue: 16, min: 0, max: 24, step: 1, unit: 'px' },\n      { key: 'backgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-card)', section: 'colors' },\n      { key: 'dragColor', label: 'Drag Color', control: 'color', defaultValue: 'var(--color-text-subtle)', section: 'colors' },\n      { key: 'dragHoverColor', label: 'Drag Hover', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'colors' },\n      { key: 'iconBadgeSize', label: 'Icon Badge Size', control: 'number', defaultValue: 30, min: 24, max: 56, step: 2, unit: 'px' },\n      { key: 'iconBadgeRadius', label: 'Icon Badge Radius', control: 'slider', defaultValue: 8, min: 0, max: 16, step: 1, unit: 'px' },\n      { key: 'iconBadgePadding', label: 'Icon Badge Padding', control: 'number', defaultValue: 8, min: 0, max: 16, step: 1, unit: 'px' },\n      { key: 'nameColor', label: 'Name Color', control: 'color', defaultValue: 'var(--color-text)', section: 'colors' },\n      { key: 'nameSize', label: 'Name Size', control: 'number', defaultValue: 15, min: 12, max: 20, step: 1, unit: 'px' },\n      { key: 'nameWeight', label: 'Name Weight', control: 'number', defaultValue: 500, min: 400, max: 800, step: 100 },\n      { key: 'typeLabelColor', label: 'Type Label Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'colors' },\n      { key: 'typeLabelSize', label: 'Type Label Size', control: 'number', defaultValue: 12, min: 9, max: 16, step: 1, unit: 'px' },\n      { key: 'typeLabelWeight', label: 'Type Label Weight', control: 'number', defaultValue: 400, min: 400, max: 800, step: 100 },\n      { key: 'chevronColor', label: 'Chevron Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'colors' },\n      { key: 'chevronSize', label: 'Chevron Size', control: 'number', defaultValue: 16, min: 10, max: 20, step: 1, unit: 'px' },\n      { key: 'rowHoverBg', label: 'Row Hover Bg', control: 'color', defaultValue: 'color-mix(in srgb, var(--color-text) 4%, transparent)', section: 'colors' },\n      { key: 'rowHoverRadius', label: 'Row Hover Radius', control: 'slider', defaultValue: 12, min: 0, max: 16, step: 1, unit: 'px' },\n    ],\n    layoutVariants: [],\n  },\n  {\n    id: 'option-list',\n    name: 'Option List',\n    category: 'Configuration',\n    description:\n      'List of options nested under a \"Predefined Options\" component. Owns both the container and the per-row styling (paddings, drag handle, bullet, name). Bullet colour inherits from the parent component icon tint at runtime.',\n    styleProperties: [\n      // ── Container ──\n      { key: 'indent', label: 'Indent', control: 'number', defaultValue: 38, min: 0, max: 160, step: 2, unit: 'px' },\n      { key: 'backgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-surface)', section: 'colors' },\n      { key: 'borderColor', label: 'Border', control: 'color', defaultValue: 'var(--color-border)', section: 'colors' },\n      { key: 'borderWidth', label: 'Border Width', control: 'number', defaultValue: 1, min: 0, max: 4, step: 1, unit: 'px' },\n      { key: 'borderRadius', label: 'Border Radius', control: 'slider', defaultValue: 8, min: 0, max: 16, step: 1, unit: 'px' },\n      { key: 'paddingX', label: 'Padding X', control: 'number', defaultValue: 8, min: 0, max: 24, step: 2, unit: 'px' },\n      { key: 'paddingY', label: 'Padding Y', control: 'number', defaultValue: 4, min: 0, max: 24, step: 2, unit: 'px' },\n      { key: 'gap', label: 'Row Gap', control: 'number', defaultValue: 4, min: 0, max: 16, step: 1, unit: 'px' },\n      // ── Row ──\n      { key: 'rowPaddingX', label: 'Row Padding X', control: 'number', defaultValue: 8, min: 0, max: 24, step: 1, unit: 'px' },\n      { key: 'rowPaddingY', label: 'Row Padding Y', control: 'number', defaultValue: 12, min: 4, max: 20, step: 1, unit: 'px' },\n      { key: 'dragColor', label: 'Drag Color', control: 'color', defaultValue: 'var(--color-text-subtle)', section: 'colors' },\n      { key: 'dragHoverColor', label: 'Drag Hover', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'colors' },\n      { key: 'bulletSize', label: 'Bullet Size', control: 'number', defaultValue: 6, min: 4, max: 12, step: 1, unit: 'px' },\n      { key: 'bulletGap', label: 'Bullet→Name Gap', control: 'number', defaultValue: 8, min: 0, max: 16, step: 1, unit: 'px' },\n      { key: 'nameColor', label: 'Name Color', control: 'color', defaultValue: 'var(--color-text)', section: 'colors' },\n      { key: 'nameSize', label: 'Name Size', control: 'number', defaultValue: 14, min: 11, max: 18, step: 1, unit: 'px' },\n      { key: 'nameWeight', label: 'Name Weight', control: 'number', defaultValue: 400, min: 400, max: 800, step: 100 },\n      { key: 'rowHoverBg', label: 'Row Hover Bg', control: 'color', defaultValue: 'color-mix(in srgb, var(--color-text) 4%, transparent)', section: 'colors' },\n      { key: 'rowHoverRadius', label: 'Row Hover Radius', control: 'slider', defaultValue: 12, min: 0, max: 16, step: 1, unit: 'px' },\n    ],\n    layoutVariants: [],\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/studio/lib/registry/configuration.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentDef } from '../types.js';
+export declare const configurationDefs: ComponentDef[];
+//# sourceMappingURL=configuration.d.ts.map

package/dist/studio/lib/registry/configuration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"configuration.d.ts","sourceRoot":"","sources":["../../../../src/studio/lib/registry/configuration.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAQ7C,eAAO,MAAM,iBAAiB,EAAE,YAAY,EA2H3C,CAAC"}

package/dist/studio/lib/registry/configuration.js

@@ -0,0 +1,124 @@
+const configurationDefs = [
+  {
+    id: "segment-row",
+    name: "Segment Row",
+    category: "Configuration",
+    description: "Header row of a configuration segment \u2014 drag handle, expand chevron, accent line, name, count badge. Used at every depth; indent is owned by the wrapping SegmentCard.",
+    styleProperties: [
+      { key: "paddingX", label: "Padding X", control: "number", defaultValue: 16, min: 0, max: 32, step: 2, unit: "px" },
+      { key: "paddingY", label: "Padding Y", control: "number", defaultValue: 20, min: 4, max: 32, step: 2, unit: "px" },
+      { key: "gap", label: "Gap", control: "number", defaultValue: 8, min: 0, max: 24, step: 2, unit: "px" },
+      { key: "dragColor", label: "Drag Color", control: "color", defaultValue: "var(--color-text-subtle)", section: "colors" },
+      { key: "dragHoverColor", label: "Drag Hover", control: "color", defaultValue: "var(--color-text-muted)", section: "colors" },
+      { key: "chevronColor", label: "Chevron Color", control: "color", defaultValue: "var(--color-text-muted)", section: "colors" },
+      { key: "chevronSize", label: "Chevron Size", control: "number", defaultValue: 16, min: 10, max: 24, step: 1, unit: "px" },
+      { key: "accentColor", label: "Accent Color", control: "color", defaultValue: "var(--color-accent-bold)", section: "colors" },
+      { key: "accentWidth", label: "Accent Width", control: "number", defaultValue: 4, min: 1, max: 8, step: 1, unit: "px" },
+      { key: "accentRadius", label: "Accent Radius", control: "slider", defaultValue: 2, min: 0, max: 8, step: 1, unit: "px" },
+      { key: "titleColor", label: "Title Color", control: "color", defaultValue: "var(--color-text)", section: "colors" },
+      { key: "titleSize", label: "Title Size", control: "number", defaultValue: 16, min: 12, max: 22, step: 1, unit: "px" },
+      { key: "titleWeight", label: "Title Weight", control: "number", defaultValue: 600, min: 400, max: 800, step: 100 },
+      { key: "countBg", label: "Count Bg", control: "color", defaultValue: "var(--color-surface-alt)", section: "colors" },
+      { key: "countColor", label: "Count Color", control: "color", defaultValue: "var(--color-text-muted)", section: "colors" },
+      { key: "countSize", label: "Count Size", control: "number", defaultValue: 12, min: 9, max: 16, step: 1, unit: "px" },
+      { key: "countPaddingX", label: "Count Padding X", control: "number", defaultValue: 10, min: 4, max: 16, step: 1, unit: "px" },
+      { key: "countPaddingY", label: "Count Padding Y", control: "number", defaultValue: 2, min: 0, max: 8, step: 1, unit: "px" },
+      { key: "countRadius", label: "Count Radius", control: "slider", defaultValue: 999, min: 0, max: 999, step: 1, unit: "px" },
+      { key: "rowHoverBg", label: "Row Hover Bg", control: "color", defaultValue: "color-mix(in srgb, var(--color-text) 4%, transparent)", section: "colors" },
+      { key: "rowHoverRadius", label: "Row Hover Radius", control: "slider", defaultValue: 12, min: 0, max: 16, step: 1, unit: "px" }
+    ],
+    layoutVariants: [
+      {
+        key: "state",
+        label: "State",
+        options: [
+          { value: "expanded", label: "Expanded" },
+          { value: "collapsed", label: "Collapsed" }
+        ],
+        defaultValue: "expanded"
+      }
+    ]
+  },
+  {
+    id: "segment-card",
+    name: "Segment Card",
+    category: "Configuration",
+    description: "Bordered card wrapping a nested segment (depth \u2265 1): a SegmentRow header, a divider, and an inset body of child rows. Top-level segments render without this wrapper. The container that replaces the monolithic Segment Tree Row.",
+    styleProperties: [
+      { key: "borderColor", label: "Border", control: "color", defaultValue: "var(--color-border)", section: "colors" },
+      { key: "borderWidth", label: "Border Width", control: "number", defaultValue: 1, min: 0, max: 4, step: 1, unit: "px" },
+      { key: "borderRadius", label: "Border Radius", control: "slider", defaultValue: 12, min: 0, max: 20, step: 1, unit: "px" },
+      { key: "backgroundColor", label: "Background", control: "color", defaultValue: "var(--color-card)", section: "colors" },
+      { key: "paddingX", label: "Padding X", control: "number", defaultValue: 0, min: 0, max: 24, step: 2, unit: "px" },
+      { key: "paddingY", label: "Padding Y", control: "number", defaultValue: 0, min: 0, max: 24, step: 2, unit: "px" },
+      { key: "childrenInsetX", label: "Children Inset X", control: "number", defaultValue: 16, min: 0, max: 32, step: 2, unit: "px" },
+      { key: "childrenInsetY", label: "Children Inset Y", control: "number", defaultValue: 16, min: 0, max: 24, step: 2, unit: "px" },
+      { key: "childrenGap", label: "Children Gap", control: "number", defaultValue: 4, min: 0, max: 16, step: 1, unit: "px" },
+      { key: "dividerColor", label: "Divider Color", control: "color", defaultValue: "var(--color-border)", section: "colors" },
+      { key: "dividerWidth", label: "Divider Width", control: "number", defaultValue: 1, min: 0, max: 4, step: 1, unit: "px" }
+    ],
+    layoutVariants: []
+  },
+  {
+    id: "component-row",
+    name: "Component Row",
+    category: "Configuration",
+    description: "A configuration component (field) row \u2014 drag, optional leading chevron (Predefined Options), type-icon badge, name, type label. Badge tint is per-type at runtime, not editor-controlled.",
+    styleProperties: [
+      { key: "paddingX", label: "Padding X", control: "number", defaultValue: 12, min: 0, max: 24, step: 2, unit: "px" },
+      { key: "paddingY", label: "Padding Y", control: "number", defaultValue: 16, min: 4, max: 24, step: 2, unit: "px" },
+      { key: "gap", label: "Gap", control: "number", defaultValue: 16, min: 0, max: 24, step: 1, unit: "px" },
+      { key: "backgroundColor", label: "Background", control: "color", defaultValue: "var(--color-card)", section: "colors" },
+      { key: "dragColor", label: "Drag Color", control: "color", defaultValue: "var(--color-text-subtle)", section: "colors" },
+      { key: "dragHoverColor", label: "Drag Hover", control: "color", defaultValue: "var(--color-text-muted)", section: "colors" },
+      { key: "iconBadgeSize", label: "Icon Badge Size", control: "number", defaultValue: 30, min: 24, max: 56, step: 2, unit: "px" },
+      { key: "iconBadgeRadius", label: "Icon Badge Radius", control: "slider", defaultValue: 8, min: 0, max: 16, step: 1, unit: "px" },
+      { key: "iconBadgePadding", label: "Icon Badge Padding", control: "number", defaultValue: 8, min: 0, max: 16, step: 1, unit: "px" },
+      { key: "nameColor", label: "Name Color", control: "color", defaultValue: "var(--color-text)", section: "colors" },
+      { key: "nameSize", label: "Name Size", control: "number", defaultValue: 15, min: 12, max: 20, step: 1, unit: "px" },
+      { key: "nameWeight", label: "Name Weight", control: "number", defaultValue: 500, min: 400, max: 800, step: 100 },
+      { key: "typeLabelColor", label: "Type Label Color", control: "color", defaultValue: "var(--color-text-muted)", section: "colors" },
+      { key: "typeLabelSize", label: "Type Label Size", control: "number", defaultValue: 12, min: 9, max: 16, step: 1, unit: "px" },
+      { key: "typeLabelWeight", label: "Type Label Weight", control: "number", defaultValue: 400, min: 400, max: 800, step: 100 },
+      { key: "chevronColor", label: "Chevron Color", control: "color", defaultValue: "var(--color-text-muted)", section: "colors" },
+      { key: "chevronSize", label: "Chevron Size", control: "number", defaultValue: 16, min: 10, max: 20, step: 1, unit: "px" },
+      { key: "rowHoverBg", label: "Row Hover Bg", control: "color", defaultValue: "color-mix(in srgb, var(--color-text) 4%, transparent)", section: "colors" },
+      { key: "rowHoverRadius", label: "Row Hover Radius", control: "slider", defaultValue: 12, min: 0, max: 16, step: 1, unit: "px" }
+    ],
+    layoutVariants: []
+  },
+  {
+    id: "option-list",
+    name: "Option List",
+    category: "Configuration",
+    description: 'List of options nested under a "Predefined Options" component. Owns both the container and the per-row styling (paddings, drag handle, bullet, name). Bullet colour inherits from the parent component icon tint at runtime.',
+    styleProperties: [
+      // ── Container ──
+      { key: "indent", label: "Indent", control: "number", defaultValue: 38, min: 0, max: 160, step: 2, unit: "px" },
+      { key: "backgroundColor", label: "Background", control: "color", defaultValue: "var(--color-surface)", section: "colors" },
+      { key: "borderColor", label: "Border", control: "color", defaultValue: "var(--color-border)", section: "colors" },
+      { key: "borderWidth", label: "Border Width", control: "number", defaultValue: 1, min: 0, max: 4, step: 1, unit: "px" },
+      { key: "borderRadius", label: "Border Radius", control: "slider", defaultValue: 8, min: 0, max: 16, step: 1, unit: "px" },
+      { key: "paddingX", label: "Padding X", control: "number", defaultValue: 8, min: 0, max: 24, step: 2, unit: "px" },
+      { key: "paddingY", label: "Padding Y", control: "number", defaultValue: 4, min: 0, max: 24, step: 2, unit: "px" },
+      { key: "gap", label: "Row Gap", control: "number", defaultValue: 4, min: 0, max: 16, step: 1, unit: "px" },
+      // ── Row ──
+      { key: "rowPaddingX", label: "Row Padding X", control: "number", defaultValue: 8, min: 0, max: 24, step: 1, unit: "px" },
+      { key: "rowPaddingY", label: "Row Padding Y", control: "number", defaultValue: 12, min: 4, max: 20, step: 1, unit: "px" },
+      { key: "dragColor", label: "Drag Color", control: "color", defaultValue: "var(--color-text-subtle)", section: "colors" },
+      { key: "dragHoverColor", label: "Drag Hover", control: "color", defaultValue: "var(--color-text-muted)", section: "colors" },
+      { key: "bulletSize", label: "Bullet Size", control: "number", defaultValue: 6, min: 4, max: 12, step: 1, unit: "px" },
+      { key: "bulletGap", label: "Bullet\u2192Name Gap", control: "number", defaultValue: 8, min: 0, max: 16, step: 1, unit: "px" },
+      { key: "nameColor", label: "Name Color", control: "color", defaultValue: "var(--color-text)", section: "colors" },
+      { key: "nameSize", label: "Name Size", control: "number", defaultValue: 14, min: 11, max: 18, step: 1, unit: "px" },
+      { key: "nameWeight", label: "Name Weight", control: "number", defaultValue: 400, min: 400, max: 800, step: 100 },
+      { key: "rowHoverBg", label: "Row Hover Bg", control: "color", defaultValue: "color-mix(in srgb, var(--color-text) 4%, transparent)", section: "colors" },
+      { key: "rowHoverRadius", label: "Row Hover Radius", control: "slider", defaultValue: 12, min: 0, max: 16, step: 1, unit: "px" }
+    ],
+    layoutVariants: []
+  }
+];
+export {
+  configurationDefs
+};
+//# sourceMappingURL=configuration.js.map

package/dist/studio/lib/registry/configuration.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/studio/lib/registry/configuration.ts"],"sourcesContent":["import type { ComponentDef } from '../types';\n\n// ── Configuration ──\n// The building blocks of a Configuration model's segment tree, mirroring the\n// v1 config-builder set: SegmentRow (header) + SegmentCard (container that\n// wraps a nested segment) + ComponentRow (leaf field) + OptionList (options\n// under a Predefined-Options component). Compose a tree as SegmentCard(header:\n// SegmentRow) › ComponentRow(s) + OptionList, with nested SegmentCards inside.\nexport const configurationDefs: ComponentDef[] = [\n  {\n    id: 'segment-row',\n    name: 'Segment Row',\n    category: 'Configuration',\n    description:\n      'Header row of a configuration segment — drag handle, expand chevron, accent line, name, count badge. Used at every depth; indent is owned by the wrapping SegmentCard.',\n    styleProperties: [\n      { key: 'paddingX', label: 'Padding X', control: 'number', defaultValue: 16, min: 0, max: 32, step: 2, unit: 'px' },\n      { key: 'paddingY', label: 'Padding Y', control: 'number', defaultValue: 20, min: 4, max: 32, step: 2, unit: 'px' },\n      { key: 'gap', label: 'Gap', control: 'number', defaultValue: 8, min: 0, max: 24, step: 2, unit: 'px' },\n      { key: 'dragColor', label: 'Drag Color', control: 'color', defaultValue: 'var(--color-text-subtle)', section: 'colors' },\n      { key: 'dragHoverColor', label: 'Drag Hover', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'colors' },\n      { key: 'chevronColor', label: 'Chevron Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'colors' },\n      { key: 'chevronSize', label: 'Chevron Size', control: 'number', defaultValue: 16, min: 10, max: 24, step: 1, unit: 'px' },\n      { key: 'accentColor', label: 'Accent Color', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'colors' },\n      { key: 'accentWidth', label: 'Accent Width', control: 'number', defaultValue: 4, min: 1, max: 8, step: 1, unit: 'px' },\n      { key: 'accentRadius', label: 'Accent Radius', control: 'slider', defaultValue: 2, min: 0, max: 8, step: 1, unit: 'px' },\n      { key: 'titleColor', label: 'Title Color', control: 'color', defaultValue: 'var(--color-text)', section: 'colors' },\n      { key: 'titleSize', label: 'Title Size', control: 'number', defaultValue: 16, min: 12, max: 22, step: 1, unit: 'px' },\n      { key: 'titleWeight', label: 'Title Weight', control: 'number', defaultValue: 600, min: 400, max: 800, step: 100 },\n      { key: 'countBg', label: 'Count Bg', control: 'color', defaultValue: 'var(--color-surface-alt)', section: 'colors' },\n      { key: 'countColor', label: 'Count Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'colors' },\n      { key: 'countSize', label: 'Count Size', control: 'number', defaultValue: 12, min: 9, max: 16, step: 1, unit: 'px' },\n      { key: 'countPaddingX', label: 'Count Padding X', control: 'number', defaultValue: 10, min: 4, max: 16, step: 1, unit: 'px' },\n      { key: 'countPaddingY', label: 'Count Padding Y', control: 'number', defaultValue: 2, min: 0, max: 8, step: 1, unit: 'px' },\n      { key: 'countRadius', label: 'Count Radius', control: 'slider', defaultValue: 999, min: 0, max: 999, step: 1, unit: 'px' },\n      { key: 'rowHoverBg', label: 'Row Hover Bg', control: 'color', defaultValue: 'color-mix(in srgb, var(--color-text) 4%, transparent)', section: 'colors' },\n      { key: 'rowHoverRadius', label: 'Row Hover Radius', control: 'slider', defaultValue: 12, min: 0, max: 16, step: 1, unit: 'px' },\n    ],\n    layoutVariants: [\n      {\n        key: 'state',\n        label: 'State',\n        options: [\n          { value: 'expanded', label: 'Expanded' },\n          { value: 'collapsed', label: 'Collapsed' },\n        ],\n        defaultValue: 'expanded',\n      },\n    ],\n  },\n  {\n    id: 'segment-card',\n    name: 'Segment Card',\n    category: 'Configuration',\n    description:\n      'Bordered card wrapping a nested segment (depth ≥ 1): a SegmentRow header, a divider, and an inset body of child rows. Top-level segments render without this wrapper. The container that replaces the monolithic Segment Tree Row.',\n    styleProperties: [\n      { key: 'borderColor', label: 'Border', control: 'color', defaultValue: 'var(--color-border)', section: 'colors' },\n      { key: 'borderWidth', label: 'Border Width', control: 'number', defaultValue: 1, min: 0, max: 4, step: 1, unit: 'px' },\n      { key: 'borderRadius', label: 'Border Radius', control: 'slider', defaultValue: 12, min: 0, max: 20, step: 1, unit: 'px' },\n      { key: 'backgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-card)', section: 'colors' },\n      { key: 'paddingX', label: 'Padding X', control: 'number', defaultValue: 0, min: 0, max: 24, step: 2, unit: 'px' },\n      { key: 'paddingY', label: 'Padding Y', control: 'number', defaultValue: 0, min: 0, max: 24, step: 2, unit: 'px' },\n      { key: 'childrenInsetX', label: 'Children Inset X', control: 'number', defaultValue: 16, min: 0, max: 32, step: 2, unit: 'px' },\n      { key: 'childrenInsetY', label: 'Children Inset Y', control: 'number', defaultValue: 16, min: 0, max: 24, step: 2, unit: 'px' },\n      { key: 'childrenGap', label: 'Children Gap', control: 'number', defaultValue: 4, min: 0, max: 16, step: 1, unit: 'px' },\n      { key: 'dividerColor', label: 'Divider Color', control: 'color', defaultValue: 'var(--color-border)', section: 'colors' },\n      { key: 'dividerWidth', label: 'Divider Width', control: 'number', defaultValue: 1, min: 0, max: 4, step: 1, unit: 'px' },\n    ],\n    layoutVariants: [],\n  },\n  {\n    id: 'component-row',\n    name: 'Component Row',\n    category: 'Configuration',\n    description:\n      'A configuration component (field) row — drag, optional leading chevron (Predefined Options), type-icon badge, name, type label. Badge tint is per-type at runtime, not editor-controlled.',\n    styleProperties: [\n      { key: 'paddingX', label: 'Padding X', control: 'number', defaultValue: 12, min: 0, max: 24, step: 2, unit: 'px' },\n      { key: 'paddingY', label: 'Padding Y', control: 'number', defaultValue: 16, min: 4, max: 24, step: 2, unit: 'px' },\n      { key: 'gap', label: 'Gap', control: 'number', defaultValue: 16, min: 0, max: 24, step: 1, unit: 'px' },\n      { key: 'backgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-card)', section: 'colors' },\n      { key: 'dragColor', label: 'Drag Color', control: 'color', defaultValue: 'var(--color-text-subtle)', section: 'colors' },\n      { key: 'dragHoverColor', label: 'Drag Hover', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'colors' },\n      { key: 'iconBadgeSize', label: 'Icon Badge Size', control: 'number', defaultValue: 30, min: 24, max: 56, step: 2, unit: 'px' },\n      { key: 'iconBadgeRadius', label: 'Icon Badge Radius', control: 'slider', defaultValue: 8, min: 0, max: 16, step: 1, unit: 'px' },\n      { key: 'iconBadgePadding', label: 'Icon Badge Padding', control: 'number', defaultValue: 8, min: 0, max: 16, step: 1, unit: 'px' },\n      { key: 'nameColor', label: 'Name Color', control: 'color', defaultValue: 'var(--color-text)', section: 'colors' },\n      { key: 'nameSize', label: 'Name Size', control: 'number', defaultValue: 15, min: 12, max: 20, step: 1, unit: 'px' },\n      { key: 'nameWeight', label: 'Name Weight', control: 'number', defaultValue: 500, min: 400, max: 800, step: 100 },\n      { key: 'typeLabelColor', label: 'Type Label Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'colors' },\n      { key: 'typeLabelSize', label: 'Type Label Size', control: 'number', defaultValue: 12, min: 9, max: 16, step: 1, unit: 'px' },\n      { key: 'typeLabelWeight', label: 'Type Label Weight', control: 'number', defaultValue: 400, min: 400, max: 800, step: 100 },\n      { key: 'chevronColor', label: 'Chevron Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'colors' },\n      { key: 'chevronSize', label: 'Chevron Size', control: 'number', defaultValue: 16, min: 10, max: 20, step: 1, unit: 'px' },\n      { key: 'rowHoverBg', label: 'Row Hover Bg', control: 'color', defaultValue: 'color-mix(in srgb, var(--color-text) 4%, transparent)', section: 'colors' },\n      { key: 'rowHoverRadius', label: 'Row Hover Radius', control: 'slider', defaultValue: 12, min: 0, max: 16, step: 1, unit: 'px' },\n    ],\n    layoutVariants: [],\n  },\n  {\n    id: 'option-list',\n    name: 'Option List',\n    category: 'Configuration',\n    description:\n      'List of options nested under a \"Predefined Options\" component. Owns both the container and the per-row styling (paddings, drag handle, bullet, name). Bullet colour inherits from the parent component icon tint at runtime.',\n    styleProperties: [\n      // ── Container ──\n      { key: 'indent', label: 'Indent', control: 'number', defaultValue: 38, min: 0, max: 160, step: 2, unit: 'px' },\n      { key: 'backgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-surface)', section: 'colors' },\n      { key: 'borderColor', label: 'Border', control: 'color', defaultValue: 'var(--color-border)', section: 'colors' },\n      { key: 'borderWidth', label: 'Border Width', control: 'number', defaultValue: 1, min: 0, max: 4, step: 1, unit: 'px' },\n      { key: 'borderRadius', label: 'Border Radius', control: 'slider', defaultValue: 8, min: 0, max: 16, step: 1, unit: 'px' },\n      { key: 'paddingX', label: 'Padding X', control: 'number', defaultValue: 8, min: 0, max: 24, step: 2, unit: 'px' },\n      { key: 'paddingY', label: 'Padding Y', control: 'number', defaultValue: 4, min: 0, max: 24, step: 2, unit: 'px' },\n      { key: 'gap', label: 'Row Gap', control: 'number', defaultValue: 4, min: 0, max: 16, step: 1, unit: 'px' },\n      // ── Row ──\n      { key: 'rowPaddingX', label: 'Row Padding X', control: 'number', defaultValue: 8, min: 0, max: 24, step: 1, unit: 'px' },\n      { key: 'rowPaddingY', label: 'Row Padding Y', control: 'number', defaultValue: 12, min: 4, max: 20, step: 1, unit: 'px' },\n      { key: 'dragColor', label: 'Drag Color', control: 'color', defaultValue: 'var(--color-text-subtle)', section: 'colors' },\n      { key: 'dragHoverColor', label: 'Drag Hover', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'colors' },\n      { key: 'bulletSize', label: 'Bullet Size', control: 'number', defaultValue: 6, min: 4, max: 12, step: 1, unit: 'px' },\n      { key: 'bulletGap', label: 'Bullet→Name Gap', control: 'number', defaultValue: 8, min: 0, max: 16, step: 1, unit: 'px' },\n      { key: 'nameColor', label: 'Name Color', control: 'color', defaultValue: 'var(--color-text)', section: 'colors' },\n      { key: 'nameSize', label: 'Name Size', control: 'number', defaultValue: 14, min: 11, max: 18, step: 1, unit: 'px' },\n      { key: 'nameWeight', label: 'Name Weight', control: 'number', defaultValue: 400, min: 400, max: 800, step: 100 },\n      { key: 'rowHoverBg', label: 'Row Hover Bg', control: 'color', defaultValue: 'color-mix(in srgb, var(--color-text) 4%, transparent)', section: 'colors' },\n      { key: 'rowHoverRadius', label: 'Row Hover Radius', control: 'slider', defaultValue: 12, min: 0, max: 16, step: 1, unit: 'px' },\n    ],\n    layoutVariants: [],\n  },\n];\n"],"mappings":"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","names":[]}