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

package/dist/progress-indicator-BhljwFx8.js

@@ -0,0 +1,289 @@
+/* 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: o, delay: s, hideLabel: c, label: l, loading: u, locale: d, measure: f, minDuration: p, onWithdraw: g, shape: _, size: v, tone: y }) {
+	let b = S(), x = i(), C = l ?? b.label, T = w({
+		delay: s ?? b.delay ?? 0,
+		loading: u,
+		minDuration: p ?? b.minDuration ?? 0,
+		onWithdraw: g
+	}), E = m({
+		value: f?.value,
+		min: f?.min,
+		max: f?.max,
+		buffer: f?.buffer
+	}), D = f === void 0 ? void 0 : h({
+		geometry: E,
+		valueText: f.valueText,
+		format: f.format,
+		locale: d ?? b.locale
+	}), O = C !== void 0 && !o;
+	return {
+		geometry: E,
+		painted: T,
+		labelId: x,
+		labelText: C,
+		labelHidden: c === !0,
+		valueText: D,
+		showValue: f?.showValue === !0 && !E.indeterminate && D !== void 0,
+		size: v ?? b.size ?? "md",
+		tone: y ?? b.tone ?? "accent",
+		identity: {
+			"aria-hidden": o ? t ?? "true" : t,
+			"aria-labelledby": O ? r ?? x : r,
+			"aria-valuemax": o || f === void 0 ? void 0 : E.max,
+			"aria-valuemin": o || f === void 0 ? void 0 : E.min,
+			"aria-valuenow": o || E.indeterminate ? void 0 : E.valueNow ?? void 0,
+			"aria-valuetext": o ? void 0 : D,
+			"data-complete": E.complete ? "" : void 0,
+			"data-indeterminate": f === void 0 || E.indeterminate ? "" : void 0,
+			"data-part": "root",
+			...e("part", "root"),
+			"data-shape": _,
+			"data-size": v ?? b.size ?? "md",
+			"data-tone": y ?? b.tone ?? "accent",
+			"data-ui": "progress-indicator",
+			...e("ui", "progress-indicator"),
+			hidden: !T || void 0,
+			role: o ? 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
+					})
+				}) : /* @__PURE__ */ c("div", {
+					"data-part": "indicator",
+					"data-part-indicator": ""
+				})
+			})
+		] }),
+		...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"
+				}) : /* @__PURE__ */ c("circle", {
+					cx: "24",
+					cy: "24",
+					"data-part": "indicator",
+					"data-part-indicator": "",
+					pathLength: "100",
+					r: "20"
+				})]
+			}),
+			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-BhljwFx8.js";
 export { r as Loader, t as ProgressBar, i as ProgressCircle, e as ProgressIndicatorDefaultsProvider, n as useProgressIndicatorDefaults };

package/dist/prompt-composer-DekRS1MN.js

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

@@ -0,0 +1,92 @@
+import { r as e } from "./i18n-DpW8lqJ1.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-vW3cGfUO.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 };