@noxickon/onyx 4.0.8 → 4.1.0

package/dist/layouts/layouts.es.js

@@ -1,9 +1,9 @@
-import { af as x, n as M, r as j, I as E, e as L, H as T, ai as z, ag as A } from "../chunks/ui-BTr-wu1B.js";
-import { jsx as f, jsxs as D } from "react/jsx-runtime";
-import { d as b } from "../chunks/hooks-6tQOArBm.js";
-import { createContext as P, useContext as w, useState as $, useEffect as H } from "react";
-import { ChevronDown as G, PanelLeft as R } from "lucide-react";
-const $e = (r) => {
+import { ag as x, n as _, r as T, I as G, e as H, H as D, aj as F, ah as R } from "../chunks/ui-CrovNVis.js";
+import { jsx as f, jsxs as K } from "react/jsx-runtime";
+import { d as b } from "../chunks/hooks-HgSTVeVG.js";
+import { createContext as j, useContext as B, useState as w, useEffect as W } from "react";
+import { ChevronDown as q, PanelLeft as J } from "lucide-react";
+const ye = (r) => {
   const e = b.c(11);
   let t, s, l;
   e[0] !== r ? ({
@@ -13,12 +13,12 @@ const $e = (r) => {
   } = r, e[0] = r, e[1] = t, e[2] = s, e[3] = l) : (t = e[1], s = e[2], l = e[3]);
   const {
     isMobile: o
-  } = C(), n = o ? "grid-cols-1" : "grid-cols-[auto_1fr]";
+  } = k(), n = o ? "grid-cols-1" : "grid-cols-[auto_1fr]";
   let a;
   e[4] !== s || e[5] !== n ? (a = x("mx-auto grid min-h-screen max-w-16xl bg-transparent", n, s), e[4] = s, e[5] = n, e[6] = a) : a = e[6];
-  let i;
-  return e[7] !== t || e[8] !== l || e[9] !== a ? (i = /* @__PURE__ */ f("div", { className: a, ...l, "data-ox-slot": "app-layout", children: t }), e[7] = t, e[8] = l, e[9] = a, e[10] = i) : i = e[10], i;
-}, F = (r) => {
+  let c;
+  return e[7] !== t || e[8] !== l || e[9] !== a ? (c = /* @__PURE__ */ f("div", { className: a, ...l, "data-ox-slot": "app-layout", children: t }), e[7] = t, e[8] = l, e[9] = a, e[10] = c) : c = e[10], c;
+}, Q = (r) => {
   const e = b.c(10);
   let t, s, l;
   e[0] !== r ? ({
@@ -30,7 +30,7 @@ const $e = (r) => {
   e[4] !== s ? (o = x("flex flex-col overflow-y-auto", s), e[4] = s, e[5] = o) : o = e[5];
   let n;
   return e[6] !== t || e[7] !== l || e[8] !== o ? (n = /* @__PURE__ */ f("main", { className: o, ...l, "data-ox-slot": "main-content", children: t }), e[6] = t, e[7] = l, e[8] = o, e[9] = n) : n = e[9], n;
-}, W = (r) => {
+}, U = (r) => {
   const e = b.c(10);
   let t, s, l;
   e[0] !== r ? ({
@@ -42,7 +42,7 @@ const $e = (r) => {
   e[4] !== s ? (o = x("flex-1 overflow-y-auto p-6", s), e[4] = s, e[5] = o) : o = e[5];
   let n;
   return e[6] !== t || e[7] !== l || e[8] !== o ? (n = /* @__PURE__ */ f("div", { className: o, ...l, "data-ox-slot": "main-content-body", children: t }), e[6] = t, e[7] = l, e[8] = o, e[9] = n) : n = e[9], n;
-}, K = (r) => {
+}, V = (r) => {
   const e = b.c(10);
   let t, s, l;
   e[0] !== r ? ({
@@ -54,18 +54,18 @@ const $e = (r) => {
   e[4] !== s ? (o = x("shrink-0 px-6 py-4", s), e[4] = s, e[5] = o) : o = e[5];
   let n;
   return e[6] !== t || e[7] !== l || e[8] !== o ? (n = /* @__PURE__ */ f("div", { className: o, ...l, "data-ox-slot": "main-content-header", children: t }), e[6] = t, e[7] = l, e[8] = o, e[9] = n) : n = e[9], n;
-}, Ce = Object.assign(F, {
-  Header: K,
-  Body: W
-}), k = P(void 0);
-function C() {
-  const r = w(k);
+}, we = Object.assign(Q, {
+  Header: V,
+  Body: U
+}), A = j(void 0);
+function k() {
+  const r = B(A);
   if (!r)
     throw new Error("useOxSidebar must be used within a SidebarProvider");
   return r;
 }
-const q = 256, J = (r) => {
-  const e = b.c(21);
+const X = (r) => {
+  const e = b.c(20);
   let t, s, l;
   e[0] !== r ? ({
     children: t,
@@ -76,24 +76,20 @@ const q = 256, J = (r) => {
     isMobile: o,
     mobileOpen: n,
     toggleSidebar: a
-  } = C();
+  } = k();
   if (o) {
+    let u;
+    e[4] !== s ? (u = x("flex h-full flex-col bg-sidebar", s), e[4] = s, e[5] = u) : u = e[5];
     let d;
-    e[4] !== s ? (d = x("flex h-full flex-col bg-sidebar", s), e[4] = s, e[5] = d) : d = e[5];
+    e[6] !== t || e[7] !== l || e[8] !== u ? (d = /* @__PURE__ */ f(_.Content, { closeOnOutsideClick: !0, side: "left", children: /* @__PURE__ */ f("aside", { className: u, ...l, "data-ox-slot": "sidebar", children: t }) }), e[6] = t, e[7] = l, e[8] = u, e[9] = d) : d = e[9];
     let m;
-    e[6] !== t || e[7] !== l || e[8] !== d ? (m = /* @__PURE__ */ f(M.Content, { closeOnOutsideClick: !0, side: "left", children: /* @__PURE__ */ f("aside", { className: d, ...l, "data-ox-slot": "sidebar", children: t }) }), e[6] = t, e[7] = l, e[8] = d, e[9] = m) : m = e[9];
-    let p;
-    return e[10] !== n || e[11] !== m || e[12] !== a ? (p = /* @__PURE__ */ f(M, { open: n, onOpenChange: a, children: m }), e[10] = n, e[11] = m, e[12] = a, e[13] = p) : p = e[13], p;
+    return e[10] !== n || e[11] !== d || e[12] !== a ? (m = /* @__PURE__ */ f(_, { open: n, onOpenChange: a, children: d }), e[10] = n, e[11] = d, e[12] = a, e[13] = m) : m = e[13], m;
   }
-  let i;
-  e[14] !== s ? (i = x("sticky top-0 flex h-screen flex-col overflow-y-auto border-r border-sidebar-border bg-sidebar", s), e[14] = s, e[15] = i) : i = e[15];
   let c;
-  e[16] === Symbol.for("react.memo_cache_sentinel") ? (c = {
-    width: q
-  }, e[16] = c) : c = e[16];
-  let u;
-  return e[17] !== t || e[18] !== l || e[19] !== i ? (u = /* @__PURE__ */ f("aside", { className: i, style: c, ...l, "data-ox-slot": "sidebar", children: t }), e[17] = t, e[18] = l, e[19] = i, e[20] = u) : u = e[20], u;
-}, Q = (r) => {
+  e[14] !== s ? (c = x("sticky top-0 flex h-screen w-[256px] flex-col overflow-y-auto border-r border-sidebar-border bg-sidebar", s), e[14] = s, e[15] = c) : c = e[15];
+  let i;
+  return e[16] !== t || e[17] !== l || e[18] !== c ? (i = /* @__PURE__ */ f("aside", { className: c, ...l, "data-ox-slot": "sidebar", children: t }), e[16] = t, e[17] = l, e[18] = c, e[19] = i) : i = e[19], i;
+}, Y = (r) => {
   const e = b.c(10);
   let t, s, l;
   e[0] !== r ? ({
@@ -105,7 +101,7 @@ const q = 256, J = (r) => {
   e[4] !== s ? (o = x("flex-1 overflow-y-auto p-2", s), e[4] = s, e[5] = o) : o = e[5];
   let n;
   return e[6] !== t || e[7] !== l || e[8] !== o ? (n = /* @__PURE__ */ f("div", { className: o, ...l, "data-ox-slot": "sidebar-content", children: t }), e[6] = t, e[7] = l, e[8] = o, e[9] = n) : n = e[9], n;
-}, U = (r) => {
+}, Z = (r) => {
   const e = b.c(10);
   let t, s, l;
   e[0] !== r ? ({
@@ -114,10 +110,10 @@ const q = 256, J = (r) => {
     ...l
   } = r, e[0] = r, e[1] = t, e[2] = s, e[3] = l) : (t = e[1], s = e[2], l = e[3]);
   let o;
-  e[4] !== s ? (o = x("flex shrink-0 flex-col p-2", s), e[4] = s, e[5] = o) : o = e[5];
+  e[4] !== s ? (o = x("flex h-16 shrink-0 flex-col justify-center p-2", s), e[4] = s, e[5] = o) : o = e[5];
   let n;
   return e[6] !== t || e[7] !== l || e[8] !== o ? (n = /* @__PURE__ */ f("div", { className: o, ...l, "data-ox-slot": "sidebar-footer", children: t }), e[6] = t, e[7] = l, e[8] = o, e[9] = n) : n = e[9], n;
-}, V = (r) => {
+}, ee = (r) => {
   const e = b.c(10);
   let t, s, l;
   e[0] !== r ? ({
@@ -129,7 +125,7 @@ const q = 256, J = (r) => {
   e[4] !== s ? (o = x("flex flex-wrap items-center gap-2", '**:data-[ox-slot="sidebar-group-content"]:w-full', s), e[4] = s, e[5] = o) : o = e[5];
   let n;
   return e[6] !== t || e[7] !== l || e[8] !== o ? (n = /* @__PURE__ */ f("div", { className: o, ...l, "data-ox-slot": "sidebar-group", children: t }), e[6] = t, e[7] = l, e[8] = o, e[9] = n) : n = e[9], n;
-}, X = (r) => {
+}, te = (r) => {
   const e = b.c(10);
   let t, s, l;
   e[0] !== r ? ({
@@ -141,7 +137,7 @@ const q = 256, J = (r) => {
   e[4] !== s ? (o = x("mr-1.5 inline-flex size-6 shrink-0 items-center justify-center rounded-md", "enabled:cursor-pointer enabled:text-muted-foreground enabled:hover:bg-sidebar-accent enabled:hover:text-sidebar-foreground", "ox-focus-ring disabled:ox-default-disabled", s), e[4] = s, e[5] = o) : o = e[5];
   let n;
   return e[6] !== t || e[7] !== l || e[8] !== o ? (n = /* @__PURE__ */ f("button", { className: o, type: "button", ...l, "data-ox-slot": "sidebar-group-action", children: t }), e[6] = t, e[7] = l, e[8] = o, e[9] = n) : n = e[9], n;
-}, Y = (r) => {
+}, se = (r) => {
   const e = b.c(10);
   let t, s, l;
   e[0] !== r ? ({
@@ -153,7 +149,7 @@ const q = 256, J = (r) => {
   e[4] !== s ? (o = x(s), e[4] = s, e[5] = o) : o = e[5];
   let n;
   return e[6] !== t || e[7] !== l || e[8] !== o ? (n = /* @__PURE__ */ f("div", { className: o, ...l, "data-ox-slot": "sidebar-group-content", children: t }), e[6] = t, e[7] = l, e[8] = o, e[9] = n) : n = e[9], n;
-}, Z = (r) => {
+}, le = (r) => {
   const e = b.c(10);
   let t, s, l;
   e[0] !== r ? ({
@@ -165,7 +161,7 @@ const q = 256, J = (r) => {
   e[4] !== s ? (o = x("flex flex-1 items-center pl-2 text-xs font-medium text-muted-foreground", s), e[4] = s, e[5] = o) : o = e[5];
   let n;
   return e[6] !== t || e[7] !== l || e[8] !== o ? (n = /* @__PURE__ */ f("div", { className: o, ...l, "data-ox-slot": "sidebar-group-label", children: t }), e[6] = t, e[7] = l, e[8] = o, e[9] = n) : n = e[9], n;
-}, ee = (r) => {
+}, oe = (r) => {
   const e = b.c(10);
   let t, s, l;
   e[0] !== r ? ({
@@ -174,10 +170,10 @@ const q = 256, J = (r) => {
     ...l
   } = r, e[0] = r, e[1] = t, e[2] = s, e[3] = l) : (t = e[1], s = e[2], l = e[3]);
   let o;
-  e[4] !== s ? (o = x("flex shrink-0 flex-col p-2", s), e[4] = s, e[5] = o) : o = e[5];
+  e[4] !== s ? (o = x("flex h-16 shrink-0 flex-col justify-center p-2", s), e[4] = s, e[5] = o) : o = e[5];
   let n;
   return e[6] !== t || e[7] !== l || e[8] !== o ? (n = /* @__PURE__ */ f("div", { className: o, ...l, "data-ox-slot": "sidebar-header", children: t }), e[6] = t, e[7] = l, e[8] = o, e[9] = n) : n = e[9], n;
-}, te = (r) => {
+}, ne = (r) => {
   const e = b.c(10);
   let t, s, l;
   e[0] !== r ? ({
@@ -189,7 +185,7 @@ const q = 256, J = (r) => {
   e[4] !== s ? (o = x("flex flex-col items-stretch gap-1", s), e[4] = s, e[5] = o) : o = e[5];
   let n;
   return e[6] !== t || e[7] !== l || e[8] !== o ? (n = /* @__PURE__ */ f("ul", { className: o, ...l, "data-ox-slot": "sidebar-menu", children: t }), e[6] = t, e[7] = l, e[8] = o, e[9] = n) : n = e[9], n;
-}, se = (r) => {
+}, re = (r) => {
   const e = b.c(10);
   let t, s, l;
   e[0] !== r ? ({
@@ -201,12 +197,12 @@ const q = 256, J = (r) => {
   e[4] !== s ? (o = x("inline-flex size-9 shrink-0 items-center justify-center rounded-lg border border-transparent", "enabled:cursor-pointer enabled:bg-transparent enabled:text-sidebar-foreground enabled:hover:bg-sidebar-accent", "ox-focus-ring disabled:ox-default-disabled", s), e[4] = s, e[5] = o) : o = e[5];
   let n;
   return e[6] !== t || e[7] !== l || e[8] !== o ? (n = /* @__PURE__ */ f("button", { className: o, type: "button", ...l, "data-ox-slot": "sidebar-menu-action", children: t }), e[6] = t, e[7] = l, e[8] = o, e[9] = n) : n = e[9], n;
-}, I = P(void 0), y = () => {
-  const r = w(I);
+}, L = j(void 0), I = () => {
+  const r = B(L);
   if (!r)
     throw new Error("useMenuItemContext must be used within MenuItemProvider");
   return r;
-}, _ = (r) => {
+}, E = (r) => {
   const e = b.c(7), {
     className: t,
     icon: s,
@@ -216,108 +212,113 @@ const q = 256, J = (r) => {
   let n;
   e[0] !== t ? (n = x("shrink-0", t), e[0] = t, e[1] = n) : n = e[1];
   let a;
-  return e[2] !== s || e[3] !== l || e[4] !== o || e[5] !== n ? (a = /* @__PURE__ */ f(j, { className: n, icon: s, path: l, placeholder: o, size: "md" }), e[2] = s, e[3] = l, e[4] = o, e[5] = n, e[6] = a) : a = e[6], a;
-}, le = (r) => "href" in r, B = "flex h-9 flex-1 items-center gap-2 rounded-lg border border-transparent bg-transparent px-2 text-left text-sm ox-focus-ring", oe = (r) => {
-  const e = b.c(23);
-  let t, s, l, o, n, a;
+  return e[2] !== s || e[3] !== l || e[4] !== o || e[5] !== n ? (a = /* @__PURE__ */ f(T, { className: n, icon: s, path: l, placeholder: o, size: "md" }), e[2] = s, e[3] = l, e[4] = o, e[5] = n, e[6] = a) : a = e[6], a;
+}, ae = (r) => "href" in r, z = "flex h-9 flex-1 items-center gap-2 rounded-lg border border-transparent bg-transparent px-2 text-left text-sm ox-focus-ring", ie = (r) => {
+  const e = b.c(27);
+  let t, s, l, o, n, a, c;
   e[0] !== r ? ({
     children: t,
     className: s,
     disabled: a,
     href: l,
+    isActive: c,
     onClick: o,
     ...n
-  } = r, e[0] = r, e[1] = t, e[2] = s, e[3] = l, e[4] = o, e[5] = n, e[6] = a) : (t = e[1], s = e[2], l = e[3], o = e[4], n = e[5], a = e[6]);
-  const i = a === void 0 ? !1 : a, {
-    hasSub: c,
-    toggleOpen: u
-  } = y(), d = !i;
-  let m;
-  e[7] !== s || e[8] !== i || e[9] !== d ? (m = x(B, {
-    "cursor-pointer text-sidebar-foreground hover:bg-sidebar-accent": d,
+  } = r, e[0] = r, e[1] = t, e[2] = s, e[3] = l, e[4] = o, e[5] = n, e[6] = a, e[7] = c) : (t = e[1], s = e[2], l = e[3], o = e[4], n = e[5], a = e[6], c = e[7]);
+  const i = a === void 0 ? !1 : a, u = c === void 0 ? !1 : c, {
+    hasSub: d,
+    toggleOpen: m
+  } = I(), g = u && !i, v = !i;
+  let p;
+  e[8] !== s || e[9] !== i || e[10] !== g || e[11] !== v ? (p = x(z, {
+    "bg-sidebar-accent font-medium": g,
+    "cursor-pointer text-sidebar-foreground hover:bg-sidebar-accent": v,
     "ox-default-disabled": i
-  }, s), e[7] = s, e[8] = i, e[9] = d, e[10] = m) : m = e[10];
-  const p = m;
-  let S;
-  e[11] !== i || e[12] !== c || e[13] !== o || e[14] !== u ? (S = (v) => {
+  }, s), e[8] = s, e[9] = i, e[10] = g, e[11] = v, e[12] = p) : p = e[12];
+  const h = p;
+  let O;
+  e[13] !== i || e[14] !== d || e[15] !== o || e[16] !== m ? (O = (y) => {
     if (i) {
-      v.preventDefault();
+      y.preventDefault();
       return;
     }
-    if (c) {
-      v.preventDefault(), u();
+    if (d) {
+      y.preventDefault(), m();
       return;
     }
-    o?.(v);
-  }, e[11] = i, e[12] = c, e[13] = o, e[14] = u, e[15] = S) : S = e[15];
-  const h = S, O = i ? "true" : void 0, g = i ? void 0 : l;
+    o?.(y);
+  }, e[13] = i, e[14] = d, e[15] = o, e[16] = m, e[17] = O) : O = e[17];
+  const $ = O, C = u ? "page" : void 0, M = i ? "true" : void 0, P = i ? void 0 : l, S = u || void 0;
   let N;
-  return e[16] !== t || e[17] !== h || e[18] !== p || e[19] !== n || e[20] !== O || e[21] !== g ? (N = /* @__PURE__ */ f("a", { "aria-disabled": O, className: p, href: g, onClick: h, ...n, "data-ox-slot": "sidebar-menu-button", children: t }), e[16] = t, e[17] = h, e[18] = p, e[19] = n, e[20] = O, e[21] = g, e[22] = N) : N = e[22], N;
-}, ne = (r) => {
-  const e = b.c(24);
-  let t, s, l, o, n, a;
+  return e[18] !== t || e[19] !== $ || e[20] !== h || e[21] !== n || e[22] !== S || e[23] !== C || e[24] !== M || e[25] !== P ? (N = /* @__PURE__ */ f("a", { "aria-current": C, "aria-disabled": M, className: h, href: P, onClick: $, ...n, "data-ox-active": S, "data-ox-slot": "sidebar-menu-button", children: t }), e[18] = t, e[19] = $, e[20] = h, e[21] = n, e[22] = S, e[23] = C, e[24] = M, e[25] = P, e[26] = N) : N = e[26], N;
+}, ce = (r) => {
+  const e = b.c(28);
+  let t, s, l, o, n, a, c;
   e[0] !== r ? ({
     children: t,
     className: s,
     disabled: n,
+    isActive: a,
     onClick: l,
-    type: a,
+    type: c,
     ...o
-  } = r, e[0] = r, e[1] = t, e[2] = s, e[3] = l, e[4] = o, e[5] = n, e[6] = a) : (t = e[1], s = e[2], l = e[3], o = e[4], n = e[5], a = e[6]);
-  const i = n === void 0 ? !1 : n, c = a === void 0 ? "button" : a, {
-    hasSub: u,
-    isOpen: d,
-    toggleOpen: m
-  } = y();
-  let p;
-  e[7] !== s ? (p = x(B, "enabled:cursor-pointer enabled:text-sidebar-foreground enabled:hover:bg-sidebar-accent", "disabled:ox-default-disabled", s), e[7] = s, e[8] = p) : p = e[8];
-  const S = p;
+  } = r, e[0] = r, e[1] = t, e[2] = s, e[3] = l, e[4] = o, e[5] = n, e[6] = a, e[7] = c) : (t = e[1], s = e[2], l = e[3], o = e[4], n = e[5], a = e[6], c = e[7]);
+  const i = n === void 0 ? !1 : n, u = a === void 0 ? !1 : a, d = c === void 0 ? "button" : c, {
+    hasSub: m,
+    isOpen: g,
+    toggleOpen: v
+  } = I(), p = u && !i;
   let h;
-  e[9] !== u || e[10] !== l || e[11] !== m ? (h = (v) => {
-    if (u) {
-      m();
+  e[8] !== s || e[9] !== p ? (h = x(z, "enabled:cursor-pointer enabled:text-sidebar-foreground enabled:hover:bg-sidebar-accent", "disabled:ox-default-disabled", {
+    "bg-sidebar-accent font-medium": p
+  }, s), e[8] = s, e[9] = p, e[10] = h) : h = e[10];
+  const O = h;
+  let $;
+  e[11] !== m || e[12] !== l || e[13] !== v ? ($ = (y) => {
+    if (m) {
+      v();
       return;
     }
-    l?.(v);
-  }, e[9] = u, e[10] = l, e[11] = m, e[12] = h) : h = e[12];
-  const O = h;
-  let g;
-  e[13] !== u || e[14] !== d ? (g = u ? /* @__PURE__ */ f(_, { className: x("ml-auto transition-transform duration-200", {
-    "rotate-180": d
-  }), icon: G }) : null, e[13] = u, e[14] = d, e[15] = g) : g = e[15];
+    l?.(y);
+  }, e[11] = m, e[12] = l, e[13] = v, e[14] = $) : $ = e[14];
+  const C = $, M = u ? "page" : void 0, P = u || void 0;
+  let S;
+  e[15] !== m || e[16] !== g ? (S = m ? /* @__PURE__ */ f(E, { className: x("ml-auto transition-transform duration-200", {
+    "rotate-180": g
+  }), icon: q }) : null, e[15] = m, e[16] = g, e[17] = S) : S = e[17];
   let N;
-  return e[16] !== S || e[17] !== t || e[18] !== i || e[19] !== O || e[20] !== o || e[21] !== g || e[22] !== c ? (N = /* @__PURE__ */ D("button", { className: S, disabled: i, type: c, onClick: O, ...o, "data-ox-slot": "sidebar-menu-button", children: [
+  return e[18] !== O || e[19] !== t || e[20] !== i || e[21] !== C || e[22] !== o || e[23] !== M || e[24] !== P || e[25] !== S || e[26] !== d ? (N = /* @__PURE__ */ K("button", { "aria-current": M, className: O, disabled: i, type: d, onClick: C, ...o, "data-ox-active": P, "data-ox-slot": "sidebar-menu-button", children: [
     t,
-    g
-  ] }), e[16] = S, e[17] = t, e[18] = i, e[19] = O, e[20] = o, e[21] = g, e[22] = c, e[23] = N) : N = e[23], N;
-}, re = (r) => {
+    S
+  ] }), e[18] = O, e[19] = t, e[20] = i, e[21] = C, e[22] = o, e[23] = M, e[24] = P, e[25] = S, e[26] = d, e[27] = N) : N = e[27], N;
+}, de = (r) => {
   const e = b.c(2);
   let t;
-  return e[0] !== r ? (t = le(r) ? /* @__PURE__ */ f(oe, { ...r }) : /* @__PURE__ */ f(ne, { ...r }), e[0] = r, e[1] = t) : t = e[1], t;
+  return e[0] !== r ? (t = ae(r) ? /* @__PURE__ */ f(ie, { ...r }) : /* @__PURE__ */ f(ce, { ...r }), e[0] = r, e[1] = t) : t = e[1], t;
 };
-function ae(r) {
+function fe(r) {
   const e = b.c(7), {
     children: t,
     defaultOpen: s,
     hasSub: l
-  } = r, o = s === void 0 ? !1 : s, n = l === void 0 ? !1 : l, [a, i] = $(o);
-  let c;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = () => i(ie), e[0] = c) : c = e[0];
-  const u = c;
+  } = r, o = s === void 0 ? !1 : s, n = l === void 0 ? !1 : l, [a, c] = w(o);
+  let i;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = () => c(ue), e[0] = i) : i = e[0];
+  const u = i;
   let d;
   e[1] !== n || e[2] !== a ? (d = {
     hasSub: n,
     isOpen: a,
-    setIsOpen: i,
+    setIsOpen: c,
     toggleOpen: u
   }, e[1] = n, e[2] = a, e[3] = d) : d = e[3];
   let m;
-  return e[4] !== t || e[5] !== d ? (m = /* @__PURE__ */ f(I.Provider, { value: d, children: t }), e[4] = t, e[5] = d, e[6] = m) : m = e[6], m;
+  return e[4] !== t || e[5] !== d ? (m = /* @__PURE__ */ f(L.Provider, { value: d, children: t }), e[4] = t, e[5] = d, e[6] = m) : m = e[6], m;
 }
-function ie(r) {
+function ue(r) {
   return !r;
 }
-const ce = (r) => {
+const be = (r) => {
   const e = b.c(16);
   let t, s, l, o, n;
   e[0] !== r ? ({
@@ -327,22 +328,22 @@ const ce = (r) => {
     hasSub: n,
     ...l
   } = r, e[0] = r, e[1] = t, e[2] = s, e[3] = l, e[4] = o, e[5] = n) : (t = e[1], s = e[2], l = e[3], o = e[4], n = e[5]);
-  const a = o === void 0 ? !1 : o, i = n === void 0 ? !1 : n;
-  let c;
-  e[6] !== s ? (c = x("group flex flex-wrap items-center gap-x-2", s), e[6] = s, e[7] = c) : c = e[7];
+  const a = o === void 0 ? !1 : o, c = n === void 0 ? !1 : n;
+  let i;
+  e[6] !== s ? (i = x("group flex flex-wrap items-center gap-x-2", s), e[6] = s, e[7] = i) : i = e[7];
   let u;
-  e[8] !== t || e[9] !== l || e[10] !== c ? (u = /* @__PURE__ */ f("li", { className: c, ...l, "data-ox-slot": "sidebar-menu-item", children: t }), e[8] = t, e[9] = l, e[10] = c, e[11] = u) : u = e[11];
+  e[8] !== t || e[9] !== l || e[10] !== i ? (u = /* @__PURE__ */ f("li", { className: i, ...l, "data-ox-slot": "sidebar-menu-item", children: t }), e[8] = t, e[9] = l, e[10] = i, e[11] = u) : u = e[11];
   let d;
-  return e[12] !== a || e[13] !== i || e[14] !== u ? (d = /* @__PURE__ */ f(ae, { defaultOpen: a, hasSub: i, children: u }), e[12] = a, e[13] = i, e[14] = u, e[15] = d) : d = e[15], d;
-}, de = (r) => {
+  return e[12] !== a || e[13] !== c || e[14] !== u ? (d = /* @__PURE__ */ f(fe, { defaultOpen: a, hasSub: c, children: u }), e[12] = a, e[13] = c, e[14] = u, e[15] = d) : d = e[15], d;
+}, me = (r) => {
   const e = b.c(4), {
     className: t
   } = r;
   let s;
   e[0] !== t ? (s = x("h-9 w-full", t), e[0] = t, e[1] = s) : s = e[1];
   let l;
-  return e[2] !== s ? (l = /* @__PURE__ */ f(E, { className: s }), e[2] = s, e[3] = l) : l = e[3], l;
-}, fe = (r) => {
+  return e[2] !== s ? (l = /* @__PURE__ */ f(G, { className: s }), e[2] = s, e[3] = l) : l = e[3], l;
+}, xe = (r) => {
   const e = b.c(13);
   let t, s, l;
   e[0] !== r ? ({
@@ -352,14 +353,14 @@ const ce = (r) => {
   } = r, e[0] = r, e[1] = t, e[2] = s, e[3] = l) : (t = e[1], s = e[2], l = e[3]);
   const {
     isOpen: o
-  } = y(), n = o ? "open" : "closed";
+  } = I(), n = o ? "open" : "closed";
   let a;
-  e[4] !== s ? (a = x("border-onyx-700 ml-4.5 flex flex-col gap-1 border-l py-0.5 pl-2.5", s), e[4] = s, e[5] = a) : a = e[5];
-  let i;
-  e[6] !== t || e[7] !== l || e[8] !== a ? (i = /* @__PURE__ */ f("ul", { className: a, ...l, "data-ox-slot": "sidebar-menu-sub", children: t }), e[6] = t, e[7] = l, e[8] = a, e[9] = i) : i = e[9];
+  e[4] !== s ? (a = x("ml-4.5 flex flex-col gap-1 border-l border-sidebar-border py-0.5 pl-2.5", s), e[4] = s, e[5] = a) : a = e[5];
   let c;
-  return e[10] !== n || e[11] !== i ? (c = /* @__PURE__ */ f("div", { className: "ox-sidebar-submenu w-content grid w-full", "data-ox-slot": "sidebar-menu-sub-wrapper", "data-ox-state": n, children: i }), e[10] = n, e[11] = i, e[12] = c) : c = e[12], c;
-}, ue = (r) => {
+  e[6] !== t || e[7] !== l || e[8] !== a ? (c = /* @__PURE__ */ f("ul", { className: a, ...l, "data-ox-slot": "sidebar-menu-sub", children: t }), e[6] = t, e[7] = l, e[8] = a, e[9] = c) : c = e[9];
+  let i;
+  return e[10] !== n || e[11] !== c ? (i = /* @__PURE__ */ f("div", { className: "ox-sidebar-submenu w-content grid w-full", "data-ox-slot": "sidebar-menu-sub-wrapper", "data-ox-state": n, children: c }), e[10] = n, e[11] = c, e[12] = i) : i = e[12], i;
+}, pe = (r) => {
   const e = b.c(16);
   let t, s, l, o;
   e[0] !== r ? ({
@@ -372,13 +373,13 @@ const ce = (r) => {
   e[5] !== s ? (n = x(["flex h-8 flex-1 cursor-pointer items-center gap-2", "rounded-lg border border-transparent bg-transparent px-2", "text-left text-sm text-sidebar-foreground", "hover:bg-sidebar-accent"], "ox-focus-ring", s), e[5] = s, e[6] = n) : n = e[6];
   const a = n;
   if (o) {
-    const c = l;
+    const i = l;
     let u;
-    return e[7] !== a || e[8] !== t || e[9] !== o || e[10] !== c ? (u = /* @__PURE__ */ f("a", { className: a, href: o, ...c, "data-ox-slot": "sidebar-menu-sub-button", children: t }), e[7] = a, e[8] = t, e[9] = o, e[10] = c, e[11] = u) : u = e[11], u;
+    return e[7] !== a || e[8] !== t || e[9] !== o || e[10] !== i ? (u = /* @__PURE__ */ f("a", { className: a, href: o, ...i, "data-ox-slot": "sidebar-menu-sub-button", children: t }), e[7] = a, e[8] = t, e[9] = o, e[10] = i, e[11] = u) : u = e[11], u;
   }
-  let i;
-  return e[12] !== a || e[13] !== t || e[14] !== l ? (i = /* @__PURE__ */ f("button", { className: a, type: "button", ...l, "data-ox-slot": "sidebar-menu-sub-button", children: t }), e[12] = a, e[13] = t, e[14] = l, e[15] = i) : i = e[15], i;
-}, be = (r) => {
+  let c;
+  return e[12] !== a || e[13] !== t || e[14] !== l ? (c = /* @__PURE__ */ f("button", { className: a, type: "button", ...l, "data-ox-slot": "sidebar-menu-sub-button", children: t }), e[12] = a, e[13] = t, e[14] = l, e[15] = c) : c = e[15], c;
+}, he = (r) => {
   const e = b.c(10);
   let t, s, l;
   e[0] !== r ? ({
@@ -390,7 +391,7 @@ const ce = (r) => {
   e[4] !== s ? (o = x("flex items-center gap-2", s), e[4] = s, e[5] = o) : o = e[5];
   let n;
   return e[6] !== t || e[7] !== l || e[8] !== o ? (n = /* @__PURE__ */ f("li", { className: o, ...l, "data-ox-slot": "sidebar-menu-sub-item", children: t }), e[6] = t, e[7] = l, e[8] = o, e[9] = n) : n = e[9], n;
-}, me = (r) => {
+}, ge = (r) => {
   const e = b.c(5), {
     children: t,
     className: s
@@ -398,8 +399,8 @@ const ce = (r) => {
   let l;
   e[0] !== s ? (l = x("ml-auto", s), e[0] = s, e[1] = l) : l = e[1];
   let o;
-  return e[2] !== t || e[3] !== l ? (o = /* @__PURE__ */ f(L, { className: l, children: t }), e[2] = t, e[3] = l, e[4] = o) : o = e[4], o;
-}, xe = (r) => {
+  return e[2] !== t || e[3] !== l ? (o = /* @__PURE__ */ f(H, { className: l, children: t }), e[2] = t, e[3] = l, e[4] = o) : o = e[4], o;
+}, Oe = (r) => {
   const e = b.c(6);
   let t, s;
   e[0] !== r ? ({
@@ -407,97 +408,97 @@ const ce = (r) => {
     ...s
   } = r, e[0] = r, e[1] = t, e[2] = s) : (t = e[1], s = e[2]);
   let l;
-  return e[3] !== t || e[4] !== s ? (l = /* @__PURE__ */ f(T, { className: t, ...s }), e[3] = t, e[4] = s, e[5] = l) : l = e[5], l;
-}, pe = (r) => {
+  return e[3] !== t || e[4] !== s ? (l = /* @__PURE__ */ f(D, { className: t, ...s }), e[3] = t, e[4] = s, e[5] = l) : l = e[5], l;
+}, Se = (r) => {
   const e = b.c(12), {
     className: t,
     onClick: s
   } = r, {
     isMobile: l,
     toggleSidebar: o
-  } = C();
+  } = k();
   let n;
   e[0] !== l || e[1] !== s || e[2] !== o ? (n = () => {
     l ? o() : s && s();
   }, e[0] = l, e[1] = s, e[2] = o, e[3] = n) : n = e[3];
-  const a = n, i = l || s;
-  let c;
-  e[4] !== t || e[5] !== i ? (c = x("inline-flex size-8 items-center justify-center rounded-lg", "border border-transparent bg-transparent text-sidebar-foreground", {
-    "ox-focus-ring cursor-pointer hover:bg-sidebar-accent": i
-  }, t), e[4] = t, e[5] = i, e[6] = c) : c = e[6];
-  const u = !i;
+  const a = n, c = l || s;
+  let i;
+  e[4] !== t || e[5] !== c ? (i = x("inline-flex size-8 items-center justify-center rounded-lg", "border border-transparent bg-transparent text-sidebar-foreground", {
+    "ox-focus-ring cursor-pointer hover:bg-sidebar-accent": c
+  }, t), e[4] = t, e[5] = c, e[6] = i) : i = e[6];
+  const u = !c;
   let d;
-  e[7] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ f(z, { icon: R, size: "md" }), e[7] = d) : d = e[7];
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ f(F, { icon: J, size: "md" }), e[7] = d) : d = e[7];
   let m;
-  return e[8] !== a || e[9] !== c || e[10] !== u ? (m = /* @__PURE__ */ f("button", { "aria-label": "Toggle sidebar", className: c, "data-ox-slot": "sidebar-trigger", disabled: u, type: "button", onClick: a, children: d }), e[8] = a, e[9] = c, e[10] = u, e[11] = m) : m = e[11], m;
+  return e[8] !== a || e[9] !== i || e[10] !== u ? (m = /* @__PURE__ */ f("button", { "aria-label": "Toggle sidebar", className: i, "data-ox-slot": "sidebar-trigger", disabled: u, type: "button", onClick: a, children: d }), e[8] = a, e[9] = i, e[10] = u, e[11] = m) : m = e[11], m;
 };
-function ye(r) {
+function ke(r) {
   const e = b.c(11), {
     children: t
-  } = r, [s, l] = $(!1), [o, n] = $(!1);
-  let a, i;
+  } = r, [s, l] = w(!1), [o, n] = w(!1);
+  let a, c;
   e[0] === Symbol.for("react.memo_cache_sentinel") ? (a = () => {
-    const g = () => {
-      n(window.innerWidth < A);
+    const O = () => {
+      n(window.innerWidth < R);
     };
-    return g(), window.addEventListener("resize", g), () => window.removeEventListener("resize", g);
-  }, i = [], e[0] = a, e[1] = i) : (a = e[0], i = e[1]), H(a, i);
-  let c;
-  e[2] === Symbol.for("react.memo_cache_sentinel") ? (c = () => {
+    return O(), window.addEventListener("resize", O), () => window.removeEventListener("resize", O);
+  }, c = [], e[0] = a, e[1] = c) : (a = e[0], c = e[1]), W(a, c);
+  let i;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (i = () => {
     l(!0);
-  }, e[2] = c) : c = e[2];
-  const u = c;
+  }, e[2] = i) : i = e[2];
+  const u = i;
   let d;
   e[3] === Symbol.for("react.memo_cache_sentinel") ? (d = () => {
     l(!1);
   }, e[3] = d) : d = e[3];
   const m = d;
+  let g;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (g = () => {
+    l(ve);
+  }, e[4] = g) : g = e[4];
+  const v = g;
   let p;
-  e[4] === Symbol.for("react.memo_cache_sentinel") ? (p = () => {
-    l(he);
-  }, e[4] = p) : p = e[4];
-  const S = p;
-  let h;
-  e[5] !== o || e[6] !== s ? (h = {
+  e[5] !== o || e[6] !== s ? (p = {
     closeSidebar: m,
     isMobile: o,
     mobileOpen: s,
     openSidebar: u,
-    toggleSidebar: S
-  }, e[5] = o, e[6] = s, e[7] = h) : h = e[7];
-  let O;
-  return e[8] !== t || e[9] !== h ? (O = /* @__PURE__ */ f(k.Provider, { value: h, children: t }), e[8] = t, e[9] = h, e[10] = O) : O = e[10], O;
+    toggleSidebar: v
+  }, e[5] = o, e[6] = s, e[7] = p) : p = e[7];
+  let h;
+  return e[8] !== t || e[9] !== p ? (h = /* @__PURE__ */ f(A.Provider, { value: p, children: t }), e[8] = t, e[9] = p, e[10] = h) : h = e[10], h;
 }
-function he(r) {
+function ve(r) {
   return !r;
 }
-const Me = Object.assign(J, {
-  Content: Q,
-  Footer: U,
-  Header: ee,
-  Separator: xe,
-  Trigger: pe
-}), Pe = Object.assign(te, {
-  Action: se,
-  Button: re,
-  Icon: _,
-  Item: ce,
-  Skeleton: de,
-  Sub: fe,
-  SubButton: ue,
-  SubItem: be,
-  Tag: me
-}), we = Object.assign(V, {
-  Action: X,
+const Ie = Object.assign(X, {
   Content: Y,
-  Label: Z
+  Footer: Z,
+  Header: oe,
+  Separator: Oe,
+  Trigger: Se
+}), _e = Object.assign(ne, {
+  Action: re,
+  Button: de,
+  Icon: E,
+  Item: be,
+  Skeleton: me,
+  Sub: xe,
+  SubButton: pe,
+  SubItem: he,
+  Tag: ge
+}), je = Object.assign(ee, {
+  Action: te,
+  Content: se,
+  Label: le
 });
 export {
-  $e as OxAppLayout,
-  Ce as OxMainContent,
-  Me as OxSidebar,
-  we as OxSidebarGroup,
-  Pe as OxSidebarMenu,
-  ye as OxSidebarProvider,
-  C as useOxSidebar
+  ye as OxAppLayout,
+  we as OxMainContent,
+  Ie as OxSidebar,
+  je as OxSidebarGroup,
+  _e as OxSidebarMenu,
+  ke as OxSidebarProvider,
+  k as useOxSidebar
 };