@owp/core 2.5.32 → 2.5.34

package/dist/components/OwpSelectorBase/OwpSelectorAutocomplete.js

@@ -1,32 +1,32 @@
-var it = Object.defineProperty;
-var t = (i, r) => it(i, "name", { value: r, configurable: !0 });
-import { jsx as a, jsxs as X, Fragment as We } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { createElement as st } from "@emotion/react";
-import { useOwpTranslation as ct } from "../../hooks/useOwpTranslation.js";
+var ut = Object.defineProperty;
+var t = (a, l) => ut(a, "name", { value: l, configurable: !0 });
+import { jsx as i, jsxs as X, Fragment as We } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { createElement as ct } from "@emotion/react";
+import { useOwpTranslation as pt } from "../../hooks/useOwpTranslation.js";
 import Ge from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/ArrowDropDown.js";
-import Ze from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/Clear.js";
-import { Box as W, Chip as Ke, Checkbox as ut, TextField as $e, CircularProgress as qe, Autocomplete as Ye, ClickAwayListener as pt, Paper as lt, Popper as rt, IconButton as Je } from "@mui/material";
-import mt from "@mui/material/useAutocomplete";
+import qe from "../../node_modules/.pnpm/@mui_icons-material@7.3.9_@mui_material@7.3.9_@emotion_react@11.14.0_@types_react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/Clear.js";
+import { Box as K, Chip as Ke, Checkbox as mt, TextField as Ze, CircularProgress as $e, Autocomplete as Ye, ClickAwayListener as dt, Paper as lt, Popper as rt, IconButton as Je } from "@mui/material";
+import ft from "@mui/material/useAutocomplete";
 import { alpha as j } from "@mui/material/styles";
-import { clsx as K } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { useMemo as se, useState as Pe, useRef as Y, useCallback as R, useEffect as Se } from "react";
-import { SELECTOR_ALL_VALUE_LABEL_SX as dt, SELECTOR_ALL_OPTION_LABEL_SX as ft } from "./selectorBaseStyles.js";
-import { isSelectorAllOption as q } from "./utils/querySelectorUtils.js";
-const Qe = 2, It = 152, Fe = 72, Xe = 18.57, Tt = "11px !important", ht = "2px !important", At = "5px !important", gt = 100, ie = 36, ke = 8, et = 8, tt = 8, Ot = 30, bt = 26, Et = /[\u0300-\u036f]/g, Mt = /* @__PURE__ */ t((i, r) => {
-  if (typeof i == "function") {
-    i(r);
+import { clsx as G } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useMemo as se, useState as ke, useRef as Y, useCallback as R, useEffect as Se } from "react";
+import { SELECTOR_ALL_VALUE_LABEL_SX as It, SELECTOR_ALL_OPTION_LABEL_SX as Tt } from "./selectorBaseStyles.js";
+import { isSelectorAllOption as $ } from "./utils/querySelectorUtils.js";
+const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !important", Ot = "5px !important", bt = 100, ie = 36, Pe = 8, et = 8, tt = 8, Et = 30, Mt = 26, St = /[\u0300-\u036f]/g, yt = /* @__PURE__ */ t((a, l) => {
+  if (typeof a == "function") {
+    a(l);
     return;
   }
-  i && (i.current = r);
-}, "assignAutocompleteListboxRef"), St = /* @__PURE__ */ t((i, r, g, h) => {
-  const E = /* @__PURE__ */ new Set(), M = /* @__PURE__ */ t((f) => {
-    f >= 0 && f < i && E.add(f);
+  a && (a.current = l);
+}, "assignAutocompleteListboxRef"), Lt = /* @__PURE__ */ t((a, l, T, h) => {
+  const M = /* @__PURE__ */ new Set(), S = /* @__PURE__ */ t((f) => {
+    f >= 0 && f < a && M.add(f);
   }, "addIndex");
-  M(0), M(i - 1), M(h);
-  for (let f = r; f < g; f += 1)
-    M(f);
-  return Array.from(E).sort((f, L) => f - L);
-}, "getVirtualizedOptionIndexes"), yt = /* @__PURE__ */ t((i) => [
+  S(0), S(a - 1), S(h);
+  for (let f = l; f < T; f += 1)
+    S(f);
+  return Array.from(M).sort((f, C) => f - C);
+}, "getVirtualizedOptionIndexes"), Ct = /* @__PURE__ */ t((a) => [
   {
     listStyle: "none",
     margin: 0,
@@ -34,7 +34,7 @@ const Qe = 2, It = 152, Fe = 72, Xe = 18.57, Tt = "11px !important", ht = "2px !
     overflow: "auto",
     padding: 0,
     position: "relative",
-    ...i ? { height: i } : {},
+    ...a ? { height: a } : {},
     "& .MuiAutocomplete-option": {
       alignItems: "center",
       boxSizing: "border-box",
@@ -53,163 +53,169 @@ const Qe = 2, It = 152, Fe = 72, Xe = 18.57, Tt = "11px !important", ht = "2px !
         minHeight: "auto"
       },
       "&.Mui-focused": {
-        backgroundColor: /* @__PURE__ */ t((r) => r.palette.action.hover, "backgroundColor"),
+        backgroundColor: /* @__PURE__ */ t((l) => l.palette.action.hover, "backgroundColor"),
         "@media (hover: none)": {
           backgroundColor: "transparent"
         }
       },
       "&.Mui-focusVisible": {
-        backgroundColor: /* @__PURE__ */ t((r) => r.palette.action.focus, "backgroundColor")
+        backgroundColor: /* @__PURE__ */ t((l) => l.palette.action.focus, "backgroundColor")
       },
       '&[aria-disabled="true"]': {
-        opacity: /* @__PURE__ */ t((r) => r.palette.action.disabledOpacity, "opacity"),
+        opacity: /* @__PURE__ */ t((l) => l.palette.action.disabledOpacity, "opacity"),
         pointerEvents: "none"
       },
       '&[aria-selected="true"]': {
-        backgroundColor: /* @__PURE__ */ t((r) => j(r.palette.primary.main, r.palette.action.selectedOpacity), "backgroundColor"),
+        backgroundColor: /* @__PURE__ */ t((l) => j(l.palette.primary.main, l.palette.action.selectedOpacity), "backgroundColor"),
         "&.Mui-focused": {
-          backgroundColor: /* @__PURE__ */ t((r) => j(
-            r.palette.primary.main,
-            r.palette.action.selectedOpacity + r.palette.action.hoverOpacity
+          backgroundColor: /* @__PURE__ */ t((l) => j(
+            l.palette.primary.main,
+            l.palette.action.selectedOpacity + l.palette.action.hoverOpacity
           ), "backgroundColor"),
           "@media (hover: none)": {
-            backgroundColor: /* @__PURE__ */ t((r) => r.palette.action.selected, "backgroundColor")
+            backgroundColor: /* @__PURE__ */ t((l) => l.palette.action.selected, "backgroundColor")
           }
         },
         "&.Mui-focusVisible": {
-          backgroundColor: /* @__PURE__ */ t((r) => j(
-            r.palette.primary.main,
-            r.palette.action.selectedOpacity + r.palette.action.focusOpacity
+          backgroundColor: /* @__PURE__ */ t((l) => j(
+            l.palette.primary.main,
+            l.palette.action.selectedOpacity + l.palette.action.focusOpacity
           ), "backgroundColor")
         }
       }
     }
   }
-], "getVirtualizedAutocompleteListboxSx"), Lt = /* @__PURE__ */ t(({
-  getListboxProps: i,
-  getOptionProps: r,
-  options: g,
+], "getVirtualizedAutocompleteListboxSx"), Dt = /* @__PURE__ */ t(({
+  getListboxProps: a,
+  getOptionProps: l,
+  options: T,
   selectedOption: h
 }) => {
-  const E = i(), { ref: M, style: f, ...L } = E, x = Y(null), [_, U] = Pe(0), O = g.length, d = Math.max(0, Math.min(_, Math.max(O - 1, 0))), z = Math.min(
+  const M = a(), { ref: S, style: f, ...C } = M, w = Y(null), [v, U] = ke(0), O = T.length, d = Math.max(0, Math.min(v, Math.max(O - 1, 0))), z = Math.min(
     O,
     d + et + tt * 2
   ), N = se(() => {
     if (!h)
       return -1;
     for (let p = 0; p < O; p += 1)
-      if (g[p].value === h.value)
+      if (T[p].value === h.value)
         return p;
     return -1;
-  }, [O, g, h]), ce = se(
-    () => St(
+  }, [O, T, h]), ue = se(
+    () => Lt(
       O,
       d,
       z,
       N
     ),
     [O, N, z, d]
-  ), I = Math.min(O, et) * ie + ke * 2, H = R(
+  ), I = Math.min(O, et) * ie + Pe * 2, H = R(
     (p) => {
-      x.current = p, Mt(M, p);
+      w.current = p, yt(S, p);
     },
-    [M]
-  ), T = /* @__PURE__ */ t((p) => {
-    const l = Math.max(
+    [S]
+  ), g = /* @__PURE__ */ t((p) => {
+    const r = Math.max(
       0,
       Math.floor(
-        (p.currentTarget.scrollTop - ke) / ie
+        (p.currentTarget.scrollTop - Pe) / ie
       ) - tt
     );
     U(
-      (s) => s === l ? s : l
+      (u) => u === r ? u : r
     );
   }, "handleScroll");
   return Se(() => {
-    U(0), x.current && (x.current.scrollTop = 0);
-  }, [O]), /* @__PURE__ */ a(
-    W,
+    U(0), w.current && (w.current.scrollTop = 0);
+  }, [O]), /* @__PURE__ */ i(
+    K,
     {
       component: "div",
-      ...L,
+      ...C,
       ref: H,
-      onScroll: T,
+      onScroll: g,
       style: f,
-      sx: yt(I),
-      children: /* @__PURE__ */ a(
-        W,
+      sx: Ct(I),
+      children: /* @__PURE__ */ i(
+        K,
         {
           component: "ul",
           sx: {
-            height: O * ie + ke * 2,
+            height: O * ie + Pe * 2,
             listStyle: "none",
             margin: 0,
             padding: 0,
             position: "relative"
           },
-          children: ce.map((p) => {
-            const l = g[p], s = r({ option: l, index: p }), { key: C, ...D } = s, S = ke + p * ie;
-            return /* @__PURE__ */ a(
+          children: ue.map((p) => {
+            const r = T[p], u = l({ option: r, index: p }), { key: D, ...y } = u, L = Pe + p * ie;
+            return /* @__PURE__ */ i(
               "li",
               {
-                ...D,
-                className: K("MuiAutocomplete-option", D.className),
+                ...y,
+                className: G("MuiAutocomplete-option", y.className),
                 style: {
-                  ...D.style,
+                  ...y.style,
                   height: ie,
                   left: 0,
                   minHeight: ie,
                   position: "absolute",
                   right: 0,
-                  top: S
+                  top: L
                 },
-                children: je(l)
+                children: je(r)
               },
-              C
+              D
             );
           })
         }
       )
     }
   );
-}, "OwpVirtualizedAutocompleteOptionList"), ot = /* @__PURE__ */ t((i, r) => {
-  const g = i.target;
-  return g instanceof HTMLInputElement ? g.value : r ?? "";
-}, "getCurrentAutocompleteInputValue"), A = /* @__PURE__ */ t((i) => typeof i == "string" || typeof i == "number" ? `${i}` : "", "getAutocompleteOptionLabel"), nt = /* @__PURE__ */ t((i) => i.normalize("NFD").replace(Et, "").toLowerCase(), "normalizeAutocompleteSearchText"), je = /* @__PURE__ */ t((i) => /* @__PURE__ */ a(
-  W,
+}, "OwpVirtualizedAutocompleteOptionList"), ot = /* @__PURE__ */ t((a, l) => {
+  const T = a.target;
+  return T instanceof HTMLInputElement ? T.value : l ?? "";
+}, "getCurrentAutocompleteInputValue"), A = /* @__PURE__ */ t((a) => typeof a == "string" || typeof a == "number" ? `${a}` : "", "getAutocompleteOptionLabel"), nt = /* @__PURE__ */ t((a) => a.normalize("NFD").replace(St, "").toLowerCase(), "normalizeAutocompleteSearchText"), at = /* @__PURE__ */ t((a, l) => a && l === "reset", "shouldIgnorePendingAutocompleteInputReset"), it = /* @__PURE__ */ t((a) => {
+  var T;
+  const l = (T = a.closest(".MuiAutocomplete-root")) == null ? void 0 : T.querySelector("input");
+  l && window.requestAnimationFrame(() => {
+    l.focus(), l.setSelectionRange(l.value.length, l.value.length);
+  });
+}, "focusAutocompleteInputFromClearElement"), je = /* @__PURE__ */ t((a) => /* @__PURE__ */ i(
+  K,
   {
     component: "span",
-    sx: q(i) ? ft : void 0,
-    children: i.label
+    sx: $(a) ? Tt : void 0,
+    children: a.label
   }
-), "renderAutocompleteOptionLabel"), Ct = /* @__PURE__ */ t(({
-  autocompleteInputValue: i,
-  autocompleteSx: r,
-  className: g,
+), "renderAutocompleteOptionLabel"), _t = /* @__PURE__ */ t(({
+  autocompleteInputValue: a,
+  autocompleteSx: l,
+  className: T,
   disableClientFilter: h,
-  disabled: E,
-  error: M,
+  disabled: M,
+  error: S,
   fullWidth: f,
-  helperText: L,
-  label: x,
-  loading: _,
+  helperText: C,
+  label: w,
+  loading: v,
   loadingText: U,
   noOptionsText: O,
   onAutocompleteInputChange: d,
   options: z,
   placeholder: N,
-  required: ce,
+  required: ue,
   resolvedTextFieldVariant: I,
   selectSingleValue: H,
-  selectedOption: T,
+  selectedOption: g,
   showAllOption: p,
-  singleAutocompleteInputSx: l,
-  textFieldProps: s
+  singleAutocompleteInputSx: r,
+  textFieldProps: u
 }) => {
-  var re, be, _e, ve, Ne, xe, Ve;
-  const C = i !== void 0, D = Y(!1), S = Y(!1), [ue, pe] = Pe(
-    () => T ? A(T.label) : ""
-  ), me = C ? i : ue, b = se(
+  var re, be, _e, ve, Ne, xe, we;
+  const D = a !== void 0, y = Y(!1), L = Y(!1), [ce, pe] = ke(
+    () => g ? A(g.label) : ""
+  ), me = D ? a : ce, b = se(
     () => new Map(
       z.map((o) => [
         o.value,
@@ -217,27 +223,27 @@ const Qe = 2, It = 152, Fe = 72, Xe = 18.57, Tt = "11px !important", ht = "2px !
       ])
     ),
     [z]
-  ), v = R(
+  ), _ = R(
     (o) => {
-      C || pe(o);
+      D || pe(o);
     },
-    [C]
+    [D]
   ), J = R((o) => {
-    D.current = !0, v(""), d == null || d("", o);
-  }, [d, v]), Q = R(() => {
-    const o = T ? A(T.label) : "";
-    D.current = !1, v(o), d == null || d(o, "reset");
-  }, [d, T, v]), F = R(
-    (o, u) => {
-      var we;
+    y.current = !0, _(""), d == null || d("", o);
+  }, [d, _]), Q = R(() => {
+    const o = g ? A(g.label) : "";
+    y.current = !1, _(o), d == null || d(o, "reset");
+  }, [d, g, _]), F = R(
+    (o, c) => {
+      var Ve;
       if (h)
         return o;
-      const y = nt(u.inputValue);
-      if (!y)
+      const E = nt(c.inputValue);
+      if (!E)
         return o;
       const ae = [];
       for (const Ee of o)
-        (we = b.get(Ee.value)) != null && we.includes(y) && ae.push(Ee);
+        (Ve = b.get(Ee.value)) != null && Ve.includes(E) && ae.push(Ee);
       return ae;
     },
     [h, b]
@@ -254,88 +260,95 @@ const Qe = 2, It = 152, Fe = 72, Xe = 18.57, Tt = "11px !important", ht = "2px !
     groupedOptions: B,
     popupOpen: ee,
     setAnchorEl: te
-  } = mt({
+  } = ft({
     componentName: "OwpSelectorAutocomplete",
-    disabled: E,
+    disabled: M,
     filterOptions: F,
     getOptionKey: /* @__PURE__ */ t((o) => o.value, "getOptionKey"),
     getOptionLabel: /* @__PURE__ */ t((o) => A(o.label), "getOptionLabel"),
     inputValue: me,
-    isOptionEqualToValue: /* @__PURE__ */ t((o, u) => o.value === u.value, "isOptionEqualToValue"),
-    onChange: /* @__PURE__ */ t((o, u, y) => {
-      if (y === "clear" || y === "removeOption") {
-        J(y);
+    isOptionEqualToValue: /* @__PURE__ */ t((o, c) => o.value === c.value, "isOptionEqualToValue"),
+    onChange: /* @__PURE__ */ t((o, c, E) => {
+      if (E === "clear" || E === "removeOption") {
+        J(E);
         return;
       }
-      if (D.current = !1, !u || p && q(u)) {
-        v(
-          u ? A(u.label) : ""
+      if (y.current = !1, !c || p && $(c)) {
+        _(
+          c ? A(c.label) : ""
         ), H("");
         return;
       }
-      v(A(u.label)), H(u.value);
+      _(A(c.label)), H(c.value);
     }, "onChange"),
-    onInputChange: /* @__PURE__ */ t((o, u, y) => {
-      y === "input" && (D.current = !0), v(u), d == null || d(u, y);
+    onInputChange: /* @__PURE__ */ t((o, c, E) => {
+      if (at(
+        y.current,
+        E
+      )) {
+        _("");
+        return;
+      }
+      E === "input" && (y.current = !0), _(c), d == null || d(c, E);
     }, "onInputChange"),
     options: z,
     selectOnFocus: !0,
-    value: T
-  }), G = Te(), w = V(), De = ye(), he = fe(), oe = Ce(), k = Re && !E && me !== "", Z = (re = s == null ? void 0 : s.slotProps) == null ? void 0 : re.htmlInput, {
+    value: g
+  }), q = Te(), P = V(), De = ye(), ge = fe(), oe = Ce(), k = Re && !M && me !== "", W = (re = u == null ? void 0 : u.slotProps) == null ? void 0 : re.htmlInput, {
     className: ne,
-    onBlur: Ae,
+    onBlur: he,
     onKeyDown: le,
     ...Ue
-  } = Z ?? {}, ze = (_e = (be = s == null ? void 0 : s.slotProps) == null ? void 0 : be.input) == null ? void 0 : _e.className, He = R(
+  } = W ?? {}, ze = (_e = (be = u == null ? void 0 : u.slotProps) == null ? void 0 : be.input) == null ? void 0 : _e.className, He = R(
     (o) => {
       te(o);
     },
     [te]
-  ), ge = /* @__PURE__ */ t((o) => {
-    o.preventDefault(), o.stopPropagation(), S.current = !1, J("clear");
+  ), Ae = /* @__PURE__ */ t((o) => {
+    o.preventDefault(), o.stopPropagation(), L.current = !1, J("clear"), it(o.currentTarget);
   }, "handleClearClick"), Oe = /* @__PURE__ */ t((o) => {
-    o.preventDefault(), o.stopPropagation(), S.current = !0;
+    o.preventDefault(), o.stopPropagation(), L.current = !0;
   }, "handleClearMouseDown"), Be = /* @__PURE__ */ t((o) => {
-    if (le == null || le(o), o.defaultPrevented || E)
+    if (le == null || le(o), o.defaultPrevented || M)
       return;
     if (o.key === "Escape" || o.key === "Tab") {
       Q();
       return;
     }
-    if (o.key !== "Backspace" && o.key !== "Delete" || !T)
+    if (o.key !== "Backspace" && o.key !== "Delete" || !g)
       return;
-    const u = o.currentTarget.value, y = A(T.label), ae = o.currentTarget.selectionStart !== o.currentTarget.selectionEnd;
-    (u === "" || u === y || ae) && (o.preventDefault(), o.defaultMuiPrevented = !0, J("input"));
-  }, "handleInputKeyDown"), P = /* @__PURE__ */ t((o) => {
-    var u;
-    if ((u = w.onBlur) == null || u.call(w, o), Ae == null || Ae(o), S.current) {
-      S.current = !1;
+    const c = o.currentTarget.value, E = A(g.label), ae = o.currentTarget.selectionStart !== o.currentTarget.selectionEnd;
+    (c === "" || c === E || ae) && (o.preventDefault(), o.defaultMuiPrevented = !0, J("input"));
+  }, "handleInputKeyDown"), x = /* @__PURE__ */ t((o) => {
+    var c;
+    if ((c = P.onBlur) == null || c.call(P, o), he == null || he(o), L.current) {
+      L.current = !1;
       return;
     }
     Q();
   }, "handleInputBlur");
   return Se(() => {
-    C || D.current || pe(
-      T ? A(T.label) : ""
+    D || y.current || pe(
+      g ? A(g.label) : ""
     );
-  }, [C, T]), /* @__PURE__ */ X(
-    W,
+  }, [D, g]), /* @__PURE__ */ X(
+    K,
     {
-      ...G,
-      className: K(
+      ...q,
+      className: G(
         "MuiAutocomplete-root min-w-128",
         f && "MuiAutocomplete-fullWidth",
         ee && "Mui-expanded",
         k && "MuiAutocomplete-hasClearIcon",
         "MuiAutocomplete-hasPopupIcon",
-        g
+        T
       ),
       sx: [
-        r,
+        l,
         f ? { width: "100%" } : void 0,
         {
           "& .MuiAutocomplete-inputRoot": {
-            paddingRight: `${Ot + (k ? bt : 0)}px !important`,
+            paddingRight: `${Et + (k ? Mt : 0)}px !important`,
             position: "relative"
           },
           "& .MuiAutocomplete-inputRoot .MuiAutocomplete-input": {
@@ -369,81 +382,81 @@ const Qe = 2, It = 152, Fe = 72, Xe = 18.57, Tt = "11px !important", ht = "2px !
         }
       ],
       children: [
-        /* @__PURE__ */ a(
-          $e,
+        /* @__PURE__ */ i(
+          Ze,
           {
-            ...s,
-            disabled: E,
-            error: M,
+            ...u,
+            disabled: M,
+            error: S,
             fullWidth: f,
-            helperText: L,
-            label: x,
+            helperText: C,
+            label: w,
             placeholder: N,
-            required: ce,
+            required: ue,
             slotProps: {
-              ...s == null ? void 0 : s.slotProps,
+              ...u == null ? void 0 : u.slotProps,
               htmlInput: {
-                ...w,
+                ...P,
                 ...Ue,
-                className: K(
+                className: G(
                   "MuiAutocomplete-input",
-                  w.className,
+                  P.className,
                   ne
                 ),
-                onBlur: P,
+                onBlur: x,
                 onKeyDown: Be
               },
               input: {
-                ...(ve = s == null ? void 0 : s.slotProps) == null ? void 0 : ve.input,
+                ...(ve = u == null ? void 0 : u.slotProps) == null ? void 0 : ve.input,
                 ref: He,
-                className: K("MuiAutocomplete-inputRoot", ze),
+                className: G("MuiAutocomplete-inputRoot", ze),
                 sx: {
-                  ...l ?? {},
-                  ...((xe = (Ne = s == null ? void 0 : s.slotProps) == null ? void 0 : Ne.input) == null ? void 0 : xe.sx) ?? {}
+                  ...r ?? {},
+                  ...((xe = (Ne = u == null ? void 0 : u.slotProps) == null ? void 0 : Ne.input) == null ? void 0 : xe.sx) ?? {}
                 },
-                endAdornment: /* @__PURE__ */ X(W, { className: "MuiAutocomplete-endAdornment", children: [
-                  _ ? /* @__PURE__ */ a(qe, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
-                  k ? /* @__PURE__ */ a(
+                endAdornment: /* @__PURE__ */ X(K, { className: "MuiAutocomplete-endAdornment", children: [
+                  v ? /* @__PURE__ */ i($e, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
+                  k ? /* @__PURE__ */ i(
                     Je,
                     {
                       className: "MuiAutocomplete-clearIndicator m-0",
-                      onClick: ge,
+                      onClick: Ae,
                       onMouseDown: Oe,
                       size: "small",
-                      tabIndex: he.tabIndex,
+                      tabIndex: ge.tabIndex,
                       type: "button",
-                      children: /* @__PURE__ */ a(Ze, { sx: { fontSize: Xe } })
+                      children: /* @__PURE__ */ i(qe, { sx: { fontSize: Xe } })
                     }
                   ) : null,
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ i(
                     Je,
                     {
-                      className: K(
+                      className: G(
                         "MuiAutocomplete-popupIndicator m-0",
                         ee && "MuiAutocomplete-popupIndicatorOpen"
                       ),
                       onClick: /* @__PURE__ */ t((o) => {
-                        var u;
-                        return (u = oe.onClick) == null ? void 0 : u.call(oe, o);
+                        var c;
+                        return (c = oe.onClick) == null ? void 0 : c.call(oe, o);
                       }, "onClick"),
                       size: "small",
-                      disabled: E,
+                      disabled: M,
                       tabIndex: oe.tabIndex,
                       type: "button",
-                      children: /* @__PURE__ */ a(Ge, {})
+                      children: /* @__PURE__ */ i(Ge, {})
                     }
                   )
                 ] })
               },
               inputLabel: {
                 ...De,
-                ...(Ve = s == null ? void 0 : s.slotProps) == null ? void 0 : Ve.inputLabel
+                ...(we = u == null ? void 0 : u.slotProps) == null ? void 0 : we.inputLabel
               }
             },
             variant: I
           }
         ),
-        de ? /* @__PURE__ */ a(
+        de ? /* @__PURE__ */ i(
           rt,
           {
             anchorEl: de,
@@ -463,9 +476,9 @@ const Qe = 2, It = 152, Fe = 72, Xe = 18.57, Tt = "11px !important", ht = "2px !
                   }
                 },
                 children: [
-                  _ && B.length === 0 ? /* @__PURE__ */ a(W, { sx: { fontSize: 14, px: 1, py: 1.5, whiteSpace: "nowrap" }, children: U }) : null,
-                  !_ && B.length === 0 ? /* @__PURE__ */ a(
-                    W,
+                  v && B.length === 0 ? /* @__PURE__ */ i(K, { sx: { fontSize: 14, px: 1, py: 1.5, whiteSpace: "nowrap" }, children: U }) : null,
+                  !v && B.length === 0 ? /* @__PURE__ */ i(
+                    K,
                     {
                       className: "MuiAutocomplete-noOptions",
                       onMouseDown: /* @__PURE__ */ t((o) => {
@@ -475,13 +488,13 @@ const Qe = 2, It = 152, Fe = 72, Xe = 18.57, Tt = "11px !important", ht = "2px !
                       children: O
                     }
                   ) : null,
-                  B.length > 0 ? /* @__PURE__ */ a(
-                    Lt,
+                  B.length > 0 ? /* @__PURE__ */ i(
+                    Dt,
                     {
                       getListboxProps: Le,
                       getOptionProps: Ie,
                       options: B,
-                      selectedOption: T
+                      selectedOption: g
                     }
                   ) : null
                 ]
@@ -492,50 +505,50 @@ const Qe = 2, It = 152, Fe = 72, Xe = 18.57, Tt = "11px !important", ht = "2px !
       ]
     }
   );
-}, "OwpVirtualizedSingleSelectorAutocomplete"), Bt = /* @__PURE__ */ t(({ hookResult: i, props: r }) => {
+}, "OwpVirtualizedSingleSelectorAutocomplete"), Kt = /* @__PURE__ */ t(({ hookResult: a, props: l }) => {
   var Ee;
-  const { t: g } = ct(), {
+  const { t: T } = pt(), {
     autocompleteInputValue: h,
-    autocompleteVirtualizationThreshold: E,
-    className: M,
+    autocompleteVirtualizationThreshold: M,
+    className: S,
     disableClientFilter: f,
-    disabled: L,
-    error: x,
-    fullWidth: _,
+    disabled: C,
+    error: w,
+    fullWidth: v,
     helperText: U,
     label: O,
     loading: d,
     loadingText: z,
     multiple: N,
-    noOptionsText: ce,
+    noOptionsText: ue,
     onAutocompleteInputChange: I,
     placeholder: H,
-    required: T,
+    required: g,
     showAllOption: p = !0,
-    textFieldProps: l,
-    valueTextAlign: s
-  } = r, {
-    allOption: C,
-    clearSelection: D,
-    isAllSelected: S,
-    resolvedOptions: ue,
+    textFieldProps: r,
+    valueTextAlign: u
+  } = l, {
+    allOption: D,
+    clearSelection: y,
+    isAllSelected: L,
+    resolvedOptions: ce,
     restoreAllSelection: pe,
     selectAll: me,
     selectedOption: b,
-    selectedOptions: v,
+    selectedOptions: _,
     selectMultipleValues: J,
     selectSingleValue: Q
-  } = i, F = se(
-    () => p ? [C, ...ue] : ue,
-    [C, ue, p]
-  ), de = E === !1 ? Number.POSITIVE_INFINITY : Math.max(1, E ?? gt), Re = F.length >= de, fe = se(
-    () => v.filter((e) => !q(e)),
-    [v]
+  } = a, F = se(
+    () => p ? [D, ...ce] : ce,
+    [D, ce, p]
+  ), de = M === !1 ? Number.POSITIVE_INFINITY : Math.max(1, M ?? bt), Re = F.length >= de, fe = se(
+    () => _.filter((e) => !$(e)),
+    [_]
   ), ye = se(
-    () => S ? [] : fe.slice(Qe),
-    [fe, S]
-  ), V = ye.length, [Le, Ie] = Pe(null), Ce = Y(null), Te = ce ?? g(f ? "Message.검색 결과 없음" : "Message.조회된 결과가 없습니다."), B = z ?? g("Common.로딩 중..."), ee = Y(
-    N && p && ((r.value ?? r.defaultValue) == null || (r.value ?? r.defaultValue) === "")
+    () => L ? [] : fe.slice(Qe),
+    [fe, L]
+  ), V = ye.length, [Le, Ie] = ke(null), Ce = Y(null), Te = ue ?? T(f ? "Message.검색 결과 없음" : "Message.조회된 결과가 없습니다."), B = z ?? T("Common.로딩 중..."), ee = Y(
+    N && p && ((l.value ?? l.defaultValue) == null || (l.value ?? l.defaultValue) === "")
   ), te = {
     clearIndicator: {
       className: "m-0 p-0",
@@ -557,13 +570,13 @@ const Qe = 2, It = 152, Fe = 72, Xe = 18.57, Tt = "11px !important", ht = "2px !
       size: "small",
       tabIndex: -1
     }
-  }, G = (l == null ? void 0 : l.variant) ?? "standard", w = G === "standard" ? Tt : G === "outlined" ? (l == null ? void 0 : l.size) === "small" ? At : ht : void 0, De = w || s ? {
+  }, q = (r == null ? void 0 : r.variant) ?? "standard", P = q === "standard" ? ht : q === "outlined" ? (r == null ? void 0 : r.size) === "small" ? Ot : At : void 0, De = P || u ? {
     "& .MuiAutocomplete-input": {
-      ...w ? { paddingLeft: w } : {},
-      ...s ? { textAlign: s } : {}
+      ...P ? { paddingLeft: P } : {},
+      ...u ? { textAlign: u } : {}
     }
-  } : void 0, he = {
-    minWidth: It,
+  } : void 0, ge = {
+    minWidth: gt,
     "& .MuiAutocomplete-endAdornment": {
       "& .MuiAutocomplete-clearIndicator + .MuiAutocomplete-popupIndicator": {
         ml: 0
@@ -580,43 +593,43 @@ const Qe = 2, It = 152, Fe = 72, Xe = 18.57, Tt = "11px !important", ht = "2px !
       right: 0
     }
   }, oe = {
-    ...he,
+    ...ge,
     "& .MuiAutocomplete-inputRoot .MuiAutocomplete-input": {
       flexBasis: Fe,
       minWidth: Fe
     }
-  }, k = h !== void 0, Z = Y(!1), ne = Y(!1), [Ae, le] = Pe(
+  }, k = h !== void 0, W = Y(!1), ne = Y(!1), [he, le] = ke(
     () => b ? A(b.label) : ""
-  ), Ue = k ? h : Ae, ze = (Ee = l == null ? void 0 : l.slotProps) == null ? void 0 : Ee.htmlInput, {
+  ), Ue = k ? h : he, ze = (Ee = r == null ? void 0 : r.slotProps) == null ? void 0 : Ee.htmlInput, {
     className: He,
-    onBlur: ge,
+    onBlur: Ae,
     onKeyDown: Oe,
     ...Be
-  } = ze ?? {}, P = R(
+  } = ze ?? {}, x = R(
     (e) => {
       k || le(e);
     },
     [k]
   ), re = R(
     (e, n = !0) => {
-      Z.current = !0, P(""), n && (I == null || I("", e));
+      W.current = !0, x(""), n && (I == null || I("", e));
     },
-    [I, P]
+    [I, x]
   ), be = R(() => {
     const e = b ? A(b.label) : "";
-    Z.current = !1, P(e), I == null || I(e, "reset");
-  }, [I, b, P]);
+    W.current = !1, x(e), I == null || I(e, "reset");
+  }, [I, b, x]);
   Se(() => {
     V || Ie(null);
   }, [V]), Se(() => {
-    N || k || Z.current || le(
+    N || k || W.current || le(
       b ? A(b.label) : ""
     );
   }, [k, N, b]), Se(() => {
-    var c;
+    var s;
     if (!ee.current)
       return;
-    const e = (c = Ce.current) == null ? void 0 : c.closest("form");
+    const e = (s = Ce.current) == null ? void 0 : s.closest("form");
     if (!e)
       return;
     const n = /* @__PURE__ */ t(() => {
@@ -640,19 +653,19 @@ const Qe = 2, It = 152, Fe = 72, Xe = 18.57, Tt = "11px !important", ht = "2px !
     J(
       fe.filter((n) => n.value !== e).map((n) => n.value)
     );
-  }, "handleHiddenChipDelete"), Ve = /* @__PURE__ */ t((e) => {
-    var c;
+  }, "handleHiddenChipDelete"), we = /* @__PURE__ */ t((e) => {
+    var s;
     const n = ot(e, h);
-    (S || V > 0) && n === "" && (e.key === "Backspace" || e.key === "Delete") && (e.defaultMuiPrevented = !0, e.preventDefault(), e.stopPropagation()), (c = l == null ? void 0 : l.onKeyDown) == null || c.call(
-      l,
+    (L || V > 0) && n === "" && (e.key === "Backspace" || e.key === "Delete") && (e.defaultMuiPrevented = !0, e.preventDefault(), e.stopPropagation()), (s = r == null ? void 0 : r.onKeyDown) == null || s.call(
+      r,
       e
     );
   }, "handleMultipleRootKeyDown"), o = /* @__PURE__ */ t((e) => {
     e.preventDefault(), e.stopPropagation(), ne.current = !0;
-  }, "handleSingleAutocompleteClearMouseDown"), u = /* @__PURE__ */ t((e) => {
-    e.preventDefault(), e.stopPropagation(), ne.current = !1, re("clear");
-  }, "handleSingleAutocompleteClearClick"), y = /* @__PURE__ */ t((e) => {
-    if (Oe == null || Oe(e), e.defaultPrevented || L)
+  }, "handleSingleAutocompleteClearMouseDown"), c = /* @__PURE__ */ t((e) => {
+    e.preventDefault(), e.stopPropagation(), ne.current = !1, re("clear"), it(e.currentTarget);
+  }, "handleSingleAutocompleteClearClick"), E = /* @__PURE__ */ t((e) => {
+    if (Oe == null || Oe(e), e.defaultPrevented || C)
       return;
     if (e.key === "Escape" || e.key === "Tab") {
       be();
@@ -660,32 +673,32 @@ const Qe = 2, It = 152, Fe = 72, Xe = 18.57, Tt = "11px !important", ht = "2px !
     }
     if (e.key !== "Backspace" && e.key !== "Delete" || !b)
       return;
-    const n = e.currentTarget.value, c = A(b.label), m = e.currentTarget.selectionStart !== e.currentTarget.selectionEnd;
-    (n === "" || n === c || m) && (e.preventDefault(), e.defaultMuiPrevented = !0, re("input"));
+    const n = e.currentTarget.value, s = A(b.label), m = e.currentTarget.selectionStart !== e.currentTarget.selectionEnd;
+    (n === "" || n === s || m) && (e.preventDefault(), e.defaultMuiPrevented = !0, re("input"));
   }, "handleSingleAutocompleteInputKeyDown"), ae = /* @__PURE__ */ t((e, n) => {
     if (ne.current) {
       ne.current = !1;
       return;
     }
-    n == null || n(e), ge == null || ge(e), be();
-  }, "handleSingleAutocompleteInputBlur"), we = {
+    n == null || n(e), Ae == null || Ae(e), be();
+  }, "handleSingleAutocompleteInputBlur"), Ve = {
     ...te,
     clearIndicator: {
       ...te.clearIndicator,
-      onClick: u,
+      onClick: c,
       onMouseDown: o
     }
   };
-  return !N && Re ? /* @__PURE__ */ a(
-    Ct,
+  return !N && Re ? /* @__PURE__ */ i(
+    _t,
     {
       autocompleteInputValue: h,
-      autocompleteSx: he,
-      className: M,
+      autocompleteSx: ge,
+      className: S,
       disableClientFilter: f,
-      disabled: L,
-      error: x,
-      fullWidth: _,
+      disabled: C,
+      error: w,
+      fullWidth: v,
       helperText: U,
       label: O,
       loading: d,
@@ -694,127 +707,127 @@ const Qe = 2, It = 152, Fe = 72, Xe = 18.57, Tt = "11px !important", ht = "2px !
       onAutocompleteInputChange: I,
       options: F,
       placeholder: H,
-      required: T,
-      resolvedTextFieldVariant: G,
+      required: g,
+      resolvedTextFieldVariant: q,
       selectSingleValue: Q,
       selectedOption: b,
       showAllOption: p,
       singleAutocompleteInputSx: De,
-      textFieldProps: l
+      textFieldProps: r
     }
   ) : N ? /* @__PURE__ */ X(We, { children: [
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ i(
       Ye,
       {
         ref: Ce,
-        className: K("min-w-128", M),
+        className: G("min-w-128", S),
         disableCloseOnSelect: !0,
-        disabled: L,
+        disabled: C,
         filterOptions: f ? (e) => e : void 0,
-        fullWidth: _,
+        fullWidth: v,
         inputValue: h,
         loading: d,
         multiple: !0,
         options: F,
         clearText: "",
         closeText: "",
-        clearIcon: /* @__PURE__ */ a(Ze, { sx: { fontSize: Xe } }),
+        clearIcon: /* @__PURE__ */ i(qe, { sx: { fontSize: Xe } }),
         openText: "",
-        popupIcon: /* @__PURE__ */ a(Ge, {}),
+        popupIcon: /* @__PURE__ */ i(Ge, {}),
         sx: oe,
-        value: v,
+        value: _,
         getOptionLabel: /* @__PURE__ */ t((e) => A(e.label), "getOptionLabel"),
         getOptionKey: /* @__PURE__ */ t((e) => e.value, "getOptionKey"),
         isOptionEqualToValue: /* @__PURE__ */ t((e, n) => e.value === n.value, "isOptionEqualToValue"),
         loadingText: B,
         noOptionsText: Te,
-        onChange: /* @__PURE__ */ t((e, n, c, m) => {
-          const $ = e.type === "keydown" ? ot(
+        onChange: /* @__PURE__ */ t((e, n, s, m) => {
+          const Z = e.type === "keydown" ? ot(
             e,
             h
           ) : h ?? "";
-          if (c === "removeOption" && e.type === "keydown" && $ === "" && (S || V > 0)) {
+          if (s === "removeOption" && e.type === "keydown" && Z === "" && (L || V > 0)) {
             e.preventDefault(), e.stopPropagation();
             return;
           }
-          if (c === "clear") {
+          if (s === "clear") {
             if (ee.current) {
               me();
               return;
             }
-            D();
+            y();
             return;
           }
-          if (p && (m != null && m.option) && q(m.option)) {
-            if (S) {
-              D();
+          if (p && (m != null && m.option) && $(m.option)) {
+            if (L) {
+              y();
               return;
             }
             me();
             return;
           }
           J(
-            n.filter((Me) => !q(Me)).map((Me) => Me.value)
+            n.filter((Me) => !$(Me)).map((Me) => Me.value)
           );
         }, "onChange"),
-        onInputChange: /* @__PURE__ */ t((e, n, c) => {
-          I == null || I(n, c);
+        onInputChange: /* @__PURE__ */ t((e, n, s) => {
+          I == null || I(n, s);
         }, "onInputChange"),
-        onKeyDown: Ve,
+        onKeyDown: we,
         slotProps: te,
         renderInput: /* @__PURE__ */ t((e) => {
           var n;
-          return /* @__PURE__ */ a(
-            $e,
+          return /* @__PURE__ */ i(
+            Ze,
             {
               ...e,
-              ...l,
-              disabled: L,
-              error: x,
-              fullWidth: _,
+              ...r,
+              disabled: C,
+              error: w,
+              fullWidth: v,
               helperText: U,
               label: O,
-              placeholder: H ?? g("Common.검색"),
-              required: T,
+              placeholder: H ?? T("Common.검색"),
+              required: g,
               slotProps: {
-                ...l == null ? void 0 : l.slotProps,
+                ...r == null ? void 0 : r.slotProps,
                 input: {
                   ...e.InputProps,
-                  ...(n = l == null ? void 0 : l.slotProps) == null ? void 0 : n.input,
+                  ...(n = r == null ? void 0 : r.slotProps) == null ? void 0 : n.input,
                   endAdornment: /* @__PURE__ */ X(We, { children: [
-                    d ? /* @__PURE__ */ a(qe, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
+                    d ? /* @__PURE__ */ i($e, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
                     e.InputProps.endAdornment
                   ] })
                 }
               },
-              variant: G
+              variant: q
             }
           );
         }, "renderInput"),
-        renderOption: /* @__PURE__ */ t((e, n, c) => {
-          const { key: m, ...$ } = e;
-          return /* @__PURE__ */ X("li", { ...$, children: [
-            /* @__PURE__ */ a(ut, { checked: c.selected, className: "!mr-8 !p-0", size: "small" }),
+        renderOption: /* @__PURE__ */ t((e, n, s) => {
+          const { key: m, ...Z } = e;
+          return /* @__PURE__ */ X("li", { ...Z, children: [
+            /* @__PURE__ */ i(mt, { checked: s.selected, className: "!mr-8 !p-0", size: "small" }),
             je(n)
           ] }, m);
         }, "renderOption"),
-        renderValue: /* @__PURE__ */ t((e, n) => p && S ? [
-          /* @__PURE__ */ a(
-            W,
+        renderValue: /* @__PURE__ */ t((e, n) => p && L ? [
+          /* @__PURE__ */ i(
+            K,
             {
               component: "span",
-              sx: dt,
-              children: C.label
+              sx: It,
+              children: D.label
             },
-            C.value
+            D.value
           )
         ] : [
-          ...e.filter((m) => !q(m)).slice(0, Qe).map((m, $) => {
-            const { key: Me, ...at } = n({ index: $ });
-            return /* @__PURE__ */ st(
+          ...e.filter((m) => !$(m)).slice(0, Qe).map((m, Z) => {
+            const { key: Me, ...st } = n({ index: Z });
+            return /* @__PURE__ */ ct(
               Ke,
               {
-                ...at,
+                ...st,
                 key: Me,
                 label: m.label,
                 size: "small",
@@ -823,7 +836,7 @@ const Qe = 2, It = 152, Fe = 72, Xe = 18.57, Tt = "11px !important", ht = "2px !
             );
           }),
           ...V > 0 ? [
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ i(
               Ke,
               {
                 clickable: !0,
@@ -849,14 +862,14 @@ const Qe = 2, It = 152, Fe = 72, Xe = 18.57, Tt = "11px !important", ht = "2px !
         ], "renderValue")
       }
     ),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ i(
       rt,
       {
         anchorEl: Le,
         open: !!Le && V > 0,
         placement: "bottom-start",
         sx: { zIndex: /* @__PURE__ */ t((e) => e.zIndex.modal, "zIndex") },
-        children: /* @__PURE__ */ a(pt, { onClickAway: _e, children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ i(dt, { onClickAway: _e, children: /* @__PURE__ */ i(
           lt,
           {
             className: "mt-4",
@@ -868,7 +881,7 @@ const Qe = 2, It = 152, Fe = 72, Xe = 18.57, Tt = "11px !important", ht = "2px !
               maxWidth: 280,
               p: 1
             },
-            children: ye.map((e) => /* @__PURE__ */ a(
+            children: ye.map((e) => /* @__PURE__ */ i(
               Ke,
               {
                 label: e.label,
@@ -882,100 +895,107 @@ const Qe = 2, It = 152, Fe = 72, Xe = 18.57, Tt = "11px !important", ht = "2px !
         ) })
       }
     )
-  ] }) : /* @__PURE__ */ a(
+  ] }) : /* @__PURE__ */ i(
     Ye,
     {
-      className: K("min-w-128", M),
-      disabled: L,
+      className: G("min-w-128", S),
+      disabled: C,
       filterOptions: f ? (e) => e : void 0,
-      fullWidth: _,
+      fullWidth: v,
       inputValue: Ue,
       loading: d,
       options: F,
       clearText: "",
       closeText: "",
-      clearIcon: /* @__PURE__ */ a(Ze, { sx: { fontSize: Xe } }),
+      clearIcon: /* @__PURE__ */ i(qe, { sx: { fontSize: Xe } }),
       openText: "",
-      popupIcon: /* @__PURE__ */ a(Ge, {}),
-      sx: he,
+      popupIcon: /* @__PURE__ */ i(Ge, {}),
+      sx: ge,
       value: b,
       getOptionLabel: /* @__PURE__ */ t((e) => A(e.label), "getOptionLabel"),
       getOptionKey: /* @__PURE__ */ t((e) => e.value, "getOptionKey"),
       isOptionEqualToValue: /* @__PURE__ */ t((e, n) => e.value === n.value, "isOptionEqualToValue"),
       loadingText: B,
       noOptionsText: Te,
-      onChange: /* @__PURE__ */ t((e, n, c) => {
-        if (c === "clear" || c === "removeOption") {
-          re(c, !1);
+      onChange: /* @__PURE__ */ t((e, n, s) => {
+        if (s === "clear" || s === "removeOption") {
+          re(s, !1);
           return;
         }
-        if (Z.current = !1, !n || p && q(n)) {
-          P(
+        if (W.current = !1, !n || p && $(n)) {
+          x(
             n ? A(n.label) : ""
           ), Q("");
           return;
         }
-        P(A(n.label)), Q(n.value);
+        x(A(n.label)), Q(n.value);
       }, "onChange"),
-      onInputChange: /* @__PURE__ */ t((e, n, c) => {
-        (c === "input" || c === "clear") && (Z.current = !0), P(n), I == null || I(n, c);
+      onInputChange: /* @__PURE__ */ t((e, n, s) => {
+        if (at(
+          W.current,
+          s
+        )) {
+          x("");
+          return;
+        }
+        (s === "input" || s === "clear") && (W.current = !0), x(n), I == null || I(n, s);
       }, "onInputChange"),
-      slotProps: we,
+      slotProps: Ve,
       renderInput: /* @__PURE__ */ t((e) => {
-        var n, c, m;
-        return /* @__PURE__ */ a(
-          $e,
+        var n, s, m;
+        return /* @__PURE__ */ i(
+          Ze,
           {
             ...e,
-            ...l,
-            disabled: L,
-            error: x,
-            fullWidth: _,
+            ...r,
+            disabled: C,
+            error: w,
+            fullWidth: v,
             helperText: U,
             label: O,
             placeholder: H,
-            required: T,
+            required: g,
             slotProps: {
-              ...l == null ? void 0 : l.slotProps,
+              ...r == null ? void 0 : r.slotProps,
               htmlInput: {
                 ...e.inputProps,
                 ...Be,
-                className: K(
+                className: G(
                   e.inputProps.className,
                   He
                 ),
-                onBlur: /* @__PURE__ */ t(($) => {
-                  ae($, e.inputProps.onBlur);
+                onBlur: /* @__PURE__ */ t((Z) => {
+                  ae(Z, e.inputProps.onBlur);
                 }, "onBlur"),
-                onKeyDown: y
+                onKeyDown: E
               },
               input: {
                 ...e.InputProps,
-                ...(n = l == null ? void 0 : l.slotProps) == null ? void 0 : n.input,
+                ...(n = r == null ? void 0 : r.slotProps) == null ? void 0 : n.input,
                 sx: {
                   ...De ?? {},
                   ...e.InputProps.sx ?? {},
-                  ...((m = (c = l == null ? void 0 : l.slotProps) == null ? void 0 : c.input) == null ? void 0 : m.sx) ?? {}
+                  ...((m = (s = r == null ? void 0 : r.slotProps) == null ? void 0 : s.input) == null ? void 0 : m.sx) ?? {}
                 },
                 endAdornment: /* @__PURE__ */ X(We, { children: [
-                  d ? /* @__PURE__ */ a(qe, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
+                  d ? /* @__PURE__ */ i($e, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
                   e.InputProps.endAdornment
                 ] })
               }
             },
-            variant: G
+            variant: q
           }
         );
       }, "renderInput"),
       selectOnFocus: !0,
       renderOption: /* @__PURE__ */ t((e, n) => {
-        const { key: c, ...m } = e;
-        return /* @__PURE__ */ a("li", { ...m, children: je(n) }, c);
+        const { key: s, ...m } = e;
+        return /* @__PURE__ */ i("li", { ...m, children: je(n) }, s);
       }, "renderOption")
     }
   );
 }, "OwpSelectorAutocomplete");
 export {
-  Bt as OwpSelectorAutocomplete
+  Kt as OwpSelectorAutocomplete
 };
 //# sourceMappingURL=OwpSelectorAutocomplete.js.map