@gxp-dev/mod-ui 2.0.10 → 2.0.12

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.vue_vue_type_script_setup_true_lang.js","names":[],"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\"\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmCA,IAAM,IAAQ,GAIR,IAAQ,EAAmB,GAAC,YAAY,GAExC,IAAW,EAAiC,UAAU,GAEtD,IAAU,EAAI,EAAK,GACnB,IAAY,QAChB,EAAQ,QAAQ,SAAS,UAC3B;EAEA,QAAgB;GACd,AAAI,EAAM,aACR,EAAS,OAAO,MAAM;EAE1B,CAAC;EAED,SAAS,IAAyB;GAChC,EAAQ,QAAQ,CAAC,EAAQ;EAC3B;yBAIE,EA0Ca,EAAA,CAAA,GAAA;GAzCV,OAAO,EAAA;GACP,UAAU,EAAA;GACV,cAAY,EAAA;GACZ,KAAK,EAAA;GACL,aAAW,EAAA;GACX,QAAQ,EAAA;;oBAmCH,CAjCN,EAiCM,OAjCN,GAiCM,CAhCJ,EAkBE,EAAA,CAAA,GAAA;aAjBI;IAAJ,KAAI;IACH,eAAa,EAAA,SAAS,KAAA;IACtB,IAAI,EAAA;IACJ,MAAM,EAAA,QAAQ,KAAA;IACd,MAAM,EAAA;IACN,aAAa,EAAA,eAAW;IACxB,UAAU,EAAA;IACV,UAAU,EAAA;IACV,UAAU,EAAA;IACV,WAAW,EAAA;IACX,WAAW,EAAA;IACX,qBAAmB,EAAA,QAAQ,KAAA;IAC3B,OAAK,EAAA,CAAc,EAAA,OAAO,SAAM,wCAAA,IAAyD,EAAA,2BAAwB,UAAA,EAAA,CAAA;IAIjH,uBAAkB,AAAA,EAAA,QAAG,MAAoC,EAAA,QAAQ,KAAC,OAAA,KAAgB,OAAO,CAAC;;;;;;;;;;;;;;OAGrF,EAAA,4BAAA,EAAA,GADR,EAYS,EAAA,CAAA,GAAA;;IAVP,MAAK;IACL,SAAQ;IACR,MAAK;IACL,OAAM;IACL,cAAY,EAAA,QAAO,kBAAA;IACpB,eAAY;IACX,SAAO;;qBAEiC,CAA3B,EAAA,SAAA,EAAA,GAAd,EAAyC,EAAA,CAAA,GAAA;;KAAlB,OAAM;gBAC7B,EAA8B,EAAA,CAAA,GAAA;;KAAlB,OAAM"}

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

@@ -0,0 +1,7 @@
+import e from "./RangeSliderInput.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/compositions/elements/input/RangeSliderInput.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=RangeSliderInput.js.map

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

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

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

@@ -0,0 +1,83 @@
+import e from "../../../ui/slider/Slider.js";
+import "../../../ui/slider/index.js";
+import t from "../../../ui/field-frame/FieldFrame.js";
+import "../../../ui/field-frame/index.js";
+import { computed as n, createBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeModels as s, openBlock as c, toDisplayString as l, unref as u, useModel as d, withCtx as f } from "vue";
+//#region src/components/compositions/elements/input/RangeSliderInput.vue?vue&type=script&setup=true&lang.ts
+var p = { class: "flex items-center gap-3" }, m = {
+	class: "min-w-10 text-right text-sm text-muted-foreground tabular-nums",
+	"data-testid": "range-slider-value"
+}, h = /* @__PURE__ */ o({
+	__name: "RangeSliderInput",
+	props: /* @__PURE__ */ s({
+		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(o) {
+		let s = o, h = d(o, "modelValue"), g = n(() => typeof h.value == "number" ? h.value : s.min), _ = n(() => [g.value]);
+		function v(...e) {
+			let t = e[0];
+			if (Array.isArray(t)) {
+				let e = t[0];
+				h.value = typeof e == "number" ? e : s.min;
+			} else typeof t == "number" ? h.value = t : h.value = s.min;
+		}
+		return (n, s) => (c(), r(u(t), {
+			label: o.label,
+			required: o.required,
+			"hide-label": o.hideLabel,
+			for: o.id,
+			"help-text": o.helpText,
+			errors: o.errors
+		}, {
+			default: f(() => [i("div", p, [a(u(e), {
+				id: o.id,
+				name: o.name ?? void 0,
+				min: o.min,
+				max: o.max,
+				step: o.step,
+				disabled: o.disabled || o.readonly,
+				"model-value": _.value,
+				"data-element-name": o.name ?? void 0,
+				class: "flex-1",
+				"onUpdate:modelValue": v
+			}, null, 8, [
+				"id",
+				"name",
+				"min",
+				"max",
+				"step",
+				"disabled",
+				"model-value",
+				"data-element-name"
+			]), i("span", m, l(g.value), 1)])]),
+			_: 1
+		}, 8, [
+			"label",
+			"required",
+			"hide-label",
+			"for",
+			"help-text",
+			"errors"
+		]));
+	}
+});
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=RangeSliderInput.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSliderInput.vue_vue_type_script_setup_true_lang.js","names":[],"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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BA,IAAM,IAAQ,GAOR,IAAQ,EAAmB,GAAC,YAAY,GAExC,IAAe,QACnB,OAAO,EAAM,SAAU,WAAW,EAAM,QAAQ,EAAM,GACxD,GAEM,IAAc,QAAyB,CAAC,EAAa,KAAK,CAAC;EAEjE,SAAS,EAAS,GAAG,GAAuB;GAC1C,IAAM,IAAO,EAAK;GAClB,IAAI,MAAM,QAAQ,CAAI,GAAG;IACvB,IAAM,IAAQ,EAAK;IACnB,EAAM,QAAQ,OAAO,KAAU,WAAW,IAAQ,EAAM;GAC1D,OACK,AAAI,OAAO,KAAS,WACvB,EAAM,QAAQ,IAGd,EAAM,QAAQ,EAAM;EAExB;yBAIE,EA4Ba,EAAA,CAAA,GAAA;GA3BV,OAAO,EAAA;GACP,UAAU,EAAA;GACV,cAAY,EAAA;GACZ,KAAK,EAAA;GACL,aAAW,EAAA;GACX,QAAQ,EAAA;;oBAqBH,CAnBN,EAmBM,OAnBN,GAmBM,CAlBJ,EAWE,EAAA,CAAA,GAAA;IAVC,IAAI,EAAA;IACJ,MAAM,EAAA,QAAQ,KAAA;IACd,KAAK,EAAA;IACL,KAAK,EAAA;IACL,MAAM,EAAA;IACN,UAAU,EAAA,YAAY,EAAA;IACtB,eAAa,EAAA;IACb,qBAAmB,EAAA,QAAQ,KAAA;IAC5B,OAAM;IACL,uBAAoB;;;;;;;;;;OAEvB,EAKO,QALP,GAKO,EADF,EAAA,KAAY,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

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

@@ -0,0 +1,7 @@
+import e from "./SearchInput.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/compositions/elements/input/SearchInput.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=SearchInput.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.vue_vue_type_script_setup_true_lang.js","names":[],"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\"\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCA,IAAM,IAAQ,GAIR,IAAQ,EAAmB,GAAC,YAAY,GAExC,IAAW,EAAiC,UAAU;SAE5D,QAAgB;GACd,AAAI,EAAM,aACR,EAAS,OAAO,MAAM;EAE1B,CAAC,mBAIC,EAgCa,EAAA,CAAA,GAAA;GA/BV,OAAO,EAAA;GACP,UAAU,EAAA;GACV,cAAY,EAAA;GACZ,KAAK,EAAA;GACL,aAAW,EAAA;GACX,QAAQ,EAAA;;oBAyBH,CAvBN,EAuBM,OAvBN,GAuBM,CAtBJ,EAEE,EAAA,CAAA,GAAA,EADA,OAAM,6FAA4F,CAAA,GAEpG,EAkBE,EAAA,CAAA,GAAA;aAjBI;IAAJ,KAAI;IACH,eAAa,EAAA,SAAS,KAAA;IACtB,IAAI,EAAA;IACJ,MAAM,EAAA,QAAQ,KAAA;IACf,MAAK;IACJ,aAAa,EAAA,eAAW;IACxB,UAAU,EAAA;IACV,UAAU,EAAA;IACV,UAAU,EAAA;IACV,WAAW,EAAA;IACX,WAAW,EAAA;IACX,qBAAmB,EAAA,QAAQ,KAAA;IAC3B,OAAK,EAAA,CAAA,QAAgC,EAAA,OAAO,SAAM,wCAAA,EAAA,CAAA;IAIlD,uBAAkB,AAAA,EAAA,QAAG,MAAoC,EAAA,QAAQ,KAAC,OAAA,KAAgB,OAAO,CAAC"}

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

@@ -0,0 +1,7 @@
+import e from "./TelInput.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/compositions/elements/input/TelInput.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=TelInput.js.map

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

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

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

@@ -0,0 +1,84 @@
+import e from "../../../ui/input/Input.js";
+import "../../../ui/input/index.js";
+import t from "../../../ui/field-frame/FieldFrame.js";
+import "../../../ui/field-frame/index.js";
+import { createBlock as n, createVNode as r, defineComponent as i, mergeModels as a, normalizeClass as o, onMounted as s, openBlock as c, unref as l, useModel as u, useTemplateRef as d, withCtx as f } from "vue";
+//#region src/components/compositions/elements/input/TelInput.vue?vue&type=script&setup=true&lang.ts
+var p = /* @__PURE__ */ i({
+	__name: "TelInput",
+	props: /* @__PURE__ */ a({
+		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(i) {
+		let a = i, p = u(i, "modelValue"), m = d("inputRef");
+		return s(() => {
+			a.autoFocus && m.value?.focus();
+		}), (a, s) => (c(), n(l(t), {
+			label: i.label,
+			required: i.required,
+			"hide-label": i.hideLabel,
+			for: i.id,
+			"help-text": i.helpText,
+			errors: i.errors
+		}, {
+			default: f(() => [r(l(e), {
+				ref_key: "inputRef",
+				ref: m,
+				"model-value": p.value ?? void 0,
+				id: i.id,
+				name: i.name ?? void 0,
+				type: "tel",
+				placeholder: i.placeholder ?? "",
+				readonly: i.readonly,
+				disabled: i.disabled,
+				required: i.required,
+				maxlength: i.maxlength,
+				minlength: i.minlength,
+				"data-element-name": i.name ?? void 0,
+				class: o(i.errors.length ? "border-destructive ring-destructive" : ""),
+				"onUpdate:modelValue": s[0] ||= (e) => p.value = e == null ? "" : String(e)
+			}, 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"
+		]));
+	}
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=TelInput.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TelInput.vue_vue_type_script_setup_true_lang.js","names":[],"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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BA,IAAM,IAAQ,GAIR,IAAQ,EAAmB,GAAC,YAAY,GAExC,IAAW,EAAiC,UAAU;SAE5D,QAAgB;GACd,AAAI,EAAM,aACR,EAAS,OAAO,MAAM;EAE1B,CAAC,mBAIC,EAwBa,EAAA,CAAA,GAAA;GAvBV,OAAO,EAAA;GACP,UAAU,EAAA;GACV,cAAY,EAAA;GACZ,KAAK,EAAA;GACL,aAAW,EAAA;GACX,QAAQ,EAAA;;oBAiBP,CAfF,EAeE,EAAA,CAAA,GAAA;aAdI;IAAJ,KAAI;IACH,eAAa,EAAA,SAAS,KAAA;IACtB,IAAI,EAAA;IACJ,MAAM,EAAA,QAAQ,KAAA;IACf,MAAK;IACJ,aAAa,EAAA,eAAW;IACxB,UAAU,EAAA;IACV,UAAU,EAAA;IACV,UAAU,EAAA;IACV,WAAW,EAAA;IACX,WAAW,EAAA;IACX,qBAAmB,EAAA,QAAQ,KAAA;IAC3B,OAAK,EAAE,EAAA,OAAO,SAAM,wCAAA,EAAA;IACpB,uBAAkB,AAAA,EAAA,QAAG,MAAoC,EAAA,QAAQ,KAAC,OAAA,KAAgB,OAAO,CAAC"}

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

@@ -0,0 +1,7 @@
+import e from "./TextInput.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/compositions/elements/input/TextInput.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=TextInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","names":[],"sources":["../../../../../src/components/compositions/elements/input/TextInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven text input composition. Composes the shadcn `Input`\n * primitive with `FieldFrame` chrome (label + helpText + errors).\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <TextInput v-model=\"firstName\" label=\"First name\" required />\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 TextInputProps {\n  modelValue?: string | 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  maxlength?: number\n  minlength?: number\n  helpText?: string\n  errors?: string[]\n  autoFocus?: boolean\n}\n\nconst props = withDefaults(defineProps<TextInputProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<string | number | null>(\"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=\"text\"\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 ?? '')\"\n    />\n  </FieldFrame>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,84 @@
+import e from "../../../ui/input/Input.js";
+import "../../../ui/input/index.js";
+import t from "../../../ui/field-frame/FieldFrame.js";
+import "../../../ui/field-frame/index.js";
+import { createBlock as n, createVNode as r, defineComponent as i, mergeModels as a, normalizeClass as o, onMounted as s, openBlock as c, unref as l, useModel as u, useTemplateRef as d, withCtx as f } from "vue";
+//#region src/components/compositions/elements/input/TextInput.vue?vue&type=script&setup=true&lang.ts
+var p = /* @__PURE__ */ i({
+	__name: "TextInput",
+	props: /* @__PURE__ */ a({
+		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(i) {
+		let a = i, p = u(i, "modelValue"), m = d("inputRef");
+		return s(() => {
+			a.autoFocus && m.value?.focus();
+		}), (a, s) => (c(), n(l(t), {
+			label: i.label,
+			required: i.required,
+			"hide-label": i.hideLabel,
+			for: i.id,
+			"help-text": i.helpText,
+			errors: i.errors
+		}, {
+			default: f(() => [r(l(e), {
+				ref_key: "inputRef",
+				ref: m,
+				"model-value": p.value ?? void 0,
+				id: i.id,
+				name: i.name ?? void 0,
+				type: "text",
+				placeholder: i.placeholder ?? "",
+				readonly: i.readonly,
+				disabled: i.disabled,
+				required: i.required,
+				maxlength: i.maxlength,
+				minlength: i.minlength,
+				"data-element-name": i.name ?? void 0,
+				class: o(i.errors.length ? "border-destructive ring-destructive" : ""),
+				"onUpdate:modelValue": s[0] ||= (e) => p.value = e ?? ""
+			}, 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"
+		]));
+	}
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=TextInput.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/components/compositions/elements/input/TextInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven text input composition. Composes the shadcn `Input`\n * primitive with `FieldFrame` chrome (label + helpText + errors).\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <TextInput v-model=\"firstName\" label=\"First name\" required />\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 TextInputProps {\n  modelValue?: string | 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  maxlength?: number\n  minlength?: number\n  helpText?: string\n  errors?: string[]\n  autoFocus?: boolean\n}\n\nconst props = withDefaults(defineProps<TextInputProps>(), {\n  errors: () => [],\n})\n\nconst model = defineModel<string | number | null>(\"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=\"text\"\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 ?? '')\"\n    />\n  </FieldFrame>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCA,IAAM,IAAQ,GAIR,IAAQ,EAAmC,GAAC,YAAY,GAExD,IAAW,EAAiC,UAAU;SAE5D,QAAgB;GACd,AAAI,EAAM,aACR,EAAS,OAAO,MAAM;EAE1B,CAAC,mBAIC,EAwBa,EAAA,CAAA,GAAA;GAvBV,OAAO,EAAA;GACP,UAAU,EAAA;GACV,cAAY,EAAA;GACZ,KAAK,EAAA;GACL,aAAW,EAAA;GACX,QAAQ,EAAA;;oBAiBP,CAfF,EAeE,EAAA,CAAA,GAAA;aAdI;IAAJ,KAAI;IACH,eAAa,EAAA,SAAS,KAAA;IACtB,IAAI,EAAA;IACJ,MAAM,EAAA,QAAQ,KAAA;IACf,MAAK;IACJ,aAAa,EAAA,eAAW;IACxB,UAAU,EAAA;IACV,UAAU,EAAA;IACV,UAAU,EAAA;IACV,WAAW,EAAA;IACX,WAAW,EAAA;IACX,qBAAmB,EAAA,QAAQ,KAAA;IAC3B,OAAK,EAAE,EAAA,OAAO,SAAM,wCAAA,EAAA;IACpB,uBAAkB,AAAA,EAAA,QAAG,MAAoC,EAAA,QAAQ,KAAC"}

package/dist/components/compositions/elements/input/TextareaInput.js

@@ -0,0 +1,7 @@
+import e from "./TextareaInput.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/compositions/elements/input/TextareaInput.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=TextareaInput.js.map

package/dist/components/compositions/elements/input/TextareaInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaInput.js","names":[],"sources":["../../../../../src/components/compositions/elements/input/TextareaInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven textarea input composition. Composes the shadcn\n * `Textarea` primitive and `FieldFrame` chrome.\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <TextareaInput v-model=\"bio\" label=\"Bio\" :rows=\"5\" />\n */\nimport { onMounted, useTemplateRef } from \"vue\"\nimport { Textarea } from \"@/components/ui/textarea\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface TextareaInputProps {\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  rows?: number\n  helpText?: string\n  errors?: string[]\n  autoFocus?: boolean\n}\n\nconst props = withDefaults(defineProps<TextareaInputProps>(), {\n  rows: 3,\n  errors: () => [],\n})\n\nconst model = defineModel<string>(\"modelValue\")\n\nconst textareaRef = useTemplateRef<HTMLTextAreaElement>(\"textareaRef\")\n\nonMounted(() => {\n  if (props.autoFocus) {\n    textareaRef.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    <Textarea\n      ref=\"textareaRef\"\n      :model-value=\"model ?? undefined\"\n      :id=\"id\"\n      :name=\"name ?? undefined\"\n      :placeholder=\"placeholder ?? ''\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n      :required=\"required\"\n      :maxlength=\"maxlength\"\n      :minlength=\"minlength\"\n      :rows=\"rows\"\n      :data-element-name=\"name ?? undefined\"\n      :class=\"errors.length ? 'border-destructive ring-destructive' : ''\"\n      @update:model-value=\"(v: string | undefined) => (model = v ?? '')\"\n    />\n  </FieldFrame>\n</template>\n"],"mappings":""}