@owp/core 2.5.54 → 2.5.55

package/dist/components/OwpPicker/OwpTimePicker.js

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