@skdx/react 0.27.0 → 0.29.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 SkandaDX
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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,19 +15,19 @@ 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
 
 ```tsx
 import {
   Dialog,
-  DialogTrigger,
-  DialogPortal,
-  DialogOverlay,
+  DialogClose,
   DialogContent,
+  DialogOverlay,
+  DialogPortal,
   DialogTitle,
-  DialogClose,
+  DialogTrigger,
 } from '@skdx/react';
 
 <Dialog>
@@ -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 eo=Object.create;var x=Object.defineProperty;var to=Object.getOwnPropertyDescriptor;var ro=Object.getOwnPropertyNames;var no=Object.getPrototypeOf,io=Object.prototype.hasOwnProperty;var co=(o,t)=>{for(var e in t)x(o,e,{get:t[e],enumerable:!0})},N=(o,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of ro(t))!io.call(o,r)&&r!==e&&x(o,r,{get:()=>t[r],enumerable:!(n=to(t,r))||n.enumerable});return o};var v=(o,t,e)=>(e=o!=null?eo(no(o)):{},N(t||!o||!o.__esModule?x(e,"default",{value:o,enumerable:!0}):e,o)),ao=o=>N(x({},"__esModule",{value:!0}),o);var mo={};co(mo,{Accordion:()=>S,AccordionContent:()=>L,AccordionHeader:()=>k,AccordionItem:()=>T,AccordionProvider:()=>V,AccordionTrigger:()=>E,useAccordionContext:()=>f});module.exports=ao(mo);var p=v(require("react"),1),h=require("../utils/createContext.cjs"),w=require("../utils/part.cjs"),I=require("../utils/primitive.cjs"),M=require("../utils/useControllableState.cjs"),D=require("../utils/useRovingFocus.cjs"),b=require("react/jsx-runtime"),[V,f]=(0,h.createSafeContext)("Accordion"),S=p.forwardRef((o,t)=>{let{type:e,value:n,defaultValue:r,onValueChange:i,disabled:d=!1,orientation:a="vertical",collapsible:c=!1,...u}=o,P=p.useMemo(()=>n===void 0?void 0:Array.isArray(n)?n:[n].filter(Boolean),[n]),[s=[],m]=(0,M.useControllableState)({prop:P,defaultProp:r===void 0?[]:Array.isArray(r)?r:[r],onChange:l=>{i?.(e==="single"?l[0]??"":l)}}),F=p.useCallback(l=>{m((R=[])=>e==="single"?[l]:[...R,l])},[m,e]),U=p.useCallback(l=>{e==="single"&&!c||m((R=[])=>R.filter(oo=>oo!==l))},[m,e,c]),j=(0,D.useRovingFocus)({orientation:a,loop:!0,itemSelector:"[data-skdx-accordion-trigger]"});return(0,b.jsx)(V,{value:s,onItemOpen:F,onItemClose:U,type:e,collapsible:c,disabled:d,orientation:a,children:(0,b.jsx)(I.Primitive.div,{"data-orientation":a,...u,...(0,w.skdxPart)("accordion","root",u.className),ref:t,onKeyDown:(0,I.composeEventHandlers)(u.onKeyDown,j)})})});S.displayName="Accordion";var C=v(require("react"),1),O=require("../utils/createContext.cjs"),K=require("../utils/part.cjs"),B=require("../utils/primitive.cjs");var H=require("react/jsx-runtime"),[so,A]=(0,O.createSafeContext)("AccordionItem"),T=C.forwardRef(({value:o,disabled:t,...e},n)=>{let r=f("AccordionItem"),i=r.value.includes(o),d=r.disabled||t||!1,a=C.useId(),c=C.useId();return(0,H.jsx)(so,{open:i,disabled:d,triggerId:a,contentId:c,value:o,children:(0,H.jsx)(B.Primitive.div,{"data-state":i?"open":"closed","data-disabled":d?"":void 0,"data-orientation":r.orientation,...e,...(0,K.skdxPart)("accordion","item",e.className),ref:n})})});T.displayName="AccordionItem";var q=v(require("react"),1),z=require("../utils/part.cjs"),G=require("../utils/primitive.cjs");var J=require("react/jsx-runtime"),k=q.forwardRef((o,t)=>{let e=A("AccordionHeader");return(0,J.jsx)(G.Primitive.h3,{"data-state":e.open?"open":"closed","data-disabled":e.disabled?"":void 0,...o,...(0,z.skdxPart)("accordion","header",o.className),ref:t})});k.displayName="AccordionHeader";var Q=v(require("react"),1),W=require("../utils/part.cjs"),y=require("../utils/primitive.cjs");var X=require("react/jsx-runtime"),E=Q.forwardRef((o,t)=>{let e=f("AccordionTrigger"),n=A("AccordionTrigger"),{open:r,disabled:i,value:d}=n;return(0,X.jsx)(y.Primitive.button,{type:"button",id:n.triggerId,"aria-controls":n.contentId,"aria-expanded":r,"data-skdx-accordion-trigger":"","data-state":r?"open":"closed","data-disabled":i?"":void 0,"data-orientation":e.orientation,disabled:i,...o,...(0,W.skdxPart)("accordion","trigger",o.className),ref:t,onClick:(0,y.composeEventHandlers)(o.onClick,()=>{r?e.onItemClose(d):e.onItemOpen(d)})})});E.displayName="AccordionTrigger";var g=v(require("react"),1),Y=require("../utils/composeRefs.cjs"),Z=require("../utils/part.cjs"),_=require("../utils/primitive.cjs");var $=require("react/jsx-runtime"),L=g.forwardRef(({forceMount:o,hiddenUntilFound:t,...e},n)=>{let r=f("AccordionContent"),i=A("AccordionContent"),d=g.useRef(null),a=(0,Y.useComposedRefs)(n,d),{open:c,value:u}=i,{onItemOpen:P}=r;return g.useLayoutEffect(()=>{let s=d.current;if(!t||!s)return;c?s.removeAttribute("hidden"):s.setAttribute("hidden","until-found");let m=()=>P(u);return s.addEventListener("beforematch",m),()=>s.removeEventListener("beforematch",m)},[t,c,P,u]),!c&&!o&&!t?null:(0,$.jsx)(_.Primitive.div,{role:"region",id:i.contentId,"aria-labelledby":i.triggerId,"data-state":c?"open":"closed","data-disabled":i.disabled?"":void 0,"data-orientation":r.orientation,hidden:!c,...e,...(0,Z.skdxPart)("accordion","content",e.className),ref:a})});L.displayName="AccordionContent";0&&(module.exports={Accordion,AccordionContent,AccordionHeader,AccordionItem,AccordionProvider,AccordionTrigger,useAccordionContext});
+'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,38 +1,28 @@
-import * as React from 'react';
-import type { AccordionContextValue } from './types.cjs';
-export declare const AccordionProvider: {
-    (props: AccordionContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useAccordionContext: (consumerName: string) => AccordionContextValue;
+import type * as React from 'react';
+import type { AccordionContextValue, AccordionProps } from './types.cjs';
+export declare const AccordionProvider: React.FC<AccordionContextValue & {
+    children: React.ReactNode;
+}>, useAccordionContext: (consumerName: string) => AccordionContextValue;
 /**
- * Root of an accordion: owns which item(s) are open and hands state down to
- * `AccordionItem` / `AccordionHeader` / `AccordionTrigger` / `AccordionContent`
- * via context. Renders a plain `<div>` with `data-orientation`, and wires up
- * roving-focus arrow-key navigation between triggers (Home/End jump to the
- * first/last trigger; wraps at the ends).
- *
- * `type="single"` allows only one open item at a time (add `collapsible` to
- * allow closing it back to none); `type="multiple"` allows any number open.
- * Works controlled (`value` + `onValueChange`) or uncontrolled (`defaultValue`).
+ * Accordion root, owns open state with roving-focus arrow-key navigation.
+ * `type="single"` (one open; add `collapsible` to close to none) or
+ * `type="multiple"` (any open). Controlled or uncontrolled. With no children,
+ * renders derived anatomy from `items`; with children, renders them verbatim.
  *
  * @example
  * ```tsx
- * <Accordion type="single" collapsible defaultValue="item-1">
- *   <AccordionItem value="item-1">
- *     <AccordionHeader>
- *       <AccordionTrigger>Section one</AccordionTrigger>
- *     </AccordionHeader>
- *     <AccordionContent>Content for section one.</AccordionContent>
- *   </AccordionItem>
- *   <AccordionItem value="item-2">
- *     <AccordionHeader>
- *       <AccordionTrigger>Section two</AccordionTrigger>
- *     </AccordionHeader>
- *     <AccordionContent>Content for section two.</AccordionContent>
- *   </AccordionItem>
- * </Accordion>
+ * <Accordion
+ *   type="single"
+ *   collapsible
+ *   defaultValue="shipping"
+ *   items={[
+ *     { value: 'shipping', title: 'Shipping', content: 'Ships in 2 days.' },
+ *     { value: 'returns', title: 'Returns', content: '30-day window.' },
+ *   ]}
+ * />
  * ```
  */
-export declare const Accordion: React.ForwardRefExoticComponent<(Omit<import("./types.cjs").AccordionSingleProps, "ref"> | Omit<import("./types.cjs").AccordionMultipleProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export declare const Accordion: {
+    ({ ref: forwardedRef, ...props }: AccordionProps): React.ReactNode;
+    displayName: string;
+};

package/dist/accordion/Accordion.d.ts

@@ -1,38 +1,28 @@
-import * as React from 'react';
-import type { AccordionContextValue } from './types.js';
-export declare const AccordionProvider: {
-    (props: AccordionContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useAccordionContext: (consumerName: string) => AccordionContextValue;
+import type * as React from 'react';
+import type { AccordionContextValue, AccordionProps } from './types.js';
+export declare const AccordionProvider: React.FC<AccordionContextValue & {
+    children: React.ReactNode;
+}>, useAccordionContext: (consumerName: string) => AccordionContextValue;
 /**
- * Root of an accordion: owns which item(s) are open and hands state down to
- * `AccordionItem` / `AccordionHeader` / `AccordionTrigger` / `AccordionContent`
- * via context. Renders a plain `<div>` with `data-orientation`, and wires up
- * roving-focus arrow-key navigation between triggers (Home/End jump to the
- * first/last trigger; wraps at the ends).
- *
- * `type="single"` allows only one open item at a time (add `collapsible` to
- * allow closing it back to none); `type="multiple"` allows any number open.
- * Works controlled (`value` + `onValueChange`) or uncontrolled (`defaultValue`).
+ * Accordion root, owns open state with roving-focus arrow-key navigation.
+ * `type="single"` (one open; add `collapsible` to close to none) or
+ * `type="multiple"` (any open). Controlled or uncontrolled. With no children,
+ * renders derived anatomy from `items`; with children, renders them verbatim.
  *
  * @example
  * ```tsx
- * <Accordion type="single" collapsible defaultValue="item-1">
- *   <AccordionItem value="item-1">
- *     <AccordionHeader>
- *       <AccordionTrigger>Section one</AccordionTrigger>
- *     </AccordionHeader>
- *     <AccordionContent>Content for section one.</AccordionContent>
- *   </AccordionItem>
- *   <AccordionItem value="item-2">
- *     <AccordionHeader>
- *       <AccordionTrigger>Section two</AccordionTrigger>
- *     </AccordionHeader>
- *     <AccordionContent>Content for section two.</AccordionContent>
- *   </AccordionItem>
- * </Accordion>
+ * <Accordion
+ *   type="single"
+ *   collapsible
+ *   defaultValue="shipping"
+ *   items={[
+ *     { value: 'shipping', title: 'Shipping', content: 'Ships in 2 days.' },
+ *     { value: 'returns', title: 'Returns', content: '30-day window.' },
+ *   ]}
+ * />
  * ```
  */
-export declare const Accordion: React.ForwardRefExoticComponent<(Omit<import("./types.js").AccordionSingleProps, "ref"> | Omit<import("./types.js").AccordionMultipleProps, "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 p from"react";import{createSafeContext as w}from"../utils/createContext.js";import{skdxPart as M}from"../utils/part.js";import{composeEventHandlers as D,Primitive as V}from"../utils/primitive.js";import{useControllableState as S}from"../utils/useControllableState.js";import{useRovingFocus as O}from"../utils/useRovingFocus.js";import{jsx as x}from"react/jsx-runtime";var[K,u]=w("Accordion"),B=p.forwardRef((t,i)=>{let{type:o,value:r,defaultValue:e,onValueChange:n,disabled:d=!1,orientation:a="vertical",collapsible:c=!1,...f}=t,C=p.useMemo(()=>r===void 0?void 0:Array.isArray(r)?r:[r].filter(Boolean),[r]),[s=[],m]=S({prop:C,defaultProp:e===void 0?[]:Array.isArray(e)?e:[e],onChange:l=>{n?.(o==="single"?l[0]??"":l)}}),E=p.useCallback(l=>{m((P=[])=>o==="single"?[l]:[...P,l])},[m,o]),L=p.useCallback(l=>{o==="single"&&!c||m((P=[])=>P.filter(h=>h!==l))},[m,o,c]),N=O({orientation:a,loop:!0,itemSelector:"[data-skdx-accordion-trigger]"});return x(K,{value:s,onItemOpen:E,onItemClose:L,type:o,collapsible:c,disabled:d,orientation:a,children:x(V.div,{"data-orientation":a,...f,...M("accordion","root",f.className),ref:i,onKeyDown:D(f.onKeyDown,N)})})});B.displayName="Accordion";import*as v from"react";import{createSafeContext as q}from"../utils/createContext.js";import{skdxPart as z}from"../utils/part.js";import{Primitive as G}from"../utils/primitive.js";import{jsx as I}from"react/jsx-runtime";var[J,A]=q("AccordionItem"),y=v.forwardRef(({value:t,disabled:i,...o},r)=>{let e=u("AccordionItem"),n=e.value.includes(t),d=e.disabled||i||!1,a=v.useId(),c=v.useId();return I(J,{open:n,disabled:d,triggerId:a,contentId:c,value:t,children:I(G.div,{"data-state":n?"open":"closed","data-disabled":d?"":void 0,"data-orientation":e.orientation,...o,...z("accordion","item",o.className),ref:r})})});y.displayName="AccordionItem";import*as R from"react";import{skdxPart as Q}from"../utils/part.js";import{Primitive as W}from"../utils/primitive.js";import{jsx as X}from"react/jsx-runtime";var b=R.forwardRef((t,i)=>{let o=A("AccordionHeader");return X(W.h3,{"data-state":o.open?"open":"closed","data-disabled":o.disabled?"":void 0,...t,...Q("accordion","header",t.className),ref:i})});b.displayName="AccordionHeader";import*as H from"react";import{skdxPart as Y}from"../utils/part.js";import{composeEventHandlers as Z,Primitive as _}from"../utils/primitive.js";import{jsx as $}from"react/jsx-runtime";var T=H.forwardRef((t,i)=>{let o=u("AccordionTrigger"),r=A("AccordionTrigger"),{open:e,disabled:n,value:d}=r;return $(_.button,{type:"button",id:r.triggerId,"aria-controls":r.contentId,"aria-expanded":e,"data-skdx-accordion-trigger":"","data-state":e?"open":"closed","data-disabled":n?"":void 0,"data-orientation":o.orientation,disabled:n,...t,...Y("accordion","trigger",t.className),ref:i,onClick:Z(t.onClick,()=>{e?o.onItemClose(d):o.onItemOpen(d)})})});T.displayName="AccordionTrigger";import*as g from"react";import{useComposedRefs as F}from"../utils/composeRefs.js";import{skdxPart as U}from"../utils/part.js";import{Primitive as j}from"../utils/primitive.js";import{jsx as oo}from"react/jsx-runtime";var k=g.forwardRef(({forceMount:t,hiddenUntilFound:i,...o},r)=>{let e=u("AccordionContent"),n=A("AccordionContent"),d=g.useRef(null),a=F(r,d),{open:c,value:f}=n,{onItemOpen:C}=e;return g.useLayoutEffect(()=>{let s=d.current;if(!i||!s)return;c?s.removeAttribute("hidden"):s.setAttribute("hidden","until-found");let m=()=>C(f);return s.addEventListener("beforematch",m),()=>s.removeEventListener("beforematch",m)},[i,c,C,f]),!c&&!t&&!i?null:oo(j.div,{role:"region",id:n.contentId,"aria-labelledby":n.triggerId,"data-state":c?"open":"closed","data-disabled":n.disabled?"":void 0,"data-orientation":e.orientation,hidden:!c,...o,...U("accordion","content",o.className),ref:a})});k.displayName="AccordionContent";export{B as Accordion,k as AccordionContent,b as AccordionHeader,y as AccordionItem,K as AccordionProvider,T as AccordionTrigger,u as useAccordionContext};
+'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

@@ -0,0 +1,8 @@
+import type * as React from 'react';
+import type { AccordionItem as AccordionItemData } from './types.cjs';
+/** @internal Derived anatomy: one `AccordionItem` per entry with header, trigger, indicator, and content. */
+export declare const AccordionAnatomy: ({ items, headingLevel, renderContent, }: {
+    items?: AccordionItemData[] | undefined;
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+    renderContent?: ((item: AccordionItemData) => React.ReactNode) | undefined;
+}) => React.JSX.Element;

package/dist/accordion/AccordionAnatomy.d.ts

@@ -0,0 +1,8 @@
+import type * as React from 'react';
+import type { AccordionItem as AccordionItemData } from './types.js';
+/** @internal Derived anatomy: one `AccordionItem` per entry with header, trigger, indicator, and content. */
+export declare const AccordionAnatomy: ({ items, headingLevel, renderContent, }: {
+    items?: AccordionItemData[] | undefined;
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+    renderContent?: ((item: AccordionItemData) => React.ReactNode) | undefined;
+}) => React.JSX.Element;

package/dist/accordion/AccordionContent.d.cts

@@ -1,18 +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` and `hiddenUntilFound` are not two spellings of the same
- * thing. Both keep the panel mounted, but `forceMount` hides it outright
- * (`hidden=""` — out of the accessibility tree and out of find-in-page),
- * while `hiddenUntilFound` renders `hidden="until-found"` so the browser can
- * still search the closed panel's text and reveal it. `hiddenUntilFound`
- * implies `forceMount`.
+ * 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
@@ -24,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,18 +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` and `hiddenUntilFound` are not two spellings of the same
- * thing. Both keep the panel mounted, but `forceMount` hides it outright
- * (`hidden=""` — out of the accessibility tree and out of find-in-page),
- * while `hiddenUntilFound` renders `hidden="until-found"` so the browser can
- * still search the closed panel's text and reveal it. `hiddenUntilFound`
- * implies `forceMount`.
+ * 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
@@ -24,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,15 +1,16 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AccordionHeaderProps } from './types.cjs';
 /**
- * Heading wrapper for an {@link AccordionTrigger}, giving the section an
- * `<h3>` in the accessibility tree. Renders a plain `<h3>` with `data-state`
- * and `data-disabled` mirroring its {@link AccordionItem}.
+ * Heading wrapper for {@link AccordionTrigger} — renders `<h1>`–`<h6>` per `level` (default `3`).
  *
  * @example
  * ```tsx
- * <AccordionHeader>
+ * <AccordionHeader level={5}>
  *   <AccordionTrigger>Section one</AccordionTrigger>
  * </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,15 +1,16 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AccordionHeaderProps } from './types.js';
 /**
- * Heading wrapper for an {@link AccordionTrigger}, giving the section an
- * `<h3>` in the accessibility tree. Renders a plain `<h3>` with `data-state`
- * and `data-disabled` mirroring its {@link AccordionItem}.
+ * Heading wrapper for {@link AccordionTrigger} — renders `<h1>`–`<h6>` per `level` (default `3`).
  *
  * @example
  * ```tsx
- * <AccordionHeader>
+ * <AccordionHeader level={5}>
  *   <AccordionTrigger>Section one</AccordionTrigger>
  * </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

@@ -0,0 +1,19 @@
+import type * as React from 'react';
+import type { AccordionIndicatorProps } from './types.cjs';
+/**
+ * Disclosure indicator inside {@link AccordionTrigger} — a `<span>` carrying `data-state`, `data-disabled` and `data-orientation`; the glyph is your child.
+ *
+ * @example
+ * ```tsx
+ * <AccordionTrigger>
+ *   Section one
+ *   <AccordionIndicator>
+ *     <ChevronDownIcon />
+ *   </AccordionIndicator>
+ * </AccordionTrigger>
+ * ```
+ */
+export declare const AccordionIndicator: {
+    ({ ref: forwardedRef, ...props }: AccordionIndicatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/accordion/AccordionIndicator.d.ts

@@ -0,0 +1,19 @@
+import type * as React from 'react';
+import type { AccordionIndicatorProps } from './types.js';
+/**
+ * Disclosure indicator inside {@link AccordionTrigger} — a `<span>` carrying `data-state`, `data-disabled` and `data-orientation`; the glyph is your child.
+ *
+ * @example
+ * ```tsx
+ * <AccordionTrigger>
+ *   Section one
+ *   <AccordionIndicator>
+ *     <ChevronDownIcon />
+ *   </AccordionIndicator>
+ * </AccordionTrigger>
+ * ```
+ */
+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/index.d.cts

@@ -1,6 +1,3 @@
-export * from './Accordion.cjs';
-export { AccordionItem } from './AccordionItem.cjs';
-export { AccordionHeader } from './AccordionHeader.cjs';
-export { AccordionTrigger } from './AccordionTrigger.cjs';
-export { AccordionContent } from './AccordionContent.cjs';
-export type { AccordionProps, AccordionSingleProps, AccordionMultipleProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionContentProps, } from './types.cjs';
+export { Accordion } from './Accordion.cjs';
+export type { AccordionProps, AccordionItem } from './types.cjs';
+export type { SelectionChangeDetail } from '../utils/useSelection.cjs';

package/dist/accordion/index.d.ts

@@ -1,6 +1,3 @@
-export * from './Accordion.js';
-export { AccordionItem } from './AccordionItem.js';
-export { AccordionHeader } from './AccordionHeader.js';
-export { AccordionTrigger } from './AccordionTrigger.js';
-export { AccordionContent } from './AccordionContent.js';
-export type { AccordionProps, AccordionSingleProps, AccordionMultipleProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionContentProps, } from './types.js';
+export { Accordion } from './Accordion.js';
+export type { AccordionProps, AccordionItem } from './types.js';
+export type { SelectionChangeDetail } from '../utils/useSelection.js';

package/dist/accordion/primitives.d.cts

@@ -0,0 +1,27 @@
+/**
+ * Advanced primitives for `Accordion` — the parts the recipe composes.
+ *
+ * @example
+ * ```tsx
+ * import { Accordion, AccordionContent, AccordionHeader, AccordionIndicator, AccordionItem, AccordionTrigger } from '@skdx/react/primitives/accordion';
+ *
+ * <Accordion type="single" collapsible>
+ *   <AccordionItem value="shipping">
+ *     <AccordionHeader>
+ *       <AccordionTrigger>
+ *         Shipping
+ *         <AccordionIndicator />
+ *       </AccordionTrigger>
+ *     </AccordionHeader>
+ *     <AccordionContent>Ships in 2 days.</AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ * ```
+ */
+export { Accordion } from './Accordion.cjs';
+export { AccordionItem } from './AccordionItem.cjs';
+export { AccordionHeader } from './AccordionHeader.cjs';
+export { AccordionTrigger } from './AccordionTrigger.cjs';
+export { AccordionIndicator } from './AccordionIndicator.cjs';
+export { AccordionContent } from './AccordionContent.cjs';
+export type { AccordionProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionIndicatorProps, AccordionContentProps, } from './types.cjs';

package/dist/accordion/primitives.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Advanced primitives for `Accordion` — the parts the recipe composes.
+ *
+ * @example
+ * ```tsx
+ * import { Accordion, AccordionContent, AccordionHeader, AccordionIndicator, AccordionItem, AccordionTrigger } from '@skdx/react/primitives/accordion';
+ *
+ * <Accordion type="single" collapsible>
+ *   <AccordionItem value="shipping">
+ *     <AccordionHeader>
+ *       <AccordionTrigger>
+ *         Shipping
+ *         <AccordionIndicator />
+ *       </AccordionTrigger>
+ *     </AccordionHeader>
+ *     <AccordionContent>Ships in 2 days.</AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ * ```
+ */
+export { Accordion } from './Accordion.js';
+export { AccordionItem } from './AccordionItem.js';
+export { AccordionHeader } from './AccordionHeader.js';
+export { AccordionTrigger } from './AccordionTrigger.js';
+export { AccordionIndicator } from './AccordionIndicator.js';
+export { AccordionContent } from './AccordionContent.js';
+export type { AccordionProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionIndicatorProps, AccordionContentProps, } from './types.js';