@slotted/react 0.1.0-beta.8 → 0.1.0-beta.9

package/dist/loading-overlay-B6htOo0b.js

@@ -0,0 +1,218 @@
+import { r as e } from "./i18n-DpW8lqJ1.js";
+import { r as t } from "./progress-indicator-BhljwFx8.js";
+/* empty css                         */
+import { keyedProps as n, selectorKeyProps as r } from "@slotted/core/selector-key";
+import { createFocusScope as i } from "@slotted/core/focus";
+import { createContext as a, useCallback as o, useContext as s, useEffect as c, useRef as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { createPresence as m } from "@slotted/core/presence";
+import { createPortalRoot as h } from "@slotted/core/portal";
+import { createDismissableLayer as g } from "@slotted/core/dismissable-layer";
+import { createPortal as ee } from "react-dom";
+import { loadingOverlayMessages as _ } from "@slotted/core/i18n";
+import { initialLoadingVisibility as v, nextLoadingVisibility as y } from "@slotted/core/loading";
+//#region src/loading-overlay/loading-overlay-defaults.tsx
+var b = a({});
+function x() {
+	return s(b);
+}
+function S({ children: e, ...t }) {
+	let n = x();
+	return /* @__PURE__ */ f(b.Provider, {
+		value: {
+			delay: t.delay ?? n.delay,
+			live: t.live ?? n.live,
+			loadedLabel: t.loadedLabel ?? n.loadedLabel,
+			minDuration: t.minDuration ?? n.minDuration,
+			size: t.size ?? n.size,
+			veil: t.veil ?? n.veil
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/loading-overlay/use-loading-visibility.ts
+function C({ delay: e, loading: t, minDuration: n, onWithdraw: r }) {
+	let i = l(v), [, a] = u(0), o = y({
+		delay: e,
+		loading: t,
+		minDuration: n,
+		now: Date.now(),
+		state: i.current
+	});
+	i.current = o.state;
+	let { wait: s } = o;
+	c(() => {
+		if (s === null) return;
+		let e = setTimeout(() => a((e) => e + 1), s);
+		return () => clearTimeout(e);
+	}, [s, t]);
+	let d = o.state.visible, f = l(d);
+	return c(() => {
+		f.current && !d && r?.(), f.current = d;
+	}, [d, r]), d;
+}
+//#endregion
+//#region src/loading-overlay/loading-overlay.tsx
+var te = "dismiss";
+function w({ cancelLabel: a, cancellable: s = !1, children: v, container: y, delay: b, description: S, indicator: w, live: T, loadedLabel: E, loading: ne = !0, messages: re, minDuration: D, onCancel: O, onReveal: ie, render: k, renderCancel: A, scope: j = "region", size: M, veil: ae, ...oe }) {
+	let N = x(), P = e(_, re), F = {
+		cancelLabel: a ?? P("cancel"),
+		delay: b ?? N.delay ?? 0,
+		label: P("label"),
+		live: T ?? N.live ?? "polite",
+		loadedLabel: E ?? N.loadedLabel,
+		minDuration: D ?? N.minDuration ?? 0,
+		size: M ?? N.size ?? "md",
+		veil: ae ?? N.veil ?? "wash"
+	}, I = C({
+		delay: F.delay,
+		loading: ne,
+		minDuration: F.minDuration,
+		onWithdraw: ie
+	}), L = o((e, t) => {
+		O?.({
+			reason: e,
+			source: t
+		});
+	}, [O]), [R, z] = u(null), B = l(void 0), [, V] = u(I ? "open" : "unmounted");
+	B.current ??= m({
+		present: I,
+		onStatusChange: V
+	}), c(() => {
+		B.current?.setNode(R);
+	}, [R]), c(() => {
+		B.current?.sync(I);
+	}, [I]), c(() => {
+		let e = B.current;
+		return () => e?.stop();
+	}, []);
+	let H = B.current.mounted, U = l(null), W = l(null), [G, K] = u(null);
+	c(() => {
+		if (!I || G === null) return;
+		let e = G.ownerDocument.activeElement;
+		if (!(j === "page" || e !== null && (U.current?.contains(e) ?? !1))) return;
+		let t = i(G, {
+			contain: j === "page",
+			initial: s ? () => W.current : "container"
+		});
+		return t.enter(), () => t.destroy();
+	}, [
+		s,
+		I,
+		G,
+		j
+	]);
+	let [q, J] = u(null);
+	c(() => {
+		if (j !== "page") return;
+		let e = h(y === void 0 ? {} : { container: y });
+		return J(e.container), () => {
+			J(null), e.release();
+		};
+	}, [y, j]);
+	let [Y, X] = u(null);
+	c(() => {
+		if (j !== "page" || Y === null || !I) return;
+		let e = g(Y, {
+			escape: s,
+			modal: !0,
+			onDismiss: (e) => {
+				e.reason === "escape" && L("escape", e.source);
+			},
+			outsidePress: !1,
+			...G === null ? {} : { content: G }
+		});
+		return () => e.destroy();
+	}, [
+		s,
+		L,
+		I,
+		G,
+		Y,
+		j
+	]);
+	let se = (e) => {
+		s && e.key === "Escape" && (e.stopPropagation(), L("escape", e));
+	}, ce = I ? F.label : F.loadedLabel ?? "", Z = {
+		children: F.cancelLabel,
+		"data-part": "cancel",
+		...r("part", "cancel"),
+		onClick: (e) => L(te, e),
+		ref: W,
+		type: "button"
+	}, le = /* @__PURE__ */ p("div", {
+		"data-part": "panel",
+		"data-part-panel": "",
+		ref: K,
+		tabIndex: -1,
+		children: [
+			/* @__PURE__ */ f("span", {
+				"data-part": "indicator",
+				"data-part-indicator": "",
+				...w === void 0 ? { "data-default": "" } : {},
+				children: w ?? /* @__PURE__ */ f(t, {
+					contained: !0,
+					decorative: !0,
+					size: F.size
+				})
+			}),
+			/* @__PURE__ */ f("span", {
+				"aria-hidden": "true",
+				"data-part": "label",
+				"data-part-label": "",
+				children: F.label
+			}),
+			S === void 0 ? null : /* @__PURE__ */ f("span", {
+				"aria-hidden": "true",
+				"data-part": "description",
+				"data-part-description": "",
+				children: S
+			}),
+			s ? A === void 0 ? /* @__PURE__ */ f("button", { ...Z }) : A(Z) : null
+		]
+	}), ue = /* @__PURE__ */ p(d, { children: [
+		F.live === "off" ? null : /* @__PURE__ */ f("span", {
+			"data-part": "announcement",
+			"data-part-announcement": "",
+			"data-ui": "visually-hidden",
+			"data-ui-visually-hidden": "",
+			role: "status",
+			children: ce
+		}),
+		j === "page" ? null : /* @__PURE__ */ f("div", {
+			"data-part": "content",
+			"data-part-content": "",
+			ref: U,
+			...I ? { inert: !0 } : {},
+			children: v
+		}),
+		/* @__PURE__ */ f("div", {
+			"data-part": "scrim",
+			"data-part-scrim": "",
+			onKeyDown: se,
+			ref: z,
+			...I ? { "data-loading": "" } : {},
+			children: H ? le : null
+		})
+	] }), Q = n({
+		...oe,
+		...j === "region" && I ? { "aria-busy": !0 } : {},
+		children: ue,
+		"data-part": "root",
+		"data-scope": j,
+		"data-size": F.size,
+		"data-ui": "loading-overlay",
+		"data-veil": F.veil,
+		...I ? { "data-loading": "" } : {}
+	}), $ = k === void 0 ? /* @__PURE__ */ f("div", {
+		...Q,
+		ref: X
+	}) : k({
+		...Q,
+		ref: X
+	});
+	return j === "page" ? q === null ? null : ee($, q) : $;
+}
+//#endregion
+export { S as n, x as r, w as t };

package/dist/loading-overlay.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./loading-overlay-RRsNK1FN.js";
+import { n as e, r as t, t as n } from "./loading-overlay-B6htOo0b.js";
 export { n as LoadingOverlay, e as LoadingOverlayDefaultsProvider, t as useLoadingOverlayDefaults };

package/dist/markdown-CvkdDhk0.js

@@ -0,0 +1,306 @@
+import { n as e, t } from "./icon-DMdotKfc.js";
+import { r as n } from "./i18n-DpW8lqJ1.js";
+import { a as r, i, r as a, t as o } from "./alert-CBOYFgV4.js";
+import { n as ee } from "./icon-button-VOA-RY_1.js";
+import { t as s } from "./inline-message-BgA4EOsR.js";
+import { t as c } from "./checkbox-BiQZiZNt.js";
+import { t as l } from "./code-block-eGJk55we.js";
+import { n as u, o as d, t as f } from "./skeleton-DhMVeVtn.js";
+import { t as p } from "./visually-hidden-Dlnpzic3.js";
+import { t as m } from "./link-2zYK7lG3.js";
+import { c as h, i as g, n as _, o as v, t as y } from "./prose-vW3cGfUO.js";
+import { keyedProps as b, selectorKeyProps as x } from "@slotted/core/selector-key";
+import { Fragment as S, createContext as C, createElement as w, useContext as T, useEffect as E, useMemo as D, useRef as O, useState as k } from "react";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { markdownMessages as N } from "@slotted/core/i18n";
+import { initialLoadingVisibility as P, nextLoadingVisibility as F } from "@slotted/core/loading";
+import { MARKDOWN_KINDS as I, prepareMarkdown as L } from "@slotted/core/markdown";
+//#region src/markdown/markdown-defaults.tsx
+var R = C({});
+function z() {
+	return T(R);
+}
+function B({ children: e, ...t }) {
+	let n = z();
+	return /* @__PURE__ */ j(R.Provider, {
+		value: {
+			alerts: t.alerts ?? n.alerts,
+			allow: t.allow ?? n.allow,
+			external: t.external ?? n.external,
+			headingAnchors: t.headingAnchors ?? n.headingAnchors,
+			isExternal: t.isExternal ?? n.isExternal,
+			transformUrl: t.transformUrl ?? n.transformUrl
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/markdown/markdown.tsx
+var V = new Set(I);
+function H({ alerts: e, allow: t, empty: r, extensions: i, external: a, flow: o, headingAnchors: c, headingOffset: l, idPrefix: p, isExternal: m, loading: g = !1, messages: _, onRetry: y, onTaskChange: x, render: S, renderers: C, size: w, status: T = "ready", streaming: E = !1, transformUrl: O, tree: k, unwrapDisallowed: A, ...P }) {
+	let F = z(), I = h(), R = d(), B = n(N, _), V = o ?? I.flow, H = O ?? F.transformUrl, W = m ?? F.isExternal, G = t ?? F.allow, K = e ?? F.alerts ?? !0, q = D(() => Object.keys(i ?? {}).join("\n"), [i]), Y = D(() => L(k, {
+		alerts: K,
+		allow: G,
+		custom: q ? q.split("\n") : [],
+		headingOffset: l,
+		idPrefix: p,
+		isExternal: W,
+		transformUrl: H,
+		unwrapDisallowed: A
+	}), [
+		k,
+		K,
+		G,
+		q,
+		l,
+		p,
+		W,
+		H,
+		A
+	]), X = te({
+		delay: R.delay ?? 0,
+		loading: g,
+		minDuration: R.minDuration ?? 0
+	}), Z = {
+		document: Y,
+		extensions: i ?? {},
+		external: a ?? F.external ?? "new-tab",
+		headingAnchors: c ?? F.headingAnchors ?? !1,
+		onTaskChange: x,
+		t: B,
+		renderers: C ?? {}
+	}, Q;
+	Q = T === "error" ? /* @__PURE__ */ M("div", {
+		"data-part": "error",
+		"data-part-error": "",
+		children: [/* @__PURE__ */ j(s, {
+			tone: "danger",
+			children: B("error")
+		}), y === void 0 ? null : /* @__PURE__ */ j(ee, {
+			onClick: (e) => y(e.detail === 0 ? "keyboard" : "pointer"),
+			size: "sm",
+			tone: "secondary",
+			variant: "outline",
+			children: B("retry")
+		})]
+	}) : X ? /* @__PURE__ */ j(u, {
+		delay: 0,
+		messages: { label: B("loading") },
+		loading: !0,
+		minDuration: 0,
+		children: /* @__PURE__ */ j(v, {
+			flow: V,
+			size: w,
+			children: /* @__PURE__ */ j(f, {
+				lastLineSize: "62%",
+				lines: 3
+			})
+		})
+	}) : Y.empty ? g ? null : /* @__PURE__ */ j("p", {
+		"data-part": "empty",
+		"data-part-empty": "",
+		children: r ?? B("empty")
+	}) : /* @__PURE__ */ M(v, {
+		flow: V,
+		size: w,
+		children: [U(Y.children, Z), J(Y, Z)]
+	});
+	let $ = b({
+		...P,
+		"aria-busy": E || X || void 0,
+		children: Q,
+		"data-empty": T === "ready" && !X && Y.empty || void 0,
+		"data-flow": V,
+		"data-loading": X || void 0,
+		"data-part": "root",
+		"data-status": T,
+		"data-streaming": E || void 0,
+		"data-ui": "markdown"
+	});
+	return S === void 0 ? /* @__PURE__ */ j("div", { ...$ }) : S($);
+}
+function U(e, t) {
+	return e.map((e) => /* @__PURE__ */ j(S, { children: W(e, t) }, e.key));
+}
+function W(e, t) {
+	let n = "children" in e ? G(e, t) : null;
+	if (e.kind === "custom") {
+		let r = t.extensions[e.type];
+		return r === void 0 ? n : r({
+			children: n,
+			element: e
+		});
+	}
+	if (V.has(e.kind)) {
+		let r = t.renderers[e.kind];
+		if (r !== void 0) return r({
+			children: n,
+			element: e
+		});
+	}
+	return K(e, n, t);
+}
+function G(e, t) {
+	return e.kind === "list" || "children" in e ? U(e.children, t) : null;
+}
+function K(e, t, n) {
+	switch (e.kind) {
+		case "text": return e.value;
+		case "inlineCode": return /* @__PURE__ */ j("code", { children: e.value });
+		case "break": return /* @__PURE__ */ j("br", {});
+		case "thematicBreak": return /* @__PURE__ */ j("hr", {});
+		case "paragraph": return /* @__PURE__ */ j("p", { children: t });
+		case "emphasis": return /* @__PURE__ */ j("em", { children: t });
+		case "strong": return /* @__PURE__ */ j("strong", { children: t });
+		case "delete": return /* @__PURE__ */ j("del", { children: t });
+		case "blockquote": return /* @__PURE__ */ j("blockquote", { children: t });
+		case "heading": return w(`h${e.level}`, { id: e.id }, t, n.headingAnchors ? /* @__PURE__ */ j(_, {
+			"aria-label": n.t("anchor", { heading: e.text }),
+			href: `#${e.id}`,
+			children: "#"
+		}) : null);
+		case "alert": return /* @__PURE__ */ j("div", {
+			"data-part": "embed",
+			"data-part-embed": "",
+			children: /* @__PURE__ */ j(o, {
+				live: "off",
+				reach: "section",
+				tone: e.tone,
+				children: /* @__PURE__ */ M(a, { children: [/* @__PURE__ */ j(r, { children: n.t(`alerts.${e.type}`) }), /* @__PURE__ */ j(i, {
+					render: ({ children: e, ...t }) => /* @__PURE__ */ j("div", {
+						...t,
+						children: e
+					}),
+					children: /* @__PURE__ */ j("div", {
+						"data-part": "alert-body",
+						"data-part-alert-body": "",
+						children: t
+					})
+				})] })
+			})
+		});
+		case "list": {
+			let n = e.task ? "task-list" : void 0;
+			return e.ordered ? /* @__PURE__ */ j("ol", {
+				"data-part": n,
+				...x("part", n),
+				start: e.start ?? void 0,
+				children: t
+			}) : /* @__PURE__ */ j("ul", {
+				"data-part": n,
+				...x("part", n),
+				children: t
+			});
+		}
+		case "item": return e.checked === null ? /* @__PURE__ */ j("li", { children: t }) : q(e, t, n);
+		case "code": return /* @__PURE__ */ j("div", {
+			"data-part": "embed",
+			"data-part-embed": "",
+			children: /* @__PURE__ */ j(l, {
+				code: e.code,
+				language: e.language ?? void 0,
+				lineNumbers: e.lineNumbers || void 0,
+				marks: e.highlight === null ? void 0 : { highlight: e.highlight },
+				title: e.title ?? void 0
+			})
+		});
+		case "table": return /* @__PURE__ */ j(y, { children: /* @__PURE__ */ M("table", { children: [/* @__PURE__ */ j("thead", { children: /* @__PURE__ */ j("tr", { children: e.head.map((e) => /* @__PURE__ */ j("th", {
+			"data-align": e.align ?? void 0,
+			scope: "col",
+			children: U(e.children, n)
+		}, e.key)) }) }), e.rows.length === 0 ? null : /* @__PURE__ */ j("tbody", { children: e.rows.map((e, t) => /* @__PURE__ */ j("tr", { children: e.map((e) => /* @__PURE__ */ j("td", {
+			"data-align": e.align ?? void 0,
+			children: U(e.children, n)
+		}, e.key)) }, e[0]?.key ?? t)) })] }) });
+		case "link": return e.external && n.external === "new-tab" ? /* @__PURE__ */ j(m, {
+			external: !0,
+			href: e.href,
+			title: e.title ?? void 0,
+			children: t
+		}) : /* @__PURE__ */ j("a", {
+			href: e.href,
+			title: e.title ?? void 0,
+			children: t
+		});
+		case "image": return /* @__PURE__ */ j("img", {
+			alt: e.alt,
+			decoding: "async",
+			loading: "lazy",
+			src: e.src,
+			title: e.title ?? void 0
+		});
+		case "footnoteReference": return /* @__PURE__ */ j("sup", { children: /* @__PURE__ */ j("a", {
+			"aria-describedby": n.document.footnoteLabelId,
+			"data-footnote-ref": "",
+			href: `#${e.target}`,
+			id: e.id,
+			children: e.number
+		}) });
+		case "custom": return t;
+	}
+}
+function q(e, t, n) {
+	let { onTaskChange: r } = n, i = e.task ?? 0;
+	return /* @__PURE__ */ M("li", {
+		"data-part": "task",
+		"data-part-task": "",
+		children: [/* @__PURE__ */ j(c, {
+			"aria-label": e.label,
+			checked: e.checked === !0,
+			onCheckedChange: r === void 0 ? void 0 : (t, n) => {
+				let a = {
+					checked: t,
+					index: i,
+					offset: e.offset
+				};
+				r(a, n);
+			},
+			readOnly: r === void 0 || void 0
+		}), /* @__PURE__ */ j("div", {
+			"data-part": "task-body",
+			"data-part-task-body": "",
+			children: t
+		})]
+	});
+}
+function J(e, t) {
+	return e.footnotes.length === 0 ? null : /* @__PURE__ */ M(g, { children: [/* @__PURE__ */ j(p, {
+		id: e.footnoteLabelId,
+		render: (e) => /* @__PURE__ */ j("h2", { ...e }),
+		children: t.t("footnotes")
+	}), /* @__PURE__ */ j("ol", { children: e.footnotes.map((e) => /* @__PURE__ */ j("li", {
+		id: e.id,
+		children: Y(e, t)
+	}, e.key)) })] });
+}
+function Y(n, r) {
+	let i = n.references.map((i, a) => /* @__PURE__ */ j("a", {
+		"aria-label": r.t("backReference", {
+			number: n.number,
+			occurrence: a + 1
+		}),
+		"data-part": "backref",
+		"data-part-backref": "",
+		href: `#${i}`,
+		children: /* @__PURE__ */ j(t, { children: /* @__PURE__ */ j(e, { name: "arrow-left" }) })
+	}, i)), a = n.children.at(-1);
+	return a?.kind === "paragraph" ? /* @__PURE__ */ M(A, { children: [U(n.children.slice(0, -1), r), /* @__PURE__ */ M("p", { children: [U(a.children, r), i] }, a.key)] }) : /* @__PURE__ */ M(A, { children: [U(n.children, r), i] });
+}
+function te({ delay: e, loading: t, minDuration: n }) {
+	let r = O(P), [, i] = k(0), a = F({
+		delay: e,
+		loading: t,
+		minDuration: n,
+		now: Date.now(),
+		state: r.current
+	});
+	r.current = a.state;
+	let { wait: o } = a;
+	return E(() => {
+		if (o === null) return;
+		let e = setTimeout(() => i((e) => e + 1), o);
+		return () => clearTimeout(e);
+	}, [o, t]), a.state.visible;
+}
+//#endregion
+export { B as n, z as r, H as t };

package/dist/markdown.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./markdown-IiVoh6yi.js";
+import { n as e, r as t, t as n } from "./markdown-CvkdDhk0.js";
 export { n as Markdown, e as MarkdownDefaultsProvider, t as useMarkdownDefaults };