@rpcbase/ui 0.51.0 → 0.53.0

package/dist/components/AddressAutocompleteInput/index.d.ts

@@ -1,5 +1,4 @@
-export declare const DEFAULT_ADDRESS_BOUNDING_BOX: google.maps.LatLngBoundsLiteral;
-export declare const AddressAutocompleteInput: ({ id, label, placeholder, value, onValueChange, disabled, name, className, autofillShimName, googleMapsApiKey, boundingBox, allowedTypes, }: {
+export declare const AddressAutocompleteInput: ({ id, label, placeholder, value, onValueChange, disabled, name, className, autofillShimName, googleMapsApiKey, locationRestriction, allowedTypes, }: {
     id: string;
     label: string;
     placeholder: string;
@@ -10,7 +9,7 @@ export declare const AddressAutocompleteInput: ({ id, label, placeholder, value,
     className?: string;
     autofillShimName?: string;
     googleMapsApiKey?: string;
-    boundingBox: google.maps.LatLngBoundsLiteral | google.maps.LatLngBounds;
+    locationRestriction: google.maps.LatLngBoundsLiteral | google.maps.LatLngBounds;
     allowedTypes?: Iterable<string>;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/AddressAutocompleteInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/AddressAutocompleteInput/index.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,IAAI,CAAC,mBAKtD,CAAA;AA8ID,eAAO,MAAM,wBAAwB,GAAI,6IAatC;IACD,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,EAAE,MAAM,CAAC,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAA;IACvE,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;CAChC,4CAwRA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/AddressAutocompleteInput/index.tsx"],"names":[],"mappings":"AAoJA,eAAO,MAAM,wBAAwB,GAAI,qJAatC;IACD,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,mBAAmB,EAAE,MAAM,CAAC,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAA;IAC/E,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;CAChC,4CAwRA,CAAA"}

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";
@@ -75,14 +75,14 @@ function ke() {
         ), t.$$typeof) {
           case v:
             return "Portal";
-          case R:
+          case P:
             return t.displayName || "Context";
           case j:
             return (t._context.displayName || "Context") + ".Consumer";
           case A:
             var i = t.render;
             return t = t.displayName, t || (t = i.displayName || i.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case P:
+          case R:
             return i = t.displayName || null, i !== null ? i : e(t.type) || "Memo";
           case Y:
             i = t._payload, t = t._init;
@@ -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(
+      return B[t] || (B[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"), P = Symbol.for("react.context"), A = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), R = 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, V = console.createTask ? console.createTask : function() {
       return null;
     };
     T = {
@@ -251,10 +251,10 @@ 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, B = {}, u = T.react_stack_bottom_frame.bind(
       T,
       c
-    )(), E = B(n(c)), J = {};
+    )(), E = V(n(c)), J = {};
     H.Fragment = k, H.jsx = function(t, i, g) {
       var h = 1e4 > U.recentlyCreatedOwnerStacks++;
       return b(
@@ -263,7 +263,7 @@ React keys must be passed directly to JSX without using spread:
         g,
         !1,
         h ? Error("react-stack-top-frame") : u,
-        h ? B(n(t)) : E
+        h ? V(n(t)) : E
       );
     }, H.jsxs = function(t, i, g) {
       var h = 1e4 > U.recentlyCreatedOwnerStacks++;
@@ -273,7 +273,7 @@ React keys must be passed directly to JSX without using spread:
         g,
         !0,
         h ? Error("react-stack-top-frame") : u,
-        h ? B(n(t)) : E
+        h ? V(n(t)) : E
       );
     };
   })()), H;
@@ -283,15 +283,15 @@ function je() {
   return fe || (fe = 1, process.env.NODE_ENV === "production" ? ee.exports = Te() : ee.exports = ke()), ee.exports;
 }
 var s = je();
-function Re(e, r) {
+function Pe(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] + "");
+const Re = (e) => {
+  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), Pe(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) => {
@@ -316,19 +316,18 @@ async function Le(e) {
 }
 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);
+  r ? Ie(Ae(e)) : Me && document.querySelector('script[src*="maps.googleapis.com/maps/api/js"]') && le(Se), r || Re(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;
@@ -363,12 +362,7 @@ function he(e) {
   );
 }
 he.displayName = "Input";
-const ft = {
-  north: 48.17277,
-  south: 46.948101,
-  east: 2.580919,
-  west: -2.216823
-}, Fe = /* @__PURE__ */ new Set([
+const Fe = /* @__PURE__ */ new Set([
   "street_address",
   "route",
   "premise",
@@ -404,13 +398,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 });
@@ -420,10 +414,10 @@ const ft = {
     const n = o.placeId;
     n && (r.has(n) || r.set(n, o));
   }), Array.from(r.values());
-}, qe = (e, r) => e.filter((o) => Ue(o, r)), Be = (e) => e.sort((r, o) => {
+}, qe = (e, r) => e.filter((o) => Ue(o, r)), Ve = (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 = ({
+}), Be = (e, r) => Ve(qe(We(e), r)), Je = (e, r) => ce(e).toLowerCase() === r.trim().toLowerCase(), ft = ({
   id: e,
   label: r,
   placeholder: o,
@@ -431,13 +425,13 @@ const ft = {
   onValueChange: a,
   disabled: c,
   name: d,
-  className: m,
-  autofillShimName: p,
-  googleMapsApiKey: y,
-  boundingBox: b,
+  className: p,
+  autofillShimName: m,
+  googleMapsApiKey: x,
+  locationRestriction: 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), P = C(null), A = C(null), O = C(!1), F = C(!1), R = C(null), Y = ze("places", x), [W, Q] = I(null), U = xe(() => {
     if (!l)
       return Fe;
     const u = /* @__PURE__ */ new Set();
@@ -452,9 +446,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,33 +462,33 @@ const ft = {
       if (!u)
         return;
       if (f.trim() === "") {
-        v([]), x(!1), P.current = null, n !== "" && a("");
+        v([]), y(!1), R.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());
+      R.current || (R.current = new i());
       const g = {
         input: f,
-        sessionToken: P.current ?? void 0,
+        sessionToken: R.current ?? void 0,
         locationRestriction: b,
         includedRegionCodes: ["fr"]
       };
       t.fetchAutocompleteSuggestions(g).then((h) => {
         if (!u)
           return;
-        const G = h.suggestions.map((z) => z.placePrediction).filter((z) => !!z), S = Ve(G, U), _ = S[0], L = _ && S.length === 1 && Je(_, f);
+        const G = h.suggestions.map((z) => z.placePrediction).filter((z) => !!z), S = Be(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 +496,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);
+      P.current && !P.current.contains(E.target) && A.current && !A.current.contains(E.target) && y(!1);
     };
     return document.addEventListener("mousedown", u), () => {
       document.removeEventListener("mousedown", u);
@@ -511,25 +505,25 @@ 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), R.current = null;
   }, te = (u) => {
     F.current = !0, T(u.target.value);
-  }, B = (u) => {
+  }, V = (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), R.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), R.current = null)) : u.key === "Escape" && y(!1);
+  }, K = () => {
+    y(!1), n !== f && a(f), R.current = null;
+  }, B = m ?? (d ? `${d}_shim` : void 0);
   return /* @__PURE__ */ s.jsxs("div", { className: "relative", children: [
-    V && /* @__PURE__ */ s.jsx(
+    B && /* @__PURE__ */ s.jsx(
       "input",
       {
         tabIndex: -1,
         autoComplete: "street-address",
-        name: V,
+        name: B,
         "aria-hidden": "true",
         className: "pointer-events-none absolute left-0 top-0 h-0 w-0 opacity-0"
       }
@@ -538,21 +532,21 @@ const ft = {
     /* @__PURE__ */ s.jsx(
       he,
       {
-        ref: R,
+        ref: P,
         id: e,
         type: "text",
         placeholder: o,
         name: d ?? `${e}_input`,
         value: f,
         onChange: te,
-        onKeyDown: B,
+        onKeyDown: V,
         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(
@@ -600,7 +594,7 @@ const ft = {
 ), Xe = {
   red: "checked:border-red-700 checked:bg-red-700 indeterminate:border-red-700 indeterminate:bg-red-700 focus-visible:outline-red-700",
   sky: "checked:border-sky-600 checked:bg-sky-600 indeterminate:border-sky-600 indeterminate:bg-sky-600 focus-visible:outline-sky-600"
-}, gt = ({
+}, pt = ({
   id: e,
   name: r,
   defaultValue: o,
@@ -608,14 +602,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 +617,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(
@@ -658,12 +652,12 @@ const ft = {
     )
   ] }) });
 };
-function ht({
+function gt({
   ...e
 }) {
   return /* @__PURE__ */ s.jsx(N.Root, { "data-slot": "dialog", ...e });
 }
-function bt({
+function ht({
   ...e
 }) {
   return /* @__PURE__ */ s.jsx(N.Trigger, { "data-slot": "dialog-trigger", ...e });
@@ -673,12 +667,12 @@ function He({
 }) {
   return /* @__PURE__ */ s.jsx(N.Portal, { "data-slot": "dialog-portal", ...e });
 }
-function vt({
+function bt({
   ...e
 }) {
   return /* @__PURE__ */ s.jsx(N.Close, { "data-slot": "dialog-close", ...e });
 }
-function Ke({
+function Ze({
   className: e,
   ...r
 }) {
@@ -694,7 +688,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,8 +717,8 @@ const Ze = ve.forwardRef(({ className: e, children: r, showCloseButton: o = !0,
     ]
   }
 ) }) }));
-Ze.displayName = N.Content.displayName;
-function _t({ className: e, ...r }) {
+Qe.displayName = N.Content.displayName;
+function vt({ className: e, ...r }) {
   return /* @__PURE__ */ s.jsx(
     "div",
     {
@@ -734,7 +728,7 @@ function _t({ className: e, ...r }) {
     }
   );
 }
-function yt({ className: e, ...r }) {
+function _t({ className: e, ...r }) {
   return /* @__PURE__ */ s.jsx(
     "div",
     {
@@ -757,7 +751,7 @@ function xt({
     }
   );
 }
-function Et({
+function yt({
   className: e,
   ...r
 }) {
@@ -770,10 +764,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 +777,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,49 +793,49 @@ 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];
+    for (let j = 0; j < c; j++) for (let P = 0; P < d; P++) {
+      let A = Math.cos(Math.PI * f * P / r) * Math.cos(Math.PI * l * j / o), O = m[P + 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;
-const wt = ({
+const Et = ({
   src: e,
   hash: r,
   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 +843,7 @@ const wt = ({
     {
       style: { position: "relative", overflow: "hidden" },
       className: n,
-      onMouseEnter: y,
+      onMouseEnter: x,
       onMouseLeave: b,
       children: [
         d && !a && /* @__PURE__ */ s.jsx(
@@ -869,7 +863,7 @@ const wt = ({
         /* @__PURE__ */ s.jsx(
           "img",
           {
-            ref: p,
+            ref: m,
             src: e,
             alt: o,
             style: {
@@ -898,20 +892,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 +914,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,33 +937,32 @@ 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 }) })
             ]
           }
         )
       ]
     }
   );
-}, Tt = {
+}, wt = {
   MenuPopover: at
 };
 export {
-  pt as AddressAutocompleteInput,
+  ft as AddressAutocompleteInput,
   mt as ApplePayButton,
-  gt as Checkbox,
-  ft as DEFAULT_ADDRESS_BOUNDING_BOX,
-  ht as Dialog,
-  vt as DialogClose,
-  Ze as DialogContent,
-  Et as DialogDescription,
-  yt as DialogFooter,
-  _t as DialogHeader,
-  Ke as DialogOverlay,
+  pt as Checkbox,
+  gt as Dialog,
+  bt as DialogClose,
+  Qe as DialogContent,
+  yt as DialogDescription,
+  _t as DialogFooter,
+  vt as DialogHeader,
+  Ze as DialogOverlay,
   He as DialogPortal,
   xt as DialogTitle,
-  bt as DialogTrigger,
-  Tt as Header,
-  wt as Image,
+  ht as DialogTrigger,
+  wt as Header,
+  Et as Image,
   he as Input,
   dt as isMobileDevice
 };

package/package.json

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