@apify/ui-library 1.120.0 → 1.121.0

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

@@ -0,0 +1,13 @@
+import 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/src/components/boring_avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"boring_avatar.d.ts","sourceRoot":"","sources":["../../../src/components/boring_avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAgGvC,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,8EAO5B,iBAAiB,6CA+ElB,CAAC;AAEH,eAAO,MAAM,iBAAiB,8EAO3B,iBAAiB,6CA4DlB,CAAC"}

package/dist/src/components/boring_avatar.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import emojiRegex from 'emoji-regex';
+import React, { useMemo } from 'react';
+const emojiRegexPattern = emojiRegex();
+// This code is taken from https://github.com/boringdesigners/boring-avatars/blob/master/src/lib/components/avatar-marble.js
+const ELEMENTS = 3;
+const SIZE = 100;
+const IGNORED_WORDS = ['AND', 'A', 'THE', 'AN'];
+function hashCode(name) {
+    // This is very defensive, but passing empty string as name to this component by mistake
+    // should never break the UI completely.
+    if (!name)
+        return 0;
+    let hash = 0;
+    for (let i = 0; i < name.length; i++) {
+        const character = name.charCodeAt(i);
+        hash = (hash << 5) - hash + character; // eslint-disable-line
+        hash &= hash; // eslint-disable-line
+    }
+    return Math.abs(hash);
+}
+function getDigit(number, ntn) {
+    return Math.floor((number / 10 ** ntn) % 10);
+}
+function getUnit(number, range, index) {
+    const value = number % range;
+    if (index && getDigit(number, index) % 2 === 0) {
+        return -value;
+    }
+    return value;
+}
+function generateProperties(name, colors) {
+    const numFromName = hashCode(name);
+    const elementsProperties = [];
+    for (let i = 0; i < ELEMENTS; i++) {
+        elementsProperties.push({
+            color: colors[(numFromName + (i + 1)) % colors.length],
+            translateX: getUnit(numFromName * (i + 1), SIZE / 10, 1),
+            translateY: getUnit(numFromName * (i + 1), SIZE / 10, 2),
+            scale: 1.2 + getUnit(numFromName * (i + 1), SIZE / 20) / 10,
+            rotate: getUnit(numFromName * (i + 1), 360, 1),
+        });
+    }
+    return elementsProperties;
+}
+function generateFill(properties, name) {
+    const { translateX: translateX1, translateY: translateY1, rotate: rotate1, } = properties[1];
+    const { translateX: translateX2, translateY: translateY2, rotate: rotate2, scale, } = properties[2];
+    let nameParts = name
+        .replace(emojiRegexPattern, ' ') // Remove emojis from the name
+        .trim().replace(/\s+/g, ' ') // Remove multiple spaces
+        .toUpperCase()
+        .split(' '); // Ideally if the Actor has a name with spaces, we take words separated by spaces
+    if (nameParts.length <= 1)
+        nameParts = nameParts[0].split('-'); // If that did not work, we try to separate it by -
+    if (nameParts.length <= 1)
+        nameParts = nameParts[0].split('_'); // If those are also not present we try to separate it by _
+    if (nameParts.length <= 1)
+        nameParts = nameParts[0].split('.'); // If those are also not present we try to separate it by .
+    if (nameParts.length <= 1)
+        nameParts = nameParts[0].split(''); // In the end we take the first word and separate it by letter
+    // Nice to have: remove ignored words from the name if the name has more than 2 words
+    if (nameParts.length > 2) {
+        nameParts = nameParts.filter((part) => !IGNORED_WORDS.includes(part));
+    }
+    return {
+        fill0: properties[0].color,
+        fill1: properties[1].color,
+        fill2: properties[2].color,
+        transform1: `translate(${translateX1} ${translateY1}) rotate(${rotate1} ${SIZE / 2} ${SIZE / 2}) scale(${scale})`,
+        transform2: `translate(${translateX2} ${translateY2}) rotate(${rotate2} ${SIZE / 2} ${SIZE / 2}) scale(${scale})`,
+        letter1: nameParts?.[0]?.[0] ?? undefined,
+        letter2: nameParts?.[1]?.[0] ?? undefined,
+    };
+}
+export const BoringAvatarMarble = React.memo(({ name = '', colors = ['#12966F', '#5D85E1', '#E44467', '#F0B21B', '#FA8136', '#30C0BB'], square = false, className, size = 24, alt = 'Avatar image', }) => {
+    const fill = useMemo(() => {
+        const properties = generateProperties(name ?? '', colors);
+        return generateFill(properties, name ?? '');
+    }, [name, colors]);
+    return (_jsxs("svg", { viewBox: `0 0 ${SIZE} ${SIZE}`, fill: "none", role: "img", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, className: className, "aria-label": alt, children: [_jsx("mask", { id: "mask__marble", maskUnits: "userSpaceOnUse", x: 0, y: 0, width: SIZE, height: SIZE, children: _jsx("rect", { width: SIZE, height: SIZE, rx: square ? undefined : SIZE * 2, fill: "#FFFFFF" }) }), _jsxs("g", { mask: "url(#mask__marble)", children: [_jsx("rect", { width: SIZE, height: SIZE, fill: fill.fill0 }), _jsx("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: fill.fill1, transform: fill.transform1 }), _jsx("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: fill.fill2, transform: fill.transform2 })] }), _jsx("g", { children: fill.letter1 && (_jsxs("text", { style: { fontSize: '50px' }, x: "50", y: "50", dy: "7", textAnchor: "middle", alignmentBaseline: "middle", dominantBaseline: "middle", children: [fill.letter1, fill.letter2] })) }), _jsx("defs", { children: _jsxs("filter", { id: "prefix__filter0_f", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [_jsx("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }), _jsx("feBlend", { in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }), _jsx("feGaussianBlur", { stdDeviation: 7, result: "effect1_foregroundBlur" })] }) })] }));
+});
+export const BoringAvatarSolid = React.memo(({ name = '', alt = 'Avatar image', colors = ['#B8487B', '#E5B557', '#58BCC4', '#6D85CA', '#8690BF', '#F08848', '#8148C9', '#439274'], square = false, className, size = 24, }) => {
+    /**
+         * Name must be lowercased to avoid irregularities caused by caps.
+         * This is an issue in the Actor detail header, where the username comes from the Actor object,
+         * while in the user selector it comes from the user object, where it can have capitals.
+         */
+    const nameLowercase = name.toLowerCase();
+    const fill = useMemo(() => {
+        const properties = generateProperties(nameLowercase, colors);
+        return generateFill(properties, nameLowercase);
+    }, [nameLowercase, colors]);
+    return (_jsxs("svg", { viewBox: `0 0 ${SIZE} ${SIZE}`, fill: "none", role: "img", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, className: className, "aria-label": alt, children: [_jsx("mask", { id: "mask__solid", maskUnits: "userSpaceOnUse", x: 0, y: 0, width: SIZE, height: SIZE, children: _jsx("rect", { width: SIZE, height: SIZE, rx: square ? undefined : SIZE * 2, fill: "#FFFFFF" }) }), _jsx("g", { mask: "url(#mask__solid)", children: _jsx("rect", { width: SIZE, height: SIZE, fill: fill.fill0 }) }), _jsx("g", { children: fill.letter1 && (_jsxs("text", { style: { fontSize: '50px' }, x: "50", y: "50", dy: "7", textAnchor: "middle", alignmentBaseline: "middle", dominantBaseline: "middle", children: [fill.letter1, fill.letter2] })) })] }));
+});
+//# sourceMappingURL=boring_avatar.js.map

package/dist/src/components/boring_avatar.js.map

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

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

@@ -1,5 +1,6 @@
 export * from './text/index.js';
 export * from './box.js';
+export * from './boring_avatar.js';
 export * from './card_container.js';
 export * from './message.js';
 export * from './floating/index.js';
@@ -24,4 +25,5 @@ export * from './tabs/index.js';
 export * from './shortcut.js';
 export * from './icon_button.js';
 export * from './spinner.js';
+export * from './store/index.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}

package/dist/src/components/index.js

@@ -1,5 +1,6 @@
 export * from './text/index.js';
 export * from './box.js';
+export * from './boring_avatar.js';
 export * from './card_container.js';
 export * from './message.js';
 export * from './floating/index.js';
@@ -24,4 +25,5 @@ export * from './tabs/index.js';
 export * from './shortcut.js';
 export * from './icon_button.js';
 export * from './spinner.js';
+export * from './store/index.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}

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

@@ -1,4 +1,4 @@
-export { useActorTitleHeadingFilter } from './utils.js';
+export { useActorTitleHeadingFilter, cleanMarkdown, slugifyHeadingChildren } from './utils.js';
 export { pythonizeValue } from './pythonize_value.js';
-export { TableOfContents, useShowTableOfContents } from './table_of_contents.js';
+export { TableOfContents, type TableOfContentsProps, useShowTableOfContents } from './table_of_contents.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/readme_renderer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/readme_renderer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAC/F,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC"}

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

@@ -1,4 +1,4 @@
-export { useActorTitleHeadingFilter } from './utils.js';
+export { useActorTitleHeadingFilter, cleanMarkdown, slugifyHeadingChildren } from './utils.js';
 export { pythonizeValue } from './pythonize_value.js';
 export { TableOfContents, useShowTableOfContents } from './table_of_contents.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/readme_renderer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/readme_renderer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAC/F,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,eAAe,EAA6B,sBAAsB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/src/components/store/actor_avatar.d.ts

@@ -0,0 +1,18 @@
+import type { FC } from 'react';
+import 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;
+    alt?: string;
+    size: number;
+}
+export declare const ActorAvatarInner: FC<ActorAvatarProps>;
+export declare const ActorAvatar: React.NamedExoticComponent<ActorAvatarProps>;
+export {};
+//# sourceMappingURL=actor_avatar.d.ts.map

package/dist/src/components/store/actor_avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actor_avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/store/actor_avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAC7C,OAAO,KAA6E,MAAM,OAAO,CAAC;AAUlG,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,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,gBAAgB,CA4EjD,CAAC;AAEF,eAAO,MAAM,WAAW,8CAA+B,CAAC"}

package/dist/src/components/store/actor_avatar.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import styled from 'styled-components';
+import { BoringAvatarMarble, theme, useImageColor, useSharedUiDependencies, } from '../../index.js';
+export const actorAvatarClassnames = {
+    BASE: 'ActorAvatar',
+    IMG: 'ActorAvatar-image',
+    SVG: 'ActorAvatar-svg',
+};
+const StyledBoringAvatarMarble = styled(BoringAvatarMarble) `
+    border-radius: ${theme.radius.radius8};
+
+    text {
+        ${theme.typography.shared.mobile.bodyMStrong}
+
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.shared.tablet.bodyMStrong}
+        }
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.shared.desktop.bodyMStrong}
+        }
+
+        fill: ${theme.color.neutral.background};
+        color: ${theme.color.neutral.background};
+        text-transform: uppercase;
+        white-space: pre;
+    }
+`;
+const StyledImg = styled.img `
+    border-radius: ${theme.radius.radius8};
+`;
+export const ActorAvatarInner = ({ name, className, url, size, alt, ...rest }) => {
+    const [hasImageError, setHasImageError] = useState(false);
+    useEffect(() => {
+        setHasImageError(false);
+    }, [url]);
+    const { generateProxyImageUrl } = useSharedUiDependencies();
+    const maybeProxiedUrl = useMemo(() => (generateProxyImageUrl && url
+        ? generateProxyImageUrl(url, { resize: { height: size * 2, width: size * 2 } })
+        : url), [generateProxyImageUrl, url, size]);
+    const { color, refCallback } = useImageColor();
+    const imageRef = useRef(null);
+    const imageRefCallback = useCallback((element) => {
+        imageRef.current = element;
+        refCallback(element);
+    }, [refCallback]);
+    const onError = useCallback(() => setHasImageError(true), []);
+    useLayoutEffect(() => {
+        if (imageRef.current) {
+            imageRef.current.style.backgroundColor = color?.isLight
+                ? '#1a1b21' // TODO: introduce a static theme color variable (e.g.: theme.color.neutral.backgroundDark)
+                : theme.color.neutral.backgroundWhite;
+        }
+    }, [color?.isLight]);
+    const fullClassName = clsx(actorAvatarClassnames.BASE, maybeProxiedUrl ? actorAvatarClassnames.IMG : actorAvatarClassnames.SVG, className);
+    const altText = alt || `${name} avatar`;
+    if (maybeProxiedUrl && !hasImageError) {
+        return (_jsx(StyledImg, { ref: imageRefCallback, crossOrigin: 'anonymous', src: maybeProxiedUrl, className: fullClassName, width: size, height: size, alt: altText, onError: onError, ...rest }));
+    }
+    return (_jsx(StyledBoringAvatarMarble, { size: size, className: fullClassName, name: name, square: true, alt: altText }));
+};
+export const ActorAvatar = React.memo(ActorAvatarInner);
+//# sourceMappingURL=actor_avatar.js.map

package/dist/src/components/store/actor_avatar.js.map

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

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

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

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

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

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

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

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

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

package/dist/src/components/store/store_actor_header.d.ts

@@ -0,0 +1,13 @@
+import { type BoxProps } from '../../index.js';
+export type StoreActorHeaderProps = {
+    name: string;
+    title: string;
+    pictureUrl?: string;
+    username: string;
+    isUnderMaintenance?: boolean;
+    hasRisingStarBadge?: boolean;
+    avatarSize?: number;
+    newStyle?: boolean;
+};
+export declare const StoreActorHeader: React.FC<StoreActorHeaderProps & BoxProps>;
+//# sourceMappingURL=store_actor_header.d.ts.map

package/dist/src/components/store/store_actor_header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store_actor_header.d.ts","sourceRoot":"","sources":["../../../../src/components/store/store_actor_header.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAc,KAAK,QAAQ,EAAwB,MAAM,gBAAgB,CAAC;AAmEjF,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,GAAG,QAAQ,CAgDvE,CAAC"}

package/dist/src/components/store/store_actor_header.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from 'styled-components';
+import { StarEmptyIcon, WarningTriangleIcon } from '@apify/ui-icons';
+import { Badge, Box, Heading, Text, theme } from '../../index.js';
+import { ActorAvatar, actorAvatarClassnames } from './actor_avatar.js';
+const storeActorHeaderClassNames = {
+    title: 'ActorStoreItem-title',
+    slug: 'ActorStoreItem-slug',
+    badge: 'ActorStoreItem-badge',
+};
+const StyledStoreActorHeader = styled(Box) `
+    display: flex;
+    gap: ${({ $newStyle }) => ($newStyle ? theme.space.space12 : theme.space.space8)};
+    align-items: center;
+
+    .${actorAvatarClassnames.BASE} {
+        border: 1px solid ${theme.color.neutral.border};
+        flex-shrink: 0;
+    }
+
+    .${storeActorHeaderClassNames.badge} {
+        position: absolute;
+        top: -${theme.space.space8};
+        right: -${theme.space.space8};
+    }
+`;
+const ActorAvatarWrapper = styled(Box) `
+    position: relative;
+    display: inline-block;
+`;
+const StyledCompactBadge = styled(Badge) `
+    padding: ${theme.space.space4};
+`;
+const ActorTitleWrapper = styled(Box) `
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    .${storeActorHeaderClassNames.title} {
+        overflow: hidden;
+        display: flex;
+        align-items: center;
+        flex-direction: row;
+        justify-content: flex-start;
+        gap: ${theme.space.space4};
+
+        h3 {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        svg {
+            flex-shrink: 0;
+        }
+    }
+
+    .${storeActorHeaderClassNames.slug} {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+`;
+export const StoreActorHeader = ({ name, title, pictureUrl, username, isUnderMaintenance = false, hasRisingStarBadge = false, avatarSize = 40, newStyle = false, ...rest }) => {
+    return (_jsxs(StyledStoreActorHeader, { "data-test": "actor-store-item-header", "$newStyle": newStyle, ...rest, children: [_jsxs(ActorAvatarWrapper, { children: [_jsx(ActorAvatar, { size: avatarSize, url: pictureUrl, name: title }), hasRisingStarBadge && _jsx(StyledCompactBadge, { variant: 'primary_blue', size: 'small', LeadingIcon: StarEmptyIcon, className: storeActorHeaderClassNames.badge })] }), _jsxs(ActorTitleWrapper, { children: [_jsxs("div", { className: storeActorHeaderClassNames.title, children: [newStyle
+                                ? _jsx(Text, { as: 'h3', weight: 'bold', color: theme.color.neutral.text, children: title })
+                                : _jsx(Heading, { as: 'h3', type: "titleS", color: theme.color.neutral.text, children: title }), isUnderMaintenance && (_jsx(WarningTriangleIcon, { size: "12", color: theme.color.warning.icon }))] }), _jsxs(Text, { size: "small", weight: newStyle ? 'medium' : 'normal', type: "code", color: theme.color.neutral.textSubtle, className: storeActorHeaderClassNames.slug, children: [username, "/", name] })] })] }));
+};
+//# sourceMappingURL=store_actor_header.js.map

package/dist/src/components/store/store_actor_header.js.map

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

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

@@ -28,7 +28,7 @@ export type TagProps<T extends TagNodeType> = SharedTagProps & ({
     variant?: TagVariant;
     LeadingIcon?: IconComponent;
     TrailingIcon?: IconComponent;
-} & Omit<TagNodePropsMap[T]['props'], 'size'>);
+} & Omit<TagNodePropsMap[T]['props'], 'size' | 'type'>);
 /**
  * Component for displaying inherenly interactive chip descendant
  */

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

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/components/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,UAAU,CAAC;AAC9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAExD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEjF,KAAK,OAAO,GAAG,cAAc,CAAC;AAC9B,eAAO,MAAM,SAAS,EAAE,OAAO,EAAgC,CAAC;AAQhE,eAAO,MAAM,YAAY,sFAAuF,CAAC;AACjH,KAAK,UAAU,GAAG,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;AAE9C,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,CAAA;AAED,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,GAAG,kBAAkB,CAAC;AACvE,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,WAAW,IAAI,cAAc,GAAG,CAAC;IAC5D,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;CAChC,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AAqH/C;;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,2CAoBnD;kBA/BQ,UAAU;;;AAmCnB,eAAO,MAAM,GAAG,EAA6B,CAAC,CAAC,SAAS,WAAW,EAE/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"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/components/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,UAAU,CAAC;AAC9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAExD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEjF,KAAK,OAAO,GAAG,cAAc,CAAC;AAC9B,eAAO,MAAM,SAAS,EAAE,OAAO,EAAgC,CAAC;AAQhE,eAAO,MAAM,YAAY,sFAAuF,CAAC;AACjH,KAAK,UAAU,GAAG,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC;AAE9C,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,CAAA;AAED,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,GAAG,kBAAkB,CAAC;AACvE,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,WAAW,IAAI,cAAc,GAAG,CAAC;IAC5D,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;CAChC,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;AAqHxD;;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,2CAoBnD;kBA/BQ,UAAU;;;AAmCnB,eAAO,MAAM,GAAG,EAA6B,CAAC,CAAC,SAAS,WAAW,EAE/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"}