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

package/dist/components/action_link/action_link.d.ts

@@ -0,0 +1,12 @@
+import { default as React, FC } from 'react';
+import { RequiredBy } from '@apify-packages/types';
+import { BoxProps } from '../box';
+import { LinkProps } from '../link';
+export declare const ActionBox: FC<RequiredBy<BoxProps, 'onClick'> & {
+    contentProps?: object;
+}>;
+export declare const ActionLink: FC<LinkProps & {
+    contentProps?: object;
+}>;
+export declare const BackLink: React.FC<LinkProps>;
+//# sourceMappingURL=action_link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"action_link.d.ts","sourceRoot":"","sources":["../../../src/components/action_link/action_link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAGxD,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAQ,KAAK,SAAS,EAAgB,MAAM,SAAS,CAAC;AAoB7D,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG;IAAE,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAcrF,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,SAAS,GAAG;IAAE,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAchE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CASxC,CAAC"}

package/dist/components/action_link/action_link.js

@@ -0,0 +1,56 @@
+import { theme as e } from "../../design_system/theme.js";
+import { Box as t } from "../box/box.js";
+import { HeadingShared as n } from "../text/heading_shared.js";
+import { Link as r, StyledAsLink as i } from "../link/link.js";
+import a from "styled-components";
+import "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { ArrowLeftIcon as c, ArrowRightIcon as l } from "@apify/ui-icons";
+//#region src/components/action_link/action_link.tsx
+var u = a(t)`
+    display: inline-flex;
+    align-items: center;
+    color: ${e.color.neutral.text};
+    cursor: pointer;
+
+    svg {
+        transition: transform 0.2s ease-in-out;
+    }
+
+    &:hover {
+        svg {
+            transform: translate(${({ $isBackLink: e }) => e ? -3 : 3}px, 0);
+        }
+    }
+`, d = ({ as: e = i, contentProps: t, children: r, ...a }) => /* @__PURE__ */ s(u, {
+	forwardedAs: e,
+	$isBackLink: !1,
+	...a,
+	children: [/* @__PURE__ */ o(n, {
+		as: "span",
+		type: "titleM",
+		...t,
+		children: r
+	}), /* @__PURE__ */ o(l, { size: "16" })]
+}), f = ({ children: e, as: t = r, contentProps: i, ...a }) => /* @__PURE__ */ s(u, {
+	forwardedAs: t,
+	$isBackLink: !1,
+	...a,
+	children: [/* @__PURE__ */ o(n, {
+		as: "span",
+		type: "titleM",
+		...i,
+		children: e
+	}), /* @__PURE__ */ o(l, { size: "16" })]
+}), p = ({ children: e, as: t, ...i }) => /* @__PURE__ */ s(u, {
+	forwardedAs: t || r,
+	$isBackLink: !0,
+	...i,
+	children: [/* @__PURE__ */ o(c, { size: "16" }), /* @__PURE__ */ o(n, {
+		as: "span",
+		type: "titleM",
+		children: e
+	})]
+});
+//#endregion
+export { d as ActionBox, f as ActionLink, p as BackLink };

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

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

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

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

package/dist/components/actor_template_card/actor_template_card.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface ActorTemplateCardProps {
+    id: string;
+    label: string;
+    description: string;
+    icons: React.ReactNode[];
+    useCases?: string[];
+}
+export declare const ActorTemplateCard: React.FC<ActorTemplateCardProps>;
+export {};
+//# sourceMappingURL=actor_template_card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"actor_template_card.d.ts","sourceRoot":"","sources":["../../../src/components/actor_template_card/actor_template_card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,UAAU,sBAAsB;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAqDD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA+B9D,CAAC"}

package/dist/components/actor_template_card/actor_template_card.js

@@ -0,0 +1,99 @@
+import { theme as e } from "../../design_system/theme.js";
+import { TextMarketing as t } from "../text/text_marketing.js";
+import { Badge as n } from "../badge/badge.js";
+import { VerticalTile as r } from "../tile/vertical_tile.js";
+import i from "styled-components";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/actor_template_card/actor_template_card.tsx
+var s = {
+	TEMPLATE_CARD_IMAGES: "TemplateCard-Images",
+	TEMPLATE_CARD_TEXT: "TemplateCard-Text",
+	TEMPLATE_CARD_DESCRIPTION: "TemplateCard-Description",
+	TEMPLATE_CARD_BADGES: "TemplateCard-Badges"
+}, c = i.div`
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    align-self: stretch;
+    flex: 1 0 0;
+    gap: ${e.space.space16};
+    color: ${e.color.neutral.text};
+
+    .${s.TEMPLATE_CARD_IMAGES} {
+        display: flex;
+        align-items: flex-start;
+        gap: ${e.space.space16};
+        flex-wrap: wrap;
+        img,
+        svg {
+            max-width: ${e.space.space40};
+            max-height: ${e.space.space40};
+        }
+    }
+
+    .${s.TEMPLATE_CARD_TEXT} {
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        align-self: stretch;
+        gap: ${e.space.space4};
+
+        .${s.TEMPLATE_CARD_DESCRIPTION} {
+            color: ${e.color.neutral.textMuted};
+            overflow: hidden;
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            -webkit-line-clamp: 3;
+            -webkit-box-orient: vertical;
+        }
+    }
+
+    .${s.TEMPLATE_CARD_BADGES} {
+        display: flex;
+        gap: ${e.space.space4};
+    }
+`, l = ({ id: e, label: i, description: l, icons: u, useCases: d }) => {
+	let f = /* @__PURE__ */ o(c, {
+		"data-test": `actor-template-card-${e}`,
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: s.TEMPLATE_CARD_IMAGES,
+				children: u
+			}),
+			/* @__PURE__ */ o("div", {
+				className: s.TEMPLATE_CARD_TEXT,
+				children: [/* @__PURE__ */ a(t, {
+					size: "regular",
+					weight: "bold",
+					children: i
+				}), /* @__PURE__ */ a(t, {
+					size: "small",
+					className: s.TEMPLATE_CARD_DESCRIPTION,
+					children: l
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: s.TEMPLATE_CARD_BADGES,
+				children: [d?.includes("STARTER") && /* @__PURE__ */ a(n, {
+					variant: "success",
+					children: "Starter"
+				}), d?.includes("AI") && /* @__PURE__ */ a(n, {
+					variant: "success",
+					style: {
+						color: "#6E00F4",
+						fill: "#6E00F4",
+						background: "#E4D4F7"
+					},
+					children: "AI Agent"
+				})]
+			})
+		]
+	});
+	return /* @__PURE__ */ a(r, {
+		id: `actor-template-card-${e}`,
+		content: f,
+		isClickable: !0
+	});
+};
+//#endregion
+export { l as ActorTemplateCard };

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

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

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

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

package/dist/components/avatar/actor_avatar.d.ts

@@ -0,0 +1,18 @@
+import { FC, default as React } from 'react';
+export declare const actorAvatarClassnames: {
+    BASE: string;
+    IMG: string;
+    SVG: string;
+};
+interface ActorAvatarProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    name?: string;
+    className?: string;
+    url?: string | null;
+    alt?: string;
+    size: number;
+    borderRadius?: string | number;
+}
+export declare const ActorAvatarInner: FC<ActorAvatarProps>;
+export declare const ActorAvatar: React.NamedExoticComponent<ActorAvatarProps>;
+export {};
+//# sourceMappingURL=actor_avatar.d.ts.map

package/dist/components/avatar/actor_avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actor_avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/actor_avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAC7C,OAAO,KAA6E,MAAM,OAAO,CAAC;AAQlG,eAAO,MAAM,qBAAqB;;;;CAIjC,CAAC;AA0BF,UAAU,gBAAiB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,gBAAgB,CA6EjD,CAAC;AAEF,eAAO,MAAM,WAAW,8CAA+B,CAAC"}

package/dist/components/avatar/actor_avatar.js

@@ -0,0 +1,73 @@
+import { theme as e } from "../../design_system/theme.js";
+import { useSharedUiDependencies as t } from "../../ui_dependency_provider.js";
+import { useImageColor as n } from "../../utils/image_color.js";
+import { BoringAvatarMarble as r } from "./boring_avatar.js";
+import i from "styled-components";
+import a, { useCallback as o, useEffect as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import { jsx as f } from "react/jsx-runtime";
+import p from "clsx";
+//#region src/components/avatar/actor_avatar.tsx
+var m = {
+	BASE: "ActorAvatar",
+	IMG: "ActorAvatar-image",
+	SVG: "ActorAvatar-svg"
+}, h = i(r)`
+    border-radius: ${({ $borderRadius: e }) => e};
+
+    text {
+        ${e.typography.shared.mobile.bodyMStrong}
+
+        @media (min-width: ${e.layout.tablet}) {
+            ${e.typography.shared.tablet.bodyMStrong}
+        }
+        @media (min-width: ${e.layout.desktop}) {
+            ${e.typography.shared.desktop.bodyMStrong}
+        }
+
+        fill: ${e.color.neutral.background};
+        color: ${e.color.neutral.background};
+        text-transform: uppercase;
+        white-space: pre;
+    }
+`, g = i.img`
+    border-radius: ${e.radius.radius8};
+`, _ = ({ name: r, className: i, url: a, size: _, alt: v, borderRadius: y = e.radius.radius8, ...b }) => {
+	let [x, S] = d(!1);
+	s(() => {
+		S(!1);
+	}, [a]);
+	let { generateProxyImageUrl: C } = t(), w = l(() => C && a ? C(a, { resize: {
+		height: _ * 2,
+		width: _ * 2
+	} }) : a, [
+		C,
+		a,
+		_
+	]), { color: T, refCallback: E } = n(), D = u(null), O = o((e) => {
+		D.current = e, E(e);
+	}, [E]), k = o(() => S(!0), []);
+	c(() => {
+		D.current && (D.current.style.backgroundColor = T?.isLight ? "#1a1b21" : e.color.neutral.backgroundWhite);
+	}, [T?.isLight]);
+	let A = p(m.BASE, w ? m.IMG : m.SVG, i), j = v || `${r} avatar`;
+	return w && !x ? /* @__PURE__ */ f(g, {
+		ref: O,
+		crossOrigin: "anonymous",
+		src: w,
+		className: A,
+		width: _,
+		height: _,
+		alt: j,
+		onError: k,
+		...b
+	}) : /* @__PURE__ */ f(h, {
+		size: _,
+		className: A,
+		name: r,
+		square: !0,
+		alt: j,
+		$borderRadius: y
+	});
+}, v = a.memo(_);
+//#endregion
+export { v as ActorAvatar, _ as ActorAvatarInner, m as actorAvatarClassnames };

package/dist/components/avatar/boring_avatar.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface BoringAvatarProps {
+    name?: string;
+    className?: string;
+    size: number;
+    colors?: string[];
+    square?: boolean;
+    alt?: string;
+}
+export declare const BoringAvatarMarble: React.MemoExoticComponent<({ name, colors, square, className, size, alt, }: BoringAvatarProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const BoringAvatarSolid: React.MemoExoticComponent<({ name, alt, colors, square, className, size, }: BoringAvatarProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=boring_avatar.d.ts.map

package/dist/components/avatar/boring_avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"boring_avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/boring_avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAuFvC,UAAU,iBAAiB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,8EAQxB,iBAAiB,6CAgEvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,8EAQvB,iBAAiB,6CAiDvB,CAAC"}

package/dist/components/avatar/boring_avatar.js

@@ -0,0 +1,195 @@
+import e, { useMemo as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import i from "emoji-regex";
+//#region src/components/avatar/boring_avatar.tsx
+var a = i(), o = 3, s = 100, c = [
+	"AND",
+	"A",
+	"THE",
+	"AN"
+];
+function l(e) {
+	if (!e) return 0;
+	let t = 0;
+	for (let n = 0; n < e.length; n++) {
+		let r = e.charCodeAt(n);
+		t = (t << 5) - t + r, t &= t;
+	}
+	return Math.abs(t);
+}
+function u(e, t) {
+	return Math.floor(e / 10 ** t % 10);
+}
+function d(e, t, n) {
+	let r = e % t;
+	return n && u(e, n) % 2 == 0 ? -r : r;
+}
+function f(e, t) {
+	let n = l(e), r = [];
+	for (let e = 0; e < o; e++) r.push({
+		color: t[(n + (e + 1)) % t.length],
+		translateX: d(n * (e + 1), s / 10, 1),
+		translateY: d(n * (e + 1), s / 10, 2),
+		scale: 1.2 + d(n * (e + 1), s / 20) / 10,
+		rotate: d(n * (e + 1), 360, 1)
+	});
+	return r;
+}
+function p(e, t) {
+	let { translateX: n, translateY: r, rotate: i } = e[1], { translateX: o, translateY: l, rotate: u, scale: d } = e[2], f = t.replace(a, " ").trim().replace(/\s+/g, " ").toUpperCase().split(" ");
+	return f.length <= 1 && (f = f[0].split("-")), f.length <= 1 && (f = f[0].split("_")), f.length <= 1 && (f = f[0].split(".")), f.length <= 1 && (f = f[0].split("")), f.length > 2 && (f = f.filter((e) => !c.includes(e))), {
+		fill0: e[0].color,
+		fill1: e[1].color,
+		fill2: e[2].color,
+		transform1: `translate(${n} ${r}) rotate(${i} ${s / 2} ${s / 2}) scale(${d})`,
+		transform2: `translate(${o} ${l}) rotate(${u} ${s / 2} ${s / 2}) scale(${d})`,
+		letter1: f?.[0]?.[0] ?? void 0,
+		letter2: f?.[1]?.[0] ?? void 0
+	};
+}
+var m = e.memo(({ name: e = "", colors: i = [
+	"#12966F",
+	"#5D85E1",
+	"#E44467",
+	"#F0B21B",
+	"#FA8136",
+	"#30C0BB"
+], square: a = !1, className: o, size: c = 24, alt: l = "Avatar image" }) => {
+	let u = t(() => p(f(e ?? "", i), e ?? ""), [e, i]);
+	return /* @__PURE__ */ r("svg", {
+		viewBox: `0 0 ${s} ${s}`,
+		fill: "none",
+		role: "img",
+		xmlns: "http://www.w3.org/2000/svg",
+		width: c,
+		height: c,
+		className: o,
+		"aria-label": l,
+		children: [
+			/* @__PURE__ */ n("mask", {
+				id: "mask__marble",
+				maskUnits: "userSpaceOnUse",
+				x: 0,
+				y: 0,
+				width: s,
+				height: s,
+				children: /* @__PURE__ */ n("rect", {
+					width: s,
+					height: s,
+					rx: a ? void 0 : s * 2,
+					fill: "#FFFFFF"
+				})
+			}),
+			/* @__PURE__ */ r("g", {
+				mask: "url(#mask__marble)",
+				children: [
+					/* @__PURE__ */ n("rect", {
+						width: s,
+						height: s,
+						fill: u.fill0
+					}),
+					/* @__PURE__ */ n("path", {
+						filter: "url(#prefix__filter0_f)",
+						d: "M32.414 59.35L50.376 70.5H72.5v-71H33.728L26.5 13.381l19.057 27.08L32.414 59.35z",
+						fill: u.fill1,
+						transform: u.transform1
+					}),
+					/* @__PURE__ */ n("path", {
+						filter: "url(#prefix__filter0_f)",
+						style: { mixBlendMode: "overlay" },
+						d: "M22.216 24L0 46.75l14.108 38.129L78 86l-3.081-59.276-22.378 4.005 12.972 20.186-23.35 27.395L22.215 24z",
+						fill: u.fill2,
+						transform: u.transform2
+					})
+				]
+			}),
+			/* @__PURE__ */ n("g", { children: u.letter1 && /* @__PURE__ */ r("text", {
+				style: { fontSize: "50px" },
+				x: "50",
+				y: "50",
+				dy: "7",
+				textAnchor: "middle",
+				alignmentBaseline: "middle",
+				dominantBaseline: "middle",
+				children: [u.letter1, u.letter2]
+			}) }),
+			/* @__PURE__ */ n("defs", { children: /* @__PURE__ */ r("filter", {
+				id: "prefix__filter0_f",
+				filterUnits: "userSpaceOnUse",
+				colorInterpolationFilters: "sRGB",
+				children: [
+					/* @__PURE__ */ n("feFlood", {
+						floodOpacity: 0,
+						result: "BackgroundImageFix"
+					}),
+					/* @__PURE__ */ n("feBlend", {
+						in: "SourceGraphic",
+						in2: "BackgroundImageFix",
+						result: "shape"
+					}),
+					/* @__PURE__ */ n("feGaussianBlur", {
+						stdDeviation: 7,
+						result: "effect1_foregroundBlur"
+					})
+				]
+			}) })
+		]
+	});
+}), h = e.memo(({ name: e = "", alt: i = "Avatar image", colors: a = [
+	"#B8487B",
+	"#E5B557",
+	"#58BCC4",
+	"#6D85CA",
+	"#8690BF",
+	"#F08848",
+	"#8148C9",
+	"#439274"
+], square: o = !1, className: c, size: l = 24 }) => {
+	let u = e.toLowerCase(), d = t(() => p(f(u, a), u), [u, a]);
+	return /* @__PURE__ */ r("svg", {
+		viewBox: `0 0 ${s} ${s}`,
+		fill: "none",
+		role: "img",
+		xmlns: "http://www.w3.org/2000/svg",
+		width: l,
+		height: l,
+		className: c,
+		"aria-label": i,
+		children: [
+			/* @__PURE__ */ n("mask", {
+				id: "mask__solid",
+				maskUnits: "userSpaceOnUse",
+				x: 0,
+				y: 0,
+				width: s,
+				height: s,
+				children: /* @__PURE__ */ n("rect", {
+					width: s,
+					height: s,
+					rx: o ? void 0 : s * 2,
+					fill: "#FFFFFF"
+				})
+			}),
+			/* @__PURE__ */ n("g", {
+				mask: "url(#mask__solid)",
+				children: /* @__PURE__ */ n("rect", {
+					width: s,
+					height: s,
+					fill: d.fill0
+				})
+			}),
+			/* @__PURE__ */ n("g", { children: d.letter1 && /* @__PURE__ */ r("text", {
+				style: { fontSize: "50px" },
+				x: "50",
+				y: "50",
+				dy: "7",
+				textAnchor: "middle",
+				alignmentBaseline: "middle",
+				dominantBaseline: "middle",
+				children: [d.letter1, d.letter2]
+			}) })
+		]
+	});
+});
+//#endregion
+export { m as BoringAvatarMarble, h as BoringAvatarSolid };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}

package/dist/components/avatar/user_avatar.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+export declare const userAvatarBaseClassNames: {
+    BASE: string;
+    IMG: string;
+    SVG: string;
+};
+interface UserAvatarProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    name?: string;
+    className?: string;
+    url?: string | null;
+    alt?: string;
+    size: number;
+    asOrganization?: boolean;
+}
+export declare const UserAvatar: React.NamedExoticComponent<UserAvatarProps>;
+export {};
+//# sourceMappingURL=user_avatar.d.ts.map

package/dist/components/avatar/user_avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user_avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/user_avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAUzC,eAAO,MAAM,wBAAwB;;;;CAIpC,CAAC;AA0BF,UAAU,eAAgB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AA+CD,eAAO,MAAM,UAAU,6CAA8B,CAAC"}

package/dist/components/avatar/user_avatar.js

@@ -0,0 +1,60 @@
+import { theme as e } from "../../design_system/theme.js";
+import { useSharedUiDependencies as t } from "../../ui_dependency_provider.js";
+import { BoringAvatarSolid as n } from "./boring_avatar.js";
+import r from "styled-components";
+import i, { useEffect as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import s from "clsx";
+//#region src/components/avatar/user_avatar.tsx
+var c = "https://cdn.apify.com/img/icons/anonymous_user_picture.png", l = "https://cdn.apify.com/img/icons/anonymous_organization_picture.png", u = {
+	BASE: "UserAvatar",
+	IMG: "UserAvatar-image",
+	SVG: "UserAvatar-svg"
+}, d = r(n)`
+    border-radius: 100%;
+
+    text {
+        ${e.typography.shared.mobile.bodyMStrong};
+
+        @media ${e.device.tablet} {
+            ${e.typography.shared.tablet.bodyMStrong}
+        }
+        @media ${e.device.desktop} {
+            ${e.typography.shared.desktop.bodyMStrong}
+        }
+
+        fill: ${e.color.neutral.background};
+        color: ${e.color.neutral.background};
+        text-transform: uppercase;
+        white-space: pre;
+    }
+`, f = r.img`
+    border-radius: 100%;
+`, p = i.memo(({ name: e, className: n, url: r, size: p, alt: m, asOrganization: h, ...g }) => {
+	let [_, v] = i.useState(!1), { generateProxyImageUrl: y } = t(), b = s(u.BASE, r ? u.IMG : u.SVG, n);
+	a(() => {
+		v(!1);
+	}, [r]);
+	let x = ({ currentTarget: e }) => {
+		_ || !e || (e.src = h ? l : c, v(!0));
+	}, S = m || `${e} avatar`;
+	return r ? /* @__PURE__ */ o(f, {
+		className: b,
+		src: y ? y(r, { resize: {
+			height: p * 2,
+			width: p * 2
+		} }) : r,
+		width: p,
+		height: p,
+		alt: S,
+		onError: x,
+		...g
+	}) : /* @__PURE__ */ o(d, {
+		alt: S,
+		size: p,
+		className: b,
+		name: e
+	});
+});
+//#endregion
+export { p as UserAvatar, u as userAvatarBaseClassNames };

package/dist/components/badge/badge.d.ts

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+import { IconComponent } from '@apify/ui-icons';
+import { MarginSpacingProps, RegularBoxProps } from '../box';
+import { SharedTextType } from '../text';
+export type BadgeSize = 'large' | 'regular' | 'small' | 'extra_small';
+export declare const BADGE_SIZES: BadgeSize[];
+export type BadgeVariant = 'neutral' | 'neutral_muted' | 'neutral_subtle' | 'primary_black' | 'primary_blue' | 'success' | 'warning' | 'danger';
+export declare const BADGE_VARIANTS: BadgeVariant[];
+type SharedBadgeProps = Omit<RegularBoxProps, 'as' | 'onClick'> & MarginSpacingProps;
+export type BadgeProps = SharedBadgeProps & {
+    as?: Exclude<React.ElementType, 'a' | 'button'>;
+    size?: BadgeSize;
+    type?: SharedTextType;
+    variant?: BadgeVariant;
+    inline?: boolean;
+    LeadingIcon?: IconComponent;
+    TrailingIcon?: IconComponent;
+};
+/**
+ * Component for displaying non-interactive chip descendant.
+ */
+export declare const Badge: React.ForwardRefExoticComponent<Omit<RegularBoxProps, "onClick" | "as"> & MarginSpacingProps & {
+    as?: Exclude<React.ElementType, "a" | "button">;
+    size?: BadgeSize;
+    type?: SharedTextType;
+    variant?: BadgeVariant;
+    inline?: boolean;
+    LeadingIcon?: IconComponent;
+    TrailingIcon?: IconComponent;
+} & React.RefAttributes<unknown>>;
+export {};
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAK/D,OAAO,EAAO,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC5E,OAAO,KAAK,EAAkB,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;AACtE,eAAO,MAAM,WAAW,EAAE,SAAS,EAAiD,CAAC;AAgBrF,MAAM,MAAM,YAAY,GAClB,SAAS,GACT,eAAe,GACf,gBAAgB,GAChB,eAAe,GACf,cAAc,GACd,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AACf,eAAO,MAAM,cAAc,EAAE,YAAY,EAS/B,CAAC;AAEX,KAAK,gBAAgB,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,CAAC,GAAG,kBAAkB,CAAC;AACrF,MAAM,MAAM,UAAU,GAAG,gBAAgB,GAAG;IACxC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,GAAG,QAAQ,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,aAAa,CAAC;CAChC,CAAC;AAwFF;;GAEG;AACH,eAAO,MAAM,KAAK;SAlGT,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,GAAG,QAAQ,CAAC;WACxC,SAAS;WACT,cAAc;cACX,YAAY;aACb,OAAO;kBACF,aAAa;mBACZ,aAAa;iCAsH/B,CAAC"}