@3sc/common-component 0.0.202 → 0.0.204

package/dist/index.es.js

@@ -2,7 +2,7 @@ var yw = Object.defineProperty;
 var vw = (e, t, n) => t in e ? yw(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var va = (e, t, n) => vw(e, typeof t != "symbol" ? t + "" : t, n);
 import * as C from "react";
-import It, { forwardRef as Kd, useContext as ut, isValidElement as rs, cloneElement as za, Children as ay, useState as Re, useEffect as xt, createContext as Un, useRef as dt, useLayoutEffect as ly, useId as Qd, useInsertionEffect as cy, useCallback as Nt, useMemo as ln, Fragment as ys, createElement as xw, Component as uy, useReducer as dy } from "react";
+import It, { forwardRef as Kd, useContext as ut, isValidElement as rs, cloneElement as za, Children as ay, useState as Re, useEffect as xt, createContext as Un, useRef as dt, useLayoutEffect as ly, useId as Qd, useInsertionEffect as cy, useCallback as Nt, useMemo as nn, Fragment as ys, createElement as xw, Component as uy, useReducer as dy } from "react";
 import * as Cw from "react-dom";
 import xa, { createPortal as ww } from "react-dom";
 var mi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
@@ -261,29 +261,29 @@ function Iw() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(Ye, []);
-            } catch (an) {
-              je = an;
+            } catch (ln) {
+              je = ln;
             }
             Reflect.construct(z, [], Ye);
           } else {
             try {
               Ye.call();
-            } catch (an) {
-              je = an;
+            } catch (ln) {
+              je = ln;
             }
             z.call(Ye.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (an) {
-            je = an;
+          } catch (ln) {
+            je = ln;
           }
           z();
         }
-      } catch (an) {
-        if (an && je && typeof an.stack == "string") {
-          for (var Ge = an.stack.split(`
+      } catch (ln) {
+        if (ln && je && typeof ln.stack == "string") {
+          for (var Ge = ln.stack.split(`
 `), Gt = je.stack.split(`
 `), Ie = Ge.length - 1, Ze = Gt.length - 1; Ie >= 1 && Ze >= 0 && Ge[Ie] !== Gt[Ze]; )
             Ze--;
@@ -626,11 +626,11 @@ Check the top-level render call using <` + ve + ">.");
               vt(In, z);
         }
         if (ce.call(de, "key")) {
-          var Xo = _(z), an = Object.keys(de).filter(function(bw) {
+          var Xo = _(z), ln = Object.keys(de).filter(function(bw) {
             return bw !== "key";
-          }), Xc = an.length > 0 ? "{key: someKey, " + an.join(": ..., ") + ": ...}" : "{key: someKey}";
+          }), Xc = ln.length > 0 ? "{key: someKey, " + ln.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Ro[Xo + Xc]) {
-            var gw = an.length > 0 ? "{" + an.join(": ..., ") + ": ...}" : "{}";
+            var gw = ln.length > 0 ? "{" + ln.join(": ..., ") + ": ...}" : "{}";
             I(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -642,13 +642,13 @@ React keys must be passed directly to JSX without using spread:
         return z === o ? Ir(Ze) : zt(Ze), Ze;
       }
     }
-    function sn(z, de, ve) {
+    function an(z, de, ve) {
       return Tr(z, de, ve, !0);
     }
     function Uo(z, de, ve) {
       return Tr(z, de, ve, !1);
     }
-    var Yc = Uo, Yo = sn;
+    var Yc = Uo, Yo = an;
     Ni.Fragment = o, Ni.jsx = Yc, Ni.jsxs = Yo;
   }()), Ni;
 }
@@ -2767,18 +2767,18 @@ function Dy(e) {
     t[n] = Dy(e[n]);
   }), t;
 }
-function on(e, t, n = {
+function rn(e, t, n = {
   clone: !0
 }) {
   const o = n.clone ? x({}, e) : e;
   return mo(e) && mo(t) && Object.keys(t).forEach((r) => {
     /* @__PURE__ */ C.isValidElement(t[r]) ? o[r] = t[r] : mo(t[r]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, r) && mo(e[r]) ? o[r] = on(e[r], t[r], n) : n.clone ? o[r] = mo(t[r]) ? Dy(t[r]) : t[r] : o[r] = t[r];
+    Object.prototype.hasOwnProperty.call(e, r) && mo(e[r]) ? o[r] = rn(e[r], t[r], n) : n.clone ? o[r] = mo(t[r]) ? Dy(t[r]) : t[r] : o[r] = t[r];
   }), o;
 }
 const BS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: on,
+  default: rn,
   isPlainObject: mo
 }, Symbol.toStringTag, { value: "Module" })), VS = ["values", "unit", "step"], $S = (e) => {
   const t = Object.keys(e).map((n) => ({
@@ -2840,7 +2840,7 @@ const LS = {
   borderRadius: 4
 }, $o = process.env.NODE_ENV !== "production" ? i.oneOfType([i.number, i.string, i.object, i.array]) : {};
 function is(e, t) {
-  return t ? on(e, t, {
+  return t ? rn(e, t, {
     clone: !1
     // No need to clone deep, it's way faster.
   }) : e;
@@ -2897,7 +2897,7 @@ function Fy(e, t) {
   }, t);
 }
 function _S(e, ...t) {
-  const n = jy(e), o = [n, ...t].reduce((r, s) => on(r, s), {});
+  const n = jy(e), o = [n, ...t].reduce((r, s) => rn(r, s), {});
   return Fy(Object.keys(n), o);
 }
 function WS(e, t) {
@@ -3586,7 +3586,7 @@ function Us(e = {}, ...t) {
     spacing: r,
     shape: s = {}
   } = e, a = oe(e, AI), l = Ny(n), c = qS(r);
-  let u = on({
+  let u = rn({
     breakpoints: l,
     direction: "ltr",
     components: {},
@@ -3597,7 +3597,7 @@ function Us(e = {}, ...t) {
     spacing: c,
     shape: x({}, LS, s)
   }, a);
-  return u.applyStyles = $y, u = t.reduce((d, p) => on(d, p), u), u.unstable_sxConfig = x({}, Hs, a == null ? void 0 : a.unstable_sxConfig), u.unstable_sx = function(p) {
+  return u.applyStyles = $y, u = t.reduce((d, p) => rn(d, p), u), u.unstable_sxConfig = x({}, Hs, a == null ? void 0 : a.unstable_sxConfig), u.unstable_sx = function(p) {
     return yi({
       sx: p,
       theme: this
@@ -4275,7 +4275,7 @@ function yo(e, t, n, o, r) {
   const s = e[t], a = r || t;
   return s == null ? null : s && s.nodeType !== 1 ? new Error(`Invalid ${o} \`${a}\` supplied to \`${n}\`. Expected an HTMLElement.`) : null;
 }
-const rn = i.oneOfType([i.func, i.object]);
+const sn = i.oneOfType([i.func, i.object]);
 function nd(...e) {
   return e.reduce((t, n) => n == null ? t : function(...r) {
     t.apply(this, r), n.apply(this, r);
@@ -4878,7 +4878,7 @@ const _T = (e) => ({
         const f = u > 0 ? s[d[u - 1]] : "column";
         s[c] = f;
       }
-    }), n = on(n, fn({
+    }), n = rn(n, fn({
       theme: t
     }, a, (c, u) => e.useFlexGap ? {
       gap: fr(o, c)
@@ -5308,7 +5308,7 @@ const theme2 = createTheme({ palette: {
     dark: ru,
     light: am
   };
-  return process.env.NODE_ENV !== "production" && (m[t] || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), on(x({
+  return process.env.NODE_ENV !== "production" && (m[t] || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), rn(x({
     // A collection of common colors.
     common: x({}, vs),
     // prevent mutable object.
@@ -5418,7 +5418,7 @@ function fE(e, t) {
       letterSpacing: "inherit"
     }
   };
-  return on(x({
+  return rn(x({
     htmlFontSize: u,
     pxToRem: b,
     fontFamily: o,
@@ -5512,7 +5512,7 @@ function pl(e = {}, ...t) {
   e.generateCssVars === void 0)
     throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : bo(18));
   const l = uE(o), c = Us(e);
-  let u = on(c, {
+  let u = rn(c, {
     mixins: GT(c.breakpoints, n),
     palette: l,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
@@ -5521,7 +5521,7 @@ function pl(e = {}, ...t) {
     transitions: wE(r),
     zIndex: x({}, SE)
   });
-  if (u = on(u, a), u = t.reduce((d, p) => on(d, p), u), process.env.NODE_ENV !== "production") {
+  if (u = rn(u, a), u = t.reduce((d, p) => rn(d, p), u), process.env.NODE_ENV !== "production") {
     const d = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], p = (f, m) => {
       let b;
       for (b in f) {
@@ -7343,7 +7343,7 @@ process.env.NODE_ENV !== "production" && (Fn.propTypes = {
    * A ref for imperative actions.
    * It currently only supports `focusVisible()` action.
    */
-  action: rn,
+  action: sn,
   /**
    * If `true`, the ripples are centered.
    * They won't start at the cursor interaction position.
@@ -9111,7 +9111,7 @@ process.env.NODE_ENV !== "production" && ($v.propTypes = {
   /**
    * A ref that points to the used popper instance.
    */
-  popperRef: rn,
+  popperRef: sn,
   /**
    * The props used for each slot inside the Popper.
    * @default {}
@@ -9282,7 +9282,7 @@ process.env.NODE_ENV !== "production" && (Ii.propTypes = {
   /**
    * A ref that points to the used popper instance.
    */
-  popperRef: rn,
+  popperRef: sn,
   /**
    * The props used for each slot inside the Popper.
    * @default {}
@@ -10377,7 +10377,7 @@ process.env.NODE_ENV !== "production" && (na.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: rn,
+  inputRef: sn,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -12074,7 +12074,7 @@ process.env.NODE_ENV !== "production" && (Bp.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: rn,
+  inputRef: sn,
   /*
    * @ignore
    */
@@ -12279,7 +12279,7 @@ process.env.NODE_ENV !== "production" && (Vp.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: rn,
+  inputRef: sn,
   /**
    * Callback fired when the state is changed.
    *
@@ -14128,7 +14128,7 @@ const fM = ["disableUnderline", "components", "componentsProps", "fullWidth", "h
     input: {
       ownerState: v
     }
-  }, T = m ?? u ? on(S, m ?? u) : S, w = (o = (r = b.root) != null ? r : c.Root) != null ? o : mM, E = (s = (a = b.input) != null ? a : c.Input) != null ? s : gM;
+  }, T = m ?? u ? rn(S, m ?? u) : S, w = (o = (r = b.root) != null ? r : c.Root) != null ? o : mM, E = (s = (a = b.input) != null ? a : c.Input) != null ? s : gM;
   return /* @__PURE__ */ g.jsx(na, x({
     slots: {
       root: w,
@@ -14247,7 +14247,7 @@ process.env.NODE_ENV !== "production" && (bc.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: rn,
+  inputRef: sn,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -15634,7 +15634,7 @@ const HM = ["disableUnderline", "components", "componentsProps", "fullWidth", "i
         disableUnderline: c
       }
     }
-  }, w = b ?? d ? on(b ?? d, T) : T, E = (o = (r = h.root) != null ? r : u.Root) != null ? o : YM, O = (s = (a = h.input) != null ? a : u.Input) != null ? s : XM;
+  }, w = b ?? d ? rn(b ?? d, T) : T, E = (o = (r = h.root) != null ? r : u.Root) != null ? o : YM, O = (s = (a = h.input) != null ? a : u.Input) != null ? s : XM;
   return /* @__PURE__ */ g.jsx(na, x({
     slots: {
       root: E,
@@ -15746,7 +15746,7 @@ process.env.NODE_ENV !== "production" && (yc.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: rn,
+  inputRef: sn,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -17071,7 +17071,7 @@ process.env.NODE_ENV !== "production" && (vc.propTypes = {
    * A ref for imperative actions.
    * It currently only supports updatePosition() action.
    */
-  action: rn,
+  action: sn,
   /**
    * An HTML element, [PopoverVirtualElement](/material-ui/react-popover/#virtual-element),
    * or a function that returns either.
@@ -17646,7 +17646,7 @@ process.env.NODE_ENV !== "production" && (o1.propTypes = {
    * Use that prop to pass a ref to the native select element.
    * @deprecated
    */
-  inputRef: rn,
+  inputRef: sn,
   /**
    * @ignore
    */
@@ -18020,7 +18020,7 @@ process.env.NODE_ENV !== "production" && (xc.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: rn,
+  inputRef: sn,
   /**
    * The label of the `input`. It is only used for layout. The actual labelling
    * is handled by `InputLabel`.
@@ -19140,7 +19140,7 @@ process.env.NODE_ENV !== "production" && (a1.propTypes = {
    * Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`
    * Equivalent to `ref`
    */
-  inputRef: rn,
+  inputRef: sn,
   /**
    * The ID of an element that acts as an additional label. The Select will
    * be labelled by the additional label and the selected value.
@@ -19308,7 +19308,7 @@ const gD = ["autoWidth", "children", "classes", "className", "defaultOpen", "dis
           id: p
         }, O)
       }, m, {
-        classes: m ? on(R, m.classes) : R
+        classes: m ? rn(R, m.classes) : R
       }, f ? f.props.inputProps : {})
     }, (v && I || u) && _ === "outlined" ? {
       notched: !0
@@ -19964,19 +19964,19 @@ const l1 = /* @__PURE__ */ C.forwardRef(function(t, n) {
     }, zt.current && zt.current.update();
   }, Ro = {}, Tr = typeof J == "string";
   L ? (Ro.title = !Se && Tr && !_ ? J : null, Ro["aria-describedby"] = Se ? Be : null) : (Ro["aria-label"] = Tr ? J : null, Ro["aria-labelledby"] = Se && !Tr ? Be : null);
-  const sn = x({}, Ro, ae, ue.props, {
+  const an = x({}, Ro, ae, ue.props, {
     className: le(ae.className, ue.props.className),
     onTouchStart: Ho,
     ref: vt
   }, A ? {
     onMouseMove: Ir
   } : {});
-  process.env.NODE_ENV !== "production" && (sn["data-mui-internal-clone-element"] = !0, C.useEffect(() => {
+  process.env.NODE_ENV !== "production" && (an["data-mui-internal-clone-element"] = !0, C.useEffect(() => {
     se && !se.getAttribute("data-mui-internal-clone-element") && console.error(["MUI: The `children` component of the Tooltip is not forwarding its props correctly.", "Please make sure that props are spread on the same element that the ref is applied to."].join(`
 `));
   }, [se]));
   const Uo = {};
-  D || (sn.onTouchStart = ya, sn.onTouchEnd = ki), _ || (sn.onMouseOver = Pa(fe, sn.onMouseOver), sn.onMouseLeave = Pa(be, sn.onMouseLeave), Ve || (Uo.onMouseOver = fe, Uo.onMouseLeave = be)), N || (sn.onFocus = Pa(Zn, sn.onFocus), sn.onBlur = Pa(Zt, sn.onBlur), Ve || (Uo.onFocus = Zn, Uo.onBlur = Zt)), process.env.NODE_ENV !== "production" && ue.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${ue.props.title}\` or the Tooltip component.`].join(`
+  D || (an.onTouchStart = ya, an.onTouchEnd = ki), _ || (an.onMouseOver = Pa(fe, an.onMouseOver), an.onMouseLeave = Pa(be, an.onMouseLeave), Ve || (Uo.onMouseOver = fe, Uo.onMouseLeave = be)), N || (an.onFocus = Pa(Zn, an.onFocus), an.onBlur = Pa(Zt, an.onBlur), Ve || (Uo.onFocus = Zn, Uo.onBlur = Zt)), process.env.NODE_ENV !== "production" && ue.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${ue.props.title}\` or the Tooltip component.`].join(`
 `));
   const Yc = C.useMemo(() => {
     var Ie;
@@ -20006,7 +20006,7 @@ const l1 = /* @__PURE__ */ C.forwardRef(function(t, n) {
     className: le(z.arrow, (T = (w = q.arrow) != null ? w : j.arrow) == null ? void 0 : T.className)
   }), Yo);
   return /* @__PURE__ */ g.jsxs(C.Fragment, {
-    children: [/* @__PURE__ */ C.cloneElement(ue, sn), /* @__PURE__ */ g.jsx(de, x({
+    children: [/* @__PURE__ */ C.cloneElement(ue, an), /* @__PURE__ */ g.jsx(de, x({
       as: K ?? Ii,
       placement: Y,
       anchorEl: A ? {
@@ -20511,7 +20511,7 @@ process.env.NODE_ENV !== "production" && (c1.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: rn,
+  inputRef: sn,
   /**
    * Callback fired when the state is changed.
    *
@@ -22038,7 +22038,7 @@ process.env.NODE_ENV !== "production" && (h1.propTypes = {
    * @param {object} actions This object contains all possible actions
    * that can be triggered programmatically.
    */
-  action: rn,
+  action: sn,
   /**
    * If `true`, the scroll buttons aren't forced hidden on mobile.
    * By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.
@@ -22381,7 +22381,7 @@ process.env.NODE_ENV !== "production" && (Cc.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: rn,
+  inputRef: sn,
   /**
    * The label content.
    */
@@ -22670,7 +22670,7 @@ const S5 = ({ children: e, initial: t, isPresent: n, onExitComplete: o, custom:
       if (!m)
         return;
     o && o();
-  }, [c, o]), p = ln(
+  }, [c, o]), p = nn(
     () => ({
       id: u,
       initial: t,
@@ -22686,7 +22686,7 @@ const S5 = ({ children: e, initial: t, isPresent: n, onExitComplete: o, custom:
      */
     s ? [Math.random(), d] : [n, d]
   );
-  return ln(() => {
+  return nn(() => {
     c.forEach((f, m) => c.set(m, !1));
   }, [n]), C.useEffect(() => {
     !n && !c.size && o && o();
@@ -22715,7 +22715,7 @@ function bg(e) {
   }), t;
 }
 const T5 = ({ children: e, custom: t, initial: n = !0, onExitComplete: o, presenceAffectsLayout: r = !0, mode: s = "sync", propagate: a = !1, anchorX: l = "left" }) => {
-  const [c, u] = g1(a), d = ln(() => bg(e), [e]), p = a && !c ? [] : d.map(Ma), f = dt(!0), m = dt(d), b = tf(() => /* @__PURE__ */ new Map()), [h, y] = Re(d), [v, I] = Re(d);
+  const [c, u] = g1(a), d = nn(() => bg(e), [e]), p = a && !c ? [] : d.map(Ma), f = dt(!0), m = dt(d), b = tf(() => /* @__PURE__ */ new Map()), [h, y] = Re(d), [v, I] = Re(d);
   m1(() => {
     f.current = !1, m.current = d;
     for (let w = 0; w < v.length; w++) {
@@ -23476,7 +23476,7 @@ function J5(e, t) {
 }
 function q5(e) {
   const { initial: t, animate: n } = J5(e, ut(Ic));
-  return ln(() => ({ initial: t, animate: n }), [Eg(t), Eg(n)]);
+  return nn(() => ({ initial: t, animate: n }), [Eg(t), Eg(n)]);
 }
 function Eg(e) {
   return Array.isArray(e) ? e.join(" ") : e;
@@ -23767,7 +23767,7 @@ function N1(e, t, n) {
     !en(t[o]) && !k1(o, n) && (e[o] = t[o]);
 }
 function bN({ transformTemplate: e }, t) {
-  return ln(() => {
+  return nn(() => {
     const n = wf();
     return Cf(n, t, e), Object.assign({}, n.vars, n.style);
   }, [t]);
@@ -23873,7 +23873,7 @@ const j1 = () => ({
   attrs: {}
 }), Tf = (e) => typeof e == "string" && e.toLowerCase() === "svg";
 function TN(e, t, n, o) {
-  const r = ln(() => {
+  const r = nn(() => {
     const s = j1();
     return If(s, t, Tf(o), e.transformTemplate), {
       ...s.attrs,
@@ -23888,7 +23888,7 @@ function TN(e, t, n, o) {
 }
 function EN(e = !1) {
   return (n, o, r, { latestValues: s }, a) => {
-    const c = (Sf(n) ? TN : vN)(o, s, a, n), u = X5(o, typeof n == "string", e), d = n !== ys ? { ...u, ...c, ref: r } : {}, { children: p } = o, f = ln(() => en(p) ? p.get() : p, [p]);
+    const c = (Sf(n) ? TN : vN)(o, s, a, n), u = X5(o, typeof n == "string", e), d = n !== ys ? { ...u, ...c, ref: r } : {}, { children: p } = o, f = nn(() => en(p) ? p.get() : p, [p]);
     return xw(n, {
       ...d,
       children: f
@@ -25679,26 +25679,26 @@ function w4(e, t) {
   };
 }
 const Sx = 1e-4, S4 = 1 - Sx, I4 = 1 + Sx, Ix = 0.01, T4 = 0 - Ix, E4 = 0 + Ix;
-function nn(e) {
+function on(e) {
   return e.max - e.min;
 }
 function R4(e, t, n) {
   return Math.abs(e - t) <= n;
 }
 function Zg(e, t, n, o = 0.5) {
-  e.origin = o, e.originPoint = Et(t.min, t.max, e.origin), e.scale = nn(n) / nn(t), e.translate = Et(n.min, n.max, e.origin) - e.originPoint, (e.scale >= S4 && e.scale <= I4 || isNaN(e.scale)) && (e.scale = 1), (e.translate >= T4 && e.translate <= E4 || isNaN(e.translate)) && (e.translate = 0);
+  e.origin = o, e.originPoint = Et(t.min, t.max, e.origin), e.scale = on(n) / on(t), e.translate = Et(n.min, n.max, e.origin) - e.originPoint, (e.scale >= S4 && e.scale <= I4 || isNaN(e.scale)) && (e.scale = 1), (e.translate >= T4 && e.translate <= E4 || isNaN(e.translate)) && (e.translate = 0);
 }
 function gs(e, t, n, o) {
   Zg(e.x, t.x, n.x, o ? o.originX : void 0), Zg(e.y, t.y, n.y, o ? o.originY : void 0);
 }
 function Jg(e, t, n) {
-  e.min = n.min + t.min, e.max = e.min + nn(t);
+  e.min = n.min + t.min, e.max = e.min + on(t);
 }
 function O4(e, t, n) {
   Jg(e.x, t.x, n.x), Jg(e.y, t.y, n.y);
 }
 function qg(e, t, n) {
-  e.min = t.min - n.min, e.max = e.min + nn(t);
+  e.min = t.min - n.min, e.max = e.min + on(t);
 }
 function bs(e, t, n) {
   qg(e.x, t.x, n.x), qg(e.y, t.y, n.y);
@@ -25886,7 +25886,7 @@ function F4(e, t) {
 }
 function B4(e, t) {
   let n = 0.5;
-  const o = nn(e), r = nn(t);
+  const o = on(e), r = on(t);
   return r > o ? n = /* @__PURE__ */ Ps(t.min, t.max - o, e.min) : o > r && (n = /* @__PURE__ */ Ps(e.min, e.max - r, t.min)), Co(0, 1, n);
 }
 function V4(e, t) {
@@ -25931,7 +25931,7 @@ class _4 {
           const { projection: I } = this.visualElement;
           if (I && I.layout) {
             const S = I.layout.layoutBox[y];
-            S && (v = nn(S) * (parseFloat(v) / 100));
+            S && (v = on(S) * (parseFloat(v) / 100));
           }
         }
         this.originPoint[y] = v;
@@ -26378,7 +26378,7 @@ function jx(e, t) {
   return S0(e.x, t.x) && S0(e.y, t.y);
 }
 function I0(e) {
-  return nn(e.x) / nn(e.y);
+  return on(e.x) / on(e.y);
 }
 function T0(e, t) {
   return e.translate === t.translate && e.scale === t.scale && e.originPoint === t.originPoint;
@@ -26594,7 +26594,7 @@ function Bx({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
      * Update measurements
      */
     updateSnapshot() {
-      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !nn(this.snapshot.measuredBox.x) && !nn(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
+      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !on(this.snapshot.measuredBox.x) && !on(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
     }
     updateLayout() {
       if (!this.instance || (this.updateScroll(), !(this.options.alwaysMeasureLayout && this.isLead()) && !this.isLayoutDirty))
@@ -26804,9 +26804,9 @@ function Bx({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       if (!(!l || !c || !u)) {
         if (this !== a && this.layout && u && Vx(this.options.animationType, this.layout.layoutBox, u.layoutBox)) {
           c = this.target || Dt();
-          const p = nn(this.layout.layoutBox.x);
+          const p = on(this.layout.layoutBox.x);
           c.x.min = a.target.x.min, c.x.max = c.x.min + p;
-          const f = nn(this.layout.layoutBox.y);
+          const f = on(this.layout.layoutBox.y);
           c.y.min = a.target.y.min, c.y.max = c.y.min + f;
         }
         Tn(l, c), Hr(l, d), gs(this.projectionDeltaWithTransform, this.layoutCorrected, l, d);
@@ -26917,10 +26917,10 @@ function pF(e) {
   if (e.isLead() && e.layout && t && e.hasListeners("didUpdate")) {
     const { layoutBox: o, measuredBox: r } = e.layout, { animationType: s } = e.options, a = t.source !== e.layout.source;
     s === "size" ? On((p) => {
-      const f = a ? t.measuredBox[p] : t.layoutBox[p], m = nn(f);
+      const f = a ? t.measuredBox[p] : t.layoutBox[p], m = on(f);
       f.min = o[p].min, f.max = f.min + m;
     }) : Vx(s, t.layoutBox, o) && On((p) => {
-      const f = a ? t.measuredBox[p] : t.layoutBox[p], m = nn(o[p]);
+      const f = a ? t.measuredBox[p] : t.layoutBox[p], m = on(o[p]);
       f.max = f.min + m, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[p].max = e.relativeTarget[p].min + m);
     });
     const l = zr();
@@ -42136,22 +42136,31 @@ PC.propTypes = {
 };
 function AC({ tableProps: e, isDefaultConfig: t, gridPath: n, baseUrl: o }) {
   var u;
-  const { columns: r } = e, { visibleGridColumns: s } = ut(fa) ?? { visibleGridColumns: [] }, a = ut(ha), l = !s || s.length === 0, c = ln(() => {
+  const { columns: r } = e, { visibleGridColumns: s = [] } = ut(fa) ?? {}, a = ut(ha), l = nn(() => {
     var d;
-    return l ? f7({
+    return f7({
       columns: r,
       gridPath: n,
       baseUrl: o,
       isDefaultConfig: t,
       pageSize: (d = e == null ? void 0 : e.pagination) == null ? void 0 : d.rowPerPage
-    }) : null;
-  }, [l, r, n, o, t, (u = e == null ? void 0 : e.pagination) == null ? void 0 : u.rowPerPage]);
+    });
+  }, [r, n, o, t, (u = e == null ? void 0 : e.pagination) == null ? void 0 : u.rowPerPage]), c = nn(() => {
+    const d = new Map(l.map((p) => [p.id, p]));
+    return s.map((p) => {
+      const f = d.get(p.id);
+      return {
+        ...p,
+        ...(f == null ? void 0 : f.cellRenderer) && { cellRenderer: f.cellRenderer }
+      };
+    });
+  }, [l]);
   return xt(() => {
-    l && c && a({
+    a({
       type: Xe.SET_GRID_DATA,
-      payload: { visibleGridColumns: c }
+      payload: { visibleGridColumns: s.length ? c : l }
     });
-  }, [l, c, a]), /* @__PURE__ */ g.jsx(
+  }, [l]), /* @__PURE__ */ g.jsx(
     PC,
     {
       ...e,
@@ -44013,7 +44022,7 @@ var JC = function(t) {
     zIndex: 1
   };
 }, WW = function(t) {
-  var n = t.appendTo, o = t.children, r = t.controlElement, s = t.innerProps, a = t.menuPlacement, l = t.menuPosition, c = dt(null), u = dt(null), d = Re(JC(a)), p = go(d, 2), f = p[0], m = p[1], b = ln(function() {
+  var n = t.appendTo, o = t.children, r = t.controlElement, s = t.innerProps, a = t.menuPlacement, l = t.menuPosition, c = dt(null), u = dt(null), d = Re(JC(a)), p = go(d, 2), f = p[0], m = p[1], b = nn(function() {
     return {
       setPortalPlacement: m
     };
@@ -44619,9 +44628,9 @@ var U8 = process.env.NODE_ENV === "production" ? {
     return "".concat(o).concat(n ? " for search term " + n : "", ".");
   }
 }, Z8 = function(t) {
-  var n = t.ariaSelection, o = t.focusedOption, r = t.focusedValue, s = t.focusableOptions, a = t.isFocused, l = t.selectValue, c = t.selectProps, u = t.id, d = t.isAppleDevice, p = c.ariaLiveMessages, f = c.getOptionLabel, m = c.inputValue, b = c.isMulti, h = c.isOptionDisabled, y = c.isSearchable, v = c.menuIsOpen, I = c.options, S = c.screenReaderStatus, T = c.tabSelectsValue, w = c.isLoading, E = c["aria-label"], O = c["aria-live"], P = ln(function() {
+  var n = t.ariaSelection, o = t.focusedOption, r = t.focusedValue, s = t.focusableOptions, a = t.isFocused, l = t.selectValue, c = t.selectProps, u = t.id, d = t.isAppleDevice, p = c.ariaLiveMessages, f = c.getOptionLabel, m = c.inputValue, b = c.isMulti, h = c.isOptionDisabled, y = c.isSearchable, v = c.menuIsOpen, I = c.options, S = c.screenReaderStatus, T = c.tabSelectsValue, w = c.isLoading, E = c["aria-label"], O = c["aria-live"], P = nn(function() {
     return Ae(Ae({}, X8), p || {});
-  }, [p]), k = ln(function() {
+  }, [p]), k = nn(function() {
     var D = "";
     if (n && P.onChange) {
       var R = n.option, V = n.options, B = n.removedValue, A = n.removedValues, M = n.value, F = function(ee) {
@@ -44636,7 +44645,7 @@ var U8 = process.env.NODE_ENV === "production" ? {
       D = P.onChange(Y);
     }
     return D;
-  }, [n, P, h, l, f]), j = ln(function() {
+  }, [n, P, h, l, f]), j = nn(function() {
     var D = "", R = o || r, V = !!(o && l && l.includes(o));
     if (R && P.onFocus) {
       var B = {
@@ -44652,7 +44661,7 @@ var U8 = process.env.NODE_ENV === "production" ? {
       D = P.onFocus(B);
     }
     return D;
-  }, [o, r, f, h, P, s, l, d]), L = ln(function() {
+  }, [o, r, f, h, P, s, l, d]), L = nn(function() {
     var D = "";
     if (v && I.length && !w && P.onFilter) {
       var R = S({
@@ -44664,7 +44673,7 @@ var U8 = process.env.NODE_ENV === "production" ? {
       });
     }
     return D;
-  }, [s, m, v, P, I, S, w]), N = (n == null ? void 0 : n.action) === "initial-input-focus", _ = ln(function() {
+  }, [s, m, v, P, I, S, w]), N = (n == null ? void 0 : n.action) === "initial-input-focus", _ = nn(function() {
     var D = "";
     if (P.guidance) {
       var R = r ? "value" : v ? "menu" : "input";