@viax.io/uxm 4.38.0 → 4.40.0

package/dist/studio/lib/registry/composite/form-field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/studio/lib/registry/composite/form-field.ts"],"sourcesContent":["import type { ComponentDef } from '../../types';\n\nexport const formFieldDef: ComponentDef = {\n  id: 'form-field',\n  name: 'Form Field',\n  category: 'Forms',\n  description: 'Sole owner of label theming for the form family. Pairs a label with any UXM input (TextInput, Select, ToggleSwitch, etc.); optional hint line below. `labelPosition` flips between top (column stack) and side (grid layout).',\n  styleProperties: [\n    // Per-tint label colours — the Label Tint VARIANT (below) picks which\n    // tint a field uses; these knobs define what each tint looks like.\n    // One knob per tint, gated to the active tint so the panel reads\n    // \"Per Label Tint · <value>\". Tints apply to both label variants\n    // (default + overline) — the variant owns typography, the tint colour.\n    { key: 'tintStrongColor', label: 'Label Color', control: 'color', defaultValue: 'var(--color-text-strong)', section: 'colors', showWhen: { labelTint: 'strong' } },\n    { key: 'tintDefaultColor', label: 'Label Color', control: 'color', defaultValue: 'var(--color-text)', section: 'colors', showWhen: { labelTint: 'default' } },\n    { key: 'tintMutedColor', label: 'Label Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'colors', showWhen: { labelTint: 'muted' } },\n    // Typography — per label variant. The overline variant owns only its\n    // size here (weight/letter-spacing stay token-level).\n    { key: 'labelSize', label: 'Label Size', control: 'number', defaultValue: 13, min: 10, max: 18, step: 1, unit: 'px', showWhen: { labelVariant: 'default' } },\n    { key: 'labelWeight', label: 'Label Weight', control: 'select', defaultValue: '500', options: ['400', '500', '600'], showWhen: { labelVariant: 'default' } },\n    { key: 'overlineSize', label: 'Label Size', control: 'number', defaultValue: 11, min: 9, max: 16, step: 1, unit: 'px', showWhen: { labelVariant: 'overline' } },\n    // Hint — its own section, shared across every variant/tint (no showWhen\n    // anywhere in it, so the panel labels it \"Shared\").\n    { key: 'hintColor', label: 'Hint Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'hint' },\n    { key: 'hintSize', label: 'Hint Size', control: 'number', defaultValue: 12, min: 10, max: 16, step: 1, unit: 'px', section: 'hint' },\n    // Label Gap — top-layout-specific. Lives in its own `topLayout`\n    // section parallel to `sideLayout`, so the default STYLE section\n    // contains only truly-shared knobs (labelSize, weight, hintSize,\n    // hintGap) instead of getting polluted with a per-position knob.\n    // Top and side layouts use the gap for visually different\n    // distances (vertical vs horizontal), so each owns its own value.\n    { key: 'gap', label: 'Label Gap', control: 'number', defaultValue: 8, min: 2, max: 32, step: 1, unit: 'px', section: 'topLayout', showWhen: { labelPosition: 'top' } },\n    { key: 'hintGap', label: 'Hint Gap', control: 'number', defaultValue: 2, min: 0, max: 12, step: 1, unit: 'px', section: 'hint' },\n    // Side-layout only: width of the label column. Gated on\n    // labelPosition=side because it has no effect in top layout.\n    { key: 'sideLabelWidth', label: 'Side Label Width', control: 'number', defaultValue: 120, min: 60, max: 240, step: 4, unit: 'px', section: 'sideLayout', showWhen: { labelPosition: 'side' } },\n    // Side-layout only: horizontal gap between the label column and\n    // the input column. Separate from the top-layout `gap` knob since\n    // horizontal label-input distance is visually different from\n    // vertical (and brands often want different values for each).\n    { key: 'sideGap', label: 'Label Gap', control: 'number', defaultValue: 16, min: 2, max: 48, step: 1, unit: 'px', section: 'sideLayout', showWhen: { labelPosition: 'side' } },\n    // Side-layout only: alignment of the label text within the label\n    // column. Default \"start\" (left in LTR) puts label text at the\n    // column's left edge — reads naturally with the eye flowing\n    // left-to-right into the input. \"end\" (right) is the alternative\n    // for projects that prefer labels flush against the input.\n    { key: 'sideLabelAlign', label: 'Side Label Align', control: 'select', defaultValue: 'start', options: ['start', 'end'], section: 'sideLayout', showWhen: { labelPosition: 'side' } },\n    // Vertical alignment of the label within its grid cell. Default \"center\"\n    // matches the grid's `align-items: center`; \"start\" top-aligns the label\n    // next to a tall control (radio group / checkbox list).\n    { key: 'sideLabelValign', label: 'Side Label V-Align', control: 'select', defaultValue: 'center', options: ['center', 'start', 'end'], section: 'sideLayout', showWhen: { labelPosition: 'side' } },\n  ],\n  layoutVariants: [\n    // Local labelPosition variant (top / side). Floating is intentionally\n    // omitted — it requires absolute positioning + state-driven CSS\n    // (:has(:not(:placeholder-shown))) that doesn't work with non-input\n    // children like Select or PillSelect. Top + side cover the layout\n    // shapes that work uniformly with every input atom.\n    {\n      key: 'labelPosition',\n      label: 'Label Position',\n      options: [\n        { value: 'top', label: 'Top' },\n        { value: 'side', label: 'Side' },\n      ],\n      defaultValue: 'top',\n    },\n    // Label typography variant. `overline` is the caps \"eyebrow\" style —\n    // typography only; colour comes from the Label Tint below.\n    {\n      key: 'labelVariant',\n      label: 'Label Variant',\n      options: [\n        { value: 'default', label: 'Default' },\n        { value: 'overline', label: 'Overline' },\n      ],\n      defaultValue: 'default',\n    },\n    // Label Tint — which semantic colour preset the field uses. Applies to\n    // both label variants; each tint's colour is a knob gated to the active\n    // tint (\"Per Label Tint · <value>\").\n    {\n      key: 'labelTint',\n      label: 'Label Tint',\n      options: [\n        { value: 'strong', label: 'Strong' },\n        { value: 'default', label: 'Default' },\n        { value: 'muted', label: 'Muted' },\n      ],\n      defaultValue: 'strong',\n    },\n  ],\n};\n"],"mappings":"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","names":[]}

package/dist/studio/lib/registry/composite/form-field.d.ts

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

package/dist/studio/lib/registry/composite/form-field.d.ts.map

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

package/dist/studio/lib/registry/composite/form-field.js

@@ -0,0 +1,95 @@
+const formFieldDef = {
+  id: "form-field",
+  name: "Form Field",
+  category: "Forms",
+  description: "Sole owner of label theming for the form family. Pairs a label with any UXM input (TextInput, Select, ToggleSwitch, etc.); optional hint line below. `labelPosition` flips between top (column stack) and side (grid layout).",
+  styleProperties: [
+    // Per-tint label colours — the Label Tint VARIANT (below) picks which
+    // tint a field uses; these knobs define what each tint looks like.
+    // One knob per tint, gated to the active tint so the panel reads
+    // "Per Label Tint · <value>". Tints apply to both label variants
+    // (default + overline) — the variant owns typography, the tint colour.
+    { key: "tintStrongColor", label: "Label Color", control: "color", defaultValue: "var(--color-text-strong)", section: "colors", showWhen: { labelTint: "strong" } },
+    { key: "tintDefaultColor", label: "Label Color", control: "color", defaultValue: "var(--color-text)", section: "colors", showWhen: { labelTint: "default" } },
+    { key: "tintMutedColor", label: "Label Color", control: "color", defaultValue: "var(--color-text-muted)", section: "colors", showWhen: { labelTint: "muted" } },
+    // Typography — per label variant. The overline variant owns only its
+    // size here (weight/letter-spacing stay token-level).
+    { key: "labelSize", label: "Label Size", control: "number", defaultValue: 13, min: 10, max: 18, step: 1, unit: "px", showWhen: { labelVariant: "default" } },
+    { key: "labelWeight", label: "Label Weight", control: "select", defaultValue: "500", options: ["400", "500", "600"], showWhen: { labelVariant: "default" } },
+    { key: "overlineSize", label: "Label Size", control: "number", defaultValue: 11, min: 9, max: 16, step: 1, unit: "px", showWhen: { labelVariant: "overline" } },
+    // Hint — its own section, shared across every variant/tint (no showWhen
+    // anywhere in it, so the panel labels it "Shared").
+    { key: "hintColor", label: "Hint Color", control: "color", defaultValue: "var(--color-text-muted)", section: "hint" },
+    { key: "hintSize", label: "Hint Size", control: "number", defaultValue: 12, min: 10, max: 16, step: 1, unit: "px", section: "hint" },
+    // Label Gap — top-layout-specific. Lives in its own `topLayout`
+    // section parallel to `sideLayout`, so the default STYLE section
+    // contains only truly-shared knobs (labelSize, weight, hintSize,
+    // hintGap) instead of getting polluted with a per-position knob.
+    // Top and side layouts use the gap for visually different
+    // distances (vertical vs horizontal), so each owns its own value.
+    { key: "gap", label: "Label Gap", control: "number", defaultValue: 8, min: 2, max: 32, step: 1, unit: "px", section: "topLayout", showWhen: { labelPosition: "top" } },
+    { key: "hintGap", label: "Hint Gap", control: "number", defaultValue: 2, min: 0, max: 12, step: 1, unit: "px", section: "hint" },
+    // Side-layout only: width of the label column. Gated on
+    // labelPosition=side because it has no effect in top layout.
+    { key: "sideLabelWidth", label: "Side Label Width", control: "number", defaultValue: 120, min: 60, max: 240, step: 4, unit: "px", section: "sideLayout", showWhen: { labelPosition: "side" } },
+    // Side-layout only: horizontal gap between the label column and
+    // the input column. Separate from the top-layout `gap` knob since
+    // horizontal label-input distance is visually different from
+    // vertical (and brands often want different values for each).
+    { key: "sideGap", label: "Label Gap", control: "number", defaultValue: 16, min: 2, max: 48, step: 1, unit: "px", section: "sideLayout", showWhen: { labelPosition: "side" } },
+    // Side-layout only: alignment of the label text within the label
+    // column. Default "start" (left in LTR) puts label text at the
+    // column's left edge — reads naturally with the eye flowing
+    // left-to-right into the input. "end" (right) is the alternative
+    // for projects that prefer labels flush against the input.
+    { key: "sideLabelAlign", label: "Side Label Align", control: "select", defaultValue: "start", options: ["start", "end"], section: "sideLayout", showWhen: { labelPosition: "side" } },
+    // Vertical alignment of the label within its grid cell. Default "center"
+    // matches the grid's `align-items: center`; "start" top-aligns the label
+    // next to a tall control (radio group / checkbox list).
+    { key: "sideLabelValign", label: "Side Label V-Align", control: "select", defaultValue: "center", options: ["center", "start", "end"], section: "sideLayout", showWhen: { labelPosition: "side" } }
+  ],
+  layoutVariants: [
+    // Local labelPosition variant (top / side). Floating is intentionally
+    // omitted — it requires absolute positioning + state-driven CSS
+    // (:has(:not(:placeholder-shown))) that doesn't work with non-input
+    // children like Select or PillSelect. Top + side cover the layout
+    // shapes that work uniformly with every input atom.
+    {
+      key: "labelPosition",
+      label: "Label Position",
+      options: [
+        { value: "top", label: "Top" },
+        { value: "side", label: "Side" }
+      ],
+      defaultValue: "top"
+    },
+    // Label typography variant. `overline` is the caps "eyebrow" style —
+    // typography only; colour comes from the Label Tint below.
+    {
+      key: "labelVariant",
+      label: "Label Variant",
+      options: [
+        { value: "default", label: "Default" },
+        { value: "overline", label: "Overline" }
+      ],
+      defaultValue: "default"
+    },
+    // Label Tint — which semantic colour preset the field uses. Applies to
+    // both label variants; each tint's colour is a knob gated to the active
+    // tint ("Per Label Tint · <value>").
+    {
+      key: "labelTint",
+      label: "Label Tint",
+      options: [
+        { value: "strong", label: "Strong" },
+        { value: "default", label: "Default" },
+        { value: "muted", label: "Muted" }
+      ],
+      defaultValue: "strong"
+    }
+  ]
+};
+export {
+  formFieldDef
+};
+//# sourceMappingURL=form-field.js.map

package/dist/studio/lib/registry/composite/form-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/studio/lib/registry/composite/form-field.ts"],"sourcesContent":["import type { ComponentDef } from '../../types';\n\nexport const formFieldDef: ComponentDef = {\n  id: 'form-field',\n  name: 'Form Field',\n  category: 'Forms',\n  description: 'Sole owner of label theming for the form family. Pairs a label with any UXM input (TextInput, Select, ToggleSwitch, etc.); optional hint line below. `labelPosition` flips between top (column stack) and side (grid layout).',\n  styleProperties: [\n    // Per-tint label colours — the Label Tint VARIANT (below) picks which\n    // tint a field uses; these knobs define what each tint looks like.\n    // One knob per tint, gated to the active tint so the panel reads\n    // \"Per Label Tint · <value>\". Tints apply to both label variants\n    // (default + overline) — the variant owns typography, the tint colour.\n    { key: 'tintStrongColor', label: 'Label Color', control: 'color', defaultValue: 'var(--color-text-strong)', section: 'colors', showWhen: { labelTint: 'strong' } },\n    { key: 'tintDefaultColor', label: 'Label Color', control: 'color', defaultValue: 'var(--color-text)', section: 'colors', showWhen: { labelTint: 'default' } },\n    { key: 'tintMutedColor', label: 'Label Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'colors', showWhen: { labelTint: 'muted' } },\n    // Typography — per label variant. The overline variant owns only its\n    // size here (weight/letter-spacing stay token-level).\n    { key: 'labelSize', label: 'Label Size', control: 'number', defaultValue: 13, min: 10, max: 18, step: 1, unit: 'px', showWhen: { labelVariant: 'default' } },\n    { key: 'labelWeight', label: 'Label Weight', control: 'select', defaultValue: '500', options: ['400', '500', '600'], showWhen: { labelVariant: 'default' } },\n    { key: 'overlineSize', label: 'Label Size', control: 'number', defaultValue: 11, min: 9, max: 16, step: 1, unit: 'px', showWhen: { labelVariant: 'overline' } },\n    // Hint — its own section, shared across every variant/tint (no showWhen\n    // anywhere in it, so the panel labels it \"Shared\").\n    { key: 'hintColor', label: 'Hint Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'hint' },\n    { key: 'hintSize', label: 'Hint Size', control: 'number', defaultValue: 12, min: 10, max: 16, step: 1, unit: 'px', section: 'hint' },\n    // Label Gap — top-layout-specific. Lives in its own `topLayout`\n    // section parallel to `sideLayout`, so the default STYLE section\n    // contains only truly-shared knobs (labelSize, weight, hintSize,\n    // hintGap) instead of getting polluted with a per-position knob.\n    // Top and side layouts use the gap for visually different\n    // distances (vertical vs horizontal), so each owns its own value.\n    { key: 'gap', label: 'Label Gap', control: 'number', defaultValue: 8, min: 2, max: 32, step: 1, unit: 'px', section: 'topLayout', showWhen: { labelPosition: 'top' } },\n    { key: 'hintGap', label: 'Hint Gap', control: 'number', defaultValue: 2, min: 0, max: 12, step: 1, unit: 'px', section: 'hint' },\n    // Side-layout only: width of the label column. Gated on\n    // labelPosition=side because it has no effect in top layout.\n    { key: 'sideLabelWidth', label: 'Side Label Width', control: 'number', defaultValue: 120, min: 60, max: 240, step: 4, unit: 'px', section: 'sideLayout', showWhen: { labelPosition: 'side' } },\n    // Side-layout only: horizontal gap between the label column and\n    // the input column. Separate from the top-layout `gap` knob since\n    // horizontal label-input distance is visually different from\n    // vertical (and brands often want different values for each).\n    { key: 'sideGap', label: 'Label Gap', control: 'number', defaultValue: 16, min: 2, max: 48, step: 1, unit: 'px', section: 'sideLayout', showWhen: { labelPosition: 'side' } },\n    // Side-layout only: alignment of the label text within the label\n    // column. Default \"start\" (left in LTR) puts label text at the\n    // column's left edge — reads naturally with the eye flowing\n    // left-to-right into the input. \"end\" (right) is the alternative\n    // for projects that prefer labels flush against the input.\n    { key: 'sideLabelAlign', label: 'Side Label Align', control: 'select', defaultValue: 'start', options: ['start', 'end'], section: 'sideLayout', showWhen: { labelPosition: 'side' } },\n    // Vertical alignment of the label within its grid cell. Default \"center\"\n    // matches the grid's `align-items: center`; \"start\" top-aligns the label\n    // next to a tall control (radio group / checkbox list).\n    { key: 'sideLabelValign', label: 'Side Label V-Align', control: 'select', defaultValue: 'center', options: ['center', 'start', 'end'], section: 'sideLayout', showWhen: { labelPosition: 'side' } },\n  ],\n  layoutVariants: [\n    // Local labelPosition variant (top / side). Floating is intentionally\n    // omitted — it requires absolute positioning + state-driven CSS\n    // (:has(:not(:placeholder-shown))) that doesn't work with non-input\n    // children like Select or PillSelect. Top + side cover the layout\n    // shapes that work uniformly with every input atom.\n    {\n      key: 'labelPosition',\n      label: 'Label Position',\n      options: [\n        { value: 'top', label: 'Top' },\n        { value: 'side', label: 'Side' },\n      ],\n      defaultValue: 'top',\n    },\n    // Label typography variant. `overline` is the caps \"eyebrow\" style —\n    // typography only; colour comes from the Label Tint below.\n    {\n      key: 'labelVariant',\n      label: 'Label Variant',\n      options: [\n        { value: 'default', label: 'Default' },\n        { value: 'overline', label: 'Overline' },\n      ],\n      defaultValue: 'default',\n    },\n    // Label Tint — which semantic colour preset the field uses. Applies to\n    // both label variants; each tint's colour is a knob gated to the active\n    // tint (\"Per Label Tint · <value>\").\n    {\n      key: 'labelTint',\n      label: 'Label Tint',\n      options: [\n        { value: 'strong', label: 'Strong' },\n        { value: 'default', label: 'Default' },\n        { value: 'muted', label: 'Muted' },\n      ],\n      defaultValue: 'strong',\n    },\n  ],\n};\n"],"mappings":"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","names":[]}

package/dist/studio/lib/registry/composite/form-multirow.cjs

@@ -0,0 +1,56 @@
+"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 form_multirow_exports = {};
+__export(form_multirow_exports, {
+  formMultirowDef: () => formMultirowDef
+});
+module.exports = __toCommonJS(form_multirow_exports);
+const formMultirowDef = {
+  id: "form-multirow",
+  name: "Multi-Row Form",
+  category: "Composite",
+  description: "Multi-section form with two-column rows. Composes FormField + TextInput / Select / Textarea; input theming flows through the input atoms' registries, label theming through FormField's. Always renders top labels \u2014 side labels + multi-section is a cramped combination and adds no signal worth exposing.",
+  styleProperties: [
+    // Form card shape + section/field spacing only. `inputRadius` is
+    // gone (TextInput owns its own border-radius); `borderColor` is
+    // now exclusively the form card outline.
+    { key: "backgroundColor", label: "Background", control: "color", defaultValue: "var(--color-card)", section: "colors" },
+    { key: "borderColor", label: "Border Color", control: "color", defaultValue: "var(--color-border)", section: "colors" },
+    { key: "borderRadius", label: "Border Radius", control: "slider", defaultValue: 12, min: 0, max: 24, step: 1, unit: "px" },
+    { key: "padding", label: "Padding", control: "number", defaultValue: 32, min: 16, max: 48, step: 4, unit: "px" },
+    { key: "fieldGap", label: "Field Gap", control: "number", defaultValue: 20, min: 8, max: 40, step: 4, unit: "px" },
+    { key: "sectionGap", label: "Section Gap", control: "number", defaultValue: 32, min: 16, max: 48, step: 4, unit: "px" }
+  ],
+  layoutVariants: [
+    {
+      key: "columns",
+      label: "Columns",
+      options: [
+        { value: "1", label: "Single" },
+        { value: "2", label: "Two Column" }
+      ],
+      defaultValue: "2"
+    }
+  ]
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formMultirowDef
+});
+//# sourceMappingURL=form-multirow.cjs.map

package/dist/studio/lib/registry/composite/form-multirow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/studio/lib/registry/composite/form-multirow.ts"],"sourcesContent":["import type { ComponentDef } from '../../types';\n\nexport const formMultirowDef: ComponentDef = {\n  id: 'form-multirow',\n  name: 'Multi-Row Form',\n  category: 'Composite',\n  description: \"Multi-section form with two-column rows. Composes FormField + TextInput / Select / Textarea; input theming flows through the input atoms' registries, label theming through FormField's. Always renders top labels — side labels + multi-section is a cramped combination and adds no signal worth exposing.\",\n  styleProperties: [\n    // Form card shape + section/field spacing only. `inputRadius` is\n    // gone (TextInput owns its own border-radius); `borderColor` is\n    // now exclusively the form card outline.\n    { key: 'backgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-card)', section: 'colors' },\n    { key: 'borderColor', label: 'Border Color', control: 'color', defaultValue: 'var(--color-border)', section: 'colors' },\n    { key: 'borderRadius', label: 'Border Radius', control: 'slider', defaultValue: 12, min: 0, max: 24, step: 1, unit: 'px' },\n    { key: 'padding', label: 'Padding', control: 'number', defaultValue: 32, min: 16, max: 48, step: 4, unit: 'px' },\n    { key: 'fieldGap', label: 'Field Gap', control: 'number', defaultValue: 20, min: 8, max: 40, step: 4, unit: 'px' },\n    { key: 'sectionGap', label: 'Section Gap', control: 'number', defaultValue: 32, min: 16, max: 48, step: 4, unit: 'px' },\n  ],\n  layoutVariants: [\n    {\n      key: 'columns',\n      label: 'Columns',\n      options: [\n        { value: '1', label: 'Single' },\n        { value: '2', label: 'Two Column' },\n      ],\n      defaultValue: '2',\n    },\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;AAAA;AAAA,IAIf,EAAE,KAAK,mBAAmB,OAAO,cAAc,SAAS,SAAS,cAAc,qBAAqB,SAAS,SAAS;AAAA,IACtH,EAAE,KAAK,eAAe,OAAO,gBAAgB,SAAS,SAAS,cAAc,uBAAuB,SAAS,SAAS;AAAA,IACtH,EAAE,KAAK,gBAAgB,OAAO,iBAAiB,SAAS,UAAU,cAAc,IAAI,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,IACzH,EAAE,KAAK,WAAW,OAAO,WAAW,SAAS,UAAU,cAAc,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,IAC/G,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,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,EACxH;AAAA,EACA,gBAAgB;AAAA,IACd;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,SAAS;AAAA,QACP,EAAE,OAAO,KAAK,OAAO,SAAS;AAAA,QAC9B,EAAE,OAAO,KAAK,OAAO,aAAa;AAAA,MACpC;AAAA,MACA,cAAc;AAAA,IAChB;AAAA,EACF;AACF;","names":[]}

package/dist/studio/lib/registry/composite/form-multirow.d.ts

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

package/dist/studio/lib/registry/composite/form-multirow.d.ts.map

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

package/dist/studio/lib/registry/composite/form-multirow.js

@@ -0,0 +1,32 @@
+const formMultirowDef = {
+  id: "form-multirow",
+  name: "Multi-Row Form",
+  category: "Composite",
+  description: "Multi-section form with two-column rows. Composes FormField + TextInput / Select / Textarea; input theming flows through the input atoms' registries, label theming through FormField's. Always renders top labels \u2014 side labels + multi-section is a cramped combination and adds no signal worth exposing.",
+  styleProperties: [
+    // Form card shape + section/field spacing only. `inputRadius` is
+    // gone (TextInput owns its own border-radius); `borderColor` is
+    // now exclusively the form card outline.
+    { key: "backgroundColor", label: "Background", control: "color", defaultValue: "var(--color-card)", section: "colors" },
+    { key: "borderColor", label: "Border Color", control: "color", defaultValue: "var(--color-border)", section: "colors" },
+    { key: "borderRadius", label: "Border Radius", control: "slider", defaultValue: 12, min: 0, max: 24, step: 1, unit: "px" },
+    { key: "padding", label: "Padding", control: "number", defaultValue: 32, min: 16, max: 48, step: 4, unit: "px" },
+    { key: "fieldGap", label: "Field Gap", control: "number", defaultValue: 20, min: 8, max: 40, step: 4, unit: "px" },
+    { key: "sectionGap", label: "Section Gap", control: "number", defaultValue: 32, min: 16, max: 48, step: 4, unit: "px" }
+  ],
+  layoutVariants: [
+    {
+      key: "columns",
+      label: "Columns",
+      options: [
+        { value: "1", label: "Single" },
+        { value: "2", label: "Two Column" }
+      ],
+      defaultValue: "2"
+    }
+  ]
+};
+export {
+  formMultirowDef
+};
+//# sourceMappingURL=form-multirow.js.map

package/dist/studio/lib/registry/composite/form-multirow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/studio/lib/registry/composite/form-multirow.ts"],"sourcesContent":["import type { ComponentDef } from '../../types';\n\nexport const formMultirowDef: ComponentDef = {\n  id: 'form-multirow',\n  name: 'Multi-Row Form',\n  category: 'Composite',\n  description: \"Multi-section form with two-column rows. Composes FormField + TextInput / Select / Textarea; input theming flows through the input atoms' registries, label theming through FormField's. Always renders top labels — side labels + multi-section is a cramped combination and adds no signal worth exposing.\",\n  styleProperties: [\n    // Form card shape + section/field spacing only. `inputRadius` is\n    // gone (TextInput owns its own border-radius); `borderColor` is\n    // now exclusively the form card outline.\n    { key: 'backgroundColor', label: 'Background', control: 'color', defaultValue: 'var(--color-card)', section: 'colors' },\n    { key: 'borderColor', label: 'Border Color', control: 'color', defaultValue: 'var(--color-border)', section: 'colors' },\n    { key: 'borderRadius', label: 'Border Radius', control: 'slider', defaultValue: 12, min: 0, max: 24, step: 1, unit: 'px' },\n    { key: 'padding', label: 'Padding', control: 'number', defaultValue: 32, min: 16, max: 48, step: 4, unit: 'px' },\n    { key: 'fieldGap', label: 'Field Gap', control: 'number', defaultValue: 20, min: 8, max: 40, step: 4, unit: 'px' },\n    { key: 'sectionGap', label: 'Section Gap', control: 'number', defaultValue: 32, min: 16, max: 48, step: 4, unit: 'px' },\n  ],\n  layoutVariants: [\n    {\n      key: 'columns',\n      label: 'Columns',\n      options: [\n        { value: '1', label: 'Single' },\n        { value: '2', label: 'Two Column' },\n      ],\n      defaultValue: '2',\n    },\n  ],\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,IAIf,EAAE,KAAK,mBAAmB,OAAO,cAAc,SAAS,SAAS,cAAc,qBAAqB,SAAS,SAAS;AAAA,IACtH,EAAE,KAAK,eAAe,OAAO,gBAAgB,SAAS,SAAS,cAAc,uBAAuB,SAAS,SAAS;AAAA,IACtH,EAAE,KAAK,gBAAgB,OAAO,iBAAiB,SAAS,UAAU,cAAc,IAAI,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,IACzH,EAAE,KAAK,WAAW,OAAO,WAAW,SAAS,UAAU,cAAc,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,IAC/G,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,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,EACxH;AAAA,EACA,gBAAgB;AAAA,IACd;AAAA,MACE,KAAK;AAAA,MACL,OAAO;AAAA,MACP,SAAS;AAAA,QACP,EAAE,OAAO,KAAK,OAAO,SAAS;AAAA,QAC9B,EAAE,OAAO,KAAK,OAAO,aAAa;AAAA,MACpC;AAAA,MACA,cAAc;AAAA,IAChB;AAAA,EACF;AACF;","names":[]}

package/dist/studio/lib/registry/composite/icon-tile.cjs

@@ -0,0 +1,42 @@
+"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 icon_tile_exports = {};
+__export(icon_tile_exports, {
+  iconTileDef: () => iconTileDef
+});
+module.exports = __toCommonJS(icon_tile_exports);
+const iconTileDef = {
+  id: "icon-tile",
+  name: "Icon Tile",
+  category: "Display",
+  description: "Small rounded square wrapping an icon with a colored background \u2014 the accent chip in front of row cards / list items / type entries.",
+  styleProperties: [
+    { key: "size", label: "Tile Size", control: "number", defaultValue: 28, min: 16, max: 56, step: 2, unit: "px" },
+    { key: "borderRadius", label: "Border Radius", control: "slider", defaultValue: 6, min: 0, max: 16, step: 1, unit: "px" },
+    { key: "iconBg", label: "Background", control: "color", defaultValue: "var(--color-surface-alt)", section: "colors" },
+    { key: "iconColor", label: "Icon Color", control: "color", defaultValue: "var(--color-text-muted)", section: "colors" },
+    { key: "iconSize", label: "Icon Size", control: "number", defaultValue: 14, min: 10, max: 28, step: 1, unit: "px" }
+  ],
+  layoutVariants: []
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  iconTileDef
+});
+//# sourceMappingURL=icon-tile.cjs.map

package/dist/studio/lib/registry/composite/icon-tile.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/studio/lib/registry/composite/icon-tile.ts"],"sourcesContent":["import type { ComponentDef } from '../../types';\n\nexport const iconTileDef: ComponentDef = {\n  id: 'icon-tile',\n  name: 'Icon Tile',\n  category: 'Display',\n  description: 'Small rounded square wrapping an icon with a colored background — the accent chip in front of row cards / list items / type entries.',\n  styleProperties: [\n    { key: 'size', label: 'Tile Size', control: 'number', defaultValue: 28, min: 16, max: 56, step: 2, unit: 'px' },\n    { key: 'borderRadius', label: 'Border Radius', control: 'slider', defaultValue: 6, min: 0, max: 16, step: 1, unit: 'px' },\n    { key: 'iconBg', label: 'Background', control: 'color', defaultValue: 'var(--color-surface-alt)', section: 'colors' },\n    { key: 'iconColor', label: 'Icon Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'colors' },\n    { key: 'iconSize', label: 'Icon Size', control: 'number', defaultValue: 14, min: 10, max: 28, step: 1, unit: 'px' },\n  ],\n  layoutVariants: [],\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,cAA4B;AAAA,EACvC,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iBAAiB;AAAA,IACf,EAAE,KAAK,QAAQ,OAAO,aAAa,SAAS,UAAU,cAAc,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,IAC9G,EAAE,KAAK,gBAAgB,OAAO,iBAAiB,SAAS,UAAU,cAAc,GAAG,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,IACxH,EAAE,KAAK,UAAU,OAAO,cAAc,SAAS,SAAS,cAAc,4BAA4B,SAAS,SAAS;AAAA,IACpH,EAAE,KAAK,aAAa,OAAO,cAAc,SAAS,SAAS,cAAc,2BAA2B,SAAS,SAAS;AAAA,IACtH,EAAE,KAAK,YAAY,OAAO,aAAa,SAAS,UAAU,cAAc,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,EACpH;AAAA,EACA,gBAAgB,CAAC;AACnB;","names":[]}

package/dist/studio/lib/registry/composite/icon-tile.d.ts

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

package/dist/studio/lib/registry/composite/icon-tile.d.ts.map

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

package/dist/studio/lib/registry/composite/icon-tile.js

@@ -0,0 +1,18 @@
+const iconTileDef = {
+  id: "icon-tile",
+  name: "Icon Tile",
+  category: "Display",
+  description: "Small rounded square wrapping an icon with a colored background \u2014 the accent chip in front of row cards / list items / type entries.",
+  styleProperties: [
+    { key: "size", label: "Tile Size", control: "number", defaultValue: 28, min: 16, max: 56, step: 2, unit: "px" },
+    { key: "borderRadius", label: "Border Radius", control: "slider", defaultValue: 6, min: 0, max: 16, step: 1, unit: "px" },
+    { key: "iconBg", label: "Background", control: "color", defaultValue: "var(--color-surface-alt)", section: "colors" },
+    { key: "iconColor", label: "Icon Color", control: "color", defaultValue: "var(--color-text-muted)", section: "colors" },
+    { key: "iconSize", label: "Icon Size", control: "number", defaultValue: 14, min: 10, max: 28, step: 1, unit: "px" }
+  ],
+  layoutVariants: []
+};
+export {
+  iconTileDef
+};
+//# sourceMappingURL=icon-tile.js.map

package/dist/studio/lib/registry/composite/icon-tile.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/studio/lib/registry/composite/icon-tile.ts"],"sourcesContent":["import type { ComponentDef } from '../../types';\n\nexport const iconTileDef: ComponentDef = {\n  id: 'icon-tile',\n  name: 'Icon Tile',\n  category: 'Display',\n  description: 'Small rounded square wrapping an icon with a colored background — the accent chip in front of row cards / list items / type entries.',\n  styleProperties: [\n    { key: 'size', label: 'Tile Size', control: 'number', defaultValue: 28, min: 16, max: 56, step: 2, unit: 'px' },\n    { key: 'borderRadius', label: 'Border Radius', control: 'slider', defaultValue: 6, min: 0, max: 16, step: 1, unit: 'px' },\n    { key: 'iconBg', label: 'Background', control: 'color', defaultValue: 'var(--color-surface-alt)', section: 'colors' },\n    { key: 'iconColor', label: 'Icon Color', control: 'color', defaultValue: 'var(--color-text-muted)', section: 'colors' },\n    { key: 'iconSize', label: 'Icon Size', control: 'number', defaultValue: 14, min: 10, max: 28, step: 1, unit: 'px' },\n  ],\n  layoutVariants: [],\n};\n"],"mappings":"AAEO,MAAM,cAA4B;AAAA,EACvC,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,iBAAiB;AAAA,IACf,EAAE,KAAK,QAAQ,OAAO,aAAa,SAAS,UAAU,cAAc,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,IAC9G,EAAE,KAAK,gBAAgB,OAAO,iBAAiB,SAAS,UAAU,cAAc,GAAG,KAAK,GAAG,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,IACxH,EAAE,KAAK,UAAU,OAAO,cAAc,SAAS,SAAS,cAAc,4BAA4B,SAAS,SAAS;AAAA,IACpH,EAAE,KAAK,aAAa,OAAO,cAAc,SAAS,SAAS,cAAc,2BAA2B,SAAS,SAAS;AAAA,IACtH,EAAE,KAAK,YAAY,OAAO,aAAa,SAAS,UAAU,cAAc,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,GAAG,MAAM,KAAK;AAAA,EACpH;AAAA,EACA,gBAAgB,CAAC;AACnB;","names":[]}

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

@@ -0,0 +1,105 @@
+"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 composite_exports = {};
+__export(composite_exports, {
+  compositeDefs: () => compositeDefs
+});
+module.exports = __toCommonJS(composite_exports);
+var import_back_link = require("./back-link.cjs");
+var import_badge = require("./badge.cjs");
+var import_breadcrumb = require("./breadcrumb.cjs");
+var import_button_group = require("./button-group.cjs");
+var import_calendar = require("./calendar.cjs");
+var import_content_tooltip = require("./content-tooltip.cjs");
+var import_data_table = require("./data-table.cjs");
+var import_detail_section = require("./detail-section.cjs");
+var import_divider = require("./divider.cjs");
+var import_error_page = require("./error-page.cjs");
+var import_explorer_list_item = require("./explorer-list-item.cjs");
+var import_explorer_section = require("./explorer-section.cjs");
+var import_filter_tabs = require("./filter-tabs.cjs");
+var import_form_field = require("./form-field.cjs");
+var import_form_multirow = require("./form-multirow.cjs");
+var import_icon_tile = require("./icon-tile.cjs");
+var import_inline_action = require("./inline-action.cjs");
+var import_inline_filter = require("./inline-filter.cjs");
+var import_link = require("./link.cjs");
+var import_list_item = require("./list-item.cjs");
+var import_login_page = require("./login-page.cjs");
+var import_meta_row = require("./meta-row.cjs");
+var import_page_header = require("./page-header.cjs");
+var import_page_shell = require("./page-shell.cjs");
+var import_pill_select = require("./pill-select.cjs");
+var import_property_field = require("./property-field.cjs");
+var import_property_grid = require("./property-grid.cjs");
+var import_section_header = require("./section-header.cjs");
+var import_side_flexpane = require("./side-flexpane.cjs");
+var import_sidebar_nav_item = require("./sidebar-nav-item.cjs");
+var import_sidebar_nav_trigger = require("./sidebar-nav-trigger.cjs");
+var import_stat_card = require("./stat-card.cjs");
+var import_tabs = require("./tabs.cjs");
+var import_tabs_underline = require("./tabs-underline.cjs");
+var import_thumbnail = require("./thumbnail.cjs");
+var import_type_overview_card = require("./type-overview-card.cjs");
+var import_view_switcher = require("./view-switcher.cjs");
+const compositeDefs = [
+  // ── Composite ──
+  import_pill_select.pillSelectDef,
+  import_inline_filter.inlineFilterDef,
+  import_content_tooltip.contentTooltipDef,
+  import_form_multirow.formMultirowDef,
+  import_data_table.dataTableDef,
+  import_view_switcher.viewSwitcherDef,
+  import_tabs.tabsDef,
+  import_tabs_underline.tabsUnderlineDef,
+  import_filter_tabs.filterTabsDef,
+  import_button_group.buttonGroupDef,
+  import_side_flexpane.sideFlexpaneDef,
+  import_page_header.pageHeaderDef,
+  import_divider.dividerDef,
+  import_login_page.loginPageDef,
+  import_error_page.errorPageDef,
+  import_sidebar_nav_item.sidebarNavItemDef,
+  import_explorer_list_item.explorerListItemDef,
+  import_sidebar_nav_trigger.sidebarNavTriggerDef,
+  import_explorer_section.explorerSectionDef,
+  import_inline_action.inlineActionDef,
+  import_section_header.sectionHeaderDef,
+  import_detail_section.detailSectionDef,
+  import_breadcrumb.breadcrumbDef,
+  import_link.linkDef,
+  import_back_link.backLinkDef,
+  import_badge.badgeDef,
+  import_thumbnail.thumbnailDef,
+  import_calendar.calendarDef,
+  import_icon_tile.iconTileDef,
+  import_meta_row.metaRowDef,
+  import_form_field.formFieldDef,
+  import_property_field.propertyFieldDef,
+  import_property_grid.propertyGridDef,
+  import_list_item.listItemDef,
+  import_stat_card.statCardDef,
+  import_page_shell.pageShellDef,
+  import_type_overview_card.typeOverviewCardDef
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  compositeDefs
+});
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/studio/lib/registry/composite/index.ts"],"sourcesContent":["import { backLinkDef } from './back-link';\nimport { badgeDef } from './badge';\nimport { breadcrumbDef } from './breadcrumb';\nimport { buttonGroupDef } from './button-group';\nimport { calendarDef } from './calendar';\nimport { contentTooltipDef } from './content-tooltip';\nimport { dataTableDef } from './data-table';\nimport { detailSectionDef } from './detail-section';\nimport { dividerDef } from './divider';\nimport { errorPageDef } from './error-page';\nimport { explorerListItemDef } from './explorer-list-item';\nimport { explorerSectionDef } from './explorer-section';\nimport { filterTabsDef } from './filter-tabs';\nimport { formFieldDef } from './form-field';\nimport { formMultirowDef } from './form-multirow';\nimport { iconTileDef } from './icon-tile';\nimport { inlineActionDef } from './inline-action';\nimport { inlineFilterDef } from './inline-filter';\nimport { linkDef } from './link';\nimport { listItemDef } from './list-item';\nimport { loginPageDef } from './login-page';\nimport { metaRowDef } from './meta-row';\nimport { pageHeaderDef } from './page-header';\nimport { pageShellDef } from './page-shell';\nimport { pillSelectDef } from './pill-select';\nimport { propertyFieldDef } from './property-field';\nimport { propertyGridDef } from './property-grid';\nimport { sectionHeaderDef } from './section-header';\nimport { sideFlexpaneDef } from './side-flexpane';\nimport { sidebarNavItemDef } from './sidebar-nav-item';\nimport { sidebarNavTriggerDef } from './sidebar-nav-trigger';\nimport { statCardDef } from './stat-card';\nimport { tabsDef } from './tabs';\nimport { tabsUnderlineDef } from './tabs-underline';\nimport { thumbnailDef } from './thumbnail';\nimport { typeOverviewCardDef } from './type-overview-card';\nimport { viewSwitcherDef } from './view-switcher';\n\nimport type { ComponentDef } from '../../types';\n\n// One file per atom (`<id>.ts`), assembled here in sidebar order — the order\n// is the only thing this file owns. Add a new def as a new file + one line\n// here; `scripts/check-state-var-drift.mjs` globs the folder.\nexport const compositeDefs: ComponentDef[] = [\n  // ── Composite ──\n  pillSelectDef,\n  inlineFilterDef,\n  contentTooltipDef,\n  formMultirowDef,\n  dataTableDef,\n  viewSwitcherDef,\n  tabsDef,\n  tabsUnderlineDef,\n  filterTabsDef,\n  buttonGroupDef,\n  sideFlexpaneDef,\n  pageHeaderDef,\n  dividerDef,\n  loginPageDef,\n  errorPageDef,\n  sidebarNavItemDef,\n  explorerListItemDef,\n  sidebarNavTriggerDef,\n  explorerSectionDef,\n  inlineActionDef,\n  sectionHeaderDef,\n  detailSectionDef,\n  breadcrumbDef,\n  linkDef,\n  backLinkDef,\n  badgeDef,\n  thumbnailDef,\n  calendarDef,\n  iconTileDef,\n  metaRowDef,\n  formFieldDef,\n  propertyFieldDef,\n  propertyGridDef,\n  listItemDef,\n  statCardDef,\n  pageShellDef,\n  typeOverviewCardDef,\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA4B;AAC5B,mBAAyB;AACzB,wBAA8B;AAC9B,0BAA+B;AAC/B,sBAA4B;AAC5B,6BAAkC;AAClC,wBAA6B;AAC7B,4BAAiC;AACjC,qBAA2B;AAC3B,wBAA6B;AAC7B,gCAAoC;AACpC,8BAAmC;AACnC,yBAA8B;AAC9B,wBAA6B;AAC7B,2BAAgC;AAChC,uBAA4B;AAC5B,2BAAgC;AAChC,2BAAgC;AAChC,kBAAwB;AACxB,uBAA4B;AAC5B,wBAA6B;AAC7B,sBAA2B;AAC3B,yBAA8B;AAC9B,wBAA6B;AAC7B,yBAA8B;AAC9B,4BAAiC;AACjC,2BAAgC;AAChC,4BAAiC;AACjC,2BAAgC;AAChC,8BAAkC;AAClC,iCAAqC;AACrC,uBAA4B;AAC5B,kBAAwB;AACxB,4BAAiC;AACjC,uBAA6B;AAC7B,gCAAoC;AACpC,2BAAgC;AAOzB,MAAM,gBAAgC;AAAA;AAAA,EAE3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}

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

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

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

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

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

@@ -0,0 +1,81 @@
+import { backLinkDef } from "./back-link.js";
+import { badgeDef } from "./badge.js";
+import { breadcrumbDef } from "./breadcrumb.js";
+import { buttonGroupDef } from "./button-group.js";
+import { calendarDef } from "./calendar.js";
+import { contentTooltipDef } from "./content-tooltip.js";
+import { dataTableDef } from "./data-table.js";
+import { detailSectionDef } from "./detail-section.js";
+import { dividerDef } from "./divider.js";
+import { errorPageDef } from "./error-page.js";
+import { explorerListItemDef } from "./explorer-list-item.js";
+import { explorerSectionDef } from "./explorer-section.js";
+import { filterTabsDef } from "./filter-tabs.js";
+import { formFieldDef } from "./form-field.js";
+import { formMultirowDef } from "./form-multirow.js";
+import { iconTileDef } from "./icon-tile.js";
+import { inlineActionDef } from "./inline-action.js";
+import { inlineFilterDef } from "./inline-filter.js";
+import { linkDef } from "./link.js";
+import { listItemDef } from "./list-item.js";
+import { loginPageDef } from "./login-page.js";
+import { metaRowDef } from "./meta-row.js";
+import { pageHeaderDef } from "./page-header.js";
+import { pageShellDef } from "./page-shell.js";
+import { pillSelectDef } from "./pill-select.js";
+import { propertyFieldDef } from "./property-field.js";
+import { propertyGridDef } from "./property-grid.js";
+import { sectionHeaderDef } from "./section-header.js";
+import { sideFlexpaneDef } from "./side-flexpane.js";
+import { sidebarNavItemDef } from "./sidebar-nav-item.js";
+import { sidebarNavTriggerDef } from "./sidebar-nav-trigger.js";
+import { statCardDef } from "./stat-card.js";
+import { tabsDef } from "./tabs.js";
+import { tabsUnderlineDef } from "./tabs-underline.js";
+import { thumbnailDef } from "./thumbnail.js";
+import { typeOverviewCardDef } from "./type-overview-card.js";
+import { viewSwitcherDef } from "./view-switcher.js";
+const compositeDefs = [
+  // ── Composite ──
+  pillSelectDef,
+  inlineFilterDef,
+  contentTooltipDef,
+  formMultirowDef,
+  dataTableDef,
+  viewSwitcherDef,
+  tabsDef,
+  tabsUnderlineDef,
+  filterTabsDef,
+  buttonGroupDef,
+  sideFlexpaneDef,
+  pageHeaderDef,
+  dividerDef,
+  loginPageDef,
+  errorPageDef,
+  sidebarNavItemDef,
+  explorerListItemDef,
+  sidebarNavTriggerDef,
+  explorerSectionDef,
+  inlineActionDef,
+  sectionHeaderDef,
+  detailSectionDef,
+  breadcrumbDef,
+  linkDef,
+  backLinkDef,
+  badgeDef,
+  thumbnailDef,
+  calendarDef,
+  iconTileDef,
+  metaRowDef,
+  formFieldDef,
+  propertyFieldDef,
+  propertyGridDef,
+  listItemDef,
+  statCardDef,
+  pageShellDef,
+  typeOverviewCardDef
+];
+export {
+  compositeDefs
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/studio/lib/registry/composite/index.ts"],"sourcesContent":["import { backLinkDef } from './back-link';\nimport { badgeDef } from './badge';\nimport { breadcrumbDef } from './breadcrumb';\nimport { buttonGroupDef } from './button-group';\nimport { calendarDef } from './calendar';\nimport { contentTooltipDef } from './content-tooltip';\nimport { dataTableDef } from './data-table';\nimport { detailSectionDef } from './detail-section';\nimport { dividerDef } from './divider';\nimport { errorPageDef } from './error-page';\nimport { explorerListItemDef } from './explorer-list-item';\nimport { explorerSectionDef } from './explorer-section';\nimport { filterTabsDef } from './filter-tabs';\nimport { formFieldDef } from './form-field';\nimport { formMultirowDef } from './form-multirow';\nimport { iconTileDef } from './icon-tile';\nimport { inlineActionDef } from './inline-action';\nimport { inlineFilterDef } from './inline-filter';\nimport { linkDef } from './link';\nimport { listItemDef } from './list-item';\nimport { loginPageDef } from './login-page';\nimport { metaRowDef } from './meta-row';\nimport { pageHeaderDef } from './page-header';\nimport { pageShellDef } from './page-shell';\nimport { pillSelectDef } from './pill-select';\nimport { propertyFieldDef } from './property-field';\nimport { propertyGridDef } from './property-grid';\nimport { sectionHeaderDef } from './section-header';\nimport { sideFlexpaneDef } from './side-flexpane';\nimport { sidebarNavItemDef } from './sidebar-nav-item';\nimport { sidebarNavTriggerDef } from './sidebar-nav-trigger';\nimport { statCardDef } from './stat-card';\nimport { tabsDef } from './tabs';\nimport { tabsUnderlineDef } from './tabs-underline';\nimport { thumbnailDef } from './thumbnail';\nimport { typeOverviewCardDef } from './type-overview-card';\nimport { viewSwitcherDef } from './view-switcher';\n\nimport type { ComponentDef } from '../../types';\n\n// One file per atom (`<id>.ts`), assembled here in sidebar order — the order\n// is the only thing this file owns. Add a new def as a new file + one line\n// here; `scripts/check-state-var-drift.mjs` globs the folder.\nexport const compositeDefs: ComponentDef[] = [\n  // ── Composite ──\n  pillSelectDef,\n  inlineFilterDef,\n  contentTooltipDef,\n  formMultirowDef,\n  dataTableDef,\n  viewSwitcherDef,\n  tabsDef,\n  tabsUnderlineDef,\n  filterTabsDef,\n  buttonGroupDef,\n  sideFlexpaneDef,\n  pageHeaderDef,\n  dividerDef,\n  loginPageDef,\n  errorPageDef,\n  sidebarNavItemDef,\n  explorerListItemDef,\n  sidebarNavTriggerDef,\n  explorerSectionDef,\n  inlineActionDef,\n  sectionHeaderDef,\n  detailSectionDef,\n  breadcrumbDef,\n  linkDef,\n  backLinkDef,\n  badgeDef,\n  thumbnailDef,\n  calendarDef,\n  iconTileDef,\n  metaRowDef,\n  formFieldDef,\n  propertyFieldDef,\n  propertyGridDef,\n  listItemDef,\n  statCardDef,\n  pageShellDef,\n  typeOverviewCardDef,\n];\n"],"mappings":"AAAA,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AACxB,SAAS,wBAAwB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAOzB,MAAM,gBAAgC;AAAA;AAAA,EAE3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;","names":[]}