@rpcbase/ui 0.192.0 → 0.193.0

package/dist/index19.js

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