@mortenbrudvik/waveui 0.7.0 → 0.8.0

package/dist/components/input/colorUtils.mjs

@@ -1,56 +1,51 @@
 "use client";
+import { clampUnit as e, hsvToHex as t, parseHexBytes as n, wrapHue as r } from "../../lib/color.mjs";
+import { getArrowIntent as i } from "../../lib/direction.mjs";
+import { getColorName as a } from "./colorName.mjs";
 //#region src/components/input/colorUtils.ts
-var e = "#000000", t = "#ffffff", n = /^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i, r = /^#([0-9a-f]{6}|[0-9a-f]{8})$/i, i = /^#?[0-9a-f]{0,8}$/i;
-function a(e, t, n) {
+var o = "#000000", s = "#ffffff", c = /^#([0-9a-f]{6}|[0-9a-f]{8})$/i, l = /^#?[0-9a-f]{0,8}$/i;
+function u(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function o(e) {
-	return Math.round(a(e, 0, 255)).toString(16).padStart(2, "0");
-}
-function s(e) {
-	let t = (e.length <= 4 ? e.split("").map((e) => e + e).join("") : e).toLowerCase();
-	return {
-		rgb: `#${t.slice(0, 6)}`,
-		alpha: t.length === 8 ? parseInt(t.slice(6, 8), 16) : 255
-	};
-}
-function c(e) {
-	let t = n.exec(e.trim());
-	return t ? s(t[1]) : null;
-}
-function l(e) {
-	let t = r.exec(e.trim());
-	return t ? s(t[1]) : null;
-}
-function u(e) {
-	return i.test(e.trim());
-}
-function d(e, t = 255) {
-	let n = Math.round(a(t, 0, 255));
-	return n === 255 ? e : e + o(n);
+function d(e) {
+	return Math.round(u(e, 0, 255)).toString(16).padStart(2, "0");
 }
 function f(e) {
-	let t = c(e);
-	return t ? d(t.rgb, t.alpha) : null;
+	let t = n(e);
+	return t ? {
+		rgb: `#${d(t.r)}${d(t.g)}${d(t.b)}`,
+		alpha: t.alpha
+	} : null;
 }
 function p(e) {
-	return Math.round(a(e, 0, 255) / 255 * 100);
+	return c.test(e.trim()) ? f(e) : null;
 }
 function m(e) {
-	return Math.round(a(e, 0, 100) / 100 * 255);
+	return l.test(e.trim());
 }
-function h(e) {
-	let t = e.endsWith("%"), n = Number(t ? e.slice(0, -1) : e);
-	return Number.isFinite(n) ? a(t ? n / 100 * 255 : n, 0, 255) : null;
+function h(e, t = 255) {
+	let n = Math.round(u(t, 0, 255));
+	return n === 255 ? e : e + d(n);
 }
 function g(e) {
+	let t = f(e);
+	return t ? h(t.rgb, t.alpha) : null;
+}
+function _(e) {
+	return Math.round(u(e, 0, 255) / 255 * 100);
+}
+function v(e) {
+	let t = e.endsWith("%"), n = Number(t ? e.slice(0, -1) : e);
+	return Number.isFinite(n) ? u(t ? n / 100 * 255 : n, 0, 255) : null;
+}
+function y(e) {
 	if (e === void 0) return 1;
 	let t = e.endsWith("%"), n = Number(t ? e.slice(0, -1) : e);
-	return Number.isFinite(n) ? a(t ? n / 100 : n, 0, 1) : null;
+	return Number.isFinite(n) ? u(t ? n / 100 : n, 0, 1) : null;
 }
-var _ = /^rgba?\(\s*([^)]*)\)$/i;
-function v(e) {
-	let t = e.trim(), n = c(t);
+var b = /^rgba?\(\s*([^)]*)\)$/i;
+function x(e) {
+	let t = e.trim(), n = f(t);
 	if (n) {
 		let e = parseInt(n.rgb.slice(1), 16);
 		return {
@@ -60,37 +55,140 @@ function v(e) {
 			a: n.alpha / 255
 		};
 	}
-	let r = _.exec(t);
+	let r = b.exec(t);
 	if (!r) return null;
 	let [i, a] = r[1].split("/"), o = (i ?? "").split(/[\s,]+/).map((e) => e.trim()).filter(Boolean), s = a?.trim();
 	if (s === void 0 && o.length === 4 && (s = o.pop()), o.length !== 3) return null;
-	let [l, u, d] = o.map(h), f = g(s);
-	return l === null || u === null || d === null || f === null ? null : {
-		r: l,
-		g: u,
-		b: d,
-		a: f
+	let [c, l, u] = o.map(v), d = y(s);
+	return c === null || l === null || u === null || d === null ? null : {
+		r: c,
+		g: l,
+		b: u,
+		a: d
 	};
 }
-function y(e) {
+function S(e) {
 	let t = e / 255;
 	return t <= .04045 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
 }
-function b(e) {
-	let t = v(e);
-	return t ? .2126 * y(t.r) + .7152 * y(t.g) + .0722 * y(t.b) : null;
+function C(e) {
+	let t = x(e);
+	return t ? .2126 * S(t.r) + .7152 * S(t.g) + .0722 * S(t.b) : null;
 }
-function x(n) {
-	let r = b(n);
-	return r === null || (r + .05) / .05 >= 1.05 / (r + .05) ? {
-		glyph: e,
-		halo: t
+function w(e) {
+	let t = C(e);
+	return t === null || (t + .05) / .05 >= 1.05 / (t + .05) ? {
+		glyph: o,
+		halo: s
 	} : {
-		glyph: t,
-		halo: e
+		glyph: s,
+		halo: o
 	};
 }
+function T(e) {
+	return Number.isFinite(e) && e >= 0 && e <= 360 ? e : r(e);
+}
+function E(t) {
+	return {
+		h: T(t.h),
+		s: e(t.s, 0),
+		v: e(t.v, 0),
+		a: e(t.a, 1)
+	};
+}
+function D(e) {
+	return Math.round(e * 100);
+}
+function O(e) {
+	return `${Math.round(e * 1e4) / 100}%`;
+}
+function k(e, t) {
+	return e.h === t.h && e.s === t.s && e.v === t.v && (e.a ?? 1) === (t.a ?? 1);
+}
+function A(e, t, n, r, a) {
+	if (t.altKey || t.ctrlKey || t.metaKey) return null;
+	let o = t.shiftKey ? 10 : 1, s;
+	switch (e) {
+		case "ArrowUp":
+			s = r + o;
+			break;
+		case "ArrowDown":
+			s = r - o;
+			break;
+		case "ArrowRight":
+		case "ArrowLeft":
+			s = r + (i(e, {
+				orientation: "horizontal",
+				dir: n
+			}) === "next" ? o : -o);
+			break;
+		case "PageUp":
+			s = r + 10;
+			break;
+		case "PageDown":
+			s = r - 10;
+			break;
+		case "Home":
+			s = 0;
+			break;
+		case "End":
+			s = a;
+			break;
+		default: return null;
+	}
+	return Math.min(a, Math.max(0, s));
+}
+var j = (e) => e === "vertical" ? "to top" : "to right";
+function M(e) {
+	return `linear-gradient(to top, #000000, transparent), linear-gradient(to right, #ffffff, ${t({
+		h: e,
+		s: 1,
+		v: 1
+	})})`;
+}
+var N = "#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000";
+function P(e, n, r) {
+	let i = j(r);
+	return e === "hue" ? `linear-gradient(${i}, ${N})` : e === "saturation" ? `linear-gradient(${i}, ${t({
+		h: n.h,
+		s: 0,
+		v: n.v
+	})}, ${t({
+		h: n.h,
+		s: 1,
+		v: n.v
+	})})` : `linear-gradient(${i}, #000000, ${t({
+		h: n.h,
+		s: n.s,
+		v: 1
+	})})`;
+}
+function F(e, n, r) {
+	let i = t({
+		h: e.h,
+		s: e.s,
+		v: e.v
+	}), a = j(r);
+	return n ? `linear-gradient(${a}, ${i}, transparent)` : `linear-gradient(${a}, transparent, ${i})`;
+}
+function I(e, t, n) {
+	if (n.valueText) return n.valueText(e, t);
+	let r = `${n.saturation} ${D(e.s)}%`, i = `${n.brightness} ${D(e.v)}%`, o = t === "saturation" ? `${r}, ${i}` : `${i}, ${r}`, s = (n.colorName ?? a)(e);
+	return s ? `${o}, ${s}` : o;
+}
+function L(e, t, n) {
+	if (n.valueText) return n.valueText(e, t);
+	if (t !== "hue") return `${D(t === "saturation" ? e.s : e.v)}%`;
+	let r = `${Math.round(e.h)}°`, i = (n.colorName ?? a)(e);
+	return i ? `${r}, ${i}` : r;
+}
+function R(e, t, n) {
+	if (n) return n(e, t);
+	let r = D(e.a);
+	return `${t ? 100 - r : r}%`;
+}
+var z = "pointer-events-none absolute size-6 rounded-full border-2 border-background bg-(--wave-color-thumb) ring-1 ring-foreground forced-colors:forced-color-adjust-none forced-colors:border-[Canvas] forced-colors:ring-[CanvasText]", B = "h-6 w-full items-center", V = "h-40 w-6 flex-col items-center [container-type:size]", H = "mx-3 h-3 flex-1 wave-rtl:-scale-x-100", U = "my-3 w-3 flex-1", W = "bg-(image:--wave-color-slider-gradient)", G = "absolute m-0 cursor-pointer appearance-none opacity-0 disabled:cursor-not-allowed [&::-webkit-slider-thumb]:size-6 [&::-webkit-slider-thumb]:appearance-none [&::-moz-range-thumb]:size-6", K = "inset-0 size-full", q = "start-1/2 top-1/2 h-6 w-[100cqh] -translate-x-1/2 wave-rtl:translate-x-1/2 -translate-y-1/2 -rotate-90", J = "pointer-events-none absolute inset-x-3 inset-y-0", Y = "pointer-events-none absolute inset-x-0 inset-y-3", X = "start-(--wave-color-slider-position) top-1/2 -translate-x-1/2 wave-rtl:translate-x-1/2 -translate-y-1/2", Z = "bottom-(--wave-color-slider-position) start-1/2 -translate-x-1/2 wave-rtl:translate-x-1/2 translate-y-1/2";
 //#endregion
-export { p as alphaToOpacity, d as formatHexColor, x as getCheckColors, b as getRelativeLuminance, u as isHexDraft, f as normalizeHexColor, m as opacityToAlpha, v as parseCssColor, c as parseHexColor, l as parseHexInput };
+export { z as COLOR_THUMB_CLASSES, W as RAIL_GRADIENT, G as RAIL_INPUT_CLASSES, K as RAIL_INPUT_HORIZONTAL, q as RAIL_INPUT_VERTICAL, B as RAIL_ROOT_HORIZONTAL, V as RAIL_ROOT_VERTICAL, H as RAIL_TRACK_HORIZONTAL, U as RAIL_TRACK_VERTICAL, X as THUMB_POSITION_HORIZONTAL, Z as THUMB_POSITION_VERTICAL, J as THUMB_TRACK_HORIZONTAL, Y as THUMB_TRACK_VERTICAL, F as alphaSliderGradient, _ as alphaToOpacity, R as alphaValueText, I as areaValueText, M as colorAreaGradient, P as colorSliderGradient, E as displayColor, T as displayHue, h as formatHexColor, w as getCheckColors, C as getRelativeLuminance, m as isHexDraft, g as normalizeHexColor, x as parseCssColor, f as parseHexColor, p as parseHexInput, A as railKeyTarget, k as sameColor, L as sliderValueText, D as toPercent, O as toPosition };
 
 //# sourceMappingURL=colorUtils.mjs.map

package/dist/components/input/colorUtils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"colorUtils.mjs","names":["BLACK","WHITE","HEX_COLOR","HEX_INPUT","HEX_DRAFT","clamp","max","min","value","toHexByte","fromDigits","lower","digits","d","parseHexColor","match","parseHexInput","text","isHexDraft","formatHexColor","byte","alpha","rgb","normalizeHexColor","parsed","alphaToOpacity","opacityToAlpha","opacity","parseChannel","percent","token","parseAlpha","RGB_FUNCTION","parseCssColor","hex","n","channelsPart","alphaPart","tokens","t","alphaToken","r","g","b","a","linearize","c","channel","getRelativeLuminance","color","getCheckColors","luminance"],"sources":["../../../src/components/input/colorUtils.ts"],"sourcesContent":["/**\n * Color helpers for ColorPicker and SwatchPicker: hex parsing/normalisation, the alpha byte ↔\n * opacity percentage, and the luminance-picked check glyph drawn on a user-supplied swatch.\n *\n * Internal (not exported from the package). Pure functions, no DOM access, so they run on the\n * server and in tests.\n */\n\n/** A parsed hex color: the `#rrggbb` part (lowercase) and the alpha byte (0–255). */\nexport interface HexColor {\n  /** `#rrggbb`, lowercase. */\n  rgb: string;\n  /** Alpha byte, 0 (transparent) … 255 (opaque). */\n  alpha: number;\n}\n\n/** An sRGB color with 0–255 channels and a 0–1 alpha. */\nexport interface RgbaColor {\n  r: number;\n  g: number;\n  b: number;\n  a: number;\n}\n\n/** Colors of the selected-swatch check glyph: the glyph and the halo drawn under it. */\nexport interface CheckColors {\n  glyph: string;\n  halo: string;\n}\n\n// wave-allow-color: luminance-picked check glyph on a user swatch (C-TOKENS exception, input-pickers#16)\nconst BLACK = '#000000';\n// wave-allow-color: luminance-picked check glyph on a user swatch (C-TOKENS exception, input-pickers#16)\nconst WHITE = '#ffffff';\n\nconst HEX_COLOR = /^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;\nconst HEX_INPUT = /^#([0-9a-f]{6}|[0-9a-f]{8})$/i;\nconst HEX_DRAFT = /^#?[0-9a-f]{0,8}$/i;\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value));\n}\n\nfunction toHexByte(value: number): string {\n  return Math.round(clamp(value, 0, 255))\n    .toString(16)\n    .padStart(2, '0');\n}\n\nfunction fromDigits(digits: string): HexColor {\n  const long =\n    digits.length <= 4\n      ? digits\n          .split('')\n          .map((d) => d + d)\n          .join('')\n      : digits;\n  const lower = long.toLowerCase();\n  return {\n    rgb: `#${lower.slice(0, 6)}`,\n    alpha: lower.length === 8 ? parseInt(lower.slice(6, 8), 16) : 255,\n  };\n}\n\n/**\n * Parses a hex color (`#rgb`, `#rgba`, `#rrggbb` or `#rrggbbaa`, case-insensitive, surrounding\n * whitespace ignored). Returns `null` for anything else (named colors, `rgb()`, a missing `#`).\n *\n * @example parseHexColor('#0F6CBD80') // { rgb: '#0f6cbd', alpha: 128 }\n */\nexport function parseHexColor(value: string): HexColor | null {\n  const match = HEX_COLOR.exec(value.trim());\n  return match ? fromDigits(match[1]) : null;\n}\n\n/**\n * Parses text typed into a hex field: only complete `#rrggbb` / `#rrggbbaa` values are accepted,\n * so the short forms a user passes through while typing (`#abc`) are never committed.\n */\nexport function parseHexInput(text: string): HexColor | null {\n  const match = HEX_INPUT.exec(text.trim());\n  return match ? fromDigits(match[1]) : null;\n}\n\n/**\n * Whether typed text can still become a hex color by typing more characters (an optional `#`\n * followed by at most 8 hex digits; surrounding whitespace ignored, like the parsers). `false`\n * means the text is invalid whatever follows.\n */\nexport function isHexDraft(text: string): boolean {\n  return HEX_DRAFT.test(text.trim());\n}\n\n/**\n * Formats `#rrggbb` plus an alpha byte: `#rrggbb` when opaque (`alpha` 255, the default),\n * `#rrggbbaa` otherwise. The alpha byte is rounded and clamped to 0–255.\n */\nexport function formatHexColor(rgb: string, alpha = 255): string {\n  const byte = Math.round(clamp(alpha, 0, 255));\n  return byte === 255 ? rgb : rgb + toHexByte(byte);\n}\n\n/**\n * A hex color in the one form ColorPicker reports: `#rrggbb` in lower case, or `#rrggbbaa` when\n * the alpha byte is not 255 (short forms expanded, surrounding whitespace dropped). Returns `null`\n * for anything {@link parseHexColor} rejects.\n *\n * @example normalizeHexColor('#ABC') // '#aabbcc'\n * @example normalizeHexColor('#0f6cbdff') // '#0f6cbd'\n */\nexport function normalizeHexColor(value: string): string | null {\n  const parsed = parseHexColor(value);\n  return parsed ? formatHexColor(parsed.rgb, parsed.alpha) : null;\n}\n\n/** Alpha byte (0–255) → whole opacity percentage (0–100). */\nexport function alphaToOpacity(alpha: number): number {\n  return Math.round((clamp(alpha, 0, 255) / 255) * 100);\n}\n\n/** Opacity percentage (0–100) → alpha byte (0–255). Inverse of {@link alphaToOpacity}. */\nexport function opacityToAlpha(opacity: number): number {\n  return Math.round((clamp(opacity, 0, 100) / 100) * 255);\n}\n\nfunction parseChannel(token: string): number | null {\n  const percent = token.endsWith('%');\n  const n = Number(percent ? token.slice(0, -1) : token);\n  if (!Number.isFinite(n)) return null;\n  return clamp(percent ? (n / 100) * 255 : n, 0, 255);\n}\n\nfunction parseAlpha(token: string | undefined): number | null {\n  if (token === undefined) return 1;\n  const percent = token.endsWith('%');\n  const n = Number(percent ? token.slice(0, -1) : token);\n  if (!Number.isFinite(n)) return null;\n  return clamp(percent ? n / 100 : n, 0, 1);\n}\n\nconst RGB_FUNCTION = /^rgba?\\(\\s*([^)]*)\\)$/i;\n\n/**\n * Parses the CSS colors that can be resolved without a browser: hex colors and `rgb()`/`rgba()`\n * (comma or space syntax, numbers or percentages, optional alpha). Returns `null` for named\n * colors, other color spaces and variables.\n */\nexport function parseCssColor(value: string): RgbaColor | null {\n  const text = value.trim();\n  const hex = parseHexColor(text);\n  if (hex) {\n    const n = parseInt(hex.rgb.slice(1), 16);\n    return { r: (n >> 16) & 255, g: (n >> 8) & 255, b: n & 255, a: hex.alpha / 255 };\n  }\n  const match = RGB_FUNCTION.exec(text);\n  if (!match) return null;\n  const [channelsPart, alphaPart]: Array<string | undefined> = match[1].split('/');\n  const tokens = (channelsPart ?? '')\n    .split(/[\\s,]+/)\n    .map((t) => t.trim())\n    .filter(Boolean);\n  let alphaToken: string | undefined = alphaPart?.trim();\n  if (alphaToken === undefined && tokens.length === 4) alphaToken = tokens.pop();\n  if (tokens.length !== 3) return null;\n  const [r, g, b] = tokens.map(parseChannel);\n  const a = parseAlpha(alphaToken);\n  if (r === null || g === null || b === null || a === null) return null;\n  return { r, g, b, a };\n}\n\nfunction linearize(channel: number): number {\n  const c = channel / 255;\n  return c <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;\n}\n\n/**\n * WCAG 2.x relative luminance (0 = black … 1 = white) of a color {@link parseCssColor} understands,\n * or `null`. Alpha is ignored (the swatch is treated as opaque).\n */\nexport function getRelativeLuminance(color: string): number | null {\n  const parsed = parseCssColor(color);\n  if (!parsed) return null;\n  return 0.2126 * linearize(parsed.r) + 0.7152 * linearize(parsed.g) + 0.0722 * linearize(parsed.b);\n}\n\n/**\n * Colors of the check glyph drawn on a selected swatch (`input-pickers#16`): black or white,\n * whichever has the higher WCAG contrast ratio against the swatch color, with the other one as a\n * halo under it so the glyph stays visible on any color. Colors that cannot be parsed without a\n * browser (named colors, `hsl()`, variables) get a black glyph with a white halo.\n *\n * This is the one runtime-computed exception to the token rule (C-TOKENS): the glyph sits on a\n * consumer-supplied color, not on a theme surface.\n */\nexport function getCheckColors(color: string): CheckColors {\n  const luminance = getRelativeLuminance(color);\n  if (luminance === null) return { glyph: BLACK, halo: WHITE };\n  const onBlack = (luminance + 0.05) / 0.05;\n  const onWhite = 1.05 / (luminance + 0.05);\n  return onBlack >= onWhite ? { glyph: BLACK, halo: WHITE } : { glyph: WHITE, halo: BLACK };\n}\n"],"mappings":";;AA+BA,IAAMA,IAAQ,WAERC,IAAQ,WAERC,IAAY,yDACZC,IAAY,iCACZC,IAAY;AAElB,SAASC,EAAM,GAAe,GAAa,GAAqB;CAC9D,OAAO,KAAK,IAAIC,GAAK,KAAK,IAAIC,GAAKC,CAAK,CAAC;AAC3C;AAEA,SAASC,EAAU,GAAuB;CACxC,OAAO,KAAK,MAAMJ,EAAMG,GAAO,GAAG,GAAG,CAAC,CAAC,CACpC,SAAS,EAAE,CAAC,CACZ,SAAS,GAAG,GAAG;AACpB;AAEA,SAASE,EAAW,GAA0B;CAQ5C,IAAMC,KANJC,EAAO,UAAU,IACbA,EACG,MAAM,EAAE,CAAC,CACT,KAAK,MAAMC,IAAIA,CAAC,CAAC,CACjB,KAAK,EAAE,IACVD,EAAA,CACa,YAAY;CAC/B,OAAO;EACL,KAAK,IAAID,EAAM,MAAM,GAAG,CAAC;EACzB,OAAOA,EAAM,WAAW,IAAI,SAASA,EAAM,MAAM,GAAG,CAAC,GAAG,EAAE,IAAI;CAChE;AACF;AAQA,SAAgBG,EAAc,GAAgC;CAC5D,IAAMC,IAAQb,EAAU,KAAKM,EAAM,KAAK,CAAC;CACzC,OAAOO,IAAQL,EAAWK,EAAM,EAAE,IAAI;AACxC;AAMA,SAAgBC,EAAc,GAA+B;CAC3D,IAAMD,IAAQZ,EAAU,KAAKc,EAAK,KAAK,CAAC;CACxC,OAAOF,IAAQL,EAAWK,EAAM,EAAE,IAAI;AACxC;AAOA,SAAgBG,EAAW,GAAuB;CAChD,OAAOd,EAAU,KAAKa,EAAK,KAAK,CAAC;AACnC;AAMA,SAAgBE,EAAe,GAAa,IAAQ,KAAa;CAC/D,IAAMC,IAAO,KAAK,MAAMf,EAAMgB,GAAO,GAAG,GAAG,CAAC;CAC5C,OAAOD,MAAS,MAAME,IAAMA,IAAMb,EAAUW,CAAI;AAClD;AAUA,SAAgBG,EAAkB,GAA8B;CAC9D,IAAMC,IAASV,EAAcN,CAAK;CAClC,OAAOgB,IAASL,EAAeK,EAAO,KAAKA,EAAO,KAAK,IAAI;AAC7D;AAGA,SAAgBC,EAAe,GAAuB;CACpD,OAAO,KAAK,MAAOpB,EAAMgB,GAAO,GAAG,GAAG,IAAI,MAAO,GAAG;AACtD;AAGA,SAAgBK,EAAe,GAAyB;CACtD,OAAO,KAAK,MAAOrB,EAAMsB,GAAS,GAAG,GAAG,IAAI,MAAO,GAAG;AACxD;AAEA,SAASC,EAAa,GAA8B;CAClD,IAAMC,IAAUC,EAAM,SAAS,GAAG,GAC5B,IAAI,OAAOD,IAAUC,EAAM,MAAM,GAAG,EAAE,IAAIA,CAAK;CAErD,OADK,OAAO,SAAS,CAAC,IACfzB,EAAMwB,IAAW,IAAI,MAAO,MAAM,GAAG,GAAG,GAAG,IADlB;AAElC;AAEA,SAASE,EAAW,GAA0C;CAC5D,IAAID,MAAU,KAAA,GAAW,OAAO;CAChC,IAAMD,IAAUC,EAAM,SAAS,GAAG,GAC5B,IAAI,OAAOD,IAAUC,EAAM,MAAM,GAAG,EAAE,IAAIA,CAAK;CAErD,OADK,OAAO,SAAS,CAAC,IACfzB,EAAMwB,IAAU,IAAI,MAAM,GAAG,GAAG,CAAC,IADR;AAElC;AAEA,IAAMG,IAAe;AAOrB,SAAgBC,EAAc,GAAiC;CAC7D,IAAMhB,IAAOT,EAAM,KAAK,GAClB0B,IAAMpB,EAAcG,CAAI;CAC9B,IAAIiB,GAAK;EACP,IAAMC,IAAI,SAASD,EAAI,IAAI,MAAM,CAAC,GAAG,EAAE;EACvC,OAAO;GAAE,GAAIC,KAAK,KAAM;GAAK,GAAIA,KAAK,IAAK;GAAK,GAAGA,IAAI;GAAK,GAAGD,EAAI,QAAQ;EAAI;CACjF;CACA,IAAMnB,IAAQiB,EAAa,KAAKf,CAAI;CACpC,IAAI,CAACF,GAAO,OAAO;CACnB,IAAM,CAACqB,GAAcC,KAAwCtB,EAAM,EAAE,CAAC,MAAM,GAAG,GACzEuB,KAAUF,KAAgB,GAAA,CAC7B,MAAM,QAAQ,CAAC,CACf,KAAK,MAAMG,EAAE,KAAK,CAAC,CAAC,CACpB,OAAO,OAAO,GACbC,IAAiCH,GAAW,KAAK;CAErD,IADIG,MAAe,KAAA,KAAaF,EAAO,WAAW,MAAG,IAAaA,EAAO,IAAI,IACzEA,EAAO,WAAW,GAAG,OAAO;CAChC,IAAM,CAACG,GAAGC,GAAGC,KAAKL,EAAO,IAAIV,CAAY,GACnCgB,IAAIb,EAAWS,CAAU;CAE/B,OADIC,MAAM,QAAQC,MAAM,QAAQC,MAAM,QAAQC,MAAM,OAAa,OAC1D;EAAE;EAAG;EAAG;EAAG;CAAE;AACtB;AAEA,SAASC,EAAU,GAAyB;CAC1C,IAAMC,IAAIC,IAAU;CACpB,OAAOD,KAAK,SAAUA,IAAI,UAAUA,IAAI,QAAS,UAAU;AAC7D;AAMA,SAAgBE,EAAqB,GAA8B;CACjE,IAAMxB,IAASS,EAAcgB,CAAK;CAElC,OADKzB,IACE,QAASqB,EAAUrB,EAAO,CAAC,IAAI,QAASqB,EAAUrB,EAAO,CAAC,IAAI,QAASqB,EAAUrB,EAAO,CAAC,IAD5E;AAEtB;AAWA,SAAgB0B,EAAe,GAA4B;CACzD,IAAMC,IAAYH,EAAqBC,CAAK;CAI5C,OAHIE,MAAc,SACDA,IAAY,OAAQ,OACrB,QAAQA,IAAY,OAFL;EAAE,OAAOnD;EAAO,MAAMC;CAAM,IAGC;EAAE,OAAOA;EAAO,MAAMD;CAAM;AAC1F"}
+{"version":3,"file":"colorUtils.mjs","names":["BLACK","WHITE","HEX_INPUT","HEX_DRAFT","clamp","max","min","value","toHexByte","parseHexColor","bytes","parseHexBytes","parseHexInput","text","isHexDraft","formatHexColor","byte","alpha","rgb","normalizeHexColor","parsed","alphaToOpacity","parseChannel","percent","token","parseAlpha","RGB_FUNCTION","parseCssColor","hex","n","match","channelsPart","alphaPart","tokens","t","alphaToken","r","g","b","a","linearize","c","channel","getRelativeLuminance","color","getCheckColors","luminance","displayHue","h","wrapHue","displayColor","clampUnit","toPercent","toPosition","sameColor","railKeyTarget","modifiers","step","next","key","current","getArrowIntent","toward","orientation","colorAreaGradient","hsvToHex","HUE_SPECTRUM","colorSliderGradient","direction","alphaSliderGradient","opaque","transparency","areaValueText","labels","saturation","brightness","channels","name","getColorName","sliderValueText","degrees","alphaValueText","valueText","opacity","COLOR_THUMB_CLASSES","RAIL_ROOT_HORIZONTAL","RAIL_ROOT_VERTICAL","RAIL_TRACK_HORIZONTAL","RAIL_TRACK_VERTICAL","RAIL_GRADIENT","RAIL_INPUT_CLASSES","RAIL_INPUT_HORIZONTAL","RAIL_INPUT_VERTICAL","THUMB_TRACK_HORIZONTAL","THUMB_TRACK_VERTICAL","THUMB_POSITION_HORIZONTAL","THUMB_POSITION_VERTICAL"],"sources":["../../../src/components/input/colorUtils.ts"],"sourcesContent":["/**\n * Color helpers for ColorPicker, SwatchPicker and the HSV color parts: hex parsing and\n * normalisation (on the grammar of `src/lib/color.ts`), the alpha byte ↔ opacity percentage, and\n * the luminance-picked check glyph drawn on a user-supplied swatch.\n *\n * Internal (not exported from the package). Pure functions, no DOM access, so they run on the\n * server and in tests.\n */\nimport { clampUnit, hsvToHex, parseHexBytes, wrapHue } from '../../lib/color';\nimport { getArrowIntent, type Direction } from '../../lib/direction';\nimport type { HsvColor } from '../../lib/types';\nimport { getColorName } from './colorName';\n\n/** A parsed hex color: the `#rrggbb` part (lowercase) and the alpha byte (0–255). */\nexport interface HexColor {\n  /** `#rrggbb`, lowercase. */\n  rgb: string;\n  /** Alpha byte, 0 (transparent) … 255 (opaque). */\n  alpha: number;\n}\n\n/** An sRGB color with 0–255 channels and a 0–1 alpha. */\nexport interface RgbaColor {\n  r: number;\n  g: number;\n  b: number;\n  a: number;\n}\n\n/** Colors of the selected-swatch check glyph: the glyph and the halo drawn under it. */\nexport interface CheckColors {\n  glyph: string;\n  halo: string;\n}\n\n// wave-allow-color: luminance-picked check glyph on a user swatch (C-TOKENS exception, input-pickers#16)\nconst BLACK = '#000000';\n// wave-allow-color: luminance-picked check glyph on a user swatch (C-TOKENS exception, input-pickers#16)\nconst WHITE = '#ffffff';\n\nconst HEX_INPUT = /^#([0-9a-f]{6}|[0-9a-f]{8})$/i;\nconst HEX_DRAFT = /^#?[0-9a-f]{0,8}$/i;\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value));\n}\n\nfunction toHexByte(value: number): string {\n  return Math.round(clamp(value, 0, 255))\n    .toString(16)\n    .padStart(2, '0');\n}\n\n/**\n * Parses a hex color (`#rgb`, `#rgba`, `#rrggbb` or `#rrggbbaa`, case-insensitive, surrounding\n * whitespace ignored). Returns `null` for anything else (named colors, `rgb()`, a missing `#`).\n *\n * @example parseHexColor('#0F6CBD80') // { rgb: '#0f6cbd', alpha: 128 }\n */\nexport function parseHexColor(value: string): HexColor | null {\n  const bytes = parseHexBytes(value);\n  return bytes\n    ? {\n        rgb: `#${toHexByte(bytes.r)}${toHexByte(bytes.g)}${toHexByte(bytes.b)}`,\n        alpha: bytes.alpha,\n      }\n    : null;\n}\n\n/**\n * Parses text typed into a hex field: only complete `#rrggbb` / `#rrggbbaa` values are accepted,\n * so the short forms a user passes through while typing (`#abc`) are never committed.\n */\nexport function parseHexInput(text: string): HexColor | null {\n  return HEX_INPUT.test(text.trim()) ? parseHexColor(text) : null;\n}\n\n/**\n * Whether typed text can still become a hex color by typing more characters (an optional `#`\n * followed by at most 8 hex digits; surrounding whitespace ignored, like the parsers). `false`\n * means the text is invalid whatever follows.\n */\nexport function isHexDraft(text: string): boolean {\n  return HEX_DRAFT.test(text.trim());\n}\n\n/**\n * Formats `#rrggbb` plus an alpha byte: `#rrggbb` when opaque (`alpha` 255, the default),\n * `#rrggbbaa` otherwise. The alpha byte is rounded and clamped to 0–255.\n */\nexport function formatHexColor(rgb: string, alpha = 255): string {\n  const byte = Math.round(clamp(alpha, 0, 255));\n  return byte === 255 ? rgb : rgb + toHexByte(byte);\n}\n\n/**\n * A hex color in the one form ColorPicker reports: `#rrggbb` in lower case, or `#rrggbbaa` when\n * the alpha byte is not 255 (short forms expanded, surrounding whitespace dropped). Returns `null`\n * for anything {@link parseHexColor} rejects.\n *\n * @example normalizeHexColor('#ABC') // '#aabbcc'\n * @example normalizeHexColor('#0f6cbdff') // '#0f6cbd'\n */\nexport function normalizeHexColor(value: string): string | null {\n  const parsed = parseHexColor(value);\n  return parsed ? formatHexColor(parsed.rgb, parsed.alpha) : null;\n}\n\n/** Alpha byte (0–255) → whole opacity percentage (0–100). */\nexport function alphaToOpacity(alpha: number): number {\n  return Math.round((clamp(alpha, 0, 255) / 255) * 100);\n}\n\n/** Opacity percentage (0–100) → alpha byte (0–255). Inverse of {@link alphaToOpacity}. */\nexport function opacityToAlpha(opacity: number): number {\n  return Math.round((clamp(opacity, 0, 100) / 100) * 255);\n}\n\nfunction parseChannel(token: string): number | null {\n  const percent = token.endsWith('%');\n  const n = Number(percent ? token.slice(0, -1) : token);\n  if (!Number.isFinite(n)) return null;\n  return clamp(percent ? (n / 100) * 255 : n, 0, 255);\n}\n\nfunction parseAlpha(token: string | undefined): number | null {\n  if (token === undefined) return 1;\n  const percent = token.endsWith('%');\n  const n = Number(percent ? token.slice(0, -1) : token);\n  if (!Number.isFinite(n)) return null;\n  return clamp(percent ? n / 100 : n, 0, 1);\n}\n\nconst RGB_FUNCTION = /^rgba?\\(\\s*([^)]*)\\)$/i;\n\n/**\n * Parses the CSS colors that can be resolved without a browser: hex colors and `rgb()`/`rgba()`\n * (comma or space syntax, numbers or percentages, optional alpha). Returns `null` for named\n * colors, other color spaces and variables.\n */\nexport function parseCssColor(value: string): RgbaColor | null {\n  const text = value.trim();\n  const hex = parseHexColor(text);\n  if (hex) {\n    const n = parseInt(hex.rgb.slice(1), 16);\n    return { r: (n >> 16) & 255, g: (n >> 8) & 255, b: n & 255, a: hex.alpha / 255 };\n  }\n  const match = RGB_FUNCTION.exec(text);\n  if (!match) return null;\n  const [channelsPart, alphaPart]: Array<string | undefined> = match[1].split('/');\n  const tokens = (channelsPart ?? '')\n    .split(/[\\s,]+/)\n    .map((t) => t.trim())\n    .filter(Boolean);\n  let alphaToken: string | undefined = alphaPart?.trim();\n  if (alphaToken === undefined && tokens.length === 4) alphaToken = tokens.pop();\n  if (tokens.length !== 3) return null;\n  const [r, g, b] = tokens.map(parseChannel);\n  const a = parseAlpha(alphaToken);\n  if (r === null || g === null || b === null || a === null) return null;\n  return { r, g, b, a };\n}\n\nfunction linearize(channel: number): number {\n  const c = channel / 255;\n  return c <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;\n}\n\n/**\n * WCAG 2.x relative luminance (0 = black … 1 = white) of a color {@link parseCssColor} understands,\n * or `null`. Alpha is ignored (the swatch is treated as opaque).\n */\nexport function getRelativeLuminance(color: string): number | null {\n  const parsed = parseCssColor(color);\n  if (!parsed) return null;\n  return 0.2126 * linearize(parsed.r) + 0.7152 * linearize(parsed.g) + 0.0722 * linearize(parsed.b);\n}\n\n/**\n * Colors of the check glyph drawn on a selected swatch (`input-pickers#16`): black or white,\n * whichever has the higher WCAG contrast ratio against the swatch color, with the other one as a\n * halo under it so the glyph stays visible on any color. Colors that cannot be parsed without a\n * browser (named colors, `hsl()`, variables) get a black glyph with a white halo.\n *\n * This is the one runtime-computed exception to the token rule (C-TOKENS): the glyph sits on a\n * consumer-supplied color, not on a theme surface.\n */\nexport function getCheckColors(color: string): CheckColors {\n  const luminance = getRelativeLuminance(color);\n  if (luminance === null) return { glyph: BLACK, halo: WHITE };\n  const onBlack = (luminance + 0.05) / 0.05;\n  const onWhite = 1.05 / (luminance + 0.05);\n  return onBlack >= onWhite ? { glyph: BLACK, halo: WHITE } : { glyph: WHITE, halo: BLACK };\n}\n\n// ---------------------------------------------------------------------------------------------\n// The HSV color parts: ColorArea, ColorSlider and AlphaSlider (spec P3-05)\n// ---------------------------------------------------------------------------------------------\n\n/** The channels of an HSV color that a part edits or names in a value text. */\nexport type ColorChannel = 'hue' | 'saturation' | 'value' | 'alpha';\n\n/** Which way a rail runs: left to right (mirrored in right-to-left layouts), or bottom to top. */\nexport type RailOrientation = 'horizontal' | 'vertical';\n\n/** The modifier keys of a key press. */\nexport interface KeyModifiers {\n  shiftKey: boolean;\n  altKey: boolean;\n  ctrlKey: boolean;\n  metaKey: boolean;\n}\n\n/**\n * A hue as a part shows it: 0–360 kept as given (360 is the end of a hue rail), any other finite\n * hue wrapped into [0, 360), and a hue that is not finite as 0.\n */\nexport function displayHue(h: number): number {\n  return Number.isFinite(h) && h >= 0 && h <= 360 ? h : wrapHue(h);\n}\n\n/**\n * A color as a part shows it: the hue for display, saturation and brightness clamped to [0, 1]\n * (not a number: 0) and alpha clamped to [0, 1] (left out or not a number: 1).\n */\nexport function displayColor(color: HsvColor): Required<HsvColor> {\n  return {\n    h: displayHue(color.h),\n    s: clampUnit(color.s, 0),\n    v: clampUnit(color.v, 0),\n    a: clampUnit(color.a, 1),\n  };\n}\n\n/** A 0–1 channel as the whole percentage the range inputs and value texts use. */\nexport function toPercent(value: number): number {\n  return Math.round(value * 100);\n}\n\n/** A 0–1 position as a CSS percentage with at most two decimals, for an inline custom property. */\nexport function toPosition(value: number): string {\n  return `${Math.round(value * 10000) / 100}%`;\n}\n\n/** Whether two colors have the same channels (a missing alpha equals 1). */\nexport function sameColor(a: HsvColor, b: HsvColor): boolean {\n  return a.h === b.h && a.s === b.s && a.v === b.v && (a.a ?? 1) === (b.a ?? 1);\n}\n\n/**\n * The value a rail (a range from 0 to `max`) moves to for a key press, or `null` for a key it\n * leaves alone: ArrowUp and ArrowDown by 1; ArrowRight and ArrowLeft by 1 toward the reading\n * direction's end and start (so mirrored in right-to-left layouts); Shift with an arrow, Page Up\n * and Page Down by 10; Home and End to 0 and `max`. A key with Alt, Ctrl or Meta belongs to the\n * browser. The result is clamped to the range.\n */\nexport function railKeyTarget(\n  key: string,\n  modifiers: KeyModifiers,\n  dir: Direction,\n  current: number,\n  max: number,\n): number | null {\n  if (modifiers.altKey || modifiers.ctrlKey || modifiers.metaKey) return null;\n  const step = modifiers.shiftKey ? 10 : 1;\n  let next: number;\n  switch (key) {\n    case 'ArrowUp':\n      next = current + step;\n      break;\n    case 'ArrowDown':\n      next = current - step;\n      break;\n    case 'ArrowRight':\n    case 'ArrowLeft':\n      next =\n        current +\n        (getArrowIntent(key, { orientation: 'horizontal', dir }) === 'next' ? step : -step);\n      break;\n    case 'PageUp':\n      next = current + 10;\n      break;\n    case 'PageDown':\n      next = current - 10;\n      break;\n    case 'Home':\n      next = 0;\n      break;\n    case 'End':\n      next = max;\n      break;\n    default:\n      return null;\n  }\n  return Math.min(max, Math.max(0, next));\n}\n\nconst toward = (orientation: RailOrientation) =>\n  orientation === 'vertical' ? 'to top' : 'to right';\n\n/** The field of a ColorArea at hue `h`: white to the pure hue left to right, black toward the bottom. */\nexport function colorAreaGradient(h: number): string {\n  const hue = hsvToHex({ h, s: 1, v: 1 });\n  // wave-allow-color: the saturation and brightness field of the user's color (runtime gradient)\n  return `linear-gradient(to top, #000000, transparent), linear-gradient(to right, #ffffff, ${hue})`;\n}\n\n// wave-allow-color: the hue spectrum of a hue rail (runtime gradient data, not a theme color)\nconst HUE_SPECTRUM = '#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000';\n\n/**\n * The rail of a ColorSlider: the hue spectrum, gray to the full color at the color's brightness\n * (saturation), or black to the color at full brightness (brightness).\n */\nexport function colorSliderGradient(\n  channel: 'hue' | 'saturation' | 'value',\n  color: Required<HsvColor>,\n  orientation: RailOrientation,\n): string {\n  const direction = toward(orientation);\n  if (channel === 'hue') return `linear-gradient(${direction}, ${HUE_SPECTRUM})`;\n  if (channel === 'saturation') {\n    const gray = hsvToHex({ h: color.h, s: 0, v: color.v });\n    const full = hsvToHex({ h: color.h, s: 1, v: color.v });\n    return `linear-gradient(${direction}, ${gray}, ${full})`;\n  }\n  const bright = hsvToHex({ h: color.h, s: color.s, v: 1 });\n  // wave-allow-color: the brightness rail runs from black to the color (runtime gradient)\n  return `linear-gradient(${direction}, #000000, ${bright})`;\n}\n\n/** The rail of an AlphaSlider: transparent to the opaque color, or the reverse with `transparency`. */\nexport function alphaSliderGradient(\n  color: Required<HsvColor>,\n  transparency: boolean,\n  orientation: RailOrientation,\n): string {\n  const opaque = hsvToHex({ h: color.h, s: color.s, v: color.v });\n  const direction = toward(orientation);\n  return transparency\n    ? `linear-gradient(${direction}, ${opaque}, transparent)`\n    : `linear-gradient(${direction}, transparent, ${opaque})`;\n}\n\n/**\n * The value text of one of ColorArea's inputs: its own channel first, then the other one, then\n * the color's name (\"Saturation 72%, Brightness 40%, dark blue\"). `colorName` replaces the namer\n * (`''` leaves the name out); `valueText` replaces the whole text.\n */\nexport function areaValueText(\n  color: Required<HsvColor>,\n  channel: 'saturation' | 'value',\n  labels: {\n    saturation: string;\n    brightness: string;\n    colorName?: (color: HsvColor) => string;\n    valueText?: (color: HsvColor, channel: 'saturation' | 'value') => string;\n  },\n): string {\n  if (labels.valueText) return labels.valueText(color, channel);\n  const saturation = `${labels.saturation} ${toPercent(color.s)}%`;\n  const brightness = `${labels.brightness} ${toPercent(color.v)}%`;\n  const channels =\n    channel === 'saturation' ? `${saturation}, ${brightness}` : `${brightness}, ${saturation}`;\n  const name = (labels.colorName ?? getColorName)(color);\n  return name ? `${channels}, ${name}` : channels;\n}\n\n/** The value text of a ColorSlider: \"210°, blue\" for hue, \"72%\" for saturation and brightness. */\nexport function sliderValueText(\n  color: Required<HsvColor>,\n  channel: 'hue' | 'saturation' | 'value',\n  labels: {\n    colorName?: (color: HsvColor) => string;\n    valueText?: (color: HsvColor, channel: 'hue' | 'saturation' | 'value') => string;\n  },\n): string {\n  if (labels.valueText) return labels.valueText(color, channel);\n  if (channel !== 'hue') return `${toPercent(channel === 'saturation' ? color.s : color.v)}%`;\n  const degrees = `${Math.round(color.h)}°`;\n  const name = (labels.colorName ?? getColorName)(color);\n  return name ? `${degrees}, ${name}` : degrees;\n}\n\n/** The value text of an AlphaSlider: the opacity (\"40%\"), or the transparency with `transparency`. */\nexport function alphaValueText(\n  color: Required<HsvColor>,\n  transparency: boolean,\n  valueText?: (color: HsvColor, transparency: boolean) => string,\n): string {\n  if (valueText) return valueText(color, transparency);\n  const opacity = toPercent(color.a);\n  return `${transparency ? 100 - opacity : opacity}%`;\n}\n\n/**\n * The thumb of ColorArea, ColorSlider and AlphaSlider (decorative; the focused input is what\n * assistive technology reads): 24 px, filled from `--wave-color-thumb`, with a two-tone edge (a\n * `background` border inside a `foreground` ring) that shows on any color. Forced colors keep the\n * fill and draw the edge in system colors. Each part adds its own focus classes, keyed on its\n * named group, and its part class.\n */\nexport const COLOR_THUMB_CLASSES =\n  'pointer-events-none absolute size-6 rounded-full border-2 border-background bg-(--wave-color-thumb) ring-1 ring-foreground forced-colors:forced-color-adjust-none forced-colors:border-[Canvas] forced-colors:ring-[CanvasText]';\n\n/** The root of a horizontal ColorSlider or AlphaSlider (24 px, as tall as the thumb). */\nexport const RAIL_ROOT_HORIZONTAL = 'h-6 w-full items-center';\n/** The root of a vertical one: a size container, so the turned input can be as long as it is tall. */\nexport const RAIL_ROOT_VERTICAL = 'h-40 w-6 flex-col items-center [container-type:size]';\n/** The drawn rail, inset by half a thumb at both ends (a horizontal one mirrors in right-to-left layouts). */\nexport const RAIL_TRACK_HORIZONTAL = 'mx-3 h-3 flex-1 wave-rtl:-scale-x-100';\nexport const RAIL_TRACK_VERTICAL = 'my-3 w-3 flex-1';\n/** The rail's gradient, read from the inline `--wave-color-slider-gradient` property. */\nexport const RAIL_GRADIENT = 'bg-(image:--wave-color-slider-gradient)';\n/**\n * The native range input of a rail: over the whole slider and invisible, with its own thumb as\n * wide as the drawn one, so a press lands on the value under the drawn thumb.\n */\nexport const RAIL_INPUT_CLASSES =\n  'absolute m-0 cursor-pointer appearance-none opacity-0 disabled:cursor-not-allowed [&::-webkit-slider-thumb]:size-6 [&::-webkit-slider-thumb]:appearance-none [&::-moz-range-thumb]:size-6';\nexport const RAIL_INPUT_HORIZONTAL = 'inset-0 size-full';\n/** Turned a quarter, so its start (the minimum) is at the bottom; it carries `dir=\"ltr\"`. */\nexport const RAIL_INPUT_VERTICAL =\n  'start-1/2 top-1/2 h-6 w-[100cqh] -translate-x-1/2 wave-rtl:translate-x-1/2 -translate-y-1/2 -rotate-90';\n/** The box the thumb moves in: the rail's length, so its center meets the native thumb's. */\nexport const THUMB_TRACK_HORIZONTAL = 'pointer-events-none absolute inset-x-3 inset-y-0';\nexport const THUMB_TRACK_VERTICAL = 'pointer-events-none absolute inset-x-0 inset-y-3';\n/** The thumb's place along the rail, read from the inline `--wave-color-slider-position` property. */\nexport const THUMB_POSITION_HORIZONTAL =\n  'start-(--wave-color-slider-position) top-1/2 -translate-x-1/2 wave-rtl:translate-x-1/2 -translate-y-1/2';\nexport const THUMB_POSITION_VERTICAL =\n  'bottom-(--wave-color-slider-position) start-1/2 -translate-x-1/2 wave-rtl:translate-x-1/2 translate-y-1/2';\n"],"mappings":"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"}

package/dist/components/layout/Accordion.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/composeEventHandlers.cjs"),a=require("../../hooks/useControllable.cjs"),o=require("../../hooks/useId.cjs"),s=require("../../lib/styles.cjs"),c=require("../../lib/icons.cjs"),l=require("./disclosureIds.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=u.createContext(null),p=u.createContext(null),m=u.createContext(null),h=[],g={openItems:h,toggle:()=>{},registerItem:()=>()=>{},baseId:`wave-accordion-inert`,headingLevel:3},_={value:``,isOpen:!1,triggerId:`wave-accordion-inert-trigger`,panelId:`wave-accordion-inert-panel`,hasPanelContent:!1,headingLevel:3,toggle:()=>{}},v={extra:null,inPanel:!0},y=u.createContext(!1),b=`m-0 grid`;function x(e){return u.useContext(f)||(r.reportMissingContext(e,`<Accordion>`),g)}function S(e){return u.useContext(p)||(r.reportMissingContext(e,`<Accordion.Item>`),_)}function C(e){r.warnOnce(`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 w(e){if(e!==void 0)return e===null?h:[e]}var T=e=>{let{type:n,openItem:i,defaultOpenItem:s,onOpenItemChange:c,openItems:l,defaultOpenItems:g,onOpenItemsChange:_,headingLevel:v=3,className:b,children:x,ref:S,...T}=e,E=n===`multiple`;E||(l!==void 0&&r.warnDeprecated(`Accordion`,`openItems`,`openItem`,`In single mode the Accordion takes one value.`),g!==void 0&&r.warnDeprecated(`Accordion`,`defaultOpenItems`,`defaultOpenItem`,`In single mode the Accordion takes one value.`),_!==void 0&&r.warnDeprecated(`Accordion`,`onOpenItemsChange`,`onOpenItemChange`,`In single mode the Accordion reports one value.`));let D=E?void 0:i,O=u.useMemo(()=>w(D)??l,[D,l]),[k]=u.useState(()=>(E?void 0:w(s))??g??h),[A,j]=a.useControllable(O,k,e=>{let t=[...e];E||c?.(t[0]??null),_?.(t)}),M=A.length;u.useEffect(()=>{!E&&M>1&&r.warnOnce(`Accordion:single-multiple-open`,`Accordion: type="single" allows one open item, but ${M} are open. Pass \`openItem\`, or use type="multiple".`)},[E,M]);let N=u.useCallback(e=>{j(t=>t.includes(e)?t.filter(t=>t!==e):E?[...t,e]:[e])},[E,j]),P=u.useRef(null),F=u.useCallback(e=>{P.current??=new Map;let t=P.current,n=(t.get(e)??0)+1;return t.set(e,n),n>1&&C(e),()=>{let n=(t.get(e)??1)-1;n>0?t.set(e,n):t.delete(e)}},[]),I=o.useId(`accordion`),L=u.useMemo(()=>({openItems:A,toggle:N,registerItem:F,baseId:I,headingLevel:v}),[A,N,F,I,v]);return(0,d.jsx)(f.Provider,{value:L,children:(0,d.jsx)(p.Provider,{value:null,children:(0,d.jsx)(m.Provider,{value:null,children:(0,d.jsx)(y.Provider,{value:!1,children:(0,d.jsx)(`div`,{ref:S,className:t.cn(`divide-y divide-border`,b),...T,children:x})})})})})};T.displayName=`Accordion`;function E(e,t,r){if(Array.isArray(e)){for(let n of e){let e=E(n,t,r);if(e)return e}return}if(!u.isValidElement(e))return;let i=n.getElementType(e,{suspend:!1});if(i===t)return e;if(i!==r&&i!==T&&i!==A)return E(e.props.children,t,r)}function D(e){let t=e?.props.id;return typeof t==`string`&&t!==``?t:void 0}function O(e){if(!u.isValidElement(e))return!1;let t=n.getElementType(e,{suspend:!1});if(typeof t==`string`||t===j||t===M||t===T||t===A)return!1;let r=e.props.children;return n.getElementType(r,{suspend:!1})===j||O(r)}function k(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 A=({value:e,headingLevel:r,className:i,children:a,ref:o,...s})=>{let c=x(`Accordion.Item`),f=c.openItems.includes(e),{toggle:h,baseId:g,registerItem:_}=c;u.useEffect(()=>_(e),[_,e]);let v=r??c.headingLevel,S=`h${v}`,C,w,T=[],k=[];for(let{key:e,node:t}of n.flattenChildren(a)){let n=(0,d.jsx)(u.Fragment,{children:t},e),r=E(t,j,M),i=E(t,M,j);r||i?(C??=r,w??=i,T.push(O(t)?(0,d.jsx)(S,{className:b,children:(0,d.jsx)(y.Provider,{value:!0,children:t})},e):n)):k.push(n)}let A=C!==void 0,N=w!==void 0,P=D(C),F=D(w),I=N||k.length>0,L=N&&k.length>0?k:null,R=u.useMemo(()=>({value:e,isOpen:f,triggerId:P??l.getPartId(g,`trigger`,e),panelId:F??l.getPartId(g,`panel`,e),hasPanelContent:I,headingLevel:v,toggle:()=>h(e)}),[e,f,g,P,F,I,v,h]),z=u.useMemo(()=>({extra:L,inPanel:!1}),[L]);return(0,d.jsx)(p.Provider,{value:R,children:(0,d.jsx)(m.Provider,{value:z,children:(0,d.jsxs)(`div`,{ref:o,"data-state":f?`open`:`closed`,className:t.cn(i),...s,children:[A?null:(0,d.jsx)(j,{children:e}),T,!N&&k.length>0?(0,d.jsx)(M,{children:k}):null]})})})};A.displayName=`AccordionItem`;var j=({id:e,className:n,children:a,onClick:o,ref:l,...f})=>{let p=S(`Accordion.Trigger`),h=u.useContext(m)?.inPanel??!1;u.useEffect(()=>{h&&r.warnOnce(`Accordion.Trigger:inside-panel`,k(`Accordion.Trigger`))},[h]);let g=u.useContext(y),_=`h${p.headingLevel}`,v=p.isOpen?`open`:`closed`,x=(0,d.jsxs)(`button`,{type:`button`,className:t.cn(`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`,s.disabledStyles,s.focusRingInset,n),...f,id:e||(h?void 0:p.triggerId),"aria-controls":!h&&p.hasPanelContent?p.panelId:void 0,"aria-expanded":p.isOpen,"data-state":v,onClick:i.composeEventHandlers(o,p.toggle),ref:l,children:[a,(0,d.jsx)(c.ChevronDownIcon,{size:16,className:t.cn(`shrink-0 transition-transform motion-reduce:transition-none`,p.isOpen&&`rotate-180`)})]});return g?x:(0,d.jsx)(_,{className:b,children:x})};j.displayName=`AccordionTrigger`;var M=({id:e,className:n,children:i,ref:a,...o})=>{let s=S(`Accordion.Panel`),c=u.useContext(m),l=c?.inPanel??!1;return u.useEffect(()=>{l&&r.warnOnce(`Accordion.Panel:inside-panel`,k(`Accordion.Panel`))},[l]),s.isOpen?l?(0,d.jsx)(`div`,{className:t.cn(n),...o,id:e||void 0,ref:a,children:i}):(0,d.jsx)(m.Provider,{value:v,children:(0,d.jsxs)(`div`,{role:`region`,className:t.cn(`px-4 pb-3 text-body-1 text-muted-foreground`,n),...o,id:e||s.panelId,"aria-labelledby":s.triggerId,"data-state":`open`,ref:a,children:[i,c?.extra]})}):null};M.displayName=`AccordionPanel`;var N=Object.assign(T,{Item:A,Trigger:j,Panel:M});exports.Accordion=N,exports.AccordionItem=A,exports.AccordionPanel=M,exports.AccordionTrigger=j;
+"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/composeEventHandlers.cjs"),a=require("../../lib/classNames.cjs"),o=require("../../hooks/useControllable.cjs"),s=require("../../hooks/useId.cjs"),c=require("../../lib/styles.cjs"),l=require("../../lib/icons.cjs"),u=require("./disclosureIds.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=d.createContext(null),m=d.createContext(null),h=d.createContext(null),g=[],_={openItems:g,toggle:()=>{},registerItem:()=>()=>{},baseId:`wave-accordion-inert`,headingLevel:3},v={value:``,isOpen:!1,triggerId:`wave-accordion-inert-trigger`,panelId:`wave-accordion-inert-panel`,hasPanelContent:!1,headingLevel:3,toggle:()=>{}},y={extra:null,inPanel:!0},b=d.createContext(!1),x=`m-0 grid`;function S(e){return d.useContext(p)||(r.reportMissingContext(e,`<Accordion>`),_)}function C(e){return d.useContext(m)||(r.reportMissingContext(e,`<Accordion.Item>`),v)}function w(e){r.warnOnce(`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 T(e){if(e!==void 0)return e===null?g:[e]}var E=e=>{let{type:n,openItem:i,defaultOpenItem:c,onOpenItemChange:l,openItems:u,defaultOpenItems:_,onOpenItemsChange:v,headingLevel:y=3,className:x,children:S,ref:C,...E}=e,D=n===`multiple`;D||(u!==void 0&&r.warnDeprecated(`Accordion`,`openItems`,`openItem`,`In single mode the Accordion takes one value.`),_!==void 0&&r.warnDeprecated(`Accordion`,`defaultOpenItems`,`defaultOpenItem`,`In single mode the Accordion takes one value.`),v!==void 0&&r.warnDeprecated(`Accordion`,`onOpenItemsChange`,`onOpenItemChange`,`In single mode the Accordion reports one value.`));let O=D?void 0:i,k=d.useMemo(()=>T(O)??u,[O,u]),[A]=d.useState(()=>(D?void 0:T(c))??_??g),[j,M]=o.useControllable(k,A,e=>{let t=[...e];D||l?.(t[0]??null),v?.(t)}),N=j.length;d.useEffect(()=>{!D&&N>1&&r.warnOnce(`Accordion:single-multiple-open`,`Accordion: type="single" allows one open item, but ${N} are open. Pass \`openItem\`, or use type="multiple".`)},[D,N]);let P=d.useCallback(e=>{M(t=>t.includes(e)?t.filter(t=>t!==e):D?[...t,e]:[e])},[D,M]),F=d.useRef(null),I=d.useCallback(e=>{F.current??=new Map;let t=F.current,n=(t.get(e)??0)+1;return t.set(e,n),n>1&&w(e),()=>{let n=(t.get(e)??1)-1;n>0?t.set(e,n):t.delete(e)}},[]),L=s.useId(`accordion`),R=d.useMemo(()=>({openItems:j,toggle:P,registerItem:I,baseId:L,headingLevel:y}),[j,P,I,L,y]);return(0,f.jsx)(p.Provider,{value:R,children:(0,f.jsx)(m.Provider,{value:null,children:(0,f.jsx)(h.Provider,{value:null,children:(0,f.jsx)(b.Provider,{value:!1,children:(0,f.jsx)(`div`,{ref:C,className:t.cn(a.accordionClassNames.root,`divide-y divide-border`,x),...E,children:S})})})})})};E.displayName=`Accordion`;function D(e,t,r){if(Array.isArray(e)){for(let n of e){let e=D(n,t,r);if(e)return e}return}if(!d.isValidElement(e))return;let i=n.getElementType(e,{suspend:!1});if(i===t)return e;if(i!==r&&i!==E&&i!==j)return D(e.props.children,t,r)}function O(e){let t=e?.props.id;return typeof t==`string`&&t!==``?t:void 0}function k(e){if(!d.isValidElement(e))return!1;let t=n.getElementType(e,{suspend:!1});if(typeof t==`string`||t===M||t===N||t===E||t===j)return!1;let r=e.props.children;return n.getElementType(r,{suspend:!1})===M||k(r)}function A(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 j=({value:e,headingLevel:r,className:i,children:o,ref:s,...c})=>{let l=S(`Accordion.Item`),p=l.openItems.includes(e),{toggle:g,baseId:_,registerItem:v}=l;d.useEffect(()=>v(e),[v,e]);let y=r??l.headingLevel,C=`h${y}`,w,T,E=[],A=[];for(let{key:e,node:r}of n.flattenChildren(o)){let n=(0,f.jsx)(d.Fragment,{children:r},e),i=D(r,M,N),o=D(r,N,M);i||o?(w??=i,T??=o,E.push(k(r)?(0,f.jsx)(C,{className:t.cn(a.accordionTriggerClassNames.heading,x),children:(0,f.jsx)(b.Provider,{value:!0,children:r})},e):n)):A.push(n)}let j=w!==void 0,P=T!==void 0,F=O(w),I=O(T),L=P||A.length>0,R=P&&A.length>0?A:null,z=d.useMemo(()=>({value:e,isOpen:p,triggerId:F??u.getPartId(_,`trigger`,e),panelId:I??u.getPartId(_,`panel`,e),hasPanelContent:L,headingLevel:y,toggle:()=>g(e)}),[e,p,_,F,I,L,y,g]),B=d.useMemo(()=>({extra:R,inPanel:!1}),[R]);return(0,f.jsx)(m.Provider,{value:z,children:(0,f.jsx)(h.Provider,{value:B,children:(0,f.jsxs)(`div`,{ref:s,"data-state":p?`open`:`closed`,className:t.cn(a.accordionItemClassNames.root,i),...c,children:[j?null:(0,f.jsx)(M,{children:e}),E,!P&&A.length>0?(0,f.jsx)(N,{children:A}):null]})})})};j.displayName=`AccordionItem`;var M=({id:e,className:n,children:o,onClick:s,ref:u,...p})=>{let m=C(`Accordion.Trigger`),g=d.useContext(h)?.inPanel??!1;d.useEffect(()=>{g&&r.warnOnce(`Accordion.Trigger:inside-panel`,A(`Accordion.Trigger`))},[g]);let _=d.useContext(b),v=`h${m.headingLevel}`,y=m.isOpen?`open`:`closed`,S=(0,f.jsxs)(`button`,{type:`button`,className:t.cn(a.accordionTriggerClassNames.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`,c.disabledStyles,c.focusRingInset,n),...p,id:e||(g?void 0:m.triggerId),"aria-controls":!g&&m.hasPanelContent?m.panelId:void 0,"aria-expanded":m.isOpen,"data-state":y,onClick:i.composeEventHandlers(s,m.toggle),ref:u,children:[o,(0,f.jsx)(l.ChevronDownIcon,{size:16,className:t.cn(a.accordionTriggerClassNames.expandIcon,`shrink-0 transition-transform motion-reduce:transition-none`,m.isOpen&&`rotate-180`)})]});return _?S:(0,f.jsx)(v,{className:t.cn(a.accordionTriggerClassNames.heading,x),children:S})};M.displayName=`AccordionTrigger`;var N=({id:e,className:n,children:i,ref:o,...s})=>{let c=C(`Accordion.Panel`),l=d.useContext(h),u=l?.inPanel??!1;return d.useEffect(()=>{u&&r.warnOnce(`Accordion.Panel:inside-panel`,A(`Accordion.Panel`))},[u]),c.isOpen?u?(0,f.jsx)(`div`,{className:t.cn(a.accordionPanelClassNames.root,n),...s,id:e||void 0,ref:o,children:i}):(0,f.jsx)(h.Provider,{value:y,children:(0,f.jsxs)(`div`,{role:`region`,className:t.cn(a.accordionPanelClassNames.root,`px-4 pb-3 text-body-1 text-muted-foreground`,n),...s,id:e||c.panelId,"aria-labelledby":c.triggerId,"data-state":`open`,ref:o,children:[i,l?.extra]})}):null};N.displayName=`AccordionPanel`;var P=Object.assign(E,{Item:j,Trigger:M,Panel:N});exports.Accordion=P,exports.AccordionItem=j,exports.AccordionPanel=N,exports.AccordionTrigger=M;
 //# sourceMappingURL=Accordion.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","names":["React","useControllable","useId","cn","getElementType","flattenChildren","getPartId","disabledStyles","focusRingInset","composeEventHandlers","ChevronDownIcon","require_runtime","require_cn","require_children","require_dev","require_composeEventHandlers","require_useControllable","require_useId","require_styles","require_icons","require_disclosureIds","react","react_jsx_runtime","AccordionContext","AccordionItemContext","AccordionPanelSlotContext","EMPTY","INERT_ACCORDION","INERT_ITEM","IN_PANEL","AccordionHeadingOutsideContext","HEADING_CLASS","useAccordionContext","component","useAccordionItemContext","warnDuplicateValue","value","toItems","AccordionRoot","openItemsProp","rest","props","multiple","type","defaultOpenItems","onOpenItemsChange","controlledSingle","openItem","controlled","initialItems","defaultOpenItem","openItems","setOpenItems","list","next","onOpenItemChange","openCount","toggle","prev","v","itemCountsRef","registerItem","counts","count","remaining","baseId","context","headingLevel","className","findPart","node","child","found","part","barrier","AccordionItem","idOf","id","element","wrapsTriggerOnly","AccordionTrigger","AccordionPanel","misplacedMessage","headingLevelProp","accordion","isOpen","toggleValue","Heading","triggerElement","panelElement","parts","extra","children","keyed","key","trigger","panel","hasTrigger","hasPanel","triggerIdProp","panelIdProp","hasPanelContent","extraPanelContent","itemContext","panelSlot","idProp","item","inPanel","headingOutside","state","button","onClick","slot","Accordion"],"sources":["../../../src/components/layout/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\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 { 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. */\nexport type AccordionHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\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 ref={ref} className={cn('divide-y divide-border', className)} {...rest}>\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={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 ref={ref} data-state={isOpen ? 'open' : 'closed'} className={cn(className)} {...rest}>\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        '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          '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 ? button : <Heading className={HEADING_CLASS}>{button}</Heading>;\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 className={cn(className)} {...rest} id={idProp || undefined} ref={ref}>\n        {children}\n      </div>\n    );\n  }\n  return (\n    <AccordionPanelSlotContext.Provider value={IN_PANEL}>\n      <div\n        role=\"region\"\n        className={cn('px-4 pb-3 text-body-1 text-muted-foreground', className)}\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.cjs","names":["React","useControllable","useId","cn","accordionClassNames","getElementType","flattenChildren","accordionTriggerClassNames","getPartId","accordionItemClassNames","disabledStyles","focusRingInset","composeEventHandlers","ChevronDownIcon","accordionPanelClassNames","require_runtime","require_cn","require_children","require_dev","require_composeEventHandlers","require_classNames","require_useControllable","require_useId","require_styles","require_icons","require_disclosureIds","react","react_jsx_runtime","AccordionContext","AccordionItemContext","AccordionPanelSlotContext","EMPTY","INERT_ACCORDION","INERT_ITEM","IN_PANEL","AccordionHeadingOutsideContext","HEADING_CLASS","useAccordionContext","component","useAccordionItemContext","warnDuplicateValue","value","toItems","AccordionRoot","openItemsProp","rest","props","multiple","type","defaultOpenItems","onOpenItemsChange","controlledSingle","openItem","controlled","initialItems","defaultOpenItem","openItems","setOpenItems","list","next","onOpenItemChange","openCount","toggle","prev","v","itemCountsRef","registerItem","counts","count","remaining","baseId","context","headingLevel","className","findPart","node","child","found","part","barrier","AccordionItem","idOf","id","element","wrapsTriggerOnly","AccordionTrigger","AccordionPanel","misplacedMessage","headingLevelProp","accordion","isOpen","toggleValue","Heading","triggerElement","panelElement","parts","extra","children","keyed","key","trigger","panel","hasTrigger","hasPanel","triggerIdProp","panelIdProp","hasPanelContent","extraPanelContent","itemContext","panelSlot","idProp","item","inPanel","headingOutside","state","button","onClick","slot","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 { 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. */\nexport type AccordionHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\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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"}