@bridge-ui/vue 0.0.6 → 0.0.7

package/dist/Components/Listbox/Listbox.vue_vue_type_script_setup_true_lang.js

@@ -1,16 +1,16 @@
-import { useI18nAdapter as e } from "../../Adapters/I18n/useI18nAdapter.js";
+import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
 import { hasNamedSlot as t, resolveNamedSlot as n } from "../../Utils/slotOrProp.js";
 import { mergeNestedComponentProps as r } from "../../Utils/index.js";
-import ee from "../List/List.js";
-import { useListbox as te } from "./composables/useListbox.js";
+import { useListbox as ee } from "./composables/useListbox.js";
+import te from "../List/List.js";
 import { LISTBOX_INJECTION_KEY as i } from "./listboxInjectionKey.js";
 import a from "../ListItem/ListItem.js";
 import o from "../ListSection/ListSection.js";
 import s from "../Menu/Menu.js";
 import ne from "../Progress/Progress.js";
 import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as m, createVNode as h, defineComponent as g, guardReactiveProps as _, mergeModels as v, mergeProps as y, normalizeProps as b, openBlock as x, provide as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as E, toDisplayString as D, unref as O, useModel as re, useSlots as ie, watch as k, withCtx as A } from "vue";
-import { isNil as ae } from "es-toolkit/compat";
-import { cn as oe, entriesFromListboxOptions as se, flattenListboxOptions as j, mapListboxEntriesToRows as M, resolveMessage as N } from "@bridge-ui/core";
+import { cn as ae, entriesFromListboxOptions as oe, flattenListboxOptions as j, mapListboxEntriesToRows as M } from "@bridge-ui/core";
+import { isNil as N } from "es-toolkit/compat";
 //#region src/Components/Listbox/Listbox.vue?vue&type=script&setup=true&lang.ts
 var P = { key: 1 }, F = /* @__PURE__ */ g({
 	__name: "Listbox",
@@ -70,61 +70,61 @@ var P = { key: 1 }, F = /* @__PURE__ */ g({
 		k(L, (e) => {
 			I("show-change", e);
 		});
-		let R = g, z = e(), B = l(() => R.emptyMessage ?? N("No options", z.value)), V = l(() => R.loadingMessage ?? N("Loading...", z.value)), { merged: H, checkClass: U, scrollBind: W, messageBind: G, sizeClasses: K, mergedClasses: q, optionSelectedClass: ce, optionHighlightedClass: le } = te(R, {
+		let R = g, z = e(), B = l(() => R.emptyMessage ?? z("No options")), V = l(() => R.loadingMessage ?? z("Loading...")), { merged: H, checkClass: U, scrollBind: W, messageBind: G, sizeClasses: K, mergedClasses: q, optionSelectedClass: se, optionHighlightedClass: ce } = ee(R, {
 			size: "md",
 			color: "primary"
-		}), ue = l(() => R.options ?? []), J = l(() => R.entries ? R.entries : se(ue.value)), Y = l(() => j(J.value)), X = l(() => t(F, "default")), Z = l(() => !R.loading && !X.value && Y.value.length === 0 && R.hideEmptyMessage !== !0), de = l(() => oe(U.value, q.value.check)), Q = C([]);
+		}), le = l(() => R.options ?? []), J = l(() => R.entries ? R.entries : oe(le.value)), Y = l(() => j(J.value)), X = l(() => t(F, "default")), Z = l(() => !R.loading && !X.value && Y.value.length === 0 && R.hideEmptyMessage !== !0), ue = l(() => ae(U.value, q.value.check)), Q = C([]);
 		function $(e) {
 			return R.isSelected?.(e) ?? !1;
 		}
-		function fe(e) {
+		function de(e) {
 			e.disabled || I("select", e);
 		}
-		function pe(e) {
+		function fe(e) {
 			return Q.value.some((t) => String(t.value) === String(e.value)) || (Q.value = [...Q.value, e]), () => {
 				Q.value = Q.value.filter((t) => String(t.value) !== String(e.value));
 			};
 		}
-		function me(e) {
+		function pe(e) {
 			return (X.value ? Q.value : Y.value).findIndex((t) => String(t.value) === String(e));
 		}
 		k(Q, (e) => {
 			X.value && I("registered-options-change", e);
 		}, { deep: !0 }), S(i, l(() => ({
-			getOptionIndex: me,
-			registerOption: pe,
-			onSelect: fe,
+			getOptionIndex: pe,
+			registerOption: fe,
+			onSelect: de,
 			listboxId: R.listboxId,
 			isSelected: $,
 			sizeClasses: K.value,
 			showCheckmark: R.showCheckmark,
-			checkClass: de.value,
+			checkClass: ue.value,
 			highlightedIndex: R.highlightedIndex,
-			optionSelectedClass: ce.value,
-			optionHighlightedClass: le.value,
+			optionSelectedClass: se.value,
+			optionHighlightedClass: ce.value,
 			mergedClasses: {
 				optionSelected: q.value.optionSelected,
 				optionHighlighted: q.value.optionHighlighted
 			}
 		})));
-		let he = l(() => M(J.value, $)), ge = l(() => H.value.customProps?.menu), _e = l(() => H.value.customProps?.list), ve = l(() => H.value.customProps?.listItem), ye = l(() => H.value.customProps?.progress), be = l(() => H.value.customProps?.listSection), xe = l(() => ({
-			...ae(R.rounded) ? {} : { rounded: R.rounded },
-			...ge.value
-		})), Se = l(() => ({
+		let me = l(() => M(J.value, $)), he = l(() => H.value.customProps?.menu), ge = l(() => H.value.customProps?.list), _e = l(() => H.value.customProps?.listItem), ve = l(() => H.value.customProps?.progress), ye = l(() => H.value.customProps?.listSection), be = l(() => ({
+			...N(R.rounded) ? {} : { rounded: R.rounded },
+			...he.value
+		})), xe = l(() => ({
 			size: "xs",
 			"aria-hidden": !0,
 			color: H.value.color,
-			...r(ye.value, {
+			...r(ve.value, {
 				class: "shrink-0",
 				classes: { bar: q.value.loading }
 			})
-		})), Ce = l(() => ({
+		})), Se = l(() => ({
 			dense: !0,
 			role: "listbox",
 			id: R.listboxId,
 			"aria-labelledby": R.labelledBy,
 			"aria-multiselectable": R.multiple || void 0,
-			...r(_e.value, { class: "p-0" })
+			...r(ge.value, { class: "p-0" })
 		}));
 		return (e, r) => (x(), u(O(s), y({
 			modelValue: L.value,
@@ -133,22 +133,22 @@ var P = { key: 1 }, F = /* @__PURE__ */ g({
 			placement: g.placement,
 			"close-on-click-away": !0,
 			"disable-auto-focus": g.disableAutoFocus
-		}, xe.value), {
+		}, be.value), {
 			default: A(() => [
 				O(t)(O(F), "beforeOptions") ? (x(), u(E(O(n)(O(F), "beforeOptions")), { key: 0 })) : d("", !0),
-				g.loading ? (x(), f(c, { key: 1 }, [h(O(ne), b(_(Se.value)), null, 16), p("div", b(_(O(G))), [O(t)(O(F), "loading") ? (x(), u(E(O(n)(O(F), "loading")), { key: 0 })) : (x(), f("span", P, D(V.value), 1))], 16)], 64)) : (x(), f("div", b(y({ key: 2 }, O(W))), [h(O(ee), b(_(Ce.value)), {
-					default: A(() => [X.value ? T(e.$slots, "default", { key: 0 }) : (x(!0), f(c, { key: 1 }, w(he.value, (n) => (x(), f(c, { key: n.key }, [n.kind === "section" ? (x(), u(O(o), y({
+				g.loading ? (x(), f(c, { key: 1 }, [h(O(ne), b(_(xe.value)), null, 16), p("div", b(_(O(G))), [O(t)(O(F), "loading") ? (x(), u(E(O(n)(O(F), "loading")), { key: 0 })) : (x(), f("span", P, D(V.value), 1))], 16)], 64)) : (x(), f("div", b(y({ key: 2 }, O(W))), [h(O(te), b(_(Se.value)), {
+					default: A(() => [X.value ? T(e.$slots, "default", { key: 0 }) : (x(!0), f(c, { key: 1 }, w(me.value, (n) => (x(), f(c, { key: n.key }, [n.kind === "section" ? (x(), u(O(o), y({
 						key: 0,
 						title: n.title,
 						sticky: n.sticky
-					}, { ref_for: !0 }, be.value), null, 16, ["title", "sticky"])) : (x(), u(O(a), y({
+					}, { ref_for: !0 }, ye.value), null, 16, ["title", "sticky"])) : (x(), u(O(a), y({
 						key: 1,
 						interactive: "",
 						value: n.option.value,
 						disabled: n.option.disabled,
 						secondary: n.option.description,
 						primary: O(t)(O(F), "option") ? void 0 : n.option.label
-					}, { ref_for: !0 }, ve.value), m({ _: 2 }, [O(t)(O(F), "option") ? {
+					}, { ref_for: !0 }, _e.value), m({ _: 2 }, [O(t)(O(F), "option") ? {
 						name: "default",
 						fn: A(() => [T(e.$slots, "option", {
 							option: n.option,

package/dist/Components/Listbox/composables/useListbox.js

@@ -1,7 +1,7 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { computed as r, useAttrs as i } from "vue";
-import { get as a } from "es-toolkit/compat";
-import { cn as o, mergeBridgeUILayeredClasses as s, splitComponentProps as c } from "@bridge-ui/core";
+import { cn as a, mergeBridgeUILayeredClasses as o, splitComponentProps as s } from "@bridge-ui/core";
+import { get as c } from "es-toolkit/compat";
 import { colorProps as l, invalidatedProps as u, sizeProps as d } from "@bridge-ui/core/Tokens/Listbox";
 //#region src/Components/Listbox/composables/useListbox.ts
 var f = [
@@ -14,7 +14,7 @@ var f = [
 	"disableMaxHeight"
 ];
 function p(p, m) {
-	let h = i(), g = r(() => c({
+	let h = i(), g = r(() => s({
 		props: {
 			...h,
 			...p
@@ -27,19 +27,19 @@ function p(p, m) {
 	}), y = n({
 		entry: v,
 		props: () => g.value.componentProps
-	}), b = r(() => a(s(l, v.value?.tokens?.color), _.value.color ?? "primary")), x = r(() => s(u, v.value?.tokens?.invalidated)), S = r(() => _.value.invalidated ? x.value : b.value), C = r(() => a(s(d, v.value?.tokens?.size), _.value.size ?? "md")), w = r(() => S.value?.selected), T = r(() => S.value?.highlighted);
+	}), b = r(() => c(o(l, v.value?.tokens?.color), _.value.color ?? "primary")), x = r(() => o(u, v.value?.tokens?.invalidated)), S = r(() => _.value.invalidated ? x.value : b.value), C = r(() => c(o(d, v.value?.tokens?.size), _.value.size ?? "md")), w = r(() => S.value?.selected), T = r(() => S.value?.highlighted);
 	return {
 		merged: _,
-		checkClass: r(() => o(C.value?.check, S.value?.check)),
+		checkClass: r(() => a(C.value?.check, S.value?.check)),
 		scrollBind: r(() => {
 			let t = _.value.maxHeight ?? "max-h-60", n = _.value.disableMaxHeight === !0;
-			return e(_.value.customProps?.scroll, {}, o({
+			return e(_.value.customProps?.scroll, {}, a({
 				"overflow-y-auto overscroll-contain": !n,
 				[t]: !n,
 				[y.value.scroll ?? ""]: !0
 			}));
 		}),
-		messageBind: r(() => e({}, {}, o({
+		messageBind: r(() => e({}, {}, a({
 			"text-gray-500": !0,
 			[C.value?.message ?? ""]: !0
 		}))),

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,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 };