fare-privy-core 1.7.7 → 1.7.9

package/README.md

@@ -1,27 +1,105 @@
-# fare-privy-core
-
-A lightweight React library for Privy authentication and wallet management, designed for casino and gaming applications on **Ethereum and Solana**.
-
-## 🚀 Current Features (v1.7.7)
-
-- **🔐 Real Privy Auth**: Full Privy authentication integration with login/logout
-- **🎰 Casino-Ready**: Pre-configured for casino/gaming use cases  
-- **⛓️ Multi-Chain**: Support for both Ethereum and Solana networks
-- **💰 Reliable Balance Checking**: Simplified balance fetching based on proven working patterns (ETH/SOL)
-- **🎯 Active Wallet Management**: useActiveWallet hook based on successful casino implementations
-- **🔗 Solana Helper Functions**: Easy Solana connector setup with TypeScript compatibility
-- **💼 Wallet State**: Valtio-based wallet switching state management
-- **🎨 Themeable**: Customize colors and branding per casino
-- **🪝 Micro Hooks**: 6 focused hooks with single responsibilities and proven reliability
-- **🚪 Login/Logout**: Easy authentication control for casino entry/exit
-- **⚡ TypeScript**: Full TypeScript support with type declarations
-- **🧪 Tested**: 3/4 test suites passing with reliable integration tests
-- **📦 Tree Shakable**: Import only what you need for smaller bundle sizes
-- **🗂️ Clean**: Minimal dependencies, proven patterns
+@zynkah/privy-lib
+
+A lightweight React library for wallet selection and wallet overview UI components. Designed for easy integration, full portability, and consumer-provided icons and styles. Includes:
+
+- **SelectWalletModal**: Animated, responsive modal for selecting and linking wallets.
+- **WalletOverview**: Displays the active wallet’s name and icon.
+- **No asset or config imports**: Consumers provide their own icons and wallet data.
+- **Styled with [styled-components](https://styled-components.com/)**
+
+---
 
-## 📦 Installation
+## 🚀 Installation
 
 ```bash
+
+### SelectWalletModal
+
+```tsx
+import { SelectWalletModal } from "@zynkah/privy-lib";
+
+<SelectWalletModal
+  isOpen={isWalletModalOpen}
+  onClose={() => setWalletModalOpen(false)}
+  wallets={wallets} // Array of wallet objects
+  appWalletClientType={appWalletClientType}
+  setAppWalletClientType={setAppWalletClientType}
+  linkWalletToUser={linkWalletToUser}
+  embeddedWalletLinks={embeddedWalletLinks}
+  icons={{
+    dragBar: "/icons/drag-bar.svg",
+    privyIcon: "/icons/privy.svg",
+    caretDown: "/icons/caret-down.svg",
+    linkWallet: "/icons/link-wallet.svg",
+  }}
+  isMobileScreen={isMobileScreen}
+/>
+```
+
+### WalletOverview
+
+```tsx
+import { WalletOverview } from "@zynkah/privy-lib";
+
+<WalletOverview
+  activeWallet={{
+    meta: { name: "Privy Wallet", icon: "/icons/privy.svg" }
+  }}
+  onClick={() => setWalletModalOpen(true)}
+  fallbackIcon="/icons/default-wallet.svg"
+  isTabletScreen={false}
+  isMobileScreen={true}
+/>
+```
+
+---
+
+## 📝 Props
+
+### SelectWalletModal
+
+| Prop                  | Type                                                                 | Description                                                                                 |
+|-----------------------|----------------------------------------------------------------------|---------------------------------------------------------------------------------------------|
+| `isOpen`              | `boolean`                                                            | Controls modal visibility.                                                                  |
+| `onClose`             | `() => void`                                                         | Function to close the modal.                                                                |
+| `wallets`             | `Array<{ address, meta, walletClientType, linked }>`                 | List of wallet objects to display.                                                          |
+| `appWalletClientType` | `string`                                                             | The currently selected wallet client type.                                                  |
+| `setAppWalletClientType` | `(type: string) => void`                                          | Function to set the selected wallet client type.                                            |
+| `linkWalletToUser`    | `() => Promise<void>`                                                | Function to link a new wallet to the user.                                                  |
+| `embeddedWalletLinks` | `Array<{ type, address?, number? }>`                                 | (Optional) List of embedded wallet links for the privy wallet.                              |
+| `icons`               | `{ dragBar, privyIcon, caretDown, linkWallet: string }`              | Object containing icon URLs or paths for modal UI.                                          |
+| `isMobileScreen`      | `boolean`                                                            | (Optional) If true, enables mobile-specific modal behavior and layout.                      |
+
+### WalletOverview
+
+| Prop            | Type                                  | Description                                                      |
+|-----------------|---------------------------------------|------------------------------------------------------------------|
+| `activeWallet`  | `{ meta: { name: string, icon?: string } }` | The wallet object with metadata including name and optional icon URL. |
+| `onClick`       | `() => void`                          | Optional click handler for the component.                        |
+| `fallbackIcon`  | `string`                              | Optional fallback icon URL if `activeWallet.meta.icon` is not provided. |
+| `isTabletScreen`| `boolean`                             | Optional. If true, hides the wallet name on tablet screens.      |
+| `isMobileScreen`| `boolean`                             | Optional. If true, shows the wallet name on mobile screens.      |
+
+---
+
+## 🎨 Styling & Customization
+
+- Uses `styled-components` for all styles.
+- Consumers can override styles via a theme or by extending the styled components.
+- No direct asset imports; all icons are provided by the consumer.
+
+---
+
+## 📋 License
+
+MIT
+
+---
+
+## 🤝 Contributing
+
+Pull requests and issues are welcome!
+=======
 npm install fare-privy-core
 # or
 pnpm add fare-privy-core
@@ -485,4 +563,5 @@ Want more features? Open an issue or PR on [GitHub](https://github.com/farePrivy
 
 ## 📄 License
 
-ISC License - see LICENSE file for details.
+ISC License - see LICENSE file for details.
+>>>>>>> fb7640de89ab4d90f33248c3264f6a50a43b4008

package/dist/index.d.ts

@@ -1,10 +1,16 @@
 /**
-npm  * fare-privy-core - v1.7.6 - Reliable Micro Hooks
+ * fare-privy-core - v1.7.6 - Reliable Micro Hooks
  * Proven wallet patterns with simplified balance fetching and focused micro-hooks architecture.
  */
-export { PrivyProvider, type PrivyProviderProps, createSolanaConnectors, disableSolanaConnectors, } from "./PrivyProviderTest";
-export * from "./farePrivy/store/switchWallet";
-export { useConnectedWallets, useActiveWallet, useWalletAddresses, useIsAuthenticated, useAuthActions, useWalletBalance, } from "./hooks/index";
+export { PrivyProvider, type PrivyProviderProps } from "./PrivyProviderTest";
+export * from "./src/store/switchWallet";
+export { WalletOverview } from "./src/components/WalletOverview";
+export { Button, ButtonEnum } from "./src/components/shared/Button";
+export { SelectWalletModal } from "./src/modals/SelectWalletModal/index.js";
+export { default as ModalCard } from "./src/components/shared/Modal/Card";
+export { ModalHeader } from "./src/components/shared/Modal/ModalHeader";
+export { ModalFooter } from "./src/components/shared/Modal/ModalFooter";
+export { useConnectedWallets, useActiveWallet, useWalletAddresses, useIsAuthenticated, useAuthActions, useWalletBalance, } from "./src/hooks/index";
 /**
  * ✅ PRODUCTION READY - v1.7.6:
  *
@@ -37,61 +43,5 @@ export { useConnectedWallets, useActiveWallet, useWalletAddresses, useIsAuthenti
  */
 /**
  * 💡 Usage:
- * ```typescript
- * import {
- *   PrivyProvider,
- *   useConnectedWallets,
- *   useWalletAddresses,
- *   useIsAuthenticated,
- *   useAuthActions,
- *   useWalletBalance,
- *   disableSolanaConnectors // Helper to fix Solana connector errors
- * } from 'fare-privy-core';
- *
- * // 1. Wrap your app (Ethereum only - recommended)
- * function App() {
- *   return (
- *     <PrivyProvider
- *       appId="your-privy-app-id"
- *       config={{
- *         walletChainType: 'ethereum-only',
- *         externalWallets: {
- *           solana: disableSolanaConnectors() // Prevents Solana errors
- *         }
- *       }}
- *     >
- *       <YourCasino />
- *     </PrivyProvider>
- *   );
- * }
- *
- * // 2. Use hooks in your casino components
- * function YourCasino() {
- *   const { primaryWallet } = useConnectedWallets();
- *   const { primarySolanaAddress } = useWalletAddresses();
- *   const { isAuthenticated } = useIsAuthenticated();
- *   const { login, logout } = useAuthActions();
- *   const { ethereumBalance, solanaBalance, loading } = useWalletBalance();
- *
- *   if (!isAuthenticated) {
- *     return <button onClick={login}>🎰 Enter Casino</button>;
- *   }
- *
- *   return (
- *     <div>
- *       <span>Welcome {primaryWallet?.address}</span>
- *       {loading ? (
- *         <span>Loading balance...</span>
- *       ) : (
- *         <div>
- *           {solanaBalance && <span>SOL: {solanaBalance}</span>}
- *           {ethereumBalance && <span>ETH: {ethereumBalance}</span>}
- *         </div>
- *       )}
- *       <button onClick={logout}>Exit</button>
- *     </div>
- *   );
- * }
- * ```
- */
+ */ 
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,qBAAqB,CAAC;AAG7B,cAAc,gCAAgC,CAAC;AAG/C,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,GACjB,MAAM,eAAe,CAAC;AAKvB;;;;;;;;;;;;GAYG;AAEH;;;;;;;;;;;;;;;;GAgBG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAG7E,cAAc,0BAA0B,CAAC;AAGzC,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAG5E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAExE,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAK3B;;;;;;;;;;;;GAYG;AAEH;;;;;;;;;;;;;;;;GAgBG;AAQH;;GAEG"}

package/dist/index.js

@@ -1,13 +1,21 @@
 /**
-npm  * fare-privy-core - v1.7.6 - Reliable Micro Hooks
+ * fare-privy-core - v1.7.6 - Reliable Micro Hooks
  * Proven wallet patterns with simplified balance fetching and focused micro-hooks architecture.
  */
 // ✅ CURRENT EXPORTS - Available Now
-export { PrivyProvider, createSolanaConnectors, disableSolanaConnectors, } from "./PrivyProviderTest";
+export { PrivyProvider } from "./PrivyProviderTest";
 // ✅ CORE FUNCTIONALITY - Working exports
-export * from "./farePrivy/store/switchWallet";
+export * from "./src/store/switchWallet";
+// Export updated UI components and modals
+export { WalletOverview } from "./src/components/WalletOverview";
+export { Button, ButtonEnum } from "./src/components/shared/Button";
+export { SelectWalletModal } from "./src/modals/SelectWalletModal/index.js";
+// Export shared modal components
+export { default as ModalCard } from "./src/components/shared/Modal/Card";
+export { ModalHeader } from "./src/components/shared/Modal/ModalHeader";
+export { ModalFooter } from "./src/components/shared/Modal/ModalFooter";
 // ✅ SIMPLIFIED WALLET HOOKS - Micro hooks architecture!
-export { useConnectedWallets, useActiveWallet, useWalletAddresses, useIsAuthenticated, useAuthActions, useWalletBalance, } from "./hooks/index";
+export { useConnectedWallets, useActiveWallet, useWalletAddresses, useIsAuthenticated, useAuthActions, useWalletBalance, } from "./src/hooks/index";
 // ❌ REMOVED - Had too many external dependencies
 // export * from "./farePrivy/modals/index.js";
 /**
@@ -40,63 +48,11 @@ export { useConnectedWallets, useActiveWallet, useWalletAddresses, useIsAuthenti
  * Users should provide their own Privy configuration.
  * This package focuses on functionality, not opinionated configs.
  */
+// Export casino auth module
+// export * from './farePrivy/lib/casino-auth'
+// Export utilities
+// export * from './farePrivy/utility'
 /**
  * 💡 Usage:
- * ```typescript
- * import {
- *   PrivyProvider,
- *   useConnectedWallets,
- *   useWalletAddresses,
- *   useIsAuthenticated,
- *   useAuthActions,
- *   useWalletBalance,
- *   disableSolanaConnectors // Helper to fix Solana connector errors
- * } from 'fare-privy-core';
- *
- * // 1. Wrap your app (Ethereum only - recommended)
- * function App() {
- *   return (
- *     <PrivyProvider
- *       appId="your-privy-app-id"
- *       config={{
- *         walletChainType: 'ethereum-only',
- *         externalWallets: {
- *           solana: disableSolanaConnectors() // Prevents Solana errors
- *         }
- *       }}
- *     >
- *       <YourCasino />
- *     </PrivyProvider>
- *   );
- * }
- *
- * // 2. Use hooks in your casino components
- * function YourCasino() {
- *   const { primaryWallet } = useConnectedWallets();
- *   const { primarySolanaAddress } = useWalletAddresses();
- *   const { isAuthenticated } = useIsAuthenticated();
- *   const { login, logout } = useAuthActions();
- *   const { ethereumBalance, solanaBalance, loading } = useWalletBalance();
- *
- *   if (!isAuthenticated) {
- *     return <button onClick={login}>🎰 Enter Casino</button>;
- *   }
- *
- *   return (
- *     <div>
- *       <span>Welcome {primaryWallet?.address}</span>
- *       {loading ? (
- *         <span>Loading balance...</span>
- *       ) : (
- *         <div>
- *           {solanaBalance && <span>SOL: {solanaBalance}</span>}
- *           {ethereumBalance && <span>ETH: {ethereumBalance}</span>}
- *         </div>
- *       )}
- *       <button onClick={logout}>Exit</button>
- *     </div>
- *   );
- * }
- * ```
- */
+ */ 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,oCAAoC;AACpC,OAAO,EACL,aAAa,EAEb,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,qBAAqB,CAAC;AAE7B,yCAAyC;AACzC,cAAc,gCAAgC,CAAC;AAE/C,wDAAwD;AACxD,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,GACjB,MAAM,eAAe,CAAC;AAEvB,iDAAiD;AACjD,+CAA+C;AAE/C;;;;;;;;;;;;GAYG;AAEH;;;;;;;;;;;;;;;;GAgBG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,oCAAoC;AACpC,OAAO,EAAE,aAAa,EAA2B,MAAM,qBAAqB,CAAC;AAE7E,yCAAyC;AACzC,cAAc,0BAA0B,CAAC;AAEzC,0CAA0C;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAE5E,iCAAiC;AACjC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,wDAAwD;AACxD,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,GACjB,MAAM,mBAAmB,CAAC;AAE3B,iDAAiD;AACjD,+CAA+C;AAE/C;;;;;;;;;;;;GAYG;AAEH;;;;;;;;;;;;;;;;GAgBG;AAEH,4BAA4B;AAC5B,8CAA8C;AAE9C,mBAAmB;AACnB,sCAAsC;AAEtC;;GAEG"}

package/dist/src/components/WalletOverview.d.ts

@@ -0,0 +1,14 @@
+export interface WalletOverviewProps {
+    activeWallet: {
+        meta: {
+            name: string;
+            icon?: string;
+        };
+    };
+    onClick?: () => void;
+    fallbackIcon?: string;
+    isTabletScreen?: boolean;
+    isMobileScreen?: boolean;
+}
+export declare const WalletOverview: ({ activeWallet, onClick, fallbackIcon, isTabletScreen, isMobileScreen, }: WalletOverviewProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WalletOverview.d.ts.map

package/dist/src/components/WalletOverview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletOverview.d.ts","sourceRoot":"","sources":["../../../src/components/WalletOverview.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE;QACZ,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM,CAAC;YACb,IAAI,CAAC,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAuCD,eAAO,MAAM,cAAc,GAAI,0EAM5B,mBAAmB,4CAcrB,CAAC"}

package/dist/src/components/WalletOverview.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { styled } from "styled-components";
+const SWalletOverview = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-transform: uppercase;
+  margin-right: 12px;
+  height: 42px;
+  border: 1px solid #222a3f;
+  color: #aaaaaa;
+  border-radius: 6px;
+  user-select: none;
+  transition: all ease-in-out 0.08s;
+  &:hover {
+    span {
+      color: white;
+    }
+    border-color: #6366f1;
+  }
+
+  img {
+    height: 16px;
+    margin-right: 8px;
+  }
+
+  span {
+    text-transform: uppercase;
+    color: #aaaaaa;
+  }
+
+  @media (max-width: 760px) {
+    display: flex;
+    align-items: center;
+    margin: 0 16px 4px;
+    text-wrap: nowrap;
+  }
+`;
+export const WalletOverview = ({ activeWallet, onClick, fallbackIcon, isTabletScreen = false, isMobileScreen = false, }) => {
+    const walletIcon = useMemo(() => {
+        return activeWallet?.meta.icon || fallbackIcon;
+    }, [activeWallet, fallbackIcon]);
+    return (_jsxs(SWalletOverview, { onClick: onClick, children: [walletIcon && (_jsx("img", { alt: activeWallet?.meta.name || "wallet", src: walletIcon })), isMobileScreen && _jsx("span", { children: activeWallet?.meta.name }), !isTabletScreen && _jsx("span", { children: activeWallet?.meta.name })] }));
+};
+//# sourceMappingURL=WalletOverview.js.map

package/dist/src/components/WalletOverview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletOverview.js","sourceRoot":"","sources":["../../../src/components/WalletOverview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAgB3C,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCjC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,cAAc,GAAG,KAAK,EACtB,cAAc,GAAG,KAAK,GACF,EAAE,EAAE;IACxB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,OAAO,YAAY,EAAE,IAAI,CAAC,IAAI,IAAI,YAAY,CAAC;IACjD,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAEjC,OAAO,CACL,MAAC,eAAe,IAAC,OAAO,EAAE,OAAO,aAC9B,UAAU,IAAI,CACb,cAAK,GAAG,EAAE,YAAY,EAAE,IAAI,CAAC,IAAI,IAAI,QAAQ,EAAE,GAAG,EAAE,UAAU,GAAI,CACnE,EACA,cAAc,IAAI,yBAAO,YAAY,EAAE,IAAI,CAAC,IAAI,GAAQ,EACxD,CAAC,cAAc,IAAI,yBAAO,YAAY,EAAE,IAAI,CAAC,IAAI,GAAQ,IAC1C,CACnB,CAAC;AACJ,CAAC,CAAC"}

package/dist/src/components/shared/Button/index.d.ts

@@ -0,0 +1,22 @@
+import { type HTMLMotionProps } from "framer-motion";
+import { type ReactNode } from "react";
+export declare enum ButtonEnum {
+    BASE = 0,
+    PRIMARY_1 = 1,
+    CONNECT_WALLET = 2,
+    WARNING = 3,
+    ERROR = 4,
+    ERROR_2 = 5
+}
+export interface ButtonProps extends HTMLMotionProps<"button"> {
+    buttonType: ButtonEnum;
+    children?: ReactNode;
+    disabled: boolean;
+    isLoading?: boolean;
+    loadingText?: string | JSX.Element;
+    isMinified?: boolean;
+    theme?: any;
+}
+import React from "react";
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/shared/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,oBAAY,UAAU;IACpB,IAAI,IAAA;IACJ,SAAS,IAAA;IACT,cAAc,IAAA;IACd,OAAO,IAAA;IACP,KAAK,IAAA;IACL,OAAO,IAAA;CACR;AAGD,MAAM,WAAW,WAAY,SAAQ,eAAe,CAAC,QAAQ,CAAC;IAC5D,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,MAAM,uFAqClB,CAAC"}

package/dist/src/components/shared/Button/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BaseButton, ButtonContentWrapper, LoadingBar } from "./style";
+export var ButtonEnum;
+(function (ButtonEnum) {
+    ButtonEnum[ButtonEnum["BASE"] = 0] = "BASE";
+    ButtonEnum[ButtonEnum["PRIMARY_1"] = 1] = "PRIMARY_1";
+    ButtonEnum[ButtonEnum["CONNECT_WALLET"] = 2] = "CONNECT_WALLET";
+    ButtonEnum[ButtonEnum["WARNING"] = 3] = "WARNING";
+    ButtonEnum[ButtonEnum["ERROR"] = 4] = "ERROR";
+    ButtonEnum[ButtonEnum["ERROR_2"] = 5] = "ERROR_2";
+})(ButtonEnum || (ButtonEnum = {}));
+import React from "react";
+export const Button = React.forwardRef(({ buttonType, disabled, isLoading = false, loadingText = "Loading", children, isMinified = false, theme, ...props }, ref) => {
+    return (_jsx(BaseButton, { ...props, ref: ref, transition: { duration: 0.25 }, buttonType: buttonType, disabled: disabled, isLoading: isLoading, "$isMinified": isMinified, theme: theme, children: _jsxs(ButtonContentWrapper, { children: [isLoading && (_jsx(LoadingBar, { "$side": "left", "$buttonType": buttonType, theme: theme })), _jsx("div", { children: isLoading ? loadingText : children }), isLoading && (_jsx(LoadingBar, { "$side": "right", "$buttonType": buttonType, theme: theme }))] }) }));
+});
+//# sourceMappingURL=index.js.map

package/dist/src/components/shared/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/shared/Button/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEvE,MAAM,CAAN,IAAY,UAOX;AAPD,WAAY,UAAU;IACpB,2CAAI,CAAA;IACJ,qDAAS,CAAA;IACT,+DAAc,CAAA;IACd,iDAAO,CAAA;IACP,6CAAK,CAAA;IACL,iDAAO,CAAA;AACT,CAAC,EAPW,UAAU,KAAV,UAAU,QAOrB;AAaD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CACE,EACE,UAAU,EACV,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,SAAS,EACvB,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,OAAO,CACL,KAAC,UAAU,OACL,KAAK,EACT,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAC9B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,iBACP,UAAU,EACvB,KAAK,EAAE,KAAK,YAEZ,MAAC,oBAAoB,eAClB,SAAS,IAAI,CACZ,KAAC,UAAU,aAAO,MAAM,iBAAc,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CACnE,EACD,wBAAM,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,GAAO,EAC9C,SAAS,IAAI,CACZ,KAAC,UAAU,aAAO,OAAO,iBAAc,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CACpE,IACoB,GACZ,CACd,CAAC;AACJ,CAAC,CACF,CAAC"}