@apify/ui-library 1.97.1 → 1.98.0

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

@@ -0,0 +1,92 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BlogArticle } from './blog_article.js';
+export default {
+    title: 'UI-Library/BlogArticle',
+    component: BlogArticle,
+    argTypes: {
+        imageNode: {
+            control: 'object',
+            description: 'React node representing the article image or media.',
+        },
+        title: {
+            control: 'text',
+            description: 'Title of the blog article.',
+        },
+        ctaTitle: {
+            control: 'text',
+            description: 'Call-to-action text displayed in the read more section.',
+        },
+    },
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'TODO: Add Figma URL',
+        },
+    },
+};
+/**
+ * Default story for BlogArticle.
+ * Shows the component with a sample image, title, and default CTA text.
+ */
+export const Default = {
+    args: {
+        imageNode: (_jsx("img", { src: "https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=400&h=225&fit=crop&crop=faces", alt: "Sample blog cover", style: { width: '100%', height: '100%', objectFit: 'cover', borderRadius: '12px' } })),
+        title: 'How to Build Scalable Web Scrapers with Apify',
+        ctaTitle: 'Read more',
+    },
+};
+/**
+ * Story for BlogArticle with a custom CTA title.
+ * Demonstrates how the CTA text can be customized from the default "Read more".
+ */
+export const CustomCTA = {
+    args: {
+        imageNode: (_jsx("img", { src: "https://images.unsplash.com/photo-1555066931-4365d14bab8c?w=400&h=225&fit=crop&crop=faces", alt: "Custom blog cover", style: { width: '100%', height: '100%', objectFit: 'cover', borderRadius: '12px' } })),
+        title: 'Introducing the New Apify SDK',
+        ctaTitle: 'Learn more',
+    },
+};
+/**
+ * Story for BlogArticle with a long title.
+ * Useful for testing text wrapping and layout with lengthy titles.
+ */
+export const LongTitle = {
+    args: {
+        imageNode: (_jsx("img", { src: "https://images.unsplash.com/photo-1551650975-87deedd944c3?w=400&h=225&fit=crop&crop=faces", alt: "Long title blog cover", style: { width: '100%', height: '100%', objectFit: 'cover', borderRadius: '12px' } })),
+        title: 'A Comprehensive Guide to Web Automation: Best Practices, Common Pitfalls, and Real-World Use Cases for Modern Developers',
+        ctaTitle: 'Read more',
+    },
+};
+/**
+ * Story for BlogArticle with a short title.
+ * Demonstrates the component behavior with minimal text content.
+ */
+export const ShortTitle = {
+    args: {
+        imageNode: (_jsx("img", { src: "https://images.unsplash.com/photo-1504639725590-34d0984388bd?w=400&h=225&fit=crop&crop=faces", alt: "Short title blog cover", style: { width: '100%', height: '100%', objectFit: 'cover', borderRadius: '12px' } })),
+        title: 'Quick Tips',
+        ctaTitle: 'Read more',
+    },
+};
+/**
+ * Story for BlogArticle with a placeholder image.
+ * Shows how the component handles when no actual image is provided.
+ */
+export const PlaceholderImage = {
+    args: {
+        imageNode: (_jsx("div", { style: {
+                width: '100%',
+                height: '100%',
+                backgroundColor: '#f0f0f0',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                color: '#666',
+                borderRadius: '12px',
+                fontSize: '14px',
+            }, children: "Image placeholder" })),
+        title: 'Understanding Data Processing Pipelines',
+        ctaTitle: 'Read more',
+    },
+};
+//# sourceMappingURL=blog_article.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"blog_article.stories.js","sourceRoot":"","sources":["../../../src/components/blog_article.stories.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIhD,eAAe;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE;QACN,SAAS,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,qDAAqD;SACrE;QACD,KAAK,EAAE;YACH,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,4BAA4B;SAC5C;QACD,QAAQ,EAAE;YACN,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,yDAAyD;SACzE;KACJ;IACD,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,qBAAqB;SAC7B;KACJ;CACsB,CAAC;AAI5B;;;GAGG;AACH,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,SAAS,EAAE,CACP,cACI,GAAG,EAAC,8FAA8F,EAClG,GAAG,EAAC,mBAAmB,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,GACpF,CACL;QACD,KAAK,EAAE,+CAA+C;QACtD,QAAQ,EAAE,WAAW;KACxB;CACJ,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,SAAS,EAAE,CACP,cACI,GAAG,EAAC,2FAA2F,EAC/F,GAAG,EAAC,mBAAmB,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,GACpF,CACL;QACD,KAAK,EAAE,+BAA+B;QACtC,QAAQ,EAAE,YAAY;KACzB;CACJ,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,SAAS,EAAE,CACP,cACI,GAAG,EAAC,2FAA2F,EAC/F,GAAG,EAAC,uBAAuB,EAC3B,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,GACpF,CACL;QACD,KAAK,EAAE,0HAA0H;QACjI,QAAQ,EAAE,WAAW;KACxB;CACJ,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,IAAI,EAAE;QACF,SAAS,EAAE,CACP,cACI,GAAG,EAAC,8FAA8F,EAClG,GAAG,EAAC,wBAAwB,EAC5B,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,GACpF,CACL;QACD,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,WAAW;KACxB;CACJ,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACnC,IAAI,EAAE;QACF,SAAS,EAAE,CACP,cACI,KAAK,EAAE;gBACH,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,eAAe,EAAE,SAAS;gBAC1B,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,KAAK,EAAE,MAAM;gBACb,YAAY,EAAE,MAAM;gBACpB,QAAQ,EAAE,MAAM;aACnB,kCAGC,CACT;QACD,KAAK,EAAE,yCAAyC;QAChD,QAAQ,EAAE,WAAW;KACxB;CACJ,CAAC"}

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

@@ -0,0 +1,98 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { type ChipProps } from './chip.js';
+declare const _default: Meta<ChipProps>;
+export default _default;
+type Story = StoryObj<ChipProps>;
+/**
+ * Default chip with medium size and default type
+ */
+export declare const Default: Story;
+/**
+ * Extra small chip - the smallest size available
+ */
+export declare const ExtraSmall: Story;
+/**
+ * Small chip size
+ */
+export declare const Small: Story;
+/**
+ * Medium chip size (default)
+ */
+export declare const Medium: Story;
+/**
+ * Large chip size
+ */
+export declare const Large: Story;
+/**
+ * Primary chip type with brand colors
+ */
+export declare const Primary: Story;
+/**
+ * Success chip type for positive states
+ */
+export declare const Success: Story;
+/**
+ * Warning chip type for cautionary states
+ */
+export declare const Warning: Story;
+/**
+ * Danger chip type for error or critical states
+ */
+export declare const Danger: Story;
+/**
+ * Chip with an icon on the right side
+ */
+export declare const WithIcon: Story;
+/**
+ * Primary chip with check icon
+ */
+export declare const PrimaryWithIcon: Story;
+/**
+ * Success chip with check icon
+ */
+export declare const SuccessWithIcon: Story;
+/**
+ * Warning chip with warning icon
+ */
+export declare const WarningWithIcon: Story;
+/**
+ * Danger chip with error icon
+ */
+export declare const DangerWithIcon: Story;
+/**
+ * Clickable chip with pointer cursor
+ */
+export declare const Clickable: Story;
+/**
+ * Non-clickable chip with default cursor
+ */
+export declare const NonClickable: Story;
+/**
+ * Large primary clickable chip with icon
+ */
+export declare const LargePrimaryClickableWithIcon: Story;
+/**
+ * Small success chip showing status
+ */
+export declare const SmallStatusChip: Story;
+/**
+ * Extra small chip for compact layouts
+ */
+export declare const ExtraSmallTag: Story;
+/**
+ * Chip with longer text content
+ */
+export declare const WithLongText: Story;
+/**
+ * Multiple chips showcasing different types in one view
+ */
+export declare const AllTypes: Story;
+/**
+ * Multiple chips showcasing different sizes in one view
+ */
+export declare const AllSizes: Story;
+/**
+ * Chips with various icons demonstrating versatility
+ */
+export declare const WithVariousIcons: Story;
+//# sourceMappingURL=chip.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;wBA4CpE,IAAI,CAAC,SAAS,CAAC;AAhCpB,wBAgCqB;AAErB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;AAEjC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,6BAA6B,EAAE,KAQ3C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAU9B,CAAC"}

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

@@ -0,0 +1,251 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Chip, CHIP_SIZES, CHIP_TYPES } from './chip.js';
+const mockIcons = {
+    star: _jsx("span", { style: { fontSize: '14px' }, children: "\u2B50" }),
+    check: _jsx("span", { style: { fontSize: '14px' }, children: "\u2713" }),
+    warning: _jsx("span", { style: { fontSize: '14px' }, children: "\u26A0\uFE0F" }),
+    error: _jsx("span", { style: { fontSize: '14px' }, children: "\u274C" }),
+    info: _jsx("span", { style: { fontSize: '14px' }, children: "\u2139\uFE0F" }),
+    heart: _jsx("span", { style: { fontSize: '14px' }, children: "\u2764\uFE0F" }),
+    tag: _jsx("span", { style: { fontSize: '14px' }, children: "#" }),
+};
+export default {
+    title: 'UI-Library/Chip',
+    tags: ['deprecated'],
+    component: Chip,
+    argTypes: {
+        type: {
+            control: 'select',
+            options: Object.values(CHIP_TYPES),
+        },
+        size: {
+            control: 'select',
+            options: Object.values(CHIP_SIZES),
+        },
+        clickable: {
+            control: 'boolean',
+        },
+        icon: {
+            control: false,
+        },
+        children: {
+            control: 'text',
+        },
+        className: {
+            control: 'text',
+        },
+    },
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'TODO: Add Figma URL',
+        },
+    },
+};
+/**
+ * Default chip with medium size and default type
+ */
+export const Default = {
+    args: {
+        children: 'Default Chip',
+    },
+};
+/**
+ * Extra small chip - the smallest size available
+ */
+export const ExtraSmall = {
+    args: {
+        size: CHIP_SIZES.EXTRA_SMALL,
+        children: 'XS Chip',
+    },
+};
+/**
+ * Small chip size
+ */
+export const Small = {
+    args: {
+        size: CHIP_SIZES.SMALL,
+        children: 'Small Chip',
+    },
+};
+/**
+ * Medium chip size (default)
+ */
+export const Medium = {
+    args: {
+        size: CHIP_SIZES.MEDIUM,
+        children: 'Medium Chip',
+    },
+};
+/**
+ * Large chip size
+ */
+export const Large = {
+    args: {
+        size: CHIP_SIZES.LARGE,
+        children: 'Large Chip',
+    },
+};
+/**
+ * Primary chip type with brand colors
+ */
+export const Primary = {
+    args: {
+        type: CHIP_TYPES.PRIMARY,
+        children: 'Primary Chip',
+    },
+};
+/**
+ * Success chip type for positive states
+ */
+export const Success = {
+    args: {
+        type: CHIP_TYPES.SUCCESS,
+        children: 'Success Chip',
+    },
+};
+/**
+ * Warning chip type for cautionary states
+ */
+export const Warning = {
+    args: {
+        type: CHIP_TYPES.WARNING,
+        children: 'Warning Chip',
+    },
+};
+/**
+ * Danger chip type for error or critical states
+ */
+export const Danger = {
+    args: {
+        type: CHIP_TYPES.DANGER,
+        children: 'Danger Chip',
+    },
+};
+/**
+ * Chip with an icon on the right side
+ */
+export const WithIcon = {
+    args: {
+        children: 'Starred',
+        icon: mockIcons.star,
+    },
+};
+/**
+ * Primary chip with check icon
+ */
+export const PrimaryWithIcon = {
+    args: {
+        type: CHIP_TYPES.PRIMARY,
+        children: 'Completed',
+        icon: mockIcons.check,
+    },
+};
+/**
+ * Success chip with check icon
+ */
+export const SuccessWithIcon = {
+    args: {
+        type: CHIP_TYPES.SUCCESS,
+        children: 'Verified',
+        icon: mockIcons.check,
+    },
+};
+/**
+ * Warning chip with warning icon
+ */
+export const WarningWithIcon = {
+    args: {
+        type: CHIP_TYPES.WARNING,
+        children: 'Caution',
+        icon: mockIcons.warning,
+    },
+};
+/**
+ * Danger chip with error icon
+ */
+export const DangerWithIcon = {
+    args: {
+        type: CHIP_TYPES.DANGER,
+        children: 'Error',
+        icon: mockIcons.error,
+    },
+};
+/**
+ * Clickable chip with pointer cursor
+ */
+export const Clickable = {
+    args: {
+        children: 'Click me',
+        clickable: true,
+    },
+};
+/**
+ * Non-clickable chip with default cursor
+ */
+export const NonClickable = {
+    args: {
+        children: 'Static chip',
+        clickable: false,
+    },
+};
+/**
+ * Large primary clickable chip with icon
+ */
+export const LargePrimaryClickableWithIcon = {
+    args: {
+        type: CHIP_TYPES.PRIMARY,
+        size: CHIP_SIZES.LARGE,
+        children: 'Premium Feature',
+        icon: mockIcons.star,
+        clickable: true,
+    },
+};
+/**
+ * Small success chip showing status
+ */
+export const SmallStatusChip = {
+    args: {
+        type: CHIP_TYPES.SUCCESS,
+        size: CHIP_SIZES.SMALL,
+        children: 'Active',
+    },
+};
+/**
+ * Extra small chip for compact layouts
+ */
+export const ExtraSmallTag = {
+    args: {
+        size: CHIP_SIZES.EXTRA_SMALL,
+        children: 'Tag',
+        icon: mockIcons.tag,
+    },
+};
+/**
+ * Chip with longer text content
+ */
+export const WithLongText = {
+    args: {
+        children: 'This is a longer chip text',
+        type: CHIP_TYPES.PRIMARY,
+    },
+};
+/**
+ * Multiple chips showcasing different types in one view
+ */
+export const AllTypes = {
+    render: () => (_jsxs("div", { style: { display: 'flex', gap: '8px', flexWrap: 'wrap' }, children: [_jsx(Chip, { type: CHIP_TYPES.DEFAULT, children: "Default" }), _jsx(Chip, { type: CHIP_TYPES.PRIMARY, children: "Primary" }), _jsx(Chip, { type: CHIP_TYPES.SUCCESS, children: "Success" }), _jsx(Chip, { type: CHIP_TYPES.WARNING, children: "Warning" }), _jsx(Chip, { type: CHIP_TYPES.DANGER, children: "Danger" })] })),
+};
+/**
+ * Multiple chips showcasing different sizes in one view
+ */
+export const AllSizes = {
+    render: () => (_jsxs("div", { style: { display: 'flex', gap: '8px', alignItems: 'center', flexWrap: 'wrap' }, children: [_jsx(Chip, { size: CHIP_SIZES.EXTRA_SMALL, children: "XS" }), _jsx(Chip, { size: CHIP_SIZES.SMALL, children: "Small" }), _jsx(Chip, { size: CHIP_SIZES.MEDIUM, children: "Medium" }), _jsx(Chip, { size: CHIP_SIZES.LARGE, children: "Large" })] })),
+};
+/**
+ * Chips with various icons demonstrating versatility
+ */
+export const WithVariousIcons = {
+    render: () => (_jsxs("div", { style: { display: 'flex', gap: '8px', flexWrap: 'wrap' }, children: [_jsx(Chip, { type: CHIP_TYPES.SUCCESS, icon: mockIcons.check, children: "Approved" }), _jsx(Chip, { type: CHIP_TYPES.WARNING, icon: mockIcons.warning, children: "Pending" }), _jsx(Chip, { type: CHIP_TYPES.DANGER, icon: mockIcons.error, children: "Failed" }), _jsx(Chip, { type: CHIP_TYPES.PRIMARY, icon: mockIcons.heart, children: "Favorite" }), _jsx(Chip, { type: CHIP_TYPES.DEFAULT, icon: mockIcons.info, children: "Info" })] })),
+};
+//# sourceMappingURL=chip.stories.js.map

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

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

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

@@ -19,7 +19,7 @@ export type CodeBlockTabProps = {
     languageOverride?: string;
     onClick?: (e: React.MouseEvent) => void;
 } & Partial<SharedLinkProps>;
-type CodeBlockWithTabsProps = SharedBoxProps & {
+export type CodeBlockWithTabsProps = SharedBoxProps & {
     codeBlockProps: SharedCodeBlockProps;
     currentTabKey: CodeBlockTabKey;
     tabs: CodeBlockTabProps[];

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

@@ -1 +1 @@
-{"version":3,"file":"code_block_with_tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block_with_tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAO,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAClF,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,GAAG,YAAY,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAC;AAC1G,KAAK,kBAAkB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAuC9E,CAAC;AAEF,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,UAAU,GAAG,SAAS,CAAC,GAAG,kBAAkB,CAAC;AAEhG,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,EAAE,mBAAmB,GAAG,SAAS,GAAG,UAAU,GAAG,eAAe,GAAG,aAAa,CAAC,CAAC;AACjI,KAAK,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,IAAI,GAAG,KAAK,GAAG,QAAQ,CAAC,CAAC;AAEvE,MAAM,MAAM,iBAAiB,GAAG;IAC5B,GAAG,EAAE,eAAe,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC3C,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;AAE7B,KAAK,sBAAsB,GAAG,cAAc,GAAG;IAC3C,cAAc,EAAE,oBAAoB,CAAC;IACrC,aAAa,EAAE,eAAe,CAAC;IAC/B,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAE1B,uBAAuB,CAAC,EAAE,eAAe,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,+BAA+B;;;;;CAK3C,CAAC;AA6GF,eAAO,MAAM,iBAAiB,0FAA2F,sBAAsB,4CA0D9I,CAAC"}
+{"version":3,"file":"code_block_with_tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block_with_tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAO,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAClF,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,GAAG,YAAY,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAAC;AAC1G,KAAK,kBAAkB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAuC9E,CAAC;AAEF,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,UAAU,GAAG,SAAS,CAAC,GAAG,kBAAkB,CAAC;AAEhG,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,EAAE,mBAAmB,GAAG,SAAS,GAAG,UAAU,GAAG,eAAe,GAAG,aAAa,CAAC,CAAC;AACjI,KAAK,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,IAAI,GAAG,KAAK,GAAG,QAAQ,CAAC,CAAC;AAEvE,MAAM,MAAM,iBAAiB,GAAG;IAC5B,GAAG,EAAE,eAAe,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC3C,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;AAE7B,MAAM,MAAM,sBAAsB,GAAG,cAAc,GAAG;IAClD,cAAc,EAAE,oBAAoB,CAAC;IACrC,aAAa,EAAE,eAAe,CAAC;IAC/B,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAE1B,uBAAuB,CAAC,EAAE,eAAe,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,+BAA+B;;;;;CAK3C,CAAC;AA6GF,eAAO,MAAM,iBAAiB,0FAA2F,sBAAsB,4CA0D9I,CAAC"}

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

@@ -0,0 +1,23 @@
+import { type CodeBlockWithTabsProps } from './code_block_with_tabs.js';
+declare const _default: {
+    title: string;
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+        layout: string;
+    };
+    component: ({ className, codeBlockProps, currentTabKey, tabs, optimisticCurrentTabKey, ...props }: CodeBlockWithTabsProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+export declare const Default: {
+    ({ tabs, ...args }: Omit<CodeBlockWithTabsProps, "currentTabKey">): import("react/jsx-runtime").JSX.Element;
+    args: {
+        tabs: {
+            key: string;
+            content: string;
+        }[];
+    };
+};
+//# sourceMappingURL=code_block_with_tabs.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code_block_with_tabs.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block_with_tabs.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEgB,KAAK,sBAAsB,EACjD,MAAM,2BAA2B,CAAC;;;;;;;;;;;;AAEnC,wBAUE;AAaF,eAAO,MAAM,OAAO;wBAAuB,IAAI,CAAC,sBAAsB,EAAE,eAAe,CAAC;;;;;;;CAgBvF,CAAC"}

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

@@ -0,0 +1,63 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import styled from 'styled-components';
+import { theme, } from '../../../design_system/theme.js';
+import { CodeBlockWithTabs, } from './code_block_with_tabs.js';
+export default {
+    title: 'UI-Library/Code/CodeBlockWithTabs',
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/design/duSsGnk84UMYav8mg8QNgR/Shared-library?node-id=5266-34497&t=aaAINB9GEUOOBZVl-4',
+        },
+        layout: 'centered',
+    },
+    component: CodeBlockWithTabs,
+};
+const Container = styled.div `
+    width: 360px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    @media ${theme.device.tablet} {
+        width: 840px;
+    }
+`;
+export const Default = ({ tabs, ...args }) => {
+    const [currentTabKey, setCurrentTabKey] = useState(tabs[0]?.key);
+    const extendedTabs = useMemo(() => tabs.map((tab) => ({
+        ...tab,
+        onClick: () => setCurrentTabKey(tab.key),
+    })), [tabs]);
+    return (_jsx(Container, { children: _jsx(CodeBlockWithTabs, { currentTabKey: currentTabKey, tabs: extendedTabs, ...args }) }));
+};
+Default.args = {
+    tabs: [
+        {
+            key: 'python',
+            content: `
+a = 1
+b = 2
+c = a + b
+print(c)`,
+        },
+        {
+            key: 'javascript',
+            content: `
+const a = 1;
+const b = 2;
+const c = a + b;
+console.log(c);`,
+        },
+        {
+            key: 'typescript',
+            content: `
+const a: number = 1;
+const b: number = 2;
+const c: number = a + b;
+console.log(c);`,
+        },
+    ],
+};
+//# sourceMappingURL=code_block_with_tabs.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code_block_with_tabs.stories.js","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block_with_tabs.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EACH,KAAK,GACR,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAEH,iBAAiB,GACpB,MAAM,2BAA2B,CAAC;AAEnC,eAAe;IACX,KAAK,EAAE,mCAAmC;IAC1C,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,4GAA4G;SACpH;QACD,MAAM,EAAE,UAAU;KACrB;IACD,SAAS,EAAE,iBAAiB;CAC/B,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;aAMf,KAAK,CAAC,MAAM,CAAC,MAAM;;;CAG/B,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAiD,EAAE,EAAE;IACxF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACjE,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAClD,GAAG,GAAG;QACN,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC;KAC3C,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,KAAC,SAAS,cACN,KAAC,iBAAiB,IACd,aAAa,EAAE,aAAgC,EAC/C,IAAI,EAAE,YAAY,KACd,IAAI,GACV,GACM,CACf,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,CAAC,IAAI,GAAG;IACX,IAAI,EAAE;QACF;YACI,GAAG,EAAE,QAAQ;YACb,OAAO,EAAE;;;;SAIZ;SACA;QACD;YACI,GAAG,EAAE,YAAY;YACjB,OAAO,EAAE;;;;gBAIL;SACP;QACD;YACI,GAAG,EAAE,YAAY;YACjB,OAAO,EAAE;;;;gBAIL;SAEP;KACJ;CACJ,CAAC"}

package/dist/src/components/code/inline_code/inline_code.stories.d.ts

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import type { InlineCodeProps } from './inline_code.js';
+/**
+ * Stories for the InlineCode component. This file showcases the
+ * various states and configurations of the inline code component,
+ * including different sizes and copy button functionality.
+ */
+declare const _default: Meta<InlineCodeProps>;
+export default _default;
+type Story = StoryObj<InlineCodeProps>;
+/**
+ * Comprehensive comparison of all InlineCode variants side by side.
+ * Shows different sizes, copy button states, and various code examples.
+ */
+export declare const AllVariants: Story;
+//# sourceMappingURL=inline_code.stories.d.ts.map

package/dist/src/components/code/inline_code/inline_code.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline_code.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/inline_code/inline_code.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGxD;;;;GAIG;wBA0BE,IAAI,CAAC,eAAe,CAAC;AAzB1B,wBAyB2B;AAE3B,KAAK,KAAK,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;AAEvC;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KA4CzB,CAAC"}

package/dist/src/components/code/inline_code/inline_code.stories.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InlineCode } from './inline_code.js';
+/**
+ * Stories for the InlineCode component. This file showcases the
+ * various states and configurations of the inline code component,
+ * including different sizes and copy button functionality.
+ */
+export default {
+    title: 'ui-library/InlineCode',
+    component: InlineCode,
+    tags: [],
+    argTypes: {
+        children: {
+            control: 'text',
+            description: 'The code content to display',
+        },
+        size: {
+            control: 'select',
+            options: ['regular', 'small', 'big'],
+            description: 'Size of the inline code text',
+        },
+        withCopyButton: {
+            control: 'boolean',
+            description: 'Whether to show a copy button',
+        },
+    },
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/design/duSsGnk84UMYav8mg8QNgR/%F0%9F%93%96-Shared-library?node-id=2132-2425&t=tH2x12cMH5yh0fuf-0',
+        },
+    },
+};
+/**
+ * Comprehensive comparison of all InlineCode variants side by side.
+ * Shows different sizes, copy button states, and various code examples.
+ */
+export const AllVariants = {
+    render: () => (_jsxs("div", { style: {
+            display: 'grid',
+            gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))',
+            gap: '24px',
+            padding: '24px',
+            maxWidth: '1200px',
+        }, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '12px' }, children: [_jsx("h3", { style: { margin: '0 0 8px 0', fontSize: '16px', fontWeight: '600' }, children: "Size Variants" }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Small" }), _jsx(InlineCode, { size: "small", children: "npm install @apify/ui-library" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Regular" }), _jsx(InlineCode, { size: "regular", children: "npm install @apify/ui-library" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Big" }), _jsx(InlineCode, { size: "big", children: "npm install @apify/ui-library" })] })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: '12px' }, children: [_jsx("h3", { style: { margin: '0 0 8px 0', fontSize: '16px', fontWeight: '600' }, children: "With Copy Button" }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Small" }), _jsx(InlineCode, { size: "small", withCopyButton: true, children: "npm install @apify/ui-library" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Regular" }), _jsx(InlineCode, { size: "regular", withCopyButton: true, children: "npm install @apify/ui-library" })] }), _jsxs("div", { children: [_jsx("p", { style: { margin: '0 0 4px 0', fontSize: '14px', color: '#666' }, children: "Big" }), _jsx(InlineCode, { size: "big", withCopyButton: true, children: "npm install @apify/ui-library" })] })] })] })),
+};
+//# sourceMappingURL=inline_code.stories.js.map

package/dist/src/components/code/inline_code/inline_code.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline_code.stories.js","sourceRoot":"","sources":["../../../../../src/components/code/inline_code/inline_code.stories.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C;;;;GAIG;AACH,eAAe;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,EAAE;IACR,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,6BAA6B;SAC7C;QACD,IAAI,EAAE;YACF,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC;YACpC,WAAW,EAAE,8BAA8B;SAC9C;QACD,cAAc,EAAE;YACZ,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,+BAA+B;SAC/C;KACJ;IACD,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,wHAAwH;SAChI;KACJ;CACqB,CAAC;AAI3B;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAU;IAC9B,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE;YACR,OAAO,EAAE,MAAM;YACf,mBAAmB,EAAE,sCAAsC;YAC3D,GAAG,EAAE,MAAM;YACX,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,QAAQ;SACrB,aAEG,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aACjE,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,8BAAoB,EAC3F,0BACI,YAAG,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,sBAAW,EAC7E,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,8CAA2C,IACjE,EACN,0BACI,YAAG,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,wBAAa,EAC/E,KAAC,UAAU,IAAC,IAAI,EAAC,SAAS,8CAA2C,IACnE,EACN,0BACI,YAAG,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,oBAAS,EAC3E,KAAC,UAAU,IAAC,IAAI,EAAC,KAAK,8CAA2C,IAC/D,IACJ,EAGN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aACjE,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,iCAAuB,EAC9F,0BACI,YAAG,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,sBAAW,EAC7E,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,cAAc,oDAA2C,IAChF,EACN,0BACI,YAAG,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,wBAAa,EAC/E,KAAC,UAAU,IAAC,IAAI,EAAC,SAAS,EAAC,cAAc,oDAA2C,IAClF,EACN,0BACI,YAAG,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,oBAAS,EAC3E,KAAC,UAAU,IAAC,IAAI,EAAC,KAAK,EAAC,cAAc,oDAA2C,IAC9E,IACJ,IACJ,CACT;CACJ,CAAC"}