@bridge-ui/vue 0.0.5 → 0.0.7

package/dist/Components/Listbox/index.js

@@ -1,5 +1,5 @@
-import { useListbox as e } from "./composables/useListbox.js";
-import { findFirstEnabledOptionIndex as t, findLastEnabledOptionIndex as n, getListboxActiveDescendantId as r, getListboxOptionId as i, moveListboxHighlight as a, useListboxNavigation as o } from "./composables/useListboxNavigation.js";
+import { findFirstEnabledOptionIndex as e, findLastEnabledOptionIndex as t, getListboxActiveDescendantId as n, getListboxOptionId as r, moveListboxHighlight as i, useListboxNavigation as a } from "./composables/useListboxNavigation.js";
+import { useListbox as o } from "./composables/useListbox.js";
 import { LISTBOX_INJECTION_KEY as s } from "./listboxInjectionKey.js";
 import c from "./Listbox.js";
-export { s as LISTBOX_INJECTION_KEY, c as Listbox, t as findFirstEnabledOptionIndex, n as findLastEnabledOptionIndex, r as getListboxActiveDescendantId, i as getListboxOptionId, a as moveListboxHighlight, e as useListbox, o as useListboxNavigation };
+export { s as LISTBOX_INJECTION_KEY, c as Listbox, e as findFirstEnabledOptionIndex, t as findLastEnabledOptionIndex, n as getListboxActiveDescendantId, r as getListboxOptionId, i as moveListboxHighlight, o as useListbox, a as useListboxNavigation };

package/dist/Components/Menu/composables/useMenu.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, resolveVnodeRefElement as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as ee } from "../../../Utils/index.js";
-import { computed as r, nextTick as i, onBeforeUnmount as te, ref as a, toValue as o, useAttrs as ne, useId as re, watch as s } from "vue";
-import { get as c, omit as l } from "es-toolkit/compat";
-import { LAYER_STACK_BASE_Z_INDEX as u, acquireLayerStackOrder as ie, claimOpenMenu as d, cn as f, createFocusable as p, createPositionable as m, getLayerStackEntry as ae, mergeBridgeUILayeredClasses as h, pushLayerStack as g, splitComponentProps as _, subscribeLayerStack as v } from "@bridge-ui/core";
-import { roundedProps as oe, shadowProps as se } from "@bridge-ui/core/Tokens/Menu";
+import { computed as r, nextTick as i, onBeforeUnmount as a, ref as o, toValue as te, useAttrs as s, useId as ne, watch as c } from "vue";
+import { LAYER_STACK_BASE_Z_INDEX as l, acquireLayerStackOrder as u, claimOpenMenu as re, cn as d, createFocusable as f, createPositionable as p, getLayerStackEntry as m, mergeBridgeUILayeredClasses as h, pushLayerStack as ie, splitComponentProps as ae, subscribeLayerStack as oe } from "@bridge-ui/core";
+import { get as g, omit as _ } from "es-toolkit/compat";
+import { roundedProps as v, shadowProps as se } from "@bridge-ui/core/Tokens/Menu";
 //#region src/Components/Menu/composables/useMenu.ts
 var ce = [
 	"offset",
@@ -21,11 +21,11 @@ var ce = [
 	"disableScrollLock"
 ];
 function y(y, le, b = {}) {
-	let ue = ne(), x = re(), S = a(!1), C = a(""), w = a(null), T = a(null), E = null, D = null, O = null, k = null, A = null, j = null, M = !1, N = a(u), P = r(() => o(b.show ?? !1));
+	let ue = s(), x = ne(), S = o(!1), C = o(""), w = o(null), T = o(null), E = null, D = null, O = null, k = null, A = null, j = null, M = !1, N = o(l), P = r(() => te(b.show ?? !1));
 	function F(e) {
 		e || b.onClose?.(), b.show && (b.show.value = e), b.onShowChange?.(e);
 	}
-	let I = r(() => _({
+	let I = r(() => ae({
 		bridgeKeys: ce,
 		props: {
 			...ue,
@@ -38,35 +38,35 @@ function y(y, le, b = {}) {
 	}), z = r(() => L.value.customProps), B = ee({
 		entry: R,
 		props: () => I.value.componentProps
-	}), V = r(() => L.value.keepMounted && !P.value), H = r(() => L.value.teleportTo !== !1), de = r(() => c(h(oe, R.value?.tokens?.rounded), L.value.rounded)), fe = r(() => c(h(se, R.value?.tokens?.shadow), L.value.shadow)), U = r(() => !L.value.persistent), pe = r(() => l(I.value.inheritedAttrs, ["anchorEl", "onShowChange"]));
-	function W() {
+	}), V = r(() => L.value.keepMounted && !P.value), H = r(() => L.value.teleportTo !== !1), de = r(() => g(h(v, R.value?.tokens?.rounded), L.value.rounded)), fe = r(() => g(h(se, R.value?.tokens?.shadow), L.value.shadow)), U = r(() => !L.value.persistent), W = r(() => _(I.value.inheritedAttrs, ["anchorEl", "onShowChange"]));
+	function G() {
 		return y.anchorEl ?? w.value;
 	}
-	function G() {
-		W()?.focus({ preventScroll: !0 });
+	function K() {
+		G()?.focus({ preventScroll: !0 });
 	}
-	function K(e) {
-		return W()?.contains(e) ?? !1;
+	function q(e) {
+		return G()?.contains(e) ?? !1;
 	}
-	function me(e) {
-		return !(e instanceof Element) || K(e) || T.value?.contains(e) ? !1 : !!e.closest("[aria-haspopup=\"menu\"], button, [role=\"button\"]");
+	function pe(e) {
+		return !(e instanceof Element) || q(e) || T.value?.contains(e) ? !1 : !!e.closest("[aria-haspopup=\"menu\"], button, [role=\"button\"]");
 	}
-	function q() {
+	function J() {
 		!U.value || !P.value || F(!1);
 	}
-	function he() {
+	function me() {
 		L.value.persistent && P.value || F(!P.value);
 	}
-	function J(e) {
+	function he(e) {
 		e.key !== "ArrowDown" && e.key !== "Enter" && e.key !== " " || (e.preventDefault(), P.value || F(!0));
 	}
 	function ge(e) {
 		let t = T.value;
 		if (!t) return;
-		let n = p(t);
+		let n = f(t);
 		switch (e.key) {
 			case "Escape":
-				e.preventDefault(), q(), G();
+				e.preventDefault(), J(), K();
 				break;
 			case "ArrowDown":
 				e.preventDefault(), n.next()?.focus({ preventScroll: !0 });
@@ -87,22 +87,22 @@ function y(y, le, b = {}) {
 	}
 	function X() {
 		Y();
-		let e = W(), t = T.value;
-		!P.value || !e || !t || (k = m({
+		let e = G(), t = T.value;
+		!P.value || !e || !t || (k = p({
 			floating: t,
 			reference: e,
 			offset: L.value.offset,
 			strategy: L.value.strategy,
 			placement: L.value.placement,
 			onReferenceHidden: () => {
-				!M || !U.value || !P.value || q();
+				!M || !U.value || !P.value || J();
 			}
 		}), k.start(), i(() => {
 			M = !0;
 		}));
 	}
 	function Z() {
-		!P.value || L.value.disableAutoFocus || !T.value || p(T.value).focusFirst();
+		!P.value || L.value.disableAutoFocus || !T.value || f(T.value).focusFirst();
 	}
 	function _e() {
 		if (A?.(), !P.value) {
@@ -111,7 +111,7 @@ function y(y, le, b = {}) {
 		}
 		function e(e) {
 			let t = e.target;
-			K(t) || T.value?.contains(t) || L.value.closeOnClickAway === !1 || !U.value || me(t) || q();
+			q(t) || T.value?.contains(t) || L.value.closeOnClickAway === !1 || !U.value || pe(t) || J();
 		}
 		document.addEventListener("pointerdown", e, !0), A = () => {
 			document.removeEventListener("pointerdown", e, !0);
@@ -130,29 +130,29 @@ function y(y, le, b = {}) {
 		}));
 	}
 	function be() {
-		!P.value || L.value.closeOnEscape === !1 || !U.value || (q(), G());
+		!P.value || L.value.closeOnEscape === !1 || !U.value || (J(), K());
 	}
 	function Q() {
-		let e = ae(C.value);
+		let e = m(C.value);
 		e && (N.value = e.zIndex);
 	}
 	function $() {
-		j?.(), j = null, A?.(), A = null, O?.(), O = null, D?.release(), D = null, E = null, C.value = "", N.value = u, Y();
+		j?.(), j = null, A?.(), A = null, O?.(), O = null, D?.release(), D = null, E = null, C.value = "", N.value = l, Y();
 	}
-	let xe = r(() => e(z.value?.root, pe.value, f({
+	let xe = r(() => e(z.value?.root, W.value, d({
 		"relative inline-block text-left": !0,
-		[c(B.value, "root") ?? ""]: !0
+		[g(B.value, "root") ?? ""]: !0
 	}))), Se = r(() => e(z.value?.trigger, {}, {
 		tabindex: 0,
 		role: "button",
 		"aria-expanded": P.value,
-		onKeydown: J,
+		onKeydown: he,
 		"aria-haspopup": "menu",
-		onClickCapture: he,
+		onClickCapture: me,
 		"aria-controls": P.value ? x : void 0,
-		class: f({
+		class: d({
 			"inline-block w-fit max-w-full cursor-pointer outline-hidden": !0,
-			[c(B.value, "trigger") ?? ""]: !0
+			[g(B.value, "trigger") ?? ""]: !0
 		})
 	})), Ce = r(() => e(z.value?.content, {}, {
 		id: x,
@@ -160,32 +160,32 @@ function y(y, le, b = {}) {
 		onKeydown: ge,
 		style: { zIndex: N.value },
 		"aria-hidden": V.value ? !0 : void 0,
-		class: f({
+		class: d({
 			"bg-white text-dark-900 dark:bg-dark-800 dark:text-dark-100 ring-1 ring-black/5 dark:ring-white/10 outline-hidden overflow-hidden min-w-32 w-max max-w-[calc(100vw-16px)]": !0,
 			"invisible pointer-events-none": V.value,
 			[de.value ?? ""]: !0,
 			[fe.value ?? ""]: !0,
-			[c(B.value, "content") ?? ""]: !0
+			[g(B.value, "content") ?? ""]: !0
 		})
 	}));
-	return s(P, (e) => {
+	return c(P, (e) => {
 		if (e) {
 			S.value = !0, i(() => {
-				P.value && (j = d({
+				P.value && (j = re({
 					id: x,
-					requestClose: q
+					requestClose: J
 				}));
-			}), E = ie(), D = g({
+			}), E = u(), D = ie({
 				order: E,
 				onEscape: be,
 				lockScroll: L.value.disableScrollLock !== !0
-			}), C.value = D.id, N.value = D.zIndex, Q(), O = v(Q), i(() => {
+			}), C.value = D.id, N.value = D.zIndex, Q(), O = oe(Q), i(() => {
 				X(), Z(), _e();
 			});
 			return;
 		}
 		$(), L.value.keepMounted || (S.value = !1);
-	}, { immediate: !0 }), s([
+	}, { immediate: !0 }), c([
 		P,
 		() => y.anchorEl,
 		() => L.value.offset,
@@ -195,11 +195,11 @@ function y(y, le, b = {}) {
 		i(() => {
 			X();
 		});
-	}), s([P, () => L.value.disableAutoFocus], () => {
+	}), c([P, () => L.value.disableAutoFocus], () => {
 		i(() => {
 			Z();
 		});
-	}), te(() => {
+	}), a(() => {
 		$();
 	}), {
 		merged: L,

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_vue_type_script_setup_true_lang.js

@@ -1,17 +1,17 @@
-import { useHoldRepeat as e } from "../../Utils/useHoldRepeat.js";
-import { mergePartBind as t, resolveFieldAdornmentIconSize as n } from "../../Utils/index.js";
-import r from "../Icon/Icon.js";
-import i from "../FormField/FormField.js";
-import { useNumberField as a } from "./composables/useNumberField.js";
-import { computed as o, createBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, isRef as f, mergeModels as p, mergeProps as m, normalizeProps as h, openBlock as g, ref as _, unref as v, useModel as y, vModelDynamic as b, withCtx as x, withDirectives as S } from "vue";
-import { isUndefined as C } from "es-toolkit/compat";
+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 { cn as w } from "@bridge-ui/core";
-import { ChevronDown as T, ChevronUp as E } from "@lucide/vue";
+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__ */ u({
+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__ */ p({
+	props: /* @__PURE__ */ m({
 		classes: {},
 		customProps: {},
 		defaultValue: {},
@@ -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__ */ p(["change", "update:modelValue"], ["update:modelValue"]),
-	setup(u, { emit: p }) {
-		let O = p, k = y(u, "modelValue"), A = u, j = _(A.defaultValue), { decrement: M, formField: N, increment: P, inputBind: F, stringModel: I, mergedClasses: L } = a(A, o({
+	emits: /* @__PURE__ */ m(["change", "update:modelValue"], ["update:modelValue"]),
+	setup(d, { emit: m }) {
+		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: () => C(k.value) ? j.value : k.value
-		}), { onChange: (e) => O("change", e) }), R = e(() => P(), () => ({ disabled: A.disabled })), z = e(() => M(), () => ({ disabled: A.disabled })), B = o(() => n(A.size)), V = o(() => t(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,
-			"aria-label": "Increment value",
-			onClick: R.onPressClick,
-			onPointerup: R.onPressPointerUp,
-			onPointerdown: R.onPressPointerDown,
-			onLostpointercapture: R.onPressLostPointerCapture
-		}, w({
-			"bridge-field-adornment-button inline-flex min-h-0 min-w-8 flex-1 items-center justify-center": !0,
-			[L.value.increment ?? ""]: !0
-		}))), H = o(() => t(A.customProps?.decrement, {
-			type: "button",
-			disabled: A.disabled,
-			"aria-label": "Decrement value",
+			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,
-			[L.value.decrement ?? ""]: !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": M("Decrement value"),
+			onLostpointercapture: B.onPressLostPointerCapture
+		}, w({
+			"bridge-field-adornment-button inline-flex min-h-0 min-w-8 flex-1 items-center justify-center": !0,
+			[R.value.decrement ?? ""]: !0
 		})));
-		return (e, t) => (g(), s(v(i), { field: v(N) }, {
-			end: x(() => [c("div", D, [c("button", h(d(V.value)), [l(v(r), m({
-				icon: v(E),
-				size: B.value
-			}, A.customProps?.incrementIcon), null, 16, ["icon", "size"])], 16), c("button", h(d(H.value)), [l(v(r), m({
-				icon: v(T),
-				size: B.value
-			}, A.customProps?.decrementIcon), null, 16, ["icon", "size"])], 16)])]),
-			default: x(() => [S(c("input", m({ "onUpdate:modelValue": t[0] ||= (e) => f(I) ? I.value = e : null }, v(F)), null, 16), [[b, v(I)]])]),
+		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: V.value
+			}, k.customProps?.incrementIcon), null, 16, ["size"])], 16), l("button", g(f(U.value)), [u(y(i), h({
+				icon: "chevronDown",
+				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: import('@lucide/vue').LucideIcon;
-            withErrorIcon: NonNullable<boolean | undefined>;
+            errorIcon: NonNullable<import('../../..').IconSource | 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, {}>>;
@@ -173,13 +173,13 @@ export declare function useNumberField(props: NumberFieldOwnProps, model: Ref<nu
             'aria-valuenow'?: (string | number) | undefined;
             'aria-valuetext'?: string | undefined | undefined;
             accesskey?: string | undefined | undefined;
-            contenteditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+            contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
             contextmenu?: string | undefined | undefined;
             dir?: string | undefined | undefined;
             draggable?: (boolean | "true" | "false") | undefined;
             enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
             enterKeyHint?: "done" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined;
-            hidden?: "" | "until-found" | (boolean | "true" | "false") | "hidden" | undefined;
+            hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
             inert?: (boolean | "true" | "false") | undefined;
             placeholder?: string | undefined | undefined;
             spellcheck?: (boolean | "true" | "false") | undefined;
@@ -213,7 +213,7 @@ export declare function useNumberField(props: NumberFieldOwnProps, model: Ref<nu
         }>>;
         controlId: import('vue').ComputedRef<string>;
         errorBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        errorIcon: import('vue').ComputedRef<import('@lucide/vue').LucideIcon>;
+        errorIcon: import('vue').ComputedRef<NonNullable<import('../../..').IconSource | undefined>>;
         inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
             id: string;
             disabled: boolean;
@@ -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">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "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" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "hideErrorMessage" | "readonly" | "errorIcon" | "showErrorIcon" | "corner">>>>;
         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">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "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" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "hideErrorMessage" | "readonly" | "errorIcon" | "showErrorIcon" | "corner">>>, {
         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,18 @@ function c(c, l, u = {}) {
 		rounded: "md",
 		color: "primary",
 		variant: "outline",
-		withErrorIcon: !1
+		showErrorIcon: !1
 	}, { 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 +48,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, {
+    "update:modelValue": (value: string | null | undefined) => any;
+    change: (value: string) => any;
+    complete: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
+    onChange?: ((value: string) => 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').OtpFieldSize, import('./otpField.types').OtpFieldSizeOverrides>;
+    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;
+    };
+};