neatkit 0.12.0 → 0.13.0

package/dist/Sidebar.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsx as p, jsxs as D, Fragment as $ } from "react/jsx-runtime";
-import { useCallback as _, useSyncExternalStore as le, forwardRef as R, useId as ce, createElement as ye, useState as w, useRef as I, Children as Se, isValidElement as re, Fragment as de, cloneElement as z, useContext as _e, useMemo as te, useEffect as ae } from "react";
+import { jsx as p, jsxs as D, Fragment as q } from "react/jsx-runtime";
+import { useCallback as _, useSyncExternalStore as le, forwardRef as R, useId as ce, createElement as ye, useState as w, useRef as I, Children as Se, isValidElement as re, Fragment as de, cloneElement as $, useContext as _e, useMemo as te, useEffect as ae } from "react";
 import { u as K, a as M } from "./effects-DGbA6Q2O.js";
 import { g as Ee, a as ue } from "./reference-CXMr27nM.js";
 import { F as se, c as ke, d as Ce, b as Ne, P as oe } from "./usePresence-BTRY1_l-.js";
-import { B as Y } from "./Button-B0E-M8mp.js";
+import { B as Y } from "./Button-CyUpMPtt.js";
 import { T as V } from "./Text-rN6iDo0V.js";
 import { u as Pe } from "./useFocusTrap-BxPazAL6.js";
 import { u as Te } from "./useScrollLock-Drd7OZRC.js";
@@ -13,7 +13,7 @@ import { r as Le } from "./useFloatingPosition-MGoyautY.js";
 import { A as Re } from "./Avatar-DjDCFqNG.js";
 import { S as Be } from "./Spinner-CmxlDlOk.js";
 import { T as Oe } from "./Tooltip-CpyROf6x.js";
-import { b as Fe } from "./units-BmjPCccF.js";
+import { b as Fe } from "./units-Bx_CBIy8.js";
 function xe(t) {
   const { label: n, onToggle: e, panelId: r, reference: u, side: l, sidebarOpen: o } = t;
   return /* @__PURE__ */ p(
@@ -27,6 +27,8 @@ function xe(t) {
       className: "nk-sidebar__fallback-trigger",
       "data-side": l,
       icon: "burger",
+      variant: "secondary",
+      size: "large",
       onClick: e
     }
   );
@@ -137,7 +139,7 @@ const be = R(
       }
     ) : null;
   }
-), Ge = R(
+), ze = R(
   function(n, e) {
     const {
       active: r = !1,
@@ -173,6 +175,7 @@ const be = R(
         icon: v,
         onClick: g,
         shape: "rectangle",
+        size: "small",
         textAlignment: "left",
         type: d ? i ?? "button" : i,
         variant: "ghost",
@@ -180,17 +183,17 @@ const be = R(
       }
     ) }) : null;
   }
-), qe = 1;
-function $e(t) {
+), Ge = 1;
+function qe(t) {
   return t == null ? void 0 : t.ResizeObserver;
 }
-function ze(t) {
+function $e(t) {
   return t == null ? void 0 : t.MutationObserver;
 }
 function Ve() {
   const [t, n] = w(!1), e = I(null), r = _((o) => {
     const a = o.scrollHeight - o.scrollTop - o.clientHeight;
-    n(a > qe);
+    n(a > Ge);
   }, []), u = _((o) => {
     var m;
     if ((m = e.current) == null || m.call(e), e.current = null, !o) return;
@@ -201,7 +204,7 @@ function Ve() {
     }
     const f = a.ownerDocument.defaultView;
     f == null || f.addEventListener("resize", v);
-    const y = $e(f), i = y ? new y(v) : void 0;
+    const y = qe(f), i = y ? new y(v) : void 0;
     function b() {
       i == null || i.disconnect(), i == null || i.observe(a);
       for (const E of a.children)
@@ -213,7 +216,7 @@ function Ve() {
         (S) => S.type === "childList"
       ) && b(), v();
     }
-    const s = ze(f), d = s ? new s(c) : void 0;
+    const s = $e(f), d = s ? new s(c) : void 0;
     d == null || d.observe(a, {
       attributeFilter: ["class", "hidden", "style"],
       characterData: !0,
@@ -231,11 +234,11 @@ function Ke(t, n) {
   for (const e of Se.toArray(t)) {
     if (re(e) && e.type === de) {
       const r = pe(e.props.children);
-      r.bodyChildren.length > 0 && n.bodyChildren.push(z(
+      r.bodyChildren.length > 0 && n.bodyChildren.push($(
         e,
         void 0,
         ...r.bodyChildren
-      )), r.footerChildren.length > 0 && n.footerChildren.push(z(
+      )), r.footerChildren.length > 0 && n.footerChildren.push($(
         e,
         void 0,
         ...r.footerChildren
@@ -387,7 +390,7 @@ function Je(t) {
   }, [e]);
   if (!e) return null;
   const { id: y, open: i, presentation: b, variant: c } = e;
-  return z(
+  return $(
     n,
     Le(r, {
       "aria-controls": i && b === "overlay" ? Ie(r["aria-controls"], y) : r["aria-controls"],
@@ -411,7 +414,7 @@ const Qe = R(
       name: v,
       onClick: f,
       ...y
-    } = n, i = l != null && typeof l != "boolean", b = /* @__PURE__ */ D($, { children: [
+    } = n, i = l != null && typeof l != "boolean", b = /* @__PURE__ */ D(q, { children: [
       /* @__PURE__ */ p(
         Re,
         {
@@ -441,7 +444,7 @@ const Qe = R(
         ...y,
         ref: e,
         className: ["nk-sidebar__user", u].filter(Boolean).join(" "),
-        children: a ? /* @__PURE__ */ p(Be, { className: "nk-sidebar__user-spinner", size: 16 }) : /* @__PURE__ */ D($, { children: [
+        children: a ? /* @__PURE__ */ p(Be, { className: "nk-sidebar__user-spinner", size: 16 }) : /* @__PURE__ */ D(q, { children: [
           f ? /* @__PURE__ */ p(
             "button",
             {
@@ -484,7 +487,7 @@ function Ze(t, n) {
     (e == null ? void 0 : e.read) ?? ie,
     ie
   );
-  return t !== "responsive" ? t : r === void 0 ? "pending" : r >= Fe("md") ? "inline" : "overlay";
+  return t !== "responsive" ? t : r === void 0 ? "pending" : r >= Fe("medium") ? "inline" : "overlay";
 }
 const We = 32, en = R(function(n, e) {
   var ne;
@@ -524,7 +527,7 @@ const We = 32, en = R(function(n, e) {
       C > 0 && N.splice(C, 1);
     }
     J.current = h, h && N.push({ current: h });
-  }, [N]), G = te(() => ({
+  }, [N]), z = te(() => ({
     id: d,
     open: T,
     presentation: g,
@@ -544,11 +547,11 @@ const We = 32, en = R(function(n, e) {
   M(() => {
     const h = s == null ? void 0 : s.boundaryElement;
     if (!h) return;
-    if (De(h, m, G) === !1)
+    if (De(h, m, z) === !1)
       throw new Error(
         "A Boundary supports one Sidebar. Neatkit resolves Trigger, Group, and Item interactions against the single Sidebar published to the nearest Boundary, so give each Sidebar a Boundary of its own."
       );
-  }, [s == null ? void 0 : s.boundaryElement, m, G]), M(() => {
+  }, [s == null ? void 0 : s.boundaryElement, m, z]), M(() => {
     const h = s == null ? void 0 : s.boundaryElement;
     if (h)
       return () => we(h, m);
@@ -564,7 +567,7 @@ const We = 32, en = R(function(n, e) {
     );
     return () => h.clearTimeout(k);
   }, [s == null ? void 0 : s.boundaryElement]);
-  const q = Ne(T && g === "overlay"), W = ((ne = s == null ? void 0 : s.boundaryElement) == null ? void 0 : ne.ownerDocument) ?? (typeof document > "u" ? null : document);
+  const G = Ne(T && g === "overlay"), W = ((ne = s == null ? void 0 : s.boundaryElement) == null ? void 0 : ne.ownerDocument) ?? (typeof document > "u" ? null : document);
   if (g !== "overlay")
     return /* @__PURE__ */ p(
       me,
@@ -584,13 +587,13 @@ const We = 32, en = R(function(n, e) {
     {
       label: `Open ${c["aria-label"] ?? "Sidebar"}`,
       onToggle: () => x(!T, "trigger"),
-      panelId: q.present ? d : void 0,
+      panelId: G.present ? d : void 0,
       reference: ge,
       side: y,
       sidebarOpen: T
     }
   ) }) : null;
-  return !q.present || !W ? ee : /* @__PURE__ */ D($, { children: [
+  return !G.present || !W ? ee : /* @__PURE__ */ D(q, { children: [
     ee,
     /* @__PURE__ */ p(oe, { children: /* @__PURE__ */ p(
       Ye,
@@ -601,10 +604,10 @@ const We = 32, en = R(function(n, e) {
         lockScroll: o,
         ownerDocument: W,
         panelReference: Q,
-        presenceState: q.state === "closing" ? "closing" : "open",
+        presenceState: G.state === "closing" ? "closing" : "open",
         restoreFocus: f,
         side: y,
-        sidebar: G,
+        sidebar: z,
         width: b
       }
     ) })
@@ -613,7 +616,7 @@ const We = 32, en = R(function(n, e) {
   Footer: be,
   Group: He,
   Header: Ue,
-  Item: Ge,
+  Item: ze,
   Trigger: Je,
   User: Qe
 });

package/dist/{Table-Z8Q6XRkc.cjs → Table-BbH9oy3Z.cjs}

@@ -1 +1 @@
-"use client";"use strict";const a=require("react/jsx-runtime"),o=require("react"),A=require("./reference-C2guRuR0.cjs"),I=require("./Surface-BttJYSDt.cjs"),H=require("./Button-6oWs-pyF.cjs"),D=require("./Tooltip-DDPh_YFO.cjs"),v=o.createContext("body"),w=o.forwardRef(function(r,e){const{align:t="left",children:s,className:i,scope:c="col",sticky:b=!1,...d}=r;return a.jsx("th",{...d,ref:e,className:["nk-table__header-cell",i].filter(Boolean).join(" "),"data-align":t,"data-sticky":b||void 0,scope:c,children:s})});function S(n){for(const r of o.Children.toArray(n)){if(o.isValidElement(r)&&r.type===o.Fragment){if(S(r.props.children))return!0;continue}return!0}return!1}const K=o.forwardRef(function(r,e){const{children:t,className:s,emptyColumnCount:i=1,emptyMessage:c,...b}=r,d=!S(t),h=Number.isFinite(i)?Math.max(1,Math.floor(i)):1;return a.jsx("tbody",{...b,ref:e,className:["nk-table__body",s].filter(Boolean).join(" "),children:d&&c!==void 0?a.jsx("tr",{className:"nk-table__row",children:a.jsx("td",{className:"nk-table__cell nk-table__empty-cell",colSpan:h,children:a.jsx("div",{className:"nk-table__empty-content",children:c})})}):a.jsx(v.Provider,{value:"body",children:t})})});function O(n,r,e){return n===void 0?r:e?e(n):n instanceof Date?Number.isNaN(n.getTime())?"Invalid Date":n.toISOString().slice(0,10):typeof n=="boolean"?n?"Yes":"No":n}function F(n){if(typeof n=="number"||typeof n=="string")return String(n)}const P=o.forwardRef(function(r,e){const{align:t="left",children:s,className:i,format:c,title:b,truncate:d,value:h,...p}=r,{rowTrigger:l,...u}=p,k=O(h,s,c),f=d===void 0?void 0:{maxWidth:d},g=b??(d===void 0?void 0:F(k));return a.jsxs("td",{...u,ref:e,className:["nk-table__cell",i].filter(Boolean).join(" "),"data-align":t,title:g,children:[(l==null?void 0:l.kind)==="link"&&l.linkProperties?a.jsx("a",{ref:l.reference,"aria-label":l.ariaLabel,className:"nk-table__row-trigger",download:l.linkProperties.download,href:l.linkProperties.href,hrefLang:l.linkProperties.hrefLang,onClick:l.linkProperties.onNavigate,rel:l.linkProperties.rel,target:l.linkProperties.target}):null,(l==null?void 0:l.kind)==="button"?a.jsx("button",{ref:l.reference,"aria-label":l.ariaLabel,className:"nk-table__row-trigger",onClick:l.onClick,type:"button"}):null,d!==void 0?a.jsx("span",{className:"nk-table__truncated-content",style:f,children:k}):k]})}),q=o.forwardRef(function(r,e){const{children:t,className:s,...i}=r;return a.jsx("tfoot",{...i,ref:e,className:["nk-table__foot",s].filter(Boolean).join(" "),children:a.jsx(v.Provider,{value:"foot",children:t})})}),z=o.forwardRef(function(r,e){const{children:t,className:s,...i}=r;return a.jsx("thead",{...i,ref:e,className:["nk-table__head",s].filter(Boolean).join(" "),children:a.jsx(v.Provider,{value:"head",children:t})})}),V=["a[href]","audio[controls]","button","iframe","input","label","select","summary","textarea","video[controls]","[contenteditable]:not([contenteditable='false'])"].join(","),M=new Set(["button","checkbox","combobox","grid","link","listbox","menu","menubar","menuitem","menuitemcheckbox","menuitemradio","option","radio","radiogroup","scrollbar","searchbox","slider","spinbutton","switch","tab","tablist","textbox","tree","treegrid","treeitem"]);function Y(n,r){var t;let e=n;for(;e&&e!==r;){if(e.matches(V)||(((t=e.getAttribute("role"))==null?void 0:t.split(/\s+/))??[]).some(i=>M.has(i)))return!0;e=e.parentElement}return!1}function X(n,r){let e=!1;function t(i){return o.Children.map(i,c=>o.isValidElement(c)?c.type===o.Fragment?o.cloneElement(c,void 0,t(c.props.children)):!e&&c.type===P?(e=!0,o.cloneElement(c,{rowTrigger:r})):c:c)}const s=t(n);return{attached:e,content:s}}function $(n){const{"aria-label":r,icon:e,label:t,...s}=n;return a.jsx(D.Tooltip2,{content:t,children:a.jsx(H.Button,{...s,"aria-label":r??t,className:"nk-table__action",icon:e,shape:"rectangle",type:"button",variant:"ghost"})})}function G(n){const{actions:r}=n;function e(t){t.stopPropagation()}return a.jsx("td",{className:"nk-table__cell nk-table__action-cell","data-align":"right",onClick:e,children:r.length>0?a.jsx("span",{className:"nk-table__action-list",children:r.map(t=>o.createElement($,{...t,key:t.label}))}):null})}const J=o.forwardRef(function(r,e){const{children:t,className:s,...i}=r;return a.jsx(w,{...i,ref:e,align:"right",className:["nk-table__action-header-cell",s].filter(Boolean).join(" "),children:t??a.jsx("span",{className:"nk-table__visually-hidden",children:"Row actions"})})}),Q=o.forwardRef(function(r,e){const{"aria-label":t,actions:s,children:i,className:c,download:b,href:d,hrefLang:h,onClick:p,onNavigate:l,rel:u,target:k,...f}=r,g=o.useRef(null),C=o.useContext(v),T=d!==void 0||p!==void 0,N=(t==null?void 0:t.trim())||(d!==void 0?"Open row":"Activate row");function j(m){g.current=m}let _;d!==void 0?_={ariaLabel:N,kind:"link",linkProperties:{download:b,href:d,hrefLang:h,onNavigate:l,rel:u,target:k},reference:j}:p!==void 0&&(_={ariaLabel:N,kind:"button",onClick:p,reference:j});const E=_?X(i,_):{content:i};function B(m){if(m.defaultPrevented)return;const y=m.target;if(!(y instanceof Element)||Y(y,m.currentTarget))return;const x=g.current;if(!x)return;const R=x.ownerDocument.defaultView;if(!R){x.click();return}x.dispatchEvent(new R.MouseEvent("click",{altKey:m.altKey,bubbles:!0,button:m.button,buttons:m.buttons,cancelable:!0,clientX:m.clientX,clientY:m.clientY,ctrlKey:m.ctrlKey,metaKey:m.metaKey,shiftKey:m.shiftKey}))}const L=C==="head"?a.jsx(J,{}):a.jsx(G,{actions:s??[]});return a.jsxs("tr",{...f,ref:e,"aria-label":T?void 0:t,className:["nk-table__row",c].filter(Boolean).join(" "),"data-interactive":T||void 0,onClick:T?B:void 0,children:[E.content,L]})});function U(){const n=o.useRef(null),r=o.useRef(null),[e,t]=o.useState(!1),[s,i]=o.useState(!1);o.useEffect(()=>{const b=n.current,d=r.current;if(!b||!d)return;const h=b,p=d;function l(){const g=h.scrollWidth>h.clientWidth;t(g),g||i(!1)}l();const u=h.ownerDocument.defaultView;u==null||u.addEventListener("resize",l);const k=u==null?void 0:u.ResizeObserver,f=k?new k(l):void 0;return f==null||f.observe(h),f==null||f.observe(p),()=>{u==null||u.removeEventListener("resize",l),f==null||f.disconnect()}},[]);function c(b){i(e&&b.currentTarget.scrollLeft>1)}return{containerReference:n,contentReference:r,isScrollable:e,isScrolled:s,handleScroll:c}}const W=o.forwardRef(function(r,e){const{"aria-label":t,children:s,className:i,containerClassName:c,frame:b="outline",...d}=r,{containerReference:h,contentReference:p,isScrollable:l,isScrolled:u,handleScroll:k}=U(),f=t?`${t} scroll area`:"Scrollable table",g=o.useCallback(C=>{p.current=C,A.assignElementReference(e,C)},[p,e]);return a.jsx(I.Surface,{ref:h,"aria-label":l?f:void 0,className:["nk-table",c].filter(Boolean).join(" "),"data-frame":b,"data-scrolled":u||void 0,onScroll:k,role:l?"region":void 0,tabIndex:l?0:void 0,children:a.jsx("table",{...d,ref:g,"aria-label":t,className:["nk-table__element",i].filter(Boolean).join(" "),children:s})})}),Z=Object.assign(W,{Body:K,Cell:P,Foot:q,HeaderCell:w,Head:z,Row:Q});exports.Table=Z;
+"use client";"use strict";const a=require("react/jsx-runtime"),o=require("react"),A=require("./reference-C2guRuR0.cjs"),I=require("./Surface-BttJYSDt.cjs"),H=require("./Button-CTzvBhGH.cjs"),D=require("./Tooltip-DDPh_YFO.cjs"),v=o.createContext("body"),w=o.forwardRef(function(r,e){const{align:t="left",children:s,className:i,scope:c="col",sticky:b=!1,...d}=r;return a.jsx("th",{...d,ref:e,className:["nk-table__header-cell",i].filter(Boolean).join(" "),"data-align":t,"data-sticky":b||void 0,scope:c,children:s})});function S(n){for(const r of o.Children.toArray(n)){if(o.isValidElement(r)&&r.type===o.Fragment){if(S(r.props.children))return!0;continue}return!0}return!1}const K=o.forwardRef(function(r,e){const{children:t,className:s,emptyColumnCount:i=1,emptyMessage:c,...b}=r,d=!S(t),h=Number.isFinite(i)?Math.max(1,Math.floor(i)):1;return a.jsx("tbody",{...b,ref:e,className:["nk-table__body",s].filter(Boolean).join(" "),children:d&&c!==void 0?a.jsx("tr",{className:"nk-table__row",children:a.jsx("td",{className:"nk-table__cell nk-table__empty-cell",colSpan:h,children:a.jsx("div",{className:"nk-table__empty-content",children:c})})}):a.jsx(v.Provider,{value:"body",children:t})})});function O(n,r,e){return n===void 0?r:e?e(n):n instanceof Date?Number.isNaN(n.getTime())?"Invalid Date":n.toISOString().slice(0,10):typeof n=="boolean"?n?"Yes":"No":n}function F(n){if(typeof n=="number"||typeof n=="string")return String(n)}const P=o.forwardRef(function(r,e){const{align:t="left",children:s,className:i,format:c,title:b,truncate:d,value:h,...p}=r,{rowTrigger:l,...u}=p,k=O(h,s,c),f=d===void 0?void 0:{maxWidth:d},g=b??(d===void 0?void 0:F(k));return a.jsxs("td",{...u,ref:e,className:["nk-table__cell",i].filter(Boolean).join(" "),"data-align":t,title:g,children:[(l==null?void 0:l.kind)==="link"&&l.linkProperties?a.jsx("a",{ref:l.reference,"aria-label":l.ariaLabel,className:"nk-table__row-trigger",download:l.linkProperties.download,href:l.linkProperties.href,hrefLang:l.linkProperties.hrefLang,onClick:l.linkProperties.onNavigate,rel:l.linkProperties.rel,target:l.linkProperties.target}):null,(l==null?void 0:l.kind)==="button"?a.jsx("button",{ref:l.reference,"aria-label":l.ariaLabel,className:"nk-table__row-trigger",onClick:l.onClick,type:"button"}):null,d!==void 0?a.jsx("span",{className:"nk-table__truncated-content",style:f,children:k}):k]})}),q=o.forwardRef(function(r,e){const{children:t,className:s,...i}=r;return a.jsx("tfoot",{...i,ref:e,className:["nk-table__foot",s].filter(Boolean).join(" "),children:a.jsx(v.Provider,{value:"foot",children:t})})}),z=o.forwardRef(function(r,e){const{children:t,className:s,...i}=r;return a.jsx("thead",{...i,ref:e,className:["nk-table__head",s].filter(Boolean).join(" "),children:a.jsx(v.Provider,{value:"head",children:t})})}),V=["a[href]","audio[controls]","button","iframe","input","label","select","summary","textarea","video[controls]","[contenteditable]:not([contenteditable='false'])"].join(","),M=new Set(["button","checkbox","combobox","grid","link","listbox","menu","menubar","menuitem","menuitemcheckbox","menuitemradio","option","radio","radiogroup","scrollbar","searchbox","slider","spinbutton","switch","tab","tablist","textbox","tree","treegrid","treeitem"]);function Y(n,r){var t;let e=n;for(;e&&e!==r;){if(e.matches(V)||(((t=e.getAttribute("role"))==null?void 0:t.split(/\s+/))??[]).some(i=>M.has(i)))return!0;e=e.parentElement}return!1}function X(n,r){let e=!1;function t(i){return o.Children.map(i,c=>o.isValidElement(c)?c.type===o.Fragment?o.cloneElement(c,void 0,t(c.props.children)):!e&&c.type===P?(e=!0,o.cloneElement(c,{rowTrigger:r})):c:c)}const s=t(n);return{attached:e,content:s}}function $(n){const{"aria-label":r,icon:e,label:t,...s}=n;return a.jsx(D.Tooltip2,{content:t,children:a.jsx(H.Button,{...s,"aria-label":r??t,icon:e,shape:"rectangle",size:"small",type:"button",variant:"ghost"})})}function G(n){const{actions:r}=n;function e(t){t.stopPropagation()}return a.jsx("td",{className:"nk-table__cell nk-table__action-cell","data-align":"right",onClick:e,children:r.length>0?a.jsx("span",{className:"nk-table__action-list",children:r.map(t=>o.createElement($,{...t,key:t.label}))}):null})}const J=o.forwardRef(function(r,e){const{children:t,className:s,...i}=r;return a.jsx(w,{...i,ref:e,align:"right",className:["nk-table__action-header-cell",s].filter(Boolean).join(" "),children:t??a.jsx("span",{className:"nk-table__visually-hidden",children:"Row actions"})})}),Q=o.forwardRef(function(r,e){const{"aria-label":t,actions:s,children:i,className:c,download:b,href:d,hrefLang:h,onClick:p,onNavigate:l,rel:u,target:k,...f}=r,g=o.useRef(null),C=o.useContext(v),T=d!==void 0||p!==void 0,j=(t==null?void 0:t.trim())||(d!==void 0?"Open row":"Activate row");function y(m){g.current=m}let x;d!==void 0?x={ariaLabel:j,kind:"link",linkProperties:{download:b,href:d,hrefLang:h,onNavigate:l,rel:u,target:k},reference:y}:p!==void 0&&(x={ariaLabel:j,kind:"button",onClick:p,reference:y});const E=x?X(i,x):{content:i};function B(m){if(m.defaultPrevented)return;const N=m.target;if(!(N instanceof Element)||Y(N,m.currentTarget))return;const _=g.current;if(!_)return;const R=_.ownerDocument.defaultView;if(!R){_.click();return}_.dispatchEvent(new R.MouseEvent("click",{altKey:m.altKey,bubbles:!0,button:m.button,buttons:m.buttons,cancelable:!0,clientX:m.clientX,clientY:m.clientY,ctrlKey:m.ctrlKey,metaKey:m.metaKey,shiftKey:m.shiftKey}))}const L=C==="head"?a.jsx(J,{}):a.jsx(G,{actions:s??[]});return a.jsxs("tr",{...f,ref:e,"aria-label":T?void 0:t,className:["nk-table__row",c].filter(Boolean).join(" "),"data-interactive":T||void 0,onClick:T?B:void 0,children:[E.content,L]})});function U(){const n=o.useRef(null),r=o.useRef(null),[e,t]=o.useState(!1),[s,i]=o.useState(!1);o.useEffect(()=>{const b=n.current,d=r.current;if(!b||!d)return;const h=b,p=d;function l(){const g=h.scrollWidth>h.clientWidth;t(g),g||i(!1)}l();const u=h.ownerDocument.defaultView;u==null||u.addEventListener("resize",l);const k=u==null?void 0:u.ResizeObserver,f=k?new k(l):void 0;return f==null||f.observe(h),f==null||f.observe(p),()=>{u==null||u.removeEventListener("resize",l),f==null||f.disconnect()}},[]);function c(b){i(e&&b.currentTarget.scrollLeft>1)}return{containerReference:n,contentReference:r,isScrollable:e,isScrolled:s,handleScroll:c}}const W=o.forwardRef(function(r,e){const{"aria-label":t,children:s,className:i,containerClassName:c,frame:b="outline",...d}=r,{containerReference:h,contentReference:p,isScrollable:l,isScrolled:u,handleScroll:k}=U(),f=t?`${t} scroll area`:"Scrollable table",g=o.useCallback(C=>{p.current=C,A.assignElementReference(e,C)},[p,e]);return a.jsx(I.Surface,{ref:h,"aria-label":l?f:void 0,className:["nk-table",c].filter(Boolean).join(" "),"data-frame":b,"data-scrolled":u||void 0,onScroll:k,role:l?"region":void 0,tabIndex:l?0:void 0,children:a.jsx("table",{...d,ref:g,"aria-label":t,className:["nk-table__element",i].filter(Boolean).join(" "),children:s})})}),Z=Object.assign(W,{Body:K,Cell:P,Foot:q,HeaderCell:w,Head:z,Row:Q});exports.Table=Z;

package/dist/{Table-B2G8CHJ9.js → Table-rTy_IuSv.js}

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as a, jsxs as B } from "react/jsx-runtime";
-import { createContext as z, forwardRef as g, Children as L, isValidElement as j, Fragment as A, cloneElement as x, createElement as M, useRef as y, useContext as V, useState as E, useEffect as Y, useCallback as X } from "react";
+import { createContext as F, forwardRef as g, Children as L, isValidElement as j, Fragment as A, cloneElement as x, createElement as M, useRef as N, useContext as V, useState as E, useEffect as Y, useCallback as X } from "react";
 import { a as $ } from "./reference-CXMr27nM.js";
 import { S as q } from "./Surface-vEFsZC12.js";
-import { B as G } from "./Button-B0E-M8mp.js";
+import { B as G } from "./Button-CyUpMPtt.js";
 import { T as J } from "./Tooltip-CpyROf6x.js";
-const T = z("body"), I = g(function(l, e) {
+const T = F("body"), I = g(function(l, e) {
   const {
     align: t = "left",
     children: i,
@@ -225,9 +225,9 @@ function re(n) {
     {
       ...i,
       "aria-label": l ?? t,
-      className: "nk-table__action",
       icon: e,
       shape: "rectangle",
+      size: "small",
       type: "button",
       variant: "ghost"
     }
@@ -275,7 +275,7 @@ const ie = g(function(l, e) {
       rel: d,
       target: p,
       ...u
-    } = l, k = y(null), C = V(T), N = s !== void 0 || h !== void 0, R = (t == null ? void 0 : t.trim()) || (s !== void 0 ? "Open row" : "Activate row");
+    } = l, k = N(null), C = V(T), y = s !== void 0 || h !== void 0, R = (t == null ? void 0 : t.trim()) || (s !== void 0 ? "Open row" : "Activate row");
     function S(b) {
       k.current = b;
     }
@@ -323,26 +323,26 @@ const ie = g(function(l, e) {
         shiftKey: b.shiftKey
       }));
     }
-    const F = C === "head" ? /* @__PURE__ */ a(ie, {}) : /* @__PURE__ */ a(ae, { actions: i ?? [] });
+    const z = C === "head" ? /* @__PURE__ */ a(ie, {}) : /* @__PURE__ */ a(ae, { actions: i ?? [] });
     return /* @__PURE__ */ B(
       "tr",
       {
         ...u,
         ref: e,
-        "aria-label": N ? void 0 : t,
+        "aria-label": y ? void 0 : t,
         className: ["nk-table__row", c].filter(Boolean).join(" "),
-        "data-interactive": N || void 0,
-        onClick: N ? O : void 0,
+        "data-interactive": y || void 0,
+        onClick: y ? O : void 0,
         children: [
           K.content,
-          F
+          z
         ]
       }
     );
   }
 );
 function se() {
-  const n = y(null), l = y(null), [e, t] = E(!1), [i, r] = E(!1);
+  const n = N(null), l = N(null), [e, t] = E(!1), [i, r] = E(!1);
   Y(() => {
     const f = n.current, s = l.current;
     if (!f || !s) return;

package/dist/Table.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Table-Z8Q6XRkc.cjs");exports.default=e.Table;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Table-BbH9oy3Z.cjs");exports.default=e.Table;

package/dist/Table.js

@@ -1,5 +1,5 @@
 "use client";
-import { T as a } from "./Table-B2G8CHJ9.js";
+import { T as a } from "./Table-rTy_IuSv.js";
 export {
   a as default
 };

package/dist/components/Badge/Badge.d.ts

@@ -1,32 +1,40 @@
-import { type HTMLAttributes, type ReactNode } from "react";
+import { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type ElementType, type ReactElement, type ReactNode } from "react";
 import "./styles/badge.css";
 /** A type representing the visual emphasis applied to a Badge. */
 export type BadgeVariant = "outline" | "soft" | "solid";
 /** A type representing the semantic color treatment applied to a Badge. */
 export type BadgeTone = "neutral" | "info" | "success" | "warning" | "danger";
-/** A type representing properties for the Badge component. */
-export type BadgeProps = HTMLAttributes<HTMLSpanElement> & {
+/** A type representing the visual size applied to a Badge. */
+export type BadgeSize = "small" | "medium" | "large";
+/** A type representing properties owned by the Badge component. */
+type BadgeOwnProps = {
     /** The label content displayed within the Badge. */
     children: ReactNode;
     /** The visual emphasis applied to the Badge. */
     variant?: BadgeVariant;
     /** The semantic color treatment applied to the Badge. */
     tone?: BadgeTone;
+    /** The visual size applied to the Badge. Defaults to medium. */
+    size?: BadgeSize;
 };
+/** A type representing the reference accepted by a polymorphic element. */
+type BadgeReference<Component extends ElementType> = ComponentPropsWithRef<Component>["ref"];
+/** A type representing properties for a polymorphic Badge element. */
+export type BadgeProps<Component extends ElementType = "span"> = BadgeOwnProps & {
+    as?: Component;
+} & Omit<ComponentPropsWithoutRef<Component>, keyof BadgeOwnProps | "as">;
+/** A type representing the public polymorphic Badge component. */
+type BadgeComponent = <Component extends ElementType = "span">(props: BadgeProps<Component> & {
+    ref?: BadgeReference<Component>;
+}) => ReactElement | null;
 /**
- * Renders a compact, non-interactive classification or status label.
+ * Renders a compact classification, status label, or selected semantic
+ * element.
  *
  * @param props - The properties that configure the Badge.
  * @param forwardedReference - The reference assigned to the rendered element.
  *
  * @returns The rendered Badge.
  */
-declare const Badge: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
-    /** The label content displayed within the Badge. */
-    children: ReactNode;
-    /** The visual emphasis applied to the Badge. */
-    variant?: BadgeVariant;
-    /** The semantic color treatment applied to the Badge. */
-    tone?: BadgeTone;
-} & import("react").RefAttributes<HTMLSpanElement>>;
+declare const Badge: BadgeComponent;
 export default Badge;

package/dist/components/Badge/index.d.ts

@@ -1,2 +1,2 @@
 export { default } from "./Badge";
-export type { BadgeProps, BadgeTone, BadgeVariant } from "./Badge";
+export type { BadgeProps, BadgeSize, BadgeTone, BadgeVariant } from "./Badge";

package/dist/components/Button/Button.d.ts

@@ -7,6 +7,8 @@ export type ButtonVariant = "primary" | "secondary" | "ghost";
 export type ButtonTone = "info" | "success" | "warning" | "danger";
 /** A type representing the outline shape of a Button. */
 export type ButtonShape = "rectangle" | "capsule";
+/** A type representing the visual size applied to a Button. */
+export type ButtonSize = "small" | "medium" | "large";
 /** A type representing the placement of a Button icon. */
 export type ButtonIconAlignment = "left" | "right";
 /** A type representing the horizontal alignment of Button contents. */
@@ -21,6 +23,8 @@ type ButtonOwnProps = {
     tone?: ButtonTone;
     /** The outline shape applied to the Button. Defaults to capsule. */
     shape?: ButtonShape;
+    /** The visual size applied to the Button. Defaults to medium. */
+    size?: ButtonSize;
     /** Whether the Button fills its containing block. */
     fullWidth?: boolean;
     /** Whether the Button displays a loading indicator and blocks interaction. */

package/dist/components/Button/index.d.ts

@@ -1,2 +1,2 @@
 export { default } from "./Button";
-export type { ButtonIconAlignment, ButtonProps, ButtonShape, ButtonTextAlignment, ButtonTone, ButtonVariant, } from "./Button";
+export type { ButtonIconAlignment, ButtonProps, ButtonShape, ButtonSize, ButtonTextAlignment, ButtonTone, ButtonVariant, } from "./Button";

package/dist/components/PinInput/PinInput.d.ts

@@ -47,7 +47,7 @@ export type PinInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "childre
  *
  * @returns The rendered PinInput control.
  */
-declare const PinInput: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "className" | "style" | "inputMode" | "children" | "onPaste" | "onChange" | "size" | "value" | "pattern" | "type" | "maxLength" | "minLength"> & {
+declare const PinInput: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "className" | "style" | "inputMode" | "children" | "onPaste" | "onChange" | "size" | "pattern" | "type" | "value" | "maxLength" | "minLength"> & {
     /** The additional class name applied to the composite PinInput root. */
     className?: string;
     /** Whether entered characters are visually replaced with centered dots. */

package/dist/components/Radio/Radio.d.ts

@@ -20,7 +20,7 @@ export type RadioProps = Omit<InputHTMLAttributes<HTMLInputElement>, "checked" |
  *
  * @returns The rendered Radio option.
  */
-declare const RadioRoot: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "className" | "style" | "children" | "onChange" | "value" | "name" | "type" | "required" | "checked"> & {
+declare const RadioRoot: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "className" | "style" | "children" | "onChange" | "name" | "type" | "value" | "required" | "checked"> & {
     /** The clickable and accessible label for the Radio option. */
     children: ReactNode;
     /** The additional class name applied to the Radio label root. */

package/dist/components/Table/components/TableAction.d.ts

@@ -1,7 +1,7 @@
 import { type ButtonProps } from "../../Button";
 import type { IconType } from "../../Icon";
 /** A type representing one consistently styled Table row action. */
-export type TableRowAction = Omit<ButtonProps<"button">, "as" | "children" | "className" | "fullWidth" | "icon" | "iconAlignment" | "shape" | "style" | "textAlignment" | "type" | "variant"> & {
+export type TableRowAction = Omit<ButtonProps<"button">, "as" | "children" | "className" | "fullWidth" | "icon" | "iconAlignment" | "shape" | "size" | "style" | "textAlignment" | "type" | "variant"> & {
     /** The icon identifying the row action. */
     icon: IconType;
     /** The short Tooltip label and base accessible name for the row action. */

package/dist/components/Text/Text.d.ts

@@ -3,7 +3,7 @@ import "./styles/text.css";
 /** A type representing the visual size applied to Text. */
 export type TextSize = "caption" | "body" | "subtitle" | "title" | "heading";
 /** A type representing the visual weight applied to Text. */
-export type TextWeight = "regular" | "medium" | "semibold";
+export type TextWeight = "regular" | "medium" | "semibold" | "bold";
 /** A type representing the semantic color treatment applied to Text. */
 export type TextTone = "default" | "muted" | "accent" | "info" | "success" | "warning" | "danger";
 /** A type representing the horizontal alignment applied to Text. */

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./units-PzuiQNnw.cjs");exports.breakpoint=e.breakpoint;exports.cell=e.cell;exports.px=e.px;exports.space=e.space;exports.tokens=e.tokens;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./units-CpnLv2H4.cjs");exports.breakpoint=e.breakpoint;exports.cell=e.cell;exports.px=e.px;exports.space=e.space;exports.tokens=e.tokens;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { b as e, c as p, p as o, s as t, t as c } from "./units-BmjPCccF.js";
+import { b as e, c as p, p as o, s as t, t as c } from "./units-Bx_CBIy8.js";
 export {
   e as breakpoint,
   p as cell,