@carto/meridian-ds 1.4.2-alpha-forwarding-props.2 → 1.4.2-multiple-selectall.1

package/dist/components/index.js

@@ -5,10 +5,10 @@ import { T as S, c as G, u as R, N as ot, A as le } from "../TablePaginationActi
 import { a as Vo } from "../TablePaginationActions-EDxBCxpG.js";
 import { useIntl as F } from "react-intl";
 import { VisibilityOffOutlined as ce, VisibilityOutlined as se, Cancel as yt, AddCircleOutlineOutlined as de, CloseOutlined as Mt, MenuOutlined as ue, HelpOutline as J, TodayOutlined as pe, Check as ge } from "@mui/icons-material";
-import { A as Ct } from "../Alert-1b84B18a.js";
+import { A as Ct } from "../Alert-CZgNmICd.js";
 import "cartocolor";
 import { M as vt } from "../MenuItem-Cd34y6F3.js";
-import { A as X } from "../ArrowDown-B1AG0MlL.js";
+import { A as X } from "../ArrowDown-CMhYkZ2p.js";
 import { DatePicker as fe } from "@mui/x-date-pickers/DatePicker";
 import { PickersDay as me } from "@mui/x-date-pickers";
 import { TimePicker as he } from "@mui/x-date-pickers/TimePicker";
@@ -35,13 +35,13 @@ function Ce({
   endIcon: a,
   loadingPosition: r,
   ...l
-}, c) {
-  const s = /* @__PURE__ */ i(P, { size: 18, color: "inherit" }), p = e && r === void 0, h = () => p ? /* @__PURE__ */ y(v, { sx: { position: "relative" }, children: [
-    /* @__PURE__ */ i(ye, { children: s }),
+}, s) {
+  const c = /* @__PURE__ */ i(P, { size: 18, color: "inherit" }), p = e && r === void 0, h = () => p ? /* @__PURE__ */ y(v, { sx: { position: "relative" }, children: [
+    /* @__PURE__ */ i(ye, { children: c }),
     /* @__PURE__ */ i(Me, { children: t })
   ] }) : t, d = (m) => {
     if (!p)
-      return e && r !== void 0 ? r === m ? s : void 0 : m === "start" ? o : a;
+      return e && r !== void 0 ? r === m ? c : void 0 : m === "start" ? o : a;
   };
   return /* @__PURE__ */ i(
     gt,
@@ -51,7 +51,7 @@ function Ce({
       endIcon: d("end"),
       ...l,
       role: l.href ? "link" : "button",
-      ref: c,
+      ref: s,
       children: /* @__PURE__ */ i(S, { variant: "inherit", color: "inherit", noWrap: !0, component: "span", children: h() })
     }
   );
@@ -100,7 +100,7 @@ function K({
   ] });
 }
 function Ae({ InputProps: t, size: e = "small", ...n }, o) {
-  const a = F(), r = R(a), [l, c] = $(!1);
+  const a = F(), r = R(a), [l, s] = $(!1);
   return /* @__PURE__ */ i(
     ft,
     {
@@ -110,7 +110,7 @@ function Ae({ InputProps: t, size: e = "small", ...n }, o) {
       size: e,
       InputProps: {
         ...t,
-        endAdornment: /* @__PURE__ */ i(q, { position: "end", children: /* @__PURE__ */ i(W, { size: e, onClick: () => c(!l), children: /* @__PURE__ */ i(
+        endAdornment: /* @__PURE__ */ i(q, { position: "end", children: /* @__PURE__ */ i(W, { size: e, onClick: () => s(!l), children: /* @__PURE__ */ i(
           H,
           {
             title: r.formatMessage({
@@ -156,8 +156,8 @@ function Se({
   menuProps: a,
   inputProps: r,
   labelId: l,
-  label: c,
-  labelSecondary: s,
+  label: s,
+  labelSecondary: c,
   helperText: p,
   name: h,
   error: d,
@@ -168,7 +168,7 @@ function Se({
   "aria-label": b,
   ...I
 }, k) {
-  const D = n === "small", [x] = $(() => Ie("select-label-")), C = c ? l ?? x : void 0;
+  const D = n === "small", [x] = $(() => Ie("select-label-")), C = s ? l ?? x : void 0;
   return /* @__PURE__ */ y(
     Et,
     {
@@ -178,10 +178,12 @@ function Se({
       disabled: u,
       fullWidth: f,
       required: M,
+      "data-name": "select-field",
+      "data-size": n,
       children: [
         /* @__PURE__ */ y(v, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [
-          c && /* @__PURE__ */ i(Ht, { shrink: !0, id: C, children: c }),
-          s && /* @__PURE__ */ i(v, { display: "flex", alignItems: "center", ml: 2, mb: 0.5, children: s })
+          s && /* @__PURE__ */ i(Ht, { shrink: !0, id: C, children: s }),
+          c && /* @__PURE__ */ i(v, { display: "flex", alignItems: "center", ml: 2, mb: 0.5, children: c })
         ] }),
         /* @__PURE__ */ y(
           we,
@@ -345,8 +347,8 @@ function Oe({
   variant: a = "icon",
   color: r = "default",
   sx: l,
-  className: c,
-  loading: s,
+  className: s,
+  loading: c,
   disabled: p,
   active: h,
   ...d
@@ -354,7 +356,7 @@ function Oe({
   return /* @__PURE__ */ i(H, { placement: e, title: t ?? "", children: /* @__PURE__ */ i(
     Re,
     {
-      className: `optionIconButton ${c ?? ""}`,
+      className: `optionIconButton ${s ?? ""}`,
       sx: l,
       "data-testid": "icon-button",
       children: /* @__PURE__ */ i(
@@ -366,9 +368,9 @@ function Oe({
           variant: a,
           color: r,
           active: h,
-          disabled: p || s,
+          disabled: p || c,
           role: "button",
-          children: s ? /* @__PURE__ */ i(P, { size: 18, color: "inherit" }) : n
+          children: c ? /* @__PURE__ */ i(P, { size: 18, color: "inherit" }) : n
         }
       )
     }
@@ -470,32 +472,43 @@ function je({
   areAnySelected: e,
   selectAll: n,
   selectAllDisabled: o,
-  ...a
-}, r) {
-  const l = F(), c = R(l);
-  return /* @__PURE__ */ i(Pe, { ...a, ref: r, fixed: !0, "data-name": "menu-filter", children: /* @__PURE__ */ y(
-    Ge,
+  "aria-label": a,
+  "data-testid": r
+}, l) {
+  const s = F(), c = R(s);
+  return /* @__PURE__ */ i(
+    Pe,
     {
-      variant: "body2",
-      color: "textPrimary",
-      component: "button",
-      underline: "none",
-      disabled: !!o,
-      onClick: n,
-      tabIndex: 0,
-      children: [
-        /* @__PURE__ */ i(
-          z,
-          {
-            checked: t,
-            indeterminate: e && !t,
-            disabled: o
-          }
-        ),
-        c.formatMessage({ id: "c4r.form.selectAll" })
-      ]
+      ref: l,
+      fixed: !0,
+      "data-name": "menu-filter",
+      "aria-label": a,
+      "data-testid": r,
+      children: /* @__PURE__ */ y(
+        Ge,
+        {
+          variant: "body2",
+          color: "textPrimary",
+          component: "button",
+          underline: "none",
+          disabled: !!o,
+          onClick: n,
+          tabIndex: 0,
+          children: [
+            /* @__PURE__ */ i(
+              z,
+              {
+                checked: t,
+                indeterminate: e && !t,
+                disabled: o
+              }
+            ),
+            c.formatMessage({ id: "c4r.form.selectAll" })
+          ]
+        }
+      )
     }
-  ) });
+  );
 }
 const kt = T(je);
 function Ve({
@@ -561,8 +574,8 @@ function ze({
   showCounter: a,
   showFilters: r = !0,
   onChange: l = qe,
-  selectAllDisabled: c,
-  tooltipPlacement: s,
+  selectAllDisabled: s,
+  tooltipPlacement: c,
   variant: p,
   ...h
 }, d) {
@@ -647,7 +660,7 @@ function ze({
             areAllSelected: m,
             areAnySelected: u,
             selectAll: b,
-            selectAllDisabled: c
+            selectAllDisabled: s
           }
         ),
         t == null ? void 0 : t.map((w) => {
@@ -674,7 +687,7 @@ function ze({
             H,
             {
               title: w.tooltip,
-              placement: s,
+              placement: c,
               children: E
             },
             w.value
@@ -720,14 +733,14 @@ function Je({
   disabled: a,
   handleReset: r,
   handleOpen: l,
-  inProgress: c
+  inProgress: s
 }) {
-  return /* @__PURE__ */ i(q, { position: "end", children: c ? /* @__PURE__ */ i(W, { "aria-label": "loading", disabled: !0, size: n, children: /* @__PURE__ */ i(P, { size: 18 }) }) : e ? /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(q, { position: "end", children: s ? /* @__PURE__ */ i(W, { "aria-label": "Loading", disabled: !0, size: n, children: /* @__PURE__ */ i(P, { size: 18 }) }) : e ? /* @__PURE__ */ i(
     W,
     {
       onClick: r,
       size: n,
-      "aria-label": "delete",
+      "aria-label": "Delete",
       disabled: a,
       children: /* @__PURE__ */ i(yt, {})
     }
@@ -753,8 +766,8 @@ function Xe({
   dragOver: a,
   error: r,
   placeholder: l,
-  focused: c,
-  buttonText: s = "Browse",
+  focused: s,
+  buttonText: c = "Browse",
   inProgress: p,
   InputProps: h,
   size: d = "small",
@@ -769,7 +782,7 @@ function Xe({
       size: d,
       error: r,
       placeholder: l,
-      focused: c ?? a,
+      focused: s ?? a,
       cursor: u,
       InputProps: {
         ...h,
@@ -780,7 +793,7 @@ function Xe({
         endAdornment: /* @__PURE__ */ i(
           Je,
           {
-            buttonText: s,
+            buttonText: c,
             hasFiles: m,
             size: d,
             error: r,
@@ -801,9 +814,9 @@ function Ke({
   placeholder: o,
   uploadInputRef: a
 }) {
-  const r = F(), l = R(r), [c, s] = $(""), [p, h] = $(!1);
+  const r = F(), l = R(r), [s, c] = $(""), [p, h] = $(!1);
   _(() => {
-    !e || e.length === 0 ? s("") : e.length === 1 ? s(e[0].name) : s(
+    !e || e.length === 0 ? c("") : e.length === 1 ? c(e[0].name) : c(
       l.formatMessage(
         { id: "c4r.form.filesSelected" },
         { count: e.length }
@@ -833,7 +846,7 @@ function Ke({
     const C = Array.from(x.target.files);
     t == null || t(C);
   }, I = (x) => {
-    x.stopPropagation(), s("");
+    x.stopPropagation(), c("");
   }, k = pt(() => {
     const x = l.formatMessage(
       { id: "c4r.form.dragPlaceholder" },
@@ -846,7 +859,7 @@ function Ke({
     return p ? B = C : B = o ?? x, B;
   }, [p, n, o, l]);
   return {
-    filesText: c,
+    filesText: s,
     getPlaceholder: k,
     dragOver: p,
     inputEvents: {
@@ -868,8 +881,8 @@ function ko({
   inProgress: a,
   onChange: r,
   multiple: l,
-  placeholder: c,
-  error: s,
+  placeholder: s,
+  error: c,
   focused: p,
   nativeInputProps: h,
   ...d
@@ -886,7 +899,7 @@ function ko({
     files: o,
     onChange: r,
     multiple: l,
-    placeholder: c
+    placeholder: s
   });
   return /* @__PURE__ */ y(V, { children: [
     /* @__PURE__ */ i(
@@ -895,7 +908,7 @@ function ko({
         ...d,
         placeholder: M,
         value: f,
-        error: s,
+        error: c,
         focused: p ?? b,
         handleReset: D,
         dragOver: b,
@@ -946,8 +959,8 @@ function wt() {
   return { renderOption: (e, n, o, a, r) => {
     const {
       title: l,
-      inputValue: c,
-      divider: s,
+      inputValue: s,
+      divider: c,
       fixed: p,
       extended: h,
       dense: d,
@@ -961,8 +974,8 @@ function wt() {
       secondaryText: D,
       multiple: x
     } = n, { key: C, ...B } = e, O = typeof n == "string" || typeof n == "number", w = (E, A, L, et) => L || et || (A && typeof A == "object" && "value" in A ? String(A.value) : E(A));
-    return /* @__PURE__ */ i(Ot, { children: s ? /* @__PURE__ */ i(j, {}) : /* @__PURE__ */ y(V, { children: [
-      c && /* @__PURE__ */ i(j, {}),
+    return /* @__PURE__ */ i(Ot, { children: c ? /* @__PURE__ */ i(j, {}) : /* @__PURE__ */ y(V, { children: [
+      s && /* @__PURE__ */ i(j, {}),
       /* @__PURE__ */ y(
         vt,
         {
@@ -1013,7 +1026,7 @@ function en({
   newItemIcon: n,
   multiple: o
 }) {
-  const a = F(), r = R(a), l = Nt(), { renderOption: c } = wt();
+  const a = F(), r = R(a), l = Nt(), { renderOption: s } = wt();
   return {
     creatableFilterOptions: (d, m) => {
       const u = l(
@@ -1034,7 +1047,7 @@ function en({
     creatableOptionLabel: (d) => typeof d == "string" ? d : d.inputValue ? d.inputValue : t(d),
     creatableRenderOption: (d, m, u) => {
       const f = m.inputValue ? n ?? /* @__PURE__ */ i(de, {}) : void 0, M = At(m, !!o);
-      return c(
+      return s(
         d,
         M,
         u,
@@ -1057,13 +1070,13 @@ function Bt({
     const m = Array.isArray(e) ? e : e ? [e] : [];
     r(m);
   }, [e]);
-  const c = a.length === t.length, s = a.length > 0 && a.length < t.length;
+  const s = a.length === t.length, c = a.length > 0 && a.length < t.length;
   return {
     multipleValue: a,
-    allSelected: c,
-    someSelected: s,
+    allSelected: s,
+    someSelected: c,
     handleSelectAll: (m) => {
-      const u = c ? [] : [...t];
+      const u = s ? [] : [...t];
       r(u), n == null || n(
         m,
         u,
@@ -1093,11 +1106,11 @@ function nn({
   },
   multiple: r,
   ...l
-}, c) {
+}, s) {
   return /* @__PURE__ */ y(
     "ul",
     {
-      ref: c,
+      ref: s,
       ...l,
       role: "listbox",
       "aria-multiselectable": r,
@@ -1124,8 +1137,8 @@ function on({
   disableCloseOnSelect: a,
   disabled: r,
   loading: l,
-  showFilters: c,
-  options: s = [],
+  showFilters: s,
+  options: c = [],
   value: p,
   onChange: h,
   getLimitTagsText: d,
@@ -1138,7 +1151,7 @@ function on({
     handleSelectAll: D,
     handleChange: x
   } = Bt({
-    options: s,
+    options: c,
     value: p,
     onChange: h
   }), {
@@ -1156,7 +1169,7 @@ function on({
     {
       ...M,
       ref: u,
-      options: s,
+      options: c,
       value: o ? b : p,
       onChange: x,
       filterOptions: C,
@@ -1168,7 +1181,7 @@ function on({
       disableCloseOnSelect: a ?? o,
       ListboxComponent: St,
       ListboxProps: {
-        showFilters: c,
+        showFilters: s,
         allSelected: I,
         someSelected: k,
         handleSelectAll: D,
@@ -1190,8 +1203,8 @@ function an({
   showFilters: a,
   options: r,
   value: l,
-  onChange: c,
-  getOptionLabel: s,
+  onChange: s,
+  getOptionLabel: c,
   getLimitTagsText: p,
   ...h
 }, d) {
@@ -1205,8 +1218,8 @@ function an({
   } = Bt({
     options: r,
     value: l,
-    onChange: c,
-    getOptionLabel: s
+    onChange: s,
+    getOptionLabel: c
   });
   return /* @__PURE__ */ i(
     Z,
@@ -1216,7 +1229,7 @@ function an({
       options: r,
       value: m,
       onChange: b,
-      getOptionLabel: s,
+      getOptionLabel: c,
       renderOption: t ?? I,
       ListboxComponent: St,
       ListboxProps: {
@@ -1401,9 +1414,9 @@ function So({
   title: a,
   action: r,
   open: l,
-  onClose: c = () => {
+  onClose: s = () => {
   },
-  autoWidth: s,
+  autoWidth: c,
   icon: p,
   ...h
 }) {
@@ -1414,16 +1427,16 @@ function So({
       ...h,
       open: l,
       autoHideDuration: e === null ? null : e || ot,
-      onClose: c,
-      TransitionComponent: s ? Xt : xt,
-      "data-auto-width": s,
+      onClose: s,
+      TransitionComponent: c ? Xt : xt,
+      "data-auto-width": c,
       children: /* @__PURE__ */ y(
         sn,
         {
           sx: {
             position: "relative"
           },
-          autoWidth: s,
+          autoWidth: c,
           children: [
             /* @__PURE__ */ i(
               dn,
@@ -1442,7 +1455,7 @@ function So({
               Le,
               {
                 color: "default",
-                onClick: (I) => c(I, "timeout"),
+                onClick: (I) => s(I, "timeout"),
                 icon: /* @__PURE__ */ i(Mt, {}),
                 tooltip: m.formatMessage({
                   id: "c4r.button.close"
@@ -1668,8 +1681,8 @@ function at({
   labelHelpTooltip: a,
   type: r,
   helperText: l,
-  placeholder: c,
-  slotProps: s,
+  placeholder: s,
+  slotProps: c,
   slots: p,
   error: h,
   showCalendar: d = !0,
@@ -1707,7 +1720,7 @@ function at({
               textField: {
                 variant: e,
                 helperText: l,
-                placeholder: c,
+                placeholder: s,
                 size: n,
                 error: h ?? void 0,
                 // undefined is needed to allow the component to control the error state for the default validation
@@ -1719,7 +1732,7 @@ function at({
                 clearable: !!t,
                 onClear: t
               },
-              ...s
+              ...c
             },
             slots: {
               clearButton: (k) => /* @__PURE__ */ i(Q, { ...k, size: n, variant: e }),
@@ -1866,22 +1879,22 @@ function lt({
   selectedMonth: o,
   ...a
 }) {
-  const r = !!(e && rt(e, t)), l = !!(n && rt(n, t)), c = !!(e && n && t.getTime() >= e.getTime() && t.getTime() <= n.getTime()), s = t.getDate() === 1, p = t.getDate() === new Date(t.getFullYear(), t.getMonth() + 1, 0).getDate(), h = !!(o && t.getMonth() === o.getMonth());
+  const r = !!(e && rt(e, t)), l = !!(n && rt(n, t)), s = !!(e && n && t.getTime() >= e.getTime() && t.getTime() <= n.getTime()), c = t.getDate() === 1, p = t.getDate() === new Date(t.getFullYear(), t.getMonth() + 1, 0).getDate(), h = !!(o && t.getMonth() === o.getMonth());
   return /* @__PURE__ */ i(
     wn,
     {
-      isSelected: c,
+      isSelected: s,
       isStartDate: r,
       isEndDate: l,
       isSelectedMonth: h,
       isLastDay: p,
-      isFirstDay: s,
+      isFirstDay: c,
       children: /* @__PURE__ */ i(
         Bn,
         {
           ...a,
           day: t,
-          selected: c || r || l,
+          selected: s || r || l,
           isDateRangeLimit: r || l,
           "data-name": "pickers-day"
         }
@@ -1947,9 +1960,9 @@ function $o({
   endProps: a,
   "aria-label": r,
   "data-testid": l,
-  ...c
+  ...s
 }) {
-  const s = F(), p = R(s), [h, d] = $(!1), [m, u] = $(!1), [f, M] = $(
+  const c = F(), p = R(c), [h, d] = $(!1), [m, u] = $(!1), [f, M] = $(
     (o == null ? void 0 : o.value) || null
   ), [b, I] = $((a == null ? void 0 : a.value) || null), [k, D] = $(
     (a == null ? void 0 : a.value) ?? (o == null ? void 0 : o.value) ?? /* @__PURE__ */ new Date()
@@ -1982,7 +1995,7 @@ function $o({
           /* @__PURE__ */ i(
             at,
             {
-              ...c,
+              ...s,
               ...o,
               value: (o == null ? void 0 : o.value) ?? f,
               maxDate: b ?? void 0,
@@ -2021,7 +2034,7 @@ function $o({
           /* @__PURE__ */ i(
             at,
             {
-              ...c,
+              ...s,
               ...a,
               value: (a == null ? void 0 : a.value) ?? b,
               minDate: f ?? void 0,
@@ -2062,10 +2075,10 @@ function $o({
   ] });
 }
 const $t = (t, e, n, o) => {
-  const a = t == null ? void 0 : t.includes("hours"), r = t == null ? void 0 : t.includes("seconds"), l = t == null ? void 0 : t.includes("minutes"), c = (t == null ? void 0 : t.length) === 1 && t[0] === "hours";
+  const a = t == null ? void 0 : t.includes("hours"), r = t == null ? void 0 : t.includes("seconds"), l = t == null ? void 0 : t.includes("minutes"), s = (t == null ? void 0 : t.length) === 1 && t[0] === "hours";
   if (o) return o;
-  const s = [];
-  return e && s.push("MM/dd/yyyy "), a && s.push(n ? "hh" : "HH"), c || s.push(":"), l && s.push("mm"), r && s.push(":ss"), n && s.push(" a"), s.join("");
+  const c = [];
+  return e && c.push("MM/dd/yyyy "), a && c.push(n ? "hh" : "HH"), s || c.push(":"), l && c.push("mm"), r && c.push(":ss"), n && c.push(" a"), c.join("");
 };
 function Ro({
   handleClear: t,
@@ -2075,8 +2088,8 @@ function Ro({
   labelHelpTooltip: a,
   type: r,
   helperText: l,
-  placeholder: c,
-  error: s,
+  placeholder: s,
+  error: c,
   showClock: p = !0,
   readOnly: h,
   slotProps: d,
@@ -2127,9 +2140,9 @@ function Ro({
             textField: {
               variant: e,
               helperText: l,
-              placeholder: c,
+              placeholder: s,
               size: n,
-              error: s ?? void 0,
+              error: c ?? void 0,
               // undefined is needed to allow the component to control the error state for the default validation
               inputProps: {
                 "data-testid": "time-picker-input"
@@ -2179,8 +2192,8 @@ function Fo({
   labelHelpTooltip: a,
   type: r,
   helperText: l,
-  placeholder: c,
-  error: s,
+  placeholder: s,
+  error: c,
   showCalendar: p = !0,
   readOnly: h,
   slotProps: d,
@@ -2220,9 +2233,9 @@ function Fo({
             textField: {
               variant: e,
               helperText: l,
-              placeholder: c,
+              placeholder: s,
               size: n,
-              error: s ?? void 0,
+              error: c ?? void 0,
               // undefined is needed to allow the component to control the error state for the default validation
               inputProps: {
                 "data-testid": "date-time-picker-input"
@@ -2431,8 +2444,8 @@ function Ln({
   fullScreen: a,
   height: r,
   width: l,
-  hasForm: c,
-  "aria-label": s,
+  hasForm: s,
+  "aria-label": c,
   "data-testid": p,
   ...h
 }, d) {
@@ -2443,8 +2456,8 @@ function Ln({
       fullScreen: a,
       height: r,
       width: l,
-      hasForm: c,
-      "aria-label": s,
+      hasForm: s,
+      "aria-label": c,
       "data-testid": p,
       "data-name": "dialog",
       ...h,
@@ -2461,11 +2474,11 @@ function Ln({
         fullScreen: a,
         height: r,
         width: l,
-        hasForm: c
+        hasForm: s
       },
       fullScreen: a,
       role: "section",
-      "aria-label": s,
+      "aria-label": c,
       "data-testid": p,
       "data-size": n,
       "data-width": l,
@@ -2506,12 +2519,12 @@ function Wo({
   onClose: a,
   secondaryActions: r,
   "aria-label": l,
-  closeIcon: c,
-  ...s
+  closeIcon: s,
+  ...c
 }) {
   const p = F(), h = R(p);
   return /* @__PURE__ */ y(V, { children: [
-    /* @__PURE__ */ y(Wn, { component: "div", "data-name": "dialog-header", ...s, children: [
+    /* @__PURE__ */ y(Wn, { component: "div", "data-name": "dialog-header", ...c, children: [
       /* @__PURE__ */ y(En, { children: [
         /* @__PURE__ */ y(ut, { flex: 1, maxWidth: 0.8, children: [
           /* @__PURE__ */ i(
@@ -2534,7 +2547,7 @@ function Wo({
             {
               title: h.formatMessage({ id: "c4r.button.close" }),
               placement: "left",
-              children: /* @__PURE__ */ i(W, { onClick: a, children: c || /* @__PURE__ */ i(Hn, { "data-testid": "CloseIcon" }) })
+              children: /* @__PURE__ */ i(W, { onClick: a, children: s || /* @__PURE__ */ i(Hn, { "data-testid": "CloseIcon" }) })
             }
           )
         ] })
@@ -2583,19 +2596,19 @@ function Gn({
   withBottomGutter: a = !0,
   onScroll: r,
   ...l
-}, c) {
-  const s = N(), [p, h] = $(null);
+}, s) {
+  const c = N(), [p, h] = $(null);
   Lt(
-    c,
+    s,
     () => p,
     [p]
   );
   const d = nt(
     (u) => {
-      const f = Math.abs(u.scrollHeight - u.clientHeight - u.scrollTop) < 1, M = u.scrollTop === 0, b = `1px solid ${s.palette.divider}`;
+      const f = Math.abs(u.scrollHeight - u.clientHeight - u.scrollTop) < 1, M = u.scrollTop === 0, b = `1px solid ${c.palette.divider}`;
       u.style.borderTop = M ? "none" : b, u.style.borderBottom = f && !n ? "none" : b;
     },
-    [s.palette.divider, n]
+    [c.palette.divider, n]
   ), m = nt(
     (u) => {
       d(u.target), r == null || r(u);
@@ -2767,13 +2780,13 @@ function _o({
   opened: a,
   "data-testid": r,
   "aria-label": l,
-  ...c
+  ...s
 }) {
-  const s = Y(null), p = N();
+  const c = Y(null), p = N();
   return /* @__PURE__ */ i(
     zn,
     {
-      ref: s,
+      ref: c,
       "data-testid": r,
       "aria-label": l,
       role: "presentation",
@@ -2785,13 +2798,13 @@ function _o({
         {
           direction: "up",
           in: a,
-          container: s.current,
+          container: c.current,
           mountOnEnter: !0,
           unmountOnExit: !0,
           easing: p.transitions.easing.easeOut,
           timeout: 350,
           children: /* @__PURE__ */ i(Zn, { children: /* @__PURE__ */ y(Jn, { children: [
-            /* @__PURE__ */ i(Rt, { severity: o, ...c, children: t }),
+            /* @__PURE__ */ i(Rt, { severity: o, ...s, children: t }),
             /* @__PURE__ */ i(Ft, { children: n })
           ] }) })
         }
@@ -2874,14 +2887,14 @@ function Po({
   ...n
 }) {
   return /* @__PURE__ */ i(Xn, { ...n, "data-name": "dialog-stepper", children: /* @__PURE__ */ i(v, { sx: { display: "flex" }, children: e.map((o, a) => {
-    const r = a + 1, l = r === t, c = r < t;
+    const r = a + 1, l = r === t, s = r < t;
     return /* @__PURE__ */ y(
       Kn,
       {
-        "data-state": c ? "completed" : l ? "current" : "uncompleted",
+        "data-state": s ? "completed" : l ? "current" : "uncompleted",
         children: [
-          /* @__PURE__ */ i(to, { completed: c, current: l, children: c ? /* @__PURE__ */ i(ge, { fontSize: "small", "aria-label": "Completed step" }) : r }),
-          /* @__PURE__ */ i(S, { variant: "caption", component: "div", color: c ? "success.main" : l ? "textPrimary" : "textSecondary", children: o })
+          /* @__PURE__ */ i(to, { completed: s, current: l, children: s ? /* @__PURE__ */ i(ge, { fontSize: "small", "aria-label": "Completed step" }) : r }),
+          /* @__PURE__ */ i(S, { variant: "caption", component: "div", color: s ? "success.main" : l ? "textPrimary" : "textSecondary", children: o })
         ]
       },
       a