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

package/dist/result-state-BMYhelu1.js

@@ -0,0 +1,128 @@
+/* empty css                      */
+import { keyedProps as e } from "@slotted/core/selector-key";
+import { createContext as t, isValidElement as n, useCallback as r, useContext as i, useEffect as a, useId as o, useMemo as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/result-state/result-state-defaults.tsx
+var d = t({
+	align: "center",
+	illustration: "none",
+	live: "polite",
+	reach: "section",
+	status: "empty"
+});
+function f() {
+	return i(d);
+}
+function p({ children: e, ...t }) {
+	let n = f();
+	return /* @__PURE__ */ l(d.Provider, {
+		value: {
+			align: t.align ?? n.align,
+			illustration: t.illustration ?? n.illustration,
+			live: t.live ?? n.live,
+			reach: t.reach ?? n.reach,
+			status: t.status ?? n.status
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/result-state/result-state-parts.tsx
+var m = t(void 0), h = m.Provider;
+function g(e) {
+	let t = i(m);
+	if (t === void 0) throw Error(`ResultState${e} has to be rendered inside a ResultState.`);
+	return t;
+}
+var _ = {
+	off: void 0,
+	polite: "status",
+	assertive: "alert"
+};
+function v({ render: t, ...n }) {
+	let { live: r } = g("Content"), i = _[r], a = e({
+		...n,
+		...i === void 0 ? {} : { role: i },
+		"data-part": "content"
+	});
+	return t === void 0 ? /* @__PURE__ */ l("div", { ...a }) : t(a);
+}
+function y({ render: t, ...n }) {
+	let { registerTitle: r, titleId: i } = g("Title"), o = n.id ?? i;
+	a(() => (r(o), () => r(null)), [o, r]);
+	let s = e({
+		...n,
+		"data-part": "title",
+		id: o
+	});
+	return t === void 0 ? /* @__PURE__ */ l("div", { ...s }) : t(s);
+}
+function b({ render: t, ...n }) {
+	let r = e({
+		...n,
+		"data-part": "description"
+	});
+	return t === void 0 ? /* @__PURE__ */ l("p", { ...r }) : t(r);
+}
+function x({ render: t, ...n }) {
+	let r = e({
+		...n,
+		"data-part": "actions"
+	});
+	return t === void 0 ? /* @__PURE__ */ l("div", { ...r }) : t(r);
+}
+function S({ render: t, ...n }) {
+	let r = e({
+		...n,
+		"data-part": "footer"
+	});
+	return t === void 0 ? /* @__PURE__ */ l("div", { ...r }) : t(r);
+}
+//#endregion
+//#region src/result-state/result-state.tsx
+function C(e, t) {
+	if (Array.isArray(e)) {
+		for (let n of e) {
+			let e = C(n, t);
+			if (e !== null) return e;
+		}
+		return null;
+	}
+	return !n(e) || e.type === w ? null : e.type === y ? e.props.id ?? t : C(e.props.children, t);
+}
+function w({ align: t, children: n, illustration: i, live: a, media: d, reach: p, ref: m, render: g, status: _, ...v }) {
+	let y = f(), [b, x] = c(null), S = `${o()}title`, w = b ?? C(n, S), T = r((e) => x(e), []), E = s(() => ({
+		live: a ?? y.live,
+		registerTitle: T,
+		titleId: S
+	}), [
+		y.live,
+		a,
+		T,
+		S
+	]), D = e({
+		...w === null ? {} : { "aria-labelledby": w },
+		...v,
+		children: /* @__PURE__ */ u(h, {
+			value: E,
+			children: [/* @__PURE__ */ l("div", {
+				"aria-hidden": "true",
+				"data-part": "media",
+				"data-part-media": "",
+				children: d
+			}), n]
+		}),
+		"data-align": t ?? y.align,
+		"data-illustration": i ?? y.illustration,
+		"data-live": a ?? y.live,
+		"data-part": "root",
+		"data-reach": p ?? y.reach,
+		"data-status": _ ?? y.status,
+		"data-ui": "result-state",
+		ref: m,
+		tabIndex: v.tabIndex ?? -1
+	});
+	return g === void 0 ? /* @__PURE__ */ l("section", { ...D }) : g(D);
+}
+//#endregion
+export { S as a, f as c, b as i, x as n, y as o, v as r, p as s, w as t };

package/dist/result-state.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 "./result-state-CZsQfdN4.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 "./result-state-BMYhelu1.js";
 export { s as ResultState, r as ResultStateActions, a as ResultStateContent, o as ResultStateDefaultsProvider, n as ResultStateDescription, e as ResultStateFooter, i as ResultStateTitle, t as useResultStateDefaults };

package/dist/saved-views-C_76obIv.js

@@ -0,0 +1,456 @@
+import { n as e, t } from "./icon-DjqSEQ-o.js";
+import { _ as n, c as r, n as i, t as a } from "./menu-parts-DS9JEUCt.js";
+import { r as o } from "./i18n-DpW8lqJ1.js";
+import { n as s } from "./icon-button-CRB218_z.js";
+import { o as c, t as l, u } from "./field-CzSGs7wo.js";
+import { t as d } from "./text-field-DL_uhNXV.js";
+import { a as f, d as p, f as ee, l as te } from "./popover-D1krYeP-.js";
+import { withSelectorKey as m } from "@slotted/core/selector-key";
+import { useCallback as h, useEffect as ne, useId as re, useImperativeHandle as ie, useMemo as g, useRef as _, useState as v } from "react";
+import { Fragment as ae, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { savedViewsMessages as oe } from "@slotted/core/i18n";
+import { getLiveAnnouncer as se } from "@slotted/core/live-announcer";
+import { BUILT_IN_VIEW_ID as x, emptySavedViews as ce, isViewNameTaken as le, parseGridView as S, parseSavedViews as C, sameSavedView as ue, savedViewText as de, serializeSavedViews as w, withActiveView as fe, withDefaultView as pe, withViewCreated as me, withViewDeleted as he, withViewRenamed as ge, withViewSaved as _e } from "@slotted/core/grid";
+//#region src/saved-views/saved-views.tsx
+var T = 0;
+function ve() {
+	let e = globalThis.crypto;
+	return typeof e?.randomUUID == "function" ? e.randomUUID() : (T += 1, `view-${Date.now().toString(36)}-${T}`);
+}
+var E = (e) => e?.detail === 0 ? "keyboard" : "pointer";
+function ye({ builtIn: h, columns: g, current: C, defaultOpen: T, defaultState: ye, messages: be, onOpenChange: D, onStateChange: xe, onViewApply: O, open: k, ref: Se, state: A, ...j }) {
+	let M = o(oe, be), N = re(), [Ce, we] = v(() => ye ?? ce()), P = A ?? Ce, [Te, Ee] = v(T ?? !1), F = k ?? Te, [I, L] = v(null), [R, z] = v(""), [De, B] = v(null), [V, H] = v(null), U = _(null), W = _(null), Oe = _(null), G = P.views.find((e) => e.id === P.activeId) ?? null, ke = G ? S(G.view, g) : h, K = !ue(C, ke, g), q = G?.name ?? M("builtIn"), Ae = `${N}-panel`;
+	function J(e) {
+		se(U.current?.ownerDocument).announce(e);
+	}
+	function Y(e, t, n, r) {
+		let i = !1, a = {
+			value: e,
+			previous: P,
+			reason: n,
+			action: t,
+			source: r,
+			get cancelled() {
+				return i;
+			},
+			cancel() {
+				i = !0;
+			}
+		};
+		return w(e) === w(P) ? a : (xe?.(e, a), i ? null : (A === void 0 && we(e), a));
+	}
+	function X() {
+		L(null), z(""), B(null);
+	}
+	function Z(e, t, n) {
+		if (e === F) return;
+		let r = !1;
+		D?.(e, {
+			value: e,
+			previous: F,
+			reason: t,
+			source: n,
+			get cancelled() {
+				return r;
+			},
+			cancel() {
+				r = !0;
+			}
+		}), !r && (k === void 0 && Ee(e), e || X());
+	}
+	function je(e, t, n) {
+		let r = e === null ? null : P.views.find((t) => t.id === e) ?? null;
+		if (e !== null && r === null) return;
+		let i = Y(fe(P, e), "apply", t, n);
+		i !== null && (O?.(r ? S(r.view, g) : h, i), J(M("applied", { name: r?.name ?? M("builtIn") })), Z(!1, t === "keyboard" ? "keyboard" : t === "pointer" ? "pointer" : "programmatic", n));
+	}
+	function Me(e) {
+		let t = Y(P, "revert", E(e), e);
+		t !== null && (O?.(ke, t), J(M("applied", { name: q })), H({
+			id: null,
+			part: "trigger"
+		}));
+	}
+	function Ne(e) {
+		if (G === null || !K) return;
+		let t = E(e);
+		Y(_e(P, G.id, de(C, g)), "save", t, e) !== null && (J(M("saved", { name: G.name })), Z(!1, t, e));
+	}
+	function Pe(e, t, n) {
+		if (Y(pe(P, e), "default", t, n) === null) return;
+		let r = P.views.find((t) => t.id === e)?.name ?? M("builtIn");
+		J(M("defaultChanged", { name: r }));
+	}
+	function Fe() {
+		L({ kind: "create" }), z(""), B(null), H({
+			id: null,
+			part: "input"
+		});
+	}
+	function Ie(e) {
+		L({
+			kind: "rename",
+			id: e.id
+		}), z(e.name), B(null), H({
+			id: e.id,
+			part: "input"
+		});
+	}
+	function Le(e) {
+		L({
+			kind: "delete",
+			id: e.id
+		}), B(null), H({
+			id: e.id,
+			part: "cancel"
+		});
+	}
+	function Q() {
+		let e = I;
+		X(), e !== null && H(e.kind === "create" ? {
+			id: null,
+			part: "save-as"
+		} : {
+			id: e.id,
+			part: "actions"
+		});
+	}
+	function Re(e) {
+		let t = R.trim();
+		if (t === "") return B("empty"), null;
+		let n = M("builtIn").trim().toLocaleLowerCase();
+		return le(P, t, e) || t.toLocaleLowerCase() === n ? (B("duplicate"), null) : t;
+	}
+	function ze(e) {
+		if (e.preventDefault(), I === null || I.kind === "delete") return;
+		let t = Re(I.kind === "rename" ? I.id : null);
+		if (t === null) {
+			H(I.kind === "rename" ? {
+				id: I.id,
+				part: "input"
+			} : {
+				id: null,
+				part: "input"
+			});
+			return;
+		}
+		if (I.kind === "create") {
+			let n = ve();
+			if (Y(me(P, t, de(C, g), n), "create", "submit", e) === null) return;
+			J(M("saved", { name: t })), X(), H({
+				id: n,
+				part: "apply"
+			});
+			return;
+		}
+		Y(ge(P, I.id, t), "rename", "submit", e) !== null && (J(M("renamed", { name: t })), X(), H({
+			id: I.id,
+			part: "apply"
+		}));
+	}
+	function Be(e, t) {
+		let n = P.views.findIndex((t) => t.id === e), r = P.views[n];
+		if (r === void 0 || Y(he(P, e), "delete", "remove", t) === null) return;
+		J(M("deleted", { name: r.name })), X();
+		let i = P.views[n - 1];
+		H({
+			id: i?.id ?? x,
+			part: "apply"
+		});
+	}
+	ne(() => {
+		if (V === null) return;
+		if (H(null), V.part === "trigger") {
+			W.current?.focus();
+			return;
+		}
+		let e = Oe.current;
+		if (e === null) return;
+		let t = e;
+		V.id !== null && (t = [...e.querySelectorAll("[data-part=\"item\"]")].find((e) => e.dataset.view === V.id) ?? null);
+		let n = {
+			apply: "[data-part=\"apply\"]",
+			actions: "[data-part=\"actions\"]",
+			input: V.id === null ? ":scope > [data-part=\"form\"] input" : "input",
+			cancel: "[data-cancel]",
+			"save-as": "[data-save-as]"
+		}[V.part];
+		t?.querySelector(n)?.focus();
+	}), ie(Se, () => ({
+		get element() {
+			return U.current;
+		},
+		focus: () => W.current?.focus(),
+		open: () => Z(!0, "programmatic"),
+		close: () => Z(!1, "programmatic"),
+		apply: (e) => je(e, "programmatic")
+	}));
+	function Ve(e, t) {
+		let n = De !== null;
+		return /* @__PURE__ */ b("form", {
+			"aria-label": e === "create" ? M("saveAs") : M("renameView", { name: t ?? "" }),
+			"data-part": "form",
+			"data-part-form": "",
+			noValidate: !0,
+			onSubmit: ze,
+			children: [/* @__PURE__ */ b(l, {
+				invalid: n,
+				size: "sm",
+				children: [
+					/* @__PURE__ */ y(u, { children: M("name") }),
+					/* @__PURE__ */ y(d, {
+						autoComplete: "off",
+						onValueChange: (e) => {
+							z(e), B(null);
+						},
+						size: "sm",
+						value: R
+					}),
+					n ? /* @__PURE__ */ y(c, { children: M(De === "empty" ? "empty" : "duplicate") }) : null
+				]
+			}), /* @__PURE__ */ b("div", {
+				"data-buttons": "",
+				children: [/* @__PURE__ */ y(s, {
+					"data-cancel": "",
+					onClick: Q,
+					size: "sm",
+					tone: "secondary",
+					variant: "ghost",
+					children: M("cancel")
+				}), /* @__PURE__ */ y(s, {
+					size: "sm",
+					type: "submit",
+					children: M(e === "create" ? "create" : "rename")
+				})]
+			})]
+		});
+	}
+	function $(o) {
+		let c = o?.id ?? null, l = c ?? x, u = o?.name ?? M("builtIn"), d = P.activeId === c, f = P.defaultId === c, p = I !== null && I.kind !== "create" && I.id === c ? I : null;
+		return /* @__PURE__ */ y("li", {
+			"data-part": "item",
+			"data-part-item": "",
+			"data-view": l,
+			...d ? { "data-current": "" } : {},
+			...f ? { "data-default": "" } : {},
+			...o === null ? { "data-built-in": "" } : {},
+			...p ? { "data-editing": "" } : {},
+			children: p?.kind === "rename" ? Ve("rename", u) : p?.kind === "delete" && o !== null ? /* @__PURE__ */ b("div", {
+				"aria-labelledby": `${N}-confirm-${l}`,
+				"data-part": "confirm",
+				"data-part-confirm": "",
+				role: "group",
+				children: [/* @__PURE__ */ y("p", {
+					id: `${N}-confirm-${l}`,
+					children: M("confirmDelete", { name: u })
+				}), /* @__PURE__ */ b("div", {
+					"data-buttons": "",
+					children: [/* @__PURE__ */ y(s, {
+						"data-cancel": "",
+						onClick: Q,
+						size: "sm",
+						tone: "secondary",
+						variant: "ghost",
+						children: M("cancel")
+					}), /* @__PURE__ */ y(s, {
+						onClick: (e) => Be(o.id, e),
+						size: "sm",
+						tone: "danger",
+						children: M("delete")
+					})]
+				})]
+			}) : /* @__PURE__ */ b(ae, { children: [/* @__PURE__ */ b("button", {
+				"data-part": "apply",
+				"data-part-apply": "",
+				onClick: (e) => je(c, E(e), e),
+				type: "button",
+				...d ? { "aria-current": "true" } : {},
+				children: [
+					d ? /* @__PURE__ */ y(t, {
+						size: "sm",
+						children: /* @__PURE__ */ y(e, { name: "check" })
+					}) : null,
+					/* @__PURE__ */ y("span", {
+						"data-label": "",
+						children: u
+					}),
+					f ? " " : null,
+					f ? /* @__PURE__ */ b("span", {
+						"data-part": "default-mark",
+						"data-part-default-mark": "",
+						children: [/* @__PURE__ */ y(t, {
+							size: "sm",
+							children: /* @__PURE__ */ y(e, { name: "pin" })
+						}), /* @__PURE__ */ y("span", { children: M("isDefault") })]
+					}) : null
+				]
+			}), /* @__PURE__ */ b(n, { children: [/* @__PURE__ */ y(i, { render: (n) => /* @__PURE__ */ y("button", {
+				...m(n, "part", "actions"),
+				"aria-label": M("actions", { name: u }),
+				type: "button",
+				children: /* @__PURE__ */ y(t, {
+					size: "md",
+					children: /* @__PURE__ */ y(e, { name: "ellipsis" })
+				})
+			}) }), /* @__PURE__ */ b(a, { children: [
+				o === null ? null : /* @__PURE__ */ y(r, {
+					onSelect: () => Ie(o),
+					children: M("rename")
+				}),
+				/* @__PURE__ */ y(r, {
+					disabled: f,
+					onSelect: (e) => Pe(c, e.reason, e.source),
+					children: M("setDefault")
+				}),
+				o === null ? null : /* @__PURE__ */ y(r, {
+					onSelect: () => Le(o),
+					tone: "danger",
+					children: M("delete")
+				})
+			] })] })] })
+		}, l);
+	}
+	return /* @__PURE__ */ b("div", {
+		...m(j, "part", "root"),
+		"aria-label": j["aria-label"] ?? M("label"),
+		"data-ui": "saved-views",
+		"data-ui-saved-views": "",
+		ref: U,
+		role: j.role ?? "group",
+		...K ? { "data-modified": "" } : {},
+		...F ? { "data-open": "" } : {},
+		children: [/* @__PURE__ */ b(ee, {
+			initialFocus: "[aria-current='true']",
+			onOpenChange: (e, t) => {
+				if (!e && t.reason === "escape" && I !== null) {
+					t.cancel(), Q();
+					return;
+				}
+				Z(e, t.reason, t.source);
+			},
+			open: F,
+			children: [/* @__PURE__ */ y(p, { render: ({ ref: n, ...r }) => /* @__PURE__ */ b("button", {
+				...m(r, "part", "trigger"),
+				ref: (e) => {
+					n?.(e), W.current = e;
+				},
+				title: q,
+				type: "button",
+				children: [
+					/* @__PURE__ */ y("span", {
+						"data-label": "",
+						children: q
+					}),
+					K ? /* @__PURE__ */ y("span", {
+						"data-part": "modified",
+						"data-part-modified": "",
+						children: M("modified")
+					}) : null,
+					/* @__PURE__ */ y(t, {
+						size: "md",
+						children: /* @__PURE__ */ y(e, { name: "chevron-down" })
+					})
+				]
+			}) }), /* @__PURE__ */ y(te, { children: /* @__PURE__ */ y(f, {
+				"aria-label": j["aria-label"] ?? M("label"),
+				children: /* @__PURE__ */ b("div", {
+					"data-part": "panel",
+					"data-part-panel": "",
+					"data-ui": "saved-views",
+					"data-ui-saved-views": "",
+					id: Ae,
+					ref: Oe,
+					children: [
+						/* @__PURE__ */ b("ul", {
+							"data-part": "list",
+							"data-part-list": "",
+							role: "list",
+							children: [$(null), P.views.map((e) => $(e))]
+						}),
+						I?.kind === "create" ? Ve("create") : null,
+						/* @__PURE__ */ b("div", {
+							"data-part": "footer",
+							"data-part-footer": "",
+							children: [/* @__PURE__ */ y(s, {
+								"data-save-as": "",
+								onClick: Fe,
+								size: "sm",
+								tone: "secondary",
+								variant: "ghost",
+								children: M("saveAs")
+							}), /* @__PURE__ */ y(s, {
+								disabled: G === null || !K,
+								onClick: Ne,
+								size: "sm",
+								children: M("save")
+							})]
+						})
+					]
+				})
+			}) })]
+		}), K ? /* @__PURE__ */ b("button", {
+			"data-part": "revert",
+			"data-part-revert": "",
+			onClick: Me,
+			type: "button",
+			children: [/* @__PURE__ */ y(t, {
+				directional: !0,
+				size: "sm",
+				children: /* @__PURE__ */ y(e, { name: "rotate-ccw" })
+			}), M("revert")]
+		}) : null]
+	});
+}
+//#endregion
+//#region src/saved-views/use-persisted-saved-views.ts
+function be() {
+	try {
+		return typeof window > "u" ? null : window.localStorage;
+	} catch {
+		return null;
+	}
+}
+function D({ key: e, storage: t, columns: n }) {
+	let r = g(() => t === void 0 ? be() : t, [t]), [i] = v(() => {
+		let t;
+		try {
+			t = r?.getItem(e) ?? null;
+		} catch {
+			t = null;
+		}
+		let i = C(t);
+		if (i.activeId !== null || i.defaultId === null) return {
+			state: i,
+			openedDefault: null
+		};
+		let a = i.views.find((e) => e.id === i.defaultId);
+		return {
+			state: fe(i, i.defaultId),
+			openedDefault: a ? S(a.view, n) : null
+		};
+	}), [a, o] = v(i.state), s = _({
+		key: e,
+		store: r
+	});
+	s.current = {
+		key: e,
+		store: r
+	};
+	let c = _(!1);
+	return ne(() => {
+		if (!c.current) return;
+		c.current = !1;
+		let { key: e, store: t } = s.current;
+		if (t) try {
+			t.setItem(e, w(a));
+		} catch {}
+	}, [a]), {
+		state: a,
+		onStateChange: h((e) => {
+			c.current = !0, o(e);
+		}, []),
+		openedDefault: i.openedDefault
+	};
+}
+//#endregion
+export { ye as n, ve as r, D as t };

package/dist/saved-views.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./saved-views-BueW-Lyb.js";
+import { n as e, r as t, t as n } from "./saved-views-C_76obIv.js";
 export { e as SavedViews, t as newSavedViewId, n as usePersistedSavedViews };

package/dist/scroll-area-vrm2bbtZ.js

@@ -0,0 +1,112 @@
+import { r as e } from "./i18n-DpW8lqJ1.js";
+import { keyedProps as t, withSelectorKey as n } from "@slotted/core/selector-key";
+import { createFocusOrigin as r } from "@slotted/core/focus";
+import { createContext as i, useCallback as a, useContext as o, useEffect as s, useImperativeHandle as c, useRef as l, useState as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
+import { NO_SCROLL_EDGES as f, createScrollEdges as ee, scrollEdgeAttributes as p } from "@slotted/core/overflow";
+import { scrollAreaMessages as m } from "@slotted/core/i18n";
+//#region src/scroll-area/scroll-area-defaults.tsx
+var h = i({
+	axis: "block",
+	fade: "both",
+	gutter: "stable",
+	overscroll: "contain",
+	scrollbars: "auto"
+});
+function g() {
+	return o(h);
+}
+function _({ children: e, ...t }) {
+	let n = g();
+	return /* @__PURE__ */ d(h.Provider, {
+		value: {
+			axis: t.axis ?? n.axis,
+			fade: t.fade ?? n.fade,
+			gutter: t.gutter ?? n.gutter,
+			overscroll: t.overscroll ?? n.overscroll,
+			scrollbars: t.scrollbars ?? n.scrollbars
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/scroll-area/scroll-area.tsx
+function te(e, t) {
+	typeof e == "function" ? e(t) : e != null && (e.current = t);
+}
+function v({ axis: i, children: o, className: h, fade: _, gutter: v, labelledBy: y, maxBlockSize: b, maxInlineSize: x, messages: S, onOverflowChange: C, onScrollChange: w, overscroll: T, ref: E, render: D, scrollbars: O, style: k, tabbable: A = !0, viewportProps: j, ...M }) {
+	let N = g(), P = e(m, S), F = i ?? N.axis, I = O ?? N.scrollbars, L = v ?? N.gutter, R = _ ?? N.fade, z = T ?? N.overscroll, B = l(null), [V, H] = u(null), U = l(null), [W, G] = u(f), [K, q] = u(!1), J = l(C);
+	J.current = C;
+	let Y = a((e) => {
+		if (H(e), te(j?.ref, e), e === null) return;
+		let t = ee(e, { onChange: (e) => {
+			G(e), U.current !== null && q(U.current.sideways()), J.current?.(e);
+		} });
+		return U.current = t, G(t.state()), q(t.sideways()), () => {
+			t.destroy(), U.current = null;
+		};
+	}, [j?.ref]);
+	c(E, () => ({
+		get root() {
+			return B.current;
+		},
+		get viewport() {
+			return V;
+		},
+		state: () => U.current?.state() ?? f,
+		position: () => U.current?.position() ?? {
+			block: 0,
+			inline: 0
+		},
+		scrollTo: (e) => U.current?.scrollTo(e),
+		scrollToEdge: (e) => U.current?.scrollToEdge(e),
+		reveal: (e) => U.current?.reveal(e),
+		refresh: () => U.current?.refresh(),
+		focus: () => V?.focus()
+	}), [V]), s(() => V === null ? void 0 : r(V).destroy, [V]);
+	let X = (e) => {
+		j?.onScroll?.(e), w !== void 0 && U.current !== null && w(U.current.position(), e);
+	}, Z = (W.block.overflowing || W.inline.overflowing) && A, Q = { ...j };
+	delete Q.onScroll, delete Q.ref;
+	let ne = /* @__PURE__ */ d("div", {
+		...n(Q, "part", "viewport"),
+		onScroll: X,
+		ref: Y,
+		...Z ? {
+			role: "region",
+			tabIndex: 0,
+			...y === void 0 ? { "aria-label": P("label") } : { "aria-labelledby": y }
+		} : {},
+		children: o
+	}), $ = t({
+		...M,
+		className: h,
+		"data-axis": F,
+		"data-fade": R,
+		"data-gutter": L,
+		"data-overscroll": z,
+		"data-part": "root",
+		"data-scrollbars": I,
+		"data-ui": "scroll-area",
+		...K ? { "data-sideways": "" } : {},
+		...p(W),
+		ref: B,
+		style: b === void 0 && x === void 0 ? k : {
+			...b === void 0 ? {} : { maxBlockSize: b },
+			...x === void 0 ? {} : { maxInlineSize: x },
+			...k
+		},
+		children: ne
+	});
+	return D === void 0 ? /* @__PURE__ */ d("div", { ...$ }) : D($);
+}
+function y({ render: e, ...n }) {
+	let r = t({
+		...n,
+		"data-part": "content"
+	});
+	return e === void 0 ? /* @__PURE__ */ d("div", { ...r }) : e(r);
+}
+v.Content = y;
+//#endregion
+export { _ as n, g as r, v as t };