@noxickon/onyx 1.0.4 → 1.1.0

package/dist/routes/routes.es.js

@@ -1,31 +1,40 @@
-import "../chunks/ui-CWzo2o31.js";
-import { u as o } from "../chunks/useAuth-BFgXzu6Q.js";
-import { q as l } from "../chunks/hooks-BswtWYGK.js";
-const f = ({
-  children: t,
-  onAuthenticated: r = null,
-  onLoading: u = null
-}) => {
-  const { isLoggedIn: n, loading: e } = o();
-  return e ? u : n ? r : t;
-}, g = ({
-  children: t,
-  onLoading: r = null,
-  onUnauthenticated: u = null
-}) => {
-  const { isLoggedIn: n, loading: e } = o();
-  return e ? r : n ? t : u;
-}, m = ({
-  children: t,
-  onLoading: r = null,
-  onUnauthorized: u = null,
-  roles: n = ["admin"]
-}) => {
-  const { loading: e, user: i } = o();
-  return e ? r : !i || l(n) || !n.includes(i.role) ? u : t;
+import "../chunks/ui-DGkJW_Fa.js";
+import { u as s } from "../chunks/useAuth-BFgXzu6Q.js";
+import { v as a } from "../chunks/hooks-CUNBk2tZ.js";
+const v = (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;
+}, L = (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;
+}, m = (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;
 };
 export {
-  f as OxGuestRoute,
-  g as OxProtectedRoute,
+  v as OxGuestRoute,
+  L as OxProtectedRoute,
   m as OxRoleRoute
 };

package/dist/shared.css

@@ -18,10 +18,15 @@
   --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
   --font-mono: 'JetBrains Mono', ui-monospace, monospace;
 
-  --container-8xl: 88rem;
-  --container-9xl: 96rem;
-  --container-10xl: 104rem;
-  --container-12xl: 120rem;
+  --container-8xl: 88rem; /* 1408px */
+  --container-9xl: 96rem; /* 1536px */
+  --container-10xl: 104rem; /* 1664px */
+  --container-11xl: 112rem; /* 1792px */
+  --container-12xl: 120rem; /* 1920px - Full HD */
+  --container-13xl: 128rem; /* 2048px */
+  --container-14xl: 136rem; /* 2176px */
+  --container-15xl: 144rem; /* 2304px */
+  --container-16xl: 160rem; /* 2560px - 2K/QHD */
 
   --text-xxs: 0.625rem;
   --text-xxs--line-height: 0.875rem;
@@ -68,15 +73,15 @@
   }
 
   .ox-violet-inset-focus {
-    @apply focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-violet-700;
+    @apply focus:outline-none focus-visible:ring-2 focus-visible:ring-violet-700 focus-visible:ring-inset;
   }
 
   .ox-gray-outset-focus {
-    @apply focus-visible:ring-gray-1000 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-gray-100;
+    @apply focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-1000 focus-visible:ring-offset-1 focus-visible:ring-offset-gray-100;
   }
 
   .ox-gray-inset-focus {
-    @apply focus-visible:ring-gray-1000 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset;
+    @apply focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-1000 focus-visible:ring-inset;
   }
 
   .ox-rose-outset-focus {
@@ -84,7 +89,7 @@
   }
 
   .ox-rose-inset-focus {
-    @apply focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-rose-500;
+    @apply focus:outline-none focus-visible:ring-2 focus-visible:ring-rose-500 focus-visible:ring-inset;
   }
 
   .ox-backdrop-blur-parent {
@@ -93,11 +98,11 @@
   }
 
   .ox-pagination-button-base {
-    @apply enabled:text-gray-1200 inline-flex items-center justify-center rounded-lg border border-transparent bg-transparent transition-colors duration-150 enabled:cursor-pointer;
+    @apply inline-flex items-center justify-center rounded-lg border border-transparent bg-transparent transition-colors duration-150 enabled:cursor-pointer enabled:text-gray-1200;
   }
 
   .ox-pagination-button {
-    @apply enabled:text-gray-1200 disabled:ox-default-disabled inline-flex items-center justify-center rounded-lg border border-transparent bg-transparent enabled:cursor-pointer enabled:hover:bg-gray-300;
+    @apply inline-flex items-center justify-center rounded-lg border border-transparent bg-transparent enabled:cursor-pointer enabled:text-gray-1200 enabled:hover:bg-gray-300 disabled:ox-default-disabled;
   }
 
   * {