@clearstory/drywall-react 4.1.2 → 4.1.3

package/dist/{Autocomplete-sKm5nu7E.js → Autocomplete-FWamSgvx.js}

@@ -6,29 +6,30 @@ import "./icons/ClearstoryIcon.js";
 import "./icons/InternalOnlyIcon.js";
 import "./icons/MoneyBucketIcon.js";
 import "./icons/MoreCircleOutlineIcon.js";
-import { A as Ft, C as Ht } from "./Clear-CQi-XSTk.js";
+import { A as Ft, C as Ht } from "./Clear-Bnp01YyW.js";
+import { g as zt } from "./generateUtilityClasses-E9gROIFd.js";
+import { g as jt } from "./generateUtilityClass-BhfUaMgk.js";
 import { P as o } from "./index-CyAhC1RZ.js";
 import { c as it } from "./clsx-OuTLNxxd.js";
-import { A as zt, f as Ie, o as Ct, i as st } from "./ArrowDropDown-Dg2nxMKG.js";
-import { i as pe } from "./InputBase-C0p5hzfj.js";
-import { C as jt } from "./Close-BgPk7eQX.js";
-import { m as xe } from "./memoTheme-CCudmmpb.js";
-import { g as Bt } from "./generateUtilityClasses-CIjBDg4V.js";
-import { c as Ut, j as kt } from "./createTheme-B1FDFl52.js";
-import { u as pt } from "./useSlot-BVGwJA4b.js";
+import { A as Bt, f as Ie, o as Ct, i as st } from "./ArrowDropDown-CGLljubQ.js";
+import { i as pe } from "./InputBase-C3EkH03W.js";
+import { C as Ut } from "./Close-DBCdaBsC.js";
+import { m as xe } from "./memoTheme-D_KVIx9Z.js";
+import { u as pt } from "./useSlot-CoTIuujp.js";
 import { u as Wt } from "./DefaultPropsProvider-Hks9kyHW.js";
 import { u as Gt } from "./useId-CK6Kn3Tn.js";
-import { u as ut } from "./useControlled-nm4pBabJ.js";
-import { u as Kt } from "./usePreviousProps-ByGlbpJ6.js";
+import { u as ut } from "./useControlled-D1L5tREc.js";
+import { u as Kt } from "./usePreviousProps-7NDRTUOj.js";
 import { u as Ge } from "./useEventCallback-BAQJJ3ye.js";
 import { s as qt } from "./Portal-R03qxPC_.js";
-import { s as B } from "./styled-D8CtiDxW.js";
-import { P as Dt } from "./Paper-CFXI_f81.js";
-import { P as Rt } from "./Popper-5y6_LfWc.js";
-import { C as _t } from "./Chip-DRuBzMk-.js";
+import { s as B } from "./styled-SBTDGe0C.js";
+import { P as kt } from "./Paper-CillS6ZD.js";
+import { P as Dt } from "./Popper-C6wdLC8n.js";
+import { C as _t } from "./Chip-teUQj1Br.js";
+import { c as Rt } from "./createTheme-C8al1H6l.js";
 import { c as Jt } from "./composeClasses-2Ou-RZJr.js";
-import { I as Et } from "./IconButton-TpdTqzbL.js";
-import { L as Xt } from "./ListSubheader-CQgQmaSV.js";
+import { I as Et } from "./IconButton-RfVV5QBc.js";
+import { L as Xt } from "./ListSubheader-CrHcPoc5.js";
 import { c as $t } from "./chainPropTypes-D9lkm76m.js";
 import { i as Yt } from "./integerPropType-BihGt2aU.js";
 function At({
@@ -36,9 +37,9 @@ function At({
   array2: p,
   parser: g = (f) => f
 }) {
-  return n && p && n.length === p.length && n.every((f, T) => g(f) === g(p[T]));
+  return n && p && n.length === p.length && n.every((f, S) => g(f) === g(p[S]));
 }
-function wt(n) {
+function Tt(n) {
   return n.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
 }
 function Qt(n = {}) {
@@ -46,7 +47,7 @@ function Qt(n = {}) {
     ignoreAccents: p = !0,
     ignoreCase: g = !0,
     limit: f,
-    matchFrom: T = "any",
+    matchFrom: S = "any",
     stringify: V,
     trim: N = !1
   } = n;
@@ -55,20 +56,20 @@ function Qt(n = {}) {
     getOptionLabel: O
   }) => {
     let A = N ? U.trim() : U;
-    g && (A = A.toLowerCase()), p && (A = wt(A));
+    g && (A = A.toLowerCase()), p && (A = Tt(A));
     const F = A ? D.filter((ue) => {
-      let S = (V || O)(ue);
-      return g && (S = S.toLowerCase()), p && (S = wt(S)), T === "start" ? S.startsWith(A) : S.includes(A);
+      let v = (V || O)(ue);
+      return g && (v = v.toLowerCase()), p && (v = Tt(v)), S === "start" ? v.startsWith(A) : v.includes(A);
     }) : D;
     return typeof f == "number" ? F.slice(0, f) : F;
   };
 }
-const Zt = Qt(), Tt = 5, eo = (n) => n.current !== null && n.current.parentElement?.contains(document.activeElement), to = [];
+const Zt = Qt(), wt = 5, eo = (n) => n.current !== null && n.current.parentElement?.contains(document.activeElement), to = [];
 function St(n, p, g, f) {
   if (p || n == null || f)
     return "";
-  const T = g(n);
-  return typeof T == "string" ? T : "";
+  const S = g(n);
+  return typeof S == "string" ? S : "";
 }
 function oo(n) {
   const {
@@ -77,7 +78,7 @@ function oo(n) {
     // eslint-disable-next-line @typescript-eslint/naming-convention
     unstable_classNamePrefix: g = "Mui",
     autoComplete: f = !1,
-    autoHighlight: T = !1,
+    autoHighlight: S = !1,
     autoSelect: V = !1,
     blurOnSelect: N = !1,
     clearOnBlur: D = !n.freeSolo,
@@ -86,7 +87,7 @@ function oo(n) {
     defaultValue: A = n.multiple ? to : null,
     disableClearable: F = !1,
     disableCloseOnSelect: ue = !1,
-    disabled: S,
+    disabled: v,
     disabledItemsFocusable: Le = !1,
     disableListWrap: ke = !1,
     filterOptions: ct = Zt,
@@ -111,7 +112,7 @@ function oo(n) {
     openOnFocus: mt = !1,
     options: ht,
     readOnly: G = !1,
-    renderValue: v,
+    renderValue: L,
     selectOnFocus: Xe = !n.freeSolo,
     value: Me
   } = n, R = Gt(ft);
@@ -127,7 +128,7 @@ function oo(n) {
     }
     return e;
   };
-  const Oe = y.useRef(!1), Pe = y.useRef(!0), b = y.useRef(null), M = y.useRef(null), [Ce, bt] = y.useState(null), [E, Ve] = y.useState(-1), Ye = T ? 0 : -1, w = y.useRef(Ye), It = y.useRef(St(A ?? Me, u, P)).current, [i, $e] = ut({
+  const Oe = y.useRef(!1), Pe = y.useRef(!0), b = y.useRef(null), M = y.useRef(null), [Ce, bt] = y.useState(null), [E, Ve] = y.useState(-1), Ye = S ? 0 : -1, T = y.useRef(Ye), It = y.useRef(St(A ?? Me, u, P)).current, [i, $e] = ut({
     controlled: Me,
     default: A,
     name: O
@@ -139,14 +140,14 @@ function oo(n) {
   }), [de, Fe] = y.useState(!1), fe = y.useCallback((t, e, r) => {
     if (!(u ? i.length < e.length : e !== null) && !D)
       return;
-    const l = St(e, u, P, v);
+    const l = St(e, u, P, L);
     d !== l && (ae(l), Q && Q(t, l, r));
-  }, [P, d, u, Q, ae, D, i, v]), [K, le] = ut({
+  }, [P, d, u, Q, ae, D, i, L]), [K, le] = ut({
     controlled: gt,
     default: !1,
     name: O,
     state: "open"
-  }), [xt, ge] = y.useState(!0), He = !u && i != null && d === P(i), L = K && !G, m = L ? ct(
+  }), [xt, ge] = y.useState(!0), He = !u && i != null && d === P(i), w = K && !G, m = w ? ct(
     ht.filter((t) => !(De && (u ? i : [i]).some((e) => e !== null && Y(t, e)))),
     // we use the empty string to manipulate `filterOptions` to not filter any options
     // i.e. the filter predicate always returns true
@@ -167,7 +168,7 @@ function oo(n) {
     if (t === -1)
       b.current.focus();
     else {
-      const e = v ? "data-item-index" : "data-tag-index";
+      const e = L ? "data-item-index" : "data-tag-index";
       Ce.querySelector(`[${e}="${t}"]`).focus();
     }
   });
@@ -191,7 +192,7 @@ function oo(n) {
     index: e,
     reason: r
   }) => {
-    if (w.current = e, e === -1 ? b.current.removeAttribute("aria-activedescendant") : b.current.setAttribute("aria-activedescendant", `${R}-option-${e}`), Ee && ["mouse", "keyboard", "touch"].includes(r) && Ee(t, e === -1 ? null : m[e], r), !M.current)
+    if (T.current = e, e === -1 ? b.current.removeAttribute("aria-activedescendant") : b.current.setAttribute("aria-activedescendant", `${R}-option-${e}`), Ee && ["mouse", "keyboard", "touch"].includes(r) && Ee(t, e === -1 ? null : m[e], r), !M.current)
       return;
     const a = M.current.querySelector(`[role="option"].${g}-focused`);
     a && (a.classList.remove(`${g}-focused`), a.classList.remove(`${g}-focusVisible`));
@@ -213,7 +214,7 @@ function oo(n) {
     direction: r = "next",
     reason: a
   }) => {
-    if (!L)
+    if (!w)
       return;
     const h = Qe((() => {
       const I = m.length - 1;
@@ -223,8 +224,8 @@ function oo(n) {
         return 0;
       if (e === "end")
         return I;
-      const k = w.current + e;
-      return k < 0 ? k === -1 && ye ? -1 : ke && w.current !== -1 || Math.abs(e) > 1 ? 0 : I : k > I ? k === I + 1 && ye ? -1 : ke || Math.abs(e) > 1 ? I : 0 : k;
+      const k = T.current + e;
+      return k < 0 ? k === -1 && ye ? -1 : ke && T.current !== -1 || Math.abs(e) > 1 ? 0 : I : k > I ? k === I + 1 && ye ? -1 : ke || Math.abs(e) > 1 ? I : 0 : k;
     })(), r);
     if (q({
       index: h,
@@ -246,22 +247,22 @@ function oo(n) {
       const a = e ? P(e) : "", l = r ? P(r) : "";
       return a === l;
     };
-    if (w.current !== -1 && !At({
+    if (T.current !== -1 && !At({
       array1: H.filteredOptions,
       array2: m,
       parser: P
     }) && H.inputValue === d && (u ? i.length === H.value.length && H.value.every((e, r) => P(i[r]) === P(e)) : t(H.value, i))) {
-      const e = H.filteredOptions[w.current];
+      const e = H.filteredOptions[T.current];
       if (e)
         return m.findIndex((r) => P(r) === P(e));
     }
     return -1;
   }, Ae = y.useCallback(() => {
-    if (!L)
+    if (!w)
       return;
     const t = Ze();
     if (t !== -1) {
-      w.current = t;
+      T.current = t;
       return;
     }
     const e = u ? i[0] : i;
@@ -273,7 +274,7 @@ function oo(n) {
     }
     if (M.current) {
       if (e != null) {
-        const r = m[w.current];
+        const r = m[T.current];
         if (u && r && i.findIndex((l) => Y(r, l)) !== -1)
           return;
         const a = m.findIndex((l) => Y(l, e));
@@ -284,14 +285,14 @@ function oo(n) {
         });
         return;
       }
-      if (w.current >= m.length - 1) {
+      if (T.current >= m.length - 1) {
         q({
           index: m.length - 1
         });
         return;
       }
       q({
-        index: w.current
+        index: T.current
       });
     }
   }, [
@@ -303,7 +304,7 @@ function oo(n) {
     De,
     j,
     q,
-    L,
+    w,
     d,
     u
   ]), Z = Ge((t) => {
@@ -314,8 +315,8 @@ 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(() => {
-    je && Ae();
-  }, [Ae, je]);
+    (je || w) && Ae();
+  }, [Ae, je, w]);
   const _ = (t) => {
     K || (le(!0), ge(!0), Ne && Ne(t));
   }, ie = (t, e) => {
@@ -349,7 +350,7 @@ function oo(n) {
     for (; ; ) {
       if (e === "next" && r === i.length || e === "previous" && r === -1)
         return -1;
-      const a = v ? "data-item-index" : "data-tag-index", l = Ce.querySelector(`[${a}="${r}"]`);
+      const a = L ? "data-item-index" : "data-tag-index", l = Ce.querySelector(`[${a}="${r}"]`);
       if (!l || !l.hasAttribute("tabindex") || l.disabled || l.getAttribute("aria-disabled") === "true")
         r += e === "next" ? 1 : -1;
       else
@@ -368,7 +369,7 @@ function oo(n) {
     if (t.onKeyDown && t.onKeyDown(e), !e.defaultMuiPrevented && (E !== -1 && !["ArrowLeft", "ArrowRight"].includes(e.key) && (Ve(-1), z(-1)), e.which !== 229))
       switch (e.key) {
         case "Home":
-          L && qe && (e.preventDefault(), j({
+          w && qe && (e.preventDefault(), j({
             diff: "start",
             direction: "next",
             reason: "keyboard",
@@ -376,7 +377,7 @@ function oo(n) {
           }));
           break;
         case "End":
-          L && qe && (e.preventDefault(), j({
+          w && qe && (e.preventDefault(), j({
             diff: "end",
             direction: "previous",
             reason: "keyboard",
@@ -385,7 +386,7 @@ function oo(n) {
           break;
         case "PageUp":
           e.preventDefault(), j({
-            diff: -Tt,
+            diff: -wt,
             direction: "previous",
             reason: "keyboard",
             event: e
@@ -393,7 +394,7 @@ function oo(n) {
           break;
         case "PageDown":
           e.preventDefault(), j({
-            diff: Tt,
+            diff: wt,
             direction: "next",
             reason: "keyboard",
             event: e
@@ -416,21 +417,21 @@ function oo(n) {
           }), _(e);
           break;
         case "ArrowLeft":
-          !u && v ? z(0) : se(e, "previous");
+          !u && L ? z(0) : se(e, "previous");
           break;
         case "ArrowRight":
-          !u && v ? z(-1) : se(e, "next");
+          !u && L ? z(-1) : se(e, "next");
           break;
         case "Enter":
-          if (w.current !== -1 && L) {
-            const r = m[w.current], a = W ? W(r) : !1;
+          if (T.current !== -1 && w) {
+            const r = m[T.current], a = W ? W(r) : !1;
             if (e.preventDefault(), a)
               return;
             ee(e, r, "selectOption"), f && b.current.setSelectionRange(b.current.value.length, b.current.value.length);
           } else ce && d !== "" && He === !1 && (u && e.preventDefault(), ee(e, d, "createOption", "freeSolo"));
           break;
         case "Escape":
-          L ? (e.preventDefault(), e.stopPropagation(), ie(e, "escape")) : U && (d !== "" || u && i.length > 0 || v) && (e.preventDefault(), e.stopPropagation(), Be(e));
+          w ? (e.preventDefault(), e.stopPropagation(), ie(e, "escape")) : U && (d !== "" || u && i.length > 0 || L) && (e.preventDefault(), e.stopPropagation(), Be(e));
           break;
         case "Backspace":
           if (u && !G && d === "" && i.length > 0) {
@@ -439,7 +440,7 @@ function oo(n) {
               option: i[r]
             });
           }
-          !u && v && !G && ($e(null), z(-1));
+          !u && L && !G && ($e(null), z(-1));
           break;
         case "Delete":
           if (u && !G && d === "" && i.length > 0 && E !== -1) {
@@ -448,7 +449,7 @@ function oo(n) {
               option: i[r]
             });
           }
-          !u && v && !G && ($e(null), z(-1));
+          !u && L && !G && ($e(null), z(-1));
           break;
       }
   }, me = (t) => {
@@ -458,13 +459,13 @@ function oo(n) {
       b.current.focus();
       return;
     }
-    Fe(!1), Pe.current = !0, Oe.current = !1, V && w.current !== -1 && L ? ee(t, m[w.current], "blur") : V && ce && d !== "" ? ee(t, d, "blur", "freeSolo") : D && fe(t, i, "blur"), ie(t, "blur");
-  }, we = (t) => {
+    Fe(!1), Pe.current = !0, Oe.current = !1, V && T.current !== -1 && w ? ee(t, m[T.current], "blur") : V && ce && d !== "" ? ee(t, d, "blur", "freeSolo") : D && fe(t, i, "blur"), ie(t, "blur");
+  }, Te = (t) => {
     const e = t.target.value;
     d !== e && (ae(e), ge(!1), Q && Q(t, e, "input")), e === "" ? !F && !u && J(t, null, "clear") : _(t);
   }, ot = (t) => {
     const e = Number(t.currentTarget.getAttribute("data-option-index"));
-    w.current !== e && q({
+    T.current !== e && q({
       event: t,
       index: e,
       reason: "mouse"
@@ -483,7 +484,7 @@ function oo(n) {
     r.splice(t, 1), J(e, r, "removeOption", {
       option: i[t]
     });
-  }, Te = (t) => {
+  }, we = (t) => {
     J(t, null, "removeOption", {
       option: i
     });
@@ -494,7 +495,7 @@ function oo(n) {
   }, te = (t) => {
     t.currentTarget.contains(t.target) && (b.current.focus(), Xe && Pe.current && b.current.selectionEnd - b.current.selectionStart === 0 && b.current.select(), Pe.current = !1);
   }, lt = (t) => {
-    !S && (d === "" || !K) && x(t);
+    !v && (d === "" || !K) && x(t);
   };
   let Se = ce && d.length > 0;
   Se = Se || (u ? i.length > 0 : i !== null);
@@ -512,7 +513,7 @@ function oo(n) {
       })), r;
     }, []);
   }
-  return S && de && he(), {
+  return v && de && he(), {
     getRootProps: (t = {}) => ({
       ...t,
       onKeyDown: tt(t),
@@ -528,11 +529,11 @@ function oo(n) {
       value: d,
       onBlur: he,
       onFocus: me,
-      onChange: we,
+      onChange: Te,
       onMouseDown: lt,
       // if open then this is handled imperatively so don't let react override
       // only have an opinion about this when closed
-      "aria-activedescendant": L ? "" : null,
+      "aria-activedescendant": w ? "" : null,
       "aria-autocomplete": f ? "both" : "list",
       "aria-controls": ze ? `${R}-listbox` : void 0,
       "aria-expanded": ze,
@@ -543,7 +544,7 @@ function oo(n) {
       autoCapitalize: "none",
       spellCheck: "false",
       role: "combobox",
-      disabled: S
+      disabled: v
     }),
     getClearProps: () => ({
       tabIndex: -1,
@@ -556,14 +557,14 @@ function oo(n) {
       ...u && {
         key: t
       },
-      ...v ? {
+      ...L ? {
         "data-item-index": t
       } : {
         "data-tag-index": t
       },
       tabIndex: -1,
       ...!G && {
-        onDelete: u ? at(t) : Te
+        onDelete: u ? at(t) : we
       }
     }),
     getPopupIndicatorProps: () => ({
@@ -613,8 +614,8 @@ function oo(n) {
     inputValue: d,
     value: i,
     dirty: Se,
-    expanded: L && Ce,
-    popupOpen: L,
+    expanded: w && Ce,
+    popupOpen: w,
     focused: de || E !== -1,
     anchorEl: Ce,
     setAnchorEl: bt,
@@ -625,16 +626,16 @@ function oo(n) {
   };
 }
 function no(n) {
-  return Ut("MuiAutocomplete", n);
+  return jt("MuiAutocomplete", n);
 }
-const s = Bt("MuiAutocomplete", ["root", "expanded", "fullWidth", "focused", "focusVisible", "tag", "tagSizeSmall", "tagSizeMedium", "hasPopupIcon", "hasClearIcon", "inputRoot", "input", "inputFocused", "endAdornment", "clearIndicator", "popupIndicator", "popupIndicatorOpen", "popper", "popperDisablePortal", "paper", "listbox", "loading", "noOptions", "option", "groupLabel", "groupUl"]);
+const s = zt("MuiAutocomplete", ["root", "expanded", "fullWidth", "focused", "focusVisible", "tag", "tagSizeSmall", "tagSizeMedium", "hasPopupIcon", "hasClearIcon", "inputRoot", "input", "inputFocused", "endAdornment", "clearIndicator", "popupIndicator", "popupIndicatorOpen", "popper", "popperDisablePortal", "paper", "listbox", "loading", "noOptions", "option", "groupLabel", "groupUl"]);
 var vt, Lt;
 const ro = (n) => {
   const {
     classes: p,
     disablePortal: g,
     expanded: f,
-    focused: T,
+    focused: S,
     fullWidth: V,
     hasClearIcon: N,
     hasPopupIcon: D,
@@ -642,10 +643,10 @@ const ro = (n) => {
     popupOpen: O,
     size: A
   } = n, F = {
-    root: ["root", f && "expanded", T && "focused", V && "fullWidth", N && "hasClearIcon", D && "hasPopupIcon"],
+    root: ["root", f && "expanded", S && "focused", V && "fullWidth", N && "hasClearIcon", D && "hasPopupIcon"],
     inputRoot: ["inputRoot"],
     input: ["input", U && "inputFocused"],
-    tag: ["tag", `tagSize${kt(A)}`],
+    tag: ["tag", `tagSize${Rt(A)}`],
     endAdornment: ["endAdornment"],
     clearIndicator: ["clearIndicator"],
     popupIndicator: ["popupIndicator", O && "popupIndicatorOpen"],
@@ -667,7 +668,7 @@ const ro = (n) => {
       ownerState: g
     } = n, {
       fullWidth: f,
-      hasClearIcon: T,
+      hasClearIcon: S,
       hasPopupIcon: V,
       inputFocused: N,
       size: D
@@ -675,14 +676,14 @@ const ro = (n) => {
     return [{
       [`& .${s.tag}`]: p.tag
     }, {
-      [`& .${s.tag}`]: p[`tagSize${kt(D)}`]
+      [`& .${s.tag}`]: p[`tagSize${Rt(D)}`]
     }, {
       [`& .${s.inputRoot}`]: p.inputRoot
     }, {
       [`& .${s.input}`]: p.input
     }, {
       [`& .${s.input}`]: N && p.inputFocused
-    }, p.root, f && p.fullWidth, V && p.hasPopupIcon, T && p.hasClearIcon];
+    }, p.root, f && p.fullWidth, V && p.hasPopupIcon, S && p.hasClearIcon];
   }
 })({
   [`&.${s.focused} .${s.clearIndicator}`]: {
@@ -862,7 +863,7 @@ const ro = (n) => {
       transform: "rotate(180deg)"
     }
   }]
-}), po = B(Rt, {
+}), po = B(Dt, {
   name: "MuiAutocomplete",
   slot: "Popper",
   overridesResolver: (n, p) => {
@@ -885,7 +886,7 @@ const ro = (n) => {
       position: "absolute"
     }
   }]
-}))), uo = B(Dt, {
+}))), uo = B(kt, {
   name: "MuiAutocomplete",
   slot: "Paper"
 })(xe(({
@@ -987,18 +988,18 @@ const ro = (n) => {
     props: p,
     name: "MuiAutocomplete"
   }), {
-    autoComplete: T = !1,
+    autoComplete: S = !1,
     autoHighlight: V = !1,
     autoSelect: N = !1,
     blurOnSelect: D = !1,
     ChipProps: U,
     className: O,
-    clearIcon: A = vt || (vt = /* @__PURE__ */ $(jt, {
+    clearIcon: A = vt || (vt = /* @__PURE__ */ $(Ut, {
       fontSize: "small"
     })),
     clearOnBlur: F = !f.freeSolo,
     clearOnEscape: ue = !1,
-    clearText: S = "Clear",
+    clearText: v = "Clear",
     closeText: Le = "Close",
     componentsProps: ke,
     defaultValue: ct = f.multiple ? [] : null,
@@ -1023,7 +1024,7 @@ const ro = (n) => {
     id: mt,
     includeInputInList: ht = !1,
     inputValue: G,
-    limitTags: v = -1,
+    limitTags: L = -1,
     ListboxComponent: Xe,
     ListboxProps: Me,
     loading: R = !1,
@@ -1037,11 +1038,11 @@ const ro = (n) => {
     onOpen: E,
     open: Ve,
     openOnFocus: Ye = !1,
-    openText: w = "Open",
+    openText: T = "Open",
     options: It,
     PaperComponent: i,
     PopperComponent: $e,
-    popupIcon: d = Lt || (Lt = /* @__PURE__ */ $(zt, {})),
+    popupIcon: d = Lt || (Lt = /* @__PURE__ */ $(Bt, {})),
     readOnly: ae = !1,
     renderGroup: de,
     renderInput: Fe,
@@ -1051,7 +1052,7 @@ const ro = (n) => {
     selectOnFocus: xt = !f.freeSolo,
     size: ge = "medium",
     slots: He = {},
-    slotProps: L = {},
+    slotProps: w = {},
     value: m,
     ...H
   } = f, {
@@ -1077,20 +1078,20 @@ const ro = (n) => {
   } = oo({
     ...f,
     componentName: "Autocomplete"
-  }), he = !De && !W && _ && !ae, we = (!Re || ye === !0) && ye !== !1, {
+  }), he = !De && !W && _ && !ae, Te = (!Re || ye === !0) && ye !== !1, {
     onMouseDown: ot
   } = z(), {
     ref: nt,
     ...rt
-  } = Ze(), Te = Ee || ((c) => c.label ?? c), x = {
+  } = Ze(), we = Ee || ((c) => c.label ?? c), x = {
     ...f,
     disablePortal: re,
     expanded: ie,
     focused: ee,
     fullWidth: Y,
-    getOptionLabel: Te,
+    getOptionLabel: we,
     hasClearIcon: he,
-    hasPopupIcon: we,
+    hasPopupIcon: Te,
     inputFocused: et === -1,
     popupOpen: X,
     size: ge
@@ -1104,7 +1105,7 @@ const ro = (n) => {
       chip: U,
       listbox: Me,
       ...ke,
-      ...L
+      ...w
     }
   }, [lt, Se] = pt("listbox", {
     elementType: go,
@@ -1114,12 +1115,12 @@ const ro = (n) => {
     additionalProps: rt,
     ref: nt
   }), [Ue, t] = pt("paper", {
-    elementType: Dt,
+    elementType: kt,
     externalForwardedProps: te,
     ownerState: x,
     className: C.paper
   }), [e, r] = pt("popper", {
-    elementType: Rt,
+    elementType: Dt,
     externalForwardedProps: te,
     ownerState: x,
     className: C.popper,
@@ -1147,14 +1148,14 @@ const ro = (n) => {
       index: oe
     });
     return /* @__PURE__ */ $(_t, {
-      label: Te(c),
+      label: we(c),
       size: ge,
       ...ve,
       ...te.slotProps.chip
     }, ne);
-  })) : le && Z != null && (a = le(Z, l, x)), v > -1 && Array.isArray(a)) {
-    const c = a.length - v;
-    !ee && c > 0 && (a = a.splice(0, v), a.push(/* @__PURE__ */ $("span", {
+  })) : le && Z != null && (a = le(Z, l, x)), L > -1 && Array.isArray(a)) {
+    const c = a.length - L;
+    !ee && c > 0 && (a = a.splice(0, L), a.push(/* @__PURE__ */ $("span", {
       className: C.tag,
       children: u(c)
     }, a.length)));
@@ -1177,7 +1178,7 @@ const ro = (n) => {
     } = c;
     return /* @__PURE__ */ $("li", {
       ...ve,
-      children: Te(oe)
+      children: we(oe)
     }, ne);
   }), yt = (c, oe) => {
     const ne = Ae({
@@ -1212,23 +1213,23 @@ const ro = (n) => {
           onMouseDown: (c) => {
             c.target === c.currentTarget && ot(c);
           },
-          ...(he || we) && {
+          ...(he || Te) && {
             endAdornment: /* @__PURE__ */ We(lo, {
               className: C.endAdornment,
               ownerState: x,
               children: [he ? /* @__PURE__ */ $(io, {
                 ...j(),
-                "aria-label": S,
-                title: S,
+                "aria-label": v,
+                title: v,
                 ownerState: x,
                 ...Ot,
                 className: it(C.clearIndicator, Ot?.className),
                 children: A
-              }) : null, we ? /* @__PURE__ */ $(so, {
+              }) : null, Te ? /* @__PURE__ */ $(so, {
                 ...q(),
                 disabled: W,
-                "aria-label": X ? Le : w,
-                title: X ? Le : w,
+                "aria-label": X ? Le : T,
+                title: X ? Le : T,
                 ownerState: x,
                 ...Pt,
                 className: it(C.popupIndicator, Pt?.className),
@@ -1733,19 +1734,19 @@ function bo(n, p) {
   const {
     color: g = "primary",
     size: f = "small",
-    placeholder: T,
+    placeholder: S,
     error: V,
     name: N,
     renderInput: D = (F) => {
-      const { ref: ue, ...S } = F.InputProps;
+      const { ref: ue, ...v } = F.InputProps;
       return /* @__PURE__ */ $(
         Vt,
         {
           ref: ue,
-          ...S,
+          ...v,
           inputProps: F.inputProps,
           inputRef: F.inputProps.ref,
-          placeholder: T,
+          placeholder: S,
           color: g,
           size: f,
           error: V,
@@ -1757,7 +1758,7 @@ function bo(n, p) {
               input: {
                 width: "auto"
               },
-              ".DrywallAutocomplete-tag": {
+              [`.${s.tag}`]: {
                 margin: 0.25
               }
             }