@slotted/react 0.1.0-beta.4 → 0.1.0-beta.5

package/dist/radio-group.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./radio-group-BaVIP9UH.js";
+import { a as e, i as t, n, r, t as i } from "./radio-group-D8csBZ8Z.js";
 export { i as Radio, n as RadioGroup, t as RadioGroupDefaultsProvider, r as useRadioGroup, e as useRadioGroupDefaults };

package/dist/{rating-DYBQBzwB.js → rating-rI3b5zII.js}

@@ -1,6 +1,6 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
 import { n, r } from "./i18n-DpW8lqJ1.js";
-import { b as i, f as a } from "./field-NJaCxl2h.js";
+import { b as i, f as a } from "./field-BxQFpOXS.js";
 import { createControllable as o } from "@slotted/core/state";
 import { createContext as s, useContext as c, useEffect as ee, useId as l, useImperativeHandle as te, useRef as u, useState as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";

package/dist/rating.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./rating-DYBQBzwB.js";
+import { a as e, i as t, n, r, t as i } from "./rating-rI3b5zII.js";
 export { n as Rating, r as RatingDisplay, t as RatingProvider, i as RatingSummary, e as useRatingDefaults };

package/dist/{saved-views-DlE_--Z9.js → saved-views-B3brBTD9.js}

@@ -1,10 +1,10 @@
 import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { _ as n, c as r, n as i, t as a } from "./menu-parts-W58pVNUt.js";
+import { _ as n, c as r, n as i, t as a } from "./menu-parts-D6v_mz6O.js";
 import { r as o } from "./i18n-DpW8lqJ1.js";
 import { n as s } from "./icon-button-CCWkCDMs.js";
-import { o as c, t as l, u } from "./field-NJaCxl2h.js";
-import { t as d } from "./text-field-DLfIZ0fk.js";
-import { a as f, d as p, f as ee, l as te } from "./popover-Be7JWbGJ.js";
+import { o as c, t as l, u } from "./field-BxQFpOXS.js";
+import { t as d } from "./text-field-CbQ6UCAP.js";
+import { a as f, d as p, f as ee, l as te } from "./popover-DEp8Bf3e.js";
 import { useCallback as m, useEffect as h, useId as ne, useImperativeHandle as re, useMemo as g, useRef as _, useState as v } from "react";
 import { Fragment as ie, jsx as y, jsxs as b } from "react/jsx-runtime";
 import { savedViewsMessages as ae } from "@slotted/core/i18n";

package/dist/saved-views.js

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

package/dist/scroll-area-DQ_ansLu.js

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

package/dist/scroll-area.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./scroll-area-BriwmvYY.js";
+import { n as e, r as t, t as n } from "./scroll-area-DQ_ansLu.js";
 export { n as ScrollArea, e as ScrollAreaDefaultsProvider, t as useScrollAreaDefaults };

package/dist/{segmented-control-DmuOGiu6.js → segmented-control-C-PzkTtg.js}

@@ -1,5 +1,5 @@
-import { b as e, f as t } from "./field-NJaCxl2h.js";
-import { r as n } from "./field-group-hAzVa2O9.js";
+import { b as e, f as t } from "./field-BxQFpOXS.js";
+import { r as n } from "./field-group-DcN_hiZN.js";
 import { createControllable as r } from "@slotted/core/state";
 import { Children as i, createContext as a, isValidElement as o, useContext as s, useEffect as c, useId as l, useState as u } from "react";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";

package/dist/segmented-control.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./segmented-control-DmuOGiu6.js";
+import { a as e, i as t, n, r, t as i } from "./segmented-control-C-PzkTtg.js";
 export { e as Segment, i as SegmentedControl, r as SegmentedControlDefaultsProvider, n as useSegmentedControl, t as useSegmentedControlDefaults };