@noxickon/onyx 3.0.0 → 4.0.0

package/AI-README.md

@@ -69,8 +69,12 @@ import { useForm, useFilterQuery, useFormState } from '@noxickon/onyx/hooks';
 // Layouts
 import { OxAppLayout, OxSidebar, OxMainContent } from '@noxickon/onyx/layouts';
 
-// Route Guards
-import { OxProtectedRoute, OxGuestRoute, OxRoleRoute } from '@noxickon/onyx/routes';
+// Route Guard Factories
+import {
+  createOxProtectedRoute,
+  createOxGuestRoute,
+  createOxRoleRoute,
+} from '@noxickon/onyx/routes';
 
 // Utilities
 import { cn, buildUrl, validateEmail } from '@noxickon/onyx/utils';
@@ -638,9 +642,7 @@ interface OxDroppableProps extends Omit<ComponentPropsWithRef<'div'>, 'id'> {
   }}
 >
   <OxDndContext.Droppable id="drop-zone">
-    <OxDndContext.Draggable id="item-1">
-      Drag me
-    </OxDndContext.Draggable>
+    <OxDndContext.Draggable id="item-1">Drag me</OxDndContext.Draggable>
   </OxDndContext.Droppable>
 </OxDndContext>
 ```
@@ -856,9 +858,7 @@ interface OxEndlessListErrorProps extends Omit<HTMLAttributes<HTMLDivElement>, '
   onLoadMore={fetchMore}
 >
   <OxEndlessList.Items>
-    <OxEndlessList.Item>
-      {(item, index) => <div>{item.name}</div>}
-    </OxEndlessList.Item>
+    <OxEndlessList.Item>{(item, index) => <div>{item.name}</div>}</OxEndlessList.Item>
   </OxEndlessList.Items>
   <OxEndlessList.Loader>Loading more...</OxEndlessList.Loader>
   <OxEndlessList.Empty>No items found</OxEndlessList.Empty>
@@ -1327,11 +1327,21 @@ interface OxPageOutlineItemProps extends ComponentPropsWithRef<'a'> {
 <OxPageOutline scrollOffset={80}>
   <OxPageOutline.Header>On this page</OxPageOutline.Header>
   <OxPageOutline.Content>
-    <OxPageOutline.Item href="#introduction" level={1}>Introduction</OxPageOutline.Item>
-    <OxPageOutline.Item href="#getting-started" level={1}>Getting Started</OxPageOutline.Item>
-    <OxPageOutline.Item href="#installation" level={2}>Installation</OxPageOutline.Item>
-    <OxPageOutline.Item href="#configuration" level={2}>Configuration</OxPageOutline.Item>
-    <OxPageOutline.Item href="#api" level={1}>API Reference</OxPageOutline.Item>
+    <OxPageOutline.Item href="#introduction" level={1}>
+      Introduction
+    </OxPageOutline.Item>
+    <OxPageOutline.Item href="#getting-started" level={1}>
+      Getting Started
+    </OxPageOutline.Item>
+    <OxPageOutline.Item href="#installation" level={2}>
+      Installation
+    </OxPageOutline.Item>
+    <OxPageOutline.Item href="#configuration" level={2}>
+      Configuration
+    </OxPageOutline.Item>
+    <OxPageOutline.Item href="#api" level={1}>
+      API Reference
+    </OxPageOutline.Item>
   </OxPageOutline.Content>
 </OxPageOutline>
 ```
@@ -3154,61 +3164,106 @@ interface OxLegendProps extends ComponentPropsWithRef<'legend'> {
 
 ## OxAuthContext
 
-User authentication and authorization.
+Factory-based authentication context with custom fetcher pattern (backend-agnostic).
 
-**Exports**: `OxAuthProvider`, `useOxAuth`, `OxAuthContext`, `DEFAULT_GET_CURRENT_USER`
+**Exports**: `createOxAuth`
 
-### Props
+### Factory Pattern
 
 ```tsx
-interface OxAuthProviderProps {
-  adminRole?: string; // Default: 'ADMIN'
-  children: ReactNode;
-  getCurrentUserQuery?: DocumentNode; // Custom GraphQL query
-  options?: Parameters<typeof useQuery>[1]; // Apollo options
-  pollInterval?: number; // Default: 300000 (5 minutes)
+type OxCheckFunction<T> = (user: T | null) => boolean;
+type OxChecks<T> = Record<string, OxCheckFunction<T>>;
+
+interface CreateOxAuthConfig<T, C extends OxChecks<T>> {
+  checks?: C; // Custom check functions defined at factory level
 }
 
-type OxUser = {
-  id: string;
-  role: string;
-  email?: string;
-  username?: string;
-} | null;
+interface OxAuthProviderProps<T> {
+  children: ReactNode;
+  fetcher: () => Promise<T | null>; // Custom fetcher (REST, GraphQL, etc.)
+  pollInterval?: number; // Default: 300000 (5 minutes), 0 to disable
+}
 
-type OxAuthContextType = {
-  error: ErrorLike | null;
-  isAdmin: boolean; // Computed from user.role === adminRole
+type OxAuthContextValue<T, C extends OxChecks<T>> = {
+  checks: { [K in keyof C]: boolean }; // Evaluated check results
+  error: Error | null;
   isLoggedIn: boolean; // Computed from !!user
   loading: boolean;
-  refreshUser: RefetchFunction; // Apollo refetch
-  user: OxUser;
+  refreshUser: () => Promise<void>;
+  user: T | null;
+};
+
+// Factory returns typed Provider and Hook
+function createOxAuth<T, C extends OxChecks<T>>(
+  config: CreateOxAuthConfig<T, C>
+): {
+  OxAuthProvider: (props: OxAuthProviderProps<T>) => ReactNode;
+  useOxAuth: () => OxAuthContextValue<T, C>;
 };
 ```
 
 ### Example
 
 ```tsx
-// Wrap app
-<OxAuthProvider adminRole="ADMIN" pollInterval={300000}>
+// 1. Define user type and create auth context (src/lib/auth.ts)
+interface MyUser {
+  id: string;
+  email: string;
+  role: 'admin' | 'user';
+  emailVerified: boolean;
+}
+
+export const { OxAuthProvider, useOxAuth } = createOxAuth<MyUser>({
+  checks: {
+    isAdmin: (user) => user?.role === 'admin',
+    isVerified: (user) => user?.emailVerified === true,
+  },
+});
+
+// 2. Wrap app with provider (REST example)
+import { OxAuthProvider } from '@/lib/auth';
+
+<OxAuthProvider
+  fetcher={async () => {
+    const res = await fetch('/api/auth/me', { credentials: 'include' });
+    if (!res.ok) return null;
+    return res.json();
+  }}
+  pollInterval={300000}
+>
   <App />
-</OxAuthProvider>;
+</OxAuthProvider>
+
+// 2. Wrap app with provider (GraphQL example)
+<OxAuthProvider
+  fetcher={async () => {
+    const { data } = await apolloClient.query({ query: GET_ME });
+    return data.me;
+  }}
+>
+  <App />
+</OxAuthProvider>
+
+// 3. Use hook in components (no generics needed - already typed!)
+import { useOxAuth } from '@/lib/auth';
 
-// Use in component
 function MyComponent() {
-  const { user, isLoggedIn, isAdmin, loading, refreshUser } = useOxAuth();
+  const { user, isLoggedIn, checks, loading, refreshUser } = useOxAuth();
 
   if (loading) return <Spinner />;
   if (!isLoggedIn) return <Login />;
+  if (!checks.isVerified) return <VerifyEmail />;
 
-  return <Dashboard user={user} />;
+  return <Dashboard user={user} isAdmin={checks.isAdmin} />;
 }
 ```
 
 **Notes**:
 
-- Apollo GraphQL integration with auto-polling
-- Default query fetches: id, username, email, role
+- Factory pattern: checks defined once, full TypeScript inference
+- Backend-agnostic: works with REST, GraphQL, or any async fetcher
+- No generics at call site: hook is pre-typed from factory
+- No external dependencies (no Apollo required)
 - Throws error if hook used outside provider
 
 ---
@@ -3529,7 +3584,11 @@ function ProductList() {
         <option value="">All</option>
         <option value="electronics">Electronics</option>
       </select>
-      {isLoading ? <Spinner /> : data?.map(product => <ProductCard key={product.id} {...product} />)}
+      {isLoading ? (
+        <Spinner />
+      ) : (
+        data?.map((product) => <ProductCard key={product.id} {...product} />)
+      )}
     </div>
   );
 }
@@ -4019,12 +4078,8 @@ function TableOfContents() {
 
   return (
     <nav>
-      {sectionIds.map(id => (
-        <a
-          key={id}
-          href={`#${id}`}
-          className={activeId === id ? 'active' : ''}
-        >
+      {sectionIds.map((id) => (
+        <a key={id} href={`#${id}`} className={activeId === id ? 'active' : ''}>
           {id}
         </a>
       ))}
@@ -4066,7 +4121,9 @@ function ResponsiveComponent() {
   return (
     <div ref={setRef}>
       {size && (
-        <p>Width: {size.width}px, Height: {size.height}px</p>
+        <p>
+          Width: {size.width}px, Height: {size.height}px
+        </p>
       )}
       {size && size.width < 400 ? <CompactView /> : <FullView />}
     </div>
@@ -4113,11 +4170,7 @@ interface UseThemeReturn {
 function ThemeToggle() {
   const { theme, toggleTheme } = useTheme();
 
-  return (
-    <button onClick={toggleTheme}>
-      {theme === 'light' ? '🌙' : '☀️'}
-    </button>
-  );
+  return <button onClick={toggleTheme}>{theme === 'light' ? '🌙' : '☀️'}</button>;
 }
 
 // With custom storage key
@@ -4137,9 +4190,40 @@ const { theme, setTheme } = useTheme({
 
 # Route Guards (3)
 
-## OxGuestRoute
+Factory functions that create typed route components bound to your auth hook.
 
-Protects routes for unauthenticated users only (e.g., login, signup).
+## Setup
+
+```tsx
+// src/lib/auth.ts - Create routes once with your auth hook
+import { createOxAuth } from '@noxickon/onyx/contexts';
+import {
+  createOxProtectedRoute,
+  createOxGuestRoute,
+  createOxRoleRoute,
+} from '@noxickon/onyx/routes';
+
+interface User {
+  id: string;
+  role: 'admin' | 'user' | 'moderator';
+}
+
+const { OxAuthProvider, useOxAuth } = createOxAuth<User>({
+  checks: { isAdmin: (u) => u?.role === 'admin' },
+});
+
+// Create typed route components
+export const OxProtectedRoute = createOxProtectedRoute(useOxAuth);
+export const OxGuestRoute = createOxGuestRoute(useOxAuth);
+export const OxRoleRoute = createOxRoleRoute(useOxAuth);
+export { OxAuthProvider, useOxAuth };
+```
+
+---
+
+## createOxGuestRoute
+
+Factory for routes accessible only to unauthenticated users (e.g., login, signup).
 
 ### Props
 
@@ -4154,16 +4238,18 @@ interface OxGuestRouteProps {
 ### Example
 
 ```tsx
+import { OxGuestRoute } from '@/lib/auth';
+
 <OxGuestRoute onLoading={<Spinner />} onAuthenticated={<Navigate to="/dashboard" />}>
   <LoginPage />
-</OxGuestRoute>
+</OxGuestRoute>;
 ```
 
 ---
 
-## OxProtectedRoute
+## createOxProtectedRoute
 
-Protects routes requiring authentication.
+Factory for routes requiring authentication.
 
 ### Props
 
@@ -4178,24 +4264,27 @@ interface OxProtectedRouteProps {
 ### Example
 
 ```tsx
+import { OxProtectedRoute } from '@/lib/auth';
+
 <OxProtectedRoute onLoading={<Spinner />} onUnauthenticated={<Navigate to="/login" />}>
   <Dashboard />
-</OxProtectedRoute>
+</OxProtectedRoute>;
 ```
 
 ---
 
-## OxRoleRoute
+## createOxRoleRoute
 
-Protects routes requiring specific user roles.
+Factory for routes requiring specific user roles.
 
 ### Props
 
 ```tsx
-interface OxRoleRouteProps {
+interface OxRoleRouteProps<T extends { role: string }> {
   children: ReactNode; // Required - Shown when user has role
   onLoading?: ReactNode; // Fallback during auth check
-  onUnauthorized?: ReactNode; // Fallback when unauthorized or not authenticated
+  onUnauthorized?: ReactNode; // Fallback when unauthorized
+  roleExtractor?: (user: T) => string; // Default: (u) => u.role
   roles?: string[]; // Default: ['admin'] - Allowed roles (OR logic)
 }
 ```
@@ -4203,10 +4292,12 @@ interface OxRoleRouteProps {
 ### Example
 
 ```tsx
+import { OxRoleRoute } from '@/lib/auth';
+
 {
-  /* Admin only */
+  /* Admin only (default) */
 }
-<OxRoleRoute>
+<OxRoleRoute onUnauthorized={<AccessDenied />}>
   <AdminPanel />
 </OxRoleRoute>;
 
@@ -4220,9 +4311,12 @@ interface OxRoleRouteProps {
 
 **Notes**:
 
+- Factory pattern: no prop drilling, hook called internally
+- User type must have a `role` property (TypeScript enforced)
 - User must have at least ONE of the specified roles
 - Empty roles array always shows `onUnauthorized`
 - Default role: `'admin'`
+- Custom `roleExtractor` for nested role properties
 
 ---
 
@@ -4766,9 +4860,12 @@ const { data, validate } = useFormState({
 
 ## Route Protection
 
-Layer route guards for complex authorization:
+Layer route guards for complex authorization (routes created via factory pattern):
 
 ```tsx
+// Import from your auth setup file
+import { OxProtectedRoute, OxGuestRoute, OxRoleRoute } from '@/lib/auth';
+
 {
   /* Guest route wrapping protected content */
 }
@@ -4843,13 +4940,8 @@ interface OxFormState {
   setError: (field: string, error: string | string[]) => void;
 }
 
-// User type (AuthContext)
-type OxUser = {
-  id: string;
-  role: string;
-  email?: string;
-  username?: string;
-} | null;
+// AuthContext uses generics - define your own user type
+// See OxAuthContext section for examples
 ```
 
 ---

package/dist/contexts/AuthContext/index.d.ts

@@ -1,5 +1,2 @@
 export type * from './src/AuthContext.types';
-export { DEFAULT_GET_CURRENT_USER } from './src/query';
-export { OxAuthProvider } from './src/AuthProvider';
-export { OxAuthContext } from './src/AuthContext';
-export { useOxAuth } from './src/useAuth';
+export { createOxAuth } from './src/createOxAuth';

package/dist/contexts/AuthContext/src/AuthContext.types.d.ts

@@ -1,27 +1,33 @@
 import { ReactNode } from 'react';
-import { DocumentNode, ErrorLike } from '@apollo/client';
-import { useQuery } from '@apollo/client/react';
-export type OxUser = {
-    email?: string;
-    id: string;
-    role: string;
-    username?: string;
-} | null;
-export type OxGetCurrentUserResponse = {
-    me: OxUser;
-};
-export interface OxAuthProviderProps {
-    adminRole?: string;
+export type OxCheckFunction<T> = (user: T | null) => boolean;
+export type OxChecks<T> = Record<string, OxCheckFunction<T>>;
+export interface OxAuthContextValue<T, C extends OxChecks<T> = OxChecks<T>> {
+    checks: {
+        [K in keyof C]: boolean;
+    };
+    error: Error | null;
+    isLoggedIn: boolean;
+    loading: boolean;
+    refreshUser: () => Promise<void>;
+    user: T | null;
+}
+export interface OxAuthProviderProps<T> {
     children: ReactNode;
-    getCurrentUserQuery?: DocumentNode;
-    options?: Omit<Parameters<typeof useQuery>[1], 'pollInterval'>;
+    fetcher: () => Promise<T | null>;
     pollInterval?: number;
 }
-export type OxAuthContextType = {
-    error: ErrorLike | null;
-    isAdmin: boolean;
+export interface CreateOxAuthConfig<T, C extends OxChecks<T>> {
+    checks?: C;
+}
+export interface CreateOxAuthReturn<T, C extends OxChecks<T>> {
+    OxAuthProvider: (props: OxAuthProviderProps<T>) => ReactNode;
+    useOxAuth: () => OxAuthContextValue<T, C>;
+}
+export interface OxAuthState<T = unknown> {
+    error: Error | null;
     isLoggedIn: boolean;
     loading: boolean;
-    refreshUser: ReturnType<typeof useQuery<OxGetCurrentUserResponse>>['refetch'];
-    user: OxUser;
-};
+    refreshUser: () => Promise<void>;
+    user: T | null;
+}
+export type UseAuthHook<T = unknown> = () => OxAuthState<T>;

package/dist/contexts/AuthContext/src/createOxAuth.d.ts

@@ -0,0 +1,5 @@
+import { CreateOxAuthConfig, OxAuthContextValue, OxAuthProviderProps, OxChecks } from './AuthContext.types';
+export declare function createOxAuth<T, C extends OxChecks<T> = OxChecks<T>>(config?: CreateOxAuthConfig<T, C>): {
+    OxAuthProvider: ({ children, fetcher, pollInterval, }: OxAuthProviderProps<T>) => import("react/jsx-runtime").JSX.Element;
+    useOxAuth: () => OxAuthContextValue<T, C>;
+};

package/dist/contexts/contexts.cjs.js

@@ -1,14 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("../chunks/ui-B0Ma5GdK.js"),C=require("@apollo/client"),g=require("react/jsx-runtime"),T=require("../chunks/useAuth-DxoDe3YA.js"),m=require("../chunks/hooks-CNgb50x1.js"),O=require("react"),w=C.gql`
-  query getCurrentUser {
-    me {
-      id
-      username
-      email
-      role
-    }
-  }
-`;function L({adminRole:t="ADMIN",children:e,getCurrentUserQuery:a=w,options:l={},pollInterval:f=300*1e3}){const{data:u,error:r,loading:d,refetch:o}=m.useQuery(a,{fetchPolicy:"cache-and-network",nextFetchPolicy:"cache-first",errorPolicy:"all",pollInterval:f,...l}),s=!!u?.me,c=u?.me?.role===t;return g.jsx(T.OxAuthContext.Provider,{value:{user:u?.me||null,loading:d,error:r??null,isLoggedIn:s,isAdmin:c,refreshUser:o},children:e})}const R=C.gql`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../chunks/ui-B0Ma5GdK.js"),y=require("react/jsx-runtime"),s=require("react"),j=require("@apollo/client"),w=require("../chunks/hooks-CNgb50x1.js");function T(r={}){const{checks:e={}}=r,d=s.createContext(void 0);function l({children:a,fetcher:o,pollInterval:f=300*1e3}){const[n,i]=s.useState(null),[u,_]=s.useState(!0),[v,p]=s.useState(null),O=s.useRef(null),D=s.useRef(!0),E=s.useRef(o);E.current=o;const m=s.useCallback(async()=>{try{const t=await E.current();D.current&&(i(t),p(null))}catch(t){D.current&&(p(t instanceof Error?t:new Error("Unknown error")),i(null))}finally{D.current&&_(!1)}},[]);s.useEffect(()=>(D.current=!0,m(),f>0&&(O.current=setInterval(m,f)),()=>{D.current=!1,O.current&&clearInterval(O.current)}),[m,f]);const h=s.useMemo(()=>{const t={};for(const[g,b]of Object.entries(e))t[g]=b(n);return t},[n]),F=!!n,c=s.useMemo(()=>({checks:h,error:v,isLoggedIn:F,loading:u,refreshUser:m,user:n}),[h,v,F,u,m,n]);return y.jsx(d.Provider,{value:c,children:a})}function x(){const a=s.useContext(d);if(!a)throw new Error("useOxAuth must be used within an OxAuthProvider");return a}return{OxAuthProvider:l,useOxAuth:x}}const k=j.gql`
   query getFeatures {
     features
   }
-`,U=O.createContext(void 0);function k({children:t,enableDevMode:e=!1,getFeaturesQuery:a=R,options:l={},pollInterval:f=300*1e3}){const{data:u,error:r,loading:d,refetch:o}=m.useQuery(a,{fetchPolicy:"cache-and-network",nextFetchPolicy:"cache-first",errorPolicy:"all",pollInterval:f,skip:e,...l}),s=u?.features||{},c=_=>e?!0:s[_]??!1;return g.jsx(U.Provider,{value:{features:s,isEnabled:c,loading:d,error:r??null,refreshFeatures:o,enableDevMode:e},children:t})}function q(){const t=O.useContext(U);if(!t)throw new Error("useOxFeature must be used within an OxFeatureProvider");return t}const N=t=>{const e=m.compilerRuntimeExports.c(8),{children:a,className:l,fallback:f,name:u}=t,r=f===void 0?null:f,{isEnabled:d}=q();if(!d(u)){let c;return e[0]!==l||e[1]!==r?(c=r?g.jsx("div",{className:b.cn("contents",l),children:r}):null,e[0]=l,e[1]=r,e[2]=c):c=e[2],c}let o;e[3]!==l?(o=b.cn("contents",l),e[3]=l,e[4]=o):o=e[4];let s;return e[5]!==a||e[6]!==o?(s=g.jsx("div",{className:o,children:a}),e[5]=a,e[6]=o,e[7]=s):s=e[7],s},S=O.createContext(null),G=t=>{const e=m.compilerRuntimeExports.c(17),{children:a,maxDialogs:l}=t,f=l===void 0?3:l;let u;e[0]===Symbol.for("react.memo_cache_sentinel")?(u=[],e[0]=u):u=e[0];const[r,d]=O.useState(u);let o,s;e[1]!==r?(o=()=>{const n=r.some(I);return document.body.classList.toggle("overflow-hidden",n),M},s=[r],e[1]=r,e[2]=o,e[3]=s):(o=e[2],s=e[3]),O.useEffect(o,s);let c;e[4]===Symbol.for("react.memo_cache_sentinel")?(c=()=>{let n=null;d(i=>{const h=i.filter(Q),p=m.head(h);return p?(n=p.id,i.map(E=>E.id===p.id?{...E,isOpen:!1}:E)):i}),n&&setTimeout(()=>{d(i=>m.reject(i,h=>h.id===n))},200)},e[4]=c):c=e[4];const _=c;let D;e[5]!==f?(D=(n,i)=>{const h=m.uniqueId(),p={id:h,content:n,isOpen:!0,options:i};return d(E=>[p,...E].slice(0,f)),h},e[5]=f,e[6]=D):D=e[6];const v=D;let F;e[7]===Symbol.for("react.memo_cache_sentinel")?(F=()=>{d(z),setTimeout(()=>{d([])},200)},e[7]=F):F=e[7];const j=F;let y;e[8]!==v?(y=Object.assign((n,i)=>v(n,i),{open:v,dismiss:_,dismissAll:j}),e[8]=v,e[9]=y):y=e[9];const P=y;let x;if(e[10]!==r){let n;e[12]===Symbol.for("react.memo_cache_sentinel")?(n=i=>g.jsx(b.OxDialog,{isOpen:i.isOpen,onClose:_,...i.options,children:i.content},i.id),e[12]=n):n=e[12],x=r.map(n),e[10]=r,e[11]=x}else x=e[11];let A;return e[13]!==a||e[14]!==P||e[15]!==x?(A=g.jsxs(S.Provider,{value:P,children:[a,x]}),e[13]=a,e[14]=P,e[15]=x,e[16]=A):A=e[16],A};function I(t){return t.isOpen}function M(){document.body.classList.remove("overflow-hidden")}function Q(t){return t.isOpen}function $(t){return{...t,isOpen:!1}}function z(t){return t.map($)}const B=()=>{const t=O.useContext(S);if(!t)throw new Error("useOxDialog must be used within a DialogProvider");return t};exports.OxAuthContext=T.OxAuthContext;exports.useOxAuth=T.useOxAuth;exports.DEFAULT_GET_CURRENT_USER=w;exports.DEFAULT_GET_FEATURES=R;exports.OxAuthProvider=L;exports.OxDialogProvider=G;exports.OxFeatureFlag=N;exports.OxFeatureProvider=k;exports.useOxDialog=B;exports.useOxFeature=q;
+`,C=s.createContext(void 0);function q({children:r,enableDevMode:e=!1,getFeaturesQuery:d=k,options:l={},pollInterval:x=300*1e3}){const{data:a,error:o,loading:f,refetch:n}=w.useQuery(d,{fetchPolicy:"cache-and-network",nextFetchPolicy:"cache-first",errorPolicy:"all",pollInterval:x,skip:e,...l}),i=a?.features||{},u=_=>e?!0:i[_]??!1;return y.jsx(C.Provider,{value:{features:i,isEnabled:u,loading:f,error:o??null,refreshFeatures:n,enableDevMode:e},children:r})}function R(){const r=s.useContext(C);if(!r)throw new Error("useOxFeature must be used within an OxFeatureProvider");return r}const U=r=>{const e=w.compilerRuntimeExports.c(8),{children:d,className:l,fallback:x,name:a}=r,o=x===void 0?null:x,{isEnabled:f}=R();if(!f(a)){let u;return e[0]!==l||e[1]!==o?(u=o?y.jsx("div",{className:A.cn("contents",l),children:o}):null,e[0]=l,e[1]=o,e[2]=u):u=e[2],u}let n;e[3]!==l?(n=A.cn("contents",l),e[3]=l,e[4]=n):n=e[4];let i;return e[5]!==d||e[6]!==n?(i=y.jsx("div",{className:n,children:d}),e[5]=d,e[6]=n,e[7]=i):i=e[7],i},S=s.createContext(null),L=r=>{const e=w.compilerRuntimeExports.c(17),{children:d,maxDialogs:l}=r,x=l===void 0?3:l;let a;e[0]===Symbol.for("react.memo_cache_sentinel")?(a=[],e[0]=a):a=e[0];const[o,f]=s.useState(a);let n,i;e[1]!==o?(n=()=>{const c=o.some(M);return document.body.classList.toggle("overflow-hidden",c),I},i=[o],e[1]=o,e[2]=n,e[3]=i):(n=e[2],i=e[3]),s.useEffect(n,i);let u;e[4]===Symbol.for("react.memo_cache_sentinel")?(u=()=>{let c=null;f(t=>{const g=t.filter(N),b=w.head(g);return b?(c=b.id,t.map(P=>P.id===b.id?{...P,isOpen:!1}:P)):t}),c&&setTimeout(()=>{f(t=>w.reject(t,g=>g.id===c))},200)},e[4]=u):u=e[4];const _=u;let v;e[5]!==x?(v=(c,t)=>{const g=w.uniqueId(),b={id:g,content:c,isOpen:!0,options:t};return f(P=>[b,...P].slice(0,x)),g},e[5]=x,e[6]=v):v=e[6];const p=v;let O;e[7]===Symbol.for("react.memo_cache_sentinel")?(O=()=>{f($),setTimeout(()=>{f([])},200)},e[7]=O):O=e[7];const D=O;let E;e[8]!==p?(E=Object.assign((c,t)=>p(c,t),{open:p,dismiss:_,dismissAll:D}),e[8]=p,e[9]=E):E=e[9];const m=E;let h;if(e[10]!==o){let c;e[12]===Symbol.for("react.memo_cache_sentinel")?(c=t=>y.jsx(A.OxDialog,{isOpen:t.isOpen,onClose:_,...t.options,children:t.content},t.id),e[12]=c):c=e[12],h=o.map(c),e[10]=o,e[11]=h}else h=e[11];let F;return e[13]!==d||e[14]!==m||e[15]!==h?(F=y.jsxs(S.Provider,{value:m,children:[d,h]}),e[13]=d,e[14]=m,e[15]=h,e[16]=F):F=e[16],F};function M(r){return r.isOpen}function I(){document.body.classList.remove("overflow-hidden")}function N(r){return r.isOpen}function G(r){return{...r,isOpen:!1}}function $(r){return r.map(G)}const Q=()=>{const r=s.useContext(S);if(!r)throw new Error("useOxDialog must be used within a DialogProvider");return r};exports.DEFAULT_GET_FEATURES=k;exports.OxDialogProvider=L;exports.OxFeatureFlag=U;exports.OxFeatureProvider=q;exports.createOxAuth=T;exports.useOxDialog=Q;exports.useOxFeature=R;

package/dist/contexts/contexts.es.js

@@ -1,202 +1,209 @@
-import { af as P, y as L } from "../chunks/ui-DrKTwQ0M.js";
-import { gql as b } from "@apollo/client";
-import { jsx as g, jsxs as N } from "react/jsx-runtime";
-import { O as R } from "../chunks/useAuth-BFgXzu6Q.js";
-import { u as ue } from "../chunks/useAuth-BFgXzu6Q.js";
-import { B as w, d as A, C as j, w as q, y as I } from "../chunks/hooks-6tQOArBm.js";
-import { createContext as C, useContext as T, useState as G, useEffect as $ } from "react";
-const B = b`
-  query getCurrentUser {
-    me {
-      id
-      username
-      email
-      role
-    }
-  }
-`;
-function se({
-  adminRole: t = "ADMIN",
-  children: e,
-  getCurrentUserQuery: u = B,
-  options: l = {},
-  pollInterval: m = 300 * 1e3
-}) {
+import { af as C, y as T } from "../chunks/ui-DrKTwQ0M.js";
+import { jsx as E, jsxs as q } from "react/jsx-runtime";
+import { createContext as k, useContext as A, useState as F, useRef as P, useCallback as I, useEffect as S, useMemo as R } from "react";
+import { gql as N } from "@apollo/client";
+import { B as M, d as U, C as $, w as B, y as G } from "../chunks/hooks-6tQOArBm.js";
+function ne(r = {}) {
   const {
-    data: a,
-    error: o,
-    loading: f,
-    refetch: s
-  } = w(u, {
-    fetchPolicy: "cache-and-network",
-    nextFetchPolicy: "cache-first",
-    errorPolicy: "all",
-    pollInterval: m,
-    ...l
-  }), r = !!a?.me, c = a?.me?.role === t;
-  return /* @__PURE__ */ g(R.Provider, { value: {
-    user: a?.me || null,
-    loading: f,
-    error: o ?? null,
-    isLoggedIn: r,
-    isAdmin: c,
-    refreshUser: s
-  }, children: e });
+    checks: e = {}
+  } = r, f = k(void 0);
+  function l({
+    children: u,
+    fetcher: s,
+    pollInterval: a = 300 * 1e3
+  }) {
+    const [n, i] = F(null), [c, b] = F(!0), [O, p] = F(null), x = P(null), v = P(!0), w = P(s);
+    w.current = s;
+    const m = I(async () => {
+      try {
+        const t = await w.current();
+        v.current && (i(t), p(null));
+      } catch (t) {
+        v.current && (p(t instanceof Error ? t : new Error("Unknown error")), i(null));
+      } finally {
+        v.current && b(!1);
+      }
+    }, []);
+    S(() => (v.current = !0, m(), a > 0 && (x.current = setInterval(m, a)), () => {
+      v.current = !1, x.current && clearInterval(x.current);
+    }), [m, a]);
+    const h = R(() => {
+      const t = {};
+      for (const [g, D] of Object.entries(e))
+        t[g] = D(n);
+      return t;
+    }, [n]), y = !!n, o = R(() => ({
+      checks: h,
+      error: O,
+      isLoggedIn: y,
+      loading: c,
+      refreshUser: m,
+      user: n
+    }), [h, O, y, c, m, n]);
+    return /* @__PURE__ */ E(f.Provider, { value: o, children: u });
+  }
+  function d() {
+    const u = A(f);
+    if (!u)
+      throw new Error("useOxAuth must be used within an OxAuthProvider");
+    return u;
+  }
+  return {
+    OxAuthProvider: l,
+    useOxAuth: d
+  };
 }
-const M = b`
+const Q = N`
   query getFeatures {
     features
   }
-`, S = C(void 0);
-function re({
-  children: t,
+`, j = k(void 0);
+function se({
+  children: r,
   enableDevMode: e = !1,
-  getFeaturesQuery: u = M,
+  getFeaturesQuery: f = Q,
   options: l = {},
-  pollInterval: m = 300 * 1e3
+  pollInterval: d = 300 * 1e3
 }) {
   const {
-    data: a,
-    error: o,
-    loading: f,
-    refetch: s
-  } = w(u, {
+    data: u,
+    error: s,
+    loading: a,
+    refetch: n
+  } = M(f, {
     fetchPolicy: "cache-and-network",
     nextFetchPolicy: "cache-first",
     errorPolicy: "all",
-    pollInterval: m,
+    pollInterval: d,
     skip: e,
     ...l
-  }), r = a?.features || {}, c = (O) => e ? !0 : r[O] ?? !1;
-  return /* @__PURE__ */ g(S.Provider, { value: {
-    features: r,
+  }), i = u?.features || {}, c = (b) => e ? !0 : i[b] ?? !1;
+  return /* @__PURE__ */ E(j.Provider, { value: {
+    features: i,
     isEnabled: c,
-    loading: f,
-    error: o ?? null,
-    refreshFeatures: s,
+    loading: a,
+    error: s ?? null,
+    refreshFeatures: n,
     enableDevMode: e
-  }, children: t });
+  }, children: r });
 }
-function Q() {
-  const t = T(S);
-  if (!t)
+function z() {
+  const r = A(j);
+  if (!r)
     throw new Error("useOxFeature must be used within an OxFeatureProvider");
-  return t;
+  return r;
 }
-const ne = (t) => {
-  const e = A.c(8), {
-    children: u,
+const oe = (r) => {
+  const e = U.c(8), {
+    children: f,
     className: l,
-    fallback: m,
-    name: a
-  } = t, o = m === void 0 ? null : m, {
-    isEnabled: f
-  } = Q();
-  if (!f(a)) {
+    fallback: d,
+    name: u
+  } = r, s = d === void 0 ? null : d, {
+    isEnabled: a
+  } = z();
+  if (!a(u)) {
     let c;
-    return e[0] !== l || e[1] !== o ? (c = o ? /* @__PURE__ */ g("div", { className: P("contents", l), children: o }) : null, e[0] = l, e[1] = o, e[2] = c) : c = e[2], c;
+    return e[0] !== l || e[1] !== s ? (c = s ? /* @__PURE__ */ E("div", { className: C("contents", l), children: s }) : null, e[0] = l, e[1] = s, e[2] = c) : c = e[2], c;
   }
-  let s;
-  e[3] !== l ? (s = P("contents", l), e[3] = l, e[4] = s) : s = e[4];
-  let r;
-  return e[5] !== u || e[6] !== s ? (r = /* @__PURE__ */ g("div", { className: s, children: u }), e[5] = u, e[6] = s, e[7] = r) : r = e[7], r;
-}, U = C(null), ie = (t) => {
-  const e = A.c(17), {
-    children: u,
+  let n;
+  e[3] !== l ? (n = C("contents", l), e[3] = l, e[4] = n) : n = e[4];
+  let i;
+  return e[5] !== f || e[6] !== n ? (i = /* @__PURE__ */ E("div", { className: n, children: f }), e[5] = f, e[6] = n, e[7] = i) : i = e[7], i;
+}, L = k(null), ie = (r) => {
+  const e = U.c(17), {
+    children: f,
     maxDialogs: l
-  } = t, m = l === void 0 ? 3 : l;
-  let a;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (a = [], e[0] = a) : a = e[0];
-  const [o, f] = G(a);
-  let s, r;
-  e[1] !== o ? (s = () => {
-    const n = o.some(z);
-    return document.body.classList.toggle("overflow-hidden", n), H;
-  }, r = [o], e[1] = o, e[2] = s, e[3] = r) : (s = e[2], r = e[3]), $(s, r);
+  } = r, d = l === void 0 ? 3 : l;
+  let u;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (u = [], e[0] = u) : u = e[0];
+  const [s, a] = F(u);
+  let n, i;
+  e[1] !== s ? (n = () => {
+    const o = s.some(H);
+    return document.body.classList.toggle("overflow-hidden", o), J;
+  }, i = [s], e[1] = s, e[2] = n, e[3] = i) : (n = e[2], i = e[3]), S(n, i);
   let c;
   e[4] === Symbol.for("react.memo_cache_sentinel") ? (c = () => {
-    let n = null;
-    f((i) => {
-      const h = i.filter(J), x = j(h);
-      return x ? (n = x.id, i.map((p) => p.id === x.id ? {
-        ...p,
+    let o = null;
+    a((t) => {
+      const g = t.filter(K), D = $(g);
+      return D ? (o = D.id, t.map((_) => _.id === D.id ? {
+        ..._,
         isOpen: !1
-      } : p)) : i;
-    }), n && setTimeout(() => {
-      f((i) => q(i, (h) => h.id === n));
+      } : _)) : t;
+    }), o && setTimeout(() => {
+      a((t) => B(t, (g) => g.id === o));
     }, 200);
   }, e[4] = c) : c = e[4];
-  const O = c;
-  let D;
-  e[5] !== m ? (D = (n, i) => {
-    const h = I(), x = {
-      id: h,
-      content: n,
+  const b = c;
+  let O;
+  e[5] !== d ? (O = (o, t) => {
+    const g = G(), D = {
+      id: g,
+      content: o,
       isOpen: !0,
-      options: i
+      options: t
     };
-    return f((p) => [x, ...p].slice(0, m)), h;
-  }, e[5] = m, e[6] = D) : D = e[6];
-  const _ = D;
-  let v;
-  e[7] === Symbol.for("react.memo_cache_sentinel") ? (v = () => {
-    f(V), setTimeout(() => {
-      f([]);
+    return a((_) => [D, ..._].slice(0, d)), g;
+  }, e[5] = d, e[6] = O) : O = e[6];
+  const p = O;
+  let x;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (x = () => {
+    a(W), setTimeout(() => {
+      a([]);
     }, 200);
-  }, e[7] = v) : v = e[7];
-  const k = v;
-  let y;
-  e[8] !== _ ? (y = Object.assign((n, i) => _(n, i), {
-    open: _,
-    dismiss: O,
-    dismissAll: k
-  }), e[8] = _, e[9] = y) : y = e[9];
-  const F = y;
-  let d;
-  if (e[10] !== o) {
-    let n;
-    e[12] === Symbol.for("react.memo_cache_sentinel") ? (n = (i) => /* @__PURE__ */ g(L, { isOpen: i.isOpen, onClose: O, ...i.options, children: i.content }, i.id), e[12] = n) : n = e[12], d = o.map(n), e[10] = o, e[11] = d;
+  }, e[7] = x) : x = e[7];
+  const v = x;
+  let w;
+  e[8] !== p ? (w = Object.assign((o, t) => p(o, t), {
+    open: p,
+    dismiss: b,
+    dismissAll: v
+  }), e[8] = p, e[9] = w) : w = e[9];
+  const m = w;
+  let h;
+  if (e[10] !== s) {
+    let o;
+    e[12] === Symbol.for("react.memo_cache_sentinel") ? (o = (t) => /* @__PURE__ */ E(T, { isOpen: t.isOpen, onClose: b, ...t.options, children: t.content }, t.id), e[12] = o) : o = e[12], h = s.map(o), e[10] = s, e[11] = h;
   } else
-    d = e[11];
-  let E;
-  return e[13] !== u || e[14] !== F || e[15] !== d ? (E = /* @__PURE__ */ N(U.Provider, { value: F, children: [
-    u,
-    d
-  ] }), e[13] = u, e[14] = F, e[15] = d, e[16] = E) : E = e[16], E;
+    h = e[11];
+  let y;
+  return e[13] !== f || e[14] !== m || e[15] !== h ? (y = /* @__PURE__ */ q(L.Provider, { value: m, children: [
+    f,
+    h
+  ] }), e[13] = f, e[14] = m, e[15] = h, e[16] = y) : y = e[16], y;
 };
-function z(t) {
-  return t.isOpen;
+function H(r) {
+  return r.isOpen;
 }
-function H() {
+function J() {
   document.body.classList.remove("overflow-hidden");
 }
-function J(t) {
-  return t.isOpen;
+function K(r) {
+  return r.isOpen;
 }
-function K(t) {
+function V(r) {
   return {
-    ...t,
+    ...r,
     isOpen: !1
   };
 }
-function V(t) {
-  return t.map(K);
+function W(r) {
+  return r.map(V);
 }
-const le = () => {
-  const t = T(U);
-  if (!t)
+const ce = () => {
+  const r = A(L);
+  if (!r)
     throw new Error("useOxDialog must be used within a DialogProvider");
-  return t;
+  return r;
 };
 export {
-  B as DEFAULT_GET_CURRENT_USER,
-  M as DEFAULT_GET_FEATURES,
-  R as OxAuthContext,
-  se as OxAuthProvider,
+  Q as DEFAULT_GET_FEATURES,
   ie as OxDialogProvider,
-  ne as OxFeatureFlag,
-  re as OxFeatureProvider,
-  ue as useOxAuth,
-  le as useOxDialog,
-  Q as useOxFeature
+  oe as OxFeatureFlag,
+  se as OxFeatureProvider,
+  ne as createOxAuth,
+  ce as useOxDialog,
+  z as useOxFeature
 };

package/dist/routes/GuestRoute/index.d.ts

@@ -1,2 +1,2 @@
-export type * from './src/GuestRoute.types';
-export { OxGuestRoute } from './src/GuestRoute';
+export { createOxGuestRoute } from './src/createOxGuestRoute';
+export * from './src/GuestRoute.types';

package/dist/routes/GuestRoute/src/createOxGuestRoute.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+import { OxAuthState } from '../../../contexts';
+import { OxGuestRouteProps } from './GuestRoute.types';
+export declare function createOxGuestRoute<T>(useAuth: () => OxAuthState<T>): ({ children, onAuthenticated, onLoading, }: OxGuestRouteProps) => ReactNode;

package/dist/routes/ProtectedRoute/index.d.ts

@@ -1,2 +1,2 @@
-export type { OxProtectedRouteProps } from './src/ProtectedRoute.types';
-export { OxProtectedRoute } from './src/ProtectedRoute';
+export { createOxProtectedRoute } from './src/createOxProtectedRoute';
+export * from './src/ProtectedRoute.types';

package/dist/routes/ProtectedRoute/src/createOxProtectedRoute.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+import { OxAuthState } from '../../../contexts';
+import { OxProtectedRouteProps } from './ProtectedRoute.types';
+export declare function createOxProtectedRoute<T>(useAuth: () => OxAuthState<T>): ({ children, onLoading, onUnauthenticated, }: OxProtectedRouteProps) => ReactNode;

package/dist/routes/RoleRoute/index.d.ts

@@ -1,2 +1,2 @@
-export type { OxRoleRouteProps } from './src/RoleRoute.types';
-export { OxRoleRoute } from './src/RoleRoute';
+export { createOxRoleRoute } from './src/createOxRoleRoute';
+export * from './src/RoleRoute.types';

package/dist/routes/RoleRoute/src/RoleRoute.types.d.ts

@@ -1,7 +1,12 @@
 import { ReactNode } from 'react';
-export interface OxRoleRouteProps {
+export interface OxRoleRouteProps<T extends {
+    role: string;
+} = {
+    role: string;
+}> {
     children: ReactNode;
     onLoading?: ReactNode;
     onUnauthorized?: ReactNode;
+    roleExtractor?: (user: T) => string;
     roles?: string[];
 }

package/dist/routes/RoleRoute/src/createOxRoleRoute.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { OxAuthState } from '../../../contexts';
+import { OxRoleRouteProps } from './RoleRoute.types';
+export declare function createOxRoleRoute<T extends {
+    role: string;
+} = {
+    role: string;
+}>(useAuth: () => OxAuthState<T>): ({ children, onLoading, onUnauthorized, roleExtractor, roles, }: OxRoleRouteProps<T>) => ReactNode;

package/dist/routes/routes.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../chunks/ui-B0Ma5GdK.js");const d=require("../chunks/useAuth-DxoDe3YA.js"),a=require("../chunks/hooks-CNgb50x1.js"),g=u=>{const{children:i,onAuthenticated:n,onLoading:t}=u,o=n===void 0?null:n,r=t===void 0?null:t,{isLoggedIn:s,loading:e}=d.useOxAuth();return e?r:s?o:i},h=u=>{const{children:i,onLoading:n,onUnauthenticated:t}=u,o=n===void 0?null:n,r=t===void 0?null:t,{isLoggedIn:s,loading:e}=d.useOxAuth();return e?o:s?i:r},O=u=>{const{children:i,onLoading:n,onUnauthorized:t,roles:o}=u,r=n===void 0?null:n,s=t===void 0?null:t,e=o===void 0?["admin"]:o,{loading:l,user:c}=d.useOxAuth();return l?r:!c||a.isEmpty(e)||!e.includes(c.role)?s:i};exports.OxGuestRoute=g;exports.OxProtectedRoute=h;exports.OxRoleRoute=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../chunks/hooks-CNgb50x1.js");function a(e){return function({children:n,onAuthenticated:u=null,onLoading:r=null}){const{isLoggedIn:o,loading:t}=e();return t?r:o?u:n}}function f(e){return function({children:n,onLoading:u=null,onUnauthenticated:r=null}){const{isLoggedIn:o,loading:t}=e();return t?u:o?n:r}}const d=e=>e.role;function R(e){return function({children:n,onLoading:u=null,onUnauthorized:r=null,roleExtractor:o=d,roles:t=["admin"]}){const{loading:l,user:i}=e();return l?u:!i||s.isEmpty(t)||!t.includes(o(i))?r:n}}exports.createOxGuestRoute=a;exports.createOxProtectedRoute=f;exports.createOxRoleRoute=R;

package/dist/routes/routes.es.js

@@ -1,40 +1,48 @@
-import "../chunks/ui-DrKTwQ0M.js";
-import { u as s } from "../chunks/useAuth-BFgXzu6Q.js";
-import { A as a } from "../chunks/hooks-6tQOArBm.js";
-const L = (e) => {
-  const {
-    children: r,
-    onAuthenticated: n,
-    onLoading: o
-  } = e, t = n === void 0 ? null : n, d = o === void 0 ? null : o, {
-    isLoggedIn: u,
-    loading: i
-  } = s();
-  return i ? d : u ? t : r;
-}, m = (e) => {
-  const {
-    children: r,
-    onLoading: n,
-    onUnauthenticated: o
-  } = e, t = n === void 0 ? null : n, d = o === void 0 ? null : o, {
-    isLoggedIn: u,
-    loading: i
-  } = s();
-  return i ? t : u ? r : d;
-}, v = (e) => {
-  const {
-    children: r,
-    onLoading: n,
-    onUnauthorized: o,
-    roles: t
-  } = e, d = n === void 0 ? null : n, u = o === void 0 ? null : o, i = t === void 0 ? ["admin"] : t, {
-    loading: l,
-    user: c
-  } = s();
-  return l ? d : !c || a(i) || !i.includes(c.role) ? u : r;
-};
+import { A as f } from "../chunks/hooks-6tQOArBm.js";
+function d(t) {
+  return function({
+    children: e,
+    onAuthenticated: r = null,
+    onLoading: u = null
+  }) {
+    const {
+      isLoggedIn: o,
+      loading: n
+    } = t();
+    return n ? u : o ? r : e;
+  };
+}
+function R(t) {
+  return function({
+    children: e,
+    onLoading: r = null,
+    onUnauthenticated: u = null
+  }) {
+    const {
+      isLoggedIn: o,
+      loading: n
+    } = t();
+    return n ? r : o ? e : u;
+  };
+}
+const s = (t) => t.role;
+function x(t) {
+  return function({
+    children: e,
+    onLoading: r = null,
+    onUnauthorized: u = null,
+    roleExtractor: o = s,
+    roles: n = ["admin"]
+  }) {
+    const {
+      loading: c,
+      user: l
+    } = t();
+    return c ? r : !l || f(n) || !n.includes(o(l)) ? u : e;
+  };
+}
 export {
-  L as OxGuestRoute,
-  m as OxProtectedRoute,
-  v as OxRoleRoute
+  d as createOxGuestRoute,
+  R as createOxProtectedRoute,
+  x as createOxRoleRoute
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noxickon/onyx",
-  "version": "3.0.0",
+  "version": "4.0.0",
   "type": "module",
   "main": "./dist/onyx.umd.js",
   "module": "./dist/onyx.es.js",

package/dist/chunks/useAuth-BFgXzu6Q.js

@@ -1,12 +0,0 @@
-import { createContext as e, useContext as o } from "react";
-const n = e(void 0);
-function u() {
-  const t = o(n);
-  if (!t)
-    throw new Error("useOxAuth must be used within an AuthProvider");
-  return t;
-}
-export {
-  n as O,
-  u
-};

package/dist/chunks/useAuth-DxoDe3YA.js

@@ -1 +0,0 @@
-"use strict";const e=require("react"),u=e.createContext(void 0);function n(){const t=e.useContext(u);if(!t)throw new Error("useOxAuth must be used within an AuthProvider");return t}exports.OxAuthContext=u;exports.useOxAuth=n;

package/dist/contexts/AuthContext/src/AuthContext.d.ts

@@ -1,2 +0,0 @@
-import { OxAuthContextType } from './AuthContext.types';
-export declare const OxAuthContext: import('react').Context<OxAuthContextType | undefined>;

package/dist/contexts/AuthContext/src/AuthProvider.d.ts

@@ -1,2 +0,0 @@
-import { OxAuthProviderProps } from './AuthContext.types';
-export declare function OxAuthProvider({ adminRole, children, getCurrentUserQuery, options, pollInterval, }: OxAuthProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/contexts/AuthContext/src/query.d.ts

@@ -1 +0,0 @@
-export declare const DEFAULT_GET_CURRENT_USER: import('graphql').DocumentNode;

package/dist/contexts/AuthContext/src/useAuth.d.ts

@@ -1 +0,0 @@
-export declare function useOxAuth(): import('./AuthContext.types').OxAuthContextType;

package/dist/routes/GuestRoute/src/GuestRoute.d.ts

@@ -1,2 +0,0 @@
-import { OxGuestRouteProps } from './GuestRoute.types';
-export declare const OxGuestRoute: ({ children, onAuthenticated, onLoading, }: OxGuestRouteProps) => import('react').ReactNode;

package/dist/routes/ProtectedRoute/src/ProtectedRoute.d.ts

@@ -1,2 +0,0 @@
-import { OxProtectedRouteProps } from './ProtectedRoute.types';
-export declare const OxProtectedRoute: ({ children, onLoading, onUnauthenticated, }: OxProtectedRouteProps) => import('react').ReactNode;

package/dist/routes/RoleRoute/src/RoleRoute.d.ts

@@ -1,2 +0,0 @@
-import { OxRoleRouteProps } from './RoleRoute.types';
-export declare const OxRoleRoute: ({ children, onLoading, onUnauthorized, roles, }: OxRoleRouteProps) => import('react').ReactNode;