@apify/ui-library 1.148.0 → 1.148.1-featuremigrateapifyuilibrary-48563e.21

package/dist/components/text/heading_content.js

@@ -0,0 +1,40 @@
+import { theme } from "../../design_system/theme.js";
+import { TextBaseComponent } from "./text_base.js";
+import styled, { css } from "styled-components";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/text/heading_content.tsx
+var getContentHeadingStyles = (headingType) => css`
+    ${theme.typography.content.mobile[headingType]}
+
+    @media (min-width: ${theme.layout.tablet}) {
+        ${theme.typography.content.tablet[headingType]}
+    }
+
+    @media (min-width: ${theme.layout.desktop}) {
+        ${theme.typography.content.desktop[headingType]}
+    }
+`;
+var HEADING_CONTENT_DEFAULT_ELEMENTS = {
+	heading1: "h1",
+	heading2: "h2",
+	heading3: "h3",
+	heading4: "h4",
+	heading5: "h5",
+	heading6: "h6"
+};
+var StyledHeadingContent = styled(TextBaseComponent)`
+    ${(props) => getContentHeadingStyles(props.$type || "heading1")}
+`;
+/**
+* @deprecated Use Heading or HeadingMarketing from ui-library
+*/
+var HeadingContent = ({ type, as, ...rest }) => {
+	return /* @__PURE__ */ jsx(StyledHeadingContent, {
+		$type: type,
+		forwardedAs: as || HEADING_CONTENT_DEFAULT_ELEMENTS[type || "heading1"],
+		m: "none",
+		...rest
+	});
+};
+//#endregion
+export { HeadingContent };

package/dist/components/text/heading_marketing.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { TextBaseProps } from './text_base';
+type HeadingMarketingType = 'titleXs' | 'titleS' | 'titleM' | 'titleMl' | 'titleL' | 'titleXl' | 'title2xl' | 'title3xl';
+interface HeadingMarketingTransientProps {
+    type?: HeadingMarketingType;
+}
+export type HeadingMarketingProps = HeadingMarketingTransientProps & TextBaseProps;
+export declare const HeadingMarketing: React.FC<HeadingMarketingProps>;
+export {};
+//# sourceMappingURL=heading_marketing.d.ts.map

package/dist/components/text/heading_marketing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading_marketing.d.ts","sourceRoot":"","sources":["../../../src/components/text/heading_marketing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,KAAK,oBAAoB,GACnB,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,SAAS,GACT,UAAU,GACV,UAAU,CAAC;AAEjB,UAAU,8BAA8B;IACpC,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAGD,MAAM,MAAM,qBAAqB,GAAG,8BAA8B,GAAG,aAAa,CAAC;AA2BnF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAS5D,CAAC"}

package/dist/components/text/heading_marketing.js

@@ -0,0 +1,38 @@
+import { theme } from "../../design_system/theme.js";
+import { TextBaseComponent } from "./text_base.js";
+import styled from "styled-components";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/text/heading_marketing.tsx
+var HEADING_MARKETING_DEFAULT_ELEMENTS = {
+	titleXs: "h6",
+	titleS: "h5",
+	titleM: "h4",
+	titleMl: "h4",
+	titleL: "h3",
+	titleXl: "h2",
+	title2xl: "h1",
+	title3xl: "h1"
+};
+var 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"]}
+        }
+    `}
+`;
+var HeadingMarketing = ({ type, as, ...rest }) => {
+	return /* @__PURE__ */ jsx(StyledHeadingMarketing, {
+		$type: type,
+		forwardedAs: as || HEADING_MARKETING_DEFAULT_ELEMENTS[type || "titleL"],
+		m: "none",
+		...rest
+	});
+};
+//#endregion
+export { HeadingMarketing };

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

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

package/dist/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,KAAK,MAAM,OAAO,CAAC;AAK/B,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,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAStD,CAAC"}

package/dist/components/text/heading_shared.js

@@ -0,0 +1,37 @@
+import { theme } from "../../design_system/theme.js";
+import { TextBaseComponent } from "./text_base.js";
+import styled from "styled-components";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/text/heading_shared.tsx
+var HEADING_SHARED_DEFAULT_ELEMENTS = {
+	titleXs: "h6",
+	titleS: "h5",
+	titleM: "h4",
+	titleL: "h3",
+	titleXl: "h2",
+	title2xl: "h1",
+	title3xl: "h1"
+};
+var 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"]}
+        }
+    `}
+`;
+var HeadingShared = ({ type, as, ...rest }) => {
+	return /* @__PURE__ */ jsx(StyledHeadingShared, {
+		$type: type,
+		forwardedAs: as || HEADING_SHARED_DEFAULT_ELEMENTS[type || "titleL"],
+		m: "none",
+		...rest
+	});
+};
+//#endregion
+export { HeadingShared };

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

@@ -0,0 +1,14 @@
+import { HeadingShared } from './heading_shared';
+import { SharedTextProps, SHARED_TEXT_TYPES, 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
+SHARED_TEXT_TYPES, TextShared, };
+export type { SharedTextProps };
+export type { SharedTextSize, SharedTextType } from './text_shared';
+export type { HeadingSharedProps } from './heading_shared';
+//# sourceMappingURL=index.d.ts.map

package/dist/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,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE9D,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;AAC7D,iBAAiB,EACjB,UAAU,GACb,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,CAAC;AAChC,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpE,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { WithTransientProps } from '../../type_utils';
+import { 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/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,KAAK,MAAM,OAAO,CAAC;AAG/B,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,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpC,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;AA4B9D,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAErD,CAAC"}

package/dist/components/text/text_base.js

@@ -0,0 +1,31 @@
+import { Box } from "../box/box.js";
+import styled, { css } from "styled-components";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/text/text_base.tsx
+var 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};
+        `}
+`;
+var TextBaseComponent = ({ italic, align, color, uppercase, as, ...rest }) => /* @__PURE__ */ jsx(StyledText, {
+	$italic: italic,
+	$align: align,
+	$color: color,
+	$uppercase: uppercase,
+	forwardedAs: as,
+	...rest
+});
+//#endregion
+export { TextBaseComponent };

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

@@ -0,0 +1,13 @@
+import { 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;
+/**
+ * @deprecated Use Text or TextMarketing from ui-library
+ */
+export declare const TextContent: import('react').ForwardRefExoticComponent<ContentTextProps & import('react').RefAttributes<HTMLElement | undefined>>;
+//# sourceMappingURL=text_content.d.ts.map

package/dist/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":"AAMA,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;;GAEG;AACH,eAAO,MAAM,WAAW,sHAiBvB,CAAC"}

package/dist/components/text/text_content.js

@@ -0,0 +1,75 @@
+import { theme } from "../../design_system/theme.js";
+import { TextBaseComponent } from "./text_base.js";
+import styled, { css } from "styled-components";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/text/text_content.tsx
+var 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}
+            }
+        `
+	}
+};
+var StyledTextContent = styled(TextBaseComponent)`
+    ${(props) => TEXT_SHARED_VARIANTS_CSS[props.$type || "paragraph"][props.$weight || "normal"]}
+`;
+/**
+* @deprecated Use Text or TextMarketing from ui-library
+*/
+var TextContent = forwardRef(({ type, weight, as, ...rest }, ref) => {
+	return /* @__PURE__ */ jsx(StyledTextContent, {
+		$type: type,
+		$weight: weight,
+		forwardedAs: as || "p",
+		ref,
+		m: "none",
+		...rest
+	});
+});
+TextContent.displayName = "TextContent";
+//#endregion
+export { TextContent };

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

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

package/dist/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":"AAMA,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,QAAQ,GAAG,MAAM,CAAC;AAE/D,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;AA2J7E,eAAO,MAAM,aAAa,wHAiBzB,CAAC"}

package/dist/components/text/text_marketing.js

@@ -0,0 +1,164 @@
+import { theme } from "../../design_system/theme.js";
+import { TextBaseComponent } from "./text_base.js";
+import styled, { css } from "styled-components";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/text/text_marketing.tsx
+var 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}
+            }
+        `,
+		medium: css`
+            ${theme.typography.marketing.mobile.bodyLMedium}
+
+            @media (${theme.device.tablet}) {
+                ${theme.typography.marketing.tablet.bodyLMedium}
+            }
+
+            @media (${theme.device.desktop}) {
+                ${theme.typography.marketing.desktop.bodyLMedium}
+            }
+        `,
+		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}
+            }
+        `,
+		medium: css`
+            ${theme.typography.marketing.mobile.bodyMMedium}
+
+            @media (${theme.device.tablet}) {
+                ${theme.typography.marketing.tablet.bodyMMedium}
+            }
+
+            @media (${theme.device.desktop}) {
+                ${theme.typography.marketing.desktop.bodyMMedium}
+            }
+        `,
+		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}
+            }
+        `,
+		medium: css`
+            ${theme.typography.marketing.mobile.bodySMedium}
+
+            @media (${theme.device.tablet}) {
+                ${theme.typography.marketing.tablet.bodySMedium}
+            }
+
+            @media (${theme.device.desktop}) {
+                ${theme.typography.marketing.desktop.bodySMedium}
+            }
+        `,
+		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}
+            }
+        `,
+		medium: css`
+            ${theme.typography.marketing.mobile.bodyXsMedium}
+
+            @media (${theme.device.tablet}) {
+                ${theme.typography.marketing.tablet.bodyXsMedium}
+            }
+
+            @media (${theme.device.desktop}) {
+                ${theme.typography.marketing.desktop.bodyXsMedium}
+            }
+        `,
+		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}
+            }
+        `
+	}
+};
+var StyledTextMarketing = styled(TextBaseComponent)`
+    ${(props) => TEXT_MARKETING_VARIANTS_CSS[props.$size || "regular"][props.$weight || "normal"]}
+`;
+var TextMarketing = forwardRef(({ weight, size, as, ...rest }, ref) => {
+	return /* @__PURE__ */ jsx(StyledTextMarketing, {
+		$weight: weight,
+		$size: size,
+		forwardedAs: as || "p",
+		ref,
+		m: "none",
+		...rest
+	});
+});
+TextMarketing.displayName = "TextMarketing";
+//#endregion
+export { TextMarketing };

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

@@ -0,0 +1,13 @@
+import { TextBaseProps } from './text_base';
+export declare const SHARED_TEXT_TYPES: readonly ["body", "code"];
+export type SharedTextType = (typeof SHARED_TEXT_TYPES)[number];
+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;
+export declare const TextShared: import('react').ForwardRefExoticComponent<SharedTextProps & import('react').RefAttributes<HTMLElement | undefined>>;
+//# sourceMappingURL=text_shared.d.ts.map

package/dist/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":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,eAAO,MAAM,iBAAiB,2BAA4B,CAAC;AAC3D,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,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,eAAO,MAAM,UAAU,qHAkBtB,CAAC"}

package/dist/components/text/text_shared.js

@@ -0,0 +1,59 @@
+import { theme } from "../../design_system/theme.js";
+import { TextBaseComponent } from "./text_base.js";
+import styled from "styled-components";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/text/text_shared.tsx
+var SHARED_TEXT_TYPES = ["body", "code"];
+var 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
+		}
+	}
+};
+var StyledTextShared = styled(TextBaseComponent)`
+    ${(props) => TEXT_SHARED_VARIANTS_CSS[props.$type || "body"][props.$size || "regular"][props.$weight || "normal"]}
+`;
+var TextShared = forwardRef(({ type, size, weight, as, ...rest }, ref) => {
+	return /* @__PURE__ */ jsx(StyledTextShared, {
+		$type: type,
+		$size: size,
+		$weight: weight,
+		forwardedAs: as || "p",
+		ref,
+		m: "none",
+		...rest
+	});
+});
+//#endregion
+export { SHARED_TEXT_TYPES, TextShared };

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

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { 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/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,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,UAAU,CAAC;AAG/D,UAAU,mBAAoB,SAAQ,eAAe;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAyCD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAexD,CAAC"}

package/dist/components/tile/horizontal_tile.js

@@ -0,0 +1,53 @@
+import { theme } from "../../design_system/theme.js";
+import { TILE_SIZES, tileStyle } from "./shared.js";
+import styled from "styled-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/tile/horizontal_tile.tsx
+var WrapperClasses = { TILE_CONTENT: "Tile-Content" };
+var 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;
+    }
+`;
+var HorizontalTile = ({ content, icon, action, size = TILE_SIZES.SMALL, onClick, ...otherProps }) => {
+	return /* @__PURE__ */ jsxs(StyledTileWrapper, {
+		$hasIcon: !!icon,
+		$size: size,
+		onClick,
+		...otherProps,
+		children: [
+			/* @__PURE__ */ jsx("div", { children: icon }),
+			/* @__PURE__ */ jsx("div", {
+				className: WrapperClasses.TILE_CONTENT,
+				children: content
+			}),
+			/* @__PURE__ */ jsx("div", { children: action })
+		]
+	});
+};
+//#endregion
+export { HorizontalTile };

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

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

package/dist/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/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').RuleSet<object>;
+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