@noxickon/onyx 5.0.2 → 6.1.0

package/dist/context/Auth/Auth.js

@@ -0,0 +1,103 @@
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { createCompoundContext as t } from "../../internal/context/createCompoundContext/createCompoundContext.js";
+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);
+	if (n) return n;
+	let r = e.permissions ?? [], i = new Set(r);
+	return c.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 }) {
+	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;
+	});
+	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 (l === void 0) return;
+		let e, t = () => {
+			e !== void 0 && (globalThis.clearInterval(e), e = void 0);
+		}, n = () => {
+			t(), e = globalThis.setInterval(() => {
+				w();
+			}, l);
+		}, r = () => {
+			document.visibilityState === "visible" ? n() : t();
+		};
+		return document.visibilityState === "visible" && n(), document.addEventListener("visibilitychange", r), () => {
+			t(), document.removeEventListener("visibilitychange", r);
+		};
+	}, [l]), n(() => {
+		if (!d) return;
+		let e = () => {
+			document.visibilityState === "visible" && w();
+		}, t = () => {
+			w();
+		};
+		return document.addEventListener("visibilitychange", e), globalThis.addEventListener("online", t), () => {
+			document.removeEventListener("visibilitychange", e), globalThis.removeEventListener("online", t);
+		};
+	}, [d]), /* @__PURE__ */ a(u, {
+		value: {
+			user: f,
+			isAuthenticated: f !== null,
+			isLoading: m,
+			isRefreshing: g,
+			refresh: w,
+			logout: async () => {
+				C.current?.abort(), S.current++, p(null), x.current = null, h(!1), _(!1), b.current?.();
+				try {
+					await y.current?.();
+				} catch (e) {
+					console.error("[OxAuthProvider] performLogout failed", e);
+				}
+			}
+		},
+		children: e
+	});
+}
+function p() {
+	return d("useOxAuth");
+}
+function m() {
+	let { user: e } = p();
+	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 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();
+	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();
+	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 };

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

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { OxUser } from '..';
+interface OxAuthProviderProps {
+    children: ReactNode;
+    fetchUser: (signal?: AbortSignal) => Promise<OxUser | null>;
+    initialUser?: OxUser | null;
+    onLogout?: () => void;
+    performLogout?: () => Promise<void>;
+    refreshIntervalMs?: number;
+    revalidateOnFocus?: boolean;
+}
+interface OxAuthContextValue {
+    isAuthenticated: boolean;
+    isLoading: boolean;
+    isRefreshing: boolean;
+    logout: () => Promise<void>;
+    refresh: () => Promise<void>;
+    user: OxUser | null;
+}
+interface OxAuthGuardProps {
+    children: ReactNode;
+    fallback?: ReactNode;
+    loading?: ReactNode;
+}
+export type { OxAuthContextValue, OxAuthGuardProps, OxAuthProviderProps };

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

@@ -0,0 +1,2 @@
+export { OxAuthProvider, OxAuthRequired, OxGuestOnly, useOxAuth, useOxAuthUser, useOxPermission, } from './Auth';
+export type { OxAuthContextValue, OxAuthGuardProps, OxAuthProviderProps } from './Auth.types';

package/dist/context/FeatureFlag/FeatureFlag.d.ts

@@ -0,0 +1,6 @@
+import { OxFeatureFlagName } from '..';
+import { OxFeatureFlagProviderProps, OxFeatureGateProps } from './FeatureFlag.types';
+declare function OxFeatureFlagProvider({ children, flags }: OxFeatureFlagProviderProps): import("react").JSX.Element;
+declare function useOxFeatureFlag(name: OxFeatureFlagName): boolean;
+declare function OxFeatureGate({ children, fallback, flag }: OxFeatureGateProps): import('react').ReactNode;
+export { OxFeatureFlagProvider, OxFeatureGate, useOxFeatureFlag };

package/dist/context/FeatureFlag/FeatureFlag.js

@@ -0,0 +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 { 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 ? {
+		...c,
+		...s
+	} : s, t[0] = s, t[1] = c, t[2] = l) : l = t[2];
+	let u = l, d;
+	return t[3] !== o || t[4] !== u ? (d = /* @__PURE__ */ n(i, {
+		value: u,
+		children: o
+	}), t[3] = o, t[4] = u, t[5] = d) : d = t[5], d;
+}
+function s(e) {
+	return a()?.[e] ?? !1;
+}
+function c(e) {
+	let { children: t, fallback: n, flag: r } = e, i = n === void 0 ? null : n;
+	return s(r) ? t : i;
+}
+//#endregion
+export { o as OxFeatureFlagProvider, c as OxFeatureGate, s as useOxFeatureFlag };

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { OxFeatureFlagName } from '..';
+type FeatureFlags = Partial<Record<OxFeatureFlagName, boolean>>;
+interface OxFeatureFlagProviderProps {
+    children: ReactNode;
+    flags: FeatureFlags;
+}
+interface OxFeatureGateProps {
+    children: ReactNode;
+    fallback?: ReactNode;
+    flag: OxFeatureFlagName;
+}
+export type { FeatureFlags, OxFeatureFlagProviderProps, OxFeatureGateProps };

package/dist/context/FeatureFlag/index.d.ts

@@ -0,0 +1,2 @@
+export { OxFeatureFlagProvider, OxFeatureGate, useOxFeatureFlag } from './FeatureFlag';
+export type { OxFeatureFlagProviderProps, OxFeatureGateProps } from './FeatureFlag.types';

package/dist/context/Mode/Mode.constants.d.ts

@@ -0,0 +1,4 @@
+import { OxMode } from '..';
+export declare const OX_MODE_DATA_ATTRIBUTE: "data-ox-mode";
+export declare const OX_MODE_DEFAULT: OxMode;
+export declare const OX_MODES: readonly ["ambient", "console"];

package/dist/context/Mode/Mode.constants.js

@@ -0,0 +1,4 @@
+//#region src/context/Mode/Mode.constants.ts
+var e = "data-ox-mode", t = "ambient", n = ["ambient", "console"];
+//#endregion
+export { n as OX_MODES, e as OX_MODE_DATA_ATTRIBUTE, t as OX_MODE_DEFAULT };

package/dist/context/Mode/Mode.d.ts

@@ -0,0 +1,6 @@
+import { OxMode } from '..';
+import { OxModeContextValue, OxModeProviderProps } from './Mode.types';
+declare function applyDomMode(mode: OxMode): void;
+declare function OxModeProvider({ children, defaultMode, mode, onModeChange, }: OxModeProviderProps): import("react").JSX.Element;
+declare function useOxMode(): OxModeContextValue;
+export { applyDomMode, OxModeProvider, useOxMode };

package/dist/context/Mode/Mode.js

@@ -0,0 +1,40 @@
+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 { 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,
+	setMode: () => {}
+});
+function u(e) {
+	if (typeof document > "u") return;
+	let t = document.documentElement;
+	e === "ambient" ? t.removeAttribute(n) : t.setAttribute(n, 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;
+	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);
+	}, y = [h], t[3] = h, t[4] = v, t[5] = y), i(v, y);
+	let b;
+	t[6] !== h || t[7] !== _ ? (b = {
+		mode: h,
+		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, {
+		value: b,
+		children: n
+	}), t[9] = n, t[10] = b, t[11] = x) : x = t[11], x;
+}
+function f() {
+	return l();
+}
+//#endregion
+export { d as OxModeProvider, u as applyDomMode, f as useOxMode };

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { OxMode } from '..';
+interface OxModeContextValue {
+    mode: OxMode;
+    setMode: (mode: OxMode) => void;
+}
+interface OxModeProviderProps {
+    children: ReactNode;
+    defaultMode?: OxMode;
+    mode?: OxMode;
+    onModeChange?: (mode: OxMode) => void;
+}
+export type { OxModeContextValue, OxModeProviderProps };

package/dist/context/Mode/index.d.ts

@@ -0,0 +1,3 @@
+export { OxModeProvider, useOxMode } from './Mode';
+export { OX_MODE_DATA_ATTRIBUTE, OX_MODE_DEFAULT, OX_MODES } from './Mode.constants';
+export type { OxModeContextValue, OxModeProviderProps } from './Mode.types';

package/dist/context/Theme/Theme.constants.d.ts

@@ -0,0 +1,6 @@
+export declare const OX_THEME_DEFAULT_STORAGE_KEY = "ox-theme";
+export declare const OX_THEME_DEFAULT_THEMES: readonly ["light", "dark"];
+export declare const OX_THEME_SYSTEM: "system";
+export declare const OX_THEME_DATA_ATTRIBUTE: "data-ox-theme";
+export declare const OX_COLOR_SCHEME_DATA_ATTRIBUTE: "data-ox-scheme";
+export declare const OX_THEME_TRANSITION_STYLE_ID: "ox-theme-transition-disable";

package/dist/context/Theme/Theme.constants.js

@@ -0,0 +1,4 @@
+//#region src/context/Theme/Theme.constants.ts
+var e = "ox-theme", t = ["light", "dark"], n = "system", r = "data-ox-theme", i = "data-ox-scheme", a = "ox-theme-transition-disable";
+//#endregion
+export { i as OX_COLOR_SCHEME_DATA_ATTRIBUTE, r as OX_THEME_DATA_ATTRIBUTE, e as OX_THEME_DEFAULT_STORAGE_KEY, t as OX_THEME_DEFAULT_THEMES, n as OX_THEME_SYSTEM, a as OX_THEME_TRANSITION_STYLE_ID };

package/dist/context/Theme/Theme.d.ts

@@ -0,0 +1,4 @@
+import { OxThemeContextValue, OxThemeProviderProps } from './Theme.types';
+declare function OxThemeProvider({ children, defaultTheme, disableTransitionOnChange, enableColorScheme, enableSystem, forcedTheme, storageKey, themes, }: OxThemeProviderProps): import("react").JSX.Element;
+declare function useOxTheme(): OxThemeContextValue;
+export { OxThemeProvider, useOxTheme };

package/dist/context/Theme/Theme.js

@@ -0,0 +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";
+//#region src/context/Theme/Theme.tsx
+var _ = e(), { Provider: v, useRequiredContext: y } = t("OxThemeProvider");
+function b(e, t) {
+	return e !== null && e !== "" && t.includes(e);
+}
+function x(e, t, n) {
+	let r = l();
+	if (b(r, n)) return r;
+	let i = u(e);
+	return b(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 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);
+	let G, K;
+	t[17] !== M || t[18] !== A || t[19] !== P ? (G = () => {
+		if (!c()) return;
+		let e = (e) => {
+			if (e.key !== A) return;
+			let t = e.newValue;
+			if (!b(t, P)) {
+				L(M);
+				return;
+			}
+			L(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);
+	let q;
+	t[22] !== D || t[23] !== w || t[24] !== A ? (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);
+					});
+				});
+				return;
+			}
+			(n.disableTransitionOnChange ?? D) && s(), L(e);
+		}
+	}, t[22] = D, t[23] = w, t[24] = A, t[25] = q) : q = t[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];
+	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,
+		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];
+	let Q = Z, $;
+	return t[37] !== l || t[38] !== Q ? ($ = /* @__PURE__ */ g(v, {
+		value: Q,
+		children: l
+	}), t[37] = l, t[38] = Q, t[39] = $) : $ = t[39], $;
+}
+function C() {
+	return y("useOxTheme");
+}
+//#endregion
+export { S as OxThemeProvider, C as useOxTheme };

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

@@ -0,0 +1,59 @@
+import { OX_COLOR_SCHEME_DATA_ATTRIBUTE as e, OX_THEME_DATA_ATTRIBUTE as t, OX_THEME_DEFAULT_STORAGE_KEY as n, OX_THEME_DEFAULT_THEMES as r, OX_THEME_SYSTEM as i } from "./Theme.constants.js";
+//#region src/context/Theme/Theme.script.ts
+function a({ defaultTheme: a, enableColorScheme: o = !0, enableSystem: s = !0, storageKey: c = n, themes: l = r } = {}) {
+	let u = a ?? (s ? "system" : "light"), d = JSON.stringify([...l, ...s ? [i] : []]);
+	return `(function () {
+  try {
+    ${[
+		`var STORAGE_KEY = ${JSON.stringify(c)};`,
+		`var FALLBACK = ${JSON.stringify(u)};`,
+		`var SYSTEM = ${JSON.stringify(i)};`,
+		`var VALID = ${d};`,
+		`var THEME_ATTR = ${JSON.stringify(t)};`,
+		`var SCHEME_ATTR = ${JSON.stringify(e)};`,
+		`var WRITE_NATIVE_SCHEME = ${o ? "true" : "false"};`
+	].join("\n")}
+
+    var stored = null;
+    try { stored = window.localStorage.getItem(STORAGE_KEY); } catch (e) {}
+
+    var theme = (stored && VALID.indexOf(stored) !== -1) ? stored : FALLBACK;
+
+    var resolved;
+    if (theme === SYSTEM) {
+      var prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
+      resolved = prefersDark ? 'dark' : 'light';
+    } else {
+      resolved = theme;
+    }
+
+    var html = document.documentElement;
+    var colorScheme;
+
+    if (resolved === 'dark' || resolved === 'light') {
+      colorScheme = resolved;
+    } else {
+      var previous = html.getAttribute(THEME_ATTR);
+      html.setAttribute(THEME_ATTR, resolved);
+      colorScheme = window.getComputedStyle(html).colorScheme === 'dark' ? 'dark' : 'light';
+      if (previous === null) {
+        html.removeAttribute(THEME_ATTR);
+      } else {
+        html.setAttribute(THEME_ATTR, previous);
+      }
+    }
+
+    html.setAttribute(SCHEME_ATTR, colorScheme);
+    if (resolved === 'light' || resolved === 'dark') {
+      html.removeAttribute(THEME_ATTR);
+    } else {
+      html.setAttribute(THEME_ATTR, resolved);
+    }
+    if (WRITE_NATIVE_SCHEME) {
+      html.style.colorScheme = colorScheme;
+    }
+  } catch (e) {}
+})();`;
+}
+//#endregion
+export { a as getOxThemeScript };

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

@@ -0,0 +1,43 @@
+import { ReactNode } from 'react';
+import { OxThemeName } from '..';
+type OxColorScheme = 'light' | 'dark';
+type OxThemeChoice = OxThemeName | 'system';
+interface OxSetThemeOptions {
+    disableTransitionOnChange?: boolean;
+    viewTransition?: boolean;
+}
+interface OxThemeContextValue {
+    colorScheme: OxColorScheme;
+    resolvedTheme: OxThemeName;
+    selectableThemes: readonly OxThemeChoice[];
+    setTheme: (theme: OxThemeChoice, options?: OxSetThemeOptions) => void;
+    systemColorScheme: OxColorScheme;
+    theme: OxThemeChoice;
+    themes: readonly OxThemeName[];
+}
+interface OxThemeProviderProps {
+    children: ReactNode;
+    defaultTheme?: OxThemeChoice;
+    disableTransitionOnChange?: boolean;
+    enableColorScheme?: boolean;
+    enableSystem?: boolean;
+    forcedTheme?: OxThemeName;
+    storageKey?: string;
+    themes?: readonly OxThemeName[];
+}
+interface OxThemeScriptProps {
+    defaultTheme?: OxThemeChoice;
+    enableColorScheme?: boolean;
+    enableSystem?: boolean;
+    nonce?: string;
+    storageKey?: string;
+    themes?: readonly OxThemeName[];
+}
+interface OxThemeScriptOptions {
+    defaultTheme?: OxThemeChoice;
+    enableColorScheme?: boolean;
+    enableSystem?: boolean;
+    storageKey?: string;
+    themes?: readonly OxThemeName[];
+}
+export type { OxColorScheme, OxSetThemeOptions, OxThemeChoice, OxThemeContextValue, OxThemeProviderProps, OxThemeScriptOptions, OxThemeScriptProps, };

package/dist/context/Theme/Theme.utils.d.ts

@@ -0,0 +1,13 @@
+import { OxColorScheme } from './Theme.types';
+declare const hasDocument: () => boolean;
+declare const hasWindow: () => boolean;
+declare function readStorage(storageKey: string): string | null;
+declare function writeStorage(storageKey: string, value: string): void;
+declare function getSystemColorScheme(): OxColorScheme;
+declare function readDomTheme(): string | null;
+declare function resolveOxColorScheme(themeName: string): OxColorScheme;
+declare function applyDomTheme(themeName: string, colorScheme: OxColorScheme, enableColorScheme?: boolean): void;
+declare function disableTransitionsBriefly(): void;
+declare function supportsViewTransitions(): boolean;
+declare function startViewTransition(callback: () => void): void;
+export { applyDomTheme, disableTransitionsBriefly, getSystemColorScheme, hasDocument, hasWindow, readDomTheme, readStorage, resolveOxColorScheme, startViewTransition, supportsViewTransitions, writeStorage, };

package/dist/context/Theme/Theme.utils.js

@@ -0,0 +1,64 @@
+import { OX_COLOR_SCHEME_DATA_ATTRIBUTE as e, OX_THEME_DATA_ATTRIBUTE as t, OX_THEME_TRANSITION_STYLE_ID as n } from "./Theme.constants.js";
+//#region src/context/Theme/Theme.utils.ts
+var r = {
+	light: "light",
+	dark: "dark"
+}, i = () => typeof document < "u", a = () => globalThis.window !== void 0;
+function o(e) {
+	if (!a()) return null;
+	try {
+		return globalThis.localStorage.getItem(e);
+	} catch {
+		return null;
+	}
+}
+function s(e, t) {
+	if (a()) try {
+		globalThis.localStorage.setItem(e, t);
+	} catch {}
+}
+function c() {
+	return !a() || typeof globalThis.matchMedia != "function" ? "light" : globalThis.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function l() {
+	if (!i()) return null;
+	let e = document.documentElement;
+	return e.getAttribute("data-ox-theme") ?? e.getAttribute("data-ox-scheme");
+}
+function u(e) {
+	let n = r[e];
+	if (n !== void 0) return n;
+	if (!i()) return "light";
+	let a = document.documentElement.getAttribute(t);
+	document.documentElement.setAttribute(t, e);
+	let o = globalThis.getComputedStyle(document.documentElement).colorScheme;
+	return a === null ? document.documentElement.removeAttribute(t) : document.documentElement.setAttribute(t, a), o === "dark" ? "dark" : "light";
+}
+function d(n, a, o = !0) {
+	if (!i()) return;
+	let s = document.documentElement;
+	s.setAttribute(e, a), r[n] === void 0 ? s.setAttribute(t, n) : s.removeAttribute(t), o ? s.style.colorScheme = a : s.style.colorScheme = "";
+}
+function f() {
+	if (!i()) return;
+	document.querySelectorAll(`#${n}`).forEach((e) => e.remove());
+	let e = document.createElement("style");
+	e.id = n, e.append(document.createTextNode("*,*::before,*::after{transition:none!important;animation-duration:0!important;}")), document.head.append(e), globalThis.requestAnimationFrame(() => {
+		globalThis.requestAnimationFrame(() => {
+			e.remove();
+		});
+	});
+}
+function p() {
+	return i() ? typeof document.startViewTransition == "function" : !1;
+}
+function m(e) {
+	if (!i()) {
+		e();
+		return;
+	}
+	let t = document;
+	typeof t.startViewTransition == "function" ? t.startViewTransition(e) : e();
+}
+//#endregion
+export { d as applyDomTheme, f as disableTransitionsBriefly, c as getSystemColorScheme, i as hasDocument, a as hasWindow, l as readDomTheme, o as readStorage, u as resolveOxColorScheme, m as startViewTransition, p as supportsViewTransitions, s as writeStorage };

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

@@ -0,0 +1,24 @@
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { getOxThemeScript as t } from "./Theme.script.js";
+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({
+		defaultTheme: a,
+		enableColorScheme: o,
+		enableSystem: s,
+		storageKey: l,
+		themes: u
+	}), i[0] = a, i[1] = o, i[2] = s, i[3] = l, i[4] = u, i[5] = d) : d = i[5];
+	let f = d, p;
+	i[6] === f ? p = i[7] : (p = { __html: f }, i[6] = f, i[7] = p);
+	let m;
+	return i[8] !== c || i[9] !== p ? (m = /* @__PURE__ */ n("script", {
+		dangerouslySetInnerHTML: p,
+		nonce: c
+	}), i[8] = c, i[9] = p, i[10] = m) : m = i[10], m;
+}
+//#endregion
+export { i as OxThemeScript };

package/dist/context/Theme/index.d.ts

@@ -0,0 +1,6 @@
+export { OxThemeProvider, useOxTheme } from './Theme';
+export { OX_COLOR_SCHEME_DATA_ATTRIBUTE, OX_THEME_DATA_ATTRIBUTE, OX_THEME_DEFAULT_STORAGE_KEY, OX_THEME_DEFAULT_THEMES, OX_THEME_SYSTEM, } from './Theme.constants';
+export { getOxThemeScript } from './Theme.script';
+export { OxThemeScript } from './Theme.script.tsx';
+export { getSystemColorScheme, readDomTheme, resolveOxColorScheme } from './Theme.utils';
+export type { OxColorScheme, OxSetThemeOptions, OxThemeChoice, OxThemeContextValue, OxThemeProviderProps, OxThemeScriptOptions, OxThemeScriptProps, } from './Theme.types';

package/dist/context/index.d.ts

@@ -0,0 +1,25 @@
+export interface OxFeatureFlagRegistry {
+}
+export type OxFeatureFlagName = keyof OxFeatureFlagRegistry extends never ? string : keyof OxFeatureFlagRegistry;
+export interface OxUserShape {
+}
+export type OxUser = keyof OxUserShape extends never ? {
+    permissions?: string[];
+} : OxUserShape;
+export interface OxPermissionRegistry {
+}
+export type OxPermissionName = keyof OxPermissionRegistry extends never ? string : keyof OxPermissionRegistry;
+export interface OxThemeRegistry {
+    dark: true;
+    light: true;
+}
+export type OxThemeName = keyof OxThemeRegistry;
+export interface OxModeRegistry {
+    ambient: true;
+    console: true;
+}
+export type OxMode = keyof OxModeRegistry;
+export * from './FeatureFlag';
+export * from './Auth';
+export * from './Theme';
+export * from './Mode';

package/dist/context.js

@@ -0,0 +1,10 @@
+import { OxFeatureFlagProvider as e, OxFeatureGate as t, useOxFeatureFlag as n } from "./context/FeatureFlag/FeatureFlag.js";
+import { OxAuthProvider as r, OxAuthRequired as i, OxGuestOnly as a, useOxAuth as o, useOxAuthUser as s, useOxPermission as c } from "./context/Auth/Auth.js";
+import { OX_COLOR_SCHEME_DATA_ATTRIBUTE as l, OX_THEME_DATA_ATTRIBUTE as u, OX_THEME_DEFAULT_STORAGE_KEY as d, OX_THEME_DEFAULT_THEMES as f, OX_THEME_SYSTEM as p } from "./context/Theme/Theme.constants.js";
+import { getSystemColorScheme as m, readDomTheme as h, resolveOxColorScheme as g } from "./context/Theme/Theme.utils.js";
+import { OxThemeProvider as _, useOxTheme as v } from "./context/Theme/Theme.js";
+import { getOxThemeScript as y } from "./context/Theme/Theme.script.js";
+import { OxThemeScript as b } from "./context/Theme/Theme2.script.js";
+import { OX_MODES as x, OX_MODE_DATA_ATTRIBUTE as S, OX_MODE_DEFAULT as C } from "./context/Mode/Mode.constants.js";
+import { OxModeProvider as w, useOxMode as T } from "./context/Mode/Mode.js";
+export { l as OX_COLOR_SCHEME_DATA_ATTRIBUTE, x as OX_MODES, S as OX_MODE_DATA_ATTRIBUTE, C as OX_MODE_DEFAULT, u as OX_THEME_DATA_ATTRIBUTE, d as OX_THEME_DEFAULT_STORAGE_KEY, f as OX_THEME_DEFAULT_THEMES, p as OX_THEME_SYSTEM, r as OxAuthProvider, i as OxAuthRequired, e as OxFeatureFlagProvider, t as OxFeatureGate, a as OxGuestOnly, w as OxModeProvider, _ as OxThemeProvider, b as OxThemeScript, y as getOxThemeScript, m as getSystemColorScheme, h as readDomTheme, g as resolveOxColorScheme, o as useOxAuth, s as useOxAuthUser, n as useOxFeatureFlag, T as useOxMode, c as useOxPermission, v as useOxTheme };

package/dist/graphql/executors/apolloMutationExecutor.d.ts

@@ -0,0 +1,4 @@
+import { DocumentNode } from 'graphql';
+import { OxExecutor } from '../../hooks';
+import { ApolloMutationExecutorOptions } from './apolloMutationExecutor.types';
+export declare function apolloMutationExecutor<TForm extends object, TResult = unknown>(mutation: DocumentNode, options: ApolloMutationExecutorOptions<TForm, TResult>): OxExecutor<TForm, TResult>;