@rpcbase/ui 0.216.0 → 0.218.0

package/dist/index10.js

@@ -1,666 +1,721 @@
-import { j as v } from "./index30.js";
-import { c as ke } from "./index28.js";
-import { Check as He, ChevronUp as Ie, ChevronDown as Ne } from "lucide-react";
-import * as o from "react";
-import { DismissableLayerBranch as Ce } from "./index31.js";
-import { createPortal as Me } from "react-dom";
-import { IMaskInput as je } from "react-imask";
-import Ve, { InputMask as Pe } from "imask";
-import { SelectItem as Oe, SelectValue as Ae, SelectTrigger as Le, SelectContent as Fe, Select as $e } from "./index19.js";
-import { useIsTouchDevice as Be } from "./index21.js";
-import { cn as oe } from "./index2.js";
-const ye = Ve;
-typeof ye.InputMask != "function" && (ye.InputMask = Pe);
-function xe(n) {
-  return String(n).padStart(2, "0");
+import { j as f } from "./index30.js";
+import { c as Te } from "./index28.js";
+import { Check as Re, ChevronDown as ye, ChevronUp as Ie } from "lucide-react";
+import * as r from "react";
+import { DismissableLayerBranch as Se } from "./index31.js";
+import { createPortal as je } from "react-dom";
+import { IMaskInput as Pe } from "react-imask";
+import Ce, { InputMask as Le } from "imask";
+import { useIsTouchDevice as Oe } from "./index21.js";
+import { cn as re } from "./index2.js";
+const De = Ce;
+typeof De.InputMask != "function" && (De.InputMask = Le);
+function xe(l) {
+  return String(l).padStart(2, "0");
 }
-function Ee(n) {
-  const e = n.trim();
+function He(l) {
+  const e = l.trim();
   if (!e) return null;
-  const u = /^(\d{1,2}):(\d{2})$/.exec(e);
-  if (!u)
+  const m = /^(\d{1,2}):(\d{2})$/.exec(e);
+  if (!m)
     return null;
-  const l = Number(u[1]), t = Number(u[2]);
-  return !Number.isFinite(l) || !Number.isFinite(t) || l < 0 || l > 23 || t < 0 || t > 59 ? null : `${xe(l)}:${xe(t)}`;
+  const c = Number(m[1]), t = Number(m[2]);
+  return !Number.isFinite(c) || !Number.isFinite(t) || c < 0 || c > 23 || t < 0 || t > 59 ? null : `${xe(c)}:${xe(t)}`;
 }
-function Te(n) {
-  const e = Ee(n);
+function Ee(l) {
+  const e = He(l);
   if (e)
     return `parsed:${e}`;
-  const u = n.replace(/\D/g, "");
-  if (!u)
+  const m = l.replace(/\D/g, "");
+  if (!m)
     return "empty";
-  if (u.length <= 2)
-    return `hour:${Number(u)}`;
-  const l = u.slice(-2), t = u.slice(0, -2);
-  return `hour-minute:${Number(t)}:${l}`;
+  if (m.length <= 2)
+    return `hour:${Number(m)}`;
+  const c = m.slice(-2), t = m.slice(0, -2);
+  return `hour-minute:${Number(t)}:${c}`;
 }
-function be(n, e) {
-  const u = Ee(n);
-  if (!u) return null;
-  const l = e.find((t) => t.value === u);
-  return ee(l) ? {
-    parsed: u,
-    selectableValue: u
+function we(l, e) {
+  const m = He(l);
+  if (!m) return null;
+  const c = e.find((t) => t.value === m);
+  return oe(c) ? {
+    parsed: m,
+    selectableValue: m
   } : {
-    parsed: u,
+    parsed: m,
     selectableValue: null
   };
 }
-function we(n) {
-  const e = /^(\d{2}):(\d{2})$/.exec(n);
+function ke(l) {
+  const e = /^(\d{2}):(\d{2})$/.exec(l);
   if (!e)
     return null;
-  const u = Number(e[1]), l = Number(e[2]);
-  return !Number.isFinite(u) || !Number.isFinite(l) ? null : u * 60 + l;
+  const m = Number(e[1]), c = Number(e[2]);
+  return !Number.isFinite(m) || !Number.isFinite(c) ? null : m * 60 + c;
 }
-function ee(n) {
-  return n ? !n.disabled : !1;
+function oe(l) {
+  return l ? !l.disabled : !1;
 }
-function Se(n, e) {
-  let u = null, l = Number.POSITIVE_INFINITY, t = Number.NEGATIVE_INFINITY;
-  for (const j of e) {
-    if (!ee(j)) continue;
-    const d = we(j.value);
-    if (d == null) continue;
-    const c = Math.abs(d - n);
-    (c < l || c === l && d > t) && (u = j, l = c, t = d);
+function Ne(l, e) {
+  let m = null, c = Number.POSITIVE_INFINITY, t = Number.NEGATIVE_INFINITY;
+  for (const X of e) {
+    if (!oe(X)) continue;
+    const b = ke(X.value);
+    if (b == null) continue;
+    const d = Math.abs(b - l);
+    (d < c || d === c && b > t) && (m = X, c = d, t = b);
   }
-  return u;
+  return m;
 }
-function De({
-  direction: n,
+function ge({
+  direction: l,
   viewportRef: e,
-  speed: u = 400,
-  className: l
+  speed: m = 400,
+  className: c
 }) {
-  const [t, j] = o.useState(!0), d = o.useRef(void 0), c = o.useRef(void 0), f = o.useRef(!1), V = o.useCallback(() => {
-    const N = e.current;
-    if (!N) {
-      j(!0);
+  const [t, X] = r.useState(!0), b = r.useRef(void 0), d = r.useRef(void 0), p = r.useRef(!1), A = r.useCallback(() => {
+    const M = e.current;
+    if (!M) {
+      X(!0);
       return;
     }
     const {
-      scrollTop: C,
-      scrollHeight: P,
+      scrollTop: F,
+      scrollHeight: O,
       clientHeight: x
-    } = N, k = 2, z = C > k, D = C < P - x - k;
-    if (!(P > x + k)) {
-      j(!0);
+    } = M, y = 2, W = F > y, H = F < O - x - y;
+    if (!(O > x + y)) {
+      X(!0);
       return;
     }
-    j(n === "up" ? !z : !D);
-  }, [n, e]);
-  o.useEffect(() => {
-    const N = e.current;
-    if (!N) return;
-    V();
-    const C = () => V(), P = () => V();
-    N.addEventListener("scroll", C, {
+    X(l === "up" ? !W : !H);
+  }, [l, e]);
+  r.useEffect(() => {
+    const M = e.current;
+    if (!M) return;
+    A();
+    const F = () => A(), O = () => A();
+    M.addEventListener("scroll", F, {
       passive: !0
     });
-    const x = new ResizeObserver(P);
-    x.observe(N);
-    const k = new MutationObserver(P);
-    return k.observe(N, {
+    const x = new ResizeObserver(O);
+    x.observe(M);
+    const y = new MutationObserver(O);
+    return y.observe(M, {
       childList: !0,
       subtree: !0
     }), () => {
-      N.removeEventListener("scroll", C), x.disconnect(), k.disconnect();
+      M.removeEventListener("scroll", F), x.disconnect(), y.disconnect();
     };
-  }, [e, V]);
-  const m = o.useCallback(() => {
-    d.current && (cancelAnimationFrame(d.current), d.current = void 0), f.current = !1, c.current = void 0;
-  }, []), h = o.useCallback((N) => {
-    const C = e.current;
-    if (!C || t || !f.current) {
-      m();
+  }, [e, A]);
+  const h = r.useCallback(() => {
+    b.current && (cancelAnimationFrame(b.current), b.current = void 0), p.current = !1, d.current = void 0;
+  }, []), g = r.useCallback((M) => {
+    const F = e.current;
+    if (!F || t || !p.current) {
+      h();
       return;
     }
-    c.current || (c.current = N);
-    const P = N - c.current, x = u * P / 1e3;
+    d.current || (d.current = M);
+    const O = M - d.current, x = m * O / 1e3;
     if (x < 0.1) {
-      d.current = requestAnimationFrame(h);
+      b.current = requestAnimationFrame(g);
       return;
     }
-    const k = C.scrollTop, z = C.scrollHeight - C.clientHeight;
-    let D;
-    n === "up" ? D = Math.max(0, k - x) : D = Math.min(z, k + x), C.scrollTo({
-      top: D
-    }), c.current = N;
-    const W = 1;
-    (n === "up" ? D > W : D < z - W) && Math.abs(D - k) > 0.01 ? d.current = requestAnimationFrame(h) : (m(), setTimeout(V, 16));
-  }, [V, n, t, u, m, e]), X = o.useCallback(() => {
-    t || !e.current || f.current || (f.current = !0, c.current = void 0, d.current = requestAnimationFrame(h));
-  }, [t, h, e]);
-  return o.useEffect(() => m, [m]), /* @__PURE__ */ v.jsx("div", { className: oe("flex items-center justify-center py-1 select-none", t ? "cursor-default opacity-40" : "cursor-pointer opacity-100 hover:bg-accent/20", l), onPointerEnter: () => {
-    t || X();
+    const y = F.scrollTop, W = F.scrollHeight - F.clientHeight;
+    let H;
+    l === "up" ? H = Math.max(0, y - x) : H = Math.min(W, y + x), F.scrollTo({
+      top: H
+    }), d.current = M;
+    const J = 1;
+    (l === "up" ? H > J : H < W - J) && Math.abs(H - y) > 0.01 ? b.current = requestAnimationFrame(g) : (h(), setTimeout(A, 16));
+  }, [A, l, t, m, h, e]), ee = r.useCallback(() => {
+    t || !e.current || p.current || (p.current = !0, d.current = void 0, b.current = requestAnimationFrame(g));
+  }, [t, g, e]);
+  return r.useEffect(() => h, [h]), /* @__PURE__ */ f.jsx("div", { className: re("flex items-center justify-center py-1 select-none", t ? "cursor-default opacity-40" : "cursor-pointer opacity-100 hover:bg-accent/20", c), onPointerEnter: () => {
+    t || ee();
   }, onPointerMove: () => {
-    !t && !f.current && X();
+    !t && !p.current && ee();
   }, onPointerLeave: () => {
-    m();
-  }, children: n === "up" ? /* @__PURE__ */ v.jsx(Ie, { "aria-hidden": !0, className: "h-4 w-4 opacity-50" }) : /* @__PURE__ */ v.jsx(Ne, { "aria-hidden": !0, className: "h-4 w-4 opacity-50" }) });
+    h();
+  }, children: l === "up" ? /* @__PURE__ */ f.jsx(Ie, { "aria-hidden": !0, className: "h-4 w-4 opacity-50" }) : /* @__PURE__ */ f.jsx(ye, { "aria-hidden": !0, className: "h-4 w-4 opacity-50" }) });
 }
-function Re({
-  id: n,
+function Me({
+  id: l,
   value: e,
-  onChange: u,
-  onValueUpdate: l,
+  onChange: m,
+  onValueUpdate: c,
   options: t,
-  placeholder: j = "Select time",
-  className: d,
-  inputClassName: c,
-  disabled: f,
-  readOnly: V,
-  open: m,
-  onOpenChange: h,
-  triggerTestId: X,
-  contentTestId: N,
-  isHydrated: C
+  placeholder: X = "Select time",
+  className: b,
+  inputClassName: d,
+  disabled: p,
+  readOnly: A,
+  open: h,
+  onOpenChange: g,
+  triggerTestId: ee,
+  contentTestId: M,
+  isHydrated: F
 }) {
-  const P = o.useId(), x = n ?? `hours-picker-${P}`, k = o.useRef(null), z = o.useRef(null), D = o.useCallback((r) => {
-    z.current = r;
-  }, []), W = o.useRef(null), H = o.useRef(!1), [J, te] = o.useState(null), Q = o.useRef(null), A = o.useRef(null), O = o.useRef(null), [y, R] = o.useState(() => ({
+  const O = r.useId(), x = l ?? `hours-picker-${O}`, y = r.useRef(null), W = r.useRef(null), H = r.useCallback((n) => {
+    W.current = n;
+  }, []), J = r.useRef(null), $ = r.useRef(!1), [te, le] = r.useState(null), ne = r.useRef(null), I = r.useRef(null), z = r.useRef(null), [T, q] = r.useState(() => ({
     left: 0,
     top: 0,
     width: 0
-  })), [Y, G] = o.useState(!1), b = m ?? Y, L = h ?? G, re = o.useRef(!1);
-  re.current = b, o.useEffect(() => {
-    if (!b || f || V)
+  })), [Q, se] = r.useState(!1), s = h ?? Q, w = g ?? se, R = r.useRef(!1);
+  R.current = s, r.useEffect(() => {
+    if (!s || p || A)
       return;
-    const r = k.current;
-    r instanceof HTMLInputElement && (typeof document < "u" && document.activeElement === r || r.focus({
+    const n = y.current;
+    n instanceof HTMLInputElement && (typeof document < "u" && document.activeElement === n || n.focus({
       preventScroll: !0
     }));
-  }, [f, b, V]);
-  const q = o.useCallback((r) => {
-    W.current = r, te(r);
-  }, []), ie = o.useCallback(() => {
-    H.current = !0;
+  }, [p, s, A]);
+  const S = r.useCallback((n) => {
+    J.current = n, le(n);
+  }, []), K = r.useCallback(() => {
+    $.current = !0;
   }, []);
-  o.useEffect(() => {
-    if (!b) return;
-    const r = t.find((a) => a.value === e);
-    if (r && ee(r)) {
-      q(r.value);
+  r.useEffect(() => {
+    if (!s) return;
+    const n = t.find((u) => u.value === e);
+    if (n && oe(n)) {
+      S(n.value);
       return;
     }
-    const s = t.find((a) => ee(a));
-    q(s?.value ?? null);
-  }, [b, t, q, e]);
-  const le = o.useCallback((r) => {
-    if (r === null) {
-      l && l(null);
+    const o = t.find((u) => oe(u));
+    S(o?.value ?? null);
+  }, [s, t, S, e]);
+  const V = r.useCallback((n) => {
+    if (n === null) {
+      c && c(null);
       return;
     }
-    const s = t.find((a) => a.value === r);
-    ee(s) && l && l(r);
-  }, [l, t]), se = o.useCallback((r) => {
-    if (r === null) {
-      l && l(null), u(null);
+    const o = t.find((u) => u.value === n);
+    oe(o) && c && c(n);
+  }, [c, t]), D = r.useCallback((n) => {
+    if (n === null) {
+      c && c(null), m(null);
       return;
     }
-    const s = t.find((a) => a.value === r);
-    ee(s) && (l && l(r), u(r));
-  }, [u, l, t]);
-  o.useEffect(() => {
-    if (!b) return;
-    const r = Q.current?.ownerDocument ?? document, s = r.defaultView ?? window, a = (w) => {
-      const T = w.target;
-      if (!(T instanceof Node))
+    const o = t.find((u) => u.value === n);
+    oe(o) && (c && c(n), m(n));
+  }, [m, c, t]);
+  r.useEffect(() => {
+    if (!s) return;
+    const n = ne.current?.ownerDocument ?? document, o = n.defaultView ?? window, u = (k) => {
+      const E = k.target;
+      if (!(E instanceof Node))
         return;
-      const g = Q.current;
-      !g || g.contains(T) || A.current?.contains(T) || L(!1);
-    }, p = (w) => {
-      if (w.key !== "Escape" || !re.current)
+      const v = ne.current;
+      !v || v.contains(E) || I.current?.contains(E) || w(!1);
+    }, a = (k) => {
+      if (k.key !== "Escape" || !R.current)
         return;
-      const T = w.target;
-      if (!(T instanceof Node))
+      const E = k.target;
+      if (!(E instanceof Node))
         return;
-      const g = Q.current, $ = A.current;
-      !g?.contains(T) && !$?.contains(T) || (w.preventDefault(), w.stopPropagation(), L(!1));
+      const v = ne.current, Y = I.current;
+      !v?.contains(E) && !Y?.contains(E) || (k.preventDefault(), k.stopPropagation(), w(!1));
     };
-    return r.addEventListener("pointerdown", a, !0), s.addEventListener("keydown", p, !0), () => {
-      r.removeEventListener("pointerdown", a, !0), s.removeEventListener("keydown", p, !0);
+    return n.addEventListener("pointerdown", u, !0), o.addEventListener("keydown", a, !0), () => {
+      n.removeEventListener("pointerdown", u, !0), o.removeEventListener("keydown", a, !0);
     };
-  }, [b, L]), o.useEffect(() => {
-    if (!b)
+  }, [s, w]), r.useEffect(() => {
+    if (!s)
       return;
-    const r = A.current;
-    if (!r)
+    const n = I.current;
+    if (!n)
       return;
-    const s = (a) => {
-      const p = O.current;
-      if (!p)
+    const o = (u) => {
+      const a = z.current;
+      if (!a)
         return;
-      const w = a.deltaY;
-      if (w === 0)
+      const k = u.deltaY;
+      if (k === 0)
         return;
-      const T = Math.max(0, p.scrollHeight - p.clientHeight), g = p.scrollTop <= 0, $ = p.scrollTop >= T, F = a.target;
-      if (F instanceof Node && p.contains(F)) {
-        (w < 0 && g || w > 0 && $) && a.preventDefault();
+      const E = Math.max(0, a.scrollHeight - a.clientHeight), v = a.scrollTop <= 0, Y = a.scrollTop >= E, B = u.target;
+      if (B instanceof Node && a.contains(B)) {
+        (k < 0 && v || k > 0 && Y) && u.preventDefault();
         return;
       }
-      a.preventDefault();
-      const K = Math.min(T, Math.max(0, p.scrollTop + w));
-      p.scrollTop = K;
+      u.preventDefault();
+      const Z = Math.min(E, Math.max(0, a.scrollTop + k));
+      a.scrollTop = Z;
     };
-    return r.addEventListener("wheel", s, {
+    return n.addEventListener("wheel", o, {
       passive: !1
     }), () => {
-      r.removeEventListener("wheel", s);
+      n.removeEventListener("wheel", o);
     };
-  }, [b]), o.useEffect(() => {
-    if (!b || m !== void 0 && !h || typeof window > "u" || !("IntersectionObserver" in window))
+  }, [s]), r.useEffect(() => {
+    if (!s || h !== void 0 && !g || typeof window > "u" || !("IntersectionObserver" in window))
       return;
-    const r = k.current;
-    if (!(r instanceof HTMLElement))
+    const n = y.current;
+    if (!(n instanceof HTMLElement))
       return;
-    let s = !0;
-    const a = new IntersectionObserver((p) => {
-      if (!s)
+    let o = !0;
+    const u = new IntersectionObserver((a) => {
+      if (!o)
         return;
-      const w = p[0];
-      w && !w.isIntersecting && L(!1);
+      const k = a[0];
+      k && !k.isIntersecting && w(!1);
     });
-    return a.observe(r), () => {
-      s = !1, a.disconnect();
+    return u.observe(n), () => {
+      o = !1, u.disconnect();
     };
-  }, [h, b, m, L]);
-  const Z = o.useCallback(() => {
+  }, [g, s, h, w]);
+  const C = r.useCallback(() => {
     if (typeof window > "u") return;
-    const r = k.current, s = A.current;
-    if (!(r instanceof HTMLElement) || !s) return;
-    const a = r.getBoundingClientRect(), p = s.offsetHeight, w = window.innerWidth ?? 0, T = window.innerHeight ?? 0, g = 8, $ = a.width;
-    let F = a.left;
-    F + $ > w - g && (F = Math.max(g, w - $ - g)), F < g && (F = g);
-    let I = a.bottom + g;
-    const K = I + p > T - g, U = a.top - p - g;
-    K && U >= g && (I = U), I < g && (I = g), I + p > T - g && (I = Math.max(g, T - p - g)), R({
-      left: F,
-      top: I,
-      width: $
+    const n = y.current, o = I.current;
+    if (!(n instanceof HTMLElement) || !o) return;
+    const u = n.getBoundingClientRect(), a = o.offsetHeight, k = window.innerWidth ?? 0, E = window.innerHeight ?? 0, v = 8, Y = u.width;
+    let B = u.left;
+    B + Y > k - v && (B = Math.max(v, k - Y - v)), B < v && (B = v);
+    let P = u.bottom + v;
+    const Z = P + a > E - v, U = u.top - a - v;
+    Z && U >= v && (P = U), P < v && (P = v), P + a > E - v && (P = Math.max(v, E - a - v)), q({
+      left: B,
+      top: P,
+      width: Y
     });
   }, []);
-  return o.useLayoutEffect(() => {
-    if (!b || f || typeof window > "u") return;
-    Z();
-    const r = window.requestAnimationFrame(Z);
-    return window.addEventListener("scroll", Z, !0), window.addEventListener("resize", Z), () => {
-      window.cancelAnimationFrame(r), window.removeEventListener("scroll", Z, !0), window.removeEventListener("resize", Z);
+  return r.useLayoutEffect(() => {
+    if (!s || p || typeof window > "u") return;
+    C();
+    const n = window.requestAnimationFrame(C);
+    return window.addEventListener("scroll", C, !0), window.addEventListener("resize", C), () => {
+      window.cancelAnimationFrame(n), window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C);
     };
-  }, [f, b, Z]), o.useEffect(() => {
-    if (!b) return;
-    const r = O.current;
-    if (!r) return;
-    const a = requestAnimationFrame(() => {
-      const p = r.querySelector('[role="option"][data-state="checked"]');
-      if (p instanceof HTMLElement) {
-        const K = p.offsetTop - 8, U = p.offsetTop + p.offsetHeight + 8;
-        if (K < r.scrollTop) {
-          r.scrollTop = Math.max(0, K);
+  }, [p, s, C]), r.useEffect(() => {
+    if (!s) return;
+    const n = z.current;
+    if (!n) return;
+    const u = requestAnimationFrame(() => {
+      const a = n.querySelector('[role="option"][data-state="checked"]');
+      if (a instanceof HTMLElement) {
+        const Z = a.offsetTop - 8, U = a.offsetTop + a.offsetHeight + 8;
+        if (Z < n.scrollTop) {
+          n.scrollTop = Math.max(0, Z);
           return;
         }
-        const ne = r.scrollTop + r.clientHeight;
-        U > ne && (r.scrollTop = Math.max(0, U - r.clientHeight));
+        const ie = n.scrollTop + n.clientHeight;
+        U > ie && (n.scrollTop = Math.max(0, U - n.clientHeight));
         return;
       }
-      const w = Array.from(r.querySelectorAll('[role="option"]'));
-      if (!w.length) return;
-      let T, g;
-      for (const I of w) {
-        if (!I.hasAttribute("data-disabled")) {
-          T = I;
+      const k = Array.from(n.querySelectorAll('[role="option"]'));
+      if (!k.length) return;
+      let E, v;
+      for (const P of k) {
+        if (!P.hasAttribute("data-disabled")) {
+          E = P;
           break;
         }
-        g = I;
+        v = P;
       }
-      if (!T) return;
-      const F = Math.max(0, (g || T).offsetTop - 8);
-      r.scrollTop = F;
+      if (!E) return;
+      const B = Math.max(0, (v || E).offsetTop - 8);
+      n.scrollTop = B;
     });
-    return () => cancelAnimationFrame(a);
-  }, [b, t]), o.useEffect(() => {
-    if (!b || !J || !H.current) return;
-    const r = O.current;
-    if (!r) return;
-    const s = r.querySelector(`[role="option"][data-value="${J}"]`);
-    if (!(s instanceof HTMLElement)) return;
-    const a = 8, p = s.offsetTop - a, w = s.offsetTop + s.offsetHeight + a;
-    if (p < r.scrollTop) {
-      r.scrollTop = Math.max(0, p);
+    return () => cancelAnimationFrame(u);
+  }, [s, t]), r.useEffect(() => {
+    if (!s || !te || !$.current) return;
+    const n = z.current;
+    if (!n) return;
+    const o = n.querySelector(`[role="option"][data-value="${te}"]`);
+    if (!(o instanceof HTMLElement)) return;
+    const u = 8, a = o.offsetTop - u, k = o.offsetTop + o.offsetHeight + u;
+    if (a < n.scrollTop) {
+      n.scrollTop = Math.max(0, a);
       return;
     }
-    const T = r.scrollTop + r.clientHeight;
-    w > T && (r.scrollTop = Math.max(0, w - r.clientHeight));
-  }, [J, b]), /* @__PURE__ */ v.jsx("div", { "data-slot": "hours-picker-input", className: oe("w-[150px]", d), ref: Q, children: /* @__PURE__ */ v.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ v.jsx(Ke, { id: x, placeholder: j, value: e, onValueUpdate: le, onCommit: se, options: t, disabled: f, readOnly: V, open: b, setOpen: L, inputClassName: c, triggerTestId: X, isHydrated: C, highlightedValueRef: W, setHighlightedValue: q, markKeyboardNavigation: ie, inputRef: (r) => {
-      k.current = r;
-    }, onDraftValueHandlerChange: D }),
-    b ? (() => {
-      const r = /* @__PURE__ */ v.jsx(Ce, { children: /* @__PURE__ */ v.jsxs("div", { ref: A, "data-testid": N, "data-state": "open", className: oe("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: y.left,
-        top: y.top,
-        width: y.width
+    const E = n.scrollTop + n.clientHeight;
+    k > E && (n.scrollTop = Math.max(0, k - n.clientHeight));
+  }, [te, s]), /* @__PURE__ */ f.jsx("div", { "data-slot": "hours-picker-input", className: re("w-[150px]", b), ref: ne, children: /* @__PURE__ */ f.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ f.jsx(Fe, { id: x, placeholder: X, value: e, onValueUpdate: V, onCommit: D, options: t, disabled: p, readOnly: A, open: s, setOpen: w, inputClassName: d, triggerTestId: ee, isHydrated: F, highlightedValueRef: J, setHighlightedValue: S, markKeyboardNavigation: K, inputRef: (n) => {
+      y.current = n;
+    }, onDraftValueHandlerChange: H }),
+    s ? (() => {
+      const n = /* @__PURE__ */ f.jsx(Se, { children: /* @__PURE__ */ f.jsxs("div", { ref: I, "data-testid": M, "data-state": "open", className: re("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: T.left,
+        top: T.top,
+        width: T.width
       }, children: [
-        /* @__PURE__ */ v.jsx(De, { direction: "up", viewportRef: O }),
-        /* @__PURE__ */ v.jsx("div", { ref: O, 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: t.map((s) => {
-          const a = s.value === e;
-          return /* @__PURE__ */ v.jsxs("div", { role: "option", "aria-selected": a, "data-value": s.value, "data-state": a ? "checked" : "unchecked", "data-disabled": s.disabled ? "" : void 0, className: oe("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", J === s.value && "bg-accent text-accent-foreground"), onMouseDown: (p) => {
-            p.preventDefault();
+        /* @__PURE__ */ f.jsx(ge, { direction: "up", viewportRef: z }),
+        /* @__PURE__ */ f.jsx("div", { ref: z, 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: t.map((o) => {
+          const u = o.value === e;
+          return /* @__PURE__ */ f.jsxs("div", { role: "option", "aria-selected": u, "data-value": o.value, "data-state": u ? "checked" : "unchecked", "data-disabled": o.disabled ? "" : void 0, className: re("relative flex w-full select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none cursor-pointer", o.disabled && "pointer-events-none opacity-50", te === o.value && "bg-accent text-accent-foreground"), onMouseDown: (a) => {
+            a.preventDefault();
           }, onClick: () => {
-            s.disabled || (z.current?.(s.value), q(s.value), k.current?.focus({
+            o.disabled || (W.current?.(o.value), S(o.value), y.current?.focus({
               preventScroll: !0
-            }), se(s.value), L(!1));
+            }), D(o.value), w(!1));
           }, onPointerEnter: () => {
-            H.current || (H.current = !1, q(s.value));
-          }, onPointerMove: (p) => {
-            H.current && p.movementX === 0 && p.movementY === 0 || (H.current = !1, q(s.value));
+            $.current || ($.current = !1, S(o.value));
+          }, onPointerMove: (a) => {
+            $.current && a.movementX === 0 && a.movementY === 0 || ($.current = !1, S(o.value));
           }, children: [
-            /* @__PURE__ */ v.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: a ? /* @__PURE__ */ v.jsx(He, { "aria-hidden": !0, className: "h-4 w-4" }) : null }),
-            /* @__PURE__ */ v.jsxs("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ v.jsx("span", { children: s.label }),
-              s.description != null ? /* @__PURE__ */ v.jsx("span", { "data-slot": "description", className: "text-xs text-muted-foreground", children: s.description }) : null
+            /* @__PURE__ */ f.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: u ? /* @__PURE__ */ f.jsx(Re, { "aria-hidden": !0, className: "h-4 w-4" }) : null }),
+            /* @__PURE__ */ f.jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ f.jsx("span", { children: o.label }),
+              o.description != null ? /* @__PURE__ */ f.jsx("span", { "data-slot": "description", className: "text-xs text-muted-foreground", children: o.description }) : null
             ] })
-          ] }, s.value);
+          ] }, o.value);
         }) }),
-        /* @__PURE__ */ v.jsx(De, { direction: "down", viewportRef: O })
+        /* @__PURE__ */ f.jsx(ge, { direction: "down", viewportRef: z })
       ] }) });
-      return typeof document > "u" ? r : Me(r, document.body);
+      return typeof document > "u" ? n : je(n, document.body);
     })() : null
   ] }) });
 }
-Re.displayName = "HourPickerInput";
-function ze(n) {
-  const e = ke.c(36), {
-    id: u,
-    value: l,
-    onChange: t,
-    onValueUpdate: j,
-    options: d,
-    placeholder: c,
-    className: f,
-    inputClassName: V,
-    disabled: m,
-    open: h,
-    onOpenChange: X,
-    triggerTestId: N,
-    contentTestId: C,
-    isHydrated: P
-  } = n, x = c === void 0 ? "Select time" : c;
-  let k;
-  e[0] !== t || e[1] !== j || e[2] !== d ? (k = (L) => {
-    const re = d.find((q) => q.value === L);
-    ee(re) && (j && j(L), t(L));
-  }, e[0] = t, e[1] = j, e[2] = d, e[3] = k) : k = e[3];
-  const z = k;
-  let D;
-  e[4] !== f ? (D = oe("w-[150px]", f), e[4] = f, e[5] = D) : D = e[5];
-  const W = l ?? "";
-  let H;
-  e[6] !== z ? (H = (L) => z(L), e[6] = z, e[7] = H) : H = e[7];
-  const J = P ? "true" : void 0, te = !l && "text-muted-foreground", Q = h && "ring-2 ring-primary ring-offset-2";
-  let A;
-  e[8] !== V || e[9] !== te || e[10] !== Q ? (A = oe("transition-colors hover:bg-accent hover:text-accent-foreground", te, Q, "[&_[data-slot='description']]:hidden", V), e[8] = V, e[9] = te, e[10] = Q, e[11] = A) : A = e[11];
-  let O;
-  e[12] !== x ? (O = /* @__PURE__ */ v.jsx(Ae, { placeholder: x }), e[12] = x, e[13] = O) : O = e[13];
-  let y;
-  e[14] !== u || e[15] !== O || e[16] !== J || e[17] !== A || e[18] !== N ? (y = /* @__PURE__ */ v.jsx(Le, { id: u, "data-testid": N, "data-hydrated": J, className: A, children: O }), e[14] = u, e[15] = O, e[16] = J, e[17] = A, e[18] = N, e[19] = y) : y = e[19];
-  let R;
-  e[20] !== d ? (R = d.map(We), e[20] = d, e[21] = R) : R = e[21];
-  let Y;
-  e[22] !== C || e[23] !== R ? (Y = /* @__PURE__ */ v.jsx(Fe, { "data-testid": C, autoScroll: "firstEnabledWithContext", className: "max-h-64 overflow-y-auto", children: R }), e[22] = C, e[23] = R, e[24] = Y) : Y = e[24];
-  let G;
-  e[25] !== m || e[26] !== X || e[27] !== h || e[28] !== y || e[29] !== Y || e[30] !== W || e[31] !== H ? (G = /* @__PURE__ */ v.jsxs($e, { disabled: m, open: h, onOpenChange: X, value: W, onValueChange: H, children: [
-    y,
-    Y
-  ] }), e[25] = m, e[26] = X, e[27] = h, e[28] = y, e[29] = Y, e[30] = W, e[31] = H, e[32] = G) : G = e[32];
-  let b;
-  return e[33] !== G || e[34] !== D ? (b = /* @__PURE__ */ v.jsx("div", { "data-slot": "hours-picker-field", className: D, children: G }), e[33] = G, e[34] = D, e[35] = b) : b = e[35], b;
-}
-function We(n) {
-  return /* @__PURE__ */ v.jsxs(Oe, { value: n.value, disabled: n.disabled, children: [
-    /* @__PURE__ */ v.jsx("span", { children: n.label }),
-    n.description != null ? /* @__PURE__ */ v.jsx("span", { "data-slot": "description", className: "block text-xs text-muted-foreground", children: n.description }) : null
-  ] }, n.value);
+Me.displayName = "HourPickerInput";
+function Ve({
+  id: l,
+  value: e,
+  onChange: m,
+  onValueUpdate: c,
+  options: t,
+  placeholder: X = "Select time",
+  className: b,
+  inputClassName: d,
+  disabled: p,
+  readOnly: A,
+  open: h,
+  onOpenChange: g,
+  triggerTestId: ee,
+  contentTestId: M,
+  isHydrated: F
+}) {
+  const O = r.useId(), x = l ?? `hours-picker-${O}`, y = r.useRef(null), W = r.useRef(null), H = r.useRef(null), J = r.useRef(null), [$, te] = r.useState(() => ({
+    left: 0,
+    top: 0,
+    width: 0
+  })), [le, ne] = r.useState(!1), I = h ?? le, z = g ?? ne, T = r.useRef(!1);
+  T.current = I;
+  const q = r.useCallback((s) => {
+    const w = t.find((R) => R.value === s);
+    oe(w) && (c && c(s), m(s));
+  }, [m, c, t]), Q = r.useCallback(() => {
+    if (typeof window > "u")
+      return;
+    const s = y.current, w = H.current;
+    if (!(s instanceof HTMLElement) || !w)
+      return;
+    const R = s.getBoundingClientRect(), S = w.offsetHeight, K = window.innerWidth ?? 0, V = window.innerHeight ?? 0, D = 8, C = R.width;
+    let n = R.left;
+    n + C > K - D && (n = Math.max(D, K - C - D)), n < D && (n = D);
+    let o = R.bottom + D;
+    const u = o + S > V - D, a = R.top - S - D;
+    u && a >= D && (o = a), o < D && (o = D), o + S > V - D && (o = Math.max(D, V - S - D)), te({
+      left: n,
+      top: o,
+      width: C
+    });
+  }, []);
+  r.useLayoutEffect(() => {
+    if (!I || p || typeof window > "u")
+      return;
+    Q();
+    const s = window.requestAnimationFrame(Q);
+    return window.addEventListener("scroll", Q, !0), window.addEventListener("resize", Q), () => {
+      window.cancelAnimationFrame(s), window.removeEventListener("scroll", Q, !0), window.removeEventListener("resize", Q);
+    };
+  }, [p, I, Q]), r.useEffect(() => {
+    if (!I)
+      return;
+    const s = W.current?.ownerDocument ?? document, w = s.defaultView ?? window, R = (K) => {
+      const V = K.target;
+      !(V instanceof Node) || W.current?.contains(V) || H.current?.contains(V) || z(!1);
+    }, S = (K) => {
+      if (K.key !== "Escape" || !T.current)
+        return;
+      const V = K.target;
+      if (!(V instanceof Node))
+        return;
+      const D = W.current, C = H.current;
+      !D?.contains(V) && !C?.contains(V) || (K.preventDefault(), K.stopPropagation(), z(!1), y.current?.focus({
+        preventScroll: !0
+      }));
+    };
+    return s.addEventListener("pointerdown", R, !0), w.addEventListener("keydown", S, !0), () => {
+      s.removeEventListener("pointerdown", R, !0), w.removeEventListener("keydown", S, !0);
+    };
+  }, [I, z]);
+  const se = t.find((s) => s.value === e);
+  return /* @__PURE__ */ f.jsxs("div", { "data-slot": "hours-picker-field", className: re("w-[150px]", b), ref: W, children: [
+    /* @__PURE__ */ f.jsxs("button", { ref: y, id: x, type: "button", role: "combobox", "aria-expanded": I, "aria-controls": `${x}-content`, disabled: p, "data-testid": ee, "data-hydrated": F ? "true" : void 0, className: re("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", "hover:bg-accent hover:text-accent-foreground", !e && "text-muted-foreground", I && "ring-2 ring-primary ring-offset-2", d), onClick: () => {
+      p || A || z(!I);
+    }, children: [
+      /* @__PURE__ */ f.jsx("span", { className: "line-clamp-1 text-left", children: se ? se.label : X }),
+      /* @__PURE__ */ f.jsx(ye, { "aria-hidden": !0, className: "h-4 w-4 shrink-0 opacity-50" })
+    ] }),
+    I ? (() => {
+      const s = /* @__PURE__ */ f.jsx(Se, { children: /* @__PURE__ */ f.jsxs("div", { ref: H, id: `${x}-content`, "data-testid": M, "data-state": "open", className: re("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: $.left,
+        top: $.top,
+        width: $.width
+      }, children: [
+        /* @__PURE__ */ f.jsx(ge, { direction: "up", viewportRef: J }),
+        /* @__PURE__ */ f.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: t.map((w) => {
+          const R = w.value === e;
+          return /* @__PURE__ */ f.jsxs("div", { role: "option", "aria-selected": R, "data-value": w.value, "data-state": R ? "checked" : "unchecked", "data-disabled": w.disabled ? "" : void 0, className: re("relative flex w-full select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none cursor-pointer", w.disabled && "pointer-events-none opacity-50", R && "bg-accent text-accent-foreground"), onMouseDown: (S) => {
+            S.preventDefault();
+          }, onClick: () => {
+            w.disabled || A || (q(w.value), z(!1), y.current?.focus({
+              preventScroll: !0
+            }));
+          }, children: [
+            /* @__PURE__ */ f.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: R ? /* @__PURE__ */ f.jsx(Re, { "aria-hidden": !0, className: "h-4 w-4" }) : null }),
+            /* @__PURE__ */ f.jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ f.jsx("span", { children: w.label }),
+              w.description != null ? /* @__PURE__ */ f.jsx("span", { "data-slot": "description", className: "text-xs text-muted-foreground", children: w.description }) : null
+            ] })
+          ] }, w.value);
+        }) }),
+        /* @__PURE__ */ f.jsx(ge, { direction: "down", viewportRef: J })
+      ] }) });
+      return typeof document > "u" ? s : je(s, document.body);
+    })() : null
+  ] });
 }
-function qe(n) {
-  const e = ke.c(4);
-  if (Be()) {
+function Ae(l) {
+  const e = Te.c(4);
+  if (Oe()) {
     let t;
-    return e[0] !== n ? (t = /* @__PURE__ */ v.jsx(ze, { ...n }), e[0] = n, e[1] = t) : t = e[1], t;
+    return e[0] !== l ? (t = /* @__PURE__ */ f.jsx(Ve, { ...l }), e[0] = l, e[1] = t) : t = e[1], t;
   }
-  let l;
-  return e[2] !== n ? (l = /* @__PURE__ */ v.jsx(Re, { ...n }), e[2] = n, e[3] = l) : l = e[3], l;
+  let c;
+  return e[2] !== l ? (c = /* @__PURE__ */ f.jsx(Me, { ...l }), e[2] = l, e[3] = c) : c = e[3], c;
 }
-qe.displayName = "HourPickerField";
-function Ke(n) {
-  const e = ke.c(93), {
-    id: u,
-    placeholder: l,
+Ae.displayName = "HourPickerField";
+function Fe(l) {
+  const e = Te.c(93), {
+    id: m,
+    placeholder: c,
     value: t,
-    onValueUpdate: j,
-    onCommit: d,
-    options: c,
-    disabled: f,
-    readOnly: V,
-    open: m,
-    setOpen: h,
-    inputClassName: X,
-    triggerTestId: N,
-    isHydrated: C,
-    highlightedValueRef: P,
+    onValueUpdate: X,
+    onCommit: b,
+    options: d,
+    disabled: p,
+    readOnly: A,
+    open: h,
+    setOpen: g,
+    inputClassName: ee,
+    triggerTestId: M,
+    isHydrated: F,
+    highlightedValueRef: O,
     setHighlightedValue: x,
-    markKeyboardNavigation: k,
-    inputRef: z,
-    onDraftValueHandlerChange: D
-  } = n, W = o.useRef(!1), H = o.useRef(!1), J = o.useRef(!1), te = o.useRef(null), Q = o.useRef(null), A = o.useRef(!1);
-  let O;
-  e[0] !== t ? (O = () => t || "", e[0] = t, e[1] = O) : O = e[1];
-  const [y, R] = o.useState(O);
-  let Y, G;
-  e[2] !== D ? (Y = () => (D((i) => {
-    R(i);
+    markKeyboardNavigation: y,
+    inputRef: W,
+    onDraftValueHandlerChange: H
+  } = l, J = r.useRef(!1), $ = r.useRef(!1), te = r.useRef(!1), le = r.useRef(null), ne = r.useRef(null), I = r.useRef(!1);
+  let z;
+  e[0] !== t ? (z = () => t || "", e[0] = t, e[1] = z) : z = e[1];
+  const [T, q] = r.useState(z);
+  let Q, se;
+  e[2] !== H ? (Q = () => (H((i) => {
+    q(i);
   }), () => {
-    D(null);
-  }), G = [D], e[2] = D, e[3] = Y, e[4] = G) : (Y = e[3], G = e[4]), o.useEffect(Y, G);
-  let b;
-  e[5] !== P || e[6] !== j || e[7] !== c || e[8] !== x || e[9] !== t ? (b = (i) => {
-    const S = P.current ?? t ?? "";
-    let B = c.findIndex((E) => E.value === S);
-    B === -1 && (B = i === 1 ? -1 : c.length);
-    for (let E = B + i; E >= 0 && E < c.length; E = E + i, E) {
-      const M = c[E];
-      if (ee(M)) {
-        x(M.value), te.current = M.value, R(M.value), j(M.value);
+    H(null);
+  }), se = [H], e[2] = H, e[3] = Q, e[4] = se) : (Q = e[3], se = e[4]), r.useEffect(Q, se);
+  let s;
+  e[5] !== O || e[6] !== X || e[7] !== d || e[8] !== x || e[9] !== t ? (s = (i) => {
+    const N = O.current ?? t ?? "";
+    let G = d.findIndex((j) => j.value === N);
+    G === -1 && (G = i === 1 ? -1 : d.length);
+    for (let j = G + i; j >= 0 && j < d.length; j = j + i, j) {
+      const L = d[j];
+      if (oe(L)) {
+        x(L.value), le.current = L.value, q(L.value), X(L.value);
         return;
       }
     }
-  }, e[5] = P, e[6] = j, e[7] = c, e[8] = x, e[9] = t, e[10] = b) : b = e[10];
-  const L = b;
-  let re, q;
-  e[11] !== t ? (re = () => {
-    W.current || R(t || "");
-  }, q = [t], e[11] = t, e[12] = re, e[13] = q) : (re = e[12], q = e[13]), o.useEffect(re, q);
-  let ie, le;
-  e[14] !== y ? (ie = () => {
-    Q.current = Te(y);
-  }, le = [y], e[14] = y, e[15] = ie, e[16] = le) : (ie = e[15], le = e[16]), o.useEffect(ie, le);
-  let se, Z;
-  e[17] !== t ? (Z = () => {
-    t === null && (A.current = !1);
-  }, se = [t], e[17] = t, e[18] = se, e[19] = Z) : (se = e[18], Z = e[19]), o.useEffect(Z, se);
-  const r = !y && "text-muted-foreground", s = m && "ring-2 ring-primary ring-offset-2";
-  let a;
-  e[20] !== X || e[21] !== r || e[22] !== s ? (a = oe("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", r, s, "[&_[data-slot='description']]:hidden", X), e[20] = X, e[21] = r, e[22] = s, e[23] = a) : a = e[23];
-  const p = a, w = C ? "true" : void 0;
-  let T;
-  e[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = [{
+  }, e[5] = O, e[6] = X, e[7] = d, e[8] = x, e[9] = t, e[10] = s) : s = e[10];
+  const w = s;
+  let R, S;
+  e[11] !== t ? (R = () => {
+    J.current || q(t || "");
+  }, S = [t], e[11] = t, e[12] = R, e[13] = S) : (R = e[12], S = e[13]), r.useEffect(R, S);
+  let K, V;
+  e[14] !== T ? (K = () => {
+    ne.current = Ee(T);
+  }, V = [T], e[14] = T, e[15] = K, e[16] = V) : (K = e[15], V = e[16]), r.useEffect(K, V);
+  let D, C;
+  e[17] !== t ? (C = () => {
+    t === null && (I.current = !1);
+  }, D = [t], e[17] = t, e[18] = D, e[19] = C) : (D = e[18], C = e[19]), r.useEffect(C, D);
+  const n = !T && "text-muted-foreground", o = h && "ring-2 ring-primary ring-offset-2";
+  let u;
+  e[20] !== ee || e[21] !== n || e[22] !== o ? (u = re("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", n, o, "[&_[data-slot='description']]:hidden", ee), e[20] = ee, e[21] = n, e[22] = o, e[23] = u) : u = e[23];
+  const a = u, k = F ? "true" : void 0;
+  let E;
+  e[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (E = [{
     mask: "00:00",
     lazy: !0
   }, {
     mask: "0:00",
     lazy: !0
-  }], e[24] = T) : T = e[24];
-  let g;
-  e[25] !== c ? (g = (i, S) => {
-    const B = (S.value + i).replace(/\D/g, "");
-    if (B.length <= 2 || B.length >= 4)
-      return S.compiledMasks[0];
-    const E = xe(Number(B.slice(0, 2)));
-    return c.some((_) => _.value.startsWith(`${E}:`)) ? S.compiledMasks[0] : S.compiledMasks[1];
-  }, e[25] = c, e[26] = g) : g = e[26];
-  let $;
-  e[27] !== d || e[28] !== t ? ($ = (i, S, B) => {
-    if (!B)
+  }], e[24] = E) : E = e[24];
+  let v;
+  e[25] !== d ? (v = (i, N) => {
+    const G = (N.value + i).replace(/\D/g, "");
+    if (G.length <= 2 || G.length >= 4)
+      return N.compiledMasks[0];
+    const j = xe(Number(G.slice(0, 2)));
+    return d.some((_) => _.value.startsWith(`${j}:`)) ? N.compiledMasks[0] : N.compiledMasks[1];
+  }, e[25] = d, e[26] = v) : v = e[26];
+  let Y;
+  e[27] !== b || e[28] !== t ? (Y = (i, N, G) => {
+    if (!G)
       return;
-    const E = typeof i == "string" ? i : String(i ?? ""), M = E.replace(/\D/g, ""), _ = Te(E);
-    if (Q.current !== _) {
-      if (Q.current = _, R(E), M.length !== 0) {
-        A.current = !1;
+    const j = typeof i == "string" ? i : String(i ?? ""), L = j.replace(/\D/g, ""), _ = Ee(j);
+    if (ne.current !== _) {
+      if (ne.current = _, q(j), L.length !== 0) {
+        I.current = !1;
         return;
       }
-      t && !A.current && (A.current = !0, d(null));
+      t && !I.current && (I.current = !0, b(null));
     }
-  }, e[27] = d, e[28] = t, e[29] = $) : $ = e[29];
-  let F;
-  e[30] !== d || e[31] !== c || e[32] !== x || e[33] !== t ? (F = (i, S, B) => {
-    if (!B)
+  }, e[27] = b, e[28] = t, e[29] = Y) : Y = e[29];
+  let B;
+  e[30] !== b || e[31] !== d || e[32] !== x || e[33] !== t ? (B = (i, N, G) => {
+    if (!G)
       return;
-    const E = typeof i == "string" ? i : String(i ?? "");
-    if (te.current === E) {
-      te.current = null;
+    const j = typeof i == "string" ? i : String(i ?? "");
+    if (le.current === j) {
+      le.current = null;
       return;
     }
-    const M = be(E, c);
-    if (!M)
+    const L = we(j, d);
+    if (!L)
       return;
-    if (M.selectableValue) {
-      if (x(M.selectableValue), R(M.selectableValue), t === M.selectableValue)
+    if (L.selectableValue) {
+      if (x(L.selectableValue), q(L.selectableValue), t === L.selectableValue)
         return;
-      d(M.selectableValue);
+      b(L.selectableValue);
       return;
     }
-    const _ = we(M.parsed);
+    const _ = ke(L.parsed);
     if (_ == null)
       return;
-    const ge = Se(_, c);
-    ge && x(ge.value);
-  }, e[30] = d, e[31] = c, e[32] = x, e[33] = t, e[34] = F) : F = e[34];
-  let I, K, U;
-  e[35] !== f || e[36] !== m || e[37] !== h ? (I = () => {
-    H.current = !0, !f && (m || h(!0));
-  }, K = (i) => {
-    H.current = !0, J.current = typeof document < "u" && document.activeElement === i.currentTarget, !f && (m || h(!0));
+    const ve = Ne(_, d);
+    ve && x(ve.value);
+  }, e[30] = b, e[31] = d, e[32] = x, e[33] = t, e[34] = B) : B = e[34];
+  let P, Z, U;
+  e[35] !== p || e[36] !== h || e[37] !== g ? (P = () => {
+    $.current = !0, !p && (h || g(!0));
+  }, Z = (i) => {
+    $.current = !0, te.current = typeof document < "u" && document.activeElement === i.currentTarget, !p && (h || g(!0));
   }, U = () => {
-    f || m || h(!0);
-  }, e[35] = f, e[36] = m, e[37] = h, e[38] = I, e[39] = K, e[40] = U) : (I = e[38], K = e[39], U = e[40]);
-  let ne;
-  e[41] !== f || e[42] !== y || e[43] !== P || e[44] !== k || e[45] !== L || e[46] !== d || e[47] !== m || e[48] !== c || e[49] !== x || e[50] !== h ? (ne = (i) => {
-    if (!f) {
-      if (i.key === "Tab" && m && !i.defaultPrevented) {
-        h(!1);
+    p || h || g(!0);
+  }, e[35] = p, e[36] = h, e[37] = g, e[38] = P, e[39] = Z, e[40] = U) : (P = e[38], Z = e[39], U = e[40]);
+  let ie;
+  e[41] !== p || e[42] !== T || e[43] !== O || e[44] !== y || e[45] !== w || e[46] !== b || e[47] !== h || e[48] !== d || e[49] !== x || e[50] !== g ? (ie = (i) => {
+    if (!p) {
+      if (i.key === "Tab" && h && !i.defaultPrevented) {
+        g(!1);
         return;
       }
       if (i.key === "Escape") {
-        if (!m)
+        if (!h)
           return;
-        i.preventDefault(), h(!1);
+        i.preventDefault(), g(!1);
         return;
       }
-      if (!m && !i.defaultPrevented && (i.key.length === 1 || i.key === "Backspace" || i.key === "Delete") && !i.ctrlKey && !i.metaKey && !i.altKey && h(!0), i.key === "ArrowDown" || i.key === "ArrowUp") {
-        if (k(), i.preventDefault(), !m) {
-          h(!0);
+      if (!h && !i.defaultPrevented && (i.key.length === 1 || i.key === "Backspace" || i.key === "Delete") && !i.ctrlKey && !i.metaKey && !i.altKey && g(!0), i.key === "ArrowDown" || i.key === "ArrowUp") {
+        if (y(), i.preventDefault(), !h) {
+          g(!0);
           return;
         }
-        L(i.key === "ArrowDown" ? 1 : -1);
+        w(i.key === "ArrowDown" ? 1 : -1);
         return;
       }
       if (i.key === "Enter") {
-        k();
-        const S = be(y, c);
-        if (!S) {
-          if (!m || y.trim() !== "")
+        y();
+        const N = we(T, d);
+        if (!N) {
+          if (!h || T.trim() !== "")
             return;
-          const M = c.find((ge) => ge.value === P.current), _ = (ee(M) ? M?.value : void 0) ?? c.find(Xe)?.value;
+          const L = d.find((ve) => ve.value === O.current), _ = (oe(L) ? L?.value : void 0) ?? d.find(Be)?.value;
           if (!_)
             return;
-          i.preventDefault(), x(_), R(_), d(_), h(!1);
+          i.preventDefault(), x(_), q(_), b(_), g(!1);
           return;
         }
-        if (S.selectableValue) {
-          i.preventDefault(), x(S.selectableValue), R(S.selectableValue), d(S.selectableValue), h(!1);
+        if (N.selectableValue) {
+          i.preventDefault(), x(N.selectableValue), q(N.selectableValue), b(N.selectableValue), g(!1);
           return;
         }
-        const B = we(S.parsed);
-        if (B == null)
+        const G = ke(N.parsed);
+        if (G == null)
           return;
-        const E = Se(B, c);
-        if (!E)
+        const j = Ne(G, d);
+        if (!j)
           return;
-        i.preventDefault(), x(E.value), R(E.value), d(E.value), h(!1);
+        i.preventDefault(), x(j.value), q(j.value), b(j.value), g(!1);
         return;
       }
     }
-  }, e[41] = f, e[42] = y, e[43] = P, e[44] = k, e[45] = L, e[46] = d, e[47] = m, e[48] = c, e[49] = x, e[50] = h, e[51] = ne) : ne = e[51];
+  }, e[41] = p, e[42] = T, e[43] = O, e[44] = y, e[45] = w, e[46] = b, e[47] = h, e[48] = d, e[49] = x, e[50] = g, e[51] = ie) : ie = e[51];
   let ce;
-  e[52] !== f || e[53] !== m || e[54] !== h ? (ce = (i) => {
-    const S = !H.current || !J.current;
-    if (H.current = !1, J.current = !1, W.current = !0, S) {
-      const B = i.currentTarget;
-      requestAnimationFrame(() => B.select());
+  e[52] !== p || e[53] !== h || e[54] !== g ? (ce = (i) => {
+    const N = !$.current || !te.current;
+    if ($.current = !1, te.current = !1, J.current = !0, N) {
+      const G = i.currentTarget;
+      requestAnimationFrame(() => G.select());
     }
-    f || m || h(!0);
-  }, e[52] = f, e[53] = m, e[54] = h, e[55] = ce) : ce = e[55];
+    p || h || g(!0);
+  }, e[52] = p, e[53] = h, e[54] = g, e[55] = ce) : ce = e[55];
   let ue;
-  e[56] !== y || e[57] !== d || e[58] !== c || e[59] !== t ? (ue = () => {
-    W.current = !1;
-    const i = y.trim();
+  e[56] !== T || e[57] !== b || e[58] !== d || e[59] !== t ? (ue = () => {
+    J.current = !1;
+    const i = T.trim();
     if (!i) {
-      R(t || "");
+      q(t || "");
       return;
     }
-    const S = be(i, c);
-    if (!S) {
-      R(t || "");
+    const N = we(i, d);
+    if (!N) {
+      q(t || "");
       return;
     }
-    if (!S.selectableValue) {
-      R(t || "");
+    if (!N.selectableValue) {
+      q(t || "");
       return;
     }
-    R(S.selectableValue), t !== S.selectableValue && d(S.selectableValue);
-  }, e[56] = y, e[57] = d, e[58] = c, e[59] = t, e[60] = ue) : ue = e[60];
+    q(N.selectableValue), t !== N.selectableValue && b(N.selectableValue);
+  }, e[56] = T, e[57] = b, e[58] = d, e[59] = t, e[60] = ue) : ue = e[60];
   let ae;
-  e[61] !== f || e[62] !== y || e[63] !== u || e[64] !== z || e[65] !== l || e[66] !== V || e[67] !== w || e[68] !== g || e[69] !== $ || e[70] !== F || e[71] !== I || e[72] !== K || e[73] !== U || e[74] !== ne || e[75] !== ce || e[76] !== ue || e[77] !== p || e[78] !== N ? (ae = /* @__PURE__ */ v.jsx(je, { id: u, "data-testid": N, "data-hydrated": w, type: "text", disabled: f, readOnly: V, inputRef: z, autoComplete: "off", mask: T, dispatch: g, placeholder: l, value: y, className: p, onAccept: $, onComplete: F, onPointerDown: I, onMouseDown: K, onClick: U, onKeyDown: ne, onFocus: ce, onBlur: ue }), e[61] = f, e[62] = y, e[63] = u, e[64] = z, e[65] = l, e[66] = V, e[67] = w, e[68] = g, e[69] = $, e[70] = F, e[71] = I, e[72] = K, e[73] = U, e[74] = ne, e[75] = ce, e[76] = ue, e[77] = p, e[78] = N, e[79] = ae) : ae = e[79];
-  let me;
-  e[80] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (me = oe("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[80] = me) : me = e[80];
-  const ve = m ? "Close time picker" : "Open time picker";
-  let fe;
-  e[81] !== f || e[82] !== m || e[83] !== h ? (fe = () => {
-    f || h(!m);
-  }, e[81] = f, e[82] = m, e[83] = h, e[84] = fe) : fe = e[84];
+  e[61] !== p || e[62] !== T || e[63] !== m || e[64] !== W || e[65] !== c || e[66] !== A || e[67] !== k || e[68] !== v || e[69] !== Y || e[70] !== B || e[71] !== P || e[72] !== Z || e[73] !== U || e[74] !== ie || e[75] !== ce || e[76] !== ue || e[77] !== a || e[78] !== M ? (ae = /* @__PURE__ */ f.jsx(Pe, { id: m, "data-testid": M, "data-hydrated": k, type: "text", disabled: p, readOnly: A, inputRef: W, autoComplete: "off", mask: E, dispatch: v, placeholder: c, value: T, className: a, onAccept: Y, onComplete: B, onPointerDown: P, onMouseDown: Z, onClick: U, onKeyDown: ie, onFocus: ce, onBlur: ue }), e[61] = p, e[62] = T, e[63] = m, e[64] = W, e[65] = c, e[66] = A, e[67] = k, e[68] = v, e[69] = Y, e[70] = B, e[71] = P, e[72] = Z, e[73] = U, e[74] = ie, e[75] = ce, e[76] = ue, e[77] = a, e[78] = M, e[79] = ae) : ae = e[79];
   let pe;
-  e[85] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (pe = /* @__PURE__ */ v.jsx(Ne, { "aria-hidden": !0, className: "size-4" }), e[85] = pe) : pe = e[85];
+  e[80] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (pe = re("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[80] = pe) : pe = e[80];
+  const be = h ? "Close time picker" : "Open time picker";
+  let fe;
+  e[81] !== p || e[82] !== h || e[83] !== g ? (fe = () => {
+    p || g(!h);
+  }, e[81] = p, e[82] = h, e[83] = g, e[84] = fe) : fe = e[84];
+  let me;
+  e[85] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (me = /* @__PURE__ */ f.jsx(ye, { "aria-hidden": !0, className: "size-4" }), e[85] = me) : me = e[85];
   let de;
-  e[86] !== f || e[87] !== ve || e[88] !== fe ? (de = /* @__PURE__ */ v.jsx("button", { type: "button", tabIndex: -1, disabled: f, "data-slot": "hours-picker-input-toggle", className: me, "aria-label": ve, onPointerDown: Ge, onMouseDown: Ye, onClick: fe, children: pe }), e[86] = f, e[87] = ve, e[88] = fe, e[89] = de) : de = e[89];
+  e[86] !== p || e[87] !== be || e[88] !== fe ? (de = /* @__PURE__ */ f.jsx("button", { type: "button", tabIndex: -1, disabled: p, "data-slot": "hours-picker-input-toggle", className: pe, "aria-label": be, onPointerDown: ze, onMouseDown: $e, onClick: fe, children: me }), e[86] = p, e[87] = be, e[88] = fe, e[89] = de) : de = e[89];
   let he;
-  return e[90] !== ae || e[91] !== de ? (he = /* @__PURE__ */ v.jsxs("div", { className: "relative group", children: [
+  return e[90] !== ae || e[91] !== de ? (he = /* @__PURE__ */ f.jsxs("div", { className: "relative group", children: [
     ae,
     de
   ] }), e[90] = ae, e[91] = de, e[92] = he) : he = e[92], he;
 }
-function Ye(n) {
-  n.preventDefault();
+function $e(l) {
+  l.preventDefault();
 }
-function Ge(n) {
-  n.preventDefault();
+function ze(l) {
+  l.preventDefault();
 }
-function Xe(n) {
-  return ee(n);
+function Be(l) {
+  return oe(l);
 }
 export {
-  qe as HourPickerField,
-  Re as HourPickerInput
+  Ae as HourPickerField,
+  Me as HourPickerInput
 };
 //# sourceMappingURL=index10.js.map