neatkit 0.8.0 → 0.10.0

package/dist/Sidebar.js

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