@rpcbase/ui 0.170.0 → 0.172.0

package/dist/index18.js

@@ -1,11 +1,11 @@
-import { j as a } from "./index27.js";
+import { j as a } from "./index28.js";
 import { Check as ue, ChevronDown as ne, ChevronUp as ae } from "lucide-react";
 import * as n 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 be, SelectTrigger as ve, SelectValue as ge, SelectContent as xe, SelectItem as we } from "./index20.js";
+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";
 const ee = pe;
@@ -40,12 +40,12 @@ function z(d) {
 }
 function te(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);
+  for (const g of f) {
+    if (!z(g)) continue;
+    const b = Z(g.value);
+    if (b == null) continue;
+    const N = Math.abs(b - d);
+    (N < i || N === i && b > o) && (r = g, i = N, o = b);
   }
   return r;
 }
@@ -55,58 +55,58 @@ function re({
   speed: r = 400,
   className: i
 }) {
-  const [o, b] = n.useState(!0), h = n.useRef(void 0), D = n.useRef(void 0), v = n.useRef(!1), g = n.useCallback(() => {
+  const [o, g] = n.useState(!0), b = n.useRef(void 0), N = n.useRef(void 0), p = n.useRef(!1), h = n.useCallback(() => {
     const T = f.current;
     if (!T) {
-      b(!0);
+      g(!0);
       return;
     }
-    const { scrollTop: x, scrollHeight: p, clientHeight: j } = T, k = 2, A = x > k, E = x < p - j - k;
-    if (!(p > j + k)) {
-      b(!0);
+    const { scrollTop: x, scrollHeight: v, clientHeight: M } = T, w = 2, A = x > w, D = x < v - M - w;
+    if (!(v > M + w)) {
+      g(!0);
       return;
     }
-    b(d === "up" ? !A : !E);
+    g(d === "up" ? !A : !D);
   }, [d, f]);
   n.useEffect(() => {
     const T = f.current;
     if (!T) return;
-    g();
-    const x = () => g(), p = () => g();
+    h();
+    const x = () => h(), v = () => h();
     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();
+    const M = new ResizeObserver(v);
+    M.observe(T);
+    const w = new MutationObserver(v);
+    return w.observe(T, { childList: !0, subtree: !0 }), () => {
+      T.removeEventListener("scroll", x), M.disconnect(), w.disconnect();
     };
-  }, [f, g]);
-  const M = n.useCallback(() => {
-    h.current && (cancelAnimationFrame(h.current), h.current = void 0), v.current = !1, D.current = void 0;
+  }, [f, h]);
+  const j = n.useCallback(() => {
+    b.current && (cancelAnimationFrame(b.current), b.current = void 0), p.current = !1, N.current = void 0;
   }, []), P = n.useCallback(
     (T) => {
       const x = f.current;
-      if (!x || o || !v.current) {
-        M();
+      if (!x || o || !p.current) {
+        j();
         return;
       }
-      D.current || (D.current = T);
-      const p = T - D.current, j = r * p / 1e3;
-      if (j < 0.1) {
-        h.current = requestAnimationFrame(P);
+      N.current || (N.current = T);
+      const v = T - N.current, M = r * v / 1e3;
+      if (M < 0.1) {
+        b.current = requestAnimationFrame(P);
         return;
       }
-      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 w = x.scrollTop, A = x.scrollHeight - x.clientHeight;
+      let D;
+      d === "up" ? D = Math.max(0, w - M) : D = Math.min(A, w + M), x.scrollTop = D, N.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));
+      (d === "up" ? D > I : D < A - I) && Math.abs(D - w) > 0.01 ? b.current = requestAnimationFrame(P) : (j(), setTimeout(h, 16));
     },
-    [g, d, o, r, M, f]
+    [h, d, o, r, j, f]
   ), O = n.useCallback(() => {
-    o || !f.current || v.current || (v.current = !0, D.current = void 0, h.current = requestAnimationFrame(P));
+    o || !f.current || p.current || (p.current = !0, N.current = void 0, b.current = requestAnimationFrame(P));
   }, [o, P, f]);
-  return n.useEffect(() => M, [M]), /* @__PURE__ */ a.jsx(
+  return n.useEffect(() => j, [j]), /* @__PURE__ */ a.jsx(
     "div",
     {
       className: q(
@@ -118,10 +118,10 @@ function re({
         o || O();
       },
       onPointerMove: () => {
-        !o && !v.current && O();
+        !o && !p.current && O();
       },
       onPointerLeave: () => {
-        M();
+        j();
       },
       children: d === "up" ? /* @__PURE__ */ a.jsx(ae, { "aria-hidden": !0, className: "h-4 w-4 opacity-50" }) : /* @__PURE__ */ a.jsx(ne, { "aria-hidden": !0, className: "h-4 w-4 opacity-50" })
     }
@@ -133,37 +133,44 @@ function oe({
   onChange: r,
   onValueUpdate: i,
   options: o,
-  placeholder: b = "Select time",
-  className: h,
-  inputClassName: D,
-  disabled: v,
-  readOnly: g,
-  open: M,
+  placeholder: g = "Select time",
+  className: b,
+  inputClassName: N,
+  disabled: p,
+  readOnly: h,
+  open: j,
   onOpenChange: P,
   triggerTestId: O,
   contentTestId: T,
   isHydrated: x
 }) {
-  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(() => ({
+  const v = n.useId(), M = d ?? `hours-picker-${v}`, w = n.useRef(null), A = n.useRef(null), D = n.useRef(null), I = n.useRef(!1), [F, K] = n.useState(null), R = n.useRef(null), _ = n.useRef(null), V = n.useRef(null), [t, l] = n.useState(() => ({
     left: 0,
     top: 0,
     width: 0
-  })), [w, S] = n.useState(!1), m = M ?? w, B = P ?? S, se = typeof window > "u" ? n.useEffect : n.useLayoutEffect, W = n.useCallback((e) => {
-    E.current = e, K(e);
+  })), [k, S] = n.useState(!1), m = j ?? k, B = P ?? S, se = typeof window > "u" ? n.useEffect : n.useLayoutEffect;
+  n.useEffect(() => {
+    if (!m || p || h)
+      return;
+    const e = w.current;
+    e instanceof HTMLInputElement && (typeof document < "u" && document.activeElement === e || e.focus({ preventScroll: !0 }));
+  }, [p, m, h]);
+  const W = n.useCallback((e) => {
+    D.current = e, K(e);
   }, []), ie = n.useCallback(() => {
     I.current = !0;
   }, []);
   n.useEffect(() => {
     if (!m) return;
-    const e = o.find((l) => l.value === f);
+    const e = o.find((c) => c.value === f);
     if (e && z(e)) {
       W(e.value);
       return;
     }
-    const s = o.find((l) => z(l));
+    const s = o.find((c) => z(c));
     W(s?.value ?? null);
   }, [m, o, W, f]);
-  const le = n.useCallback(
+  const ce = n.useCallback(
     (e) => {
       if (e === null) {
         if (i) {
@@ -173,7 +180,7 @@ function oe({
         r(null);
         return;
       }
-      const s = o.find((l) => l.value === e);
+      const s = o.find((c) => c.value === e);
       if (z(s)) {
         if (i) {
           i(e);
@@ -189,7 +196,7 @@ function oe({
         i && i(null), r(null);
         return;
       }
-      const s = o.find((l) => l.value === e);
+      const s = o.find((c) => c.value === e);
       z(s) && (i && i(e), r(e));
     },
     [r, i, o]
@@ -197,11 +204,11 @@ function oe({
   n.useEffect(() => {
     if (!m) return;
     const e = (s) => {
-      const l = s.target;
-      if (!(l instanceof Node))
+      const c = s.target;
+      if (!(c instanceof Node))
         return;
       const u = R.current;
-      !u || u.contains(l) || _.current?.contains(l) || B(!1);
+      !u || u.contains(c) || _.current?.contains(c) || B(!1);
     };
     return document.addEventListener("pointerdown", e, !0), () => {
       document.removeEventListener("pointerdown", e, !0);
@@ -212,65 +219,65 @@ function oe({
     const e = _.current;
     if (!e)
       return;
-    const s = (l) => {
+    const s = (c) => {
       const u = V.current;
       if (!u)
         return;
-      const N = l.deltaY;
-      if (N === 0)
+      const E = c.deltaY;
+      if (E === 0)
         return;
-      const C = Math.max(0, u.scrollHeight - u.clientHeight), y = u.scrollTop <= 0, G = u.scrollTop >= C, L = l.target;
+      const C = Math.max(0, u.scrollHeight - u.clientHeight), y = u.scrollTop <= 0, G = u.scrollTop >= C, L = c.target;
       if (L instanceof Node && u.contains(L)) {
-        (N < 0 && y || N > 0 && G) && l.preventDefault();
+        (E < 0 && y || E > 0 && G) && c.preventDefault();
         return;
       }
-      l.preventDefault();
-      const Y = Math.min(C, Math.max(0, u.scrollTop + N));
+      c.preventDefault();
+      const Y = Math.min(C, Math.max(0, u.scrollTop + E));
       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))
+    if (!m || j !== void 0 && !P || typeof window > "u" || !("IntersectionObserver" in window))
       return;
-    const e = k.current;
+    const e = w.current;
     if (!(e instanceof HTMLElement))
       return;
     let s = !0;
-    const l = new IntersectionObserver((u) => {
+    const c = new IntersectionObserver((u) => {
       if (!s)
         return;
-      const N = u[0];
-      N && !N.isIntersecting && B(!1);
+      const E = u[0];
+      E && !E.isIntersecting && B(!1);
     });
-    return l.observe(e), () => {
-      s = !1, l.disconnect();
+    return c.observe(e), () => {
+      s = !1, c.disconnect();
     };
-  }, [P, m, M, B]);
+  }, [P, m, j, B]);
   const $ = n.useCallback(() => {
     if (typeof window > "u") return;
-    const e = k.current, s = _.current;
+    const e = w.current, s = _.current;
     if (!(e instanceof HTMLElement) || !s) return;
-    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 });
+    const c = e.getBoundingClientRect(), u = s.offsetHeight, E = window.innerWidth ?? 0, C = window.innerHeight ?? 0, y = 8, G = c.width;
+    let L = c.left;
+    L + G > E - y && (L = Math.max(y, E - G - y)), L < y && (L = y);
+    let H = c.bottom + y;
+    const Y = H + u > C - y, X = c.top - u - y;
+    Y && X >= y && (H = X), H < y && (H = y), H + u > C - y && (H = Math.max(y, C - u - y)), l({ left: L, top: H, width: G });
   }, []);
   return se(() => {
-    if (!m || v || typeof window > "u") return;
+    if (!m || p || 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", $);
     };
-  }, [v, m, $]), n.useEffect(() => {
+  }, [p, m, $]), n.useEffect(() => {
     if (!m) return;
     const e = V.current;
     if (!e) return;
-    const l = requestAnimationFrame(() => {
+    const c = 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;
@@ -278,14 +285,14 @@ function oe({
           e.scrollTop = Math.max(0, Y);
           return;
         }
-        const ce = e.scrollTop + e.clientHeight;
-        X > ce && (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 N = Array.from(e.querySelectorAll('[role="option"]'));
-      if (!N.length) return;
+      const E = Array.from(e.querySelectorAll('[role="option"]'));
+      if (!E.length) return;
       let C, y;
-      for (const H of N) {
+      for (const H of E) {
         if (!H.hasAttribute("data-disabled")) {
           C = H;
           break;
@@ -296,48 +303,48 @@ function oe({
       const L = Math.max(0, (y || C).offsetTop - 8);
       e.scrollTop = L;
     });
-    return () => cancelAnimationFrame(l);
+    return () => cancelAnimationFrame(c);
   }, [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="${F}"]`);
     if (!(s instanceof HTMLElement)) return;
-    const l = 8, u = s.offsetTop - l, N = s.offsetTop + s.offsetHeight + l;
+    const c = 8, u = s.offsetTop - c, E = s.offsetTop + s.offsetHeight + c;
     if (u < e.scrollTop) {
       e.scrollTop = Math.max(0, u);
       return;
     }
     const C = e.scrollTop + e.clientHeight;
-    N > C && (e.scrollTop = Math.max(0, N - e.clientHeight));
+    E > C && (e.scrollTop = Math.max(0, E - e.clientHeight));
   }, [F, m]), /* @__PURE__ */ a.jsx(
     "div",
     {
       "data-slot": "hours-picker-input",
-      className: q("w-[150px]", h),
+      className: q("w-[150px]", b),
       ref: R,
       children: /* @__PURE__ */ a.jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ a.jsx(
-          Ne,
+          Ee,
           {
-            id: j,
-            placeholder: b,
+            id: M,
+            placeholder: g,
             value: f,
-            onValueUpdate: le,
+            onValueUpdate: ce,
             onCommit: U,
             options: o,
-            disabled: v,
-            readOnly: g,
+            disabled: p,
+            readOnly: h,
             open: m,
             setOpen: B,
-            inputClassName: D,
+            inputClassName: N,
             triggerTestId: O,
             isHydrated: x,
-            highlightedValueRef: E,
+            highlightedValueRef: D,
             setHighlightedValue: W,
             markKeyboardNavigation: ie,
             inputRef: (e) => {
-              k.current = e;
+              w.current = e;
             },
             setDraftValueRef: A
           }
@@ -373,14 +380,14 @@ function oe({
                     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 l = s.value === f;
+                      const c = s.value === f;
                       return /* @__PURE__ */ a.jsxs(
                         "div",
                         {
                           role: "option",
-                          "aria-selected": l,
+                          "aria-selected": c,
                           "data-value": s.value,
-                          "data-state": l ? "checked" : "unchecked",
+                          "data-state": c ? "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",
@@ -391,7 +398,7 @@ function oe({
                             u.preventDefault();
                           },
                           onClick: () => {
-                            s.disabled || (A.current?.(s.value), W(s.value), k.current?.focus({ preventScroll: !0 }), U(s.value), B(!1));
+                            s.disabled || (A.current?.(s.value), W(s.value), w.current?.focus({ preventScroll: !0 }), U(s.value), B(!1));
                           },
                           onPointerEnter: () => {
                             I.current || (I.current = !1, W(s.value));
@@ -400,7 +407,7 @@ function oe({
                             I.current && u.movementX === 0 && u.movementY === 0 || (I.current = !1, W(s.value));
                           },
                           children: [
-                            /* @__PURE__ */ a.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: l ? /* @__PURE__ */ a.jsx(ue, { "aria-hidden": !0, className: "h-4 w-4" }) : 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
@@ -435,34 +442,34 @@ function Te({
   onChange: r,
   onValueUpdate: i,
   options: o,
-  placeholder: b = "Select time",
-  className: h,
-  inputClassName: D,
-  disabled: v,
-  open: g,
-  onOpenChange: M,
+  placeholder: g = "Select time",
+  className: b,
+  inputClassName: N,
+  disabled: p,
+  open: h,
+  onOpenChange: j,
   triggerTestId: P,
   contentTestId: O,
   isHydrated: T
 }) {
   const x = n.useCallback(
-    (p) => {
-      const j = o.find((k) => k.value === p);
-      z(j) && (i && i(p), r(p));
+    (v) => {
+      const M = o.find((w) => w.value === v);
+      z(M) && (i && i(v), r(v));
     },
     [r, i, o]
   );
-  return /* @__PURE__ */ a.jsx("div", { "data-slot": "hours-picker-field", className: q("w-[150px]", h), children: /* @__PURE__ */ a.jsxs(
-    be,
+  return /* @__PURE__ */ a.jsx("div", { "data-slot": "hours-picker-field", className: q("w-[150px]", b), children: /* @__PURE__ */ a.jsxs(
+    ve,
     {
-      disabled: v,
-      open: g,
-      onOpenChange: M,
+      disabled: p,
+      open: h,
+      onOpenChange: j,
       value: f ?? "",
-      onValueChange: (p) => x(p),
+      onValueChange: (v) => x(v),
       children: [
         /* @__PURE__ */ a.jsx(
-          ve,
+          be,
           {
             id: d,
             "data-testid": P,
@@ -470,11 +477,11 @@ function Te({
             className: q(
               "transition-colors hover:bg-accent hover:text-accent-foreground",
               !f && "text-muted-foreground",
-              g && "ring-2 ring-primary ring-offset-2",
+              h && "ring-2 ring-primary ring-offset-2",
               "[&_[data-slot='description']]:hidden",
-              D
+              N
             ),
-            children: /* @__PURE__ */ a.jsx(ge, { placeholder: b })
+            children: /* @__PURE__ */ a.jsx(ge, { placeholder: g })
           }
         ),
         /* @__PURE__ */ a.jsx(
@@ -483,17 +490,17 @@ function Te({
             "data-testid": O,
             autoScroll: "firstEnabledWithContext",
             className: "max-h-64 overflow-y-auto",
-            children: o.map((p) => /* @__PURE__ */ a.jsxs(
+            children: o.map((v) => /* @__PURE__ */ a.jsxs(
               we,
               {
-                value: p.value,
-                disabled: p.disabled,
+                value: v.value,
+                disabled: v.disabled,
                 children: [
-                  /* @__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
+                  /* @__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
                 ]
               },
-              p.value
+              v.value
             ))
           }
         )
@@ -505,46 +512,46 @@ function Se(d) {
   return ke() ? /* @__PURE__ */ a.jsx(Te, { ...d }) : /* @__PURE__ */ a.jsx(oe, { ...d });
 }
 Se.displayName = "HourPickerField";
-function Ne({
+function Ee({
   id: d,
   placeholder: f,
   value: r,
   onValueUpdate: i,
   onCommit: o,
-  options: b,
-  disabled: h,
-  readOnly: D,
-  open: v,
-  setOpen: g,
-  inputClassName: M,
+  options: g,
+  disabled: b,
+  readOnly: N,
+  open: p,
+  setOpen: h,
+  inputClassName: j,
   triggerTestId: P,
   isHydrated: O,
   highlightedValueRef: T,
   setHighlightedValue: x,
-  markKeyboardNavigation: p,
-  inputRef: j,
-  setDraftValueRef: k
+  markKeyboardNavigation: v,
+  inputRef: M,
+  setDraftValueRef: w
 }) {
-  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) => {
+  const A = n.useRef(!1), D = n.useRef(!1), I = n.useRef(!1), F = n.useRef(null), [K, R] = n.useState(() => r || "");
+  n.useEffect(() => (w.current = (t) => {
     R(t);
   }, () => {
-    k.current = null;
-  }), [k]);
+    w.current = null;
+  }), [w]);
   const _ = n.useCallback(
     (t) => {
-      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];
+      const l = T.current ?? r ?? "";
+      let k = g.findIndex((S) => S.value === l);
+      k === -1 && (k = t === 1 ? -1 : g.length);
+      for (let S = k + t; S >= 0 && S < g.length; S += t) {
+        const m = g[S];
         if (z(m)) {
           x(m.value), F.current = m.value, R(m.value), i(m.value);
           return;
         }
       }
     },
-    [T, i, b, x, r]
+    [T, i, g, x, r]
   );
   n.useEffect(() => {
     A.current || R(r || "");
@@ -553,9 +560,9 @@ function 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",
     !K && "text-muted-foreground",
-    v && "ring-2 ring-primary ring-offset-2",
+    p && "ring-2 ring-primary ring-offset-2",
     "[&_[data-slot='description']]:hidden",
-    M
+    j
   );
   return /* @__PURE__ */ a.jsxs("div", { className: "relative group", children: [
     /* @__PURE__ */ a.jsx(
@@ -565,104 +572,104 @@ function Ne({
         "data-testid": P,
         "data-hydrated": O ? "true" : void 0,
         type: "text",
-        disabled: h,
-        readOnly: D,
-        inputRef: j,
+        disabled: b,
+        readOnly: N,
+        inputRef: M,
         autoComplete: "off",
         mask: [
           { mask: "00:00", lazy: !0 },
           { mask: "0:00", lazy: !0 }
         ],
-        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];
+        dispatch: (t, l) => {
+          const k = (l.value + t).replace(/\D/g, "");
+          if (k.length <= 2 || k.length >= 4) return l.compiledMasks[0];
+          const S = Q(Number(k.slice(0, 2)));
+          return g.some((B) => B.value.startsWith(`${S}:`)) ? l.compiledMasks[0] : l.compiledMasks[1];
         },
         placeholder: f,
         value: K,
         className: V,
         onAccept: (t) => {
-          const c = typeof t == "string" ? t : String(t ?? "");
-          R(c), c.replace(/\D/g, "").length === 0 && r && o(null);
+          const l = typeof t == "string" ? t : String(t ?? "");
+          R(l), l.replace(/\D/g, "").length === 0 && r && o(null);
         },
         onComplete: (t) => {
-          const c = typeof t == "string" ? t : String(t ?? "");
-          if (F.current === c) {
+          const l = typeof t == "string" ? t : String(t ?? "");
+          if (F.current === l) {
             F.current = null;
             return;
           }
-          const w = J(c, b);
-          if (!w)
+          const k = J(l, g);
+          if (!k)
             return;
-          if (w.selectableValue) {
-            if (x(w.selectableValue), R(w.selectableValue), r === w.selectableValue)
+          if (k.selectableValue) {
+            if (x(k.selectableValue), R(k.selectableValue), r === k.selectableValue)
               return;
-            o(w.selectableValue);
+            o(k.selectableValue);
             return;
           }
-          const S = Z(w.parsed);
+          const S = Z(k.parsed);
           if (S == null)
             return;
-          const m = te(S, b);
+          const m = te(S, g);
           m && x(m.value);
         },
         onPointerDown: () => {
-          E.current = !0, !h && (v || g(!0));
+          D.current = !0, !b && (p || h(!0));
         },
         onMouseDown: (t) => {
-          E.current = !0, I.current = typeof document < "u" && document.activeElement === t.currentTarget, !h && (v || g(!0));
+          D.current = !0, I.current = typeof document < "u" && document.activeElement === t.currentTarget, !b && (p || h(!0));
         },
         onClick: () => {
-          h || v || g(!0);
+          b || p || h(!0);
         },
         onKeyDown: (t) => {
-          if (!h) {
-            if (t.key === "Tab" && v && !t.defaultPrevented) {
-              g(!1);
+          if (!b) {
+            if (t.key === "Tab" && p && !t.defaultPrevented) {
+              h(!1);
               return;
             }
             if (t.key === "Escape") {
-              if (!v)
+              if (!p)
                 return;
-              t.preventDefault(), g(!1);
+              t.preventDefault(), h(!1);
               return;
             }
-            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);
+            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 (v(), t.preventDefault(), !p) {
+                h(!0);
                 return;
               }
               _(t.key === "ArrowDown" ? 1 : -1);
               return;
             }
             if (t.key === "Enter") {
-              p();
-              const c = J(K, b);
-              if (!c)
+              v();
+              const l = J(K, g);
+              if (!l)
                 return;
-              if (c.selectableValue) {
-                t.preventDefault(), x(c.selectableValue), R(c.selectableValue), r !== c.selectableValue && o(c.selectableValue), g(!1);
+              if (l.selectableValue) {
+                t.preventDefault(), x(l.selectableValue), R(l.selectableValue), o(l.selectableValue), h(!1);
                 return;
               }
-              const w = Z(c.parsed);
-              if (w == null)
+              const k = Z(l.parsed);
+              if (k == null)
                 return;
-              const S = te(w, b);
+              const S = te(k, g);
               if (!S)
                 return;
-              t.preventDefault(), x(S.value), R(S.value), r !== S.value && o(S.value), g(!1);
+              t.preventDefault(), x(S.value), R(S.value), o(S.value), h(!1);
               return;
             }
           }
         },
         onFocus: (t) => {
-          const c = !E.current || !I.current;
-          if (E.current = !1, I.current = !1, A.current = !0, c) {
-            const w = t.currentTarget;
-            requestAnimationFrame(() => w.select());
+          const l = !D.current || !I.current;
+          if (D.current = !1, I.current = !1, A.current = !0, l) {
+            const k = t.currentTarget;
+            requestAnimationFrame(() => k.select());
           }
-          h || v || g(!0);
+          b || p || h(!0);
         },
         onBlur: () => {
           A.current = !1;
@@ -671,16 +678,16 @@ function Ne({
             R(r || "");
             return;
           }
-          const c = J(t, b);
-          if (!c) {
+          const l = J(t, g);
+          if (!l) {
             R(r || "");
             return;
           }
-          if (!c.selectableValue) {
+          if (!l.selectableValue) {
             R(r || "");
             return;
           }
-          R(c.selectableValue), r !== c.selectableValue && o(c.selectableValue);
+          R(l.selectableValue), r !== l.selectableValue && o(l.selectableValue);
         }
       }
     ),
@@ -689,12 +696,12 @@ function Ne({
       {
         type: "button",
         tabIndex: -1,
-        disabled: h,
+        disabled: b,
         "data-slot": "hours-picker-input-toggle",
         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": v ? "Close time picker" : "Open time picker",
+        "aria-label": p ? "Close time picker" : "Open time picker",
         onPointerDown: (t) => {
           t.preventDefault();
         },
@@ -702,7 +709,7 @@ function Ne({
           t.preventDefault();
         },
         onClick: () => {
-          h || g(!v);
+          b || h(!p);
         },
         children: /* @__PURE__ */ a.jsx(ne, { "aria-hidden": !0, className: "size-4" })
       }