@bridge-ui/vue 0.0.9 → 0.0.11

package/dist/Components/Snackbar/composables/useSnackbar.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { IconSource } from '../../../Adapters/Icon';
 import { SnackbarOwnProps, SnackbarProps } from '../snackbar.types';
 type SnackbarLibDefaults = LibDefaultsShape<SnackbarOwnProps, "color" | "padding" | "rounded" | "duration" | "position" | "teleportTo" | "transition" | "closeButton" | "progressbar">;
@@ -32,9 +32,9 @@ export type SnackbarOptions = {
 };
 export declare function useSnackbar(props: SnackbarProps, libDefaults: SnackbarLibDefaults, options?: SnackbarOptions): {
     merged: import('vue').ComputedRef<SnackbarMerged>;
-    iconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
+    iconBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
     rendered: Ref<boolean, boolean>;
-    panelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+    panelBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         "data-snackbar-part": string;
         onMouseenter: () => void;
         onMouseleave: () => void;
@@ -157,7 +157,7 @@ export declare function useSnackbar(props: SnackbarProps, libDefaults: SnackbarL
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined | undefined;
         'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        'aria-haspopup'?: "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | "dialog" | undefined;
         'aria-hidden'?: (boolean | "true" | "false") | undefined;
         'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined | undefined;
@@ -192,7 +192,7 @@ export declare function useSnackbar(props: SnackbarProps, libDefaults: SnackbarL
         dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-        enterKeyHint?: "done" | "enter" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        enterKeyHint?: "done" | "search" | "enter" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
         inert?: (boolean | "true" | "false") | undefined;
         placeholder?: string | undefined | undefined;
@@ -223,17 +223,17 @@ export declare function useSnackbar(props: SnackbarProps, libDefaults: SnackbarL
         exportparts?: string | undefined;
         part?: string | undefined;
     }>>;
-    titleBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+    titleBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     isPortaled: import('vue').ComputedRef<boolean>;
-    portalBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
+    portalBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         "data-snackbar-layer": boolean;
         style: {
             zIndex: number;
         };
     }>>;
-    contentBind: (hasRight: boolean) => import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>;
+    contentBind: (hasRight: boolean) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>;
     showProgress: import('vue').ComputedRef<boolean>;
-    progressBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+    progressBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
         class: string;
         style: {
             transformOrigin: string;
@@ -243,6 +243,6 @@ export declare function useSnackbar(props: SnackbarProps, libDefaults: SnackbarL
     }, "class", import('vue').HTMLAttributes | undefined, {}>>;
     requestClose: () => void;
     resolvedIcon: import('vue').ComputedRef<IconSource | null>;
-    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, {}>>;
 };
 export {};

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/Switch.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,13 @@
-import e from "../FormControl/FormControl.js";
-import { useSwitch as t } from "./composables/useSwitch.js";
-import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, guardReactiveProps as o, mergeModels as s, mergeProps as c, normalizeProps as l, openBlock as u, ref as d, unref as f, useAttrs as p, useModel as m, withCtx as h } from "vue";
+import { presentSlotNames as e } from "../../Utils/slotOrProp.js";
+import { FORM_CONTROL_CHROME_SLOT_NAMES as t } from "../FormControl/formControl.types.js";
+import n from "../FormControl/FormControl.js";
+import { useSwitch as r } from "./composables/useSwitch.js";
+import { computed as i, createBlock as a, createElementVNode as o, createSlots as s, defineComponent as c, guardReactiveProps as l, mergeModels as u, mergeProps as d, normalizeProps as f, openBlock as p, ref as m, renderList as h, renderSlot as g, unref as _, useAttrs as v, useModel as y, withCtx as b } from "vue";
 //#region src/Components/Switch/Switch.vue?vue&type=script&setup=true&lang.ts
-var g = ["checked"], _ = /*@__PURE__*/ a({
+var x = ["checked"], S = /*@__PURE__*/ c({
 	inheritAttrs: !1,
 	__name: "Switch",
-	props: /*@__PURE__*/ s({
+	props: /*@__PURE__*/ u({
 		classes: {},
 		color: {},
 		customProps: {},
@@ -31,31 +33,34 @@ var g = ["checked"], _ = /*@__PURE__*/ a({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(a) {
-		let s = p(), _ = a, v = d(!!_.defaultChecked), y = m(a, "modelValue"), b = n(() => y.value ?? v.value), { fieldBind: x, inputBind: S, isChecked: C, thumbBind: w, trackBind: T, formControl: E } = t(() => ({
-			...s,
-			..._
+	setup(c) {
+		let u = v(), S = c, C = m(!!S.defaultChecked), w = y(c, "modelValue"), T = i(() => w.value ?? C.value), { fieldBind: E, inputBind: D, isChecked: O, thumbBind: k, trackBind: A, formControl: j } = r(() => ({
+			...u,
+			...S
 		}), {
 			size: "md",
 			rounded: "full",
 			color: "primary"
-		}, b);
-		function D(e) {
+		}, T);
+		function M(e) {
 			let t = e.target;
-			y.value = t.checked, v.value = t.checked;
+			w.value = t.checked, C.value = t.checked;
 		}
-		return (t, n) => (u(), r(f(e), { field: f(E) }, {
-			default: h(() => [i("label", l(o(f(x))), [
-				i("input", c(f(S), {
-					checked: f(C),
-					onChange: D
-				}), null, 16, g),
-				i("span", l(o(f(T))), null, 16),
-				i("span", l(o(f(w))), null, 16)
+		return (r, i) => (p(), a(_(n), { field: _(j) }, s({
+			default: b(() => [o("label", f(l(_(E))), [
+				o("input", d(_(D), {
+					checked: _(O),
+					onChange: M
+				}), null, 16, x),
+				o("span", f(l(_(A))), null, 16),
+				o("span", f(l(_(k))), null, 16)
 			], 16)]),
-			_: 1
-		}, 8, ["field"]));
+			_: 2
+		}, [h(_(e)(_(t), r.$slots), (e) => ({
+			name: e,
+			fn: b((t) => [g(r.$slots, e, f(l(t || {})))])
+		}))]), 1032, ["field"]));
 	}
 });
 //#endregion
-export { _ as default };
+export { S as default };