@apify/ui-library 0.51.6-featurepublishuilibrary-0a4729.38266

package/dist/src/components/text/heading_marketing.jsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import styled from 'styled-components';
+import { theme } from '../../design_system/theme';
+import { TextBaseComponent } from './text_base';
+;
+const HEADING_MARKETING_DEFAULT_ELEMENTS = {
+    titleXs: 'h6',
+    titleS: 'h5',
+    titleM: 'h4',
+    titleL: 'h3',
+    titleXl: 'h2',
+    title2xl: 'h1',
+    title3xl: 'h1',
+};
+const StyledHeadingMarketing = styled(TextBaseComponent) `
+    ${(props) => `
+        ${theme.typography.marketing.mobile[props.$type || 'titleL']}
+
+         @media (${theme.device.tablet}) {
+            ${theme.typography.marketing.tablet[props.$type || 'titleL']}
+        }
+
+        @media (${theme.device.desktop}) {
+            ${theme.typography.marketing.desktop[props.$type || 'titleL']}
+        }
+    `}
+`;
+export const HeadingMarketing = ({ type, as, ...rest }) => {
+    return (<StyledHeadingMarketing $type={type} forwardedAs={as || HEADING_MARKETING_DEFAULT_ELEMENTS[type || 'titleL']} m='none' {...rest}/>);
+};
+//# sourceMappingURL=heading_marketing.jsx.map

package/dist/src/components/text/heading_marketing.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading_marketing.jsx","sourceRoot":"","sources":["../../../../src/components/text/heading_marketing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAM/C,CAAC;AAKF,MAAM,kCAAkC,GAA+C;IACnF,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;CACjB,CAAC;AAEF,MAAM,sBAAsB,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAA6B;MAC/E,CAAC,KAAK,EAAE,EAAE,CAAC;UACP,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC;;mBAEjD,KAAK,CAAC,MAAM,CAAC,MAAM;cACxB,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC;;;kBAGtD,KAAK,CAAC,MAAM,CAAC,OAAO;cACxB,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC;;KAEpE;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAC9D,IAAI,EACJ,EAAE,EACF,GAAG,IAAI,EACV,EAAE,EAAE;IACD,OAAO,CACH,CAAC,sBAAsB,CACnB,KAAK,CAAC,CAAC,IAAI,CAAC,CACZ,WAAW,CAAC,CAAC,EAAE,IAAI,kCAAkC,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC,CACxE,CAAC,CAAC,MAAM,CACR,IAAI,IAAI,CAAC,EACX,CACL,CAAC;AACN,CAAC,CAAC"}

package/dist/src/components/text/heading_shared.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { TextBaseProps } from './text_base';
+type HeadingSharedType = 'titleXs' | 'titleS' | 'titleM' | 'titleL' | 'titleXl' | 'title2xl' | 'title3xl';
+interface HeadingSharedTransientProps {
+    type?: HeadingSharedType;
+}
+export type HeadingSharedProps = HeadingSharedTransientProps & TextBaseProps;
+declare const HeadingShared: React.FC<HeadingSharedProps>;
+export default HeadingShared;
+//# sourceMappingURL=heading_shared.d.ts.map

package/dist/src/components/text/heading_shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading_shared.d.ts","sourceRoot":"","sources":["../../../../src/components/text/heading_shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,KAAK,iBAAiB,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAE1G,UAAU,2BAA2B;IACjC,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAGD,MAAM,MAAM,kBAAkB,GAAG,2BAA2B,GAAG,aAAa,CAAC;AA0B7E,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAa/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/src/components/text/heading_shared.jsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import styled from 'styled-components';
+import { theme } from '../../design_system/theme';
+import { TextBaseComponent } from './text_base';
+;
+const HEADING_SHARED_DEFAULT_ELEMENTS = {
+    titleXs: 'h6',
+    titleS: 'h5',
+    titleM: 'h4',
+    titleL: 'h3',
+    titleXl: 'h2',
+    title2xl: 'h1',
+    title3xl: 'h1',
+};
+const StyledHeadingShared = styled(TextBaseComponent) `
+    ${(props) => `
+        ${theme.typography.shared.mobile[props.$type || 'titleL']}
+
+        @media (${theme.device.tablet}) {
+            ${theme.typography.shared.tablet[props.$type || 'titleL']}
+        }
+
+        @media (${theme.device.desktop}) {
+            ${theme.typography.shared.desktop[props.$type || 'titleL']}
+        }
+    `}
+`;
+const HeadingShared = ({ type, as, ...rest }) => {
+    return (<StyledHeadingShared $type={type} forwardedAs={as || HEADING_SHARED_DEFAULT_ELEMENTS[type || 'titleL']} m='none' {...rest}/>);
+};
+export default HeadingShared;
+//# sourceMappingURL=heading_shared.jsx.map

package/dist/src/components/text/heading_shared.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading_shared.jsx","sourceRoot":"","sources":["../../../../src/components/text/heading_shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAM/C,CAAC;AAKF,MAAM,+BAA+B,GAA4C;IAC7E,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,IAAI;CACjB,CAAC;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAA0B;MACzE,CAAC,KAAK,EAAE,EAAE,CAAC;UACP,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC;;kBAE/C,KAAK,CAAC,MAAM,CAAC,MAAM;cACvB,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC;;;kBAGnD,KAAK,CAAC,MAAM,CAAC,OAAO;cACxB,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC;;KAEjE;CACJ,CAAC;AAEF,MAAM,aAAa,GAAiC,CAAC,EACjD,IAAI,EACJ,EAAE,EACF,GAAG,IAAI,EACV,EAAE,EAAE;IACD,OAAO,CACH,CAAC,mBAAmB,CAChB,KAAK,CAAC,CAAC,IAAI,CAAC,CACZ,WAAW,CAAC,CAAC,EAAE,IAAI,+BAA+B,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC,CACrE,CAAC,CAAC,MAAM,CACR,IAAI,IAAI,CAAC,EACX,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/src/components/text/index.d.ts

@@ -0,0 +1,12 @@
+import HeadingShared from './heading_shared';
+import type { SharedTextProps } from './text_shared';
+import TextShared from './text_shared';
+export * from './text_base';
+export * from './text_content';
+export * from './text_marketing';
+export * from './heading_content';
+export * from './heading_marketing';
+export { TextShared as Text, // Shared typography is the default
+HeadingShared as Heading, };
+export type { SharedTextProps, };
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EACH,UAAU,IAAI,IAAI,EAAE,mCAAmC;AACvD,aAAa,IAAI,OAAO,GAC3B,CAAC;AAEF,YAAY,EACR,eAAe,GAClB,CAAC"}

package/dist/src/components/text/index.js

@@ -0,0 +1,11 @@
+import HeadingShared from './heading_shared';
+import TextShared from './text_shared';
+export * from './text_base';
+export * from './text_content';
+export * from './text_marketing';
+export * from './heading_content';
+export * from './heading_marketing';
+export { TextShared as Text, // Shared typography is the default
+HeadingShared as Heading, // Shared typography is the default
+ };
+//# sourceMappingURL=index.js.map

package/dist/src/components/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EACH,UAAU,IAAI,IAAI,EAAE,mCAAmC;AACvD,aAAa,IAAI,OAAO,EAAE,mCAAmC;EAChE,CAAC"}

package/dist/src/components/text/text_base.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { WithTransientProps } from '../../type_utils';
+import type { BoxProps } from '../box';
+export interface TransientTextBaseProps {
+    italic?: boolean;
+    uppercase?: boolean;
+    align?: 'left' | 'right' | 'center';
+    color?: string;
+}
+export type StyledTextBaseProps = WithTransientProps<TransientTextBaseProps>;
+export type TextBaseProps = TransientTextBaseProps & BoxProps;
+export declare const TextBaseComponent: React.FC<TextBaseProps>;
+//# sourceMappingURL=text_base.d.ts.map

package/dist/src/components/text/text_base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text_base.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text_base.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,WAAW,sBAAsB;IACnC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,sBAAsB,CAAC,CAAC;AAC7E,MAAM,MAAM,aAAa,GAAG,sBAAsB,GAAG,QAAQ,CAAC;AAoB9D,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgBrD,CAAC"}

package/dist/src/components/text/text_base.jsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import styled, { css } from 'styled-components';
+import { Box } from '../box';
+;
+const StyledText = styled(Box) `
+    ${(props) => props.$italic && css `
+        font-style: italic;
+    `}
+
+    ${(props) => props.$uppercase && css `
+        text-transform: uppercase;
+    `}
+
+    ${(props) => props.$align && css `
+        text-align: ${props.$align};
+    `}
+
+    ${(props) => props.$color && css `
+        color: ${props.$color};
+    `}
+`;
+export const TextBaseComponent = ({ italic, align, color, uppercase, as, ...rest }) => (<StyledText $italic={italic} $align={align} $color={color} $uppercase={uppercase} forwardedAs={as} {...rest}/>);
+//# sourceMappingURL=text_base.jsx.map

package/dist/src/components/text/text_base.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"text_base.jsx","sourceRoot":"","sources":["../../../../src/components/text/text_base.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIhD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAO5B,CAAC;AAKF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAqB;MAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,IAAI,GAAG,CAAA;;KAEhC;;MAEC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,IAAI,GAAG,CAAA;;KAEnC;;MAEC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,IAAI,GAAG,CAAA;sBACd,KAAK,CAAC,MAAM;KAC7B;;MAEC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,IAAI,GAAG,CAAA;iBACnB,KAAK,CAAC,MAAM;KACxB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAA4B,CAAC,EACvD,MAAM,EACN,KAAK,EACL,KAAK,EACL,SAAS,EACT,EAAE,EACF,GAAG,IAAI,EACV,EAAE,EAAE,CAAC,CACF,CAAC,UAAU,CACP,OAAO,CAAC,CAAC,MAAM,CAAC,CAChB,MAAM,CAAC,CAAC,KAAK,CAAC,CACd,MAAM,CAAC,CAAC,KAAK,CAAC,CACd,UAAU,CAAC,CAAC,SAAS,CAAC,CACtB,WAAW,CAAC,CAAC,EAAE,CAAC,CAChB,IAAI,IAAI,CAAC,EACX,CACL,CAAC"}

package/dist/src/components/text/text_content.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { TextBaseProps } from './text_base';
+export type ContentTextType = 'paragraph' | 'snippet';
+export type ContentTextWeight = 'normal' | 'bold';
+export interface TransientContentTextProps {
+    type?: ContentTextType;
+    weight?: ContentTextWeight;
+}
+export type ContentTextProps = TransientContentTextProps & TextBaseProps;
+export declare const TextContent: React.ForwardRefExoticComponent<ContentTextProps & React.RefAttributes<HTMLElement | undefined>>;
+//# sourceMappingURL=text_content.d.ts.map

package/dist/src/components/text/text_content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text_content.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,SAAS,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,MAAM,CAAC;AAElD,MAAM,WAAW,yBAAyB;IACtC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAGD,MAAM,MAAM,gBAAgB,GAAG,yBAAyB,GAAG,aAAa,CAAC;AA+DzE,eAAO,MAAM,WAAW,kGAoBtB,CAAC"}

package/dist/src/components/text/text_content.jsx

@@ -0,0 +1,68 @@
+import React, { forwardRef } from 'react';
+import styled, { css } from 'styled-components';
+import { theme } from '../../design_system/theme';
+import { TextBaseComponent } from './text_base';
+;
+const TEXT_SHARED_VARIANTS_CSS = {
+    paragraph: {
+        normal: css `
+            ${theme.typography.content.mobile.paragraph}
+
+            @media (min-width: ${theme.layout.tablet}) {
+                ${theme.typography.content.tablet.paragraph}
+            }
+
+            @media (min-width: ${theme.layout.desktop}) {
+                ${theme.typography.content.desktop.paragraph}
+            }
+        `,
+        bold: css `
+            ${theme.typography.content.mobile.paragraphStrong}
+
+            @media (min-width: ${theme.layout.tablet}) {
+                ${theme.typography.content.tablet.paragraphStrong}
+            }
+
+            @media (min-width: ${theme.layout.desktop}) {
+                ${theme.typography.content.desktop.paragraphStrong}
+            }
+        `,
+    },
+    snippet: {
+        normal: css `
+            ${theme.typography.content.mobile.snippet}
+
+            @media (min-width: ${theme.layout.tablet}) {
+                ${theme.typography.content.tablet.snippet}
+            }
+
+            @media (min-width: ${theme.layout.desktop}) {
+                ${theme.typography.content.desktop.snippet}
+            }
+        `,
+        bold: css `
+            ${theme.typography.content.mobile.snippetStrong}
+
+            @media (min-width: ${theme.layout.tablet}) {
+                ${theme.typography.content.tablet.snippetStrong}
+            }
+
+            @media (min-width: ${theme.layout.desktop}) {
+                ${theme.typography.content.desktop.snippetStrong}
+            }
+        `,
+    },
+};
+const StyledTextContent = styled(TextBaseComponent) `
+    ${(props) => TEXT_SHARED_VARIANTS_CSS[props.$type || 'paragraph'][props.$weight || 'normal']}
+`;
+export const TextContent = forwardRef(({ type, weight, as, ...rest }, ref) => {
+    return (<StyledTextContent $type={type} $weight={weight} forwardedAs={as || 'p'} ref={ref} 
+    // We have global CSS file that defines margins for p and h to some 'normalized' value
+    // But at the same time we want to have default margin set to 0 for Text and Headings
+    // In perfect world, all texts would be rendered using Text/Heading components and we could have 0 margin set globally
+    // Until then we have to set default 0 margin here
+    m='none' {...rest}/>);
+});
+TextContent.displayName = 'TextContent';
+//# sourceMappingURL=text_content.jsx.map

package/dist/src/components/text/text_content.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"text_content.jsx","sourceRoot":"","sources":["../../../../src/components/text/text_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAQ/C,CAAC;AAWF,MAAM,wBAAwB,GAAwB;IAClD,SAAS,EAAE;QACP,MAAM,EAAE,GAAG,CAAA;cACL,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS;;iCAEtB,KAAK,CAAC,MAAM,CAAC,MAAM;kBAClC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS;;;iCAG1B,KAAK,CAAC,MAAM,CAAC,OAAO;kBACnC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS;;SAEnD;QACD,IAAI,EAAE,GAAG,CAAA;cACH,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe;;iCAE5B,KAAK,CAAC,MAAM,CAAC,MAAM;kBAClC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe;;;iCAGhC,KAAK,CAAC,MAAM,CAAC,OAAO;kBACnC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,eAAe;;SAEzD;KACJ;IACD,OAAO,EAAE;QACL,MAAM,EAAE,GAAG,CAAA;cACL,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO;;iCAEpB,KAAK,CAAC,MAAM,CAAC,MAAM;kBAClC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO;;;iCAGxB,KAAK,CAAC,MAAM,CAAC,OAAO;kBACnC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO;;SAEjD;QACD,IAAI,EAAE,GAAG,CAAA;cACH,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa;;iCAE1B,KAAK,CAAC,MAAM,CAAC,MAAM;kBAClC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa;;;iCAG9B,KAAK,CAAC,MAAM,CAAC,OAAO;kBACnC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa;;SAEvD;KACJ;CACJ,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAwB;MACrE,CAAC,KAAK,EAAE,EAAE,CAAC,wBAAwB,CAAC,KAAK,CAAC,KAAK,IAAI,WAAW,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,QAAQ,CAAC;CAC/F,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAA4C,CAAC,EAC9E,IAAI,EACJ,MAAM,EACN,EAAE,EACF,GAAG,IAAI,EACV,EAAE,GAAG,EAAE,EAAE;IACN,OAAO,CACH,CAAC,iBAAiB,CACd,KAAK,CAAC,CAAC,IAAI,CAAC,CACZ,OAAO,CAAC,CAAC,MAAM,CAAC,CAChB,WAAW,CAAC,CAAC,EAAE,IAAI,GAAG,CAAC,CACvB,GAAG,CAAC,CAAC,GAAG,CAAC;IACT,sFAAsF;IACtF,qFAAqF;IACrF,sHAAsH;IACtH,kDAAkD;IAClD,CAAC,CAAC,MAAM,CACR,IAAI,IAAI,CAAC,EACX,CACL,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/src/components/text/text_marketing.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { TextBaseProps } from './text_base';
+export type MarketingTextSize = 'large' | 'regular' | 'small' | 'extraSmall';
+export type MarketingTextWeight = 'normal' | 'bold';
+export interface TransientMarketingTextProps {
+    size?: MarketingTextSize;
+    weight?: MarketingTextWeight;
+}
+export type MarketingTextProps = TransientMarketingTextProps & TextBaseProps;
+export declare const TextMarketing: React.ForwardRefExoticComponent<MarketingTextProps & React.RefAttributes<HTMLElement | undefined>>;
+//# sourceMappingURL=text_marketing.d.ts.map

package/dist/src/components/text/text_marketing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text_marketing.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text_marketing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,CAAC;AAC7E,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,2BAA2B;IACxC,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAChC;AAGD,MAAM,MAAM,kBAAkB,GAAG,2BAA2B,GAAG,aAAa,CAAC;AA+G7E,eAAO,MAAM,aAAa,oGAoBxB,CAAC"}

package/dist/src/components/text/text_marketing.jsx

@@ -0,0 +1,116 @@
+import React, { forwardRef } from 'react';
+import styled, { css } from 'styled-components';
+import { theme } from '../../design_system/theme';
+import { TextBaseComponent } from './text_base';
+;
+const TEXT_MARKETING_VARIANTS_CSS = {
+    large: {
+        normal: css `
+            ${theme.typography.marketing.mobile.bodyL}
+
+            @media (${theme.device.tablet}) {
+                ${theme.typography.marketing.tablet.bodyL}
+            }
+
+            @media (${theme.device.desktop}) {
+                ${theme.typography.marketing.desktop.bodyL}
+            }
+        `,
+        bold: css `
+            ${theme.typography.marketing.mobile.bodyLStrong}
+
+            @media (${theme.device.tablet}) {
+                ${theme.typography.marketing.tablet.bodyLStrong}
+            }
+
+            @media (${theme.device.desktop}) {
+                ${theme.typography.marketing.desktop.bodyLStrong}
+            }
+        `,
+    },
+    regular: {
+        normal: css `
+            ${theme.typography.marketing.mobile.bodyM}
+
+            @media (${theme.device.tablet}) {
+                ${theme.typography.marketing.tablet.bodyM}
+            }
+
+            @media (${theme.device.desktop}) {
+                ${theme.typography.marketing.desktop.bodyM}
+            }
+        `,
+        bold: css `
+            ${theme.typography.marketing.mobile.bodyMStrong}
+
+            @media (${theme.device.tablet}) {
+                ${theme.typography.marketing.tablet.bodyMStrong}
+            }
+
+            @media (${theme.device.desktop}) {
+                ${theme.typography.marketing.desktop.bodyMStrong}
+            }
+        `,
+    },
+    small: {
+        normal: css `
+            ${theme.typography.marketing.mobile.bodyS}
+
+            @media (${theme.device.tablet}) {
+                ${theme.typography.marketing.tablet.bodyS}
+            }
+
+            @media (${theme.device.desktop}) {
+                ${theme.typography.marketing.desktop.bodyS}
+            }
+        `,
+        bold: css `
+            ${theme.typography.marketing.mobile.bodySStrong}
+
+            @media (${theme.device.tablet}) {
+                ${theme.typography.marketing.tablet.bodySStrong}
+            }
+
+            @media (${theme.device.desktop}) {
+                ${theme.typography.marketing.desktop.bodySStrong}
+            }
+        `,
+    },
+    extraSmall: {
+        normal: css `
+            ${theme.typography.marketing.mobile.bodyXs}
+
+            @media (${theme.device.tablet}) {
+                ${theme.typography.marketing.tablet.bodyXs}
+            }
+
+            @media (${theme.device.desktop}) {
+                ${theme.typography.marketing.desktop.bodyXs}
+            }
+        `,
+        bold: css `
+            ${theme.typography.marketing.mobile.bodyXsStrong}
+
+            @media (${theme.device.tablet}) {
+                ${theme.typography.marketing.tablet.bodyXsStrong}
+            }
+
+            @media (${theme.device.desktop}) {
+                ${theme.typography.marketing.desktop.bodyXsStrong}
+            }
+        `,
+    },
+};
+const StyledTextMarketing = styled(TextBaseComponent) `
+    ${(props) => TEXT_MARKETING_VARIANTS_CSS[props.$size || 'regular'][props.$weight || 'normal']}
+`;
+export const TextMarketing = forwardRef(({ weight, size, as, ...rest }, ref) => {
+    return (<StyledTextMarketing $weight={weight} $size={size} forwardedAs={as || 'p'} ref={ref} 
+    // We have global CSS file that defines margins for p and h to some 'normalized' value
+    // But at the same time we want to have default margin set to 0 for Text and Headings
+    // In perfect world, all texts would be rendered using Text/Heading components and we could have 0 margin set globally
+    // Until then we have to set default 0 margin here
+    m='none' {...rest}/>);
+});
+TextMarketing.displayName = 'TextMarketing';
+//# sourceMappingURL=text_marketing.jsx.map

package/dist/src/components/text/text_marketing.jsx.map

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

package/dist/src/components/text/text_shared.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { TextBaseProps } from './text_base';
+export type SharedTextType = 'body' | 'code';
+export type SharedTextSize = 'regular' | 'small' | 'big';
+export type SharedTextWeight = 'normal' | 'medium' | 'bold';
+export interface TransientSharedTextProps {
+    type?: SharedTextType;
+    size?: SharedTextSize;
+    weight?: SharedTextWeight;
+}
+export type SharedTextProps = TransientSharedTextProps & TextBaseProps;
+declare const TextShared: React.ForwardRefExoticComponent<SharedTextProps & React.RefAttributes<HTMLElement | undefined>>;
+export default TextShared;
+//# sourceMappingURL=text_shared.d.ts.map

package/dist/src/components/text/text_shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text_shared.d.ts","sourceRoot":"","sources":["../../../../src/components/text/text_shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,CAAC;AAC7C,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;AACzD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5D,MAAM,WAAW,wBAAwB;IACrC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC7B;AAGD,MAAM,MAAM,eAAe,GAAG,wBAAwB,GAAG,aAAa,CAAC;AAmDvE,QAAA,MAAM,UAAU,iGAsBd,CAAC;AAGH,eAAe,UAAU,CAAC"}

package/dist/src/components/text/text_shared.jsx

@@ -0,0 +1,55 @@
+import React, { forwardRef } from 'react';
+import styled from 'styled-components';
+import { theme } from '../../design_system/theme';
+import { TextBaseComponent } from './text_base';
+;
+const TEXT_SHARED_VARIANTS_CSS = {
+    body: {
+        regular: {
+            normal: theme.typography.shared.tablet.bodyM,
+            medium: theme.typography.shared.tablet.bodyMMedium,
+            bold: theme.typography.shared.tablet.bodyMStrong,
+        },
+        small: {
+            normal: theme.typography.shared.tablet.bodyS,
+            medium: theme.typography.shared.tablet.bodySMedium,
+            bold: theme.typography.shared.tablet.bodySStrong,
+        },
+        big: {
+            normal: theme.typography.shared.tablet.bodyL,
+            medium: theme.typography.shared.tablet.bodyLMedium,
+            bold: theme.typography.shared.tablet.bodyLStrong,
+        },
+    },
+    code: {
+        regular: {
+            normal: theme.typography.shared.tablet.codeM,
+            medium: theme.typography.shared.tablet.codeMMedium,
+            bold: theme.typography.shared.tablet.codeMStrong,
+        },
+        small: {
+            normal: theme.typography.shared.tablet.codeS,
+            medium: theme.typography.shared.tablet.codeSMedium,
+            bold: theme.typography.shared.tablet.codeSStrong,
+        },
+        big: {
+            normal: theme.typography.shared.tablet.codeL,
+            medium: theme.typography.shared.tablet.codeLMedium,
+            bold: theme.typography.shared.tablet.codeLStrong,
+        },
+    },
+};
+const StyledTextShared = styled(TextBaseComponent) `
+    ${(props) => TEXT_SHARED_VARIANTS_CSS[props.$type || 'body'][props.$size || 'regular'][props.$weight || 'normal']}
+`;
+const TextShared = forwardRef(({ type, size, weight, as, ...rest }, ref) => {
+    return (<StyledTextShared $type={type} $size={size} $weight={weight} forwardedAs={as || 'p'} ref={ref} 
+    // We have global CSS file that defines margins for p and h to some 'normalized' value
+    // But at the same time we want to have default margin set to 0 for Text and Headings
+    // In perfect world, all texts would be rendered using Text/Heading components and we could have 0 margin set globally
+    // Until then we have to set default 0 margin here
+    m='none' {...rest}/>);
+});
+TextShared.displayName = 'TextShared';
+export default TextShared;
+//# sourceMappingURL=text_shared.jsx.map

package/dist/src/components/text/text_shared.jsx.map

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

package/dist/src/components/tile/horizontal_tile.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { TileSharedProps } from './shared';
+interface HorizontalTileProps extends TileSharedProps {
+    icon?: React.ReactNode;
+    action?: React.ReactNode;
+}
+export declare const HorizontalTile: React.FC<HorizontalTileProps>;
+export {};
+//# sourceMappingURL=horizontal_tile.d.ts.map

package/dist/src/components/tile/horizontal_tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal_tile.d.ts","sourceRoot":"","sources":["../../../../src/components/tile/horizontal_tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EACR,eAAe,EACA,MAAM,UAAU,CAAC;AAMpC,UAAU,mBAAoB,SAAQ,eAAe;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAwCD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoBxD,CAAC"}

package/dist/src/components/tile/horizontal_tile.jsx

@@ -0,0 +1,43 @@
+import React from 'react';
+import styled from 'styled-components';
+import { theme } from '../../design_system/theme';
+import { TILE_SIZES, tileStyle, } from './shared';
+const WrapperClasses = {
+    TILE_CONTENT: 'Tile-Content',
+};
+const StyledTileWrapper = styled.div `
+    ${tileStyle}
+    padding: ${({ $size }) => ($size === TILE_SIZES.SMALL ? theme.space.space16 : theme.space.space24)};
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+
+    cursor: pointer;
+    transition: box-shadow ${theme.transition.smoothEaseOut},
+        background-color ${theme.transition.smoothEaseOut},
+        border-color ${theme.transition.smoothEaseOut};
+
+    &:hover {
+        box-shadow: ${theme.shadow.shadow1};
+        background-color: ${theme.color.neutral.hover};
+    }
+
+    &:active,
+    &:focus {
+        border-color: ${theme.color.primary.action};
+    }
+
+    ${({ $hasIcon }) => $hasIcon && `gap: ${theme.space.space8};`}
+
+    .${WrapperClasses.TILE_CONTENT} {
+        flex-grow: 1;
+    }
+`;
+export const HorizontalTile = ({ content, icon, action, size = TILE_SIZES.SMALL, onClick, ...otherProps }) => {
+    return (<StyledTileWrapper $hasIcon={!!icon} $size={size} onClick={onClick} {...otherProps}>
+            <div>{icon}</div>
+            <div className={WrapperClasses.TILE_CONTENT}>{content}</div>
+            <div>{action}</div>
+        </StyledTileWrapper>);
+};
+//# sourceMappingURL=horizontal_tile.jsx.map

package/dist/src/components/tile/horizontal_tile.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal_tile.jsx","sourceRoot":"","sources":["../../../../src/components/tile/horizontal_tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAIlD,OAAO,EACH,UAAU,EACV,SAAS,GACZ,MAAM,UAAU,CAAC;AAYlB,MAAM,cAAc,GAAG;IACnB,YAAY,EAAE,cAAc;CAC/B,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAwB;MACtD,SAAS;eACA,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;;;;;;6BAMzE,KAAK,CAAC,UAAU,CAAC,aAAa;2BAChC,KAAK,CAAC,UAAU,CAAC,aAAa;uBAClC,KAAK,CAAC,UAAU,CAAC,aAAa;;;sBAG/B,KAAK,CAAC,MAAM,CAAC,OAAO;4BACd,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK;;;;;wBAK7B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;;;MAG5C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG;;OAE1D,cAAc,CAAC,YAAY;;;CAGjC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC1D,OAAO,EACP,IAAI,EACJ,MAAM,EACN,IAAI,GAAG,UAAU,CAAC,KAAK,EACvB,OAAO,EACP,GAAG,UAAU,EAChB,EAAE,EAAE;IACD,OAAO,CACH,CAAC,iBAAiB,CACd,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CACjB,KAAK,CAAC,CAAC,IAAI,CAAC,CACZ,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,UAAU,CAAC,CAEf;YAAA,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAChB;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,CAC3D;YAAA,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,CACtB;QAAA,EAAE,iBAAiB,CAAC,CACvB,CAAC;AACN,CAAC,CAAC"}

package/dist/src/components/tile/index.d.ts

@@ -0,0 +1,3 @@
+export * from './horizontal_tile';
+export * from './vertical_tile';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/tile/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tile/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC"}

package/dist/src/components/tile/index.js

@@ -0,0 +1,3 @@
+export * from './horizontal_tile';
+export * from './vertical_tile';
+//# sourceMappingURL=index.js.map

package/dist/src/components/tile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tile/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC"}

package/dist/src/components/tile/shared.d.ts

@@ -0,0 +1,17 @@
+export declare const TILE_SIZES: {
+    SMALL: string;
+    LARGE: string;
+};
+export type TileSizesType = typeof TILE_SIZES[keyof typeof TILE_SIZES];
+export declare const tileStyle: import("styled-components").FlattenSimpleInterpolation;
+export type TileSharedProps = {
+    content: React.ReactNode;
+    size?: TileSizesType;
+    isClickable?: boolean;
+    onClick?: () => void;
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    as?: React.ElementType;
+};
+//# sourceMappingURL=shared.d.ts.map

package/dist/src/components/tile/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/components/tile/shared.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;CAGtB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,OAAO,UAAU,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEvE,eAAO,MAAM,SAAS,wDAIrB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC1B,CAAC"}

package/dist/src/components/tile/shared.js

@@ -0,0 +1,12 @@
+import { css } from 'styled-components';
+import { theme } from '../../design_system/theme';
+export const TILE_SIZES = {
+    SMALL: 'S',
+    LARGE: 'L',
+};
+export const tileStyle = css `
+    background-color: ${theme.color.neutral.background};
+    border: 1px solid ${theme.color.neutral.border};
+    border-radius: ${theme.radius.radius12};
+`;
+//# sourceMappingURL=shared.js.map

package/dist/src/components/tile/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../../src/components/tile/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,KAAK,EAAE,GAAG;IACV,KAAK,EAAE,GAAG;CACb,CAAC;AAIF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;wBACJ,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;wBAC9B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;qBAC7B,KAAK,CAAC,MAAM,CAAC,QAAQ;CACzC,CAAC"}

package/dist/src/components/tile/vertical_tile.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { TileSharedProps } from './shared';
+interface HorizontalTileProps extends TileSharedProps {
+    content: React.ReactNode;
+    icon?: React.ReactNode;
+    action?: React.ReactNode;
+}
+export declare const VerticalTile: React.FC<HorizontalTileProps>;
+export {};
+//# sourceMappingURL=vertical_tile.d.ts.map

package/dist/src/components/tile/vertical_tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical_tile.d.ts","sourceRoot":"","sources":["../../../../src/components/tile/vertical_tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EACR,eAAe,EACA,MAAM,UAAU,CAAC;AAMpC,UAAU,mBAAoB,SAAQ,eAAe;IACjD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AA8BD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAWtD,CAAC"}