neatkit 0.9.0 → 0.11.0

package/dist/Sidebar.js

@@ -1,272 +1,290 @@
 "use client";
-import { jsx as d, jsxs as A, Fragment as K } from "react/jsx-runtime";
-import { useCallback as k, useSyncExternalStore as X, forwardRef as I, useId as Y, createElement as ae, useContext as se, useRef as B, useState as Z, Fragment as ie, cloneElement as oe, useMemo as Q, useEffect as le } from "react";
-import { u as R } from "./effects-D5CWf-Pl.js";
-import { g as ce, a as ee } from "./reference-CXMr27nM.js";
-import { b as z, F as V, d as de, e as ue, c as pe, P as be } from "./usePresence-CqegYqy4.js";
-import { T as U } from "./Text-rN6iDo0V.js";
-import { B as ne } from "./Button-BV5OUXpc.js";
-import { u as fe } from "./useFocusTrap-DhVnlboe.js";
-import { u as me } from "./useScrollLock-Drd7OZRC.js";
-import { m as ve } from "./aria-CeA9QfD1.js";
-import { A as ge } from "./Avatar-DjDCFqNG.js";
-import { S as he } from "./Spinner-CVYvk6YK.js";
-import { T as ye } from "./Tooltip-BK64rkxV.js";
-import { b as Se } from "./units-BmjPCccF.js";
-const L = /* @__PURE__ */ new WeakMap();
-function re(t) {
-  const n = L.get(t);
-  if (n) return n;
+import { jsx as l, jsxs as R, Fragment as H } from "react/jsx-runtime";
+import { useCallback as k, useSyncExternalStore as ie, forwardRef as O, useId as oe, createElement as fe, useContext as me, useRef as I, useState as C, Fragment as ge, cloneElement as ve, useMemo as re, useEffect as ne } from "react";
+import { u as W, a as D } from "./effects-DGbA6Q2O.js";
+import { g as he, a as le } from "./reference-CXMr27nM.js";
+import { F as ae, c as ye, d as Se, b as _e, P as te } from "./usePresence-BTRY1_l-.js";
+import { B as K } from "./Button-LmEHdRkW.js";
+import { T as $ } from "./Text-rN6iDo0V.js";
+import { u as ke } from "./useFocusTrap-BxPazAL6.js";
+import { u as Ee } from "./useScrollLock-Drd7OZRC.js";
+import { m as Ne } from "./aria-Bv-xVREf.js";
+import { r as Pe } from "./useFloatingPosition-MGoyautY.js";
+import { A as we } from "./Avatar-DjDCFqNG.js";
+import { S as Ie } from "./Spinner-CmxlDlOk.js";
+import { T as Oe } from "./Tooltip-CpyROf6x.js";
+import { b as Te } from "./units-BmjPCccF.js";
+function Be(a) {
+  const { label: r, onToggle: e, panelId: n, reference: u, side: i, sidebarOpen: c } = a;
+  return /* @__PURE__ */ l(
+    K,
+    {
+      ref: u,
+      "aria-controls": n,
+      "aria-expanded": c,
+      "aria-haspopup": "dialog",
+      "aria-label": r,
+      className: "nk-sidebar__fallback-trigger",
+      "data-side": i,
+      icon: "burger",
+      onClick: e
+    }
+  );
+}
+const A = /* @__PURE__ */ new WeakMap();
+function ce(a) {
+  const r = A.get(a);
+  if (r) return r;
   const e = {
     listeners: /* @__PURE__ */ new Set(),
     owner: null,
     state: void 0
   };
-  return L.set(t, e), e;
+  return A.set(a, e), e;
 }
-function _e(t, n, e) {
-  const r = re(t);
-  return r.owner !== null && r.owner !== n ? !1 : (r.owner = n, r.state = e, r.listeners.forEach((b) => b()), !0);
+function Fe(a, r, e) {
+  const n = ce(a);
+  return n.owner !== null && n.owner !== r ? !1 : (n.owner = r, n.state = e, n.listeners.forEach((u) => u()), !0);
 }
-function ke(t, n) {
-  const e = L.get(t);
-  !e || e.owner !== n || (e.owner = null, e.state = void 0, e.listeners.forEach((r) => r()));
+function xe(a, r) {
+  const e = A.get(a);
+  !e || e.owner !== r || (e.owner = null, e.state = void 0, e.listeners.forEach((n) => n()));
 }
-function Ee(t) {
-  var n;
-  return t ? (n = L.get(t)) == null ? void 0 : n.state : void 0;
+function Le(a) {
+  var r;
+  return a ? (r = A.get(a)) == null ? void 0 : r.state : void 0;
 }
-function Ne(t, n) {
-  if (!t) return () => {
+function Re(a, r) {
+  if (!a) return () => {
   };
-  const e = re(t);
-  return e.listeners.add(n), () => {
-    e.listeners.delete(n);
+  const e = ce(a);
+  return e.listeners.add(r), () => {
+    e.listeners.delete(r);
   };
 }
-const Pe = () => {
+const Ce = () => {
 };
-function T(t) {
-  const n = z(t).boundaryElement, e = k(
-    (b) => Ne(n, b),
-    [n]
-  ), r = k(() => Ee(n), [n]);
-  return X(e, r, Pe);
+function F(a) {
+  const r = W(a).boundaryElement, e = k(
+    (u) => Re(r, u),
+    [r]
+  ), n = k(() => Le(r), [r]);
+  return ie(e, n, Ce);
 }
-function x(t, n) {
-  return t === "both" || t === (n === "overlay" ? "overlay" : "inline");
+function j(a, r) {
+  return a === "both" || a === (r === "overlay" ? "overlay" : "inline");
 }
-const we = I(
-  function(n, e) {
-    const { children: r, className: b, presentation: o = "both", ...u } = n, a = T("Sidebar.Footer");
-    return x(o, a == null ? void 0 : a.presentation) ? /* @__PURE__ */ d(
+const De = O(
+  function(r, e) {
+    const { children: n, className: u, presentation: i = "both", ...c } = r, s = F("Sidebar.Footer");
+    return j(i, s == null ? void 0 : s.presentation) ? /* @__PURE__ */ l(
       "div",
       {
-        ...u,
+        ...c,
         ref: e,
-        className: ["nk-sidebar__footer", b].filter(Boolean).join(" "),
-        children: r
+        className: ["nk-sidebar__footer", u].filter(Boolean).join(" "),
+        children: n
       }
     ) : null;
   }
-), Ie = I(
-  function(n, e) {
+), Ae = O(
+  function(r, e) {
     const {
-      "aria-label": r,
-      "aria-labelledby": b,
-      children: o,
-      className: u,
-      label: a,
+      "aria-label": n,
+      "aria-labelledby": u,
+      children: i,
+      className: c,
+      label: s,
       presentation: y = "both",
-      ...m
-    } = n, g = T("Sidebar.Group"), v = `${Y()}-label`, p = a != null && typeof a != "boolean" && (typeof a != "string" || a.trim() !== "");
-    if (!x(y, g == null ? void 0 : g.presentation))
+      ...g
+    } = r, h = F("Sidebar.Group"), v = `${oe()}-label`, b = s != null && typeof s != "boolean" && (typeof s != "string" || s.trim() !== "");
+    if (!j(y, h == null ? void 0 : h.presentation))
       return null;
-    const i = b ?? (r === void 0 && p ? v : void 0);
-    return ae(
-      !!(r ?? i) ? "nav" : "div",
+    const o = u ?? (n === void 0 && b ? v : void 0);
+    return fe(
+      !!(n ?? o) ? "nav" : "div",
       {
-        ...m,
+        ...g,
         ref: e,
-        "aria-label": r,
-        "aria-labelledby": i,
-        className: ["nk-sidebar__group", u].filter(Boolean).join(" ")
+        "aria-label": n,
+        "aria-labelledby": o,
+        className: ["nk-sidebar__group", c].filter(Boolean).join(" ")
       },
-      p ? /* @__PURE__ */ d(
-        U,
+      b ? /* @__PURE__ */ l(
+        $,
         {
           as: "h2",
           className: "nk-sidebar__group-label",
           id: v,
           size: "subtitle",
           weight: "medium",
-          children: a
+          children: s
         }
       ) : null,
-      /* @__PURE__ */ d("ul", { className: "nk-sidebar__list", children: o })
+      /* @__PURE__ */ l("ul", { className: "nk-sidebar__list", children: i })
     );
   }
-), Oe = I(
-  function(n, e) {
-    const { children: r, className: b, presentation: o = "both", ...u } = n, a = T("Sidebar.Header");
-    return x(o, a == null ? void 0 : a.presentation) ? /* @__PURE__ */ d(
+), je = O(
+  function(r, e) {
+    const { children: n, className: u, presentation: i = "both", ...c } = r, s = F("Sidebar.Header");
+    return j(i, s == null ? void 0 : s.presentation) ? /* @__PURE__ */ l(
       "div",
       {
-        ...u,
+        ...c,
         ref: e,
-        className: ["nk-sidebar__header", b].filter(Boolean).join(" "),
-        children: r
+        className: ["nk-sidebar__header", u].filter(Boolean).join(" "),
+        children: n
       }
     ) : null;
   }
-), Be = I(
-  function(n, e) {
+), Ue = O(
+  function(r, e) {
     const {
-      active: r = !1,
-      as: b,
-      children: o,
-      className: u,
-      disabled: a = !1,
+      active: n = !1,
+      as: u,
+      children: i,
+      className: c,
+      disabled: s = !1,
       icon: y,
-      onClick: m,
-      presentation: g = "both",
+      onClick: g,
+      presentation: h = "both",
       type: v,
-      ...p
-    } = n, i = T("Sidebar.Item"), s = b ?? "button", l = s === "button", c = p, S = c.href !== void 0 || c.to !== void 0;
-    function f(_) {
-      if (a) {
-        _.preventDefault();
+      ...b
+    } = r, o = F("Sidebar.Item"), t = u ?? "button", d = t === "button", f = b, E = f.href !== void 0 || f.to !== void 0;
+    function m(N) {
+      if (s) {
+        N.preventDefault();
         return;
       }
-      m == null || m(_), i != null && i.open && i.presentation === "overlay" && !_.defaultPrevented && i.requestOpenChange(!1, "item");
+      g == null || g(N), o != null && o.open && o.presentation === "overlay" && !N.defaultPrevented && o.requestOpenChange(!1, "item");
     }
-    return x(g, i == null ? void 0 : i.presentation) ? /* @__PURE__ */ d("li", { className: "nk-sidebar__item-container", children: /* @__PURE__ */ d(
-      ne,
+    return j(h, o == null ? void 0 : o.presentation) ? /* @__PURE__ */ l("li", { className: "nk-sidebar__item-container", children: /* @__PURE__ */ l(
+      K,
       {
-        ...p,
+        ...b,
         ref: e,
-        "aria-current": r ? S ? "page" : "true" : void 0,
-        as: s,
-        className: ["nk-sidebar__item", u].filter(Boolean).join(" "),
-        "data-active": r || void 0,
-        disabled: a,
+        "aria-current": n ? E ? "page" : "true" : void 0,
+        as: t,
+        className: ["nk-sidebar__item", c].filter(Boolean).join(" "),
+        "data-active": n || void 0,
+        disabled: s,
         fullWidth: !0,
-        href: c.href,
+        href: f.href,
         icon: y,
-        onClick: f,
+        onClick: m,
         shape: "rectangle",
         textAlignment: "left",
-        type: l ? v ?? "button" : v,
+        type: d ? v ?? "button" : v,
         variant: "ghost",
-        children: /* @__PURE__ */ d("span", { className: "nk-sidebar__item-label", children: o })
+        children: /* @__PURE__ */ l("span", { className: "nk-sidebar__item-label", children: i })
       }
     ) }) : null;
   }
 );
-function te(t) {
+function de(a) {
   const {
-    "aria-label": n,
+    "aria-label": r,
     "aria-labelledby": e,
-    children: r,
-    className: b,
-    top: o,
-    open: u,
-    panelId: a,
+    children: n,
+    className: u,
+    height: i,
+    open: c,
+    panelId: s,
     panelReference: y,
-    presentation: m,
-    side: g,
+    presentation: g,
+    side: h,
     state: v,
-    style: p,
-    width: i,
-    ...s
-  } = t, l = m === "overlay", c = n ?? (e === void 0 ? "Sidebar" : void 0), S = l && u;
-  let f = p;
-  return (i !== void 0 || o !== void 0) && (f = { ...p }, o !== void 0 && (f["--nk-sidebar-top-offset"] = o), i !== void 0 && (f["--nk-sidebar-width"] = i)), /* @__PURE__ */ d(
+    style: b,
+    width: o,
+    ...t
+  } = a, d = g === "overlay", f = r ?? (e === void 0 ? "Sidebar" : void 0), E = d && c;
+  let m = b;
+  return (o !== void 0 || i !== void 0) && (m = { ...b }, i !== void 0 && (m["--nk-sidebar-height"] = i), o !== void 0 && (m["--nk-sidebar-width"] = o)), /* @__PURE__ */ l(
     "aside",
     {
-      ...s,
+      ...t,
       ref: y,
-      "aria-hidden": l && !u ? !0 : void 0,
-      "aria-label": l && !u ? void 0 : c,
-      "aria-labelledby": l && !u ? void 0 : e,
-      "aria-modal": S ? "true" : void 0,
-      className: ["nk-sidebar", b].filter(Boolean).join(" "),
-      "data-responsive": m === "pending" || void 0,
-      "data-side": g,
+      "aria-hidden": d && !c ? !0 : void 0,
+      "aria-label": d && !c ? void 0 : f,
+      "aria-labelledby": d && !c ? void 0 : e,
+      "aria-modal": E ? "true" : void 0,
+      className: ["nk-sidebar", u].filter(Boolean).join(" "),
+      "data-responsive": g === "pending" || void 0,
+      "data-side": h,
       "data-state": v,
-      "data-variant": l ? "overlay" : "inline",
-      id: a,
-      role: S ? "dialog" : void 0,
-      style: f,
-      tabIndex: l ? -1 : void 0,
-      children: /* @__PURE__ */ d("div", { className: "nk-sidebar__body", children: r })
+      "data-variant": d ? "overlay" : "inline",
+      id: s,
+      role: E ? "dialog" : void 0,
+      style: m,
+      tabIndex: d ? -1 : void 0,
+      children: /* @__PURE__ */ l("div", { className: "nk-sidebar__body", children: n })
     }
   );
 }
-function Te(t) {
+function ze(a) {
   const {
-    boundaries: n,
+    boundaries: r,
     initialFocusReference: e,
-    lockScroll: r,
-    ownerDocument: b,
-    panelReference: o,
-    presenceState: u,
-    restoreFocus: a,
+    lockScroll: n,
+    ownerDocument: u,
+    panelReference: i,
+    presenceState: c,
+    restoreFocus: s,
     sidebar: y,
-    side: m,
-    ...g
-  } = t, { id: v, open: p, requestOpenChange: i } = y, s = se(V), l = B(null), [c, S] = Z(null), f = z("Sidebar").boundaryElement, _ = de(!0, f), C = k((E) => {
-    l.current = E, o(E), S(E);
-  }, [o]);
-  R(() => {
-    c && (c.inert = !p);
-  }, [p, c]);
-  const D = k(() => {
-    i(!1, "escape");
-  }, [i]), N = k(() => {
-    i(!1, "outside");
+    side: g,
+    ...h
+  } = a, { id: v, open: b, requestOpenChange: o } = y, t = me(ae), d = I(null), [f, E] = C(null), m = W("Sidebar").boundaryElement, N = ye(!0, m), U = k((T) => {
+    d.current = T, i(T), E(T);
   }, [i]);
-  ue({
-    boundary: f,
-    active: p,
-    boundaries: n,
+  D(() => {
+    f && (f.inert = !b);
+  }, [b, f]);
+  const z = k(() => {
+    o(!1, "escape");
+  }, [o]), G = k(() => {
+    o(!1, "outside");
+  }, [o]);
+  Se({
+    boundary: m,
+    active: b,
+    boundaries: r,
     dismissOnEscape: !0,
     dismissOnPointerDownOutside: !0,
-    layerId: _.id,
-    onEscapeDismiss: D,
-    onPointerDownOutsideDismiss: N,
-    ownerDocument: b
+    layerId: N.id,
+    onEscapeDismiss: z,
+    onPointerDownOutsideDismiss: G,
+    ownerDocument: u
   });
-  const P = fe({
-    boundary: f,
-    active: p,
-    container: c,
-    initialFocusReference: e ?? l,
-    layerId: _.id,
-    restoreFocus: a
+  const x = ke({
+    boundary: m,
+    active: b,
+    container: f,
+    initialFocusReference: e ?? d,
+    layerId: N.id,
+    restoreFocus: s
   });
-  return me(r && p, b, f), /* @__PURE__ */ d(
-    V.Provider,
+  return Ee(n && b, u, m), /* @__PURE__ */ l(
+    ae.Provider,
     {
-      value: p ? P : s,
-      children: /* @__PURE__ */ d(
+      value: b ? x : t,
+      children: /* @__PURE__ */ l(
         "div",
         {
           className: "nk-sidebar__overlay",
-          "data-side": m,
-          "data-state": u,
+          "data-side": g,
+          "data-state": c,
           role: "presentation",
-          style: { zIndex: _.zIndex },
-          children: /* @__PURE__ */ d(
-            te,
+          style: { zIndex: N.zIndex },
+          children: /* @__PURE__ */ l(
+            de,
             {
-              ...g,
-              open: p,
+              ...h,
+              open: b,
               panelId: v,
-              panelReference: C,
+              panelReference: U,
               presentation: "overlay",
-              side: m,
-              state: u
+              side: g,
+              state: c
             }
           )
         }
@@ -274,217 +292,248 @@ function Te(t) {
     }
   );
 }
-function Fe(t) {
-  const { children: n } = t;
-  if (n.type === ie)
+function Ge(a) {
+  const { children: r } = a;
+  if (r.type === ge)
     throw new Error("Sidebar.Trigger requires a single non-Fragment child");
-  const e = T("Sidebar.Trigger"), r = n.props, b = ce(n), o = e == null ? void 0 : e.registerTrigger, u = e == null ? void 0 : e.unregisterTrigger, a = B(null), y = k((l) => {
-    const c = a.current;
-    c && c !== l && (u == null || u(c)), a.current = l, l && (o == null || o(l)), ee(b, l);
-  }, [b, o, u]), m = k((l) => {
-    var c;
-    (c = r.onClick) == null || c.call(r, l), !(l.defaultPrevented || !e) && e.requestOpenChange(!e.open, "trigger");
-  }, [r, e]);
+  const e = F("Sidebar.Trigger"), n = r.props, u = he(r), i = e == null ? void 0 : e.registerTrigger, c = e == null ? void 0 : e.unregisterTrigger, s = I(null), y = k((d) => {
+    const f = s.current;
+    f && f !== d && (c == null || c(f)), s.current = d, d && (i == null || i(d)), le(u, d);
+  }, [u, i, c]), g = k((d) => {
+    d.defaultPrevented || !e || e.requestOpenChange(!e.open, "trigger");
+  }, [e]);
   if (!e) return null;
-  const { id: g, open: v, presentation: p, variant: i } = e;
-  return oe(
-    n,
-    {
-      "aria-controls": v && p === "overlay" ? ve(r["aria-controls"], g) : r["aria-controls"],
+  const { id: h, open: v, presentation: b, variant: o } = e;
+  return ve(
+    r,
+    Pe(n, {
+      "aria-controls": v && b === "overlay" ? Ne(n["aria-controls"], h) : n["aria-controls"],
       "aria-expanded": v,
-      "aria-haspopup": r["aria-haspopup"] ?? "dialog",
-      className: [r.className, "nk-sidebar__trigger"].filter(Boolean).join(" "),
-      "data-sidebar-variant": i,
-      onClick: m,
+      "aria-haspopup": n["aria-haspopup"] ?? "dialog",
+      className: "nk-sidebar__trigger",
+      "data-sidebar-variant": o,
+      onClick: g,
       ref: y
-    }
+    })
   );
 }
-const Re = I(
-  function(n, e) {
+const Me = O(
+  function(r, e) {
     const {
-      actions: r,
-      className: b,
-      description: o,
-      image: u,
-      loading: a = !1,
+      actions: n,
+      className: u,
+      description: i,
+      image: c,
+      loading: s = !1,
       name: y,
-      onClick: m,
-      ...g
-    } = n, v = o != null && typeof o != "boolean", p = /* @__PURE__ */ A(K, { children: [
-      /* @__PURE__ */ d(
-        ge,
+      onClick: g,
+      ...h
+    } = r, v = i != null && typeof i != "boolean", b = /* @__PURE__ */ R(H, { children: [
+      /* @__PURE__ */ l(
+        we,
         {
           alt: y,
           "aria-hidden": !0,
           className: "nk-sidebar__user-avatar",
-          image: u
+          image: c
         }
       ),
-      /* @__PURE__ */ A("span", { className: "nk-sidebar__user-text", children: [
-        /* @__PURE__ */ d(U, { as: "span", className: "nk-sidebar__user-name", children: y }),
-        v ? /* @__PURE__ */ d(
-          U,
+      /* @__PURE__ */ R("span", { className: "nk-sidebar__user-text", children: [
+        /* @__PURE__ */ l($, { as: "span", className: "nk-sidebar__user-name", children: y }),
+        v ? /* @__PURE__ */ l(
+          $,
           {
             as: "span",
             className: "nk-sidebar__user-description",
             size: "caption",
             tone: "muted",
-            children: o
+            children: i
           }
         ) : null
       ] })
     ] });
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ l(
       "div",
       {
-        ...g,
+        ...h,
         ref: e,
-        className: ["nk-sidebar__user", b].filter(Boolean).join(" "),
-        children: a ? /* @__PURE__ */ d(he, { className: "nk-sidebar__user-spinner", size: 16 }) : /* @__PURE__ */ A(K, { children: [
-          m ? /* @__PURE__ */ d(
+        className: ["nk-sidebar__user", u].filter(Boolean).join(" "),
+        children: s ? /* @__PURE__ */ l(Ie, { className: "nk-sidebar__user-spinner", size: 16 }) : /* @__PURE__ */ R(H, { children: [
+          g ? /* @__PURE__ */ l(
             "button",
             {
               className: "nk-sidebar__user-details",
-              onClick: m,
+              onClick: g,
               type: "button",
-              children: p
+              children: b
             }
-          ) : /* @__PURE__ */ d("div", { className: "nk-sidebar__user-details", children: p }),
-          r !== void 0 && r.length > 0 ? /* @__PURE__ */ d("div", { className: "nk-sidebar__user-actions", children: r.map((i) => {
+          ) : /* @__PURE__ */ l("div", { className: "nk-sidebar__user-details", children: b }),
+          n !== void 0 && n.length > 0 ? /* @__PURE__ */ l("div", { className: "nk-sidebar__user-actions", children: n.map((o) => {
             const {
-              "aria-label": s,
-              icon: l,
-              label: c,
-              ...S
-            } = i;
-            return /* @__PURE__ */ d(ye, { content: c, children: /* @__PURE__ */ d(
-              ne,
+              "aria-label": t,
+              icon: d,
+              label: f,
+              ...E
+            } = o;
+            return /* @__PURE__ */ l(Oe, { content: f, children: /* @__PURE__ */ l(
+              K,
               {
-                ...S,
-                "aria-label": s ?? c,
+                ...E,
+                "aria-label": t ?? f,
                 className: "nk-sidebar__user-action",
-                icon: l,
+                icon: d,
                 shape: "rectangle",
                 type: "button",
                 variant: "ghost"
               }
-            ) }, c);
+            ) }, f);
           }) }) : null
         ] })
       }
     );
   }
-), Le = () => () => {
-}, W = () => {
+), qe = () => () => {
+}, se = () => {
 };
-function xe(t, n) {
-  const e = t === "responsive" ? n : void 0, r = X(
-    (e == null ? void 0 : e.subscribe) ?? Le,
-    (e == null ? void 0 : e.read) ?? W,
-    W
+function He(a, r) {
+  const e = a === "responsive" ? r : void 0, n = ie(
+    (e == null ? void 0 : e.subscribe) ?? qe,
+    (e == null ? void 0 : e.read) ?? se,
+    se
   );
-  return t !== "responsive" ? t : r === void 0 ? "pending" : r >= Se("md") ? "inline" : "overlay";
+  return a !== "responsive" ? a : n === void 0 ? "pending" : n >= Te("md") ? "inline" : "overlay";
 }
-const Ce = I(function(n, e) {
-  var J;
+const $e = 32, We = O(function(r, e) {
+  var ee;
   const {
-    defaultOpen: r = !1,
-    initialFocusReference: b,
-    top: o,
-    lockScroll: u = !0,
-    onOpenChange: a,
+    defaultOpen: n = !1,
+    height: u,
+    initialFocusReference: i,
+    lockScroll: c = !0,
+    onOpenChange: s,
     open: y,
-    restoreFocus: m = !0,
-    side: g = "start",
+    restoreFocus: g = !0,
+    side: h = "left",
     variant: v = "responsive",
-    width: p,
-    ...i
-  } = n, s = z("Sidebar"), l = `${Y()}-sidebar`, c = B(Symbol("nk-sidebar")).current, S = B(null), f = xe(v, s == null ? void 0 : s.width), _ = y !== void 0, [C, D] = Z(r), N = _ ? y : C, P = B(a);
-  R(() => {
-    P.current = a;
+    width: b,
+    ...o
+  } = r, t = W("Sidebar"), d = `${oe()}-sidebar`, f = I(Symbol("nk-sidebar")).current, E = I(null), m = He(v, t == null ? void 0 : t.width), N = y !== void 0, [U, z] = C(n), [G, x] = C(0), [T, ue] = C(!1), V = I(null), w = N ? y : U, L = I(s);
+  D(() => {
+    L.current = s;
   });
-  const E = k((h, O) => {
-    var F;
-    N !== h && (_ || D(h), (F = P.current) == null || F.call(P, h, O));
-  }, [_, N]), G = k((h) => {
-    S.current = h, ee(e ?? void 0, h);
-  }, [e]), w = Q(
-    () => [S],
+  const B = k((p, S) => {
+    var _;
+    w !== p && (N || z(p), (_ = L.current) == null || _.call(L, p, S));
+  }, [N, w]), Y = k((p) => {
+    E.current = p, le(e, p);
+  }, [e]), P = re(
+    () => [E],
     []
-  ), q = k((h) => {
-    w.push({ current: h });
-  }, [w]), H = k((h) => {
-    const O = w.findIndex((F) => F.current === h);
-    O > 0 && w.splice(O, 1);
-  }, [w]), j = Q(() => ({
-    id: l,
-    open: N,
-    presentation: f,
-    registerTrigger: q,
-    requestOpenChange: E,
-    unregisterTrigger: H,
+  ), J = k((p) => {
+    P.push({ current: p }), x((S) => S + 1);
+  }, [P]), Q = k((p) => {
+    const S = P.findIndex((_) => _.current === p);
+    S > 0 && P.splice(S, 1), x((_) => Math.max(_ - 1, 0));
+  }, [P]), pe = k((p) => {
+    const S = V.current;
+    if (S && S !== p) {
+      const _ = P.findIndex((be) => be.current === S);
+      _ > 0 && P.splice(_, 1);
+    }
+    V.current = p, p && P.push({ current: p });
+  }, [P]), M = re(() => ({
+    id: d,
+    open: w,
+    presentation: m,
+    registerTrigger: J,
+    requestOpenChange: B,
+    unregisterTrigger: Q,
     variant: v
   }), [
-    N,
-    l,
-    f,
-    q,
-    E,
-    H,
+    w,
+    d,
+    m,
+    J,
+    B,
+    Q,
     v
   ]);
-  R(() => {
-    const h = s == null ? void 0 : s.boundaryElement;
-    if (!h) return;
-    if (_e(h, c, j) === !1)
+  D(() => {
+    const p = t == null ? void 0 : t.boundaryElement;
+    if (!p) return;
+    if (Fe(p, f, M) === !1)
       throw new Error(
         "A Boundary supports one Sidebar. Neatkit resolves Trigger, Group, and Item interactions against the single Sidebar published to the nearest Boundary, so give each Sidebar a Boundary of its own."
       );
-  }, [s == null ? void 0 : s.boundaryElement, c, j]), R(() => {
-    const h = s == null ? void 0 : s.boundaryElement;
-    if (h)
-      return () => ke(h, c);
-  }, [s == null ? void 0 : s.boundaryElement, c]), le(() => {
-    f === "inline" && E(!1, "variant");
-  }, [f, E]);
-  const M = pe(N && f === "overlay"), $ = ((J = s == null ? void 0 : s.boundaryElement) == null ? void 0 : J.ownerDocument) ?? (typeof document > "u" ? null : document);
-  return f !== "overlay" ? /* @__PURE__ */ d(
-    te,
-    {
-      ...i,
-      top: o,
-      open: !1,
-      panelId: l,
-      panelReference: G,
-      presentation: f,
-      side: g,
-      width: p
-    }
-  ) : !M.present || !$ ? null : /* @__PURE__ */ d(be, { children: /* @__PURE__ */ d(
-    Te,
+  }, [t == null ? void 0 : t.boundaryElement, f, M]), D(() => {
+    const p = t == null ? void 0 : t.boundaryElement;
+    if (p)
+      return () => xe(p, f);
+  }, [t == null ? void 0 : t.boundaryElement, f]), ne(() => {
+    m === "inline" && B(!1, "variant");
+  }, [m, B]), ne(() => {
+    var _;
+    const p = (_ = t == null ? void 0 : t.boundaryElement) == null ? void 0 : _.ownerDocument.defaultView;
+    if (!p) return;
+    const S = p.setTimeout(
+      () => ue(!0),
+      $e
+    );
+    return () => p.clearTimeout(S);
+  }, [t == null ? void 0 : t.boundaryElement]);
+  const q = _e(w && m === "overlay"), X = ((ee = t == null ? void 0 : t.boundaryElement) == null ? void 0 : ee.ownerDocument) ?? (typeof document > "u" ? null : document);
+  if (m !== "overlay")
+    return /* @__PURE__ */ l(
+      de,
+      {
+        ...o,
+        height: u,
+        open: !1,
+        panelId: d,
+        panelReference: Y,
+        presentation: m,
+        side: h,
+        width: b
+      }
+    );
+  const Z = T && G === 0 ? /* @__PURE__ */ l(te, { children: /* @__PURE__ */ l(
+    Be,
     {
-      ...i,
-      initialFocusReference: b,
-      lockScroll: u,
-      ownerDocument: $,
-      presenceState: M.state === "closing" ? "closing" : "open",
-      boundaries: w,
-      panelReference: G,
-      restoreFocus: m,
-      sidebar: j,
-      side: g,
-      width: p
+      label: `Open ${o["aria-label"] ?? "Sidebar"}`,
+      onToggle: () => B(!w, "trigger"),
+      panelId: q.present ? d : void 0,
+      reference: pe,
+      side: h,
+      sidebarOpen: w
     }
-  ) });
-}), We = Object.assign(Ce, {
-  Footer: we,
-  Group: Ie,
-  Header: Oe,
-  Item: Be,
-  Trigger: Fe,
-  User: Re
+  ) }) : null;
+  return !q.present || !X ? Z : /* @__PURE__ */ R(H, { children: [
+    Z,
+    /* @__PURE__ */ l(te, { children: /* @__PURE__ */ l(
+      ze,
+      {
+        ...o,
+        boundaries: P,
+        initialFocusReference: i,
+        lockScroll: c,
+        ownerDocument: X,
+        panelReference: Y,
+        presenceState: q.state === "closing" ? "closing" : "open",
+        restoreFocus: g,
+        side: h,
+        sidebar: M,
+        width: b
+      }
+    ) })
+  ] });
+}), lr = Object.assign(We, {
+  Footer: De,
+  Group: Ae,
+  Header: je,
+  Item: Ue,
+  Trigger: Ge,
+  User: Me
 });
 export {
-  We as default
+  lr as default
 };