@mortenbrudvik/waveui 0.12.0 → 0.13.0

package/dist/components/layout/TabList.mjs

@@ -2,22 +2,23 @@
 import { cn as e } from "../../lib/cn.mjs";
 import { flattenChildren as t, getElementType as n } from "../../lib/children.mjs";
 import { reportMissingContext as r, resolveDeprecatedProp as i, warnDeprecated as a, warnOnce as o } from "../../lib/dev.mjs";
-import { composeEventHandlers as s } from "../../lib/composeEventHandlers.mjs";
-import { tabListClassNames as c, tabListPanelClassNames as l, tabListPanelsClassNames as u, tabListTabClassNames as d } from "../../lib/classNames.mjs";
-import { useEventCallback as f } from "../../hooks/useEventCallback.mjs";
-import { useControllable as p } from "../../hooks/useControllable.mjs";
-import { useId as m } from "../../hooks/useId.mjs";
-import { useRovingTabIndex as h } from "../../hooks/useRovingTabIndex.mjs";
-import { useMergedRefs as g } from "../../hooks/useMergedRefs.mjs";
-import { disabledStyles as _, focusRing as v, focusRingInset as y } from "../../lib/styles.mjs";
-import { getPartId as b } from "./disclosureIds.mjs";
-import * as x from "react";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { renderSlot as s, slotRendersContent as c } from "../../lib/slot.mjs";
+import { composeEventHandlers as l } from "../../lib/composeEventHandlers.mjs";
+import { tabListClassNames as u, tabListPanelClassNames as d, tabListPanelsClassNames as f, tabListTabClassNames as p } from "../../lib/classNames.mjs";
+import { useEventCallback as m } from "../../hooks/useEventCallback.mjs";
+import { useControllable as h } from "../../hooks/useControllable.mjs";
+import { useId as g } from "../../hooks/useId.mjs";
+import { useRovingTabIndex as _ } from "../../hooks/useRovingTabIndex.mjs";
+import { useMergedRefs as v } from "../../hooks/useMergedRefs.mjs";
+import { disabledStyles as y, focusRing as b, focusRingInset as x, forcedColors as S } from "../../lib/styles.mjs";
+import { getPartId as C } from "./disclosureIds.mjs";
+import * as w from "react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
 //#region src/components/layout/TabList.tsx
-function w(e) {
+function D(e) {
 	o(`TabList:duplicate:${e}`, `TabList: several tabs share the value "${e}". Tab values must be unique within a TabList; tabs with the same value share one id and are selected (and tab stops) together.`);
 }
-function T() {
+function O() {
 	let e = {
 		tab: /* @__PURE__ */ new Map(),
 		panel: /* @__PURE__ */ new Map()
@@ -27,7 +28,7 @@ function T() {
 	return {
 		register(t, n, i) {
 			let a = e[t], o = a.get(n) ?? [];
-			return t === "tab" && o.length > 0 && w(n), a.set(n, [...o, i]), r(), () => {
+			return t === "tab" && o.length > 0 && D(n), a.set(n, [...o, i]), r(), () => {
 				let e = [...a.get(n) ?? []], t = e.indexOf(i);
 				t !== -1 && e.splice(t, 1), e.length > 0 ? a.set(n, e) : a.delete(n), r();
 			};
@@ -43,176 +44,214 @@ function T() {
 		}
 	};
 }
-var E = {
+var k = {
 	register: () => () => {},
 	get: () => void 0,
 	markReady: () => {},
 	subscribe: () => () => {}
-}, D = x.createContext(null), O = {
+}, A = w.createContext(null), j = {
 	orientation: "horizontal",
+	appearance: "transparent",
+	size: "medium",
 	isSelected: () => !1,
 	select: () => {},
 	getTabIndex: () => -1,
 	getGeneratedId: (e, t) => `wave-tablist-inert-${e}-${t}`,
 	getStaticTabId: (e) => `wave-tablist-inert-tab-${e}`,
 	getStaticPanelId: () => void 0,
-	registry: E
+	registry: k
 };
-function k(e) {
-	return x.useContext(D) || (r(e, "<TabList>"), O);
+function M(e) {
+	return w.useContext(A) || (r(e, "<TabList>"), j);
 }
-function A(e) {
+function N(e) {
 	let t = e["aria-disabled"];
 	return e.disabled === !0 || t === !0 || t === "true";
 }
-function j(e) {
+function P(e) {
 	return typeof e == "string" && e !== "" ? e : null;
 }
-function M(e, t) {
-	if (Array.isArray(e)) return e.forEach((e) => M(e, t)), t;
-	if (!x.isValidElement(e)) return t;
+function F(e, t) {
+	if (Array.isArray(e)) return e.forEach((e) => F(e, t)), t;
+	if (!w.isValidElement(e)) return t;
 	let { props: r } = e, i = n(e, { suspend: !1 }), a = typeof r.value == "string" ? r.value : void 0;
-	if (i === R) {
+	if (i === W) {
 		if (a !== void 0) {
-			t.firstEnabled === void 0 && !A(r) && (t.firstEnabled = a);
-			let e = j(r.id);
+			t.firstEnabled === void 0 && !N(r) && (t.firstEnabled = a);
+			let e = P(r.id);
 			e !== null && t.tabIds.push([a, e]);
 		}
 		return t;
 	}
-	return i === z ? (a !== void 0 && t.panels.push([a, j(r.id)]), t) : i === L ? t : M(r.children, t);
+	return i === G ? (a !== void 0 && t.panels.push([a, P(r.id)]), t) : i === z ? t : F(r.children, t);
 }
-function N(e, t) {
-	if (Array.isArray(e)) return e.some((e) => N(e, t));
-	if (!x.isValidElement(e)) return !1;
+function I(e, t) {
+	if (Array.isArray(e)) return e.some((e) => I(e, t));
+	if (!w.isValidElement(e)) return !1;
 	let r = n(e, { suspend: !1 });
-	return r === R ? t === "tab" : r === z || r === B ? t === "panel" : r !== L && N(e.props.children, t);
+	return r === W ? t === "tab" : r === G || r === K ? t === "panel" : r !== z && I(e.props.children, t);
 }
-function P(e) {
-	return N(e, "panel") && !N(e, "tab");
+function ee(e) {
+	return I(e, "panel") && !I(e, "tab");
 }
-var F = x.createContext(null), I = "TabList.Panel was rendered inside the role=\"tablist\" element, where only tabs belong (axe aria-required-children). The TabList moves a Panel after the tablist when it is its child, or in a wrapper that holds no Tab, but it cannot see a Panel that a component renders itself, or separate a wrapper's Panels from its Tabs. Place such panels inside TabList.Panels, which renders after the tablist.", L = ({ value: n, defaultValue: r, onValueChange: o, orientation: l, selectTabOnFocus: u = !0, selectedValue: d, defaultSelectedValue: _, onTabSelect: v, vertical: y, className: w, children: E, onKeyDown: O, onFocus: k, ref: A, ...j }) => {
-	let N = i("TabList", n, d, "selectedValue", "value"), I = i("TabList", r, _, "defaultSelectedValue", "defaultValue"), L = i("TabList", l, y === void 0 ? void 0 : y ? "vertical" : "horizontal", "vertical", "orientation") ?? "horizontal";
-	v && a("TabList", "onTabSelect", "onValueChange", "`onValueChange` is called only when the selected tab changes.");
-	let [R, z, B] = p(N, I ?? "", o), V = JSON.stringify(M(E, {
+var L = w.createContext(null), R = "TabList.Panel was rendered inside the role=\"tablist\" element, where only tabs belong (axe aria-required-children). The TabList moves a Panel after the tablist when it is its child, or in a wrapper that holds no Tab, but it cannot see a Panel that a component renders itself, or separate a wrapper's Panels from its Tabs. Place such panels inside TabList.Panels, which renders after the tablist.", z = ({ value: n, defaultValue: r, onValueChange: o, orientation: s, appearance: c = "transparent", size: d = "medium", selectTabOnFocus: f = !0, selectedValue: p, defaultSelectedValue: y, onTabSelect: b, vertical: x, className: S, children: D, onKeyDown: k, onFocus: j, ref: M, ...N }) => {
+	let P = i("TabList", n, p, "selectedValue", "value"), I = i("TabList", r, y, "defaultSelectedValue", "defaultValue"), R = i("TabList", s, x === void 0 ? void 0 : x ? "vertical" : "horizontal", "vertical", "orientation") ?? "horizontal";
+	b && a("TabList", "onTabSelect", "onValueChange", "`onValueChange` is called only when the selected tab changes.");
+	let [z, B, V] = h(P, I ?? "", o), H = JSON.stringify(F(D, {
 		tabIds: [],
 		panels: []
-	})), H = x.useMemo(() => {
-		let e = JSON.parse(V);
+	})), U = w.useMemo(() => {
+		let e = JSON.parse(H);
 		return {
 			firstEnabled: e.firstEnabled,
 			tabIds: new Map(e.tabIds),
 			panels: new Map(e.panels)
 		};
-	}, [V]), U = !B && R === "", { containerProps: W, getTabIndex: G } = h({
-		activeValue: U ? H.firstEnabled ?? null : R,
-		orientation: L,
+	}, [H]), W = !V && z === "", { containerProps: G, getTabIndex: K } = _({
+		activeValue: W ? U.firstEnabled ?? null : z,
+		orientation: R,
 		loop: !0,
-		onFocusMove: u ? (e) => q(e) : void 0
-	}), K = x.useCallback((e) => U ? G(e) === 0 : R === e, [
-		U,
-		G,
-		R
-	]), q = f((e) => {
-		v?.(e), K(e) || z(e);
-	}), J = m("tablist"), [Y] = x.useState(T);
-	x.useLayoutEffect(() => Y.markReady(), [Y]);
-	let X = x.useMemo(() => ({
-		orientation: L,
-		isSelected: K,
-		select: q,
-		getTabIndex: G,
-		getGeneratedId: (e, t) => b(J, e, t),
-		getStaticTabId: (e) => H.tabIds.get(e) ?? b(J, "tab", e),
+		onFocusMove: f ? (e) => J(e) : void 0
+	}), q = w.useCallback((e) => W ? K(e) === 0 : z === e, [
+		W,
+		K,
+		z
+	]), J = m((e) => {
+		b?.(e), q(e) || B(e);
+	}), Y = g("tablist"), [X] = w.useState(O);
+	w.useLayoutEffect(() => X.markReady(), [X]);
+	let te = w.useMemo(() => ({
+		orientation: R,
+		appearance: c,
+		size: d,
+		isSelected: q,
+		select: J,
+		getTabIndex: K,
+		getGeneratedId: (e, t) => C(Y, e, t),
+		getStaticTabId: (e) => U.tabIds.get(e) ?? C(Y, "tab", e),
 		getStaticPanelId: (e) => {
-			let t = H.panels.get(e);
-			if (t !== void 0) return t ?? b(J, "panel", e);
+			let t = U.panels.get(e);
+			if (t !== void 0) return t ?? C(Y, "panel", e);
 		},
-		registry: Y
+		registry: X
 	}), [
-		L,
-		K,
+		R,
+		c,
+		d,
 		q,
-		G,
 		J,
-		H,
-		Y
-	]), ee = g(A, W.ref), Z = [], Q = [];
-	t(E).forEach(({ key: e, node: t }) => {
-		let n = /* @__PURE__ */ S(x.Fragment, { children: t }, e);
-		(P(t) ? Q : Z).push(n);
+		K,
+		Y,
+		U,
+		X
+	]), ne = v(M, G.ref), Z = [], Q = [];
+	t(D).forEach(({ key: e, node: t }) => {
+		let n = /* @__PURE__ */ T(w.Fragment, { children: t }, e);
+		(ee(t) ? Q : Z).push(n);
 	});
-	let $ = L === "vertical";
-	return /* @__PURE__ */ S(D.Provider, {
-		value: X,
-		children: /* @__PURE__ */ C("div", {
+	let $ = R === "vertical";
+	return /* @__PURE__ */ T(A.Provider, {
+		value: te,
+		children: /* @__PURE__ */ E("div", {
 			className: e($ && "flex"),
-			children: [/* @__PURE__ */ S("div", {
+			children: [/* @__PURE__ */ T("div", {
 				role: "tablist",
-				"aria-orientation": L,
-				className: e(c.root, $ ? "flex w-40 flex-col border-e border-border" : "flex border-b border-border", w),
-				...j,
+				"aria-orientation": R,
+				"data-appearance": c,
+				"data-size": d,
+				"data-orientation": R,
+				className: e(u.root, $ ? "flex w-40 flex-col" : "flex", c === "transparent" ? $ ? "border-e border-border" : "border-b border-border" : "gap-1", S),
+				...N,
 				"data-roving-container": "",
-				onKeyDown: s(O, W.onKeyDown),
-				onFocus: s(k, W.onFocus, { checkDefaultPrevented: !1 }),
-				ref: ee,
-				children: /* @__PURE__ */ S(F.Provider, {
+				onKeyDown: l(k, G.onKeyDown),
+				onFocus: l(j, G.onFocus, { checkDefaultPrevented: !1 }),
+				ref: ne,
+				children: /* @__PURE__ */ T(L.Provider, {
 					value: "tabs",
 					children: Z
 				})
-			}), /* @__PURE__ */ S(F.Provider, {
+			}), /* @__PURE__ */ T(L.Provider, {
 				value: "panels",
 				children: Q
 			})]
 		})
 	});
 };
-L.displayName = "TabList";
-var R = ({ value: t, id: n, className: r, children: i, onClick: a, ref: o, ...c }) => {
-	let l = k("TabList.Tab"), u = l.isSelected(t), f = l.orientation === "vertical", p = A(c), { registry: m } = l, h = j(n) ?? l.getGeneratedId("tab", t);
-	x.useLayoutEffect(() => m.register("tab", t, h), [
-		m,
+z.displayName = "TabList";
+var B = {
+	small: "px-3 py-1.5",
+	medium: "px-4 py-2",
+	large: "px-5 py-3"
+}, V = {
+	small: "p-1.5",
+	medium: "p-2",
+	large: "p-3"
+}, H = {
+	small: "text-caption-1",
+	medium: "text-body-1",
+	large: "text-body-2"
+};
+function U(t, n, r) {
+	switch (t) {
+		case "subtle":
+		case "subtle-circular": {
+			let r = t === "subtle" ? "rounded-md" : "rounded-full";
+			return n ? e(r, "bg-subtle-selected text-foreground", S.selectedContainer) : e(r, "text-muted-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:hover:text-foreground not-disabled:not-aria-disabled:active:bg-subtle-pressed");
+		}
+		case "filled-circular": return n ? e("rounded-full bg-primary text-primary-foreground not-disabled:not-aria-disabled:hover:bg-primary-hover not-disabled:not-aria-disabled:active:bg-primary-pressed", S.selectedContainer) : "rounded-full bg-muted text-muted-foreground not-disabled:not-aria-disabled:hover:bg-muted-hover not-disabled:not-aria-disabled:hover:text-foreground not-disabled:not-aria-disabled:active:bg-muted-pressed";
+		default: return n ? e("text-primary forced-colors:border-[Highlight]", r ? "border-s-2 border-s-primary" : "border-b-2 border-b-primary") : "text-muted-foreground not-disabled:not-aria-disabled:hover:text-foreground";
+	}
+}
+var W = ({ value: t, id: n, icon: r, className: i, children: a, onClick: u, ref: d, ...f }) => {
+	let m = M("TabList.Tab"), h = m.isSelected(t), g = m.orientation === "vertical", _ = N(f), v = !!r && c(r), b = v && !c(a), S = f["aria-label"], C = f["aria-labelledby"], T = typeof S == "string" && S.trim() !== "" || typeof C == "string" && C.trim() !== "";
+	w.useEffect(() => {
+		b && !T && o("TabList.Tab:icon-only-name", "TabList.Tab: a tab with an icon and no text has no accessible name. Pass `aria-label` (or `aria-labelledby`).");
+	}, [b, T]);
+	let { registry: D } = m, O = P(n) ?? m.getGeneratedId("tab", t);
+	w.useLayoutEffect(() => D.register("tab", t, O), [
+		D,
 		t,
-		h
+		O
 	]);
-	let g = x.useSyncExternalStore(m.subscribe, () => m.get("panel", t), () => void 0), v = g === void 0 ? l.getStaticPanelId(t) : g ?? void 0;
-	return /* @__PURE__ */ S("button", {
+	let k = w.useSyncExternalStore(D.subscribe, () => D.get("panel", t), () => void 0), A = k === void 0 ? m.getStaticPanelId(t) : k ?? void 0;
+	return /* @__PURE__ */ E("button", {
 		type: "button",
 		role: "tab",
-		className: e(d.root, "px-4 py-2 text-body-1 font-semibold transition-colors motion-reduce:transition-none", f && "text-start", u ? e("text-primary", f ? "border-s-2 border-s-primary" : "border-b-2 border-b-primary") : "text-muted-foreground not-disabled:not-aria-disabled:hover:text-foreground", _, y, r),
-		...c,
-		id: h,
-		"aria-selected": u,
-		"aria-controls": u ? v : void 0,
-		tabIndex: l.getTabIndex(t),
+		className: e(p.root, "font-semibold transition-colors motion-reduce:transition-none", b ? V[m.size] : B[m.size], H[m.size], v && "inline-flex items-center justify-center gap-2", g && "text-start", U(m.appearance, h, g), y, x, i),
+		...f,
+		id: O,
+		"aria-selected": h,
+		"aria-controls": h ? A : void 0,
+		tabIndex: m.getTabIndex(t),
 		"data-roving-value": t,
-		"data-selected": u ? "" : void 0,
-		onClick: s(a, () => {
-			p || l.select(t);
+		"data-selected": h ? "" : void 0,
+		"data-icon-only": b ? "" : void 0,
+		onClick: l(u, () => {
+			_ || m.select(t);
 		}),
-		ref: o,
-		children: i
+		ref: d,
+		children: [v && s(r, "span", p.icon, { "aria-hidden": !0 }), a]
 	});
 };
-R.displayName = "Tab";
-var z = ({ value: t, id: n, children: r, className: i, ref: a, ...s }) => {
-	let c = k("TabList.Panel"), u = x.useContext(F) === "tabs";
-	x.useEffect(() => {
-		u && o("TabList.Panel:inside-tablist", I);
-	}, [u]);
-	let { registry: d } = c, f = j(n) ?? c.getGeneratedId("panel", t);
-	x.useLayoutEffect(() => d.register("panel", t, f), [
-		d,
+W.displayName = "Tab";
+var G = ({ value: t, id: n, children: r, className: i, ref: a, ...s }) => {
+	let c = M("TabList.Panel"), l = w.useContext(L) === "tabs";
+	w.useEffect(() => {
+		l && o("TabList.Panel:inside-tablist", R);
+	}, [l]);
+	let { registry: u } = c, f = P(n) ?? c.getGeneratedId("panel", t);
+	w.useLayoutEffect(() => u.register("panel", t, f), [
+		u,
 		t,
 		f
 	]);
-	let p = x.useSyncExternalStore(d.subscribe, () => d.get("tab", t), () => void 0);
+	let p = w.useSyncExternalStore(u.subscribe, () => u.get("tab", t), () => void 0);
 	if (!c.isSelected(t)) return null;
 	let m = p === void 0 ? c.getStaticTabId(t) : p ?? void 0;
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ T("div", {
 		role: "tabpanel",
 		tabIndex: 0,
-		className: e(l.root, "p-4", v, i),
+		className: e(d.root, "p-4", b, i),
 		...s,
 		id: f,
 		"aria-labelledby": m,
@@ -220,20 +259,20 @@ var z = ({ value: t, id: n, children: r, className: i, ref: a, ...s }) => {
 		children: r
 	});
 };
-z.displayName = "TabPanel";
-var B = ({ className: t, children: n, ref: r, ...i }) => /* @__PURE__ */ S("div", {
+G.displayName = "TabPanel";
+var K = ({ className: t, children: n, ref: r, ...i }) => /* @__PURE__ */ T("div", {
 	ref: r,
-	className: e(u.root, "min-w-0 flex-1", t),
+	className: e(f.root, "min-w-0 flex-1", t),
 	...i,
 	children: n
 });
-B.displayName = "TabPanels";
-var V = /* @__PURE__ */ Object.assign(L, {
-	Tab: R,
-	Panel: z,
-	Panels: B
+K.displayName = "TabPanels";
+var q = /* @__PURE__ */ Object.assign(z, {
+	Tab: W,
+	Panel: G,
+	Panels: K
 });
 //#endregion
-export { V as TabList, z as TabListPanel, B as TabListPanels, R as TabListTab };
+export { q as TabList, G as TabListPanel, K as TabListPanels, W as TabListTab };
 
 //# sourceMappingURL=TabList.mjs.map

package/dist/components/layout/TabList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabList.mjs","names":["useId","useId$1","React","warnDuplicateTabValue","value","createRegistry","entries","listeners","ready","emit","listener","map","part","ids","id","index","INERT_REGISTRY","TabListContext","INERT_CONTEXT","useTabListContext","reportMissingContext","component","isUnavailable","ariaDisabled","props","consumerId","collectStructure","node","child","into","type","getElementType","Tab","TabPanel","TabListRoot","containsPart","TabPanels","rendersAfterTablist","TabListAreaContext","PANEL_IN_TABLIST_MESSAGE","valueProp","defaultValueProp","orientationProp","rest","resolveDeprecatedProp","selectedValue","defaultValue","defaultSelectedValue","orientation","vertical","onTabSelect","warnDeprecated","selected","setSelected","isControlled","useControllable","onValueChange","structureKey","children","structure","parsed","derivesSelection","useRovingTabIndex","selectTabOnFocus","select","next","isSelected","getTabIndex","tabValue","useEventCallback","baseId","registry","context","getPartId","itemValue","panel","mergedRef","useMergedRefs","ref","containerProps","tabs","panels","keyed","key","isVertical","cn","tabListClassNames","className","composeEventHandlers","onKeyDown","onFocus","idProp","ctx","unavailable","mountedPanelId","panelId","tabListTabClassNames","disabledStyles","focusRingInset","onClick","insideTablist","warnOnce","mountedTabId","tabId","tabListPanelClassNames","focusRing","tabListPanelsClassNames","TabList"],"sources":["../../../src/components/layout/TabList.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  tabListClassNames,\n  tabListPanelClassNames,\n  tabListPanelsClassNames,\n  tabListTabClassNames,\n} from '../../lib/classNames';\nimport { flattenChildren, getElementType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport {\n  reportMissingContext,\n  resolveDeprecatedProp,\n  warnDeprecated,\n  warnOnce,\n} from '../../lib/dev';\nimport { disabledStyles, focusRing, focusRingInset } from '../../lib/styles';\nimport type { Orientation } from '../../lib/types';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useRovingTabIndex } from '../../hooks/useRovingTabIndex';\nimport { getPartId } from './disclosureIds';\n\n/* ------------------------------------------------------------------ */\n/*  Context                                                            */\n/* ------------------------------------------------------------------ */\n\ntype TabListPart = 'tab' | 'panel';\n\n/**\n * The ids of the mounted Tabs and Panels by value. A Tab references a panel only while one with\n * its value is mounted (a TabList used as a filter bar has none), and each side references the\n * other's actual id, a consumer `id` included. Read with `useSyncExternalStore`.\n *\n * Before the TabList has mounted (server HTML, hydration and the first client render) the\n * registry is not ready and the static structure of the children stands in for it; once it is\n * ready, it alone decides, so a Panel that is in the element tree but never mounts (inside a\n * wrapper that renders nothing) is not referenced.\n */\ninterface TabListRegistry {\n  /** Registers a mounted Tab or Panel; returns the unregister function. */\n  register: (part: TabListPart, value: string, id: string) => () => void;\n  /**\n   * Id of the first mounted Tab or Panel with this value, `null` when none is mounted, or\n   * `undefined` while the registry is not ready (use the static structure then).\n   */\n  get: (part: TabListPart, value: string) => string | null | undefined;\n  /** Called by the TabList once it (and so every Tab and Panel mounted with it) has mounted. */\n  markReady: () => void;\n  subscribe: (listener: () => void) => () => void;\n}\n\n/** Tabs that share a value share one id, and are selected and tab stops together. */\nfunction warnDuplicateTabValue(value: string): void {\n  warnOnce(\n    `TabList:duplicate:${value}`,\n    `TabList: several tabs share the value \"${value}\". Tab values must be unique within a ` +\n      'TabList; tabs with the same value share one id and are selected (and tab stops) together.',\n  );\n}\n\nfunction createRegistry(): TabListRegistry {\n  const entries: Record<TabListPart, Map<string, string[]>> = { tab: new Map(), panel: new Map() };\n  const listeners = new Set<() => void>();\n  let ready = false;\n  const emit = () => {\n    listeners.forEach((listener) => listener());\n  };\n  return {\n    register(part, value, id) {\n      const map = entries[part];\n      const ids = map.get(value) ?? [];\n      // Called from the part's layout effect (C-DEV). Two Panels may share a value (the Tab links\n      // to the first mounted one); two Tabs may not.\n      if (part === 'tab' && ids.length > 0) warnDuplicateTabValue(value);\n      map.set(value, [...ids, id]);\n      emit();\n      return () => {\n        const ids = [...(map.get(value) ?? [])];\n        const index = ids.indexOf(id);\n        if (index !== -1) ids.splice(index, 1);\n        if (ids.length > 0) map.set(value, ids);\n        else map.delete(value);\n        emit();\n      };\n    },\n    get: (part, value) => (ready ? (entries[part].get(value)?.[0] ?? null) : undefined),\n    markReady() {\n      if (ready) return;\n      ready = true;\n      emit();\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n  };\n}\n\nconst INERT_REGISTRY: TabListRegistry = {\n  register: () => () => {},\n  get: () => undefined,\n  markReady: () => {},\n  subscribe: () => () => {},\n};\n\n/**\n * What the TabList's children show before anything mounts (server HTML and the first render):\n * found in the element tree through Fragments and the `children` of wrapper elements, but not\n * inside a component that renders a Tab or Panel itself (the registry covers those once mounted).\n */\ninterface TabListStructure {\n  /** Value of the first Tab without `disabled`/`aria-disabled`: the uncontrolled default. */\n  firstEnabled?: string;\n  /** Consumer `id`s of Tabs, by value. */\n  tabIds: Array<[string, string]>;\n  /** Values of the Panels, each with its consumer `id` or `null`. */\n  panels: Array<[string, string | null]>;\n}\n\ninterface TabListContextValue {\n  orientation: Orientation;\n  /** Whether the tab with this value is the selected one (explicit value, else the tab stop). */\n  isSelected: (value: string) => boolean;\n  /**\n   * Activates a tab: a click (Enter and Space click the tab button), or with automatic activation\n   * focus moved by the keys.\n   */\n  select: (value: string) => void;\n  getTabIndex: (value: string) => 0 | -1;\n  /** The generated id of a Tab or Panel (used when it has no consumer `id`). */\n  getGeneratedId: (part: TabListPart, value: string) => string;\n  /**\n   * Id of the Tab with this value before the TabList mounts: its consumer `id`, else the\n   * generated one.\n   */\n  getStaticTabId: (value: string) => string;\n  /**\n   * Id of the Panel with this value before the TabList mounts, or `undefined` when the children\n   * have none.\n   */\n  getStaticPanelId: (value: string) => string | undefined;\n  registry: TabListRegistry;\n}\n\nconst TabListContext = React.createContext<TabListContextValue | null>(null);\n\nconst INERT_CONTEXT: TabListContextValue = {\n  orientation: 'horizontal',\n  isSelected: () => false,\n  select: () => {},\n  getTabIndex: () => -1,\n  getGeneratedId: (part, value) => `wave-tablist-inert-${part}-${value}`,\n  getStaticTabId: (value) => `wave-tablist-inert-tab-${value}`,\n  getStaticPanelId: () => undefined,\n  registry: INERT_REGISTRY,\n};\n\n/** C-CONTEXT: throws in development, logs once and returns an inert value in production. */\nfunction useTabListContext(component: string): TabListContextValue {\n  const context = React.useContext(TabListContext);\n  if (context) return context;\n  reportMissingContext(component, '<TabList>');\n  return INERT_CONTEXT;\n}\n\ninterface StructureProps {\n  value?: unknown;\n  id?: unknown;\n  disabled?: unknown;\n  'aria-disabled'?: unknown;\n  children?: unknown;\n}\n\n/** Whether a Tab's props make it unavailable (it cannot be selected and is skipped by keys). */\nfunction isUnavailable(props: StructureProps): boolean {\n  const ariaDisabled = props['aria-disabled'];\n  return props.disabled === true || ariaDisabled === true || ariaDisabled === 'true';\n}\n\n/** A consumer `id` that replaces the generated one: a non-empty string (`''` counts as none). */\nfunction consumerId(id: unknown): string | null {\n  return typeof id === 'string' && id !== '' ? id : null;\n}\n\n/**\n * Walks the element tree of the TabList's children (see {@link TabListStructure}). Parts are\n * identified through their element type, so parts written in a Server Component (lazy\n * references) count too. A `React.lazy` still loading (inside the consumer's own `<Suspense>`,\n * such as code-split panels in `TabList.Panels`) is no part and never suspends the TabList: its\n * children are walked instead. Runs during render only.\n */\nfunction collectStructure(node: unknown, into: TabListStructure): TabListStructure {\n  if (Array.isArray(node)) {\n    node.forEach((child) => collectStructure(child, into));\n    return into;\n  }\n  if (!React.isValidElement<StructureProps>(node)) return into;\n  const { props } = node;\n  const type = getElementType(node, { suspend: false });\n  const value = typeof props.value === 'string' ? props.value : undefined;\n  if (type === Tab) {\n    if (value !== undefined) {\n      if (into.firstEnabled === undefined && !isUnavailable(props)) into.firstEnabled = value;\n      const id = consumerId(props.id);\n      if (id !== null) into.tabIds.push([value, id]);\n    }\n    return into;\n  }\n  if (type === TabPanel) {\n    if (value !== undefined) into.panels.push([value, consumerId(props.id)]);\n    return into;\n  }\n  if (type === TabListRoot) return into;\n  return collectStructure(props.children, into);\n}\n\n/**\n * Whether an element tree shows a Tab, or a Panel (`TabList.Panel` or `TabList.Panels`), found as\n * in {@link collectStructure}: through Fragments and the `children` of wrapper elements, not inside\n * a nested TabList or a component that renders the part itself.\n */\nfunction containsPart(node: unknown, part: TabListPart): boolean {\n  if (Array.isArray(node)) return node.some((child) => containsPart(child, part));\n  if (!React.isValidElement<StructureProps>(node)) return false;\n  const type = getElementType(node, { suspend: false });\n  if (type === Tab) return part === 'tab';\n  if (type === TabPanel || type === TabPanels) return part === 'panel';\n  if (type === TabListRoot) return false;\n  return containsPart(node.props.children, part);\n}\n\n/**\n * Whether a child of the TabList renders after the tablist: a Panel, `TabList.Panels`, or a\n * wrapper (an element, `Suspense`, an error boundary) that holds panels and no tab.\n */\nfunction rendersAfterTablist(child: React.ReactNode): boolean {\n  return containsPart(child, 'panel') && !containsPart(child, 'tab');\n}\n\n/**\n * Where the TabList renders its children: inside the `role=\"tablist\"` element (`'tabs'`) or after\n * it (`'panels'`). A Panel that ends up inside the tablist warns in development.\n */\nconst TabListAreaContext = React.createContext<'tabs' | 'panels' | null>(null);\n\nconst PANEL_IN_TABLIST_MESSAGE =\n  'TabList.Panel was rendered inside the role=\"tablist\" element, where only tabs belong (axe ' +\n  'aria-required-children). The TabList moves a Panel after the tablist when it is its child, or ' +\n  'in a wrapper that holds no Tab, but it cannot see a Panel that a component renders itself, or ' +\n  \"separate a wrapper's Panels from its Tabs. Place such panels inside TabList.Panels, which \" +\n  'renders after the tablist.';\n\n/* ------------------------------------------------------------------ */\n/*  TabList                                                            */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the TabList component. */\nexport interface TabListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {\n  /**\n   * Controlled value of the selected tab (`''`: no tab selected). A controlled value that becomes\n   * `undefined` also selects no tab: the TabList stays controlled.\n   */\n  value?: string;\n  /**\n   * Selected tab for uncontrolled usage. When it is omitted (or `''`), the first enabled tab\n   * written in the TabList's children is selected, from the first render (and in server-rendered\n   * HTML) on. Tabs written directly in the children, in Fragments or in wrapper elements that\n   * pass them as `children` (such as a Tooltip) count; a tab rendered by a custom component that\n   * renders `TabList.Tab` itself does not, even when it comes first in the DOM, so that server\n   * and client pick the same tab. When every tab comes from such a component, the first enabled\n   * tab in the DOM is selected once the tabs mount. To select a tab that a custom component\n   * renders, pass `defaultValue`.\n   */\n  defaultValue?: string;\n  /** Called with the new value when the selected tab changes (not when it is activated again). */\n  onValueChange?: (value: string) => void;\n  /**\n   * Layout and arrow-key axis: `'horizontal'` (Left/Right, mirrored in RTL) or `'vertical'`\n   * (Up/Down).\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /**\n   * Whether moving focus with the arrow keys, Home and End also selects the tab (automatic\n   * activation, as in 0.5). With `false`, the keys only move focus and Enter, Space or a click\n   * selects the focused tab (manual activation, for panels that are slow to show). Fluent's\n   * default is `false`.\n   * @default true\n   */\n  selectTabOnFocus?: boolean;\n  /** @deprecated Use `value`. */\n  selectedValue?: string;\n  /** @deprecated Use `defaultValue`. */\n  defaultSelectedValue?: string;\n  /**\n   * @deprecated Use `onValueChange`. Unlike `onValueChange`, it is called on every activation,\n   * including a click on the tab that is already selected.\n   */\n  onTabSelect?: (value: string) => void;\n  /** @deprecated Use `orientation=\"vertical\"`. */\n  vertical?: boolean;\n  /** Ref to the `role=\"tablist\"` element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst TabListRoot = ({\n  value: valueProp,\n  defaultValue: defaultValueProp,\n  onValueChange,\n  orientation: orientationProp,\n  selectTabOnFocus = true,\n  selectedValue,\n  defaultSelectedValue,\n  onTabSelect,\n  vertical,\n  className,\n  children,\n  onKeyDown,\n  onFocus,\n  ref,\n  ...rest\n}: TabListProps) => {\n  const value = resolveDeprecatedProp(\n    'TabList',\n    valueProp,\n    selectedValue,\n    'selectedValue',\n    'value',\n  );\n  const defaultValue = resolveDeprecatedProp(\n    'TabList',\n    defaultValueProp,\n    defaultSelectedValue,\n    'defaultSelectedValue',\n    'defaultValue',\n  );\n  const orientation =\n    resolveDeprecatedProp<Orientation>(\n      'TabList',\n      orientationProp,\n      vertical === undefined ? undefined : vertical ? 'vertical' : 'horizontal',\n      'vertical',\n      'orientation',\n    ) ?? 'horizontal';\n  if (onTabSelect) {\n    warnDeprecated(\n      'TabList',\n      'onTabSelect',\n      'onValueChange',\n      '`onValueChange` is called only when the selected tab changes.',\n    );\n  }\n\n  // The sticky mode: a controlled value that becomes `undefined` clears the selection (`''`).\n  const [selected, setSelected, isControlled] = useControllable(\n    value,\n    defaultValue ?? '',\n    onValueChange,\n  );\n\n  // The children are a new element tree on every parent render: memoized by content, so the\n  // context value stays stable while the tabs and panels stay the same.\n  const structureKey = JSON.stringify(collectStructure(children, { tabIds: [], panels: [] }));\n  const structure = React.useMemo(() => {\n    const parsed = JSON.parse(structureKey) as TabListStructure;\n    return {\n      firstEnabled: parsed.firstEnabled,\n      tabIds: new Map(parsed.tabIds),\n      panels: new Map(parsed.panels),\n    };\n  }, [structureKey]);\n\n  // Uncontrolled without a selection: the first enabled tab is selected. It is the tab stop the\n  // roving store resolves from `activeValue` (the first enabled tab of the children, replaced by\n  // the first enabled tab in the DOM once the store sees it disabled), so the selection is\n  // derived during render, present from the first render on, and follows tabs that disable\n  // themselves.\n  const derivesSelection = !isControlled && selected === '';\n\n  const { containerProps, getTabIndex } = useRovingTabIndex({\n    activeValue: derivesSelection ? (structure.firstEnabled ?? null) : selected,\n    orientation,\n    loop: true,\n    // Automatic activation (APG Tabs): moving focus selects the tab. With manual activation the\n    // keys only move focus; the tab stop stays on the selected tab (`tabStop: 'active'`), and Enter\n    // or Space selects the focused tab through its native click.\n    onFocusMove: selectTabOnFocus ? (next) => select(next) : undefined,\n  });\n\n  const isSelected = React.useCallback(\n    (tabValue: string) => (derivesSelection ? getTabIndex(tabValue) === 0 : selected === tabValue),\n    [derivesSelection, getTabIndex, selected],\n  );\n\n  const select = useEventCallback((next: string) => {\n    onTabSelect?.(next);\n    if (!isSelected(next)) setSelected(next);\n  });\n\n  const baseId = useId('tablist');\n  const [registry] = React.useState(createRegistry);\n  // Runs after the layout effects of the Tabs and Panels mounted with the TabList, which have\n  // registered by then: from here on the registry, not the static structure, decides the links.\n  React.useLayoutEffect(() => registry.markReady(), [registry]);\n  const context = React.useMemo<TabListContextValue>(\n    () => ({\n      orientation,\n      isSelected,\n      select,\n      getTabIndex,\n      getGeneratedId: (part, itemValue) => getPartId(baseId, part, itemValue),\n      getStaticTabId: (tabValue) =>\n        structure.tabIds.get(tabValue) ?? getPartId(baseId, 'tab', tabValue),\n      getStaticPanelId: (tabValue) => {\n        const panel = structure.panels.get(tabValue);\n        if (panel === undefined) return undefined;\n        return panel ?? getPartId(baseId, 'panel', tabValue);\n      },\n      registry,\n    }),\n    [orientation, isSelected, select, getTabIndex, baseId, structure, registry],\n  );\n\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, containerProps.ref);\n\n  const tabs: React.ReactNode[] = [];\n  const panels: React.ReactNode[] = [];\n  flattenChildren(children).forEach(({ key, node: child }) => {\n    const keyed = <React.Fragment key={key}>{child}</React.Fragment>;\n    (rendersAfterTablist(child) ? panels : tabs).push(keyed);\n  });\n\n  const isVertical = orientation === 'vertical';\n  return (\n    <TabListContext.Provider value={context}>\n      <div className={cn(isVertical && 'flex')}>\n        <div\n          role=\"tablist\"\n          aria-orientation={orientation}\n          className={cn(\n            tabListClassNames.root,\n            isVertical\n              ? 'flex w-40 flex-col border-e border-border'\n              : 'flex border-b border-border',\n            className,\n          )}\n          {...rest}\n          data-roving-container=\"\"\n          onKeyDown={composeEventHandlers(onKeyDown, containerProps.onKeyDown)}\n          onFocus={composeEventHandlers(onFocus, containerProps.onFocus, {\n            checkDefaultPrevented: false,\n          })}\n          ref={mergedRef}\n        >\n          <TabListAreaContext.Provider value=\"tabs\">{tabs}</TabListAreaContext.Provider>\n        </div>\n        <TabListAreaContext.Provider value=\"panels\">{panels}</TabListAreaContext.Provider>\n      </div>\n    </TabListContext.Provider>\n  );\n};\nTabListRoot.displayName = 'TabList';\n\n/* ------------------------------------------------------------------ */\n/*  TabList.Tab                                                        */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the Tab sub-component. */\nexport interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Unique value identifying this tab (and its panel). */\n  value: string;\n  /** Ref to the tab `<button>`. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * A tab button. `onClick` runs before the selection (call `event.preventDefault()` to keep the\n * current tab). A `disabled` (or `aria-disabled=\"true\"`) tab is skipped by the keyboard and cannot\n * be selected. A non-empty `id` replaces the generated one (its panel's `aria-labelledby` follows\n * it). The selected tab references its panel with `aria-controls` only while a `TabList.Panel`\n * with its value is mounted.\n */\nconst Tab = ({ value, id: idProp, className, children, onClick, ref, ...rest }: TabProps) => {\n  const ctx = useTabListContext('TabList.Tab');\n  const selected = ctx.isSelected(value);\n  const isVertical = ctx.orientation === 'vertical';\n  const unavailable = isUnavailable(rest);\n\n  const { registry } = ctx;\n  const id = consumerId(idProp) ?? ctx.getGeneratedId('tab', value);\n  React.useLayoutEffect(() => registry.register('tab', value, id), [registry, value, id]);\n  const mountedPanelId = React.useSyncExternalStore(\n    registry.subscribe,\n    () => registry.get('panel', value),\n    () => undefined,\n  );\n  // Before the TabList mounts the static structure stands in; after that only a mounted panel is\n  // referenced (`null`: none).\n  const panelId =\n    mountedPanelId === undefined ? ctx.getStaticPanelId(value) : (mountedPanelId ?? undefined);\n\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      className={cn(\n        tabListTabClassNames.root,\n        'px-4 py-2 text-body-1 font-semibold transition-colors motion-reduce:transition-none',\n        isVertical && 'text-start',\n        selected\n          ? cn(\n              'text-primary',\n              isVertical ? 'border-s-2 border-s-primary' : 'border-b-2 border-b-primary',\n            )\n          : 'text-muted-foreground not-disabled:not-aria-disabled:hover:text-foreground',\n        disabledStyles,\n        focusRingInset,\n        className,\n      )}\n      {...rest}\n      id={id}\n      aria-selected={selected}\n      aria-controls={selected ? panelId : undefined}\n      tabIndex={ctx.getTabIndex(value)}\n      data-roving-value={value}\n      data-selected={selected ? '' : undefined}\n      onClick={composeEventHandlers(onClick, () => {\n        if (!unavailable) ctx.select(value);\n      })}\n      ref={ref}\n    >\n      {children}\n    </button>\n  );\n};\nTab.displayName = 'Tab';\n\n/* ------------------------------------------------------------------ */\n/*  TabList.Panel                                                      */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the TabPanel sub-component. */\nexport interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Value of the Tab that shows this panel. */\n  value: string;\n  /** Ref to the `role=\"tabpanel\"` element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * The content of one tab, rendered only while its tab is selected and labelled by it (while a Tab\n * with its value is mounted). A non-empty `id` replaces the generated one (the tab's\n * `aria-controls` follows it).\n */\nconst TabPanel = ({ value, id: idProp, children, className, ref, ...rest }: TabPanelProps) => {\n  const ctx = useTabListContext('TabList.Panel');\n  const insideTablist = React.useContext(TabListAreaContext) === 'tabs';\n  React.useEffect(() => {\n    if (insideTablist) warnOnce('TabList.Panel:inside-tablist', PANEL_IN_TABLIST_MESSAGE);\n  }, [insideTablist]);\n  const { registry } = ctx;\n  const id = consumerId(idProp) ?? ctx.getGeneratedId('panel', value);\n  // Registered while mounted, also while hidden: the tab that selects it links to it.\n  React.useLayoutEffect(() => registry.register('panel', value, id), [registry, value, id]);\n  const mountedTabId = React.useSyncExternalStore(\n    registry.subscribe,\n    () => registry.get('tab', value),\n    () => undefined,\n  );\n  if (!ctx.isSelected(value)) return null;\n  // As for the Tab's aria-controls: the static structure only before the TabList mounts.\n  const tabId =\n    mountedTabId === undefined ? ctx.getStaticTabId(value) : (mountedTabId ?? undefined);\n  return (\n    <div\n      role=\"tabpanel\"\n      tabIndex={0}\n      className={cn(tabListPanelClassNames.root, 'p-4', focusRing, className)}\n      {...rest}\n      id={id}\n      aria-labelledby={tabId}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n};\nTabPanel.displayName = 'TabPanel';\n\n/* ------------------------------------------------------------------ */\n/*  TabList.Panels                                                     */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the TabPanels sub-component. */\nexport interface TabPanelsProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Ref to the container `<div>`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Optional container for the panels, rendered after the tablist. Use it to style the panel area,\n * and for panels that components render themselves: the TabList finds a Panel in its children, in\n * a Fragment or in a wrapper that holds no Tab, but a component that renders a Panel itself\n * renders inside the tablist unless it is placed in `TabList.Panels`.\n */\nconst TabPanels = ({ className, children, ref, ...rest }: TabPanelsProps) => (\n  <div\n    ref={ref}\n    className={cn(tabListPanelsClassNames.root, 'min-w-0 flex-1', className)}\n    {...rest}\n  >\n    {children}\n  </div>\n);\nTabPanels.displayName = 'TabPanels';\n\n/* ------------------------------------------------------------------ */\n/*  Export                                                             */\n/* ------------------------------------------------------------------ */\n\n/**\n * A set of tabs with their panels (WAI-ARIA Tabs pattern): the arrow keys (Left/Right, mirrored\n * in RTL; Up/Down when vertical), Home and End move focus and select (automatic activation); with\n * `selectTabOnFocus={false}` they only move focus, and Enter, Space or a click selects the focused\n * tab (manual activation). The selected tab is the only tab stop; disabled tabs are skipped. Every\n * tab needs a `value` that is unique within the TabList (a development warning names a value that\n * several tabs share).\n *\n * Tabs register through context and are found in DOM order, so they may be wrapped (a Fragment,\n * a Tooltip). The children render inside the `role=\"tablist\"` element, except panels, which render\n * after it: a `TabList.Panel` or `TabList.Panels` child, or a wrapper (an element, `Suspense`, an\n * error boundary) that holds panels and no Tab. A Panel that a component renders itself cannot be\n * seen from the children: put that component inside `TabList.Panels` (a development warning names\n * a Panel that ends up inside the tablist). Content that is not a tab, such as a button next to\n * the tabs, does not belong in a tablist either: render it outside the TabList.\n *\n * Sub-components are also exported under flat names (`TabListTab`, `TabListPanel`,\n * `TabListPanels`) for React Server Components, which cannot use the dotted form.\n */\nexport const TabList = /* @__PURE__ */ Object.assign(TabListRoot, {\n  Tab,\n  Panel: TabPanel,\n  Panels: TabPanels,\n});\n\nexport { Tab as TabListTab, TabPanel as TabListPanel, TabPanels as TabListPanels };\n"],"mappings":"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"}
+{"version":3,"file":"TabList.mjs","names":["useId","useId$1","React","warnDuplicateTabValue","value","createRegistry","entries","listeners","ready","emit","listener","map","part","ids","id","index","INERT_REGISTRY","TabListContext","INERT_CONTEXT","useTabListContext","reportMissingContext","component","isUnavailable","ariaDisabled","props","consumerId","collectStructure","node","child","into","type","getElementType","Tab","TabPanel","TabListRoot","containsPart","TabPanels","rendersAfterTablist","TabListAreaContext","PANEL_IN_TABLIST_MESSAGE","valueProp","defaultValueProp","orientationProp","rest","resolveDeprecatedProp","selectedValue","defaultValue","defaultSelectedValue","orientation","vertical","onTabSelect","warnDeprecated","selected","setSelected","isControlled","useControllable","onValueChange","structureKey","children","structure","parsed","derivesSelection","useRovingTabIndex","selectTabOnFocus","select","next","isSelected","getTabIndex","tabValue","useEventCallback","baseId","registry","context","getPartId","itemValue","panel","appearance","size","mergedRef","useMergedRefs","ref","containerProps","tabs","panels","keyed","key","isVertical","cn","tabListClassNames","className","composeEventHandlers","onKeyDown","onFocus","tabPadding","tabIconOnlyPadding","tabText","tabLookClasses","shape","forcedColors","idProp","ctx","unavailable","hasIcon","icon","slotRendersContent","iconOnly","ariaLabel","ariaLabelledBy","named","warnOnce","mountedPanelId","panelId","tabListTabClassNames","disabledStyles","focusRingInset","onClick","renderSlot","insideTablist","mountedTabId","tabId","tabListPanelClassNames","focusRing","tabListPanelsClassNames","TabList"],"sources":["../../../src/components/layout/TabList.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  tabListClassNames,\n  tabListPanelClassNames,\n  tabListPanelsClassNames,\n  tabListTabClassNames,\n} from '../../lib/classNames';\nimport { flattenChildren, getElementType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport {\n  reportMissingContext,\n  resolveDeprecatedProp,\n  warnDeprecated,\n  warnOnce,\n} from '../../lib/dev';\nimport { renderSlot, slotRendersContent } from '../../lib/slot';\nimport { disabledStyles, focusRing, focusRingInset, forcedColors } from '../../lib/styles';\nimport type { CoreSize, Orientation, Slot } from '../../lib/types';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useRovingTabIndex } from '../../hooks/useRovingTabIndex';\nimport { getPartId } from './disclosureIds';\n\n/* ------------------------------------------------------------------ */\n/*  Context                                                            */\n/* ------------------------------------------------------------------ */\n\ntype TabListPart = 'tab' | 'panel';\n\n/**\n * The ids of the mounted Tabs and Panels by value. A Tab references a panel only while one with\n * its value is mounted (a TabList used as a filter bar has none), and each side references the\n * other's actual id, a consumer `id` included. Read with `useSyncExternalStore`.\n *\n * Before the TabList has mounted (server HTML, hydration and the first client render) the\n * registry is not ready and the static structure of the children stands in for it; once it is\n * ready, it alone decides, so a Panel that is in the element tree but never mounts (inside a\n * wrapper that renders nothing) is not referenced.\n */\ninterface TabListRegistry {\n  /** Registers a mounted Tab or Panel; returns the unregister function. */\n  register: (part: TabListPart, value: string, id: string) => () => void;\n  /**\n   * Id of the first mounted Tab or Panel with this value, `null` when none is mounted, or\n   * `undefined` while the registry is not ready (use the static structure then).\n   */\n  get: (part: TabListPart, value: string) => string | null | undefined;\n  /** Called by the TabList once it (and so every Tab and Panel mounted with it) has mounted. */\n  markReady: () => void;\n  subscribe: (listener: () => void) => () => void;\n}\n\n/** Tabs that share a value share one id, and are selected and tab stops together. */\nfunction warnDuplicateTabValue(value: string): void {\n  warnOnce(\n    `TabList:duplicate:${value}`,\n    `TabList: several tabs share the value \"${value}\". Tab values must be unique within a ` +\n      'TabList; tabs with the same value share one id and are selected (and tab stops) together.',\n  );\n}\n\nfunction createRegistry(): TabListRegistry {\n  const entries: Record<TabListPart, Map<string, string[]>> = { tab: new Map(), panel: new Map() };\n  const listeners = new Set<() => void>();\n  let ready = false;\n  const emit = () => {\n    listeners.forEach((listener) => listener());\n  };\n  return {\n    register(part, value, id) {\n      const map = entries[part];\n      const ids = map.get(value) ?? [];\n      // Called from the part's layout effect (C-DEV). Two Panels may share a value (the Tab links\n      // to the first mounted one); two Tabs may not.\n      if (part === 'tab' && ids.length > 0) warnDuplicateTabValue(value);\n      map.set(value, [...ids, id]);\n      emit();\n      return () => {\n        const ids = [...(map.get(value) ?? [])];\n        const index = ids.indexOf(id);\n        if (index !== -1) ids.splice(index, 1);\n        if (ids.length > 0) map.set(value, ids);\n        else map.delete(value);\n        emit();\n      };\n    },\n    get: (part, value) => (ready ? (entries[part].get(value)?.[0] ?? null) : undefined),\n    markReady() {\n      if (ready) return;\n      ready = true;\n      emit();\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n  };\n}\n\nconst INERT_REGISTRY: TabListRegistry = {\n  register: () => () => {},\n  get: () => undefined,\n  markReady: () => {},\n  subscribe: () => () => {},\n};\n\n/**\n * What the TabList's children show before anything mounts (server HTML and the first render):\n * found in the element tree through Fragments and the `children` of wrapper elements, but not\n * inside a component that renders a Tab or Panel itself (the registry covers those once mounted).\n */\ninterface TabListStructure {\n  /** Value of the first Tab without `disabled`/`aria-disabled`: the uncontrolled default. */\n  firstEnabled?: string;\n  /** Consumer `id`s of Tabs, by value. */\n  tabIds: Array<[string, string]>;\n  /** Values of the Panels, each with its consumer `id` or `null`. */\n  panels: Array<[string, string | null]>;\n}\n\n/** The look of a TabList: an underline, subtle fills, or circular subtle or filled tabs. */\nexport type TabListAppearance = 'transparent' | 'subtle' | 'subtle-circular' | 'filled-circular';\n\ninterface TabListContextValue {\n  orientation: Orientation;\n  appearance: TabListAppearance;\n  size: CoreSize;\n  /** Whether the tab with this value is the selected one (explicit value, else the tab stop). */\n  isSelected: (value: string) => boolean;\n  /**\n   * Activates a tab: a click (Enter and Space click the tab button), or with automatic activation\n   * focus moved by the keys.\n   */\n  select: (value: string) => void;\n  getTabIndex: (value: string) => 0 | -1;\n  /** The generated id of a Tab or Panel (used when it has no consumer `id`). */\n  getGeneratedId: (part: TabListPart, value: string) => string;\n  /**\n   * Id of the Tab with this value before the TabList mounts: its consumer `id`, else the\n   * generated one.\n   */\n  getStaticTabId: (value: string) => string;\n  /**\n   * Id of the Panel with this value before the TabList mounts, or `undefined` when the children\n   * have none.\n   */\n  getStaticPanelId: (value: string) => string | undefined;\n  registry: TabListRegistry;\n}\n\nconst TabListContext = React.createContext<TabListContextValue | null>(null);\n\nconst INERT_CONTEXT: TabListContextValue = {\n  orientation: 'horizontal',\n  appearance: 'transparent',\n  size: 'medium',\n  isSelected: () => false,\n  select: () => {},\n  getTabIndex: () => -1,\n  getGeneratedId: (part, value) => `wave-tablist-inert-${part}-${value}`,\n  getStaticTabId: (value) => `wave-tablist-inert-tab-${value}`,\n  getStaticPanelId: () => undefined,\n  registry: INERT_REGISTRY,\n};\n\n/** C-CONTEXT: throws in development, logs once and returns an inert value in production. */\nfunction useTabListContext(component: string): TabListContextValue {\n  const context = React.useContext(TabListContext);\n  if (context) return context;\n  reportMissingContext(component, '<TabList>');\n  return INERT_CONTEXT;\n}\n\ninterface StructureProps {\n  value?: unknown;\n  id?: unknown;\n  disabled?: unknown;\n  'aria-disabled'?: unknown;\n  children?: unknown;\n}\n\n/** Whether a Tab's props make it unavailable (it cannot be selected and is skipped by keys). */\nfunction isUnavailable(props: StructureProps): boolean {\n  const ariaDisabled = props['aria-disabled'];\n  return props.disabled === true || ariaDisabled === true || ariaDisabled === 'true';\n}\n\n/** A consumer `id` that replaces the generated one: a non-empty string (`''` counts as none). */\nfunction consumerId(id: unknown): string | null {\n  return typeof id === 'string' && id !== '' ? id : null;\n}\n\n/**\n * Walks the element tree of the TabList's children (see {@link TabListStructure}). Parts are\n * identified through their element type, so parts written in a Server Component (lazy\n * references) count too. A `React.lazy` still loading (inside the consumer's own `<Suspense>`,\n * such as code-split panels in `TabList.Panels`) is no part and never suspends the TabList: its\n * children are walked instead. Runs during render only.\n */\nfunction collectStructure(node: unknown, into: TabListStructure): TabListStructure {\n  if (Array.isArray(node)) {\n    node.forEach((child) => collectStructure(child, into));\n    return into;\n  }\n  if (!React.isValidElement<StructureProps>(node)) return into;\n  const { props } = node;\n  const type = getElementType(node, { suspend: false });\n  const value = typeof props.value === 'string' ? props.value : undefined;\n  if (type === Tab) {\n    if (value !== undefined) {\n      if (into.firstEnabled === undefined && !isUnavailable(props)) into.firstEnabled = value;\n      const id = consumerId(props.id);\n      if (id !== null) into.tabIds.push([value, id]);\n    }\n    return into;\n  }\n  if (type === TabPanel) {\n    if (value !== undefined) into.panels.push([value, consumerId(props.id)]);\n    return into;\n  }\n  if (type === TabListRoot) return into;\n  return collectStructure(props.children, into);\n}\n\n/**\n * Whether an element tree shows a Tab, or a Panel (`TabList.Panel` or `TabList.Panels`), found as\n * in {@link collectStructure}: through Fragments and the `children` of wrapper elements, not inside\n * a nested TabList or a component that renders the part itself.\n */\nfunction containsPart(node: unknown, part: TabListPart): boolean {\n  if (Array.isArray(node)) return node.some((child) => containsPart(child, part));\n  if (!React.isValidElement<StructureProps>(node)) return false;\n  const type = getElementType(node, { suspend: false });\n  if (type === Tab) return part === 'tab';\n  if (type === TabPanel || type === TabPanels) return part === 'panel';\n  if (type === TabListRoot) return false;\n  return containsPart(node.props.children, part);\n}\n\n/**\n * Whether a child of the TabList renders after the tablist: a Panel, `TabList.Panels`, or a\n * wrapper (an element, `Suspense`, an error boundary) that holds panels and no tab.\n */\nfunction rendersAfterTablist(child: React.ReactNode): boolean {\n  return containsPart(child, 'panel') && !containsPart(child, 'tab');\n}\n\n/**\n * Where the TabList renders its children: inside the `role=\"tablist\"` element (`'tabs'`) or after\n * it (`'panels'`). A Panel that ends up inside the tablist warns in development.\n */\nconst TabListAreaContext = React.createContext<'tabs' | 'panels' | null>(null);\n\nconst PANEL_IN_TABLIST_MESSAGE =\n  'TabList.Panel was rendered inside the role=\"tablist\" element, where only tabs belong (axe ' +\n  'aria-required-children). The TabList moves a Panel after the tablist when it is its child, or ' +\n  'in a wrapper that holds no Tab, but it cannot see a Panel that a component renders itself, or ' +\n  \"separate a wrapper's Panels from its Tabs. Place such panels inside TabList.Panels, which \" +\n  'renders after the tablist.';\n\n/* ------------------------------------------------------------------ */\n/*  TabList                                                            */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the TabList component. */\nexport interface TabListProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {\n  /**\n   * Controlled value of the selected tab (`''`: no tab selected). A controlled value that becomes\n   * `undefined` also selects no tab: the TabList stays controlled.\n   */\n  value?: string;\n  /**\n   * Selected tab for uncontrolled usage. When it is omitted (or `''`), the first enabled tab\n   * written in the TabList's children is selected, from the first render (and in server-rendered\n   * HTML) on. Tabs written directly in the children, in Fragments or in wrapper elements that\n   * pass them as `children` (such as a Tooltip) count; a tab rendered by a custom component that\n   * renders `TabList.Tab` itself does not, even when it comes first in the DOM, so that server\n   * and client pick the same tab. When every tab comes from such a component, the first enabled\n   * tab in the DOM is selected once the tabs mount. To select a tab that a custom component\n   * renders, pass `defaultValue`.\n   */\n  defaultValue?: string;\n  /** Called with the new value when the selected tab changes (not when it is activated again). */\n  onValueChange?: (value: string) => void;\n  /**\n   * Layout and arrow-key axis: `'horizontal'` (Left/Right, mirrored in RTL) or `'vertical'`\n   * (Up/Down).\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /**\n   * Look of the tabs: `transparent` underlines the selected tab, `subtle` and `subtle-circular`\n   * fill it with a subtle color (square or fully rounded), `filled-circular` fills it with the\n   * primary color. In forced colors the selected tab keeps a Highlight outline (or underline) in\n   * every appearance.\n   * @default 'transparent'\n   */\n  appearance?: TabListAppearance;\n  /**\n   * Size of the tabs: their padding and type (`medium` is 14px text on 16 by 8px padding).\n   * @default 'medium'\n   */\n  size?: CoreSize;\n  /**\n   * Whether moving focus with the arrow keys, Home and End also selects the tab (automatic\n   * activation, as in 0.5). With `false`, the keys only move focus and Enter, Space or a click\n   * selects the focused tab (manual activation, for panels that are slow to show). Fluent's\n   * default is `false`.\n   * @default true\n   */\n  selectTabOnFocus?: boolean;\n  /** @deprecated Use `value`. */\n  selectedValue?: string;\n  /** @deprecated Use `defaultValue`. */\n  defaultSelectedValue?: string;\n  /**\n   * @deprecated Use `onValueChange`. Unlike `onValueChange`, it is called on every activation,\n   * including a click on the tab that is already selected.\n   */\n  onTabSelect?: (value: string) => void;\n  /** @deprecated Use `orientation=\"vertical\"`. */\n  vertical?: boolean;\n  /** Ref to the `role=\"tablist\"` element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst TabListRoot = ({\n  value: valueProp,\n  defaultValue: defaultValueProp,\n  onValueChange,\n  orientation: orientationProp,\n  appearance = 'transparent',\n  size = 'medium',\n  selectTabOnFocus = true,\n  selectedValue,\n  defaultSelectedValue,\n  onTabSelect,\n  vertical,\n  className,\n  children,\n  onKeyDown,\n  onFocus,\n  ref,\n  ...rest\n}: TabListProps) => {\n  const value = resolveDeprecatedProp(\n    'TabList',\n    valueProp,\n    selectedValue,\n    'selectedValue',\n    'value',\n  );\n  const defaultValue = resolveDeprecatedProp(\n    'TabList',\n    defaultValueProp,\n    defaultSelectedValue,\n    'defaultSelectedValue',\n    'defaultValue',\n  );\n  const orientation =\n    resolveDeprecatedProp<Orientation>(\n      'TabList',\n      orientationProp,\n      vertical === undefined ? undefined : vertical ? 'vertical' : 'horizontal',\n      'vertical',\n      'orientation',\n    ) ?? 'horizontal';\n  if (onTabSelect) {\n    warnDeprecated(\n      'TabList',\n      'onTabSelect',\n      'onValueChange',\n      '`onValueChange` is called only when the selected tab changes.',\n    );\n  }\n\n  // The sticky mode: a controlled value that becomes `undefined` clears the selection (`''`).\n  const [selected, setSelected, isControlled] = useControllable(\n    value,\n    defaultValue ?? '',\n    onValueChange,\n  );\n\n  // The children are a new element tree on every parent render: memoized by content, so the\n  // context value stays stable while the tabs and panels stay the same.\n  const structureKey = JSON.stringify(collectStructure(children, { tabIds: [], panels: [] }));\n  const structure = React.useMemo(() => {\n    const parsed = JSON.parse(structureKey) as TabListStructure;\n    return {\n      firstEnabled: parsed.firstEnabled,\n      tabIds: new Map(parsed.tabIds),\n      panels: new Map(parsed.panels),\n    };\n  }, [structureKey]);\n\n  // Uncontrolled without a selection: the first enabled tab is selected. It is the tab stop the\n  // roving store resolves from `activeValue` (the first enabled tab of the children, replaced by\n  // the first enabled tab in the DOM once the store sees it disabled), so the selection is\n  // derived during render, present from the first render on, and follows tabs that disable\n  // themselves.\n  const derivesSelection = !isControlled && selected === '';\n\n  const { containerProps, getTabIndex } = useRovingTabIndex({\n    activeValue: derivesSelection ? (structure.firstEnabled ?? null) : selected,\n    orientation,\n    loop: true,\n    // Automatic activation (APG Tabs): moving focus selects the tab. With manual activation the\n    // keys only move focus; the tab stop stays on the selected tab (`tabStop: 'active'`), and Enter\n    // or Space selects the focused tab through its native click.\n    onFocusMove: selectTabOnFocus ? (next) => select(next) : undefined,\n  });\n\n  const isSelected = React.useCallback(\n    (tabValue: string) => (derivesSelection ? getTabIndex(tabValue) === 0 : selected === tabValue),\n    [derivesSelection, getTabIndex, selected],\n  );\n\n  const select = useEventCallback((next: string) => {\n    onTabSelect?.(next);\n    if (!isSelected(next)) setSelected(next);\n  });\n\n  const baseId = useId('tablist');\n  const [registry] = React.useState(createRegistry);\n  // Runs after the layout effects of the Tabs and Panels mounted with the TabList, which have\n  // registered by then: from here on the registry, not the static structure, decides the links.\n  React.useLayoutEffect(() => registry.markReady(), [registry]);\n  const context = React.useMemo<TabListContextValue>(\n    () => ({\n      orientation,\n      appearance,\n      size,\n      isSelected,\n      select,\n      getTabIndex,\n      getGeneratedId: (part, itemValue) => getPartId(baseId, part, itemValue),\n      getStaticTabId: (tabValue) =>\n        structure.tabIds.get(tabValue) ?? getPartId(baseId, 'tab', tabValue),\n      getStaticPanelId: (tabValue) => {\n        const panel = structure.panels.get(tabValue);\n        if (panel === undefined) return undefined;\n        return panel ?? getPartId(baseId, 'panel', tabValue);\n      },\n      registry,\n    }),\n    [orientation, appearance, size, isSelected, select, getTabIndex, baseId, structure, registry],\n  );\n\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, containerProps.ref);\n\n  const tabs: React.ReactNode[] = [];\n  const panels: React.ReactNode[] = [];\n  flattenChildren(children).forEach(({ key, node: child }) => {\n    const keyed = <React.Fragment key={key}>{child}</React.Fragment>;\n    (rendersAfterTablist(child) ? panels : tabs).push(keyed);\n  });\n\n  const isVertical = orientation === 'vertical';\n  return (\n    <TabListContext.Provider value={context}>\n      <div className={cn(isVertical && 'flex')}>\n        <div\n          role=\"tablist\"\n          aria-orientation={orientation}\n          data-appearance={appearance}\n          data-size={size}\n          data-orientation={orientation}\n          className={cn(\n            tabListClassNames.root,\n            isVertical ? 'flex w-40 flex-col' : 'flex',\n            appearance === 'transparent'\n              ? isVertical\n                ? 'border-e border-border'\n                : 'border-b border-border'\n              : 'gap-1',\n            className,\n          )}\n          {...rest}\n          data-roving-container=\"\"\n          onKeyDown={composeEventHandlers(onKeyDown, containerProps.onKeyDown)}\n          onFocus={composeEventHandlers(onFocus, containerProps.onFocus, {\n            checkDefaultPrevented: false,\n          })}\n          ref={mergedRef}\n        >\n          <TabListAreaContext.Provider value=\"tabs\">{tabs}</TabListAreaContext.Provider>\n        </div>\n        <TabListAreaContext.Provider value=\"panels\">{panels}</TabListAreaContext.Provider>\n      </div>\n    </TabListContext.Provider>\n  );\n};\nTabListRoot.displayName = 'TabList';\n\n/* ------------------------------------------------------------------ */\n/*  TabList.Tab                                                        */\n/* ------------------------------------------------------------------ */\n\n/** Padding of a tab with text, per size. Literal strings only. */\nconst tabPadding: Readonly<Record<CoreSize, string>> = {\n  small: 'px-3 py-1.5',\n  medium: 'px-4 py-2',\n  large: 'px-5 py-3',\n};\n\n/** Padding of an icon-only tab (a square hit area), per size. */\nconst tabIconOnlyPadding: Readonly<Record<CoreSize, string>> = {\n  small: 'p-1.5',\n  medium: 'p-2',\n  large: 'p-3',\n};\n\n/** Type step of a tab, per size. */\nconst tabText: Readonly<Record<CoreSize, string>> = {\n  small: 'text-caption-1',\n  medium: 'text-body-1',\n  large: 'text-body-2',\n};\n\n/**\n * The colors, fill and selected indicator of a tab per appearance. Literal strings only; hover and\n * pressed use the gated rules (a disabled tab keeps its look). In forced colors fills are dropped,\n * so every selected tab keeps a Highlight outline (or, for the underline, a Highlight border).\n */\nfunction tabLookClasses(\n  appearance: TabListAppearance,\n  selected: boolean,\n  vertical: boolean,\n): string {\n  switch (appearance) {\n    case 'subtle':\n    case 'subtle-circular': {\n      const shape = appearance === 'subtle' ? 'rounded-md' : 'rounded-full';\n      return selected\n        ? cn(shape, 'bg-subtle-selected text-foreground', forcedColors.selectedContainer)\n        : cn(\n            shape,\n            'text-muted-foreground not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:hover:text-foreground not-disabled:not-aria-disabled:active:bg-subtle-pressed',\n          );\n    }\n    case 'filled-circular':\n      return selected\n        ? cn(\n            'rounded-full bg-primary text-primary-foreground not-disabled:not-aria-disabled:hover:bg-primary-hover not-disabled:not-aria-disabled:active:bg-primary-pressed',\n            forcedColors.selectedContainer,\n          )\n        : 'rounded-full bg-muted text-muted-foreground not-disabled:not-aria-disabled:hover:bg-muted-hover not-disabled:not-aria-disabled:hover:text-foreground not-disabled:not-aria-disabled:active:bg-muted-pressed';\n    default:\n      return selected\n        ? cn(\n            'text-primary forced-colors:border-[Highlight]',\n            vertical ? 'border-s-2 border-s-primary' : 'border-b-2 border-b-primary',\n          )\n        : 'text-muted-foreground not-disabled:not-aria-disabled:hover:text-foreground';\n  }\n}\n\n/** Properties for the Tab sub-component. */\nexport interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Unique value identifying this tab (and its panel). */\n  value: string;\n  /**\n   * An icon before the text, hidden from assistive technology. A tab with an icon and no text is\n   * icon-only (a square hit area): name it with `aria-label`, or a development warning asks for it.\n   */\n  icon?: Slot<'span'>;\n  /** Ref to the tab `<button>`. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * A tab button. `onClick` runs before the selection (call `event.preventDefault()` to keep the\n * current tab). A `disabled` (or `aria-disabled=\"true\"`) tab is skipped by the keyboard and cannot\n * be selected. A non-empty `id` replaces the generated one (its panel's `aria-labelledby` follows\n * it). The selected tab references its panel with `aria-controls` only while a `TabList.Panel`\n * with its value is mounted.\n */\nconst Tab = ({ value, id: idProp, icon, className, children, onClick, ref, ...rest }: TabProps) => {\n  const ctx = useTabListContext('TabList.Tab');\n  const selected = ctx.isSelected(value);\n  const isVertical = ctx.orientation === 'vertical';\n  const unavailable = isUnavailable(rest);\n  const hasIcon = !!icon && slotRendersContent(icon);\n  const iconOnly = hasIcon && !slotRendersContent(children);\n  const ariaLabel = rest['aria-label'];\n  const ariaLabelledBy = rest['aria-labelledby'];\n  const named =\n    (typeof ariaLabel === 'string' && ariaLabel.trim() !== '') ||\n    (typeof ariaLabelledBy === 'string' && ariaLabelledBy.trim() !== '');\n  React.useEffect(() => {\n    if (iconOnly && !named) {\n      warnOnce(\n        'TabList.Tab:icon-only-name',\n        'TabList.Tab: a tab with an icon and no text has no accessible name. Pass `aria-label` (or `aria-labelledby`).',\n      );\n    }\n  }, [iconOnly, named]);\n\n  const { registry } = ctx;\n  const id = consumerId(idProp) ?? ctx.getGeneratedId('tab', value);\n  React.useLayoutEffect(() => registry.register('tab', value, id), [registry, value, id]);\n  const mountedPanelId = React.useSyncExternalStore(\n    registry.subscribe,\n    () => registry.get('panel', value),\n    () => undefined,\n  );\n  // Before the TabList mounts the static structure stands in; after that only a mounted panel is\n  // referenced (`null`: none).\n  const panelId =\n    mountedPanelId === undefined ? ctx.getStaticPanelId(value) : (mountedPanelId ?? undefined);\n\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      className={cn(\n        tabListTabClassNames.root,\n        'font-semibold transition-colors motion-reduce:transition-none',\n        iconOnly ? tabIconOnlyPadding[ctx.size] : tabPadding[ctx.size],\n        tabText[ctx.size],\n        hasIcon && 'inline-flex items-center justify-center gap-2',\n        isVertical && 'text-start',\n        tabLookClasses(ctx.appearance, selected, isVertical),\n        disabledStyles,\n        focusRingInset,\n        className,\n      )}\n      {...rest}\n      id={id}\n      aria-selected={selected}\n      aria-controls={selected ? panelId : undefined}\n      tabIndex={ctx.getTabIndex(value)}\n      data-roving-value={value}\n      data-selected={selected ? '' : undefined}\n      data-icon-only={iconOnly ? '' : undefined}\n      onClick={composeEventHandlers(onClick, () => {\n        if (!unavailable) ctx.select(value);\n      })}\n      ref={ref}\n    >\n      {hasIcon && renderSlot(icon, 'span', tabListTabClassNames.icon, { 'aria-hidden': true })}\n      {children}\n    </button>\n  );\n};\nTab.displayName = 'Tab';\n\n/* ------------------------------------------------------------------ */\n/*  TabList.Panel                                                      */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the TabPanel sub-component. */\nexport interface TabPanelProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Value of the Tab that shows this panel. */\n  value: string;\n  /** Ref to the `role=\"tabpanel\"` element. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * The content of one tab, rendered only while its tab is selected and labelled by it (while a Tab\n * with its value is mounted). A non-empty `id` replaces the generated one (the tab's\n * `aria-controls` follows it).\n */\nconst TabPanel = ({ value, id: idProp, children, className, ref, ...rest }: TabPanelProps) => {\n  const ctx = useTabListContext('TabList.Panel');\n  const insideTablist = React.useContext(TabListAreaContext) === 'tabs';\n  React.useEffect(() => {\n    if (insideTablist) warnOnce('TabList.Panel:inside-tablist', PANEL_IN_TABLIST_MESSAGE);\n  }, [insideTablist]);\n  const { registry } = ctx;\n  const id = consumerId(idProp) ?? ctx.getGeneratedId('panel', value);\n  // Registered while mounted, also while hidden: the tab that selects it links to it.\n  React.useLayoutEffect(() => registry.register('panel', value, id), [registry, value, id]);\n  const mountedTabId = React.useSyncExternalStore(\n    registry.subscribe,\n    () => registry.get('tab', value),\n    () => undefined,\n  );\n  if (!ctx.isSelected(value)) return null;\n  // As for the Tab's aria-controls: the static structure only before the TabList mounts.\n  const tabId =\n    mountedTabId === undefined ? ctx.getStaticTabId(value) : (mountedTabId ?? undefined);\n  return (\n    <div\n      role=\"tabpanel\"\n      tabIndex={0}\n      className={cn(tabListPanelClassNames.root, 'p-4', focusRing, className)}\n      {...rest}\n      id={id}\n      aria-labelledby={tabId}\n      ref={ref}\n    >\n      {children}\n    </div>\n  );\n};\nTabPanel.displayName = 'TabPanel';\n\n/* ------------------------------------------------------------------ */\n/*  TabList.Panels                                                     */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the TabPanels sub-component. */\nexport interface TabPanelsProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Ref to the container `<div>`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Optional container for the panels, rendered after the tablist. Use it to style the panel area,\n * and for panels that components render themselves: the TabList finds a Panel in its children, in\n * a Fragment or in a wrapper that holds no Tab, but a component that renders a Panel itself\n * renders inside the tablist unless it is placed in `TabList.Panels`.\n */\nconst TabPanels = ({ className, children, ref, ...rest }: TabPanelsProps) => (\n  <div\n    ref={ref}\n    className={cn(tabListPanelsClassNames.root, 'min-w-0 flex-1', className)}\n    {...rest}\n  >\n    {children}\n  </div>\n);\nTabPanels.displayName = 'TabPanels';\n\n/* ------------------------------------------------------------------ */\n/*  Export                                                             */\n/* ------------------------------------------------------------------ */\n\n/**\n * A set of tabs with their panels (WAI-ARIA Tabs pattern): the arrow keys (Left/Right, mirrored\n * in RTL; Up/Down when vertical), Home and End move focus and select (automatic activation); with\n * `selectTabOnFocus={false}` they only move focus, and Enter, Space or a click selects the focused\n * tab (manual activation). The selected tab is the only tab stop; disabled tabs are skipped. Every\n * tab needs a `value` that is unique within the TabList (a development warning names a value that\n * several tabs share).\n *\n * Tabs register through context and are found in DOM order, so they may be wrapped (a Fragment,\n * a Tooltip). The children render inside the `role=\"tablist\"` element, except panels, which render\n * after it: a `TabList.Panel` or `TabList.Panels` child, or a wrapper (an element, `Suspense`, an\n * error boundary) that holds panels and no Tab. A Panel that a component renders itself cannot be\n * seen from the children: put that component inside `TabList.Panels` (a development warning names\n * a Panel that ends up inside the tablist). Content that is not a tab, such as a button next to\n * the tabs, does not belong in a tablist either: render it outside the TabList.\n *\n * Sub-components are also exported under flat names (`TabListTab`, `TabListPanel`,\n * `TabListPanels`) for React Server Components, which cannot use the dotted form.\n */\nexport const TabList = /* @__PURE__ */ Object.assign(TabListRoot, {\n  Tab,\n  Panel: TabPanel,\n  Panels: TabPanels,\n});\n\nexport { Tab as TabListTab, TabPanel as TabListPanel, TabPanels as TabListPanels };\n"],"mappings":"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"}