@gxp-dev/mod-ui 2.0.0 → 2.0.3

package/dist/components/compositions/elements/input/NumberInput.vue.d.ts

@@ -0,0 +1,49 @@
+export interface NumberInputProps {
+    modelValue?: number | null;
+    id?: string;
+    name?: string;
+    label?: string;
+    hideLabel?: boolean;
+    placeholder?: string;
+    required?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    helpText?: string;
+    errors?: string[];
+    autoFocus?: boolean;
+}
+type __VLS_Props = NumberInputProps;
+type __VLS_PublicProps = {
+    "modelValue"?: number | null;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+}>, {
+    errors: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: string | number | undefined;
+    } & import('../../../ui/input/Input.vue').InputProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: string | number | undefined) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLInputElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: string | number | undefined;
+    } & import('../../../ui/input/Input.vue').InputProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, {}> | null;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=NumberInput.vue.d.ts.map

package/dist/components/compositions/elements/input/NumberInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/input/NumberInput.vue"],"names":[],"mappings":"AAuGA,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,KAAK,WAAW,GAAG,gBAAgB,CAAC;AA8BpC,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B,GAAG,WAAW,CAAC;;;;;;YApCL,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;AAoJnB,wBAUG"}

package/dist/components/compositions/elements/input/NumberInput.vue.js

@@ -1,5 +1,76 @@
-import f from "./NumberInput.vue2.js";
+import { defineComponent as u, useModel as r, useTemplateRef as m, onMounted as c, openBlock as f, createBlock as s, unref as n, withCtx as b, createVNode as h, normalizeClass as v, mergeModels as y } from "vue";
+import x from "../../../ui/input/Input.vue.js";
+import q from "../../../ui/field-frame/FieldFrame.vue.js";
+const N = /* @__PURE__ */ u({
+  __name: "NumberInput",
+  props: /* @__PURE__ */ y({
+    modelValue: {},
+    id: {},
+    name: {},
+    label: {},
+    hideLabel: { type: Boolean },
+    placeholder: {},
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    min: {},
+    max: {},
+    step: {},
+    helpText: {},
+    errors: { default: () => [] },
+    autoFocus: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const o = e, a = r(e, "modelValue"), t = m("inputRef");
+    c(() => {
+      var l;
+      o.autoFocus && ((l = t.value) == null || l.focus());
+    });
+    function i(l) {
+      if (l === void 0 || l === "" || l === null) {
+        a.value = null;
+        return;
+      }
+      const d = typeof l == "number" ? l : Number(l);
+      a.value = Number.isFinite(d) ? d : null;
+    }
+    return (l, d) => (f(), s(n(q), {
+      label: e.label,
+      required: e.required,
+      "hide-label": e.hideLabel,
+      for: e.id,
+      "help-text": e.helpText,
+      errors: e.errors
+    }, {
+      default: b(() => [
+        h(n(x), {
+          ref_key: "inputRef",
+          ref: t,
+          "model-value": a.value ?? void 0,
+          id: e.id,
+          name: e.name ?? void 0,
+          type: "number",
+          placeholder: e.placeholder ?? "",
+          readonly: e.readonly,
+          disabled: e.disabled,
+          required: e.required,
+          min: e.min,
+          max: e.max,
+          step: e.step,
+          "data-element-name": e.name ?? void 0,
+          class: v(e.errors.length ? "border-destructive ring-destructive" : ""),
+          "onUpdate:modelValue": i
+        }, null, 8, ["model-value", "id", "name", "placeholder", "readonly", "disabled", "required", "min", "max", "step", "data-element-name", "class"])
+      ]),
+      _: 1
+    }, 8, ["label", "required", "hide-label", "for", "help-text", "errors"]));
+  }
+});
 export {
-  f as default
+  N as default
 };
 //# sourceMappingURL=NumberInput.vue.js.map

package/dist/components/compositions/elements/input/NumberInput.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"NumberInput.vue.js","sources":["../../../../../src/components/compositions/elements/input/NumberInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven number input composition. Composes the shadcn `Input`\n * primitive (with `type=\"number\"`) and `FieldFrame` chrome.\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <NumberInput v-model=\"age\" label=\"Age\" :min=\"0\" :max=\"120\" />\n *\n * The JSON-driven engine renders this via `ElementRenderer`, which\n * binds `modelValue` / `errors` to the form-data store automatically.\n */\nimport { onMounted, useTemplateRef } from \"vue\"\nimport { Input } from \"@/components/ui/input\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface NumberInputProps {\n  modelValue?: number | null\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  placeholder?: string\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  min?: number\n  max?: number\n  step?: number\n  helpText?: string\n  errors?: string[]\n  autoFocus?: boolean\n}\n\nconst props = withDefaults(defineProps<NumberInputProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<number | null>(\"modelValue\")\n\nconst inputRef = useTemplateRef<HTMLInputElement>(\"inputRef\")\n\nonMounted(() => {\n  if (props.autoFocus) {\n    inputRef.value?.focus()\n  }\n})\n\nfunction onUpdate(raw: string | number | undefined): void {\n  if (raw === undefined || raw === \"\" || raw === null) {\n    model.value = null\n    return\n  }\n  const num = typeof raw === \"number\" ? raw : Number(raw)\n  model.value = Number.isFinite(num) ? num : null\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    <Input\n      ref=\"inputRef\"\n      :model-value=\"model ?? undefined\"\n      :id=\"id\"\n      :name=\"name ?? undefined\"\n      type=\"number\"\n      :placeholder=\"placeholder ?? ''\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n      :required=\"required\"\n      :min=\"min\"\n      :max=\"max\"\n      :step=\"step\"\n      :data-element-name=\"name ?? undefined\"\n      :class=\"errors.length ? 'border-destructive ring-destructive' : ''\"\n      @update:model-value=\"onUpdate\"\n    />\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","inputRef","useTemplateRef","onMounted","_a","onUpdate","raw","num","_createBlock","_unref","FieldFrame","_createVNode","Input","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,UAAMA,IAAQC,GAIRC,IAAQC,EAA0BF,GAAC,YAAY,GAE/CG,IAAWC,EAAiC,UAAU;AAE5D,IAAAC,EAAU,MAAM;;AACd,MAAIN,EAAM,eACRO,IAAAH,EAAS,UAAT,QAAAG,EAAgB;AAAA,IAEpB,CAAC;AAED,aAASC,EAASC,GAAwC;AACxD,UAAIA,MAAQ,UAAaA,MAAQ,MAAMA,MAAQ,MAAM;AACnD,QAAAP,EAAM,QAAQ;AACd;AAAA,MACF;AACA,YAAMQ,IAAM,OAAOD,KAAQ,WAAWA,IAAM,OAAOA,CAAG;AACtD,MAAAP,EAAM,QAAQ,OAAO,SAASQ,CAAG,IAAIA,IAAM;AAAA,IAC7C;2BAIEC,EAyBaC,EAAAC,CAAA,GAAA;AAAA,MAxBV,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,MAgBE;AAAA,QAhBFa,EAgBEF,EAAAG,CAAA,GAAA;AAAA,mBAfI;AAAA,UAAJ,KAAIX;AAAA,UACH,eAAaF,EAAA,SAAS;AAAA,UACtB,IAAID,EAAA;AAAA,UACJ,MAAMA,EAAA,QAAQ;AAAA,UACf,MAAK;AAAA,UACJ,aAAaA,EAAA,eAAW;AAAA,UACxB,UAAUA,EAAA;AAAA,UACV,UAAUA,EAAA;AAAA,UACV,UAAUA,EAAA;AAAA,UACV,KAAKA,EAAA;AAAA,UACL,KAAKA,EAAA;AAAA,UACL,MAAMA,EAAA;AAAA,UACN,qBAAmBA,EAAA,QAAQ;AAAA,UAC3B,OAAKe,EAAEf,EAAA,OAAO,SAAM,wCAAA,EAAA;AAAA,UACpB,uBAAoBO;AAAA,QAAA;;;;;;"}

package/dist/components/compositions/elements/input/NumberInput.vue2.js

@@ -1,76 +1,5 @@
-import { defineComponent as u, useModel as r, useTemplateRef as m, onMounted as c, openBlock as f, createBlock as s, unref as n, withCtx as b, createVNode as h, normalizeClass as v, mergeModels as y } from "vue";
-import x from "../../../ui/input/Input.vue.js";
-import q from "../../../ui/field-frame/FieldFrame.vue.js";
-const N = /* @__PURE__ */ u({
-  __name: "NumberInput",
-  props: /* @__PURE__ */ y({
-    modelValue: {},
-    id: {},
-    name: {},
-    label: {},
-    hideLabel: { type: Boolean },
-    placeholder: {},
-    required: { type: Boolean },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    min: {},
-    max: {},
-    step: {},
-    helpText: {},
-    errors: { default: () => [] },
-    autoFocus: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const o = e, a = r(e, "modelValue"), t = m("inputRef");
-    c(() => {
-      var l;
-      o.autoFocus && ((l = t.value) == null || l.focus());
-    });
-    function i(l) {
-      if (l === void 0 || l === "" || l === null) {
-        a.value = null;
-        return;
-      }
-      const d = typeof l == "number" ? l : Number(l);
-      a.value = Number.isFinite(d) ? d : null;
-    }
-    return (l, d) => (f(), s(n(q), {
-      label: e.label,
-      required: e.required,
-      "hide-label": e.hideLabel,
-      for: e.id,
-      "help-text": e.helpText,
-      errors: e.errors
-    }, {
-      default: b(() => [
-        h(n(x), {
-          ref_key: "inputRef",
-          ref: t,
-          "model-value": a.value ?? void 0,
-          id: e.id,
-          name: e.name ?? void 0,
-          type: "number",
-          placeholder: e.placeholder ?? "",
-          readonly: e.readonly,
-          disabled: e.disabled,
-          required: e.required,
-          min: e.min,
-          max: e.max,
-          step: e.step,
-          "data-element-name": e.name ?? void 0,
-          class: v(e.errors.length ? "border-destructive ring-destructive" : ""),
-          "onUpdate:modelValue": i
-        }, null, 8, ["model-value", "id", "name", "placeholder", "readonly", "disabled", "required", "min", "max", "step", "data-element-name", "class"])
-      ]),
-      _: 1
-    }, 8, ["label", "required", "hide-label", "for", "help-text", "errors"]));
-  }
-});
+import f from "./NumberInput.vue.js";
 export {
-  N as default
+  f as default
 };
 //# sourceMappingURL=NumberInput.vue2.js.map

package/dist/components/compositions/elements/input/NumberInput.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.vue2.js","sources":["../../../../../src/components/compositions/elements/input/NumberInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven number input composition. Composes the shadcn `Input`\n * primitive (with `type=\"number\"`) and `FieldFrame` chrome.\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <NumberInput v-model=\"age\" label=\"Age\" :min=\"0\" :max=\"120\" />\n *\n * The JSON-driven engine renders this via `ElementRenderer`, which\n * binds `modelValue` / `errors` to the form-data store automatically.\n */\nimport { onMounted, useTemplateRef } from \"vue\"\nimport { Input } from \"@/components/ui/input\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface NumberInputProps {\n  modelValue?: number | null\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  placeholder?: string\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  min?: number\n  max?: number\n  step?: number\n  helpText?: string\n  errors?: string[]\n  autoFocus?: boolean\n}\n\nconst props = withDefaults(defineProps<NumberInputProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<number | null>(\"modelValue\")\n\nconst inputRef = useTemplateRef<HTMLInputElement>(\"inputRef\")\n\nonMounted(() => {\n  if (props.autoFocus) {\n    inputRef.value?.focus()\n  }\n})\n\nfunction onUpdate(raw: string | number | undefined): void {\n  if (raw === undefined || raw === \"\" || raw === null) {\n    model.value = null\n    return\n  }\n  const num = typeof raw === \"number\" ? raw : Number(raw)\n  model.value = Number.isFinite(num) ? num : null\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    <Input\n      ref=\"inputRef\"\n      :model-value=\"model ?? undefined\"\n      :id=\"id\"\n      :name=\"name ?? undefined\"\n      type=\"number\"\n      :placeholder=\"placeholder ?? ''\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n      :required=\"required\"\n      :min=\"min\"\n      :max=\"max\"\n      :step=\"step\"\n      :data-element-name=\"name ?? undefined\"\n      :class=\"errors.length ? 'border-destructive ring-destructive' : ''\"\n      @update:model-value=\"onUpdate\"\n    />\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","inputRef","useTemplateRef","onMounted","_a","onUpdate","raw","num","_createBlock","_unref","FieldFrame","_createVNode","Input","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,UAAMA,IAAQC,GAIRC,IAAQC,EAA0BF,GAAC,YAAY,GAE/CG,IAAWC,EAAiC,UAAU;AAE5D,IAAAC,EAAU,MAAM;;AACd,MAAIN,EAAM,eACRO,IAAAH,EAAS,UAAT,QAAAG,EAAgB;AAAA,IAEpB,CAAC;AAED,aAASC,EAASC,GAAwC;AACxD,UAAIA,MAAQ,UAAaA,MAAQ,MAAMA,MAAQ,MAAM;AACnD,QAAAP,EAAM,QAAQ;AACd;AAAA,MACF;AACA,YAAMQ,IAAM,OAAOD,KAAQ,WAAWA,IAAM,OAAOA,CAAG;AACtD,MAAAP,EAAM,QAAQ,OAAO,SAASQ,CAAG,IAAIA,IAAM;AAAA,IAC7C;2BAIEC,EAyBaC,EAAAC,CAAA,GAAA;AAAA,MAxBV,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,MAgBE;AAAA,QAhBFa,EAgBEF,EAAAG,CAAA,GAAA;AAAA,mBAfI;AAAA,UAAJ,KAAIX;AAAA,UACH,eAAaF,EAAA,SAAS;AAAA,UACtB,IAAID,EAAA;AAAA,UACJ,MAAMA,EAAA,QAAQ;AAAA,UACf,MAAK;AAAA,UACJ,aAAaA,EAAA,eAAW;AAAA,UACxB,UAAUA,EAAA;AAAA,UACV,UAAUA,EAAA;AAAA,UACV,UAAUA,EAAA;AAAA,UACV,KAAKA,EAAA;AAAA,UACL,KAAKA,EAAA;AAAA,UACL,MAAMA,EAAA;AAAA,UACN,qBAAmBA,EAAA,QAAQ;AAAA,UAC3B,OAAKe,EAAEf,EAAA,OAAO,SAAM,wCAAA,EAAA;AAAA,UACpB,uBAAoBO;AAAA,QAAA;;;;;;"}
+{"version":3,"file":"NumberInput.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/input/PasswordInput.vue.d.ts

@@ -0,0 +1,49 @@
+export interface PasswordInputProps {
+    modelValue?: string;
+    id?: string;
+    name?: string;
+    label?: string;
+    hideLabel?: boolean;
+    placeholder?: string;
+    required?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+    maxlength?: number;
+    minlength?: number;
+    helpText?: string;
+    errors?: string[];
+    autoFocus?: boolean;
+    togglePasswordVisibility?: boolean;
+}
+type __VLS_Props = PasswordInputProps;
+type __VLS_PublicProps = {
+    "modelValue"?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    errors: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: string | number | undefined;
+    } & import('../../../ui/input/Input.vue').InputProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: string | number | undefined) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLInputElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: string | number | undefined;
+    } & import('../../../ui/input/Input.vue').InputProps> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, {}> | null;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=PasswordInput.vue.d.ts.map

package/dist/components/compositions/elements/input/PasswordInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/input/PasswordInput.vue"],"names":[],"mappings":"AA0HA,MAAM,WAAW,kBAAkB;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wBAAwB,CAAC,EAAE,OAAO,CAAA;CACnC;AAED,KAAK,WAAW,GAAG,kBAAkB,CAAC;AA8BtC,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,WAAW,CAAC;;;;;;YArCL,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;AAsNnB,wBAUG"}

package/dist/components/compositions/elements/input/PasswordInput.vue.js

@@ -1,5 +1,101 @@
-import f from "./PasswordInput.vue2.js";
+import { defineComponent as h, useModel as y, useTemplateRef as g, ref as b, computed as v, onMounted as w, openBlock as t, createBlock as o, unref as a, withCtx as u, createElementVNode as x, createVNode as V, normalizeClass as p, createCommentVNode as B, mergeModels as k } from "vue";
+import { EyeOff as q, Eye as C } from "lucide-vue-next";
+import M from "../../../ui/input/Input.vue.js";
+import "../../../ui/button/index.js";
+import P from "../../../ui/field-frame/FieldFrame.vue.js";
+import R from "../../../ui/button/Button.vue.js";
+const T = { class: "relative" }, S = /* @__PURE__ */ h({
+  __name: "PasswordInput",
+  props: /* @__PURE__ */ k({
+    modelValue: {},
+    id: {},
+    name: {},
+    label: {},
+    hideLabel: { type: Boolean },
+    placeholder: {},
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    maxlength: {},
+    minlength: {},
+    helpText: {},
+    errors: { default: () => [] },
+    autoFocus: { type: Boolean },
+    togglePasswordVisibility: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const m = e, d = y(e, "modelValue"), n = g("inputRef"), l = b(!1), c = v(
+      () => l.value ? "text" : "password"
+    );
+    w(() => {
+      var i;
+      m.autoFocus && ((i = n.value) == null || i.focus());
+    });
+    function f() {
+      l.value = !l.value;
+    }
+    return (i, r) => (t(), o(a(P), {
+      label: e.label,
+      required: e.required,
+      "hide-label": e.hideLabel,
+      for: e.id,
+      "help-text": e.helpText,
+      errors: e.errors
+    }, {
+      default: u(() => [
+        x("div", T, [
+          V(a(M), {
+            ref_key: "inputRef",
+            ref: n,
+            "model-value": d.value ?? void 0,
+            id: e.id,
+            name: e.name ?? void 0,
+            type: c.value,
+            placeholder: e.placeholder ?? "",
+            readonly: e.readonly,
+            disabled: e.disabled,
+            required: e.required,
+            maxlength: e.maxlength,
+            minlength: e.minlength,
+            "data-element-name": e.name ?? void 0,
+            class: p([
+              e.errors.length ? "border-destructive ring-destructive" : "",
+              e.togglePasswordVisibility ? "pr-10" : ""
+            ]),
+            "onUpdate:modelValue": r[0] || (r[0] = (s) => d.value = s == null ? "" : String(s))
+          }, null, 8, ["model-value", "id", "name", "type", "placeholder", "readonly", "disabled", "required", "maxlength", "minlength", "data-element-name", "class"]),
+          e.togglePasswordVisibility ? (t(), o(a(R), {
+            key: 0,
+            type: "button",
+            variant: "ghost",
+            size: "icon-sm",
+            class: "absolute right-1 top-1/2 -translate-y-1/2",
+            "aria-label": l.value ? "Hide password" : "Show password",
+            "data-testid": "password-toggle",
+            onClick: f
+          }, {
+            default: u(() => [
+              l.value ? (t(), o(a(q), {
+                key: 0,
+                class: "h-4 w-4"
+              })) : (t(), o(a(C), {
+                key: 1,
+                class: "h-4 w-4"
+              }))
+            ]),
+            _: 1
+          }, 8, ["aria-label"])) : B("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["label", "required", "hide-label", "for", "help-text", "errors"]));
+  }
+});
 export {
-  f as default
+  S as default
 };
 //# sourceMappingURL=PasswordInput.vue.js.map

package/dist/components/compositions/elements/input/PasswordInput.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"PasswordInput.vue.js","sources":["../../../../../src/components/compositions/elements/input/PasswordInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven password input composition. Composes the shadcn `Input`\n * primitive (with `type=\"password\"`) and `FieldFrame` chrome. When\n * `togglePasswordVisibility` is set, renders an Eye/EyeOff toggle\n * button.\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <PasswordInput v-model=\"pw\" label=\"Password\" required toggle-password-visibility />\n */\nimport { computed, onMounted, ref, useTemplateRef } from \"vue\"\nimport { Eye, EyeOff } from \"lucide-vue-next\"\nimport { Input } from \"@/components/ui/input\"\nimport { Button } from \"@/components/ui/button\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface PasswordInputProps {\n  modelValue?: string\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  placeholder?: string\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  maxlength?: number\n  minlength?: number\n  helpText?: string\n  errors?: string[]\n  autoFocus?: boolean\n  togglePasswordVisibility?: boolean\n}\n\nconst props = withDefaults(defineProps<PasswordInputProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<string>(\"modelValue\")\n\nconst inputRef = useTemplateRef<HTMLInputElement>(\"inputRef\")\n\nconst visible = ref(false)\nconst inputType = computed<\"password\" | \"text\">(() =>\n  visible.value ? \"text\" : \"password\",\n)\n\nonMounted(() => {\n  if (props.autoFocus) {\n    inputRef.value?.focus()\n  }\n})\n\nfunction toggleVisibility(): void {\n  visible.value = !visible.value\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    <div class=\"relative\">\n      <Input\n        ref=\"inputRef\"\n        :model-value=\"model ?? undefined\"\n        :id=\"id\"\n        :name=\"name ?? undefined\"\n        :type=\"inputType\"\n        :placeholder=\"placeholder ?? ''\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n        :required=\"required\"\n        :maxlength=\"maxlength\"\n        :minlength=\"minlength\"\n        :data-element-name=\"name ?? undefined\"\n        :class=\"[\n          errors.length ? 'border-destructive ring-destructive' : '',\n          togglePasswordVisibility ? 'pr-10' : '',\n        ]\"\n        @update:model-value=\"(v: string | number | undefined) => (model = v == null ? '' : String(v))\"\n      />\n      <Button\n        v-if=\"togglePasswordVisibility\"\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        class=\"absolute right-1 top-1/2 -translate-y-1/2\"\n        :aria-label=\"visible ? 'Hide password' : 'Show password'\"\n        data-testid=\"password-toggle\"\n        @click=\"toggleVisibility\"\n      >\n        <EyeOff v-if=\"visible\" class=\"h-4 w-4\" />\n        <Eye v-else class=\"h-4 w-4\" />\n      </Button>\n    </div>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","inputRef","useTemplateRef","visible","ref","inputType","computed","onMounted","_a","toggleVisibility","_createBlock","_unref","FieldFrame","_createElementVNode","_hoisted_1","_createVNode","Input","_normalizeClass","_cache","v","Button","EyeOff","Eye"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,UAAMA,IAAQC,GAIRC,IAAQC,EAAmBF,GAAC,YAAY,GAExCG,IAAWC,EAAiC,UAAU,GAEtDC,IAAUC,EAAI,EAAK,GACnBC,IAAYC;AAAA,MAA8B,MAC9CH,EAAQ,QAAQ,SAAS;AAAA,IAAA;AAG3B,IAAAI,EAAU,MAAM;;AACd,MAAIV,EAAM,eACRW,IAAAP,EAAS,UAAT,QAAAO,EAAgB;AAAA,IAEpB,CAAC;AAED,aAASC,IAAyB;AAChC,MAAAN,EAAQ,QAAQ,CAACA,EAAQ;AAAA,IAC3B;2BAIEO,EA0CaC,EAAAC,CAAA,GAAA;AAAA,MAzCV,OAAOd,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,KAAKA,EAAA;AAAA,MACL,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MAiCM;AAAA,QAjCNe,EAiCM,OAjCNC,GAiCM;AAAA,UAhCJC,EAkBEJ,EAAAK,CAAA,GAAA;AAAA,qBAjBI;AAAA,YAAJ,KAAIf;AAAA,YACH,eAAaF,EAAA,SAAS;AAAA,YACtB,IAAID,EAAA;AAAA,YACJ,MAAMA,EAAA,QAAQ;AAAA,YACd,MAAMO,EAAA;AAAA,YACN,aAAaP,EAAA,eAAW;AAAA,YACxB,UAAUA,EAAA;AAAA,YACV,UAAUA,EAAA;AAAA,YACV,UAAUA,EAAA;AAAA,YACV,WAAWA,EAAA;AAAA,YACX,WAAWA,EAAA;AAAA,YACX,qBAAmBA,EAAA,QAAQ;AAAA,YAC3B,OAAKmB,EAAA;AAAA,cAAcnB,EAAA,OAAO,SAAM,wCAAA;AAAA,cAAyDA,EAAA,2BAAwB,UAAA;AAAA,YAAA;YAIjH,uBAAkBoB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAoCpB,EAAA,QAAQoB,KAAC,OAAA,KAAgB,OAAOA,CAAC;AAAA,UAAA;UAGrFrB,EAAA,iCADRY,EAYSC,EAAAS,CAAA,GAAA;AAAA;YAVP,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,OAAM;AAAA,YACL,cAAYjB,EAAA,QAAO,kBAAA;AAAA,YACpB,eAAY;AAAA,YACX,SAAOM;AAAA,UAAA;uBAER,MAAyC;AAAA,cAA3BN,EAAA,cAAdO,EAAyCC,EAAAU,CAAA,GAAA;AAAA;gBAAlB,OAAM;AAAA,cAAA,YAC7BX,EAA8BC,EAAAW,CAAA,GAAA;AAAA;gBAAlB,OAAM;AAAA,cAAA;;;;;;;;;;"}

package/dist/components/compositions/elements/input/PasswordInput.vue2.js

@@ -1,101 +1,5 @@
-import { defineComponent as h, useModel as y, useTemplateRef as g, ref as b, computed as v, onMounted as w, openBlock as t, createBlock as o, unref as a, withCtx as u, createElementVNode as x, createVNode as V, normalizeClass as p, createCommentVNode as B, mergeModels as k } from "vue";
-import { EyeOff as q, Eye as C } from "lucide-vue-next";
-import M from "../../../ui/input/Input.vue.js";
-import "../../../ui/button/index.js";
-import P from "../../../ui/field-frame/FieldFrame.vue.js";
-import R from "../../../ui/button/Button.vue.js";
-const T = { class: "relative" }, S = /* @__PURE__ */ h({
-  __name: "PasswordInput",
-  props: /* @__PURE__ */ k({
-    modelValue: {},
-    id: {},
-    name: {},
-    label: {},
-    hideLabel: { type: Boolean },
-    placeholder: {},
-    required: { type: Boolean },
-    readonly: { type: Boolean },
-    disabled: { type: Boolean },
-    maxlength: {},
-    minlength: {},
-    helpText: {},
-    errors: { default: () => [] },
-    autoFocus: { type: Boolean },
-    togglePasswordVisibility: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const m = e, d = y(e, "modelValue"), n = g("inputRef"), l = b(!1), c = v(
-      () => l.value ? "text" : "password"
-    );
-    w(() => {
-      var i;
-      m.autoFocus && ((i = n.value) == null || i.focus());
-    });
-    function f() {
-      l.value = !l.value;
-    }
-    return (i, r) => (t(), o(a(P), {
-      label: e.label,
-      required: e.required,
-      "hide-label": e.hideLabel,
-      for: e.id,
-      "help-text": e.helpText,
-      errors: e.errors
-    }, {
-      default: u(() => [
-        x("div", T, [
-          V(a(M), {
-            ref_key: "inputRef",
-            ref: n,
-            "model-value": d.value ?? void 0,
-            id: e.id,
-            name: e.name ?? void 0,
-            type: c.value,
-            placeholder: e.placeholder ?? "",
-            readonly: e.readonly,
-            disabled: e.disabled,
-            required: e.required,
-            maxlength: e.maxlength,
-            minlength: e.minlength,
-            "data-element-name": e.name ?? void 0,
-            class: p([
-              e.errors.length ? "border-destructive ring-destructive" : "",
-              e.togglePasswordVisibility ? "pr-10" : ""
-            ]),
-            "onUpdate:modelValue": r[0] || (r[0] = (s) => d.value = s == null ? "" : String(s))
-          }, null, 8, ["model-value", "id", "name", "type", "placeholder", "readonly", "disabled", "required", "maxlength", "minlength", "data-element-name", "class"]),
-          e.togglePasswordVisibility ? (t(), o(a(R), {
-            key: 0,
-            type: "button",
-            variant: "ghost",
-            size: "icon-sm",
-            class: "absolute right-1 top-1/2 -translate-y-1/2",
-            "aria-label": l.value ? "Hide password" : "Show password",
-            "data-testid": "password-toggle",
-            onClick: f
-          }, {
-            default: u(() => [
-              l.value ? (t(), o(a(q), {
-                key: 0,
-                class: "h-4 w-4"
-              })) : (t(), o(a(C), {
-                key: 1,
-                class: "h-4 w-4"
-              }))
-            ]),
-            _: 1
-          }, 8, ["aria-label"])) : B("", !0)
-        ])
-      ]),
-      _: 1
-    }, 8, ["label", "required", "hide-label", "for", "help-text", "errors"]));
-  }
-});
+import f from "./PasswordInput.vue.js";
 export {
-  S as default
+  f as default
 };
 //# sourceMappingURL=PasswordInput.vue2.js.map

package/dist/components/compositions/elements/input/PasswordInput.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.vue2.js","sources":["../../../../../src/components/compositions/elements/input/PasswordInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven password input composition. Composes the shadcn `Input`\n * primitive (with `type=\"password\"`) and `FieldFrame` chrome. When\n * `togglePasswordVisibility` is set, renders an Eye/EyeOff toggle\n * button.\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <PasswordInput v-model=\"pw\" label=\"Password\" required toggle-password-visibility />\n */\nimport { computed, onMounted, ref, useTemplateRef } from \"vue\"\nimport { Eye, EyeOff } from \"lucide-vue-next\"\nimport { Input } from \"@/components/ui/input\"\nimport { Button } from \"@/components/ui/button\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface PasswordInputProps {\n  modelValue?: string\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  placeholder?: string\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  maxlength?: number\n  minlength?: number\n  helpText?: string\n  errors?: string[]\n  autoFocus?: boolean\n  togglePasswordVisibility?: boolean\n}\n\nconst props = withDefaults(defineProps<PasswordInputProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<string>(\"modelValue\")\n\nconst inputRef = useTemplateRef<HTMLInputElement>(\"inputRef\")\n\nconst visible = ref(false)\nconst inputType = computed<\"password\" | \"text\">(() =>\n  visible.value ? \"text\" : \"password\",\n)\n\nonMounted(() => {\n  if (props.autoFocus) {\n    inputRef.value?.focus()\n  }\n})\n\nfunction toggleVisibility(): void {\n  visible.value = !visible.value\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    <div class=\"relative\">\n      <Input\n        ref=\"inputRef\"\n        :model-value=\"model ?? undefined\"\n        :id=\"id\"\n        :name=\"name ?? undefined\"\n        :type=\"inputType\"\n        :placeholder=\"placeholder ?? ''\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n        :required=\"required\"\n        :maxlength=\"maxlength\"\n        :minlength=\"minlength\"\n        :data-element-name=\"name ?? undefined\"\n        :class=\"[\n          errors.length ? 'border-destructive ring-destructive' : '',\n          togglePasswordVisibility ? 'pr-10' : '',\n        ]\"\n        @update:model-value=\"(v: string | number | undefined) => (model = v == null ? '' : String(v))\"\n      />\n      <Button\n        v-if=\"togglePasswordVisibility\"\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        class=\"absolute right-1 top-1/2 -translate-y-1/2\"\n        :aria-label=\"visible ? 'Hide password' : 'Show password'\"\n        data-testid=\"password-toggle\"\n        @click=\"toggleVisibility\"\n      >\n        <EyeOff v-if=\"visible\" class=\"h-4 w-4\" />\n        <Eye v-else class=\"h-4 w-4\" />\n      </Button>\n    </div>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","inputRef","useTemplateRef","visible","ref","inputType","computed","onMounted","_a","toggleVisibility","_createBlock","_unref","FieldFrame","_createElementVNode","_hoisted_1","_createVNode","Input","_normalizeClass","_cache","v","Button","EyeOff","Eye"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,UAAMA,IAAQC,GAIRC,IAAQC,EAAmBF,GAAC,YAAY,GAExCG,IAAWC,EAAiC,UAAU,GAEtDC,IAAUC,EAAI,EAAK,GACnBC,IAAYC;AAAA,MAA8B,MAC9CH,EAAQ,QAAQ,SAAS;AAAA,IAAA;AAG3B,IAAAI,EAAU,MAAM;;AACd,MAAIV,EAAM,eACRW,IAAAP,EAAS,UAAT,QAAAO,EAAgB;AAAA,IAEpB,CAAC;AAED,aAASC,IAAyB;AAChC,MAAAN,EAAQ,QAAQ,CAACA,EAAQ;AAAA,IAC3B;2BAIEO,EA0CaC,EAAAC,CAAA,GAAA;AAAA,MAzCV,OAAOd,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,KAAKA,EAAA;AAAA,MACL,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MAiCM;AAAA,QAjCNe,EAiCM,OAjCNC,GAiCM;AAAA,UAhCJC,EAkBEJ,EAAAK,CAAA,GAAA;AAAA,qBAjBI;AAAA,YAAJ,KAAIf;AAAA,YACH,eAAaF,EAAA,SAAS;AAAA,YACtB,IAAID,EAAA;AAAA,YACJ,MAAMA,EAAA,QAAQ;AAAA,YACd,MAAMO,EAAA;AAAA,YACN,aAAaP,EAAA,eAAW;AAAA,YACxB,UAAUA,EAAA;AAAA,YACV,UAAUA,EAAA;AAAA,YACV,UAAUA,EAAA;AAAA,YACV,WAAWA,EAAA;AAAA,YACX,WAAWA,EAAA;AAAA,YACX,qBAAmBA,EAAA,QAAQ;AAAA,YAC3B,OAAKmB,EAAA;AAAA,cAAcnB,EAAA,OAAO,SAAM,wCAAA;AAAA,cAAyDA,EAAA,2BAAwB,UAAA;AAAA,YAAA;YAIjH,uBAAkBoB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAoCpB,EAAA,QAAQoB,KAAC,OAAA,KAAgB,OAAOA,CAAC;AAAA,UAAA;UAGrFrB,EAAA,iCADRY,EAYSC,EAAAS,CAAA,GAAA;AAAA;YAVP,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,OAAM;AAAA,YACL,cAAYjB,EAAA,QAAO,kBAAA;AAAA,YACpB,eAAY;AAAA,YACX,SAAOM;AAAA,UAAA;uBAER,MAAyC;AAAA,cAA3BN,EAAA,cAAdO,EAAyCC,EAAAU,CAAA,GAAA;AAAA;gBAAlB,OAAM;AAAA,cAAA,YAC7BX,EAA8BC,EAAAW,CAAA,GAAA;AAAA;gBAAlB,OAAM;AAAA,cAAA;;;;;;;;;;"}
+{"version":3,"file":"PasswordInput.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/compositions/elements/input/RangeSliderInput.vue.d.ts

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

package/dist/components/compositions/elements/input/RangeSliderInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSliderInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/input/RangeSliderInput.vue"],"names":[],"mappings":"AA0GA,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,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,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;CAClB;AAED,KAAK,WAAW,GAAG,qBAAqB,CAAC;AAuCzC,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,WAAW,CAAC;;;;;;SAhDR,MAAM;SACN,MAAM;UACL,MAAM;YAEJ,MAAM,EAAE;;AAuJnB,wBASG"}

package/dist/components/compositions/elements/input/RangeSliderInput.vue.js

@@ -1,5 +1,72 @@
-import f from "./RangeSliderInput.vue2.js";
+import { defineComponent as c, useModel as f, computed as o, openBlock as x, createBlock as b, unref as m, withCtx as v, createElementVNode as r, createVNode as h, toDisplayString as y, mergeModels as V } from "vue";
+import "../../../ui/slider/index.js";
+import g from "../../../ui/field-frame/FieldFrame.vue.js";
+import B from "../../../ui/slider/Slider.vue.js";
+const p = { class: "flex items-center gap-3" }, q = {
+  class: "min-w-10 text-right text-sm text-muted-foreground tabular-nums",
+  "data-testid": "range-slider-value"
+}, C = /* @__PURE__ */ c({
+  __name: "RangeSliderInput",
+  props: /* @__PURE__ */ V({
+    modelValue: {},
+    id: {},
+    name: {},
+    label: {},
+    hideLabel: { type: Boolean },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    helpText: {},
+    errors: { default: () => [] }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, a = f(e, "modelValue"), d = o(
+      () => typeof a.value == "number" ? a.value : t.min
+    ), u = o(() => [d.value]);
+    function s(...n) {
+      const l = n[0];
+      if (Array.isArray(l)) {
+        const i = l[0];
+        a.value = typeof i == "number" ? i : t.min;
+      } else typeof l == "number" ? a.value = l : a.value = t.min;
+    }
+    return (n, l) => (x(), b(m(g), {
+      label: e.label,
+      required: e.required,
+      "hide-label": e.hideLabel,
+      for: e.id,
+      "help-text": e.helpText,
+      errors: e.errors
+    }, {
+      default: v(() => [
+        r("div", p, [
+          h(m(B), {
+            id: e.id,
+            name: e.name ?? void 0,
+            min: e.min,
+            max: e.max,
+            step: e.step,
+            disabled: e.disabled || e.readonly,
+            "model-value": u.value,
+            "data-element-name": e.name ?? void 0,
+            class: "flex-1",
+            "onUpdate:modelValue": s
+          }, null, 8, ["id", "name", "min", "max", "step", "disabled", "model-value", "data-element-name"]),
+          r("span", q, y(d.value), 1)
+        ])
+      ]),
+      _: 1
+    }, 8, ["label", "required", "hide-label", "for", "help-text", "errors"]));
+  }
+});
 export {
-  f as default
+  C as default
 };
 //# sourceMappingURL=RangeSliderInput.vue.js.map

package/dist/components/compositions/elements/input/RangeSliderInput.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSliderInput.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"RangeSliderInput.vue.js","sources":["../../../../../src/components/compositions/elements/input/RangeSliderInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven range slider composition. Wraps the shadcn `Slider`\n * primitive (which always emits an array internally) and exposes a\n * scalar `modelValue` to the consumer.\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <RangeSliderInput v-model=\"volume\" label=\"Volume\" :min=\"0\" :max=\"100\" />\n */\nimport { computed } from \"vue\"\nimport { Slider } from \"@/components/ui/slider\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface RangeSliderInputProps {\n  modelValue?: number\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  min?: number\n  max?: number\n  step?: number\n  helpText?: string\n  errors?: string[]\n}\n\nconst props = withDefaults(defineProps<RangeSliderInputProps>(), {\n  min: 0,\n  max: 100,\n  step: 1,\n  errors: () => [],\n})\n\nconst model = defineModel<number>(\"modelValue\")\n\nconst currentValue = computed<number>(() =>\n  typeof model.value === \"number\" ? model.value : props.min,\n)\n\nconst sliderModel = computed<number[]>(() => [currentValue.value])\n\nfunction onUpdate(...args: unknown[]): void {\n  const next = args[0]\n  if (Array.isArray(next)) {\n    const first = next[0]\n    model.value = typeof first === \"number\" ? first : props.min\n  }\n  else if (typeof next === \"number\") {\n    model.value = next\n  }\n  else {\n    model.value = props.min\n  }\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    <div class=\"flex items-center gap-3\">\n      <Slider\n        :id=\"id\"\n        :name=\"name ?? undefined\"\n        :min=\"min\"\n        :max=\"max\"\n        :step=\"step\"\n        :disabled=\"disabled || readonly\"\n        :model-value=\"sliderModel\"\n        :data-element-name=\"name ?? undefined\"\n        class=\"flex-1\"\n        @update:model-value=\"onUpdate\"\n      />\n      <span\n        class=\"min-w-10 text-right text-sm text-muted-foreground tabular-nums\"\n        data-testid=\"range-slider-value\"\n      >\n        {{ currentValue }}\n      </span>\n    </div>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","currentValue","computed","sliderModel","onUpdate","args","next","first","_createBlock","_unref","FieldFrame","_createElementVNode","_hoisted_1","_createVNode","Slider","_hoisted_2","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,UAAMA,IAAQC,GAORC,IAAQC,EAAmBF,GAAC,YAAY,GAExCG,IAAeC;AAAA,MAAiB,MACpC,OAAOH,EAAM,SAAU,WAAWA,EAAM,QAAQF,EAAM;AAAA,IAAA,GAGlDM,IAAcD,EAAmB,MAAM,CAACD,EAAa,KAAK,CAAC;AAEjE,aAASG,KAAYC,GAAuB;AAC1C,YAAMC,IAAOD,EAAK,CAAC;AACnB,UAAI,MAAM,QAAQC,CAAI,GAAG;AACvB,cAAMC,IAAQD,EAAK,CAAC;AACpB,QAAAP,EAAM,QAAQ,OAAOQ,KAAU,WAAWA,IAAQV,EAAM;AAAA,MAC1D,MAAA,CACS,OAAOS,KAAS,WACvBP,EAAM,QAAQO,IAGdP,EAAM,QAAQF,EAAM;AAAA,IAExB;2BAIEW,EA4BaC,EAAAC,CAAA,GAAA;AAAA,MA3BV,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,MAmBM;AAAA,QAnBNa,EAmBM,OAnBNC,GAmBM;AAAA,UAlBJC,EAWEJ,EAAAK,CAAA,GAAA;AAAA,YAVC,IAAIhB,EAAA;AAAA,YACJ,MAAMA,EAAA,QAAQ;AAAA,YACd,KAAKA,EAAA;AAAA,YACL,KAAKA,EAAA;AAAA,YACL,MAAMA,EAAA;AAAA,YACN,UAAUA,EAAA,YAAYA,EAAA;AAAA,YACtB,eAAaK,EAAA;AAAA,YACb,qBAAmBL,EAAA,QAAQ;AAAA,YAC5B,OAAM;AAAA,YACL,uBAAoBM;AAAA,UAAA;UAEvBO,EAKO,QALPI,GAKOC,EADFf,EAAA,KAAY,GAAA,CAAA;AAAA,QAAA;;;;;;"}