@rpcbase/ui 0.192.0 → 0.194.0

package/dist/index19.js

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