neatkit 0.5.0 → 0.7.0

package/dist/Select.js

@@ -0,0 +1,473 @@
+"use client";
+import { jsx as f, jsxs as R } from "react/jsx-runtime";
+import { forwardRef as De, useId as _e, useRef as q, useState as z, useCallback as S, useEffect as Y, useMemo as Ee } from "react";
+import { h as le, r as re } from "./aria-DHnOMyYp.js";
+import { q as F } from "./Icon-uQmpr5P2.js";
+import { a as Oe, P as Le, b as Ne, c as Pe } from "./usePresence-DSPt6aKi.js";
+function te(a, t, i) {
+  if (a.length === 0) return -1;
+  for (let l = 1; l <= a.length; l += 1) {
+    const h = (t + i * l + a.length) % a.length;
+    if (!a[h].disabled) return h;
+  }
+  return -1;
+}
+function Se(a, t, i) {
+  for (let l = 1; l <= a.length; l += 1) {
+    const h = (i + l + a.length) % a.length, r = a[h];
+    if (!r.disabled && r.label.toLocaleLowerCase().startsWith(t))
+      return h;
+  }
+  return -1;
+}
+function Re(a) {
+  const t = /* @__PURE__ */ new Set();
+  a.forEach((i) => {
+    if (t.has(i.value))
+      throw new Error("Select option values must be unique");
+    t.add(i.value);
+  });
+}
+function Ve(a, t, i) {
+  t.current = a, typeof i == "function" ? i(a) : i && (i.current = a);
+}
+function Ce(a) {
+  const {
+    "aria-invalid": t,
+    children: i,
+    className: l,
+    defaultValue: h,
+    disabled: r = !1,
+    forwardedReference: s,
+    invalid: v = !1,
+    placeholder: b,
+    style: d,
+    value: u,
+    ...p
+  } = a, k = re(v, t), w = v || le(t);
+  return /* @__PURE__ */ R(
+    "span",
+    {
+      className: ["nk-select", l].filter(Boolean).join(" "),
+      "data-disabled": r || void 0,
+      "data-invalid": w || void 0,
+      "data-mode": "native",
+      style: d,
+      children: [
+        /* @__PURE__ */ R(
+          "select",
+          {
+            ...p,
+            ref: s,
+            "aria-invalid": k,
+            className: "nk-select__control",
+            defaultValue: u === void 0 ? h ?? (b !== void 0 ? "" : void 0) : void 0,
+            disabled: r,
+            value: u,
+            children: [
+              b !== void 0 ? /* @__PURE__ */ f("option", { disabled: !0, value: "", children: b }) : null,
+              i
+            ]
+          }
+        ),
+        /* @__PURE__ */ f(F, { className: "nk-select__icon", type: "chevron-down" })
+      ]
+    }
+  );
+}
+function He(a, t, i) {
+  const [l, h] = z(null);
+  return Y(() => {
+    if (!a || !t) {
+      h(null);
+      return;
+    }
+    const r = t.ownerDocument.defaultView;
+    if (!r) return;
+    const s = r;
+    function v() {
+      const u = t == null ? void 0 : t.getBoundingClientRect();
+      if (!u) return;
+      const p = 8, k = 4, w = s.innerHeight - u.bottom - k - p, E = u.top - k - p, D = w < 160 && E > w, x = Math.max(
+        72,
+        D ? E : w
+      ), y = i == null ? void 0 : i.getBoundingClientRect(), V = Math.max(
+        u.width,
+        (y == null ? void 0 : y.width) ?? u.width
+      ), o = Math.min(
+        Math.max(p, u.left),
+        Math.max(
+          p,
+          s.innerWidth - p - V
+        )
+      ), N = D ? Math.max(
+        p,
+        u.top - k - Math.min(
+          (y == null ? void 0 : y.height) ?? x,
+          x
+        )
+      ) : u.bottom + k;
+      h({
+        left: o,
+        maxHeight: x,
+        minWidth: u.width,
+        top: N
+      });
+    }
+    v(), s.addEventListener("resize", v), s.addEventListener("scroll", v, !0);
+    const b = s.ResizeObserver, d = b ? new b(v) : null;
+    return d == null || d.observe(t), i && (d == null || d.observe(i)), () => {
+      s.removeEventListener("resize", v), s.removeEventListener("scroll", v, !0), d == null || d.disconnect();
+    };
+  }, [a, i, t]), l;
+}
+function Me(a) {
+  const {
+    active: t,
+    closeOnEscape: i,
+    closeOnOutsideInteraction: l,
+    highlightedIndex: h,
+    id: r,
+    listboxReference: s,
+    onEscapeDismiss: v,
+    onEscapeKeyDown: b,
+    onHighlight: d,
+    onOutsideDismiss: u,
+    onPointerDownOutside: p,
+    onSelect: k,
+    options: w,
+    ownerDocument: E,
+    position: D,
+    selectedValue: x,
+    state: y,
+    triggerReference: V
+  } = a, o = q(null), N = Ne(!0, E), C = Ee(
+    () => [V, o],
+    [V]
+  ), $ = S(
+    (c) => {
+      o.current = c, s(c);
+    },
+    [s]
+  );
+  return Pe({
+    active: t,
+    boundaries: C,
+    dismissOnEscape: i,
+    dismissOnPointerDownOutside: l,
+    layerId: N.id,
+    onEscapeDismiss: v,
+    onEscapeKeyDown: b,
+    onPointerDownOutside: p,
+    onPointerDownOutsideDismiss: u,
+    ownerDocument: E
+  }), /* @__PURE__ */ f(
+    "div",
+    {
+      "aria-hidden": t ? void 0 : !0,
+      "aria-labelledby": r,
+      className: "nk-select__listbox",
+      "data-state": y,
+      id: `${r}-listbox`,
+      ref: $,
+      role: "listbox",
+      style: D ? {
+        left: D.left,
+        maxHeight: D.maxHeight,
+        minWidth: D.minWidth,
+        top: D.top,
+        zIndex: N.zIndex
+      } : { visibility: "hidden", zIndex: N.zIndex },
+      children: w.map((c, H) => /* @__PURE__ */ R(
+        "div",
+        {
+          "aria-disabled": c.disabled || void 0,
+          "aria-selected": c.value === x,
+          className: "nk-select__option",
+          "data-highlighted": H === h || void 0,
+          "data-selected": c.value === x || void 0,
+          id: `${r}-option-${H}`,
+          onPointerDown: (Q) => {
+            Q.preventDefault(), c.disabled || k(c);
+          },
+          onPointerMove: () => {
+            c.disabled || d(H);
+          },
+          role: "option",
+          children: [
+            c.icon ? /* @__PURE__ */ f(F, { type: c.icon }) : null,
+            /* @__PURE__ */ f("span", { className: "nk-select__option-label", children: c.label }),
+            c.value === x ? /* @__PURE__ */ f(F, { className: "nk-select__check", type: "checkmark" }) : null
+          ]
+        },
+        c.value
+      ))
+    }
+  );
+}
+function Ae(a) {
+  var oe;
+  const {
+    "aria-invalid": t,
+    className: i,
+    closeOnEscape: l = !0,
+    closeOnOutsideInteraction: h = !0,
+    defaultValue: r = "",
+    disabled: s = !1,
+    displayOverride: v,
+    form: b,
+    forwardedReference: d,
+    id: u,
+    invalid: p = !1,
+    name: k,
+    onChange: w,
+    onClick: E,
+    onEscapeKeyDown: D,
+    onKeyDown: x,
+    onOpenChange: y,
+    onPointerDownOutside: V,
+    options: o,
+    placeholder: N,
+    portalContainer: C,
+    required: $ = !1,
+    style: c,
+    value: H,
+    width: Q,
+    ...ce
+  } = a;
+  Re(o);
+  const de = _e(), M = u ?? de, _ = q(null), ie = q(null), A = q(null), U = q(""), [K, ue] = z(null), [m, fe] = z(!1), [O, B] = z(-1), [me, ae] = z(r), W = H !== void 0, P = W ? H : me, he = o.find(
+    (e) => e.value === P
+  ), ve = p || le(t), pe = re(p, t), Z = Oe(m), j = (C == null ? void 0 : C.ownerDocument) ?? ((oe = _.current) == null ? void 0 : oe.ownerDocument) ?? (typeof document > "u" ? null : document), ye = He(
+    Z.present,
+    _.current,
+    K
+  ), ge = Q === void 0 ? c : { ...c, width: Q }, G = v ?? he, be = S(
+    (e) => {
+      Ve(
+        e,
+        _,
+        d
+      );
+    },
+    [d]
+  ), g = S((e) => {
+    m !== e && (fe(e), y == null || y(e));
+  }, [y, m]), J = S((e = 1) => {
+    const n = o.findIndex(
+      (L) => L.value === P && !L.disabled
+    ), I = e === 1 ? -1 : o.length;
+    B(
+      n >= 0 ? n : te(o, I, e)
+    ), g(!0);
+  }, [o, P, g]), se = S((e) => {
+    var n;
+    e.disabled || (W || ae(e.value), g(!1), (n = _.current) == null || n.focus(), w == null || w(e.value));
+  }, [W, w, g]), we = S(() => {
+    var e;
+    g(!1), (e = _.current) == null || e.focus();
+  }, [g]), Ie = S(() => {
+    g(!1);
+  }, [g]);
+  function ke(e) {
+    E == null || E(e), !(e.defaultPrevented || s) && (m ? g(!1) : J());
+  }
+  function xe(e) {
+    if (x == null || x(e), !(e.defaultPrevented || s)) {
+      if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+        e.preventDefault();
+        const n = e.key === "ArrowDown" ? 1 : -1;
+        m ? B(
+          (I) => te(o, I, n)
+        ) : J(n);
+        return;
+      }
+      if (e.key === "Home" || e.key === "End") {
+        if (e.preventDefault(), !m) J(e.key === "Home" ? 1 : -1);
+        else {
+          const n = e.key === "Home" ? 1 : -1, I = n === 1 ? -1 : o.length;
+          B(
+            te(o, I, n)
+          );
+        }
+        return;
+      }
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        const n = o[O];
+        m && n ? se(n) : m || J();
+        return;
+      }
+      if (e.key === "Tab") {
+        g(!1);
+        return;
+      }
+      if (e.key.length === 1 && !e.altKey && !e.ctrlKey && !e.metaKey) {
+        const n = e.currentTarget.ownerDocument.defaultView;
+        if (!n) return;
+        const I = e.key.toLocaleLowerCase(), L = U.current + I, ee = Array.from(L).every((ne) => ne === I);
+        U.current = ee ? I : L, A.current !== null && n.clearTimeout(A.current), A.current = n.setTimeout(() => {
+          U.current = "", A.current = null;
+        }, 500);
+        const T = Se(
+          o,
+          U.current,
+          O
+        );
+        T >= 0 && (e.preventDefault(), m || g(!0), B(T));
+      }
+    }
+  }
+  return Y(() => {
+    var e;
+    if (m && O >= 0) {
+      const n = j == null ? void 0 : j.getElementById(
+        `${M}-option-${O}`
+      );
+      n && (K != null && K.contains(n)) && ((e = n.scrollIntoView) == null || e.call(n, { block: "nearest" }));
+    }
+  }, [O, M, K, m]), Y(() => {
+    var I;
+    const e = (I = _.current) == null ? void 0 : I.form;
+    if (!e) return;
+    function n() {
+      const L = ie.current, ee = W ? P : r;
+      if (L) {
+        const T = Array.from(L.options), ne = T.find(
+          (X) => X.value === ee
+        ) ?? T[0];
+        T.forEach((X) => {
+          X.defaultSelected = X === ne;
+        });
+      }
+      W || ae(r), g(!1);
+    }
+    return e.addEventListener("reset", n), () => e.removeEventListener("reset", n);
+  }, [r, b, W, P, g]), Y(() => () => {
+    var n;
+    const e = (n = _.current) == null ? void 0 : n.ownerDocument.defaultView;
+    e && A.current !== null && e.clearTimeout(A.current);
+  }, []), /* @__PURE__ */ R(
+    "span",
+    {
+      className: ["nk-select", i].filter(Boolean).join(" "),
+      "data-disabled": s || void 0,
+      "data-invalid": ve || void 0,
+      "data-mode": "custom",
+      "data-open": m || void 0,
+      style: ge,
+      children: [
+        /* @__PURE__ */ R(
+          "button",
+          {
+            ...ce,
+            ref: be,
+            "aria-activedescendant": m && O >= 0 ? `${M}-option-${O}` : void 0,
+            "aria-controls": `${M}-listbox`,
+            "aria-expanded": m,
+            "aria-haspopup": "listbox",
+            "aria-invalid": pe,
+            "aria-required": $ || void 0,
+            "aria-autocomplete": "none",
+            className: "nk-select__trigger",
+            disabled: s,
+            form: b,
+            id: M,
+            onClick: ke,
+            onKeyDown: xe,
+            role: "combobox",
+            type: "button",
+            children: [
+              G ? /* @__PURE__ */ R("span", { className: "nk-select__value", children: [
+                G.icon ? /* @__PURE__ */ f(F, { type: G.icon }) : null,
+                /* @__PURE__ */ f("span", { className: "nk-select__value-label", children: G.label })
+              ] }) : /* @__PURE__ */ f("span", { className: "nk-select__placeholder", children: N }),
+              /* @__PURE__ */ f(F, { className: "nk-select__icon", type: "chevron-down" })
+            ]
+          }
+        ),
+        k || $ ? /* @__PURE__ */ R(
+          "select",
+          {
+            ref: ie,
+            "aria-hidden": "true",
+            className: "nk-select__form-control",
+            disabled: s,
+            form: b,
+            name: k,
+            onChange: () => {
+            },
+            onInvalid: (e) => {
+              var n;
+              e.preventDefault(), (n = _.current) == null || n.focus();
+            },
+            required: $,
+            tabIndex: -1,
+            value: P,
+            children: [
+              /* @__PURE__ */ f("option", { value: "" }),
+              o.map((e) => /* @__PURE__ */ f(
+                "option",
+                {
+                  disabled: e.disabled,
+                  value: e.value,
+                  children: e.label
+                },
+                e.value
+              ))
+            ]
+          }
+        ) : null,
+        Z.present && j ? /* @__PURE__ */ f(
+          Le,
+          {
+            container: C,
+            inheritFrom: _.current,
+            children: /* @__PURE__ */ f(
+              Me,
+              {
+                active: m,
+                closeOnEscape: l,
+                closeOnOutsideInteraction: h,
+                highlightedIndex: O,
+                id: M,
+                listboxReference: ue,
+                onEscapeDismiss: we,
+                onEscapeKeyDown: D,
+                onHighlight: B,
+                onOutsideDismiss: Ie,
+                onPointerDownOutside: V,
+                onSelect: se,
+                options: o,
+                ownerDocument: j,
+                position: ye,
+                selectedValue: P,
+                state: Z.state === "closing" ? "closing" : "open",
+                triggerReference: _
+              }
+            )
+          }
+        ) : null
+      ]
+    }
+  );
+}
+const je = De(function(t, i) {
+  const { options: l } = t;
+  return l !== void 0 ? /* @__PURE__ */ f(
+    Ae,
+    {
+      ...t,
+      forwardedReference: i
+    }
+  ) : /* @__PURE__ */ f(
+    Ce,
+    {
+      ...t,
+      forwardedReference: i
+    }
+  );
+});
+export {
+  je as default
+};

package/dist/Skeleton.cjs

@@ -0,0 +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;

package/dist/Skeleton.js

@@ -0,0 +1,27 @@
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+const p = m(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
+  } = t;
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      ...l,
+      ref: a,
+      "aria-hidden": r,
+      className: ["nk-skeleton", n].filter(Boolean).join(" "),
+      "data-shape": e,
+      style: { ...i, width: s, height: o }
+    }
+  );
+});
+export {
+  p as default
+};

package/dist/Spinner-BXgw60UC.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("react/jsx-runtime"),l=require("react"),p=l.forwardRef(function(r,i){const{className:s="",color:n,size:e=48,style:t,...o}=r,a=typeof e=="number"?`${e}px`:e;return c.jsx("div",{ref:i,className:["nk-spinner",s].filter(Boolean).join(" "),style:{...t,width:e,height:e,fontSize:a,...n?{color:n}:void 0},role:"status","aria-label":"Loading",...o})});exports.Spinner=p;

package/dist/Spinner-CVYvk6YK.js

@@ -0,0 +1,25 @@
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+const d = p(function(o, r) {
+  const { className: i = "", color: n, size: e = 48, style: t, ...s } = o, a = typeof e == "number" ? `${e}px` : e;
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      ref: r,
+      className: ["nk-spinner", i].filter(Boolean).join(" "),
+      style: {
+        ...t,
+        width: e,
+        height: e,
+        fontSize: a,
+        ...n ? { color: n } : void 0
+      },
+      role: "status",
+      "aria-label": "Loading",
+      ...s
+    }
+  );
+});
+export {
+  d as S
+};

package/dist/Spinner.cjs

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

package/dist/Spinner.js

@@ -0,0 +1,4 @@
+import { S as f } from "./Spinner-CVYvk6YK.js";
+export {
+  f as default
+};

package/dist/Surface-BttJYSDt.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),o=a.forwardRef(function(e,r){const{children:c,className:s,...n}=e;return t.jsx("div",{...n,ref:r,className:["nk-surface",s].filter(Boolean).join(" "),children:c})});exports.Surface=o;

package/dist/Surface-vEFsZC12.js

@@ -0,0 +1,17 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+const m = s(function(r, e) {
+  const { children: o, className: a, ...f } = r;
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ...f,
+      ref: e,
+      className: ["nk-surface", a].filter(Boolean).join(" "),
+      children: o
+    }
+  );
+});
+export {
+  m as S
+};

package/dist/Switch.cjs

@@ -0,0 +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;

package/dist/Switch.js

@@ -0,0 +1,39 @@
+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";
+const w = o(function(t, n) {
+  const {
+    "aria-invalid": i,
+    className: e,
+    disabled: s = !1,
+    style: r,
+    ...c
+  } = t;
+  return /* @__PURE__ */ l(
+    "span",
+    {
+      className: ["nk-switch", e].filter(Boolean).join(" "),
+      "data-disabled": s || void 0,
+      "data-invalid": d(i) || void 0,
+      style: r,
+      children: [
+        /* @__PURE__ */ a(
+          "input",
+          {
+            ...c,
+            ref: n,
+            "aria-invalid": i,
+            className: "nk-switch__control",
+            disabled: s,
+            role: "switch",
+            type: "checkbox"
+          }
+        ),
+        /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "nk-switch__track", children: /* @__PURE__ */ a("span", { className: "nk-switch__thumb" }) })
+      ]
+    }
+  );
+});
+export {
+  w as default
+};

package/dist/Table-83unQQOi.cjs

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