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

package/dist/components/tabs/tabs.js

@@ -0,0 +1,148 @@
+import { theme as e } from "../../design_system/theme.js";
+import { Box as t } from "../box/box.js";
+import { useResizeObserverSsr as n } from "../../utils/resize_observer.js";
+import { Tab as r } from "./tab.js";
+import i, { css as a } from "styled-components";
+import { createElement as o, useCallback as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/tabs/tabs.tsx
+var f = {
+	default: a`
+        align-items: flex-start;
+        gap: ${e.space.space8};
+
+        &::after {
+            bottom: 0;
+            right: 0;
+            left: 0;
+            height: 1px;
+            background-color: ${e.color.neutral.separatorSubtle};
+            border-radius: ${e.radius.radiusFull};
+            content: '';
+            display: block;
+            pointer-events: none;
+            position: absolute;
+        }
+    `,
+	boxed: a`
+        align-items: flex-end;
+
+        &::after {
+            bottom: 0;
+            right: 0;
+            left: 0;
+            height: 1px;
+            background-color: ${e.color.neutral.border};
+            content: '';
+            display: block;
+            pointer-events: none;
+            position: absolute;
+        }
+    `,
+	buttoned: a`
+        align-items: center;
+        gap: ${e.space.space4};
+    `
+}, p = i(t)`
+    height: 4rem;
+    display: flex;
+    position: relative;
+
+    [role='tablist'] {
+        min-width: 0;
+        display: flex;
+        flex-grow: 1;
+        overflow-x: auto;
+        ${({ $variant: e }) => f[e]};
+
+        /* Scrollbar */
+        -ms-overflow-style: none;
+        scrollbar-width: none;
+
+        &::-webkit-scrollbar {
+            display: none; /* Chrome, Safari, Opera */
+        }
+    }
+
+    & > [role='cell'] {
+        position: sticky;
+        top: 0;
+        height: 100%;
+        width: 0;
+        margin-left: auto;
+        opacity: 0;
+        transition: opacity ${e.transition.fastEaseOut};
+        z-index: 2;
+
+        &[aria-hidden='false'] {
+            opacity: 1;
+        }
+
+        &::after {
+            height: 100%;
+            width: ${e.space.space32};
+            content: ' ';
+            pointer-events: none;
+            position: absolute;
+        }
+
+        &:first-of-type {
+            left: 0;
+
+            &::after {
+                left: 0;
+                background: linear-gradient(90deg, ${e.color.neutral.background} 0%, rgba(255, 255, 255, 0) 100%);
+            }
+        }
+
+        &:last-of-type {
+            right: 0;
+
+            &::after {
+                right: 0;
+                background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, ${e.color.neutral.background} 100%);
+            }
+        }
+    }
+`, m = (e) => e.scrollWidth > e.clientWidth ? {
+	right: e.clientWidth + e.scrollLeft < e.scrollWidth,
+	left: e.scrollLeft > 0
+} : {
+	right: !1,
+	left: !1
+}, h = ({ variant: e = "default", tabs: t, activeTab: i, onSelect: a, ...f }) => {
+	let h = c(null), [g, _] = l();
+	n(h, (e) => _(m(e.target)));
+	let v = s((e) => {
+		_(m(e.currentTarget));
+	}, []);
+	return /* @__PURE__ */ d(p, {
+		...f,
+		"data-test": "tabs-wrapper",
+		$variant: e,
+		children: [
+			/* @__PURE__ */ u("div", {
+				role: "cell",
+				"aria-hidden": !g?.left
+			}),
+			/* @__PURE__ */ u("div", {
+				ref: h,
+				role: "tablist",
+				onScroll: v,
+				children: t.map((t) => /* @__PURE__ */ o(r, {
+					...t,
+					key: t.id,
+					variant: e,
+					active: t.id === i,
+					onSelect: a
+				}))
+			}),
+			/* @__PURE__ */ u("div", {
+				role: "cell",
+				"aria-hidden": !g?.right
+			})
+		]
+	});
+};
+//#endregion
+export { h as Tabs };

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

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

package/dist/components/tag/index.d.ts.map

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

package/dist/components/tag/tag.d.ts

@@ -0,0 +1,43 @@
+import { default as React, ForwardedRef } from 'react';
+import { IconComponent } from '@apify/ui-icons';
+import { MarginSpacingProps, RegularBoxProps } from '../box';
+import { RegularButtonProps } from '../button';
+import { RegularLinkProps } from '../link';
+import { SharedTextSize, SharedTextType } from '../text';
+type TagSize = SharedTextSize;
+export declare const TAG_SIZES: TagSize[];
+export declare const TAG_VARIANTS: readonly ["primary", "secondary", "subtle", "accent", "success", "warning", "error"];
+export type TagVariant = (typeof TAG_VARIANTS)[number];
+type TagNodeType = Extract<React.ElementType, 'a' | 'button'>;
+type TagNodePropsMap = {
+    a: {
+        element: HTMLAnchorElement;
+        props: RegularLinkProps;
+    };
+    button: {
+        element: HTMLButtonElement;
+        props: RegularButtonProps;
+    };
+};
+type SharedTagProps = Omit<RegularBoxProps, 'as'> & MarginSpacingProps;
+export type TagProps<T extends TagNodeType> = SharedTagProps & ({
+    as?: T;
+    size?: TagSize;
+    type?: SharedTextType;
+    variant?: TagVariant;
+    LeadingIcon?: IconComponent;
+    TrailingIcon?: IconComponent;
+    title?: string;
+} & Omit<TagNodePropsMap[T]['props'], 'size' | 'type'>);
+/**
+ * Component for displaying inherenly interactive chip descendant
+ */
+declare function TagWrapper<T extends TagNodeType>({ as, size, type, variant, LeadingIcon, TrailingIcon, children, ...props }: TagProps<T>, ref: ForwardedRef<TagNodePropsMap[T]['element']>): import("react/jsx-runtime").JSX.Element;
+declare namespace TagWrapper {
+    var displayName: string;
+}
+export declare const Tag: <T extends TagNodeType>(props: TagProps<T> & {
+    ref?: ForwardedRef<TagNodePropsMap[T]["element"]>;
+}) => ReturnType<typeof TagWrapper>;
+export {};
+//# sourceMappingURL=tag.d.ts.map

package/dist/components/tag/tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,YAAY,EAAc,MAAM,OAAO,CAAC;AAGtD,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAK/D,OAAO,EAAO,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEtD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAEnE,KAAK,OAAO,GAAG,cAAc,CAAC;AAC9B,eAAO,MAAM,SAAS,EAAE,OAAO,EAAgC,CAAC;AAQhE,eAAO,MAAM,YAAY,sFAAuF,CAAC;AACjH,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAEvD,KAAK,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,GAAG,QAAQ,CAAC,CAAC;AAC9D,KAAK,eAAe,GAAG;IACnB,CAAC,EAAE;QACC,OAAO,EAAE,iBAAiB,CAAC;QAC3B,KAAK,EAAE,gBAAgB,CAAC;KAC3B,CAAC;IACF,MAAM,EAAE;QACJ,OAAO,EAAE,iBAAiB,CAAC;QAC3B,KAAK,EAAE,kBAAkB,CAAC;KAC7B,CAAC;CACL,CAAC;AAEF,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,GAAG,kBAAkB,CAAC;AACvE,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,WAAW,IAAI,cAAc,GACxD,CAAC;IACG,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;AAmH5D;;GAEG;AACH,iBAAS,UAAU,CAAC,CAAC,SAAS,WAAW,EACrC,EACI,EAAE,EACF,IAAc,EACd,IAAa,EACb,OAAmB,EACnB,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,QAAQ,CAAC,CAAC,CAAC,EACd,GAAG,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,2CAkBnD;kBA7BQ,UAAU;;;AAiCnB,eAAO,MAAM,GAAG,EAA6B,CAAC,CAAC,SAAS,WAAW,EAC/D,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;CAAE,KACzE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC"}

package/dist/components/tag/tag.js

@@ -0,0 +1,154 @@
+import { theme as e } from "../../design_system/theme.js";
+import { Box as t } from "../box/box.js";
+import { TextShared as n } from "../text/text_shared.js";
+import { Link as r } from "../link/link.js";
+import i, { css as a } from "styled-components";
+import { forwardRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/tag/tag.tsx
+var l = [
+	"big",
+	"regular",
+	"small"
+], u = {
+	big: "20",
+	regular: "16",
+	small: "12"
+}, d = [
+	"primary",
+	"secondary",
+	"subtle",
+	"accent",
+	"success",
+	"warning",
+	"error"
+], f = {
+	big: a`
+        height: 4rem;
+        padding: ${e.space.space8} ${e.space.space12};
+        border-radius: ${e.radius.radius12};
+    `,
+	regular: a`
+        height: 2.8rem;
+        padding: ${e.space.space4} ${e.space.space8};
+        border-radius: ${e.radius.radius8};
+    `,
+	small: a`
+        height: 2rem;
+        padding: ${e.space.space2} ${e.space.space6};
+        border-radius: ${e.radius.radius4};
+
+        &:has(> svg:last-child:nth-child(1)) {
+            padding: ${e.space.space2} ${e.space.space4};
+        }
+    `
+}, p = {
+	primary: a`
+        color: ${e.color.neutral.text};
+        fill: ${e.color.neutral.icon};
+        background: transparent;
+        box-shadow: inset 0 0 0 1px ${e.color.neutral.border};
+
+        &:hover {
+            background: ${e.color.neutral.hover};
+        }
+    `,
+	secondary: a`
+        color: ${e.color.neutral.text};
+        fill: ${e.color.neutral.icon};
+        background: transparent;
+
+        &:hover {
+            background: ${e.color.neutral.hover};
+        }
+    `,
+	subtle: a`
+        color: ${e.color.neutral.text};
+        fill: ${e.color.neutral.icon};
+        background: ${e.color.neutral.backgroundSubtle};
+
+        &:hover {
+            background: ${e.color.neutral.hover};
+        }
+    `,
+	accent: a`
+        color: ${e.color.primary.chipText};
+        fill: ${e.color.primary.chipText};
+        background: ${e.color.primary.background};
+
+        &:hover {
+            background: ${e.color.primary.backgroundHover};
+        }
+    `,
+	success: a`
+        color: ${e.color.success.chipText};
+        fill: ${e.color.success.chipText};
+        background: ${e.color.success.background};
+
+        &:hover {
+            background: ${e.color.success.backgroundHover};
+        }
+    `,
+	warning: a`
+        color: ${e.color.warning.chipText};
+        fill: ${e.color.warning.chipText};
+        background: ${e.color.warning.background};
+
+        &:hover {
+            background: ${e.color.warning.backgroundHover};
+        }
+    `,
+	error: a`
+        color: ${e.color.danger.chipText};
+        fill: ${e.color.danger.chipText};
+        background: ${e.color.danger.background};
+
+        &:hover {
+            background: ${e.color.danger.backgroundHover};
+        }
+    `
+}, m = i(t)`
+    ${({ $size: e }) => f[e]};
+    ${({ $variant: e }) => p[e]};
+
+    /* Static styles */
+    width: fit-content;
+    border: none;
+    outline: none;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    white-space: nowrap;
+    gap: ${e.space.space4};
+    cursor: pointer;
+    transition: background ${e.transition.fastEaseOut};
+
+    svg {
+        flex-shrink: 0;
+    }
+`;
+function h({ as: e, size: t = "small", type: i = "body", variant: a = "primary", LeadingIcon: o, TrailingIcon: l, children: d, ...f }, p) {
+	let h = e === "a" ? r : e ?? "button", g = t === "regular" ? "small" : t;
+	return /* @__PURE__ */ c(m, {
+		as: h,
+		ref: p,
+		$variant: a,
+		$size: t,
+		...f,
+		children: [
+			o && /* @__PURE__ */ s(o, { size: u[t] }),
+			d && /* @__PURE__ */ s(n, {
+				size: g,
+				type: i,
+				weight: "medium",
+				children: d
+			}),
+			l && /* @__PURE__ */ s(l, { size: u[t] })
+		]
+	});
+}
+h.displayName = "Tag";
+var g = o(h);
+//#endregion
+export { l as TAG_SIZES, d as TAG_VARIANTS, g as Tag };

package/dist/components/tag.d.ts

@@ -0,0 +1,2 @@
+export * from './tag/tag';
+//# sourceMappingURL=tag.d.ts.map

package/dist/components/tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../src/components/tag.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { TextBaseProps } from './text_base';
+type HeadingContentType = 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6';
+interface HeadingContentTransientProps {
+    type?: HeadingContentType;
+}
+export type HeadingContentProps = HeadingContentTransientProps & TextBaseProps;
+/**
+ * @deprecated Use Heading or HeadingMarketing from ui-library
+ */
+export declare const HeadingContent: React.FC<HeadingContentProps>;
+export {};
+//# sourceMappingURL=heading_content.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading_content.d.ts","sourceRoot":"","sources":["../../../src/components/text/heading_content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,KAAK,kBAAkB,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;AAEtG,UAAU,4BAA4B;IAClC,IAAI,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAeD,MAAM,MAAM,mBAAmB,GAAG,4BAA4B,GAAG,aAAa,CAAC;AAe/E;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CASxD,CAAC"}

package/dist/components/text/heading_content.js

@@ -0,0 +1,32 @@
+import { theme as e } from "../../design_system/theme.js";
+import { TextBaseComponent as t } from "./text_base.js";
+import n, { css as r } from "styled-components";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/text/heading_content.tsx
+var a = (t) => r`
+    ${e.typography.content.mobile[t]}
+
+    @media (min-width: ${e.layout.tablet}) {
+        ${e.typography.content.tablet[t]}
+    }
+
+    @media (min-width: ${e.layout.desktop}) {
+        ${e.typography.content.desktop[t]}
+    }
+`, o = {
+	heading1: "h1",
+	heading2: "h2",
+	heading3: "h3",
+	heading4: "h4",
+	heading5: "h5",
+	heading6: "h6"
+}, s = n(t)`
+    ${(e) => a(e.$type || "heading1")}
+`, c = ({ type: e, as: t, ...n }) => /* @__PURE__ */ i(s, {
+	$type: e,
+	forwardedAs: t || o[e || "heading1"],
+	m: "none",
+	...n
+});
+//#endregion
+export { c as 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,34 @@
+import { theme as e } from "../../design_system/theme.js";
+import { TextBaseComponent as t } from "./text_base.js";
+import n from "styled-components";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/text/heading_marketing.tsx
+var i = {
+	titleXs: "h6",
+	titleS: "h5",
+	titleM: "h4",
+	titleMl: "h4",
+	titleL: "h3",
+	titleXl: "h2",
+	title2xl: "h1",
+	title3xl: "h1"
+}, a = n(t)`
+    ${(t) => `
+        ${e.typography.marketing.mobile[t.$type || "titleL"]}
+
+         @media (${e.device.tablet}) {
+            ${e.typography.marketing.tablet[t.$type || "titleL"]}
+        }
+
+        @media (${e.device.desktop}) {
+            ${e.typography.marketing.desktop[t.$type || "titleL"]}
+        }
+    `}
+`, o = ({ type: e, as: t, ...n }) => /* @__PURE__ */ r(a, {
+	$type: e,
+	forwardedAs: t || i[e || "titleL"],
+	m: "none",
+	...n
+});
+//#endregion
+export { o as 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,33 @@
+import { theme as e } from "../../design_system/theme.js";
+import { TextBaseComponent as t } from "./text_base.js";
+import n from "styled-components";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/text/heading_shared.tsx
+var i = {
+	titleXs: "h6",
+	titleS: "h5",
+	titleM: "h4",
+	titleL: "h3",
+	titleXl: "h2",
+	title2xl: "h1",
+	title3xl: "h1"
+}, a = n(t)`
+    ${(t) => `
+        ${e.typography.shared.mobile[t.$type || "titleL"]}
+
+        @media (${e.device.tablet}) {
+            ${e.typography.shared.tablet[t.$type || "titleL"]}
+        }
+
+        @media (${e.device.desktop}) {
+            ${e.typography.shared.desktop[t.$type || "titleL"]}
+        }
+    `}
+`, o = ({ type: e, as: t, ...n }) => /* @__PURE__ */ r(a, {
+	$type: e,
+	forwardedAs: t || i[e || "titleL"],
+	m: "none",
+	...n
+});
+//#endregion
+export { o as 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,30 @@
+import { Box as e } from "../box/box.js";
+import t, { css as n } from "styled-components";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/text/text_base.tsx
+var i = t(e)`
+    ${(e) => e.$italic && n`
+            font-style: italic;
+        `}
+
+    ${(e) => e.$uppercase && n`
+            text-transform: uppercase;
+        `}
+
+    ${(e) => e.$align && n`
+            text-align: ${e.$align};
+        `}
+
+    ${(e) => e.$color && n`
+            color: ${e.$color};
+        `}
+`, a = ({ italic: e, align: t, color: n, uppercase: a, as: o, ...s }) => /* @__PURE__ */ r(i, {
+	$italic: e,
+	$align: t,
+	$color: n,
+	$uppercase: a,
+	forwardedAs: o,
+	...s
+});
+//#endregion
+export { a as 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,68 @@
+import { theme as e } from "../../design_system/theme.js";
+import { TextBaseComponent as t } from "./text_base.js";
+import n, { css as r } from "styled-components";
+import { forwardRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/text/text_content.tsx
+var o = {
+	paragraph: {
+		normal: r`
+            ${e.typography.content.mobile.paragraph}
+
+            @media (min-width: ${e.layout.tablet}) {
+                ${e.typography.content.tablet.paragraph}
+            }
+
+            @media (min-width: ${e.layout.desktop}) {
+                ${e.typography.content.desktop.paragraph}
+            }
+        `,
+		bold: r`
+            ${e.typography.content.mobile.paragraphStrong}
+
+            @media (min-width: ${e.layout.tablet}) {
+                ${e.typography.content.tablet.paragraphStrong}
+            }
+
+            @media (min-width: ${e.layout.desktop}) {
+                ${e.typography.content.desktop.paragraphStrong}
+            }
+        `
+	},
+	snippet: {
+		normal: r`
+            ${e.typography.content.mobile.snippet}
+
+            @media (min-width: ${e.layout.tablet}) {
+                ${e.typography.content.tablet.snippet}
+            }
+
+            @media (min-width: ${e.layout.desktop}) {
+                ${e.typography.content.desktop.snippet}
+            }
+        `,
+		bold: r`
+            ${e.typography.content.mobile.snippetStrong}
+
+            @media (min-width: ${e.layout.tablet}) {
+                ${e.typography.content.tablet.snippetStrong}
+            }
+
+            @media (min-width: ${e.layout.desktop}) {
+                ${e.typography.content.desktop.snippetStrong}
+            }
+        `
+	}
+}, s = n(t)`
+    ${(e) => o[e.$type || "paragraph"][e.$weight || "normal"]}
+`, c = i(({ type: e, weight: t, as: n, ...r }, i) => /* @__PURE__ */ a(s, {
+	$type: e,
+	$weight: t,
+	forwardedAs: n || "p",
+	ref: i,
+	m: "none",
+	...r
+}));
+c.displayName = "TextContent";
+//#endregion
+export { c as TextContent };