decentraland-ui2 0.0.2 → 0.0.3-9857431499.commit-4197294

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/IconBadge",
+    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,2BAA2B;IAClC,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,17 @@
+/// <reference types="react" />
+import { IconBadgeProps } from "./IconBadge.types";
+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;
+}, "className" | "children" | "style" | "tabIndex" | "classes" | "sx" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & Pick<IconBadgeProps, "onClick" | "inline">, {}, {}>;
+declare const ImageContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+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;
+}, "className" | "width" | "height" | "padding" | "top" | "left" | "children" | "color" | "p" | "style" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "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" | "visibility" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "classes" | "sx" | "variant" | "align" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export { IconBadgeButtonContainer, ImageContainer, TextContainer };

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

@@ -0,0 +1,38 @@
+import styled from "@emotion/styled";
+import { ButtonBase as ButtonMui, Typography, useTheme } from "@mui/material";
+const IconBadgeButtonContainer = styled(ButtonMui)((props) => {
+    const theme = useTheme();
+    return {
+        display: props.inline ? "inline-flex" : "flex",
+        backgroundColor: theme.palette.secondary.main,
+        alignItems: "center",
+        justifyContent: "center",
+        color: theme.palette.text.primary,
+        verticalAlign: "middle",
+        fontSize: "13px",
+        lineHeight: "inherit",
+        textTransform: "uppercase",
+        padding: "2px 8px",
+        borderRadius: "5px",
+        cursor: props.onClick ? "pointer" : "default",
+        "& + &": {
+            marginLeft: "0.3em",
+        },
+    };
+});
+const ImageContainer = styled("div")(() => {
+    const theme = useTheme();
+    return {
+        display: "flex",
+        paddingRight: "0.3em",
+        "& svg path": {
+            fill: theme.palette.text.primary,
+        },
+    };
+});
+const TextContainer = styled(Typography)({
+    fontSize: "inherit",
+    color: "inherit",
+});
+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,UAAU,IAAI,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAG7E,MAAM,wBAAwB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CACjD,KAAiD,EACjD,EAAE;IACF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO;QACL,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;QAC9C,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI;QAC7C,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACjC,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,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAC7C,OAAO,EAAE;YACP,UAAU,EAAE,OAAO;SACpB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE;IACxC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO;QACL,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,OAAO;QACrB,YAAY,EAAE;YACZ,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;SACjC;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IACvC,QAAQ,EAAE,SAAS;IACnB,KAAK,EAAE,SAAS;CACjB,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/Mana/Mana.d.ts

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

package/dist/components/Mana/Mana.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Network } from "@dcl/schemas";
+import { Tooltip } from "@mui/material";
+import { getNetworkMANADescription } from "../../lib/network";
+import { ManaEthIcon, ManaMaticIcon } from "../Icon";
+import { ImageContainer, ManaButtonContainer } from "./Mana.styled";
+const ManaButton = React.memo((props) => {
+    const { children, size, network, primary, color, ...rest } = props;
+    return (_jsxs(ManaButtonContainer, { fontSize: size, ...rest, children: [_jsx(ImageContainer, { primary: primary, color: color, children: !network || network !== Network.MATIC ? (_jsx(ManaEthIcon, { fontSize: size || "inherit" })) : (_jsx(ManaMaticIcon, { fontSize: size || "inherit" })) }), children] }));
+});
+const Mana = React.memo((props) => {
+    const { showTooltip, ...manaButtonProps } = props;
+    return showTooltip ? (_jsx(Tooltip, { placement: "top", title: getNetworkMANADescription(manaButtonProps.network || Network.ETHEREUM), children: _jsx(ManaButton, { ...manaButtonProps }) })) : (_jsx(ManaButton, { ...manaButtonProps }));
+});
+export { Mana };
+//# sourceMappingURL=Mana.js.map

package/dist/components/Mana/Mana.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mana.js","sourceRoot":"","sources":["../../../src/components/Mana/Mana.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEpD,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAEnE,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAqC,EAAE,EAAE;IACtE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAClE,OAAO,CACL,MAAC,mBAAmB,IAAC,QAAQ,EAAE,IAAI,KAAM,IAAI,aAC3C,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,YAC3C,CAAC,OAAO,IAAI,OAAO,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CACvC,KAAC,WAAW,IAAC,QAAQ,EAAE,IAAI,IAAI,SAAS,GAAI,CAC7C,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,IAAC,QAAQ,EAAE,IAAI,IAAI,SAAS,GAAI,CAC/C,GACc,EAChB,QAAQ,IACW,CACvB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAgB,EAAE,EAAE;IAC3C,MAAM,EAAE,WAAW,EAAE,GAAG,eAAe,EAAE,GAAG,KAAK,CAAA;IACjD,OAAO,WAAW,CAAC,CAAC,CAAC,CACnB,KAAC,OAAO,IACN,SAAS,EAAC,KAAK,EACf,KAAK,EAAE,yBAAyB,CAC9B,eAAe,CAAC,OAAO,IAAI,OAAO,CAAC,QAAQ,CAC5C,YAED,KAAC,UAAU,OAAK,eAAe,GAAI,GAC3B,CACX,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,OAAK,eAAe,GAAI,CACpC,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,IAAI,EAAE,CAAA"}

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

@@ -0,0 +1,15 @@
+import { ManaProps } from "./Mana.types";
+import type { Meta, StoryObj } from "@storybook/react";
+declare const meta: Meta<ManaProps>;
+type Story = StoryObj<ManaProps>;
+declare const Symbol: Story;
+declare const SymbolMana: Story;
+declare const SymbolVoted: Story;
+declare const SymbolSizes: Story;
+declare const SymbolInline: Story;
+declare const SymbolMatic: Story;
+declare const SymbolMaticPrimary: Story;
+declare const SymbolMaticSizes: Story;
+declare const ManaTooltip: Story;
+export default meta;
+export { Symbol, SymbolMana, SymbolVoted, SymbolSizes, SymbolInline, SymbolMatic, SymbolMaticPrimary, SymbolMaticSizes, ManaTooltip, };

package/dist/components/Mana/Mana.stories.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Network } from "@dcl/schemas";
+import { Typography } from "@mui/material";
+import { Mana } from "./Mana";
+const meta = {
+    component: Mana,
+    title: "Decentraland UI/Mana",
+    tags: ["autodocs"],
+    argTypes: {
+        size: {
+            description: "Size of the mana icon",
+        },
+        inline: {
+            description: "Mana component should be displayed inline",
+        },
+        network: {
+            description: "Network to display the mana icon",
+            defaultValue: Network.ETHEREUM,
+        },
+        primary: {
+            description: "Switch the color of the icon to primary",
+        },
+        showTooltip: {
+            description: "Show tooltip on hover",
+        },
+    },
+    render: (args) => _jsx(Mana, { ...args }),
+};
+const Symbol = {
+    args: {},
+};
+const SymbolMana = {
+    name: "Symbol + MANA",
+    args: { children: "MANA" },
+};
+const SymbolVoted = {
+    name: "Total voted",
+    args: { children: "MANA" },
+    render: (args) => (_jsxs(_Fragment, { children: [_jsx(Typography, { children: "Total voted" }), _jsx(Mana, { ...args, children: "1,235,345" })] })),
+};
+const SymbolSizes = {
+    name: "Sizes",
+    args: { children: "1,000" },
+    render: (args) => (_jsxs(_Fragment, { children: [_jsx(Mana, { ...args, size: "large" }), _jsx(Mana, { ...args, size: "medium" }), _jsx(Mana, { ...args, size: "small" })] })),
+};
+const SymbolInline = {
+    name: "Inline",
+    args: { children: "1,000", inline: true },
+    render: (args) => (_jsxs("p", { children: ["You've voted with ", _jsx(Mana, { ...args }), "."] })),
+};
+const SymbolMatic = {
+    name: "Matic",
+    args: {
+        children: "1,000",
+        inline: true,
+        network: Network.MATIC,
+    },
+    render: (args) => (_jsxs("p", { children: ["You deposited ", _jsx(Mana, { ...args }), " into Matic Network."] })),
+};
+const SymbolMaticPrimary = {
+    name: "Matic primary",
+    args: {
+        children: "1,000",
+        inline: true,
+        network: Network.MATIC,
+        primary: true,
+    },
+    render: (args) => (_jsxs("p", { children: ["You deposited ", _jsx(Mana, { ...args }), " into Matic Network."] })),
+};
+const SymbolMaticSizes = {
+    name: "Matic sizes",
+    args: {
+        children: "1,000",
+        network: Network.MATIC,
+    },
+    render: (args) => (_jsxs(_Fragment, { children: [_jsx(Mana, { ...args, size: "large" }), _jsx(Mana, { ...args, size: "medium" }), _jsx(Mana, { ...args, size: "small" })] })),
+};
+const ManaTooltip = {
+    name: "Mana + Tooltip",
+    args: {
+        children: "1,000",
+        network: Network.MATIC,
+        showTooltip: true,
+        size: "small",
+    },
+};
+// eslint-disable-next-line import/no-default-export
+export default meta;
+export { Symbol, SymbolMana, SymbolVoted, SymbolSizes, SymbolInline, SymbolMatic, SymbolMaticPrimary, SymbolMaticSizes, ManaTooltip, };
+//# sourceMappingURL=Mana.stories.js.map

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

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

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ManaProps } from "./Mana.types";
+declare const ManaButtonContainer: 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;
+}, "className" | "children" | "style" | "tabIndex" | "classes" | "sx" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & Pick<ManaProps, "onClick" | "inline" | "href"> & {
+    fontSize?: string | undefined;
+}, {}, {}>;
+declare const ImageContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    primary?: boolean | undefined;
+    color?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export { ImageContainer, ManaButtonContainer };

package/dist/components/Mana/Mana.styled.js

@@ -0,0 +1,44 @@
+import styled from "@emotion/styled";
+import { ButtonBase as ButtonMui, useTheme } from "@mui/material";
+const ManaButtonContainer = styled(ButtonMui)((props) => {
+    const theme = useTheme();
+    let fontSize = "inherit";
+    if (props.fontSize === "small") {
+        fontSize = "20px";
+    }
+    else if (props.fontSize === "medium") {
+        fontSize = "24px";
+    }
+    else if (props.fontSize === "large") {
+        fontSize = "36px";
+    }
+    return {
+        display: props.inline ? "inline-flex" : "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        color: theme.palette.text.primary,
+        verticalAlign: "middle",
+        fontSize: fontSize,
+        lineHeight: "inherit",
+        cursor: !!props.href || !!props.onClick ? "pointer" : "default",
+        "& + &": {
+            marginLeft: "0.3em",
+        },
+    };
+});
+const ImageContainer = styled("div")((props) => {
+    const theme = useTheme();
+    return {
+        display: "flex",
+        paddingRight: "0.3em",
+        "& svg path": {
+            fill: props.color
+                ? props.color
+                : props.primary
+                    ? theme.palette.primary.main
+                    : theme.palette.text.primary,
+        },
+    };
+});
+export { ImageContainer, ManaButtonContainer };
+//# sourceMappingURL=Mana.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Mana.styled.js","sourceRoot":"","sources":["../../../src/components/Mana/Mana.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,UAAU,IAAI,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGjE,MAAM,mBAAmB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAC5C,KAEC,EACD,EAAE;IACF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,IAAI,QAAQ,GAAG,SAAS,CAAA;IAExB,IAAI,KAAK,CAAC,QAAQ,KAAK,OAAO,EAAE;QAC9B,QAAQ,GAAG,MAAM,CAAA;KAClB;SAAM,IAAI,KAAK,CAAC,QAAQ,KAAK,QAAQ,EAAE;QACtC,QAAQ,GAAG,MAAM,CAAA;KAClB;SAAM,IAAI,KAAK,CAAC,QAAQ,KAAK,OAAO,EAAE;QACrC,QAAQ,GAAG,MAAM,CAAA;KAClB;IAED,OAAO;QACL,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;QAC9C,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACjC,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAC/D,OAAO,EAAE;YACP,UAAU,EAAE,OAAO;SACpB;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAGrC,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,OAAO;QACL,OAAO,EAAE,MAAM;QACf,YAAY,EAAE,OAAO;QACrB,YAAY,EAAE;YACZ,IAAI,EAAE,KAAK,CAAC,KAAK;gBACf,CAAC,CAAC,KAAK,CAAC,KAAK;gBACb,CAAC,CAAC,KAAK,CAAC,OAAO;oBACb,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;oBAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;SACjC;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAA"}

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Network } from "@dcl/schemas";
+type ManaProps = {
+    size?: "small" | "medium" | "large";
+    inline?: boolean;
+    network?: Network;
+    children?: React.ReactChild;
+    color?: string;
+    primary?: boolean;
+    showTooltip?: boolean;
+    href?: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement> & ((event: React.MouseEvent<HTMLAnchorElement, MouseEvent>, network: Network) => void);
+};
+export { ManaProps };

package/dist/components/Mana/Mana.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Mana.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Mana.types.js","sourceRoot":"","sources":["../../../src/components/Mana/Mana.types.ts"],"names":[],"mappings":""}

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

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

package/dist/components/Mana/index.js

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

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

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

package/dist/components/Media/Media.d.ts

@@ -0,0 +1,56 @@
+/// <reference types="react" />
+/**
+ * Media hook to determine if we're going to be rendering in a desktop environment with big screens.
+ */
+declare const useBigDesktopMediaQuery: () => boolean;
+/**
+ * Media hook to determine if we're going to be rendering in a desktop environment.
+ */
+declare const useDesktopMediaQuery: () => boolean;
+/**
+ * Media hook to determine if we're going to be rendering in a tablet environment.
+ */
+declare const useTabletMediaQuery: () => boolean;
+/**
+ * Media hook to determine if we're going to be rendering in a tablet or below environment.
+ */
+declare const useTabletAndBelowMediaQuery: () => boolean;
+/**
+ * Media hook to determine if we're going to be rendering in a mobile environment.
+ */
+declare const useMobileMediaQuery: () => boolean;
+/**
+ * Media hook to determine if we're going to be rendering in an environment that's not mobile.
+ */
+declare const useNotMobileMediaQuery: () => boolean;
+/**
+ * Renders a component if the screen suits the desktop size.
+ */
+declare const Desktop: ({ children, }: {
+    children: JSX.Element;
+}) => JSX.Element | null;
+/**
+ * Renders a component if the screen suits the tablet size.
+ */
+declare const Tablet: ({ children, }: {
+    children: JSX.Element;
+}) => JSX.Element | null;
+/**
+ * Renders a component if the screen suits the tablet or mobile size.
+ */
+declare const TabletAndBelow: ({ children, }: {
+    children: JSX.Element;
+}) => JSX.Element | null;
+/**
+ * Renders a component if the screen suits the mobile size.
+ */
+declare const Mobile: ({ children, }: {
+    children: JSX.Element;
+}) => JSX.Element | null;
+/**
+ * Renders a component if the screen doesn't have the size of a mobile device.
+ */
+declare const NotMobile: ({ children, }: {
+    children: JSX.Element;
+}) => JSX.Element | null;
+export { Desktop, Tablet, TabletAndBelow, Mobile, NotMobile, useBigDesktopMediaQuery, useDesktopMediaQuery, useTabletMediaQuery, useTabletAndBelowMediaQuery, useMobileMediaQuery, useNotMobileMediaQuery, };

package/dist/components/Media/Media.js

@@ -0,0 +1,62 @@
+import useMediaQuery from "@mui/material/useMediaQuery";
+/**
+ * Media hook to determine if we're going to be rendering in a desktop environment with big screens.
+ */
+const useBigDesktopMediaQuery = () => useMediaQuery("(min-width: 1920px)");
+/**
+ * Media hook to determine if we're going to be rendering in a desktop environment.
+ */
+const useDesktopMediaQuery = () => useMediaQuery("(min-width: 992px)");
+/**
+ * Media hook to determine if we're going to be rendering in a tablet environment.
+ */
+const useTabletMediaQuery = () => useMediaQuery("(min-width: 768px) and (max-width: 991px)");
+/**
+ * Media hook to determine if we're going to be rendering in a tablet or below environment.
+ */
+const useTabletAndBelowMediaQuery = () => useMediaQuery("(max-width: 991px)");
+/**
+ * Media hook to determine if we're going to be rendering in a mobile environment.
+ */
+const useMobileMediaQuery = () => useMediaQuery("(max-width: 767px)");
+/**
+ * Media hook to determine if we're going to be rendering in an environment that's not mobile.
+ */
+const useNotMobileMediaQuery = () => useMediaQuery("(min-width: 768px)");
+/**
+ * Renders a component if the screen suits the desktop size.
+ */
+const Desktop = ({ children, }) => {
+    const isDesktop = useDesktopMediaQuery();
+    return isDesktop ? children : null;
+};
+/**
+ * Renders a component if the screen suits the tablet size.
+ */
+const Tablet = ({ children, }) => {
+    const isTablet = useTabletMediaQuery();
+    return isTablet ? children : null;
+};
+/**
+ * Renders a component if the screen suits the tablet or mobile size.
+ */
+const TabletAndBelow = ({ children, }) => {
+    const isTablet = useTabletAndBelowMediaQuery();
+    return isTablet ? children : null;
+};
+/**
+ * Renders a component if the screen suits the mobile size.
+ */
+const Mobile = ({ children, }) => {
+    const isMobile = useMobileMediaQuery();
+    return isMobile ? children : null;
+};
+/**
+ * Renders a component if the screen doesn't have the size of a mobile device.
+ */
+const NotMobile = ({ children, }) => {
+    const isNotMobile = useNotMobileMediaQuery();
+    return isNotMobile ? children : null;
+};
+export { Desktop, Tablet, TabletAndBelow, Mobile, NotMobile, useBigDesktopMediaQuery, useDesktopMediaQuery, useTabletMediaQuery, useTabletAndBelowMediaQuery, useMobileMediaQuery, useNotMobileMediaQuery, };
+//# sourceMappingURL=Media.js.map

package/dist/components/Media/Media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Media.js","sourceRoot":"","sources":["../../../src/components/Media/Media.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,6BAA6B,CAAA;AAEvD;;GAEG;AACH,MAAM,uBAAuB,GAAG,GAAY,EAAE,CAC5C,aAAa,CAAC,qBAAqB,CAAC,CAAA;AAEtC;;GAEG;AACH,MAAM,oBAAoB,GAAG,GAAY,EAAE,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAA;AAE/E;;GAEG;AACH,MAAM,mBAAmB,GAAG,GAAY,EAAE,CACxC,aAAa,CAAC,2CAA2C,CAAC,CAAA;AAE5D;;GAEG;AACH,MAAM,2BAA2B,GAAG,GAAY,EAAE,CAChD,aAAa,CAAC,oBAAoB,CAAC,CAAA;AAErC;;GAEG;AACH,MAAM,mBAAmB,GAAG,GAAY,EAAE,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAA;AAE9E;;GAEG;AACH,MAAM,sBAAsB,GAAG,GAAY,EAAE,CAC3C,aAAa,CAAC,oBAAoB,CAAC,CAAA;AAErC;;GAEG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,GAGT,EAAsB,EAAE;IACvB,MAAM,SAAS,GAAG,oBAAoB,EAAE,CAAA;IACxC,OAAO,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;AACpC,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,QAAQ,GAGT,EAAsB,EAAE;IACvB,MAAM,QAAQ,GAAG,mBAAmB,EAAE,CAAA;IACtC,OAAO,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;AACnC,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,GAGT,EAAsB,EAAE;IACvB,MAAM,QAAQ,GAAG,2BAA2B,EAAE,CAAA;IAC9C,OAAO,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;AACnC,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,QAAQ,GAGT,EAAsB,EAAE;IACvB,MAAM,QAAQ,GAAG,mBAAmB,EAAE,CAAA;IACtC,OAAO,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;AACnC,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,GAGT,EAAsB,EAAE;IACvB,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAA;IAC5C,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;AACtC,CAAC,CAAA;AAED,OAAO,EACL,OAAO,EACP,MAAM,EACN,cAAc,EACd,MAAM,EACN,SAAS,EACT,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,2BAA2B,EAC3B,mBAAmB,EACnB,sBAAsB,GACvB,CAAA"}

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

@@ -0,0 +1 @@
+export * from "./Media";

package/dist/components/Media/index.js

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

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

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

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { ModalProps } from "./Modal.types";
+declare const ModalContent: React.MemoExoticComponent<(props: Partial<Pick<ModalProps, "header" | "children" | "actions" | "title" | "subtitle" | "size" | "onClose" | "onBack">>) => JSX.Element>;
+declare const Modal: React.MemoExoticComponent<(props: ModalProps) => JSX.Element>;
+export { Modal, ModalContent };

package/dist/components/Modal/Modal.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import ArrowBackIosNewRoundedIcon from "@mui/icons-material/ArrowBackIosNewRounded";
+import CancelRoundedIcon from "@mui/icons-material/CancelRounded";
+import { IconButton, Typography } from "@mui/material";
+import { ModalActionsContainer, ModalContainer, ModalContentContainer, ModalTitleContainer, } from "./Modal.styled";
+const ModalContent = React.memo((props) => {
+    const { children, header, actions, title, subtitle, size, onClose, onBack, } = props;
+    return (_jsxs(ModalContainer, { elevation: 24, size: size, children: [header, (title || onClose || onBack) && (_jsxs(ModalTitleContainer, { children: [onBack && (_jsx(IconButton, { "aria-label": "back", size: "large", onClick: onBack, children: _jsx(ArrowBackIosNewRoundedIcon, {}) })), title && _jsx(Typography, { variant: "h5", children: title }), onClose && (_jsx(IconButton, { "aria-label": "close", size: "large", onClick: onClose, children: _jsx(CancelRoundedIcon, {}) }))] })), subtitle && _jsx(Typography, { variant: "subtitle1", children: subtitle }), _jsx(ModalContentContainer, { children: children }), actions && _jsx(ModalActionsContainer, { children: actions })] }));
+});
+const Modal = React.memo((props) => {
+    return (_jsx(Modal, { ...props, children: _jsx(ModalContent, { ...props, children: props.children }) }));
+});
+export { Modal, ModalContent };
+//# sourceMappingURL=Modal.js.map

package/dist/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,0BAA0B,MAAM,4CAA4C,CAAA;AACnF,OAAO,iBAAiB,MAAM,mCAAmC,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAEtD,OAAO,EACL,qBAAqB,EACrB,cAAc,EACd,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,gBAAgB,CAAA;AAEvB,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAC7B,CACE,KAYC,EACD,EAAE;IACF,MAAM,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,MAAM,GACP,GAAG,KAAK,CAAA;IAET,OAAO,CACL,MAAC,cAAc,IAAC,SAAS,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,aACtC,MAAM,EACN,CAAC,KAAK,IAAI,OAAO,IAAI,MAAM,CAAC,IAAI,CAC/B,MAAC,mBAAmB,eACjB,MAAM,IAAI,CACT,KAAC,UAAU,kBAAY,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,MAAM,YACxD,KAAC,0BAA0B,KAAG,GACnB,CACd,EACA,KAAK,IAAI,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,YAAE,KAAK,GAAc,EACtD,OAAO,IAAI,CACV,KAAC,UAAU,kBAAY,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,YAC1D,KAAC,iBAAiB,KAAG,GACV,CACd,IACmB,CACvB,EACA,QAAQ,IAAI,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,YAAE,QAAQ,GAAc,EACpE,KAAC,qBAAqB,cAAE,QAAQ,GAAyB,EACxD,OAAO,IAAI,KAAC,qBAAqB,cAAE,OAAO,GAAyB,IACrD,CAClB,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAAiB,EAAE,EAAE;IAC7C,OAAO,CACL,KAAC,KAAK,OAAK,KAAK,YACd,KAAC,YAAY,OAAK,KAAK,YAAG,KAAK,CAAC,QAAQ,GAAgB,GAClD,CACT,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAA"}