neatkit 0.7.0 → 0.9.0

package/dist/Sidebar.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),t=require("react"),C=require("./effects-D85L_7zM.cjs"),L=require("./reference-C2guRuR0.cjs"),x=require("./usePresence-B5RYv4e1.cjs"),D=require("./Text-DWYlIcPj.cjs"),J=require("./Button-DU4j_IED.cjs"),V=require("./useFocusTrap-BrFZdMqQ.cjs"),W=require("./useScrollLock-Dy8MZaSn.cjs"),X=require("./aria-Bntn6ad_.cjs"),Y=require("./Avatar-Belo7qAY.cjs"),Z=require("./Spinner-BXgw60UC.cjs"),ee=require("./Tooltip-B2d5ss7S.cjs"),ne=require("./units-PzuiQNnw.cjs"),B=new WeakMap;function K(s){const n=B.get(s);if(n)return n;const e={listeners:new Set,owner:null,state:void 0};return B.set(s,e),e}function re(s,n,e){const r=K(s);return r.owner!==null&&r.owner!==n?!1:(r.owner=n,r.state=e,r.listeners.forEach(p=>p()),!0)}function te(s,n){const e=B.get(s);!e||e.owner!==n||(e.owner=null,e.state=void 0,e.listeners.forEach(r=>r()))}function se(s){var n;return s?(n=B.get(s))==null?void 0:n.state:void 0}function ae(s,n){if(!s)return()=>{};const e=K(s);return e.listeners.add(n),()=>{e.listeners.delete(n)}}const ie=()=>{};function P(s){const n=x.useBoundary(s).boundaryElement,e=t.useCallback(p=>ae(n,p),[n]),r=t.useCallback(()=>se(n),[n]);return t.useSyncExternalStore(e,r,ie)}function O(s,n){return s==="both"||s===(n==="overlay"?"overlay":"inline")}const oe=t.forwardRef(function(n,e){const{children:r,className:p,presentation:c="both",...b}=n,o=P("Sidebar.Footer");return O(c,o==null?void 0:o.presentation)?i.jsx("div",{...b,ref:e,className:["nk-sidebar__footer",p].filter(Boolean).join(" "),children:r}):null}),le=t.forwardRef(function(n,e){const{"aria-label":r,"aria-labelledby":p,children:c,className:b,label:o,presentation:S="both",...v}=n,g=P("Sidebar.Group"),y=`${t.useId()}-label`,f=o!=null&&typeof o!="boolean"&&(typeof o!="string"||o.trim()!=="");if(!O(S,g==null?void 0:g.presentation))return null;const l=p??(r===void 0&&f?y:void 0),a=!!(r??l);return t.createElement(a?"nav":"div",{...v,ref:e,"aria-label":r,"aria-labelledby":l,className:["nk-sidebar__group",b].filter(Boolean).join(" ")},f?i.jsx(D.Text,{as:"h2",className:"nk-sidebar__group-label",id:y,size:"subtitle",weight:"medium",children:o}):null,i.jsx("ul",{className:"nk-sidebar__list",children:c}))}),ce=t.forwardRef(function(n,e){const{children:r,className:p,presentation:c="both",...b}=n,o=P("Sidebar.Header");return O(c,o==null?void 0:o.presentation)?i.jsx("div",{...b,ref:e,className:["nk-sidebar__header",p].filter(Boolean).join(" "),children:r}):null}),ue=t.forwardRef(function(n,e){const{active:r=!1,as:p,children:c,className:b,disabled:o=!1,icon:S,onClick:v,presentation:g="both",type:y,...f}=n,l=P("Sidebar.Item"),a=p??"button",u=a==="button",d=f,k=d.href!==void 0||d.to!==void 0;function m(_){if(o){_.preventDefault();return}v==null||v(_),l!=null&&l.open&&l.presentation==="overlay"&&!_.defaultPrevented&&l.requestOpenChange(!1,"item")}return O(g,l==null?void 0:l.presentation)?i.jsx("li",{className:"nk-sidebar__item-container",children:i.jsx(J.Button,{...f,ref:e,"aria-current":r?k?"page":"true":void 0,as:a,className:["nk-sidebar__item",b].filter(Boolean).join(" "),"data-active":r||void 0,disabled:o,fullWidth:!0,href:d.href,icon:S,onClick:m,shape:"rectangle",textAlignment:"left",type:u?y??"button":y,variant:"ghost",children:i.jsx("span",{className:"nk-sidebar__item-label",children:c})})}):null});function Q(s){const{"aria-label":n,"aria-labelledby":e,children:r,className:p,top:c,open:b,panelId:o,panelReference:S,presentation:v,side:g,state:y,style:f,width:l,...a}=s,u=v==="overlay",d=n??(e===void 0?"Sidebar":void 0),k=u&&b;let m=f;return(l!==void 0||c!==void 0)&&(m={...f},c!==void 0&&(m["--nk-sidebar-top-offset"]=c),l!==void 0&&(m["--nk-sidebar-width"]=l)),i.jsx("aside",{...a,ref:S,"aria-hidden":u&&!b?!0:void 0,"aria-label":u&&!b?void 0:d,"aria-labelledby":u&&!b?void 0:e,"aria-modal":k?"true":void 0,className:["nk-sidebar",p].filter(Boolean).join(" "),"data-responsive":v==="pending"||void 0,"data-side":g,"data-state":y,"data-variant":u?"overlay":"inline",id:o,role:k?"dialog":void 0,style:m,tabIndex:u?-1:void 0,children:i.jsx("div",{className:"nk-sidebar__body",children:r})})}function de(s){const{boundaries:n,initialFocusReference:e,lockScroll:r,ownerDocument:p,panelReference:c,presenceState:b,restoreFocus:o,sidebar:S,side:v,...g}=s,{id:y,open:f,requestOpenChange:l}=S,a=t.useContext(x.FocusScopeContext),u=t.useRef(null),[d,k]=t.useState(null),m=x.useBoundary("Sidebar").boundaryElement,_=x.useOverlayLayer(!0,m),T=t.useCallback(E=>{u.current=E,c(E),k(E)},[c]);C.useIsomorphicLayoutEffect(()=>{d&&(d.inert=!f)},[f,d]);const q=t.useCallback(()=>{l(!1,"escape")},[l]),j=t.useCallback(()=>{l(!1,"outside")},[l]);x.useDismissableLayer({boundary:m,active:f,boundaries:n,dismissOnEscape:!0,dismissOnPointerDownOutside:!0,layerId:_.id,onEscapeDismiss:q,onPointerDownOutsideDismiss:j,ownerDocument:p});const N=V.useFocusTrap({boundary:m,active:f,container:d,initialFocusReference:e??u,layerId:_.id,restoreFocus:o});return W.useScrollLock(r&&f,p,m),i.jsx(x.FocusScopeContext.Provider,{value:f?N:a,children:i.jsx("div",{className:"nk-sidebar__overlay","data-side":v,"data-state":b,role:"presentation",style:{zIndex:_.zIndex},children:i.jsx(Q,{...g,open:f,panelId:y,panelReference:T,presentation:"overlay",side:v,state:b})})})}function be(s){const{children:n}=s;if(n.type===t.Fragment)throw new Error("Sidebar.Trigger requires a single non-Fragment child");const e=P("Sidebar.Trigger"),r=n.props,p=L.getElementReference(n),c=e==null?void 0:e.registerTrigger,b=e==null?void 0:e.unregisterTrigger,o=t.useRef(null),S=t.useCallback(u=>{const d=o.current;d&&d!==u&&(b==null||b(d)),o.current=u,u&&(c==null||c(u)),L.assignElementReference(p,u)},[p,c,b]),v=t.useCallback(u=>{var d;(d=r.onClick)==null||d.call(r,u),!(u.defaultPrevented||!e)&&e.requestOpenChange(!e.open,"trigger")},[r,e]);if(!e)return null;const{id:g,open:y,presentation:f,variant:l}=e,a=y&&f==="overlay";return t.cloneElement(n,{"aria-controls":a?X.mergeIdentifiers(r["aria-controls"],g):r["aria-controls"],"aria-expanded":y,"aria-haspopup":r["aria-haspopup"]??"dialog",className:[r.className,"nk-sidebar__trigger"].filter(Boolean).join(" "),"data-sidebar-variant":l,onClick:v,ref:S})}const fe=t.forwardRef(function(n,e){const{actions:r,className:p,description:c,image:b,loading:o=!1,name:S,onClick:v,...g}=n,y=c!=null&&typeof c!="boolean",f=i.jsxs(i.Fragment,{children:[i.jsx(Y.Avatar,{alt:S,"aria-hidden":!0,className:"nk-sidebar__user-avatar",image:b}),i.jsxs("span",{className:"nk-sidebar__user-text",children:[i.jsx(D.Text,{as:"span",className:"nk-sidebar__user-name",children:S}),y?i.jsx(D.Text,{as:"span",className:"nk-sidebar__user-description",size:"caption",tone:"muted",children:c}):null]})]});return i.jsx("div",{...g,ref:e,className:["nk-sidebar__user",p].filter(Boolean).join(" "),children:o?i.jsx(Z.Spinner,{className:"nk-sidebar__user-spinner",size:16}):i.jsxs(i.Fragment,{children:[v?i.jsx("button",{className:"nk-sidebar__user-details",onClick:v,type:"button",children:f}):i.jsx("div",{className:"nk-sidebar__user-details",children:f}),r!==void 0&&r.length>0?i.jsx("div",{className:"nk-sidebar__user-actions",children:r.map(l=>{const{"aria-label":a,icon:u,label:d,...k}=l;return i.jsx(ee.Tooltip2,{content:d,children:i.jsx(J.Button,{...k,"aria-label":a??d,className:"nk-sidebar__user-action",icon:u,shape:"rectangle",type:"button",variant:"ghost"})},d)})}):null]})})}),pe=()=>()=>{},$=()=>{};function me(s,n){const e=s==="responsive"?n:void 0,r=t.useSyncExternalStore((e==null?void 0:e.subscribe)??pe,(e==null?void 0:e.read)??$,$);return s!=="responsive"?s:r===void 0?"pending":r>=ne.breakpoint("md")?"inline":"overlay"}const ve=t.forwardRef(function(n,e){var H;const{defaultOpen:r=!1,initialFocusReference:p,top:c,lockScroll:b=!0,onOpenChange:o,open:S,restoreFocus:v=!0,side:g="start",variant:y="responsive",width:f,...l}=n,a=x.useBoundary("Sidebar"),u=`${t.useId()}-sidebar`,d=t.useRef(Symbol("nk-sidebar")).current,k=t.useRef(null),m=me(y,a==null?void 0:a.width),_=S!==void 0,[T,q]=t.useState(r),j=_?S:T,N=t.useRef(o);C.useIsomorphicLayoutEffect(()=>{N.current=o});const E=t.useCallback((h,R)=>{var I;j!==h&&(_||q(h),(I=N.current)==null||I.call(N,h,R))},[_,j]),A=t.useCallback(h=>{k.current=h,L.assignElementReference(e??void 0,h)},[e]),w=t.useMemo(()=>[k],[]),M=t.useCallback(h=>{w.push({current:h})},[w]),U=t.useCallback(h=>{const R=w.findIndex(I=>I.current===h);R>0&&w.splice(R,1)},[w]),F=t.useMemo(()=>({id:u,open:j,presentation:m,registerTrigger:M,requestOpenChange:E,unregisterTrigger:U,variant:y}),[j,u,m,M,E,U,y]);C.useIsomorphicLayoutEffect(()=>{const h=a==null?void 0:a.boundaryElement;if(!h)return;if(re(h,d,F)===!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,d,F]),C.useIsomorphicLayoutEffect(()=>{const h=a==null?void 0:a.boundaryElement;if(h)return()=>te(h,d)},[a==null?void 0:a.boundaryElement,d]),t.useEffect(()=>{m==="inline"&&E(!1,"variant")},[m,E]);const z=x.usePresence(j&&m==="overlay"),G=((H=a==null?void 0:a.boundaryElement)==null?void 0:H.ownerDocument)??(typeof document>"u"?null:document);return m!=="overlay"?i.jsx(Q,{...l,top:c,open:!1,panelId:u,panelReference:A,presentation:m,side:g,width:f}):!z.present||!G?null:i.jsx(x.Portal,{children:i.jsx(de,{...l,initialFocusReference:p,lockScroll:b,ownerDocument:G,presenceState:z.state==="closing"?"closing":"open",boundaries:w,panelReference:A,restoreFocus:v,sidebar:F,side:g,width:f})})}),ye=Object.assign(ve,{Footer:oe,Group:le,Header:ce,Item:ue,Trigger:be,User:fe});exports.default=ye;

package/dist/Sidebar.js

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

package/dist/Skeleton.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),c=require("react"),u=c.forwardRef(function(t,r){const{"aria-hidden":a=!0,className:n,height:i="1em",shape:e="rectangle",style:s,width:l=e==="circle"?"1em":"100%",...o}=t;return d.jsx("div",{...o,ref:r,"aria-hidden":a,className:["nk-skeleton",n].filter(Boolean).join(" "),"data-shape":e,style:{...s,width:l,height:i}})});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),u=require("react"),c=u.forwardRef(function(i,a){const{"aria-hidden":o=!0,className:r,height:e,shape:n="rectangle",style:s,width:t,...d}=i;return l.jsx("div",{...d,ref:a,"aria-hidden":o,className:["nk-skeleton",r].filter(Boolean).join(" "),"data-shape":n,style:{...e===void 0?void 0:{height:e},...t===void 0?void 0:{width:t},...s}})});exports.default=c;

package/dist/Skeleton.js

@@ -1,24 +1,28 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-const p = m(function(t, a) {
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+const p = f(function(t, a) {
   const {
-    "aria-hidden": r = !0,
-    className: n,
-    height: o = "1em",
-    shape: e = "rectangle",
-    style: i,
-    width: s = e === "circle" ? "1em" : "100%",
-    ...l
+    "aria-hidden": i = !0,
+    className: r,
+    height: e,
+    shape: n = "rectangle",
+    style: d,
+    width: o,
+    ...s
   } = t;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ l(
     "div",
     {
-      ...l,
+      ...s,
       ref: a,
-      "aria-hidden": r,
-      className: ["nk-skeleton", n].filter(Boolean).join(" "),
-      "data-shape": e,
-      style: { ...i, width: s, height: o }
+      "aria-hidden": i,
+      className: ["nk-skeleton", r].filter(Boolean).join(" "),
+      "data-shape": n,
+      style: {
+        ...e === void 0 ? void 0 : { height: e },
+        ...o === void 0 ? void 0 : { width: o },
+        ...d
+      }
     }
   );
 });

package/dist/Switch.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),l=require("react"),d=require("./aria-DKxpE8cA.cjs"),o=l.forwardRef(function(s,t){const{"aria-invalid":e,className:n,disabled:i=!1,style:r,...c}=s;return a.jsxs("span",{className:["nk-switch",n].filter(Boolean).join(" "),"data-disabled":i||void 0,"data-invalid":d.hasInvalidState(e)||void 0,style:r,children:[a.jsx("input",{...c,ref:t,"aria-invalid":e,className:"nk-switch__control",disabled:i,role:"switch",type:"checkbox"}),a.jsx("span",{"aria-hidden":"true",className:"nk-switch__track",children:a.jsx("span",{className:"nk-switch__thumb"})})]})});exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),l=require("react"),d=require("./aria-Bntn6ad_.cjs"),o=l.forwardRef(function(s,t){const{"aria-invalid":e,className:n,disabled:i=!1,style:r,...c}=s;return a.jsxs("span",{className:["nk-switch",n].filter(Boolean).join(" "),"data-disabled":i||void 0,"data-invalid":d.hasInvalidState(e)||void 0,style:r,children:[a.jsx("input",{...c,ref:t,"aria-invalid":e,className:"nk-switch__control",disabled:i,role:"switch",type:"checkbox"}),a.jsx("span",{"aria-hidden":"true",className:"nk-switch__track",children:a.jsx("span",{className:"nk-switch__thumb"})})]})});exports.default=o;

package/dist/Switch.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
-import { h as d } from "./aria-DHnOMyYp.js";
+import { h as d } from "./aria-CeA9QfD1.js";
 const w = o(function(t, n) {
   const {
     "aria-invalid": i,