@bridge-ui/vue 0.0.6 → 0.0.8

package/dist/Components/Modal/composables/useModal.js

@@ -1,7 +1,7 @@
 import { mergePartBind as e, resolveVnodeRefElement as t, useBridgeUIComponent as ee, useBridgeUIMergedRegistryClasses as te } from "../../../Utils/index.js";
 import { computed as n, nextTick as r, onBeforeUnmount as ne, ref as i, toValue as re, useAttrs as a, watch as o } from "vue";
-import { get as s } from "es-toolkit/compat";
-import { LAYER_STACK_BASE_Z_INDEX as c, acquireLayerStackOrder as ie, cn as l, countModalTransitionLayers as u, createFocusTrap as d, getLayerStackEntry as f, getModalOverlayTransitionClass as p, getModalPanelTransitionClass as m, hasModalTransition as h, mergeBridgeUILayeredClasses as g, pushLayerStack as ae, resolveEffectiveModalTransition as _, splitComponentProps as oe, subscribeLayerStack as se } from "@bridge-ui/core";
+import { LAYER_STACK_BASE_Z_INDEX as s, acquireLayerStackOrder as ie, cn as c, countModalTransitionLayers as ae, createFocusTrap as l, getLayerStackEntry as u, getModalOverlayTransitionClass as d, getModalPanelTransitionClass as f, hasModalTransition as p, mergeBridgeUILayeredClasses as m, pushLayerStack as h, resolveEffectiveModalTransition as oe, splitComponentProps as g, subscribeLayerStack as se } from "@bridge-ui/core";
+import { get as _ } from "es-toolkit/compat";
 import { isModalBackdropClick as ce } from "@bridge-ui/core/Utils";
 import { alignProps as v, blurProps as y, sizeProps as b } from "@bridge-ui/core/Tokens/Modal";
 //#region src/Components/Modal/composables/useModal.ts
@@ -26,11 +26,11 @@ var le = [
 	"disableRestoreFocus"
 ];
 function x(x, ue, S = {}) {
-	let de = a(), C = i(!1), w = i(!1), T = i(""), E = i(null), D = 0, O = null, k = null, A = null, j = null, M = i(c), N = i("closed"), P = n(() => re(S.show ?? !1));
+	let de = a(), C = i(!1), w = i(!1), T = i(""), E = i(null), D = 0, O = null, k = null, A = null, j = null, M = i(s), N = i("closed"), P = n(() => re(S.show ?? !1));
 	function F(e) {
 		e || S.onClose?.(), S.show && (S.show.value = e), S.onShowChange?.(e);
 	}
-	let I = n(() => oe({
+	let I = n(() => g({
 		bridgeKeys: le,
 		props: {
 			...de,
@@ -43,42 +43,42 @@ function x(x, ue, S = {}) {
 	}), z = n(() => L.value.customProps), B = te({
 		entry: R,
 		props: () => I.value.componentProps
-	}), V = n(() => _(L.value.transition ?? "none")), H = n(() => h(V.value)), U = n(() => L.value.scroll ?? "body"), W = n(() => L.value.keepMounted && !w.value), fe = n(() => s(g(v, R.value?.tokens?.align), L.value.align)), pe = n(() => s(g(y, R.value?.tokens?.blur), L.value.blur)), me = n(() => s(g(b, R.value?.tokens?.size), L.value.size)), he = n(() => p(V.value)), ge = n(() => m(V.value)), G = n(() => !L.value.persistent), _e = n(() => I.value.inheritedAttrs), ve = n(() => e(z.value?.root, _e.value, {
+	}), V = n(() => oe(L.value.transition ?? "none")), H = n(() => p(V.value)), U = n(() => L.value.scroll ?? "body"), W = n(() => L.value.keepMounted && !w.value), fe = n(() => _(m(v, R.value?.tokens?.align), L.value.align)), pe = n(() => _(m(y, R.value?.tokens?.blur), L.value.blur)), me = n(() => _(m(b, R.value?.tokens?.size), L.value.size)), he = n(() => d(V.value)), ge = n(() => f(V.value)), G = n(() => !L.value.persistent), _e = n(() => I.value.inheritedAttrs), ve = n(() => e(z.value?.root, _e.value, {
 		onTransitionend: we,
 		style: { zIndex: M.value },
 		"aria-hidden": W.value ? !0 : void 0,
-		class: l({
+		class: c({
 			"fixed inset-0": !0,
 			"overflow-y-auto": U.value === "body",
 			"overflow-hidden": U.value === "paper",
 			"invisible pointer-events-none": W.value,
-			[s(B.value, "root") ?? ""]: !0
+			[_(B.value, "root") ?? ""]: !0
 		})
 	})), ye = n(() => e(z.value?.overlay, { onClick: Z }, {
 		"data-modal-part": "overlay",
 		"data-state": N.value,
-		class: l({
+		class: c({
 			"fixed inset-0 bg-black/50": !0,
 			[pe.value ?? ""]: !0,
 			[he.value]: H.value,
-			[s(B.value, "overlay") ?? ""]: !0
+			[_(B.value, "overlay") ?? ""]: !0
 		})
-	})), be = n(() => e(z.value?.wrapper, { onClick: Q }, l({
+	})), be = n(() => e(z.value?.wrapper, { onClick: Q }, c({
 		"flex min-h-full w-full transform p-4": !0,
 		[fe.value ?? ""]: !0,
-		[s(B.value, "wrapper") ?? ""]: !0
+		[_(B.value, "wrapper") ?? ""]: !0
 	}))), xe = n(() => e(z.value?.panel, {
 		role: "dialog",
 		"aria-modal": !0
 	}, {
 		"data-modal-part": "panel",
 		"data-state": N.value,
-		class: l({
+		class: c({
 			"relative w-full": !0,
 			[me.value ?? ""]: !0,
 			"max-h-[calc(100dvh-2rem)] overflow-y-auto": U.value === "paper",
 			[ge.value]: H.value,
-			[s(B.value, "panel") ?? ""]: !0
+			[_(B.value, "panel") ?? ""]: !0
 		})
 	}));
 	function K() {
@@ -89,7 +89,7 @@ function x(x, ue, S = {}) {
 			K();
 			return;
 		}
-		K(), k = d({
+		K(), k = l({
 			container: E.value,
 			disableAutoFocus: !L.value.autoFocus,
 			disableEnforceFocus: L.value.disableEnforceFocus,
@@ -107,7 +107,7 @@ function x(x, ue, S = {}) {
 			J();
 			return;
 		}
-		N.value = "closed", D = u(V.value, { hideBackdrop: L.value.hideBackdrop }), D === 0 && J();
+		N.value = "closed", D = ae(V.value, { hideBackdrop: L.value.hideBackdrop }), D === 0 && J();
 	}
 	function Ce() {
 		if (!H.value) {
@@ -161,16 +161,16 @@ function x(x, ue, S = {}) {
 		});
 	});
 	function $() {
-		let e = f(T.value);
+		let e = u(T.value);
 		e && (M.value = e.zIndex);
 	}
 	return o(w, (e) => {
-		e ? (O = ie(), A = ae({
+		e ? (O = ie(), A = h({
 			order: O,
 			id: S.stackId,
 			onEscape: Te,
 			lockScroll: L.value.disableScrollLock !== !0
-		}), T.value = A.id, M.value = A.zIndex, $(), j = se($)) : (j?.(), j = null, A?.release(), A = null, O = null, T.value = "", M.value = c);
+		}), T.value = A.id, M.value = A.zIndex, $(), j = se($)) : (j?.(), j = null, A?.release(), A = null, O = null, T.value = "", M.value = s);
 	}, { immediate: !0 }), ne(() => {
 		j?.(), j = null, K(), A?.release(), A = null;
 	}), {

package/dist/Components/NumberField/NumberField.vue.d.ts

@@ -6,11 +6,11 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: unknown[]) => any;
     change: (value: number) => any;
+    "update:modelValue": (...args: unknown[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
     onChange?: ((value: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
 }>, {
     step: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/Components/NumberField/NumberField.vue_vue_type_script_setup_true_lang.js

@@ -1,14 +1,14 @@
-import { useI18nAdapter as e } from "../../Adapters/I18n/useI18nAdapter.js";
+import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
 import { useHoldRepeat as t } from "../../Utils/useHoldRepeat.js";
 import { mergePartBind as n, resolveFieldAdornmentIconSize as r } from "../../Utils/index.js";
 import i from "../Icon/Icon.js";
 import a from "../FormField/FormField.js";
 import { useNumberField as o } from "./composables/useNumberField.js";
 import { computed as s, createBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, isRef as p, mergeModels as m, mergeProps as h, normalizeProps as g, openBlock as _, ref as v, unref as y, useModel as b, vModelDynamic as x, withCtx as S, withDirectives as C } from "vue";
-import { isUndefined as w } from "es-toolkit/compat";
-import { cn as T, resolveMessage as E } from "@bridge-ui/core";
+import { cn as w } from "@bridge-ui/core";
+import { isUndefined as T } from "es-toolkit/compat";
 //#region src/Components/NumberField/NumberField.vue?vue&type=script&setup=true&lang.ts
-var D = { class: "bridge-end-adornment flex h-full min-w-9 flex-col gap-px overflow-hidden" }, O = /* @__PURE__ */ d({
+var E = { class: "bridge-end-adornment flex h-full min-w-9 flex-col gap-px overflow-hidden" }, D = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "NumberField",
 	props: /* @__PURE__ */ m({
@@ -27,62 +27,62 @@ var D = { class: "bridge-end-adornment flex h-full min-w-9 flex-col gap-px overf
 		error: { type: Boolean },
 		errorIcon: {},
 		errorMessage: {},
+		hideErrorMessage: { type: Boolean },
 		label: {},
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		rounded: {},
+		showErrorIcon: { type: Boolean },
 		size: {},
 		slots: {},
 		start: {},
-		variant: {},
-		withErrorIcon: { type: Boolean },
-		withoutErrorMessage: { type: Boolean }
+		variant: {}
 	}, {
 		modelValue: {},
 		modelModifiers: {}
 	}),
 	emits: /* @__PURE__ */ m(["change", "update:modelValue"], ["update:modelValue"]),
 	setup(d, { emit: m }) {
-		let O = m, k = b(d, "modelValue"), A = d, j = v(A.defaultValue), M = s({
+		let D = m, O = b(d, "modelValue"), k = d, A = v(k.defaultValue), j = s({
 			set: (e) => {
-				k.value = e, j.value = e;
+				O.value = e, A.value = e;
 			},
-			get: () => w(k.value) ? j.value : k.value
-		}), N = e(), { decrement: P, formField: F, increment: I, inputBind: L, stringModel: R, mergedClasses: z } = o(A, M, { onChange: (e) => O("change", e) }), B = t(() => I(), () => ({ disabled: A.disabled })), V = t(() => P(), () => ({ disabled: A.disabled })), H = s(() => r(A.size)), U = s(() => n(A.customProps?.increment, {
+			get: () => T(O.value) ? A.value : O.value
+		}), M = e(), { decrement: N, formField: P, increment: F, inputBind: I, stringModel: L, mergedClasses: R } = o(k, j, { onChange: (e) => D("change", e) }), z = t(() => F(), () => ({ disabled: k.disabled })), B = t(() => N(), () => ({ disabled: k.disabled })), V = s(() => r(k.size)), H = s(() => n(k.customProps?.increment, {
 			type: "button",
-			disabled: A.disabled,
+			disabled: k.disabled,
+			onClick: z.onPressClick,
+			onPointerup: z.onPressPointerUp,
+			onPointerdown: z.onPressPointerDown,
+			"aria-label": M("Increment value"),
+			onLostpointercapture: z.onPressLostPointerCapture
+		}, w({
+			"bridge-field-adornment-button inline-flex min-h-0 min-w-8 flex-1 items-center justify-center": !0,
+			[R.value.increment ?? ""]: !0
+		}))), U = s(() => n(k.customProps?.decrement, {
+			type: "button",
+			disabled: k.disabled,
 			onClick: B.onPressClick,
 			onPointerup: B.onPressPointerUp,
 			onPointerdown: B.onPressPointerDown,
-			"aria-label": E("Increment value", N.value),
+			"aria-label": M("Decrement value"),
 			onLostpointercapture: B.onPressLostPointerCapture
-		}, T({
-			"bridge-field-adornment-button inline-flex min-h-0 min-w-8 flex-1 items-center justify-center": !0,
-			[z.value.increment ?? ""]: !0
-		}))), W = s(() => n(A.customProps?.decrement, {
-			type: "button",
-			disabled: A.disabled,
-			onClick: V.onPressClick,
-			onPointerup: V.onPressPointerUp,
-			onPointerdown: V.onPressPointerDown,
-			"aria-label": E("Decrement value", N.value),
-			onLostpointercapture: V.onPressLostPointerCapture
-		}, T({
+		}, w({
 			"bridge-field-adornment-button inline-flex min-h-0 min-w-8 flex-1 items-center justify-center": !0,
-			[z.value.decrement ?? ""]: !0
+			[R.value.decrement ?? ""]: !0
 		})));
-		return (e, t) => (_(), c(y(a), { field: y(F) }, {
-			end: S(() => [l("div", D, [l("button", g(f(U.value)), [u(y(i), h({
+		return (e, t) => (_(), c(y(a), { field: y(P) }, {
+			end: S(() => [l("div", E, [l("button", g(f(H.value)), [u(y(i), h({
 				icon: "chevronUp",
-				size: H.value
-			}, A.customProps?.incrementIcon), null, 16, ["size"])], 16), l("button", g(f(W.value)), [u(y(i), h({
+				size: V.value
+			}, k.customProps?.incrementIcon), null, 16, ["size"])], 16), l("button", g(f(U.value)), [u(y(i), h({
 				icon: "chevronDown",
-				size: H.value
-			}, A.customProps?.decrementIcon), null, 16, ["size"])], 16)])]),
-			default: S(() => [C(l("input", h({ "onUpdate:modelValue": t[0] ||= (e) => p(R) ? R.value = e : null }, y(L)), null, 16), [[x, y(R)]])]),
+				size: V.value
+			}, k.customProps?.decrementIcon), null, 16, ["size"])], 16)])]),
+			default: S(() => [C(l("input", h({ "onUpdate:modelValue": t[0] ||= (e) => p(L) ? L.value = e : null }, y(I)), null, 16), [[x, y(L)]])]),
 			_: 1
 		}, 8, ["field"]));
 	}
 });
 //#endregion
-export { O as default };
+export { D as default };

package/dist/Components/NumberField/composables/useNumberField.d.ts

@@ -12,13 +12,13 @@ export declare function useNumberField(props: NumberFieldOwnProps, model: Ref<nu
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
-        merged: import('vue').ComputedRef<Omit<import('../../FormField').FormFieldOwnProps, "color" | "size" | "rounded" | "variant" | "errorIcon" | "withErrorIcon"> & {
+        merged: import('vue').ComputedRef<Omit<import('../../FormField').FormFieldOwnProps, "color" | "size" | "rounded" | "variant" | "errorIcon" | "showErrorIcon"> & {
             color: NonNullable<keyof import('@bridge-ui/core').FormFieldColor | undefined>;
             size: NonNullable<keyof import('@bridge-ui/core').FormFieldSize | undefined>;
             rounded: NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
             variant: NonNullable<keyof import('@bridge-ui/core').FormFieldVariant | undefined>;
             errorIcon: NonNullable<import('../../..').IconSource | undefined>;
-            withErrorIcon: NonNullable<boolean | undefined>;
+            showErrorIcon: NonNullable<boolean | undefined>;
         }>;
         control: import('vue').ComputedRef<string>;
         endBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -435,7 +435,7 @@ export declare function useNumberField(props: NumberFieldOwnProps, model: Ref<nu
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
+        }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>;
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -684,7 +684,7 @@ export declare function useNumberField(props: NumberFieldOwnProps, model: Ref<nu
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>, {
+    }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>, {
         min: number | undefined;
         max: number | undefined;
         type: string;

package/dist/Components/NumberField/composables/useNumberField.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { useFormField as r } from "../../FormField/composables/useFormField.js";
 import { computed as i, useAttrs as a } from "vue";
-import { isNil as o } from "es-toolkit/compat";
-import { cn as s } from "@bridge-ui/core";
+import { cn as o } from "@bridge-ui/core";
+import { isNil as s } from "es-toolkit/compat";
 //#region src/Components/NumberField/composables/useNumberField.ts
 function c(c, l, u = {}) {
 	let d = a(), f = i(() => c.step ?? 1), { entry: p } = t({
@@ -16,7 +16,7 @@ function c(c, l, u = {}) {
 		return {
 			...d,
 			...a,
-			withErrorIcon: !1,
+			showErrorIcon: !1,
 			classes: m.value
 		};
 	}, {
@@ -24,18 +24,21 @@ function c(c, l, u = {}) {
 		rounded: "md",
 		color: "primary",
 		variant: "outline",
-		withErrorIcon: !1
-	}, { reservedSlots: () => ["end"] }), g = i(() => e(h.inputBind.value, {
+		showErrorIcon: !1
+	}, {
+		componentName: "NumberField",
+		reservedSlots: () => ["end"]
+	}), g = i(() => e(h.inputBind.value, {
 		min: c.min,
 		max: c.max,
 		type: "number",
 		step: f.value
-	}, s({ "appearance:textfield [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none": !0 }))), _ = i(() => l.value ?? void 0), v = i({
+	}, o({ "appearance:textfield [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none": !0 }))), _ = i(() => l.value ?? void 0), v = i({
 		get: () => {
-			if (!o(_.value)) return String(_.value);
+			if (!s(_.value)) return String(_.value);
 		},
 		set: (e) => {
-			if (e === "" || o(e)) {
+			if (e === "" || s(e)) {
 				l.value = void 0;
 				return;
 			}
@@ -48,12 +51,12 @@ function c(c, l, u = {}) {
 	return {
 		decrement: () => {
 			let e = (_.value ?? c.min ?? 0) - f.value;
-			return !o(c.min) && e < c.min ? !1 : (y(e), !0);
+			return !s(c.min) && e < c.min ? !1 : (y(e), !0);
 		},
 		formField: h,
 		increment: () => {
 			let e = (_.value ?? c.min ?? 0) + f.value;
-			return !o(c.max) && e > c.max ? !1 : (y(e), !0);
+			return !s(c.max) && e > c.max ? !1 : (y(e), !0);
 		},
 		inputBind: g,
 		stringModel: v,

package/dist/Components/OtpField/OtpField.js

@@ -0,0 +1,5 @@
+import e from "./OtpField.vue_vue_type_script_setup_true_lang.js";
+//#region src/Components/OtpField/OtpField.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/Components/OtpField/OtpField.vue.d.ts

@@ -0,0 +1,31 @@
+import { OtpFieldOwnProps, OtpFieldSlots } from './otpField.types';
+type __VLS_Slots = OtpFieldSlots;
+type __VLS_Props = OtpFieldOwnProps;
+type __VLS_ModelProps = {
+    modelValue?: null | string | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: string) => any;
+    "update:modelValue": (value: string | null | undefined) => any;
+    complete: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
+    onComplete?: ((value: string) => any) | undefined;
+}>, {
+    color: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').OtpFieldColor, import('./otpField.types').OtpFieldColorOverrides>;
+    type: import('@bridge-ui/core').OtpInputType;
+    size: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').BaseFieldSize, import('../BaseField').BaseFieldSizeOverrides>;
+    length: number;
+    rounded: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').OtpFieldRounded, import('./otpField.types').OtpFieldRoundedOverrides>;
+    variant: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').OtpFieldVariant, import('./otpField.types').OtpFieldVariantOverrides>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Components/OtpField/OtpField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,62 @@
+import e from "../BaseField/BaseField.js";
+import { useOtpField as t } from "./composables/useOtpField.js";
+import { Fragment as n, createBlock as r, createElementBlock as i, createElementVNode as a, defineComponent as o, guardReactiveProps as s, mergeModels as c, mergeProps as l, normalizeProps as u, openBlock as d, renderList as f, unref as p, useModel as m, withCtx as h } from "vue";
+//#region src/Components/OtpField/OtpField.vue?vue&type=script&setup=true&lang.ts
+var g = [
+	"value",
+	"onFocus",
+	"onPaste",
+	"onInput",
+	"onKeydown"
+], _ = /* @__PURE__ */ o({
+	inheritAttrs: !1,
+	__name: "OtpField",
+	props: /* @__PURE__ */ c({
+		autoFocus: { type: Boolean },
+		classes: {},
+		color: { default: "primary" },
+		customProps: {},
+		defaultValue: {},
+		length: { default: 6 },
+		mask: { type: Boolean },
+		placeholder: {},
+		rounded: { default: "md" },
+		type: { default: "numeric" },
+		variant: { default: "outline" },
+		controlId: {},
+		corner: {},
+		description: {},
+		disabled: { type: Boolean },
+		error: { type: Boolean },
+		errorMessage: {},
+		hideErrorMessage: { type: Boolean },
+		label: {},
+		readonly: { type: Boolean },
+		required: { type: Boolean },
+		size: { default: "md" }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ c(["change", "complete"], ["update:modelValue"]),
+	setup(o, { emit: c }) {
+		let _ = c, { digits: v, pinBind: y, pinsBind: b, baseField: x, inputBind: S, setPinRef: C, handlePinInput: w, handlePinFocus: T, handlePinPaste: E, handlePinKeyDown: D } = t(o, m(o, "modelValue"), {
+			onChange: (e) => _("change", e),
+			onComplete: (e) => _("complete", e)
+		});
+		return (t, o) => (d(), r(e, { field: p(x) }, {
+			default: h(() => [a("div", u(s(p(b))), [(d(!0), i(n, null, f(p(v), (e, t) => (d(), i("div", l({ key: t }, { ref_for: !0 }, p(y)(t)), [a("input", l({ ref_for: !0 }, p(S)(t), {
+				value: e,
+				onFocus: (e) => p(T)(t),
+				onPaste: (e) => p(E)(t, e),
+				onInput: (e) => p(w)(t, e),
+				onKeydown: (e) => p(D)(t, e),
+				ref_for: !0,
+				ref: (e) => p(C)(t, e)
+			}), null, 16, g)], 16))), 128))], 16)]),
+			_: 1
+		}, 8, ["field"]));
+	}
+});
+//#endregion
+export { _ as default };