@skdx/react 0.28.0 → 0.30.0

package/README.md

@@ -1,6 +1,6 @@
 # @skdx/react
 
-Headless, accessible, unstyled React components for the SkandaDX design system.
+Accessible React components for the SkandaDX design system — the core layer, styled by `@skdx/skins` and `@skdx/tokens` or by your own CSS.
 
 Every component ships **behavior, accessibility, and state — no styles**. Components render plain semantic HTML decorated with `data-*` attributes; you (or a SkandaDX brand package) style them with CSS against those attributes, typically using the `--skdx-*` tokens from [`@skdx/tokens`](../tokens/skdxtokens.md). One component tree, any brand.
 
@@ -15,7 +15,7 @@ pnpm add @skdx/react
 # or: npm install @skdx/react
 ```
 
-React 18 or 19 is required (`react` and `react-dom` are peer dependencies). The only runtime dependency is `@floating-ui/react-dom`, used for positioning overlays. The package ships ESM and CJS builds with TypeScript declarations and is tree-shakeable (`sideEffects: false`).
+React 19 is required (`react` and `react-dom` are peer dependencies). The only runtime dependency is `@floating-ui/react-dom`, used for positioning overlays. The package ships ESM and CJS builds with TypeScript declarations and is tree-shakeable (`sideEffects: false`).
 
 ## Quick start
 
@@ -88,7 +88,7 @@ Parts render the correct roles, ARIA attributes, and keyboard interactions: focu
 
 | Category      | Components                                                                                                                                                             |
 | ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Basic         | `Button`, `Label`, `Separator`, `Avatar`, `Badge`, `Kbd`, `Card`, `SplitButton`, `Progress`                                                                            |
+| Basic         | `Button`, `Label`, `Divider`, `Avatar`, `Badge`, `Kbd`, `Card`, `SplitButton`, `Progress`                                                                              |
 | Feedback      | `Alert`, `Skeleton`, `Spinner`, `Toast` (with `ToastProvider`/`ToastViewport`)                                                                                         |
 | Layout        | `AspectRatio`, `ScrollArea`, `Resizable` (panel group / panel / handle), `Carousel`                                                                                    |
 | Form controls | `Form`, `TextField`, `Textarea`, `NumberField`, `PinInput`, `TagsInput`, `FileUpload`, `Checkbox`, `RadioGroup`, `Switch`, `Slider`, `Rating`, `Toggle`, `ToggleGroup` |
@@ -96,11 +96,11 @@ Parts render the correct roles, ARIA attributes, and keyboard interactions: focu
 | Navigation    | `Toolbar`, `NavigationMenu`, `Breadcrumb`, `Pagination`, `Menubar`                                                                                                     |
 | Data display  | `Table` (with sorting and selection state), `Tree`, `Timeline`                                                                                                         |
 | Date          | `Calendar` (plus date helpers: `addDays`, `addMonths`, `isSameDay`, `isSameMonth`, `getVisibleWeeks`), `DatePicker`                                                    |
-| Overlays      | `Dialog`, `AlertDialog`, `Popover`, `Tooltip` (with `TooltipProvider`), `HoverCard`, `DropdownMenu`, `ContextMenu`, `Select`, `Combobox`, `Command`                    |
+| Overlays      | `Dialog`, `Popover` (with `PopoverProvider`), `Menu`, `Select`, `Combobox`, `Command`                                                                                  |
 
-59 components in total. Each lives in `src/<name>/` with its parts, types, tests, and an `index.ts` barrel colocated; every part and its props type are exported from the package root (`TabsTrigger`, `TabsTriggerProps`, …), by way of that folder's `index.ts`.
+55 components in total. Each lives in `src/<name>/` with its parts, types, tests, and an `index.ts` barrel colocated; every part and its props type are exported from the package root (`TabsTrigger`, `TabsTriggerProps`, …), by way of that folder's `index.ts`.
 
-App-level providers: wrap your app in `ToastProvider` (plus a `ToastViewport`) to use toasts, and `TooltipProvider` to share tooltip delay behavior.
+App-level providers: wrap your app in `ToastProvider` (plus a `ToastViewport`) to use toasts, and `PopoverProvider` to share hover-open delay behavior.
 
 ## Core building blocks
 

package/dist/accordion/Accordion.cjs

@@ -1 +1,2 @@
-"use strict";var ao=Object.create;var b=Object.defineProperty;var so=Object.getOwnPropertyDescriptor;var mo=Object.getOwnPropertyNames;var lo=Object.getPrototypeOf,po=Object.prototype.hasOwnProperty;var fo=(o,e)=>{for(var t in e)b(o,t,{get:e[t],enumerable:!0})},D=(o,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of mo(e))!po.call(o,n)&&n!==t&&b(o,n,{get:()=>e[n],enumerable:!(r=so(e,n))||r.enumerable});return o};var x=(o,e,t)=>(t=o!=null?ao(lo(o)):{},D(e||!o||!o.__esModule?b(t,"default",{value:o,enumerable:!0}):t,o)),uo=o=>D(b({},"__esModule",{value:!0}),o);var Ao={};fo(Ao,{Accordion:()=>N,AccordionContent:()=>P,AccordionHeader:()=>h,AccordionIndicator:()=>T,AccordionItem:()=>R,AccordionItemProvider:()=>K,AccordionProvider:()=>io,AccordionTrigger:()=>M,useAccordionContext:()=>l,useAccordionItemContext:()=>m});module.exports=uo(Ao);var oo=x(require("react"),1),eo=require("../utils/createContext.cjs"),to=require("../utils/part.cjs"),E=require("../utils/primitive.cjs"),ro=require("../utils/useRovingFocus.cjs"),no=require("../utils/useSelection.cjs");var p=x(require("react"),1),O=require("../utils/composeRefs.cjs"),B=require("../utils/part.cjs"),$=require("../utils/primitive.cjs");var A=x(require("react"),1),k=require("../utils/createContext.cjs"),S=require("../utils/part.cjs"),V=require("../utils/primitive.cjs");var L=require("react/jsx-runtime"),[K,m]=(0,k.createSafeContext)("AccordionItem"),R=A.forwardRef(({value:o,disabled:e,...t},r)=>{let n=l("AccordionItem"),c=n.value.includes(o),i=n.disabled||e||!1,d=A.useId(),g=A.useId(),[s,v]=A.useState(!1);return(0,L.jsx)(K,{open:c,disabled:i,triggerId:d,contentId:g,value:o,contentMounted:s,setContentMounted:v,children:(0,L.jsx)(V.Primitive.div,{"data-state":c?"open":"closed","data-disabled":i?"":void 0,"data-orientation":n.orientation,...t,...(0,S.skdxPart)("accordion","item",t.className),ref:r})})});R.displayName="AccordionItem";var q=require("react/jsx-runtime"),P=p.forwardRef(({forceMount:o,hiddenUntilFound:e,role:t="region",...r},n)=>{let c=l("AccordionContent"),i=m("AccordionContent"),d=p.useRef(null),g=(0,O.useComposedRefs)(n,d),{open:s,value:v,setContentMounted:y}=i,{onItemToggle:I}=c,f=!!(s||o||e);return p.useEffect(()=>(y(f),()=>y(!1)),[y,f]),p.useLayoutEffect(()=>{let u=d.current;if(!e||!u)return;s?u.removeAttribute("hidden"):u.setAttribute("hidden","until-found");let C=()=>I(v);return u.addEventListener("beforematch",C),()=>u.removeEventListener("beforematch",C)},[e,s,I,v]),f?(0,q.jsx)($.Primitive.div,{role:t,id:i.contentId,"aria-labelledby":i.triggerId,"data-state":s?"open":"closed","data-disabled":i.disabled?"":void 0,"data-orientation":c.orientation,hidden:!s,...r,...(0,B.skdxPart)("accordion","content",r.className),ref:g}):null});P.displayName="AccordionContent";var z=x(require("react"),1),G=require("../utils/part.cjs"),J=require("../utils/primitive.cjs");var Q=require("react/jsx-runtime"),h=z.forwardRef(({level:o=3,...e},t)=>{let r=m("AccordionHeader"),n=J.Primitive[`h${o}`];return(0,Q.jsx)(n,{"data-state":r.open?"open":"closed","data-disabled":r.disabled?"":void 0,...e,...(0,G.skdxPart)("accordion","header",e.className),ref:t})});h.displayName="AccordionHeader";var W=x(require("react"),1),X=require("../utils/part.cjs"),Y=require("../utils/primitive.cjs");var Z=require("react/jsx-runtime"),T=W.forwardRef((o,e)=>{let t=l("AccordionIndicator"),r=m("AccordionIndicator");return(0,Z.jsx)(Y.Primitive.span,{"aria-hidden":"true","data-state":r.open?"open":"closed","data-disabled":r.disabled?"":void 0,"data-orientation":t.orientation,...o,...(0,X.skdxPart)("accordion","indicator",o.className),ref:e})});T.displayName="AccordionIndicator";var _=x(require("react"),1),F=require("../utils/part.cjs"),H=require("../utils/primitive.cjs");var U=require("react/jsx-runtime"),M=_.forwardRef((o,e)=>{let t=l("AccordionTrigger"),r=m("AccordionTrigger"),{open:n,disabled:c,value:i}=r,d=n&&t.type==="single"&&!t.collapsible;return(0,U.jsx)(H.Primitive.button,{type:"button",id:r.triggerId,"aria-controls":n||r.contentMounted?r.contentId:void 0,"aria-expanded":n,"aria-disabled":d||void 0,"data-skdx-accordion-trigger":"","data-state":n?"open":"closed","data-disabled":c?"":void 0,"data-orientation":t.orientation,disabled:c,...o,...(0,F.skdxPart)("accordion","trigger",o.className),ref:e,onClick:(0,H.composeEventHandlers)(o.onClick,()=>t.onItemToggle(i))})});M.displayName="AccordionTrigger";var a=require("react/jsx-runtime"),j=({items:o=[],headingLevel:e,renderContent:t})=>(0,a.jsx)(a.Fragment,{children:o.map(r=>(0,a.jsxs)(R,{value:r.value,disabled:r.disabled,children:[(0,a.jsx)(h,{level:e,children:(0,a.jsxs)(M,{children:[r.title,(0,a.jsx)(T,{})]})}),(0,a.jsx)(P,{children:t?t(r):r.content})]},r.value))});var w=require("react/jsx-runtime"),[io,l]=(0,eo.createSafeContext)("Accordion"),N=oo.forwardRef((o,e)=>{let{type:t,value:r,defaultValue:n,onValueChange:c,disabled:i=!1,orientation:d="vertical",collapsible:g=!1,items:s,headingLevel:v=3,renderContent:y,children:I,...f}=o,{selectedValues:u,selectItem:C}=(0,no.useSelection)({value:r,defaultValue:n,onValueChange:c,multiple:t==="multiple",deselectable:g,label:"Accordion"}),co=(0,ro.useRovingFocus)({orientation:d,loop:!0,itemSelector:"[data-skdx-accordion-trigger]"});return(0,w.jsx)(io,{value:u,onItemToggle:C,type:t,collapsible:g,disabled:i,orientation:d,children:(0,w.jsx)(E.Primitive.div,{"data-orientation":d,...f,...(0,to.skdxPart)("accordion","root",f.className),ref:e,onKeyDown:(0,E.composeEventHandlers)(f.onKeyDown,co),children:I??(0,w.jsx)(j,{items:s,headingLevel:v,renderContent:y})})})});N.displayName="Accordion";0&&(module.exports={Accordion,AccordionContent,AccordionHeader,AccordionIndicator,AccordionItem,AccordionItemProvider,AccordionProvider,AccordionTrigger,useAccordionContext,useAccordionItemContext});
+'use client';
+"use strict";var _=Object.create;var y=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var oo=Object.getOwnPropertyNames;var eo=Object.getPrototypeOf,to=Object.prototype.hasOwnProperty;var ro=(o,t)=>{for(var e in t)y(o,e,{get:t[e],enumerable:!0})},D=(o,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of oo(t))!to.call(o,n)&&n!==e&&y(o,n,{get:()=>t[n],enumerable:!(r=j(t,n))||r.enumerable});return o};var no=(o,t,e)=>(e=o!=null?_(eo(o)):{},D(t||!o||!o.__esModule?y(e,"default",{value:o,enumerable:!0}):e,o)),co=o=>D(y({},"__esModule",{value:!0}),o);var io={};ro(io,{Accordion:()=>S,AccordionContent:()=>b,AccordionHeader:()=>P,AccordionIndicator:()=>R,AccordionItem:()=>x,AccordionItemProvider:()=>w,AccordionProvider:()=>Y,AccordionTrigger:()=>v,useAccordionContext:()=>d,useAccordionItemContext:()=>m});module.exports=co(io);var G=require("../utils/createContext.cjs"),Q=require("../utils/part.cjs"),T=require("../utils/primitive.cjs"),U=require("../utils/useRovingFocus.cjs"),W=require("../utils/useSelection.cjs");var F=require("../collapsible/Collapsible.cjs");var i=no(require("react"),1),I=require("../collapsible/Collapsible.cjs"),V=require("../utils/createContext.cjs"),M=require("../utils/part.cjs"),O=require("../utils/primitive.cjs");var g=require("react/jsx-runtime"),[w,m]=(0,V.createSafeContext)("AccordionItem"),x=({value:o,disabled:t,ref:e,...r})=>{let n=d("AccordionItem"),a=n.value.includes(o),p=n.disabled||t||!1,l=i.useId(),f=i.useId(),[u,C]=i.useState(!1),{onItemToggle:s}=n,h=i.useCallback(H=>s(o,H?.detail===0?"keyboard":"pointer"),[s,o]),A=i.useCallback(()=>s(o),[s,o]),k=i.useCallback(()=>{},[]);return(0,g.jsx)(w,{open:a,disabled:p,triggerId:l,contentId:f,value:o,contentMounted:u,setContentMounted:C,children:(0,g.jsx)(I.CollapsibleFamilyContext.Provider,{value:"accordion",children:(0,g.jsx)(I.CollapsibleProvider,{contentId:f,open:a,disabled:p,onOpenToggle:h,onOpen:A,onOpenChangeComplete:k,contentMounted:u,setContentMounted:C,children:(0,g.jsx)(O.Primitive.div,{"data-state":a?"open":"closed","data-disabled":p?"":void 0,"data-orientation":n.orientation,...r,...(0,M.skdxPart)("accordion","item",r.className),ref:e})})})})};x.displayName="AccordionItem";var K=require("react/jsx-runtime"),b=({role:o="region",ref:t,...e})=>{let r=d("AccordionContent"),n=m("AccordionContent");return(0,K.jsx)(F.CollapsibleContent,{role:o,"aria-labelledby":n.triggerId,"data-orientation":r.orientation,...e,ref:t})};b.displayName="AccordionContent";var L=require("../utils/part.cjs"),E=require("../utils/primitive.cjs");var J=require("react/jsx-runtime"),P=({level:o=3,ref:t,...e})=>{let r=m("AccordionHeader"),n=E.Primitive[`h${o}`];return(0,J.jsx)(n,{"data-state":r.open?"open":"closed","data-disabled":r.disabled?"":void 0,...e,...(0,L.skdxPart)("accordion","header",e.className),ref:t})};P.displayName="AccordionHeader";var X=require("../collapsible/Collapsible.cjs");var $=require("react/jsx-runtime"),R=({ref:o,...t})=>{let e=d("AccordionIndicator");return(0,$.jsx)(X.CollapsibleIndicator,{"data-orientation":e.orientation,...t,ref:o})};R.displayName="AccordionIndicator";var q=require("../collapsible/Collapsible.cjs");var z=require("react/jsx-runtime"),v=({ref:o,...t})=>{let e=d("AccordionTrigger"),r=m("AccordionTrigger"),{open:n}=r,a=n&&e.type==="single"&&!e.collapsible;return(0,z.jsx)(q.CollapsibleTrigger,{id:r.triggerId,"aria-disabled":a||void 0,"data-skdx-accordion-trigger":"","data-orientation":e.orientation,...t,ref:o})};v.displayName="AccordionTrigger";var c=require("react/jsx-runtime"),B=({items:o=[],headingLevel:t,renderContent:e})=>(0,c.jsx)(c.Fragment,{children:o.map(r=>(0,c.jsxs)(x,{value:r.value,disabled:r.disabled,children:[(0,c.jsx)(P,{level:t,children:(0,c.jsxs)(v,{children:[r.title,(0,c.jsx)(R,{})]})}),(0,c.jsx)(b,{children:e?e(r):r.content})]},r.value))});var N=require("react/jsx-runtime"),[Y,d]=(0,G.createSafeContext)("Accordion"),S=({ref:o,...t})=>{let{type:e,value:r,defaultValue:n,onValueChange:a,disabled:p=!1,orientation:l="vertical",collapsible:f=!1,items:u,headingLevel:C=3,renderContent:s,children:h,...A}=t,{selectedValues:k,selectItem:H}=(0,W.useSelection)({value:r,defaultValue:n,onValueChange:a,multiple:e==="multiple",deselectable:f,label:"Accordion"}),Z=(0,U.useRovingFocus)({orientation:l,loop:!0,itemSelector:"[data-skdx-accordion-trigger]"});return(0,N.jsx)(Y,{value:k,onItemToggle:H,type:e,collapsible:f,disabled:p,orientation:l,children:(0,N.jsx)(T.Primitive.div,{"data-orientation":l,...A,...(0,Q.skdxPart)("accordion","root",A.className),ref:o,onKeyDown:(0,T.composeEventHandlers)(A.onKeyDown,Z),children:h??(0,N.jsx)(B,{items:u,headingLevel:C,renderContent:s})})})};S.displayName="Accordion";0&&(module.exports={Accordion,AccordionContent,AccordionHeader,AccordionIndicator,AccordionItem,AccordionItemProvider,AccordionProvider,AccordionTrigger,useAccordionContext,useAccordionItemContext});

package/dist/accordion/Accordion.d.cts

@@ -1,11 +1,8 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AccordionContextValue, AccordionProps } from './types.cjs';
-export declare const AccordionProvider: {
-    (props: AccordionContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useAccordionContext: (consumerName: string) => AccordionContextValue;
+export declare const AccordionProvider: React.FC<AccordionContextValue & {
+    children: React.ReactNode;
+}>, useAccordionContext: (consumerName: string) => AccordionContextValue;
 /**
  * Accordion root, owns open state with roving-focus arrow-key navigation.
  * `type="single"` (one open; add `collapsible` to close to none) or
@@ -25,4 +22,7 @@ export declare const AccordionProvider: {
  * />
  * ```
  */
-export declare const Accordion: React.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Accordion: {
+    ({ ref: forwardedRef, ...props }: AccordionProps): React.ReactNode;
+    displayName: string;
+};

package/dist/accordion/Accordion.d.ts

@@ -1,11 +1,8 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AccordionContextValue, AccordionProps } from './types.js';
-export declare const AccordionProvider: {
-    (props: AccordionContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useAccordionContext: (consumerName: string) => AccordionContextValue;
+export declare const AccordionProvider: React.FC<AccordionContextValue & {
+    children: React.ReactNode;
+}>, useAccordionContext: (consumerName: string) => AccordionContextValue;
 /**
  * Accordion root, owns open state with roving-focus arrow-key navigation.
  * `type="single"` (one open; add `collapsible` to close to none) or
@@ -25,4 +22,7 @@ export declare const AccordionProvider: {
  * />
  * ```
  */
-export declare const Accordion: React.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Accordion: {
+    ({ ref: forwardedRef, ...props }: AccordionProps): React.ReactNode;
+    displayName: string;
+};

package/dist/accordion/Accordion.js

@@ -1 +1,2 @@
-import*as D from"react";import{createSafeContext as eo}from"../utils/createContext.js";import{skdxPart as to}from"../utils/part.js";import{composeEventHandlers as ro,Primitive as no}from"../utils/primitive.js";import{useRovingFocus as io}from"../utils/useRovingFocus.js";import{useSelection as co}from"../utils/useSelection.js";import*as l from"react";import{useComposedRefs as $}from"../utils/composeRefs.js";import{skdxPart as q}from"../utils/part.js";import{Primitive as z}from"../utils/primitive.js";import*as u from"react";import{createSafeContext as V}from"../utils/createContext.js";import{skdxPart as K}from"../utils/part.js";import{Primitive as O}from"../utils/primitive.js";import{jsx as H}from"react/jsx-runtime";var[B,s]=V("AccordionItem"),C=u.forwardRef(({value:t,disabled:r,...e},o)=>{let n=m("AccordionItem"),c=n.value.includes(t),i=n.disabled||r||!1,d=u.useId(),A=u.useId(),[a,g]=u.useState(!1);return H(B,{open:c,disabled:i,triggerId:d,contentId:A,value:t,contentMounted:a,setContentMounted:g,children:H(O.div,{"data-state":c?"open":"closed","data-disabled":i?"":void 0,"data-orientation":n.orientation,...e,...K("accordion","item",e.className),ref:o})})});C.displayName="AccordionItem";import{jsx as G}from"react/jsx-runtime";var b=l.forwardRef(({forceMount:t,hiddenUntilFound:r,role:e="region",...o},n)=>{let c=m("AccordionContent"),i=s("AccordionContent"),d=l.useRef(null),A=$(n,d),{open:a,value:g,setContentMounted:v}=i,{onItemToggle:x}=c,p=!!(a||t||r);return l.useEffect(()=>(v(p),()=>v(!1)),[v,p]),l.useLayoutEffect(()=>{let f=d.current;if(!r||!f)return;a?f.removeAttribute("hidden"):f.setAttribute("hidden","until-found");let y=()=>x(g);return f.addEventListener("beforematch",y),()=>f.removeEventListener("beforematch",y)},[r,a,x,g]),p?G(z.div,{role:e,id:i.contentId,"aria-labelledby":i.triggerId,"data-state":a?"open":"closed","data-disabled":i.disabled?"":void 0,"data-orientation":c.orientation,hidden:!a,...o,...q("accordion","content",o.className),ref:A}):null});b.displayName="AccordionContent";import*as M from"react";import{skdxPart as J}from"../utils/part.js";import{Primitive as Q}from"../utils/primitive.js";import{jsx as W}from"react/jsx-runtime";var R=M.forwardRef(({level:t=3,...r},e)=>{let o=s("AccordionHeader"),n=Q[`h${t}`];return W(n,{"data-state":o.open?"open":"closed","data-disabled":o.disabled?"":void 0,...r,...J("accordion","header",r.className),ref:e})});R.displayName="AccordionHeader";import*as w from"react";import{skdxPart as X}from"../utils/part.js";import{Primitive as Y}from"../utils/primitive.js";import{jsx as Z}from"react/jsx-runtime";var P=w.forwardRef((t,r)=>{let e=m("AccordionIndicator"),o=s("AccordionIndicator");return Z(Y.span,{"aria-hidden":"true","data-state":o.open?"open":"closed","data-disabled":o.disabled?"":void 0,"data-orientation":e.orientation,...t,...X("accordion","indicator",t.className),ref:r})});P.displayName="AccordionIndicator";import*as E from"react";import{skdxPart as _}from"../utils/part.js";import{composeEventHandlers as F,Primitive as U}from"../utils/primitive.js";import{jsx as j}from"react/jsx-runtime";var h=E.forwardRef((t,r)=>{let e=m("AccordionTrigger"),o=s("AccordionTrigger"),{open:n,disabled:c,value:i}=o,d=n&&e.type==="single"&&!e.collapsible;return j(U.button,{type:"button",id:o.triggerId,"aria-controls":n||o.contentMounted?o.contentId:void 0,"aria-expanded":n,"aria-disabled":d||void 0,"data-skdx-accordion-trigger":"","data-state":n?"open":"closed","data-disabled":c?"":void 0,"data-orientation":e.orientation,disabled:c,...t,..._("accordion","trigger",t.className),ref:r,onClick:F(t.onClick,()=>e.onItemToggle(i))})});h.displayName="AccordionTrigger";import{Fragment as oo,jsx as I,jsxs as L}from"react/jsx-runtime";var N=({items:t=[],headingLevel:r,renderContent:e})=>I(oo,{children:t.map(o=>L(C,{value:o.value,disabled:o.disabled,children:[I(R,{level:r,children:L(h,{children:[o.title,I(P,{})]})}),I(b,{children:e?e(o):o.content})]},o.value))});import{jsx as T}from"react/jsx-runtime";var[ao,m]=eo("Accordion"),k=D.forwardRef((t,r)=>{let{type:e,value:o,defaultValue:n,onValueChange:c,disabled:i=!1,orientation:d="vertical",collapsible:A=!1,items:a,headingLevel:g=3,renderContent:v,children:x,...p}=t,{selectedValues:f,selectItem:y}=co({value:o,defaultValue:n,onValueChange:c,multiple:e==="multiple",deselectable:A,label:"Accordion"}),S=io({orientation:d,loop:!0,itemSelector:"[data-skdx-accordion-trigger]"});return T(ao,{value:f,onItemToggle:y,type:e,collapsible:A,disabled:i,orientation:d,children:T(no.div,{"data-orientation":d,...p,...to("accordion","root",p.className),ref:r,onKeyDown:ro(p.onKeyDown,S),children:x??T(N,{items:a,headingLevel:g,renderContent:v})})})});k.displayName="Accordion";export{k as Accordion,b as AccordionContent,R as AccordionHeader,P as AccordionIndicator,C as AccordionItem,B as AccordionItemProvider,ao as AccordionProvider,h as AccordionTrigger,m as useAccordionContext,s as useAccordionItemContext};
+'use client';
+import{createSafeContext as Q}from"../utils/createContext.js";import{skdxPart as U}from"../utils/part.js";import{composeEventHandlers as W,Primitive as Y}from"../utils/primitive.js";import{useRovingFocus as Z}from"../utils/useRovingFocus.js";import{useSelection as _}from"../utils/useSelection.js";import{CollapsibleContent as K}from"../collapsible/Collapsible.js";import*as c from"react";import{CollapsibleFamilyContext as D,CollapsibleProvider as V}from"../collapsible/Collapsible.js";import{createSafeContext as M}from"../utils/createContext.js";import{skdxPart as O}from"../utils/part.js";import{Primitive as w}from"../utils/primitive.js";import{jsx as u}from"react/jsx-runtime";var[F,m]=M("AccordionItem"),b=({value:e,disabled:r,ref:t,...o})=>{let n=i("AccordionItem"),d=n.value.includes(e),s=n.disabled||r||!1,p=c.useId(),l=c.useId(),[A,g]=c.useState(!1),{onItemToggle:a}=n,y=c.useCallback(x=>a(e,x?.detail===0?"keyboard":"pointer"),[a,e]),f=c.useCallback(()=>a(e),[a,e]),I=c.useCallback(()=>{},[]);return u(F,{open:d,disabled:s,triggerId:p,contentId:l,value:e,contentMounted:A,setContentMounted:g,children:u(D.Provider,{value:"accordion",children:u(V,{contentId:l,open:d,disabled:s,onOpenToggle:y,onOpen:f,onOpenChangeComplete:I,contentMounted:A,setContentMounted:g,children:u(w.div,{"data-state":d?"open":"closed","data-disabled":s?"":void 0,"data-orientation":n.orientation,...o,...O("accordion","item",o.className),ref:t})})})})};b.displayName="AccordionItem";import{jsx as L}from"react/jsx-runtime";var P=({role:e="region",ref:r,...t})=>{let o=i("AccordionContent"),n=m("AccordionContent");return L(K,{role:e,"aria-labelledby":n.triggerId,"data-orientation":o.orientation,...t,ref:r})};P.displayName="AccordionContent";import{skdxPart as E}from"../utils/part.js";import{Primitive as J}from"../utils/primitive.js";import{jsx as X}from"react/jsx-runtime";var R=({level:e=3,ref:r,...t})=>{let o=m("AccordionHeader"),n=J[`h${e}`];return X(n,{"data-state":o.open?"open":"closed","data-disabled":o.disabled?"":void 0,...t,...E("accordion","header",t.className),ref:r})};R.displayName="AccordionHeader";import{CollapsibleIndicator as $}from"../collapsible/Collapsible.js";import{jsx as q}from"react/jsx-runtime";var v=({ref:e,...r})=>{let t=i("AccordionIndicator");return q($,{"data-orientation":t.orientation,...r,ref:e})};v.displayName="AccordionIndicator";import{CollapsibleTrigger as z}from"../collapsible/Collapsible.js";import{jsx as B}from"react/jsx-runtime";var N=({ref:e,...r})=>{let t=i("AccordionTrigger"),o=m("AccordionTrigger"),{open:n}=o,d=n&&t.type==="single"&&!t.collapsible;return B(z,{id:o.triggerId,"aria-disabled":d||void 0,"data-skdx-accordion-trigger":"","data-orientation":t.orientation,...r,ref:e})};N.displayName="AccordionTrigger";import{Fragment as G,jsx as C,jsxs as h}from"react/jsx-runtime";var k=({items:e=[],headingLevel:r,renderContent:t})=>C(G,{children:e.map(o=>h(b,{value:o.value,disabled:o.disabled,children:[C(R,{level:r,children:h(N,{children:[o.title,C(v,{})]})}),C(P,{children:t?t(o):o.content})]},o.value))});import{jsx as T}from"react/jsx-runtime";var[j,i]=Q("Accordion"),H=({ref:e,...r})=>{let{type:t,value:o,defaultValue:n,onValueChange:d,disabled:s=!1,orientation:p="vertical",collapsible:l=!1,items:A,headingLevel:g=3,renderContent:a,children:y,...f}=r,{selectedValues:I,selectItem:x}=_({value:o,defaultValue:n,onValueChange:d,multiple:t==="multiple",deselectable:l,label:"Accordion"}),S=Z({orientation:p,loop:!0,itemSelector:"[data-skdx-accordion-trigger]"});return T(j,{value:I,onItemToggle:x,type:t,collapsible:l,disabled:s,orientation:p,children:T(Y.div,{"data-orientation":p,...f,...U("accordion","root",f.className),ref:e,onKeyDown:W(f.onKeyDown,S),children:y??T(k,{items:A,headingLevel:g,renderContent:a})})})};H.displayName="Accordion";export{H as Accordion,P as AccordionContent,R as AccordionHeader,v as AccordionIndicator,b as AccordionItem,F as AccordionItemProvider,j as AccordionProvider,N as AccordionTrigger,i as useAccordionContext,m as useAccordionItemContext};

package/dist/accordion/AccordionAnatomy.d.cts

@@ -1,14 +1,8 @@
 import type * as React from 'react';
 import type { AccordionItem as AccordionItemData } from './types.cjs';
-/**
- * The anatomy an {@link Accordion} draws from `items`: one `AccordionItem` per entry,
- * holding a `AccordionHeader` at `headingLevel` around a `AccordionTrigger` and its
- * `AccordionIndicator`, followed by the `AccordionContent` panel.
- *
- * @internal
- */
+/** @internal Derived anatomy: one `AccordionItem` per entry with header, trigger, indicator, and content. */
 export declare const AccordionAnatomy: ({ items, headingLevel, renderContent, }: {
-    items?: AccordionItemData[];
+    items?: AccordionItemData[] | undefined;
     headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
-    renderContent?: (item: AccordionItemData) => React.ReactNode;
+    renderContent?: ((item: AccordionItemData) => React.ReactNode) | undefined;
 }) => React.JSX.Element;

package/dist/accordion/AccordionAnatomy.d.ts

@@ -1,14 +1,8 @@
 import type * as React from 'react';
 import type { AccordionItem as AccordionItemData } from './types.js';
-/**
- * The anatomy an {@link Accordion} draws from `items`: one `AccordionItem` per entry,
- * holding a `AccordionHeader` at `headingLevel` around a `AccordionTrigger` and its
- * `AccordionIndicator`, followed by the `AccordionContent` panel.
- *
- * @internal
- */
+/** @internal Derived anatomy: one `AccordionItem` per entry with header, trigger, indicator, and content. */
 export declare const AccordionAnatomy: ({ items, headingLevel, renderContent, }: {
-    items?: AccordionItemData[];
+    items?: AccordionItemData[] | undefined;
     headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
-    renderContent?: (item: AccordionItemData) => React.ReactNode;
+    renderContent?: ((item: AccordionItemData) => React.ReactNode) | undefined;
 }) => React.JSX.Element;

package/dist/accordion/AccordionContent.d.cts

@@ -1,17 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AccordionContentProps } from './types.cjs';
 /**
- * Panel for an {@link AccordionItem}. Renders a `<div role="region">` with
- * the `id` referenced by its trigger's `aria-controls`, `aria-labelledby`
- * pointing back at the trigger, `data-state`, `data-disabled`,
- * `data-orientation`, and the `hidden` attribute while closed. Unmounts when
- * closed unless `forceMount` or `hiddenUntilFound` is set.
- *
- * `forceMount` hides fully; `hiddenUntilFound` renders `hidden="until-found"`
- * so find-in-page still works. `hiddenUntilFound` implies `forceMount`.
- *
- * Role is `region` by default, `group` on request (avoid landmarks on large
- * accordions).
+ * Panel for an {@link AccordionItem}, rendering a `<div role="region">` with ARIA and data attributes that unmounts while closed unless `forceMount` or `hiddenUntilFound` is set.
  *
  * @example
  * ```tsx
@@ -23,4 +13,7 @@ import type { AccordionContentProps } from './types.cjs';
  * </AccordionItem>
  * ```
  */
-export declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AccordionContent: {
+    ({ role, ref: forwardedRef, ...props }: AccordionContentProps): React.ReactNode;
+    displayName: string;
+};

package/dist/accordion/AccordionContent.d.ts

@@ -1,17 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AccordionContentProps } from './types.js';
 /**
- * Panel for an {@link AccordionItem}. Renders a `<div role="region">` with
- * the `id` referenced by its trigger's `aria-controls`, `aria-labelledby`
- * pointing back at the trigger, `data-state`, `data-disabled`,
- * `data-orientation`, and the `hidden` attribute while closed. Unmounts when
- * closed unless `forceMount` or `hiddenUntilFound` is set.
- *
- * `forceMount` hides fully; `hiddenUntilFound` renders `hidden="until-found"`
- * so find-in-page still works. `hiddenUntilFound` implies `forceMount`.
- *
- * Role is `region` by default, `group` on request (avoid landmarks on large
- * accordions).
+ * Panel for an {@link AccordionItem}, rendering a `<div role="region">` with ARIA and data attributes that unmounts while closed unless `forceMount` or `hiddenUntilFound` is set.
  *
  * @example
  * ```tsx
@@ -23,4 +13,7 @@ import type { AccordionContentProps } from './types.js';
  * </AccordionItem>
  * ```
  */
-export declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AccordionContent: {
+    ({ role, ref: forwardedRef, ...props }: AccordionContentProps): React.ReactNode;
+    displayName: string;
+};

package/dist/accordion/AccordionHeader.d.cts

@@ -1,10 +1,8 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AccordionHeaderProps } from './types.cjs';
 /**
  * Heading wrapper for {@link AccordionTrigger} — renders `<h1>`–`<h6>` per `level` (default `3`).
  *
- * Set `level` to match the document outline — wrong value skips a level for heading navigation.
- *
  * @example
  * ```tsx
  * <AccordionHeader level={5}>
@@ -12,4 +10,7 @@ import type { AccordionHeaderProps } from './types.cjs';
  * </AccordionHeader>
  * ```
  */
-export declare const AccordionHeader: React.ForwardRefExoticComponent<Omit<AccordionHeaderProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const AccordionHeader: {
+    ({ level, ref: forwardedRef, ...props }: AccordionHeaderProps): React.ReactNode;
+    displayName: string;
+};

package/dist/accordion/AccordionHeader.d.ts

@@ -1,10 +1,8 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AccordionHeaderProps } from './types.js';
 /**
  * Heading wrapper for {@link AccordionTrigger} — renders `<h1>`–`<h6>` per `level` (default `3`).
  *
- * Set `level` to match the document outline — wrong value skips a level for heading navigation.
- *
  * @example
  * ```tsx
  * <AccordionHeader level={5}>
@@ -12,4 +10,7 @@ import type { AccordionHeaderProps } from './types.js';
  * </AccordionHeader>
  * ```
  */
-export declare const AccordionHeader: React.ForwardRefExoticComponent<Omit<AccordionHeaderProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const AccordionHeader: {
+    ({ level, ref: forwardedRef, ...props }: AccordionHeaderProps): React.ReactNode;
+    displayName: string;
+};

package/dist/accordion/AccordionIndicator.d.cts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AccordionIndicatorProps } from './types.cjs';
 /**
- * Disclosure indicator inside {{@link AccordionTrigger} — `<span>` with `data-state`, `data-disabled`, `data-orientation`. Headless: put icon inside.
+ * Disclosure indicator inside {@link AccordionTrigger} — a `<span>` carrying `data-state`, `data-disabled` and `data-orientation`; the glyph is your child.
  *
  * @example
  * ```tsx
@@ -13,4 +13,7 @@ import type { AccordionIndicatorProps } from './types.cjs';
  * </AccordionTrigger>
  * ```
  */
-export declare const AccordionIndicator: React.ForwardRefExoticComponent<Omit<AccordionIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const AccordionIndicator: {
+    ({ ref: forwardedRef, ...props }: AccordionIndicatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/accordion/AccordionIndicator.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AccordionIndicatorProps } from './types.js';
 /**
- * Disclosure indicator inside {{@link AccordionTrigger} — `<span>` with `data-state`, `data-disabled`, `data-orientation`. Headless: put icon inside.
+ * Disclosure indicator inside {@link AccordionTrigger} — a `<span>` carrying `data-state`, `data-disabled` and `data-orientation`; the glyph is your child.
  *
  * @example
  * ```tsx
@@ -13,4 +13,7 @@ import type { AccordionIndicatorProps } from './types.js';
  * </AccordionTrigger>
  * ```
  */
-export declare const AccordionIndicator: React.ForwardRefExoticComponent<Omit<AccordionIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const AccordionIndicator: {
+    ({ ref: forwardedRef, ...props }: AccordionIndicatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/accordion/AccordionItem.d.cts

@@ -1,11 +1,8 @@
 import * as React from 'react';
 import type { AccordionItemContextValue, AccordionItemProps } from './types.cjs';
-export declare const AccordionItemProvider: {
-    (props: AccordionItemContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useAccordionItemContext: (consumerName: string) => AccordionItemContextValue;
+export declare const AccordionItemProvider: React.FC<AccordionItemContextValue & {
+    children: React.ReactNode;
+}>, useAccordionItemContext: (consumerName: string) => AccordionItemContextValue;
 /**
  * A single expandable section within an {@link Accordion}. Renders a plain
  * `<div>` with `data-state` (`"open"` | `"closed"`), `data-disabled` and
@@ -22,4 +19,7 @@ export declare const AccordionItemProvider: {
  * </AccordionItem>
  * ```
  */
-export declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AccordionItem: {
+    ({ value, disabled: disabledProp, ref: forwardedRef, ...props }: AccordionItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/accordion/AccordionItem.d.ts

@@ -1,11 +1,8 @@
 import * as React from 'react';
 import type { AccordionItemContextValue, AccordionItemProps } from './types.js';
-export declare const AccordionItemProvider: {
-    (props: AccordionItemContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useAccordionItemContext: (consumerName: string) => AccordionItemContextValue;
+export declare const AccordionItemProvider: React.FC<AccordionItemContextValue & {
+    children: React.ReactNode;
+}>, useAccordionItemContext: (consumerName: string) => AccordionItemContextValue;
 /**
  * A single expandable section within an {@link Accordion}. Renders a plain
  * `<div>` with `data-state` (`"open"` | `"closed"`), `data-disabled` and
@@ -22,4 +19,7 @@ export declare const AccordionItemProvider: {
  * </AccordionItem>
  * ```
  */
-export declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AccordionItem: {
+    ({ value, disabled: disabledProp, ref: forwardedRef, ...props }: AccordionItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/accordion/AccordionTrigger.d.cts

@@ -1,13 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AccordionTriggerProps } from './types.cjs';
 /**
- * Toggle button for an {@link AccordionItem}. Renders a `<button type="button">`
- * with `aria-controls` pointing at the item's content, `aria-expanded`,
- * `data-state`, `data-disabled` and `data-orientation`. Part of the roving
- * tab stop the {@link Accordion} root manages — Arrow Up/Down (or Left/Right
- * when `orientation="horizontal"`) moves focus between sibling triggers, and
- * Home/End jump to the first/last one. Clicking (or Enter/Space) opens or
- * closes the item.
+ * Toggle button for an {@link AccordionItem} — `<button>` with ARIA/data attributes, part of the {@link Accordion} root's roving arrow-key tab stop.
  *
  * @example
  * ```tsx
@@ -16,4 +10,7 @@ import type { AccordionTriggerProps } from './types.cjs';
  * </AccordionHeader>
  * ```
  */
-export declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const AccordionTrigger: {
+    ({ ref: forwardedRef, ...props }: AccordionTriggerProps): React.ReactNode;
+    displayName: string;
+};

package/dist/accordion/AccordionTrigger.d.ts

@@ -1,13 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AccordionTriggerProps } from './types.js';
 /**
- * Toggle button for an {@link AccordionItem}. Renders a `<button type="button">`
- * with `aria-controls` pointing at the item's content, `aria-expanded`,
- * `data-state`, `data-disabled` and `data-orientation`. Part of the roving
- * tab stop the {@link Accordion} root manages — Arrow Up/Down (or Left/Right
- * when `orientation="horizontal"`) moves focus between sibling triggers, and
- * Home/End jump to the first/last one. Clicking (or Enter/Space) opens or
- * closes the item.
+ * Toggle button for an {@link AccordionItem} — `<button>` with ARIA/data attributes, part of the {@link Accordion} root's roving arrow-key tab stop.
  *
  * @example
  * ```tsx
@@ -16,4 +10,7 @@ import type { AccordionTriggerProps } from './types.js';
  * </AccordionHeader>
  * ```
  */
-export declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const AccordionTrigger: {
+    ({ ref: forwardedRef, ...props }: AccordionTriggerProps): React.ReactNode;
+    displayName: string;
+};

package/dist/accordion/types.d.cts

@@ -1,22 +1,23 @@
 import type * as React from 'react';
 import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
-import type { SelectionChangeDetail } from '../utils/useSelection.cjs';
+import type { SelectionChangeDetail, SelectionChangeReason } from '../utils/useSelection.cjs';
 /** One entry of {@link AccordionProps.items} — a single expandable section. */
 export interface AccordionItem {
     /** Unique identifier matched against the accordion's open value(s). */
     value: string;
     /** Text rendered inside the derived `AccordionTrigger`. */
-    title: React.ReactNode;
+    title: string;
     /**
-     * Panel revealed when open; ignored if `renderContent` is given.
+     * Panel text revealed when open; ignored if `renderContent` is given, which is the
+     * path to rich panel content.
      * @default undefined — the panel renders empty.
      */
-    content?: React.ReactNode;
+    content?: string | undefined;
     /**
      * Prevents this section's trigger from opening/closing.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
 }
 /** @internal Shared state distributed from {@link Accordion} to its items via context. Not part of the public API. */
 export interface AccordionContextValue {
@@ -24,7 +25,7 @@ export interface AccordionContextValue {
     /**
      * Commits one item, opening or closing per the root's `type` and `collapsible`.
      */
-    onItemToggle: (value: string) => void;
+    onItemToggle: (value: string, reason?: SelectionChangeReason) => void;
     type: 'single' | 'multiple';
     collapsible: boolean;
     disabled: boolean;
@@ -36,28 +37,28 @@ export interface AccordionProps extends PrimitivePropsWithRef<'div'> {
      * Sections rendered into derived `AccordionItem`/`AccordionHeader`/`AccordionTrigger`/`AccordionIndicator`/`AccordionContent`. Ignored when `children` is given.
      * @default undefined — an empty accordion.
      */
-    items?: AccordionItem[];
+    items?: AccordionItem[] | undefined;
     /**
      * Heading element each derived `Header` renders. Set it to match the surrounding
      * outline — an accordion under an `<h4>` needs `5` or it skips a level.
      * @default 3
      */
-    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
     /**
      * Render a derived panel's body from each item in `items`. Ignored when `children` is given.
      * @default undefined — renders the entry's `content`.
      */
-    renderContent?: (item: AccordionItem) => React.ReactNode;
+    renderContent?: ((item: AccordionItem) => React.ReactNode) | undefined;
     /**
      * Prevents every item's trigger from opening/closing when set.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Layout axis for arrow-key navigation between triggers, exposed as `data-orientation`.
      * @default 'vertical'
      */
-    orientation?: 'horizontal' | 'vertical';
+    orientation?: 'horizontal' | 'vertical' | undefined;
     /**
      * Allow one item open (`'single'`) or any number (`'multiple'`);
      * `value` accepts bare `string` or `string[]`, change payload always an array.
@@ -67,22 +68,22 @@ export interface AccordionProps extends PrimitivePropsWithRef<'div'> {
      * Open item's value(s) for controlled usage — bare `string` or `string[]`.
      * @default undefined — uncontrolled.
      */
-    value?: string | string[];
+    value?: string | string[] | undefined;
     /**
      * Initially open item's value(s) for uncontrolled usage — bare `string` or `string[]`.
      * @default undefined — all items closed.
      */
-    defaultValue?: string | string[];
+    defaultValue?: string | string[] | undefined;
     /**
      * Fires when the open set changes, carrying the selection as `string[]` and `selectedValue`.
      * @default undefined — no-op if omitted.
      */
-    onValueChange?: (detail: SelectionChangeDetail) => void;
+    onValueChange?: ((detail: SelectionChangeDetail) => void) | undefined;
     /**
      * Allow closing the open item. Ignored when `type` is `'multiple'`.
      * @default false
      */
-    collapsible?: boolean;
+    collapsible?: boolean | undefined;
 }
 /** @internal Shared state distributed from {@link AccordionItem} to its header/trigger/content via context. Not part of the public API. */
 export interface AccordionItemContextValue {
@@ -107,7 +108,7 @@ export interface AccordionItemProps extends PrimitivePropsWithRef<'div'> {
      * accordion root's `disabled`.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
 }
 /** Props for {@link AccordionHeader}, the heading wrapper around an {@link AccordionTrigger}. */
 export interface AccordionHeaderProps extends PrimitivePropsWithRef<'h3'> {
@@ -116,7 +117,7 @@ export interface AccordionHeaderProps extends PrimitivePropsWithRef<'h3'> {
      * `<h2>`; under `<h4>`, use `5` or skip a level for screen readers.
      * @default 3
      */
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    level?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
 }
 /** Props for {@link AccordionTrigger}, the button that opens/closes its {@link AccordionItem}. */
 export interface AccordionTriggerProps extends PrimitivePropsWithRef<'button'> {
@@ -128,21 +129,21 @@ export interface AccordionContentProps extends PrimitivePropsWithRef<'div'> {
      * for animation libraries needing it during exit transitions.
      * @default false
      */
-    forceMount?: boolean;
+    forceMount?: boolean | undefined;
     /**
      * Mount as `hidden="until-found"` to enable find-in-page on closed content
      * (Chromium-first, degrades to `hidden=""` if unsupported). Implies `forceMount`.
      * Uses `content-visibility: hidden`; styling must not override with `display: none`.
      * @default false
      */
-    hiddenUntilFound?: boolean;
+    hiddenUntilFound?: boolean | undefined;
     /**
      * Panel landmark role: `region` clutters the landmark list when many panels
      * are open. Use `"group"` for long accordions; trigger's `aria-labelledby`
      * labels the panel either way.
      * @default 'region'
      */
-    role?: 'region' | 'group';
+    role?: 'region' | 'group' | undefined;
 }
 /** Props for {@link AccordionIndicator}, the chevron inside an {@link AccordionTrigger}. */
 export interface AccordionIndicatorProps extends PrimitivePropsWithRef<'span'> {