@rpcbase/ui 0.51.0 → 0.52.0

package/dist/helpers/useMapsLibrary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMapsLibrary.d.ts","sourceRoot":"","sources":["../../lib/helpers/useMapsLibrary.ts"],"names":[],"mappings":"AAiCA,eAAO,MAAM,cAAc,GAAI,GAAG,QAAQ,EAAE,SAAS,MAAM,oBAoB1D,CAAA"}
+{"version":3,"file":"useMapsLibrary.d.ts","sourceRoot":"","sources":["../../lib/helpers/useMapsLibrary.ts"],"names":[],"mappings":"AA8BA,eAAO,MAAM,cAAc,GAAI,GAAG,QAAQ,EAAE,SAAS,MAAM,oBAoB1D,CAAA"}

package/dist/index.js

@@ -1,6 +1,6 @@
 import * as ve from "react";
-import _e, { useState as I, useEffect as $, useRef as C, useMemo as ye } from "react";
-import ie, { clsx as xe } from "clsx";
+import _e, { useState as I, useEffect as $, useRef as C, useMemo as xe } from "react";
+import ie, { clsx as ye } from "clsx";
 import * as N from "@radix-ui/react-dialog";
 import { XIcon as Ee } from "lucide-react";
 import { Link as we } from "react-router";
@@ -24,8 +24,8 @@ function Te() {
     var d = null;
     if (c !== void 0 && (d = "" + c), a.key !== void 0 && (d = "" + a.key), "key" in a) {
       c = {};
-      for (var m in a)
-        m !== "key" && (c[m] = a[m]);
+      for (var p in a)
+        p !== "key" && (c[p] = a[p]);
     } else c = a;
     return a = c.ref, {
       $$typeof: e,
@@ -53,14 +53,14 @@ function ke() {
     function e(t) {
       if (t == null) return null;
       if (typeof t == "function")
-        return t.$$typeof === Z ? null : t.displayName || t.name || null;
+        return t.$$typeof === Q ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
         case k:
           return "Fragment";
         case D:
           return "Profiler";
-        case x:
+        case y:
           return "StrictMode";
         case O:
           return "Suspense";
@@ -138,9 +138,9 @@ function ke() {
       }
       return t.key !== void 0;
     }
-    function m(t, i) {
+    function p(t, i) {
       function g() {
-        Q || (Q = !0, console.error(
+        K || (K = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           i
         ));
@@ -150,13 +150,13 @@ function ke() {
         configurable: !0
       });
     }
-    function p() {
+    function m() {
       var t = e(this.type);
       return V[t] || (V[t] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function y(t, i, g, h, G, S) {
+    function x(t, i, g, h, G, S) {
       var _ = g.ref;
       return t = {
         $$typeof: w,
@@ -166,7 +166,7 @@ function ke() {
         _owner: h
       }, (_ !== void 0 ? _ : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: p
+        get: m
       }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -225,10 +225,10 @@ React keys must be passed directly to JSX without using spread:
         for (var z in i)
           z !== "key" && (g[z] = i[z]);
       } else g = i;
-      return _ && m(
+      return _ && p(
         g,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), y(
+      ), x(
         t,
         _,
         g,
@@ -243,7 +243,7 @@ React keys must be passed directly to JSX without using spread:
     function f(t) {
       return typeof t == "object" && t !== null && t.$$typeof === w;
     }
-    var T = _e, w = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), D = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), R = Symbol.for("react.context"), A = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), Z = Symbol.for("react.client.reference"), U = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, te = Array.isArray, B = console.createTask ? console.createTask : function() {
+    var T = _e, w = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), D = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), R = Symbol.for("react.context"), A = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), Q = Symbol.for("react.client.reference"), U = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, te = Array.isArray, B = console.createTask ? console.createTask : function() {
       return null;
     };
     T = {
@@ -251,7 +251,7 @@ React keys must be passed directly to JSX without using spread:
         return t();
       }
     };
-    var Q, V = {}, u = T.react_stack_bottom_frame.bind(
+    var K, V = {}, u = T.react_stack_bottom_frame.bind(
       T,
       c
     )(), E = B(n(c)), J = {};
@@ -287,11 +287,11 @@ function Re(e, r) {
   e.src = r;
 }
 const Pe = (e) => {
-  var r, o, n, a = "The Google Maps JavaScript API", c = "google", d = "importLibrary", m = "__ib__", p = document, y = window, b = y[c] || (y[c] = {}), l = b.maps || (b.maps = {}), f = /* @__PURE__ */ new Set(), T = new URLSearchParams(), w = () => r || (r = new Promise(async (v, k) => {
-    await (o = p.createElement("script")), T.set("libraries", [...f] + "");
+  var r, o, n, a = "The Google Maps JavaScript API", c = "google", d = "importLibrary", p = "__ib__", m = document, x = window, b = x[c] || (x[c] = {}), l = b.maps || (b.maps = {}), f = /* @__PURE__ */ new Set(), T = new URLSearchParams(), w = () => r || (r = new Promise(async (v, k) => {
+    await (o = m.createElement("script")), T.set("libraries", [...f] + "");
     for (n in e)
-      T.set(n.replace(/[A-Z]/g, (x) => "_" + x[0].toLowerCase()), e[n]);
-    T.set("callback", c + ".maps." + m), Re(o, "https://maps.googleapis.com/maps/api/js?" + T), l[m] = v, o.onerror = () => r = k(Error(a + " could not load.")), o.nonce = p.querySelector("script[nonce]")?.nonce || "", p.head.append(o);
+      T.set(n.replace(/[A-Z]/g, (y) => "_" + y[0].toLowerCase()), e[n]);
+    T.set("callback", c + ".maps." + p), Re(o, "https://maps.googleapis.com/maps/api/js?" + T), l[p] = v, o.onerror = () => r = k(Error(a + " could not load.")), o.nonce = m.querySelector("script[nonce]")?.nonce || "", m.head.append(o);
   }));
   l[d] ? console.warn(a + " only loads once. Ignoring:", e) : l[d] = (v, ...k) => f.add(v) && w().then(() => l[d](v, ...k));
 }, Ne = (e) => `The setOptions() function should only be called once. The options passed to the additional call (${JSON.stringify(e)}) will be ignored.`, Ae = (e) => `The google.maps.importLibrary() function is already defined, and @googlemaps/js-api-loader will use the existing function instead of overwriting it. The options passed to setOptions (${JSON.stringify(e)}) will be ignored.`, Oe = "No options were set before calling importLibrary. Make sure to configure the loader using setOptions().", Se = "There already is a script loading the Google Maps JavaScript API, and no google.maps.importLibrary function is defined. @googlemaps/js-api-loader will proceed to bootstrap the API with the specified options, but the existing script might cause problems using the API. Make sure to remove the script loading the API.", ge = process.env.NODE_ENV !== "production", le = ge ? (e) => {
@@ -318,17 +318,16 @@ function Ce(e) {
   const r = !!window.google?.maps?.importLibrary;
   r ? Ie(Ae(e)) : Me && document.querySelector('script[src*="maps.googleapis.com/maps/api/js"]') && le(Se), r || Pe(e);
 }
-let re = null, pe = null;
+let re = null, me = null;
 const $e = (e) => {
-  const o = e ?? void 0;
-  if (!o) {
-    const n = new Error("useMapsLibrary: missing Google Maps API key");
-    return console.error(n.message), Promise.reject(n);
+  if (!e) {
+    const r = new Error("useMapsLibrary: missing Google Maps API key");
+    return console.error(r.message), Promise.reject(r);
   }
-  return re ? pe !== o && console.warn(
+  return re ? me !== e && console.warn(
     "useMapsLibrary: ignoring attempt to re-initialize Google Maps with a different API key than the one already in use."
-  ) : (pe = o, De({
-    key: o,
+  ) : (me = e, De({
+    key: e,
     v: "weekly"
   }), re = Le("core").then(() => {
   })), re;
@@ -346,7 +345,7 @@ const $e = (e) => {
   }, [r]), o ? "loaded" : null;
 };
 function M(...e) {
-  return xe(e);
+  return ye(e);
 }
 function he(e) {
   const { className: r, type: o, ...n } = e;
@@ -404,13 +403,13 @@ const ft = {
     return /* @__PURE__ */ s.jsx(s.Fragment, { children: r });
   const c = [];
   let d = 0;
-  return n.forEach((m, p) => {
-    if (a && m.startOffset >= r.length)
+  return n.forEach((p, m) => {
+    if (a && p.startOffset >= r.length)
       return;
-    const y = m.startOffset, b = Math.min(m.endOffset, r.length);
-    if (y > d && c.push(r.substring(d, y)), b > y) {
-      const l = r.substring(y, b);
-      c.push(/* @__PURE__ */ s.jsx("strong", { children: l }, p));
+    const x = p.startOffset, b = Math.min(p.endOffset, r.length);
+    if (x > d && c.push(r.substring(d, x)), b > x) {
+      const l = r.substring(x, b);
+      c.push(/* @__PURE__ */ s.jsx("strong", { children: l }, m));
     }
     d = Math.max(d, b);
   }), d < r.length && c.push(r.substring(d)), c.length === 0 ? /* @__PURE__ */ s.jsx(s.Fragment, { children: r }) : /* @__PURE__ */ s.jsx(s.Fragment, { children: c });
@@ -423,7 +422,7 @@ const ft = {
 }, qe = (e, r) => e.filter((o) => Ue(o, r)), Be = (e) => e.sort((r, o) => {
   const n = r.distanceMeters ?? Number.POSITIVE_INFINITY, a = o.distanceMeters ?? Number.POSITIVE_INFINITY;
   return n - a;
-}), Ve = (e, r) => Be(qe(We(e), r)), Je = (e, r) => ce(e).toLowerCase() === r.trim().toLowerCase(), pt = ({
+}), Ve = (e, r) => Be(qe(We(e), r)), Je = (e, r) => ce(e).toLowerCase() === r.trim().toLowerCase(), mt = ({
   id: e,
   label: r,
   placeholder: o,
@@ -431,13 +430,13 @@ const ft = {
   onValueChange: a,
   disabled: c,
   name: d,
-  className: m,
-  autofillShimName: p,
-  googleMapsApiKey: y,
+  className: p,
+  autofillShimName: m,
+  googleMapsApiKey: x,
   boundingBox: b,
   allowedTypes: l
 }) => {
-  const [f, T] = I(n ?? ""), [w, v] = I([]), [k, x] = I(!1), [D, j] = I(-1), R = C(null), A = C(null), O = C(!1), F = C(!1), P = C(null), Y = ze("places", y), [W, Z] = I(null), U = ye(() => {
+  const [f, T] = I(n ?? ""), [w, v] = I([]), [k, y] = I(!1), [D, j] = I(-1), R = C(null), A = C(null), O = C(!1), F = C(!1), P = C(null), Y = ze("places", x), [W, Q] = I(null), U = xe(() => {
     if (!l)
       return Fe;
     const u = /* @__PURE__ */ new Set();
@@ -452,9 +451,9 @@ const ft = {
       return;
     let u = !0;
     return google.maps.importLibrary("places").then((E) => {
-      u && Z(E);
+      u && Q(E);
     }).catch(() => {
-      u && (console.error("AddressAutocompleteInput: failed to load places library"), Z(null));
+      u && (console.error("AddressAutocompleteInput: failed to load places library"), Q(null));
     }), () => {
       u = !1;
     };
@@ -468,13 +467,13 @@ const ft = {
       if (!u)
         return;
       if (f.trim() === "") {
-        v([]), x(!1), P.current = null, n !== "" && a("");
+        v([]), y(!1), P.current = null, n !== "" && a("");
         return;
       }
       if (!W) return;
       const { AutocompleteSuggestion: t, AutocompleteSessionToken: i } = W;
       if (!t || !i) {
-        console.error("AddressAutocompleteInput: missing AutocompleteSuggestion or AutocompleteSessionToken exports"), v([]), x(!1);
+        console.error("AddressAutocompleteInput: missing AutocompleteSuggestion or AutocompleteSessionToken exports"), v([]), y(!1);
         return;
       }
       P.current || (P.current = new i());
@@ -489,12 +488,12 @@ const ft = {
           return;
         const G = h.suggestions.map((z) => z.placePrediction).filter((z) => !!z), S = Ve(G, U), _ = S[0], L = _ && S.length === 1 && Je(_, f);
         if (!F.current && L) {
-          v(S), x(!1);
+          v(S), y(!1);
           return;
         }
-        S.length > 0 ? (v(S), F.current && x(!0), j(-1)) : (v([]), x(!1));
+        S.length > 0 ? (v(S), F.current && y(!0), j(-1)) : (v([]), y(!1));
       }).catch((h) => {
-        u && (console.error("AddressAutocompleteInput: suggestion fetch failed", h), v([]), x(!1));
+        u && (console.error("AddressAutocompleteInput: suggestion fetch failed", h), v([]), y(!1));
       });
     }, 300);
     return () => {
@@ -502,7 +501,7 @@ const ft = {
     };
   }, [f, W, a, n, b, U]), $(() => {
     const u = (E) => {
-      R.current && !R.current.contains(E.target) && A.current && !A.current.contains(E.target) && x(!1);
+      R.current && !R.current.contains(E.target) && A.current && !A.current.contains(E.target) && y(!1);
     };
     return document.addEventListener("mousedown", u), () => {
       document.removeEventListener("mousedown", u);
@@ -511,18 +510,18 @@ const ft = {
   const q = (u) => {
     O.current = !0;
     const E = ce(u);
-    T(E), a(E), v([]), x(!1), P.current = null;
+    T(E), a(E), v([]), y(!1), P.current = null;
   }, te = (u) => {
     F.current = !0, T(u.target.value);
   }, B = (u) => {
     if (!k || w.length === 0) {
-      u.key === "Enter" && (u.preventDefault(), a(f), x(!1), P.current = null);
+      u.key === "Enter" && (u.preventDefault(), a(f), y(!1), P.current = null);
       return;
     }
-    u.key === "ArrowDown" ? (u.preventDefault(), j((E) => (E + 1) % w.length)) : u.key === "ArrowUp" ? (u.preventDefault(), j((E) => (E - 1 + w.length) % w.length)) : u.key === "Enter" ? (u.preventDefault(), D > -1 && w[D] ? q(w[D]) : (a(f), x(!1), P.current = null)) : u.key === "Escape" && x(!1);
-  }, Q = () => {
-    x(!1), n !== f && a(f), P.current = null;
-  }, V = p ?? (d ? `${d}_shim` : void 0);
+    u.key === "ArrowDown" ? (u.preventDefault(), j((E) => (E + 1) % w.length)) : u.key === "ArrowUp" ? (u.preventDefault(), j((E) => (E - 1 + w.length) % w.length)) : u.key === "Enter" ? (u.preventDefault(), D > -1 && w[D] ? q(w[D]) : (a(f), y(!1), P.current = null)) : u.key === "Escape" && y(!1);
+  }, K = () => {
+    y(!1), n !== f && a(f), P.current = null;
+  }, V = m ?? (d ? `${d}_shim` : void 0);
   return /* @__PURE__ */ s.jsxs("div", { className: "relative", children: [
     V && /* @__PURE__ */ s.jsx(
       "input",
@@ -547,12 +546,12 @@ const ft = {
         onChange: te,
         onKeyDown: B,
         onFocus: () => {
-          w.length > 0 && f && x(!0);
+          w.length > 0 && f && y(!0);
         },
-        onBlur: Q,
+        onBlur: K,
         disabled: c,
         autoComplete: "off",
-        className: M("w-full", m)
+        className: M("w-full", p)
       }
     ),
     k && w.length > 0 && /* @__PURE__ */ s.jsx(
@@ -577,7 +576,7 @@ const ft = {
       }
     )
   ] });
-}, mt = ({
+}, pt = ({
   className: e,
   onClick: r,
   children: o,
@@ -608,14 +607,14 @@ const ft = {
   checked: a,
   onChange: c,
   color: d = "sky",
-  ...m
+  ...p
 }) => {
-  const p = Xe[d];
+  const m = Xe[d];
   return /* @__PURE__ */ s.jsx("div", { className: "flex h-6 shrink-0 items-center", children: /* @__PURE__ */ s.jsxs("div", { className: "group grid size-4 grid-cols-1", children: [
     /* @__PURE__ */ s.jsx(
       "input",
       {
-        ...m,
+        ...p,
         id: e,
         name: r,
         type: "checkbox",
@@ -623,7 +622,7 @@ const ft = {
         defaultChecked: n,
         checked: a,
         onChange: c,
-        className: `col-start-1 row-start-1 appearance-none cursor-pointer rounded-sm border border-gray-300 bg-white focus-visible:outline-2 focus-visible:outline-offset-2 disabled:border-gray-300 disabled:bg-gray-100 disabled:checked:bg-gray-100 forced-colors:appearance-auto ${p}`
+        className: `col-start-1 row-start-1 appearance-none cursor-pointer rounded-sm border border-gray-300 bg-white focus-visible:outline-2 focus-visible:outline-offset-2 disabled:border-gray-300 disabled:bg-gray-100 disabled:checked:bg-gray-100 forced-colors:appearance-auto ${m}`
       }
     ),
     /* @__PURE__ */ s.jsxs(
@@ -678,7 +677,7 @@ function vt({
 }) {
   return /* @__PURE__ */ s.jsx(N.Close, { "data-slot": "dialog-close", ...e });
 }
-function Ke({
+function Ze({
   className: e,
   ...r
 }) {
@@ -694,7 +693,7 @@ function Ke({
     }
   );
 }
-const Ze = ve.forwardRef(({ className: e, children: r, showCloseButton: o = !0, showCloseButtonOutside: n = !1, ...a }, c) => /* @__PURE__ */ s.jsx(He, { "data-slot": "dialog-portal", children: /* @__PURE__ */ s.jsx(Ke, { children: /* @__PURE__ */ s.jsxs(
+const Qe = ve.forwardRef(({ className: e, children: r, showCloseButton: o = !0, showCloseButtonOutside: n = !1, ...a }, c) => /* @__PURE__ */ s.jsx(He, { "data-slot": "dialog-portal", children: /* @__PURE__ */ s.jsx(Ze, { children: /* @__PURE__ */ s.jsxs(
   N.Content,
   {
     ref: c,
@@ -723,7 +722,7 @@ const Ze = ve.forwardRef(({ className: e, children: r, showCloseButton: o = !0,
     ]
   }
 ) }) }));
-Ze.displayName = N.Content.displayName;
+Qe.displayName = N.Content.displayName;
 function _t({ className: e, ...r }) {
   return /* @__PURE__ */ s.jsx(
     "div",
@@ -734,7 +733,7 @@ function _t({ className: e, ...r }) {
     }
   );
 }
-function yt({ className: e, ...r }) {
+function xt({ className: e, ...r }) {
   return /* @__PURE__ */ s.jsx(
     "div",
     {
@@ -744,7 +743,7 @@ function yt({ className: e, ...r }) {
     }
   );
 }
-function xt({
+function yt({
   className: e,
   ...r
 }) {
@@ -770,10 +769,10 @@ function Et({
     }
   );
 }
-var Qe = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "#", "$", "%", "*", "+", ",", "-", ".", ":", ";", "=", "?", "@", "[", "]", "^", "_", "{", "|", "}", "~"], K = (e) => {
+var Ke = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "#", "$", "%", "*", "+", ",", "-", ".", ":", ";", "=", "?", "@", "[", "]", "^", "_", "{", "|", "}", "~"], Z = (e) => {
   let r = 0;
   for (let o = 0; o < e.length; o++) {
-    let n = e[o], a = Qe.indexOf(n);
+    let n = e[o], a = Ke.indexOf(n);
     r = r * 83 + a;
   }
   return r;
@@ -783,14 +782,14 @@ var Qe = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D",
 }, ne = (e) => {
   let r = Math.max(0, Math.min(1, e));
   return r <= 31308e-7 ? Math.trunc(r * 12.92 * 255 + 0.5) : Math.trunc((1.055 * Math.pow(r, 0.4166666666666667) - 0.055) * 255 + 0.5);
-}, et = (e) => e < 0 ? -1 : 1, se = (e, r) => et(e) * Math.pow(Math.abs(e), r), me = class extends Error {
+}, et = (e) => e < 0 ? -1 : 1, se = (e, r) => et(e) * Math.pow(Math.abs(e), r), pe = class extends Error {
   constructor(e) {
     super(e), this.name = "ValidationError", this.message = e;
   }
 }, tt = (e) => {
-  if (!e || e.length < 6) throw new me("The blurhash string must be at least 6 characters");
-  let r = K(e[0]), o = Math.floor(r / 9) + 1, n = r % 9 + 1;
-  if (e.length !== 4 + 2 * n * o) throw new me(`blurhash length mismatch: length is ${e.length} but it should be ${4 + 2 * n * o}`);
+  if (!e || e.length < 6) throw new pe("The blurhash string must be at least 6 characters");
+  let r = Z(e[0]), o = Math.floor(r / 9) + 1, n = r % 9 + 1;
+  if (e.length !== 4 + 2 * n * o) throw new pe(`blurhash length mismatch: length is ${e.length} but it should be ${4 + 2 * n * o}`);
 }, rt = (e) => {
   let r = e >> 16, o = e >> 8 & 255, n = e & 255;
   return [oe(r), oe(o), oe(n)];
@@ -799,23 +798,23 @@ var Qe = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D",
   return [se((o - 9) / 9, 2) * r, se((n - 9) / 9, 2) * r, se((a - 9) / 9, 2) * r];
 }, nt = (e, r, o, n) => {
   tt(e), n = n | 1;
-  let a = K(e[0]), c = Math.floor(a / 9) + 1, d = a % 9 + 1, m = (K(e[1]) + 1) / 166, p = new Array(d * c);
-  for (let l = 0; l < p.length; l++) if (l === 0) {
-    let f = K(e.substring(2, 6));
-    p[l] = rt(f);
+  let a = Z(e[0]), c = Math.floor(a / 9) + 1, d = a % 9 + 1, p = (Z(e[1]) + 1) / 166, m = new Array(d * c);
+  for (let l = 0; l < m.length; l++) if (l === 0) {
+    let f = Z(e.substring(2, 6));
+    m[l] = rt(f);
   } else {
-    let f = K(e.substring(4 + l * 2, 6 + l * 2));
-    p[l] = ot(f, m * n);
+    let f = Z(e.substring(4 + l * 2, 6 + l * 2));
+    m[l] = ot(f, p * n);
   }
-  let y = r * 4, b = new Uint8ClampedArray(y * o);
+  let x = r * 4, b = new Uint8ClampedArray(x * o);
   for (let l = 0; l < o; l++) for (let f = 0; f < r; f++) {
     let T = 0, w = 0, v = 0;
     for (let j = 0; j < c; j++) for (let R = 0; R < d; R++) {
-      let A = Math.cos(Math.PI * f * R / r) * Math.cos(Math.PI * l * j / o), O = p[R + j * d];
+      let A = Math.cos(Math.PI * f * R / r) * Math.cos(Math.PI * l * j / o), O = m[R + j * d];
       T += O[0] * A, w += O[1] * A, v += O[2] * A;
     }
-    let k = ne(T), x = ne(w), D = ne(v);
-    b[4 * f + 0 + l * y] = k, b[4 * f + 1 + l * y] = x, b[4 * f + 2 + l * y] = D, b[4 * f + 3 + l * y] = 255;
+    let k = ne(T), y = ne(w), D = ne(v);
+    b[4 * f + 0 + l * x] = k, b[4 * f + 1 + l * x] = y, b[4 * f + 2 + l * x] = D, b[4 * f + 3 + l * x] = 255;
   }
   return b;
 }, st = nt;
@@ -825,23 +824,23 @@ const wt = ({
   alt: o = "",
   className: n
 }) => {
-  const [a, c] = I(!1), [d, m] = I(null), p = C(null);
+  const [a, c] = I(!1), [d, p] = I(null), m = C(null);
   $(() => {
     if (!r) return;
     const [l, f, T] = r, w = st(T, l, f), v = document.createElement("canvas"), k = v.getContext("2d");
     if (k) {
       v.width = l, v.height = f;
-      const x = new ImageData(
+      const y = new ImageData(
         new Uint8ClampedArray(w),
         l,
         f
       );
-      k.putImageData(x, 0, 0), m(v.toDataURL());
+      k.putImageData(y, 0, 0), p(v.toDataURL());
     }
   }, [r]), $(() => {
-    p.current && p.current.complete && c(!0);
+    m.current && m.current.complete && c(!0);
   }, [e]);
-  const y = () => {
+  const x = () => {
   }, b = () => {
   };
   return /* @__PURE__ */ s.jsxs(
@@ -849,7 +848,7 @@ const wt = ({
     {
       style: { position: "relative", overflow: "hidden" },
       className: n,
-      onMouseEnter: y,
+      onMouseEnter: x,
       onMouseLeave: b,
       children: [
         d && !a && /* @__PURE__ */ s.jsx(
@@ -869,7 +868,7 @@ const wt = ({
         /* @__PURE__ */ s.jsx(
           "img",
           {
-            ref: p,
+            ref: m,
             src: e,
             alt: o,
             style: {
@@ -898,20 +897,20 @@ const wt = ({
   isActive: a,
   children: c
 }) => {
-  const [d, m] = I(!1), p = C(null), y = C(null), b = () => {
-    p.current && clearTimeout(p.current), m(!0);
+  const [d, p] = I(!1), m = C(null), x = C(null), b = () => {
+    m.current && clearTimeout(m.current), p(!0);
   }, l = () => {
-    p.current = setTimeout(() => {
-      m(!1);
+    m.current = setTimeout(() => {
+      p(!1);
     }, 120);
   };
   return $(() => () => {
-    p.current && clearTimeout(p.current);
+    m.current && clearTimeout(m.current);
   }, []), /* @__PURE__ */ s.jsxs(
     "div",
     {
       className: "flex",
-      ref: y,
+      ref: x,
       onMouseEnter: b,
       onMouseLeave: l,
       children: [
@@ -920,7 +919,7 @@ const wt = ({
           {
             to: e,
             onClick: () => {
-              m(!1);
+              p(!1);
             },
             className: ie(
               "relative z-10 -mb-px flex items-center border-b-2 pt-px text-sm font-medium text-gray-700 cursor-pointer transition-colors duration-200 ease-out hover:text-gray-800",
@@ -943,7 +942,7 @@ const wt = ({
                   className: "absolute inset-0 top-1/2 bg-white shadow-sm"
                 }
               ),
-              /* @__PURE__ */ s.jsx("div", { className: "relative bg-white", children: c({ setIsOpen: m }) })
+              /* @__PURE__ */ s.jsx("div", { className: "relative bg-white", children: c({ setIsOpen: p }) })
             ]
           }
         )
@@ -954,19 +953,19 @@ const wt = ({
   MenuPopover: at
 };
 export {
-  pt as AddressAutocompleteInput,
-  mt as ApplePayButton,
+  mt as AddressAutocompleteInput,
+  pt as ApplePayButton,
   gt as Checkbox,
   ft as DEFAULT_ADDRESS_BOUNDING_BOX,
   ht as Dialog,
   vt as DialogClose,
-  Ze as DialogContent,
+  Qe as DialogContent,
   Et as DialogDescription,
-  yt as DialogFooter,
+  xt as DialogFooter,
   _t as DialogHeader,
-  Ke as DialogOverlay,
+  Ze as DialogOverlay,
   He as DialogPortal,
-  xt as DialogTitle,
+  yt as DialogTitle,
   bt as DialogTrigger,
   Tt as Header,
   wt as Image,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpcbase/ui",
-  "version": "0.51.0",
+  "version": "0.52.0",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
   "files": [