@gxp-dev/mod-ui 2.0.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmailInput.vue2.js","sources":["../../../../../src/components/compositions/elements/input/EmailInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven email input composition. Composes the shadcn `Input`\n * primitive (with `type=\"email\"`) and `FieldFrame` chrome.\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <EmailInput v-model=\"email\" label=\"Email address\" required />\n */\nimport { onMounted, useTemplateRef } from \"vue\"\nimport { Input } from \"@/components/ui/input\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface EmailInputProps {\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}\n\nconst props = withDefaults(defineProps<EmailInputProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<string>(\"modelValue\")\n\nconst inputRef = useTemplateRef<HTMLInputElement>(\"inputRef\")\n\nonMounted(() => {\n  if (props.autoFocus) {\n    inputRef.value?.focus()\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    <Input\n      ref=\"inputRef\"\n      :model-value=\"model ?? undefined\"\n      :id=\"id\"\n      :name=\"name ?? undefined\"\n      type=\"email\"\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=\"errors.length ? 'border-destructive ring-destructive' : ''\"\n      @update:model-value=\"(v: string | number | undefined) => (model = v == null ? '' : String(v))\"\n    />\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","inputRef","useTemplateRef","onMounted","_a","_createBlock","_unref","FieldFrame","_createVNode","Input","_normalizeClass","_cache","v"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,UAAMA,IAAQC,GAIRC,IAAQC,EAAmBF,GAAC,YAAY,GAExCG,IAAWC,EAAiC,UAAU;AAE5D,WAAAC,EAAU,MAAM;;AACd,MAAIN,EAAM,eACRO,IAAAH,EAAS,UAAT,QAAAG,EAAgB;AAAA,IAEpB,CAAC,mBAICC,EAwBaC,EAAAC,CAAA,GAAA;AAAA,MAvBV,OAAOT,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,KAAKA,EAAA;AAAA,MACL,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MAeE;AAAA,QAfFU,EAeEF,EAAAG,CAAA,GAAA;AAAA,mBAdI;AAAA,UAAJ,KAAIR;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,WAAWA,EAAA;AAAA,UACX,WAAWA,EAAA;AAAA,UACX,qBAAmBA,EAAA,QAAQ;AAAA,UAC3B,OAAKY,EAAEZ,EAAA,OAAO,SAAM,wCAAA,EAAA;AAAA,UACpB,uBAAkBa,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAoCb,EAAA,QAAQa,KAAC,OAAA,KAAgB,OAAOA,CAAC;AAAA,QAAA;;;;;;"}

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

@@ -0,0 +1,5 @@
+import f from "./NumberInput.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=NumberInput.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,76 @@
+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 {
+  N as default
+};
+//# sourceMappingURL=NumberInput.vue2.js.map

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

@@ -0,0 +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;;;;;;"}

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

@@ -0,0 +1,5 @@
+import f from "./PasswordInput.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=PasswordInput.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,101 @@
+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 {
+  S as default
+};
+//# sourceMappingURL=PasswordInput.vue2.js.map

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

@@ -0,0 +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;;;;;;;;;;"}

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

@@ -0,0 +1,5 @@
+import f from "./RangeSliderInput.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=RangeSliderInput.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSliderInput.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,72 @@
+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 {
+  C as default
+};
+//# sourceMappingURL=RangeSliderInput.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSliderInput.vue2.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;;;;;;"}

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

@@ -0,0 +1,5 @@
+import f from "./SearchInput.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=SearchInput.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,72 @@
+import { defineComponent as m, useModel as u, useTemplateRef as s, onMounted as c, openBlock as h, createBlock as f, unref as a, withCtx as b, createElementVNode as g, createVNode as r, normalizeClass as v, mergeModels as x } from "vue";
+import { Search as y } from "lucide-vue-next";
+import q from "../../../ui/input/Input.vue.js";
+import B from "../../../ui/field-frame/FieldFrame.vue.js";
+const V = { class: "relative" }, S = /* @__PURE__ */ m({
+  __name: "SearchInput",
+  props: /* @__PURE__ */ x({
+    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 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const i = e, t = u(e, "modelValue"), n = s("inputRef");
+    return c(() => {
+      var l;
+      i.autoFocus && ((l = n.value) == null || l.focus());
+    }), (l, d) => (h(), f(a(B), {
+      label: e.label,
+      required: e.required,
+      "hide-label": e.hideLabel,
+      for: e.id,
+      "help-text": e.helpText,
+      errors: e.errors
+    }, {
+      default: b(() => [
+        g("div", V, [
+          r(a(y), { class: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+          r(a(q), {
+            ref_key: "inputRef",
+            ref: n,
+            "model-value": t.value ?? void 0,
+            id: e.id,
+            name: e.name ?? void 0,
+            type: "search",
+            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: v([
+              "pl-9",
+              e.errors.length ? "border-destructive ring-destructive" : ""
+            ]),
+            "onUpdate:modelValue": d[0] || (d[0] = (o) => t.value = o == null ? "" : String(o))
+          }, null, 8, ["model-value", "id", "name", "placeholder", "readonly", "disabled", "required", "maxlength", "minlength", "data-element-name", "class"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["label", "required", "hide-label", "for", "help-text", "errors"]));
+  }
+});
+export {
+  S as default
+};
+//# sourceMappingURL=SearchInput.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.vue2.js","sources":["../../../../../src/components/compositions/elements/input/SearchInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven search input composition. Composes the shadcn `Input`\n * primitive (with `type=\"search\"`) and a leading lucide Search icon.\n * Wrapped with `FieldFrame` chrome.\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <SearchInput v-model=\"query\" label=\"Search\" />\n */\nimport { onMounted, useTemplateRef } from \"vue\"\nimport { Search } from \"lucide-vue-next\"\nimport { Input } from \"@/components/ui/input\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface SearchInputProps {\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}\n\nconst props = withDefaults(defineProps<SearchInputProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<string>(\"modelValue\")\n\nconst inputRef = useTemplateRef<HTMLInputElement>(\"inputRef\")\n\nonMounted(() => {\n  if (props.autoFocus) {\n    inputRef.value?.focus()\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=\"relative\">\n      <Search\n        class=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\"\n      />\n      <Input\n        ref=\"inputRef\"\n        :model-value=\"model ?? undefined\"\n        :id=\"id\"\n        :name=\"name ?? undefined\"\n        type=\"search\"\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          'pl-9',\n          errors.length ? 'border-destructive ring-destructive' : '',\n        ]\"\n        @update:model-value=\"(v: string | number | undefined) => (model = v == null ? '' : String(v))\"\n      />\n    </div>\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","inputRef","useTemplateRef","onMounted","_a","_createBlock","_unref","FieldFrame","_createElementVNode","_hoisted_1","_createVNode","Search","Input","_normalizeClass","_cache","v"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAMA,IAAQC,GAIRC,IAAQC,EAAmBF,GAAC,YAAY,GAExCG,IAAWC,EAAiC,UAAU;AAE5D,WAAAC,EAAU,MAAM;;AACd,MAAIN,EAAM,eACRO,IAAAH,EAAS,UAAT,QAAAG,EAAgB;AAAA,IAEpB,CAAC,mBAICC,EAgCaC,EAAAC,CAAA,GAAA;AAAA,MA/BV,OAAOT,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,KAAKA,EAAA;AAAA,MACL,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MAuBM;AAAA,QAvBNU,EAuBM,OAvBNC,GAuBM;AAAA,UAtBJC,EAEEJ,EAAAK,CAAA,GAAA,EADA,OAAM,8FAA4F;AAAA,UAEpGD,EAkBEJ,EAAAM,CAAA,GAAA;AAAA,qBAjBI;AAAA,YAAJ,KAAIX;AAAA,YACH,eAAaF,EAAA,SAAS;AAAA,YACtB,IAAID,EAAA;AAAA,YACJ,MAAMA,EAAA,QAAQ;AAAA,YACf,MAAK;AAAA,YACJ,aAAaA,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,OAAKe,EAAA;AAAA;cAAgCf,EAAA,OAAO,SAAM,wCAAA;AAAA,YAAA;YAIlD,uBAAkBgB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAoChB,EAAA,QAAQgB,KAAC,OAAA,KAAgB,OAAOA,CAAC;AAAA,UAAA;;;;;;;"}

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

@@ -0,0 +1,5 @@
+import f from "./TelInput.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=TelInput.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TelInput.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TelInput.vue2.js","sources":["../../../../../src/components/compositions/elements/input/TelInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven telephone input composition. Composes the shadcn `Input`\n * primitive (with `type=\"tel\"`) and `FieldFrame` chrome.\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <TelInput v-model=\"phone\" label=\"Phone\" />\n */\nimport { onMounted, useTemplateRef } from \"vue\"\nimport { Input } from \"@/components/ui/input\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface TelInputProps {\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}\n\nconst props = withDefaults(defineProps<TelInputProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<string>(\"modelValue\")\n\nconst inputRef = useTemplateRef<HTMLInputElement>(\"inputRef\")\n\nonMounted(() => {\n  if (props.autoFocus) {\n    inputRef.value?.focus()\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    <Input\n      ref=\"inputRef\"\n      :model-value=\"model ?? undefined\"\n      :id=\"id\"\n      :name=\"name ?? undefined\"\n      type=\"tel\"\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=\"errors.length ? 'border-destructive ring-destructive' : ''\"\n      @update:model-value=\"(v: string | number | undefined) => (model = v == null ? '' : String(v))\"\n    />\n  </FieldFrame>\n</template>\n"],"names":["props","__props","model","_useModel","inputRef","useTemplateRef","onMounted","_a","_createBlock","_unref","FieldFrame","_createVNode","Input","_normalizeClass","_cache","v"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,UAAMA,IAAQC,GAIRC,IAAQC,EAAmBF,GAAC,YAAY,GAExCG,IAAWC,EAAiC,UAAU;AAE5D,WAAAC,EAAU,MAAM;;AACd,MAAIN,EAAM,eACRO,IAAAH,EAAS,UAAT,QAAAG,EAAgB;AAAA,IAEpB,CAAC,mBAICC,EAwBaC,EAAAC,CAAA,GAAA;AAAA,MAvBV,OAAOT,EAAA;AAAA,MACP,UAAUA,EAAA;AAAA,MACV,cAAYA,EAAA;AAAA,MACZ,KAAKA,EAAA;AAAA,MACL,aAAWA,EAAA;AAAA,MACX,QAAQA,EAAA;AAAA,IAAA;iBAET,MAeE;AAAA,QAfFU,EAeEF,EAAAG,CAAA,GAAA;AAAA,mBAdI;AAAA,UAAJ,KAAIR;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,WAAWA,EAAA;AAAA,UACX,WAAWA,EAAA;AAAA,UACX,qBAAmBA,EAAA,QAAQ;AAAA,UAC3B,OAAKY,EAAEZ,EAAA,OAAO,SAAM,wCAAA,EAAA;AAAA,UACpB,uBAAkBa,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAoCb,EAAA,QAAQa,KAAC,OAAA,KAAgB,OAAOA,CAAC;AAAA,QAAA;;;;;;"}

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

@@ -0,0 +1,5 @@
+import f from "./TextInput.vue2.js";
+export {
+  f as default
+};
+//# sourceMappingURL=TextInput.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

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