@viax.io/uxm 4.38.0 → 4.40.0

package/dist/studio/lib/registry/composite/inline-action.cjs

@@ -0,0 +1,66 @@
+"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 inline_action_exports = {};
+__export(inline_action_exports, {
+  inlineActionDef: () => inlineActionDef
+});
+module.exports = __toCommonJS(inline_action_exports);
+const inlineActionDef = {
+  id: "inline-action",
+  name: "Inline Action",
+  category: "Buttons",
+  description: 'Tertiary text-with-optional-icon button for dense UI \u2014 "Reset section," "Match in N other," "Edit." Muted by default; transitions to accent on hover. Smaller and less prominent than ButtonGhost; used inline in section headers and field rows.',
+  styleProperties: [
+    // Text-only button: only icon color (well, text color) changes per state.
+    { key: "color", label: "Text Color", control: "color", defaultValue: "var(--color-text-muted)", section: "states", showWhen: { state: "default" } },
+    { key: "hoverColor", label: "Text Color", control: "color", defaultValue: "var(--color-accent-bold)", section: "states", showWhen: { state: "hover" } },
+    { key: "activeColor", label: "Text Color", control: "color", defaultValue: "var(--color-accent)", section: "states", showWhen: { state: "active" } },
+    { key: "focusRingColor", label: "Ring Color", control: "color", defaultValue: "var(--color-accent)", section: "states", showWhen: { state: "focus" } },
+    { key: "focusColor", label: "Text Color", control: "color", defaultValue: "var(--color-accent-bold)", section: "states", showWhen: { state: "focus" } },
+    { key: "disabledOpacity", label: "Opacity", control: "slider", defaultValue: 0.4, min: 0.1, max: 1, step: 0.05, section: "states", showWhen: { state: "disabled" } },
+    { key: "disabledColor", label: "Text Color", control: "color", defaultValue: "var(--color-text-muted)", section: "states", showWhen: { state: "disabled" } },
+    // Shared style
+    { key: "fontSize", label: "Font Size", control: "number", defaultValue: 10, min: 9, max: 14, step: 1, unit: "px" },
+    { key: "fontWeight", label: "Font Weight", control: "select", defaultValue: "500", options: ["400", "500", "600"] },
+    { key: "gap", label: "Icon Gap", control: "number", defaultValue: 4, min: 2, max: 8, step: 1, unit: "px" },
+    { key: "iconSize", label: "Icon Size", control: "number", defaultValue: 10, min: 8, max: 16, step: 1, unit: "px" }
+  ],
+  layoutVariants: [
+    {
+      key: "state",
+      label: "State",
+      options: [
+        { value: "default", label: "Default" },
+        { value: "hover", label: "Hover" },
+        { value: "active", label: "Pressed" },
+        { value: "focus", label: "Focus" },
+        { value: "disabled", label: "Disabled" }
+      ],
+      defaultValue: "default"
+    }
+  ],
+  events: [
+    { name: "onClick", description: "Fires on mouse click or Enter/Space activation.", payload: "MouseEvent<HTMLButtonElement>" }
+  ]
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  inlineActionDef
+});
+//# sourceMappingURL=inline-action.cjs.map

package/dist/studio/lib/registry/composite/inline-action.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/studio/lib/registry/composite/inline-action.ts"],"sourcesContent":["import type { ComponentDef } from '../../types';\n\nexport const inlineActionDef: ComponentDef = {\n  id: 'inline-action',\n  name: 'Inline Action',\n  category: 'Buttons',\n  description: 'Tertiary text-with-optional-icon button for dense UI — \"Reset section,\" \"Match in N other,\" \"Edit.\" Muted by default; transitions to accent on hover. Smaller and less prominent than ButtonGhost; used inline in section headers and field rows.',\n  styleProperties: [\n    // Text-only button: only icon color (well, text color) changes per state.\n    { key: 'color', label: 'Text Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'states', showWhen: { state: 'default' } },\n    { key: 'hoverColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'states', showWhen: { state: 'hover' } },\n    { key: 'activeColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-accent)', section: 'states', showWhen: { state: 'active' } },\n    { key: 'focusRingColor', label: 'Ring Color', control: 'color', defaultValue: 'var(--color-accent)', section: 'states', showWhen: { state: 'focus' } },\n    { key: 'focusColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'states', showWhen: { state: 'focus' } },\n    { key: 'disabledOpacity', label: 'Opacity', control: 'slider', defaultValue: 0.4, min: 0.1, max: 1, step: 0.05, section: 'states', showWhen: { state: 'disabled' } },\n    { key: 'disabledColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'states', showWhen: { state: 'disabled' } },\n    // Shared style\n    { key: 'fontSize', label: 'Font Size', control: 'number', defaultValue: 10, min: 9, max: 14, step: 1, unit: 'px' },\n    { key: 'fontWeight', label: 'Font Weight', control: 'select', defaultValue: '500', options: ['400', '500', '600'] },\n    { key: 'gap', label: 'Icon Gap', control: 'number', defaultValue: 4, min: 2, max: 8, step: 1, unit: 'px' },\n    { key: 'iconSize', label: 'Icon Size', control: 'number', defaultValue: 10, min: 8, max: 16, step: 1, unit: 'px' },\n  ],\n  layoutVariants: [\n    {\n      key: 'state',\n      label: 'State',\n      options: [\n        { value: 'default', label: 'Default' },\n        { value: 'hover', label: 'Hover' },\n        { value: 'active', label: 'Pressed' },\n        { value: 'focus', label: 'Focus' },\n        { value: 'disabled', label: 'Disabled' },\n      ],\n      defaultValue: 'default',\n    },\n  ],\n  events: [\n    { name: 'onClick', description: 'Fires on mouse click or Enter/Space activation.', payload: 'MouseEvent<HTMLButtonElement>' },\n  ],\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,kBAAgC;AAAA,EAC3C,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iBAAiB;AAAA;AAAA,IAEf,EAAE,KAAK,SAAS,OAAO,cAAc,SAAS,SAAS,cAAc,2BAA2B,SAAS,UAAU,UAAU,EAAE,OAAO,UAAU,EAAE;AAAA,IAClJ,EAAE,KAAK,cAAc,OAAO,cAAc,SAAS,SAAS,cAAc,4BAA4B,SAAS,UAAU,UAAU,EAAE,OAAO,QAAQ,EAAE;AAAA,IACtJ,EAAE,KAAK,eAAe,OAAO,cAAc,SAAS,SAAS,cAAc,uBAAuB,SAAS,UAAU,UAAU,EAAE,OAAO,SAAS,EAAE;AAAA,IACnJ,EAAE,KAAK,kBAAkB,OAAO,cAAc,SAAS,SAAS,cAAc,uBAAuB,SAAS,UAAU,UAAU,EAAE,OAAO,QAAQ,EAAE;AAAA,IACrJ,EAAE,KAAK,cAAc,OAAO,cAAc,SAAS,SAAS,cAAc,4BAA4B,SAAS,UAAU,UAAU,EAAE,OAAO,QAAQ,EAAE;AAAA,IACtJ,EAAE,KAAK,mBAAmB,OAAO,WAAW,SAAS,UAAU,cAAc,KAAK,KAAK,KAAK,KAAK,GAAG,MAAM,MAAM,SAAS,UAAU,UAAU,EAAE,OAAO,WAAW,EAAE;AAAA,IACnK,EAAE,KAAK,iBAAiB,OAAO,cAAc,SAAS,SAAS,cAAc,2BAA2B,SAAS,UAAU,UAAU,EAAE,OAAO,WAAW,EAAE;AAAA;AAAA,IAE3J,EAAE,KAAK,YAAY,OAAO,aAAa,SAAS,UAAU,cAAc,IAAI,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,IACjH,EAAE,KAAK,cAAc,OAAO,eAAe,SAAS,UAAU,cAAc,OAAO,SAAS,CAAC,OAAO,OAAO,KAAK,EAAE;AAAA,IAClH,EAAE,KAAK,OAAO,OAAO,YAAY,SAAS,UAAU,cAAc,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,KAAK;AAAA,IACzG,EAAE,KAAK,YAAY,OAAO,aAAa,SAAS,UAAU,cAAc,IAAI,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,EACnH;AAAA,EACA,gBAAgB;AAAA,IACd;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,SAAS;AAAA,QACP,EAAE,OAAO,WAAW,OAAO,UAAU;AAAA,QACrC,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,QACjC,EAAE,OAAO,UAAU,OAAO,UAAU;AAAA,QACpC,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,QACjC,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,MACzC;AAAA,MACA,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,WAAW,aAAa,mDAAmD,SAAS,gCAAgC;AAAA,EAC9H;AACF;","names":[]}

package/dist/studio/lib/registry/composite/inline-action.d.ts

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

package/dist/studio/lib/registry/composite/inline-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-action.d.ts","sourceRoot":"","sources":["../../../../../src/studio/lib/registry/composite/inline-action.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,eAAO,MAAM,eAAe,EAAE,YAqC7B,CAAC"}

package/dist/studio/lib/registry/composite/inline-action.js

@@ -0,0 +1,42 @@
+const inlineActionDef = {
+  id: "inline-action",
+  name: "Inline Action",
+  category: "Buttons",
+  description: 'Tertiary text-with-optional-icon button for dense UI \u2014 "Reset section," "Match in N other," "Edit." Muted by default; transitions to accent on hover. Smaller and less prominent than ButtonGhost; used inline in section headers and field rows.',
+  styleProperties: [
+    // Text-only button: only icon color (well, text color) changes per state.
+    { key: "color", label: "Text Color", control: "color", defaultValue: "var(--color-text-muted)", section: "states", showWhen: { state: "default" } },
+    { key: "hoverColor", label: "Text Color", control: "color", defaultValue: "var(--color-accent-bold)", section: "states", showWhen: { state: "hover" } },
+    { key: "activeColor", label: "Text Color", control: "color", defaultValue: "var(--color-accent)", section: "states", showWhen: { state: "active" } },
+    { key: "focusRingColor", label: "Ring Color", control: "color", defaultValue: "var(--color-accent)", section: "states", showWhen: { state: "focus" } },
+    { key: "focusColor", label: "Text Color", control: "color", defaultValue: "var(--color-accent-bold)", section: "states", showWhen: { state: "focus" } },
+    { key: "disabledOpacity", label: "Opacity", control: "slider", defaultValue: 0.4, min: 0.1, max: 1, step: 0.05, section: "states", showWhen: { state: "disabled" } },
+    { key: "disabledColor", label: "Text Color", control: "color", defaultValue: "var(--color-text-muted)", section: "states", showWhen: { state: "disabled" } },
+    // Shared style
+    { key: "fontSize", label: "Font Size", control: "number", defaultValue: 10, min: 9, max: 14, step: 1, unit: "px" },
+    { key: "fontWeight", label: "Font Weight", control: "select", defaultValue: "500", options: ["400", "500", "600"] },
+    { key: "gap", label: "Icon Gap", control: "number", defaultValue: 4, min: 2, max: 8, step: 1, unit: "px" },
+    { key: "iconSize", label: "Icon Size", control: "number", defaultValue: 10, min: 8, max: 16, step: 1, unit: "px" }
+  ],
+  layoutVariants: [
+    {
+      key: "state",
+      label: "State",
+      options: [
+        { value: "default", label: "Default" },
+        { value: "hover", label: "Hover" },
+        { value: "active", label: "Pressed" },
+        { value: "focus", label: "Focus" },
+        { value: "disabled", label: "Disabled" }
+      ],
+      defaultValue: "default"
+    }
+  ],
+  events: [
+    { name: "onClick", description: "Fires on mouse click or Enter/Space activation.", payload: "MouseEvent<HTMLButtonElement>" }
+  ]
+};
+export {
+  inlineActionDef
+};
+//# sourceMappingURL=inline-action.js.map

package/dist/studio/lib/registry/composite/inline-action.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/studio/lib/registry/composite/inline-action.ts"],"sourcesContent":["import type { ComponentDef } from '../../types';\n\nexport const inlineActionDef: ComponentDef = {\n  id: 'inline-action',\n  name: 'Inline Action',\n  category: 'Buttons',\n  description: 'Tertiary text-with-optional-icon button for dense UI — \"Reset section,\" \"Match in N other,\" \"Edit.\" Muted by default; transitions to accent on hover. Smaller and less prominent than ButtonGhost; used inline in section headers and field rows.',\n  styleProperties: [\n    // Text-only button: only icon color (well, text color) changes per state.\n    { key: 'color', label: 'Text Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'states', showWhen: { state: 'default' } },\n    { key: 'hoverColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'states', showWhen: { state: 'hover' } },\n    { key: 'activeColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-accent)', section: 'states', showWhen: { state: 'active' } },\n    { key: 'focusRingColor', label: 'Ring Color', control: 'color', defaultValue: 'var(--color-accent)', section: 'states', showWhen: { state: 'focus' } },\n    { key: 'focusColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'states', showWhen: { state: 'focus' } },\n    { key: 'disabledOpacity', label: 'Opacity', control: 'slider', defaultValue: 0.4, min: 0.1, max: 1, step: 0.05, section: 'states', showWhen: { state: 'disabled' } },\n    { key: 'disabledColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'states', showWhen: { state: 'disabled' } },\n    // Shared style\n    { key: 'fontSize', label: 'Font Size', control: 'number', defaultValue: 10, min: 9, max: 14, step: 1, unit: 'px' },\n    { key: 'fontWeight', label: 'Font Weight', control: 'select', defaultValue: '500', options: ['400', '500', '600'] },\n    { key: 'gap', label: 'Icon Gap', control: 'number', defaultValue: 4, min: 2, max: 8, step: 1, unit: 'px' },\n    { key: 'iconSize', label: 'Icon Size', control: 'number', defaultValue: 10, min: 8, max: 16, step: 1, unit: 'px' },\n  ],\n  layoutVariants: [\n    {\n      key: 'state',\n      label: 'State',\n      options: [\n        { value: 'default', label: 'Default' },\n        { value: 'hover', label: 'Hover' },\n        { value: 'active', label: 'Pressed' },\n        { value: 'focus', label: 'Focus' },\n        { value: 'disabled', label: 'Disabled' },\n      ],\n      defaultValue: 'default',\n    },\n  ],\n  events: [\n    { name: 'onClick', description: 'Fires on mouse click or Enter/Space activation.', payload: 'MouseEvent<HTMLButtonElement>' },\n  ],\n};\n"],"mappings":"AAEO,MAAM,kBAAgC;AAAA,EAC3C,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iBAAiB;AAAA;AAAA,IAEf,EAAE,KAAK,SAAS,OAAO,cAAc,SAAS,SAAS,cAAc,2BAA2B,SAAS,UAAU,UAAU,EAAE,OAAO,UAAU,EAAE;AAAA,IAClJ,EAAE,KAAK,cAAc,OAAO,cAAc,SAAS,SAAS,cAAc,4BAA4B,SAAS,UAAU,UAAU,EAAE,OAAO,QAAQ,EAAE;AAAA,IACtJ,EAAE,KAAK,eAAe,OAAO,cAAc,SAAS,SAAS,cAAc,uBAAuB,SAAS,UAAU,UAAU,EAAE,OAAO,SAAS,EAAE;AAAA,IACnJ,EAAE,KAAK,kBAAkB,OAAO,cAAc,SAAS,SAAS,cAAc,uBAAuB,SAAS,UAAU,UAAU,EAAE,OAAO,QAAQ,EAAE;AAAA,IACrJ,EAAE,KAAK,cAAc,OAAO,cAAc,SAAS,SAAS,cAAc,4BAA4B,SAAS,UAAU,UAAU,EAAE,OAAO,QAAQ,EAAE;AAAA,IACtJ,EAAE,KAAK,mBAAmB,OAAO,WAAW,SAAS,UAAU,cAAc,KAAK,KAAK,KAAK,KAAK,GAAG,MAAM,MAAM,SAAS,UAAU,UAAU,EAAE,OAAO,WAAW,EAAE;AAAA,IACnK,EAAE,KAAK,iBAAiB,OAAO,cAAc,SAAS,SAAS,cAAc,2BAA2B,SAAS,UAAU,UAAU,EAAE,OAAO,WAAW,EAAE;AAAA;AAAA,IAE3J,EAAE,KAAK,YAAY,OAAO,aAAa,SAAS,UAAU,cAAc,IAAI,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,IACjH,EAAE,KAAK,cAAc,OAAO,eAAe,SAAS,UAAU,cAAc,OAAO,SAAS,CAAC,OAAO,OAAO,KAAK,EAAE;AAAA,IAClH,EAAE,KAAK,OAAO,OAAO,YAAY,SAAS,UAAU,cAAc,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,KAAK;AAAA,IACzG,EAAE,KAAK,YAAY,OAAO,aAAa,SAAS,UAAU,cAAc,IAAI,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,EACnH;AAAA,EACA,gBAAgB;AAAA,IACd;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,SAAS;AAAA,QACP,EAAE,OAAO,WAAW,OAAO,UAAU;AAAA,QACrC,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,QACjC,EAAE,OAAO,UAAU,OAAO,UAAU;AAAA,QACpC,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,QACjC,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,MACzC;AAAA,MACA,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,WAAW,aAAa,mDAAmD,SAAS,gCAAgC;AAAA,EAC9H;AACF;","names":[]}

package/dist/studio/lib/registry/composite/inline-filter.cjs

@@ -0,0 +1,43 @@
+"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 inline_filter_exports = {};
+__export(inline_filter_exports, {
+  inlineFilterDef: () => inlineFilterDef
+});
+module.exports = __toCommonJS(inline_filter_exports);
+const inlineFilterDef = {
+  id: "inline-filter",
+  name: "Inline Filters",
+  category: "Composite",
+  description: `Horizontal filter bar \u2014 three slots (search / filters / trailing). The filters slot accepts <Chip mode="filter"> from the consumer; chip theming lives on the Chip atom's registry, not here. This shell is layout-only.`,
+  styleProperties: [
+    // Layout-only. The chip-shape knobs that used to live here
+    // (chipBg, chipActiveBg, chipText, chipActiveText, plus
+    // borderRadius / fontSize / paddingX / paddingY) have moved to
+    // the Chip atom — the shell shouldn't claim theming responsibility
+    // for what its consumers slot in.
+    { key: "gap", label: "Slot Gap", control: "number", defaultValue: 12, min: 4, max: 32, step: 2, unit: "px" }
+  ],
+  layoutVariants: []
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  inlineFilterDef
+});
+//# sourceMappingURL=inline-filter.cjs.map

package/dist/studio/lib/registry/composite/inline-filter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/studio/lib/registry/composite/inline-filter.ts"],"sourcesContent":["import type { ComponentDef } from '../../types';\n\nexport const inlineFilterDef: ComponentDef = {\n  id: 'inline-filter',\n  name: 'Inline Filters',\n  category: 'Composite',\n  description: \"Horizontal filter bar — three slots (search / filters / trailing). The filters slot accepts <Chip mode=\\\"filter\\\"> from the consumer; chip theming lives on the Chip atom's registry, not here. This shell is layout-only.\",\n  styleProperties: [\n    // Layout-only. The chip-shape knobs that used to live here\n    // (chipBg, chipActiveBg, chipText, chipActiveText, plus\n    // borderRadius / fontSize / paddingX / paddingY) have moved to\n    // the Chip atom — the shell shouldn't claim theming responsibility\n    // for what its consumers slot in.\n    { key: 'gap', label: 'Slot Gap', control: 'number', defaultValue: 12, min: 4, max: 32, step: 2, unit: 'px' },\n  ],\n  layoutVariants: [],\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,kBAAgC;AAAA,EAC3C,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMf,EAAE,KAAK,OAAO,OAAO,YAAY,SAAS,UAAU,cAAc,IAAI,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,EAC7G;AAAA,EACA,gBAAgB,CAAC;AACnB;","names":[]}

package/dist/studio/lib/registry/composite/inline-filter.d.ts

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

package/dist/studio/lib/registry/composite/inline-filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-filter.d.ts","sourceRoot":"","sources":["../../../../../src/studio/lib/registry/composite/inline-filter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,eAAO,MAAM,eAAe,EAAE,YAc7B,CAAC"}

package/dist/studio/lib/registry/composite/inline-filter.js

@@ -0,0 +1,19 @@
+const inlineFilterDef = {
+  id: "inline-filter",
+  name: "Inline Filters",
+  category: "Composite",
+  description: `Horizontal filter bar \u2014 three slots (search / filters / trailing). The filters slot accepts <Chip mode="filter"> from the consumer; chip theming lives on the Chip atom's registry, not here. This shell is layout-only.`,
+  styleProperties: [
+    // Layout-only. The chip-shape knobs that used to live here
+    // (chipBg, chipActiveBg, chipText, chipActiveText, plus
+    // borderRadius / fontSize / paddingX / paddingY) have moved to
+    // the Chip atom — the shell shouldn't claim theming responsibility
+    // for what its consumers slot in.
+    { key: "gap", label: "Slot Gap", control: "number", defaultValue: 12, min: 4, max: 32, step: 2, unit: "px" }
+  ],
+  layoutVariants: []
+};
+export {
+  inlineFilterDef
+};
+//# sourceMappingURL=inline-filter.js.map

package/dist/studio/lib/registry/composite/inline-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/studio/lib/registry/composite/inline-filter.ts"],"sourcesContent":["import type { ComponentDef } from '../../types';\n\nexport const inlineFilterDef: ComponentDef = {\n  id: 'inline-filter',\n  name: 'Inline Filters',\n  category: 'Composite',\n  description: \"Horizontal filter bar — three slots (search / filters / trailing). The filters slot accepts <Chip mode=\\\"filter\\\"> from the consumer; chip theming lives on the Chip atom's registry, not here. This shell is layout-only.\",\n  styleProperties: [\n    // Layout-only. The chip-shape knobs that used to live here\n    // (chipBg, chipActiveBg, chipText, chipActiveText, plus\n    // borderRadius / fontSize / paddingX / paddingY) have moved to\n    // the Chip atom — the shell shouldn't claim theming responsibility\n    // for what its consumers slot in.\n    { key: 'gap', label: 'Slot Gap', control: 'number', defaultValue: 12, min: 4, max: 32, step: 2, unit: 'px' },\n  ],\n  layoutVariants: [],\n};\n"],"mappings":"AAEO,MAAM,kBAAgC;AAAA,EAC3C,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMf,EAAE,KAAK,OAAO,OAAO,YAAY,SAAS,UAAU,cAAc,IAAI,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,EAC7G;AAAA,EACA,gBAAgB,CAAC;AACnB;","names":[]}

package/dist/studio/lib/registry/composite/link.cjs

@@ -0,0 +1,88 @@
+"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 link_exports = {};
+__export(link_exports, {
+  linkDef: () => linkDef
+});
+module.exports = __toCommonJS(link_exports);
+const linkDef = {
+  id: "link",
+  name: "Link",
+  category: "Display",
+  description: "Generic inline text link \u2014 three underline modes plus an optional external indicator. State knobs cover default / hover / focus / disabled on the anchor. `:active` is intentionally omitted \u2014 for a plain anchor it's the transient mouse-down pseudo and overlaps with hover semantically.",
+  styleProperties: [
+    // ── Per-state colors. Filtered into a single "States" section by
+    // the State variant. Link is transparent in every state — no bg
+    // knobs, just text colors plus the standalone focus ring and
+    // disabled opacity.
+    { key: "inactiveText", label: "Color", control: "color", defaultValue: "var(--color-accent)", section: "states", showWhen: { state: "default" } },
+    { key: "hoverText", label: "Color", control: "color", defaultValue: "var(--color-accent-bold)", section: "states", showWhen: { state: "hover" } },
+    { key: "focusText", label: "Color", control: "color", defaultValue: "var(--color-accent-bold)", section: "states", showWhen: { state: "focus" } },
+    { key: "disabledText", label: "Color", control: "color", defaultValue: "var(--color-text-muted)", section: "states", showWhen: { state: "disabled" } },
+    { key: "focusRing", label: "Ring Color", control: "color", defaultValue: "var(--color-accent)", section: "focusState", showWhen: { state: "focus" } },
+    { key: "disabledOpacity", label: "Opacity", control: "slider", defaultValue: 0.5, min: 0.1, max: 1, step: 0.05, section: "disabledState", showWhen: { state: "disabled" } },
+    // ── Shared typography + underline knobs (apply across every state)
+    { key: "fontSize", label: "Font Size", control: "number", defaultValue: 14, min: 10, max: 20, step: 1, unit: "px" },
+    { key: "fontWeight", label: "Font Weight", control: "select", defaultValue: "500", options: ["400", "500", "600"] },
+    { key: "underlineOffset", label: "Underline Offset", control: "number", defaultValue: 3, min: 1, max: 8, step: 1, unit: "px" },
+    { key: "underlineThickness", label: "Underline Thickness", control: "number", defaultValue: 1, min: 1, max: 3, step: 1, unit: "px" },
+    { key: "externalIconSize", label: "External Icon Size", control: "number", defaultValue: 12, min: 8, max: 18, step: 1, unit: "px" },
+    { key: "externalIconGap", label: "External Icon Gap", control: "number", defaultValue: 4, min: 0, max: 12, step: 1, unit: "px" }
+  ],
+  layoutVariants: [
+    {
+      key: "state",
+      label: "State",
+      options: [
+        { value: "default", label: "Default" },
+        { value: "hover", label: "Hover" },
+        { value: "focus", label: "Focus" },
+        { value: "disabled", label: "Disabled" }
+      ],
+      defaultValue: "default"
+    },
+    {
+      key: "underline",
+      label: "Underline",
+      options: [
+        { value: "none", label: "None" },
+        { value: "hover", label: "On Hover" },
+        { value: "always", label: "Always" }
+      ],
+      defaultValue: "hover"
+    },
+    {
+      key: "external",
+      label: "External",
+      options: [
+        { value: "false", label: "Internal" },
+        { value: "true", label: "External" }
+      ],
+      defaultValue: "false"
+    }
+  ],
+  events: [
+    { name: "onClick", description: "Fires on click. The consumer's router or `href` handles the navigation.", payload: "MouseEvent<HTMLAnchorElement>" }
+  ]
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  linkDef
+});
+//# sourceMappingURL=link.cjs.map

package/dist/studio/lib/registry/composite/link.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/studio/lib/registry/composite/link.ts"],"sourcesContent":["import type { ComponentDef } from '../../types';\n\nexport const linkDef: ComponentDef = {\n  id: 'link',\n  name: 'Link',\n  category: 'Display',\n  description: \"Generic inline text link — three underline modes plus an optional external indicator. State knobs cover default / hover / focus / disabled on the anchor. `:active` is intentionally omitted — for a plain anchor it's the transient mouse-down pseudo and overlaps with hover semantically.\",\n  styleProperties: [\n    // ── Per-state colors. Filtered into a single \"States\" section by\n    // the State variant. Link is transparent in every state — no bg\n    // knobs, just text colors plus the standalone focus ring and\n    // disabled opacity.\n    { key: 'inactiveText', label: 'Color', control: 'color', defaultValue: 'var(--color-accent)', section: 'states', showWhen: { state: 'default' } },\n    { key: 'hoverText', label: 'Color', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'states', showWhen: { state: 'hover' } },\n    { key: 'focusText', label: 'Color', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'states', showWhen: { state: 'focus' } },\n    { key: 'disabledText', label: 'Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'states', showWhen: { state: 'disabled' } },\n    { key: 'focusRing', label: 'Ring Color', control: 'color', defaultValue: 'var(--color-accent)', section: 'focusState', showWhen: { state: 'focus' } },\n    { key: 'disabledOpacity', label: 'Opacity', control: 'slider', defaultValue: 0.5, min: 0.1, max: 1, step: 0.05, section: 'disabledState', showWhen: { state: 'disabled' } },\n    // ── Shared typography + underline knobs (apply across every state)\n    { key: 'fontSize', label: 'Font Size', control: 'number', defaultValue: 14, min: 10, max: 20, step: 1, unit: 'px' },\n    { key: 'fontWeight', label: 'Font Weight', control: 'select', defaultValue: '500', options: ['400', '500', '600'] },\n    { key: 'underlineOffset', label: 'Underline Offset', control: 'number', defaultValue: 3, min: 1, max: 8, step: 1, unit: 'px' },\n    { key: 'underlineThickness', label: 'Underline Thickness', control: 'number', defaultValue: 1, min: 1, max: 3, step: 1, unit: 'px' },\n    { key: 'externalIconSize', label: 'External Icon Size', control: 'number', defaultValue: 12, min: 8, max: 18, step: 1, unit: 'px' },\n    { key: 'externalIconGap', label: 'External Icon Gap', control: 'number', defaultValue: 4, min: 0, max: 12, step: 1, unit: 'px' },\n  ],\n  layoutVariants: [\n    {\n      key: 'state',\n      label: 'State',\n      options: [\n        { value: 'default', label: 'Default' },\n        { value: 'hover', label: 'Hover' },\n        { value: 'focus', label: 'Focus' },\n        { value: 'disabled', label: 'Disabled' },\n      ],\n      defaultValue: 'default',\n    },\n    {\n      key: 'underline',\n      label: 'Underline',\n      options: [\n        { value: 'none', label: 'None' },\n        { value: 'hover', label: 'On Hover' },\n        { value: 'always', label: 'Always' },\n      ],\n      defaultValue: 'hover',\n    },\n    {\n      key: 'external',\n      label: 'External',\n      options: [\n        { value: 'false', label: 'Internal' },\n        { value: 'true', label: 'External' },\n      ],\n      defaultValue: 'false',\n    },\n  ],\n  events: [\n    { name: 'onClick', description: \"Fires on click. The consumer's router or `href` handles the navigation.\", payload: 'MouseEvent<HTMLAnchorElement>' },\n  ],\n};\n"],"mappings":"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","names":[]}

package/dist/studio/lib/registry/composite/link.d.ts

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

package/dist/studio/lib/registry/composite/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../../src/studio/lib/registry/composite/link.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,eAAO,MAAM,OAAO,EAAE,YA2DrB,CAAC"}

package/dist/studio/lib/registry/composite/link.js

@@ -0,0 +1,64 @@
+const linkDef = {
+  id: "link",
+  name: "Link",
+  category: "Display",
+  description: "Generic inline text link \u2014 three underline modes plus an optional external indicator. State knobs cover default / hover / focus / disabled on the anchor. `:active` is intentionally omitted \u2014 for a plain anchor it's the transient mouse-down pseudo and overlaps with hover semantically.",
+  styleProperties: [
+    // ── Per-state colors. Filtered into a single "States" section by
+    // the State variant. Link is transparent in every state — no bg
+    // knobs, just text colors plus the standalone focus ring and
+    // disabled opacity.
+    { key: "inactiveText", label: "Color", control: "color", defaultValue: "var(--color-accent)", section: "states", showWhen: { state: "default" } },
+    { key: "hoverText", label: "Color", control: "color", defaultValue: "var(--color-accent-bold)", section: "states", showWhen: { state: "hover" } },
+    { key: "focusText", label: "Color", control: "color", defaultValue: "var(--color-accent-bold)", section: "states", showWhen: { state: "focus" } },
+    { key: "disabledText", label: "Color", control: "color", defaultValue: "var(--color-text-muted)", section: "states", showWhen: { state: "disabled" } },
+    { key: "focusRing", label: "Ring Color", control: "color", defaultValue: "var(--color-accent)", section: "focusState", showWhen: { state: "focus" } },
+    { key: "disabledOpacity", label: "Opacity", control: "slider", defaultValue: 0.5, min: 0.1, max: 1, step: 0.05, section: "disabledState", showWhen: { state: "disabled" } },
+    // ── Shared typography + underline knobs (apply across every state)
+    { key: "fontSize", label: "Font Size", control: "number", defaultValue: 14, min: 10, max: 20, step: 1, unit: "px" },
+    { key: "fontWeight", label: "Font Weight", control: "select", defaultValue: "500", options: ["400", "500", "600"] },
+    { key: "underlineOffset", label: "Underline Offset", control: "number", defaultValue: 3, min: 1, max: 8, step: 1, unit: "px" },
+    { key: "underlineThickness", label: "Underline Thickness", control: "number", defaultValue: 1, min: 1, max: 3, step: 1, unit: "px" },
+    { key: "externalIconSize", label: "External Icon Size", control: "number", defaultValue: 12, min: 8, max: 18, step: 1, unit: "px" },
+    { key: "externalIconGap", label: "External Icon Gap", control: "number", defaultValue: 4, min: 0, max: 12, step: 1, unit: "px" }
+  ],
+  layoutVariants: [
+    {
+      key: "state",
+      label: "State",
+      options: [
+        { value: "default", label: "Default" },
+        { value: "hover", label: "Hover" },
+        { value: "focus", label: "Focus" },
+        { value: "disabled", label: "Disabled" }
+      ],
+      defaultValue: "default"
+    },
+    {
+      key: "underline",
+      label: "Underline",
+      options: [
+        { value: "none", label: "None" },
+        { value: "hover", label: "On Hover" },
+        { value: "always", label: "Always" }
+      ],
+      defaultValue: "hover"
+    },
+    {
+      key: "external",
+      label: "External",
+      options: [
+        { value: "false", label: "Internal" },
+        { value: "true", label: "External" }
+      ],
+      defaultValue: "false"
+    }
+  ],
+  events: [
+    { name: "onClick", description: "Fires on click. The consumer's router or `href` handles the navigation.", payload: "MouseEvent<HTMLAnchorElement>" }
+  ]
+};
+export {
+  linkDef
+};
+//# sourceMappingURL=link.js.map

package/dist/studio/lib/registry/composite/link.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/studio/lib/registry/composite/link.ts"],"sourcesContent":["import type { ComponentDef } from '../../types';\n\nexport const linkDef: ComponentDef = {\n  id: 'link',\n  name: 'Link',\n  category: 'Display',\n  description: \"Generic inline text link — three underline modes plus an optional external indicator. State knobs cover default / hover / focus / disabled on the anchor. `:active` is intentionally omitted — for a plain anchor it's the transient mouse-down pseudo and overlaps with hover semantically.\",\n  styleProperties: [\n    // ── Per-state colors. Filtered into a single \"States\" section by\n    // the State variant. Link is transparent in every state — no bg\n    // knobs, just text colors plus the standalone focus ring and\n    // disabled opacity.\n    { key: 'inactiveText', label: 'Color', control: 'color', defaultValue: 'var(--color-accent)', section: 'states', showWhen: { state: 'default' } },\n    { key: 'hoverText', label: 'Color', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'states', showWhen: { state: 'hover' } },\n    { key: 'focusText', label: 'Color', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'states', showWhen: { state: 'focus' } },\n    { key: 'disabledText', label: 'Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'states', showWhen: { state: 'disabled' } },\n    { key: 'focusRing', label: 'Ring Color', control: 'color', defaultValue: 'var(--color-accent)', section: 'focusState', showWhen: { state: 'focus' } },\n    { key: 'disabledOpacity', label: 'Opacity', control: 'slider', defaultValue: 0.5, min: 0.1, max: 1, step: 0.05, section: 'disabledState', showWhen: { state: 'disabled' } },\n    // ── Shared typography + underline knobs (apply across every state)\n    { key: 'fontSize', label: 'Font Size', control: 'number', defaultValue: 14, min: 10, max: 20, step: 1, unit: 'px' },\n    { key: 'fontWeight', label: 'Font Weight', control: 'select', defaultValue: '500', options: ['400', '500', '600'] },\n    { key: 'underlineOffset', label: 'Underline Offset', control: 'number', defaultValue: 3, min: 1, max: 8, step: 1, unit: 'px' },\n    { key: 'underlineThickness', label: 'Underline Thickness', control: 'number', defaultValue: 1, min: 1, max: 3, step: 1, unit: 'px' },\n    { key: 'externalIconSize', label: 'External Icon Size', control: 'number', defaultValue: 12, min: 8, max: 18, step: 1, unit: 'px' },\n    { key: 'externalIconGap', label: 'External Icon Gap', control: 'number', defaultValue: 4, min: 0, max: 12, step: 1, unit: 'px' },\n  ],\n  layoutVariants: [\n    {\n      key: 'state',\n      label: 'State',\n      options: [\n        { value: 'default', label: 'Default' },\n        { value: 'hover', label: 'Hover' },\n        { value: 'focus', label: 'Focus' },\n        { value: 'disabled', label: 'Disabled' },\n      ],\n      defaultValue: 'default',\n    },\n    {\n      key: 'underline',\n      label: 'Underline',\n      options: [\n        { value: 'none', label: 'None' },\n        { value: 'hover', label: 'On Hover' },\n        { value: 'always', label: 'Always' },\n      ],\n      defaultValue: 'hover',\n    },\n    {\n      key: 'external',\n      label: 'External',\n      options: [\n        { value: 'false', label: 'Internal' },\n        { value: 'true', label: 'External' },\n      ],\n      defaultValue: 'false',\n    },\n  ],\n  events: [\n    { name: 'onClick', description: \"Fires on click. The consumer's router or `href` handles the navigation.\", payload: 'MouseEvent<HTMLAnchorElement>' },\n  ],\n};\n"],"mappings":"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","names":[]}

package/dist/studio/lib/registry/composite/list-item.cjs

@@ -0,0 +1,134 @@
+"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 list_item_exports = {};
+__export(list_item_exports, {
+  listItemDef: () => listItemDef
+});
+module.exports = __toCommonJS(list_item_exports);
+const listItemDef = {
+  id: "list-item",
+  name: "List Item",
+  category: "Composite",
+  description: "Row with icon, title, and optional trailing slot \u2014 used in stacked lists. Renders as `<div>` (static) or `<button>` / `<a>` (interactive) depending on the atom's `interactive` / `href` props. State knobs gate on `mode` rather than trailing \u2014 trailing is purely a visual choice and the two are orthogonal: an interactive row can have any trailing, a static row can have a chevron decoration without being tappable.",
+  styleProperties: [
+    // ── Per-state row colors. Filtered into the "States" section by
+    // the State variant. Default-state knobs (`inactiveBg`,
+    // `inactiveText`) gate on `state: "default"` only — so the bg /
+    // text are editable in both static and interactive modes. The
+    // interactive-only state knobs (hover / focus / active)
+    // additionally gate on `mode: "interactive"` so they hide
+    // entirely when the row is rendered as a display-only `<div>`.
+    // `disabled` is a visual treatment, not an interaction state, so
+    // its knobs are NOT mode-gated.
+    { key: "inactiveBg", label: "Background", control: "color", defaultValue: "var(--color-card)", section: "states", showWhen: { state: "default" } },
+    { key: "inactiveText", label: "Text Color", control: "color", defaultValue: "var(--color-text)", section: "states", showWhen: { state: "default" } },
+    { key: "hoverBg", label: "Background", control: "color", defaultValue: "var(--color-surface-alt)", section: "states", showWhen: { state: "hover", mode: "interactive" } },
+    { key: "hoverText", label: "Text Color", control: "color", defaultValue: "var(--color-text)", section: "states", showWhen: { state: "hover", mode: "interactive" } },
+    { key: "focusText", label: "Text Color", control: "color", defaultValue: "var(--color-text)", section: "states", showWhen: { state: "focus", mode: "interactive" } },
+    { key: "activeBg", label: "Background", control: "color", defaultValue: "var(--color-accent-subtle)", section: "states", showWhen: { state: "active", mode: "interactive" } },
+    { key: "activeText", label: "Text Color", control: "color", defaultValue: "var(--color-accent-bold)", section: "states", showWhen: { state: "active", mode: "interactive" } },
+    { key: "disabledBg", label: "Background", control: "color", defaultValue: "var(--color-card)", section: "states", showWhen: { state: "disabled" } },
+    { key: "disabledText", label: "Text Color", control: "color", defaultValue: "var(--color-text-muted)", section: "states", showWhen: { state: "disabled" } },
+    // Focus ring + disabled opacity in their own sections.
+    { key: "focusRing", label: "Ring Color", control: "color", defaultValue: "var(--color-accent)", section: "focusState", showWhen: { state: "focus", mode: "interactive" } },
+    { key: "disabledOpacity", label: "Opacity", control: "slider", defaultValue: 0.5, min: 0.1, max: 1, step: 0.05, section: "disabledState", showWhen: { state: "disabled" } },
+    // ── Container (List wrapper)
+    { key: "borderColor", label: "Border Color", control: "color", defaultValue: "var(--color-border)", section: "container" },
+    { key: "borderRadius", label: "Border Radius", control: "slider", defaultValue: 8, min: 0, max: 16, step: 1, unit: "px", section: "container" },
+    // ── Shared sizing (applies to every state)
+    { key: "paddingX", label: "Padding X", control: "number", defaultValue: 16, min: 8, max: 32, step: 2, unit: "px" },
+    { key: "paddingY", label: "Padding Y", control: "number", defaultValue: 12, min: 4, max: 24, step: 2, unit: "px" },
+    { key: "gap", label: "Icon Gap", control: "number", defaultValue: 12, min: 4, max: 24, step: 2, unit: "px" },
+    { key: "fontSize", label: "Font Size", control: "number", defaultValue: 14, min: 11, max: 18, step: 1, unit: "px" },
+    // ── Sub-elements (shared across every state)
+    { key: "valueColor", label: "Value Color", control: "color", defaultValue: "var(--color-text-muted)", section: "value", showWhen: { value: "shown" } },
+    { key: "valueSize", label: "Value Size", control: "number", defaultValue: 12, min: 10, max: 16, step: 1, unit: "px", section: "value", showWhen: { value: "shown" } },
+    // Trailing slot is purely composable — the consumer passes whatever
+    // ReactNode they want. The preview demos the canonical pattern per
+    // mode (chevron for interactive nav rows, Tag for static status
+    // rows), so a single Chevron Color knob covers the interactive
+    // example. Other trailing decorations (Tag, Badge, Avatar, etc.)
+    // bring their own styling via their respective atoms.
+    { key: "chevronColor", label: "Chevron Color", control: "color", defaultValue: "var(--color-text-muted)", section: "trailing", showWhen: { mode: "interactive" } },
+    // High-contrast icon "stamp" — bright accent tile with a card-coloured
+    // glyph inside. Keeps the icon visually distinct from the row bg in
+    // every state (default / hover / active / disabled), so the shared
+    // icon knobs don't need to vary per-state.
+    { key: "iconBg", label: "Icon Bg", control: "color", defaultValue: "var(--color-accent)", section: "icon" },
+    { key: "iconColor", label: "Icon Color", control: "color", defaultValue: "var(--color-card)", section: "icon" },
+    { key: "iconSize", label: "Icon Size", control: "number", defaultValue: 24, min: 16, max: 40, step: 2, unit: "px", section: "icon" },
+    { key: "iconRadius", label: "Icon Radius", control: "slider", defaultValue: 6, min: 0, max: 16, step: 1, unit: "px", section: "icon" }
+  ],
+  layoutVariants: [
+    {
+      key: "mode",
+      label: "Mode",
+      options: [
+        // `static` → renders as `<div>`; no hover / focus / active
+        // styling. `interactive` → renders as `<button>` (or `<a>`
+        // when href is passed); full state styling. Mode is
+        // orthogonal to trailing: any trailing can sit in either mode.
+        { value: "static", label: "Static" },
+        { value: "interactive", label: "Interactive" }
+      ],
+      defaultValue: "interactive"
+    },
+    {
+      key: "state",
+      label: "State",
+      options: [
+        // `default` and `disabled` are always available — every row
+        // has a resting state, and `disabled` is a visual treatment
+        // (dimmed, muted) that applies regardless of mode. The CSS
+        // rule includes a bare `.uxm-list-item[aria-disabled]`
+        // selector that fires on `<div>` as well as `<button>` /
+        // `<a>`. The interactive-only states (hover / focus / active)
+        // are option-level-gated to `mode: "interactive"`: when the
+        // row is static, the picker collapses to "Default" +
+        // "Disabled", which self-explains as "this row only has
+        // visual states" without the picker disappearing.
+        { value: "default", label: "Default" },
+        { value: "hover", label: "Hover", showWhen: { mode: "interactive" } },
+        { value: "focus", label: "Focus", showWhen: { mode: "interactive" } },
+        { value: "active", label: "Active", showWhen: { mode: "interactive" } },
+        { value: "disabled", label: "Disabled" }
+      ],
+      defaultValue: "default"
+    },
+    {
+      key: "value",
+      label: "Value Text",
+      options: [
+        { value: "shown", label: "Shown" },
+        { value: "hidden", label: "Hidden" }
+      ],
+      defaultValue: "shown"
+    }
+    // No `trailing` variant — the preview chooses what to show in
+    // the trailing slot based on `mode` (chevron for interactive,
+    // Tag for static). Real consumers pass any ReactNode via the
+    // atom's `trailing` prop; the editor preview demos the
+    // canonical patterns only.
+  ]
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  listItemDef
+});
+//# sourceMappingURL=list-item.cjs.map

package/dist/studio/lib/registry/composite/list-item.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/studio/lib/registry/composite/list-item.ts"],"sourcesContent":["import type { ComponentDef } from '../../types';\n\nexport const listItemDef: ComponentDef = {\n  id: 'list-item',\n  name: 'List Item',\n  category: 'Composite',\n  description: \"Row with icon, title, and optional trailing slot — used in stacked lists. Renders as `<div>` (static) or `<button>` / `<a>` (interactive) depending on the atom's `interactive` / `href` props. State knobs gate on `mode` rather than trailing — trailing is purely a visual choice and the two are orthogonal: an interactive row can have any trailing, a static row can have a chevron decoration without being tappable.\",\n  styleProperties: [\n    // ── Per-state row colors. Filtered into the \"States\" section by\n    // the State variant. Default-state knobs (`inactiveBg`,\n    // `inactiveText`) gate on `state: \"default\"` only — so the bg /\n    // text are editable in both static and interactive modes. The\n    // interactive-only state knobs (hover / focus / active)\n    // additionally gate on `mode: \"interactive\"` so they hide\n    // entirely when the row is rendered as a display-only `<div>`.\n    // `disabled` is a visual treatment, not an interaction state, so\n    // its knobs are NOT mode-gated.\n    { key: 'inactiveBg', label: 'Background', control: 'color', defaultValue: 'var(--color-card)', section: 'states', showWhen: { state: 'default' } },\n    { key: 'inactiveText', label: 'Text Color', control: 'color', defaultValue: 'var(--color-text)', section: 'states', showWhen: { state: 'default' } },\n    { key: 'hoverBg', label: 'Background', control: 'color', defaultValue: 'var(--color-surface-alt)', section: 'states', showWhen: { state: 'hover', mode: 'interactive' } },\n    { key: 'hoverText', label: 'Text Color', control: 'color', defaultValue: 'var(--color-text)', section: 'states', showWhen: { state: 'hover', mode: 'interactive' } },\n    { key: 'focusText', label: 'Text Color', control: 'color', defaultValue: 'var(--color-text)', section: 'states', showWhen: { state: 'focus', mode: 'interactive' } },\n    { key: 'activeBg', label: 'Background', control: 'color', defaultValue: 'var(--color-accent-subtle)', section: 'states', showWhen: { state: 'active', mode: 'interactive' } },\n    { key: 'activeText', label: 'Text Color', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'states', showWhen: { state: 'active', mode: 'interactive' } },\n    { key: 'disabledBg', label: 'Background', control: 'color', defaultValue: 'var(--color-card)', section: 'states', showWhen: { state: 'disabled' } },\n    { key: 'disabledText', label: 'Text Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'states', showWhen: { state: 'disabled' } },\n    // Focus ring + disabled opacity in their own sections.\n    { key: 'focusRing', label: 'Ring Color', control: 'color', defaultValue: 'var(--color-accent)', section: 'focusState', showWhen: { state: 'focus', mode: 'interactive' } },\n    { key: 'disabledOpacity', label: 'Opacity', control: 'slider', defaultValue: 0.5, min: 0.1, max: 1, step: 0.05, section: 'disabledState', showWhen: { state: 'disabled' } },\n    // ── Container (List wrapper)\n    { key: 'borderColor', label: 'Border Color', control: 'color', defaultValue: 'var(--color-border)', section: 'container' },\n    { key: 'borderRadius', label: 'Border Radius', control: 'slider', defaultValue: 8, min: 0, max: 16, step: 1, unit: 'px', section: 'container' },\n    // ── Shared sizing (applies to every state)\n    { key: 'paddingX', label: 'Padding X', control: 'number', defaultValue: 16, min: 8, max: 32, step: 2, unit: 'px' },\n    { key: 'paddingY', label: 'Padding Y', control: 'number', defaultValue: 12, min: 4, max: 24, step: 2, unit: 'px' },\n    { key: 'gap', label: 'Icon Gap', control: 'number', defaultValue: 12, min: 4, max: 24, step: 2, unit: 'px' },\n    { key: 'fontSize', label: 'Font Size', control: 'number', defaultValue: 14, min: 11, max: 18, step: 1, unit: 'px' },\n    // ── Sub-elements (shared across every state)\n    { key: 'valueColor', label: 'Value Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'value', showWhen: { value: 'shown' } },\n    { key: 'valueSize', label: 'Value Size', control: 'number', defaultValue: 12, min: 10, max: 16, step: 1, unit: 'px', section: 'value', showWhen: { value: 'shown' } },\n    // Trailing slot is purely composable — the consumer passes whatever\n    // ReactNode they want. The preview demos the canonical pattern per\n    // mode (chevron for interactive nav rows, Tag for static status\n    // rows), so a single Chevron Color knob covers the interactive\n    // example. Other trailing decorations (Tag, Badge, Avatar, etc.)\n    // bring their own styling via their respective atoms.\n    { key: 'chevronColor', label: 'Chevron Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'trailing', showWhen: { mode: 'interactive' } },\n    // High-contrast icon \"stamp\" — bright accent tile with a card-coloured\n    // glyph inside. Keeps the icon visually distinct from the row bg in\n    // every state (default / hover / active / disabled), so the shared\n    // icon knobs don't need to vary per-state.\n    { key: 'iconBg', label: 'Icon Bg', control: 'color', defaultValue: 'var(--color-accent)', section: 'icon' },\n    { key: 'iconColor', label: 'Icon Color', control: 'color', defaultValue: 'var(--color-card)', section: 'icon' },\n    { key: 'iconSize', label: 'Icon Size', control: 'number', defaultValue: 24, min: 16, max: 40, step: 2, unit: 'px', section: 'icon' },\n    { key: 'iconRadius', label: 'Icon Radius', control: 'slider', defaultValue: 6, min: 0, max: 16, step: 1, unit: 'px', section: 'icon' },\n  ],\n  layoutVariants: [\n    {\n      key: 'mode',\n      label: 'Mode',\n      options: [\n        // `static` → renders as `<div>`; no hover / focus / active\n        // styling. `interactive` → renders as `<button>` (or `<a>`\n        // when href is passed); full state styling. Mode is\n        // orthogonal to trailing: any trailing can sit in either mode.\n        { value: 'static', label: 'Static' },\n        { value: 'interactive', label: 'Interactive' },\n      ],\n      defaultValue: 'interactive',\n    },\n    {\n      key: 'state',\n      label: 'State',\n      options: [\n        // `default` and `disabled` are always available — every row\n        // has a resting state, and `disabled` is a visual treatment\n        // (dimmed, muted) that applies regardless of mode. The CSS\n        // rule includes a bare `.uxm-list-item[aria-disabled]`\n        // selector that fires on `<div>` as well as `<button>` /\n        // `<a>`. The interactive-only states (hover / focus / active)\n        // are option-level-gated to `mode: \"interactive\"`: when the\n        // row is static, the picker collapses to \"Default\" +\n        // \"Disabled\", which self-explains as \"this row only has\n        // visual states\" without the picker disappearing.\n        { value: 'default', label: 'Default' },\n        { value: 'hover', label: 'Hover', showWhen: { mode: 'interactive' } },\n        { value: 'focus', label: 'Focus', showWhen: { mode: 'interactive' } },\n        { value: 'active', label: 'Active', showWhen: { mode: 'interactive' } },\n        { value: 'disabled', label: 'Disabled' },\n      ],\n      defaultValue: 'default',\n    },\n    {\n      key: 'value',\n      label: 'Value Text',\n      options: [\n        { value: 'shown', label: 'Shown' },\n        { value: 'hidden', label: 'Hidden' },\n      ],\n      defaultValue: 'shown',\n    },\n    // No `trailing` variant — the preview chooses what to show in\n    // the trailing slot based on `mode` (chevron for interactive,\n    // Tag for static). Real consumers pass any ReactNode via the\n    // atom's `trailing` prop; the editor preview demos the\n    // canonical patterns only.\n  ],\n};\n"],"mappings":"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","names":[]}

package/dist/studio/lib/registry/composite/list-item.d.ts

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

package/dist/studio/lib/registry/composite/list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../../../src/studio/lib/registry/composite/list-item.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,eAAO,MAAM,WAAW,EAAE,YAyGzB,CAAC"}