@rpcbase/ui 0.163.0 → 0.164.0

package/dist/index18.js

@@ -1,8 +1,9 @@
-import { j as c } from "./index28.js";
-import { Check as ae, ChevronDown as oe, ChevronUp as fe } from "lucide-react";
+import { j as a } from "./index27.js";
+import { Check as ce, ChevronDown as re, ChevronUp as ue } from "lucide-react";
 import * as n from "react";
-import { DismissableLayerBranch as de } from "./index29.js";
-import { createPortal as me } from "react-dom";
+import { DismissableLayerBranch as ae } from "./index28.js";
+import { createPortal as fe } from "react-dom";
+import "./index29.js";
 import "./index30.js";
 import "./index31.js";
 import "./index32.js";
@@ -10,384 +11,405 @@ import "./index33.js";
 import "./index34.js";
 import "./index35.js";
 import "./index36.js";
-import "./index37.js";
-import pe from "./index38.js";
-import "./index39.js";
-import { Select as he, SelectTrigger as be, SelectValue as ge, SelectContent as ve, SelectItem as xe } from "./index20.js";
-import { useIsTouchDevice as we } from "./index4.js";
+import de from "./index37.js";
+import "./index38.js";
+import { Select as me, SelectTrigger as pe, SelectValue as he, SelectContent as be, SelectItem as ve } from "./index20.js";
+import { useIsTouchDevice as ge } from "./index4.js";
 import { cn as q } from "./index2.js";
-function U(a) {
-  return String(a).padStart(2, "0");
+function Q(d) {
+  return String(d).padStart(2, "0");
 }
-function ke(a) {
-  const u = a.trim();
-  if (!u) return null;
-  const r = /^(\d{1,2}):(\d{2})$/.exec(u);
+function xe(d) {
+  const f = d.trim();
+  if (!f) return null;
+  const r = /^(\d{1,2}):(\d{2})$/.exec(f);
   if (!r)
     return null;
-  const l = Number(r[1]), o = Number(r[2]);
-  return !Number.isFinite(l) || !Number.isFinite(o) || l < 0 || l > 23 || o < 0 || o > 59 ? null : `${U(l)}:${U(o)}`;
+  const i = Number(r[1]), o = Number(r[2]);
+  return !Number.isFinite(i) || !Number.isFinite(o) || i < 0 || i > 23 || o < 0 || o > 59 ? null : `${Q(i)}:${Q(o)}`;
 }
-function Z(a, u) {
-  const r = ke(a);
+function J(d, f) {
+  const r = xe(d);
   if (!r) return null;
-  const l = u.find((o) => o.value === r);
-  return B(l) ? { parsed: r, selectableValue: r } : { parsed: r, selectableValue: null };
+  const i = f.find((o) => o.value === r);
+  return z(i) ? { parsed: r, selectableValue: r } : { parsed: r, selectableValue: null };
 }
-function ee(a) {
-  const u = /^(\d{2}):(\d{2})$/.exec(a);
-  if (!u)
+function Z(d) {
+  const f = /^(\d{2}):(\d{2})$/.exec(d);
+  if (!f)
     return null;
-  const r = Number(u[1]), l = Number(u[2]);
-  return !Number.isFinite(r) || !Number.isFinite(l) ? null : r * 60 + l;
+  const r = Number(f[1]), i = Number(f[2]);
+  return !Number.isFinite(r) || !Number.isFinite(i) ? null : r * 60 + i;
 }
-function B(a) {
-  return a ? !a.disabled : !1;
+function z(d) {
+  return d ? !d.disabled : !1;
 }
-function re(a, u) {
-  let r = null, l = Number.POSITIVE_INFINITY, o = Number.NEGATIVE_INFINITY;
-  for (const p of u) {
-    if (!B(p)) continue;
-    const N = ee(p.value);
-    if (N == null) continue;
-    const h = Math.abs(N - a);
-    (h < l || h === l && N > o) && (r = p, l = h, o = N);
+function ee(d, f) {
+  let r = null, i = Number.POSITIVE_INFINITY, o = Number.NEGATIVE_INFINITY;
+  for (const b of f) {
+    if (!z(b)) continue;
+    const h = Z(b.value);
+    if (h == null) continue;
+    const D = Math.abs(h - d);
+    (D < i || D === i && h > o) && (r = b, i = D, o = h);
   }
   return r;
 }
-function ne({
-  direction: a,
-  viewportRef: u,
+function te({
+  direction: d,
+  viewportRef: f,
   speed: r = 400,
-  className: l
+  className: i
 }) {
-  const [o, p] = n.useState(!0), N = n.useRef(void 0), h = n.useRef(void 0), H = n.useRef(!1), m = n.useCallback(() => {
-    const x = u.current;
-    if (!x) {
-      p(!0);
+  const [o, b] = n.useState(!0), h = n.useRef(void 0), D = n.useRef(void 0), v = n.useRef(!1), g = n.useCallback(() => {
+    const T = f.current;
+    if (!T) {
+      b(!0);
       return;
     }
-    const { scrollTop: k, scrollHeight: y, clientHeight: d } = x, D = 2, M = k > D, S = k < y - d - D;
-    if (!(y > d + D)) {
-      p(!0);
+    const { scrollTop: x, scrollHeight: p, clientHeight: j } = T, k = 2, A = x > k, E = x < p - j - k;
+    if (!(p > j + k)) {
+      b(!0);
       return;
     }
-    p(a === "up" ? !M : !S);
-  }, [a, u]);
+    b(d === "up" ? !A : !E);
+  }, [d, f]);
   n.useEffect(() => {
-    const x = u.current;
-    if (!x) return;
-    m();
-    const k = () => m(), y = () => m();
-    x.addEventListener("scroll", k, { passive: !0 });
-    const d = new ResizeObserver(y);
-    d.observe(x);
-    const D = new MutationObserver(y);
-    return D.observe(x, { childList: !0, subtree: !0 }), () => {
-      x.removeEventListener("scroll", k), d.disconnect(), D.disconnect();
+    const T = f.current;
+    if (!T) return;
+    g();
+    const x = () => g(), p = () => g();
+    T.addEventListener("scroll", x, { passive: !0 });
+    const j = new ResizeObserver(p);
+    j.observe(T);
+    const k = new MutationObserver(p);
+    return k.observe(T, { childList: !0, subtree: !0 }), () => {
+      T.removeEventListener("scroll", x), j.disconnect(), k.disconnect();
     };
-  }, [u, m]);
-  const b = n.useCallback(() => {
-    N.current && (cancelAnimationFrame(N.current), N.current = void 0), H.current = !1, h.current = void 0;
-  }, []), I = n.useCallback(
-    (x) => {
-      const k = u.current;
-      if (!k || o || !H.current) {
-        b();
+  }, [f, g]);
+  const M = n.useCallback(() => {
+    h.current && (cancelAnimationFrame(h.current), h.current = void 0), v.current = !1, D.current = void 0;
+  }, []), P = n.useCallback(
+    (T) => {
+      const x = f.current;
+      if (!x || o || !v.current) {
+        M();
         return;
       }
-      h.current || (h.current = x);
-      const y = x - h.current, d = r * y / 1e3;
-      if (d < 0.1) {
-        N.current = requestAnimationFrame(I);
+      D.current || (D.current = T);
+      const p = T - D.current, j = r * p / 1e3;
+      if (j < 0.1) {
+        h.current = requestAnimationFrame(P);
         return;
       }
-      const D = k.scrollTop, M = k.scrollHeight - k.clientHeight;
-      let S;
-      a === "up" ? S = Math.max(0, D - d) : S = Math.min(M, D + d), k.scrollTop = S, h.current = x;
-      const C = 1;
-      (a === "up" ? S > C : S < M - C) && Math.abs(S - D) > 0.01 ? N.current = requestAnimationFrame(I) : (b(), setTimeout(m, 16));
+      const k = x.scrollTop, A = x.scrollHeight - x.clientHeight;
+      let E;
+      d === "up" ? E = Math.max(0, k - j) : E = Math.min(A, k + j), x.scrollTop = E, D.current = T;
+      const I = 1;
+      (d === "up" ? E > I : E < A - I) && Math.abs(E - k) > 0.01 ? h.current = requestAnimationFrame(P) : (M(), setTimeout(g, 16));
     },
-    [m, a, o, r, b, u]
-  ), F = n.useCallback(() => {
-    o || !u.current || H.current || (H.current = !0, h.current = void 0, N.current = requestAnimationFrame(I));
-  }, [o, I, u]);
-  return n.useEffect(() => b, [b]), /* @__PURE__ */ c.jsx(
+    [g, d, o, r, M, f]
+  ), O = n.useCallback(() => {
+    o || !f.current || v.current || (v.current = !0, D.current = void 0, h.current = requestAnimationFrame(P));
+  }, [o, P, f]);
+  return n.useEffect(() => M, [M]), /* @__PURE__ */ a.jsx(
     "div",
     {
       className: q(
         "flex items-center justify-center py-1 select-none",
         o ? "cursor-default opacity-40" : "cursor-pointer opacity-100 hover:bg-accent/20",
-        l
+        i
       ),
       onPointerEnter: () => {
-        o || F();
+        o || O();
       },
       onPointerMove: () => {
-        !o && !H.current && F();
+        !o && !v.current && O();
       },
       onPointerLeave: () => {
-        b();
+        M();
       },
-      children: a === "up" ? /* @__PURE__ */ c.jsx(fe, { "aria-hidden": !0, className: "h-4 w-4 opacity-50" }) : /* @__PURE__ */ c.jsx(oe, { "aria-hidden": !0, className: "h-4 w-4 opacity-50" })
+      children: d === "up" ? /* @__PURE__ */ a.jsx(ue, { "aria-hidden": !0, className: "h-4 w-4 opacity-50" }) : /* @__PURE__ */ a.jsx(re, { "aria-hidden": !0, className: "h-4 w-4 opacity-50" })
     }
   );
 }
-function se({
-  id: a,
-  value: u,
+function ne({
+  id: d,
+  value: f,
   onChange: r,
-  onValueUpdate: l,
+  onValueUpdate: i,
   options: o,
-  placeholder: p = "Select time",
-  autoComplete: N,
+  placeholder: b = "Select time",
   className: h,
-  inputClassName: H,
-  disabled: m,
-  readOnly: b,
-  open: I,
-  onOpenChange: F,
-  autoScroll: x = "firstEnabledWithContext",
-  triggerTestId: k,
-  contentTestId: y,
-  isHydrated: d
+  inputClassName: D,
+  disabled: v,
+  readOnly: g,
+  open: M,
+  onOpenChange: P,
+  triggerTestId: O,
+  contentTestId: T,
+  isHydrated: x
 }) {
-  const D = n.useId(), M = a ?? `hours-picker-${D}`, S = n.useRef(null), C = n.useRef(null), z = n.useRef(null), L = n.useRef(!1), [O, j] = n.useState(null), J = n.useRef(null), Y = n.useRef(null), t = n.useRef(null), [i, g] = n.useState(() => ({
+  const p = n.useId(), j = d ?? `hours-picker-${p}`, k = n.useRef(null), A = n.useRef(null), E = n.useRef(null), I = n.useRef(!1), [F, K] = n.useState(null), R = n.useRef(null), _ = n.useRef(null), V = n.useRef(null), [t, c] = n.useState(() => ({
     left: 0,
     top: 0,
     width: 0
-  })), [w, A] = n.useState(!1), E = I ?? w, _ = F ?? A, ie = typeof window > "u" ? n.useEffect : n.useLayoutEffect, W = n.useCallback((e) => {
-    z.current = e, j(e);
-  }, []), le = n.useCallback(() => {
-    L.current = !0;
+  })), [w, S] = n.useState(!1), m = M ?? w, B = P ?? S, oe = typeof window > "u" ? n.useEffect : n.useLayoutEffect, W = n.useCallback((e) => {
+    E.current = e, K(e);
+  }, []), se = n.useCallback(() => {
+    I.current = !0;
   }, []);
   n.useEffect(() => {
-    if (!E) return;
-    const e = o.find((f) => f.value === u);
-    if (e && B(e)) {
+    if (!m) return;
+    const e = o.find((l) => l.value === f);
+    if (e && z(e)) {
       W(e.value);
       return;
     }
-    const s = o.find((f) => B(f));
+    const s = o.find((l) => z(l));
     W(s?.value ?? null);
-  }, [E, o, W, u]);
-  const ce = n.useCallback(
+  }, [m, o, W, f]);
+  const ie = n.useCallback(
     (e) => {
       if (e === null) {
-        if (l) {
-          l(null);
+        if (i) {
+          i(null);
           return;
         }
         r(null);
         return;
       }
-      const s = o.find((f) => f.value === e);
-      if (B(s)) {
-        if (l) {
-          l(e);
+      const s = o.find((l) => l.value === e);
+      if (z(s)) {
+        if (i) {
+          i(e);
           return;
         }
         r(e);
       }
     },
-    [r, l, o]
-  ), te = n.useCallback(
+    [r, i, o]
+  ), U = n.useCallback(
     (e) => {
       if (e === null) {
-        l && l(null), r(null);
+        i && i(null), r(null);
         return;
       }
-      const s = o.find((f) => f.value === e);
-      B(s) && (l && l(e), r(e));
+      const s = o.find((l) => l.value === e);
+      z(s) && (i && i(e), r(e));
     },
-    [r, l, o]
+    [r, i, o]
   );
   n.useEffect(() => {
-    if (!E) return;
+    if (!m) return;
     const e = (s) => {
-      const f = s.target;
-      if (!(f instanceof Node))
+      const l = s.target;
+      if (!(l instanceof Node))
         return;
-      const v = J.current;
-      !v || v.contains(f) || Y.current?.contains(f) || _(!1);
+      const u = R.current;
+      !u || u.contains(l) || _.current?.contains(l) || B(!1);
     };
     return document.addEventListener("pointerdown", e, !0), () => {
       document.removeEventListener("pointerdown", e, !0);
     };
-  }, [E, _]), n.useEffect(() => {
-    if (!E || I !== void 0 && !F || typeof window > "u" || !("IntersectionObserver" in window))
+  }, [m, B]), n.useEffect(() => {
+    if (!m)
       return;
-    const e = S.current;
+    const e = _.current;
+    if (!e)
+      return;
+    const s = (l) => {
+      const u = V.current;
+      if (!u)
+        return;
+      const N = l.deltaY;
+      if (N === 0)
+        return;
+      const C = Math.max(0, u.scrollHeight - u.clientHeight), y = u.scrollTop <= 0, G = u.scrollTop >= C, L = l.target;
+      if (L instanceof Node && u.contains(L)) {
+        (N < 0 && y || N > 0 && G) && l.preventDefault();
+        return;
+      }
+      l.preventDefault();
+      const Y = Math.min(C, Math.max(0, u.scrollTop + N));
+      u.scrollTop = Y;
+    };
+    return e.addEventListener("wheel", s, { passive: !1 }), () => {
+      e.removeEventListener("wheel", s);
+    };
+  }, [m]), n.useEffect(() => {
+    if (!m || M !== void 0 && !P || typeof window > "u" || !("IntersectionObserver" in window))
+      return;
+    const e = k.current;
     if (!(e instanceof HTMLElement))
       return;
     let s = !0;
-    const f = new IntersectionObserver((v) => {
+    const l = new IntersectionObserver((u) => {
       if (!s)
         return;
-      const R = v[0];
-      R && !R.isIntersecting && _(!1);
+      const N = u[0];
+      N && !N.isIntersecting && B(!1);
     });
-    return f.observe(e), () => {
-      s = !1, f.disconnect();
+    return l.observe(e), () => {
+      s = !1, l.disconnect();
     };
-  }, [F, E, I, _]);
+  }, [P, m, M, B]);
   const $ = n.useCallback(() => {
     if (typeof window > "u") return;
-    const e = S.current, s = Y.current;
+    const e = k.current, s = _.current;
     if (!(e instanceof HTMLElement) || !s) return;
-    const f = e.getBoundingClientRect(), v = s.offsetHeight, R = window.innerWidth ?? 0, V = window.innerHeight ?? 0, T = 8, Q = f.width;
-    let K = f.left;
-    K + Q > R - T && (K = Math.max(T, R - Q - T)), K < T && (K = T);
-    let P = f.bottom + T;
-    const G = P + v > V - T, X = f.top - v - T;
-    G && X >= T && (P = X), P < T && (P = T), P + v > V - T && (P = Math.max(T, V - v - T)), g({ left: K, top: P, width: Q });
+    const l = e.getBoundingClientRect(), u = s.offsetHeight, N = window.innerWidth ?? 0, C = window.innerHeight ?? 0, y = 8, G = l.width;
+    let L = l.left;
+    L + G > N - y && (L = Math.max(y, N - G - y)), L < y && (L = y);
+    let H = l.bottom + y;
+    const Y = H + u > C - y, X = l.top - u - y;
+    Y && X >= y && (H = X), H < y && (H = y), H + u > C - y && (H = Math.max(y, C - u - y)), c({ left: L, top: H, width: G });
   }, []);
-  return ie(() => {
-    if (!E || m || typeof window > "u") return;
+  return oe(() => {
+    if (!m || v || typeof window > "u") return;
     $();
     const e = window.requestAnimationFrame($);
     return window.addEventListener("scroll", $, !0), window.addEventListener("resize", $), () => {
       window.cancelAnimationFrame(e), window.removeEventListener("scroll", $, !0), window.removeEventListener("resize", $);
     };
-  }, [m, E, $]), n.useEffect(() => {
-    if (!E || !x) return;
-    const e = t.current;
+  }, [v, m, $]), n.useEffect(() => {
+    if (!m) return;
+    const e = V.current;
     if (!e) return;
-    const f = requestAnimationFrame(() => {
-      const v = e.querySelector('[role="option"][data-state="checked"]');
-      if (v instanceof HTMLElement) {
-        const G = v.offsetTop - 8, X = v.offsetTop + v.offsetHeight + 8;
-        if (G < e.scrollTop) {
-          e.scrollTop = Math.max(0, G);
+    const l = requestAnimationFrame(() => {
+      const u = e.querySelector('[role="option"][data-state="checked"]');
+      if (u instanceof HTMLElement) {
+        const Y = u.offsetTop - 8, X = u.offsetTop + u.offsetHeight + 8;
+        if (Y < e.scrollTop) {
+          e.scrollTop = Math.max(0, Y);
           return;
         }
-        const ue = e.scrollTop + e.clientHeight;
-        X > ue && (e.scrollTop = Math.max(0, X - e.clientHeight));
+        const le = e.scrollTop + e.clientHeight;
+        X > le && (e.scrollTop = Math.max(0, X - e.clientHeight));
         return;
       }
-      const R = Array.from(e.querySelectorAll('[role="option"]'));
-      if (!R.length) return;
-      let V, T;
-      for (const P of R) {
-        if (!P.hasAttribute("data-disabled")) {
-          V = P;
+      const N = Array.from(e.querySelectorAll('[role="option"]'));
+      if (!N.length) return;
+      let C, y;
+      for (const H of N) {
+        if (!H.hasAttribute("data-disabled")) {
+          C = H;
           break;
         }
-        T = P;
+        y = H;
       }
-      if (!V) return;
-      const K = Math.max(0, (x === "firstEnabledWithContext" && T ? T : V).offsetTop - 8);
-      e.scrollTop = K;
+      if (!C) return;
+      const L = Math.max(0, (y || C).offsetTop - 8);
+      e.scrollTop = L;
     });
-    return () => cancelAnimationFrame(f);
-  }, [x, E, o]), n.useEffect(() => {
-    if (!E || !O || !L.current) return;
-    const e = t.current;
+    return () => cancelAnimationFrame(l);
+  }, [m, o]), n.useEffect(() => {
+    if (!m || !F || !I.current) return;
+    const e = V.current;
     if (!e) return;
-    const s = e.querySelector(`[role="option"][data-value="${O}"]`);
+    const s = e.querySelector(`[role="option"][data-value="${F}"]`);
     if (!(s instanceof HTMLElement)) return;
-    const f = 8, v = s.offsetTop - f, R = s.offsetTop + s.offsetHeight + f;
-    if (v < e.scrollTop) {
-      e.scrollTop = Math.max(0, v);
+    const l = 8, u = s.offsetTop - l, N = s.offsetTop + s.offsetHeight + l;
+    if (u < e.scrollTop) {
+      e.scrollTop = Math.max(0, u);
       return;
     }
-    const V = e.scrollTop + e.clientHeight;
-    R > V && (e.scrollTop = Math.max(0, R - e.clientHeight));
-  }, [O, E]), /* @__PURE__ */ c.jsx(
+    const C = e.scrollTop + e.clientHeight;
+    N > C && (e.scrollTop = Math.max(0, N - e.clientHeight));
+  }, [F, m]), /* @__PURE__ */ a.jsx(
     "div",
     {
       "data-slot": "hours-picker-input",
       className: q("w-[150px]", h),
-      ref: J,
-      children: /* @__PURE__ */ c.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ c.jsx(
-          Ne,
+      ref: R,
+      children: /* @__PURE__ */ a.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ a.jsx(
+          ye,
           {
-            id: M,
-            placeholder: p,
-            value: u,
-            onValueUpdate: ce,
-            onCommit: te,
+            id: j,
+            placeholder: b,
+            value: f,
+            onValueUpdate: ie,
+            onCommit: U,
             options: o,
-            autoComplete: N,
-            disabled: m,
-            readOnly: b,
-            open: E,
-            setOpen: _,
-            inputClassName: H,
-            triggerTestId: k,
-            isHydrated: d,
-            highlightedValueRef: z,
+            disabled: v,
+            readOnly: g,
+            open: m,
+            setOpen: B,
+            inputClassName: D,
+            triggerTestId: O,
+            isHydrated: x,
+            highlightedValueRef: E,
             setHighlightedValue: W,
-            markKeyboardNavigation: le,
+            markKeyboardNavigation: se,
             inputRef: (e) => {
-              S.current = e;
+              k.current = e;
             },
-            setDraftValueRef: C
+            setDraftValueRef: A
           }
         ),
-        E ? (() => {
-          const e = /* @__PURE__ */ c.jsx(de, { children: /* @__PURE__ */ c.jsxs(
+        m ? (() => {
+          const e = /* @__PURE__ */ a.jsx(ae, { children: /* @__PURE__ */ a.jsxs(
             "div",
             {
-              ref: Y,
-              "data-testid": y,
+              ref: _,
+              "data-testid": T,
               "data-state": "open",
               className: q(
                 "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: i.left,
-                top: i.top,
-                width: i.width
+                left: t.left,
+                top: t.top,
+                width: t.width
               },
               children: [
-                /* @__PURE__ */ c.jsx(
-                  ne,
+                /* @__PURE__ */ a.jsx(
+                  te,
                   {
                     direction: "up",
-                    viewportRef: t
+                    viewportRef: V
                   }
                 ),
-                /* @__PURE__ */ c.jsx(
+                /* @__PURE__ */ a.jsx(
                   "div",
                   {
-                    ref: t,
+                    ref: V,
                     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 f = s.value === u;
-                      return /* @__PURE__ */ c.jsxs(
+                      const l = s.value === f;
+                      return /* @__PURE__ */ a.jsxs(
                         "div",
                         {
                           role: "option",
-                          "aria-selected": f,
+                          "aria-selected": l,
                           "data-value": s.value,
-                          "data-state": f ? "checked" : "unchecked",
+                          "data-state": l ? "checked" : "unchecked",
                           "data-disabled": s.disabled ? "" : void 0,
                           className: q(
                             "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"
+                            F === s.value && "bg-accent text-accent-foreground"
                           ),
-                          onMouseDown: (v) => {
-                            v.preventDefault();
+                          onMouseDown: (u) => {
+                            u.preventDefault();
                           },
                           onClick: () => {
-                            s.disabled || (C.current?.(s.value), W(s.value), S.current?.focus({ preventScroll: !0 }), te(s.value), _(!1));
+                            s.disabled || (A.current?.(s.value), W(s.value), k.current?.focus({ preventScroll: !0 }), U(s.value), B(!1));
                           },
                           onPointerEnter: () => {
-                            L.current || (L.current = !1, W(s.value));
+                            I.current || (I.current = !1, W(s.value));
                           },
-                          onPointerMove: (v) => {
-                            L.current && v.movementX === 0 && v.movementY === 0 || (L.current = !1, W(s.value));
+                          onPointerMove: (u) => {
+                            I.current && u.movementX === 0 && u.movementY === 0 || (I.current = !1, W(s.value));
                           },
                           children: [
-                            /* @__PURE__ */ c.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: f ? /* @__PURE__ */ c.jsx(ae, { "aria-hidden": !0, className: "h-4 w-4" }) : null }),
-                            /* @__PURE__ */ c.jsxs("div", { className: "flex flex-col", children: [
-                              /* @__PURE__ */ c.jsx("span", { children: s.label }),
-                              s.description != null ? /* @__PURE__ */ c.jsx("span", { "data-slot": "description", className: "text-xs text-muted-foreground", children: s.description }) : null
+                            /* @__PURE__ */ a.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: l ? /* @__PURE__ */ a.jsx(ce, { "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
                             ] })
                           ]
                         },
@@ -396,89 +418,88 @@ function se({
                     })
                   }
                 ),
-                /* @__PURE__ */ c.jsx(
-                  ne,
+                /* @__PURE__ */ a.jsx(
+                  te,
                   {
                     direction: "down",
-                    viewportRef: t
+                    viewportRef: V
                   }
                 )
               ]
             }
           ) });
-          return typeof document > "u" ? e : me(e, document.body);
+          return typeof document > "u" ? e : fe(e, document.body);
         })() : null
       ] })
     }
   );
 }
-se.displayName = "HourPickerInput";
-function ye({
-  id: a,
-  value: u,
+ne.displayName = "HourPickerInput";
+function we({
+  id: d,
+  value: f,
   onChange: r,
-  onValueUpdate: l,
+  onValueUpdate: i,
   options: o,
-  placeholder: p = "Select time",
-  className: N,
-  inputClassName: h,
-  disabled: H,
-  open: m,
-  onOpenChange: b,
-  autoScroll: I = "firstEnabledWithContext",
-  triggerTestId: F,
-  contentTestId: x,
-  isHydrated: k
+  placeholder: b = "Select time",
+  className: h,
+  inputClassName: D,
+  disabled: v,
+  open: g,
+  onOpenChange: M,
+  triggerTestId: P,
+  contentTestId: O,
+  isHydrated: T
 }) {
-  const y = n.useCallback(
-    (d) => {
-      const D = o.find((M) => M.value === d);
-      B(D) && (l && l(d), r(d));
+  const x = n.useCallback(
+    (p) => {
+      const j = o.find((k) => k.value === p);
+      z(j) && (i && i(p), r(p));
     },
-    [r, l, o]
+    [r, i, o]
   );
-  return /* @__PURE__ */ c.jsx("div", { "data-slot": "hours-picker-field", className: q("w-[150px]", N), children: /* @__PURE__ */ c.jsxs(
-    he,
+  return /* @__PURE__ */ a.jsx("div", { "data-slot": "hours-picker-field", className: q("w-[150px]", h), children: /* @__PURE__ */ a.jsxs(
+    me,
     {
-      disabled: H,
-      open: m,
-      onOpenChange: b,
-      value: u ?? "",
-      onValueChange: (d) => y(d),
+      disabled: v,
+      open: g,
+      onOpenChange: M,
+      value: f ?? "",
+      onValueChange: (p) => x(p),
       children: [
-        /* @__PURE__ */ c.jsx(
-          be,
+        /* @__PURE__ */ a.jsx(
+          pe,
           {
-            id: a,
-            "data-testid": F,
-            "data-hydrated": k ? "true" : void 0,
+            id: d,
+            "data-testid": P,
+            "data-hydrated": T ? "true" : void 0,
             className: q(
               "transition-colors hover:bg-accent hover:text-accent-foreground",
-              !u && "text-muted-foreground",
-              m && "ring-2 ring-primary ring-offset-2",
+              !f && "text-muted-foreground",
+              g && "ring-2 ring-primary ring-offset-2",
               "[&_[data-slot='description']]:hidden",
-              h
+              D
             ),
-            children: /* @__PURE__ */ c.jsx(ge, { placeholder: p })
+            children: /* @__PURE__ */ a.jsx(he, { placeholder: b })
           }
         ),
-        /* @__PURE__ */ c.jsx(
-          ve,
+        /* @__PURE__ */ a.jsx(
+          be,
           {
-            "data-testid": x,
-            autoScroll: I,
+            "data-testid": O,
+            autoScroll: "firstEnabledWithContext",
             className: "max-h-64 overflow-y-auto",
-            children: o.map((d) => /* @__PURE__ */ c.jsxs(
-              xe,
+            children: o.map((p) => /* @__PURE__ */ a.jsxs(
+              ve,
               {
-                value: d.value,
-                disabled: d.disabled,
+                value: p.value,
+                disabled: p.disabled,
                 children: [
-                  /* @__PURE__ */ c.jsx("span", { children: d.label }),
-                  d.description != null ? /* @__PURE__ */ c.jsx("span", { "data-slot": "description", className: "block text-xs text-muted-foreground", children: d.description }) : null
+                  /* @__PURE__ */ a.jsx("span", { children: p.label }),
+                  p.description != null ? /* @__PURE__ */ a.jsx("span", { "data-slot": "description", className: "block text-xs text-muted-foreground", children: p.description }) : null
                 ]
               },
-              d.value
+              p.value
             ))
           }
         )
@@ -486,191 +507,190 @@ function ye({
     }
   ) });
 }
-function Te(a) {
-  return we() ? /* @__PURE__ */ c.jsx(ye, { ...a }) : /* @__PURE__ */ c.jsx(se, { ...a });
+function ke(d) {
+  return ge() ? /* @__PURE__ */ a.jsx(we, { ...d }) : /* @__PURE__ */ a.jsx(ne, { ...d });
 }
-Te.displayName = "HourPickerField";
-function Ne({
-  id: a,
-  placeholder: u,
+ke.displayName = "HourPickerField";
+function ye({
+  id: d,
+  placeholder: f,
   value: r,
-  onValueUpdate: l,
+  onValueUpdate: i,
   onCommit: o,
-  options: p,
-  autoComplete: N,
+  options: b,
   disabled: h,
-  readOnly: H,
-  open: m,
-  setOpen: b,
-  inputClassName: I,
-  triggerTestId: F,
-  isHydrated: x,
-  highlightedValueRef: k,
-  setHighlightedValue: y,
-  markKeyboardNavigation: d,
-  inputRef: D,
-  setDraftValueRef: M
+  readOnly: D,
+  open: v,
+  setOpen: g,
+  inputClassName: M,
+  triggerTestId: P,
+  isHydrated: O,
+  highlightedValueRef: T,
+  setHighlightedValue: x,
+  markKeyboardNavigation: p,
+  inputRef: j,
+  setDraftValueRef: k
 }) {
-  const S = n.useRef(!1), C = n.useRef(!1), z = n.useRef(!1), L = n.useRef(null), [O, j] = n.useState(() => r || "");
-  n.useEffect(() => (M.current = (t) => {
-    j(t);
+  const A = n.useRef(!1), E = n.useRef(!1), I = n.useRef(!1), F = n.useRef(null), [K, R] = n.useState(() => r || "");
+  n.useEffect(() => (k.current = (t) => {
+    R(t);
   }, () => {
-    M.current = null;
-  }), [M]);
-  const J = n.useCallback(
+    k.current = null;
+  }), [k]);
+  const _ = n.useCallback(
     (t) => {
-      const i = k.current ?? r ?? "";
-      let g = p.findIndex((w) => w.value === i);
-      g === -1 && (g = t === 1 ? -1 : p.length);
-      for (let w = g + t; w >= 0 && w < p.length; w += t) {
-        const A = p[w];
-        if (B(A)) {
-          y(A.value), L.current = A.value, j(A.value), l(A.value);
+      const c = T.current ?? r ?? "";
+      let w = b.findIndex((S) => S.value === c);
+      w === -1 && (w = t === 1 ? -1 : b.length);
+      for (let S = w + t; S >= 0 && S < b.length; S += t) {
+        const m = b[S];
+        if (z(m)) {
+          x(m.value), F.current = m.value, R(m.value), i(m.value);
           return;
         }
       }
     },
-    [k, l, p, y, r]
+    [T, i, b, x, r]
   );
   n.useEffect(() => {
-    S.current || j(r || "");
+    A.current || R(r || "");
   }, [r]);
-  const Y = q(
+  const V = q(
     "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",
+    !K && "text-muted-foreground",
+    v && "ring-2 ring-primary ring-offset-2",
     "[&_[data-slot='description']]:hidden",
-    I
+    M
   );
-  return /* @__PURE__ */ c.jsxs("div", { className: "relative group", children: [
-    /* @__PURE__ */ c.jsx(
-      pe,
+  return /* @__PURE__ */ a.jsxs("div", { className: "relative group", children: [
+    /* @__PURE__ */ a.jsx(
+      de,
       {
-        id: a,
-        "data-testid": F,
-        "data-hydrated": x ? "true" : void 0,
+        id: d,
+        "data-testid": P,
+        "data-hydrated": O ? "true" : void 0,
         type: "text",
         disabled: h,
-        readOnly: H,
-        inputRef: D,
-        autoComplete: N ?? "off",
+        readOnly: D,
+        inputRef: j,
+        autoComplete: "off",
         mask: [
           { mask: "00:00", lazy: !0 },
           { mask: "0:00", lazy: !0 }
         ],
-        dispatch: (t, i) => {
-          const g = (i.value + t).replace(/\D/g, "");
-          if (g.length <= 2 || g.length >= 4) return i.compiledMasks[0];
-          const w = U(Number(g.slice(0, 2)));
-          return p.some((E) => E.value.startsWith(`${w}:`)) ? i.compiledMasks[0] : i.compiledMasks[1];
+        dispatch: (t, c) => {
+          const w = (c.value + t).replace(/\D/g, "");
+          if (w.length <= 2 || w.length >= 4) return c.compiledMasks[0];
+          const S = Q(Number(w.slice(0, 2)));
+          return b.some((B) => B.value.startsWith(`${S}:`)) ? c.compiledMasks[0] : c.compiledMasks[1];
         },
-        placeholder: u,
-        value: O,
-        className: Y,
+        placeholder: f,
+        value: K,
+        className: V,
         onAccept: (t) => {
-          const i = typeof t == "string" ? t : String(t ?? "");
-          j(i), i.replace(/\D/g, "").length === 0 && r && o(null);
+          const c = typeof t == "string" ? t : String(t ?? "");
+          R(c), c.replace(/\D/g, "").length === 0 && r && o(null);
         },
         onComplete: (t) => {
-          const i = typeof t == "string" ? t : String(t ?? "");
-          if (L.current === i) {
-            L.current = null;
+          const c = typeof t == "string" ? t : String(t ?? "");
+          if (F.current === c) {
+            F.current = null;
             return;
           }
-          const g = Z(i, p);
-          if (!g)
+          const w = J(c, b);
+          if (!w)
             return;
-          if (g.selectableValue) {
-            if (y(g.selectableValue), j(g.selectableValue), r === g.selectableValue)
+          if (w.selectableValue) {
+            if (x(w.selectableValue), R(w.selectableValue), r === w.selectableValue)
               return;
-            o(g.selectableValue);
+            o(w.selectableValue);
             return;
           }
-          const w = ee(g.parsed);
-          if (w == null)
+          const S = Z(w.parsed);
+          if (S == null)
             return;
-          const A = re(w, p);
-          A && y(A.value);
+          const m = ee(S, b);
+          m && x(m.value);
         },
         onPointerDown: () => {
-          C.current = !0, !h && (m || b(!0));
+          E.current = !0, !h && (v || g(!0));
         },
         onMouseDown: (t) => {
-          C.current = !0, z.current = typeof document < "u" && document.activeElement === t.currentTarget, !h && (m || b(!0));
+          E.current = !0, I.current = typeof document < "u" && document.activeElement === t.currentTarget, !h && (v || g(!0));
         },
         onClick: () => {
-          h || m || b(!0);
+          h || v || g(!0);
         },
         onKeyDown: (t) => {
           if (!h) {
-            if (t.key === "Tab" && m && !t.defaultPrevented) {
-              b(!1);
+            if (t.key === "Tab" && v && !t.defaultPrevented) {
+              g(!1);
               return;
             }
             if (t.key === "Escape") {
-              if (!m)
+              if (!v)
                 return;
-              t.preventDefault(), b(!1);
+              t.preventDefault(), g(!1);
               return;
             }
-            if (!m && !t.defaultPrevented && (t.key.length === 1 || t.key === "Backspace" || t.key === "Delete") && !t.ctrlKey && !t.metaKey && !t.altKey && b(!0), t.key === "ArrowDown" || t.key === "ArrowUp") {
-              if (d(), t.preventDefault(), !m) {
-                b(!0);
+            if (!v && !t.defaultPrevented && (t.key.length === 1 || t.key === "Backspace" || t.key === "Delete") && !t.ctrlKey && !t.metaKey && !t.altKey && g(!0), t.key === "ArrowDown" || t.key === "ArrowUp") {
+              if (p(), t.preventDefault(), !v) {
+                g(!0);
                 return;
               }
-              J(t.key === "ArrowDown" ? 1 : -1);
+              _(t.key === "ArrowDown" ? 1 : -1);
               return;
             }
             if (t.key === "Enter") {
-              d();
-              const i = Z(O, p);
-              if (!i)
+              p();
+              const c = J(K, b);
+              if (!c)
                 return;
-              if (i.selectableValue) {
-                t.preventDefault(), y(i.selectableValue), j(i.selectableValue), r !== i.selectableValue && o(i.selectableValue), b(!1);
+              if (c.selectableValue) {
+                t.preventDefault(), x(c.selectableValue), R(c.selectableValue), r !== c.selectableValue && o(c.selectableValue), g(!1);
                 return;
               }
-              const g = ee(i.parsed);
-              if (g == null)
+              const w = Z(c.parsed);
+              if (w == null)
                 return;
-              const w = re(g, p);
-              if (!w)
+              const S = ee(w, b);
+              if (!S)
                 return;
-              t.preventDefault(), y(w.value), j(w.value), r !== w.value && o(w.value), b(!1);
+              t.preventDefault(), x(S.value), R(S.value), r !== S.value && o(S.value), g(!1);
               return;
             }
           }
         },
         onFocus: (t) => {
-          const i = !C.current || !z.current;
-          if (C.current = !1, z.current = !1, S.current = !0, i) {
-            const g = t.currentTarget;
-            requestAnimationFrame(() => g.select());
+          const c = !E.current || !I.current;
+          if (E.current = !1, I.current = !1, A.current = !0, c) {
+            const w = t.currentTarget;
+            requestAnimationFrame(() => w.select());
           }
-          h || m || b(!0);
+          h || v || g(!0);
         },
         onBlur: () => {
-          S.current = !1;
-          const t = O.trim();
+          A.current = !1;
+          const t = K.trim();
           if (!t) {
-            j(r || "");
+            R(r || "");
             return;
           }
-          const i = Z(t, p);
-          if (!i) {
-            j(r || "");
+          const c = J(t, b);
+          if (!c) {
+            R(r || "");
             return;
           }
-          if (!i.selectableValue) {
-            j(r || "");
+          if (!c.selectableValue) {
+            R(r || "");
             return;
           }
-          j(i.selectableValue), r !== i.selectableValue && o(i.selectableValue);
+          R(c.selectableValue), r !== c.selectableValue && o(c.selectableValue);
         }
       }
     ),
-    /* @__PURE__ */ c.jsx(
+    /* @__PURE__ */ a.jsx(
       "button",
       {
         type: "button",
@@ -680,7 +700,7 @@ function Ne({
         className: q(
           "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",
+        "aria-label": v ? "Close time picker" : "Open time picker",
         onPointerDown: (t) => {
           t.preventDefault();
         },
@@ -688,15 +708,15 @@ function Ne({
           t.preventDefault();
         },
         onClick: () => {
-          h || b(!m);
+          h || g(!v);
         },
-        children: /* @__PURE__ */ c.jsx(oe, { "aria-hidden": !0, className: "size-4" })
+        children: /* @__PURE__ */ a.jsx(re, { "aria-hidden": !0, className: "size-4" })
       }
     )
   ] });
 }
 export {
-  Te as HourPickerField,
-  se as HourPickerInput
+  ke as HourPickerField,
+  ne as HourPickerInput
 };
 //# sourceMappingURL=index18.js.map