@mortenbrudvik/waveui 0.14.1 → 0.16.0

package/dist/components/layout/Accordion.mjs

@@ -6,19 +6,21 @@ import { composeEventHandlers as o } from "../../lib/composeEventHandlers.mjs";
 import { accordionClassNames as s, accordionItemClassNames as c, accordionPanelClassNames as l, accordionTriggerClassNames as u } from "../../lib/classNames.mjs";
 import { useControllable as d } from "../../hooks/useControllable.mjs";
 import { useId as f } from "../../hooks/useId.mjs";
-import { disabledStyles as p, focusRingInset as m } from "../../lib/styles.mjs";
-import { ChevronDownIcon as h } from "../../lib/icons.mjs";
-import { getPartId as g } from "./disclosureIds.mjs";
-import * as _ from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useMergedRefs as p } from "../../hooks/useMergedRefs.mjs";
+import { disabledStyles as m, focusRingInset as h } from "../../lib/styles.mjs";
+import { ChevronDownIcon as g } from "../../lib/icons.mjs";
+import { useCollapsePresence as _ } from "../../hooks/useCollapsePresence.mjs";
+import { getPartId as v } from "./disclosureIds.mjs";
+import * as y from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/components/layout/Accordion.tsx
-var b = _.createContext(null), x = _.createContext(null), S = _.createContext(null), C = [], w = {
-	openItems: C,
+var S = y.createContext(null), C = y.createContext(null), w = y.createContext(null), T = [], E = {
+	openItems: T,
 	toggle: () => {},
 	registerItem: () => () => {},
 	baseId: "wave-accordion-inert",
 	headingLevel: 3
-}, T = {
+}, D = {
 	value: "",
 	isOpen: !1,
 	triggerId: "wave-accordion-inert-trigger",
@@ -26,42 +28,42 @@ var b = _.createContext(null), x = _.createContext(null), S = _.createContext(nu
 	hasPanelContent: !1,
 	headingLevel: 3,
 	toggle: () => {}
-}, E = {
+}, O = {
 	extra: null,
 	inPanel: !0
-}, D = _.createContext(!1), O = "m-0 grid";
-function k(e) {
-	return _.useContext(b) || (r(e, "<Accordion>"), w);
+}, k = y.createContext(!1), A = "m-0 grid";
+function j(e) {
+	return y.useContext(S) || (r(e, "<Accordion>"), E);
 }
-function A(e) {
-	return _.useContext(x) || (r(e, "<Accordion.Item>"), T);
+function M(e) {
+	return y.useContext(C) || (r(e, "<Accordion.Item>"), D);
 }
-function j(e) {
+function N(e) {
 	a(`Accordion:duplicate:${e}`, `Accordion: several items share the value "${e}". Item values must be unique within an Accordion; items with the same value open and close together and share their trigger and panel ids.`);
 }
-function M(e) {
-	if (e !== void 0) return e === null ? C : [e];
+function P(e) {
+	if (e !== void 0) return e === null ? T : [e];
 }
-var N = (t) => {
-	let { type: n, openItem: r, defaultOpenItem: o, onOpenItemChange: c, openItems: l, defaultOpenItems: u, onOpenItemsChange: p, headingLevel: m = 3, className: h, children: g, ref: y, ...w } = t, T = n === "multiple";
-	T || (l !== void 0 && i("Accordion", "openItems", "openItem", "In single mode the Accordion takes one value."), u !== void 0 && i("Accordion", "defaultOpenItems", "defaultOpenItem", "In single mode the Accordion takes one value."), p !== void 0 && i("Accordion", "onOpenItemsChange", "onOpenItemChange", "In single mode the Accordion reports one value."));
-	let E = T ? void 0 : r, O = _.useMemo(() => M(E) ?? l, [E, l]), [k] = _.useState(() => (T ? void 0 : M(o)) ?? u ?? C), [A, N] = d(O, k, (e) => {
+var F = (t) => {
+	let { type: n, openItem: r, defaultOpenItem: o, onOpenItemChange: c, openItems: l, defaultOpenItems: u, onOpenItemsChange: p, headingLevel: m = 3, className: h, children: g, ref: _, ...v } = t, x = n === "multiple";
+	x || (l !== void 0 && i("Accordion", "openItems", "openItem", "In single mode the Accordion takes one value."), u !== void 0 && i("Accordion", "defaultOpenItems", "defaultOpenItem", "In single mode the Accordion takes one value."), p !== void 0 && i("Accordion", "onOpenItemsChange", "onOpenItemChange", "In single mode the Accordion reports one value."));
+	let E = x ? void 0 : r, D = y.useMemo(() => P(E) ?? l, [E, l]), [O] = y.useState(() => (x ? void 0 : P(o)) ?? u ?? T), [A, j] = d(D, O, (e) => {
 		let t = [...e];
-		T || c?.(t[0] ?? null), p?.(t);
-	}), P = A.length;
-	_.useEffect(() => {
-		!T && P > 1 && a("Accordion:single-multiple-open", `Accordion: type="single" allows one open item, but ${P} are open. Pass \`openItem\`, or use type="multiple".`);
-	}, [T, P]);
-	let F = _.useCallback((e) => {
-		N((t) => t.includes(e) ? t.filter((t) => t !== e) : T ? [...t, e] : [e]);
-	}, [T, N]), I = _.useRef(null), L = _.useCallback((e) => {
+		x || c?.(t[0] ?? null), p?.(t);
+	}), M = A.length;
+	y.useEffect(() => {
+		!x && M > 1 && a("Accordion:single-multiple-open", `Accordion: type="single" allows one open item, but ${M} are open. Pass \`openItem\`, or use type="multiple".`);
+	}, [x, M]);
+	let F = y.useCallback((e) => {
+		j((t) => t.includes(e) ? t.filter((t) => t !== e) : x ? [...t, e] : [e]);
+	}, [x, j]), I = y.useRef(null), L = y.useCallback((e) => {
 		I.current ??= /* @__PURE__ */ new Map();
 		let t = I.current, n = (t.get(e) ?? 0) + 1;
-		return t.set(e, n), n > 1 && j(e), () => {
+		return t.set(e, n), n > 1 && N(e), () => {
 			let n = (t.get(e) ?? 1) - 1;
 			n > 0 ? t.set(e, n) : t.delete(e);
 		};
-	}, []), R = f("accordion"), z = _.useMemo(() => ({
+	}, []), R = f("accordion"), z = y.useMemo(() => ({
 		openItems: A,
 		toggle: F,
 		registerItem: L,
@@ -74,18 +76,18 @@ var N = (t) => {
 		R,
 		m
 	]);
-	return /* @__PURE__ */ v(b.Provider, {
+	return /* @__PURE__ */ b(S.Provider, {
 		value: z,
-		children: /* @__PURE__ */ v(x.Provider, {
+		children: /* @__PURE__ */ b(C.Provider, {
 			value: null,
-			children: /* @__PURE__ */ v(S.Provider, {
+			children: /* @__PURE__ */ b(w.Provider, {
 				value: null,
-				children: /* @__PURE__ */ v(D.Provider, {
+				children: /* @__PURE__ */ b(k.Provider, {
 					value: !1,
-					children: /* @__PURE__ */ v("div", {
-						ref: y,
+					children: /* @__PURE__ */ b("div", {
+						ref: _,
 						className: e(s.root, "divide-y divide-border", h),
-						...w,
+						...v,
 						children: g
 					})
 				})
@@ -93,54 +95,54 @@ var N = (t) => {
 		})
 	});
 };
-N.displayName = "Accordion";
-function P(e, t, r) {
+F.displayName = "Accordion";
+function I(e, t, r) {
 	if (Array.isArray(e)) {
 		for (let n of e) {
-			let e = P(n, t, r);
+			let e = I(n, t, r);
 			if (e) return e;
 		}
 		return;
 	}
-	if (!_.isValidElement(e)) return;
+	if (!y.isValidElement(e)) return;
 	let i = n(e, { suspend: !1 });
 	if (i === t) return e;
-	if (i !== r && i !== N && i !== R) return P(e.props.children, t, r);
+	if (i !== r && i !== F && i !== B) return I(e.props.children, t, r);
 }
-function F(e) {
+function L(e) {
 	let t = e?.props.id;
 	return typeof t == "string" && t !== "" ? t : void 0;
 }
-function I(e) {
-	if (!_.isValidElement(e)) return !1;
+function R(e) {
+	if (!y.isValidElement(e)) return !1;
 	let t = n(e, { suspend: !1 });
-	if (typeof t == "string" || t === z || t === B || t === N || t === R) return !1;
+	if (typeof t == "string" || t === V || t === H || t === F || t === B) return !1;
 	let r = e.props.children;
-	return n(r, { suspend: !1 }) === z || I(r);
+	return n(r, { suspend: !1 }) === V || R(r);
 }
-function L(e) {
+function z(e) {
 	return `${e} was rendered inside the panel of an Accordion.Item, so it is not the item's ${e === "Accordion.Trigger" ? "header" : "panel"}. Place Accordion.Trigger and Accordion.Panel directly in Accordion.Item, in a Fragment, or in an element that wraps them as \`children\` (such as a Tooltip). The Item cannot see inside a component that renders them itself and treats that component as panel content.`;
 }
-var R = ({ value: n, headingLevel: r, className: i, children: a, ref: o, ...s }) => {
-	let l = k("Accordion.Item"), d = l.openItems.includes(n), { toggle: f, baseId: p, registerItem: m } = l;
-	_.useEffect(() => m(n), [m, n]);
-	let h = r ?? l.headingLevel, b = `h${h}`, C, w, T = [], E = [];
+var B = ({ value: n, headingLevel: r, className: i, children: a, ref: o, ...s }) => {
+	let l = j("Accordion.Item"), d = l.openItems.includes(n), { toggle: f, baseId: p, registerItem: m } = l;
+	y.useEffect(() => m(n), [m, n]);
+	let h = r ?? l.headingLevel, g = `h${h}`, _, S, T = [], E = [];
 	for (let { key: n, node: r } of t(a)) {
-		let t = /* @__PURE__ */ v(_.Fragment, { children: r }, n), i = P(r, z, B), a = P(r, B, z);
-		i || a ? (C ??= i, w ??= a, T.push(I(r) ? /* @__PURE__ */ v(b, {
-			className: e(u.heading, O),
-			children: /* @__PURE__ */ v(D.Provider, {
+		let t = /* @__PURE__ */ b(y.Fragment, { children: r }, n), i = I(r, V, H), a = I(r, H, V);
+		i || a ? (_ ??= i, S ??= a, T.push(R(r) ? /* @__PURE__ */ b(g, {
+			className: e(u.heading, A),
+			children: /* @__PURE__ */ b(k.Provider, {
 				value: !0,
 				children: r
 			})
 		}, n) : t)) : E.push(t);
 	}
-	let A = C !== void 0, j = w !== void 0, M = F(C), N = F(w), L = j || E.length > 0, R = j && E.length > 0 ? E : null, V = _.useMemo(() => ({
+	let D = _ !== void 0, O = S !== void 0, M = L(_), N = L(S), P = O || E.length > 0, F = O && E.length > 0 ? E : null, z = y.useMemo(() => ({
 		value: n,
 		isOpen: d,
-		triggerId: M ?? g(p, "trigger", n),
-		panelId: N ?? g(p, "panel", n),
-		hasPanelContent: L,
+		triggerId: M ?? v(p, "trigger", n),
+		panelId: N ?? v(p, "panel", n),
+		hasPanelContent: P,
 		headingLevel: h,
 		toggle: () => f(n)
 	}), [
@@ -149,89 +151,102 @@ var R = ({ value: n, headingLevel: r, className: i, children: a, ref: o, ...s })
 		p,
 		M,
 		N,
-		L,
+		P,
 		h,
 		f
-	]), H = _.useMemo(() => ({
-		extra: R,
+	]), B = y.useMemo(() => ({
+		extra: F,
 		inPanel: !1
-	}), [R]);
-	return /* @__PURE__ */ v(x.Provider, {
-		value: V,
-		children: /* @__PURE__ */ v(S.Provider, {
-			value: H,
-			children: /* @__PURE__ */ y("div", {
+	}), [F]);
+	return /* @__PURE__ */ b(C.Provider, {
+		value: z,
+		children: /* @__PURE__ */ b(w.Provider, {
+			value: B,
+			children: /* @__PURE__ */ x("div", {
 				ref: o,
 				"data-state": d ? "open" : "closed",
 				className: e(c.root, i),
 				...s,
 				children: [
-					A ? null : /* @__PURE__ */ v(z, { children: n }),
+					D ? null : /* @__PURE__ */ b(V, { children: n }),
 					T,
-					!j && E.length > 0 ? /* @__PURE__ */ v(B, { children: E }) : null
+					!O && E.length > 0 ? /* @__PURE__ */ b(H, { children: E }) : null
 				]
 			})
 		})
 	});
 };
-R.displayName = "AccordionItem";
-var z = ({ id: t, className: n, children: r, onClick: i, ref: s, ...c }) => {
-	let l = A("Accordion.Trigger"), d = _.useContext(S)?.inPanel ?? !1;
-	_.useEffect(() => {
-		d && a("Accordion.Trigger:inside-panel", L("Accordion.Trigger"));
+B.displayName = "AccordionItem";
+var V = ({ id: t, className: n, children: r, onClick: i, ref: s, ...c }) => {
+	let l = M("Accordion.Trigger"), d = y.useContext(w)?.inPanel ?? !1;
+	y.useEffect(() => {
+		d && a("Accordion.Trigger:inside-panel", z("Accordion.Trigger"));
 	}, [d]);
-	let f = _.useContext(D), g = `h${l.headingLevel}`, b = l.isOpen ? "open" : "closed", x = /* @__PURE__ */ y("button", {
+	let f = y.useContext(k), p = `h${l.headingLevel}`, _ = l.isOpen ? "open" : "closed", v = /* @__PURE__ */ x("button", {
 		type: "button",
-		className: e(u.root, "flex w-full items-center justify-between gap-2 px-4 py-3 text-start text-body-1 font-semibold text-foreground", "not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed", p, m, n),
+		className: e(u.root, "flex w-full items-center justify-between gap-2 px-4 py-3 text-start text-body-1 font-semibold text-foreground", "not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed", m, h, n),
 		...c,
 		id: t || (d ? void 0 : l.triggerId),
 		"aria-controls": !d && l.hasPanelContent ? l.panelId : void 0,
 		"aria-expanded": l.isOpen,
-		"data-state": b,
+		"data-state": _,
 		onClick: o(i, l.toggle),
 		ref: s,
-		children: [r, /* @__PURE__ */ v(h, {
+		children: [r, /* @__PURE__ */ b(g, {
 			size: 16,
 			className: e(u.expandIcon, "shrink-0 transition-transform motion-reduce:transition-none", l.isOpen && "rotate-180")
 		})]
 	});
-	return f ? x : /* @__PURE__ */ v(g, {
-		className: e(u.heading, O),
-		children: x
+	return f ? v : /* @__PURE__ */ b(p, {
+		className: e(u.heading, A),
+		children: v
 	});
 };
-z.displayName = "AccordionTrigger";
-var B = ({ id: t, className: n, children: r, ref: i, ...o }) => {
-	let s = A("Accordion.Panel"), c = _.useContext(S), u = c?.inPanel ?? !1;
-	return _.useEffect(() => {
-		u && a("Accordion.Panel:inside-panel", L("Accordion.Panel"));
-	}, [u]), s.isOpen ? u ? /* @__PURE__ */ v("div", {
+V.displayName = "AccordionTrigger";
+var H = ({ id: t, className: n, children: r, motion: i, ref: o, ...s }) => {
+	let c = M("Accordion.Panel"), u = y.useContext(w), d = u?.inPanel ?? !1;
+	y.useEffect(() => {
+		d && a("Accordion.Panel:inside-panel", z("Accordion.Panel"));
+	}, [d]);
+	let f = y.useRef(null), m = y.useRef(null), h = y.useCallback((e) => {
+		f.current = e, e && (m.current = e.ownerDocument);
+	}, []), g = p(o, h), { triggerId: v } = c, { isMounted: S, wrapperRef: C, presenceProps: T, className: E } = _(c.isOpen && !d, {
+		motion: i,
+		partRef: f,
+		getTrigger: () => m.current?.getElementById(v)
+	});
+	return d ? /* @__PURE__ */ b("div", {
 		className: e(l.root, n),
-		...o,
+		...s,
 		id: t || void 0,
-		ref: i,
+		ref: o,
 		children: r
-	}) : /* @__PURE__ */ v(S.Provider, {
-		value: E,
-		children: /* @__PURE__ */ y("div", {
-			role: "region",
-			className: e(l.root, "px-4 pb-3 text-body-1 text-muted-foreground", n),
-			...o,
-			id: t || s.panelId,
-			"aria-labelledby": s.triggerId,
-			"data-state": "open",
-			ref: i,
-			children: [r, c?.extra]
+	}) : S ? /* @__PURE__ */ b(w.Provider, {
+		value: O,
+		children: /* @__PURE__ */ b("div", {
+			ref: C,
+			...T,
+			className: e(l.collapse, E),
+			children: /* @__PURE__ */ x("div", {
+				role: "region",
+				className: e(l.root, "px-4 pb-3 text-body-1 text-muted-foreground", n),
+				...s,
+				id: t || c.panelId,
+				"aria-labelledby": c.triggerId,
+				"data-state": c.isOpen ? "open" : "closed",
+				ref: g,
+				children: [r, u?.extra]
+			})
 		})
 	}) : null;
 };
-B.displayName = "AccordionPanel";
-var V = /* @__PURE__ */ Object.assign(N, {
-	Item: R,
-	Trigger: z,
-	Panel: B
+H.displayName = "AccordionPanel";
+var U = /* @__PURE__ */ Object.assign(F, {
+	Item: B,
+	Trigger: V,
+	Panel: H
 });
 //#endregion
-export { V as Accordion, R as AccordionItem, B as AccordionPanel, z as AccordionTrigger };
+export { U as Accordion, B as AccordionItem, H as AccordionPanel, V as AccordionTrigger };
 
 //# sourceMappingURL=Accordion.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.mjs","names":["useId","useId$1","React","AccordionContext","AccordionItemContext","AccordionPanelSlotContext","EMPTY","INERT_ACCORDION","INERT_ITEM","IN_PANEL","AccordionHeadingOutsideContext","HEADING_CLASS","useAccordionContext","reportMissingContext","component","useAccordionItemContext","warnDuplicateValue","value","toItems","AccordionRoot","openItemsProp","rest","props","multiple","type","warnDeprecated","defaultOpenItems","onOpenItemsChange","controlledSingle","openItem","controlled","initialItems","defaultOpenItem","openItems","setOpenItems","useControllable","list","next","onOpenItemChange","openCount","warnOnce","toggle","prev","v","itemCountsRef","registerItem","counts","count","remaining","baseId","context","headingLevel","cn","accordionClassNames","className","findPart","node","child","found","part","barrier","getElementType","AccordionItem","idOf","id","element","wrapsTriggerOnly","AccordionTrigger","AccordionPanel","misplacedMessage","headingLevelProp","accordion","isOpen","toggleValue","Heading","triggerElement","panelElement","parts","extra","flattenChildren","children","keyed","key","trigger","panel","accordionTriggerClassNames","hasTrigger","hasPanel","triggerIdProp","panelIdProp","hasPanelContent","extraPanelContent","itemContext","getPartId","panelSlot","accordionItemClassNames","idProp","item","inPanel","headingOutside","state","button","disabledStyles","focusRingInset","composeEventHandlers","onClick","ChevronDownIcon","slot","accordionPanelClassNames","Accordion"],"sources":["../../../src/components/layout/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  accordionClassNames,\n  accordionItemClassNames,\n  accordionPanelClassNames,\n  accordionTriggerClassNames,\n} from '../../lib/classNames';\nimport { flattenChildren, getElementType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { reportMissingContext, warnDeprecated, warnOnce } from '../../lib/dev';\nimport { ChevronDownIcon } from '../../lib/icons';\nimport { disabledStyles, focusRingInset } from '../../lib/styles';\nimport type { HeadingLevel, SelectionMode } from '../../lib/types';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useId } from '../../hooks/useId';\nimport { getPartId } from './disclosureIds';\n\n/** Heading level of the element that wraps each Accordion trigger: the shared {@link HeadingLevel}. */\nexport type AccordionHeadingLevel = HeadingLevel;\n\n/* ------------------------------------------------------------------ */\n/*  Contexts                                                           */\n/* ------------------------------------------------------------------ */\n\ninterface AccordionContextValue {\n  openItems: readonly string[];\n  toggle: (value: string) => void;\n  /** Counts a mounted Item's value (warns when several Items share it); returns the unregister. */\n  registerItem: (value: string) => () => void;\n  baseId: string;\n  headingLevel: AccordionHeadingLevel;\n}\n\ninterface AccordionItemContextValue {\n  value: string;\n  isOpen: boolean;\n  /** Id of the trigger button: the consumer `id` of the Item's Trigger, else a generated one. */\n  triggerId: string;\n  /** Id of the panel region: the consumer `id` of the Item's Panel, else a generated one. */\n  panelId: string;\n  /** Whether the Item renders a panel region while open (a Panel, or other content). */\n  hasPanelContent: boolean;\n  headingLevel: AccordionHeadingLevel;\n  toggle: () => void;\n}\n\n/**\n * What an Accordion.Panel renders after its own children. Kept out of the item context, so a new\n * `extra` (a new array on every Item render) re-renders only the Panel.\n */\ninterface AccordionPanelSlotValue {\n  /** Children of the Item that are neither Trigger nor Panel: rendered after the Panel content. */\n  extra: React.ReactNode;\n  /** `true` inside a Panel's content, where a Trigger or Panel is misplaced. */\n  inPanel: boolean;\n}\n\nconst AccordionContext = React.createContext<AccordionContextValue | null>(null);\nconst AccordionItemContext = React.createContext<AccordionItemContextValue | null>(null);\nconst AccordionPanelSlotContext = React.createContext<AccordionPanelSlotValue | null>(null);\n\nconst EMPTY: readonly string[] = [];\n\nconst INERT_ACCORDION: AccordionContextValue = {\n  openItems: EMPTY,\n  toggle: () => {},\n  registerItem: () => () => {},\n  baseId: 'wave-accordion-inert',\n  headingLevel: 3,\n};\n\nconst INERT_ITEM: AccordionItemContextValue = {\n  value: '',\n  isOpen: false,\n  triggerId: 'wave-accordion-inert-trigger',\n  panelId: 'wave-accordion-inert-panel',\n  hasPanelContent: false,\n  headingLevel: 3,\n  toggle: () => {},\n};\n\nconst IN_PANEL: AccordionPanelSlotValue = { extra: null, inPanel: true };\n\n/**\n * `true` inside a wrapper component chain that holds only the item's Trigger (a Tooltip): the Item\n * renders the heading around the wrapper, so the Trigger renders its button without one.\n */\nconst AccordionHeadingOutsideContext = React.createContext(false);\n\n/**\n * Classes of the heading around each trigger button. `grid` stretches its child to the full row,\n * so a wrapper between the heading and the button (a Tooltip's inline-block `<span>`) does not\n * shrink the full-width button and move its chevron away from the row end.\n */\nconst HEADING_CLASS = 'm-0 grid';\n\n/**\n * C-CONTEXT: throws in development; in production logs once (`reportMissingContext`) and returns\n * the inert value.\n */\nfunction useAccordionContext(component: string): AccordionContextValue {\n  const context = React.useContext(AccordionContext);\n  if (context) return context;\n  reportMissingContext(component, '<Accordion>');\n  return INERT_ACCORDION;\n}\n\nfunction useAccordionItemContext(component: string): AccordionItemContextValue {\n  const context = React.useContext(AccordionItemContext);\n  if (context) return context;\n  reportMissingContext(component, '<Accordion.Item>');\n  return INERT_ITEM;\n}\n\nfunction warnDuplicateValue(value: string): void {\n  warnOnce(\n    `Accordion:duplicate:${value}`,\n    `Accordion: several items share the value \"${value}\". Item values must be unique within an ` +\n      'Accordion; items with the same value open and close together and share their trigger and ' +\n      'panel ids.',\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Accordion                                                          */\n/* ------------------------------------------------------------------ */\n\n/** Props shared by {@link AccordionSingleProps} and {@link AccordionMultipleProps}. */\nexport interface AccordionBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Level of the heading element (`<h1>`–`<h6>`) that wraps every trigger button (WAI-ARIA\n   * Accordion pattern). Each `Accordion.Item` can override it.\n   * @default 3\n   */\n  headingLevel?: AccordionHeadingLevel;\n  /** Ref to the root `<div>`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Props of an Accordion in which at most one item is open (the default). */\nexport interface AccordionSingleProps extends AccordionBaseProps {\n  /**\n   * Whether only one or multiple items can be open at a time.\n   * @default 'single'\n   */\n  type?: Extract<SelectionMode, 'single'>;\n  /** Controlled open item (`null`: every item closed). */\n  openItem?: string | null;\n  /** Initially open item for uncontrolled usage. */\n  defaultOpenItem?: string | null;\n  /** Called with the new open item (`null` when it closed) when it changes. */\n  onOpenItemChange?: (openItem: string | null) => void;\n  /** @deprecated Use `openItem` (single mode); `openItems` belongs to `type=\"multiple\"`. */\n  openItems?: readonly string[];\n  /**\n   * @deprecated Use `defaultOpenItem` (single mode); `defaultOpenItems` belongs to\n   * `type=\"multiple\"`.\n   */\n  defaultOpenItems?: readonly string[];\n  /**\n   * @deprecated Use `onOpenItemChange` (single mode); `onOpenItemsChange` belongs to\n   * `type=\"multiple\"`.\n   */\n  onOpenItemsChange?: (openItems: string[]) => void;\n}\n\n/** Props of an Accordion in which any number of items can be open. */\nexport interface AccordionMultipleProps extends AccordionBaseProps {\n  /** Whether only one or multiple items can be open at a time. */\n  type: Extract<SelectionMode, 'multiple'>;\n  /** Controlled array of open item values (a readonly array is accepted). */\n  openItems?: readonly string[];\n  /**\n   * Initially open items for uncontrolled usage.\n   * @default []\n   */\n  defaultOpenItems?: readonly string[];\n  /** Called with the new open items (a new array) when they change. */\n  onOpenItemsChange?: (openItems: string[]) => void;\n  openItem?: never;\n  defaultOpenItem?: never;\n  onOpenItemChange?: never;\n}\n\n/**\n * Properties for the Accordion component: a discriminated union on `type`. Single mode\n * (default) uses `openItem`/`defaultOpenItem`/`onOpenItemChange`; `type=\"multiple\"` uses\n * `openItems`/`defaultOpenItems`/`onOpenItemsChange`.\n *\n * A union cannot be extended by an `interface` (TS2312), which 0.4's interface allowed: extend\n * `AccordionSingleProps` or `AccordionMultipleProps` instead\n * (`interface MyProps extends AccordionSingleProps {}`), or intersect the union\n * (`type MyProps = AccordionProps & { … }`).\n */\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps;\n\nfunction toItems(value: string | null | undefined): readonly string[] | undefined {\n  if (value === undefined) return undefined;\n  return value === null ? EMPTY : [value];\n}\n\n// The Accordion root, documented on the exported `Accordion` const.\nconst AccordionRoot = (props: AccordionProps) => {\n  const {\n    type,\n    openItem,\n    defaultOpenItem,\n    onOpenItemChange,\n    openItems: openItemsProp,\n    defaultOpenItems,\n    onOpenItemsChange,\n    headingLevel = 3,\n    className,\n    children,\n    ref,\n    ...rest\n  } = props as Omit<AccordionSingleProps, 'type'> & { type?: SelectionMode };\n  const multiple = type === 'multiple';\n\n  if (!multiple) {\n    if (openItemsProp !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'openItems',\n        'openItem',\n        'In single mode the Accordion takes one value.',\n      );\n    }\n    if (defaultOpenItems !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'defaultOpenItems',\n        'defaultOpenItem',\n        'In single mode the Accordion takes one value.',\n      );\n    }\n    if (onOpenItemsChange !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'onOpenItemsChange',\n        'onOpenItemChange',\n        'In single mode the Accordion reports one value.',\n      );\n    }\n  }\n\n  const controlledSingle = multiple ? undefined : openItem;\n  const controlled = React.useMemo(\n    () => toItems(controlledSingle) ?? openItemsProp,\n    [controlledSingle, openItemsProp],\n  );\n  const [initialItems] = React.useState(\n    () => (multiple ? undefined : toItems(defaultOpenItem)) ?? defaultOpenItems ?? EMPTY,\n  );\n\n  const handleChange = (next: readonly string[]) => {\n    const list = [...next];\n    if (!multiple) onOpenItemChange?.(list[0] ?? null);\n    onOpenItemsChange?.(list);\n  };\n\n  const [openItems, setOpenItems] = useControllable<readonly string[]>(\n    controlled,\n    initialItems,\n    handleChange,\n  );\n\n  const openCount = openItems.length;\n  React.useEffect(() => {\n    if (!multiple && openCount > 1) {\n      warnOnce(\n        'Accordion:single-multiple-open',\n        `Accordion: type=\"single\" allows one open item, but ${openCount} are open. Pass \\`openItem\\`, or use type=\"multiple\".`,\n      );\n    }\n  }, [multiple, openCount]);\n\n  const toggle = React.useCallback(\n    (value: string) => {\n      setOpenItems((prev) => {\n        if (prev.includes(value)) return prev.filter((v) => v !== value);\n        return multiple ? [...prev, value] : [value];\n      });\n    },\n    [multiple, setOpenItems],\n  );\n\n  // How many mounted Items hold each value, to warn about a repeated value (C-DEV). Only the Items'\n  // effects touch it (through `registerItem`), never render.\n  const itemCountsRef = React.useRef<Map<string, number>>(null);\n  const registerItem = React.useCallback((value: string) => {\n    itemCountsRef.current ??= new Map();\n    const counts = itemCountsRef.current;\n    const count = (counts.get(value) ?? 0) + 1;\n    counts.set(value, count);\n    if (count > 1) warnDuplicateValue(value);\n    return () => {\n      const remaining = (counts.get(value) ?? 1) - 1;\n      if (remaining > 0) counts.set(value, remaining);\n      else counts.delete(value);\n    };\n  }, []);\n\n  const baseId = useId('accordion');\n  const context = React.useMemo<AccordionContextValue>(\n    () => ({ openItems, toggle, registerItem, baseId, headingLevel }),\n    [openItems, toggle, registerItem, baseId, headingLevel],\n  );\n\n  return (\n    <AccordionContext.Provider value={context}>\n      {/* A nested Accordion's direct children are not inside the outer Item. */}\n      <AccordionItemContext.Provider value={null}>\n        <AccordionPanelSlotContext.Provider value={null}>\n          <AccordionHeadingOutsideContext.Provider value={false}>\n            <div\n              ref={ref}\n              className={cn(accordionClassNames.root, 'divide-y divide-border', className)}\n              {...rest}\n            >\n              {children}\n            </div>\n          </AccordionHeadingOutsideContext.Provider>\n        </AccordionPanelSlotContext.Provider>\n      </AccordionItemContext.Provider>\n    </AccordionContext.Provider>\n  );\n};\nAccordionRoot.displayName = 'Accordion';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Item                                                     */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionItem sub-component. */\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Unique value identifying this accordion item. */\n  value: string;\n  /** Heading level of this item's trigger; overrides the Accordion's `headingLevel`. */\n  headingLevel?: AccordionHeadingLevel;\n  /** Ref to the item `<div>`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\ninterface PartProps {\n  id?: unknown;\n  children?: unknown;\n}\n\n/**\n * The first `part` element in `node`: the node itself, or an element found through Fragments\n * and the `children` of wrapper elements (a Tooltip around a Trigger). The search does not enter\n * `barrier` elements or a nested Accordion/Item, and cannot see what a component renders itself.\n * Parts are identified by their unwrapped element type, so parts written in a Server Component\n * (lazy client references) are found too. A `React.lazy` still loading (content inside the\n * consumer's own `<Suspense>`) is no part and never suspends the Item: its children are searched.\n */\nfunction findPart(\n  node: unknown,\n  part: React.ElementType,\n  barrier: React.ElementType,\n): React.ReactElement<PartProps> | undefined {\n  if (Array.isArray(node)) {\n    for (const child of node) {\n      const found = findPart(child, part, barrier);\n      if (found) return found;\n    }\n    return undefined;\n  }\n  if (!React.isValidElement<PartProps>(node)) return undefined;\n  const type = getElementType(node, { suspend: false });\n  if (type === part) return node;\n  if (type === barrier || type === AccordionRoot || type === AccordionItem) return undefined;\n  return findPart(node.props.children, part, barrier);\n}\n\n/**\n * The consumer `id` of a Trigger or Panel element, if it has one. An empty `id` counts as none,\n * here and where the Trigger and Panel render their id (`idProp || generated`).\n */\nfunction idOf(element: React.ReactElement<PartProps> | undefined): string | undefined {\n  const id = element?.props.id;\n  return typeof id === 'string' && id !== '' ? id : undefined;\n}\n\n/**\n * Whether `node` is a chain of wrapper components, each with the next as its only child, that ends\n * at an Accordion.Trigger: a Tooltip around the Trigger. The Item puts the heading around such a\n * chain instead of inside it, so no heading ends up in a wrapper's phrasing `<span>`. Elements\n * (`<div>`, `<span>`) render as written: the heading stays inside them.\n */\nfunction wrapsTriggerOnly(node: unknown): boolean {\n  if (!React.isValidElement<PartProps>(node)) return false;\n  const type = getElementType(node, { suspend: false });\n  if (\n    typeof type === 'string' ||\n    type === AccordionTrigger ||\n    type === AccordionPanel ||\n    type === AccordionRoot ||\n    type === AccordionItem\n  ) {\n    return false;\n  }\n  const child = node.props.children as React.ReactNode;\n  return getElementType(child, { suspend: false }) === AccordionTrigger || wrapsTriggerOnly(child);\n}\n\nfunction misplacedMessage(component: 'Accordion.Trigger' | 'Accordion.Panel'): string {\n  return (\n    `${component} was rendered inside the panel of an Accordion.Item, so it is not the item's ` +\n    `${component === 'Accordion.Trigger' ? 'header' : 'panel'}. Place Accordion.Trigger and ` +\n    'Accordion.Panel directly in Accordion.Item, in a Fragment, or in an element that wraps them ' +\n    'as `children` (such as a Tooltip). The Item cannot see inside a component that renders them ' +\n    'itself and treats that component as panel content.'\n  );\n}\n\n/**\n * One section of an Accordion. Place an `Accordion.Trigger` and an `Accordion.Panel` inside it:\n * directly, in a Fragment, or in an element that wraps them as `children` (for example a Tooltip\n * around the Trigger). A component that renders a Trigger or Panel itself is not seen through: it\n * counts as panel content, and a development warning says so.\n *\n * The trigger button sits in a heading (`headingLevel`). A wrapper component whose only child is\n * the Trigger (a Tooltip, also several nested) goes inside that heading, around the button, so\n * the heading never ends up in the wrapper's inline `<span>` and the button keeps the full row.\n * An element such as a `<div>`, or a wrapper that holds more than the Trigger, renders as written,\n * with the heading inside it.\n *\n * Without a Trigger the item's `value` is the button label. Other children (plain text included)\n * are rendered in the panel, after the Panel's own content.\n */\nconst AccordionItem = ({\n  value,\n  headingLevel: headingLevelProp,\n  className,\n  children,\n  ref,\n  ...rest\n}: AccordionItemProps) => {\n  const accordion = useAccordionContext('Accordion.Item');\n  const isOpen = accordion.openItems.includes(value);\n  const { toggle: toggleValue, baseId, registerItem } = accordion;\n  React.useEffect(() => registerItem(value), [registerItem, value]);\n  const headingLevel = headingLevelProp ?? accordion.headingLevel;\n  const Heading: `h${AccordionHeadingLevel}` = `h${headingLevel}`;\n\n  let triggerElement: React.ReactElement<PartProps> | undefined;\n  let panelElement: React.ReactElement<PartProps> | undefined;\n  const parts: React.ReactNode[] = [];\n  const extra: React.ReactNode[] = [];\n  for (const { key, node: child } of flattenChildren(children)) {\n    const keyed = <React.Fragment key={key}>{child}</React.Fragment>;\n    const trigger = findPart(child, AccordionTrigger, AccordionPanel);\n    const panel = findPart(child, AccordionPanel, AccordionTrigger);\n    if (trigger || panel) {\n      triggerElement ??= trigger;\n      panelElement ??= panel;\n      parts.push(\n        wrapsTriggerOnly(child) ? (\n          <Heading key={key} className={cn(accordionTriggerClassNames.heading, HEADING_CLASS)}>\n            <AccordionHeadingOutsideContext.Provider value={true}>\n              {child}\n            </AccordionHeadingOutsideContext.Provider>\n          </Heading>\n        ) : (\n          keyed\n        ),\n      );\n    } else {\n      extra.push(keyed);\n    }\n  }\n  const hasTrigger = triggerElement !== undefined;\n  const hasPanel = panelElement !== undefined;\n  const triggerIdProp = idOf(triggerElement);\n  const panelIdProp = idOf(panelElement);\n  const hasPanelContent = hasPanel || extra.length > 0;\n  const extraPanelContent = hasPanel && extra.length > 0 ? extra : null;\n\n  const itemContext = React.useMemo<AccordionItemContextValue>(\n    () => ({\n      value,\n      isOpen,\n      triggerId: triggerIdProp ?? getPartId(baseId, 'trigger', value),\n      panelId: panelIdProp ?? getPartId(baseId, 'panel', value),\n      hasPanelContent,\n      headingLevel,\n      toggle: () => toggleValue(value),\n    }),\n    [value, isOpen, baseId, triggerIdProp, panelIdProp, hasPanelContent, headingLevel, toggleValue],\n  );\n  const panelSlot = React.useMemo<AccordionPanelSlotValue>(\n    () => ({ extra: extraPanelContent, inPanel: false }),\n    [extraPanelContent],\n  );\n\n  return (\n    <AccordionItemContext.Provider value={itemContext}>\n      <AccordionPanelSlotContext.Provider value={panelSlot}>\n        <div\n          ref={ref}\n          data-state={isOpen ? 'open' : 'closed'}\n          className={cn(accordionItemClassNames.root, className)}\n          {...rest}\n        >\n          {hasTrigger ? null : <AccordionTrigger>{value}</AccordionTrigger>}\n          {parts}\n          {!hasPanel && extra.length > 0 ? <AccordionPanel>{extra}</AccordionPanel> : null}\n        </div>\n      </AccordionPanelSlotContext.Provider>\n    </AccordionItemContext.Provider>\n  );\n};\nAccordionItem.displayName = 'AccordionItem';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Trigger                                                  */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionTrigger sub-component (merged onto the trigger `<button>`). */\nexport interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Ref to the trigger `<button>`. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * The button that opens and closes its Accordion.Item, wrapped in a heading (`headingLevel`); when\n * it is the only child of a wrapper component in the Item (a Tooltip), the heading goes around\n * that wrapper instead (see `Accordion.Item`). Its props land on the `<button>`: `className` is\n * merged (yours wins), `onClick` runs before the toggle (call `event.preventDefault()` to keep the\n * item as it is), `ref` receives the button, and a non-empty `id` replaces the generated one (the\n * panel's `aria-labelledby` follows it).\n */\nconst AccordionTrigger = ({\n  id: idProp,\n  className,\n  children,\n  onClick,\n  ref,\n  ...rest\n}: AccordionTriggerProps) => {\n  const item = useAccordionItemContext('Accordion.Trigger');\n  const inPanel = React.useContext(AccordionPanelSlotContext)?.inPanel ?? false;\n  React.useEffect(() => {\n    if (inPanel) {\n      warnOnce('Accordion.Trigger:inside-panel', misplacedMessage('Accordion.Trigger'));\n    }\n  }, [inPanel]);\n  const headingOutside = React.useContext(AccordionHeadingOutsideContext);\n  const Heading: `h${AccordionHeadingLevel}` = `h${item.headingLevel}`;\n  const state = item.isOpen ? 'open' : 'closed';\n\n  const button = (\n    <button\n      type=\"button\"\n      className={cn(\n        accordionTriggerClassNames.root,\n        'flex w-full items-center justify-between gap-2 px-4 py-3 text-start text-body-1 font-semibold text-foreground',\n        'not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed',\n        disabledStyles,\n        focusRingInset,\n        className,\n      )}\n      {...rest}\n      // A misplaced Trigger (inside the panel) still toggles, but only the item's own trigger\n      // carries the item's id and panel reference.\n      id={idProp || (inPanel ? undefined : item.triggerId)}\n      // Only a panel region the item renders is referenced (none without panel content).\n      aria-controls={!inPanel && item.hasPanelContent ? item.panelId : undefined}\n      aria-expanded={item.isOpen}\n      data-state={state}\n      onClick={composeEventHandlers(onClick, item.toggle)}\n      ref={ref}\n    >\n      {children}\n      <ChevronDownIcon\n        size={16}\n        className={cn(\n          accordionTriggerClassNames.expandIcon,\n          'shrink-0 transition-transform motion-reduce:transition-none',\n          item.isOpen && 'rotate-180',\n        )}\n      />\n    </button>\n  );\n  // Inside a wrapper chain (a Tooltip) the Item has rendered the heading around the wrapper.\n  return headingOutside ? (\n    button\n  ) : (\n    <Heading className={cn(accordionTriggerClassNames.heading, HEADING_CLASS)}>{button}</Heading>\n  );\n};\nAccordionTrigger.displayName = 'AccordionTrigger';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Panel                                                    */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionPanel sub-component (merged onto the `role=\"region\"` element). */\nexport interface AccordionPanelProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Ref to the panel `<div role=\"region\">`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * The content region of an Accordion.Item, rendered only while the item is open and labelled by\n * its trigger. Its props (className merged, `ref`, `data-*`, handlers) land on the region, and a\n * non-empty `id` replaces the generated one (the trigger's `aria-controls` follows it).\n */\nconst AccordionPanel = ({ id: idProp, className, children, ref, ...rest }: AccordionPanelProps) => {\n  const item = useAccordionItemContext('Accordion.Panel');\n  const slot = React.useContext(AccordionPanelSlotContext);\n  const inPanel = slot?.inPanel ?? false;\n  React.useEffect(() => {\n    if (inPanel) warnOnce('Accordion.Panel:inside-panel', misplacedMessage('Accordion.Panel'));\n  }, [inPanel]);\n  if (!item.isOpen) return null;\n  if (inPanel) {\n    // Misplaced: its content joins the enclosing region (one region and one panel id per item).\n    return (\n      <div\n        className={cn(accordionPanelClassNames.root, className)}\n        {...rest}\n        id={idProp || undefined}\n        ref={ref}\n      >\n        {children}\n      </div>\n    );\n  }\n  return (\n    <AccordionPanelSlotContext.Provider value={IN_PANEL}>\n      <div\n        role=\"region\"\n        className={cn(\n          accordionPanelClassNames.root,\n          'px-4 pb-3 text-body-1 text-muted-foreground',\n          className,\n        )}\n        {...rest}\n        id={idProp || item.panelId}\n        aria-labelledby={item.triggerId}\n        data-state=\"open\"\n        ref={ref}\n      >\n        {children}\n        {slot?.extra}\n      </div>\n    </AccordionPanelSlotContext.Provider>\n  );\n};\nAccordionPanel.displayName = 'AccordionPanel';\n\n/* ------------------------------------------------------------------ */\n/*  Export                                                             */\n/* ------------------------------------------------------------------ */\n\n/**\n * A vertically stacked set of disclosure sections (WAI-ARIA Accordion pattern). Each\n * `Accordion.Item` renders an `Accordion.Trigger` button inside a heading (`headingLevel`) and an\n * `Accordion.Panel` region that is shown while the item is open.\n *\n * Single mode (the default) keeps at most one item open (`openItem`, `defaultOpenItem`,\n * `onOpenItemChange`); `type=\"multiple\"` lets any number of items open (`openItems`,\n * `defaultOpenItems`, `onOpenItemsChange`). Each Item's `value` must be unique within its\n * Accordion: a development warning names a repeated value.\n *\n * Sub-components are also exported under flat names (`AccordionItem`, `AccordionTrigger`,\n * `AccordionPanel`) for React Server Components, which cannot use the dotted form.\n */\nexport const Accordion = /* @__PURE__ */ Object.assign(AccordionRoot, {\n  Item: AccordionItem,\n  Trigger: AccordionTrigger,\n  Panel: AccordionPanel,\n});\n\nexport { AccordionItem, AccordionTrigger, AccordionPanel };\n"],"mappings":"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"}
+{"version":3,"file":"Accordion.mjs","names":["useId","useId$1","React","AccordionContext","AccordionItemContext","AccordionPanelSlotContext","EMPTY","INERT_ACCORDION","INERT_ITEM","IN_PANEL","AccordionHeadingOutsideContext","HEADING_CLASS","useAccordionContext","reportMissingContext","component","useAccordionItemContext","warnDuplicateValue","value","toItems","AccordionRoot","openItemsProp","rest","props","multiple","type","warnDeprecated","defaultOpenItems","onOpenItemsChange","controlledSingle","openItem","controlled","initialItems","defaultOpenItem","openItems","setOpenItems","useControllable","list","next","onOpenItemChange","openCount","warnOnce","toggle","prev","v","itemCountsRef","registerItem","counts","count","remaining","baseId","context","headingLevel","cn","accordionClassNames","className","findPart","node","child","found","part","barrier","getElementType","AccordionItem","idOf","id","element","wrapsTriggerOnly","AccordionTrigger","AccordionPanel","misplacedMessage","headingLevelProp","accordion","isOpen","toggleValue","Heading","triggerElement","panelElement","parts","extra","flattenChildren","children","keyed","key","trigger","panel","accordionTriggerClassNames","hasTrigger","hasPanel","triggerIdProp","panelIdProp","hasPanelContent","extraPanelContent","itemContext","getPartId","panelSlot","accordionItemClassNames","idProp","item","inPanel","headingOutside","state","button","disabledStyles","focusRingInset","composeEventHandlers","onClick","ChevronDownIcon","slot","regionRef","documentRef","attachRegion","mergedRegionRef","useMergedRefs","ref","collapseClassName","useCollapsePresence","triggerId","accordionPanelClassNames","isMounted","wrapperRef","presenceProps","Accordion"],"sources":["../../../src/components/layout/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  accordionClassNames,\n  accordionItemClassNames,\n  accordionPanelClassNames,\n  accordionTriggerClassNames,\n} from '../../lib/classNames';\nimport { flattenChildren, getElementType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { reportMissingContext, warnDeprecated, warnOnce } from '../../lib/dev';\nimport { ChevronDownIcon } from '../../lib/icons';\nimport { disabledStyles, focusRingInset } from '../../lib/styles';\nimport type { HeadingLevel, MotionSlot, SelectionMode } from '../../lib/types';\nimport { useCollapsePresence } from '../../hooks/useCollapsePresence';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { getPartId } from './disclosureIds';\n\n/** Heading level of the element that wraps each Accordion trigger: the shared {@link HeadingLevel}. */\nexport type AccordionHeadingLevel = HeadingLevel;\n\n/* ------------------------------------------------------------------ */\n/*  Contexts                                                           */\n/* ------------------------------------------------------------------ */\n\ninterface AccordionContextValue {\n  openItems: readonly string[];\n  toggle: (value: string) => void;\n  /** Counts a mounted Item's value (warns when several Items share it); returns the unregister. */\n  registerItem: (value: string) => () => void;\n  baseId: string;\n  headingLevel: AccordionHeadingLevel;\n}\n\ninterface AccordionItemContextValue {\n  value: string;\n  isOpen: boolean;\n  /** Id of the trigger button: the consumer `id` of the Item's Trigger, else a generated one. */\n  triggerId: string;\n  /** Id of the panel region: the consumer `id` of the Item's Panel, else a generated one. */\n  panelId: string;\n  /** Whether the Item renders a panel region while open (a Panel, or other content). */\n  hasPanelContent: boolean;\n  headingLevel: AccordionHeadingLevel;\n  toggle: () => void;\n}\n\n/**\n * What an Accordion.Panel renders after its own children. Kept out of the item context, so a new\n * `extra` (a new array on every Item render) re-renders only the Panel.\n */\ninterface AccordionPanelSlotValue {\n  /** Children of the Item that are neither Trigger nor Panel: rendered after the Panel content. */\n  extra: React.ReactNode;\n  /** `true` inside a Panel's content, where a Trigger or Panel is misplaced. */\n  inPanel: boolean;\n}\n\nconst AccordionContext = React.createContext<AccordionContextValue | null>(null);\nconst AccordionItemContext = React.createContext<AccordionItemContextValue | null>(null);\nconst AccordionPanelSlotContext = React.createContext<AccordionPanelSlotValue | null>(null);\n\nconst EMPTY: readonly string[] = [];\n\nconst INERT_ACCORDION: AccordionContextValue = {\n  openItems: EMPTY,\n  toggle: () => {},\n  registerItem: () => () => {},\n  baseId: 'wave-accordion-inert',\n  headingLevel: 3,\n};\n\nconst INERT_ITEM: AccordionItemContextValue = {\n  value: '',\n  isOpen: false,\n  triggerId: 'wave-accordion-inert-trigger',\n  panelId: 'wave-accordion-inert-panel',\n  hasPanelContent: false,\n  headingLevel: 3,\n  toggle: () => {},\n};\n\nconst IN_PANEL: AccordionPanelSlotValue = { extra: null, inPanel: true };\n\n/**\n * `true` inside a wrapper component chain that holds only the item's Trigger (a Tooltip): the Item\n * renders the heading around the wrapper, so the Trigger renders its button without one.\n */\nconst AccordionHeadingOutsideContext = React.createContext(false);\n\n/**\n * Classes of the heading around each trigger button. `grid` stretches its child to the full row,\n * so a wrapper between the heading and the button (a Tooltip's inline-block `<span>`) does not\n * shrink the full-width button and move its chevron away from the row end.\n */\nconst HEADING_CLASS = 'm-0 grid';\n\n/**\n * C-CONTEXT: throws in development; in production logs once (`reportMissingContext`) and returns\n * the inert value.\n */\nfunction useAccordionContext(component: string): AccordionContextValue {\n  const context = React.useContext(AccordionContext);\n  if (context) return context;\n  reportMissingContext(component, '<Accordion>');\n  return INERT_ACCORDION;\n}\n\nfunction useAccordionItemContext(component: string): AccordionItemContextValue {\n  const context = React.useContext(AccordionItemContext);\n  if (context) return context;\n  reportMissingContext(component, '<Accordion.Item>');\n  return INERT_ITEM;\n}\n\nfunction warnDuplicateValue(value: string): void {\n  warnOnce(\n    `Accordion:duplicate:${value}`,\n    `Accordion: several items share the value \"${value}\". Item values must be unique within an ` +\n      'Accordion; items with the same value open and close together and share their trigger and ' +\n      'panel ids.',\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/*  Accordion                                                          */\n/* ------------------------------------------------------------------ */\n\n/** Props shared by {@link AccordionSingleProps} and {@link AccordionMultipleProps}. */\nexport interface AccordionBaseProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Level of the heading element (`<h1>`–`<h6>`) that wraps every trigger button (WAI-ARIA\n   * Accordion pattern). Each `Accordion.Item` can override it.\n   * @default 3\n   */\n  headingLevel?: AccordionHeadingLevel;\n  /** Ref to the root `<div>`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Props of an Accordion in which at most one item is open (the default). */\nexport interface AccordionSingleProps extends AccordionBaseProps {\n  /**\n   * Whether only one or multiple items can be open at a time.\n   * @default 'single'\n   */\n  type?: Extract<SelectionMode, 'single'>;\n  /** Controlled open item (`null`: every item closed). */\n  openItem?: string | null;\n  /** Initially open item for uncontrolled usage. */\n  defaultOpenItem?: string | null;\n  /** Called with the new open item (`null` when it closed) when it changes. */\n  onOpenItemChange?: (openItem: string | null) => void;\n  /** @deprecated Use `openItem` (single mode); `openItems` belongs to `type=\"multiple\"`. */\n  openItems?: readonly string[];\n  /**\n   * @deprecated Use `defaultOpenItem` (single mode); `defaultOpenItems` belongs to\n   * `type=\"multiple\"`.\n   */\n  defaultOpenItems?: readonly string[];\n  /**\n   * @deprecated Use `onOpenItemChange` (single mode); `onOpenItemsChange` belongs to\n   * `type=\"multiple\"`.\n   */\n  onOpenItemsChange?: (openItems: string[]) => void;\n}\n\n/** Props of an Accordion in which any number of items can be open. */\nexport interface AccordionMultipleProps extends AccordionBaseProps {\n  /** Whether only one or multiple items can be open at a time. */\n  type: Extract<SelectionMode, 'multiple'>;\n  /** Controlled array of open item values (a readonly array is accepted). */\n  openItems?: readonly string[];\n  /**\n   * Initially open items for uncontrolled usage.\n   * @default []\n   */\n  defaultOpenItems?: readonly string[];\n  /** Called with the new open items (a new array) when they change. */\n  onOpenItemsChange?: (openItems: string[]) => void;\n  openItem?: never;\n  defaultOpenItem?: never;\n  onOpenItemChange?: never;\n}\n\n/**\n * Properties for the Accordion component: a discriminated union on `type`. Single mode\n * (default) uses `openItem`/`defaultOpenItem`/`onOpenItemChange`; `type=\"multiple\"` uses\n * `openItems`/`defaultOpenItems`/`onOpenItemsChange`.\n *\n * A union cannot be extended by an `interface` (TS2312), which 0.4's interface allowed: extend\n * `AccordionSingleProps` or `AccordionMultipleProps` instead\n * (`interface MyProps extends AccordionSingleProps {}`), or intersect the union\n * (`type MyProps = AccordionProps & { … }`).\n */\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps;\n\nfunction toItems(value: string | null | undefined): readonly string[] | undefined {\n  if (value === undefined) return undefined;\n  return value === null ? EMPTY : [value];\n}\n\n// The Accordion root, documented on the exported `Accordion` const.\nconst AccordionRoot = (props: AccordionProps) => {\n  const {\n    type,\n    openItem,\n    defaultOpenItem,\n    onOpenItemChange,\n    openItems: openItemsProp,\n    defaultOpenItems,\n    onOpenItemsChange,\n    headingLevel = 3,\n    className,\n    children,\n    ref,\n    ...rest\n  } = props as Omit<AccordionSingleProps, 'type'> & { type?: SelectionMode };\n  const multiple = type === 'multiple';\n\n  if (!multiple) {\n    if (openItemsProp !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'openItems',\n        'openItem',\n        'In single mode the Accordion takes one value.',\n      );\n    }\n    if (defaultOpenItems !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'defaultOpenItems',\n        'defaultOpenItem',\n        'In single mode the Accordion takes one value.',\n      );\n    }\n    if (onOpenItemsChange !== undefined) {\n      warnDeprecated(\n        'Accordion',\n        'onOpenItemsChange',\n        'onOpenItemChange',\n        'In single mode the Accordion reports one value.',\n      );\n    }\n  }\n\n  const controlledSingle = multiple ? undefined : openItem;\n  const controlled = React.useMemo(\n    () => toItems(controlledSingle) ?? openItemsProp,\n    [controlledSingle, openItemsProp],\n  );\n  const [initialItems] = React.useState(\n    () => (multiple ? undefined : toItems(defaultOpenItem)) ?? defaultOpenItems ?? EMPTY,\n  );\n\n  const handleChange = (next: readonly string[]) => {\n    const list = [...next];\n    if (!multiple) onOpenItemChange?.(list[0] ?? null);\n    onOpenItemsChange?.(list);\n  };\n\n  const [openItems, setOpenItems] = useControllable<readonly string[]>(\n    controlled,\n    initialItems,\n    handleChange,\n  );\n\n  const openCount = openItems.length;\n  React.useEffect(() => {\n    if (!multiple && openCount > 1) {\n      warnOnce(\n        'Accordion:single-multiple-open',\n        `Accordion: type=\"single\" allows one open item, but ${openCount} are open. Pass \\`openItem\\`, or use type=\"multiple\".`,\n      );\n    }\n  }, [multiple, openCount]);\n\n  const toggle = React.useCallback(\n    (value: string) => {\n      setOpenItems((prev) => {\n        if (prev.includes(value)) return prev.filter((v) => v !== value);\n        return multiple ? [...prev, value] : [value];\n      });\n    },\n    [multiple, setOpenItems],\n  );\n\n  // How many mounted Items hold each value, to warn about a repeated value (C-DEV). Only the Items'\n  // effects touch it (through `registerItem`), never render.\n  const itemCountsRef = React.useRef<Map<string, number>>(null);\n  const registerItem = React.useCallback((value: string) => {\n    itemCountsRef.current ??= new Map();\n    const counts = itemCountsRef.current;\n    const count = (counts.get(value) ?? 0) + 1;\n    counts.set(value, count);\n    if (count > 1) warnDuplicateValue(value);\n    return () => {\n      const remaining = (counts.get(value) ?? 1) - 1;\n      if (remaining > 0) counts.set(value, remaining);\n      else counts.delete(value);\n    };\n  }, []);\n\n  const baseId = useId('accordion');\n  const context = React.useMemo<AccordionContextValue>(\n    () => ({ openItems, toggle, registerItem, baseId, headingLevel }),\n    [openItems, toggle, registerItem, baseId, headingLevel],\n  );\n\n  return (\n    <AccordionContext.Provider value={context}>\n      {/* A nested Accordion's direct children are not inside the outer Item. */}\n      <AccordionItemContext.Provider value={null}>\n        <AccordionPanelSlotContext.Provider value={null}>\n          <AccordionHeadingOutsideContext.Provider value={false}>\n            <div\n              ref={ref}\n              className={cn(accordionClassNames.root, 'divide-y divide-border', className)}\n              {...rest}\n            >\n              {children}\n            </div>\n          </AccordionHeadingOutsideContext.Provider>\n        </AccordionPanelSlotContext.Provider>\n      </AccordionItemContext.Provider>\n    </AccordionContext.Provider>\n  );\n};\nAccordionRoot.displayName = 'Accordion';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Item                                                     */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionItem sub-component. */\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Unique value identifying this accordion item. */\n  value: string;\n  /** Heading level of this item's trigger; overrides the Accordion's `headingLevel`. */\n  headingLevel?: AccordionHeadingLevel;\n  /** Ref to the item `<div>`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\ninterface PartProps {\n  id?: unknown;\n  children?: unknown;\n}\n\n/**\n * The first `part` element in `node`: the node itself, or an element found through Fragments\n * and the `children` of wrapper elements (a Tooltip around a Trigger). The search does not enter\n * `barrier` elements or a nested Accordion/Item, and cannot see what a component renders itself.\n * Parts are identified by their unwrapped element type, so parts written in a Server Component\n * (lazy client references) are found too. A `React.lazy` still loading (content inside the\n * consumer's own `<Suspense>`) is no part and never suspends the Item: its children are searched.\n */\nfunction findPart(\n  node: unknown,\n  part: React.ElementType,\n  barrier: React.ElementType,\n): React.ReactElement<PartProps> | undefined {\n  if (Array.isArray(node)) {\n    for (const child of node) {\n      const found = findPart(child, part, barrier);\n      if (found) return found;\n    }\n    return undefined;\n  }\n  if (!React.isValidElement<PartProps>(node)) return undefined;\n  const type = getElementType(node, { suspend: false });\n  if (type === part) return node;\n  if (type === barrier || type === AccordionRoot || type === AccordionItem) return undefined;\n  return findPart(node.props.children, part, barrier);\n}\n\n/**\n * The consumer `id` of a Trigger or Panel element, if it has one. An empty `id` counts as none,\n * here and where the Trigger and Panel render their id (`idProp || generated`).\n */\nfunction idOf(element: React.ReactElement<PartProps> | undefined): string | undefined {\n  const id = element?.props.id;\n  return typeof id === 'string' && id !== '' ? id : undefined;\n}\n\n/**\n * Whether `node` is a chain of wrapper components, each with the next as its only child, that ends\n * at an Accordion.Trigger: a Tooltip around the Trigger. The Item puts the heading around such a\n * chain instead of inside it, so no heading ends up in a wrapper's phrasing `<span>`. Elements\n * (`<div>`, `<span>`) render as written: the heading stays inside them.\n */\nfunction wrapsTriggerOnly(node: unknown): boolean {\n  if (!React.isValidElement<PartProps>(node)) return false;\n  const type = getElementType(node, { suspend: false });\n  if (\n    typeof type === 'string' ||\n    type === AccordionTrigger ||\n    type === AccordionPanel ||\n    type === AccordionRoot ||\n    type === AccordionItem\n  ) {\n    return false;\n  }\n  const child = node.props.children as React.ReactNode;\n  return getElementType(child, { suspend: false }) === AccordionTrigger || wrapsTriggerOnly(child);\n}\n\nfunction misplacedMessage(component: 'Accordion.Trigger' | 'Accordion.Panel'): string {\n  return (\n    `${component} was rendered inside the panel of an Accordion.Item, so it is not the item's ` +\n    `${component === 'Accordion.Trigger' ? 'header' : 'panel'}. Place Accordion.Trigger and ` +\n    'Accordion.Panel directly in Accordion.Item, in a Fragment, or in an element that wraps them ' +\n    'as `children` (such as a Tooltip). The Item cannot see inside a component that renders them ' +\n    'itself and treats that component as panel content.'\n  );\n}\n\n/**\n * One section of an Accordion. Place an `Accordion.Trigger` and an `Accordion.Panel` inside it:\n * directly, in a Fragment, or in an element that wraps them as `children` (for example a Tooltip\n * around the Trigger). A component that renders a Trigger or Panel itself is not seen through: it\n * counts as panel content, and a development warning says so.\n *\n * The trigger button sits in a heading (`headingLevel`). A wrapper component whose only child is\n * the Trigger (a Tooltip, also several nested) goes inside that heading, around the button, so\n * the heading never ends up in the wrapper's inline `<span>` and the button keeps the full row.\n * An element such as a `<div>`, or a wrapper that holds more than the Trigger, renders as written,\n * with the heading inside it.\n *\n * Without a Trigger the item's `value` is the button label. Other children (plain text included)\n * are rendered in the panel, after the Panel's own content.\n */\nconst AccordionItem = ({\n  value,\n  headingLevel: headingLevelProp,\n  className,\n  children,\n  ref,\n  ...rest\n}: AccordionItemProps) => {\n  const accordion = useAccordionContext('Accordion.Item');\n  const isOpen = accordion.openItems.includes(value);\n  const { toggle: toggleValue, baseId, registerItem } = accordion;\n  React.useEffect(() => registerItem(value), [registerItem, value]);\n  const headingLevel = headingLevelProp ?? accordion.headingLevel;\n  const Heading: `h${AccordionHeadingLevel}` = `h${headingLevel}`;\n\n  let triggerElement: React.ReactElement<PartProps> | undefined;\n  let panelElement: React.ReactElement<PartProps> | undefined;\n  const parts: React.ReactNode[] = [];\n  const extra: React.ReactNode[] = [];\n  for (const { key, node: child } of flattenChildren(children)) {\n    const keyed = <React.Fragment key={key}>{child}</React.Fragment>;\n    const trigger = findPart(child, AccordionTrigger, AccordionPanel);\n    const panel = findPart(child, AccordionPanel, AccordionTrigger);\n    if (trigger || panel) {\n      triggerElement ??= trigger;\n      panelElement ??= panel;\n      parts.push(\n        wrapsTriggerOnly(child) ? (\n          <Heading key={key} className={cn(accordionTriggerClassNames.heading, HEADING_CLASS)}>\n            <AccordionHeadingOutsideContext.Provider value={true}>\n              {child}\n            </AccordionHeadingOutsideContext.Provider>\n          </Heading>\n        ) : (\n          keyed\n        ),\n      );\n    } else {\n      extra.push(keyed);\n    }\n  }\n  const hasTrigger = triggerElement !== undefined;\n  const hasPanel = panelElement !== undefined;\n  const triggerIdProp = idOf(triggerElement);\n  const panelIdProp = idOf(panelElement);\n  const hasPanelContent = hasPanel || extra.length > 0;\n  const extraPanelContent = hasPanel && extra.length > 0 ? extra : null;\n\n  const itemContext = React.useMemo<AccordionItemContextValue>(\n    () => ({\n      value,\n      isOpen,\n      triggerId: triggerIdProp ?? getPartId(baseId, 'trigger', value),\n      panelId: panelIdProp ?? getPartId(baseId, 'panel', value),\n      hasPanelContent,\n      headingLevel,\n      toggle: () => toggleValue(value),\n    }),\n    [value, isOpen, baseId, triggerIdProp, panelIdProp, hasPanelContent, headingLevel, toggleValue],\n  );\n  const panelSlot = React.useMemo<AccordionPanelSlotValue>(\n    () => ({ extra: extraPanelContent, inPanel: false }),\n    [extraPanelContent],\n  );\n\n  return (\n    <AccordionItemContext.Provider value={itemContext}>\n      <AccordionPanelSlotContext.Provider value={panelSlot}>\n        <div\n          ref={ref}\n          data-state={isOpen ? 'open' : 'closed'}\n          className={cn(accordionItemClassNames.root, className)}\n          {...rest}\n        >\n          {hasTrigger ? null : <AccordionTrigger>{value}</AccordionTrigger>}\n          {parts}\n          {!hasPanel && extra.length > 0 ? <AccordionPanel>{extra}</AccordionPanel> : null}\n        </div>\n      </AccordionPanelSlotContext.Provider>\n    </AccordionItemContext.Provider>\n  );\n};\nAccordionItem.displayName = 'AccordionItem';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Trigger                                                  */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionTrigger sub-component (merged onto the trigger `<button>`). */\nexport interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Ref to the trigger `<button>`. */\n  ref?: React.Ref<HTMLButtonElement>;\n}\n\n/**\n * The button that opens and closes its Accordion.Item, wrapped in a heading (`headingLevel`); when\n * it is the only child of a wrapper component in the Item (a Tooltip), the heading goes around\n * that wrapper instead (see `Accordion.Item`). Its props land on the `<button>`: `className` is\n * merged (yours wins), `onClick` runs before the toggle (call `event.preventDefault()` to keep the\n * item as it is), `ref` receives the button, and a non-empty `id` replaces the generated one (the\n * panel's `aria-labelledby` follows it).\n */\nconst AccordionTrigger = ({\n  id: idProp,\n  className,\n  children,\n  onClick,\n  ref,\n  ...rest\n}: AccordionTriggerProps) => {\n  const item = useAccordionItemContext('Accordion.Trigger');\n  const inPanel = React.useContext(AccordionPanelSlotContext)?.inPanel ?? false;\n  React.useEffect(() => {\n    if (inPanel) {\n      warnOnce('Accordion.Trigger:inside-panel', misplacedMessage('Accordion.Trigger'));\n    }\n  }, [inPanel]);\n  const headingOutside = React.useContext(AccordionHeadingOutsideContext);\n  const Heading: `h${AccordionHeadingLevel}` = `h${item.headingLevel}`;\n  const state = item.isOpen ? 'open' : 'closed';\n\n  const button = (\n    <button\n      type=\"button\"\n      className={cn(\n        accordionTriggerClassNames.root,\n        'flex w-full items-center justify-between gap-2 px-4 py-3 text-start text-body-1 font-semibold text-foreground',\n        'not-disabled:not-aria-disabled:hover:bg-subtle-hover not-disabled:not-aria-disabled:active:bg-subtle-pressed',\n        disabledStyles,\n        focusRingInset,\n        className,\n      )}\n      {...rest}\n      // A misplaced Trigger (inside the panel) still toggles, but only the item's own trigger\n      // carries the item's id and panel reference.\n      id={idProp || (inPanel ? undefined : item.triggerId)}\n      // Only a panel region the item renders is referenced (none without panel content).\n      aria-controls={!inPanel && item.hasPanelContent ? item.panelId : undefined}\n      aria-expanded={item.isOpen}\n      data-state={state}\n      onClick={composeEventHandlers(onClick, item.toggle)}\n      ref={ref}\n    >\n      {children}\n      <ChevronDownIcon\n        size={16}\n        className={cn(\n          accordionTriggerClassNames.expandIcon,\n          'shrink-0 transition-transform motion-reduce:transition-none',\n          item.isOpen && 'rotate-180',\n        )}\n      />\n    </button>\n  );\n  // Inside a wrapper chain (a Tooltip) the Item has rendered the heading around the wrapper.\n  return headingOutside ? (\n    button\n  ) : (\n    <Heading className={cn(accordionTriggerClassNames.heading, HEADING_CLASS)}>{button}</Heading>\n  );\n};\nAccordionTrigger.displayName = 'AccordionTrigger';\n\n/* ------------------------------------------------------------------ */\n/*  Accordion.Panel                                                    */\n/* ------------------------------------------------------------------ */\n\n/** Properties for the AccordionPanel sub-component (merged onto the `role=\"region\"` element). */\nexport interface AccordionPanelProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Replaces the panel's collapse (Fluent's `AccordionPanel collapseMotion`), on the element\n   * around the region: by default the space the region takes opens from nothing and closes back\n   * to it, with a fade, over the normal duration (200 ms) with the max easy-ease curve, both ways.\n   * `null` turns it off (the region appears and disappears at once); a class string or\n   * `{ className }` replaces it, written as `MotionSlot` describes. A `WaveProvider` with\n   * `motion=\"none\"` turns the default off, and a value here still applies under it. A panel\n   * rendered inside another panel has no motion of its own.\n   * @default the collapse described above\n   */\n  motion?: MotionSlot | null;\n  /** Ref to the panel `<div role=\"region\">`. */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * The content region of an Accordion.Item, labelled by its trigger and rendered while the item is\n * open and while it collapses after a close. Its props (className merged, `ref`, `data-*`,\n * handlers) land on the region, and a non-empty `id` replaces the generated one (the trigger's\n * `aria-controls` follows it).\n *\n * The region renders as the only child of a collapse element (its stable class\n * `wave-accordion-panel__collapse`), which opens and closes the region's space (`motion`) and has\n * no box of its own while the item is open, so the region lays out in the Item as before. An item\n * opened by default appears without motion. After a close the region stays in the document until\n * the collapse ends, `inert` and with `data-state=\"closed\"`, while its trigger already reports the\n * item collapsed; opening the item again during the collapse keeps the same region and the state\n * of its content. Focus inside the region when the item closes moves to the item's trigger.\n */\nconst AccordionPanel = ({\n  id: idProp,\n  className,\n  children,\n  motion,\n  ref,\n  ...rest\n}: AccordionPanelProps) => {\n  const item = useAccordionItemContext('Accordion.Panel');\n  const slot = React.useContext(AccordionPanelSlotContext);\n  const inPanel = slot?.inPanel ?? false;\n  React.useEffect(() => {\n    if (inPanel) warnOnce('Accordion.Panel:inside-panel', misplacedMessage('Accordion.Panel'));\n  }, [inPanel]);\n\n  // The region, and its document for the trigger lookup (kept after the region unmounts, so an\n  // item's panel removed while open with focus inside still finds its trigger).\n  const regionRef = React.useRef<HTMLDivElement | null>(null);\n  const documentRef = React.useRef<Document | null>(null);\n  const attachRegion = React.useCallback((node: HTMLDivElement | null) => {\n    regionRef.current = node;\n    if (node) documentRef.current = node.ownerDocument;\n  }, []);\n  const mergedRegionRef = useMergedRefs(ref, attachRegion);\n  const { triggerId } = item;\n  // A misplaced panel collapses with the region it sits in: it has no wrapper of its own.\n  const {\n    isMounted,\n    wrapperRef,\n    presenceProps,\n    className: collapseClassName,\n  } = useCollapsePresence(item.isOpen && !inPanel, {\n    motion,\n    partRef: regionRef,\n    getTrigger: () => documentRef.current?.getElementById(triggerId),\n  });\n\n  if (inPanel) {\n    // Misplaced: its content joins the enclosing region (one region and one panel id per item),\n    // and stays while that region is mounted, so it also stays while the region collapses.\n    return (\n      <div\n        className={cn(accordionPanelClassNames.root, className)}\n        {...rest}\n        id={idProp || undefined}\n        ref={ref}\n      >\n        {children}\n      </div>\n    );\n  }\n  if (!isMounted) return null;\n  return (\n    <AccordionPanelSlotContext.Provider value={IN_PANEL}>\n      <div\n        ref={wrapperRef}\n        {...presenceProps}\n        className={cn(accordionPanelClassNames.collapse, collapseClassName)}\n      >\n        <div\n          role=\"region\"\n          className={cn(\n            accordionPanelClassNames.root,\n            'px-4 pb-3 text-body-1 text-muted-foreground',\n            className,\n          )}\n          {...rest}\n          id={idProp || item.panelId}\n          aria-labelledby={item.triggerId}\n          data-state={item.isOpen ? 'open' : 'closed'}\n          ref={mergedRegionRef}\n        >\n          {children}\n          {slot?.extra}\n        </div>\n      </div>\n    </AccordionPanelSlotContext.Provider>\n  );\n};\nAccordionPanel.displayName = 'AccordionPanel';\n\n/* ------------------------------------------------------------------ */\n/*  Export                                                             */\n/* ------------------------------------------------------------------ */\n\n/**\n * A vertically stacked set of disclosure sections (WAI-ARIA Accordion pattern). Each\n * `Accordion.Item` renders an `Accordion.Trigger` button inside a heading (`headingLevel`) and an\n * `Accordion.Panel` region that is shown while the item is open. A panel opens and closes its\n * space with a short collapse and fade (`Accordion.Panel`'s `motion`; none under reduced motion or\n * a `WaveProvider` with `motion=\"none\"`), and focus inside a closing panel moves to its trigger.\n *\n * Single mode (the default) keeps at most one item open (`openItem`, `defaultOpenItem`,\n * `onOpenItemChange`); `type=\"multiple\"` lets any number of items open (`openItems`,\n * `defaultOpenItems`, `onOpenItemsChange`). Each Item's `value` must be unique within its\n * Accordion: a development warning names a repeated value.\n *\n * Sub-components are also exported under flat names (`AccordionItem`, `AccordionTrigger`,\n * `AccordionPanel`) for React Server Components, which cannot use the dotted form.\n */\nexport const Accordion = /* @__PURE__ */ Object.assign(AccordionRoot, {\n  Item: AccordionItem,\n  Trigger: AccordionTrigger,\n  Panel: AccordionPanel,\n});\n\nexport { AccordionItem, AccordionTrigger, AccordionPanel };\n"],"mappings":"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"}

package/dist/components/layout/Carousel.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/children.cjs"),r=require("../../lib/dev.cjs"),i=require("../../lib/slot.cjs"),a=require("../../lib/composeEventHandlers.cjs"),o=require("../../lib/classNames.cjs"),s=require("../../hooks/useEventCallback.cjs"),ee=require("../../hooks/useControllable.cjs"),te=require("../../hooks/useId.cjs"),ne=require("../../lib/direction.cjs"),re=require("../../hooks/useRovingTabIndex.cjs"),ie=require("../../hooks/useMergedRefs.cjs"),c=require("../../lib/aria.cjs"),ae=require("../../hooks/usePrefersReducedMotion.cjs"),oe=require("../../hooks/useDirection.cjs"),l=require("../../lib/styles.cjs"),se=require("../../lib/icons.cjs"),ce=require("./Carousel.context.cjs"),u=require("./Carousel.styles.cjs"),le=require("./Carousel.button.cjs"),ue=require("./Carousel.drag.cjs"),d=require("./Carousel.groups.cjs");let f=require("react");f=e.__toESM(f,1);let p=require("react/jsx-runtime");var de=`Pause slide rotation`,fe=`Start slide rotation`,pe=`Previous slide`,me=`Next slide`,he=`Choose slide`,ge=(e,t)=>`Slide ${e+1} of ${t}`,_e=`carousel`,ve=`slide`,ye=(e,t,n)=>`Slides ${e} to ${t} of ${n}`;function be(e,t,n){let r=f.useCallback(r=>{if(!e||!t||typeof ResizeObserver>`u`)return()=>{};let i=new ResizeObserver(r);return i.observe(t),n&&i.observe(n),()=>i.disconnect()},[e,t,n]),[i,a,o]=f.useSyncExternalStore(r,()=>{if(!e||!t||!n)return`1:0:0`;let r=n.offsetWidth,i=t.clientWidth;return`${r>0?Math.max(1,Math.floor(i/r)):1}:${r}:${i}`},()=>`1:0:0`).split(`:`).map(Number);return{perPage:i,slideWidth:a,rootWidth:o}}function xe(e){return e instanceof Element&&e.closest(`[data-carousel-rotation]`)!==null}function Se(e){return typeof e==`string`?{src:e}:e}var Ce=()=>(0,p.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`currentColor`,"aria-hidden":`true`,children:[(0,p.jsx)(`rect`,{x:`4`,y:`3`,width:`3`,height:`10`,rx:`1`}),(0,p.jsx)(`rect`,{x:`9`,y:`3`,width:`3`,height:`10`,rx:`1`})]}),we=()=>(0,p.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`currentColor`,"aria-hidden":`true`,children:(0,p.jsx)(`path`,{d:`M5 3.5v9a.5.5 0 0 0 .77.42l7-4.5a.5.5 0 0 0 0-.84l-7-4.5A.5.5 0 0 0 5 3.5Z`})}),m=({value:e,defaultValue:m=0,onValueChange:Te,autoPlay:Ee=!1,autoPlayInterval:De=5e3,autoPlayLabels:Oe,labels:g,loop:_=!1,groupSize:ke=1,align:Ae=`start`,draggable:je=!1,controlsLayout:v=`overlay`,appearance:y=`flat`,className:Me,children:Ne,onMouseEnter:Pe,onMouseLeave:Fe,onFocus:Ie,onBlur:Le,ref:Re,...b})=>{let[ze,Be]=ee.useControllable(e,m,Te),x=te.useId(`carousel-slides`),[Ve,He]=f.useState(null),Ue=ie.useMergedRefs(Re,He),We=oe.useDirection(Ve),S=b.dir===`rtl`||b.dir===`ltr`?b.dir:We,Ge=ae.usePrefersReducedMotion(),[Ke,qe]=f.useState(null),[C,Je]=f.useState(null),[Ye,Xe]=f.useState(null),w=ke===`auto`,T=be(w,Ye,Ke),E=w?T.perPage:Math.max(1,Math.floor(ke)||1),[Ze,Qe]=f.useState(null),[$e,D]=f.useState(null),[et,tt]=f.useState(!1),[nt,rt]=f.useState(!1),[it,at]=f.useState(!1),[ot,O]=f.useState(!1),k=[],A={},j=!1;for(let e of n.flattenChildren(Ne))if(n.isElementOfType(e.node,h))k.push({...e,thumbnail:e.node.props.thumbnail});else if(n.isElementOfType(e.node,le.CarouselButton)){let t=e.node.props.direction===`next`?`next`:`previous`;A[t]?j=!0:A[t]=f.cloneElement(e.node,{key:e.key})}else i.slotRendersContent(e.node)&&(j=!0);let st=k.some(e=>e.thumbnail!==void 0),M=k.length;f.useEffect(()=>{j&&r.warnOnce(`Carousel:non-item-children`,"Carousel: only `Carousel.Item` (`CarouselItem`) children are slides, directly or in Fragments; other children are not rendered. A component that renders `Carousel.Item` itself is not recognised: render the `Carousel.Item` in the Carousel and put the component inside it.")},[j]);let N=d.clampToPage(ze,E,M),P=d.pageCount(M,E),F=d.lastPageStart(M,E),I=N<=0,L=N>=F,R=P<=1||!_&&I,z=P<=1||!_&&L,ct=$e===M&&!_,B=(Ze??Ge)||ct,V=Ee&&P>1;V&&!_&&L&&!B?D(M):$e!==null&&!ct&&D(null);let H=ue.useCarouselDrag({enabled:je&&P>1,dir:S,onCommit:e=>{e===1?L?_&&W(0):W(N+E):e===-1&&(I?_&&W(F):W(N-E))}}),lt=et&&!nt||H.dragging,U=V&&!B&&!lt&&!(it&&!ot),W=e=>{e>=0&&e<M&&e!==N&&Be(e)},G=()=>W(I?F:N-E),K=()=>W(L?0:N+E),ut=s.useEventCallback(()=>{Be(e=>{let t=d.clampToPage(e,E,M);return t<F?t+E:_?0:e})});f.useEffect(()=>{if(!U)return;let e=setInterval(ut,De);return()=>clearInterval(e)},[U,De,ut]);let dt=()=>{B?(!_&&L&&W(0),D(null),Qe(!1),O(!0)):(Qe(!0),O(!1))},ft={onMouseEnter:a.composeEventHandlers(Pe,()=>tt(!0)),onMouseLeave:a.composeEventHandlers(Fe,()=>tt(!1)),onFocus:a.composeEventHandlers(Ie,e=>{let t=e.relatedTarget,n=!(t instanceof Node&&e.currentTarget.contains(t));at(!0),(n||!xe(e.target))&&O(!1)}),onBlur:a.composeEventHandlers(Le,e=>{let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(at(!1),O(!1))})},q=E>1,J=Math.min(N+E,M),pt=f.useMemo(()=>q?Array.from({length:J-N},(e,t)=>String(N+t)):[],[q,N,J]),Y=re.useRovingTabIndex({items:pt,activeValue:String(N),orientation:`horizontal`,loop:!1,dir:S,tabStop:`last-focused`}),mt=ie.useMergedRefs(Y.containerProps.ref,Je),X=f.useRef(null);f.useLayoutEffect(()=>{let e=X.current;if(!e||!C)return;X.current=null;let t=e===`first`?N:J-1;C.querySelector(`[data-roving-value="${t}"]`)?.focus()},[N,J,C]);let ht=e=>{let t=e.target.getAttribute(`data-roving-value`),n=ne.getArrowIntent(e.key,{orientation:`horizontal`,dir:S});if(t!==null&&n&&!e.defaultPrevented&&!e.altKey&&!e.ctrlKey&&!e.metaKey){let r=Number(t);if(n===`next`&&r===J-1){e.preventDefault(),z||(X.current=`first`,K());return}if(n===`prev`&&r===N){e.preventDefault(),R||(X.current=`last`,G());return}}Y.containerProps.onKeyDown(e)},Z=g?.previous??pe,gt=g?.next??me,_t=s.useEventCallback(()=>G()),vt=s.useEventCallback(()=>K()),yt=f.useMemo(()=>({trackId:x,previousLabel:Z,nextLabel:gt,previousDisabled:R,nextDisabled:z,goPrevious:_t,goNext:vt,controlsLayout:v,dir:S}),[x,Z,gt,R,z,_t,vt,v,S]);if(M===0)return(0,p.jsx)(`div`,{ref:Ue,"data-controls-layout":v,"data-appearance":y,className:t.cn(o.carouselClassNames.root,`relative`,Me),...ft,...b});let bt=S===`rtl`?1:-1,Q=`translateX(${N/E*bt*100}%)`;if(H.offsetPx!==0&&(Q=`translateX(calc(${N/E*bt*100}% + ${H.offsetPx}px))`),w){let e=Math.max(0,T.rootWidth-E*T.slideWidth),t=Ae===`center`?e/2:Ae===`end`?e:0;Q=`translateX(${bt*N*T.slideWidth+(S===`rtl`?-t:t)+H.offsetPx+0}px)`}let xt=g?.slides??ye,St=e=>{let t=Math.min(e+E,M);return t-e===1?Dt(e,M):xt(e+1,t,M)},Ct=S===`rtl`?`-scale-x-100`:void 0,wt=Oe?.pause??de,Tt=Oe?.play??fe,Et=g?.picker??he,Dt=g?.slide??ge,Ot=g?.carouselRoleDescription??_e,kt=g?.slideRoleDescription??ve,$=v===`inline`||v===`inline-wide`,At=u.CAROUSEL_CONTROL_LAYOUT[v],jt=A.previous??(0,p.jsx)(`button`,{type:`button`,"aria-label":Z,"aria-controls":x,...c.focusableDisabledProps(R),onClick:c.preventIfDisabled(R,G),className:t.cn(o.carouselClassNames.previousButton,u.CAROUSEL_CONTROL_BASE,At.previous),children:(0,p.jsx)(se.ChevronLeftIcon,{size:16,className:Ct})},`previous`),Mt=A.next??(0,p.jsx)(`button`,{type:`button`,"aria-label":gt,"aria-controls":x,...c.focusableDisabledProps(z),onClick:c.preventIfDisabled(z,K),className:t.cn(o.carouselClassNames.nextButton,u.CAROUSEL_CONTROL_BASE,At.next),children:(0,p.jsx)(se.ChevronRightIcon,{size:16,className:Ct})},`next`),Nt=(0,p.jsxs)(`div`,{ref:Xe,className:t.cn(o.carouselClassNames.viewport,`relative min-w-0 flex-1 overflow-hidden`),children:[(0,p.jsx)(`div`,{id:x,className:t.cn(o.carouselClassNames.track,H.dragging?`flex`:`flex transition-transform duration-300 ease-in-out motion-reduce:transition-none`,je&&`touch-pan-y`),style:{transform:Q},"data-dragging":H.dragging?``:void 0,...H.handlers,...q?Y.containerProps:null,ref:q?mt:Je,onKeyDown:q?ht:void 0,children:k.map(({key:e,node:n},r)=>{let i=r>=N&&r<N+E;return(0,p.jsx)(`div`,{ref:r===0?qe:void 0,role:`group`,"aria-roledescription":kt,"aria-label":Dt(r,M),"aria-hidden":!i||void 0,inert:!i,"data-roving-value":q&&i?String(r):void 0,tabIndex:q&&i?Y.getTabIndex(String(r)):void 0,className:t.cn(o.carouselClassNames.slide,w?`w-auto shrink-0`:E===1?`w-full shrink-0`:`shrink-0`,q&&`focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring`),style:!w&&E>1?{width:`calc(100% / ${E})`}:void 0,children:n},e)})}),!$&&jt,!$&&Mt]});return(0,p.jsx)(ce.CarouselContext.Provider,{value:yt,children:(0,p.jsxs)(`div`,{ref:Ue,role:`region`,"aria-roledescription":Ot,"aria-label":`Carousel`,"data-controls-layout":v,"data-appearance":y,className:t.cn(o.carouselClassNames.root,`relative isolate overflow-hidden`,y===`elevated`&&`rounded-md shadow-4`,Me),...ft,...b,children:[V&&(0,p.jsx)(`button`,{type:`button`,"data-carousel-rotation":``,"aria-label":B?Tt:wt,"aria-controls":x,onClick:dt,onMouseEnter:()=>rt(!0),onMouseLeave:()=>rt(!1),className:t.cn(o.carouselClassNames.autoPlayButton,u.CAROUSEL_CONTROL_BASE,`absolute z-20 h-8 w-8 rounded-full border border-border bg-background shadow-2 top-2`,$?`start-12`:`start-2`),children:B?(0,p.jsx)(we,{}):(0,p.jsx)(Ce,{})}),$?(0,p.jsxs)(`div`,{className:`flex items-stretch`,children:[jt,Nt,Mt]}):Nt,(0,p.jsx)(`div`,{"aria-live":U?`off`:`polite`,"aria-atomic":`true`,className:`sr-only`,children:St(N)}),(0,p.jsx)(`div`,{role:`group`,"aria-label":Et,className:t.cn(o.carouselClassNames.picker,st?`relative mx-auto flex w-fit flex-wrap justify-center gap-2 p-2`:`absolute inset-x-0 bottom-1 z-10 mx-auto flex w-fit`),children:k.filter((e,t)=>t%E===0).map(({key:e,thumbnail:n},r)=>{let a=r*E,s=a===N;return(0,p.jsx)(`button`,{type:`button`,"aria-label":St(a),"aria-current":s?`true`:void 0,onClick:()=>W(a),className:t.cn(o.carouselClassNames.pickerButton,`group inline-flex items-center justify-center`,n===void 0?`h-6 min-w-6`:`rounded-md p-0.5`,l.focusRing),children:n===void 0?(0,p.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(o.carouselClassNames.pickerIndicator,`block h-2 rounded-full transition-[width,background-color] duration-200 motion-reduce:transition-none`,s?t.cn(`w-5 bg-primary`,l.forcedColors.selectedLeaf):`w-2 bg-stroke-accessible group-hover:bg-foreground forced-colors:bg-[ButtonText] forced-colors:forced-color-adjust-none`)}):i.renderSlot(Se(n),`img`,t.cn(o.carouselItemClassNames.thumbnail,`block h-12 w-16 rounded object-cover`,s?t.cn(`outline-2 outline-primary`,l.forcedColors.selectedContainer):`opacity-70 group-hover:opacity-100`),{alt:``,draggable:!1})},e)})})]})})};m.displayName=`Carousel`;var h=({thumbnail:e,className:n,children:r,ref:i,...a})=>(0,p.jsx)(`div`,{ref:i,className:t.cn(o.carouselItemClassNames.root,`p-4`,n),...a,children:r});h.displayName=`CarouselItem`;var Te=Object.assign(m,{Item:h,Button:le.CarouselButton});exports.Carousel=Te,exports.CarouselItem=h;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/children.cjs"),r=require("../../lib/dev.cjs"),i=require("../../lib/slot.cjs"),a=require("../../lib/composeEventHandlers.cjs"),o=require("../../lib/classNames.cjs"),s=require("../../hooks/useEventCallback.cjs"),ee=require("../../hooks/useControllable.cjs"),te=require("../../hooks/useId.cjs"),ne=require("../../lib/direction.cjs"),re=require("../../hooks/useRovingTabIndex.cjs"),ie=require("../../hooks/useMergedRefs.cjs"),c=require("../../lib/aria.cjs"),ae=require("../../hooks/usePrefersReducedMotion.cjs"),oe=require("../../hooks/useDirection.cjs"),se=require("../../lib/styles.cjs"),ce=require("../../lib/icons.cjs");require("../../lib/motion.cjs");const le=require("../../hooks/useMotion.cjs"),ue=require("./Carousel.context.cjs"),l=require("./Carousel.styles.cjs"),de=require("./Carousel.button.cjs"),fe=require("./Carousel.drag.cjs"),u=require("./Carousel.groups.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var pe=`Pause slide rotation`,me=`Start slide rotation`,he=`Previous slide`,ge=`Next slide`,_e=`Choose slide`,ve=(e,t)=>`Slide ${e+1} of ${t}`,ye=`carousel`,be=`slide`,xe=300,Se=(e,t,n)=>`Slides ${e} to ${t} of ${n}`;function Ce(e,t,n){let r=d.useCallback(r=>{if(!e||!t||typeof ResizeObserver>`u`)return()=>{};let i=new ResizeObserver(r);return i.observe(t),n&&i.observe(n),()=>i.disconnect()},[e,t,n]),[i,a,o]=d.useSyncExternalStore(r,()=>{if(!e||!t||!n)return`1:0:0`;let r=n.offsetWidth,i=t.clientWidth;return`${r>0?Math.max(1,Math.floor(i/r)):1}:${r}:${i}`},()=>`1:0:0`).split(`:`).map(Number);return{perPage:i,slideWidth:a,rootWidth:o}}function we(e,t){return e===void 0?t===`none`?`none`:`slide`:e===null?`none`:e===`fade`?`fade`:`slide`}function Te(e){return e instanceof Element&&e.closest(`[data-carousel-rotation]`)!==null}function Ee(e){return typeof e==`string`?{src:e}:e}var De=()=>(0,f.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`currentColor`,"aria-hidden":`true`,children:[(0,f.jsx)(`rect`,{x:`4`,y:`3`,width:`3`,height:`10`,rx:`1`}),(0,f.jsx)(`rect`,{x:`9`,y:`3`,width:`3`,height:`10`,rx:`1`})]}),Oe=()=>(0,f.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`currentColor`,"aria-hidden":`true`,children:(0,f.jsx)(`path`,{d:`M5 3.5v9a.5.5 0 0 0 .77.42l7-4.5a.5.5 0 0 0 0-.84l-7-4.5A.5.5 0 0 0 5 3.5Z`})}),p=({value:e,defaultValue:p=0,onValueChange:ke,autoPlay:Ae=!1,autoPlayInterval:je=5e3,autoPlayLabels:Me,labels:h,loop:g=!1,groupSize:Ne=1,align:Pe=`start`,draggable:Fe=!1,controlsLayout:_=`overlay`,appearance:v=`flat`,motion:Ie,motionDuration:Le=xe,className:Re,children:ze,onMouseEnter:Be,onMouseLeave:Ve,onFocus:He,onBlur:Ue,ref:We,...y})=>{let[Ge,Ke]=ee.useControllable(e,p,ke),b=te.useId(`carousel-slides`),[qe,Je]=d.useState(null),Ye=ie.useMergedRefs(We,Je),Xe=oe.useDirection(qe),x=y.dir===`rtl`||y.dir===`ltr`?y.dir:Xe,Ze=ae.usePrefersReducedMotion(),[Qe,$e]=d.useState(null),[S,et]=d.useState(null),[tt,nt]=d.useState(null),C=Ne===`auto`,w=Ce(C,tt,Qe),T=C?w.perPage:Math.max(1,Math.floor(Ne)||1),rt=we(Ie,le.useMotionPreference()),it=rt===`fade`&&(C||T>1),E=it?`slide`:rt;d.useEffect(()=>{it&&r.warnOnce(`Carousel:fade-group`,'Carousel: `motion="fade"` needs one slide per page; with `groupSize` above 1 or `"auto"` the slides slide.')},[it]);let[at,ot]=d.useState(null),[st,D]=d.useState(null),[ct,lt]=d.useState(!1),[ut,dt]=d.useState(!1),[ft,pt]=d.useState(!1),[mt,O]=d.useState(!1),k=[],A={},j=!1;for(let e of n.flattenChildren(ze))if(n.isElementOfType(e.node,m))k.push({...e,thumbnail:e.node.props.thumbnail});else if(n.isElementOfType(e.node,de.CarouselButton)){let t=e.node.props.direction===`next`?`next`:`previous`;A[t]?j=!0:A[t]=d.cloneElement(e.node,{key:e.key})}else i.slotRendersContent(e.node)&&(j=!0);let ht=k.some(e=>e.thumbnail!==void 0),M=k.length;d.useEffect(()=>{j&&r.warnOnce(`Carousel:non-item-children`,"Carousel: only `Carousel.Item` (`CarouselItem`) children are slides, directly or in Fragments; other children are not rendered. A component that renders `Carousel.Item` itself is not recognised: render the `Carousel.Item` in the Carousel and put the component inside it.")},[j]);let N=u.clampToPage(Ge,T,M),P=u.pageCount(M,T),F=u.lastPageStart(M,T),I=N<=0,L=N>=F,R=P<=1||!g&&I,z=P<=1||!g&&L,gt=st===M&&!g,B=(at??Ze)||gt,V=Ae&&P>1;V&&!g&&L&&!B?D(M):st!==null&&!gt&&D(null);let H=fe.useCarouselDrag({enabled:Fe&&P>1,dir:x,onCommit:e=>{e===1?L?g&&W(0):W(N+T):e===-1&&(I?g&&W(F):W(N-T))}}),_t=ct&&!ut||H.dragging,U=V&&!B&&!_t&&!(ft&&!mt),W=e=>{e>=0&&e<M&&e!==N&&Ke(e)},G=()=>W(I?F:N-T),K=()=>W(L?0:N+T),vt=s.useEventCallback(()=>{Ke(e=>{let t=u.clampToPage(e,T,M);return t<F?t+T:g?0:e})});d.useEffect(()=>{if(!U)return;let e=setInterval(vt,je);return()=>clearInterval(e)},[U,je,vt]);let yt=()=>{B?(!g&&L&&W(0),D(null),ot(!1),O(!0)):(ot(!0),O(!1))},bt={onMouseEnter:a.composeEventHandlers(Be,()=>lt(!0)),onMouseLeave:a.composeEventHandlers(Ve,()=>lt(!1)),onFocus:a.composeEventHandlers(He,e=>{let t=e.relatedTarget,n=!(t instanceof Node&&e.currentTarget.contains(t));pt(!0),(n||!Te(e.target))&&O(!1)}),onBlur:a.composeEventHandlers(Ue,e=>{let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(pt(!1),O(!1))})},q=T>1,J=Math.min(N+T,M),xt=d.useMemo(()=>q?Array.from({length:J-N},(e,t)=>String(N+t)):[],[q,N,J]),Y=re.useRovingTabIndex({items:xt,activeValue:String(N),orientation:`horizontal`,loop:!1,dir:x,tabStop:`last-focused`}),St=ie.useMergedRefs(Y.containerProps.ref,et),X=d.useRef(null);d.useLayoutEffect(()=>{let e=X.current;if(!e||!S)return;X.current=null;let t=e===`first`?N:J-1;S.querySelector(`[data-roving-value="${t}"]`)?.focus()},[N,J,S]);let Ct=e=>{let t=e.target.getAttribute(`data-roving-value`),n=ne.getArrowIntent(e.key,{orientation:`horizontal`,dir:x});if(t!==null&&n&&!e.defaultPrevented&&!e.altKey&&!e.ctrlKey&&!e.metaKey){let r=Number(t);if(n===`next`&&r===J-1){e.preventDefault(),z||(X.current=`first`,K());return}if(n===`prev`&&r===N){e.preventDefault(),R||(X.current=`last`,G());return}}Y.containerProps.onKeyDown(e)},wt=h?.previous??he,Z=h?.next??ge,Tt=s.useEventCallback(()=>G()),Et=s.useEventCallback(()=>K()),Dt=d.useMemo(()=>({trackId:b,previousLabel:wt,nextLabel:Z,previousDisabled:R,nextDisabled:z,goPrevious:Tt,goNext:Et,controlsLayout:_,dir:x}),[b,wt,Z,R,z,Tt,Et,_,x]);if(M===0)return(0,f.jsx)(`div`,{ref:Ye,"data-controls-layout":_,"data-appearance":v,"data-motion":E,className:t.cn(o.carouselClassNames.root,`relative`,Re),...bt,...y});let Ot=x===`rtl`?1:-1,kt=`translateX(${N/T*Ot*100}%)`;if(H.offsetPx!==0&&(kt=`translateX(calc(${N/T*Ot*100}% + ${H.offsetPx}px))`),C){let e=Math.max(0,w.rootWidth-T*w.slideWidth),t=Pe===`center`?e/2:Pe===`end`?e:0;kt=`translateX(${Ot*N*w.slideWidth+(x===`rtl`?-t:t)+H.offsetPx+0}px)`}let Q=E===`fade`,At=E===`slide`&&!H.dragging,jt=Le===xe?void 0:{transitionDuration:`${Le}ms`},Mt=Q?`col-start-1 row-start-1`:C?`w-auto shrink-0`:T===1?`w-full shrink-0`:`shrink-0`,Nt=!C&&T>1?{width:`calc(100% / ${T})`}:void 0,Pt=h?.slides??Se,Ft=e=>{let t=Math.min(e+T,M);return t-e===1?Bt(e,M):Pt(e+1,t,M)},It=x===`rtl`?`-scale-x-100`:void 0,Lt=Me?.pause??pe,Rt=Me?.play??me,zt=h?.picker??_e,Bt=h?.slide??ve,Vt=h?.carouselRoleDescription??ye,Ht=h?.slideRoleDescription??be,$=_===`inline`||_===`inline-wide`,Ut=l.CAROUSEL_CONTROL_LAYOUT[_],Wt=A.previous??(0,f.jsx)(`button`,{type:`button`,"aria-label":wt,"aria-controls":b,...c.focusableDisabledProps(R),onClick:c.preventIfDisabled(R,G),className:t.cn(o.carouselClassNames.previousButton,l.CAROUSEL_CONTROL_BASE,Ut.previous),children:(0,f.jsx)(ce.ChevronLeftIcon,{size:16,className:It})},`previous`),Gt=A.next??(0,f.jsx)(`button`,{type:`button`,"aria-label":Z,"aria-controls":b,...c.focusableDisabledProps(z),onClick:c.preventIfDisabled(z,K),className:t.cn(o.carouselClassNames.nextButton,l.CAROUSEL_CONTROL_BASE,Ut.next),children:(0,f.jsx)(ce.ChevronRightIcon,{size:16,className:It})},`next`),Kt=(0,f.jsxs)(`div`,{ref:nt,className:t.cn(o.carouselClassNames.viewport,`relative min-w-0 flex-1 overflow-hidden`),children:[(0,f.jsx)(`div`,{id:b,className:t.cn(o.carouselClassNames.track,Q?`grid grid-cols-[minmax(0,1fr)]`:`flex`,At&&`transition-transform duration-wave-slow ease-wave-easy-ease motion-reduce:transition-none`,Fe&&`touch-pan-y`),style:Q?void 0:{transform:kt,...At?jt:void 0},"data-dragging":H.dragging?``:void 0,...H.handlers,...q?Y.containerProps:null,ref:q?St:et,onKeyDown:q?Ct:void 0,children:k.map(({key:e,node:n},r)=>{let i=r>=N&&r<N+T;return(0,f.jsx)(`div`,{ref:r===0?$e:void 0,role:`group`,"aria-roledescription":Ht,"aria-label":Bt(r,M),"aria-hidden":!i||void 0,inert:!i,"data-roving-value":q&&i?String(r):void 0,tabIndex:q&&i?Y.getTabIndex(String(r)):void 0,className:t.cn(o.carouselClassNames.slide,Mt,Q&&`transition-opacity duration-wave-slow ease-wave-easy-ease motion-reduce:transition-none`,Q&&!i&&`opacity-0`,q&&`focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring`),style:Q?jt:Nt,children:n},e)})}),!$&&Wt,!$&&Gt]});return(0,f.jsx)(ue.CarouselContext.Provider,{value:Dt,children:(0,f.jsxs)(`div`,{ref:Ye,role:`region`,"aria-roledescription":Vt,"aria-label":`Carousel`,"data-controls-layout":_,"data-appearance":v,"data-motion":E,className:t.cn(o.carouselClassNames.root,`relative isolate overflow-hidden`,v===`elevated`&&`rounded-md shadow-4`,Re),...bt,...y,children:[V&&(0,f.jsx)(`button`,{type:`button`,"data-carousel-rotation":``,"aria-label":B?Rt:Lt,"aria-controls":b,onClick:yt,onMouseEnter:()=>dt(!0),onMouseLeave:()=>dt(!1),className:t.cn(o.carouselClassNames.autoPlayButton,l.CAROUSEL_CONTROL_BASE,`absolute z-20 h-8 w-8 rounded-full border border-border bg-background shadow-2 top-2`,$?`start-12`:`start-2`),children:B?(0,f.jsx)(Oe,{}):(0,f.jsx)(De,{})}),$?(0,f.jsxs)(`div`,{className:`flex items-stretch`,children:[Wt,Kt,Gt]}):Kt,(0,f.jsx)(`div`,{"aria-live":U?`off`:`polite`,"aria-atomic":`true`,className:`sr-only`,children:Ft(N)}),(0,f.jsx)(`div`,{role:`group`,"aria-label":zt,className:t.cn(o.carouselClassNames.picker,ht?`relative mx-auto flex w-fit flex-wrap justify-center gap-2 p-2`:`absolute inset-x-0 bottom-1 z-10 mx-auto flex w-fit`),children:k.filter((e,t)=>t%T===0).map(({key:e,thumbnail:n},r)=>{let a=r*T,s=a===N;return(0,f.jsx)(`button`,{type:`button`,"aria-label":Ft(a),"aria-current":s?`true`:void 0,onClick:()=>W(a),className:t.cn(o.carouselClassNames.pickerButton,`group inline-flex items-center justify-center`,n===void 0?`h-6 min-w-6`:`rounded-md p-0.5`,se.focusRing),children:n===void 0?(0,f.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(o.carouselClassNames.pickerIndicator,`block h-2 rounded-full transition-[width,background-color] duration-200 motion-reduce:transition-none`,s?t.cn(`w-5 bg-primary`,se.forcedColors.selectedLeaf):`w-2 bg-stroke-accessible group-hover:bg-foreground forced-colors:bg-[ButtonText] forced-colors:forced-color-adjust-none`)}):i.renderSlot(Ee(n),`img`,t.cn(o.carouselItemClassNames.thumbnail,`block h-12 w-16 rounded object-cover`,s?t.cn(`outline-2 outline-primary`,se.forcedColors.selectedContainer):`opacity-70 group-hover:opacity-100`),{alt:``,draggable:!1})},e)})})]})})};p.displayName=`Carousel`;var m=({thumbnail:e,className:n,children:r,ref:i,...a})=>(0,f.jsx)(`div`,{ref:i,className:t.cn(o.carouselItemClassNames.root,`p-4`,n),...a,children:r});m.displayName=`CarouselItem`;var ke=Object.assign(p,{Item:m,Button:de.CarouselButton});exports.Carousel=ke,exports.CarouselItem=m;
 //# sourceMappingURL=Carousel.cjs.map