@owp/core 2.5.43 → 2.5.45

package/dist/components/OwpPicker/OwpTimePicker.js

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