@rpcbase/ui 0.183.0 → 0.185.0

package/dist/index19.js

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