@mezo-org/passport 0.4.0-dev.5 → 0.4.0-dev.7

package/dist/src/components/Dropdown/AccountAssets.js

@@ -0,0 +1,44 @@
+import { Block, LabelSmall, ParagraphSmall, useStyletron, } from "@mezo-org/mezo-clay";
+import React, { useMemo } from "react";
+import { getCryptoAsset } from "../../utils/cryptoAssets";
+import { formatUsd } from "../../utils/currency";
+export default function AccountAssets(props) {
+    const { label, assets } = props;
+    const [, theme] = useStyletron();
+    const assetsData = useMemo(() => assets.map((token) => {
+        const { name, symbol, icon } = getCryptoAsset(token.type);
+        return {
+            ...token,
+            icon,
+            label: name,
+            symbol,
+        };
+    }), [assets]);
+    const labelContent = typeof label === "string" ? (React.createElement(ParagraphSmall, { margin: 0, color: theme.colors.gray800 }, label)) : (label);
+    if (assetsData.length === 0) {
+        return null;
+    }
+    return (React.createElement(Block, { padding: `0 ${theme.sizing.scale500}` },
+        React.createElement(Block, { margin: `${theme.sizing.scale400} 0` }, labelContent),
+        React.createElement(Block, { as: "ul", marginBottom: theme.sizing.scale600, padding: 0, display: "flex", flexDirection: "column", overrides: {
+                Block: {
+                    style: {
+                        gap: theme.sizing.scale100,
+                    },
+                },
+            } }, assetsData.map((asset) => (React.createElement(Block, { as: "li", key: `${asset.type}-${asset.balance}`, display: "flex", justifyContent: "space-between", alignItems: "center", margin: `${theme.sizing.scale100} 0` },
+            React.createElement(asset.icon, { size: theme.sizing.scale800, overrides: {
+                    Svg: {
+                        style: {
+                            marginRight: theme.sizing.scale500,
+                        },
+                    },
+                } }),
+            React.createElement(Block, { flex: 1 },
+                React.createElement(LabelSmall, { margin: 0 }, asset.label),
+                React.createElement(ParagraphSmall, { margin: 0, color: theme.colors.gray500 }, asset.symbol)),
+            React.createElement(Block, { display: "flex", alignItems: "end", flexDirection: "column" },
+                React.createElement(LabelSmall, { margin: 0 }, asset.balance),
+                React.createElement(ParagraphSmall, { margin: 0, color: theme.colors.gray500 }, formatUsd(asset.balanceInUsd)))))))));
+}
+//# sourceMappingURL=AccountAssets.js.map

package/dist/src/components/Dropdown/AccountAssets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountAssets.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/AccountAssets.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/Dropdown/AccountBalance.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+type AccountBalanceProps = {
+    amount: number;
+};
+export default function AccountBalance(props: AccountBalanceProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=AccountBalance.d.ts.map

package/dist/src/components/Dropdown/AccountBalance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountBalance.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/AccountBalance.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAwBhE"}

package/dist/src/components/Dropdown/AccountBalance.js

@@ -0,0 +1,18 @@
+import { Block, HeadingSmall, ParagraphSmall, useStyletron, } from "@mezo-org/mezo-clay";
+import React from "react";
+import { formatUsd } from "../../utils/currency";
+export default function AccountBalance(props) {
+    const { amount } = props;
+    const formattedUsdBalance = formatUsd(amount);
+    const [, theme] = useStyletron();
+    return (React.createElement(Block, { padding: theme.sizing.scale500, overrides: {
+            Block: {
+                style: {
+                    borderBottom: `1px solid ${theme.colors.backgroundPrimary}`,
+                },
+            },
+        } },
+        React.createElement(ParagraphSmall, { margin: 0, color: theme.colors.gray800 }, "Available balance"),
+        React.createElement(HeadingSmall, { margin: 0 }, formattedUsdBalance)));
+}
+//# sourceMappingURL=AccountBalance.js.map

package/dist/src/components/Dropdown/AccountBalance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountBalance.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/AccountBalance.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,cAAc,EACd,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAMhD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAA0B;IAC/D,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IAExB,MAAM,mBAAmB,GAAG,SAAS,CAAC,MAAM,CAAC,CAAA;IAE7C,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAC9B,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,YAAY,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,iBAAiB,EAAE;iBAC5D;aACF;SACF;QAED,oBAAC,cAAc,IAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,wBAErC;QACjB,oBAAC,YAAY,IAAC,MAAM,EAAE,CAAC,IAAG,mBAAmB,CAAgB,CACvD,CACT,CAAA;AACH,CAAC"}

package/dist/src/components/Dropdown/ConnectedTrigger.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from "@mezo-org/mezo-clay";
+import React, { ReactNode } from "react";
+declare const ConnectedTrigger: React.ForwardRefExoticComponent<Omit<ButtonProps, "children"> & {
+    avatar: ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;
+export default ConnectedTrigger;
+//# sourceMappingURL=ConnectedTrigger.d.ts.map

package/dist/src/components/Dropdown/ConnectedTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/ConnectedTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,WAAW,EAAgB,MAAM,qBAAqB,CAAA;AACtE,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAA;AAMpD,QAAA,MAAM,gBAAgB;YAHZ,SAAS;2CAiDlB,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/src/components/Dropdown/ConnectedTrigger.js

@@ -0,0 +1,30 @@
+import { Block, useStyletron } from "@mezo-org/mezo-clay";
+import React, { forwardRef } from "react";
+const ConnectedTrigger = forwardRef((props, ref) => {
+    const { onClick, avatar, ...restProps } = props;
+    const [, theme] = useStyletron();
+    return (React.createElement(Block, { as: "button", overrides: {
+            Block: {
+                props: { ref, ...restProps },
+                style: {
+                    border: "none",
+                    background: "none",
+                    padding: 0,
+                    margin: 0,
+                    cursor: "pointer",
+                },
+            },
+        }, onClick: onClick },
+        React.createElement(Block, { width: theme.sizing.scale950, height: theme.sizing.scale950, overrides: {
+                Block: {
+                    style: {
+                        borderRadius: "100%",
+                        border: `2px solid ${theme.colors.contentPrimary}`,
+                        boxSizing: "border-box",
+                        overflow: "hidden",
+                    },
+                },
+            } }, typeof avatar === "string" ? (React.createElement(Block, { as: "img", src: avatar, alt: "" })) : (avatar))));
+});
+export default ConnectedTrigger;
+//# sourceMappingURL=ConnectedTrigger.js.map

package/dist/src/components/Dropdown/ConnectedTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectedTrigger.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/ConnectedTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAe,YAAY,EAAE,MAAM,qBAAqB,CAAA;AACtE,OAAO,KAAK,EAAE,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AAMpD,MAAM,gBAAgB,GAAG,UAAU,CACjC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IAE/C,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,OAAO,CACL,oBAAC,KAAK,IACJ,EAAE,EAAC,QAAQ,EACX,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,SAAS,EAAE;gBAC5B,KAAK,EAAE;oBACL,MAAM,EAAE,MAAM;oBACd,UAAU,EAAE,MAAM;oBAClB,OAAO,EAAE,CAAC;oBACV,MAAM,EAAE,CAAC;oBACT,MAAM,EAAE,SAAS;iBAClB;aACF;SACF,EACD,OAAO,EAAE,OAAO;QAEhB,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAC7B,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,YAAY,EAAE,MAAM;wBACpB,MAAM,EAAE,aAAa,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE;wBAClD,SAAS,EAAE,YAAY;wBACvB,QAAQ,EAAE,QAAQ;qBACnB;iBACF;aACF,IAEA,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC5B,oBAAC,KAAK,IAAC,EAAE,EAAC,KAAK,EAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,EAAE,GAAG,CACvC,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CACK,CACF,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/src/components/Dropdown/Content.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { DropdownData } from "../../hooks/useDropdownData";
+type DropdownContentProps = {
+    data: DropdownData;
+    onSignOut?: () => void;
+};
+export default function DropdownContent(props: DropdownContentProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Content.d.ts.map

package/dist/src/components/Dropdown/Content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Content.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AA0B1D,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,YAAY,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAyGlE"}

package/dist/src/components/Dropdown/Content.js

@@ -0,0 +1,69 @@
+import { Block, Button, LogOut01, Mats, ParagraphSmall, useStyletron, } from "@mezo-org/mezo-clay";
+import React, { useCallback } from "react";
+import { useDisconnect } from "wagmi";
+import { useSignOut } from "../../hooks";
+import AccountAddress from "./AccountAddress";
+import AccountAssets from "./AccountAssets";
+import AccountBalance from "./AccountBalance";
+import WelcomeBlock from "./WelcomeBlock";
+function MatsnetLabel() {
+    const [, theme] = useStyletron();
+    return (React.createElement(ParagraphSmall, { color: theme.colors.contentTertiary },
+        React.createElement(Mats, { color: "currentColor", size: theme.sizing.scale400, overrides: {
+                Svg: {
+                    style: {
+                        marginRight: theme.sizing.scale300,
+                    },
+                },
+            } }),
+        "Matsnet Assets"));
+}
+export default function DropdownContent(props) {
+    const { data, onSignOut } = props;
+    const [, theme] = useStyletron();
+    const { mezoId, address, walletType, totalBalanceInUsd, formattedNativeAssets, matsnet, } = data;
+    const { disconnect } = useDisconnect();
+    const { signOut } = useSignOut();
+    const handleLogOut = useCallback(() => {
+        if (onSignOut) {
+            onSignOut();
+            return;
+        }
+        signOut();
+        disconnect();
+    }, [signOut, disconnect, onSignOut]);
+    return (React.createElement(Block, { display: "inline-flex", flexDirection: "column", backgroundColor: theme.colors.backgroundPrimary, padding: theme.sizing.scale500, width: "100%", overrides: {
+            Block: {
+                style: {
+                    boxSizing: "border-box",
+                },
+            },
+        } },
+        React.createElement(WelcomeBlock, { mezoId: mezoId, matsBalance: matsnet.mats }),
+        React.createElement(Block, { display: "flex", flexDirection: "column", backgroundColor: theme.colors.backgroundSecondary, overflow: "hidden", overrides: {
+                Block: { style: { borderRadius: theme.borders.radius300 } },
+            } },
+            React.createElement(AccountAddress, { address: address, type: walletType }),
+            React.createElement(AccountBalance, { amount: totalBalanceInUsd }),
+            React.createElement(AccountAssets, { label: "Assets", assets: formattedNativeAssets })),
+        matsnet.formattedAssets.length > 0 && (React.createElement(Block, { marginTop: theme.sizing.scale600, backgroundColor: theme.colors.backgroundSecondary, overflow: "hidden", overrides: {
+                Block: { style: { borderRadius: theme.borders.radius300 } },
+            } },
+            React.createElement(AccountAssets, { label: React.createElement(MatsnetLabel, null), assets: matsnet.formattedAssets }))),
+        React.createElement(Block, { marginTop: theme.sizing.scale700, padding: `0 ${theme.sizing.scale100}` },
+            React.createElement(Button, { size: "small", kind: "tertiary", startEnhancer: React.createElement(LogOut01, { color: "currentColor", size: 12 }), onClick: () => handleLogOut(), overrides: {
+                    Root: {
+                        style: {
+                            ":hover": {
+                                backgroundColor: theme.colors.backgroundSecondary,
+                                boxShadow: "none",
+                            },
+                            ":active": {
+                                backgroundColor: theme.colors.backgroundSecondary,
+                                color: theme.colors.contentPrimary,
+                            },
+                        },
+                    },
+                } }, "Log out"))));
+}
+//# sourceMappingURL=Content.js.map

package/dist/src/components/Dropdown/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Content.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/Dropdown/DisconnectedTrigger.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from "@mezo-org/mezo-clay";
+import React from "react";
+declare const DisconnectedTrigger: React.ForwardRefExoticComponent<Omit<ButtonProps, "children"> & {
+    children: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+export default DisconnectedTrigger;
+//# sourceMappingURL=DisconnectedTrigger.d.ts.map

package/dist/src/components/Dropdown/DisconnectedTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisconnectedTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DisconnectedTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAAyB,MAAM,qBAAqB,CAAA;AAChF,OAAO,KAAqB,MAAM,OAAO,CAAA;AAMzC,QAAA,MAAM,mBAAmB;cAHb,MAAM;2CA4BhB,CAAA;AAEF,eAAe,mBAAmB,CAAA"}

package/dist/src/components/Dropdown/DisconnectedTrigger.js

@@ -0,0 +1,13 @@
+import { Button, LogIn01, useStyletron } from "@mezo-org/mezo-clay";
+import React, { forwardRef } from "react";
+const DisconnectedTrigger = forwardRef((props, ref) => {
+    const { onClick, children, ...restProps } = props;
+    const [, theme] = useStyletron();
+    return (React.createElement(Button, { startEnhancer: React.createElement(LogIn01, { color: "currentColor", size: theme.sizing.scale600 }), overrides: {
+            Root: {
+                props: { ref, ...restProps },
+            },
+        }, size: "small", shape: "pill", onClick: onClick }, children));
+});
+export default DisconnectedTrigger;
+//# sourceMappingURL=DisconnectedTrigger.js.map

package/dist/src/components/Dropdown/DisconnectedTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisconnectedTrigger.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DisconnectedTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAe,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAChF,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAMzC,MAAM,mBAAmB,GAAG,UAAU,CAGpC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IAEjD,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,OAAO,CACL,oBAAC,MAAM,IACL,aAAa,EACX,oBAAC,OAAO,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAI,EAE/D,SAAS,EAAE;YACT,IAAI,EAAE;gBACJ,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,SAAS,EAAE;aAC7B;SACF,EACD,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,OAAO,IAEf,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,mBAAmB,CAAA"}

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

@@ -0,0 +1,20 @@
+import { StatefulPopoverProps } from "@mezo-org/mezo-clay";
+import React from "react";
+import { DropdownCryptoAsset } from "../../hooks/useDropdownData";
+export type DropdownProps = {
+    /** The callback to be called when the user clicks the sign-out button */
+    onSignOut?: () => void;
+    /** The callback to be called when the user clicks the button in sign-in state */
+    onSignIn?: () => void;
+    /** The set of EVM native assets to be displayed in the dropdown */
+    evmNativeAssets?: DropdownCryptoAsset<"tbtc" | "wbtc">[];
+    /** The set of Matsnet assets to be displayed in the dropdown */
+    matsnetAssets?: DropdownCryptoAsset<"mbtc" | "musd">[];
+} & Omit<StatefulPopoverProps, "children" | "content">;
+/**
+ * Passport Dropdown component that displays user's wallet and assets information.
+ * @param {DropdownProps} props - Component props.
+ * @returns {JSX.Element}
+ */
+export declare function Dropdown(props: DropdownProps): React.JSX.Element;
+//# sourceMappingURL=Dropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,oBAAoB,EAErB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAwB,EACtB,mBAAmB,EACpB,MAAM,6BAA6B,CAAA;AAMpC,MAAM,MAAM,aAAa,GAAG;IAC1B,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,mEAAmE;IACnE,eAAe,CAAC,EAAE,mBAAmB,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACxD,gEAAgE;IAChE,aAAa,CAAC,EAAE,mBAAmB,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;CACvD,GAAG,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,SAAS,CAAC,CAAA;AAEtD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAuD5C"}

package/dist/src/components/Dropdown/Dropdown.js

@@ -0,0 +1,45 @@
+import { StatefulPopover, useStyletron, } from "@mezo-org/mezo-clay";
+import { useConnectModal } from "@rainbow-me/rainbowkit";
+import React from "react";
+import DefaultAvatar from "../../assets/DefaultAvatar";
+import useDropdownData from "../../hooks/useDropdownData";
+import useWalletAccount from "../../hooks/useWalletAccount";
+import ConnectedTrigger from "./ConnectedTrigger";
+import Content from "./Content";
+import DisconnectedTrigger from "./DisconnectedTrigger";
+/**
+ * Passport Dropdown component that displays user's wallet and assets information.
+ * @param {DropdownProps} props - Component props.
+ * @returns {JSX.Element}
+ */
+export function Dropdown(props) {
+    const { placement = "bottomRight", animateOutTime = 120, onSignIn, onSignOut, evmNativeAssets, matsnetAssets, overrides, ...restProps } = props;
+    const [, theme] = useStyletron();
+    const dropdownData = useDropdownData({ evmNativeAssets, matsnetAssets });
+    const { openConnectModal } = useConnectModal();
+    const { isConnected } = useWalletAccount();
+    if (!dropdownData || !isConnected) {
+        return (React.createElement(DisconnectedTrigger
+        // If connect wallet flow is not provided it fallbacks to RainbowKit's
+        // connect modal
+        , { 
+            // If connect wallet flow is not provided it fallbacks to RainbowKit's
+            // connect modal
+            onClick: onSignIn || openConnectModal }, "Sign in"));
+    }
+    return (React.createElement(StatefulPopover, { content: React.createElement(Content, { data: dropdownData, onSignOut: onSignOut }), placement: placement, animateOutTime: animateOutTime, overrides: {
+            ...overrides,
+            Body: {
+                ...overrides?.Body,
+                style: {
+                    minWidth: "378px",
+                    borderRadius: theme.borders.radius500,
+                    boxShadow: theme.lighting.shadow500,
+                    overflow: "hidden",
+                    ...overrides?.Body?.style,
+                },
+            },
+        }, ...restProps },
+        React.createElement(ConnectedTrigger, { avatar: React.createElement(DefaultAvatar, null) })));
+}
+//# sourceMappingURL=Dropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EAEf,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,aAAa,MAAM,4BAA4B,CAAA;AACtD,OAAO,eAEN,MAAM,6BAA6B,CAAA;AACpC,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAC3D,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AAavD;;;;GAIG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EACJ,SAAS,GAAG,aAAa,EACzB,cAAc,GAAG,GAAG,EACpB,QAAQ,EACR,SAAS,EACT,eAAe,EACf,aAAa,EACb,SAAS,EACT,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,CAAA;IAExE,MAAM,EAAE,gBAAgB,EAAE,GAAG,eAAe,EAAE,CAAA;IAE9C,MAAM,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAE1C,IAAI,CAAC,YAAY,IAAI,CAAC,WAAW,EAAE,CAAC;QAClC,OAAO,CACL,oBAAC,mBAAmB;QAClB,sEAAsE;QACtE,gBAAgB;;YADhB,sEAAsE;YACtE,gBAAgB;YAChB,OAAO,EAAE,QAAQ,IAAI,gBAAgB,cAGjB,CACvB,CAAA;IACH,CAAC;IAED,OAAO,CACL,oBAAC,eAAe,IACd,OAAO,EAAE,oBAAC,OAAO,IAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,GAAI,EAC9D,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE;YACT,GAAG,SAAS;YACZ,IAAI,EAAE;gBACJ,GAAG,SAAS,EAAE,IAAI;gBAClB,KAAK,EAAE;oBACL,QAAQ,EAAE,OAAO;oBACjB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS;oBACrC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS;oBACnC,QAAQ,EAAE,QAAQ;oBAClB,GAAG,SAAS,EAAE,IAAI,EAAE,KAAK;iBAC1B;aACF;SACF,KACG,SAAS;QAEb,oBAAC,gBAAgB,IAAC,MAAM,EAAE,oBAAC,aAAa,OAAG,GAAI,CAC/B,CACnB,CAAA;AACH,CAAC"}

package/dist/src/components/Dropdown/WelcomeBlock.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+type WelcomeBlockProps = {
+    mezoId: string;
+    matsBalance: number;
+};
+export default function WelcomeBlock(props: WelcomeBlockProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=WelcomeBlock.d.ts.map

package/dist/src/components/Dropdown/WelcomeBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WelcomeBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/WelcomeBlock.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAyE5D"}

package/dist/src/components/Dropdown/WelcomeBlock.js

@@ -0,0 +1,44 @@
+import { Block, HeadingSmall, LabelSmall, Mats, useStyletron, } from "@mezo-org/mezo-clay";
+import React from "react";
+import DefaultAvatar from "../../assets/DefaultAvatar";
+import { formatHumanReadableNumber } from "../../utils/numbers";
+const DOT_DELIMITER_REGEX = /(?=\.)/;
+export default function WelcomeBlock(props) {
+    const { mezoId, matsBalance } = props;
+    const [name, nameSuffix] = mezoId.split(DOT_DELIMITER_REGEX);
+    const [, theme] = useStyletron();
+    return (React.createElement(Block, { display: "flex", alignItems: "center", padding: `${theme.sizing.scale600} 0`, marginBottom: theme.sizing.scale300, overrides: {
+            Block: {
+                style: {
+                    gap: theme.sizing.scale600,
+                },
+            },
+        } },
+        React.createElement(Block, { as: DefaultAvatar, width: theme.sizing.scale1200, height: theme.sizing.scale1200, overrides: {
+                Block: {
+                    style: {
+                        borderRadius: "100%",
+                    },
+                },
+            } }),
+        React.createElement(Block, { display: "flex", flexDirection: "column", overrides: {
+                Block: {
+                    style: {
+                        gap: theme.sizing.scale100,
+                    },
+                },
+            } },
+            React.createElement(HeadingSmall, { as: "span" },
+                React.createElement(Block, { as: "span" }, name),
+                React.createElement(Block, { as: "span", color: theme.colors.gray500 }, nameSuffix)),
+            React.createElement(LabelSmall, { display: "flex", alignItems: "center", margin: 0, color: theme.colors.contentTertiary, overrides: {
+                    Block: {
+                        style: {
+                            gap: theme.sizing.scale300,
+                        },
+                    },
+                } },
+                React.createElement(Mats, { color: theme.colors.contentPrimary, size: theme.sizing.scale600 }),
+                formatHumanReadableNumber(matsBalance, 0)))));
+}
+//# sourceMappingURL=WelcomeBlock.js.map

package/dist/src/components/Dropdown/WelcomeBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WelcomeBlock.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/WelcomeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,UAAU,EACV,IAAI,EACJ,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,aAAa,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAE/D,MAAM,mBAAmB,GAAG,QAAQ,CAAA;AAOpC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAwB;IAC3D,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAErC,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAA;IAC5D,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,IAAI,EACrC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EACnC,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;iBAC3B;aACF;SACF;QAED,oBAAC,KAAK,IACJ,EAAE,EAAE,aAAa,EACjB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAC7B,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,EAC9B,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,YAAY,EAAE,MAAM;qBACrB;iBACF;aACF,GACD;QAEF,oBAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,KAAK,EAAE;wBACL,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;qBAC3B;iBACF;aACF;YAED,oBAAC,YAAY,IAAC,EAAE,EAAC,MAAM;gBACrB,oBAAC,KAAK,IAAC,EAAE,EAAC,MAAM,IAAE,IAAI,CAAS;gBAC/B,oBAAC,KAAK,IAAC,EAAE,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,IACzC,UAAU,CACL,CACK;YAEf,oBAAC,UAAU,IACT,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,EACnC,SAAS,EAAE;oBACT,KAAK,EAAE;wBACL,KAAK,EAAE;4BACL,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;yBAC3B;qBACF;iBACF;gBAED,oBAAC,IAAI,IACH,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,EAClC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,GAC3B;gBACD,yBAAyB,CAAC,WAAW,EAAE,CAAC,CAAC,CAC/B,CACP,CACF,CACT,CAAA;AACH,CAAC"}

package/dist/src/components/Dropdown/index.d.ts

@@ -0,0 +1,3 @@
+export { Dropdown } from "./Dropdown";
+export type { DropdownProps } from "./Dropdown";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/Dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA"}

package/dist/src/components/Dropdown/index.js

@@ -0,0 +1,2 @@
+export { Dropdown } from "./Dropdown";
+//# sourceMappingURL=index.js.map

package/dist/src/components/Dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}

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

@@ -0,0 +1,2 @@
+export { Dropdown, DropdownProps } from "./Dropdown";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA"}

package/dist/src/components/index.js

@@ -0,0 +1,2 @@
+export { Dropdown } from "./Dropdown";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA"}

package/dist/src/hooks/constants.d.ts

@@ -2,5 +2,6 @@ export declare const QUERY_KEYS: {
     ACCOUNT: string;
     SESSION: string;
     CURRENT: string;
+    ASSETS_USD_CONVERSION: string;
 };
 //# sourceMappingURL=constants.d.ts.map

package/dist/src/hooks/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/hooks/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;CAItB,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/hooks/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;CAKtB,CAAA"}

package/dist/src/hooks/constants.js

@@ -2,5 +2,6 @@ export const QUERY_KEYS = {
     ACCOUNT: "account",
     SESSION: "session",
     CURRENT: "current",
+    ASSETS_USD_CONVERSION: "assetsUsdConversion",
 };
 //# sourceMappingURL=constants.js.map

package/dist/src/hooks/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/hooks/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAA"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/hooks/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,qBAAqB,EAAE,qBAAqB;CAC7C,CAAA"}

package/dist/src/hooks/index.d.ts

@@ -1,5 +1,4 @@
 export { useBitcoinAccount, useSendBitcoin, useSendTransaction, useSubscribeToConnectedToUnsupportedBitcoinAddress, useSubscribeToConnectorEvent, useSubscribeToWalletNetworkDoesNotMatchProviderChain, } from "@mezo-org/orangekit";
-export * from "./useCreateAccount";
 export * from "./useGetAccountByAddress";
 export * from "./useGetAccountByMezoId";
 export * from "./useGetCurrentAccount";

package/dist/src/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,kDAAkD,EAClD,4BAA4B,EAC5B,oDAAoD,GACrD,MAAM,qBAAqB,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,cAAc,CAAA;AAC5B,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,kDAAkD,EAClD,4BAA4B,EAC5B,oDAAoD,GACrD,MAAM,qBAAqB,CAAA;AAC5B,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,cAAc,CAAA;AAC5B,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA"}

package/dist/src/hooks/index.js

@@ -1,5 +1,4 @@
 export { useBitcoinAccount, useSendBitcoin, useSendTransaction, useSubscribeToConnectedToUnsupportedBitcoinAddress, useSubscribeToConnectorEvent, useSubscribeToWalletNetworkDoesNotMatchProviderChain, } from "@mezo-org/orangekit";
-export * from "./useCreateAccount";
 export * from "./useGetAccountByAddress";
 export * from "./useGetAccountByMezoId";
 export * from "./useGetCurrentAccount";

package/dist/src/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,kDAAkD,EAClD,4BAA4B,EAC5B,oDAAoD,GACrD,MAAM,qBAAqB,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,cAAc,CAAA;AAC5B,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,kDAAkD,EAClD,4BAA4B,EAC5B,oDAAoD,GACrD,MAAM,qBAAqB,CAAA;AAC5B,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,cAAc,CAAA;AAC5B,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA"}

package/dist/src/hooks/useAssetsUSDConversion.d.ts

@@ -0,0 +1,8 @@
+import { UseBaseQueryOptions } from "@tanstack/react-query";
+type AssetsUsdConversion = {
+    btcUsd: string;
+    ethUsd: string;
+};
+export declare function useAssetsUsdConversion(useQueryOptions?: Partial<UseBaseQueryOptions<AssetsUsdConversion>>): import("@tanstack/react-query").UseQueryResult<AssetsUsdConversion, Error>;
+export {};
+//# sourceMappingURL=useAssetsUSDConversion.d.ts.map

package/dist/src/hooks/useAssetsUSDConversion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetsUSDConversion.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAssetsUSDConversion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAY,MAAM,uBAAuB,CAAA;AAKrE,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,sBAAsB,CACpC,eAAe,GAAE,OAAO,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAM,8EAmBxE"}

package/dist/src/hooks/useAssetsUSDConversion.js

@@ -0,0 +1,21 @@
+import { useQuery } from "@tanstack/react-query";
+import { ONE_MINUTE_MS } from "../utils/time";
+import { QUERY_KEYS } from "./constants";
+import { usePortalApiClient } from "./usePortalApiClient";
+export function useAssetsUsdConversion(useQueryOptions = {}) {
+    const portalApiClient = usePortalApiClient();
+    return useQuery({
+        queryKey: [QUERY_KEYS.ASSETS_USD_CONVERSION],
+        queryFn: async () => {
+            const { currentUsdPerBtc, currentUsdPerEth } = await portalApiClient.getPortalStatistics();
+            return {
+                btcUsd: currentUsdPerBtc,
+                ethUsd: currentUsdPerEth,
+            };
+        },
+        staleTime: 30 * ONE_MINUTE_MS,
+        retry: 1,
+        ...useQueryOptions,
+    });
+}
+//# sourceMappingURL=useAssetsUSDConversion.js.map

package/dist/src/hooks/useAssetsUSDConversion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetsUSDConversion.js","sourceRoot":"","sources":["../../../src/hooks/useAssetsUSDConversion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAOzD,MAAM,UAAU,sBAAsB,CACpC,kBAAqE,EAAE;IAEvE,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAE5C,OAAO,QAAQ,CAAC;QACd,QAAQ,EAAE,CAAC,UAAU,CAAC,qBAAqB,CAAC;QAC5C,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,GAC1C,MAAM,eAAe,CAAC,mBAAmB,EAAE,CAAA;YAE7C,OAAO;gBACL,MAAM,EAAE,gBAAgB;gBACxB,MAAM,EAAE,gBAAgB;aACzB,CAAA;QACH,CAAC;QACD,SAAS,EAAE,EAAE,GAAG,aAAa;QAC7B,KAAK,EAAE,CAAC;QACR,GAAG,eAAe;KACnB,CAAC,CAAA;AACJ,CAAC"}

package/dist/src/hooks/useAuthApiClient.d.ts

@@ -1,2 +1,2 @@
-export declare function useAuthApiClient(): import("../api/auth").AuthApiClient;
+export declare function useAuthApiClient(): import("../api").AuthApiClient;
 //# sourceMappingURL=useAuthApiClient.d.ts.map

package/dist/src/hooks/useAuthApiClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAuthApiClient.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAuthApiClient.ts"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,wCAG/B"}
+{"version":3,"file":"useAuthApiClient.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAuthApiClient.ts"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,mCAG/B"}