neatkit 0.10.0 → 0.12.0

package/dist/Sidebar.js

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