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

package/dist/components/readme_renderer/table_of_contents.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { AllowElement } from 'react-markdown';
+export declare const useShowTableOfContents: (markdown: string | null | undefined) => boolean | "" | null | undefined;
+export interface TableOfContentsProps {
+    markdown: string;
+    headingOffsetPx?: number;
+    allowElement?: AllowElement;
+}
+export declare const TableOfContents: React.MemoExoticComponent<({ markdown, headingOffsetPx, allowElement, ...rest }: TableOfContentsProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=table_of_contents.d.ts.map

package/dist/components/readme_renderer/table_of_contents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_of_contents.d.ts","sourceRoot":"","sources":["../../../src/components/readme_renderer/table_of_contents.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAsB,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAUlE,eAAO,MAAM,sBAAsB,GAAI,UAAU,MAAM,GAAG,IAAI,GAAG,SAAS,oCACI,CAAC;AAiK/E,MAAM,WAAW,oBAAoB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC/B;AAiGD,eAAO,MAAM,eAAe,mFA/FiE,oBAAoB,6CAiGhH,CAAC"}

package/dist/components/readme_renderer/table_of_contents.js

@@ -0,0 +1,175 @@
+import { theme } from "../../design_system/theme.js";
+import { TextShared } from "../text/text_shared.js";
+import { Link } from "../link/link.js";
+import { cleanMarkdown, slugifyHeadingChildren } from "./utils.js";
+import { inlineCodeStyles } from "../code/inline_code/inline_code.js";
+import styled from "styled-components";
+import React, { useCallback, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import ReactMarkdown from "react-markdown";
+import _ from "lodash";
+import remarkToc from "remark-toc";
+//#region src/components/readme_renderer/table_of_contents.tsx
+var useShowTableOfContents = (markdown) => useMemo(() => markdown && !!markdown.match(/^(#{1,3})\s.+$/m), [markdown]);
+var TOC_HEADING_ID = "Contents";
+var StyledTOCLink = styled(TextShared)`
+    display: inline-block;
+    color: ${theme.color.neutral.textMuted};
+    text-decoration: none;
+
+    /* Do no change the font style if the heading is defined as bold in the markdown and is wrapped in a <strong> tag */
+    strong {
+        font-size: inherit !important;
+        line-height: inherit !important;
+        font-weight: inherit !important;
+    }
+
+    &:hover,
+    &.selected {
+        color: ${theme.color.primary.text} !important;
+    }
+
+    &:before {
+        content: ' ';
+        display: inline-block;
+        height: 100%;
+        left: 0;
+        margin-top: -1px;
+        position: absolute;
+        width: 1px;
+        background-color: ${theme.color.neutral.border};
+    }
+
+    &.selected:before {
+        background-color: ${theme.color.primary.text};
+    }
+`;
+var StyledTableOfContents = styled.div`
+    position: relative;
+    overflow: hidden;
+
+    p {
+        margin: 0;
+    }
+
+    .level-3 a {
+        color: ${theme.color.neutral.textSubtle};
+    }
+
+    ul {
+        padding-left: ${theme.space.space8} !important;
+        list-style: none;
+        margin: 0;
+        overflow-y: auto;
+
+        &.level-3 {
+            padding-left: ${theme.space.space16} !important;
+            max-height: 0;
+            overflow: hidden;
+            transition: all 0.3s ease-in-out;
+
+            &.expanded {
+                max-height: 1000px;
+            }
+        }
+    }
+
+    .inline-code {
+        ${inlineCodeStyles}
+    }
+`;
+var handleScroll = (anchors, headlines, anchorLists, headingOffsetPx) => {
+	if (!anchors || !headlines) return;
+	const headlinesPastScrollPosition = headlines.filter((headline) => {
+		return headline.getBoundingClientRect().top - headingOffsetPx < 0;
+	});
+	const currentHeadlineId = headlinesPastScrollPosition[headlinesPastScrollPosition.length - 1]?.id || headlines[0]?.id;
+	if (currentHeadlineId) {
+		const currentHash = `#${currentHeadlineId}`;
+		anchorLists?.forEach((anchorList) => anchorList.classList.remove("expanded"));
+		anchors.forEach((anchor) => {
+			anchor.classList.remove("selected");
+			if (anchor.hash === currentHash) {
+				anchor.classList.add("selected");
+				const grandparent = anchor.parentNode?.parentNode;
+				if (grandparent?.tagName === "LI" && grandparent.children[1]?.tagName === "UL" && grandparent.children[1]?.classList.contains("level-3")) grandparent.children[1].classList.add("expanded");
+				if (grandparent?.tagName === "UL" && grandparent.classList.contains("level-3")) grandparent.classList.add("expanded");
+			}
+		});
+	}
+};
+var assignHeadingLevelsRecursively = ({ children, tagName, properties }, level) => {
+	if (level > 3) return;
+	let currentLevel = level;
+	if (tagName === "ul") {
+		properties.className = `level-${currentLevel}`;
+		currentLevel += 1;
+	}
+	children?.forEach((child) => {
+		if (child.type === "element" && (tagName === "ul" || tagName === "li")) assignHeadingLevelsRecursively(child, currentLevel);
+	});
+};
+var TableOfContentsComponent = ({ markdown, headingOffsetPx = 10, allowElement, ...rest }) => {
+	const cleanedMarkdown = useMemo(() => {
+		return `### ${TOC_HEADING_ID}\n${cleanMarkdown(markdown)}`;
+	}, [markdown]);
+	const hasTopLevelHeading = useMemo(() => !!cleanedMarkdown.match(/^#\s.+$/m), [cleanedMarkdown]);
+	return /* @__PURE__ */ jsx(StyledTableOfContents, {
+		ref: useCallback((node) => {
+			const anchors = node ? Array.from(node.querySelectorAll("a")) : [];
+			const anchorLists = node ? Array.from(node.querySelectorAll("ul")) : null;
+			const headlines = anchors.map((anchor) => document.getElementById(anchor.hash.substr(1))).filter((headline) => headline !== void 0 && headline !== null);
+			const scrollHandler = () => handleScroll(anchors, headlines, anchorLists, headingOffsetPx);
+			if (node) window.addEventListener("scroll", scrollHandler);
+			else window.removeEventListener("scroll", scrollHandler);
+			scrollHandler();
+		}, [headingOffsetPx]),
+		...rest,
+		children: /* @__PURE__ */ jsx(ReactMarkdown, {
+			allowElement,
+			remarkPlugins: [[remarkToc, {
+				heading: TOC_HEADING_ID,
+				maxDepth: 3
+			}], () => ({ children, ...nodeRest }) => {
+				let tocContentNode = children[1];
+				if (!hasTopLevelHeading) tocContentNode = {
+					type: "list",
+					ordered: false,
+					spread: false,
+					children: [{
+						type: "listItem",
+						spread: true,
+						children: [tocContentNode]
+					}]
+				};
+				return {
+					...nodeRest,
+					children: [tocContentNode]
+				};
+			}],
+			rehypePlugins: [() => (input) => {
+				assignHeadingLevelsRecursively(input.children[0], 1);
+				return input;
+			}],
+			components: {
+				a: ({ children }) => {
+					const { search } = window.location;
+					return /* @__PURE__ */ jsx(StyledTOCLink, {
+						forwardedAs: Link,
+						to: `${search}${`#${slugifyHeadingChildren(children)}`}`,
+						py: "space4",
+						children
+					});
+				},
+				code: ({ children }) => /* @__PURE__ */ jsx("code", {
+					className: "inline-code",
+					children
+				})
+			},
+			children: cleanedMarkdown
+		})
+	});
+};
+var TableOfContents = React.memo(TableOfContentsComponent, (prevProps, nextProps) => _.isEqual(prevProps, nextProps));
+//#endregion
+export { TableOfContents, useShowTableOfContents };

package/dist/components/readme_renderer/utils.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { AllowElement } from 'react-markdown';
+export declare const slugifyHeadingChildren: (headingChildren: React.ReactNode) => string | undefined;
+export declare const cleanMarkdown: (markdown: string, removeFirstH1?: boolean) => string;
+export declare const useActorTitleHeadingFilter: (actorTitle: string | undefined) => AllowElement;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/readme_renderer/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/readme_renderer/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,eAAO,MAAM,sBAAsB,GAAI,iBAAiB,KAAK,CAAC,SAAS,KAAG,MAAM,GAAG,SAiBlF,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,UAAU,MAAM,EAAE,gBAAgB,OAAO,KAAG,MAUzE,CAAC;AAIF,eAAO,MAAM,0BAA0B,GAAI,YAAY,MAAM,GAAG,SAAS,KAAG,YAiB3E,CAAC"}

package/dist/components/readme_renderer/utils.js

@@ -0,0 +1,35 @@
+import React, { useCallback } from "react";
+import slugify from "slugify";
+//#region src/components/readme_renderer/utils.tsx
+var slugifyHeadingChildren = (headingChildren) => {
+	if (!headingChildren) return void 0;
+	const slugs = [];
+	React.Children.forEach(headingChildren, (child) => {
+		if (typeof child === "string") slugs.push(slugify(child, {
+			lower: true,
+			strict: true
+		}));
+		else if (React.isValidElement(child)) {
+			const element = child;
+			if (element.props.children) {
+				const nestedSlugs = slugifyHeadingChildren(element.props.children);
+				if (nestedSlugs) slugs.push(nestedSlugs);
+			}
+		}
+	});
+	return slugs.join("-");
+};
+var cleanMarkdown = (markdown, removeFirstH1) => {
+	let clean = markdown.replace(/<!-- toc start -->.*?<!-- toc end -->/s, "").replace(/##.*content.*?\n*<!-- toc -->(.|[\r\n])*<!-- tocstop -->\n*/, "");
+	if (removeFirstH1) clean = clean.replace(removeFirstH1 ? /^#\s.+$/m : "", "");
+	return clean.trim();
+};
+var useActorTitleHeadingFilter = (actorTitle) => {
+	return useCallback((element, index, parent) => {
+		if (!actorTitle) return true;
+		if (parent?.type === "root" && index === 0 && element.tagName === "h1" && element.children.length === 1 && element.children[0].type === "text" && element.children[0].value?.toLowerCase() === actorTitle.toLowerCase()) return false;
+		return true;
+	}, [actorTitle]);
+};
+//#endregion
+export { cleanMarkdown, slugifyHeadingChildren, useActorTitleHeadingFilter };

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

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

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

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

package/dist/components/select/select.d.ts

@@ -0,0 +1,57 @@
+import { FC, ReactNode } from 'react';
+import { MultiValueRemoveProps } from 'react-select';
+export type SelectOptionValue = string | number | boolean;
+export type SelectOption = {
+    label: ReactNode;
+    value: SelectOptionValue;
+    description?: string;
+};
+export declare const withReactSelectTheme: (Component: FC<any>) => {
+    (props: any): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type GetIsSelectedFn = (options: SelectOption[], value: SelectOptionValue | SelectOptionValue[] | null | undefined, isMulti?: boolean) => SelectOption | SelectOption[] | null;
+export type SelectPrimitiveProps = {
+    options: SelectOption[];
+    value?: SelectOptionValue | SelectOptionValue[] | null;
+    setValue: (value: SelectOptionValue | SelectOptionValue[]) => void;
+    getIsSelected?: GetIsSelectedFn;
+    isMulti?: boolean;
+    isClearable?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    error?: boolean | string;
+    components?: Record<string, React.ComponentType<any>>;
+    suffix?: string;
+    menuMinWidth?: number;
+    menuPosition?: 'fixed' | 'absolute';
+    className?: string;
+    as?: React.ElementType;
+    instanceId?: string;
+    /**
+     * Whether the select is rendered inside a modal. When `true`, the menu position defaults to `'fixed'`
+     * and scroll blocking is enabled to prevent the menu from scrolling away in large modals.
+     * Also affects the z-index of the menu portal (defaults to 99 inside modal, 9 outside).
+     */
+    isRenderedInsideModal?: boolean;
+    /**
+     * Custom z-index for the menu portal. When not provided, defaults to 99 when `isRenderedInsideModal`
+     * is `true`, and 9 otherwise.
+     */
+    menuPortalZIndex?: number;
+    [key: string]: any;
+};
+export declare const selectDefaultGetIsSelected: GetIsSelectedFn;
+export declare const SelectMultiValueRemove: FC<Pick<MultiValueRemoveProps<SelectOption>, 'innerProps'>>;
+/**
+ * A context-free select component built on `react-select` with Apify styling.
+ *
+ * Use the `isRenderedInsideModal` prop to control modal-aware behavior (z-index, menu positioning,
+ * scroll blocking). Use `menuPortalZIndex` to override the default z-index values.
+ *
+ * In the console frontend, prefer using the `Select` wrapper from `primitives/select` which
+ * automatically injects these props via `ModalContext`.
+ */
+export declare const SelectPrimitive: import('react').ForwardRefExoticComponent<Omit<SelectPrimitiveProps, "ref"> & import('react').RefAttributes<unknown>>;
+export {};
+//# sourceMappingURL=select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAc,KAAK,SAAS,EAAwB,MAAM,OAAO,CAAC;AAClF,OAAO,KAAK,EAIR,qBAAqB,EAGxB,MAAM,cAAc,CAAC;AAatB,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1D,MAAM,MAAM,YAAY,GAAG;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,iBAAiB,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAMF,eAAO,MAAM,oBAAoB,GAAI,WAAW,EAAE,CAAC,GAAG,CAAC;YAEjB,GAAG;;CAMxC,CAAC;AAmFF,KAAK,eAAe,GAAG,CACnB,OAAO,EAAE,YAAY,EAAE,EACvB,KAAK,EAAE,iBAAiB,GAAG,iBAAiB,EAAE,GAAG,IAAI,GAAG,SAAS,EACjE,OAAO,CAAC,EAAE,OAAO,KAChB,YAAY,GAAG,YAAY,EAAE,GAAG,IAAI,CAAC;AAG1C,MAAM,MAAM,oBAAoB,GAAG;IAC/B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,EAAE,GAAG,IAAI,CAAC;IACvD,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,GAAG,iBAAiB,EAAE,KAAK,IAAI,CAAC;IACnE,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB,CAAC;AAGF,eAAO,MAAM,0BAA0B,EAAE,eAMxC,CAAC;AA4HF,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,YAAY,CAAC,EAAE,YAAY,CAAC,CAE9F,CAAC;AAIF;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,uHA2F3B,CAAC"}

package/dist/components/select/select.js

@@ -0,0 +1,262 @@
+import { theme } from "../../design_system/theme.js";
+import { TextShared } from "../text/text_shared.js";
+import { IconButton } from "../icon_button/icon_button.js";
+import styled from "styled-components";
+import { forwardRef, useCallback, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+import { CaretDownIcon, CaretUpIcon, CrossIcon, XCircleIcon } from "@apify/ui-icons";
+import SelectComponent, { components, defaultTheme } from "react-select";
+//#region src/components/select/select.tsx
+var DEFAULT_Z_INDEX_IN_MODAL = 99;
+var DEFAULT_Z_INDEX_OUTSIDE_MODAL = 9;
+var withReactSelectTheme = (Component) => {
+	const EnhancedComponent = (props) => {
+		return /* @__PURE__ */ jsx(Component, {
+			...props,
+			theme: defaultTheme
+		});
+	};
+	EnhancedComponent.displayName = `withReactSelectTheme${Component.name || Component.displayName}`;
+	return EnhancedComponent;
+};
+var selectStyles = {
+	multiValue: (base) => ({
+		...base,
+		backgroundColor: theme.color.neutral.chipBackground,
+		borderRadius: 6,
+		height: 20,
+		alignItems: "center"
+	}),
+	multiValueLabel: (base) => ({
+		...base,
+		color: theme.color.neutral.text,
+		fontSize: 12
+	}),
+	multiValueRemove: (base) => ({
+		...base,
+		backgroundColor: "transparent !important",
+		"&:hover svg": { color: theme.color.neutral.iconSubtle }
+	}),
+	dropdownIndicator: (base, { selectProps: { menuIsOpen, isDisabled } }) => ({
+		...base,
+		svg: {
+			transform: menuIsOpen ? "rotate(180deg)" : "",
+			color: isDisabled ? theme.color.neutral.iconDisabled : theme.color.neutral.icon
+		}
+	}),
+	valueContainer: (base) => ({
+		...base,
+		padding: "2px 6px"
+	}),
+	menu: (base) => ({
+		...base,
+		overflow: "hidden",
+		backgroundColor: theme.color.neutral.background,
+		border: `1px solid ${theme.color.neutral.border}`,
+		boxShadow: "none",
+		zIndex: 3
+	}),
+	option: (base, state) => ({
+		...base,
+		color: state.isSelected ? theme.color.neutral.textOnPrimary : theme.color.neutral.text,
+		backgroundColor: state.isSelected ? theme.color.primary.action : theme.color.neutral.background,
+		"& > p": {
+			color: state.isSelected ? theme.color.neutral.textOnPrimary : theme.color.neutral.textSubtle,
+			a: {
+				color: state.isSelected ? theme.color.neutral.textOnPrimary : theme.color.neutral.textSubtle,
+				"&:hover": { color: state.isSelected ? theme.color.neutral.textOnPrimary : theme.color.neutral.textSubtle },
+				textDecoration: "underline"
+			}
+		},
+		"&:hover": { backgroundColor: state.isSelected ? void 0 : theme.color.neutral.hover }
+	}),
+	noOptionsMessage: (base) => ({
+		...base,
+		color: theme.color.neutral.textSubtle
+	}),
+	singleValue: (base, { selectProps: { isDisabled } }) => ({
+		...base,
+		color: isDisabled ? theme.color.neutral.textDisabled : theme.color.neutral.text
+	}),
+	placeholder: (base) => ({
+		...base,
+		color: theme.color.neutral.textPlaceholder,
+		fontStyle: "italic"
+	}),
+	input: (base) => ({
+		...base,
+		color: theme.color.neutral.text
+	})
+};
+var selectDefaultGetIsSelected = (options, value, isMulti) => {
+	if (!isMulti) return options.find((option) => option.value === value) || null;
+	return value?.map((val) => options.find((opt) => opt.value === val)).filter(Boolean);
+};
+var StyledIndicatorsContainer = styled(withReactSelectTheme(components.IndicatorsContainer))`
+    & > div {
+        padding: 6px !important;
+    }
+
+    .indicator-slot {
+        padding: 6px;
+        display: flex;
+        align-items: center;
+
+        svg:not(.error-svg) {
+            color: ${theme.color.neutral.icon};
+        }
+    }
+`;
+var getMenuPortalZIndex = (props) => props.selectProps?.menuPortalZIndex;
+var getMenuPortalMinWidth = (props) => props.selectProps?.menuMinWidth || 0;
+var StyledMenuPortal = styled(withReactSelectTheme(components.MenuPortal))`
+    z-index: ${getMenuPortalZIndex} !important;
+    min-width: ${getMenuPortalMinWidth}px !important;
+`;
+var StyledControl = styled(withReactSelectTheme(components.Control))`
+    min-height: 36px !important;
+    background-color: ${theme.color.neutral.fieldBackground} !important;
+    border: 1px solid ${theme.color.neutral.fieldBorder} !important;
+    border-radius: 6px !important;
+    transition:
+        border-color 120ms ease-out,
+        background-color 120ms ease-out !important;
+    padding: 0 6px;
+
+    &:hover {
+        background-color: ${theme.color.neutral.hover} !important;
+    }
+
+    &:focus-within {
+        border-color: ${theme.color.primary.fieldBorderActive} !important;
+        background-color: ${theme.color.neutral.background} !important;
+        box-shadow: var(--shadow-active) !important;
+    }
+
+    .disabled & {
+        border-color: ${theme.color.neutral.disabled} !important;
+        background-color: ${theme.color.neutral.disabled} !important;
+    }
+
+    .error & {
+        background-color: ${theme.color.danger.backgroundSubtle} !important;
+        border: 1px solid ${theme.color.danger.fieldBorder} !important;
+
+        &:hover {
+            background-color: ${theme.color.danger.backgroundSubtleHover};
+            border: 1px solid ${theme.color.primary.chipText} !important;
+        }
+    }
+`;
+var StyledOption = styled(withReactSelectTheme(components.Option))`
+    ${theme.typography.shared.desktop.bodyM}
+`;
+var Option = ({ children, data: { description }, ...props }) => /* @__PURE__ */ jsxs(StyledOption, {
+	...props,
+	children: [children, description && /* @__PURE__ */ jsx(TextShared, {
+		size: "small",
+		children: description
+	})]
+});
+var IndicatorsContainer = ({ selectProps: { indicator, suffix }, children, ...props }) => {
+	return /* @__PURE__ */ jsxs(StyledIndicatorsContainer, {
+		...props,
+		children: [(indicator || suffix) && /* @__PURE__ */ jsxs("div", {
+			className: "indicator-slot",
+			children: [/* @__PURE__ */ jsx(TextShared, {
+				color: theme.color.neutral.textSubtle,
+				children: suffix
+			}), indicator]
+		}), children]
+	});
+};
+var DropdownIndicator = ({ innerProps, selectProps }) => /* @__PURE__ */ jsx(IconButton, {
+	Icon: selectProps.menuIsOpen ? CaretUpIcon : CaretDownIcon,
+	...innerProps
+});
+var ClearIndicator = ({ innerProps, selectProps }) => {
+	return /* @__PURE__ */ jsx(IconButton, {
+		Icon: CrossIcon,
+		"data-test": `${selectProps?.id ?? selectProps?.name}--clear`,
+		...innerProps
+	});
+};
+var MultiValueRemoveButton = styled(IconButton)`
+    height: auto;
+    :hover {
+        color: ${theme.color.neutral.textSubtle};
+        background-color: transparent;
+    }
+`;
+var SelectMultiValueRemove = ({ innerProps }) => /* @__PURE__ */ jsx(MultiValueRemoveButton, {
+	Icon: CrossIcon,
+	...innerProps
+});
+var IndicatorSeparator = () => null;
+/**
+* A context-free select component built on `react-select` with Apify styling.
+*
+* Use the `isRenderedInsideModal` prop to control modal-aware behavior (z-index, menu positioning,
+* scroll blocking). Use `menuPortalZIndex` to override the default z-index values.
+*
+* In the console frontend, prefer using the `Select` wrapper from `primitives/select` which
+* automatically injects these props via `ModalContext`.
+*/
+var SelectPrimitive = forwardRef(({ options, value, setValue, disabled, readOnly, error, suffix, className, components, isMulti, isClearable = true, menuPosition, getIsSelected, as, isRenderedInsideModal = false, menuPortalZIndex, ...props }, ref) => {
+	const selectedOptions = useMemo(() => getIsSelected ? getIsSelected(options, value, isMulti) : selectDefaultGetIsSelected(options, value, isMulti), [
+		getIsSelected,
+		options,
+		value,
+		isMulti
+	]);
+	const onSelect = useCallback((selected) => {
+		if (!isMulti) {
+			setValue(selected ? selected.value : "");
+			return;
+		}
+		setValue(selected.map((option) => option.value));
+	}, [setValue, isMulti]);
+	const effectiveMenuPosition = menuPosition || (isRenderedInsideModal ? "fixed" : "absolute");
+	const resolvedMenuPortalZIndex = menuPortalZIndex ?? (isRenderedInsideModal ? DEFAULT_Z_INDEX_IN_MODAL : DEFAULT_Z_INDEX_OUTSIDE_MODAL);
+	const indicator = error && /* @__PURE__ */ jsx(XCircleIcon, {
+		size: "16",
+		color: theme.color.danger.icon,
+		className: "error-svg"
+	});
+	return /* @__PURE__ */ jsx(as || SelectComponent, {
+		components: {
+			DropdownIndicator,
+			ClearIndicator,
+			IndicatorSeparator,
+			MultiValueRemove: SelectMultiValueRemove,
+			IndicatorsContainer,
+			Option,
+			Control: StyledControl,
+			MenuPortal: StyledMenuPortal,
+			...components
+		},
+		ref,
+		openMenuOnFocus: true,
+		isDisabled: disabled || readOnly,
+		error,
+		options,
+		closeMenuOnSelect: !isMulti,
+		value: selectedOptions,
+		isMulti,
+		isClearable,
+		onChange: onSelect,
+		isRenderedInsideModal,
+		menuPortalZIndex: resolvedMenuPortalZIndex,
+		menuPosition: effectiveMenuPosition,
+		menuShouldBlockScroll: isRenderedInsideModal,
+		indicator,
+		suffix,
+		styles: selectStyles,
+		...props,
+		className: clsx$1(className, error && "error", (disabled || readOnly) && "disabled")
+	});
+});
+SelectPrimitive.displayName = "SelectPrimitive";
+//#endregion
+export { SelectMultiValueRemove, SelectPrimitive, selectDefaultGetIsSelected, withReactSelectTheme };

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

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

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

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

package/dist/components/shortcut/shortcut.d.ts

@@ -0,0 +1,10 @@
+import { ElementType } from 'react';
+interface ShortcutProps {
+    as?: ElementType;
+    className?: string;
+    children: React.ReactNode;
+    dark?: boolean;
+}
+export declare const Shortcut: ({ as, className, children, dark }: ShortcutProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=shortcut.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shortcut.d.ts","sourceRoot":"","sources":["../../../src/components/shortcut/shortcut.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAMzC,UAAU,aAAa;IACnB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AA0BD,eAAO,MAAM,QAAQ,GAAI,mCAA2C,aAAa,4CAMhF,CAAC"}

package/dist/components/shortcut/shortcut.js

@@ -0,0 +1,38 @@
+import { theme } from "../../design_system/theme.js";
+import { TextShared } from "../text/text_shared.js";
+import styled, { css } from "styled-components";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/shortcut/shortcut.tsx
+var adaptiveColors = css`
+    background-color: ${theme.color.neutral.backgroundSubtle};
+    border: 1px solid ${theme.color.neutral.border};
+    color: ${theme.color.neutral.textSubtle};
+`;
+var darkColors = css`
+    background-color: ${theme.colorPalette.dark.neutral800};
+    border: 1px solid ${theme.colorPalette.dark.neutral700};
+    color: ${theme.colorPalette.dark.neutral400};
+`;
+var StyledShortcut = styled(TextShared)`
+    min-width: 20px;
+    height: 20px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: ${theme.radius.radius4};
+    padding: ${theme.space.space2} ${theme.space.space4};
+    ${({ $dark }) => $dark ? darkColors : adaptiveColors}
+`;
+var Shortcut = ({ as, className, children, dark = false }) => {
+	return /* @__PURE__ */ jsx(StyledShortcut, {
+		forwardedAs: as,
+		className,
+		$dark: dark,
+		type: "code",
+		size: "small",
+		weight: "medium",
+		children
+	});
+};
+//#endregion
+export { Shortcut };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/simple_markdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC"}

package/dist/components/simple_markdown/simple_markdown.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { Components, Options as ReactMarkdownOptions, UrlTransform } from 'react-markdown';
+import { default as rehypeRaw } from 'rehype-raw';
+import { default as remarkGfm } from 'remark-gfm';
+export type SimpleMarkdownComponents = Components;
+export declare const defaultAllowedElements: string[];
+export declare const defaultRehypePlugins: (typeof rehypeRaw)[];
+export declare const defaultRemarkPlugins: (typeof remarkGfm)[];
+type MarkdownSize = 'regular' | 'small';
+export type SimpleMarkdownProps = Omit<ReactMarkdownOptions, 'urlTransform' | 'children'> & {
+    /**
+     * @deprecated use urlTransform instead
+     */
+    transformLinkUri?: UrlTransform;
+    /**
+     * @deprecated use urlTransform instead
+     */
+    transformImageUri?: UrlTransform;
+    size?: MarkdownSize;
+    children: string;
+    className?: string;
+};
+export declare const useDefaultUrlTransform: () => (url: string) => string;
+export declare const SimpleMarkdown: React.FC<SimpleMarkdownProps>;
+export {};
+//# sourceMappingURL=simple_markdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"simple_markdown.d.ts","sourceRoot":"","sources":["../../../src/components/simple_markdown/simple_markdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,OAAO,IAAI,oBAAoB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEhG,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,SAAS,MAAM,YAAY,CAAC;AAanC,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC;AAElD,eAAO,MAAM,sBAAsB,UAgClC,CAAC;AAuEF,eAAO,MAAM,oBAAoB,sBAAc,CAAC;AAChD,eAAO,MAAM,oBAAoB,sBAAc,CAAC;AAqJhD,KAAK,YAAY,GAAG,SAAS,GAAG,OAAO,CAAC;AAExC,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,oBAAoB,EAAE,cAAc,GAAG,UAAU,CAAC,GAAG;IACxF;;OAEG;IACH,gBAAgB,CAAC,EAAE,YAAY,CAAC;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,YAAY,CAAC;IACjC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,sBAAsB,cAIrB,MAAM,WAUnB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwDxD,CAAC"}