@gxp-dev/mod-ui 2.0.0 → 2.0.1

package/dist/components/compositions/elements/display/QrCodeDisplay.vue2.js

@@ -1,49 +1,5 @@
-import { defineComponent as v, computed as s, useTemplateRef as m, ref as f, onMounted as p, watch as _, openBlock as l, createElementBlock as c, normalizeClass as y, createElementVNode as C, toDisplayString as R, createCommentVNode as h } from "vue";
-const Q = ["aria-label"], g = {
-  key: 0,
-  class: "mt-1 text-xs text-destructive",
-  "data-testid": "qrcode-error"
-}, x = /* @__PURE__ */ v({
-  __name: "QrCodeDisplay",
-  props: {
-    value: {},
-    classList: {}
-  },
-  setup(i) {
-    const t = i, a = s(() => t.value === void 0 || t.value === null ? "" : String(t.value)), d = s(() => {
-      const e = t.classList;
-      return e ? Array.isArray(e) ? e.join(" ") : e : "";
-    }), o = m("canvasRef"), r = f("");
-    async function n() {
-      if (!(!o.value || !a.value))
-        try {
-          await (await import("qrcode")).default.toCanvas(o.value, a.value, {
-            margin: 1,
-            width: 160
-          }), r.value = "";
-        } catch (e) {
-          r.value = e instanceof Error ? e.message : "Failed to render QR code";
-        }
-    }
-    return p(() => {
-      n();
-    }), _(a, () => {
-      n();
-    }), (e, u) => (l(), c("div", {
-      class: y(["inline-block", d.value]),
-      "data-testid": "qrcode-display"
-    }, [
-      C("canvas", {
-        ref_key: "canvasRef",
-        ref: o,
-        "aria-label": `QR code: ${a.value}`,
-        role: "img"
-      }, null, 8, Q),
-      r.value ? (l(), c("p", g, R(r.value), 1)) : h("", !0)
-    ], 2));
-  }
-});
+import f from "./QrCodeDisplay.vue.js";
 export {
-  x as default
+  f as default
 };
 //# sourceMappingURL=QrCodeDisplay.vue2.js.map

package/dist/components/compositions/elements/display/QrCodeDisplay.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"QrCodeDisplay.vue2.js","sources":["../../../../../src/components/compositions/elements/display/QrCodeDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven QR code display.\n *\n * Generates a QR code into a `<canvas>` via the `qrcode` library,\n * lazy-imported on mount.\n */\nimport { computed, onMounted, ref, useTemplateRef, watch } from \"vue\"\n\nexport interface QrCodeDisplayProps {\n  value?: string | number | null\n  classList?: string[] | string\n}\n\nconst props = defineProps<QrCodeDisplayProps>()\n\nconst content = computed<string>(() => {\n  if (props.value === undefined || props.value === null) {\n    return \"\"\n  }\n  return String(props.value)\n})\n\nconst rootClass = computed<string>(() => {\n  const cl = props.classList\n  if (!cl) {\n    return \"\"\n  }\n  return Array.isArray(cl) ? cl.join(\" \") : cl\n})\n\nconst canvasRef = useTemplateRef<HTMLCanvasElement>(\"canvasRef\")\nconst error = ref<string>(\"\")\n\nasync function renderQr(): Promise<void> {\n  if (!canvasRef.value || !content.value) {\n    return\n  }\n  try {\n    const mod = await import(\"qrcode\")\n    const QRCode = (mod as unknown as { default: { toCanvas: (canvas: HTMLCanvasElement, text: string, opts?: Record<string, unknown>) => Promise<void> } }).default\n    await QRCode.toCanvas(canvasRef.value, content.value, {\n      margin: 1,\n      width: 160,\n    })\n    error.value = \"\"\n  } catch (e) {\n    error.value = e instanceof Error ? e.message : \"Failed to render QR code\"\n  }\n}\n\nonMounted(() => {\n  void renderQr()\n})\n\nwatch(content, () => {\n  void renderQr()\n})\n</script>\n\n<template>\n  <div\n    class=\"inline-block\"\n    :class=\"rootClass\"\n    data-testid=\"qrcode-display\"\n  >\n    <canvas\n      ref=\"canvasRef\"\n      :aria-label=\"`QR code: ${content}`\"\n      role=\"img\"\n    />\n    <p\n      v-if=\"error\"\n      class=\"mt-1 text-xs text-destructive\"\n      data-testid=\"qrcode-error\"\n    >\n      {{ error }}\n    </p>\n  </div>\n</template>\n"],"names":["props","__props","content","computed","rootClass","cl","canvasRef","useTemplateRef","error","ref","renderQr","onMounted","watch","_createElementBlock","_normalizeClass","_createElementVNode","_hoisted_2","_toDisplayString"],"mappings":";;;;;;;;;;;;AAcA,UAAMA,IAAQC,GAERC,IAAUC,EAAiB,MAC3BH,EAAM,UAAU,UAAaA,EAAM,UAAU,OACxC,KAEF,OAAOA,EAAM,KAAK,CAC1B,GAEKI,IAAYD,EAAiB,MAAM;AACvC,YAAME,IAAKL,EAAM;AACjB,aAAKK,IAGE,MAAM,QAAQA,CAAE,IAAIA,EAAG,KAAK,GAAG,IAAIA,IAFjC;AAAA,IAGX,CAAC,GAEKC,IAAYC,EAAkC,WAAW,GACzDC,IAAQC,EAAY,EAAE;AAE5B,mBAAeC,IAA0B;AACvC,UAAI,GAACJ,EAAU,SAAS,CAACJ,EAAQ;AAGjC,YAAI;AAGF,iBAFY,MAAM,OAAO,QAAQ,GACwH,QAC5I,SAASI,EAAU,OAAOJ,EAAQ,OAAO;AAAA,YACpD,QAAQ;AAAA,YACR,OAAO;AAAA,UAAA,CACR,GACDM,EAAM,QAAQ;AAAA,QAChB,SAAS,GAAG;AACV,UAAAA,EAAM,QAAQ,aAAa,QAAQ,EAAE,UAAU;AAAA,QACjD;AAAA,IACF;AAEA,WAAAG,EAAU,MAAM;AACd,MAAKD,EAAA;AAAA,IACP,CAAC,GAEDE,EAAMV,GAAS,MAAM;AACnB,MAAKQ,EAAA;AAAA,IACP,CAAC,mBAICG,EAiBM,OAAA;AAAA,MAhBJ,OAAKC,EAAA,CAAC,gBACEV,EAAA,KAAS,CAAA;AAAA,MACjB,eAAY;AAAA,IAAA;MAEZW,EAIE,UAAA;AAAA,iBAHI;AAAA,QAAJ,KAAIT;AAAA,QACH,0BAAwBJ,EAAA,KAAO;AAAA,QAChC,MAAK;AAAA,MAAA;MAGCM,EAAA,cADRK,EAMI,KANJG,GAMIC,EADCT,EAAA,KAAK,GAAA,CAAA;;;;"}
+{"version":3,"file":"QrCodeDisplay.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,7 @@
+export interface ReactiveCanvasDisplayProps {
+    label?: string;
+    classList?: string[] | string;
+}
+declare const _default: import('vue').DefineComponent<ReactiveCanvasDisplayProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ReactiveCanvasDisplayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=ReactiveCanvasDisplay.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReactiveCanvasDisplay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/display/ReactiveCanvasDisplay.vue"],"names":[],"mappings":"AA6EA,MAAM,WAAW,0BAA0B;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;CAC9B;;AAuID,wBAOG"}

package/dist/components/compositions/elements/display/ReactiveCanvasDisplay.vue.js

@@ -1,5 +1,67 @@
-import f from "./ReactiveCanvasDisplay.vue2.js";
+import { defineComponent as m, computed as c, openBlock as f, createBlock as p, unref as t, normalizeClass as d, withCtx as a, createVNode as s, createElementVNode as u, createTextVNode as o, toDisplayString as _ } from "vue";
+import { Construction as v } from "lucide-vue-next";
+import "../../../ui/card/index.js";
+import "../../../ui/badge/index.js";
+import x from "../../../ui/card/Card.vue.js";
+import C from "../../../ui/card/CardHeader.vue.js";
+import y from "../../../ui/card/CardTitle.vue.js";
+import g from "../../../ui/card/CardDescription.vue.js";
+import $ from "../../../ui/badge/Badge.vue.js";
+import b from "../../../ui/card/CardContent.vue.js";
+const w = { class: "flex-1" }, E = /* @__PURE__ */ m({
+  __name: "ReactiveCanvasDisplay",
+  props: {
+    label: {},
+    classList: {}
+  },
+  setup(i) {
+    const n = i, l = c(() => {
+      const r = n.classList;
+      return r ? Array.isArray(r) ? r.join(" ") : r : "";
+    });
+    return (r, e) => (f(), p(t(x), {
+      class: d(l.value),
+      "data-testid": "reactive-canvas-display"
+    }, {
+      default: a(() => [
+        s(t(C), { class: "flex flex-row items-center gap-3 p-4" }, {
+          default: a(() => [
+            s(t(v), { class: "size-5 text-muted-foreground" }),
+            u("div", w, [
+              s(t(y), { class: "text-base" }, {
+                default: a(() => [
+                  o(_(i.label ?? "Reactive Canvas"), 1)
+                ]),
+                _: 1
+              }),
+              s(t(g), null, {
+                default: a(() => [...e[0] || (e[0] = [
+                  o(" Coming soon — reactive canvas runtime is not yet implemented. ", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            s(t($), { variant: "secondary" }, {
+              default: a(() => [...e[1] || (e[1] = [
+                o(" reactive-canvas ", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        s(t(b), { class: "p-4 pt-0 text-sm text-muted-foreground" }, {
+          default: a(() => [...e[2] || (e[2] = [
+            o(" Awaiting the reactive-canvas builder counterpart. ", -1)
+          ])]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+});
 export {
-  f as default
+  E as default
 };
 //# sourceMappingURL=ReactiveCanvasDisplay.vue.js.map

package/dist/components/compositions/elements/display/ReactiveCanvasDisplay.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactiveCanvasDisplay.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ReactiveCanvasDisplay.vue.js","sources":["../../../../../src/components/compositions/elements/display/ReactiveCanvasDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * STUB props-driven reactive canvas display.\n *\n * Pending the reactive canvas runtime (which itself depends on the\n * builder counterpart).\n */\nimport { computed } from \"vue\"\nimport { Construction } from \"lucide-vue-next\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { Badge } from \"@/components/ui/badge\"\n\nexport interface ReactiveCanvasDisplayProps {\n  label?: string\n  classList?: string[] | string\n}\n\nconst props = defineProps<ReactiveCanvasDisplayProps>()\n\nconst rootClass = computed<string>(() => {\n  const cl = props.classList\n  if (!cl) {\n    return \"\"\n  }\n  return Array.isArray(cl) ? cl.join(\" \") : cl\n})\n</script>\n\n<template>\n  <Card\n    :class=\"rootClass\"\n    data-testid=\"reactive-canvas-display\"\n  >\n    <CardHeader class=\"flex flex-row items-center gap-3 p-4\">\n      <Construction class=\"size-5 text-muted-foreground\" />\n      <div class=\"flex-1\">\n        <CardTitle class=\"text-base\">\n          {{ label ?? \"Reactive Canvas\" }}\n        </CardTitle>\n        <CardDescription>\n          Coming soon — reactive canvas runtime is not yet implemented.\n        </CardDescription>\n      </div>\n      <Badge variant=\"secondary\">\n        reactive-canvas\n      </Badge>\n    </CardHeader>\n    <CardContent class=\"p-4 pt-0 text-sm text-muted-foreground\">\n      Awaiting the reactive-canvas builder counterpart.\n    </CardContent>\n  </Card>\n</template>\n"],"names":["props","__props","rootClass","computed","cl","_createBlock","_unref","Card","_createVNode","CardHeader","Construction","_createElementVNode","_hoisted_1","CardTitle","CardDescription","_cache","Badge","CardContent"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,UAAMA,IAAQC,GAERC,IAAYC,EAAiB,MAAM;AACvC,YAAMC,IAAKJ,EAAM;AACjB,aAAKI,IAGE,MAAM,QAAQA,CAAE,IAAIA,EAAG,KAAK,GAAG,IAAIA,IAFjC;AAAA,IAGX,CAAC;2BAICC,EAqBOC,EAAAC,CAAA,GAAA;AAAA,MApBJ,SAAOL,EAAA,KAAS;AAAA,MACjB,eAAY;AAAA,IAAA;iBAEZ,MAaa;AAAA,QAbbM,EAaaF,EAAAG,CAAA,GAAA,EAbD,OAAM,0CAAsC;AAAA,qBACtD,MAAqD;AAAA,YAArDD,EAAqDF,EAAAI,CAAA,GAAA,EAAvC,OAAM,gCAA8B;AAAA,YAClDC,EAOM,OAPNC,GAOM;AAAA,cANJJ,EAEYF,EAAAO,CAAA,GAAA,EAFD,OAAM,eAAW;AAAA,2BAC1B,MAAgC;AAAA,sBAA7BZ,EAAA,SAAK,iBAAA,GAAA,CAAA;AAAA,gBAAA;;;cAEVO,EAEkBF,EAAAQ,CAAA,GAAA,MAAA;AAAA,2BAFD,MAEjB,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,oBAFiB,mEAEjB,EAAA;AAAA,gBAAA;;;;YAEFP,EAEQF,EAAAU,CAAA,GAAA,EAFD,SAAQ,eAAW;AAAA,yBAAC,MAE3B,CAAA,GAAAD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,kBAF2B,qBAE3B,EAAA;AAAA,cAAA;;;;;;QAEFP,EAEcF,EAAAW,CAAA,GAAA,EAFD,OAAM,4CAAwC;AAAA,qBAAC,MAE5D,CAAA,GAAAF,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,cAF4D,uDAE5D,EAAA;AAAA,UAAA;;;;;;;;"}

package/dist/components/compositions/elements/display/ReactiveCanvasDisplay.vue2.js

@@ -1,67 +1,5 @@
-import { defineComponent as m, computed as c, openBlock as f, createBlock as p, unref as t, normalizeClass as d, withCtx as a, createVNode as s, createElementVNode as u, createTextVNode as o, toDisplayString as _ } from "vue";
-import { Construction as v } from "lucide-vue-next";
-import "../../../ui/card/index.js";
-import "../../../ui/badge/index.js";
-import x from "../../../ui/card/Card.vue.js";
-import C from "../../../ui/card/CardHeader.vue.js";
-import y from "../../../ui/card/CardTitle.vue.js";
-import g from "../../../ui/card/CardDescription.vue.js";
-import $ from "../../../ui/badge/Badge.vue.js";
-import b from "../../../ui/card/CardContent.vue.js";
-const w = { class: "flex-1" }, E = /* @__PURE__ */ m({
-  __name: "ReactiveCanvasDisplay",
-  props: {
-    label: {},
-    classList: {}
-  },
-  setup(i) {
-    const n = i, l = c(() => {
-      const r = n.classList;
-      return r ? Array.isArray(r) ? r.join(" ") : r : "";
-    });
-    return (r, e) => (f(), p(t(x), {
-      class: d(l.value),
-      "data-testid": "reactive-canvas-display"
-    }, {
-      default: a(() => [
-        s(t(C), { class: "flex flex-row items-center gap-3 p-4" }, {
-          default: a(() => [
-            s(t(v), { class: "size-5 text-muted-foreground" }),
-            u("div", w, [
-              s(t(y), { class: "text-base" }, {
-                default: a(() => [
-                  o(_(i.label ?? "Reactive Canvas"), 1)
-                ]),
-                _: 1
-              }),
-              s(t(g), null, {
-                default: a(() => [...e[0] || (e[0] = [
-                  o(" Coming soon — reactive canvas runtime is not yet implemented. ", -1)
-                ])]),
-                _: 1
-              })
-            ]),
-            s(t($), { variant: "secondary" }, {
-              default: a(() => [...e[1] || (e[1] = [
-                o(" reactive-canvas ", -1)
-              ])]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }),
-        s(t(b), { class: "p-4 pt-0 text-sm text-muted-foreground" }, {
-          default: a(() => [...e[2] || (e[2] = [
-            o(" Awaiting the reactive-canvas builder counterpart. ", -1)
-          ])]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["class"]));
-  }
-});
+import f from "./ReactiveCanvasDisplay.vue.js";
 export {
-  E as default
+  f as default
 };
 //# sourceMappingURL=ReactiveCanvasDisplay.vue2.js.map

package/dist/components/compositions/elements/display/ReactiveCanvasDisplay.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactiveCanvasDisplay.vue2.js","sources":["../../../../../src/components/compositions/elements/display/ReactiveCanvasDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * STUB props-driven reactive canvas display.\n *\n * Pending the reactive canvas runtime (which itself depends on the\n * builder counterpart).\n */\nimport { computed } from \"vue\"\nimport { Construction } from \"lucide-vue-next\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { Badge } from \"@/components/ui/badge\"\n\nexport interface ReactiveCanvasDisplayProps {\n  label?: string\n  classList?: string[] | string\n}\n\nconst props = defineProps<ReactiveCanvasDisplayProps>()\n\nconst rootClass = computed<string>(() => {\n  const cl = props.classList\n  if (!cl) {\n    return \"\"\n  }\n  return Array.isArray(cl) ? cl.join(\" \") : cl\n})\n</script>\n\n<template>\n  <Card\n    :class=\"rootClass\"\n    data-testid=\"reactive-canvas-display\"\n  >\n    <CardHeader class=\"flex flex-row items-center gap-3 p-4\">\n      <Construction class=\"size-5 text-muted-foreground\" />\n      <div class=\"flex-1\">\n        <CardTitle class=\"text-base\">\n          {{ label ?? \"Reactive Canvas\" }}\n        </CardTitle>\n        <CardDescription>\n          Coming soon — reactive canvas runtime is not yet implemented.\n        </CardDescription>\n      </div>\n      <Badge variant=\"secondary\">\n        reactive-canvas\n      </Badge>\n    </CardHeader>\n    <CardContent class=\"p-4 pt-0 text-sm text-muted-foreground\">\n      Awaiting the reactive-canvas builder counterpart.\n    </CardContent>\n  </Card>\n</template>\n"],"names":["props","__props","rootClass","computed","cl","_createBlock","_unref","Card","_createVNode","CardHeader","Construction","_createElementVNode","_hoisted_1","CardTitle","CardDescription","_cache","Badge","CardContent"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,UAAMA,IAAQC,GAERC,IAAYC,EAAiB,MAAM;AACvC,YAAMC,IAAKJ,EAAM;AACjB,aAAKI,IAGE,MAAM,QAAQA,CAAE,IAAIA,EAAG,KAAK,GAAG,IAAIA,IAFjC;AAAA,IAGX,CAAC;2BAICC,EAqBOC,EAAAC,CAAA,GAAA;AAAA,MApBJ,SAAOL,EAAA,KAAS;AAAA,MACjB,eAAY;AAAA,IAAA;iBAEZ,MAaa;AAAA,QAbbM,EAaaF,EAAAG,CAAA,GAAA,EAbD,OAAM,0CAAsC;AAAA,qBACtD,MAAqD;AAAA,YAArDD,EAAqDF,EAAAI,CAAA,GAAA,EAAvC,OAAM,gCAA8B;AAAA,YAClDC,EAOM,OAPNC,GAOM;AAAA,cANJJ,EAEYF,EAAAO,CAAA,GAAA,EAFD,OAAM,eAAW;AAAA,2BAC1B,MAAgC;AAAA,sBAA7BZ,EAAA,SAAK,iBAAA,GAAA,CAAA;AAAA,gBAAA;;;cAEVO,EAEkBF,EAAAQ,CAAA,GAAA,MAAA;AAAA,2BAFD,MAEjB,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,oBAFiB,mEAEjB,EAAA;AAAA,gBAAA;;;;YAEFP,EAEQF,EAAAU,CAAA,GAAA,EAFD,SAAQ,eAAW;AAAA,yBAAC,MAE3B,CAAA,GAAAD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,kBAF2B,qBAE3B,EAAA;AAAA,cAAA;;;;;;QAEFP,EAEcF,EAAAW,CAAA,GAAA,EAFD,OAAM,4CAAwC;AAAA,qBAAC,MAE5D,CAAA,GAAAF,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,cAF4D,uDAE5D,EAAA;AAAA,UAAA;;;;;;;;"}
+{"version":3,"file":"ReactiveCanvasDisplay.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,7 @@
+export interface SpriteDisplayProps {
+    label?: string;
+    classList?: string[] | string;
+}
+declare const _default: import('vue').DefineComponent<SpriteDisplayProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SpriteDisplayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=SpriteDisplay.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SpriteDisplay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/display/SpriteDisplay.vue"],"names":[],"mappings":"AA6EA,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;CAC9B;;AAuID,wBAOG"}

package/dist/components/compositions/elements/display/SpriteDisplay.vue.js

@@ -1,5 +1,67 @@
-import f from "./SpriteDisplay.vue2.js";
+import { defineComponent as n, computed as p, openBlock as f, createBlock as c, unref as t, normalizeClass as d, withCtx as s, createVNode as r, createElementVNode as u, createTextVNode as a, toDisplayString as _ } from "vue";
+import { Construction as x } from "lucide-vue-next";
+import "../../../ui/card/index.js";
+import "../../../ui/badge/index.js";
+import y from "../../../ui/card/Card.vue.js";
+import C from "../../../ui/card/CardHeader.vue.js";
+import $ from "../../../ui/card/CardTitle.vue.js";
+import g from "../../../ui/card/CardDescription.vue.js";
+import b from "../../../ui/badge/Badge.vue.js";
+import S from "../../../ui/card/CardContent.vue.js";
+const k = { class: "flex-1" }, j = /* @__PURE__ */ n({
+  __name: "SpriteDisplay",
+  props: {
+    label: {},
+    classList: {}
+  },
+  setup(i) {
+    const l = i, m = p(() => {
+      const o = l.classList;
+      return o ? Array.isArray(o) ? o.join(" ") : o : "";
+    });
+    return (o, e) => (f(), c(t(y), {
+      class: d(m.value),
+      "data-testid": "sprite-display"
+    }, {
+      default: s(() => [
+        r(t(C), { class: "flex flex-row items-center gap-3 p-4" }, {
+          default: s(() => [
+            r(t(x), { class: "size-5 text-muted-foreground" }),
+            u("div", k, [
+              r(t($), { class: "text-base" }, {
+                default: s(() => [
+                  a(_(i.label ?? "Sprite"), 1)
+                ]),
+                _: 1
+              }),
+              r(t(g), null, {
+                default: s(() => [...e[0] || (e[0] = [
+                  a(" Coming soon — sprite playback is not yet implemented. ", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            r(t(b), { variant: "secondary" }, {
+              default: s(() => [...e[1] || (e[1] = [
+                a(" sprite ", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        r(t(S), { class: "p-4 pt-0 text-sm text-muted-foreground" }, {
+          default: s(() => [...e[2] || (e[2] = [
+            a(" Sprite sheet format TBD. ", -1)
+          ])]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+});
 export {
-  f as default
+  j as default
 };
 //# sourceMappingURL=SpriteDisplay.vue.js.map

package/dist/components/compositions/elements/display/SpriteDisplay.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpriteDisplay.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"SpriteDisplay.vue.js","sources":["../../../../../src/components/compositions/elements/display/SpriteDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * STUB props-driven sprite display.\n *\n * Pending decisions on sprite sheet format (CSS background, SVG\n * symbol, animation timeline).\n */\nimport { computed } from \"vue\"\nimport { Construction } from \"lucide-vue-next\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { Badge } from \"@/components/ui/badge\"\n\nexport interface SpriteDisplayProps {\n  label?: string\n  classList?: string[] | string\n}\n\nconst props = defineProps<SpriteDisplayProps>()\n\nconst rootClass = computed<string>(() => {\n  const cl = props.classList\n  if (!cl) {\n    return \"\"\n  }\n  return Array.isArray(cl) ? cl.join(\" \") : cl\n})\n</script>\n\n<template>\n  <Card\n    :class=\"rootClass\"\n    data-testid=\"sprite-display\"\n  >\n    <CardHeader class=\"flex flex-row items-center gap-3 p-4\">\n      <Construction class=\"size-5 text-muted-foreground\" />\n      <div class=\"flex-1\">\n        <CardTitle class=\"text-base\">\n          {{ label ?? \"Sprite\" }}\n        </CardTitle>\n        <CardDescription>\n          Coming soon — sprite playback is not yet implemented.\n        </CardDescription>\n      </div>\n      <Badge variant=\"secondary\">\n        sprite\n      </Badge>\n    </CardHeader>\n    <CardContent class=\"p-4 pt-0 text-sm text-muted-foreground\">\n      Sprite sheet format TBD.\n    </CardContent>\n  </Card>\n</template>\n"],"names":["props","__props","rootClass","computed","cl","_createBlock","_unref","Card","_createVNode","CardHeader","Construction","_createElementVNode","_hoisted_1","CardTitle","CardDescription","_cache","Badge","CardContent"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,UAAMA,IAAQC,GAERC,IAAYC,EAAiB,MAAM;AACvC,YAAMC,IAAKJ,EAAM;AACjB,aAAKI,IAGE,MAAM,QAAQA,CAAE,IAAIA,EAAG,KAAK,GAAG,IAAIA,IAFjC;AAAA,IAGX,CAAC;2BAICC,EAqBOC,EAAAC,CAAA,GAAA;AAAA,MApBJ,SAAOL,EAAA,KAAS;AAAA,MACjB,eAAY;AAAA,IAAA;iBAEZ,MAaa;AAAA,QAbbM,EAaaF,EAAAG,CAAA,GAAA,EAbD,OAAM,0CAAsC;AAAA,qBACtD,MAAqD;AAAA,YAArDD,EAAqDF,EAAAI,CAAA,GAAA,EAAvC,OAAM,gCAA8B;AAAA,YAClDC,EAOM,OAPNC,GAOM;AAAA,cANJJ,EAEYF,EAAAO,CAAA,GAAA,EAFD,OAAM,eAAW;AAAA,2BAC1B,MAAuB;AAAA,sBAApBZ,EAAA,SAAK,QAAA,GAAA,CAAA;AAAA,gBAAA;;;cAEVO,EAEkBF,EAAAQ,CAAA,GAAA,MAAA;AAAA,2BAFD,MAEjB,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,oBAFiB,2DAEjB,EAAA;AAAA,gBAAA;;;;YAEFP,EAEQF,EAAAU,CAAA,GAAA,EAFD,SAAQ,eAAW;AAAA,yBAAC,MAE3B,CAAA,GAAAD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,kBAF2B,YAE3B,EAAA;AAAA,cAAA;;;;;;QAEFP,EAEcF,EAAAW,CAAA,GAAA,EAFD,OAAM,4CAAwC;AAAA,qBAAC,MAE5D,CAAA,GAAAF,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,cAF4D,8BAE5D,EAAA;AAAA,UAAA;;;;;;;;"}

package/dist/components/compositions/elements/display/SpriteDisplay.vue2.js

@@ -1,67 +1,5 @@
-import { defineComponent as n, computed as p, openBlock as f, createBlock as c, unref as t, normalizeClass as d, withCtx as s, createVNode as r, createElementVNode as u, createTextVNode as a, toDisplayString as _ } from "vue";
-import { Construction as x } from "lucide-vue-next";
-import "../../../ui/card/index.js";
-import "../../../ui/badge/index.js";
-import y from "../../../ui/card/Card.vue.js";
-import C from "../../../ui/card/CardHeader.vue.js";
-import $ from "../../../ui/card/CardTitle.vue.js";
-import g from "../../../ui/card/CardDescription.vue.js";
-import b from "../../../ui/badge/Badge.vue.js";
-import S from "../../../ui/card/CardContent.vue.js";
-const k = { class: "flex-1" }, j = /* @__PURE__ */ n({
-  __name: "SpriteDisplay",
-  props: {
-    label: {},
-    classList: {}
-  },
-  setup(i) {
-    const l = i, m = p(() => {
-      const o = l.classList;
-      return o ? Array.isArray(o) ? o.join(" ") : o : "";
-    });
-    return (o, e) => (f(), c(t(y), {
-      class: d(m.value),
-      "data-testid": "sprite-display"
-    }, {
-      default: s(() => [
-        r(t(C), { class: "flex flex-row items-center gap-3 p-4" }, {
-          default: s(() => [
-            r(t(x), { class: "size-5 text-muted-foreground" }),
-            u("div", k, [
-              r(t($), { class: "text-base" }, {
-                default: s(() => [
-                  a(_(i.label ?? "Sprite"), 1)
-                ]),
-                _: 1
-              }),
-              r(t(g), null, {
-                default: s(() => [...e[0] || (e[0] = [
-                  a(" Coming soon — sprite playback is not yet implemented. ", -1)
-                ])]),
-                _: 1
-              })
-            ]),
-            r(t(b), { variant: "secondary" }, {
-              default: s(() => [...e[1] || (e[1] = [
-                a(" sprite ", -1)
-              ])]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }),
-        r(t(S), { class: "p-4 pt-0 text-sm text-muted-foreground" }, {
-          default: s(() => [...e[2] || (e[2] = [
-            a(" Sprite sheet format TBD. ", -1)
-          ])]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["class"]));
-  }
-});
+import f from "./SpriteDisplay.vue.js";
 export {
-  j as default
+  f as default
 };
 //# sourceMappingURL=SpriteDisplay.vue2.js.map

package/dist/components/compositions/elements/display/SpriteDisplay.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpriteDisplay.vue2.js","sources":["../../../../../src/components/compositions/elements/display/SpriteDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * STUB props-driven sprite display.\n *\n * Pending decisions on sprite sheet format (CSS background, SVG\n * symbol, animation timeline).\n */\nimport { computed } from \"vue\"\nimport { Construction } from \"lucide-vue-next\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport { Badge } from \"@/components/ui/badge\"\n\nexport interface SpriteDisplayProps {\n  label?: string\n  classList?: string[] | string\n}\n\nconst props = defineProps<SpriteDisplayProps>()\n\nconst rootClass = computed<string>(() => {\n  const cl = props.classList\n  if (!cl) {\n    return \"\"\n  }\n  return Array.isArray(cl) ? cl.join(\" \") : cl\n})\n</script>\n\n<template>\n  <Card\n    :class=\"rootClass\"\n    data-testid=\"sprite-display\"\n  >\n    <CardHeader class=\"flex flex-row items-center gap-3 p-4\">\n      <Construction class=\"size-5 text-muted-foreground\" />\n      <div class=\"flex-1\">\n        <CardTitle class=\"text-base\">\n          {{ label ?? \"Sprite\" }}\n        </CardTitle>\n        <CardDescription>\n          Coming soon — sprite playback is not yet implemented.\n        </CardDescription>\n      </div>\n      <Badge variant=\"secondary\">\n        sprite\n      </Badge>\n    </CardHeader>\n    <CardContent class=\"p-4 pt-0 text-sm text-muted-foreground\">\n      Sprite sheet format TBD.\n    </CardContent>\n  </Card>\n</template>\n"],"names":["props","__props","rootClass","computed","cl","_createBlock","_unref","Card","_createVNode","CardHeader","Construction","_createElementVNode","_hoisted_1","CardTitle","CardDescription","_cache","Badge","CardContent"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,UAAMA,IAAQC,GAERC,IAAYC,EAAiB,MAAM;AACvC,YAAMC,IAAKJ,EAAM;AACjB,aAAKI,IAGE,MAAM,QAAQA,CAAE,IAAIA,EAAG,KAAK,GAAG,IAAIA,IAFjC;AAAA,IAGX,CAAC;2BAICC,EAqBOC,EAAAC,CAAA,GAAA;AAAA,MApBJ,SAAOL,EAAA,KAAS;AAAA,MACjB,eAAY;AAAA,IAAA;iBAEZ,MAaa;AAAA,QAbbM,EAaaF,EAAAG,CAAA,GAAA,EAbD,OAAM,0CAAsC;AAAA,qBACtD,MAAqD;AAAA,YAArDD,EAAqDF,EAAAI,CAAA,GAAA,EAAvC,OAAM,gCAA8B;AAAA,YAClDC,EAOM,OAPNC,GAOM;AAAA,cANJJ,EAEYF,EAAAO,CAAA,GAAA,EAFD,OAAM,eAAW;AAAA,2BAC1B,MAAuB;AAAA,sBAApBZ,EAAA,SAAK,QAAA,GAAA,CAAA;AAAA,gBAAA;;;cAEVO,EAEkBF,EAAAQ,CAAA,GAAA,MAAA;AAAA,2BAFD,MAEjB,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,oBAFiB,2DAEjB,EAAA;AAAA,gBAAA;;;;YAEFP,EAEQF,EAAAU,CAAA,GAAA,EAFD,SAAQ,eAAW;AAAA,yBAAC,MAE3B,CAAA,GAAAD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,kBAF2B,YAE3B,EAAA;AAAA,cAAA;;;;;;QAEFP,EAEcF,EAAAW,CAAA,GAAA,EAFD,OAAM,4CAAwC;AAAA,qBAAC,MAE5D,CAAA,GAAAF,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,cAF4D,8BAE5D,EAAA;AAAA,UAAA;;;;;;;;"}
+{"version":3,"file":"SpriteDisplay.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,11 @@
+import { DisplayContentType } from '../../../../definitions/elements/DisplayElement';
+export interface TypeDisplayProps {
+    value?: string | number | null;
+    contentType?: DisplayContentType;
+    classList?: string[] | string;
+}
+declare const _default: import('vue').DefineComponent<TypeDisplayProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TypeDisplayProps> & Readonly<{}>, {
+    contentType: DisplayContentType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=TypeDisplay.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TypeDisplay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/display/TypeDisplay.vue"],"names":[],"mappings":"AA4FA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAA;AAE/E,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC9B,WAAW,CAAC,EAAE,kBAAkB,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;CAC9B;;iBAFe,kBAAkB;;AA6GlC,wBAQG"}

package/dist/components/compositions/elements/display/TypeDisplay.vue.js

@@ -1,5 +1,45 @@
-import f from "./TypeDisplay.vue2.js";
+import { defineComponent as d, computed as a, openBlock as i, createBlock as g, h as u } from "vue";
+const h = /* @__PURE__ */ d({
+  __name: "TypeDisplay",
+  props: {
+    value: {},
+    contentType: { default: "paragraph" },
+    classList: {}
+  },
+  setup(o) {
+    const t = o, l = a(() => t.value === void 0 || t.value === null ? "" : String(t.value)), r = a(() => {
+      const e = t.classList;
+      return e ? Array.isArray(e) ? e.join(" ") : e : "";
+    }), s = {
+      "heading-1": { tag: "h1", classes: "text-4xl font-bold tracking-tight" },
+      "heading-2": { tag: "h2", classes: "text-3xl font-semibold tracking-tight" },
+      "heading-3": { tag: "h3", classes: "text-2xl font-semibold" },
+      "heading-4": { tag: "h4", classes: "text-xl font-semibold" },
+      "heading-5": { tag: "h5", classes: "text-lg font-semibold" },
+      "heading-6": { tag: "h6", classes: "text-base font-semibold" },
+      paragraph: { tag: "p", classes: "leading-7" },
+      lead: { tag: "p", classes: "text-lg text-muted-foreground" },
+      small: { tag: "small", classes: "text-xs" },
+      caption: { tag: "span", classes: "text-xs text-muted-foreground" },
+      code: { tag: "code", classes: "font-mono bg-muted px-1 rounded text-sm" },
+      quote: { tag: "blockquote", classes: "border-l-4 pl-4 italic text-muted-foreground" }
+    }, n = a(() => s[t.contentType] ?? s.paragraph), c = {
+      render() {
+        return u(
+          n.value.tag,
+          {
+            class: [n.value.classes, r.value].filter(Boolean).join(" "),
+            "data-testid": "type-display",
+            "data-content-type": t.contentType
+          },
+          l.value
+        );
+      }
+    };
+    return (e, p) => (i(), g(c));
+  }
+});
 export {
-  f as default
+  h as default
 };
 //# sourceMappingURL=TypeDisplay.vue.js.map

package/dist/components/compositions/elements/display/TypeDisplay.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypeDisplay.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"TypeDisplay.vue.js","sources":["../../../../../src/components/compositions/elements/display/TypeDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven typography display.\n *\n * The `contentType` sub-style selects the semantic tag and Tailwind\n * classes (heading-1 .. heading-6, paragraph, lead, small, caption,\n * code, quote).\n *\n *   <TypeDisplay value=\"Hello, world\" content-type=\"heading-1\" />\n */\nimport { computed, h, type Component } from \"vue\"\nimport type { DisplayContentType } from \"@/definitions/elements/DisplayElement\"\n\nexport interface TypeDisplayProps {\n  value?: string | number | null\n  contentType?: DisplayContentType\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<TypeDisplayProps>(), {\n  contentType: \"paragraph\",\n})\n\nconst content = computed<string>(() => {\n  if (props.value === undefined || props.value === null) {\n    return \"\"\n  }\n  return String(props.value)\n})\n\nconst rootClass = computed<string>(() => {\n  const cl = props.classList\n  if (!cl) {\n    return \"\"\n  }\n  return Array.isArray(cl) ? cl.join(\" \") : cl\n})\n\ninterface VariantSpec {\n  tag: string\n  classes: string\n}\n\nconst VARIANTS: Record<DisplayContentType, VariantSpec> = {\n  \"heading-1\": { tag: \"h1\", classes: \"text-4xl font-bold tracking-tight\" },\n  \"heading-2\": { tag: \"h2\", classes: \"text-3xl font-semibold tracking-tight\" },\n  \"heading-3\": { tag: \"h3\", classes: \"text-2xl font-semibold\" },\n  \"heading-4\": { tag: \"h4\", classes: \"text-xl font-semibold\" },\n  \"heading-5\": { tag: \"h5\", classes: \"text-lg font-semibold\" },\n  \"heading-6\": { tag: \"h6\", classes: \"text-base font-semibold\" },\n  paragraph: { tag: \"p\", classes: \"leading-7\" },\n  lead: { tag: \"p\", classes: \"text-lg text-muted-foreground\" },\n  small: { tag: \"small\", classes: \"text-xs\" },\n  caption: { tag: \"span\", classes: \"text-xs text-muted-foreground\" },\n  code: { tag: \"code\", classes: \"font-mono bg-muted px-1 rounded text-sm\" },\n  quote: { tag: \"blockquote\", classes: \"border-l-4 pl-4 italic text-muted-foreground\" },\n}\n\nconst variant = computed<VariantSpec>(() => {\n  return VARIANTS[props.contentType] ?? VARIANTS.paragraph\n})\n\nconst Rendered: Component = {\n  render() {\n    return h(\n      variant.value.tag,\n      {\n        class: [variant.value.classes, rootClass.value].filter(Boolean).join(\" \"),\n        \"data-testid\": \"type-display\",\n        \"data-content-type\": props.contentType,\n      },\n      content.value,\n    )\n  },\n}\n</script>\n\n<template>\n  <Rendered />\n</template>\n"],"names":["props","__props","content","computed","rootClass","cl","VARIANTS","variant","Rendered","h","_createBlock"],"mappings":";;;;;;;;;AAmBA,UAAMA,IAAQC,GAIRC,IAAUC,EAAiB,MAC3BH,EAAM,UAAU,UAAaA,EAAM,UAAU,OACxC,KAEF,OAAOA,EAAM,KAAK,CAC1B,GAEKI,IAAYD,EAAiB,MAAM;AACvC,YAAME,IAAKL,EAAM;AACjB,aAAKK,IAGE,MAAM,QAAQA,CAAE,IAAIA,EAAG,KAAK,GAAG,IAAIA,IAFjC;AAAA,IAGX,CAAC,GAOKC,IAAoD;AAAA,MACxD,aAAa,EAAE,KAAK,MAAM,SAAS,oCAAA;AAAA,MACnC,aAAa,EAAE,KAAK,MAAM,SAAS,wCAAA;AAAA,MACnC,aAAa,EAAE,KAAK,MAAM,SAAS,yBAAA;AAAA,MACnC,aAAa,EAAE,KAAK,MAAM,SAAS,wBAAA;AAAA,MACnC,aAAa,EAAE,KAAK,MAAM,SAAS,wBAAA;AAAA,MACnC,aAAa,EAAE,KAAK,MAAM,SAAS,0BAAA;AAAA,MACnC,WAAW,EAAE,KAAK,KAAK,SAAS,YAAA;AAAA,MAChC,MAAM,EAAE,KAAK,KAAK,SAAS,gCAAA;AAAA,MAC3B,OAAO,EAAE,KAAK,SAAS,SAAS,UAAA;AAAA,MAChC,SAAS,EAAE,KAAK,QAAQ,SAAS,gCAAA;AAAA,MACjC,MAAM,EAAE,KAAK,QAAQ,SAAS,0CAAA;AAAA,MAC9B,OAAO,EAAE,KAAK,cAAc,SAAS,+CAAA;AAAA,IAA+C,GAGhFC,IAAUJ,EAAsB,MAC7BG,EAASN,EAAM,WAAW,KAAKM,EAAS,SAChD,GAEKE,IAAsB;AAAA,MAC1B,SAAS;AACP,eAAOC;AAAA,UACLF,EAAQ,MAAM;AAAA,UACd;AAAA,YACE,OAAO,CAACA,EAAQ,MAAM,SAASH,EAAU,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,YACxE,eAAe;AAAA,YACf,qBAAqBJ,EAAM;AAAA,UAAA;AAAA,UAE7BE,EAAQ;AAAA,QAAA;AAAA,MAEZ;AAAA,IAAA;2BAKAQ,EAAYF,CAAA;AAAA;;"}

package/dist/components/compositions/elements/display/TypeDisplay.vue2.js

@@ -1,45 +1,5 @@
-import { defineComponent as d, computed as a, openBlock as i, createBlock as g, h as u } from "vue";
-const h = /* @__PURE__ */ d({
-  __name: "TypeDisplay",
-  props: {
-    value: {},
-    contentType: { default: "paragraph" },
-    classList: {}
-  },
-  setup(o) {
-    const t = o, l = a(() => t.value === void 0 || t.value === null ? "" : String(t.value)), r = a(() => {
-      const e = t.classList;
-      return e ? Array.isArray(e) ? e.join(" ") : e : "";
-    }), s = {
-      "heading-1": { tag: "h1", classes: "text-4xl font-bold tracking-tight" },
-      "heading-2": { tag: "h2", classes: "text-3xl font-semibold tracking-tight" },
-      "heading-3": { tag: "h3", classes: "text-2xl font-semibold" },
-      "heading-4": { tag: "h4", classes: "text-xl font-semibold" },
-      "heading-5": { tag: "h5", classes: "text-lg font-semibold" },
-      "heading-6": { tag: "h6", classes: "text-base font-semibold" },
-      paragraph: { tag: "p", classes: "leading-7" },
-      lead: { tag: "p", classes: "text-lg text-muted-foreground" },
-      small: { tag: "small", classes: "text-xs" },
-      caption: { tag: "span", classes: "text-xs text-muted-foreground" },
-      code: { tag: "code", classes: "font-mono bg-muted px-1 rounded text-sm" },
-      quote: { tag: "blockquote", classes: "border-l-4 pl-4 italic text-muted-foreground" }
-    }, n = a(() => s[t.contentType] ?? s.paragraph), c = {
-      render() {
-        return u(
-          n.value.tag,
-          {
-            class: [n.value.classes, r.value].filter(Boolean).join(" "),
-            "data-testid": "type-display",
-            "data-content-type": t.contentType
-          },
-          l.value
-        );
-      }
-    };
-    return (e, p) => (i(), g(c));
-  }
-});
+import f from "./TypeDisplay.vue.js";
 export {
-  h as default
+  f as default
 };
 //# sourceMappingURL=TypeDisplay.vue2.js.map

package/dist/components/compositions/elements/display/TypeDisplay.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypeDisplay.vue2.js","sources":["../../../../../src/components/compositions/elements/display/TypeDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven typography display.\n *\n * The `contentType` sub-style selects the semantic tag and Tailwind\n * classes (heading-1 .. heading-6, paragraph, lead, small, caption,\n * code, quote).\n *\n *   <TypeDisplay value=\"Hello, world\" content-type=\"heading-1\" />\n */\nimport { computed, h, type Component } from \"vue\"\nimport type { DisplayContentType } from \"@/definitions/elements/DisplayElement\"\n\nexport interface TypeDisplayProps {\n  value?: string | number | null\n  contentType?: DisplayContentType\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<TypeDisplayProps>(), {\n  contentType: \"paragraph\",\n})\n\nconst content = computed<string>(() => {\n  if (props.value === undefined || props.value === null) {\n    return \"\"\n  }\n  return String(props.value)\n})\n\nconst rootClass = computed<string>(() => {\n  const cl = props.classList\n  if (!cl) {\n    return \"\"\n  }\n  return Array.isArray(cl) ? cl.join(\" \") : cl\n})\n\ninterface VariantSpec {\n  tag: string\n  classes: string\n}\n\nconst VARIANTS: Record<DisplayContentType, VariantSpec> = {\n  \"heading-1\": { tag: \"h1\", classes: \"text-4xl font-bold tracking-tight\" },\n  \"heading-2\": { tag: \"h2\", classes: \"text-3xl font-semibold tracking-tight\" },\n  \"heading-3\": { tag: \"h3\", classes: \"text-2xl font-semibold\" },\n  \"heading-4\": { tag: \"h4\", classes: \"text-xl font-semibold\" },\n  \"heading-5\": { tag: \"h5\", classes: \"text-lg font-semibold\" },\n  \"heading-6\": { tag: \"h6\", classes: \"text-base font-semibold\" },\n  paragraph: { tag: \"p\", classes: \"leading-7\" },\n  lead: { tag: \"p\", classes: \"text-lg text-muted-foreground\" },\n  small: { tag: \"small\", classes: \"text-xs\" },\n  caption: { tag: \"span\", classes: \"text-xs text-muted-foreground\" },\n  code: { tag: \"code\", classes: \"font-mono bg-muted px-1 rounded text-sm\" },\n  quote: { tag: \"blockquote\", classes: \"border-l-4 pl-4 italic text-muted-foreground\" },\n}\n\nconst variant = computed<VariantSpec>(() => {\n  return VARIANTS[props.contentType] ?? VARIANTS.paragraph\n})\n\nconst Rendered: Component = {\n  render() {\n    return h(\n      variant.value.tag,\n      {\n        class: [variant.value.classes, rootClass.value].filter(Boolean).join(\" \"),\n        \"data-testid\": \"type-display\",\n        \"data-content-type\": props.contentType,\n      },\n      content.value,\n    )\n  },\n}\n</script>\n\n<template>\n  <Rendered />\n</template>\n"],"names":["props","__props","content","computed","rootClass","cl","VARIANTS","variant","Rendered","h","_createBlock"],"mappings":";;;;;;;;;AAmBA,UAAMA,IAAQC,GAIRC,IAAUC,EAAiB,MAC3BH,EAAM,UAAU,UAAaA,EAAM,UAAU,OACxC,KAEF,OAAOA,EAAM,KAAK,CAC1B,GAEKI,IAAYD,EAAiB,MAAM;AACvC,YAAME,IAAKL,EAAM;AACjB,aAAKK,IAGE,MAAM,QAAQA,CAAE,IAAIA,EAAG,KAAK,GAAG,IAAIA,IAFjC;AAAA,IAGX,CAAC,GAOKC,IAAoD;AAAA,MACxD,aAAa,EAAE,KAAK,MAAM,SAAS,oCAAA;AAAA,MACnC,aAAa,EAAE,KAAK,MAAM,SAAS,wCAAA;AAAA,MACnC,aAAa,EAAE,KAAK,MAAM,SAAS,yBAAA;AAAA,MACnC,aAAa,EAAE,KAAK,MAAM,SAAS,wBAAA;AAAA,MACnC,aAAa,EAAE,KAAK,MAAM,SAAS,wBAAA;AAAA,MACnC,aAAa,EAAE,KAAK,MAAM,SAAS,0BAAA;AAAA,MACnC,WAAW,EAAE,KAAK,KAAK,SAAS,YAAA;AAAA,MAChC,MAAM,EAAE,KAAK,KAAK,SAAS,gCAAA;AAAA,MAC3B,OAAO,EAAE,KAAK,SAAS,SAAS,UAAA;AAAA,MAChC,SAAS,EAAE,KAAK,QAAQ,SAAS,gCAAA;AAAA,MACjC,MAAM,EAAE,KAAK,QAAQ,SAAS,0CAAA;AAAA,MAC9B,OAAO,EAAE,KAAK,cAAc,SAAS,+CAAA;AAAA,IAA+C,GAGhFC,IAAUJ,EAAsB,MAC7BG,EAASN,EAAM,WAAW,KAAKM,EAAS,SAChD,GAEKE,IAAsB;AAAA,MAC1B,SAAS;AACP,eAAOC;AAAA,UACLF,EAAQ,MAAM;AAAA,UACd;AAAA,YACE,OAAO,CAACA,EAAQ,MAAM,SAASH,EAAU,KAAK,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,YACxE,eAAe;AAAA,YACf,qBAAqBJ,EAAM;AAAA,UAAA;AAAA,UAE7BE,EAAQ;AAAA,QAAA;AAAA,MAEZ;AAAA,IAAA;2BAKAQ,EAAYF,CAAA;AAAA;;"}
+{"version":3,"file":"TypeDisplay.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,10 @@
+export interface VideoPlayerDisplayProps {
+    src?: string;
+    autoplay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    classList?: string[] | string;
+}
+declare const _default: import('vue').DefineComponent<VideoPlayerDisplayProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<VideoPlayerDisplayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=VideoPlayerDisplay.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VideoPlayerDisplay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/display/VideoPlayerDisplay.vue"],"names":[],"mappings":"AAwDA,MAAM,WAAW,uBAAuB;IACtC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;CAC9B;;AAgED,wBAOG"}

package/dist/components/compositions/elements/display/VideoPlayerDisplay.vue.js

@@ -1,5 +1,36 @@
-import f from "./VideoPlayerDisplay.vue2.js";
+import { defineComponent as r, computed as c, openBlock as t, createElementBlock as a, normalizeClass as n, createCommentVNode as d } from "vue";
+const u = ["src", "autoplay", "loop", "muted"], p = /* @__PURE__ */ r({
+  __name: "VideoPlayerDisplay",
+  props: {
+    src: {},
+    autoplay: { type: Boolean },
+    loop: { type: Boolean },
+    muted: { type: Boolean },
+    classList: {}
+  },
+  setup(o) {
+    const l = o, s = c(() => {
+      const e = l.classList;
+      return e ? Array.isArray(e) ? e.join(" ") : e : "";
+    });
+    return (e, i) => (t(), a("div", {
+      class: n(["w-full", s.value]),
+      "data-testid": "video-display"
+    }, [
+      o.src ? (t(), a("video", {
+        key: 0,
+        controls: "",
+        src: o.src,
+        autoplay: o.autoplay || void 0,
+        loop: o.loop || void 0,
+        muted: o.muted || void 0,
+        class: "h-auto w-full rounded border",
+        preload: "metadata"
+      }, null, 8, u)) : d("", !0)
+    ], 2));
+  }
+});
 export {
-  f as default
+  p as default
 };
 //# sourceMappingURL=VideoPlayerDisplay.vue.js.map

package/dist/components/compositions/elements/display/VideoPlayerDisplay.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoPlayerDisplay.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"VideoPlayerDisplay.vue.js","sources":["../../../../../src/components/compositions/elements/display/VideoPlayerDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven video display.\n *\n * Renders a native HTML5 `<video controls>` player. Pass `autoplay`,\n * `loop`, and `muted` to enable the corresponding behaviours.\n */\nimport { computed } from \"vue\"\n\nexport interface VideoPlayerDisplayProps {\n  src?: string\n  autoplay?: boolean\n  loop?: boolean\n  muted?: boolean\n  classList?: string[] | string\n}\n\nconst props = defineProps<VideoPlayerDisplayProps>()\n\nconst rootClass = computed<string>(() => {\n  const cl = props.classList\n  if (!cl) {\n    return \"\"\n  }\n  return Array.isArray(cl) ? cl.join(\" \") : cl\n})\n</script>\n\n<template>\n  <div\n    class=\"w-full\"\n    :class=\"rootClass\"\n    data-testid=\"video-display\"\n  >\n    <video\n      v-if=\"src\"\n      controls\n      :src=\"src\"\n      :autoplay=\"autoplay || undefined\"\n      :loop=\"loop || undefined\"\n      :muted=\"muted || undefined\"\n      class=\"h-auto w-full rounded border\"\n      preload=\"metadata\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","rootClass","computed","cl","_createElementBlock","_normalizeClass"],"mappings":";;;;;;;;;;;AAiBA,UAAMA,IAAQC,GAERC,IAAYC,EAAiB,MAAM;AACvC,YAAMC,IAAKJ,EAAM;AACjB,aAAKI,IAGE,MAAM,QAAQA,CAAE,IAAIA,EAAG,KAAK,GAAG,IAAIA,IAFjC;AAAA,IAGX,CAAC;2BAICC,EAeM,OAAA;AAAA,MAdJ,OAAKC,EAAA,CAAC,UACEJ,EAAA,KAAS,CAAA;AAAA,MACjB,eAAY;AAAA,IAAA;MAGJD,EAAA,YADRI,EASE,SAAA;AAAA;QAPA,UAAA;AAAA,QACC,KAAKJ,EAAA;AAAA,QACL,UAAUA,EAAA,YAAY;AAAA,QACtB,MAAMA,EAAA,QAAQ;AAAA,QACd,OAAOA,EAAA,SAAS;AAAA,QACjB,OAAM;AAAA,QACN,SAAQ;AAAA,MAAA;;;;"}