@lanaco/lnc-react-ui 4.0.198 → 4.0.200

package/dist/Table.js

@@ -1,15 +1,14 @@
-import { jsx as b, jsxs as fe, Fragment as P } from "react/jsx-runtime";
-import { useLayoutEffect as Kr, useEffect as $e, useState as Pt, useMemo as Xr, createElement as k, isValidElement as qr, forwardRef as Jr, useImperativeHandle as Zr } from "react";
-import { s as v } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as o } from "./index-CblbdqjE.js";
-import { E as Nt, F as Qr, b as S, c as De, H as Bt, u as en, I as K, r as j, i as $ } from "./utils-DtEfC-TX.js";
-import { c as G, g as ke } from "./_commonjsHelpers-BkfeUUK-.js";
-import { u as U } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import { i as tn } from "./index-6RFrSPs_.js";
-import Dt from "./CheckBoxInput.js";
-import rn from "./Icon.js";
-import nn from "./Spinner.js";
-var on = Nt ? Kr : $e, kt = {
+import { jsx as f, jsxs as ue, Fragment as x } from "react/jsx-runtime";
+import { useLayoutEffect as Vr, useEffect as Pe, useState as _t, useMemo as Kr, createElement as N, isValidElement as Yr, forwardRef as Xr, useImperativeHandle as qr } from "react";
+import { s as R } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { E as St, F as Jr, b as _, c as ke, H as wt, u as Zr, I as U, r as H, i as $ } from "./utils-DtEfC-TX.js";
+import { c as F, g as De } from "./_commonjsHelpers-BkfeUUK-.js";
+import { u as G } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { i as Qr } from "./index-6RFrSPs_.js";
+import At from "./CheckBoxInput.js";
+import en from "./Icon.js";
+import tn from "./Spinner.js";
+var rn = St ? Vr : Pe, vt = {
   x: 0,
   y: 0,
   width: 0,
@@ -19,61 +18,61 @@ var on = Nt ? Kr : $e, kt = {
   bottom: 0,
   right: 0
 };
-function an() {
-  var t = Pt(null), d = t[0], i = t[1], s = Pt(kt), f = s[0], u = s[1], T = Xr(function() {
-    return new window.ResizeObserver(function(E) {
-      if (E[0]) {
-        var w = E[0].contentRect, A = w.x, C = w.y, O = w.width, p = w.height, I = w.top, R = w.left, M = w.bottom, y = w.right;
-        u({ x: A, y: C, width: O, height: p, top: I, left: R, bottom: M, right: y });
+function nn() {
+  var t = _t(null), o = t[0], i = t[1], d = _t(vt), u = d[0], g = d[1], w = Kr(function() {
+    return new window.ResizeObserver(function(A) {
+      if (A[0]) {
+        var b = A[0].contentRect, C = b.x, E = b.y, y = b.width, v = b.height, O = b.top, D = b.left, p = b.bottom, h = b.right;
+        g({ x: C, y: E, width: y, height: v, top: O, left: D, bottom: p, right: h });
       }
     });
   }, []);
-  return on(function() {
-    if (d)
-      return T.observe(d), function() {
-        T.disconnect();
+  return rn(function() {
+    if (o)
+      return w.observe(o), function() {
+        w.disconnect();
       };
-  }, [d]), [i, f];
+  }, [o]), [i, u];
 }
-const ln = Nt && typeof window.ResizeObserver < "u" ? an : function() {
-  return [Qr, kt];
+const on = St && typeof window.ResizeObserver < "u" ? nn : function() {
+  return [Jr, vt];
 };
 var Ne = { exports: {} };
 Ne.exports;
-(function(t, d) {
-  var i = 200, s = "__lodash_hash_undefined__", f = 9007199254740991, u = "[object Arguments]", T = "[object Array]", E = "[object Boolean]", w = "[object Date]", A = "[object Error]", C = "[object Function]", O = "[object GeneratorFunction]", p = "[object Map]", I = "[object Number]", R = "[object Object]", M = "[object Promise]", y = "[object RegExp]", h = "[object Set]", H = "[object String]", z = "[object Symbol]", Z = "[object WeakMap]", pe = "[object ArrayBuffer]", V = "[object DataView]", Y = "[object Float32Array]", ye = "[object Float64Array]", Te = "[object Int8Array]", Ee = "[object Int16Array]", he = "[object Int32Array]", we = "[object Uint8Array]", Ce = "[object Uint8ClampedArray]", Se = "[object Uint16Array]", ze = "[object Uint32Array]", We = /[\\^$.*+?()[\]{}|]/g, ae = /\w*$/, Ae = /^\[object .+?Constructor\]$/, L = /^(?:0|[1-9]\d*)$/, _ = {};
-  _[u] = _[T] = _[pe] = _[V] = _[E] = _[w] = _[Y] = _[ye] = _[Te] = _[Ee] = _[he] = _[p] = _[I] = _[R] = _[y] = _[h] = _[H] = _[z] = _[we] = _[Ce] = _[Se] = _[ze] = !0, _[A] = _[C] = _[Z] = !1;
-  var X = typeof G == "object" && G && G.Object === Object && G, Ye = typeof self == "object" && self && self.Object === Object && self, B = X || Ye || Function("return this")(), Q = d && !d.nodeType && d, Oe = Q && !0 && t && !t.nodeType && t, Fe = Oe && Oe.exports === Q;
-  function ee(e, r) {
+(function(t, o) {
+  var i = 200, d = "__lodash_hash_undefined__", u = 9007199254740991, g = "[object Arguments]", w = "[object Array]", A = "[object Boolean]", b = "[object Date]", C = "[object Error]", E = "[object Function]", y = "[object GeneratorFunction]", v = "[object Map]", O = "[object Number]", D = "[object Object]", p = "[object Promise]", h = "[object RegExp]", L = "[object Set]", k = "[object String]", oe = "[object Symbol]", fe = "[object WeakMap]", X = "[object ArrayBuffer]", B = "[object DataView]", pe = "[object Float32Array]", Te = "[object Float64Array]", ye = "[object Int8Array]", he = "[object Int16Array]", _e = "[object Int32Array]", we = "[object Uint8Array]", Ce = "[object Uint8ClampedArray]", Ee = "[object Uint16Array]", J = "[object Uint32Array]", Se = /[\\^$.*+?()[\]{}|]/g, S = /\w*$/, We = /^\[object .+?Constructor\]$/, V = /^(?:0|[1-9]\d*)$/, m = {};
+  m[g] = m[w] = m[X] = m[B] = m[A] = m[b] = m[pe] = m[Te] = m[ye] = m[he] = m[_e] = m[v] = m[O] = m[D] = m[h] = m[L] = m[k] = m[oe] = m[we] = m[Ce] = m[Ee] = m[J] = !0, m[C] = m[E] = m[fe] = !1;
+  var Z = typeof F == "object" && F && F.Object === Object && F, ae = typeof self == "object" && self && self.Object === Object && self, z = Z || ae || Function("return this")(), Ae = o && !o.nodeType && o, q = Ae && !0 && t && !t.nodeType && t, Fe = q && q.exports === Ae;
+  function ze(e, r) {
     return e.set(r[0], r[1]), e;
   }
   function Ge(e, r) {
     return e.add(r), e;
   }
   function Me(e, r) {
-    for (var n = -1, l = e ? e.length : 0; ++n < l && r(e[n], n, e) !== !1; )
+    for (var n = -1, a = e ? e.length : 0; ++n < a && r(e[n], n, e) !== !1; )
       ;
     return e;
   }
   function Ue(e, r) {
-    for (var n = -1, l = r.length, x = e.length; ++n < l; )
-      e[x + n] = r[n];
+    for (var n = -1, a = r.length, I = e.length; ++n < a; )
+      e[I + n] = r[n];
     return e;
   }
-  function Le(e, r, n, l) {
-    for (var x = -1, N = e ? e.length : 0; ++x < N; )
-      n = r(n, e[x], x, e);
+  function ve(e, r, n, a) {
+    for (var I = -1, j = e ? e.length : 0; ++I < j; )
+      n = r(n, e[I], I, e);
     return n;
   }
   function Ve(e, r) {
-    for (var n = -1, l = Array(e); ++n < e; )
-      l[n] = r(n);
-    return l;
+    for (var n = -1, a = Array(e); ++n < e; )
+      a[n] = r(n);
+    return a;
   }
   function Ke(e, r) {
     return e == null ? void 0 : e[r];
   }
-  function Re(e) {
+  function Le(e) {
     var r = !1;
     if (e != null && typeof e.toString != "function")
       try {
@@ -82,10 +81,10 @@ Ne.exports;
       }
     return r;
   }
-  function ve(e) {
+  function Oe(e) {
     var r = -1, n = Array(e.size);
-    return e.forEach(function(l, x) {
-      n[++r] = [x, l];
+    return e.forEach(function(a, I) {
+      n[++r] = [I, a];
     }), n;
   }
   function be(e, r) {
@@ -93,345 +92,345 @@ Ne.exports;
       return e(r(n));
     };
   }
-  function Ie(e) {
+  function Re(e) {
     var r = -1, n = Array(e.size);
-    return e.forEach(function(l) {
-      n[++r] = l;
+    return e.forEach(function(a) {
+      n[++r] = a;
     }), n;
   }
-  var Xe = Array.prototype, qe = Function.prototype, le = Object.prototype, ge = B["__core-js_shared__"], He = function() {
-    var e = /[^.]+$/.exec(ge && ge.keys && ge.keys.IE_PROTO || "");
+  var Ye = Array.prototype, Xe = Function.prototype, le = Object.prototype, Ie = z["__core-js_shared__"], l = function() {
+    var e = /[^.]+$/.exec(Ie && Ie.keys && Ie.keys.IE_PROTO || "");
     return e ? "Symbol(src)_1." + e : "";
-  }(), Je = qe.toString, a = le.hasOwnProperty, c = le.toString, g = RegExp(
-    "^" + Je.call(a).replace(We, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), m = Fe ? B.Buffer : void 0, W = B.Symbol, F = B.Uint8Array, ie = be(Object.getPrototypeOf, Object), Ze = Object.create, Qe = le.propertyIsEnumerable, Ft = Xe.splice, yt = Object.getOwnPropertySymbols, Gt = m ? m.isBuffer : void 0, Mt = be(Object.keys, Object), et = de(B, "DataView"), me = de(B, "Map"), tt = de(B, "Promise"), rt = de(B, "Set"), nt = de(B, "WeakMap"), _e = de(Object, "create"), Ut = ne(et), Vt = ne(me), Kt = ne(tt), Xt = ne(rt), qt = ne(nt), Tt = W ? W.prototype : void 0, Et = Tt ? Tt.valueOf : void 0;
-  function te(e) {
+  }(), s = Xe.toString, c = le.hasOwnProperty, T = le.toString, M = RegExp(
+    "^" + s.call(c).replace(Se, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+  ), W = Fe ? z.Buffer : void 0, Q = z.Symbol, xe = z.Uint8Array, qe = be(Object.getPrototypeOf, Object), Dt = Object.create, Wt = le.propertyIsEnumerable, Ft = Ye.splice, lt = Object.getOwnPropertySymbols, zt = W ? W.isBuffer : void 0, Gt = be(Object.keys, Object), Je = ce(z, "DataView"), me = ce(z, "Map"), Ze = ce(z, "Promise"), Qe = ce(z, "Set"), et = ce(z, "WeakMap"), ge = ce(Object, "create"), Mt = re(Je), Ut = re(me), Vt = re(Ze), Kt = re(Qe), Yt = re(et), it = Q ? Q.prototype : void 0, st = it ? it.valueOf : void 0;
+  function ee(e) {
     var r = -1, n = e ? e.length : 0;
     for (this.clear(); ++r < n; ) {
-      var l = e[r];
-      this.set(l[0], l[1]);
+      var a = e[r];
+      this.set(a[0], a[1]);
     }
   }
-  function Jt() {
-    this.__data__ = _e ? _e(null) : {};
+  function Xt() {
+    this.__data__ = ge ? ge(null) : {};
   }
-  function Zt(e) {
+  function qt(e) {
     return this.has(e) && delete this.__data__[e];
   }
-  function Qt(e) {
+  function Jt(e) {
     var r = this.__data__;
-    if (_e) {
+    if (ge) {
       var n = r[e];
-      return n === s ? void 0 : n;
+      return n === d ? void 0 : n;
     }
-    return a.call(r, e) ? r[e] : void 0;
+    return c.call(r, e) ? r[e] : void 0;
   }
-  function er(e) {
+  function Zt(e) {
     var r = this.__data__;
-    return _e ? r[e] !== void 0 : a.call(r, e);
+    return ge ? r[e] !== void 0 : c.call(r, e);
   }
-  function tr(e, r) {
+  function Qt(e, r) {
     var n = this.__data__;
-    return n[e] = _e && r === void 0 ? s : r, this;
+    return n[e] = ge && r === void 0 ? d : r, this;
   }
-  te.prototype.clear = Jt, te.prototype.delete = Zt, te.prototype.get = Qt, te.prototype.has = er, te.prototype.set = tr;
-  function q(e) {
+  ee.prototype.clear = Xt, ee.prototype.delete = qt, ee.prototype.get = Jt, ee.prototype.has = Zt, ee.prototype.set = Qt;
+  function K(e) {
     var r = -1, n = e ? e.length : 0;
     for (this.clear(); ++r < n; ) {
-      var l = e[r];
-      this.set(l[0], l[1]);
+      var a = e[r];
+      this.set(a[0], a[1]);
     }
   }
-  function rr() {
+  function er() {
     this.__data__ = [];
   }
-  function nr(e) {
-    var r = this.__data__, n = xe(r, e);
+  function tr(e) {
+    var r = this.__data__, n = He(r, e);
     if (n < 0)
       return !1;
-    var l = r.length - 1;
-    return n == l ? r.pop() : Ft.call(r, n, 1), !0;
+    var a = r.length - 1;
+    return n == a ? r.pop() : Ft.call(r, n, 1), !0;
   }
-  function or(e) {
-    var r = this.__data__, n = xe(r, e);
+  function rr(e) {
+    var r = this.__data__, n = He(r, e);
     return n < 0 ? void 0 : r[n][1];
   }
-  function ar(e) {
-    return xe(this.__data__, e) > -1;
+  function nr(e) {
+    return He(this.__data__, e) > -1;
   }
-  function lr(e, r) {
-    var n = this.__data__, l = xe(n, e);
-    return l < 0 ? n.push([e, r]) : n[l][1] = r, this;
+  function or(e, r) {
+    var n = this.__data__, a = He(n, e);
+    return a < 0 ? n.push([e, r]) : n[a][1] = r, this;
   }
-  q.prototype.clear = rr, q.prototype.delete = nr, q.prototype.get = or, q.prototype.has = ar, q.prototype.set = lr;
-  function se(e) {
+  K.prototype.clear = er, K.prototype.delete = tr, K.prototype.get = rr, K.prototype.has = nr, K.prototype.set = or;
+  function ie(e) {
     var r = -1, n = e ? e.length : 0;
     for (this.clear(); ++r < n; ) {
-      var l = e[r];
-      this.set(l[0], l[1]);
+      var a = e[r];
+      this.set(a[0], a[1]);
     }
   }
-  function ir() {
+  function ar() {
     this.__data__ = {
-      hash: new te(),
-      map: new (me || q)(),
-      string: new te()
+      hash: new ee(),
+      map: new (me || K)(),
+      string: new ee()
     };
   }
-  function sr(e) {
-    return Pe(this, e).delete(e);
+  function lr(e) {
+    return $e(this, e).delete(e);
   }
-  function cr(e) {
-    return Pe(this, e).get(e);
+  function ir(e) {
+    return $e(this, e).get(e);
   }
-  function dr(e) {
-    return Pe(this, e).has(e);
+  function sr(e) {
+    return $e(this, e).has(e);
   }
-  function ur(e, r) {
-    return Pe(this, e).set(e, r), this;
+  function cr(e, r) {
+    return $e(this, e).set(e, r), this;
   }
-  se.prototype.clear = ir, se.prototype.delete = sr, se.prototype.get = cr, se.prototype.has = dr, se.prototype.set = ur;
-  function ce(e) {
-    this.__data__ = new q(e);
+  ie.prototype.clear = ar, ie.prototype.delete = lr, ie.prototype.get = ir, ie.prototype.has = sr, ie.prototype.set = cr;
+  function se(e) {
+    this.__data__ = new K(e);
   }
-  function fr() {
-    this.__data__ = new q();
+  function dr() {
+    this.__data__ = new K();
   }
-  function hr(e) {
+  function ur(e) {
     return this.__data__.delete(e);
   }
-  function br(e) {
+  function fr(e) {
     return this.__data__.get(e);
   }
-  function gr(e) {
+  function hr(e) {
     return this.__data__.has(e);
   }
-  function mr(e, r) {
+  function br(e, r) {
     var n = this.__data__;
-    if (n instanceof q) {
-      var l = n.__data__;
-      if (!me || l.length < i - 1)
-        return l.push([e, r]), this;
-      n = this.__data__ = new se(l);
+    if (n instanceof K) {
+      var a = n.__data__;
+      if (!me || a.length < i - 1)
+        return a.push([e, r]), this;
+      n = this.__data__ = new ie(a);
     }
     return n.set(e, r), this;
   }
-  ce.prototype.clear = fr, ce.prototype.delete = hr, ce.prototype.get = br, ce.prototype.has = gr, ce.prototype.set = mr;
-  function _r(e, r) {
-    var n = lt(e) || Wr(e) ? Ve(e.length, String) : [], l = n.length, x = !!l;
-    for (var N in e)
-      a.call(e, N) && !(x && (N == "length" || Nr(N, l))) && n.push(N);
+  se.prototype.clear = dr, se.prototype.delete = ur, se.prototype.get = fr, se.prototype.has = hr, se.prototype.set = br;
+  function mr(e, r) {
+    var n = nt(e) || Dr(e) ? Ve(e.length, String) : [], a = n.length, I = !!a;
+    for (var j in e)
+      c.call(e, j) && !(I && (j == "length" || jr(j, a))) && n.push(j);
     return n;
   }
-  function wt(e, r, n) {
-    var l = e[r];
-    (!(a.call(e, r) && Ot(l, n)) || n === void 0 && !(r in e)) && (e[r] = n);
+  function ct(e, r, n) {
+    var a = e[r];
+    (!(c.call(e, r) && ht(a, n)) || n === void 0 && !(r in e)) && (e[r] = n);
   }
-  function xe(e, r) {
+  function He(e, r) {
     for (var n = e.length; n--; )
-      if (Ot(e[n][0], r))
+      if (ht(e[n][0], r))
         return n;
     return -1;
   }
-  function pr(e, r) {
-    return e && Ct(r, it(r), e);
+  function gr(e, r) {
+    return e && dt(r, ot(r), e);
   }
-  function ot(e, r, n, l, x, N, J) {
-    var D;
-    if (l && (D = N ? l(e, x, N, J) : l(e)), D !== void 0)
-      return D;
+  function tt(e, r, n, a, I, j, Y) {
+    var P;
+    if (a && (P = j ? a(e, I, j, Y) : a(e)), P !== void 0)
+      return P;
     if (!Be(e))
       return e;
-    var vt = lt(e);
-    if (vt) {
-      if (D = Br(e), !r)
-        return Hr(e, D);
+    var gt = nt(e);
+    if (gt) {
+      if (P = Hr(e), !r)
+        return Rr(e, P);
     } else {
-      var ue = re(e), It = ue == C || ue == O;
+      var de = te(e), pt = de == E || de == y;
       if (Fr(e))
-        return Sr(e, r);
-      if (ue == R || ue == u || It && !N) {
-        if (Re(e))
-          return N ? e : {};
-        if (D = jr(It ? {} : e), !r)
-          return xr(e, pr(D, e));
+        return Cr(e, r);
+      if (de == D || de == g || pt && !j) {
+        if (Le(e))
+          return j ? e : {};
+        if (P = $r(pt ? {} : e), !r)
+          return Ir(e, gr(P, e));
       } else {
-        if (!_[ue])
-          return N ? e : {};
-        D = $r(e, ue, ot, r);
+        if (!m[de])
+          return j ? e : {};
+        P = Br(e, de, tt, r);
       }
     }
-    J || (J = new ce());
-    var Ht = J.get(e);
-    if (Ht)
-      return Ht;
-    if (J.set(e, D), !vt)
-      var xt = n ? Pr(e) : it(e);
-    return Me(xt || e, function(st, je) {
-      xt && (je = st, st = e[je]), wt(D, je, ot(st, r, n, l, je, e, J));
-    }), D;
-  }
-  function yr(e) {
-    return Be(e) ? Ze(e) : {};
+    Y || (Y = new se());
+    var Tt = Y.get(e);
+    if (Tt)
+      return Tt;
+    if (Y.set(e, P), !gt)
+      var yt = n ? xr(e) : ot(e);
+    return Me(yt || e, function(at, je) {
+      yt && (je = at, at = e[je]), ct(P, je, tt(at, r, n, a, je, e, Y));
+    }), P;
+  }
+  function pr(e) {
+    return Be(e) ? Dt(e) : {};
   }
   function Tr(e, r, n) {
-    var l = r(e);
-    return lt(e) ? l : Ue(l, n(e));
+    var a = r(e);
+    return nt(e) ? a : Ue(a, n(e));
   }
-  function Er(e) {
-    return c.call(e);
+  function yr(e) {
+    return T.call(e);
   }
-  function wr(e) {
-    if (!Be(e) || kr(e))
+  function _r(e) {
+    if (!Be(e) || Nr(e))
       return !1;
-    var r = Rt(e) || Re(e) ? g : Ae;
-    return r.test(ne(e));
+    var r = mt(e) || Le(e) ? M : We;
+    return r.test(re(e));
   }
-  function Cr(e) {
-    if (!At(e))
-      return Mt(e);
+  function wr(e) {
+    if (!ft(e))
+      return Gt(e);
     var r = [];
     for (var n in Object(e))
-      a.call(e, n) && n != "constructor" && r.push(n);
+      c.call(e, n) && n != "constructor" && r.push(n);
     return r;
   }
-  function Sr(e, r) {
+  function Cr(e, r) {
     if (r)
       return e.slice();
     var n = new e.constructor(e.length);
     return e.copy(n), n;
   }
-  function at(e) {
+  function rt(e) {
     var r = new e.constructor(e.byteLength);
-    return new F(r).set(new F(e)), r;
+    return new xe(r).set(new xe(e)), r;
   }
-  function Ar(e, r) {
-    var n = r ? at(e.buffer) : e.buffer;
+  function Er(e, r) {
+    var n = r ? rt(e.buffer) : e.buffer;
     return new e.constructor(n, e.byteOffset, e.byteLength);
   }
-  function Or(e, r, n) {
-    var l = r ? n(ve(e), !0) : ve(e);
-    return Le(l, ee, new e.constructor());
+  function Sr(e, r, n) {
+    var a = r ? n(Oe(e), !0) : Oe(e);
+    return ve(a, ze, new e.constructor());
   }
-  function Lr(e) {
-    var r = new e.constructor(e.source, ae.exec(e));
+  function Ar(e) {
+    var r = new e.constructor(e.source, S.exec(e));
     return r.lastIndex = e.lastIndex, r;
   }
-  function Rr(e, r, n) {
-    var l = r ? n(Ie(e), !0) : Ie(e);
-    return Le(l, Ge, new e.constructor());
+  function vr(e, r, n) {
+    var a = r ? n(Re(e), !0) : Re(e);
+    return ve(a, Ge, new e.constructor());
   }
-  function vr(e) {
-    return Et ? Object(Et.call(e)) : {};
+  function Lr(e) {
+    return st ? Object(st.call(e)) : {};
   }
-  function Ir(e, r) {
-    var n = r ? at(e.buffer) : e.buffer;
+  function Or(e, r) {
+    var n = r ? rt(e.buffer) : e.buffer;
     return new e.constructor(n, e.byteOffset, e.length);
   }
-  function Hr(e, r) {
-    var n = -1, l = e.length;
-    for (r || (r = Array(l)); ++n < l; )
+  function Rr(e, r) {
+    var n = -1, a = e.length;
+    for (r || (r = Array(a)); ++n < a; )
       r[n] = e[n];
     return r;
   }
-  function Ct(e, r, n, l) {
+  function dt(e, r, n, a) {
     n || (n = {});
-    for (var x = -1, N = r.length; ++x < N; ) {
-      var J = r[x], D = void 0;
-      wt(n, J, D === void 0 ? e[J] : D);
+    for (var I = -1, j = r.length; ++I < j; ) {
+      var Y = r[I], P = void 0;
+      ct(n, Y, P === void 0 ? e[Y] : P);
     }
     return n;
   }
-  function xr(e, r) {
-    return Ct(e, St(e), r);
+  function Ir(e, r) {
+    return dt(e, ut(e), r);
   }
-  function Pr(e) {
-    return Tr(e, it, St);
+  function xr(e) {
+    return Tr(e, ot, ut);
   }
-  function Pe(e, r) {
+  function $e(e, r) {
     var n = e.__data__;
-    return Dr(r) ? n[typeof r == "string" ? "string" : "hash"] : n.map;
+    return Pr(r) ? n[typeof r == "string" ? "string" : "hash"] : n.map;
   }
-  function de(e, r) {
+  function ce(e, r) {
     var n = Ke(e, r);
-    return wr(n) ? n : void 0;
-  }
-  var St = yt ? be(yt, Object) : Ur, re = Er;
-  (et && re(new et(new ArrayBuffer(1))) != V || me && re(new me()) != p || tt && re(tt.resolve()) != M || rt && re(new rt()) != h || nt && re(new nt()) != Z) && (re = function(e) {
-    var r = c.call(e), n = r == R ? e.constructor : void 0, l = n ? ne(n) : void 0;
-    if (l)
-      switch (l) {
+    return _r(n) ? n : void 0;
+  }
+  var ut = lt ? be(lt, Object) : Mr, te = yr;
+  (Je && te(new Je(new ArrayBuffer(1))) != B || me && te(new me()) != v || Ze && te(Ze.resolve()) != p || Qe && te(new Qe()) != L || et && te(new et()) != fe) && (te = function(e) {
+    var r = T.call(e), n = r == D ? e.constructor : void 0, a = n ? re(n) : void 0;
+    if (a)
+      switch (a) {
+        case Mt:
+          return B;
         case Ut:
-          return V;
+          return v;
         case Vt:
           return p;
         case Kt:
-          return M;
-        case Xt:
-          return h;
-        case qt:
-          return Z;
+          return L;
+        case Yt:
+          return fe;
       }
     return r;
   });
-  function Br(e) {
+  function Hr(e) {
     var r = e.length, n = e.constructor(r);
-    return r && typeof e[0] == "string" && a.call(e, "index") && (n.index = e.index, n.input = e.input), n;
+    return r && typeof e[0] == "string" && c.call(e, "index") && (n.index = e.index, n.input = e.input), n;
   }
-  function jr(e) {
-    return typeof e.constructor == "function" && !At(e) ? yr(ie(e)) : {};
+  function $r(e) {
+    return typeof e.constructor == "function" && !ft(e) ? pr(qe(e)) : {};
   }
-  function $r(e, r, n, l) {
-    var x = e.constructor;
+  function Br(e, r, n, a) {
+    var I = e.constructor;
     switch (r) {
+      case X:
+        return rt(e);
+      case A:
+      case b:
+        return new I(+e);
+      case B:
+        return Er(e, a);
       case pe:
-        return at(e);
-      case E:
-      case w:
-        return new x(+e);
-      case V:
-        return Ar(e, l);
-      case Y:
-      case ye:
       case Te:
-      case Ee:
+      case ye:
       case he:
+      case _e:
       case we:
       case Ce:
-      case Se:
-      case ze:
-        return Ir(e, l);
-      case p:
-        return Or(e, l, n);
-      case I:
-      case H:
-        return new x(e);
-      case y:
-        return Lr(e);
+      case Ee:
+      case J:
+        return Or(e, a);
+      case v:
+        return Sr(e, a, n);
+      case O:
+      case k:
+        return new I(e);
       case h:
-        return Rr(e, l, n);
-      case z:
-        return vr(e);
+        return Ar(e);
+      case L:
+        return vr(e, a, n);
+      case oe:
+        return Lr(e);
     }
   }
-  function Nr(e, r) {
-    return r = r ?? f, !!r && (typeof e == "number" || L.test(e)) && e > -1 && e % 1 == 0 && e < r;
+  function jr(e, r) {
+    return r = r ?? u, !!r && (typeof e == "number" || V.test(e)) && e > -1 && e % 1 == 0 && e < r;
   }
-  function Dr(e) {
+  function Pr(e) {
     var r = typeof e;
     return r == "string" || r == "number" || r == "symbol" || r == "boolean" ? e !== "__proto__" : e === null;
   }
-  function kr(e) {
-    return !!He && He in e;
+  function Nr(e) {
+    return !!l && l in e;
   }
-  function At(e) {
+  function ft(e) {
     var r = e && e.constructor, n = typeof r == "function" && r.prototype || le;
     return e === n;
   }
-  function ne(e) {
+  function re(e) {
     if (e != null) {
       try {
-        return Je.call(e);
+        return s.call(e);
       } catch {
       }
       try {
@@ -441,141 +440,99 @@ Ne.exports;
     }
     return "";
   }
-  function zr(e) {
-    return ot(e, !1, !0);
+  function kr(e) {
+    return tt(e, !1, !0);
   }
-  function Ot(e, r) {
+  function ht(e, r) {
     return e === r || e !== e && r !== r;
   }
-  function Wr(e) {
-    return Yr(e) && a.call(e, "callee") && (!Qe.call(e, "callee") || c.call(e) == u);
+  function Dr(e) {
+    return Wr(e) && c.call(e, "callee") && (!Wt.call(e, "callee") || T.call(e) == g);
   }
-  var lt = Array.isArray;
-  function Lt(e) {
-    return e != null && Gr(e.length) && !Rt(e);
+  var nt = Array.isArray;
+  function bt(e) {
+    return e != null && zr(e.length) && !mt(e);
   }
-  function Yr(e) {
-    return Mr(e) && Lt(e);
+  function Wr(e) {
+    return Gr(e) && bt(e);
   }
-  var Fr = Gt || Vr;
-  function Rt(e) {
-    var r = Be(e) ? c.call(e) : "";
-    return r == C || r == O;
+  var Fr = zt || Ur;
+  function mt(e) {
+    var r = Be(e) ? T.call(e) : "";
+    return r == E || r == y;
   }
-  function Gr(e) {
-    return typeof e == "number" && e > -1 && e % 1 == 0 && e <= f;
+  function zr(e) {
+    return typeof e == "number" && e > -1 && e % 1 == 0 && e <= u;
   }
   function Be(e) {
     var r = typeof e;
     return !!e && (r == "object" || r == "function");
   }
-  function Mr(e) {
+  function Gr(e) {
     return !!e && typeof e == "object";
   }
-  function it(e) {
-    return Lt(e) ? _r(e) : Cr(e);
+  function ot(e) {
+    return bt(e) ? mr(e) : wr(e);
   }
-  function Ur() {
+  function Mr() {
     return [];
   }
-  function Vr() {
+  function Ur() {
     return !1;
   }
-  t.exports = zr;
+  t.exports = kr;
 })(Ne, Ne.exports);
-var sn = Ne.exports;
-const jt = /* @__PURE__ */ ke(sn);
-var cn = typeof G == "object" && G && G.Object === Object && G, dn = typeof self == "object" && self && self.Object === Object && self, un = cn || dn || Function("return this")(), fn = un.isFinite;
-function hn(t) {
-  return typeof t == "number" && fn(t);
+var an = Ne.exports;
+const Ct = /* @__PURE__ */ De(an);
+var ln = typeof F == "object" && F && F.Object === Object && F, sn = typeof self == "object" && self && self.Object === Object && self, cn = ln || sn || Function("return this")(), dn = cn.isFinite;
+function un(t) {
+  return typeof t == "number" && dn(t);
 }
-var bn = hn;
-const gn = /* @__PURE__ */ ke(bn);
-function mn(t) {
-  var d = typeof t;
-  return !!t && (d == "object" || d == "function");
+var fn = un;
+const hn = /* @__PURE__ */ De(fn);
+function bn(t) {
+  var o = typeof t;
+  return !!t && (o == "object" || o == "function");
 }
-var _n = mn;
-const pn = /* @__PURE__ */ ke(_n), yn = v.tbody``, ct = (t) => {
-  const {
-    __TYPE__: d = "TABLE_BODY",
-    className: i = "",
-    size: s = "small",
-    color: f = "primary"
-  } = t, u = U();
-  return /* @__PURE__ */ b(yn, { "data-tbody": !0, ...{
-    className: i,
-    size: s,
-    color: f,
+var mn = bn;
+const gn = /* @__PURE__ */ De(mn), pn = R.tbody``, Lt = (t) => {
+  const { className: o = "", size: i = "small", color: d = "primary" } = t, u = G();
+  return /* @__PURE__ */ f(pn, { "data-tbody": !0, ...{
+    className: o,
+    size: i,
+    color: d,
     theme: u
   }, children: t.children });
 };
-ct.propTypes = {
-  __TYPE__: o.string,
-  //----------------------------------------
-  className: o.string,
-  size: o.oneOf(["small", "medium", "large"]),
-  color: o.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
-ct.displayName = "TABLE_BODY";
-const Tn = v.thead`
+Lt.displayName = "TABLE_BODY";
+const Tn = R.thead`
   border-radius: 0.5rem 0.5rem 0 0;
-`, dt = (t) => {
-  const {
-    __TYPE__: d = "TABLE_HEAD",
-    className: i = "",
-    size: s = "small",
-    color: f = "primary"
-  } = t, u = U();
-  return /* @__PURE__ */ b(Tn, { ...{
-    className: i,
-    size: s,
-    color: f,
+`, Ot = (t) => {
+  const { className: o = "", size: i = "small", color: d = "primary" } = t, u = G();
+  return /* @__PURE__ */ f(Tn, { ...{
+    className: o,
+    size: i,
+    color: d,
     theme: u
   }, children: t.children });
 };
-dt.propTypes = {
-  __TYPE__: o.string,
-  //----------------------------------------
-  className: o.string,
-  size: o.oneOf(["small", "medium", "large"]),
-  color: o.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
-dt.displayName = "TABLE_HEAD";
-const En = v.tr`
-  ${(t) => t.noBorder == !1 && `border-bottom: 1px solid ${S(
+Ot.displayName = "TABLE_HEAD";
+const yn = R.tr`
+  ${(t) => t.noBorder == !1 && `border-bottom: 1px solid ${_(
   t.theme,
   "TableRow",
   null,
   "enabled",
   "border"
 )};`}
-  ${(t) => t.noBorder == !1 && `border-left: 1px solid ${S(
+  ${(t) => t.noBorder == !1 && `border-left: 1px solid ${_(
   t.theme,
   "TableRow",
   null,
   "enabled",
   "border"
 )};`}
-${(t) => t.noBorder == !1 && `border-right: 1px solid ${S(
+${(t) => t.noBorder == !1 && `border-right: 1px solid ${_(
   t.theme,
   "TableRow",
   null,
@@ -593,7 +550,7 @@ ${(t) => t.noBorder == !1 && `border-right: 1px solid ${S(
   ${(t) => t.IsSelected !== !0 ? `
        &:hover {
           & > td {
-            background-color: ${S(
+            background-color: ${_(
   t.theme,
   "TableRow",
   null,
@@ -604,7 +561,7 @@ ${(t) => t.noBorder == !1 && `border-right: 1px solid ${S(
       }` : ""}
   ${(t) => t.IsSelected === !0 ? `
         & > td {
-          background-color: ${S(
+          background-color: ${_(
   t.theme,
   "TableRow",
   t.color,
@@ -613,290 +570,198 @@ ${(t) => t.noBorder == !1 && `border-right: 1px solid ${S(
 )};
         }
       ` : ""}
-`, ut = (t) => {
+`, Rt = (t) => {
   const {
-    __TYPE__: d = "TABLE_ROW",
-    onRowClick: i = () => {
+    onRowClick: o = () => {
     },
-    RowData: s = {},
-    Index: f,
+    RowData: i = {},
+    Index: d,
     IsSelected: u = null,
-    noBorder: T = !1,
-    rowCss: E = "",
+    noBorder: g = !1,
+    rowCss: w = "",
     //----------------
-    className: w = "",
-    size: A = "small",
+    className: A = "",
+    size: b = "small",
     color: C = "primary"
-  } = t, O = U();
-  return /* @__PURE__ */ k(
-    En,
+  } = t, E = G();
+  return /* @__PURE__ */ N(
+    yn,
     {
       ...{
-        className: w,
-        size: A,
+        className: A,
+        size: b,
         color: C,
-        theme: O
+        theme: E
       },
       IsSelected: u,
-      key: f,
-      onClick: (R) => {
-        R.stopPropagation(), R.nativeEvent.stopImmediatePropagation(), i && i(R, s);
+      key: d,
+      onClick: (O) => {
+        O.stopPropagation(), O.nativeEvent.stopImmediatePropagation(), o && o(O, i);
       },
-      noBorder: T,
-      rowCss: E
+      noBorder: g,
+      rowCss: w
     },
     t.children
   );
 };
-ut.propTypes = {
-  __TYPE__: o.string,
-  //----------------------------------------
-  onRowClick: o.func,
-  RowData: o.object,
-  //----------------------------------------
-  IsSelected: o.bool,
-  noBorder: o.bool,
-  //----------------------------------------
-  className: o.string,
-  size: o.oneOf(["small", "medium", "large"]),
-  color: o.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
-ut.displayName = "TABLE_ROW";
-var wn = "[object AsyncFunction]", Cn = "[object Function]", Sn = "[object GeneratorFunction]", An = "[object Null]", On = "[object Proxy]", Ln = "[object Undefined]", Rn = typeof G == "object" && G && G.Object === Object && G, vn = typeof self == "object" && self && self.Object === Object && self, In = Rn || vn || Function("return this")(), zt = Object.prototype, Hn = zt.hasOwnProperty, Wt = zt.toString, $t = In.Symbol, oe = $t ? $t.toStringTag : void 0;
-function xn(t) {
-  return t == null ? t === void 0 ? Ln : An : oe && oe in Object(t) ? Pn(t) : Bn(t);
+Rt.displayName = "TABLE_ROW";
+var _n = "[object AsyncFunction]", wn = "[object Function]", Cn = "[object GeneratorFunction]", En = "[object Null]", Sn = "[object Proxy]", An = "[object Undefined]", vn = typeof F == "object" && F && F.Object === Object && F, Ln = typeof self == "object" && self && self.Object === Object && self, On = vn || Ln || Function("return this")(), It = Object.prototype, Rn = It.hasOwnProperty, xt = It.toString, Et = On.Symbol, ne = Et ? Et.toStringTag : void 0;
+function In(t) {
+  return t == null ? t === void 0 ? An : En : ne && ne in Object(t) ? xn(t) : Hn(t);
 }
-function Pn(t) {
-  var d = Hn.call(t, oe), i = t[oe];
+function xn(t) {
+  var o = Rn.call(t, ne), i = t[ne];
   try {
-    t[oe] = void 0;
-    var s = !0;
+    t[ne] = void 0;
+    var d = !0;
   } catch {
   }
-  var f = Wt.call(t);
-  return s && (d ? t[oe] = i : delete t[oe]), f;
+  var u = xt.call(t);
+  return d && (o ? t[ne] = i : delete t[ne]), u;
 }
-function Bn(t) {
-  return Wt.call(t);
+function Hn(t) {
+  return xt.call(t);
 }
-function jn(t) {
-  if (!$n(t))
+function $n(t) {
+  if (!Bn(t))
     return !1;
-  var d = xn(t);
-  return d == Cn || d == Sn || d == wn || d == On;
+  var o = In(t);
+  return o == wn || o == Cn || o == _n || o == Sn;
 }
-function $n(t) {
-  var d = typeof t;
-  return t != null && (d == "object" || d == "function");
+function Bn(t) {
+  var o = typeof t;
+  return t != null && (o == "object" || o == "function");
 }
-var Nn = jn;
-const Dn = /* @__PURE__ */ ke(Nn), kn = v.td`
+var jn = $n;
+const Pn = /* @__PURE__ */ De(jn), Nn = R.td`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   width: ${(t) => t.width};
   padding: 0.875rem 1.5rem;
 
-  background-color: ${(t) => S(t.theme, "TableRow", null, "enabled", "background")};
+  background-color: ${(t) => _(t.theme, "TableRow", null, "enabled", "background")};
 
   ${(t) => t.bgColor}
 
-  ${(t) => De(t.theme, "TableCell", t.size, "enabled")};
-`, ft = (t) => {
+  ${(t) => ke(t.theme, "TableCell", t.size, "enabled")};
+`, Ht = (t) => {
   const {
-    __TYPE__: d = "TABLE_CELL",
-    Column: i = {},
-    RowData: s = {},
-    Index: f = 0,
+    Column: o = {},
+    RowData: i = {},
+    Index: d = 0,
     EnableSelection: u = !1,
-    EnableRowHighlight: T = !1,
-    GetRowHighlightColor: E = () => "",
+    EnableRowHighlight: g = !1,
+    GetRowHighlightColor: w = () => "",
     //----------------
-    className: w = "",
-    size: A = "small",
+    className: A = "",
+    size: b = "small",
     color: C = "primary"
-  } = t, O = U(), p = {
-    className: w,
-    size: A,
+  } = t, E = G(), y = {
+    className: A,
+    size: b,
     color: C,
-    theme: O
-  }, I = (h) => {
-    const H = new Option().style;
-    return H.color = h, H.color !== "";
-  }, R = () => i && i.width ? i.width + "%" : "auto", M = () => {
-    var h = E(s);
-    return T === !0 && I(h) ? `
+    theme: E
+  }, v = (h) => {
+    const L = new Option().style;
+    return L.color = h, L.color !== "";
+  }, O = () => o && o.width ? o.width + "%" : "auto", D = () => {
+    var h = w(i);
+    return g === !0 && v(h) ? `
         background-color: ${h};
       ` : "";
-  }, y = () => {
-    if (i.render && Dn(i.render)) {
-      var h = i.render(s);
-      if (qr(h)) return h;
+  }, p = () => {
+    if (o.render && Pn(o.render)) {
+      var h = o.render(i);
+      if (Yr(h)) return h;
       console.error(
-        `${i.id}/${i.accessor}: invalid render function.`
+        `${o.id}/${o.accessor}: invalid render function.`
       );
     }
-    return tn(i.accessor) && console.error(
-      `${i.index}: accessor property is required when the render function is not suplied`
-    ), s[i.accessor];
+    return Qr(o.accessor) && console.error(
+      `${o.index}: accessor property is required when the render function is not suplied`
+    ), i[o.accessor];
   };
-  return /* @__PURE__ */ k(
-    kn,
+  return /* @__PURE__ */ N(
+    Nn,
     {
-      ...p,
-      bgColor: M(),
+      ...y,
+      bgColor: D(),
       selection: u,
-      width: R(),
-      key: f,
-      title: s[i.accessor]
+      width: O(),
+      key: d,
+      title: i[o.accessor]
     },
-    y()
+    p()
   );
 };
-ft.propTypes = {
-  __TYPE__: o.string,
-  //----------------------------------------
-  Column: o.object,
-  RowData: o.object,
-  Index: o.number,
-  EnableSelection: o.bool,
-  EnableRowHighlight: o.bool,
-  GetRowHighlightColor: o.func,
-  //----------------------------------------
-  className: o.string,
-  size: o.oneOf(["small", "medium", "large"]),
-  color: o.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
-ft.displayName = "TABLE_CELL";
-const zn = v.td`
+Ht.displayName = "TABLE_CELL";
+const kn = R.td`
   padding: 0 0 0 1.25rem;
-  background-color: ${(t) => S(t.theme, "TableRow", null, "enabled", "background")};
+  background-color: ${(t) => _(t.theme, "TableRow", null, "enabled", "background")};
 
   width: ${(t) => t.width}%;
   ${(t) => t.bgColor}
-`, ht = (t) => {
+`, $t = (t) => {
   const {
-    __TYPE__: d = "TABLE_SELECTION_CELL",
-    RowData: i = {},
-    onSelectRow: s = () => {
+    RowData: o = {},
+    onSelectRow: i = () => {
     },
-    IsSelected: f = null,
+    IsSelected: d = null,
     Index: u = 0,
-    EnableRowHighlight: T = !1,
-    GetRowHighlightColor: E = () => "",
+    EnableRowHighlight: g = !1,
+    GetRowHighlightColor: w = () => "",
     //----------------
-    className: w = "",
-    size: A = "small",
+    className: A = "",
+    size: b = "small",
     color: C = "primary"
-  } = t, O = U(), p = {
-    className: w,
-    size: A,
+  } = t, E = G(), y = {
+    className: A,
+    size: b,
     color: C,
-    theme: O
-  }, I = (y, h) => {
-    s(y, i, f);
-  }, R = (y) => {
+    theme: E
+  }, v = (p) => {
+    i(p, o, d);
+  }, O = (p) => {
     const h = new Option().style;
-    return h.color = y, h.color !== "";
+    return h.color = p, h.color !== "";
   };
-  return /* @__PURE__ */ k(
-    zn,
+  return /* @__PURE__ */ N(
+    kn,
     {
       bgColor: (() => {
-        var y = E(i);
-        return T === !0 && R(y) ? `
-        background-color: ${y};
+        var p = w(o);
+        return g === !0 && O(p) ? `
+        background-color: ${p};
       ` : "";
       })(),
-      ...p,
+      ...y,
       key: u,
       width: t.width
     },
-    /* @__PURE__ */ b(Dt, { id: u, checked: f, onChange: I })
+    /* @__PURE__ */ f(At, { id: u, checked: d, onChange: v })
   );
 };
-ht.propTypes = {
-  __TYPE__: o.string,
-  //----------------------------------------
-  Column: o.object,
-  RowData: o.object,
-  onSelectRow: o.func,
-  Index: o.number,
-  SelectedData: o.array,
-  IsSelected: o.bool,
-  EnableRowHighlight: o.bool,
-  GetRowHighlightColor: o.func,
-  //----------------------------------------
-  className: o.string,
-  size: o.oneOf(["small", "medium", "large"]),
-  color: o.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
-ht.displayName = "TABLE_SELECTION_CELL";
-const Wn = v.tr`
+$t.displayName = "TABLE_SELECTION_CELL";
+const Dn = R.tr`
   border-radius: 0.5rem 0.5rem 0 0;
-`, bt = (t) => {
+`, Bt = (t) => {
   const {
-    __TYPE__: d = "TABLE_HEAD_ROW",
-    Index: i = 0,
+    Index: o = 0,
     //-------------
-    className: s = "",
-    size: f = "small",
+    className: i = "",
+    size: d = "small",
     color: u = "primary"
-  } = t, T = U();
-  return /* @__PURE__ */ k(Wn, { ...{
-    className: s,
-    size: f,
+  } = t, g = G();
+  return /* @__PURE__ */ N(Dn, { ...{
+    className: i,
+    size: d,
     color: u,
-    theme: T
-  }, key: i }, t.children);
-};
-bt.propTypes = {
-  __TYPE__: o.string,
-  //----------------------------------------
-  Index: o.any,
-  //----------------------------------------
-  className: o.string,
-  size: o.oneOf(["small", "medium", "large"]),
-  color: o.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "information",
-    "neutral",
-    "gray"
-  ])
+    theme: g
+  }, key: o }, t.children);
 };
-bt.displayName = "TABLE_HEAD_ROW";
-const Yn = v.th`
+Bt.displayName = "TABLE_HEAD_ROW";
+const Wn = R.th`
 white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -907,7 +772,7 @@ white-space: nowrap;
   width: ${(t) => t.width};
 
   &:hover {
-    ${(t) => t.ordering ? `background-color: ${S(
+    ${(t) => t.ordering ? `background-color: ${_(
   t.theme,
   "TableHeadCell",
   null,
@@ -916,72 +781,72 @@ white-space: nowrap;
 )};` : ""}
   }
 
-  ${(t) => De(
+  ${(t) => ke(
   t.theme,
   "TableHeadCell",
   t.size,
   "enabled"
 )};
 
-  color: ${(t) => S(t.theme, "TableHeadCell", null, "enabled", "text")}};
+  color: ${(t) => _(t.theme, "TableHeadCell", null, "enabled", "text")};
 
-  background-color: ${(t) => S(
+  background-color: ${(t) => _(
   t.theme,
   "TableHeadCell",
   null,
   "enabled",
   "background"
-)}};
+)};
 
-  border-top: ${(t) => "1px solid " + S(
+  border-top: ${(t) => "1px solid " + _(
   t.theme,
   "TableHeadCell",
   null,
   "enabled",
   "border"
-)}};
+)};
 
-  border-bottom: ${(t) => "1px solid " + S(
+  border-bottom: ${(t) => "1px solid " + _(
   t.theme,
   "TableHeadCell",
   null,
   "enabled",
   "border"
-)}};
+)};
 
 
   &:first-of-type {
     border-radius: 0.5rem 0 0 0;
-    border-left: ${(t) => "1px solid " + S(
+    border-left: ${(t) => "1px solid " + _(
   t.theme,
   "TableHeadCell",
   null,
   "enabled",
   "border"
-)}};
+)};
   }
 
   &:last-of-type {
     border-radius: 0 0.5rem 0 0;
-    border-right: ${(t) => "1px solid " + S(
+    border-right: ${(t) => "1px solid " + _(
   t.theme,
   "TableHeadCell",
   null,
   "enabled",
   "border"
-)}};
+)};
   }
-`, Fn = v.div`
+`, Fn = R.div`
   display: flex;
   flex-direction: row;
   align-items: center;
-`, Gn = v.span`
+`, zn = R.span`
   padding-right: 0.25rem;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 
-  color: ${(t) => S(
+  color: ${(t) => _(
   t.theme,
   "TableHeadCell",
   t.color,
@@ -989,16 +854,16 @@ white-space: nowrap;
   "text"
 )};
 
-  font-weight: ${(t) => S(
+  font-weight: ${(t) => _(
   t.theme,
   "TableHeadCell",
   t.color,
   "enabled",
   "fontWeight"
 )};
-`, Mn = v.span`
+`, Gn = R.span`
   & i {
-    color: ${(t) => t.sort ? "transparent" : S(
+    color: ${(t) => t.sort ? "transparent" : _(
   t.theme,
   "TableHeadCell",
   t.color,
@@ -1006,7 +871,7 @@ white-space: nowrap;
   "text"
 )};
 
-    font-weight: ${(t) => S(
+    font-weight: ${(t) => _(
   t.theme,
   "TableHeadCell",
   t.color,
@@ -1014,288 +879,200 @@ white-space: nowrap;
   "fontWeight"
 )};
   }
-`, gt = (t) => {
+`, jt = (t) => {
   const {
-    __TYPE__: d = "TABLE_HEAD_CELL",
-    Column: i = {},
-    Ordering: s = {},
-    Index: f = 0,
+    Column: o = {},
+    Ordering: i = {},
+    Index: d = 0,
     onColumnClick: u = () => {
     },
-    EnableSelectAll: T = !1,
-    EnableOrdering: E = !1,
+    EnableSelectAll: g = !1,
+    EnableOrdering: w = !1,
     //-----------
-    className: w = "",
-    size: A = "small",
+    className: A = "",
+    size: b = "small",
     color: C = "primary"
-  } = t, O = U(), p = {
-    className: w,
-    size: A,
+  } = t, E = G(), y = {
+    className: A,
+    size: b,
     color: C,
-    theme: O
-  }, I = () => {
-    if (i.sortable === !0 && E === !0) {
-      let y;
-      return s && s.columnId === i.id ? (s.ascending === !0 && (y = "angle-up"), s.descending === !0 && (y = "angle-down"), s.ascending && s.descending && (y = "sort")) : y = "sort", /* @__PURE__ */ b(Mn, { ...p, sort: y === "sort", children: /* @__PURE__ */ b(rn, { ...p, sizeInUnits: "14px", icon: y }) });
+    theme: E
+  }, v = () => {
+    if (o.sortable === !0 && w === !0) {
+      let p;
+      return i && i.columnId === o.id ? (i.ascending === !0 && (p = "angle-up"), i.descending === !0 && (p = "angle-down"), i.ascending && i.descending && (p = "sort")) : p = "sort", /* @__PURE__ */ f(Gn, { ...y, sort: p === "sort", children: /* @__PURE__ */ f(en, { ...y, sizeInUnits: "14px", icon: p }) });
     }
-    return /* @__PURE__ */ b(P, {});
-  }, R = (y) => {
-    var h = { columnId: i.id, ascending: !1, descending: !0 };
-    E === !0 && i.sortable === !0 && s && s.columnId === i.id && (s.ascending === !0 && (h.ascending = !1, h.descending = !1), s.descending === !0 && (h.ascending = !0, h.descending = !1), s.descending === !1 && s.ascending === !1 && (h.ascending = !1, h.descending = !0), u(y, i, h)), E === !0 && i.sortable === !0 && s && s.columnId !== i.id && u(y, i, h), (i.sortable !== !0 || E !== !0) && u(y, i);
-  }, M = () => i && i.width ? i.width + "%" : "auto";
-  return /* @__PURE__ */ k(
-    Yn,
+    return /* @__PURE__ */ f(x, {});
+  }, O = (p) => {
+    var h = { columnId: o.id, ascending: !1, descending: !0 };
+    w === !0 && o.sortable === !0 && i && i.columnId === o.id && (i.ascending === !0 && (h.ascending = !1, h.descending = !1), i.descending === !0 && (h.ascending = !0, h.descending = !1), i.descending === !1 && i.ascending === !1 && (h.ascending = !1, h.descending = !0), u(p, o, h)), w === !0 && o.sortable === !0 && i && i.columnId !== o.id && u(p, o, h), (o.sortable !== !0 || w !== !0) && u(p, o);
+  }, D = () => o && o.width ? o.width + "%" : "auto";
+  return /* @__PURE__ */ N(
+    Wn,
     {
-      onClick: R,
-      ...p,
-      selection: T,
-      ordering: E === !0 && i.sortable === !0,
-      key: f,
-      width: M(),
-      title: i.displayName
+      onClick: O,
+      ...y,
+      selection: g,
+      ordering: w === !0 && o.sortable === !0,
+      key: d,
+      width: D(),
+      title: o.displayName
     },
-    /* @__PURE__ */ fe(Fn, { ...p, children: [
-      /* @__PURE__ */ b(Gn, { ...p, children: i.displayName }),
-      I()
+    /* @__PURE__ */ ue(Fn, { ...y, children: [
+      /* @__PURE__ */ f(zn, { ...y, children: o.displayName }),
+      v()
     ] })
   );
 };
-gt.propTypes = {
-  __TYPE__: o.string,
-  //----------------------------------------
-  Columns: o.object,
-  Ordering: o.object,
-  Index: o.any,
-  EnableSelectAll: o.bool,
-  EnableOrdering: o.bool,
-  onColumnClick: o.func,
-  //----------------------------------------
-  className: o.string,
-  size: o.oneOf(["small", "medium", "large"]),
-  color: o.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
-gt.displayName = "TABLE_HEAD_CELL";
-const Un = v.th`
+jt.displayName = "TABLE_HEAD_CELL";
+const Mn = R.th`
   text-align: left;
   width: ${(t) => t.width};
   padding-left: 1.25rem;
-  background-color: ${(t) => S(
+  background-color: ${(t) => _(
   t.theme,
   "TableHeadCell",
   null,
   "enabled",
   "background"
-)}};
-  border-top: ${(t) => "1px solid " + S(
+)};
+  border-top: ${(t) => "1px solid " + _(
   t.theme,
   "TableHeadCell",
   null,
   "enabled",
   "border"
-)}};
+)};
   
-  border-bottom: ${(t) => "1px solid " + S(
+  border-bottom: ${(t) => "1px solid " + _(
   t.theme,
   "TableHeadCell",
   null,
   "enabled",
   "border"
-)}};
+)};
   
   border-radius: 0.5rem 0 0 0;
-`, mt = (t) => {
+`, Pt = (t) => {
   const {
-    __TYPE__: d = "TABLE_HEAD_SELECTION_CELL",
-    EnableSelectAll: i,
-    IsSelected: s = null,
-    Index: f = 0,
+    EnableSelectAll: o,
+    IsSelected: i = null,
+    Index: d = 0,
     onSelectAll: u,
     //----------------
-    className: T = "",
-    size: E = "small",
-    color: w = "primary"
-  } = t, A = U();
-  return /* @__PURE__ */ k(
-    Un,
+    className: g = "",
+    size: w = "small",
+    color: A = "primary"
+  } = t, b = G();
+  return /* @__PURE__ */ N(
+    Mn,
     {
       ...{
-        className: T,
-        size: E,
-        color: w,
-        theme: A
+        className: g,
+        size: w,
+        color: A,
+        theme: b
       },
-      selection: i,
-      key: f,
+      selection: o,
+      key: d,
       width: t.width
     },
-    i && /* @__PURE__ */ b(
-      Dt,
+    o && /* @__PURE__ */ f(
+      At,
       {
-        id: f,
-        checked: s || !1,
-        onChange: (O) => u(O, s)
+        id: d,
+        checked: i || !1,
+        onChange: (E) => u(E, i)
       }
     )
   );
 };
-mt.propTypes = {
-  __TYPE__: o.string,
-  //----------------------------------------
-  Index: o.number,
-  IsSelected: o.bool,
-  EnableSelectAll: o.bool,
-  //----------------------------------------
-  className: o.string,
-  size: o.oneOf(["small", "medium", "large"]),
-  color: o.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
-mt.displayName = "TABLE_HEAD_SELECTION_CELL";
-const Vn = v.td`
+Pt.displayName = "TABLE_HEAD_SELECTION_CELL";
+const Un = R.td`
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   padding: 0.25rem 0.125rem;
-`, Kn = v.div`
+`, Vn = R.div`
   width: ${(t) => t.width};
   height: 100%;
   border-radius: 100px;
   background-color: ${(t) => t.bgColor} !important;
-`, _t = (t) => {
+`, Nt = (t) => {
   const {
-    __TYPE__: d = "TABLE_ROW_STATUS_INDICATOR_CELL",
-    RowData: i = {},
-    Index: s,
-    GetRowStatusIndicatorColor: f,
+    RowData: o = {},
+    Index: i,
+    GetRowStatusIndicatorColor: d,
     //----------------
     className: u = "",
-    size: T = "small",
-    color: E = "Primary"
-  } = t, w = U(), A = {
+    size: g = "small",
+    color: w = "Primary"
+  } = t, A = G(), b = {
     className: u,
-    size: T,
-    color: E,
-    theme: w
-  }, C = () => "4px", O = (p) => {
-    const I = new Option().style;
-    return I.color = p, I.color !== "";
+    size: g,
+    color: w,
+    theme: A
+  }, C = () => "4px", E = (y) => {
+    const v = new Option().style;
+    return v.color = y, v.color !== "";
   };
-  return /* @__PURE__ */ k(
-    Vn,
+  return /* @__PURE__ */ N(
+    Un,
     {
-      ...A,
+      ...b,
       width: C(),
-      key: s,
+      key: i,
       bgColor: () => {
-        var p = f(i);
-        return O(p) ? p : Bt.NONE;
+        var y = d(o);
+        return E(y) ? y : wt.NONE;
       }
     },
-    /* @__PURE__ */ b(
-      Kn,
+    /* @__PURE__ */ f(
+      Vn,
       {
-        ...A,
+        ...b,
         width: C(),
         bgColor: () => {
-          var p = f(i);
-          return O(p) ? p : Bt.NONE;
+          var y = d(o);
+          return E(y) ? y : wt.NONE;
         }
       }
     )
   );
 };
-_t.propTypes = {
-  __TYPE__: o.string,
-  //----------------------------------------
-  Column: o.object,
-  RowData: o.object,
-  //----------------------------------------
-  className: o.string,
-  size: o.oneOf(["small", "medium", "large"]),
-  color: o.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "danger",
-    "warning",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
-_t.displayName = "TABLE_ROW_STATUS_INDICATOR_CELL";
-const Xn = v.th`
+Nt.displayName = "TABLE_ROW_STATUS_INDICATOR_CELL";
+const Kn = R.th`
   padding: 0.125rem;
   width: 8px;
 
-  background-color: ${(t) => S(
+  background-color: ${(t) => _(
   t.theme,
   "TableHeadCell",
   null,
   "enabled",
   "background"
-)}};
+)};
 
-  border-bottom: ${(t) => "1px solid " + S(
+  border-bottom: ${(t) => "1px solid " + _(
   t.theme,
   "TableHeadCell",
   null,
   "enabled",
   "border"
-)}};
+)};
   
   border-radius: 0.5rem 0 0 0;
-`, pt = (t) => {
-  const {
-    __TYPE__: d = "TABLE_HEAD_ROW_STATUS_INDICATOR_CELL",
-    Index: i,
-    //-----------
-    className: s = "",
-    size: f = "small",
-    color: u = "primary"
-  } = t, T = U();
-  return /* @__PURE__ */ k(Xn, { ...{
-    className: s,
-    size: f,
+`, kt = (t) => {
+  const { Index: o, className: i = "", size: d = "small", color: u = "primary" } = t, g = G();
+  return /* @__PURE__ */ N(Kn, { ...{
+    className: i,
+    size: d,
     color: u,
-    theme: T
-  }, key: i });
-};
-pt.propTypes = {
-  __TYPE__: o.string,
-  //----------------------------------------
-  className: o.string,
-  size: o.oneOf(["small", "medium", "large"]),
-  color: o.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ])
+    theme: g
+  }, key: o });
 };
-pt.displayName = "TABLE_HEAD_ROW_STATUS_INDICATOR_CELL";
-const qn = v.div`
+kt.displayName = "TABLE_HEAD_ROW_STATUS_INDICATOR_CELL";
+const Yn = R.div`
   display: flex;
   flex-direction: column;
   padding: 0.625rem;
@@ -1305,8 +1082,8 @@ const qn = v.div`
   white-space: nowrap;
   position: relative;
 
-  ${(t) => De(t.theme, "Table", t.size, "enabled")};
-`, Jn = v.div`
+  ${(t) => ke(t.theme, "Table", t.size, "enabled")};
+`, Xn = R.div`
   position: absolute;
   top: 0px;
   right: 0px;
@@ -1315,7 +1092,7 @@ const qn = v.div`
   overflow: auto;
   z-index: 1000;
   opacity: 0.7;
-  background-color: ${(t) => S(
+  background-color: ${(t) => _(
   t.theme,
   "Background",
   "primary",
@@ -1326,7 +1103,7 @@ const qn = v.div`
   display: flex;
   align-items: center;
   justify-content: center;
-`, Zn = v.table`
+`, qn = R.table`
   height: 1px;
   width: ${(t) => t.tableWidth};
   white-space: nowrap;
@@ -1334,20 +1111,20 @@ const qn = v.div`
   border-radius: 0.5rem;
   border-style: hidden;
   table-layout: fixed;
-  ${(t) => t.noBorder == !1 && `box-shadow: 0 0 0 0.0625rem ${S(
+  ${(t) => t.noBorder == !1 && `box-shadow: 0 0 0 0.0625rem ${_(
   t.theme,
   "Table",
   null,
   "enabled",
   "border"
 )};`}
-`, Qn = v.span`
+`, Jn = R.span`
   display: flex;
   align-items: center;
   justify-content: center;
-  ${(t) => De(t.theme, "Table", t.size, "enabled")};
+  ${(t) => ke(t.theme, "Table", t.size, "enabled")};
   padding: 0.5rem;
-`, fo = {
+`, co = {
   TableContainer: "TABLE_CONTAINER",
   TableRow: "TABLE_ROW",
   TableCell: "TABLE_CELL",
@@ -1363,500 +1140,342 @@ const qn = v.div`
   TableLoader: "TABLE_LOADER",
   TableBody: "TABLE_BODY",
   TableHead: "TABLE_HEAD"
-}, Yt = Jr((t, d) => {
+}, Zn = Xr((t, o) => {
   var {
-    __TYPE__: i = "TABLE",
-    EnableSelection: s = !1,
-    EnableOrdering: f = !1,
+    EnableSelection: i = !1,
+    EnableOrdering: d = !1,
     EnableSelectAll: u = !1,
-    EnableLoader: T = !1,
-    PreRenderedTableBody: E = !1,
-    PreRenderedTableHead: w = !1,
-    noBorder: A = !1,
+    EnableLoader: g = !1,
+    PreRenderedTableBody: w = !1,
+    PreRenderedTableHead: A = !1,
+    noBorder: b = !1,
     //--------------------
     EnableRowStatusIndicator: C = !1,
-    EnableRowHighlight: O = !1,
-    GetRowStatusIndicatorColor: p = () => {
+    EnableRowHighlight: E = !1,
+    GetRowStatusIndicatorColor: y = () => {
     },
-    GetRowHighlightColor: I = () => {
+    GetRowHighlightColor: v = () => {
     },
-    GetRowHighlightCss: R = () => {
+    GetRowHighlightCss: O = () => {
     },
     //--------------------
-    NoDataText: M = "No data to show",
-    NoDataComponent: y = null,
+    NoDataText: D = "No data to show",
+    NoDataComponent: p = null,
     //--------------------
     Loading: h = !1,
     // TODO: add alignText prop to Column object
-    Columns: H = [],
-    Data: z = [],
-    SelectedData: Z = [],
-    SelectedEntirePage: pe = !1,
-    RowIdentifier: V = "id",
-    VisibilityPattern: Y = null,
-    Ordering: ye = {},
+    Columns: L = [],
+    Data: k = [],
+    SelectedData: oe = [],
+    SelectedEntirePage: fe = !1,
+    RowIdentifier: X = "id",
+    VisibilityPattern: B = null,
+    Ordering: pe = {},
     //--------------------
     onColumnClick: Te = () => {
     },
-    onRowClick: Ee = () => {
+    onRowClick: ye = () => {
     },
     onSelectRow: he = () => {
     },
-    onSelectAll: we = () => {
+    onSelectAll: _e = () => {
     },
     //--------------------
-    tableWidth: Ce = "100%",
-    className: Se = "",
-    style: ze = {},
-    color: We = "primary",
-    size: ae = "small"
+    tableWidth: we = "100%",
+    className: Ce = "",
+    color: Ee = "primary",
+    size: J = "small"
   } = t;
-  const Ae = U(), L = {
-    theme: Ae,
-    color: We,
-    size: ae
+  const Se = G(), S = {
+    theme: Se,
+    color: Ee,
+    size: J
   };
-  Zr(
-    d,
+  qr(
+    o,
     () => ({
-      getTableData: () => z
+      getTableData: () => k
     }),
     [
-      z
+      k
       // Update functions when certain state changes
     ]
   );
-  const [_, { width: X }] = ln();
-  var Ye = en();
-  $e(() => {
-    s === !0 && (V === null || V === "") && console.error(
+  const [We, { width: V }] = on();
+  var m = Zr();
+  Pe(() => {
+    i === !0 && (X === null || X === "") && console.error(
       "Error: Selection is enabled but the 'RowIdentifier' is empty"
     );
-  }, []), $e(() => {
-    (H == null || H.length === 0) && console.error("Error: Columns array must have at least one item.");
-  }, [H]), $e(() => {
-    Y && (Y.hasOwnProperty(K.XS.type) || console.error(B(K.XS.type)), Y.hasOwnProperty(K.S.type) || console.error(B(K.S.type)), Y.hasOwnProperty(K.M.type) || console.error(B(K.M.type)), Y.hasOwnProperty(K.L.type) || console.error(B(K.L.type)), Y.hasOwnProperty(K.XL.type) || console.error(B(K.XL.type)));
-  }, [Y]);
-  const B = (a) => `Error: 'VisibilityPattern' missing property ${a}.`, Q = () => {
-    let a = [];
-    if (pn(Y)) {
-      var c = 0;
-      if (a = Y[Ye].map((g) => ({
-        ...H.find((W) => String(W.id) === String(g.id)),
-        ...g
-      })), s === !0) {
-        var c = ee() / X * 100 / a.length;
-        C === !0 && (c += 3 / X * 100), a = a.map((m) => ({
-          ...m,
-          width: m.width - c
+  }, []), Pe(() => {
+    (L == null || L.length === 0) && console.error("Error: Columns array must have at least one item.");
+  }, [L]), Pe(() => {
+    B && (Object.hasOwn(B, U.XS.type) || console.error(Z(U.XS.type)), Object.hasOwn(B, U.S.type) || console.error(Z(U.S.type)), Object.hasOwn(B, U.M.type) || console.error(Z(U.M.type)), Object.hasOwn(B, U.L.type) || console.error(Z(U.L.type)), Object.hasOwn(B, U.XL.type) || console.error(Z(U.XL.type)));
+  }, [B]);
+  const Z = (l) => `Error: 'VisibilityPattern' missing property ${l}.`, ae = () => {
+    let l = [];
+    if (gn(B)) {
+      if (l = B[m].map((s) => ({
+        ...L.find((T) => String(T.id) === String(s.id)),
+        ...s
+      })), i === !0) {
+        let s = q() / V * 100 / l.length;
+        C === !0 && (s += 3 / V * 100), l = l.map((c) => ({
+          ...c,
+          width: c.width - s
         }));
       }
-    } else if (a = H.map((g) => ({ ...g })), s === !0) {
-      var c = ee() / X * 100 / a.length;
-      C === !0 && (c += 3 / X * 100), a = a.map((m) => ({
-        ...m,
-        width: m.width - c
+    } else if (l = L.map((s) => ({ ...s })), i === !0) {
+      let s = q() / V * 100 / l.length;
+      C === !0 && (s += 3 / V * 100), l = l.map((c) => ({
+        ...c,
+        width: c.width - s
       }));
     }
-    return a;
-  }, Oe = (a, c) => {
-    if (a && a.length > 0) {
-      var g = 0, m = a.map((F) => F.width).reduce((F, ie) => F + ie);
-      s === !0 && (g = ee() / X * 100);
-      var W = m + g;
-      gn(W) && (W > 101 || W < 98) && console.error(`Error: Row ${c} - sum of column widths is ${W}.`);
+    return l;
+  }, z = (l, s) => {
+    if (l && l.length > 0) {
+      var c = 0, T = l.map((W) => W.width).reduce((W, Q) => W + Q);
+      i === !0 && (c = q() / V * 100);
+      var M = T + c;
+      hn(M) && (M > 101 || M < 98) && console.error(`Error: Row ${s} - sum of column widths is ${M}.`);
     }
-  }, Fe = (a) => {
-    let c = {}, g = Z.find(
-      (m) => String(m[V]) === String(a[V])
+  }, Ae = (l) => {
+    let s = {}, c = oe.find(
+      (T) => String(T[X]) === String(l[X])
     );
-    return g != null ? c.IsSelected = !0 : c.IsSelected = !1, c;
-  }, ee = () => ae === "small" ? 37 : ae === "medium" ? 43 : ae === "large" ? 49 : 37, Ge = (a = {}, c) => {
-    let g = {};
-    var m = Q(), W = (R == null ? void 0 : R(a)) || "";
-    Oe(m, c), s === !0 && (g = Fe(a));
-    var F = {
-      onRowClick: Ee,
+    return c != null ? s.IsSelected = !0 : s.IsSelected = !1, s;
+  }, q = () => J === "small" ? 37 : J === "medium" ? 43 : J === "large" ? 49 : 37, Fe = (l = {}, s) => {
+    let c = {};
+    var T = ae(), M = (O == null ? void 0 : O(l)) || "";
+    z(T, s), i === !0 && (c = Ae(l));
+    var W = {
+      onRowClick: ye,
       onSelectRow: he,
-      RowData: a,
-      SelectedData: Z,
-      EnableSelection: s,
-      Columns: H,
-      ColumnsToRender: m,
-      Index: c,
-      key: c,
-      rowCss: W,
-      ...L,
-      ...g
-    }, ie = /* @__PURE__ */ fe(P, { children: [
-      C === !0 && Xe(a),
-      s === !0 && Ue(g.IsSelected, a),
-      m.map((Ze, Qe) => Me(a, Ze, Qe, c, m))
+      RowData: l,
+      SelectedData: oe,
+      EnableSelection: i,
+      Columns: L,
+      ColumnsToRender: T,
+      Index: s,
+      key: s,
+      rowCss: M,
+      ...S,
+      ...c
+    }, Q = /* @__PURE__ */ ue(x, { children: [
+      C === !0 && be(l),
+      i === !0 && Ge(c.IsSelected, l),
+      T.map((xe, qe) => ze(l, xe, qe, s, T))
     ] });
-    return j(
+    return H(
       $("TABLE_ROW", t.children),
-      F,
-      ie
-    ) || /* @__PURE__ */ k(ut, { ...F, key: c, noBorder: A }, ie);
-  }, Me = (a, c, g, m, W) => {
-    var F = {
-      RowData: a,
-      Column: c,
-      ColumnsToRender: W,
-      Index: g,
-      RowIndex: m,
-      key: g,
-      EnableSelection: s,
-      RowIdentifier: V,
-      EnableRowHighlight: O,
-      GetRowHighlightColor: I,
-      ...L
+      W,
+      Q
+    ) || /* @__PURE__ */ N(Rt, { ...W, key: s, noBorder: b }, Q);
+  }, ze = (l, s, c, T, M) => {
+    var W = {
+      RowData: l,
+      Column: s,
+      ColumnsToRender: M,
+      Index: c,
+      RowIndex: T,
+      key: c,
+      EnableSelection: i,
+      RowIdentifier: X,
+      EnableRowHighlight: E,
+      GetRowHighlightColor: v,
+      ...S
     };
-    return j(
+    return H(
       $("TABLE_CELL", t.children),
-      F
-    ) || /* @__PURE__ */ k(ft, { ...F, key: g });
-  }, Ue = (a, c, g = -1) => {
-    var m = {
-      SelectedData: Z,
-      RowData: c,
+      W
+    ) || /* @__PURE__ */ N(Ht, { ...W, key: c });
+  }, Ge = (l, s, c = -1) => {
+    var T = {
+      SelectedData: oe,
+      RowData: s,
       onSelectRow: he,
-      Index: g,
-      key: g,
-      IsSelected: a,
-      EnableRowHighlight: O,
-      GetRowHighlightColor: I,
-      ...L
+      Index: c,
+      key: c,
+      IsSelected: l,
+      EnableRowHighlight: E,
+      GetRowHighlightColor: v,
+      ...S
     };
-    return j(
+    return H(
       $("TABLE_SELLECTION_CELL", t.children),
-      m
-    ) || /* @__PURE__ */ k(
-      ht,
+      T
+    ) || /* @__PURE__ */ N(
+      $t,
       {
-        ...m,
-        key: g,
-        width: ee() / X * 100
+        ...T,
+        key: c,
+        width: q() / V * 100
       }
     );
-  }, Le = () => {
-    var a = {
-      Columns: H,
-      ...L
-    }, c = /* @__PURE__ */ fe(P, { children: [
-      C === !0 && qe(),
-      s === !0 && Ke(),
-      Q().map((g, m) => Ve(g, m))
+  }, Me = () => {
+    var l = {
+      Columns: L,
+      ...S
+    }, s = /* @__PURE__ */ ue(x, { children: [
+      C === !0 && Re(),
+      i === !0 && ve(),
+      ae().map((c, T) => Ue(c, T))
     ] });
-    return j(
+    return H(
       $("TABLE_HEAD_ROW", t.children),
-      a,
-      c
-    ) || /* @__PURE__ */ k(bt, { ...a, key: 0 }, c);
-  }, Ve = (a, c, g) => {
-    var m = {
-      Index: c,
-      Column: a,
-      Ordering: ye,
-      EnableOrdering: f,
+      l,
+      s
+    ) || /* @__PURE__ */ N(Bt, { ...l, key: 0 }, s);
+  }, Ue = (l, s, c) => {
+    var T = {
+      Index: s,
+      Column: l,
+      Ordering: pe,
+      EnableOrdering: d,
       EnableSelectAll: u,
       onColumnClick: Te,
-      ColumnsToRender: g,
-      ...L
+      ColumnsToRender: c,
+      ...S
     };
-    return j(
+    return H(
       $("TABLE_HEAD_CELL", t.children),
-      m
-    ) || /* @__PURE__ */ k(gt, { ...m, key: c });
-  }, Ke = () => {
-    var a = {
+      T
+    ) || /* @__PURE__ */ N(jt, { ...T, key: s });
+  }, ve = () => {
+    var l = {
       Index: -1,
-      IsSelected: pe,
-      onSelectAll: we,
+      IsSelected: fe,
+      onSelectAll: _e,
       EnableSelectAll: u,
-      ...L
+      ...S
     };
-    return j(
+    return H(
       $("TABLE_HEAD_SELECTION_CELL", t.children),
-      a
-    ) || /* @__PURE__ */ k(
-      mt,
+      l
+    ) || /* @__PURE__ */ N(
+      Pt,
       {
-        ...a,
+        ...l,
         key: -1,
-        width: ee() / X * 100
+        width: q() / V * 100
       }
     );
-  }, Re = () => j($("TABLE_HEADER", t.children), {
-    Data: z,
-    Columns: H,
-    ...L
-  }) || /* @__PURE__ */ b(P, {}), ve = () => j($("TABLE_FOOTER", t.children), {
-    Data: z,
-    Columns: H,
-    ...L
-  }) || /* @__PURE__ */ b(P, {}), be = () => j(
+  }, Ve = () => H($("TABLE_HEADER", t.children), {
+    Data: k,
+    Columns: L,
+    ...S
+  }) || /* @__PURE__ */ f(x, {}), Ke = () => H($("TABLE_FOOTER", t.children), {
+    Data: k,
+    Columns: L,
+    ...S
+  }) || /* @__PURE__ */ f(x, {}), Le = () => H(
     $("TABLE_SPECIAL_LAST_ROW", t.children),
     {
-      Data: z,
-      Columns: H,
-      ColumnsToRender: Q(),
+      Data: k,
+      Columns: L,
+      ColumnsToRender: ae(),
       Disabled: h,
-      ...L
+      ...S
     }
-  ) || /* @__PURE__ */ b(P, {}), Ie = () => {
-    if (z == null || z && z.length === 0) {
-      var a = Q().length;
-      return s === !0 && a++, C === !0 && a++, /* @__PURE__ */ b("tr", { children: /* @__PURE__ */ b("td", { colSpan: a, children: y ? /* @__PURE__ */ b(y, {}) : /* @__PURE__ */ b(Qn, { ...L, children: M }) }) });
+  ) || /* @__PURE__ */ f(x, {}), Oe = () => {
+    if (k == null || k && k.length === 0) {
+      var l = ae().length;
+      return i === !0 && l++, C === !0 && l++, /* @__PURE__ */ f("tr", { children: /* @__PURE__ */ f("td", { colSpan: l, children: p ? /* @__PURE__ */ f(p, {}) : /* @__PURE__ */ f(Jn, { ...S, children: D }) }) });
     }
-    return /* @__PURE__ */ b(P, {});
-  }, Xe = (a) => {
-    var c = {
-      ...L,
+    return /* @__PURE__ */ f(x, {});
+  }, be = (l) => {
+    var s = {
+      ...S,
       key: -1,
-      RowData: a,
-      GetRowStatusIndicatorColor: p
+      RowData: l,
+      GetRowStatusIndicatorColor: y
     };
-    return C === !0 ? /* @__PURE__ */ b(P, { children: j(
+    return C === !0 ? /* @__PURE__ */ f(x, { children: H(
       $("TABLE_ROW_STATUS_INDICATOR_CELL", t.children),
-      c
-    ) || /* @__PURE__ */ b(_t, { ...c, noBorder: A }) }) : /* @__PURE__ */ b(P, {});
-  }, qe = () => {
-    var a = {
-      ...L,
+      s
+    ) || /* @__PURE__ */ f(Nt, { ...s, noBorder: b }) }) : /* @__PURE__ */ f(x, {});
+  }, Re = () => {
+    var l = {
+      ...S,
       key: -1
     };
-    return C === !0 ? /* @__PURE__ */ b(P, { children: j(
+    return C === !0 ? /* @__PURE__ */ f(x, { children: H(
       $(
         "TABLE_HEAD_ROW_STATUS_INDICATOR_CELL",
         t.children
       ),
-      a
-    ) || /* @__PURE__ */ b(pt, { ...a }) }) : /* @__PURE__ */ b(P, {});
-  }, le = () => T === !0 && h === !0 ? /* @__PURE__ */ b(P, { children: /* @__PURE__ */ b(Jn, { theme: Ae, children: j(
+      l
+    ) || /* @__PURE__ */ f(kt, { ...l }) }) : /* @__PURE__ */ f(x, {});
+  }, Ye = () => g === !0 && h === !0 ? /* @__PURE__ */ f(x, { children: /* @__PURE__ */ f(Xn, { theme: Se, children: H(
     $("TABLE_LOADER", t.children),
     {
-      ...L,
+      ...S,
       Loading: h
     }
-  ) || /* @__PURE__ */ b(nn, { ...L }) }) }) : /* @__PURE__ */ b(P, {}), ge = () => {
-    var a = jt(t);
-    delete a.__TYPE__;
-    var c = /* @__PURE__ */ fe(P, { children: [
-      z.map((g, m) => Ge(g, m)),
-      Ie()
+  ) || /* @__PURE__ */ f(tn, { ...S }) }) }) : /* @__PURE__ */ f(x, {}), Xe = () => {
+    var l = Ct(t);
+    delete l.__TYPE__;
+    var s = /* @__PURE__ */ ue(x, { children: [
+      k.map((c, T) => Fe(c, T)),
+      Oe()
     ] });
-    return j(
+    return H(
       $("TABLE_BODY", t.children),
-      a,
-      E ? c : void 0
-    ) || /* @__PURE__ */ b(ct, { ...L, children: c });
-  }, He = () => {
-    var a = jt(t);
-    delete a.__TYPE__;
-    var c = /* @__PURE__ */ b(P, { children: Le() });
-    return j(
+      l,
+      w ? s : void 0
+    ) || /* @__PURE__ */ f(Lt, { ...S, children: s });
+  }, le = () => {
+    var l = Ct(t);
+    delete l.__TYPE__;
+    var s = /* @__PURE__ */ f(x, { children: Me() });
+    return H(
       $("TABLE_HEAD", t.children),
-      a,
-      w ? c : null
-    ) || /* @__PURE__ */ b(dt, { ...L, children: c });
+      l,
+      A ? s : null
+    ) || /* @__PURE__ */ f(Ot, { ...S, children: s });
   };
   return (() => {
-    var a = {
-      className: Se,
+    var l = {
+      className: Ce,
       Loading: h,
-      ...L
-    }, c = /* @__PURE__ */ fe(P, { children: [
-      le(),
-      Re(),
-      /* @__PURE__ */ fe(
-        Zn,
+      ...S
+    }, s = /* @__PURE__ */ ue(x, { children: [
+      Ye(),
+      Ve(),
+      /* @__PURE__ */ ue(
+        qn,
         {
-          ...L,
-          width: Ce || "100%",
+          ...S,
+          width: we || "100%",
           "data-table": !0,
-          ref: _,
-          noBorder: A,
+          ref: We,
+          noBorder: b,
           children: [
-            He(),
-            ge()
+            le(),
+            Xe()
           ]
         }
       ),
-      be(),
-      ve()
+      Le(),
+      Ke()
     ] });
-    return j(
+    return H(
       $("TABLE_CONTAINER", t.children),
-      a,
-      c
-    ) || /* @__PURE__ */ b(
-      qn,
+      l,
+      s
+    ) || /* @__PURE__ */ f(
+      Yn,
       {
-        ...a,
-        isLoading: T ? h : !1,
-        children: c
+        ...l,
+        isLoading: g ? h : !1,
+        children: s
       }
     );
   })();
 });
-Yt.propTypes = {
-  /**
-   * This property determines where the component is rendered.
-   * Should not be overridden!
-   */
-  __TYPE__: o.string,
-  /**
-   *
-   */
-  id: o.any,
-  //----------------------------------------
-  noBorder: o.bool,
-  /**
-   * Show a selection checkbox in the first cell of every row.
-   * Value of the checkbox is determined by the `SelectedData` property.
-   */
-  EnableSelection: o.bool,
-  /**
-   * Show ordering arrows in header cells.
-   */
-  EnableOrdering: o.bool,
-  /**
-   * Show a spinner with backdrop on top of the table when `Loading` is set to `true`.
-   */
-  EnableLoader: o.bool,
-  /**
-   * Show a selection checkbox in the first cell of the table header.
-   * Value of the checkbox is determined by the `SelectedEntirePage` property.
-   */
-  EnableSelectAll: o.bool,
-  /**
-   * Show a special status indicator cell on the left edge of the row
-   */
-  EnableRowStatusIndicator: o.bool,
-  /**
-   *
-   */
-  EnableRowHighlight: o.bool,
-  /**
-   *
-   */
-  GetRowStatusIndicatorColor: o.func,
-  /**
-   *
-   */
-  GetRowHighlightColor: o.func,
-  //----------------------------------------
-  /**
-   * Specify the text that is shown when there are 0 rows in the `Data`.
-   */
-  NoDataText: o.string,
-  /**
-   * React component to show instead of the `NoDataText`
-   */
-  NoDataComponet: o.node,
-  //--------------------
-  /**
-   *  Disables some events and actions when set to `true`. Also triggers the spinner if `EnableLoader` is set to `true`.
-   */
-  Loading: o.bool,
-  /**
-   * Defines the table columns.
-   * @param id - Column identifier
-   * @param displayName - Text displayed in the header
-   * @param accessor - Access the property in `Data`
-   * @param width - Default column width (overridden by the VisibilityPattern)
-   * @param sortable - Can be sorted
-   *
-   */
-  Columns: o.arrayOf(o.object),
-  /**
-   * Defines the data displayed in each row.
-   */
-  Data: o.arrayOf(o.object),
-  /**
-   * Define the selected data.
-   * @param id - Column identifier (mandatory field)
-   */
-  SelectedData: o.arrayOf(o.object),
-  /**
-   *  Value of the `SelectAll` checkbox.
-   */
-  SelectedEntirePage: o.bool,
-  /**
-   *  Defines which field in a data object is the row identifier.
-   */
-  RowIdentifier: o.string,
-  /**
-   * An object that defines the width and order of columns for different screen sizes.
-   * (`XS`,`S`,`M`,`L`,`XL`)
-   */
-  VisibilityPattern: o.object,
-  /**
-   * Describe how the data is ordered.
-   * @param columnId - Column identifier, maps to the id on the Column object
-   */
-  Ordering: o.shape({
-    columnId: o.number,
-    ascending: o.bool,
-    descending: o.bool
-  }),
-  //----------------------------------------
-  /**
-   * Triggered on header cell click.
-   * @param event - event object
-   * @param column - column definition
-   * @param ordering - updated ordering object, or undefined if ordering is not enabled or the column is not sortable
-   */
-  onColumnClick: o.func,
-  /**
-   * Triggered on table row click.
-   * @param event - event object
-   * @param rowData - row data
-   */
-  onRowClick: o.func,
-  /**
-   * Triggered on selection checkbox click.
-   * @param event - event object
-   * @param rowData - row data
-   * @param isSelected - the value of selection checkbox
-   */
-  onSelectRow: o.func,
-  /**
-   * Triggered on select all checkbox click.
-   * @param event - event object
-   * @param isSelected - the value of select all checkbox
-   */
-  onSelectAll: o.func,
-  //----------------------------------------
-  /**
-   * `width` applied to html table.
-   */
-  tableWidth: o.string,
-  /**
-   * `className` applied to the component container.
-   */
-  className: o.string,
-  /**
-   * Defines size of the component (padding, margin, font etc.).
-   */
-  size: o.oneOf(["small", "medium", "large"]),
-  /**
-   *  Defines the palette color for the component.
-   */
-  color: o.oneOf([
-    "primary",
-    "secondary",
-    "success",
-    "warning",
-    "danger",
-    "information",
-    "neutral",
-    "gray"
-  ])
-};
-Yt.displayName = "TABLE";
+Zn.displayName = "TABLE";
 export {
-  fo as TableComponentOverrides,
-  Yt as default
+  co as TableComponentOverrides,
+  Zn as default
 };