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

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

@@ -0,0 +1,160 @@
+import { theme as e } from "../../../design_system/theme.js";
+import { Box as t } from "../../box/box.js";
+import n, { css as r } from "styled-components";
+//#region src/components/code/code_block/code_block.styled.tsx
+var i = n(t)`
+    background-color: ${e.color.neutral.backgroundMuted} !important;
+    border: 1px solid ${e.color.neutral.border};
+    border-radius: ${e.radius.radius12};
+    overflow: hidden;
+
+    width: 100%;
+    ${({ $fullWidth: e }) => !e && r`
+            max-width: 860px;
+        `}
+    ${({ $fullHeight: e }) => !e && r`
+            max-height: 600px;
+        `}
+
+    background-color: transparent;
+    position: relative;
+`, a = n(i)`
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    min-width: 266px;
+
+    .CodeBlock-Header {
+        padding-top: 7px; /* only 7 due to transform translateY(1px) */
+        gap: ${e.space.space4};
+        background-color: ${e.color.neutral.backgroundSubtle};
+        border-bottom: 1px solid ${e.color.neutral.border};
+        z-index: 3;
+        position: relative;
+        display: flex;
+        height: 4rem;
+
+        .CodeBlock-HeaderTitle {
+            margin-left: ${e.space.space16};
+            margin-bottom: ${e.space.space8};
+            margin-top: 0.5rem;
+        }
+
+        .CodeBlock-HeaderTabsWrapper {
+            display: flex;
+            transform: translateY(1px);
+            padding-right: ${e.space.space32};
+            padding-left: ${e.space.space8};
+            min-height: fit-content;
+            overflow-x: auto;
+            overflow-y: hidden;
+            gap: ${e.space.space4};
+
+            margin-right: ${({ $hasActionButton: e }) => e ? "128" : "20"}px;
+
+            .CodeBlock-Tab {
+                border-radius: ${e.radius.radius8};
+                background-color: transparent;
+                border: 1px solid transparent;
+                border-bottom-left-radius: 0;
+                border-bottom-right-radius: 0;
+                border-bottom: none;
+                cursor: pointer;
+                height: 3.2rem;
+                max-width: 26rem;
+
+                color: ${e.color.neutral.textMuted};
+
+                text-align: center;
+                white-space: nowrap;
+
+                padding: 0.2rem ${e.space.space8} 0.6rem ${e.space.space8};
+                p {
+                    padding-top: 0.2rem;
+                    text-overflow: ellipsis;
+                    overflow: hidden;
+                }
+
+                &.selected {
+                    color: ${e.color.neutral.text};
+                    border: 1px solid ${e.color.neutral.border};
+                    background-color: ${e.color.neutral.backgroundMuted};
+                    border-bottom: none;
+                    padding: 0.6rem ${e.space.space8};
+                    p {
+                        padding-top: 0;
+                    }
+                }
+
+                &:hover {
+                    border: 1px solid ${e.color.neutral.border};
+                    border-bottom: none;
+                    text-decoration: none;
+                }
+
+                &::after {
+                    /* ensures same width of text when switching tabs and making it bold */
+                    ${e.typography.content.tablet.heading5}
+                    display: block;
+                    content: attr(title);
+                    height: 0px;
+                    color: transparent;
+                    overflow: hidden;
+                    visibility: hidden;
+                }
+            }
+        }
+    }
+
+    .CodeBlock-TopRightActionsWrapper {
+        position: absolute;
+        top: 0;
+        right: 0;
+        ${({ $hasHeader: t }) => t ? r`
+                      padding-top: 6px;
+                      padding-right: ${e.space.space8};
+                  ` : r`
+                      padding-top: ${e.space.space16};
+                      padding-right: ${e.space.space16};
+                  `}
+
+        display: flex;
+        gap: ${e.space.space8};
+        z-index: 3;
+        height: 3.9rem;
+
+        ${({ $hasHeader: t }) => t && r`
+                padding-left: ${e.space.space32};
+                background: linear-gradient(to right, transparent, ${e.color.neutral.backgroundSubtle} 20px);
+            `}
+    }
+
+    .CodeBlock-Gradient {
+        right: 0px;
+        bottom: 0px;
+
+        aspect-ratio: 1/1;
+        height: 250%;
+
+        transform: translate(50%, 70%) rotate(${({ $gradientRotation: e }) => e ?? 0}deg) scaleX(-1);
+    }
+
+    .CodeBlock-HederDotsWrapper {
+        display: flex;
+        padding: ${e.space.space8};
+        align-items: flex-start;
+        gap: ${e.space.space8};
+        margin-bottom: 0.5rem;
+        margin-left: ${e.space.space8};
+        background: transparent;
+
+        .CodeBlock-HeaderDot {
+            width: 1.2rem;
+            height: 1.2rem;
+            border-radius: 50%;
+            background-color: ${e.color.neutral.iconSubtle};
+        }
+    }
+`;
+//#endregion
+export { a as CodeBlockWrapper, i as SyntaxHighlighterBaseStylesWrapper };

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

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+import { IconComponent } from '@apify/ui-icons';
+import { MarginSpacingProps, RegularBoxProps } from '../../box';
+import { RegularLinkProps } from '../../link';
+import { CodeBlockProps } from './code_block';
+export type CodeBlockTabKey = 'cli' | 'http' | 'javascript' | 'mcp' | 'openapi' | 'python' | 'typescript';
+type CodeBlockTabConfig = {
+    label: string;
+    language: string;
+    Icon?: IconComponent;
+    /** Fallback image URL for tabs that don't have an Icon component yet */
+    src?: string;
+};
+export declare const CODE_BLOCK_TAB_CATALOG: Record<CodeBlockTabKey, CodeBlockTabConfig>;
+type SharedBoxProps = Omit<RegularBoxProps, 'as' | 'children' | 'onClick'> & MarginSpacingProps;
+type SharedCodeBlockProps = Omit<CodeBlockProps, 'bashCommandsStart' | 'content' | 'language' | 'defaultTabKey' | 'onTabChange'>;
+type SharedLinkProps = Pick<RegularLinkProps, 'to' | 'rel' | 'target'>;
+export type CodeBlockTabProps = {
+    key: CodeBlockTabKey;
+    bashCommandsStart?: number[];
+    content: string;
+    languageOverride?: string;
+    onClick?: (e: React.MouseEvent) => void;
+} & Partial<SharedLinkProps>;
+export type CodeBlockWithTabsProps = SharedBoxProps & {
+    codeBlockProps: SharedCodeBlockProps;
+    currentTabKey: CodeBlockTabKey;
+    tabs: CodeBlockTabProps[];
+    optimisticCurrentTabKey?: CodeBlockTabKey;
+};
+export declare const CODE_BLOCK_WITH_TABS_CLASSNAMES: {
+    WRAPPER: string;
+    TABS: string;
+    TAB: string;
+    CONTENT: string;
+};
+export declare const CodeBlockWithTabs: ({ className, codeBlockProps, currentTabKey, tabs, optimisticCurrentTabKey, ...props }: CodeBlockWithTabsProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=code_block_with_tabs.d.ts.map

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

@@ -0,0 +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;AAG/B,OAAO,EAAsB,KAAK,aAAa,EAAW,MAAM,iBAAiB,CAAC;AAIlF,OAAO,EAAO,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAC/E,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEzD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D,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,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,wEAAwE;IACxE,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB,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,CAC5B,cAAc,EACd,mBAAmB,GAAG,SAAS,GAAG,UAAU,GAAG,eAAe,GAAG,aAAa,CACjF,CAAC;AACF,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;AAiHF,eAAO,MAAM,iBAAiB,GAAI,uFAO/B,sBAAsB,4CA6DxB,CAAC"}

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

@@ -0,0 +1,211 @@
+import { theme as e } from "../../../design_system/theme.js";
+import { Box as t } from "../../box/box.js";
+import { HeadingShared as n } from "../../text/heading_shared.js";
+import { useSharedUiDependencies as r } from "../../../ui_dependency_provider.js";
+import { Link as i } from "../../link/link.js";
+import { CodeBlock as a } from "./code_block.js";
+import o from "styled-components";
+import { createElement as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import d from "clsx";
+import { CodeIcon as f, HttpIcon as p, McpIcon as m } from "@apify/ui-icons";
+import h from "lodash";
+//#region src/components/code/code_block/code_block_with_tabs.tsx
+var g = {
+	cli: {
+		label: "CLI",
+		language: "bash",
+		Icon: f
+	},
+	http: {
+		label: "HTTP",
+		language: "bash",
+		Icon: p
+	},
+	javascript: {
+		label: "JavaScript",
+		language: "javascript",
+		src: "https://apify.com/img/template-icons/javascript.svg"
+	},
+	mcp: {
+		label: "MCP",
+		language: "bash",
+		Icon: m
+	},
+	openapi: {
+		label: "OpenAPI",
+		language: "json",
+		src: "https://apify.com/img/icons/openapi.svg"
+	},
+	python: {
+		label: "Python",
+		language: "python",
+		src: "https://apify.com/img/template-icons/python.svg"
+	},
+	typescript: {
+		label: "TypeScript",
+		language: "typescript",
+		src: "https://apify.com/img/template-icons/typescript.svg"
+	}
+}, _ = {
+	WRAPPER: "CodeBlockWithTabsWrapper",
+	TABS: "CodeBlockWithTabsTabs",
+	TAB: "CodeBlockWithTabsTab",
+	CONTENT: "CodeBlockWithTabsContent"
+}, v = o(t)`
+    .${_.TABS} {
+        min-width: 266px;
+        height: 72px;
+        padding-inline: ${e.space.space8};
+        display: flex;
+        gap: ${e.space.space4};
+        overflow-x: auto;
+        background-color: ${e.color.neutral.backgroundSubtle};
+        border: 1px solid ${e.color.neutral.border};
+        border-bottom: none;
+        border-top-right-radius: ${e.radius.radius12};
+        border-top-left-radius: ${e.radius.radius12};
+        position: relative;
+
+        & > [role='tabpanel'] {
+            position: sticky;
+            right: 0;
+            top: 0;
+            height: 100%;
+            width: 0;
+            margin-left: auto;
+
+            &::after {
+                right: -${e.space.space8};
+                height: 100%;
+                width: ${e.space.space16};
+                background: linear-gradient(
+                    90deg,
+                    rgba(255, 255, 255, 0) 0%,
+                    ${e.color.neutral.backgroundSubtle} 100%
+                );
+                content: ' ';
+                pointer-events: none;
+                position: absolute;
+            }
+        }
+
+        @media ${e.device.tablet} {
+            height: 88px;
+            justify-content: center;
+            gap: ${e.space.space24};
+            padding-inline: ${e.space.space24};
+
+            & > [role='tabpanel'] {
+                margin-left: unset;
+
+                &::after {
+                    right: -${e.space.space24};
+                    width: ${e.space.space32};
+                }
+            }
+        }
+    }
+
+    .${_.TAB} {
+        min-width: 64px;
+        position: relative;
+        padding: ${e.space.space12} ${e.space.space8};
+        color: ${e.color.neutral.textMuted};
+        display: flex;
+        flex-direction: column;
+        flex-shrink: 0;
+        align-items: center;
+        justify-content: flex-end;
+        gap: ${e.space.space4};
+        cursor: pointer;
+
+        img {
+            width: 20px;
+            height: 20px;
+        }
+
+        [role='tabpanel'] {
+            bottom: 0;
+            width: 100%;
+            height: 2px;
+            color: ${e.color.neutral.text};
+            background-color: ${e.color.primaryBlack.action};
+            border-radius: ${e.radius.radiusFull};
+            display: none;
+            position: absolute;
+            z-index: 2;
+        }
+
+        &.selected {
+            color: ${e.color.neutral.text};
+
+            [role='tabpanel'] {
+                display: block;
+            }
+        }
+
+        &:hover {
+            color: ${e.color.neutral.text};
+            text-decoration: none;
+        }
+    }
+
+    .${_.CONTENT} {
+        max-width: initial;
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+    }
+`, y = {
+	width: 20,
+	height: 20
+}, b = ({ className: e, codeBlockProps: t, currentTabKey: o, tabs: f, optimisticCurrentTabKey: p, ...m }) => {
+	let { generateProxyImageUrl: b } = r(), x = f.find((e) => e.key === o) ?? f[0];
+	return /* @__PURE__ */ u(v, {
+		className: d(_.WRAPPER, e),
+		...m,
+		children: [/* @__PURE__ */ u("div", {
+			className: _.TABS,
+			children: [f.map((e) => {
+				let { label: t, src: r, Icon: a } = g[e.key], f = (p ?? o) === e.key, m = {
+					className: d(_.TAB, { selected: f }),
+					"data-test": `code-block-tab-${e.key}`,
+					...h.omit(e, [
+						"bashCommandsStart",
+						"content",
+						"languageOverride"
+					])
+				}, v = /* @__PURE__ */ u(c, { children: [
+					a ? /* @__PURE__ */ l(a, { size: "20" }) : /* @__PURE__ */ l("img", {
+						src: r && (b?.(r, { resize: y }) ?? r),
+						alt: t
+					}),
+					/* @__PURE__ */ l(n, {
+						type: "titleS",
+						as: "p",
+						children: t
+					}),
+					/* @__PURE__ */ l("div", { role: "tabpanel" })
+				] });
+				return e.to ? /* @__PURE__ */ s(i, {
+					...m,
+					key: e.key,
+					to: e.to
+				}, v) : /* @__PURE__ */ s("div", {
+					...m,
+					role: "button",
+					key: e.key
+				}, v);
+			}), /* @__PURE__ */ l("div", { role: "tabpanel" })]
+		}), /* @__PURE__ */ l(a, {
+			bashCommandsStart: x?.bashCommandsStart,
+			content: x?.content ?? "",
+			language: x.languageOverride ?? g[x?.key]?.language,
+			className: _.CONTENT,
+			hideBashHeader: !0,
+			...t
+		})]
+	});
+};
+//#endregion
+export { g as CODE_BLOCK_TAB_CATALOG, _ as CODE_BLOCK_WITH_TABS_CLASSNAMES, b as CodeBlockWithTabs };

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export declare const getBashLinePrefixes: (code: string, bashCommandsStart?: number[], isOneLine?: boolean) => {
+    [k: string]: import("react/jsx-runtime").JSX.Element;
+};
+export declare const getNumberLinePrefixes: (code: string) => Record<number, ReactNode>;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/code/code_block/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,eAAO,MAAM,mBAAmB,GAAI,MAAM,MAAM,EAAE,oBAAmB,MAAM,EAAO,EAAE,YAAY,OAAO;;CAmDtG,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,MAAM,MAAM,KAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAY5E,CAAC"}

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

@@ -0,0 +1,28 @@
+import { theme as e } from "../../../design_system/theme.js";
+import { CodeHighlighterLineBashPrefix as t, CodeHighlighterLinePrefix as n } from "../prism_highlighter.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/code/code_block/utils.tsx
+var i = (n, i = [], a) => {
+	let o = n.split("\n").map((e) => e.trim()).map((n, o) => {
+		let s = n.startsWith("#") || !n;
+		return i.length === 0 ? s ? /* @__PURE__ */ r(t, { $isOneLine: a }, `code-highlighter-line-bash-prefix-${o}`) : /* @__PURE__ */ r(t, {
+			$isOneLine: a,
+			color: e.color.lavender.base,
+			children: "$"
+		}, `code-highlighter-line-bash-prefix-${o}`) : i.includes(o + 1) ? /* @__PURE__ */ r(t, {
+			$isOneLine: a,
+			color: e.color.lavender.base,
+			children: "$"
+		}, `code-highlighter-line-bash-prefix-${o}`) : s ? /* @__PURE__ */ r(t, { $isOneLine: a }, `code-highlighter-line-bash-prefix-${o}`) : /* @__PURE__ */ r(t, {
+			$isOneLine: a,
+			color: e.color.lavender.base,
+			children: "<"
+		}, `code-highlighter-line-bash-prefix-${o}`);
+	});
+	return Object.fromEntries(o.map((e, t) => [t + 1, e]));
+}, a = (e) => {
+	let t = e.split("\n").length, i = Array.from({ length: t }, (e, t) => t + 1);
+	return Object.fromEntries(i.map((e) => [e, /* @__PURE__ */ r(n, { children: e }, `code-highlighter-line-prefix-${e}`)]));
+};
+//#endregion
+export { i as getBashLinePrefixes, a as getNumberLinePrefixes };

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

@@ -0,0 +1,6 @@
+export * from './code_block/code_block';
+export * from './code_block/code_block_with_tabs';
+export * from './one_line_code/one_line_code';
+export * from './inline_code/inline_code';
+export * from './prism_highlighter';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/code/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC"}

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { RegularBoxProps } from '../../box';
+import { SharedTextSize } from '../../text/text_shared';
+export declare const inlineCodeStyles: import('styled-components').RuleSet<object>;
+export type InlineCodeProps = RegularBoxProps & {
+    children: React.ReactNode;
+    size?: SharedTextSize;
+    withCopyButton?: boolean;
+};
+export declare const InlineCode: React.FC<InlineCodeProps>;
+//# sourceMappingURL=inline_code.d.ts.map

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

@@ -0,0 +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;AAGF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAOhD,CAAC"}

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

@@ -0,0 +1,41 @@
+import { theme as e } from "../../../design_system/theme.js";
+import { TextShared as t } from "../../text/text_shared.js";
+import { useCopyToClipboard as n } from "../../../utils/copy_to_clipboard.js";
+import r, { css as i } from "styled-components";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { CheckIcon as s, CopyIcon as c } from "@apify/ui-icons";
+//#region src/components/code/inline_code/inline_code.tsx
+var l = i`
+    width: fit-content;
+    padding: ${e.space.space2} 0.6rem;
+    background-color: ${e.color.neutral.backgroundMuted};
+    border-radius: ${e.radius.radius8};
+    border: 1px solid ${e.color.neutral.border};
+`, u = r.div`
+    display: inline-flex;
+    cursor: pointer;
+    vertical-align: text-top;
+    margin-left: ${e.space.space4};
+`, d = ({ text: e }) => {
+	let { isCopied: t, copyToClipboard: r } = n();
+	return /* @__PURE__ */ a(u, {
+		role: "button",
+		onClick: async () => r(e),
+		title: "Copy to clipboard",
+		children: a(t ? s : c, { size: "16" })
+	});
+}, f = r.span`
+    code {
+        ${l}
+    }
+`, p = ({ children: e, size: n, withCopyButton: r, ...i }) => /* @__PURE__ */ a(f, {
+	...i,
+	children: /* @__PURE__ */ o(t, {
+		type: "code",
+		as: "code",
+		size: n,
+		children: [e, r && /* @__PURE__ */ a(d, { text: e?.toString() ?? "" })]
+	})
+});
+//#endregion
+export { p as InlineCode, l as inlineCodeStyles };

package/dist/components/code/one_light_theme.d.ts

@@ -0,0 +1,3 @@
+import { PrismTheme } from 'prism-react-renderer';
+export declare const oneLightTheme: PrismTheme;
+//# sourceMappingURL=one_light_theme.d.ts.map

package/dist/components/code/one_light_theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"one_light_theme.d.ts","sourceRoot":"","sources":["../../../src/components/code/one_light_theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,eAAO,MAAM,aAAa,EAAE,UA6F3B,CAAC"}

package/dist/components/code/one_light_theme.js

@@ -0,0 +1,96 @@
+//#region src/components/code/one_light_theme.ts
+var e = {
+	plain: {
+		backgroundColor: "hsl(230, 1%, 98%)",
+		color: "hsl(230, 8%, 24%)"
+	},
+	styles: [
+		{
+			types: [
+				"comment",
+				"prolog",
+				"cdata"
+			],
+			style: { color: "hsl(230, 4%, 64%)" }
+		},
+		{
+			types: ["doctype", "entity"],
+			style: { color: "hsl(230, 8%, 24%)" }
+		},
+		{
+			types: [
+				"attr-name",
+				"class-name",
+				"boolean",
+				"constant",
+				"number",
+				"atrule"
+			],
+			style: { color: "hsl(35, 99%, 36%)" }
+		},
+		{
+			types: ["keyword"],
+			style: { color: "hsl(301, 63%, 40%)" }
+		},
+		{
+			types: [
+				"property",
+				"tag",
+				"symbol",
+				"deleted",
+				"important"
+			],
+			style: { color: "hsl(5, 74%, 59%)" }
+		},
+		{
+			types: ["punctuation"],
+			style: { color: "hsl(230, 6%, 44%)" }
+		},
+		{
+			types: [
+				"selector",
+				"string",
+				"char",
+				"builtin",
+				"inserted",
+				"regex",
+				"attr-value"
+			],
+			style: { color: "hsl(119, 34%, 47%)" }
+		},
+		{
+			types: [
+				"variable",
+				"operator",
+				"function"
+			],
+			style: { color: "hsl(221, 87%, 60%)" }
+		},
+		{
+			types: ["url"],
+			style: { color: "hsl(198, 99%, 37%)" }
+		},
+		{
+			types: ["deleted"],
+			style: { textDecorationLine: "line-through" }
+		},
+		{
+			types: ["inserted"],
+			style: { textDecorationLine: "underline" }
+		},
+		{
+			types: ["italic"],
+			style: { fontStyle: "italic" }
+		},
+		{
+			types: ["important", "bold"],
+			style: { fontWeight: "bold" }
+		},
+		{
+			types: ["important"],
+			style: { color: "hsl(230, 8%, 24%)" }
+		}
+	]
+};
+//#endregion
+export { e as oneLightTheme };

package/dist/components/code/one_line_code/one_line_code.d.ts

@@ -0,0 +1,31 @@
+import { HttpMethod } from '@apify-packages/types';
+import { BoxProps } from '../../box';
+import { SharedTextSize } from '../../text/text_shared';
+export declare const oneLineCodeClassNames: {
+    gradientWrapper: string;
+    scrollableWrapper: string;
+    methodChip: string;
+    gradient: string;
+    buttons: string;
+};
+export type TrackingBundleDataObject = {
+    trackingId: string;
+    trackingData?: Record<string, unknown>;
+};
+export type OneLineCodeTrackingBundle = Partial<Record<'secret' | 'copy' | 'action', TrackingBundleDataObject>>;
+export type OneLineCodeProps = Omit<BoxProps, 'children'> & {
+    children: string;
+    language?: string;
+    size?: SharedTextSize;
+    httpMethod?: HttpMethod;
+    actionButtonLabel?: string;
+    onActionButtonClick?: () => Promise<void> | void;
+    fullWidth?: boolean;
+    secretPlaceholder?: string;
+    secret?: string;
+    disabled?: boolean;
+    hideCopyButton?: boolean;
+    trackingBundle?: OneLineCodeTrackingBundle;
+};
+export declare function OneLineCode({ children, language, size, httpMethod, actionButtonLabel, onActionButtonClick, fullWidth, secretPlaceholder, secret, disabled, hideCopyButton, trackingBundle, ...rest }: OneLineCodeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=one_line_code.d.ts.map

package/dist/components/code/one_line_code/one_line_code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"one_line_code.d.ts","sourceRoot":"","sources":["../../../../src/components/code/one_line_code/one_line_code.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAGxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAO7D,eAAO,MAAM,qBAAqB;;;;;;CAMjC,CAAC;AAgHF,MAAM,MAAM,wBAAwB,GAAG;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC,MAAM,CAAC,QAAQ,GAAG,MAAM,GAAG,QAAQ,EAAE,wBAAwB,CAAC,CAAC,CAAC;AAEhH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG;IACxD,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,yBAAyB,CAAC;CAC9C,CAAC;AAEF,wBAAgB,WAAW,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,iBAAiB,EACjB,mBAAmB,EACnB,SAAS,EACT,iBAAyB,EACzB,MAAM,EACN,QAAQ,EACR,cAAc,EACd,cAAc,EACd,GAAG,IAAI,EACV,EAAE,gBAAgB,2CAuElB"}