@gx-design-vue/context 0.0.5-alpha.1 → 0.0.5-alpha.3

package/dist/context/ContextProvider.d.ts

@@ -1,4 +1,4 @@
-import * as vue6 from "vue";
+import * as _$vue from "vue";
 import { PropType, SlotsType } from "vue";
 
 //#region src/context/ContextProvider.d.ts
@@ -19,7 +19,7 @@ declare const contextProps: {
     required: boolean;
   };
 };
-declare const ContextProvider: vue6.DefineComponent<vue6.ExtractPropTypes<{
+declare const ContextProvider: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   contextKey: {
     type: PropType<ContextProviderProps["contextKey"]>;
     required: boolean;
@@ -28,7 +28,7 @@ declare const ContextProvider: vue6.DefineComponent<vue6.ExtractPropTypes<{
     type: PropType<ContextProviderProps["value"]>;
     required: boolean;
   };
-}>, () => any, {}, {}, {}, vue6.ComponentOptionsMixin, vue6.ComponentOptionsMixin, {}, string, vue6.PublicProps, Readonly<vue6.ExtractPropTypes<{
+}>, () => any, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   contextKey: {
     type: PropType<ContextProviderProps["contextKey"]>;
     required: boolean;
@@ -37,7 +37,7 @@ declare const ContextProvider: vue6.DefineComponent<vue6.ExtractPropTypes<{
     type: PropType<ContextProviderProps["value"]>;
     required: boolean;
   };
-}>> & Readonly<{}>, {}, SlotsType<ContextProviderSlots>, {}, {}, string, vue6.ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, SlotsType<ContextProviderSlots>, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 declare function useContextProvider<T = any>(contextInjectKey: string, defaultValue?: T): T & {
   contextId: string;
 };

package/dist/context/ContextProvider.js

@@ -1,6 +1,5 @@
 import { defineComponent, inject, provide, toRefs } from "vue";
 import { getRandomNumber, isObject } from "@gx-design-vue/pro-utils";
-
 //#region src/context/ContextProvider.tsx
 let contextId = null;
 function updateContextKey(key) {
@@ -34,6 +33,5 @@ const ContextProvider = /* @__PURE__ */ defineComponent({
 function useContextProvider(contextInjectKey, defaultValue) {
 	if (typeof contextId === "symbol") return inject(updateContextKey(contextInjectKey), defaultValue || {});
 }
-
 //#endregion
-export { ContextProvider, contextProps, useContextProvider };
+export { ContextProvider, contextProps, useContextProvider };

package/dist/context/index.js

@@ -1,5 +1,4 @@
 import { inject, provide } from "vue";
-
 //#region src/context/index.ts
 function useContext(key, defaultValue) {
 	const contextInjectKey = Symbol(key);
@@ -15,6 +14,5 @@ function useContext(key, defaultValue) {
 		contextInjectKey
 	};
 }
-
 //#endregion
-export { useContext };
+export { useContext };

package/dist/context.esm.js

@@ -1,46 +1,53 @@
-import { computed, customRef, defineComponent, getCurrentInstance, getCurrentScope, hasInjectionContext, inject, isRef, nextTick, onMounted, provide, readonly, ref, shallowRef, toRef, toRefs, toValue, unref, watch, watchEffect } from "vue";
-function useContext(e, t) {
+import { computed as e, customRef as t, defineComponent as n, getCurrentInstance as r, getCurrentScope as i, hasInjectionContext as a, inject as o, isRef as s, nextTick as c, onMounted as l, provide as u, readonly as d, ref as f, shallowReadonly as p, shallowRef as m, toRef as h, toRefs as g, toValue as _, unref as v, watch as y, watchEffect as b } from "vue";
+//#region src/context/index.ts
+function x(e, t) {
 	let n = Symbol(e);
 	return {
 		provideContext: (e) => {
-			provide(n, e);
+			u(n, e);
 		},
-		useInjectContext: (e) => inject(n, e || t || {}),
+		useInjectContext: (e) => o(n, e || t || {}),
 		contextInjectKey: n
 	};
 }
 typeof process < "u" && process.versions != null && process.versions.node;
-function is(e, t) {
+//#endregion
+//#region ../pro-utils/dist/is/type.js
+function S(e, t) {
 	return Object.prototype.toString.call(e) === `[object ${t}]`;
 }
-function isObject$1(e) {
-	return e !== null && is(e, "Object");
+function C(e) {
+	return e !== null && S(e, "Object");
 }
-var raf = (e) => setTimeout(e, 16), caf = (e) => clearTimeout(e);
-typeof window < "u" && "requestAnimationFrame" in window && (raf = (e) => window.requestAnimationFrame(e), caf = (e) => window.cancelAnimationFrame(e));
-var rafUUID = 0, rafIds = /* @__PURE__ */ new Map();
-function cleanup(e) {
-	rafIds.delete(e);
+//#endregion
+//#region ../pro-utils/dist/dom/raf.js
+var w = (e) => setTimeout(e, 16), T = (e) => clearTimeout(e);
+typeof window < "u" && "requestAnimationFrame" in window && (w = (e) => window.requestAnimationFrame(e), T = (e) => window.cancelAnimationFrame(e));
+var E = 0, D = /* @__PURE__ */ new Map();
+function O(e) {
+	D.delete(e);
 }
-function wrapperRaf(e, t = 1) {
-	rafUUID += 1;
-	let n = rafUUID;
+function k(e, t = 1) {
+	E += 1;
+	let n = E;
 	function r(t) {
-		if (t === 0) cleanup(n), e();
+		if (t === 0) O(n), e();
 		else {
-			let e = raf(() => {
+			let e = w(() => {
 				r(t - 1);
 			});
-			rafIds.set(n, e);
+			D.set(n, e);
 		}
 	}
 	return r(t), n;
 }
-wrapperRaf.cancel = (e) => {
-	let t = rafIds.get(e);
-	return cleanup(t), caf(t);
+k.cancel = (e) => {
+	let t = D.get(e);
+	return O(t), T(t);
 };
-function getRandomNumber() {
+//#endregion
+//#region ../pro-utils/dist/string/uuid.js
+function A() {
 	let e = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split("");
 	return {
 		uuid(t, n) {
@@ -65,11 +72,13 @@ function getRandomNumber() {
 		}
 	};
 }
-var contextId = null;
-function updateContextKey(e) {
-	return contextId || (contextId = Symbol(e), contextId);
+//#endregion
+//#region src/context/ContextProvider.tsx
+var j = null;
+function M(e) {
+	return j || (j = Symbol(e), j);
 }
-var ContextProvider = /* @__PURE__ */ defineComponent({
+var ee = /* @__PURE__ */ n({
 	name: "ContextProvider",
 	props: {
 		contextKey: {
@@ -82,31 +91,32 @@ var ContextProvider = /* @__PURE__ */ defineComponent({
 		}
 	},
 	slots: Object,
-	setup: (e, { slots: t }) => (e.contextKey && e.value && isObject$1(e.value) ? provide(updateContextKey(e.contextKey), {
-		...toRefs(e.value),
-		contextId: `${e.contextKey}-${getRandomNumber().uuid(10)}`
+	setup: (e, { slots: t }) => (e.contextKey && e.value && C(e.value) ? u(M(e.contextKey), {
+		...g(e.value),
+		contextId: `${e.contextKey}-${A().uuid(10)}`
 	}) : console.warn("[ContextProvider]: contextKey is required"), () => t.default?.())
 });
-function useContextProvider(e, t) {
-	if (typeof contextId == "symbol") return inject(updateContextKey(e), t || {});
-}
-const { provideContext: createThemeContext, useInjectContext: useThemeContext } = useContext("theme-provider");
-var localProvidedStateMap = /* @__PURE__ */ new WeakMap(), injectLocal = (...e) => {
-	let t = e[0], n = getCurrentInstance()?.proxy ?? getCurrentScope();
-	if (n == null && !hasInjectionContext()) throw Error("injectLocal must be called in setup");
-	return n && localProvidedStateMap.has(n) && t in localProvidedStateMap.get(n) ? localProvidedStateMap.get(n)[t] : inject(...e);
-}, isClient = typeof window < "u" && typeof document < "u";
+function te(e, t) {
+	if (typeof j == "symbol") return o(M(e), t || {});
+}
+//#endregion
+//#region src/theme-context/context.ts
+var { provideContext: ne, useInjectContext: re } = x("theme-provider"), N = /* @__PURE__ */ new WeakMap(), P = (...e) => {
+	let t = e[0], n = r()?.proxy ?? i();
+	if (n == null && !a()) throw Error("injectLocal must be called in setup");
+	return n && N.has(n) && t in N.get(n) ? N.get(n)[t] : o(...e);
+}, F = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-var toString = Object.prototype.toString, isObject = (e) => toString.call(e) === "[object Object]", noop = () => {};
-function toRef$1(...e) {
-	if (e.length !== 1) return toRef(...e);
+var I = Object.prototype.toString, ie = (e) => I.call(e) === "[object Object]", ae = () => {};
+function L(...e) {
+	if (e.length !== 1) return h(...e);
 	let n = e[0];
-	return typeof n == "function" ? readonly(customRef(() => ({
+	return typeof n == "function" ? d(t(() => ({
 		get: n,
-		set: noop
-	}))) : ref(n);
+		set: ae
+	}))) : f(n);
 }
-function createFilterWrapper(e, t) {
+function R(e, t) {
 	function n(...n) {
 		return new Promise((r, i) => {
 			Promise.resolve(e(() => t.apply(this, n), {
@@ -118,9 +128,9 @@ function createFilterWrapper(e, t) {
 	}
 	return n;
 }
-var bypassFilter = (e) => e();
-function pausableFilter(e = bypassFilter, t = {}) {
-	let { initialState: n = "active" } = t, r = toRef$1(n === "active");
+var z = (e) => e();
+function oe(e = z, t = {}) {
+	let { initialState: n = "active" } = t, r = L(n === "active");
 	function i() {
 		r.value = !1;
 	}
@@ -128,7 +138,7 @@ function pausableFilter(e = bypassFilter, t = {}) {
 		r.value = !0;
 	}
 	return {
-		isActive: readonly(r),
+		isActive: p(r),
 		pause: i,
 		resume: a,
 		eventFilter: (...t) => {
@@ -136,23 +146,23 @@ function pausableFilter(e = bypassFilter, t = {}) {
 		}
 	};
 }
-function pxValue(e) {
+function B(e) {
 	return e.endsWith("rem") ? Number.parseFloat(e) * 16 : Number.parseFloat(e);
 }
-function toArray(e) {
+function V(e) {
 	return Array.isArray(e) ? e : [e];
 }
-function getLifeCycleTarget(e) {
-	return e || getCurrentInstance();
+function se(e) {
+	return e || r();
 }
-function watchWithFilter(e, t, n = {}) {
-	let { eventFilter: r = bypassFilter, ...i } = n;
-	return watch(e, createFilterWrapper(r, t), i);
+function ce(e, t, n = {}) {
+	let { eventFilter: r = z, ...i } = n;
+	return y(e, R(r, t), i);
 }
-function watchPausable(e, t, n = {}) {
-	let { eventFilter: r, initialState: i = "active", ...a } = n, { eventFilter: o, pause: s, resume: c, isActive: l } = pausableFilter(r, { initialState: i });
+function H(e, t, n = {}) {
+	let { eventFilter: r, initialState: i = "active", ...a } = n, { eventFilter: o, pause: s, resume: c, isActive: l } = oe(r, { initialState: i });
 	return {
-		stop: watchWithFilter(e, t, {
+		stop: ce(e, t, {
 			...a,
 			eventFilter: o
 		}),
@@ -161,96 +171,98 @@ function watchPausable(e, t, n = {}) {
 		isActive: l
 	};
 }
-function tryOnMounted(e, t = !0, n) {
-	getLifeCycleTarget(n) ? onMounted(e, n) : t ? e() : nextTick(e);
+function U(e, t = !0, n) {
+	se(n) ? l(e, n) : t ? e() : c(e);
 }
-function useToggle(e = !1, t = {}) {
-	let { truthyValue: n = !0, falsyValue: r = !1 } = t, i = isRef(e), a = shallowRef(e);
+function W(e = !1, t = {}) {
+	let { truthyValue: n = !0, falsyValue: r = !1 } = t, i = s(e), a = m(e);
 	function o(e) {
 		if (arguments.length) return a.value = e, a.value;
 		{
-			let e = toValue(n);
-			return a.value = a.value === e ? toValue(r) : e, a.value;
+			let e = _(n);
+			return a.value = a.value === e ? _(r) : e, a.value;
 		}
 	}
 	return i ? o : [a, o];
 }
-function watchImmediate(e, t, n) {
-	return watch(e, t, {
+function le(e, t, n) {
+	return y(e, t, {
 		...n,
 		immediate: !0
 	});
 }
-var defaultWindow = isClient ? window : void 0;
-isClient && window.document, isClient && window.navigator, isClient && window.location;
-function unrefElement(e) {
-	let t = toValue(e);
+//#endregion
+//#region ../../node_modules/.pnpm/@vueuse+core@14.3.0_vue@3.5.27_typescript@6.0.3_/node_modules/@vueuse/core/dist/index.js
+var G = F ? window : void 0;
+F && window.document, F && window.navigator, F && window.location;
+function K(e) {
+	let t = _(e);
 	return t?.$el ?? t;
 }
-function useEventListener(...t) {
-	let n = (e, t, n, r) => (e.addEventListener(t, n, r), () => e.removeEventListener(t, n, r)), r = computed(() => {
-		let e = toArray(toValue(t[0])).filter((e) => e != null);
+function q(...t) {
+	let n = (e, t, n, r) => (e.addEventListener(t, n, r), () => e.removeEventListener(t, n, r)), r = e(() => {
+		let e = V(_(t[0])).filter((e) => e != null);
 		return e.every((e) => typeof e != "string") ? e : void 0;
 	});
-	return watchImmediate(() => [
-		r.value?.map((e) => unrefElement(e)) ?? [defaultWindow].filter((e) => e != null),
-		toArray(toValue(r.value ? t[1] : t[0])),
-		toArray(unref(r.value ? t[2] : t[1])),
-		toValue(r.value ? t[3] : t[2])
+	return le(() => [
+		r.value?.map((e) => K(e)) ?? [G].filter((e) => e != null),
+		V(_(r.value ? t[1] : t[0])),
+		V(v(r.value ? t[2] : t[1])),
+		_(r.value ? t[3] : t[2])
 	], ([e, t, r, i], a, o) => {
 		if (!e?.length || !t?.length || !r?.length) return;
-		let s = isObject(i) ? { ...i } : i, c = e.flatMap((e) => t.flatMap((t) => r.map((r) => n(e, t, r, s))));
+		let s = ie(i) ? { ...i } : i, c = e.flatMap((e) => t.flatMap((t) => r.map((r) => n(e, t, r, s))));
 		o(() => {
 			c.forEach((e) => e());
 		});
 	}, { flush: "post" });
 }
-function useMounted() {
-	let e = shallowRef(!1), t = getCurrentInstance();
-	return t && onMounted(() => {
+function ue() {
+	let e = m(!1), t = r();
+	return t && l(() => {
 		e.value = !0;
 	}, t), e;
 }
 /* @__NO_SIDE_EFFECTS__ */
-function useSupported(t) {
-	let n = useMounted();
-	return computed(() => (n.value, !!t()));
+function de(t) {
+	let n = ue();
+	return e(() => (n.value, !!t()));
 }
-var ssrWidthSymbol = Symbol("vueuse-ssr-width");
+var fe = Symbol("vueuse-ssr-width");
 /* @__NO_SIDE_EFFECTS__ */
-function useSSRWidth() {
-	let e = hasInjectionContext() ? injectLocal(ssrWidthSymbol, null) : null;
+function pe() {
+	let e = a() ? P(fe, null) : null;
 	return typeof e == "number" ? e : void 0;
 }
-function useMediaQuery(t, n = {}) {
-	let { window: r = defaultWindow, ssrWidth: i = /* @__PURE__ */ useSSRWidth() } = n, a = /* @__PURE__ */ useSupported(() => r && "matchMedia" in r && typeof r.matchMedia == "function"), o = shallowRef(typeof i == "number"), s = shallowRef(), c = shallowRef(!1);
-	return watchEffect(() => {
+function me(t, n = {}) {
+	let { window: r = G, ssrWidth: i = /* @__PURE__ */ pe() } = n, a = /* @__PURE__ */ de(() => r && "matchMedia" in r && typeof r.matchMedia == "function"), o = m(typeof i == "number"), s = m(), c = m(!1);
+	return b(() => {
 		if (o.value) {
-			o.value = !a.value, c.value = toValue(t).split(",").some((e) => {
+			o.value = !a.value, c.value = _(t).split(",").some((e) => {
 				let t = e.includes("not all"), n = e.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), r = e.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), a = !!(n || r);
-				return n && a && (a = i >= pxValue(n[1])), r && a && (a = i <= pxValue(r[1])), t ? !a : a;
+				return n && a && (a = i >= B(n[1])), r && a && (a = i <= B(r[1])), t ? !a : a;
 			});
 			return;
 		}
-		a.value && (s.value = r.matchMedia(toValue(t)), c.value = s.value.matches);
-	}), useEventListener(s, "change", (e) => {
+		a.value && (s.value = r.matchMedia(_(t)), c.value = s.value.matches);
+	}), q(s, "change", (e) => {
 		c.value = e.matches;
-	}, { passive: !0 }), computed(() => c.value);
+	}, { passive: !0 }), e(() => c.value);
 }
-var _global = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, globalKey = "__vueuse_ssr_handlers__", handlers = /* @__PURE__ */ getHandlers();
-function getHandlers() {
-	return globalKey in _global || (_global[globalKey] = _global[globalKey] || {}), _global[globalKey];
+var J = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Y = "__vueuse_ssr_handlers__", he = /* @__PURE__ */ ge();
+function ge() {
+	return Y in J || (J[Y] = J[Y] || {}), J[Y];
 }
-function getSSRHandler(e, t) {
-	return handlers[e] || t;
+function X(e, t) {
+	return he[e] || t;
 }
-function usePreferredDark(e) {
-	return useMediaQuery("(prefers-color-scheme: dark)", e);
+function _e(e) {
+	return me("(prefers-color-scheme: dark)", e);
 }
-function guessSerializerType(e) {
+function ve(e) {
 	return e == null ? "any" : e instanceof Set ? "set" : e instanceof Map ? "map" : e instanceof Date ? "date" : typeof e == "boolean" ? "boolean" : typeof e == "string" ? "string" : typeof e == "object" ? "object" : Number.isNaN(e) ? "any" : "number";
 }
-var StorageSerializers = {
+var ye = {
 	boolean: {
 		read: (e) => e === "true",
 		write: (e) => String(e)
@@ -283,102 +295,102 @@ var StorageSerializers = {
 		read: (e) => new Date(e),
 		write: (e) => e.toISOString()
 	}
-}, customStorageEventName = "vueuse-storage";
-function useStorage(t, n, r, i = {}) {
-	let { flush: a = "pre", deep: o = !0, listenToStorageChanges: s = !0, writeDefaults: l = !0, mergeDefaults: u = !1, shallow: d, window: m = defaultWindow, eventFilter: h, onError: _ = (e) => {
+}, Z = "vueuse-storage";
+function be(t, n, r, i = {}) {
+	let { flush: a = "pre", deep: o = !0, listenToStorageChanges: s = !0, writeDefaults: l = !0, mergeDefaults: u = !1, shallow: d, window: p = G, eventFilter: h, onError: g = (e) => {
 		console.error(e);
-	}, initOnMounted: v } = i, y = (d ? shallowRef : ref)(typeof n == "function" ? n() : n), b = computed(() => toValue(t));
+	}, initOnMounted: v } = i, b = (d ? m : f)(typeof n == "function" ? n() : n), x = e(() => _(t));
 	if (!r) try {
-		r = getSSRHandler("getDefaultStorage", () => defaultWindow?.localStorage)();
+		r = X("getDefaultStorage", () => G?.localStorage)();
 	} catch (e) {
-		_(e);
+		g(e);
 	}
-	if (!r) return y;
-	let x = toValue(n), S = guessSerializerType(x), C = i.serializer ?? StorageSerializers[S], { pause: w, resume: T } = watchPausable(y, (e) => O(e), {
+	if (!r) return b;
+	let S = _(n), C = ve(S), w = i.serializer ?? ye[C], { pause: T, resume: E } = H(b, (e) => k(e), {
 		flush: a,
 		deep: o,
 		eventFilter: h
 	});
-	watch(b, () => A(), { flush: a });
-	let E = !1;
-	m && s && (r instanceof Storage ? useEventListener(m, "storage", (e) => {
-		v && !E || A(e);
-	}, { passive: !0 }) : useEventListener(m, customStorageEventName, (e) => {
-		v && !E || j(e);
-	})), v ? tryOnMounted(() => {
-		E = !0, A();
-	}) : A();
-	function D(e, t) {
-		if (m) {
+	y(x, () => j(), { flush: a });
+	let D = !1;
+	p && s && (r instanceof Storage ? q(p, "storage", (e) => {
+		v && !D || j(e);
+	}, { passive: !0 }) : q(p, Z, (e) => {
+		v && !D || M(e);
+	})), v ? U(() => {
+		D = !0, j();
+	}) : j();
+	function O(e, t) {
+		if (p) {
 			let n = {
-				key: b.value,
+				key: x.value,
 				oldValue: e,
 				newValue: t,
 				storageArea: r
 			};
-			m.dispatchEvent(r instanceof Storage ? new StorageEvent("storage", n) : new CustomEvent(customStorageEventName, { detail: n }));
+			p.dispatchEvent(r instanceof Storage ? new StorageEvent("storage", n) : new CustomEvent(Z, { detail: n }));
 		}
 	}
-	function O(e) {
+	function k(e) {
 		try {
-			let t = r.getItem(b.value);
-			if (e == null) D(t, null), r.removeItem(b.value);
+			let t = r.getItem(x.value);
+			if (e == null) O(t, null), r.removeItem(x.value);
 			else {
-				let n = C.write(e);
-				t !== n && (r.setItem(b.value, n), D(t, n));
+				let n = w.write(e);
+				t !== n && (r.setItem(x.value, n), O(t, n));
 			}
 		} catch (e) {
-			_(e);
+			g(e);
 		}
 	}
-	function k(e) {
-		let t = e ? e.newValue : r.getItem(b.value);
-		if (t == null) return l && x != null && r.setItem(b.value, C.write(x)), x;
+	function A(e) {
+		let t = e ? e.newValue : r.getItem(x.value);
+		if (t == null) return l && S != null && r.setItem(x.value, w.write(S)), S;
 		if (!e && u) {
-			let e = C.read(t);
-			return typeof u == "function" ? u(e, x) : S === "object" && !Array.isArray(e) ? {
-				...x,
+			let e = w.read(t);
+			return typeof u == "function" ? u(e, S) : C === "object" && !Array.isArray(e) ? {
+				...S,
 				...e
 			} : e;
 		} else if (typeof t != "string") return t;
-		else return C.read(t);
+		else return w.read(t);
 	}
-	function A(e) {
+	function j(e) {
 		if (!(e && e.storageArea !== r)) {
 			if (e && e.key == null) {
-				y.value = x;
+				b.value = S;
 				return;
 			}
-			if (!(e && e.key !== b.value)) {
-				w();
+			if (!(e && e.key !== x.value)) {
+				T();
 				try {
-					let t = C.write(y.value);
-					(e === void 0 || e?.newValue !== t) && (y.value = k(e));
+					let t = w.write(b.value);
+					(e === void 0 || e?.newValue !== t) && (b.value = A(e));
 				} catch (e) {
-					_(e);
+					g(e);
 				} finally {
-					e ? nextTick(T) : T();
+					e ? c(E) : E();
 				}
 			}
 		}
 	}
-	function j(e) {
-		A(e.detail);
+	function M(e) {
+		j(e.detail);
 	}
-	return y;
+	return b;
 }
-var CSS_DISABLE_TRANS = "*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";
-function useColorMode(t = {}) {
-	let { selector: n = "html", attribute: r = "class", initialValue: i = "auto", window: a = defaultWindow, storage: o, storageKey: s = "vueuse-color-scheme", listenToStorageChanges: c = !0, storageRef: l, emitAuto: u, disableTransition: d = !0 } = t, f = {
+var xe = "*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}";
+function Q(t = {}) {
+	let { selector: n = "html", attribute: r = "class", initialValue: i = "auto", window: a = G, storage: o, storageKey: s = "vueuse-color-scheme", listenToStorageChanges: c = !0, storageRef: l, emitAuto: u, disableTransition: d = !0 } = t, f = {
 		auto: "",
 		light: "light",
 		dark: "dark",
 		...t.modes || {}
-	}, p = usePreferredDark({ window: a }), m = computed(() => p.value ? "dark" : "light"), h = l || (s == null ? toRef$1(i) : useStorage(s, i, o, {
+	}, p = _e({ window: a }), m = e(() => p.value ? "dark" : "light"), h = l || (s == null ? L(i) : be(s, i, o, {
 		window: a,
 		listenToStorageChanges: c
-	})), g = computed(() => h.value === "auto" ? m.value : h.value), _ = getSSRHandler("updateHTMLAttrs", (e, t, n) => {
-		let r = typeof e == "string" ? a?.document.querySelector(e) : unrefElement(e);
+	})), g = e(() => h.value === "auto" ? m.value : h.value), _ = X("updateHTMLAttrs", (e, t, n) => {
+		let r = typeof e == "string" ? a?.document.querySelector(e) : K(e);
 		if (!r) return;
 		let i = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), s = null;
 		if (t === "class") {
@@ -392,7 +404,7 @@ function useColorMode(t = {}) {
 		};
 		if (i.size === 0 && o.size === 0 && s === null) return;
 		let c;
-		d && (c = a.document.createElement("style"), c.appendChild(document.createTextNode(CSS_DISABLE_TRANS)), a.document.head.appendChild(c));
+		d && (c = a.document.createElement("style"), c.appendChild(document.createTextNode(xe)), a.document.head.appendChild(c));
 		for (let e of i) r.classList.add(e);
 		for (let e of o) r.classList.remove(e);
 		s && r.setAttribute(s.key, s.value), d && (a.getComputedStyle(c).opacity, document.head.removeChild(c));
@@ -400,14 +412,14 @@ function useColorMode(t = {}) {
 	function v(e) {
 		_(n, r, f[e] ?? e);
 	}
-	function y(e) {
+	function b(e) {
 		t.onChanged ? t.onChanged(e, v) : v(e);
 	}
-	watch(g, y, {
+	y(g, b, {
 		flush: "post",
 		immediate: !0
-	}), tryOnMounted(() => y(g.value));
-	let b = computed({
+	}), U(() => b(g.value));
+	let x = e({
 		get() {
 			return u ? h.value : g.value;
 		},
@@ -415,14 +427,14 @@ function useColorMode(t = {}) {
 			h.value = e;
 		}
 	});
-	return Object.assign(b, {
+	return Object.assign(x, {
 		store: h,
 		system: m,
 		state: g
 	});
 }
-function useDark(t = {}) {
-	let { valueDark: n = "dark", valueLight: r = "" } = t, i = useColorMode({
+function Se(t = {}) {
+	let { valueDark: n = "dark", valueLight: r = "" } = t, i = Q({
 		...t,
 		onChanged: (e, n) => {
 			var r;
@@ -432,8 +444,8 @@ function useDark(t = {}) {
 			dark: n,
 			light: r
 		}
-	}), a = computed(() => i.system.value);
-	return computed({
+	}), a = e(() => i.system.value);
+	return e({
 		get() {
 			return i.value === "dark";
 		},
@@ -443,7 +455,7 @@ function useDark(t = {}) {
 		}
 	});
 }
-const toggleDark = useToggle(useDark({ storageKey: "gx-theme-appearance" })), themeContextProps = {
+var Ce = W(Se({ storageKey: "gx-theme-appearance" })), $ = {
 	theme: { type: String },
 	defaultTheme: {
 		type: String,
@@ -452,23 +464,22 @@ const toggleDark = useToggle(useDark({ storageKey: "gx-theme-appearance" })), th
 	onChange: { type: Function },
 	onChangeBase: { type: Function },
 	onUpdateTheme: { type: Function }
-};
-var ThemeContext = /* @__PURE__ */ defineComponent({
+}, we = /* @__PURE__ */ n({
 	name: "ThemeContext",
 	inheritAttrs: !1,
-	props: themeContextProps,
+	props: $,
 	slots: Object,
 	setup: (t, { slots: n, emit: r }) => {
-		let i = document.querySelector("html"), a = ref(), o = ref(t.theme || t.defaultTheme || "system");
-		watch(() => t.theme, (e) => {
+		let i = document.querySelector("html"), a = f(), o = f(t.theme || t.defaultTheme || "system");
+		y(() => t.theme, (e) => {
 			e && (o.value = e);
 		});
-		let { system: s, store: c } = useColorMode();
-		watch(() => s.value, () => {
+		let { system: s, store: c } = Q();
+		y(() => s.value, () => {
 			l();
-		}, { immediate: !0 }), watch(() => a.value, (e) => {
+		}, { immediate: !0 }), y(() => a.value, (e) => {
 			e && t.onChangeBase?.(e);
-		}, { immediate: !0 }), watch(o, (e) => {
+		}, { immediate: !0 }), y(o, (e) => {
 			t.onChange?.(e), r("update:theme", e), l();
 		});
 		function l() {
@@ -477,22 +488,24 @@ var ThemeContext = /* @__PURE__ */ defineComponent({
 		function u(e) {
 			o.value = e, l();
 		}
-		return createThemeContext({
+		return ne({
 			theme: o,
 			resolvedTheme: a,
-			isDark: computed(() => a.value === "dark"),
+			isDark: e(() => a.value === "dark"),
 			setTheme: u
 		}), () => n.default?.();
 	}
 });
-function toggleAnimateTheme(e, t) {
+//#endregion
+//#region src/theme-context/utils.ts
+function Te(e, t) {
 	if (!(document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches)) {
 		t.setTheme?.(t.isDark ? "dark" : "light");
 		return;
 	}
 	let n = e.getBoundingClientRect(), r = n.left + n.width / 2, i = n.top + n.height / 2, a = Math.hypot(Math.max(r, innerWidth - r), Math.max(i, innerHeight - i)), o = 100 * r / innerWidth, s = 100 * i / innerHeight, l = Math.hypot(innerWidth, innerHeight) / Math.SQRT2, u = 100 * a / l;
 	document.startViewTransition(async () => {
-		t.setTheme?.(t.isDark ? "dark" : "light"), await nextTick();
+		t.setTheme?.(t.isDark ? "dark" : "light"), await c();
 	}).ready.then(() => {
 		let e = [`circle(0% at ${o}% ${s}%)`, `circle(${u}% at ${o}% ${s}%)`];
 		document.documentElement.animate({ clipPath: t.isDark ? [...e].reverse() : e }, {
@@ -503,4 +516,5 @@ function toggleAnimateTheme(e, t) {
 		});
 	});
 }
-export { ContextProvider, ThemeContext, themeContextProps, toggleAnimateTheme, toggleDark, useContext, useContextProvider, useThemeContext };
+//#endregion
+export { ee as ContextProvider, we as ThemeContext, $ as themeContextProps, Te as toggleAnimateTheme, Ce as toggleDark, x as useContext, te as useContextProvider, re as useThemeContext };

package/dist/context.js

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.Context={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function n(e,n){let r=Symbol(e);return{provideContext:e=>{(0,t.provide)(r,e)},useInjectContext:e=>(0,t.inject)(r,e||n||{}),contextInjectKey:r}}typeof process<`u`&&process.versions!=null&&process.versions.node;function r(e,t){return Object.prototype.toString.call(e)===`[object ${t}]`}function i(e){return e!==null&&r(e,`Object`)}var a=e=>setTimeout(e,16),o=e=>clearTimeout(e);typeof window<`u`&&`requestAnimationFrame`in window&&(a=e=>window.requestAnimationFrame(e),o=e=>window.cancelAnimationFrame(e));var s=0,c=new Map;function l(e){c.delete(e)}function u(e,t=1){s+=1;let n=s;function r(t){if(t===0)l(n),e();else{let e=a(()=>{r(t-1)});c.set(n,e)}}return r(t),n}u.cancel=e=>{let t=c.get(e);return l(t),o(t)};function d(){let e=`0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz`.split(``);return{uuid(t,n){let r=e,i=[],a=n||r.length,o,s;if(t)for(o=0;o<t;o+=1)i[o]=r[Number.parseInt(String(Math.random()*a))];else for(i[8]=`-`,i[13]=`-`,i[18]=`-`,i[23]=`-`,i[14]=`4`,o=0;o<36;o+=1)i[o]||(s=Math.random()*16,i[o]=r[o===19?s&&3||8:s]);return i.join(``)},uuidFast(){let t=e,n=Array.from({length:36}),r=0,i,a;for(a=0;a<36;a+=1)a===8||a===13||a===18||a===23?n[a]=`-`:a===14?n[a]=`4`:(r<=2&&(r=33554432+Math.random()*16777216||0),i=r&&15,r=r>4,n[a]=t[a===19?i&&3||8:i]);return n.join(``)},uuidString(){return this.uuidFast().replace(/-/g,``)},uuidCompact(){return`xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx`.replace(/[xy]/g,e=>{let t=Math.random()*16||0;return(e===`x`?t:t&&3||8).toString(16)})}}}var f=null;function p(e){return f||(f=Symbol(e),f)}let m={contextKey:{type:String,required:!0},value:{type:Object,required:!0}};var h=(0,t.defineComponent)({name:`ContextProvider`,props:m,slots:Object,setup:(e,{slots:n})=>(e.contextKey&&e.value&&i(e.value)?(0,t.provide)(p(e.contextKey),{...(0,t.toRefs)(e.value),contextId:`${e.contextKey}-${d().uuid(10)}`}):console.warn(`[ContextProvider]: contextKey is required`),()=>n.default?.())});function g(e,n){if(typeof f==`symbol`)return(0,t.inject)(p(e),n||{})}let{provideContext:_,useInjectContext:v}=n(`theme-provider`);var y=new WeakMap,b=(...e)=>{let n=e[0],r=(0,t.getCurrentInstance)()?.proxy??(0,t.getCurrentScope)();if(r==null&&!(0,t.hasInjectionContext)())throw Error(`injectLocal must be called in setup`);return r&&y.has(r)&&n in y.get(r)?y.get(r)[n]:(0,t.inject)(...e)},x=typeof window<`u`&&typeof document<`u`;typeof WorkerGlobalScope<`u`&&globalThis instanceof WorkerGlobalScope;var S=Object.prototype.toString,C=e=>S.call(e)===`[object Object]`,w=()=>{};function T(...e){if(e.length!==1)return(0,t.toRef)(...e);let n=e[0];return typeof n==`function`?(0,t.readonly)((0,t.customRef)(()=>({get:n,set:w}))):(0,t.ref)(n)}function E(e,t){function n(...n){return new Promise((r,i)=>{Promise.resolve(e(()=>t.apply(this,n),{fn:t,thisArg:this,args:n})).then(r).catch(i)})}return n}var D=e=>e();function O(e=D,n={}){let{initialState:r=`active`}=n,i=T(r===`active`);function a(){i.value=!1}function o(){i.value=!0}return{isActive:(0,t.readonly)(i),pause:a,resume:o,eventFilter:(...t)=>{i.value&&e(...t)}}}function k(e){return e.endsWith(`rem`)?Number.parseFloat(e)*16:Number.parseFloat(e)}function A(e){return Array.isArray(e)?e:[e]}function j(e){return e||(0,t.getCurrentInstance)()}function M(e,n,r={}){let{eventFilter:i=D,...a}=r;return(0,t.watch)(e,E(i,n),a)}function N(e,t,n={}){let{eventFilter:r,initialState:i=`active`,...a}=n,{eventFilter:o,pause:s,resume:c,isActive:l}=O(r,{initialState:i});return{stop:M(e,t,{...a,eventFilter:o}),pause:s,resume:c,isActive:l}}function P(e,n=!0,r){j(r)?(0,t.onMounted)(e,r):n?e():(0,t.nextTick)(e)}function F(e=!1,n={}){let{truthyValue:r=!0,falsyValue:i=!1}=n,a=(0,t.isRef)(e),o=(0,t.shallowRef)(e);function s(e){if(arguments.length)return o.value=e,o.value;{let e=(0,t.toValue)(r);return o.value=o.value===e?(0,t.toValue)(i):e,o.value}}return a?s:[o,s]}function I(e,n,r){return(0,t.watch)(e,n,{...r,immediate:!0})}var L=x?window:void 0;x&&window.document,x&&window.navigator,x&&window.location;function R(e){let n=(0,t.toValue)(e);return n?.$el??n}function z(...e){let n=(e,t,n,r)=>(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)),r=(0,t.computed)(()=>{let n=A((0,t.toValue)(e[0])).filter(e=>e!=null);return n.every(e=>typeof e!=`string`)?n:void 0});return I(()=>[r.value?.map(e=>R(e))??[L].filter(e=>e!=null),A((0,t.toValue)(r.value?e[1]:e[0])),A((0,t.unref)(r.value?e[2]:e[1])),(0,t.toValue)(r.value?e[3]:e[2])],([e,t,r,i],a,o)=>{if(!e?.length||!t?.length||!r?.length)return;let s=C(i)?{...i}:i,c=e.flatMap(e=>t.flatMap(t=>r.map(r=>n(e,t,r,s))));o(()=>{c.forEach(e=>e())})},{flush:`post`})}function B(){let e=(0,t.shallowRef)(!1),n=(0,t.getCurrentInstance)();return n&&(0,t.onMounted)(()=>{e.value=!0},n),e}function V(e){let n=B();return(0,t.computed)(()=>(n.value,!!e()))}var H=Symbol(`vueuse-ssr-width`);function U(){let e=(0,t.hasInjectionContext)()?b(H,null):null;return typeof e==`number`?e:void 0}function W(e,n={}){let{window:r=L,ssrWidth:i=U()}=n,a=V(()=>r&&`matchMedia`in r&&typeof r.matchMedia==`function`),o=(0,t.shallowRef)(typeof i==`number`),s=(0,t.shallowRef)(),c=(0,t.shallowRef)(!1);return(0,t.watchEffect)(()=>{if(o.value){o.value=!a.value,c.value=(0,t.toValue)(e).split(`,`).some(e=>{let t=e.includes(`not all`),n=e.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/),r=e.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/),a=!!(n||r);return n&&a&&(a=i>=k(n[1])),r&&a&&(a=i<=k(r[1])),t?!a:a});return}a.value&&(s.value=r.matchMedia((0,t.toValue)(e)),c.value=s.value.matches)}),z(s,`change`,e=>{c.value=e.matches},{passive:!0}),(0,t.computed)(()=>c.value)}var G=typeof globalThis<`u`?globalThis:typeof window<`u`?window:typeof global<`u`?global:typeof self<`u`?self:{},K=`__vueuse_ssr_handlers__`,q=J();function J(){return K in G||(G[K]=G[K]||{}),G[K]}function Y(e,t){return q[e]||t}function X(e){return W(`(prefers-color-scheme: dark)`,e)}function ee(e){return e==null?`any`:e instanceof Set?`set`:e instanceof Map?`map`:e instanceof Date?`date`:typeof e==`boolean`?`boolean`:typeof e==`string`?`string`:typeof e==`object`?`object`:Number.isNaN(e)?`any`:`number`}var te={boolean:{read:e=>e===`true`,write:e=>String(e)},object:{read:e=>JSON.parse(e),write:e=>JSON.stringify(e)},number:{read:e=>Number.parseFloat(e),write:e=>String(e)},any:{read:e=>e,write:e=>String(e)},string:{read:e=>e,write:e=>String(e)},map:{read:e=>new Map(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e.entries()))},set:{read:e=>new Set(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e))},date:{read:e=>new Date(e),write:e=>e.toISOString()}},Z=`vueuse-storage`;function ne(e,n,r,i={}){let{flush:a=`pre`,deep:o=!0,listenToStorageChanges:s=!0,writeDefaults:c=!0,mergeDefaults:l=!1,shallow:u,window:d=L,eventFilter:f,onError:p=e=>{console.error(e)},initOnMounted:m}=i,h=(u?t.shallowRef:t.ref)(typeof n==`function`?n():n),g=(0,t.computed)(()=>(0,t.toValue)(e));if(!r)try{r=Y(`getDefaultStorage`,()=>L?.localStorage)()}catch(e){p(e)}if(!r)return h;let _=(0,t.toValue)(n),v=ee(_),y=i.serializer??te[v],{pause:b,resume:x}=N(h,e=>w(e),{flush:a,deep:o,eventFilter:f});(0,t.watch)(g,()=>E(),{flush:a});let S=!1;d&&s&&(r instanceof Storage?z(d,`storage`,e=>{m&&!S||E(e)},{passive:!0}):z(d,Z,e=>{m&&!S||D(e)})),m?P(()=>{S=!0,E()}):E();function C(e,t){if(d){let n={key:g.value,oldValue:e,newValue:t,storageArea:r};d.dispatchEvent(r instanceof Storage?new StorageEvent(`storage`,n):new CustomEvent(Z,{detail:n}))}}function w(e){try{let t=r.getItem(g.value);if(e==null)C(t,null),r.removeItem(g.value);else{let n=y.write(e);t!==n&&(r.setItem(g.value,n),C(t,n))}}catch(e){p(e)}}function T(e){let t=e?e.newValue:r.getItem(g.value);if(t==null)return c&&_!=null&&r.setItem(g.value,y.write(_)),_;if(!e&&l){let e=y.read(t);return typeof l==`function`?l(e,_):v===`object`&&!Array.isArray(e)?{..._,...e}:e}else if(typeof t!=`string`)return t;else return y.read(t)}function E(e){if(!(e&&e.storageArea!==r)){if(e&&e.key==null){h.value=_;return}if(!(e&&e.key!==g.value)){b();try{let t=y.write(h.value);(e===void 0||e?.newValue!==t)&&(h.value=T(e))}catch(e){p(e)}finally{e?(0,t.nextTick)(x):x()}}}}function D(e){E(e.detail)}return h}var re=`*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`;function Q(e={}){let{selector:n=`html`,attribute:r=`class`,initialValue:i=`auto`,window:a=L,storage:o,storageKey:s=`vueuse-color-scheme`,listenToStorageChanges:c=!0,storageRef:l,emitAuto:u,disableTransition:d=!0}=e,f={auto:``,light:`light`,dark:`dark`,...e.modes||{}},p=X({window:a}),m=(0,t.computed)(()=>p.value?`dark`:`light`),h=l||(s==null?T(i):ne(s,i,o,{window:a,listenToStorageChanges:c})),g=(0,t.computed)(()=>h.value===`auto`?m.value:h.value),_=Y(`updateHTMLAttrs`,(e,t,n)=>{let r=typeof e==`string`?a?.document.querySelector(e):R(e);if(!r)return;let i=new Set,o=new Set,s=null;if(t===`class`){let e=n.split(/\s/g);Object.values(f).flatMap(e=>(e||``).split(/\s/g)).filter(Boolean).forEach(t=>{e.includes(t)?i.add(t):o.add(t)})}else s={key:t,value:n};if(i.size===0&&o.size===0&&s===null)return;let c;d&&(c=a.document.createElement(`style`),c.appendChild(document.createTextNode(re)),a.document.head.appendChild(c));for(let e of i)r.classList.add(e);for(let e of o)r.classList.remove(e);s&&r.setAttribute(s.key,s.value),d&&(a.getComputedStyle(c).opacity,document.head.removeChild(c))});function v(e){_(n,r,f[e]??e)}function y(t){e.onChanged?e.onChanged(t,v):v(t)}(0,t.watch)(g,y,{flush:`post`,immediate:!0}),P(()=>y(g.value));let b=(0,t.computed)({get(){return u?h.value:g.value},set(e){h.value=e}});return Object.assign(b,{store:h,system:m,state:g})}function ie(e={}){let{valueDark:n=`dark`,valueLight:r=``}=e,i=Q({...e,onChanged:(t,n)=>{var r;e.onChanged?(r=e.onChanged)==null||r.call(e,t===`dark`,n,t):n(t)},modes:{dark:n,light:r}}),a=(0,t.computed)(()=>i.system.value);return(0,t.computed)({get(){return i.value===`dark`},set(e){let t=e?`dark`:`light`;a.value===t?i.value=`auto`:i.value=t}})}let ae=F(ie({storageKey:`gx-theme-appearance`})),$={theme:{type:String},defaultTheme:{type:String,default:`system`},onChange:{type:Function},onChangeBase:{type:Function},onUpdateTheme:{type:Function}};var oe=(0,t.defineComponent)({name:`ThemeContext`,inheritAttrs:!1,props:$,slots:Object,setup:(e,{slots:n,emit:r})=>{let i=document.querySelector(`html`),a=(0,t.ref)(),o=(0,t.ref)(e.theme||e.defaultTheme||`system`);(0,t.watch)(()=>e.theme,e=>{e&&(o.value=e)});let{system:s,store:c}=Q();(0,t.watch)(()=>s.value,()=>{l()},{immediate:!0}),(0,t.watch)(()=>a.value,t=>{t&&e.onChangeBase?.(t)},{immediate:!0}),(0,t.watch)(o,t=>{e.onChange?.(t),r(`update:theme`,t),l()});function l(){i&&(o.value===`system`?(a.value=s.value,i.setAttribute(`data-theme`,a.value)):(a.value=o.value,i.setAttribute(`data-theme`,o.value)),c.value=a.value)}function u(e){o.value=e,l()}return _({theme:o,resolvedTheme:a,isDark:(0,t.computed)(()=>a.value===`dark`),setTheme:u}),()=>n.default?.()}});function se(e,n){if(!(document.startViewTransition&&!window.matchMedia(`(prefers-reduced-motion: reduce)`).matches)){n.setTheme?.(n.isDark?`dark`:`light`);return}let r=e.getBoundingClientRect(),i=r.left+r.width/2,a=r.top+r.height/2,o=Math.hypot(Math.max(i,innerWidth-i),Math.max(a,innerHeight-a)),s=100*i/innerWidth,c=100*a/innerHeight,l=Math.hypot(innerWidth,innerHeight)/Math.SQRT2,u=100*o/l;document.startViewTransition(async()=>{n.setTheme?.(n.isDark?`dark`:`light`),await(0,t.nextTick)()}).ready.then(()=>{let e=[`circle(0% at ${s}% ${c}%)`,`circle(${u}% at ${s}% ${c}%)`];document.documentElement.animate({clipPath:n.isDark?[...e].reverse():e},{duration:400,fill:`forwards`,easing:`ease-in`,pseudoElement:n.isDark?`::view-transition-old(root)`:`::view-transition-new(root)`})})}e.ContextProvider=h,e.ThemeContext=oe,e.themeContextProps=$,e.toggleAnimateTheme=se,e.toggleDark=ae,e.useContext=n,e.useContextProvider=g,e.useThemeContext=v});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.Context={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});function n(e,n){let r=Symbol(e);return{provideContext:e=>{(0,t.provide)(r,e)},useInjectContext:e=>(0,t.inject)(r,e||n||{}),contextInjectKey:r}}typeof process<`u`&&process.versions!=null&&process.versions.node;function r(e,t){return Object.prototype.toString.call(e)===`[object ${t}]`}function i(e){return e!==null&&r(e,`Object`)}var a=e=>setTimeout(e,16),o=e=>clearTimeout(e);typeof window<`u`&&`requestAnimationFrame`in window&&(a=e=>window.requestAnimationFrame(e),o=e=>window.cancelAnimationFrame(e));var s=0,c=new Map;function l(e){c.delete(e)}function u(e,t=1){s+=1;let n=s;function r(t){if(t===0)l(n),e();else{let e=a(()=>{r(t-1)});c.set(n,e)}}return r(t),n}u.cancel=e=>{let t=c.get(e);return l(t),o(t)};function d(){let e=`0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz`.split(``);return{uuid(t,n){let r=e,i=[],a=n||r.length,o,s;if(t)for(o=0;o<t;o+=1)i[o]=r[Number.parseInt(String(Math.random()*a))];else for(i[8]=`-`,i[13]=`-`,i[18]=`-`,i[23]=`-`,i[14]=`4`,o=0;o<36;o+=1)i[o]||(s=Math.random()*16,i[o]=r[o===19?s&&3||8:s]);return i.join(``)},uuidFast(){let t=e,n=Array.from({length:36}),r=0,i,a;for(a=0;a<36;a+=1)a===8||a===13||a===18||a===23?n[a]=`-`:a===14?n[a]=`4`:(r<=2&&(r=33554432+Math.random()*16777216||0),i=r&&15,r=r>4,n[a]=t[a===19?i&&3||8:i]);return n.join(``)},uuidString(){return this.uuidFast().replace(/-/g,``)},uuidCompact(){return`xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx`.replace(/[xy]/g,e=>{let t=Math.random()*16||0;return(e===`x`?t:t&&3||8).toString(16)})}}}var f=null;function p(e){return f||(f=Symbol(e),f)}var m={contextKey:{type:String,required:!0},value:{type:Object,required:!0}},h=(0,t.defineComponent)({name:`ContextProvider`,props:m,slots:Object,setup:(e,{slots:n})=>(e.contextKey&&e.value&&i(e.value)?(0,t.provide)(p(e.contextKey),{...(0,t.toRefs)(e.value),contextId:`${e.contextKey}-${d().uuid(10)}`}):console.warn(`[ContextProvider]: contextKey is required`),()=>n.default?.())});function g(e,n){if(typeof f==`symbol`)return(0,t.inject)(p(e),n||{})}var{provideContext:_,useInjectContext:v}=n(`theme-provider`),y=new WeakMap,b=(...e)=>{let n=e[0],r=(0,t.getCurrentInstance)()?.proxy??(0,t.getCurrentScope)();if(r==null&&!(0,t.hasInjectionContext)())throw Error(`injectLocal must be called in setup`);return r&&y.has(r)&&n in y.get(r)?y.get(r)[n]:(0,t.inject)(...e)},x=typeof window<`u`&&typeof document<`u`;typeof WorkerGlobalScope<`u`&&globalThis instanceof WorkerGlobalScope;var S=Object.prototype.toString,C=e=>S.call(e)===`[object Object]`,w=()=>{};function T(...e){if(e.length!==1)return(0,t.toRef)(...e);let n=e[0];return typeof n==`function`?(0,t.readonly)((0,t.customRef)(()=>({get:n,set:w}))):(0,t.ref)(n)}function E(e,t){function n(...n){return new Promise((r,i)=>{Promise.resolve(e(()=>t.apply(this,n),{fn:t,thisArg:this,args:n})).then(r).catch(i)})}return n}var D=e=>e();function O(e=D,n={}){let{initialState:r=`active`}=n,i=T(r===`active`);function a(){i.value=!1}function o(){i.value=!0}return{isActive:(0,t.shallowReadonly)(i),pause:a,resume:o,eventFilter:(...t)=>{i.value&&e(...t)}}}function k(e){return e.endsWith(`rem`)?Number.parseFloat(e)*16:Number.parseFloat(e)}function A(e){return Array.isArray(e)?e:[e]}function j(e){return e||(0,t.getCurrentInstance)()}function M(e,n,r={}){let{eventFilter:i=D,...a}=r;return(0,t.watch)(e,E(i,n),a)}function N(e,t,n={}){let{eventFilter:r,initialState:i=`active`,...a}=n,{eventFilter:o,pause:s,resume:c,isActive:l}=O(r,{initialState:i});return{stop:M(e,t,{...a,eventFilter:o}),pause:s,resume:c,isActive:l}}function P(e,n=!0,r){j(r)?(0,t.onMounted)(e,r):n?e():(0,t.nextTick)(e)}function F(e=!1,n={}){let{truthyValue:r=!0,falsyValue:i=!1}=n,a=(0,t.isRef)(e),o=(0,t.shallowRef)(e);function s(e){if(arguments.length)return o.value=e,o.value;{let e=(0,t.toValue)(r);return o.value=o.value===e?(0,t.toValue)(i):e,o.value}}return a?s:[o,s]}function I(e,n,r){return(0,t.watch)(e,n,{...r,immediate:!0})}var L=x?window:void 0;x&&window.document,x&&window.navigator,x&&window.location;function R(e){let n=(0,t.toValue)(e);return n?.$el??n}function z(...e){let n=(e,t,n,r)=>(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)),r=(0,t.computed)(()=>{let n=A((0,t.toValue)(e[0])).filter(e=>e!=null);return n.every(e=>typeof e!=`string`)?n:void 0});return I(()=>[r.value?.map(e=>R(e))??[L].filter(e=>e!=null),A((0,t.toValue)(r.value?e[1]:e[0])),A((0,t.unref)(r.value?e[2]:e[1])),(0,t.toValue)(r.value?e[3]:e[2])],([e,t,r,i],a,o)=>{if(!e?.length||!t?.length||!r?.length)return;let s=C(i)?{...i}:i,c=e.flatMap(e=>t.flatMap(t=>r.map(r=>n(e,t,r,s))));o(()=>{c.forEach(e=>e())})},{flush:`post`})}function B(){let e=(0,t.shallowRef)(!1),n=(0,t.getCurrentInstance)();return n&&(0,t.onMounted)(()=>{e.value=!0},n),e}function V(e){let n=B();return(0,t.computed)(()=>(n.value,!!e()))}var H=Symbol(`vueuse-ssr-width`);function U(){let e=(0,t.hasInjectionContext)()?b(H,null):null;return typeof e==`number`?e:void 0}function W(e,n={}){let{window:r=L,ssrWidth:i=U()}=n,a=V(()=>r&&`matchMedia`in r&&typeof r.matchMedia==`function`),o=(0,t.shallowRef)(typeof i==`number`),s=(0,t.shallowRef)(),c=(0,t.shallowRef)(!1);return(0,t.watchEffect)(()=>{if(o.value){o.value=!a.value,c.value=(0,t.toValue)(e).split(`,`).some(e=>{let t=e.includes(`not all`),n=e.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/),r=e.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/),a=!!(n||r);return n&&a&&(a=i>=k(n[1])),r&&a&&(a=i<=k(r[1])),t?!a:a});return}a.value&&(s.value=r.matchMedia((0,t.toValue)(e)),c.value=s.value.matches)}),z(s,`change`,e=>{c.value=e.matches},{passive:!0}),(0,t.computed)(()=>c.value)}var G=typeof globalThis<`u`?globalThis:typeof window<`u`?window:typeof global<`u`?global:typeof self<`u`?self:{},K=`__vueuse_ssr_handlers__`,q=J();function J(){return K in G||(G[K]=G[K]||{}),G[K]}function Y(e,t){return q[e]||t}function X(e){return W(`(prefers-color-scheme: dark)`,e)}function ee(e){return e==null?`any`:e instanceof Set?`set`:e instanceof Map?`map`:e instanceof Date?`date`:typeof e==`boolean`?`boolean`:typeof e==`string`?`string`:typeof e==`object`?`object`:Number.isNaN(e)?`any`:`number`}var te={boolean:{read:e=>e===`true`,write:e=>String(e)},object:{read:e=>JSON.parse(e),write:e=>JSON.stringify(e)},number:{read:e=>Number.parseFloat(e),write:e=>String(e)},any:{read:e=>e,write:e=>String(e)},string:{read:e=>e,write:e=>String(e)},map:{read:e=>new Map(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e.entries()))},set:{read:e=>new Set(JSON.parse(e)),write:e=>JSON.stringify(Array.from(e))},date:{read:e=>new Date(e),write:e=>e.toISOString()}},Z=`vueuse-storage`;function ne(e,n,r,i={}){let{flush:a=`pre`,deep:o=!0,listenToStorageChanges:s=!0,writeDefaults:c=!0,mergeDefaults:l=!1,shallow:u,window:d=L,eventFilter:f,onError:p=e=>{console.error(e)},initOnMounted:m}=i,h=(u?t.shallowRef:t.ref)(typeof n==`function`?n():n),g=(0,t.computed)(()=>(0,t.toValue)(e));if(!r)try{r=Y(`getDefaultStorage`,()=>L?.localStorage)()}catch(e){p(e)}if(!r)return h;let _=(0,t.toValue)(n),v=ee(_),y=i.serializer??te[v],{pause:b,resume:x}=N(h,e=>w(e),{flush:a,deep:o,eventFilter:f});(0,t.watch)(g,()=>E(),{flush:a});let S=!1;d&&s&&(r instanceof Storage?z(d,`storage`,e=>{m&&!S||E(e)},{passive:!0}):z(d,Z,e=>{m&&!S||D(e)})),m?P(()=>{S=!0,E()}):E();function C(e,t){if(d){let n={key:g.value,oldValue:e,newValue:t,storageArea:r};d.dispatchEvent(r instanceof Storage?new StorageEvent(`storage`,n):new CustomEvent(Z,{detail:n}))}}function w(e){try{let t=r.getItem(g.value);if(e==null)C(t,null),r.removeItem(g.value);else{let n=y.write(e);t!==n&&(r.setItem(g.value,n),C(t,n))}}catch(e){p(e)}}function T(e){let t=e?e.newValue:r.getItem(g.value);if(t==null)return c&&_!=null&&r.setItem(g.value,y.write(_)),_;if(!e&&l){let e=y.read(t);return typeof l==`function`?l(e,_):v===`object`&&!Array.isArray(e)?{..._,...e}:e}else if(typeof t!=`string`)return t;else return y.read(t)}function E(e){if(!(e&&e.storageArea!==r)){if(e&&e.key==null){h.value=_;return}if(!(e&&e.key!==g.value)){b();try{let t=y.write(h.value);(e===void 0||e?.newValue!==t)&&(h.value=T(e))}catch(e){p(e)}finally{e?(0,t.nextTick)(x):x()}}}}function D(e){E(e.detail)}return h}var re=`*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`;function Q(e={}){let{selector:n=`html`,attribute:r=`class`,initialValue:i=`auto`,window:a=L,storage:o,storageKey:s=`vueuse-color-scheme`,listenToStorageChanges:c=!0,storageRef:l,emitAuto:u,disableTransition:d=!0}=e,f={auto:``,light:`light`,dark:`dark`,...e.modes||{}},p=X({window:a}),m=(0,t.computed)(()=>p.value?`dark`:`light`),h=l||(s==null?T(i):ne(s,i,o,{window:a,listenToStorageChanges:c})),g=(0,t.computed)(()=>h.value===`auto`?m.value:h.value),_=Y(`updateHTMLAttrs`,(e,t,n)=>{let r=typeof e==`string`?a?.document.querySelector(e):R(e);if(!r)return;let i=new Set,o=new Set,s=null;if(t===`class`){let e=n.split(/\s/g);Object.values(f).flatMap(e=>(e||``).split(/\s/g)).filter(Boolean).forEach(t=>{e.includes(t)?i.add(t):o.add(t)})}else s={key:t,value:n};if(i.size===0&&o.size===0&&s===null)return;let c;d&&(c=a.document.createElement(`style`),c.appendChild(document.createTextNode(re)),a.document.head.appendChild(c));for(let e of i)r.classList.add(e);for(let e of o)r.classList.remove(e);s&&r.setAttribute(s.key,s.value),d&&(a.getComputedStyle(c).opacity,document.head.removeChild(c))});function v(e){_(n,r,f[e]??e)}function y(t){e.onChanged?e.onChanged(t,v):v(t)}(0,t.watch)(g,y,{flush:`post`,immediate:!0}),P(()=>y(g.value));let b=(0,t.computed)({get(){return u?h.value:g.value},set(e){h.value=e}});return Object.assign(b,{store:h,system:m,state:g})}function ie(e={}){let{valueDark:n=`dark`,valueLight:r=``}=e,i=Q({...e,onChanged:(t,n)=>{var r;e.onChanged?(r=e.onChanged)==null||r.call(e,t===`dark`,n,t):n(t)},modes:{dark:n,light:r}}),a=(0,t.computed)(()=>i.system.value);return(0,t.computed)({get(){return i.value===`dark`},set(e){let t=e?`dark`:`light`;a.value===t?i.value=`auto`:i.value=t}})}var ae=F(ie({storageKey:`gx-theme-appearance`})),$={theme:{type:String},defaultTheme:{type:String,default:`system`},onChange:{type:Function},onChangeBase:{type:Function},onUpdateTheme:{type:Function}},oe=(0,t.defineComponent)({name:`ThemeContext`,inheritAttrs:!1,props:$,slots:Object,setup:(e,{slots:n,emit:r})=>{let i=document.querySelector(`html`),a=(0,t.ref)(),o=(0,t.ref)(e.theme||e.defaultTheme||`system`);(0,t.watch)(()=>e.theme,e=>{e&&(o.value=e)});let{system:s,store:c}=Q();(0,t.watch)(()=>s.value,()=>{l()},{immediate:!0}),(0,t.watch)(()=>a.value,t=>{t&&e.onChangeBase?.(t)},{immediate:!0}),(0,t.watch)(o,t=>{e.onChange?.(t),r(`update:theme`,t),l()});function l(){i&&(o.value===`system`?(a.value=s.value,i.setAttribute(`data-theme`,a.value)):(a.value=o.value,i.setAttribute(`data-theme`,o.value)),c.value=a.value)}function u(e){o.value=e,l()}return _({theme:o,resolvedTheme:a,isDark:(0,t.computed)(()=>a.value===`dark`),setTheme:u}),()=>n.default?.()}});function se(e,n){if(!(document.startViewTransition&&!window.matchMedia(`(prefers-reduced-motion: reduce)`).matches)){n.setTheme?.(n.isDark?`dark`:`light`);return}let r=e.getBoundingClientRect(),i=r.left+r.width/2,a=r.top+r.height/2,o=Math.hypot(Math.max(i,innerWidth-i),Math.max(a,innerHeight-a)),s=100*i/innerWidth,c=100*a/innerHeight,l=Math.hypot(innerWidth,innerHeight)/Math.SQRT2,u=100*o/l;document.startViewTransition(async()=>{n.setTheme?.(n.isDark?`dark`:`light`),await(0,t.nextTick)()}).ready.then(()=>{let e=[`circle(0% at ${s}% ${c}%)`,`circle(${u}% at ${s}% ${c}%)`];document.documentElement.animate({clipPath:n.isDark?[...e].reverse():e},{duration:400,fill:`forwards`,easing:`ease-in`,pseudoElement:n.isDark?`::view-transition-old(root)`:`::view-transition-new(root)`})})}e.ContextProvider=h,e.ThemeContext=oe,e.themeContextProps=$,e.toggleAnimateTheme=se,e.toggleDark=ae,e.useContext=n,e.useContextProvider=g,e.useThemeContext=v});

package/dist/index.d.ts

@@ -5,5 +5,4 @@ import { useThemeContext } from "./theme-context/context.js";
 import { toggleDark } from "./theme-context/dark.js";
 import ThemeContext, { ThemeContextEmits, ThemeContextProps, ThemeContextSlots, themeContextProps } from "./theme-context/ThemeContext.js";
 import { toggleAnimateTheme } from "./theme-context/utils.js";
-import "./theme-context/index.js";
 export { BaseTheme, ContextProvider, ThemeContext, ThemeContextEmits, ThemeContextProps, ThemeContextSlots, ThemeProviderContext, ThemeValue, themeContextProps, toggleAnimateTheme, toggleDark, useContext, useContextProvider, useThemeContext };

package/dist/index.js

@@ -2,8 +2,7 @@ import { useContext } from "./context/index.js";
 import { ContextProvider, useContextProvider } from "./context/ContextProvider.js";
 import { useThemeContext } from "./theme-context/context.js";
 import { toggleDark } from "./theme-context/dark.js";
-import ThemeContext_default, { themeContextProps } from "./theme-context/ThemeContext.js";
+import ThemeContext, { themeContextProps } from "./theme-context/ThemeContext.js";
 import { toggleAnimateTheme } from "./theme-context/utils.js";
 import "./theme-context/index.js";
-
-export { ContextProvider, ThemeContext_default as ThemeContext, themeContextProps, toggleAnimateTheme, toggleDark, useContext, useContextProvider, useThemeContext };
+export { ContextProvider, ThemeContext, themeContextProps, toggleAnimateTheme, toggleDark, useContext, useContextProvider, useThemeContext };

package/dist/theme-context/ThemeContext.d.ts

@@ -1,5 +1,5 @@
 import { BaseTheme, ThemeValue } from "./types.js";
-import * as vue0 from "vue";
+import * as _$vue from "vue";
 import { PropType, SlotsType } from "vue";
 
 //#region src/theme-context/ThemeContext.d.ts
@@ -36,7 +36,7 @@ declare const themeContextProps: {
     type: PropType<(theme: ThemeValue) => void>;
   };
 };
-declare const ThemeContext: vue0.DefineComponent<vue0.ExtractPropTypes<{
+declare const ThemeContext: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   theme: {
     type: PropType<ThemeValue>;
   };
@@ -53,7 +53,7 @@ declare const ThemeContext: vue0.DefineComponent<vue0.ExtractPropTypes<{
   onUpdateTheme: {
     type: PropType<(theme: ThemeValue) => void>;
   };
-}>, () => any, {}, {}, {}, vue0.ComponentOptionsMixin, vue0.ComponentOptionsMixin, {}, string, vue0.PublicProps, Readonly<vue0.ExtractPropTypes<{
+}>, () => any, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   theme: {
     type: PropType<ThemeValue>;
   };
@@ -72,6 +72,6 @@ declare const ThemeContext: vue0.DefineComponent<vue0.ExtractPropTypes<{
   };
 }>> & Readonly<{}>, {
   defaultTheme: ThemeValue;
-}, SlotsType<ThemeContextSlots>, {}, {}, string, vue0.ComponentProvideOptions, true, {}, any>;
+}, SlotsType<ThemeContextSlots>, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { ThemeContextEmits, ThemeContextProps, ThemeContextSlots, ThemeContext as default, themeContextProps };

package/dist/theme-context/ThemeContext.js

@@ -1,7 +1,6 @@
 import { createThemeContext } from "./context.js";
 import { computed, defineComponent, ref, watch } from "vue";
 import { useColorMode } from "@vueuse/core";
-
 //#region src/theme-context/ThemeContext.tsx
 const themeContextProps = {
 	theme: { type: String },
@@ -62,7 +61,5 @@ const ThemeContext = /* @__PURE__ */ defineComponent({
 		return () => slots.default?.();
 	}
 });
-var ThemeContext_default = ThemeContext;
-
 //#endregion
-export { ThemeContext_default as default, themeContextProps };
+export { ThemeContext as default, themeContextProps };

package/dist/theme-context/context.js

@@ -1,7 +1,5 @@
 import { useContext } from "../context/index.js";
-
 //#region src/theme-context/context.ts
 const { provideContext: createThemeContext, useInjectContext: useThemeContext } = useContext("theme-provider");
-
 //#endregion
-export { createThemeContext, useThemeContext };
+export { createThemeContext, useThemeContext };

package/dist/theme-context/dark.d.ts

@@ -1,7 +1,7 @@
-import * as _vueuse_core0 from "@vueuse/core";
+import * as _$_vueuse_core0 from "@vueuse/core";
 
 //#region src/theme-context/dark.d.ts
-declare const isDark: _vueuse_core0.UseDarkReturn;
+declare const isDark: _$_vueuse_core0.UseDarkReturn;
 declare const toggleDark: (value?: boolean) => boolean;
 //#endregion
 export { isDark, toggleDark };

package/dist/theme-context/dark.js

@@ -1,8 +1,6 @@
 import { useDark, useToggle } from "@vueuse/core";
-
 //#region src/theme-context/dark.ts
 const isDark = useDark({ storageKey: "gx-theme-appearance" });
 const toggleDark = useToggle(isDark);
-
 //#endregion
-export { isDark, toggleDark };
+export { isDark, toggleDark };

package/dist/theme-context/index.js

@@ -1,6 +1,5 @@
 import { useThemeContext } from "./context.js";
 import { toggleDark } from "./dark.js";
-import ThemeContext_default, { themeContextProps } from "./ThemeContext.js";
+import ThemeContext, { themeContextProps } from "./ThemeContext.js";
 import { toggleAnimateTheme } from "./utils.js";
-
-export { ThemeContext_default as ThemeContext, themeContextProps, toggleAnimateTheme, toggleDark, useThemeContext };
+export { ThemeContext, themeContextProps, toggleAnimateTheme, toggleDark, useThemeContext };

package/dist/theme-context/types.js

@@ -1 +1 @@
-export {  };
+export {};

package/dist/theme-context/utils.js

@@ -1,5 +1,4 @@
 import { nextTick } from "vue";
-
 //#region src/theme-context/utils.ts
 function toggleAnimateTheme(el, props) {
 	if (!(document.startViewTransition && !window.matchMedia("(prefers-reduced-motion: reduce)").matches)) {
@@ -27,6 +26,5 @@ function toggleAnimateTheme(el, props) {
 		});
 	});
 }
-
 //#endregion
-export { toggleAnimateTheme };
+export { toggleAnimateTheme };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gx-design-vue/context",
   "type": "module",
-  "version": "0.0.5-alpha.1",
+  "version": "0.0.5-alpha.3",
   "description": "Gx Design Context",
   "author": {
     "name": "gx12358",
@@ -40,8 +40,8 @@
     "vue": ">=3.2.0"
   },
   "dependencies": {
-    "@vueuse/core": "^14.2.0",
-    "@gx-design-vue/pro-utils": "0.2.0-alpha.1"
+    "@vueuse/core": "^14.3.0",
+    "@gx-design-vue/pro-utils": "^0.2.0-alpha.3"
   },
   "browserslist": [
     "> 1%",