neatkit 0.6.0 → 0.8.0

package/dist/tokens.d.ts

@@ -127,6 +127,7 @@ export declare const BASE_THEME_TOKENS: {
 };
 /** Dark-theme overrides applied on top of the base theme. */
 export declare const DARK_THEME_TOKENS: {
+    readonly "--nk-accent": "#3b82f6";
     readonly "--nk-color-background": "#000";
     readonly "--nk-color-surface": "#111";
     readonly "--nk-color-text": "#fff";

package/dist/useFloatingPosition-BBEUHPqy.cjs

@@ -0,0 +1 @@
+"use strict";const B=require("react"),L=require("./floating-position-Cy9xxdH4.cjs"),S=8;function A(d,r,o,s,c){const[P,p]=B.useState(null);return B.useEffect(()=>{if(!d||!o||!s||!c){p(null);return}const C=o,F=s,i=c,a=o.ownerDocument.defaultView;if(!a)return;const n=a,m=n.getComputedStyle(o),f=Number.parseFloat(m.getPropertyValue("--nk-space-8")),w=Number.isFinite(f)?f:S;function e(){const v=C.getBoundingClientRect(),E=F.getBoundingClientRect(),u=i.getBoundingClientRect(),l=L.calculateFloatingPosition(r,w,v,E,L.getVisibleBounds(u,n.innerWidth,n.innerHeight));p({...l,left:l.left-u.left-i.clientLeft+i.scrollLeft,top:l.top-u.top-i.clientTop+i.scrollTop})}e(),n.addEventListener("scroll",e,!0),n.addEventListener("resize",e);const g=n.ResizeObserver,t=g?new g(e):null;return t==null||t.observe(o),t==null||t.observe(s),t==null||t.observe(c),()=>{n.removeEventListener("scroll",e,!0),n.removeEventListener("resize",e),t==null||t.disconnect()}},[d,c,s,r,o]),P}exports.useFloatingPosition=A;

package/dist/useFloatingPosition-CMirP2-2.js

@@ -0,0 +1,43 @@
+import { useState as v, useEffect as E } from "react";
+import { c as S, g as A } from "./floating-position-5wJ5G5IT.js";
+const N = 8;
+function V(d, r, n, s, c) {
+  const [m, p] = v(null);
+  return E(() => {
+    if (!d || !n || !s || !c) {
+      p(null);
+      return;
+    }
+    const B = n, L = s, i = c, f = n.ownerDocument.defaultView;
+    if (!f) return;
+    const o = f, C = o.getComputedStyle(n), a = Number.parseFloat(
+      C.getPropertyValue("--nk-space-8")
+    ), P = Number.isFinite(a) ? a : N;
+    function e() {
+      const w = B.getBoundingClientRect(), F = L.getBoundingClientRect(), l = i.getBoundingClientRect(), u = S(
+        r,
+        P,
+        w,
+        F,
+        A(
+          l,
+          o.innerWidth,
+          o.innerHeight
+        )
+      );
+      p({
+        ...u,
+        left: u.left - l.left - i.clientLeft + i.scrollLeft,
+        top: u.top - l.top - i.clientTop + i.scrollTop
+      });
+    }
+    e(), o.addEventListener("scroll", e, !0), o.addEventListener("resize", e);
+    const g = o.ResizeObserver, t = g ? new g(e) : null;
+    return t == null || t.observe(n), t == null || t.observe(s), t == null || t.observe(c), () => {
+      o.removeEventListener("scroll", e, !0), o.removeEventListener("resize", e), t == null || t.disconnect();
+    };
+  }, [d, c, s, r, n]), m;
+}
+export {
+  V as u
+};

package/dist/useFocusTrap-BrFZdMqQ.cjs

@@ -0,0 +1 @@
+"use strict";const h=require("react"),E=require("./usePresence-B5RYv4e1.cjs"),N=require("./focus-restoration-70WcQRr5.cjs"),V=["a[href]","area[href]","button","input:not([type=hidden])","select","textarea","iframe","[contenteditable]:not([contenteditable='false'])","[tabindex]"].join(",");function B(n,o){let t=n;for(;t;){if(t.hidden||t.inert||t.getAttribute("aria-hidden")==="true")return!0;const s=t.ownerDocument.defaultView,e=s==null?void 0:s.getComputedStyle(t);if((e==null?void 0:e.display)==="none"||(e==null?void 0:e.visibility)==="hidden")return!0;if(t===o)break;t=t.parentElement}return!1}function K(n,o){var u;const t=(u=n.ownerDocument.defaultView)==null?void 0:u.HTMLInputElement;if(!t||!(n instanceof t)||n.type!=="radio"||!n.name)return!0;const s=o.filter(c=>c instanceof t&&c.type==="radio"&&c.name===n.name&&c.form===n.form),e=s.find(c=>c.checked);return e?e===n:s[0]===n}function P(n){const o=Array.from(n.querySelectorAll(V)).filter(t=>!t.matches(":disabled")&&t.tabIndex>=0&&!B(t,n));return o.filter(t=>K(t,o))}function C(n,o){const t=[n,...o];return[...new Set(t.flatMap(e=>P(e)))].sort((e,u)=>{var a;if(e===u)return 0;const c=e.compareDocumentPosition(u),m=((a=e.ownerDocument.defaultView)==null?void 0:a.Node.DOCUMENT_POSITION_FOLLOWING)??4;return c&m?-1:1})}function w(n,o,t){return t?n.contains(t)||[...o].some(s=>s.contains(t)):!1}function _(n){const{active:o,autoFocus:t=!0,boundary:s,container:e,initialFocusReference:u,layerId:c,restoreFocus:m=!0}=n,a=h.useRef(new Set),S=h.useCallback(f=>(a.current.add(f),()=>a.current.delete(f)),[]),k=h.useMemo(()=>({registerBranch:S}),[S]);return E.useOverlayFocusLayer(o&&!!e,s,c),h.useEffect(()=>{var g,I;if(!o||!e||!s)return;const f=s,i=e.ownerDocument,L=(g=i.defaultView)==null?void 0:g.HTMLElement,T=(I=i.defaultView)==null?void 0:I.Node,p=L&&i.activeElement instanceof L?i.activeElement:null;let v=!0;function O(){const r=u==null?void 0:u.current;(r&&w(e,a.current,r)?r:C(e,a.current)[0]??e).focus({preventScroll:!0})}function D(r){if(r.key!=="Tab"||!E.isTopmostFocusLayer(f,c)||E.isFocusInsideAnotherOverlay(i,f))return;const l=C(e,a.current);if(l.length===0){r.preventDefault(),e==null||e.focus({preventScroll:!0});return}const y=l[0],b=l[l.length-1],d=i.activeElement,q=w(e,a.current,d),A=!l.some(M=>M===d)&&(d===e||d===(u==null?void 0:u.current));if(!q||A){r.preventDefault(),(r.shiftKey?b:y).focus();return}r.shiftKey&&d===y?(r.preventDefault(),b.focus()):!r.shiftKey&&d===b&&(r.preventDefault(),y.focus())}function F(r){E.isTopmostFocusLayer(f,c)&&!E.isFocusInsideAnotherOverlay(i,f)&&T&&r.target instanceof T&&!w(e,a.current,r.target)&&O()}return i.addEventListener("keydown",D,!0),i.addEventListener("focusin",F,!0),t&&Promise.resolve().then(()=>{v&&O()}),()=>{v=!1,i.removeEventListener("keydown",D,!0),i.removeEventListener("focusin",F,!0),m&&(p!=null&&p.isConnected)&&N.restoreElementFocus(p)}},[o,t,s,e,u,c,m]),k}exports.useFocusTrap=_;

package/dist/useFocusTrap-DhVnlboe.js

@@ -0,0 +1,136 @@
+import { useRef as V, useCallback as q, useMemo as x, useEffect as B } from "react";
+import { u as K, i as C, a as I } from "./usePresence-CqegYqy4.js";
+import { r as _ } from "./focus-restoration-BvNZzrQA.js";
+const H = [
+  "a[href]",
+  "area[href]",
+  "button",
+  "input:not([type=hidden])",
+  "select",
+  "textarea",
+  "iframe",
+  "[contenteditable]:not([contenteditable='false'])",
+  "[tabindex]"
+].join(",");
+function P(n, o) {
+  let t = n;
+  for (; t; ) {
+    if (t.hidden || t.inert || t.getAttribute("aria-hidden") === "true")
+      return !0;
+    const s = t.ownerDocument.defaultView, e = s == null ? void 0 : s.getComputedStyle(t);
+    if ((e == null ? void 0 : e.display) === "none" || (e == null ? void 0 : e.visibility) === "hidden")
+      return !0;
+    if (t === o) break;
+    t = t.parentElement;
+  }
+  return !1;
+}
+function G(n, o) {
+  var u;
+  const t = (u = n.ownerDocument.defaultView) == null ? void 0 : u.HTMLInputElement;
+  if (!t || !(n instanceof t) || n.type !== "radio" || !n.name)
+    return !0;
+  const s = o.filter(
+    (c) => c instanceof t && c.type === "radio" && c.name === n.name && c.form === n.form
+  ), e = s.find((c) => c.checked);
+  return e ? e === n : s[0] === n;
+}
+function R(n) {
+  const o = Array.from(
+    n.querySelectorAll(H)
+  ).filter((t) => !t.matches(":disabled") && t.tabIndex >= 0 && !P(t, n));
+  return o.filter(
+    (t) => G(t, o)
+  );
+}
+function F(n, o) {
+  const t = [n, ...o];
+  return [...new Set(
+    t.flatMap(
+      (e) => R(e)
+    )
+  )].sort((e, u) => {
+    var a;
+    if (e === u) return 0;
+    const c = e.compareDocumentPosition(u), m = ((a = e.ownerDocument.defaultView) == null ? void 0 : a.Node.DOCUMENT_POSITION_FOLLOWING) ?? 4;
+    return c & m ? -1 : 1;
+  });
+}
+function y(n, o, t) {
+  return t ? n.contains(t) || [...o].some((s) => s.contains(t)) : !1;
+}
+function Q(n) {
+  const {
+    active: o,
+    autoFocus: t = !0,
+    boundary: s,
+    container: e,
+    initialFocusReference: u,
+    layerId: c,
+    restoreFocus: m = !0
+  } = n, a = V(/* @__PURE__ */ new Set()), b = q((f) => (a.current.add(f), () => a.current.delete(f)), []), k = x(() => ({ registerBranch: b }), [b]);
+  return K(o && !!e, s, c), B(() => {
+    var T, g;
+    if (!o || !e || !s) return;
+    const f = s, i = e.ownerDocument, w = (T = i.defaultView) == null ? void 0 : T.HTMLElement, S = (g = i.defaultView) == null ? void 0 : g.Node, E = w && i.activeElement instanceof w ? i.activeElement : null;
+    let L = !0;
+    function v() {
+      const r = u == null ? void 0 : u.current;
+      (r && y(
+        e,
+        a.current,
+        r
+      ) ? r : F(
+        e,
+        a.current
+      )[0] ?? e).focus({ preventScroll: !0 });
+    }
+    function D(r) {
+      if (r.key !== "Tab" || !C(f, c) || I(i, f))
+        return;
+      const l = F(
+        e,
+        a.current
+      );
+      if (l.length === 0) {
+        r.preventDefault(), e == null || e.focus({ preventScroll: !0 });
+        return;
+      }
+      const p = l[0], h = l[l.length - 1], d = i.activeElement, M = y(
+        e,
+        a.current,
+        d
+      ), N = !l.some(
+        (A) => A === d
+      ) && (d === e || d === (u == null ? void 0 : u.current));
+      if (!M || N) {
+        r.preventDefault(), (r.shiftKey ? h : p).focus();
+        return;
+      }
+      r.shiftKey && d === p ? (r.preventDefault(), h.focus()) : !r.shiftKey && d === h && (r.preventDefault(), p.focus());
+    }
+    function O(r) {
+      C(f, c) && !I(i, f) && S && r.target instanceof S && !y(
+        e,
+        a.current,
+        r.target
+      ) && v();
+    }
+    return i.addEventListener("keydown", D, !0), i.addEventListener("focusin", O, !0), t && Promise.resolve().then(() => {
+      L && v();
+    }), () => {
+      L = !1, i.removeEventListener("keydown", D, !0), i.removeEventListener("focusin", O, !0), m && (E != null && E.isConnected) && _(E);
+    };
+  }, [
+    o,
+    t,
+    s,
+    e,
+    u,
+    c,
+    m
+  ]), k;
+}
+export {
+  Q as u
+};

package/dist/usePresence-B5RYv4e1.cjs

@@ -0,0 +1 @@
+"use client";"use strict";const w=require("react/jsx-runtime"),o=require("react"),k=require("react-dom"),O=require("./effects-D85L_7zM.cjs");function P(r){const e=o.useContext(O.BoundaryContext);if(r!==void 0&&!e)throw new Error(`${r} must be rendered inside Boundary. Neatkit resolves portals, overlay stacking, and responsive behavior against the nearest Boundary, so wrap your interface in <Boundary>.`);return e}const x=o.createContext(void 0);function M(r){const{children:e}=r,t=o.useRef(null),n=o.useContext(x);return O.useIsomorphicLayoutEffect(()=>{const s=t.current;if(!(!s||!n))return n.registerBranch(s)},[n]),w.jsx("div",{className:"nk-portal",ref:t,style:{display:"contents"},children:e})}function T(r){const{children:e}=r,t=P("Portal"),[n,s]=o.useState(!1);o.useEffect(()=>{s(!0)},[]);const c=t.portalElement;return n&&c?k.createPortal(w.jsx(M,{children:e}),c):null}const b=1e3,A=10,v=new WeakMap;function y(r){const e=v.get(r);if(e)return e;const t={focusLayers:new Set,layers:[],listeners:new Set};return v.set(r,t),t}function g(r){r.listeners.forEach(e=>e())}function C(r,e){const t=o.useRef(Symbol("nk-overlay-layer")),[,n]=o.useReducer(u=>u+1,0);o.useEffect(()=>{if(!r||!e)return;const u=y(e),l=()=>n();return u.listeners.add(l),u.layers.push(t.current),g(u),()=>{u.listeners.delete(l);const f=u.layers.indexOf(t.current);f>=0&&u.layers.splice(f,1),g(u)}},[r,e]);const s=e?y(e):null,c=(s==null?void 0:s.layers.indexOf(t.current))??-1,i=c>=0?c:(s==null?void 0:s.layers.length)??0;return{id:t.current,zIndex:b+i*A}}function m(r,e){const t=y(r).layers;return t.length>0&&t[t.length-1]===e}function F(r){var e;return(((e=v.get(r))==null?void 0:e.layers.length)??0)>0}function _(r,e,t){o.useEffect(()=>{if(!r||!e)return;const n=y(e);return n.focusLayers.add(t),()=>{n.focusLayers.delete(t)}},[r,t,e])}function N(r,e){const t=y(r);for(let n=t.layers.length-1;n>=0;n-=1){const s=t.layers[n];if(t.focusLayers.has(s))return s===e}return!1}const D=1;function q(r){if(!r)return null;const e=r.nodeType===D?r:r.parentElement;return(e==null?void 0:e.closest(".nk-boundary"))??null}function I(r,e){var n;let t=q(r);for(;t!==null;){if(t===e)return!1;if(F(t))return!0;t=((n=t.parentElement)==null?void 0:n.closest(".nk-boundary"))??null}return!1}function B(r,e){return I(r.activeElement,e)}function j(r,e){return I(r,e)}function V(r,e){const t=r.composedPath();return e.some(n=>{var i;const s=n.current;if(!s)return!1;if(t.includes(s))return!0;const c=(i=s.ownerDocument.defaultView)==null?void 0:i.Node;return c&&r.target instanceof c?s.contains(r.target):!1})}function Y(r){const{active:e,boundaries:t,boundary:n,dismissOnEscape:s=!0,dismissOnPointerDownOutside:c=!0,layerId:i,onEscapeDismiss:u,onEscapeKeyDown:l,onPointerDownOutside:f,onPointerDownOutsideDismiss:h,ownerDocument:d}=r;o.useEffect(()=>{if(!e||!d||!n)return;const p=n,R=d;function E(a){a.key!=="Escape"||!s||!m(p,i)||B(R,p)||(l==null||l(a),!a.defaultPrevented&&(a.preventDefault(),u==null||u()))}function L(a){if(!c||!m(p,i)||V(a,t))return;const S=a.target;j(S,p)||(f==null||f(a),!a.defaultPrevented&&(h==null||h()))}return d.addEventListener("keydown",E,!0),d.addEventListener("pointerdown",L,!0),()=>{d.removeEventListener("keydown",E,!0),d.removeEventListener("pointerdown",L,!0)}},[e,t,n,s,c,i,u,l,f,h,d])}function X(){const[r,e]=o.useState(!1);return o.useEffect(()=>{const t=typeof window>"u"?null:window;if(!(t!=null&&t.matchMedia))return;const n=t.matchMedia("(prefers-reduced-motion: reduce)"),s=()=>{e(n.matches)};return s(),n.addEventListener("change",s),()=>n.removeEventListener("change",s)},[]),r}function Z(r,e=200){const t=X(),[n,s]=o.useState(r);return o.useEffect(()=>{if(r){s(!0);return}if(!n)return;if(t||e<=0){s(!1);return}const c=window.setTimeout(()=>{s(!1)},e);return()=>window.clearTimeout(c)},[e,r,t,n]),{present:n,state:r?"open":n?"closing":"closed"}}exports.FocusScopeContext=x;exports.Portal=T;exports.isFocusInsideAnotherOverlay=B;exports.isTopmostFocusLayer=N;exports.useBoundary=P;exports.useDismissableLayer=Y;exports.useOverlayFocusLayer=_;exports.useOverlayLayer=C;exports.usePresence=Z;

package/dist/usePresence-CqegYqy4.js

@@ -0,0 +1,221 @@
+"use client";
+import { jsx as P } from "react/jsx-runtime";
+import { useContext as O, createContext as M, useState as m, useEffect as d, useRef as B, useReducer as R } from "react";
+import { createPortal as b } from "react-dom";
+import { B as S, u as T } from "./effects-D5CWf-Pl.js";
+function _(r) {
+  const e = O(S);
+  if (r !== void 0 && !e)
+    throw new Error(
+      `${r} must be rendered inside Boundary. Neatkit resolves portals, overlay stacking, and responsive behavior against the nearest Boundary, so wrap your interface in <Boundary>.`
+    );
+  return e;
+}
+const A = M(void 0);
+function N(r) {
+  const { children: e } = r, n = B(null), t = O(A);
+  return T(() => {
+    const s = n.current;
+    if (!(!s || !t))
+      return t.registerBranch(s);
+  }, [t]), /* @__PURE__ */ P(
+    "div",
+    {
+      className: "nk-portal",
+      ref: n,
+      style: { display: "contents" },
+      children: e
+    }
+  );
+}
+function H(r) {
+  const { children: e } = r, n = _("Portal"), [t, s] = m(!1);
+  d(() => {
+    s(!0);
+  }, []);
+  const u = n.portalElement;
+  return t && u ? b(/* @__PURE__ */ P(N, { children: e }), u) : null;
+}
+const C = 1e3, F = 10, v = /* @__PURE__ */ new WeakMap();
+function y(r) {
+  const e = v.get(r);
+  if (e) return e;
+  const n = {
+    focusLayers: /* @__PURE__ */ new Set(),
+    layers: [],
+    listeners: /* @__PURE__ */ new Set()
+  };
+  return v.set(r, n), n;
+}
+function L(r) {
+  r.listeners.forEach((e) => e());
+}
+function J(r, e) {
+  const n = B(Symbol("nk-overlay-layer")), [, t] = R((o) => o + 1, 0);
+  d(() => {
+    if (!r || !e) return;
+    const o = y(e), i = () => t();
+    return o.listeners.add(i), o.layers.push(n.current), L(o), () => {
+      o.listeners.delete(i);
+      const l = o.layers.indexOf(n.current);
+      l >= 0 && o.layers.splice(l, 1), L(o);
+    };
+  }, [r, e]);
+  const s = e ? y(e) : null, u = (s == null ? void 0 : s.layers.indexOf(
+    n.current
+  )) ?? -1, c = u >= 0 ? u : (s == null ? void 0 : s.layers.length) ?? 0;
+  return {
+    id: n.current,
+    zIndex: C + c * F
+  };
+}
+function w(r, e) {
+  const n = y(r).layers;
+  return n.length > 0 && n[n.length - 1] === e;
+}
+function D(r) {
+  var e;
+  return (((e = v.get(r)) == null ? void 0 : e.layers.length) ?? 0) > 0;
+}
+function K(r, e, n) {
+  d(() => {
+    if (!r || !e) return;
+    const t = y(e);
+    return t.focusLayers.add(n), () => {
+      t.focusLayers.delete(n);
+    };
+  }, [r, n, e]);
+}
+function U(r, e) {
+  const n = y(r);
+  for (let t = n.layers.length - 1; t >= 0; t -= 1) {
+    const s = n.layers[t];
+    if (n.focusLayers.has(s))
+      return s === e;
+  }
+  return !1;
+}
+const V = 1;
+function Y(r) {
+  if (!r) return null;
+  const e = r.nodeType === V ? r : r.parentElement;
+  return (e == null ? void 0 : e.closest(".nk-boundary")) ?? null;
+}
+function I(r, e) {
+  var t;
+  let n = Y(r);
+  for (; n !== null; ) {
+    if (n === e) return !1;
+    if (D(n)) return !0;
+    n = ((t = n.parentElement) == null ? void 0 : t.closest(".nk-boundary")) ?? null;
+  }
+  return !1;
+}
+function X(r, e) {
+  return I(
+    r.activeElement,
+    e
+  );
+}
+function Z(r, e) {
+  return I(r, e);
+}
+function j(r, e) {
+  const n = r.composedPath();
+  return e.some((t) => {
+    var c;
+    const s = t.current;
+    if (!s) return !1;
+    if (n.includes(s)) return !0;
+    const u = (c = s.ownerDocument.defaultView) == null ? void 0 : c.Node;
+    return u && r.target instanceof u ? s.contains(r.target) : !1;
+  });
+}
+function W(r) {
+  const {
+    active: e,
+    boundaries: n,
+    boundary: t,
+    dismissOnEscape: s = !0,
+    dismissOnPointerDownOutside: u = !0,
+    layerId: c,
+    onEscapeDismiss: o,
+    onEscapeKeyDown: i,
+    onPointerDownOutside: l,
+    onPointerDownOutsideDismiss: h,
+    ownerDocument: f
+  } = r;
+  d(() => {
+    if (!e || !f || !t) return;
+    const p = t, x = f;
+    function E(a) {
+      a.key !== "Escape" || !s || !w(p, c) || X(x, p) || (i == null || i(a), !a.defaultPrevented && (a.preventDefault(), o == null || o()));
+    }
+    function g(a) {
+      if (!u || !w(p, c) || j(a, n))
+        return;
+      const k = a.target;
+      Z(k, p) || (l == null || l(a), !a.defaultPrevented && (h == null || h()));
+    }
+    return f.addEventListener("keydown", E, !0), f.addEventListener("pointerdown", g, !0), () => {
+      f.removeEventListener("keydown", E, !0), f.removeEventListener("pointerdown", g, !0);
+    };
+  }, [
+    e,
+    n,
+    t,
+    s,
+    u,
+    c,
+    o,
+    i,
+    l,
+    h,
+    f
+  ]);
+}
+function z() {
+  const [r, e] = m(!1);
+  return d(() => {
+    const n = typeof window > "u" ? null : window;
+    if (!(n != null && n.matchMedia)) return;
+    const t = n.matchMedia(
+      "(prefers-reduced-motion: reduce)"
+    ), s = () => {
+      e(t.matches);
+    };
+    return s(), t.addEventListener("change", s), () => t.removeEventListener("change", s);
+  }, []), r;
+}
+function ee(r, e = 200) {
+  const n = z(), [t, s] = m(r);
+  return d(() => {
+    if (r) {
+      s(!0);
+      return;
+    }
+    if (!t) return;
+    if (n || e <= 0) {
+      s(!1);
+      return;
+    }
+    const u = window.setTimeout(() => {
+      s(!1);
+    }, e);
+    return () => window.clearTimeout(u);
+  }, [e, r, n, t]), {
+    present: t,
+    state: r ? "open" : t ? "closing" : "closed"
+  };
+}
+export {
+  A as F,
+  H as P,
+  X as a,
+  _ as b,
+  ee as c,
+  J as d,
+  W as e,
+  U as i,
+  K as u
+};

package/dist/useScrollLock-Drd7OZRC.js

@@ -0,0 +1,62 @@
+import { useEffect as g } from "react";
+const m = /* @__PURE__ */ new Set(["auto", "scroll", "overlay"]);
+function h(e, l) {
+  const o = l.defaultView;
+  if (!e || !o) return null;
+  let t = e;
+  for (; t !== null && t !== l.body && t !== l.documentElement; ) {
+    if (t !== e && t.classList.contains("nk-boundary"))
+      return null;
+    const s = o.getComputedStyle(t);
+    if ([
+      s.overflowY,
+      s.overflowX,
+      ...s.overflow.split(/\s+/)
+    ].some((n) => m.has(n)))
+      return t;
+    t = t.parentElement;
+  }
+  return l;
+}
+const i = /* @__PURE__ */ new WeakMap();
+function f(e) {
+  const o = (e.ownerDocument ?? e).defaultView, t = o == null ? void 0 : o.Document, s = o == null ? void 0 : o.HTMLElement;
+  if (t && e instanceof t) {
+    const r = e.defaultView, n = e.documentElement.clientWidth;
+    return {
+      element: e.body,
+      scrollbarWidth: r && n > 0 ? Math.max(0, r.innerWidth - n) : 0
+    };
+  }
+  return !s || !(e instanceof s) ? null : {
+    element: e,
+    scrollbarWidth: Math.max(0, e.offsetWidth - e.clientWidth)
+  };
+}
+function w(e, l, o) {
+  g(() => {
+    if (!e || !l) return;
+    const t = h(o, l);
+    if (!t) return;
+    const s = i.get(t);
+    if (s)
+      return s.count += 1, () => d(t);
+    const r = f(t);
+    if (!r) return;
+    const { element: n, scrollbarWidth: c } = r, u = l.defaultView, a = u && Number.parseFloat(u.getComputedStyle(n).paddingRight) || 0;
+    return i.set(t, {
+      count: 1,
+      overflow: n.style.overflow,
+      paddingRight: n.style.paddingRight
+    }), n.style.overflow = "hidden", c > 0 && (n.style.paddingRight = `${a + c}px`), () => d(t);
+  }, [e, o, l]);
+}
+function d(e) {
+  const l = i.get(e);
+  if (!l || (l.count -= 1, l.count > 0)) return;
+  const o = f(e);
+  o && (o.element.style.overflow = l.overflow, o.element.style.paddingRight = l.paddingRight), i.delete(e);
+}
+export {
+  w as u
+};

package/dist/useScrollLock-Dy8MZaSn.cjs

@@ -0,0 +1 @@
+"use strict";const g=require("react"),m=new Set(["auto","scroll","overlay"]);function h(e,l){const o=l.defaultView;if(!e||!o)return null;let t=e;for(;t!==null&&t!==l.body&&t!==l.documentElement;){if(t!==e&&t.classList.contains("nk-boundary"))return null;const s=o.getComputedStyle(t);if([s.overflowY,s.overflowX,...s.overflow.split(/\s+/)].some(n=>m.has(n)))return t;t=t.parentElement}return l}const c=new WeakMap;function f(e){const o=(e.ownerDocument??e).defaultView,t=o==null?void 0:o.Document,s=o==null?void 0:o.HTMLElement;if(t&&e instanceof t){const r=e.defaultView,n=e.documentElement.clientWidth;return{element:e.body,scrollbarWidth:r&&n>0?Math.max(0,r.innerWidth-n):0}}return!s||!(e instanceof s)?null:{element:e,scrollbarWidth:Math.max(0,e.offsetWidth-e.clientWidth)}}function p(e,l,o){g.useEffect(()=>{if(!e||!l)return;const t=h(o,l);if(!t)return;const s=c.get(t);if(s)return s.count+=1,()=>d(t);const r=f(t);if(!r)return;const{element:n,scrollbarWidth:i}=r,u=l.defaultView,a=u&&Number.parseFloat(u.getComputedStyle(n).paddingRight)||0;return c.set(t,{count:1,overflow:n.style.overflow,paddingRight:n.style.paddingRight}),n.style.overflow="hidden",i>0&&(n.style.paddingRight=`${a+i}px`),()=>d(t)},[e,o,l])}function d(e){const l=c.get(e);if(!l||(l.count-=1,l.count>0))return;const o=f(e);o&&(o.element.style.overflow=l.overflow,o.element.style.paddingRight=l.paddingRight),c.delete(e)}exports.useScrollLock=p;

package/dist/utils/aria.d.ts

@@ -16,3 +16,12 @@ export declare function hasInvalidState(ariaInvalid: AriaAttributes["aria-invali
  * @returns The value exposed through the rendered ARIA attribute.
  */
 export declare function resolveAriaInvalid(invalid: boolean, ariaInvalid: AriaAttributes["aria-invalid"]): AriaAttributes["aria-invalid"];
+/**
+ * Appends one identifier to an existing space-separated association.
+ *
+ * @param identifiers - The existing association identifiers.
+ * @param identifier - The identifier appended when it is not already present.
+ *
+ * @returns The combined identifier list without duplicates.
+ */
+export declare function mergeIdentifiers(identifiers: string | undefined, identifier: string): string;

package/dist/utils/effects.d.ts

@@ -0,0 +1,12 @@
+import { useEffect } from "react";
+/**
+ * The layout effect variant that is also safe to evaluate while rendering
+ * on a server.
+ *
+ * A layout effect cannot run before markup is serialized, so React warns
+ * whenever a component using one is server-rendered. Selecting the passive
+ * variant when no window exists keeps that warning out of a consumer's
+ * server output while preserving before-paint timing in a browser, where
+ * measurement and publication have to settle before the frame is shown.
+ */
+export declare const useIsomorphicLayoutEffect: typeof useEffect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "neatkit",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "description": "A modern, composable UI library for the web.",
   "keywords": [
     "library",
@@ -44,6 +44,11 @@
       "import": "./dist/Badge.js",
       "require": "./dist/Badge.cjs"
     },
+    "./Boundary": {
+      "types": "./dist/components/Boundary/index.d.ts",
+      "import": "./dist/Boundary.js",
+      "require": "./dist/Boundary.cjs"
+    },
     "./Button": {
       "types": "./dist/components/Button/index.d.ts",
       "import": "./dist/Button.js",
@@ -59,21 +64,11 @@
       "import": "./dist/Checkbox.js",
       "require": "./dist/Checkbox.cjs"
     },
-    "./CheckboxGroup": {
-      "types": "./dist/components/CheckboxGroup/index.d.ts",
-      "import": "./dist/CheckboxGroup.js",
-      "require": "./dist/CheckboxGroup.cjs"
-    },
     "./Code": {
       "types": "./dist/components/Code/index.d.ts",
       "import": "./dist/Code.js",
       "require": "./dist/Code.cjs"
     },
-    "./Content": {
-      "types": "./dist/components/Content/index.d.ts",
-      "import": "./dist/Content.js",
-      "require": "./dist/Content.cjs"
-    },
     "./Divider": {
       "types": "./dist/components/Divider/index.d.ts",
       "import": "./dist/Divider.js",
@@ -119,16 +114,16 @@
       "import": "./dist/Radio.js",
       "require": "./dist/Radio.cjs"
     },
-    "./RadioGroup": {
-      "types": "./dist/components/RadioGroup/index.d.ts",
-      "import": "./dist/RadioGroup.js",
-      "require": "./dist/RadioGroup.cjs"
-    },
     "./Select": {
       "types": "./dist/components/Select/index.d.ts",
       "import": "./dist/Select.js",
       "require": "./dist/Select.cjs"
     },
+    "./Sidebar": {
+      "types": "./dist/components/Sidebar/index.d.ts",
+      "import": "./dist/Sidebar.js",
+      "require": "./dist/Sidebar.cjs"
+    },
     "./Skeleton": {
       "types": "./dist/components/Skeleton/index.d.ts",
       "import": "./dist/Skeleton.js",

package/dist/Button-D7JUO6Fs.cjs

@@ -1 +0,0 @@
-"use client";"use strict";const r=require("react/jsx-runtime"),f=require("react"),v=require("./Icon-D8IZceys.cjs"),F=require("./Spinner-BXgw60UC.cjs");function m(t){return t==null||typeof t=="boolean"||typeof t=="string"&&!t.trim()?!1:Array.isArray(t)?t.some(m):f.isValidElement(t)&&t.type===f.Fragment?m(t.props.children):!0}function K(t,a){const l=t.getBoundingClientRect(),y=a.clientX-l.left,c=a.clientY-l.top;t.style.setProperty("--nk-button-glow-x",`${y}px`),t.style.setProperty("--nk-button-glow-y",`${c}px`)}const $=f.forwardRef(function(a,l){const{as:y,children:c,className:P,disabled:j,fullWidth:B=!1,icon:s,iconAlignment:x="left",loading:b=!1,onClick:w,onKeyDown:k,onMouseMove:I,role:h,shape:A="capsule",tabIndex:g,textAlignment:q="center",tone:D,variant:R="primary",...u}=a,i=y??"button",o=j||b,z=!!s&&!m(c),d=i==="a"&&"href"in u&&typeof u.href=="string",p=typeof i=="string"&&i!=="button"&&!d,E=n=>{if(o){n.preventDefault(),n.stopPropagation();return}const e=w;e==null||e(n)},M=n=>{K(n.currentTarget,n);const e=I;e==null||e(n)},N=n=>{const e=k;e==null||e(n),!(n.defaultPrevented||o||!p||n.key!=="Enter"&&n.key!==" ")&&(n.preventDefault(),n.currentTarget.click())},S=i==="button"?{disabled:o,type:u.type??"button"}:{"aria-disabled":o||void 0},_=d&&o?{href:void 0}:void 0,T=d&&o?h??"link":p?h??"button":h,C=i==="button"?g:d&&o?void 0:o?-1:p?g??0:g;return f.createElement(i,{...u,...S,..._,ref:l,"aria-busy":b||void 0,className:["nk-button",P].filter(Boolean).join(" "),"data-full-width":B||void 0,"data-icon-only":z||void 0,"data-shape":A,"data-tone":D,"data-variant":R,onClick:E,onKeyDown:p?N:k,onMouseMove:M,role:T,tabIndex:C},r.jsxs(r.Fragment,{children:[r.jsxs("span",{className:"nk-button__content",style:{justifyContent:q},children:[s&&x==="left"?r.jsx(v.Icon,{size:14,type:s}):null,c,s&&x==="right"?r.jsx(v.Icon,{size:14,type:s}):null]}),b?r.jsx(F.Spinner,{"aria-hidden":"true","aria-label":void 0,className:"nk-button__spinner",role:void 0,size:16}):null]}))});exports.Button=$;

package/dist/Checkbox-BvXM9VyY.js

@@ -1,68 +0,0 @@
-"use client";
-import { jsxs as k, jsx as a } from "react/jsx-runtime";
-import { createContext as j, useContext as y, forwardRef as B } from "react";
-import { r as S, h as V } from "./aria-DHnOMyYp.js";
-import { q as P } from "./Icon-uQmpr5P2.js";
-import { T as R } from "./Text-rN6iDo0V.js";
-const T = j(void 0);
-function w() {
-  return y(T);
-}
-const J = B(function(m, f) {
-  var u;
-  const {
-    "aria-invalid": s,
-    checked: v,
-    children: o,
-    className: b,
-    defaultChecked: x,
-    disabled: C = !1,
-    invalid: c = !1,
-    name: p,
-    onChange: n,
-    required: d = !1,
-    style: _,
-    value: t = "on",
-    ...N
-  } = m, e = w(), i = String(t), r = (e == null ? void 0 : e.value) !== void 0, h = C || !!(e != null && e.disabled), q = !!(e != null && e.required && !e.hasSelection && e.validationValue === i), I = c || V(s);
-  function G(l) {
-    n == null || n(l), l.defaultPrevented || e == null || e.handleChange(l);
-  }
-  return /* @__PURE__ */ k(
-    "label",
-    {
-      className: ["nk-checkbox", b].filter(Boolean).join(" "),
-      "data-disabled": h || void 0,
-      "data-invalid": I || void 0,
-      style: _,
-      children: [
-        /* @__PURE__ */ a(
-          "input",
-          {
-            ...N,
-            ref: f,
-            "aria-invalid": S(c, s),
-            checked: e ? r ? (u = e.value) == null ? void 0 : u.includes(i) : void 0 : v,
-            className: "nk-checkbox__control",
-            defaultChecked: e && !r ? e.defaultValue.includes(i) : x,
-            disabled: h,
-            name: (e == null ? void 0 : e.name) ?? p,
-            onChange: G,
-            required: d || q,
-            type: "checkbox",
-            value: t
-          }
-        ),
-        /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "nk-checkbox__visual", children: /* @__PURE__ */ a(P, { className: "nk-checkbox__icon", size: 12, type: "checkmark" }) }),
-        o !== void 0 ? /* @__PURE__ */ k(R, { as: "span", className: "nk-checkbox__label", children: [
-          o,
-          d ? /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "nk-checkbox__required", children: "*" }) : null
-        ] }) : null
-      ]
-    }
-  );
-});
-export {
-  J as C,
-  T as a
-};

package/dist/Checkbox-VQifZrZZ.cjs

@@ -1 +0,0 @@
-"use client";"use strict";const a=require("react/jsx-runtime"),s=require("react"),k=require("./aria-DKxpE8cA.cjs"),B=require("./Icon-D8IZceys.cjs"),R=require("./Text-DWYlIcPj.cjs"),b=s.createContext(void 0);function S(){return s.useContext(b)}const V=s.forwardRef(function(v,f){var x;const{"aria-invalid":l,checked:C,children:o,className:m,defaultChecked:q,disabled:_=!1,invalid:t=!1,name:j,onChange:n,required:d=!1,style:N,value:r="on",...I}=v,e=S(),i=String(r),u=(e==null?void 0:e.value)!==void 0,h=_||!!(e!=null&&e.disabled),p=!!(e!=null&&e.required&&!e.hasSelection&&e.validationValue===i),G=t||k.hasInvalidState(l);function y(c){n==null||n(c),c.defaultPrevented||e==null||e.handleChange(c)}return a.jsxs("label",{className:["nk-checkbox",m].filter(Boolean).join(" "),"data-disabled":h||void 0,"data-invalid":G||void 0,style:N,children:[a.jsx("input",{...I,ref:f,"aria-invalid":k.resolveAriaInvalid(t,l),checked:e?u?(x=e.value)==null?void 0:x.includes(i):void 0:C,className:"nk-checkbox__control",defaultChecked:e&&!u?e.defaultValue.includes(i):q,disabled:h,name:(e==null?void 0:e.name)??j,onChange:y,required:d||p,type:"checkbox",value:r}),a.jsx("span",{"aria-hidden":"true",className:"nk-checkbox__visual",children:a.jsx(B.Icon,{className:"nk-checkbox__icon",size:12,type:"checkmark"})}),o!==void 0?a.jsxs(R.Text,{as:"span",className:"nk-checkbox__label",children:[o,d?a.jsx("span",{"aria-hidden":"true",className:"nk-checkbox__required",children:"*"}):null]}):null]})});exports.Checkbox=V;exports.CheckboxGroupContext=b;