@apify/ui-library 1.171.1-uilibraryversion2candida-85b55e.71 → 1.171.1

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

@@ -7,7 +7,7 @@ export interface TransientContentTextProps {
 }
 export type ContentTextProps = TransientContentTextProps & TextBaseProps;
 /**
- * Internal to SimpleMarkdown, not exported from the package. Use Text elsewhere.
+ * @deprecated Use Text or TextMarketing from ui-library
  */
 export declare const TextContent: import('react').ForwardRefExoticComponent<ContentTextProps & import('react').RefAttributes<HTMLElement | undefined>>;
 //# sourceMappingURL=text_content.d.ts.map

package/dist/components/text/text_content.js

@@ -58,7 +58,7 @@ var StyledTextContent = styled(TextBaseComponent)`
     ${(props) => TEXT_SHARED_VARIANTS_CSS[props.$type || "paragraph"][props.$weight || "normal"]}
 `;
 /**
-* Internal to SimpleMarkdown, not exported from the package. Use Text elsewhere.
+* @deprecated Use Text or TextMarketing from ui-library
 */
 var TextContent = forwardRef(({ type, weight, as, ...rest }, ref) => {
 	return /* @__PURE__ */ jsx(StyledTextContent, {

package/dist/files_hash_at_build.txt

@@ -1 +1 @@
-49d07939bac954c0376a29c4204286d215bcc98b
+5a2af91e7dd4a4e7708ade276ff414fd374ae02a

package/dist/index.js

@@ -18,6 +18,7 @@ import { Box } from "./components/box/box.js";
 import { TextBaseComponent } from "./components/text/text_base.js";
 import { HeadingShared } from "./components/text/heading_shared.js";
 import { SHARED_TEXT_TYPES, TextShared } from "./components/text/text_shared.js";
+import { TextContent } from "./components/text/text_content.js";
 import { TextMarketing } from "./components/text/text_marketing.js";
 import { HeadingContent } from "./components/text/heading_content.js";
 import { HeadingMarketing } from "./components/text/heading_marketing.js";
@@ -50,6 +51,7 @@ import { ActionBox, ActionLink, BackLink } from "./components/action_link/action
 import { Image } from "./components/image/image.js";
 import { cleanMarkdown, slugifyHeadingChildren, useActorTitleHeadingFilter } from "./components/readme_renderer/utils.js";
 import { pythonizeValue } from "./components/readme_renderer/pythonize_value.js";
+import { ColorWheelGradient } from "./components/color_wheel_gradient/color_wheel_gradient.js";
 import { useCopyToClipboard } from "./utils/copy_to_clipboard.js";
 import { sanitizeUrl } from "./utils/sanitization.js";
 import { useResizeObserverSsr } from "./utils/resize_observer.js";
@@ -70,7 +72,9 @@ import { TabNumberChip } from "./components/tab_number_chip/tab_number_chip.js";
 import { HorizontalTile } from "./components/tile/horizontal_tile.js";
 import { VerticalTile } from "./components/tile/vertical_tile.js";
 import { BlogArticle } from "./components/blog_article/blog_article.js";
+import { Banner } from "./components/banner/banner.js";
 import { ActorTemplateCard } from "./components/actor_template_card/actor_template_card.js";
+import { CHIP_SIZES, CHIP_TYPES, Chip, DangerChip, NeutralChip, PrimaryChip, SuccessChip, WarningChip, classNames as classNames$1 } from "./components/chip/chip.js";
 import { Rating, RatingStats, SingleStarRating } from "./components/rating/rating.js";
 import { developerBadgeTestIds } from "./components/developer_badge/developer_badge.test_ids.js";
 import { DEVELOPER_BADGE, DeveloperBadge } from "./components/developer_badge/developer_badge.js";
@@ -106,4 +110,4 @@ import { TableEmptyRow } from "./components/table/table_empty_row.js";
 import { TableLoadingRow } from "./components/table/table_loading_row.js";
 import { TableErrorRow } from "./components/table/table_error_row.js";
 import { Breadcrumbs, breadcrumbClassNames } from "./components/breadcrumb/breadcrumb.js";
-export { APIFY_HOSTNAMES, ActionBox, ActionLink, ActorAvatar, ActorAvatarInner, ActorTemplateCard, AnthropicBrandIcon, BADGE_SIZES, BADGE_VARIANTS, BUTTON_COLOR_VARIANTS_CSS, BUTTON_SIZE_VARIANTS_CSS, BackLink, Badge, BlockSpinner, BlogArticle, BorderedActorAvatar, Box, Breadcrumbs, BrowserWindow, Button, CODE_BLOCK_TAB_CATALOG, CODE_BLOCK_WITH_TABS_CLASSNAMES, Card, CardContainer, ChatGptBrandIcon, CheckboxPrimitive, ClaudeBrandIcon, CodeBlock, CodeBlockWithTabs, CodeHighlighterLineBashPrefix, CodeHighlighterLinePrefix, CollapsibleCard, CursorBrandIcon, DEVELOPER_BADGE, DROPDOWN_ELEMENT_CLASSES, DangerMessage, DeveloperBadge, DiscordBrandIcon, DiscordSolidBrandIcon, Dropdown, DropdownButton, DropdownMenuBaseComponent, DropdownMenuBaseComponentWithCount, DropdownShell, FLOATING_PLACEMENT, GithubBrandIcon, HeadingShared as Heading, HeadingContent, HeadingMarketing, HorizontalTile, HorizontallyScrollableTableWrapper, ICON_BUTTON_VARIANTS, IconButton, Image, IndeterminateCheckbox, InfoMessage, InlineCode, InlineSpinner, Link, LinkedinBrandIcon, LinkedinSolidBrandIcon, ListMenuComponent, ListMenuItemComponent, MakeBrandIcon, MemoizedMarkdown as Markdown, MarkdownBlockQuote, MarkdownCode, MarkdownHeadingWrapper, MarkdownLink, MarkdownParagraphContent, MarkdownPlainHeading, MarkdownTable, Menu, Message, N8nBrandIcon, OneLineCode, PaginationButtons, PerplexityBrandIcon, PlainMenuBaseComponent, PrismSyntaxHighlighter, RadioButtonPrimitive, Rating, RatingStats, SHARED_TEXT_TYPES, SelectMultiValueRemove, SelectPrimitive, Shortcut, SimpleMarkdown, SingleStarRating, Skeleton, SkeletonFadeIn, SkeletonGroup, Spinner, SplitButton, StoreActorHeader, StyledAsLink, StyledCardWrapper, SuccessMessage, SwitchPrimitive, TAB_CLASSNAMES, TAG_SIZES, TAG_VARIANTS, TOOLTIP_SIZES, TOOLTIP_TEXT_ALIGNS, Tab, TabNumberChip, Table, TableBody, TableCell, TableCellLink, TableEmptyRow, TableErrorRow, TableExpansionRow, TableFoot, TableHead, TableHeadCell, TableHeadRow, TableLoadingRow, TableOfContents, TableRow, Tabs, Tag, TextShared as Text, TextShared, TextBaseComponent, TextMarketing, Tooltip, TwitterBrandIcon, UiDependencyProvider, UserAvatar, VerticalTile, WarningMessage, YoutubeBrandIcon, ZapierBrandIcon, actorAvatarClassnames, breadcrumbClassNames, classNames as browserWindowClassNames, cardClassNames, cardContainerClassNames, clampLines, cleanMarkdown, collapsibleCardClassNames, colorProperties, cssColorsVariablesBrandDark, tokens as cssColorsVariablesDark, tokens$1 as cssColorsVariablesLight, tokens$2 as cssColorsVariablesPaletteDark, tokens$3 as cssColorsVariablesPaletteLight, darkTheme, defaultAllowedElements, defaultRehypePlugins, defaultRemarkPlugins, developerBadgeTestIds, devices, getActorAvatarBorderRadius, getButtonColorStyles, getButtonDisabledStyles, getButtonSizeStyles, getResponsiveStyles, getResponsiveValueAtBreakpoint, gradients, hasUrlHttpProtocol, inlineCodeStyles, isResponsiveObject, isUrlEmail, isUrlExternal, layouts, lightTheme, menuClassNames, messageClassNames, omitDomainAndProtocol, oneLineCodeClassNames, pythonizeValue, radiuses, regularMarkdownSizeComponents, sanitizeUrl, selectDefaultGetIsSelected, shadows, skeletonClassNames, skeletonTestIds, slugifyHeadingChildren, smallMarkdownSizeComponents, spaces, spinnerClassNames, splitButtonClassNames, splitButtonMainActionTestId, splitButtonTriggerTestId, tableClassNames, tableTestIds, theme, transitions, useActorTitleHeadingFilter, useCopyToClipboard, useDefaultUrlTransform, useFloatingMenu, useImageColor, useResizeObserverSsr, useSharedUiDependencies, useShowTableOfContents, userAvatarBaseClassNames, withColor, withGradient, withReactSelectTheme, withSize, withTooltip };
+export { APIFY_HOSTNAMES, ActionBox, ActionLink, ActorAvatar, ActorAvatarInner, ActorTemplateCard, AnthropicBrandIcon, BADGE_SIZES, BADGE_VARIANTS, BUTTON_COLOR_VARIANTS_CSS, BUTTON_SIZE_VARIANTS_CSS, BackLink, Badge, Banner, BlockSpinner, BlogArticle, BorderedActorAvatar, Box, Breadcrumbs, BrowserWindow, Button, CHIP_SIZES, CHIP_TYPES, CODE_BLOCK_TAB_CATALOG, CODE_BLOCK_WITH_TABS_CLASSNAMES, Card, CardContainer, ChatGptBrandIcon, CheckboxPrimitive, Chip, ClaudeBrandIcon, CodeBlock, CodeBlockWithTabs, CodeHighlighterLineBashPrefix, CodeHighlighterLinePrefix, CollapsibleCard, ColorWheelGradient, CursorBrandIcon, DEVELOPER_BADGE, DROPDOWN_ELEMENT_CLASSES, DangerChip, DangerMessage, DeveloperBadge, DiscordBrandIcon, DiscordSolidBrandIcon, Dropdown, DropdownButton, DropdownMenuBaseComponent, DropdownMenuBaseComponentWithCount, DropdownShell, FLOATING_PLACEMENT, GithubBrandIcon, HeadingShared as Heading, HeadingContent, HeadingMarketing, HorizontalTile, HorizontallyScrollableTableWrapper, ICON_BUTTON_VARIANTS, IconButton, Image, IndeterminateCheckbox, InfoMessage, InlineCode, InlineSpinner, Link, LinkedinBrandIcon, LinkedinSolidBrandIcon, ListMenuComponent, ListMenuItemComponent, MakeBrandIcon, MemoizedMarkdown as Markdown, MarkdownBlockQuote, MarkdownCode, MarkdownHeadingWrapper, MarkdownLink, MarkdownParagraphContent, MarkdownPlainHeading, MarkdownTable, Menu, Message, N8nBrandIcon, NeutralChip, OneLineCode, PaginationButtons, PerplexityBrandIcon, PlainMenuBaseComponent, PrimaryChip, PrismSyntaxHighlighter, RadioButtonPrimitive, Rating, RatingStats, SHARED_TEXT_TYPES, SelectMultiValueRemove, SelectPrimitive, Shortcut, SimpleMarkdown, SingleStarRating, Skeleton, SkeletonFadeIn, SkeletonGroup, Spinner, SplitButton, StoreActorHeader, StyledAsLink, StyledCardWrapper, SuccessChip, SuccessMessage, SwitchPrimitive, TAB_CLASSNAMES, TAG_SIZES, TAG_VARIANTS, TOOLTIP_SIZES, TOOLTIP_TEXT_ALIGNS, Tab, TabNumberChip, Table, TableBody, TableCell, TableCellLink, TableEmptyRow, TableErrorRow, TableExpansionRow, TableFoot, TableHead, TableHeadCell, TableHeadRow, TableLoadingRow, TableOfContents, TableRow, Tabs, Tag, TextShared as Text, TextShared, TextBaseComponent, TextContent, TextMarketing, Tooltip, TwitterBrandIcon, UiDependencyProvider, UserAvatar, VerticalTile, WarningChip, WarningMessage, YoutubeBrandIcon, ZapierBrandIcon, actorAvatarClassnames, breadcrumbClassNames, classNames as browserWindowClassNames, cardClassNames, cardContainerClassNames, clampLines, classNames$1 as classNames, cleanMarkdown, collapsibleCardClassNames, colorProperties, cssColorsVariablesBrandDark, tokens as cssColorsVariablesDark, tokens$1 as cssColorsVariablesLight, tokens$2 as cssColorsVariablesPaletteDark, tokens$3 as cssColorsVariablesPaletteLight, darkTheme, defaultAllowedElements, defaultRehypePlugins, defaultRemarkPlugins, developerBadgeTestIds, devices, getActorAvatarBorderRadius, getButtonColorStyles, getButtonDisabledStyles, getButtonSizeStyles, getResponsiveStyles, getResponsiveValueAtBreakpoint, gradients, hasUrlHttpProtocol, inlineCodeStyles, isResponsiveObject, isUrlEmail, isUrlExternal, layouts, lightTheme, menuClassNames, messageClassNames, omitDomainAndProtocol, oneLineCodeClassNames, pythonizeValue, radiuses, regularMarkdownSizeComponents, sanitizeUrl, selectDefaultGetIsSelected, shadows, skeletonClassNames, skeletonTestIds, slugifyHeadingChildren, smallMarkdownSizeComponents, spaces, spinnerClassNames, splitButtonClassNames, splitButtonMainActionTestId, splitButtonTriggerTestId, tableClassNames, tableTestIds, theme, transitions, useActorTitleHeadingFilter, useCopyToClipboard, useDefaultUrlTransform, useFloatingMenu, useImageColor, useResizeObserverSsr, useSharedUiDependencies, useShowTableOfContents, userAvatarBaseClassNames, withColor, withGradient, withReactSelectTheme, withSize, withTooltip };

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

@@ -0,0 +1,11 @@
+import type React from 'react';
+interface BannerProps {
+    background?: string;
+    useGradientBackground?: boolean;
+    width?: string;
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const Banner: React.FC<BannerProps>;
+export {};
+//# sourceMappingURL=banner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../../src/components/banner/banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoD/B,UAAU,WAAW;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAuBD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CASxC,CAAC"}

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

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled, { css } from 'styled-components';
+import { theme } from '../../design_system/theme';
+const BANNER_GRADIENT_BACKGROUND_SVG = `<svg width="1200" height="148" viewBox="0 0 1200 148" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_2285_34756)">
+    <g filter="url(#filter0_f_2285_34756)">
+    <path d="M-39.7702 191.085C-55.0622 193.205 -68.8864 201.311 -78.2029 213.621C-87.5194 225.932 -91.5654 241.438 -89.4512 256.731L-55.0077 502.652L89.8852 173L-39.7702 191.085Z" fill="url(#paint0_linear_2285_34756)"/>
+    </g>
+    <g filter="url(#filter1_f_2285_34756)">
+    <path d="M1267.53 398.062L1253.99 209.002C1252.85 193.626 1245.67 179.327 1234.01 169.234C1222.36 159.14 1207.18 154.073 1191.8 155.14C1190.5 155.19 1189.2 155.331 1187.92 155.564L1132 163.289L1254.84 438.685C1264.05 427.236 1268.59 412.721 1267.53 398.062Z" fill="url(#paint1_linear_2285_34756)"/>
+    </g>
+    <g filter="url(#filter2_f_2285_34756)">
+    <path d="M561 29.7691C570.917 30.4746 580.956 29.5571 590.142 27.1057L801.075 -28.7862L700.682 -170L561 29.7691Z" fill="url(#paint2_linear_2285_34756)"/>
+    </g>
+    </g>
+    <defs>
+    <filter id="filter0_f_2285_34756" x="-170" y="93" width="339.885" height="489.652" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+    <feGaussianBlur stdDeviation="40" result="effect1_foregroundBlur_2285_34756"/>
+    </filter>
+    <filter id="filter1_f_2285_34756" x="1052" y="75" width="295.683" height="443.686" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+    <feGaussianBlur stdDeviation="40" result="effect1_foregroundBlur_2285_34756"/>
+    </filter>
+    <filter id="filter2_f_2285_34756" x="481" y="-250" width="400.074" height="360" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+    <feGaussianBlur stdDeviation="40" result="effect1_foregroundBlur_2285_34756"/>
+    </filter>
+    <linearGradient id="paint0_linear_2285_34756" x1="-0.0574112" y1="173" x2="-0.0574112" y2="502.652" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#00FF85"/>
+    <stop offset="1" stop-color="#00FF47" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="paint1_linear_2285_34756" x1="1146.02" y1="174.549" x2="1333.1" y2="293.915" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#00FFF0"/>
+    <stop offset="1" stop-color="#1672EB"/>
+    </linearGradient>
+    <linearGradient id="paint2_linear_2285_34756" x1="681.037" y1="-170" x2="681.037" y2="30" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#F5B315"/>
+    <stop offset="1" stop-color="#FF2CC4"/>
+    </linearGradient>
+    <clipPath id="clip0_2285_34756">
+    <rect width="1200" height="1791.08" rx="16" fill="white"/>
+    </clipPath>
+    </defs>
+</svg>
+`;
+const getBannerBackground = (background, useGradientBackground) => {
+    return css `
+        background-color: ${background || theme.color.neutral.backgroundSubtle};
+        ${useGradientBackground &&
+        `
+            background-image: url("data:image/svg+xml,${encodeURIComponent(BANNER_GRADIENT_BACKGROUND_SVG)}");
+            background-position: center;
+            background-repeat: no-repeat;
+            background-size: cover;
+            `}
+    `;
+};
+const StyledBanner = styled.div `
+    width: ${(props) => props.width || '100%'};
+    padding: ${theme.space.space40} ${theme.space.space80};
+    border-radius: ${theme.radius.radius16};
+
+    ${({ $background, $useGradientBackground }) => getBannerBackground($background, $useGradientBackground)};
+`;
+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/banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.js","sourceRoot":"","sources":["../../../../src/components/banner/banner.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,MAAM,8BAA8B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CtC,CAAC;AAUF,MAAM,mBAAmB,GAAG,CAAC,UAAmB,EAAE,qBAA+B,EAAE,EAAE;IACjF,OAAO,GAAG,CAAA;4BACc,UAAU,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB;UACpE,qBAAqB;QACvB;wDACgD,kBAAkB,CAAC,8BAA8B,CAAC;;;;aAI7F;KACR,CAAC;AACN,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,mBAAc,UAAU,4BAA0B,qBAAqB,KAAM,UAAU,YAC/F,QAAQ,GACE,CAClB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,2 @@
+export * from './banner';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,56 @@
+import type { FC } from 'react';
+import type React from 'react';
+import type { ValueOf } from '../../internal_type_utils';
+import type { RegularBoxProps } from '../box';
+export declare const CHIP_SIZES: {
+    readonly EXTRA_SMALL: "XS";
+    readonly SMALL: "S";
+    readonly MEDIUM: "M";
+    readonly LARGE: "L";
+};
+type CHIP_SIZES = ValueOf<typeof CHIP_SIZES>;
+export declare const CHIP_TYPES: {
+    readonly DEFAULT: "DEFAULT";
+    readonly PRIMARY: "PRIMARY";
+    readonly SUCCESS: "SUCCESS";
+    readonly WARNING: "WARNING";
+    readonly DANGER: "DANGER";
+};
+export type CHIP_TYPES = ValueOf<typeof CHIP_TYPES>;
+export declare const classNames: {
+    BODY: string;
+};
+export type ChipProps = RegularBoxProps & {
+    type?: CHIP_TYPES;
+    size?: CHIP_SIZES;
+    icon?: React.ReactNode;
+    clickable?: boolean;
+};
+/**
+ * Component for displaying status and for labelling other components.
+ * @deprecated Use Tag or Badge
+ */
+export declare const Chip: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: (e: React.MouseEvent) => void;
+    id?: string;
+    title?: string;
+    role?: React.AriaRole;
+} & {
+    as?: React.ElementType;
+} & {
+    type?: CHIP_TYPES;
+    size?: CHIP_SIZES;
+    icon?: React.ReactNode;
+    clickable?: boolean;
+} & React.RefAttributes<unknown>>;
+type SpecificChipProps = Omit<ChipProps, 'type'>;
+export declare const PrimaryChip: FC<SpecificChipProps>;
+export declare const NeutralChip: FC<SpecificChipProps>;
+export declare const SuccessChip: FC<SpecificChipProps>;
+export declare const DangerChip: FC<SpecificChipProps>;
+export declare const WarningChip: FC<SpecificChipProps>;
+export {};
+//# sourceMappingURL=chip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../src/components/chip/chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAE9C,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AACX,KAAK,UAAU,GAAG,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;AAE7C,eAAO,MAAM,UAAU;;;;;;CAMb,CAAC;AACX,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;AAEpD,eAAO,MAAM,UAAU;;CAEtB,CAAC;AA8FF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACtC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;WAVN,UAAU;WACV,UAAU;WACV,KAAK,CAAC,SAAS;gBACV,OAAO;iCA6BtB,CAAC;AAIF,KAAK,iBAAiB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAEjD,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/chip.js

@@ -0,0 +1,123 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import styled, { css } from 'styled-components';
+import { theme } from '../../design_system/theme';
+export const CHIP_SIZES = {
+    EXTRA_SMALL: 'XS',
+    SMALL: 'S',
+    MEDIUM: 'M',
+    LARGE: 'L',
+};
+export const CHIP_TYPES = {
+    DEFAULT: 'DEFAULT',
+    PRIMARY: 'PRIMARY',
+    SUCCESS: 'SUCCESS',
+    WARNING: 'WARNING',
+    DANGER: 'DANGER',
+};
+export const classNames = {
+    BODY: 'Chip-body',
+};
+const chipSizeStyle = {
+    [CHIP_SIZES.EXTRA_SMALL]: css `
+        font-size: 12px;
+        line-height: 16px;
+        padding: 0 4px;
+        border-radius: 6px;
+    `,
+    [CHIP_SIZES.SMALL]: css `
+        font-size: 12px;
+        line-height: 16px;
+        padding: 2px 4px;
+        border-radius: 6px;
+    `,
+    [CHIP_SIZES.MEDIUM]: css `
+        font-size: 14px;
+        line-height: 20px;
+        padding: 2px 8px;
+        border-radius: 100px;
+    `,
+    [CHIP_SIZES.LARGE]: css `
+        /* TODO: (typography-mismatch) 16px/20px does not match any canonical typography token — needs designer input. Blocks migrating chipSizeStyle to typography token interpolations (XS/S match bodyS, M matches bodyM). */
+        font-size: 16px;
+        line-height: 20px;
+        padding: 2px 8px;
+        border-radius: 100px;
+    `,
+};
+const chipTypeStyle = {
+    [CHIP_TYPES.DEFAULT]: css `
+        color: ${theme.color.neutral.text};
+        background: ${theme.color.neutral.chipBackground};
+    `,
+    [CHIP_TYPES.PRIMARY]: css `
+        color: ${theme.color.primary.chipText};
+        background: ${theme.color.primary.chipBackground};
+    `,
+    [CHIP_TYPES.SUCCESS]: css `
+        color: ${theme.color.success.chipText};
+        background: ${theme.color.success.chipBackground};
+    `,
+    [CHIP_TYPES.WARNING]: css `
+        color: ${theme.color.warning.chipText};
+        background: ${theme.color.warning.chipBackground};
+    `,
+    [CHIP_TYPES.DANGER]: css `
+        color: ${theme.color.danger.chipText};
+        background: ${theme.color.danger.chipBackground};
+    `,
+};
+const chipTypeHoverStyle = {
+    [CHIP_TYPES.DEFAULT]: css `
+        background: ${theme.color.neutral.chipBackgroundHover};
+    `,
+    [CHIP_TYPES.PRIMARY]: css `
+        background: ${theme.color.primary.chipBackgroundHover};
+    `,
+    [CHIP_TYPES.SUCCESS]: css `
+        background: ${theme.color.success.chipBackgroundHover};
+    `,
+    [CHIP_TYPES.WARNING]: css `
+        background: ${theme.color.warning.chipBackgroundHover};
+    `,
+    [CHIP_TYPES.DANGER]: css `
+        background: ${theme.color.danger.chipBackgroundHover};
+    `,
+};
+const StyledChip = styled.span `
+    ${({ size }) => chipSizeStyle[size]};
+    ${({ type }) => chipTypeStyle[type]};
+    ${({ type, clickable }) => clickable &&
+    css `
+            &:hover {
+                ${chipTypeHoverStyle[type]};
+            }
+        `};
+    /* Static styles */
+    width: fit-content;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    /* TODO: (typography-keyword) 'normal' keyword used instead of numeric value (400) or typography token. */
+    font-weight: normal;
+    white-space: nowrap;
+    cursor: ${({ clickable }) => (clickable ? 'pointer' : 'default')};
+    gap: ${theme.space.space4};
+`;
+/**
+ * Component for displaying status and for labelling other components.
+ * @deprecated Use Tag or Badge
+ */
+export const Chip = forwardRef(({ type = CHIP_TYPES.DEFAULT, size = CHIP_SIZES.MEDIUM, clickable = false, icon, children, className, ...passThroughProps }, ref) => {
+    const otherProps = { ...passThroughProps, type, size, clickable, className: clsx(className, classNames.BODY) };
+    return (_jsxs(StyledChip, { ref: ref, ...otherProps, children: [children, icon] }));
+});
+Chip.displayName = 'Chip';
+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/chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../../src/components/chip/chip.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAIlD,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,WAAW,EAAE,IAAI;IACjB,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACJ,CAAC;AAGX,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACV,CAAC;AAGX,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,IAAI,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,aAAa,GAAG;IAClB,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,GAAG,CAAA;;;;;KAK5B;IACD,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAA;;;;;KAKtB;IACD,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,GAAG,CAAA;;;;;KAKvB;IACD,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAA;;;;;;KAMtB;CACkC,CAAC;AAExC,MAAM,aAAa,GAAG;IAClB,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,GAAG,CAAA;iBACZ,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;sBACnB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;KACnD;IACD,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,GAAG,CAAA;iBACZ,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ;sBACvB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;KACnD;IACD,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,GAAG,CAAA;iBACZ,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ;sBACvB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;KACnD;IACD,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,GAAG,CAAA;iBACZ,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ;sBACvB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;KACnD;IACD,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,GAAG,CAAA;iBACX,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;sBACtB,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc;KAClD;CACkC,CAAC;AAExC,MAAM,kBAAkB,GAAG;IACvB,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,GAAG,CAAA;sBACP,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,mBAAmB;KACxD;IACD,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,GAAG,CAAA;sBACP,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,mBAAmB;KACxD;IACD,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,GAAG,CAAA;sBACP,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,mBAAmB;KACxD;IACD,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,GAAG,CAAA;sBACP,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,mBAAmB;KACxD;IACD,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,GAAG,CAAA;sBACN,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,mBAAmB;KACvD;CACkC,CAAC;AAExC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAA4D;MACpF,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC;MACjC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC;MACjC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,CACtB,SAAS;IACT,GAAG,CAAA;;kBAEO,kBAAkB,CAAC,IAAI,CAAC;;SAEjC;;;;;;;;;;cAUK,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;WACzD,KAAK,CAAC,KAAK,CAAC,MAAM;CAC5B,CAAC;AASF;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC1B,CACI,EACI,IAAI,GAAG,UAAU,CAAC,OAAO,EACzB,IAAI,GAAG,UAAU,CAAC,MAAM,EACxB,SAAS,GAAG,KAAK,EACjB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,GAAG,gBAAgB,EACX,EACZ,GAAG,EACL,EAAE;IACA,MAAM,UAAU,GAAG,EAAE,GAAG,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;IAE/G,OAAO,CACH,MAAC,UAAU,IAAC,GAAG,EAAE,GAAG,KAAM,UAAU,aAC/B,QAAQ,EACR,IAAI,IACI,CAChB,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAI1B,MAAM,CAAC,MAAM,WAAW,GAA0B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,OAAO,KAAM,KAAK,GAAI,CAAC;AAC3G,MAAM,CAAC,MAAM,WAAW,GAA0B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,OAAO,KAAM,KAAK,GAAI,CAAC;AAC3G,MAAM,CAAC,MAAM,WAAW,GAA0B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,OAAO,KAAM,KAAK,GAAI,CAAC;AAC3G,MAAM,CAAC,MAAM,UAAU,GAA0B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,MAAM,KAAM,KAAK,GAAI,CAAC;AACzG,MAAM,CAAC,MAAM,WAAW,GAA0B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,CAAC,OAAO,KAAM,KAAK,GAAI,CAAC"}

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

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

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

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

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

@@ -0,0 +1,2 @@
+export * from './chip';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -18,6 +18,8 @@ export type CodeBlockProps = RegularBoxProps & {
     className?: string;
     hideBashHeader?: boolean;
     onTabChange?: (key: string, e: React.MouseEvent) => Promise<void> | void;
+    showGradient?: boolean;
+    gradientRotation?: number;
     highlightLines?: number[];
     showActionButton?: boolean;
     actionButtonLabel?: string;
@@ -31,6 +33,6 @@ export type CodeBlockProps = RegularBoxProps & {
     hideBashPromptPrefixes?: boolean;
     hideLineNumbers?: boolean | undefined;
 };
-export declare const CodeBlock: ({ content, size, language, highlightLines, onTabChange, defaultTabKey, hideBashHeader, showActionButton, fullWidth, actionButtonLabel, hideLineNumbers, fullHeight, title, hideCopyButton, bashCommandsStart, hideBashPromptPrefixes, onActionButtonClick, ...rest }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;
+export declare const 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,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAGjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAO7D,KAAK,OAAO,GAAG;IACX,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,CAAC;AA0EF,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG;IAC3C,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,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,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,sQAmBvB,cAAc,4CAkFhB,CAAC"}
+{"version":3,"file":"code_block.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAIjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAO7D,KAAK,OAAO,GAAG;IACX,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,CAAC;AA0EF,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG;IAC3C,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,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,sSAqBvB,cAAc,4CAqFhB,CAAC"}

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
 import { useMemo, useRef, useState } from 'react';
+import { ColorWheelGradient } from '../../color_wheel_gradient';
 import { Link } from '../../link';
 import { Text } from '../../text';
 import { ActionButton, CopyButton } from '../action_button';
@@ -41,7 +42,7 @@ const Header = ({ tabs, currentTab, showBashHeader, onTabChange, title }) => {
                     return (_jsx("div", { ...props, children: label }, tab.key));
                 }) })] }));
 };
-export const CodeBlock = ({ content, size, language, highlightLines, onTabChange, defaultTabKey, hideBashHeader, showActionButton, fullWidth, actionButtonLabel, hideLineNumbers, fullHeight, title, hideCopyButton, bashCommandsStart, hideBashPromptPrefixes, onActionButtonClick, ...rest }) => {
+export const 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);
@@ -69,6 +70,6 @@ export const CodeBlock = ({ content, size, language, highlightLines, onTabChange
         }
         return {};
     }, [showLineNumbers, showBashPrompt, currentCode, effectiveBashCommandsStart]);
-    return (_jsxs(CodeBlockWrapper, { "$hasHeader": showHeader, "$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(PrismSyntaxHighlighter, { code: currentCode, linePrefixes: linePrefixes, highlightLines: currentHighlightLines, language: currentLanguage, size: size, ref: syntaxHighlighterRef, isSingleLine: false }), _jsxs("div", { className: "CodeBlock-TopRightActionsWrapper", children: [showActionButton && (_jsx(ActionButton, { successStyle: true, onClick: onActionButtonClick, children: actionButtonLabel ?? 'Run on Apify' })), !hideCopyButton && _jsx(CopyButton, { code: currentCode })] })] }));
+    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(PrismSyntaxHighlighter, { code: currentCode, linePrefixes: linePrefixes, highlightLines: currentHighlightLines, language: currentLanguage, size: size, ref: syntaxHighlighterRef, isSingleLine: false }), _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

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

@@ -7,6 +7,7 @@ export type SyntaxHighlighterBaseStylesWrapperProps = SharedTextProps & {
 export declare const SyntaxHighlighterBaseStylesWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(import("../..").BoxProps & import("react").RefAttributes<HTMLElement>) & import("styled-components/dist/types").BaseObject, SyntaxHighlighterBaseStylesWrapperProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("../..").BoxProps & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const CodeBlockWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<(import("../..").BoxProps & import("react").RefAttributes<HTMLElement>) & import("styled-components/dist/types").BaseObject, SyntaxHighlighterBaseStylesWrapperProps> & import("styled-components/dist/types").BaseObject, {
     $hasHeader: boolean;
+    $gradientRotation?: number;
     $highlightLines?: number[];
     $hasActionButton?: boolean;
     $hasTabs?: boolean;

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":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE9E,MAAM,MAAM,uCAAuC,GAAG,eAAe,GAAG;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,kCAAkC,8cAoB9C,CAAC;AAEF,eAAO,MAAM,gBAAgB;gBACb,OAAO;sBACD,MAAM,EAAE;uBACP,OAAO;eACf,OAAO;iBACL,OAAO;uBACD,OAAO;kBACZ,OAAO;WACd,cAAc;YAqIxB,CAAC"}
+{"version":3,"file":"code_block.styled.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block.styled.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE9E,MAAM,MAAM,uCAAuC,GAAG,eAAe,GAAG;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,kCAAkC,8cAoB9C,CAAC;AAEF,eAAO,MAAM,gBAAgB;gBACb,OAAO;wBACC,MAAM;sBACR,MAAM,EAAE;uBACP,OAAO;eACf,OAAO;iBACL,OAAO;uBACD,OAAO;kBACZ,OAAO;WACd,cAAc;YA+IxB,CAAC"}

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

@@ -134,6 +134,16 @@ export const CodeBlockWrapper = styled(SyntaxHighlighterBaseStylesWrapper) `
             `}
     }
 
+    .CodeBlock-Gradient {
+        right: 0px;
+        bottom: 0px;
+
+        aspect-ratio: 1/1;
+        height: 250%;
+
+        transform: translate(50%, 70%) rotate(${({ $gradientRotation }) => $gradientRotation ?? 0}deg) scaleX(-1);
+    }
+
     .CodeBlock-HederDotsWrapper {
         display: flex;
         padding: ${theme.space.space8};

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

@@ -1 +1 @@
-{"version":3,"file":"code_block.styled.js","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAShC,MAAM,CAAC,MAAM,kCAAkC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAyC;wBAC9E,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;wBACnC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;qBAC7B,KAAK,CAAC,MAAM,CAAC,QAAQ;;;;MAIpC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACjB,CAAC,UAAU;IACX,GAAG,CAAA;;SAEF;MACH,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAClB,CAAC,WAAW;IACZ,GAAG,CAAA;;SAEF;;;;CAIR,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,kCAAkC,CAAC,CASxE;;;;;;;;eAQa,KAAK,CAAC,KAAK,CAAC,MAAM;4BACL,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB;mCAC7B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;;;;;;;2BAOlC,KAAK,CAAC,KAAK,CAAC,OAAO;6BACjB,KAAK,CAAC,KAAK,CAAC,MAAM;;;;;;;6BAOlB,KAAK,CAAC,KAAK,CAAC,OAAO;4BACpB,KAAK,CAAC,KAAK,CAAC,MAAM;;;;mBAI3B,KAAK,CAAC,KAAK,CAAC,MAAM;;4BAET,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;;;iCAGtD,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;;;yBAU5B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS;;;;;kCAKpB,KAAK,CAAC,KAAK,CAAC,MAAM,WAAW,KAAK,CAAC,KAAK,CAAC,MAAM;;;;;;;;6BAQpD,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;wCACb,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;wCAC1B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;;sCAErC,KAAK,CAAC,KAAK,CAAC,MAAM;;;;;;;wCAOhB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;;;;;;;sBAO5C,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ;;;;;;;;;;;;;;;;UAgBpD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACjB,UAAU;IACN,CAAC,CAAC,GAAG,CAAA;;uCAEkB,KAAK,CAAC,KAAK,CAAC,MAAM;mBACtC;IACH,CAAC,CAAC,GAAG,CAAA;qCACgB,KAAK,CAAC,KAAK,CAAC,OAAO;uCACjB,KAAK,CAAC,KAAK,CAAC,OAAO;mBACvC;;;eAGJ,KAAK,CAAC,KAAK,CAAC,MAAM;;;;UAIvB,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACjB,UAAU;IACV,GAAG,CAAA;gCACiB,KAAK,CAAC,KAAK,CAAC,OAAO;qEACkB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB;aAC5F;;;;;mBAKM,KAAK,CAAC,KAAK,CAAC,MAAM;;eAEtB,KAAK,CAAC,KAAK,CAAC,MAAM;;uBAEV,KAAK,CAAC,KAAK,CAAC,MAAM;;;;;;;gCAOT,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;;;CAG7D,CAAC"}
+{"version":3,"file":"code_block.styled.js","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAShC,MAAM,CAAC,MAAM,kCAAkC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAyC;wBAC9E,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;wBACnC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;qBAC7B,KAAK,CAAC,MAAM,CAAC,QAAQ;;;;MAIpC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACjB,CAAC,UAAU;IACX,GAAG,CAAA;;SAEF;MACH,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAClB,CAAC,WAAW;IACZ,GAAG,CAAA;;SAEF;;;;CAIR,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,kCAAkC,CAAC,CAUxE;;;;;;;;eAQa,KAAK,CAAC,KAAK,CAAC,MAAM;4BACL,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB;mCAC7B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;;;;;;;2BAOlC,KAAK,CAAC,KAAK,CAAC,OAAO;6BACjB,KAAK,CAAC,KAAK,CAAC,MAAM;;;;;;;6BAOlB,KAAK,CAAC,KAAK,CAAC,OAAO;4BACpB,KAAK,CAAC,KAAK,CAAC,MAAM;;;;mBAI3B,KAAK,CAAC,KAAK,CAAC,MAAM;;4BAET,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;;;iCAGtD,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;;;yBAU5B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS;;;;;kCAKpB,KAAK,CAAC,KAAK,CAAC,MAAM,WAAW,KAAK,CAAC,KAAK,CAAC,MAAM;;;;;;;;6BAQpD,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;wCACb,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;wCAC1B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;;sCAErC,KAAK,CAAC,KAAK,CAAC,MAAM;;;;;;;wCAOhB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;;;;;;;sBAO5C,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ;;;;;;;;;;;;;;;;UAgBpD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACjB,UAAU;IACN,CAAC,CAAC,GAAG,CAAA;;uCAEkB,KAAK,CAAC,KAAK,CAAC,MAAM;mBACtC;IACH,CAAC,CAAC,GAAG,CAAA;qCACgB,KAAK,CAAC,KAAK,CAAC,OAAO;uCACjB,KAAK,CAAC,KAAK,CAAC,OAAO;mBACvC;;;eAGJ,KAAK,CAAC,KAAK,CAAC,MAAM;;;;UAIvB,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACjB,UAAU;IACV,GAAG,CAAA;gCACiB,KAAK,CAAC,KAAK,CAAC,OAAO;qEACkB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB;aAC5F;;;;;;;;;;gDAUmC,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,iBAAiB,IAAI,CAAC;;;;;mBAK9E,KAAK,CAAC,KAAK,CAAC,MAAM;;eAEtB,KAAK,CAAC,KAAK,CAAC,MAAM;;uBAEV,KAAK,CAAC,KAAK,CAAC,MAAM;;;;;;;gCAOT,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;;;CAG7D,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"inline_code.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/inline_code/inline_code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAEjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG7D,eAAO,MAAM,gBAAgB,6CAM5B,CAAC;AAwBF,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAOhD,CAAC"}
+{"version":3,"file":"inline_code.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/inline_code/inline_code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAEjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG7D,eAAO,MAAM,gBAAgB,6CAM5B,CAAC;AAwBF,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAOhD,CAAC"}

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

@@ -27,5 +27,6 @@ const Wrapper = styled.span `
         ${inlineCodeStyles}
     }
 `;
+// This might be just a Chip component
 export const InlineCode = ({ children, size, withCopyButton, ...props }) => (_jsx(Wrapper, { ...props, children: _jsxs(Text, { type: "code", as: "code", size: size, children: [children, withCopyButton && _jsx(CopyButton, { text: children?.toString() ?? '' })] }) }));
 //# sourceMappingURL=inline_code.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"inline_code.js","sourceRoot":"","sources":["../../../../../src/components/code/inline_code/inline_code.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,kCAAkC,CAAC;AAEtE,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAGlC,wEAAwE;AACxE,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;eAEpB,KAAK,CAAC,KAAK,CAAC,MAAM;wBACT,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;qBACtC,KAAK,CAAC,MAAM,CAAC,OAAO;wBACjB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;CACjD,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;mBAIjB,KAAK,CAAC,KAAK,CAAC,MAAM;CACpC,CAAC;AAEF,MAAM,UAAU,GAA+B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACxD,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC3D,OAAO,CACH,KAAC,iBAAiB,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,KAAK,EAAC,mBAAmB,YACjG,QAAQ,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAC,IAAI,GAAG,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,GAAG,GAC5C,CACvB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAA;;UAEjB,gBAAgB;;CAEzB,CAAC;AAQF,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACnG,KAAC,OAAO,OAAK,KAAK,YACd,MAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,aACjC,QAAQ,EACR,cAAc,IAAI,KAAC,UAAU,IAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAI,IAChE,GACD,CACb,CAAC"}
+{"version":3,"file":"inline_code.js","sourceRoot":"","sources":["../../../../../src/components/code/inline_code/inline_code.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,kCAAkC,CAAC;AAEtE,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAGlC,wEAAwE;AACxE,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;eAEpB,KAAK,CAAC,KAAK,CAAC,MAAM;wBACT,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;qBACtC,KAAK,CAAC,MAAM,CAAC,OAAO;wBACjB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;CACjD,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;mBAIjB,KAAK,CAAC,KAAK,CAAC,MAAM;CACpC,CAAC;AAEF,MAAM,UAAU,GAA+B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACxD,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC3D,OAAO,CACH,KAAC,iBAAiB,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,KAAK,EAAC,mBAAmB,YACjG,QAAQ,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAC,IAAI,GAAG,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,GAAG,GAC5C,CACvB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAA;;UAEjB,gBAAgB;;CAEzB,CAAC;AAQF,sCAAsC;AACtC,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACnG,KAAC,OAAO,OAAK,KAAK,YACd,MAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,aACjC,QAAQ,EACR,cAAc,IAAI,KAAC,UAAU,IAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAI,IAChE,GACD,CACb,CAAC"}

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

@@ -0,0 +1,9 @@
+export interface ColorWheelGradientProps {
+    translateX?: number;
+    translateY?: number;
+    rotation?: number;
+    radius?: number;
+    blurSize?: number;
+}
+export declare const ColorWheelGradient: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColorWheelGradientProps>> & string;
+//# sourceMappingURL=color_wheel_gradient.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color_wheel_gradient.d.ts","sourceRoot":"","sources":["../../../../src/components/color_wheel_gradient/color_wheel_gradient.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,uBAAuB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,4PAsB9B,CAAC"}

package/dist/src/components/color_wheel_gradient/color_wheel_gradient.js

@@ -0,0 +1,25 @@
+import styled from 'styled-components';
+export const ColorWheelGradient = styled.div `
+    ${({ radius, rotation = 0, blurSize = 40, translateX = 0, translateY = 0 }) => `
+    z-index: 1;
+    position: absolute;
+    width: ${radius ? `${radius}px` : 'auto'};
+    height: ${radius ? `${radius}px` : 'auto'};
+    transform-origin: center;
+    transform: translate(${translateX}px, ${translateY}px) rotate(${rotation}deg);
+
+    opacity: 0.30;
+    background: conic-gradient(
+        rgba(93, 133, 225, 0.99) 0deg,
+        rgba(106, 20, 222, 0.99) 69deg,
+        rgba(228, 68, 103, 0.99) 150deg,
+        rgba(250, 129, 54, 0.99) 221deg,
+        rgba(240, 178, 27, 0.99) 287deg,
+        rgba(18, 150, 111, 0.99) 360deg
+    );
+
+    border-radius: 50%;
+    filter: blur(${blurSize}px)
+`}
+`;
+//# sourceMappingURL=color_wheel_gradient.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color_wheel_gradient.js","sourceRoot":"","sources":["../../../../src/components/color_wheel_gradient/color_wheel_gradient.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAUvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAyB;MAC/D,CAAC,EAAE,MAAM,EAAE,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,EAAE,EAAE,UAAU,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC;;;aAGtE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;cAC9B,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;;2BAElB,UAAU,OAAO,UAAU,cAAc,QAAQ;;;;;;;;;;;;;mBAazD,QAAQ;CAC1B;CACA,CAAC"}

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

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

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

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

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

@@ -0,0 +1,2 @@
+export * from './color_wheel_gradient';
+//# sourceMappingURL=index.js.map

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

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