@apify/ui-library 0.57.3 → 0.58.0

package/.eslintrc

@@ -6,6 +6,7 @@
     ],
     "ignorePatterns": ["dist/**/*"],
     "rules": {
+        "react/react-in-jsx-scope": "off",
         "no-void": "off",
         "import/extensions": ["error", "always"],
         "@typescript-eslint/no-explicit-any": "off",

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.58.0](https://github.com/apify/apify-core/compare/@apify/ui-library@0.57.3...@apify/ui-library@0.58.0) (2025-03-03)
+
+
+### Features
+
+* **app:** compilation using react-jsx ([#19830](https://github.com/apify/apify-core/issues/19830)) ([6c888ee](https://github.com/apify/apify-core/commit/6c888ee66bdf731a6e34792224af31c1baac7ab7))
+
+
+
+
+
 ## [0.57.3](https://github.com/apify/apify-core/compare/@apify/ui-library@0.57.2...@apify/ui-library@0.57.3) (2025-03-03)
 
 

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type LinkProps } from './link.jsx';
+import { type LinkProps } from './link.js';
 export declare const ActionLink: React.FC<LinkProps>;
 export declare const BackLink: React.FC<LinkProps>;
 //# sourceMappingURL=action_link.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"action_link.d.ts","sourceRoot":"","sources":["../../../src/components/action_link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAmBlD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAe1C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAexC,CAAC"}
+{"version":3,"file":"action_link.d.ts","sourceRoot":"","sources":["../../../src/components/action_link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAmBjD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAe1C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAexC,CAAC"}

package/dist/src/components/{action_link.jsx → action_link.js}

@@ -1,9 +1,9 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from 'styled-components';
 import { ArrowLeftIcon, ArrowRightIcon } from '@apify/ui-icons';
 import { theme } from '../design_system/theme.js';
-import { Box } from './box.jsx';
-import { Link } from './link.jsx';
+import { Box } from './box.js';
+import { Link } from './link.js';
 import { Heading } from './text/index.js';
 const StyledGuidepost = styled(Box) `
     display: inline-flex;
@@ -21,15 +21,9 @@ const StyledGuidepost = styled(Box) `
     }
 `;
 export const ActionLink = ({ children, as, ...rest }) => {
-    return (<StyledGuidepost forwardedAs={as || Link} $isBackLink={false} {...rest}>
-            <Heading as='span' type='titleM'>{children}</Heading>
-            <ArrowRightIcon size="16"/>
-        </StyledGuidepost>);
+    return (_jsxs(StyledGuidepost, { forwardedAs: as || Link, "$isBackLink": false, ...rest, children: [_jsx(Heading, { as: 'span', type: 'titleM', children: children }), _jsx(ArrowRightIcon, { size: "16" })] }));
 };
 export const BackLink = ({ children, as, ...rest }) => {
-    return (<StyledGuidepost forwardedAs={as || Link} $isBackLink={true} {...rest}>
-            <ArrowLeftIcon size="16"/>
-            <Heading as='span' type='titleM'>{children}</Heading>
-        </StyledGuidepost>);
+    return (_jsxs(StyledGuidepost, { forwardedAs: as || Link, "$isBackLink": true, ...rest, children: [_jsx(ArrowLeftIcon, { size: "16" }), _jsx(Heading, { as: 'span', type: 'titleM', children: children })] }));
 };
-//# sourceMappingURL=action_link.jsx.map
+//# sourceMappingURL=action_link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"action_link.js","sourceRoot":"","sources":["../../../src/components/action_link.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAkB,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,CAA0B;;;aAGhD,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;;;;;;;;mCAQF,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;;CAG7E,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAC5C,QAAQ,EACR,EAAE,EACF,GAAG,IAAI,EACV,EAAE,EAAE;IACD,OAAO,CACH,MAAC,eAAe,IACZ,WAAW,EAAE,EAAE,IAAI,IAAI,iBACV,KAAK,KACd,IAAI,aAER,KAAC,OAAO,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,YAAE,QAAQ,GAAW,EACrD,KAAC,cAAc,IAAC,IAAI,EAAC,IAAI,GAAG,IACd,CACrB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAwB,CAAC,EAC1C,QAAQ,EACR,EAAE,EACF,GAAG,IAAI,EACV,EAAE,EAAE;IACD,OAAO,CACH,MAAC,eAAe,IACZ,WAAW,EAAE,EAAE,IAAI,IAAI,iBACV,IAAI,KACb,IAAI,aAER,KAAC,aAAa,IAAC,IAAI,EAAC,IAAI,GAAG,EAC3B,KAAC,OAAO,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,YAAE,QAAQ,GAAW,IACvC,CACrB,CAAC;AACN,CAAC,CAAC"}

package/dist/src/components/{actor_template_card.jsx → actor_template_card.js}

@@ -1,7 +1,7 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from 'styled-components';
 import { theme } from '../design_system/theme.js';
-import { TextBaseComponent } from './text/text_base.jsx';
+import { TextBaseComponent } from './text/text_base.js';
 import { VerticalTile } from './tile/index.js';
 const WrapperClasses = {
     TEMPLATE_CARD_IMAGES: 'TemplateCard-Images',
@@ -59,15 +59,7 @@ const TemplateCardContentWrapper = styled.div `
     }
 `;
 export const ActorTemplateCard = ({ id, label, description, icons, }) => {
-    const templateCardContent = (<TemplateCardContentWrapper>
-            <div className={WrapperClasses.TEMPLATE_CARD_IMAGES}>
-                {icons}
-            </div>
-            <div className={WrapperClasses.TEMPLATE_CARD_TEXT}>
-                <Heading>{label}</Heading>
-                <Text>{description}</Text>
-            </div>
-        </TemplateCardContentWrapper>);
-    return (<VerticalTile id={`actor-template-card-${id}`} content={templateCardContent} isClickable/>);
+    const templateCardContent = (_jsxs(TemplateCardContentWrapper, { children: [_jsx("div", { className: WrapperClasses.TEMPLATE_CARD_IMAGES, children: icons }), _jsxs("div", { className: WrapperClasses.TEMPLATE_CARD_TEXT, children: [_jsx(Heading, { children: label }), _jsx(Text, { children: description })] })] }));
+    return (_jsx(VerticalTile, { id: `actor-template-card-${id}`, content: templateCardContent, isClickable: true }));
 };
-//# sourceMappingURL=actor_template_card.jsx.map
+//# sourceMappingURL=actor_template_card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"actor_template_card.js","sourceRoot":"","sources":["../../../src/components/actor_template_card.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAS/C,MAAM,cAAc,GAAG;IACnB,oBAAoB,EAAE,qBAAqB;IAC3C,kBAAkB,EAAE,mBAAmB;CAC1C,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAA;MAChC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK;aAChC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS;;;;;;;aAO7B,KAAK,CAAC,MAAM,CAAC,MAAM;UACtB,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK;;;aAGpC,KAAK,CAAC,MAAM,CAAC,OAAO;UACvB,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK;;CAEjD,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAA;MACnC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO;aAClC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;;aAExB,KAAK,CAAC,MAAM,CAAC,MAAM;UACtB,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO;;;aAGtC,KAAK,CAAC,MAAM,CAAC,OAAO;UACvB,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;;CAEnD,CAAC;AAEF,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;WAMlC,KAAK,CAAC,KAAK,CAAC,OAAO;;OAEvB,cAAc,CAAC,oBAAoB;;;eAG3B,KAAK,CAAC,KAAK,CAAC,OAAO;;;OAG3B,cAAc,CAAC,kBAAkB;;;;;eAKzB,KAAK,CAAC,KAAK,CAAC,MAAM;;CAEhC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAChE,EAAE,EACF,KAAK,EACL,WAAW,EACX,KAAK,GACR,EAAE,EAAE;IACD,MAAM,mBAAmB,GAAG,CACxB,MAAC,0BAA0B,eACvB,cAAK,SAAS,EAAE,cAAc,CAAC,oBAAoB,YAC9C,KAAK,GACJ,EACN,eAAK,SAAS,EAAE,cAAc,CAAC,kBAAkB,aAC7C,KAAC,OAAO,cAAE,KAAK,GAAW,EAC1B,KAAC,IAAI,cAAE,WAAW,GAAQ,IACxB,IACmB,CAChC,CAAC;IAEF,OAAO,CACH,KAAC,YAAY,IACT,EAAE,EAAE,uBAAuB,EAAE,EAAE,EAC/B,OAAO,EAAE,mBAAmB,EAC5B,WAAW,SACb,CACL,CAAC;AACN,CAAC,CAAC"}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { IconComponent } from '@apify/ui-icons';
-import { type RegularBoxProps, type MarginSpacingProps } from './box.jsx';
+import { type RegularBoxProps, type MarginSpacingProps } from './box.js';
 type BadgeSize = typeof BADGE_SIZES[number];
 export declare const BADGE_SIZES: readonly ["medium", "small"];
 type BadgeVariant = typeof BADGE_VARIANTS[number];

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

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAI/D,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,kBAAkB,EAAO,MAAM,WAAW,CAAC;AAE/E,KAAK,SAAS,GAAG,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;AAE5C,eAAO,MAAM,WAAW,8BAA+B,CAAC;AA2BxD,KAAK,YAAY,GAAG,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC;AAElD,eAAO,MAAM,cAAc,0HAA2H,CAAC;AAkEvJ,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,GAAG,kBAAkB,GAAG;IAC/E,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,GAAG,QAAQ,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK;SAVX,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,GAAG,QAAQ,CAAC;WACxC,SAAS;cACN,YAAY;kBACR,aAAa;WACpB,OAAO;iCA8Bf,CAAC"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAI/D,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,kBAAkB,EAAO,MAAM,UAAU,CAAC;AAE9E,KAAK,SAAS,GAAG,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;AAE5C,eAAO,MAAM,WAAW,8BAA+B,CAAC;AA2BxD,KAAK,YAAY,GAAG,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC;AAElD,eAAO,MAAM,cAAc,0HAA2H,CAAC;AAkEvJ,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,GAAG,kBAAkB,GAAG;IAC/E,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,GAAG,QAAQ,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK;SAVX,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,GAAG,QAAQ,CAAC;WACxC,SAAS;cACN,YAAY;kBACR,aAAa;WACpB,OAAO;iCA8Bf,CAAC"}

package/dist/src/components/{badge.jsx → badge.js}

@@ -1,7 +1,8 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { theme } from '../design_system/theme.js';
-import { Box } from './box.jsx';
+import { Box } from './box.js';
 export const BADGE_SIZES = ['medium', 'small'];
 const BADGE_ICON_SIZES = {
     medium: '16',
@@ -87,10 +88,7 @@ const StyledBadge = styled(Box) `
  * Component for displaying non-interactive chip descendant.
  */
 export const Badge = forwardRef(({ size = 'small', variant = 'neutral', LeadingIcon, children, code = false, ...props }, ref) => {
-    return (<StyledBadge ref={ref} $size={size} $variant={variant} $code={code} {...props}>
-                {LeadingIcon && <LeadingIcon size={BADGE_ICON_SIZES[size]}/>}
-                {children}
-            </StyledBadge>);
+    return (_jsxs(StyledBadge, { ref: ref, "$size": size, "$variant": variant, "$code": code, ...props, children: [LeadingIcon && _jsx(LeadingIcon, { size: BADGE_ICON_SIZES[size] }), children] }));
 });
 Badge.displayName = 'Badge';
-//# sourceMappingURL=badge.jsx.map
+//# sourceMappingURL=badge.js.map

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

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

package/dist/src/components/{banner.jsx → banner.js}

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import styled, { css } from 'styled-components';
 import { theme } from '../design_system/theme.js';
 /* eslint-disable max-len */
@@ -67,7 +67,5 @@ const StyledBanner = styled.div `
 
     ${({ $background, $useGradientBackground }) => getBannerBackground($background, $useGradientBackground)};
 `;
-export const Banner = ({ useGradientBackground = true, background, children, ...otherProps }) => (<StyledBanner $background={background} $useGradientBackground={useGradientBackground} {...otherProps}>
-        {children}
-    </StyledBanner>);
-//# sourceMappingURL=banner.jsx.map
+export const Banner = ({ useGradientBackground = true, background, children, ...otherProps }) => (_jsx(StyledBanner, { "$background": background, "$useGradientBackground": useGradientBackground, ...otherProps, children: children }));
+//# sourceMappingURL=banner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.js","sourceRoot":"","sources":["../../../src/components/banner.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,4BAA4B;AAC5B,MAAM,8BAA8B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CtC,CAAC;AAQD,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,UAAmB,EAAE,qBAA+B,EAAE,EAAE;IACjF,OAAO,GAAG,CAAA;gCACkB,UAAU,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB;cACpE,qBAAqB,IAAI;wDACiB,kBAAkB,CAAC,8BAA8B,CAAC;;;;aAI7F;SACJ,CAAC;AACV,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAA4E;aAC9F,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM;eAC9B,KAAK,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO;qBACpC,KAAK,CAAC,MAAM,CAAC,QAAQ;;MAEpC,CAAC,EAAE,WAAW,EAAE,sBAAsB,EAAE,EAAE,EAAE,CAAC,mBAAmB,CAAC,WAAW,EAAE,sBAAsB,CAAC;CAC1G,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC1C,qBAAqB,GAAG,IAAI,EAC5B,UAAU,EACV,QAAQ,EACR,GAAG,UAAU,EAChB,EAAE,EAAE,CAAC,CACF,KAAC,YAAY,mBACI,UAAU,4BACC,qBAAqB,KACzC,UAAU,YAEb,QAAQ,GACE,CAClB,CAAC"}

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

@@ -4,6 +4,6 @@ interface BlogArticleProps {
     title: string;
     ctaTitle?: string;
 }
-export declare function BlogArticle({ imageNode, title, ctaTitle }: BlogArticleProps): React.JSX.Element;
+export declare function BlogArticle({ imageNode, title, ctaTitle }: BlogArticleProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=blog_article.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"blog_article.d.ts","sourceRoot":"","sources":["../../../src/components/blog_article.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAsE1B,UAAU,gBAAgB;IACtB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAsB,EAAE,EAAE,gBAAgB,qBAQzF"}
+{"version":3,"file":"blog_article.d.ts","sourceRoot":"","sources":["../../../src/components/blog_article.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAsE1B,UAAU,gBAAgB;IACtB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAsB,EAAE,EAAE,gBAAgB,2CAQzF"}

package/dist/src/components/{blog_article.jsx → blog_article.js}

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from 'styled-components';
 import { ArrowRightIcon } from '@apify/ui-icons';
 import { theme } from '../design_system/theme.js';
@@ -64,10 +64,6 @@ const BlogArticleWrapper = styled.div `
     }
 `;
 export function BlogArticle({ imageNode, title, ctaTitle = 'Read more' }) {
-    return (<BlogArticleWrapper>
-            <div className={classNames.IMAGE_WRAPPER}>{imageNode}</div>
-            <div className={classNames.TEXT}>{title}</div>
-            <div className={classNames.READ_POST}>{ctaTitle}<ArrowRightIcon size="16" title="" titleId=""/></div>
-        </BlogArticleWrapper>);
+    return (_jsxs(BlogArticleWrapper, { children: [_jsx("div", { className: classNames.IMAGE_WRAPPER, children: imageNode }), _jsx("div", { className: classNames.TEXT, children: title }), _jsxs("div", { className: classNames.READ_POST, children: [ctaTitle, _jsx(ArrowRightIcon, { size: "16", title: "", titleId: "" })] })] }));
 }
-//# sourceMappingURL=blog_article.jsx.map
+//# sourceMappingURL=blog_article.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"blog_article.js","sourceRoot":"","sources":["../../../src/components/blog_article.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,MAAM,UAAU,GAAG;IACf,aAAa,EAAE,cAAc;IAC7B,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,UAAU;CACxB,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;WAK1B,UAAU,CAAC,SAAS;yBACN,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;;;;OAI5C,UAAU,CAAC,aAAa;yBACN,KAAK,CAAC,KAAK,CAAC,OAAO;yBACnB,KAAK,CAAC,MAAM,CAAC,QAAQ;4BAClB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB;;;;OAIzD,UAAU,CAAC,IAAI;0BACI,KAAK,CAAC,KAAK,CAAC,OAAO;iBAC5B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;UAC/B,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;;6BAElB,KAAK,CAAC,MAAM,CAAC,MAAM;cAClC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;;;6BAGtB,KAAK,CAAC,MAAM,CAAC,OAAO;cACnC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;;;;OAI7C,UAAU,CAAC,SAAS;;;eAGZ,KAAK,CAAC,KAAK,CAAC,MAAM;iBAChB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS;UACpC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;;6BAElB,KAAK,CAAC,MAAM,CAAC,MAAM;cAClC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;;;6BAGtB,KAAK,CAAC,MAAM,CAAC,OAAO;cACnC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;;;;;;;;;4BASxB,KAAK,CAAC,KAAK,CAAC,MAAM;;;CAG7C,CAAC;AAQF,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,GAAG,WAAW,EAAoB;IACtF,OAAO,CACH,MAAC,kBAAkB,eACf,cAAK,SAAS,EAAE,UAAU,CAAC,aAAa,YAAG,SAAS,GAAO,EAC3D,cAAK,SAAS,EAAE,UAAU,CAAC,IAAI,YAAG,KAAK,GAAO,EAC9C,eAAK,SAAS,EAAE,UAAU,CAAC,SAAS,aAAG,QAAQ,EAAC,KAAC,cAAc,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,GAAG,IAAM,IACrF,CACxB,CAAC;AACN,CAAC"}

package/dist/src/components/{box.jsx → box.js}

@@ -1,4 +1,5 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { theme } from '../design_system/theme.js';
 const getSizeValue = (token) => {
@@ -44,5 +45,5 @@ const StyledBox = styled.div `
 // This component should work as a base component for all low level components (Heading, Message, Card, ...) to make it easy to define spacing.
 // Right now, it's quite common to define some sort of spacing on these components already using css. Card = styled.div`margin-bottom: theme.space.space8`
 // We should get rid of it and define it using props for Box component Card = styled(Box).attrs({mb: 'space8'})
-export const Box = forwardRef(({ m, mt, mb, ml, mr, mx, my, p, pt, pb, pl, pr, px, py, as, ...rest }, ref) => (<StyledBox $m={m} $mt={mt} $mb={mb} $ml={ml} $mr={mr} $mx={mx} $my={my} $p={p} $pt={pt} $pb={pb} $pl={pl} $pr={pr} $px={px} $py={py} as={as} ref={ref} {...rest}/>));
-//# sourceMappingURL=box.jsx.map
+export const Box = forwardRef(({ m, mt, mb, ml, mr, mx, my, p, pt, pb, pl, pr, px, py, as, ...rest }, ref) => (_jsx(StyledBox, { "$m": m, "$mt": mt, "$mb": mb, "$ml": ml, "$mr": mr, "$mx": mx, "$my": my, "$p": p, "$pt": pt, "$pb": pb, "$pl": pl, "$pr": pr, "$px": px, "$py": py, as: as, ref: ref, ...rest })));
+//# sourceMappingURL=box.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/components/box.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AA4ClD,MAAM,YAAY,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC1C,IAAI,CAAC,KAAK,IAAI,KAAK,KAAK,MAAM;QAAE,OAAO,CAAC,CAAC;IACzC,IAAI,KAAK,KAAK,MAAM;QAAE,OAAO,MAAM,CAAC;IACpC,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAA8D;MACpF,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC,IAAI,GAAG,CAAA;sBAC/B,YAAY,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC;KAC/C;;MAEC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC,IAAI,GAAG,CAAA;yBAC5B,YAAY,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC;KAClD;;MAEC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC,IAAI,GAAG,CAAA;wBAC7B,YAAY,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC;KACjD;;MAEC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC,IAAI,GAAG,CAAA;uBAC9B,YAAY,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC;KAChD;;MAEC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC,IAAI,GAAG,CAAA;uBAC9B,YAAY,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC;KAChD;;MAEC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC,IAAI,GAAG,CAAA;0BAC3B,YAAY,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC;KACnD;;MAEC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC,IAAI,GAAG,CAAA;yBAC5B,YAAY,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC;KAClD;;MAEC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC,IAAI,GAAG,CAAA;wBAC7B,YAAY,CAAC,GAAG,IAAI,GAAG,IAAI,EAAE,CAAC;KACjD;CACJ,CAAC;AACF,+IAA+I;AAC/I,0JAA0J;AAC1J,+GAA+G;AAC/G,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAAwB,CAAC,EAClD,CAAC,EACD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,CAAC,EACD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,GAAG,IAAI,EACA,EAAE,GAAG,EAAE,EAAE,CAAC,CACjB,KAAC,SAAS,UACF,CAAC,SACA,EAAE,SACF,EAAE,SACF,EAAE,SACF,EAAE,SACF,EAAE,SACF,EAAE,QACH,CAAC,SACA,EAAE,SACF,EAAE,SACF,EAAE,SACF,EAAE,SACF,EAAE,SACF,EAAE,EACP,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,KACJ,IAAI,GACV,CACL,CAAC,CAAC"}

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type WithRequired } from '../type_utils.js';
-import { type RegularBoxProps, type MarginSpacingProps } from './box.jsx';
-import { type LinkProps } from './link.jsx';
+import { type RegularBoxProps, type MarginSpacingProps } from './box.js';
+import { type LinkProps } from './link.js';
 type ButtonSize = 'medium' | 'small';
 type ButtonColor = 'default' | 'success' | 'danger';
 type ButtonVariant = 'primary' | 'secondary' | 'text';

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,KAAK,YAAY,EAA2B,MAAM,kBAAkB,CAAC;AAE9E,OAAO,EAAO,KAAK,eAAe,EAAE,KAAK,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/E,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAEjE,KAAK,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AACrC,KAAK,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACpD,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;AAEtD,MAAM,WAAW,oBAAoB;IACjC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAkB;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAGD,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,kBAAkB,CAAC;AAE/F,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;AAEvF,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,eAAe,GAAG,SAAS,CAAC;AAyBhF,KAAK,sBAAsB,GAAG;KACzB,IAAI,IAAI,UAAU,GAAG;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,iBAAiB,EAAE,MAAM,CAAC;QAC1B,MAAM,EAAE,MAAM,CAAC;KAClB;CACJ,CAAC;AA8EF,eAAO,MAAM,wBAAwB,EAAE,sBAWtC,CAAC;AAEF,eAAO,MAAM,oBAAoB,aAAa,aAAa,UAAqB,WAAW,2DAoC1F,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAAU,UAAU,2DAanD,CAAC;AA8BF,eAAO,MAAM,MAAM,uGAmEjB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,KAAK,YAAY,EAA2B,MAAM,kBAAkB,CAAC;AAE9E,OAAO,EAAO,KAAK,eAAe,EAAE,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9E,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAEhE,KAAK,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AACrC,KAAK,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACpD,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;AAEtD,MAAM,WAAW,oBAAoB;IACjC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAkB;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAGD,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,kBAAkB,CAAC;AAE/F,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;AAEvF,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,eAAe,GAAG,SAAS,CAAC;AAyBhF,KAAK,sBAAsB,GAAG;KACzB,IAAI,IAAI,UAAU,GAAG;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,iBAAiB,EAAE,MAAM,CAAC;QAC1B,MAAM,EAAE,MAAM,CAAC;KAClB;CACJ,CAAC;AA8EF,eAAO,MAAM,wBAAwB,EAAE,sBAWtC,CAAC;AAEF,eAAO,MAAM,oBAAoB,aAAa,aAAa,UAAqB,WAAW,2DAoC1F,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAAU,UAAU,2DAanD,CAAC;AA8BF,eAAO,MAAM,MAAM,uGAmEjB,CAAC"}

package/dist/src/components/{button.jsx → button.js}

@@ -1,10 +1,11 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { ExternalLinkIcon } from '@apify/ui-icons';
 import { theme } from '../design_system/theme.js';
-import { useSharedUiDependencies } from '../ui_dependency_provider.jsx';
-import { Box } from './box.jsx';
-import { Link, isUrlExternal } from './link.jsx';
+import { useSharedUiDependencies } from '../ui_dependency_provider.js';
+import { Box } from './box.js';
+import { Link, isUrlExternal } from './link.js';
 ;
 ;
 // typeguard to distinguish between the two options for props
@@ -175,20 +176,12 @@ export const Button = forwardRef((props, ref) => {
     if (isAnchorButton(props)) {
         const isExternal = isUrlExternal(props.to, windowLocationHost);
         const EffectiveRightIcon = (isExternal && !props.hideExternalIcon) ? ExternalLinkIcon : RightIcon;
-        return (<StyledButton $size={size} $color={color} $variant={variant} 
-        // If anchor is undefined, we just render it as a regular button
-        forwardedAs={props.disabled ? 'button' : Link} ref={ref} onClick={trackedOnClick} to={props.to} {...rest} 
-        // If we want to show external icon, we use button's slot for icon
-        hideExternalIcon={true}>
-                {LeftIcon && <LeftIcon size={iconSize}/>}
-                {children}
-                {EffectiveRightIcon && <EffectiveRightIcon size={iconSize}/>}
-            </StyledButton>);
+        return (_jsxs(StyledButton, { "$size": size, "$color": color, "$variant": variant, 
+            // If anchor is undefined, we just render it as a regular button
+            forwardedAs: props.disabled ? 'button' : Link, ref: ref, onClick: trackedOnClick, to: props.to, ...rest, 
+            // If we want to show external icon, we use button's slot for icon
+            hideExternalIcon: true, children: [LeftIcon && _jsx(LeftIcon, { size: iconSize }), children, EffectiveRightIcon && _jsx(EffectiveRightIcon, { size: iconSize })] }));
     }
-    return (<StyledButton $size={size} $color={color} $variant={variant} forwardedAs={as || 'button'} ref={ref} onClick={trackedOnClick} type='button' {...rest}>
-            {LeftIcon && <LeftIcon size={iconSize}/>}
-            {children}
-            {RightIcon && <RightIcon size={iconSize}/>}
-        </StyledButton>);
+    return (_jsxs(StyledButton, { "$size": size, "$color": color, "$variant": variant, forwardedAs: as || 'button', ref: ref, onClick: trackedOnClick, type: 'button', ...rest, children: [LeftIcon && _jsx(LeftIcon, { size: iconSize }), children, RightIcon && _jsx(RightIcon, { size: iconSize })] }));
 });
-//# sourceMappingURL=button.jsx.map
+//# sourceMappingURL=button.js.map

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

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

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

@@ -1,7 +1,7 @@
 import type { FC } from 'react';
 import React from 'react';
 import type { ValueOf } from '@apify-packages/types';
-import type { RegularBoxProps } from './box.jsx';
+import type { RegularBoxProps } from './box.js';
 declare const CHIP_SIZES: {
     readonly SMALL: "S";
     readonly MEDIUM: "M";

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

@@ -1 +1 @@
-{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAEjD,QAAA,MAAM,UAAU;;;;CAIN,CAAC;AACX,KAAK,UAAU,GAAG,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;AAE7C,QAAA,MAAM,UAAU;;;;;;CAMN,CAAC;AACX,KAAK,UAAU,GAAG,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;AAE7C,eAAO,MAAM,UAAU;;CAEtB,CAAC;AA6DF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACtC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,IAAI;eAnEP,MAAO,SAChB;;YACU,MAAO,aACb;kBAAkB,MACnB,UACC;;;SAMqB,MAClB,WAAO;;WA8CJ,UAAU;WACV,UAAU;WACV,KAAK,CAAC,SAAS;gBACV,OAAO;iCAiBrB,CAAC;AAIH,KAAK,iBAAiB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;AAEhD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAA4D,CAAC;AAC3G,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAA4D,CAAC;AAC3G,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAA4D,CAAC;AAC3G,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAA2D,CAAC;AACzG,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAA4D,CAAC"}
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,QAAA,MAAM,UAAU;;;;CAIN,CAAC;AACX,KAAK,UAAU,GAAG,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;AAE7C,QAAA,MAAM,UAAU;;;;;;CAMN,CAAC;AACX,KAAK,UAAU,GAAG,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;AAE7C,eAAO,MAAM,UAAU;;CAEtB,CAAC;AA6DF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACtC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,IAAI;eAnEN,MAAQ,SACjB;;YACU,MAAO,aACb;kBAAkB,MACpB,UACE;;;SAMqB,MACnB,WAAQ;;WA8CL,UAAU;WACV,UAAU;WACV,KAAK,CAAC,SAAS;gBACV,OAAO;iCAiBrB,CAAC;AAIH,KAAK,iBAAiB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;AAEhD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAA4D,CAAC;AAC3G,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAA4D,CAAC;AAC3G,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAA4D,CAAC;AAC3G,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAA2D,CAAC;AACzG,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAA4D,CAAC"}

package/dist/src/components/{chip.jsx → chip.js}

@@ -1,5 +1,6 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import clsx from 'clsx';
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { theme } from '../design_system/theme.js';
 const CHIP_SIZES = {
@@ -78,12 +79,12 @@ const StyledChip = styled.span `
  */
 export const Chip = forwardRef(({ type = CHIP_TYPES.DEFAULT, size = CHIP_SIZES.MEDIUM, icon, children, className, ...passThroughProps }, ref) => {
     const otherProps = { ...passThroughProps, type, size, className: clsx(className, classNames.BODY) };
-    return <StyledChip ref={ref} {...otherProps}>{children}{icon}</StyledChip>;
+    return _jsxs(StyledChip, { ref: ref, ...otherProps, children: [children, icon] });
 });
 Chip.displayName = 'Chip';
-export const PrimaryChip = (props) => <Chip type={CHIP_TYPES.PRIMARY} {...props}/>;
-export const NeutralChip = (props) => <Chip type={CHIP_TYPES.DEFAULT} {...props}/>;
-export const SuccessChip = (props) => <Chip type={CHIP_TYPES.SUCCESS} {...props}/>;
-export const DangerChip = (props) => <Chip type={CHIP_TYPES.DANGER} {...props}/>;
-export const WarningChip = (props) => <Chip type={CHIP_TYPES.WARNING} {...props}/>;
-//# sourceMappingURL=chip.jsx.map
+export const PrimaryChip = (props) => _jsx(Chip, { type: CHIP_TYPES.PRIMARY, ...props });
+export const NeutralChip = (props) => _jsx(Chip, { type: CHIP_TYPES.DEFAULT, ...props });
+export const SuccessChip = (props) => _jsx(Chip, { type: CHIP_TYPES.SUCCESS, ...props });
+export const DangerChip = (props) => _jsx(Chip, { type: CHIP_TYPES.DANGER, ...props });
+export const WarningChip = (props) => _jsx(Chip, { type: CHIP_TYPES.WARNING, ...props });
+//# sourceMappingURL=chip.js.map

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

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

package/dist/src/components/code/action_button.d.ts

@@ -2,10 +2,10 @@ import React from 'react';
 interface ActionButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     successStyle?: boolean;
 }
-export declare const ActionButton: ({ successStyle, children, ...props }: ActionButtonProps) => React.JSX.Element;
+export declare const ActionButton: ({ successStyle, children, ...props }: ActionButtonProps) => import("react/jsx-runtime").JSX.Element;
 interface CopyButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     code: string;
 }
-export declare const CopyButton: ({ code, ...props }: CopyButtonProps) => React.JSX.Element;
+export declare const CopyButton: ({ code, ...props }: CopyButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=action_button.d.ts.map

package/dist/src/components/code/action_button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action_button.d.ts","sourceRoot":"","sources":["../../../../src/components/code/action_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8D1B,UAAU,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY,yCAItB,iBAAiB,sBAYnB,CAAC;AAEF,UAAU,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3E,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,uBAAwB,eAAe,sBAO7D,CAAC"}
+{"version":3,"file":"action_button.d.ts","sourceRoot":"","sources":["../../../../src/components/code/action_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8D1B,UAAU,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY,yCAItB,iBAAiB,4CAYnB,CAAC;AAEF,UAAU,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3E,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,uBAAwB,eAAe,4CAO7D,CAAC"}

package/dist/src/components/code/{action_button.jsx → action_button.js}

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import styled, { css } from 'styled-components';
 import { CheckIcon, CopyIcon } from '@apify/ui-icons';
 import { theme } from '../../design_system/theme.js';
@@ -53,14 +53,10 @@ const StyledButton = styled.button `
 `;
 export const ActionButton = ({ successStyle, children, ...props }) => {
     const hasText = typeof children === 'string';
-    return (<StyledButton $successStyle={successStyle} $hasText={hasText} {...props}>
-            {hasText ? <Text weight="bold">{children}</Text> : children}
-        </StyledButton>);
+    return (_jsx(StyledButton, { "$successStyle": successStyle, "$hasText": hasText, ...props, children: hasText ? _jsx(Text, { weight: "bold", children: children }) : children }));
 };
 export const CopyButton = ({ code, ...props }) => {
     const [isCopied, handleClick] = useCopyToClipboard({ text: code });
-    return (<ActionButton onClick={handleClick} data-test='copy_to_clipboard' {...props}>
-            {isCopied ? <CheckIcon size="16"/> : <CopyIcon size="16"/>}
-        </ActionButton>);
+    return (_jsx(ActionButton, { onClick: handleClick, "data-test": 'copy_to_clipboard', ...props, children: isCopied ? _jsx(CheckIcon, { size: "16" }) : _jsx(CopyIcon, { size: "16" }) }));
 };
-//# sourceMappingURL=action_button.jsx.map
+//# sourceMappingURL=action_button.js.map

package/dist/src/components/code/action_button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action_button.js","sourceRoot":"","sources":["../../../../src/components/code/action_button.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAOxC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAmB;;;;;wBAK7B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;qBAC7B,KAAK,CAAC,MAAM,CAAC,OAAO;;;;kBAIvB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;aACxC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;;4BAET,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK;;;eAGtC,KAAK,CAAC,KAAK,CAAC,MAAM;;;;;;;;;MAS3B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ;OACrB,GAAG,CAAA;;uBAES,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM;;;;SAItD;;MAEH,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;OAC/B,GAAG,CAAA;gCACkB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;qBACrC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa;;;oCAGlB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY;;;oCAGhC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;;SAErD;CACR,CAAC;AAMF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,OAAO,GAAG,OAAO,QAAQ,KAAK,QAAQ,CAAC;IAE7C,OAAO,CACH,KAAC,YAAY,qBACM,YAAY,cACjB,OAAO,KACb,KAAK,YAER,OAAO,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,MAAM,EAAC,MAAM,YAAE,QAAQ,GAAQ,CAAC,CAAC,CAAC,QAAQ,GAChD,CAClB,CAAC;AACN,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAmB,EAAE,EAAE;IAC9D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,kBAAkB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IACnE,OAAO,CACH,KAAC,YAAY,IAAC,OAAO,EAAE,WAAW,eAAY,mBAAmB,KAAK,KAAK,YACtE,QAAQ,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAC,IAAI,GAAG,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,GAAG,GACjD,CAClB,CAAC;AACN,CAAC,CAAC"}

package/dist/src/components/code/code_block/code_block.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { RegularBoxProps } from '../../box.js';
-import type { SharedTextSize } from '../../text/text_shared.jsx';
+import type { SharedTextSize } from '../../text/text_shared.js';
 interface CodeTab {
     key: string;
     label: string;
@@ -33,6 +33,6 @@ type CodeBlockProps = RegularBoxProps & {
     hideBashPromptPrefixes?: boolean;
     hideLineNumbers?: boolean | undefined;
 };
-export declare function CodeBlock({ content, size, language, highlightLines, onTabChange, defaultTabKey, showGradient, hideBashHeader, showActionButton, fullWidth, actionButtonLabel, gradientRotation, hideLineNumbers, fullHeight, title, hideCopyButton, bashCommandsStart, hideBashPromptPrefixes, onActionButtonClick, ...rest }: CodeBlockProps): React.JSX.Element;
+export declare function CodeBlock({ content, size, language, highlightLines, onTabChange, defaultTabKey, showGradient, hideBashHeader, showActionButton, fullWidth, actionButtonLabel, gradientRotation, hideLineNumbers, fullHeight, title, hideCopyButton, bashCommandsStart, hideBashPromptPrefixes, onActionButtonClick, ...rest }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=code_block.d.ts.map

package/dist/src/components/code/code_block/code_block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code_block.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAIpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAyEjE,UAAU,OAAO;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AAED,KAAK,cAAc,GAAG,eAAe,GAAG;IACpC,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,CAAC;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACzE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACzC,CAAA;AAED,wBAAgB,SAAS,CAAC,EACtB,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,WAAW,EACX,aAAa,EACb,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,iBAAiB,EACjB,gBAAsB,EACtB,eAAe,EACf,UAAU,EACV,KAAK,EACL,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACnB,GAAG,IAAI,EACV,EAAE,cAAc,qBAmGhB"}
+{"version":3,"file":"code_block.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAIpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAyEhE,UAAU,OAAO;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AAED,KAAK,cAAc,GAAG,eAAe,GAAG;IACpC,OAAO,EAAE,MAAM,GAAG,OAAO,EAAE,CAAC;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACzE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACzC,CAAA;AAED,wBAAgB,SAAS,CAAC,EACtB,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,WAAW,EACX,aAAa,EACb,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,SAAS,EACT,iBAAiB,EACjB,gBAAsB,EACtB,eAAe,EACf,UAAU,EACV,KAAK,EACL,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACnB,GAAG,IAAI,EACV,EAAE,cAAc,2CAmGhB"}

package/dist/src/components/code/code_block/code_block.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useCallback, useMemo, useRef, useState } from 'react';
+import { ColorWheelGradient } from '../../color_wheel_gradient.js';
+import { Link } from '../../link.js';
+import { Text } from '../../text/index.js';
+import { ActionButton, CopyButton } from '../action_button.js';
+import SyntaxHighlighter from '../syntax_highlighter.js';
+import { CodeBlockWrapper } from './code_block.styled.js';
+import { mapPrefixToBashLine } from './utils.js';
+function HeaderDots() {
+    return (_jsxs("div", { className: "CodeBlock-HederDotsWrapper", children: [_jsx("div", { className: "CodeBlock-HeaderDot" }), _jsx("div", { className: "CodeBlock-HeaderDot" }), _jsx("div", { className: "CodeBlock-HeaderDot" })] }));
+}
+function Header({ tabs, currentTab, showBashHeader, onTabChange, title, }) {
+    return (_jsxs("div", { className: "CodeBlock-Header", children: [showBashHeader && _jsx(HeaderDots, {}), title && (_jsx(Text, { weight: "bold", className: "CodeBlock-HeaderTitle", children: title })), _jsx("div", { className: "CodeBlock-HeaderTabsWrapper", children: tabs?.map((tab) => {
+                    const selected = tab.key === currentTab?.key;
+                    const props = {
+                        className: clsx('CodeBlock-Tab', { selected }),
+                        onClick: (e) => onTabChange(tab, e),
+                        title: tab.label,
+                        id: tab.id ?? tab.key,
+                    };
+                    const label = _jsx(Text, { weight: tab.key === currentTab?.key ? 'bold' : 'normal', children: tab.label });
+                    if (tab.to) {
+                        return (_jsx(Link, { to: tab.to, ...props, children: label }, tab.key));
+                    }
+                    return (_jsx("div", { ...props, children: label }, tab.key));
+                }) })] }));
+}
+const LANGUAGES_WITHOUT_LINE_NUMBERS = ['json', 'jsonp', 'jsonp', 'rss', 'yaml', 'xml', 'html', 'bash', 'text', 'dockerfile', 'http'];
+export function CodeBlock({ content, size, language, highlightLines, onTabChange, defaultTabKey, showGradient, hideBashHeader, showActionButton, fullWidth, actionButtonLabel, gradientRotation = 340, hideLineNumbers, fullHeight, title, hideCopyButton, bashCommandsStart, hideBashPromptPrefixes, onActionButtonClick, ...rest }) {
+    const isMultiTab = content instanceof Array;
+    const defaultTab = isMultiTab
+        ? content.find((tab) => tab.key === defaultTabKey) ?? content[0]
+        : null;
+    const [currentTab, setCurrentTab] = useState(defaultTab);
+    const currentCode = (isMultiTab ? currentTab?.code : content)?.trim() ?? '';
+    const currentLanguage = language ?? currentTab?.language;
+    const currentHighlightLines = useMemo(() => (isMultiTab ? currentTab?.highlightLines ?? [] : highlightLines), [isMultiTab, currentTab, highlightLines]);
+    const isBash = currentLanguage === 'bash';
+    const showLineNumbers = !hideLineNumbers
+        && !LANGUAGES_WITHOUT_LINE_NUMBERS.includes(currentLanguage ?? '');
+    const showBashPrompt = isBash && !hideBashPromptPrefixes;
+    const showBashHeader = isBash && !hideBashHeader && !isMultiTab;
+    const showHeader = isMultiTab || !!title || showBashHeader;
+    const syntaxHighlighterRef = useRef(null);
+    const handleTabClick = async (tab, e) => {
+        await onTabChange?.(tab.key, e);
+        setCurrentTab(tab);
+        syntaxHighlighterRef.current?.scrollTo(0, 0);
+    };
+    const currentBashLinesPrefixes = useMemo(() => {
+        if (!showBashPrompt)
+            return [];
+        return mapPrefixToBashLine(currentCode, currentTab?.bashCommandsStart ?? bashCommandsStart);
+    }, [currentCode, bashCommandsStart, showBashPrompt, currentTab]);
+    const getLineProps = useCallback((lineNumber) => {
+        const data = [];
+        if (currentHighlightLines?.includes(lineNumber)) {
+            data.push('highlighted');
+        }
+        if (showBashPrompt) {
+            data.push(currentBashLinesPrefixes[lineNumber - 1]);
+        }
+        return { data: data.join(' ') };
+    }, [currentHighlightLines, showBashPrompt, currentBashLinesPrefixes]);
+    return (_jsxs(CodeBlockWrapper, { "$hasHeader": showHeader, "$gradientRotation": gradientRotation, "$hasActionButton": showActionButton, "$hasTabs": isMultiTab, "$fullWidth": fullWidth, "$fullHeight": fullHeight, "$showLineNumbers": showLineNumbers, ...rest, children: [showHeader && (_jsx(Header, { tabs: isMultiTab ? content : null, currentTab: currentTab, onTabChange: handleTabClick, showBashHeader: showBashHeader, title: title })), _jsx(SyntaxHighlighter, { showLineNumbers: true, wrapLines: true, language: currentLanguage, size: size, lineProps: getLineProps, ref: syntaxHighlighterRef, children: currentCode }), _jsxs("div", { className: "CodeBlock-TopRightActionsWrapper", children: [showActionButton && _jsx(ActionButton, { successStyle: true, onClick: onActionButtonClick, children: actionButtonLabel ?? 'Run on Apify' }), !hideCopyButton && _jsx(CopyButton, { code: currentCode })] }), showGradient && (_jsx(ColorWheelGradient, { className: "CodeBlock-Gradient", blurSize: 69 }))] }));
+}
+//# sourceMappingURL=code_block.js.map

package/dist/src/components/code/code_block/code_block.js.map

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

package/dist/src/components/code/code_block/code_block.styled.d.ts

@@ -1,5 +1,5 @@
-import type { SharedTextSize } from '../../text/text_shared.jsx';
-export declare const CodeBlockWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../box.jsx").BoxProps & import("react").RefAttributes<HTMLElement>>, any, import("../syntax_highlighter.jsx").SyntaxHighlighterBaseStylesWrapperProps & {
+import type { SharedTextSize } from '../../text/text_shared.js';
+export declare const CodeBlockWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../box.js").BoxProps & import("react").RefAttributes<HTMLElement>>, any, import("../syntax_highlighter.js").SyntaxHighlighterBaseStylesWrapperProps & {
     $hasHeader: boolean;
     $gradientRotation?: number;
     $highlightLines?: number[];

package/dist/src/components/code/code_block/code_block.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code_block.styled.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block.styled.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAKjE,eAAO,MAAM,gBAAgB;gBACb,OAAO;wBACC,MAAM;sBACR,MAAM,EAAE;uBACP,OAAO;eACf,OAAO;iBACL,OAAO;uBACD,OAAO;kBACZ,OAAO;WACd,cAAc;SAkNxB,CAAC"}
+{"version":3,"file":"code_block.styled.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block.styled.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAKhE,eAAO,MAAM,gBAAgB;gBACb,OAAO;wBACC,MAAM;sBACR,MAAM,EAAE;uBACP,OAAO;eACf,OAAO;iBACL,OAAO;uBACD,OAAO;kBACZ,OAAO;WACd,cAAc;SAkNxB,CAAC"}