jcicl 0.0.109 → 0.0.110

package/Tooltip/Tooltip.js

@@ -1,9 +1,9 @@
 import { jsx as re, jsxs as Et } from "react/jsx-runtime";
 import * as C from "react";
 import { a as Ht, g as Ut, P as r, d as Ft, s as et, u as qt, c as zt, e as Yt, b as qe } from "../.chunks/DefaultPropsProvider.js";
-import { o as Rt, P as fo, H as Qe, u as uo, a as Xt, b as vo, c as mo, d as ho, g as go, G as At, e as ze, f as bo } from "../.chunks/Portal.js";
+import { o as Rt, P as fo, H as Qe, d as uo, c as Xt, a as vo, f as mo, h as ho, g as go, G as At, i as ze, e as yo } from "../.chunks/Portal.js";
 import { m as lt } from "../.chunks/memoTheme.js";
-import { c as yo } from "../.chunks/chainPropTypes.js";
+import { c as bo } from "../.chunks/chainPropTypes.js";
 import { r as Gt, c as it, e as Ct, b as Ye, d as Mt, f as wo } from "../.chunks/TransitionGroupContext.js";
 import { i as jt } from "../.chunks/isFocusVisible.js";
 var W = "top", z = "bottom", Y = "right", I = "left", ct = "auto", Ie = [W, z, Y, I], Oe = "start", ke = "end", Oo = "clippingParents", Kt = "viewport", Se = "popper", xo = "reference", $t = /* @__PURE__ */ Ie.reduce(function(t, e) {
@@ -214,8 +214,8 @@ var Io = function(e, o) {
 function Vo(t) {
   var e, o = t.state, n = t.name, a = t.options, i = o.elements.arrow, c = o.modifiersData.popperOffsets, p = _(o.placement), s = dt(p), f = [I, Y].indexOf(p) >= 0, l = f ? "height" : "width";
   if (!(!i || !c)) {
-    var g = Io(a.padding, o), x = ut(i), u = s === "y" ? W : I, T = s === "y" ? z : Y, v = o.rects.reference[l] + o.rects.reference[s] - c[s] - o.rects.popper[l], m = c[s] - o.rects.reference[s], w = Ve(i), E = w ? s === "y" ? w.clientHeight || 0 : w.clientWidth || 0 : 0, O = v / 2 - m / 2, d = g[u], b = E - x[l] - g[T], y = E / 2 - x[l] / 2 + O, R = Ne(d, y, b), D = s;
-    o.modifiersData[n] = (e = {}, e[D] = R, e.centerOffset = R - y, e);
+    var g = Io(a.padding, o), x = ut(i), u = s === "y" ? W : I, T = s === "y" ? z : Y, v = o.rects.reference[l] + o.rects.reference[s] - c[s] - o.rects.popper[l], m = c[s] - o.rects.reference[s], w = Ve(i), E = w ? s === "y" ? w.clientHeight || 0 : w.clientWidth || 0 : 0, O = v / 2 - m / 2, d = g[u], y = E - x[l] - g[T], b = E / 2 - x[l] / 2 + O, R = Ne(d, b, y), D = s;
+    o.modifiersData[n] = (e = {}, e[D] = R, e.centerOffset = R - b, e);
   }
 }
 function Ho(t) {
@@ -256,22 +256,22 @@ function St(t) {
     y: v
   };
   u = m.x, v = m.y;
-  var w = c.hasOwnProperty("x"), E = c.hasOwnProperty("y"), O = I, d = W, b = window;
+  var w = c.hasOwnProperty("x"), E = c.hasOwnProperty("y"), O = I, d = W, y = window;
   if (f) {
-    var y = Ve(o), R = "clientHeight", D = "clientWidth";
-    if (y === V(o) && (y = se(o), ne(y).position !== "static" && p === "absolute" && (R = "scrollHeight", D = "scrollWidth")), y = y, a === W || (a === I || a === Y) && i === ke) {
+    var b = Ve(o), R = "clientHeight", D = "clientWidth";
+    if (b === V(o) && (b = se(o), ne(b).position !== "static" && p === "absolute" && (R = "scrollHeight", D = "scrollWidth")), b = b, a === W || (a === I || a === Y) && i === ke) {
       d = z;
-      var A = g && y === b && b.visualViewport ? b.visualViewport.height : (
+      var A = g && b === y && y.visualViewport ? y.visualViewport.height : (
         // $FlowFixMe[prop-missing]
-        y[R]
+        b[R]
       );
       v -= A - n.height, v *= s ? 1 : -1;
     }
     if (a === I || (a === W || a === z) && i === ke) {
       O = Y;
-      var P = g && y === b && b.visualViewport ? b.visualViewport.width : (
+      var P = g && b === y && y.visualViewport ? y.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        y[D]
+        b[D]
       );
       u -= P - n.width, u *= s ? 1 : -1;
     }
@@ -287,7 +287,7 @@ function St(t) {
   };
   if (u = N.x, v = N.y, s) {
     var j;
-    return Object.assign({}, M, (j = {}, j[d] = E ? "0" : "", j[O] = w ? "0" : "", j.transform = (b.devicePixelRatio || 1) <= 1 ? "translate(" + u + "px, " + v + "px)" : "translate3d(" + u + "px, " + v + "px, 0)", j));
+    return Object.assign({}, M, (j = {}, j[d] = E ? "0" : "", j[O] = w ? "0" : "", j.transform = (y.devicePixelRatio || 1) <= 1 ? "translate(" + u + "px, " + v + "px)" : "translate3d(" + u + "px, " + v + "px, 0)", j));
   }
   return Object.assign({}, M, (e = {}, e[d] = E ? v + "px" : "", e[O] = w ? u + "px" : "", e.transform = "", e));
 }
@@ -489,16 +489,16 @@ function ro(t) {
 }
 function We(t, e) {
   e === void 0 && (e = {});
-  var o = e, n = o.placement, a = n === void 0 ? t.placement : n, i = o.strategy, c = i === void 0 ? t.strategy : i, p = o.boundary, s = p === void 0 ? Oo : p, f = o.rootBoundary, l = f === void 0 ? Kt : f, g = o.elementContext, x = g === void 0 ? Se : g, u = o.altBoundary, T = u === void 0 ? !1 : u, v = o.padding, m = v === void 0 ? 0 : v, w = eo(typeof m != "number" ? m : to(m, Ie)), E = x === Se ? xo : Se, O = t.rects.popper, d = t.elements[T ? E : x], b = tr(ue(d) ? d : d.contextElement || se(t.elements.popper), s, l, c), y = Te(t.elements.reference), R = ro({
-    reference: y,
+  var o = e, n = o.placement, a = n === void 0 ? t.placement : n, i = o.strategy, c = i === void 0 ? t.strategy : i, p = o.boundary, s = p === void 0 ? Oo : p, f = o.rootBoundary, l = f === void 0 ? Kt : f, g = o.elementContext, x = g === void 0 ? Se : g, u = o.altBoundary, T = u === void 0 ? !1 : u, v = o.padding, m = v === void 0 ? 0 : v, w = eo(typeof m != "number" ? m : to(m, Ie)), E = x === Se ? xo : Se, O = t.rects.popper, d = t.elements[T ? E : x], y = tr(ue(d) ? d : d.contextElement || se(t.elements.popper), s, l, c), b = Te(t.elements.reference), R = ro({
+    reference: b,
     element: O,
     strategy: "absolute",
     placement: a
-  }), D = pt(Object.assign({}, O, R)), A = x === Se ? D : y, P = {
-    top: b.top - A.top + w.top,
-    bottom: A.bottom - b.bottom + w.bottom,
-    left: b.left - A.left + w.left,
-    right: A.right - b.right + w.right
+  }), D = pt(Object.assign({}, O, R)), A = x === Se ? D : b, P = {
+    top: y.top - A.top + w.top,
+    bottom: A.bottom - y.bottom + w.bottom,
+    left: y.left - A.left + w.left,
+    right: A.right - y.right + w.right
   }, M = t.modifiersData.offset;
   if (x === Se && M) {
     var N = M[a];
@@ -547,7 +547,7 @@ function nr(t) {
         flipVariations: T,
         allowedAutoPlacements: v
       }) : H);
-    }, []), b = e.rects.reference, y = e.rects.popper, R = /* @__PURE__ */ new Map(), D = !0, A = d[0], P = 0; P < d.length; P++) {
+    }, []), y = e.rects.reference, b = e.rects.popper, R = /* @__PURE__ */ new Map(), D = !0, A = d[0], P = 0; P < d.length; P++) {
       var M = d[P], N = _(M), j = Pe(M) === Oe, X = [W, z].indexOf(N) >= 0, G = X ? "width" : "height", S = We(e, {
         placement: M,
         boundary: l,
@@ -555,7 +555,7 @@ function nr(t) {
         altBoundary: x,
         padding: f
       }), $ = X ? j ? Y : I : j ? z : W;
-      b[G] > y[G] && ($ = Je($));
+      y[G] > b[G] && ($ = Je($));
       var k = Je($), te = [];
       if (i && te.push(S[N] <= 0), p && te.push(S[$] <= 0, S[k] <= 0), te.every(function(K) {
         return K;
@@ -682,7 +682,7 @@ function vr(t) {
     rootBoundary: f,
     padding: g,
     altBoundary: l
-  }), w = _(e.placement), E = Pe(e.placement), O = !E, d = dt(w), b = dr(d), y = e.modifiersData.popperOffsets, R = e.rects.reference, D = e.rects.popper, A = typeof v == "function" ? v(Object.assign({}, e.rects, {
+  }), w = _(e.placement), E = Pe(e.placement), O = !E, d = dt(w), y = dr(d), b = e.modifiersData.popperOffsets, R = e.rects.reference, D = e.rects.popper, A = typeof v == "function" ? v(Object.assign({}, e.rects, {
     placement: e.placement
   })) : v, P = typeof A == "number" ? {
     mainAxis: A,
@@ -694,17 +694,17 @@ function vr(t) {
     x: 0,
     y: 0
   };
-  if (y) {
+  if (b) {
     if (i) {
-      var j, X = d === "y" ? W : I, G = d === "y" ? z : Y, S = d === "y" ? "height" : "width", $ = y[d], k = $ + m[X], te = $ - m[G], L = u ? -D[S] / 2 : 0, de = E === Oe ? R[S] : D[S], oe = E === Oe ? -D[S] : -R[S], ve = e.elements.arrow, K = u && ve ? ut(ve) : {
+      var j, X = d === "y" ? W : I, G = d === "y" ? z : Y, S = d === "y" ? "height" : "width", $ = b[d], k = $ + m[X], te = $ - m[G], L = u ? -D[S] / 2 : 0, de = E === Oe ? R[S] : D[S], oe = E === Oe ? -D[S] : -R[S], ve = e.elements.arrow, K = u && ve ? ut(ve) : {
         width: 0,
         height: 0
-      }, H = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : _t(), ae = H[X], ie = H[G], U = Ne(0, R[S], K[S]), me = O ? R[S] / 2 - L - U - ae - P.mainAxis : de - U - ae - P.mainAxis, rt = O ? -R[S] / 2 + L + U + ie + P.mainAxis : oe + U + ie + P.mainAxis, he = e.elements.arrow && Ve(e.elements.arrow), J = he ? d === "y" ? he.clientTop || 0 : he.clientLeft || 0 : 0, ge = (j = M == null ? void 0 : M[d]) != null ? j : 0, pe = $ + me - ge - J, be = $ + rt - ge, Ee = Ne(u ? Ze(k, pe) : k, $, u ? fe(te, be) : te);
-      y[d] = Ee, N[d] = Ee - $;
+      }, H = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : _t(), ae = H[X], ie = H[G], U = Ne(0, R[S], K[S]), me = O ? R[S] / 2 - L - U - ae - P.mainAxis : de - U - ae - P.mainAxis, rt = O ? -R[S] / 2 + L + U + ie + P.mainAxis : oe + U + ie + P.mainAxis, he = e.elements.arrow && Ve(e.elements.arrow), J = he ? d === "y" ? he.clientTop || 0 : he.clientLeft || 0 : 0, ge = (j = M == null ? void 0 : M[d]) != null ? j : 0, pe = $ + me - ge - J, ye = $ + rt - ge, Ee = Ne(u ? Ze(k, pe) : k, $, u ? fe(te, ye) : te);
+      b[d] = Ee, N[d] = Ee - $;
     }
     if (p) {
-      var le, ye = d === "x" ? W : I, Re = d === "x" ? z : Y, Z = y[b], ce = b === "y" ? "height" : "width", Ae = Z + m[ye], Ce = Z - m[Re], Me = [W, I].indexOf(w) !== -1, He = (le = M == null ? void 0 : M[b]) != null ? le : 0, Ue = Me ? Ae : Z - R[ce] - D[ce] - He + P.altAxis, we = Me ? Z + R[ce] + D[ce] - He - P.altAxis : Ce, Fe = u && Me ? Wo(Ue, Z, we) : Ne(u ? Ue : Ae, Z, u ? we : Ce);
-      y[b] = Fe, N[b] = Fe - Z;
+      var le, be = d === "x" ? W : I, Re = d === "x" ? z : Y, Z = b[y], ce = y === "y" ? "height" : "width", Ae = Z + m[be], Ce = Z - m[Re], Me = [W, I].indexOf(w) !== -1, He = (le = M == null ? void 0 : M[y]) != null ? le : 0, Ue = Me ? Ae : Z - R[ce] - D[ce] - He + P.altAxis, we = Me ? Z + R[ce] + D[ce] - He - P.altAxis : Ce, Fe = u && Me ? Wo(Ue, Z, we) : Ne(u ? Ue : Ae, Z, u ? we : Ce);
+      b[y] = Fe, N[y] = Fe - Z;
     }
     e.modifiersData[n] = N;
   }
@@ -725,13 +725,13 @@ function hr(t) {
 function gr(t) {
   return t === V(t) || !q(t) ? vt(t) : hr(t);
 }
-function br(t) {
+function yr(t) {
   var e = t.getBoundingClientRect(), o = xe(e.width) / t.offsetWidth || 1, n = xe(e.height) / t.offsetHeight || 1;
   return o !== 1 || n !== 1;
 }
-function yr(t, e, o) {
+function br(t, e, o) {
   o === void 0 && (o = !1);
-  var n = q(e), a = q(e) && br(e), i = se(e), c = Te(t, a, o), p = {
+  var n = q(e), a = q(e) && yr(e), i = se(e), c = Te(t, a, o), p = {
     scrollLeft: 0,
     scrollTop: 0
   }, s = {
@@ -846,7 +846,7 @@ function Pr(t) {
           var w = l.elements, E = w.reference, O = w.popper;
           if (It(E, O)) {
             l.rects = {
-              reference: yr(E, Ve(O), l.options.strategy === "fixed"),
+              reference: br(E, Ve(O), l.options.strategy === "fixed"),
               popper: ut(O)
             }, l.reset = !1, l.placement = l.options.placement, l.orderedModifiers.forEach(function(P) {
               return l.modifiersData[P.name] = Object.assign({}, P.data);
@@ -856,8 +856,8 @@ function Pr(t) {
                 l.reset = !1, d = -1;
                 continue;
               }
-              var b = l.orderedModifiers[d], y = b.fn, R = b.options, D = R === void 0 ? {} : R, A = b.name;
-              typeof y == "function" && (l = y({
+              var y = l.orderedModifiers[d], b = y.fn, R = y.options, D = R === void 0 ? {} : R, A = y.name;
+              typeof b == "function" && (l = b({
                 state: l,
                 options: D,
                 name: A,
@@ -887,14 +887,14 @@ function Pr(t) {
       l.orderedModifiers.forEach(function(m) {
         var w = m.name, E = m.options, O = E === void 0 ? {} : E, d = m.effect;
         if (typeof d == "function") {
-          var b = d({
+          var y = d({
             state: l,
             name: w,
             instance: u,
             options: O
-          }), y = function() {
+          }), b = function() {
           };
-          g.push(b || y);
+          g.push(y || b);
         }
       });
     }
@@ -963,11 +963,11 @@ const jr = (t) => {
     ownerState: v,
     // prevent from spreading to DOM, it can come from the parent component e.g. Select.
     ...m
-  } = e, w = C.useRef(null), E = it(w, o), O = C.useRef(null), d = it(O, g), b = C.useRef(d);
+  } = e, w = C.useRef(null), E = it(w, o), O = C.useRef(null), d = it(O, g), y = C.useRef(d);
   Ct(() => {
-    b.current = d;
+    y.current = d;
   }, [d]), C.useImperativeHandle(g, () => O.current, []);
-  const y = Cr(f, i), [R, D] = C.useState(y), [A, P] = C.useState(_e(n));
+  const b = Cr(f, i), [R, D] = C.useState(b), [A, P] = C.useState(_e(n));
   C.useEffect(() => {
     O.current && O.current.forceUpdate();
   }), C.useEffect(() => {
@@ -1005,14 +1005,14 @@ const jr = (t) => {
     }];
     p != null && (S = S.concat(p)), l && l.modifiers != null && (S = S.concat(l.modifiers));
     const $ = Rr(A, w.current, {
-      placement: y,
+      placement: b,
       ...l,
       modifiers: S
     });
-    return b.current($), () => {
-      $.destroy(), b.current(null);
+    return y.current($), () => {
+      $.destroy(), y.current(null);
     };
-  }, [A, c, p, s, l, y]);
+  }, [A, c, p, s, l, b]);
   const M = {
     placement: R
   };
@@ -1050,9 +1050,9 @@ const jr = (t) => {
     slotProps: m = {},
     slots: w = {},
     ...E
-  } = e, [O, d] = C.useState(!0), b = () => {
+  } = e, [O, d] = C.useState(!0), y = () => {
     d(!1);
-  }, y = () => {
+  }, b = () => {
     d(!0);
   };
   if (!s && !l && (!v || O))
@@ -1066,8 +1066,8 @@ const jr = (t) => {
   }
   const D = !l && s && (!v || O) ? "none" : void 0, A = v ? {
     in: l,
-    onEnter: b,
-    onExited: y
+    onEnter: y,
+    onExited: b
   } : void 0;
   return /* @__PURE__ */ re(fo, {
     disablePortal: p,
@@ -1110,7 +1110,7 @@ process.env.NODE_ENV !== "production" && (no.propTypes = {
    * It's used to set the position of the popper.
    * The return value will passed as the reference object of the Popper instance.
    */
-  anchorEl: yo(r.oneOfType([Qe, r.object, r.func]), (t) => {
+  anchorEl: bo(r.oneOfType([Qe, r.object, r.func]), (t) => {
     if (t.open) {
       const e = _e(t.anchorEl);
       if (e && ot(e) && e.nodeType === 1) {
@@ -1245,7 +1245,7 @@ const Sr = et(no, {
     slots: E,
     slotProps: O,
     ...d
-  } = a, b = (E == null ? void 0 : E.root) ?? (p == null ? void 0 : p.Root), y = {
+  } = a, y = (E == null ? void 0 : E.root) ?? (p == null ? void 0 : p.Root), b = {
     anchorEl: i,
     container: f,
     disablePortal: l,
@@ -1262,10 +1262,10 @@ const Sr = et(no, {
     as: c,
     direction: n ? "rtl" : "ltr",
     slots: {
-      root: b
+      root: y
     },
     slotProps: O ?? s,
-    ...y,
+    ...b,
     ref: o
   });
 });
@@ -1701,8 +1701,8 @@ const ao = /* @__PURE__ */ C.forwardRef(function(e, o) {
     id: E,
     leaveDelay: O = 0,
     leaveTouchDelay: d = 1500,
-    onClose: b,
-    onOpen: y,
+    onClose: y,
+    onOpen: b,
     open: R,
     placement: D = "bottom",
     PopperComponent: A,
@@ -1731,12 +1731,12 @@ const ao = /* @__PURE__ */ C.forwardRef(function(e, o) {
 `));
     }, [j, L, h]);
   }
-  const ge = ho(E), pe = C.useRef(), be = Mt(() => {
+  const ge = ho(E), pe = C.useRef(), ye = Mt(() => {
     pe.current !== void 0 && (document.body.style.WebkitUserSelect = pe.current, pe.current = void 0), me.clear();
   });
-  C.useEffect(() => be, [be]);
+  C.useEffect(() => ye, [ye]);
   const Ee = (h) => {
-    Vt.clear(), Ge = !0, he(!0), y && !J && y(h);
+    Vt.clear(), Ge = !0, he(!0), b && !J && b(h);
   }, le = Mt(
     /**
      * @param {React.SyntheticEvent | Event} event
@@ -1744,11 +1744,11 @@ const ao = /* @__PURE__ */ C.forwardRef(function(e, o) {
     (h) => {
       Vt.start(800 + O, () => {
         Ge = !1;
-      }), he(!1), b && J && b(h), ae.start(k.transitions.duration.shortest, () => {
+      }), he(!1), y && J && y(h), ae.start(k.transitions.duration.shortest, () => {
         K.current = !1;
       });
     }
-  ), ye = (h) => {
+  ), be = (h) => {
     K.current && h.type !== "touchstart" || (L && L.removeAttribute("title"), ie.clear(), U.clear(), T || Ge && v ? ie.start(Ge ? v : T, () => {
       Ee(h);
     }) : Ee(h));
@@ -1759,17 +1759,17 @@ const ao = /* @__PURE__ */ C.forwardRef(function(e, o) {
   }, [, Z] = C.useState(!1), ce = (h) => {
     jt(h.target) || (Z(!1), Re(h));
   }, Ae = (h) => {
-    L || de(h.currentTarget), jt(h.target) && (Z(!0), ye(h));
+    L || de(h.currentTarget), jt(h.target) && (Z(!0), be(h));
   }, Ce = (h) => {
     K.current = !0;
     const Q = $.props;
     Q.onTouchStart && Q.onTouchStart(h);
   }, Me = (h) => {
-    Ce(h), U.clear(), ae.clear(), be(), pe.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", me.start(m, () => {
-      document.body.style.WebkitUserSelect = pe.current, ye(h);
+    Ce(h), U.clear(), ae.clear(), ye(), pe.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", me.start(m, () => {
+      document.body.style.WebkitUserSelect = pe.current, be(h);
     });
   }, He = (h) => {
-    $.props.onTouchEnd && $.props.onTouchEnd(h), be(), U.start(d, () => {
+    $.props.onTouchEnd && $.props.onTouchEnd(h), ye(), U.start(d, () => {
       le(h);
     });
   };
@@ -1809,7 +1809,7 @@ const ao = /* @__PURE__ */ C.forwardRef(function(e, o) {
 `));
   }, [L]));
   const $e = {};
-  u || (F.onTouchStart = Me, F.onTouchEnd = He), g || (F.onMouseOver = Ke(ye, F.onMouseOver), F.onMouseLeave = Ke(Re, F.onMouseLeave), H || ($e.onMouseOver = ye, $e.onMouseLeave = Re)), l || (F.onFocus = Ke(Ae, F.onFocus), F.onBlur = Ke(ce, F.onBlur), H || ($e.onFocus = Ae, $e.onBlur = ce)), process.env.NODE_ENV !== "production" && $.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${$.props.title}\` or the Tooltip component.`].join(`
+  u || (F.onTouchStart = Me, F.onTouchEnd = He), g || (F.onMouseOver = Ke(be, F.onMouseOver), F.onMouseLeave = Ke(Re, F.onMouseLeave), H || ($e.onMouseOver = be, $e.onMouseLeave = Re)), l || (F.onFocus = Ke(Ae, F.onFocus), F.onBlur = Ke(ce, F.onBlur), H || ($e.onFocus = Ae, $e.onBlur = ce)), process.env.NODE_ENV !== "production" && $.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${$.props.title}\` or the Tooltip component.`].join(`
 `));
   const io = C.useMemo(() => {
     var Q;
@@ -1833,11 +1833,11 @@ const ao = /* @__PURE__ */ C.forwardRef(function(e, o) {
     placement: D,
     PopperComponentProp: A,
     touch: K.current
-  }, at = Lr(De), bt = N.popper ?? p.Popper ?? kr, yt = N.transition ?? p.Transition ?? X ?? At, wt = N.tooltip ?? p.Tooltip ?? Wr, Ot = N.arrow ?? p.Arrow ?? Ir, so = ze(bt, {
+  }, at = Lr(De), yt = N.popper ?? p.Popper ?? kr, bt = N.transition ?? p.Transition ?? X ?? At, wt = N.tooltip ?? p.Tooltip ?? Wr, Ot = N.arrow ?? p.Arrow ?? Ir, so = ze(yt, {
     ...P,
     ...M.popper ?? s.popper,
     className: qe(at.popper, P == null ? void 0 : P.className, (xt = M.popper ?? s.popper) == null ? void 0 : xt.className)
-  }, De), po = ze(yt, {
+  }, De), po = ze(bt, {
     ...G,
     ...M.transition ?? s.transition
   }, De), lo = ze(wt, {
@@ -1848,7 +1848,7 @@ const ao = /* @__PURE__ */ C.forwardRef(function(e, o) {
     className: qe(at.arrow, (Pt = M.arrow ?? s.arrow) == null ? void 0 : Pt.className)
   }, De);
   return /* @__PURE__ */ Et(C.Fragment, {
-    children: [/* @__PURE__ */ C.cloneElement($, F), /* @__PURE__ */ re(bt, {
+    children: [/* @__PURE__ */ C.cloneElement($, F), /* @__PURE__ */ re(yt, {
       as: A ?? gt,
       placement: D,
       anchorEl: w ? {
@@ -1870,7 +1870,7 @@ const ao = /* @__PURE__ */ C.forwardRef(function(e, o) {
       popperOptions: io,
       children: ({
         TransitionProps: h
-      }) => /* @__PURE__ */ re(yt, {
+      }) => /* @__PURE__ */ re(bt, {
         timeout: k.transitions.duration.shorter,
         ...h,
         ...po,
@@ -1898,7 +1898,7 @@ process.env.NODE_ENV !== "production" && (ao.propTypes = {
   /**
    * Tooltip reference element.
    */
-  children: bo.isRequired,
+  children: yo.isRequired,
   /**
    * Override or extend the styles applied to the component.
    */

package/WithLabel/WithLabel.d.ts

@@ -3,7 +3,7 @@ export interface WithLabelProps extends Omit<FlexProps, 'children'> {
     label: string;
     fontSize?: string;
     gap?: string;
-    component: JSX.Element;
+    component: React.ReactNode;
 }
 declare const WithLabel: React.FC<WithLabelProps>;
 export default WithLabel;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jcicl",
   "private": false,
-  "version": "0.0.109",
+  "version": "0.0.110",
   "description": "Component library for the websites of Johnson County Iowa",
   "license": "MIT",
   "homepage": "https://devops.jc.net/JCIT/Business%20Solutions%20Delivery/_git/JCComponentLibrary?path=%2FREADME.md&version=GBmaster",
@@ -19,6 +19,8 @@
     "@fontsource/roboto": "^5.1.0",
     "@mui/icons-material": "^6.1.3",
     "@mui/material": "^6.1.1",
-    "overlayscrollbars-react": "^0.5.6"
+    "@react-hook/resize-observer": "^2.0.2",
+    "overlayscrollbars-react": "^0.5.6",
+    "react-device-detect": "^2.2.3"
   }
 }

package/theme.d.ts

@@ -3,6 +3,7 @@ export interface ThemeColors {
     blue: string;
     burgundy: string;
     charcoal: string;
+    dandelion: string;
     darkBlue: string;
     darkerGreen: string;
     darkGreen: string;
@@ -10,6 +11,7 @@ export interface ThemeColors {
     darkGreenO99: string;
     darkRed: string;
     gold: string;
+    gold2: string;
     gray: string;
     grayO44: string;
     green: string;
@@ -20,6 +22,7 @@ export interface ThemeColors {
     midnight: string;
     mint: string;
     purple: string;
+    sage: string;
     sunlight: string;
     veryLightGray: string;
     veryLightGrayO33: string;
@@ -35,14 +38,11 @@ export interface ThemeBoxShadows extends Partial<ThemeColors> {
     greenThick?: string;
 }
 export interface ThemeConstants {
-    actionsPaneWidth: number;
     appHeaderHeight: number;
     navDefaultWidth: number;
+    tabletCollapsedActionsPanelWidth: number;
 }
 export interface ThemeScreenSizes {
-    small: string;
-    medium: string;
-    large: string;
     mobile: string;
     tablet: string;
 }

package/theme.js

@@ -5,6 +5,7 @@ const e = {
     blue: "#1976d2",
     burgundy: "#920920",
     charcoal: "#404040",
+    dandelion: "#fffacd",
     darkBlue: "#10517c",
     darkerGreen: "#124000",
     darkGreen: "#005c00",
@@ -12,6 +13,7 @@ const e = {
     darkGreenO99: "#005c0099",
     darkRed: "#800000",
     gold: "#fab62d",
+    gold2: "#fcba03",
     gray: "#727272",
     grayO44: "#72727244",
     green: "#009200",
@@ -22,6 +24,7 @@ const e = {
     midnight: "#131313",
     mint: "#a4edb4",
     purple: "#920092",
+    sage: "#bdd5c1",
     sunlight: "#faf9e8",
     veryLightGray: "#fafafa",
     veryLightGrayO33: "#fafafa33",
@@ -32,15 +35,14 @@ const e = {
   },
   constants: {
     appHeaderHeight: 58,
-    actionsPaneWidth: 201,
-    navDefaultWidth: 75
+    navDefaultWidth: 75,
+    tabletCollapsedActionsPanelWidth: 52
   },
   screenSizes: {
-    small: "600px",
-    medium: "900px",
-    large: "1300px",
-    mobile: "400px",
-    tablet: "810px"
+    // Testing range for mobile: 320px - 480px
+    mobile: "533px",
+    // Testing range for tablets: 533px - 1080px
+    tablet: "963px"
   }
 };
 e.boxShadow = {