@owp/core 2.5.53 → 2.5.55

package/dist/components/OwpPicker/OwpTimePicker.js

@@ -1,27 +1,31 @@
-var Fn = Object.defineProperty;
-var a = (t, m) => Fn(t, "name", { value: m, configurable: !0 });
-import { jsx as w, jsxs as cn } 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 { useOwpTranslation as Pn } from "../../hooks/useOwpTranslation.js";
-import Rn 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 { Popper as ne, Paper as ee, InputAdornment as Sn, IconButton as On } from "@mui/material";
-import { TimePicker as te, MultiSectionDigitalClock as re, LocalizationProvider as ie } from "@mui/x-date-pickers";
-import { AdapterDayjs as ae } from "@mui/x-date-pickers/AdapterDayjs";
-import { clsx as ce } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+var Pn = Object.defineProperty;
+var a = (t, f) => Pn(t, "name", { value: f, configurable: !0 });
+import { jsx as p, jsxs as un } 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 { useOwpTranslation as ne } from "../../hooks/useOwpTranslation.js";
+import { OWP_INPUT_HORIZONTAL_PADDING_PX as ee } from "../../constants/input.js";
+import Sn 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 { Popper as te, Paper as re, InputAdornment as On, IconButton as _n } from "@mui/material";
+import { TimePicker as ie, MultiSectionDigitalClock as ae, LocalizationProvider as ce } from "@mui/x-date-pickers";
+import { AdapterDayjs as oe } from "@mui/x-date-pickers/AdapterDayjs";
+import { clsx as ue } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { owpDayjs as K } from "../../dayjs.js";
-import { useMemo as J, useState as Q, useRef as O, useCallback as u, useEffect as on } from "react";
-import { TIME_PICKER_EDITOR_SECTION_WIDTH as oe, VALUE_TIME_SECOND_FORMATTER as x, VALUE_TIME_FORMATTER as F, PICKER_TRANSITION_DURATION as _n, PICKER_EXIT_TRANSFORM_DELAY as ue, PICKER_TRANSFORM_TRANSITION_DURATION as se, PICKER_INVALID_INPUT_MESSAGE_KEY as de, TIME_PICKER_SELECTED_ITEM_SX as le } from "./constants/index.js";
-import { getOwpPickerEditorPaperSx as fe, getOwpPickerEditorInputSx as me, getOwpTimePickerClockSx as Ie } from "./styles/pickerEditorStyles.js";
-import { useOwpPickerPopperTransition as Te } from "./hooks/useOwpPickerPopperTransition.js";
-import { getAdjacentFocusableElement as we, getPickerInputMask as ke } from "./utils/index.js";
-import { OwpTextMaskField as ye } from "../OwpTextField/OwpTextMaskField.js";
-const Z = "––", pe = [
+import { useMemo as X, useState as x, useRef as O, useCallback as u, useEffect as sn } from "react";
+import { TIME_PICKER_EDITOR_SECTION_WIDTH as se, VALUE_TIME_SECOND_FORMATTER as F, VALUE_TIME_FORMATTER as P, PICKER_TRANSITION_DURATION as Mn, PICKER_EXIT_TRANSFORM_DELAY as de, PICKER_TRANSFORM_TRANSITION_DURATION as le, PICKER_INVALID_INPUT_MESSAGE_KEY as me, TIME_PICKER_SELECTED_ITEM_SX as fe } from "./constants/index.js";
+import { getOwpPickerEditorPaperSx as Ie, getOwpPickerEditorInputSx as Te, getOwpTimePickerClockSx as pe } from "./styles/pickerEditorStyles.js";
+import { useOwpPickerPopperTransition as we } from "./hooks/useOwpPickerPopperTransition.js";
+import { getAdjacentFocusableElement as ke, getPickerInputMask as ye } from "./utils/index.js";
+import { OwpTextMaskField as De } from "../OwpTextField/OwpTextMaskField.js";
+const Ee = [
   '[role="spinbutton"]:not([tabindex="-1"]):not([aria-disabled="true"])',
   '[role="group"] [tabindex="0"]:not([aria-disabled="true"])',
   '[contenteditable="true"]:not([tabindex="-1"]):not([aria-disabled="true"])'
-].join(","), Ee = {
+].join(","), be = {
   "& .MuiInputBase-root": {
     alignItems: "center"
   },
+  "& .MuiPickersInputBase-sectionsContainer, & .MuiPickersSectionList-root": {
+    paddingLeft: ee
+  },
   "& .MuiInputAdornment-positionEnd": {
     marginBottom: 0,
     marginLeft: 0,
@@ -44,87 +48,98 @@ const Z = "––", pe = [
       visibility: "visible"
     }
   }
-}, De = /* @__PURE__ */ a((t) => t.ctrlKey || t.altKey || t.metaKey ? !1 : t.key.length === 1 || t.key === "Backspace" || t.key === "Delete", "isValueEditingKey"), be = /* @__PURE__ */ a((t) => t.ctrlKey || t.altKey || t.metaKey || t.key === "Escape" || t.key === "Enter" || t.key === "Tab" ? !1 : t.key.length === 1 || t.key.startsWith("Arrow"), "isTimePickerOpenKey"), un = /* @__PURE__ */ a((t, m) => {
-  const E = t.trim(), s = m ? "(\\d{2}):(\\d{2}):(\\d{2})" : "(\\d{2}):(\\d{2})", y = E.match(new RegExp(`^${s}$`));
-  if (!y)
+}, Ae = /* @__PURE__ */ a((t) => t.ctrlKey || t.altKey || t.metaKey ? !1 : t.key.length === 1 || t.key === "Backspace" || t.key === "Delete", "isValueEditingKey"), Re = /* @__PURE__ */ a((t) => t.ctrlKey || t.altKey || t.metaKey || t.key === "Escape" || t.key === "Enter" || t.key === "Tab" ? !1 : t.key.length === 1 || t.key.startsWith("Arrow"), "isTimePickerOpenKey"), dn = /* @__PURE__ */ a((t, f) => {
+  const E = t.trim(), s = f ? "(\\d{2}):(\\d{2}):(\\d{2})" : "(\\d{2}):(\\d{2})", k = E.match(new RegExp(`^${s}$`));
+  if (!k)
     return null;
-  const D = Number(y[1]), _ = Number(y[2]), b = m ? Number(y[3]) : 0;
-  if (_ > 59 || b > 59 || D > 24 || D === 24 && (_ > 0 || b > 0))
+  const b = Number(k[1]), _ = Number(k[2]), A = f ? Number(k[3]) : 0;
+  if (_ > 59 || A > 59 || b > 24 || b === 24 && (_ > 0 || A > 0))
     return null;
-  const z = [D, _, ...m ? [b] : []].map((c) => String(c).padStart(2, "0")).join(":");
+  const z = [b, _, ...f ? [A] : []].map((c) => String(c).padStart(2, "0")).join(":");
   return {
-    dateValue: D === 24 ? K("00:00:00", x, !0).add(1, "day") : K(z, m ? x : F, !0),
+    dateValue: b === 24 ? K("00:00:00", F, !0).add(1, "day") : K(z, f ? F : P, !0),
     valueText: z
   };
-}, "parseTimePickerInput"), sn = /* @__PURE__ */ a((t, m) => t.format(m ? x : F), "formatTimePickerDisplayInput"), Ae = /* @__PURE__ */ a((t) => (t == null ? void 0 : t.querySelector(pe)) ?? null, "getTimePickerFocusTarget"), Re = /* @__PURE__ */ a((t, m) => {
-  const E = m ? t.indexOf(" ") : -1, s = E >= 0 ? t.slice(0, E) : "", y = E >= 0 ? t.slice(E + 1) : t, [D, _, b] = y.split(":");
+}, "parseTimePickerInput"), ln = /* @__PURE__ */ a((t, f) => t.format(f ? F : P), "formatTimePickerDisplayInput"), Se = /* @__PURE__ */ a((t) => (t == null ? void 0 : t.querySelector(Ee)) ?? null, "getTimePickerFocusTarget"), hn = /* @__PURE__ */ a((t, f) => {
+  const E = f ? t.indexOf(" ") : -1, s = E >= 0 ? t.slice(0, E) : "", k = E >= 0 ? t.slice(E + 1) : t, [b, _, A] = k.split(":");
   return {
-    hours: D || Z,
-    minutes: _ || Z,
-    seconds: b || Z,
-    meridiem: s || Z
+    hours: b ?? "",
+    minutes: _ ?? "",
+    seconds: A ?? "",
+    meridiem: s
   };
-}, "getTimePickerPlaceholderSections"), Se = /* @__PURE__ */ a((t, m) => {
+}, "parseTimePickerPlaceholderSections"), Oe = /* @__PURE__ */ a((t, f) => {
   if (t) {
     if (typeof t == "function") {
-      t(m);
+      t(f);
       return;
     }
-    t.current = m;
+    t.current = f;
   }
-}, "assignInputRef"), Xe = /* @__PURE__ */ a(({
+}, "assignInputRef"), He = /* @__PURE__ */ a(({
   label: t,
-  variant: m = "standard",
+  variant: f = "standard",
   sx: E,
   value: s,
-  format: y = F,
-  useAmPm: D,
+  format: k = P,
+  useAmPm: b,
   placeholder: _,
-  clearable: b = !0,
+  clearable: A = !0,
   fullWidth: z,
   onChange: c,
   textFieldProps: r,
-  localeText: Mn,
-  open: dn,
+  localeText: gn,
+  open: mn,
   onOpen: $,
-  onClose: W,
-  slots: gn,
+  onClose: H,
+  slots: Kn,
   slotProps: i,
   ...l
 }) => {
-  var bn;
-  const I = /s/i.test(y), T = I ? x : F, A = D ?? /a/i.test(y), hn = A ? I ? "A hh:mm:ss" : "A hh:mm" : T, Kn = l.closeOnSelect ?? !1, ln = {
+  var An;
+  const I = /s/i.test(k), T = I ? F : P, y = b ?? /a/i.test(k), G = y ? I ? "A hh:mm:ss" : "A hh:mm" : T, Nn = l.closeOnSelect ?? !1, fn = {
     minutes: 1,
     seconds: 1,
     ...l.timeSteps
-  }, N = J(
+  }, N = X(
     () => I ? ["hours", "minutes", "seconds"] : ["hours", "minutes"],
     [I]
-  ), fn = N.length - 1, P = oe * (N.length + (A ? 1 : 0)), [Nn, mn] = Q(!1), [B, Bn] = Q(""), [In, Tn] = Q(!1), [Ln, L] = Q(null), j = O(null), wn = O(null), kn = O(null), nn = O(null), X = O(!1), v = O(!1), p = O(0), en = O(!1), { t: tn, i18n: yn } = Pn(), Vn = (yn.resolvedLanguage ?? yn.language ?? "kr") === "kr" ? "ko" : "en", rn = _ ?? (A ? "–– ––:––" : "––:––"), H = J(
-    () => Re(rn, A),
-    [rn, A]
-  ), an = {
-    okButtonLabel: tn("Button.확인"),
-    clearButtonLabel: tn("Button.초기화"),
-    fieldHoursPlaceholder: /* @__PURE__ */ a(() => H.hours, "fieldHoursPlaceholder"),
-    fieldMinutesPlaceholder: /* @__PURE__ */ a(() => H.minutes, "fieldMinutesPlaceholder"),
-    fieldSecondsPlaceholder: /* @__PURE__ */ a(() => H.seconds, "fieldSecondsPlaceholder"),
-    fieldMeridiemPlaceholder: /* @__PURE__ */ a(() => H.meridiem, "fieldMeridiemPlaceholder"),
-    ...Mn
-  }, zn = [Ee, E, r == null ? void 0 : r.sx].filter(
+  ), In = N.length - 1, nn = se * (N.length + (y ? 1 : 0)), [Ln, Tn] = x(!1), [L, Bn] = x(""), [pn, wn] = x(!1), [Vn, B] = x(null), j = O(null), kn = O(null), yn = O(null), en = O(null), v = O(!1), Y = O(!1), D = O(0), tn = O(!1), { t: rn, i18n: an } = ne(), zn = !an.language || an.language === "kr" || an.language.startsWith("ko") ? "ko" : "en", cn = _ ?? G, U = X(
+    () => hn(G, y),
+    [G, y]
+  ), Z = X(
+    () => {
+      const n = hn(cn, y);
+      return {
+        hours: n.hours || U.hours,
+        minutes: n.minutes || U.minutes,
+        seconds: n.seconds || U.seconds || "",
+        meridiem: n.meridiem || U.meridiem || ""
+      };
+    },
+    [U, cn, y]
+  ), on = {
+    okButtonLabel: rn("Button.확인"),
+    clearButtonLabel: rn("Button.초기화"),
+    fieldHoursPlaceholder: /* @__PURE__ */ a(() => Z.hours, "fieldHoursPlaceholder"),
+    fieldMinutesPlaceholder: /* @__PURE__ */ a(() => Z.minutes, "fieldMinutesPlaceholder"),
+    fieldSecondsPlaceholder: /* @__PURE__ */ a(() => Z.seconds, "fieldSecondsPlaceholder"),
+    fieldMeridiemPlaceholder: /* @__PURE__ */ a(() => Z.meridiem, "fieldMeridiemPlaceholder"),
+    ...gn
+  }, jn = [be, E, r == null ? void 0 : r.sx].filter(
     Boolean
-  ), jn = !!(!b || l.disabled || l.readOnly), Cn = !!c && b, C = dn !== void 0, d = C ? dn : Nn, Y = Te(d), f = u((n) => {
-    Bn(n), Tn(!1);
+  ), Un = !!(!A || l.disabled || l.readOnly), Cn = !!c && A, C = mn !== void 0, d = C ? mn : Ln, J = we(d), m = u((n) => {
+    Bn(n), wn(!1);
   }, []), M = u(() => {
     var n;
-    (n = nn.current) == null || n.focus();
-  }, []), g = J(() => {
+    (n = en.current) == null || n.focus();
+  }, []), h = X(() => {
     if (!s)
       return null;
     if (K.isDayjs(s))
       return s;
     if (typeof s == "string") {
-      const e = un(s, I);
+      const e = dn(s, I);
       if (e != null && e.dateValue.isValid())
         return e.dateValue;
       const o = K(s, T, !0);
@@ -132,154 +147,154 @@ const Z = "––", pe = [
     }
     const n = K(s);
     return n.isValid() ? n : null;
-  }, [I, T, s]), V = J(() => {
+  }, [I, T, s]), V = X(() => {
     if (!s)
       return "";
     if (typeof s == "string") {
       const e = K(s, T, !0);
-      return e.isValid() ? sn(e, I) : s;
+      return e.isValid() ? ln(e, I) : s;
     }
     const n = K(s);
-    return n.isValid() ? sn(n, I) : "";
-  }, [I, T, s]), Un = /* @__PURE__ */ a((n) => {
+    return n.isValid() ? ln(n, I) : "";
+  }, [I, T, s]), qn = /* @__PURE__ */ a((n) => {
     const e = n != null && n.isValid() ? n.format(T) : void 0;
-    f(
-      n != null && n.isValid() ? sn(n, I) : ""
+    m(
+      n != null && n.isValid() ? ln(n, I) : ""
     ), c == null || c(e);
-  }, "handleChange"), h = u(
+  }, "handleChange"), g = u(
     (n) => {
-      if (!B)
-        return f(""), c == null || c(""), !0;
-      const e = un(B, I);
-      return e != null && e.dateValue.isValid() ? (f(e.valueText), c == null || c(e.valueText), !0) : (n && B && Tn(!0), !1);
+      if (!L)
+        return m(""), c == null || c(""), !0;
+      const e = dn(L, I);
+      return e != null && e.dateValue.isValid() ? (m(e.valueText), c == null || c(e.valueText), !0) : (n && L && wn(!0), !1);
     },
-    [I, B, c, f]
+    [I, L, c, m]
   ), R = u(() => {
-    if (v.current || Date.now() < p.current) {
-      v.current = !1;
+    if (Y.current || Date.now() < D.current) {
+      Y.current = !1;
       return;
     }
-    C || mn(!0), f(V), L(g), $ == null || $();
-  }, [C, $, V, g, f]), k = u(() => {
-    C || mn(!1), W == null || W();
-  }, [C, W]), S = u(() => {
-    h(), k();
-  }, [k, h]), pn = u(() => {
-    p.current = Date.now() + 200, S();
+    C || Tn(!0), m(V), B(h), $ == null || $();
+  }, [C, $, V, h, m]), w = u(() => {
+    C || Tn(!1), H == null || H();
+  }, [C, H]), S = u(() => {
+    g(), w();
+  }, [w, g]), Dn = u(() => {
+    D.current = Date.now() + 200, S();
   }, [S]), En = u(() => {
-    p.current = Date.now() + 200, k();
-  }, [k]), G = u((n) => {
+    D.current = Date.now() + 200, w();
+  }, [w]), Q = u((n) => {
     const e = j.current;
     e && window.requestAnimationFrame(() => {
       var o;
-      (o = we(e, n)) == null || o.focus();
+      (o = ke(e, n)) == null || o.focus();
     });
-  }, []), U = u(() => {
+  }, []), q = u(() => {
     window.requestAnimationFrame(() => {
       var n;
-      (n = Ae(j.current) ?? kn.current) == null || n.focus();
+      (n = Se(j.current) ?? yn.current) == null || n.focus();
     });
-  }, []), qn = u(
+  }, []), Wn = u(
     (n) => {
-      kn.current = n, Se(r == null ? void 0 : r.inputRef, n);
+      yn.current = n, Oe(r == null ? void 0 : r.inputRef, n);
     },
     [r == null ? void 0 : r.inputRef]
-  ), $n = u(
+  ), Xn = u(
     (n) => {
-      nn.current = n, !(!n || !d) && (window.requestAnimationFrame(() => {
+      en.current = n, !(!n || !d) && (window.requestAnimationFrame(() => {
         M();
       }), window.setTimeout(() => {
         M();
       }));
     },
     [M, d]
-  ), Wn = /* @__PURE__ */ a(() => {
-    c == null || c(""), f("");
-  }, "handleClear"), Xn = u(
+  ), $n = /* @__PURE__ */ a(() => {
+    c == null || c(""), m("");
+  }, "handleClear"), Hn = u(
     (n) => {
-      const e = n.target.value, o = un(e, I);
-      f(e), o != null && o.dateValue.isValid() && L(o.dateValue);
+      const e = n.target.value, o = dn(e, I);
+      m(e), o != null && o.dateValue.isValid() && B(o.dateValue);
     },
-    [I, f]
-  ), Dn = u(
+    [I, m]
+  ), bn = u(
     (n) => {
       n.stopPropagation(), n.nativeEvent.stopImmediatePropagation();
     },
     []
-  ), vn = u(
+  ), Gn = u(
     (n) => {
-      if (Dn(n), n.key === "Escape") {
-        n.preventDefault(), p.current = Date.now() + 200, f(V), L(g), k(), U();
+      if (bn(n), n.key === "Escape") {
+        n.preventDefault(), D.current = Date.now() + 200, m(V), B(h), w(), q();
         return;
       }
       if (n.key === "Tab") {
-        if (n.preventDefault(), !h(!0))
+        if (n.preventDefault(), !g(!0))
           return;
-        p.current = Date.now() + 200, k(), G(n.shiftKey);
+        D.current = Date.now() + 200, w(), Q(n.shiftKey);
         return;
       }
-      n.key === "Enter" && (n.preventDefault(), h(!0) && (p.current = Date.now() + 200, k(), U()));
+      n.key === "Enter" && (n.preventDefault(), g(!0) && (D.current = Date.now() + 200, w(), q()));
     },
     [
-      k,
-      h,
-      G,
-      U,
-      V,
+      w,
       g,
-      f,
-      Dn
+      Q,
+      q,
+      V,
+      h,
+      m,
+      bn
     ]
-  ), Hn = u(
+  ), vn = u(
     (n) => {
-      n.stopPropagation(), n.key === "Tab" && (n.preventDefault(), h(!0) && (p.current = Date.now() + 200, k(), G(n.shiftKey)));
+      n.stopPropagation(), n.key === "Tab" && (n.preventDefault(), g(!0) && (D.current = Date.now() + 200, w(), Q(n.shiftKey)));
     },
-    [k, h, G]
+    [w, g, Q]
   ), Yn = u(
     (n) => {
       var e;
-      n.preventDefault(), n.stopPropagation(), c == null || c(""), f(""), L(null), (e = nn.current) == null || e.focus();
+      n.preventDefault(), n.stopPropagation(), c == null || c(""), m(""), B(null), (e = en.current) == null || e.focus();
     },
-    [c, f]
-  ), Gn = u(
+    [c, m]
+  ), Zn = u(
     (n, e) => {
       if (!(n != null && n.isValid()))
         return;
       const o = n.format(T);
-      L(n), f(o), e === N[fn] && (p.current = Date.now() + 200, c == null || c(o), En(), U());
+      B(n), m(o), e === N[In] && (D.current = Date.now() + 200, c == null || c(o), En(), q());
     },
     [
-      fn,
+      In,
       En,
-      U,
+      q,
       T,
       c,
-      f,
+      m,
       N
     ]
   ), Jn = u(
     (n) => {
       var e;
-      (e = r == null ? void 0 : r.onMouseDown) == null || e.call(r, n), X.current = !0;
+      (e = r == null ? void 0 : r.onMouseDown) == null || e.call(r, n), v.current = !0;
     },
     [r]
   ), Qn = u(
     (n) => {
       var e;
-      (e = r == null ? void 0 : r.onFocus) == null || e.call(r, n), !(n.defaultPrevented || l.disabled || l.readOnly || d) && (en.current = X.current, R());
+      (e = r == null ? void 0 : r.onFocus) == null || e.call(r, n), !(n.defaultPrevented || l.disabled || l.readOnly || d) && (tn.current = v.current, R());
     },
     [R, d, r, l.disabled, l.readOnly]
-  ), Zn = u(
+  ), xn = u(
     (n) => {
       var e;
       if ((e = r == null ? void 0 : r.onClick) == null || e.call(r, n), !(n.defaultPrevented || l.disabled || l.readOnly)) {
-        if (en.current) {
-          en.current = !1, X.current = !1;
+        if (tn.current) {
+          tn.current = !1, v.current = !1;
           return;
         }
-        if (X.current = !1, d) {
-          v.current = !0, S(), queueMicrotask(() => {
-            v.current = !1;
+        if (v.current = !1, d) {
+          Y.current = !0, S(), queueMicrotask(() => {
+            Y.current = !1;
           });
           return;
         }
@@ -294,19 +309,19 @@ const Z = "––", pe = [
       l.disabled,
       l.readOnly
     ]
-  ), xn = u(
+  ), Fn = u(
     (n) => {
       var e;
       if ((e = r == null ? void 0 : r.onKeyDown) == null || e.call(r, n), !(n.defaultPrevented || l.disabled || l.readOnly)) {
-        if (!d && be(n)) {
+        if (!d && Re(n)) {
           n.preventDefault(), R();
           return;
         }
         if (d && n.key === "Tab") {
-          p.current = Date.now() + 200, S();
+          D.current = Date.now() + 200, S();
           return;
         }
-        !d || !De(n) || S();
+        !d || !Ae(n) || S();
       }
     },
     [
@@ -318,10 +333,10 @@ const Z = "––", pe = [
       l.readOnly
     ]
   );
-  return on(() => {
-    d && (f(V), L(g));
-  }, [d, V, g, f]), on(() => {
-    if (!d || Y.state !== "open")
+  return sn(() => {
+    d && (m(V), B(h));
+  }, [d, V, h, m]), sn(() => {
+    if (!d || J.state !== "open")
       return;
     const n = window.requestAnimationFrame(() => {
       M();
@@ -329,53 +344,53 @@ const Z = "––", pe = [
       M();
     }), o = window.setTimeout(() => {
       M();
-    }, _n);
+    }, Mn);
     return () => {
       window.cancelAnimationFrame(n), window.clearTimeout(e), window.clearTimeout(o);
     };
-  }, [M, d, Y.state]), on(() => {
+  }, [M, d, J.state]), sn(() => {
     if (!d)
       return;
     const n = /* @__PURE__ */ a((e) => {
-      var q, An;
+      var W, Rn;
       const o = e.target;
-      o instanceof Node && ((q = j.current) != null && q.contains(o) || (An = wn.current) != null && An.contains(o) || pn());
+      o instanceof Node && ((W = j.current) != null && W.contains(o) || (Rn = kn.current) != null && Rn.contains(o) || Dn());
     }, "handleDocumentMouseDown");
     return document.addEventListener("mousedown", n, !0), () => {
       document.removeEventListener("mousedown", n, !0);
     };
-  }, [pn, d]), /* @__PURE__ */ w(ie, { dateAdapter: ae, adapterLocale: Vn, children: /* @__PURE__ */ cn("div", { ref: j, children: [
-    /* @__PURE__ */ w(
-      te,
+  }, [Dn, d]), /* @__PURE__ */ p(ce, { dateAdapter: oe, adapterLocale: zn, children: /* @__PURE__ */ un("div", { ref: j, children: [
+    /* @__PURE__ */ p(
+      ie,
       {
         ...l,
-        ampm: A,
+        ampm: y,
         open: !1,
-        closeOnSelect: Kn,
-        timeSteps: ln,
+        closeOnSelect: Nn,
+        timeSteps: fn,
         label: t,
-        value: g,
+        value: h,
         views: N,
-        format: hn,
-        localeText: an,
-        onChange: Un,
+        format: G,
+        localeText: on,
+        onChange: qn,
         onOpen: R,
         onClose: S,
         slots: {
-          ...gn,
-          inputAdornment: /* @__PURE__ */ a(({ position: n, children: e, ...o }) => /* @__PURE__ */ cn(Sn, { position: n, ...o, children: [
-            n === "end" && Cn && /* @__PURE__ */ w(
-              On,
+          ...Kn,
+          inputAdornment: /* @__PURE__ */ a(({ position: n, children: e, ...o }) => /* @__PURE__ */ un(On, { position: n, ...o, children: [
+            n === "end" && Cn && /* @__PURE__ */ p(
+              _n,
               {
                 className: "clearButton",
                 size: "small",
                 tabIndex: -1,
-                "aria-label": an.clearButtonLabel,
-                disabled: jn,
-                onClick: /* @__PURE__ */ a((q) => {
-                  q.preventDefault(), q.stopPropagation(), Wn();
+                "aria-label": on.clearButtonLabel,
+                disabled: Un,
+                onClick: /* @__PURE__ */ a((W) => {
+                  W.preventDefault(), W.stopPropagation(), $n();
                 }, "onClick"),
-                children: /* @__PURE__ */ w(Rn, { fontSize: "small" })
+                children: /* @__PURE__ */ p(Sn, { fontSize: "small" })
               }
             ),
             e
@@ -405,35 +420,35 @@ const Z = "––", pe = [
               marginBottom: 0,
               marginLeft: 0,
               gap: 0,
-              ...typeof (i == null ? void 0 : i.inputAdornment) == "function" || (bn = i == null ? void 0 : i.inputAdornment) == null ? void 0 : bn.sx
+              ...typeof (i == null ? void 0 : i.inputAdornment) == "function" || (An = i == null ? void 0 : i.inputAdornment) == null ? void 0 : An.sx
             }
           },
           textField: {
-            variant: m,
+            variant: f,
             fullWidth: z,
             ...r,
-            className: ce(
-              !z && (A ? "w-[160px]" : "w-[140px]"),
+            className: ue(
+              !z && (y ? "w-[160px]" : "w-[140px]"),
               r == null ? void 0 : r.className
             ),
             onMouseDown: Jn,
             onFocus: Qn,
-            onClick: Zn,
-            onKeyDown: xn,
-            inputRef: qn,
-            placeholder: rn,
-            sx: zn
+            onClick: xn,
+            onKeyDown: Fn,
+            inputRef: Wn,
+            placeholder: cn,
+            sx: jn
           }
         }
       }
     ),
-    Y.shouldRender && /* @__PURE__ */ w(
-      ne,
+    J.shouldRender && /* @__PURE__ */ p(
+      te,
       {
         open: !0,
         anchorEl: j.current,
         placement: "bottom-end",
-        ref: wn,
+        ref: kn,
         modifiers: [
           {
             name: "offset",
@@ -443,65 +458,65 @@ const Z = "––", pe = [
           }
         ],
         sx: { zIndex: /* @__PURE__ */ a((n) => n.zIndex.modal, "zIndex") },
-        children: /* @__PURE__ */ w(
+        children: /* @__PURE__ */ p(
           "div",
           {
             className: "owp-animated-picker-popper",
-            "data-state": Y.state,
+            "data-state": J.state,
             style: {
-              "--owp-calendar-transition-duration": `${_n}ms`,
-              "--owp-calendar-transform-transition-duration": `${se}ms`,
-              "--owp-calendar-exit-transform-delay": `${ue}ms`
+              "--owp-calendar-transition-duration": `${Mn}ms`,
+              "--owp-calendar-transform-transition-duration": `${le}ms`,
+              "--owp-calendar-exit-transform-delay": `${de}ms`
             },
-            children: /* @__PURE__ */ cn(
-              ee,
+            children: /* @__PURE__ */ un(
+              re,
               {
                 elevation: 8,
                 onClick: /* @__PURE__ */ a((n) => {
                   n.stopPropagation();
                 }, "onClick"),
-                onKeyDown: Hn,
+                onKeyDown: vn,
                 onKeyUp: /* @__PURE__ */ a((n) => {
                   n.stopPropagation();
                 }, "onKeyUp"),
                 onMouseDown: /* @__PURE__ */ a((n) => {
                   n.stopPropagation();
                 }, "onMouseDown"),
-                sx: fe(P),
+                sx: Ie(nn),
                 children: [
-                  /* @__PURE__ */ w(
-                    ye,
+                  /* @__PURE__ */ p(
+                    De,
                     {
                       autoFocus: !0,
-                      inputRef: $n,
+                      inputRef: Xn,
                       fullWidth: !0,
                       size: "small",
                       variant: "outlined",
-                      value: B,
-                      error: In,
-                      helperText: In ? tn(de) : void 0,
-                      mask: ke(T),
+                      value: L,
+                      error: pn,
+                      helperText: pn ? rn(me) : void 0,
+                      mask: ye(T),
                       placeholder: T,
-                      onChange: Xn,
-                      onKeyDown: vn,
+                      onChange: Hn,
+                      onKeyDown: Gn,
                       inputProps: {
                         inputMode: "numeric",
                         "aria-label": T
                       },
-                      endAdornment: /* @__PURE__ */ w(
-                        Sn,
+                      endAdornment: /* @__PURE__ */ p(
+                        On,
                         {
                           position: "end",
                           sx: {
                             marginLeft: 0
                           },
-                          children: /* @__PURE__ */ w(
-                            On,
+                          children: /* @__PURE__ */ p(
+                            _n,
                             {
                               size: "small",
                               tabIndex: -1,
-                              "aria-label": an.clearButtonLabel,
-                              disabled: !B,
+                              "aria-label": on.clearButtonLabel,
+                              disabled: !L,
                               onClick: Yn,
                               onMouseDown: /* @__PURE__ */ a((n) => {
                                 n.preventDefault(), n.stopPropagation();
@@ -510,28 +525,28 @@ const Z = "––", pe = [
                                 margin: 0,
                                 padding: 0.25
                               },
-                              children: /* @__PURE__ */ w(Rn, { fontSize: "small" })
+                              children: /* @__PURE__ */ p(Sn, { fontSize: "small" })
                             }
                           )
                         }
                       ),
-                      sx: me(P)
+                      sx: Te(nn)
                     }
                   ),
-                  /* @__PURE__ */ w(
-                    re,
+                  /* @__PURE__ */ p(
+                    ae,
                     {
-                      ampm: A,
-                      value: Ln,
+                      ampm: y,
+                      value: Vn,
                       views: N,
-                      onChange: /* @__PURE__ */ a((n, e, o) => Gn(n, o), "onChange"),
-                      timeSteps: ln,
+                      onChange: /* @__PURE__ */ a((n, e, o) => Zn(n, o), "onChange"),
+                      timeSteps: fn,
                       slotProps: {
                         digitalClockSectionItem: {
-                          sx: le
+                          sx: fe
                         }
                       },
-                      sx: Ie(P)
+                      sx: pe(nn)
                     }
                   )
                 ]
@@ -544,6 +559,6 @@ const Z = "––", pe = [
   ] }) });
 }, "OwpTimePicker");
 export {
-  Xe as OwpTimePicker
+  He as OwpTimePicker
 };
 //# sourceMappingURL=OwpTimePicker.js.map