neatkit 0.11.0 → 0.12.0

package/dist/Sidebar.js

@@ -1,290 +1,373 @@
 "use client";
-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 { 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 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,
+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": n,
-      "aria-expanded": c,
+      "aria-controls": r,
+      "aria-expanded": o,
       "aria-haspopup": "dialog",
-      "aria-label": r,
+      "aria-label": n,
       className: "nk-sidebar__fallback-trigger",
-      "data-side": i,
+      "data-side": l,
       icon: "burger",
       onClick: e
     }
   );
 }
-const A = /* @__PURE__ */ new WeakMap();
-function ce(a) {
-  const r = A.get(a);
-  if (r) return r;
+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 A.set(a, e), e;
+  return H.set(t, e), e;
 }
-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 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 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 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 Le(a) {
-  var r;
-  return a ? (r = A.get(a)) == null ? void 0 : r.state : void 0;
+function Ae(t) {
+  var n;
+  return t ? (n = H.get(t)) == null ? void 0 : n.state : void 0;
 }
-function Re(a, r) {
-  if (!a) return () => {
+function je(t, n) {
+  if (!t) return () => {
   };
-  const e = ce(a);
-  return e.listeners.add(r), () => {
-    e.listeners.delete(r);
+  const e = fe(t);
+  return e.listeners.add(n), () => {
+    e.listeners.delete(n);
   };
 }
-const Ce = () => {
+const Me = () => {
 };
-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 A(t) {
+  const n = K(t).boundaryElement, e = _(
+    (u) => je(n, u),
+    [n]
+  ), r = _(() => Ae(n), [n]);
+  return le(e, r, Me);
 }
-function j(a, r) {
-  return a === "both" || a === (r === "overlay" ? "overlay" : "inline");
+function U(t, n) {
+  return t === "both" || t === (n === "overlay" ? "overlay" : "inline");
 }
-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(
+const be = R(
+  function(n, e) {
+    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",
       {
-        ...c,
+        ...o,
         ref: e,
         className: ["nk-sidebar__footer", u].filter(Boolean).join(" "),
-        children: n
+        children: r
       }
     ) : null;
   }
-), Ae = O(
-  function(r, e) {
+), He = R(
+  function(n, e) {
     const {
-      "aria-label": n,
+      "aria-label": r,
       "aria-labelledby": u,
-      children: i,
-      className: c,
-      label: s,
-      presentation: y = "both",
-      ...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))
+      children: l,
+      className: o,
+      label: a,
+      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 o = u ?? (n === void 0 && b ? v : void 0);
-    return fe(
-      !!(n ?? o) ? "nav" : "div",
+    const c = u ?? (r === void 0 && b ? i : void 0);
+    return ye(
+      !!(r ?? c) ? "nav" : "div",
       {
-        ...g,
+        ...f,
         ref: e,
-        "aria-label": n,
-        "aria-labelledby": o,
-        className: ["nk-sidebar__group", c].filter(Boolean).join(" ")
+        "aria-label": r,
+        "aria-labelledby": c,
+        className: ["nk-sidebar__group", o].filter(Boolean).join(" ")
       },
-      b ? /* @__PURE__ */ l(
-        $,
+      b ? /* @__PURE__ */ p(
+        V,
         {
           as: "h2",
           className: "nk-sidebar__group-label",
-          id: v,
+          id: i,
           size: "subtitle",
           weight: "medium",
-          children: s
+          children: a
         }
       ) : null,
-      /* @__PURE__ */ l("ul", { className: "nk-sidebar__list", children: i })
+      /* @__PURE__ */ p("ul", { className: "nk-sidebar__list", children: l })
     );
   }
-), 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(
+), Ue = R(
+  function(n, e) {
+    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",
       {
-        ...c,
+        ...o,
         ref: e,
         className: ["nk-sidebar__header", u].filter(Boolean).join(" "),
-        children: n
+        children: r
       }
     ) : null;
   }
-), Ue = O(
-  function(r, e) {
+), Ge = R(
+  function(n, e) {
     const {
-      active: n = !1,
+      active: r = !1,
       as: u,
-      children: i,
-      className: c,
-      disabled: s = !1,
-      icon: y,
-      onClick: g,
-      presentation: h = "both",
-      type: v,
+      children: l,
+      className: o,
+      disabled: a = !1,
+      icon: v,
+      onClick: f,
+      presentation: y = "both",
+      type: i,
       ...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();
+    } = 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) {
+        S.preventDefault();
         return;
       }
-      g == null || g(N), o != null && o.open && o.presentation === "overlay" && !N.defaultPrevented && o.requestOpenChange(!1, "item");
+      f == null || f(S), c != null && c.open && c.presentation === "overlay" && !S.defaultPrevented && c.requestOpenChange(!1, "item");
     }
-    return j(h, o == null ? void 0 : o.presentation) ? /* @__PURE__ */ l("li", { className: "nk-sidebar__item-container", children: /* @__PURE__ */ l(
-      K,
+    return U(y, c == null ? void 0 : c.presentation) ? /* @__PURE__ */ p("li", { className: "nk-sidebar__item-container", children: /* @__PURE__ */ p(
+      Y,
       {
         ...b,
         ref: e,
-        "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,
+        "aria-current": r ? E ? "page" : "true" : void 0,
+        as: s,
+        className: ["nk-sidebar__item", o].filter(Boolean).join(" "),
+        "data-active": r || void 0,
+        disabled: a,
         fullWidth: !0,
-        href: f.href,
-        icon: y,
-        onClick: m,
+        href: m.href,
+        icon: v,
+        onClick: g,
         shape: "rectangle",
         textAlignment: "left",
-        type: d ? v ?? "button" : v,
+        type: d ? i ?? "button" : i,
         variant: "ghost",
-        children: /* @__PURE__ */ l("span", { className: "nk-sidebar__item-label", children: i })
+        children: /* @__PURE__ */ p("span", { className: "nk-sidebar__item-label", children: l })
       }
     ) }) : null;
   }
-);
-function de(a) {
+), 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": r,
+    "aria-label": n,
     "aria-labelledby": e,
-    children: n,
+    children: r,
     className: u,
-    height: i,
-    open: c,
-    panelId: s,
-    panelReference: y,
-    presentation: g,
-    side: h,
-    state: v,
+    height: l,
+    open: o,
+    panelId: a,
+    panelReference: v,
+    presentation: f,
+    side: y,
+    state: i,
     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(
+    width: c,
+    ...s
+  } = 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",
     {
-      ...t,
-      ref: y,
-      "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,
+      ...s,
+      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": g === "pending" || void 0,
-      "data-side": h,
-      "data-state": v,
-      "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 })
+      "data-responsive": f === "pending" || void 0,
+      "data-side": y,
+      "data-state": i,
+      "data-variant": g ? "overlay" : "inline",
+      id: a,
+      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 ze(a) {
+function Ye(t) {
   const {
-    boundaries: r,
+    boundaries: n,
     initialFocusReference: e,
-    lockScroll: n,
+    lockScroll: r,
     ownerDocument: u,
-    panelReference: i,
-    presenceState: c,
-    restoreFocus: s,
-    sidebar: y,
-    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]);
-  D(() => {
-    f && (f.inert = !b);
-  }, [b, f]);
-  const z = k(() => {
-    o(!1, "escape");
-  }, [o]), G = k(() => {
-    o(!1, "outside");
-  }, [o]);
-  Se({
-    boundary: m,
+    panelReference: l,
+    presenceState: o,
+    restoreFocus: a,
+    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: r,
+    boundaries: n,
     dismissOnEscape: !0,
     dismissOnPointerDownOutside: !0,
-    layerId: N.id,
-    onEscapeDismiss: z,
-    onPointerDownOutsideDismiss: G,
+    layerId: S.id,
+    onEscapeDismiss: O,
+    onPointerDownOutsideDismiss: L,
     ownerDocument: u
   });
-  const x = ke({
-    boundary: m,
+  const P = Pe({
+    boundary: g,
     active: b,
-    container: f,
+    container: m,
     initialFocusReference: e ?? d,
-    layerId: N.id,
-    restoreFocus: s
+    layerId: S.id,
+    restoreFocus: a
   });
-  return Ee(n && b, u, m), /* @__PURE__ */ l(
-    ae.Provider,
+  return Te(r && b, u, g), /* @__PURE__ */ p(
+    se.Provider,
     {
-      value: b ? x : t,
-      children: /* @__PURE__ */ l(
+      value: b ? P : s,
+      children: /* @__PURE__ */ p(
         "div",
         {
           className: "nk-sidebar__overlay",
-          "data-side": g,
-          "data-state": c,
+          "data-side": f,
+          "data-state": o,
           role: "presentation",
-          style: { zIndex: N.zIndex },
-          children: /* @__PURE__ */ l(
-            de,
+          style: { zIndex: S.zIndex },
+          children: /* @__PURE__ */ p(
+            me,
             {
-              ...h,
+              ...y,
               open: b,
-              panelId: v,
-              panelReference: U,
+              panelId: i,
+              panelReference: B,
               presentation: "overlay",
-              side: g,
-              state: c
+              side: f,
+              state: o
             }
           )
         }
@@ -292,248 +375,248 @@ function ze(a) {
     }
   );
 }
-function Ge(a) {
-  const { children: r } = a;
-  if (r.type === ge)
+function Je(t) {
+  const { children: n } = t;
+  if (n.type === de)
     throw new Error("Sidebar.Trigger requires a single non-Fragment child");
-  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) => {
+  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: 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": n["aria-haspopup"] ?? "dialog",
+  const { id: y, open: i, presentation: b, variant: c } = e;
+  return z(
+    n,
+    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: "nk-sidebar__trigger",
-      "data-sidebar-variant": o,
-      onClick: g,
-      ref: y
+      "data-sidebar-variant": c,
+      onClick: f,
+      ref: v
     })
   );
 }
-const Me = O(
-  function(r, e) {
+const Qe = R(
+  function(n, e) {
     const {
-      actions: n,
+      actions: r,
       className: u,
-      description: i,
-      image: c,
-      loading: s = !1,
-      name: y,
-      onClick: g,
-      ...h
-    } = r, v = i != null && typeof i != "boolean", b = /* @__PURE__ */ R(H, { children: [
-      /* @__PURE__ */ l(
-        we,
+      description: l,
+      image: o,
+      loading: a = !1,
+      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: c
+          image: o
         }
       ),
-      /* @__PURE__ */ R("span", { className: "nk-sidebar__user-text", children: [
-        /* @__PURE__ */ l($, { as: "span", className: "nk-sidebar__user-name", children: y }),
-        v ? /* @__PURE__ */ l(
-          $,
+      /* @__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: i
+            children: l
           }
         ) : null
       ] })
     ] });
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ p(
       "div",
       {
-        ...h,
+        ...y,
         ref: e,
         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(
+        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: g,
+              onClick: f,
               type: "button",
               children: b
             }
-          ) : /* @__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) => {
+          ) : /* @__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": t,
+              "aria-label": s,
               icon: d,
-              label: f,
+              label: m,
               ...E
-            } = o;
-            return /* @__PURE__ */ l(Oe, { content: f, children: /* @__PURE__ */ l(
-              K,
+            } = c;
+            return /* @__PURE__ */ p(Oe, { content: m, children: /* @__PURE__ */ p(
+              Y,
               {
                 ...E,
-                "aria-label": t ?? f,
+                "aria-label": s ?? m,
                 className: "nk-sidebar__user-action",
                 icon: d,
                 shape: "rectangle",
                 type: "button",
                 variant: "ghost"
               }
-            ) }, f);
+            ) }, m);
           }) }) : null
         ] })
       }
     );
   }
-), qe = () => () => {
-}, se = () => {
+), Xe = () => () => {
+}, ie = () => {
 };
-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
+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 a !== "responsive" ? a : n === void 0 ? "pending" : n >= Te("md") ? "inline" : "overlay";
+  return t !== "responsive" ? t : r === void 0 ? "pending" : r >= Fe("md") ? "inline" : "overlay";
 }
-const $e = 32, We = O(function(r, e) {
-  var ee;
+const We = 32, en = R(function(n, e) {
+  var ne;
   const {
-    defaultOpen: n = !1,
+    defaultOpen: r = !1,
     height: u,
-    initialFocusReference: i,
-    lockScroll: c = !0,
-    onOpenChange: s,
-    open: y,
-    restoreFocus: g = !0,
-    side: h = "left",
-    variant: v = "responsive",
+    initialFocusReference: l,
+    lockScroll: o = !0,
+    onOpenChange: a,
+    open: v,
+    restoreFocus: f = !0,
+    side: y = "left",
+    variant: i = "responsive",
     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;
+    ...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 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(
+  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],
     []
-  ), 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);
+  ), 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);
     }
-    V.current = p, p && P.push({ current: p });
-  }, [P]), M = re(() => ({
+    J.current = h, h && N.push({ current: h });
+  }, [N]), G = te(() => ({
     id: d,
-    open: w,
-    presentation: m,
-    registerTrigger: J,
-    requestOpenChange: B,
-    unregisterTrigger: Q,
-    variant: v
+    open: T,
+    presentation: g,
+    registerTrigger: X,
+    requestOpenChange: x,
+    unregisterTrigger: Z,
+    variant: i
   }), [
-    w,
+    T,
     d,
-    m,
-    J,
-    B,
-    Q,
-    v
+    g,
+    X,
+    x,
+    Z,
+    i
   ]);
-  D(() => {
-    const p = t == null ? void 0 : t.boundaryElement;
-    if (!p) return;
-    if (Fe(p, f, M) === !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."
       );
-  }, [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
+  }, [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 () => 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,
+    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,
       {
-        ...o,
+        ...c,
         height: u,
         open: !1,
         panelId: d,
-        panelReference: Y,
-        presentation: m,
-        side: h,
+        panelReference: Q,
+        presentation: g,
+        side: y,
         width: b
       }
     );
-  const Z = T && G === 0 ? /* @__PURE__ */ l(te, { children: /* @__PURE__ */ l(
-    Be,
+  const ee = F && L === 0 ? /* @__PURE__ */ p(oe, { children: /* @__PURE__ */ p(
+    xe,
     {
-      label: `Open ${o["aria-label"] ?? "Sidebar"}`,
-      onToggle: () => B(!w, "trigger"),
+      label: `Open ${c["aria-label"] ?? "Sidebar"}`,
+      onToggle: () => x(!T, "trigger"),
       panelId: q.present ? d : void 0,
-      reference: pe,
-      side: h,
-      sidebarOpen: w
+      reference: ge,
+      side: y,
+      sidebarOpen: T
     }
   ) }) : null;
-  return !q.present || !X ? Z : /* @__PURE__ */ R(H, { children: [
-    Z,
-    /* @__PURE__ */ l(te, { children: /* @__PURE__ */ l(
-      ze,
+  return !q.present || !W ? ee : /* @__PURE__ */ D($, { children: [
+    ee,
+    /* @__PURE__ */ p(oe, { children: /* @__PURE__ */ p(
+      Ye,
       {
-        ...o,
-        boundaries: P,
-        initialFocusReference: i,
-        lockScroll: c,
-        ownerDocument: X,
-        panelReference: Y,
+        ...c,
+        boundaries: N,
+        initialFocusReference: l,
+        lockScroll: o,
+        ownerDocument: W,
+        panelReference: Q,
         presenceState: q.state === "closing" ? "closing" : "open",
-        restoreFocus: g,
-        side: h,
-        sidebar: M,
+        restoreFocus: f,
+        side: y,
+        sidebar: G,
         width: b
       }
     ) })
   ] });
-}), lr = Object.assign(We, {
-  Footer: De,
-  Group: Ae,
-  Header: je,
-  Item: Ue,
-  Trigger: Ge,
-  User: Me
+}), gn = Object.assign(en, {
+  Footer: be,
+  Group: He,
+  Header: Ue,
+  Item: Ge,
+  Trigger: Je,
+  User: Qe
 });
 export {
-  lr as default
+  gn as default
 };