@bridge-ui/vue 0.0.10 → 0.0.11

package/dist/Components/Tooltip/composables/useTooltip.js

@@ -1,10 +1,12 @@
-import { mergePartBind as e, resolveVnodeRefElement as t, useBridgeUIComponent as ee, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
-import { computed as r, nextTick as i, onBeforeUnmount as a, ref as o, toValue as s, useAttrs as c, useId as l, watch as u } from "vue";
-import { LAYER_STACK_BASE_Z_INDEX as d, acquireLayerStackOrder as f, cn as p, createPositionable as m, mergeBridgeUILayeredClasses as h, pushLayerStack as te, splitComponentProps as ne } from "@bridge-ui/core";
-import { get as g, omit as _ } from "es-toolkit/compat";
-import { colorProps as v, roundedProps as y, sizeProps as re } from "@bridge-ui/core/Tokens/Tooltip";
+import { mergePartBind as e, resolveVnodeRefElement as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
+import { computed as i, nextTick as a, onBeforeUnmount as o, ref as s, toValue as c, useAttrs as l, useId as ee, watch as u } from "vue";
+import { get as d, omit as f } from "es-toolkit/compat";
+import { tooltipColorProps as p, tooltipRoundedProps as te, tooltipSizeProps as ne } from "@bridge-ui/core/Tokens";
+import { cn as m, mergeBridgeUILayeredClasses as h, splitComponentProps as g } from "@bridge-ui/core/Utils";
+import { createPositionable as _ } from "@bridge-ui/core/Runtime";
+import { LAYER_STACK_BASE_Z_INDEX as v, acquireLayerStackOrder as y, pushLayerStack as re } from "@bridge-ui/core/Layer";
 //#region src/Components/Tooltip/composables/useTooltip.ts
-var b = [
+var ie = [
 	"size",
 	"arrow",
 	"color",
@@ -20,119 +22,116 @@ var b = [
 	"teleportTo",
 	"customProps"
 ];
-function x(x, ie, S = {}) {
-	let C = c(), w = l(), T = o(!1), E = o(""), D = o(null), O = o(null), k = o(null), A = null, j = !1, M = null, N = null, P = null, F = null, I = o(d), L = r(() => s(S.show ?? !1));
-	function R(e) {
-		S.show && (S.show.value = e), S.onShowChange?.(e);
+function b(b, ae, x = {}) {
+	let S = l(), C = ee(), w = s(!1), T = s(""), E = s(null), D = s(null), O = s(null), k = null, A = !1, j = null, M = null, N = null, P = null, F = s(v), I = i(() => c(x.show ?? !1));
+	function L(e) {
+		x.show && (x.show.value = e), x.onShowChange?.(e);
 	}
-	let z = r(() => ne({
-		bridgeKeys: b,
+	let R = i(() => g({
+		bridgeKeys: ie,
 		props: {
-			...C,
-			...x
+			...S,
+			...b
 		}
-	})), { merged: B, entry: V } = ee({
-		libDefaults: ie,
+	})), { merged: z, entry: B } = n({
+		libDefaults: ae,
 		componentName: "Tooltip",
-		props: () => z.value.componentProps
-	}), H = r(() => B.value.customProps), U = n({
-		entry: V,
-		props: () => z.value.componentProps
-	}), W = r(() => B.value.teleportTo !== !1), G = r(() => {
-		let e = h(v, V.value?.tokens?.color);
-		return g(e, B.value.color);
-	}), K = r(() => {
-		let e = h(re, V.value?.tokens?.size);
-		return g(e, B.value.size);
-	}), q = r(() => {
-		let e = h(y, V.value?.tokens?.rounded);
-		return g(e, B.value.rounded);
-	}), J = r(() => _(z.value.inheritedAttrs, ["anchorEl", "onShowChange"]));
-	function Y() {
-		P !== null && (clearTimeout(P), P = null), F !== null && (clearTimeout(F), F = null);
+		props: () => R.value.componentProps
+	}), V = i(() => z.value.customProps), H = r({
+		entry: B,
+		props: () => R.value.componentProps
+	}), U = i(() => z.value.teleportTo !== !1), W = i(() => {
+		let e = h(p, B.value?.tokens?.color);
+		return d(e, z.value.color);
+	}), G = i(() => {
+		let e = h(ne, B.value?.tokens?.size);
+		return d(e, z.value.size);
+	}), K = i(() => {
+		let e = h(te, B.value?.tokens?.rounded);
+		return d(e, z.value.rounded);
+	}), q = i(() => f(R.value.inheritedAttrs, ["anchorEl", "onShowChange"]));
+	function J() {
+		N !== null && (clearTimeout(N), N = null), P !== null && (clearTimeout(P), P = null);
 	}
-	function ae() {
-		return x.anchorEl ?? k.value;
+	function oe() {
+		return b.anchorEl ?? O.value;
 	}
-	function X() {
-		if (B.value.disabled) return;
-		Y();
-		let e = B.value.openDelay;
+	function Y() {
+		if (z.value.disabled) return;
+		J();
+		let e = z.value.openDelay;
 		if (e <= 0) {
-			R(!0);
+			L(!0);
 			return;
 		}
-		P = setTimeout(() => {
-			P = null, R(!0);
+		N = setTimeout(() => {
+			N = null, L(!0);
 		}, e);
 	}
-	function Z() {
-		Y();
-		let e = B.value.closeDelay;
+	function X() {
+		J();
+		let e = z.value.closeDelay;
 		if (e <= 0) {
-			R(!1);
+			L(!1);
 			return;
 		}
-		F = setTimeout(() => {
-			F = null, R(!1);
+		P = setTimeout(() => {
+			P = null, L(!1);
 		}, e);
 	}
-	function oe() {
-		X();
-	}
 	function se() {
-		Z();
+		Y();
 	}
 	function ce() {
 		X();
 	}
 	function le() {
-		Z();
+		Y();
 	}
-	function ue(e) {
-		e.key !== "Escape" || !L.value || (e.preventDefault(), Y(), R(!1));
+	function ue() {
+		X();
 	}
-	function Q() {
-		j = !1, N?.destroy(), N = null;
+	function de(e) {
+		e.key !== "Escape" || !I.value || (e.preventDefault(), J(), L(!1));
+	}
+	function Z() {
+		A = !1, M?.destroy(), M = null;
 	}
-	function de() {
-		Q();
-		let e = ae(), t = O.value;
-		!L.value || !e || !t || (N = m({
+	function fe() {
+		Z();
+		let e = oe(), t = D.value;
+		!I.value || !e || !t || (M = _({
 			floating: t,
 			reference: e,
 			shiftCrossAxis: !1,
-			offset: B.value.offset,
-			strategy: B.value.strategy,
-			placement: B.value.placement,
-			arrow: B.value.arrow ? () => D.value : void 0,
+			offset: z.value.offset,
+			strategy: z.value.strategy,
+			placement: z.value.placement,
+			arrow: z.value.arrow ? () => E.value : void 0,
 			onReferenceHidden: () => {
-				!j || !L.value || (Y(), R(!1));
+				!A || !I.value || (J(), L(!1));
 			}
-		}), N.start(), i(() => {
-			j = !0;
+		}), M.start(), a(() => {
+			A = !0;
 		}));
 	}
-	function $() {
-		M?.release(), M = null, E.value = "", I.value = d;
+	function Q() {
+		j?.release(), j = null, T.value = "", F.value = v;
 	}
-	function fe() {
-		if ($(), !L.value) {
-			A = null;
+	function pe() {
+		if (Q(), !I.value) {
+			k = null;
 			return;
 		}
-		A === null && (A = f());
+		k === null && (k = y());
 		function e() {
-			L.value && (Y(), R(!1));
+			I.value && (J(), L(!1));
 		}
-		M = te({
-			order: A,
+		j = re({
+			order: k,
 			lockScroll: !1,
 			onEscape: e
-		}), E.value = M.id, I.value = M.zIndex;
-	}
-	function pe(e) {
-		k.value = t(e);
+		}), T.value = j.id, F.value = j.zIndex;
 	}
 	function me(e) {
 		O.value = t(e);
@@ -140,78 +139,81 @@ function x(x, ie, S = {}) {
 	function he(e) {
 		D.value = t(e);
 	}
-	u(L, (e) => {
+	function ge(e) {
+		E.value = t(e);
+	}
+	u(I, (e) => {
 		if (e) {
-			T.value = !0;
+			w.value = !0;
 			return;
 		}
-		T.value = !1;
+		w.value = !1;
 	}, { immediate: !0 }), u([
-		L,
-		T,
-		() => x.anchorEl,
-		() => B.value.arrow,
-		() => B.value.offset,
-		() => B.value.strategy,
-		() => B.value.placement
+		I,
+		w,
+		() => b.anchorEl,
+		() => z.value.arrow,
+		() => z.value.offset,
+		() => z.value.strategy,
+		() => z.value.placement
 	], async () => {
-		if (!L.value || !T.value) {
-			Q();
+		if (!I.value || !w.value) {
+			Z();
 			return;
 		}
-		await i(), de();
-	}, { flush: "post" }), u(L, () => {
-		fe();
-	}, { immediate: !0 }), a(() => {
-		Y(), Q(), $();
+		await a(), fe();
+	}, { flush: "post" }), u(I, () => {
+		pe();
+	}, { immediate: !0 }), o(() => {
+		J(), Z(), Q();
 	});
-	let ge = r(() => e(H.value?.root, J.value, p({
+	let _e = i(() => e(V.value?.root, q.value, m({
 		"relative inline-flex": !0,
-		[g(U.value, "root") ?? ""]: !0
-	}))), _e = r(() => e(H.value?.trigger, {}, {
-		onBlur: le,
-		onFocus: ce,
-		onKeydown: ue,
-		onPointerenter: oe,
-		onPointerleave: se,
-		"aria-describedby": L.value ? w : void 0,
-		class: p({
+		[d(H.value, "root") ?? ""]: !0
+	}))), ve = i(() => e(V.value?.trigger, {}, {
+		onBlur: ue,
+		onFocus: le,
+		onKeydown: de,
+		onPointerenter: se,
+		onPointerleave: ce,
+		"aria-describedby": I.value ? C : void 0,
+		class: m({
 			"inline-flex w-fit max-w-full outline-hidden": !0,
-			[g(U.value, "trigger") ?? ""]: !0
+			[d(H.value, "trigger") ?? ""]: !0
 		})
-	})), ve = r(() => e(H.value?.content, {}, {
-		id: w,
+	})), $ = i(() => e(V.value?.content, {}, {
+		id: C,
 		role: "tooltip",
-		style: { zIndex: I.value },
-		class: p({
+		style: { zIndex: F.value },
+		class: m({
 			"pointer-events-none absolute w-max max-w-xs font-medium shadow-md": !0,
+			[W.value?.content ?? ""]: !0,
 			[G.value?.content ?? ""]: !0,
-			[K.value?.content ?? ""]: !0,
-			[q.value ?? ""]: !0,
-			[g(U.value, "content") ?? ""]: !0
+			[K.value ?? ""]: !0,
+			[d(H.value, "content") ?? ""]: !0
 		})
 	}));
 	return {
-		show: L,
-		merged: B,
-		mounted: T,
-		rootBind: ge,
-		tooltipId: w,
-		arrowBind: r(() => B.value.arrow ? e(H.value?.arrow, {}, {
+		show: I,
+		merged: z,
+		mounted: w,
+		rootBind: _e,
+		tooltipId: C,
+		arrowBind: i(() => z.value.arrow ? e(V.value?.arrow, {}, {
 			"aria-hidden": !0,
-			class: p({
+			class: m({
 				"pointer-events-none absolute size-2 rotate-45": !0,
-				[G.value?.arrow ?? ""]: !0,
-				[g(U.value, "arrow") ?? ""]: !0
+				[W.value?.arrow ?? ""]: !0,
+				[d(H.value, "arrow") ?? ""]: !0
 			})
 		}) : null),
-		isPortaled: W,
-		triggerBind: _e,
-		contentBind: ve,
-		setArrowRef: he,
-		setTriggerRef: pe,
-		setContentRef: me
+		isPortaled: U,
+		triggerBind: ve,
+		contentBind: $,
+		setArrowRef: ge,
+		setTriggerRef: me,
+		setContentRef: he
 	};
 }
 //#endregion
-export { x as useTooltip };
+export { b as useTooltip };

package/dist/Components/Tooltip/tooltip.types.d.ts

@@ -1,5 +1,7 @@
 import { HTMLAttributes, Slot } from 'vue';
-import { MergeHtmlProps, MergeProps, PositionPlacement, PositionStrategy, TooltipColor, TooltipRounded, TooltipSize } from '@bridge-ui/core';
+import { PositionPlacement, PositionStrategy } from '@bridge-ui/core/Runtime';
+import { TooltipColor, TooltipRounded, TooltipSize } from '@bridge-ui/core/Tokens';
+import { MergeHtmlProps, MergeProps } from '@bridge-ui/core/Utils';
 export interface TooltipSizeOverrides {}
 export interface TooltipColorOverrides {}
 export interface TooltipRoundedOverrides {}

package/dist/Provider/BridgeUIProvider.vue.d.ts

@@ -1,4 +1,4 @@
-import { BridgeUIComponentsConfig, BridgeUIGlobal } from '@bridge-ui/core';
+import { BridgeUIComponentsConfig, BridgeUIGlobal } from '@bridge-ui/core/Config';
 type __VLS_Props = {
     components?: BridgeUIComponentsConfig;
     global?: Partial<BridgeUIGlobal>;

package/dist/Provider/bridgeUITypes.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef } from 'vue';
-import { BridgeUIComponentsConfig, BridgeUIGlobal, Direction } from '@bridge-ui/core';
+import { BridgeUIComponentsConfig, BridgeUIGlobal, Direction } from '@bridge-ui/core/Config';
 export interface BridgeUIContextApi {
     components: ComputedRef<BridgeUIComponentsConfig>;
     global: ComputedRef<BridgeUIGlobal>;

package/dist/Provider/createBridgeUI.d.ts

@@ -1,3 +1,3 @@
 import { Plugin } from 'vue';
-import { BridgeUIOptions } from '@bridge-ui/core';
+import { BridgeUIOptions } from '@bridge-ui/core/Config';
 export declare function createBridgeUI(options?: BridgeUIOptions): Plugin;

package/dist/Provider/createBridgeUIApi.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef } from 'vue';
-import { BridgeUIComponentsConfig, BridgeUIGlobal } from '@bridge-ui/core';
+import { BridgeUIComponentsConfig, BridgeUIGlobal } from '@bridge-ui/core/Config';
 import { BridgeUIContextApi } from './bridgeUITypes';
 export declare function createBridgeUIApi(parent: undefined | BridgeUIContextApi, optionsRef: ComputedRef<{
     components: BridgeUIComponentsConfig;

package/dist/Provider/createBridgeUIApi.js

@@ -1,24 +1,24 @@
 import { computed as e, shallowRef as t } from "vue";
-import { BRIDGE_UI_DEFAULT_GLOBAL as n, mergeBridgeUIComponents as r, mergeBridgeUIGlobal as i } from "@bridge-ui/core";
-import { toMerged as a } from "es-toolkit/object";
+import { toMerged as n } from "es-toolkit/object";
+import { BRIDGE_UI_DEFAULT_GLOBAL as r, mergeBridgeUIComponents as i, mergeBridgeUIGlobal as a } from "@bridge-ui/core/Config";
 //#region src/Provider/createBridgeUIApi.ts
 function o(o, s) {
-	let c = t({}), l = t({}), u = e(() => i({
+	let c = t({}), l = t({}), u = e(() => a({
 		partials: [s.value.global],
-		base: o ? o.global.value : n
-	})), d = e(() => i({
+		base: o ? o.global.value : r
+	})), d = e(() => a({
 		base: u.value,
 		partials: [c.value]
-	})), f = e(() => r({
+	})), f = e(() => i({
 		partials: [s.value.components],
 		base: o ? o.components.value : {}
-	})), p = e(() => r({
+	})), p = e(() => i({
 		base: f.value,
 		partials: [l.value]
 	}));
 	function m(e) {
-		let { icons: t, ...n } = e, r = a(c.value, n);
-		t !== void 0 && (r.icons = t), c.value = r;
+		let { icons: t, ...r } = e, i = n(c.value, r);
+		t !== void 0 && (i.icons = t), c.value = i;
 	}
 	function h(e) {
 		m({ theme: e });
@@ -30,7 +30,7 @@ function o(o, s) {
 		m({ direction: e });
 	}
 	function v(e) {
-		l.value = r({
+		l.value = i({
 			partials: [e],
 			base: l.value
 		});

package/dist/Utils/index.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPublicInstance, ComputedRef, MaybeRefOrGetter } from 'vue';
 import { BridgeUIComponentsConfig } from '@bridge-ui/core/Config';
-import { FormFieldSize } from '@bridge-ui/core/Tokens/FormField';
-import { IconSize } from '@bridge-ui/core/Tokens/Icon';
+import { ResolvedFieldOverlay } from '@bridge-ui/core/Domain';
+import { FormFieldSize, IconSize } from '@bridge-ui/core/Tokens';
 import { useBridgeUI } from '../Provider/useBridgeUI';
 type RegistryEntryFor<K extends keyof BridgeUIComponentsConfig> = NonNullable<BridgeUIComponentsConfig[K]>;
 export type UseBridgeUIComponentReturn<P extends object, K extends keyof BridgeUIComponentsConfig = keyof BridgeUIComponentsConfig> = {
@@ -17,14 +17,14 @@ export declare function defineHeadlessComponent(setup: () => void): import('vue'
 /**
  * Merges Vue-specific classes into the `class` attribute.
  */
-export declare const mergePartBind: <Bridge extends object, Part extends object | undefined = undefined, Inherited extends object | undefined = undefined>(partProps: Part, inheritedAttrs: Inherited, bridgeProps: string | Bridge) => import('@bridge-ui/core').MergePartBind<Bridge, "class", Part, Inherited>;
+export declare const mergePartBind: <Bridge extends object, Part extends object | undefined = undefined, Inherited extends object | undefined = undefined>(partProps: Part, inheritedAttrs: Inherited, bridgeProps: string | Bridge) => import('@bridge-ui/core/Utils').MergePartBind<Bridge, "class", Part, Inherited>;
 /**
  * Merges consumer nested-component props with package defaults (consumer wins).
  */
 export declare const mergeNestedComponentProps: <P extends {
     classes?: object;
     customProps?: object;
-}>(userProps: undefined | Partial<P>, defaults?: import('@bridge-ui/core').NestedComponentDefaults<P>) => Partial<P>;
+}>(userProps: undefined | Partial<P>, defaults?: import('@bridge-ui/core/Utils').NestedComponentDefaults<P>) => Partial<P>;
 /**
  * Registry entry + props merged with Bridge defaults for a named component.
  */
@@ -33,6 +33,15 @@ export declare function useBridgeUIComponent<P extends object, K extends keyof B
     libDefaults?: Partial<P>;
     props: MaybeRefOrGetter<Partial<P>>;
 }): UseBridgeUIComponentReturn<P, K>;
+/**
+ * Resolves Cancel / Apply visibility: instance prop, then registry
+ * `defaultProps.showFooter`, then the overlay default from core.
+ */
+export declare function useFieldShowFooter({ overlay, showFooter, componentName, }: {
+    componentName: undefined | keyof BridgeUIComponentsConfig;
+    overlay: MaybeRefOrGetter<ResolvedFieldOverlay>;
+    showFooter: MaybeRefOrGetter<boolean | undefined>;
+}): ComputedRef<boolean>;
 /**
  * Merges `entry.classes` (Bridge provider) with `props.classes` (instance).
  */

package/dist/Utils/index.js

@@ -3,11 +3,11 @@ import { RenderFn as t, hasNamedSlot as n, hasSlotOrProp as r, isPropPresent as
 import { useBreakpoint as o } from "./useBreakpoint.js";
 import { useHoldRepeat as s } from "./useHoldRepeat.js";
 import { computed as c, defineComponent as l, toValue as u, unref as d } from "vue";
-import { createMergeNestedComponentProps as f, createMergePartBind as p } from "@bridge-ui/core";
-import { get as m, isNil as h } from "es-toolkit/compat";
-import { mergeBridgeUILayeredClasses as g, mergePropsWithBridgeUIDefaults as _ } from "@bridge-ui/core/Utils";
+import { get as f, isNil as p } from "es-toolkit/compat";
+import { resolveFieldShowFooter as m } from "@bridge-ui/core/Domain";
+import { createMergeNestedComponentProps as h, createMergePartBind as g, mergeBridgeUILayeredClasses as _, mergePropsWithBridgeUIDefaults as v } from "@bridge-ui/core/Utils";
 //#region src/Utils/index.ts
-function v(e) {
+function y(e) {
 	return l({
 		name: "HeadlessTestComponent",
 		setup() {
@@ -15,15 +15,15 @@ function v(e) {
 		}
 	});
 }
-var y = p("class"), b = f(y);
-function x({ props: t, libDefaults: n, componentName: r }) {
-	let i = e(), a = c(() => h(i) ? null : d(i.components));
+var b = g("class"), x = h(b);
+function S({ props: t, libDefaults: n, componentName: r }) {
+	let i = e(), a = c(() => p(i) ? null : d(i.components));
 	return {
 		entry: c(() => {
-			if (r) return m(a.value, r);
+			if (r) return f(a.value, r);
 		}),
 		bridge: i,
-		merged: c(() => _({
+		merged: c(() => v({
 			libDefaults: n,
 			componentName: r,
 			props: u(t),
@@ -33,11 +33,22 @@ function x({ props: t, libDefaults: n, componentName: r }) {
 		components: a
 	};
 }
-function S({ entry: e, props: t }) {
-	return c(() => g(m(e.value, "classes"), u(t).classes));
+function C({ overlay: t, showFooter: n, componentName: r }) {
+	let i = e();
+	return c(() => {
+		let e = r ? f(d(i?.components), [
+			r,
+			"defaultProps",
+			"showFooter"
+		]) : void 0;
+		return m(u(n) ?? e, u(t));
+	});
+}
+function w({ entry: e, props: t }) {
+	return c(() => _(f(e.value, "classes"), u(t).classes));
 }
-function C(e) {
-	return m({
+function T(e) {
+	return f({
 		xs: "xs",
 		sm: "sm",
 		md: "md",
@@ -47,7 +58,7 @@ function C(e) {
 		"2xl": "lg"
 	}, e ?? "md");
 }
-function w(e) {
+function E(e) {
 	if (e instanceof HTMLElement) return e;
 	if (e && "$el" in e) {
 		let t = e.$el;
@@ -56,4 +67,4 @@ function w(e) {
 	return null;
 }
 //#endregion
-export { t as RenderFn, v as defineHeadlessComponent, n as hasNamedSlot, r as hasSlotOrProp, i as isPropPresent, b as mergeNestedComponentProps, y as mergePartBind, a as presentSlotNames, C as resolveFieldAdornmentIconSize, w as resolveVnodeRefElement, o as useBreakpoint, x as useBridgeUIComponent, S as useBridgeUIMergedRegistryClasses, s as useHoldRepeat };
+export { t as RenderFn, y as defineHeadlessComponent, n as hasNamedSlot, r as hasSlotOrProp, i as isPropPresent, x as mergeNestedComponentProps, b as mergePartBind, a as presentSlotNames, T as resolveFieldAdornmentIconSize, E as resolveVnodeRefElement, o as useBreakpoint, S as useBridgeUIComponent, w as useBridgeUIMergedRegistryClasses, C as useFieldShowFooter, s as useHoldRepeat };

package/dist/Utils/useBreakpoint.d.ts

@@ -1,5 +1,5 @@
 import { MaybeRefOrGetter } from 'vue';
-import { BreakpointObserverOptions, BreakpointSnapshot } from '@bridge-ui/core';
+import { BreakpointObserverOptions, BreakpointSnapshot } from '@bridge-ui/core/Runtime';
 export type UseBreakpointOptions = BreakpointObserverOptions;
 /**
  * Reactive viewport breakpoints aligned with Tailwind `--breakpoint-*` tokens.
@@ -10,6 +10,9 @@ export type UseBreakpointOptions = BreakpointObserverOptions;
  * Falls back to `BridgeUIProvider` `global.mobileBreakpoint` and
  * `global.breakpoints`. Composable options win when passed.
  *
- * On the server (and before mount), `mobile` is `true` at width `0`.
+ * On the server and during the hydration pass, `mobile` stays `true` (width
+ * `0`) so SSR HTML matches the client first paint. The real viewport is applied
+ * after mount — same contract as React's `useSyncExternalStore` +
+ * `getServerSnapshot`.
  */
 export declare function useBreakpoint(options?: MaybeRefOrGetter<undefined | UseBreakpointOptions>): BreakpointSnapshot;

package/dist/Utils/useBreakpoint.js

@@ -1,35 +1,37 @@
 import { useBridgeUI as e } from "../Provider/useBridgeUI.js";
-import { onBeforeUnmount as t, reactive as n, toValue as r, watch as i } from "vue";
-import { buildBreakpointSnapshot as a, createBreakpointObserver as o, resolveBreakpoints as s } from "@bridge-ui/core";
-import { isEmpty as c, isNil as l } from "es-toolkit/compat";
-import { toMerged as u } from "es-toolkit/object";
+import { onBeforeUnmount as t, onMounted as n, reactive as r, toValue as i, watch as a } from "vue";
+import { isEmpty as o, isNil as s } from "es-toolkit/compat";
+import { toMerged as c } from "es-toolkit/object";
+import { buildBreakpointSnapshot as l, createBreakpointObserver as u, resolveBreakpoints as d } from "@bridge-ui/core/Runtime";
 //#region src/Utils/useBreakpoint.ts
-function d(d) {
-	let f = e(), p = n(a(0, 0, s(), "sm")), m, h;
-	function g(e) {
-		Object.assign(p, e);
+function f(f) {
+	let p = e(), m = r(l(0, 0, d(), "sm")), h = !1, g, _;
+	function v(e) {
+		Object.assign(m, e);
 	}
-	function _(e) {
-		let t = u(f?.global.value.breakpoints ?? {}, e?.breakpoints ?? {});
+	function y(e) {
+		let t = c(p?.global.value.breakpoints ?? {}, e?.breakpoints ?? {});
 		return {
-			breakpoints: c(t) ? void 0 : t,
-			mobileBreakpoint: l(e?.mobileBreakpoint) ? f?.global.value.mobileBreakpoint : e.mobileBreakpoint
+			breakpoints: o(t) ? void 0 : t,
+			mobileBreakpoint: s(e?.mobileBreakpoint) ? p?.global.value.mobileBreakpoint : e.mobileBreakpoint
 		};
 	}
-	function v(e) {
-		h?.(), h = void 0, m = o(_(e)), g(m.getSnapshot()), h = m.subscribe(() => {
-			l(m) || g(m.getSnapshot());
-		});
+	function b(e) {
+		_?.(), _ = void 0, g = u(y(e)), v(h ? g.getSnapshot() : g.getServerSnapshot()), h && (_ = g.subscribe(() => {
+			s(g) || v(g.getSnapshot());
+		}));
 	}
-	return v(r(d)), i(() => [
-		r(d),
-		f?.global.value.breakpoints,
-		f?.global.value.mobileBreakpoint
+	return b(i(f)), n(() => {
+		h = !0, b(i(f));
+	}), a(() => [
+		i(f),
+		p?.global.value.breakpoints,
+		p?.global.value.mobileBreakpoint
 	], () => {
-		v(r(d));
+		b(i(f));
 	}, { deep: !0 }), t(() => {
-		h?.(), h = void 0, m = void 0;
-	}), p;
+		_?.(), _ = void 0, g = void 0;
+	}), m;
 }
 //#endregion
-export { d as useBreakpoint };
+export { f as useBreakpoint };