@bridge-ui/vue 0.0.10 → 0.0.11

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

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

package/dist/Components/Snackbar/snackbar.types.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes, Slot } from 'vue';
-import { MergeHtmlProps, MergeProps, SnackbarColor, SnackbarPadding, SnackbarPosition, SnackbarRounded, SnackbarTransition } from '@bridge-ui/core';
+import { SnackbarColor, SnackbarPadding, SnackbarPosition, SnackbarRounded, SnackbarTransition } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { IconSource } from '../../Adapters/Icon';
 import { IconProps } from '../Icon';
 export interface SnackbarColorOverrides {}

package/dist/Components/Snackbar/snackbarDefaultIcons.d.ts

@@ -1,4 +1,4 @@
-import { SnackbarColor } from '@bridge-ui/core/Tokens/Snackbar';
+import { SnackbarColor } from '@bridge-ui/core/Tokens';
 import { IconSource } from '../../Adapters/Icon';
 /** Library fallbacks when neither the `icon` prop nor theme `icon` is set. */
 export declare const snackbarDefaultIcons: Record<keyof SnackbarColor, IconSource>;

package/dist/Components/Spinner/composables/useSpinner.d.ts

@@ -1,13 +1,13 @@
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { SpinnerOwnProps, SpinnerProps } from '../spinner.types';
 type SpinnerLibDefaults = LibDefaultsShape<SpinnerOwnProps, "size" | "color" | "variant" | "thickness" | "enableTrack" | "disableShrink">;
 type SpinnerMerged = MergeLibDefaults<SpinnerOwnProps, SpinnerLibDefaults>;
 export declare function useSpinner(props: SpinnerOwnProps, libDefaults: SpinnerLibDefaults): {
     merged: import('vue').ComputedRef<SpinnerMerged>;
-    svgBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').SVGAttributes | undefined, {
+    svgBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').SVGAttributes | undefined, {
         viewBox: string;
     }>>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         class: string;
         "aria-valuemin"?: number | undefined;
         "aria-valuemax"?: number | undefined;
@@ -21,7 +21,7 @@ export declare function useSpinner(props: SpinnerOwnProps, libDefaults: SpinnerL
         r: number;
         "stroke-width": number;
     } & Record<"class", string>) | null>;
-    circleBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').SVGAttributes | undefined, {
+    circleBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').SVGAttributes | undefined, {
         r: number;
         cx: number;
         cy: number;

package/dist/Components/Spinner/composables/useSpinner.js

@@ -1,8 +1,9 @@
 import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
 import { computed as r, useAttrs as i } from "vue";
-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";
+import { get as a, isNil as o } from "es-toolkit/compat";
+import { DEFAULT_SPINNER_THICKNESS as s, SPINNER_VIEWBOX_SIZE as c, getSpinnerCircleGeometry as l } from "@bridge-ui/core/Domain";
+import { spinnerColorProps as u, spinnerSizeProps as d, spinnerVariantProps as f } from "@bridge-ui/core/Tokens";
+import { cn as p, mergeBridgeUILayeredClasses as m, splitComponentProps as h } from "@bridge-ui/core/Utils";
 //#region src/Components/Spinner/composables/useSpinner.ts
 var g = [
 	"size",
@@ -16,13 +17,13 @@ var g = [
 	"disableShrink"
 ];
 function _(e) {
-	return f(e) || Number.isNaN(e) ? 0 : Math.min(100, Math.max(0, e));
+	return o(e) || Number.isNaN(e) ? 0 : Math.min(100, Math.max(0, e));
 }
-function v(f, v) {
-	let y = i(), b = r(() => u({
+function v(o, v) {
+	let y = i(), b = r(() => h({
 		props: {
 			...y,
-			...f
+			...o
 		},
 		bridgeKeys: g
 	})), { merged: x, entry: S } = t({
@@ -33,22 +34,22 @@ function v(f, v) {
 		entry: S,
 		props: () => b.value.componentProps
 	}), w = r(() => x.value.customProps), T = r(() => {
-		let e = l(p, S.value?.tokens?.color);
-		return d(e, x.value.color);
+		let e = m(u, S.value?.tokens?.color);
+		return a(e, x.value.color);
 	}), E = r(() => {
-		let e = l(m, S.value?.tokens?.size);
-		return d(e, x.value.size);
+		let e = m(d, S.value?.tokens?.size);
+		return a(e, x.value.size);
 	}), D = r(() => {
-		let e = l(h, S.value?.tokens?.variant);
-		return d(e, 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, {
+		let e = m(f, S.value?.tokens?.variant);
+		return a(e, x.value.variant);
+	}), O = r(() => x.value.thickness ?? s), k = r(() => l(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, {
 		role: "progressbar",
 		...P.value ? {
 			"aria-valuemin": 0,
 			"aria-valuemax": 100,
 			"aria-valuenow": j.value
 		} : {},
-		class: s({
+		class: p({
 			"inline-block": !0,
 			[E.value ?? ""]: !0,
 			[D.value ?? ""]: F.value,
@@ -57,7 +58,7 @@ function v(f, v) {
 	}));
 	return {
 		merged: x,
-		svgBind: r(() => e(w.value?.svg, { viewBox: `0 0 ${o} ${o}` }, s({
+		svgBind: r(() => e(w.value?.svg, { viewBox: `0 0 ${c} ${c}` }, p({
 			"block size-full": !0,
 			[C.value.svg ?? ""]: !0
 		}))),
@@ -68,7 +69,7 @@ function v(f, v) {
 			fill: "none",
 			r: k.value.radius,
 			"stroke-width": O.value
-		}, s({
+		}, p({
 			[T.value?.track ?? ""]: !0,
 			[C.value.track ?? ""]: !0
 		})) : null),
@@ -93,7 +94,7 @@ function v(f, v) {
 					...r,
 					...i
 				}
-			}, s({
+			}, p({
 				[T.value?.circle ?? ""]: !0,
 				"animate-bridge-spinner-dash": F.value && !N.value,
 				[C.value.circle ?? ""]: !0

package/dist/Components/Spinner/spinner.types.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes, SVGAttributes } from 'vue';
-import { MergeHtmlProps, MergeProps, SpinnerColor, SpinnerSize, SpinnerVariant } from '@bridge-ui/core';
+import { SpinnerColor, SpinnerSize, SpinnerVariant } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 export interface SpinnerSizeOverrides {}
 export interface SpinnerColorOverrides {}
 export interface SpinnerVariantOverrides {}

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

@@ -1,10 +1,10 @@
 import { MaybeRefOrGetter } from 'vue';
-import { LibDefaultsShape } from '@bridge-ui/core';
+import { LibDefaultsShape } from '@bridge-ui/core/Utils';
 import { SwitchOwnProps } from '../switch.types';
 type SwitchLibDefaults = LibDefaultsShape<SwitchOwnProps, "size" | "color" | "rounded">;
 export declare function useSwitch(props: MaybeRefOrGetter<SwitchOwnProps>, libDefaults: SwitchLibDefaults, checked: MaybeRefOrGetter<boolean | undefined>): {
-    fieldBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
-    inputBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {
+    fieldBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+    inputBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
         role: string;
         type: string;
         id: string;
@@ -227,10 +227,10 @@ export declare function useSwitch(props: MaybeRefOrGetter<SwitchOwnProps>, libDe
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
     }, Partial<Omit<SwitchOwnProps, "color" | "size" | "classes" | "customProps" | "rounded" | "defaultChecked">>>>;
     isChecked: import('vue').ComputedRef<boolean>;
-    thumbBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').InputHTMLAttributes | undefined, {
+    thumbBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').InputHTMLAttributes | undefined, {
         "aria-hidden": boolean;
     }>>;
-    trackBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').InputHTMLAttributes | undefined, {
+    trackBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').InputHTMLAttributes | undefined, {
         "aria-hidden": boolean;
     }>>;
     formControl: {
@@ -239,11 +239,11 @@ export declare function useSwitch(props: MaybeRefOrGetter<SwitchOwnProps>, libDe
         }>;
         merged: import('vue').ComputedRef<Omit<import('../../FormControl').FormControlOwnProps, "error" | "size" | "hideErrorMessage"> & {
             error: NonNullable<boolean | undefined>;
-            size: NonNullable<keyof import('@bridge-ui/core').LabelSize | undefined>;
+            size: NonNullable<keyof import('@bridge-ui/core/Tokens').LabelSize | 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" | "description" | "errorMessage" | "controlId" | "hideErrorMessage" | "readonly" | "endLabel" | "startLabel">>>>;
+        rowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').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>;
@@ -260,10 +260,10 @@ export declare function useSwitch(props: MaybeRefOrGetter<SwitchOwnProps>, libDe
             endLabel: import('../../Label').LabelProps;
             startLabel: import('../../Label').LabelProps;
         }>;
-        descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+        descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
             id: string;
         }>>;
-        errorMessageBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+        errorMessageBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
             id: string;
         }>>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;

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

@@ -1,9 +1,9 @@
 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 { 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";
+import { get as s, omit as c } from "es-toolkit/compat";
+import { switchColorProps as l, switchInvalidatedProps as u, switchRoundedProps as d, switchSizeProps as f } from "@bridge-ui/core/Tokens";
+import { cn as p, mergeBridgeUILayeredClasses as m, splitComponentProps as h } from "@bridge-ui/core/Utils";
 //#region src/Components/Switch/composables/useSwitch.ts
 var g = [
 	"size",
@@ -21,7 +21,7 @@ function _(_, v, y) {
 		error: !1,
 		hideErrorMessage: !1,
 		size: v.size ?? "sm"
-	}, { componentName: "Switch" }), S = i(() => l({
+	}, { componentName: "Switch" }), S = i(() => h({
 		bridgeKeys: g,
 		props: {
 			...b,
@@ -35,30 +35,30 @@ function _(_, v, y) {
 		entry: w,
 		props: () => S.value.componentProps
 	}), D = i(() => !!a(y)), O = i(() => {
-		let e = c(f, w.value?.tokens?.color);
-		return u(e, C.value.color ?? "primary");
-	}), k = i(() => c(p, w.value?.tokens?.invalidated)), A = i(() => x.invalidated.value ? k.value : O.value), j = i(() => {
-		let e = c(h, w.value?.tokens?.size);
-		return u(e, C.value.size ?? "sm");
+		let e = m(l, w.value?.tokens?.color);
+		return s(e, C.value.color ?? "primary");
+	}), k = i(() => m(u, w.value?.tokens?.invalidated)), A = i(() => x.invalidated.value ? k.value : O.value), j = i(() => {
+		let e = m(f, w.value?.tokens?.size);
+		return s(e, C.value.size ?? "sm");
 	}), M = i(() => {
-		let e = c(m, w.value?.tokens?.rounded);
-		return u(e, C.value.rounded ?? "full");
+		let e = m(d, w.value?.tokens?.rounded);
+		return s(e, C.value.rounded ?? "full");
 	}), N = i(() => e({
 		...T.value?.input,
 		...x.controlBind.value,
 		role: "switch",
 		type: "checkbox"
-	}, d(S.value.inheritedAttrs, ["class"]), s({
+	}, c(S.value.inheritedAttrs, ["class"]), p({
 		"sr-only": !0,
 		[E.value.input ?? ""]: !0
-	}))), P = i(() => e(T.value?.track, { "aria-hidden": !0 }, s({
+	}))), P = i(() => e(T.value?.track, { "aria-hidden": !0 }, p({
 		"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 }, s({
+	}))), F = i(() => e(T.value?.thumb, { "aria-hidden": !0 }, p({
 		"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,
@@ -66,7 +66,7 @@ function _(_, v, y) {
 		[E.value.thumb ?? ""]: !0
 	})));
 	return {
-		fieldBind: i(() => e({}, {}, s({
+		fieldBind: i(() => e({}, {}, p({
 			"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/Switch/switch.types.d.ts

@@ -1,5 +1,6 @@
 import { InputHTMLAttributes } from 'vue';
-import { MergeHtmlProps, MergeProps, SwitchColor, SwitchRounded, SwitchSize } from '@bridge-ui/core';
+import { SwitchColor, SwitchRounded, SwitchSize } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 import { FormControlClasses, FormControlCustomProps, FormControlOwnProps, FormControlSlots } from '../FormControl/formControl.types';
 export interface SwitchSizeOverrides {}
 export interface SwitchColorOverrides {}