@gxp-dev/mod-ui 2.0.0 → 2.0.1

package/dist/components/compositions/elements/option-select/ListOption.vue.js

@@ -1,5 +1,92 @@
-import f from "./ListOption.vue2.js";
+import { defineComponent as b, useModel as y, computed as d, openBlock as i, createBlock as u, unref as s, withCtx as c, createElementVNode as h, createElementBlock as x, Fragment as B, renderList as g, normalizeClass as V, createTextVNode as p, toDisplayString as k, mergeModels as C } from "vue";
+import "../../../ui/badge/index.js";
+import q from "../../../ui/field-frame/FieldFrame.vue.js";
+import L from "../../../ui/badge/Badge.vue.js";
+const M = ["data-element-name"], N = /* @__PURE__ */ b({
+  __name: "ListOption",
+  props: /* @__PURE__ */ C({
+    modelValue: {},
+    options: { default: () => [] },
+    id: {},
+    name: {},
+    label: {},
+    hideLabel: { type: Boolean },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    helpText: {},
+    errors: { default: () => [] },
+    clearable: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const n = l, t = y(l, "modelValue");
+    function m(e) {
+      return typeof e == "string" ? { label: e, value: e, disabled: !1 } : {
+        label: e.label,
+        value: String(e.value),
+        disabled: !!e.disabled
+      };
+    }
+    const v = d(
+      () => (n.options ?? []).map(m)
+    ), o = d(() => {
+      if (!(t.value === void 0 || t.value === null))
+        return String(t.value);
+    });
+    function r(e) {
+      return o.value === e;
+    }
+    function f(e) {
+      if (!(e.disabled || n.disabled || n.readonly)) {
+        if (o.value === e.value && n.clearable) {
+          t.value = null;
+          return;
+        }
+        t.value = e.value;
+      }
+    }
+    return (e, S) => (i(), u(s(q), {
+      label: l.label,
+      required: l.required,
+      "hide-label": l.hideLabel,
+      "help-text": l.helpText,
+      errors: l.errors
+    }, {
+      default: c(() => [
+        h("div", {
+          class: "flex flex-wrap gap-2",
+          "data-element-name": l.name ?? void 0
+        }, [
+          (i(!0), x(B, null, g(v.value, (a) => (i(), u(s(L), {
+            key: a.value,
+            as: "button",
+            type: "button",
+            variant: r(a.value) ? "default" : "outline",
+            size: "lg",
+            class: V([
+              "cursor-pointer transition-colors",
+              a.disabled || l.disabled || l.readonly ? "pointer-events-none opacity-50" : ""
+            ]),
+            "data-active": r(a.value),
+            "aria-pressed": r(a.value),
+            onClick: (T) => f(a)
+          }, {
+            default: c(() => [
+              p(k(a.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["variant", "class", "data-active", "aria-pressed", "onClick"]))), 128))
+        ], 8, M)
+      ]),
+      _: 1
+    }, 8, ["label", "required", "hide-label", "help-text", "errors"]));
+  }
+});
 export {
-  f as default
+  N as default
 };
 //# sourceMappingURL=ListOption.vue.js.map

package/dist/components/compositions/elements/option-select/ListOption.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListOption.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"ListOption.vue.js","sources":["../../../../../src/components/compositions/elements/option-select/ListOption.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven single-select chip list. Each option becomes a clickable\n * Badge. When `clearable` is true, re-clicking the active chip clears\n * the selection.\n *\n *   <ListOption v-model=\"status\" :options=\"[...]\" label=\"Status\" />\n */\nimport { computed } from \"vue\"\nimport type { SelectOptionLike } from \"@/definitions/shared/select-options\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface ListOptionProps {\n  modelValue?: string | number | null\n  options?: SelectOptionLike[]\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  clearable?: boolean\n}\n\nconst props = withDefaults(defineProps<ListOptionProps>(), {\n  errors: () => [],\n  options: () => [],\n})\n\nconst model = defineModel<string | number | null>(\"modelValue\")\n\ninterface NormalisedOption {\n  label: string\n  value: string\n  disabled: boolean\n}\n\nfunction normaliseOption(opt: SelectOptionLike): NormalisedOption {\n  if (typeof opt === \"string\") {\n    return { label: opt, value: opt, disabled: false }\n  }\n  return {\n    label: opt.label,\n    value: String(opt.value),\n    disabled: Boolean(opt.disabled),\n  }\n}\n\nconst normalised = computed<NormalisedOption[]>(() =>\n  (props.options ?? []).map(normaliseOption),\n)\n\nconst currentValue = computed<string | undefined>(() => {\n  if (model.value === undefined || model.value === null) {\n    return undefined\n  }\n  return String(model.value)\n})\n\nfunction isActive(val: string): boolean {\n  return currentValue.value === val\n}\n\nfunction selectValue(opt: NormalisedOption): void {\n  if (opt.disabled || props.disabled || props.readonly) {\n    return\n  }\n  if (currentValue.value === opt.value && props.clearable) {\n    model.value = null\n    return\n  }\n  model.value = opt.value\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <div\n      class=\"flex flex-wrap gap-2\"\n      :data-element-name=\"name ?? undefined\"\n    >\n      <Badge\n        v-for=\"opt in normalised\"\n        :key=\"opt.value\"\n        as=\"button\"\n        type=\"button\"\n        :variant=\"isActive(opt.value) ? 'default' : 'outline'\"\n        size=\"lg\"\n        :class=\"[\n          'cursor-pointer transition-colors',\n          opt.disabled || disabled || readonly\n            ? 'pointer-events-none opacity-50'\n            : '',\n        ]\"\n        :data-active=\"isActive(opt.value)\"\n        :aria-pressed=\"isActive(opt.value)\"\n        @click=\"selectValue(opt)\"\n      >\n        {{ opt.label }}\n      </Badge>\n    </div>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","normaliseOption","opt","normalised","computed","currentValue","isActive","val","selectValue","_createBlock","_unref","FieldFrame","_createElementVNode","_createElementBlock","_Fragment","_renderList","Badge","_normalizeClass","$event","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,UAAMA,IAAQC,GAKRC,IAAQC,KAAoC,YAAY;AAQ9D,aAASC,EAAgBC,GAAyC;AAChE,aAAI,OAAOA,KAAQ,WACV,EAAE,OAAOA,GAAK,OAAOA,GAAK,UAAU,GAAA,IAEtC;AAAA,QACL,OAAOA,EAAI;AAAA,QACX,OAAO,OAAOA,EAAI,KAAK;AAAA,QACvB,UAAU,EAAQA,EAAI;AAAA,MAAQ;AAAA,IAElC;AAEA,UAAMC,IAAaC;AAAA,MAA6B,OAC7CP,EAAM,WAAW,CAAA,GAAI,IAAII,CAAe;AAAA,IAAA,GAGrCI,IAAeD,EAA6B,MAAM;AACtD,UAAI,EAAAL,EAAM,UAAU,UAAaA,EAAM,UAAU;AAGjD,eAAO,OAAOA,EAAM,KAAK;AAAA,IAC3B,CAAC;AAED,aAASO,EAASC,GAAsB;AACtC,aAAOF,EAAa,UAAUE;AAAA,IAChC;AAEA,aAASC,EAAYN,GAA6B;AAChD,UAAI,EAAAA,EAAI,YAAYL,EAAM,YAAYA,EAAM,WAG5C;AAAA,YAAIQ,EAAa,UAAUH,EAAI,SAASL,EAAM,WAAW;AACvD,UAAAE,EAAM,QAAQ;AACd;AAAA,QACF;AACA,QAAAA,EAAM,QAAQG,EAAI;AAAA;AAAA,IACpB;2BAIEO,EA+BaC,EAAAC,CAAA,GAAA;AAAA,MA9BV,OAAOb,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MAuBM;AAAA,QAvBNc,EAuBM,OAAA;AAAA,UAtBJ,OAAM;AAAA,UACL,qBAAmBd,EAAA,QAAQ;AAAA,QAAA;kBAE5Be,EAkBQC,GAAA,MAAAC,EAjBQZ,EAAA,OAAU,CAAjBD,YADTO,EAkBQC,EAAAM,CAAA,GAAA;AAAA,YAhBL,KAAKd,EAAI;AAAA,YACV,IAAG;AAAA,YACH,MAAK;AAAA,YACJ,SAASI,EAASJ,EAAI,KAAK,IAAA,YAAA;AAAA,YAC5B,MAAK;AAAA,YACJ,OAAKe,EAAA;AAAA;cAA4Df,EAAI,YAAYJ,EAAA,YAAYA,EAAA;;YAM7F,eAAaQ,EAASJ,EAAI,KAAK;AAAA,YAC/B,gBAAcI,EAASJ,EAAI,KAAK;AAAA,YAChC,SAAK,CAAAgB,MAAEV,EAAYN,CAAG;AAAA,UAAA;uBAEvB,MAAe;AAAA,cAAZiB,EAAAC,EAAAlB,EAAI,KAAK,GAAA,CAAA;AAAA,YAAA;;;;;;;;;"}

package/dist/components/compositions/elements/option-select/ListOption.vue2.js

@@ -1,92 +1,5 @@
-import { defineComponent as b, useModel as y, computed as d, openBlock as i, createBlock as u, unref as s, withCtx as c, createElementVNode as h, createElementBlock as x, Fragment as B, renderList as g, normalizeClass as V, createTextVNode as p, toDisplayString as k, mergeModels as C } from "vue";
-import "../../../ui/badge/index.js";
-import q from "../../../ui/field-frame/FieldFrame.vue.js";
-import L from "../../../ui/badge/Badge.vue.js";
-const M = ["data-element-name"], N = /* @__PURE__ */ b({
-  __name: "ListOption",
-  props: /* @__PURE__ */ C({
-    modelValue: {},
-    options: { default: () => [] },
-    id: {},
-    name: {},
-    label: {},
-    hideLabel: { type: Boolean },
-    required: { type: Boolean },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    helpText: {},
-    errors: { default: () => [] },
-    clearable: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(l) {
-    const n = l, t = y(l, "modelValue");
-    function m(e) {
-      return typeof e == "string" ? { label: e, value: e, disabled: !1 } : {
-        label: e.label,
-        value: String(e.value),
-        disabled: !!e.disabled
-      };
-    }
-    const v = d(
-      () => (n.options ?? []).map(m)
-    ), o = d(() => {
-      if (!(t.value === void 0 || t.value === null))
-        return String(t.value);
-    });
-    function r(e) {
-      return o.value === e;
-    }
-    function f(e) {
-      if (!(e.disabled || n.disabled || n.readonly)) {
-        if (o.value === e.value && n.clearable) {
-          t.value = null;
-          return;
-        }
-        t.value = e.value;
-      }
-    }
-    return (e, S) => (i(), u(s(q), {
-      label: l.label,
-      required: l.required,
-      "hide-label": l.hideLabel,
-      "help-text": l.helpText,
-      errors: l.errors
-    }, {
-      default: c(() => [
-        h("div", {
-          class: "flex flex-wrap gap-2",
-          "data-element-name": l.name ?? void 0
-        }, [
-          (i(!0), x(B, null, g(v.value, (a) => (i(), u(s(L), {
-            key: a.value,
-            as: "button",
-            type: "button",
-            variant: r(a.value) ? "default" : "outline",
-            size: "lg",
-            class: V([
-              "cursor-pointer transition-colors",
-              a.disabled || l.disabled || l.readonly ? "pointer-events-none opacity-50" : ""
-            ]),
-            "data-active": r(a.value),
-            "aria-pressed": r(a.value),
-            onClick: (T) => f(a)
-          }, {
-            default: c(() => [
-              p(k(a.label), 1)
-            ]),
-            _: 2
-          }, 1032, ["variant", "class", "data-active", "aria-pressed", "onClick"]))), 128))
-        ], 8, M)
-      ]),
-      _: 1
-    }, 8, ["label", "required", "hide-label", "help-text", "errors"]));
-  }
-});
+import f from "./ListOption.vue.js";
 export {
-  N as default
+  f as default
 };
 //# sourceMappingURL=ListOption.vue2.js.map

package/dist/components/compositions/elements/option-select/ListOption.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListOption.vue2.js","sources":["../../../../../src/components/compositions/elements/option-select/ListOption.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven single-select chip list. Each option becomes a clickable\n * Badge. When `clearable` is true, re-clicking the active chip clears\n * the selection.\n *\n *   <ListOption v-model=\"status\" :options=\"[...]\" label=\"Status\" />\n */\nimport { computed } from \"vue\"\nimport type { SelectOptionLike } from \"@/definitions/shared/select-options\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface ListOptionProps {\n  modelValue?: string | number | null\n  options?: SelectOptionLike[]\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  clearable?: boolean\n}\n\nconst props = withDefaults(defineProps<ListOptionProps>(), {\n  errors: () => [],\n  options: () => [],\n})\n\nconst model = defineModel<string | number | null>(\"modelValue\")\n\ninterface NormalisedOption {\n  label: string\n  value: string\n  disabled: boolean\n}\n\nfunction normaliseOption(opt: SelectOptionLike): NormalisedOption {\n  if (typeof opt === \"string\") {\n    return { label: opt, value: opt, disabled: false }\n  }\n  return {\n    label: opt.label,\n    value: String(opt.value),\n    disabled: Boolean(opt.disabled),\n  }\n}\n\nconst normalised = computed<NormalisedOption[]>(() =>\n  (props.options ?? []).map(normaliseOption),\n)\n\nconst currentValue = computed<string | undefined>(() => {\n  if (model.value === undefined || model.value === null) {\n    return undefined\n  }\n  return String(model.value)\n})\n\nfunction isActive(val: string): boolean {\n  return currentValue.value === val\n}\n\nfunction selectValue(opt: NormalisedOption): void {\n  if (opt.disabled || props.disabled || props.readonly) {\n    return\n  }\n  if (currentValue.value === opt.value && props.clearable) {\n    model.value = null\n    return\n  }\n  model.value = opt.value\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <div\n      class=\"flex flex-wrap gap-2\"\n      :data-element-name=\"name ?? undefined\"\n    >\n      <Badge\n        v-for=\"opt in normalised\"\n        :key=\"opt.value\"\n        as=\"button\"\n        type=\"button\"\n        :variant=\"isActive(opt.value) ? 'default' : 'outline'\"\n        size=\"lg\"\n        :class=\"[\n          'cursor-pointer transition-colors',\n          opt.disabled || disabled || readonly\n            ? 'pointer-events-none opacity-50'\n            : '',\n        ]\"\n        :data-active=\"isActive(opt.value)\"\n        :aria-pressed=\"isActive(opt.value)\"\n        @click=\"selectValue(opt)\"\n      >\n        {{ opt.label }}\n      </Badge>\n    </div>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","normaliseOption","opt","normalised","computed","currentValue","isActive","val","selectValue","_createBlock","_unref","FieldFrame","_createElementVNode","_createElementBlock","_Fragment","_renderList","Badge","_normalizeClass","$event","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,UAAMA,IAAQC,GAKRC,IAAQC,KAAoC,YAAY;AAQ9D,aAASC,EAAgBC,GAAyC;AAChE,aAAI,OAAOA,KAAQ,WACV,EAAE,OAAOA,GAAK,OAAOA,GAAK,UAAU,GAAA,IAEtC;AAAA,QACL,OAAOA,EAAI;AAAA,QACX,OAAO,OAAOA,EAAI,KAAK;AAAA,QACvB,UAAU,EAAQA,EAAI;AAAA,MAAQ;AAAA,IAElC;AAEA,UAAMC,IAAaC;AAAA,MAA6B,OAC7CP,EAAM,WAAW,CAAA,GAAI,IAAII,CAAe;AAAA,IAAA,GAGrCI,IAAeD,EAA6B,MAAM;AACtD,UAAI,EAAAL,EAAM,UAAU,UAAaA,EAAM,UAAU;AAGjD,eAAO,OAAOA,EAAM,KAAK;AAAA,IAC3B,CAAC;AAED,aAASO,EAASC,GAAsB;AACtC,aAAOF,EAAa,UAAUE;AAAA,IAChC;AAEA,aAASC,EAAYN,GAA6B;AAChD,UAAI,EAAAA,EAAI,YAAYL,EAAM,YAAYA,EAAM,WAG5C;AAAA,YAAIQ,EAAa,UAAUH,EAAI,SAASL,EAAM,WAAW;AACvD,UAAAE,EAAM,QAAQ;AACd;AAAA,QACF;AACA,QAAAA,EAAM,QAAQG,EAAI;AAAA;AAAA,IACpB;2BAIEO,EA+BaC,EAAAC,CAAA,GAAA;AAAA,MA9BV,OAAOb,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MAuBM;AAAA,QAvBNc,EAuBM,OAAA;AAAA,UAtBJ,OAAM;AAAA,UACL,qBAAmBd,EAAA,QAAQ;AAAA,QAAA;kBAE5Be,EAkBQC,GAAA,MAAAC,EAjBQZ,EAAA,OAAU,CAAjBD,YADTO,EAkBQC,EAAAM,CAAA,GAAA;AAAA,YAhBL,KAAKd,EAAI;AAAA,YACV,IAAG;AAAA,YACH,MAAK;AAAA,YACJ,SAASI,EAASJ,EAAI,KAAK,IAAA,YAAA;AAAA,YAC5B,MAAK;AAAA,YACJ,OAAKe,EAAA;AAAA;cAA4Df,EAAI,YAAYJ,EAAA,YAAYA,EAAA;;YAM7F,eAAaQ,EAASJ,EAAI,KAAK;AAAA,YAC/B,gBAAcI,EAASJ,EAAI,KAAK;AAAA,YAChC,SAAK,CAAAgB,MAAEV,EAAYN,CAAG;AAAA,UAAA;uBAEvB,MAAe;AAAA,cAAZiB,EAAAC,EAAAlB,EAAI,KAAK,GAAA,CAAA;AAAA,YAAA;;;;;;;;;"}
+{"version":3,"file":"ListOption.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/option-select/PillSelectOption.vue.d.ts

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

package/dist/components/compositions/elements/option-select/PillSelectOption.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillSelectOption.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/option-select/PillSelectOption.vue"],"names":[],"mappings":"AA6HA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AAI3E,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,IAAI,CAAA;IAC1C,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,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,qBAAqB,CAAC;AA+DzC,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC;CAC5C,GAAG,WAAW,CAAC;;;;;;aA7EJ,gBAAgB,EAAE;YASnB,MAAM,EAAE;;AAuLnB,wBASG"}

package/dist/components/compositions/elements/option-select/PillSelectOption.vue.js

@@ -1,5 +1,88 @@
-import f from "./PillSelectOption.vue2.js";
+import { defineComponent as y, useModel as g, computed as u, openBlock as d, createBlock as s, unref as c, withCtx as m, createElementVNode as h, createElementBlock as x, Fragment as B, renderList as k, normalizeClass as p, createTextVNode as V, toDisplayString as C, mergeModels as S } from "vue";
+import "../../../ui/badge/index.js";
+import q from "../../../ui/field-frame/FieldFrame.vue.js";
+import A from "../../../ui/badge/Badge.vue.js";
+const L = ["data-element-name"], E = /* @__PURE__ */ y({
+  __name: "PillSelectOption",
+  props: /* @__PURE__ */ S({
+    modelValue: {},
+    options: { default: () => [] },
+    id: {},
+    name: {},
+    label: {},
+    hideLabel: { type: Boolean },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    helpText: {},
+    errors: { default: () => [] }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(l) {
+    const r = l, n = g(l, "modelValue");
+    function f(e) {
+      return typeof e == "string" ? { label: e, value: e, disabled: !1 } : {
+        label: e.label,
+        value: String(e.value),
+        disabled: !!e.disabled
+      };
+    }
+    const v = u(
+      () => (r.options ?? []).map(f)
+    ), o = u(() => {
+      const e = n.value;
+      return e ? Array.isArray(e) ? e.map((t) => String(t)) : [String(e)] : [];
+    });
+    function i(e) {
+      return o.value.includes(e);
+    }
+    function b(e) {
+      if (e.disabled || r.disabled || r.readonly)
+        return;
+      const t = o.value;
+      t.includes(e.value) ? n.value = t.filter((a) => a !== e.value) : n.value = [...t, e.value];
+    }
+    return (e, t) => (d(), s(c(q), {
+      label: l.label,
+      required: l.required,
+      "hide-label": l.hideLabel,
+      "help-text": l.helpText,
+      errors: l.errors
+    }, {
+      default: m(() => [
+        h("div", {
+          class: "flex flex-wrap gap-2",
+          "data-element-name": l.name ?? void 0
+        }, [
+          (d(!0), x(B, null, k(v.value, (a) => (d(), s(c(A), {
+            key: a.value,
+            as: "button",
+            type: "button",
+            variant: i(a.value) ? "default" : "outline",
+            size: "lg",
+            class: p([
+              "cursor-pointer transition-colors",
+              a.disabled || l.disabled || l.readonly ? "pointer-events-none opacity-50" : ""
+            ]),
+            "data-active": i(a.value),
+            "aria-pressed": i(a.value),
+            onClick: (M) => b(a)
+          }, {
+            default: m(() => [
+              V(C(a.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["variant", "class", "data-active", "aria-pressed", "onClick"]))), 128))
+        ], 8, L)
+      ]),
+      _: 1
+    }, 8, ["label", "required", "hide-label", "help-text", "errors"]));
+  }
+});
 export {
-  f as default
+  E as default
 };
 //# sourceMappingURL=PillSelectOption.vue.js.map

package/dist/components/compositions/elements/option-select/PillSelectOption.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PillSelectOption.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"PillSelectOption.vue.js","sources":["../../../../../src/components/compositions/elements/option-select/PillSelectOption.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven multi-select pill composition. Each option becomes a\n * toggleable Badge with multi-select semantics.\n *\n *   <PillSelectOption v-model=\"tags\" :options=\"[...]\" label=\"Tags\" />\n */\nimport { computed } from \"vue\"\nimport type { SelectOptionLike } from \"@/definitions/shared/select-options\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface PillSelectOptionProps {\n  modelValue?: Array<string | number> | null\n  options?: SelectOptionLike[]\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\nconst props = withDefaults(defineProps<PillSelectOptionProps>(), {\n  errors: () => [],\n  options: () => [],\n})\n\nconst model = defineModel<Array<string | number> | null>(\"modelValue\")\n\ninterface NormalisedOption {\n  label: string\n  value: string\n  disabled: boolean\n}\n\nfunction normaliseOption(opt: SelectOptionLike): NormalisedOption {\n  if (typeof opt === \"string\") {\n    return { label: opt, value: opt, disabled: false }\n  }\n  return {\n    label: opt.label,\n    value: String(opt.value),\n    disabled: Boolean(opt.disabled),\n  }\n}\n\nconst normalised = computed<NormalisedOption[]>(() =>\n  (props.options ?? []).map(normaliseOption),\n)\n\nconst selected = computed<string[]>(() => {\n  const v = model.value\n  if (!v) {\n    return []\n  }\n  if (Array.isArray(v)) {\n    return v.map((x) => String(x))\n  }\n  return [String(v)]\n})\n\nfunction isActive(val: string): boolean {\n  return selected.value.includes(val)\n}\n\nfunction togglePill(opt: NormalisedOption): void {\n  if (opt.disabled || props.disabled || props.readonly) {\n    return\n  }\n  const current = selected.value\n  if (current.includes(opt.value)) {\n    model.value = current.filter((v) => v !== opt.value)\n  } else {\n    model.value = [...current, opt.value]\n  }\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <div\n      class=\"flex flex-wrap gap-2\"\n      :data-element-name=\"name ?? undefined\"\n    >\n      <Badge\n        v-for=\"opt in normalised\"\n        :key=\"opt.value\"\n        as=\"button\"\n        type=\"button\"\n        :variant=\"isActive(opt.value) ? 'default' : 'outline'\"\n        size=\"lg\"\n        :class=\"[\n          'cursor-pointer transition-colors',\n          opt.disabled || disabled || readonly\n            ? 'pointer-events-none opacity-50'\n            : '',\n        ]\"\n        :data-active=\"isActive(opt.value)\"\n        :aria-pressed=\"isActive(opt.value)\"\n        @click=\"togglePill(opt)\"\n      >\n        {{ opt.label }}\n      </Badge>\n    </div>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","normaliseOption","opt","normalised","computed","selected","v","x","isActive","val","togglePill","current","_createBlock","_unref","FieldFrame","_createElementVNode","_createElementBlock","_Fragment","_renderList","Badge","_normalizeClass","$event","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAMA,IAAQC,GAKRC,IAAQC,EAA0CF,GAAC,YAAY;AAQrE,aAASG,EAAgBC,GAAyC;AAChE,aAAI,OAAOA,KAAQ,WACV,EAAE,OAAOA,GAAK,OAAOA,GAAK,UAAU,GAAA,IAEtC;AAAA,QACL,OAAOA,EAAI;AAAA,QACX,OAAO,OAAOA,EAAI,KAAK;AAAA,QACvB,UAAU,EAAQA,EAAI;AAAA,MAAQ;AAAA,IAElC;AAEA,UAAMC,IAAaC;AAAA,MAA6B,OAC7CP,EAAM,WAAW,CAAA,GAAI,IAAII,CAAe;AAAA,IAAA,GAGrCI,IAAWD,EAAmB,MAAM;AACxC,YAAME,IAAIP,EAAM;AAChB,aAAKO,IAGD,MAAM,QAAQA,CAAC,IACVA,EAAE,IAAI,CAACC,MAAM,OAAOA,CAAC,CAAC,IAExB,CAAC,OAAOD,CAAC,CAAC,IALR,CAAA;AAAA,IAMX,CAAC;AAED,aAASE,EAASC,GAAsB;AACtC,aAAOJ,EAAS,MAAM,SAASI,CAAG;AAAA,IACpC;AAEA,aAASC,EAAWR,GAA6B;AAC/C,UAAIA,EAAI,YAAYL,EAAM,YAAYA,EAAM;AAC1C;AAEF,YAAMc,IAAUN,EAAS;AACzB,MAAIM,EAAQ,SAAST,EAAI,KAAK,IAC5BH,EAAM,QAAQY,EAAQ,OAAO,CAACL,MAAMA,MAAMJ,EAAI,KAAK,IAEnDH,EAAM,QAAQ,CAAC,GAAGY,GAAST,EAAI,KAAK;AAAA,IAExC;2BAIEU,EA+BaC,EAAAC,CAAA,GAAA;AAAA,MA9BV,OAAOhB,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MAuBM;AAAA,QAvBNiB,EAuBM,OAAA;AAAA,UAtBJ,OAAM;AAAA,UACL,qBAAmBjB,EAAA,QAAQ;AAAA,QAAA;kBAE5BkB,EAkBQC,GAAA,MAAAC,EAjBQf,EAAA,OAAU,CAAjBD,YADTU,EAkBQC,EAAAM,CAAA,GAAA;AAAA,YAhBL,KAAKjB,EAAI;AAAA,YACV,IAAG;AAAA,YACH,MAAK;AAAA,YACJ,SAASM,EAASN,EAAI,KAAK,IAAA,YAAA;AAAA,YAC5B,MAAK;AAAA,YACJ,OAAKkB,EAAA;AAAA;cAA4DlB,EAAI,YAAYJ,EAAA,YAAYA,EAAA;;YAM7F,eAAaU,EAASN,EAAI,KAAK;AAAA,YAC/B,gBAAcM,EAASN,EAAI,KAAK;AAAA,YAChC,SAAK,CAAAmB,MAAEX,EAAWR,CAAG;AAAA,UAAA;uBAEtB,MAAe;AAAA,cAAZoB,EAAAC,EAAArB,EAAI,KAAK,GAAA,CAAA;AAAA,YAAA;;;;;;;;;"}

package/dist/components/compositions/elements/option-select/PillSelectOption.vue2.js

@@ -1,88 +1,5 @@
-import { defineComponent as y, useModel as g, computed as u, openBlock as d, createBlock as s, unref as c, withCtx as m, createElementVNode as h, createElementBlock as x, Fragment as B, renderList as k, normalizeClass as p, createTextVNode as V, toDisplayString as C, mergeModels as S } from "vue";
-import "../../../ui/badge/index.js";
-import q from "../../../ui/field-frame/FieldFrame.vue.js";
-import A from "../../../ui/badge/Badge.vue.js";
-const L = ["data-element-name"], E = /* @__PURE__ */ y({
-  __name: "PillSelectOption",
-  props: /* @__PURE__ */ S({
-    modelValue: {},
-    options: { default: () => [] },
-    id: {},
-    name: {},
-    label: {},
-    hideLabel: { type: Boolean },
-    required: { type: Boolean },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    helpText: {},
-    errors: { default: () => [] }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(l) {
-    const r = l, n = g(l, "modelValue");
-    function f(e) {
-      return typeof e == "string" ? { label: e, value: e, disabled: !1 } : {
-        label: e.label,
-        value: String(e.value),
-        disabled: !!e.disabled
-      };
-    }
-    const v = u(
-      () => (r.options ?? []).map(f)
-    ), o = u(() => {
-      const e = n.value;
-      return e ? Array.isArray(e) ? e.map((t) => String(t)) : [String(e)] : [];
-    });
-    function i(e) {
-      return o.value.includes(e);
-    }
-    function b(e) {
-      if (e.disabled || r.disabled || r.readonly)
-        return;
-      const t = o.value;
-      t.includes(e.value) ? n.value = t.filter((a) => a !== e.value) : n.value = [...t, e.value];
-    }
-    return (e, t) => (d(), s(c(q), {
-      label: l.label,
-      required: l.required,
-      "hide-label": l.hideLabel,
-      "help-text": l.helpText,
-      errors: l.errors
-    }, {
-      default: m(() => [
-        h("div", {
-          class: "flex flex-wrap gap-2",
-          "data-element-name": l.name ?? void 0
-        }, [
-          (d(!0), x(B, null, k(v.value, (a) => (d(), s(c(A), {
-            key: a.value,
-            as: "button",
-            type: "button",
-            variant: i(a.value) ? "default" : "outline",
-            size: "lg",
-            class: p([
-              "cursor-pointer transition-colors",
-              a.disabled || l.disabled || l.readonly ? "pointer-events-none opacity-50" : ""
-            ]),
-            "data-active": i(a.value),
-            "aria-pressed": i(a.value),
-            onClick: (M) => b(a)
-          }, {
-            default: m(() => [
-              V(C(a.label), 1)
-            ]),
-            _: 2
-          }, 1032, ["variant", "class", "data-active", "aria-pressed", "onClick"]))), 128))
-        ], 8, L)
-      ]),
-      _: 1
-    }, 8, ["label", "required", "hide-label", "help-text", "errors"]));
-  }
-});
+import f from "./PillSelectOption.vue.js";
 export {
-  E as default
+  f as default
 };
 //# sourceMappingURL=PillSelectOption.vue2.js.map

package/dist/components/compositions/elements/option-select/PillSelectOption.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PillSelectOption.vue2.js","sources":["../../../../../src/components/compositions/elements/option-select/PillSelectOption.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven multi-select pill composition. Each option becomes a\n * toggleable Badge with multi-select semantics.\n *\n *   <PillSelectOption v-model=\"tags\" :options=\"[...]\" label=\"Tags\" />\n */\nimport { computed } from \"vue\"\nimport type { SelectOptionLike } from \"@/definitions/shared/select-options\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface PillSelectOptionProps {\n  modelValue?: Array<string | number> | null\n  options?: SelectOptionLike[]\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\nconst props = withDefaults(defineProps<PillSelectOptionProps>(), {\n  errors: () => [],\n  options: () => [],\n})\n\nconst model = defineModel<Array<string | number> | null>(\"modelValue\")\n\ninterface NormalisedOption {\n  label: string\n  value: string\n  disabled: boolean\n}\n\nfunction normaliseOption(opt: SelectOptionLike): NormalisedOption {\n  if (typeof opt === \"string\") {\n    return { label: opt, value: opt, disabled: false }\n  }\n  return {\n    label: opt.label,\n    value: String(opt.value),\n    disabled: Boolean(opt.disabled),\n  }\n}\n\nconst normalised = computed<NormalisedOption[]>(() =>\n  (props.options ?? []).map(normaliseOption),\n)\n\nconst selected = computed<string[]>(() => {\n  const v = model.value\n  if (!v) {\n    return []\n  }\n  if (Array.isArray(v)) {\n    return v.map((x) => String(x))\n  }\n  return [String(v)]\n})\n\nfunction isActive(val: string): boolean {\n  return selected.value.includes(val)\n}\n\nfunction togglePill(opt: NormalisedOption): void {\n  if (opt.disabled || props.disabled || props.readonly) {\n    return\n  }\n  const current = selected.value\n  if (current.includes(opt.value)) {\n    model.value = current.filter((v) => v !== opt.value)\n  } else {\n    model.value = [...current, opt.value]\n  }\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <div\n      class=\"flex flex-wrap gap-2\"\n      :data-element-name=\"name ?? undefined\"\n    >\n      <Badge\n        v-for=\"opt in normalised\"\n        :key=\"opt.value\"\n        as=\"button\"\n        type=\"button\"\n        :variant=\"isActive(opt.value) ? 'default' : 'outline'\"\n        size=\"lg\"\n        :class=\"[\n          'cursor-pointer transition-colors',\n          opt.disabled || disabled || readonly\n            ? 'pointer-events-none opacity-50'\n            : '',\n        ]\"\n        :data-active=\"isActive(opt.value)\"\n        :aria-pressed=\"isActive(opt.value)\"\n        @click=\"togglePill(opt)\"\n      >\n        {{ opt.label }}\n      </Badge>\n    </div>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","normaliseOption","opt","normalised","computed","selected","v","x","isActive","val","togglePill","current","_createBlock","_unref","FieldFrame","_createElementVNode","_createElementBlock","_Fragment","_renderList","Badge","_normalizeClass","$event","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAMA,IAAQC,GAKRC,IAAQC,EAA0CF,GAAC,YAAY;AAQrE,aAASG,EAAgBC,GAAyC;AAChE,aAAI,OAAOA,KAAQ,WACV,EAAE,OAAOA,GAAK,OAAOA,GAAK,UAAU,GAAA,IAEtC;AAAA,QACL,OAAOA,EAAI;AAAA,QACX,OAAO,OAAOA,EAAI,KAAK;AAAA,QACvB,UAAU,EAAQA,EAAI;AAAA,MAAQ;AAAA,IAElC;AAEA,UAAMC,IAAaC;AAAA,MAA6B,OAC7CP,EAAM,WAAW,CAAA,GAAI,IAAII,CAAe;AAAA,IAAA,GAGrCI,IAAWD,EAAmB,MAAM;AACxC,YAAME,IAAIP,EAAM;AAChB,aAAKO,IAGD,MAAM,QAAQA,CAAC,IACVA,EAAE,IAAI,CAACC,MAAM,OAAOA,CAAC,CAAC,IAExB,CAAC,OAAOD,CAAC,CAAC,IALR,CAAA;AAAA,IAMX,CAAC;AAED,aAASE,EAASC,GAAsB;AACtC,aAAOJ,EAAS,MAAM,SAASI,CAAG;AAAA,IACpC;AAEA,aAASC,EAAWR,GAA6B;AAC/C,UAAIA,EAAI,YAAYL,EAAM,YAAYA,EAAM;AAC1C;AAEF,YAAMc,IAAUN,EAAS;AACzB,MAAIM,EAAQ,SAAST,EAAI,KAAK,IAC5BH,EAAM,QAAQY,EAAQ,OAAO,CAACL,MAAMA,MAAMJ,EAAI,KAAK,IAEnDH,EAAM,QAAQ,CAAC,GAAGY,GAAST,EAAI,KAAK;AAAA,IAExC;2BAIEU,EA+BaC,EAAAC,CAAA,GAAA;AAAA,MA9BV,OAAOhB,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MAuBM;AAAA,QAvBNiB,EAuBM,OAAA;AAAA,UAtBJ,OAAM;AAAA,UACL,qBAAmBjB,EAAA,QAAQ;AAAA,QAAA;kBAE5BkB,EAkBQC,GAAA,MAAAC,EAjBQf,EAAA,OAAU,CAAjBD,YADTU,EAkBQC,EAAAM,CAAA,GAAA;AAAA,YAhBL,KAAKjB,EAAI;AAAA,YACV,IAAG;AAAA,YACH,MAAK;AAAA,YACJ,SAASM,EAASN,EAAI,KAAK,IAAA,YAAA;AAAA,YAC5B,MAAK;AAAA,YACJ,OAAKkB,EAAA;AAAA;cAA4DlB,EAAI,YAAYJ,EAAA,YAAYA,EAAA;;YAM7F,eAAaU,EAASN,EAAI,KAAK;AAAA,YAC/B,gBAAcM,EAASN,EAAI,KAAK;AAAA,YAChC,SAAK,CAAAmB,MAAEX,EAAWR,CAAG;AAAA,UAAA;uBAEtB,MAAe;AAAA,cAAZoB,EAAAC,EAAArB,EAAI,KAAK,GAAA,CAAA;AAAA,YAAA;;;;;;;;;"}
+{"version":3,"file":"PillSelectOption.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/option-select/RadioOption.vue.d.ts

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

package/dist/components/compositions/elements/option-select/RadioOption.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioOption.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/option-select/RadioOption.vue"],"names":[],"mappings":"AA0HA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AAK3E,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IACnC,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,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,gBAAgB,CAAC;AAuDpC,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CACrC,GAAG,WAAW,CAAC;;;;;;aAtEJ,gBAAgB,EAAE;YAUnB,MAAM,EAAE;;AA2LnB,wBASG"}

package/dist/components/compositions/elements/option-select/RadioOption.vue.js

@@ -1,5 +1,101 @@
-import f from "./RadioOption.vue2.js";
+import { defineComponent as b, useModel as g, computed as o, openBlock as d, createBlock as y, unref as i, withCtx as n, createVNode as t, normalizeClass as h, createElementBlock as u, Fragment as B, renderList as V, createTextVNode as $, toDisplayString as q, mergeModels as x } from "vue";
+import k from "../../../ui/radio-group/RadioGroup.vue.js";
+import p from "../../../ui/radio-group/RadioGroupItem.vue.js";
+import "../../../ui/label/index.js";
+import S from "../../../ui/field-frame/FieldFrame.vue.js";
+import w from "../../../ui/label/Label.vue.js";
+const z = /* @__PURE__ */ b({
+  __name: "RadioOption",
+  props: /* @__PURE__ */ x({
+    modelValue: {},
+    options: { default: () => [] },
+    id: {},
+    name: {},
+    label: {},
+    hideLabel: { type: Boolean },
+    inline: { type: Boolean },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    helpText: {},
+    errors: { default: () => [] }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const m = e, a = g(e, "modelValue");
+    function s(l) {
+      return typeof l == "string" ? { label: l, value: l, disabled: !1 } : {
+        label: l.label,
+        value: String(l.value),
+        disabled: !!l.disabled
+      };
+    }
+    const f = o(
+      () => (m.options ?? []).map(s)
+    ), c = o(() => {
+      if (!(a.value === void 0 || a.value === null))
+        return String(a.value);
+    });
+    function v(l) {
+      if (l == null) {
+        a.value = null;
+        return;
+      }
+      if (typeof l == "string" || typeof l == "number") {
+        a.value = l;
+        return;
+      }
+      a.value = String(l);
+    }
+    return (l, C) => (d(), y(i(S), {
+      label: e.label,
+      required: e.required,
+      "hide-label": e.hideLabel,
+      "help-text": e.helpText,
+      errors: e.errors
+    }, {
+      default: n(() => [
+        t(i(k), {
+          "model-value": c.value,
+          name: e.name,
+          disabled: e.disabled || e.readonly,
+          required: e.required,
+          "data-element-name": e.name ?? void 0,
+          class: h(e.inline ? "flex flex-row flex-wrap gap-4" : "grid gap-2"),
+          "onUpdate:modelValue": v
+        }, {
+          default: n(() => [
+            (d(!0), u(B, null, V(f.value, (r) => (d(), u("div", {
+              key: r.value,
+              class: "flex items-center gap-2"
+            }, [
+              t(i(p), {
+                id: `${e.id ?? "radio"}-${r.value}`,
+                value: r.value,
+                disabled: r.disabled
+              }, null, 8, ["id", "value", "disabled"]),
+              t(i(w), {
+                for: `${e.id ?? "radio"}-${r.value}`,
+                class: "cursor-pointer"
+              }, {
+                default: n(() => [
+                  $(q(r.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["for"])
+            ]))), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value", "name", "disabled", "required", "data-element-name", "class"])
+      ]),
+      _: 1
+    }, 8, ["label", "required", "hide-label", "help-text", "errors"]));
+  }
+});
 export {
-  f as default
+  z as default
 };
 //# sourceMappingURL=RadioOption.vue.js.map

package/dist/components/compositions/elements/option-select/RadioOption.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioOption.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"RadioOption.vue.js","sources":["../../../../../src/components/compositions/elements/option-select/RadioOption.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven radio-group composition. Composes the shadcn-vue\n * `RadioGroup` primitive with `FieldFrame` chrome.\n *\n *   <RadioOption v-model=\"size\" :options=\"[...]\" label=\"Size\" />\n */\nimport { computed } from \"vue\"\nimport type { SelectOptionLike } from \"@/definitions/shared/select-options\"\nimport { RadioGroup, RadioGroupItem } from \"@/components/ui/radio-group\"\nimport { Label } from \"@/components/ui/label\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface RadioOptionProps {\n  modelValue?: string | number | null\n  options?: SelectOptionLike[]\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  inline?: boolean\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n}\n\nconst props = withDefaults(defineProps<RadioOptionProps>(), {\n  errors: () => [],\n  options: () => [],\n})\n\nconst model = defineModel<string | number | null>(\"modelValue\")\n\ninterface NormalisedOption {\n  label: string\n  value: string\n  disabled: boolean\n}\n\nfunction normaliseOption(opt: SelectOptionLike): NormalisedOption {\n  if (typeof opt === \"string\") {\n    return { label: opt, value: opt, disabled: false }\n  }\n  return {\n    label: opt.label,\n    value: String(opt.value),\n    disabled: Boolean(opt.disabled),\n  }\n}\n\nconst normalised = computed<NormalisedOption[]>(() =>\n  (props.options ?? []).map(normaliseOption),\n)\n\nconst groupValue = computed<string | undefined>(() => {\n  if (model.value === undefined || model.value === null) {\n    return undefined\n  }\n  return String(model.value)\n})\n\nfunction onUpdate(next: unknown): void {\n  if (next === undefined || next === null) {\n    model.value = null\n    return\n  }\n  if (typeof next === \"string\" || typeof next === \"number\") {\n    model.value = next\n    return\n  }\n  model.value = String(next)\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <RadioGroup\n      :model-value=\"groupValue\"\n      :name=\"name\"\n      :disabled=\"disabled || readonly\"\n      :required=\"required\"\n      :data-element-name=\"name ?? undefined\"\n      :class=\"inline ? 'flex flex-row flex-wrap gap-4' : 'grid gap-2'\"\n      @update:model-value=\"onUpdate\"\n    >\n      <div\n        v-for=\"opt in normalised\"\n        :key=\"opt.value\"\n        class=\"flex items-center gap-2\"\n      >\n        <RadioGroupItem\n          :id=\"`${id ?? 'radio'}-${opt.value}`\"\n          :value=\"opt.value\"\n          :disabled=\"opt.disabled\"\n        />\n        <Label\n          :for=\"`${id ?? 'radio'}-${opt.value}`\"\n          class=\"cursor-pointer\"\n        >\n          {{ opt.label }}\n        </Label>\n      </div>\n    </RadioGroup>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","normaliseOption","opt","normalised","computed","groupValue","onUpdate","next","_createBlock","_unref","FieldFrame","_createVNode","RadioGroup","_createElementBlock","_Fragment","_renderList","RadioGroupItem","Label","_createTextVNode","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,UAAMA,IAAQC,GAKRC,IAAQC,KAAoC,YAAY;AAQ9D,aAASC,EAAgBC,GAAyC;AAChE,aAAI,OAAOA,KAAQ,WACV,EAAE,OAAOA,GAAK,OAAOA,GAAK,UAAU,GAAA,IAEtC;AAAA,QACL,OAAOA,EAAI;AAAA,QACX,OAAO,OAAOA,EAAI,KAAK;AAAA,QACvB,UAAU,EAAQA,EAAI;AAAA,MAAQ;AAAA,IAElC;AAEA,UAAMC,IAAaC;AAAA,MAA6B,OAC7CP,EAAM,WAAW,CAAA,GAAI,IAAII,CAAe;AAAA,IAAA,GAGrCI,IAAaD,EAA6B,MAAM;AACpD,UAAI,EAAAL,EAAM,UAAU,UAAaA,EAAM,UAAU;AAGjD,eAAO,OAAOA,EAAM,KAAK;AAAA,IAC3B,CAAC;AAED,aAASO,EAASC,GAAqB;AACrC,UAA0BA,KAAS,MAAM;AACvC,QAAAR,EAAM,QAAQ;AACd;AAAA,MACF;AACA,UAAI,OAAOQ,KAAS,YAAY,OAAOA,KAAS,UAAU;AACxD,QAAAR,EAAM,QAAQQ;AACd;AAAA,MACF;AACA,MAAAR,EAAM,QAAQ,OAAOQ,CAAI;AAAA,IAC3B;2BAIEC,EAkCaC,EAAAC,CAAA,GAAA;AAAA,MAjCV,OAAOZ,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MA0Ba;AAAA,QA1Bba,EA0BaF,EAAAG,CAAA,GAAA;AAAA,UAzBV,eAAaP,EAAA;AAAA,UACb,MAAMP,EAAA;AAAA,UACN,UAAUA,EAAA,YAAYA,EAAA;AAAA,UACtB,UAAUA,EAAA;AAAA,UACV,qBAAmBA,EAAA,QAAQ;AAAA,UAC3B,SAAOA,EAAA,SAAM,kCAAA,YAAA;AAAA,UACb,uBAAoBQ;AAAA,QAAA;qBAGnB,MAAyB;AAAA,oBAD3BO,EAgBMC,GAAA,MAAAC,EAfUZ,EAAA,OAAU,CAAjBD,YADTW,EAgBM,OAAA;AAAA,cAdH,KAAKX,EAAI;AAAA,cACV,OAAM;AAAA,YAAA;cAENS,EAIEF,EAAAO,CAAA,GAAA;AAAA,gBAHC,IAAE,GAAKlB,EAAA,MAAE,OAAA,IAAeI,EAAI,KAAK;AAAA,gBACjC,OAAOA,EAAI;AAAA,gBACX,UAAUA,EAAI;AAAA,cAAA;cAEjBS,EAKQF,EAAAQ,CAAA,GAAA;AAAA,gBAJL,KAAG,GAAKnB,EAAA,MAAE,OAAA,IAAeI,EAAI,KAAK;AAAA,gBACnC,OAAM;AAAA,cAAA;2BAEN,MAAe;AAAA,kBAAZgB,EAAAC,EAAAjB,EAAI,KAAK,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;;;"}