@rpcbase/ui 0.181.0 → 0.183.0

package/dist/index19.js

@@ -1,661 +1,722 @@
-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) {
-    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)
+import { j as a } from "./index29.js";
+import { Check as ue, ChevronDown as oe, ChevronUp as ae } from "lucide-react";
+import * as r from "react";
+import { DismissableLayerBranch as fe } from "./index30.js";
+import { createPortal as de } from "react-dom";
+import { IMaskInput as me } from "react-imask";
+import pe, { InputMask as he } from "imask";
+import { Select as ve, SelectTrigger as be, SelectValue as ge, SelectContent as xe, SelectItem as we } from "./index21.js";
+import { useIsTouchDevice as ke } from "./index4.js";
+import { cn as W } from "./index2.js";
+const te = pe;
+typeof te.InputMask != "function" && (te.InputMask = he);
+function Z(d) {
+  return String(d).padStart(2, "0");
+}
+function Te(d) {
+  const f = d.trim();
+  if (!f) return null;
+  const n = /^(\d{1,2}):(\d{2})$/.exec(f);
+  if (!n)
+    return null;
+  const i = Number(n[1]), o = Number(n[2]);
+  return !Number.isFinite(i) || !Number.isFinite(o) || i < 0 || i > 23 || o < 0 || o > 59 ? null : `${Z(i)}:${Z(o)}`;
+}
+function Q(d, f) {
+  const n = Te(d);
+  if (!n) return null;
+  const i = f.find((o) => o.value === n);
+  return z(i) ? { parsed: n, selectableValue: n } : { parsed: n, selectableValue: null };
+}
+function U(d) {
+  const f = /^(\d{2}):(\d{2})$/.exec(d);
+  if (!f)
+    return null;
+  const n = Number(f[1]), i = Number(f[2]);
+  return !Number.isFinite(n) || !Number.isFinite(i) ? null : n * 60 + i;
+}
+function z(d) {
+  return d ? !d.disabled : !1;
+}
+function re(d, f) {
+  let n = null, i = Number.POSITIVE_INFINITY, o = Number.NEGATIVE_INFINITY;
+  for (const h of f) {
+    if (!z(h)) continue;
+    const g = U(h.value);
+    if (g == null) continue;
+    const N = Math.abs(g - d);
+    (N < i || N === i && g > o) && (n = h, i = N, o = g);
+  }
+  return n;
+}
+function ne({
+  direction: d,
+  viewportRef: f,
+  speed: n = 400,
+  className: i
+}) {
+  const [o, h] = r.useState(!0), g = r.useRef(void 0), N = r.useRef(void 0), m = r.useRef(!1), p = r.useCallback(() => {
+    const T = f.current;
+    if (!T) {
+      h(!0);
+      return;
+    }
+    const { scrollTop: x, scrollHeight: v, clientHeight: E } = T, w = 2, F = x > w, M = x < v - E - w;
+    if (!(v > E + w)) {
+      h(!0);
+      return;
+    }
+    h(d === "up" ? !F : !M);
+  }, [d, f]);
+  r.useEffect(() => {
+    const T = f.current;
+    if (!T) return;
+    p();
+    const x = () => p(), v = () => p();
+    T.addEventListener("scroll", x, { passive: !0 });
+    const E = new ResizeObserver(v);
+    E.observe(T);
+    const w = new MutationObserver(v);
+    return w.observe(T, { childList: !0, subtree: !0 }), () => {
+      T.removeEventListener("scroll", x), E.disconnect(), w.disconnect();
+    };
+  }, [f, p]);
+  const j = r.useCallback(() => {
+    g.current && (cancelAnimationFrame(g.current), g.current = void 0), m.current = !1, N.current = void 0;
+  }, []), P = r.useCallback(
+    (T) => {
+      const x = f.current;
+      if (!x || o || !m.current) {
+        j();
         return;
-      const t = oe.current;
-      if (J.current = null, !t)
+      }
+      N.current || (N.current = T);
+      const v = T - N.current, E = n * v / 1e3;
+      if (E < 0.1) {
+        g.current = requestAnimationFrame(P);
         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;
+      }
+      const w = x.scrollTop, F = x.scrollHeight - x.clientHeight;
+      let M;
+      d === "up" ? M = Math.max(0, w - E) : M = Math.min(F, w + E), x.scrollTo({ top: M }), N.current = T;
+      const L = 1;
+      (d === "up" ? M > L : M < F - L) && Math.abs(M - w) > 0.01 ? g.current = requestAnimationFrame(P) : (j(), setTimeout(p, 16));
+    },
+    [p, d, o, n, j, f]
+  ), q = r.useCallback(() => {
+    o || !f.current || m.current || (m.current = !0, N.current = void 0, g.current = requestAnimationFrame(P));
+  }, [o, P, f]);
+  return r.useEffect(() => j, [j]), /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      className: W(
+        "flex items-center justify-center py-1 select-none",
+        o ? "cursor-default opacity-40" : "cursor-pointer opacity-100 hover:bg-accent/20",
+        i
+      ),
+      onPointerEnter: () => {
+        o || q();
       },
-      [je, ue]
-    );
-    n.useEffect(() => () => {
-      X.current != null && typeof window < "u" && window.clearTimeout(X.current);
-    }, []), n.useEffect(() => {
-      if (V == null)
-        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));
+      onPointerMove: () => {
+        !o && !m.current && q();
+      },
+      onPointerLeave: () => {
+        j();
+      },
+      children: d === "up" ? /* @__PURE__ */ a.jsx(ae, { "aria-hidden": !0, className: "h-4 w-4 opacity-50" }) : /* @__PURE__ */ a.jsx(oe, { "aria-hidden": !0, className: "h-4 w-4 opacity-50" })
+    }
+  );
+}
+function se({
+  id: d,
+  value: f,
+  onChange: n,
+  onValueUpdate: i,
+  options: o,
+  placeholder: h = "Select time",
+  className: g,
+  inputClassName: N,
+  disabled: m,
+  readOnly: p,
+  open: j,
+  onOpenChange: P,
+  triggerTestId: q,
+  contentTestId: T,
+  isHydrated: x
+}) {
+  const v = r.useId(), E = d ?? `hours-picker-${v}`, w = r.useRef(null), F = r.useRef(null), M = r.useCallback((e) => {
+    F.current = e;
+  }, []), L = r.useRef(null), C = r.useRef(!1), [O, I] = r.useState(null), J = r.useRef(null), _ = r.useRef(null), t = r.useRef(null), [l, k] = r.useState(() => ({
+    left: 0,
+    top: 0,
+    width: 0
+  })), [S, R] = r.useState(!1), b = j ?? S, V = P ?? R;
+  r.useEffect(() => {
+    if (!b || m || p)
+      return;
+    const e = w.current;
+    e instanceof HTMLInputElement && (typeof document < "u" && document.activeElement === e || e.focus({ preventScroll: !0 }));
+  }, [m, b, p]);
+  const $ = r.useCallback((e) => {
+    L.current = e, I(e);
+  }, []), ie = r.useCallback(() => {
+    C.current = !0;
+  }, []);
+  r.useEffect(() => {
+    if (!b) return;
+    const e = o.find((c) => c.value === f);
+    if (e && z(e)) {
+      $(e.value);
+      return;
+    }
+    const s = o.find((c) => z(c));
+    $(s?.value ?? null);
+  }, [b, o, $, f]);
+  const le = r.useCallback(
+    (e) => {
+      if (e === null) {
+        i && i(null);
         return;
       }
-      if (r === "0") {
-        A("0"), h(!1), v(""), j(null), y.current = null, W(!1);
+      const s = o.find((c) => c.value === e);
+      z(s) && i && i(e);
+    },
+    [i, o]
+  ), ee = r.useCallback(
+    (e) => {
+      if (e === null) {
+        i && i(null), n(null);
         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 s = o.find((c) => c.value === e);
+      z(s) && (i && i(e), n(e));
+    },
+    [n, i, o]
+  );
+  r.useEffect(() => {
+    if (!b) return;
+    const e = (s) => {
+      const c = s.target;
+      if (!(c instanceof Node))
+        return;
+      const u = J.current;
+      !u || u.contains(c) || _.current?.contains(c) || V(!1);
+    };
+    return document.addEventListener("pointerdown", e, !0), () => {
+      document.removeEventListener("pointerdown", e, !0);
+    };
+  }, [b, V]), r.useEffect(() => {
+    if (!b)
+      return;
+    const e = _.current;
+    if (!e)
+      return;
+    const s = (c) => {
+      const u = t.current;
+      if (!u)
+        return;
+      const D = c.deltaY;
+      if (D === 0)
+        return;
+      const A = Math.max(0, u.scrollHeight - u.clientHeight), y = u.scrollTop <= 0, G = u.scrollTop >= A, B = c.target;
+      if (B instanceof Node && u.contains(B)) {
+        (D < 0 && y || D > 0 && G) && c.preventDefault();
         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)
+      c.preventDefault();
+      const K = Math.min(A, Math.max(0, u.scrollTop + D));
+      u.scrollTop = K;
+    };
+    return e.addEventListener("wheel", s, { passive: !1 }), () => {
+      e.removeEventListener("wheel", s);
+    };
+  }, [b]), r.useEffect(() => {
+    if (!b || j !== void 0 && !P || typeof window > "u" || !("IntersectionObserver" in window))
+      return;
+    const e = w.current;
+    if (!(e instanceof HTMLElement))
+      return;
+    let s = !0;
+    const c = new IntersectionObserver((u) => {
+      if (!s)
         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
-          });
+      const D = u[0];
+      D && !D.isIntersecting && V(!1);
+    });
+    return c.observe(e), () => {
+      s = !1, c.disconnect();
+    };
+  }, [P, b, j, V]);
+  const Y = r.useCallback(() => {
+    if (typeof window > "u") return;
+    const e = w.current, s = _.current;
+    if (!(e instanceof HTMLElement) || !s) return;
+    const c = e.getBoundingClientRect(), u = s.offsetHeight, D = window.innerWidth ?? 0, A = window.innerHeight ?? 0, y = 8, G = c.width;
+    let B = c.left;
+    B + G > D - y && (B = Math.max(y, D - G - y)), B < y && (B = y);
+    let H = c.bottom + y;
+    const K = H + u > A - y, X = c.top - u - y;
+    K && X >= y && (H = X), H < y && (H = y), H + u > A - y && (H = Math.max(y, A - u - y)), k({ left: B, top: H, width: G });
+  }, []);
+  return r.useLayoutEffect(() => {
+    if (!b || m || typeof window > "u") return;
+    Y();
+    const e = window.requestAnimationFrame(Y);
+    return window.addEventListener("scroll", Y, !0), window.addEventListener("resize", Y), () => {
+      window.cancelAnimationFrame(e), window.removeEventListener("scroll", Y, !0), window.removeEventListener("resize", Y);
+    };
+  }, [m, b, Y]), r.useEffect(() => {
+    if (!b) return;
+    const e = t.current;
+    if (!e) return;
+    const c = requestAnimationFrame(() => {
+      const u = e.querySelector('[role="option"][data-state="checked"]');
+      if (u instanceof HTMLElement) {
+        const K = u.offsetTop - 8, X = u.offsetTop + u.offsetHeight + 8;
+        if (K < e.scrollTop) {
+          e.scrollTop = Math.max(0, K);
           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;
-        }
-        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 ce = e.scrollTop + e.clientHeight;
+        X > ce && (e.scrollTop = Math.max(0, X - e.clientHeight));
+        return;
+      }
+      const D = Array.from(e.querySelectorAll('[role="option"]'));
+      if (!D.length) return;
+      let A, y;
+      for (const H of D) {
+        if (!H.hasAttribute("data-disabled")) {
+          A = H;
+          break;
         }
-        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,
+        y = H;
+      }
+      if (!A) return;
+      const B = Math.max(0, (y || A).offsetTop - 8);
+      e.scrollTop = B;
+    });
+    return () => cancelAnimationFrame(c);
+  }, [b, o]), r.useEffect(() => {
+    if (!b || !O || !C.current) return;
+    const e = t.current;
+    if (!e) return;
+    const s = e.querySelector(`[role="option"][data-value="${O}"]`);
+    if (!(s instanceof HTMLElement)) return;
+    const c = 8, u = s.offsetTop - c, D = s.offsetTop + s.offsetHeight + c;
+    if (u < e.scrollTop) {
+      e.scrollTop = Math.max(0, u);
+      return;
+    }
+    const A = e.scrollTop + e.clientHeight;
+    D > A && (e.scrollTop = Math.max(0, D - e.clientHeight));
+  }, [O, b]), /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "hours-picker-input",
+      className: W("w-[150px]", g),
+      ref: J,
+      children: /* @__PURE__ */ a.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ a.jsx(
+          De,
           {
-            hasRemovedNationalPrefix: ye,
-            detectedCountry: $,
-            hasExplicitInternationalPrefix: Y
+            id: E,
+            placeholder: h,
+            value: f,
+            onValueUpdate: le,
+            onCommit: ee,
+            options: o,
+            disabled: m,
+            readOnly: p,
+            open: b,
+            setOpen: V,
+            inputClassName: N,
+            triggerTestId: q,
+            isHydrated: x,
+            highlightedValueRef: L,
+            setHighlightedValue: $,
+            markKeyboardNavigation: ie,
+            inputRef: (e) => {
+              w.current = e;
+            },
+            onDraftValueHandlerChange: M
           }
-        ), 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,
+        ),
+        b ? (() => {
+          const e = /* @__PURE__ */ a.jsx(fe, { children: /* @__PURE__ */ a.jsxs(
+            "div",
+            {
+              ref: _,
+              "data-testid": T,
+              "data-state": "open",
+              className: W(
+                "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__ */ a.jsx(
+                  ne,
+                  {
+                    direction: "up",
+                    viewportRef: t
+                  }
+                ),
+                /* @__PURE__ */ a.jsx(
+                  "div",
+                  {
+                    ref: t,
+                    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: o.map((s) => {
+                      const c = s.value === f;
+                      return /* @__PURE__ */ a.jsxs(
+                        "div",
+                        {
+                          role: "option",
+                          "aria-selected": c,
+                          "data-value": s.value,
+                          "data-state": c ? "checked" : "unchecked",
+                          "data-disabled": s.disabled ? "" : void 0,
+                          className: W(
+                            "relative flex w-full select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none cursor-pointer",
+                            s.disabled && "pointer-events-none opacity-50",
+                            O === s.value && "bg-accent text-accent-foreground"
+                          ),
+                          onMouseDown: (u) => {
+                            u.preventDefault();
+                          },
+                          onClick: () => {
+                            s.disabled || (F.current?.(s.value), $(s.value), w.current?.focus({ preventScroll: !0 }), ee(s.value), V(!1));
+                          },
+                          onPointerEnter: () => {
+                            C.current || (C.current = !1, $(s.value));
+                          },
+                          onPointerMove: (u) => {
+                            C.current && u.movementX === 0 && u.movementY === 0 || (C.current = !1, $(s.value));
+                          },
+                          children: [
+                            /* @__PURE__ */ a.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: c ? /* @__PURE__ */ a.jsx(ue, { "aria-hidden": !0, className: "h-4 w-4" }) : null }),
+                            /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col", children: [
+                              /* @__PURE__ */ a.jsx("span", { children: s.label }),
+                              s.description != null ? /* @__PURE__ */ a.jsx("span", { "data-slot": "description", className: "text-xs text-muted-foreground", children: s.description }) : null
+                            ] })
+                          ]
+                        },
+                        s.value
+                      );
+                    })
+                  }
+                ),
+                /* @__PURE__ */ a.jsx(
+                  ne,
+                  {
+                    direction: "down",
+                    viewportRef: t
+                  }
+                )
+              ]
+            }
+          ) });
+          return typeof document > "u" ? e : de(e, document.body);
+        })() : null
+      ] })
+    }
+  );
+}
+se.displayName = "HourPickerInput";
+function ye({
+  id: d,
+  value: f,
+  onChange: n,
+  onValueUpdate: i,
+  options: o,
+  placeholder: h = "Select time",
+  className: g,
+  inputClassName: N,
+  disabled: m,
+  open: p,
+  onOpenChange: j,
+  triggerTestId: P,
+  contentTestId: q,
+  isHydrated: T
+}) {
+  const x = r.useCallback(
+    (v) => {
+      const E = o.find((w) => w.value === v);
+      z(E) && (i && i(v), n(v));
+    },
+    [n, i, o]
+  );
+  return /* @__PURE__ */ a.jsx("div", { "data-slot": "hours-picker-field", className: W("w-[150px]", g), children: /* @__PURE__ */ a.jsxs(
+    ve,
+    {
+      disabled: m,
+      open: p,
+      onOpenChange: j,
+      value: f ?? "",
+      onValueChange: (v) => x(v),
+      children: [
+        /* @__PURE__ */ a.jsx(
+          be,
+          {
+            id: d,
+            "data-testid": P,
+            "data-hydrated": T ? "true" : void 0,
+            className: W(
+              "transition-colors hover:bg-accent hover:text-accent-foreground",
+              !f && "text-muted-foreground",
+              p && "ring-2 ring-primary ring-offset-2",
+              "[&_[data-slot='description']]:hidden",
+              N
+            ),
+            children: /* @__PURE__ */ a.jsx(ge, { placeholder: h })
+          }
+        ),
+        /* @__PURE__ */ a.jsx(
           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
+          {
+            "data-testid": q,
+            autoScroll: "firstEnabledWithContext",
+            className: "max-h-64 overflow-y-auto",
+            children: o.map((v) => /* @__PURE__ */ a.jsxs(
+              we,
+              {
+                value: v.value,
+                disabled: v.disabled,
+                children: [
+                  /* @__PURE__ */ a.jsx("span", { children: v.label }),
+                  v.description != null ? /* @__PURE__ */ a.jsx("span", { "data-slot": "description", className: "block text-xs text-muted-foreground", children: v.description }) : null
+                ]
+              },
+              v.value
+            ))
+          }
+        )
       ]
-    ), 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;
-      }
-      if (c.length === 0) {
-        C(-1);
-        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)
+  ) });
+}
+function Se(d) {
+  return ke() ? /* @__PURE__ */ a.jsx(ye, { ...d }) : /* @__PURE__ */ a.jsx(se, { ...d });
+}
+Se.displayName = "HourPickerField";
+function De({
+  id: d,
+  placeholder: f,
+  value: n,
+  onValueUpdate: i,
+  onCommit: o,
+  options: h,
+  disabled: g,
+  readOnly: N,
+  open: m,
+  setOpen: p,
+  inputClassName: j,
+  triggerTestId: P,
+  isHydrated: q,
+  highlightedValueRef: T,
+  setHighlightedValue: x,
+  markKeyboardNavigation: v,
+  inputRef: E,
+  onDraftValueHandlerChange: w
+}) {
+  const F = r.useRef(!1), M = r.useRef(!1), L = r.useRef(!1), C = r.useRef(null), [O, I] = r.useState(() => n || "");
+  r.useEffect(() => (w((t) => {
+    I(t);
+  }), () => {
+    w(null);
+  }), [w]);
+  const J = r.useCallback(
+    (t) => {
+      const l = T.current ?? n ?? "";
+      let k = h.findIndex((S) => S.value === l);
+      k === -1 && (k = t === 1 ? -1 : h.length);
+      for (let S = k + t; S >= 0 && S < h.length; S += t) {
+        const R = h[S];
+        if (z(R)) {
+          x(R.value), C.current = R.value, I(R.value), i(R.value);
           return;
-        const t = e.key;
-        if (e.metaKey || e.ctrlKey || e.altKey)
-          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);
+        }
+      }
+    },
+    [T, i, h, x, n]
+  );
+  r.useEffect(() => {
+    F.current || I(n || "");
+  }, [n]);
+  const _ = W(
+    "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",
+    !O && "text-muted-foreground",
+    m && "ring-2 ring-primary ring-offset-2",
+    "[&_[data-slot='description']]:hidden",
+    j
+  );
+  return /* @__PURE__ */ a.jsxs("div", { className: "relative group", children: [
+    /* @__PURE__ */ a.jsx(
+      me,
+      {
+        id: d,
+        "data-testid": P,
+        "data-hydrated": q ? "true" : void 0,
+        type: "text",
+        disabled: g,
+        readOnly: N,
+        inputRef: E,
+        autoComplete: "off",
+        mask: [
+          { mask: "00:00", lazy: !0 },
+          { mask: "0:00", lazy: !0 }
+        ],
+        dispatch: (t, l) => {
+          const k = (l.value + t).replace(/\D/g, "");
+          if (k.length <= 2 || k.length >= 4) return l.compiledMasks[0];
+          const S = Z(Number(k.slice(0, 2)));
+          return h.some((b) => b.value.startsWith(`${S}:`)) ? l.compiledMasks[0] : l.compiledMasks[1];
+        },
+        placeholder: f,
+        value: O,
+        className: _,
+        onAccept: (t) => {
+          const l = typeof t == "string" ? t : String(t ?? "");
+          I(l), l.replace(/\D/g, "").length === 0 && n && o(null);
+        },
+        onComplete: (t) => {
+          const l = typeof t == "string" ? t : String(t ?? "");
+          if (C.current === l) {
+            C.current = null;
             return;
           }
-        } else if (t === "ArrowRight" && a) {
-          const o = tn(d, u);
-          if (o !== u) {
-            e.preventDefault(), r.setSelectionRange(o, o);
+          const k = Q(l, h);
+          if (!k)
             return;
-          }
-        }
-        if (t === "ArrowDown") {
-          if (Z.current = e.repeat ? "auto" : "smooth", e.preventDefault(), !Q) {
-            h(!0), C(c.length > 0 ? 0 : -1);
+          if (k.selectableValue) {
+            if (x(k.selectableValue), I(k.selectableValue), n === k.selectableValue)
+              return;
+            o(k.selectableValue);
             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 S = U(k.parsed);
+          if (S == null)
             return;
+          const R = re(S, h);
+          R && x(R.value);
+        },
+        onPointerDown: () => {
+          M.current = !0, !g && (m || p(!0));
+        },
+        onMouseDown: (t) => {
+          M.current = !0, L.current = typeof document < "u" && document.activeElement === t.currentTarget, !g && (m || p(!0));
+        },
+        onClick: () => {
+          g || m || p(!0);
+        },
+        onKeyDown: (t) => {
+          if (!g) {
+            if (t.key === "Tab" && m && !t.defaultPrevented) {
+              p(!1);
+              return;
+            }
+            if (t.key === "Escape") {
+              if (!m)
+                return;
+              t.preventDefault(), p(!1);
+              return;
+            }
+            if (!m && !t.defaultPrevented && (t.key.length === 1 || t.key === "Backspace" || t.key === "Delete") && !t.ctrlKey && !t.metaKey && !t.altKey && p(!0), t.key === "ArrowDown" || t.key === "ArrowUp") {
+              if (v(), t.preventDefault(), !m) {
+                p(!0);
+                return;
+              }
+              J(t.key === "ArrowDown" ? 1 : -1);
+              return;
+            }
+            if (t.key === "Enter") {
+              v();
+              const l = Q(O, h);
+              if (!l) {
+                if (!m || O.trim() !== "")
+                  return;
+                const R = h.find((V) => V.value === T.current), b = (z(R) ? R?.value : void 0) ?? h.find((V) => z(V))?.value;
+                if (!b)
+                  return;
+                t.preventDefault(), x(b), I(b), o(b), p(!1);
+                return;
+              }
+              if (l.selectableValue) {
+                t.preventDefault(), x(l.selectableValue), I(l.selectableValue), o(l.selectableValue), p(!1);
+                return;
+              }
+              const k = U(l.parsed);
+              if (k == null)
+                return;
+              const S = re(k, h);
+              if (!S)
+                return;
+              t.preventDefault(), x(S.value), I(S.value), o(S.value), p(!1);
+              return;
+            }
           }
-          c.length > 0 && C((o) => o < 0 ? c.length - 1 : (o - 1 + c.length) % c.length);
-          return;
-        }
-        if (/^[a-z]$/i.test(t)) {
-          e.preventDefault(), Q || (h(!0), C(c.length > 0 ? 0 : -1)), nt(t.toLowerCase());
-          return;
-        }
-        if (q) {
-          if (t === "Backspace" && S.current) {
-            e.preventDefault(), ot();
+        },
+        onFocus: (t) => {
+          const l = !M.current || !L.current;
+          if (M.current = !1, L.current = !1, F.current = !0, l) {
+            const k = t.currentTarget;
+            requestAnimationFrame(() => k.select());
+          }
+          g || m || p(!0);
+        },
+        onBlur: () => {
+          F.current = !1;
+          const t = O.trim();
+          if (!t) {
+            I(n || "");
             return;
           }
-          if (t === "Escape") {
-            e.preventDefault(), S.current = "", v(""), h(!1);
+          const l = Q(t, h);
+          if (!l) {
+            I(n || "");
             return;
           }
-          if (t === "Enter" && c.length > 0) {
-            e.preventDefault();
-            const o = me ?? c[0];
-            Ve(o);
+          if (!l.selectableValue) {
+            I(n || "");
             return;
           }
+          I(l.selectableValue), n !== l.selectableValue && o(l.selectableValue);
         }
-      },
-      [
-        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__ */ a.jsx(
+      "button",
+      {
+        type: "button",
+        tabIndex: -1,
+        disabled: g,
+        "data-slot": "hours-picker-input-toggle",
+        className: W(
+          "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"
         ),
-        /* @__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";
+        "aria-label": m ? "Close time picker" : "Open time picker",
+        onPointerDown: (t) => {
+          t.preventDefault();
+        },
+        onMouseDown: (t) => {
+          t.preventDefault();
+        },
+        onClick: () => {
+          g || p(!m);
+        },
+        children: /* @__PURE__ */ a.jsx(oe, { "aria-hidden": !0, className: "size-4" })
+      }
+    )
+  ] });
+}
 export {
-  an as PhoneNumberInput
+  Se as HourPickerField,
+  se as HourPickerInput
 };
 //# sourceMappingURL=index19.js.map