@rpcbase/ui 0.171.0 → 0.172.0

package/dist/index18.js

@@ -103,7 +103,7 @@ function re({
       (d === "up" ? D > I : D < A - I) && Math.abs(D - w) > 0.01 ? b.current = requestAnimationFrame(P) : (j(), setTimeout(h, 16));
     },
     [h, d, o, r, j, f]
-  ), V = n.useCallback(() => {
+  ), O = n.useCallback(() => {
     o || !f.current || p.current || (p.current = !0, N.current = void 0, b.current = requestAnimationFrame(P));
   }, [o, P, f]);
   return n.useEffect(() => j, [j]), /* @__PURE__ */ a.jsx(
@@ -115,10 +115,10 @@ function re({
         i
       ),
       onPointerEnter: () => {
-        o || V();
+        o || O();
       },
       onPointerMove: () => {
-        !o && !p.current && V();
+        !o && !p.current && O();
       },
       onPointerLeave: () => {
         j();
@@ -140,11 +140,11 @@ function oe({
   readOnly: h,
   open: j,
   onOpenChange: P,
-  triggerTestId: V,
+  triggerTestId: O,
   contentTestId: T,
   isHydrated: x
 }) {
-  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), O = 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
@@ -162,15 +162,15 @@ function oe({
   }, []);
   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) {
@@ -180,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);
@@ -196,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]
@@ -204,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);
@@ -219,19 +219,19 @@ function oe({
     const e = _.current;
     if (!e)
       return;
-    const s = (l) => {
-      const u = O.current;
+    const s = (c) => {
+      const u = V.current;
       if (!u)
         return;
-      const E = l.deltaY;
+      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)) {
-        (E < 0 && y || E > 0 && G) && l.preventDefault();
+        (E < 0 && y || E > 0 && G) && c.preventDefault();
         return;
       }
-      l.preventDefault();
+      c.preventDefault();
       const Y = Math.min(C, Math.max(0, u.scrollTop + E));
       u.scrollTop = Y;
     };
@@ -245,26 +245,26 @@ function oe({
     if (!(e instanceof HTMLElement))
       return;
     let s = !0;
-    const l = new IntersectionObserver((u) => {
+    const c = new IntersectionObserver((u) => {
       if (!s)
         return;
       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, j, B]);
   const $ = n.useCallback(() => {
     if (typeof window > "u") return;
     const e = w.current, s = _.current;
     if (!(e instanceof HTMLElement) || !s) return;
-    const l = e.getBoundingClientRect(), u = s.offsetHeight, E = window.innerWidth ?? 0, C = window.innerHeight ?? 0, y = 8, G = l.width;
-    let L = l.left;
+    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 = 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 });
+    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 || p || typeof window > "u") return;
@@ -275,9 +275,9 @@ function oe({
     };
   }, [p, m, $]), n.useEffect(() => {
     if (!m) return;
-    const e = O.current;
+    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;
@@ -285,8 +285,8 @@ 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 E = Array.from(e.querySelectorAll('[role="option"]'));
@@ -303,14 +303,14 @@ 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 = O.current;
+    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, E = 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;
@@ -330,7 +330,7 @@ function oe({
             id: M,
             placeholder: g,
             value: f,
-            onValueUpdate: le,
+            onValueUpdate: ce,
             onCommit: U,
             options: o,
             disabled: p,
@@ -338,7 +338,7 @@ function oe({
             open: m,
             setOpen: B,
             inputClassName: N,
-            triggerTestId: V,
+            triggerTestId: O,
             isHydrated: x,
             highlightedValueRef: D,
             setHighlightedValue: W,
@@ -370,24 +370,24 @@ function oe({
                   re,
                   {
                     direction: "up",
-                    viewportRef: O
+                    viewportRef: V
                   }
                 ),
                 /* @__PURE__ */ a.jsx(
                   "div",
                   {
-                    ref: O,
+                    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 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",
@@ -407,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
@@ -423,7 +423,7 @@ function oe({
                   re,
                   {
                     direction: "down",
-                    viewportRef: O
+                    viewportRef: V
                   }
                 )
               ]
@@ -449,7 +449,7 @@ function Te({
   open: h,
   onOpenChange: j,
   triggerTestId: P,
-  contentTestId: V,
+  contentTestId: O,
   isHydrated: T
 }) {
   const x = n.useCallback(
@@ -487,7 +487,7 @@ function Te({
         /* @__PURE__ */ a.jsx(
           xe,
           {
-            "data-testid": V,
+            "data-testid": O,
             autoScroll: "firstEnabledWithContext",
             className: "max-h-64 overflow-y-auto",
             children: o.map((v) => /* @__PURE__ */ a.jsxs(
@@ -525,7 +525,7 @@ function Ee({
   setOpen: h,
   inputClassName: j,
   triggerTestId: P,
-  isHydrated: V,
+  isHydrated: O,
   highlightedValueRef: T,
   setHighlightedValue: x,
   markKeyboardNavigation: v,
@@ -540,8 +540,8 @@ function Ee({
   }), [w]);
   const _ = n.useCallback(
     (t) => {
-      const c = T.current ?? r ?? "";
-      let k = g.findIndex((S) => S.value === c);
+      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];
@@ -556,7 +556,7 @@ function Ee({
   n.useEffect(() => {
     A.current || R(r || "");
   }, [r]);
-  const O = 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",
     !K && "text-muted-foreground",
@@ -570,7 +570,7 @@ function Ee({
       {
         id: d,
         "data-testid": P,
-        "data-hydrated": V ? "true" : void 0,
+        "data-hydrated": O ? "true" : void 0,
         type: "text",
         disabled: b,
         readOnly: N,
@@ -580,26 +580,26 @@ function Ee({
           { mask: "00:00", lazy: !0 },
           { mask: "0:00", lazy: !0 }
         ],
-        dispatch: (t, c) => {
-          const k = (c.value + t).replace(/\D/g, "");
-          if (k.length <= 2 || k.length >= 4) return c.compiledMasks[0];
+        dispatch: (t, l) => {
+          const k = (l.value + t).replace(/\D/g, "");
+          if (k.length <= 2 || k.length >= 4) return l.compiledMasks[0];
           const S = Q(Number(k.slice(0, 2)));
-          return g.some((B) => B.value.startsWith(`${S}:`)) ? c.compiledMasks[0] : c.compiledMasks[1];
+          return g.some((B) => B.value.startsWith(`${S}:`)) ? l.compiledMasks[0] : l.compiledMasks[1];
         },
         placeholder: f,
         value: K,
-        className: O,
+        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 k = J(c, g);
+          const k = J(l, g);
           if (!k)
             return;
           if (k.selectableValue) {
@@ -645,27 +645,27 @@ function Ee({
             }
             if (t.key === "Enter") {
               v();
-              const c = J(K, g);
-              if (!c)
+              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), h(!1);
+              if (l.selectableValue) {
+                t.preventDefault(), x(l.selectableValue), R(l.selectableValue), o(l.selectableValue), h(!1);
                 return;
               }
-              const k = Z(c.parsed);
+              const k = Z(l.parsed);
               if (k == null)
                 return;
               const S = te(k, g);
               if (!S)
                 return;
-              t.preventDefault(), x(S.value), R(S.value), r !== S.value && o(S.value), h(!1);
+              t.preventDefault(), x(S.value), R(S.value), o(S.value), h(!1);
               return;
             }
           }
         },
         onFocus: (t) => {
-          const c = !D.current || !I.current;
-          if (D.current = !1, I.current = !1, A.current = !0, c) {
+          const l = !D.current || !I.current;
+          if (D.current = !1, I.current = !1, A.current = !0, l) {
             const k = t.currentTarget;
             requestAnimationFrame(() => k.select());
           }
@@ -678,16 +678,16 @@ function Ee({
             R(r || "");
             return;
           }
-          const c = J(t, g);
-          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);
         }
       }
     ),