@skdx/react 0.26.0 → 0.28.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

@@ -22,12 +22,12 @@ React 18 or 19 is required (`react` and `react-dom` are peer dependencies). The
 ```tsx
 import {
   Dialog,
-  DialogTrigger,
-  DialogPortal,
-  DialogOverlay,
+  DialogClose,
   DialogContent,
+  DialogOverlay,
+  DialogPortal,
   DialogTitle,
-  DialogClose,
+  DialogTrigger,
 } from '@skdx/react';
 
 <Dialog>

package/dist/accordion/Accordion.cjs

@@ -1 +1 @@
-"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 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});

package/dist/accordion/Accordion.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { AccordionContextValue } from './types.cjs';
+import type { AccordionContextValue, AccordionProps } from './types.cjs';
 export declare const AccordionProvider: {
     (props: AccordionContextValue & {
         children: React.ReactNode;
@@ -7,32 +7,22 @@ export declare const AccordionProvider: {
     displayName: string;
 }, 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: React.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/accordion/Accordion.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { AccordionContextValue } from './types.js';
+import type { AccordionContextValue, AccordionProps } from './types.js';
 export declare const AccordionProvider: {
     (props: AccordionContextValue & {
         children: React.ReactNode;
@@ -7,32 +7,22 @@ export declare const AccordionProvider: {
     displayName: string;
 }, 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: React.ForwardRefExoticComponent<Omit<AccordionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/accordion/Accordion.js

@@ -1 +1 @@
-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};
+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};

package/dist/accordion/AccordionAnatomy.d.cts

@@ -0,0 +1,14 @@
+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
+ */
+export declare const AccordionAnatomy: ({ items, headingLevel, renderContent, }: {
+    items?: AccordionItemData[];
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+    renderContent?: (item: AccordionItemData) => React.ReactNode;
+}) => React.JSX.Element;

package/dist/accordion/AccordionAnatomy.d.ts

@@ -0,0 +1,14 @@
+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
+ */
+export declare const AccordionAnatomy: ({ items, headingLevel, renderContent, }: {
+    items?: AccordionItemData[];
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+    renderContent?: (item: AccordionItemData) => React.ReactNode;
+}) => React.JSX.Element;

package/dist/accordion/AccordionContent.d.cts

@@ -7,12 +7,11 @@ import type { AccordionContentProps } from './types.cjs';
  * `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`.
+ * `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).
  *
  * @example
  * ```tsx

package/dist/accordion/AccordionContent.d.ts

@@ -7,12 +7,11 @@ import type { AccordionContentProps } from './types.js';
  * `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`.
+ * `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).
  *
  * @example
  * ```tsx

package/dist/accordion/AccordionHeader.d.cts

@@ -1,13 +1,13 @@
 import * 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`).
+ *
+ * Set `level` to match the document outline — wrong value skips a level for heading navigation.
  *
  * @example
  * ```tsx
- * <AccordionHeader>
+ * <AccordionHeader level={5}>
  *   <AccordionTrigger>Section one</AccordionTrigger>
  * </AccordionHeader>
  * ```

package/dist/accordion/AccordionHeader.d.ts

@@ -1,13 +1,13 @@
 import * 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`).
+ *
+ * Set `level` to match the document outline — wrong value skips a level for heading navigation.
  *
  * @example
  * ```tsx
- * <AccordionHeader>
+ * <AccordionHeader level={5}>
  *   <AccordionTrigger>Section one</AccordionTrigger>
  * </AccordionHeader>
  * ```

package/dist/accordion/AccordionIndicator.d.cts

@@ -0,0 +1,16 @@
+import * 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.
+ *
+ * @example
+ * ```tsx
+ * <AccordionTrigger>
+ *   Section one
+ *   <AccordionIndicator>
+ *     <ChevronDownIcon />
+ *   </AccordionIndicator>
+ * </AccordionTrigger>
+ * ```
+ */
+export declare const AccordionIndicator: React.ForwardRefExoticComponent<Omit<AccordionIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/accordion/AccordionIndicator.d.ts

@@ -0,0 +1,16 @@
+import * 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.
+ *
+ * @example
+ * ```tsx
+ * <AccordionTrigger>
+ *   Section one
+ *   <AccordionIndicator>
+ *     <ChevronDownIcon />
+ *   </AccordionIndicator>
+ * </AccordionTrigger>
+ * ```
+ */
+export declare const AccordionIndicator: React.ForwardRefExoticComponent<Omit<AccordionIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

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';