@sheetxl/studio-vanilla 0.8.0-beta.10 → 0.8.0-beta.11

package/browser/esm/Bi8dy2A1euGZeE4C.mjs

@@ -0,0 +1,780 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.11
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+import { r as e } from "./D90zUAjsvdYt4zAc.mjs";
+import { i as t, r as n } from "./CFPaTEuxUxH48Dnc.mjs";
+import { _ as r, g as i, l as a, n as o, v as s } from "./Cdg4TpupUeYIiz2B.mjs";
+import { A as c, F as l, I as u, K as d, U as f, V as p, Z as m, at as h, bt as g, ct as _, gt as ee, lt as v, ot as y, rt as b, st as x, tt as S, w as te } from "./KG-A3VX4kcf2uLJI.mjs";
+import { S as C, c as w, d as ne, l as re, u as ie, w as T, x as E } from "./CN1_Dq2VdyHJ8cMR.mjs";
+import { n as ae } from "./nmaneEnoRhUuMliV.mjs";
+var D = e(t(), 1);
+function O(e) {
+	return r("MuiTab", e);
+}
+var k = i("MuiTab", [
+	"root",
+	"labelIcon",
+	"textColorInherit",
+	"textColorPrimary",
+	"textColorSecondary",
+	"selected",
+	"disabled",
+	"fullWidth",
+	"wrapped",
+	"icon"
+]), A = e(n(), 1), oe = v(l, {
+	name: "MuiTab",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			n.label && n.icon && t.labelIcon,
+			t[`textColor${y(n.textColor)}`],
+			n.fullWidth && t.fullWidth,
+			n.wrapped && t.wrapped,
+			{ [`& .${k.icon}`]: t.icon }
+		];
+	}
+})(_(({ theme: e }) => ({
+	...e.typography.button,
+	maxWidth: 360,
+	minWidth: 90,
+	position: "relative",
+	minHeight: 48,
+	flexShrink: 0,
+	padding: "12px 16px",
+	overflow: "hidden",
+	whiteSpace: "normal",
+	textAlign: "center",
+	lineHeight: 1.25,
+	...e.focusVisible && a(3),
+	variants: [
+		{
+			props: ({ ownerState: e }) => e.label && (e.iconPosition === "top" || e.iconPosition === "bottom"),
+			style: { flexDirection: "column" }
+		},
+		{
+			props: ({ ownerState: e }) => e.label && e.iconPosition !== "top" && e.iconPosition !== "bottom",
+			style: { flexDirection: "row" }
+		},
+		{
+			props: ({ ownerState: e }) => e.icon && e.label,
+			style: {
+				minHeight: 72,
+				paddingTop: 9,
+				paddingBottom: 9
+			}
+		},
+		{
+			props: ({ ownerState: e, iconPosition: t }) => e.icon && e.label && t === "top",
+			style: { [`& > .${k.icon}`]: { marginBottom: 6 } }
+		},
+		{
+			props: ({ ownerState: e, iconPosition: t }) => e.icon && e.label && t === "bottom",
+			style: { [`& > .${k.icon}`]: { marginTop: 6 } }
+		},
+		{
+			props: ({ ownerState: e, iconPosition: t }) => e.icon && e.label && t === "start",
+			style: { [`& > .${k.icon}`]: { marginRight: e.spacing(1) } }
+		},
+		{
+			props: ({ ownerState: e, iconPosition: t }) => e.icon && e.label && t === "end",
+			style: { [`& > .${k.icon}`]: { marginLeft: e.spacing(1) } }
+		},
+		{
+			props: { textColor: "inherit" },
+			style: {
+				color: "inherit",
+				opacity: .6,
+				[`&.${k.selected}`]: { opacity: 1 },
+				...e.focusVisible && { [`&.${u.focusVisible}`]: { opacity: 1 } },
+				[`&.${k.disabled}`]: { opacity: (e.vars || e).palette.action.disabledOpacity }
+			}
+		},
+		{
+			props: { textColor: "primary" },
+			style: {
+				color: (e.vars || e).palette.text.secondary,
+				[`&.${k.selected}`]: { color: (e.vars || e).palette.primary.main },
+				[`&.${k.disabled}`]: { color: (e.vars || e).palette.text.disabled }
+			}
+		},
+		{
+			props: { textColor: "secondary" },
+			style: {
+				color: (e.vars || e).palette.text.secondary,
+				[`&.${k.selected}`]: { color: (e.vars || e).palette.secondary.main },
+				[`&.${k.disabled}`]: { color: (e.vars || e).palette.text.disabled }
+			}
+		},
+		{
+			props: ({ ownerState: e }) => e.fullWidth,
+			style: {
+				flexShrink: 1,
+				flexGrow: 1,
+				flexBasis: 0,
+				maxWidth: "none"
+			}
+		},
+		{
+			props: ({ ownerState: e }) => e.wrapped,
+			style: { fontSize: e.typography.pxToRem(12) }
+		}
+	]
+}))), j = D.forwardRef(function(e, t) {
+	let n = x({
+		props: e,
+		name: "MuiTab"
+	}), { className: r, disabled: i = !1, disableFocusRipple: a = !1, fullWidth: o, icon: c, iconPosition: l = "top", indicator: u, label: d, onChange: f, onClick: p, onFocus: m, selected: h, selectionFollowsFocus: g, textColor: _ = "inherit", value: v, wrapped: b = !1, ...S } = n, te = ne(), C = w({
+		id: v,
+		ref: t,
+		disabled: i,
+		selected: h
+	}), re = te.getItemMap().size === 0 && h ? 0 : C.tabIndex, ie = {
+		...n,
+		disabled: i,
+		disableFocusRipple: a,
+		selected: h,
+		icon: !!c,
+		iconPosition: l,
+		label: !!d,
+		fullWidth: o,
+		textColor: _,
+		wrapped: b
+	}, T = ((e) => {
+		let { classes: t, textColor: n, fullWidth: r, wrapped: i, icon: a, label: o, selected: s, disabled: c } = e, l = {
+			root: [
+				"root",
+				a && o && "labelIcon",
+				`textColor${y(n)}`,
+				r && "fullWidth",
+				i && "wrapped",
+				s && "selected",
+				c && "disabled"
+			],
+			icon: ["icon"]
+		};
+		return ee(l, O, t);
+	})(ie), E = c && d && D.isValidElement(c) ? D.cloneElement(c, { className: s(T.icon, c.props.className) }) : c;
+	return (0, A.jsxs)(oe, {
+		internalNativeButton: !0,
+		focusRipple: !a,
+		className: s(T.root, r),
+		ref: C.ref,
+		role: "tab",
+		"aria-selected": h,
+		disabled: i,
+		onClick: (e) => {
+			!h && f && f(e, v), p && p(e);
+		},
+		onFocus: (e) => {
+			g && !h && f && f(e, v), m && m(e);
+		},
+		tabIndex: re,
+		ownerState: ie,
+		...S,
+		children: [l === "top" || l === "start" ? (0, A.jsxs)(D.Fragment, { children: [E, d] }) : (0, A.jsxs)(D.Fragment, { children: [d, E] }), u]
+	});
+}), M = m((0, A.jsx)("path", { d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z" }), "KeyboardArrowLeft"), N = m((0, A.jsx)("path", { d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z" }), "KeyboardArrowRight");
+function se(e) {
+	return (1 + Math.sin(Math.PI * e - Math.PI / 2)) / 2;
+}
+var P = {
+	width: 99,
+	height: 99,
+	position: "absolute",
+	top: -9999,
+	overflow: "scroll",
+	pointerEvents: "none"
+};
+function F(e) {
+	return r("MuiTabScrollButton", e);
+}
+var I = i("MuiTabScrollButton", [
+	"root",
+	"vertical",
+	"horizontal",
+	"disabled"
+]), ce = v(l, {
+	name: "MuiTabScrollButton",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [t.root, n.orientation && t[n.orientation]];
+	}
+})({
+	width: 40,
+	flexShrink: 0,
+	opacity: .8,
+	[`&.${I.disabled}`]: { opacity: 0 },
+	variants: [{
+		props: { orientation: "vertical" },
+		style: {
+			width: "100%",
+			height: 40,
+			"& svg": { transform: "var(--TabScrollButton-svgRotate)" }
+		}
+	}]
+}), le = D.forwardRef(function(e, t) {
+	let n = x({
+		props: e,
+		name: "MuiTabScrollButton"
+	}), { className: r, slots: i = {}, slotProps: a = {}, direction: o, orientation: l, disabled: u, ...d } = n, { nativeButton: f, ...p } = d, m = g(), h = {
+		isRtl: m,
+		...n
+	}, _ = ((e) => {
+		let { classes: t, orientation: n, disabled: r } = e;
+		return ee({ root: [
+			"root",
+			n,
+			r && "disabled"
+		] }, F, t);
+	})(h), v = i.StartScrollButtonIcon ?? M, y = i.EndScrollButtonIcon ?? N, b = c({
+		elementType: v,
+		externalSlotProps: a.startScrollButtonIcon,
+		additionalProps: { fontSize: "small" },
+		ownerState: h
+	}), S = c({
+		elementType: y,
+		externalSlotProps: a.endScrollButtonIcon,
+		additionalProps: { fontSize: "small" },
+		ownerState: h
+	});
+	return (0, A.jsx)(ce, {
+		component: "div",
+		className: s(_.root, r),
+		ref: t,
+		role: null,
+		ownerState: h,
+		tabIndex: null,
+		...p,
+		style: {
+			...p.style,
+			...l === "vertical" && { "--TabScrollButton-svgRotate": `rotate(${m ? -90 : 90}deg)` }
+		},
+		children: o === "left" ? (0, A.jsx)(v, { ...b }) : (0, A.jsx)(y, { ...S })
+	});
+});
+function ue(e) {
+	return r("MuiTabs", e);
+}
+var L = i("MuiTabs", [
+	"root",
+	"vertical",
+	"list",
+	"centered",
+	"scroller",
+	"fixed",
+	"scrollableX",
+	"scrollableY",
+	"hideScrollbar",
+	"scrollButtons",
+	"scrollButtonsHideMobile",
+	"indicator"
+]), de = v("div", {
+	name: "MuiTabs",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			{ [`& .${L.scrollButtons}`]: t.scrollButtons },
+			{ [`& .${L.scrollButtons}`]: n.scrollButtonsHideMobile && t.scrollButtonsHideMobile },
+			t.root,
+			n.vertical && t.vertical
+		];
+	}
+})(_(({ theme: e }) => ({
+	overflow: "hidden",
+	minHeight: 48,
+	WebkitOverflowScrolling: "touch",
+	display: "flex",
+	variants: [{
+		props: ({ ownerState: e }) => e.vertical,
+		style: { flexDirection: "column" }
+	}, {
+		props: ({ ownerState: e }) => e.scrollButtonsHideMobile,
+		style: { [`& .${L.scrollButtons}`]: { [e.breakpoints.down("sm")]: { display: "none" } } }
+	}]
+}))), fe = v("div", {
+	name: "MuiTabs",
+	slot: "Scroller",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.scroller,
+			n.fixed && t.fixed,
+			n.hideScrollbar && t.hideScrollbar,
+			n.scrollableX && t.scrollableX,
+			n.scrollableY && t.scrollableY
+		];
+	}
+})({
+	position: "relative",
+	display: "inline-block",
+	flex: "1 1 auto",
+	whiteSpace: "nowrap",
+	variants: [
+		{
+			props: ({ ownerState: e }) => e.fixed,
+			style: {
+				overflowX: "hidden",
+				width: "100%"
+			}
+		},
+		{
+			props: ({ ownerState: e }) => e.hideScrollbar,
+			style: {
+				scrollbarWidth: "none",
+				"&::-webkit-scrollbar": { display: "none" }
+			}
+		},
+		{
+			props: ({ ownerState: e }) => e.scrollableX,
+			style: {
+				overflowX: "auto",
+				overflowY: "hidden"
+			}
+		},
+		{
+			props: ({ ownerState: e }) => e.scrollableY,
+			style: {
+				overflowY: "auto",
+				overflowX: "hidden"
+			}
+		}
+	]
+}), pe = v("div", {
+	name: "MuiTabs",
+	slot: "List",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [t.list, n.centered && t.centered];
+	}
+})({
+	display: "flex",
+	variants: [{
+		props: ({ ownerState: e }) => e.vertical,
+		style: { flexDirection: "column" }
+	}, {
+		props: ({ ownerState: e }) => e.centered,
+		style: { justifyContent: "center" }
+	}]
+}), me = v("span", {
+	name: "MuiTabs",
+	slot: "Indicator"
+})(_(({ theme: e }) => ({
+	position: "absolute",
+	height: 2,
+	bottom: 0,
+	width: "100%",
+	...S(e),
+	variants: [
+		{
+			props: { indicatorColor: "primary" },
+			style: { backgroundColor: (e.vars || e).palette.primary.main }
+		},
+		{
+			props: { indicatorColor: "secondary" },
+			style: { backgroundColor: (e.vars || e).palette.secondary.main }
+		},
+		{
+			props: ({ ownerState: e }) => e.vertical,
+			style: {
+				height: "100%",
+				width: 2,
+				right: 0
+			}
+		}
+	]
+}))), he = v(function(e) {
+	let { onChange: t, ...n } = e, r = D.useRef(), i = D.useRef(null), a = () => {
+		r.current = i.current.offsetHeight - i.current.clientHeight;
+	};
+	return ae(() => {
+		let e = C(() => {
+			let e = r.current;
+			a(), e !== r.current && t(r.current);
+		}), n = E(i.current);
+		return n.addEventListener("resize", e), () => {
+			e.clear(), n.removeEventListener("resize", e);
+		};
+	}, [t]), D.useEffect(() => {
+		a(), t(r.current);
+	}, [t]), (0, A.jsx)("div", {
+		style: P,
+		...n,
+		ref: i
+	});
+})({
+	overflowX: "auto",
+	overflowY: "hidden",
+	scrollbarWidth: "none",
+	"&::-webkit-scrollbar": { display: "none" }
+}), ge = {};
+function _e(e, t) {
+	let n = parseFloat(e);
+	return Number.isNaN(n) ? 0 : e.endsWith("%") ? n / 100 * t : n;
+}
+var R = D.forwardRef(function(e, t) {
+	let n = x({
+		props: e,
+		name: "MuiTabs"
+	}), r = o(), i = g(), a = f(r.motion.reducedMotion, !1), { "aria-label": l, "aria-labelledby": u, action: m, centered: _ = !1, children: v, className: y, component: S = "div", allowScrollButtonsMobile: w = !1, indicatorColor: ne = "primary", onChange: ae, orientation: O = "horizontal", scrollButtons: k = "auto", selectionFollowsFocus: oe, slots: j = {}, slotProps: M = {}, textColor: N = "primary", value: P, variant: F = "standard", visibleScrollbar: I = !1, ...ce } = n, L = F === "scrollable", R = O === "vertical", z = R ? "scrollTop" : "scrollLeft", B = R ? "top" : "left", V = R ? "bottom" : "right", H = R ? "clientHeight" : "clientWidth", U = R ? "height" : "width", W = {
+		...n,
+		component: S,
+		allowScrollButtonsMobile: w,
+		indicatorColor: ne,
+		orientation: O,
+		vertical: R,
+		scrollButtons: k,
+		textColor: N,
+		variant: F,
+		visibleScrollbar: I,
+		fixed: !L,
+		hideScrollbar: L && !I,
+		scrollableX: L && !R,
+		scrollableY: L && R,
+		centered: _ && !L,
+		scrollButtonsHideMobile: !w
+	}, G = ((e) => {
+		let { vertical: t, fixed: n, hideScrollbar: r, scrollableX: i, scrollableY: a, centered: o, scrollButtonsHideMobile: s, classes: c } = e;
+		return ee({
+			root: ["root", t && "vertical"],
+			scroller: [
+				"scroller",
+				n && "fixed",
+				r && "hideScrollbar",
+				i && "scrollableX",
+				a && "scrollableY"
+			],
+			list: [
+				"list",
+				t && "vertical",
+				o && "centered"
+			],
+			indicator: ["indicator"],
+			scrollButtons: ["scrollButtons", s && "scrollButtonsHideMobile"],
+			scrollableX: [i && "scrollableX"],
+			hideScrollbar: [r && "hideScrollbar"]
+		}, ue, c);
+	})(W), ve = c({
+		elementType: j.startScrollButtonIcon,
+		externalSlotProps: M.startScrollButtonIcon,
+		ownerState: W
+	}), ye = c({
+		elementType: j.endScrollButtonIcon,
+		externalSlotProps: M.endScrollButtonIcon,
+		ownerState: W
+	}), [K, be] = D.useState(ge), [xe, Se] = D.useState(!1), [Ce, we] = D.useState(!1), [Te, Ee] = D.useState(!1), De = !1 === P ? null : P, [Oe, ke] = D.useState(!1), [Ae, je] = D.useState({
+		overflow: "hidden",
+		scrollbarWidth: 0
+	}), Me = /* @__PURE__ */ new Map(), q = D.useRef(null), J = D.useRef(null), Ne = K !== ge, Y = {
+		slots: j,
+		slotProps: M
+	}, Pe = () => {
+		let e = q.current, t, n;
+		if (e) {
+			let n = e.getBoundingClientRect();
+			t = {
+				clientWidth: e.clientWidth,
+				clientHeight: e.clientHeight,
+				scrollLeft: e.scrollLeft,
+				scrollTop: e.scrollTop,
+				scrollWidth: e.scrollWidth,
+				top: n.top,
+				bottom: n.bottom,
+				left: n.left,
+				right: n.right
+			};
+		}
+		if (e && !1 !== P) {
+			let e = J.current.children;
+			if (e.length > 0) {
+				let t = e[Me.get(P)];
+				n = t ? t.getBoundingClientRect() : null;
+			}
+		}
+		return {
+			tabsMeta: t,
+			tabMeta: n
+		};
+	}, X = d(() => {
+		let { tabsMeta: e, tabMeta: t } = Pe(), n, r = 0;
+		R ? (n = "top", t && e && (r = t.top - e.top + e.scrollTop)) : (n = i ? "right" : "left", t && e && (r = (i ? -1 : 1) * (t[n] - e[n] + e.scrollLeft)));
+		let a = {
+			[n]: r,
+			[U]: t ? t[U] : 0
+		};
+		if (typeof K[n] != "number" || typeof K[U] != "number") be(a);
+		else {
+			let e = Math.abs(K[n] - a[n]), t = Math.abs(K[U] - a[U]);
+			(e >= 1 || t >= 1) && be(a);
+		}
+	}), Z = (e, { animation: t = !0 } = {}) => {
+		t && !a.shouldReduceMotion ? function(e, t, n, r = {}, i = () => {}) {
+			let { ease: a = se, duration: o = 300 } = r, s = null, c = t[e], l = (r) => {
+				s === null && (s = r);
+				let u = Math.min(1, (r - s) / o);
+				t[e] = a(u) * (n - c) + c, requestAnimationFrame(u >= 1 ? () => {
+					i(null);
+				} : l);
+			};
+			c === n ? i(/* @__PURE__ */ Error("Element already at target position")) : requestAnimationFrame(l);
+		}(z, q.current, e, { duration: r.transitions.duration.standard }) : q.current[z] = e;
+	}, Fe = (e) => {
+		let t = q.current[z];
+		t += R ? e : e * (i ? -1 : 1), Z(t);
+	}, Ie = () => {
+		let e = q.current[H], t = 0, n = Array.from(J.current.children);
+		for (let r = 0; r < n.length; r += 1) {
+			let i = n[r];
+			if (t + i[H] > e) {
+				r === 0 && (t = e);
+				break;
+			}
+			t += i[H];
+		}
+		return t;
+	}, Le = () => {
+		Fe(-1 * Ie());
+	}, Re = () => {
+		Fe(Ie());
+	}, [ze, { onChange: Be, ...Ve }] = p("scrollbar", {
+		className: s(G.scrollableX, G.hideScrollbar),
+		elementType: he,
+		shouldForwardComponentProp: !0,
+		externalForwardedProps: Y,
+		ownerState: W
+	}), He = D.useCallback((e) => {
+		Be?.(e), je({
+			overflow: null,
+			scrollbarWidth: e
+		});
+	}, [Be]), [Ue, We] = p("scrollButtons", {
+		className: G.scrollButtons,
+		elementType: le,
+		externalForwardedProps: Y,
+		ownerState: W,
+		additionalProps: {
+			orientation: O,
+			slots: {
+				StartScrollButtonIcon: j.startScrollButtonIcon,
+				EndScrollButtonIcon: j.endScrollButtonIcon
+			},
+			slotProps: {
+				startScrollButtonIcon: ve,
+				endScrollButtonIcon: ye
+			}
+		}
+	}), Q = d((e) => {
+		let { tabsMeta: t, tabMeta: n } = Pe();
+		if (!n || !t) return;
+		let r = E(q.current).getComputedStyle(q.current), i = R ? t.clientHeight : t.clientWidth, a = _e(r[R ? "scrollPaddingTop" : "scrollPaddingLeft"], i), o = _e(r[R ? "scrollPaddingBottom" : "scrollPaddingRight"], i), s = t[B] + a, c = t[V] - o, l = t[z] + (n[B] - s);
+		n[B] < s ? Z(l, { animation: e }) : n[V] > c && (n[V] - n[B] > c - s ? Z(l, { animation: e }) : Z(t[z] + (n[V] - c), { animation: e }));
+	}), $ = d(() => {
+		L && !1 !== k && Ee(!Te);
+	});
+	D.useEffect(() => {
+		let e = C(() => {
+			q.current && X();
+		}), t, n = (n) => {
+			n.forEach((e) => {
+				e.removedNodes.forEach((e) => {
+					t?.unobserve(e);
+				}), e.addedNodes.forEach((e) => {
+					t?.observe(e);
+				});
+			}), e(), $();
+		}, r = E(q.current), i;
+		return r.addEventListener("resize", e), typeof ResizeObserver < "u" && (t = new ResizeObserver(e), Array.from(J.current.children).forEach((e) => {
+			t.observe(e);
+		})), typeof MutationObserver < "u" && (i = new MutationObserver(n), i.observe(J.current, { childList: !0 })), () => {
+			e.clear(), r.removeEventListener("resize", e), i?.disconnect(), t?.disconnect();
+		};
+	}, [X, $]), D.useEffect(() => {
+		let e = Array.from(J.current.children), t = e.length;
+		if (typeof IntersectionObserver < "u" && t > 0 && L && !1 !== k) {
+			let n = e[0], r = e[t - 1], i = {
+				root: q.current,
+				threshold: .99
+			}, a = new IntersectionObserver((e) => {
+				Se(!e[0].isIntersecting);
+			}, i);
+			a.observe(n);
+			let o = new IntersectionObserver((e) => {
+				we(!e[0].isIntersecting);
+			}, i);
+			return o.observe(r), () => {
+				a.disconnect(), o.disconnect();
+			};
+		}
+	}, [
+		L,
+		k,
+		Te,
+		v?.length
+	]), D.useEffect(() => {
+		X();
+	}), D.useEffect(() => {
+		Q(ge !== K);
+	}, [Q, K]), D.useEffect(() => {
+		if (typeof ResizeObserver > "u" || !L || k !== "auto") return;
+		let e = new ResizeObserver(() => {
+			Q(!1);
+		});
+		return e.observe(q.current), () => {
+			e.disconnect();
+		};
+	}, [
+		L,
+		k,
+		Q
+	]), D.useImperativeHandle(m, () => ({
+		updateIndicator: X,
+		updateScrollButtons: $
+	}), [X, $]);
+	let [Ge, Ke] = p("indicator", {
+		className: G.indicator,
+		elementType: me,
+		externalForwardedProps: Y,
+		ownerState: W,
+		additionalProps: { style: K }
+	}), qe = (0, A.jsx)(Ge, { ...Ke }), Je = re({
+		activeItemId: Oe ? void 0 : De,
+		orientation: O,
+		isRtl: i
+	}), Ye = Je.getContainerProps(), Xe = D.Children.toArray(v).filter(D.isValidElement).map((e, t) => {
+		let n = e.props.value === void 0 ? t : e.props.value;
+		return Me.set(n, t), {
+			child: e,
+			index: t,
+			childValue: n
+		};
+	}).map(({ child: e, childValue: t }) => {
+		let n = t === P;
+		return D.cloneElement(e, {
+			fullWidth: F === "fullWidth",
+			indicator: n && !Ne && qe,
+			selected: n,
+			selectionFollowsFocus: oe,
+			onChange: ae,
+			textColor: N,
+			value: t
+		});
+	}), Ze = (() => {
+		let e = {};
+		e.scrollbarSizeListener = L ? (0, A.jsx)(ze, {
+			...Ve,
+			onChange: He
+		}) : null;
+		let t = L && (k === "auto" && (xe || Ce) || !0 === k);
+		return e.scrollButtonStart = t ? (0, A.jsx)(Ue, {
+			direction: i ? "right" : "left",
+			onClick: Le,
+			disabled: !xe,
+			...We
+		}) : null, e.scrollButtonEnd = t ? (0, A.jsx)(Ue, {
+			direction: i ? "left" : "right",
+			onClick: Re,
+			disabled: !Ce,
+			...We
+		}) : null, e;
+	})(), [Qe, $e] = p("root", {
+		ref: t,
+		className: s(G.root, y),
+		elementType: de,
+		externalForwardedProps: {
+			...Y,
+			...ce,
+			component: S
+		},
+		ownerState: W
+	}), [et, tt] = p("scroller", {
+		ref: q,
+		className: G.scroller,
+		elementType: fe,
+		externalForwardedProps: Y,
+		ownerState: W,
+		additionalProps: { style: {
+			overflow: Ae.overflow,
+			[R ? "margin" + (i ? "Left" : "Right") : "marginBottom"]: I ? void 0 : -Ae.scrollbarWidth
+		} }
+	}), nt = h(Ye.ref, J), [rt, it] = p("list", {
+		ref: nt,
+		className: G.list,
+		elementType: pe,
+		externalForwardedProps: Y,
+		ownerState: W,
+		getSlotProps: (e) => ({
+			...e,
+			onBlur: (t) => {
+				te(t.currentTarget, t.relatedTarget) || ke(!1), e.onBlur?.(t);
+			},
+			onKeyDown: (t) => {
+				((e) => {
+					let t = J.current;
+					b(T(t))?.getAttribute("role") === "tab" && Ye.onKeyDown(e);
+				})(t), e.onKeyDown?.(t);
+			},
+			onFocus: (t) => {
+				ke(!0), Ye.onFocus(t), e.onFocus?.(t);
+			}
+		})
+	});
+	return (0, A.jsxs)(Qe, {
+		...$e,
+		children: [
+			Ze.scrollButtonStart,
+			Ze.scrollbarSizeListener,
+			(0, A.jsxs)(et, {
+				...tt,
+				children: [(0, A.jsx)(rt, {
+					"aria-label": l,
+					"aria-labelledby": u,
+					"aria-orientation": O === "vertical" ? "vertical" : null,
+					role: "tablist",
+					...it,
+					children: (0, A.jsx)(ie.Provider, {
+						value: Je,
+						children: Xe
+					})
+				}), Ne && qe]
+			}),
+			Ze.scrollButtonEnd
+		]
+	});
+});
+function z(e, t) {
+	if (typeof e == "function") return e(t);
+	e && (e.current = t);
+}
+var B = parseInt(D.version.split(".")[0], 10) >= 19 ? function(e) {
+	return (t) => {
+		let n = [];
+		for (let r of e) {
+			let e = z(r, t), i = typeof e == "function";
+			n.push(i ? e : () => z(r, null));
+		}
+		return () => {
+			for (let e of n) e();
+		};
+	};
+} : function(e) {
+	return (t) => {
+		for (let n of e) z(n, t);
+	};
+};
+function V(e) {
+	return (0, D.useMemo)(() => B(e), e);
+}
+var H = (0, D.createContext)(null), U = (e) => {
+	let t = (0, D.useContext)(H), n = (0, D.useRef)(e);
+	n.current = e, (0, D.useEffect)(() => {
+		if (t) return t.register(() => n.current());
+	}, [t]);
+};
+export { R as a, B as i, H as n, j as o, V as r, U as t };