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

package/dist/components/simple_markdown/simple_markdown.js

@@ -0,0 +1,238 @@
+import { theme as e } from "../../design_system/theme.js";
+import { Box as t } from "../box/box.js";
+import { HeadingShared as n } from "../text/heading_shared.js";
+import { TextShared as r } from "../text/text_shared.js";
+import { TextContent as i } from "../text/text_content.js";
+import { HeadingContent as a } from "../text/heading_content.js";
+import { useSharedUiDependencies as o } from "../../ui_dependency_provider.js";
+import { isUrlExternal as s } from "../link/link.js";
+import { Image as c } from "../image/image.js";
+import { cleanMarkdown as l } from "../readme_renderer/utils.js";
+import { MarkdownBlockQuote as u, MarkdownCode as d, MarkdownLink as f, MarkdownTable as p } from "./simple_markdown_components.js";
+import m from "styled-components";
+import { useCallback as h, useMemo as g, useRef as _ } from "react";
+import { jsx as v } from "react/jsx-runtime";
+import y from "react-markdown";
+import b from "rehype-raw";
+import x from "rehype-sanitize";
+import S from "remark-gfm";
+import { visit as C } from "unist-util-visit";
+//#region src/components/simple_markdown/simple_markdown.tsx
+var w = /* @__PURE__ */ "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".split("."), T = m(t)`
+    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: ${e.color.neutral.border};
+    }
+`, E = (e) => e.children.flatMap((e) => e.type === "text" ? e : e.type === "element" ? w.includes(e.tagName) ? e : E(e) : []), D = (e) => () => (t) => {
+	C(t, "element", (t, n, r) => {
+		!e.includes(t.tagName) && r && typeof n == "number" && r.children.splice(n, 1, ...E(t));
+	});
+}, O = ({ src: e, alt: t, height: n, width: r }) => e ? /* @__PURE__ */ v(c, {
+	src: e || "",
+	alt: t,
+	height: n ? Number.parseInt(n.toString(), 10) : void 0,
+	width: r ? Number.parseInt(r.toString(), 10) : void 0
+}) : null, k = [b], A = [S], j = {
+	h1: ({ children: e }) => /* @__PURE__ */ v(a, {
+		mb: "space16",
+		type: "heading1",
+		children: e
+	}),
+	h2: ({ children: e }) => /* @__PURE__ */ v(a, {
+		mb: "space16",
+		type: "heading2",
+		children: e
+	}),
+	h3: ({ children: e }) => /* @__PURE__ */ v(a, {
+		mb: "space16",
+		type: "heading3",
+		children: e
+	}),
+	h4: ({ children: e }) => /* @__PURE__ */ v(a, {
+		mb: "space16",
+		type: "heading4",
+		children: e
+	}),
+	h5: ({ children: e }) => /* @__PURE__ */ v(a, {
+		mb: "space16",
+		type: "heading5",
+		children: e
+	}),
+	h6: ({ children: e }) => /* @__PURE__ */ v(a, {
+		mb: "space16",
+		type: "heading6",
+		children: e
+	}),
+	p: ({ children: e }) => /* @__PURE__ */ v(i, {
+		my: "space16",
+		children: e
+	}),
+	strong: ({ children: e }) => /* @__PURE__ */ v(i, {
+		as: "strong",
+		weight: "bold",
+		children: e
+	}),
+	b: ({ children: e }) => /* @__PURE__ */ v(i, {
+		as: "b",
+		weight: "bold",
+		children: e
+	}),
+	th: ({ children: e }) => /* @__PURE__ */ v(i, {
+		as: "th",
+		weight: "bold",
+		children: e
+	}),
+	blockquote: ({ children: e }) => /* @__PURE__ */ v(u, { children: e }),
+	table: ({ children: e }) => /* @__PURE__ */ v(p, { children: e }),
+	ul: ({ children: e }) => /* @__PURE__ */ v(t, {
+		as: "ul",
+		pl: "space32",
+		children: e
+	}),
+	ol: ({ children: e, start: t }) => /* @__PURE__ */ v(i, {
+		as: "ol",
+		pl: "space32",
+		start: t,
+		children: e
+	}),
+	li: ({ children: e }) => /* @__PURE__ */ v(i, {
+		as: "li",
+		mt: "space4",
+		children: e
+	}),
+	a: ({ children: e, href: t }) => /* @__PURE__ */ v(f, {
+		to: t,
+		children: e
+	}),
+	code: ({ children: e, node: t }) => /* @__PURE__ */ v(d, {
+		node: t,
+		size: "regular",
+		children: e
+	}),
+	img: ({ src: e, alt: t, height: n, width: r }) => /* @__PURE__ */ v(O, {
+		src: e,
+		alt: t,
+		height: n,
+		width: r
+	})
+}, M = {
+	h1: ({ children: e }) => /* @__PURE__ */ v(n, {
+		mb: "space16",
+		type: "title2xl",
+		children: e
+	}),
+	h2: ({ children: e }) => /* @__PURE__ */ v(n, {
+		mb: "space16",
+		type: "titleXl",
+		children: e
+	}),
+	h3: ({ children: e }) => /* @__PURE__ */ v(n, {
+		mb: "space16",
+		type: "titleL",
+		children: e
+	}),
+	h4: ({ children: e }) => /* @__PURE__ */ v(n, {
+		mb: "space16",
+		type: "titleM",
+		children: e
+	}),
+	h5: ({ children: e }) => /* @__PURE__ */ v(n, {
+		mb: "space16",
+		type: "titleS",
+		children: e
+	}),
+	h6: ({ children: e }) => /* @__PURE__ */ v(n, {
+		mb: "space16",
+		type: "titleXs",
+		children: e
+	}),
+	p: ({ children: e }) => /* @__PURE__ */ v(r, {
+		my: "space16",
+		children: e
+	}),
+	strong: ({ children: e }) => /* @__PURE__ */ v(r, {
+		as: "strong",
+		weight: "bold",
+		children: e
+	}),
+	b: ({ children: e }) => /* @__PURE__ */ v(r, {
+		as: "b",
+		weight: "bold",
+		children: e
+	}),
+	th: ({ children: e }) => /* @__PURE__ */ v(r, {
+		as: "th",
+		weight: "bold",
+		children: e
+	}),
+	blockquote: ({ children: e }) => /* @__PURE__ */ v(u, { children: e }),
+	table: ({ children: e }) => /* @__PURE__ */ v(p, { children: e }),
+	ul: ({ children: e }) => /* @__PURE__ */ v(t, {
+		as: "ul",
+		pl: "space32",
+		children: e
+	}),
+	ol: ({ children: e, start: t }) => /* @__PURE__ */ v(r, {
+		as: "ol",
+		pl: "space32",
+		start: t,
+		children: e
+	}),
+	li: ({ children: e }) => /* @__PURE__ */ v(r, {
+		as: "li",
+		mt: "space4",
+		children: e
+	}),
+	a: ({ children: e, href: t }) => /* @__PURE__ */ v(f, {
+		to: t,
+		children: e
+	}),
+	code: ({ children: e, node: t }) => /* @__PURE__ */ v(d, {
+		node: t,
+		size: "small",
+		children: e
+	}),
+	img: ({ src: e, alt: t, height: n, width: r }) => /* @__PURE__ */ v(O, {
+		src: e,
+		alt: t,
+		height: n,
+		width: r
+	})
+}, N = () => {
+	let { windowLocationHost: e } = o();
+	return h((t) => s(t, e) ? t : t.replace(/^(https?:\/\/)?(www\.)?[^/]+/, "") || "/", [e]);
+}, P = ({ size: e = "regular", children: t, components: n, rehypePlugins: r, remarkPlugins: i, transformLinkUri: a, transformImageUri: o, allowedElements: s, className: c, ...u }) => {
+	let d = g(() => l(t), [t]), f = _(s || w), p = _({
+		...e === "regular" ? j : M,
+		...n
+	}), m = N(), h = g(() => [...r ?? [...k, D(f.current)], x], [r]);
+	return /* @__PURE__ */ v(T, {
+		className: c,
+		children: /* @__PURE__ */ v(y, {
+			components: p.current,
+			rehypePlugins: h,
+			remarkPlugins: i || A,
+			allowedElements: f.current,
+			urlTransform: (e, t, n) => n.tagName === "img" ? o ? o(e, t, n) : e : n.tagName === "a" ? a ? a(e, t, n) : m(e) : e,
+			...u,
+			children: d
+		})
+	});
+};
+//#endregion
+export { P as SimpleMarkdown, w as defaultAllowedElements, k as defaultRehypePlugins, A as defaultRemarkPlugins, N as 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,203 @@
+import { theme as e } from "../../design_system/theme.js";
+import { Box as t } from "../box/box.js";
+import { HeadingShared as n } from "../text/heading_shared.js";
+import { TextContent as r } from "../text/text_content.js";
+import { Link as i } from "../link/link.js";
+import { slugifyHeadingChildren as a } from "../readme_renderer/utils.js";
+import { useCopyToClipboard as o } from "../../utils/copy_to_clipboard.js";
+import { CodeBlock as s } from "../code/code_block/code_block.js";
+import { OneLineCode as c } from "../code/one_line_code/one_line_code.js";
+import { InlineCode as l } from "../code/inline_code/inline_code.js";
+import u from "styled-components";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { CheckIcon as p, LinkIcon as m } from "@apify/ui-icons";
+import h from "query-string";
+//#region src/components/simple_markdown/simple_markdown_components.tsx
+var g = { HEADING_ICON_LINK: "headingIconLink" }, _ = ({ children: e, ...t }) => /* @__PURE__ */ d(n, {
+	mt: "space32",
+	mb: "space16",
+	id: a(e),
+	...t,
+	children: e
+}), v = u(t)`
+    display: flex;
+    align-items: center;
+    gap: ${e.space.space4};
+
+    .${g.HEADING_ICON_LINK} {
+        height: 16px;
+        display: none;
+
+        svg {
+            max-height: 1em !important;
+        }
+    }
+
+    &:hover {
+        .${g.HEADING_ICON_LINK} {
+            display: initial;
+        }
+    }
+`, y = ({ children: t, ...n }) => {
+	let r = a(t), { isCopied: s, copyToClipboard: c } = o();
+	async function l() {
+		let e = new URL(window.location.href);
+		e.hash = `#${r ?? ""}`, await c(e.toString());
+	}
+	return /* @__PURE__ */ f(v, {
+		mt: "space32",
+		mb: "space16",
+		id: r,
+		...n,
+		children: [t, /* @__PURE__ */ d(i, {
+			className: g.HEADING_ICON_LINK,
+			onClick: l,
+			to: `#${r}`,
+			children: s ? /* @__PURE__ */ d(p, {
+				size: "16",
+				color: e.color.success.action
+			}) : /* @__PURE__ */ d(m, {
+				size: "16",
+				color: e.color.primary.text
+			})
+		})]
+	});
+}, b = u(l)`
+    /* 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;
+    }
+`, x = ({ className: e, children: t, size: n, node: r }) => {
+	if (r?.position?.start?.line === r?.position?.end?.line) return /* @__PURE__ */ d(b, {
+		size: n,
+		className: e,
+		children: t
+	});
+	let i = String(t).replace(/\n$/, "").trim(), a = /language-(\w+)/.exec(e || "")?.[1]?.toLowerCase();
+	return i.split("\n").length <= 1 ? /* @__PURE__ */ d(c, {
+		language: a,
+		size: n,
+		fullWidth: !0,
+		children: i
+	}) : /* @__PURE__ */ d(s, {
+		content: i,
+		language: a,
+		size: n,
+		hideLineNumbers: !0,
+		fullWidth: !0,
+		hideBashHeader: !0,
+		hideBashPromptPrefixes: !0
+	});
+}, S = /^(?:https?:\/\/)?(?:www\.)?(?:m\.)?(?:youtube(?:-nocookie)?\.com|youtu\.be)\/(?:watch\?v=|embed\/|v\/)?([a-zA-Z0-9\-_]+)(?:\S*)?$/, C = /^((?:https?:\/\/)?(?:player\.)?vimeo\.com(?:\/video)?\/(\d+))$/, w = (e) => {
+	let t = e.match(S), n = e.match(C), r;
+	return t && (r = h.stringifyUrl({
+		url: `https://www.youtube.com/embed/${t[1]}`,
+		query: {
+			rel: 0,
+			enablejsapi: 1
+		}
+	})), n && (r = `https://player.vimeo.com/video/${n[2]}`), r;
+}, T = u.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;
+        }
+    }
+`, E = ({ src: e }) => /* @__PURE__ */ d(T, { children: /* @__PURE__ */ d("div", { children: /* @__PURE__ */ d("iframe", {
+	loading: "lazy",
+	allowFullScreen: !0,
+	src: e
+}) }) }), D = u(i)`
+    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;
+    }
+`, O = ({ to: e, children: t, rel: n, className: r, hideExternalIcon: i = !0 }) => e && typeof e == "string" ? /* @__PURE__ */ d(D, {
+	to: e,
+	hideExternalIcon: i,
+	rel: n,
+	className: r,
+	children: t
+}) : /* @__PURE__ */ d("span", { children: t }), k = u(t).attrs({
+	my: "space16",
+	py: "none",
+	forwardedAs: "blockquote"
+})`
+    border-left: 2px solid ${e.color.neutral.separatorSubtle};
+    padding-left: ${e.space.space16};
+
+    color: ${e.color.neutral.textMuted};
+
+    & > p {
+        margin: 0;
+    }
+`, A = u.table`
+    display: block;
+    overflow: auto;
+    border-collapse: collapse;
+
+    td,
+    th {
+        border: 1px solid ${e.color.neutral.border};
+        padding: ${e.space.space16};
+        text-align: left;
+    }
+
+    tr:nth-child(even):not([class]) {
+        > th,
+        > td {
+            background-color: inherit;
+        }
+    }
+`, j = (e) => {
+	if (e?.type === "text") return w(e.value);
+	if (e?.type === "element" && e?.tagName === "a") {
+		let t = e?.properties?.href;
+		if (t && typeof t == "string") return w(t);
+	}
+};
+function M({ children: e, node: t, ...n }) {
+	let i = t?.children[0], a = j(i);
+	return a ? /* @__PURE__ */ d(E, { src: a }) : /* @__PURE__ */ d(r, {
+		my: "space16",
+		...n,
+		children: e
+	});
+}
+//#endregion
+export { k as MarkdownBlockQuote, x as MarkdownCode, y as MarkdownHeadingWrapper, O as MarkdownLink, M as MarkdownParagraphContent, _ as MarkdownPlainHeading, A as 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"}

package/dist/components/spinner/spinner.js

@@ -0,0 +1,77 @@
+import { theme as e } from "../../design_system/theme.js";
+import t, { keyframes as n } from "styled-components";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/spinner/spinner.tsx
+var i = { SPINNER: "spinner" }, a = n`
+    100% {
+        transform: rotate(360deg);
+    }
+`, o = n`
+    0% {
+        stroke-dasharray: 1, 150;
+        stroke-dashoffset: 0;
+    }
+    50% {
+        stroke-dasharray: 90, 150;
+        stroke-dashoffset: -35;
+    }
+    100% {
+        stroke-dasharray: 90, 150;
+        stroke-dashoffset: -124;
+    }
+`, s = t.span`
+    display: block;
+
+    .${i.SPINNER} {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        z-index: 2;
+
+        width: ${({ $small: e }) => e ? "3rem" : "5rem"};
+        height: ${({ $small: e }) => e ? "3rem" : "5rem"};
+
+        & .path {
+            transform-origin: center;
+            stroke: ${e.color.primary.text};
+            animation:
+                ${o} 1.5s ease-in-out infinite,
+                ${a} 2s linear infinite;
+        }
+    }
+`, c = ({ loadingReason: e, small: t, ...n }) => /* @__PURE__ */ r(s, {
+	...n,
+	title: e,
+	$small: t,
+	children: /* @__PURE__ */ r("svg", {
+		className: i.SPINNER,
+		viewBox: "0 0 50 50",
+		children: /* @__PURE__ */ r("circle", {
+			className: "path",
+			cx: "25",
+			cy: "25",
+			r: "20",
+			fill: "none",
+			strokeWidth: "5",
+			strokeLinecap: "round"
+		})
+	})
+}), l = t(c)`
+    position: relative; /* "hold" absolutely positioned spinner */
+    width: 100%;
+    min-height: 8rem;
+`, u = t(c)`
+    display: inline-block;
+    position: relative;
+    height: ${({ size: t }) => t || e.space.space12};
+    width: ${({ size: t }) => t || e.space.space12};
+    vertical-align: middle;
+
+    .${i.SPINNER} {
+        width: 100%;
+        height: 100%;
+    }
+`;
+//#endregion
+export { l as BlockSpinner, u as InlineSpinner, c as Spinner, i as spinnerClassNames };

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

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

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

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

package/dist/components/store/store_actor_header.d.ts

@@ -0,0 +1,13 @@
+import { BoxProps } from '../../components';
+export type StoreActorHeaderProps = {
+    name: string;
+    title: string;
+    pictureUrl?: string | null;
+    username: string;
+    isUnderMaintenance?: boolean;
+    hasRisingStarBadge?: boolean;
+    avatarSize?: number;
+    compact?: boolean;
+};
+export declare const StoreActorHeader: React.FC<StoreActorHeaderProps & BoxProps>;
+//# sourceMappingURL=store_actor_header.d.ts.map

package/dist/components/store/store_actor_header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store_actor_header.d.ts","sourceRoot":"","sources":["../../../src/components/store/store_actor_header.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAc,KAAK,QAAQ,EAAQ,MAAM,kBAAkB,CAAC;AAoEnE,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,GAAG,QAAQ,CAgDvE,CAAC"}