@rpcbase/ui 0.182.0 → 0.184.0

package/dist/index19.js

@@ -1,661 +1,688 @@
-import { j as F } from "./index28.js";
-import * as n from "react";
-import $t from "react-select";
-import { cn as Oe } from "./index2.js";
-import { resolveMessages as qt } from "./index36.js";
-import { getLocaleCacheKey as _t, parseLocaleCacheKey as Ut, getCachedCountryOptions as Qt, toSelectedCountry as Jt, buildFallbackSelectedCountry as Gt, getValidCountry as Yt, DEFAULT_COUNTRY as at, COMMON_IDD_PREFIXES as Xt, normalizeSearchValue as Zt, optionMatchIndex as it } from "./index37.js";
-import { normalizeInputValue as Te, formatWithAsYouType as ve, sanitizeDigits as T, detectNationalPrefixForDisplay as ee, getSuggestionState as Me, injectNationalPrefixDisplay as Le, shouldDisplayExplicitCountrySelection as ze, getLengthIssue as Be, stripPrefix as ut } from "./index38.js";
-import { captureSelectionSnapshot as en, resolveSelection as Se, skipFormattingCharactersLeft as ct, skipFormattingCharactersRight as tn } from "./index39.js";
-import { suggestionSelectStyles as nn, SuggestionOption as on, NullComponent as De, HiddenControl as rn, formatCountryOption as sn, SuggestionContext as ln } from "./index40.js";
-import { getCountryCallingCode as O } from "./index41.js";
-const an = n.forwardRef(
-  function(dt, ft) {
+import { j as g } from "./index30.js";
+import { c as Ie } from "./index28.js";
+import { Check as Be, ChevronUp as ze, ChevronDown as Ae } from "lucide-react";
+import * as p from "react";
+import { DismissableLayerBranch as $e } from "./index31.js";
+import { createPortal as qe } from "react-dom";
+import { IMaskInput as We } from "react-imask";
+import Ue, { InputMask as Ke } from "imask";
+import { SelectItem as Ye, SelectValue as _e, SelectTrigger as Ge, SelectContent as Xe, Select as Je } from "./index21.js";
+import { useIsTouchDevice as Qe } from "./index4.js";
+import { cn as xe } from "./index2.js";
+const Re = Ue;
+typeof Re.InputMask != "function" && (Re.InputMask = Ke);
+function Me(o) {
+  return String(o).padStart(2, "0");
+}
+function Ze(o) {
+  const e = o.trim();
+  if (!e) return null;
+  const b = /^(\d{1,2}):(\d{2})$/.exec(e);
+  if (!b)
+    return null;
+  const a = Number(b[1]), n = Number(b[2]);
+  return !Number.isFinite(a) || !Number.isFinite(n) || a < 0 || a > 23 || n < 0 || n > 59 ? null : `${Me(a)}:${Me(n)}`;
+}
+function Ce(o, e) {
+  const b = Ze(o);
+  if (!b) return null;
+  const a = e.find((n) => n.value === b);
+  return se(a) ? {
+    parsed: b,
+    selectableValue: b
+  } : {
+    parsed: b,
+    selectableValue: null
+  };
+}
+function je(o) {
+  const e = /^(\d{2}):(\d{2})$/.exec(o);
+  if (!e)
+    return null;
+  const b = Number(e[1]), a = Number(e[2]);
+  return !Number.isFinite(b) || !Number.isFinite(a) ? null : b * 60 + a;
+}
+function se(o) {
+  return o ? !o.disabled : !1;
+}
+function Oe(o, e) {
+  let b = null, a = Number.POSITIVE_INFINITY, n = Number.NEGATIVE_INFINITY;
+  for (const x of e) {
+    if (!se(x)) continue;
+    const r = je(x.value);
+    if (r == null) continue;
+    const c = Math.abs(r - o);
+    (c < a || c === a && r > n) && (b = x, a = c, n = r);
+  }
+  return b;
+}
+function Pe({
+  direction: o,
+  viewportRef: e,
+  speed: b = 400,
+  className: a
+}) {
+  const [n, x] = p.useState(!0), r = p.useRef(void 0), c = p.useRef(void 0), m = p.useRef(!1), I = p.useCallback(() => {
+    const k = e.current;
+    if (!k) {
+      x(!0);
+      return;
+    }
     const {
-      value: V,
-      defaultCountry: Ie,
-      country: M,
-      locale: pt,
-      onChange: Ae,
-      onCountryChange: je,
-      className: mt,
-      inputClassName: ht,
-      disabled: te,
-      readOnly: se,
-      selectProps: gt,
-      autofillShimName: Ct,
-      messages: We,
-      renderValidationMessage: yt,
-      ...bt
-    } = dt, {
-      onFocus: He,
-      onBlur: Ke,
-      onKeyDown: $e,
-      name: Ne,
-      autoComplete: xt,
-      ...vt
-    } = bt, L = typeof Ie == "string" || typeof M == "string", le = _t(pt), ae = n.useMemo(
-      () => Ut(le),
-      [le]
-    ), ie = n.useMemo(
-      () => qt(ae, We),
-      [ae, We]
-    ), N = n.useMemo(
-      () => Qt(ae, le),
-      [le, ae]
-    ), ue = n.useCallback(
-      (e) => {
-        const t = N.find((r) => r.value === e);
-        return t ? Jt(t) : Gt(e);
-      },
-      [N]
-    ), m = n.useMemo(() => {
-      const e = Yt(Ie ?? M ?? at);
-      return N.some((t) => t.value === e) ? e : N[0]?.value ?? at;
-    }, [N, M, Ie]), k = n.useRef(L), ne = n.useRef(null), z = n.useRef("");
-    if (!ne.current)
-      if (!V)
-        ne.current = {
-          country: m,
-          inputValue: "",
-          normalizedValue: "",
-          hasExplicitCountrySelection: !1
-        }, z.current = "";
-      else {
-        const e = L ? m : void 0, t = Te(V, e, { allowJustPlus: !0 });
-        if (!t)
-          ne.current = {
-            country: m,
-            inputValue: "",
-            normalizedValue: "",
-            hasExplicitCountrySelection: !1
-          }, z.current = "";
-        else {
-          const {
-            international: r,
-            phoneNumber: d,
-            detectedCountry: l,
-            inferredCountry: u,
-            hasExplicitInternationalPrefix: a
-          } = ve(t, e), o = l ?? void 0;
-          let s = o ?? m;
-          const i = T(V ?? ""), b = typeof V == "string" ? /^\s*\+/.test(V) : !1, g = T(r), _ = O(s), I = ee(
-            i,
-            g,
-            _,
-            b
-          ), H = Me(
-            t,
-            e,
-            d ?? void 0,
-            {
-              hasRemovedNationalPrefix: I,
-              detectedCountry: o,
-              hasExplicitInternationalPrefix: a
-            }
-          ), E = !H.shouldSuggest && !o ? u : void 0;
-          E && (s = E), (o || E) && (k.current = !0);
-          const K = O(s), ge = E ? ee(
-            i,
-            g,
-            K,
-            b
-          ) : I, Y = Le(r, K, {
-            force: ge
-          }), $ = o ?? void 0, P = k.current;
-          ne.current = {
-            country: s,
-            inputValue: Y,
-            normalizedValue: t,
-            hasExplicitCountrySelection: P && ze(H, {
-              detectedCountry: $,
-              hasExplicitInternationalPrefix: a
-            })
-          }, z.current = t;
-        }
-      }
-    const we = ne.current, [x, B] = n.useState(we.country), [ce, A] = n.useState(we.inputValue), [de, v] = n.useState(""), [Q, h] = n.useState(!1), [fe, C] = n.useState(-1), [St, qe] = n.useState(!1), [Dt, j] = n.useState(null), [_e, W] = n.useState(
-      we.hasExplicitCountrySelection
-    ), y = n.useRef(null), S = n.useRef(""), X = n.useRef(null), Z = n.useRef("smooth"), J = n.useRef(null), Ue = n.useCallback(() => {
-      const e = Z.current;
-      return Z.current = "smooth", e;
-    }, []), D = typeof M == "string", Re = D ? M : x, f = Re ?? m, oe = n.useRef(null);
-    n.useImperativeHandle(ft, () => oe.current, []), n.useLayoutEffect(() => {
-      const e = J.current;
-      if (!e)
+      scrollTop: V,
+      scrollHeight: H,
+      clientHeight: v
+    } = k, D = 2, B = V > D, T = V < H - v - D;
+    if (!(H > v + D)) {
+      x(!0);
+      return;
+    }
+    x(o === "up" ? !B : !T);
+  }, [o, e]);
+  p.useEffect(() => {
+    const k = e.current;
+    if (!k) return;
+    I();
+    const V = () => I(), H = () => I();
+    k.addEventListener("scroll", V, {
+      passive: !0
+    });
+    const v = new ResizeObserver(H);
+    v.observe(k);
+    const D = new MutationObserver(H);
+    return D.observe(k, {
+      childList: !0,
+      subtree: !0
+    }), () => {
+      k.removeEventListener("scroll", V), v.disconnect(), D.disconnect();
+    };
+  }, [e, I]);
+  const i = p.useCallback(() => {
+    r.current && (cancelAnimationFrame(r.current), r.current = void 0), m.current = !1, c.current = void 0;
+  }, []), u = p.useCallback((k) => {
+    const V = e.current;
+    if (!V || n || !m.current) {
+      i();
+      return;
+    }
+    c.current || (c.current = k);
+    const H = k - c.current, v = b * H / 1e3;
+    if (v < 0.1) {
+      r.current = requestAnimationFrame(u);
+      return;
+    }
+    const D = V.scrollTop, B = V.scrollHeight - V.clientHeight;
+    let T;
+    o === "up" ? T = Math.max(0, D - v) : T = Math.min(B, D + v), V.scrollTo({
+      top: T
+    }), c.current = k;
+    const M = 1;
+    (o === "up" ? T > M : T < B - M) && Math.abs(T - D) > 0.01 ? r.current = requestAnimationFrame(u) : (i(), setTimeout(I, 16));
+  }, [I, o, n, b, i, e]), O = p.useCallback(() => {
+    n || !e.current || m.current || (m.current = !0, c.current = void 0, r.current = requestAnimationFrame(u));
+  }, [n, u, e]);
+  return p.useEffect(() => i, [i]), /* @__PURE__ */ g.jsx("div", { className: xe("flex items-center justify-center py-1 select-none", n ? "cursor-default opacity-40" : "cursor-pointer opacity-100 hover:bg-accent/20", a), onPointerEnter: () => {
+    n || O();
+  }, onPointerMove: () => {
+    !n && !m.current && O();
+  }, onPointerLeave: () => {
+    i();
+  }, children: o === "up" ? /* @__PURE__ */ g.jsx(ze, { "aria-hidden": !0, className: "h-4 w-4 opacity-50" }) : /* @__PURE__ */ g.jsx(Ae, { "aria-hidden": !0, className: "h-4 w-4 opacity-50" }) });
+}
+function Fe(o) {
+  const e = Ie.c(79), {
+    id: b,
+    value: a,
+    onChange: n,
+    onValueUpdate: x,
+    options: r,
+    placeholder: c,
+    className: m,
+    inputClassName: I,
+    disabled: i,
+    readOnly: u,
+    open: O,
+    onOpenChange: k,
+    triggerTestId: V,
+    contentTestId: H,
+    isHydrated: v
+  } = o, D = c === void 0 ? "Select time" : c, B = p.useId(), T = b ?? `hours-picker-${B}`, M = p.useRef(null), P = p.useRef(null);
+  let U;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (U = (t) => {
+    P.current = t;
+  }, e[0] = U) : U = e[0];
+  const ie = U, _ = p.useRef(null), S = p.useRef(!1), [y, q] = p.useState(null), z = p.useRef(null), A = p.useRef(null), j = p.useRef(null), [L, K] = p.useState(nt), [we, ye] = p.useState(!1), s = O ?? we, C = k ?? ye;
+  let me, ce;
+  e[1] !== i || e[2] !== s || e[3] !== u ? (me = () => {
+    if (!s || i || u)
+      return;
+    const t = M.current;
+    t instanceof HTMLInputElement && (typeof document < "u" && document.activeElement === t || t.focus({
+      preventScroll: !0
+    }));
+  }, ce = [i, s, u], e[1] = i, e[2] = s, e[3] = u, e[4] = me, e[5] = ce) : (me = e[4], ce = e[5]), p.useEffect(me, ce);
+  let G;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = (t) => {
+    _.current = t, q(t);
+  }, e[6] = G) : G = e[6];
+  const $ = G;
+  let X;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (X = () => {
+    S.current = !0;
+  }, e[7] = X) : X = e[7];
+  const he = X;
+  let J, Q;
+  e[8] !== s || e[9] !== r || e[10] !== a ? (J = () => {
+    if (!s)
+      return;
+    const t = r.find((h) => h.value === a);
+    if (t && se(t)) {
+      $(t.value);
+      return;
+    }
+    const f = r.find(tt);
+    $(f?.value ?? null);
+  }, Q = [s, r, $, a], e[8] = s, e[9] = r, e[10] = a, e[11] = J, e[12] = Q) : (J = e[11], Q = e[12]), p.useEffect(J, Q);
+  let Z;
+  e[13] !== x || e[14] !== r ? (Z = (t) => {
+    if (t === null) {
+      x && x(null);
+      return;
+    }
+    const f = r.find((h) => h.value === t);
+    se(f) && x && x(t);
+  }, e[13] = x, e[14] = r, e[15] = Z) : Z = e[15];
+  const oe = Z;
+  let ee;
+  e[16] !== n || e[17] !== x || e[18] !== r ? (ee = (t) => {
+    if (t === null) {
+      x && x(null), n(null);
+      return;
+    }
+    const f = r.find((h) => h.value === t);
+    se(f) && (x && x(t), n(t));
+  }, e[16] = n, e[17] = x, e[18] = r, e[19] = ee) : ee = e[19];
+  const W = ee;
+  let ae, ge;
+  e[20] !== s || e[21] !== C ? (ae = () => {
+    if (!s)
+      return;
+    const t = (f) => {
+      const h = f.target;
+      if (!(h instanceof Node))
         return;
-      const t = oe.current;
-      if (J.current = null, !t)
+      const w = z.current;
+      !w || w.contains(h) || A.current?.contains(h) || C(!1);
+    };
+    return document.addEventListener("pointerdown", t, !0), () => {
+      document.removeEventListener("pointerdown", t, !0);
+    };
+  }, ge = [s, C], e[20] = s, e[21] = C, e[22] = ae, e[23] = ge) : (ae = e[22], ge = e[23]), p.useEffect(ae, ge);
+  let te, ue;
+  e[24] !== s ? (te = () => {
+    if (!s)
+      return;
+    const t = A.current;
+    if (!t)
+      return;
+    const f = (h) => {
+      const w = j.current;
+      if (!w)
         return;
-      const { start: r, end: d } = e;
-      t.setSelectionRange(r, d);
-    }, [ce]);
-    const It = gt ?? {}, {
-      styles: Qe,
-      components: Je,
-      classNamePrefix: Nt,
-      formatOptionLabel: ke,
-      ...wt
-    } = It, { noOptionsMessage: Rt, ...kt } = wt, Vt = n.useMemo(
-      () => ({
-        ...nn,
-        ...Qe ?? {}
-      }),
-      [Qe]
-    ), Et = n.useMemo(() => {
-      const e = {
-        Control: rn,
-        IndicatorsContainer: De,
-        DropdownIndicator: De,
-        IndicatorSeparator: De,
-        ValueContainer: De
-      }, t = Je ?? {};
-      return t.Option ? {
-        ...e,
-        ...t
-      } : {
-        ...e,
-        ...t,
-        Option: on
-      };
-    }, [Je]), Ge = n.useRef(!1), w = n.useCallback(
-      (e) => {
-        Ge.current = !0;
-        const t = ue(e);
-        return je?.(e, t), t;
-      },
-      [je, ue]
-    );
-    n.useEffect(() => () => {
-      X.current != null && typeof window < "u" && window.clearTimeout(X.current);
-    }, []), n.useEffect(() => {
-      if (V == null)
+      const F = h.deltaY;
+      if (F === 0)
         return;
-      const e = k.current ? f : void 0, t = z.current, r = Te(V, e, {
-        allowJustPlus: !0,
-        previousValue: t
-      });
-      if (z.current = r, S.current = "", !r) {
-        A(""), h(!1), v(""), j(null), y.current = null, W(!1);
-        const R = L ? m : f;
-        !D && x !== R && (B(R), w(R));
+      const le = Math.max(0, w.scrollHeight - w.clientHeight), de = w.scrollTop <= 0, ve = w.scrollTop >= le, Y = h.target;
+      if (Y instanceof Node && w.contains(Y)) {
+        (F < 0 && de || F > 0 && ve) && h.preventDefault();
         return;
       }
-      if (r === "0") {
-        A("0"), h(!1), v(""), j(null), y.current = null, W(!1);
+      h.preventDefault();
+      const be = Math.min(le, Math.max(0, w.scrollTop + F));
+      w.scrollTop = be;
+    };
+    return t.addEventListener("wheel", f, {
+      passive: !1
+    }), () => {
+      t.removeEventListener("wheel", f);
+    };
+  }, ue = [s], e[24] = s, e[25] = te, e[26] = ue) : (te = e[25], ue = e[26]), p.useEffect(te, ue);
+  let ne, fe;
+  e[27] !== k || e[28] !== s || e[29] !== O || e[30] !== C ? (ne = () => {
+    if (!s || O !== void 0 && !k || typeof window > "u" || !("IntersectionObserver" in window))
+      return;
+    const t = M.current;
+    if (!(t instanceof HTMLElement))
+      return;
+    let f = !0;
+    const h = new IntersectionObserver((w) => {
+      if (!f)
         return;
-      }
-      if (r === "+") {
-        A("+"), h(!0), v(""), j(null), y.current = null, W(!1);
-        const R = L ? m : f;
-        !D && x !== R && (B(R), w(R));
+      const F = w[0];
+      F && !F.isIntersecting && C(!1);
+    });
+    return h.observe(t), () => {
+      f = !1, h.disconnect();
+    };
+  }, fe = [k, s, O, C], e[27] = k, e[28] = s, e[29] = O, e[30] = C, e[31] = ne, e[32] = fe) : (ne = e[31], fe = e[32]), p.useEffect(ne, fe);
+  let l;
+  e[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = () => {
+    if (typeof window > "u")
+      return;
+    const t = M.current, f = A.current;
+    if (!(t instanceof HTMLElement) || !f)
+      return;
+    const h = t.getBoundingClientRect(), w = f.offsetHeight, F = window.innerWidth ?? 0, le = window.innerHeight ?? 0, de = h.width;
+    let ve = h.left;
+    ve + de > F - 8 && (ve = Math.max(8, F - de - 8)), ve < 8 && (ve = 8);
+    let Y = h.bottom + 8;
+    const pe = Y + w > le - 8, be = h.top - w - 8;
+    pe && be >= 8 && (Y = be), Y < 8 && (Y = 8), Y + w > le - 8 && (Y = Math.max(8, le - w - 8)), K({
+      left: ve,
+      top: Y,
+      width: de
+    });
+  }, e[33] = l) : l = e[33];
+  const d = l;
+  let N, E;
+  e[34] !== i || e[35] !== s ? (N = () => {
+    if (!s || i || typeof window > "u")
+      return;
+    d();
+    const t = window.requestAnimationFrame(d);
+    return window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
+      window.cancelAnimationFrame(t), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
+    };
+  }, E = [i, s, d], e[34] = i, e[35] = s, e[36] = N, e[37] = E) : (N = e[36], E = e[37]), p.useLayoutEffect(N, E);
+  let R;
+  e[38] !== s ? (R = () => {
+    if (!s)
+      return;
+    const t = j.current;
+    if (!t)
+      return;
+    const h = requestAnimationFrame(() => {
+      const w = t.querySelector('[role="option"][data-state="checked"]');
+      if (w instanceof HTMLElement) {
+        const pe = w.offsetTop - 8, be = w.offsetTop + w.offsetHeight + 8;
+        if (pe < t.scrollTop) {
+          t.scrollTop = Math.max(0, pe);
+          return;
+        }
+        const Le = t.scrollTop + t.clientHeight;
+        be > Le && (t.scrollTop = Math.max(0, be - t.clientHeight));
         return;
       }
-      const {
-        international: d,
-        phoneNumber: l,
-        detectedCountry: u,
-        inferredCountry: a,
-        hasExplicitInternationalPrefix: o
-      } = ve(r, e), s = u ?? void 0;
-      let i = s ?? e ?? f;
-      const b = T(V ?? ""), g = typeof V == "string" ? /^\s*\+/.test(V) : !1, _ = T(d), I = O(i), H = ee(
-        b,
-        _,
-        I,
-        g
-      ), E = Me(
-        r,
-        e,
-        l ?? void 0,
-        {
-          hasRemovedNationalPrefix: H,
-          detectedCountry: s,
-          hasExplicitInternationalPrefix: o
-        }
-      ), U = !E.shouldSuggest && !s ? a : void 0, K = U ?? i;
-      (s || U) && (k.current = !0), !D && K !== x && (B(K), w(K)), i = K, y.current && y.current !== i && (y.current = null);
-      const Y = O(i), $ = U ? ee(
-        b,
-        _,
-        Y,
-        g
-      ) : H, P = Le(d, Y, {
-        force: $
-      }), Ce = s ?? void 0, ye = y.current != null || ze(E, {
-        detectedCountry: Ce,
-        hasExplicitInternationalPrefix: o
-      });
-      A(P), h(E.shouldSuggest), v(E.query), j(k.current ? Be(r, i) : null), W(k.current && ye);
-    }, [
-      V,
-      f,
-      m,
-      L,
-      D,
-      w,
-      x
-    ]), n.useEffect(() => {
-      if (Ge.current || !k.current)
+      const F = Array.from(t.querySelectorAll('[role="option"]'));
+      if (!F.length)
         return;
-      const e = Re ?? m;
-      e && w(e);
-    }, [m, w, Re]), n.useEffect(() => {
-      D && M && M !== x && B(M);
-    }, [M, D, x]);
-    const G = n.useCallback(
-      (e) => {
-        const t = ue(e.country);
-        Ae?.({
-          ...e,
-          selectedCountry: t
-        });
-      },
-      [Ae, ue]
-    ), pe = n.useCallback(() => {
-      typeof window > "u" || (X.current != null && window.clearTimeout(X.current), X.current = window.setTimeout(() => {
-        S.current = "", X.current = null;
-      }, 800));
-    }, []), Pt = n.useCallback(
-      (e) => {
-        const t = e.target, r = en(t), d = t.value;
-        S.current = "";
-        const l = k.current ? f : void 0, u = l ? O(l) : "", a = T(d), o = d.trim().startsWith("+"), s = u ? a.startsWith(u) : !1, i = a.startsWith("0"), b = Xt.some((p) => a.startsWith(p)), g = !!l && !b && (s && a.slice(u.length).startsWith("0") || !o && i && a.length > 1 || o && i && a.length > 1 && !s), _ = z.current, I = Te(d, l, {
-          allowJustPlus: !0,
-          removeNationalPrefix: g,
-          previousValue: _
-        });
-        if (z.current = I, !I) {
-          A(""), h(!1), v(""), C(-1), j(null), y.current = null, W(!1), J.current = Se(r, "");
-          const p = L ? m : f;
-          !D && x !== p && (B(p), w(p));
-          const re = O(p);
-          G({
-            formattedInternational: "",
-            formattedNational: "",
-            e164: null,
-            country: p,
-            countryCallingCode: re,
-            nationalNumber: "",
-            rawInput: "",
-            isValid: !1
-          });
-          return;
-        }
-        if (I === "0") {
-          A("0"), h(!1), v(""), C(-1), j(null), y.current = null, W(!1), J.current = Se(r, "0");
-          const p = L ? m : f;
-          !D && x !== p && (B(p), w(p));
-          const re = O(p);
-          G({
-            formattedInternational: "0",
-            formattedNational: "0",
-            e164: null,
-            country: p,
-            countryCallingCode: re,
-            nationalNumber: "0",
-            rawInput: "0",
-            isValid: !1
-          });
-          return;
+      let le, de;
+      for (const pe of F) {
+        if (!pe.hasAttribute("data-disabled")) {
+          le = pe;
+          break;
         }
-        if (I === "+") {
-          A("+"), h(!0), v(""), C(0), j(null), y.current = null, W(!1), J.current = Se(r, "+");
-          const p = L ? m : f;
-          !D && x !== p && (B(p), w(p));
-          const re = O(p);
-          G({
-            formattedInternational: "+",
-            formattedNational: "",
-            e164: null,
-            country: p,
-            countryCallingCode: re,
-            nationalNumber: "",
-            rawInput: "+",
-            isValid: !1
-          });
-          return;
-        }
-        const {
-          international: H,
-          national: E,
-          phoneNumber: U,
-          detectedCountry: K,
-          inferredCountry: ge,
-          hasExplicitInternationalPrefix: Y
-        } = ve(I, l), $ = K ?? void 0;
-        let P = $ ?? l ?? f;
-        const Ce = T(H), st = O(P), ye = ee(
-          a,
-          Ce,
-          st,
-          o
-        ), R = Me(
-          I,
-          l,
-          U ?? void 0,
-          {
-            hasRemovedNationalPrefix: ye,
-            detectedCountry: $,
-            hasExplicitInternationalPrefix: Y
-          }
-        ), Fe = !R.shouldSuggest && !$ ? ge : void 0, be = Fe ?? P;
-        ($ || Fe) && (k.current = !0), !D && be !== x && (B(be), w(be)), P = be, y.current && y.current !== P && (y.current = null);
-        const xe = O(P), At = T(I), jt = ut(At, xe), Wt = Fe ? ee(
-          a,
-          Ce,
-          xe,
-          o
-        ) : ye, lt = Le(H, xe, {
-          force: Wt
-        }), Ht = $ ?? void 0;
-        J.current = Se(r, lt), A(lt), h(R.shouldSuggest), v(R.query), C(R.shouldSuggest ? 0 : -1), j(k.current ? Be(I, P) : null);
-        const Kt = y.current != null || ze(R, {
-          detectedCountry: Ht,
-          hasExplicitInternationalPrefix: Y
-        });
-        W(k.current && Kt), G({
-          formattedInternational: H,
-          formattedNational: E,
-          e164: U?.number ?? null,
-          country: P,
-          countryCallingCode: xe,
-          nationalNumber: jt,
-          rawInput: I,
-          isValid: U?.isValid() ?? !1
-        });
-      },
-      [
-        f,
-        G,
-        m,
-        L,
-        D,
-        w,
-        x
-      ]
-    ), Ve = n.useCallback(
-      (e) => {
-        if (!e)
-          return;
-        const t = T(z.current || ce), r = O(f);
-        let l = t.startsWith(r) ? t.slice(r.length) : t;
-        l ? l.startsWith(e.dialCode) || (l = `${e.dialCode}${l}`) : l = e.dialCode;
-        const u = `+${l}`;
-        z.current = u;
-        const { international: a, national: o, phoneNumber: s } = ve(
-          u,
-          e.value
-        ), i = e.value;
-        y.current = i, k.current = !0, A(a), J.current = {
-          start: a.length,
-          end: a.length
-        }, h(!1), v(""), C(-1), j(Be(u, i)), !D && i !== x && B(i), w(i);
-        const b = T(u), g = s?.countryCallingCode ?? e.dialCode, _ = ut(b, g);
-        W(!0), G({
-          formattedInternational: a,
-          formattedNational: o,
-          e164: s?.number ?? null,
-          country: i,
-          countryCallingCode: g,
-          nationalNumber: _,
-          rawInput: u,
-          isValid: s?.isValid() ?? !1
-        }), requestAnimationFrame(() => {
-          oe.current?.focus();
-        });
-      },
-      [f, G, ce, D, w, x]
-    ), c = n.useMemo(() => {
-      if (!Q)
-        return [];
-      const e = [], t = (o) => {
-        e.some((s) => s.value === o.value) || e.push(o);
-      }, r = N.find((o) => o.value === m), d = N.find((o) => o.value === f), l = de.trim(), u = T(l), a = Zt(l);
-      return !u && !a ? (r && t(r), d && t(d), N.forEach(t), e) : (u && N.filter((s) => s.dialCode.startsWith(u)).sort((s, i) => {
-        const b = s.dialCode === u, g = i.dialCode === u;
-        return b && !g ? -1 : !b && g ? 1 : s.dialCode.length - i.dialCode.length;
-      }).forEach(t), a && N.filter(
-        (s) => s.normalizedSearchableTokens.some((i) => i.includes(a))
-      ).sort((s, i) => {
-        const b = it(s.normalizedSearchableTokens, a), g = it(i.normalizedSearchableTokens, a);
-        return b !== g ? b - g : s.name.localeCompare(i.name);
-      }).forEach(t), d && t(d), r && t(r), e.length === 0 && N.forEach(t), e);
-    }, [f, N, de, m, Q]), q = St && Q && c.length > 0;
-    n.useEffect(() => {
-      q || (Z.current = "smooth");
-    }, [q]), n.useEffect(() => {
-      if (!q) {
-        C(-1);
-        return;
+        de = pe;
       }
-      if (c.length === 0) {
-        C(-1);
+      if (!le)
+        return;
+      const Y = Math.max(0, (de || le).offsetTop - 8);
+      t.scrollTop = Y;
+    });
+    return () => cancelAnimationFrame(h);
+  }, e[38] = s, e[39] = R) : R = e[39];
+  let re;
+  e[40] !== s || e[41] !== r ? (re = [s, r], e[40] = s, e[41] = r, e[42] = re) : re = e[42], p.useEffect(R, re);
+  let ke, Ee;
+  e[43] !== y || e[44] !== s ? (ke = () => {
+    if (!s || !y || !S.current)
+      return;
+    const t = j.current;
+    if (!t)
+      return;
+    const f = t.querySelector(`[role="option"][data-value="${y}"]`);
+    if (!(f instanceof HTMLElement))
+      return;
+    const h = f.offsetTop - 8, w = f.offsetTop + f.offsetHeight + 8;
+    if (h < t.scrollTop) {
+      t.scrollTop = Math.max(0, h);
+      return;
+    }
+    const F = t.scrollTop + t.clientHeight;
+    w > F && (t.scrollTop = Math.max(0, w - t.clientHeight));
+  }, Ee = [y, s], e[43] = y, e[44] = s, e[45] = ke, e[46] = Ee) : (ke = e[45], Ee = e[46]), p.useEffect(ke, Ee);
+  let Te;
+  e[47] !== m ? (Te = xe("w-[150px]", m), e[47] = m, e[48] = Te) : Te = e[48];
+  let Ve;
+  e[49] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Ve = (t) => {
+    M.current = t;
+  }, e[49] = Ve) : Ve = e[49];
+  let Se;
+  e[50] !== W || e[51] !== i || e[52] !== I || e[53] !== v || e[54] !== s || e[55] !== r || e[56] !== D || e[57] !== u || e[58] !== C || e[59] !== T || e[60] !== V || e[61] !== oe || e[62] !== a ? (Se = /* @__PURE__ */ g.jsx(st, { id: T, placeholder: D, value: a, onValueUpdate: oe, onCommit: W, options: r, disabled: i, readOnly: u, open: s, setOpen: C, inputClassName: I, triggerTestId: V, isHydrated: v, highlightedValueRef: _, setHighlightedValue: $, markKeyboardNavigation: he, inputRef: Ve, onDraftValueHandlerChange: ie }), e[50] = W, e[51] = i, e[52] = I, e[53] = v, e[54] = s, e[55] = r, e[56] = D, e[57] = u, e[58] = C, e[59] = T, e[60] = V, e[61] = oe, e[62] = a, e[63] = Se) : Se = e[63];
+  let Ne;
+  e[64] !== W || e[65] !== H || e[66] !== L || e[67] !== y || e[68] !== s || e[69] !== r || e[70] !== C || e[71] !== a ? (Ne = s ? (() => {
+    const t = /* @__PURE__ */ g.jsx($e, { children: /* @__PURE__ */ g.jsxs("div", { ref: A, "data-testid": H, "data-state": "open", className: xe("pointer-events-auto fixed z-[60] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95"), style: {
+      left: L.left,
+      top: L.top,
+      width: L.width
+    }, children: [
+      /* @__PURE__ */ g.jsx(Pe, { direction: "up", viewportRef: j }),
+      /* @__PURE__ */ g.jsx("div", { ref: j, role: "listbox", className: "max-h-64 overflow-y-auto p-1 [overscroll-behavior:contain] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden", children: r.map((f) => {
+        const h = f.value === a;
+        return /* @__PURE__ */ g.jsxs("div", { role: "option", "aria-selected": h, "data-value": f.value, "data-state": h ? "checked" : "unchecked", "data-disabled": f.disabled ? "" : void 0, className: xe("relative flex w-full select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none cursor-pointer", f.disabled && "pointer-events-none opacity-50", y === f.value && "bg-accent text-accent-foreground"), onMouseDown: et, onClick: () => {
+          f.disabled || (P.current?.(f.value), $(f.value), M.current?.focus({
+            preventScroll: !0
+          }), W(f.value), C(!1));
+        }, onPointerEnter: () => {
+          S.current || (S.current = !1, $(f.value));
+        }, onPointerMove: (w) => {
+          S.current && w.movementX === 0 && w.movementY === 0 || (S.current = !1, $(f.value));
+        }, children: [
+          /* @__PURE__ */ g.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: h ? /* @__PURE__ */ g.jsx(Be, { "aria-hidden": !0, className: "h-4 w-4" }) : null }),
+          /* @__PURE__ */ g.jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ g.jsx("span", { children: f.label }),
+            f.description != null ? /* @__PURE__ */ g.jsx("span", { "data-slot": "description", className: "text-xs text-muted-foreground", children: f.description }) : null
+          ] })
+        ] }, f.value);
+      }) }),
+      /* @__PURE__ */ g.jsx(Pe, { direction: "down", viewportRef: j })
+    ] }) });
+    return typeof document > "u" ? t : qe(t, document.body);
+  })() : null, e[64] = W, e[65] = H, e[66] = L, e[67] = y, e[68] = s, e[69] = r, e[70] = C, e[71] = a, e[72] = Ne) : Ne = e[72];
+  let De;
+  e[73] !== Se || e[74] !== Ne ? (De = /* @__PURE__ */ g.jsxs("div", { className: "relative", children: [
+    Se,
+    Ne
+  ] }), e[73] = Se, e[74] = Ne, e[75] = De) : De = e[75];
+  let He;
+  return e[76] !== Te || e[77] !== De ? (He = /* @__PURE__ */ g.jsx("div", { "data-slot": "hours-picker-input", className: Te, ref: z, children: De }), e[76] = Te, e[77] = De, e[78] = He) : He = e[78], He;
+}
+function et(o) {
+  o.preventDefault();
+}
+function tt(o) {
+  return se(o);
+}
+function nt() {
+  return {
+    left: 0,
+    top: 0,
+    width: 0
+  };
+}
+Fe.displayName = "HourPickerInput";
+function rt(o) {
+  const e = Ie.c(36), {
+    id: b,
+    value: a,
+    onChange: n,
+    onValueUpdate: x,
+    options: r,
+    placeholder: c,
+    className: m,
+    inputClassName: I,
+    disabled: i,
+    open: u,
+    onOpenChange: O,
+    triggerTestId: k,
+    contentTestId: V,
+    isHydrated: H
+  } = o, v = c === void 0 ? "Select time" : c;
+  let D;
+  e[0] !== n || e[1] !== x || e[2] !== r ? (D = (K) => {
+    const we = r.find((ye) => ye.value === K);
+    se(we) && (x && x(K), n(K));
+  }, e[0] = n, e[1] = x, e[2] = r, e[3] = D) : D = e[3];
+  const B = D;
+  let T;
+  e[4] !== m ? (T = xe("w-[150px]", m), e[4] = m, e[5] = T) : T = e[5];
+  const M = a ?? "";
+  let P;
+  e[6] !== B ? (P = (K) => B(K), e[6] = B, e[7] = P) : P = e[7];
+  const U = H ? "true" : void 0, ie = !a && "text-muted-foreground", _ = u && "ring-2 ring-primary ring-offset-2";
+  let S;
+  e[8] !== I || e[9] !== ie || e[10] !== _ ? (S = xe("transition-colors hover:bg-accent hover:text-accent-foreground", ie, _, "[&_[data-slot='description']]:hidden", I), e[8] = I, e[9] = ie, e[10] = _, e[11] = S) : S = e[11];
+  let y;
+  e[12] !== v ? (y = /* @__PURE__ */ g.jsx(_e, { placeholder: v }), e[12] = v, e[13] = y) : y = e[13];
+  let q;
+  e[14] !== b || e[15] !== y || e[16] !== U || e[17] !== S || e[18] !== k ? (q = /* @__PURE__ */ g.jsx(Ge, { id: b, "data-testid": k, "data-hydrated": U, className: S, children: y }), e[14] = b, e[15] = y, e[16] = U, e[17] = S, e[18] = k, e[19] = q) : q = e[19];
+  let z;
+  e[20] !== r ? (z = r.map(ot), e[20] = r, e[21] = z) : z = e[21];
+  let A;
+  e[22] !== V || e[23] !== z ? (A = /* @__PURE__ */ g.jsx(Xe, { "data-testid": V, autoScroll: "firstEnabledWithContext", className: "max-h-64 overflow-y-auto", children: z }), e[22] = V, e[23] = z, e[24] = A) : A = e[24];
+  let j;
+  e[25] !== i || e[26] !== O || e[27] !== u || e[28] !== q || e[29] !== A || e[30] !== M || e[31] !== P ? (j = /* @__PURE__ */ g.jsxs(Je, { disabled: i, open: u, onOpenChange: O, value: M, onValueChange: P, children: [
+    q,
+    A
+  ] }), e[25] = i, e[26] = O, e[27] = u, e[28] = q, e[29] = A, e[30] = M, e[31] = P, e[32] = j) : j = e[32];
+  let L;
+  return e[33] !== j || e[34] !== T ? (L = /* @__PURE__ */ g.jsx("div", { "data-slot": "hours-picker-field", className: T, children: j }), e[33] = j, e[34] = T, e[35] = L) : L = e[35], L;
+}
+function ot(o) {
+  return /* @__PURE__ */ g.jsxs(Ye, { value: o.value, disabled: o.disabled, children: [
+    /* @__PURE__ */ g.jsx("span", { children: o.label }),
+    o.description != null ? /* @__PURE__ */ g.jsx("span", { "data-slot": "description", className: "block text-xs text-muted-foreground", children: o.description }) : null
+  ] }, o.value);
+}
+function lt(o) {
+  const e = Ie.c(4);
+  if (Qe()) {
+    let n;
+    return e[0] !== o ? (n = /* @__PURE__ */ g.jsx(rt, { ...o }), e[0] = o, e[1] = n) : n = e[1], n;
+  }
+  let a;
+  return e[2] !== o ? (a = /* @__PURE__ */ g.jsx(Fe, { ...o }), e[2] = o, e[3] = a) : a = e[3], a;
+}
+lt.displayName = "HourPickerField";
+function st(o) {
+  const e = Ie.c(87), {
+    id: b,
+    placeholder: a,
+    value: n,
+    onValueUpdate: x,
+    onCommit: r,
+    options: c,
+    disabled: m,
+    readOnly: I,
+    open: i,
+    setOpen: u,
+    inputClassName: O,
+    triggerTestId: k,
+    isHydrated: V,
+    highlightedValueRef: H,
+    setHighlightedValue: v,
+    markKeyboardNavigation: D,
+    inputRef: B,
+    onDraftValueHandlerChange: T
+  } = o, M = p.useRef(!1), P = p.useRef(!1), U = p.useRef(!1), ie = p.useRef(null);
+  let _;
+  e[0] !== n ? (_ = () => n || "", e[0] = n, e[1] = _) : _ = e[1];
+  const [S, y] = p.useState(_);
+  let q, z;
+  e[2] !== T ? (q = () => (T((l) => {
+    y(l);
+  }), () => {
+    T(null);
+  }), z = [T], e[2] = T, e[3] = q, e[4] = z) : (q = e[3], z = e[4]), p.useEffect(q, z);
+  let A;
+  e[5] !== H || e[6] !== x || e[7] !== c || e[8] !== v || e[9] !== n ? (A = (l) => {
+    const d = H.current ?? n ?? "";
+    let N = c.findIndex((E) => E.value === d);
+    N === -1 && (N = l === 1 ? -1 : c.length);
+    for (let E = N + l; E >= 0 && E < c.length; E = E + l, E) {
+      const R = c[E];
+      if (se(R)) {
+        v(R.value), ie.current = R.value, y(R.value), x(R.value);
         return;
       }
-      C((e) => e < 0 || e >= c.length ? 0 : e);
-    }, [c, q]);
-    const me = fe >= 0 ? c[fe] ?? null : null;
-    n.useEffect(() => {
-      fe < 0 && (Z.current = "smooth");
-    }, [fe]);
-    const Ye = n.useCallback(
-      (e) => {
-        const t = c.findIndex((r) => r.value === e.value);
-        t !== -1 && C(t);
-      },
-      [c]
-    ), Ee = n.useCallback(
-      (e, t) => ke ? ke(e, t) : sn(e),
-      [ke]
-    ), Xe = n.useCallback(
-      (e) => Ee(e, {
-        context: "menu",
-        inputValue: de,
-        selectValue: []
-      }),
-      [de, Ee]
-    ), Ft = n.useMemo(
-      () => ({
-        highlightedValue: me?.value ?? null,
-        setHighlightedOption: Ye,
-        renderOptionLabel: Xe,
-        consumeScrollBehavior: Ue
-      }),
-      [Ue, me, Xe, Ye]
-    ), he = N.find((e) => e.value === f), Ze = he?.flag ?? "", Ot = _e ? ie.selectedCountryLabel(he?.name ?? f ?? null) : ie.selectCountryLabel, et = _e && !!Ze, Pe = Dt === "TOO_LONG" ? ie.lengthTooLong(he?.name ?? f ?? null) : null, Tt = he?.name ?? f ?? null;
-    let tt = null;
-    if (Pe) {
-      const e = yt?.({
-        message: Pe,
-        code: "TOO_LONG",
-        countryName: Tt
-      });
-      tt = e === void 0 ? /* @__PURE__ */ F.jsx("p", { className: "mt-1 text-xs text-destructive", children: /* @__PURE__ */ F.jsx("span", { children: Pe }) }) : e;
     }
-    const nt = n.useCallback(
-      (e) => {
-        S.current = `${S.current}${e}`.slice(-12), v(S.current), h(!0), pe();
-      },
-      [pe]
-    ), ot = n.useCallback(() => {
-      const e = S.current;
-      e && (S.current = e.slice(0, -1), v(S.current), S.current && pe());
-    }, [pe]), Mt = n.useCallback(
-      (e) => {
-        if ($e?.(e), e.defaultPrevented)
+  }, e[5] = H, e[6] = x, e[7] = c, e[8] = v, e[9] = n, e[10] = A) : A = e[10];
+  const j = A;
+  let L, K;
+  e[11] !== n ? (L = () => {
+    M.current || y(n || "");
+  }, K = [n], e[11] = n, e[12] = L, e[13] = K) : (L = e[12], K = e[13]), p.useEffect(L, K);
+  const we = !S && "text-muted-foreground", ye = i && "ring-2 ring-primary ring-offset-2";
+  let s;
+  e[14] !== O || e[15] !== we || e[16] !== ye ? (s = xe("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 pr-10 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "transition-colors group-hover:bg-accent group-hover:text-accent-foreground", we, ye, "[&_[data-slot='description']]:hidden", O), e[14] = O, e[15] = we, e[16] = ye, e[17] = s) : s = e[17];
+  const C = s, me = V ? "true" : void 0;
+  let ce;
+  e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ce = [{
+    mask: "00:00",
+    lazy: !0
+  }, {
+    mask: "0:00",
+    lazy: !0
+  }], e[18] = ce) : ce = e[18];
+  let G;
+  e[19] !== c ? (G = (l, d) => {
+    const N = (d.value + l).replace(/\D/g, "");
+    if (N.length <= 2 || N.length >= 4)
+      return d.compiledMasks[0];
+    const E = Me(Number(N.slice(0, 2)));
+    return c.some((re) => re.value.startsWith(`${E}:`)) ? d.compiledMasks[0] : d.compiledMasks[1];
+  }, e[19] = c, e[20] = G) : G = e[20];
+  let $;
+  e[21] !== r || e[22] !== n ? ($ = (l) => {
+    const d = typeof l == "string" ? l : String(l ?? "");
+    y(d), d.replace(/\D/g, "").length === 0 && n && r(null);
+  }, e[21] = r, e[22] = n, e[23] = $) : $ = e[23];
+  let X;
+  e[24] !== r || e[25] !== c || e[26] !== v || e[27] !== n ? (X = (l) => {
+    const d = typeof l == "string" ? l : String(l ?? "");
+    if (ie.current === d) {
+      ie.current = null;
+      return;
+    }
+    const N = Ce(d, c);
+    if (!N)
+      return;
+    if (N.selectableValue) {
+      if (v(N.selectableValue), y(N.selectableValue), n === N.selectableValue)
+        return;
+      r(N.selectableValue);
+      return;
+    }
+    const E = je(N.parsed);
+    if (E == null)
+      return;
+    const R = Oe(E, c);
+    R && v(R.value);
+  }, e[24] = r, e[25] = c, e[26] = v, e[27] = n, e[28] = X) : X = e[28];
+  let he, J, Q;
+  e[29] !== m || e[30] !== i || e[31] !== u ? (he = () => {
+    P.current = !0, !m && (i || u(!0));
+  }, J = (l) => {
+    P.current = !0, U.current = typeof document < "u" && document.activeElement === l.currentTarget, !m && (i || u(!0));
+  }, Q = () => {
+    m || i || u(!0);
+  }, e[29] = m, e[30] = i, e[31] = u, e[32] = he, e[33] = J, e[34] = Q) : (he = e[32], J = e[33], Q = e[34]);
+  let Z;
+  e[35] !== m || e[36] !== S || e[37] !== H || e[38] !== D || e[39] !== j || e[40] !== r || e[41] !== i || e[42] !== c || e[43] !== v || e[44] !== u ? (Z = (l) => {
+    if (!m) {
+      if (l.key === "Tab" && i && !l.defaultPrevented) {
+        u(!1);
+        return;
+      }
+      if (l.key === "Escape") {
+        if (!i)
           return;
-        const t = e.key;
-        if (e.metaKey || e.ctrlKey || e.altKey)
+        l.preventDefault(), u(!1);
+        return;
+      }
+      if (!i && !l.defaultPrevented && (l.key.length === 1 || l.key === "Backspace" || l.key === "Delete") && !l.ctrlKey && !l.metaKey && !l.altKey && u(!0), l.key === "ArrowDown" || l.key === "ArrowUp") {
+        if (D(), l.preventDefault(), !i) {
+          u(!0);
           return;
-        const r = e.currentTarget, d = r.value, l = r.selectionStart ?? 0, u = r.selectionEnd ?? l, a = l === u;
-        if (t === "Backspace" && a) {
-          const o = ct(d, l);
-          o !== l && r.setSelectionRange(o, o);
-        } else if (t === "ArrowLeft" && a) {
-          const o = ct(d, l);
-          if (o !== l) {
-            e.preventDefault(), r.setSelectionRange(o, o);
-            return;
-          }
-        } else if (t === "ArrowRight" && a) {
-          const o = tn(d, u);
-          if (o !== u) {
-            e.preventDefault(), r.setSelectionRange(o, o);
-            return;
-          }
         }
-        if (t === "ArrowDown") {
-          if (Z.current = e.repeat ? "auto" : "smooth", e.preventDefault(), !Q) {
-            h(!0), C(c.length > 0 ? 0 : -1);
+        j(l.key === "ArrowDown" ? 1 : -1);
+        return;
+      }
+      if (l.key === "Enter") {
+        D();
+        const d = Ce(S, c);
+        if (!d) {
+          if (!i || S.trim() !== "")
             return;
-          }
-          c.length > 0 && C((o) => o < 0 ? 0 : (o + 1) % c.length);
-          return;
-        }
-        if (t === "ArrowUp") {
-          if (Z.current = e.repeat ? "auto" : "smooth", e.preventDefault(), !Q) {
-            h(!0), C(c.length > 0 ? c.length - 1 : -1);
+          const R = c.find((ke) => ke.value === H.current), re = (se(R) ? R?.value : void 0) ?? c.find(at)?.value;
+          if (!re)
             return;
-          }
-          c.length > 0 && C((o) => o < 0 ? c.length - 1 : (o - 1 + c.length) % c.length);
+          l.preventDefault(), v(re), y(re), r(re), u(!1);
           return;
         }
-        if (/^[a-z]$/i.test(t)) {
-          e.preventDefault(), Q || (h(!0), C(c.length > 0 ? 0 : -1)), nt(t.toLowerCase());
+        if (d.selectableValue) {
+          l.preventDefault(), v(d.selectableValue), y(d.selectableValue), r(d.selectableValue), u(!1);
           return;
         }
-        if (q) {
-          if (t === "Backspace" && S.current) {
-            e.preventDefault(), ot();
-            return;
-          }
-          if (t === "Escape") {
-            e.preventDefault(), S.current = "", v(""), h(!1);
-            return;
-          }
-          if (t === "Enter" && c.length > 0) {
-            e.preventDefault();
-            const o = me ?? c[0];
-            Ve(o);
-            return;
-          }
-        }
-      },
-      [
-        nt,
-        c,
-        Ve,
-        me,
-        $e,
-        ot,
-        Q,
-        q
-      ]
-    ), Lt = n.useCallback(
-      (e) => {
-        qe(!0), He?.(e);
-      },
-      [He]
-    ), zt = n.useCallback(
-      (e) => {
-        qe(!1), h(!1), S.current = "", v(""), Ke?.(e);
-      },
-      [Ke]
-    ), Bt = n.useCallback(() => {
-      te || se || (S.current = "", v(""), h(!0), C((e) => e < 0 ? 0 : e), requestAnimationFrame(() => {
-        oe.current?.focus();
-      }));
-    }, [te, se]), rt = Ct ?? (Ne ? `${Ne}_shim` : void 0);
-    return /* @__PURE__ */ F.jsxs("div", { className: Oe("relative flex flex-col", mt), children: [
-      /* @__PURE__ */ F.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ F.jsx(
-          "input",
-          {
-            ...vt,
-            ref: oe,
-            type: "tel",
-            className: Oe(
-              "flex h-10 w-full rounded-md border border-input bg-background py-2 text-base ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-              "pl-11 pr-3",
-              ht
-            ),
-            name: Ne,
-            value: ce,
-            onChange: Pt,
-            onFocus: Lt,
-            onBlur: zt,
-            onKeyDown: Mt,
-            disabled: te,
-            readOnly: se,
-            autoComplete: xt ?? "off"
-          }
-        ),
-        /* @__PURE__ */ F.jsx(
-          "button",
-          {
-            type: "button",
-            className: Oe(
-              "absolute left-3 top-1/2 flex h-6 w-6 -translate-y-1/2 items-center justify-center rounded border text-lg leading-none transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-              et ? "border-transparent" : "border-dashed border-border text-muted-foreground",
-              te ? "cursor-not-allowed opacity-50" : se ? "cursor-default" : "cursor-pointer hover:bg-muted"
-            ),
-            "aria-label": Ot,
-            onMouseDown: (e) => e.preventDefault(),
-            onClick: Bt,
-            tabIndex: -1,
-            disabled: te,
-            children: /* @__PURE__ */ F.jsx("span", { "aria-hidden": "true", children: et ? Ze : "?" })
-          }
-        )
-      ] }),
-      rt ? /* @__PURE__ */ F.jsx(
-        "input",
-        {
-          tabIndex: -1,
-          autoComplete: "tel",
-          name: rt,
-          "aria-hidden": "true",
-          className: "pointer-events-none absolute left-0 top-0 h-0 w-0 opacity-0"
-        }
-      ) : null,
-      /* @__PURE__ */ F.jsx(
-        "div",
-        {
-          className: "absolute left-0 top-full z-30 mt-1",
-          style: {
-            pointerEvents: q ? "auto" : "none",
-            width: "min(260px, 100%)"
-          },
-          onMouseDown: (e) => e.preventDefault(),
-          children: /* @__PURE__ */ F.jsx(ln.Provider, { value: Ft, children: /* @__PURE__ */ F.jsx(
-            $t,
-            {
-              ...kt,
-              menuIsOpen: q,
-              options: c,
-              value: null,
-              components: Et,
-              styles: Vt,
-              isClearable: !1,
-              isSearchable: !1,
-              backspaceRemovesValue: !1,
-              tabSelectsValue: !1,
-              menuShouldScrollIntoView: !1,
-              onChange: Ve,
-              classNamePrefix: Nt ?? "phone-number-suggestions",
-              placeholder: "",
-              formatOptionLabel: Ee,
-              noOptionsMessage: Rt ?? (() => ie.noMatches)
-            }
-          ) })
-        }
-      ),
-      tt
-    ] });
-  }
-);
-an.displayName = "PhoneNumberInput";
+        const N = je(d.parsed);
+        if (N == null)
+          return;
+        const E = Oe(N, c);
+        if (!E)
+          return;
+        l.preventDefault(), v(E.value), y(E.value), r(E.value), u(!1);
+        return;
+      }
+    }
+  }, e[35] = m, e[36] = S, e[37] = H, e[38] = D, e[39] = j, e[40] = r, e[41] = i, e[42] = c, e[43] = v, e[44] = u, e[45] = Z) : Z = e[45];
+  let oe;
+  e[46] !== m || e[47] !== i || e[48] !== u ? (oe = (l) => {
+    const d = !P.current || !U.current;
+    if (P.current = !1, U.current = !1, M.current = !0, d) {
+      const N = l.currentTarget;
+      requestAnimationFrame(() => N.select());
+    }
+    m || i || u(!0);
+  }, e[46] = m, e[47] = i, e[48] = u, e[49] = oe) : oe = e[49];
+  let ee;
+  e[50] !== S || e[51] !== r || e[52] !== c || e[53] !== n ? (ee = () => {
+    M.current = !1;
+    const l = S.trim();
+    if (!l) {
+      y(n || "");
+      return;
+    }
+    const d = Ce(l, c);
+    if (!d) {
+      y(n || "");
+      return;
+    }
+    if (!d.selectableValue) {
+      y(n || "");
+      return;
+    }
+    y(d.selectableValue), n !== d.selectableValue && r(d.selectableValue);
+  }, e[50] = S, e[51] = r, e[52] = c, e[53] = n, e[54] = ee) : ee = e[54];
+  let W;
+  e[55] !== m || e[56] !== S || e[57] !== b || e[58] !== B || e[59] !== a || e[60] !== I || e[61] !== me || e[62] !== G || e[63] !== $ || e[64] !== X || e[65] !== he || e[66] !== J || e[67] !== Q || e[68] !== Z || e[69] !== oe || e[70] !== ee || e[71] !== C || e[72] !== k ? (W = /* @__PURE__ */ g.jsx(We, { id: b, "data-testid": k, "data-hydrated": me, type: "text", disabled: m, readOnly: I, inputRef: B, autoComplete: "off", mask: ce, dispatch: G, placeholder: a, value: S, className: C, onAccept: $, onComplete: X, onPointerDown: he, onMouseDown: J, onClick: Q, onKeyDown: Z, onFocus: oe, onBlur: ee }), e[55] = m, e[56] = S, e[57] = b, e[58] = B, e[59] = a, e[60] = I, e[61] = me, e[62] = G, e[63] = $, e[64] = X, e[65] = he, e[66] = J, e[67] = Q, e[68] = Z, e[69] = oe, e[70] = ee, e[71] = C, e[72] = k, e[73] = W) : W = e[73];
+  let ae;
+  e[74] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ae = xe("absolute right-1 top-1/2 inline-flex size-8 -translate-y-1/2 items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"), e[74] = ae) : ae = e[74];
+  const ge = i ? "Close time picker" : "Open time picker";
+  let te;
+  e[75] !== m || e[76] !== i || e[77] !== u ? (te = () => {
+    m || u(!i);
+  }, e[75] = m, e[76] = i, e[77] = u, e[78] = te) : te = e[78];
+  let ue;
+  e[79] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ue = /* @__PURE__ */ g.jsx(Ae, { "aria-hidden": !0, className: "size-4" }), e[79] = ue) : ue = e[79];
+  let ne;
+  e[80] !== m || e[81] !== ge || e[82] !== te ? (ne = /* @__PURE__ */ g.jsx("button", { type: "button", tabIndex: -1, disabled: m, "data-slot": "hours-picker-input-toggle", className: ae, "aria-label": ge, onPointerDown: ct, onMouseDown: it, onClick: te, children: ue }), e[80] = m, e[81] = ge, e[82] = te, e[83] = ne) : ne = e[83];
+  let fe;
+  return e[84] !== W || e[85] !== ne ? (fe = /* @__PURE__ */ g.jsxs("div", { className: "relative group", children: [
+    W,
+    ne
+  ] }), e[84] = W, e[85] = ne, e[86] = fe) : fe = e[86], fe;
+}
+function it(o) {
+  o.preventDefault();
+}
+function ct(o) {
+  o.preventDefault();
+}
+function at(o) {
+  return se(o);
+}
 export {
-  an as PhoneNumberInput
+  lt as HourPickerField,
+  Fe as HourPickerInput
 };
 //# sourceMappingURL=index19.js.map