@rpcbase/ui 0.177.0 → 0.178.0

package/dist/index18.js

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