@gxp-dev/mod-ui 2.0.0 → 2.0.1

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

@@ -1,72 +1,5 @@
-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"]));
-  }
-});
+import f from "./RangeSliderInput.vue.js";
 export {
-  C as default
+  f as default
 };
 //# sourceMappingURL=RangeSliderInput.vue2.js.map

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

@@ -1 +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;;;;;;"}
+{"version":3,"file":"RangeSliderInput.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,48 @@
+export interface SearchInputProps {
+    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;
+}
+type __VLS_Props = SearchInputProps;
+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=SearchInput.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/input/SearchInput.vue"],"names":[],"mappings":"AAkGA,MAAM,WAAW,gBAAgB;IAC/B,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;CACpB;AAED,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAqBpC,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,WAAW,CAAC;;;;;;YA3BL,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;AA4JnB,wBAUG"}

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

@@ -1,5 +1,72 @@
-import f from "./SearchInput.vue2.js";
+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 {
-  f as default
+  S as default
 };
 //# sourceMappingURL=SearchInput.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"SearchInput.vue.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/SearchInput.vue2.js

@@ -1,72 +1,5 @@
-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"]));
-  }
-});
+import f from "./SearchInput.vue.js";
 export {
-  S as default
+  f as default
 };
 //# sourceMappingURL=SearchInput.vue2.js.map

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

@@ -1 +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;;;;;;;"}
+{"version":3,"file":"SearchInput.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,48 @@
+export interface TelInputProps {
+    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;
+}
+type __VLS_Props = TelInputProps;
+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=TelInput.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TelInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/input/TelInput.vue"],"names":[],"mappings":"AAsFA,MAAM,WAAW,aAAa;IAC5B,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;CACpB;AAED,KAAK,WAAW,GAAG,aAAa,CAAC;AAqBjC,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,WAAW,CAAC;;;;;;YA3BL,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;AAwInB,wBAUG"}

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

@@ -1,5 +1,65 @@
-import f from "./TelInput.vue2.js";
+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 {
-  f as default
+  M as default
 };
 //# sourceMappingURL=TelInput.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TelInput.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"TelInput.vue.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/TelInput.vue2.js

@@ -1,65 +1,5 @@
-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"]));
-  }
-});
+import f from "./TelInput.vue.js";
 export {
-  M as default
+  f as default
 };
 //# sourceMappingURL=TelInput.vue2.js.map

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

@@ -1 +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;;;;;;"}
+{"version":3,"file":"TelInput.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,48 @@
+export interface TextInputProps {
+    modelValue?: string | number | null;
+    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;
+}
+type __VLS_Props = TextInputProps;
+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;
+}>, {
+    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=TextInput.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/elements/input/TextInput.vue"],"names":[],"mappings":"AA4FA,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IACnC,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;CACpB;AAED,KAAK,WAAW,GAAG,cAAc,CAAC;AAqBlC,KAAK,iBAAiB,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CACrC,GAAG,WAAW,CAAC;;;;;;YA3BL,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;AAwInB,wBAUG"}

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

@@ -1,5 +1,65 @@
-import f from "./TextInput.vue2.js";
+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 {
-  f as default
+  M as default
 };
 //# sourceMappingURL=TextInput.vue.js.map