@openzeppelin/ui-builder-adapter-stellar 1.2.0 → 1.3.0

package/dist/index.cjs

@@ -7728,11 +7728,15 @@ var ConnectorDialog = ({ open, onOpenChange }) => {
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var CustomConnectButton = ({
   className,
+  size,
+  variant,
+  fullWidth,
   hideWhenConnected = true
 }) => {
   const [dialogOpen, setDialogOpen] = (0, import_react10.useState)(false);
   const { isConnected, isConnecting } = useStellarAccount();
   const [isManuallyInitiated, setIsManuallyInitiated] = (0, import_react10.useState)(false);
+  const sizeProps = (0, import_ui_utils39.getWalletButtonSizeProps)(size);
   (0, import_react10.useEffect)(() => {
     if (isConnected && hideWhenConnected) {
       setDialogOpen(false);
@@ -7759,18 +7763,18 @@ var CustomConnectButton = ({
     return null;
   }
   const showButtonLoading = isConnecting || isManuallyInitiated;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: (0, import_ui_utils39.cn)("flex items-center", className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: (0, import_ui_utils39.cn)("flex items-center", fullWidth && "w-full", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
       import_ui_components6.Button,
       {
         onClick: handleConnectClick,
         disabled: showButtonLoading || isConnected,
-        variant: "outline",
-        size: "sm",
-        className: "h-8 px-2 text-xs",
+        variant: variant || "outline",
+        size: sizeProps.size,
+        className: (0, import_ui_utils39.cn)(sizeProps.className, fullWidth && "w-full"),
         title: isConnected ? "Connected" : "Connect Wallet",
         children: [
-          showButtonLoading ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Loader2, { className: "size-3.5 animate-spin mr-1" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Wallet, { className: "size-3.5 mr-1" }),
+          showButtonLoading ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Loader2, { className: (0, import_ui_utils39.cn)(sizeProps.iconSize, "animate-spin mr-1") }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Wallet, { className: (0, import_ui_utils39.cn)(sizeProps.iconSize, "mr-1") }),
           showButtonLoading ? "Connecting..." : "Connect Wallet"
         ]
       }
@@ -7795,26 +7799,32 @@ var import_lucide_react3 = require("lucide-react");
 var import_ui_components7 = require("@openzeppelin/ui-components");
 var import_ui_utils40 = require("@openzeppelin/ui-utils");
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var CustomAccountDisplay = ({ className }) => {
+var CustomAccountDisplay = ({
+  className,
+  size,
+  variant,
+  fullWidth
+}) => {
   const { isConnected, address } = useStellarAccount();
   const { disconnect } = useStellarDisconnect();
+  const sizeProps = (0, import_ui_utils40.getWalletAccountDisplaySizeProps)(size);
   if (!isConnected || !address || !disconnect) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: (0, import_ui_utils40.cn)("flex items-center gap-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-xs font-medium", children: (0, import_ui_utils40.truncateMiddle)(address, 4, 4) }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-[9px] text-muted-foreground -mt-0.5", children: "Stellar Account" })
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: (0, import_ui_utils40.cn)("flex items-center gap-2", fullWidth && "w-full", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: (0, import_ui_utils40.cn)("flex flex-col", fullWidth && "flex-1"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: (0, import_ui_utils40.cn)(sizeProps.textSize, "font-medium"), children: (0, import_ui_utils40.truncateMiddle)(address, 4, 4) }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: (0, import_ui_utils40.cn)(sizeProps.subTextSize, "text-muted-foreground -mt-0.5"), children: "Stellar Account" })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       import_ui_components7.Button,
       {
         onClick: () => disconnect(),
-        variant: "ghost",
+        variant: variant || "ghost",
         size: "icon",
-        className: "size-6 p-0",
+        className: (0, import_ui_utils40.cn)(sizeProps.iconButtonSize, "p-0"),
         title: "Disconnect wallet",
-        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.LogOut, { className: "size-3.5" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.LogOut, { className: sizeProps.iconSize })
       }
     )
   ] });