@mezo-org/passport 0.15.1-dev.7 → 0.16.0-dev.0

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

@@ -0,0 +1,28 @@
+import React from "react";
+import { BitcoinCircle } from "@mezo-org/mezo-clay";
+import ListingItem from "../ListingItem";
+import { getAsset } from "../../../utils/assets";
+import { useBorrowData } from "../../../hooks/useBorrowData";
+import { useTokensBalances } from "../../../hooks/useTokensBalances";
+import AccountError from "./AccountError";
+import { usePassportContext } from "../../../hooks/usePassportContext";
+export default function AccountBTCListing(props) {
+    const { nativeBalanceRefetchInterval } = usePassportContext();
+    const { data: borrowData, isError: isBorrowDataError, isPending: isBorrowDataPending, } = useBorrowData();
+    const { data: tokensBalancesData, isError: isTokensBalancesError, isPending: isTokensBalancesPending, } = useTokensBalances({
+        queryOptions: {
+            staleTime: nativeBalanceRefetchInterval,
+            refetchInterval: nativeBalanceRefetchInterval,
+        },
+    });
+    if (isTokensBalancesPending || isBorrowDataPending) {
+        return React.createElement(ListingItem, { isLoading: true });
+    }
+    if (isTokensBalancesError || isBorrowDataError) {
+        return React.createElement(AccountError, { topic: "Bitcoin balance" });
+    }
+    const btcBalance = Number(tokensBalancesData.BTC.usd.formatted);
+    const lockedCollateral = Number(borrowData.collateral.usd.formatted);
+    return (React.createElement(ListingItem, { icon: React.createElement(BitcoinCircle, null), label: getAsset("BTC").name, value: btcBalance, subLabel: "Locked collateral", subValue: lockedCollateral, ...props }));
+}
+//# sourceMappingURL=AccountBtcListing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountBtcListing.js","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/AccountBtcListing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAc,MAAM,qBAAqB,CAAA;AAC/D,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAA;AAItE,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAA6B;IACrE,MAAM,EAAE,4BAA4B,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAE7D,MAAM,EACJ,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,mBAAmB,GAC/B,GAAG,aAAa,EAAE,CAAA;IAEnB,MAAM,EACJ,IAAI,EAAE,kBAAkB,EACxB,OAAO,EAAE,qBAAqB,EAC9B,SAAS,EAAE,uBAAuB,GACnC,GAAG,iBAAiB,CAAC;QACpB,YAAY,EAAE;YACZ,SAAS,EAAE,4BAA4B;YACvC,eAAe,EAAE,4BAA4B;SAC9C;KACF,CAAC,CAAA;IAEF,IAAI,uBAAuB,IAAI,mBAAmB,EAAE,CAAC;QACnD,OAAO,oBAAC,WAAW,IAAC,SAAS,SAAG,CAAA;IAClC,CAAC;IAED,IAAI,qBAAqB,IAAI,iBAAiB,EAAE,CAAC;QAC/C,OAAO,oBAAC,YAAY,IAAC,KAAK,EAAC,iBAAiB,GAAG,CAAA;IACjD,CAAC;IAED,MAAM,UAAU,GAAG,MAAM,CAAC,kBAAkB,CAAC,GAAG,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IAC/D,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IAEpE,OAAO,CACL,oBAAC,WAAW,IACV,IAAI,EAAE,oBAAC,aAAa,OAAG,EACvB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,EAC3B,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAC,mBAAmB,EAC5B,QAAQ,EAAE,gBAAgB,KACtB,KAAK,GACT,CACH,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { BlockProps } from "@mezo-org/mezo-clay";
+type AccountErrorProps = {
+    topic: string;
+} & BlockProps;
+export default function AccountError(props: AccountErrorProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=AccountError.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountError.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/AccountError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,UAAU,EAIX,MAAM,qBAAqB,CAAA;AAE5B,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;CACd,GAAG,UAAU,CAAA;AAEd,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAqB5D"}

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

@@ -0,0 +1,17 @@
+import React from "react";
+import { LabelSmall, mergeOverrides, useStyletron, } from "@mezo-org/mezo-clay";
+export default function AccountError(props) {
+    const { topic, overrides, ...restProps } = props;
+    const [, theme] = useStyletron();
+    return (React.createElement(LabelSmall, { padding: `${theme.sizing.scale600} ${theme.sizing.scale800}`, color: "negative", overrides: mergeOverrides(overrides, {
+            Block: {
+                style: {
+                    lineHeight: theme.sizing.scale700,
+                },
+            },
+        }), ...restProps },
+        "An error occured loading ",
+        topic,
+        "."));
+}
+//# sourceMappingURL=AccountError.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountError.js","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/AccountError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAEL,UAAU,EACV,cAAc,EACd,YAAY,GACb,MAAM,qBAAqB,CAAA;AAM5B,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAwB;IAC3D,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IAEhD,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,OAAO,CACL,oBAAC,UAAU,IACT,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,EAC5D,KAAK,EAAC,UAAU,EAChB,SAAS,EAAE,cAAc,CAAC,SAAS,EAAE;YACnC,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;iBAClC;aACF;SACF,CAAC,KACE,SAAS;;QAEa,KAAK;YACpB,CACd,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { BlockProps } from "@mezo-org/mezo-clay";
+export default function AccountMusdListing(props: Omit<BlockProps, "children">): React.JSX.Element;
+//# sourceMappingURL=AccountMusdListing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountMusdListing.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/AccountMusdListing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAgB,MAAM,qBAAqB,CAAA;AAO9D,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,qBAmCpC"}

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

@@ -0,0 +1,21 @@
+import React from "react";
+import { MUsdCircle02 } from "@mezo-org/mezo-clay";
+import ListingItem from "../ListingItem";
+import { getAsset } from "../../../utils/assets";
+import { useBorrowData } from "../../../hooks/useBorrowData";
+import { useTokensBalances } from "../../../hooks/useTokensBalances";
+import AccountError from "./AccountError";
+export default function AccountMusdListing(props) {
+    const { data: borrowData, isError: isBorrowDataError, isPending: isBorrowDataPending, } = useBorrowData();
+    const { data: tokensBalancesData, isError: isTokensBalancesError, isPending: isTokensBalancesPending, } = useTokensBalances();
+    if (isBorrowDataPending || isTokensBalancesPending) {
+        return React.createElement(ListingItem, { isLoading: true });
+    }
+    if (isBorrowDataError || isTokensBalancesError) {
+        return React.createElement(AccountError, { topic: "MUSD balance" });
+    }
+    const musdBalance = Number(tokensBalancesData.MUSD.usd.formatted);
+    const lockedCollateral = Number(borrowData.debtInUsd.formatted);
+    return (React.createElement(ListingItem, { icon: React.createElement(MUsdCircle02, null), label: getAsset("MUSD").name, value: musdBalance, subLabel: "Borrowed", subValue: lockedCollateral, ...props }));
+}
+//# sourceMappingURL=AccountMusdListing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountMusdListing.js","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/AccountMusdListing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAc,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,KAAmC;IAEnC,MAAM,EACJ,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,mBAAmB,GAC/B,GAAG,aAAa,EAAE,CAAA;IAEnB,MAAM,EACJ,IAAI,EAAE,kBAAkB,EACxB,OAAO,EAAE,qBAAqB,EAC9B,SAAS,EAAE,uBAAuB,GACnC,GAAG,iBAAiB,EAAE,CAAA;IAEvB,IAAI,mBAAmB,IAAI,uBAAuB,EAAE,CAAC;QACnD,OAAO,oBAAC,WAAW,IAAC,SAAS,SAAG,CAAA;IAClC,CAAC;IAED,IAAI,iBAAiB,IAAI,qBAAqB,EAAE,CAAC;QAC/C,OAAO,oBAAC,YAAY,IAAC,KAAK,EAAC,cAAc,GAAG,CAAA;IAC9C,CAAC;IAED,MAAM,WAAW,GAAG,MAAM,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IACjE,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,CAAA;IAE/D,OAAO,CACL,oBAAC,WAAW,IACV,IAAI,EAAE,oBAAC,YAAY,OAAG,EACtB,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAC5B,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAC,UAAU,EACnB,QAAQ,EAAE,gBAAgB,KACtB,KAAK,GACT,CACH,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { BlockProps } from "@mezo-org/mezo-clay";
+type AccountOtherAssetsProps = {
+    onClick?: () => void;
+} & Omit<BlockProps, "children">;
+export default function AccountOtherAssets(props: AccountOtherAssetsProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=AccountOtherAssets.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountOtherAssets.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/AccountOtherAssets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAIL,UAAU,EACX,MAAM,qBAAqB,CAAA;AAO5B,KAAK,uBAAuB,GAAG;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAA;AAEhC,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAmExE"}

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

@@ -0,0 +1,43 @@
+import React from "react";
+import { useStyletron, CoinsStacked02, mergeOverrides, } from "@mezo-org/mezo-clay";
+import { formatUnits } from "viem";
+import ListingItem from "../ListingItem";
+import { useTokensBalances } from "../../../hooks/useTokensBalances";
+import AccountError from "./AccountError";
+import { CONVERSION_RATE_DECIMALS } from "../../../hooks/useAssetsConversionRates";
+export default function AccountOtherAssets(props) {
+    const { onClick, overrides, ...restProps } = props;
+    const [, theme] = useStyletron();
+    const { data: tokensBalancesData, isPending: isTokensBalancesPending, isError: isTokensBalancesError, } = useTokensBalances();
+    if (isTokensBalancesPending) {
+        return React.createElement(ListingItem, { isLoading: true, overrides: overrides });
+    }
+    if (isTokensBalancesError) {
+        return (React.createElement(AccountError, { topic: "other assets", paddingTop: theme.sizing.scale100, paddingBottom: theme.sizing.scale100, overrides: overrides }));
+    }
+    const otherAssets = Object.values(tokensBalancesData)
+        .filter((asset) => !["BTC", "MUSD"].includes(asset.symbol))
+        .filter((asset) => asset.value > 0n);
+    const assetsCount = otherAssets.length;
+    const totalAssetsInUsd = Number(formatUnits(otherAssets.reduce((total, asset) => total + asset.usd.value, 0n), CONVERSION_RATE_DECIMALS));
+    let label = "No other assets";
+    if (assetsCount === 1)
+        label = "1 more asset";
+    if (assetsCount > 1)
+        label = `${assetsCount} more assets`;
+    return (React.createElement(ListingItem, { icon: React.createElement(CoinsStacked02, { color: theme.colors.contentPrimary }), label: label, value: totalAssetsInUsd, overrides: mergeOverrides({
+            Block: {
+                props: {
+                    $as: "button",
+                    onClick,
+                },
+                style: {
+                    borderWidth: 0,
+                    cursor: "pointer",
+                    backgroundColor: "transparent",
+                    minHeight: "56px",
+                },
+            },
+        }, overrides), ...restProps }));
+}
+//# sourceMappingURL=AccountOtherAssets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountOtherAssets.js","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/AccountOtherAssets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,YAAY,EACZ,cAAc,EACd,cAAc,GAEf,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAA;AAClC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAA;AAMlF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAA8B;IACvE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IAElD,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,EACJ,IAAI,EAAE,kBAAkB,EACxB,SAAS,EAAE,uBAAuB,EAClC,OAAO,EAAE,qBAAqB,GAC/B,GAAG,iBAAiB,EAAE,CAAA;IAEvB,IAAI,uBAAuB,EAAE,CAAC;QAC5B,OAAO,oBAAC,WAAW,IAAC,SAAS,QAAC,SAAS,EAAE,SAAS,GAAI,CAAA;IACxD,CAAC;IAED,IAAI,qBAAqB,EAAE,CAAC;QAC1B,OAAO,CACL,oBAAC,YAAY,IACX,KAAK,EAAC,cAAc,EACpB,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EACjC,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EACpC,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;IACH,CAAC;IAED,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC;SAClD,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SAC1D,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,CAAA;IAEtC,MAAM,WAAW,GAAG,WAAW,CAAC,MAAM,CAAA;IACtC,MAAM,gBAAgB,GAAG,MAAM,CAC7B,WAAW,CACT,WAAW,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,EACjE,wBAAwB,CACzB,CACF,CAAA;IAED,IAAI,KAAK,GAAG,iBAAiB,CAAA;IAC7B,IAAI,WAAW,KAAK,CAAC;QAAE,KAAK,GAAG,cAAc,CAAA;IAC7C,IAAI,WAAW,GAAG,CAAC;QAAE,KAAK,GAAG,GAAG,WAAW,cAAc,CAAA;IAEzD,OAAO,CACL,oBAAC,WAAW,IACV,IAAI,EAAE,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,GAAI,EAC5D,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,gBAAgB,EACvB,SAAS,EAAE,cAAc,CACvB;YACE,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,GAAG,EAAE,QAAQ;oBACb,OAAO;iBACR;gBACD,KAAK,EAAE;oBACL,WAAW,EAAE,CAAC;oBACd,MAAM,EAAE,SAAS;oBACjB,eAAe,EAAE,aAAa;oBAC9B,SAAS,EAAE,MAAM;iBAClB;aACF;SACF,EACD,SAAS,CACV,KACG,SAAS,GACb,CACH,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,8 @@
+import React from "react";
+type RootProps = {
+    onSignOut?: () => void;
+    onOtherAssetsClick?: () => void;
+};
+export default function Root(props: RootProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=Root.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/Root.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAW1C,KAAK,SAAS,GAAG;IACf,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;CAChC,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,SAAS,qBA2D5C"}

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

@@ -0,0 +1,45 @@
+import { Block, Button, LogOut01, useStyletron } from "@mezo-org/mezo-clay";
+import React, { useCallback } from "react";
+import { useDisconnect } from "wagmi";
+import { useSignOut } from "../../../hooks";
+import WalletAddress from "./WalletAddress";
+import AccountBalance from "./AccountBalance";
+import WelcomeBlock from "./WelcomeBlock";
+import AccountAddressActions from "./AccountAddressActions";
+import AccountOtherAssets from "./AccountOtherAssets";
+import AccountBtcListing from "./AccountBtcListing";
+import AccountMusdListing from "./AccountMusdListing";
+export default function Root(props) {
+    const { onSignOut, onOtherAssetsClick } = props;
+    const [, theme] = useStyletron();
+    const { disconnect } = useDisconnect();
+    const { signOut } = useSignOut();
+    const handleLogOut = useCallback(() => {
+        if (onSignOut) {
+            onSignOut();
+            return;
+        }
+        signOut();
+        disconnect();
+    }, [signOut, disconnect, onSignOut]);
+    const overridesWithDivider = {
+        Block: {
+            style: {
+                borderBottomWidth: "1px",
+                borderBottomStyle: "solid",
+                borderBottomColor: theme.colors.borderOpaque,
+            },
+        },
+    };
+    return (React.createElement(Block, { display: "inline-flex", flexDirection: "column" },
+        React.createElement(WelcomeBlock, null),
+        React.createElement(AccountAddressActions, { overrides: overridesWithDivider }),
+        React.createElement(WalletAddress, { overrides: overridesWithDivider }),
+        React.createElement(AccountBalance, { overrides: overridesWithDivider }),
+        React.createElement(AccountBtcListing, null),
+        React.createElement(AccountMusdListing, null),
+        React.createElement(AccountOtherAssets, { onClick: onOtherAssetsClick, overrides: overridesWithDivider }),
+        React.createElement(Block, { padding: theme.sizing.scale300 },
+            React.createElement(Button, { size: "small", shape: "pill", kind: "tertiary", startEnhancer: React.createElement(LogOut01, { color: "currentColor", size: 16 }), onClick: handleLogOut }, "Sign out"))));
+}
+//# sourceMappingURL=Root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Root.js","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/Root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAC3E,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AAOrD,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAgB;IAC3C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAA;IAE/C,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAA;IACtC,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAEhC,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,IAAI,SAAS,EAAE,CAAC;YACd,SAAS,EAAE,CAAA;YACX,OAAM;QACR,CAAC;QACD,OAAO,EAAE,CAAA;QACT,UAAU,EAAE,CAAA;IACd,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAA;IAEpC,MAAM,oBAAoB,GAAG;QAC3B,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,iBAAiB,EAAE,KAAK;gBACxB,iBAAiB,EAAE,OAAO;gBAC1B,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY;aAC7C;SACF;KACF,CAAA;IAED,OAAO,CACL,oBAAC,KAAK,IAAC,OAAO,EAAC,aAAa,EAAC,aAAa,EAAC,QAAQ;QACjD,oBAAC,YAAY,OAAG;QAEhB,oBAAC,qBAAqB,IAAC,SAAS,EAAE,oBAAoB,GAAI;QAE1D,oBAAC,aAAa,IAAC,SAAS,EAAE,oBAAoB,GAAI;QAElD,oBAAC,cAAc,IAAC,SAAS,EAAE,oBAAoB,GAAI;QAEnD,oBAAC,iBAAiB,OAAG;QAErB,oBAAC,kBAAkB,OAAG;QAEtB,oBAAC,kBAAkB,IACjB,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,oBAAoB,GAC/B;QAEF,oBAAC,KAAK,IAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;YACnC,oBAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,UAAU,EACf,aAAa,EAAE,oBAAC,QAAQ,IAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAE,EAAE,GAAI,EAC1D,OAAO,EAAE,YAAY,eAGd,CACH,CACF,CACT,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,4 @@
+import { BlockProps } from "@mezo-org/mezo-clay";
+import React from "react";
+export default function WalletAddress(props: BlockProps): React.JSX.Element;
+//# sourceMappingURL=WalletAddress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WalletAddress.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/WalletAddress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EAOX,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,UAAU,qBAyGtD"}

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

@@ -0,0 +1,66 @@
+import { BitcoinCircle, Block, EthCircle, LabelMedium, LabelXSmall, mergeOverrides, MonoLabelXSmall, useStyletron, } from "@mezo-org/mezo-clay";
+import React, { useState } from "react";
+import { useCopyToClipboard } from "usehooks-ts";
+import { usePassportContext } from "../../../hooks/usePassportContext";
+import { getAddressExplorerUrl, trimAddress } from "../../../utils/address";
+import useWalletAccount from "../../../hooks/useWalletAccount";
+export default function WalletAddress(props) {
+    const { overrides, ...restProps } = props;
+    const { walletAddress, networkFamily } = useWalletAccount();
+    const { environment = "mainnet" } = usePassportContext();
+    const [, theme] = useStyletron();
+    const [, copy] = useCopyToClipboard();
+    const [isCopiedMessageVisible, setIsCopiedMessageVisible] = useState(false);
+    const handleCopyAddress = () => {
+        copy(walletAddress);
+        setIsCopiedMessageVisible(true);
+        setTimeout(() => {
+            setIsCopiedMessageVisible(false);
+        }, 2000);
+    };
+    const blockExplorerUrl = getAddressExplorerUrl(walletAddress, networkFamily, environment === "testnet");
+    const trimmedAddress = trimAddress(walletAddress);
+    const AccountIcon = networkFamily === "bitcoin" ? BitcoinCircle : EthCircle;
+    return (React.createElement(Block, { as: "button", onClick: handleCopyAddress, display: "flex", alignItems: "center", backgroundColor: "transparent", padding: `${theme.sizing.scale800} ${theme.sizing.scale700}`, overrides: mergeOverrides({
+            Block: {
+                style: {
+                    gap: theme.sizing.scale700,
+                    borderWidth: 0,
+                    cursor: "pointer",
+                    ":hover": {
+                        backgroundColor: theme.colors.backgroundTertiary,
+                    },
+                },
+            },
+        }, overrides), ...restProps },
+        React.createElement(AccountIcon, { color: theme.colors.black, size: theme.sizing.scale800, overrides: {
+                Svg: {
+                    style: {
+                        backgroundColor: theme.colors.black,
+                        overflow: "hidden",
+                        borderRadius: theme.borders.radius200,
+                    },
+                },
+            } }),
+        React.createElement(Block, { display: "flex", flexDirection: "column", alignItems: "flex-start", overrides: {
+                Block: {
+                    style: {
+                        gap: theme.sizing.scale100,
+                    },
+                },
+            } },
+            React.createElement(LabelMedium, null, "Connected Wallet"),
+            isCopiedMessageVisible ? (React.createElement(LabelXSmall, { color: theme.colors.contentSecondary }, "Copied address to clipboard")) : (React.createElement(Block, { as: "a", color: theme.colors.contentSecondary, href: blockExplorerUrl, target: "_blank", overrides: {
+                    Block: {
+                        style: {
+                            color: "inherit",
+                            textDecoration: "none",
+                            ":hover": {
+                                textDecoration: "underline",
+                            },
+                        },
+                    },
+                } },
+                React.createElement(MonoLabelXSmall, null, trimmedAddress))))));
+}
+//# sourceMappingURL=WalletAddress.js.map

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

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

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

@@ -0,0 +1,6 @@
+import { BlockProps } from "@mezo-org/mezo-clay";
+import React from "react";
+type WelcomeBlockProps = BlockProps;
+export default function WelcomeBlock(props: WelcomeBlockProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=WelcomeBlock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WelcomeBlock.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Root/WelcomeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAOX,MAAM,qBAAqB,CAAA;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAA;AA4DzB,KAAK,iBAAiB,GAAG,UAAU,CAAA;AAEnC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAoG5D"}

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

@@ -0,0 +1,88 @@
+import { Block, HeadingMedium, LabelLarge, Mats, mergeOverrides, Skeleton, useStyletron, } from "@mezo-org/mezo-clay";
+import React from "react";
+import DefaultAvatar from "../../../assets/DefaultAvatar";
+import { useGetCurrentAccount } from "../../../hooks";
+import { formatNumberToCompactString } from "../../../utils/numbers";
+import AccountError from "./AccountError";
+import { usePassportContext } from "../../../hooks/usePassportContext";
+import SlotNumber from "../SlotNumber";
+const DOT_DELIMITER_REGEX = /(?=\.)/;
+function WelcomeBlockSkeleton() {
+    const [, theme] = useStyletron();
+    return (React.createElement(Block, { display: "flex", alignItems: "center", padding: theme.sizing.scale600, paddingTop: theme.sizing.scale900, paddingBottom: theme.sizing.scale800, overrides: {
+            Block: {
+                style: {
+                    gap: theme.sizing.scale600,
+                },
+            },
+        } },
+        React.createElement(Skeleton, { animation: true, width: theme.sizing.scale1200, height: theme.sizing.scale1200, overrides: {
+                Root: {
+                    style: {
+                        borderRadius: "100%",
+                    },
+                },
+            } }),
+        React.createElement(Block, { display: "flex", flexDirection: "column", flex: 1, overrides: {
+                Block: {
+                    style: {
+                        gap: theme.sizing.scale100,
+                    },
+                },
+            } },
+            React.createElement(Skeleton, { animation: true, width: "60%", height: theme.sizing.scale900 }),
+            React.createElement(Skeleton, { animation: true, width: "40%", height: theme.sizing.scale800 }))));
+}
+export default function WelcomeBlock(props) {
+    const { overrides, ...restProps } = props;
+    const { accountDataRefetchInterval } = usePassportContext();
+    const { data, isError, isPending } = useGetCurrentAccount({
+        staleTime: accountDataRefetchInterval,
+        refetchInterval: accountDataRefetchInterval,
+    });
+    const [, theme] = useStyletron();
+    if (isError) {
+        return (React.createElement(AccountError, { padding: theme.sizing.scale600, paddingTop: theme.sizing.scale900, paddingBottom: theme.sizing.scale800, marginBottom: theme.sizing.scale300, topic: "account information" }));
+    }
+    if (isPending) {
+        return React.createElement(WelcomeBlockSkeleton, null);
+    }
+    const [mezoId, mezoIdSuffix] = (data.mezoId ?? "").split(DOT_DELIMITER_REGEX);
+    return (React.createElement(Block, { display: "flex", alignItems: "center", paddingLeft: theme.sizing.scale600, paddingRight: theme.sizing.scale600, paddingTop: theme.sizing.scale900, paddingBottom: theme.sizing.scale800, overrides: mergeOverrides(overrides, {
+            Block: {
+                style: {
+                    gap: theme.sizing.scale600,
+                },
+            },
+        }), ...restProps },
+        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" },
+            mezoId && mezoIdSuffix && (React.createElement(HeadingMedium, { as: "span" },
+                React.createElement(Block, { as: "span" }, mezoId),
+                React.createElement(Block, { as: "span", color: theme.colors.contentSecondary }, mezoIdSuffix))),
+            React.createElement(Block, { display: "flex", alignItems: "center", overrides: {
+                    Block: {
+                        style: {
+                            gap: theme.sizing.scale100,
+                        },
+                    },
+                } },
+                React.createElement(Mats, { size: theme.sizing.scale600, overrides: {
+                        Svg: {
+                            style: {
+                                margin: theme.sizing.scale100, // To reduce gap
+                            },
+                        },
+                    } }),
+                React.createElement(LabelLarge, { color: theme.colors.contentPrimary },
+                    React.createElement(SlotNumber, { formatFunction: formatNumberToCompactString }, data.totalMats),
+                    " ",
+                    "mats")))));
+}
+//# sourceMappingURL=WelcomeBlock.js.map

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

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

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

@@ -0,0 +1,19 @@
+import React from "react";
+type SlotNumberProps = {
+    className?: string;
+    children: number;
+    formatFunction?: (value: number) => string;
+};
+/**
+ * SlotNumber component displays a number with animated digits.
+ *
+ * @typedef {object} SlotNumberProps
+ * @property {number} children - The number to display.
+ * @property {function} [formatFunction] - Optional function to format the number.
+ * @property {BlockProps} [restProps] - Additional properties for the Block component.
+ * @see https://pyszkowski.dev/writings/slot-number
+ * @returns {JSX.Element} The rendered SlotNumber component.
+ */
+declare function SlotNumber(props: SlotNumberProps): React.JSX.Element;
+export default SlotNumber;
+//# sourceMappingURL=SlotNumber.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlotNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/SlotNumber.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAItC,KAAK,eAAe,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CAC3C,CAAA;AAoED;;;;;;;;;GASG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,qBAyCzC;AAED,eAAe,UAAU,CAAA"}

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

@@ -0,0 +1,67 @@
+/* eslint-disable react/no-array-index-key */
+import React, { useMemo } from "react";
+import { AnimatePresence, motion } from "motion/react";
+import { Block, useStyletron } from "@mezo-org/mezo-clay";
+function SlotNumberDigit(props) {
+    const { children: value, ...restProps } = props;
+    const [css] = useStyletron();
+    const digits = [...Array(10).keys()];
+    return (React.createElement(AnimatePresence, { initial: false },
+        React.createElement(motion.div, { initial: {
+                y: "100%",
+            }, animate: {
+                y: "0%",
+            }, layout: "position", className: css({
+                position: "relative",
+            }), ...restProps },
+            React.createElement(Block, { overrides: {
+                    Block: {
+                        style: {
+                            visibility: "hidden",
+                        },
+                    },
+                } }, value),
+            React.createElement(motion.div, { className: css({
+                    display: "flex",
+                    flexDirection: "column",
+                    position: "absolute",
+                    inset: 0,
+                    height: "fit-content",
+                }), initial: false, animate: { y: `${(value / 10) * -100}%` }, transition: {
+                    type: "spring",
+                    damping: 16,
+                    stiffness: 220,
+                } }, digits.map((digit) => (React.createElement(Block, { as: "span", key: digit }, digit)))))));
+}
+/**
+ * SlotNumber component displays a number with animated digits.
+ *
+ * @typedef {object} SlotNumberProps
+ * @property {number} children - The number to display.
+ * @property {function} [formatFunction] - Optional function to format the number.
+ * @property {BlockProps} [restProps] - Additional properties for the Block component.
+ * @see https://pyszkowski.dev/writings/slot-number
+ * @returns {JSX.Element} The rendered SlotNumber component.
+ */
+function SlotNumber(props) {
+    const { children: value, formatFunction, ...restProps } = props;
+    const [css] = useStyletron();
+    const characters = useMemo(() => {
+        const formattedValue = formatFunction
+            ? formatFunction(value)
+            : value.toString();
+        return formattedValue
+            .split("")
+            .map((character) => (/^[0-9]$/.test(character) ? +character : character))
+            .reverse();
+    }, [formatFunction, value]);
+    return (React.createElement(motion.div, { layout: true, className: css({
+            display: "inline-flex",
+            flexDirection: "row-reverse",
+            justifyContent: "flex-end",
+            overflow: "hidden",
+            userSelect: "none",
+        }), ...restProps }, characters.map((character, index) => typeof character === "number" ? (React.createElement(SlotNumberDigit, { key: `slot-number-character-${index}` }, character)) : (React.createElement(motion.span, { layout: true, key: `slot-number-character-${index}` }, character)))));
+}
+export default SlotNumber;
+//# sourceMappingURL=SlotNumber.js.map

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

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

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

@@ -0,0 +1,3 @@
+import React from "react";
+export default function TestnetTopBanner(): React.JSX.Element | null;
+//# sourceMappingURL=TestnetTopBanner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TestnetTopBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/TestnetTopBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,MAAM,CAAC,OAAO,UAAU,gBAAgB,6BAsBvC"}

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { Block, InfoCircle, LabelSmall, useStyletron, } from "@mezo-org/mezo-clay";
+import { usePassportContext } from "../../hooks/usePassportContext";
+export default function TestnetTopBanner() {
+    const [, theme] = useStyletron();
+    const { environment } = usePassportContext();
+    if (environment !== "testnet") {
+        return null;
+    }
+    return (React.createElement(Block, { display: "flex", alignItems: "center", padding: `${theme.sizing.scale700} ${theme.sizing.scale600}`, backgroundColor: theme.colors.warning },
+        React.createElement(InfoCircle, { size: theme.sizing.scale550 }),
+        React.createElement(LabelSmall, { marginLeft: theme.sizing.scale500 }, "You are using testnet funds.")));
+}
+//# sourceMappingURL=TestnetTopBanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TestnetTopBanner.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/TestnetTopBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,KAAK,EACL,UAAU,EACV,UAAU,EACV,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAA;AAEnE,MAAM,CAAC,OAAO,UAAU,gBAAgB;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,EAAE,WAAW,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAE5C,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,EAC5D,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;QAErC,oBAAC,UAAU,IAAC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,GAAI;QAC3C,oBAAC,UAAU,IAAC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,mCAEhC,CACP,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"}