decentraland-ui2 1.4.0 → 1.4.1-23354493323.commit-131b47d

package/dist/components/Badges/Badges.d.ts

@@ -1,4 +1,6 @@
-import { NumberBadgeProps, TextBadgeProps } from './Badges.types';
+import { NumberBadgeProps, TextBadgeProps, UserCountBadgeProps } from './Badges.types';
 declare const NumberBadge: import("react").MemoExoticComponent<({ value }: NumberBadgeProps) => import("react/jsx-runtime").JSX.Element>;
 declare const TextBadge: import("react").MemoExoticComponent<({ text }: TextBadgeProps) => import("react/jsx-runtime").JSX.Element>;
-export { NumberBadge, TextBadge };
+declare const LiveBadge: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+declare const UserCountBadge: import("react").MemoExoticComponent<({ count }: UserCountBadgeProps) => import("react/jsx-runtime").JSX.Element>;
+export { LiveBadge, NumberBadge, TextBadge, UserCountBadge };

package/dist/components/Badges/Badges.js

@@ -1,9 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo } from 'react';
-import { NumberBadgeInner, NumberBadgeWrapper, TextBadgeLabel, TextBadgeWrapper } from './Badges.styled';
+import PermIdentityRoundedIcon from '@mui/icons-material/PermIdentityRounded';
+import SensorsRoundedIcon from '@mui/icons-material/SensorsRounded';
+import { LiveBadgeWrapper, NumberBadgeInner, NumberBadgeWrapper, TextBadgeLabel, TextBadgeWrapper, UserCountBadgeWrapper, UserCountDot } from './Badges.styled';
 const NumberBadge = memo(({ value }) => (_jsx(NumberBadgeWrapper, { children: _jsx(NumberBadgeInner, { children: value }) })));
 NumberBadge.displayName = 'NumberBadge';
 const TextBadge = memo(({ text }) => (_jsx(TextBadgeWrapper, { children: _jsx(TextBadgeLabel, { children: text }) })));
 TextBadge.displayName = 'TextBadge';
-export { NumberBadge, TextBadge };
+const LiveBadge = memo(() => (_jsxs(LiveBadgeWrapper, { children: [_jsx(SensorsRoundedIcon, { sx: { fontSize: 14 } }), "LIVE"] })));
+LiveBadge.displayName = 'LiveBadge';
+const UserCountBadge = memo(({ count }) => (_jsxs(UserCountBadgeWrapper, { children: [_jsx(UserCountDot, {}), _jsx(PermIdentityRoundedIcon, { sx: { fontSize: 14 } }), count] })));
+UserCountBadge.displayName = 'UserCountBadge';
+export { LiveBadge, NumberBadge, TextBadge, UserCountBadge };
 //# sourceMappingURL=Badges.js.map

package/dist/components/Badges/Badges.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badges.js","sourceRoot":"","sources":["../../../src/components/Badges/Badges.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAE5B,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAExG,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,EAAE,KAAK,EAAoB,EAAE,EAAE,CAAC,CACxD,KAAC,kBAAkB,cACjB,KAAC,gBAAgB,cAAE,KAAK,GAAoB,GACzB,CACtB,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,EAAE,IAAI,EAAkB,EAAE,EAAE,CAAC,CACnD,KAAC,gBAAgB,cACf,KAAC,cAAc,cAAE,IAAI,GAAkB,GACtB,CACpB,CAAC,CAAA;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"Badges.js","sourceRoot":"","sources":["../../../src/components/Badges/Badges.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAC5B,OAAO,uBAAuB,MAAM,yCAAyC,CAAA;AAC7E,OAAO,kBAAkB,MAAM,oCAAoC,CAAA;AAEnE,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,YAAY,EACb,MAAM,iBAAiB,CAAA;AAExB,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,EAAE,KAAK,EAAoB,EAAE,EAAE,CAAC,CACxD,KAAC,kBAAkB,cACjB,KAAC,gBAAgB,cAAE,KAAK,GAAoB,GACzB,CACtB,CAAC,CAAA;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,EAAE,IAAI,EAAkB,EAAE,EAAE,CAAC,CACnD,KAAC,gBAAgB,cACf,KAAC,cAAc,cAAE,IAAI,GAAkB,GACtB,CACpB,CAAC,CAAA;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAC3B,MAAC,gBAAgB,eACf,KAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,YAE3B,CACpB,CAAC,CAAA;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,MAAM,cAAc,GAAG,IAAI,CAAC,CAAC,EAAE,KAAK,EAAuB,EAAE,EAAE,CAAC,CAC9D,MAAC,qBAAqB,eACpB,KAAC,YAAY,KAAG,EAChB,KAAC,uBAAuB,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,EAChD,KAAK,IACgB,CACzB,CAAC,CAAA;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA"}

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

@@ -10,4 +10,19 @@ declare const TextBadgeWrapper: import("@emotion/styled").StyledComponent<import
 declare const TextBadgeLabel: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | 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"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export { NumberBadgeWrapper, NumberBadgeInner, TextBadgeWrapper, TextBadgeLabel };
+declare const LiveBadgeWrapper: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const LiveBadgeDot: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const UserCountBadgeWrapper: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const UserCountDot: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const BadgeGroup: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export { BadgeGroup, LiveBadgeDot, LiveBadgeWrapper, NumberBadgeInner, NumberBadgeWrapper, TextBadgeLabel, TextBadgeWrapper, UserCountBadgeWrapper, UserCountDot };

package/dist/components/Badges/Badges.styled.js

@@ -1,4 +1,4 @@
-import { styled } from '@mui/material/styles';
+import { keyframes, styled } from '@mui/material/styles';
 import { Box, Typography } from '@mui/material';
 import { gradient } from '../../theme/colors';
 const NumberBadgeWrapper = styled(Box)(({ theme }) => ({
@@ -47,5 +47,54 @@ const TextBadgeLabel = styled(Typography)(({ theme }) => ({
         fontSize: 14
     }
 }));
-export { NumberBadgeWrapper, NumberBadgeInner, TextBadgeWrapper, TextBadgeLabel };
+const pulse = keyframes({
+    '0%, 100%': { opacity: 1 },
+    '50%': { opacity: 0.4 }
+});
+const LiveBadgeWrapper = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: theme.spacing(0.5),
+    height: 26,
+    padding: theme.spacing(0, 1.5),
+    backgroundColor: theme.palette.error.main,
+    color: theme.palette.common.white,
+    borderRadius: theme.spacing(1),
+    fontSize: theme.typography.caption.fontSize,
+    fontWeight: theme.typography.fontWeightBold,
+    textTransform: 'uppercase',
+    lineHeight: 1
+}));
+const LiveBadgeDot = styled(Box)({
+    width: 8,
+    height: 8,
+    borderRadius: '50%',
+    backgroundColor: 'currentColor',
+    animation: `${pulse} 1.5s ease-in-out infinite`
+});
+const UserCountBadgeWrapper = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: theme.spacing(0.75),
+    height: 26,
+    padding: theme.spacing(0, 1.5),
+    backgroundColor: theme.palette.background.default,
+    color: theme.palette.text.primary,
+    borderRadius: theme.spacing(1),
+    fontSize: theme.typography.caption.fontSize,
+    fontWeight: theme.typography.fontWeightBold,
+    lineHeight: 1
+}));
+const UserCountDot = styled(Box)(({ theme }) => ({
+    width: 8,
+    height: 8,
+    borderRadius: '50%',
+    backgroundColor: theme.palette.success.main
+}));
+const BadgeGroup = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: theme.spacing(1)
+}));
+export { BadgeGroup, LiveBadgeDot, LiveBadgeWrapper, NumberBadgeInner, NumberBadgeWrapper, TextBadgeLabel, TextBadgeWrapper, UserCountBadgeWrapper, UserCountDot };
 //# sourceMappingURL=Badges.styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badges.styled.js","sourceRoot":"","sources":["../../../src/components/Badges/Badges.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAE7C,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,UAAU,EAAE,QAAQ,CAAC,KAAK;IAC1B,OAAO,EAAE,CAAC;IACV,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;KACjC;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAChC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;IACjD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ;IACtC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;IAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ;KAC1C;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,UAAU,EAAE,QAAQ,CAAC,MAAM;IAC3B,YAAY,EAAE,EAAE;IAChB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC;IAC9B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC,CAAA;AAEH,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc;IAC3C,QAAQ,EAAE,EAAE;IACZ,aAAa,EAAE,WAAW;IAC1B,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,aAAa;IACtD,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC,CAAA;AAEH,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"Badges.styled.js","sourceRoot":"","sources":["../../../src/components/Badges/Badges.styled.ts"],"names":[],"mappings":"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"}

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

@@ -4,4 +4,7 @@ interface NumberBadgeProps {
 interface TextBadgeProps {
     text: string;
 }
-export type { NumberBadgeProps, TextBadgeProps };
+interface UserCountBadgeProps {
+    count: number;
+}
+export type { NumberBadgeProps, TextBadgeProps, UserCountBadgeProps };

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

@@ -1,2 +1,3 @@
-export { NumberBadge, TextBadge } from './Badges';
-export type { NumberBadgeProps, TextBadgeProps } from './Badges.types';
+export { LiveBadge, NumberBadge, TextBadge, UserCountBadge } from './Badges';
+export { BadgeGroup } from './Badges.styled';
+export type { NumberBadgeProps, TextBadgeProps, UserCountBadgeProps } from './Badges.types';

package/dist/components/Badges/index.js

@@ -1,2 +1,3 @@
-export { NumberBadge, TextBadge } from './Badges';
+export { LiveBadge, NumberBadge, TextBadge, UserCountBadge } from './Badges';
+export { BadgeGroup } from './Badges.styled';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badges/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Badges/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/components/EventCard/EventCard.d.ts

@@ -0,0 +1,3 @@
+import { EventCardProps } from './EventCard.types';
+declare const EventCard: import("react").MemoExoticComponent<(props: EventCardProps) => import("react/jsx-runtime").JSX.Element>;
+export { EventCard };

package/dist/components/EventCard/EventCard.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback } from 'react';
+import Typography from '@mui/material/Typography';
+import { Box, Button } from '@mui/material';
+import { AvatarFace } from '../AvatarFace';
+import { JumpInIcon, LocationIcon } from '../Icon';
+import { AvatarAndLocationRow, AvatarContainer, AvatarLink, AvatarTextContainer, BadgesContainer, EventCardActionArea, EventCardContainer, EventCardContent, EventCardMedia, EventMediaContainer, JumpInButtonContainer, LeftBadge, LocationChip, LocationChipContainer, SceneInfoContainer, SceneTitle } from './EventCard.styled';
+const EventCard = memo((props) => {
+    const { image, sceneName, avatar, coordinates, withShadow, leftBadge, leftBadgeTransparent = false, onClick, redirectToAuth = false, hideLocation = false } = props;
+    const isWorld = coordinates?.includes('.dcl.eth');
+    const jumpInUrl = isWorld ? `https://decentraland.org/jump?realm=${coordinates}` : `https://decentraland.org/jump?position=${coordinates}`;
+    const handleCardClick = useCallback(() => {
+        if (onClick) {
+            onClick();
+            return;
+        }
+        if (redirectToAuth) {
+            window.location.href = '/auth';
+            return;
+        }
+        if (coordinates) {
+            window.open(jumpInUrl, '_blank');
+        }
+    }, [onClick, redirectToAuth, coordinates, jumpInUrl]);
+    return (_jsx(EventCardContainer, { withShadow: withShadow, children: _jsxs(EventCardActionArea, { onClick: handleCardClick, children: [leftBadge !== undefined && (_jsx(BadgesContainer, { children: _jsx(LeftBadge, { transparent: leftBadgeTransparent, children: _jsx(Box, { component: "span", children: leftBadge }) }) })), _jsx(EventMediaContainer, { children: _jsx(EventCardMedia, { image: image }) }), _jsxs(EventCardContent, { children: [_jsxs(SceneInfoContainer, { children: [_jsx(SceneTitle, { children: _jsx(Typography, { variant: "h6", component: "div", gutterBottom: true, children: sceneName }) }), _jsxs(AvatarAndLocationRow, { children: [_jsxs(AvatarContainer, { children: [_jsx(AvatarFace, { size: "small", avatar: avatar }), _jsx(AvatarTextContainer, { children: _jsxs(Typography, { variant: "body2", children: ["by ", _jsx(AvatarLink, { href: `https://decentraland.org/profile/accounts/${avatar?.ethAddress}`, children: avatar?.name })] }) })] }), coordinates && !hideLocation && (_jsx(LocationChipContainer, { children: _jsx(LocationChip, { label: coordinates, size: "small", icon: _jsx(LocationIcon, {}) }) }))] })] }), _jsx(JumpInButtonContainer, { children: _jsxs(Button, { variant: "contained", size: "small", fullWidth: true, sx: { borderRadius: 2 }, children: [_jsx("span", { children: "Jump In" }), _jsx(JumpInIcon, { sx: { marginLeft: 1 } })] }) })] })] }) }));
+});
+EventCard.displayName = 'EventCard';
+export { EventCard };
+//# sourceMappingURL=EventCard.js.map

package/dist/components/EventCard/EventCard.js.map

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

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

@@ -0,0 +1,13 @@
+import { EventCard } from './EventCard';
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof EventCard>;
+type Story = StoryObj<typeof EventCard>;
+declare const Default: Story;
+declare const WithRedirectToAuth: Story;
+declare const OneCard: Story;
+declare const TwoCards: Story;
+declare const ThreeCards: Story;
+declare const CardQuantities: Story;
+declare const Multiline: Story;
+export default meta;
+export { Default, WithRedirectToAuth, OneCard, TwoCards, ThreeCards, CardQuantities, Multiline };

package/dist/components/EventCard/EventCard.stories.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EventCard } from './EventCard';
+import sceneThumbnail from '../../Assets/scene-thumbnail.png';
+import { BadgeGroup, LiveBadge, UserCountBadge } from '../Badges';
+import { StoryRow, StorySection } from './EventCard.stories.styled';
+const exampleAvatar = {
+    hasClaimedName: true,
+    description: '',
+    tutorialStep: 256,
+    name: 'alelevyyyy',
+    userId: '0xe3fc7040653768efb2941a6c26fdb868ed36ca99',
+    email: '',
+    ethAddress: '0xe3fc7040653768efb2941a6c26fdb868ed36ca99',
+    version: 5,
+    avatar: {
+        bodyShape: 'urn:decentraland:off-chain:base-avatars:BaseFemale',
+        wearables: [
+            'urn:decentraland:off-chain:base-avatars:black_top',
+            'urn:decentraland:off-chain:base-avatars:kilt',
+            'urn:decentraland:off-chain:base-avatars:SchoolShoes',
+            'urn:decentraland:off-chain:base-avatars:matrix_sunglasses',
+            'urn:decentraland:off-chain:base-avatars:thunder_02_earring',
+            'urn:decentraland:off-chain:base-avatars:hair_undere',
+            'urn:decentraland:off-chain:base-avatars:f_eyes_06'
+        ],
+        forceRender: [],
+        emotes: [
+            { slot: 0, urn: 'handsair' },
+            { slot: 1, urn: 'wave' },
+            { slot: 2, urn: 'fistpump' },
+            { slot: 3, urn: 'dance' },
+            { slot: 4, urn: 'raiseHand' },
+            { slot: 5, urn: 'clap' },
+            { slot: 6, urn: 'money' },
+            { slot: 7, urn: 'kiss' },
+            { slot: 8, urn: 'headexplode' },
+            { slot: 9, urn: 'shrug' }
+        ],
+        snapshots: {
+            face256: 'https://profile-images.decentraland.org/entities/bafkreietha7mzh7q3lk4j236vut2znwqhbiapihg46p6yrv3j4lbwlzd34/face.png',
+            body: 'https://profile-images.decentraland.org/entities/bafkreietha7mzh7q3lk4j236vut2znwqhbiapihg46p6yrv3j4lbwlzd34/body.png'
+        },
+        eyes: { color: { r: 0.2235294133424759, g: 0.48627451062202454, b: 0.6901960968971252 } },
+        hair: { color: { r: 0.32549020648002625, g: 0.2352941334247589, b: 0.1764705926179886 } },
+        skin: { color: { r: 0.9490196108818054, g: 0.7607843279838562, b: 0.6470588445663452 } }
+    },
+    blocked: [],
+    interests: [],
+    hasConnectedWeb3: true,
+    country: '',
+    employmentStatus: '',
+    gender: '',
+    pronouns: '',
+    relationshipStatus: '',
+    sexualOrientation: '',
+    language: '',
+    profession: '',
+    realName: '',
+    hobbies: '',
+    birthdate: 0,
+    links: []
+};
+const meta = {
+    title: 'Decentraland UI/Cards/Event Card',
+    component: EventCard,
+    parameters: {
+        layout: 'padded'
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        image: {
+            description: 'Image URL',
+            control: 'text'
+        }
+    }
+};
+const Default = {
+    render: () => (_jsx(EventCard, { image: sceneThumbnail, sceneName: "Event Title", coordinates: "24,24", avatar: exampleAvatar, withShadow: true, leftBadge: _jsxs(BadgeGroup, { children: [_jsx(LiveBadge, {}), _jsx(UserCountBadge, { count: 24 })] }), leftBadgeTransparent: true }))
+};
+const WithRedirectToAuth = {
+    render: () => (_jsx(EventCard, { image: sceneThumbnail, sceneName: "Event With Auth Redirect", coordinates: "24,24", avatar: exampleAvatar, withShadow: true, leftBadge: _jsxs(BadgeGroup, { children: [_jsx(LiveBadge, {}), _jsx(UserCountBadge, { count: 24 })] }), leftBadgeTransparent: true, redirectToAuth: true }))
+};
+const OneCard = {
+    render: () => (_jsx(StoryRow, { children: _jsx(EventCard, { image: sceneThumbnail, sceneName: "Single Event Card", coordinates: "24,24", avatar: exampleAvatar, withShadow: true, leftBadge: _jsxs(BadgeGroup, { children: [_jsx(LiveBadge, {}), _jsx(UserCountBadge, { count: 24 })] }), leftBadgeTransparent: true }) }))
+};
+const TwoCards = {
+    render: () => (_jsxs(StoryRow, { children: [_jsx(EventCard, { image: sceneThumbnail, sceneName: "Live Music Festival", coordinates: "24,24", avatar: exampleAvatar, withShadow: true, leftBadge: _jsxs(BadgeGroup, { children: [_jsx(LiveBadge, {}), _jsx(UserCountBadge, { count: 24 })] }), leftBadgeTransparent: true }), _jsx(EventCard, { image: sceneThumbnail, sceneName: "Art Gallery Opening", coordinates: "10,15", avatar: exampleAvatar, withShadow: true, leftBadge: _jsx(UserCountBadge, { count: 12 }), leftBadgeTransparent: true })] }))
+};
+const ThreeCards = {
+    render: () => (_jsxs(StoryRow, { children: [_jsx(EventCard, { image: sceneThumbnail, sceneName: "Live Music Festival", coordinates: "24,24", avatar: exampleAvatar, withShadow: true, leftBadge: _jsxs(BadgeGroup, { children: [_jsx(LiveBadge, {}), _jsx(UserCountBadge, { count: 24 })] }), leftBadgeTransparent: true }), _jsx(EventCard, { image: sceneThumbnail, sceneName: "Art Gallery Opening", coordinates: "10,15", avatar: exampleAvatar, withShadow: true, leftBadge: _jsx(UserCountBadge, { count: 12 }), leftBadgeTransparent: true }), _jsx(EventCard, { image: sceneThumbnail, sceneName: "Upcoming Community Meetup", coordinates: "0,0", avatar: exampleAvatar, withShadow: true })] }))
+};
+const CardQuantities = {
+    render: () => (_jsxs(StorySection, { children: [_jsx(StoryRow, { children: _jsx(EventCard, { image: sceneThumbnail, sceneName: "Single Card", coordinates: "24,24", avatar: exampleAvatar, withShadow: true, leftBadge: _jsxs(BadgeGroup, { children: [_jsx(LiveBadge, {}), _jsx(UserCountBadge, { count: 24 })] }), leftBadgeTransparent: true }) }), _jsxs(StoryRow, { children: [_jsx(EventCard, { image: sceneThumbnail, sceneName: "Two Cards - First", coordinates: "24,24", avatar: exampleAvatar, withShadow: true, leftBadge: _jsxs(BadgeGroup, { children: [_jsx(LiveBadge, {}), _jsx(UserCountBadge, { count: 24 })] }), leftBadgeTransparent: true }), _jsx(EventCard, { image: sceneThumbnail, sceneName: "Two Cards - Second", coordinates: "10,15", avatar: exampleAvatar, withShadow: true, leftBadge: _jsx(UserCountBadge, { count: 12 }), leftBadgeTransparent: true })] }), _jsxs(StoryRow, { children: [_jsx(EventCard, { image: sceneThumbnail, sceneName: "Three Cards - First", coordinates: "24,24", avatar: exampleAvatar, withShadow: true, leftBadge: _jsxs(BadgeGroup, { children: [_jsx(LiveBadge, {}), _jsx(UserCountBadge, { count: 24 })] }), leftBadgeTransparent: true }), _jsx(EventCard, { image: sceneThumbnail, sceneName: "Three Cards - Second", coordinates: "10,15", avatar: exampleAvatar, withShadow: true, leftBadge: _jsx(UserCountBadge, { count: 12 }), leftBadgeTransparent: true }), _jsx(EventCard, { image: sceneThumbnail, sceneName: "Three Cards - Third", coordinates: "0,0", avatar: exampleAvatar, withShadow: true })] })] }))
+};
+const Multiline = {
+    render: () => (_jsxs(StoryRow, { children: [_jsx(EventCard, { image: sceneThumbnail, sceneName: "Short Title", coordinates: "24,24", avatar: exampleAvatar, withShadow: true, leftBadge: _jsxs(BadgeGroup, { children: [_jsx(LiveBadge, {}), _jsx(UserCountBadge, { count: 24 })] }), leftBadgeTransparent: true }), _jsx(EventCard, { image: sceneThumbnail, sceneName: "This Is A Much Longer Event Title That Wraps To Two Lines", coordinates: "10,15", avatar: exampleAvatar, withShadow: true, leftBadge: _jsxs(BadgeGroup, { children: [_jsx(LiveBadge, {}), _jsx(UserCountBadge, { count: 8 })] }), leftBadgeTransparent: true })] }))
+};
+// eslint-disable-next-line import/no-default-export
+export default meta;
+export { Default, WithRedirectToAuth, OneCard, TwoCards, ThreeCards, CardQuantities, Multiline };
+//# sourceMappingURL=EventCard.stories.js.map

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

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

package/dist/components/EventCard/EventCard.stories.styled.d.ts

@@ -0,0 +1,7 @@
+declare const StorySection: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const StoryRow: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export { StoryRow, StorySection };

package/dist/components/EventCard/EventCard.stories.styled.js

@@ -0,0 +1,15 @@
+import { Box, styled } from '@mui/material';
+const StorySection = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: theme.spacing(4),
+    width: '100%'
+}));
+const StoryRow = styled(Box)(({ theme }) => ({
+    display: 'grid',
+    gridTemplateColumns: 'repeat(auto-fit, minmax(400px, 1fr))',
+    gap: theme.spacing(3),
+    width: '100%'
+}));
+export { StoryRow, StorySection };
+//# sourceMappingURL=EventCard.stories.styled.js.map

package/dist/components/EventCard/EventCard.stories.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventCard.stories.styled.js","sourceRoot":"","sources":["../../../src/components/EventCard/EventCard.stories.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACrB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC,CAAA;AAEH,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3C,OAAO,EAAE,MAAM;IACf,mBAAmB,EAAE,sCAAsC;IAC3D,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACrB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC,CAAA;AAEH,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAA"}

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

@@ -0,0 +1,59 @@
+declare const EventCardContainer: import("@emotion/styled").StyledComponent<import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "elevation" | "className" | "style" | "classes" | "children" | "square" | "sx" | "variant" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    withShadow?: boolean;
+}, {}, {}>;
+declare const EventCardActionArea: import("@emotion/styled").StyledComponent<import("@mui/material").CardActionAreaOwnProps & 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "disabled" | "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const EventMediaContainer: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const EventCardMedia: import("@emotion/styled").StyledComponent<import("@mui/material").CardMediaOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "image" | "src"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    imageHeight?: number;
+    hoverHeight?: number;
+}, {}, {}>;
+declare const EventCardContent: import("@emotion/styled").StyledComponent<import("@mui/material").CardContentOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const BadgesContainer: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const LeftBadge: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    transparent?: boolean;
+}, {}, {}>;
+declare const SceneTitle: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const ContentContainer: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const AvatarContainer: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const AvatarTextContainer: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const AvatarLink: import("@emotion/styled").StyledComponent<import("@mui/material").LinkOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement> | 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" | "TypographyClasses" | "underline"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const AvatarAndLocationRow: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const LocationChipContainer: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const LocationChip: import("@emotion/styled").StyledComponent<import("@mui/material").ChipOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "disabled" | "icon" | "color" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "label" | "tabIndex" | "size" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const JumpInButtonContainer: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+declare const SceneInfoContainer: 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export { AvatarAndLocationRow, AvatarContainer, AvatarLink, AvatarTextContainer, BadgesContainer, ContentContainer, EventCardActionArea, EventCardContainer, EventCardContent, EventCardMedia, EventMediaContainer, JumpInButtonContainer, LeftBadge, LocationChip, LocationChipContainer, SceneInfoContainer, SceneTitle };