@viax.io/uxm 4.36.0

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

@@ -0,0 +1,427 @@
+"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 buttons_exports = {};
+__export(buttons_exports, {
+  buttonsDefs: () => buttonsDefs
+});
+module.exports = __toCommonJS(buttons_exports);
+var import_ui = require("../../../ui/index.cjs");
+const buttonsDefs = [
+  // ── Buttons ──
+  {
+    id: "button-primary",
+    name: "Button \u2014 Primary",
+    category: "Buttons",
+    description: "Primary call-to-action button with solid background.",
+    styleProperties: [
+      // State-scoped colors — Tag-style filter via showWhen. Designers tune
+      // background + text per state. Hover shades accent-bold slightly toward
+      // text (contrast-safe with white text — a brighter accent would fail);
+      // active returns to bold. Matches the atom's `--uxm-button-primary-*`
+      // fallbacks so the studio default equals the shipped default.
+      { key: "backgroundColor", label: "Background", control: "color", defaultValue: "var(--color-accent-bold)", section: "states", showWhen: { state: "default" } },
+      { key: "color", label: "Text Color", control: "color", defaultValue: "var(--color-text-inverse)", section: "states", showWhen: { state: "default" } },
+      { key: "hoverBackgroundColor", label: "Background", control: "color", defaultValue: "color-mix(in srgb, var(--color-accent-bold) 88%, var(--color-text))", section: "states", showWhen: { state: "hover" } },
+      { key: "hoverColor", label: "Text Color", control: "color", defaultValue: "var(--color-text-inverse)", section: "states", showWhen: { state: "hover" } },
+      { key: "activeBackgroundColor", label: "Background", control: "color", defaultValue: "var(--color-accent-bold)", section: "states", showWhen: { state: "active" } },
+      { key: "activeColor", label: "Text Color", control: "color", defaultValue: "var(--color-text-inverse)", 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-text-inverse)", 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-inverse)", section: "states", showWhen: { state: "disabled" } },
+      // Shared style — always visible.
+      { key: "borderRadius", label: "Border Radius", control: "slider", defaultValue: 8, min: 0, max: 24, step: 1, unit: "px" },
+      { key: "paddingX", label: "Padding X", control: "number", defaultValue: 20, min: 4, max: 48, step: 2, unit: "px" },
+      { key: "paddingY", label: "Padding Y", control: "number", defaultValue: 10, min: 2, max: 24, step: 2, unit: "px" },
+      { key: "fontSize", label: "Font Size", control: "number", defaultValue: 14, min: 10, max: 24, step: 1, unit: "px" },
+      { key: "fontWeight", label: "Font Weight", control: "select", defaultValue: "600", options: ["400", "500", "600", "700"] },
+      { key: "gap", label: "Icon Gap", control: "number", defaultValue: 8, min: 0, 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 while focused.", payload: "MouseEvent<HTMLButtonElement>" },
+      { name: "onFocus", description: "Fires when the button receives keyboard focus.", payload: "FocusEvent" },
+      { name: "onBlur", description: "Fires when the button loses keyboard focus.", payload: "FocusEvent" }
+    ],
+    api: {
+      importPath: "@viax.io/uxm/ui",
+      importNames: "ButtonPrimary",
+      props: [
+        { name: "children", type: "ReactNode", description: "Button label \u2014 text, icon, or both." },
+        { name: "onClick", type: "(e: MouseEvent<HTMLButtonElement>) => void", description: "Click handler." },
+        { name: "disabled", type: "boolean", defaultValue: "false", description: "Disables the button and prevents interaction." },
+        { name: "type", type: '"button" | "submit" | "reset"', defaultValue: '"button"', description: "Native button type. Defaults to 'button' to avoid accidental form submits." },
+        { name: "className", type: "string", description: "Extra classes appended after the atom's own `uxm-button-primary`." },
+        { name: "...rest", type: "ButtonHTMLAttributes<HTMLButtonElement>", description: "All other native button attributes (aria-label, tabIndex, etc.) pass through to the underlying <button>." }
+      ]
+    }
+  },
+  {
+    id: "button-secondary",
+    name: "Button \u2014 Secondary",
+    category: "Buttons",
+    description: "Secondary button with border outline.",
+    styleProperties: [
+      // Default
+      { key: "backgroundColor", label: "Background", control: "color", defaultValue: "var(--color-card)", section: "states", showWhen: { state: "default" } },
+      { key: "color", label: "Text Color", control: "color", defaultValue: "var(--color-accent-bold)", section: "states", showWhen: { state: "default" } },
+      { key: "borderColor", label: "Border Color", control: "color", defaultValue: "var(--color-accent-bold)", section: "states", showWhen: { state: "default" } },
+      // Hover
+      { key: "hoverBackgroundColor", label: "Background", control: "color", defaultValue: "var(--color-accent-subtle)", section: "states", showWhen: { state: "hover" } },
+      { key: "hoverColor", label: "Text Color", control: "color", defaultValue: "var(--color-accent-bold)", section: "states", showWhen: { state: "hover" } },
+      { key: "hoverBorderColor", label: "Border Color", control: "color", defaultValue: "var(--color-accent-bold)", section: "states", showWhen: { state: "hover" } },
+      // Pressed
+      { key: "activeBackgroundColor", label: "Background", control: "color", defaultValue: "var(--color-accent-bold)", section: "states", showWhen: { state: "active" } },
+      { key: "activeColor", label: "Text Color", control: "color", defaultValue: "var(--color-text-inverse)", section: "states", showWhen: { state: "active" } },
+      { key: "activeBorderColor", label: "Border Color", control: "color", defaultValue: "var(--color-accent-bold)", section: "states", showWhen: { state: "active" } },
+      // Focus
+      { 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" } },
+      // Disabled
+      { 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-accent-bold)", section: "states", showWhen: { state: "disabled" } },
+      // Shared style
+      { key: "borderRadius", label: "Border Radius", control: "slider", defaultValue: 8, min: 0, max: 24, step: 1, unit: "px" },
+      { key: "paddingX", label: "Padding X", control: "number", defaultValue: 20, min: 4, max: 48, step: 2, unit: "px" },
+      { key: "paddingY", label: "Padding Y", control: "number", defaultValue: 10, min: 2, max: 24, step: 2, unit: "px" },
+      { key: "fontSize", label: "Font Size", control: "number", defaultValue: 14, min: 10, max: 24, step: 1, unit: "px" },
+      { key: "fontWeight", label: "Font Weight", control: "select", defaultValue: "600", options: ["400", "500", "600", "700"] },
+      { key: "gap", label: "Icon Gap", control: "number", defaultValue: 8, min: 0, 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 while focused.", payload: "MouseEvent<HTMLButtonElement>" },
+      { name: "onFocus", description: "Fires when the button receives keyboard focus.", payload: "FocusEvent" },
+      { name: "onBlur", description: "Fires when the button loses keyboard focus.", payload: "FocusEvent" }
+    ]
+  },
+  {
+    id: "button-tertiary",
+    name: "Button \u2014 Tertiary",
+    category: "Buttons",
+    description: "Neutral outlined button for Cancel-style and supporting actions.",
+    styleProperties: [
+      // Default
+      { key: "backgroundColor", label: "Background", control: "color", defaultValue: "transparent", section: "states", showWhen: { state: "default" } },
+      { key: "color", label: "Text Color", control: "color", defaultValue: "var(--color-text)", section: "states", showWhen: { state: "default" } },
+      { key: "borderColor", label: "Border Color", control: "color", defaultValue: "var(--color-border)", section: "states", showWhen: { state: "default" } },
+      // Hover
+      { key: "hoverBackgroundColor", label: "Background", control: "color", defaultValue: "var(--color-surface-alt)", section: "states", showWhen: { state: "hover" } },
+      { key: "hoverColor", label: "Text Color", control: "color", defaultValue: "var(--color-text)", section: "states", showWhen: { state: "hover" } },
+      { key: "hoverBorderColor", label: "Border Color", control: "color", defaultValue: "var(--color-border)", section: "states", showWhen: { state: "hover" } },
+      // Pressed
+      { key: "activeBackgroundColor", label: "Background", control: "color", defaultValue: "var(--color-surface)", section: "states", showWhen: { state: "active" } },
+      { key: "activeColor", label: "Text Color", control: "color", defaultValue: "var(--color-text)", section: "states", showWhen: { state: "active" } },
+      { key: "activeBorderColor", label: "Border Color", control: "color", defaultValue: "var(--color-text-muted)", section: "states", showWhen: { state: "active" } },
+      // Focus
+      { 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-text)", section: "states", showWhen: { state: "focus" } },
+      // Disabled
+      { 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: "borderRadius", label: "Border Radius", control: "slider", defaultValue: 8, min: 0, max: 24, step: 1, unit: "px" },
+      { key: "paddingX", label: "Padding X", control: "number", defaultValue: 20, min: 4, max: 48, step: 2, unit: "px" },
+      { key: "paddingY", label: "Padding Y", control: "number", defaultValue: 10, min: 2, max: 24, step: 2, unit: "px" },
+      { key: "fontSize", label: "Font Size", control: "number", defaultValue: 14, min: 10, max: 24, step: 1, unit: "px" },
+      { key: "fontWeight", label: "Font Weight", control: "select", defaultValue: "600", options: ["400", "500", "600", "700"] },
+      { key: "gap", label: "Icon Gap", control: "number", defaultValue: 8, min: 0, 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 while focused.", payload: "MouseEvent<HTMLButtonElement>" },
+      { name: "onFocus", description: "Fires when the button receives keyboard focus.", payload: "FocusEvent" },
+      { name: "onBlur", description: "Fires when the button loses keyboard focus.", payload: "FocusEvent" }
+    ]
+  },
+  {
+    id: "button-ghost",
+    name: "Button \u2014 Ghost",
+    category: "Buttons",
+    description: "Transparent button with text-only styling.",
+    styleProperties: [
+      // Default — no bg fill, text only.
+      { key: "backgroundColor", label: "Background", control: "color", defaultValue: "transparent", section: "states", showWhen: { state: "default" } },
+      { key: "color", label: "Text Color", control: "color", defaultValue: "var(--color-accent-bold)", section: "states", showWhen: { state: "default" } },
+      // Hover — get a subtle surface fill to telegraph interactivity.
+      { key: "hoverBackgroundColor", label: "Background", control: "color", defaultValue: "var(--color-surface-alt)", section: "states", showWhen: { state: "hover" } },
+      { key: "hoverColor", label: "Text Color", control: "color", defaultValue: "var(--color-accent-bold)", section: "states", showWhen: { state: "hover" } },
+      // Pressed
+      { key: "activeBackgroundColor", label: "Background", control: "color", defaultValue: "var(--color-surface)", section: "states", showWhen: { state: "active" } },
+      { key: "activeColor", label: "Text Color", control: "color", defaultValue: "var(--color-accent)", section: "states", showWhen: { state: "active" } },
+      // Focus
+      { 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" } },
+      // Disabled
+      { 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-accent-bold)", section: "states", showWhen: { state: "disabled" } },
+      // Shared style
+      { key: "borderRadius", label: "Border Radius", control: "slider", defaultValue: 8, min: 0, max: 24, step: 1, unit: "px" },
+      { key: "paddingX", label: "Padding X", control: "number", defaultValue: 20, min: 4, max: 48, step: 2, unit: "px" },
+      { key: "paddingY", label: "Padding Y", control: "number", defaultValue: 10, min: 2, max: 24, step: 2, unit: "px" },
+      { key: "fontSize", label: "Font Size", control: "number", defaultValue: 14, min: 10, max: 24, step: 1, unit: "px" },
+      { key: "fontWeight", label: "Font Weight", control: "select", defaultValue: "500", options: ["400", "500", "600", "700"] },
+      { key: "gap", label: "Icon Gap", control: "number", defaultValue: 8, min: 0, 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 while focused.", payload: "MouseEvent<HTMLButtonElement>" },
+      { name: "onFocus", description: "Fires when the button receives keyboard focus.", payload: "FocusEvent" },
+      { name: "onBlur", description: "Fires when the button loses keyboard focus.", payload: "FocusEvent" }
+    ]
+  },
+  {
+    id: "button-danger",
+    name: "Button \u2014 Destructive",
+    category: "Buttons",
+    description: "Destructive (danger) action button for irreversible operations \u2014 Delete, Remove, Discard. Outlined/subtle by default (danger-tinted surface + danger text + danger border); pressing deepens to a solid danger fill so the commit-to-destroy moment reads clearly. Reuses the semantic danger token trio \u2014 no new palette tokens. Reserve for genuinely destructive actions; everything else uses the primary/secondary/tertiary family.",
+    styleProperties: [
+      // Default — danger-tinted surface, danger text + border.
+      { key: "backgroundColor", label: "Background", control: "color", defaultValue: "var(--color-danger-bg)", section: "states", showWhen: { state: "default" } },
+      { key: "color", label: "Text Color", control: "color", defaultValue: "var(--color-danger-text)", section: "states", showWhen: { state: "default" } },
+      { key: "borderColor", label: "Border Color", control: "color", defaultValue: "var(--color-danger-border)", section: "states", showWhen: { state: "default" } },
+      // Hover — deepen the tint toward the danger text colour.
+      { key: "hoverBackgroundColor", label: "Background", control: "color", defaultValue: "var(--color-danger-border)", section: "states", showWhen: { state: "hover" } },
+      { key: "hoverColor", label: "Text Color", control: "color", defaultValue: "var(--color-danger-text)", section: "states", showWhen: { state: "hover" } },
+      { key: "hoverBorderColor", label: "Border Color", control: "color", defaultValue: "var(--color-danger-text)", section: "states", showWhen: { state: "hover" } },
+      // Pressed — solid danger fill, inverse text.
+      { key: "activeBackgroundColor", label: "Background", control: "color", defaultValue: "var(--color-danger-text)", section: "states", showWhen: { state: "active" } },
+      { key: "activeColor", label: "Text Color", control: "color", defaultValue: "var(--color-text-inverse)", section: "states", showWhen: { state: "active" } },
+      { key: "activeBorderColor", label: "Border Color", control: "color", defaultValue: "var(--color-danger-text)", section: "states", showWhen: { state: "active" } },
+      // Focus
+      { key: "focusRingColor", label: "Ring Color", control: "color", defaultValue: "var(--color-danger-text)", section: "states", showWhen: { state: "focus" } },
+      { key: "focusColor", label: "Text Color", control: "color", defaultValue: "var(--color-danger-text)", section: "states", showWhen: { state: "focus" } },
+      // Disabled
+      { 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-danger-text)", section: "states", showWhen: { state: "disabled" } },
+      // Shared style
+      { key: "borderRadius", label: "Border Radius", control: "slider", defaultValue: 8, min: 0, max: 24, step: 1, unit: "px" },
+      { key: "paddingX", label: "Padding X", control: "number", defaultValue: 20, min: 4, max: 48, step: 2, unit: "px" },
+      { key: "paddingY", label: "Padding Y", control: "number", defaultValue: 10, min: 2, max: 24, step: 2, unit: "px" },
+      { key: "fontSize", label: "Font Size", control: "number", defaultValue: 14, min: 10, max: 24, step: 1, unit: "px" },
+      { key: "fontWeight", label: "Font Weight", control: "select", defaultValue: "600", options: ["400", "500", "600", "700"] },
+      { key: "gap", label: "Icon Gap", control: "number", defaultValue: 8, min: 0, 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 while focused.", payload: "MouseEvent<HTMLButtonElement>" },
+      { name: "onFocus", description: "Fires when the button receives keyboard focus.", payload: "FocusEvent" },
+      { name: "onBlur", description: "Fires when the button loses keyboard focus.", payload: "FocusEvent" }
+    ],
+    api: {
+      importPath: "@viax.io/uxm/ui",
+      importNames: "ButtonDanger",
+      props: [
+        { name: "children", type: "ReactNode", description: 'Button label \u2014 text, icon, or both. Prefer an explicit verb ("Delete", "Remove").' },
+        { name: "onClick", type: "(e: MouseEvent<HTMLButtonElement>) => void", description: "Click handler. For irreversible actions, confirm before committing." },
+        { name: "disabled", type: "boolean", defaultValue: "false", description: "Disables the button and prevents interaction." },
+        { name: "type", type: '"button" | "submit" | "reset"', defaultValue: '"button"', description: "Native button type. Defaults to 'button' to avoid accidental form submits." },
+        { name: "className", type: "string", description: "Extra classes appended after the atom's own `uxm-button-danger`." },
+        { name: "...rest", type: "ButtonHTMLAttributes<HTMLButtonElement>", description: "All other native button attributes (aria-label, tabIndex, etc.) pass through to the underlying <button>." }
+      ]
+    }
+  },
+  {
+    id: "button-with-icon",
+    name: "Button \u2014 With Icon",
+    category: "Buttons",
+    description: "Labelled button with a leading icon; outline/secondary styling.",
+    styleProperties: [
+      // Default — text-muted border (a step darker than tertiary's
+      // `--color-border`) gives this atom a more visible outline without
+      // the accent shout. Tertiary stays softer with the lightest grey border.
+      { key: "backgroundColor", label: "Background", control: "color", defaultValue: "var(--color-card)", section: "states", showWhen: { state: "default" } },
+      { key: "color", label: "Text Color", control: "color", defaultValue: "var(--color-text-strong)", section: "states", showWhen: { state: "default" } },
+      { key: "borderColor", label: "Border Color", control: "color", defaultValue: "var(--color-text-muted)", section: "states", showWhen: { state: "default" } },
+      // Hover — a faint accent-subtle wash (like button-secondary), border to
+      // accent and text to `--color-text`. Defaults mirror the atom's
+      // `--uxm-button-with-icon-hover-*` fallbacks so the studio default equals
+      // the shipped default.
+      { key: "hoverBackgroundColor", label: "Background", control: "color", defaultValue: "var(--color-accent-subtle)", section: "states", showWhen: { state: "hover" } },
+      { key: "hoverColor", label: "Text Color", control: "color", defaultValue: "var(--color-text)", section: "states", showWhen: { state: "hover" } },
+      { key: "hoverBorderColor", label: "Border Color", control: "color", defaultValue: "var(--color-accent)", section: "states", showWhen: { state: "hover" } },
+      // Active — pressing settles back to the resting card fill (like the rest
+      // of the family), keeping the hover border/text. Mirrors the atom's
+      // `--uxm-button-with-icon-active-*` fallbacks.
+      { key: "activeBackgroundColor", label: "Background", control: "color", defaultValue: "var(--color-card)", section: "states", showWhen: { state: "active" } },
+      { key: "activeColor", label: "Text Color", control: "color", defaultValue: "var(--color-text)", section: "states", showWhen: { state: "active" } },
+      { key: "activeBorderColor", label: "Border Color", control: "color", defaultValue: "var(--color-accent)", section: "states", showWhen: { state: "active" } },
+      // Focus
+      { 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-text)", section: "states", showWhen: { state: "focus" } },
+      // Disabled
+      { 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: "borderRadius", label: "Border Radius", control: "slider", defaultValue: 8, min: 0, max: 20, step: 1, unit: "px" },
+      { key: "paddingX", label: "Padding X", control: "number", defaultValue: 12, min: 4, max: 32, step: 2, unit: "px" },
+      { key: "paddingY", label: "Padding Y", control: "number", defaultValue: 8, min: 2, max: 16, step: 1, unit: "px" },
+      { key: "fontSize", label: "Font Size", control: "number", defaultValue: 13, min: 10, max: 18, step: 1, unit: "px" },
+      { key: "fontWeight", label: "Font Weight", control: "select", defaultValue: "500", options: ["400", "500", "600", "700"] },
+      { key: "iconSize", label: "Icon Size", control: "number", defaultValue: 16, min: 12, max: 24, step: 1, unit: "px" },
+      { key: "gap", label: "Icon Gap", control: "number", defaultValue: 8, min: 2, 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 while focused.", payload: "MouseEvent<HTMLButtonElement>" },
+      { name: "onFocus", description: "Fires when the button receives keyboard focus.", payload: "FocusEvent" },
+      { name: "onBlur", description: "Fires when the button loses keyboard focus.", payload: "FocusEvent" }
+    ]
+  },
+  {
+    id: "button-icon",
+    name: "Button \u2014 Icon",
+    category: "Buttons",
+    description: 'Standalone icon-only action button (e.g. "add", "create new"). Icon variant of the primary button family.',
+    styleProperties: [
+      // State-scoped knobs — one "States" section, filtered to the
+      // currently-selected State variant via showWhen. Matches the Tag
+      // convention (colors per type). Every state owns both background
+      // and icon color so designers can tune contrast independently
+      // (e.g. inverse icon on a bold pressed bg).
+      // Default
+      { key: "backgroundColor", label: "Background", control: "color", defaultValue: "var(--color-surface-alt)", section: "states", showWhen: { state: "default" } },
+      { key: "color", label: "Icon Color", control: "color", defaultValue: "var(--color-text)", section: "states", showWhen: { state: "default" } },
+      // Hover
+      { key: "hoverBackgroundColor", label: "Background", control: "color", defaultValue: "var(--color-accent-subtle)", section: "states", showWhen: { state: "hover" } },
+      { key: "hoverColor", label: "Icon Color", control: "color", defaultValue: "var(--color-text)", section: "states", showWhen: { state: "hover" } },
+      // Pressed
+      { key: "activeBackgroundColor", label: "Background", control: "color", defaultValue: "var(--color-accent-bold)", section: "states", showWhen: { state: "active" } },
+      { key: "activeColor", label: "Icon Color", control: "color", defaultValue: "var(--color-text-inverse)", section: "states", showWhen: { state: "active" } },
+      // Focus
+      { key: "focusRingColor", label: "Ring Color", control: "color", defaultValue: "var(--color-accent)", section: "states", showWhen: { state: "focus" } },
+      { key: "focusColor", label: "Icon Color", control: "color", defaultValue: "var(--color-text)", section: "states", showWhen: { state: "focus" } },
+      // Disabled
+      { 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: "Icon Color", control: "color", defaultValue: "var(--color-text-muted)", section: "states", showWhen: { state: "disabled" } },
+      // Always-visible sizing — shared across all states.
+      { key: "size", label: "Size", control: "number", defaultValue: 40, min: 24, max: 64, step: 4, unit: "px" },
+      { key: "borderRadius", label: "Border Radius", control: "slider", defaultValue: 8, min: 0, max: 32, step: 1, unit: "px" },
+      { key: "iconSize", label: "Icon Size", control: "number", defaultValue: 18, min: 12, max: 32, step: 1, unit: "px" }
+    ],
+    layoutVariants: [
+      {
+        key: "glyph",
+        label: "Glyph",
+        options: import_ui.ICON_OPTIONS,
+        defaultValue: "plus"
+      },
+      {
+        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 while focused.", payload: "MouseEvent<HTMLButtonElement>" },
+      { name: "onFocus", description: "Fires when the button receives keyboard focus.", payload: "FocusEvent" },
+      { name: "onBlur", description: "Fires when the button loses keyboard focus.", payload: "FocusEvent" }
+    ]
+  }
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  buttonsDefs
+});
+//# sourceMappingURL=buttons.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/studio/lib/registry/buttons.ts"],"sourcesContent":["import { ICON_OPTIONS } from '@/ui';\n\nimport type { ComponentDef } from '../types';\n\nexport const buttonsDefs: ComponentDef[] = [\n  // ── Buttons ──\n  {\n    id: 'button-primary',\n    name: 'Button — Primary',\n    category: 'Buttons',\n    description: 'Primary call-to-action button with solid background.',\n    styleProperties: [\n      // State-scoped colors — Tag-style filter via showWhen. Designers tune\n      // background + text per state. Hover shades accent-bold slightly toward\n      // text (contrast-safe with white text — a brighter accent would fail);\n      // active returns to bold. Matches the atom's `--uxm-button-primary-*`\n      // fallbacks so the studio default equals the shipped default.\n      { key: 'backgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'states', showWhen: { state: 'default' } },\n      { key: 'color', label: 'Text Color', control: 'color', defaultValue: 'var(--color-text-inverse)', section: 'states', showWhen: { state: 'default' } },\n      { key: 'hoverBackgroundColor', label: 'Background', control: 'color', defaultValue: 'color-mix(in srgb, var(--color-accent-bold) 88%, var(--color-text))', section: 'states', showWhen: { state: 'hover' } },\n      { key: 'hoverColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-text-inverse)', section: 'states', showWhen: { state: 'hover' } },\n      { key: 'activeBackgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'states', showWhen: { state: 'active' } },\n      { key: 'activeColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-text-inverse)', 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-text-inverse)', 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-inverse)', section: 'states', showWhen: { state: 'disabled' } },\n      // Shared style — always visible.\n      { key: 'borderRadius', label: 'Border Radius', control: 'slider', defaultValue: 8, min: 0, max: 24, step: 1, unit: 'px' },\n      { key: 'paddingX', label: 'Padding X', control: 'number', defaultValue: 20, min: 4, max: 48, step: 2, unit: 'px' },\n      { key: 'paddingY', label: 'Padding Y', control: 'number', defaultValue: 10, min: 2, max: 24, step: 2, unit: 'px' },\n      { key: 'fontSize', label: 'Font Size', control: 'number', defaultValue: 14, min: 10, max: 24, step: 1, unit: 'px' },\n      { key: 'fontWeight', label: 'Font Weight', control: 'select', defaultValue: '600', options: ['400', '500', '600', '700'] },\n      { key: 'gap', label: 'Icon Gap', control: 'number', defaultValue: 8, min: 0, 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 while focused.', payload: 'MouseEvent<HTMLButtonElement>' },\n      { name: 'onFocus', description: 'Fires when the button receives keyboard focus.', payload: 'FocusEvent' },\n      { name: 'onBlur', description: 'Fires when the button loses keyboard focus.', payload: 'FocusEvent' },\n    ],\n    api: {\n      importPath: '@viax.io/uxm/ui',\n      importNames: 'ButtonPrimary',\n      props: [\n        { name: 'children', type: 'ReactNode', description: 'Button label — text, icon, or both.' },\n        { name: 'onClick', type: '(e: MouseEvent<HTMLButtonElement>) => void', description: 'Click handler.' },\n        { name: 'disabled', type: 'boolean', defaultValue: 'false', description: 'Disables the button and prevents interaction.' },\n        { name: 'type', type: '\"button\" | \"submit\" | \"reset\"', defaultValue: '\"button\"', description: \"Native button type. Defaults to 'button' to avoid accidental form submits.\" },\n        { name: 'className', type: 'string', description: \"Extra classes appended after the atom's own `uxm-button-primary`.\" },\n        { name: '...rest', type: 'ButtonHTMLAttributes<HTMLButtonElement>', description: 'All other native button attributes (aria-label, tabIndex, etc.) pass through to the underlying <button>.' },\n      ],\n    },\n  },\n  {\n    id: 'button-secondary',\n    name: 'Button — Secondary',\n    category: 'Buttons',\n    description: 'Secondary button with border outline.',\n    styleProperties: [\n      // Default\n      { key: 'backgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-card)', section: 'states', showWhen: { state: 'default' } },\n      { key: 'color', label: 'Text Color', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'states', showWhen: { state: 'default' } },\n      { key: 'borderColor', label: 'Border Color', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'states', showWhen: { state: 'default' } },\n      // Hover\n      { key: 'hoverBackgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-accent-subtle)', section: 'states', showWhen: { state: 'hover' } },\n      { key: 'hoverColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'states', showWhen: { state: 'hover' } },\n      { key: 'hoverBorderColor', label: 'Border Color', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'states', showWhen: { state: 'hover' } },\n      // Pressed\n      { key: 'activeBackgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'states', showWhen: { state: 'active' } },\n      { key: 'activeColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-text-inverse)', section: 'states', showWhen: { state: 'active' } },\n      { key: 'activeBorderColor', label: 'Border Color', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'states', showWhen: { state: 'active' } },\n      // Focus\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      // Disabled\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-accent-bold)', section: 'states', showWhen: { state: 'disabled' } },\n      // Shared style\n      { key: 'borderRadius', label: 'Border Radius', control: 'slider', defaultValue: 8, min: 0, max: 24, step: 1, unit: 'px' },\n      { key: 'paddingX', label: 'Padding X', control: 'number', defaultValue: 20, min: 4, max: 48, step: 2, unit: 'px' },\n      { key: 'paddingY', label: 'Padding Y', control: 'number', defaultValue: 10, min: 2, max: 24, step: 2, unit: 'px' },\n      { key: 'fontSize', label: 'Font Size', control: 'number', defaultValue: 14, min: 10, max: 24, step: 1, unit: 'px' },\n      { key: 'fontWeight', label: 'Font Weight', control: 'select', defaultValue: '600', options: ['400', '500', '600', '700'] },\n      { key: 'gap', label: 'Icon Gap', control: 'number', defaultValue: 8, min: 0, 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 while focused.', payload: 'MouseEvent<HTMLButtonElement>' },\n      { name: 'onFocus', description: 'Fires when the button receives keyboard focus.', payload: 'FocusEvent' },\n      { name: 'onBlur', description: 'Fires when the button loses keyboard focus.', payload: 'FocusEvent' },\n    ],\n  },\n  {\n    id: 'button-tertiary',\n    name: 'Button — Tertiary',\n    category: 'Buttons',\n    description: 'Neutral outlined button for Cancel-style and supporting actions.',\n    styleProperties: [\n      // Default\n      { key: 'backgroundColor', label: 'Background', control: 'color', defaultValue: 'transparent', section: 'states', showWhen: { state: 'default' } },\n      { key: 'color', label: 'Text Color', control: 'color', defaultValue: 'var(--color-text)', section: 'states', showWhen: { state: 'default' } },\n      { key: 'borderColor', label: 'Border Color', control: 'color', defaultValue: 'var(--color-border)', section: 'states', showWhen: { state: 'default' } },\n      // Hover\n      { key: 'hoverBackgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-surface-alt)', section: 'states', showWhen: { state: 'hover' } },\n      { key: 'hoverColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-text)', section: 'states', showWhen: { state: 'hover' } },\n      { key: 'hoverBorderColor', label: 'Border Color', control: 'color', defaultValue: 'var(--color-border)', section: 'states', showWhen: { state: 'hover' } },\n      // Pressed\n      { key: 'activeBackgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-surface)', section: 'states', showWhen: { state: 'active' } },\n      { key: 'activeColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-text)', section: 'states', showWhen: { state: 'active' } },\n      { key: 'activeBorderColor', label: 'Border Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'states', showWhen: { state: 'active' } },\n      // Focus\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-text)', section: 'states', showWhen: { state: 'focus' } },\n      // Disabled\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: 'borderRadius', label: 'Border Radius', control: 'slider', defaultValue: 8, min: 0, max: 24, step: 1, unit: 'px' },\n      { key: 'paddingX', label: 'Padding X', control: 'number', defaultValue: 20, min: 4, max: 48, step: 2, unit: 'px' },\n      { key: 'paddingY', label: 'Padding Y', control: 'number', defaultValue: 10, min: 2, max: 24, step: 2, unit: 'px' },\n      { key: 'fontSize', label: 'Font Size', control: 'number', defaultValue: 14, min: 10, max: 24, step: 1, unit: 'px' },\n      { key: 'fontWeight', label: 'Font Weight', control: 'select', defaultValue: '600', options: ['400', '500', '600', '700'] },\n      { key: 'gap', label: 'Icon Gap', control: 'number', defaultValue: 8, min: 0, 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 while focused.', payload: 'MouseEvent<HTMLButtonElement>' },\n      { name: 'onFocus', description: 'Fires when the button receives keyboard focus.', payload: 'FocusEvent' },\n      { name: 'onBlur', description: 'Fires when the button loses keyboard focus.', payload: 'FocusEvent' },\n    ],\n  },\n  {\n    id: 'button-ghost',\n    name: 'Button — Ghost',\n    category: 'Buttons',\n    description: 'Transparent button with text-only styling.',\n    styleProperties: [\n      // Default — no bg fill, text only.\n      { key: 'backgroundColor', label: 'Background', control: 'color', defaultValue: 'transparent', section: 'states', showWhen: { state: 'default' } },\n      { key: 'color', label: 'Text Color', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'states', showWhen: { state: 'default' } },\n      // Hover — get a subtle surface fill to telegraph interactivity.\n      { key: 'hoverBackgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-surface-alt)', section: 'states', showWhen: { state: 'hover' } },\n      { key: 'hoverColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'states', showWhen: { state: 'hover' } },\n      // Pressed\n      { key: 'activeBackgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-surface)', section: 'states', showWhen: { state: 'active' } },\n      { key: 'activeColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-accent)', section: 'states', showWhen: { state: 'active' } },\n      // Focus\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      // Disabled\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-accent-bold)', section: 'states', showWhen: { state: 'disabled' } },\n      // Shared style\n      { key: 'borderRadius', label: 'Border Radius', control: 'slider', defaultValue: 8, min: 0, max: 24, step: 1, unit: 'px' },\n      { key: 'paddingX', label: 'Padding X', control: 'number', defaultValue: 20, min: 4, max: 48, step: 2, unit: 'px' },\n      { key: 'paddingY', label: 'Padding Y', control: 'number', defaultValue: 10, min: 2, max: 24, step: 2, unit: 'px' },\n      { key: 'fontSize', label: 'Font Size', control: 'number', defaultValue: 14, min: 10, max: 24, step: 1, unit: 'px' },\n      { key: 'fontWeight', label: 'Font Weight', control: 'select', defaultValue: '500', options: ['400', '500', '600', '700'] },\n      { key: 'gap', label: 'Icon Gap', control: 'number', defaultValue: 8, min: 0, 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 while focused.', payload: 'MouseEvent<HTMLButtonElement>' },\n      { name: 'onFocus', description: 'Fires when the button receives keyboard focus.', payload: 'FocusEvent' },\n      { name: 'onBlur', description: 'Fires when the button loses keyboard focus.', payload: 'FocusEvent' },\n    ],\n  },\n  {\n    id: 'button-danger',\n    name: 'Button — Destructive',\n    category: 'Buttons',\n    description: 'Destructive (danger) action button for irreversible operations — Delete, Remove, Discard. Outlined/subtle by default (danger-tinted surface + danger text + danger border); pressing deepens to a solid danger fill so the commit-to-destroy moment reads clearly. Reuses the semantic danger token trio — no new palette tokens. Reserve for genuinely destructive actions; everything else uses the primary/secondary/tertiary family.',\n    styleProperties: [\n      // Default — danger-tinted surface, danger text + border.\n      { key: 'backgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-danger-bg)', section: 'states', showWhen: { state: 'default' } },\n      { key: 'color', label: 'Text Color', control: 'color', defaultValue: 'var(--color-danger-text)', section: 'states', showWhen: { state: 'default' } },\n      { key: 'borderColor', label: 'Border Color', control: 'color', defaultValue: 'var(--color-danger-border)', section: 'states', showWhen: { state: 'default' } },\n      // Hover — deepen the tint toward the danger text colour.\n      { key: 'hoverBackgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-danger-border)', section: 'states', showWhen: { state: 'hover' } },\n      { key: 'hoverColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-danger-text)', section: 'states', showWhen: { state: 'hover' } },\n      { key: 'hoverBorderColor', label: 'Border Color', control: 'color', defaultValue: 'var(--color-danger-text)', section: 'states', showWhen: { state: 'hover' } },\n      // Pressed — solid danger fill, inverse text.\n      { key: 'activeBackgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-danger-text)', section: 'states', showWhen: { state: 'active' } },\n      { key: 'activeColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-text-inverse)', section: 'states', showWhen: { state: 'active' } },\n      { key: 'activeBorderColor', label: 'Border Color', control: 'color', defaultValue: 'var(--color-danger-text)', section: 'states', showWhen: { state: 'active' } },\n      // Focus\n      { key: 'focusRingColor', label: 'Ring Color', control: 'color', defaultValue: 'var(--color-danger-text)', section: 'states', showWhen: { state: 'focus' } },\n      { key: 'focusColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-danger-text)', section: 'states', showWhen: { state: 'focus' } },\n      // Disabled\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-danger-text)', section: 'states', showWhen: { state: 'disabled' } },\n      // Shared style\n      { key: 'borderRadius', label: 'Border Radius', control: 'slider', defaultValue: 8, min: 0, max: 24, step: 1, unit: 'px' },\n      { key: 'paddingX', label: 'Padding X', control: 'number', defaultValue: 20, min: 4, max: 48, step: 2, unit: 'px' },\n      { key: 'paddingY', label: 'Padding Y', control: 'number', defaultValue: 10, min: 2, max: 24, step: 2, unit: 'px' },\n      { key: 'fontSize', label: 'Font Size', control: 'number', defaultValue: 14, min: 10, max: 24, step: 1, unit: 'px' },\n      { key: 'fontWeight', label: 'Font Weight', control: 'select', defaultValue: '600', options: ['400', '500', '600', '700'] },\n      { key: 'gap', label: 'Icon Gap', control: 'number', defaultValue: 8, min: 0, 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 while focused.', payload: 'MouseEvent<HTMLButtonElement>' },\n      { name: 'onFocus', description: 'Fires when the button receives keyboard focus.', payload: 'FocusEvent' },\n      { name: 'onBlur', description: 'Fires when the button loses keyboard focus.', payload: 'FocusEvent' },\n    ],\n    api: {\n      importPath: '@viax.io/uxm/ui',\n      importNames: 'ButtonDanger',\n      props: [\n        { name: 'children', type: 'ReactNode', description: 'Button label — text, icon, or both. Prefer an explicit verb (\"Delete\", \"Remove\").' },\n        { name: 'onClick', type: '(e: MouseEvent<HTMLButtonElement>) => void', description: 'Click handler. For irreversible actions, confirm before committing.' },\n        { name: 'disabled', type: 'boolean', defaultValue: 'false', description: 'Disables the button and prevents interaction.' },\n        { name: 'type', type: '\"button\" | \"submit\" | \"reset\"', defaultValue: '\"button\"', description: \"Native button type. Defaults to 'button' to avoid accidental form submits.\" },\n        { name: 'className', type: 'string', description: \"Extra classes appended after the atom's own `uxm-button-danger`.\" },\n        { name: '...rest', type: 'ButtonHTMLAttributes<HTMLButtonElement>', description: 'All other native button attributes (aria-label, tabIndex, etc.) pass through to the underlying <button>.' },\n      ],\n    },\n  },\n  {\n    id: 'button-with-icon',\n    name: 'Button — With Icon',\n    category: 'Buttons',\n    description: 'Labelled button with a leading icon; outline/secondary styling.',\n    styleProperties: [\n      // Default — text-muted border (a step darker than tertiary's\n      // `--color-border`) gives this atom a more visible outline without\n      // the accent shout. Tertiary stays softer with the lightest grey border.\n      { key: 'backgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-card)', section: 'states', showWhen: { state: 'default' } },\n      { key: 'color', label: 'Text Color', control: 'color', defaultValue: 'var(--color-text-strong)', section: 'states', showWhen: { state: 'default' } },\n      { key: 'borderColor', label: 'Border Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'states', showWhen: { state: 'default' } },\n      // Hover — a faint accent-subtle wash (like button-secondary), border to\n      // accent and text to `--color-text`. Defaults mirror the atom's\n      // `--uxm-button-with-icon-hover-*` fallbacks so the studio default equals\n      // the shipped default.\n      { key: 'hoverBackgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-accent-subtle)', section: 'states', showWhen: { state: 'hover' } },\n      { key: 'hoverColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-text)', section: 'states', showWhen: { state: 'hover' } },\n      { key: 'hoverBorderColor', label: 'Border Color', control: 'color', defaultValue: 'var(--color-accent)', section: 'states', showWhen: { state: 'hover' } },\n      // Active — pressing settles back to the resting card fill (like the rest\n      // of the family), keeping the hover border/text. Mirrors the atom's\n      // `--uxm-button-with-icon-active-*` fallbacks.\n      { key: 'activeBackgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-card)', section: 'states', showWhen: { state: 'active' } },\n      { key: 'activeColor', label: 'Text Color', control: 'color', defaultValue: 'var(--color-text)', section: 'states', showWhen: { state: 'active' } },\n      { key: 'activeBorderColor', label: 'Border Color', control: 'color', defaultValue: 'var(--color-accent)', section: 'states', showWhen: { state: 'active' } },\n      // Focus\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-text)', section: 'states', showWhen: { state: 'focus' } },\n      // Disabled\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: 'borderRadius', label: 'Border Radius', control: 'slider', defaultValue: 8, min: 0, max: 20, step: 1, unit: 'px' },\n      { key: 'paddingX', label: 'Padding X', control: 'number', defaultValue: 12, min: 4, max: 32, step: 2, unit: 'px' },\n      { key: 'paddingY', label: 'Padding Y', control: 'number', defaultValue: 8, min: 2, max: 16, step: 1, unit: 'px' },\n      { key: 'fontSize', label: 'Font Size', control: 'number', defaultValue: 13, min: 10, max: 18, step: 1, unit: 'px' },\n      { key: 'fontWeight', label: 'Font Weight', control: 'select', defaultValue: '500', options: ['400', '500', '600', '700'] },\n      { key: 'iconSize', label: 'Icon Size', control: 'number', defaultValue: 16, min: 12, max: 24, step: 1, unit: 'px' },\n      { key: 'gap', label: 'Icon Gap', control: 'number', defaultValue: 8, min: 2, 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 while focused.', payload: 'MouseEvent<HTMLButtonElement>' },\n      { name: 'onFocus', description: 'Fires when the button receives keyboard focus.', payload: 'FocusEvent' },\n      { name: 'onBlur', description: 'Fires when the button loses keyboard focus.', payload: 'FocusEvent' },\n    ],\n  },\n  {\n    id: 'button-icon',\n    name: 'Button — Icon',\n    category: 'Buttons',\n    description: 'Standalone icon-only action button (e.g. \"add\", \"create new\"). Icon variant of the primary button family.',\n    styleProperties: [\n      // State-scoped knobs — one \"States\" section, filtered to the\n      // currently-selected State variant via showWhen. Matches the Tag\n      // convention (colors per type). Every state owns both background\n      // and icon color so designers can tune contrast independently\n      // (e.g. inverse icon on a bold pressed bg).\n      // Default\n      { key: 'backgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-surface-alt)', section: 'states', showWhen: { state: 'default' } },\n      { key: 'color', label: 'Icon Color', control: 'color', defaultValue: 'var(--color-text)', section: 'states', showWhen: { state: 'default' } },\n      // Hover\n      { key: 'hoverBackgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-accent-subtle)', section: 'states', showWhen: { state: 'hover' } },\n      { key: 'hoverColor', label: 'Icon Color', control: 'color', defaultValue: 'var(--color-text)', section: 'states', showWhen: { state: 'hover' } },\n      // Pressed\n      { key: 'activeBackgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-accent-bold)', section: 'states', showWhen: { state: 'active' } },\n      { key: 'activeColor', label: 'Icon Color', control: 'color', defaultValue: 'var(--color-text-inverse)', section: 'states', showWhen: { state: 'active' } },\n      // Focus\n      { key: 'focusRingColor', label: 'Ring Color', control: 'color', defaultValue: 'var(--color-accent)', section: 'states', showWhen: { state: 'focus' } },\n      { key: 'focusColor', label: 'Icon Color', control: 'color', defaultValue: 'var(--color-text)', section: 'states', showWhen: { state: 'focus' } },\n      // Disabled\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: 'Icon Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'states', showWhen: { state: 'disabled' } },\n      // Always-visible sizing — shared across all states.\n      { key: 'size', label: 'Size', control: 'number', defaultValue: 40, min: 24, max: 64, step: 4, unit: 'px' },\n      { key: 'borderRadius', label: 'Border Radius', control: 'slider', defaultValue: 8, min: 0, max: 32, step: 1, unit: 'px' },\n      { key: 'iconSize', label: 'Icon Size', control: 'number', defaultValue: 18, min: 12, max: 32, step: 1, unit: 'px' },\n    ],\n    layoutVariants: [\n      {\n        key: 'glyph',\n        label: 'Glyph',\n        options: ICON_OPTIONS,\n        defaultValue: 'plus',\n      },\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 while focused.', payload: 'MouseEvent<HTMLButtonElement>' },\n      { name: 'onFocus', description: 'Fires when the button receives keyboard focus.', payload: 'FocusEvent' },\n      { name: 'onBlur', description: 'Fires when the button loses keyboard focus.', payload: 'FocusEvent' },\n    ],\n  },\n];\n"],"mappings":"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","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../../../src/studio/lib/registry/buttons.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,WAAW,EAAE,YAAY,EA6YrC,CAAC"}