@owp/core 2.5.25 → 2.5.27

package/dist/components/OwpPicker/internal/useOwpDatePickerCalendarHeaderState.js

@@ -0,0 +1,50 @@
+var k = Object.defineProperty;
+var d = (e, a) => k(e, "name", { value: a, configurable: !0 });
+import { clsx as O } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useState as i, useMemo as P, useCallback as c, useEffect as m } from "react";
+const V = /* @__PURE__ */ d(({
+  className: e,
+  isHeaderViewOpen: a,
+  showMonthPicker: l,
+  showYearPicker: r
+}) => O(
+  "OwpDatePickerCalendar",
+  r && "OwpDatePickerCalendar--yearPicker",
+  l && "OwpDatePickerCalendar--monthPicker",
+  !r && !l && "OwpDatePickerCalendar--datePicker",
+  a && "OwpDatePickerCalendar--headerViewOpen",
+  e
+), "getOwpDatePickerCalendarClassName"), f = /* @__PURE__ */ d(({
+  showMonthPicker: e,
+  showYearPicker: a
+}) => {
+  const [l, r] = i(null), [p, s] = i(null), t = P(
+    () => a || e ? "year" : "monthYear",
+    [e, a]
+  ), C = c(() => {
+    r(null);
+  }, []), o = c(() => {
+    r((n) => n ? null : t);
+  }, [t]), D = c((n) => {
+    s(n);
+  }, []), u = c((n) => {
+    s(n ?? null);
+  }, []);
+  return m(() => {
+    r(null);
+  }, [t]), {
+    calendarDisplayDate: p,
+    calendarHeaderPickerView: t,
+    calendarHeaderView: l,
+    closeCalendarHeaderPicker: C,
+    isCalendarHeaderViewOpen: !!l,
+    resetCalendarDisplayDate: u,
+    selectCalendarDisplayDate: D,
+    toggleCalendarHeaderPicker: o
+  };
+}, "useOwpDatePickerCalendarHeaderState");
+export {
+  V as getOwpDatePickerCalendarClassName,
+  f as useOwpDatePickerCalendarHeaderState
+};
+//# sourceMappingURL=useOwpDatePickerCalendarHeaderState.js.map

package/dist/components/OwpPicker/internal/useOwpDatePickerCalendarHeaderState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOwpDatePickerCalendarHeaderState.js","sources":["../../../../src/components/OwpPicker/internal/useOwpDatePickerCalendarHeaderState.ts"],"sourcesContent":["import clsx from 'clsx';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport type { OwpDatePickerCalendarHeaderView } from './OwpDatePickerCalendarHeader';\n\ninterface OwpDatePickerCalendarClassNameParams {\n  className?: string;\n  isHeaderViewOpen?: boolean;\n  showMonthPicker?: boolean;\n  showYearPicker?: boolean;\n}\n\ninterface UseOwpDatePickerCalendarHeaderStateParams {\n  showMonthPicker?: boolean;\n  showYearPicker?: boolean;\n}\n\n/** DatePicker calendar className 조합 */\nexport const getOwpDatePickerCalendarClassName = ({\n  className,\n  isHeaderViewOpen,\n  showMonthPicker,\n  showYearPicker,\n}: OwpDatePickerCalendarClassNameParams) =>\n  clsx(\n    'OwpDatePickerCalendar',\n    showYearPicker && 'OwpDatePickerCalendar--yearPicker',\n    showMonthPicker && 'OwpDatePickerCalendar--monthPicker',\n    !showYearPicker && !showMonthPicker && 'OwpDatePickerCalendar--datePicker',\n    isHeaderViewOpen && 'OwpDatePickerCalendar--headerViewOpen',\n    className,\n  );\n\n/** DatePicker calendar header dropdown 상태 */\nexport const useOwpDatePickerCalendarHeaderState = ({\n  showMonthPicker,\n  showYearPicker,\n}: UseOwpDatePickerCalendarHeaderStateParams) => {\n  const [calendarHeaderView, setCalendarHeaderView] =\n    useState<OwpDatePickerCalendarHeaderView | null>(null);\n  const [calendarDisplayDate, setCalendarDisplayDate] = useState<Date | null>(null);\n  const calendarHeaderPickerView = useMemo<OwpDatePickerCalendarHeaderView>(\n    () => (showYearPicker || showMonthPicker ? 'year' : 'monthYear'),\n    [showMonthPicker, showYearPicker],\n  );\n  const closeCalendarHeaderPicker = useCallback(() => {\n    setCalendarHeaderView(null);\n  }, []);\n  const toggleCalendarHeaderPicker = useCallback(() => {\n    setCalendarHeaderView((currentView) => (currentView ? null : calendarHeaderPickerView));\n  }, [calendarHeaderPickerView]);\n  const selectCalendarDisplayDate = useCallback((date: Date) => {\n    setCalendarDisplayDate(date);\n  }, []);\n  const resetCalendarDisplayDate = useCallback((date?: Date | null) => {\n    setCalendarDisplayDate(date ?? null);\n  }, []);\n\n  useEffect(() => {\n    setCalendarHeaderView(null);\n  }, [calendarHeaderPickerView]);\n\n  return {\n    calendarDisplayDate,\n    calendarHeaderPickerView,\n    calendarHeaderView,\n    closeCalendarHeaderPicker,\n    isCalendarHeaderViewOpen: Boolean(calendarHeaderView),\n    resetCalendarDisplayDate,\n    selectCalendarDisplayDate,\n    toggleCalendarHeaderPicker,\n  };\n};\n"],"names":["getOwpDatePickerCalendarClassName","__name","className","isHeaderViewOpen","showMonthPicker","showYearPicker","clsx","useOwpDatePickerCalendarHeaderState","calendarHeaderView","setCalendarHeaderView","useState","calendarDisplayDate","setCalendarDisplayDate","calendarHeaderPickerView","useMemo","closeCalendarHeaderPicker","useCallback","toggleCalendarHeaderPicker","currentView","selectCalendarDisplayDate","date","resetCalendarDisplayDate","useEffect"],"mappings":";;;;AAiBO,MAAMA,IAAoC,gBAAAC,EAAA,CAAC;AAAA,EAChD,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,gBAAAC;AACF,MACEC;AAAA,EACE;AAAA,EACAD,KAAkB;AAAA,EAClBD,KAAmB;AAAA,EACnB,CAACC,KAAkB,CAACD,KAAmB;AAAA,EACvCD,KAAoB;AAAA,EACpBD;AACF,GAb+C,sCAgBpCK,IAAsC,gBAAAN,EAAA,CAAC;AAAA,EAClD,iBAAAG;AAAA,EACA,gBAAAC;AACF,MAAiD;AAC/C,QAAM,CAACG,GAAoBC,CAAqB,IAC9CC,EAAiD,IAAI,GACjD,CAACC,GAAqBC,CAAsB,IAAIF,EAAsB,IAAI,GAC1EG,IAA2BC;AAAA,IAC/B,MAAOT,KAAkBD,IAAkB,SAAS;AAAA,IACpD,CAACA,GAAiBC,CAAc;AAAA,EAAA,GAE5BU,IAA4BC,EAAY,MAAM;AAClD,IAAAP,EAAsB,IAAI;AAAA,EAC5B,GAAG,CAAA,CAAE,GACCQ,IAA6BD,EAAY,MAAM;AACnD,IAAAP,EAAsB,CAACS,MAAiBA,IAAc,OAAOL,CAAyB;AAAA,EACxF,GAAG,CAACA,CAAwB,CAAC,GACvBM,IAA4BH,EAAY,CAACI,MAAe;AAC5D,IAAAR,EAAuBQ,CAAI;AAAA,EAC7B,GAAG,CAAA,CAAE,GACCC,IAA2BL,EAAY,CAACI,MAAuB;AACnE,IAAAR,EAAuBQ,KAAQ,IAAI;AAAA,EACrC,GAAG,CAAA,CAAE;AAEL,SAAAE,EAAU,MAAM;AACd,IAAAb,EAAsB,IAAI;AAAA,EAC5B,GAAG,CAACI,CAAwB,CAAC,GAEtB;AAAA,IACL,qBAAAF;AAAA,IACA,0BAAAE;AAAA,IACA,oBAAAL;AAAA,IACA,2BAAAO;AAAA,IACA,0BAA0B,EAAQP;AAAA,IAClC,0BAAAa;AAAA,IACA,2BAAAF;AAAA,IACA,4BAAAF;AAAA,EAAA;AAEJ,GAtCmD;"}

package/dist/components/OwpPicker/internal/useOwpPickerPopperTransition.js

@@ -0,0 +1,36 @@
+var w = Object.defineProperty;
+var s = (t, c) => w(t, "name", { value: c, configurable: !0 });
+import { useRef as i, useState as a, useEffect as d } from "react";
+const R = 225, A = 150, I = 75, v = R + 100, N = /* @__PURE__ */ s((t) => {
+  const c = i(!1), e = i(void 0), r = i(void 0), n = i(void 0), [f, u] = a(t), [m, o] = a(t ? "opening" : "closed");
+  return d(() => () => {
+    e.current && (window.cancelAnimationFrame(e.current), e.current = void 0), r.current && (window.cancelAnimationFrame(r.current), r.current = void 0), n.current && (window.clearTimeout(n.current), n.current = void 0);
+  }, []), d(() => {
+    if (t) {
+      n.current && window.clearTimeout(n.current), u(!0), c.current || (e.current && (window.cancelAnimationFrame(e.current), e.current = void 0), r.current && (window.cancelAnimationFrame(r.current), r.current = void 0), o("opening"), e.current = window.requestAnimationFrame(() => {
+        e.current = void 0, r.current = window.requestAnimationFrame(() => {
+          r.current = void 0, o("open");
+        });
+      })), c.current = !0;
+      return;
+    }
+    if (!c.current) {
+      u(!1), o("closed");
+      return;
+    }
+    c.current = !1, o("closing"), n.current = window.setTimeout(() => {
+      n.current = void 0, u(!1), o("closed");
+    }, R);
+  }, [t]), {
+    shouldRender: f,
+    state: m
+  };
+}, "useOwpPickerPopperTransition");
+export {
+  I as PICKER_EXIT_TRANSFORM_DELAY,
+  v as PICKER_REOPEN_SUPPRESSION_DURATION,
+  A as PICKER_TRANSFORM_TRANSITION_DURATION,
+  R as PICKER_TRANSITION_DURATION,
+  N as useOwpPickerPopperTransition
+};
+//# sourceMappingURL=useOwpPickerPopperTransition.js.map

package/dist/components/OwpPicker/internal/useOwpPickerPopperTransition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOwpPickerPopperTransition.js","sources":["../../../../src/components/OwpPicker/internal/useOwpPickerPopperTransition.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport const PICKER_TRANSITION_DURATION = 225;\nexport const PICKER_TRANSFORM_TRANSITION_DURATION = 150;\nexport const PICKER_EXIT_TRANSFORM_DELAY = 75;\nexport const PICKER_REOPEN_SUPPRESSION_DURATION = PICKER_TRANSITION_DURATION + 100;\nexport type OwpPickerTransitionState = 'opening' | 'open' | 'closing' | 'closed';\n\n/** Picker popper visibility transition state */\nexport const useOwpPickerPopperTransition = (open: boolean) => {\n  const wasOpenRef = useRef(false);\n  const openFrameRef = useRef<number | undefined>(undefined);\n  const settleFrameRef = useRef<number | undefined>(undefined);\n  const closeTimerRef = useRef<number | undefined>(undefined);\n  const [shouldRender, setShouldRender] = useState(open);\n  const [state, setState] = useState<OwpPickerTransitionState>(open ? 'opening' : 'closed');\n\n  useEffect(() => {\n    return () => {\n      if (openFrameRef.current) {\n        window.cancelAnimationFrame(openFrameRef.current);\n        openFrameRef.current = undefined;\n      }\n\n      if (settleFrameRef.current) {\n        window.cancelAnimationFrame(settleFrameRef.current);\n        settleFrameRef.current = undefined;\n      }\n\n      if (closeTimerRef.current) {\n        window.clearTimeout(closeTimerRef.current);\n        closeTimerRef.current = undefined;\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    if (open) {\n      if (closeTimerRef.current) {\n        window.clearTimeout(closeTimerRef.current);\n      }\n\n      setShouldRender(true);\n\n      if (!wasOpenRef.current) {\n        if (openFrameRef.current) {\n          window.cancelAnimationFrame(openFrameRef.current);\n          openFrameRef.current = undefined;\n        }\n\n        if (settleFrameRef.current) {\n          window.cancelAnimationFrame(settleFrameRef.current);\n          settleFrameRef.current = undefined;\n        }\n\n        setState('opening');\n        openFrameRef.current = window.requestAnimationFrame(() => {\n          openFrameRef.current = undefined;\n          settleFrameRef.current = window.requestAnimationFrame(() => {\n            settleFrameRef.current = undefined;\n            setState('open');\n          });\n        });\n      }\n\n      wasOpenRef.current = true;\n      return;\n    }\n\n    if (!wasOpenRef.current) {\n      setShouldRender(false);\n      setState('closed');\n      return;\n    }\n\n    wasOpenRef.current = false;\n    setState('closing');\n    closeTimerRef.current = window.setTimeout(() => {\n      closeTimerRef.current = undefined;\n      setShouldRender(false);\n      setState('closed');\n    }, PICKER_TRANSITION_DURATION);\n  }, [open]);\n\n  return {\n    shouldRender,\n    state,\n  };\n};\n"],"names":["PICKER_TRANSITION_DURATION","PICKER_TRANSFORM_TRANSITION_DURATION","PICKER_EXIT_TRANSFORM_DELAY","PICKER_REOPEN_SUPPRESSION_DURATION","useOwpPickerPopperTransition","__name","open","wasOpenRef","useRef","openFrameRef","settleFrameRef","closeTimerRef","shouldRender","setShouldRender","useState","state","setState","useEffect"],"mappings":";;;AAEO,MAAMA,IAA6B,KAC7BC,IAAuC,KACvCC,IAA8B,IAC9BC,IAAqCH,IAA6B,KAIlEI,IAA+B,gBAAAC,EAAA,CAACC,MAAkB;AAC7D,QAAMC,IAAaC,EAAO,EAAK,GACzBC,IAAeD,EAA2B,MAAS,GACnDE,IAAiBF,EAA2B,MAAS,GACrDG,IAAgBH,EAA2B,MAAS,GACpD,CAACI,GAAcC,CAAe,IAAIC,EAASR,CAAI,GAC/C,CAACS,GAAOC,CAAQ,IAAIF,EAAmCR,IAAO,YAAY,QAAQ;AAExF,SAAAW,EAAU,MACD,MAAM;AACX,IAAIR,EAAa,YACf,OAAO,qBAAqBA,EAAa,OAAO,GAChDA,EAAa,UAAU,SAGrBC,EAAe,YACjB,OAAO,qBAAqBA,EAAe,OAAO,GAClDA,EAAe,UAAU,SAGvBC,EAAc,YAChB,OAAO,aAAaA,EAAc,OAAO,GACzCA,EAAc,UAAU;AAAA,EAE5B,GACC,CAAA,CAAE,GAELM,EAAU,MAAM;AACd,QAAIX,GAAM;AACR,MAAIK,EAAc,WAChB,OAAO,aAAaA,EAAc,OAAO,GAG3CE,EAAgB,EAAI,GAEfN,EAAW,YACVE,EAAa,YACf,OAAO,qBAAqBA,EAAa,OAAO,GAChDA,EAAa,UAAU,SAGrBC,EAAe,YACjB,OAAO,qBAAqBA,EAAe,OAAO,GAClDA,EAAe,UAAU,SAG3BM,EAAS,SAAS,GAClBP,EAAa,UAAU,OAAO,sBAAsB,MAAM;AACxD,QAAAA,EAAa,UAAU,QACvBC,EAAe,UAAU,OAAO,sBAAsB,MAAM;AAC1D,UAAAA,EAAe,UAAU,QACzBM,EAAS,MAAM;AAAA,QACjB,CAAC;AAAA,MACH,CAAC,IAGHT,EAAW,UAAU;AACrB;AAAA,IACF;AAEA,QAAI,CAACA,EAAW,SAAS;AACvB,MAAAM,EAAgB,EAAK,GACrBG,EAAS,QAAQ;AACjB;AAAA,IACF;AAEA,IAAAT,EAAW,UAAU,IACrBS,EAAS,SAAS,GAClBL,EAAc,UAAU,OAAO,WAAW,MAAM;AAC9C,MAAAA,EAAc,UAAU,QACxBE,EAAgB,EAAK,GACrBG,EAAS,QAAQ;AAAA,IACnB,GAAGhB,CAA0B;AAAA,EAC/B,GAAG,CAACM,CAAI,CAAC,GAEF;AAAA,IACL,cAAAM;AAAA,IACA,OAAAG;AAAA,EAAA;AAEJ,GA/E4C;"}

package/dist/components/OwpSelectorBase/OwpSelectorAutocomplete.js

@@ -1,57 +1,65 @@
-var be = Object.defineProperty;
-var o = (a, s) => be(a, "name", { value: s, configurable: !0 });
-import { jsxs as C, jsx as i, Fragment as P } 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 ye } from "@emotion/react";
-import { useOwpTranslation as Le } from "../../hooks/useOwpTranslation.js";
+var Se = Object.defineProperty;
+var o = (s, a) => Se(s, "name", { value: a, configurable: !0 });
+import { jsxs as x, jsx as i, Fragment as D } 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 be } from "@emotion/react";
+import { useOwpTranslation as ye } from "../../hooks/useOwpTranslation.js";
 import te 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 oe 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 Se, Chip as _, Checkbox as Me, TextField as ne, CircularProgress as le, Autocomplete as re, ClickAwayListener as De, Paper as Pe, Popper as _e } from "@mui/material";
-import { alpha as E } from "@mui/material/styles";
+import { Box as Oe, Chip as P, Checkbox as Me, TextField as ne, CircularProgress as le, Autocomplete as re, ClickAwayListener as De, Paper as Pe, Popper as Ne } from "@mui/material";
+import { alpha as g } from "@mui/material/styles";
 import { clsx as ie } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { useMemo as ae, useState as Ne, useRef as se, useEffect as pe } from "react";
-import { isSelectorAllOption as O } from "./utils/querySelectorUtils.js";
-const ue = 2, we = 152, ce = 72, me = 18.57, ke = "11px !important", Ve = "2px !important", ze = "5px !important", de = /* @__PURE__ */ o((a, s) => {
-  const p = a.target;
-  return p instanceof HTMLInputElement ? p.value : s ?? "";
-}, "getCurrentAutocompleteInputValue"), fe = /* @__PURE__ */ o((a) => typeof a == "string" || typeof a == "number" ? `${a}` : "", "getAutocompleteOptionLabel"), Je = /* @__PURE__ */ o(({ hookResult: a, props: s }) => {
-  const { t: p } = Le(), {
-    autocompleteInputValue: d,
+import { useMemo as se, useState as we, useRef as ae, useEffect as pe } from "react";
+import { SELECTOR_ALL_VALUE_LABEL_SX as ke, SELECTOR_ALL_OPTION_LABEL_SX as Re } from "./selectorBaseStyles.js";
+import { isSelectorAllOption as d } from "./utils/querySelectorUtils.js";
+const ue = 2, Ve = 152, ce = 72, me = 18.57, Ue = "11px !important", ze = "2px !important", He = "5px !important", de = /* @__PURE__ */ o((s, a) => {
+  const p = s.target;
+  return p instanceof HTMLInputElement ? p.value : a ?? "";
+}, "getCurrentAutocompleteInputValue"), fe = /* @__PURE__ */ o((s) => typeof s == "string" || typeof s == "number" ? `${s}` : "", "getAutocompleteOptionLabel"), Te = /* @__PURE__ */ o((s) => /* @__PURE__ */ i(
+  Oe,
+  {
+    component: "span",
+    sx: d(s) ? Re : void 0,
+    children: s.label
+  }
+), "renderAutocompleteOptionLabel"), Fe = /* @__PURE__ */ o(({ hookResult: s, props: a }) => {
+  const { t: p } = ye(), {
+    autocompleteInputValue: f,
     className: N,
-    disableClientFilter: v,
+    disableClientFilter: C,
     disabled: h,
     error: w,
     fullWidth: A,
     helperText: k,
-    label: V,
-    loading: g,
-    loadingText: z,
-    multiple: R,
-    noOptionsText: Te,
+    label: R,
+    loading: E,
+    loadingText: V,
+    multiple: U,
+    noOptionsText: Ie,
     onAutocompleteInputChange: c,
-    placeholder: U,
+    placeholder: z,
     required: H,
-    showAllOption: f = !0,
+    showAllOption: T = !0,
     textFieldProps: n,
-    valueTextAlign: b
-  } = s, {
-    allOption: y,
-    clearSelection: W,
+    valueTextAlign: v
+  } = a, {
+    allOption: _,
+    clearSelection: B,
     isAllSelected: m,
-    resolvedOptions: B,
+    resolvedOptions: W,
     restoreAllSelection: K,
     selectAll: $,
-    selectedOption: Ie,
-    selectedOptions: L,
+    selectedOption: he,
+    selectedOptions: S,
     selectMultipleValues: q,
     selectSingleValue: G
-  } = a, j = f ? [y, ...B] : B, S = ae(
-    () => L.filter((e) => !O(e)),
-    [L]
-  ), Z = ae(
-    () => m ? [] : S.slice(ue),
-    [S, m]
-  ), u = Z.length, [J, M] = Ne(null), Q = se(null), X = Te ?? p(v ? "Message.검색 결과 없음" : "Message.조회된 결과가 없습니다."), Y = se(
-    R && f && ((s.value ?? s.defaultValue) == null || (s.value ?? s.defaultValue) === "")
+  } = s, j = T ? [_, ...W] : W, b = se(
+    () => S.filter((e) => !d(e)),
+    [S]
+  ), X = se(
+    () => m ? [] : b.slice(ue),
+    [b, m]
+  ), u = X.length, [Z, y] = we(null), J = ae(null), Q = Ie ?? p(C ? "Message.검색 결과 없음" : "Message.조회된 결과가 없습니다."), Y = ae(
+    U && T && ((a.value ?? a.defaultValue) == null || (a.value ?? a.defaultValue) === "")
   ), F = {
     clearIndicator: {
       className: "m-0 p-0",
@@ -73,13 +81,13 @@ const ue = 2, we = 152, ce = 72, me = 18.57, ke = "11px !important", Ve = "2px !
       size: "small",
       tabIndex: -1
     }
-  }, x = (n == null ? void 0 : n.variant) ?? "standard", D = x === "standard" ? ke : x === "outlined" ? (n == null ? void 0 : n.size) === "small" ? ze : Ve : void 0, Oe = D || b ? {
+  }, L = (n == null ? void 0 : n.variant) ?? "standard", M = L === "standard" ? Ue : L === "outlined" ? (n == null ? void 0 : n.size) === "small" ? He : ze : void 0, Ae = M || v ? {
     "& .MuiAutocomplete-input": {
-      ...D ? { paddingLeft: D } : {},
-      ...b ? { textAlign: b } : {}
+      ...M ? { paddingLeft: M } : {},
+      ...v ? { textAlign: v } : {}
     }
   } : void 0, ee = {
-    minWidth: we,
+    minWidth: Ve,
     "& .MuiAutocomplete-endAdornment": {
       "& .MuiAutocomplete-clearIndicator + .MuiAutocomplete-popupIndicator": {
         ml: 0
@@ -95,7 +103,7 @@ const ue = 2, we = 152, ce = 72, me = 18.57, ke = "11px !important", Ve = "2px !
       gap: 0,
       right: 0
     }
-  }, he = {
+  }, Ee = {
     ...ee,
     "& .MuiAutocomplete-inputRoot .MuiAutocomplete-input": {
       flexBasis: ce,
@@ -103,12 +111,12 @@ const ue = 2, we = 152, ce = 72, me = 18.57, ke = "11px !important", Ve = "2px !
     }
   };
   pe(() => {
-    u || M(null);
+    u || y(null);
   }, [u]), pe(() => {
     var l;
     if (!Y.current)
       return;
-    const e = (l = Q.current) == null ? void 0 : l.closest("form");
+    const e = (l = J.current) == null ? void 0 : l.closest("form");
     if (!e)
       return;
     const t = /* @__PURE__ */ o(() => {
@@ -120,38 +128,38 @@ const ue = 2, we = 152, ce = 72, me = 18.57, ke = "11px !important", Ve = "2px !
       e.removeEventListener("reset", t);
     };
   }, [K]);
-  const Ae = /* @__PURE__ */ o(() => {
-    M(null);
-  }, "handleHiddenChipPopperClose"), ge = /* @__PURE__ */ o((e) => {
+  const Le = /* @__PURE__ */ o(() => {
+    y(null);
+  }, "handleHiddenChipPopperClose"), xe = /* @__PURE__ */ o((e) => {
     e.preventDefault();
-  }, "handleHiddenChipSummaryMouseDown"), xe = /* @__PURE__ */ o((e) => {
-    e.preventDefault(), e.stopPropagation(), M(
+  }, "handleHiddenChipSummaryMouseDown"), ge = /* @__PURE__ */ o((e) => {
+    e.preventDefault(), e.stopPropagation(), y(
       (t) => t === e.currentTarget ? null : e.currentTarget
     );
   }, "handleHiddenChipSummaryClick"), Ce = /* @__PURE__ */ o((e) => {
     q(
-      S.filter((t) => t.value !== e).map((t) => t.value)
+      b.filter((t) => t.value !== e).map((t) => t.value)
     );
-  }, "handleHiddenChipDelete"), Ee = /* @__PURE__ */ o((e) => {
+  }, "handleHiddenChipDelete"), ve = /* @__PURE__ */ o((e) => {
     var l;
-    const t = de(e, d);
+    const t = de(e, f);
     (m || u > 0) && t === "" && (e.key === "Backspace" || e.key === "Delete") && (e.defaultMuiPrevented = !0, e.preventDefault(), e.stopPropagation()), (l = n == null ? void 0 : n.onKeyDown) == null || l.call(
       n,
       e
     );
   }, "handleMultipleRootKeyDown");
-  return R ? /* @__PURE__ */ C(P, { children: [
+  return U ? /* @__PURE__ */ x(D, { children: [
     /* @__PURE__ */ i(
       re,
       {
-        ref: Q,
+        ref: J,
         className: ie("min-w-128", N),
         disableCloseOnSelect: !0,
         disabled: h,
-        filterOptions: v ? (e) => e : void 0,
+        filterOptions: C ? (e) => e : void 0,
         fullWidth: A,
-        inputValue: d,
-        loading: g,
+        inputValue: f,
+        loading: E,
         multiple: !0,
         options: j,
         clearText: "",
@@ -159,19 +167,19 @@ const ue = 2, we = 152, ce = 72, me = 18.57, ke = "11px !important", Ve = "2px !
         clearIcon: /* @__PURE__ */ i(oe, { sx: { fontSize: me } }),
         openText: "",
         popupIcon: /* @__PURE__ */ i(te, {}),
-        sx: he,
-        value: L,
+        sx: Ee,
+        value: S,
         getOptionLabel: /* @__PURE__ */ o((e) => fe(e.label), "getOptionLabel"),
         getOptionKey: /* @__PURE__ */ o((e) => e.value, "getOptionKey"),
         isOptionEqualToValue: /* @__PURE__ */ o((e, t) => e.value === t.value, "isOptionEqualToValue"),
-        loadingText: z ?? p("Common.로딩 중..."),
-        noOptionsText: X,
+        loadingText: V ?? p("Common.로딩 중..."),
+        noOptionsText: Q,
         onChange: /* @__PURE__ */ o((e, t, l, r) => {
-          const T = e.type === "keydown" ? de(
+          const O = e.type === "keydown" ? de(
             e,
-            d
-          ) : d ?? "";
-          if (l === "removeOption" && e.type === "keydown" && T === "" && (m || u > 0)) {
+            f
+          ) : f ?? "";
+          if (l === "removeOption" && e.type === "keydown" && O === "" && (m || u > 0)) {
             e.preventDefault(), e.stopPropagation();
             return;
           }
@@ -180,25 +188,25 @@ const ue = 2, we = 152, ce = 72, me = 18.57, ke = "11px !important", Ve = "2px !
               $();
               return;
             }
-            W();
+            B();
             return;
           }
-          if (f && (r != null && r.option) && O(r.option)) {
+          if (T && (r != null && r.option) && d(r.option)) {
             if (m) {
-              W();
+              B();
               return;
             }
             $();
             return;
           }
           q(
-            t.filter((I) => !O(I)).map((I) => I.value)
+            t.filter((I) => !d(I)).map((I) => I.value)
           );
         }, "onChange"),
         onInputChange: /* @__PURE__ */ o((e, t, l) => {
           c == null || c(t, l);
         }, "onInputChange"),
-        onKeyDown: Ee,
+        onKeyDown: ve,
         slotProps: F,
         renderInput: /* @__PURE__ */ o((e) => {
           var t;
@@ -211,48 +219,48 @@ const ue = 2, we = 152, ce = 72, me = 18.57, ke = "11px !important", Ve = "2px !
               error: w,
               fullWidth: A,
               helperText: k,
-              label: V,
-              placeholder: U ?? p("Common.검색"),
+              label: R,
+              placeholder: z ?? p("Common.검색"),
               required: H,
               slotProps: {
                 ...n == null ? void 0 : n.slotProps,
                 input: {
                   ...e.InputProps,
                   ...(t = n == null ? void 0 : n.slotProps) == null ? void 0 : t.input,
-                  endAdornment: /* @__PURE__ */ C(P, { children: [
-                    g ? /* @__PURE__ */ i(le, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
+                  endAdornment: /* @__PURE__ */ x(D, { children: [
+                    E ? /* @__PURE__ */ i(le, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
                     e.InputProps.endAdornment
                   ] })
                 }
               },
-              variant: x
+              variant: L
             }
           );
         }, "renderInput"),
         renderOption: /* @__PURE__ */ o((e, t, l) => {
-          const { key: r, ...T } = e;
-          return /* @__PURE__ */ C("li", { ...T, children: [
+          const { key: r, ...O } = e;
+          return /* @__PURE__ */ x("li", { ...O, children: [
             /* @__PURE__ */ i(Me, { checked: l.selected, className: "!mr-8 !p-0", size: "small" }),
-            t.label
+            Te(t)
           ] }, r);
         }, "renderOption"),
-        renderValue: /* @__PURE__ */ o((e, t) => f && m ? [
+        renderValue: /* @__PURE__ */ o((e, t) => T && m ? [
           /* @__PURE__ */ i(
-            Se,
+            Oe,
             {
               component: "span",
-              sx: { color: "text.primary", fontWeight: 500, mr: 0.5 },
-              children: y.label
+              sx: ke,
+              children: _.label
             },
-            y.value
+            _.value
           )
         ] : [
-          ...e.filter((r) => !O(r)).slice(0, ue).map((r, T) => {
-            const { key: I, ...ve } = t({ index: T });
-            return /* @__PURE__ */ ye(
-              _,
+          ...e.filter((r) => !d(r)).slice(0, ue).map((r, O) => {
+            const { key: I, ..._e } = t({ index: O });
+            return /* @__PURE__ */ be(
+              P,
               {
-                ...ve,
+                ..._e,
                 key: I,
                 label: r.label,
                 size: "small",
@@ -262,22 +270,22 @@ const ue = 2, we = 152, ce = 72, me = 18.57, ke = "11px !important", Ve = "2px !
           }),
           ...u > 0 ? [
             /* @__PURE__ */ i(
-              _,
+              P,
               {
                 clickable: !0,
                 label: `+${u}`,
-                onClick: xe,
-                onMouseDown: ge,
+                onClick: ge,
+                onMouseDown: xe,
                 size: "small",
                 sx: /* @__PURE__ */ o((r) => ({
-                  backgroundColor: E(r.palette.primary.main, 0.14),
-                  border: `1px solid ${E(r.palette.primary.main, 0.22)}`,
+                  backgroundColor: g(r.palette.primary.main, 0.14),
+                  border: `1px solid ${g(r.palette.primary.main, 0.22)}`,
                   borderRadius: 1,
                   color: r.palette.primary.dark,
                   fontWeight: 600,
                   mr: 0.5,
                   "&:hover": {
-                    backgroundColor: E(r.palette.primary.main, 0.2)
+                    backgroundColor: g(r.palette.primary.main, 0.2)
                   }
                 }), "sx")
               },
@@ -288,26 +296,26 @@ const ue = 2, we = 152, ce = 72, me = 18.57, ke = "11px !important", Ve = "2px !
       }
     ),
     /* @__PURE__ */ i(
-      _e,
+      Ne,
       {
-        anchorEl: J,
-        open: !!J && u > 0,
+        anchorEl: Z,
+        open: !!Z && u > 0,
         placement: "bottom-start",
         sx: { zIndex: /* @__PURE__ */ o((e) => e.zIndex.modal, "zIndex") },
-        children: /* @__PURE__ */ i(De, { onClickAway: Ae, children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ i(De, { onClickAway: Le, children: /* @__PURE__ */ i(
           Pe,
           {
             className: "mt-4",
             sx: {
-              border: /* @__PURE__ */ o((e) => `1px solid ${E(e.palette.common.black, 0.12)}`, "border"),
+              border: /* @__PURE__ */ o((e) => `1px solid ${g(e.palette.common.black, 0.12)}`, "border"),
               display: "flex",
               flexWrap: "wrap",
               gap: 0.75,
               maxWidth: 280,
               p: 1
             },
-            children: Z.map((e) => /* @__PURE__ */ i(
-              _,
+            children: X.map((e) => /* @__PURE__ */ i(
+              P,
               {
                 label: e.label,
                 onDelete: /* @__PURE__ */ o(() => Ce(e.value), "onDelete"),
@@ -325,10 +333,10 @@ const ue = 2, we = 152, ce = 72, me = 18.57, ke = "11px !important", Ve = "2px !
     {
       className: ie("min-w-128", N),
       disabled: h,
-      filterOptions: v ? (e) => e : void 0,
+      filterOptions: C ? (e) => e : void 0,
       fullWidth: A,
-      inputValue: d,
-      loading: g,
+      inputValue: f,
+      loading: E,
       options: j,
       clearText: "",
       closeText: "",
@@ -336,14 +344,14 @@ const ue = 2, we = 152, ce = 72, me = 18.57, ke = "11px !important", Ve = "2px !
       openText: "",
       popupIcon: /* @__PURE__ */ i(te, {}),
       sx: ee,
-      value: Ie,
+      value: he,
       getOptionLabel: /* @__PURE__ */ o((e) => fe(e.label), "getOptionLabel"),
       getOptionKey: /* @__PURE__ */ o((e) => e.value, "getOptionKey"),
       isOptionEqualToValue: /* @__PURE__ */ o((e, t) => e.value === t.value, "isOptionEqualToValue"),
-      loadingText: z ?? p("Common.로딩 중..."),
-      noOptionsText: X,
+      loadingText: V ?? p("Common.로딩 중..."),
+      noOptionsText: Q,
       onChange: /* @__PURE__ */ o((e, t) => {
-        if (!t || f && O(t)) {
+        if (!t || T && d(t)) {
           G("");
           return;
         }
@@ -364,8 +372,8 @@ const ue = 2, we = 152, ce = 72, me = 18.57, ke = "11px !important", Ve = "2px !
             error: w,
             fullWidth: A,
             helperText: k,
-            label: V,
-            placeholder: U,
+            label: R,
+            placeholder: z,
             required: H,
             slotProps: {
               ...n == null ? void 0 : n.slotProps,
@@ -373,29 +381,29 @@ const ue = 2, we = 152, ce = 72, me = 18.57, ke = "11px !important", Ve = "2px !
                 ...e.InputProps,
                 ...(t = n == null ? void 0 : n.slotProps) == null ? void 0 : t.input,
                 sx: {
-                  ...Oe ?? {},
+                  ...Ae ?? {},
                   ...e.InputProps.sx ?? {},
                   ...((r = (l = n == null ? void 0 : n.slotProps) == null ? void 0 : l.input) == null ? void 0 : r.sx) ?? {}
                 },
-                endAdornment: /* @__PURE__ */ C(P, { children: [
-                  g ? /* @__PURE__ */ i(le, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
+                endAdornment: /* @__PURE__ */ x(D, { children: [
+                  E ? /* @__PURE__ */ i(le, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
                   e.InputProps.endAdornment
                 ] })
               }
             },
-            variant: x
+            variant: L
           }
         );
       }, "renderInput"),
       selectOnFocus: !0,
       renderOption: /* @__PURE__ */ o((e, t) => {
         const { key: l, ...r } = e;
-        return /* @__PURE__ */ i("li", { ...r, children: t.label }, l);
+        return /* @__PURE__ */ i("li", { ...r, children: Te(t) }, l);
       }, "renderOption")
     }
   );
 }, "OwpSelectorAutocomplete");
 export {
-  Je as OwpSelectorAutocomplete
+  Fe as OwpSelectorAutocomplete
 };
 //# sourceMappingURL=OwpSelectorAutocomplete.js.map