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

package/dist/index.js

@@ -7643,7 +7643,7 @@ function loadInitialConfigFromAppService() {
 import { Loader2, Wallet } from "lucide-react";
 import { useEffect as useEffect5, useState as useState6 } from "react";
 import { Button as Button4 } from "@openzeppelin/ui-components";
-import { cn } from "@openzeppelin/ui-utils";
+import { cn, getWalletButtonSizeProps } from "@openzeppelin/ui-utils";
 
 // src/wallet/components/connect/ConnectorDialog.tsx
 import { useEffect as useEffect4, useState as useState5 } from "react";
@@ -7730,11 +7730,15 @@ var ConnectorDialog = ({ open, onOpenChange }) => {
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var CustomConnectButton = ({
   className,
+  size,
+  variant,
+  fullWidth,
   hideWhenConnected = true
 }) => {
   const [dialogOpen, setDialogOpen] = useState6(false);
   const { isConnected, isConnecting } = useStellarAccount();
   const [isManuallyInitiated, setIsManuallyInitiated] = useState6(false);
+  const sizeProps = getWalletButtonSizeProps(size);
   useEffect5(() => {
     if (isConnected && hideWhenConnected) {
       setDialogOpen(false);
@@ -7761,18 +7765,18 @@ var CustomConnectButton = ({
     return null;
   }
   const showButtonLoading = isConnecting || isManuallyInitiated;
-  return /* @__PURE__ */ jsxs6("div", { className: cn("flex items-center", className), children: [
+  return /* @__PURE__ */ jsxs6("div", { className: cn("flex items-center", fullWidth && "w-full", className), children: [
     /* @__PURE__ */ jsxs6(
       Button4,
       {
         onClick: handleConnectClick,
         disabled: showButtonLoading || isConnected,
-        variant: "outline",
-        size: "sm",
-        className: "h-8 px-2 text-xs",
+        variant: variant || "outline",
+        size: sizeProps.size,
+        className: cn(sizeProps.className, fullWidth && "w-full"),
         title: isConnected ? "Connected" : "Connect Wallet",
         children: [
-          showButtonLoading ? /* @__PURE__ */ jsx8(Loader2, { className: "size-3.5 animate-spin mr-1" }) : /* @__PURE__ */ jsx8(Wallet, { className: "size-3.5 mr-1" }),
+          showButtonLoading ? /* @__PURE__ */ jsx8(Loader2, { className: cn(sizeProps.iconSize, "animate-spin mr-1") }) : /* @__PURE__ */ jsx8(Wallet, { className: cn(sizeProps.iconSize, "mr-1") }),
           showButtonLoading ? "Connecting..." : "Connect Wallet"
         ]
       }
@@ -7795,28 +7799,34 @@ var CustomConnectButton = ({
 // src/wallet/components/account/AccountDisplay.tsx
 import { LogOut } from "lucide-react";
 import { Button as Button5 } from "@openzeppelin/ui-components";
-import { cn as cn2, truncateMiddle } from "@openzeppelin/ui-utils";
+import { cn as cn2, getWalletAccountDisplaySizeProps, truncateMiddle } from "@openzeppelin/ui-utils";
 import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
-var CustomAccountDisplay = ({ className }) => {
+var CustomAccountDisplay = ({
+  className,
+  size,
+  variant,
+  fullWidth
+}) => {
   const { isConnected, address } = useStellarAccount();
   const { disconnect } = useStellarDisconnect();
+  const sizeProps = getWalletAccountDisplaySizeProps(size);
   if (!isConnected || !address || !disconnect) {
     return null;
   }
-  return /* @__PURE__ */ jsxs7("div", { className: cn2("flex items-center gap-2", className), children: [
-    /* @__PURE__ */ jsxs7("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsx9("span", { className: "text-xs font-medium", children: truncateMiddle(address, 4, 4) }),
-      /* @__PURE__ */ jsx9("span", { className: "text-[9px] text-muted-foreground -mt-0.5", children: "Stellar Account" })
+  return /* @__PURE__ */ jsxs7("div", { className: cn2("flex items-center gap-2", fullWidth && "w-full", className), children: [
+    /* @__PURE__ */ jsxs7("div", { className: cn2("flex flex-col", fullWidth && "flex-1"), children: [
+      /* @__PURE__ */ jsx9("span", { className: cn2(sizeProps.textSize, "font-medium"), children: truncateMiddle(address, 4, 4) }),
+      /* @__PURE__ */ jsx9("span", { className: cn2(sizeProps.subTextSize, "text-muted-foreground -mt-0.5"), children: "Stellar Account" })
     ] }),
     /* @__PURE__ */ jsx9(
       Button5,
       {
         onClick: () => disconnect(),
-        variant: "ghost",
+        variant: variant || "ghost",
         size: "icon",
-        className: "size-6 p-0",
+        className: cn2(sizeProps.iconButtonSize, "p-0"),
         title: "Disconnect wallet",
-        children: /* @__PURE__ */ jsx9(LogOut, { className: "size-3.5" })
+        children: /* @__PURE__ */ jsx9(LogOut, { className: sizeProps.iconSize })
       }
     )
   ] });