@cfx-dev/ui-components 2.1.12 → 2.1.14

package/dist/components/Select/Select.js

@@ -249,7 +249,7 @@ var dt = "focusScope.autoFocusOnMount", ft = "focusScope.autoFocusOnUnmount", Yt
       const d = document.activeElement;
       if (!s.contains(d)) {
         const h = new CustomEvent(dt, Yt);
-        s.addEventListener(dt, l), s.dispatchEvent(h), h.defaultPrevented || (Go(er(wn(s)), { select: !0 }), document.activeElement === d && ue(s));
+        s.addEventListener(dt, l), s.dispatchEvent(h), h.defaultPrevented || (qo(er(wn(s)), { select: !0 }), document.activeElement === d && ue(s));
       }
       return () => {
         s.removeEventListener(dt, l), setTimeout(() => {
@@ -264,7 +264,7 @@ var dt = "focusScope.autoFocusOnMount", ft = "focusScope.autoFocusOnUnmount", Yt
       if (!n && !o || m.paused) return;
       const g = d.key === "Tab" && !d.altKey && !d.ctrlKey && !d.metaKey, h = document.activeElement;
       if (g && h) {
-        const y = d.currentTarget, [x, S] = qo(y);
+        const y = d.currentTarget, [x, S] = Go(y);
         x && S ? !d.shiftKey && h === S ? (d.preventDefault(), n && ue(x, { select: !0 })) : d.shiftKey && h === x && (d.preventDefault(), n && ue(S, { select: !0 })) : h === y && d.preventDefault();
       }
     },
@@ -273,12 +273,12 @@ var dt = "focusScope.autoFocusOnMount", ft = "focusScope.autoFocusOnUnmount", Yt
   return /* @__PURE__ */ C(U.div, { tabIndex: -1, ...c, ref: w, onKeyDown: v });
 });
 gn.displayName = Xo;
-function Go(e, { select: t = !1 } = {}) {
+function qo(e, { select: t = !1 } = {}) {
   const n = document.activeElement;
   for (const o of e)
     if (ue(o, { select: t }), document.activeElement !== n) return;
 }
-function qo(e) {
+function Go(e) {
   const t = wn(e), n = jt(t, e), o = jt(t.reverse(), e);
   return [n, o];
 }
@@ -320,15 +320,15 @@ function Jo() {
   return {
     add(t) {
       const n = e[0];
-      t !== n && (n == null || n.pause()), e = Gt(e, t), e.unshift(t);
+      t !== n && (n == null || n.pause()), e = qt(e, t), e.unshift(t);
     },
     remove(t) {
       var n;
-      e = Gt(e, t), (n = e[0]) == null || n.resume();
+      e = qt(e, t), (n = e[0]) == null || n.resume();
     }
   };
 }
-function Gt(e, t) {
+function qt(e, t) {
   const n = [...e], o = n.indexOf(t);
   return o !== -1 && n.splice(o, 1), n;
 }
@@ -343,7 +343,7 @@ function Nt(e) {
     n((o) => o ?? String(nr++));
   }, [e]), t ? `radix-${t}` : "";
 }
-const or = ["top", "right", "bottom", "left"], te = Math.min, G = Math.max, Je = Math.round, Ke = Math.floor, pe = (e) => ({
+const or = ["top", "right", "bottom", "left"], te = Math.min, q = Math.max, Je = Math.round, Ke = Math.floor, pe = (e) => ({
   x: e,
   y: e
 }), rr = {
@@ -356,7 +356,7 @@ const or = ["top", "right", "bottom", "left"], te = Math.min, G = Math.max, Je =
   end: "start"
 };
 function yt(e, t, n) {
-  return G(e, te(t, n));
+  return q(e, te(t, n));
 }
 function se(e, t) {
   return typeof e == "function" ? e(t) : e;
@@ -448,7 +448,7 @@ function tt(e) {
     y: n
   };
 }
-function qt(e, t, n) {
+function Gt(e, t, n) {
   let {
     reference: o,
     floating: r
@@ -510,7 +510,7 @@ const dr = async (e, t, n) => {
   }), {
     x: p,
     y: f
-  } = qt(l, o, a), w = o, m = {}, v = 0;
+  } = Gt(l, o, a), w = o, m = {}, v = 0;
   for (let d = 0; d < s.length; d++) {
     const {
       name: g,
@@ -547,7 +547,7 @@ const dr = async (e, t, n) => {
     }) : b.rects), {
       x: p,
       y: f
-    } = qt(l, w, a)), d = -1);
+    } = Gt(l, w, a)), d = -1);
   }
   return {
     x: p,
@@ -939,8 +939,8 @@ const vr = function(e) {
       const g = m - a.top - a.bottom, h = w - a.left - a.right, y = te(m - a[v], g), x = te(w - a[d], h), S = !t.middlewareData.shift;
       let b = y, P = x;
       if (f ? P = p || S ? te(x, h) : h : b = p || S ? te(y, g) : g, S && !p) {
-        const T = G(a.left, 0), I = G(a.right, 0), _ = G(a.top, 0), V = G(a.bottom, 0);
-        f ? P = w - 2 * (T !== 0 || I !== 0 ? T + I : G(a.left, a.right)) : b = m - 2 * (_ !== 0 || V !== 0 ? _ + V : G(a.top, a.bottom));
+        const T = q(a.left, 0), I = q(a.right, 0), _ = q(a.top, 0), V = q(a.bottom, 0);
+        f ? P = w - 2 * (T !== 0 || I !== 0 ? T + I : q(a.left, a.right)) : b = m - 2 * (_ !== 0 || V !== 0 ? _ + V : q(a.top, a.bottom));
       }
       await c({
         ...t,
@@ -959,7 +959,7 @@ const vr = function(e) {
 function _e(e) {
   return xn(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function q(e) {
+function G(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
@@ -968,16 +968,16 @@ function ae(e) {
   return (t = (xn(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function xn(e) {
-  return e instanceof Node || e instanceof q(e).Node;
+  return e instanceof Node || e instanceof G(e).Node;
 }
 function ne(e) {
-  return e instanceof Element || e instanceof q(e).Element;
+  return e instanceof Element || e instanceof G(e).Element;
 }
 function oe(e) {
-  return e instanceof HTMLElement || e instanceof q(e).HTMLElement;
+  return e instanceof HTMLElement || e instanceof G(e).HTMLElement;
 }
 function Jt(e) {
-  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof q(e).ShadowRoot;
+  return typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof G(e).ShadowRoot;
 }
 function $e(e) {
   const {
@@ -1022,7 +1022,7 @@ function Ne(e) {
   return ["html", "body", "#document"].includes(_e(e));
 }
 function J(e) {
-  return q(e).getComputedStyle(e);
+  return G(e).getComputedStyle(e);
 }
 function it(e) {
   return ne(e) ? {
@@ -1052,7 +1052,7 @@ function Sn(e) {
 function Ve(e, t, n) {
   var o;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const r = Sn(e), i = r === ((o = e.ownerDocument) == null ? void 0 : o.body), c = q(r);
+  const r = Sn(e), i = r === ((o = e.ownerDocument) == null ? void 0 : o.body), c = G(r);
   return i ? t.concat(c, c.visualViewport || [], $e(r) ? r : [], c.frameElement && n ? Ve(c.frameElement) : []) : t.concat(r, Ve(r, [], n));
 }
 function bn(e) {
@@ -1085,14 +1085,14 @@ function Te(e) {
 }
 const br = /* @__PURE__ */ pe(0);
 function Cn(e) {
-  const t = q(e);
+  const t = G(e);
   return !Dt() || !t.visualViewport ? br : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
 function Cr(e, t, n) {
-  return t === void 0 && (t = !1), !n || t && n !== q(e) ? !1 : t;
+  return t === void 0 && (t = !1), !n || t && n !== G(e) ? !1 : t;
 }
 function be(e, t, n, o) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
@@ -1102,11 +1102,11 @@ function be(e, t, n, o) {
   const s = Cr(i, n, o) ? Cn(i) : pe(0);
   let a = (r.left + s.x) / c.x, l = (r.top + s.y) / c.y, p = r.width / c.x, f = r.height / c.y;
   if (i) {
-    const w = q(i), m = o && ne(o) ? q(o) : o;
+    const w = G(i), m = o && ne(o) ? G(o) : o;
     let v = w, d = v.frameElement;
     for (; d && o && m !== v; ) {
       const g = Te(d), h = d.getBoundingClientRect(), y = J(d), x = h.left + (d.clientLeft + parseFloat(y.paddingLeft)) * g.x, S = h.top + (d.clientTop + parseFloat(y.paddingTop)) * g.y;
-      a *= g.x, l *= g.y, p *= g.x, f *= g.y, a += x, l += S, v = q(d), d = v.frameElement;
+      a *= g.x, l *= g.y, p *= g.x, f *= g.y, a += x, l += S, v = G(d), d = v.frameElement;
     }
   }
   return tt({
@@ -1149,10 +1149,10 @@ function En(e) {
   return be(ae(e)).left + it(e).scrollLeft;
 }
 function Rr(e) {
-  const t = ae(e), n = it(e), o = e.ownerDocument.body, r = G(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), i = G(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  const t = ae(e), n = it(e), o = e.ownerDocument.body, r = q(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), i = q(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
   let c = -n.scrollLeft + En(e);
   const s = -n.scrollTop;
-  return J(o).direction === "rtl" && (c += G(t.clientWidth, o.clientWidth) - r), {
+  return J(o).direction === "rtl" && (c += q(t.clientWidth, o.clientWidth) - r), {
     width: r,
     height: i,
     x: c,
@@ -1160,7 +1160,7 @@ function Rr(e) {
   };
 }
 function Ar(e, t) {
-  const n = q(e), o = ae(e), r = n.visualViewport;
+  const n = G(e), o = ae(e), r = n.visualViewport;
   let i = o.clientWidth, c = o.clientHeight, s = 0, a = 0;
   if (r) {
     i = r.width, c = r.height;
@@ -1227,7 +1227,7 @@ function Nr(e) {
   } = e;
   const c = [...n === "clippingAncestors" ? rt(t) ? [] : Or(t, this._c) : [].concat(n), o], s = c[0], a = c.reduce((l, p) => {
     const f = en(t, p, r);
-    return l.top = G(f.top, l.top), l.right = te(f.right, l.right), l.bottom = te(f.bottom, l.bottom), l.left = G(f.left, l.left), l;
+    return l.top = q(f.top, l.top), l.right = te(f.right, l.right), l.bottom = te(f.bottom, l.bottom), l.left = q(f.left, l.left), l;
   }, en(t, s, r));
   return {
     width: a.right - a.left,
@@ -1273,7 +1273,7 @@ function tn(e, t) {
   return !oe(e) || J(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
 }
 function Rn(e, t) {
-  const n = q(e);
+  const n = G(e);
   if (rt(e))
     return n;
   if (!oe(e)) {
@@ -1336,7 +1336,7 @@ function kr(e, t) {
       return;
     const m = Ke(p), v = Ke(r.clientWidth - (l + f)), d = Ke(r.clientHeight - (p + w)), g = Ke(l), y = {
       rootMargin: -m + "px " + -v + "px " + -d + "px " + -g + "px",
-      threshold: G(0, te(1, a)) || 1
+      threshold: q(0, te(1, a)) || 1
     };
     let x = !0;
     function S(b) {
@@ -1412,7 +1412,7 @@ const Fr = vr, Wr = gr, Hr = pr, Vr = yr, $r = mr, nn = fr, Ur = wr, zr = (e, t,
     platform: i
   });
 };
-var qe = typeof document < "u" ? Po : Ro;
+var Ge = typeof document < "u" ? Po : Ro;
 function nt(e, t) {
   if (e === t)
     return !0;
@@ -1452,7 +1452,7 @@ function on(e, t) {
 }
 function rn(e) {
   const t = u.useRef(e);
-  return qe(() => {
+  return Ge(() => {
     t.current = e;
   }), t;
 }
@@ -1501,16 +1501,16 @@ function Kr(e) {
       }));
     });
   }, [w, t, n, V]);
-  qe(() => {
+  Ge(() => {
     l === !1 && T.current.isPositioned && (T.current.isPositioned = !1, f((A) => ({
       ...A,
       isPositioned: !1
     })));
   }, [l]);
   const $ = u.useRef(!1);
-  qe(() => ($.current = !0, () => {
+  Ge(() => ($.current = !0, () => {
     $.current = !1;
-  }), []), qe(() => {
+  }), []), Ge(() => {
     if (S && (P.current = S), b && (E.current = b), S && b) {
       if (_.current)
         return _.current(S, b, B);
@@ -1581,10 +1581,10 @@ const Yr = (e) => {
 }), Xr = (e, t) => ({
   ...Wr(e),
   options: [e, t]
-}), Gr = (e, t) => ({
+}), qr = (e, t) => ({
   ...Ur(e),
   options: [e, t]
-}), qr = (e, t) => ({
+}), Gr = (e, t) => ({
   ...Hr(e),
   options: [e, t]
 }), Zr = (e, t) => ({
@@ -1665,10 +1665,10 @@ var Ft = "PopperContent", [oi, ri] = On(Ft), Dn = u.forwardRef(
         a && Xr({
           mainAxis: !0,
           crossAxis: !1,
-          limiter: f === "partial" ? Gr() : void 0,
+          limiter: f === "partial" ? qr() : void 0,
           ...$
         }),
-        a && qr({ ...$ }),
+        a && Gr({ ...$ }),
         Zr({
           ...$,
           apply: ({ elements: X, rects: ee, availableWidth: ke, availableHeight: Be }) => {
@@ -2107,7 +2107,7 @@ var Re = St ? { passive: !1 } : !1, Mi = function(e) {
     a && (t.contains(s) || t === s)
   );
   return (p && (Math.abs(f) < 1 || !r) || !p && (Math.abs(w) < 1 || !r)) && (l = !0), l;
-}, Ge = function(e) {
+}, qe = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
 }, an = function(e) {
   return [e.deltaX, e.deltaY];
@@ -2141,7 +2141,7 @@ function Ui(e) {
   var s = u.useCallback(function(d, g) {
     if ("touches" in d && d.touches.length === 2)
       return !c.current.allowPinchZoom;
-    var h = Ge(d), y = n.current, x = "deltaX" in d ? d.deltaX : y[0] - h[0], S = "deltaY" in d ? d.deltaY : y[1] - h[1], b, P = d.target, E = Math.abs(x) > Math.abs(S) ? "h" : "v";
+    var h = qe(d), y = n.current, x = "deltaX" in d ? d.deltaX : y[0] - h[0], S = "deltaY" in d ? d.deltaY : y[1] - h[1], b, P = d.target, E = Math.abs(x) > Math.abs(S) ? "h" : "v";
     if ("touches" in d && E === "h" && P.type === "range")
       return !1;
     var T = cn(E, P);
@@ -2156,7 +2156,7 @@ function Ui(e) {
   }, []), a = u.useCallback(function(d) {
     var g = d;
     if (!(!Ae.length || Ae[Ae.length - 1] !== i)) {
-      var h = "deltaY" in g ? an(g) : Ge(g), y = t.current.filter(function(b) {
+      var h = "deltaY" in g ? an(g) : qe(g), y = t.current.filter(function(b) {
         return b.name === g.type && (b.target === g.target || g.target === b.shadowParent) && Hi(b.delta, h);
       })[0];
       if (y && y.should) {
@@ -2178,11 +2178,11 @@ function Ui(e) {
       });
     }, 1);
   }, []), p = u.useCallback(function(d) {
-    n.current = Ge(d), o.current = void 0;
+    n.current = qe(d), o.current = void 0;
   }, []), f = u.useCallback(function(d) {
     l(d.type, an(d), d.target, s(d, e.lockRef.current));
   }, []), w = u.useCallback(function(d) {
-    l(d.type, Ge(d), d.target, s(d, e.lockRef.current));
+    l(d.type, qe(d), d.target, s(d, e.lockRef.current));
   }, []);
   u.useEffect(function() {
     return Ae.push(i), e.setCallbacks({
@@ -2216,7 +2216,7 @@ jn.classNames = st.classNames;
 var Yi = [" ", "Enter", "ArrowUp", "ArrowDown"], ji = [" ", "Enter"], Ue = "Select", [ct, at, Xi] = ko(Ue), [Me, Ys] = Ot(Ue, [
   Xi,
   Nn
-]), lt = Nn(), [Gi, ve] = Me(Ue), [qi, Zi] = Me(Ue), Xn = (e) => {
+]), lt = Nn(), [qi, ve] = Me(Ue), [Gi, Zi] = Me(Ue), Xn = (e) => {
   const {
     __scopeSelect: t,
     children: n,
@@ -2241,7 +2241,7 @@ var Yi = [" ", "Enter", "ArrowUp", "ArrowDown"], ji = [" ", "Enter"], Ue = "Sele
     onChange: a
   }), _ = u.useRef(null), V = d ? !!d.closest("form") : !0, [B, $] = u.useState(/* @__PURE__ */ new Set()), N = Array.from(B).map((O) => O.props.value).join(";");
   return /* @__PURE__ */ C(ai, { ...v, children: /* @__PURE__ */ de(
-    Gi,
+    qi,
     {
       required: m,
       scope: t,
@@ -2261,7 +2261,7 @@ var Yi = [" ", "Enter", "ArrowUp", "ArrowDown"], ji = [" ", "Enter"], Ue = "Sele
       disabled: w,
       children: [
         /* @__PURE__ */ C(ct.Provider, { scope: t, children: /* @__PURE__ */ C(
-          qi,
+          Gi,
           {
             scope: e.__scopeSelect,
             onNativeOptionAdd: u.useCallback((O) => {
@@ -2299,9 +2299,9 @@ var Yi = [" ", "Enter", "ArrowUp", "ArrowDown"], ji = [" ", "Enter"], Ue = "Sele
   ) });
 };
 Xn.displayName = Ue;
-var Gn = "SelectTrigger", qn = u.forwardRef(
+var qn = "SelectTrigger", Gn = u.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, disabled: o = !1, ...r } = e, i = lt(n), c = ve(Gn, n), s = c.disabled || o, a = K(t, c.onTriggerChange), l = at(n), [p, f, w] = yo((v) => {
+    const { __scopeSelect: n, disabled: o = !1, ...r } = e, i = lt(n), c = ve(qn, n), s = c.disabled || o, a = K(t, c.onTriggerChange), l = at(n), [p, f, w] = yo((v) => {
       const d = l().filter((y) => !y.disabled), g = d.find((y) => y.value === c.value), h = xo(d, v, g);
       h !== void 0 && c.onValueChange(h.value);
     }), m = () => {
@@ -2341,7 +2341,7 @@ var Gn = "SelectTrigger", qn = u.forwardRef(
     ) });
   }
 );
-qn.displayName = Gn;
+Gn.displayName = qn;
 var Zn = "SelectValue", Qn = u.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, className: o, style: r, children: i, placeholder: c = "", ...s } = e, a = ve(Zn, n), { onValueNodeHasChildrenChange: l } = a, p = i !== void 0, f = K(t, a.onValueNodeChange);
@@ -2979,7 +2979,7 @@ function xo(e, t, n) {
 function fs(e, t) {
   return e.map((n, o) => e[(t + o) % e.length]);
 }
-var ps = Xn, ms = qn, hs = Qn, vs = Jn, gs = eo, ws = to, ys = io, xs = lo, Ss = uo, bs = po, Cs = mo, Es = ho, So = {
+var ps = Xn, ms = Gn, hs = Qn, vs = Jn, gs = eo, ws = to, ys = io, xs = lo, Ss = uo, bs = po, Cs = mo, Es = ho, So = {
   color: void 0,
   size: void 0,
   className: void 0,
@@ -3041,7 +3041,7 @@ function dn(e) {
 function As(e) {
   return Co({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z" } }] })(e);
 }
-const Ts = "_content_1ksgn_1", Os = "_option_1ksgn_1", Ns = "_trigger_1ksgn_1", Is = "_small_1ksgn_5", _s = "_large_1ksgn_9", Ms = "_fullWidth_1ksgn_118", Ls = "_icon_1ksgn_122", Ds = "_app_1ksgn_1", ks = "_arrow_1ksgn_142", Q = {
+const Ts = "_content_4qddr_1", Os = "_option_4qddr_1", Ns = "_trigger_4qddr_1", Is = "_small_4qddr_5", _s = "_large_4qddr_9", Ms = "_fullWidth_4qddr_131", Ls = "_icon_4qddr_135", Ds = "_app_4qddr_1", ks = "_arrow_4qddr_155", Q = {
   content: Ts,
   option: Os,
   trigger: Ns,

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

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { IconButtonProps } from '../IconButton';
 
 export interface TableHeaderType {
     text: string;
@@ -9,6 +10,7 @@ export type TableRowType = Array<string | number | Date | React.ReactNode>;
 export type DataContainerType = React.FC<{
     item: string | number | Date | React.ReactNode;
 }>;
+export declare function TableIconButton(props: IconButtonProps): import("react/jsx-runtime").JSX.Element;
 interface TableHeaderItemProps {
     item: TableHeaderType;
     onSortClick?: (sortKey: string) => void;

package/dist/components/Table/Table.js

@@ -1,85 +1,89 @@
-import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import l, { useState as C } from "react";
+import { jsx as t, jsxs as C } from "react/jsx-runtime";
+import s, { useState as p } from "react";
 import B from "../Checkbox/Checkbox.js";
-import $ from "../IconButton/IconButton.js";
-import { Text as T } from "../Text/Text.js";
-import { clsx as x } from "../../utils/clsx.js";
-import '../../assets/Table.css';const j = "_root_1v0yo_1", z = "_radio_1v0yo_14", A = "_pointer_1v0yo_21", E = "_selectedRow_1v0yo_24", O = "_headerContent_1v0yo_34", S = "_sortable_1v0yo_40", F = "_empty_1v0yo_40", H = "_sortButton_1v0yo_43", r = {
-  root: j,
-  radio: z,
-  pointer: A,
-  selectedRow: E,
-  headerContent: O,
-  sortable: S,
-  empty: F,
-  sortButton: H
+import T from "../IconButton/IconButton.js";
+import { Text as $ } from "../Text/Text.js";
+import { clsx as k } from "../../utils/clsx.js";
+import '../../assets/Table.css';const j = "_iconButton_1yv0x_1", z = "_root_1yv0x_21", A = "_radio_1yv0x_34", E = "_radioContent_1yv0x_37", O = "_pointer_1yv0x_44", S = "_selectedRow_1yv0x_47", F = "_headerContent_1yv0x_57", l = {
+  iconButton: j,
+  root: z,
+  radio: A,
+  radioContent: E,
+  pointer: O,
+  selectedRow: S,
+  headerContent: F
 };
-function V(h) {
+function H(r) {
+  const {
+    className: e,
+    color: o = "inherit"
+  } = r, n = k(l.iconButton, e);
+  return /* @__PURE__ */ t(T, { ...r, className: n, color: o });
+}
+function I(r) {
   const {
     item: e,
     onSortClick: o
-  } = h, s = l.useCallback(() => {
+  } = r, n = s.useCallback(() => {
     o && o(e.sortKey || e.text);
-  }, [e.sortKey, e.text, o]), b = x(r.headerContent, {
-    [r.sortable]: e.sortable,
-    [r.empty]: !e.text
+  }, [e.sortKey, e.text, o]), _ = k(l.headerContent, {
+    [l.sortable]: e.sortable,
+    [l.empty]: !e.text
   });
   return /* @__PURE__ */ t(
     "th",
     {
-      className: e.sortable ? r.pointer : void 0,
-      onClick: e.sortable ? s : void 0,
-      children: /* @__PURE__ */ y("div", { className: b, children: [
-        /* @__PURE__ */ t(T, { color: "secondary", weight: "bold", uppercase: !0, size: "xxsmall", children: e.text }),
+      className: e.sortable ? l.pointer : void 0,
+      onClick: e.sortable ? n : void 0,
+      children: /* @__PURE__ */ C("div", { className: _, children: [
+        /* @__PURE__ */ t($, { color: "secondary", weight: "bold", uppercase: !0, size: "xxsmall", children: e.text }),
         !!e.sortable && /* @__PURE__ */ t(
-          $,
+          H,
           {
-            className: r.sortButton,
-            color: "secondary",
             name: "Sort",
-            onClick: s
+            onClick: n
           }
         )
       ] })
     }
   );
 }
-function q(h) {
+function V(r) {
   const {
     index: e,
     includeRadio: o = !1,
-    selectedRow: s,
-    item: b,
-    dataContainer: m,
-    onSelectChange: a
-  } = h, f = l.useCallback((n) => {
-    a(
-      n ? e : null
+    selectedRow: n,
+    item: _,
+    dataContainer: h,
+    onSelectChange: i
+  } = r, f = s.useCallback((a) => {
+    i(
+      a ? e : null
     );
-  }, [a, e]), _ = l.useCallback(() => {
-    a(e);
-  }, [a, e]), p = x({
-    [r.selectedRow]: s === e,
-    [r.pointer]: o
+  }, [i, e]), u = s.useCallback(() => {
+    i(e);
+  }, [i, e]), b = k({
+    [l.selectedRow]: n === e,
+    [l.pointer]: o
   });
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ C(
     "tr",
     {
-      className: p,
-      onClick: o ? _ : void 0,
+      className: b,
+      onClick: o ? u : void 0,
       children: [
-        o && /* @__PURE__ */ t("td", { className: r.radio, children: /* @__PURE__ */ t(
+        o && /* @__PURE__ */ t("td", { className: l.radio, children: /* @__PURE__ */ t("div", { className: l.radioContent, children: /* @__PURE__ */ t(
           B,
           {
             size: "small",
             onCheckedChange: f,
             "aria-label": `${e}`,
-            checked: s === e
+            checked: n === e
           }
-        ) }),
-        b.map((n, u) => {
-          let d;
-          return l.isValidElement(n) ? d = n : m ? d = l.createElement(m, { item: n }) : d = String(n), /* @__PURE__ */ t("td", { children: d }, `item-${u}`);
+        ) }) }),
+        _.map((a, x) => {
+          let m;
+          return s.isValidElement(a) ? m = a : h ? m = s.createElement(h, { item: a }) : m = String(a), /* @__PURE__ */ t("td", { children: m }, `item-${x}`);
         })
       ]
     },
@@ -87,59 +91,60 @@ function q(h) {
   );
 }
 function M({
-  headers: h = [],
+  headers: r = [],
   data: e = [],
   includeRadio: o = !1,
-  onSelectChange: s,
-  dataContainer: b,
-  selectedRow: m = null,
-  sortBy: a,
+  onSelectChange: n,
+  dataContainer: _,
+  selectedRow: h = null,
+  sortBy: i,
   sortOrder: f = "asc",
-  onSortChange: _
+  onSortChange: u
 }) {
-  const [p, n] = C(m), [u, d] = C(a), [k, v] = C(f), R = l.useCallback((c) => {
-    const w = u === c && k === "asc" ? "desc" : "asc";
-    d(c), v(w), _ == null || _(c, w);
-  }, [_, u, k]), N = l.useCallback(
+  const [b, a] = p(h), [x, m] = p(i), [v, w] = p(f), N = s.useCallback((c) => {
+    const y = x === c && v === "asc" ? "desc" : "asc";
+    m(c), w(y), u == null || u(c, y);
+  }, [u, x, v]), R = s.useCallback(
     (c) => {
-      const i = c === p ? null : c;
-      n(i), s == null || s(i);
+      const d = c === b ? null : c;
+      a(d), n == null || n(d);
     },
-    [s, p]
+    [n, b]
   );
-  return l.useEffect(() => {
-    n(m);
-  }, [m]), l.useEffect(() => {
-    d(a);
-  }, [a]), l.useEffect(() => {
-    v(f);
-  }, [f]), /* @__PURE__ */ t("div", { className: r.root, children: /* @__PURE__ */ y("table", { children: [
-    /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ y("tr", { children: [
+  return s.useEffect(() => {
+    a(h);
+  }, [h]), s.useEffect(() => {
+    m(i);
+  }, [i]), s.useEffect(() => {
+    w(f);
+  }, [f]), /* @__PURE__ */ t("div", { className: l.root, children: /* @__PURE__ */ C("table", { children: [
+    /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ C("tr", { children: [
       o && /* @__PURE__ */ t("th", { "aria-label": "Select Row" }),
-      h.map((c, i) => /* @__PURE__ */ t(
-        V,
+      r.map((c, d) => /* @__PURE__ */ t(
+        I,
         {
           item: c,
-          onSortClick: R
+          onSortClick: N
         },
-        `header-${i}`
+        `header-${d}`
       ))
     ] }) }),
-    /* @__PURE__ */ t("tbody", { children: e.map((c, i) => /* @__PURE__ */ t(
-      q,
+    /* @__PURE__ */ t("tbody", { children: e.map((c, d) => /* @__PURE__ */ t(
+      V,
       {
-        index: i,
+        index: d,
         item: c,
         includeRadio: o,
-        selectedRow: p,
-        onSelectChange: N,
-        dataContainer: b
+        selectedRow: b,
+        onSelectChange: R,
+        dataContainer: _
       },
-      `row-${i}`
+      `row-${d}`
     )) })
   ] }) });
 }
 export {
   M as Table,
-  V as TableHeaderItem
+  I as TableHeaderItem,
+  H as TableIconButton
 };