lizaui 5.0.3 → 5.0.5

package/dist/time-input/index.es.js

@@ -0,0 +1,813 @@
+import { j as o } from "../chunks/jsx-runtime-Cl_4eDuT.js";
+import { memo as qe, useLayoutEffect as rn, useEffect as pe, useState as re, useRef as G, useCallback as xe, useMemo as on, createElement as De, useId as an } from "react";
+import { createPortal as sn } from "react-dom";
+import { c as be } from "../chunks/clsx-OuTLNxxd.js";
+import { g as Oe, a as I, b as oe, c as de, d as Pe, u as ye, e as cn, f as Be, h as Ue, m as un, F as ln, i as dn } from "../chunks/styled-components.browser.esm-CAEXERbT.js";
+import { c as mn } from "../chunks/utils-BFAOD39w.js";
+import "../chunks/textarea-ClUh9LtQ.js";
+import { L as pn } from "../chunks/label-error-Vg0P1jJJ.js";
+import "../chunks/button-wlPPnoey.js";
+function Se(e) {
+  var n = e.angle, t = n === void 0 ? 0 : n, a = e.name, i = e.length, s = i === void 0 ? 100 : i, c = e.oppositeLength, u = c === void 0 ? 10 : c, l = e.width, p = l === void 0 ? 1 : l;
+  return o.jsx("div", { className: "react-clock__hand react-clock__".concat(a, "-hand"), style: {
+    transform: "rotate(".concat(t, "deg)")
+  }, children: o.jsx("div", { className: "react-clock__hand__body react-clock__".concat(a, "-hand__body"), style: {
+    width: "".concat(p, "px"),
+    top: "".concat(50 - s / 2, "%"),
+    bottom: "".concat(50 - u / 2, "%")
+  } }) });
+}
+var ze = qe(function(n) {
+  var t = n.angle, a = t === void 0 ? 0 : t, i = n.length, s = i === void 0 ? 10 : i, c = n.name, u = n.width, l = u === void 0 ? 1 : u;
+  return o.jsx("div", { className: "react-clock__mark react-clock__".concat(c, "-mark"), style: {
+    transform: "rotate(".concat(a, "deg)")
+  }, children: o.jsx("div", { className: "react-clock__mark__body react-clock__".concat(c, "-mark__body"), style: {
+    width: "".concat(l, "px"),
+    top: 0,
+    bottom: "".concat(100 - s / 2, "%")
+  } }) });
+}), fn = qe(function(n) {
+  var t = n.angle, a = t === void 0 ? 0 : t, i = n.length, s = i === void 0 ? 10 : i, c = n.name, u = n.number;
+  return o.jsx("div", { className: "react-clock__mark react-clock__".concat(c, "-mark"), style: {
+    transform: "rotate(".concat(a, "deg)")
+  }, children: o.jsx("div", { className: "react-clock__mark__number", style: {
+    transform: "rotate(-".concat(a, "deg)"),
+    top: "".concat(s / 2, "%")
+  }, children: u }) });
+});
+function hn(e, n) {
+  return n.toLocaleString(e || Oe() || void 0);
+}
+function gn(e) {
+  return e !== null && e !== !1 && !Number.isNaN(Number(e));
+}
+function bn() {
+  for (var e = [], n = 0; n < arguments.length; n++)
+    e[n] = arguments[n];
+  return Math.max.apply(Math, e.filter(gn));
+}
+function kn(e) {
+  var n = e.className, t = e.formatHour, a = t === void 0 ? hn : t, i = e.hourHandLength, s = i === void 0 ? 50 : i, c = e.hourHandOppositeLength, u = e.hourHandWidth, l = u === void 0 ? 4 : u, p = e.hourMarksLength, k = p === void 0 ? 10 : p, h = e.hourMarksWidth, _ = h === void 0 ? 3 : h, y = e.locale, w = e.minuteHandLength, P = w === void 0 ? 70 : w, g = e.minuteHandOppositeLength, N = e.minuteHandWidth, M = N === void 0 ? 2 : N, E = e.minuteMarksLength, A = E === void 0 ? 6 : E, J = e.minuteMarksWidth, Q = J === void 0 ? 1 : J, R = e.renderHourMarks, O = R === void 0 ? !0 : R, S = e.renderMinuteHand, q = S === void 0 ? !0 : S, z = e.renderMinuteMarks, T = z === void 0 ? !0 : z, X = e.renderNumbers, ie = e.renderSecondHand, Y = ie === void 0 ? !0 : ie, V = e.secondHandLength, ae = V === void 0 ? 90 : V, se = e.secondHandOppositeLength, Z = e.secondHandWidth, ee = Z === void 0 ? 1 : Z, B = e.size, L = B === void 0 ? 150 : B, W = e.useMillisecondPrecision, b = e.value;
+  function ce() {
+    if (!T)
+      return null;
+    for (var x = [], v = 1; v <= 60; v += 1) {
+      var te = O && !(v % 5);
+      te || x.push(o.jsx(ze, { angle: v * 6, length: A, name: "minute", width: Q }, "minute_".concat(v)));
+    }
+    return x;
+  }
+  function ue() {
+    if (!O)
+      return null;
+    for (var x = [], v = 1; v <= 12; v += 1)
+      x.push(o.jsx(ze, { angle: v * 30, length: k, name: "hour", width: _ }, "hour_".concat(v)));
+    return x;
+  }
+  function $() {
+    if (!X)
+      return null;
+    for (var x = [], v = 1; v <= 12; v += 1)
+      x.push(o.jsx(fn, { angle: v * 30, length: bn(O && k, T && A, 0), name: "number", number: a(y, v) }, "number_".concat(v)));
+    return x;
+  }
+  function fe() {
+    return o.jsxs("div", { className: "react-clock__face", children: [ce(), ue(), $()] });
+  }
+  function le() {
+    var x = b ? I(b) * 30 + oe(b) / 2 + de(b) / 120 + (W ? Pe(b) / 12e4 : 0) : 0;
+    return o.jsx(Se, { angle: x, length: s, name: "hour", oppositeLength: c, width: l });
+  }
+  function he() {
+    if (!q)
+      return null;
+    var x = b ? I(b) * 360 + oe(b) * 6 + de(b) / 10 + (W ? Pe(b) / 1e4 : 0) : 0;
+    return o.jsx(Se, { angle: x, length: P, name: "minute", oppositeLength: g, width: M });
+  }
+  function ne() {
+    if (!Y)
+      return null;
+    var x = b ? oe(b) * 360 + de(b) * 6 + (W ? Pe(b) * 6e-3 : 0) : 0;
+    return o.jsx(Se, { angle: x, length: ae, name: "second", oppositeLength: se, width: ee });
+  }
+  return o.jsxs("time", { className: be("react-clock", n), dateTime: b instanceof Date ? (
+    // Returns a string in the format "HH:MM" or "HH:MM:SS"
+    b.toLocaleTimeString("en", {
+      hourCycle: "h23",
+      hour: "2-digit",
+      minute: q ? "2-digit" : void 0,
+      second: Y ? "2-digit" : void 0
+    })
+  ) : b || void 0, style: {
+    width: L,
+    height: L
+  }, children: [fe(), le(), he(), ne()] });
+}
+function vn({ children: e }) {
+  return o.jsx("span", { className: "react-time-picker__inputGroup__divider", children: e });
+}
+function Ve(e, n) {
+  let t = Number(e);
+  return n === "am" && t === 12 ? t = 0 : n === "pm" && t < 12 && (t += 12), t;
+}
+function me(e) {
+  return [Number(e) % 12 || 12, Number(e) < 12 ? "am" : "pm"];
+}
+const $e = /* @__PURE__ */ new Map();
+function Je(e) {
+  return function(t, a) {
+    const i = t || Oe();
+    $e.has(i) || $e.set(i, /* @__PURE__ */ new Map());
+    const s = $e.get(i);
+    return s.has(e) || s.set(e, new Intl.DateTimeFormat(i || void 0, e).format), s.get(e)(a);
+  };
+}
+const Me = /* @__PURE__ */ new Map();
+function _n(e) {
+  return (n, t) => {
+    const a = n || Oe();
+    Me.has(a) || Me.set(a, /* @__PURE__ */ new Map());
+    const i = Me.get(a);
+    return i.has(e) || i.set(e, new Intl.NumberFormat(a || void 0, e).format), i.get(e)(t);
+  };
+}
+const xn = ["9", "٩"], Ze = new RegExp(`[${xn.join("")}]`), Ke = Je({ hour: "numeric" });
+function Qe(e) {
+  const n = Ke(e, new Date(2017, 0, 1, 9)), t = Ke(e, new Date(2017, 0, 1, 21)), [a, i] = n.split(Ze), [s, c] = t.split(Ze);
+  if (c !== void 0) {
+    if (a !== s)
+      return [a, s].map((u) => u.trim());
+    if (i !== c)
+      return [i, c].map((u) => u.trim());
+  }
+  return ["AM", "PM"];
+}
+function Te(e) {
+  return e !== null && e !== !1 && !Number.isNaN(Number(e));
+}
+function Le(...e) {
+  return Math.min(...e.filter(Te));
+}
+function je(...e) {
+  return Math.max(...e.filter(Te));
+}
+function wn({ ariaLabel: e, autoFocus: n, className: t, disabled: a, inputRef: i, locale: s, maxTime: c, minTime: u, onChange: l, onKeyDown: p, required: k, value: h }) {
+  const _ = u ? me(I(u))[1] === "pm" : !1, y = c ? me(I(c))[1] === "am" : !1, w = "amPm", [P, g] = Qe(s);
+  return o.jsxs("select", {
+    "aria-label": e,
+    // biome-ignore lint/a11y/noAutofocus: This is up to developers' decision
+    autoFocus: n,
+    className: be(`${t}__input`, `${t}__${w}`),
+    "data-input": "true",
+    "data-select": "true",
+    disabled: a,
+    name: w,
+    onChange: l,
+    onKeyDown: p,
+    // Assertion is needed for React 18 compatibility
+    ref: i,
+    required: k,
+    value: h !== null ? h : "",
+    children: [!h && o.jsx("option", { value: "", children: "--" }), o.jsx("option", { disabled: _, value: "am", children: P }), o.jsx("option", { disabled: y, value: "pm", children: g })]
+  });
+}
+const We = typeof window < "u", yn = We ? rn : pe, Ln = We && /(MSIE|Trident\/|Edge\/)/.test(navigator.userAgent), jn = We && /Firefox/.test(navigator.userAgent);
+function Nn(e) {
+  const { target: n } = e;
+  Ln ? requestAnimationFrame(() => n.select()) : n.select();
+}
+function Cn(e) {
+  if (document.readyState === "complete")
+    return;
+  function n() {
+    ye(e);
+  }
+  window.addEventListener("load", n);
+}
+function Hn(e) {
+  if (!document.fonts)
+    return;
+  const n = cn(e);
+  if (!n || document.fonts.check(n))
+    return;
+  function a() {
+    ye(e);
+  }
+  document.fonts.addEventListener("loadingdone", a);
+}
+function In(e) {
+  if (e && "selectionStart" in e && e.selectionStart !== null && "selectionEnd" in e && e.selectionEnd !== null)
+    return e.value.slice(e.selectionStart, e.selectionEnd);
+  if ("getSelection" in window) {
+    const n = window.getSelection();
+    return n?.toString();
+  }
+  return null;
+}
+function En(e) {
+  if (e !== null)
+    return function(t) {
+      if (jn)
+        return;
+      const { key: a, target: i } = t, { value: s } = i, c = a.length === 1 && /\d/.test(a), u = In(i);
+      (!c || !(u || s.length < e)) && t.preventDefault();
+    };
+}
+function Ne({ ariaLabel: e, autoFocus: n, className: t, disabled: a, inputRef: i, max: s, min: c, name: u, nameForClass: l, onChange: p, onKeyDown: k, onKeyUp: h, placeholder: _ = "--", required: y, showLeadingZeros: w, step: P, value: g }) {
+  yn(() => {
+    !i || !i.current || (ye(i.current), Cn(i.current), Hn(i.current));
+  }, [i, g]);
+  const N = w && g && Number(g) < 10 && (g === "0" || !g.toString().startsWith("0")), M = s ? s.toString().length : null;
+  return o.jsxs(o.Fragment, { children: [N ? o.jsx("span", { className: `${t}__leadingZero`, children: "0" }) : null, o.jsx("input", {
+    "aria-label": e,
+    autoComplete: "off",
+    // biome-ignore lint/a11y/noAutofocus: This is up to developers' decision
+    autoFocus: n,
+    className: be(`${t}__input`, `${t}__${l || u}`, N && `${t}__input--hasLeadingZero`),
+    "data-input": "true",
+    disabled: a,
+    inputMode: "numeric",
+    max: s,
+    min: c,
+    name: u,
+    onChange: p,
+    onFocus: Nn,
+    onKeyDown: k,
+    onKeyPress: En(M),
+    onKeyUp: (E) => {
+      ye(E.target), h && h(E);
+    },
+    placeholder: _,
+    // Assertion is needed for React 18 compatibility
+    ref: i,
+    required: y,
+    step: P,
+    type: "number",
+    value: g !== null ? g : ""
+  })] });
+}
+function Fn({ amPm: e, maxTime: n, minTime: t, value: a, ...i }) {
+  const s = Le(12, n && (() => {
+    const [l, p] = me(I(n));
+    return p !== e ? null : l;
+  })()), c = je(1, t && (() => {
+    const [l, p] = me(I(t));
+    return (
+      // pm is always after am, so we should ignore validation
+      p !== e || // If minHour is 12 am/pm, user should be able to enter 12, 1, ..., 11.
+      l === 12 ? null : l
+    );
+  })()), u = a ? me(a)[0].toString() : "";
+  return o.jsx(Ne, { max: s, min: c, name: "hour12", nameForClass: "hour", value: u, ...i });
+}
+function Pn({ maxTime: e, minTime: n, ...t }) {
+  const a = Le(23, e && I(e)), i = je(0, n && I(n));
+  return o.jsx(Ne, { max: a, min: i, name: "hour24", nameForClass: "hour", ...t });
+}
+function Sn({ hour: e, maxTime: n, minTime: t, showLeadingZeros: a = !0, ...i }) {
+  function s(l) {
+    return e === I(l).toString();
+  }
+  const c = Le(59, n && s(n) && oe(n)), u = je(0, t && s(t) && oe(t));
+  return o.jsx(Ne, { max: c, min: u, name: "minute", showLeadingZeros: a, ...i });
+}
+function $n({ ariaLabel: e, disabled: n, maxTime: t, minTime: a, name: i, onChange: s, required: c, value: u, valueType: l }) {
+  const p = (() => {
+    switch (l) {
+      case "hour":
+        return (_) => `${I(_)}:00`;
+      case "minute":
+        return Ue;
+      case "second":
+        return Be;
+      default:
+        throw new Error("Invalid valueType");
+    }
+  })(), k = (() => {
+    switch (l) {
+      case "hour":
+        return 3600;
+      case "minute":
+        return 60;
+      case "second":
+        return 1;
+      default:
+        throw new Error("Invalid valueType");
+    }
+  })();
+  function h(_) {
+    _.stopPropagation();
+  }
+  return o.jsx("input", { "aria-label": e, disabled: n, hidden: !0, max: t ? p(t) : void 0, min: a ? p(a) : void 0, name: i, onChange: s, onFocus: h, required: c, step: k, style: {
+    visibility: "hidden",
+    position: "absolute",
+    zIndex: "-999"
+  }, type: "time", value: u ? p(u) : "" });
+}
+function Mn({ hour: e, maxTime: n, minTime: t, minute: a, showLeadingZeros: i = !0, ...s }) {
+  function c(p) {
+    return e === I(p).toString() && a === oe(p).toString();
+  }
+  const u = Le(59, n && c(n) && de(n)), l = je(0, t && c(t) && de(t));
+  return o.jsx(Ne, { max: u, min: l, name: "second", showLeadingZeros: i, ...s });
+}
+const Ge = {}, An = ["hour", "minute", "second"];
+function On(e) {
+  return e.dataset.input === "true";
+}
+function Re(e, n) {
+  let t = e;
+  do
+    t = t[n];
+  while (t && !On(t));
+  return t;
+}
+function Ae(e) {
+  e && e.focus();
+}
+function Wn(e, n, t) {
+  const a = [], i = new RegExp(Object.keys(n).map((c) => `${c}+`).join("|"), "g"), s = e.match(i);
+  return e.split(i).reduce((c, u, l) => {
+    const p = u && // biome-ignore lint/suspicious/noArrayIndexKey: index is stable here
+    o.jsx(vn, { children: u }, `separator_${l}`);
+    c.push(p);
+    const k = s?.[l];
+    if (k) {
+      const h = n[k] || n[Object.keys(n).find((_) => k.match(_))];
+      if (!h)
+        return c;
+      !t && a.includes(h) ? c.push(k) : (c.push(h(k, l)), a.push(h));
+    }
+    return c;
+  }, []);
+}
+const we = _n({ useGrouping: !1 });
+function Dn({ amPmAriaLabel: e, autoFocus: n, className: t, disabled: a, format: i, hourAriaLabel: s, hourPlaceholder: c, isClockOpen: u = null, locale: l, maxDetail: p = "minute", maxTime: k, minTime: h, minuteAriaLabel: _, minutePlaceholder: y, name: w = "time", nativeInputAriaLabel: P, onChange: g, onInvalidChange: N, required: M, secondAriaLabel: E, secondPlaceholder: A, value: J }) {
+  const [Q, R] = re(null), [O, S] = re(null), [q, z] = re(null), [T, X] = re(null), [ie, Y] = re(null), V = G(null), ae = G(null), se = G(null), Z = G(null), ee = G(null), [B, L] = re(u), W = G(void 0);
+  pe(() => {
+    L(u);
+  }, [u]), pe(() => {
+    const r = J;
+    r ? (R(me(I(r))[1]), S(I(r).toString()), z(oe(r).toString()), X(de(r).toString()), Y(r)) : (R(null), S(null), z(null), X(null), Y(null));
+  }, [
+    J,
+    h,
+    k,
+    p,
+    // Toggling clock visibility resets values
+    B
+  ]);
+  const b = p, ce = (() => {
+    const r = An.indexOf(p), d = Ge[r] || (() => {
+      const m = { hour: "numeric" };
+      return r >= 1 && (m.minute = "numeric"), r >= 2 && (m.second = "numeric"), Ge[r] = m, m;
+    })();
+    return Je(d);
+  })();
+  function ue(r) {
+    return (() => {
+      switch (b) {
+        case "hour":
+        case "minute":
+          return Ue;
+        case "second":
+          return Be;
+        default:
+          throw new Error("Invalid valueType");
+      }
+    })()(r);
+  }
+  const $ = i || (() => {
+    const Ie = new Date(2017, 0, 1, 21, 13, 14);
+    return ce(l, Ie).replace(we(l, 9), "h").replace(we(l, 21), "H").replace(we(l, 13), "mm").replace(we(l, 14), "ss").replace(new RegExp(Qe(l).join("|")), "a");
+  })(), fe = (() => {
+    const r = $.match(/[^0-9a-z]/i);
+    return r ? r[0] : null;
+  })();
+  function le(r) {
+    if (r.target === r.currentTarget) {
+      const d = r.target.children[1];
+      Ae(d);
+    }
+  }
+  function he(r) {
+    switch (W.current = r.key, r.key) {
+      case "ArrowLeft":
+      case "ArrowRight":
+      case fe: {
+        r.preventDefault();
+        const { target: d } = r, m = r.key === "ArrowLeft" ? "previousElementSibling" : "nextElementSibling", F = Re(d, m);
+        Ae(F);
+        break;
+      }
+    }
+  }
+  function ne(r) {
+    const { key: d, target: m } = r;
+    if (!(W.current === d) || !!Number.isNaN(Number(d)))
+      return;
+    const ge = m.getAttribute("max");
+    if (!ge)
+      return;
+    const { value: _e } = m;
+    if (Number(_e) * 10 > Number(ge) || _e.length >= ge.length) {
+      const Ee = Re(m, "nextElementSibling");
+      Ae(Ee);
+    }
+  }
+  function x() {
+    if (!g)
+      return;
+    function r(j) {
+      return !!j;
+    }
+    const d = [
+      V.current,
+      ae.current,
+      se.current,
+      Z.current,
+      ee.current
+    ].filter(r), m = d.slice(1), F = {};
+    for (const j of d)
+      F[j.name] = j.type === "number" ? j.valueAsNumber : j.value;
+    if (m.every((j) => !j.value)) {
+      g(null, !1);
+      return;
+    }
+    const ge = d.every((j) => j.value), _e = d.every((j) => j.validity.valid);
+    if (ge && _e) {
+      const j = Number(F.hour24 || F.hour12 && F.amPm && Ve(F.hour12, F.amPm) || 0), Ee = Number(F.minute || 0), Ye = Number(F.second || 0), Fe = (tn) => `0${tn}`.slice(-2), en = `${Fe(j)}:${Fe(Ee)}:${Fe(Ye)}`, nn = ue(en);
+      g(nn, !1);
+      return;
+    }
+    N && N();
+  }
+  function v(r) {
+    const { name: d, value: m } = r.target;
+    switch (d) {
+      case "amPm":
+        R(m);
+        break;
+      case "hour12":
+        S(m ? Ve(m, Q || "am").toString() : "");
+        break;
+      case "hour24":
+        S(m);
+        break;
+      case "minute":
+        z(m);
+        break;
+      case "second":
+        X(m);
+        break;
+    }
+    x();
+  }
+  function te(r) {
+    const { value: d } = r.target;
+    if (!g)
+      return;
+    g(d || null, !1);
+  }
+  const K = {
+    className: t,
+    disabled: a,
+    maxTime: k,
+    minTime: h,
+    onChange: v,
+    onKeyDown: he,
+    onKeyUp: ne,
+    // This is only for showing validity when editing
+    required: !!(M || B)
+  };
+  function Ce(r, d) {
+    if (r && r.length > 2)
+      throw new Error(`Unsupported token: ${r}`);
+    const m = r ? r.length === 2 : !1;
+    return o.jsx(Fn, { ...K, amPm: Q, ariaLabel: s, autoFocus: d === 0 && n, inputRef: ae, placeholder: c, showLeadingZeros: m, value: O }, "hour12");
+  }
+  function He(r, d) {
+    if (r && r.length > 2)
+      throw new Error(`Unsupported token: ${r}`);
+    const m = r ? r.length === 2 : !1;
+    return o.jsx(Pn, { ...K, ariaLabel: s, autoFocus: d === 0 && n, inputRef: se, placeholder: c, showLeadingZeros: m, value: O }, "hour24");
+  }
+  function ke(r, d) {
+    return /h/.test(r) ? Ce(r, d) : He(r, d);
+  }
+  function f(r, d) {
+    if (r && r.length > 2)
+      throw new Error(`Unsupported token: ${r}`);
+    const m = r ? r.length === 2 : !1;
+    return o.jsx(Sn, { ...K, ariaLabel: _, autoFocus: d === 0 && n, hour: O, inputRef: Z, placeholder: y, showLeadingZeros: m, value: q }, "minute");
+  }
+  function C(r, d) {
+    if (r && r.length > 2)
+      throw new Error(`Unsupported token: ${r}`);
+    const m = r ? r.length === 2 : !0;
+    return o.jsx(Mn, { ...K, ariaLabel: E, autoFocus: d === 0 && n, hour: O, inputRef: ee, minute: q, placeholder: A, showLeadingZeros: m, value: T }, "second");
+  }
+  function D(r, d) {
+    return o.jsx(wn, { ...K, ariaLabel: e, autoFocus: d === 0 && n, inputRef: V, locale: l, onChange: v, value: Q }, "ampm");
+  }
+  function U() {
+    return Wn($, {
+      h: ke,
+      H: ke,
+      m: f,
+      s: C,
+      a: D
+    }, typeof i < "u");
+  }
+  function ve() {
+    return o.jsx($n, { ariaLabel: P, disabled: a, maxTime: k, minTime: h, name: w, onChange: te, required: M, value: ie, valueType: b }, "time");
+  }
+  return (
+    // biome-ignore lint/a11y/useKeyWithClickEvents: This interaction is designed for mouse users only
+    // biome-ignore lint/a11y/noStaticElementInteractions: This interaction is designed for mouse users only
+    o.jsxs("div", { className: t, onClick: le, children: [ve(), U()] })
+  );
+}
+const H = "react-time-picker", zn = ["mousedown", "focusin", "touchstart"], Xe = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 19,
+  height: 19,
+  viewBox: "0 0 19 19",
+  stroke: "black",
+  strokeWidth: 2
+}, Vn = o.jsxs("svg", { ...Xe, "aria-hidden": "true", className: `${H}__clock-button__icon ${H}__button__icon`, fill: "none", children: [o.jsx("circle", { cx: "9.5", cy: "9.5", r: "7.5" }), o.jsx("path", { d: "M9.5 4.5 v5 h4" })] }), Zn = o.jsxs("svg", { ...Xe, "aria-hidden": "true", className: `${H}__clear-button__icon ${H}__button__icon`, children: [o.jsx("line", { x1: "4", x2: "15", y1: "4", y2: "15" }), o.jsx("line", { x1: "15", x2: "4", y1: "4", y2: "15" })] });
+function Kn(e) {
+  const { amPmAriaLabel: n, autoFocus: t, className: a, clearAriaLabel: i, clearIcon: s = Zn, clockAriaLabel: c, clockIcon: u = Vn, closeClock: l = !0, "data-testid": p, hourAriaLabel: k, hourPlaceholder: h, disableClock: _, disabled: y, format: w, id: P, isOpen: g = null, locale: N, maxTime: M, maxDetail: E = "minute", minTime: A, minuteAriaLabel: J, minutePlaceholder: Q, name: R = "time", nativeInputAriaLabel: O, onClockClose: S, onClockOpen: q, onChange: z, onFocus: T, onInvalidChange: X, openClockOnFocus: ie = !0, required: Y, value: V, secondAriaLabel: ae, secondPlaceholder: se, shouldCloseClock: Z, shouldOpenClock: ee, ...B } = e, [L, W] = re(g), b = G(null), ce = G(null);
+  pe(() => {
+    W(g);
+  }, [g]);
+  function ue({ reason: f }) {
+    ee && !ee({ reason: f }) || (W(!0), q && q());
+  }
+  const $ = xe(({ reason: f }) => {
+    Z && !Z({ reason: f }) || (W(!1), S && S());
+  }, [S, Z]);
+  function fe() {
+    L ? $({ reason: "buttonClick" }) : ue({ reason: "buttonClick" });
+  }
+  function le(f, C = l) {
+    C && $({ reason: "select" }), z && z(f);
+  }
+  function he(f) {
+    T && T(f), // Internet Explorer still fires onFocus on disabled elements
+    !(y || L || !ie || f.target.dataset.select === "true") && ue({ reason: "focus" });
+  }
+  const ne = xe((f) => {
+    f.key === "Escape" && $({ reason: "escape" });
+  }, [$]);
+  function x() {
+    le(null);
+  }
+  function v(f) {
+    f.stopPropagation();
+  }
+  const te = xe((f) => {
+    const { current: C } = b, { current: D } = ce, U = "composedPath" in f ? f.composedPath()[0] : f.target;
+    U && C && !C.contains(U) && (!D || !D.contains(U)) && $({ reason: "outsideAction" });
+  }, [$]), K = xe((f = L) => {
+    for (const C of zn)
+      f ? document.addEventListener(C, te) : document.removeEventListener(C, te);
+    f ? document.addEventListener("keydown", ne) : document.removeEventListener("keydown", ne);
+  }, [L, te, ne]);
+  pe(() => (K(), () => {
+    K(!1);
+  }), [K]);
+  function Ce() {
+    const [f] = Array.isArray(V) ? V : [V], C = {
+      amPmAriaLabel: n,
+      hourAriaLabel: k,
+      minuteAriaLabel: J,
+      nativeInputAriaLabel: O,
+      secondAriaLabel: ae
+    }, D = {
+      hourPlaceholder: h,
+      minutePlaceholder: Q,
+      secondPlaceholder: se
+    };
+    return o.jsxs("div", { className: `${H}__wrapper`, children: [o.jsx(Dn, { ...C, ...D, autoFocus: t, className: `${H}__inputGroup`, disabled: y, format: w, isClockOpen: L, locale: N, maxDetail: E, maxTime: M, minTime: A, name: R, onChange: le, onInvalidChange: X, required: Y, value: f }), s !== null && o.jsx("button", { "aria-label": i, className: `${H}__clear-button ${H}__button`, disabled: y, onClick: x, onFocus: v, type: "button", children: typeof s == "function" ? De(s) : s }), u !== null && !_ && o.jsx("button", { "aria-expanded": L || !1, "aria-label": c, className: `${H}__clock-button ${H}__button`, disabled: y, onClick: fe, onFocus: v, type: "button", children: typeof u == "function" ? De(u) : u })] });
+  }
+  function He() {
+    if (L === null || _)
+      return null;
+    const { clockProps: f, portalContainer: C, value: D } = e, U = `${H}__clock`, ve = be(U, `${U}--${L ? "open" : "closed"}`), [r] = Array.isArray(D) ? D : [D], d = o.jsx(kn, { locale: N, value: r, ...f });
+    return C ? sn(o.jsx("div", { ref: ce, className: ve, children: d }), C) : o.jsx(ln, { children: o.jsx("div", { ref: (m) => {
+      m && !L && m.removeAttribute("style");
+    }, className: ve, children: d }) });
+  }
+  const ke = on(
+    () => un(B),
+    // biome-ignore lint/correctness/useExhaustiveDependencies: FIXME
+    [B]
+  );
+  return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: False positive caused by non interactive wrapper listening for bubbling events
+    o.jsxs("div", { className: be(H, `${H}--${L ? "open" : "closed"}`, `${H}--${y ? "disabled" : "enabled"}`, a), "data-testid": p, id: P, ...ke, onFocus: he, ref: b, children: [Ce(), He()] })
+  );
+}
+const Gn = dn.div`
+	width: auto;
+
+	.react-time-picker {
+		display: inline-flex;
+		position: relative;
+		width: 86px;
+		min-width: 86px;
+		max-width: 86px;
+	}
+
+	.react-time-picker,
+	.react-time-picker *,
+	.react-time-picker *:before,
+	.react-time-picker *:after {
+		-moz-box-sizing: border-box;
+		-webkit-box-sizing: border-box;
+		box-sizing: border-box;
+	}
+	.react-time-picker--disabled {
+		background-color: #f0f0f0;
+		color: #6d6d6d;
+	}
+	.react-time-picker__wrapper {
+		display: flex;
+		flex-grow: 1;
+		flex-shrink: 0;
+		border: 1px solid ${({ isInvalid: e }) => e ? "var(--color-danger-default)" : "var(--input)"};
+		background-color: white;
+		border-radius: var(--radius-medium);
+		width: 100%;
+		height: var(--input-default);
+		padding: 0 6px;
+		transition: border-color 120ms ease;
+
+		&:focus-within {
+			border-color: ${({ isInvalid: e }) => e ? "var(--color-danger-default)" : "var(--color-primary-default)"};
+			box-shadow: 0 0 0 3px
+				${({ isInvalid: e }) => e ? "color-mix(in srgb, var(--color-danger-default) 20%, transparent)" : "color-mix(in srgb, var(--color-primary-default) 20%, transparent)"};
+		}
+	}
+	.react-time-picker__inputGroup {
+		padding: 0;
+		min-width: unset;
+		display: flex;
+		align-items: center;
+	}
+	.react-time-picker__inputGroup__divider {
+		padding: 1px 0;
+		white-space: pre;
+	}
+	.react-time-picker__inputGroup__leadingZero {
+		font-weight: 400;
+		font-size: 14px;
+		color: inherit;
+	}
+	.react-time-picker__inputGroup__input {
+		min-width: 0.54em;
+		height: auto;
+		position: relative;
+		padding: 0 1px;
+		border: 0;
+		background: none;
+		font: inherit;
+		box-sizing: content-box;
+		-moz-appearance: textfield;
+		font-weight: 400;
+		font-size: 14px;
+		color: inherit;
+		outline: none;
+		border-radius: var(--radius-small);
+	}
+	.react-time-picker__inputGroup__input::-webkit-outer-spin-button,
+	.react-time-picker__inputGroup__input::-webkit-inner-spin-button {
+		-webkit-appearance: none;
+		margin: 0;
+	}
+	.react-time-picker__inputGroup__input:invalid {
+		background: rgba(245, 65, 128, 0.1);
+	}
+	.react-time-picker__inputGroup__input--hasLeadingZero {
+		margin-left: -0.54em;
+		padding-left: calc(1px + 0.54em);
+	}
+	.react-time-picker__inputGroup__amPm {
+		display: none;
+		font: inherit;
+		-moz-appearance: menulist;
+	}
+	.react-time-picker__button {
+		border: 0;
+		background: transparent;
+		padding: 2px 2px;
+		margin-left: auto;
+		width: 20px;
+	}
+	.react-time-picker__button:enabled {
+		cursor: pointer;
+		opacity: 0.7;
+	}
+
+	.react-time-picker__button:enabled:hover,
+	.react-time-picker__button:enabled:focus {
+		opacity: 1;
+	}
+	.react-time-picker__button:enabled:hover .react-time-picker__button__icon,
+	.react-time-picker__button:enabled:focus .react-time-picker__button__icon {
+		opacity: 1;
+	}
+	.react-time-picker__button:disabled .react-time-picker__button__icon {
+		stroke: #6d6d6d;
+	}
+	.react-time-picker__button svg {
+		display: inherit;
+	}
+	.react-time-picker__clock {
+		width: 200px;
+		height: 200px;
+		max-width: 100vw;
+		padding: 25px;
+		background-color: white;
+		border: thin solid #a0a096;
+		position: absolute;
+		top: 100%;
+		left: 0;
+		z-index: 1;
+	}
+	.react-time-picker__clock--closed {
+		display: none;
+	}
+`, et = ({
+  onChange: e,
+  time: n,
+  name: t,
+  handleAddTime: a,
+  id: i,
+  label: s,
+  required: c = !1,
+  isClearable: u = !0,
+  error: l,
+  touched: p,
+  onBlurField: k,
+  isErrorText: h = !0,
+  disabled: _ = !1,
+  ...y
+}) => {
+  const w = G(null), P = an(), g = i || P, N = !_ && !!l && p, M = mn("form-control-label block font-normal text-sm text-foreground mb-1", {
+    "text-danger": N
+  });
+  return pe(() => {
+    const E = (A) => {
+      A.key === "Enter" && (A.preventDefault(), a && a(A));
+    };
+    return w.current && w.current.addEventListener("keydown", E), () => {
+      w.current && w.current.removeEventListener("keydown", E);
+    };
+  }, [a, t]), /* @__PURE__ */ o.jsxs(
+    Gn,
+    {
+      ref: w,
+      isInvalid: N,
+      className: "time-picker-input  relative flex flex-col",
+      onBlurCapture: () => k?.(t),
+      children: [
+        s && /* @__PURE__ */ o.jsxs("label", { htmlFor: g, className: M, children: [
+          s,
+          " ",
+          c && /* @__PURE__ */ o.jsx("span", { className: "text-danger", children: "*" })
+        ] }),
+        /* @__PURE__ */ o.jsx(
+          Kn,
+          {
+            id: g,
+            name: t,
+            value: n,
+            onChange: e,
+            amPmAriaLabel: "n/a",
+            disableClock: !0,
+            format: "HH:mm a",
+            hourPlaceholder: "hh",
+            minutePlaceholder: "mm",
+            disabled: _,
+            required: c,
+            clearIcon: u ? /* @__PURE__ */ o.jsx("svg", { "aria-hidden": "true", focusable: "false", height: "1em", role: "presentation", viewBox: "0 0 24 24", width: "1em", children: /* @__PURE__ */ o.jsx(
+              "path",
+              {
+                d: "M12 2a10 10 0 1010 10A10.016 10.016 0 0012 2zm3.36 12.3a.754.754 0 010 1.06.748.748 0 01-1.06 0l-2.3-2.3-2.3 2.3a.748.748 0 01-1.06 0 .754.754 0 010-1.06l2.3-2.3-2.3-2.3A.75.75 0 019.7 8.64l2.3 2.3 2.3-2.3a.75.75 0 011.06 1.06l-2.3 2.3z",
+                fill: "currentColor"
+              }
+            ) }) : null,
+            ...y
+          }
+        ),
+        !_ && l && p && h && /* @__PURE__ */ o.jsx(pn, { text: l })
+      ]
+    }
+  );
+};
+export {
+  et as TimePickerInput
+};
+//# sourceMappingURL=index.es.js.map