@clearstory/drywall-react 7.2.1 → 8.0.0

package/dist/{Autocomplete-DG51WhfR.js → Autocomplete-D34P06vA.js}

@@ -7,14 +7,14 @@ import "./icons/InternalOnlyIcon.js";
 import "./icons/MoneyBucketIcon.js";
 import "./icons/MoreCircleOutlineIcon.js";
 import "./icons/SparkleIcon.js";
-import { A as Ht, C as zt } from "./Clear-CFMBhrck.js";
+import { A as Ht, C as zt } from "./Clear-Dvmnc6Px.js";
 import { g as kt } from "./generateUtilityClass-BhfUaMgk.js";
 import { P as o } from "./index-B5q5ym9h.js";
 import { c as lt } from "./clsx-OuTLNxxd.js";
-import { A as jt, f as xe, o as Ct, i as st } from "./ArrowDropDown-DQQG1hDJ.js";
-import { i as ce } from "./InputBase-Dab955T6.js";
-import { C as Bt } from "./Close-lJmbkALB.js";
-import { m as ye } from "./memoTheme-CXi6MqCq.js";
+import { A as jt, f as xe, o as Ct, i as st } from "./ArrowDropDown-uZ1AcIgk.js";
+import { i as de } from "./InputBase-95uVeCOm.js";
+import { C as Bt } from "./Close-BTh_3opG.js";
+import { m as ye } from "./memoTheme-BtPmrCmh.js";
 import { g as Ut } from "./generateUtilityClasses-E9gROIFd.js";
 import { u as pt } from "./useSlot-CoTIuujp.js";
 import { u as Wt } from "./DefaultPropsProvider-CE6KNOqW.js";
@@ -23,14 +23,14 @@ import { u as ut } from "./useControlled-D1L5tREc.js";
 import { u as Kt } from "./usePreviousProps-7NDRTUOj.js";
 import { u as Ue } from "./useEventCallback-BAQJJ3ye.js";
 import { s as qt } from "./Portal-DdS5LtfN.js";
-import { s as U } from "./styled-BWUuu_Y7.js";
-import { P as Dt } from "./Paper-BnDCvNy8.js";
-import { P as Rt } from "./Popper-BNAb-qpg.js";
-import { C as _t } from "./Chip-ChFTXi3v.js";
-import { h as Et } from "./createTheme-BFWMvXRe.js";
+import { s as U } from "./styled-DGv3Bxg0.js";
+import { P as Dt } from "./Paper-CYjHHuGi.js";
+import { P as Rt } from "./Popper-D_FgLacq.js";
+import { C as _t } from "./Chip-CVCFF0g4.js";
+import { h as Et } from "./createTheme-PiEw_V9m.js";
 import { c as Jt } from "./composeClasses-2Ou-RZJr.js";
-import { I as Nt } from "./IconButton-D3kPVOmj.js";
-import { L as Xt } from "./ListSubheader-DoqnloIr.js";
+import { I as Nt } from "./IconButton-B1h37ok8.js";
+import { L as Xt } from "./ListSubheader-Cn7zo2WN.js";
 import { c as $t } from "./chainPropTypes-D9lkm76m.js";
 import { i as Yt } from "./integerPropType-BihGt2aU.js";
 function At({
@@ -58,8 +58,8 @@ function Qt(n = {}) {
   }) => {
     let A = N ? W.trim() : W;
     g && (A = A.toLowerCase()), p && (A = Tt(A));
-    const H = A ? R.filter((de) => {
-      let v = (F || O)(de);
+    const H = A ? R.filter((Z) => {
+      let v = (F || O)(Z);
       return g && (v = v.toLowerCase()), p && (v = Tt(v)), S === "start" ? v.startsWith(A) : v.includes(A);
     }) : R;
     return typeof f == "number" ? H.slice(0, f) : H;
@@ -87,22 +87,22 @@ function oo(n) {
     componentName: O = "useAutocomplete",
     defaultValue: A = n.multiple ? to : null,
     disableClearable: H = !1,
-    disableCloseOnSelect: de = !1,
+    disableCloseOnSelect: Z = !1,
     disabled: v,
     disabledItemsFocusable: Le = !1,
     disableListWrap: ke = !1,
     filterOptions: ct = Zt,
     filterSelectedOptions: We = !1,
-    freeSolo: Z = !1,
+    freeSolo: ee = !1,
     getOptionDisabled: G,
     getOptionKey: dt,
     getOptionLabel: Ge = (t) => t.label ?? t,
-    groupBy: ie,
+    groupBy: le,
     handleHomeEndKeys: Ke = !n.freeSolo,
     id: ft,
     includeInputInList: Oe = !1,
     inputValue: De,
-    isOptionEqualToValue: ee = (t, e) => t === e,
+    isOptionEqualToValue: te = (t, e) => t === e,
     multiple: u = !1,
     onChange: qe,
     onClose: _e,
@@ -129,7 +129,7 @@ function oo(n) {
     }
     return e;
   };
-  const Pe = y.useRef(!1), Ce = y.useRef(!0), b = y.useRef(null), V = y.useRef(null), [$e, bt] = y.useState(null), [k, le] = y.useState(-1), Xe = S ? 0 : -1, T = y.useRef(Xe), It = y.useRef(St(A ?? Ne, u, P)).current, [i, Ye] = ut({
+  const Pe = y.useRef(!1), Ce = y.useRef(!0), b = y.useRef(null), V = y.useRef(null), [$e, bt] = y.useState(null), [k, se] = y.useState(-1), Xe = S ? 0 : -1, T = y.useRef(Xe), It = y.useRef(St(A ?? Ne, u, P)).current, [i, Ye] = ut({
     controlled: Ne,
     default: A,
     name: O
@@ -143,13 +143,13 @@ function oo(n) {
       return;
     const l = St(e, u, P, L);
     d !== l && (_(l), M && M(t, l, r));
-  }, [P, d, u, M, _, R, i, L]), [J, se] = ut({
+  }, [P, d, u, M, _, R, i, L]), [J, pe] = ut({
     controlled: gt,
     default: !1,
     name: O,
     state: "open"
   }), [xt, me] = y.useState(!0), Ve = !u && i != null && d === P(i), w = J && !q, m = w ? ct(
-    ht.filter((t) => !(We && (u ? i : [i]).some((e) => e !== null && ee(t, e)))),
+    ht.filter((t) => !(We && (u ? i : [i]).some((e) => e !== null && te(t, e)))),
     // we use the empty string to manipulate `filterOptions` to not filter any options
     // i.e. the filter predicate always returns true
     {
@@ -163,8 +163,8 @@ function oo(n) {
   });
   y.useEffect(() => {
     const t = i !== z.value;
-    fe && !t || Z && !t || ge(null, i, "reset");
-  }, [i, ge, fe, z.value, Z]);
+    fe && !t || ee && !t || ge(null, i, "reset");
+  }, [i, ge, fe, z.value, ee]);
   const Fe = J && m.length > 0 && !q, K = Ue((t) => {
     if (t === -1)
       b.current.focus();
@@ -174,7 +174,7 @@ function oo(n) {
     }
   });
   y.useEffect(() => {
-    u && k > i.length - 1 && (le(-1), K(-1));
+    u && k > i.length - 1 && (se(-1), K(-1));
   }, [i, u, k, K]);
   function Qe(t, e) {
     if (!V.current || t < 0 || t >= m.length)
@@ -207,7 +207,7 @@ function oo(n) {
     const h = V.current.querySelector(`[data-option-index="${e}"]`);
     if (h && (h.classList.add(`${g}-focused`), r === "keyboard" && h.classList.add(`${g}-focusVisible`), l.scrollHeight > l.clientHeight && r !== "mouse" && r !== "touch")) {
       const I = h, D = l.clientHeight + l.scrollTop, Ie = I.offsetTop + I.offsetHeight;
-      Ie > D ? l.scrollTop = Ie - l.clientHeight : I.offsetTop - I.offsetHeight * (ie ? 1.3 : 0) < l.scrollTop && (l.scrollTop = I.offsetTop - I.offsetHeight * (ie ? 1.3 : 0));
+      Ie > D ? l.scrollTop = Ie - l.clientHeight : I.offsetTop - I.offsetHeight * (le ? 1.3 : 0) < l.scrollTop && (l.scrollTop = I.offsetTop - I.offsetHeight * (le ? 1.3 : 0));
     }
   }), j = Ue(({
     event: t,
@@ -276,9 +276,9 @@ function oo(n) {
     if (V.current) {
       if (e != null) {
         const r = m[T.current];
-        if (u && r && i.findIndex((l) => ee(r, l)) !== -1)
+        if (u && r && i.findIndex((l) => te(r, l)) !== -1)
           return;
-        const a = m.findIndex((l) => ee(l, e));
+        const a = m.findIndex((l) => te(l, e));
         a === -1 ? j({
           diff: "reset"
         }) : X({
@@ -307,7 +307,7 @@ function oo(n) {
     w,
     d,
     u
-  ]), te = Ue((t) => {
+  ]), oe = Ue((t) => {
     qt(V, t), t && Ae();
   });
   process.env.NODE_ENV !== "production" && y.useEffect(() => {
@@ -315,12 +315,12 @@ function oo(n) {
 `)) : console.error([`MUI: Unable to find the input element. It was resolved to ${b.current} while an HTMLInputElement was expected.`, `Instead, ${O} expects an input element.`, "", O === "useAutocomplete" ? "Make sure you have bound getInputProps correctly and that the normal ref/effect resolutions order is guaranteed." : "Make sure you have customized the input component correctly."].join(`
 `)));
   }, [O]), y.useEffect(() => {
-    (He || w) && Ae();
-  }, [Ae, He, w]);
+    (He || w && !Z) && Ae();
+  }, [Ae, He, w, Z]);
   const Y = (t) => {
-    J || (se(!0), me(!0), Ee && Ee(t));
-  }, pe = (t, e) => {
-    J && (se(!1), _e && _e(t, e));
+    J || (pe(!0), me(!0), Ee && Ee(t));
+  }, ue = (t, e) => {
+    J && (pe(!1), _e && _e(t, e));
   }, B = (t, e, r, a) => {
     if (u) {
       if (i.length === e.length && i.every((l, h) => l === e[h]))
@@ -328,20 +328,20 @@ function oo(n) {
     } else if (i === e)
       return;
     qe && qe(t, e, r, a), Ye(e);
-  }, Q = y.useRef(!1), oe = (t, e, r = "selectOption", a = "options") => {
+  }, Q = y.useRef(!1), ne = (t, e, r = "selectOption", a = "options") => {
     let l = r, h = e;
     if (u) {
       if (h = Array.isArray(i) ? i.slice() : [], process.env.NODE_ENV !== "production") {
-        const D = h.filter((Ie) => ee(e, Ie));
+        const D = h.filter((Ie) => te(e, Ie));
         D.length > 1 && console.error([`MUI: The \`isOptionEqualToValue\` method of ${O} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${D.length} matches.`].join(`
 `));
       }
-      const I = h.findIndex((D) => ee(e, D));
+      const I = h.findIndex((D) => te(e, D));
       I === -1 ? h.push(e) : a !== "freeSolo" && (h.splice(I, 1), l = "removeOption");
     }
     ge(t, h, l), B(t, h, l, {
       option: e
-    }), !de && (!t || !t.ctrlKey && !t.metaKey) && pe(t, l), (N === !0 || N === "touch" && Q.current || N === "mouse" && !Q.current) && b.current.blur();
+    }), !Z && (!t || !t.ctrlKey && !t.metaKey) && ue(t, l), (N === !0 || N === "touch" && Q.current || N === "mouse" && !Q.current) && b.current.blur();
   };
   function et(t, e) {
     if (t === -1)
@@ -357,16 +357,16 @@ function oo(n) {
         return r;
     }
   }
-  const ue = (t, e) => {
+  const ce = (t, e) => {
     if (!u)
       return;
-    d === "" && pe(t, "toggleInput");
+    d === "" && ue(t, "toggleInput");
     let r = k;
-    k === -1 && e === "previous" ? (r = i.length - 1, Z && d !== "" && (_(""), M && M(t, "", "reset"))) : (r += e === "next" ? 1 : -1, r < 0 && (r = 0), r === i.length && (r = -1)), r = et(r, e), le(r), K(r);
+    k === -1 && e === "previous" ? (r = i.length - 1, ee && d !== "" && (_(""), M && M(t, "", "reset"))) : (r += e === "next" ? 1 : -1, r < 0 && (r = 0), r === i.length && (r = -1)), r = et(r, e), se(r), K(r);
   }, ze = (t) => {
     Pe.current = !0, _(""), M && M(t, "", "clear"), B(t, u ? [] : null, "clear");
   }, tt = (t) => (e) => {
-    if (t.onKeyDown && t.onKeyDown(e), !e.defaultMuiPrevented && (k !== -1 && !["ArrowLeft", "ArrowRight"].includes(e.key) && (le(-1), K(-1)), e.which !== 229))
+    if (t.onKeyDown && t.onKeyDown(e), !e.defaultMuiPrevented && (k !== -1 && !["ArrowLeft", "ArrowRight"].includes(e.key) && (se(-1), K(-1)), e.which !== 229))
       switch (e.key) {
         case "Home":
           w && Ke && (e.preventDefault(), j({
@@ -420,22 +420,22 @@ function oo(n) {
           const r = b.current;
           if (!(r && r.selectionStart === 0 && r.selectionEnd === 0))
             return;
-          !u && L && i != null ? (Z && d !== "" && (_(""), M && M(e, "", "reset")), le(0), K(0)) : ue(e, "previous");
+          !u && L && i != null ? (ee && d !== "" && (_(""), M && M(e, "", "reset")), se(0), K(0)) : ce(e, "previous");
           break;
         }
         case "ArrowRight":
-          !u && L ? (le(-1), K(-1)) : ue(e, "next");
+          !u && L ? (se(-1), K(-1)) : ce(e, "next");
           break;
         case "Enter":
           if (T.current !== -1 && w) {
             const r = m[T.current], a = G ? G(r) : !1;
             if (e.preventDefault(), a)
               return;
-            oe(e, r, "selectOption"), f && b.current.setSelectionRange(b.current.value.length, b.current.value.length);
-          } else Z && d !== "" && Ve === !1 && (u && e.preventDefault(), oe(e, d, "createOption", "freeSolo"));
+            ne(e, r, "selectOption"), f && b.current.setSelectionRange(b.current.value.length, b.current.value.length);
+          } else ee && d !== "" && Ve === !1 && (u && e.preventDefault(), ne(e, d, "createOption", "freeSolo"));
           break;
         case "Escape":
-          w ? (e.preventDefault(), e.stopPropagation(), pe(e, "escape")) : W && (d !== "" || u && i.length > 0 || L) && (e.preventDefault(), e.stopPropagation(), ze(e));
+          w ? (e.preventDefault(), e.stopPropagation(), ue(e, "escape")) : W && (d !== "" || u && i.length > 0 || L) && (e.preventDefault(), e.stopPropagation(), ze(e));
           break;
         case "Backspace":
           if (u && !q && d === "" && i.length > 0) {
@@ -461,13 +461,13 @@ function oo(n) {
           break;
       }
   }, he = (t) => {
-    Me(!0), k !== -1 && (le(-1), K(-1)), mt && !Pe.current && Y(t);
+    Me(!0), k !== -1 && (se(-1), K(-1)), mt && !Pe.current && Y(t);
   }, be = (t) => {
     if (p(V)) {
       b.current.focus();
       return;
     }
-    Me(!1), Ce.current = !0, Pe.current = !1, F && T.current !== -1 && w ? oe(t, m[T.current], "blur") : F && Z && d !== "" ? oe(t, d, "blur", "freeSolo") : R && ge(t, i, "blur"), pe(t, "blur");
+    Me(!1), Ce.current = !0, Pe.current = !1, F && T.current !== -1 && w ? ne(t, m[T.current], "blur") : F && ee && d !== "" ? ne(t, d, "blur", "freeSolo") : R && ge(t, i, "blur"), ue(t, "blur");
   }, Te = (t) => {
     const e = t.target.value;
     d !== e && (_(e), me(!1), M && M(t, e, "input")), e === "" ? !H && !u && !L && B(t, null, "clear") : Y(t);
@@ -486,7 +486,7 @@ function oo(n) {
     }), Q.current = !0;
   }, rt = (t) => {
     const e = Number(t.currentTarget.getAttribute("data-option-index"));
-    oe(t, m[e], "selectOption"), Q.current = !1;
+    ne(t, m[e], "selectOption"), Q.current = !1;
   }, at = (t) => (e) => {
     const r = i.slice();
     r.splice(t, 1), B(e, r, "removeOption", {
@@ -497,22 +497,22 @@ function oo(n) {
       option: i
     });
   }, x = (t) => {
-    J ? pe(t, "toggleInput") : Y(t);
+    J ? ue(t, "toggleInput") : Y(t);
   }, C = (t) => {
     t.currentTarget.contains(t.target) && t.target.getAttribute("id") !== E && t.preventDefault();
-  }, ne = (t) => {
+  }, re = (t) => {
     t.currentTarget.contains(t.target) && (b.current.focus(), Je && Ce.current && b.current.selectionEnd - b.current.selectionStart === 0 && b.current.select(), Ce.current = !1);
   }, it = (t) => {
     !v && (d === "" || !J) && x(t);
   };
-  let Se = Z && d.length > 0;
+  let Se = ee && d.length > 0;
   Se = Se || (u ? i.length > 0 : i !== null);
   let je = m;
-  if (ie) {
+  if (le) {
     const t = /* @__PURE__ */ new Map();
     let e = !1;
     je = m.reduce((r, a, l) => {
-      const h = ie(a);
+      const h = le(a);
       return r.length > 0 && r[r.length - 1].group === h ? r[r.length - 1].options.push(a) : (process.env.NODE_ENV !== "production" && (t.get(h) && !e && (console.warn(`MUI: The options provided combined with the \`groupBy\` method of ${O} returns duplicated headers.`, "You can solve the issue by sorting the options with the output of `groupBy`."), e = !0), t.set(h, !0)), r.push({
         key: l,
         index: l,
@@ -526,7 +526,7 @@ function oo(n) {
       ...t,
       onKeyDown: tt(t),
       onMouseDown: C,
-      onClick: ne
+      onClick: re
     }),
     getInputLabelProps: () => ({
       id: `${E}-label`,
@@ -595,7 +595,8 @@ function oo(n) {
       role: "listbox",
       id: `${E}-listbox`,
       "aria-labelledby": `${E}-label`,
-      ref: te,
+      "aria-multiselectable": u || void 0,
+      ref: oe,
       onMouseDown: (t) => {
         t.preventDefault();
       }
@@ -604,7 +605,7 @@ function oo(n) {
       index: t,
       option: e
     }) => {
-      const r = (u ? i : [i]).some((l) => l != null && ee(e, l)), a = G ? G(e) : !1;
+      const r = (u ? i : [i]).some((l) => l != null && te(e, l)), a = G ? G(e) : !1;
       return {
         key: dt?.(e) ?? P(e),
         tabIndex: -1,
@@ -725,7 +726,7 @@ const ro = (n) => {
       padding: "4px 4px 4px 0px"
     }
   },
-  [`& .${st.root}.${ce.sizeSmall}`]: {
+  [`& .${st.root}.${de.sizeSmall}`]: {
     [`& .${st.input}`]: {
       padding: "2px 4px 3px 0"
     }
@@ -745,7 +746,7 @@ const ro = (n) => {
       right: 9
     }
   },
-  [`& .${Ct.root}.${ce.sizeSmall}`]: {
+  [`& .${Ct.root}.${de.sizeSmall}`]: {
     // Don't specify paddingRight, as it overrides the default value set when there is only
     // one of the popup or clear icon as the specificity is equal so the latter one wins
     paddingTop: 6,
@@ -771,16 +772,16 @@ const ro = (n) => {
       right: 9
     }
   },
-  [`& .${xe.root}.${ce.sizeSmall}`]: {
+  [`& .${xe.root}.${de.sizeSmall}`]: {
     paddingBottom: 1,
     [`& .${xe.input}`]: {
       padding: "2.5px 4px"
     }
   },
-  [`& .${ce.hiddenLabel}`]: {
+  [`& .${de.hiddenLabel}`]: {
     paddingTop: 8
   },
-  [`& .${xe.root}.${ce.hiddenLabel}`]: {
+  [`& .${xe.root}.${de.hiddenLabel}`]: {
     paddingTop: 0,
     paddingBottom: 0,
     [`& .${s.input}`]: {
@@ -788,7 +789,7 @@ const ro = (n) => {
       paddingBottom: 17
     }
   },
-  [`& .${xe.root}.${ce.hiddenLabel}.${ce.sizeSmall}`]: {
+  [`& .${xe.root}.${de.hiddenLabel}.${de.sizeSmall}`]: {
     [`& .${s.input}`]: {
       paddingTop: 8,
       paddingBottom: 9
@@ -1006,22 +1007,22 @@ const ro = (n) => {
       fontSize: "small"
     })),
     clearOnBlur: H = !f.freeSolo,
-    clearOnEscape: de = !1,
+    clearOnEscape: Z = !1,
     clearText: v = "Clear",
     closeText: Le = "Close",
     componentsProps: ke,
     defaultValue: ct = f.multiple ? [] : null,
     disableClearable: We = !1,
-    disableCloseOnSelect: Z = !1,
+    disableCloseOnSelect: ee = !1,
     disabled: G = !1,
     disabledItemsFocusable: dt = !1,
     disableListWrap: Ge = !1,
-    disablePortal: ie = !1,
+    disablePortal: le = !1,
     filterOptions: Ke,
     filterSelectedOptions: ft = !1,
     forcePopupIcon: Oe = "auto",
     freeSolo: De = !1,
-    fullWidth: ee = !1,
+    fullWidth: te = !1,
     getLimitTagsText: u = (c) => `+${c}`,
     getOptionDisabled: qe,
     getOptionKey: _e,
@@ -1044,7 +1045,7 @@ const ro = (n) => {
     onHighlightChange: $e,
     onInputChange: bt,
     onOpen: k,
-    open: le,
+    open: se,
     openOnFocus: Xe = !1,
     openText: T = "Open",
     options: It,
@@ -1056,7 +1057,7 @@ const ro = (n) => {
     renderInput: Me,
     renderOption: ge,
     renderTags: J,
-    renderValue: se,
+    renderValue: pe,
     selectOnFocus: xt = !f.freeSolo,
     size: me = "medium",
     slots: Ve = {},
@@ -1072,14 +1073,14 @@ const ro = (n) => {
     getItemProps: He,
     getListboxProps: Ze,
     getOptionProps: Ae,
-    value: te,
+    value: oe,
     dirty: Y,
-    expanded: pe,
+    expanded: ue,
     id: B,
     popupOpen: Q,
-    focused: oe,
+    focused: ne,
     focusedItem: et,
-    anchorEl: ue,
+    anchorEl: ce,
     setAnchorEl: ze,
     inputValue: tt,
     groupedOptions: he
@@ -1093,17 +1094,17 @@ const ro = (n) => {
     ...rt
   } = Ze(), we = Re || ((c) => c.label ?? c), x = {
     ...f,
-    disablePortal: ie,
-    expanded: pe,
-    focused: oe,
-    fullWidth: ee,
+    disablePortal: le,
+    expanded: ue,
+    focused: ne,
+    fullWidth: te,
     getOptionLabel: we,
     hasClearIcon: be,
     hasPopupIcon: Te,
     inputFocused: et === -1,
     popupOpen: Q,
     size: me
-  }, C = ro(x), ne = {
+  }, C = ro(x), re = {
     slots: {
       paper: i,
       popper: Ye,
@@ -1117,28 +1118,28 @@ const ro = (n) => {
     }
   }, [it, Se] = pt("listbox", {
     elementType: go,
-    externalForwardedProps: ne,
+    externalForwardedProps: re,
     ownerState: x,
     className: C.listbox,
     additionalProps: rt,
     ref: nt
   }), [je, t] = pt("paper", {
     elementType: Dt,
-    externalForwardedProps: ne,
+    externalForwardedProps: re,
     ownerState: x,
     className: C.paper
   }), [e, r] = pt("popper", {
     elementType: Rt,
-    externalForwardedProps: ne,
+    externalForwardedProps: re,
     ownerState: x,
     className: C.popper,
     additionalProps: {
-      disablePortal: ie,
+      disablePortal: le,
       style: {
-        width: ue ? ue.clientWidth : null
+        width: ce ? ce.clientWidth : null
       },
       role: "presentation",
-      anchorEl: ue,
+      anchorEl: ce,
       open: Q
     }
   });
@@ -1148,22 +1149,22 @@ const ro = (n) => {
     disabled: G,
     ...He(c)
   });
-  if (Pe ? te.length > 0 && (J ? a = J(te, l, x) : se ? a = se(te, l, x) : a = te.map((c, re) => {
+  if (Pe ? oe.length > 0 && (J ? a = J(oe, l, x) : pe ? a = pe(oe, l, x) : a = oe.map((c, ae) => {
     const {
-      key: ae,
+      key: ie,
       ...ve
     } = l({
-      index: re
+      index: ae
     });
     return /* @__PURE__ */ $(_t, {
       label: we(c),
       size: me,
       ...ve,
-      ...ne.slotProps.chip
-    }, ae);
-  })) : se && te != null && (a = se(te, l, x)), L > -1 && Array.isArray(a)) {
+      ...re.slotProps.chip
+    }, ie);
+  })) : pe && oe != null && (a = pe(oe, l, x)), L > -1 && Array.isArray(a)) {
     const c = a.length - L;
-    !oe && c > 0 && (a = a.splice(0, L), a.push(/* @__PURE__ */ $("span", {
+    !ne && c > 0 && (a = a.splice(0, L), a.push(/* @__PURE__ */ $("span", {
       className: C.tag,
       children: u(c)
     }, a.length)));
@@ -1179,29 +1180,29 @@ const ro = (n) => {
       ownerState: x,
       children: c.children
     })]
-  }, c.key)), Ie = ge || ((c, re) => {
+  }, c.key)), Ie = ge || ((c, ae) => {
     const {
-      key: ae,
+      key: ie,
       ...ve
     } = c;
     return /* @__PURE__ */ $("li", {
       ...ve,
-      children: we(re)
-    }, ae);
-  }), yt = (c, re) => {
-    const ae = Ae({
+      children: we(ae)
+    }, ie);
+  }), yt = (c, ae) => {
+    const ie = Ae({
       option: c,
-      index: re
+      index: ae
     });
     return Ie({
-      ...ae,
+      ...ie,
       className: C.option
     }, c, {
-      selected: ae["aria-selected"],
-      index: re,
+      selected: ie["aria-selected"],
+      index: ae,
       inputValue: tt
     }, x);
-  }, Ot = ne.slotProps.clearIndicator, Pt = ne.slotProps.popupIndicator;
+  }, Ot = re.slotProps.clearIndicator, Pt = re.slotProps.popupIndicator;
   return /* @__PURE__ */ Be(y.Fragment, {
     children: [/* @__PURE__ */ $(ao, {
       ref: g,
@@ -1211,7 +1212,7 @@ const ro = (n) => {
       children: Me({
         id: B,
         disabled: G,
-        fullWidth: !0,
+        fullWidth: f.fullWidth ?? !0,
         size: me === "small" ? "small" : void 0,
         InputLabelProps: Qe(),
         InputProps: {
@@ -1253,7 +1254,7 @@ const ro = (n) => {
           ...K()
         }
       })
-    }), ue ? /* @__PURE__ */ $(po, {
+    }), ce ? /* @__PURE__ */ $(po, {
       as: e,
       ...r,
       children: /* @__PURE__ */ Be(uo, {
@@ -1274,11 +1275,11 @@ const ro = (n) => {
         }) : null, he.length > 0 ? /* @__PURE__ */ $(it, {
           as: Je,
           ...Se,
-          children: he.map((c, re) => Ee ? I({
+          children: he.map((c, ae) => Ee ? I({
             key: c.key,
             group: c.group,
-            children: c.options.map((ae, ve) => yt(ae, c.index + ve))
-          }) : yt(c, re))
+            children: c.options.map((ie, ve) => yt(ie, c.index + ve))
+          }) : yt(c, ae))
         }) : null]
       })
     }) : null]
@@ -1749,11 +1750,11 @@ function Io(n, p) {
     error: F,
     name: N,
     renderInput: R = (H) => {
-      const { ref: de, ...v } = H.InputProps;
+      const { ref: Z, ...v } = H.InputProps;
       return /* @__PURE__ */ $(
         Ft,
         {
-          ref: de,
+          ref: Z,
           ...v,
           inputProps: H.inputProps,
           inputRef: H.inputProps.ref,

package/dist/{Avatar-Tq-lIvMN.js → Avatar-C-9_FAjq.js}

@@ -1,14 +1,14 @@
 import * as b from "react";
 import { P as o } from "./index-B5q5ym9h.js";
 import { c as O } from "./clsx-OuTLNxxd.js";
-import { m as N } from "./memoTheme-CXi6MqCq.js";
-import { c as M } from "./createSvgIcon-BXROV6bT.js";
+import { m as N } from "./memoTheme-BtPmrCmh.js";
+import { c as M } from "./createSvgIcon-DULirWwm.js";
 import { jsx as u } from "react/jsx-runtime";
 import { g as z } from "./generateUtilityClasses-E9gROIFd.js";
 import { g as U } from "./generateUtilityClass-BhfUaMgk.js";
 import { u as y } from "./useSlot-CoTIuujp.js";
 import { u as q } from "./DefaultPropsProvider-CE6KNOqW.js";
-import { s as h } from "./styled-BWUuu_Y7.js";
+import { s as h } from "./styled-DGv3Bxg0.js";
 import { c as E } from "./composeClasses-2Ou-RZJr.js";
 const L = M(/* @__PURE__ */ u("path", {
   d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"

package/dist/{AvatarGroup-CIrXsp4z.js → AvatarGroup-D8lUylMk.js}

@@ -1,15 +1,15 @@
 import * as i from "react";
 import { P as a } from "./index-B5q5ym9h.js";
-import { r as U } from "./createTheme-BFWMvXRe.js";
+import { r as U } from "./createTheme-PiEw_V9m.js";
 import { c as T } from "./clsx-OuTLNxxd.js";
-import { m as R } from "./memoTheme-CXi6MqCq.js";
+import { m as R } from "./memoTheme-BtPmrCmh.js";
 import { g as $ } from "./generateUtilityClasses-E9gROIFd.js";
 import { g as D } from "./generateUtilityClass-BhfUaMgk.js";
 import { u as I } from "./useSlot-CoTIuujp.js";
 import { jsxs as V, jsx as F } from "react/jsx-runtime";
 import { u as q } from "./DefaultPropsProvider-CE6KNOqW.js";
-import { A as L, a as _ } from "./Avatar-Tq-lIvMN.js";
-import { s as k } from "./styled-BWUuu_Y7.js";
+import { A as L, a as _ } from "./Avatar-C-9_FAjq.js";
+import { s as k } from "./styled-DGv3Bxg0.js";
 import { c as z } from "./composeClasses-2Ou-RZJr.js";
 import { c as B } from "./chainPropTypes-D9lkm76m.js";
 function H(r) {

package/dist/{Backdrop-DPvRl1zZ.js → Backdrop-B4Ia7EtY.js}

@@ -6,8 +6,8 @@ import { g as w } from "./generateUtilityClass-BhfUaMgk.js";
 import { g as N } from "./generateUtilityClasses-E9gROIFd.js";
 import { jsx as l } from "react/jsx-runtime";
 import { u as D } from "./DefaultPropsProvider-CE6KNOqW.js";
-import { s as M } from "./styled-BWUuu_Y7.js";
-import { F as U } from "./Fade-BZd1kkqK.js";
+import { s as M } from "./styled-DGv3Bxg0.js";
+import { F as U } from "./Fade--9eywODE.js";
 import { c as F } from "./composeClasses-2Ou-RZJr.js";
 function E(t) {
   return w("MuiBackdrop", t);