@gxp-dev/mod-ui 2.0.12 → 2.0.14

package/dist/components/compositions/elements/card/DatatableCard.vue_vue_type_script_setup_true_lang.js

@@ -1,124 +0,0 @@
-import { cn as e } from "../../../../lib/utils.js";
-import t from "../../../ui/card/Card.js";
-import n from "../../../ui/card/CardContent.js";
-import r from "../../../ui/card/CardHeader.js";
-import i from "../../../ui/card/CardTitle.js";
-import "../../../ui/card/index.js";
-import a from "../../../ui/table/Table.js";
-import o from "../../../ui/table/TableBody.js";
-import s from "../../../ui/table/TableCell.js";
-import c from "../../../ui/table/TableHead.js";
-import l from "../../../ui/table/TableHeader.js";
-import u from "../../../ui/table/TableRow.js";
-import "../../../ui/table/index.js";
-import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createTextVNode as g, createVNode as _, defineComponent as v, normalizeClass as y, openBlock as b, renderList as x, toDisplayString as S, unref as C, withCtx as w } from "vue";
-//#region src/components/compositions/elements/card/DatatableCard.vue?vue&type=script&setup=true&lang.ts
-var T = {
-	key: 1,
-	class: "text-sm text-muted-foreground"
-}, E = /* @__PURE__ */ v({
-	__name: "DatatableCard",
-	props: {
-		label: {},
-		title: {},
-		showCard: {
-			type: Boolean,
-			default: !0
-		},
-		tableColumns: { default: () => [] },
-		rows: { default: () => [] },
-		dataRoute: {},
-		item: { default: () => ({}) },
-		name: {},
-		classList: {}
-	},
-	setup(v) {
-		let E = v, D = f(() => E.title ?? E.label), O = f(() => {
-			if (E.rows && E.rows.length > 0) return E.rows;
-			let e = E.name;
-			if (e && E.item[e]) {
-				let t = E.item[e];
-				if (Array.isArray(t)) return t;
-			}
-			return [];
-		});
-		function k(e, t) {
-			let n = e[t.key];
-			return n == null ? "—" : String(n);
-		}
-		return (f, v) => E.showCard === !1 ? (b(), h("div", {
-			key: 1,
-			class: y(C(e)(E.classList))
-		}, [E.tableColumns.length ? (b(), p(C(a), { key: 0 }, {
-			default: w(() => [_(C(l), null, {
-				default: w(() => [_(C(u), null, {
-					default: w(() => [(b(!0), h(d, null, x(E.tableColumns, (e) => (b(), p(C(c), { key: e.key }, {
-						default: w(() => [g(S(e.label), 1)]),
-						_: 2
-					}, 1024))), 128))]),
-					_: 1
-				})]),
-				_: 1
-			}), _(C(o), null, {
-				default: w(() => [(b(!0), h(d, null, x(O.value, (e, t) => (b(), p(C(u), { key: t }, {
-					default: w(() => [(b(!0), h(d, null, x(E.tableColumns, (t) => (b(), p(C(s), { key: t.key }, {
-						default: w(() => [g(S(k(e, t)), 1)]),
-						_: 2
-					}, 1024))), 128))]),
-					_: 2
-				}, 1024))), 128))]),
-				_: 1
-			})]),
-			_: 1
-		})) : m("", !0)], 2)) : (b(), p(C(t), {
-			key: 0,
-			class: y(C(e)(E.classList))
-		}, {
-			default: w(() => [D.value ? (b(), p(C(r), { key: 0 }, {
-				default: w(() => [_(C(i), null, {
-					default: w(() => [g(S(D.value), 1)]),
-					_: 1
-				})]),
-				_: 1
-			})) : m("", !0), _(C(n), null, {
-				default: w(() => [E.tableColumns.length ? (b(), p(C(a), { key: 0 }, {
-					default: w(() => [_(C(l), null, {
-						default: w(() => [_(C(u), null, {
-							default: w(() => [(b(!0), h(d, null, x(E.tableColumns, (e) => (b(), p(C(c), { key: e.key }, {
-								default: w(() => [g(S(e.label), 1)]),
-								_: 2
-							}, 1024))), 128))]),
-							_: 1
-						})]),
-						_: 1
-					}), _(C(o), null, {
-						default: w(() => [(b(!0), h(d, null, x(O.value, (e, t) => (b(), p(C(u), { key: t }, {
-							default: w(() => [(b(!0), h(d, null, x(E.tableColumns, (t) => (b(), p(C(s), { key: t.key }, {
-								default: w(() => [g(S(k(e, t)), 1)]),
-								_: 2
-							}, 1024))), 128))]),
-							_: 2
-						}, 1024))), 128)), O.value.length ? m("", !0) : (b(), p(C(u), { key: 0 }, {
-							default: w(() => [_(C(s), {
-								colspan: E.tableColumns.length || 1,
-								class: "text-center text-muted-foreground"
-							}, {
-								default: w(() => [g(S(E.dataRoute ? `Data fetched from: ${E.dataRoute}` : "No data."), 1)]),
-								_: 1
-							}, 8, ["colspan"])]),
-							_: 1
-						}))]),
-						_: 1
-					})]),
-					_: 1
-				})) : (b(), h("p", T, "No columns configured."))]),
-				_: 1
-			})]),
-			_: 1
-		}, 8, ["class"]));
-	}
-});
-//#endregion
-export { E as default };
-
-//# sourceMappingURL=DatatableCard.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/compositions/elements/card/DatatableCard.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatatableCard.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/components/compositions/elements/card/DatatableCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * `card.datatable` element composition.\n *\n * Renders a simple sortable data table. Column definitions come from\n * `tableColumns`; row data is either supplied via `item[name]` or fetched\n * from `dataRoute`. Full pagination/filter support is handled by the\n * platform's DataTableCard when used in the card-tier — this element-tier\n * variant is intentionally lightweight for inline embedding.\n */\nimport { computed } from \"vue\"\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@/components/ui/table\"\nimport { cn } from \"@/lib/utils\"\n\ninterface TableColumn {\n  key: string\n  label: string\n  sortable?: boolean\n}\n\nexport interface DatatableCardProps {\n  label?: string\n  title?: string\n  showCard?: boolean\n  tableColumns?: TableColumn[]\n  /** Data rows supplied inline (e.g. from `item[name]`). */\n  rows?: Array<Record<string, unknown>>\n  /** API route for fetching rows (displayed as a hint when rows is empty). */\n  dataRoute?: string\n  item?: Record<string, unknown>\n  name?: string | null\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<DatatableCardProps>(), {\n  showCard: true,\n  tableColumns: () => [],\n  rows: () => [],\n  item: () => ({}),\n})\n\nconst heading = computed(() => props.title ?? props.label)\n\nconst resolvedRows = computed<Array<Record<string, unknown>>>(() => {\n  if (props.rows && props.rows.length > 0) return props.rows\n  const name = props.name\n  if (name && props.item[name]) {\n    const val = props.item[name]\n    if (Array.isArray(val)) return val as Array<Record<string, unknown>>\n  }\n  return []\n})\n\nfunction cellValue(row: Record<string, unknown>, col: TableColumn): string {\n  const val = row[col.key]\n  return val !== undefined && val !== null ? String(val) : \"—\"\n}\n</script>\n\n<template>\n  <Card v-if=\"props.showCard !== false\" :class=\"cn(props.classList)\">\n    <CardHeader v-if=\"heading\">\n      <CardTitle>{{ heading }}</CardTitle>\n    </CardHeader>\n    <CardContent>\n      <Table v-if=\"props.tableColumns.length\">\n        <TableHeader>\n          <TableRow>\n            <TableHead\n              v-for=\"col in props.tableColumns\"\n              :key=\"col.key\"\n            >\n              {{ col.label }}\n            </TableHead>\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          <TableRow\n            v-for=\"(row, i) in resolvedRows\"\n            :key=\"i\"\n          >\n            <TableCell\n              v-for=\"col in props.tableColumns\"\n              :key=\"col.key\"\n            >\n              {{ cellValue(row, col) }}\n            </TableCell>\n          </TableRow>\n          <TableRow v-if=\"!resolvedRows.length\">\n            <TableCell\n              :colspan=\"props.tableColumns.length || 1\"\n              class=\"text-center text-muted-foreground\"\n            >\n              {{ props.dataRoute ? `Data fetched from: ${props.dataRoute}` : \"No data.\" }}\n            </TableCell>\n          </TableRow>\n        </TableBody>\n      </Table>\n      <p v-else class=\"text-sm text-muted-foreground\">No columns configured.</p>\n    </CardContent>\n  </Card>\n\n  <div v-else :class=\"cn(props.classList)\">\n    <Table v-if=\"props.tableColumns.length\">\n      <TableHeader>\n        <TableRow>\n          <TableHead v-for=\"col in props.tableColumns\" :key=\"col.key\">{{ col.label }}</TableHead>\n        </TableRow>\n      </TableHeader>\n      <TableBody>\n        <TableRow v-for=\"(row, i) in resolvedRows\" :key=\"i\">\n          <TableCell v-for=\"col in props.tableColumns\" :key=\"col.key\">{{ cellValue(row, col) }}</TableCell>\n        </TableRow>\n      </TableBody>\n    </Table>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/compositions/elements/card/GridCard.js

@@ -1,7 +0,0 @@
-import e from "./GridCard.vue_vue_type_script_setup_true_lang.js";
-//#region src/components/compositions/elements/card/GridCard.vue
-var t = e;
-//#endregion
-export { t as default };
-
-//# sourceMappingURL=GridCard.js.map

package/dist/components/compositions/elements/card/GridCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GridCard.js","names":[],"sources":["../../../../../src/components/compositions/elements/card/GridCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * `card.grid` element composition.\n *\n * Renders nested child elements in a CSS grid with configurable column\n * count and row height. Children are rendered via ElementRenderer; the\n * grid layout is controlled by `gridCols` and `gridRowHeight`.\n *\n * For a visual drag-and-drop grid designer use `builder.grid-builder`.\n * This element focuses on static configured layouts.\n */\nimport { computed } from \"vue\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface GridCardProps {\n  label?: string\n  title?: string\n  showCard?: boolean\n  gridCols?: number\n  gridRowHeight?: number\n  nestedElements?: Array<Record<string, unknown>>\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<GridCardProps>(), {\n  showCard: true,\n  gridCols: 3,\n  gridRowHeight: 60,\n  nestedElements: () => [],\n  item: () => ({}),\n})\n\nconst heading = computed(() => props.title ?? props.label)\n\nconst children = computed(() =>\n  (props.nestedElements ?? []).filter(\n    (e): boolean =>\n      typeof e === \"object\" &&\n      e !== null &&\n      typeof (e as Record<string, unknown>).type === \"string\",\n  ) as unknown as CardElement[],\n)\n\nconst gridStyle = computed(() => ({\n  display: \"grid\",\n  gridTemplateColumns: `repeat(${props.gridCols}, minmax(0, 1fr))`,\n  gridAutoRows: `${props.gridRowHeight}px`,\n  gap: \"0.5rem\",\n}))\n</script>\n\n<template>\n  <Card v-if=\"props.showCard !== false\" :class=\"cn(props.classList)\">\n    <CardHeader v-if=\"heading\">\n      <CardTitle>{{ heading }}</CardTitle>\n    </CardHeader>\n    <CardContent>\n      <div :style=\"gridStyle\">\n        <ElementRenderer\n          v-for=\"child in children\"\n          :key=\"child.id\"\n          :element=\"child\"\n          :item=\"props.item\"\n        />\n        <p\n          v-if=\"!children.length\"\n          class=\"col-span-full py-3 text-center text-sm text-muted-foreground\"\n        >\n          No elements configured.\n        </p>\n      </div>\n    </CardContent>\n  </Card>\n\n  <div v-else :class=\"cn(props.classList)\" :style=\"gridStyle\">\n    <ElementRenderer\n      v-for=\"child in children\"\n      :key=\"child.id\"\n      :element=\"child\"\n      :item=\"props.item\"\n    />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/compositions/elements/card/GridCard.vue_vue_type_script_setup_true_lang.js

@@ -1,68 +0,0 @@
-import { cn as e } from "../../../../lib/utils.js";
-import t from "../../../ui/card/Card.js";
-import n from "../../../ui/card/CardContent.js";
-import r from "../../../ui/card/CardHeader.js";
-import i from "../../../ui/card/CardTitle.js";
-import "../../../ui/card/index.js";
-import a from "../../../../engine/ElementRenderer.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, normalizeStyle as g, openBlock as _, renderList as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
-//#region src/components/compositions/elements/card/GridCard.vue?vue&type=script&setup=true&lang.ts
-var S = {
-	key: 0,
-	class: "col-span-full py-3 text-center text-sm text-muted-foreground"
-}, C = /* @__PURE__ */ m({
-	__name: "GridCard",
-	props: {
-		label: {},
-		title: {},
-		showCard: {
-			type: Boolean,
-			default: !0
-		},
-		gridCols: { default: 3 },
-		gridRowHeight: { default: 60 },
-		nestedElements: { default: () => [] },
-		item: { default: () => ({}) },
-		classList: {}
-	},
-	setup(m) {
-		let C = m, w = s(() => C.title ?? C.label), T = s(() => (C.nestedElements ?? []).filter((e) => typeof e == "object" && !!e && typeof e.type == "string")), E = s(() => ({
-			display: "grid",
-			gridTemplateColumns: `repeat(${C.gridCols}, minmax(0, 1fr))`,
-			gridAutoRows: `${C.gridRowHeight}px`,
-			gap: "0.5rem"
-		}));
-		return (s, m) => C.showCard === !1 ? (_(), u("div", {
-			key: 1,
-			class: h(b(e)(C.classList)),
-			style: g(E.value)
-		}, [(_(!0), u(o, null, v(T.value, (e) => (_(), c(a, {
-			key: e.id,
-			element: e,
-			item: C.item
-		}, null, 8, ["element", "item"]))), 128))], 6)) : (_(), c(b(t), {
-			key: 0,
-			class: h(b(e)(C.classList))
-		}, {
-			default: x(() => [w.value ? (_(), c(b(r), { key: 0 }, {
-				default: x(() => [p(b(i), null, {
-					default: x(() => [f(y(w.value), 1)]),
-					_: 1
-				})]),
-				_: 1
-			})) : l("", !0), p(b(n), null, {
-				default: x(() => [d("div", { style: g(E.value) }, [(_(!0), u(o, null, v(T.value, (e) => (_(), c(a, {
-					key: e.id,
-					element: e,
-					item: C.item
-				}, null, 8, ["element", "item"]))), 128)), T.value.length ? l("", !0) : (_(), u("p", S, " No elements configured. "))], 4)]),
-				_: 1
-			})]),
-			_: 1
-		}, 8, ["class"]));
-	}
-});
-//#endregion
-export { C as default };
-
-//# sourceMappingURL=GridCard.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/compositions/elements/card/GridCard.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GridCard.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/components/compositions/elements/card/GridCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * `card.grid` element composition.\n *\n * Renders nested child elements in a CSS grid with configurable column\n * count and row height. Children are rendered via ElementRenderer; the\n * grid layout is controlled by `gridCols` and `gridRowHeight`.\n *\n * For a visual drag-and-drop grid designer use `builder.grid-builder`.\n * This element focuses on static configured layouts.\n */\nimport { computed } from \"vue\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface GridCardProps {\n  label?: string\n  title?: string\n  showCard?: boolean\n  gridCols?: number\n  gridRowHeight?: number\n  nestedElements?: Array<Record<string, unknown>>\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<GridCardProps>(), {\n  showCard: true,\n  gridCols: 3,\n  gridRowHeight: 60,\n  nestedElements: () => [],\n  item: () => ({}),\n})\n\nconst heading = computed(() => props.title ?? props.label)\n\nconst children = computed(() =>\n  (props.nestedElements ?? []).filter(\n    (e): boolean =>\n      typeof e === \"object\" &&\n      e !== null &&\n      typeof (e as Record<string, unknown>).type === \"string\",\n  ) as unknown as CardElement[],\n)\n\nconst gridStyle = computed(() => ({\n  display: \"grid\",\n  gridTemplateColumns: `repeat(${props.gridCols}, minmax(0, 1fr))`,\n  gridAutoRows: `${props.gridRowHeight}px`,\n  gap: \"0.5rem\",\n}))\n</script>\n\n<template>\n  <Card v-if=\"props.showCard !== false\" :class=\"cn(props.classList)\">\n    <CardHeader v-if=\"heading\">\n      <CardTitle>{{ heading }}</CardTitle>\n    </CardHeader>\n    <CardContent>\n      <div :style=\"gridStyle\">\n        <ElementRenderer\n          v-for=\"child in children\"\n          :key=\"child.id\"\n          :element=\"child\"\n          :item=\"props.item\"\n        />\n        <p\n          v-if=\"!children.length\"\n          class=\"col-span-full py-3 text-center text-sm text-muted-foreground\"\n        >\n          No elements configured.\n        </p>\n      </div>\n    </CardContent>\n  </Card>\n\n  <div v-else :class=\"cn(props.classList)\" :style=\"gridStyle\">\n    <ElementRenderer\n      v-for=\"child in children\"\n      :key=\"child.id\"\n      :element=\"child\"\n      :item=\"props.item\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCA,IAAM,IAAQ,GAQR,IAAU,QAAe,EAAM,SAAS,EAAM,KAAK,GAEnD,IAAW,SACd,EAAM,kBAAkB,CAAC,GAAG,QAC1B,MACC,OAAO,KAAM,cACb,KACA,OAAQ,EAA8B,QAAS,QACnD,CACF,GAEM,IAAY,SAAgB;GAChC,SAAS;GACT,qBAAqB,UAAU,EAAM,SAAS;GAC9C,cAAc,GAAG,EAAM,cAAc;GACrC,KAAK;EACP,EAAE;mBAIY,EAAM,aAAQ,WAsB1B,EAOM,OAAA;;GAPO,OAAK,EAAE,EAAA,CAAA,EAAG,EAAM,SAAS,CAAA;GAAI,OAAK,EAAE,EAAA,KAAS;cACxD,EAKE,GAAA,MAAA,EAJgB,EAAA,QAAT,YADT,EAKE,GAAA;GAHC,KAAK,EAAM;GACX,SAAS;GACT,MAAM,EAAM;qDA3BS,EAAA,GAA1B,EAoBO,EAAA,CAAA,GAAA;;GApBgC,OAAK,EAAE,EAAA,CAAA,EAAG,EAAM,SAAS,CAAA;;oBAGjD,CAFK,EAAA,SAAA,EAAA,GAAlB,EAEa,EAAA,CAAA,GAAA,EAAA,KAAA,EAAA,GAAA;qBADyB,CAApC,EAAoC,EAAA,CAAA,GAAA,MAAA;sBAAZ,CAAA,EAAA,EAAV,EAAA,KAAO,GAAA,CAAA,CAAA,CAAA;;;;oBAEvB,EAec,EAAA,CAAA,GAAA,MAAA;qBADN,CAbN,EAaM,OAAA,EAbA,OAAK,EAAE,EAAA,KAAS,EAAA,GAAA,EAAA,EAAA,EAAA,GACpB,EAKE,GAAA,MAAA,EAJgB,EAAA,QAAT,YADT,EAKE,GAAA;KAHC,KAAK,EAAM;KACX,SAAS;KACT,MAAM,EAAM;+CAGN,EAAA,MAAS,SAIlB,EAAA,IAAA,EAAA,KAJkB,EAAA,GADlB,EAKI,KALJ,GAGC,2BAED,EAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/compositions/elements/card/InfoCard.js

@@ -1,7 +0,0 @@
-import e from "./InfoCard.vue_vue_type_script_setup_true_lang.js";
-//#region src/components/compositions/elements/card/InfoCard.vue
-var t = e;
-//#endregion
-export { t as default };
-
-//# sourceMappingURL=InfoCard.js.map

package/dist/components/compositions/elements/card/InfoCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoCard.js","names":[],"sources":["../../../../../src/components/compositions/elements/card/InfoCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * `card.info` element composition.\n *\n * Wraps the cards/InfoCard composition as an element-tier component.\n * Renders a read-only summary tile: optional icon/image header, title,\n * subtitle, and a list of label/value display rows.\n */\nimport { computed } from \"vue\"\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n} from \"@/components/ui/card\"\nimport { cn } from \"@/lib/utils\"\n\ninterface InfoField {\n  label: string\n  value: string\n  icon?: string\n  format?: string\n  prepend?: string\n  append?: string\n}\n\nexport interface InfoCardProps {\n  label?: string\n  title?: string\n  subtitle?: string\n  showCard?: boolean\n  icon?: string\n  iconColor?: string\n  headerImage?: string\n  headerRatio?: string\n  lessPadding?: boolean\n  fields?: InfoField[]\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<InfoCardProps>(), {\n  showCard: true,\n  lessPadding: false,\n  fields: () => [],\n  item: () => ({}),\n})\n\nconst heading = computed(() => props.title ?? props.label)\n\n/** Resolve a dot-path string against the item object. */\nfunction resolvePath(path: string, item: Record<string, unknown>): unknown {\n  return path.split(\".\").reduce<unknown>((acc, key) => {\n    if (acc && typeof acc === \"object\" && key in (acc as Record<string, unknown>)) {\n      return (acc as Record<string, unknown>)[key]\n    }\n    return undefined\n  }, item)\n}\n\nfunction formatValue(field: InfoField): string {\n  const raw = resolvePath(field.value, props.item)\n  const str = raw !== undefined && raw !== null ? String(raw) : field.value\n  return `${field.prepend ?? \"\"}${str}${field.append ?? \"\"}`\n}\n</script>\n\n<template>\n  <Card v-if=\"props.showCard !== false\" :class=\"cn(props.classList)\">\n    <!-- Header image -->\n    <div\n      v-if=\"props.headerImage\"\n      class=\"overflow-hidden rounded-t-lg bg-muted\"\n      :style=\"props.headerRatio ? { aspectRatio: props.headerRatio } : { height: '10rem' }\"\n    >\n      <img\n        :src=\"props.headerImage\"\n        :alt=\"heading ?? 'Info card header'\"\n        class=\"h-full w-full object-cover\"\n      />\n    </div>\n\n    <CardHeader v-if=\"heading || props.subtitle || props.icon\" :class=\"props.lessPadding ? 'py-2' : ''\">\n      <div class=\"flex items-center gap-2\">\n        <span v-if=\"props.icon\" :class=\"['lucide text-lg', props.iconColor ?? 'text-muted-foreground']\">\n          {{ props.icon }}\n        </span>\n        <div>\n          <CardTitle v-if=\"heading\">{{ heading }}</CardTitle>\n          <CardDescription v-if=\"props.subtitle\">{{ props.subtitle }}</CardDescription>\n        </div>\n      </div>\n    </CardHeader>\n\n    <CardContent :class=\"props.lessPadding ? 'py-2' : ''\">\n      <dl\n        v-if=\"props.fields.length\"\n        class=\"grid grid-cols-[auto_1fr] gap-x-4 gap-y-1.5 text-sm\"\n      >\n        <template v-for=\"field in props.fields\" :key=\"field.label + field.value\">\n          <dt class=\"font-medium text-muted-foreground\">{{ field.label }}</dt>\n          <dd>{{ formatValue(field) }}</dd>\n        </template>\n      </dl>\n      <p v-else class=\"text-sm text-muted-foreground\">No fields configured.</p>\n    </CardContent>\n  </Card>\n\n  <!-- Chromeless variant -->\n  <div v-else :class=\"cn(props.classList)\">\n    <dl\n      v-if=\"props.fields.length\"\n      class=\"grid grid-cols-[auto_1fr] gap-x-4 gap-y-1.5 text-sm\"\n    >\n      <template v-for=\"field in props.fields\" :key=\"field.label + field.value\">\n        <dt class=\"font-medium text-muted-foreground\">{{ field.label }}</dt>\n        <dd>{{ formatValue(field) }}</dd>\n      </template>\n    </dl>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/compositions/elements/card/InfoCard.vue_vue_type_script_setup_true_lang.js

@@ -1,97 +0,0 @@
-import { cn as e } from "../../../../lib/utils.js";
-import t from "../../../ui/card/Card.js";
-import n from "../../../ui/card/CardContent.js";
-import r from "../../../ui/card/CardDescription.js";
-import i from "../../../ui/card/CardHeader.js";
-import a from "../../../ui/card/CardTitle.js";
-import "../../../ui/card/index.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, normalizeStyle as g, openBlock as _, renderList as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
-//#region src/components/compositions/elements/card/InfoCard.vue?vue&type=script&setup=true&lang.ts
-var S = ["src", "alt"], C = { class: "flex items-center gap-2" }, w = {
-	key: 0,
-	class: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-1.5 text-sm"
-}, T = { class: "font-medium text-muted-foreground" }, E = {
-	key: 1,
-	class: "text-sm text-muted-foreground"
-}, D = {
-	key: 0,
-	class: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-1.5 text-sm"
-}, O = { class: "font-medium text-muted-foreground" }, k = /* @__PURE__ */ m({
-	__name: "InfoCard",
-	props: {
-		label: {},
-		title: {},
-		subtitle: {},
-		showCard: {
-			type: Boolean,
-			default: !0
-		},
-		icon: {},
-		iconColor: {},
-		headerImage: {},
-		headerRatio: {},
-		lessPadding: {
-			type: Boolean,
-			default: !1
-		},
-		fields: { default: () => [] },
-		item: { default: () => ({}) },
-		classList: {}
-	},
-	setup(m) {
-		let k = m, A = s(() => k.title ?? k.label);
-		function j(e, t) {
-			return e.split(".").reduce((e, t) => {
-				if (e && typeof e == "object" && t in e) return e[t];
-			}, t);
-		}
-		function M(e) {
-			let t = j(e.value, k.item), n = t == null ? e.value : String(t);
-			return `${e.prepend ?? ""}${n}${e.append ?? ""}`;
-		}
-		return (s, m) => k.showCard === !1 ? (_(), u("div", {
-			key: 1,
-			class: h(b(e)(k.classList))
-		}, [k.fields.length ? (_(), u("dl", D, [(_(!0), u(o, null, v(k.fields, (e) => (_(), u(o, { key: e.label + e.value }, [d("dt", O, y(e.label), 1), d("dd", null, y(M(e)), 1)], 64))), 128))])) : l("", !0)], 2)) : (_(), c(b(t), {
-			key: 0,
-			class: h(b(e)(k.classList))
-		}, {
-			default: x(() => [
-				k.headerImage ? (_(), u("div", {
-					key: 0,
-					class: "overflow-hidden rounded-t-lg bg-muted",
-					style: g(k.headerRatio ? { aspectRatio: k.headerRatio } : { height: "10rem" })
-				}, [d("img", {
-					src: k.headerImage,
-					alt: A.value ?? "Info card header",
-					class: "h-full w-full object-cover"
-				}, null, 8, S)], 4)) : l("", !0),
-				A.value || k.subtitle || k.icon ? (_(), c(b(i), {
-					key: 1,
-					class: h(k.lessPadding ? "py-2" : "")
-				}, {
-					default: x(() => [d("div", C, [k.icon ? (_(), u("span", {
-						key: 0,
-						class: h(["lucide text-lg", k.iconColor ?? "text-muted-foreground"])
-					}, y(k.icon), 3)) : l("", !0), d("div", null, [A.value ? (_(), c(b(a), { key: 0 }, {
-						default: x(() => [f(y(A.value), 1)]),
-						_: 1
-					})) : l("", !0), k.subtitle ? (_(), c(b(r), { key: 1 }, {
-						default: x(() => [f(y(k.subtitle), 1)]),
-						_: 1
-					})) : l("", !0)])])]),
-					_: 1
-				}, 8, ["class"])) : l("", !0),
-				p(b(n), { class: h(k.lessPadding ? "py-2" : "") }, {
-					default: x(() => [k.fields.length ? (_(), u("dl", w, [(_(!0), u(o, null, v(k.fields, (e) => (_(), u(o, { key: e.label + e.value }, [d("dt", T, y(e.label), 1), d("dd", null, y(M(e)), 1)], 64))), 128))])) : (_(), u("p", E, "No fields configured."))]),
-					_: 1
-				}, 8, ["class"])
-			]),
-			_: 1
-		}, 8, ["class"]));
-	}
-});
-//#endregion
-export { k as default };
-
-//# sourceMappingURL=InfoCard.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/compositions/elements/card/InfoCard.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoCard.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/components/compositions/elements/card/InfoCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * `card.info` element composition.\n *\n * Wraps the cards/InfoCard composition as an element-tier component.\n * Renders a read-only summary tile: optional icon/image header, title,\n * subtitle, and a list of label/value display rows.\n */\nimport { computed } from \"vue\"\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n} from \"@/components/ui/card\"\nimport { cn } from \"@/lib/utils\"\n\ninterface InfoField {\n  label: string\n  value: string\n  icon?: string\n  format?: string\n  prepend?: string\n  append?: string\n}\n\nexport interface InfoCardProps {\n  label?: string\n  title?: string\n  subtitle?: string\n  showCard?: boolean\n  icon?: string\n  iconColor?: string\n  headerImage?: string\n  headerRatio?: string\n  lessPadding?: boolean\n  fields?: InfoField[]\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<InfoCardProps>(), {\n  showCard: true,\n  lessPadding: false,\n  fields: () => [],\n  item: () => ({}),\n})\n\nconst heading = computed(() => props.title ?? props.label)\n\n/** Resolve a dot-path string against the item object. */\nfunction resolvePath(path: string, item: Record<string, unknown>): unknown {\n  return path.split(\".\").reduce<unknown>((acc, key) => {\n    if (acc && typeof acc === \"object\" && key in (acc as Record<string, unknown>)) {\n      return (acc as Record<string, unknown>)[key]\n    }\n    return undefined\n  }, item)\n}\n\nfunction formatValue(field: InfoField): string {\n  const raw = resolvePath(field.value, props.item)\n  const str = raw !== undefined && raw !== null ? String(raw) : field.value\n  return `${field.prepend ?? \"\"}${str}${field.append ?? \"\"}`\n}\n</script>\n\n<template>\n  <Card v-if=\"props.showCard !== false\" :class=\"cn(props.classList)\">\n    <!-- Header image -->\n    <div\n      v-if=\"props.headerImage\"\n      class=\"overflow-hidden rounded-t-lg bg-muted\"\n      :style=\"props.headerRatio ? { aspectRatio: props.headerRatio } : { height: '10rem' }\"\n    >\n      <img\n        :src=\"props.headerImage\"\n        :alt=\"heading ?? 'Info card header'\"\n        class=\"h-full w-full object-cover\"\n      />\n    </div>\n\n    <CardHeader v-if=\"heading || props.subtitle || props.icon\" :class=\"props.lessPadding ? 'py-2' : ''\">\n      <div class=\"flex items-center gap-2\">\n        <span v-if=\"props.icon\" :class=\"['lucide text-lg', props.iconColor ?? 'text-muted-foreground']\">\n          {{ props.icon }}\n        </span>\n        <div>\n          <CardTitle v-if=\"heading\">{{ heading }}</CardTitle>\n          <CardDescription v-if=\"props.subtitle\">{{ props.subtitle }}</CardDescription>\n        </div>\n      </div>\n    </CardHeader>\n\n    <CardContent :class=\"props.lessPadding ? 'py-2' : ''\">\n      <dl\n        v-if=\"props.fields.length\"\n        class=\"grid grid-cols-[auto_1fr] gap-x-4 gap-y-1.5 text-sm\"\n      >\n        <template v-for=\"field in props.fields\" :key=\"field.label + field.value\">\n          <dt class=\"font-medium text-muted-foreground\">{{ field.label }}</dt>\n          <dd>{{ formatValue(field) }}</dd>\n        </template>\n      </dl>\n      <p v-else class=\"text-sm text-muted-foreground\">No fields configured.</p>\n    </CardContent>\n  </Card>\n\n  <!-- Chromeless variant -->\n  <div v-else :class=\"cn(props.classList)\">\n    <dl\n      v-if=\"props.fields.length\"\n      class=\"grid grid-cols-[auto_1fr] gap-x-4 gap-y-1.5 text-sm\"\n    >\n      <template v-for=\"field in props.fields\" :key=\"field.label + field.value\">\n        <dt class=\"font-medium text-muted-foreground\">{{ field.label }}</dt>\n        <dd>{{ formatValue(field) }}</dd>\n      </template>\n    </dl>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0CA,IAAM,IAAQ,GAOR,IAAU,QAAe,EAAM,SAAS,EAAM,KAAK;EAGzD,SAAS,EAAY,GAAc,GAAwC;GACzE,OAAO,EAAK,MAAM,GAAG,EAAE,QAAiB,GAAK,MAAQ;IACnD,IAAI,KAAO,OAAO,KAAQ,YAAY,KAAQ,GAC5C,OAAQ,EAAgC;GAG5C,GAAG,CAAI;EACT;EAEA,SAAS,EAAY,GAA0B;GAC7C,IAAM,IAAM,EAAY,EAAM,OAAO,EAAM,IAAI,GACzC,IAAM,KAA6B,OAAqB,EAAM,QAApB,OAAO,CAAG;GAC1D,OAAO,GAAG,EAAM,WAAW,KAAK,IAAM,EAAM,UAAU;EACxD;mBAIc,EAAM,aAAQ,WAyC1B,EAUM,OAAA;;GAVO,OAAK,EAAE,EAAA,CAAA,EAAG,EAAM,SAAS,CAAA;MAE5B,EAAM,OAAO,UAAA,EAAA,GADrB,EAQK,MARL,GAQK,EAAA,EAAA,EAAA,GAJH,EAGW,GAAA,MAAA,EAHe,EAAM,SAAf,wBAA6B,EAAM,QAAQ,EAAM,MAAA,GAAA,CAChE,EAAoE,MAApE,GAAoE,EAAnB,EAAM,KAAK,GAAA,CAAA,GAC5D,EAAiC,MAAA,MAAA,EAA1B,EAAY,CAAK,CAAA,GAAA,CAAA,CAAA,GAAA,EAAA,mCAhDJ,EAAA,GAA1B,EAsCO,EAAA,CAAA,GAAA;;GAtCgC,OAAK,EAAE,EAAA,CAAA,EAAG,EAAM,SAAS,CAAA;;oBAYxD;IATE,EAAM,eAAA,EAAA,GADd,EAUM,OAAA;;KARJ,OAAM;KACL,OAAK,EAAE,EAAM,cAAW,EAAA,aAAkB,EAAM,YAAW,IAAA,EAAA,QAAA,QAAA,CAAA;QAE5D,EAIE,OAAA;KAHC,KAAK,EAAM;KACX,KAAK,EAAA,SAAO;KACb,OAAM;;IAIQ,EAAA,SAAW,EAAM,YAAY,EAAM,QAAA,EAAA,GAArD,EAUa,EAAA,CAAA,GAAA;;KAV+C,OAAK,EAAE,EAAM,cAAW,SAAA,EAAA;;sBAS5E,CARN,EAQM,OARN,GAQM,CAPQ,EAAM,QAAA,EAAA,GAAlB,EAEO,QAAA;;MAFkB,OAAK,EAAA,CAAA,kBAAqB,EAAM,aAAS,uBAAA,CAAA;UAC7D,EAAM,IAAI,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAEf,EAGM,OAAA,MAAA,CAFa,EAAA,SAAA,EAAA,GAAjB,EAAmD,EAAA,CAAA,GAAA,EAAA,KAAA,EAAA,GAAA;uBAAZ,CAAA,EAAA,EAAV,EAAA,KAAO,GAAA,CAAA,CAAA,CAAA;;sBACb,EAAM,YAAA,EAAA,GAA7B,EAA6E,EAAA,CAAA,GAAA,EAAA,KAAA,EAAA,GAAA;uBAAlB,CAAA,EAAA,EAAjB,EAAM,QAAQ,GAAA,CAAA,CAAA,CAAA;;;;;IAK9D,EAWc,EAAA,CAAA,GAAA,EAXA,OAAK,EAAE,EAAM,cAAW,SAAA,EAAA,EAAA,GAAA;sBAS/B,CAPG,EAAM,OAAO,UAAA,EAAA,GADrB,EAQK,MARL,GAQK,EAAA,EAAA,EAAA,GAJH,EAGW,GAAA,MAAA,EAHe,EAAM,SAAf,wBAA6B,EAAM,QAAQ,EAAM,MAAA,GAAA,CAChE,EAAoE,MAApE,GAAoE,EAAnB,EAAM,KAAK,GAAA,CAAA,GAC5D,EAAiC,MAAA,MAAA,EAA1B,EAAY,CAAK,CAAA,GAAA,CAAA,CAAA,GAAA,EAAA,sBAG5B,EAAyE,KAAzE,GAAgD,uBAAqB,EAAA,CAAA"}

package/dist/components/compositions/elements/card/ListCard.js

@@ -1,7 +0,0 @@
-import e from "./ListCard.vue_vue_type_script_setup_true_lang.js";
-//#region src/components/compositions/elements/card/ListCard.vue
-var t = e;
-//#endregion
-export { t as default };
-
-//# sourceMappingURL=ListCard.js.map

package/dist/components/compositions/elements/card/ListCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListCard.js","names":[],"sources":["../../../../../src/components/compositions/elements/card/ListCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * `card.list` element composition.\n *\n * Renders a vertical stack of nested child elements inside an optional\n * Card chrome. Acts as the element-tier equivalent of `ElementListCard`\n * and replaces `configuration-block.elements-block` as the canonical\n * inline element container.\n *\n * In the FormBuilder the canvas resolves `elementList` IDs → objects and\n * passes them here as `nestedElements`. In static JSON the host can also\n * supply `nestedElements` directly.\n */\nimport { computed } from \"vue\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface ListCardProps {\n  label?: string\n  title?: string\n  subtitle?: string\n  showCard?: boolean\n  gutterY?: string\n  gutterX?: string\n  /** Resolved child elements passed by the engine / FormBuilder canvas. */\n  nestedElements?: Array<Record<string, unknown>>\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<ListCardProps>(), {\n  showCard: true,\n  gutterY: \"1rem\",\n  gutterX: \"0\",\n  nestedElements: () => [],\n  item: () => ({}),\n})\n\nconst heading = computed(() => props.title ?? props.label)\n\nconst children = computed(() =>\n  (props.nestedElements ?? []).filter(\n    (e): boolean =>\n      typeof e === \"object\" &&\n      e !== null &&\n      typeof (e as Record<string, unknown>).type === \"string\",\n  ) as unknown as CardElement[],\n)\n\nconst bodyStyle = computed(() => ({\n  rowGap: props.gutterY,\n  columnGap: props.gutterX,\n}))\n</script>\n\n<template>\n  <Card\n    v-if=\"props.showCard !== false\"\n    :class=\"cn(props.classList)\"\n    data-element-list-card\n  >\n    <CardHeader v-if=\"heading || props.subtitle\">\n      <CardTitle v-if=\"heading\">{{ heading }}</CardTitle>\n      <CardDescription v-if=\"props.subtitle\">{{ props.subtitle }}</CardDescription>\n    </CardHeader>\n    <CardContent class=\"flex flex-col\" :style=\"bodyStyle\">\n      <ElementRenderer\n        v-for=\"child in children\"\n        :key=\"child.id\"\n        :element=\"child\"\n        :item=\"props.item\"\n      />\n      <p v-if=\"!children.length\" class=\"py-3 text-sm text-muted-foreground\">\n        No elements configured.\n      </p>\n    </CardContent>\n  </Card>\n\n  <div\n    v-else\n    class=\"flex flex-col\"\n    :class=\"cn(props.classList)\"\n    :style=\"bodyStyle\"\n    data-element-list-card\n  >\n    <ElementRenderer\n      v-for=\"child in children\"\n      :key=\"child.id\"\n      :element=\"child\"\n      :item=\"props.item\"\n    />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/compositions/elements/card/ListCard.vue_vue_type_script_setup_true_lang.js

@@ -1,76 +0,0 @@
-import { cn as e } from "../../../../lib/utils.js";
-import t from "../../../ui/card/Card.js";
-import n from "../../../ui/card/CardContent.js";
-import r from "../../../ui/card/CardDescription.js";
-import i from "../../../ui/card/CardHeader.js";
-import a from "../../../ui/card/CardTitle.js";
-import "../../../ui/card/index.js";
-import o from "../../../../engine/ElementRenderer.js";
-import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createTextVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, normalizeStyle as g, openBlock as _, renderList as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
-//#region src/components/compositions/elements/card/ListCard.vue?vue&type=script&setup=true&lang.ts
-var S = {
-	key: 0,
-	class: "py-3 text-sm text-muted-foreground"
-}, C = /* @__PURE__ */ m({
-	__name: "ListCard",
-	props: {
-		label: {},
-		title: {},
-		subtitle: {},
-		showCard: {
-			type: Boolean,
-			default: !0
-		},
-		gutterY: { default: "1rem" },
-		gutterX: { default: "0" },
-		nestedElements: { default: () => [] },
-		item: { default: () => ({}) },
-		classList: {}
-	},
-	setup(m) {
-		let C = m, w = c(() => C.title ?? C.label), T = c(() => (C.nestedElements ?? []).filter((e) => typeof e == "object" && !!e && typeof e.type == "string")), E = c(() => ({
-			rowGap: C.gutterY,
-			columnGap: C.gutterX
-		}));
-		return (c, m) => C.showCard === !1 ? (_(), d("div", {
-			key: 1,
-			class: h(["flex flex-col", b(e)(C.classList)]),
-			style: g(E.value),
-			"data-element-list-card": ""
-		}, [(_(!0), d(s, null, v(T.value, (e) => (_(), l(o, {
-			key: e.id,
-			element: e,
-			item: C.item
-		}, null, 8, ["element", "item"]))), 128))], 6)) : (_(), l(b(t), {
-			key: 0,
-			class: h(b(e)(C.classList)),
-			"data-element-list-card": ""
-		}, {
-			default: x(() => [w.value || C.subtitle ? (_(), l(b(i), { key: 0 }, {
-				default: x(() => [w.value ? (_(), l(b(a), { key: 0 }, {
-					default: x(() => [f(y(w.value), 1)]),
-					_: 1
-				})) : u("", !0), C.subtitle ? (_(), l(b(r), { key: 1 }, {
-					default: x(() => [f(y(C.subtitle), 1)]),
-					_: 1
-				})) : u("", !0)]),
-				_: 1
-			})) : u("", !0), p(b(n), {
-				class: "flex flex-col",
-				style: g(E.value)
-			}, {
-				default: x(() => [(_(!0), d(s, null, v(T.value, (e) => (_(), l(o, {
-					key: e.id,
-					element: e,
-					item: C.item
-				}, null, 8, ["element", "item"]))), 128)), T.value.length ? u("", !0) : (_(), d("p", S, " No elements configured. "))]),
-				_: 1
-			}, 8, ["style"])]),
-			_: 1
-		}, 8, ["class"]));
-	}
-});
-//#endregion
-export { C as default };
-
-//# sourceMappingURL=ListCard.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/compositions/elements/card/ListCard.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListCard.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/components/compositions/elements/card/ListCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * `card.list` element composition.\n *\n * Renders a vertical stack of nested child elements inside an optional\n * Card chrome. Acts as the element-tier equivalent of `ElementListCard`\n * and replaces `configuration-block.elements-block` as the canonical\n * inline element container.\n *\n * In the FormBuilder the canvas resolves `elementList` IDs → objects and\n * passes them here as `nestedElements`. In static JSON the host can also\n * supply `nestedElements` directly.\n */\nimport { computed } from \"vue\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface ListCardProps {\n  label?: string\n  title?: string\n  subtitle?: string\n  showCard?: boolean\n  gutterY?: string\n  gutterX?: string\n  /** Resolved child elements passed by the engine / FormBuilder canvas. */\n  nestedElements?: Array<Record<string, unknown>>\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<ListCardProps>(), {\n  showCard: true,\n  gutterY: \"1rem\",\n  gutterX: \"0\",\n  nestedElements: () => [],\n  item: () => ({}),\n})\n\nconst heading = computed(() => props.title ?? props.label)\n\nconst children = computed(() =>\n  (props.nestedElements ?? []).filter(\n    (e): boolean =>\n      typeof e === \"object\" &&\n      e !== null &&\n      typeof (e as Record<string, unknown>).type === \"string\",\n  ) as unknown as CardElement[],\n)\n\nconst bodyStyle = computed(() => ({\n  rowGap: props.gutterY,\n  columnGap: props.gutterX,\n}))\n</script>\n\n<template>\n  <Card\n    v-if=\"props.showCard !== false\"\n    :class=\"cn(props.classList)\"\n    data-element-list-card\n  >\n    <CardHeader v-if=\"heading || props.subtitle\">\n      <CardTitle v-if=\"heading\">{{ heading }}</CardTitle>\n      <CardDescription v-if=\"props.subtitle\">{{ props.subtitle }}</CardDescription>\n    </CardHeader>\n    <CardContent class=\"flex flex-col\" :style=\"bodyStyle\">\n      <ElementRenderer\n        v-for=\"child in children\"\n        :key=\"child.id\"\n        :element=\"child\"\n        :item=\"props.item\"\n      />\n      <p v-if=\"!children.length\" class=\"py-3 text-sm text-muted-foreground\">\n        No elements configured.\n      </p>\n    </CardContent>\n  </Card>\n\n  <div\n    v-else\n    class=\"flex flex-col\"\n    :class=\"cn(props.classList)\"\n    :style=\"bodyStyle\"\n    data-element-list-card\n  >\n    <ElementRenderer\n      v-for=\"child in children\"\n      :key=\"child.id\"\n      :element=\"child\"\n      :item=\"props.item\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCA,IAAM,IAAQ,GAQR,IAAU,QAAe,EAAM,SAAS,EAAM,KAAK,GAEnD,IAAW,SACd,EAAM,kBAAkB,CAAC,GAAG,QAC1B,MACC,OAAO,KAAM,cACb,KACA,OAAQ,EAA8B,QAAS,QACnD,CACF,GAEM,IAAY,SAAgB;GAChC,QAAQ,EAAM;GACd,WAAW,EAAM;EACnB,EAAE;mBAKQ,EAAM,aAAQ,WAqBtB,EAaM,OAAA;;GAXJ,OAAK,EAAA,CAAC,iBACE,EAAA,CAAA,EAAG,EAAM,SAAS,CAAA,CAAA;GACzB,OAAK,EAAE,EAAA,KAAS;GACjB,0BAAA;cAEA,EAKE,GAAA,MAAA,EAJgB,EAAA,QAAT,YADT,EAKE,GAAA;GAHC,KAAK,EAAM;GACX,SAAS;GACT,MAAM,EAAM;qDAhCK,EAAA,GADtB,EAoBO,EAAA,CAAA,GAAA;;GAlBJ,OAAK,EAAE,EAAA,CAAA,EAAG,EAAM,SAAS,CAAA;GAC1B,0BAAA;;oBAKa,CAHK,EAAA,SAAW,EAAM,YAAA,EAAA,GAAnC,EAGa,EAAA,CAAA,GAAA,EAAA,KAAA,EAAA,GAAA;qBAFwC,CAAlC,EAAA,SAAA,EAAA,GAAjB,EAAmD,EAAA,CAAA,GAAA,EAAA,KAAA,EAAA,GAAA;sBAAZ,CAAA,EAAA,EAAV,EAAA,KAAO,GAAA,CAAA,CAAA,CAAA;;qBACb,EAAM,YAAA,EAAA,GAA7B,EAA6E,EAAA,CAAA,GAAA,EAAA,KAAA,EAAA,GAAA;sBAAlB,CAAA,EAAA,EAAjB,EAAM,QAAQ,GAAA,CAAA,CAAA,CAAA;;;;oBAE1D,EAUc,EAAA,CAAA,GAAA;IAVD,OAAM;IAAiB,OAAK,EAAE,EAAA,KAAS;;qBAEvB,EAAA,EAAA,EAAA,GAD3B,EAKE,GAAA,MAAA,EAJgB,EAAA,QAAT,YADT,EAKE,GAAA;KAHC,KAAK,EAAM;KACX,SAAS;KACT,MAAM,EAAM;+CAEL,EAAA,MAAS,SAEnB,EAAA,IAAA,EAAA,KAFmB,EAAA,GAAnB,EAEI,KAFJ,GAAsE,2BAEtE,EAAA,CAAA"}

package/dist/components/compositions/elements/card/TabCard.js

@@ -1,7 +0,0 @@
-import e from "./TabCard.vue_vue_type_script_setup_true_lang.js";
-//#region src/components/compositions/elements/card/TabCard.vue
-var t = e;
-//#endregion
-export { t as default };
-
-//# sourceMappingURL=TabCard.js.map

package/dist/components/compositions/elements/card/TabCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabCard.js","names":[],"sources":["../../../../../src/components/compositions/elements/card/TabCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * `card.tab` element composition.\n *\n * Renders a tabbed container. Each tab in `tabs` owns an optional\n * `nestedElements` array of resolved child elements. In the FormBuilder\n * each tab's `elementList` IDs are resolved before being forwarded here.\n */\nimport { computed, ref } from \"vue\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n} from \"@/components/ui/card\"\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"@/components/ui/tabs\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\nimport { cn } from \"@/lib/utils\"\n\ninterface TabEntry {\n  id: string\n  label: string\n  nestedElements?: Array<Record<string, unknown>>\n}\n\nexport interface TabCardProps {\n  label?: string\n  title?: string\n  showCard?: boolean\n  gutterY?: string\n  gutterX?: string\n  /** Tab definitions including resolved child elements. */\n  tabs?: TabEntry[]\n  activeTab?: number\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<TabCardProps>(), {\n  showCard: true,\n  gutterY: \"1rem\",\n  gutterX: \"0\",\n  tabs: () => [],\n  activeTab: 0,\n  item: () => ({}),\n})\n\nconst resolvedTabs = computed(() =>\n  (props.tabs ?? []).map((tab) => ({\n    ...tab,\n    children: (tab.nestedElements ?? []).filter(\n      (e): boolean =>\n        typeof e === \"object\" &&\n        e !== null &&\n        typeof (e as Record<string, unknown>).type === \"string\",\n    ) as unknown as CardElement[],\n  })),\n)\n\nconst activeTabId = computed(\n  () => resolvedTabs.value[props.activeTab ?? 0]?.id ?? resolvedTabs.value[0]?.id ?? \"\",\n)\nconst currentTab = ref(activeTabId.value)\n\nconst bodyStyle = computed(() => ({\n  rowGap: props.gutterY,\n  columnGap: props.gutterX,\n}))\n\nconst heading = computed(() => props.title ?? props.label)\n</script>\n\n<template>\n  <Card v-if=\"props.showCard !== false\" :class=\"cn(props.classList)\">\n    <CardHeader v-if=\"heading\">\n      <span class=\"text-base font-semibold\">{{ heading }}</span>\n    </CardHeader>\n    <CardContent>\n      <Tabs v-model=\"currentTab\">\n        <TabsList v-if=\"resolvedTabs.length\">\n          <TabsTrigger\n            v-for=\"tab in resolvedTabs\"\n            :key=\"tab.id\"\n            :value=\"tab.id\"\n          >\n            {{ tab.label }}\n          </TabsTrigger>\n        </TabsList>\n        <TabsContent\n          v-for=\"tab in resolvedTabs\"\n          :key=\"tab.id\"\n          :value=\"tab.id\"\n          class=\"flex flex-col pt-3\"\n          :style=\"bodyStyle\"\n        >\n          <ElementRenderer\n            v-for=\"child in tab.children\"\n            :key=\"child.id\"\n            :element=\"child\"\n            :item=\"props.item\"\n          />\n          <p v-if=\"!tab.children.length\" class=\"py-3 text-sm text-muted-foreground\">\n            No elements configured for this tab.\n          </p>\n        </TabsContent>\n      </Tabs>\n      <p v-if=\"!resolvedTabs.length\" class=\"py-3 text-sm text-muted-foreground\">\n        No tabs configured.\n      </p>\n    </CardContent>\n  </Card>\n\n  <div v-else :class=\"cn(props.classList)\">\n    <Tabs v-model=\"currentTab\">\n      <TabsList v-if=\"resolvedTabs.length\">\n        <TabsTrigger\n          v-for=\"tab in resolvedTabs\"\n          :key=\"tab.id\"\n          :value=\"tab.id\"\n        >\n          {{ tab.label }}\n        </TabsTrigger>\n      </TabsList>\n      <TabsContent\n        v-for=\"tab in resolvedTabs\"\n        :key=\"tab.id\"\n        :value=\"tab.id\"\n        class=\"flex flex-col pt-3\"\n        :style=\"bodyStyle\"\n      >\n        <ElementRenderer\n          v-for=\"child in tab.children\"\n          :key=\"child.id\"\n          :element=\"child\"\n          :item=\"props.item\"\n        />\n      </TabsContent>\n    </Tabs>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/compositions/elements/card/TabCard.vue_vue_type_script_setup_true_lang.js

@@ -1,119 +0,0 @@
-import { cn as e } from "../../../../lib/utils.js";
-import t from "../../../ui/card/Card.js";
-import n from "../../../ui/card/CardContent.js";
-import r from "../../../ui/card/CardHeader.js";
-import "../../../ui/card/index.js";
-import i from "../../../ui/tabs/Tabs.js";
-import a from "../../../ui/tabs/TabsContent.js";
-import o from "../../../ui/tabs/TabsList.js";
-import s from "../../../ui/tabs/TabsTrigger.js";
-import "../../../ui/tabs/index.js";
-import c from "../../../../engine/ElementRenderer.js";
-import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, normalizeStyle as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, withCtx as T } from "vue";
-//#region src/components/compositions/elements/card/TabCard.vue?vue&type=script&setup=true&lang.ts
-var E = { class: "text-base font-semibold" }, D = {
-	key: 0,
-	class: "py-3 text-sm text-muted-foreground"
-}, O = {
-	key: 0,
-	class: "py-3 text-sm text-muted-foreground"
-}, k = /* @__PURE__ */ _({
-	__name: "TabCard",
-	props: {
-		label: {},
-		title: {},
-		showCard: {
-			type: Boolean,
-			default: !0
-		},
-		gutterY: { default: "1rem" },
-		gutterX: { default: "0" },
-		tabs: { default: () => [] },
-		activeTab: { default: 0 },
-		item: { default: () => ({}) },
-		classList: {}
-	},
-	setup(_) {
-		let k = _, A = u(() => (k.tabs ?? []).map((e) => ({
-			...e,
-			children: (e.nestedElements ?? []).filter((e) => typeof e == "object" && !!e && typeof e.type == "string")
-		}))), j = x(u(() => A.value[k.activeTab ?? 0]?.id ?? A.value[0]?.id ?? "").value), M = u(() => ({
-			rowGap: k.gutterY,
-			columnGap: k.gutterX
-		})), N = u(() => k.title ?? k.label);
-		return (u, _) => k.showCard === !1 ? (b(), p("div", {
-			key: 1,
-			class: v(w(e)(k.classList))
-		}, [g(w(i), {
-			modelValue: j.value,
-			"onUpdate:modelValue": _[1] ||= (e) => j.value = e
-		}, {
-			default: T(() => [A.value.length ? (b(), d(w(o), { key: 0 }, {
-				default: T(() => [(b(!0), p(l, null, S(A.value, (e) => (b(), d(w(s), {
-					key: e.id,
-					value: e.id
-				}, {
-					default: T(() => [h(C(e.label), 1)]),
-					_: 2
-				}, 1032, ["value"]))), 128))]),
-				_: 1
-			})) : f("", !0), (b(!0), p(l, null, S(A.value, (e) => (b(), d(w(a), {
-				key: e.id,
-				value: e.id,
-				class: "flex flex-col pt-3",
-				style: y(M.value)
-			}, {
-				default: T(() => [(b(!0), p(l, null, S(e.children, (e) => (b(), d(c, {
-					key: e.id,
-					element: e,
-					item: k.item
-				}, null, 8, ["element", "item"]))), 128))]),
-				_: 2
-			}, 1032, ["value", "style"]))), 128))]),
-			_: 1
-		}, 8, ["modelValue"])], 2)) : (b(), d(w(t), {
-			key: 0,
-			class: v(w(e)(k.classList))
-		}, {
-			default: T(() => [N.value ? (b(), d(w(r), { key: 0 }, {
-				default: T(() => [m("span", E, C(N.value), 1)]),
-				_: 1
-			})) : f("", !0), g(w(n), null, {
-				default: T(() => [g(w(i), {
-					modelValue: j.value,
-					"onUpdate:modelValue": _[0] ||= (e) => j.value = e
-				}, {
-					default: T(() => [A.value.length ? (b(), d(w(o), { key: 0 }, {
-						default: T(() => [(b(!0), p(l, null, S(A.value, (e) => (b(), d(w(s), {
-							key: e.id,
-							value: e.id
-						}, {
-							default: T(() => [h(C(e.label), 1)]),
-							_: 2
-						}, 1032, ["value"]))), 128))]),
-						_: 1
-					})) : f("", !0), (b(!0), p(l, null, S(A.value, (e) => (b(), d(w(a), {
-						key: e.id,
-						value: e.id,
-						class: "flex flex-col pt-3",
-						style: y(M.value)
-					}, {
-						default: T(() => [(b(!0), p(l, null, S(e.children, (e) => (b(), d(c, {
-							key: e.id,
-							element: e,
-							item: k.item
-						}, null, 8, ["element", "item"]))), 128)), e.children.length ? f("", !0) : (b(), p("p", D, " No elements configured for this tab. "))]),
-						_: 2
-					}, 1032, ["value", "style"]))), 128))]),
-					_: 1
-				}, 8, ["modelValue"]), A.value.length ? f("", !0) : (b(), p("p", O, " No tabs configured. "))]),
-				_: 1
-			})]),
-			_: 1
-		}, 8, ["class"]));
-	}
-});
-//#endregion
-export { k as default };
-
-//# sourceMappingURL=TabCard.vue_vue_type_script_setup_true_lang.js.map