@rpcbase/ui 0.196.0 → 0.198.0

package/dist/index19.js

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