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

package/dist/components/code/one_line_code/one_line_code.js

@@ -0,0 +1,167 @@
+import { theme as e } from "../../../design_system/theme.js";
+import { TextShared as t } from "../../text/text_shared.js";
+import { ActionButton as n, CopyButton as r } from "../action_button.js";
+import { PrismSyntaxHighlighter as i } from "../prism_highlighter.js";
+import { SyntaxHighlighterBaseStylesWrapper as a } from "../code_block/code_block.styled.js";
+import { getBashLinePrefixes as o } from "../code_block/utils.js";
+import s, { css as c } from "styled-components";
+import { useMemo as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { EyeIcon as p, EyeOffIcon as m } from "@apify/ui-icons";
+//#region src/components/code/one_line_code/one_line_code.tsx
+var h = {
+	gradientWrapper: "OneLineCode-GradientWrapper",
+	scrollableWrapper: "OneLineCode-ScrollableWrapper",
+	methodChip: "OneLineCode-MethodChip",
+	gradient: "OneLineCode-Gradient",
+	buttons: "OneLineCode-Buttons"
+}, g = {
+	GET: "primary",
+	POST: "success",
+	PUT: "warning",
+	DELETE: "danger",
+	HEAD: "neutral",
+	PATCH: "neutral",
+	OPTIONS: "neutral"
+};
+function _(t) {
+	let n = e.color[g[t]];
+	return c`
+        background-color: ${n.chipBackground};
+        color: ${"chipText" in n ? n.chipText : n.text};
+    `;
+}
+var v = s(a)`
+    display: flex;
+    padding-right: ${e.space.space16} !important;
+    ${({ $fitContent: e }) => e && c`
+            width: fit-content;
+        `}
+
+    ${({ $disabled: e }) => e && c`
+            opacity: 0.5;
+            cursor: not-allowed;
+        `}
+
+    height: 4.6rem;
+
+    .${h.buttons} {
+        display: flex;
+        align-items: center;
+        gap: ${e.space.space8};
+    }
+
+    .${h.methodChip} {
+        padding: 0 ${e.space.space4};
+        border-radius: ${e.radius.radius6};
+        height: 2.4rem;
+        ${({ $httpMethod: e }) => e && _(e)}
+        display: flex;
+        align-items: center;
+    }
+
+    .${h.gradientWrapper} {
+        position: relative;
+        flex: 1;
+        min-width: 0;
+        display: flex;
+
+        .${h.gradient} {
+            position: absolute;
+            right: 0;
+            top: 0;
+            bottom: 0;
+            width: 4rem;
+            z-index: 5;
+            background: linear-gradient(to right, transparent, ${e.color.neutral.backgroundMuted} 3rem);
+        }
+    }
+
+    .${h.scrollableWrapper} {
+        flex: 1;
+        overflow-x: auto;
+        overflow-y: hidden;
+        display: flex;
+        align-items: center;
+        gap: ${e.space.space16};
+        padding: 0 ${e.space.space8} !important;
+        margin-left: ${e.space.space8} !important;
+        height: 100%;
+
+        scrollbar-width: thin;
+        scrollbar-color: ${e.color.neutral.border} transparent;
+
+        pre {
+            display: flex;
+            flex: 1;
+            align-items: center;
+            height: 100%;
+
+            code {
+                height: 100%;
+                display: flex;
+                align-items: center;
+
+                & > div {
+                    padding-right: ${e.space.space16};
+                }
+            }
+        }
+    }
+`;
+function y({ children: e, language: a, size: s, httpMethod: c, actionButtonLabel: g, onActionButtonClick: _, fullWidth: y, secretPlaceholder: b = "***", secret: x, disabled: S, hideCopyButton: C, trackingBundle: w, ...T }) {
+	let E = x !== void 0, [D, O] = u(!1), k = l(() => E ? e.replace(b, x) : e, [
+		e,
+		x,
+		E,
+		b
+	]), A = D ? k : e, j = a === "bash", M = l(() => j ? o(A, [1], !0) : {}, [j, A]);
+	return /* @__PURE__ */ f(v, {
+		$httpMethod: c,
+		$fullWidth: y,
+		$showBashPrefixes: j,
+		$disabled: S,
+		...T,
+		children: [/* @__PURE__ */ f("div", {
+			className: h.gradientWrapper,
+			children: [/* @__PURE__ */ f("div", {
+				className: h.scrollableWrapper,
+				children: [c && /* @__PURE__ */ d(t, {
+					className: h.methodChip,
+					as: "div",
+					children: c
+				}), /* @__PURE__ */ d(i, {
+					language: a,
+					size: s,
+					linePrefixes: M,
+					code: A,
+					isSingleLine: !0
+				})]
+			}), /* @__PURE__ */ d("div", { className: h.gradient })]
+		}), /* @__PURE__ */ f("div", {
+			className: h.buttons,
+			children: [
+				E && /* @__PURE__ */ d(n, {
+					onClick: () => O((e) => !e),
+					trackingId: w?.secret?.trackingId,
+					trackingData: w?.secret?.trackingData,
+					"data-test": "toggle-visibility-button",
+					children: d(D ? m : p, { size: "16" })
+				}),
+				!C && /* @__PURE__ */ d(r, {
+					code: k,
+					trackingId: w?.copy?.trackingId,
+					trackingData: w?.copy?.trackingData
+				}),
+				!!_ && /* @__PURE__ */ d(n, {
+					onClick: _,
+					trackingId: w?.action?.trackingId,
+					trackingData: w?.action?.trackingData,
+					children: g
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { y as OneLineCode, h as oneLineCodeClassNames };

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

@@ -0,0 +1,35 @@
+import { HighlightProps } from 'prism-react-renderer';
+import { ReactNode } from 'react';
+import { SharedTextSize } from '../text';
+export declare const CodeHighlighterLinePrefix: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<(import('..').SharedTextProps & import('react').RefAttributes<HTMLElement | undefined>) & import('styled-components/dist/types').BaseObject, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>, import('styled-components/dist/types').BaseObject>, import('styled-components/dist/types').BaseObject>> & string;
+export declare const CodeHighlighterLineBashPrefix: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components').FastOmit<import('../text/text_shared').TransientSharedTextProps & import('..').TransientTextBaseProps & import('..').MarginSpacingProps & import('..').PaddingSpacingProps & {
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: (e: React.MouseEvent) => void;
+    id?: string;
+    title?: string;
+} & {
+    as?: React.ElementType;
+} & import('react').RefAttributes<HTMLElement | undefined>, keyof import('react').ClassAttributes<HTMLSpanElement> | keyof import('react').HTMLAttributes<HTMLSpanElement>> & import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement>, never>, never> | import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components').FastOmit<import('../text/text_shared').TransientSharedTextProps & import('..').TransientTextBaseProps & import('..').MarginSpacingProps & import('..').PaddingSpacingProps & {
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: (e: React.MouseEvent) => void;
+    id?: string;
+    title?: string;
+} & {
+    as: "ol";
+    start?: number;
+} & import('react').RefAttributes<HTMLElement | undefined>, keyof import('react').ClassAttributes<HTMLSpanElement> | keyof import('react').HTMLAttributes<HTMLSpanElement>> & import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement>, never>, never>, {
+    $isOneLine?: boolean;
+}>> & string;
+export declare const PrismSyntaxHighlighter: import('react').ForwardRefExoticComponent<Omit<HighlightProps, "children" | "language"> & {
+    size?: SharedTextSize;
+    linePrefixes?: Record<string, ReactNode>;
+    highlightLines?: number[];
+    language?: string;
+    className?: string;
+    isSingleLine: boolean;
+} & import('react').RefAttributes<HTMLPreElement>>;
+//# sourceMappingURL=prism_highlighter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prism_highlighter.d.ts","sourceRoot":"","sources":["../../../src/components/code/prism_highlighter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA2J9C,eAAO,MAAM,yBAAyB,8jBAQrC,CAAC;AAEF,eAAO,MAAM,6BAA6B;;;;;;;;;;;;;;;;;;;;iBAAoD,OAAO;YAEpG,CAAC;AAWF,eAAO,MAAM,sBAAsB;WARxB,cAAc;mBACN,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC;qBACvB,MAAM,EAAE;eACd,MAAM;gBACL,MAAM;kBACJ,OAAO;kDAiDxB,CAAC"}

package/dist/components/code/prism_highlighter.js

@@ -0,0 +1,244 @@
+import { theme as e } from "../../design_system/theme.js";
+import { TextShared as t } from "../text/text_shared.js";
+import { useSharedUiDependencies as n } from "../../ui_dependency_provider.js";
+import { oneLightTheme as r } from "./one_light_theme.js";
+import i, { css as a } from "styled-components";
+import { forwardRef as o, useMemo as s, useRef as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import d from "clsx";
+import f from "lodash";
+import { Highlight as p, Prism as m, themes as h } from "prism-react-renderer";
+//#region src/components/code/prism_highlighter.tsx
+(typeof global < "u" ? global : window).Prism = m;
+var g = "rgba(22, 114, 235, 0.05)";
+(async () => {
+	await Promise.all([
+		import("prismjs/components/prism-bash.js"),
+		import("prismjs/components/prism-rust.js"),
+		import("prismjs/components/prism-bash.js"),
+		import("prismjs/components/prism-docker.js"),
+		import("prismjs/components/prism-http.js"),
+		import("prismjs/components/prism-javascript.js"),
+		import("prismjs/components/prism-json.js"),
+		import("prismjs/components/prism-markup.js"),
+		import("prismjs/components/prism-typescript.js"),
+		import("prismjs/components/prism-xml-doc.js"),
+		import("prismjs/components/prism-yaml.js"),
+		import("./prism_python.js")
+	]);
+})();
+var _ = (e, t) => s(() => {
+	if (t) return t;
+	let n = [
+		{
+			lang: "rust",
+			keywords: [
+				"fn main()",
+				"let mut",
+				"println!",
+				"pub struct",
+				"use std::"
+			]
+		},
+		{
+			lang: "http",
+			keywords: [
+				"GET /",
+				"POST /",
+				"HTTP/1.1",
+				"Host:",
+				"Content-Type:"
+			]
+		},
+		{
+			lang: "bash",
+			keywords: [
+				"#!/bin/bash",
+				"echo ",
+				"cd ",
+				"ls"
+			]
+		},
+		{
+			lang: "markup",
+			keywords: [
+				"<div",
+				"<span",
+				"<html",
+				"<!DOCTYPE",
+				"</"
+			]
+		},
+		{
+			lang: "xml-doc",
+			keywords: [
+				"<?xml",
+				"<doc",
+				"<summary",
+				"</doc>"
+			]
+		},
+		{
+			lang: "yaml",
+			keywords: [
+				"version:",
+				"services:",
+				"name:"
+			]
+		},
+		{
+			lang: "docker",
+			keywords: [
+				"FROM ",
+				"RUN ",
+				"CMD ",
+				"ENTRYPOINT",
+				"EXPOSE"
+			]
+		},
+		{
+			lang: "python",
+			keywords: [
+				"def ",
+				"import ",
+				"print(",
+				"self",
+				"None"
+			]
+		},
+		{
+			lang: "javascript",
+			keywords: [
+				"function",
+				"const",
+				"let",
+				"=>",
+				"console.log",
+				"var"
+			]
+		},
+		{
+			lang: "typescript",
+			keywords: [
+				"interface ",
+				"type ",
+				": string",
+				": number",
+				"as const"
+			]
+		}
+	].map((t) => {
+		let n = 0;
+		for (let r of t.keywords) e.includes(r) && (n += 1);
+		return {
+			lang: t.lang,
+			score: n
+		};
+	}), r = f.maxBy(n, "score");
+	if (r?.score && r.score > 0) return r.lang;
+}, [e, t]), v = i.pre`
+    width: 100%;
+    position: relative;
+    z-index: 2;
+    padding: ${({ $isSingleLine: t }) => t ? 0 : `${e.space.space16} 0`};
+    margin: 0;
+    overflow: auto;
+
+    code {
+        min-width: 100%;
+        display: inline-block;
+        vertical-align: middle;
+
+        /* The following CSS deal with https://github.com/apify/apify-core/issues/20920 */
+        ${({ $isSingleLine: e }) => e ? a`
+                      overflow-y: hidden;
+                      scrollbar-width: none;
+                  ` : a`
+                      scrollbar-width: thin;
+                      overflow: hidden;
+                  `};
+
+        *,
+        *::before,
+        *::after {
+            text-shadow: none !important;
+            font-style: normal !important;
+            font-family: inherit !important;
+            font-size: inherit !important;
+            font-weight: inherit !important;
+            line-height: inherit !important;
+            background-color: transparent !important;
+        }
+
+        & > div {
+            display: block;
+
+            &.highlighted {
+                background-color: ${g} !important;
+                border-left: 6px solid ${e.color.neutral.border} !important;
+                padding-left: ${({ $hasLinePrefixes: e }) => e ? "0.2" : "1"}rem;
+            }
+
+            ${({ $isSingleLine: t }) => !t && a`
+                    &:hover {
+                        background-color: ${g} !important;
+                        border-left: 6px solid ${e.color.neutral.border} !important;
+                        padding-left: ${({ $hasLinePrefixes: e }) => e ? "0.2" : "1"}rem;
+                    }
+                `}
+
+            ${({ $isSingleLine: t }) => t ? a`
+                          white-space: nowrap;
+                          vertical-align: text-top;
+                      ` : a`
+                          padding-left: ${({ $hasLinePrefixes: t }) => t ? e.space.space8 : e.space.space16};
+                          padding-right: ${e.space.space16};
+
+                          &:hover {
+                              background-color: ${g} !important;
+                              border-left: 6px solid ${e.color.neutral.border} !important;
+                              padding-left: ${({ $hasLinePrefixes: e }) => e ? "0.2" : "1"}rem;
+                          }
+                      `}
+        }
+    }
+`, y = i(t).attrs({ as: "span" })`
+    display: inline-block;
+    margin-right: ${e.space.space16};
+    text-align: right;
+    min-width: ${e.space.space24};
+    color: ${({ color: t }) => t || e.color.neutral.textSubtle};
+    user-select: none;
+    -webkit-user-select: none;
+`, b = i(y)`
+    min-width: ${({ $isOneLine: t }) => t ? "unset" : e.space.space16} !important;
+`, x = o(({ size: e = "regular", linePrefixes: i = {}, highlightLines: a = [], language: o, className: s, isSingleLine: m, ...g }, b) => {
+	let { uiTheme: x } = n(), S = !f.isEmpty(i), C = c(Object.fromEntries(a.map((e) => [e, !0]))), w = _(g.code || "", o) ?? "javascript";
+	return /* @__PURE__ */ l(p, {
+		theme: x === "DARK" ? h.nightOwl : r,
+		language: w,
+		...g,
+		children: ({ className: n, tokens: r, getLineProps: a, getTokenProps: o }) => /* @__PURE__ */ l(v, {
+			tabIndex: 0,
+			className: d(s, n),
+			$hasLinePrefixes: S,
+			$isSingleLine: m,
+			"data-test": "code-block-code",
+			ref: b,
+			children: /* @__PURE__ */ l(t, {
+				size: e,
+				type: "code",
+				as: "code",
+				children: r.map((e, t) => /* @__PURE__ */ u("div", {
+					...a({
+						line: e,
+						className: C.current[t + 1] ? "highlighted" : ""
+					}),
+					children: [S && (i[t + 1] || /* @__PURE__ */ l(y, {})), e.map((e, t) => /* @__PURE__ */ l("span", { ...o({ token: e }) }, t))]
+				}, t))
+			})
+		})
+	});
+});
+//#endregion
+export { b as CodeHighlighterLineBashPrefix, y as CodeHighlighterLinePrefix, x as PrismSyntaxHighlighter };

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

@@ -0,0 +1 @@
+//# sourceMappingURL=prism_python.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"prism_python.d.ts","sourceRoot":"","sources":["../../../src/components/code/prism_python.ts"],"names":[],"mappings":""}

package/dist/components/code/prism_python.js

@@ -0,0 +1,65 @@
+Prism.languages.python = {
+	comment: {
+		pattern: /(^|[^\\])#.*/,
+		lookbehind: !0,
+		greedy: !0
+	},
+	"string-interpolation": {
+		pattern: /(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,
+		greedy: !0,
+		inside: {
+			interpolation: {
+				pattern: /((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,
+				lookbehind: !0,
+				inside: {
+					"format-spec": {
+						pattern: /(:)[^:(){}]+(?=\}$)/,
+						lookbehind: !0
+					},
+					"conversion-option": {
+						pattern: /![sra](?=[:}]$)/,
+						alias: "punctuation"
+					},
+					rest: null
+				}
+			},
+			string: /[\s\S]+/
+		}
+	},
+	"string-property": {
+		pattern: /((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,
+		lookbehind: !0,
+		greedy: !0,
+		alias: "property"
+	},
+	"triple-quoted-string": {
+		pattern: /(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,
+		greedy: !0,
+		alias: "string"
+	},
+	string: {
+		pattern: /(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,
+		greedy: !0
+	},
+	function: {
+		pattern: /((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,
+		lookbehind: !0
+	},
+	"class-name": {
+		pattern: /(\bclass\s+)\w+/i,
+		lookbehind: !0
+	},
+	decorator: {
+		pattern: /(^[\t ]*)@\w+(?:\.\w+)*/m,
+		lookbehind: !0,
+		alias: ["annotation", "punctuation"],
+		inside: { punctuation: /\./ }
+	},
+	keyword: /\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,
+	builtin: /\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,
+	boolean: /\b(?:False|None|True)\b/,
+	number: /\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,
+	operator: /[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,
+	punctuation: /[{}[\];(),.:]/
+}, Prism.languages.python["string-interpolation"].inside.interpolation.inside.rest = Prism.languages.python, Prism.languages.py = Prism.languages.python;
+//#endregion

package/dist/components/collapsible_card/collapsible_card.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+interface TransientWrapperProps {
+    hideOuterBorder?: boolean;
+    hasShadow?: boolean;
+}
+export type CollapsibleCardProps = {
+    header: ReactNode;
+    children: ReactNode;
+    isExpanded?: boolean;
+    isExpandedDefault?: boolean;
+    onIsExpandedChanged?: (expanded: boolean) => void;
+    noChevron?: boolean;
+    noDivider?: boolean;
+    topSection?: ReactNode;
+    isClosedHeaderGrey?: boolean;
+    isHeaderGreyOnHover?: boolean;
+    as?: React.ElementType;
+} & TransientWrapperProps & Omit<React.HTMLAttributes<HTMLElement>, 'children'>;
+export declare const collapsibleCardClassNames: {
+    TOP_SECTION: string;
+    COLLAPSIBLE_CONTENT_WRAPPER: string;
+    CONTENT: string;
+};
+export declare const CollapsibleCard: ({ header, children, isExpanded, isExpandedDefault, onIsExpandedChanged, noChevron, noDivider, topSection, hideOuterBorder, hasShadow, isClosedHeaderGrey, isHeaderGreyOnHover, as: Element, ...rest }: CollapsibleCardProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=collapsible_card.d.ts.map

package/dist/components/collapsible_card/collapsible_card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible_card.d.ts","sourceRoot":"","sources":["../../../src/components/collapsible_card/collapsible_card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AASjD,UAAU,qBAAqB;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAWD,MAAM,MAAM,oBAAoB,GAAG;IAC/B,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC1B,GAAG,qBAAqB,GACrB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAC;AAExD,eAAO,MAAM,yBAAyB;;;;CAIrC,CAAC;AAqEF,eAAO,MAAM,eAAe,GAAI,uMAe7B,oBAAoB,4CAiDtB,CAAC"}

package/dist/components/collapsible_card/collapsible_card.js

@@ -0,0 +1,107 @@
+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";
+import { useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import s from "clsx";
+import { ChevronDownIcon as c } from "@apify/ui-icons";
+import * as l from "@radix-ui/react-collapsible";
+//#region src/components/collapsible_card/collapsible_card.tsx
+var u = {
+	TOP_SECTION: "CollapsibleCard-TopSection",
+	COLLAPSIBLE_CONTENT_WRAPPER: "CollapsibleCard-Content",
+	CONTENT: "Card-content"
+}, d = n(t)`
+    /* consoleStyle.partialStyle.card — TODO: reuse from Card once moved out of to_consolidate */
+    background-color: ${e.color.neutral.cardBackground};
+    border: 1px solid ${e.color.neutral.border};
+    box-shadow: var(--shadow-1);
+    border-radius: ${e.radius.radius8};
+    box-sizing: border-box;
+
+    ${({ $hideOuterBorder: e }) => e && r`
+            border: none;
+            border-radius: unset;
+        `};
+    /* Reset padding, it is dealt with within header and content styles */
+    padding: 0;
+    ${({ $hasShadow: e }) => e ? "" : "box-shadow: initial;"}
+    /* TODO: check if it this is needed, ie in publication tab it is reset back to overflow: visible */
+    overflow: hidden;
+`, f = n.div`
+    display: flex;
+    align-items: center;
+    padding: ${e.space.space4} ${e.space.space8};
+    background: ${e.color.neutral.backgroundMuted};
+    border-bottom: solid 1px ${e.color.neutral.border};
+    gap: ${e.space.space8};
+`, p = n.header`
+    display: flex;
+    gap: ${e.space.space4};
+    align-items: center;
+    ${({ onClick: e }) => e ? "cursor: pointer;" : ""};
+    padding: ${e.space.space16};
+    background-color: ${({ $isHeaderGrey: t }) => t ? e.color.neutral.backgroundMuted : "initial"};
+    /* We want to radiuses if there is no outer border */
+    ${({ $hideOuterBorder: t }) => t ? "" : `border-radius: ${e.radius.radius8};`}
+
+    &:hover {
+        background-color: ${({ $isHeaderGrey: t, $isHeaderGreyOnHover: n }) => t || n ? e.color.neutral.hover : "initial"};
+    }
+
+    .chevron {
+        transition: transform 100ms ease-in-out;
+    }
+
+    .chevron-open {
+        transform: rotate(0deg);
+    }
+
+    .chevron-closed {
+        transform: rotate(-90deg);
+    }
+`, m = n.div`
+    padding: ${e.space.space16};
+    overflow: auto;
+`, h = n(l.Content)`
+    ${({ $noDivider: t }) => t ? "" : `border-top: 1px solid ${e.color.neutral.border};`}
+`, g = ({ header: e, children: t, isExpanded: n, isExpandedDefault: r = !1, onIsExpandedChanged: g, noChevron: _, noDivider: v, topSection: y, hideOuterBorder: b, hasShadow: x, isClosedHeaderGrey: S, isHeaderGreyOnHover: C, as: w, ...T }) => {
+	let E = n === void 0, [D, O] = i(r), k;
+	return E ? k = () => O((e) => !e) : g && (k = () => g(!n)), /* @__PURE__ */ o(d, {
+		forwardedAs: w || "section",
+		$hideOuterBorder: b,
+		$hasShadow: x,
+		...T,
+		children: [
+			y && /* @__PURE__ */ a(f, {
+				className: u.TOP_SECTION,
+				"data-test": "collapsible-card-top-section",
+				children: y
+			}),
+			/* @__PURE__ */ o(p, {
+				$hideOuterBorder: b,
+				$isHeaderGrey: S && !D && !n,
+				$isHeaderGreyOnHover: C,
+				onClick: k,
+				children: [!_ && /* @__PURE__ */ a(c, {
+					size: "16",
+					className: s("chevron", n ?? D ? "chevron-open" : "chevron-closed")
+				}), e]
+			}),
+			/* @__PURE__ */ a(l.Root, {
+				open: E ? D : n,
+				children: /* @__PURE__ */ a(h, {
+					$noDivider: v,
+					className: u.COLLAPSIBLE_CONTENT_WRAPPER,
+					children: /* @__PURE__ */ a(m, {
+						className: u.CONTENT,
+						"data-test": "card-content",
+						children: t
+					})
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { g as CollapsibleCard, u as collapsibleCardClassNames };

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

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

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

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

package/dist/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/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"}