@noxickon/onyx 6.1.2 → 6.2.0

package/dist/context/Auth/Auth.js

@@ -1,76 +1,89 @@
 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";
+import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
 //#region src/context/Auth/Auth.tsx
-var o = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new WeakMap();
-function c(e) {
-	if (e === null) return o;
-	let t = e, n = s.get(t);
+var s = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new WeakMap(), l = 1;
+function u(e) {
+	if (typeof e != "object" || !e) return !1;
+	let t = e;
+	return t.name === "AbortError" || t.networkError?.name === "AbortError";
+}
+function d(e) {
+	if (e === null) return s;
+	let t = e, n = c.get(t);
 	if (n) return n;
 	let r = e.permissions ?? [], i = new Set(r);
-	return s.set(t, i), i;
+	return c.set(t, i), i;
 }
-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;
+var { Provider: f, useRequiredContext: p } = e("OxAuthProvider");
+function m({ children: e, fetchUser: t, initialUser: s, onLogout: c, performLogout: d, refreshIntervalMs: p, revalidateOnFocus: m = !1 }) {
+	let [h, g] = a(s ?? null), [_, v] = a(s === void 0), [y, b] = a(!1), [x, S] = a(null), C = i(t), w = i(d), T = i(c), E = i(s ?? null), D = i(0), O = i(null);
+	r(() => {
+		C.current = t, w.current = d, T.current = c;
 	});
-	let w = async () => {
-		C.current?.abort();
-		let e = new AbortController();
-		C.current = e;
-		let t = ++S.current;
-		_(!0);
-		try {
-			let n = await v.current(e.signal);
-			if (e.signal.aborted || t !== S.current) return;
-			p(n), x.current = n;
-		} catch (n) {
-			if (e.signal.aborted || t !== S.current) return;
-			x.current === null && p(null), console.error("[OxAuthProvider] refresh failed", n);
-		} finally {
-			t === S.current && (h(!1), _(!1));
-		}
-	};
-	return n(() => {
-		w();
-	}, []), n(() => {
-		if (u === void 0) return;
+	let k = n(async () => {
+		let e = async (t) => {
+			O.current?.abort();
+			let n = new AbortController();
+			O.current = n;
+			let r = ++D.current;
+			b(!0);
+			try {
+				let e = await C.current(n.signal);
+				if (n.signal.aborted || r !== D.current) return;
+				g(e), E.current = e, S(null);
+			} catch (i) {
+				if (n.signal.aborted || r !== D.current) return;
+				if (u(i) && t < l) {
+					await e(t + 1);
+					return;
+				}
+				S(i), console.error("[OxAuthProvider] refresh failed", i);
+			} finally {
+				r === D.current && (v(!1), b(!1));
+			}
+		};
+		await e(0);
+	}, []);
+	return r(() => {
+		k();
+	}, [k]), r(() => {
+		if (p === void 0) return;
 		let e, t = () => {
 			e !== void 0 && (globalThis.clearInterval(e), e = void 0);
 		}, n = () => {
 			t(), e = globalThis.setInterval(() => {
-				w();
-			}, u);
+				k();
+			}, p);
 		}, r = () => {
 			document.visibilityState === "visible" ? n() : t();
 		};
 		return document.visibilityState === "visible" && n(), document.addEventListener("visibilitychange", r), () => {
 			t(), document.removeEventListener("visibilitychange", r);
 		};
-	}, [u]), n(() => {
-		if (!d) return;
+	}, [p, k]), r(() => {
+		if (!m) return;
 		let e = () => {
-			document.visibilityState === "visible" && w();
+			document.visibilityState === "visible" && k();
 		}, t = () => {
-			w();
+			k();
 		};
 		return document.addEventListener("visibilitychange", e), globalThis.addEventListener("online", t), () => {
 			document.removeEventListener("visibilitychange", e), globalThis.removeEventListener("online", t);
 		};
-	}, [d]), /* @__PURE__ */ a(l, {
+	}, [m, k]), /* @__PURE__ */ o(f, {
 		value: {
-			user: f,
-			isAuthenticated: f !== null,
-			isLoading: m,
-			isRefreshing: g,
-			refresh: w,
+			user: h,
+			isAuthenticated: h !== null,
+			isLoading: _,
+			isRefreshing: y,
+			error: x,
+			refresh: k,
 			logout: async () => {
-				C.current?.abort(), S.current++, p(null), x.current = null, h(!1), _(!1), b.current?.();
+				O.current?.abort(), D.current++, g(null), E.current = null, v(!1), b(!1), S(null), T.current?.();
 				try {
-					await y.current?.();
+					await w.current?.();
 				} catch (e) {
 					console.error("[OxAuthProvider] performLogout failed", e);
 				}
@@ -79,25 +92,25 @@ function d({ children: e, fetchUser: t, initialUser: o, onLogout: s, performLogo
 		children: e
 	});
 }
-function f() {
-	return u("useOxAuth");
+function h() {
+	return p("useOxAuth");
 }
-function p() {
-	let { user: e } = f();
+function g() {
+	let { user: e } = h();
 	if (e === null) throw Error("useOxAuthUser must be used inside <OxAuthRequired> or in components that only render when authenticated");
 	return e;
 }
-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 _(e) {
+	let n = t(3), { user: r } = h(), i;
+	return n[0] !== e || n[1] !== r ? (i = d(r).has(e), n[0] = e, n[1] = r, n[2] = i) : i = n[2], i;
 }
-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();
+function v(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 } = h();
 	return s ? a : o ? t : 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 } = f();
+function y(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 } = h();
 	return s ? a : o ? i : t;
 }
 //#endregion
-export { d as OxAuthProvider, h as OxAuthRequired, g as OxGuestOnly, f as useOxAuth, p as useOxAuthUser, m as useOxPermission };
+export { m as OxAuthProvider, v as OxAuthRequired, y as OxGuestOnly, h as useOxAuth, g as useOxAuthUser, _ as useOxPermission };

package/dist/context/Auth/Auth.types.d.ts

@@ -10,6 +10,8 @@ interface OxAuthProviderProps {
     revalidateOnFocus?: boolean;
 }
 interface OxAuthContextValue {
+    /** Last refresh failure — session state unknown, NOT "logged out". */
+    error: unknown;
     isAuthenticated: boolean;
     isLoading: boolean;
     isRefreshing: boolean;

package/dist/internal/tv.js

@@ -1,28 +1,6 @@
-import { createTV as e } from "tailwind-variants";
+import { twMergeConfig as e } from "./twMergeConfig.js";
+import { createTV as t } from "tailwind-variants";
 //#region src/internal/tv.ts
-var t = e({ twMergeConfig: { extend: {
-	theme: {
-		radius: ["control", "card"],
-		text: [
-			"control",
-			"3xs",
-			"2xs",
-			"body"
-		]
-	},
-	classGroups: {
-		h: [{ h: ["control"] }],
-		"min-h": [{ "min-h": ["control"] }],
-		px: [{ px: ["control"] }],
-		size: [{ size: ["icon"] }],
-		"bg-color": [{ bg: ["tone", "tone-soft"] }],
-		"text-color": [{ text: [
-			"tone-fg",
-			"tone-ink",
-			"tone-soft-fg"
-		] }],
-		"border-color": [{ border: ["tone-outline"] }]
-	}
-} } });
+var n = t({ twMergeConfig: e });
 //#endregion
-export { t as tv };
+export { n as tv };

package/dist/internal/twMergeConfig.d.ts

@@ -0,0 +1,2 @@
+import { TWMergeConfig } from 'tailwind-variants';
+export declare const twMergeConfig: TWMergeConfig;

package/dist/internal/twMergeConfig.js

@@ -0,0 +1,27 @@
+//#region src/internal/twMergeConfig.ts
+var e = { extend: {
+	theme: {
+		radius: ["control", "card"],
+		text: [
+			"control",
+			"3xs",
+			"2xs",
+			"body"
+		]
+	},
+	classGroups: {
+		h: [{ h: ["control"] }],
+		"min-h": [{ "min-h": ["control"] }],
+		px: [{ px: ["control"] }],
+		size: [{ size: ["icon"] }],
+		"bg-color": [{ bg: ["tone", "tone-soft"] }],
+		"text-color": [{ text: [
+			"tone-fg",
+			"tone-ink",
+			"tone-soft-fg"
+		] }],
+		"border-color": [{ border: ["tone-outline"] }]
+	}
+} };
+//#endregion
+export { e as twMergeConfig };

package/dist/utils/cn.d.ts

@@ -0,0 +1,2 @@
+import { CnOptions, CnReturn } from 'tailwind-variants';
+export declare const cn: (...classes: CnOptions) => CnReturn;

package/dist/utils/cn.js

@@ -0,0 +1,6 @@
+import { twMergeConfig as e } from "../internal/twMergeConfig.js";
+import { cnMerge as t } from "tailwind-variants";
+//#region src/utils/cn.ts
+var n = (...n) => t(...n)({ twMergeConfig: e });
+//#endregion
+export { n as cn };

package/dist/utils/cn.test.d.ts

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

package/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './cn';

package/dist/utils.js

@@ -0,0 +1,2 @@
+import { cn as e } from "./utils/cn.js";
+export { e as cn };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noxickon/onyx",
-  "version": "6.1.2",
+  "version": "6.2.0",
   "type": "module",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -38,6 +38,10 @@
       "types": "./dist/code-block/index.d.ts",
       "import": "./dist/code-block.js"
     },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils.js"
+    },
     "./styles": "./dist/index.css"
   },
   "files": [