@slotted/react 0.1.0-beta.1 → 0.1.0-beta.11

package/dist/progress-indicator-D0acshNn.js

@@ -0,0 +1,292 @@
+/* empty css                         */
+import { selectorKeyProps as e } from "@slotted/core/selector-key";
+import { createContext as t, useContext as n, useEffect as r, useId as i, useRef as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { PROGRESS_WAVE_BAR_INDETERMINATE_PATH as u, PROGRESS_WAVE_BAR_PATH as d, PROGRESS_WAVE_BAR_REACH as f, PROGRESS_WAVE_RING_PATH as p, progressGeometry as m, progressValueText as h } from "@slotted/core/progress";
+import { initialLoadingVisibility as g, nextLoadingVisibility as _ } from "@slotted/core/loading";
+//#region src/progress-indicator/progress-parts.tsx
+function v(t) {
+	return t.labelText === void 0 ? null : /* @__PURE__ */ c("span", {
+		"data-part": "label",
+		"data-part-label": "",
+		id: t.labelId,
+		...t.labelHidden ? {
+			"data-ui": "visually-hidden",
+			...e("ui", "visually-hidden")
+		} : {},
+		children: t.labelText
+	});
+}
+function y(e) {
+	return e.showValue ? /* @__PURE__ */ c("span", {
+		"data-part": "value",
+		"data-part-value": "",
+		children: e.valueText
+	}) : null;
+}
+function b(e, t) {
+	return {
+		...t,
+		"--slotted-progress-indicator-percent": e.geometry.percent,
+		...e.geometry.buffer === null ? {} : { "--slotted-progress-indicator-buffer-percent": e.geometry.buffer }
+	};
+}
+//#endregion
+//#region src/progress-indicator/progress-indicator-defaults.tsx
+var x = t({});
+function S() {
+	return n(x);
+}
+function C({ children: e, ...t }) {
+	let n = S();
+	return /* @__PURE__ */ c(x.Provider, {
+		value: {
+			delay: t.delay ?? n.delay,
+			label: t.label ?? n.label,
+			locale: t.locale ?? n.locale,
+			minDuration: t.minDuration ?? n.minDuration,
+			size: t.size ?? n.size,
+			tone: t.tone ?? n.tone
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/progress-indicator/use-loading-visibility.ts
+function w({ delay: e, loading: t, minDuration: n, onWithdraw: i }) {
+	let s = a(g), [, c] = o(0), l = _({
+		delay: e,
+		loading: t,
+		minDuration: n,
+		now: Date.now(),
+		state: s.current
+	});
+	s.current = l.state;
+	let { wait: u } = l;
+	r(() => {
+		if (u === null) return;
+		let e = setTimeout(() => c((e) => e + 1), u);
+		return () => clearTimeout(e);
+	}, [u, t]);
+	let d = l.state.visible, f = a(d);
+	return r(() => {
+		f.current && !d && i?.(), f.current = d;
+	}, [d, i]), d;
+}
+function T({ ariaHidden: t, ariaLabel: n, ariaLabelledBy: r, component: a, decorative: s, delay: c, hideLabel: l, label: u, loading: d, locale: f, measure: p, minDuration: g, onWithdraw: _, shape: v, size: y, tone: b }) {
+	let x = S(), C = i(), T = u ?? x.label, E = w({
+		delay: c ?? x.delay ?? 0,
+		loading: d,
+		minDuration: g ?? x.minDuration ?? 0,
+		onWithdraw: _
+	}), [D, O] = o(0), [k, A] = o(E);
+	E !== k && (A(E), E && O(D + 1));
+	let j = m({
+		value: p?.value,
+		min: p?.min,
+		max: p?.max,
+		buffer: p?.buffer
+	}), M = p === void 0 ? void 0 : h({
+		geometry: j,
+		valueText: p.valueText,
+		format: p.format,
+		locale: f ?? x.locale
+	}), N = T !== void 0 && !s;
+	return {
+		geometry: j,
+		painted: E,
+		paint: D,
+		labelId: C,
+		labelText: T,
+		labelHidden: l === !0,
+		valueText: M,
+		showValue: p?.showValue === !0 && !j.indeterminate && M !== void 0,
+		size: y ?? x.size ?? "md",
+		tone: b ?? x.tone ?? "accent",
+		identity: {
+			"aria-hidden": s ? t ?? "true" : t,
+			"aria-labelledby": N ? r ?? C : r,
+			"aria-valuemax": s || p === void 0 ? void 0 : j.max,
+			"aria-valuemin": s || p === void 0 ? void 0 : j.min,
+			"aria-valuenow": s || j.indeterminate ? void 0 : j.valueNow ?? void 0,
+			"aria-valuetext": s ? void 0 : M,
+			"data-complete": j.complete ? "" : void 0,
+			"data-indeterminate": p === void 0 || j.indeterminate ? "" : void 0,
+			"data-part": "root",
+			...e("part", "root"),
+			"data-shape": v,
+			"data-size": y ?? x.size ?? "md",
+			"data-tone": b ?? x.tone ?? "accent",
+			"data-ui": "progress-indicator",
+			...e("ui", "progress-indicator"),
+			hidden: !E || void 0,
+			role: s ? void 0 : "progressbar"
+		}
+	};
+}
+//#endregion
+//#region src/progress-indicator/loader.tsx
+function E({ "aria-hidden": e, "aria-label": t, "aria-labelledby": n, contained: r = !1, decorative: i = !1, delay: a, hideLabel: o, label: u, loading: d = !0, minDuration: f, onWithdraw: p, render: m, size: h, tone: g, ..._ }) {
+	let y = T({
+		ariaHidden: e,
+		ariaLabel: t,
+		ariaLabelledBy: n,
+		component: "Loader",
+		decorative: i,
+		delay: a,
+		hideLabel: o,
+		label: u,
+		loading: d,
+		locale: void 0,
+		measure: void 0,
+		minDuration: f,
+		onWithdraw: p,
+		shape: "morph",
+		size: h,
+		tone: g
+	}), b = {
+		..._,
+		...y.identity,
+		"aria-label": t,
+		children: /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", {
+			"data-part": "track",
+			"data-part-track": "",
+			children: /* @__PURE__ */ c("div", {
+				"data-part": "indicator",
+				"data-part-indicator": ""
+			})
+		}), v(y)] }),
+		...r ? { "data-contained": "" } : {}
+	};
+	return m === void 0 ? /* @__PURE__ */ c("div", { ...b }) : m(b);
+}
+//#endregion
+//#region src/progress-indicator/progress-bar.tsx
+function D({ "aria-hidden": e, "aria-label": t, "aria-labelledby": n, buffer: r, decorative: i = !1, delay: a, format: o, hideLabel: p, label: m, loading: h = !0, locale: g, max: _, min: x, minDuration: S, onWithdraw: C, placement: w = "inline", render: E, showValue: D, size: O, style: k, tone: A, value: j, valueText: M, wave: N = !1, ...P }) {
+	let F = T({
+		ariaHidden: e,
+		ariaLabel: t,
+		ariaLabelledBy: n,
+		component: "ProgressBar",
+		decorative: i,
+		delay: a,
+		hideLabel: p ?? w !== "inline",
+		label: m,
+		loading: h,
+		locale: g,
+		measure: {
+			value: j,
+			min: x,
+			max: _,
+			buffer: r,
+			format: o,
+			showValue: D,
+			valueText: M
+		},
+		minDuration: S,
+		onWithdraw: C,
+		shape: "linear",
+		size: O,
+		tone: A
+	}), I = {
+		...P,
+		...F.identity,
+		"aria-label": t,
+		children: /* @__PURE__ */ l(s, { children: [
+			v(F),
+			y(F),
+			/* @__PURE__ */ c("div", {
+				"data-part": "track",
+				"data-part-track": "",
+				children: N ? /* @__PURE__ */ c("svg", {
+					"aria-hidden": "true",
+					"data-part": "indicator",
+					"data-part-indicator": "",
+					focusable: "false",
+					preserveAspectRatio: "xMinYMid meet",
+					viewBox: `0 -1.25 ${f} 2.5`,
+					children: /* @__PURE__ */ c("path", {
+						d: F.geometry.indeterminate ? u : d,
+						pathLength: f
+					})
+				}, F.paint) : /* @__PURE__ */ c("div", {
+					"data-part": "indicator",
+					"data-part-indicator": ""
+				}, F.paint)
+			})
+		] }),
+		...F.geometry.buffer === null ? {} : { "data-buffered": "" },
+		...w === "inline" ? {} : { "data-placement": w },
+		...N ? { "data-wave": "" } : {},
+		style: b(F, k)
+	};
+	return E === void 0 ? /* @__PURE__ */ c("div", { ...I }) : E(I);
+}
+//#endregion
+//#region src/progress-indicator/progress-circle.tsx
+function O({ "aria-hidden": e, "aria-label": t, "aria-labelledby": n, decorative: r = !1, delay: i, format: a, hideLabel: o, label: u, loading: d = !0, locale: f, max: m, min: h, minDuration: g, onWithdraw: _, render: x, showValue: S, size: C, style: w, tone: E, value: D, valueText: O, wave: k = !1, ...A }) {
+	let j = T({
+		ariaHidden: e,
+		ariaLabel: t,
+		ariaLabelledBy: n,
+		component: "ProgressCircle",
+		decorative: r,
+		delay: i,
+		hideLabel: o,
+		label: u,
+		loading: d,
+		locale: f,
+		measure: {
+			value: D,
+			min: h,
+			max: m,
+			buffer: null,
+			format: a,
+			showValue: S,
+			valueText: O
+		},
+		minDuration: g,
+		onWithdraw: _,
+		shape: "circular",
+		size: C,
+		tone: E
+	}), M = {
+		...A,
+		...j.identity,
+		"aria-label": t,
+		children: /* @__PURE__ */ l(s, { children: [
+			/* @__PURE__ */ l("svg", {
+				"aria-hidden": "true",
+				focusable: "false",
+				viewBox: "0 0 48 48",
+				children: [/* @__PURE__ */ c("circle", {
+					cx: "24",
+					cy: "24",
+					"data-part": "track",
+					"data-part-track": "",
+					pathLength: "100",
+					r: "20"
+				}), k ? /* @__PURE__ */ c("path", {
+					d: p,
+					"data-part": "indicator",
+					"data-part-indicator": "",
+					pathLength: "100"
+				}, j.paint) : /* @__PURE__ */ c("circle", {
+					cx: "24",
+					cy: "24",
+					"data-part": "indicator",
+					"data-part-indicator": "",
+					pathLength: "100",
+					r: "20"
+				}, j.paint)]
+			}),
+			v(j),
+			y(j)
+		] }),
+		...k ? { "data-wave": "" } : {},
+		style: b(j, w)
+	};
+	return x === void 0 ? /* @__PURE__ */ c("div", { ...M }) : x(M);
+}
+//#endregion
+export { C as a, w as i, D as n, S as o, E as r, O as t };

package/dist/progress-indicator.js

@@ -1,2 +1,2 @@
-import { a as e, n as t, o as n, r, t as i } from "./progress-indicator-DwvUSFFs.js";
+import { a as e, n as t, o as n, r, t as i } from "./progress-indicator-D0acshNn.js";
 export { r as Loader, t as ProgressBar, i as ProgressCircle, e as ProgressIndicatorDefaultsProvider, n as useProgressIndicatorDefaults };

package/dist/prompt-composer-Cu8bj1Vb.js

@@ -0,0 +1,276 @@
+import { r as e } from "./i18n-D7xXDd8-.js";
+import { n as t, t as n } from "./icon-DjqSEQ-o.js";
+/* empty css                 */
+import { t as r } from "./spinner-ring-DyfaYloA.js";
+import { b as i } from "./field-tnEZiRLg.js";
+import { keyedProps as a, withSelectorKey as o } from "@slotted/core/selector-key";
+import { createControllable as s } from "@slotted/core/state";
+import { createContext as c, useContext as l, useEffect as u, useRef as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { promptComposerMessages as g } from "@slotted/core/i18n";
+import { selectFiles as _ } from "@slotted/core/upload";
+import { getLiveAnnouncer as v } from "@slotted/core/live-announcer";
+//#region src/prompt-composer/prompt-composer-defaults.tsx
+var y = c({
+	emphasis: "none",
+	size: "md",
+	submitOn: "enter",
+	variant: "raised"
+});
+function b() {
+	return l(y);
+}
+function x({ children: e, ...t }) {
+	let n = { ...b() };
+	for (let [e, r] of Object.entries(t)) r !== void 0 && (n[e] = r);
+	return /* @__PURE__ */ m(y.Provider, {
+		value: n,
+		children: e
+	});
+}
+//#endregion
+//#region src/prompt-composer/prompt-composer.tsx
+var S = c(null);
+function C(e) {
+	let t = l(S);
+	if (t === null) throw Error(`PromptComposer${e} must sit inside a PromptComposer`);
+	return t;
+}
+function w(e) {
+	return e.detail === 0 ? "keyboard" : "pointer";
+}
+function T(e) {
+	return Array.from(e.dataTransfer?.types ?? []).includes("Files");
+}
+function E({ accept: t, canSubmit: n, children: r, className: o, defaultValue: c, disabled: l, invalid: y, maxFiles: x, maxSize: C, messages: w, multiple: E = !0, onAttach: D, onDragLeave: O, onDragOver: k, onDrop: A, onMouseDown: j, onStop: M, onSubmit: ee, onValueChange: te, onValueSubmit: ne, readOnly: re, render: N, size: ie, status: P = "ready", style: ae, submitOn: oe, value: F, emphasis: se, variant: ce, ...le }) {
+	let I = i(), L = b(), R = e(g, w), z = d(null), [ue, de] = f(c ?? ""), [B, V] = f(!1), H = F ?? ue, U = l ?? I?.disabled, W = re ?? I?.readOnly, G = y ?? I?.invalid, fe = ie ?? I?.size ?? L.size, K = P === "submitted" || P === "streaming", q = U !== !0 && W !== !0 && !K && (n ?? H.trim() !== ""), J = I?.registerControl;
+	u(() => J?.(), [J]);
+	let Y = () => v(z.current?.ownerDocument), X = d(P);
+	u(() => {
+		P === "submitted" && X.current !== "submitted" && Y().announce(R("sending")), X.current = P;
+	});
+	let Z = (e, t, n) => {
+		s({
+			controlled: F,
+			initial: H,
+			onRequest: (e) => te?.(e.value, e)
+		}).request(e, t, n) && de(e);
+	}, Q = (e, t) => {
+		if (!q) return;
+		let n = !1, r = H;
+		s({
+			controlled: void 0,
+			initial: "",
+			onRequest: (e) => {
+				ne?.(e.value, e), n = e.cancelled;
+			},
+			equals: () => !1
+		}).request(r, e, t), !n && (Z("", "submit", t), z.current?.focus());
+	}, pe = (e, t) => {
+		M?.({
+			reason: e,
+			source: t
+		}), Y().announce(R("stopped")), z.current?.focus();
+	}, me = (e, n, r) => {
+		if (e.length === 0 || U === !0 || W === !0) return;
+		let i = _(e, [], {
+			accept: t,
+			maxFiles: x,
+			maxSize: C,
+			multiple: E
+		}), a = i.files.filter((e) => e.status !== "rejected" && e.file !== void 0).map((e) => e.file);
+		D?.(a, {
+			reason: n,
+			rejected: i.rejected,
+			source: r
+		});
+	}, he = {
+		accept: t,
+		attach: me,
+		canSubmit: q,
+		describedBy: I?.describedBy,
+		disabled: U,
+		id: I?.ids.control,
+		inputRef: z,
+		invalid: G,
+		multiple: E,
+		readOnly: W,
+		required: I?.required,
+		setValue: (e, t) => Z(e, "keyboard", t),
+		status: P,
+		stop: pe,
+		submit: Q,
+		submitOn: oe ?? L.submitOn,
+		t: R,
+		value: H
+	}, ge = (se ?? L.emphasis) === "ring", $ = a({
+		...le,
+		children: ge ? /* @__PURE__ */ h(p, { children: [
+			r,
+			/* @__PURE__ */ m("span", {
+				"aria-hidden": "true",
+				"data-part": "glow",
+				"data-part-glow": ""
+			}),
+			/* @__PURE__ */ m("span", {
+				"aria-hidden": "true",
+				"data-part": "ring",
+				"data-part-ring": ""
+			})
+		] }) : r,
+		className: o,
+		style: ae,
+		...U === !0 ? { "data-disabled": "" } : {},
+		...B ? { "data-drop-target": "" } : {},
+		...ge ? { "data-emphasis": "ring" } : {},
+		...G === !0 ? { "data-invalid": "" } : {},
+		...K ? { "data-loading": "" } : {},
+		...W === !0 ? { "data-readonly": "" } : {},
+		"data-part": "root",
+		"data-size": fe,
+		"data-status": P,
+		"data-ui": "prompt-composer",
+		"data-variant": ce ?? L.variant,
+		onMouseDown: (e) => {
+			j?.(e);
+			let t = e.target.getAttribute("data-part");
+			e.defaultPrevented || t !== "root" && t !== "header" && t !== "footer" || (e.preventDefault(), z.current?.focus());
+		},
+		onSubmit: (e) => {
+			ee?.(e), !e.defaultPrevented && (e.preventDefault(), Q("keyboard", e.nativeEvent));
+		},
+		onDragOver: (e) => {
+			k?.(e), T(e) && U !== !0 && W !== !0 && (e.preventDefault(), B || V(!0));
+		},
+		onDragLeave: (e) => {
+			O?.(e);
+			let t = e.relatedTarget;
+			(t === null || !e.currentTarget.contains(t)) && V(!1);
+		},
+		onDrop: (e) => {
+			A?.(e), V(!1), T(e) && (e.preventDefault(), me(Array.from(e.dataTransfer.files), "drop", e.nativeEvent));
+		}
+	});
+	return /* @__PURE__ */ m(S.Provider, {
+		value: he,
+		children: N === void 0 ? /* @__PURE__ */ m("form", { ...$ }) : N($)
+	});
+}
+function D({ render: e, ...t }) {
+	let n = a({
+		...t,
+		"data-part": "header"
+	});
+	return e === void 0 ? /* @__PURE__ */ m("div", { ...n }) : e(n);
+}
+function O({ render: e, ...t }) {
+	let n = a({
+		...t,
+		"data-part": "footer"
+	});
+	return e === void 0 ? /* @__PURE__ */ m("div", { ...n }) : e(n);
+}
+function k({ "aria-describedby": e, "aria-invalid": t, "aria-required": n, id: r, maxLength: a, maxRows: s, onChange: c, onKeyDown: l, onPaste: d, rows: f, showCount: p = !1, style: h, ...g }) {
+	let _ = C("Input"), v = i()?.setCount;
+	return u(() => {
+		if (p && v !== void 0) return v({
+			length: _.value.length,
+			max: a ?? void 0
+		}), () => v(void 0);
+	}, [
+		_.value,
+		a,
+		v,
+		p
+	]), /* @__PURE__ */ m("textarea", {
+		...o(g, "part", "input"),
+		"aria-describedby": [e, _.describedBy].filter(Boolean).join(" ") || void 0,
+		"aria-invalid": t ?? (_.invalid === !0 || void 0),
+		"aria-required": n ?? (_.required === !0 || void 0),
+		dir: g.dir ?? "auto",
+		disabled: _.disabled,
+		id: r ?? _.id,
+		maxLength: a,
+		onChange: (e) => {
+			c?.(e), _.setValue(e.currentTarget.value, e);
+		},
+		onKeyDown: (e) => {
+			l?.(e), !(e.defaultPrevented || e.key !== "Enter" || e.shiftKey) && (e.nativeEvent.isComposing || e.keyCode === 229 || (e.metaKey || e.ctrlKey || _.submitOn === "enter") && (e.preventDefault(), _.submit("keyboard", e.nativeEvent)));
+		},
+		onPaste: (e) => {
+			d?.(e);
+			let t = Array.from(e.clipboardData?.files ?? []);
+			t.length !== 0 && (e.clipboardData.getData("text/plain") === "" && e.preventDefault(), _.attach(t, "paste", e.nativeEvent));
+		},
+		readOnly: _.readOnly,
+		ref: (e) => {
+			_.inputRef.current = e;
+			let { ref: t } = g;
+			typeof t == "function" ? t(e) : t != null && (t.current = e);
+		},
+		rows: f ?? 1,
+		style: {
+			...f === void 0 ? {} : { "--slotted-prompt-composer-rows": f },
+			...s === void 0 ? {} : { "--slotted-prompt-composer-max-rows": s },
+			...h
+		},
+		value: _.value
+	});
+}
+function A({ render: e, type: t = "button", ...n }) {
+	let r = a({
+		...n,
+		"data-part": "action",
+		type: t
+	});
+	return e === void 0 ? /* @__PURE__ */ m("button", { ...r }) : e(r);
+}
+function j({ "aria-label": e, children: r, disabled: i, onClick: a, ...s }) {
+	let c = C("Attach"), l = d(null), u = i ?? (c.disabled === !0 || c.readOnly === !0);
+	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("button", {
+		...o(s, "part", "attach"),
+		"aria-label": e ?? c.t("attach"),
+		disabled: u,
+		onClick: (e) => {
+			a?.(e), e.defaultPrevented || l.current?.click();
+		},
+		type: "button",
+		children: r ?? /* @__PURE__ */ m(n, { children: /* @__PURE__ */ m(t, { name: "paperclip" }) })
+	}), /* @__PURE__ */ m("input", {
+		accept: c.accept,
+		hidden: !0,
+		multiple: c.multiple,
+		onChange: (e) => {
+			c.attach(Array.from(e.currentTarget.files ?? []), "pointer", e.nativeEvent), e.currentTarget.value = "";
+		},
+		ref: l,
+		tabIndex: -1,
+		type: "file"
+	})] });
+}
+function M({ "aria-label": e, children: i, disabled: a, onClick: s, ...c }) {
+	let l = C("Submit"), { status: u, t: d } = l, f = u === "streaming", g = u === "submitted", _ = d(f ? "stop" : g ? "sending" : u === "error" ? "retry" : "send"), v = u === "error" ? "rotate-ccw" : "arrow-up";
+	return /* @__PURE__ */ m("button", {
+		...o(c, "part", "submit"),
+		"aria-disabled": g ? !0 : void 0,
+		"aria-label": i === void 0 ? e ?? _ : e,
+		disabled: f ? !1 : a ?? (!g && !l.canSubmit),
+		onClick: (e) => {
+			s?.(e), !e.defaultPrevented && (e.preventDefault(), f ? l.stop(w(e), e.nativeEvent) : g || l.submit(w(e), e.nativeEvent));
+		},
+		type: f || g ? "button" : "submit",
+		children: i ?? (g ? /* @__PURE__ */ m("span", {
+			"aria-hidden": "true",
+			"data-ui": "spinner",
+			"data-ui-spinner": "",
+			children: r
+		}, "busy") : f ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
+			"aria-hidden": "true",
+			"data-ui": "spinner",
+			"data-ui-spinner": "",
+			children: r
+		}, "ring"), /* @__PURE__ */ m(n, { children: /* @__PURE__ */ m(t, { name: "stop" }) }, "stop")] }) : /* @__PURE__ */ m(n, { children: /* @__PURE__ */ m(t, { name: v }) }, v))
+	});
+}
+//#endregion
+export { D as a, x as c, O as i, b as l, A as n, k as o, j as r, M as s, E as t };

package/dist/prompt-composer.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./prompt-composer-B7MMcER0.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./prompt-composer-Cu8bj1Vb.js";
 export { c as PromptComposer, i as PromptComposerAction, o as PromptComposerAttach, t as PromptComposerDefaultsProvider, n as PromptComposerFooter, e as PromptComposerHeader, a as PromptComposerInput, s as PromptComposerSubmit, r as usePromptComposerDefaults };

package/dist/prose-CQN4Bqqh.js

@@ -0,0 +1,92 @@
+import { r as e } from "./i18n-D7xXDd8-.js";
+import { keyedProps as t } from "@slotted/core/selector-key";
+import { createContext as n, useCallback as r, useContext as i, useEffect as a, useImperativeHandle as o, useRef as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { createScrollAffordance as f } from "@slotted/core/overflow";
+import { proseMessages as p } from "@slotted/core/i18n";
+//#region src/prose/prose-defaults.tsx
+var m = n({
+	flow: "normal",
+	size: "lg"
+});
+function h() {
+	return i(m);
+}
+function g({ children: e, ...t }) {
+	let n = h();
+	return /* @__PURE__ */ u(m.Provider, {
+		value: {
+			flow: t.flow ?? n.flow,
+			size: t.size ?? n.size
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/prose/prose.tsx
+function _({ flow: e, render: n, size: r, ...i }) {
+	let a = h(), o = t({
+		...i,
+		"data-flow": e ?? a.flow,
+		"data-part": "root",
+		"data-size": r ?? a.size,
+		"data-ui": "prose"
+	});
+	return n === void 0 ? /* @__PURE__ */ u("div", { ...o }) : n(o);
+}
+//#endregion
+//#region src/prose/prose-parts.tsx
+function v({ render: e, ...n }) {
+	let r = t({
+		...n,
+		"data-part": "lead"
+	});
+	return e === void 0 ? /* @__PURE__ */ u("p", { ...r }) : e(r);
+}
+function y({ children: e, render: n, ...r }) {
+	let i = t({
+		...r,
+		children: e,
+		"data-part": "anchor"
+	});
+	return /* @__PURE__ */ d(l, { children: ["⁠", n === void 0 ? /* @__PURE__ */ u("a", { ...i }) : n(i)] });
+}
+function b({ render: e, ...n }) {
+	let r = t({
+		...n,
+		"data-part": "exclude"
+	});
+	return e === void 0 ? /* @__PURE__ */ u("div", { ...r }) : e(r);
+}
+function x({ render: e, ...n }) {
+	let r = t({
+		...n,
+		"data-part": "footnotes"
+	});
+	return e === void 0 ? /* @__PURE__ */ u("section", { ...r }) : e(r);
+}
+//#endregion
+//#region src/prose/prose-scroll.tsx
+function S({ handleRef: n, labelledBy: i, messages: l, ref: d, render: m, ...h }) {
+	let g = e(p, l), [_, v] = c(null), [y, b] = c(!1), x = s(null), S = r((e) => {
+		v(e), typeof d == "function" ? d(e) : d != null && (d.current = e);
+	}, [d]);
+	a(() => {
+		if (_ === null) return;
+		let e = f(_, { onChange: (e) => b(e.overflowing) });
+		return x.current = e, b(e.state().overflowing), () => {
+			e.destroy(), x.current = null;
+		};
+	}, [_]), o(n, () => ({
+		overflowing: () => x.current?.state().overflowing ?? !1,
+		refresh: () => x.current?.refresh()
+	}), []);
+	let C = t({
+		...h,
+		"data-part": "scroll",
+		ref: S
+	});
+	return y && (C.role = h.role ?? "region", C.tabIndex = h.tabIndex ?? 0, i === void 0 ? h["aria-label"] === void 0 && (C["aria-label"] = g("scroll")) : C["aria-labelledby"] = i), m === void 0 ? /* @__PURE__ */ u("div", { ...C }) : m(C);
+}
+//#endregion
+export { v as a, h as c, x as i, y as n, _ as o, b as r, g as s, S as t };

package/dist/prose.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./prose-CkeNYS0X.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./prose-CQN4Bqqh.js";
 export { i as Prose, r as ProseAnchor, o as ProseDefaultsProvider, a as ProseExclude, n as ProseFootnotes, e as ProseLead, s as ProseScroll, t as useProseDefaults };