luncconnect 1.0.1 → 1.0.4

package/README.md

@@ -0,0 +1,88 @@
+# luncconnect
+
+Beautiful, customizable UI components for connecting Cosmos wallets to your dApp. Built specifically for Terra Classic (LUNC) and the Cosmos ecosystem.
+
+Forked from [ConnectKit](https://github.com/family/connectkit)
+
+## Installation
+
+```bash
+npm install luncconnect cosmos-connect-react cosmos-connect-core
+```
+
+## Quick Start
+
+```tsx
+import { ConnectKitProvider, ConnectKitButton } from 'luncconnect';
+import { CosmosProvider } from 'cosmos-connect-react';
+import { KeplrWallet, LeapWallet } from 'cosmos-connect-core';
+
+const terraClassic = {
+  chainId: 'columbus-5',
+  rpc: 'https://terra-classic-rpc.publicnode.com',
+  rest: 'https://terra-classic-lcd.publicnode.com',
+  bech32Prefix: 'terra',
+};
+
+const config = {
+  chains: [terraClassic],
+  wallets: [new KeplrWallet(), new LeapWallet()],
+};
+
+function App() {
+  return (
+    <CosmosProvider config={config}>
+      <ConnectKitProvider>
+        <ConnectKitButton />
+      </ConnectKitProvider>
+    </CosmosProvider>
+  );
+}
+```
+
+## Features
+
+- 🎨 **Beautiful UI** - Pre-designed themes with full customization
+- 💡 **TypeScript** - Full type safety out of the box
+- 📱 **Mobile Support** - Deep linking for mobile wallet apps
+- 🌐 **Multi-Wallet** - Keplr, Leap, Cosmostation, Station, and more
+- 🎭 **Themeable** - Multiple built-in themes or create your own
+- ⚡ **Fast** - Optimized performance with React
+
+## Supported Wallets
+
+- Keplr (Browser + Mobile)
+- Leap (Browser + Mobile)
+- Cosmostation (Browser + Mobile)
+- Station (Terra's official wallet)
+- Galaxy Station
+- LUNCDash
+
+## Customization
+
+```tsx
+<ConnectKitProvider
+  customTheme={{
+    '--ck-connectbutton-background': '#1a1b1f',
+    '--ck-connectbutton-color': '#ffffff',
+    '--ck-connectbutton-border-radius': '12px',
+  }}
+>
+  <ConnectKitButton />
+</ConnectKitProvider>
+```
+
+## Components
+
+- `<ConnectKitButton />` - Main connect button
+- `<ConnectKitProvider />` - Context provider
+- `<Avatar />` - Account avatar
+- Custom modal pages and components
+
+## License
+
+BSD-2-Clause
+
+## Author
+
+[@0xzahh](https://github.com/0xzahh)

package/build/assets/ScanIconWithLogos.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const ScanIconWithLogos: React.FC<{
+    logo?: React.ReactNode;
+}>;
+export default ScanIconWithLogos;

package/build/assets/browsers.d.ts

@@ -0,0 +1,10 @@
+/**
+ * TODO: Move hex colors into css variables for p3 support
+ */
+declare const _default: {
+    Chrome: import("react/jsx-runtime").JSX.Element;
+    FireFox: import("react/jsx-runtime").JSX.Element;
+    Brave: import("react/jsx-runtime").JSX.Element;
+    Edge: import("react/jsx-runtime").JSX.Element;
+};
+export default _default;

package/build/assets/chains.d.ts

@@ -0,0 +1,15 @@
+type Logo = {
+    testnet?: boolean;
+};
+export declare const LensChain: ({ testnet, ...props }: {
+    testnet?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Polygon: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+export declare const Optimism: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+export declare const Arbitrum: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+export declare const Telos: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    UnknownChain: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+    Terra: ({ testnet, ...props }: Logo) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;

package/build/assets/cosmosLogos.d.ts

@@ -0,0 +1,20 @@
+export declare const Leap: ({ ...props }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const Cosmos: ({ ...props }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const Keplr: ({ ...props }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const GalaxyStation: ({ ...props }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const TerraClassic: ({ ...props }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const Cosmostation: ({ ...props }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const LUNCDash: ({ ...props }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const Station: ({ ...props }: any) => import("react/jsx-runtime").JSX.Element;
+export declare const StationLogo: ({ ...props }: any) => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    Keplr: ({ ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    Leap: ({ ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    GalaxyStation: ({ ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    Cosmos: ({ ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    TerraClassic: ({ ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    Cosmostation: ({ ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    LUNCDash: ({ ...props }: any) => import("react/jsx-runtime").JSX.Element;
+    Station: ({ ...props }: any) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;

package/build/assets/icons.d.ts

@@ -0,0 +1,30 @@
+export declare const Scan: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Download: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ExternalLinkIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const AlertIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DisconnectIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TickIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const RetryIconCircle: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const RetryIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CopyToClipboardIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const AuthIcon: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/assets/index.d.ts

@@ -0,0 +1 @@
+export { default as CosmosLogos } from './cosmosLogos';

package/build/assets/logos.d.ts

@@ -0,0 +1,181 @@
+export declare const Mock: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Injected: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const WalletConnect: ({ background, ...props }: {
+    [x: string]: any;
+    background?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const MetaMask: ({ background, ...props }: {
+    [x: string]: any;
+    background?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Coinbase: ({ background, ...props }: {
+    [x: string]: any;
+    background?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const FamilyAccount: () => import("react/jsx-runtime").JSX.Element;
+export declare const Family: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Trust: ({ theme, ...props }: {
+    [x: string]: any;
+    theme?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Argent: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ImToken: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Frame: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Rainbow: ({ round, ...props }: {
+    [x: string]: any;
+    round?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Brave: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Crypto: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Ledger: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Steak: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Unstoppable: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ONTO: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Slope: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Safe: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Frontier: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Zerion: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Phantom: ({ background, ...props }: {
+    [x: string]: any;
+    background?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const PlaceHolder: () => import("react/jsx-runtime").JSX.Element;
+export declare const Dawn: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const InfinityWallet: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const OtherWallets: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    Mock: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Injected: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    OtherWallets: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    WalletConnect: ({ background, ...props }: {
+        [x: string]: any;
+        background?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    MetaMask: ({ background, ...props }: {
+        [x: string]: any;
+        background?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Coinbase: ({ background, ...props }: {
+        [x: string]: any;
+        background?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Family: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    FamilyAccount: () => import("react/jsx-runtime").JSX.Element;
+    Trust: ({ theme, ...props }: {
+        [x: string]: any;
+        theme?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Argent: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ImToken: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Rainbow: ({ round, ...props }: {
+        [x: string]: any;
+        round?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Crypto: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Ledger: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Brave: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Steak: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Unstoppable: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    ONTO: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Slope: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Safe: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Frontier: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Zerion: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Phantom: ({ background, ...props }: {
+        [x: string]: any;
+        background?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    PlaceHolder: () => import("react/jsx-runtime").JSX.Element;
+    Frame: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Dawn: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    InfinityWallet: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Rabby: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Fordefi: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    TokenPocket: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Talisman: ({ ...props }: {
+        [x: string]: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;

package/build/assets/wallet.d.ts

@@ -0,0 +1,4 @@
+declare const _default: ({ ...props }: {
+    [x: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/build/assets/wave.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("react/jsx-runtime").JSX.Element;
+export default _default;

package/build/components/BalanceButton/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { All } from './../../types';
+type BalanceProps = {
+    hideIcon?: boolean;
+    hideSymbol?: boolean;
+};
+export declare const Balance: React.FC<BalanceProps>;
+declare const BalanceButton: React.FC<All & BalanceProps>;
+export default BalanceButton;

package/build/components/Common/Alert/index.d.ts

@@ -0,0 +1,6 @@
+import { AlertProps } from './types';
+declare const Alert: {
+    ({ children, error, icon }: AlertProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Alert;

package/build/components/Common/Alert/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const AlertContainer: any;
+export declare const IconContainer: any;

package/build/components/Common/Alert/types.d.ts

@@ -0,0 +1,5 @@
+export type AlertProps = {
+    children?: React.ReactNode;
+    icon?: React.ReactNode;
+    error?: boolean;
+};

package/build/components/Common/Avatar/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export type CustomAvatarProps = {
+    address?: string | undefined;
+    ensName?: string | undefined;
+    ensImage?: string;
+    size: number;
+    radius: number;
+};
+declare const Avatar: React.FC<{
+    address?: string | undefined;
+    name?: string | undefined;
+    size?: number;
+    radius?: number;
+}>;
+export default Avatar;

package/build/components/Common/Avatar/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const EnsAvatar: any;
+export declare const ImageContainer: any;

package/build/components/Common/BrowserIcon/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BrowserIconProps } from './types';
+declare const BrowserIcon: React.ForwardRefExoticComponent<BrowserIconProps & React.RefAttributes<HTMLElement>>;
+export default BrowserIcon;

package/build/components/Common/BrowserIcon/styles.d.ts

@@ -0,0 +1 @@
+export declare const BrowserIconContainer: any;

package/build/components/Common/BrowserIcon/types.d.ts

@@ -0,0 +1,3 @@
+export type BrowserIconProps = {
+    browser?: string;
+};

package/build/components/Common/Button/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ButtonProps } from './types';
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/build/components/Common/Button/styles.d.ts

@@ -0,0 +1,10 @@
+export declare const SpinnerContainer: any;
+export declare const Arrow: any;
+export declare const ArrowChevron: any;
+export declare const ArrowLine: any;
+export declare const DownloadArrow: any;
+export declare const DownloadArrowInner: any;
+export declare const ButtonContainerInner: any;
+export declare const ButtonContainer: any;
+export declare const InnerContainer: any;
+export declare const IconContainer: any;

package/build/components/Common/Button/types.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export type ButtonProps = {
+    children?: React.ReactNode;
+    variant?: 'primary' | 'secondary' | 'tertiary';
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    iconPosition?: 'left' | 'right';
+    roundedIcon?: boolean;
+    waiting?: boolean;
+    arrow?: boolean;
+    download?: boolean;
+    href?: string;
+    style?: React.CSSProperties;
+    onClick?: (e: any) => void;
+};

package/build/components/Common/Chain/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const Chain: React.FC<{
+    id?: number | string;
+    unsupported?: boolean;
+    radius?: number | string;
+    size?: number | string;
+}>;
+export default Chain;

package/build/components/Common/Chain/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const ChainContainer: any;
+export declare const LogoContainer: any;
+export declare const LoadingContainer: any;
+export declare const Unsupported: any;

package/build/components/Common/ChainSelect/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ChainSelector: React.FC;
+export default ChainSelector;

package/build/components/Common/ChainSelectDropdown/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const ChainSelectDropdown: React.FC<{
+    children?: React.ReactNode;
+    open: boolean;
+    onClose: () => void;
+    offsetX?: number;
+    offsetY?: number;
+}>;
+export default ChainSelectDropdown;

package/build/components/Common/ChainSelectDropdown/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const DropdownWindow: any;
+export declare const DropdownOverlay: any;
+export declare const DropdownContainer: any;
+export declare const DropdownHeading: any;

package/build/components/Common/ChainSelectList/index.d.ts

@@ -0,0 +1,4 @@
+declare const ChainSelectList: ({ variant, }: {
+    variant?: "primary" | "secondary";
+}) => import("react/jsx-runtime").JSX.Element;
+export default ChainSelectList;

package/build/components/Common/ChainSelectList/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const SwitchNetworksContainer: any;
+export declare const ChainIcon: any;
+export declare const ChainLogoContainer: any;
+export declare const ChainLogoSpinner: any;
+export declare const ChainButtonContainer: any;
+export declare const ChainButtons: any;
+export declare const ChainButton: any;
+export declare const ChainButtonStatus: any;
+export declare const ChainButtonBg: any;

package/build/components/Common/ConnectorList/index.d.ts

@@ -0,0 +1,2 @@
+declare const ConnectorList: () => import("react/jsx-runtime").JSX.Element;
+export default ConnectorList;

package/build/components/Common/ConnectorList/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const ConnectorButton: any;
+export declare const ConnectorLabel: any;
+export declare const ConnectorIcon: any;
+export declare const RecentlyUsedTag: any;
+export declare const ConnectorsContainer: any;

package/build/components/Common/CopyToClipboard/CopyToClipboardIcon.d.ts

@@ -0,0 +1,5 @@
+declare const CopyToClipboardIcon: ({ copied, small, }: {
+    copied?: boolean;
+    small?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CopyToClipboardIcon;

package/build/components/Common/CopyToClipboard/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const CopyToClipboard: React.FC<{
+    string?: string;
+    children?: React.ReactNode;
+    variant?: 'button';
+}>;
+export default CopyToClipboard;

package/build/components/Common/CustomQRCode/QRCode.d.ts

@@ -0,0 +1,12 @@
+import QRCodeUtil from 'qrcode';
+import React from 'react';
+type Props = {
+    ecl?: QRCodeUtil.QRCodeErrorCorrectionLevel;
+    size?: number;
+    uri: string;
+    clearArea?: boolean;
+    image?: React.ReactNode;
+    imageBackground?: string;
+};
+export declare function QRCode({ ecl, size: sizeProp, uri, clearArea, image, imageBackground, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/components/Common/CustomQRCode/index.d.ts

@@ -0,0 +1,6 @@
+import { CustomQRCodeProps } from './types';
+declare function CustomQRCode({ value, image, imageBackground, imagePosition, tooltipMessage, }: CustomQRCodeProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CustomQRCode {
+    var displayName: string;
+}
+export default CustomQRCode;

package/build/components/Common/CustomQRCode/styles.d.ts

@@ -0,0 +1,6 @@
+export declare const QRCodeContainer: any;
+export declare const QRCodeContent: any;
+export declare const PlaceholderKeyframes: import("styled-components").Keyframes;
+export declare const QRPlaceholder: any;
+export declare const LogoContainer: any;
+export declare const LogoIcon: any;

package/build/components/Common/CustomQRCode/types.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type CustomQRCodeProps = {
+    value?: string;
+    image?: React.ReactNode;
+    imageBackground?: string;
+    imagePosition?: 'center' | 'bottom right';
+    tooltipMessage?: React.ReactNode | string;
+};

package/build/components/Common/DynamicContainer/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type DynamicContainerProps = {
+    id: string;
+    children?: React.ReactNode;
+};
+declare const DynamicContainer: React.FC<DynamicContainerProps>;
+export default DynamicContainer;

package/build/components/Common/FamilyAccountsButton/index.d.ts

@@ -0,0 +1,3 @@
+export declare const FamilyAccountsButton: ({ onClick }: {
+    onClick: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/components/Common/FitText/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const FitText: {
+    ({ children }: {
+        children: React.ReactNode;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default FitText;

package/build/components/Common/LazyImage/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const LazyImage: React.FC<{
+    src: string;
+    alt?: string;
+    width?: number;
+    height?: number;
+}>;
+export default LazyImage;

package/build/components/Common/Logo/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const Logo: React.FC<{
+    src: React.ReactNode;
+    background?: string;
+    width?: number;
+    height?: number;
+}>;
+export default Logo;

package/build/components/Common/Logo/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const LogoContainer: any;
+export declare const Squircle: any;
+export declare const Image: any;