@noxickon/onyx 6.1.0 → 6.1.2

package/dist/context/Auth/Auth.js

@@ -1,18 +1,18 @@
-import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { createCompoundContext as t } from "../../internal/context/createCompoundContext/createCompoundContext.js";
+import { createCompoundContext as e } from "../../internal/context/createCompoundContext/createCompoundContext.js";
+import { c as t } from "react/compiler-runtime";
 import { useEffect as n, useRef as r, useState as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/context/Auth/Auth.tsx
-var o = e(), s = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new WeakMap();
-function l(e) {
-	if (e === null) return s;
-	let t = e, n = c.get(t);
+var o = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new WeakMap();
+function c(e) {
+	if (e === null) return o;
+	let t = e, n = s.get(t);
 	if (n) return n;
 	let r = e.permissions ?? [], i = new Set(r);
-	return c.set(t, i), i;
+	return s.set(t, i), i;
 }
-var { Provider: u, useRequiredContext: d } = t("OxAuthProvider");
-function f({ children: e, fetchUser: t, initialUser: o, onLogout: s, performLogout: c, refreshIntervalMs: l, revalidateOnFocus: d = !1 }) {
+var { Provider: l, useRequiredContext: u } = e("OxAuthProvider");
+function d({ children: e, fetchUser: t, initialUser: o, onLogout: s, performLogout: c, refreshIntervalMs: u, revalidateOnFocus: d = !1 }) {
 	let [f, p] = i(o ?? null), [m, h] = i(o === void 0), [g, _] = i(!1), v = r(t), y = r(c), b = r(s), x = r(o ?? null), S = r(0), C = r(null);
 	n(() => {
 		v.current = t, y.current = c, b.current = s;
@@ -37,20 +37,20 @@ function f({ children: e, fetchUser: t, initialUser: o, onLogout: s, performLogo
 	return n(() => {
 		w();
 	}, []), n(() => {
-		if (l === void 0) return;
+		if (u === void 0) return;
 		let e, t = () => {
 			e !== void 0 && (globalThis.clearInterval(e), e = void 0);
 		}, n = () => {
 			t(), e = globalThis.setInterval(() => {
 				w();
-			}, l);
+			}, u);
 		}, r = () => {
 			document.visibilityState === "visible" ? n() : t();
 		};
 		return document.visibilityState === "visible" && n(), document.addEventListener("visibilitychange", r), () => {
 			t(), document.removeEventListener("visibilitychange", r);
 		};
-	}, [l]), n(() => {
+	}, [u]), n(() => {
 		if (!d) return;
 		let e = () => {
 			document.visibilityState === "visible" && w();
@@ -60,7 +60,7 @@ function f({ children: e, fetchUser: t, initialUser: o, onLogout: s, performLogo
 		return document.addEventListener("visibilitychange", e), globalThis.addEventListener("online", t), () => {
 			document.removeEventListener("visibilitychange", e), globalThis.removeEventListener("online", t);
 		};
-	}, [d]), /* @__PURE__ */ a(u, {
+	}, [d]), /* @__PURE__ */ a(l, {
 		value: {
 			user: f,
 			isAuthenticated: f !== null,
@@ -79,25 +79,25 @@ function f({ children: e, fetchUser: t, initialUser: o, onLogout: s, performLogo
 		children: e
 	});
 }
-function p() {
-	return d("useOxAuth");
+function f() {
+	return u("useOxAuth");
 }
-function m() {
-	let { user: e } = p();
+function p() {
+	let { user: e } = f();
 	if (e === null) throw Error("useOxAuthUser must be used inside <OxAuthRequired> or in components that only render when authenticated");
 	return e;
 }
-function h(e) {
-	let t = (0, o.c)(3), { user: n } = p(), r;
-	return t[0] !== e || t[1] !== n ? (r = l(n).has(e), t[0] = e, t[1] = n, t[2] = r) : r = t[2], r;
+function m(e) {
+	let n = t(3), { user: r } = f(), i;
+	return n[0] !== e || n[1] !== r ? (i = c(r).has(e), n[0] = e, n[1] = r, n[2] = i) : i = n[2], i;
 }
-function g(e) {
-	let { children: t, fallback: n, loading: r } = e, i = n === void 0 ? null : n, a = r === void 0 ? null : r, { isAuthenticated: o, isLoading: s } = p();
+function h(e) {
+	let { children: t, fallback: n, loading: r } = e, i = n === void 0 ? null : n, a = r === void 0 ? null : r, { isAuthenticated: o, isLoading: s } = f();
 	return s ? a : o ? t : i;
 }
-function _(e) {
-	let { children: t, fallback: n, loading: r } = e, i = n === void 0 ? null : n, a = r === void 0 ? null : r, { isAuthenticated: o, isLoading: s } = p();
+function g(e) {
+	let { children: t, fallback: n, loading: r } = e, i = n === void 0 ? null : n, a = r === void 0 ? null : r, { isAuthenticated: o, isLoading: s } = f();
 	return s ? a : o ? i : t;
 }
 //#endregion
-export { f as OxAuthProvider, g as OxAuthRequired, _ as OxGuestOnly, p as useOxAuth, m as useOxAuthUser, h as useOxPermission };
+export { d as OxAuthProvider, h as OxAuthRequired, g as OxGuestOnly, f as useOxAuth, p as useOxAuthUser, m as useOxPermission };

package/dist/context/FeatureFlag/FeatureFlag.js

@@ -1,26 +1,26 @@
-import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { createCompoundContext as t } from "../../internal/context/createCompoundContext/createCompoundContext.js";
+import { createCompoundContext as e } from "../../internal/context/createCompoundContext/createCompoundContext.js";
+import { c as t } from "react/compiler-runtime";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/context/FeatureFlag/FeatureFlag.tsx
-var r = e(), { Provider: i, useOptionalContext: a } = t("OxFeatureFlagProvider");
-function o(e) {
-	let t = (0, r.c)(6), { children: o, flags: s } = e, c = a(), l;
-	t[0] !== s || t[1] !== c ? (l = c ? {
+var { Provider: r, useOptionalContext: i } = e("OxFeatureFlagProvider");
+function a(e) {
+	let a = t(6), { children: o, flags: s } = e, c = i(), l;
+	a[0] !== s || a[1] !== c ? (l = c ? {
 		...c,
 		...s
-	} : s, t[0] = s, t[1] = c, t[2] = l) : l = t[2];
+	} : s, a[0] = s, a[1] = c, a[2] = l) : l = a[2];
 	let u = l, d;
-	return t[3] !== o || t[4] !== u ? (d = /* @__PURE__ */ n(i, {
+	return a[3] !== o || a[4] !== u ? (d = /* @__PURE__ */ n(r, {
 		value: u,
 		children: o
-	}), t[3] = o, t[4] = u, t[5] = d) : d = t[5], d;
+	}), a[3] = o, a[4] = u, a[5] = d) : d = a[5], d;
 }
-function s(e) {
-	return a()?.[e] ?? !1;
+function o(e) {
+	return i()?.[e] ?? !1;
 }
-function c(e) {
+function s(e) {
 	let { children: t, fallback: n, flag: r } = e, i = n === void 0 ? null : n;
-	return s(r) ? t : i;
+	return o(r) ? t : i;
 }
 //#endregion
-export { o as OxFeatureFlagProvider, c as OxFeatureGate, s as useOxFeatureFlag };
+export { a as OxFeatureFlagProvider, s as OxFeatureGate, o as useOxFeatureFlag };

package/dist/context/Mode/Mode.js

@@ -1,26 +1,26 @@
-import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { createCompoundContextWithDefault as t } from "../../internal/context/createCompoundContext/createCompoundContext.js";
-import { OX_MODE_DATA_ATTRIBUTE as n, OX_MODE_DEFAULT as r } from "./Mode.constants.js";
+import { createCompoundContextWithDefault as e } from "../../internal/context/createCompoundContext/createCompoundContext.js";
+import { OX_MODE_DATA_ATTRIBUTE as t, OX_MODE_DEFAULT as n } from "./Mode.constants.js";
+import { c as r } from "react/compiler-runtime";
 import { useEffect as i, useState as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
 //#region src/context/Mode/Mode.tsx
-var s = e(), { Provider: c, useContext: l } = t("OxModeProvider", {
-	mode: r,
+var { Provider: s, useContext: c } = e("OxModeProvider", {
+	mode: n,
 	setMode: () => {}
 });
-function u(e) {
+function l(e) {
 	if (typeof document > "u") return;
-	let t = document.documentElement;
-	e === "ambient" ? t.removeAttribute(n) : t.setAttribute(n, e);
+	let n = document.documentElement;
+	e === "ambient" ? n.removeAttribute(t) : n.setAttribute(t, e);
 }
-function d(e) {
-	let t = (0, s.c)(12), { children: n, defaultMode: l, mode: d, onModeChange: f } = e, [p, m] = a(l === void 0 ? r : l), h = d ?? p, g;
+function u(e) {
+	let t = r(12), { children: c, defaultMode: u, mode: d, onModeChange: f } = e, [p, m] = a(u === void 0 ? n : u), h = d ?? p, g;
 	t[0] !== d || t[1] !== f ? (g = function(e) {
 		d === void 0 && m(e), f?.(e);
 	}, t[0] = d, t[1] = f, t[2] = g) : g = t[2];
 	let _ = g, v, y;
 	t[3] === h ? (v = t[4], y = t[5]) : (v = () => {
-		u(h);
+		l(h);
 	}, y = [h], t[3] = h, t[4] = v, t[5] = y), i(v, y);
 	let b;
 	t[6] !== h || t[7] !== _ ? (b = {
@@ -28,13 +28,13 @@ function d(e) {
 		setMode: _
 	}, t[6] = h, t[7] = _, t[8] = b) : b = t[8];
 	let x;
-	return t[9] !== n || t[10] !== b ? (x = /* @__PURE__ */ o(c, {
+	return t[9] !== c || t[10] !== b ? (x = /* @__PURE__ */ o(s, {
 		value: b,
-		children: n
-	}), t[9] = n, t[10] = b, t[11] = x) : x = t[11], x;
+		children: c
+	}), t[9] = c, t[10] = b, t[11] = x) : x = t[11], x;
 }
-function f() {
-	return l();
+function d() {
+	return c();
 }
 //#endregion
-export { d as OxModeProvider, u as applyDomMode, f as useOxMode };
+export { u as OxModeProvider, l as applyDomMode, d as useOxMode };

package/dist/context/Theme/Theme.js

@@ -1,92 +1,92 @@
-import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { createCompoundContext as t } from "../../internal/context/createCompoundContext/createCompoundContext.js";
-import { useOxMediaQuery as n } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { useIsomorphicLayoutEffect as r } from "../../internal/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
-import { OX_THEME_DEFAULT_STORAGE_KEY as i, OX_THEME_DEFAULT_THEMES as ee, OX_THEME_SYSTEM as a } from "./Theme.constants.js";
-import { applyDomTheme as o, disableTransitionsBriefly as s, hasWindow as c, readDomTheme as l, readStorage as u, resolveOxColorScheme as te, startViewTransition as d, supportsViewTransitions as f, writeStorage as p } from "./Theme.utils.js";
-import { useEffect as m, useState as h } from "react";
-import { jsx as g } from "react/jsx-runtime";
-import { flushSync as ne } from "react-dom";
+import { createCompoundContext as e } from "../../internal/context/createCompoundContext/createCompoundContext.js";
+import { useOxMediaQuery as t } from "../../hooks/useMediaQuery/useMediaQuery.js";
+import { useIsomorphicLayoutEffect as n } from "../../internal/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
+import { OX_THEME_DEFAULT_STORAGE_KEY as r, OX_THEME_DEFAULT_THEMES as i, OX_THEME_SYSTEM as a } from "./Theme.constants.js";
+import { applyDomTheme as o, disableTransitionsBriefly as s, hasWindow as c, readDomTheme as l, readStorage as u, resolveOxColorScheme as d, startViewTransition as f, supportsViewTransitions as p, writeStorage as ee } from "./Theme.utils.js";
+import { c as m } from "react/compiler-runtime";
+import { useEffect as h, useState as g } from "react";
+import { jsx as _ } from "react/jsx-runtime";
+import { flushSync as v } from "react-dom";
 //#region src/context/Theme/Theme.tsx
-var _ = e(), { Provider: v, useRequiredContext: y } = t("OxThemeProvider");
-function b(e, t) {
+var { Provider: y, useRequiredContext: b } = e("OxThemeProvider");
+function x(e, t) {
 	return e !== null && e !== "" && t.includes(e);
 }
-function x(e, t, n) {
+function te(e, t, n) {
 	let r = l();
-	if (b(r, n)) return r;
+	if (x(r, n)) return r;
 	let i = u(e);
-	return b(i, n) ? i : t;
+	return x(i, n) ? i : t;
 }
 function S(e) {
-	let t = (0, _.c)(40), { children: l, defaultTheme: u, disableTransitionOnChange: y, enableColorScheme: S, enableSystem: C, forcedTheme: w, storageKey: T, themes: E } = e, D = y === void 0 ? !0 : y, O = S === void 0 ? !0 : S, k = C === void 0 ? !0 : C, A = T === void 0 ? i : T, j = E === void 0 ? ee : E, M = u ?? (k ? "system" : "light"), N;
-	t[0] !== k || t[1] !== j ? (N = k ? [a, ...j] : j, t[0] = k, t[1] = j, t[2] = N) : N = t[2];
-	let P = N, F;
-	t[3] !== M || t[4] !== A || t[5] !== P ? (F = () => x(A, M, P), t[3] = M, t[4] = A, t[5] = P, t[6] = F) : F = t[6];
-	let [I, L] = h(F), R = n("(prefers-color-scheme: dark)") ? "dark" : "light", z = w ?? I, B;
-	t[7] !== w || t[8] !== R || t[9] !== I ? (B = w === void 0 ? I === "system" ? R : I : w, t[7] = w, t[8] = R, t[9] = I, t[10] = B) : B = t[10];
-	let [V, H] = h(B === "dark" ? "dark" : "light"), U;
-	t[11] !== O || t[12] !== B ? (U = () => {
-		let e = te(B);
-		H(e), o(B, e, O);
-	}, t[11] = O, t[12] = B, t[13] = U) : U = t[13];
+	let l = m(40), { children: u, defaultTheme: b, disableTransitionOnChange: S, enableColorScheme: C, enableSystem: w, forcedTheme: T, storageKey: E, themes: D } = e, O = S === void 0 ? !0 : S, k = C === void 0 ? !0 : C, A = w === void 0 ? !0 : w, j = E === void 0 ? r : E, M = D === void 0 ? i : D, N = b ?? (A ? "system" : "light"), P;
+	l[0] !== A || l[1] !== M ? (P = A ? [a, ...M] : M, l[0] = A, l[1] = M, l[2] = P) : P = l[2];
+	let F = P, I;
+	l[3] !== N || l[4] !== j || l[5] !== F ? (I = () => te(j, N, F), l[3] = N, l[4] = j, l[5] = F, l[6] = I) : I = l[6];
+	let [L, R] = g(I), z = t("(prefers-color-scheme: dark)") ? "dark" : "light", B = T ?? L, V;
+	l[7] !== T || l[8] !== z || l[9] !== L ? (V = T === void 0 ? L === "system" ? z : L : T, l[7] = T, l[8] = z, l[9] = L, l[10] = V) : V = l[10];
+	let [H, ne] = g(V === "dark" ? "dark" : "light"), U;
+	l[11] !== k || l[12] !== V ? (U = () => {
+		let e = d(V);
+		ne(e), o(V, e, k);
+	}, l[11] = k, l[12] = V, l[13] = U) : U = l[13];
 	let W;
-	t[14] !== O || t[15] !== B ? (W = [B, O], t[14] = O, t[15] = B, t[16] = W) : W = t[16], r(U, W);
+	l[14] !== k || l[15] !== V ? (W = [V, k], l[14] = k, l[15] = V, l[16] = W) : W = l[16], n(U, W);
 	let G, K;
-	t[17] !== M || t[18] !== A || t[19] !== P ? (G = () => {
+	l[17] !== N || l[18] !== j || l[19] !== F ? (G = () => {
 		if (!c()) return;
 		let e = (e) => {
-			if (e.key !== A) return;
+			if (e.key !== j) return;
 			let t = e.newValue;
-			if (!b(t, P)) {
-				L(M);
+			if (!x(t, F)) {
+				R(N);
 				return;
 			}
-			L(t);
+			R(t);
 		};
 		return globalThis.addEventListener("storage", e), () => {
 			globalThis.removeEventListener("storage", e);
 		};
 	}, K = [
-		A,
-		M,
-		P
-	], t[17] = M, t[18] = A, t[19] = P, t[20] = G, t[21] = K) : (G = t[20], K = t[21]), m(G, K);
+		j,
+		N,
+		F
+	], l[17] = N, l[18] = j, l[19] = F, l[20] = G, l[21] = K) : (G = l[20], K = l[21]), h(G, K);
 	let q;
-	t[22] !== D || t[23] !== w || t[24] !== A ? (q = function(e, t) {
+	l[22] !== O || l[23] !== T || l[24] !== j ? (q = function(e, t) {
 		let n = t === void 0 ? {} : t;
-		if (p(A, e), w === void 0) {
-			if (n.viewTransition === !0 && f()) {
-				d(() => {
-					ne(() => {
-						L(e);
+		if (ee(j, e), T === void 0) {
+			if (n.viewTransition === !0 && p()) {
+				f(() => {
+					v(() => {
+						R(e);
 					});
 				});
 				return;
 			}
-			(n.disableTransitionOnChange ?? D) && s(), L(e);
+			(n.disableTransitionOnChange ?? O) && s(), R(e);
 		}
-	}, t[22] = D, t[23] = w, t[24] = A, t[25] = q) : q = t[25];
+	}, l[22] = O, l[23] = T, l[24] = j, l[25] = q) : q = l[25];
 	let J = q, Y;
-	t[26] !== k || t[27] !== j ? (Y = k ? [a, ...j] : j, t[26] = k, t[27] = j, t[28] = Y) : Y = t[28];
+	l[26] !== A || l[27] !== M ? (Y = A ? [a, ...M] : M, l[26] = A, l[27] = M, l[28] = Y) : Y = l[28];
 	let X = Y, Z;
-	t[29] !== V || t[30] !== z || t[31] !== B || t[32] !== X || t[33] !== J || t[34] !== R || t[35] !== j ? (Z = {
-		colorScheme: V,
-		resolvedTheme: B,
+	l[29] !== H || l[30] !== B || l[31] !== V || l[32] !== X || l[33] !== J || l[34] !== z || l[35] !== M ? (Z = {
+		colorScheme: H,
+		resolvedTheme: V,
 		selectableThemes: X,
 		setTheme: J,
-		systemColorScheme: R,
-		theme: z,
-		themes: j
-	}, t[29] = V, t[30] = z, t[31] = B, t[32] = X, t[33] = J, t[34] = R, t[35] = j, t[36] = Z) : Z = t[36];
+		systemColorScheme: z,
+		theme: B,
+		themes: M
+	}, l[29] = H, l[30] = B, l[31] = V, l[32] = X, l[33] = J, l[34] = z, l[35] = M, l[36] = Z) : Z = l[36];
 	let Q = Z, $;
-	return t[37] !== l || t[38] !== Q ? ($ = /* @__PURE__ */ g(v, {
+	return l[37] !== u || l[38] !== Q ? ($ = /* @__PURE__ */ _(y, {
 		value: Q,
-		children: l
-	}), t[37] = l, t[38] = Q, t[39] = $) : $ = t[39], $;
+		children: u
+	}), l[37] = u, l[38] = Q, l[39] = $) : $ = l[39], $;
 }
 function C() {
-	return y("useOxTheme");
+	return b("useOxTheme");
 }
 //#endregion
 export { S as OxThemeProvider, C as useOxTheme };

package/dist/context/Theme/Theme2.script.js

@@ -1,11 +1,10 @@
-import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { getOxThemeScript as t } from "./Theme.script.js";
+import { getOxThemeScript as e } from "./Theme.script.js";
+import { c as t } from "react/compiler-runtime";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/context/Theme/Theme.script.tsx
-var r = e();
-function i(e) {
-	let i = (0, r.c)(11), { defaultTheme: a, enableColorScheme: o, enableSystem: s, nonce: c, storageKey: l, themes: u } = e, d;
-	i[0] !== a || i[1] !== o || i[2] !== s || i[3] !== l || i[4] !== u ? (d = t({
+function r(r) {
+	let i = t(11), { defaultTheme: a, enableColorScheme: o, enableSystem: s, nonce: c, storageKey: l, themes: u } = r, d;
+	i[0] !== a || i[1] !== o || i[2] !== s || i[3] !== l || i[4] !== u ? (d = e({
 		defaultTheme: a,
 		enableColorScheme: o,
 		enableSystem: s,
@@ -21,4 +20,4 @@ function i(e) {
 	}), i[8] = c, i[9] = p, i[10] = m) : m = i[10], m;
 }
 //#endregion
-export { i as OxThemeScript };
+export { r as OxThemeScript };

package/dist/hooks/useBreakpoint/useBreakpoint.js

@@ -1,32 +1,32 @@
-import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { useOxMediaQuery as t } from "../useMediaQuery/useMediaQuery.js";
+import { useOxMediaQuery as e } from "../useMediaQuery/useMediaQuery.js";
+import { c as t } from "react/compiler-runtime";
 //#region src/hooks/useBreakpoint/useBreakpoint.ts
-var n = e(), r = {
+var n = {
 	sm: 640,
 	md: 768,
 	lg: 1024,
 	xl: 1280,
 	"2xl": 1536
-}, i = (e) => `(min-width: ${r[e]}px)`, a = (e) => `(max-width: ${r[e] - .02}px)`;
-function o(e) {
-	let r = (0, n.c)(2), a;
-	return r[0] === e ? a = r[1] : (a = i(e), r[0] = e, r[1] = a), t(a);
+}, r = (e) => `(min-width: ${n[e]}px)`, i = (e) => `(max-width: ${n[e] - .02}px)`;
+function a(n) {
+	let i = t(2), a;
+	return i[0] === n ? a = i[1] : (a = r(n), i[0] = n, i[1] = a), e(a);
 }
-function s(e) {
-	let r = (0, n.c)(2), i;
-	return r[0] === e ? i = r[1] : (i = a(e), r[0] = e, r[1] = i), t(i);
+function o(n) {
+	let r = t(2), a;
+	return r[0] === n ? a = r[1] : (a = i(n), r[0] = n, r[1] = a), e(a);
 }
-function c() {
-	let e = (0, n.c)(5), r;
-	e[0] === Symbol.for("react.memo_cache_sentinel") ? (r = i("sm"), e[0] = r) : r = e[0];
-	let a = t(r), o;
-	e[1] === Symbol.for("react.memo_cache_sentinel") ? (o = i("md"), e[1] = o) : o = e[1];
-	let s = t(o), c;
-	e[2] === Symbol.for("react.memo_cache_sentinel") ? (c = i("lg"), e[2] = c) : c = e[2];
-	let l = t(c), u;
-	e[3] === Symbol.for("react.memo_cache_sentinel") ? (u = i("xl"), e[3] = u) : u = e[3];
-	let d = t(u), f;
-	return e[4] === Symbol.for("react.memo_cache_sentinel") ? (f = i("2xl"), e[4] = f) : f = e[4], t(f) ? "2xl" : d ? "xl" : l ? "lg" : s ? "md" : a ? "sm" : "xs";
+function s() {
+	let n = t(5), i;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (i = r("sm"), n[0] = i) : i = n[0];
+	let a = e(i), o;
+	n[1] === Symbol.for("react.memo_cache_sentinel") ? (o = r("md"), n[1] = o) : o = n[1];
+	let s = e(o), c;
+	n[2] === Symbol.for("react.memo_cache_sentinel") ? (c = r("lg"), n[2] = c) : c = n[2];
+	let l = e(c), u;
+	n[3] === Symbol.for("react.memo_cache_sentinel") ? (u = r("xl"), n[3] = u) : u = n[3];
+	let d = e(u), f;
+	return n[4] === Symbol.for("react.memo_cache_sentinel") ? (f = r("2xl"), n[4] = f) : f = n[4], e(f) ? "2xl" : d ? "xl" : l ? "lg" : s ? "md" : a ? "sm" : "xs";
 }
 //#endregion
-export { r as oxBreakpoints, c as useOxBreakpoint, s as useOxBreakpointDown, o as useOxBreakpointUp };
+export { n as oxBreakpoints, s as useOxBreakpoint, o as useOxBreakpointDown, a as useOxBreakpointUp };

package/dist/hooks/useCommandShortcut/useCommandShortcut.js

@@ -1,8 +1,7 @@
-import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { c as e } from "react/compiler-runtime";
 import { useEffect as t, useEffectEvent as n } from "react";
 //#region src/hooks/useCommandShortcut/useCommandShortcut.ts
-var r = e();
-function i(e) {
+function r(e) {
 	if (!(e instanceof HTMLElement)) return !1;
 	if (e.isContentEditable) return !0;
 	let t = e.contentEditable;
@@ -14,14 +13,14 @@ function i(e) {
 		"SELECT"
 	].includes(n);
 }
-function a(e, a) {
-	let o = (0, r.c)(13), s;
+function i(i, a) {
+	let o = e(13), s;
 	o[0] === a ? s = o[1] : (s = a === void 0 ? {} : a, o[0] = a, o[1] = s);
-	let { enabled: c, ignoreWhileTyping: l, key: u, mod: d } = s, f = c === void 0 ? !0 : c, p = l === void 0 ? !0 : l, m = u === void 0 ? "k" : u, h = d === void 0 ? !0 : d, g = n(e), _;
+	let { enabled: c, ignoreWhileTyping: l, key: u, mod: d } = s, f = c === void 0 ? !0 : c, p = l === void 0 ? !0 : l, m = u === void 0 ? "k" : u, h = d === void 0 ? !0 : d, g = n(i), _;
 	o[2] !== f || o[3] !== p || o[4] !== m || o[5] !== h || o[6] !== g ? (_ = () => {
 		if (!f) return;
 		let e = (e) => {
-			!(!h || e.metaKey || e.ctrlKey) || e.key.toLowerCase() !== m.toLowerCase() || p && i(e.target) || (e.preventDefault(), g());
+			!(!h || e.metaKey || e.ctrlKey) || e.key.toLowerCase() !== m.toLowerCase() || p && r(e.target) || (e.preventDefault(), g());
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, o[2] = f, o[3] = p, o[4] = m, o[5] = h, o[6] = g, o[7] = _) : _ = o[7];
@@ -34,4 +33,4 @@ function a(e, a) {
 	], o[8] = f, o[9] = p, o[10] = m, o[11] = h, o[12] = v) : v = o[12], t(_, v);
 }
 //#endregion
-export { a as useOxCommandShortcut };
+export { i as useOxCommandShortcut };

package/dist/hooks/useDebounce/useDebounce.js

@@ -1,35 +1,35 @@
-import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { debounce as t } from "../../node_modules/es-toolkit/dist/function/debounce.js";
-import { useEffect as n, useRef as r, useState as i } from "react";
+import { c as e } from "react/compiler-runtime";
+import { useEffect as t, useRef as n, useState as r } from "react";
+import { debounce as i } from "es-toolkit";
 //#region src/hooks/useDebounce/useDebounce.ts
-var a = e(), o = (e, t) => {
+var a = (e, t) => {
 	if (e && t) return ["leading", "trailing"];
 	if (e) return ["leading"];
 };
-function s(e, a, s = {}) {
-	let { leading: c = !1, trailing: l = !0 } = s, u = r(e), d = r(l), f = r(!1), p = r(null);
-	n(() => {
+function o(e, o, s = {}) {
+	let { leading: c = !1, trailing: l = !0 } = s, u = n(e), d = n(l), f = n(!1), p = n(null);
+	t(() => {
 		u.current = e, d.current = l;
-	}), n(() => {}, [a]);
+	}), t(() => {}, [o]);
 	let m = !c && !l;
-	n(() => {}, [m]), n(() => {
+	t(() => {}, [m]), t(() => {
 		if (m) {
 			p.current = null;
 			return;
 		}
-		let e = Number.isNaN(a) || a < 0 ? 0 : a, n = o(c, l), r = t((...e) => {
+		let e = Number.isNaN(o) || o < 0 ? 0 : o, t = a(c, l), n = i((...e) => {
 			f.current = !1, u.current(...e);
-		}, e, n ? { edges: n } : {});
-		return p.current = r, () => {
-			r.cancel(), f.current = !1, p.current = null;
+		}, e, t ? { edges: t } : {});
+		return p.current = n, () => {
+			n.cancel(), f.current = !1, p.current = null;
 		};
 	}, [
-		a,
+		o,
 		m,
 		c,
 		l
 	]);
-	let [h] = i(() => Object.assign((...e) => {
+	let [h] = r(() => Object.assign((...e) => {
 		let t = p.current;
 		t !== null && (d.current && (f.current = !0), t(...e));
 	}, {
@@ -43,13 +43,13 @@ function s(e, a, s = {}) {
 	}));
 	return h;
 }
-function c(e, t, o) {
-	let c = (0, a.c)(23), l;
-	c[0] === o ? l = c[1] : (l = o === void 0 ? {} : o, c[0] = o, c[1] = l);
-	let { equalityFn: u, leading: d, trailing: f } = l, p = u === void 0 ? Object.is : u, [m, h] = i(e), [g, _] = i(!1), v = r(p), y = r(m), b;
+function s(i, a, s) {
+	let c = e(23), l;
+	c[0] === s ? l = c[1] : (l = s === void 0 ? {} : s, c[0] = s, c[1] = l);
+	let { equalityFn: u, leading: d, trailing: f } = l, p = u === void 0 ? Object.is : u, [m, h] = r(i), [g, _] = r(!1), v = n(p), y = n(m), b;
 	c[2] !== m || c[3] !== p ? (b = () => {
 		v.current = p, y.current = m;
-	}, c[2] = m, c[3] = p, c[4] = b) : b = c[4], n(b);
+	}, c[2] = m, c[3] = p, c[4] = b) : b = c[4], t(b);
 	let x;
 	c[5] === Symbol.for("react.memo_cache_sentinel") ? (x = (e) => {
 		h(e), _(!1);
@@ -59,10 +59,10 @@ function c(e, t, o) {
 		leading: d,
 		trailing: f
 	}, c[6] = d, c[7] = f, c[8] = S) : S = c[8];
-	let C = s(x, t, S), w, T;
-	c[9] !== C || c[10] !== e ? (w = () => {
-		v.current(e, y.current) || (_(!0), C(e));
-	}, T = [C, e], c[9] = C, c[10] = e, c[11] = w, c[12] = T) : (w = c[11], T = c[12]), n(w, T);
+	let C = o(x, a, S), w, T;
+	c[9] !== C || c[10] !== i ? (w = () => {
+		v.current(i, y.current) || (_(!0), C(i));
+	}, T = [C, i], c[9] = C, c[10] = i, c[11] = w, c[12] = T) : (w = c[11], T = c[12]), t(w, T);
 	let E, D;
 	c[13] === C ? (E = c[14], D = c[15]) : (E = () => {
 		C.cancel(), _(!1);
@@ -79,4 +79,4 @@ function c(e, t, o) {
 	return c[20] !== k || c[21] !== m ? (A = [m, k], c[20] = k, c[21] = m, c[22] = A) : A = c[22], A;
 }
 //#endregion
-export { s as useOxDebounce, c as useOxDebouncedValue };
+export { o as useOxDebounce, s as useOxDebouncedValue };

package/dist/hooks/useForm/useForm.js

@@ -1,6 +1,6 @@
-import { cloneDeep as e } from "../../node_modules/es-toolkit/dist/object/cloneDeep.js";
-import { useFormState as t } from "../../internal/hooks/useFormState/useFormState.js";
-import { useRef as n } from "react";
+import { useFormState as e } from "../../internal/hooks/useFormState/useFormState.js";
+import { useRef as t } from "react";
+import { cloneDeep as n } from "es-toolkit";
 //#region src/hooks/useForm/useForm.ts
 var r = class {
 	errors;
@@ -10,39 +10,39 @@ var r = class {
 }, i = (e) => new r(e), a = (e, t, n) => {
 	e ? n.onCancel?.() : n.onError?.(t);
 }, o = ({ data: i, executor: o, resolver: s }) => {
-	let { dataRef: c, defaultsCalledInOnSuccessRef: l, finishProcessing: u, form: d, isMounted: f, markAsSuccessful: p, resetBeforeSubmit: m, setDefaultsState: h, setProcessing: g, setProgress: _, transformRef: v } = t({
+	let { dataRef: c, defaultsCalledInOnSuccessRef: l, finishProcessing: u, form: d, isMounted: f, markAsSuccessful: p, resetBeforeSubmit: m, setDefaultsState: h, setProcessing: g, setProgress: _, transformRef: v } = e({
 		data: i,
 		resolver: s
-	}), y = n(null), b = async (t = {}, n, i) => {
-		if (m(), t.onBefore?.() === !1) return;
+	}), y = t(null), b = async (e = {}, t, i) => {
+		if (m(), e.onBefore?.() === !1) return;
 		let b = new AbortController();
 		y.current = b;
 		try {
-			if (t.onCancelToken?.(b), g(!0), t.onStart?.(), s) {
-				let e = await d.validate();
-				if (e !== null) {
-					t.onError?.(e);
+			if (e.onCancelToken?.(b), g(!0), e.onStart?.(), s) {
+				let t = await d.validate();
+				if (t !== null) {
+					e.onError?.(t);
 					return;
 				}
 			}
 			let a = await o({
-				method: n,
-				onProgress: (e) => {
-					_(e), t.onProgress?.(e);
+				method: t,
+				onProgress: (t) => {
+					_(t), e.onProgress?.(t);
 				},
 				payload: v.current(c.current),
 				signal: b.signal,
 				url: i
 			});
 			if (a instanceof r) {
-				f.current && (d.clearErrors(), d.setError(a.errors)), t.onError?.(a.errors);
+				f.current && (d.clearErrors(), d.setError(a.errors)), e.onError?.(a.errors);
 				return;
 			}
-			f.current && p(), await t.onSuccess?.(a), f.current && !l.current && h(e(c.current));
-		} catch (e) {
-			a(b.signal.aborted, e, t);
+			f.current && p(), await e.onSuccess?.(a), f.current && !l.current && h(n(c.current));
+		} catch (t) {
+			a(b.signal.aborted, t, e);
 		} finally {
-			f.current && u(), y.current === b && (y.current = null), t.onFinish?.();
+			f.current && u(), y.current === b && (y.current = null), e.onFinish?.();
 		}
 	}, x = () => {
 		y.current?.abort();