@gxp-dev/mod-ui 2.0.0 → 2.0.1

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"IframeDisplay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/display/IframeDisplay.vue"],"names":[],"mappings":"AAyDA,MAAM,WAAW,kBAAkB;IACjC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;CAC9B;;aAFW,MAAM;;AAwElB,wBAQG"}

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

@@ -1,5 +1,35 @@
-import f from "./IframeDisplay.vue2.js";
+import { defineComponent as o, computed as n, openBlock as r, createElementBlock as s, normalizeClass as i, createCommentVNode as c } from "vue";
+const d = ["src", "title", "sandbox"], m = /* @__PURE__ */ o({
+  __name: "IframeDisplay",
+  props: {
+    src: {},
+    title: {},
+    sandbox: { default: "allow-scripts allow-same-origin" },
+    classList: {}
+  },
+  setup(e) {
+    const l = e, a = n(() => {
+      const t = l.classList;
+      return t ? Array.isArray(t) ? t.join(" ") : t : "";
+    });
+    return (t, u) => (r(), s("div", {
+      class: i(["relative w-full overflow-hidden rounded-lg border", a.value]),
+      style: { "aspect-ratio": "16 / 9" },
+      "data-testid": "iframe-display"
+    }, [
+      e.src ? (r(), s("iframe", {
+        key: 0,
+        src: e.src,
+        title: e.title ?? "Embedded content",
+        class: "absolute inset-0 h-full w-full",
+        sandbox: e.sandbox,
+        loading: "lazy",
+        referrerpolicy: "no-referrer"
+      }, null, 8, d)) : c("", !0)
+    ], 2));
+  }
+});
 export {
-  f as default
+  m as default
 };
 //# sourceMappingURL=IframeDisplay.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IframeDisplay.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"IframeDisplay.vue.js","sources":["../../../../../src/components/compositions/elements/display/IframeDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven iframe display.\n *\n * Embeds a remote document inside a sandboxed iframe. The wrapper\n * enforces a 16:9 aspect ratio and responsive width by default.\n */\nimport { computed } from \"vue\"\n\nexport interface IframeDisplayProps {\n  src?: string\n  title?: string\n  sandbox?: string\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<IframeDisplayProps>(), {\n  sandbox: \"allow-scripts allow-same-origin\",\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</script>\n\n<template>\n  <div\n    class=\"relative w-full overflow-hidden rounded-lg border\"\n    :class=\"rootClass\"\n    style=\"aspect-ratio: 16 / 9\"\n    data-testid=\"iframe-display\"\n  >\n    <iframe\n      v-if=\"src\"\n      :src=\"src\"\n      :title=\"title ?? 'Embedded content'\"\n      class=\"absolute inset-0 h-full w-full\"\n      :sandbox=\"sandbox\"\n      loading=\"lazy\"\n      referrerpolicy=\"no-referrer\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","rootClass","computed","cl","_createElementBlock","_normalizeClass"],"mappings":";;;;;;;;;;AAgBA,UAAMA,IAAQC,GAIRC,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,qDACEJ,EAAA,KAAS,CAAA;AAAA,MACjB,OAAA,EAAA,gBAAA,SAAA;AAAA,MACA,eAAY;AAAA,IAAA;MAGJD,EAAA,YADRI,EAQE,UAAA;AAAA;QANC,KAAKJ,EAAA;AAAA,QACL,OAAOA,EAAA,SAAK;AAAA,QACb,OAAM;AAAA,QACL,SAASA,EAAA;AAAA,QACV,SAAQ;AAAA,QACR,gBAAe;AAAA,MAAA;;;;"}

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

@@ -1,35 +1,5 @@
-import { defineComponent as o, computed as n, openBlock as r, createElementBlock as s, normalizeClass as i, createCommentVNode as c } from "vue";
-const d = ["src", "title", "sandbox"], m = /* @__PURE__ */ o({
-  __name: "IframeDisplay",
-  props: {
-    src: {},
-    title: {},
-    sandbox: { default: "allow-scripts allow-same-origin" },
-    classList: {}
-  },
-  setup(e) {
-    const l = e, a = n(() => {
-      const t = l.classList;
-      return t ? Array.isArray(t) ? t.join(" ") : t : "";
-    });
-    return (t, u) => (r(), s("div", {
-      class: i(["relative w-full overflow-hidden rounded-lg border", a.value]),
-      style: { "aspect-ratio": "16 / 9" },
-      "data-testid": "iframe-display"
-    }, [
-      e.src ? (r(), s("iframe", {
-        key: 0,
-        src: e.src,
-        title: e.title ?? "Embedded content",
-        class: "absolute inset-0 h-full w-full",
-        sandbox: e.sandbox,
-        loading: "lazy",
-        referrerpolicy: "no-referrer"
-      }, null, 8, d)) : c("", !0)
-    ], 2));
-  }
-});
+import f from "./IframeDisplay.vue.js";
 export {
-  m as default
+  f as default
 };
 //# sourceMappingURL=IframeDisplay.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IframeDisplay.vue2.js","sources":["../../../../../src/components/compositions/elements/display/IframeDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven iframe display.\n *\n * Embeds a remote document inside a sandboxed iframe. The wrapper\n * enforces a 16:9 aspect ratio and responsive width by default.\n */\nimport { computed } from \"vue\"\n\nexport interface IframeDisplayProps {\n  src?: string\n  title?: string\n  sandbox?: string\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<IframeDisplayProps>(), {\n  sandbox: \"allow-scripts allow-same-origin\",\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</script>\n\n<template>\n  <div\n    class=\"relative w-full overflow-hidden rounded-lg border\"\n    :class=\"rootClass\"\n    style=\"aspect-ratio: 16 / 9\"\n    data-testid=\"iframe-display\"\n  >\n    <iframe\n      v-if=\"src\"\n      :src=\"src\"\n      :title=\"title ?? 'Embedded content'\"\n      class=\"absolute inset-0 h-full w-full\"\n      :sandbox=\"sandbox\"\n      loading=\"lazy\"\n      referrerpolicy=\"no-referrer\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","rootClass","computed","cl","_createElementBlock","_normalizeClass"],"mappings":";;;;;;;;;;AAgBA,UAAMA,IAAQC,GAIRC,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,qDACEJ,EAAA,KAAS,CAAA;AAAA,MACjB,OAAA,EAAA,gBAAA,SAAA;AAAA,MACA,eAAY;AAAA,IAAA;MAGJD,EAAA,YADRI,EAQE,UAAA;AAAA;QANC,KAAKJ,EAAA;AAAA,QACL,OAAOA,EAAA,SAAK;AAAA,QACb,OAAM;AAAA,QACL,SAASA,EAAA;AAAA,QACV,SAAQ;AAAA,QACR,gBAAe;AAAA,MAAA;;;;"}
+{"version":3,"file":"IframeDisplay.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageDisplay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/display/ImageDisplay.vue"],"names":[],"mappings":"AA4DA,MAAM,WAAW,iBAAiB;IAChC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;CAC9B;;AA6ED,wBAOG"}

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

@@ -1,5 +1,38 @@
-import f from "./ImageDisplay.vue2.js";
+import { defineComponent as o, computed as c, openBlock as s, createElementBlock as a, normalizeClass as n, createVNode as i, unref as d } from "vue";
+import { ImageIcon as m } from "lucide-vue-next";
+const u = ["src", "alt"], f = {
+  key: 1,
+  class: "flex h-32 w-full items-center justify-center rounded border border-dashed bg-muted text-muted-foreground",
+  "data-testid": "image-display-empty"
+}, h = /* @__PURE__ */ o({
+  __name: "ImageDisplay",
+  props: {
+    src: {},
+    alt: {},
+    classList: {}
+  },
+  setup(t) {
+    const r = t, l = c(() => {
+      const e = r.classList;
+      return e ? Array.isArray(e) ? e.join(" ") : e : "";
+    });
+    return (e, y) => (s(), a("div", {
+      class: n(["inline-block", l.value]),
+      "data-testid": "image-display"
+    }, [
+      t.src ? (s(), a("img", {
+        key: 0,
+        src: t.src,
+        alt: t.alt ?? "",
+        class: "h-auto max-w-full rounded",
+        loading: "lazy"
+      }, null, 8, u)) : (s(), a("div", f, [
+        i(d(m), { class: "size-6" })
+      ]))
+    ], 2));
+  }
+});
 export {
-  f as default
+  h as default
 };
 //# sourceMappingURL=ImageDisplay.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ImageDisplay.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ImageDisplay.vue.js","sources":["../../../../../src/components/compositions/elements/display/ImageDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven image display.\n *\n * Shows a responsive `<img>` when `src` is set, otherwise renders a\n * dashed placeholder.\n */\nimport { computed } from \"vue\"\nimport { ImageIcon } from \"lucide-vue-next\"\n\nexport interface ImageDisplayProps {\n  src?: string\n  alt?: string\n  classList?: string[] | string\n}\n\nconst props = defineProps<ImageDisplayProps>()\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=\"inline-block\"\n    :class=\"rootClass\"\n    data-testid=\"image-display\"\n  >\n    <img\n      v-if=\"src\"\n      :src=\"src\"\n      :alt=\"alt ?? ''\"\n      class=\"h-auto max-w-full rounded\"\n      loading=\"lazy\"\n    >\n    <div\n      v-else\n      class=\"flex h-32 w-full items-center justify-center rounded border border-dashed bg-muted text-muted-foreground\"\n      data-testid=\"image-display-empty\"\n    >\n      <ImageIcon class=\"size-6\" />\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","rootClass","computed","cl","_createElementBlock","_normalizeClass","_openBlock","_hoisted_2","_createVNode","_unref","ImageIcon"],"mappings":";;;;;;;;;;;;;;AAgBA,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,EAmBM,OAAA;AAAA,MAlBJ,OAAKC,EAAA,CAAC,gBACEJ,EAAA,KAAS,CAAA;AAAA,MACjB,eAAY;AAAA,IAAA;MAGJD,EAAA,YADRI,EAMC,OAAA;AAAA;QAJE,KAAKJ,EAAA;AAAA,QACL,KAAKA,EAAA,OAAG;AAAA,QACT,OAAM;AAAA,QACN,SAAQ;AAAA,MAAA,mBAEVM,EAAA,GAAAF,EAMM,OANNG,GAMM;AAAA,QADJC,EAA4BC,EAAAC,CAAA,GAAA,EAAjB,OAAM,UAAQ;AAAA,MAAA;;;;"}

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

@@ -1,38 +1,5 @@
-import { defineComponent as o, computed as c, openBlock as s, createElementBlock as a, normalizeClass as n, createVNode as i, unref as d } from "vue";
-import { ImageIcon as m } from "lucide-vue-next";
-const u = ["src", "alt"], f = {
-  key: 1,
-  class: "flex h-32 w-full items-center justify-center rounded border border-dashed bg-muted text-muted-foreground",
-  "data-testid": "image-display-empty"
-}, h = /* @__PURE__ */ o({
-  __name: "ImageDisplay",
-  props: {
-    src: {},
-    alt: {},
-    classList: {}
-  },
-  setup(t) {
-    const r = t, l = c(() => {
-      const e = r.classList;
-      return e ? Array.isArray(e) ? e.join(" ") : e : "";
-    });
-    return (e, y) => (s(), a("div", {
-      class: n(["inline-block", l.value]),
-      "data-testid": "image-display"
-    }, [
-      t.src ? (s(), a("img", {
-        key: 0,
-        src: t.src,
-        alt: t.alt ?? "",
-        class: "h-auto max-w-full rounded",
-        loading: "lazy"
-      }, null, 8, u)) : (s(), a("div", f, [
-        i(d(m), { class: "size-6" })
-      ]))
-    ], 2));
-  }
-});
+import f from "./ImageDisplay.vue.js";
 export {
-  h as default
+  f as default
 };
 //# sourceMappingURL=ImageDisplay.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ImageDisplay.vue2.js","sources":["../../../../../src/components/compositions/elements/display/ImageDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven image display.\n *\n * Shows a responsive `<img>` when `src` is set, otherwise renders a\n * dashed placeholder.\n */\nimport { computed } from \"vue\"\nimport { ImageIcon } from \"lucide-vue-next\"\n\nexport interface ImageDisplayProps {\n  src?: string\n  alt?: string\n  classList?: string[] | string\n}\n\nconst props = defineProps<ImageDisplayProps>()\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=\"inline-block\"\n    :class=\"rootClass\"\n    data-testid=\"image-display\"\n  >\n    <img\n      v-if=\"src\"\n      :src=\"src\"\n      :alt=\"alt ?? ''\"\n      class=\"h-auto max-w-full rounded\"\n      loading=\"lazy\"\n    >\n    <div\n      v-else\n      class=\"flex h-32 w-full items-center justify-center rounded border border-dashed bg-muted text-muted-foreground\"\n      data-testid=\"image-display-empty\"\n    >\n      <ImageIcon class=\"size-6\" />\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","rootClass","computed","cl","_createElementBlock","_normalizeClass","_openBlock","_hoisted_2","_createVNode","_unref","ImageIcon"],"mappings":";;;;;;;;;;;;;;AAgBA,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,EAmBM,OAAA;AAAA,MAlBJ,OAAKC,EAAA,CAAC,gBACEJ,EAAA,KAAS,CAAA;AAAA,MACjB,eAAY;AAAA,IAAA;MAGJD,EAAA,YADRI,EAMC,OAAA;AAAA;QAJE,KAAKJ,EAAA;AAAA,QACL,KAAKA,EAAA,OAAG;AAAA,QACT,OAAM;AAAA,QACN,SAAQ;AAAA,MAAA,mBAEVM,EAAA,GAAAF,EAMM,OANNG,GAMM;AAAA,QADJC,EAA4BC,EAAAC,CAAA,GAAA,EAAjB,OAAM,UAAQ;AAAA,MAAA;;;;"}
+{"version":3,"file":"ImageDisplay.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownDisplay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/display/MarkdownDisplay.vue"],"names":[],"mappings":"AAwHA,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;CAC9B;;AAgID,wBAOG"}

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

@@ -1,5 +1,42 @@
-import f from "./MarkdownDisplay.vue2.js";
+import { defineComponent as u, computed as n, openBlock as d, createElementBlock as g, normalizeClass as $ } from "vue";
+const f = ["innerHTML"], h = /* @__PURE__ */ u({
+  __name: "MarkdownDisplay",
+  props: {
+    value: {},
+    classList: {}
+  },
+  setup(a) {
+    const l = a, o = n(() => l.value === void 0 || l.value === null ? "" : String(l.value)), c = n(() => {
+      const t = l.classList;
+      return t ? Array.isArray(t) ? t.join(" ") : t : "";
+    });
+    function i(t) {
+      return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+    }
+    function p(t) {
+      if (!t)
+        return "";
+      let e = i(t);
+      return e = e.replace(/```([\s\S]*?)```/g, (r, s) => `<pre class="bg-muted rounded p-3 overflow-auto"><code class="font-mono text-sm">${s.trim()}</code></pre>`), e = e.replace(/`([^`\n]+)`/g, '<code class="font-mono bg-muted px-1 rounded text-sm">$1</code>'), e = e.replace(/^######\s+(.+)$/gm, '<h6 class="text-base font-semibold">$1</h6>'), e = e.replace(/^#####\s+(.+)$/gm, '<h5 class="text-lg font-semibold">$1</h5>'), e = e.replace(/^####\s+(.+)$/gm, '<h4 class="text-xl font-semibold">$1</h4>'), e = e.replace(/^###\s+(.+)$/gm, '<h3 class="text-2xl font-semibold">$1</h3>'), e = e.replace(/^##\s+(.+)$/gm, '<h2 class="text-3xl font-semibold">$1</h2>'), e = e.replace(/^#\s+(.+)$/gm, '<h1 class="text-4xl font-bold">$1</h1>'), e = e.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), e = e.replace(/(^|[^*])\*([^*\n]+)\*(?!\*)/g, "$1<em>$2</em>"), e = e.replace(
+        /\[([^\]]+)\]\(([^)\s]+)\)/g,
+        '<a href="$2" class="text-primary underline" target="_blank" rel="noreferrer">$1</a>'
+      ), e = e.replace(/^\s*[-*+]\s+(.+)$/gm, "<li>$1</li>"), e = e.replace(/^\s*\d+\.\s+(.+)$/gm, "<li>$1</li>"), e = e.replace(/(<li>[\s\S]*?<\/li>)(?!\s*<li>)/g, '<ul class="list-disc pl-6">$1</ul>'), e = e.split(/\n{2,}/).map((r) => {
+        if (/^<(h\d|ul|ol|pre|blockquote|li)/.test(r.trim()))
+          return r;
+        const s = r.trim();
+        return s ? `<p class="leading-7">${s.replace(/\n/g, "<br />")}</p>` : "";
+      }).join(`
+`), e;
+    }
+    const m = n(() => p(o.value));
+    return (t, e) => (d(), g("div", {
+      class: $(["prose prose-sm max-w-none", c.value]),
+      "data-testid": "markdown-display",
+      innerHTML: m.value
+    }, null, 10, f));
+  }
+});
 export {
-  f as default
+  h as default
 };
 //# sourceMappingURL=MarkdownDisplay.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownDisplay.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"MarkdownDisplay.vue.js","sources":["../../../../../src/components/compositions/elements/display/MarkdownDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven markdown display.\n *\n * Renders a tiny, dependency-free markdown subset (headings, bold,\n * italic, code, fenced code, links, lists). Output is sanitised by\n * escaping HTML in the raw source before transformation. For\n * real-world rich markdown, swap in `marked` or `markdown-it`.\n */\nimport { computed } from \"vue\"\n\nexport interface MarkdownDisplayProps {\n  value?: string | number | null\n  classList?: string[] | string\n}\n\nconst props = defineProps<MarkdownDisplayProps>()\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\nfunction escapeHtml(input: string): string {\n  return input\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\")\n    .replace(/'/g, \"&#39;\")\n}\n\nfunction renderMarkdown(src: string): string {\n  if (!src) {\n    return \"\"\n  }\n  let text = escapeHtml(src)\n\n  // Fenced code blocks ```...```\n  text = text.replace(/```([\\s\\S]*?)```/g, (_, code: string) => {\n    return `<pre class=\"bg-muted rounded p-3 overflow-auto\"><code class=\"font-mono text-sm\">${code.trim()}</code></pre>`\n  })\n\n  // Inline code `...`\n  text = text.replace(/`([^`\\n]+)`/g, '<code class=\"font-mono bg-muted px-1 rounded text-sm\">$1</code>')\n\n  // Headings (# .. ######)\n  text = text.replace(/^######\\s+(.+)$/gm, '<h6 class=\"text-base font-semibold\">$1</h6>')\n  text = text.replace(/^#####\\s+(.+)$/gm, '<h5 class=\"text-lg font-semibold\">$1</h5>')\n  text = text.replace(/^####\\s+(.+)$/gm, '<h4 class=\"text-xl font-semibold\">$1</h4>')\n  text = text.replace(/^###\\s+(.+)$/gm, '<h3 class=\"text-2xl font-semibold\">$1</h3>')\n  text = text.replace(/^##\\s+(.+)$/gm, '<h2 class=\"text-3xl font-semibold\">$1</h2>')\n  text = text.replace(/^#\\s+(.+)$/gm, '<h1 class=\"text-4xl font-bold\">$1</h1>')\n\n  // Bold **text**\n  text = text.replace(/\\*\\*([^*]+)\\*\\*/g, \"<strong>$1</strong>\")\n  // Italic *text*\n  text = text.replace(/(^|[^*])\\*([^*\\n]+)\\*(?!\\*)/g, \"$1<em>$2</em>\")\n\n  // Links [text](url)\n  text = text.replace(\n    /\\[([^\\]]+)\\]\\(([^)\\s]+)\\)/g,\n    '<a href=\"$2\" class=\"text-primary underline\" target=\"_blank\" rel=\"noreferrer\">$1</a>',\n  )\n\n  // Unordered list items\n  text = text.replace(/^\\s*[-*+]\\s+(.+)$/gm, \"<li>$1</li>\")\n  // Ordered list items\n  text = text.replace(/^\\s*\\d+\\.\\s+(.+)$/gm, \"<li>$1</li>\")\n  // Wrap consecutive <li> in <ul>\n  text = text.replace(/(<li>[\\s\\S]*?<\\/li>)(?!\\s*<li>)/g, \"<ul class=\\\"list-disc pl-6\\\">$1</ul>\")\n\n  // Paragraphs: any remaining double-newline blocks\n  text = text\n    .split(/\\n{2,}/)\n    .map((block) => {\n      if (/^<(h\\d|ul|ol|pre|blockquote|li)/.test(block.trim())) {\n        return block\n      }\n      const trimmed = block.trim()\n      return trimmed ? `<p class=\"leading-7\">${trimmed.replace(/\\n/g, \"<br />\")}</p>` : \"\"\n    })\n    .join(\"\\n\")\n\n  return text\n}\n\nconst html = computed<string>(() => renderMarkdown(content.value))\n</script>\n\n<template>\n  <div\n    class=\"prose prose-sm max-w-none\"\n    :class=\"rootClass\"\n    data-testid=\"markdown-display\"\n    v-html=\"html\"\n  />\n</template>\n"],"names":["props","__props","content","computed","rootClass","cl","escapeHtml","input","renderMarkdown","src","text","_","code","block","trimmed","html","_createElementBlock","_normalizeClass"],"mappings":";;;;;;;;AAgBA,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;AAED,aAASC,EAAWC,GAAuB;AACzC,aAAOA,EACJ,QAAQ,MAAM,OAAO,EACrB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,QAAQ,EACtB,QAAQ,MAAM,OAAO;AAAA,IAC1B;AAEA,aAASC,EAAeC,GAAqB;AAC3C,UAAI,CAACA;AACH,eAAO;AAET,UAAIC,IAAOJ,EAAWG,CAAG;AAGzB,aAAAC,IAAOA,EAAK,QAAQ,qBAAqB,CAACC,GAAGC,MACpC,mFAAmFA,EAAK,KAAA,CAAM,eACtG,GAGDF,IAAOA,EAAK,QAAQ,gBAAgB,iEAAiE,GAGrGA,IAAOA,EAAK,QAAQ,qBAAqB,6CAA6C,GACtFA,IAAOA,EAAK,QAAQ,oBAAoB,2CAA2C,GACnFA,IAAOA,EAAK,QAAQ,mBAAmB,2CAA2C,GAClFA,IAAOA,EAAK,QAAQ,kBAAkB,4CAA4C,GAClFA,IAAOA,EAAK,QAAQ,iBAAiB,4CAA4C,GACjFA,IAAOA,EAAK,QAAQ,gBAAgB,wCAAwC,GAG5EA,IAAOA,EAAK,QAAQ,oBAAoB,qBAAqB,GAE7DA,IAAOA,EAAK,QAAQ,gCAAgC,eAAe,GAGnEA,IAAOA,EAAK;AAAA,QACV;AAAA,QACA;AAAA,MAAA,GAIFA,IAAOA,EAAK,QAAQ,uBAAuB,aAAa,GAExDA,IAAOA,EAAK,QAAQ,uBAAuB,aAAa,GAExDA,IAAOA,EAAK,QAAQ,oCAAoC,oCAAsC,GAG9FA,IAAOA,EACJ,MAAM,QAAQ,EACd,IAAI,CAACG,MAAU;AACd,YAAI,kCAAkC,KAAKA,EAAM,KAAA,CAAM;AACrD,iBAAOA;AAET,cAAMC,IAAUD,EAAM,KAAA;AACtB,eAAOC,IAAU,wBAAwBA,EAAQ,QAAQ,OAAO,QAAQ,CAAC,SAAS;AAAA,MACpF,CAAC,EACA,KAAK;AAAA,CAAI,GAELJ;AAAA,IACT;AAEA,UAAMK,IAAOZ,EAAiB,MAAMK,EAAeN,EAAQ,KAAK,CAAC;2BAI/Dc,EAKE,OAAA;AAAA,MAJA,OAAKC,EAAA,CAAC,6BACEb,EAAA,KAAS,CAAA;AAAA,MACjB,eAAY;AAAA,MACZ,WAAQW,EAAA;AAAA,IAAA;;;"}

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

@@ -1,42 +1,5 @@
-import { defineComponent as u, computed as n, openBlock as d, createElementBlock as g, normalizeClass as $ } from "vue";
-const f = ["innerHTML"], h = /* @__PURE__ */ u({
-  __name: "MarkdownDisplay",
-  props: {
-    value: {},
-    classList: {}
-  },
-  setup(a) {
-    const l = a, o = n(() => l.value === void 0 || l.value === null ? "" : String(l.value)), c = n(() => {
-      const t = l.classList;
-      return t ? Array.isArray(t) ? t.join(" ") : t : "";
-    });
-    function i(t) {
-      return t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-    }
-    function p(t) {
-      if (!t)
-        return "";
-      let e = i(t);
-      return e = e.replace(/```([\s\S]*?)```/g, (r, s) => `<pre class="bg-muted rounded p-3 overflow-auto"><code class="font-mono text-sm">${s.trim()}</code></pre>`), e = e.replace(/`([^`\n]+)`/g, '<code class="font-mono bg-muted px-1 rounded text-sm">$1</code>'), e = e.replace(/^######\s+(.+)$/gm, '<h6 class="text-base font-semibold">$1</h6>'), e = e.replace(/^#####\s+(.+)$/gm, '<h5 class="text-lg font-semibold">$1</h5>'), e = e.replace(/^####\s+(.+)$/gm, '<h4 class="text-xl font-semibold">$1</h4>'), e = e.replace(/^###\s+(.+)$/gm, '<h3 class="text-2xl font-semibold">$1</h3>'), e = e.replace(/^##\s+(.+)$/gm, '<h2 class="text-3xl font-semibold">$1</h2>'), e = e.replace(/^#\s+(.+)$/gm, '<h1 class="text-4xl font-bold">$1</h1>'), e = e.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), e = e.replace(/(^|[^*])\*([^*\n]+)\*(?!\*)/g, "$1<em>$2</em>"), e = e.replace(
-        /\[([^\]]+)\]\(([^)\s]+)\)/g,
-        '<a href="$2" class="text-primary underline" target="_blank" rel="noreferrer">$1</a>'
-      ), e = e.replace(/^\s*[-*+]\s+(.+)$/gm, "<li>$1</li>"), e = e.replace(/^\s*\d+\.\s+(.+)$/gm, "<li>$1</li>"), e = e.replace(/(<li>[\s\S]*?<\/li>)(?!\s*<li>)/g, '<ul class="list-disc pl-6">$1</ul>'), e = e.split(/\n{2,}/).map((r) => {
-        if (/^<(h\d|ul|ol|pre|blockquote|li)/.test(r.trim()))
-          return r;
-        const s = r.trim();
-        return s ? `<p class="leading-7">${s.replace(/\n/g, "<br />")}</p>` : "";
-      }).join(`
-`), e;
-    }
-    const m = n(() => p(o.value));
-    return (t, e) => (d(), g("div", {
-      class: $(["prose prose-sm max-w-none", c.value]),
-      "data-testid": "markdown-display",
-      innerHTML: m.value
-    }, null, 10, f));
-  }
-});
+import f from "./MarkdownDisplay.vue.js";
 export {
-  h as default
+  f as default
 };
 //# sourceMappingURL=MarkdownDisplay.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownDisplay.vue2.js","sources":["../../../../../src/components/compositions/elements/display/MarkdownDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven markdown display.\n *\n * Renders a tiny, dependency-free markdown subset (headings, bold,\n * italic, code, fenced code, links, lists). Output is sanitised by\n * escaping HTML in the raw source before transformation. For\n * real-world rich markdown, swap in `marked` or `markdown-it`.\n */\nimport { computed } from \"vue\"\n\nexport interface MarkdownDisplayProps {\n  value?: string | number | null\n  classList?: string[] | string\n}\n\nconst props = defineProps<MarkdownDisplayProps>()\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\nfunction escapeHtml(input: string): string {\n  return input\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\")\n    .replace(/'/g, \"&#39;\")\n}\n\nfunction renderMarkdown(src: string): string {\n  if (!src) {\n    return \"\"\n  }\n  let text = escapeHtml(src)\n\n  // Fenced code blocks ```...```\n  text = text.replace(/```([\\s\\S]*?)```/g, (_, code: string) => {\n    return `<pre class=\"bg-muted rounded p-3 overflow-auto\"><code class=\"font-mono text-sm\">${code.trim()}</code></pre>`\n  })\n\n  // Inline code `...`\n  text = text.replace(/`([^`\\n]+)`/g, '<code class=\"font-mono bg-muted px-1 rounded text-sm\">$1</code>')\n\n  // Headings (# .. ######)\n  text = text.replace(/^######\\s+(.+)$/gm, '<h6 class=\"text-base font-semibold\">$1</h6>')\n  text = text.replace(/^#####\\s+(.+)$/gm, '<h5 class=\"text-lg font-semibold\">$1</h5>')\n  text = text.replace(/^####\\s+(.+)$/gm, '<h4 class=\"text-xl font-semibold\">$1</h4>')\n  text = text.replace(/^###\\s+(.+)$/gm, '<h3 class=\"text-2xl font-semibold\">$1</h3>')\n  text = text.replace(/^##\\s+(.+)$/gm, '<h2 class=\"text-3xl font-semibold\">$1</h2>')\n  text = text.replace(/^#\\s+(.+)$/gm, '<h1 class=\"text-4xl font-bold\">$1</h1>')\n\n  // Bold **text**\n  text = text.replace(/\\*\\*([^*]+)\\*\\*/g, \"<strong>$1</strong>\")\n  // Italic *text*\n  text = text.replace(/(^|[^*])\\*([^*\\n]+)\\*(?!\\*)/g, \"$1<em>$2</em>\")\n\n  // Links [text](url)\n  text = text.replace(\n    /\\[([^\\]]+)\\]\\(([^)\\s]+)\\)/g,\n    '<a href=\"$2\" class=\"text-primary underline\" target=\"_blank\" rel=\"noreferrer\">$1</a>',\n  )\n\n  // Unordered list items\n  text = text.replace(/^\\s*[-*+]\\s+(.+)$/gm, \"<li>$1</li>\")\n  // Ordered list items\n  text = text.replace(/^\\s*\\d+\\.\\s+(.+)$/gm, \"<li>$1</li>\")\n  // Wrap consecutive <li> in <ul>\n  text = text.replace(/(<li>[\\s\\S]*?<\\/li>)(?!\\s*<li>)/g, \"<ul class=\\\"list-disc pl-6\\\">$1</ul>\")\n\n  // Paragraphs: any remaining double-newline blocks\n  text = text\n    .split(/\\n{2,}/)\n    .map((block) => {\n      if (/^<(h\\d|ul|ol|pre|blockquote|li)/.test(block.trim())) {\n        return block\n      }\n      const trimmed = block.trim()\n      return trimmed ? `<p class=\"leading-7\">${trimmed.replace(/\\n/g, \"<br />\")}</p>` : \"\"\n    })\n    .join(\"\\n\")\n\n  return text\n}\n\nconst html = computed<string>(() => renderMarkdown(content.value))\n</script>\n\n<template>\n  <div\n    class=\"prose prose-sm max-w-none\"\n    :class=\"rootClass\"\n    data-testid=\"markdown-display\"\n    v-html=\"html\"\n  />\n</template>\n"],"names":["props","__props","content","computed","rootClass","cl","escapeHtml","input","renderMarkdown","src","text","_","code","block","trimmed","html","_createElementBlock","_normalizeClass"],"mappings":";;;;;;;;AAgBA,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;AAED,aAASC,EAAWC,GAAuB;AACzC,aAAOA,EACJ,QAAQ,MAAM,OAAO,EACrB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,QAAQ,EACtB,QAAQ,MAAM,OAAO;AAAA,IAC1B;AAEA,aAASC,EAAeC,GAAqB;AAC3C,UAAI,CAACA;AACH,eAAO;AAET,UAAIC,IAAOJ,EAAWG,CAAG;AAGzB,aAAAC,IAAOA,EAAK,QAAQ,qBAAqB,CAACC,GAAGC,MACpC,mFAAmFA,EAAK,KAAA,CAAM,eACtG,GAGDF,IAAOA,EAAK,QAAQ,gBAAgB,iEAAiE,GAGrGA,IAAOA,EAAK,QAAQ,qBAAqB,6CAA6C,GACtFA,IAAOA,EAAK,QAAQ,oBAAoB,2CAA2C,GACnFA,IAAOA,EAAK,QAAQ,mBAAmB,2CAA2C,GAClFA,IAAOA,EAAK,QAAQ,kBAAkB,4CAA4C,GAClFA,IAAOA,EAAK,QAAQ,iBAAiB,4CAA4C,GACjFA,IAAOA,EAAK,QAAQ,gBAAgB,wCAAwC,GAG5EA,IAAOA,EAAK,QAAQ,oBAAoB,qBAAqB,GAE7DA,IAAOA,EAAK,QAAQ,gCAAgC,eAAe,GAGnEA,IAAOA,EAAK;AAAA,QACV;AAAA,QACA;AAAA,MAAA,GAIFA,IAAOA,EAAK,QAAQ,uBAAuB,aAAa,GAExDA,IAAOA,EAAK,QAAQ,uBAAuB,aAAa,GAExDA,IAAOA,EAAK,QAAQ,oCAAoC,oCAAsC,GAG9FA,IAAOA,EACJ,MAAM,QAAQ,EACd,IAAI,CAACG,MAAU;AACd,YAAI,kCAAkC,KAAKA,EAAM,KAAA,CAAM;AACrD,iBAAOA;AAET,cAAMC,IAAUD,EAAM,KAAA;AACtB,eAAOC,IAAU,wBAAwBA,EAAQ,QAAQ,OAAO,QAAQ,CAAC,SAAS;AAAA,MACpF,CAAC,EACA,KAAK;AAAA,CAAI,GAELJ;AAAA,IACT;AAEA,UAAMK,IAAOZ,EAAiB,MAAMK,EAAeN,EAAQ,KAAK,CAAC;2BAI/Dc,EAKE,OAAA;AAAA,MAJA,OAAKC,EAAA,CAAC,6BACEb,EAAA,KAAS,CAAA;AAAA,MACjB,eAAY;AAAA,MACZ,WAAQW,EAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"MarkdownDisplay.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarDisplay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/display/ProgressBarDisplay.vue"],"names":[],"mappings":"AAkFA,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;CAC9B;;cAJY,MAAM;;AA4GnB,wBAQG"}

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

@@ -1,5 +1,45 @@
-import f from "./ProgressBarDisplay.vue2.js";
+import { defineComponent as d, computed as o, openBlock as s, createElementBlock as a, normalizeClass as m, toDisplayString as n, createCommentVNode as i, createElementVNode as f, createVNode as p, unref as b } from "vue";
+import "../../../ui/progress/index.js";
+import g from "../../../ui/progress/Progress.vue.js";
+const y = {
+  key: 0,
+  class: "flex items-center justify-between text-sm"
+}, v = { key: 0 }, h = {
+  class: "text-muted-foreground",
+  "data-testid": "progress-bar-value"
+}, C = /* @__PURE__ */ d({
+  __name: "ProgressBarDisplay",
+  props: {
+    progress: { default: 0 },
+    label: {},
+    hideLabel: { type: Boolean },
+    classList: {}
+  },
+  setup(t) {
+    const r = t;
+    function c(e) {
+      return e < 0 ? 0 : e > 100 ? 100 : e;
+    }
+    const l = o(() => typeof r.progress != "number" || !Number.isFinite(r.progress) ? 0 : c(r.progress)), u = o(() => {
+      const e = r.classList;
+      return e ? Array.isArray(e) ? e.join(" ") : e : "";
+    });
+    return (e, x) => (s(), a("div", {
+      class: m(["flex flex-col gap-1.5", u.value]),
+      "data-testid": "progress-bar-display"
+    }, [
+      t.label && !t.hideLabel || !t.hideLabel ? (s(), a("div", y, [
+        t.label && !t.hideLabel ? (s(), a("span", v, n(t.label), 1)) : i("", !0),
+        f("span", h, n(l.value) + "%", 1)
+      ])) : i("", !0),
+      p(b(g), {
+        value: l.value,
+        max: 100
+      }, null, 8, ["value"])
+    ], 2));
+  }
+});
 export {
-  f as default
+  C as default
 };
 //# sourceMappingURL=ProgressBarDisplay.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarDisplay.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ProgressBarDisplay.vue.js","sources":["../../../../../src/components/compositions/elements/display/ProgressBarDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven progress bar display.\n *\n * Wraps the shadcn-vue Progress primitive. The numeric `progress`\n * prop (0-100) is clamped before being passed to the underlying\n * indicator.\n */\nimport { computed } from \"vue\"\nimport { Progress } from \"@/components/ui/progress\"\n\nexport interface ProgressBarDisplayProps {\n  progress?: number\n  label?: string\n  hideLabel?: boolean\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<ProgressBarDisplayProps>(), {\n  progress: 0,\n})\n\nfunction clamp(n: number): number {\n  if (n < 0) {\n    return 0\n  }\n  if (n > 100) {\n    return 100\n  }\n  return n\n}\n\nconst value = computed<number>(() => {\n  if (typeof props.progress !== \"number\" || !Number.isFinite(props.progress)) {\n    return 0\n  }\n  return clamp(props.progress)\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</script>\n\n<template>\n  <div\n    class=\"flex flex-col gap-1.5\"\n    :class=\"rootClass\"\n    data-testid=\"progress-bar-display\"\n  >\n    <div\n      v-if=\"(label && !hideLabel) || !hideLabel\"\n      class=\"flex items-center justify-between text-sm\"\n    >\n      <span v-if=\"label && !hideLabel\">{{ label }}</span>\n      <span\n        class=\"text-muted-foreground\"\n        data-testid=\"progress-bar-value\"\n      >{{ value }}%</span>\n    </div>\n    <Progress\n      :value=\"value\"\n      :max=\"100\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","clamp","n","value","computed","rootClass","cl","_createElementBlock","_normalizeClass","_openBlock","_hoisted_1","_createElementVNode","_hoisted_3","_toDisplayString","_createVNode","_unref","Progress"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,UAAMA,IAAQC;AAId,aAASC,EAAMC,GAAmB;AAChC,aAAIA,IAAI,IACC,IAELA,IAAI,MACC,MAEFA;AAAA,IACT;AAEA,UAAMC,IAAQC,EAAiB,MACzB,OAAOL,EAAM,YAAa,YAAY,CAAC,OAAO,SAASA,EAAM,QAAQ,IAChE,IAEFE,EAAMF,EAAM,QAAQ,CAC5B,GAEKM,IAAYD,EAAiB,MAAM;AACvC,YAAME,IAAKP,EAAM;AACjB,aAAKO,IAGE,MAAM,QAAQA,CAAE,IAAIA,EAAG,KAAK,GAAG,IAAIA,IAFjC;AAAA,IAGX,CAAC;2BAICC,EAmBM,OAAA;AAAA,MAlBJ,OAAKC,EAAA,CAAC,yBACEH,EAAA,KAAS,CAAA;AAAA,MACjB,eAAY;AAAA,IAAA;MAGHL,EAAA,SAAK,CAAKA,EAAA,aAAS,CAAMA,EAAA,aADlCS,EAAA,GAAAF,EASM,OATNG,GASM;AAAA,QALQV,EAAA,UAAUA,EAAA,aAAtBS,EAAA,GAAAF,EAAmD,aAAfP,EAAA,KAAK,GAAA,CAAA;QACzCW,EAGoB,QAHpBC,GAGoBC,EAAhBV,EAAA,KAAK,IAAG,KAAC,CAAA;AAAA,MAAA;MAEfW,EAGEC,EAAAC,CAAA,GAAA;AAAA,QAFC,OAAOb,EAAA;AAAA,QACP,KAAK;AAAA,MAAA;;;;"}

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

@@ -1,45 +1,5 @@
-import { defineComponent as d, computed as o, openBlock as s, createElementBlock as a, normalizeClass as m, toDisplayString as n, createCommentVNode as i, createElementVNode as f, createVNode as p, unref as b } from "vue";
-import "../../../ui/progress/index.js";
-import g from "../../../ui/progress/Progress.vue.js";
-const y = {
-  key: 0,
-  class: "flex items-center justify-between text-sm"
-}, v = { key: 0 }, h = {
-  class: "text-muted-foreground",
-  "data-testid": "progress-bar-value"
-}, C = /* @__PURE__ */ d({
-  __name: "ProgressBarDisplay",
-  props: {
-    progress: { default: 0 },
-    label: {},
-    hideLabel: { type: Boolean },
-    classList: {}
-  },
-  setup(t) {
-    const r = t;
-    function c(e) {
-      return e < 0 ? 0 : e > 100 ? 100 : e;
-    }
-    const l = o(() => typeof r.progress != "number" || !Number.isFinite(r.progress) ? 0 : c(r.progress)), u = o(() => {
-      const e = r.classList;
-      return e ? Array.isArray(e) ? e.join(" ") : e : "";
-    });
-    return (e, x) => (s(), a("div", {
-      class: m(["flex flex-col gap-1.5", u.value]),
-      "data-testid": "progress-bar-display"
-    }, [
-      t.label && !t.hideLabel || !t.hideLabel ? (s(), a("div", y, [
-        t.label && !t.hideLabel ? (s(), a("span", v, n(t.label), 1)) : i("", !0),
-        f("span", h, n(l.value) + "%", 1)
-      ])) : i("", !0),
-      p(b(g), {
-        value: l.value,
-        max: 100
-      }, null, 8, ["value"])
-    ], 2));
-  }
-});
+import f from "./ProgressBarDisplay.vue.js";
 export {
-  C as default
+  f as default
 };
 //# sourceMappingURL=ProgressBarDisplay.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarDisplay.vue2.js","sources":["../../../../../src/components/compositions/elements/display/ProgressBarDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven progress bar display.\n *\n * Wraps the shadcn-vue Progress primitive. The numeric `progress`\n * prop (0-100) is clamped before being passed to the underlying\n * indicator.\n */\nimport { computed } from \"vue\"\nimport { Progress } from \"@/components/ui/progress\"\n\nexport interface ProgressBarDisplayProps {\n  progress?: number\n  label?: string\n  hideLabel?: boolean\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<ProgressBarDisplayProps>(), {\n  progress: 0,\n})\n\nfunction clamp(n: number): number {\n  if (n < 0) {\n    return 0\n  }\n  if (n > 100) {\n    return 100\n  }\n  return n\n}\n\nconst value = computed<number>(() => {\n  if (typeof props.progress !== \"number\" || !Number.isFinite(props.progress)) {\n    return 0\n  }\n  return clamp(props.progress)\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</script>\n\n<template>\n  <div\n    class=\"flex flex-col gap-1.5\"\n    :class=\"rootClass\"\n    data-testid=\"progress-bar-display\"\n  >\n    <div\n      v-if=\"(label && !hideLabel) || !hideLabel\"\n      class=\"flex items-center justify-between text-sm\"\n    >\n      <span v-if=\"label && !hideLabel\">{{ label }}</span>\n      <span\n        class=\"text-muted-foreground\"\n        data-testid=\"progress-bar-value\"\n      >{{ value }}%</span>\n    </div>\n    <Progress\n      :value=\"value\"\n      :max=\"100\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","clamp","n","value","computed","rootClass","cl","_createElementBlock","_normalizeClass","_openBlock","_hoisted_1","_createElementVNode","_hoisted_3","_toDisplayString","_createVNode","_unref","Progress"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,UAAMA,IAAQC;AAId,aAASC,EAAMC,GAAmB;AAChC,aAAIA,IAAI,IACC,IAELA,IAAI,MACC,MAEFA;AAAA,IACT;AAEA,UAAMC,IAAQC,EAAiB,MACzB,OAAOL,EAAM,YAAa,YAAY,CAAC,OAAO,SAASA,EAAM,QAAQ,IAChE,IAEFE,EAAMF,EAAM,QAAQ,CAC5B,GAEKM,IAAYD,EAAiB,MAAM;AACvC,YAAME,IAAKP,EAAM;AACjB,aAAKO,IAGE,MAAM,QAAQA,CAAE,IAAIA,EAAG,KAAK,GAAG,IAAIA,IAFjC;AAAA,IAGX,CAAC;2BAICC,EAmBM,OAAA;AAAA,MAlBJ,OAAKC,EAAA,CAAC,yBACEH,EAAA,KAAS,CAAA;AAAA,MACjB,eAAY;AAAA,IAAA;MAGHL,EAAA,SAAK,CAAKA,EAAA,aAAS,CAAMA,EAAA,aADlCS,EAAA,GAAAF,EASM,OATNG,GASM;AAAA,QALQV,EAAA,UAAUA,EAAA,aAAtBS,EAAA,GAAAF,EAAmD,aAAfP,EAAA,KAAK,GAAA,CAAA;QACzCW,EAGoB,QAHpBC,GAGoBC,EAAhBV,EAAA,KAAK,IAAG,KAAC,CAAA;AAAA,MAAA;MAEfW,EAGEC,EAAAC,CAAA,GAAA;AAAA,QAFC,OAAOb,EAAA;AAAA,QACP,KAAK;AAAA,MAAA;;;;"}
+{"version":3,"file":"ProgressBarDisplay.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,9 @@
+export interface QrCodeDisplayProps {
+    value?: string | number | null;
+    classList?: string[] | string;
+}
+declare const _default: import('vue').DefineComponent<QrCodeDisplayProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QrCodeDisplayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    canvasRef: HTMLCanvasElement;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=QrCodeDisplay.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QrCodeDisplay.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/display/QrCodeDisplay.vue"],"names":[],"mappings":"AA0FA,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;CAC9B;;;;AA0GD,wBAQG"}

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

@@ -1,5 +1,49 @@
-import f from "./QrCodeDisplay.vue2.js";
+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));
+  }
+});
 export {
-  f as default
+  x as default
 };
 //# sourceMappingURL=QrCodeDisplay.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"QrCodeDisplay.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"QrCodeDisplay.vue.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;;;;"}