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

package/dist/components/simple_markdown/simple_markdown.js

@@ -0,0 +1,305 @@
+import { theme } from "../../design_system/theme.js";
+import { Box } from "../box/box.js";
+import { HeadingShared } from "../text/heading_shared.js";
+import { TextShared } from "../text/text_shared.js";
+import { TextContent } from "../text/text_content.js";
+import { HeadingContent } from "../text/heading_content.js";
+import { useSharedUiDependencies } from "../../ui_dependency_provider.js";
+import { isUrlExternal } from "../link/link.js";
+import { Image } from "../image/image.js";
+import { cleanMarkdown } from "../readme_renderer/utils.js";
+import { MarkdownBlockQuote, MarkdownCode, MarkdownLink, MarkdownTable } from "./simple_markdown_components.js";
+import styled from "styled-components";
+import { useCallback, useMemo, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import ReactMarkdown from "react-markdown";
+import rehypeRaw from "rehype-raw";
+import rehypeSanitize from "rehype-sanitize";
+import remarkGfm from "remark-gfm";
+import { visit } from "unist-util-visit";
+//#region src/components/simple_markdown/simple_markdown.tsx
+var defaultAllowedElements = [
+	"a",
+	"b",
+	"blockquote",
+	"br",
+	"center",
+	"code",
+	"del",
+	"em",
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"hr",
+	"i",
+	"img",
+	"li",
+	"ol",
+	"p",
+	"pre",
+	"span",
+	"strong",
+	"table",
+	"tbody",
+	"td",
+	"tfoot",
+	"th",
+	"thead",
+	"tr",
+	"u",
+	"ul"
+];
+var StyledMarkdownWrapper = styled(Box)`
+    scroll-margin-top: 10px;
+
+    overflow: auto;
+    word-break: break-word;
+
+    @font-face {
+        font-family: 'ellipsis-font';
+        src: local('Courier');
+        unicode-range: U+2026;
+        size-adjust: 0%;
+    }
+
+    img {
+        max-width: 100%;
+    }
+
+    hr {
+        color: ${theme.color.neutral.border};
+    }
+`;
+var unwrapUnsupportedElement = (node) => {
+	return node.children.flatMap((child) => {
+		if (child.type === "text") return child;
+		if (child.type === "element") {
+			if (defaultAllowedElements.includes(child.tagName)) return child;
+			return unwrapUnsupportedElement(child);
+		}
+		return [];
+	});
+};
+var getUnsupportedRehypeTagsSanitationPlugIn = (allowedElements) => () => (tree) => {
+	visit(tree, "element", (node, index, parent) => {
+		if (!allowedElements.includes(node.tagName) && parent && typeof index === "number") parent.children.splice(index, 1, ...unwrapUnsupportedElement(node));
+	});
+};
+var MarkdownImage = ({ src, alt, height, width }) => {
+	if (!src) return null;
+	return /* @__PURE__ */ jsx(Image, {
+		src: src || "",
+		alt,
+		height: height ? Number.parseInt(height.toString(), 10) : void 0,
+		width: width ? Number.parseInt(width.toString(), 10) : void 0
+	});
+};
+var defaultRehypePlugins = [rehypeRaw];
+var defaultRemarkPlugins = [remarkGfm];
+var regularMarkdownSizeComponents = {
+	h1: ({ children }) => /* @__PURE__ */ jsx(HeadingContent, {
+		mb: "space16",
+		type: "heading1",
+		children
+	}),
+	h2: ({ children }) => /* @__PURE__ */ jsx(HeadingContent, {
+		mb: "space16",
+		type: "heading2",
+		children
+	}),
+	h3: ({ children }) => /* @__PURE__ */ jsx(HeadingContent, {
+		mb: "space16",
+		type: "heading3",
+		children
+	}),
+	h4: ({ children }) => /* @__PURE__ */ jsx(HeadingContent, {
+		mb: "space16",
+		type: "heading4",
+		children
+	}),
+	h5: ({ children }) => /* @__PURE__ */ jsx(HeadingContent, {
+		mb: "space16",
+		type: "heading5",
+		children
+	}),
+	h6: ({ children }) => /* @__PURE__ */ jsx(HeadingContent, {
+		mb: "space16",
+		type: "heading6",
+		children
+	}),
+	p: ({ children }) => /* @__PURE__ */ jsx(TextContent, {
+		my: "space16",
+		children
+	}),
+	strong: ({ children }) => /* @__PURE__ */ jsx(TextContent, {
+		as: "strong",
+		weight: "bold",
+		children
+	}),
+	b: ({ children }) => /* @__PURE__ */ jsx(TextContent, {
+		as: "b",
+		weight: "bold",
+		children
+	}),
+	th: ({ children }) => /* @__PURE__ */ jsx(TextContent, {
+		as: "th",
+		weight: "bold",
+		children
+	}),
+	blockquote: ({ children }) => /* @__PURE__ */ jsx(MarkdownBlockQuote, { children }),
+	table: ({ children }) => /* @__PURE__ */ jsx(MarkdownTable, { children }),
+	ul: ({ children }) => /* @__PURE__ */ jsx(Box, {
+		as: "ul",
+		pl: "space32",
+		children
+	}),
+	ol: ({ children, start }) => /* @__PURE__ */ jsx(TextContent, {
+		as: "ol",
+		pl: "space32",
+		start,
+		children
+	}),
+	li: ({ children }) => /* @__PURE__ */ jsx(TextContent, {
+		as: "li",
+		mt: "space4",
+		children
+	}),
+	a: ({ children, href }) => /* @__PURE__ */ jsx(MarkdownLink, {
+		to: href,
+		children
+	}),
+	code: ({ children, node }) => /* @__PURE__ */ jsx(MarkdownCode, {
+		node,
+		size: "regular",
+		children
+	}),
+	img: ({ src, alt, height, width }) => /* @__PURE__ */ jsx(MarkdownImage, {
+		src,
+		alt,
+		height,
+		width
+	})
+};
+var smallMarkdownSizeComponents = {
+	h1: ({ children }) => /* @__PURE__ */ jsx(HeadingShared, {
+		mb: "space16",
+		type: "title2xl",
+		children
+	}),
+	h2: ({ children }) => /* @__PURE__ */ jsx(HeadingShared, {
+		mb: "space16",
+		type: "titleXl",
+		children
+	}),
+	h3: ({ children }) => /* @__PURE__ */ jsx(HeadingShared, {
+		mb: "space16",
+		type: "titleL",
+		children
+	}),
+	h4: ({ children }) => /* @__PURE__ */ jsx(HeadingShared, {
+		mb: "space16",
+		type: "titleM",
+		children
+	}),
+	h5: ({ children }) => /* @__PURE__ */ jsx(HeadingShared, {
+		mb: "space16",
+		type: "titleS",
+		children
+	}),
+	h6: ({ children }) => /* @__PURE__ */ jsx(HeadingShared, {
+		mb: "space16",
+		type: "titleXs",
+		children
+	}),
+	p: ({ children }) => /* @__PURE__ */ jsx(TextShared, {
+		my: "space16",
+		children
+	}),
+	strong: ({ children }) => /* @__PURE__ */ jsx(TextShared, {
+		as: "strong",
+		weight: "bold",
+		children
+	}),
+	b: ({ children }) => /* @__PURE__ */ jsx(TextShared, {
+		as: "b",
+		weight: "bold",
+		children
+	}),
+	th: ({ children }) => /* @__PURE__ */ jsx(TextShared, {
+		as: "th",
+		weight: "bold",
+		children
+	}),
+	blockquote: ({ children }) => /* @__PURE__ */ jsx(MarkdownBlockQuote, { children }),
+	table: ({ children }) => /* @__PURE__ */ jsx(MarkdownTable, { children }),
+	ul: ({ children }) => /* @__PURE__ */ jsx(Box, {
+		as: "ul",
+		pl: "space32",
+		children
+	}),
+	ol: ({ children, start }) => /* @__PURE__ */ jsx(TextShared, {
+		as: "ol",
+		pl: "space32",
+		start,
+		children
+	}),
+	li: ({ children }) => /* @__PURE__ */ jsx(TextShared, {
+		as: "li",
+		mt: "space4",
+		children
+	}),
+	a: ({ children, href }) => /* @__PURE__ */ jsx(MarkdownLink, {
+		to: href,
+		children
+	}),
+	code: ({ children, node }) => /* @__PURE__ */ jsx(MarkdownCode, {
+		node,
+		size: "small",
+		children
+	}),
+	img: ({ src, alt, height, width }) => /* @__PURE__ */ jsx(MarkdownImage, {
+		src,
+		alt,
+		height,
+		width
+	})
+};
+var useDefaultUrlTransform = () => {
+	const { windowLocationHost } = useSharedUiDependencies();
+	return useCallback((url) => {
+		if (!isUrlExternal(url, windowLocationHost)) return url.replace(/^(https?:\/\/)?(www\.)?[^/]+/, "") || "/";
+		return url;
+	}, [windowLocationHost]);
+};
+var SimpleMarkdown = ({ size = "regular", children: markdown, components, rehypePlugins, remarkPlugins, transformLinkUri, transformImageUri, allowedElements, className, ...rest }) => {
+	const cleanedMarkdown = useMemo(() => cleanMarkdown(markdown), [markdown]);
+	const effectiveAllowedElements = useRef(allowedElements || defaultAllowedElements);
+	const effectiveComponents = useRef({
+		...size === "regular" ? regularMarkdownSizeComponents : smallMarkdownSizeComponents,
+		...components
+	});
+	const defaultUrlTransform = useDefaultUrlTransform();
+	const effectiveRehypePlugins = useMemo(() => {
+		return [...rehypePlugins ?? [...defaultRehypePlugins, getUnsupportedRehypeTagsSanitationPlugIn(effectiveAllowedElements.current)], rehypeSanitize];
+	}, [rehypePlugins]);
+	return /* @__PURE__ */ jsx(StyledMarkdownWrapper, {
+		className,
+		children: /* @__PURE__ */ jsx(ReactMarkdown, {
+			components: effectiveComponents.current,
+			rehypePlugins: effectiveRehypePlugins,
+			remarkPlugins: remarkPlugins || defaultRemarkPlugins,
+			allowedElements: effectiveAllowedElements.current,
+			urlTransform: (href, children, node) => {
+				if (node.tagName === "img") return transformImageUri ? transformImageUri(href, children, node) : href;
+				if (node.tagName === "a") return transformLinkUri ? transformLinkUri(href, children, node) : defaultUrlTransform(href);
+				return href;
+			},
+			...rest,
+			children: cleanedMarkdown
+		})
+	});
+};
+//#endregion
+export { SimpleMarkdown, defaultAllowedElements, defaultRehypePlugins, defaultRemarkPlugins, useDefaultUrlTransform };

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

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { ExtraProps as MarkdownComponentExtraProps } from 'react-markdown';
+import { WithOptional } from '../../type_utils';
+import { LinkProps } from '../link';
+import { HeadingSharedProps, ContentTextProps, SharedTextSize } from '../text';
+export declare const MarkdownPlainHeading: React.FC<HeadingSharedProps>;
+/**
+ * Default markdown heading that renders copy icon next to it.
+ * Use `MarkdownPlainHeading` if you want to render simple heading instead
+ */
+export declare const MarkdownHeadingWrapper: React.FC<HeadingSharedProps>;
+type MarkdownCodeProps = {
+    size: SharedTextSize;
+    className?: string;
+    children: React.ReactNode;
+} & MarkdownComponentExtraProps;
+export declare const MarkdownCode: React.FC<MarkdownCodeProps>;
+export declare const MarkdownLink: React.FC<WithOptional<LinkProps, 'to'>>;
+export declare const MarkdownBlockQuote: 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('..').BoxProps & React.RefAttributes<HTMLElement>) & import('styled-components/dist/types').BaseObject, import('..').BoxProps & React.RefAttributes<HTMLElement>>, import('styled-components/dist/types').BaseObject>, import('styled-components/dist/types').BaseObject>> & string & Omit<React.ForwardRefExoticComponent<import('..').BoxProps & React.RefAttributes<HTMLElement>>, keyof React.Component<any, {}, any>>;
+export declare const MarkdownTable: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
+export declare function MarkdownParagraphContent({ children, node, ...textProps }: ContentTextProps & MarkdownComponentExtraProps): React.ReactNode;
+export {};
+//# sourceMappingURL=simple_markdown_components.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"simple_markdown_components.d.ts","sourceRoot":"","sources":["../../../src/components/simple_markdown/simple_markdown_components.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,IAAI,2BAA2B,EAAE,MAAM,gBAAgB,CAAC;AAMhF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAO9C,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAQ7D,CAAC;AAuBF;;;GAGG;AAEH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuB/D,CAAC;AAoBF,KAAK,iBAAiB,GAAG;IACrB,IAAI,EAAE,cAAc,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,GAAG,2BAA2B,CAAC;AAEhC,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmCpD,CAAC;AA4EF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,CAchE,CAAC;AAEF,eAAO,MAAM,kBAAkB,6nBAa9B,CAAC;AAEF,eAAO,MAAM,aAAa,kNAkBzB,CAAC;AAwBF,wBAAgB,wBAAwB,CAAC,EACrC,QAAQ,EACR,IAAI,EACJ,GAAG,SAAS,EACf,EAAE,gBAAgB,GAAG,2BAA2B,GAAG,KAAK,CAAC,SAAS,CAYlE"}

package/dist/components/simple_markdown/simple_markdown_components.js

@@ -0,0 +1,242 @@
+import { theme } from "../../design_system/theme.js";
+import { Box } from "../box/box.js";
+import { HeadingShared } from "../text/heading_shared.js";
+import { TextContent } from "../text/text_content.js";
+import { Link } from "../link/link.js";
+import { slugifyHeadingChildren } from "../readme_renderer/utils.js";
+import { useCopyToClipboard } from "../../utils/copy_to_clipboard.js";
+import { CodeBlock } from "../code/code_block/code_block.js";
+import { OneLineCode } from "../code/one_line_code/one_line_code.js";
+import { InlineCode } from "../code/inline_code/inline_code.js";
+import styled from "styled-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, LinkIcon } from "@apify/ui-icons";
+import qs from "query-string";
+//#region src/components/simple_markdown/simple_markdown_components.tsx
+var simpleMarkdownClassNames = { HEADING_ICON_LINK: "headingIconLink" };
+var MarkdownPlainHeading = ({ children, ...rest }) => {
+	return /* @__PURE__ */ jsx(HeadingShared, {
+		mt: "space32",
+		mb: "space16",
+		id: slugifyHeadingChildren(children),
+		...rest,
+		children
+	});
+};
+var StyledMarkdownHeading = styled(Box)`
+    display: flex;
+    align-items: center;
+    gap: ${theme.space.space4};
+
+    .${simpleMarkdownClassNames.HEADING_ICON_LINK} {
+        height: 16px;
+        display: none;
+
+        svg {
+            max-height: 1em !important;
+        }
+    }
+
+    &:hover {
+        .${simpleMarkdownClassNames.HEADING_ICON_LINK} {
+            display: initial;
+        }
+    }
+`;
+/**
+* Default markdown heading that renders copy icon next to it.
+* Use `MarkdownPlainHeading` if you want to render simple heading instead
+*/
+var MarkdownHeadingWrapper = ({ children, ...rest }) => {
+	const id = slugifyHeadingChildren(children);
+	const { isCopied, copyToClipboard } = useCopyToClipboard();
+	async function handleClick() {
+		const url = new URL(window.location.href);
+		url.hash = `#${id ?? ""}`;
+		await copyToClipboard(url.toString());
+	}
+	return /* @__PURE__ */ jsxs(StyledMarkdownHeading, {
+		mt: "space32",
+		mb: "space16",
+		id,
+		...rest,
+		children: [children, /* @__PURE__ */ jsx(Link, {
+			className: simpleMarkdownClassNames.HEADING_ICON_LINK,
+			onClick: handleClick,
+			to: `#${id}`,
+			children: isCopied ? /* @__PURE__ */ jsx(CheckIcon, {
+				size: "16",
+				color: theme.color.success.action
+			}) : /* @__PURE__ */ jsx(LinkIcon, {
+				size: "16",
+				color: theme.color.primary.text
+			})
+		})]
+	});
+};
+var StyledInlineCode = styled(InlineCode)`
+    /* If code is rendered within heading, it should inherit its font styles */
+    /* TODO: Look at implementation of InlineCode - maybe we can live without it */
+    h1 & code,
+    h2 & code,
+    h3 & code,
+    h4 & code,
+    h5 & code {
+        font-size: inherit !important;
+        line-height: inherit !important;
+    }
+
+    b & code,
+    strong & code {
+        font-weight: inherit !important;
+    }
+`;
+var MarkdownCode = ({ className, children, size, node }) => {
+	if (node?.position?.start?.line === node?.position?.end?.line) return /* @__PURE__ */ jsx(StyledInlineCode, {
+		size,
+		className,
+		children
+	});
+	const code = String(children).replace(/\n$/, "").trim();
+	const language = /language-(\w+)/.exec(className || "")?.[1]?.toLowerCase();
+	if (code.split("\n").length <= 1) return /* @__PURE__ */ jsx(OneLineCode, {
+		language,
+		size,
+		fullWidth: true,
+		children: code
+	});
+	return /* @__PURE__ */ jsx(CodeBlock, {
+		content: code,
+		language,
+		size,
+		hideLineNumbers: true,
+		fullWidth: true,
+		hideBashHeader: true,
+		hideBashPromptPrefixes: true
+	});
+};
+var youtubeRegex = /^(?:https?:\/\/)?(?:www\.)?(?:m\.)?(?:youtube(?:-nocookie)?\.com|youtu\.be)\/(?:watch\?v=|embed\/|v\/)?([a-zA-Z0-9\-_]+)(?:\S*)?$/;
+var vimeoRegex = /^((?:https?:\/\/)?(?:player\.)?vimeo\.com(?:\/video)?\/(\d+))$/;
+var getVideoSrc = (link) => {
+	const youtubeLink = link.match(youtubeRegex);
+	const vimeoLink = link.match(vimeoRegex);
+	let src;
+	if (youtubeLink) src = qs.stringifyUrl({
+		url: `https://www.youtube.com/embed/${youtubeLink[1]}`,
+		query: {
+			rel: 0,
+			enablejsapi: 1
+		}
+	});
+	if (vimeoLink) src = `https://player.vimeo.com/video/${vimeoLink[2]}`;
+	return src;
+};
+var StyledVideo = styled.div`
+    width: 65%;
+
+    & > div {
+        position: relative;
+        overflow: hidden;
+        width: 100%;
+        padding-top: 56.25%;
+
+        & > iframe {
+            position: absolute;
+            top: 0;
+            left: 0;
+            bottom: 0;
+            right: 0;
+            width: 100%;
+            height: 100%;
+            border: 0px;
+        }
+    }
+`;
+var MarkdownVideo = ({ src }) => {
+	return /* @__PURE__ */ jsx(StyledVideo, { children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("iframe", {
+		loading: "lazy",
+		allowFullScreen: true,
+		src
+	}) }) });
+};
+var StyledMarkdownLink = styled(Link)`
+    overflow-wrap: break-word;
+
+    h1 &,
+    h2 &,
+    h3 &,
+    h4 &,
+    h5 & {
+        overflow-wrap: normal;
+    }
+
+    &:hover {
+        /* Links normally don't have underline, but in markdown we want to have it */
+        text-decoration: underline;
+    }
+`;
+var MarkdownLink = ({ to, children, rel, className, hideExternalIcon = true }) => {
+	return to && typeof to === "string" ? /* @__PURE__ */ jsx(StyledMarkdownLink, {
+		to,
+		hideExternalIcon,
+		rel,
+		className,
+		children
+	}) : /* @__PURE__ */ jsx("span", { children });
+};
+var MarkdownBlockQuote = styled(Box).attrs({
+	my: "space16",
+	py: "none",
+	forwardedAs: "blockquote"
+})`
+    border-left: 2px solid ${theme.color.neutral.separatorSubtle};
+    padding-left: ${theme.space.space16};
+
+    color: ${theme.color.neutral.textMuted};
+
+    & > p {
+        margin: 0;
+    }
+`;
+var MarkdownTable = styled.table`
+    display: block;
+    overflow: auto;
+    border-collapse: collapse;
+
+    td,
+    th {
+        border: 1px solid ${theme.color.neutral.border};
+        padding: ${theme.space.space16};
+        text-align: left;
+    }
+
+    tr:nth-child(even):not([class]) {
+        > th,
+        > td {
+            background-color: inherit;
+        }
+    }
+`;
+/**
+* Helper function to extract video src from markdown node child.
+* Handles both plain text URLs and link elements.
+*/
+var getMarkdownVideoSrc = (child) => {
+	if (child?.type === "text") return getVideoSrc(child.value);
+	if (child?.type === "element" && child?.tagName === "a") {
+		const linkHref = child?.properties?.href;
+		if (linkHref && typeof linkHref === "string") return getVideoSrc(linkHref);
+	}
+};
+function MarkdownParagraphContent({ children, node, ...textProps }) {
+	const child = node?.children[0];
+	const videoSrc = getMarkdownVideoSrc(child);
+	if (videoSrc) return /* @__PURE__ */ jsx(MarkdownVideo, { src: videoSrc });
+	return /* @__PURE__ */ jsx(TextContent, {
+		my: "space16",
+		...textProps,
+		children
+	});
+}
+//#endregion
+export { MarkdownBlockQuote, MarkdownCode, MarkdownHeadingWrapper, MarkdownLink, MarkdownParagraphContent, MarkdownPlainHeading, MarkdownTable };

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

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

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

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

package/dist/components/spinner/spinner.d.ts

@@ -0,0 +1,32 @@
+export declare const spinnerClassNames: {
+    SPINNER: string;
+};
+export type SpinnerProps = {
+    id?: string;
+    as?: React.ElementType;
+    className?: string;
+    style?: React.CSSProperties;
+    small?: boolean;
+    loadingReason?: string;
+};
+/**
+ * Visualize loading state of a component.
+ *
+ * Use this spinner when a page or section is waiting for asynchronous data.
+ * Do not use it for buttons and small components, apply only for bigger sections.
+ *
+ * Keep the spinner centered (eg. by setting position to parent container).
+ */
+export declare const Spinner: ({ loadingReason, small, ...props }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Spinner with basic block styling
+ * This styles should probably be in default spinner, but it's dangerous to modify it as it's used on so many places
+ */
+export declare const BlockSpinner: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<SpinnerProps, never>> & string & Omit<({ loadingReason, small, ...props }: SpinnerProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+/**
+ * Use the inline variant within buttons, texts etc. The color of the spinner is set to current color of text.
+ */
+export declare const InlineSpinner: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<SpinnerProps, {
+    size?: string;
+}>> & string & Omit<({ loadingReason, small, ...props }: SpinnerProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+//# sourceMappingURL=spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/spinner.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB;;CAE7B,CAAC;AAuBF,MAAM,MAAM,YAAY,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AA8BF;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,GAAI,oCAAoC,YAAY,4CAgBvE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,qLAtBmC,YAAY,4FA0BvE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;WAA4B,MAAM;yDA/BA,YAAY,4FA0CvE,CAAC"}