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

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

@@ -0,0 +1,67 @@
+import { MuteIcon } from "./Emotes/MuteIcon";
+import { PropsIcon } from "./Emotes/PropsIcon";
+import { SoundIcon } from "./Emotes/SoundIcon";
+import { VolumeIcon } from "./Emotes/VolumeIcon";
+import { JumpInIcon } from "./JumpInIcon";
+import { LocationIcon } from "./LocationIcon";
+import { ManaEthIcon } from "./ManaEthIcon";
+import { ManaMaticIcon } from "./ManaMaticIcon";
+import { AccessRestoredIcon } from "./Notifications/AccessRestoredIcon";
+import { AccessRestrictedIcon } from "./Notifications/AccessRestrictedIcon";
+import { BidAcceptedIcon } from "./Notifications/BidAcceptedIcon";
+import { BidReceivedIcon } from "./Notifications/BidReceivedIcon";
+import { CoauthorIcon } from "./Notifications/CoauthorIcon";
+import { EmptyInboxIcon } from "./Notifications/EmptyInboxIcon";
+import { EventCancelledIcon } from "./Notifications/EventCancelledIcon";
+import { EventStartedIcon } from "./Notifications/EventStartedIcon";
+import { EventStartsSoonIcon } from "./Notifications/EventStartsSoonIcon";
+import { GovernanceIcon } from "./Notifications/GovernanceIcon";
+import { HistoryIcon } from "./Notifications/HistoryIcon";
+import { ItemAirdroppedIcon } from "./Notifications/ItemAirdroppedIcon";
+import { ItemSoldIcon } from "./Notifications/ItemSoldIcon";
+import { LandRentedIcon } from "./Notifications/LandRentedIcon";
+import { ManaMainnetIcon } from "./Notifications/ManaMainnetIcon";
+import { ManaPolygonIcon } from "./Notifications/ManaPolygonIcon";
+import { MissingResourcesIcon } from "./Notifications/MissingResourcesIcon";
+import { NewCommentIcon } from "./Notifications/NewCommentIcon";
+import { NewNotificationIcon } from "./Notifications/NewNotificationIcon";
+import { NotificationBellActiveIcon } from "./Notifications/NotificationBellActiveIcon";
+import { NotificationBellIcon } from "./Notifications/NotificationBellIcon";
+import { PermissionGrantedIcon } from "./Notifications/PermissionGrantedIcon";
+import { PermissionRevokedIcon } from "./Notifications/PermissionRevokedIcon";
+import { PitchIcon } from "./Notifications/PitchIcon";
+import { ProjectEnactedIcon } from "./Notifications/ProjectEnactedIcon";
+import { ProposalFinishedIcon } from "./Notifications/ProposalFinishedIcon";
+import { ReferralInvitedUserAcceptedIcon } from "./Notifications/ReferralInvitedUserAcceptedIcon";
+import { ReferralInviteFriendsIcon } from "./Notifications/ReferralInviteFriendsIcon";
+import { RentPeriodEndingIcon } from "./Notifications/RentPeriodEndingIcon";
+import { RewardIcon } from "./Notifications/RewardIcon";
+import { StreamingIcon } from "./Notifications/StreamingIcon";
+import { TenderIcon } from "./Notifications/TenderIcon";
+import { VotingEndedIcon } from "./Notifications/VotingEndedIcon";
+import { PlacesIcon } from "./PlacesIcon";
+import { SparklesIcon } from "./SparklesIcon";
+import { UtilityIcon } from "./UtilityIcon";
+import { BaseFemaleIcon } from "./Wearables/BaseFemaleIcon";
+import { BaseMaleIcon } from "./Wearables/BaseMaleIcon";
+import { BodyShapeIcon } from "./Wearables/BodyShapeIcon";
+import { EarringIcon } from "./Wearables/EarringIcon";
+import { EyebrowsIcon } from "./Wearables/EyebrowsIcon";
+import { EyesIcon } from "./Wearables/EyesIcon";
+import { EyewearIcon } from "./Wearables/EyewearIcon";
+import { FacialHairIcon } from "./Wearables/FacialHairIcon";
+import { FeetIcon } from "./Wearables/FeetIcon";
+import { HairIcon } from "./Wearables/HairIcon";
+import { HandsWearIcon } from "./Wearables/HandsWearIcon";
+import { HatIcon } from "./Wearables/HatIcon";
+import { HelmetIcon } from "./Wearables/HelmetIcon";
+import { LowerBodyIcon } from "./Wearables/LowerBodyIcon";
+import { MaskIcon } from "./Wearables/MaskIcon";
+import { MouthIcon } from "./Wearables/MouthIcon";
+import { SkinIcon } from "./Wearables/SkinIcon";
+import { SmartWearableIcon } from "./Wearables/SmartWearableIcon";
+import { TiaraIcon } from "./Wearables/TiaraIcon";
+import { TopHeadIcon } from "./Wearables/TopHeadIcon";
+import { UnisexIcon } from "./Wearables/UnisexIcon";
+import { UpperBodyIcon } from "./Wearables/UpperBodyIcon";
+export { AccessRestoredIcon, AccessRestrictedIcon, BaseFemaleIcon, BaseMaleIcon, BidAcceptedIcon, BidReceivedIcon, BodyShapeIcon, CoauthorIcon, EarringIcon, EmptyInboxIcon, EventCancelledIcon, EventStartedIcon, EventStartsSoonIcon, EyebrowsIcon, EyesIcon, EyewearIcon, FacialHairIcon, FeetIcon, GovernanceIcon, HairIcon, HandsWearIcon, HatIcon, HelmetIcon, HistoryIcon, ItemAirdroppedIcon, ItemSoldIcon, JumpInIcon, LandRentedIcon, LocationIcon, LowerBodyIcon, ManaEthIcon, ManaMainnetIcon, ManaMaticIcon, ManaPolygonIcon, MaskIcon, MissingResourcesIcon, MouthIcon, MuteIcon, NewCommentIcon, NewNotificationIcon, NotificationBellActiveIcon, NotificationBellIcon, PermissionGrantedIcon, PermissionRevokedIcon, PitchIcon, PlacesIcon, ProjectEnactedIcon, ProposalFinishedIcon, PropsIcon, ReferralInvitedUserAcceptedIcon, ReferralInviteFriendsIcon, RentPeriodEndingIcon, RewardIcon, SkinIcon, SmartWearableIcon, SoundIcon, SparklesIcon, StreamingIcon, TenderIcon, TiaraIcon, TopHeadIcon, UnisexIcon, UpperBodyIcon, UtilityIcon, VotingEndedIcon, VolumeIcon, };

package/dist/components/Icon/index.js

@@ -0,0 +1,68 @@
+import { MuteIcon } from "./Emotes/MuteIcon";
+import { PropsIcon } from "./Emotes/PropsIcon";
+import { SoundIcon } from "./Emotes/SoundIcon";
+import { VolumeIcon } from "./Emotes/VolumeIcon";
+import { JumpInIcon } from "./JumpInIcon";
+import { LocationIcon } from "./LocationIcon";
+import { ManaEthIcon } from "./ManaEthIcon";
+import { ManaMaticIcon } from "./ManaMaticIcon";
+import { AccessRestoredIcon } from "./Notifications/AccessRestoredIcon";
+import { AccessRestrictedIcon } from "./Notifications/AccessRestrictedIcon";
+import { BidAcceptedIcon } from "./Notifications/BidAcceptedIcon";
+import { BidReceivedIcon } from "./Notifications/BidReceivedIcon";
+import { CoauthorIcon } from "./Notifications/CoauthorIcon";
+import { EmptyInboxIcon } from "./Notifications/EmptyInboxIcon";
+import { EventCancelledIcon } from "./Notifications/EventCancelledIcon";
+import { EventStartedIcon } from "./Notifications/EventStartedIcon";
+import { EventStartsSoonIcon } from "./Notifications/EventStartsSoonIcon";
+import { GovernanceIcon } from "./Notifications/GovernanceIcon";
+import { HistoryIcon } from "./Notifications/HistoryIcon";
+import { ItemAirdroppedIcon } from "./Notifications/ItemAirdroppedIcon";
+import { ItemSoldIcon } from "./Notifications/ItemSoldIcon";
+import { LandRentedIcon } from "./Notifications/LandRentedIcon";
+import { ManaMainnetIcon } from "./Notifications/ManaMainnetIcon";
+import { ManaPolygonIcon } from "./Notifications/ManaPolygonIcon";
+import { MissingResourcesIcon } from "./Notifications/MissingResourcesIcon";
+import { NewCommentIcon } from "./Notifications/NewCommentIcon";
+import { NewNotificationIcon } from "./Notifications/NewNotificationIcon";
+import { NotificationBellActiveIcon } from "./Notifications/NotificationBellActiveIcon";
+import { NotificationBellIcon } from "./Notifications/NotificationBellIcon";
+import { PermissionGrantedIcon } from "./Notifications/PermissionGrantedIcon";
+import { PermissionRevokedIcon } from "./Notifications/PermissionRevokedIcon";
+import { PitchIcon } from "./Notifications/PitchIcon";
+import { ProjectEnactedIcon } from "./Notifications/ProjectEnactedIcon";
+import { ProposalFinishedIcon } from "./Notifications/ProposalFinishedIcon";
+import { ReferralInvitedUserAcceptedIcon } from "./Notifications/ReferralInvitedUserAcceptedIcon";
+import { ReferralInviteFriendsIcon } from "./Notifications/ReferralInviteFriendsIcon";
+import { RentPeriodEndingIcon } from "./Notifications/RentPeriodEndingIcon";
+import { RewardIcon } from "./Notifications/RewardIcon";
+import { StreamingIcon } from "./Notifications/StreamingIcon";
+import { TenderIcon } from "./Notifications/TenderIcon";
+import { VotingEndedIcon } from "./Notifications/VotingEndedIcon";
+import { PlacesIcon } from "./PlacesIcon";
+import { SparklesIcon } from "./SparklesIcon";
+import { UtilityIcon } from "./UtilityIcon";
+import { BaseFemaleIcon } from "./Wearables/BaseFemaleIcon";
+import { BaseMaleIcon } from "./Wearables/BaseMaleIcon";
+import { BodyShapeIcon } from "./Wearables/BodyShapeIcon";
+import { EarringIcon } from "./Wearables/EarringIcon";
+import { EyebrowsIcon } from "./Wearables/EyebrowsIcon";
+import { EyesIcon } from "./Wearables/EyesIcon";
+import { EyewearIcon } from "./Wearables/EyewearIcon";
+import { FacialHairIcon } from "./Wearables/FacialHairIcon";
+import { FeetIcon } from "./Wearables/FeetIcon";
+import { HairIcon } from "./Wearables/HairIcon";
+import { HandsWearIcon } from "./Wearables/HandsWearIcon";
+import { HatIcon } from "./Wearables/HatIcon";
+import { HelmetIcon } from "./Wearables/HelmetIcon";
+import { LowerBodyIcon } from "./Wearables/LowerBodyIcon";
+import { MaskIcon } from "./Wearables/MaskIcon";
+import { MouthIcon } from "./Wearables/MouthIcon";
+import { SkinIcon } from "./Wearables/SkinIcon";
+import { SmartWearableIcon } from "./Wearables/SmartWearableIcon";
+import { TiaraIcon } from "./Wearables/TiaraIcon";
+import { TopHeadIcon } from "./Wearables/TopHeadIcon";
+import { UnisexIcon } from "./Wearables/UnisexIcon";
+import { UpperBodyIcon } from "./Wearables/UpperBodyIcon";
+export { AccessRestoredIcon, AccessRestrictedIcon, BaseFemaleIcon, BaseMaleIcon, BidAcceptedIcon, BidReceivedIcon, BodyShapeIcon, CoauthorIcon, EarringIcon, EmptyInboxIcon, EventCancelledIcon, EventStartedIcon, EventStartsSoonIcon, EyebrowsIcon, EyesIcon, EyewearIcon, FacialHairIcon, FeetIcon, GovernanceIcon, HairIcon, HandsWearIcon, HatIcon, HelmetIcon, HistoryIcon, ItemAirdroppedIcon, ItemSoldIcon, JumpInIcon, LandRentedIcon, LocationIcon, LowerBodyIcon, ManaEthIcon, ManaMainnetIcon, ManaMaticIcon, ManaPolygonIcon, MaskIcon, MissingResourcesIcon, MouthIcon, MuteIcon, NewCommentIcon, NewNotificationIcon, NotificationBellActiveIcon, NotificationBellIcon, PermissionGrantedIcon, PermissionRevokedIcon, PitchIcon, PlacesIcon, ProjectEnactedIcon, ProposalFinishedIcon, PropsIcon, ReferralInvitedUserAcceptedIcon, ReferralInviteFriendsIcon, RentPeriodEndingIcon, RewardIcon, SkinIcon, SmartWearableIcon, SoundIcon, SparklesIcon, StreamingIcon, TenderIcon, TiaraIcon, TopHeadIcon, UnisexIcon, UpperBodyIcon, UtilityIcon, VotingEndedIcon, VolumeIcon, };
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/IconBadge/IconBadge.d.ts

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

package/dist/components/IconBadge/IconBadge.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import RepeatOneRoundedIcon from "@mui/icons-material/RepeatOneRounded";
+import RepeatRoundedIcon from "@mui/icons-material/RepeatRounded";
+import { BaseFemaleIcon, BaseMaleIcon, BodyShapeIcon, EarringIcon, EyebrowsIcon, EyesIcon, EyewearIcon, FacialHairIcon, FeetIcon, HairIcon, HandsWearIcon, HatIcon, HelmetIcon, LowerBodyIcon, MaskIcon, MouthIcon, PlacesIcon, PropsIcon, SkinIcon, SmartWearableIcon, SoundIcon, SparklesIcon, TiaraIcon, TopHeadIcon, UnisexIcon, UpperBodyIcon, UtilityIcon, } from "../Icon";
+import { IconBadgeIcon } from "./IconBadge.types";
+import { IconBadgeButtonContainer, ImageContainer, TextContainer, } from "./IconBadge.styled";
+const getIcon = (icon) => {
+    const commonProps = {
+        fontSize: "small",
+        color: "inherit",
+    };
+    switch (icon) {
+        case IconBadgeIcon.BaseFemale:
+            return _jsx(BaseFemaleIcon, { ...commonProps });
+        case IconBadgeIcon.BaseMale:
+            return _jsx(BaseMaleIcon, { ...commonProps });
+        case IconBadgeIcon.Unisex:
+            return _jsx(UnisexIcon, { ...commonProps });
+        case IconBadgeIcon.BodyShape:
+            return _jsx(BodyShapeIcon, { ...commonProps });
+        case IconBadgeIcon.Earring:
+            return _jsx(EarringIcon, { ...commonProps });
+        case IconBadgeIcon.Eyebrows:
+            return _jsx(EyebrowsIcon, { ...commonProps });
+        case IconBadgeIcon.Eyes:
+            return _jsx(EyesIcon, { ...commonProps });
+        case IconBadgeIcon.Eyewear:
+            return _jsx(EyewearIcon, { ...commonProps });
+        case IconBadgeIcon.FacialHair:
+            return _jsx(FacialHairIcon, { ...commonProps });
+        case IconBadgeIcon.Feet:
+            return _jsx(FeetIcon, { ...commonProps });
+        case IconBadgeIcon.Hair:
+            return _jsx(HairIcon, { ...commonProps });
+        case IconBadgeIcon.Hat:
+            return _jsx(HatIcon, { ...commonProps });
+        case IconBadgeIcon.Helmet:
+            return _jsx(HelmetIcon, { ...commonProps });
+        case IconBadgeIcon.LowerBody:
+            return _jsx(LowerBodyIcon, { ...commonProps });
+        case IconBadgeIcon.Mask:
+            return _jsx(MaskIcon, { ...commonProps });
+        case IconBadgeIcon.Mouth:
+            return _jsx(MouthIcon, { ...commonProps });
+        case IconBadgeIcon.Tiara:
+            return _jsx(TiaraIcon, { ...commonProps });
+        case IconBadgeIcon.TopHead:
+            return _jsx(TopHeadIcon, { ...commonProps });
+        case IconBadgeIcon.UpperBody:
+            return _jsx(UpperBodyIcon, { ...commonProps });
+        case IconBadgeIcon.Skin:
+            return _jsx(SkinIcon, { ...commonProps });
+        case IconBadgeIcon.HandsWear:
+            return _jsx(HandsWearIcon, { ...commonProps });
+        case IconBadgeIcon.PlayOnce:
+            return _jsx(RepeatOneRoundedIcon, { ...commonProps });
+        case IconBadgeIcon.PlayLoop:
+            return _jsx(RepeatRoundedIcon, { ...commonProps });
+        case IconBadgeIcon.SmartWearable:
+            return _jsx(SmartWearableIcon, { ...commonProps });
+        case IconBadgeIcon.Sound:
+            return _jsx(SoundIcon, { ...commonProps });
+        case IconBadgeIcon.Props:
+            return _jsx(PropsIcon, { ...commonProps });
+        case IconBadgeIcon.Sparkles:
+            return _jsx(SparklesIcon, { ...commonProps });
+        case IconBadgeIcon.Places:
+            return _jsx(PlacesIcon, { ...commonProps });
+        case IconBadgeIcon.Utility:
+            return _jsx(UtilityIcon, { ...commonProps });
+        default:
+            return _jsx(_Fragment, {});
+    }
+};
+const IconBadge = React.memo((props) => {
+    const { icon, text, children, ...rest } = props;
+    return (_jsxs(IconBadgeButtonContainer, { ...rest, children: [icon && (_jsx(ImageContainer, { children: children ? { children } : getIcon(icon) })), text ? _jsx(TextContainer, { children: text }) : null] }));
+});
+export { IconBadge };
+//# sourceMappingURL=IconBadge.js.map

package/dist/components/IconBadge/IconBadge.js.map

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

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

@@ -0,0 +1,10 @@
+import { IconBadgeProps } from "./IconBadge.types";
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<IconBadgeProps>;
+type Story = StoryObj<IconBadgeProps>;
+declare const WithIcon: Story;
+declare const WithCustomIcon: Story;
+declare const WithoutText: Story;
+declare const WithoutIcon: Story;
+export default meta;
+export { WithIcon, WithCustomIcon, WithoutText, WithoutIcon };

package/dist/components/IconBadge/IconBadge.stories.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { IconBadge } from "./IconBadge";
+import { ManaEthIcon } from "../Icon";
+import { IconBadgeIcon } from "./IconBadge.types";
+const meta = {
+    component: IconBadge,
+    title: "Decentraland UI/Icon Badge",
+    tags: ["autodocs"],
+    argTypes: {
+        inline: {
+            description: "IconBadge component should be displayed inline",
+        },
+        icon: {
+            description: "Icon used in component",
+        },
+    },
+    render: (args) => _jsx(IconBadge, { ...args }),
+};
+const WithIcon = {
+    name: "With Icon",
+    args: {
+        icon: IconBadgeIcon.Utility,
+        text: "Utility",
+        onClick: () => console.log("Clicked!"),
+    },
+};
+const WithCustomIcon = {
+    name: "With Custom Icon",
+    args: {
+        children: _jsx(ManaEthIcon, {}),
+        text: "Custom Icon Component",
+        onClick: () => console.log("Clicked!"),
+    },
+};
+const WithoutText = {
+    name: "Without Text",
+    args: {
+        icon: IconBadgeIcon.Tiara,
+        onClick: () => console.log("Clicked!"),
+    },
+};
+const WithoutIcon = {
+    name: "Without Icon",
+    args: {
+        text: "No Icon",
+        onClick: () => console.log("Clicked!"),
+    },
+};
+// eslint-disable-next-line import/no-default-export
+export default meta;
+export { WithIcon, WithCustomIcon, WithoutText, WithoutIcon };
+//# sourceMappingURL=IconBadge.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconBadge.stories.js","sourceRoot":"","sources":["../../../src/components/IconBadge/IconBadge.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,EAAE,aAAa,EAAkB,MAAM,mBAAmB,CAAA;AAGjE,MAAM,IAAI,GAAyB;IACjC,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,4BAA4B;IACnC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,WAAW,EAAE,gDAAgD;SAC9D;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,wBAAwB;SACtC;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,IAAI,GAAI;CAC1C,CAAA;AAID,MAAM,QAAQ,GAAU;IACtB,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa,CAAC,OAAO;QAC3B,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC;KACvC;CACF,CAAA;AAED,MAAM,cAAc,GAAU;IAC5B,IAAI,EAAE,kBAAkB;IACxB,IAAI,EAAE;QACJ,QAAQ,EAAE,KAAC,WAAW,KAAG;QACzB,IAAI,EAAE,uBAAuB;QAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC;KACvC;CACF,CAAA;AAED,MAAM,WAAW,GAAU;IACzB,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa,CAAC,KAAK;QACzB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC;KACvC;CACF,CAAA;AAED,MAAM,WAAW,GAAU;IACzB,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC;KACvC;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA"}

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

@@ -0,0 +1,18 @@
+import { IconBadgeProps } from "./IconBadge.types";
+type IconBadgeButtonProps = Pick<IconBadgeProps, "inline" | "onClick">;
+declare const IconBadgeButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonBaseOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & {
+    theme?: import("@emotion/react").Theme;
+} & IconBadgeButtonProps, {}, {}>;
+declare const ImageContainer: 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 TextContainer: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "typography" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export { IconBadgeButtonContainer, ImageContainer, TextContainer };

package/dist/components/IconBadge/IconBadge.styled.js

@@ -0,0 +1,38 @@
+import styled from "@emotion/styled";
+import { Box, ButtonBase as ButtonMui, Typography } from "@mui/material";
+import { neutral, textOnNeutral } from "../../theme/colors";
+const IconBadgeButtonContainer = styled(ButtonMui)((props) => {
+    const { inline, onClick } = props;
+    return {
+        display: inline ? "inline-flex" : "flex",
+        backgroundColor: neutral.gray1,
+        alignItems: "center",
+        justifyContent: "center",
+        color: textOnNeutral.gray1,
+        verticalAlign: "middle",
+        fontSize: "13px",
+        lineHeight: "inherit",
+        textTransform: "uppercase",
+        padding: "2px 8px",
+        borderRadius: "5px",
+        cursor: onClick ? "pointer" : "default",
+        "& + &": {
+            marginLeft: "0.3em",
+        },
+    };
+});
+const ImageContainer = styled(Box)({
+    display: "flex",
+    "& svg path": {
+        fill: textOnNeutral.gray1,
+    },
+});
+const TextContainer = styled(Typography)({
+    fontSize: "inherit",
+    color: "inherit",
+    ":not(:first-child)": {
+        paddingLeft: "0.3em",
+    },
+});
+export { IconBadgeButtonContainer, ImageContainer, TextContainer };
+//# sourceMappingURL=IconBadge.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconBadge.styled.js","sourceRoot":"","sources":["../../../src/components/IconBadge/IconBadge.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,UAAU,IAAI,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAK3D,MAAM,wBAAwB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAuB,CACvE,KAAK,EACL,EAAE;IACF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IACjC,OAAO;QACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;QACxC,eAAe,EAAE,OAAO,CAAC,KAAK;QAC9B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,aAAa,CAAC,KAAK;QAC1B,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,SAAS;QACrB,aAAa,EAAE,WAAW;QAC1B,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACvC,OAAO,EAAE;YACP,UAAU,EAAE,OAAO;SACpB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACjC,OAAO,EAAE,MAAM;IACf,YAAY,EAAE;QACZ,IAAI,EAAE,aAAa,CAAC,KAAK;KAC1B;CACF,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACvC,QAAQ,EAAE,SAAS;IACnB,KAAK,EAAE,SAAS;IAChB,oBAAoB,EAAE;QACpB,WAAW,EAAE,OAAO;KACrB;CACF,CAAC,CAAA;AAEF,OAAO,EAAE,wBAAwB,EAAE,cAAc,EAAE,aAAa,EAAE,CAAA"}

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

@@ -0,0 +1,40 @@
+import React from "react";
+declare enum IconBadgeIcon {
+    BaseMale = "BaseMale",
+    BaseFemale = "BaseFemale",
+    Unisex = "Unisex",
+    BodyShape = "BodyShape",
+    Earring = "Earring",
+    Eyebrows = "Eyebrows",
+    Eyes = "Eyes",
+    Eyewear = "Eyewear",
+    FacialHair = "FacialHair",
+    Feet = "Feet",
+    Hair = "Hair",
+    Hat = "Hat",
+    Helmet = "Helmet",
+    LowerBody = "LowerBody",
+    Mask = "Mask",
+    Mouth = "Mouth",
+    Tiara = "Tiara",
+    TopHead = "TopHead",
+    UpperBody = "UpperBody",
+    Skin = "Skin",
+    HandsWear = "HandsWear",
+    PlayOnce = "PlayOnce",
+    PlayLoop = "PlayLoop",
+    SmartWearable = "SmartWearable",
+    Sound = "Sound",
+    Props = "Props",
+    Sparkles = "Sparkles",
+    Places = "Places",
+    Utility = "Utility"
+}
+type IconBadgeProps = {
+    icon?: IconBadgeIcon;
+    text?: string;
+    inline?: boolean;
+    onClick?: () => void;
+    children?: React.ReactNode;
+};
+export { IconBadgeIcon, IconBadgeProps };

package/dist/components/IconBadge/IconBadge.types.js

@@ -0,0 +1,34 @@
+var IconBadgeIcon;
+(function (IconBadgeIcon) {
+    IconBadgeIcon["BaseMale"] = "BaseMale";
+    IconBadgeIcon["BaseFemale"] = "BaseFemale";
+    IconBadgeIcon["Unisex"] = "Unisex";
+    IconBadgeIcon["BodyShape"] = "BodyShape";
+    IconBadgeIcon["Earring"] = "Earring";
+    IconBadgeIcon["Eyebrows"] = "Eyebrows";
+    IconBadgeIcon["Eyes"] = "Eyes";
+    IconBadgeIcon["Eyewear"] = "Eyewear";
+    IconBadgeIcon["FacialHair"] = "FacialHair";
+    IconBadgeIcon["Feet"] = "Feet";
+    IconBadgeIcon["Hair"] = "Hair";
+    IconBadgeIcon["Hat"] = "Hat";
+    IconBadgeIcon["Helmet"] = "Helmet";
+    IconBadgeIcon["LowerBody"] = "LowerBody";
+    IconBadgeIcon["Mask"] = "Mask";
+    IconBadgeIcon["Mouth"] = "Mouth";
+    IconBadgeIcon["Tiara"] = "Tiara";
+    IconBadgeIcon["TopHead"] = "TopHead";
+    IconBadgeIcon["UpperBody"] = "UpperBody";
+    IconBadgeIcon["Skin"] = "Skin";
+    IconBadgeIcon["HandsWear"] = "HandsWear";
+    IconBadgeIcon["PlayOnce"] = "PlayOnce";
+    IconBadgeIcon["PlayLoop"] = "PlayLoop";
+    IconBadgeIcon["SmartWearable"] = "SmartWearable";
+    IconBadgeIcon["Sound"] = "Sound";
+    IconBadgeIcon["Props"] = "Props";
+    IconBadgeIcon["Sparkles"] = "Sparkles";
+    IconBadgeIcon["Places"] = "Places";
+    IconBadgeIcon["Utility"] = "Utility";
+})(IconBadgeIcon || (IconBadgeIcon = {}));
+export { IconBadgeIcon };
+//# sourceMappingURL=IconBadge.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconBadge.types.js","sourceRoot":"","sources":["../../../src/components/IconBadge/IconBadge.types.ts"],"names":[],"mappings":"AAEA,IAAK,aA8BJ;AA9BD,WAAK,aAAa;IAChB,sCAAqB,CAAA;IACrB,0CAAyB,CAAA;IACzB,kCAAiB,CAAA;IACjB,wCAAuB,CAAA;IACvB,oCAAmB,CAAA;IACnB,sCAAqB,CAAA;IACrB,8BAAa,CAAA;IACb,oCAAmB,CAAA;IACnB,0CAAyB,CAAA;IACzB,8BAAa,CAAA;IACb,8BAAa,CAAA;IACb,4BAAW,CAAA;IACX,kCAAiB,CAAA;IACjB,wCAAuB,CAAA;IACvB,8BAAa,CAAA;IACb,gCAAe,CAAA;IACf,gCAAe,CAAA;IACf,oCAAmB,CAAA;IACnB,wCAAuB,CAAA;IACvB,8BAAa,CAAA;IACb,wCAAuB,CAAA;IACvB,sCAAqB,CAAA;IACrB,sCAAqB,CAAA;IACrB,gDAA+B,CAAA;IAC/B,gCAAe,CAAA;IACf,gCAAe,CAAA;IACf,sCAAqB,CAAA;IACrB,kCAAiB,CAAA;IACjB,oCAAmB,CAAA;AACrB,CAAC,EA9BI,aAAa,KAAb,aAAa,QA8BjB;AAUD,OAAO,EAAE,aAAa,EAAkB,CAAA"}

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

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

package/dist/components/IconBadge/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/IconBadge/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA"}

package/dist/components/IconChain/IconChain.d.ts

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

package/dist/components/IconChain/IconChain.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import { ArbitrumIcon } from "../Icon/Chains/ArbitrumIcon";
+import { AvalancheIcon } from "../Icon/Chains/AvalancheIcon";
+import { BinanceIcon } from "../Icon/Chains/BinanceIcon";
+import { EthereumIcon } from "../Icon/Chains/EthereumIcon";
+import { FantomIcon } from "../Icon/Chains/FantomIcon";
+import { OptimismIcon } from "../Icon/Chains/OptimismIcon";
+import { PolygonIcon } from "../Icon/Chains/PolygonIcon";
+import { ChainIconOption } from "./IconChain.types";
+const IconChain = React.memo((props) => {
+    const { icon } = props;
+    const commonProps = {
+        fontSize: "small",
+        color: "inherit",
+    };
+    switch (icon) {
+        case ChainIconOption.ARBITRUM:
+            return _jsx(ArbitrumIcon, { ...commonProps });
+        case ChainIconOption.AVALANCHE:
+            return _jsx(AvalancheIcon, { ...commonProps });
+        case ChainIconOption.BSC:
+            return _jsx(BinanceIcon, { ...commonProps });
+        case ChainIconOption.ETHEREUM:
+            return _jsx(EthereumIcon, { ...commonProps });
+        case ChainIconOption.FANTOM:
+            return _jsx(FantomIcon, { ...commonProps });
+        case ChainIconOption.OPTIMISM:
+            return _jsx(OptimismIcon, { ...commonProps });
+        case ChainIconOption.POLYGON:
+            return _jsx(PolygonIcon, { ...commonProps });
+        default:
+            return _jsx(_Fragment, {});
+    }
+});
+export { IconChain };
+//# sourceMappingURL=IconChain.js.map

package/dist/components/IconChain/IconChain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconChain.js","sourceRoot":"","sources":["../../../src/components/IconChain/IconChain.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACxD,OAAO,EAAE,eAAe,EAAkB,MAAM,mBAAmB,CAAA;AAEnE,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAqB,EAAE,EAAE;IACrD,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IACtB,MAAM,WAAW,GAAgD;QAC/D,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,SAAS;KACjB,CAAA;IACD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,eAAe,CAAC,QAAQ;YAC3B,OAAO,KAAC,YAAY,OAAK,WAAW,GAAI,CAAA;QAC1C,KAAK,eAAe,CAAC,SAAS;YAC5B,OAAO,KAAC,aAAa,OAAK,WAAW,GAAI,CAAA;QAC3C,KAAK,eAAe,CAAC,GAAG;YACtB,OAAO,KAAC,WAAW,OAAK,WAAW,GAAI,CAAA;QACzC,KAAK,eAAe,CAAC,QAAQ;YAC3B,OAAO,KAAC,YAAY,OAAK,WAAW,GAAI,CAAA;QAC1C,KAAK,eAAe,CAAC,MAAM;YACzB,OAAO,KAAC,UAAU,OAAK,WAAW,GAAI,CAAA;QACxC,KAAK,eAAe,CAAC,QAAQ;YAC3B,OAAO,KAAC,YAAY,OAAK,WAAW,GAAI,CAAA;QAC1C,KAAK,eAAe,CAAC,OAAO;YAC1B,OAAO,KAAC,WAAW,OAAK,WAAW,GAAI,CAAA;QACzC;YACE,OAAO,mBAAK,CAAA;IAChB,CAAC;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,SAAS,EAAE,CAAA"}

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

@@ -0,0 +1,13 @@
+declare enum ChainIconOption {
+    ETHEREUM = "ethereum",
+    POLYGON = "polygon",
+    ARBITRUM = "arbitrum",
+    OPTIMISM = "optimism",
+    FANTOM = "fantom",
+    BSC = "bsc",
+    AVALANCHE = "avalanche"
+}
+type IconChainProps = {
+    icon?: ChainIconOption;
+};
+export { ChainIconOption, IconChainProps };

package/dist/components/IconChain/IconChain.types.js

@@ -0,0 +1,12 @@
+var ChainIconOption;
+(function (ChainIconOption) {
+    ChainIconOption["ETHEREUM"] = "ethereum";
+    ChainIconOption["POLYGON"] = "polygon";
+    ChainIconOption["ARBITRUM"] = "arbitrum";
+    ChainIconOption["OPTIMISM"] = "optimism";
+    ChainIconOption["FANTOM"] = "fantom";
+    ChainIconOption["BSC"] = "bsc";
+    ChainIconOption["AVALANCHE"] = "avalanche";
+})(ChainIconOption || (ChainIconOption = {}));
+export { ChainIconOption };
+//# sourceMappingURL=IconChain.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconChain.types.js","sourceRoot":"","sources":["../../../src/components/IconChain/IconChain.types.tsx"],"names":[],"mappings":"AAAA,IAAK,eAQJ;AARD,WAAK,eAAe;IAClB,wCAAqB,CAAA;IACrB,sCAAmB,CAAA;IACnB,wCAAqB,CAAA;IACrB,wCAAqB,CAAA;IACrB,oCAAiB,CAAA;IACjB,8BAAW,CAAA;IACX,0CAAuB,CAAA;AACzB,CAAC,EARI,eAAe,KAAf,eAAe,QAQnB;AAMD,OAAO,EAAE,eAAe,EAAkB,CAAA"}

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

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

package/dist/components/IconChain/index.js

@@ -0,0 +1,2 @@
+export * from "./IconChain";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/IconChain/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/dist/components/JumpIn/JumpIn.d.ts

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

package/dist/components/JumpIn/JumpIn.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useCallback, useState } from "react";
+import { Typography } from "@mui/material";
+import { launchDesktopApp } from "../../modules/jumpIn";
+import { JumpInIcon, LocationIcon } from "../Icon";
+import { DownloadModal } from "../Modal/DownloadModal";
+import { JumpInEventType } from "./JumpIn.types";
+import { LocationIconContainer, StyledContainer, StyledIcon, StyledJumpInButton, StyledJumpInLink, StyledPosition, } from "./JumpIn.styled";
+const DEFAULT_DOWNLOAD_URL = "https://decentraland.org/download";
+const JumpIn = React.memo((props) => {
+    const { position, compact, loading, buttonText = "Jump In", downloadUrl = DEFAULT_DOWNLOAD_URL, modalProps, desktopAppOptions = {}, onTrack, } = props;
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const handleClick = useCallback(async (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        const hasLauncher = await launchDesktopApp(desktopAppOptions);
+        onTrack?.({
+            type: hasLauncher
+                ? JumpInEventType.JUMP_IN
+                : JumpInEventType.OPEN_DOWNLOAD_MODAL,
+            url: hasLauncher ? undefined : downloadUrl,
+            has_launcher: hasLauncher,
+        });
+        !hasLauncher && setIsModalOpen(true);
+    }, [onTrack, downloadUrl, desktopAppOptions]);
+    const handleDownloadClick = useCallback((e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        onTrack?.({
+            type: JumpInEventType.DOWNLOAD,
+            url: downloadUrl,
+            has_launcher: false,
+        });
+        window.open(downloadUrl, "_blank");
+    }, [onTrack, downloadUrl]);
+    if (props.variant === "button") {
+        return (_jsxs(_Fragment, { children: [_jsxs(StyledJumpInButton, { ...props.buttonProps, onClick: handleClick, disabled: loading, size: "small", variant: "contained", children: [_jsx("span", { children: buttonText }), _jsx(JumpInIcon, {})] }), _jsx(DownloadModal, { ...modalProps, open: isModalOpen, onClose: () => setIsModalOpen(false), onDownloadClick: handleDownloadClick })] }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(StyledJumpInLink, { ...props.linkProps, onClick: handleClick, target: "_blank", rel: "noopener noreferrer", children: _jsxs(StyledContainer, { children: [_jsxs(StyledPosition, { compact: compact, children: [position && (_jsx(LocationIconContainer, { children: _jsx(LocationIcon, { htmlColor: "inherit", fontSize: "inherit" }) })), _jsx(Typography, { component: "span", children: position })] }), _jsx(StyledIcon, { children: _jsx(JumpInIcon, {}) })] }) }), _jsx(DownloadModal, { ...modalProps, open: isModalOpen, onClose: () => setIsModalOpen(false), onDownloadClick: handleDownloadClick })] }));
+});
+export { JumpIn };
+//# sourceMappingURL=JumpIn.js.map