neatkit 0.7.0 → 0.8.0

package/dist/Sidebar.cjs

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

package/dist/Sidebar.js

@@ -0,0 +1,475 @@
+"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 { 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;
+  const e = {
+    listeners: /* @__PURE__ */ new Set(),
+    owner: null,
+    state: void 0
+  };
+  return F.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 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 Ee(t) {
+  var r;
+  return t ? (r = F.get(t)) == null ? void 0 : r.state : void 0;
+}
+function Ne(t, r) {
+  if (!t) return () => {
+  };
+  const e = ne(t);
+  return e.listeners.add(r), () => {
+    e.listeners.delete(r);
+  };
+}
+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);
+}
+const we = B(
+  function(r, e) {
+    const {
+      "aria-label": n,
+      "aria-labelledby": d,
+      children: o,
+      className: b,
+      label: u,
+      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)
+      return null;
+    const a = d ?? (n === void 0 && p ? m : void 0);
+    return ae(
+      !!(n ?? a) ? "nav" : "div",
+      {
+        ...f,
+        ref: e,
+        "aria-label": n,
+        "aria-labelledby": a,
+        className: ["nk-sidebar__group", b].filter(Boolean).join(" ")
+      },
+      p ? /* @__PURE__ */ c(
+        j,
+        {
+          as: "h2",
+          className: "nk-sidebar__group-label",
+          id: m,
+          size: "subtitle",
+          weight: "medium",
+          children: u
+        }
+      ) : null,
+      /* @__PURE__ */ c("ul", { className: "nk-sidebar__list", children: o })
+    );
+  }
+), Ie = B(
+  function(r, e) {
+    const {
+      active: n = !1,
+      as: d,
+      children: o,
+      className: b,
+      disabled: u = !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();
+        return;
+      }
+      f == null || f(v), i != null && i.open && i.presentation === "overlay" && !v.defaultPrevented && i.requestOpenChange(!1, "item");
+    }
+    return /* @__PURE__ */ c("li", { className: "nk-sidebar__item-container", children: /* @__PURE__ */ c(
+      ee,
+      {
+        ...m,
+        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,
+        fullWidth: !0,
+        href: s.href,
+        icon: y,
+        onClick: S,
+        shape: "rectangle",
+        textAlignment: "left",
+        type: a ? g ?? "button" : g,
+        variant: "ghost",
+        children: /* @__PURE__ */ c("span", { className: "nk-sidebar__item-label", children: o })
+      }
+    ) });
+  }
+);
+function re(t) {
+  const {
+    "aria-label": r,
+    "aria-labelledby": e,
+    children: n,
+    className: d,
+    top: o,
+    open: b,
+    panelId: u,
+    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(
+    "aside",
+    {
+      ...a,
+      ref: y,
+      "aria-hidden": s && !b ? !0 : void 0,
+      "aria-label": s && !b ? void 0 : l,
+      "aria-labelledby": s && !b ? 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,
+      role: S ? "dialog" : void 0,
+      style: v,
+      tabIndex: s ? -1 : void 0,
+      children: /* @__PURE__ */ c("div", { className: "nk-sidebar__body", children: n })
+    }
+  );
+}
+function Oe(t) {
+  const {
+    boundaries: r,
+    initialFocusReference: e,
+    lockScroll: n,
+    ownerDocument: d,
+    panelReference: o,
+    presenceState: b,
+    restoreFocus: u,
+    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);
+  }, [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,
+    dismissOnEscape: !0,
+    dismissOnPointerDownOutside: !0,
+    layerId: E.id,
+    onEscapeDismiss: x,
+    onPointerDownOutsideDismiss: N,
+    ownerDocument: d
+  });
+  const P = be({
+    boundary: v,
+    active: i,
+    container: l,
+    initialFocusReference: e ?? s,
+    layerId: E.id,
+    restoreFocus: u
+  });
+  return fe(n && i, d, v), /* @__PURE__ */ c(
+    Q.Provider,
+    {
+      value: i ? P : a,
+      children: /* @__PURE__ */ c(
+        "div",
+        {
+          className: "nk-sidebar__overlay",
+          "data-side": f,
+          "data-state": b,
+          role: "presentation",
+          style: { zIndex: E.zIndex },
+          children: /* @__PURE__ */ c(
+            re,
+            {
+              ...g,
+              open: i,
+              panelId: m,
+              panelReference: L,
+              presentation: "overlay",
+              side: f,
+              state: b
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function Be(t) {
+  const { children: r } = t;
+  if (r.type === se)
+    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]);
+  if (!e) return null;
+  const { id: g, open: m, presentation: i, variant: p } = e;
+  return ie(
+    r,
+    {
+      "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,
+      ref: y
+    }
+  );
+}
+const Te = B(
+  function(r, e) {
+    const {
+      actions: n,
+      className: d,
+      description: o,
+      image: b,
+      loading: u = !1,
+      name: y,
+      onClick: f,
+      ...g
+    } = r, m = o != null && typeof o != "boolean", i = /* @__PURE__ */ D(J, { children: [
+      /* @__PURE__ */ c(
+        ve,
+        {
+          alt: y,
+          "aria-hidden": !0,
+          className: "nk-sidebar__user-avatar",
+          image: b
+        }
+      ),
+      /* @__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,
+          {
+            as: "span",
+            className: "nk-sidebar__user-description",
+            size: "caption",
+            tone: "muted",
+            children: o
+          }
+        ) : null
+      ] })
+    ] });
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ...g,
+        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(
+            "button",
+            {
+              className: "nk-sidebar__user-details",
+              onClick: f,
+              type: "button",
+              children: i
+            }
+          ) : /* @__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) => {
+            const {
+              "aria-label": a,
+              icon: s,
+              label: l,
+              ...S
+            } = p;
+            return /* @__PURE__ */ c(ye, { content: l, children: /* @__PURE__ */ c(
+              ee,
+              {
+                ...S,
+                "aria-label": a ?? l,
+                className: "nk-sidebar__user-action",
+                icon: s,
+                shape: "rectangle",
+                type: "button",
+                variant: "ghost"
+              }
+            ) }, l);
+          }) }) : null
+        ] })
+      }
+    );
+  }
+), Re = () => () => {
+}, V = () => {
+};
+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
+  );
+  return t !== "responsive" ? t : n === void 0 ? "pending" : n >= he("md") ? "inline" : "overlay";
+}
+const Le = B(function(r, e) {
+  var H;
+  const {
+    defaultOpen: n = !1,
+    initialFocusReference: d,
+    top: o,
+    lockScroll: b = !0,
+    onOpenChange: u,
+    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);
+  R(() => {
+    P.current = u;
+  });
+  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(
+    () => [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,
+    open: N,
+    presentation: v,
+    registerTrigger: z,
+    requestOpenChange: k,
+    unregisterTrigger: G,
+    variant: m
+  }), [
+    N,
+    s,
+    v,
+    z,
+    k,
+    G,
+    m
+  ]);
+  R(() => {
+    const h = a == null ? void 0 : a.boundaryElement;
+    if (!h) return;
+    if (_e(h, l, C) === !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,
+    {
+      ...p,
+      top: o,
+      open: !1,
+      panelId: s,
+      panelReference: q,
+      presentation: v,
+      side: g,
+      width: i
+    }
+  ) : !M.present || !$ ? null : /* @__PURE__ */ c(pe, { children: /* @__PURE__ */ c(
+    Oe,
+    {
+      ...p,
+      initialFocusReference: d,
+      lockScroll: b,
+      ownerDocument: $,
+      presenceState: M.state === "closing" ? "closing" : "open",
+      boundaries: w,
+      panelReference: q,
+      restoreFocus: f,
+      sidebar: C,
+      side: g,
+      width: i
+    }
+  ) });
+}), Qe = Object.assign(Le, {
+  Footer: Se,
+  Group: we,
+  Item: Ie,
+  Trigger: Be,
+  User: Te
+});
+export {
+  Qe 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,