decentraland-ui2 0.26.1-17074319572.commit-54256a2 → 0.26.1-17079106219.commit-37645ec

package/dist/components/ChainSelector/ChainSelector.styled.js

@@ -0,0 +1,138 @@
+import styled from "@emotion/styled";
+import { Box, Button, IconButton, Paper, Typography } from "@mui/material";
+import { neutral, rarity, textOnNeutral } from "../../theme/colors";
+import { Modal } from "../Modal/Modal";
+const CommonButtonStyle = styled(Button)({
+    display: "flex",
+    alignItems: "center",
+    borderRadius: "14px",
+    padding: "8px 10px",
+    color: "green",
+    "&.MuiButton-sizeMedium.MuiButton-containedSecondary": {
+        opacity: "1",
+        "&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)": {
+            color: textOnNeutral.gray1,
+            background: neutral.gray1,
+            boxShadow: "none",
+        },
+        "&:not(.Mui-disabled):not(.Mui-focusVisible):hover": {
+            color: textOnNeutral.gray0,
+            background: neutral.gray0,
+        },
+    },
+    "& span.MuiButton-icon.MuiButton-startIcon.MuiButton-iconSizeMedium": {
+        "& svg": {
+            fontSize: "28px",
+        },
+    },
+});
+const SelectorButton = styled(CommonButtonStyle)(({ theme }) => ({
+    [theme.breakpoints.down("sm")]: {
+        "&.MuiButton-sizeMedium.MuiButton-containedSecondary": {
+            paddingLeft: "0",
+            paddingRight: "0",
+            minWidth: "50px",
+        },
+        "& span": {
+            marginLeft: "0",
+            marginRight: "0",
+        },
+    },
+}));
+const ChainButton = styled(Button)((props) => {
+    const { isActive, isDisabled, theme } = props;
+    return {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "flex-start",
+        width: "100%",
+        padding: "12px 16px",
+        backgroundColor: isActive ? theme.palette.primary.dark : "transparent",
+        color: isActive
+            ? theme.palette.primary.contrastText
+            : theme.palette.text.primary,
+        opacity: isDisabled ? 0.5 : 1,
+        "&:hover": {
+            backgroundColor: isActive
+                ? theme.palette.primary.dark
+                : theme.palette.action.hover,
+        },
+    };
+});
+const ConnectedLabel = styled(Typography)(({ theme }) => ({
+    position: "absolute",
+    right: "8px",
+    paddingRight: "16px",
+    fontSize: "14px",
+    color: theme.palette.text.primary,
+    "&:after": {
+        content: '""',
+        width: "8px",
+        height: "8px",
+        position: "absolute",
+        right: "0",
+        top: "calc(50% - 4px)",
+        borderRadius: "50%",
+        backgroundColor: rarity.rare,
+    },
+}));
+const ConfirmLabel = styled(ConnectedLabel)({
+    "&:after": {
+        backgroundColor: rarity.unique,
+    },
+});
+const ChainSelectorModal = styled(Modal)({
+    "&.MuiModal-root .MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation24": {
+        width: "100px",
+    },
+    " .MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation24": {
+        width: "150px",
+    },
+    "& .MuiPaper-root": {
+        width: "170px",
+    },
+    MuiPaper: {
+        root: {
+            width: "180px",
+        },
+    },
+});
+const ChainSelectorContainer = styled(Paper)(({ theme }) => ({
+    position: "absolute",
+    top: "50%",
+    left: "50%",
+    transform: "translate(-50%, -50%)",
+    width: "360px",
+    borderRadius: "12px",
+    [theme.breakpoints.down("xs")]: {
+        minWidth: "100vw",
+        maxWidth: "100vw",
+        minHeight: "100vh",
+        borderRadius: "0px",
+        margin: "0",
+        padding: "0",
+        top: "0",
+        left: "0",
+        transform: "translate(0, 0)",
+    },
+}));
+const ChainSelectorWrapper = styled(Box)(({ theme }) => ({
+    display: "flex",
+    flexDirection: "column",
+    margin: "16px",
+    [theme.breakpoints.down("sm")]: {
+        padding: "5px",
+    },
+}));
+const ChainSelectorModalTitleContainer = styled(Box)({
+    display: "flex",
+    justifyContent: "center",
+    paddingTop: "24px",
+});
+const ChainSelectorCloseButton = styled(IconButton)({
+    marginTop: "-12px",
+    position: "absolute",
+    right: 12,
+});
+export { SelectorButton, ChainButton, ConnectedLabel, ConfirmLabel, ChainSelectorModal, ChainSelectorContainer, ChainSelectorWrapper, ChainSelectorModalTitleContainer, ChainSelectorCloseButton, };
+//# sourceMappingURL=ChainSelector.styled.js.map

package/dist/components/ChainSelector/ChainSelector.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChainSelector.styled.js","sourceRoot":"","sources":["../../../src/components/ChainSelector/ChainSelector.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1E,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAQtC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACvC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,MAAM;IACpB,OAAO,EAAE,UAAU;IACnB,KAAK,EAAE,OAAO;IACd,qDAAqD,EAAE;QACrD,OAAO,EAAE,GAAG;QACZ,yDAAyD,EAAE;YACzD,KAAK,EAAE,aAAa,CAAC,KAAK;YAC1B,UAAU,EAAE,OAAO,CAAC,KAAK;YACzB,SAAS,EAAE,MAAM;SAClB;QACD,mDAAmD,EAAE;YACnD,KAAK,EAAE,aAAa,CAAC,KAAK;YAC1B,UAAU,EAAE,OAAO,CAAC,KAAK;SAC1B;KACF;IACD,oEAAoE,EAAE;QACpE,OAAO,EAAE;YACP,QAAQ,EAAE,MAAM;SACjB;KACF;CACF,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,qDAAqD,EAAE;YACrD,WAAW,EAAE,GAAG;YAChB,YAAY,EAAE,GAAG;YACjB,QAAQ,EAAE,MAAM;SACjB;QACD,QAAQ,EAAE;YACR,UAAU,EAAE,GAAG;YACf,WAAW,EAAE,GAAG;SACjB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAmB,CAAC,KAAK,EAAE,EAAE;IAC7D,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IAC7C,OAAO;QACL,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,YAAY;QAC5B,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,WAAW;QACpB,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAM,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa;QACvE,KAAK,EAAE,QAAQ;YACb,CAAC,CAAC,KAAM,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;YACrC,CAAC,CAAC,KAAM,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QAC/B,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC7B,SAAS,EAAE;YACT,eAAe,EAAE,QAAQ;gBACvB,CAAC,CAAC,KAAM,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;gBAC7B,CAAC,CAAC,KAAM,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;SAChC;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,MAAM;IACpB,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,GAAG;QACV,GAAG,EAAE,iBAAiB;QACtB,YAAY,EAAE,KAAK;QACnB,eAAe,EAAE,MAAM,CAAC,IAAI;KAC7B;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAC1C,SAAS,EAAE;QACT,eAAe,EAAE,MAAM,CAAC,MAAM;KAC/B;CACF,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACvC,yFAAyF,EACvF;QACE,KAAK,EAAE,OAAO;KACf;IACH,0EAA0E,EAAE;QAC1E,KAAK,EAAE,OAAO;KACf;IACD,kBAAkB,EAAE;QAClB,KAAK,EAAE,OAAO;KACf;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EAAE,OAAO;SACf;KACF;CACF,CAAC,CAAA;AAEF,MAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3D,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,uBAAuB;IAClC,KAAK,EAAE,OAAO;IACd,YAAY,EAAE,MAAM;IACpB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,QAAQ,EAAE,OAAO;QACjB,QAAQ,EAAE,OAAO;QACjB,SAAS,EAAE,OAAO;QAClB,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,GAAG;QACX,OAAO,EAAE,GAAG;QACZ,GAAG,EAAE,GAAG;QACR,IAAI,EAAE,GAAG;QACT,SAAS,EAAE,iBAAiB;KAC7B;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACvD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,MAAM,EAAE,MAAM;IACd,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,OAAO,EAAE,KAAK;KACf;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,gCAAgC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACnD,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,MAAM;CACnB,CAAC,CAAA;AAEF,MAAM,wBAAwB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAClD,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,EAAE;CACV,CAAC,CAAA;AAEF,OAAO,EACL,cAAc,EACd,WAAW,EACX,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,sBAAsB,EACtB,oBAAoB,EACpB,gCAAgC,EAChC,wBAAwB,GACzB,CAAA"}

package/dist/components/ChainSelector/ChainSelector.types.d.ts

@@ -0,0 +1,27 @@
+import { ChainId } from "@dcl/schemas";
+type ChainSelectori18n = {
+    title: string;
+    connected: React.ReactNode;
+    confirmInWallet: React.ReactNode;
+};
+type ChainSelectorProps = {
+    selectedChain: ChainId;
+    chainBeingConfirmed?: ChainId;
+    chains: ChainId[];
+    onSelectChain: (chain: ChainId) => void;
+    i18n: ChainSelectori18n;
+};
+declare const ChainNameIconMap: {
+    1: string;
+    11155111: string;
+    137: string;
+    80001: string;
+    80002: string;
+    42161: string;
+    10: string;
+    250: string;
+    56: string;
+    43114: string;
+};
+export { ChainNameIconMap };
+export type { ChainSelectori18n, ChainSelectorProps };

package/dist/components/ChainSelector/ChainSelector.types.js

@@ -0,0 +1,15 @@
+import { ChainId } from "@dcl/schemas";
+const ChainNameIconMap = {
+    [ChainId.ETHEREUM_MAINNET]: "ethereum",
+    [ChainId.ETHEREUM_SEPOLIA]: "ethereum",
+    [ChainId.MATIC_MAINNET]: "polygon",
+    [ChainId.MATIC_MUMBAI]: "polygon",
+    [ChainId.MATIC_AMOY]: "polygon",
+    [ChainId.ARBITRUM_MAINNET]: "arbitrum",
+    [ChainId.OPTIMISM_MAINNET]: "optimism",
+    [ChainId.FANTOM_MAINNET]: "fantom",
+    [ChainId.BSC_MAINNET]: "bsc",
+    [ChainId.AVALANCHE_MAINNET]: "avalanche",
+};
+export { ChainNameIconMap };
+//# sourceMappingURL=ChainSelector.types.js.map

package/dist/components/ChainSelector/ChainSelector.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChainSelector.types.js","sourceRoot":"","sources":["../../../src/components/ChainSelector/ChainSelector.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAgBtC,MAAM,gBAAgB,GAAG;IACvB,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,UAAU;IACtC,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,UAAU;IACtC,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,SAAS;IAClC,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,SAAS;IACjC,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,SAAS;IAC/B,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,UAAU;IACtC,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,UAAU;IACtC,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,QAAQ;IAClC,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,KAAK;IAC5B,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE,WAAW;CACzC,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

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

@@ -0,0 +1,2 @@
+export * from "./ChainSelector";
+export * from "./ChainSelector.types";

package/dist/components/ChainSelector/index.js

@@ -0,0 +1,3 @@
+export * from "./ChainSelector";
+export * from "./ChainSelector.types";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ChainSelector/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,uBAAuB,CAAA"}

package/dist/components/DecentralandFont/FontFaceSelector.stories.d.ts

@@ -0,0 +1,8 @@
+import { Typography } from "@mui/material";
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<typeof Typography>;
+type Story = StoryObj;
+declare const Simple: Story;
+declare const All: Story;
+export default meta;
+export { Simple, All };

package/dist/components/DecentralandFont/FontFaceSelector.stories.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Typography } from "@mui/material";
+const meta = {
+    component: Typography,
+    title: "Decentraland UI/Decentraland Font",
+    tags: ["autodocs"],
+    argTypes: {
+        variant: {
+            name: "Font type",
+            description: "The typography variant to use",
+            control: {
+                type: "select",
+            },
+            options: [
+                "h1",
+                "h2",
+                "h3",
+                "h4",
+                "h5",
+                "h6",
+                "subtitle1",
+                "subtitle2",
+                "body1",
+                "body2",
+                "caption",
+                "overline",
+            ],
+        },
+    },
+    render: (args) => (_jsx(Box, { children: _jsx(Typography, { sx: { fontFamily: "DecentralandHero" }, variant: "h1", ...args, children: "Decentraland" }) })),
+};
+const Simple = {};
+const All = {
+    render: () => (_jsxs(Box, { children: [_jsx(Typography, { sx: { fontFamily: "DecentralandHero" }, variant: "h1", children: "Decentraland" }), _jsx(Typography, { sx: { fontFamily: "DecentralandHero" }, variant: "h2", children: "Decentraland" }), _jsx(Typography, { sx: { fontFamily: "DecentralandHero" }, variant: "h3", children: "Decentraland" }), _jsx(Typography, { sx: { fontFamily: "DecentralandHero" }, variant: "h4", children: "Decentraland" }), _jsx(Typography, { sx: { fontFamily: "DecentralandHero" }, variant: "h5", children: "Decentraland" }), _jsx(Typography, { sx: { fontFamily: "DecentralandHero" }, variant: "h6", children: "Decentraland" }), _jsx(Typography, { sx: { fontFamily: "DecentralandHero" }, variant: "subtitle1", children: "Decentraland" }), _jsx(Typography, { sx: { fontFamily: "DecentralandHero" }, variant: "subtitle2", children: "Decentraland" }), _jsx(Typography, { sx: { fontFamily: "DecentralandHero" }, variant: "body1", children: "Decentraland" }), _jsx(Typography, { sx: { fontFamily: "DecentralandHero" }, variant: "body2", children: "Decentraland" }), _jsx(Typography, { sx: { fontFamily: "DecentralandHero" }, variant: "caption", children: "Decentraland" }), _jsx(Typography, { sx: { fontFamily: "DecentralandHero" }, variant: "overline", children: "Decentraland" })] })),
+};
+// eslint-disable-next-line import/no-default-export
+export default meta;
+export { Simple, All };
+//# sourceMappingURL=FontFaceSelector.stories.js.map

package/dist/components/DecentralandFont/FontFaceSelector.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontFaceSelector.stories.js","sourceRoot":"","sources":["../../../src/components/DecentralandFont/FontFaceSelector.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG/C,MAAM,IAAI,GAA4B;IACpC,SAAS,EAAE,UAAU;IACrB,KAAK,EAAE,mCAAmC;IAC1C,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,WAAW;YACjB,WAAW,EAAE,+BAA+B;YAC5C,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;YACD,OAAO,EAAE;gBACP,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,WAAW;gBACX,WAAW;gBACX,OAAO;gBACP,OAAO;gBACP,SAAS;gBACT,UAAU;aACX;SACF;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,KAAC,GAAG,cACF,KAAC,UAAU,IACT,EAAE,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,EACtC,OAAO,EAAC,IAAI,KACR,IAAI,6BAGG,GACT,CACP;CACF,CAAA;AAID,MAAM,MAAM,GAAU,EAAE,CAAA;AAExB,MAAM,GAAG,GAAU;IACjB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,GAAG,eACF,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,OAAO,EAAC,IAAI,6BAEnD,EACb,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,OAAO,EAAC,IAAI,6BAEnD,EACb,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,OAAO,EAAC,IAAI,6BAEnD,EACb,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,OAAO,EAAC,IAAI,6BAEnD,EACb,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,OAAO,EAAC,IAAI,6BAEnD,EACb,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,OAAO,EAAC,IAAI,6BAEnD,EACb,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,OAAO,EAAC,WAAW,6BAE1D,EACb,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,OAAO,EAAC,WAAW,6BAE1D,EACb,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,OAAO,EAAC,OAAO,6BAEtD,EACb,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,OAAO,EAAC,OAAO,6BAEtD,EACb,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,OAAO,EAAC,SAAS,6BAExD,EACb,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,kBAAkB,EAAE,EAAE,OAAO,EAAC,UAAU,6BAEzD,IACT,CACP;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAA"}

package/dist/components/DownloadButton/DownloadButton.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { DownloadButtonProps } from "./DownloadButton.types";
+declare const DownloadButton: React.MemoExoticComponent<(props: DownloadButtonProps) => import("react/jsx-runtime").JSX.Element | null>;
+export { DownloadButton };

package/dist/components/DownloadButton/DownloadButton.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { useAdvancedUserAgentData } from "@dcl/hooks";
+import Download from "@mui/icons-material/Download";
+import { config } from "../../config";
+import { CDNSource, getCDNRelease } from "../../modules/cdnReleases";
+import { triggerFileDownload } from "../../modules/file";
+import { addQueryParamsToUrlString, updateUrlWithLastValue, } from "../../modules/url";
+import { setUserAgentArchitectureDefaultByOs } from "../../modules/userAgent";
+import { OperativeSystem, } from "./DownloadButton.types";
+import { DownloadButtonAppleIcon, DownloadButtonLabelContainer, DownloadButtonStyled, DownloadButtonWindowsIcon, } from "./DownloadButton.styled";
+const DownloadButton = React.memo((props) => {
+    const { onClick, label = "Download", trackingId, href, startIcon, endIcon, loadingCdnLinks = false, cdnLinks, onRedirect, } = props;
+    const [isDownloading, setIsDownloading] = useState(false);
+    const [isLoadingUserAgentData, userAgentData] = useAdvancedUserAgentData();
+    const windowSearchParams = typeof window !== "undefined"
+        ? new URLSearchParams(window.location.search)
+        : undefined;
+    const searchParams = new URLSearchParams(windowSearchParams);
+    const os = searchParams.get("os");
+    useEffect(() => {
+        if (userAgentData && os) {
+            setUserAgentArchitectureDefaultByOs(userAgentData, os);
+        }
+    }, [userAgentData, os]);
+    const defaultLinks = getCDNRelease(CDNSource.LAUNCHER);
+    const links = cdnLinks || defaultLinks;
+    const defaultDownloadOption = useMemo(() => {
+        if (!userAgentData ||
+            !links ||
+            !links[userAgentData.os.name] ||
+            !links[userAgentData.os.name][userAgentData.cpu.architecture]) {
+            return null;
+        }
+        if (userAgentData.os.name === OperativeSystem.MACOS &&
+            links[userAgentData.os.name][userAgentData.cpu.architecture]) {
+            return {
+                icon: _jsx(DownloadButtonAppleIcon, {}),
+                link: links[userAgentData.os.name][userAgentData.cpu.architecture],
+                arch: userAgentData.cpu.architecture,
+            };
+        }
+        return {
+            icon: _jsx(DownloadButtonWindowsIcon, {}),
+            link: links[userAgentData.os.name][userAgentData.cpu.architecture],
+            arch: userAgentData.cpu.architecture,
+        };
+    }, [userAgentData, links]);
+    const finalHref = useMemo(() => {
+        return href || defaultDownloadOption?.link || config.get("DOWNLOAD_URL");
+    }, [href, defaultDownloadOption]);
+    const handleClick = useCallback((event) => {
+        event.preventDefault();
+        // If we have user agent data and a download option, try direct download
+        if (userAgentData && defaultDownloadOption) {
+            const redirectUrl = updateUrlWithLastValue(config.get("DOWNLOAD_SUCCESS_URL"), "os", userAgentData.os.name);
+            const finalUrl = addQueryParamsToUrlString(redirectUrl, {
+                arch: userAgentData.cpu.architecture,
+            });
+            setIsDownloading(true);
+            setTimeout(() => {
+                triggerFileDownload(defaultDownloadOption.link).then(() => {
+                    setIsDownloading(false);
+                    onRedirect
+                        ? onRedirect(finalUrl)
+                        : (window.location.href = finalUrl);
+                });
+            }, onClick ? 300 : 0);
+            return;
+        }
+        // Fallback: call custom onClick handler or open download page
+        onClick?.(event, {
+            type: "DOWNLOAD",
+            track_uuid: trackingId,
+            url: finalHref,
+        });
+        if (!onClick) {
+            setTimeout(() => {
+                window.open(config.get("DOWNLOAD_URL"), "_blank", "noopener");
+            }, 0);
+        }
+    }, [
+        defaultDownloadOption,
+        finalHref,
+        userAgentData,
+        onClick,
+        onRedirect,
+        trackingId,
+        setIsDownloading,
+    ]);
+    if ((isLoadingUserAgentData || !defaultDownloadOption) &&
+        (userAgentData?.mobile || userAgentData?.tablet)) {
+        return null;
+    }
+    const isLoading = loadingCdnLinks || isDownloading;
+    if (isLoadingUserAgentData || !defaultDownloadOption) {
+        return (_jsx(DownloadButtonStyled, { variant: "contained", href: finalHref, onClick: handleClick, startIcon: startIcon || _jsx(Download, {}), endIcon: endIcon, loading: isLoading, children: _jsx(DownloadButtonLabelContainer, { children: label }) }));
+    }
+    return (_jsx(DownloadButtonStyled, { variant: "contained", href: finalHref, onClick: handleClick, startIcon: startIcon, endIcon: endIcon || defaultDownloadOption.icon, loading: isLoading, children: _jsx(DownloadButtonLabelContainer, { children: label }) }));
+});
+export { DownloadButton };
+//# sourceMappingURL=DownloadButton.js.map

package/dist/components/DownloadButton/DownloadButton.js.map

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

package/dist/components/DownloadButton/DownloadButton.stories.d.ts

@@ -0,0 +1,9 @@
+import { DownloadButtonProps } from "./DownloadButton.types";
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<DownloadButtonProps>;
+type Story = StoryObj<DownloadButtonProps>;
+declare const Basic: Story;
+declare const WithOS: Story;
+declare const WithCustomFallback: Story;
+export default meta;
+export { Basic, WithOS, WithCustomFallback };

package/dist/components/DownloadButton/DownloadButton.stories.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Download from "@mui/icons-material/Download";
+import { Box } from "@mui/material";
+import { DownloadButton } from "./DownloadButton";
+import { config } from "../../config";
+import { CDNSource, getCDNRelease } from "../../modules/cdnReleases";
+import { DownloadButtonAppleIcon, DownloadButtonWindowsIcon, } from "./DownloadButton.styled";
+const links = getCDNRelease(CDNSource.LAUNCHER);
+const meta = {
+    component: DownloadButton,
+    title: "Decentraland UI/Download Button",
+    tags: ["autodocs"],
+    argTypes: {
+        href: {
+            description: "URL to download",
+            control: "select",
+            options: [links.Windows.amd64, links.macOS.arm64, links.macOS.amd64],
+        },
+        label: {
+            description: "Button label text",
+            defaultValue: "Download",
+        },
+        startIcon: {
+            description: "Icon to show at start of button",
+        },
+        endIcon: {
+            description: "Icon to show at end of button",
+            control: "select",
+            options: ["Windows", "macOS", "Download"],
+        },
+        onClick: {
+            description: "Click handler",
+        },
+    },
+    render: (args) => {
+        const { endIcon, ...rest } = args;
+        const icon = endIcon === "Windows" ? (_jsx(DownloadButtonWindowsIcon, {})) : endIcon === "macOS" ? (_jsx(DownloadButtonAppleIcon, {})) : null;
+        return (_jsx(DownloadButton, { ...rest, endIcon: icon, startIcon: !icon && _jsx(Download, {}) }));
+    },
+};
+const Basic = {
+    name: "Basic",
+    args: {
+        href: config.get("DOWNLOAD_URL"),
+        startIcon: _jsx(Download, {}),
+    },
+};
+const WithOS = {
+    name: "With OS Icons",
+    render: () => (_jsxs(Box, { display: "flex", gap: 2, children: [_jsx(DownloadButton, { href: links.Windows.amd64, endIcon: _jsx(DownloadButtonWindowsIcon, {}), onClick: () => { } }), _jsx(DownloadButton, { href: links.macOS.arm64, endIcon: _jsx(DownloadButtonAppleIcon, {}), onClick: () => { } })] })),
+};
+const WithCustomFallback = {
+    name: "With Custom Fallback",
+    args: {
+        label: "Download with Fallback",
+        onClick: (event, options) => {
+            console.log("Custom fallback triggered:", event, options);
+            window.open("https://decentraland.org/download", "_blank");
+        },
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: "Button with custom handler - will try direct download first, then call custom handler if direct download not possible",
+            },
+        },
+    },
+};
+// eslint-disable-next-line import/no-default-export
+export default meta;
+export { Basic, WithOS, WithCustomFallback };
+//# sourceMappingURL=DownloadButton.stories.js.map

package/dist/components/DownloadButton/DownloadButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadButton.stories.js","sourceRoot":"","sources":["../../../src/components/DownloadButton/DownloadButton.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,8BAA8B,CAAA;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEpE,OAAO,EACL,uBAAuB,EACvB,yBAAyB,GAC1B,MAAM,yBAAyB,CAAA;AAGhC,MAAM,KAAK,GAAG,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;AAE/C,MAAM,IAAI,GAA8B;IACtC,SAAS,EAAE,cAAc;IACzB,KAAK,EAAE,iCAAiC;IACxC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,iBAAiB;YAC9B,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,KAAM,CAAC,OAAO,CAAC,KAAK,EAAE,KAAM,CAAC,KAAK,CAAC,KAAK,EAAE,KAAM,CAAC,KAAK,CAAC,KAAK,CAAC;SACxE;QACD,KAAK,EAAE;YACL,WAAW,EAAE,mBAAmB;YAChC,YAAY,EAAE,UAAU;SACzB;QACD,SAAS,EAAE;YACT,WAAW,EAAE,iCAAiC;SAC/C;QACD,OAAO,EAAE;YACP,WAAW,EAAE,+BAA+B;YAC5C,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC;SAC1C;QACD,OAAO,EAAE;YACP,WAAW,EAAE,eAAe;SAC7B;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAA;QACjC,MAAM,IAAI,GACR,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,CACtB,KAAC,yBAAyB,KAAG,CAC9B,CAAC,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,CACxB,KAAC,uBAAuB,KAAG,CAC5B,CAAC,CAAC,CAAC,IAAI,CAAA;QACV,OAAO,CACL,KAAC,cAAc,OACT,IAAI,EACR,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,CAAC,IAAI,IAAI,KAAC,QAAQ,KAAG,GAChC,CACH,CAAA;IACH,CAAC;CACF,CAAA;AAID,MAAM,KAAK,GAAU;IACnB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC;QAChC,SAAS,EAAE,KAAC,QAAQ,KAAG;KACxB;CACF,CAAA;AAED,MAAM,MAAM,GAAU;IACpB,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,GAAG,EAAE,CAAC,aACxB,KAAC,cAAc,IACb,IAAI,EAAE,KAAM,CAAC,OAAO,CAAC,KAAK,EAC1B,OAAO,EAAE,KAAC,yBAAyB,KAAG,EACtC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GACjB,EACF,KAAC,cAAc,IACb,IAAI,EAAE,KAAM,CAAC,KAAK,CAAC,KAAK,EACxB,OAAO,EAAE,KAAC,uBAAuB,KAAG,EACpC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GACjB,IACE,CACP;CACF,CAAA;AAED,MAAM,kBAAkB,GAAU;IAChC,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,wBAAwB;QAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;YAC1B,OAAO,CAAC,GAAG,CAAC,4BAA4B,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;YACzD,MAAM,CAAC,IAAI,CAAC,mCAAmC,EAAE,QAAQ,CAAC,CAAA;QAC5D,CAAC;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EACH,uHAAuH;aAC1H;SACF;KACF;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/DownloadButton/DownloadButton.styled.d.ts

@@ -0,0 +1,23 @@
+declare const DownloadButtonStyled: import("@emotion/styled").StyledComponent<import("../Button").ButtonProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const DownloadButtonLabelContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const DownloadButtonAppleIcon: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
+}, "color" | "fontSize" | "shapeRendering" | "className" | "style" | "classes" | "children" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    component?: import("react").ElementType;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+declare const DownloadButtonWindowsIcon: import("@emotion/styled").StyledComponent<import("@mui/material").SvgIconOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
+}, "color" | "fontSize" | "shapeRendering" | "className" | "style" | "classes" | "children" | "sx" | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    component?: import("react").ElementType;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export { DownloadButtonStyled, DownloadButtonLabelContainer, DownloadButtonAppleIcon, DownloadButtonWindowsIcon, };

package/dist/components/DownloadButton/DownloadButton.styled.js

@@ -0,0 +1,77 @@
+import styled from "@emotion/styled";
+import { Box } from "@mui/material";
+import { Button } from "../Button";
+import { AppleIcon } from "../Icon/AppleIcon";
+import { WindowsIcon } from "../Icon/WindowsIcon";
+const DownloadButtonStyled = styled(Button)((props) => {
+    const { theme } = props;
+    return {
+        "&.MuiButton-sizeMedium.MuiButton-containedPrimary": {
+            height: "46px",
+            fontSize: "14px",
+            fontWeight: 600,
+            borderRadius: "6px",
+            boxShadow: "rgba(0, 0, 0, 0.4) 0px 2px 8px",
+            marginLeft: "16px",
+            "& .MuiButton-icon.MuiButton-endIcon": {
+                marginLeft: "8px",
+            },
+        },
+        "&.MuiButton-sizeMedium.MuiButton-containedPrimary:not(.Mui-disabled):not(.Mui-focusVisible):hover": {
+            backgroundColor: theme.palette.primary.main,
+            color: "white",
+        },
+        "&::before": {
+            content: "''",
+            position: "absolute",
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0,
+            border: `4px solid #FCFCFC`,
+            borderRadius: "14px",
+            opacity: 0,
+            transition: `${theme.transitions.create(["top", "right", "bottom", "left", "opacity"], {
+                duration: theme.transitions.duration.shorter,
+                easing: theme.transitions.easing.easeInOut,
+            })}`,
+        },
+        "&:hover": {
+            "&::before": {
+                opacity: 1,
+                top: "-7.5px",
+                right: "-7.5px",
+                bottom: "-7.5px",
+                left: "-7.5px",
+            },
+        },
+        "& span": {
+            fontSize: "14px",
+        },
+    };
+});
+const DownloadButtonLabelContainer = styled(Box)({
+    display: "flex",
+    flexDirection: "column",
+    lineHeight: "20px",
+    "& span": {
+        display: "block",
+        fontSize: "14px",
+        fontWeight: 400,
+        lineHeight: "20px",
+    },
+});
+const DownloadButtonAppleIcon = styled(AppleIcon)({
+    fontSize: "14px!important",
+    marginTop: "-3px",
+    "& path": {
+        fill: "#fff",
+    },
+});
+const DownloadButtonWindowsIcon = styled(WindowsIcon)({
+    "& path": {
+        fill: "#fff",
+    },
+});
+export { DownloadButtonStyled, DownloadButtonLabelContainer, DownloadButtonAppleIcon, DownloadButtonWindowsIcon, };
+//# sourceMappingURL=DownloadButton.styled.js.map

package/dist/components/DownloadButton/DownloadButton.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadButton.styled.js","sourceRoot":"","sources":["../../../src/components/DownloadButton/DownloadButton.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEjD,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;IACpD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,OAAO;QACL,mDAAmD,EAAE;YACnD,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,GAAG;YACf,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,gCAAgC;YAC3C,UAAU,EAAE,MAAM;YAClB,qCAAqC,EAAE;gBACrC,UAAU,EAAE,KAAK;aAClB;SACF;QACD,mGAAmG,EACjG;YACE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;YAC3C,KAAK,EAAE,OAAO;SACf;QACH,WAAW,EAAE;YACX,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,mBAAmB;YAC3B,YAAY,EAAE,MAAM;YACpB,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CACrC,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,CAAC,EAC7C;gBACE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,OAAO;gBAC5C,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,SAAS;aAC3C,CACF,EAAE;SACJ;QACD,SAAS,EAAE;YACT,WAAW,EAAE;gBACX,OAAO,EAAE,CAAC;gBACV,GAAG,EAAE,QAAQ;gBACb,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,QAAQ;gBAChB,IAAI,EAAE,QAAQ;aACf;SACF;QACD,QAAQ,EAAE;YACR,QAAQ,EAAE,MAAM;SACjB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC/C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE;QACR,OAAO,EAAE,OAAO;QAChB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,UAAU,EAAE,MAAM;KACnB;CACF,CAAC,CAAA;AAEF,MAAM,uBAAuB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IAChD,QAAQ,EAAE,gBAAgB;IAC1B,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM;KACb;CACF,CAAC,CAAA;AAEF,MAAM,yBAAyB,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IACpD,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM;KACb;CACF,CAAC,CAAA;AAEF,OAAO,EACL,oBAAoB,EACpB,4BAA4B,EAC5B,uBAAuB,EACvB,yBAAyB,GAC1B,CAAA"}

package/dist/components/DownloadButton/DownloadButton.types.d.ts

@@ -0,0 +1,26 @@
+declare enum OperativeSystem {
+    WINDOWS = "Windows",
+    MACOS = "macOS"
+}
+type DownloadOption = {
+    icon: React.ReactNode;
+    link: string;
+    arch: string;
+};
+type DownloadButtonProps = {
+    href?: string;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>, options: {
+        type: string;
+        track_uuid?: string;
+        url: string;
+    }) => void;
+    label?: string;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    trackingId?: string;
+    loadingCdnLinks?: boolean;
+    cdnLinks?: Record<string, Record<string, string>>;
+    onRedirect?: (url: string) => void;
+};
+export type { DownloadButtonProps, DownloadOption };
+export { OperativeSystem };

package/dist/components/DownloadButton/DownloadButton.types.js

@@ -0,0 +1,7 @@
+var OperativeSystem;
+(function (OperativeSystem) {
+    OperativeSystem["WINDOWS"] = "Windows";
+    OperativeSystem["MACOS"] = "macOS";
+})(OperativeSystem || (OperativeSystem = {}));
+export { OperativeSystem };
+//# sourceMappingURL=DownloadButton.types.js.map

package/dist/components/DownloadButton/DownloadButton.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadButton.types.js","sourceRoot":"","sources":["../../../src/components/DownloadButton/DownloadButton.types.ts"],"names":[],"mappings":"AAAA,IAAK,eAGJ;AAHD,WAAK,eAAe;IAClB,sCAAmB,CAAA;IACnB,kCAAe,CAAA;AACjB,CAAC,EAHI,eAAe,KAAf,eAAe,QAGnB;AAwBD,OAAO,EAAE,eAAe,EAAE,CAAA"}

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

@@ -0,0 +1,3 @@
+export type { DownloadButtonProps } from "./DownloadButton.types";
+export { OperativeSystem } from "./DownloadButton.types";
+export { DownloadButton } from "./DownloadButton";

package/dist/components/DownloadButton/index.js

@@ -0,0 +1,3 @@
+export { OperativeSystem } from "./DownloadButton.types";
+export { DownloadButton } from "./DownloadButton";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DownloadButton/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/components/Icon/AppleIcon.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SvgIconProps } from "@mui/material/SvgIcon";
+declare const AppleIcon: React.MemoExoticComponent<(props: SvgIconProps) => import("react/jsx-runtime").JSX.Element>;
+export { AppleIcon };