@rhinestone/deposit-modal 0.1.55 → 0.1.57

package/dist/{DepositModalReown-5QKEE7R3.mjs → DepositModalReown-C3WPJW3E.mjs}

@@ -1,11 +1,11 @@
 import {
   DepositModalInner
-} from "./chunk-AJUR6FAP.mjs";
+} from "./chunk-VOGD6Y4U.mjs";
 import {
   ReownWalletProvider,
   useReownWallet
 } from "./chunk-MBURQ26S.mjs";
-import "./chunk-JQTV5JTB.mjs";
+import "./chunk-7TTEHQBD.mjs";
 import "./chunk-CIXHTOO3.mjs";
 
 // src/DepositModalReown.tsx

package/dist/{DepositModalReown-XKP2Z55X.cjs → DepositModalReown-KONUZXHJ.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var _chunkQJVXCBUIcjs = require('./chunk-QJVXCBUI.cjs');
+var _chunkZ2TKNB6Ccjs = require('./chunk-Z2TKNB6C.cjs');
 
 
 
 var _chunkN2Y34LQOcjs = require('./chunk-N2Y34LQO.cjs');
-require('./chunk-EAEDK474.cjs');
+require('./chunk-TQ6IIGRS.cjs');
 require('./chunk-R6U6BHCV.cjs');
 
 // src/DepositModalReown.tsx
@@ -32,7 +32,7 @@ function DepositModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkQJVXCBUIcjs.DepositModalInner,
+    _chunkZ2TKNB6Ccjs.DepositModalInner,
     {
       ...props,
       reownWallet: reownWithSolana,

package/dist/{WithdrawModalReown-K57JK52O.mjs → WithdrawModalReown-PFGUPZFN.mjs}

@@ -1,11 +1,11 @@
 import {
   WithdrawModalInner
-} from "./chunk-QOEACKBH.mjs";
+} from "./chunk-3ESBSOB7.mjs";
 import {
   ReownWalletProvider,
   useReownWallet
 } from "./chunk-MBURQ26S.mjs";
-import "./chunk-JQTV5JTB.mjs";
+import "./chunk-7TTEHQBD.mjs";
 import "./chunk-CIXHTOO3.mjs";
 
 // src/WithdrawModalReown.tsx

package/dist/{WithdrawModalReown-CN2NJUYL.cjs → WithdrawModalReown-TUBSUJQ6.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkXMNGYDDBcjs = require('./chunk-XMNGYDDB.cjs');
+var _chunk3FEFGN7Hcjs = require('./chunk-3FEFGN7H.cjs');
 
 
 
 var _chunkN2Y34LQOcjs = require('./chunk-N2Y34LQO.cjs');
-require('./chunk-EAEDK474.cjs');
+require('./chunk-TQ6IIGRS.cjs');
 require('./chunk-R6U6BHCV.cjs');
 
 // src/WithdrawModalReown.tsx
@@ -20,7 +20,7 @@ function WithdrawModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkXMNGYDDBcjs.WithdrawModalInner,
+    _chunk3FEFGN7Hcjs.WithdrawModalInner,
     {
       ...props,
       reownWallet: reown,

package/dist/{chunk-QOEACKBH.mjs → chunk-3ESBSOB7.mjs}

@@ -20,7 +20,7 @@ import {
   loadSessionOwnerFromStorage,
   saveSessionOwnerToStorage,
   toEvmCaip2
-} from "./chunk-JQTV5JTB.mjs";
+} from "./chunk-7TTEHQBD.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -1453,7 +1453,7 @@ function WithdrawFlow({
 // src/WithdrawModal.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var ReownWithdrawInner = lazy(
-  () => import("./WithdrawModalReown-K57JK52O.mjs").then((m) => ({
+  () => import("./WithdrawModalReown-PFGUPZFN.mjs").then((m) => ({
     default: m.WithdrawModalReown
   }))
 );

package/dist/{chunk-XMNGYDDB.cjs → chunk-3FEFGN7H.cjs}

@@ -20,7 +20,7 @@
 
 
 
-var _chunkEAEDK474cjs = require('./chunk-EAEDK474.cjs');
+var _chunkTQ6IIGRScjs = require('./chunk-TQ6IIGRS.cjs');
 
 
 
@@ -141,7 +141,7 @@ function WithdrawFormStep({
       setIsSwitching(true);
       switchChain(asset.chainId).catch((err) => {
         const raw = err instanceof Error ? err.message : "Failed to switch chain";
-        setError(_chunkEAEDK474cjs.formatUserError.call(void 0, raw));
+        setError(_chunkTQ6IIGRScjs.formatUserError.call(void 0, raw));
       }).finally(() => {
         setIsSwitching(false);
       });
@@ -161,7 +161,7 @@ function WithdrawFormStep({
         return;
       }
       try {
-        const bal = _chunkEAEDK474cjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: safeAddress }) : await publicClient.readContract({
+        const bal = _chunkTQ6IIGRScjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: safeAddress }) : await publicClient.readContract({
           address: asset.token,
           abi: _viem.erc20Abi,
           functionName: "balanceOf",
@@ -264,7 +264,7 @@ function WithdrawFormStep({
       await onSubmit(recipient, amount);
     } catch (err) {
       const raw = err instanceof Error ? err.message : "Withdrawal failed";
-      setError(_chunkEAEDK474cjs.formatUserError.call(void 0, raw));
+      setError(_chunkTQ6IIGRScjs.formatUserError.call(void 0, raw));
     } finally {
       setIsSubmitting(false);
     }
@@ -272,11 +272,11 @@ function WithdrawFormStep({
   if (isBalanceLoading) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step-body rs-withdraw-loading", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEAEDK474cjs.Spinner, { className: "rs-spinner--lg" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTQ6IIGRScjs.Spinner, { className: "rs-spinner--lg" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-withdraw-loading-title", children: "Loading on-chain balance" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-withdraw-loading-subtitle", children: chainMismatch ? `Switch to ${_chunkR6U6BHCVcjs.getChainName.call(void 0, asset.chainId)} to continue.` : "Please wait before withdrawing." })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEAEDK474cjs.PoweredBy, {})
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTQ6IIGRScjs.PoweredBy, {})
     ] });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step", children: [
@@ -375,7 +375,7 @@ function WithdrawFormStep({
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-amount-info", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-withdraw-usd", children: amountUsd !== null ? _chunkEAEDK474cjs.currencyFormatter.format(amountUsd) : "$0.00" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-withdraw-usd", children: amountUsd !== null ? _chunkTQ6IIGRScjs.currencyFormatter.format(amountUsd) : "$0.00" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-withdraw-balance", children: [
             "Balance: ",
             formattedBalance,
@@ -569,7 +569,7 @@ function WithdrawFormStep({
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkEAEDK474cjs.Button,
+      _chunkTQ6IIGRScjs.Button,
       {
         onClick: handleWithdraw,
         fullWidth: true,
@@ -578,7 +578,7 @@ function WithdrawFormStep({
         children: isBusy ? "Preparing..." : !recipient ? "Enter Recipient Address" : !amount ? "Enter Withdraw Amount" : "Withdraw"
       }
     ) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEAEDK474cjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTQ6IIGRScjs.PoweredBy, {})
   ] });
 }
 WithdrawFormStep.displayName = "WithdrawFormStep";
@@ -910,13 +910,13 @@ function WithdrawFlow({
   const [isConnectSelectionConfirmed, setIsConnectSelectionConfirmed] = _react.useState.call(void 0, false);
   const logFlow = _react.useCallback.call(void 0, 
     (message, data) => {
-      _chunkEAEDK474cjs.debugLog.call(void 0, debug, "withdraw-flow", message, data);
+      _chunkTQ6IIGRScjs.debugLog.call(void 0, debug, "withdraw-flow", message, data);
     },
     [debug]
   );
   const logFlowError = _react.useCallback.call(void 0, 
     (message, error, data) => {
-      _chunkEAEDK474cjs.debugError.call(void 0, debug, "withdraw-flow", message, error, data);
+      _chunkTQ6IIGRScjs.debugError.call(void 0, debug, "withdraw-flow", message, error, data);
     },
     [debug]
   );
@@ -975,14 +975,14 @@ function WithdrawFlow({
         return {
           ownerAddress: dappAddress,
           walletClient: _nullishCoalesce(dappWalletClient, () => ( void 0)),
-          publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkEAEDK474cjs.getPublicClient.call(void 0, sourceChain))),
+          publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkTQ6IIGRScjs.getPublicClient.call(void 0, sourceChain))),
           switchChain: dappSwitchChain
         };
       }
       return {
         ownerAddress: dappWalletClient.account.address,
         walletClient: dappWalletClient,
-        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkEAEDK474cjs.getPublicClient.call(void 0, sourceChain))),
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkTQ6IIGRScjs.getPublicClient.call(void 0, sourceChain))),
         switchChain: dappSwitchChain
       };
     }
@@ -993,7 +993,7 @@ function WithdrawFlow({
       return {
         ownerAddress: dappWalletClient.account.address,
         walletClient: dappWalletClient,
-        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkEAEDK474cjs.getPublicClient.call(void 0, sourceChain))),
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkTQ6IIGRScjs.getPublicClient.call(void 0, sourceChain))),
         switchChain: dappSwitchChain
       };
     }
@@ -1023,7 +1023,7 @@ function WithdrawFlow({
     const symbol = _chunkR6U6BHCVcjs.getTokenSymbol.call(void 0, sourceToken, sourceChain);
     const decimals = _chunkR6U6BHCVcjs.getTokenDecimalsByAddress.call(void 0, sourceToken, sourceChain);
     return {
-      id: _chunkEAEDK474cjs.getAssetId.call(void 0, { chainId: sourceChain, token: sourceToken }),
+      id: _chunkTQ6IIGRScjs.getAssetId.call(void 0, { chainId: sourceChain, token: sourceToken }),
       chainId: sourceChain,
       token: sourceToken,
       symbol,
@@ -1073,15 +1073,15 @@ function WithdrawFlow({
     [logFlowError, onError]
   );
   const resolveSessionOwner = _react.useCallback.call(void 0, async (eoaAddress) => {
-    const localOwner = _chunkEAEDK474cjs.loadSessionOwnerFromStorage.call(void 0, eoaAddress);
+    const localOwner = _chunkTQ6IIGRScjs.loadSessionOwnerFromStorage.call(void 0, eoaAddress);
     if (localOwner) {
       return {
-        account: _chunkEAEDK474cjs.accountFromPrivateKey.call(void 0, localOwner.privateKey),
+        account: _chunkTQ6IIGRScjs.accountFromPrivateKey.call(void 0, localOwner.privateKey),
         address: localOwner.address
       };
     }
-    const created = _chunkEAEDK474cjs.createSessionOwnerKey.call(void 0, );
-    _chunkEAEDK474cjs.saveSessionOwnerToStorage.call(void 0, eoaAddress, created.privateKey, created.address);
+    const created = _chunkTQ6IIGRScjs.createSessionOwnerKey.call(void 0, );
+    _chunkTQ6IIGRScjs.saveSessionOwnerToStorage.call(void 0, eoaAddress, created.privateKey, created.address);
     return {
       account: created.account,
       address: created.address
@@ -1111,7 +1111,7 @@ function WithdrawFlow({
         const setup = await service.setupAccount({
           ownerAddress: ownerAddress2,
           sessionOwnerAddress: sessionOwner.address,
-          targetChain: _chunkEAEDK474cjs.toEvmCaip2.call(void 0, targetChain),
+          targetChain: _chunkTQ6IIGRScjs.toEvmCaip2.call(void 0, targetChain),
           targetToken,
           signerAddress,
           sessionChainIds,
@@ -1138,7 +1138,7 @@ function WithdrawFlow({
             primaryType: typedData.primaryType,
             message: typedData.message
           });
-          const sessionDetails = _chunkEAEDK474cjs.buildSessionDetails.call(void 0, 
+          const sessionDetails = _chunkTQ6IIGRScjs.buildSessionDetails.call(void 0, 
             setup.sessionDetailsUnsigned,
             signature
           );
@@ -1152,7 +1152,7 @@ function WithdrawFlow({
             eoaAddress: ownerAddress2,
             sessionOwner: sessionOwner.address,
             target: {
-              chain: _chunkEAEDK474cjs.toEvmCaip2.call(void 0, targetChain),
+              chain: _chunkTQ6IIGRScjs.toEvmCaip2.call(void 0, targetChain),
               token: targetToken,
               recipient
             }
@@ -1161,7 +1161,7 @@ function WithdrawFlow({
         }
         handleConnected(ownerAddress2, smartAccount);
         const amountUnits = _viem.parseUnits.call(void 0, amountValue, asset.decimals);
-        const pc = _nullishCoalesce(_optionalChain([signerContext, 'optionalAccess', _26 => _26.publicClient]), () => ( _chunkEAEDK474cjs.getPublicClient.call(void 0, sourceChain)));
+        const pc = _nullishCoalesce(_optionalChain([signerContext, 'optionalAccess', _26 => _26.publicClient]), () => ( _chunkTQ6IIGRScjs.getPublicClient.call(void 0, sourceChain)));
         let result;
         if (onSignTransaction) {
           const transferData = isSourceNative ? { to: smartAccount, value: amountUnits, data: "0x" } : {
@@ -1184,7 +1184,7 @@ function WithdrawFlow({
           const { signature } = await onSignTransaction(request);
           const relayResult = await service.relayWithdraw({
             smartAccount,
-            chainId: _chunkEAEDK474cjs.toEvmCaip2.call(void 0, sourceChain),
+            chainId: _chunkTQ6IIGRScjs.toEvmCaip2.call(void 0, sourceChain),
             safeAddress,
             safeTransaction: request.typedData.message,
             signature
@@ -1242,7 +1242,7 @@ function WithdrawFlow({
           targetChain,
           targetToken
         });
-        handleError(_chunkEAEDK474cjs.formatUserError.call(void 0, raw), "WITHDRAW_FLOW_ERROR");
+        handleError(_chunkTQ6IIGRScjs.formatUserError.call(void 0, raw), "WITHDRAW_FLOW_ERROR");
         throw err;
       } finally {
         setIsSubmitting(false);
@@ -1377,7 +1377,7 @@ function WithdrawFlow({
   }, [walletOptions, ownerAddress, _optionalChain([reownWallet, 'optionalAccess', _41 => _41.icon])]);
   if (showConnectStep) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-body", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkEAEDK474cjs.ConnectStep,
+      _chunkTQ6IIGRScjs.ConnectStep,
       {
         walletOptions,
         selectedWalletId: selectedWalletIdEffective,
@@ -1400,7 +1400,7 @@ function WithdrawFlow({
   const resolvedOwnerAddress = signerContext.ownerAddress;
   const resolvedConnectedAddress = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_optionalChain([signerContext, 'access', _42 => _42.walletClient, 'optionalAccess', _43 => _43.account, 'optionalAccess', _44 => _44.address]), () => ( _optionalChain([reownWallet, 'optionalAccess', _45 => _45.address]))), () => ( _optionalChain([dappWalletClient, 'optionalAccess', _46 => _46.account, 'optionalAccess', _47 => _47.address]))), () => ( resolvedOwnerAddress));
   const resolvedDefaultRecipient = _nullishCoalesce(defaultRecipient, () => ( resolvedConnectedAddress));
-  const formPublicClient = _nullishCoalesce(signerContext.publicClient, () => ( _chunkEAEDK474cjs.getPublicClient.call(void 0, sourceChain)));
+  const formPublicClient = _nullishCoalesce(signerContext.publicClient, () => ( _chunkTQ6IIGRScjs.getPublicClient.call(void 0, sourceChain)));
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-body", children: [
     step.type === "form" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       WithdrawFormStep,
@@ -1427,7 +1427,7 @@ function WithdrawFlow({
       }
     ),
     step.type === "processing" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkEAEDK474cjs.ProcessingStep,
+      _chunkTQ6IIGRScjs.ProcessingStep,
       {
         smartAccount: step.smartAccount,
         txHash: step.txHash,
@@ -1453,7 +1453,7 @@ function WithdrawFlow({
 // src/WithdrawModal.tsx
 
 var ReownWithdrawInner = _react.lazy.call(void 0, 
-  () => Promise.resolve().then(() => _interopRequireWildcard(require("./WithdrawModalReown-CN2NJUYL.cjs"))).then((m) => ({
+  () => Promise.resolve().then(() => _interopRequireWildcard(require("./WithdrawModalReown-TUBSUJQ6.cjs"))).then((m) => ({
     default: m.WithdrawModalReown
   }))
 );
@@ -1511,12 +1511,12 @@ function WithdrawModalInner({
   const targetChain = _chunkR6U6BHCVcjs.getChainId.call(void 0, targetChainProp);
   const sourceChain = _chunkR6U6BHCVcjs.getChainId.call(void 0, sourceChainProp);
   const service = _react.useMemo.call(void 0, 
-    () => _chunkEAEDK474cjs.createDepositService.call(void 0, backendUrl, { debug, debugScope: "service:withdraw" }),
+    () => _chunkTQ6IIGRScjs.createDepositService.call(void 0, backendUrl, { debug, debugScope: "service:withdraw" }),
     [backendUrl, debug]
   );
   _react.useEffect.call(void 0, () => {
     if (isOpen && modalRef.current) {
-      _chunkEAEDK474cjs.applyTheme.call(void 0, modalRef.current, theme);
+      _chunkTQ6IIGRScjs.applyTheme.call(void 0, modalRef.current, theme);
     }
   }, [isOpen, theme]);
   const hasCalledReady = _react.useRef.call(void 0, false);
@@ -1552,7 +1552,7 @@ function WithdrawModalInner({
   const title = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _56 => _56.title]), () => ( "Withdraw"));
   const canGoBack = currentStepIndex > 0 && currentStepIndex < 3 && backHandlerRef.current;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkEAEDK474cjs.Modal,
+    _chunkTQ6IIGRScjs.Modal,
     {
       isOpen,
       onClose,
@@ -1611,7 +1611,7 @@ function WithdrawModalInner({
             ] }),
             balance && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-header-balance", children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-modal-header-balance-label", children: balance.title }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-modal-header-balance-value", children: _nullishCoalesce(balance.amount, () => ( (totalBalanceUsd !== null ? _chunkEAEDK474cjs.currencyFormatter.format(totalBalanceUsd) : null))) })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-modal-header-balance-value", children: _nullishCoalesce(balance.amount, () => ( (totalBalanceUsd !== null ? _chunkTQ6IIGRScjs.currencyFormatter.format(totalBalanceUsd) : null))) })
             ] })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 

package/dist/{chunk-JQTV5JTB.mjs → chunk-7TTEHQBD.mjs}

@@ -810,45 +810,57 @@ function formatUserError(raw) {
 }
 
 // src/core/theme.ts
-var RADIUS_VALUES = {
-  none: "0",
-  sm: "8px",
-  md: "10px",
-  lg: "14px",
-  full: "9999px"
+var RADIUS_SCALE = {
+  none: { sm: "0", md: "0", lg: "0" },
+  sm: { sm: "4px", md: "6px", lg: "8px" },
+  md: { sm: "8px", md: "10px", lg: "14px" },
+  lg: { sm: "10px", md: "14px", lg: "18px" },
+  full: { sm: "9999px", md: "9999px", lg: "9999px" }
 };
+function setVar(targets, prop, value) {
+  for (const el of targets) {
+    el.style.setProperty(prop, value);
+  }
+}
 function applyTheme(element, theme) {
   if (!element) return;
+  const parent = element.parentElement;
+  const targets = parent?.classList.contains("rs-modal-content") ? [element, parent] : [element];
   if (theme?.mode) {
     element.setAttribute("data-theme", theme.mode);
   } else {
     element.removeAttribute("data-theme");
   }
   if (theme?.fontColor) {
-    element.style.setProperty("--rs-foreground", theme.fontColor);
+    setVar(targets, "--rs-foreground", theme.fontColor);
   }
   if (theme?.iconColor) {
-    element.style.setProperty("--rs-icon", theme.iconColor);
+    setVar(targets, "--rs-icon", theme.iconColor);
   }
   if (theme?.ctaColor) {
-    element.style.setProperty("--rs-primary", theme.ctaColor);
-    element.style.setProperty("--rs-border-accent", theme.ctaColor);
-    element.style.setProperty(
+    setVar(targets, "--rs-primary", theme.ctaColor);
+    setVar(targets, "--rs-border-accent", theme.ctaColor);
+    setVar(
+      targets,
       "--rs-primary-hover",
       theme.ctaHoverColor ?? theme.ctaColor
     );
   } else if (theme?.ctaHoverColor) {
-    element.style.setProperty("--rs-primary-hover", theme.ctaHoverColor);
+    setVar(targets, "--rs-primary-hover", theme.ctaHoverColor);
   }
   if (theme?.borderColor) {
-    element.style.setProperty("--rs-border", theme.borderColor);
-    element.style.setProperty("--rs-border-surface", theme.borderColor);
+    setVar(targets, "--rs-border", theme.borderColor);
+    setVar(targets, "--rs-border-surface", theme.borderColor);
   }
   if (theme?.backgroundColor) {
-    element.style.setProperty("--rs-background", theme.backgroundColor);
+    setVar(targets, "--rs-background", theme.backgroundColor);
   }
   if (theme?.radius) {
-    element.style.setProperty("--rs-radius", RADIUS_VALUES[theme.radius]);
+    const scale = RADIUS_SCALE[theme.radius];
+    setVar(targets, "--rs-radius-sm", scale.sm);
+    setVar(targets, "--rs-radius-md", scale.md);
+    setVar(targets, "--rs-radius-lg", scale.lg);
+    setVar(targets, "--rs-radius", scale.md);
   }
 }