@mortenbrudvik/waveui 0.4.0 → 0.7.0

package/dist/components/internal/HiddenInput.mjs

@@ -0,0 +1,88 @@
+"use client";
+import { useId as e } from "../../hooks/useId.mjs";
+import { getFirstTabbable as t } from "../../lib/focus.mjs";
+import "../../hooks/useFormReset.mjs";
+import "react";
+import { Fragment as n, jsx as r } from "react/jsx-runtime";
+//#region src/components/internal/HiddenInput.tsx
+var i = {
+	position: "absolute",
+	insetInlineStart: 0,
+	bottom: 0,
+	width: 1,
+	height: 1,
+	margin: 0,
+	padding: 0,
+	border: 0,
+	opacity: 0,
+	pointerEvents: "none"
+};
+function a() {}
+function o(e) {
+	let n = e.currentTarget, r = n.parentElement;
+	if (!r) return;
+	let i = e.relatedTarget, a = i instanceof HTMLElement && i !== n && r.contains(i) ? i : t(r);
+	a && a !== n && a.focus();
+}
+function s(e) {
+	return e == null ? null : typeof e == "string" ? e : e[0] ?? null;
+}
+function c(e) {
+	return e == null ? [""] : typeof e == "string" ? [e] : e;
+}
+function l(t) {
+	let { name: l, form: u, disabled: d, value: f, type: p = "hidden", checked: m, required: h = !1, onInvalid: g } = t, _ = e("wave-required");
+	if (!l && !h) return null;
+	let v = p === "checkbox" || p === "radio", y = s(f), b = p === "checkbox" ? m ?? !1 : m ?? (y !== null && y !== ""), x = p === "checkbox" ? y ?? "on" : y ?? "";
+	if (!h) {
+		let e = v ? b ? [x] : [] : c(f);
+		return /* @__PURE__ */ r(n, { children: e.map((e, t) => /* @__PURE__ */ r("input", {
+			type: "hidden",
+			name: l,
+			form: u,
+			disabled: d,
+			value: e,
+			"data-wave-hidden-input": ""
+		}, `${t}:${e}`)) });
+	}
+	let S = {
+		form: u,
+		disabled: d,
+		required: !0,
+		"aria-hidden": !0,
+		tabIndex: -1,
+		style: i,
+		onChange: a,
+		onInvalid: g,
+		onFocus: o,
+		"data-wave-hidden-input": ""
+	};
+	if (v) {
+		let e = l || (p === "radio" && !b ? _ : void 0);
+		return /* @__PURE__ */ r("input", {
+			...S,
+			type: p,
+			name: e,
+			value: x,
+			checked: b
+		});
+	}
+	let C = c(f);
+	return C.length === 0 ? /* @__PURE__ */ r("input", {
+		...S,
+		type: "text",
+		autoComplete: "off",
+		value: ""
+	}) : /* @__PURE__ */ r(n, { children: C.map((e, t) => /* @__PURE__ */ r("input", {
+		...S,
+		type: "text",
+		autoComplete: "off",
+		name: l,
+		value: e
+	}, `${t}:${e}`)) });
+}
+l.displayName = "HiddenInput";
+//#endregion
+export { l as HiddenInput };
+
+//# sourceMappingURL=HiddenInput.mjs.map

package/dist/components/internal/HiddenInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenInput.mjs","names":["useId","_Fragment","useId$1","REQUIRED_STYLE","noop","redirectFocus","input","event","root","from","target","getFirstTabbable","firstValue","value","valueList","HiddenInput","props","radioGroupName","name","required","choice","type","single","isChecked","checked","choiceValue","values","Fragment","v","index","common","inputName"],"sources":["../../../src/components/internal/HiddenInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useId } from '../../hooks/useId';\nimport { getFirstTabbable } from '../../lib/focus';\n\nexport { useFormReset } from '../../hooks/useFormReset';\n\n/** Properties of {@link HiddenInput} (internal; spec §2.5, C-FORMS). */\nexport interface HiddenInputProps {\n  /** Field name. Without `name` (and without `required`) nothing is rendered. */\n  name?: string;\n  /** Id of the form the input belongs to, when the control is outside it. */\n  form?: string;\n  /** Disabled inputs are neither submitted nor validated. */\n  disabled?: boolean;\n  /**\n   * The submitted value. Arrays → one input per value (an empty array submits nothing).\n   * `null`/`undefined` → `''` for free values; for checkbox/radio kinds the input's `value`.\n   */\n  value: string | readonly string[] | null | undefined;\n  /**\n   * The kind of control. Without `required` every kind renders native `type=\"hidden\"` inputs.\n   * With `required` a real (visually hidden) input validates natively:\n   * `'radio'` for single-choice groups (RadioGroup, Rating, SwatchPicker — the browser says\n   * \"select one of these options\"), `'checkbox'` for booleans (Checkbox, Switch), `'text'` for free\n   * values (pickers, SpinButton). `'hidden'` with `required` behaves like `'text'`.\n   * @default 'hidden'\n   */\n  type?: 'hidden' | 'text' | 'checkbox' | 'radio';\n  /**\n   * Checkbox kind: whether the value is submitted / the requirement is met (default `false`).\n   * Radio kind: default \"a non-empty value is given\".\n   */\n  checked?: boolean;\n  /** Renders a real input that takes part in native constraint validation. */\n  required?: boolean;\n  /** Called when the form's validation fails on this input — focus the visible control here. */\n  onInvalid?: (event: React.FormEvent<HTMLInputElement>) => void;\n}\n\n/**\n * Required inputs sit at the control's inline-start bottom corner inside its `relative` root, so the\n * browser's validation bubble and scroll-into-view point at the control (spec §2.5).\n */\nconst REQUIRED_STYLE: React.CSSProperties = {\n  position: 'absolute',\n  insetInlineStart: 0,\n  bottom: 0,\n  width: 1,\n  height: 1,\n  margin: 0,\n  padding: 0,\n  border: 0,\n  opacity: 0,\n  pointerEvents: 'none',\n};\n\nfunction noop() {}\n\n/**\n * The browser focuses an invalid input when it reports the problem, after the `invalid` event (so\n * after `onInvalid` focused the control). This input is `aria-hidden` and invisible, so focus goes\n * straight back to the visible control: the element it came from when that is part of the same\n * control root, else the root's first tabbable element.\n *\n * The redirect must complete inside the browser's `focus()` call. Firefox\n * (`FormValidationChild.notifyInvalidSubmit`) calls `element.focus()`, then adds the `blur` listener\n * that hides its popup, then shows the popup; Chromium focuses the input, then shows the bubble,\n * which a later blur hides. Checked in Chromium 153 and Firefox 155 with a real submit click: a\n * synchronous redirect keeps the message and leaves focus on the control; without a redirect focus\n * stays on this invisible input; a deferred redirect (timer, next key) hides the message. Firefox\n * then closes its popup on the next click, scroll or zoom rather than on the control's blur.\n */\nfunction redirectFocus(event: React.FocusEvent<HTMLInputElement>) {\n  const input = event.currentTarget;\n  const root = input.parentElement;\n  if (!root) return;\n  const from = event.relatedTarget;\n  const target =\n    from instanceof HTMLElement && from !== input && root.contains(from)\n      ? from\n      : getFirstTabbable(root);\n  if (target && target !== input) target.focus();\n}\n\nfunction firstValue(value: HiddenInputProps['value']): string | null {\n  if (value == null) return null;\n  if (typeof value === 'string') return value;\n  return value[0] ?? null;\n}\n\nfunction valueList(value: HiddenInputProps['value']): readonly string[] {\n  if (value == null) return [''];\n  if (typeof value === 'string') return [value];\n  return value;\n}\n\n/**\n * Native form participation for controls built on buttons and divs (C-FORMS). Renders `null`\n * unless the consumer passes `name` or `required` — components never invent a default name, so a\n * control inside an existing form adds no field of its own.\n *\n * - Without `required`: `type=\"hidden\"` inputs carry the value (arrays: one per value; checkbox\n *   and radio kinds only while checked/chosen).\n * - With `required`: real inputs (`aria-hidden`, `tabIndex={-1}`, `pointer-events: none`,\n *   opacity 0, a no-op `onChange`) absolutely positioned inside the control's **`relative`\n *   root**, so native validation blocks submission with the right message and points at the\n *   control. `onInvalid` should focus the visible control; focus the browser moves to the input\n *   is sent back to the control. Browsers never report an unnamed radio as missing, so a required\n *   radio without `name` gets a unique group name while nothing is chosen (unchecked radios are\n *   not submitted, and the name is dropped once checked, so it never reaches `FormData`).\n *\n * Form reset is wired on the control with `useFormReset` (re-exported here), not by this input, so\n * uncontrolled controls without a name reset too.\n *\n * Internal (not exported from the package).\n */\nexport function HiddenInput(props: HiddenInputProps): React.ReactElement | null {\n  const {\n    name,\n    form,\n    disabled,\n    value,\n    type = 'hidden',\n    checked,\n    required = false,\n    onInvalid,\n  } = props;\n  const radioGroupName = useId('wave-required');\n  if (!name && !required) return null;\n\n  const choice = type === 'checkbox' || type === 'radio';\n  const single = firstValue(value);\n  const isChecked =\n    type === 'checkbox' ? (checked ?? false) : (checked ?? (single !== null && single !== ''));\n  const choiceValue = type === 'checkbox' ? (single ?? 'on') : (single ?? '');\n\n  if (!required) {\n    const values = choice ? (isChecked ? [choiceValue] : []) : valueList(value);\n    return (\n      <>\n        {values.map((v, index) => (\n          <input\n            key={`${index}:${v}`}\n            type=\"hidden\"\n            name={name}\n            form={form}\n            disabled={disabled}\n            value={v}\n            data-wave-hidden-input=\"\"\n          />\n        ))}\n      </>\n    );\n  }\n\n  const common = {\n    form,\n    disabled,\n    required: true,\n    'aria-hidden': true,\n    tabIndex: -1,\n    style: REQUIRED_STYLE,\n    onChange: noop,\n    onInvalid,\n    onFocus: redirectFocus,\n    'data-wave-hidden-input': '',\n  } as const;\n\n  if (choice) {\n    // Chrome and Firefox treat an unnamed required radio as never missing; a unique group name\n    // (only while unchecked, so it is never submitted) restores \"select one of these options\".\n    const inputName = name || (type === 'radio' && !isChecked ? radioGroupName : undefined);\n    return (\n      <input {...common} type={type} name={inputName} value={choiceValue} checked={isChecked} />\n    );\n  }\n\n  const values = valueList(value);\n  if (values.length === 0) {\n    // Nothing chosen: one empty, unnamed input keeps the requirement without submitting a value.\n    return <input {...common} type=\"text\" autoComplete=\"off\" value=\"\" />;\n  }\n  return (\n    <>\n      {values.map((v, index) => (\n        <input\n          key={`${index}:${v}`}\n          {...common}\n          type=\"text\"\n          autoComplete=\"off\"\n          name={name}\n          value={v}\n        />\n      ))}\n    </>\n  );\n}\n\nHiddenInput.displayName = 'HiddenInput';\n"],"mappings":";;;;;;;AA2CA,IAAMG,IAAsC;CAC1C,UAAU;CACV,kBAAkB;CAClB,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,SAAS;CACT,eAAe;AACjB;AAEA,SAASC,IAAO,CAAC;AAgBjB,SAASC,EAAc,GAA2C;CAChE,IAAMC,IAAQC,EAAM,eACdC,IAAOF,EAAM;CACnB,IAAI,CAACE,GAAM;CACX,IAAMC,IAAOF,EAAM,eACbG,IACJD,aAAgB,eAAeA,MAASH,KAASE,EAAK,SAASC,CAAI,IAC/DA,IACAE,EAAiBH,CAAI;CAC3B,AAAIE,KAAUA,MAAWJ,KAAOI,EAAO,MAAM;AAC/C;AAEA,SAASE,EAAW,GAAiD;CAGnE,OAFIC,KAAS,OAAa,OACtB,OAAOA,KAAU,WAAiBA,IAC/BA,EAAM,MAAM;AACrB;AAEA,SAASC,EAAU,GAAqD;CAGtE,OAFID,KAAS,OAAa,CAAC,EAAE,IACzB,OAAOA,KAAU,WAAiB,CAACA,CAAK,IACrCA;AACT;AAsBA,SAAgBE,EAAY,GAAoD;CAC9E,IAAM,EACJ,SACA,SACA,aACA,UACA,UAAO,UACP,YACA,cAAW,IACX,iBACEC,GACEC,IAAiBjB,EAAM,eAAe;CAC5C,IAAI,CAACkB,KAAQ,CAACC,GAAU,OAAO;CAE/B,IAAMC,IAASC,MAAS,cAAcA,MAAS,SACzCC,IAASV,EAAWC,CAAK,GACzBU,IACJF,MAAS,aAAcG,KAAW,KAAUA,MAAYF,MAAW,QAAQA,MAAW,KAClFG,IAAcJ,MAAS,aAAcC,KAAU,OAASA,KAAU;CAExE,IAAI,CAACH,GAAU;EACb,IAAMO,IAASN,IAAUG,IAAY,CAACE,CAAW,IAAI,CAAC,IAAKX,EAAUD,CAAK;EAC1E,OACE,kBAAAZ,GAAA,EAAA,UACGyB,EAAO,KAAK,GAAG,MACd,kBAAC,SAAD;GAEE,MAAK;GACC;GACA;GACI;GACV,OAAOE;GACP,0BAAuB;EACxB,GAPM,GAAGC,EAAM,GAAGD,GAOlB,CACF,EACD,CAAA;CAEN;CAEA,IAAME,IAAS;EACb;EACA;EACA,UAAU;EACV,eAAe;EACf,UAAU;EACV,OAAO3B;EACP,UAAUC;EACV;EACA,SAASC;EACT,0BAA0B;CAC5B;CAEA,IAAIe,GAAQ;EAGV,IAAMW,IAAYb,MAASG,MAAS,WAAW,CAACE,IAAYN,IAAiB,KAAA;EAC7E,OACE,kBAAC,SAAD;GAAO,GAAIa;GAAc;GAAM,MAAMC;GAAW,OAAON;GAAa,SAASF;EAAY,CAAA;CAE7F;CAEA,IAAMG,IAASZ,EAAUD,CAAK;CAK9B,OAJIa,EAAO,WAAW,IAEb,kBAAC,SAAD;EAAO,GAAII;EAAQ,MAAK;EAAO,cAAa;EAAM,OAAM;CAAI,CAAA,IAGnE,kBAAA7B,GAAA,EAAA,UACGyB,EAAO,KAAK,GAAG,MACd,kBAAC,SAAD;EAEE,GAAII;EACJ,MAAK;EACL,cAAa;EACP;EACN,OAAOF;CACR,GANM,GAAGC,EAAM,GAAGD,GAMlB,CACF,EACD,CAAA;AAEN;AAEA,EAAY,cAAc"}

package/dist/components/layout/Accordion.cjs

@@ -0,0 +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;
+//# sourceMappingURL=Accordion.cjs.map

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

@@ -0,0 +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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"}

package/dist/components/layout/Accordion.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.mjs","names":["useId","useId$1","React","AccordionContext","AccordionItemContext","AccordionPanelSlotContext","EMPTY","INERT_ACCORDION","INERT_ITEM","IN_PANEL","AccordionHeadingOutsideContext","HEADING_CLASS","useAccordionContext","reportMissingContext","component","useAccordionItemContext","warnDuplicateValue","value","toItems","AccordionRoot","openItemsProp","rest","props","multiple","type","warnDeprecated","defaultOpenItems","onOpenItemsChange","controlledSingle","openItem","controlled","initialItems","defaultOpenItem","openItems","setOpenItems","useControllable","list","next","onOpenItemChange","openCount","warnOnce","toggle","prev","v","itemCountsRef","registerItem","counts","count","remaining","baseId","context","headingLevel","cn","className","findPart","node","child","found","part","barrier","getElementType","AccordionItem","idOf","id","element","wrapsTriggerOnly","AccordionTrigger","AccordionPanel","misplacedMessage","headingLevelProp","accordion","isOpen","toggleValue","Heading","triggerElement","panelElement","parts","extra","flattenChildren","children","keyed","key","trigger","panel","hasTrigger","hasPanel","triggerIdProp","panelIdProp","hasPanelContent","extraPanelContent","itemContext","getPartId","panelSlot","idProp","item","inPanel","headingOutside","state","button","disabledStyles","focusRingInset","composeEventHandlers","onClick","ChevronDownIcon","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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"}

package/dist/components/layout/Card.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/dev.cjs"),r=require("../../lib/slot.cjs"),i=require("../../lib/composeEventHandlers.cjs"),a=require("../../hooks/useEventCallback.cjs"),o=require("../../hooks/useId.cjs"),s=require("../../lib/focus.cjs"),c=require("../../hooks/useMergedRefs.cjs"),l=require("../../lib/styles.cjs"),u=require("../../lib/icons.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=`button, a[href], input, select, textarea, label, summary, [role="button"], [tabindex]`,m=1;function h(e,t){let n=e.target;if(!n||typeof n.nodeType!=`number`||!t.contains(n))return!0;if(n.nodeType!==m)return!1;let r=n.closest(p);return r!==null&&r!==t&&t.contains(r)}var g=`Card:nested-interactive`,_=d.createContext(null),v=e=>{let{as:r,selected:p,onSelect:m,selectionControl:v=`card`,selectLabel:y,className:b,children:x,ref:S,onClick:C,onKeyDown:w,onKeyUp:T,onBlur:E,...D}=e,O=r??`div`,k=m!==void 0,A=k&&v===`checkbox`,j=k&&!A,M=O===`button`,N=o.useId(`card-title`),P=d.useRef(null),F=c.useMergedRefs(S,P);d.useEffect(()=>{let e=P.current;n.isDev&&e&&k&&(j&&!n.hasWarned(g)&&s.getTabbableElements(e).length>0&&n.warnOnce(g,'Card: a selectable card (`onSelect`) is a button and must not contain focusable elements (buttons, links, inputs). Use `selectionControl="checkbox"` for cards with interactive content.'),A&&!y&&!e.ownerDocument.getElementById(N)&&n.warnOnce(`Card:checkbox-name`,"Card: the selection checkbox has no accessible name. Render a `Card.Header` with a `title`, or pass `selectLabel`."))});let I=d.useRef(!1),L=a.useEventCallback(e=>{I.current=e}),R=a.useEventCallback(()=>{let e=I.current;return I.current=!1,e}),z=i.composeEventHandlers(C,e=>{k&&!h(e,e.currentTarget)&&m()}),B=j&&!M,V=i.composeEventHandlers(w,e=>{B&&(e.key===`Enter`||e.key===` `)&&(h(e,e.currentTarget)||(e.preventDefault(),e.key===` `?L(!0):e.repeat||m?.()))}),H=i.composeEventHandlers(T,e=>{B&&e.key===` `&&(!R()||e.defaultPrevented||h(e,e.currentTarget)||(e.preventDefault(),m?.()))},{checkDefaultPrevented:!1}),U=i.composeEventHandlers(E,()=>{B&&L(!1)},{checkDefaultPrevented:!1}),W={};return j&&(M?W.type=`button`:(W.role=`button`,W.tabIndex=0),p!==void 0&&(W[`aria-pressed`]=p)),(0,f.jsx)(_.Provider,{value:A?N:null,children:(0,f.jsxs)(O,{...W,...D,ref:F,"data-selected":p?``:void 0,className:t.cn(`overflow-hidden rounded-md border border-border bg-card shadow-4`,(k||p!==void 0)&&`relative`,p&&t.cn(`border-primary bg-selected text-selected-foreground ring-1 ring-inset ring-primary`,l.forcedColors.selectedContainer),k&&`cursor-pointer`,j&&`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring`,b),onClick:z,onKeyDown:V,onKeyUp:H,onBlur:U,children:[A&&(0,f.jsx)(`input`,{type:`checkbox`,checked:p??!1,onChange:()=>m(),"aria-label":y,"aria-labelledby":y?void 0:N,className:t.cn(`absolute end-3 top-3 m-0 size-4 cursor-pointer accent-primary`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring`)}),p&&!A&&(0,f.jsx)(u.CheckIcon,{size:12,className:`absolute end-2 top-2 text-primary`}),x]})})};v.displayName=`Card`;var y=e=>{let{as:n,title:i,subtitle:a,className:o,children:s,ref:c,...l}=e,u=n??`div`,p=d.useContext(_),m=r.slotRendersContent(i),h=r.slotRendersContent(a);return(0,f.jsxs)(u,{ref:c,className:t.cn(`p-4`,p&&`pe-10`,o),...l,children:[m&&(0,f.jsx)(`div`,{id:p??void 0,className:`text-subtitle-1`,children:r.materialiseSlotContent(i)}),h&&(0,f.jsx)(`div`,{className:`text-caption-1 text-muted-foreground`,children:r.materialiseSlotContent(a)}),s]})};y.displayName=`CardHeader`;var b=e=>{let{as:n,className:r,ref:i,...a}=e;return(0,f.jsx)(n??`div`,{ref:i,className:t.cn(`p-4 pt-0`,r),...a})};b.displayName=`CardBody`;var x=e=>{let{as:n,className:r,ref:i,...a}=e;return(0,f.jsx)(n??`div`,{ref:i,className:t.cn(`flex justify-end gap-2 p-4 pt-0`,r),...a})};x.displayName=`CardFooter`;var S=Object.assign(v,{Header:y,Body:b,Footer:x});exports.Card=S,exports.CardBody=b,exports.CardFooter=x,exports.CardHeader=y;
+//# sourceMappingURL=Card.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.cjs","names":["React","useId","useMergedRefs","isDev","hasWarned","getTabbableElements","useEventCallback","composeEventHandlers","cn","forcedColors","CheckIcon","slotRendersContent","materialiseSlotContent","require_runtime","require_cn","require_dev","require_slot","require_composeEventHandlers","require_useEventCallback","require_useId","require_focus","require_useMergedRefs","require_styles","require_icons","react","react_jsx_runtime","INTERACTIVE_SELECTOR","ELEMENT_NODE","isForeignEvent","target","event","root","control","NESTED_INTERACTIVE_WARNING","CardTitleIdContext","CardRoot","rest","props","Component","as","selectable","onSelect","checkboxMode","selectionControl","cardMode","nativeButton","titleId","rootRef","mergedRef","ref","selectLabel","spaceArmedRef","setSpaceArmed","armed","takeSpaceArmed","handleClick","onClick","keyboardActivation","handleKeyDown","onKeyDown","handleKeyUp","onKeyUp","handleBlur","onBlur","defaults","selected","className","children","CardHeader","hasTitle","title","hasSubtitle","subtitle","CardBody","CardFooter","Card"],"sources":["../../../src/components/layout/Card.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib/cn';\nimport { composeEventHandlers } from '../../lib/composeEventHandlers';\nimport { hasWarned, isDev, warnOnce } from '../../lib/dev';\nimport { getTabbableElements } from '../../lib/focus';\nimport { CheckIcon } from '../../lib/icons';\nimport { materialiseSlotContent, slotRendersContent } from '../../lib/slot';\nimport { focusRing, forcedColors } from '../../lib/styles';\nimport type { PolymorphicComponent, PolymorphicProps } from '../../lib/polymorphic';\nimport { useEventCallback } from '../../hooks/useEventCallback';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\n\n/**\n * Elements whose own events a selectable card ignores: a click or key press that starts inside a\n * nested control belongs to that control, never to the card (layout#35). A `<label>` counts too:\n * its click already activates the control it labels.\n */\nconst INTERACTIVE_SELECTOR =\n  'button, a[href], input, select, textarea, label, summary, [role=\"button\"], [tabindex]';\n\n/** `Node.ELEMENT_NODE`, spelled out so no realm's `Node` global is read. */\nconst ELEMENT_NODE = 1;\n\n/**\n * Whether the card must ignore `event`: it started outside the card's DOM, or inside an\n * interactive element nested in `root` (the card itself, which carries `role=\"button\"`/`tabindex`\n * in the default mode, does not count).\n *\n * React events bubble through portals along the component tree, so a menu, popover or dialog\n * opened from inside the card (e.g. a footer overflow menu) reaches the card's handlers although\n * its DOM lives elsewhere. Such a target is not a DOM descendant of the card and never selects it.\n *\n * The target is duck typed (`nodeType`) rather than checked with `instanceof`, so a card rendered\n * into another realm's document (an iframe, or a popout window reached through `createPortal`)\n * still selects: its nodes are not instances of the main realm's `Node`/`Element`.\n */\nfunction isForeignEvent(event: React.SyntheticEvent, root: Element): boolean {\n  const target = event.target as Partial<Node> | null;\n  if (!target || typeof target.nodeType !== 'number' || !root.contains(target as Node)) {\n    return true;\n  }\n  if (target.nodeType !== ELEMENT_NODE) return false;\n  const control = (target as Element).closest(INTERACTIVE_SELECTOR);\n  return control !== null && control !== root && root.contains(control);\n}\n\n/** Warn-once key of the \"selectable card contains tabbable elements\" diagnostic. */\nconst NESTED_INTERACTIVE_WARNING = 'Card:nested-interactive';\n\n/**\n * The id of the header title that names the built-in checkbox of a `selectionControl=\"checkbox\"`\n * card; `null` everywhere else (other cards, and a `Card.Header` rendered on its own, which does\n * not require a Card). A string, never an object, so the provider value needs no memoisation.\n */\nconst CardTitleIdContext = React.createContext<string | null>(null);\n\n/**\n * The Card's own props (the XOwnProps rule of `PolymorphicProps`: component-specific props only).\n * Every other prop comes from the rendered element (`as`).\n */\nexport interface CardOwnProps {\n  /**\n   * Whether the card is selected. Shown with the selected colors plus non-color cues: a 2px primary\n   * border (a 1px border plus an inset 1px ring), a Highlight outline in forced-colors mode, and a\n   * check glyph (with `selectionControl=\"checkbox\"` the checked checkbox instead).\n   *\n   * The state reaches assistive technology only on a selectable card (`onSelect`): as\n   * `aria-pressed` (default mode) or as the built-in checkbox's checked state. Without `onSelect`,\n   * `selected` is a visual state only (the glyph is decorative); state it in the content if it\n   * matters to screen-reader users, or make the card selectable.\n   */\n  selected?: boolean;\n  /**\n   * Makes the card selectable: called when the card is activated by a click, Enter (on key down)\n   * or Space (on key up, like a native button) in the default mode, or when its built-in checkbox\n   * changes (`selectionControl=\"checkbox\"`). Clicks and key presses that start inside a nested\n   * interactive element (a button, link, input or any element with `tabindex`), or in content\n   * portaled out of the card (a menu, popover or dialog opened from it), are ignored, so a footer\n   * action never selects the card.\n   */\n  onSelect?: () => void;\n  /**\n   * How a selectable card (`onSelect`) exposes its selection:\n   * - `'card'` (default): the card itself is the control — `role=\"button\"`, a tab stop, Enter and\n   *   Space activation and `aria-pressed={selected}` when `selected` is defined. Use it only for\n   *   cards **without** interactive content: a button inside a `role=\"button\"` card is invalid\n   *   (axe `nested-interactive`), and a development warning points here. A button's children are\n   *   presentational, so the card's content is flattened into its name: a heading (e.g.\n   *   `<Card.Header as=\"h3\">`), list or other structure inside it is not exposed and cannot be\n   *   reached by heading navigation (no warning covers this). Keep such cards short.\n   * - `'checkbox'`: the card is not a widget; a built-in native checkbox (top end corner) carries\n   *   `selected` and is named by the `Card.Header` title (or `selectLabel`). Pointer clicks on\n   *   non-interactive card areas still toggle it. Use it for cards with actions, and for cards\n   *   whose headings or other structure must stay navigable.\n   * @default 'card'\n   */\n  selectionControl?: 'card' | 'checkbox';\n  /**\n   * Accessible name of the built-in checkbox (`selectionControl=\"checkbox\"`). Defaults to the\n   * `Card.Header` title, which the checkbox references with `aria-labelledby`.\n   */\n  selectLabel?: string;\n}\n\n/**\n * Props of {@link Card} rendered as `C` (default `'div'`). `CardProps` without a type argument is\n * the 0.4 name: the props of a Card rendered as a `<div>`, including `ref`.\n */\nexport type CardProps<C extends React.ElementType = 'div'> = PolymorphicProps<C, CardOwnProps>;\n\n/** The props the implementation reads, for any `as` (the public typing is `PolymorphicComponent`). */\ntype CardImplProps = CardOwnProps &\n  Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> & {\n    as?: React.ElementType;\n    ref?: React.Ref<HTMLElement>;\n    type?: string;\n  };\n\n// The Card root, documented on the exported `Card` const.\nconst CardRoot: PolymorphicComponent<'div', CardOwnProps> = (props) => {\n  const {\n    as,\n    selected,\n    onSelect,\n    selectionControl = 'card',\n    selectLabel,\n    className,\n    children,\n    ref,\n    onClick,\n    onKeyDown,\n    onKeyUp,\n    onBlur,\n    ...rest\n  } = props as CardImplProps;\n\n  const Component: React.ElementType = as ?? 'div';\n  const selectable = onSelect !== undefined;\n  const checkboxMode = selectable && selectionControl === 'checkbox';\n  const cardMode = selectable && !checkboxMode;\n  /** A native `<button>` already has the role, tab stop and keyboard activation. */\n  const nativeButton = Component === 'button';\n\n  const titleId = useId('card-title');\n  const rootRef = React.useRef<HTMLElement | null>(null);\n  const mergedRef = useMergedRefs<HTMLElement>(ref, rootRef);\n\n  // Development diagnostics (C-DEV): read the mounted DOM after every commit (content can change\n  // without prop changes), warn once. Once a key has warned, its DOM scan is skipped.\n  React.useEffect(() => {\n    const root = rootRef.current;\n    if (!isDev || !root || !selectable) return;\n    if (\n      cardMode &&\n      !hasWarned(NESTED_INTERACTIVE_WARNING) &&\n      getTabbableElements(root).length > 0\n    ) {\n      warnOnce(\n        NESTED_INTERACTIVE_WARNING,\n        'Card: a selectable card (`onSelect`) is a button and must not contain focusable elements (buttons, links, inputs). Use `selectionControl=\"checkbox\"` for cards with interactive content.',\n      );\n    }\n    if (checkboxMode && !selectLabel && !root.ownerDocument.getElementById(titleId)) {\n      warnOnce(\n        'Card:checkbox-name',\n        'Card: the selection checkbox has no accessible name. Render a `Card.Header` with a `title`, or pass `selectLabel`.',\n      );\n    }\n  });\n\n  /**\n   * Set by an unprevented Space keydown on the card; Space selects on the following keyup only\n   * while it is set (like a native button and P01's Button: a keyup alone never selects, and\n   * moving focus away in between cancels). The ref is only touched from event handlers, through\n   * these two stable callbacks (C-HOOKS).\n   */\n  const spaceArmedRef = React.useRef(false);\n  /** Arms (or disarms) Space activation. */\n  const setSpaceArmed = useEventCallback((armed: boolean) => {\n    spaceArmedRef.current = armed;\n  });\n  /** Reads and clears the Space arm. */\n  const takeSpaceArmed = useEventCallback(() => {\n    const armed = spaceArmedRef.current;\n    spaceArmedRef.current = false;\n    return armed;\n  });\n\n  const handleClick = composeEventHandlers<React.MouseEvent<HTMLElement>>(onClick, (event) => {\n    if (!selectable || isForeignEvent(event, event.currentTarget)) return;\n    onSelect();\n  });\n\n  /** Keyboard activation applies to a `role=\"button\"` card (a native `<button>` has its own). */\n  const keyboardActivation = cardMode && !nativeButton;\n\n  const handleKeyDown = composeEventHandlers<React.KeyboardEvent<HTMLElement>>(\n    onKeyDown,\n    (event) => {\n      if (!keyboardActivation) return;\n      if (event.key !== 'Enter' && event.key !== ' ') return;\n      if (isForeignEvent(event, event.currentTarget)) return;\n      // Space would scroll the page: prevent it now, select on keyup. Enter selects on keydown; a\n      // held Enter does not toggle repeatedly.\n      event.preventDefault();\n      if (event.key === ' ') setSpaceArmed(true);\n      else if (!event.repeat) onSelect?.();\n    },\n  );\n\n  const handleKeyUp = composeEventHandlers<React.KeyboardEvent<HTMLElement>>(\n    onKeyUp,\n    (event) => {\n      if (!keyboardActivation || event.key !== ' ') return;\n      // Always consume the arm, also when the consumer prevented this keyup.\n      const armed = takeSpaceArmed();\n      if (!armed || event.defaultPrevented || isForeignEvent(event, event.currentTarget)) return;\n      event.preventDefault();\n      onSelect?.();\n    },\n    { checkDefaultPrevented: false },\n  );\n\n  // Moving focus away between Space keydown and keyup cancels the activation (native behavior).\n  const handleBlur = composeEventHandlers<React.FocusEvent<HTMLElement>>(\n    onBlur,\n    () => {\n      if (keyboardActivation) setSpaceArmed(false);\n    },\n    { checkDefaultPrevented: false },\n  );\n\n  /** Defaults the consumer may override (C-COMPOSE: before `{...rest}`). */\n  const defaults: Record<string, unknown> = {};\n  if (cardMode) {\n    if (nativeButton) {\n      defaults.type = 'button';\n    } else {\n      defaults.role = 'button';\n      defaults.tabIndex = 0;\n    }\n    if (selected !== undefined) defaults['aria-pressed'] = selected;\n  }\n\n  return (\n    <CardTitleIdContext.Provider value={checkboxMode ? titleId : null}>\n      <Component\n        {...defaults}\n        {...rest}\n        ref={mergedRef}\n        data-selected={selected ? '' : undefined}\n        className={cn(\n          'overflow-hidden rounded-md border border-border bg-card shadow-4',\n          // Positions the check glyph / checkbox; plain cards keep their 0.4 positioning.\n          (selectable || selected !== undefined) && 'relative',\n          selected &&\n            cn(\n              'border-primary bg-selected text-selected-foreground ring-1 ring-inset ring-primary',\n              forcedColors.selectedContainer,\n            ),\n          selectable && 'cursor-pointer',\n          cardMode && focusRing,\n          className,\n        )}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        onKeyUp={handleKeyUp}\n        onBlur={handleBlur}\n      >\n        {checkboxMode && (\n          <input\n            type=\"checkbox\"\n            checked={selected ?? false}\n            onChange={() => onSelect()}\n            aria-label={selectLabel}\n            aria-labelledby={selectLabel ? undefined : titleId}\n            className={cn(\n              'absolute end-3 top-3 m-0 size-4 cursor-pointer accent-primary',\n              focusRing,\n            )}\n          />\n        )}\n        {selected && !checkboxMode && (\n          <CheckIcon size={12} className=\"absolute end-2 top-2 text-primary\" />\n        )}\n        {children}\n      </Component>\n    </CardTitleIdContext.Provider>\n  );\n};\nCardRoot.displayName = 'Card';\n\n/** The Card.Header's own props (component-specific props only). */\nexport interface CardHeaderOwnProps {\n  /**\n   * Title content displayed in the card header. It also names a selectable card's built-in\n   * checkbox (`selectionControl=\"checkbox\"`). Content that renders nothing (`''`, `[]`, a list of\n   * nothing) renders no title element; `0` is content.\n   */\n  title?: React.ReactNode;\n  /** Subtitle content displayed below the title (none when it renders nothing, as `title`). */\n  subtitle?: React.ReactNode;\n}\n\n/** Props of {@link CardHeader} rendered as `C` (default `'div'`), including `ref`. */\nexport type CardHeaderProps<C extends React.ElementType = 'div'> = PolymorphicProps<\n  C,\n  CardHeaderOwnProps\n>;\n\ntype CardHeaderImplProps = CardHeaderOwnProps &\n  Omit<React.HTMLAttributes<HTMLElement>, 'title'> & {\n    as?: React.ElementType;\n    ref?: React.Ref<HTMLElement>;\n  };\n\n/**\n * The header of a {@link Card}: a title and an optional subtitle, followed by any children.\n * Flat export for React Server Components (`Card.Header` in client files).\n */\nexport const CardHeader: PolymorphicComponent<'div', CardHeaderOwnProps> = (props) => {\n  const { as, title, subtitle, className, children, ref, ...rest } = props as CardHeaderImplProps;\n  const Component: React.ElementType = as ?? 'div';\n  /** Set only inside a `selectionControl=\"checkbox\"` card: the title names its checkbox. */\n  const titleId = React.useContext(CardTitleIdContext);\n  // A title or subtitle that renders nothing (`''`, `[]`, a list of nothing) gets no element, so a\n  // checkbox card with such a title warns about its missing name; `0` is content.\n  const hasTitle = slotRendersContent(title);\n  const hasSubtitle = slotRendersContent(subtitle);\n  return (\n    // In a checkbox card the header keeps clear of the checkbox in the top end corner.\n    <Component ref={ref} className={cn('p-4', titleId && 'pe-10', className)} {...rest}>\n      {hasTitle && (\n        <div id={titleId ?? undefined} className=\"text-subtitle-1\">\n          {materialiseSlotContent(title)}\n        </div>\n      )}\n      {hasSubtitle && (\n        <div className=\"text-caption-1 text-muted-foreground\">\n          {materialiseSlotContent(subtitle)}\n        </div>\n      )}\n      {children}\n    </Component>\n  );\n};\nCardHeader.displayName = 'CardHeader';\n\n/** The Card.Body's own props: none besides the element's (component-specific props only). */\nexport type CardBodyOwnProps = Record<never, never>;\n\n/** Props of {@link CardBody} rendered as `C` (default `'div'`), including `ref`. */\nexport type CardBodyProps<C extends React.ElementType = 'div'> = PolymorphicProps<\n  C,\n  CardBodyOwnProps\n>;\n\ntype CardSectionImplProps = React.HTMLAttributes<HTMLElement> & {\n  as?: React.ElementType;\n  ref?: React.Ref<HTMLElement>;\n};\n\n/**\n * The main content of a {@link Card}. Flat export for React Server Components (`Card.Body` in\n * client files).\n */\nexport const CardBody: PolymorphicComponent<'div', CardBodyOwnProps> = (props) => {\n  const { as, className, ref, ...rest } = props as CardSectionImplProps;\n  const Component: React.ElementType = as ?? 'div';\n  return <Component ref={ref} className={cn('p-4 pt-0', className)} {...rest} />;\n};\nCardBody.displayName = 'CardBody';\n\n/** The Card.Footer's own props: none besides the element's (component-specific props only). */\nexport type CardFooterOwnProps = Record<never, never>;\n\n/** Props of {@link CardFooter} rendered as `C` (default `'div'`), including `ref`. */\nexport type CardFooterProps<C extends React.ElementType = 'div'> = PolymorphicProps<\n  C,\n  CardFooterOwnProps\n>;\n\n/**\n * The action row of a {@link Card} (end-aligned). A selectable card with actions here needs\n * `selectionControl=\"checkbox\"`. Flat export for React Server Components (`Card.Footer` in client\n * files).\n */\nexport const CardFooter: PolymorphicComponent<'div', CardFooterOwnProps> = (props) => {\n  const { as, className, ref, ...rest } = props as CardSectionImplProps;\n  const Component: React.ElementType = as ?? 'div';\n  return (\n    <Component ref={ref} className={cn('flex justify-end gap-2 p-4 pt-0', className)} {...rest} />\n  );\n};\nCardFooter.displayName = 'CardFooter';\n\n/**\n * A surface that groups related content, with `Card.Header`, `Card.Body` and `Card.Footer`.\n *\n * **Selectable cards** (`onSelect`) come in two patterns:\n * - A card without interactive content is itself the control (`selectionControl=\"card\"`, the\n *   default): it is a `role=\"button\"` tab stop activated by click, Enter (key down) or Space (key\n *   up, cancelled by moving focus away first), with `aria-pressed` reflecting `selected`. Its\n *   content becomes the button's name, so headings and other structure inside it are flattened.\n * - A card that contains buttons or links, or headings that must stay navigable, uses\n *   `selectionControl=\"checkbox\"`: a built-in checkbox named by the header title carries the\n *   selection, and the card's actions and structure stay separate from it.\n *\n * In both modes events that start inside a nested interactive element, or in content portaled out\n * of the card, are ignored. `onClick`, `onKeyDown` and `onKeyUp` are composed with the built-in\n * selection (call `event.preventDefault()` to skip it). A `selected` card without `onSelect` shows\n * the selected look only; its state is not exposed to assistive technology.\n *\n * React Server Components cannot dot into a client module: import the flat names `CardHeader`,\n * `CardBody` and `CardFooter` there; `Card.Header` etc. work in client files.\n *\n * @example\n * <Card onSelect={toggle} selected={selected}>\n *   <Card.Header title=\"Pro plan\" subtitle=\"Billed monthly\" />\n * </Card>\n *\n * <Card onSelect={toggle} selected={selected} selectionControl=\"checkbox\">\n *   <Card.Header title=\"Pro plan\" />\n *   <Card.Footer><Button>Details</Button></Card.Footer>\n * </Card>\n */\nexport const Card = /* @__PURE__ */ Object.assign(CardRoot, {\n  Header: CardHeader,\n  Body: CardBody,\n  Footer: CardFooter,\n});\n"],"mappings":"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"}