@carto/meridian-ds 1.3.0-alpha.1 → 1.3.0-alpha.2

package/dist/components/index.js

@@ -70,16 +70,16 @@ function _s(t) {
   function c(p) {
     return `@media (max-width:${(typeof o[p] == "number" ? o[p] : p) - r / 100}${n})`;
   }
-  function d(p, g) {
-    const h = i.indexOf(g);
-    return `@media (min-width:${typeof o[p] == "number" ? o[p] : p}${n}) and (max-width:${(h !== -1 && typeof o[i[h]] == "number" ? o[i[h]] : g) - r / 100}${n})`;
+  function d(p, y) {
+    const h = i.indexOf(y);
+    return `@media (min-width:${typeof o[p] == "number" ? o[p] : p}${n}) and (max-width:${(h !== -1 && typeof o[i[h]] == "number" ? o[i[h]] : y) - r / 100}${n})`;
   }
   function f(p) {
     return i.indexOf(p) + 1 < i.length ? d(p, i[i.indexOf(p) + 1]) : l(p);
   }
   function m(p) {
-    const g = i.indexOf(p);
-    return g === 0 ? l(i[1]) : g === i.length - 1 ? c(i[g]) : d(p, i[i.indexOf(p) + 1]).replace("@media", "@media not all and");
+    const y = i.indexOf(p);
+    return y === 0 ? l(i[1]) : y === i.length - 1 ? c(i[y]) : d(p, i[i.indexOf(p) + 1]).replace("@media", "@media not all and");
   }
   return b({
     keys: i,
@@ -594,25 +594,25 @@ function Ti() {
         return null;
       const f = Va(s.breakpoints), m = Object.keys(f);
       let p = f;
-      return Object.keys(d).forEach((g) => {
-        const h = wi(d[g], s);
+      return Object.keys(d).forEach((y) => {
+        const h = wi(d[y], s);
         if (h != null)
           if (typeof h == "object")
-            if (i[g])
-              p = At(p, t(g, h, s, i));
+            if (i[y])
+              p = At(p, t(y, h, s, i));
             else {
               const D = Qe({
                 theme: s
-              }, h, (y) => ({
-                [g]: y
+              }, h, (g) => ({
+                [y]: g
               }));
-              vi(D, h) ? p[g] = o({
+              vi(D, h) ? p[y] = o({
                 sx: h,
                 theme: s
               }) : p = At(p, D);
             }
           else
-            p = At(p, t(g, h, s, i));
+            p = At(p, t(y, h, s, i));
       }), Aa(m, p);
     }
     return Array.isArray(a) ? a.map(l) : l(a);
@@ -801,10 +801,10 @@ const Ke = he("MuiPickersDay", ["root", "dayWithMargin", "dayOutsideMonth", "hid
     isAnimating: f,
     onClick: m,
     onDaySelect: p,
-    onFocus: g = ht,
+    onFocus: y = ht,
     onBlur: h = ht,
     onKeyDown: D = ht,
-    onMouseDown: y = ht,
+    onMouseDown: g = ht,
     onMouseEnter: T = ht,
     outsideCurrentMonth: v,
     selected: P = !1,
@@ -824,7 +824,7 @@ const Ke = he("MuiPickersDay", ["root", "dayWithMargin", "dayOutsideMonth", "hid
     a && !l && !f && !v && O.current.focus();
   }, [a, l, f, v]);
   const j = (I) => {
-    y(I), v && I.preventDefault();
+    g(I), v && I.preventDefault();
   }, F = (I) => {
     l || p(i), v && I.currentTarget.focus(), m && m(I);
   };
@@ -839,7 +839,7 @@ const Ke = he("MuiPickersDay", ["root", "dayWithMargin", "dayOutsideMonth", "hid
     disabled: l,
     tabIndex: P ? 0 : -1,
     onKeyDown: (I) => D(I, i),
-    onFocus: (I) => g(I, i),
+    onFocus: (I) => y(I, i),
     onBlur: (I) => h(I, i),
     onMouseEnter: (I) => T(I, i),
     onClick: F,
@@ -1195,18 +1195,18 @@ const $i = ({
   if (i === "")
     throw new Error("MUI X: Should not call `commitToken` with an empty token");
   const c = Bn(t, i), d = jn(t, c.contentType, c.type, i), f = n ? d : c.contentType === "digit", m = o != null && t.isValid(o);
-  let p = m ? t.formatByString(o, i) : "", g = null;
+  let p = m ? t.formatByString(o, i) : "", y = null;
   if (f)
     if (d)
-      g = p === "" ? t.formatByString(s, i).length : p.length;
+      y = p === "" ? t.formatByString(s, i).length : p.length;
     else {
       if (c.maxLength == null)
         throw new Error(`MUI X: The token ${i} should have a 'maxDigitNumber' property on it's adapter`);
-      g = c.maxLength, m && (p = Nn(Ua(qn(p, a), g), a));
+      y = c.maxLength, m && (p = Nn(Ua(qn(p, a), y), a));
     }
   return b({}, c, {
     format: i,
-    maxLength: g,
+    maxLength: y,
     value: p,
     placeholder: ji(t, r, c, i),
     hasLeadingZerosInFormat: d,
@@ -1216,7 +1216,7 @@ const $i = ({
     modified: !1
   });
 }, qi = (t) => {
-  var g;
+  var y;
   const {
     utils: o,
     expandedFormat: n,
@@ -1226,9 +1226,9 @@ const $i = ({
   const l = Object.keys(o.formatTokenMap).sort((h, D) => D.length - h.length), c = /^([a-zA-Z]+)/, d = new RegExp(`^(${l.join("|")})*$`), f = new RegExp(`^(${l.join("|")})`), m = (h) => r.find((D) => D.start <= h && D.end >= h);
   let p = 0;
   for (; p < n.length; ) {
-    const h = m(p), D = h != null, y = (g = c.exec(n.slice(p))) == null ? void 0 : g[1];
-    if (!D && y != null && d.test(y)) {
-      let T = y;
+    const h = m(p), D = h != null, g = (y = c.exec(n.slice(p))) == null ? void 0 : y[1];
+    if (!D && g != null && d.test(g)) {
+      let T = g;
       for (; T.length > 0; ) {
         const v = f.exec(T)[1];
         T = T.slice(v.length), s.push(Ni(b({}, t, {
@@ -1237,7 +1237,7 @@ const $i = ({
           startSeparator: i
         }))), i = "";
       }
-      p += y.length;
+      p += g.length;
     } else {
       const T = n[p];
       D && (h == null ? void 0 : h.start) === p || (h == null ? void 0 : h.end) === p || (s.length === 0 ? i += T : s[s.length - 1].endSeparator += T), p += 1;
@@ -1289,10 +1289,10 @@ const $i = ({
       value: f,
       defaultValue: m,
       referenceDate: p,
-      onChange: g,
+      onChange: y,
       format: h,
       formatDensity: D = "dense",
-      selectedSections: y,
+      selectedSections: g,
       onSelectedSectionsChange: T,
       shouldRespectLeadingZeros: v = !1,
       timezone: P,
@@ -1307,7 +1307,7 @@ const $i = ({
     value: f,
     defaultValue: m,
     referenceDate: p,
-    onChange: g,
+    onChange: y,
     valueManager: s
   }), w = C.useMemo(() => Ya(o), [o]), q = C.useMemo(() => Ka(o, w, S), [o, w, S]), N = C.useCallback(($, X = null) => i.getSectionsFromValue(o, $, X, (H) => fn({
     utils: o,
@@ -1339,7 +1339,7 @@ const $i = ({
       referenceValue: A
     });
   }), [j, F] = Ht({
-    controlled: y,
+    controlled: g,
     default: null,
     name: "useField",
     state: "selectedSections"
@@ -1482,10 +1482,10 @@ const $i = ({
   const f = ({
     keyPressed: h,
     sectionIndex: D
-  }, y, T) => {
+  }, g, T) => {
     const v = h.toLowerCase(), P = t[D];
     if (l != null && (!T || T(l.value)) && l.sectionIndex === D) {
-      const S = `${l.value}${v}`, k = y(S, P);
+      const S = `${l.value}${v}`, k = g(S, P);
       if (!tt(k))
         return c({
           sectionIndex: D,
@@ -1493,7 +1493,7 @@ const $i = ({
           sectionType: P.type
         }), k;
     }
-    const x = y(v, P);
+    const x = g(v, P);
     return tt(x) && !x.saveQuery ? (d(), null) : (c({
       sectionIndex: D,
       value: v,
@@ -1508,7 +1508,7 @@ const $i = ({
         sectionValue: S[0],
         shouldGoToNextSection: S.length === 1
       };
-    }, y = (v, P, x, S) => {
+    }, g = (v, P, x, S) => {
       const k = (M) => Ja(i, s, P.type, M);
       if (P.contentType === "letter")
         return D(P.format, k(P.format), v);
@@ -1528,14 +1528,14 @@ const $i = ({
       switch (P.type) {
         case "month": {
           const x = (S) => cn(i, S, i.formats.month, P.format);
-          return y(v, P, i.formats.month, x);
+          return g(v, P, i.formats.month, x);
         }
         case "weekDay": {
           const x = (S, k) => k.indexOf(S).toString();
-          return y(v, P, i.formats.weekday, x);
+          return g(v, P, i.formats.weekday, x);
         }
         case "meridiem":
-          return y(v, P);
+          return g(v, P);
         default:
           return {
             saveQuery: !1
@@ -1631,10 +1631,10 @@ const $i = ({
     },
     fieldValueManager: m,
     applyCharacterEditing: p,
-    resetCharacterQuery: g,
+    resetCharacterQuery: y,
     setSelectedSections: h,
     parsedSelectedSections: D,
-    state: y,
+    state: g,
     clearActiveSection: T,
     clearValue: v,
     updateSectionValue: P,
@@ -1657,7 +1657,7 @@ const $i = ({
         return;
       const W = new window.Range();
       let K;
-      D === "all" ? K = w.current.getRoot() : y.sections[D].type === "empty" ? K = w.current.getSectionContainer(D) : K = w.current.getSectionContent(D), W.selectNodeContents(K), K.focus(), R.removeAllRanges(), R.addRange(W);
+      D === "all" ? K = w.current.getRoot() : g.sections[D].type === "empty" ? K = w.current.getSectionContainer(D) : K = w.current.getSectionContent(D), W.selectNodeContents(K), K.focus(), R.removeAllRanges(), R.addRange(W);
     },
     getActiveSectionIndexFromDOM: () => {
       const R = Ie(document);
@@ -1666,23 +1666,23 @@ const $i = ({
     focusField: (R = 0) => {
       if (!w.current)
         return;
-      const W = mo(R, y.sections);
+      const W = mo(R, g.sections);
       F(!0), w.current.getSectionContent(W).focus();
     },
     setSelectedSections: (R) => {
       if (!w.current)
         return;
-      const W = mo(R, y.sections);
+      const W = mo(R, g.sections);
       F((W === "all" ? 0 : W) !== null), h(R);
     },
     isFieldFocused: () => {
       const R = Ie(document);
       return !!w.current && w.current.getRoot().contains(R);
     }
-  }), [D, h, y.sections, j]), L = Z((R) => {
+  }), [D, h, g.sections, j]), L = Z((R) => {
     if (!w.current)
       return;
-    const W = y.sections[R];
+    const W = g.sections[R];
     w.current.getSectionContent(R).innerHTML = W.value || W.placeholder, I.syncSelectionToDOM();
   }), ee = Z((R, ...W) => {
     R.isDefaultPrevented() || !w.current || (F(!0), s == null || s(R, ...W), D === "all" ? setTimeout(() => {
@@ -1692,8 +1692,8 @@ const $i = ({
         return;
       }
       let B = 0, oe = 0;
-      for (; oe < K && B < y.sections.length; ) {
-        const Y = y.sections[B];
+      for (; oe < K && B < g.sections.length; ) {
+        const Y = g.sections[B];
         B += 1, oe += `${Y.startSeparator}${Y.value || Y.placeholder}${Y.endSeparator}`.length;
       }
       h(B - 1);
@@ -1702,7 +1702,7 @@ const $i = ({
     if (l == null || l(R), !w.current || D !== "all")
       return;
     const K = R.target.textContent ?? "";
-    w.current.getRoot().innerHTML = y.sections.map((B) => `${B.startSeparator}${B.value || B.placeholder}${B.endSeparator}`).join(""), I.syncSelectionToDOM(), K.length === 0 || K.charCodeAt(0) === 10 ? (g(), v(), h("all")) : K.length > 1 ? x(K) : p({
+    w.current.getRoot().innerHTML = g.sections.map((B) => `${B.startSeparator}${B.value || B.placeholder}${B.endSeparator}`).join(""), I.syncSelectionToDOM(), K.length === 0 || K.charCodeAt(0) === 10 ? (y(), v(), h("all")) : K.length > 1 ? x(K) : p({
       keyPressed: K,
       sectionIndex: 0
     });
@@ -1712,7 +1712,7 @@ const $i = ({
       return;
     }
     const W = R.clipboardData.getData("text");
-    R.preventDefault(), g(), x(W);
+    R.preventDefault(), y(), x(W);
   }), se = Z((...R) => {
     if (i == null || i(...R), j || !w.current)
       return;
@@ -1733,18 +1733,18 @@ const $i = ({
   }), $ = Z((R) => {
     if (R.preventDefault(), n || o || typeof D != "number")
       return;
-    const W = y.sections[D], K = R.clipboardData.getData("text"), B = /^[a-zA-Z]+$/.test(K), oe = /^[0-9]+$/.test(K), Y = /^(([a-zA-Z]+)|)([0-9]+)(([a-zA-Z]+)|)$/.test(K);
-    W.contentType === "letter" && B || W.contentType === "digit" && oe || W.contentType === "digit-with-letter" && Y ? (g(), P({
+    const W = g.sections[D], K = R.clipboardData.getData("text"), B = /^[a-zA-Z]+$/.test(K), oe = /^[0-9]+$/.test(K), Y = /^(([a-zA-Z]+)|)([0-9]+)(([a-zA-Z]+)|)$/.test(K);
+    W.contentType === "letter" && B || W.contentType === "digit" && oe || W.contentType === "digit-with-letter" && Y ? (y(), P({
       activeSection: W,
       newSectionValue: K,
       shouldGoToNextSection: !0
-    })) : !B && !oe && (g(), x(K));
+    })) : !B && !oe && (y(), x(K));
   }), X = Z((R) => {
     R.preventDefault(), R.dataTransfer.dropEffect = "none";
   }), H = Z((R) => {
     if (!w.current)
       return;
-    const W = R.target, K = W.textContent ?? "", B = w.current.getSectionIndexFromDOMElement(W), oe = y.sections[B];
+    const W = R.target, K = W.textContent ?? "", B = w.current.getSectionIndexFromDOMElement(W), oe = g.sections[B];
     if (n || !w.current) {
       L(B);
       return;
@@ -1759,7 +1759,7 @@ const $i = ({
         L(B);
         return;
       }
-      g(), T();
+      y(), T();
       return;
     }
     p({
@@ -1777,11 +1777,11 @@ const $i = ({
       }
     }
   }, [D, j]);
-  const A = C.useMemo(() => y.sections.reduce((R, W) => (R[W.type] = M[W.type]({
+  const A = C.useMemo(() => g.sections.reduce((R, W) => (R[W.type] = M[W.type]({
     currentDate: null,
     contentType: W.contentType,
     format: W.format
-  }), R), {}), [M, y.sections]), V = D === "all", J = C.useMemo(() => y.sections.map((R, W) => {
+  }), R), {}), [M, g.sections]), V = D === "all", J = C.useMemo(() => g.sections.map((R, W) => {
     const K = !V && !o && !n;
     return {
       container: {
@@ -1820,9 +1820,9 @@ const $i = ({
         children: R.endSeparator
       }
     };
-  }), [y.sections, de, $, X, H, ce, ye, o, n, V, N, O, A, E]), te = Z((R) => {
+  }), [g.sections, de, $, X, H, ce, ye, o, n, V, N, O, A, E]), te = Z((R) => {
     x(R.target.value);
-  }), z = C.useMemo(() => k ? "" : m.getV7HiddenInputValueFromSections(y.sections), [k, y.sections, m]);
+  }), z = C.useMemo(() => k ? "" : m.getV7HiddenInputValueFromSections(g.sections), [k, g.sections, m]);
   return C.useEffect(() => {
     if (w.current == null)
       throw new Error(["MUI X: The `sectionListRef` prop has not been initialized by `PickersSectionList`", "You probably tried to pass a component to the `textField` slot that contains an `<input />` element instead of a `PickersSectionList`.", "", "If you want to keep using an `<input />` HTML element for the editing, please remove the `enableAccessibleFieldDOMStructure` prop from your picker or field component:", "", "<DatePicker slots={{ textField: MyCustomTextField }} />", "", "Learn more about the field accessible DOM structure on the MUI documentation: https://mui.com/x/react-date-pickers/fields/#fields-to-edit-a-single-element"].join(`
@@ -1856,11 +1856,11 @@ const $i = ({
   let r = 0, a = n ? 1 : 0;
   const s = [];
   for (let i = 0; i < t.length; i += 1) {
-    const l = t[i], c = ns(l, n ? "input-rtl" : "input-ltr", o), d = `${l.startSeparator}${c}${l.endSeparator}`, f = nt(d).length, m = d.length, p = nt(c), g = a + (p === "" ? 0 : c.indexOf(p[0])) + l.startSeparator.length, h = g + p.length;
+    const l = t[i], c = ns(l, n ? "input-rtl" : "input-ltr", o), d = `${l.startSeparator}${c}${l.endSeparator}`, f = nt(d).length, m = d.length, p = nt(c), y = a + (p === "" ? 0 : c.indexOf(p[0])) + l.startSeparator.length, h = y + p.length;
     s.push(b({}, l, {
       start: r,
       end: r + f,
-      startInInput: g,
+      startInInput: y,
       endInInput: h
     })), r += f, a += m;
   }
@@ -1880,10 +1880,10 @@ const $i = ({
       disabled: m = !1
     },
     parsedSelectedSections: p,
-    activeSectionIndex: g,
+    activeSectionIndex: y,
     state: h,
     fieldValueManager: D,
-    valueManager: y,
+    valueManager: g,
     applyCharacterEditing: T,
     resetCharacterQuery: v,
     updateSectionValue: P,
@@ -1941,7 +1941,7 @@ const $i = ({
     a == null || a(...H);
     const A = E.current;
     clearTimeout(n.current), n.current = setTimeout(() => {
-      !A || A !== E.current || g == null && (// avoid selecting all sections when focusing empty field without value
+      !A || A !== E.current || y == null && (// avoid selecting all sections when focusing empty field without value
       A.value.length && Number(A.selectionEnd) - Number(A.selectionStart) === A.value.length ? w("all") : L());
     });
   }), Q = Z((H, ...A) => {
@@ -1975,7 +1975,7 @@ const $i = ({
       return;
     }
     const V = H.nativeEvent.data, J = V && V.length > 1, te = J ? V : A, z = nt(te);
-    if (g == null || J) {
+    if (y == null || J) {
       x(J ? V : z);
       return;
     }
@@ -1987,7 +1987,7 @@ const $i = ({
       let K = -1, B = -1;
       for (let be = 0; be < W.length; be += 1)
         K === -1 && W[be] !== z[be] && (K = be), B === -1 && W[W.length - be - 1] !== z[z.length - be - 1] && (B = be);
-      const oe = F[g];
+      const oe = F[y];
       if (K < oe.start || W.length - B - 1 > oe.end)
         return;
       const ie = z.length - W.length + oe.end - nt(oe.endSeparator || "").length;
@@ -1999,13 +1999,13 @@ const $i = ({
     }
     T({
       keyPressed: R,
-      sectionIndex: g
+      sectionIndex: y
     });
-  }), ce = C.useMemo(() => d !== void 0 ? d : D.getV6InputValueFromSections(q(y.emptyValue), O, o), [d, D, q, y.emptyValue, O, o]), ye = C.useMemo(() => h.tempValueStrAndroid ?? D.getV6InputValueFromSections(h.sections, O, o), [h.sections, D, h.tempValueStrAndroid, O, o]);
+  }), ce = C.useMemo(() => d !== void 0 ? d : D.getV6InputValueFromSections(q(g.emptyValue), O, o), [d, D, q, g.emptyValue, O, o]), ye = C.useMemo(() => h.tempValueStrAndroid ?? D.getV6InputValueFromSections(h.sections, O, o), [h.sections, D, h.tempValueStrAndroid, O, o]);
   C.useEffect(() => (E.current && E.current === Ie(document) && w("all"), () => {
     clearTimeout(n.current), clearTimeout(r.current);
   }), []);
-  const de = C.useMemo(() => g == null || h.sections[g].contentType === "letter" ? "text" : "numeric", [g, h.sections]), X = !(E.current && E.current === Ie(document)) && N;
+  const de = C.useMemo(() => y == null || h.sections[y].contentType === "letter" ? "text" : "numeric", [y, h.sections]), X = !(E.current && E.current === Ie(document)) && N;
   return {
     interactions: I,
     returnedValue: {
@@ -2042,9 +2042,9 @@ const $i = ({
       onClear: m
     },
     fieldValueManager: p,
-    valueManager: g,
+    valueManager: y,
     validator: h
-  } = t, D = _e(), y = _i(t), {
+  } = t, D = _e(), g = _i(t), {
     state: T,
     activeSectionIndex: v,
     parsedSelectedSections: P,
@@ -2056,7 +2056,7 @@ const $i = ({
     sectionsValueBoundaries: q,
     localizedDigits: N,
     timezone: O
-  } = y, E = zi({
+  } = g, E = zi({
     sections: T.sections,
     updateSectionValue: M,
     sectionsValueBoundaries: q,
@@ -2065,10 +2065,10 @@ const $i = ({
     timezone: O
   }), {
     resetCharacterQuery: j
-  } = E, F = g.areValuesEqual(o, T.value, g.emptyValue), I = s ? Ui : Ki, L = C.useMemo(() => rs(T.sections, D && !s), [T.sections, D, s]), {
+  } = E, F = y.areValuesEqual(o, T.value, y.emptyValue), I = s ? Ui : Ki, L = C.useMemo(() => rs(T.sections, D && !s), [T.sections, D, s]), {
     returnedValue: ee,
     interactions: Q
-  } = I(b({}, t, y, E, {
+  } = I(b({}, t, g, E, {
     areAllSectionsEmpty: F,
     sectionOrder: L
   })), ae = Z(($) => {
@@ -2172,7 +2172,7 @@ const $i = ({
     additionalProps: {
       title: o.fieldClearLabel
     }
-  }), m = ne(f, Qi), p = (i == null ? void 0 : i.clearIcon) ?? ss, g = pe({
+  }), m = ne(f, Qi), p = (i == null ? void 0 : i.clearIcon) ?? ss, y = pe({
     elementType: p,
     externalSlotProps: l == null ? void 0 : l.clearIcon,
     ownerState: {}
@@ -2189,7 +2189,7 @@ const $i = ({
             onClick: r,
             children: /* @__PURE__ */ u(p, b({
               fontSize: "small"
-            }, g))
+            }, y))
           }))
         }), a == null ? void 0 : a.endAdornment]
       })
@@ -2405,15 +2405,15 @@ const fr = /* @__PURE__ */ C.forwardRef(function(o, n) {
       return p("getSectionContent").querySelector(`.${gt.section}[data-sectionindex="${D}"] .${gt.sectionContent}`);
     },
     getSectionIndexFromDOMElement(D) {
-      const y = p("getSectionIndexFromDOMElement");
-      if (D == null || !y.contains(D))
+      const g = p("getSectionIndexFromDOMElement");
+      if (D == null || !g.contains(D))
         return null;
       let T = null;
       return D.classList.contains(gt.section) ? T = D : D.classList.contains(gt.sectionContent) && (T = D.parentElement), T == null ? null : Number(T.dataset.sectionindex);
     }
   }));
-  const g = (a == null ? void 0 : a.root) ?? lr, h = pe({
-    elementType: g,
+  const y = (a == null ? void 0 : a.root) ?? lr, h = pe({
+    elementType: y,
     externalSlotProps: s == null ? void 0 : s.root,
     externalForwardedProps: c,
     additionalProps: {
@@ -2423,18 +2423,18 @@ const fr = /* @__PURE__ */ C.forwardRef(function(o, n) {
     className: d.root,
     ownerState: {}
   });
-  return /* @__PURE__ */ u(g, b({}, h, {
+  return /* @__PURE__ */ u(y, b({}, h, {
     children: h.contentEditable ? i.map(({
       content: D,
-      before: y,
+      before: g,
       after: T
-    }) => `${y.children}${D.children}${T.children}`).join("") : /* @__PURE__ */ u(C.Fragment, {
-      children: i.map((D, y) => /* @__PURE__ */ u(pr, {
+    }) => `${g.children}${D.children}${T.children}`).join("") : /* @__PURE__ */ u(C.Fragment, {
+      children: i.map((D, g) => /* @__PURE__ */ u(pr, {
         slots: a,
         slotProps: s,
         element: D,
         classes: d
-      }, y))
+      }, g))
     })
   }));
 });
@@ -2635,10 +2635,10 @@ const ll = ["elements", "areAllSectionsEmpty", "defaultValue", "label", "value",
     startAdornment: f,
     renderSuffix: m,
     slots: p,
-    slotProps: g,
+    slotProps: y,
     contentEditable: h,
     tabIndex: D,
-    onInput: y,
+    onInput: g,
     onPaste: T,
     onKeyDown: v,
     name: P,
@@ -2666,7 +2666,7 @@ const ll = ["elements", "areAllSectionsEmpty", "defaultValue", "label", "value",
     isRtl: E
   }), L = ml(I), ee = (p == null ? void 0 : p.root) || to, Q = pe({
     elementType: ee,
-    externalSlotProps: g == null ? void 0 : g.root,
+    externalSlotProps: y == null ? void 0 : y.root,
     externalForwardedProps: w,
     additionalProps: {
       "aria-invalid": j.error,
@@ -2684,7 +2684,7 @@ const ll = ["elements", "areAllSectionsEmpty", "defaultValue", "label", "value",
       className: L.sectionsContainer,
       onFocus: F,
       onBlur: j.onBlur,
-      onInput: y,
+      onInput: g,
       onPaste: T,
       onKeyDown: v,
       slots: {
@@ -3602,10 +3602,10 @@ const Vl = ["onFocus", "onBlur", "className", "color", "disabled", "error", "var
     required: m = !1,
     // Props used by PickersInput
     InputProps: p,
-    inputProps: g,
+    inputProps: y,
     inputRef: h,
     sectionListRef: D,
-    elements: y,
+    elements: g,
     areAllSectionsEmpty: T,
     onClick: v,
     onKeyDown: P,
@@ -3656,7 +3656,7 @@ const Vl = ["onFocus", "onBlur", "className", "color", "disabled", "error", "var
     }, se, {
       children: ae
     })), /* @__PURE__ */ u(V, b({
-      elements: y,
+      elements: g,
       areAllSectionsEmpty: T,
       onClick: v,
       onKeyDown: P,
@@ -3671,7 +3671,7 @@ const Vl = ["onFocus", "onBlur", "className", "color", "disabled", "error", "var
       onChange: j,
       id: de,
       fullWidth: F,
-      inputProps: g,
+      inputProps: y,
       inputRef: h,
       sectionListRef: D,
       label: ae,
@@ -3805,8 +3805,8 @@ const $l = ["enableAccessibleFieldDOMStructure"], Bl = ["InputProps", "readOnly"
     const {
       InputProps: m,
       readOnly: p
-    } = n, g = ne(n, Bl);
-    return b({}, g, {
+    } = n, y = ne(n, Bl);
+    return b({}, y, {
       InputProps: b({}, m ?? {}, {
         readOnly: p
       })
@@ -3851,7 +3851,7 @@ const $l = ["enableAccessibleFieldDOMStructure"], Bl = ["InputProps", "readOnly"
     ownerState: d
   });
   m.inputProps = b({}, l, m.inputProps), m.InputProps = b({}, i, m.InputProps);
-  const p = ol(m), g = jo(p), h = Vo(b({}, g, {
+  const p = ol(m), y = jo(p), h = Vo(b({}, y, {
     slots: a,
     slotProps: s
   }));
@@ -4155,7 +4155,7 @@ const ql = (t) => {
     }
   });
   m.inputProps = b({}, l, m.inputProps), m.InputProps = b({}, i, m.InputProps);
-  const p = ql(m), g = jo(p), h = Vo(b({}, g, {
+  const p = ql(m), y = jo(p), h = Vo(b({}, y, {
     slots: a,
     slotProps: s
   }));
@@ -4458,7 +4458,7 @@ const _l = (t) => {
     }
   });
   m.inputProps = b({}, l, m.inputProps), m.InputProps = b({}, i, m.InputProps);
-  const p = _l(m), g = jo(p), h = Vo(b({}, g, {
+  const p = _l(m), y = jo(p), h = Vo(b({}, y, {
     slots: a,
     slotProps: s
   }));
@@ -4844,7 +4844,7 @@ const mr = ({
     reduceAnimations: d,
     shouldDisableDate: f,
     timezone: m
-  } = t, p = ue(), g = C.useRef(zl(!!d, s, p)).current, h = C.useMemo(
+  } = t, p = ue(), y = C.useRef(zl(!!d, s, p)).current, h = C.useMemo(
     () => xe.getInitialReferenceValue({
       value: o,
       utils: p,
@@ -4856,20 +4856,20 @@ const mr = ({
     // We want the `referenceDate` to update on prop and `timezone` change (https://github.com/mui/mui-x/issues/10804)
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n, m]
-  ), [D, y] = C.useReducer(g, {
+  ), [D, g] = C.useReducer(y, {
     isMonthSwitchingAnimating: !1,
     focusedDay: h,
     currentMonth: p.startOfMonth(h),
     slideDirection: "left"
   });
   C.useEffect(() => {
-    y({
+    g({
       type: "changeMonthTimezone",
       newTimezone: p.getTimezone(h)
     });
   }, [h, p]);
   const T = C.useCallback((k) => {
-    y(b({
+    g(b({
       type: "changeMonth"
     }, k)), c && c(k.newMonth);
   }, [c]), v = C.useCallback((k) => {
@@ -4886,11 +4886,11 @@ const mr = ({
     disablePast: a,
     timezone: m
   }), x = C.useCallback(() => {
-    y({
+    g({
       type: "finishMonthSwitchingAnimation"
     });
   }, []), S = Z((k, M) => {
-    P(k) || y({
+    P(k) || g({
       type: "changeFocusedDay",
       focusedDay: k,
       withoutMonthSwitchingAnimation: M
@@ -5181,10 +5181,10 @@ function mc(t) {
     disableHighlightToday: f,
     isMonthSwitchingAnimating: m,
     showDaysOutsideCurrentMonth: p,
-    slots: g,
+    slots: y,
     slotProps: h,
     timezone: D
-  } = o, y = ue(), T = zt(D), v = r !== null && y.isSameDay(n, r), P = a.some((E) => y.isSameDay(E, n)), x = y.isSameDay(n, T), S = (g == null ? void 0 : g.day) ?? rr, k = pe({
+  } = o, g = ue(), T = zt(D), v = r !== null && g.isSameDay(n, r), P = a.some((E) => g.isSameDay(E, n)), x = g.isSameDay(n, T), S = (y == null ? void 0 : y.day) ?? rr, k = pe({
     elementType: S,
     externalSlotProps: h == null ? void 0 : h.day,
     additionalProps: b({
@@ -5193,19 +5193,19 @@ function mc(t) {
       role: "gridcell",
       isAnimating: m,
       // it is used in date range dragging logic by accessing `dataset.timestamp`
-      "data-timestamp": y.toJsDate(n).valueOf()
+      "data-timestamp": g.toJsDate(n).valueOf()
     }, c),
     ownerState: b({}, o, {
       day: n,
       selected: P
     })
-  }), M = ne(k, nc), w = C.useMemo(() => d || s(n), [d, s, n]), q = C.useMemo(() => y.getMonth(n) !== i, [y, n, i]), N = C.useMemo(() => {
-    const E = y.startOfMonth(y.setMonth(n, i));
-    return p ? y.isSameDay(n, y.startOfWeek(E)) : y.isSameDay(n, E);
-  }, [i, n, p, y]), O = C.useMemo(() => {
-    const E = y.endOfMonth(y.setMonth(n, i));
-    return p ? y.isSameDay(n, y.endOfWeek(E)) : y.isSameDay(n, E);
-  }, [i, n, p, y]);
+  }), M = ne(k, nc), w = C.useMemo(() => d || s(n), [d, s, n]), q = C.useMemo(() => g.getMonth(n) !== i, [g, n, i]), N = C.useMemo(() => {
+    const E = g.startOfMonth(g.setMonth(n, i));
+    return p ? g.isSameDay(n, g.startOfWeek(E)) : g.isSameDay(n, E);
+  }, [i, n, p, g]), O = C.useMemo(() => {
+    const E = g.endOfMonth(g.setMonth(n, i));
+    return p ? g.isSameDay(n, g.endOfWeek(E)) : g.isSameDay(n, E);
+  }, [i, n, p, g]);
   return /* @__PURE__ */ u(S, b({}, M, {
     day: n,
     disabled: w,
@@ -5235,12 +5235,12 @@ function bc(t) {
     onMonthSwitchingAnimationEnd: f,
     readOnly: m,
     reduceAnimations: p,
-    renderLoading: g = () => /* @__PURE__ */ u("span", {
+    renderLoading: y = () => /* @__PURE__ */ u("span", {
       children: "..."
     }),
     slideDirection: h,
     TransitionProps: D,
-    disablePast: y,
+    disablePast: g,
     disableFuture: T,
     minDate: v,
     maxDate: P,
@@ -5261,7 +5261,7 @@ function bc(t) {
     shouldDisableYear: k,
     minDate: v,
     maxDate: P,
-    disablePast: y,
+    disablePast: g,
     disableFuture: T,
     timezone: F
   }), ae = ke(), [se, re] = Ht({
@@ -5327,12 +5327,12 @@ function bc(t) {
       date: ce,
       minDate: B,
       maxDate: oe,
-      disablePast: y,
+      disablePast: g,
       disableFuture: T,
       isDateDisabled: Q,
       timezone: F
     }) : ce;
-  }, [s, T, y, ce, Q, n, F]), K = C.useMemo(() => {
+  }, [s, T, g, ce, Q, n, F]), K = C.useMemo(() => {
     const B = n.getWeekArray(s);
     let oe = n.addMonths(s, 1);
     for (; E && B.length < E; ) {
@@ -5365,7 +5365,7 @@ function bc(t) {
       }, oe.toString()))]
     }), c ? /* @__PURE__ */ u(uc, {
       className: L.loadingContainer,
-      children: g()
+      children: y()
     }) : /* @__PURE__ */ u(dc, b({
       transKey: z,
       onExited: f,
@@ -5492,17 +5492,17 @@ const It = he("MuiPickersMonth", ["root", "monthButton", "disabled", "selected"]
     onClick: f,
     onKeyDown: m,
     onFocus: p,
-    onBlur: g,
+    onBlur: y,
     "aria-current": h,
     "aria-label": D,
-    slots: y,
+    slots: g,
     slotProps: T
   } = n, v = ne(n, gc), P = C.useRef(null), x = yc(n);
   Ue(() => {
     var M;
     r && ((M = P.current) == null || M.focus());
   }, [r]);
-  const S = (y == null ? void 0 : y.monthButton) ?? Cc, k = pe({
+  const S = (g == null ? void 0 : g.monthButton) ?? Cc, k = pe({
     elementType: S,
     externalSlotProps: T == null ? void 0 : T.monthButton,
     additionalProps: {
@@ -5518,7 +5518,7 @@ const It = he("MuiPickersMonth", ["root", "monthButton", "disabled", "selected"]
       onClick: (M) => f(M, c),
       onKeyDown: (M) => m(M, c),
       onFocus: (M) => p(M, c),
-      onBlur: (M) => g(M, c)
+      onBlur: (M) => y(M, c)
     },
     ownerState: n,
     className: x.monthButton
@@ -5578,10 +5578,10 @@ const Sc = _("div", {
     disablePast: f,
     maxDate: m,
     minDate: p,
-    onChange: g,
+    onChange: y,
     shouldDisableMonth: h,
     readOnly: D,
-    autoFocus: y = !1,
+    autoFocus: g = !1,
     onMonthFocus: T,
     hasFocus: v,
     onFocusedViewChange: P,
@@ -5600,7 +5600,7 @@ const Sc = _("div", {
     value: s,
     defaultValue: i,
     referenceDate: l,
-    onChange: g,
+    onChange: y,
     valueManager: xe
   }), j = zt(E), F = _e(), I = ue(), L = C.useMemo(
     () => xe.getInitialReferenceValue({
@@ -5617,7 +5617,7 @@ const Sc = _("div", {
     name: "MonthCalendar",
     state: "hasFocus",
     controlled: v,
-    default: y ?? !1
+    default: g ?? !1
   }), $ = Z((z) => {
     de(z), P && P(z);
   }), X = C.useCallback((z) => {
@@ -5873,10 +5873,10 @@ const Vt = he("MuiPickersYear", ["root", "yearButton", "selected", "disabled"]),
     onClick: f,
     onKeyDown: m,
     onFocus: p,
-    onBlur: g,
+    onBlur: y,
     "aria-current": h,
     slots: D,
-    slotProps: y
+    slotProps: g
   } = n, T = ne(n, Rc), v = C.useRef(null), P = Mc(n);
   Ue(() => {
     var k;
@@ -5884,7 +5884,7 @@ const Vt = he("MuiPickersYear", ["root", "yearButton", "selected", "disabled"]),
   }, [r]);
   const x = (D == null ? void 0 : D.yearButton) ?? Fc, S = pe({
     elementType: x,
-    externalSlotProps: y == null ? void 0 : y.yearButton,
+    externalSlotProps: g == null ? void 0 : g.yearButton,
     additionalProps: {
       children: s,
       disabled: i,
@@ -5897,7 +5897,7 @@ const Vt = he("MuiPickersYear", ["root", "yearButton", "selected", "disabled"]),
       onClick: (k) => f(k, c),
       onKeyDown: (k) => m(k, c),
       onFocus: (k) => p(k, c),
-      onBlur: (k) => g(k, c)
+      onBlur: (k) => y(k, c)
     },
     ownerState: n,
     className: P.yearButton
@@ -5962,10 +5962,10 @@ const $c = _("div", {
     disableFuture: f,
     disablePast: m,
     maxDate: p,
-    minDate: g,
+    minDate: y,
     onChange: h,
     readOnly: D,
-    shouldDisableYear: y,
+    shouldDisableYear: g,
     onYearFocus: T,
     hasFocus: v,
     onFocusedViewChange: P,
@@ -6006,13 +6006,13 @@ const $c = _("div", {
   }), X = Z((Y) => {
     $(Y), P && P(Y);
   }), H = C.useCallback((Y) => {
-    if (m && L.isBeforeYear(Y, F) || f && L.isAfterYear(Y, F) || g && L.isBeforeYear(Y, g) || p && L.isAfterYear(Y, p))
+    if (m && L.isBeforeYear(Y, F) || f && L.isAfterYear(Y, F) || y && L.isBeforeYear(Y, y) || p && L.isAfterYear(Y, p))
       return !0;
-    if (!y)
+    if (!g)
       return !1;
     const ie = L.startOfYear(Y);
-    return y(ie);
-  }, [f, m, p, g, F, y, L]), A = Z((Y, ie) => {
+    return g(ie);
+  }, [f, m, p, y, F, g, L]), A = Z((Y, ie) => {
     if (D)
       return;
     const be = L.setYear(O ?? ee, ie);
@@ -6052,7 +6052,7 @@ const $c = _("div", {
     const ie = Y.offsetHeight, be = Y.offsetTop, Ye = K.current.clientHeight, et = K.current.scrollTop, ro = be + ie;
     ie > Ye || be < et || (K.current.scrollTop = ro - Ye / 2 - ie / 2);
   }, [a]);
-  const oe = L.getYearRange([g, p]);
+  const oe = L.getYearRange([y, p]);
   return x === "desc" && oe.reverse(), /* @__PURE__ */ u($c, b({
     ref: B,
     className: Ce(ae.root, s),
@@ -6274,10 +6274,10 @@ const Bc = (t) => ge("MuiPickersCalendarHeader", t), jc = he("MuiPickersCalendar
     disableFuture: f,
     disablePast: m,
     maxDate: p,
-    minDate: g,
+    minDate: y,
     onMonthChange: h,
     onViewChange: D,
-    view: y,
+    view: g,
     reduceAnimations: T,
     views: v,
     labelId: P,
@@ -6289,7 +6289,7 @@ const Bc = (t) => ge("MuiPickersCalendarHeader", t), jc = he("MuiPickersCalendar
     externalSlotProps: l == null ? void 0 : l.switchViewButton,
     additionalProps: {
       size: "small",
-      "aria-label": r.calendarViewSwitchingButtonAriaLabel(y)
+      "aria-label": r.calendarViewSwitchingButtonAriaLabel(g)
     },
     ownerState: w,
     className: q.switchViewButton
@@ -6304,14 +6304,14 @@ const Bc = (t) => ge("MuiPickersCalendarHeader", t), jc = he("MuiPickersCalendar
     timezone: S
   }), Q = fs(c, {
     disablePast: m,
-    minDate: g,
+    minDate: y,
     timezone: S
   }), ae = () => {
     if (!(v.length === 1 || !D || d))
       if (v.length === 2)
-        D(v.find((re) => re !== y) || v[0]);
+        D(v.find((re) => re !== g) || v[0]);
       else {
-        const re = v.indexOf(y) !== 0 ? 0 : 1;
+        const re = v.indexOf(g) !== 0 ? 0 : 1;
         D(v[re]);
       }
   };
@@ -6341,7 +6341,7 @@ const Bc = (t) => ge("MuiPickersCalendarHeader", t), jc = he("MuiPickersCalendar
         children: /* @__PURE__ */ u(E, b({}, F))
       }))]
     }), /* @__PURE__ */ u(Yt, {
-      in: y === "day",
+      in: g === "day",
       children: /* @__PURE__ */ u(ms, {
         slots: i,
         slotProps: l,
@@ -6455,10 +6455,10 @@ const eu = _(bs, {
     referenceDate: f,
     disableFuture: m,
     disablePast: p,
-    onChange: g,
+    onChange: y,
     onYearChange: h,
     onMonthChange: D,
-    reduceAnimations: y,
+    reduceAnimations: g,
     shouldDisableDate: T,
     shouldDisableMonth: v,
     shouldDisableYear: P,
@@ -6495,7 +6495,7 @@ const eu = _(bs, {
     value: c,
     defaultValue: d,
     referenceDate: f,
-    onChange: g,
+    onChange: y,
     valueManager: xe
   }), {
     view: te,
@@ -6524,7 +6524,7 @@ const eu = _(bs, {
   } = Ul({
     value: A,
     referenceDate: f,
-    reduceAnimations: y,
+    reduceAnimations: g,
     onMonthChange: D,
     minDate: N,
     maxDate: O,
@@ -6549,7 +6549,7 @@ const eu = _(bs, {
       disabled: w,
       disablePast: p,
       disableFuture: m,
-      reduceAnimations: y,
+      reduceAnimations: g,
       timezone: J,
       labelId: Zo
     },
@@ -6609,7 +6609,7 @@ const eu = _(bs, {
       slots: Q,
       slotProps: ae
     })), /* @__PURE__ */ u(tu, {
-      reduceAnimations: y,
+      reduceAnimations: g,
       className: Jo.viewTransitionContainer,
       transKey: te,
       ownerState: so,
@@ -6635,7 +6635,7 @@ const eu = _(bs, {
         })), te === "day" && /* @__PURE__ */ u(bc, b({}, Y, io, lo, {
           onMonthSwitchingAnimationEnd: ro,
           onFocusedDayChange: ie,
-          reduceAnimations: y,
+          reduceAnimations: g,
           selectedDays: aa,
           onSelectedDaysChange: ra,
           shouldDisableDate: T,
@@ -7015,26 +7015,26 @@ const lu = ["value", "isLandscape", "onChange", "toolbarFormat", "toolbarPlaceho
     toolbarPlaceholder: l = "––",
     views: c,
     className: d
-  } = r, f = ne(r, lu), m = ue(), p = ke(), g = cu(r), h = C.useMemo(() => {
+  } = r, f = ne(r, lu), m = ue(), p = ke(), y = cu(r), h = C.useMemo(() => {
     if (!a)
       return l;
-    const y = kt(m, {
+    const g = kt(m, {
       format: i,
       views: c
     }, !0);
-    return m.formatByString(a, y);
+    return m.formatByString(a, g);
   }, [a, i, l, m, c]), D = r;
   return /* @__PURE__ */ u(uu, b({
     ref: n,
     toolbarTitle: p.datePickerToolbarTitle,
     isLandscape: s,
-    className: Ce(g.root, d)
+    className: Ce(y.root, d)
   }, f, {
     children: /* @__PURE__ */ u(du, {
       variant: "h4",
       align: s ? "left" : "center",
       ownerState: D,
-      className: g.title,
+      className: y.title,
       children: h
     })
   }));
@@ -7228,13 +7228,13 @@ const Du = /* @__PURE__ */ C.forwardRef((t, o) => {
     ownerState: m
   });
   return /* @__PURE__ */ u(n, b({}, f, p, {
-    onClick: (g) => {
+    onClick: (y) => {
       var h;
-      c(g), (h = p.onClick) == null || h.call(p, g);
+      c(y), (h = p.onClick) == null || h.call(p, y);
     },
-    onTouchStart: (g) => {
+    onTouchStart: (y) => {
       var h;
-      d(g), (h = p.onTouchStart) == null || h.call(p, g);
+      d(y), (h = p.onTouchStart) == null || h.call(p, y);
     },
     ownerState: m,
     children: s
@@ -7256,7 +7256,7 @@ function Cu(t) {
     placement: f,
     slots: m,
     slotProps: p,
-    reduceAnimations: g
+    reduceAnimations: y
   } = o;
   C.useEffect(() => {
     function I(L) {
@@ -7272,7 +7272,7 @@ function Cu(t) {
       h.current instanceof HTMLElement && h.current.focus();
     }));
   }, [c, d, s]);
-  const [D, y, T] = yu(c, i ?? l), v = C.useRef(null), P = Le(v, a), x = Le(P, D), S = o, k = mu(S), M = Cr(), w = g ?? M, q = (I) => {
+  const [D, g, T] = yu(c, i ?? l), v = C.useRef(null), P = Le(v, a), x = Le(P, D), S = o, k = mu(S), M = Cr(), w = y ?? M, q = (I) => {
     I.key === "Escape" && (I.stopPropagation(), l());
   }, N = (m == null ? void 0 : m.desktopTransition) ?? w ? Yt : Rs, O = (m == null ? void 0 : m.desktopTrapFocus) ?? Fs, E = (m == null ? void 0 : m.desktopPaper) ?? hu, j = (m == null ? void 0 : m.popper) ?? bu, F = pe({
     elementType: j,
@@ -7305,7 +7305,7 @@ function Cu(t) {
           ownerState: S,
           popperPlacement: L,
           ref: x,
-          onPaperClick: y,
+          onPaperClick: g,
           onPaperTouchStart: T,
           paperClasses: k.paper,
           paperSlotProps: p == null ? void 0 : p.desktopPaper,
@@ -7384,16 +7384,16 @@ const wu = ({
   } = t, {
     current: p
   } = C.useRef(c), {
-    current: g
+    current: y
   } = C.useRef(l !== void 0), [h, D] = C.useState(f);
   process.env.NODE_ENV !== "production" && (C.useEffect(() => {
-    g !== (l !== void 0) && console.error([`MUI X: A component is changing the ${g ? "" : "un"}controlled value of a picker to be ${g ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", "Decide between using a controlled or uncontrolled valuefor the lifetime of the component.", "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+    y !== (l !== void 0) && console.error([`MUI X: A component is changing the ${y ? "" : "un"}controlled value of a picker to be ${y ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", "Decide between using a controlled or uncontrolled valuefor the lifetime of the component.", "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
 `));
   }, [l]), C.useEffect(() => {
-    !g && p !== c && console.error(["MUI X: A component is changing the defaultValue of an uncontrolled picker after being initialized. To suppress this warning opt to use a controlled value."].join(`
+    !y && p !== c && console.error(["MUI X: A component is changing the defaultValue of an uncontrolled picker after being initialized. To suppress this warning opt to use a controlled value."].join(`
 `));
   }, [JSON.stringify(p)]));
-  const y = ue(), T = _t(), {
+  const g = ue(), T = _t(), {
     isOpen: v,
     setIsOpen: P
   } = wu(t), {
@@ -7416,9 +7416,9 @@ const wu = ({
       lastControlledValue: l,
       hasBeenModifiedSinceMount: !1
     };
-  }), q = o.getTimezone(y, M.draft);
+  }), q = o.getTimezone(g, M.draft);
   h !== f && (D(f), f && q && f !== q && w((V) => b({}, V, {
-    draft: o.setTimezone(y, f, V.draft)
+    draft: o.setTimezone(g, f, V.draft)
   })));
   const {
     getValidationErrorForNewValue: N
@@ -7432,8 +7432,8 @@ const wu = ({
     const J = {
       action: V,
       dateState: M,
-      hasChanged: (B) => !o.areValuesEqual(y, V.value, B),
-      isControlled: g,
+      hasChanged: (B) => !o.areValuesEqual(g, V.value, B),
+      isControlled: y,
       closeOnSelect: d
     }, te = Tu(J), z = xu(J), R = Pu(J);
     w((B) => b({}, B, {
@@ -7449,7 +7449,7 @@ const wu = ({
     te && k(V.value, K()), z && s && s(V.value, K()), R && P(!1);
   });
   if (M.lastControlledValue !== l) {
-    const V = o.areValuesEqual(y, M.draft, S);
+    const V = o.areValuesEqual(g, M.draft, S);
     w((J) => b({}, J, {
       lastControlledValue: l
     }, V ? {} : {
@@ -7485,7 +7485,7 @@ const wu = ({
     });
   }), L = Z(() => {
     O({
-      value: o.getTodayValue(y, x, n),
+      value: o.getTodayValue(g, x, n),
       name: "setValueFromAction",
       pickerAction: "today"
     });
@@ -7517,7 +7517,7 @@ const wu = ({
   }, ye = {
     value: M.draft,
     onChange: re
-  }, de = C.useMemo(() => o.cleanValue(y, M.draft), [y, o, M.draft]), $ = {
+  }, de = C.useMemo(() => o.cleanValue(g, M.draft), [g, o, M.draft]), $ = {
     value: de,
     onChange: ae,
     onClose: Q,
@@ -7565,10 +7565,10 @@ const wu = ({
     views: f,
     openTo: m,
     onViewChange: p,
-    viewRenderers: g,
+    viewRenderers: y,
     timezone: h
   } = t, D = ne(t, ku), {
-    view: y,
+    view: g,
     setView: T,
     defaultView: v,
     focusedView: P,
@@ -7586,21 +7586,21 @@ const wu = ({
     viewModeLookup: M
   } = C.useMemo(() => f.reduce((F, I) => {
     let L;
-    return g[I] != null ? L = "UI" : L = "field", F.viewModeLookup[I] = L, L === "UI" && (F.hasUIView = !0), F;
+    return y[I] != null ? L = "UI" : L = "field", F.viewModeLookup[I] = L, L === "UI" && (F.hasUIView = !0), F;
   }, {
     hasUIView: !1,
     viewModeLookup: {}
-  }), [g, f]), w = C.useMemo(() => f.reduce((F, I) => g[I] != null && Hn(I) ? F + 1 : F, 0), [g, f]), q = M[y], N = Z(() => q === "UI"), [O, E] = C.useState(q === "UI" ? y : null);
-  return O !== y && M[y] === "UI" && E(y), Ue(() => {
+  }), [y, f]), w = C.useMemo(() => f.reduce((F, I) => y[I] != null && Hn(I) ? F + 1 : F, 0), [y, f]), q = M[g], N = Z(() => q === "UI"), [O, E] = C.useState(q === "UI" ? g : null);
+  return O !== g && M[g] === "UI" && E(g), Ue(() => {
     q === "field" && l && (c(), setTimeout(() => {
       var F, I;
-      (F = s == null ? void 0 : s.current) == null || F.setSelectedSections(y), (I = s == null ? void 0 : s.current) == null || I.focusField(y);
+      (F = s == null ? void 0 : s.current) == null || F.setSelectedSections(g), (I = s == null ? void 0 : s.current) == null || I.focusField(g);
     }));
-  }, [y]), Ue(() => {
+  }, [g]), Ue(() => {
     if (!l)
       return;
-    let F = y;
-    q === "field" && O != null && (F = O), F !== v && M[F] === "UI" && M[v] === "UI" && (F = v), F !== y && T(F), x(F, !0);
+    let F = g;
+    q === "field" && O != null && (F = O), F !== v && M[F] === "UI" && M[v] === "UI" && (F = v), F !== g && T(F), x(F, !0);
   }, [l]), {
     hasUIView: k,
     shouldRestoreFocus: N,
@@ -7612,7 +7612,7 @@ const wu = ({
     renderCurrentView: () => {
       if (O == null)
         return null;
-      const F = g[O];
+      const F = y[O];
       if (F == null)
         return null;
       const I = b({}, D, n, o, {
@@ -7626,7 +7626,7 @@ const wu = ({
         showViewSwitcher: w > 1,
         timeViewsCount: w
       });
-      return a ? a(g, O, I) : F(I);
+      return a ? a(y, O, I) : F(I);
     }
   };
 };
@@ -7912,10 +7912,10 @@ const Lu = (t) => {
     onChange: f,
     onSelectShortcut: m,
     isValid: p,
-    isLandscape: g,
+    isLandscape: y,
     disabled: h,
     readOnly: D,
-    children: y,
+    children: g,
     slots: T,
     slotProps: v
     // TODO: Remove this "as" hack. It get introduced to mark `value` prop in PickersLayoutProps as not required.
@@ -7940,7 +7940,7 @@ const Lu = (t) => {
     elementType: M,
     externalSlotProps: v == null ? void 0 : v.toolbar,
     additionalProps: {
-      isLandscape: g,
+      isLandscape: y,
       onChange: f,
       value: d,
       view: i,
@@ -7953,7 +7953,7 @@ const Lu = (t) => {
     ownerState: b({}, t, {
       wrapperVariant: o
     })
-  }), q = Eu(w) && M ? /* @__PURE__ */ u(M, b({}, w)) : null, N = y, O = T == null ? void 0 : T.tabs, E = i && O ? /* @__PURE__ */ u(O, b({
+  }), q = Eu(w) && M ? /* @__PURE__ */ u(M, b({}, w)) : null, N = g, O = T == null ? void 0 : T.tabs, E = i && O ? /* @__PURE__ */ u(O, b({
     view: i,
     onViewChange: c,
     className: P.tabs
@@ -7962,13 +7962,13 @@ const Lu = (t) => {
     externalSlotProps: v == null ? void 0 : v.shortcuts,
     additionalProps: {
       isValid: p,
-      isLandscape: g,
+      isLandscape: y,
       onChange: m
     },
     className: P.shortcuts,
     ownerState: {
       isValid: p,
-      isLandscape: g,
+      isLandscape: y,
       onChange: m,
       wrapperVariant: o
     }
@@ -8074,14 +8074,14 @@ const Lu = (t) => {
     className: f,
     isLandscape: m,
     wrapperVariant: p
-  } = r, g = $u(r);
+  } = r, y = $u(r);
   return /* @__PURE__ */ U(Or, {
     ref: n,
     sx: d,
-    className: Ce(g.root, f),
+    className: Ce(y.root, f),
     ownerState: r,
     children: [m ? c : a, m ? a : c, /* @__PURE__ */ u(Fr, {
-      className: g.contentWrapper,
+      className: y.contentWrapper,
       children: p === "desktop" ? /* @__PURE__ */ U(C.Fragment, {
         children: [s, i]
       }) : /* @__PURE__ */ U(C.Fragment, {
@@ -8158,10 +8158,10 @@ const Bu = ["props", "getOpenDialogAriaText"], ju = ["ownerState"], Nu = ["owner
     enableAccessibleFieldDOMStructure: f,
     selectedSections: m,
     onSelectedSectionsChange: p,
-    timezone: g,
+    timezone: y,
     name: h,
     label: D,
-    inputRef: y,
+    inputRef: g,
     readOnly: T,
     disabled: v,
     autoFocus: P,
@@ -8219,13 +8219,13 @@ const Bu = ["props", "getOpenDialogAriaText"], ju = ["ownerState"], Nu = ["owner
       enableAccessibleFieldDOMStructure: f,
       selectedSections: m,
       onSelectedSectionsChange: p,
-      timezone: g,
+      timezone: y,
       label: D,
       name: h,
       autoFocus: P && !o.open,
       focused: N ? !0 : void 0
-    }, y ? {
-      inputRef: y
+    }, g ? {
+      inputRef: g
     } : {}),
     ownerState: o
   });
@@ -8293,10 +8293,10 @@ const Bu = ["props", "getOpenDialogAriaText"], ju = ["ownerState"], Nu = ["owner
   classes: f,
   disableFuture: m,
   disablePast: p,
-  minDate: g,
+  minDate: y,
   maxDate: h,
   shouldDisableDate: D,
-  shouldDisableMonth: y,
+  shouldDisableMonth: g,
   shouldDisableYear: T,
   reduceAnimations: v,
   onMonthChange: P,
@@ -8332,10 +8332,10 @@ const Bu = ["props", "getOpenDialogAriaText"], ju = ["ownerState"], Nu = ["owner
   classes: f,
   disableFuture: m,
   disablePast: p,
-  minDate: g,
+  minDate: y,
   maxDate: h,
   shouldDisableDate: D,
-  shouldDisableMonth: y,
+  shouldDisableMonth: g,
   shouldDisableYear: T,
   reduceAnimations: v,
   onMonthChange: P,
@@ -8760,10 +8760,10 @@ const Hu = ["props", "getOpenDialogAriaText"], Uo = (t) => {
     enableAccessibleFieldDOMStructure: f,
     selectedSections: m,
     onSelectedSectionsChange: p,
-    timezone: g,
+    timezone: y,
     name: h,
     label: D,
-    inputRef: y,
+    inputRef: g,
     readOnly: T,
     disabled: v,
     localeText: P
@@ -8798,11 +8798,11 @@ const Hu = ["props", "getOpenDialogAriaText"], Uo = (t) => {
       enableAccessibleFieldDOMStructure: f,
       selectedSections: m,
       onSelectedSectionsChange: p,
-      timezone: g,
+      timezone: y,
       label: D,
       name: h
-    }, y ? {
-      inputRef: y
+    }, g ? {
+      inputRef: g
     } : {}),
     ownerState: o
   });
@@ -9710,11 +9710,11 @@ function Er(t) {
     disabled: f,
     readOnly: m,
     className: p
-  } = o, g = ne(o, ed), h = ue(), D = ke(), y = _e(), T = !!(n && !r && d.includes("hours")), {
+  } = o, y = ne(o, ed), h = ue(), D = ke(), g = _e(), T = !!(n && !r && d.includes("hours")), {
     meridiemMode: v,
     handleMeridiemChange: P
   } = Un(a, n, i), x = (w) => n ? h.format(w, "hours12h") : h.format(w, "hours24h"), S = b({}, o, {
-    isRtl: y
+    isRtl: g
   }), k = td(S), M = /* @__PURE__ */ u(nd, {
     tabIndex: -1,
     value: ":",
@@ -9728,7 +9728,7 @@ function Er(t) {
     isLandscape: s,
     ownerState: S,
     className: Ce(k.root, p)
-  }, g, {
+  }, y, {
     children: [/* @__PURE__ */ U(rd, {
       className: k.hourMinuteLabel,
       ownerState: S,
@@ -9939,7 +9939,7 @@ const jr = /* @__PURE__ */ C.forwardRef(function(o, n) {
       }, (P = s.slotProps) == null ? void 0 : P.actionBar)
     })
   }), {
-    renderPicker: y
+    renderPicker: g
   } = zo({
     props: D,
     valueManager: xe,
@@ -9952,7 +9952,7 @@ const jr = /* @__PURE__ */ C.forwardRef(function(o, n) {
     }),
     validator: Ot
   });
-  return y();
+  return g();
 });
 jr.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -10235,8 +10235,8 @@ const Nr = /* @__PURE__ */ C.forwardRef(function(o, n) {
     }, s.slots),
     slotProps: b({}, s.slotProps, {
       field: (p) => {
-        var g;
-        return b({}, Ze((g = s.slotProps) == null ? void 0 : g.field, p), mt(s), {
+        var y;
+        return b({}, Ze((y = s.slotProps) == null ? void 0 : y.field, p), mt(s), {
           ref: n
         });
       },
@@ -10830,7 +10830,7 @@ const dd = (t) => lt(t) ? "date" : "time", pd = (t) => t === "date" ? "day" : "h
     hidden: l = typeof window > "u" || window.innerHeight < 667,
     className: c,
     sx: d
-  } = n, f = ke(), m = fd(n), p = (g, h) => {
+  } = n, f = ke(), m = fd(n), p = (y, h) => {
     a(pd(h));
   };
   return l ? null : /* @__PURE__ */ U(md, {
@@ -11083,10 +11083,10 @@ function _r(t) {
     toolbarPlaceholder: f = "––",
     views: m,
     disabled: p,
-    readOnly: g,
+    readOnly: y,
     toolbarVariant: h = "mobile",
     toolbarTitle: D,
-    className: y
+    className: g
   } = o, T = ne(o, hd), v = _e(), P = b({}, o, {
     isRtl: v
   }), x = ue(), {
@@ -11095,7 +11095,7 @@ function _r(t) {
   } = Un(a, n, s), M = !!(n && !r), w = h === "desktop", q = ke(), N = gd(P), O = D ?? q.dateTimePickerToolbarTitle, E = (F) => n ? x.format(F, "hours12h") : x.format(F, "hours24h"), j = C.useMemo(() => a ? d ? x.formatByString(a, d) : x.format(a, "shortDate") : f, [a, d, f, x]);
   return /* @__PURE__ */ U(yd, b({
     isLandscape: l,
-    className: Ce(N.root, y),
+    className: Ce(N.root, g),
     toolbarTitle: O
   }, T, {
     ownerState: P,
@@ -11163,14 +11163,14 @@ function _r(t) {
           selected: S === "am",
           typographyClassName: N.ampmLabel,
           value: Tt(x, "am"),
-          onClick: g ? void 0 : () => k("am"),
+          onClick: y ? void 0 : () => k("am"),
           disabled: p
         }), /* @__PURE__ */ u(Me, {
           variant: "subtitle2",
           selected: S === "pm",
           typographyClassName: N.ampmLabel,
           value: Tt(x, "pm"),
-          onClick: g ? void 0 : () => k("pm"),
+          onClick: y ? void 0 : () => k("pm"),
           disabled: p
         })]
       }), n && w && /* @__PURE__ */ u(Me, {
@@ -11292,7 +11292,7 @@ const zr = /* @__PURE__ */ C.forwardRef(function(o, n) {
     className: f,
     isLandscape: m,
     classes: p
-  } = o, g = l && (((D = l.props.actions) == null ? void 0 : D.length) ?? 0) > 0, h = b({}, o, {
+  } = o, y = l && (((D = l.props.actions) == null ? void 0 : D.length) ?? 0) > 0, h = b({}, o, {
     isRtl: r
   });
   return /* @__PURE__ */ U(Or, {
@@ -11313,7 +11313,7 @@ const zr = /* @__PURE__ */ C.forwardRef(function(o, n) {
       sx: {
         display: "grid"
       },
-      children: [i, s, g && /* @__PURE__ */ u(Xn, {
+      children: [i, s, y && /* @__PURE__ */ u(Xn, {
         sx: {
           gridRow: 3,
           gridColumn: "1 / 4"
@@ -11431,7 +11431,7 @@ const Td = ["openTo", "focusedView", "timeViewsCount"], xd = function(o, n, r) {
     minutes: f,
     seconds: f,
     meridiem: f
-  }, s.viewRenderers), p = s.ampmInClock ?? !0, h = ((v = m.hours) == null ? void 0 : v.name) === Lt.name ? c : c.filter((k) => k !== "meridiem"), D = i ? [] : ["accept"], y = b({}, s, {
+  }, s.viewRenderers), p = s.ampmInClock ?? !0, h = ((v = m.hours) == null ? void 0 : v.name) === Lt.name ? c : c.filter((k) => k !== "meridiem"), D = i ? [] : ["accept"], g = b({}, s, {
     viewRenderers: m,
     format: $r(a, s),
     views: h,
@@ -11470,14 +11470,14 @@ const Td = ["openTo", "focusedView", "timeViewsCount"], xd = function(o, n, r) {
   }), {
     renderPicker: T
   } = zo({
-    props: y,
+    props: g,
     valueManager: xe,
     valueType: "date-time",
     getOpenDialogAriaText: dt({
       utils: a,
       formatKey: "fullDate",
       contextTranslation: r.openDatePickerDialogue,
-      propsTranslation: (S = y.localeText) == null ? void 0 : S.openDatePickerDialogue
+      propsTranslation: (S = g.localeText) == null ? void 0 : S.openDatePickerDialogue
     }),
     validator: eo,
     rendererInterceptor: xd
@@ -11884,9 +11884,9 @@ const Yr = /* @__PURE__ */ C.forwardRef(function(o, n) {
       field: Wo
     }, s.slots),
     slotProps: b({}, s.slotProps, {
-      field: (g) => {
+      field: (y) => {
         var h;
-        return b({}, Ze((h = s.slotProps) == null ? void 0 : h.field, g), mt(s), {
+        return b({}, Ze((h = s.slotProps) == null ? void 0 : h.field, y), mt(s), {
           ref: n
         });
       },
@@ -12702,22 +12702,30 @@ function Rd({
   loadingPosition: i,
   ...l
 }, c) {
-  const d = /* @__PURE__ */ u(Do, { size: 18, color: "inherit" }), f = s ?? /* @__PURE__ */ U(fe, { sx: { position: "relative" }, children: [
-    /* @__PURE__ */ u(Sd, { children: d }),
-    /* @__PURE__ */ u(kd, { children: t })
-  ] }), m = () => o && i === void 0 ? f : t, p = (g) => {
+  const d = /* @__PURE__ */ u(Do, { size: 18, color: "inherit" }), f = () => {
+    if (o) {
+      if (s)
+        return s;
+      if (i === void 0)
+        return /* @__PURE__ */ U(fe, { sx: { position: "relative" }, children: [
+          /* @__PURE__ */ u(Sd, { children: d }),
+          /* @__PURE__ */ u(kd, { children: t })
+        ] });
+    }
+    return t;
+  }, m = (p) => {
     if (!(o && i === void 0))
-      return o && i ? i === g ? d : void 0 : g === "start" ? r : a;
+      return o && i ? i === p ? d : void 0 : p === "start" ? r : a;
   };
   return /* @__PURE__ */ u(
     Rn,
     {
       disabled: o || n,
-      startIcon: p("start"),
-      endIcon: p("end"),
+      startIcon: m("start"),
+      endIcon: m("end"),
       ...l,
       ref: c,
-      children: /* @__PURE__ */ u(Re, { variant: "inherit", color: "inherit", noWrap: !0, component: "span", children: m() })
+      children: /* @__PURE__ */ u(Re, { variant: "inherit", color: "inherit", noWrap: !0, component: "span", children: f() })
     }
   );
 }
@@ -12827,10 +12835,10 @@ function Ld({
   name: f,
   error: m,
   focused: p,
-  disabled: g,
+  disabled: y,
   fullWidth: h,
   required: D,
-  "aria-label": y,
+  "aria-label": g,
   ...T
 }, v) {
   const P = n === "small", [x] = Ae(() => Vd("select-label-")), S = l ? i ?? x : void 0;
@@ -12840,7 +12848,7 @@ function Ld({
       size: n,
       error: m,
       focused: p,
-      disabled: g,
+      disabled: y,
       fullWidth: h,
       required: D,
       children: [
@@ -12860,7 +12868,7 @@ function Ld({
             displayEmpty: r ?? !!o,
             inputProps: {
               ...s,
-              "aria-label": y
+              "aria-label": g
             },
             MenuProps: {
               ...a,
@@ -13010,7 +13018,7 @@ function qd({
   variant: a = "icon",
   color: s = "default",
   sx: i,
-  className: l,
+  className: l = "",
   loading: c,
   disabled: d,
   active: f,
@@ -13019,7 +13027,7 @@ function qd({
   return /* @__PURE__ */ u(Xe, { placement: o, title: t ?? "", children: /* @__PURE__ */ u(
     jd,
     {
-      className: `optionIconButton ${l ?? ""}`,
+      className: `optionIconButton ${l}`,
       sx: i,
       "data-testid": "icon-button",
       children: /* @__PURE__ */ u(
@@ -13100,7 +13108,7 @@ function zd({
     handleChange: (f) => {
       const {
         target: { value: m }
-      } = f, p = typeof m == "string" ? m.split(",") : m.filter((g) => g !== void 0);
+      } = f, p = typeof m == "string" ? m.split(",") : m.filter((y) => y !== void 0);
       a(p), n(p);
     },
     selectAll: () => {
@@ -13199,10 +13207,10 @@ function Xd({
 }, m) {
   const {
     areAllSelected: p,
-    areAnySelected: g,
+    areAnySelected: y,
     currentOptions: h,
     handleChange: D,
-    selectAll: y,
+    selectAll: g,
     unselectAll: T
   } = zd({
     options: t,
@@ -13219,7 +13227,7 @@ function Xd({
       ml: P,
       children: S.formatMessage({ id: "c4r.form.allSelected" })
     }
-  ) : g ? /* @__PURE__ */ u(
+  ) : y ? /* @__PURE__ */ u(
     Re,
     {
       component: "span",
@@ -13239,7 +13247,7 @@ function Xd({
     }
   ), [
     p,
-    g,
+    y,
     k,
     h,
     S,
@@ -13261,7 +13269,7 @@ function Xd({
       onChange: D,
       size: n,
       variant: d,
-      endAdornment: s && g && /* @__PURE__ */ u(Gd, { position: "end", size: n, children: /* @__PURE__ */ u(We, { onClick: T, size: n, children: /* @__PURE__ */ u(En, {}) }) }),
+      endAdornment: s && y && /* @__PURE__ */ u(Gd, { position: "end", size: n, children: /* @__PURE__ */ u(We, { onClick: T, size: n, children: /* @__PURE__ */ u(En, {}) }) }),
       menuProps: {
         PaperProps: {
           sx: {
@@ -13276,8 +13284,8 @@ function Xd({
           Yd,
           {
             areAllSelected: p,
-            areAnySelected: g,
-            selectAll: y,
+            areAnySelected: y,
+            selectAll: g,
             selectAllDisabled: l
           }
         ),
@@ -13390,7 +13398,7 @@ function tp({
   InputProps: f,
   size: m = "small",
   hasFiles: p,
-  cursor: g = "pointer",
+  cursor: y = "pointer",
   ...h
 }) {
   return /* @__PURE__ */ u(
@@ -13401,7 +13409,7 @@ function tp({
       error: s,
       placeholder: i,
       focused: l ?? a,
-      cursor: g,
+      cursor: y,
       InputProps: {
         ...f,
         name: t,
@@ -13446,7 +13454,7 @@ function op({
     (x = a.current) == null || x.click();
   }, p = (x) => {
     x.preventDefault(), f(!0);
-  }, g = (x) => {
+  }, y = (x) => {
     x.preventDefault(), f(!1);
   }, h = (x) => {
     x.preventDefault(), f(!1);
@@ -13460,7 +13468,7 @@ function op({
         S.push(M);
       }
     return S;
-  }, y = (x) => {
+  }, g = (x) => {
     const S = Array.from(x.target.files);
     t == null || t(S);
   }, T = (x) => {
@@ -13482,11 +13490,11 @@ function op({
     dragOver: d,
     inputEvents: {
       onDragOver: p,
-      onDragLeave: g,
+      onDragLeave: y,
       onDrop: h,
       onClick: m
     },
-    handleFiles: y,
+    handleFiles: g,
     handleReset: T
   };
 }
@@ -13505,15 +13513,15 @@ function Hf({
   nativeInputProps: f,
   ...m
 }) {
-  const p = n ?? np, g = yo(null), {
+  const p = n ?? np, y = yo(null), {
     filesText: h,
     getPlaceholder: D,
-    dragOver: y,
+    dragOver: g,
     inputEvents: T,
     handleFiles: v,
     handleReset: P
   } = op({
-    uploadInputRef: g,
+    uploadInputRef: y,
     files: r,
     onChange: s,
     multiple: i,
@@ -13527,9 +13535,9 @@ function Hf({
         placeholder: D,
         value: h,
         error: c,
-        focused: d ?? y,
+        focused: d ?? g,
         handleReset: P,
-        dragOver: y,
+        dragOver: g,
         inProgress: a,
         hasFiles: !!h,
         InputProps: T,
@@ -13540,7 +13548,7 @@ function Hf({
       "input",
       {
         ...f,
-        ref: g,
+        ref: y,
         style: { display: "none" },
         type: "file",
         "aria-label": t,
@@ -13609,11 +13617,11 @@ function lp({
     {
       ...c,
       ref: d,
-      filterOptions: t ? (D, y) => {
+      filterOptions: t ? (D, g) => {
         const T = ap(
           D,
-          y
-        ), { inputValue: v } = y, P = D.some(
+          g
+        ), { inputValue: v } = g, P = D.some(
           (x) => v === l(x)
         );
         return v.length > 1 && v !== "" && !P && T.push({
@@ -13622,7 +13630,7 @@ function lp({
         }), T;
       } : i,
       getOptionLabel: t ? (D) => typeof D == "string" ? D : D.inputValue ? D.inputValue : l(D) : l,
-      renderOption: t ? (D, y) => {
+      renderOption: t ? (D, g) => {
         const {
           inputValue: T,
           title: v,
@@ -13638,7 +13646,7 @@ function lp({
           iconColor: E,
           startAdornment: j,
           endAdornment: F
-        } = y;
+        } = g;
         return /* @__PURE__ */ u(sa, { children: S ? /* @__PURE__ */ u(Pt, {}) : /* @__PURE__ */ U(Rt, { children: [
           T && /* @__PURE__ */ u(Pt, {}),
           /* @__PURE__ */ U(
@@ -14078,7 +14086,7 @@ function vn({
   error: f,
   showCalendar: m = !0,
   readOnly: p,
-  ...g
+  ...y
 }) {
   const h = Be(), D = $e(h);
   return (
@@ -14086,7 +14094,7 @@ function vn({
     /* @__PURE__ */ u(fe, { className: "CartoDatePicker-root", "data-testid": "date-picker", children: /* @__PURE__ */ u(Qo, { size: n, variant: o, readOnly: p, children: /* @__PURE__ */ u(
       Ar,
       {
-        ...g,
+        ...y,
         label: r && /* @__PURE__ */ u(
           Ko,
           {
@@ -14115,11 +14123,11 @@ function vn({
           ...c
         },
         slots: {
-          clearButton: (y) => /* @__PURE__ */ u(Go, { ...y, size: n, variant: o }),
-          openPickerButton: (y) => /* @__PURE__ */ u(
+          clearButton: (g) => /* @__PURE__ */ u(Go, { ...g, size: n, variant: o }),
+          openPickerButton: (g) => /* @__PURE__ */ u(
             We,
             {
-              ...y,
+              ...g,
               size: n,
               "aria-label": D.formatMessage({
                 id: "c4r.form.chooseDate"
@@ -14337,8 +14345,8 @@ function Qf({
   endProps: a,
   ...s
 }) {
-  const i = Be(), l = $e(i), [c, d] = Ae(!1), [f, m] = Ae(!1), [p, g] = Ae(null), [h, D] = Ae(null), [y, T] = Ae(/* @__PURE__ */ new Date()), v = o ?? (r == null ? void 0 : r.error) ?? (a == null ? void 0 : a.error), P = (w, q) => {
-    g(w), r != null && r.onChange && r.onChange(w, q), w && q.validationError === null && !f && q.trigger === null && (m(!1), d(!0));
+  const i = Be(), l = $e(i), [c, d] = Ae(!1), [f, m] = Ae(!1), [p, y] = Ae(null), [h, D] = Ae(null), [g, T] = Ae(/* @__PURE__ */ new Date()), v = o ?? (r == null ? void 0 : r.error) ?? (a == null ? void 0 : a.error), P = (w, q) => {
+    y(w), r != null && r.onChange && r.onChange(w, q), w && q.validationError === null && !f && q.trigger === null && (m(!1), d(!0));
   }, x = (w, q) => {
     D(w), a != null && a.onChange && a.onChange(w, q);
   }, S = () => {
@@ -14381,7 +14389,7 @@ function Qf({
                 ...w,
                 startDate: p,
                 endDate: h,
-                selectedMonth: y
+                selectedMonth: g
               }
             ),
             ...r == null ? void 0 : r.slots
@@ -14417,7 +14425,7 @@ function Qf({
                 ...w,
                 startDate: p,
                 endDate: h,
-                selectedMonth: y
+                selectedMonth: g
               }
             ),
             ...a == null ? void 0 : a.slots
@@ -14456,10 +14464,10 @@ function Zf({
   readOnly: f,
   slotProps: m,
   slots: p,
-  ampm: g = !0,
+  ampm: y = !0,
   views: h = ["hours", "minutes"],
   format: D,
-  ...y
+  ...g
 }) {
   const T = Be(), v = $e(T), P = yo(null), [x, S] = Ae(0);
   return $t(() => {
@@ -14482,7 +14490,7 @@ function Zf({
       children: /* @__PURE__ */ u(
         qr,
         {
-          ...y,
+          ...g,
           ref: P,
           label: /* @__PURE__ */ u(
             Ko,
@@ -14493,7 +14501,7 @@ function Zf({
             }
           ),
           views: ["hours"],
-          format: Qr(h, !1, g, D),
+          format: Qr(h, !1, y, D),
           slotProps: {
             textField: {
               variant: o,
@@ -14536,7 +14544,7 @@ function Zf({
           },
           disableOpenPicker: !d,
           readOnly: f,
-          ampm: g
+          ampm: y
         }
       )
     }
@@ -14556,10 +14564,10 @@ function Xf({
   readOnly: f,
   slotProps: m,
   slots: p,
-  ampm: g = !0,
+  ampm: y = !0,
   views: h = ["hours", "minutes"],
   format: D,
-  ...y
+  ...g
 }) {
   const T = Be(), v = $e(T);
   return /* @__PURE__ */ u(
@@ -14572,7 +14580,7 @@ function Xf({
       children: /* @__PURE__ */ u(
         Kr,
         {
-          ...y,
+          ...g,
           label: /* @__PURE__ */ u(
             Ko,
             {
@@ -14582,7 +14590,7 @@ function Xf({
             }
           ),
           views: ["year", "month", "day", "hours"],
-          format: Qr(h, !0, g, D),
+          format: Qr(h, !0, y, D),
           slotProps: {
             textField: {
               variant: o,
@@ -14617,7 +14625,7 @@ function Xf({
           },
           disableOpenPicker: !d,
           readOnly: f,
-          ampm: g
+          ampm: y
         }
       )
     }
@@ -14954,8 +14962,8 @@ function Wp({
 }) {
   const i = Bt(), [l, c] = Ae(null), d = en(
     (m) => {
-      const p = m.scrollHeight - m.scrollTop === m.clientHeight, g = m.scrollTop === 0, h = `1px solid ${i.palette.divider}`;
-      m.style.borderTop = g ? "none" : h, m.style.borderBottom = p && !n ? "none" : h;
+      const p = m.scrollHeight - m.scrollTop === m.clientHeight, y = m.scrollTop === 0, h = `1px solid ${i.palette.divider}`;
+      m.style.borderTop = y ? "none" : h, m.style.borderBottom = p && !n ? "none" : h;
     },
     [i.palette.divider, n]
   ), f = en(