@owp/core 2.5.34 → 2.5.35

package/dist/components/OwpSelectorBase/OwpSelectorAutocomplete.js

@@ -1,28 +1,28 @@
 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 { jsx as i, jsxs as j, 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 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 { alpha as Y } from "@mui/material/styles";
 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 { useMemo as se, useState as ke, useRef as J, useCallback as U, 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) => {
+import { isSelectorAllOption as X } from "./utils/querySelectorUtils.js";
+const Qe = 2, ht = 152, Fe = 72, Xe = 18.57, At = "11px !important", gt = "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;
   }
   a && (a.current = l);
-}, "assignAutocompleteListboxRef"), Lt = /* @__PURE__ */ t((a, l, T, h) => {
+}, "assignAutocompleteListboxRef"), Lt = /* @__PURE__ */ t((a, l, T, A) => {
   const M = /* @__PURE__ */ new Set(), S = /* @__PURE__ */ t((f) => {
     f >= 0 && f < a && M.add(f);
   }, "addIndex");
-  S(0), S(a - 1), S(h);
+  S(0), S(a - 1), S(A);
   for (let f = l; f < T; f += 1)
     S(f);
   return Array.from(M).sort((f, C) => f - C);
@@ -66,9 +66,9 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
         pointerEvents: "none"
       },
       '&[aria-selected="true"]': {
-        backgroundColor: /* @__PURE__ */ t((l) => j(l.palette.primary.main, l.palette.action.selectedOpacity), "backgroundColor"),
+        backgroundColor: /* @__PURE__ */ t((l) => Y(l.palette.primary.main, l.palette.action.selectedOpacity), "backgroundColor"),
         "&.Mui-focused": {
-          backgroundColor: /* @__PURE__ */ t((l) => j(
+          backgroundColor: /* @__PURE__ */ t((l) => Y(
             l.palette.primary.main,
             l.palette.action.selectedOpacity + l.palette.action.hoverOpacity
           ), "backgroundColor"),
@@ -77,7 +77,7 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
           }
         },
         "&.Mui-focusVisible": {
-          backgroundColor: /* @__PURE__ */ t((l) => j(
+          backgroundColor: /* @__PURE__ */ t((l) => Y(
             l.palette.primary.main,
             l.palette.action.selectedOpacity + l.palette.action.focusOpacity
           ), "backgroundColor")
@@ -89,51 +89,51 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
   getListboxProps: a,
   getOptionProps: l,
   options: T,
-  selectedOption: h
+  selectedOption: A
 }) => {
-  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(
+  const M = a(), { ref: S, style: f, ...C } = M, w = J(null), [v, z] = ke(0), O = T.length, d = Math.max(0, Math.min(v, Math.max(O - 1, 0))), H = Math.min(
     O,
     d + et + tt * 2
   ), N = se(() => {
-    if (!h)
+    if (!A)
       return -1;
     for (let p = 0; p < O; p += 1)
-      if (T[p].value === h.value)
+      if (T[p].value === A.value)
         return p;
     return -1;
-  }, [O, T, h]), ue = se(
+  }, [O, T, A]), ue = se(
     () => Lt(
       O,
       d,
-      z,
+      H,
       N
     ),
-    [O, N, z, d]
-  ), I = Math.min(O, et) * ie + Pe * 2, H = R(
+    [O, N, H, d]
+  ), I = Math.min(O, et) * ie + Pe * 2, V = U(
     (p) => {
       w.current = p, yt(S, p);
     },
     [S]
-  ), g = /* @__PURE__ */ t((p) => {
+  ), h = /* @__PURE__ */ t((p) => {
     const r = Math.max(
       0,
       Math.floor(
         (p.currentTarget.scrollTop - Pe) / ie
       ) - tt
     );
-    U(
+    z(
       (u) => u === r ? u : r
     );
   }, "handleScroll");
   return Se(() => {
-    U(0), w.current && (w.current.scrollTop = 0);
+    z(0), w.current && (w.current.scrollTop = 0);
   }, [O]), /* @__PURE__ */ i(
     K,
     {
       component: "div",
       ...C,
-      ref: H,
-      onScroll: g,
+      ref: V,
+      onScroll: h,
       style: f,
       sx: Ct(I),
       children: /* @__PURE__ */ i(
@@ -175,7 +175,7 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
 }, "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) => {
+}, "getCurrentAutocompleteInputValue"), g = /* @__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(() => {
@@ -185,58 +185,58 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
   K,
   {
     component: "span",
-    sx: $(a) ? Tt : void 0,
+    sx: X(a) ? Tt : void 0,
     children: a.label
   }
 ), "renderAutocompleteOptionLabel"), _t = /* @__PURE__ */ t(({
   autocompleteInputValue: a,
   autocompleteSx: l,
   className: T,
-  disableClientFilter: h,
+  disableClientFilter: A,
   disabled: M,
   error: S,
   fullWidth: f,
   helperText: C,
   label: w,
   loading: v,
-  loadingText: U,
+  loadingText: z,
   noOptionsText: O,
   onAutocompleteInputChange: d,
-  options: z,
+  options: H,
   placeholder: N,
   required: ue,
   resolvedTextFieldVariant: I,
-  selectSingleValue: H,
-  selectedOption: g,
+  selectSingleValue: V,
+  selectedOption: h,
   showAllOption: p,
   singleAutocompleteInputSx: r,
   textFieldProps: u
 }) => {
   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) : ""
+  const D = a !== void 0, y = J(!1), L = J(!1), [ce, pe] = ke(
+    () => h ? g(h.label) : ""
   ), me = D ? a : ce, b = se(
     () => new Map(
-      z.map((o) => [
+      H.map((o) => [
         o.value,
-        nt(A(o.label))
+        nt(g(o.label))
       ])
     ),
-    [z]
-  ), _ = R(
+    [H]
+  ), _ = U(
     (o) => {
       D || pe(o);
     },
     [D]
-  ), J = R((o) => {
+  ), Q = U((o) => {
     y.current = !0, _(""), d == null || d("", o);
-  }, [d, _]), Q = R(() => {
-    const o = g ? A(g.label) : "";
+  }, [d, _]), q = U(() => {
+    const o = h ? g(h.label) : "";
     y.current = !1, _(o), d == null || d(o, "reset");
-  }, [d, g, _]), F = R(
+  }, [d, h, _]), F = U(
     (o, c) => {
       var Ve;
-      if (h)
+      if (A)
         return o;
       const E = nt(c.inputValue);
       if (!E)
@@ -246,13 +246,13 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
         (Ve = b.get(Ee.value)) != null && Ve.includes(E) && ae.push(Ee);
       return ae;
     },
-    [h, b]
+    [A, b]
   ), {
     anchorEl: de,
     dirty: Re,
     getClearProps: fe,
     getInputLabelProps: ye,
-    getInputProps: V,
+    getInputProps: P,
     getListboxProps: Le,
     getOptionProps: Ie,
     getPopupIndicatorProps: Ce,
@@ -265,21 +265,21 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
     disabled: M,
     filterOptions: F,
     getOptionKey: /* @__PURE__ */ t((o) => o.value, "getOptionKey"),
-    getOptionLabel: /* @__PURE__ */ t((o) => A(o.label), "getOptionLabel"),
+    getOptionLabel: /* @__PURE__ */ t((o) => g(o.label), "getOptionLabel"),
     inputValue: me,
     isOptionEqualToValue: /* @__PURE__ */ t((o, c) => o.value === c.value, "isOptionEqualToValue"),
     onChange: /* @__PURE__ */ t((o, c, E) => {
       if (E === "clear" || E === "removeOption") {
-        J(E);
+        Q(E);
         return;
       }
-      if (y.current = !1, !c || p && $(c)) {
+      if (y.current = !1, !c || p && X(c)) {
         _(
-          c ? A(c.label) : ""
-        ), H("");
+          c ? g(c.label) : ""
+        ), V("");
         return;
       }
-      _(A(c.label)), H(c.value);
+      _(g(c.label)), V(c.value);
     }, "onChange"),
     onInputChange: /* @__PURE__ */ t((o, c, E) => {
       if (at(
@@ -291,55 +291,55 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
       }
       E === "input" && (y.current = !0), _(c), d == null || d(c, E);
     }, "onInputChange"),
-    options: z,
+    options: H,
     selectOnFocus: !0,
-    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, {
+    value: h
+  }), Z = Te(), k = P(), De = ye(), he = fe(), oe = Ce(), R = Re && !M && me !== "", W = (re = u == null ? void 0 : u.slotProps) == null ? void 0 : re.htmlInput, {
     className: ne,
-    onBlur: he,
+    onBlur: Ae,
     onKeyDown: le,
     ...Ue
-  } = W ?? {}, ze = (_e = (be = u == null ? void 0 : u.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 = U(
     (o) => {
       te(o);
     },
     [te]
-  ), Ae = /* @__PURE__ */ t((o) => {
-    o.preventDefault(), o.stopPropagation(), L.current = !1, J("clear"), it(o.currentTarget);
+  ), ge = /* @__PURE__ */ t((o) => {
+    o.preventDefault(), o.stopPropagation(), L.current = !1, Q("clear"), V(""), it(o.currentTarget);
   }, "handleClearClick"), Oe = /* @__PURE__ */ t((o) => {
     o.preventDefault(), o.stopPropagation(), L.current = !0;
   }, "handleClearMouseDown"), Be = /* @__PURE__ */ t((o) => {
     if (le == null || le(o), o.defaultPrevented || M)
       return;
     if (o.key === "Escape" || o.key === "Tab") {
-      Q();
+      q();
       return;
     }
-    if (o.key !== "Backspace" && o.key !== "Delete" || !g)
+    if (o.key !== "Backspace" && o.key !== "Delete" || !h)
       return;
-    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"));
+    const c = o.currentTarget.value, E = g(h.label), ae = o.currentTarget.selectionStart !== o.currentTarget.selectionEnd;
+    (c === "" || c === E || ae) && (o.preventDefault(), o.defaultMuiPrevented = !0, Q("input"));
   }, "handleInputKeyDown"), x = /* @__PURE__ */ t((o) => {
     var c;
-    if ((c = P.onBlur) == null || c.call(P, o), he == null || he(o), L.current) {
+    if ((c = k.onBlur) == null || c.call(k, o), Ae == null || Ae(o), L.current) {
       L.current = !1;
       return;
     }
-    Q();
+    q();
   }, "handleInputBlur");
   return Se(() => {
     D || y.current || pe(
-      g ? A(g.label) : ""
+      h ? g(h.label) : ""
     );
-  }, [D, g]), /* @__PURE__ */ X(
+  }, [D, h]), /* @__PURE__ */ j(
     K,
     {
-      ...q,
+      ...Z,
       className: G(
         "MuiAutocomplete-root min-w-128",
         f && "MuiAutocomplete-fullWidth",
         ee && "Mui-expanded",
-        k && "MuiAutocomplete-hasClearIcon",
+        R && "MuiAutocomplete-hasClearIcon",
         "MuiAutocomplete-hasPopupIcon",
         T
       ),
@@ -348,7 +348,7 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
         f ? { width: "100%" } : void 0,
         {
           "& .MuiAutocomplete-inputRoot": {
-            paddingRight: `${Et + (k ? Mt : 0)}px !important`,
+            paddingRight: `${Et + (R ? Mt : 0)}px !important`,
             position: "relative"
           },
           "& .MuiAutocomplete-inputRoot .MuiAutocomplete-input": {
@@ -396,11 +396,11 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
             slotProps: {
               ...u == null ? void 0 : u.slotProps,
               htmlInput: {
-                ...P,
+                ...k,
                 ...Ue,
                 className: G(
                   "MuiAutocomplete-input",
-                  P.className,
+                  k.className,
                   ne
                 ),
                 onBlur: x,
@@ -414,16 +414,16 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
                   ...r ?? {},
                   ...((xe = (Ne = u == null ? void 0 : u.slotProps) == null ? void 0 : Ne.input) == null ? void 0 : xe.sx) ?? {}
                 },
-                endAdornment: /* @__PURE__ */ X(K, { className: "MuiAutocomplete-endAdornment", children: [
+                endAdornment: /* @__PURE__ */ j(K, { className: "MuiAutocomplete-endAdornment", children: [
                   v ? /* @__PURE__ */ i($e, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
-                  k ? /* @__PURE__ */ i(
+                  R ? /* @__PURE__ */ i(
                     Je,
                     {
                       className: "MuiAutocomplete-clearIndicator m-0",
-                      onClick: Ae,
+                      onClick: ge,
                       onMouseDown: Oe,
                       size: "small",
-                      tabIndex: ge.tabIndex,
+                      tabIndex: he.tabIndex,
                       type: "button",
                       children: /* @__PURE__ */ i(qe, { sx: { fontSize: Xe } })
                     }
@@ -464,7 +464,7 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
             placement: "bottom-start",
             style: { width: de.clientWidth },
             sx: { zIndex: 99999 },
-            children: /* @__PURE__ */ X(
+            children: /* @__PURE__ */ j(
               lt,
               {
                 sx: {
@@ -476,7 +476,7 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
                   }
                 },
                 children: [
-                  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, { sx: { fontSize: 14, px: 1, py: 1.5, whiteSpace: "nowrap" }, children: z }) : null,
                   !v && B.length === 0 ? /* @__PURE__ */ i(
                     K,
                     {
@@ -494,7 +494,7 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
                       getListboxProps: Le,
                       getOptionProps: Ie,
                       options: B,
-                      selectedOption: g
+                      selectedOption: h
                     }
                   ) : null
                 ]
@@ -508,22 +508,22 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
 }, "OwpVirtualizedSingleSelectorAutocomplete"), Kt = /* @__PURE__ */ t(({ hookResult: a, props: l }) => {
   var Ee;
   const { t: T } = pt(), {
-    autocompleteInputValue: h,
+    autocompleteInputValue: A,
     autocompleteVirtualizationThreshold: M,
     className: S,
     disableClientFilter: f,
     disabled: C,
     error: w,
     fullWidth: v,
-    helperText: U,
+    helperText: z,
     label: O,
     loading: d,
-    loadingText: z,
+    loadingText: H,
     multiple: N,
     noOptionsText: ue,
     onAutocompleteInputChange: I,
-    placeholder: H,
-    required: g,
+    placeholder: V,
+    required: h,
     showAllOption: p = !0,
     textFieldProps: r,
     valueTextAlign: u
@@ -536,18 +536,18 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
     selectAll: me,
     selectedOption: b,
     selectedOptions: _,
-    selectMultipleValues: J,
-    selectSingleValue: Q
+    selectMultipleValues: Q,
+    selectSingleValue: q
   } = 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)),
+    () => _.filter((e) => !X(e)),
     [_]
   ), ye = se(
     () => 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(
+  ), P = ye.length, [Le, Ie] = ke(null), Ce = J(null), Te = ue ?? T(f ? "Message.검색 결과 없음" : "Message.조회된 결과가 없습니다."), B = H ?? T("Common.로딩 중..."), ee = J(
     N && p && ((l.value ?? l.defaultValue) == null || (l.value ?? l.defaultValue) === "")
   ), te = {
     clearIndicator: {
@@ -570,13 +570,13 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
       size: "small",
       tabIndex: -1
     }
-  }, 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 ? {
+  }, Z = (r == null ? void 0 : r.variant) ?? "standard", k = Z === "standard" ? At : Z === "outlined" ? (r == null ? void 0 : r.size) === "small" ? Ot : gt : void 0, De = k || u ? {
     "& .MuiAutocomplete-input": {
-      ...P ? { paddingLeft: P } : {},
+      ...k ? { paddingLeft: k } : {},
       ...u ? { textAlign: u } : {}
     }
-  } : void 0, ge = {
-    minWidth: gt,
+  } : void 0, he = {
+    minWidth: ht,
     "& .MuiAutocomplete-endAdornment": {
       "& .MuiAutocomplete-clearIndicator + .MuiAutocomplete-popupIndicator": {
         ml: 0
@@ -593,39 +593,39 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
       right: 0
     }
   }, oe = {
-    ...ge,
+    ...he,
     "& .MuiAutocomplete-inputRoot .MuiAutocomplete-input": {
       flexBasis: Fe,
       minWidth: Fe
     }
-  }, k = h !== void 0, W = Y(!1), ne = Y(!1), [he, le] = ke(
-    () => b ? A(b.label) : ""
-  ), Ue = k ? h : he, ze = (Ee = r == null ? void 0 : r.slotProps) == null ? void 0 : Ee.htmlInput, {
+  }, R = A !== void 0, W = J(!1), ne = J(!1), [Ae, le] = ke(
+    () => b ? g(b.label) : ""
+  ), Ue = R ? A : Ae, ze = (Ee = r == null ? void 0 : r.slotProps) == null ? void 0 : Ee.htmlInput, {
     className: He,
-    onBlur: Ae,
+    onBlur: ge,
     onKeyDown: Oe,
     ...Be
-  } = ze ?? {}, x = R(
+  } = ze ?? {}, x = U(
     (e) => {
-      k || le(e);
+      R || le(e);
     },
-    [k]
-  ), re = R(
+    [R]
+  ), re = U(
     (e, n = !0) => {
       W.current = !0, x(""), n && (I == null || I("", e));
     },
     [I, x]
-  ), be = R(() => {
-    const e = b ? A(b.label) : "";
+  ), be = U(() => {
+    const e = b ? g(b.label) : "";
     W.current = !1, x(e), I == null || I(e, "reset");
   }, [I, b, x]);
   Se(() => {
-    V || Ie(null);
-  }, [V]), Se(() => {
-    N || k || W.current || le(
-      b ? A(b.label) : ""
+    P || Ie(null);
+  }, [P]), Se(() => {
+    N || R || W.current || le(
+      b ? g(b.label) : ""
     );
-  }, [k, N, b]), Se(() => {
+  }, [R, N, b]), Se(() => {
     var s;
     if (!ee.current)
       return;
@@ -650,20 +650,20 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
       (n) => n === e.currentTarget ? null : e.currentTarget
     );
   }, "handleHiddenChipSummaryClick"), xe = /* @__PURE__ */ t((e) => {
-    J(
+    Q(
       fe.filter((n) => n.value !== e).map((n) => n.value)
     );
   }, "handleHiddenChipDelete"), we = /* @__PURE__ */ t((e) => {
     var s;
-    const n = ot(e, h);
-    (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(
+    const n = ot(e, A);
+    (L || P > 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"), c = /* @__PURE__ */ t((e) => {
-    e.preventDefault(), e.stopPropagation(), ne.current = !1, re("clear"), it(e.currentTarget);
+    e.preventDefault(), e.stopPropagation(), ne.current = !1, re("clear"), q(""), it(e.currentTarget);
   }, "handleSingleAutocompleteClearClick"), E = /* @__PURE__ */ t((e) => {
     if (Oe == null || Oe(e), e.defaultPrevented || C)
       return;
@@ -673,14 +673,14 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
     }
     if (e.key !== "Backspace" && e.key !== "Delete" || !b)
       return;
-    const n = e.currentTarget.value, s = A(b.label), m = e.currentTarget.selectionStart !== e.currentTarget.selectionEnd;
+    const n = e.currentTarget.value, s = g(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), Ae == null || Ae(e), be();
+    n == null || n(e), ge == null || ge(e), be();
   }, "handleSingleAutocompleteInputBlur"), Ve = {
     ...te,
     clearIndicator: {
@@ -692,30 +692,30 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
   return !N && Re ? /* @__PURE__ */ i(
     _t,
     {
-      autocompleteInputValue: h,
-      autocompleteSx: ge,
+      autocompleteInputValue: A,
+      autocompleteSx: he,
       className: S,
       disableClientFilter: f,
       disabled: C,
       error: w,
       fullWidth: v,
-      helperText: U,
+      helperText: z,
       label: O,
       loading: d,
       loadingText: B,
       noOptionsText: Te,
       onAutocompleteInputChange: I,
       options: F,
-      placeholder: H,
-      required: g,
-      resolvedTextFieldVariant: q,
-      selectSingleValue: Q,
+      placeholder: V,
+      required: h,
+      resolvedTextFieldVariant: Z,
+      selectSingleValue: q,
       selectedOption: b,
       showAllOption: p,
       singleAutocompleteInputSx: De,
       textFieldProps: r
     }
-  ) : N ? /* @__PURE__ */ X(We, { children: [
+  ) : N ? /* @__PURE__ */ j(We, { children: [
     /* @__PURE__ */ i(
       Ye,
       {
@@ -725,7 +725,7 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
         disabled: C,
         filterOptions: f ? (e) => e : void 0,
         fullWidth: v,
-        inputValue: h,
+        inputValue: A,
         loading: d,
         multiple: !0,
         options: F,
@@ -736,17 +736,17 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
         popupIcon: /* @__PURE__ */ i(Ge, {}),
         sx: oe,
         value: _,
-        getOptionLabel: /* @__PURE__ */ t((e) => A(e.label), "getOptionLabel"),
+        getOptionLabel: /* @__PURE__ */ t((e) => g(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, s, m) => {
-          const Z = e.type === "keydown" ? ot(
+          const $ = e.type === "keydown" ? ot(
             e,
-            h
-          ) : h ?? "";
-          if (s === "removeOption" && e.type === "keydown" && Z === "" && (L || V > 0)) {
+            A
+          ) : A ?? "";
+          if (s === "removeOption" && e.type === "keydown" && $ === "" && (L || P > 0)) {
             e.preventDefault(), e.stopPropagation();
             return;
           }
@@ -758,7 +758,7 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
             y();
             return;
           }
-          if (p && (m != null && m.option) && $(m.option)) {
+          if (p && (m != null && m.option) && X(m.option)) {
             if (L) {
               y();
               return;
@@ -766,8 +766,8 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
             me();
             return;
           }
-          J(
-            n.filter((Me) => !$(Me)).map((Me) => Me.value)
+          Q(
+            n.filter((Me) => !X(Me)).map((Me) => Me.value)
           );
         }, "onChange"),
         onInputChange: /* @__PURE__ */ t((e, n, s) => {
@@ -785,28 +785,28 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
               disabled: C,
               error: w,
               fullWidth: v,
-              helperText: U,
+              helperText: z,
               label: O,
-              placeholder: H ?? T("Common.검색"),
-              required: g,
+              placeholder: V ?? T("Common.검색"),
+              required: h,
               slotProps: {
                 ...r == null ? void 0 : r.slotProps,
                 input: {
                   ...e.InputProps,
                   ...(n = r == null ? void 0 : r.slotProps) == null ? void 0 : n.input,
-                  endAdornment: /* @__PURE__ */ X(We, { children: [
+                  endAdornment: /* @__PURE__ */ j(We, { children: [
                     d ? /* @__PURE__ */ i($e, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
                     e.InputProps.endAdornment
                   ] })
                 }
               },
-              variant: q
+              variant: Z
             }
           );
         }, "renderInput"),
         renderOption: /* @__PURE__ */ t((e, n, s) => {
-          const { key: m, ...Z } = e;
-          return /* @__PURE__ */ X("li", { ...Z, children: [
+          const { key: m, ...$ } = e;
+          return /* @__PURE__ */ j("li", { ...$, children: [
             /* @__PURE__ */ i(mt, { checked: s.selected, className: "!mr-8 !p-0", size: "small" }),
             je(n)
           ] }, m);
@@ -822,8 +822,8 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
             D.value
           )
         ] : [
-          ...e.filter((m) => !$(m)).slice(0, Qe).map((m, Z) => {
-            const { key: Me, ...st } = n({ index: Z });
+          ...e.filter((m) => !X(m)).slice(0, Qe).map((m, $) => {
+            const { key: Me, ...st } = n({ index: $ });
             return /* @__PURE__ */ ct(
               Ke,
               {
@@ -835,24 +835,24 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
               }
             );
           }),
-          ...V > 0 ? [
+          ...P > 0 ? [
             /* @__PURE__ */ i(
               Ke,
               {
                 clickable: !0,
-                label: `+${V}`,
+                label: `+${P}`,
                 onClick: Ne,
                 onMouseDown: ve,
                 size: "small",
                 sx: /* @__PURE__ */ t((m) => ({
-                  backgroundColor: j(m.palette.primary.main, 0.14),
-                  border: `1px solid ${j(m.palette.primary.main, 0.22)}`,
+                  backgroundColor: Y(m.palette.primary.main, 0.14),
+                  border: `1px solid ${Y(m.palette.primary.main, 0.22)}`,
                   borderRadius: 1,
                   color: m.palette.primary.dark,
                   fontWeight: 600,
                   mr: 0.5,
                   "&:hover": {
-                    backgroundColor: j(m.palette.primary.main, 0.2)
+                    backgroundColor: Y(m.palette.primary.main, 0.2)
                   }
                 }), "sx")
               },
@@ -866,7 +866,7 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
       rt,
       {
         anchorEl: Le,
-        open: !!Le && V > 0,
+        open: !!Le && P > 0,
         placement: "bottom-start",
         sx: { zIndex: /* @__PURE__ */ t((e) => e.zIndex.modal, "zIndex") },
         children: /* @__PURE__ */ i(dt, { onClickAway: _e, children: /* @__PURE__ */ i(
@@ -874,7 +874,7 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
           {
             className: "mt-4",
             sx: {
-              border: /* @__PURE__ */ t((e) => `1px solid ${j(e.palette.common.black, 0.12)}`, "border"),
+              border: /* @__PURE__ */ t((e) => `1px solid ${Y(e.palette.common.black, 0.12)}`, "border"),
               display: "flex",
               flexWrap: "wrap",
               gap: 0.75,
@@ -910,9 +910,9 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
       clearIcon: /* @__PURE__ */ i(qe, { sx: { fontSize: Xe } }),
       openText: "",
       popupIcon: /* @__PURE__ */ i(Ge, {}),
-      sx: ge,
+      sx: he,
       value: b,
-      getOptionLabel: /* @__PURE__ */ t((e) => A(e.label), "getOptionLabel"),
+      getOptionLabel: /* @__PURE__ */ t((e) => g(e.label), "getOptionLabel"),
       getOptionKey: /* @__PURE__ */ t((e) => e.value, "getOptionKey"),
       isOptionEqualToValue: /* @__PURE__ */ t((e, n) => e.value === n.value, "isOptionEqualToValue"),
       loadingText: B,
@@ -922,13 +922,13 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
           re(s, !1);
           return;
         }
-        if (W.current = !1, !n || p && $(n)) {
+        if (W.current = !1, !n || p && X(n)) {
           x(
-            n ? A(n.label) : ""
-          ), Q("");
+            n ? g(n.label) : ""
+          ), q("");
           return;
         }
-        x(A(n.label)), Q(n.value);
+        x(g(n.label)), q(n.value);
       }, "onChange"),
       onInputChange: /* @__PURE__ */ t((e, n, s) => {
         if (at(
@@ -951,10 +951,10 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
             disabled: C,
             error: w,
             fullWidth: v,
-            helperText: U,
+            helperText: z,
             label: O,
-            placeholder: H,
-            required: g,
+            placeholder: V,
+            required: h,
             slotProps: {
               ...r == null ? void 0 : r.slotProps,
               htmlInput: {
@@ -964,8 +964,8 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
                   e.inputProps.className,
                   He
                 ),
-                onBlur: /* @__PURE__ */ t((Z) => {
-                  ae(Z, e.inputProps.onBlur);
+                onBlur: /* @__PURE__ */ t(($) => {
+                  ae($, e.inputProps.onBlur);
                 }, "onBlur"),
                 onKeyDown: E
               },
@@ -977,13 +977,13 @@ const Qe = 2, gt = 152, Fe = 72, Xe = 18.57, ht = "11px !important", At = "2px !
                   ...e.InputProps.sx ?? {},
                   ...((m = (s = r == null ? void 0 : r.slotProps) == null ? void 0 : s.input) == null ? void 0 : m.sx) ?? {}
                 },
-                endAdornment: /* @__PURE__ */ X(We, { children: [
+                endAdornment: /* @__PURE__ */ j(We, { children: [
                   d ? /* @__PURE__ */ i($e, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
                   e.InputProps.endAdornment
                 ] })
               }
             },
-            variant: q
+            variant: Z
           }
         );
       }, "renderInput"),