@gxp-dev/mod-ui 2.0.0 → 2.0.1

package/dist/components/compositions/elements/configuration-block/ModalBlock.vue2.js

@@ -1,106 +1,5 @@
-import { defineComponent as b, computed as n, openBlock as o, createBlock as f, unref as t, withCtx as l, createVNode as a, normalizeClass as k, createTextVNode as r, toDisplayString as s, createElementBlock as m, Fragment as v, renderList as x } from "vue";
-import { Construction as y } from "lucide-vue-next";
-import "../../../ui/sheet/index.js";
-import "../../../ui/button/index.js";
-import "../../../ui/badge/index.js";
-import $ from "../../../../engine/ElementRenderer.vue.js";
-import { cn as h } from "../../../../lib/utils.js";
-import B from "../../../ui/sheet/Sheet.vue.js";
-import L from "../../../ui/sheet/SheetTrigger.vue.js";
-import C from "../../../ui/button/Button.vue.js";
-import M from "../../../ui/badge/Badge.vue.js";
-import z from "../../../ui/sheet/SheetContent.vue.js";
-import E from "../../../ui/sheet/SheetHeader.vue.js";
-import T from "../../../ui/sheet/SheetTitle.vue.js";
-const w = {
-  key: 0,
-  class: "flex flex-col gap-3 py-4"
-}, F = {
-  key: 1,
-  class: "py-4 text-sm text-muted-foreground"
-}, u = "modal", R = /* @__PURE__ */ b({
-  __name: "ModalBlock",
-  props: {
-    label: { default: "Modal" },
-    name: {},
-    triggerLabel: {},
-    title: {},
-    nestedElements: { default: () => [] },
-    item: { default: () => ({}) },
-    classList: {}
-  },
-  setup(p) {
-    const e = p, _ = n(
-      () => e.triggerLabel ?? e.label ?? "Open modal"
-    ), g = n(
-      () => e.title ?? e.label ?? "Modal"
-    ), c = n(
-      () => (e.nestedElements ?? []).filter(
-        (i) => typeof i == "object" && i !== null && typeof i.type == "string"
-      )
-    );
-    return (i, N) => (o(), f(t(B), null, {
-      default: l(() => [
-        a(t(L), { "as-child": "" }, {
-          default: l(() => [
-            a(t(C), {
-              type: "button",
-              variant: "outline",
-              class: k(t(h)(e.classList)),
-              "data-element-name": e.name ?? void 0,
-              "data-stub": `configuration-block/${u}`,
-              "aria-label": e.label
-            }, {
-              default: l(() => [
-                a(t(y), { class: "size-4" }),
-                r(" " + s(_.value) + " ", 1),
-                a(t(M), {
-                  variant: "outline",
-                  size: "sm"
-                }, {
-                  default: l(() => [
-                    r(s(u))
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["class", "data-element-name", "data-stub", "aria-label"])
-          ]),
-          _: 1
-        }),
-        a(t(z), {
-          side: "right",
-          class: "sm:max-w-xl"
-        }, {
-          default: l(() => [
-            a(t(E), null, {
-              default: l(() => [
-                a(t(T), null, {
-                  default: l(() => [
-                    r(s(g.value), 1)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }),
-            c.value.length ? (o(), m("div", w, [
-              (o(!0), m(v, null, x(c.value, (d) => (o(), f($, {
-                key: d.id,
-                element: d,
-                item: e.item
-              }, null, 8, ["element", "item"]))), 128))
-            ])) : (o(), m("p", F, " Modal block — FormBuilder integration coming in task #7. "))
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }));
-  }
-});
+import f from "./ModalBlock.vue.js";
 export {
-  R as default
+  f as default
 };
 //# sourceMappingURL=ModalBlock.vue2.js.map

package/dist/components/compositions/elements/configuration-block/ModalBlock.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBlock.vue2.js","sources":["../../../../../src/components/compositions/elements/configuration-block/ModalBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven renderer for `configuration-block/modal`.\n *\n * Sister to DialogBlock — wraps inner children (`nestedElements`) in a\n * full-bleed Sheet-style modal opened by a trigger Button. Full\n * FormBuilder integration arrives in task #7.\n */\nimport { computed } from \"vue\"\nimport { Construction } from \"lucide-vue-next\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport {\n  Sheet,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from \"@/components/ui/sheet\"\nimport { Button } from \"@/components/ui/button\"\nimport { Badge } from \"@/components/ui/badge\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface ModalBlockProps {\n  label?: string\n  name?: string | null\n  triggerLabel?: string\n  title?: string\n  nestedElements?: CardElement[]\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<ModalBlockProps>(), {\n  label: \"Modal\",\n  nestedElements: () => [],\n  item: () => ({}),\n})\n\nconst styleKey = \"modal\"\n\nconst resolvedTrigger = computed(\n  () => props.triggerLabel ?? props.label ?? \"Open modal\",\n)\nconst resolvedTitle = computed(\n  () => props.title ?? props.label ?? \"Modal\",\n)\n\nconst children = computed<CardElement[]>(() =>\n  (props.nestedElements ?? []).filter(\n    (entry): entry is CardElement =>\n      typeof entry === \"object\" &&\n      entry !== null &&\n      typeof (entry as { type?: unknown }).type === \"string\",\n  ),\n)\n</script>\n\n<template>\n  <Sheet>\n    <SheetTrigger as-child>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        :class=\"cn(props.classList)\"\n        :data-element-name=\"props.name ?? undefined\"\n        :data-stub=\"`configuration-block/${styleKey}`\"\n        :aria-label=\"props.label\"\n      >\n        <Construction class=\"size-4\" />\n        {{ resolvedTrigger }}\n        <Badge variant=\"outline\" size=\"sm\">{{ styleKey }}</Badge>\n      </Button>\n    </SheetTrigger>\n    <SheetContent side=\"right\" class=\"sm:max-w-xl\">\n      <SheetHeader>\n        <SheetTitle>{{ resolvedTitle }}</SheetTitle>\n      </SheetHeader>\n      <div v-if=\"children.length\" class=\"flex flex-col gap-3 py-4\">\n        <ElementRenderer\n          v-for=\"child in children\"\n          :key=\"child.id\"\n          :element=\"child\"\n          :item=\"props.item\"\n        />\n      </div>\n      <p v-else class=\"py-4 text-sm text-muted-foreground\">\n        Modal block — FormBuilder integration coming in task #7.\n      </p>\n    </SheetContent>\n  </Sheet>\n</template>\n"],"names":["styleKey","props","__props","resolvedTrigger","computed","resolvedTitle","children","entry","_createBlock","_unref","Sheet","_createVNode","SheetTrigger","Button","_normalizeClass","cn","Construction","_toDisplayString","Badge","SheetContent","SheetHeader","SheetTitle","_openBlock","_createElementBlock","_hoisted_1","_Fragment","_renderList","child","ElementRenderer","_hoisted_2"],"mappings":";;;;;;;;;;;;;;;;;;;;GAuCMA,IAAW;;;;;;;;;;;;AANjB,UAAMC,IAAQC,GAQRC,IAAkBC;AAAA,MACtB,MAAMH,EAAM,gBAAgBA,EAAM,SAAS;AAAA,IAAA,GAEvCI,IAAgBD;AAAA,MACpB,MAAMH,EAAM,SAASA,EAAM,SAAS;AAAA,IAAA,GAGhCK,IAAWF;AAAA,MAAwB,OACtCH,EAAM,kBAAkB,CAAA,GAAI;AAAA,QAC3B,CAACM,MACC,OAAOA,KAAU,YACjBA,MAAU,QACV,OAAQA,EAA6B,QAAS;AAAA,MAAA;AAAA,IAClD;2BAKAC,EA+BQC,EAAAC,CAAA,GAAA,MAAA;AAAA,iBA9BN,MAae;AAAA,QAbfC,EAaeF,EAAAG,CAAA,GAAA,EAbD,YAAA,MAAQ;AAAA,qBACpB,MAWS;AAAA,YAXTD,EAWSF,EAAAI,CAAA,GAAA;AAAA,cAVP,MAAK;AAAA,cACL,SAAQ;AAAA,cACP,OAAKC,EAAEL,EAAAM,CAAA,EAAGd,EAAM,SAAS,CAAA;AAAA,cACzB,qBAAmBA,EAAM,QAAQ;AAAA,cACjC,oCAAkCD,CAAQ;AAAA,cAC1C,cAAYC,EAAM;AAAA,YAAA;yBAEnB,MAA+B;AAAA,gBAA/BU,EAA+BF,EAAAO,CAAA,GAAA,EAAjB,OAAM,UAAQ;AAAA,kBAAG,MAC/BC,EAAGd,EAAA,KAAe,IAAG,KACrB,CAAA;AAAA,gBAAAQ,EAAyDF,EAAAS,CAAA,GAAA;AAAA,kBAAlD,SAAQ;AAAA,kBAAU,MAAK;AAAA,gBAAA;6BAAK,MAAc;AAAA,wBAAXlB,CAAQ,CAAA;AAAA,kBAAA;;;;;;;;;QAGlDW,EAeeF,EAAAU,CAAA,GAAA;AAAA,UAfD,MAAK;AAAA,UAAQ,OAAM;AAAA,QAAA;qBAC/B,MAEc;AAAA,YAFdR,EAEcF,EAAAW,CAAA,GAAA,MAAA;AAAA,yBADZ,MAA4C;AAAA,gBAA5CT,EAA4CF,EAAAY,CAAA,GAAA,MAAA;AAAA,6BAAhC,MAAmB;AAAA,wBAAhBhB,EAAA,KAAa,GAAA,CAAA;AAAA,kBAAA;;;;;;YAEnBC,EAAA,MAAS,UAApBgB,KAAAC,EAOM,OAPNC,GAOM;AAAA,sBANJD,EAKEE,GAAA,MAAAC,EAJgBpB,EAAA,OAAQ,CAAjBqB,YADTnB,EAKEoB,GAAA;AAAA,gBAHC,KAAKD,EAAM;AAAA,gBACX,SAASA;AAAA,gBACT,MAAM1B,EAAM;AAAA,cAAA;wBAGjBsB,EAEI,KAFJM,GAAqD,4DAErD;AAAA,UAAA;;;;;;;;"}
+{"version":3,"file":"ModalBlock.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/configuration-block/RepeatableBlock.vue.d.ts

@@ -0,0 +1,29 @@
+export interface RepeatableBlockProps {
+    label?: string;
+    name?: string | null;
+    modelValue?: unknown[];
+    /** Child element schema for each row. Engine remaps selectOptions → nestedElements. */
+    nestedElements?: Array<Record<string, unknown>>;
+    addButtonLabel?: string;
+    /** Field names whose values in a row are joined to form the row's header label. */
+    optionLabelFields?: ReadonlyArray<string>;
+    /** Collapse all rows on initial render. */
+    collapsedByDefault?: boolean;
+    item?: Record<string, unknown>;
+    classList?: string[] | string;
+}
+declare const _default: import('vue').DefineComponent<RepeatableBlockProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: unknown[]) => any;
+}, string, import('vue').PublicProps, Readonly<RepeatableBlockProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown[]) => any) | undefined;
+}>, {
+    label: string;
+    nestedElements: Array<Record<string, unknown>>;
+    optionLabelFields: ReadonlyArray<string>;
+    collapsedByDefault: boolean;
+    modelValue: unknown[];
+    addButtonLabel: string;
+    item: Record<string, unknown>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=RepeatableBlock.vue.d.ts.map

package/dist/components/compositions/elements/configuration-block/RepeatableBlock.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepeatableBlock.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/configuration-block/RepeatableBlock.vue"],"names":[],"mappings":"AA0OA,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,EAAE,CAAA;IACtB,uFAAuF;IACvF,cAAc,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACzC,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;CAC9B;;;;;;WAZS,MAAM;oBAIG,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;uBAG3B,aAAa,CAAC,MAAM,CAAC;wBAEpB,OAAO;gBAPf,OAAO,EAAE;oBAGL,MAAM;UAKhB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;AA0VhC,wBASG"}

package/dist/components/compositions/elements/configuration-block/RepeatableBlock.vue.js

@@ -1,5 +1,175 @@
-import f from "./RepeatableBlock.vue2.js";
+import { defineComponent as N, inject as S, computed as T, ref as M, watch as _, nextTick as b, openBlock as r, createElementBlock as u, normalizeClass as O, unref as n, Fragment as K, renderList as P, createElementVNode as v, createBlock as y, toDisplayString as k, createVNode as c, withModifiers as Y, withCtx as x, createCommentVNode as w, createTextVNode as q } from "vue";
+import { ChevronDown as G, ChevronRight as H, Trash2 as J, Plus as Q } from "lucide-vue-next";
+import "../../../ui/button/index.js";
+import { useFormDataStore as U } from "../../../../stores/formDataStore.js";
+import { FORM_ID_KEY as W } from "../../../../engine/useFormData.js";
+import { cn as X } from "../../../../lib/utils.js";
+import Z from "./RepeatableRow.vue2.js";
+import I from "../../../ui/button/Button.vue.js";
+const ee = ["data-element-name"], te = {
+  key: 0,
+  class: "flex flex-col gap-2"
+}, oe = ["onClick"], le = { class: "flex items-center gap-1.5 text-sm font-medium" }, ae = {
+  key: 0,
+  class: "border-t px-3 py-3"
+}, fe = /* @__PURE__ */ N({
+  __name: "RepeatableBlock",
+  props: {
+    label: { default: "Repeatable" },
+    name: {},
+    modelValue: { default: () => [] },
+    nestedElements: { default: () => [] },
+    addButtonLabel: { default: "Add row" },
+    optionLabelFields: { default: () => [] },
+    collapsedByDefault: { type: Boolean, default: !1 },
+    item: { default: () => ({}) },
+    classList: {}
+  },
+  emits: ["update:modelValue"],
+  setup(R, { emit: V }) {
+    const a = R, C = V, F = S(W, "default"), s = U(), h = T(
+      () => (a.nestedElements ?? []).filter(
+        (e) => typeof e == "object" && e !== null && typeof e.type == "string"
+      )
+    );
+    let B = 0;
+    function $(e) {
+      return `${F}__${a.name ?? "repeatable"}__${e}`;
+    }
+    function f(e) {
+      const t = B++, o = $(t);
+      return s.ensureForm(o), e && Object.keys(e).length > 0 && s.setInitialValues(o, e), { id: t, formId: o, collapsed: a.collapsedByDefault };
+    }
+    function L(e) {
+      return e.map((t) => f(typeof t == "object" && t !== null ? t : {}));
+    }
+    const l = M(
+      Array.isArray(a.modelValue) && a.modelValue.length > 0 ? L(a.modelValue) : []
+    );
+    function j() {
+      return l.value.map((e) => {
+        var t;
+        return { ...((t = s.forms[e.formId]) == null ? void 0 : t.values) ?? {} };
+      });
+    }
+    function z(e, t) {
+      var d;
+      const o = a.optionLabelFields ?? [];
+      if (o.length > 0) {
+        const p = ((d = s.forms[e.formId]) == null ? void 0 : d.values) ?? {}, g = o.map((m) => p[m]).filter((m) => typeof m == "string" && m.trim() !== "").join(" ");
+        if (g)
+          return g;
+      }
+      return `${a.label} ${t + 1}`;
+    }
+    let i = !1;
+    _(
+      () => l.value.map((e) => {
+        var t;
+        return { ...(t = s.forms[e.formId]) == null ? void 0 : t.values };
+      }),
+      () => {
+        i || (i = !0, C("update:modelValue", j()), b(() => {
+          i = !1;
+        }));
+      },
+      { deep: !0 }
+    ), _(
+      () => a.modelValue,
+      (e) => {
+        if (!(i || !Array.isArray(e)) && e.length !== l.value.length) {
+          if (i = !0, e.length > l.value.length)
+            for (; l.value.length < e.length; ) {
+              const t = e[l.value.length];
+              l.value.push(f(typeof t == "object" && t !== null ? t : {}));
+            }
+          else
+            l.value.splice(e.length).forEach((o) => s.resetForm(o.formId));
+          b(() => {
+            i = !1;
+          });
+        }
+      }
+    );
+    function E() {
+      l.value.push(f());
+    }
+    function A(e) {
+      const t = l.value.findIndex((d) => d.id === e);
+      if (t < 0)
+        return;
+      const [o] = l.value.splice(t, 1);
+      s.resetForm(o.formId);
+    }
+    function D(e) {
+      const t = l.value.find((o) => o.id === e);
+      t && (t.collapsed = !t.collapsed);
+    }
+    return (e, t) => (r(), u("div", {
+      class: O(n(X)("flex flex-col gap-1", a.classList)),
+      "data-element-name": a.name ?? void 0
+    }, [
+      l.value.length ? (r(), u("div", te, [
+        (r(!0), u(K, null, P(l.value, (o, d) => (r(), u("div", {
+          key: o.id,
+          class: "rounded-md border bg-card",
+          "data-testid": "repeatable-row"
+        }, [
+          v("div", {
+            class: "flex cursor-pointer items-center justify-between gap-2 px-3 py-2",
+            onClick: (p) => D(o.id)
+          }, [
+            v("div", le, [
+              o.collapsed ? (r(), y(n(H), {
+                key: 1,
+                class: "size-3.5 shrink-0 text-muted-foreground"
+              })) : (r(), y(n(G), {
+                key: 0,
+                class: "size-3.5 shrink-0 text-muted-foreground"
+              })),
+              v("span", null, k(z(o, d)), 1)
+            ]),
+            c(n(I), {
+              variant: "ghost",
+              size: "icon-sm",
+              type: "button",
+              "aria-label": "Remove row",
+              class: "shrink-0 text-muted-foreground hover:text-destructive",
+              onClick: Y((p) => A(o.id), ["stop"])
+            }, {
+              default: x(() => [
+                c(n(J), { class: "size-3.5" })
+              ]),
+              _: 1
+            }, 8, ["onClick"])
+          ], 8, oe),
+          !o.collapsed && h.value.length ? (r(), u("div", ae, [
+            c(Z, {
+              "form-id": o.formId,
+              schema: h.value,
+              item: a.item
+            }, null, 8, ["form-id", "schema", "item"])
+          ])) : w("", !0)
+        ]))), 128))
+      ])) : w("", !0),
+      c(n(I), {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        class: "self-start",
+        "data-testid": "repeatable-add",
+        onClick: E
+      }, {
+        default: x(() => [
+          c(n(Q), { class: "size-3.5" }),
+          q(" " + k(a.addButtonLabel), 1)
+        ]),
+        _: 1
+      })
+    ], 10, ee));
+  }
+});
 export {
-  f as default
+  fe as default
 };
 //# sourceMappingURL=RepeatableBlock.vue.js.map

package/dist/components/compositions/elements/configuration-block/RepeatableBlock.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RepeatableBlock.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"RepeatableBlock.vue.js","sources":["../../../../../src/components/compositions/elements/configuration-block/RepeatableBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject, nextTick, ref, watch } from \"vue\"\nimport { ChevronDown, ChevronRight, Plus, Trash2 } from \"lucide-vue-next\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport { Button } from \"@/components/ui/button\"\nimport { useFormDataStore } from \"@/stores/formDataStore\"\nimport { FORM_ID_KEY } from \"@/engine/useFormData\"\nimport { cn } from \"@/lib/utils\"\nimport RepeatableRow from \"./RepeatableRow.vue\"\n\nexport interface RepeatableBlockProps {\n  label?: string\n  name?: string | null\n  modelValue?: unknown[]\n  /** Child element schema for each row. Engine remaps selectOptions → nestedElements. */\n  nestedElements?: Array<Record<string, unknown>>\n  addButtonLabel?: string\n  /** Field names whose values in a row are joined to form the row's header label. */\n  optionLabelFields?: ReadonlyArray<string>\n  /** Collapse all rows on initial render. */\n  collapsedByDefault?: boolean\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<RepeatableBlockProps>(), {\n  label: \"Repeatable\",\n  addButtonLabel: \"Add row\",\n  modelValue: () => [],\n  nestedElements: () => [],\n  optionLabelFields: () => [],\n  collapsedByDefault: false,\n  item: () => ({}),\n})\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: unknown[]): void\n}>()\n\nconst parentFormId = inject(FORM_ID_KEY, \"default\")\nconst store = useFormDataStore()\n\nconst rowSchema = computed<CardElement[]>(() =>\n  (props.nestedElements ?? []).filter(\n    (entry): boolean =>\n      typeof entry === \"object\" &&\n      entry !== null &&\n      typeof (entry as { type?: unknown }).type === \"string\",\n  ) as unknown as CardElement[],\n)\n\ninterface RowEntry {\n  id: number\n  formId: string\n  collapsed: boolean\n}\n\nlet nextRowId = 0\n\nfunction makeRowFormId(rowId: number): string {\n  return `${parentFormId}__${props.name ?? \"repeatable\"}__${rowId}`\n}\n\nfunction makeRow(initialData?: Record<string, unknown>): RowEntry {\n  const id = nextRowId++\n  const formId = makeRowFormId(id)\n  store.ensureForm(formId)\n  if (initialData && Object.keys(initialData).length > 0) {\n    store.setInitialValues(formId, initialData)\n  }\n  return { id, formId, collapsed: props.collapsedByDefault }\n}\n\nfunction buildRows(data: unknown[]): RowEntry[] {\n  return data.map((d) => makeRow(typeof d === \"object\" && d !== null ? (d as Record<string, unknown>) : {}))\n}\n\nconst rows = ref<RowEntry[]>(\n  Array.isArray(props.modelValue) && props.modelValue.length > 0\n    ? buildRows(props.modelValue)\n    : [],\n)\n\nfunction collectRowData(): unknown[] {\n  return rows.value.map((row) => ({ ...(store.forms[row.formId]?.values ?? {}) }))\n}\n\nfunction rowLabel(row: RowEntry, index: number): string {\n  const labelFields = props.optionLabelFields ?? []\n  if (labelFields.length > 0) {\n    const values = store.forms[row.formId]?.values ?? {}\n    const parts = labelFields\n      .map((f) => values[f])\n      .filter((v) => typeof v === \"string\" && v.trim() !== \"\")\n      .join(\" \")\n    if (parts) {\n      return parts\n    }\n  }\n  return `${props.label} ${index + 1}`\n}\n\nlet suppressSync = false\n\nwatch(\n  () => rows.value.map((r) => ({ ...store.forms[r.formId]?.values })),\n  () => {\n    if (suppressSync) {\n      return\n    }\n    suppressSync = true\n    emit(\"update:modelValue\", collectRowData())\n    void nextTick(() => {\n      suppressSync = false\n    })\n  },\n  { deep: true },\n)\n\nwatch(\n  () => props.modelValue,\n  (next) => {\n    if (suppressSync || !Array.isArray(next)) {\n      return\n    }\n    if (next.length === rows.value.length) {\n      return\n    }\n    suppressSync = true\n    if (next.length > rows.value.length) {\n      while (rows.value.length < next.length) {\n        const d = next[rows.value.length]\n        rows.value.push(makeRow(typeof d === \"object\" && d !== null ? (d as Record<string, unknown>) : {}))\n      }\n    } else {\n      const removed = rows.value.splice(next.length)\n      removed.forEach((r) => store.resetForm(r.formId))\n    }\n    void nextTick(() => {\n      suppressSync = false\n    })\n  },\n)\n\nfunction addRow(): void {\n  rows.value.push(makeRow())\n}\n\nfunction removeRow(rowId: number): void {\n  const idx = rows.value.findIndex((r) => r.id === rowId)\n  if (idx < 0) {\n    return\n  }\n  const [removed] = rows.value.splice(idx, 1)\n  store.resetForm(removed.formId)\n}\n\nfunction toggleRow(rowId: number): void {\n  const row = rows.value.find((r) => r.id === rowId)\n  if (row) {\n    row.collapsed = !row.collapsed\n  }\n}\n</script>\n\n<template>\n  <div\n    :class=\"cn('flex flex-col gap-1', props.classList)\"\n    :data-element-name=\"props.name ?? undefined\"\n  >\n    <div v-if=\"rows.length\" class=\"flex flex-col gap-2\">\n      <div\n        v-for=\"(row, index) in rows\"\n        :key=\"row.id\"\n        class=\"rounded-md border bg-card\"\n        data-testid=\"repeatable-row\"\n      >\n        <!-- Row header -->\n        <div\n          class=\"flex cursor-pointer items-center justify-between gap-2 px-3 py-2\"\n          @click=\"toggleRow(row.id)\"\n        >\n          <div class=\"flex items-center gap-1.5 text-sm font-medium\">\n            <ChevronDown v-if=\"!row.collapsed\" class=\"size-3.5 shrink-0 text-muted-foreground\" />\n            <ChevronRight v-else class=\"size-3.5 shrink-0 text-muted-foreground\" />\n            <span>{{ rowLabel(row, index) }}</span>\n          </div>\n          <Button\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            type=\"button\"\n            aria-label=\"Remove row\"\n            class=\"shrink-0 text-muted-foreground hover:text-destructive\"\n            @click.stop=\"removeRow(row.id)\"\n          >\n            <Trash2 class=\"size-3.5\" />\n          </Button>\n        </div>\n\n        <!-- Row content -->\n        <div v-if=\"!row.collapsed && rowSchema.length\" class=\"border-t px-3 py-3\">\n          <RepeatableRow\n            :form-id=\"row.formId\"\n            :schema=\"rowSchema\"\n            :item=\"props.item\"\n          />\n        </div>\n      </div>\n    </div>\n\n    <Button\n      type=\"button\"\n      variant=\"outline\"\n      size=\"sm\"\n      class=\"self-start\"\n      data-testid=\"repeatable-add\"\n      @click=\"addRow\"\n    >\n      <Plus class=\"size-3.5\" />\n      {{ props.addButtonLabel }}\n    </Button>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","parentFormId","inject","FORM_ID_KEY","store","useFormDataStore","rowSchema","computed","entry","nextRowId","makeRowFormId","rowId","makeRow","initialData","id","formId","buildRows","data","d","rows","ref","collectRowData","row","_a","rowLabel","index","labelFields","values","parts","f","v","suppressSync","watch","r","nextTick","next","addRow","removeRow","idx","removed","toggleRow","_createElementBlock","_normalizeClass","_unref","cn","_openBlock","_hoisted_2","_Fragment","_renderList","_createElementVNode","$event","_hoisted_4","_createBlock","ChevronRight","ChevronDown","_toDisplayString","_createVNode","Button","_withModifiers","Trash2","_hoisted_5","RepeatableRow","Plus"],"mappings":"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"}

package/dist/components/compositions/elements/configuration-block/RepeatableBlock.vue2.js

@@ -1,143 +1,5 @@
-import { defineComponent as A, computed as B, ref as z, watch as L, openBlock as s, createBlock as g, unref as l, normalizeClass as N, withCtx as r, createVNode as n, createElementVNode as m, toDisplayString as u, createTextVNode as h, createElementBlock as d, Fragment as v, renderList as x, createCommentVNode as y } from "vue";
-import { Construction as j, X as T, Plus as E } from "lucide-vue-next";
-import "../../../ui/card/index.js";
-import "../../../ui/badge/index.js";
-import "../../../ui/button/index.js";
-import F from "../../../../engine/ElementRenderer.vue.js";
-import { cn as S } from "../../../../lib/utils.js";
-import D from "../../../ui/card/Card.vue.js";
-import K from "../../../ui/card/CardHeader.vue.js";
-import O from "../../../ui/card/CardTitle.vue.js";
-import P from "../../../ui/badge/Badge.vue.js";
-import X from "../../../ui/card/CardContent.vue.js";
-import k from "../../../ui/button/Button.vue.js";
-const q = { class: "flex items-center justify-between gap-2" }, G = { class: "mb-3 text-sm text-muted-foreground" }, H = {
-  key: 0,
-  class: "mb-3 flex flex-col gap-3"
-}, J = { class: "mb-2 flex items-center justify-between" }, M = { class: "text-xs font-medium text-muted-foreground" }, Q = {
-  key: 0,
-  class: "flex flex-col gap-2"
-}, V = "repeatable", ie = /* @__PURE__ */ A({
-  __name: "RepeatableBlock",
-  props: {
-    label: { default: "Repeatable" },
-    name: {},
-    modelValue: { default: () => [] },
-    itemTemplate: { default: () => [] },
-    addButtonLabel: { default: "Add row" },
-    item: { default: () => ({}) },
-    classList: {}
-  },
-  emits: ["update:modelValue"],
-  setup(w, { emit: $ }) {
-    const t = w, f = $, p = B(
-      () => (t.itemTemplate ?? []).filter(
-        (e) => typeof e == "object" && e !== null && typeof e.type == "string"
-      )
-    ), _ = Array.isArray(t.modelValue) ? t.modelValue.length : 0, o = z(
-      Array.from({ length: _ }, (e, i) => i)
-    );
-    let b = _;
-    L(
-      () => t.modelValue,
-      (e) => {
-        Array.isArray(e) && e.length !== o.value.length && (o.value = Array.from({ length: e.length }, (i, a) => a), b = e.length);
-      }
-    );
-    function R() {
-      o.value.push(b++), f("update:modelValue", [...t.modelValue ?? [], {}]);
-    }
-    function C(e) {
-      const i = o.value.indexOf(e);
-      if (o.value = o.value.filter((a) => a !== e), i >= 0) {
-        const a = [...t.modelValue ?? []];
-        a.splice(i, 1), f("update:modelValue", a);
-      }
-    }
-    return (e, i) => (s(), g(l(D), {
-      class: N(l(S)("border-dashed", t.classList)),
-      "data-element-name": t.name ?? void 0,
-      "data-stub": `configuration-block/${V}`
-    }, {
-      default: r(() => [
-        n(l(K), null, {
-          default: r(() => [
-            m("div", q, [
-              n(l(O), { class: "flex items-center gap-2 text-base" }, {
-                default: r(() => [
-                  n(l(j), { class: "size-5 text-muted-foreground" }),
-                  m("span", null, u(t.label), 1)
-                ]),
-                _: 1
-              }),
-              n(l(P), {
-                variant: "outline",
-                size: "sm"
-              }, {
-                default: r(() => [
-                  h(u(V))
-                ]),
-                _: 1
-              })
-            ])
-          ]),
-          _: 1
-        }),
-        n(l(X), null, {
-          default: r(() => [
-            m("p", G, " Repeatable block — FormBuilder integration coming in task #7. Rows: " + u(o.value.length), 1),
-            o.value.length ? (s(), d("div", H, [
-              (s(!0), d(v, null, x(o.value, (a) => (s(), d("div", {
-                key: a,
-                class: "rounded-md border border-dashed p-3",
-                "data-testid": "repeatable-row"
-              }, [
-                m("div", J, [
-                  m("span", M, " Row " + u(a + 1), 1),
-                  n(l(k), {
-                    variant: "ghost",
-                    size: "icon-sm",
-                    type: "button",
-                    "aria-label": "Remove row",
-                    onClick: (c) => C(a)
-                  }, {
-                    default: r(() => [
-                      n(l(T))
-                    ]),
-                    _: 1
-                  }, 8, ["onClick"])
-                ]),
-                p.value.length ? (s(), d("div", Q, [
-                  (s(!0), d(v, null, x(p.value, (c) => (s(), g(F, {
-                    key: `${a}-${c.id}`,
-                    element: c,
-                    item: t.item
-                  }, null, 8, ["element", "item"]))), 128))
-                ])) : y("", !0)
-              ]))), 128))
-            ])) : y("", !0),
-            n(l(k), {
-              type: "button",
-              variant: "outline",
-              size: "sm",
-              "data-testid": "repeatable-add",
-              onClick: R
-            }, {
-              default: r(() => [
-                n(l(E)),
-                h(" " + u(t.addButtonLabel), 1)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["class", "data-element-name", "data-stub"]));
-  }
-});
+import f from "./RepeatableBlock.vue.js";
 export {
-  ie as default
+  f as default
 };
 //# sourceMappingURL=RepeatableBlock.vue2.js.map

package/dist/components/compositions/elements/configuration-block/RepeatableBlock.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"RepeatableBlock.vue2.js","sources":["../../../../../src/components/compositions/elements/configuration-block/RepeatableBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven renderer for `configuration-block/repeatable`.\n *\n * Renders an Add/Remove UI shell for repeatable rows. Each row mirrors\n * `itemTemplate`. The current row count is reflected via `modelValue`\n * (defaulting to an empty array). Full FormBuilder integration arrives\n * in task #7.\n */\nimport { computed, ref, watch } from \"vue\"\nimport { Construction, Plus, X } from \"lucide-vue-next\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface RepeatableBlockProps {\n  label?: string\n  name?: string | null\n  modelValue?: unknown[]\n  itemTemplate?: CardElement[]\n  addButtonLabel?: string\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<RepeatableBlockProps>(), {\n  label: \"Repeatable\",\n  addButtonLabel: \"Add row\",\n  modelValue: () => [],\n  itemTemplate: () => [],\n  item: () => ({}),\n})\n\nconst emit = defineEmits<{\n  (e: \"update:modelValue\", value: unknown[]): void\n}>()\n\nconst styleKey = \"repeatable\"\n\nconst rowSchema = computed<CardElement[]>(() =>\n  (props.itemTemplate ?? []).filter(\n    (entry): entry is CardElement =>\n      typeof entry === \"object\" &&\n      entry !== null &&\n      typeof (entry as { type?: unknown }).type === \"string\",\n  ),\n)\n\nconst initialRowCount = Array.isArray(props.modelValue)\n  ? props.modelValue.length\n  : 0\n\nconst rows = ref<number[]>(\n  Array.from({ length: initialRowCount }, (_unused, index) => index),\n)\n\nlet nextRowId = initialRowCount\n\nwatch(\n  () => props.modelValue,\n  (next) => {\n    if (!Array.isArray(next)) {\n      return\n    }\n    if (next.length !== rows.value.length) {\n      rows.value = Array.from({ length: next.length }, (_u, i) => i)\n      nextRowId = next.length\n    }\n  },\n)\n\nfunction addRow(): void {\n  rows.value.push(nextRowId++)\n  emit(\"update:modelValue\", [...(props.modelValue ?? []), {}])\n}\n\nfunction removeRow(rowId: number): void {\n  const idx = rows.value.indexOf(rowId)\n  rows.value = rows.value.filter((id) => id !== rowId)\n  if (idx >= 0) {\n    const next = [...(props.modelValue ?? [])]\n    next.splice(idx, 1)\n    emit(\"update:modelValue\", next)\n  }\n}\n</script>\n\n<template>\n  <Card\n    :class=\"cn('border-dashed', props.classList)\"\n    :data-element-name=\"props.name ?? undefined\"\n    :data-stub=\"`configuration-block/${styleKey}`\"\n  >\n    <CardHeader>\n      <div class=\"flex items-center justify-between gap-2\">\n        <CardTitle class=\"flex items-center gap-2 text-base\">\n          <Construction class=\"size-5 text-muted-foreground\" />\n          <span>{{ props.label }}</span>\n        </CardTitle>\n        <Badge variant=\"outline\" size=\"sm\">{{ styleKey }}</Badge>\n      </div>\n    </CardHeader>\n    <CardContent>\n      <p class=\"mb-3 text-sm text-muted-foreground\">\n        Repeatable block — FormBuilder integration coming in task #7. Rows:\n        {{ rows.length }}\n      </p>\n      <div v-if=\"rows.length\" class=\"mb-3 flex flex-col gap-3\">\n        <div\n          v-for=\"rowId in rows\"\n          :key=\"rowId\"\n          class=\"rounded-md border border-dashed p-3\"\n          data-testid=\"repeatable-row\"\n        >\n          <div class=\"mb-2 flex items-center justify-between\">\n            <span class=\"text-xs font-medium text-muted-foreground\">\n              Row {{ rowId + 1 }}\n            </span>\n            <Button\n              variant=\"ghost\"\n              size=\"icon-sm\"\n              type=\"button\"\n              aria-label=\"Remove row\"\n              @click=\"removeRow(rowId)\"\n            >\n              <X />\n            </Button>\n          </div>\n          <div v-if=\"rowSchema.length\" class=\"flex flex-col gap-2\">\n            <ElementRenderer\n              v-for=\"child in rowSchema\"\n              :key=\"`${rowId}-${child.id}`\"\n              :element=\"child\"\n              :item=\"props.item\"\n            />\n          </div>\n        </div>\n      </div>\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        data-testid=\"repeatable-add\"\n        @click=\"addRow\"\n      >\n        <Plus />\n        {{ props.addButtonLabel }}\n      </Button>\n    </CardContent>\n  </Card>\n</template>\n"],"names":["styleKey","props","__props","emit","__emit","rowSchema","computed","entry","initialRowCount","rows","ref","_unused","index","nextRowId","watch","next","_u","i","addRow","removeRow","rowId","idx","id","_createBlock","_unref","Card","_normalizeClass","cn","_createVNode","CardHeader","_createElementVNode","_hoisted_1","CardTitle","Construction","_toDisplayString","Badge","CardContent","_hoisted_2","_openBlock","_createElementBlock","_hoisted_3","_Fragment","_renderList","_hoisted_4","_hoisted_5","Button","$event","X","_hoisted_6","child","ElementRenderer","Plus"],"mappings":"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"}
+{"version":3,"file":"RepeatableBlock.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/configuration-block/RepeatableRow.vue.d.ts

@@ -0,0 +1,12 @@
+import { CardElement } from '../../../../definitions/elements';
+type __VLS_Props = {
+    /** Unique key for this row's isolated formDataStore entry. */
+    formId: string;
+    /** CardElement schema for each field in the row. */
+    schema: CardElement[];
+    /** Read-only context item forwarded from the parent. */
+    item: Record<string, unknown>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=RepeatableRow.vue.d.ts.map

package/dist/components/compositions/elements/configuration-block/RepeatableRow.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepeatableRow.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/configuration-block/RepeatableRow.vue"],"names":[],"mappings":"AAsCA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAIzD,KAAK,WAAW,GAAG;IACjB,8DAA8D;IAC9D,MAAM,EAAE,MAAM,CAAA;IACd,oDAAoD;IACpD,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,wDAAwD;IACxD,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC9B,CAAC;;AA4DF,wBAOG"}

package/dist/components/compositions/elements/configuration-block/RepeatableRow.vue.js

@@ -0,0 +1,5 @@
+import f from "./RepeatableRow.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=RepeatableRow.vue.js.map

package/dist/components/compositions/elements/configuration-block/RepeatableRow.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepeatableRow.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/configuration-block/RepeatableRow.vue2.js

@@ -0,0 +1,25 @@
+import { defineComponent as n, openBlock as t, createElementBlock as r, Fragment as c, renderList as a, createBlock as l } from "vue";
+import s from "../../../../engine/ElementRenderer.vue.js";
+import { provideFormId as i } from "../../../../engine/useFormData.js";
+const p = { class: "flex flex-col gap-2" }, x = /* @__PURE__ */ n({
+  __name: "RepeatableRow",
+  props: {
+    formId: {},
+    schema: {},
+    item: {}
+  },
+  setup(m) {
+    const e = m;
+    return i(e.formId), (f, _) => (t(), r("div", p, [
+      (t(!0), r(c, null, a(e.schema, (o) => (t(), l(s, {
+        key: o.id,
+        element: o,
+        item: e.item
+      }, null, 8, ["element", "item"]))), 128))
+    ]));
+  }
+});
+export {
+  x as default
+};
+//# sourceMappingURL=RepeatableRow.vue2.js.map

package/dist/components/compositions/elements/configuration-block/RepeatableRow.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepeatableRow.vue2.js","sources":["../../../../../src/components/compositions/elements/configuration-block/RepeatableRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Single row inside a RepeatableBlock.\n *\n * Provides its own isolated formId via Vue's inject/provide so every\n * child ElementRenderer binds to that row's slot in the formDataStore\n * rather than the parent form's slot.\n */\nimport type { CardElement } from \"@/definitions/elements\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\nimport { provideFormId } from \"@/engine/useFormData\"\n\nconst props = defineProps<{\n  /** Unique key for this row's isolated formDataStore entry. */\n  formId: string\n  /** CardElement schema for each field in the row. */\n  schema: CardElement[]\n  /** Read-only context item forwarded from the parent. */\n  item: Record<string, unknown>\n}>()\n\n// Must be synchronous — provide happens during component setup so all\n// descendant ElementRenderers pick it up before their own setup runs.\nprovideFormId(props.formId)\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-2\">\n    <ElementRenderer\n      v-for=\"child in props.schema\"\n      :key=\"child.id\"\n      :element=\"child\"\n      :item=\"props.item\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","provideFormId","_openBlock","_createElementBlock","_hoisted_1","_Fragment","_renderList","child","_createBlock","ElementRenderer"],"mappings":";;;;;;;;;;;AAYA,UAAMA,IAAQC;AAWd,WAAAC,EAAcF,EAAM,MAAM,cAIxBG,EAAA,GAAAC,EAOM,OAPNC,GAOM;AAAA,OANJF,EAAA,EAAA,GAAAC,EAKEE,GAAA,MAAAC,EAJgBP,EAAM,SAAfQ,YADTC,EAKEC,GAAA;AAAA,QAHC,KAAKF,EAAM;AAAA,QACX,SAASA;AAAA,QACT,MAAMR,EAAM;AAAA,MAAA;;;;"}

package/dist/components/compositions/elements/display/BannerDisplay.vue.d.ts

@@ -0,0 +1,13 @@
+import { AlertVariants } from '../../../ui/alert';
+export interface BannerDisplayProps {
+    value?: string | number | null;
+    title?: string;
+    variant?: AlertVariants["variant"];
+    icon?: string;
+    classList?: string[] | string;
+}
+declare const _default: import('vue').DefineComponent<BannerDisplayProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BannerDisplayProps> & Readonly<{}>, {
+    variant: "success" | "warning" | "info" | "default" | "destructive" | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=BannerDisplay.vue.d.ts.map

package/dist/components/compositions/elements/display/BannerDisplay.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerDisplay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/display/BannerDisplay.vue"],"names":[],"mappings":"AAoGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAE1D,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;CAC9B;;;;AAqJD,wBAQG"}