@gxp-dev/mod-ui 2.0.0 → 2.0.3

package/dist/components/compositions/elements/action/ButtonGroupAction.vue.js

@@ -1,5 +1,69 @@
-import f from "./ButtonGroupAction.vue2.js";
+import { defineComponent as g, computed as C, openBlock as o, createElementBlock as l, Fragment as z, renderList as x, createBlock as c, unref as y, normalizeClass as B, withCtx as _, resolveDynamicComponent as w, createCommentVNode as D, createElementVNode as L, toDisplayString as $ } from "vue";
+import * as A from "lucide-vue-next";
+import "../../../ui/button/index.js";
+import E from "../../../ui/button/Button.vue.js";
+const F = ["id", "data-element-name"], V = /* @__PURE__ */ g({
+  __name: "ButtonGroupAction",
+  props: {
+    items: { default: () => [] },
+    variant: { default: "default" },
+    size: { default: "md" },
+    block: { type: Boolean },
+    id: {},
+    name: {}
+  },
+  emits: ["action", "click"],
+  setup(a, { emit: f }) {
+    const i = a, r = f, u = {
+      sm: "sm",
+      md: "default",
+      lg: "lg"
+    }, p = C(
+      () => u[i.size] ?? "default"
+    ), s = A;
+    function m(t) {
+      if (!t)
+        return;
+      const n = t.split(/[-_\s]/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
+      return s[n] ?? s[t];
+    }
+    function d(t) {
+      return t.variant ?? i.variant;
+    }
+    function v(t, n) {
+      r("click", n, t), !t.href && (n.preventDefault(), t.emit && r("action", { name: t.emit, item: t }));
+    }
+    return (t, n) => (o(), l("div", {
+      id: a.id,
+      class: "inline-flex flex-wrap items-center gap-2",
+      role: "group",
+      "data-element-name": a.name ?? void 0
+    }, [
+      (o(!0), l(z, null, x(a.items, (e, k) => (o(), c(y(E), {
+        key: e.id ?? `${e.label}-${k}`,
+        as: e.href ? "a" : "button",
+        href: e.href,
+        target: e.href ? e.target : void 0,
+        variant: d(e),
+        size: p.value,
+        disabled: e.disabled,
+        class: B(a.block ? "flex-1" : ""),
+        "data-item-emit": e.emit,
+        onClick: (b) => v(e, b)
+      }, {
+        default: _(() => [
+          m(e.icon) ? (o(), c(w(m(e.icon)), {
+            key: 0,
+            class: "h-4 w-4"
+          })) : D("", !0),
+          L("span", null, $(e.label), 1)
+        ]),
+        _: 2
+      }, 1032, ["as", "href", "target", "variant", "size", "disabled", "class", "data-item-emit", "onClick"]))), 128))
+    ], 8, F));
+  }
+});
 export {
-  f as default
+  V as default
 };
 //# sourceMappingURL=ButtonGroupAction.vue.js.map

package/dist/components/compositions/elements/action/ButtonGroupAction.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroupAction.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ButtonGroupAction.vue.js","sources":["../../../../../src/components/compositions/elements/action/ButtonGroupAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven button-group composition. Renders an array of child\n * actions as a row of Buttons, each capable of emitting a click or\n * navigating to its href.\n *\n *   <ButtonGroupAction\n *     :items=\"[\n *       { label: 'Edit', emit: 'edit' },\n *       { label: 'Delete', variant: 'destructive', emit: 'delete' },\n *     ]\"\n *     @action=\"onAction\"\n *   />\n */\nimport { computed } from \"vue\"\nimport * as LucideIcons from \"lucide-vue-next\"\nimport type { FunctionalComponent } from \"vue\"\n\ntype LucideIcon = FunctionalComponent\n\nimport { Button, type ButtonVariants } from \"@/components/ui/button\"\nimport type {\n  ButtonActionSize,\n  ButtonActionVariant,\n} from \"./ButtonAction.vue\"\n\nexport interface ButtonGroupItem {\n  id?: string\n  label: string\n  /** Lucide icon name rendered before the label. */\n  icon?: string\n  /** Navigation target — renders as an anchor when set. */\n  href?: string\n  target?: \"_self\" | \"_blank\" | \"_parent\" | \"_top\"\n  /** Visual variant; falls back to the group's variant prop. */\n  variant?: ButtonActionVariant\n  /** Custom event name emitted via `action` when clicked. */\n  emit?: string\n  disabled?: boolean\n}\n\nexport interface ButtonGroupActionProps {\n  items?: ButtonGroupItem[]\n  /** Default variant applied to items that don't specify one. */\n  variant?: ButtonActionVariant\n  size?: ButtonActionSize\n  /** Render the group stretched (each child becomes flex-1). */\n  block?: boolean\n  /** Group HTML id. */\n  id?: string\n  /** Group name (used as `data-element-name`). */\n  name?: string\n}\n\nconst props = withDefaults(defineProps<ButtonGroupActionProps>(), {\n  items: () => [],\n  variant: \"default\",\n  size: \"md\",\n})\n\nconst emit = defineEmits<{\n  (\n    e: \"action\",\n    payload: { name: string; item: ButtonGroupItem },\n  ): void\n  (e: \"click\", event: MouseEvent, item: ButtonGroupItem): void\n}>()\n\nconst sizeMap: Record<ButtonActionSize, ButtonVariants[\"size\"]> = {\n  sm: \"sm\",\n  md: \"default\",\n  lg: \"lg\",\n}\n\nconst mappedSize = computed<ButtonVariants[\"size\"]>(\n  () => sizeMap[props.size] ?? \"default\",\n)\n\nconst iconLibrary = LucideIcons as unknown as Record<string, LucideIcon>\nfunction resolveIcon(name: string | undefined): LucideIcon | undefined {\n  if (!name) {\n    return undefined\n  }\n  const pascal = name\n    .split(/[-_\\s]/)\n    .filter(Boolean)\n    .map((s) => s.charAt(0).toUpperCase() + s.slice(1))\n    .join(\"\")\n  return iconLibrary[pascal] ?? iconLibrary[name]\n}\n\nfunction variantFor(item: ButtonGroupItem): ButtonActionVariant {\n  return item.variant ?? props.variant\n}\n\nfunction onClick(child: ButtonGroupItem, event: MouseEvent): void {\n  emit(\"click\", event, child)\n  if (child.href) {\n    return\n  }\n  event.preventDefault()\n  if (child.emit) {\n    emit(\"action\", { name: child.emit, item: child })\n  }\n}\n</script>\n\n<template>\n  <div\n    :id=\"id\"\n    class=\"inline-flex flex-wrap items-center gap-2\"\n    role=\"group\"\n    :data-element-name=\"name ?? undefined\"\n  >\n    <Button\n      v-for=\"(child, idx) in items\"\n      :key=\"child.id ?? `${child.label}-${idx}`\"\n      :as=\"child.href ? 'a' : 'button'\"\n      :href=\"child.href\"\n      :target=\"child.href ? child.target : undefined\"\n      :variant=\"variantFor(child)\"\n      :size=\"mappedSize\"\n      :disabled=\"child.disabled\"\n      :class=\"block ? 'flex-1' : ''\"\n      :data-item-emit=\"child.emit\"\n      @click=\"(e: MouseEvent) => onClick(child, e)\"\n    >\n      <component :is=\"resolveIcon(child.icon)\" v-if=\"resolveIcon(child.icon)\" class=\"h-4 w-4\" />\n      <span>{{ child.label }}</span>\n    </Button>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","sizeMap","mappedSize","computed","iconLibrary","LucideIcons","resolveIcon","name","pascal","s","variantFor","item","onClick","child","event","_createElementBlock","_openBlock","_Fragment","_renderList","idx","_createBlock","_unref","Button","e","_resolveDynamicComponent","_createElementVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;AAsDA,UAAMA,IAAQC,GAMRC,IAAOC,GAQPC,IAA4D;AAAA,MAChE,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAaC;AAAA,MACjB,MAAMF,EAAQJ,EAAM,IAAI,KAAK;AAAA,IAAA,GAGzBO,IAAcC;AACpB,aAASC,EAAYC,GAAkD;AACrE,UAAI,CAACA;AACH;AAEF,YAAMC,IAASD,EACZ,MAAM,QAAQ,EACd,OAAO,OAAO,EACd,IAAI,CAACE,MAAMA,EAAE,OAAO,CAAC,EAAE,gBAAgBA,EAAE,MAAM,CAAC,CAAC,EACjD,KAAK,EAAE;AACV,aAAOL,EAAYI,CAAM,KAAKJ,EAAYG,CAAI;AAAA,IAChD;AAEA,aAASG,EAAWC,GAA4C;AAC9D,aAAOA,EAAK,WAAWd,EAAM;AAAA,IAC/B;AAEA,aAASe,EAAQC,GAAwBC,GAAyB;AAEhE,MADAf,EAAK,SAASe,GAAOD,CAAK,GACtB,CAAAA,EAAM,SAGVC,EAAM,eAAA,GACFD,EAAM,QACRd,EAAK,UAAU,EAAE,MAAMc,EAAM,MAAM,MAAMA,GAAO;AAAA,IAEpD;2BAIEE,EAsBM,OAAA;AAAA,MArBH,IAAIjB,EAAA;AAAA,MACL,OAAM;AAAA,MACN,MAAK;AAAA,MACJ,qBAAmBA,EAAA,QAAQ;AAAA,IAAA;OAE5BkB,EAAA,EAAA,GAAAD,EAeSE,GAAA,MAAAC,EAdgBpB,EAAA,OAAK,CAApBe,GAAOM,YADjBC,EAeSC,EAAAC,CAAA,GAAA;AAAA,QAbN,KAAKT,EAAM,SAASA,EAAM,KAAK,IAAIM,CAAG;AAAA,QACtC,IAAIN,EAAM,OAAI,MAAA;AAAA,QACd,MAAMA,EAAM;AAAA,QACZ,QAAQA,EAAM,OAAOA,EAAM,SAAS;AAAA,QACpC,SAASH,EAAWG,CAAK;AAAA,QACzB,MAAMX,EAAA;AAAA,QACN,UAAUW,EAAM;AAAA,QAChB,SAAOf,EAAA,QAAK,WAAA,EAAA;AAAA,QACZ,kBAAgBe,EAAM;AAAA,QACtB,UAAQU,MAAkBX,EAAQC,GAAOU,CAAC;AAAA,MAAA;mBAUtB,MAMlB;AAAA,UAd4CjB,EAAYO,EAAM,IAAI,KAArEG,EAAA,GAAAI,EAA0FI,EAA1ElB,EAAYO,EAAM,IAAI,CAAA,GAAA;AAAA;YAAkC,OAAM;AAAA,UAAA;UAC9EY,EAA8B,QAAA,MAAAC,EAArBb,EAAM,KAAK,GAAA,CAAA;AAAA,QAAA;;;;;;"}

package/dist/components/compositions/elements/action/ButtonGroupAction.vue2.js

@@ -1,69 +1,5 @@
-import { defineComponent as g, computed as C, openBlock as o, createElementBlock as l, Fragment as z, renderList as x, createBlock as c, unref as y, normalizeClass as B, withCtx as _, resolveDynamicComponent as w, createCommentVNode as D, createElementVNode as L, toDisplayString as $ } from "vue";
-import * as A from "lucide-vue-next";
-import "../../../ui/button/index.js";
-import E from "../../../ui/button/Button.vue.js";
-const F = ["id", "data-element-name"], V = /* @__PURE__ */ g({
-  __name: "ButtonGroupAction",
-  props: {
-    items: { default: () => [] },
-    variant: { default: "default" },
-    size: { default: "md" },
-    block: { type: Boolean },
-    id: {},
-    name: {}
-  },
-  emits: ["action", "click"],
-  setup(a, { emit: f }) {
-    const i = a, r = f, u = {
-      sm: "sm",
-      md: "default",
-      lg: "lg"
-    }, p = C(
-      () => u[i.size] ?? "default"
-    ), s = A;
-    function m(t) {
-      if (!t)
-        return;
-      const n = t.split(/[-_\s]/).filter(Boolean).map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
-      return s[n] ?? s[t];
-    }
-    function d(t) {
-      return t.variant ?? i.variant;
-    }
-    function v(t, n) {
-      r("click", n, t), !t.href && (n.preventDefault(), t.emit && r("action", { name: t.emit, item: t }));
-    }
-    return (t, n) => (o(), l("div", {
-      id: a.id,
-      class: "inline-flex flex-wrap items-center gap-2",
-      role: "group",
-      "data-element-name": a.name ?? void 0
-    }, [
-      (o(!0), l(z, null, x(a.items, (e, k) => (o(), c(y(E), {
-        key: e.id ?? `${e.label}-${k}`,
-        as: e.href ? "a" : "button",
-        href: e.href,
-        target: e.href ? e.target : void 0,
-        variant: d(e),
-        size: p.value,
-        disabled: e.disabled,
-        class: B(a.block ? "flex-1" : ""),
-        "data-item-emit": e.emit,
-        onClick: (b) => v(e, b)
-      }, {
-        default: _(() => [
-          m(e.icon) ? (o(), c(w(m(e.icon)), {
-            key: 0,
-            class: "h-4 w-4"
-          })) : D("", !0),
-          L("span", null, $(e.label), 1)
-        ]),
-        _: 2
-      }, 1032, ["as", "href", "target", "variant", "size", "disabled", "class", "data-item-emit", "onClick"]))), 128))
-    ], 8, F));
-  }
-});
+import f from "./ButtonGroupAction.vue.js";
 export {
-  V as default
+  f as default
 };
 //# sourceMappingURL=ButtonGroupAction.vue2.js.map

package/dist/components/compositions/elements/action/ButtonGroupAction.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroupAction.vue2.js","sources":["../../../../../src/components/compositions/elements/action/ButtonGroupAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven button-group composition. Renders an array of child\n * actions as a row of Buttons, each capable of emitting a click or\n * navigating to its href.\n *\n *   <ButtonGroupAction\n *     :items=\"[\n *       { label: 'Edit', emit: 'edit' },\n *       { label: 'Delete', variant: 'destructive', emit: 'delete' },\n *     ]\"\n *     @action=\"onAction\"\n *   />\n */\nimport { computed } from \"vue\"\nimport * as LucideIcons from \"lucide-vue-next\"\nimport type { FunctionalComponent } from \"vue\"\n\ntype LucideIcon = FunctionalComponent\n\nimport { Button, type ButtonVariants } from \"@/components/ui/button\"\nimport type {\n  ButtonActionSize,\n  ButtonActionVariant,\n} from \"./ButtonAction.vue\"\n\nexport interface ButtonGroupItem {\n  id?: string\n  label: string\n  /** Lucide icon name rendered before the label. */\n  icon?: string\n  /** Navigation target — renders as an anchor when set. */\n  href?: string\n  target?: \"_self\" | \"_blank\" | \"_parent\" | \"_top\"\n  /** Visual variant; falls back to the group's variant prop. */\n  variant?: ButtonActionVariant\n  /** Custom event name emitted via `action` when clicked. */\n  emit?: string\n  disabled?: boolean\n}\n\nexport interface ButtonGroupActionProps {\n  items?: ButtonGroupItem[]\n  /** Default variant applied to items that don't specify one. */\n  variant?: ButtonActionVariant\n  size?: ButtonActionSize\n  /** Render the group stretched (each child becomes flex-1). */\n  block?: boolean\n  /** Group HTML id. */\n  id?: string\n  /** Group name (used as `data-element-name`). */\n  name?: string\n}\n\nconst props = withDefaults(defineProps<ButtonGroupActionProps>(), {\n  items: () => [],\n  variant: \"default\",\n  size: \"md\",\n})\n\nconst emit = defineEmits<{\n  (\n    e: \"action\",\n    payload: { name: string; item: ButtonGroupItem },\n  ): void\n  (e: \"click\", event: MouseEvent, item: ButtonGroupItem): void\n}>()\n\nconst sizeMap: Record<ButtonActionSize, ButtonVariants[\"size\"]> = {\n  sm: \"sm\",\n  md: \"default\",\n  lg: \"lg\",\n}\n\nconst mappedSize = computed<ButtonVariants[\"size\"]>(\n  () => sizeMap[props.size] ?? \"default\",\n)\n\nconst iconLibrary = LucideIcons as unknown as Record<string, LucideIcon>\nfunction resolveIcon(name: string | undefined): LucideIcon | undefined {\n  if (!name) {\n    return undefined\n  }\n  const pascal = name\n    .split(/[-_\\s]/)\n    .filter(Boolean)\n    .map((s) => s.charAt(0).toUpperCase() + s.slice(1))\n    .join(\"\")\n  return iconLibrary[pascal] ?? iconLibrary[name]\n}\n\nfunction variantFor(item: ButtonGroupItem): ButtonActionVariant {\n  return item.variant ?? props.variant\n}\n\nfunction onClick(child: ButtonGroupItem, event: MouseEvent): void {\n  emit(\"click\", event, child)\n  if (child.href) {\n    return\n  }\n  event.preventDefault()\n  if (child.emit) {\n    emit(\"action\", { name: child.emit, item: child })\n  }\n}\n</script>\n\n<template>\n  <div\n    :id=\"id\"\n    class=\"inline-flex flex-wrap items-center gap-2\"\n    role=\"group\"\n    :data-element-name=\"name ?? undefined\"\n  >\n    <Button\n      v-for=\"(child, idx) in items\"\n      :key=\"child.id ?? `${child.label}-${idx}`\"\n      :as=\"child.href ? 'a' : 'button'\"\n      :href=\"child.href\"\n      :target=\"child.href ? child.target : undefined\"\n      :variant=\"variantFor(child)\"\n      :size=\"mappedSize\"\n      :disabled=\"child.disabled\"\n      :class=\"block ? 'flex-1' : ''\"\n      :data-item-emit=\"child.emit\"\n      @click=\"(e: MouseEvent) => onClick(child, e)\"\n    >\n      <component :is=\"resolveIcon(child.icon)\" v-if=\"resolveIcon(child.icon)\" class=\"h-4 w-4\" />\n      <span>{{ child.label }}</span>\n    </Button>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","sizeMap","mappedSize","computed","iconLibrary","LucideIcons","resolveIcon","name","pascal","s","variantFor","item","onClick","child","event","_createElementBlock","_openBlock","_Fragment","_renderList","idx","_createBlock","_unref","Button","e","_resolveDynamicComponent","_createElementVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;AAsDA,UAAMA,IAAQC,GAMRC,IAAOC,GAQPC,IAA4D;AAAA,MAChE,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAaC;AAAA,MACjB,MAAMF,EAAQJ,EAAM,IAAI,KAAK;AAAA,IAAA,GAGzBO,IAAcC;AACpB,aAASC,EAAYC,GAAkD;AACrE,UAAI,CAACA;AACH;AAEF,YAAMC,IAASD,EACZ,MAAM,QAAQ,EACd,OAAO,OAAO,EACd,IAAI,CAACE,MAAMA,EAAE,OAAO,CAAC,EAAE,gBAAgBA,EAAE,MAAM,CAAC,CAAC,EACjD,KAAK,EAAE;AACV,aAAOL,EAAYI,CAAM,KAAKJ,EAAYG,CAAI;AAAA,IAChD;AAEA,aAASG,EAAWC,GAA4C;AAC9D,aAAOA,EAAK,WAAWd,EAAM;AAAA,IAC/B;AAEA,aAASe,EAAQC,GAAwBC,GAAyB;AAEhE,MADAf,EAAK,SAASe,GAAOD,CAAK,GACtB,CAAAA,EAAM,SAGVC,EAAM,eAAA,GACFD,EAAM,QACRd,EAAK,UAAU,EAAE,MAAMc,EAAM,MAAM,MAAMA,GAAO;AAAA,IAEpD;2BAIEE,EAsBM,OAAA;AAAA,MArBH,IAAIjB,EAAA;AAAA,MACL,OAAM;AAAA,MACN,MAAK;AAAA,MACJ,qBAAmBA,EAAA,QAAQ;AAAA,IAAA;OAE5BkB,EAAA,EAAA,GAAAD,EAeSE,GAAA,MAAAC,EAdgBpB,EAAA,OAAK,CAApBe,GAAOM,YADjBC,EAeSC,EAAAC,CAAA,GAAA;AAAA,QAbN,KAAKT,EAAM,SAASA,EAAM,KAAK,IAAIM,CAAG;AAAA,QACtC,IAAIN,EAAM,OAAI,MAAA;AAAA,QACd,MAAMA,EAAM;AAAA,QACZ,QAAQA,EAAM,OAAOA,EAAM,SAAS;AAAA,QACpC,SAASH,EAAWG,CAAK;AAAA,QACzB,MAAMX,EAAA;AAAA,QACN,UAAUW,EAAM;AAAA,QAChB,SAAOf,EAAA,QAAK,WAAA,EAAA;AAAA,QACZ,kBAAgBe,EAAM;AAAA,QACtB,UAAQU,MAAkBX,EAAQC,GAAOU,CAAC;AAAA,MAAA;mBAUtB,MAMlB;AAAA,UAd4CjB,EAAYO,EAAM,IAAI,KAArEG,EAAA,GAAAI,EAA0FI,EAA1ElB,EAAYO,EAAM,IAAI,CAAA,GAAA;AAAA;YAAkC,OAAM;AAAA,UAAA;UAC9EY,EAA8B,QAAA,MAAAC,EAArBb,EAAM,KAAK,GAAA,CAAA;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"ButtonGroupAction.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/action/LinkAction.vue.d.ts

@@ -0,0 +1,30 @@
+export interface LinkActionProps {
+    label?: string;
+    /** Lucide icon name rendered before the label. */
+    icon?: string;
+    /** Navigation target. */
+    href?: string;
+    target?: "_self" | "_blank" | "_parent" | "_top";
+    /** Custom event name emitted via `action` when clicked. */
+    emit?: string;
+    disabled?: boolean;
+    /** HTML id attribute. */
+    id?: string;
+    /** HTML name (used as `data-element-name`). */
+    name?: string;
+}
+declare const _default: import('vue').DefineComponent<LinkActionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    action: (payload: {
+        name: string;
+    }) => any;
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<LinkActionProps> & Readonly<{
+    onAction?: ((payload: {
+        name: string;
+    }) => any) | undefined;
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    target: "_self" | "_blank" | "_parent" | "_top";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=LinkAction.vue.d.ts.map

package/dist/components/compositions/elements/action/LinkAction.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkAction.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/action/LinkAction.vue"],"names":[],"mappings":"AA2GA,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;IAChD,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yBAAyB;IACzB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;;;cASgC,MAAM;;;;;cAAN,MAAM;;;;YAjB5B,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM;;AAgJlD,wBASG"}

package/dist/components/compositions/elements/action/LinkAction.vue.js

@@ -1,5 +1,58 @@
-import f from "./LinkAction.vue2.js";
+import { defineComponent as b, computed as s, openBlock as o, createBlock as d, unref as k, withCtx as p, resolveDynamicComponent as y, createCommentVNode as f, createElementBlock as C, toDisplayString as g } from "vue";
+import * as B from "lucide-vue-next";
+import "../../../ui/button/index.js";
+import x from "../../../ui/button/Button.vue.js";
+const A = { key: 1 }, I = /* @__PURE__ */ b({
+  __name: "LinkAction",
+  props: {
+    label: {},
+    icon: {},
+    href: {},
+    target: { default: "_self" },
+    emit: {},
+    disabled: { type: Boolean },
+    id: {},
+    name: {}
+  },
+  emits: ["click", "action"],
+  setup(e, { emit: u }) {
+    const a = e, n = u, c = B;
+    function v(t) {
+      if (!t)
+        return;
+      const r = t.split(/[-_\s]/).filter(Boolean).map((m) => m.charAt(0).toUpperCase() + m.slice(1)).join("");
+      return c[r] ?? c[t];
+    }
+    const l = s(() => v(a.icon)), i = s(
+      () => a.href ? "a" : "button"
+    );
+    function h(t) {
+      n("click", t), !a.href && (t.preventDefault(), a.emit && n("action", { name: a.emit }));
+    }
+    return (t, r) => (o(), d(k(x), {
+      id: e.id,
+      as: i.value,
+      variant: "link",
+      size: "sm",
+      disabled: e.disabled,
+      href: i.value === "a" ? e.href : void 0,
+      target: i.value === "a" ? e.target : void 0,
+      "data-action-name": n ?? e.label,
+      "data-element-name": e.name ?? void 0,
+      onClick: h
+    }, {
+      default: p(() => [
+        l.value ? (o(), d(y(l.value), {
+          key: 0,
+          class: "h-4 w-4"
+        })) : f("", !0),
+        e.label ? (o(), C("span", A, g(e.label), 1)) : f("", !0)
+      ]),
+      _: 1
+    }, 8, ["id", "as", "disabled", "href", "target", "data-action-name", "data-element-name"]));
+  }
+});
 export {
-  f as default
+  I as default
 };
 //# sourceMappingURL=LinkAction.vue.js.map

package/dist/components/compositions/elements/action/LinkAction.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkAction.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"LinkAction.vue.js","sources":["../../../../../src/components/compositions/elements/action/LinkAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven link composition. Renders a text link using the Button\n * primitive with variant=\"link\". Supports the same href / emit / confirm\n * behaviour as ButtonAction.\n *\n *   <LinkAction label=\"Open docs\" href=\"https://example.com\" target=\"_blank\" />\n *   <LinkAction label=\"Refresh\" emit=\"refresh\" @action=\"onAction\" />\n */\nimport { computed } from \"vue\"\nimport * as LucideIcons from \"lucide-vue-next\"\nimport type { FunctionalComponent } from \"vue\"\n\ntype LucideIcon = FunctionalComponent\n\nimport { Button } from \"@/components/ui/button\"\n\nexport interface LinkActionProps {\n  label?: string\n  /** Lucide icon name rendered before the label. */\n  icon?: string\n  /** Navigation target. */\n  href?: string\n  target?: \"_self\" | \"_blank\" | \"_parent\" | \"_top\"\n  /** Custom event name emitted via `action` when clicked. */\n  emit?: string\n  disabled?: boolean\n  /** HTML id attribute. */\n  id?: string\n  /** HTML name (used as `data-element-name`). */\n  name?: string\n}\n\nconst props = withDefaults(defineProps<LinkActionProps>(), {\n  target: \"_self\",\n})\n\nconst emit = defineEmits<{\n  (e: \"click\", event: MouseEvent): void\n  (e: \"action\", payload: { name: string }): void\n}>()\n\nconst iconLibrary = LucideIcons as unknown as Record<string, LucideIcon>\nfunction resolveIcon(name: string | undefined): LucideIcon | undefined {\n  if (!name) {\n    return undefined\n  }\n  const pascal = name\n    .split(/[-_\\s]/)\n    .filter(Boolean)\n    .map((s) => s.charAt(0).toUpperCase() + s.slice(1))\n    .join(\"\")\n  return iconLibrary[pascal] ?? iconLibrary[name]\n}\nconst icon = computed(() => resolveIcon(props.icon))\n\nconst renderAs = computed<\"a\" | \"button\">(() =>\n  props.href ? \"a\" : \"button\",\n)\n\nfunction onClick(event: MouseEvent): void {\n  emit(\"click\", event)\n  if (props.href) {\n    return\n  }\n  event.preventDefault()\n  if (props.emit) {\n    emit(\"action\", { name: props.emit })\n  }\n}\n</script>\n\n<template>\n  <Button\n    :id=\"id\"\n    :as=\"renderAs\"\n    variant=\"link\"\n    size=\"sm\"\n    :disabled=\"disabled\"\n    :href=\"renderAs === 'a' ? href : undefined\"\n    :target=\"renderAs === 'a' ? target : undefined\"\n    :data-action-name=\"emit ?? label\"\n    :data-element-name=\"name ?? undefined\"\n    @click=\"onClick\"\n  >\n    <component :is=\"icon\" v-if=\"icon\" class=\"h-4 w-4\" />\n    <span v-if=\"label\">{{ label }}</span>\n  </Button>\n</template>\n"],"names":["props","__props","emit","__emit","iconLibrary","LucideIcons","resolveIcon","name","pascal","s","icon","computed","renderAs","onClick","event","_createBlock","_unref","Button","_openBlock","_resolveDynamicComponent","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;AAiCA,UAAMA,IAAQC,GAIRC,IAAOC,GAKPC,IAAcC;AACpB,aAASC,EAAYC,GAAkD;AACrE,UAAI,CAACA;AACH;AAEF,YAAMC,IAASD,EACZ,MAAM,QAAQ,EACd,OAAO,OAAO,EACd,IAAI,CAACE,MAAMA,EAAE,OAAO,CAAC,EAAE,gBAAgBA,EAAE,MAAM,CAAC,CAAC,EACjD,KAAK,EAAE;AACV,aAAOL,EAAYI,CAAM,KAAKJ,EAAYG,CAAI;AAAA,IAChD;AACA,UAAMG,IAAOC,EAAS,MAAML,EAAYN,EAAM,IAAI,CAAC,GAE7CY,IAAWD;AAAA,MAAyB,MACxCX,EAAM,OAAO,MAAM;AAAA,IAAA;AAGrB,aAASa,EAAQC,GAAyB;AAExC,MADAZ,EAAK,SAASY,CAAK,GACf,CAAAd,EAAM,SAGVc,EAAM,eAAA,GACFd,EAAM,QACRE,EAAK,UAAU,EAAE,MAAMF,EAAM,MAAM;AAAA,IAEvC;2BAIEe,EAcSC,EAAAC,CAAA,GAAA;AAAA,MAbN,IAAIhB,EAAA;AAAA,MACJ,IAAIW,EAAA;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MACJ,UAAUX,EAAA;AAAA,MACV,MAAMW,EAAA,UAAQ,MAAWX,EAAA,OAAO;AAAA,MAChC,QAAQW,EAAA,UAAQ,MAAWX,EAAA,SAAS;AAAA,MACpC,oBAAkBC,KAAQD,EAAA;AAAA,MAC1B,qBAAmBA,EAAA,QAAQ;AAAA,MAC3B,SAAAY;AAAA,IAAA;iBAED,MAAoD;AAAA,QAAxBH,EAAA,SAA5BQ,EAAA,GAAAH,EAAoDI,EAApCT,EAAA,KAAI,GAAA;AAAA;UAAc,OAAM;AAAA,QAAA;QAC5BT,EAAA,SAAZiB,EAAA,GAAAE,EAAqC,aAAfnB,EAAA,KAAK,GAAA,CAAA;;;;;;"}

package/dist/components/compositions/elements/action/LinkAction.vue2.js

@@ -1,58 +1,5 @@
-import { defineComponent as b, computed as s, openBlock as o, createBlock as d, unref as k, withCtx as p, resolveDynamicComponent as y, createCommentVNode as f, createElementBlock as C, toDisplayString as g } from "vue";
-import * as B from "lucide-vue-next";
-import "../../../ui/button/index.js";
-import x from "../../../ui/button/Button.vue.js";
-const A = { key: 1 }, I = /* @__PURE__ */ b({
-  __name: "LinkAction",
-  props: {
-    label: {},
-    icon: {},
-    href: {},
-    target: { default: "_self" },
-    emit: {},
-    disabled: { type: Boolean },
-    id: {},
-    name: {}
-  },
-  emits: ["click", "action"],
-  setup(e, { emit: u }) {
-    const a = e, n = u, c = B;
-    function v(t) {
-      if (!t)
-        return;
-      const r = t.split(/[-_\s]/).filter(Boolean).map((m) => m.charAt(0).toUpperCase() + m.slice(1)).join("");
-      return c[r] ?? c[t];
-    }
-    const l = s(() => v(a.icon)), i = s(
-      () => a.href ? "a" : "button"
-    );
-    function h(t) {
-      n("click", t), !a.href && (t.preventDefault(), a.emit && n("action", { name: a.emit }));
-    }
-    return (t, r) => (o(), d(k(x), {
-      id: e.id,
-      as: i.value,
-      variant: "link",
-      size: "sm",
-      disabled: e.disabled,
-      href: i.value === "a" ? e.href : void 0,
-      target: i.value === "a" ? e.target : void 0,
-      "data-action-name": n ?? e.label,
-      "data-element-name": e.name ?? void 0,
-      onClick: h
-    }, {
-      default: p(() => [
-        l.value ? (o(), d(y(l.value), {
-          key: 0,
-          class: "h-4 w-4"
-        })) : f("", !0),
-        e.label ? (o(), C("span", A, g(e.label), 1)) : f("", !0)
-      ]),
-      _: 1
-    }, 8, ["id", "as", "disabled", "href", "target", "data-action-name", "data-element-name"]));
-  }
-});
+import f from "./LinkAction.vue.js";
 export {
-  I as default
+  f as default
 };
 //# sourceMappingURL=LinkAction.vue2.js.map

package/dist/components/compositions/elements/action/LinkAction.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkAction.vue2.js","sources":["../../../../../src/components/compositions/elements/action/LinkAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven link composition. Renders a text link using the Button\n * primitive with variant=\"link\". Supports the same href / emit / confirm\n * behaviour as ButtonAction.\n *\n *   <LinkAction label=\"Open docs\" href=\"https://example.com\" target=\"_blank\" />\n *   <LinkAction label=\"Refresh\" emit=\"refresh\" @action=\"onAction\" />\n */\nimport { computed } from \"vue\"\nimport * as LucideIcons from \"lucide-vue-next\"\nimport type { FunctionalComponent } from \"vue\"\n\ntype LucideIcon = FunctionalComponent\n\nimport { Button } from \"@/components/ui/button\"\n\nexport interface LinkActionProps {\n  label?: string\n  /** Lucide icon name rendered before the label. */\n  icon?: string\n  /** Navigation target. */\n  href?: string\n  target?: \"_self\" | \"_blank\" | \"_parent\" | \"_top\"\n  /** Custom event name emitted via `action` when clicked. */\n  emit?: string\n  disabled?: boolean\n  /** HTML id attribute. */\n  id?: string\n  /** HTML name (used as `data-element-name`). */\n  name?: string\n}\n\nconst props = withDefaults(defineProps<LinkActionProps>(), {\n  target: \"_self\",\n})\n\nconst emit = defineEmits<{\n  (e: \"click\", event: MouseEvent): void\n  (e: \"action\", payload: { name: string }): void\n}>()\n\nconst iconLibrary = LucideIcons as unknown as Record<string, LucideIcon>\nfunction resolveIcon(name: string | undefined): LucideIcon | undefined {\n  if (!name) {\n    return undefined\n  }\n  const pascal = name\n    .split(/[-_\\s]/)\n    .filter(Boolean)\n    .map((s) => s.charAt(0).toUpperCase() + s.slice(1))\n    .join(\"\")\n  return iconLibrary[pascal] ?? iconLibrary[name]\n}\nconst icon = computed(() => resolveIcon(props.icon))\n\nconst renderAs = computed<\"a\" | \"button\">(() =>\n  props.href ? \"a\" : \"button\",\n)\n\nfunction onClick(event: MouseEvent): void {\n  emit(\"click\", event)\n  if (props.href) {\n    return\n  }\n  event.preventDefault()\n  if (props.emit) {\n    emit(\"action\", { name: props.emit })\n  }\n}\n</script>\n\n<template>\n  <Button\n    :id=\"id\"\n    :as=\"renderAs\"\n    variant=\"link\"\n    size=\"sm\"\n    :disabled=\"disabled\"\n    :href=\"renderAs === 'a' ? href : undefined\"\n    :target=\"renderAs === 'a' ? target : undefined\"\n    :data-action-name=\"emit ?? label\"\n    :data-element-name=\"name ?? undefined\"\n    @click=\"onClick\"\n  >\n    <component :is=\"icon\" v-if=\"icon\" class=\"h-4 w-4\" />\n    <span v-if=\"label\">{{ label }}</span>\n  </Button>\n</template>\n"],"names":["props","__props","emit","__emit","iconLibrary","LucideIcons","resolveIcon","name","pascal","s","icon","computed","renderAs","onClick","event","_createBlock","_unref","Button","_openBlock","_resolveDynamicComponent","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;AAiCA,UAAMA,IAAQC,GAIRC,IAAOC,GAKPC,IAAcC;AACpB,aAASC,EAAYC,GAAkD;AACrE,UAAI,CAACA;AACH;AAEF,YAAMC,IAASD,EACZ,MAAM,QAAQ,EACd,OAAO,OAAO,EACd,IAAI,CAACE,MAAMA,EAAE,OAAO,CAAC,EAAE,gBAAgBA,EAAE,MAAM,CAAC,CAAC,EACjD,KAAK,EAAE;AACV,aAAOL,EAAYI,CAAM,KAAKJ,EAAYG,CAAI;AAAA,IAChD;AACA,UAAMG,IAAOC,EAAS,MAAML,EAAYN,EAAM,IAAI,CAAC,GAE7CY,IAAWD;AAAA,MAAyB,MACxCX,EAAM,OAAO,MAAM;AAAA,IAAA;AAGrB,aAASa,EAAQC,GAAyB;AAExC,MADAZ,EAAK,SAASY,CAAK,GACf,CAAAd,EAAM,SAGVc,EAAM,eAAA,GACFd,EAAM,QACRE,EAAK,UAAU,EAAE,MAAMF,EAAM,MAAM;AAAA,IAEvC;2BAIEe,EAcSC,EAAAC,CAAA,GAAA;AAAA,MAbN,IAAIhB,EAAA;AAAA,MACJ,IAAIW,EAAA;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MACJ,UAAUX,EAAA;AAAA,MACV,MAAMW,EAAA,UAAQ,MAAWX,EAAA,OAAO;AAAA,MAChC,QAAQW,EAAA,UAAQ,MAAWX,EAAA,SAAS;AAAA,MACpC,oBAAkBC,KAAQD,EAAA;AAAA,MAC1B,qBAAmBA,EAAA,QAAQ;AAAA,MAC3B,SAAAY;AAAA,IAAA;iBAED,MAAoD;AAAA,QAAxBH,EAAA,SAA5BQ,EAAA,GAAAH,EAAoDI,EAApCT,EAAA,KAAI,GAAA;AAAA;UAAc,OAAM;AAAA,QAAA;QAC5BT,EAAA,SAAZiB,EAAA,GAAAE,EAAqC,aAAfnB,EAAA,KAAK,GAAA,CAAA;;;;;;"}
+{"version":3,"file":"LinkAction.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/boolean/CheckboxBoolean.vue.d.ts

@@ -0,0 +1,25 @@
+export interface CheckboxBooleanProps {
+    modelValue?: boolean;
+    id?: string;
+    name?: string;
+    label?: string;
+    hideLabel?: boolean;
+    required?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    helpText?: string;
+    errors?: string[];
+}
+type __VLS_Props = CheckboxBooleanProps;
+type __VLS_PublicProps = {
+    "modelValue"?: boolean;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    errors: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=CheckboxBoolean.vue.d.ts.map

package/dist/components/compositions/elements/boolean/CheckboxBoolean.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxBoolean.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/boolean/CheckboxBoolean.vue"],"names":[],"mappings":"AAmFA,MAAM,WAAW,oBAAoB;IACnC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB;AAED,KAAK,WAAW,GAAG,oBAAoB,CAAC;AAkBxC,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,WAAW,CAAC;;;;;;YAvBL,MAAM,EAAE;;AA8InB,wBASG"}

package/dist/components/compositions/elements/boolean/CheckboxBoolean.vue.js

@@ -1,5 +1,71 @@
-import f from "./CheckboxBoolean.vue2.js";
+import { defineComponent as m, useModel as u, openBlock as a, createBlock as o, unref as l, withCtx as r, createElementVNode as f, createVNode as c, createTextVNode as s, toDisplayString as i, createElementBlock as b, createCommentVNode as h, mergeModels as y } from "vue";
+import x from "../../../ui/checkbox/Checkbox.vue.js";
+import "../../../ui/label/index.js";
+import B from "../../../ui/field-frame/FieldFrame.vue.js";
+import V from "../../../ui/label/Label.vue.js";
+const q = { class: "flex items-start gap-2" }, k = {
+  key: 1,
+  class: "sr-only",
+  "data-testid": "field-frame-label-sr"
+}, $ = /* @__PURE__ */ m({
+  __name: "CheckboxBoolean",
+  props: /* @__PURE__ */ y({
+    modelValue: { type: Boolean },
+    id: {},
+    name: {},
+    label: {},
+    hideLabel: { type: Boolean },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    helpText: {},
+    errors: { default: () => [] }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = u(e, "modelValue");
+    function n(d) {
+      t.value = d === !0;
+    }
+    return (d, v) => (a(), o(l(B), {
+      "hide-label": !0,
+      for: e.id,
+      "help-text": e.helpText,
+      errors: e.errors
+    }, {
+      default: r(() => [
+        f("div", q, [
+          c(l(x), {
+            id: e.id,
+            name: e.name,
+            disabled: e.disabled || e.readonly,
+            required: e.required,
+            "model-value": t.value,
+            "data-element-name": e.name ?? void 0,
+            "onUpdate:modelValue": n
+          }, null, 8, ["id", "name", "disabled", "required", "model-value", "data-element-name"]),
+          !e.hideLabel && e.label ? (a(), o(l(V), {
+            key: 0,
+            for: e.id,
+            required: e.required,
+            class: "cursor-pointer leading-tight",
+            "data-testid": "field-frame-label"
+          }, {
+            default: r(() => [
+              s(i(e.label), 1)
+            ]),
+            _: 1
+          }, 8, ["for", "required"])) : e.label ? (a(), b("span", k, i(e.label), 1)) : h("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["for", "help-text", "errors"]));
+  }
+});
 export {
-  f as default
+  $ as default
 };
 //# sourceMappingURL=CheckboxBoolean.vue.js.map

package/dist/components/compositions/elements/boolean/CheckboxBoolean.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxBoolean.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"CheckboxBoolean.vue.js","sources":["../../../../../src/components/compositions/elements/boolean/CheckboxBoolean.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven checkbox composition. Wraps the shadcn-vue Checkbox\n * primitive with `FieldFrame` chrome (label + helpText + errors).\n *\n *   <CheckboxBoolean v-model=\"agreed\" label=\"I agree\" required />\n */\nimport { Checkbox } from \"@/components/ui/checkbox\"\nimport { Label } from \"@/components/ui/label\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface CheckboxBooleanProps {\n  modelValue?: boolean\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n}\n\nwithDefaults(defineProps<CheckboxBooleanProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<boolean>(\"modelValue\", { default: false })\n\nfunction onUpdate(checked: boolean | \"indeterminate\"): void {\n  model.value = checked === true\n}\n</script>\n\n<template>\n  <FieldFrame\n    :hide-label=\"true\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <div class=\"flex items-start gap-2\">\n      <Checkbox\n        :id=\"id\"\n        :name=\"name\"\n        :disabled=\"disabled || readonly\"\n        :required=\"required\"\n        :model-value=\"model\"\n        :data-element-name=\"name ?? undefined\"\n        @update:model-value=\"onUpdate\"\n      />\n      <Label\n        v-if=\"!hideLabel && label\"\n        :for=\"id\"\n        :required=\"required\"\n        class=\"cursor-pointer leading-tight\"\n        data-testid=\"field-frame-label\"\n      >\n        {{ label }}\n      </Label>\n      <span\n        v-else-if=\"label\"\n        class=\"sr-only\"\n        data-testid=\"field-frame-label-sr\"\n      >\n        {{ label }}\n      </span>\n    </div>\n  </FieldFrame>\n</template>\n"],"names":["model","_useModel","__props","onUpdate","checked","_createBlock","_unref","FieldFrame","_createElementVNode","_hoisted_1","_createVNode","Checkbox","Label","_createElementBlock","_hoisted_2","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,UAAMA,IAAQC,EAAoBC,GAAC,YAAgC;AAEnE,aAASC,EAASC,GAA0C;AAC1D,MAAAJ,EAAM,QAAQI,MAAY;AAAA,IAC5B;2BAIEC,EAiCaC,EAAAC,CAAA,GAAA;AAAA,MAhCV,cAAY;AAAA,MACZ,KAAKL,EAAA;AAAA,MACL,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MA0BM;AAAA,QA1BNM,EA0BM,OA1BNC,GA0BM;AAAA,UAzBJC,EAQEJ,EAAAK,CAAA,GAAA;AAAA,YAPC,IAAIT,EAAA;AAAA,YACJ,MAAMA,EAAA;AAAA,YACN,UAAUA,EAAA,YAAYA,EAAA;AAAA,YACtB,UAAUA,EAAA;AAAA,YACV,eAAaF,EAAA;AAAA,YACb,qBAAmBE,EAAA,QAAQ;AAAA,YAC3B,uBAAoBC;AAAA,UAAA;UAGd,CAAAD,EAAA,aAAaA,EAAA,cADtBG,EAQQC,EAAAM,CAAA,GAAA;AAAA;YANL,KAAKV,EAAA;AAAA,YACL,UAAUA,EAAA;AAAA,YACX,OAAM;AAAA,YACN,eAAY;AAAA,UAAA;uBAEZ,MAAW;AAAA,kBAARA,EAAA,KAAK,GAAA,CAAA;AAAA,YAAA;;wCAGGA,EAAA,cADbW,EAMO,QANPC,GAMOC,EADFb,EAAA,KAAK,GAAA,CAAA;;;;;;;"}

package/dist/components/compositions/elements/boolean/CheckboxBoolean.vue2.js

@@ -1,71 +1,5 @@
-import { defineComponent as m, useModel as u, openBlock as a, createBlock as o, unref as l, withCtx as r, createElementVNode as f, createVNode as c, createTextVNode as s, toDisplayString as i, createElementBlock as b, createCommentVNode as h, mergeModels as y } from "vue";
-import x from "../../../ui/checkbox/Checkbox.vue.js";
-import "../../../ui/label/index.js";
-import B from "../../../ui/field-frame/FieldFrame.vue.js";
-import V from "../../../ui/label/Label.vue.js";
-const q = { class: "flex items-start gap-2" }, k = {
-  key: 1,
-  class: "sr-only",
-  "data-testid": "field-frame-label-sr"
-}, $ = /* @__PURE__ */ m({
-  __name: "CheckboxBoolean",
-  props: /* @__PURE__ */ y({
-    modelValue: { type: Boolean },
-    id: {},
-    name: {},
-    label: {},
-    hideLabel: { type: Boolean },
-    required: { type: Boolean },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    helpText: {},
-    errors: { default: () => [] }
-  }, {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = u(e, "modelValue");
-    function n(d) {
-      t.value = d === !0;
-    }
-    return (d, v) => (a(), o(l(B), {
-      "hide-label": !0,
-      for: e.id,
-      "help-text": e.helpText,
-      errors: e.errors
-    }, {
-      default: r(() => [
-        f("div", q, [
-          c(l(x), {
-            id: e.id,
-            name: e.name,
-            disabled: e.disabled || e.readonly,
-            required: e.required,
-            "model-value": t.value,
-            "data-element-name": e.name ?? void 0,
-            "onUpdate:modelValue": n
-          }, null, 8, ["id", "name", "disabled", "required", "model-value", "data-element-name"]),
-          !e.hideLabel && e.label ? (a(), o(l(V), {
-            key: 0,
-            for: e.id,
-            required: e.required,
-            class: "cursor-pointer leading-tight",
-            "data-testid": "field-frame-label"
-          }, {
-            default: r(() => [
-              s(i(e.label), 1)
-            ]),
-            _: 1
-          }, 8, ["for", "required"])) : e.label ? (a(), b("span", k, i(e.label), 1)) : h("", !0)
-        ])
-      ]),
-      _: 1
-    }, 8, ["for", "help-text", "errors"]));
-  }
-});
+import f from "./CheckboxBoolean.vue.js";
 export {
-  $ as default
+  f as default
 };
 //# sourceMappingURL=CheckboxBoolean.vue2.js.map

package/dist/components/compositions/elements/boolean/CheckboxBoolean.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxBoolean.vue2.js","sources":["../../../../../src/components/compositions/elements/boolean/CheckboxBoolean.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven checkbox composition. Wraps the shadcn-vue Checkbox\n * primitive with `FieldFrame` chrome (label + helpText + errors).\n *\n *   <CheckboxBoolean v-model=\"agreed\" label=\"I agree\" required />\n */\nimport { Checkbox } from \"@/components/ui/checkbox\"\nimport { Label } from \"@/components/ui/label\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface CheckboxBooleanProps {\n  modelValue?: boolean\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n}\n\nwithDefaults(defineProps<CheckboxBooleanProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<boolean>(\"modelValue\", { default: false })\n\nfunction onUpdate(checked: boolean | \"indeterminate\"): void {\n  model.value = checked === true\n}\n</script>\n\n<template>\n  <FieldFrame\n    :hide-label=\"true\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <div class=\"flex items-start gap-2\">\n      <Checkbox\n        :id=\"id\"\n        :name=\"name\"\n        :disabled=\"disabled || readonly\"\n        :required=\"required\"\n        :model-value=\"model\"\n        :data-element-name=\"name ?? undefined\"\n        @update:model-value=\"onUpdate\"\n      />\n      <Label\n        v-if=\"!hideLabel && label\"\n        :for=\"id\"\n        :required=\"required\"\n        class=\"cursor-pointer leading-tight\"\n        data-testid=\"field-frame-label\"\n      >\n        {{ label }}\n      </Label>\n      <span\n        v-else-if=\"label\"\n        class=\"sr-only\"\n        data-testid=\"field-frame-label-sr\"\n      >\n        {{ label }}\n      </span>\n    </div>\n  </FieldFrame>\n</template>\n"],"names":["model","_useModel","__props","onUpdate","checked","_createBlock","_unref","FieldFrame","_createElementVNode","_hoisted_1","_createVNode","Checkbox","Label","_createElementBlock","_hoisted_2","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,UAAMA,IAAQC,EAAoBC,GAAC,YAAgC;AAEnE,aAASC,EAASC,GAA0C;AAC1D,MAAAJ,EAAM,QAAQI,MAAY;AAAA,IAC5B;2BAIEC,EAiCaC,EAAAC,CAAA,GAAA;AAAA,MAhCV,cAAY;AAAA,MACZ,KAAKL,EAAA;AAAA,MACL,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MA0BM;AAAA,QA1BNM,EA0BM,OA1BNC,GA0BM;AAAA,UAzBJC,EAQEJ,EAAAK,CAAA,GAAA;AAAA,YAPC,IAAIT,EAAA;AAAA,YACJ,MAAMA,EAAA;AAAA,YACN,UAAUA,EAAA,YAAYA,EAAA;AAAA,YACtB,UAAUA,EAAA;AAAA,YACV,eAAaF,EAAA;AAAA,YACb,qBAAmBE,EAAA,QAAQ;AAAA,YAC3B,uBAAoBC;AAAA,UAAA;UAGd,CAAAD,EAAA,aAAaA,EAAA,cADtBG,EAQQC,EAAAM,CAAA,GAAA;AAAA;YANL,KAAKV,EAAA;AAAA,YACL,UAAUA,EAAA;AAAA,YACX,OAAM;AAAA,YACN,eAAY;AAAA,UAAA;uBAEZ,MAAW;AAAA,kBAARA,EAAA,KAAK,GAAA,CAAA;AAAA,YAAA;;wCAGGA,EAAA,cADbW,EAMO,QANPC,GAMOC,EADFb,EAAA,KAAK,GAAA,CAAA;;;;;;;"}
+{"version":3,"file":"CheckboxBoolean.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/boolean/IconToggleBoolean.vue.d.ts

@@ -0,0 +1,29 @@
+export interface IconToggleBooleanProps {
+    modelValue?: boolean;
+    id?: string;
+    name?: string;
+    label?: string;
+    hideLabel?: boolean;
+    required?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    helpText?: string;
+    errors?: string[];
+    /** Lucide icon shown when value is true. */
+    trueIcon?: string;
+    /** Lucide icon shown when value is false. */
+    falseIcon?: string;
+}
+type __VLS_Props = IconToggleBooleanProps;
+type __VLS_PublicProps = {
+    "modelValue"?: boolean;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    errors: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=IconToggleBoolean.vue.d.ts.map

package/dist/components/compositions/elements/boolean/IconToggleBoolean.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconToggleBoolean.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/boolean/IconToggleBoolean.vue"],"names":[],"mappings":"AA8HA,MAAM,WAAW,sBAAsB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,KAAK,WAAW,GAAG,sBAAsB,CAAC;AA2C1C,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,WAAW,CAAC;;;;;;YApDL,MAAM,EAAE;;AA8JnB,wBASG"}