@bridge-ui/vue 0.0.6 → 0.0.8

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" | "description" | "errorMessage" | "controlId" | "hideErrorMessage" | "readonly" | "endLabel" | "startLabel">>>>;
         controlId: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;

package/dist/Components/Switch/composables/useSwitch.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { useFormControl as r } from "../../FormControl/composables/useFormControl.js";
 import { computed as i, toValue as a, useAttrs as o } from "vue";
-import { get as s, omit as c } from "es-toolkit/compat";
-import { cn as l, mergeBridgeUILayeredClasses as u, splitComponentProps as d } from "@bridge-ui/core";
+import { cn as s, mergeBridgeUILayeredClasses as c, splitComponentProps as l } from "@bridge-ui/core";
+import { get as u, omit as d } from "es-toolkit/compat";
 import { colorProps as f, invalidatedProps as p, roundedProps as m, sizeProps as h } from "@bridge-ui/core/Tokens/Switch";
 //#region src/Components/Switch/composables/useSwitch.ts
 var g = [
@@ -19,9 +19,9 @@ function _(_, v, y) {
 		...a(_)
 	}), {
 		error: !1,
-		withoutErrorMessage: !1,
+		hideErrorMessage: !1,
 		size: v.size ?? "sm"
-	}), S = i(() => d({
+	}, { componentName: "Switch" }), S = i(() => l({
 		bridgeKeys: g,
 		props: {
 			...b,
@@ -34,22 +34,22 @@ function _(_, v, y) {
 	}), T = i(() => C.value.customProps), E = n({
 		entry: w,
 		props: () => S.value.componentProps
-	}), D = i(() => !!a(y)), O = i(() => s(u(f, w.value?.tokens?.color), C.value.color ?? "primary")), k = i(() => u(p, w.value?.tokens?.invalidated)), A = i(() => x.invalidated.value ? k.value : O.value), j = i(() => s(u(h, w.value?.tokens?.size), C.value.size ?? "sm")), M = i(() => s(u(m, w.value?.tokens?.rounded), C.value.rounded ?? "full")), N = i(() => e({
+	}), D = i(() => !!a(y)), O = i(() => u(c(f, w.value?.tokens?.color), C.value.color ?? "primary")), k = i(() => c(p, w.value?.tokens?.invalidated)), A = i(() => x.invalidated.value ? k.value : O.value), j = i(() => u(c(h, w.value?.tokens?.size), C.value.size ?? "sm")), M = i(() => u(c(m, w.value?.tokens?.rounded), C.value.rounded ?? "full")), N = i(() => e({
 		...T.value?.input,
 		...x.controlBind.value,
 		role: "switch",
 		type: "checkbox"
-	}, c(S.value.inheritedAttrs, ["class"]), l({
+	}, d(S.value.inheritedAttrs, ["class"]), s({
 		"sr-only": !0,
 		[E.value.input ?? ""]: !0
-	}))), P = i(() => e(T.value?.track, { "aria-hidden": !0 }, l({
+	}))), P = i(() => e(T.value?.track, { "aria-hidden": !0 }, s({
 		"block cursor-pointer transition ease-in-out duration-100": !0,
 		[j.value?.track ?? ""]: !0,
 		[M.value ?? ""]: !0,
 		[A.value?.track ?? ""]: !D.value,
 		[A.value?.trackChecked ?? ""]: D.value,
 		[E.value.track ?? ""]: !0
-	}))), F = i(() => e(T.value?.thumb, { "aria-hidden": !0 }, l({
+	}))), F = i(() => e(T.value?.thumb, { "aria-hidden": !0 }, s({
 		"pointer-events-none absolute start-0.5 top-1/2 -translate-y-1/2 rounded-full shadow-sm transition ease-in-out duration-200": !0,
 		[j.value?.thumb ?? ""]: !0,
 		[j.value?.thumbCheckedTranslate ?? ""]: D.value,
@@ -57,7 +57,7 @@ function _(_, v, y) {
 		[E.value.thumb ?? ""]: !0
 	})));
 	return {
-		fieldBind: i(() => e({}, {}, l({
+		fieldBind: i(() => e({}, {}, s({
 			"relative inline-flex shrink-0 select-none": !0,
 			"has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-offset-2": !0,
 			[M.value ?? ""]: !0,

package/dist/Components/Tab/composables/useTab.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { TABS_INJECTION_KEY as r } from "../../Tabs/tabsInjectionKey.js";
 import { computed as i, inject as a, onBeforeUnmount as o, onMounted as s, useAttrs as c, watch as l } from "vue";
-import { get as u } from "es-toolkit/compat";
-import { cn as d, getTabId as f, getTabPanelId as p, splitComponentProps as m } from "@bridge-ui/core";
+import { cn as u, getTabId as d, getTabPanelId as f, splitComponentProps as p } from "@bridge-ui/core";
+import { get as m } from "es-toolkit/compat";
 //#region src/Components/Tab/composables/useTab.ts
 var h = [
 	"value",
@@ -15,7 +15,7 @@ var h = [
 function g(g) {
 	let _ = c(), v = a(r, null);
 	if (!v) throw Error("Tab must be used within a Tabs provider");
-	let y = v, b = i(() => m({
+	let y = v, b = i(() => p({
 		bridgeKeys: h,
 		props: {
 			..._,
@@ -56,9 +56,9 @@ function g(g) {
 				onKeydown: A,
 				"aria-selected": T.value,
 				tabindex: T.value ? 0 : -1,
-				id: f(t.id, C.value),
-				"aria-controls": p(t.id, C.value),
-				class: d({
+				id: d(t.id, C.value),
+				"aria-controls": f(t.id, C.value),
+				class: u({
 					"inline-flex cursor-pointer items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/40 disabled:pointer-events-none disabled:opacity-50": !0,
 					[t.tokenClasses.iconGap ?? ""]: !0,
 					[t.tokenClasses.tabSize ?? ""]: !0,
@@ -67,19 +67,19 @@ function g(g) {
 					[t.tokenClasses.tabVariantSelected ?? ""]: T.value,
 					[t.tokenClasses.colorSelected ?? ""]: T.value,
 					[t.tokenClasses.colorSelectedSoft ?? ""]: T.value && t.tokenClasses.softFill === !0,
-					[u(O.value, "root") ?? ""]: !0
+					[m(O.value, "root") ?? ""]: !0
 				})
 			});
 		}),
 		selected: T,
-		endIconBind: i(() => e(j.value?.endIcon, {}, d({
+		endIconBind: i(() => e(j.value?.endIcon, {}, u({
 			"shrink-0": !0,
-			[u(O.value, "endIcon") ?? ""]: !0
+			[m(O.value, "endIcon") ?? ""]: !0
 		}))),
 		endSlotBind: i(() => e(j.value?.end, {}, "inline-flex shrink-0 items-center")),
-		startIconBind: i(() => e(j.value?.startIcon, {}, d({
+		startIconBind: i(() => e(j.value?.startIcon, {}, u({
 			"shrink-0": !0,
-			[u(O.value, "startIcon") ?? ""]: !0
+			[m(O.value, "startIcon") ?? ""]: !0
 		}))),
 		startSlotBind: i(() => e(j.value?.start, {}, "inline-flex shrink-0 items-center"))
 	};

package/dist/Components/TabList/composables/useTabList.js

@@ -1,14 +1,14 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { TABS_INJECTION_KEY as r } from "../../Tabs/tabsInjectionKey.js";
 import { computed as i, inject as a, useAttrs as o } from "vue";
-import { get as s } from "es-toolkit/compat";
-import { cn as c, getAdjacentTabValue as l, getTabId as u, splitComponentProps as d } from "@bridge-ui/core";
+import { cn as s, getAdjacentTabValue as c, getTabId as l, splitComponentProps as u } from "@bridge-ui/core";
+import { get as d } from "es-toolkit/compat";
 //#region src/Components/TabList/composables/useTabList.ts
 var f = ["classes", "customProps"];
 function p(p) {
 	let m = o(), h = a(r, null);
 	if (!h) throw Error("TabList must be used within a Tabs provider");
-	let g = h, _ = i(() => d({
+	let g = h, _ = i(() => u({
 		bridgeKeys: f,
 		props: {
 			...m,
@@ -22,10 +22,10 @@ function p(p) {
 		props: () => _.value.componentProps
 	});
 	function x(e) {
-		let t = g.value, n = t.orientation === "horizontal", r = n ? "ArrowRight" : "ArrowDown", i = n ? "ArrowLeft" : "ArrowUp", a = typeof document < "u" ? document.activeElement?.id : void 0, o = t.tabValues.find((e) => u(t.id, e) === a) ?? t.selected;
+		let t = g.value, n = t.orientation === "horizontal", r = n ? "ArrowRight" : "ArrowDown", i = n ? "ArrowLeft" : "ArrowUp", a = typeof document < "u" ? document.activeElement?.id : void 0, o = t.tabValues.find((e) => l(t.id, e) === a) ?? t.selected;
 		if (e.key === r || e.key === i) {
 			e.preventDefault();
-			let n = e.key === r ? 1 : -1, i = l(t.tabValues, o, n, new Set(t.disabledValues));
+			let n = e.key === r ? 1 : -1, i = c(t.tabValues, o, n, new Set(t.disabledValues));
 			t.focusTab(i), t.activation === "automatic" && t.setSelected(i);
 			return;
 		}
@@ -50,12 +50,12 @@ function p(p) {
 				role: "tablist",
 				onKeydown: x,
 				"aria-orientation": t.orientation,
-				class: c({
+				class: s({
 					flex: !0,
 					[t.tokenClasses.listOrientation ?? ""]: !0,
 					[t.tokenClasses.listSize ?? ""]: !0,
 					[t.tokenClasses.listVariant ?? ""]: !0,
-					[s(b.value, "root") ?? ""]: !0
+					[d(b.value, "root") ?? ""]: !0
 				})
 			});
 		})

package/dist/Components/TabPanel/composables/useTabPanel.js

@@ -1,8 +1,8 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { TABS_INJECTION_KEY as r } from "../../Tabs/tabsInjectionKey.js";
 import { computed as i, getCurrentInstance as a, inject as o, useAttrs as s } from "vue";
-import { get as c } from "es-toolkit/compat";
-import { cn as l, getTabId as u, getTabPanelId as d, splitComponentProps as f } from "@bridge-ui/core";
+import { cn as c, getTabId as l, getTabPanelId as u, splitComponentProps as d } from "@bridge-ui/core";
+import { get as f } from "es-toolkit/compat";
 //#region src/Components/TabPanel/composables/useTabPanel.ts
 var p = [
 	"value",
@@ -13,7 +13,7 @@ var p = [
 function m(m) {
 	let h = s(), g = o(r, null);
 	if (!g) throw Error("TabPanel must be used within a Tabs provider");
-	let _ = g, v = i(() => f({
+	let _ = g, v = i(() => d({
 		props: {
 			...h,
 			...m
@@ -34,12 +34,12 @@ function m(m) {
 				role: "tabpanel",
 				hidden: !S.value,
 				tabindex: S.value ? 0 : -1,
-				id: d(t.id, x.value),
-				"aria-labelledby": u(t.id, x.value),
-				class: l({
+				id: u(t.id, x.value),
+				"aria-labelledby": l(t.id, x.value),
+				class: c({
 					[t.tokenClasses.panelSize ?? ""]: !0,
 					[t.tokenClasses.panelOrientation ?? ""]: !0,
-					[c(w.value, "root") ?? ""]: !0
+					[f(w.value, "root") ?? ""]: !0
 				})
 			});
 		}),

package/dist/Components/Tabs/Tabs.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: string) => any;
+    "update:modelValue": (...args: unknown[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
 }>, {
     keepMounted: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;