@owp/core 2.5.20 → 2.5.22

package/dist/components/OwpPicker/OwpTimePicker.js

@@ -1,29 +1,19 @@
-var Ye = Object.defineProperty;
-var a = (t, s) => Ye(t, "name", { value: s, configurable: !0 });
-import { jsx as y, jsxs as F } 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 Je } from "../../hooks/useOwpTranslation.js";
-import { ensureDayjsBrowserSetup as Qe } from "../../utils/dayjsBrowser.js";
-import ke 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 Ze, Paper as xe, TextField as Fe, InputAdornment as pe, IconButton as we } from "@mui/material";
-import { TimePicker as Pe, MultiSectionDigitalClock as en, LocalizationProvider as nn } from "@mui/x-date-pickers";
-import { AdapterDayjs as tn } from "@mui/x-date-pickers/AdapterDayjs";
-import { clsx as rn } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import h from "dayjs";
-import { useMemo as P, useState as G, useRef as k, useCallback as l, useEffect as ee } from "react";
-import { VALUE_TIME_FORMATTER as X, PICKER_INVALID_INPUT_MESSAGE_KEY as an } from "./constants/index.js";
-Qe();
-const ne = "––", $ = "HH:mm:ss", te = 64, ge = 56, cn = {
-  "&:hover": {
-    backgroundColor: "var(--owp-datepicker-hover-bg, rgba(3, 155, 229, 0.14))"
-  },
-  "&.Mui-selected": {
-    backgroundColor: "var(--owp-datepicker-selected-bg, #039be5)",
-    color: "var(--owp-datepicker-selected-color, #fff)",
-    "&:focus-visible, &:hover": {
-      backgroundColor: "var(--owp-datepicker-selected-hover-bg, #039be5)"
-    }
-  }
-}, on = {
+var Jn = Object.defineProperty;
+var c = (r, I) => Jn(r, "name", { value: I, configurable: !0 });
+import { jsx as D, jsxs as F } 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 Qn } from "../../hooks/useOwpTranslation.js";
+import { owpDayjs as g, ensureDayjsBrowserSetup as Zn } from "../../dayjs.js";
+import bn 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 xn, Paper as Fn, InputAdornment as pn, IconButton as Mn } from "@mui/material";
+import { TimePicker as Pn, MultiSectionDigitalClock as ne, LocalizationProvider as ee } from "@mui/x-date-pickers";
+import { AdapterDayjs as te } from "@mui/x-date-pickers/AdapterDayjs";
+import { clsx as re } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useMemo as P, useState as q, useRef as k, useCallback as o, useEffect as nn } from "react";
+import { TIME_PICKER_EDITOR_SECTION_WIDTH as en, VALUE_TIME_SECOND_FORMATTER as X, VALUE_TIME_FORMATTER as $, PICKER_INVALID_INPUT_MESSAGE_KEY as ie, TIME_PICKER_EDITOR_SECTION_ITEM_WIDTH as gn, TIME_PICKER_SELECTED_ITEM_SX as ae } from "./constants/index.js";
+import { getAdjacentFocusableElement as ce, getPickerInputMask as ue } from "./utils/index.js";
+import { OwpTextMaskField as oe } from "../OwpTextField/OwpTextMaskField.js";
+Zn();
+const tn = "––", le = {
   "& .MuiInputBase-root": {
     alignItems: "center"
   },
@@ -49,332 +39,316 @@ const ne = "––", $ = "HH:mm:ss", te = 64, ge = 56, cn = {
       visibility: "visible"
     }
   }
-}, un = /* @__PURE__ */ a((t) => t.ctrlKey || t.altKey || t.metaKey ? !1 : t.key.length === 1 || t.key === "Backspace" || t.key === "Delete", "isValueEditingKey"), ln = /* @__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"), sn = /* @__PURE__ */ a((t, s) => {
-  const D = s ? 6 : 4, i = t.replace(/\D/g, "").slice(0, D);
-  return [i.slice(0, 2), i.slice(2, 4), i.slice(4, 6)].filter(Boolean).join(":");
-}, "formatTimePickerInput"), re = /* @__PURE__ */ a((t, s) => {
-  const D = t.trim(), i = s ? "(\\d{2}):(\\d{2}):(\\d{2})" : "(\\d{2}):(\\d{2})", p = D.match(new RegExp(`^${i}$`));
-  if (!p)
+}, fe = /* @__PURE__ */ c((r) => r.ctrlKey || r.altKey || r.metaKey ? !1 : r.key.length === 1 || r.key === "Backspace" || r.key === "Delete", "isValueEditingKey"), se = /* @__PURE__ */ c((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"), rn = /* @__PURE__ */ c((r, I) => {
+  const Y = r.trim(), s = I ? "(\\d{2}):(\\d{2}):(\\d{2})" : "(\\d{2}):(\\d{2})", w = Y.match(new RegExp(`^${s}$`));
+  if (!w)
     return null;
-  const S = Number(p[1]), N = Number(p[2]), A = s ? Number(p[3]) : 0;
-  if (N > 59 || A > 59 || S > 24 || S === 24 && (N > 0 || A > 0))
+  const S = Number(w[1]), B = Number(w[2]), h = I ? Number(w[3]) : 0;
+  if (B > 59 || h > 59 || S > 24 || S === 24 && (B > 0 || h > 0))
     return null;
-  const K = [S, N, ...s ? [A] : []].map((o) => String(o).padStart(2, "0")).join(":");
+  const L = [S, B, ...I ? [h] : []].map((a) => String(a).padStart(2, "0")).join(":");
   return {
-    dateValue: S === 24 ? h("00:00:00", $, !0).add(1, "day") : h(K, s ? $ : X, !0),
-    valueText: K
+    dateValue: S === 24 ? g("00:00:00", X, !0).add(1, "day") : g(L, I ? X : $, !0),
+    valueText: L
   };
-}, "parseTimePickerInput"), ie = /* @__PURE__ */ a((t, s) => t.format(s ? $ : X), "formatTimePickerDisplayInput"), dn = /* @__PURE__ */ a((t) => !(!(t instanceof HTMLElement) || t.hasAttribute("disabled") || t.getAttribute("aria-disabled") === "true" || t.tabIndex < 0 || !t.getClientRects().length), "isFocusableElement"), fn = /* @__PURE__ */ a((t, s) => {
-  const D = Array.from(
-    document.querySelectorAll(
-      'a[href],button,input,select,textarea,[tabindex]:not([tabindex="-1"])'
-    )
-  ).filter(
-    (i) => dn(i) && !t.contains(i)
-  );
-  return s ? D.reverse().find(
-    (i) => !!(t.compareDocumentPosition(i) & Node.DOCUMENT_POSITION_PRECEDING)
-  ) : D.find(
-    (i) => !!(t.compareDocumentPosition(i) & Node.DOCUMENT_POSITION_FOLLOWING)
-  );
-}, "getAdjacentFocusableElement"), mn = /* @__PURE__ */ a((t, s) => {
-  if (t) {
-    if (typeof t == "function") {
-      t(s);
+}, "parseTimePickerInput"), an = /* @__PURE__ */ c((r, I) => r.format(I ? X : $), "formatTimePickerDisplayInput"), de = /* @__PURE__ */ c((r, I) => {
+  if (r) {
+    if (typeof r == "function") {
+      r(I);
       return;
     }
-    t.current = s;
+    r.current = I;
   }
-}, "assignInputRef"), On = /* @__PURE__ */ a(({
-  label: t,
-  variant: s = "standard",
-  sx: D,
-  value: i,
-  format: p = X,
+}, "assignInputRef"), Re = /* @__PURE__ */ c(({
+  label: r,
+  variant: I = "standard",
+  sx: Y,
+  value: s,
+  format: w = $,
   useAmPm: S,
-  placeholder: N,
-  disabledClearButton: A,
-  fullWidth: K,
-  onChange: o,
-  textFieldProps: r,
-  localeText: Me,
-  open: ae,
-  onOpen: C,
-  onClose: H,
-  slots: he,
-  slotProps: c,
-  ...d
+  placeholder: B,
+  disabledClearButton: h,
+  fullWidth: L,
+  onChange: a,
+  textFieldProps: t,
+  localeText: Sn,
+  open: cn,
+  onOpen: v,
+  onClose: W,
+  slots: hn,
+  slotProps: i,
+  ...l
 }) => {
-  var Te;
-  const m = /s/i.test(p), b = m ? $ : X, O = S ?? /a/i.test(p), Se = O ? m ? "A hh:mm:ss" : "A hh:mm" : b, Ae = d.closeOnSelect ?? !1, ce = {
+  var kn;
+  const m = /s/i.test(w), y = m ? X : $, A = S ?? /a/i.test(w), An = A ? m ? "A hh:mm:ss" : "A hh:mm" : y, Rn = l.closeOnSelect ?? !1, un = {
     minutes: 1,
     seconds: 1,
-    ...d.timeSteps
-  }, _ = P(
+    ...l.timeSteps
+  }, R = P(
     () => m ? ["hours", "minutes", "seconds"] : ["hours", "minutes"],
     [m]
-  ), oe = _.length - 1, Y = te * (_.length + (O ? 1 : 0)), [Oe, ue] = G(!1), [R, _e] = G(""), [le, se] = G(!1), [Re, B] = G(null), U = k(null), de = k(null), fe = k(null), J = k(null), W = k(!1), q = k(!1), w = k(0), Q = k(!1), { t: Z, i18n: me } = Je(), Be = (me.resolvedLanguage ?? me.language ?? "kr") === "kr" ? "ko" : "en", x = {
+  ), on = R.length - 1, G = en * (R.length + (A ? 1 : 0)), [_n, ln] = q(!1), [_, On] = q(""), [fn, sn] = q(!1), [Kn, O] = q(null), C = k(null), dn = k(null), mn = k(null), J = k(null), H = k(!1), U = k(!1), b = k(0), Q = k(!1), { t: Z, i18n: In } = Qn(), Bn = (In.resolvedLanguage ?? In.language ?? "kr") === "kr" ? "ko" : "en", x = {
     okButtonLabel: Z("Button.확인"),
     clearButtonLabel: Z("Button.초기화"),
-    fieldHoursPlaceholder: /* @__PURE__ */ a(() => ne, "fieldHoursPlaceholder"),
-    fieldMinutesPlaceholder: /* @__PURE__ */ a(() => ne, "fieldMinutesPlaceholder"),
-    fieldMeridiemPlaceholder: /* @__PURE__ */ a(() => ne, "fieldMeridiemPlaceholder"),
-    ...Me
-  }, Le = N ?? (O ? "–– ––:––" : "––:––"), Ne = [on, D, r == null ? void 0 : r.sx].filter(
+    fieldHoursPlaceholder: /* @__PURE__ */ c(() => tn, "fieldHoursPlaceholder"),
+    fieldMinutesPlaceholder: /* @__PURE__ */ c(() => tn, "fieldMinutesPlaceholder"),
+    fieldMeridiemPlaceholder: /* @__PURE__ */ c(() => tn, "fieldMeridiemPlaceholder"),
+    ...Sn
+  }, Ln = B ?? (A ? "–– ––:––" : "––:––"), Vn = [le, Y, t == null ? void 0 : t.sx].filter(
     Boolean
-  ), Ke = !!(A || d.disabled || d.readOnly), Ve = !!o && !A, V = ae !== void 0, I = V ? ae : Oe, f = l((e) => {
-    _e(e), se(!1);
-  }, []), g = P(() => {
-    if (!i)
+  ), zn = !!(h || l.disabled || l.readOnly), Nn = !!a && !h, V = cn !== void 0, d = V ? cn : _n, f = o((n) => {
+    On(n), sn(!1);
+  }, []), p = P(() => {
+    if (!s)
       return null;
-    if (h.isDayjs(i))
-      return i;
-    if (typeof i == "string") {
-      const n = re(i, m);
-      if (n != null && n.dateValue.isValid())
-        return n.dateValue;
-      const u = h(i, b, !0);
+    if (g.isDayjs(s))
+      return s;
+    if (typeof s == "string") {
+      const e = rn(s, m);
+      if (e != null && e.dateValue.isValid())
+        return e.dateValue;
+      const u = g(s, y, !0);
       return u.isValid() ? u : null;
     }
-    const e = h(i);
-    return e.isValid() ? e : null;
-  }, [m, b, i]), L = P(() => {
-    if (!i)
+    const n = g(s);
+    return n.isValid() ? n : null;
+  }, [m, y, s]), K = P(() => {
+    if (!s)
       return "";
-    if (typeof i == "string") {
-      const n = h(i, b, !0);
-      return n.isValid() ? ie(n, m) : i;
+    if (typeof s == "string") {
+      const e = g(s, y, !0);
+      return e.isValid() ? an(e, m) : s;
     }
-    const e = h(i);
-    return e.isValid() ? ie(e, m) : "";
-  }, [m, b, i]), ze = /* @__PURE__ */ a((e) => {
-    const n = e != null && e.isValid() ? e.format(b) : void 0;
+    const n = g(s);
+    return n.isValid() ? an(n, m) : "";
+  }, [m, y, s]), jn = /* @__PURE__ */ c((n) => {
+    const e = n != null && n.isValid() ? n.format(y) : void 0;
     f(
-      e != null && e.isValid() ? ie(e, m) : ""
-    ), o == null || o(n);
-  }, "handleChange"), z = l(
-    (e) => {
-      if (!R)
-        return f(""), o == null || o(""), !0;
-      const n = re(R, m);
-      return n != null && n.dateValue.isValid() ? (f(n.valueText), o == null || o(n.valueText), !0) : (e && R && se(!0), !1);
+      n != null && n.isValid() ? an(n, m) : ""
+    ), a == null || a(e);
+  }, "handleChange"), z = o(
+    (n) => {
+      if (!_)
+        return f(""), a == null || a(""), !0;
+      const e = rn(_, m);
+      return e != null && e.dateValue.isValid() ? (f(e.valueText), a == null || a(e.valueText), !0) : (n && _ && sn(!0), !1);
     },
-    [m, R, o, f]
-  ), T = l(() => {
-    if (q.current || Date.now() < w.current) {
-      q.current = !1;
+    [m, _, a, f]
+  ), E = o(() => {
+    if (U.current || Date.now() < b.current) {
+      U.current = !1;
       return;
     }
-    V || ue(!0), f(L), B(g), C == null || C();
-  }, [V, C, L, g, f]), E = l(() => {
-    V || ue(!1), H == null || H();
-  }, [V, H]), M = l(() => {
-    z(), E();
-  }, [E, z]), Ie = l(() => {
-    w.current = Date.now() + 200, M();
-  }, [M]), be = l(() => {
-    w.current = Date.now() + 200, E();
-  }, [E]), ye = l((e) => {
-    const n = U.current;
-    n && window.requestAnimationFrame(() => {
+    V || ln(!0), f(K), O(p), v == null || v();
+  }, [V, v, K, p, f]), T = o(() => {
+    V || ln(!1), W == null || W();
+  }, [V, W]), M = o(() => {
+    z(), T();
+  }, [T, z]), yn = o(() => {
+    b.current = Date.now() + 200, M();
+  }, [M]), Dn = o(() => {
+    b.current = Date.now() + 200, T();
+  }, [T]), En = o((n) => {
+    const e = C.current;
+    e && window.requestAnimationFrame(() => {
       var u;
-      (u = fn(n, e)) == null || u.focus();
+      (u = ce(e, n)) == null || u.focus();
     });
-  }, []), v = l(() => {
+  }, []), N = o(() => {
     window.requestAnimationFrame(() => {
-      var e;
-      (e = fe.current) == null || e.focus();
+      var n;
+      (n = mn.current) == null || n.focus();
     });
-  }, []), ve = l(
-    (e) => {
-      fe.current = e, mn(r == null ? void 0 : r.inputRef, e);
+  }, []), vn = o(
+    (n) => {
+      mn.current = n, de(t == null ? void 0 : t.inputRef, n);
     },
-    [r == null ? void 0 : r.inputRef]
-  ), je = /* @__PURE__ */ a(() => {
-    o == null || o(""), f("");
-  }, "handleClear"), Ce = l(
-    (e) => {
-      const n = sn(e.target.value, m), u = re(n, m);
-      f(n), u != null && u.dateValue.isValid() && B(u.dateValue);
+    [t == null ? void 0 : t.inputRef]
+  ), Wn = /* @__PURE__ */ c(() => {
+    a == null || a(""), f("");
+  }, "handleClear"), Cn = o(
+    (n) => {
+      const e = n.target.value, u = rn(e, m);
+      f(e), u != null && u.dateValue.isValid() && O(u.dateValue);
     },
     [m, f]
-  ), De = l(
-    (e) => {
-      e.stopPropagation(), e.nativeEvent.stopImmediatePropagation();
+  ), Tn = o(
+    (n) => {
+      n.stopPropagation(), n.nativeEvent.stopImmediatePropagation();
     },
     []
-  ), He = l(
-    (e) => {
-      if (De(e), e.key === "Escape") {
-        e.preventDefault(), w.current = Date.now() + 200, f(L), B(g), E(), v();
+  ), Hn = o(
+    (n) => {
+      if (Tn(n), n.key === "Escape") {
+        n.preventDefault(), b.current = Date.now() + 200, f(K), O(p), T(), N();
         return;
       }
-      if (e.key === "Tab") {
-        if (e.preventDefault(), !z(!0))
+      if (n.key === "Tab") {
+        if (n.preventDefault(), !z(!0))
           return;
-        w.current = Date.now() + 200, E(), ye(e.shiftKey);
+        b.current = Date.now() + 200, T(), En(n.shiftKey);
         return;
       }
-      e.key === "Enter" && (e.preventDefault(), z(!0) && (w.current = Date.now() + 200, E(), v()));
+      n.key === "Enter" && (n.preventDefault(), z(!0) && (b.current = Date.now() + 200, T(), N()));
     },
     [
-      E,
+      T,
       z,
-      ye,
-      v,
-      L,
-      g,
+      En,
+      N,
+      K,
+      p,
       f,
-      De
+      Tn
     ]
-  ), Ue = l(
-    (e) => {
-      var n;
-      e.preventDefault(), e.stopPropagation(), o == null || o(""), f(""), B(null), (n = J.current) == null || n.focus();
+  ), Un = o(
+    (n) => {
+      var e;
+      n.preventDefault(), n.stopPropagation(), a == null || a(""), f(""), O(null), (e = J.current) == null || e.focus();
     },
-    [o, f]
-  ), We = l(
-    (e, n) => {
-      if (!(e != null && e.isValid()))
+    [a, f]
+  ), qn = o(
+    (n, e) => {
+      if (!(n != null && n.isValid()))
         return;
-      const u = e.format(b);
-      B(e), f(u), n === _[oe] && (w.current = Date.now() + 200, o == null || o(u), be(), v());
+      const u = n.format(y);
+      O(n), f(u), e === R[on] && (b.current = Date.now() + 200, a == null || a(u), Dn(), N());
     },
     [
-      oe,
-      be,
-      v,
-      b,
-      o,
+      on,
+      Dn,
+      N,
+      y,
+      a,
       f,
-      _
+      R
     ]
-  ), qe = l(
-    (e) => {
-      var n;
-      (n = r == null ? void 0 : r.onMouseDown) == null || n.call(r, e), W.current = !0;
+  ), Xn = o(
+    (n) => {
+      var e;
+      (e = t == null ? void 0 : t.onMouseDown) == null || e.call(t, n), H.current = !0;
     },
-    [r]
-  ), Ge = l(
-    (e) => {
-      var n;
-      (n = r == null ? void 0 : r.onFocus) == null || n.call(r, e), !(e.defaultPrevented || d.disabled || d.readOnly || I) && (Q.current = W.current, T());
+    [t]
+  ), $n = o(
+    (n) => {
+      var e;
+      (e = t == null ? void 0 : t.onFocus) == null || e.call(t, n), !(n.defaultPrevented || l.disabled || l.readOnly || d) && (Q.current = H.current, E());
     },
-    [T, I, r, d.disabled, d.readOnly]
-  ), Xe = l(
-    (e) => {
-      var n;
-      if ((n = r == null ? void 0 : r.onClick) == null || n.call(r, e), !(e.defaultPrevented || d.disabled || d.readOnly)) {
+    [E, d, t, l.disabled, l.readOnly]
+  ), Yn = o(
+    (n) => {
+      var e;
+      if ((e = t == null ? void 0 : t.onClick) == null || e.call(t, n), !(n.defaultPrevented || l.disabled || l.readOnly)) {
         if (Q.current) {
-          Q.current = !1, W.current = !1;
+          Q.current = !1, H.current = !1;
           return;
         }
-        if (W.current = !1, I) {
-          q.current = !0, M(), queueMicrotask(() => {
-            q.current = !1;
+        if (H.current = !1, d) {
+          U.current = !0, M(), queueMicrotask(() => {
+            U.current = !1;
           });
           return;
         }
-        T();
+        E();
       }
     },
     [
       M,
-      T,
-      I,
-      r,
-      d.disabled,
-      d.readOnly
+      E,
+      d,
+      t,
+      l.disabled,
+      l.readOnly
     ]
-  ), $e = l(
-    (e) => {
-      var n;
-      if ((n = r == null ? void 0 : r.onKeyDown) == null || n.call(r, e), !(e.defaultPrevented || d.disabled || d.readOnly)) {
-        if (!I && ln(e)) {
-          e.preventDefault(), T();
+  ), Gn = o(
+    (n) => {
+      var e;
+      if ((e = t == null ? void 0 : t.onKeyDown) == null || e.call(t, n), !(n.defaultPrevented || l.disabled || l.readOnly)) {
+        if (!d && se(n)) {
+          n.preventDefault(), E();
           return;
         }
-        !I || !un(e) || M();
+        !d || !fe(n) || M();
       }
     },
     [
       M,
-      T,
-      I,
-      r,
-      d.disabled,
-      d.readOnly
+      E,
+      d,
+      t,
+      l.disabled,
+      l.readOnly
     ]
   );
-  return ee(() => {
-    I && (f(L), B(g));
-  }, [I, L, g, f]), ee(() => {
-    if (!I)
+  return nn(() => {
+    d && (f(K), O(p));
+  }, [d, K, p, f]), nn(() => {
+    if (!d)
       return;
-    const e = window.requestAnimationFrame(() => {
-      var n;
-      (n = J.current) == null || n.focus();
+    const n = window.requestAnimationFrame(() => {
+      var e;
+      (e = J.current) == null || e.focus();
     });
     return () => {
-      window.cancelAnimationFrame(e);
+      window.cancelAnimationFrame(n);
     };
-  }, [I]), ee(() => {
-    if (!I)
+  }, [d]), nn(() => {
+    if (!d)
       return;
-    const e = /* @__PURE__ */ a((n) => {
-      var j, Ee;
-      const u = n.target;
-      u instanceof Node && ((j = U.current) != null && j.contains(u) || (Ee = de.current) != null && Ee.contains(u) || Ie());
+    const n = /* @__PURE__ */ c((e) => {
+      var j, wn;
+      const u = e.target;
+      u instanceof Node && ((j = C.current) != null && j.contains(u) || (wn = dn.current) != null && wn.contains(u) || yn());
     }, "handleDocumentMouseDown");
-    return document.addEventListener("mousedown", e, !0), () => {
-      document.removeEventListener("mousedown", e, !0);
+    return document.addEventListener("mousedown", n, !0), () => {
+      document.removeEventListener("mousedown", n, !0);
     };
-  }, [Ie, I]), /* @__PURE__ */ y(nn, { dateAdapter: tn, adapterLocale: Be, children: /* @__PURE__ */ F("div", { ref: U, children: [
-    /* @__PURE__ */ y(
-      Pe,
+  }, [yn, d]), /* @__PURE__ */ D(ee, { dateAdapter: te, adapterLocale: Bn, children: /* @__PURE__ */ F("div", { ref: C, children: [
+    /* @__PURE__ */ D(
+      Pn,
       {
-        ...d,
+        ...l,
         enableAccessibleFieldDOMStructure: !1,
-        ampm: O,
+        ampm: A,
         open: !1,
-        closeOnSelect: Ae,
-        timeSteps: ce,
-        label: t,
-        value: g,
-        views: _,
-        format: Se,
+        closeOnSelect: Rn,
+        timeSteps: un,
+        label: r,
+        value: p,
+        views: R,
+        format: An,
         localeText: x,
-        onChange: ze,
-        onOpen: T,
+        onChange: jn,
+        onOpen: E,
         onClose: M,
         slots: {
-          ...he,
-          inputAdornment: /* @__PURE__ */ a(({ position: e, children: n, ...u }) => /* @__PURE__ */ F(pe, { position: e, ...u, children: [
-            e === "end" && Ve && /* @__PURE__ */ y(
-              we,
+          ...hn,
+          inputAdornment: /* @__PURE__ */ c(({ position: n, children: e, ...u }) => /* @__PURE__ */ F(pn, { position: n, ...u, children: [
+            n === "end" && Nn && /* @__PURE__ */ D(
+              Mn,
               {
                 className: "clearButton",
                 size: "small",
                 tabIndex: -1,
                 "aria-label": x.clearButtonLabel,
-                disabled: Ke,
-                onClick: /* @__PURE__ */ a((j) => {
-                  j.preventDefault(), j.stopPropagation(), je();
+                disabled: zn,
+                onClick: /* @__PURE__ */ c((j) => {
+                  j.preventDefault(), j.stopPropagation(), Wn();
                 }, "onClick"),
-                children: /* @__PURE__ */ y(ke, { fontSize: "small" })
+                children: /* @__PURE__ */ D(bn, { fontSize: "small" })
               }
             ),
-            n
+            e
           ] }), "TimePickerInputAdornment")
         },
         slotProps: {
-          ...c,
+          ...i,
           openPickerButton: {
-            ...typeof (c == null ? void 0 : c.openPickerButton) == "function" || c == null ? void 0 : c.openPickerButton,
+            ...typeof (i == null ? void 0 : i.openPickerButton) == "function" || i == null ? void 0 : i.openPickerButton,
             size: "small",
             tabIndex: -1,
-            onClick: /* @__PURE__ */ a((e) => {
-              e.preventDefault(), e.stopPropagation(), I || T();
+            onClick: /* @__PURE__ */ c((n) => {
+              n.preventDefault(), n.stopPropagation(), d || E();
             }, "onClick"),
             sx: {
               margin: 0,
@@ -382,44 +356,44 @@ const ne = "––", $ = "HH:mm:ss", te = 64, ge = 56, cn = {
             }
           },
           openPickerIcon: {
-            ...typeof (c == null ? void 0 : c.openPickerIcon) == "function" || c == null ? void 0 : c.openPickerIcon,
+            ...typeof (i == null ? void 0 : i.openPickerIcon) == "function" || i == null ? void 0 : i.openPickerIcon,
             fontSize: "small"
           },
           inputAdornment: {
-            ...typeof (c == null ? void 0 : c.inputAdornment) == "function" || c == null ? void 0 : c.inputAdornment,
+            ...typeof (i == null ? void 0 : i.inputAdornment) == "function" || i == null ? void 0 : i.inputAdornment,
             sx: {
               marginBottom: 0,
               marginLeft: 0,
               gap: 0,
-              ...typeof (c == null ? void 0 : c.inputAdornment) == "function" || (Te = c == null ? void 0 : c.inputAdornment) == null ? void 0 : Te.sx
+              ...typeof (i == null ? void 0 : i.inputAdornment) == "function" || (kn = i == null ? void 0 : i.inputAdornment) == null ? void 0 : kn.sx
             }
           },
           textField: {
-            variant: s,
-            fullWidth: K,
-            ...r,
-            className: rn(
-              !K && (O ? "w-[160px]" : "w-[140px]"),
-              r == null ? void 0 : r.className
+            variant: I,
+            fullWidth: L,
+            ...t,
+            className: re(
+              !L && (A ? "w-[160px]" : "w-[140px]"),
+              t == null ? void 0 : t.className
             ),
-            onMouseDown: qe,
-            onFocus: Ge,
-            onClick: Xe,
-            onKeyDown: $e,
-            inputRef: ve,
-            placeholder: Le,
-            sx: Ne
+            onMouseDown: Xn,
+            onFocus: $n,
+            onClick: Yn,
+            onKeyDown: Gn,
+            inputRef: vn,
+            placeholder: Ln,
+            sx: Vn
           }
         }
       }
     ),
-    /* @__PURE__ */ y(
-      Ze,
+    /* @__PURE__ */ D(
+      xn,
       {
-        open: I,
-        anchorEl: U.current,
+        open: d,
+        anchorEl: C.current,
         placement: "bottom-end",
-        ref: de,
+        ref: dn,
         modifiers: [
           {
             name: "offset",
@@ -428,114 +402,110 @@ const ne = "––", $ = "HH:mm:ss", te = 64, ge = 56, cn = {
             }
           }
         ],
-        sx: { zIndex: /* @__PURE__ */ a((e) => e.zIndex.modal, "zIndex") },
+        sx: { zIndex: /* @__PURE__ */ c((n) => n.zIndex.modal, "zIndex") },
         children: /* @__PURE__ */ F(
-          xe,
+          Fn,
           {
             elevation: 8,
-            onClick: /* @__PURE__ */ a((e) => {
-              e.stopPropagation();
+            onClick: /* @__PURE__ */ c((n) => {
+              n.stopPropagation();
             }, "onClick"),
-            onKeyDown: /* @__PURE__ */ a((e) => {
-              e.stopPropagation();
+            onKeyDown: /* @__PURE__ */ c((n) => {
+              n.stopPropagation();
             }, "onKeyDown"),
-            onKeyUp: /* @__PURE__ */ a((e) => {
-              e.stopPropagation();
+            onKeyUp: /* @__PURE__ */ c((n) => {
+              n.stopPropagation();
             }, "onKeyUp"),
-            onMouseDown: /* @__PURE__ */ a((e) => {
-              e.stopPropagation();
+            onMouseDown: /* @__PURE__ */ c((n) => {
+              n.stopPropagation();
             }, "onMouseDown"),
             sx: {
               borderRadius: 1,
               lineHeight: 0,
               overflow: "hidden",
-              width: Y
+              width: G
             },
             children: [
-              /* @__PURE__ */ y(
-                Fe,
+              /* @__PURE__ */ D(
+                oe,
                 {
                   autoFocus: !0,
                   inputRef: J,
                   fullWidth: !0,
                   size: "small",
-                  value: R,
-                  error: le,
-                  helperText: le ? Z(an) : void 0,
-                  placeholder: b,
-                  onChange: Ce,
-                  onKeyDown: He,
-                  slotProps: {
-                    htmlInput: {
-                      inputMode: "numeric",
-                      "aria-label": b
-                    },
-                    input: {
+                  variant: "outlined",
+                  value: _,
+                  error: fn,
+                  helperText: fn ? Z(ie) : void 0,
+                  mask: ue(y),
+                  placeholder: y,
+                  onChange: Cn,
+                  onKeyDown: Hn,
+                  inputProps: {
+                    inputMode: "numeric",
+                    "aria-label": y
+                  },
+                  endAdornment: /* @__PURE__ */ D(
+                    pn,
+                    {
+                      position: "end",
                       sx: {
-                        paddingRight: 0.5
+                        marginLeft: 0
                       },
-                      endAdornment: /* @__PURE__ */ y(
-                        pe,
+                      children: /* @__PURE__ */ D(
+                        Mn,
                         {
-                          position: "end",
+                          size: "small",
+                          tabIndex: -1,
+                          "aria-label": x.clearButtonLabel,
+                          disabled: !_,
+                          onClick: Un,
+                          onMouseDown: /* @__PURE__ */ c((n) => {
+                            n.preventDefault(), n.stopPropagation();
+                          }, "onMouseDown"),
                           sx: {
-                            marginLeft: 0
+                            margin: 0,
+                            padding: 0.25
                           },
-                          children: /* @__PURE__ */ y(
-                            we,
-                            {
-                              size: "small",
-                              tabIndex: -1,
-                              "aria-label": x.clearButtonLabel,
-                              disabled: !R,
-                              onClick: Ue,
-                              onMouseDown: /* @__PURE__ */ a((e) => {
-                                e.preventDefault(), e.stopPropagation();
-                              }, "onMouseDown"),
-                              sx: {
-                                margin: 0,
-                                padding: 0.25
-                              },
-                              children: /* @__PURE__ */ y(ke, { fontSize: "small" })
-                            }
-                          )
+                          children: /* @__PURE__ */ D(bn, { fontSize: "small" })
                         }
                       )
                     }
-                  },
+                  ),
                   sx: {
                     boxSizing: "border-box",
-                    width: Y,
+                    width: G,
                     px: 1,
                     py: 1,
                     "& .MuiOutlinedInput-root": {
                       borderRadius: 0.75,
-                      fontSize: 13
+                      fontSize: 13,
+                      paddingRight: 0.5
                     }
                   }
                 }
               ),
-              /* @__PURE__ */ y(
-                en,
+              /* @__PURE__ */ D(
+                ne,
                 {
-                  ampm: O,
-                  value: Re,
-                  views: _,
-                  onChange: /* @__PURE__ */ a((e, n, u) => We(e, u), "onChange"),
-                  timeSteps: ce,
+                  ampm: A,
+                  value: Kn,
+                  views: R,
+                  onChange: /* @__PURE__ */ c((n, e, u) => qn(n, u), "onChange"),
+                  timeSteps: un,
                   slotProps: {
                     digitalClockSectionItem: {
-                      sx: cn
+                      sx: ae
                     }
                   },
                   sx: {
                     border: 0,
-                    width: Y,
+                    width: G,
                     "& .MuiMultiSectionDigitalClockSection-root": {
                       border: 0,
                       boxSizing: "border-box",
-                      width: te,
-                      flex: `0 0 ${te}px`,
+                      width: en,
+                      flex: `0 0 ${en}px`,
                       display: "flex",
                       flexDirection: "column",
                       alignItems: "stretch"
@@ -543,8 +513,8 @@ const ne = "––", $ = "HH:mm:ss", te = 64, ge = 56, cn = {
                     "& .MuiMultiSectionDigitalClockSection-item": {
                       alignSelf: "stretch",
                       boxSizing: "border-box",
-                      width: ge,
-                      minWidth: ge,
+                      width: gn,
+                      minWidth: gn,
                       justifyContent: "center",
                       marginLeft: "auto",
                       marginRight: "auto"
@@ -560,6 +530,6 @@ const ne = "––", $ = "HH:mm:ss", te = 64, ge = 56, cn = {
   ] }) });
 }, "OwpTimePicker");
 export {
-  On as OwpTimePicker
+  Re as OwpTimePicker
 };
 //# sourceMappingURL=OwpTimePicker.js.map