@bridge-ui/vue 0.0.6 → 0.0.7

package/dist/Components/Snackbar/Snackbar.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,10 @@
-import { useI18nAdapter as e } from "../../Adapters/I18n/useI18nAdapter.js";
+import { useResolveMessage as e } from "../../Adapters/I18n/useI18nAdapter.js";
 import t from "../Icon/Icon.js";
 import { useSnackbar as n } from "./composables/useSnackbar.js";
 import { Teleport as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeModels as p, mergeProps as m, normalizeClass as h, normalizeProps as g, openBlock as _, renderSlot as v, toDisplayString as y, unref as b, useModel as x, useSlots as S } from "vue";
-import { cn as C, resolveMessage as w } from "@bridge-ui/core";
+import { cn as C } from "@bridge-ui/core";
 //#region src/Components/Snackbar/Snackbar.vue?vue&type=script&setup=true&lang.ts
-var T = { class: "w-full max-w-sm pointer-events-auto" }, E = ["src"], D = { class: "flex ml-4 shrink-0" }, O = ["aria-label"], k = ["src"], A = { class: "flex ml-4 shrink-0" }, j = ["aria-label"], M = /* @__PURE__ */ d({
+var w = { class: "w-full max-w-sm pointer-events-auto" }, T = ["src"], E = { class: "flex ml-4 shrink-0" }, D = ["aria-label"], O = ["src"], k = { class: "flex ml-4 shrink-0" }, A = ["aria-label"], j = /* @__PURE__ */ d({
 	inheritAttrs: !1,
 	__name: "Snackbar",
 	props: /* @__PURE__ */ p({
@@ -49,7 +49,7 @@ var T = { class: "w-full max-w-sm pointer-events-auto" }, E = ["src"], D = { cla
 		"show-change"
 	], ["update:modelValue"]),
 	setup(d, { emit: p }) {
-		let M = S(), N = p, P = d, F = e(), { merged: I, rendered: L, iconBind: R, panelBind: z, titleBind: B, isPortaled: V, portalBind: H, contentBind: U, showProgress: W, progressBind: G, resolvedIcon: K, requestClose: q, descriptionBind: J } = n(P, {
+		let j = S(), M = p, N = d, P = e(), { merged: F, rendered: I, iconBind: L, panelBind: R, titleBind: z, isPortaled: B, portalBind: V, contentBind: H, showProgress: U, progressBind: W, resolvedIcon: G, requestClose: K, descriptionBind: q } = n(N, {
 			rounded: "lg",
 			duration: 5e3,
 			color: "primary",
@@ -61,102 +61,102 @@ var T = { class: "w-full max-w-sm pointer-events-auto" }, E = ["src"], D = { cla
 			position: "bottom-center"
 		}, {
 			show: x(d, "modelValue"),
-			stackId: P.stackId,
-			onClose: () => N("close"),
-			onLeaveComplete: () => N("leave-complete"),
-			onShowChange: (e) => N("show-change", e)
-		}), Y = i(() => !!(M.icon || K.value || I.value.img)), X = i(() => !!(M.title || I.value.title)), Z = i(() => !!(M.description || I.value.description)), Q = i(() => !!M.right), $ = i(() => I.value.teleportTo === !1), ee = i(() => I.value.teleportTo === !1 ? "body" : I.value.teleportTo);
+			stackId: N.stackId,
+			onClose: () => M("close"),
+			onLeaveComplete: () => M("leave-complete"),
+			onShowChange: (e) => M("show-change", e)
+		}), J = i(() => !!(j.icon || G.value || F.value.img)), Y = i(() => !!(j.title || F.value.title)), X = i(() => !!(j.description || F.value.description)), Z = i(() => !!j.right), Q = i(() => F.value.teleportTo === !1), $ = i(() => F.value.teleportTo === !1 ? "body" : F.value.teleportTo);
 		return (e, n) => (_(), a(r, {
-			to: ee.value,
-			disabled: $.value
-		}, [b(L) && b(V) ? (_(), s("div", g(m({ key: 0 }, b(H))), [c("div", T, [c("div", m(b(z), { class: b(C)(b(z).class, { flex: Q.value }) }), [
-			c("div", g(f(b(U)(Q.value))), [c("div", { class: h({
-				"flex items-start": !Q.value,
-				"w-full flex": Q.value
+			to: $.value,
+			disabled: Q.value
+		}, [b(I) && b(B) ? (_(), s("div", g(m({ key: 0 }, b(V))), [c("div", w, [c("div", m(b(R), { class: b(C)(b(R).class, { flex: Z.value }) }), [
+			c("div", g(f(b(H)(Z.value))), [c("div", { class: h({
+				"flex items-start": !Z.value,
+				"w-full flex": Z.value
 			}) }, [
-				Y.value ? (_(), s("div", {
+				J.value ? (_(), s("div", {
 					key: 0,
 					class: h(["shrink-0", {
-						"w-6": !!(b(K) || b(M).icon),
-						"pt-0.5": !!b(I).img
+						"w-6": !!(b(G) || b(j).icon),
+						"pt-0.5": !!b(F).img
 					}])
 				}, [
 					v(e.$slots, "icon"),
-					!b(M).icon && b(I).img ? (_(), s("img", {
+					!b(j).icon && b(F).img ? (_(), s("img", {
 						key: 0,
 						alt: "",
-						src: b(I).img,
+						src: b(F).img,
 						class: "w-10 h-10 rounded-full"
-					}, null, 8, E)) : o("", !0),
-					!b(M).icon && !b(I).img && b(K) ? (_(), a(b(t), m({ key: 1 }, b(R), { icon: b(K) }), null, 16, ["icon"])) : o("", !0)
+					}, null, 8, T)) : o("", !0),
+					!b(j).icon && !b(F).img && b(G) ? (_(), a(b(t), m({ key: 1 }, b(L), { icon: b(G) }), null, 16, ["icon"])) : o("", !0)
 				], 2)) : o("", !0),
-				c("div", { class: h(["w-0 flex-1 pt-0.5", { "ml-3": Y.value }]) }, [
-					X.value ? (_(), s("p", g(m({ key: 0 }, b(B))), [v(e.$slots, "title", {}, () => [l(y(b(I).title), 1)])], 16)) : o("", !0),
-					Z.value ? (_(), s("p", g(m({ key: 1 }, b(J))), [v(e.$slots, "description", {}, () => [l(y(b(I).description), 1)])], 16)) : o("", !0),
+				c("div", { class: h(["w-0 flex-1 pt-0.5", { "ml-3": J.value }]) }, [
+					Y.value ? (_(), s("p", g(m({ key: 0 }, b(z))), [v(e.$slots, "title", {}, () => [l(y(b(F).title), 1)])], 16)) : o("", !0),
+					X.value ? (_(), s("p", g(m({ key: 1 }, b(q))), [v(e.$slots, "description", {}, () => [l(y(b(F).description), 1)])], 16)) : o("", !0),
 					v(e.$slots, "default"),
-					b(M).actions ? (_(), s("div", {
+					b(j).actions ? (_(), s("div", {
 						key: 2,
-						class: h(["flex mt-3 gap-x-3", b(I).classes?.actions])
+						class: h(["flex mt-3 gap-x-3", b(F).classes?.actions])
 					}, [v(e.$slots, "actions")], 2)) : o("", !0)
 				], 2),
-				c("div", D, [v(e.$slots, "trailing"), b(I).closeButton === !1 ? o("", !0) : (_(), s("button", {
+				c("div", E, [v(e.$slots, "trailing"), b(F).closeButton === !1 ? o("", !0) : (_(), s("button", {
 					key: 0,
 					type: "button",
-					onClick: n[0] ||= (...e) => b(q) && b(q)(...e),
-					"aria-label": b(w)("Close", b(F)),
+					onClick: n[0] ||= (...e) => b(K) && b(K)(...e),
+					"aria-label": b(P)("Close"),
 					class: "cursor-pointer inline-flex rounded-md text-dark-400 hover:text-dark-500 focus:outline-hidden"
 				}, [u(b(t), {
 					size: "lg",
 					icon: "clear"
-				})], 8, O))])
+				})], 8, D))])
 			], 2)], 16),
 			v(e.$slots, "right"),
-			b(W) ? (_(), s("div", g(m({ key: 0 }, b(G))), null, 16)) : o("", !0)
-		], 16)])], 16)) : b(L) ? (_(), s("div", m({ key: 1 }, b(z), { class: b(C)(b(z).class, { flex: Q.value }) }), [
-			c("div", g(f(b(U)(Q.value))), [c("div", { class: h({
-				"flex items-start": !Q.value,
-				"w-full flex": Q.value
+			b(U) ? (_(), s("div", g(m({ key: 0 }, b(W))), null, 16)) : o("", !0)
+		], 16)])], 16)) : b(I) ? (_(), s("div", m({ key: 1 }, b(R), { class: b(C)(b(R).class, { flex: Z.value }) }), [
+			c("div", g(f(b(H)(Z.value))), [c("div", { class: h({
+				"flex items-start": !Z.value,
+				"w-full flex": Z.value
 			}) }, [
-				Y.value ? (_(), s("div", {
+				J.value ? (_(), s("div", {
 					key: 0,
 					class: h(["shrink-0", {
-						"w-6": !!(b(K) || b(M).icon),
-						"pt-0.5": !!b(I).img
+						"w-6": !!(b(G) || b(j).icon),
+						"pt-0.5": !!b(F).img
 					}])
 				}, [
 					v(e.$slots, "icon"),
-					!b(M).icon && b(I).img ? (_(), s("img", {
+					!b(j).icon && b(F).img ? (_(), s("img", {
 						key: 0,
 						alt: "",
-						src: b(I).img,
+						src: b(F).img,
 						class: "w-10 h-10 rounded-full"
-					}, null, 8, k)) : o("", !0),
-					!b(M).icon && !b(I).img && b(K) ? (_(), a(b(t), m({ key: 1 }, b(R), { icon: b(K) }), null, 16, ["icon"])) : o("", !0)
+					}, null, 8, O)) : o("", !0),
+					!b(j).icon && !b(F).img && b(G) ? (_(), a(b(t), m({ key: 1 }, b(L), { icon: b(G) }), null, 16, ["icon"])) : o("", !0)
 				], 2)) : o("", !0),
-				c("div", { class: h(["w-0 flex-1 pt-0.5", { "ml-3": Y.value }]) }, [
-					X.value ? (_(), s("p", g(m({ key: 0 }, b(B))), [v(e.$slots, "title", {}, () => [l(y(b(I).title), 1)])], 16)) : o("", !0),
-					Z.value ? (_(), s("p", g(m({ key: 1 }, b(J))), [v(e.$slots, "description", {}, () => [l(y(b(I).description), 1)])], 16)) : o("", !0),
+				c("div", { class: h(["w-0 flex-1 pt-0.5", { "ml-3": J.value }]) }, [
+					Y.value ? (_(), s("p", g(m({ key: 0 }, b(z))), [v(e.$slots, "title", {}, () => [l(y(b(F).title), 1)])], 16)) : o("", !0),
+					X.value ? (_(), s("p", g(m({ key: 1 }, b(q))), [v(e.$slots, "description", {}, () => [l(y(b(F).description), 1)])], 16)) : o("", !0),
 					v(e.$slots, "default"),
-					b(M).actions ? (_(), s("div", {
+					b(j).actions ? (_(), s("div", {
 						key: 2,
-						class: h(["flex mt-3 gap-x-3", b(I).classes?.actions])
+						class: h(["flex mt-3 gap-x-3", b(F).classes?.actions])
 					}, [v(e.$slots, "actions")], 2)) : o("", !0)
 				], 2),
-				c("div", A, [v(e.$slots, "trailing"), b(I).closeButton === !1 ? o("", !0) : (_(), s("button", {
+				c("div", k, [v(e.$slots, "trailing"), b(F).closeButton === !1 ? o("", !0) : (_(), s("button", {
 					key: 0,
 					type: "button",
-					onClick: n[1] ||= (...e) => b(q) && b(q)(...e),
-					"aria-label": b(w)("Close", b(F)),
+					onClick: n[1] ||= (...e) => b(K) && b(K)(...e),
+					"aria-label": b(P)("Close"),
 					class: "cursor-pointer inline-flex rounded-md text-dark-400 hover:text-dark-500 focus:outline-hidden"
 				}, [u(b(t), {
 					size: "lg",
 					icon: "clear"
-				})], 8, j))])
+				})], 8, A))])
 			], 2)], 16),
 			v(e.$slots, "right"),
-			b(W) ? (_(), s("div", g(m({ key: 0 }, b(G))), null, 16)) : o("", !0)
+			b(U) ? (_(), s("div", g(m({ key: 0 }, b(W))), null, 16)) : o("", !0)
 		], 16)) : o("", !0)], 8, ["to", "disabled"]));
 	}
 });
 //#endregion
-export { M as default };
+export { j as default };

package/dist/Components/Snackbar/composables/useSnackbar.js

@@ -1,10 +1,10 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { snackbarDefaultIcons as ee } from "../snackbarDefaultIcons.js";
 import { computed as r, nextTick as te, onBeforeUnmount as i, ref as a, toValue as ne, useAttrs as re, watch as o } from "vue";
-import { get as s, isNil as ie, isNull as c, isObject as l, omit as u } from "es-toolkit/compat";
-import { LAYER_STACK_BASE_Z_INDEX as d, acquireLayerStackOrder as f, cn as p, getLayerStackEntry as ae, getSnackbarTransitionClass as oe, hasSnackbarTransition as se, mergeBridgeUILayeredClasses as m, pushLayerStack as ce, snackbarColorProps as le, snackbarPaddingProps as ue, snackbarPositionProps as de, snackbarRoundedProps as fe, snackbarTransitionProps as pe, splitComponentProps as me, subscribeLayerStack as he } from "@bridge-ui/core";
+import { LAYER_STACK_BASE_Z_INDEX as s, acquireLayerStackOrder as ie, cn as c, getLayerStackEntry as l, getSnackbarTransitionClass as u, hasSnackbarTransition as d, mergeBridgeUILayeredClasses as f, pushLayerStack as ae, snackbarColorProps as oe, snackbarPaddingProps as se, snackbarPositionProps as ce, snackbarRoundedProps as le, snackbarTransitionProps as ue, splitComponentProps as de, subscribeLayerStack as fe } from "@bridge-ui/core";
+import { get as p, isNil as pe, isNull as me, isObject as he, omit as ge } from "es-toolkit/compat";
 //#region src/Components/Snackbar/composables/useSnackbar.ts
-var ge = [
+var _e = [
 	"img",
 	"icon",
 	"color",
@@ -22,189 +22,189 @@ var ge = [
 	"description",
 	"progressbar"
 ];
-function h(h, _e, g = {}) {
-	let _ = re(), v = a(!1), y = a(""), b = a(1), x = a(0), S = a(!1), C = a(!1), w = a(0), T = a(!1), E = a(0), D = a(d), O = a("closed"), k = a(null), A = null, j = null, M = null, N = r(() => me({
+function m(m, h, g = {}) {
+	let ve = re(), _ = a(!1), v = a(""), y = a(1), b = a(0), x = a(!1), S = a(!1), C = a(0), w = a(!1), T = a(0), E = a(s), D = a("closed"), O = a(null), k = null, A = null, j = null, M = r(() => de({
 		props: {
-			..._,
-			...h
+			...ve,
+			...m
 		},
-		bridgeKeys: ge
-	})), { merged: P, entry: F } = t({
-		libDefaults: _e,
+		bridgeKeys: _e
+	})), { merged: N, entry: P } = t({
+		libDefaults: h,
 		componentName: "Snackbar",
-		props: () => N.value.componentProps
-	}), I = r(() => P.value.customProps), L = r(() => u(N.value.inheritedAttrs, ["onShowChange"])), R = n({
-		entry: F,
-		props: () => N.value.componentProps
-	}), z = r(() => ie(g.show) ? !1 : ne(g.show)), B = r(() => {
-		let e = P.value.transition ?? "none";
-		return e in pe ? e : "none";
-	}), V = r(() => se(B.value)), ve = r(() => oe(B.value)), H = r(() => s(m(le, F.value?.tokens?.color), P.value.color)), U = r(() => s(m(ue, F.value?.tokens?.padding), P.value.padding)), ye = r(() => s(m(fe, F.value?.tokens?.rounded), P.value.rounded)), be = r(() => c(P.value.icon) ? null : P.value.icon ? P.value.icon : s(H.value, "icon") ?? s(ee, P.value.color)), W = r(() => P.value.duration === !1 ? 0 : P.value.duration ?? 0), G = r(() => z.value && v.value && W.value > 0 && P.value.progressbar !== !1), K = r(() => P.value.teleportTo !== !1), xe = r(() => K.value ? s(m(de, F.value?.tokens?.position), P.value.position ?? "bottom-center") : "");
-	function q() {
-		k.value &&= (clearTimeout(k.value), null);
+		props: () => M.value.componentProps
+	}), F = r(() => N.value.customProps), I = r(() => ge(M.value.inheritedAttrs, ["onShowChange"])), L = n({
+		entry: P,
+		props: () => M.value.componentProps
+	}), R = r(() => pe(g.show) ? !1 : ne(g.show)), z = r(() => {
+		let e = N.value.transition ?? "none";
+		return e in ue ? e : "none";
+	}), B = r(() => d(z.value)), ye = r(() => u(z.value)), V = r(() => p(f(oe, P.value?.tokens?.color), N.value.color)), H = r(() => p(f(se, P.value?.tokens?.padding), N.value.padding)), be = r(() => p(f(le, P.value?.tokens?.rounded), N.value.rounded)), xe = r(() => me(N.value.icon) ? null : N.value.icon ? N.value.icon : p(V.value, "icon") ?? p(ee, N.value.color)), U = r(() => N.value.duration === !1 ? 0 : N.value.duration ?? 0), W = r(() => R.value && _.value && U.value > 0 && N.value.progressbar !== !1), G = r(() => N.value.teleportTo !== !1), Se = r(() => G.value ? p(f(ce, P.value?.tokens?.position), N.value.position ?? "bottom-center") : "");
+	function K() {
+		O.value &&= (clearTimeout(O.value), null);
 	}
-	function J(e) {
-		e || g.onClose?.(), l(g.show) && "value" in g.show && (g.show.value = e), g.onShowChange?.(e);
+	function q(e) {
+		e || g.onClose?.(), he(g.show) && "value" in g.show && (g.show.value = e), g.onShowChange?.(e);
 	}
-	function Y() {
-		C.value && (C.value = !1, O.value = "closed", q(), z.value ? J(!1) : g.onLeaveComplete?.(), v.value = !1);
+	function J() {
+		S.value && (S.value = !1, D.value = "closed", K(), R.value ? q(!1) : g.onLeaveComplete?.(), _.value = !1);
 	}
-	function X() {
-		if (q(), C.value = !0, !V.value) {
-			Y();
+	function Y() {
+		if (K(), S.value = !0, !B.value) {
+			J();
 			return;
 		}
-		O.value = "closed";
+		D.value = "closed";
 	}
-	function Se() {
-		if (C.value = !1, !V.value) {
-			O.value = "open";
+	function Ce() {
+		if (S.value = !1, !B.value) {
+			D.value = "open";
 			return;
 		}
-		O.value = "closed", te(() => {
+		D.value = "closed", te(() => {
 			requestAnimationFrame(() => {
-				O.value = "open";
+				D.value = "open";
 			});
 		});
 	}
-	function Z() {
-		if (!V.value) {
-			J(!1);
+	function X() {
+		if (!B.value) {
+			q(!1);
 			return;
 		}
-		v.value && X();
+		_.value && Y();
 	}
-	function Q(e) {
-		q(), x.value = e, w.value = Date.now(), E.value = e, k.value = setTimeout(() => {
-			Z();
+	function Z(e) {
+		K(), b.value = e, C.value = Date.now(), T.value = e, O.value = setTimeout(() => {
+			X();
 		}, e);
 	}
-	function Ce() {
-		!k.value || W.value <= 0 || (q(), x.value -= Date.now() - w.value, b.value = Math.max(x.value / W.value, 0), T.value = !1, S.value = !0);
-	}
 	function we() {
-		if (W.value <= 0 || !S.value) return;
-		let e = Math.max(x.value, 0);
-		S.value = !1, T.value = !1, requestAnimationFrame(() => {
-			T.value = !0;
-		}), Q(e);
+		!O.value || U.value <= 0 || (K(), b.value -= Date.now() - C.value, y.value = Math.max(b.value / U.value, 0), w.value = !1, x.value = !0);
+	}
+	function Te() {
+		if (U.value <= 0 || !x.value) return;
+		let e = Math.max(b.value, 0);
+		x.value = !1, w.value = !1, requestAnimationFrame(() => {
+			w.value = !0;
+		}), Z(e);
 	}
-	function Te(e) {
-		!v.value || O.value !== "closed" || e.target === e.currentTarget && (e.propertyName === "none" || e.elapsedTime === 0 || Y());
+	function Ee(e) {
+		!_.value || D.value !== "closed" || e.target === e.currentTarget && (e.propertyName === "none" || e.elapsedTime === 0 || J());
 	}
-	o(z, (e) => {
+	o(R, (e) => {
 		if (e) {
-			v.value = !0, Se();
+			_.value = !0, Ce();
 			return;
 		}
-		v.value && X();
+		_.value && Y();
 	}, { immediate: !0 }), o([
-		z,
-		v,
-		W
+		R,
+		_,
+		U
 	], ([e, t, n]) => {
 		if (!e || !t || n <= 0) {
-			q();
+			K();
 			return;
 		}
-		S.value = !1, Q(n);
-	}, { immediate: !0 }), o([W, G], ([e]) => {
+		x.value = !1, Z(n);
+	}, { immediate: !0 }), o([U, W], ([e]) => {
 		if (!e) {
-			T.value = !1, b.value = 1;
+			w.value = !1, y.value = 1;
 			return;
 		}
-		T.value = !1, b.value = 1;
+		w.value = !1, y.value = 1;
 		let t = requestAnimationFrame(() => {
-			T.value = !0;
+			w.value = !0;
 		});
 		return () => {
 			cancelAnimationFrame(t);
 		};
 	}, { immediate: !0 });
-	function $() {
-		let e = ae(y.value);
-		e && (D.value = e.zIndex);
+	function Q() {
+		let e = l(v.value);
+		e && (E.value = e.zIndex);
 	}
-	o([v, K], ([e, t]) => {
-		t && (e ? (A = f(), j = ce({
-			order: A,
+	o([_, G], ([e, t]) => {
+		t && (e ? (k = ie(), A = ae({
+			order: k,
 			lockScroll: !1,
 			id: g.stackId,
 			onEscape: () => {
-				Z();
+				X();
 			}
-		}), y.value = j.id, D.value = j.zIndex, $(), M = he($)) : (M?.(), M = null, j?.release(), j = null, A = null, y.value = "", D.value = d));
+		}), v.value = A.id, E.value = A.zIndex, Q(), j = fe(Q)) : (j?.(), j = null, A?.release(), A = null, k = null, v.value = "", E.value = s));
 	}, { immediate: !0 }), i(() => {
-		q(), M?.(), M = null, j?.release(), j = null;
+		K(), j?.(), j = null, A?.release(), A = null;
 	});
-	let Ee = r(() => e(I.value?.portal, {
+	let $ = r(() => e(F.value?.portal, {
 		"data-snackbar-layer": !0,
-		style: { zIndex: D.value }
-	}, p({
+		style: { zIndex: E.value }
+	}, c({
 		"fixed inset-0 flex pointer-events-none px-4 py-6 sm:p-5 sm:pt-4": !0,
-		[xe.value ?? ""]: !0,
-		[s(R.value, "portal") ?? ""]: !0
-	}))), De = r(() => e(I.value?.root, {
-		...L.value,
+		[Se.value ?? ""]: !0,
+		[p(L.value, "portal") ?? ""]: !0
+	}))), De = r(() => e(F.value?.root, {
+		...I.value,
 		"data-snackbar-part": "panel",
-		onMouseenter: Ce,
-		onMouseleave: we,
-		"data-state": O.value,
-		onTransitionend: Te,
-		role: L.value.role ?? "status",
-		"aria-live": L.value["aria-live"] ?? "polite"
-	}, p({
+		onMouseenter: we,
+		onMouseleave: Te,
+		"data-state": D.value,
+		onTransitionend: Ee,
+		role: I.value.role ?? "status",
+		"aria-live": I.value["aria-live"] ?? "polite"
+	}, c({
 		"relative w-full max-w-sm overflow-hidden pointer-events-auto": !0,
 		"bg-white shadow-lg ring-1 ring-black/5": !0,
 		"dark:bg-dark-800 dark:border dark:border-dark-700": !0,
-		[s(ye.value, "base") ?? ""]: !0,
-		[ve.value]: V.value,
-		[s(R.value, "root") ?? ""]: !0
-	}))), Oe = r(() => e(I.value?.icon, {}, p({
+		[p(be.value, "base") ?? ""]: !0,
+		[ye.value]: B.value,
+		[p(L.value, "root") ?? ""]: !0
+	}))), Oe = r(() => e(F.value?.icon, {}, c({
 		"w-6 h-6 shrink-0": !0,
-		[s(H.value, "iconColor") ?? ""]: !0,
-		[s(R.value, "icon") ?? ""]: !0
-	}))), ke = r(() => e(I.value?.title, {}, p({
+		[p(V.value, "iconColor") ?? ""]: !0,
+		[p(L.value, "icon") ?? ""]: !0
+	}))), ke = r(() => e(F.value?.title, {}, c({
 		"text-sm font-medium": !0,
-		[s(H.value, "titleColor") ?? ""]: !0,
-		[s(R.value, "title") ?? ""]: !0
-	}))), Ae = r(() => e(I.value?.description, {}, p({
+		[p(V.value, "titleColor") ?? ""]: !0,
+		[p(L.value, "title") ?? ""]: !0
+	}))), Ae = r(() => e(F.value?.description, {}, c({
 		"mt-1 text-sm text-dark-500 dark:text-dark-500": !0,
-		[s(R.value, "description") ?? ""]: !0
-	}))), je = r(() => e(I.value?.progress, {}, {
-		class: p({
+		[p(L.value, "description") ?? ""]: !0
+	}))), je = r(() => e(F.value?.progress, {}, {
+		class: c({
 			"absolute bottom-0 left-0 h-0.5 w-full rounded-full": !0,
-			[s(H.value, "progressColor") ?? ""]: !0,
-			[s(R.value, "progress") ?? ""]: !0
+			[p(V.value, "progressColor") ?? ""]: !0,
+			[p(L.value, "progress") ?? ""]: !0
 		}),
-		style: G.value ? {
+		style: W.value ? {
 			transformOrigin: "left center",
-			transform: `scaleX(${T.value && !S.value ? 0 : b.value})`,
-			transition: T.value && !S.value ? `transform ${E.value}ms linear` : "none"
+			transform: `scaleX(${w.value && !x.value ? 0 : y.value})`,
+			transition: w.value && !x.value ? `transform ${T.value}ms linear` : "none"
 		} : void 0
 	}));
 	function Me(t) {
-		return e(I.value?.content, {}, p({
-			[s(U.value, "contentRight") ?? ""]: t,
-			[s(U.value, "content") ?? ""]: !t,
-			[s(R.value, "content") ?? ""]: !0
+		return e(F.value?.content, {}, c({
+			[p(H.value, "contentRight") ?? ""]: t,
+			[p(H.value, "content") ?? ""]: !t,
+			[p(L.value, "content") ?? ""]: !0
 		}));
 	}
 	return {
-		merged: P,
+		merged: N,
 		iconBind: Oe,
-		rendered: v,
+		rendered: _,
 		panelBind: De,
 		titleBind: ke,
-		isPortaled: K,
-		portalBind: Ee,
+		isPortaled: G,
+		portalBind: $,
 		contentBind: Me,
-		showProgress: G,
+		showProgress: W,
 		progressBind: je,
-		requestClose: Z,
-		resolvedIcon: be,
+		requestClose: X,
+		resolvedIcon: xe,
 		descriptionBind: Ae
 	};
 }
 //#endregion
-export { h as useSnackbar };
+export { m as useSnackbar };

package/dist/Components/Spinner/composables/useSpinner.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, isNil as o } from "es-toolkit/compat";
-import { DEFAULT_SPINNER_THICKNESS as s, SPINNER_VIEWBOX_SIZE as c, cn as l, getSpinnerCircleGeometry as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core";
+import { DEFAULT_SPINNER_THICKNESS as a, SPINNER_VIEWBOX_SIZE as o, cn as s, getSpinnerCircleGeometry as c, mergeBridgeUILayeredClasses as l, splitComponentProps as u } from "@bridge-ui/core";
+import { get as d, isNil as f } from "es-toolkit/compat";
 import { colorProps as p, sizeProps as m, variantProps as h } from "@bridge-ui/core/Tokens/Spinner";
 //#region src/Components/Spinner/composables/useSpinner.ts
 var g = [
@@ -16,13 +16,13 @@ var g = [
 	"disableShrink"
 ];
 function _(e) {
-	return o(e) || Number.isNaN(e) ? 0 : Math.min(100, Math.max(0, e));
+	return f(e) || Number.isNaN(e) ? 0 : Math.min(100, Math.max(0, e));
 }
-function v(o, v) {
-	let y = i(), b = r(() => f({
+function v(f, v) {
+	let y = i(), b = r(() => u({
 		props: {
 			...y,
-			...o
+			...f
 		},
 		bridgeKeys: g
 	})), { merged: x, entry: S } = t({
@@ -32,14 +32,14 @@ function v(o, v) {
 	}), C = n({
 		entry: S,
 		props: () => b.value.componentProps
-	}), w = r(() => x.value.customProps), T = r(() => a(d(p, S.value?.tokens?.color), x.value.color)), E = r(() => a(d(m, S.value?.tokens?.size), x.value.size)), D = r(() => a(d(h, S.value?.tokens?.variant), x.value.variant)), O = r(() => x.value.thickness ?? s), k = r(() => u(O.value)), A = c / 2, j = r(() => _(x.value.value)), M = r(() => !!x.value.enableTrack), N = r(() => !!x.value.disableShrink), P = r(() => x.value.variant === "determinate"), F = r(() => x.value.variant === "indeterminate"), I = r(() => e(w.value?.root, b.value.inheritedAttrs, {
+	}), w = r(() => x.value.customProps), T = r(() => d(l(p, S.value?.tokens?.color), x.value.color)), E = r(() => d(l(m, S.value?.tokens?.size), x.value.size)), D = r(() => d(l(h, S.value?.tokens?.variant), x.value.variant)), O = r(() => x.value.thickness ?? a), k = r(() => c(O.value)), A = o / 2, j = r(() => _(x.value.value)), M = r(() => !!x.value.enableTrack), N = r(() => !!x.value.disableShrink), P = r(() => x.value.variant === "determinate"), F = r(() => x.value.variant === "indeterminate"), I = r(() => e(w.value?.root, b.value.inheritedAttrs, {
 		role: "progressbar",
 		...P.value ? {
 			"aria-valuemin": 0,
 			"aria-valuemax": 100,
 			"aria-valuenow": j.value
 		} : {},
-		class: l({
+		class: s({
 			"inline-block": !0,
 			[E.value ?? ""]: !0,
 			[D.value ?? ""]: F.value,
@@ -48,7 +48,7 @@ function v(o, v) {
 	}));
 	return {
 		merged: x,
-		svgBind: r(() => e(w.value?.svg, { viewBox: `0 0 ${c} ${c}` }, l({
+		svgBind: r(() => e(w.value?.svg, { viewBox: `0 0 ${o} ${o}` }, s({
 			"block size-full": !0,
 			[C.value.svg ?? ""]: !0
 		}))),
@@ -59,7 +59,7 @@ function v(o, v) {
 			fill: "none",
 			r: k.value.radius,
 			"stroke-width": O.value
-		}, l({
+		}, s({
 			[T.value?.track ?? ""]: !0,
 			[C.value.track ?? ""]: !0
 		})) : null),
@@ -84,7 +84,7 @@ function v(o, v) {
 					...r,
 					...i
 				}
-			}, l({
+			}, s({
 				[T.value?.circle ?? ""]: !0,
 				"animate-bridge-spinner-dash": F.value && !N.value,
 				[C.value.circle ?? ""]: !0

package/dist/Components/Switch/Switch.vue_vue_type_script_setup_true_lang.js

@@ -19,10 +19,10 @@ var g = ["checked"], _ = /* @__PURE__ */ a({
 		endLabel: {},
 		error: { type: Boolean },
 		errorMessage: {},
+		hideErrorMessage: { type: Boolean },
 		readonly: { type: Boolean },
 		required: { type: Boolean },
-		startLabel: {},
-		withoutErrorMessage: { type: Boolean }
+		startLabel: {}
 	}, {
 		modelValue: {
 			type: Boolean,

package/dist/Components/Switch/composables/useSwitch.d.ts

@@ -237,13 +237,13 @@ export declare function useSwitch(props: MaybeRefOrGetter<SwitchOwnProps>, libDe
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
-        merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "error" | "size" | "withoutErrorMessage"> & {
+        merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "error" | "size" | "hideErrorMessage"> & {
             error: NonNullable<boolean | undefined>;
             size: NonNullable<keyof import('@bridge-ui/core').LabelSize | undefined>;
-            withoutErrorMessage: NonNullable<boolean | undefined>;
+            hideErrorMessage: NonNullable<boolean | undefined>;
         }>;
         rowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "controlId" | "description" | "endLabel" | "errorMessage" | "readonly" | "startLabel" | "withoutErrorMessage">>>>;
+        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "error" | "size" | "classes" | "customProps" | "disabled" | "required" | "controlId" | "description" | "endLabel" | "errorMessage" | "hideErrorMessage" | "readonly" | "startLabel">>>>;
         controlId: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;