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

package/dist/components/readme_renderer/table_of_contents.js

@@ -0,0 +1,146 @@
+import { theme as e } from "../../design_system/theme.js";
+import { TextShared as t } from "../text/text_shared.js";
+import { Link as n } from "../link/link.js";
+import { cleanMarkdown as r, slugifyHeadingChildren as i } from "./utils.js";
+import { inlineCodeStyles as a } from "../code/inline_code/inline_code.js";
+import o from "styled-components";
+import s, { useCallback as c, useMemo as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+import d from "react-markdown";
+import f from "lodash";
+import p from "remark-toc";
+//#region src/components/readme_renderer/table_of_contents.tsx
+var m = (e) => l(() => e && !!e.match(/^(#{1,3})\s.+$/m), [e]), h = "Contents", g = o(t)`
+    display: inline-block;
+    color: ${e.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: ${e.color.primary.text} !important;
+    }
+
+    &:before {
+        content: ' ';
+        display: inline-block;
+        height: 100%;
+        left: 0;
+        margin-top: -1px;
+        position: absolute;
+        width: 1px;
+        background-color: ${e.color.neutral.border};
+    }
+
+    &.selected:before {
+        background-color: ${e.color.primary.text};
+    }
+`, _ = o.div`
+    position: relative;
+    overflow: hidden;
+
+    p {
+        margin: 0;
+    }
+
+    .level-3 a {
+        color: ${e.color.neutral.textSubtle};
+    }
+
+    ul {
+        padding-left: ${e.space.space8} !important;
+        list-style: none;
+        margin: 0;
+        overflow-y: auto;
+
+        &.level-3 {
+            padding-left: ${e.space.space16} !important;
+            max-height: 0;
+            overflow: hidden;
+            transition: all 0.3s ease-in-out;
+
+            &.expanded {
+                max-height: 1000px;
+            }
+        }
+    }
+
+    .inline-code {
+        ${a}
+    }
+`, v = (e, t, n, r) => {
+	if (!e || !t) return;
+	let i = t.filter((e) => e.getBoundingClientRect().top - r < 0), a = i[i.length - 1]?.id || t[0]?.id;
+	if (a) {
+		let t = `#${a}`;
+		n?.forEach((e) => e.classList.remove("expanded")), e.forEach((e) => {
+			if (e.classList.remove("selected"), e.hash === t) {
+				e.classList.add("selected");
+				let t = e.parentNode?.parentNode;
+				t?.tagName === "LI" && t.children[1]?.tagName === "UL" && t.children[1]?.classList.contains("level-3") && t.children[1].classList.add("expanded"), t?.tagName === "UL" && t.classList.contains("level-3") && t.classList.add("expanded");
+			}
+		});
+	}
+}, y = ({ children: e, tagName: t, properties: n }, r) => {
+	if (r > 3) return;
+	let i = r;
+	t === "ul" && (n.className = `level-${i}`, i += 1), e?.forEach((e) => {
+		e.type === "element" && (t === "ul" || t === "li") && y(e, i);
+	});
+}, b = s.memo(({ markdown: e, headingOffsetPx: t = 10, allowElement: a, ...o }) => {
+	let s = l(() => `### ${h}\n${r(e)}`, [e]), f = l(() => !!s.match(/^#\s.+$/m), [s]);
+	return /* @__PURE__ */ u(_, {
+		ref: c((e) => {
+			let n = e ? Array.from(e.querySelectorAll("a")) : [], r = e ? Array.from(e.querySelectorAll("ul")) : null, i = n.map((e) => document.getElementById(e.hash.substr(1))).filter((e) => e != null), a = () => v(n, i, r, t);
+			e ? window.addEventListener("scroll", a) : window.removeEventListener("scroll", a), a();
+		}, [t]),
+		...o,
+		children: /* @__PURE__ */ u(d, {
+			allowElement: a,
+			remarkPlugins: [[p, {
+				heading: h,
+				maxDepth: 3
+			}], () => ({ children: e, ...t }) => {
+				let n = e[1];
+				return f || (n = {
+					type: "list",
+					ordered: !1,
+					spread: !1,
+					children: [{
+						type: "listItem",
+						spread: !0,
+						children: [n]
+					}]
+				}), {
+					...t,
+					children: [n]
+				};
+			}],
+			rehypePlugins: [() => (e) => (y(e.children[0], 1), e)],
+			components: {
+				a: ({ children: e }) => {
+					let { search: t } = window.location;
+					return /* @__PURE__ */ u(g, {
+						forwardedAs: n,
+						to: `${t}${`#${i(e)}`}`,
+						py: "space4",
+						children: e
+					});
+				},
+				code: ({ children: e }) => /* @__PURE__ */ u("code", {
+					className: "inline-code",
+					children: e
+				})
+			},
+			children: s
+		})
+	});
+}, (e, t) => f.isEqual(e, t));
+//#endregion
+export { b as TableOfContents, m as 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,25 @@
+import e, { useCallback as t } from "react";
+import n from "slugify";
+//#region src/components/readme_renderer/utils.tsx
+var r = (t) => {
+	if (!t) return;
+	let i = [];
+	return e.Children.forEach(t, (t) => {
+		if (typeof t == "string") i.push(n(t, {
+			lower: !0,
+			strict: !0
+		}));
+		else if (e.isValidElement(t)) {
+			let e = t;
+			if (e.props.children) {
+				let t = r(e.props.children);
+				t && i.push(t);
+			}
+		}
+	}), i.join("-");
+}, i = (e, t) => {
+	let n = e.replace(/<!-- toc start -->.*?<!-- toc end -->/s, "").replace(/##.*content.*?\n*<!-- toc -->(.|[\r\n])*<!-- tocstop -->\n*/, "");
+	return t && (n = n.replace(t ? /^#\s.+$/m : "", "")), n.trim();
+}, a = (e) => t((t, n, r) => e ? !(r?.type === "root" && n === 0 && t.tagName === "h1" && t.children.length === 1 && t.children[0].type === "text" && t.children[0].value?.toLowerCase() === e.toLowerCase()) : !0, [e]);
+//#endregion
+export { i as cleanMarkdown, r as slugifyHeadingChildren, a as 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,221 @@
+import { theme as e } from "../../design_system/theme.js";
+import { TextShared as t } from "../text/text_shared.js";
+import { IconButton as n } from "../icon_button/icon_button.js";
+import r from "styled-components";
+import { forwardRef as i, useCallback as a, useMemo as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "clsx";
+import { CaretDownIcon as u, CaretUpIcon as d, CrossIcon as f, XCircleIcon as p } from "@apify/ui-icons";
+import m, { components as h, defaultTheme as g } from "react-select";
+//#region src/components/select/select.tsx
+var _ = 99, v = 9, y = (e) => {
+	let t = (t) => /* @__PURE__ */ s(e, {
+		...t,
+		theme: g
+	});
+	return t.displayName = `withReactSelectTheme${e.name || e.displayName}`, t;
+}, b = {
+	multiValue: (t) => ({
+		...t,
+		backgroundColor: e.color.neutral.chipBackground,
+		borderRadius: 6,
+		height: 20,
+		alignItems: "center"
+	}),
+	multiValueLabel: (t) => ({
+		...t,
+		color: e.color.neutral.text,
+		fontSize: 12
+	}),
+	multiValueRemove: (t) => ({
+		...t,
+		backgroundColor: "transparent !important",
+		"&:hover svg": { color: e.color.neutral.iconSubtle }
+	}),
+	dropdownIndicator: (t, { selectProps: { menuIsOpen: n, isDisabled: r } }) => ({
+		...t,
+		svg: {
+			transform: n ? "rotate(180deg)" : "",
+			color: r ? e.color.neutral.iconDisabled : e.color.neutral.icon
+		}
+	}),
+	valueContainer: (e) => ({
+		...e,
+		padding: "2px 6px"
+	}),
+	menu: (t) => ({
+		...t,
+		overflow: "hidden",
+		backgroundColor: e.color.neutral.background,
+		border: `1px solid ${e.color.neutral.border}`,
+		boxShadow: "none",
+		zIndex: 3
+	}),
+	option: (t, n) => ({
+		...t,
+		color: n.isSelected ? e.color.neutral.textOnPrimary : e.color.neutral.text,
+		backgroundColor: n.isSelected ? e.color.primary.action : e.color.neutral.background,
+		"& > p": {
+			color: n.isSelected ? e.color.neutral.textOnPrimary : e.color.neutral.textSubtle,
+			a: {
+				color: n.isSelected ? e.color.neutral.textOnPrimary : e.color.neutral.textSubtle,
+				"&:hover": { color: n.isSelected ? e.color.neutral.textOnPrimary : e.color.neutral.textSubtle },
+				textDecoration: "underline"
+			}
+		},
+		"&:hover": { backgroundColor: n.isSelected ? void 0 : e.color.neutral.hover }
+	}),
+	noOptionsMessage: (t) => ({
+		...t,
+		color: e.color.neutral.textSubtle
+	}),
+	singleValue: (t, { selectProps: { isDisabled: n } }) => ({
+		...t,
+		color: n ? e.color.neutral.textDisabled : e.color.neutral.text
+	}),
+	placeholder: (t) => ({
+		...t,
+		color: e.color.neutral.textPlaceholder,
+		fontStyle: "italic"
+	}),
+	input: (t) => ({
+		...t,
+		color: e.color.neutral.text
+	})
+}, x = (e, t, n) => n ? t?.map((t) => e.find((e) => e.value === t)).filter(Boolean) : e.find((e) => e.value === t) || null, S = r(y(h.IndicatorsContainer))`
+    & > div {
+        padding: 6px !important;
+    }
+
+    .indicator-slot {
+        padding: 6px;
+        display: flex;
+        align-items: center;
+
+        svg:not(.error-svg) {
+            color: ${e.color.neutral.icon};
+        }
+    }
+`, C = r(y(h.MenuPortal))`
+    z-index: ${(e) => e.selectProps?.menuPortalZIndex} !important;
+    min-width: ${(e) => e.selectProps?.menuMinWidth || 0}px !important;
+`, w = r(y(h.Control))`
+    min-height: 36px !important;
+    background-color: ${e.color.neutral.fieldBackground} !important;
+    border: 1px solid ${e.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: ${e.color.neutral.hover} !important;
+    }
+
+    &:focus-within {
+        border-color: ${e.color.primary.fieldBorderActive} !important;
+        background-color: ${e.color.neutral.background} !important;
+        box-shadow: var(--shadow-active) !important;
+    }
+
+    .disabled & {
+        border-color: ${e.color.neutral.disabled} !important;
+        background-color: ${e.color.neutral.disabled} !important;
+    }
+
+    .error & {
+        background-color: ${e.color.danger.backgroundSubtle} !important;
+        border: 1px solid ${e.color.danger.fieldBorder} !important;
+
+        &:hover {
+            background-color: ${e.color.danger.backgroundSubtleHover};
+            border: 1px solid ${e.color.primary.chipText} !important;
+        }
+    }
+`, T = r(y(h.Option))`
+    ${e.typography.shared.desktop.bodyM}
+`, E = ({ children: e, data: { description: n }, ...r }) => /* @__PURE__ */ c(T, {
+	...r,
+	children: [e, n && /* @__PURE__ */ s(t, {
+		size: "small",
+		children: n
+	})]
+}), D = ({ selectProps: { indicator: n, suffix: r }, children: i, ...a }) => /* @__PURE__ */ c(S, {
+	...a,
+	children: [(n || r) && /* @__PURE__ */ c("div", {
+		className: "indicator-slot",
+		children: [/* @__PURE__ */ s(t, {
+			color: e.color.neutral.textSubtle,
+			children: r
+		}), n]
+	}), i]
+}), O = ({ innerProps: e, selectProps: t }) => /* @__PURE__ */ s(n, {
+	Icon: t.menuIsOpen ? d : u,
+	...e
+}), k = ({ innerProps: e, selectProps: t }) => /* @__PURE__ */ s(n, {
+	Icon: f,
+	"data-test": `${t?.id ?? t?.name}--clear`,
+	...e
+}), A = r(n)`
+    height: auto;
+    :hover {
+        color: ${e.color.neutral.textSubtle};
+        background-color: transparent;
+    }
+`, j = ({ innerProps: e }) => /* @__PURE__ */ s(A, {
+	Icon: f,
+	...e
+}), M = () => null, N = i(({ options: t, value: n, setValue: r, disabled: i, readOnly: c, error: u, suffix: d, className: f, components: h, isMulti: g, isClearable: y = !0, menuPosition: S, getIsSelected: T, as: A, isRenderedInsideModal: N = !1, menuPortalZIndex: P, ...F }, I) => {
+	let L = o(() => T ? T(t, n, g) : x(t, n, g), [
+		T,
+		t,
+		n,
+		g
+	]), R = a((e) => {
+		if (!g) {
+			r(e ? e.value : "");
+			return;
+		}
+		r(e.map((e) => e.value));
+	}, [r, g]), z = S || (N ? "fixed" : "absolute"), B = P ?? (N ? _ : v), V = u && /* @__PURE__ */ s(p, {
+		size: "16",
+		color: e.color.danger.icon,
+		className: "error-svg"
+	});
+	return /* @__PURE__ */ s(A || m, {
+		components: {
+			DropdownIndicator: O,
+			ClearIndicator: k,
+			IndicatorSeparator: M,
+			MultiValueRemove: j,
+			IndicatorsContainer: D,
+			Option: E,
+			Control: w,
+			MenuPortal: C,
+			...h
+		},
+		ref: I,
+		openMenuOnFocus: !0,
+		isDisabled: i || c,
+		error: u,
+		options: t,
+		closeMenuOnSelect: !g,
+		value: L,
+		isMulti: g,
+		isClearable: y,
+		onChange: R,
+		isRenderedInsideModal: N,
+		menuPortalZIndex: B,
+		menuPosition: z,
+		menuShouldBlockScroll: N,
+		indicator: V,
+		suffix: d,
+		styles: b,
+		...F,
+		className: l(f, u && "error", (i || c) && "disabled")
+	});
+});
+N.displayName = "SelectPrimitive";
+//#endregion
+export { j as SelectMultiValueRemove, N as SelectPrimitive, x as selectDefaultGetIsSelected, y as 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,33 @@
+import { theme as e } from "../../design_system/theme.js";
+import { TextShared as t } from "../text/text_shared.js";
+import n, { css as r } from "styled-components";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/shortcut/shortcut.tsx
+var a = r`
+    background-color: ${e.color.neutral.backgroundSubtle};
+    border: 1px solid ${e.color.neutral.border};
+    color: ${e.color.neutral.textSubtle};
+`, o = r`
+    background-color: ${e.colorPalette.dark.neutral800};
+    border: 1px solid ${e.colorPalette.dark.neutral700};
+    color: ${e.colorPalette.dark.neutral400};
+`, s = n(t)`
+    min-width: 20px;
+    height: 20px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: ${e.radius.radius4};
+    padding: ${e.space.space2} ${e.space.space4};
+    ${({ $dark: e }) => e ? o : a}
+`, c = ({ as: e, className: t, children: n, dark: r = !1 }) => /* @__PURE__ */ i(s, {
+	forwardedAs: e,
+	className: t,
+	$dark: r,
+	type: "code",
+	size: "small",
+	weight: "medium",
+	children: n
+});
+//#endregion
+export { c as 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"}