neatkit 0.15.2 → 0.15.4

package/dist/{Table-DdTjtnRE.js → Table-iVR2Oob_.js}

@@ -1,25 +1,25 @@
 "use client";
-import { jsx as o, jsxs as R } from "react/jsx-runtime";
+import { jsx as a, jsxs as R } from "react/jsx-runtime";
 import { createContext as V, forwardRef as _, Children as L, isValidElement as j, Fragment as A, createElement as Y, cloneElement as E, useRef as y, useContext as X, useState as B, useEffect as $, useCallback as q } from "react";
 import { a as G } from "./reference-CXMr27nM.js";
 import { S as J } from "./Surface-vEFsZC12.js";
-import { B as Q } from "./Button-DdxB1ps7.js";
+import { B as Q } from "./Button-DWXBKx8l.js";
 import { T as U } from "./Tooltip-4RWCnb2Q.js";
-const N = V("body"), I = _(function(l, e) {
+const T = V("body"), I = _(function(l, e) {
   const {
     align: t = "left",
     children: i,
-    className: a,
+    className: o,
     scope: c = "col",
     sticky: f = !1,
     ...s
   } = l;
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ a(
     "th",
     {
       ...s,
       ref: e,
-      className: ["nk-table__header-cell", a].filter(Boolean).join(" "),
+      className: ["nk-table__header-cell", o].filter(Boolean).join(" "),
       "data-align": t,
       "data-sticky": f || void 0,
       scope: c,
@@ -44,7 +44,7 @@ function W(n) {
     label: t,
     ...i
   } = n;
-  return /* @__PURE__ */ o(U, { content: t, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ a(U, { content: t, children: /* @__PURE__ */ a(
     Q,
     {
       ...i,
@@ -62,13 +62,13 @@ function D(n) {
   function e(t) {
     t.stopPropagation();
   }
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ a(
     "td",
     {
       className: "nk-table__cell nk-table__action-cell",
       "data-align": "right",
       onClick: e,
-      children: l.length > 0 ? /* @__PURE__ */ o("span", { className: "nk-table__action-list", children: l.map((t) => /* @__PURE__ */ Y(W, { ...t, key: t.label })) }) : null
+      children: l.length > 0 ? /* @__PURE__ */ a("span", { className: "nk-table__action-list", children: l.map((t) => /* @__PURE__ */ Y(W, { ...t, key: t.label })) }) : null
     }
   );
 }
@@ -77,34 +77,34 @@ const Z = _(
     const {
       children: t,
       className: i,
-      emptyColumnCount: a = 1,
+      emptyColumnCount: o = 1,
       emptyMessage: c,
       ...f
-    } = l, s = !H(t), m = Number.isFinite(a) ? Math.max(1, Math.floor(a)) : 1;
-    return /* @__PURE__ */ o(
+    } = l, s = !H(t), m = Number.isFinite(o) ? Math.max(1, Math.floor(o)) : 1;
+    return /* @__PURE__ */ a(
       "tbody",
       {
         ...f,
         ref: e,
         className: ["nk-table__body", i].filter(Boolean).join(" "),
         children: s && c !== void 0 ? /* @__PURE__ */ R("tr", { className: "nk-table__row", children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ a(
             "td",
             {
               "aria-hidden": "true",
               className: "nk-table__cell nk-table__overscroll-start-cell"
             }
           ),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ a(
             "td",
             {
               className: "nk-table__cell nk-table__empty-cell",
               colSpan: m,
-              children: /* @__PURE__ */ o("div", { className: "nk-table__empty-content", children: c })
+              children: /* @__PURE__ */ a("div", { className: "nk-table__empty-content", children: c })
             }
           ),
-          /* @__PURE__ */ o(D, { actions: [] })
-        ] }) : /* @__PURE__ */ o(N.Provider, { value: "body", children: t })
+          /* @__PURE__ */ a(D, { actions: [] })
+        ] }) : /* @__PURE__ */ a(T.Provider, { value: "body", children: t })
       }
     );
   }
@@ -121,23 +121,23 @@ const K = _(
     const {
       align: t = "left",
       children: i,
-      className: a,
+      className: o,
       format: c,
       title: f,
       truncate: s,
       value: m,
-      ...h
-    } = l, { rowTrigger: r, ...d } = h, p = ee(m, i, c), u = s === void 0 ? void 0 : { maxWidth: s }, k = f ?? (s === void 0 ? void 0 : te(p));
+      ...p
+    } = l, { rowTrigger: r, ...d } = p, h = ee(m, i, c), u = s === void 0 ? void 0 : { maxWidth: s }, k = f ?? (s === void 0 ? void 0 : te(h));
     return /* @__PURE__ */ R(
       "td",
       {
         ...d,
         ref: e,
-        className: ["nk-table__cell", a].filter(Boolean).join(" "),
+        className: ["nk-table__cell", o].filter(Boolean).join(" "),
         "data-align": t,
         title: k,
         children: [
-          (r == null ? void 0 : r.kind) === "link" && r.linkProperties ? /* @__PURE__ */ o(
+          (r == null ? void 0 : r.kind) === "link" && r.linkProperties ? /* @__PURE__ */ a(
             "a",
             {
               ref: r.reference,
@@ -151,7 +151,7 @@ const K = _(
               target: r.linkProperties.target
             }
           ) : null,
-          (r == null ? void 0 : r.kind) === "button" ? /* @__PURE__ */ o(
+          (r == null ? void 0 : r.kind) === "button" ? /* @__PURE__ */ a(
             "button",
             {
               ref: r.reference,
@@ -161,34 +161,34 @@ const K = _(
               type: "button"
             }
           ) : null,
-          s !== void 0 ? /* @__PURE__ */ o("span", { className: "nk-table__truncated-content", style: u, children: p }) : p
+          s !== void 0 ? /* @__PURE__ */ a("span", { className: "nk-table__truncated-content", style: u, children: h }) : h
         ]
       }
     );
   }
 ), ne = _(
   function(l, e) {
-    const { children: t, className: i, ...a } = l;
-    return /* @__PURE__ */ o(
+    const { children: t, className: i, ...o } = l;
+    return /* @__PURE__ */ a(
       "tfoot",
       {
-        ...a,
+        ...o,
         ref: e,
         className: ["nk-table__foot", i].filter(Boolean).join(" "),
-        children: /* @__PURE__ */ o(N.Provider, { value: "foot", children: t })
+        children: /* @__PURE__ */ a(T.Provider, { value: "foot", children: t })
       }
     );
   }
 ), le = _(
   function(l, e) {
-    const { children: t, className: i, ...a } = l;
-    return /* @__PURE__ */ o(
+    const { children: t, className: i, ...o } = l;
+    return /* @__PURE__ */ a(
       "thead",
       {
-        ...a,
+        ...o,
         ref: e,
         className: ["nk-table__head", i].filter(Boolean).join(" "),
-        children: /* @__PURE__ */ o(N.Provider, { value: "head", children: t })
+        children: /* @__PURE__ */ a(T.Provider, { value: "head", children: t })
       }
     );
   }
@@ -204,7 +204,7 @@ const K = _(
   "textarea",
   "video[controls]",
   "[contenteditable]:not([contenteditable='false'])"
-].join(","), oe = /* @__PURE__ */ new Set([
+].join(","), ae = /* @__PURE__ */ new Set([
   "button",
   "checkbox",
   "combobox",
@@ -231,11 +231,11 @@ const K = _(
   "treegrid",
   "treeitem"
 ]);
-function ae(n, l) {
+function oe(n, l) {
   var t;
   let e = n;
   for (; e && e !== l; ) {
-    if (e.matches(re) || (((t = e.getAttribute("role")) == null ? void 0 : t.split(/\s+/)) ?? []).some((a) => oe.has(a)))
+    if (e.matches(re) || (((t = e.getAttribute("role")) == null ? void 0 : t.split(/\s+/)) ?? []).some((o) => ae.has(o)))
       return !0;
     e = e.parentElement;
   }
@@ -243,8 +243,8 @@ function ae(n, l) {
 }
 function ie(n, l) {
   let e = !1;
-  function t(a) {
-    return L.map(a, (c) => j(c) ? c.type === A ? E(
+  function t(o) {
+    return L.map(o, (c) => j(c) ? c.type === A ? E(
       c,
       void 0,
       t(
@@ -259,15 +259,15 @@ function ie(n, l) {
   return { attached: e, content: i };
 }
 const ce = _(function(l, e) {
-  const { children: t, className: i, ...a } = l;
-  return /* @__PURE__ */ o(
+  const { children: t, className: i, ...o } = l;
+  return /* @__PURE__ */ a(
     I,
     {
-      ...a,
+      ...o,
       ref: e,
       align: "right",
       className: ["nk-table__action-header-cell", i].filter(Boolean).join(" "),
-      children: t ?? /* @__PURE__ */ o("span", { className: "nk-table__visually-hidden", children: "Row actions" })
+      children: t ?? /* @__PURE__ */ a("span", { className: "nk-table__visually-hidden", children: "Row actions" })
     }
   );
 }), se = _(
@@ -275,22 +275,22 @@ const ce = _(function(l, e) {
     const {
       "aria-label": t,
       actions: i,
-      children: a,
+      children: o,
       className: c,
       download: f,
       href: s,
       hrefLang: m,
-      onClick: h,
+      onClick: p,
       onNavigate: r,
       rel: d,
-      target: p,
+      target: h,
       ...u
-    } = l, k = y(null), g = X(N), T = s !== void 0 || h !== void 0, S = (t == null ? void 0 : t.trim()) || (s !== void 0 ? "Open row" : "Activate row");
+    } = l, k = y(null), v = X(T), g = s !== void 0 || p !== void 0, S = (t == null ? void 0 : t.trim()) || (s !== void 0 ? "Open row" : "Activate row");
     function P(b) {
       k.current = b;
     }
-    let v;
-    s !== void 0 ? v = {
+    let C;
+    s !== void 0 ? C = {
       ariaLabel: S,
       kind: "link",
       linkProperties: {
@@ -299,28 +299,28 @@ const ce = _(function(l, e) {
         hrefLang: m,
         onNavigate: r,
         rel: d,
-        target: p
+        target: h
       },
       reference: P
-    } : h !== void 0 && (v = {
+    } : p !== void 0 && (C = {
       ariaLabel: S,
       kind: "button",
-      onClick: h,
+      onClick: p,
       reference: P
     });
-    const O = v ? ie(a, v) : { content: a };
+    const O = C ? ie(o, C) : { content: o };
     function z(b) {
       if (b.defaultPrevented) return;
       const w = b.target;
-      if (!(w instanceof Element) || ae(w, b.currentTarget)) return;
-      const C = k.current;
-      if (!C) return;
-      const x = C.ownerDocument.defaultView;
+      if (!(w instanceof Element) || oe(w, b.currentTarget)) return;
+      const N = k.current;
+      if (!N) return;
+      const x = N.ownerDocument.defaultView;
       if (!x) {
-        C.click();
+        N.click();
         return;
       }
-      C.dispatchEvent(new x.MouseEvent("click", {
+      N.dispatchEvent(new x.MouseEvent("click", {
         altKey: b.altKey,
         bubbles: !0,
         button: b.button,
@@ -333,13 +333,13 @@ const ce = _(function(l, e) {
         shiftKey: b.shiftKey
       }));
     }
-    const F = g === "head" ? /* @__PURE__ */ o(ce, {}) : /* @__PURE__ */ o(D, { actions: i ?? [] }), M = g === "head" ? /* @__PURE__ */ o(
+    const F = v === "head" ? /* @__PURE__ */ a(ce, {}) : /* @__PURE__ */ a(D, { actions: i ?? [] }), M = v === "head" ? /* @__PURE__ */ a(
       "th",
       {
         "aria-hidden": "true",
         className: "nk-table__header-cell nk-table__overscroll-start-cell"
       }
-    ) : /* @__PURE__ */ o(
+    ) : /* @__PURE__ */ a(
       "td",
       {
         "aria-hidden": "true",
@@ -351,10 +351,10 @@ const ce = _(function(l, e) {
       {
         ...u,
         ref: e,
-        "aria-label": T ? void 0 : t,
+        "aria-label": g ? void 0 : t,
         className: ["nk-table__row", c].filter(Boolean).join(" "),
-        "data-interactive": T || void 0,
-        onClick: T ? z : void 0,
+        "data-interactive": g || void 0,
+        onClick: g ? z : void 0,
         children: [
           M,
           O.content,
@@ -365,25 +365,25 @@ const ce = _(function(l, e) {
   }
 );
 function de() {
-  const n = y(null), l = y(null), [e, t] = B(!1), [i, a] = B(!1);
+  const n = y(null), l = y(null), [e, t] = B(!1), [i, o] = B(!1);
   $(() => {
     const f = n.current, s = l.current;
     if (!f || !s) return;
-    const m = f, h = s;
+    const m = f, p = s;
     function r() {
       const k = m.scrollWidth > m.clientWidth;
-      t(k), k || a(!1);
+      t(k), k || o(!1);
     }
     r();
     const d = m.ownerDocument.defaultView;
     d == null || d.addEventListener("resize", r);
-    const p = d == null ? void 0 : d.ResizeObserver, u = p ? new p(r) : void 0;
-    return u == null || u.observe(m), u == null || u.observe(h), () => {
+    const h = d == null ? void 0 : d.ResizeObserver, u = h ? new h(r) : void 0;
+    return u == null || u.observe(m), u == null || u.observe(p), () => {
       d == null || d.removeEventListener("resize", r), u == null || u.disconnect();
     };
   }, []);
   function c(f) {
-    a(e && f.currentTarget.scrollLeft > 1);
+    o(e && f.currentTarget.scrollLeft > 1);
   }
   return {
     containerReference: n,
@@ -397,40 +397,42 @@ const ue = _(function(l, e) {
   const {
     "aria-label": t,
     children: i,
-    className: a,
+    className: o,
     containerClassName: c,
     frame: f = "outline",
-    ...s
+    spacing: s = "standard",
+    ...m
   } = l, {
-    containerReference: m,
-    contentReference: h,
-    isScrollable: r,
-    isScrolled: d,
-    handleScroll: p
-  } = de(), u = t ? `${t} scroll area` : "Scrollable table", k = q(
+    containerReference: p,
+    contentReference: r,
+    isScrollable: d,
+    isScrolled: h,
+    handleScroll: u
+  } = de(), k = t ? `${t} scroll area` : "Scrollable table", v = q(
     (g) => {
-      h.current = g, G(e, g);
+      r.current = g, G(e, g);
     },
-    [h, e]
+    [r, e]
   );
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ a(
     J,
     {
-      ref: m,
-      "aria-label": r ? u : void 0,
+      ref: p,
+      "aria-label": d ? k : void 0,
       className: ["nk-table", c].filter(Boolean).join(" "),
       "data-frame": f,
-      "data-scrolled": d || void 0,
-      onScroll: p,
-      role: r ? "region" : void 0,
-      tabIndex: r ? 0 : void 0,
-      children: /* @__PURE__ */ o(
+      "data-scrolled": h || void 0,
+      "data-spacing": s,
+      onScroll: u,
+      role: d ? "region" : void 0,
+      tabIndex: d ? 0 : void 0,
+      children: /* @__PURE__ */ a(
         "table",
         {
-          ...s,
-          ref: k,
+          ...m,
+          ref: v,
           "aria-label": t,
-          className: ["nk-table__element", a].filter(Boolean).join(" "),
+          className: ["nk-table__element", o].filter(Boolean).join(" "),
           children: i
         }
       )

package/dist/Table.cjs

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

package/dist/Table.js

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

package/dist/components/Icon/icons/BinaryIcon.d.ts

@@ -0,0 +1,11 @@
+import type { IconGraphicProps } from "./types";
+/**
+ * Renders a binary icon.
+ *
+ * @param props - The SVG properties applied to the icon.
+ * @param forwardedReference - The reference assigned to the rendered SVG.
+ *
+ * @returns The rendered icon SVG.
+ */
+declare const _default: import("react").ForwardRefExoticComponent<Omit<IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export default _default;

package/dist/components/Icon/icons/TrashIcon.d.ts

@@ -0,0 +1,11 @@
+import type { IconGraphicProps } from "./types";
+/**
+ * Renders a trash icon.
+ *
+ * @param props - The SVG properties applied to the icon.
+ * @param forwardedReference - The reference assigned to the rendered SVG.
+ *
+ * @returns The rendered icon SVG.
+ */
+declare const _default: import("react").ForwardRefExoticComponent<Omit<IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export default _default;

package/dist/components/Icon/utils/registry.d.ts

@@ -9,6 +9,7 @@ export declare const iconGraphics: {
     readonly google: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly microsoft: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly bing: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly binary: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly apple: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly twitter: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly facebook: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
@@ -51,6 +52,7 @@ export declare const iconGraphics: {
     readonly file: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly image: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly tag: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly trash: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly ruble: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly key: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     readonly gear: import("react").ForwardRefExoticComponent<Omit<import("../icons/types").IconGraphicProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;

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

@@ -16,6 +16,8 @@ export type { TableRowProps } from "./components/TableRow";
 export type { TableCellAlignment, TableCellValue } from "./utils/cell";
 /** A type representing the outer frame applied around a Table. */
 export type TableFrame = "none" | "outline";
+/** A type representing the vertical spacing applied inside Table cells. */
+export type TableSpacing = "compact" | "standard";
 /** A type representing the complete compound Table component. */
 type TableComponent = typeof TableRoot & {
     /** The body section containing Table data rows. */
@@ -39,6 +41,8 @@ export type TableProps = Omit<TableHTMLAttributes<HTMLTableElement>, "frame"> &
     containerClassName?: string;
     /** The outer border and corner treatment applied around the Table. */
     frame?: TableFrame;
+    /** The vertical cell padding: standard (8px) or compact (4px). */
+    spacing?: TableSpacing;
 };
 /**
  * Renders a semantic Table inside a keyboard-scrollable surface.
@@ -55,6 +59,8 @@ declare const TableRoot: import("react").ForwardRefExoticComponent<Omit<TableHTM
     containerClassName?: string;
     /** The outer border and corner treatment applied around the Table. */
     frame?: TableFrame;
+    /** The vertical cell padding: standard (8px) or compact (4px). */
+    spacing?: TableSpacing;
 } & import("react").RefAttributes<HTMLTableElement>>;
 /** The compound Table component and its semantic subcomponents. */
 declare const Table: TableComponent;

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

@@ -1,2 +1,2 @@
 export { default } from "./Table";
-export type { TableBodyProps, TableCellAlignment, TableCellProps, TableCellValue, TableFootProps, TableFrame, TableHeaderCellProps, TableHeadProps, TableProps, TableRowAction, TableRowProps, } from "./Table";
+export type { TableBodyProps, TableCellAlignment, TableCellProps, TableCellValue, TableFootProps, TableFrame, TableHeaderCellProps, TableHeadProps, TableProps, TableRowAction, TableRowProps, TableSpacing, } from "./Table";