@deframe-sdk/components 0.1.0 → 0.1.2

package/dist/index.d.mts

@@ -100,6 +100,10 @@ interface WalletOption {
 interface ConnectWalletListProps {
     /** List of wallet options */
     wallets: WalletOption[];
+    /** Title text for the wallet connect screen */
+    title?: string;
+    /** Subtitle text for the wallet connect screen */
+    subtitle?: string;
     /** Additional CSS class names */
     className?: string;
 }
@@ -366,12 +370,18 @@ interface BannerNotificationProps extends React$1.HTMLAttributes<HTMLDivElement>
     show?: boolean;
     /** Callback when notification is closed */
     onClose?: () => void;
+    /** Whether to show the icon (default: true) */
+    showIcon?: boolean;
+    /** Custom icon to display */
+    icon?: React$1.ReactNode;
 }
 declare const BannerNotification: React$1.FC<BannerNotificationProps>;
 
 interface AddressDisplayProps {
     /** The full address to display */
     address: string;
+    /** Optional truncated display text shown instead of the full address */
+    displayText?: string;
     /** Callback when copy button is clicked */
     onCopy?: (address: string) => void;
     /** Custom className for the container */
@@ -411,17 +421,25 @@ interface SummaryDetailsProps {
 }
 declare const SummaryDetails: React$1.FC<SummaryDetailsProps>;
 
+interface ActionSheetItem {
+    id: string;
+    label: string;
+    icon?: React$1.ReactNode;
+    variant?: 'default' | 'destructive' | 'success';
+    disabled?: boolean;
+    onClick?: () => void;
+}
 interface ActionSheetProps {
     /** Unique identifier for this action sheet */
     id: string;
     /** Current action sheet ID from state */
-    currentActionSheetId: string | null;
+    currentActionSheetId?: string | null;
     /** Whether the action sheet is open */
-    isOpen: boolean;
+    isOpen?: boolean;
     /** Function to close the action sheet */
-    onClose: () => void;
+    onClose?: () => void;
     /** Custom content to render */
-    children: React$1.ReactNode;
+    children?: React$1.ReactNode;
     /** Custom className for the container */
     className?: string;
     /** Custom className for the content area */
@@ -432,6 +450,14 @@ interface ActionSheetProps {
     height?: 'auto' | 'full' | 'half';
     /** Whether clicking the backdrop should close the sheet (default: true) */
     closeOnBackdropClick?: boolean;
+    /** Title displayed in the header */
+    title?: string;
+    /** Description displayed below the title */
+    description?: string;
+    /** List of action items to render */
+    items?: ActionSheetItem[];
+    /** Whether to show a cancel button (default: true) */
+    showCancel?: boolean;
 }
 /**
  * ActionSheet - A flexible bottom sheet / modal component

package/dist/index.d.ts

@@ -100,6 +100,10 @@ interface WalletOption {
 interface ConnectWalletListProps {
     /** List of wallet options */
     wallets: WalletOption[];
+    /** Title text for the wallet connect screen */
+    title?: string;
+    /** Subtitle text for the wallet connect screen */
+    subtitle?: string;
     /** Additional CSS class names */
     className?: string;
 }
@@ -366,12 +370,18 @@ interface BannerNotificationProps extends React$1.HTMLAttributes<HTMLDivElement>
     show?: boolean;
     /** Callback when notification is closed */
     onClose?: () => void;
+    /** Whether to show the icon (default: true) */
+    showIcon?: boolean;
+    /** Custom icon to display */
+    icon?: React$1.ReactNode;
 }
 declare const BannerNotification: React$1.FC<BannerNotificationProps>;
 
 interface AddressDisplayProps {
     /** The full address to display */
     address: string;
+    /** Optional truncated display text shown instead of the full address */
+    displayText?: string;
     /** Callback when copy button is clicked */
     onCopy?: (address: string) => void;
     /** Custom className for the container */
@@ -411,17 +421,25 @@ interface SummaryDetailsProps {
 }
 declare const SummaryDetails: React$1.FC<SummaryDetailsProps>;
 
+interface ActionSheetItem {
+    id: string;
+    label: string;
+    icon?: React$1.ReactNode;
+    variant?: 'default' | 'destructive' | 'success';
+    disabled?: boolean;
+    onClick?: () => void;
+}
 interface ActionSheetProps {
     /** Unique identifier for this action sheet */
     id: string;
     /** Current action sheet ID from state */
-    currentActionSheetId: string | null;
+    currentActionSheetId?: string | null;
     /** Whether the action sheet is open */
-    isOpen: boolean;
+    isOpen?: boolean;
     /** Function to close the action sheet */
-    onClose: () => void;
+    onClose?: () => void;
     /** Custom content to render */
-    children: React$1.ReactNode;
+    children?: React$1.ReactNode;
     /** Custom className for the container */
     className?: string;
     /** Custom className for the content area */
@@ -432,6 +450,14 @@ interface ActionSheetProps {
     height?: 'auto' | 'full' | 'half';
     /** Whether clicking the backdrop should close the sheet (default: true) */
     closeOnBackdropClick?: boolean;
+    /** Title displayed in the header */
+    title?: string;
+    /** Description displayed below the title */
+    description?: string;
+    /** List of action items to render */
+    items?: ActionSheetItem[];
+    /** Whether to show a cancel button (default: true) */
+    showCancel?: boolean;
 }
 /**
  * ActionSheet - A flexible bottom sheet / modal component

package/dist/index.js

@@ -1381,7 +1381,11 @@ var ActionSheet = ({
   contentClassName = "",
   position = "bottom",
   height = "auto",
-  closeOnBackdropClick = true
+  closeOnBackdropClick = true,
+  title,
+  description,
+  items,
+  showCancel = true
 }) => {
   const isThisSheetActive = isOpen && currentActionSheetId === id;
   React6__namespace.useEffect(() => {
@@ -1398,7 +1402,7 @@ var ActionSheet = ({
     if (!isThisSheetActive) return;
     const handleEscape = (e) => {
       if (e.key === "Escape") {
-        onClose();
+        onClose == null ? void 0 : onClose();
       }
     };
     document.addEventListener("keydown", handleEscape);
@@ -1406,7 +1410,7 @@ var ActionSheet = ({
   }, [isThisSheetActive, onClose]);
   const handleBackdropClick = (e) => {
     if (closeOnBackdropClick && e.target === e.currentTarget) {
-      onClose();
+      onClose == null ? void 0 : onClose();
     }
   };
   const backdropVariants = {