@gxp-dev/mod-ui 2.0.0 → 2.0.3

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

@@ -1,5 +1,78 @@
-import f from "./IconToggleBoolean.vue2.js";
+import { defineComponent as y, useModel as B, computed as t, openBlock as c, createBlock as u, unref as m, withCtx as s, createVNode as I, resolveDynamicComponent as g, mergeModels as q } from "vue";
+import * as x from "lucide-vue-next";
+import { ToggleRight as C, ToggleLeft as L } from "lucide-vue-next";
+import "../../../ui/toggle/index.js";
+import T from "../../../ui/field-frame/FieldFrame.vue.js";
+import V from "../../../ui/toggle/Toggle.vue.js";
+const k = /* @__PURE__ */ y({
+  __name: "IconToggleBoolean",
+  props: /* @__PURE__ */ q({
+    modelValue: { type: Boolean },
+    id: {},
+    name: {},
+    label: {},
+    hideLabel: { type: Boolean },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    helpText: {},
+    errors: { default: () => [] },
+    trueIcon: {},
+    falseIcon: {}
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const n = e, l = B(e, "modelValue"), r = x;
+    function d(a, o) {
+      if (!a)
+        return o;
+      const v = a.split(/[-_\s]/).filter(Boolean).map((i) => i.charAt(0).toUpperCase() + i.slice(1)).join("");
+      return r[v] ?? r[a] ?? o;
+    }
+    const f = t(
+      () => d(n.trueIcon, C)
+    ), b = t(
+      () => d(n.falseIcon, L)
+    ), h = t(
+      () => l.value ? f.value : b.value
+    );
+    function p(a) {
+      l.value = a;
+    }
+    return (a, o) => (c(), u(m(T), {
+      label: e.label,
+      required: e.required,
+      "hide-label": e.hideLabel,
+      for: e.id,
+      "help-text": e.helpText,
+      errors: e.errors
+    }, {
+      default: s(() => [
+        I(m(V), {
+          id: e.id,
+          name: e.name,
+          disabled: e.disabled || e.readonly,
+          required: e.required,
+          pressed: l.value,
+          variant: "outline",
+          "data-element-name": e.name ?? void 0,
+          "aria-label": e.label,
+          "onUpdate:pressed": p
+        }, {
+          default: s(() => [
+            (c(), u(g(h.value), { class: "h-4 w-4" }))
+          ]),
+          _: 1
+        }, 8, ["id", "name", "disabled", "required", "pressed", "data-element-name", "aria-label"])
+      ]),
+      _: 1
+    }, 8, ["label", "required", "hide-label", "for", "help-text", "errors"]));
+  }
+});
 export {
-  f as default
+  k as default
 };
 //# sourceMappingURL=IconToggleBoolean.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconToggleBoolean.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"IconToggleBoolean.vue.js","sources":["../../../../../src/components/compositions/elements/boolean/IconToggleBoolean.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven icon-toggle composition. Renders a Toggle primitive that\n * shows `trueIcon` when pressed and `falseIcon` when not. Icons are\n * looked up from `lucide-vue-next` by name; missing icons fall back to\n * `ToggleRight` / `ToggleLeft`.\n *\n *   <IconToggleBoolean\n *     v-model=\"darkMode\"\n *     label=\"Dark mode\"\n *     true-icon=\"moon\"\n *     false-icon=\"sun\"\n *   />\n */\nimport { computed } from \"vue\"\nimport { ToggleLeft, ToggleRight } from \"lucide-vue-next\"\nimport * as LucideIcons from \"lucide-vue-next\"\nimport type { FunctionalComponent } from \"vue\"\n\ntype LucideIcon = FunctionalComponent\n\nimport { Toggle } from \"@/components/ui/toggle\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface IconToggleBooleanProps {\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  /** Lucide icon shown when value is true. */\n  trueIcon?: string\n  /** Lucide icon shown when value is false. */\n  falseIcon?: string\n}\n\nconst props = withDefaults(defineProps<IconToggleBooleanProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<boolean>(\"modelValue\", { default: false })\n\nconst iconLibrary = LucideIcons as unknown as Record<string, LucideIcon>\n\nfunction resolveIcon(name: string | undefined, fallback: LucideIcon): LucideIcon {\n  if (!name) {\n    return fallback\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] ?? fallback\n}\n\nconst trueIconComponent = computed(() =>\n  resolveIcon(props.trueIcon, ToggleRight),\n)\nconst falseIconComponent = computed(() =>\n  resolveIcon(props.falseIcon, ToggleLeft),\n)\n\nconst activeIcon = computed(() =>\n  model.value ? trueIconComponent.value : falseIconComponent.value,\n)\n\nfunction onUpdate(pressed: boolean): void {\n  model.value = pressed\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <Toggle\n      :id=\"id\"\n      :name=\"name\"\n      :disabled=\"disabled || readonly\"\n      :required=\"required\"\n      :pressed=\"model\"\n      variant=\"outline\"\n      :data-element-name=\"name ?? undefined\"\n      :aria-label=\"label\"\n      @update:pressed=\"onUpdate\"\n    >\n      <component :is=\"activeIcon\" class=\"h-4 w-4\" />\n    </Toggle>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","iconLibrary","LucideIcons","resolveIcon","name","fallback","pascal","s","trueIconComponent","computed","ToggleRight","falseIconComponent","ToggleLeft","activeIcon","onUpdate","pressed","_createBlock","_unref","FieldFrame","_createVNode","Toggle","_openBlock","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,UAAMA,IAAQC,GAIRC,IAAQC,EAAoBF,GAAC,YAAgC,GAE7DG,IAAcC;AAEpB,aAASC,EAAYC,GAA0BC,GAAkC;AAC/E,UAAI,CAACD;AACH,eAAOC;AAET,YAAMC,IAASF,EACZ,MAAM,QAAQ,EACd,OAAO,OAAO,EACd,IAAI,CAACG,MAAMA,EAAE,OAAO,CAAC,EAAE,gBAAgBA,EAAE,MAAM,CAAC,CAAC,EACjD,KAAK,EAAE;AACV,aAAON,EAAYK,CAAM,KAAKL,EAAYG,CAAI,KAAKC;AAAA,IACrD;AAEA,UAAMG,IAAoBC;AAAA,MAAS,MACjCN,EAAYN,EAAM,UAAUa,CAAW;AAAA,IAAA,GAEnCC,IAAqBF;AAAA,MAAS,MAClCN,EAAYN,EAAM,WAAWe,CAAU;AAAA,IAAA,GAGnCC,IAAaJ;AAAA,MAAS,MAC1BV,EAAM,QAAQS,EAAkB,QAAQG,EAAmB;AAAA,IAAA;AAG7D,aAASG,EAASC,GAAwB;AACxC,MAAAhB,EAAM,QAAQgB;AAAA,IAChB;2BAIEC,EAqBaC,EAAAC,CAAA,GAAA;AAAA,MApBV,OAAOpB,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,KAAKA,EAAA;AAAA,MACL,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MAYS;AAAA,QAZTqB,EAYSF,EAAAG,CAAA,GAAA;AAAA,UAXN,IAAItB,EAAA;AAAA,UACJ,MAAMA,EAAA;AAAA,UACN,UAAUA,EAAA,YAAYA,EAAA;AAAA,UACtB,UAAUA,EAAA;AAAA,UACV,SAASC,EAAA;AAAA,UACV,SAAQ;AAAA,UACP,qBAAmBD,EAAA,QAAQ;AAAA,UAC3B,cAAYA,EAAA;AAAA,UACZ,oBAAgBgB;AAAA,QAAA;qBAEjB,MAA8C;AAAA,aAA9CO,EAAA,GAAAL,EAA8CM,EAA9BT,EAAA,KAAU,GAAA,EAAE,OAAM,WAAS;AAAA,UAAA;;;;;;;;"}

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

@@ -1,78 +1,5 @@
-import { defineComponent as y, useModel as B, computed as t, openBlock as c, createBlock as u, unref as m, withCtx as s, createVNode as I, resolveDynamicComponent as g, mergeModels as q } from "vue";
-import * as x from "lucide-vue-next";
-import { ToggleRight as C, ToggleLeft as L } from "lucide-vue-next";
-import "../../../ui/toggle/index.js";
-import T from "../../../ui/field-frame/FieldFrame.vue.js";
-import V from "../../../ui/toggle/Toggle.vue.js";
-const k = /* @__PURE__ */ y({
-  __name: "IconToggleBoolean",
-  props: /* @__PURE__ */ q({
-    modelValue: { type: Boolean },
-    id: {},
-    name: {},
-    label: {},
-    hideLabel: { type: Boolean },
-    required: { type: Boolean },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    helpText: {},
-    errors: { default: () => [] },
-    trueIcon: {},
-    falseIcon: {}
-  }, {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const n = e, l = B(e, "modelValue"), r = x;
-    function d(a, o) {
-      if (!a)
-        return o;
-      const v = a.split(/[-_\s]/).filter(Boolean).map((i) => i.charAt(0).toUpperCase() + i.slice(1)).join("");
-      return r[v] ?? r[a] ?? o;
-    }
-    const f = t(
-      () => d(n.trueIcon, C)
-    ), b = t(
-      () => d(n.falseIcon, L)
-    ), h = t(
-      () => l.value ? f.value : b.value
-    );
-    function p(a) {
-      l.value = a;
-    }
-    return (a, o) => (c(), u(m(T), {
-      label: e.label,
-      required: e.required,
-      "hide-label": e.hideLabel,
-      for: e.id,
-      "help-text": e.helpText,
-      errors: e.errors
-    }, {
-      default: s(() => [
-        I(m(V), {
-          id: e.id,
-          name: e.name,
-          disabled: e.disabled || e.readonly,
-          required: e.required,
-          pressed: l.value,
-          variant: "outline",
-          "data-element-name": e.name ?? void 0,
-          "aria-label": e.label,
-          "onUpdate:pressed": p
-        }, {
-          default: s(() => [
-            (c(), u(g(h.value), { class: "h-4 w-4" }))
-          ]),
-          _: 1
-        }, 8, ["id", "name", "disabled", "required", "pressed", "data-element-name", "aria-label"])
-      ]),
-      _: 1
-    }, 8, ["label", "required", "hide-label", "for", "help-text", "errors"]));
-  }
-});
+import f from "./IconToggleBoolean.vue.js";
 export {
-  k as default
+  f as default
 };
 //# sourceMappingURL=IconToggleBoolean.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconToggleBoolean.vue2.js","sources":["../../../../../src/components/compositions/elements/boolean/IconToggleBoolean.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven icon-toggle composition. Renders a Toggle primitive that\n * shows `trueIcon` when pressed and `falseIcon` when not. Icons are\n * looked up from `lucide-vue-next` by name; missing icons fall back to\n * `ToggleRight` / `ToggleLeft`.\n *\n *   <IconToggleBoolean\n *     v-model=\"darkMode\"\n *     label=\"Dark mode\"\n *     true-icon=\"moon\"\n *     false-icon=\"sun\"\n *   />\n */\nimport { computed } from \"vue\"\nimport { ToggleLeft, ToggleRight } from \"lucide-vue-next\"\nimport * as LucideIcons from \"lucide-vue-next\"\nimport type { FunctionalComponent } from \"vue\"\n\ntype LucideIcon = FunctionalComponent\n\nimport { Toggle } from \"@/components/ui/toggle\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface IconToggleBooleanProps {\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  /** Lucide icon shown when value is true. */\n  trueIcon?: string\n  /** Lucide icon shown when value is false. */\n  falseIcon?: string\n}\n\nconst props = withDefaults(defineProps<IconToggleBooleanProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<boolean>(\"modelValue\", { default: false })\n\nconst iconLibrary = LucideIcons as unknown as Record<string, LucideIcon>\n\nfunction resolveIcon(name: string | undefined, fallback: LucideIcon): LucideIcon {\n  if (!name) {\n    return fallback\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] ?? fallback\n}\n\nconst trueIconComponent = computed(() =>\n  resolveIcon(props.trueIcon, ToggleRight),\n)\nconst falseIconComponent = computed(() =>\n  resolveIcon(props.falseIcon, ToggleLeft),\n)\n\nconst activeIcon = computed(() =>\n  model.value ? trueIconComponent.value : falseIconComponent.value,\n)\n\nfunction onUpdate(pressed: boolean): void {\n  model.value = pressed\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <Toggle\n      :id=\"id\"\n      :name=\"name\"\n      :disabled=\"disabled || readonly\"\n      :required=\"required\"\n      :pressed=\"model\"\n      variant=\"outline\"\n      :data-element-name=\"name ?? undefined\"\n      :aria-label=\"label\"\n      @update:pressed=\"onUpdate\"\n    >\n      <component :is=\"activeIcon\" class=\"h-4 w-4\" />\n    </Toggle>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","iconLibrary","LucideIcons","resolveIcon","name","fallback","pascal","s","trueIconComponent","computed","ToggleRight","falseIconComponent","ToggleLeft","activeIcon","onUpdate","pressed","_createBlock","_unref","FieldFrame","_createVNode","Toggle","_openBlock","_resolveDynamicComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,UAAMA,IAAQC,GAIRC,IAAQC,EAAoBF,GAAC,YAAgC,GAE7DG,IAAcC;AAEpB,aAASC,EAAYC,GAA0BC,GAAkC;AAC/E,UAAI,CAACD;AACH,eAAOC;AAET,YAAMC,IAASF,EACZ,MAAM,QAAQ,EACd,OAAO,OAAO,EACd,IAAI,CAACG,MAAMA,EAAE,OAAO,CAAC,EAAE,gBAAgBA,EAAE,MAAM,CAAC,CAAC,EACjD,KAAK,EAAE;AACV,aAAON,EAAYK,CAAM,KAAKL,EAAYG,CAAI,KAAKC;AAAA,IACrD;AAEA,UAAMG,IAAoBC;AAAA,MAAS,MACjCN,EAAYN,EAAM,UAAUa,CAAW;AAAA,IAAA,GAEnCC,IAAqBF;AAAA,MAAS,MAClCN,EAAYN,EAAM,WAAWe,CAAU;AAAA,IAAA,GAGnCC,IAAaJ;AAAA,MAAS,MAC1BV,EAAM,QAAQS,EAAkB,QAAQG,EAAmB;AAAA,IAAA;AAG7D,aAASG,EAASC,GAAwB;AACxC,MAAAhB,EAAM,QAAQgB;AAAA,IAChB;2BAIEC,EAqBaC,EAAAC,CAAA,GAAA;AAAA,MApBV,OAAOpB,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,KAAKA,EAAA;AAAA,MACL,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MAYS;AAAA,QAZTqB,EAYSF,EAAAG,CAAA,GAAA;AAAA,UAXN,IAAItB,EAAA;AAAA,UACJ,MAAMA,EAAA;AAAA,UACN,UAAUA,EAAA,YAAYA,EAAA;AAAA,UACtB,UAAUA,EAAA;AAAA,UACV,SAASC,EAAA;AAAA,UACV,SAAQ;AAAA,UACP,qBAAmBD,EAAA,QAAQ;AAAA,UAC3B,cAAYA,EAAA;AAAA,UACZ,oBAAgBgB;AAAA,QAAA;qBAEjB,MAA8C;AAAA,aAA9CO,EAAA,GAAAL,EAA8CM,EAA9BT,EAAA,KAAU,GAAA,EAAE,OAAM,WAAS;AAAA,UAAA;;;;;;;;"}
+{"version":3,"file":"IconToggleBoolean.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,33 @@
+export interface RadioBooleanProps {
+    modelValue?: boolean;
+    id?: string;
+    name?: string;
+    label?: string;
+    hideLabel?: boolean;
+    required?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    helpText?: string;
+    errors?: string[];
+    /** Label for the "true" option. Defaults to "Yes". */
+    trueLabel?: string;
+    /** Label for the "false" option. Defaults to "No". */
+    falseLabel?: string;
+    /** Render both choices on the same row. */
+    inline?: boolean;
+}
+type __VLS_Props = RadioBooleanProps;
+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;
+}>, {
+    trueLabel: string;
+    falseLabel: string;
+    errors: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=RadioBoolean.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioBoolean.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/boolean/RadioBoolean.vue"],"names":[],"mappings":"AA4GA,MAAM,WAAW,iBAAiB;IAChC,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,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,KAAK,WAAW,GAAG,iBAAiB,CAAC;AA4BrC,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,WAAW,CAAC;;;;;;eArCF,MAAM;gBAEL,MAAM;YAJV,MAAM,EAAE;;AAgMnB,wBASG"}

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

@@ -1,5 +1,94 @@
-import f from "./RadioBoolean.vue2.js";
+import { defineComponent as x, useModel as B, computed as d, openBlock as V, createBlock as g, unref as l, withCtx as t, createVNode as a, normalizeClass as q, createElementVNode as m, createTextVNode as f, toDisplayString as c, mergeModels as p } from "vue";
+import L from "../../../ui/radio-group/RadioGroup.vue.js";
+import b from "../../../ui/radio-group/RadioGroupItem.vue.js";
+import "../../../ui/label/index.js";
+import $ from "../../../ui/field-frame/FieldFrame.vue.js";
+import v from "../../../ui/label/Label.vue.js";
+const N = { class: "flex items-center gap-2" }, C = { class: "flex items-center gap-2" }, U = /* @__PURE__ */ x({
+  __name: "RadioBoolean",
+  props: /* @__PURE__ */ p({
+    modelValue: { type: Boolean },
+    id: {},
+    name: {},
+    label: {},
+    hideLabel: { type: Boolean },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    helpText: {},
+    errors: { default: () => [] },
+    trueLabel: { default: "Yes" },
+    falseLabel: { default: "No" },
+    inline: { type: Boolean }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const r = e, i = B(e, "modelValue"), h = d(() => i.value ? "true" : "false"), n = d(() => `${r.id ?? "radio-bool"}-true`), u = d(() => `${r.id ?? "radio-bool"}-false`);
+    function y(o) {
+      const s = Array.isArray(o) ? o[0] : o;
+      i.value = s === "true";
+    }
+    return (o, s) => (V(), g(l($), {
+      label: e.label,
+      required: e.required,
+      "hide-label": e.hideLabel,
+      for: e.id,
+      "help-text": e.helpText,
+      errors: e.errors
+    }, {
+      default: t(() => [
+        a(l(L), {
+          "model-value": h.value,
+          name: e.name,
+          disabled: e.disabled || e.readonly,
+          required: e.required,
+          "data-element-name": e.name ?? void 0,
+          class: q(e.inline ? "flex flex-row gap-4" : "grid gap-2"),
+          "onUpdate:modelValue": y
+        }, {
+          default: t(() => [
+            m("div", N, [
+              a(l(b), {
+                id: n.value,
+                value: "true"
+              }, null, 8, ["id"]),
+              a(l(v), {
+                for: n.value,
+                class: "cursor-pointer"
+              }, {
+                default: t(() => [
+                  f(c(e.trueLabel), 1)
+                ]),
+                _: 1
+              }, 8, ["for"])
+            ]),
+            m("div", C, [
+              a(l(b), {
+                id: u.value,
+                value: "false"
+              }, null, 8, ["id"]),
+              a(l(v), {
+                for: u.value,
+                class: "cursor-pointer"
+              }, {
+                default: t(() => [
+                  f(c(e.falseLabel), 1)
+                ]),
+                _: 1
+              }, 8, ["for"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["model-value", "name", "disabled", "required", "data-element-name", "class"])
+      ]),
+      _: 1
+    }, 8, ["label", "required", "hide-label", "for", "help-text", "errors"]));
+  }
+});
 export {
-  f as default
+  U as default
 };
 //# sourceMappingURL=RadioBoolean.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioBoolean.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"RadioBoolean.vue.js","sources":["../../../../../src/components/compositions/elements/boolean/RadioBoolean.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven radio composition for boolean values. Renders a\n * RadioGroup with two items: \"true\" and \"false\". Labels default to\n * \"Yes\" / \"No\" but can be customised via `trueLabel` / `falseLabel`.\n *\n *   <RadioBoolean v-model=\"agreed\" label=\"Agree?\" />\n *   <RadioBoolean\n *     v-model=\"agreed\"\n *     label=\"Agree?\"\n *     true-label=\"Of course\"\n *     false-label=\"Never\"\n *     inline\n *   />\n */\nimport { computed } from \"vue\"\nimport { RadioGroup, RadioGroupItem } from \"@/components/ui/radio-group\"\nimport { Label } from \"@/components/ui/label\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface RadioBooleanProps {\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  /** Label for the \"true\" option. Defaults to \"Yes\". */\n  trueLabel?: string\n  /** Label for the \"false\" option. Defaults to \"No\". */\n  falseLabel?: string\n  /** Render both choices on the same row. */\n  inline?: boolean\n}\n\nconst props = withDefaults(defineProps<RadioBooleanProps>(), {\n  errors: () => [],\n  trueLabel: \"Yes\",\n  falseLabel: \"No\",\n})\n\nconst model = defineModel<boolean>(\"modelValue\", { default: false })\n\nconst stringValue = computed<string>(() => (model.value ? \"true\" : \"false\"))\n\nconst trueId = computed(() => `${props.id ?? \"radio-bool\"}-true`)\nconst falseId = computed(() => `${props.id ?? \"radio-bool\"}-false`)\n\nfunction onUpdate(next: unknown): void {\n  const v = Array.isArray(next) ? next[0] : next\n  model.value = v === \"true\"\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <RadioGroup\n      :model-value=\"stringValue\"\n      :name=\"name\"\n      :disabled=\"disabled || readonly\"\n      :required=\"required\"\n      :data-element-name=\"name ?? undefined\"\n      :class=\"inline ? 'flex flex-row gap-4' : 'grid gap-2'\"\n      @update:model-value=\"onUpdate\"\n    >\n      <div class=\"flex items-center gap-2\">\n        <RadioGroupItem :id=\"trueId\" value=\"true\" />\n        <Label :for=\"trueId\" class=\"cursor-pointer\">{{ trueLabel }}</Label>\n      </div>\n      <div class=\"flex items-center gap-2\">\n        <RadioGroupItem :id=\"falseId\" value=\"false\" />\n        <Label :for=\"falseId\" class=\"cursor-pointer\">{{ falseLabel }}</Label>\n      </div>\n    </RadioGroup>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","stringValue","computed","trueId","falseId","onUpdate","next","v","_createBlock","_unref","FieldFrame","_createVNode","RadioGroup","_createElementVNode","_hoisted_1","RadioGroupItem","Label","_hoisted_2"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAMA,IAAQC,GAMRC,IAAQC,EAAoBF,GAAC,YAAgC,GAE7DG,IAAcC,EAAiB,MAAOH,EAAM,QAAQ,SAAS,OAAQ,GAErEI,IAASD,EAAS,MAAM,GAAGL,EAAM,MAAM,YAAY,OAAO,GAC1DO,IAAUF,EAAS,MAAM,GAAGL,EAAM,MAAM,YAAY,QAAQ;AAElE,aAASQ,EAASC,GAAqB;AACrC,YAAMC,IAAI,MAAM,QAAQD,CAAI,IAAIA,EAAK,CAAC,IAAIA;AAC1C,MAAAP,EAAM,QAAQQ,MAAM;AAAA,IACtB;2BAIEC,EA0BaC,EAAAC,CAAA,GAAA;AAAA,MAzBV,OAAOZ,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,KAAKA,EAAA;AAAA,MACL,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MAiBa;AAAA,QAjBba,EAiBaF,EAAAG,CAAA,GAAA;AAAA,UAhBV,eAAaX,EAAA;AAAA,UACb,MAAMH,EAAA;AAAA,UACN,UAAUA,EAAA,YAAYA,EAAA;AAAA,UACtB,UAAUA,EAAA;AAAA,UACV,qBAAmBA,EAAA,QAAQ;AAAA,UAC3B,SAAOA,EAAA,SAAM,wBAAA,YAAA;AAAA,UACb,uBAAoBO;AAAA,QAAA;qBAErB,MAGM;AAAA,YAHNQ,EAGM,OAHNC,GAGM;AAAA,cAFJH,EAA4CF,EAAAM,CAAA,GAAA;AAAA,gBAA3B,IAAIZ,EAAA;AAAA,gBAAQ,OAAM;AAAA,cAAA;cACnCQ,EAAmEF,EAAAO,CAAA,GAAA;AAAA,gBAA3D,KAAKb,EAAA;AAAA,gBAAQ,OAAM;AAAA,cAAA;2BAAiB,MAAe;AAAA,sBAAZL,EAAA,SAAS,GAAA,CAAA;AAAA,gBAAA;;;;YAE1De,EAGM,OAHNI,GAGM;AAAA,cAFJN,EAA8CF,EAAAM,CAAA,GAAA;AAAA,gBAA7B,IAAIX,EAAA;AAAA,gBAAS,OAAM;AAAA,cAAA;cACpCO,EAAqEF,EAAAO,CAAA,GAAA;AAAA,gBAA7D,KAAKZ,EAAA;AAAA,gBAAS,OAAM;AAAA,cAAA;2BAAiB,MAAgB;AAAA,sBAAbN,EAAA,UAAU,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;;;"}

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

@@ -1,94 +1,5 @@
-import { defineComponent as x, useModel as B, computed as d, openBlock as V, createBlock as g, unref as l, withCtx as t, createVNode as a, normalizeClass as q, createElementVNode as m, createTextVNode as f, toDisplayString as c, mergeModels as p } from "vue";
-import L from "../../../ui/radio-group/RadioGroup.vue.js";
-import b from "../../../ui/radio-group/RadioGroupItem.vue.js";
-import "../../../ui/label/index.js";
-import $ from "../../../ui/field-frame/FieldFrame.vue.js";
-import v from "../../../ui/label/Label.vue.js";
-const N = { class: "flex items-center gap-2" }, C = { class: "flex items-center gap-2" }, U = /* @__PURE__ */ x({
-  __name: "RadioBoolean",
-  props: /* @__PURE__ */ p({
-    modelValue: { type: Boolean },
-    id: {},
-    name: {},
-    label: {},
-    hideLabel: { type: Boolean },
-    required: { type: Boolean },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    helpText: {},
-    errors: { default: () => [] },
-    trueLabel: { default: "Yes" },
-    falseLabel: { default: "No" },
-    inline: { type: Boolean }
-  }, {
-    modelValue: { type: Boolean, default: !1 },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const r = e, i = B(e, "modelValue"), h = d(() => i.value ? "true" : "false"), n = d(() => `${r.id ?? "radio-bool"}-true`), u = d(() => `${r.id ?? "radio-bool"}-false`);
-    function y(o) {
-      const s = Array.isArray(o) ? o[0] : o;
-      i.value = s === "true";
-    }
-    return (o, s) => (V(), g(l($), {
-      label: e.label,
-      required: e.required,
-      "hide-label": e.hideLabel,
-      for: e.id,
-      "help-text": e.helpText,
-      errors: e.errors
-    }, {
-      default: t(() => [
-        a(l(L), {
-          "model-value": h.value,
-          name: e.name,
-          disabled: e.disabled || e.readonly,
-          required: e.required,
-          "data-element-name": e.name ?? void 0,
-          class: q(e.inline ? "flex flex-row gap-4" : "grid gap-2"),
-          "onUpdate:modelValue": y
-        }, {
-          default: t(() => [
-            m("div", N, [
-              a(l(b), {
-                id: n.value,
-                value: "true"
-              }, null, 8, ["id"]),
-              a(l(v), {
-                for: n.value,
-                class: "cursor-pointer"
-              }, {
-                default: t(() => [
-                  f(c(e.trueLabel), 1)
-                ]),
-                _: 1
-              }, 8, ["for"])
-            ]),
-            m("div", C, [
-              a(l(b), {
-                id: u.value,
-                value: "false"
-              }, null, 8, ["id"]),
-              a(l(v), {
-                for: u.value,
-                class: "cursor-pointer"
-              }, {
-                default: t(() => [
-                  f(c(e.falseLabel), 1)
-                ]),
-                _: 1
-              }, 8, ["for"])
-            ])
-          ]),
-          _: 1
-        }, 8, ["model-value", "name", "disabled", "required", "data-element-name", "class"])
-      ]),
-      _: 1
-    }, 8, ["label", "required", "hide-label", "for", "help-text", "errors"]));
-  }
-});
+import f from "./RadioBoolean.vue.js";
 export {
-  U as default
+  f as default
 };
 //# sourceMappingURL=RadioBoolean.vue2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioBoolean.vue2.js","sources":["../../../../../src/components/compositions/elements/boolean/RadioBoolean.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven radio composition for boolean values. Renders a\n * RadioGroup with two items: \"true\" and \"false\". Labels default to\n * \"Yes\" / \"No\" but can be customised via `trueLabel` / `falseLabel`.\n *\n *   <RadioBoolean v-model=\"agreed\" label=\"Agree?\" />\n *   <RadioBoolean\n *     v-model=\"agreed\"\n *     label=\"Agree?\"\n *     true-label=\"Of course\"\n *     false-label=\"Never\"\n *     inline\n *   />\n */\nimport { computed } from \"vue\"\nimport { RadioGroup, RadioGroupItem } from \"@/components/ui/radio-group\"\nimport { Label } from \"@/components/ui/label\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface RadioBooleanProps {\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  /** Label for the \"true\" option. Defaults to \"Yes\". */\n  trueLabel?: string\n  /** Label for the \"false\" option. Defaults to \"No\". */\n  falseLabel?: string\n  /** Render both choices on the same row. */\n  inline?: boolean\n}\n\nconst props = withDefaults(defineProps<RadioBooleanProps>(), {\n  errors: () => [],\n  trueLabel: \"Yes\",\n  falseLabel: \"No\",\n})\n\nconst model = defineModel<boolean>(\"modelValue\", { default: false })\n\nconst stringValue = computed<string>(() => (model.value ? \"true\" : \"false\"))\n\nconst trueId = computed(() => `${props.id ?? \"radio-bool\"}-true`)\nconst falseId = computed(() => `${props.id ?? \"radio-bool\"}-false`)\n\nfunction onUpdate(next: unknown): void {\n  const v = Array.isArray(next) ? next[0] : next\n  model.value = v === \"true\"\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <RadioGroup\n      :model-value=\"stringValue\"\n      :name=\"name\"\n      :disabled=\"disabled || readonly\"\n      :required=\"required\"\n      :data-element-name=\"name ?? undefined\"\n      :class=\"inline ? 'flex flex-row gap-4' : 'grid gap-2'\"\n      @update:model-value=\"onUpdate\"\n    >\n      <div class=\"flex items-center gap-2\">\n        <RadioGroupItem :id=\"trueId\" value=\"true\" />\n        <Label :for=\"trueId\" class=\"cursor-pointer\">{{ trueLabel }}</Label>\n      </div>\n      <div class=\"flex items-center gap-2\">\n        <RadioGroupItem :id=\"falseId\" value=\"false\" />\n        <Label :for=\"falseId\" class=\"cursor-pointer\">{{ falseLabel }}</Label>\n      </div>\n    </RadioGroup>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","stringValue","computed","trueId","falseId","onUpdate","next","v","_createBlock","_unref","FieldFrame","_createVNode","RadioGroup","_createElementVNode","_hoisted_1","RadioGroupItem","Label","_hoisted_2"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,UAAMA,IAAQC,GAMRC,IAAQC,EAAoBF,GAAC,YAAgC,GAE7DG,IAAcC,EAAiB,MAAOH,EAAM,QAAQ,SAAS,OAAQ,GAErEI,IAASD,EAAS,MAAM,GAAGL,EAAM,MAAM,YAAY,OAAO,GAC1DO,IAAUF,EAAS,MAAM,GAAGL,EAAM,MAAM,YAAY,QAAQ;AAElE,aAASQ,EAASC,GAAqB;AACrC,YAAMC,IAAI,MAAM,QAAQD,CAAI,IAAIA,EAAK,CAAC,IAAIA;AAC1C,MAAAP,EAAM,QAAQQ,MAAM;AAAA,IACtB;2BAIEC,EA0BaC,EAAAC,CAAA,GAAA;AAAA,MAzBV,OAAOZ,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,KAAKA,EAAA;AAAA,MACL,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MAiBa;AAAA,QAjBba,EAiBaF,EAAAG,CAAA,GAAA;AAAA,UAhBV,eAAaX,EAAA;AAAA,UACb,MAAMH,EAAA;AAAA,UACN,UAAUA,EAAA,YAAYA,EAAA;AAAA,UACtB,UAAUA,EAAA;AAAA,UACV,qBAAmBA,EAAA,QAAQ;AAAA,UAC3B,SAAOA,EAAA,SAAM,wBAAA,YAAA;AAAA,UACb,uBAAoBO;AAAA,QAAA;qBAErB,MAGM;AAAA,YAHNQ,EAGM,OAHNC,GAGM;AAAA,cAFJH,EAA4CF,EAAAM,CAAA,GAAA;AAAA,gBAA3B,IAAIZ,EAAA;AAAA,gBAAQ,OAAM;AAAA,cAAA;cACnCQ,EAAmEF,EAAAO,CAAA,GAAA;AAAA,gBAA3D,KAAKb,EAAA;AAAA,gBAAQ,OAAM;AAAA,cAAA;2BAAiB,MAAe;AAAA,sBAAZL,EAAA,SAAS,GAAA,CAAA;AAAA,gBAAA;;;;YAE1De,EAGM,OAHNI,GAGM;AAAA,cAFJN,EAA8CF,EAAAM,CAAA,GAAA;AAAA,gBAA7B,IAAIX,EAAA;AAAA,gBAAS,OAAM;AAAA,cAAA;cACpCO,EAAqEF,EAAAO,CAAA,GAAA;AAAA,gBAA7D,KAAKZ,EAAA;AAAA,gBAAS,OAAM;AAAA,cAAA;2BAAiB,MAAgB;AAAA,sBAAbN,EAAA,UAAU,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;;;"}
+{"version":3,"file":"RadioBoolean.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,29 @@
+export interface SwitchBooleanProps {
+    modelValue?: boolean;
+    id?: string;
+    name?: string;
+    label?: string;
+    hideLabel?: boolean;
+    required?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    helpText?: string;
+    errors?: string[];
+    /** Optional label suffix shown when the value is true. */
+    trueLabel?: string;
+    /** Optional label suffix shown when the value is false. */
+    falseLabel?: string;
+}
+type __VLS_Props = SwitchBooleanProps;
+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=SwitchBoolean.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchBoolean.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/boolean/SwitchBoolean.vue"],"names":[],"mappings":"AAiHA,MAAM,WAAW,kBAAkB;IACjC,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,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,KAAK,WAAW,GAAG,kBAAkB,CAAC;AAwBtC,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,WAAW,CAAC;;;;;;YAjCL,MAAM,EAAE;;AA+JnB,wBASG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SwitchBoolean.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"SwitchBoolean.vue.js","sources":["../../../../../src/components/compositions/elements/boolean/SwitchBoolean.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven switch composition. Wraps the shadcn-vue Switch primitive\n * with `FieldFrame` chrome.\n *\n *   <SwitchBoolean v-model=\"notifications\" label=\"Notifications\" />\n *   <SwitchBoolean\n *     v-model=\"online\"\n *     label=\"Visibility\"\n *     true-label=\"Online\"\n *     false-label=\"Offline\"\n *   />\n */\nimport { computed } from \"vue\"\nimport { Switch } from \"@/components/ui/switch\"\nimport { Label } from \"@/components/ui/label\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface SwitchBooleanProps {\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  /** Optional label suffix shown when the value is true. */\n  trueLabel?: string\n  /** Optional label suffix shown when the value is false. */\n  falseLabel?: string\n}\n\nconst props = withDefaults(defineProps<SwitchBooleanProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<boolean>(\"modelValue\", { default: false })\n\nconst stateLabel = computed(() =>\n  model.value\n    ? (props.trueLabel ?? \"\")\n    : (props.falseLabel ?? \"\"),\n)\n\nfunction onUpdate(checked: boolean): void {\n  model.value = checked\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-center gap-3\">\n      <Switch\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\"\n        data-testid=\"field-frame-label\"\n      >\n        {{ label }}\n        <span\n          v-if=\"stateLabel\"\n          class=\"ml-2 text-xs font-normal text-muted-foreground\"\n        >\n          ({{ stateLabel }})\n        </span>\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":["props","__props","model","_useModel","stateLabel","computed","onUpdate","checked","_createBlock","_unref","FieldFrame","_createElementVNode","_hoisted_1","_createVNode","Switch","Label","_createTextVNode","_toDisplayString","_openBlock","_createElementBlock","_hoisted_2","_hoisted_3"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,UAAMA,IAAQC,GAIRC,IAAQC,EAAoBF,GAAC,YAAgC,GAE7DG,IAAaC;AAAA,MAAS,MAC1BH,EAAM,QACDF,EAAM,aAAa,KACnBA,EAAM,cAAc;AAAA,IAAA;AAG3B,aAASM,EAASC,GAAwB;AACxC,MAAAL,EAAM,QAAQK;AAAA,IAChB;2BAIEC,EAuCaC,EAAAC,CAAA,GAAA;AAAA,MAtCV,cAAY;AAAA,MACZ,KAAKT,EAAA;AAAA,MACL,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MAgCM;AAAA,QAhCNU,EAgCM,OAhCNC,GAgCM;AAAA,UA/BJC,EAQEJ,EAAAK,CAAA,GAAA;AAAA,YAPC,IAAIb,EAAA;AAAA,YACJ,MAAMA,EAAA;AAAA,YACN,UAAUA,EAAA,YAAYA,EAAA;AAAA,YACtB,UAAUA,EAAA;AAAA,YACV,eAAaC,EAAA;AAAA,YACb,qBAAmBD,EAAA,QAAQ;AAAA,YAC3B,uBAAoBK;AAAA,UAAA;UAGd,CAAAL,EAAA,aAAaA,EAAA,cADtBO,EAcQC,EAAAM,CAAA,GAAA;AAAA;YAZL,KAAKd,EAAA;AAAA,YACL,UAAUA,EAAA;AAAA,YACX,OAAM;AAAA,YACN,eAAY;AAAA,UAAA;uBAEZ,MAAW;AAAA,cAARe,EAAAC,EAAAhB,EAAA,KAAK,IAAG,KACX,CAAA;AAAA,cACQG,EAAA,SADRc,EAAA,GAAAC,EAKO,QALPC,GAGC,OACEH,EAAGb,EAAA,KAAU,IAAG,MACnB,CAAA;;;wCAGWH,EAAA,cADbkB,EAMO,QANPE,GAMOJ,EADFhB,EAAA,KAAK,GAAA,CAAA;;;;;;;"}