neatkit 0.15.3 → 0.16.0

package/dist/Sidebar.js

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