@basic-ui/core 0.0.60 → 0.0.62

package/build/esm/Accordion/AccordionBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionBody.d.ts","sourceRoot":"","sources":["../../../src/Accordion/AccordionBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAOzD,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,+GAuCzB,CAAC"}
+{"version":3,"file":"AccordionBody.d.ts","sourceRoot":"","sources":["../../../src/Accordion/AccordionBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzD,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,+GAazB,CAAC"}

package/build/esm/Accordion/AccordionBody.js

@@ -1,36 +1,16 @@
-import { forwardRef, useState, useEffect, useRef } from 'react';
-import { useAccordionItemContext, useAccordionContext } from './context';
-import { bodyScopeQuery as scopeQuery } from './scopeQuery';
-import { assignMultipleRefs } from '../utils';
+import { forwardRef } from 'react';
+import { CollapsiblePanel } from '../Collapsible';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const AccordionBody = /*#__PURE__*/forwardRef(function AccordionBody(props, forwardedRef) {
   const {
     as: Comp = 'div',
     ...otherProps
   } = props;
-  const accordionItemContext = useAccordionItemContext();
-  const accordionContext = useAccordionContext();
-  const ref = useRef(null);
-  const [index, setIndex] = useState();
-  if (!accordionItemContext) {
-    throw new Error('Missing parent <Accordion /> component');
-  }
-  useEffect(() => {
-    if (accordionContext) {
-      const allHeaders = accordionContext.scope.current.queryAllNodes(scopeQuery);
-      const index = allHeaders.findIndex(e => e === ref.current);
-      setIndex(index);
-    }
-  }, [accordionContext]);
-  const expanded = Boolean(accordionItemContext.expanded || accordionContext && accordionContext.expandedIndex === index);
-  return /*#__PURE__*/_jsx(Comp, {
-    ref: assignMultipleRefs(forwardedRef, ref),
-    ...otherProps,
-    "aria-labelledby": accordionItemContext.headerId,
-    id: accordionItemContext.bodyId,
-    role: "region",
+  return /*#__PURE__*/_jsx(CollapsiblePanel, {
+    as: Comp,
+    ref: forwardedRef,
     "data-accordion-body": "",
-    hidden: expanded ? undefined : 'hidden'
+    ...otherProps
   });
 });
 //# sourceMappingURL=AccordionBody.js.map

package/build/esm/Accordion/AccordionBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionBody.js","names":["forwardRef","useState","useEffect","useRef","useAccordionItemContext","useAccordionContext","bodyScopeQuery","scopeQuery","assignMultipleRefs","jsx","_jsx","AccordionBody","props","forwardedRef","as","Comp","otherProps","accordionItemContext","accordionContext","ref","index","setIndex","Error","allHeaders","scope","current","queryAllNodes","findIndex","e","expanded","Boolean","expandedIndex","headerId","id","bodyId","role","hidden","undefined"],"sources":["../../../src/Accordion/AccordionBody.tsx"],"sourcesContent":["import type { HTMLAttributes, ElementType } from 'react';\nimport { forwardRef, useState, useEffect, useRef } from 'react';\n\nimport { useAccordionItemContext, useAccordionContext } from './context';\nimport { bodyScopeQuery as scopeQuery } from './scopeQuery';\nimport { assignMultipleRefs } from '../utils';\n\nexport interface AccordionBodyProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n}\n\nexport const AccordionBody = forwardRef<HTMLDivElement, AccordionBodyProps>(\n  function AccordionBody(props, forwardedRef) {\n    const { as: Comp = 'div', ...otherProps } = props;\n    const accordionItemContext = useAccordionItemContext();\n    const accordionContext = useAccordionContext();\n    const ref = useRef<HTMLDivElement | null>(null);\n    const [index, setIndex] = useState<number>();\n\n    if (!accordionItemContext) {\n      throw new Error('Missing parent <Accordion /> component');\n    }\n\n    useEffect(() => {\n      if (accordionContext) {\n        const allHeaders =\n          accordionContext.scope.current.queryAllNodes(scopeQuery);\n\n        const index = allHeaders.findIndex((e) => e === ref.current);\n        setIndex(index);\n      }\n    }, [accordionContext]);\n\n    const expanded = Boolean(\n      accordionItemContext.expanded ||\n        (accordionContext && accordionContext.expandedIndex === index)\n    );\n\n    return (\n      <Comp\n        ref={assignMultipleRefs(forwardedRef, ref)}\n        {...otherProps}\n        aria-labelledby={accordionItemContext.headerId}\n        id={accordionItemContext.bodyId}\n        role=\"region\"\n        data-accordion-body=\"\"\n        hidden={expanded ? undefined : 'hidden'}\n      />\n    );\n  }\n);\n"],"mappings":"AACA,SAASA,UAAU,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAE/D,SAASC,uBAAuB,EAAEC,mBAAmB,QAAQ,WAAW;AACxE,SAASC,cAAc,IAAIC,UAAU,QAAQ,cAAc;AAC3D,SAASC,kBAAkB,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO9C,OAAO,MAAMC,aAAa,gBAAGX,UAAU,CACrC,SAASW,aAAaA,CAACC,KAAK,EAAEC,YAAY,EAAE;EAC1C,MAAM;IAAEC,EAAE,EAAEC,IAAI,GAAG,KAAK;IAAE,GAAGC;EAAW,CAAC,GAAGJ,KAAK;EACjD,MAAMK,oBAAoB,GAAGb,uBAAuB,CAAC,CAAC;EACtD,MAAMc,gBAAgB,GAAGb,mBAAmB,CAAC,CAAC;EAC9C,MAAMc,GAAG,GAAGhB,MAAM,CAAwB,IAAI,CAAC;EAC/C,MAAM,CAACiB,KAAK,EAAEC,QAAQ,CAAC,GAAGpB,QAAQ,CAAS,CAAC;EAE5C,IAAI,CAACgB,oBAAoB,EAAE;IACzB,MAAM,IAAIK,KAAK,CAAC,wCAAwC,CAAC;EAC3D;EAEApB,SAAS,CAAC,MAAM;IACd,IAAIgB,gBAAgB,EAAE;MACpB,MAAMK,UAAU,GACdL,gBAAgB,CAACM,KAAK,CAACC,OAAO,CAACC,aAAa,CAACnB,UAAU,CAAC;MAE1D,MAAMa,KAAK,GAAGG,UAAU,CAACI,SAAS,CAAEC,CAAC,IAAKA,CAAC,KAAKT,GAAG,CAACM,OAAO,CAAC;MAC5DJ,QAAQ,CAACD,KAAK,CAAC;IACjB;EACF,CAAC,EAAE,CAACF,gBAAgB,CAAC,CAAC;EAEtB,MAAMW,QAAQ,GAAGC,OAAO,CACtBb,oBAAoB,CAACY,QAAQ,IAC1BX,gBAAgB,IAAIA,gBAAgB,CAACa,aAAa,KAAKX,KAC5D,CAAC;EAED,oBACEV,IAAA,CAACK,IAAI;IACHI,GAAG,EAAEX,kBAAkB,CAACK,YAAY,EAAEM,GAAG,CAAE;IAAA,GACvCH,UAAU;IACd,mBAAiBC,oBAAoB,CAACe,QAAS;IAC/CC,EAAE,EAAEhB,oBAAoB,CAACiB,MAAO;IAChCC,IAAI,EAAC,QAAQ;IACb,uBAAoB,EAAE;IACtBC,MAAM,EAAEP,QAAQ,GAAGQ,SAAS,GAAG;EAAS,CACzC,CAAC;AAEN,CACF,CAAC","ignoreList":[]}
+{"version":3,"file":"AccordionBody.js","names":["forwardRef","CollapsiblePanel","jsx","_jsx","AccordionBody","props","forwardedRef","as","Comp","otherProps","ref"],"sources":["../../../src/Accordion/AccordionBody.tsx"],"sourcesContent":["import type { HTMLAttributes, ElementType } from 'react';\nimport { forwardRef } from 'react';\nimport { CollapsiblePanel } from '../Collapsible';\n\nexport interface AccordionBodyProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n}\n\nexport const AccordionBody = forwardRef<HTMLDivElement, AccordionBodyProps>(\n  function AccordionBody(props, forwardedRef) {\n    const { as: Comp = 'div', ...otherProps } = props;\n\n    return (\n      <CollapsiblePanel\n        as={Comp}\n        ref={forwardedRef}\n        data-accordion-body=\"\"\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":"AACA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,gBAAgB,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOlD,OAAO,MAAMC,aAAa,gBAAGJ,UAAU,CACrC,SAASI,aAAaA,CAACC,KAAK,EAAEC,YAAY,EAAE;EAC1C,MAAM;IAAEC,EAAE,EAAEC,IAAI,GAAG,KAAK;IAAE,GAAGC;EAAW,CAAC,GAAGJ,KAAK;EAEjD,oBACEF,IAAA,CAACF,gBAAgB;IACfM,EAAE,EAAEC,IAAK;IACTE,GAAG,EAAEJ,YAAa;IAClB,uBAAoB,EAAE;IAAA,GAClBG;EAAU,CACf,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

package/build/esm/Accordion/AccordionHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionHeader.d.ts","sourceRoot":"","sources":["../../../src/Accordion/AccordionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,WAAW,EACX,SAAS,EAIV,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1E,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,iHAiJ3B,CAAC"}
+{"version":3,"file":"AccordionHeader.d.ts","sourceRoot":"","sources":["../../../src/Accordion/AccordionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAA6B,MAAM,OAAO,CAAC;AAQ/F,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1E,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,iHA6E3B,CAAC"}

package/build/esm/Accordion/AccordionHeader.js

@@ -1,54 +1,20 @@
-import { forwardRef, useRef, useState, useEffect } from 'react';
-import { wrapEvent, assignMultipleRefs, getCircularIndex } from '../utils';
-import { useAccordionContext, useAccordionItemContext } from './context';
-import { headerScopeQuery as scopeQuery } from './scopeQuery';
+import { forwardRef } from 'react';
+import { wrapEvent, getCircularIndex } from '../utils';
+import { useAccordionContext } from './context';
+import { CollapsibleTrigger } from '../Collapsible';
+import { headerScopeQuery } from './scopeQuery';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const AccordionHeader = /*#__PURE__*/forwardRef(function AccordionHeader(props, forwardedRef) {
   const {
     as: Comp = 'div',
     onKeyDown,
-    onClick: onClickProp,
     onFocus,
     onBlur,
     ...otherProps
   } = props;
   const accordionContext = useAccordionContext();
-  const accordionItemContext = useAccordionItemContext();
-  const ref = useRef(null);
-  const [index, setIndex] = useState();
-  if (!accordionItemContext) {
-    throw new Error('Missing parent <Accordion /> component');
-  }
-  useEffect(() => {
-    if (accordionContext) {
-      const allHeaders = accordionContext.scope.current.queryAllNodes(scopeQuery) || [];
-      const index = allHeaders.findIndex(e => e === ref.current);
-      setIndex(index);
-    }
-  }, [accordionContext]);
-  const onClick = wrapEvent(onClickProp, e => {
-    let index = 0;
-    if (accordionItemContext.expanded) {
-      index = -1;
-    } else if (accordionContext) {
-      const allHeaders = accordionContext.scope.current.queryAllNodes(scopeQuery) || [];
-      index = allHeaders.findIndex(e => e === ref.current);
-      if (index === accordionContext.expandedIndex) {
-        index = -1;
-      }
-      accordionContext.onChange && accordionContext.onChange(e, index);
-    }
-    accordionItemContext.onChange && accordionItemContext.onChange(e, index >= 0);
-  });
   const handleKeyDown = e => {
     switch (e.key) {
-      case 'Enter':
-      case ' ':
-        {
-          onClick(e);
-          e.preventDefault();
-          break;
-        }
       case 'ArrowUp':
       case 'ArrowDown':
       case 'Home':
@@ -57,18 +23,18 @@ export const AccordionHeader = /*#__PURE__*/forwardRef(function AccordionHeader(
           if (!accordionContext) {
             return;
           }
-          const allHeaders = accordionContext.scope.current.queryAllNodes(scopeQuery);
-          e.preventDefault();
+          const allHeaders = accordionContext.scope.current.queryAllNodes(headerScopeQuery);
           if (allHeaders.length === 0) {
             return;
           }
-          let nextIndex = allHeaders.findIndex(e => e === ref.current);
+          e.preventDefault();
+          let nextIndex = allHeaders.findIndex(el => el === e.currentTarget);
           switch (e.key) {
             case 'ArrowUp':
-              nextIndex += -1;
+              nextIndex -= 1;
               break;
             case 'ArrowDown':
-              nextIndex += +1;
+              nextIndex += 1;
               break;
             case 'Home':
               nextIndex = 0;
@@ -77,51 +43,37 @@ export const AccordionHeader = /*#__PURE__*/forwardRef(function AccordionHeader(
               nextIndex = -1;
               break;
           }
-
-          // We're sure it will not be null, because we already checked for allHeaders.length > 0 above
           nextIndex = getCircularIndex(nextIndex, allHeaders.length);
-          allHeaders[nextIndex] && allHeaders[nextIndex].focus();
+          allHeaders[nextIndex]?.focus();
           break;
         }
-      default:
-        return;
     }
   };
   const handleFocus = () => {
-    if (accordionContext) {
-      if (!accordionContext.childrenHeaderHasFocus) {
-        // this is needed to avoid rerendering the parent and
-        // messing up with the internal count for children/parent count
-        accordionContext.setChildrenHeaderHasFocus(true);
-      }
+    if (accordionContext && !accordionContext.childrenHeaderHasFocus) {
+      accordionContext.setChildrenHeaderHasFocus(true);
     }
   };
   const handleBlur = e => {
     if (accordionContext) {
-      const allHeaders = accordionContext.scope.current.queryAllNodes(scopeQuery);
+      const allHeaders = accordionContext.scope.current.queryAllNodes(headerScopeQuery);
       const newFocusIsHeader = allHeaders.findIndex(header => header === e.relatedTarget) >= 0;
-
-      // only remove focus flag if the focus went to some element
-      // that is not an accordion header
       if (!newFocusIsHeader) {
         accordionContext.setChildrenHeaderHasFocus(false);
       }
     }
   };
-  const expanded = Boolean(accordionItemContext.expanded || accordionContext && accordionContext.expandedIndex === index);
-  return /*#__PURE__*/_jsx(Comp, {
-    ref: assignMultipleRefs(ref, forwardedRef),
-    ...otherProps,
-    id: accordionItemContext.headerId,
-    "aria-controls": accordionItemContext.bodyId,
-    role: "button",
+  const isNonButton = Comp !== 'button';
+  return /*#__PURE__*/_jsx(CollapsibleTrigger, {
+    as: Comp,
+    ref: forwardedRef,
     "data-accordion-header": "",
-    tabIndex: "0",
+    role: isNonButton ? 'button' : undefined,
+    tabIndex: isNonButton ? 0 : undefined,
     onKeyDown: wrapEvent(onKeyDown, handleKeyDown),
     onFocus: wrapEvent(onFocus, handleFocus),
     onBlur: wrapEvent(onBlur, handleBlur),
-    onClick: onClick,
-    "aria-expanded": String(expanded)
+    ...otherProps
   });
 });
 //# sourceMappingURL=AccordionHeader.js.map

package/build/esm/Accordion/AccordionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionHeader.js","names":["forwardRef","useRef","useState","useEffect","wrapEvent","assignMultipleRefs","getCircularIndex","useAccordionContext","useAccordionItemContext","headerScopeQuery","scopeQuery","jsx","_jsx","AccordionHeader","props","forwardedRef","as","Comp","onKeyDown","onClick","onClickProp","onFocus","onBlur","otherProps","accordionContext","accordionItemContext","ref","index","setIndex","Error","allHeaders","scope","current","queryAllNodes","findIndex","e","expanded","expandedIndex","onChange","handleKeyDown","key","preventDefault","length","nextIndex","focus","handleFocus","childrenHeaderHasFocus","setChildrenHeaderHasFocus","handleBlur","newFocusIsHeader","header","relatedTarget","Boolean","id","headerId","bodyId","role","tabIndex","String"],"sources":["../../../src/Accordion/AccordionHeader.tsx"],"sourcesContent":["import type {\n  HTMLAttributes,\n  ElementType,\n  ReactNode,\n  MouseEvent,\n  KeyboardEvent,\n  FocusEvent,\n} from 'react';\nimport { forwardRef, useRef, useState, useEffect } from 'react';\n\nimport { wrapEvent, assignMultipleRefs, getCircularIndex } from '../utils';\nimport { useAccordionContext, useAccordionItemContext } from './context';\nimport { headerScopeQuery as scopeQuery } from './scopeQuery';\n\nexport interface AccordionHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n}\n\nexport const AccordionHeader = forwardRef<HTMLDivElement, AccordionHeaderProps>(\n  function AccordionHeader(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      onKeyDown,\n      onClick: onClickProp,\n      onFocus,\n      onBlur,\n      ...otherProps\n    } = props;\n    const accordionContext = useAccordionContext();\n    const accordionItemContext = useAccordionItemContext();\n    const ref = useRef<HTMLDivElement | null>(null);\n    const [index, setIndex] = useState<number | undefined>();\n\n    if (!accordionItemContext) {\n      throw new Error('Missing parent <Accordion /> component');\n    }\n\n    useEffect(() => {\n      if (accordionContext) {\n        const allHeaders =\n          accordionContext.scope.current.queryAllNodes(scopeQuery) || [];\n\n        const index = allHeaders.findIndex((e) => e === ref.current);\n        setIndex(index);\n      }\n    }, [accordionContext]);\n\n    const onClick = wrapEvent(onClickProp, (e: MouseEvent<HTMLDivElement>) => {\n      let index = 0;\n      if (accordionItemContext.expanded) {\n        index = -1;\n      } else if (accordionContext) {\n        const allHeaders =\n          accordionContext.scope.current.queryAllNodes(scopeQuery) || [];\n\n        index = allHeaders.findIndex((e) => e === ref.current);\n        if (index === accordionContext.expandedIndex) {\n          index = -1;\n        }\n        accordionContext.onChange && accordionContext.onChange(e, index);\n      }\n\n      accordionItemContext.onChange &&\n        accordionItemContext.onChange(e, index >= 0);\n    });\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n      switch (e.key) {\n        case 'Enter':\n        case ' ': {\n          onClick(e as unknown as MouseEvent<HTMLDivElement>);\n          e.preventDefault();\n          break;\n        }\n        case 'ArrowUp':\n        case 'ArrowDown':\n        case 'Home':\n        case 'End': {\n          if (!accordionContext) {\n            return;\n          }\n          const allHeaders =\n            accordionContext.scope.current.queryAllNodes(scopeQuery);\n\n          e.preventDefault();\n\n          if (allHeaders.length === 0) {\n            return;\n          }\n\n          let nextIndex = allHeaders.findIndex((e) => e === ref.current);\n          switch (e.key) {\n            case 'ArrowUp':\n              nextIndex += -1;\n              break;\n            case 'ArrowDown':\n              nextIndex += +1;\n              break;\n            case 'Home':\n              nextIndex = 0;\n              break;\n            case 'End':\n              nextIndex = -1;\n              break;\n          }\n\n          // We're sure it will not be null, because we already checked for allHeaders.length > 0 above\n          nextIndex = getCircularIndex(nextIndex, allHeaders.length)!;\n          allHeaders[nextIndex] && allHeaders[nextIndex].focus();\n          break;\n        }\n        default:\n          return;\n      }\n    };\n\n    const handleFocus = () => {\n      if (accordionContext) {\n        if (!accordionContext.childrenHeaderHasFocus) {\n          // this is needed to avoid rerendering the parent and\n          // messing up with the internal count for children/parent count\n          accordionContext.setChildrenHeaderHasFocus(true);\n        }\n      }\n    };\n\n    const handleBlur = (e: FocusEvent<HTMLDivElement>) => {\n      if (accordionContext) {\n        const allHeaders =\n          accordionContext.scope.current.queryAllNodes(scopeQuery);\n        const newFocusIsHeader =\n          allHeaders.findIndex((header) => header === e.relatedTarget) >= 0;\n\n        // only remove focus flag if the focus went to some element\n        // that is not an accordion header\n        if (!newFocusIsHeader) {\n          accordionContext.setChildrenHeaderHasFocus(false);\n        }\n      }\n    };\n\n    const expanded = Boolean(\n      accordionItemContext.expanded ||\n        (accordionContext && accordionContext.expandedIndex === index)\n    );\n\n    return (\n      <Comp\n        ref={assignMultipleRefs(ref, forwardedRef)}\n        {...otherProps}\n        id={accordionItemContext.headerId}\n        aria-controls={accordionItemContext.bodyId}\n        role=\"button\"\n        data-accordion-header=\"\"\n        tabIndex=\"0\"\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n        onFocus={wrapEvent(onFocus, handleFocus)}\n        onBlur={wrapEvent(onBlur, handleBlur)}\n        onClick={onClick}\n        aria-expanded={String(expanded)}\n      />\n    );\n  }\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AccordionHeader.js","names":["forwardRef","wrapEvent","getCircularIndex","useAccordionContext","CollapsibleTrigger","headerScopeQuery","jsx","_jsx","AccordionHeader","props","forwardedRef","as","Comp","onKeyDown","onFocus","onBlur","otherProps","accordionContext","handleKeyDown","e","key","allHeaders","scope","current","queryAllNodes","length","preventDefault","nextIndex","findIndex","el","currentTarget","focus","handleFocus","childrenHeaderHasFocus","setChildrenHeaderHasFocus","handleBlur","newFocusIsHeader","header","relatedTarget","isNonButton","ref","role","undefined","tabIndex"],"sources":["../../../src/Accordion/AccordionHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, ElementType, ReactNode, KeyboardEvent, FocusEvent } from 'react';\nimport { forwardRef } from 'react';\n\nimport { wrapEvent, getCircularIndex } from '../utils';\nimport { useAccordionContext } from './context';\nimport { CollapsibleTrigger } from '../Collapsible';\nimport { headerScopeQuery } from './scopeQuery';\n\nexport interface AccordionHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n}\n\nexport const AccordionHeader = forwardRef<HTMLDivElement, AccordionHeaderProps>(\n  function AccordionHeader(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      onKeyDown,\n      onFocus,\n      onBlur,\n      ...otherProps\n    } = props;\n    \n    const accordionContext = useAccordionContext();\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n      switch (e.key) {\n        case 'ArrowUp':\n        case 'ArrowDown':\n        case 'Home':\n        case 'End': {\n          if (!accordionContext) {\n            return;\n          }\n          const allHeaders = accordionContext.scope.current.queryAllNodes(headerScopeQuery);\n          \n          if (allHeaders.length === 0) {\n            return;\n          }\n\n          e.preventDefault();\n          let nextIndex = allHeaders.findIndex(el => el === e.currentTarget);\n          \n          switch (e.key) {\n            case 'ArrowUp': nextIndex -= 1; break;\n            case 'ArrowDown': nextIndex += 1; break;\n            case 'Home': nextIndex = 0; break;\n            case 'End': nextIndex = -1; break;\n          }\n\n          nextIndex = getCircularIndex(nextIndex, allHeaders.length)!;\n          allHeaders[nextIndex]?.focus();\n          break;\n        }\n      }\n    };\n\n    const handleFocus = () => {\n      if (accordionContext && !accordionContext.childrenHeaderHasFocus) {\n        accordionContext.setChildrenHeaderHasFocus(true);\n      }\n    };\n\n    const handleBlur = (e: FocusEvent<HTMLDivElement>) => {\n      if (accordionContext) {\n        const allHeaders = accordionContext.scope.current.queryAllNodes(headerScopeQuery);\n        const newFocusIsHeader = allHeaders.findIndex(header => header === e.relatedTarget) >= 0;\n        \n        if (!newFocusIsHeader) {\n          accordionContext.setChildrenHeaderHasFocus(false);\n        }\n      }\n    };\n\n    const isNonButton = Comp !== 'button';\n\n    return (\n      <CollapsibleTrigger\n        as={Comp}\n        ref={forwardedRef}\n        data-accordion-header=\"\"\n        role={isNonButton ? 'button' : undefined}\n        tabIndex={isNonButton ? 0 : undefined}\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n        onFocus={wrapEvent(onFocus, handleFocus)}\n        onBlur={wrapEvent(onBlur, handleBlur)}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":"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","ignoreList":[]}

package/build/esm/Accordion/AccordionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,WAAW,EACX,SAAS,EACT,aAAa,EACb,UAAU,EACX,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,GAAG,UAAU,CAAC,cAAc,CAAC,EAC7D,KAAK,EAAE,OAAO,KACX,IAAI,CAAC;CACX;AAED,eAAO,MAAM,aAAa,+GAyBzB,CAAC"}
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAQ/F,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC1F,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,GAAG,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpG;AAED,eAAO,MAAM,aAAa,+GA4CzB,CAAC"}

package/build/esm/Accordion/AccordionItem.js

@@ -1,28 +1,41 @@
-import { Fragment, forwardRef, useId } from 'react';
-import { AccordionItemProvider } from './context';
+import { forwardRef, useRef, useState, useEffect } from 'react';
+import { useAccordionContext } from './context';
+import { Collapsible } from '../Collapsible';
+import { assignMultipleRefs } from '../utils';
+import { itemScopeQuery } from './scopeQuery';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const AccordionItem = /*#__PURE__*/forwardRef(function AccordionItem(props, forwardedRef) {
   const {
-    as: Comp = Fragment,
-    expanded = false,
+    as: Comp = 'div',
+    innerAs,
+    expanded: expandedProp = false,
     onChange,
     ...otherProps
   } = props;
-  const id = useId();
-  const headerId = id ? `accordion-header-${id}` : undefined;
-  const bodyId = id ? `accordion-body-${id}` : undefined;
-  const contextValue = {
-    headerId,
-    bodyId,
-    expanded,
-    onChange
+  const accordionContext = useAccordionContext();
+  const ref = useRef(null);
+  const [index, setIndex] = useState();
+  useEffect(() => {
+    if (accordionContext && ref.current) {
+      const allItems = accordionContext.scope.current.queryAllNodes(itemScopeQuery) || [];
+      setIndex(allItems.findIndex(e => e === ref.current));
+    }
+  }, [accordionContext]);
+  const isExpanded = Boolean(expandedProp || accordionContext && index !== undefined && accordionContext.expandedIndex === index);
+  const handleOpenChange = (e, isOpen) => {
+    onChange?.(e, isOpen);
+    if (accordionContext && index !== undefined) {
+      accordionContext.onChange?.(e, isOpen ? index : -1);
+    }
   };
-  return /*#__PURE__*/_jsx(AccordionItemProvider, {
-    value: contextValue,
-    children: /*#__PURE__*/_jsx(Comp, {
-      ref: forwardedRef,
-      ...otherProps
-    })
+  return /*#__PURE__*/_jsx(Collapsible, {
+    as: Comp,
+    innerAs: innerAs,
+    open: isExpanded,
+    onChange: handleOpenChange,
+    ref: assignMultipleRefs(forwardedRef, ref),
+    "data-accordion-item": "",
+    ...otherProps
   });
 });
 //# sourceMappingURL=AccordionItem.js.map

package/build/esm/Accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","names":["Fragment","forwardRef","useId","AccordionItemProvider","jsx","_jsx","AccordionItem","props","forwardedRef","as","Comp","expanded","onChange","otherProps","id","headerId","undefined","bodyId","contextValue","value","children","ref"],"sources":["../../../src/Accordion/AccordionItem.tsx"],"sourcesContent":["import type {\n  HTMLAttributes,\n  ElementType,\n  ReactNode,\n  KeyboardEvent,\n  MouseEvent,\n} from 'react';\nimport { Fragment, forwardRef, useId } from 'react';\n\nimport type { AccordionItemContextProps } from './context';\nimport { AccordionItemProvider } from './context';\n\nexport interface AccordionItemProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  expanded?: boolean;\n  onChange?: (\n    e: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>,\n    value: boolean\n  ) => void;\n}\n\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(\n  function AccordionItem(props, forwardedRef) {\n    const {\n      as: Comp = Fragment,\n      expanded = false,\n      onChange,\n      ...otherProps\n    } = props;\n    const id = useId();\n\n    const headerId = id ? `accordion-header-${id}` : undefined;\n    const bodyId = id ? `accordion-body-${id}` : undefined;\n    const contextValue: AccordionItemContextProps = {\n      headerId,\n      bodyId,\n      expanded,\n      onChange,\n    };\n\n    return (\n      <AccordionItemProvider value={contextValue}>\n        <Comp ref={forwardedRef} {...otherProps} />\n      </AccordionItemProvider>\n    );\n  }\n);\n"],"mappings":"AAOA,SAASA,QAAQ,EAAEC,UAAU,EAAEC,KAAK,QAAQ,OAAO;AAGnD,SAASC,qBAAqB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAclD,OAAO,MAAMC,aAAa,gBAAGL,UAAU,CACrC,SAASK,aAAaA,CAACC,KAAK,EAAEC,YAAY,EAAE;EAC1C,MAAM;IACJC,EAAE,EAAEC,IAAI,GAAGV,QAAQ;IACnBW,QAAQ,GAAG,KAAK;IAChBC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAGN,KAAK;EACT,MAAMO,EAAE,GAAGZ,KAAK,CAAC,CAAC;EAElB,MAAMa,QAAQ,GAAGD,EAAE,GAAG,oBAAoBA,EAAE,EAAE,GAAGE,SAAS;EAC1D,MAAMC,MAAM,GAAGH,EAAE,GAAG,kBAAkBA,EAAE,EAAE,GAAGE,SAAS;EACtD,MAAME,YAAuC,GAAG;IAC9CH,QAAQ;IACRE,MAAM;IACNN,QAAQ;IACRC;EACF,CAAC;EAED,oBACEP,IAAA,CAACF,qBAAqB;IAACgB,KAAK,EAAED,YAAa;IAAAE,QAAA,eACzCf,IAAA,CAACK,IAAI;MAACW,GAAG,EAAEb,YAAa;MAAA,GAAKK;IAAU,CAAG;EAAC,CACtB,CAAC;AAE5B,CACF,CAAC","ignoreList":[]}
+{"version":3,"file":"AccordionItem.js","names":["forwardRef","useRef","useState","useEffect","useAccordionContext","Collapsible","assignMultipleRefs","itemScopeQuery","jsx","_jsx","AccordionItem","props","forwardedRef","as","Comp","innerAs","expanded","expandedProp","onChange","otherProps","accordionContext","ref","index","setIndex","current","allItems","scope","queryAllNodes","findIndex","e","isExpanded","Boolean","undefined","expandedIndex","handleOpenChange","isOpen","open"],"sources":["../../../src/Accordion/AccordionItem.tsx"],"sourcesContent":["import type { HTMLAttributes, ElementType, ReactNode, KeyboardEvent, MouseEvent } from 'react';\nimport { forwardRef, useRef, useState, useEffect } from 'react';\n\nimport { useAccordionContext } from './context';\nimport { Collapsible } from '../Collapsible';\nimport { assignMultipleRefs } from '../utils';\nimport { itemScopeQuery } from './scopeQuery';\n\nexport interface AccordionItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  expanded?: boolean;\n  onChange?: (e: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>, value: boolean) => void;\n}\n\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(\n  function AccordionItem(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      innerAs,\n      expanded: expandedProp = false,\n      onChange,\n      ...otherProps\n    } = props;\n    \n    const accordionContext = useAccordionContext();\n    const ref = useRef<HTMLDivElement | null>(null);\n    const [index, setIndex] = useState<number | undefined>();\n\n    useEffect(() => {\n      if (accordionContext && ref.current) {\n        const allItems = accordionContext.scope.current.queryAllNodes(itemScopeQuery) || [];\n        setIndex(allItems.findIndex(e => e === ref.current));\n      }\n    }, [accordionContext]);\n\n    const isExpanded = Boolean(\n      expandedProp || (accordionContext && index !== undefined && accordionContext.expandedIndex === index)\n    );\n\n    const handleOpenChange = (e: any, isOpen: boolean) => {\n      onChange?.(e, isOpen);\n      if (accordionContext && index !== undefined) {\n        accordionContext.onChange?.(e, isOpen ? index : -1);\n      }\n    };\n\n    return (\n      <Collapsible\n        as={Comp}\n        innerAs={innerAs}\n        open={isExpanded}\n        onChange={handleOpenChange}\n        ref={assignMultipleRefs(forwardedRef, ref)}\n        data-accordion-item=\"\"\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":"AACA,SAASA,UAAU,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAE/D,SAASC,mBAAmB,QAAQ,WAAW;AAC/C,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,kBAAkB,QAAQ,UAAU;AAC7C,SAASC,cAAc,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU9C,OAAO,MAAMC,aAAa,gBAAGV,UAAU,CACrC,SAASU,aAAaA,CAACC,KAAK,EAAEC,YAAY,EAAE;EAC1C,MAAM;IACJC,EAAE,EAAEC,IAAI,GAAG,KAAK;IAChBC,OAAO;IACPC,QAAQ,EAAEC,YAAY,GAAG,KAAK;IAC9BC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,MAAMS,gBAAgB,GAAGhB,mBAAmB,CAAC,CAAC;EAC9C,MAAMiB,GAAG,GAAGpB,MAAM,CAAwB,IAAI,CAAC;EAC/C,MAAM,CAACqB,KAAK,EAAEC,QAAQ,CAAC,GAAGrB,QAAQ,CAAqB,CAAC;EAExDC,SAAS,CAAC,MAAM;IACd,IAAIiB,gBAAgB,IAAIC,GAAG,CAACG,OAAO,EAAE;MACnC,MAAMC,QAAQ,GAAGL,gBAAgB,CAACM,KAAK,CAACF,OAAO,CAACG,aAAa,CAACpB,cAAc,CAAC,IAAI,EAAE;MACnFgB,QAAQ,CAACE,QAAQ,CAACG,SAAS,CAACC,CAAC,IAAIA,CAAC,KAAKR,GAAG,CAACG,OAAO,CAAC,CAAC;IACtD;EACF,CAAC,EAAE,CAACJ,gBAAgB,CAAC,CAAC;EAEtB,MAAMU,UAAU,GAAGC,OAAO,CACxBd,YAAY,IAAKG,gBAAgB,IAAIE,KAAK,KAAKU,SAAS,IAAIZ,gBAAgB,CAACa,aAAa,KAAKX,KACjG,CAAC;EAED,MAAMY,gBAAgB,GAAGA,CAACL,CAAM,EAAEM,MAAe,KAAK;IACpDjB,QAAQ,GAAGW,CAAC,EAAEM,MAAM,CAAC;IACrB,IAAIf,gBAAgB,IAAIE,KAAK,KAAKU,SAAS,EAAE;MAC3CZ,gBAAgB,CAACF,QAAQ,GAAGW,CAAC,EAAEM,MAAM,GAAGb,KAAK,GAAG,CAAC,CAAC,CAAC;IACrD;EACF,CAAC;EAED,oBACEb,IAAA,CAACJ,WAAW;IACVQ,EAAE,EAAEC,IAAK;IACTC,OAAO,EAAEA,OAAQ;IACjBqB,IAAI,EAAEN,UAAW;IACjBZ,QAAQ,EAAEgB,gBAAiB;IAC3Bb,GAAG,EAAEf,kBAAkB,CAACM,YAAY,EAAES,GAAG,CAAE;IAC3C,uBAAoB,EAAE;IAAA,GAClBF;EAAU,CACf,CAAC;AAEN,CACF,CAAC","ignoreList":[]}

package/build/esm/Accordion/context.d.ts

@@ -9,12 +9,4 @@ export interface AccordionContextProps {
 }
 export declare const AccordionProvider: import("react").Provider<AccordionContextProps | null>;
 export declare const useAccordionContext: () => AccordionContextProps | null;
-export interface AccordionItemContextProps {
-    headerId: string | undefined;
-    bodyId: string | undefined;
-    expanded: boolean;
-    onChange?: (e: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>, value: boolean) => void;
-}
-export declare const AccordionItemProvider: import("react").Provider<AccordionItemContextProps | null>;
-export declare const useAccordionItemContext: () => AccordionItemContextProps | null;
 //# sourceMappingURL=context.d.ts.map

package/build/esm/Accordion/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/Accordion/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG/C,MAAM,WAAW,qBAAqB;IACpC,sBAAsB,EAAE,OAAO,CAAC;IAChC,yBAAyB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,GAAG,UAAU,CAAC,cAAc,CAAC,EAC7D,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;CACX;AAGD,eAAO,MAAkB,iBAAiB,wDAAqB,CAAC;AAChE,eAAO,MAAM,mBAAmB,oCAAqC,CAAC;AAGtE,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,GAAG,UAAU,CAAC,cAAc,CAAC,EAC7D,KAAK,EAAE,OAAO,KACX,IAAI,CAAC;CACX;AAKD,eAAO,MAAkB,qBAAqB,4DAAyB,CAAC;AACxE,eAAO,MAAM,uBAAuB,wCAAyC,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/Accordion/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,MAAM,WAAW,qBAAqB;IACpC,sBAAsB,EAAE,OAAO,CAAC;IAChC,yBAAyB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,GAAG,UAAU,CAAC,cAAc,CAAC,EAC7D,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;CACX;AAGD,eAAO,MAAkB,iBAAiB,wDAAqB,CAAC;AAChE,eAAO,MAAM,mBAAmB,oCAAqC,CAAC"}

package/build/esm/Accordion/context.js

@@ -1,18 +1,7 @@
 import { useContext, createContext } from 'react';
-
-// AccordionGroup Component
-
 const accordionContext = /*#__PURE__*/createContext(null);
 export const {
   Provider: AccordionProvider
 } = accordionContext;
 export const useAccordionContext = () => useContext(accordionContext);
-
-// Accordion Component
-
-const accordionItemContext = /*#__PURE__*/createContext(null);
-export const {
-  Provider: AccordionItemProvider
-} = accordionItemContext;
-export const useAccordionItemContext = () => useContext(accordionItemContext);
 //# sourceMappingURL=context.js.map

package/build/esm/Accordion/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["useContext","createContext","accordionContext","Provider","AccordionProvider","useAccordionContext","accordionItemContext","AccordionItemProvider","useAccordionItemContext"],"sources":["../../../src/Accordion/context.ts"],"sourcesContent":["import type { KeyboardEvent, MouseEvent } from 'react';\nimport { useContext, createContext } from 'react';\n\nimport type { Scope } from '../hooks/useScope';\n\n// AccordionGroup Component\nexport interface AccordionContextProps {\n  childrenHeaderHasFocus: boolean;\n  setChildrenHeaderHasFocus: (value: boolean) => void;\n  scope: Scope<HTMLElement>;\n  expandedIndex: number;\n  onChange?: (\n    e: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>,\n    index: number\n  ) => void;\n}\n\nconst accordionContext = createContext<AccordionContextProps | null>(null);\nexport const { Provider: AccordionProvider } = accordionContext;\nexport const useAccordionContext = () => useContext(accordionContext);\n\n// Accordion Component\nexport interface AccordionItemContextProps {\n  headerId: string | undefined;\n  bodyId: string | undefined;\n  expanded: boolean;\n  onChange?: (\n    e: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>,\n    value: boolean\n  ) => void;\n}\n\nconst accordionItemContext = createContext<AccordionItemContextProps | null>(\n  null\n);\nexport const { Provider: AccordionItemProvider } = accordionItemContext;\nexport const useAccordionItemContext = () => useContext(accordionItemContext);\n"],"mappings":"AACA,SAASA,UAAU,EAAEC,aAAa,QAAQ,OAAO;;AAIjD;;AAYA,MAAMC,gBAAgB,gBAAGD,aAAa,CAA+B,IAAI,CAAC;AAC1E,OAAO,MAAM;EAAEE,QAAQ,EAAEC;AAAkB,CAAC,GAAGF,gBAAgB;AAC/D,OAAO,MAAMG,mBAAmB,GAAGA,CAAA,KAAML,UAAU,CAACE,gBAAgB,CAAC;;AAErE;;AAWA,MAAMI,oBAAoB,gBAAGL,aAAa,CACxC,IACF,CAAC;AACD,OAAO,MAAM;EAAEE,QAAQ,EAAEI;AAAsB,CAAC,GAAGD,oBAAoB;AACvE,OAAO,MAAME,uBAAuB,GAAGA,CAAA,KAAMR,UAAU,CAACM,oBAAoB,CAAC","ignoreList":[]}
+{"version":3,"file":"context.js","names":["useContext","createContext","accordionContext","Provider","AccordionProvider","useAccordionContext"],"sources":["../../../src/Accordion/context.ts"],"sourcesContent":["import type { KeyboardEvent, MouseEvent } from 'react';\nimport { useContext, createContext } from 'react';\n\nimport type { Scope } from '../hooks/useScope';\n\nexport interface AccordionContextProps {\n  childrenHeaderHasFocus: boolean;\n  setChildrenHeaderHasFocus: (value: boolean) => void;\n  scope: Scope<HTMLElement>;\n  expandedIndex: number;\n  onChange?: (\n    e: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>,\n    index: number\n  ) => void;\n}\n\nconst accordionContext = createContext<AccordionContextProps | null>(null);\nexport const { Provider: AccordionProvider } = accordionContext;\nexport const useAccordionContext = () => useContext(accordionContext);\n"],"mappings":"AACA,SAASA,UAAU,EAAEC,aAAa,QAAQ,OAAO;AAejD,MAAMC,gBAAgB,gBAAGD,aAAa,CAA+B,IAAI,CAAC;AAC1E,OAAO,MAAM;EAAEE,QAAQ,EAAEC;AAAkB,CAAC,GAAGF,gBAAgB;AAC/D,OAAO,MAAMG,mBAAmB,GAAGA,CAAA,KAAML,UAAU,CAACE,gBAAgB,CAAC","ignoreList":[]}

package/build/esm/Accordion/scopeQuery.d.ts

@@ -1,3 +1,4 @@
 export declare function headerScopeQuery(type: string, props: Record<string, unknown>): boolean;
 export declare function bodyScopeQuery(type: string, props: Record<string, unknown>): boolean;
+export declare function itemScopeQuery(type: string, props: Record<string, unknown>): boolean;
 //# sourceMappingURL=scopeQuery.d.ts.map

package/build/esm/Accordion/scopeQuery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scopeQuery.d.ts","sourceRoot":"","sources":["../../../src/Accordion/scopeQuery.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,WAE5E;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,WAE1E"}
+{"version":3,"file":"scopeQuery.d.ts","sourceRoot":"","sources":["../../../src/Accordion/scopeQuery.ts"],"names":[],"mappings":"AAAA,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,WAE5E;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,WAE1E;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,WAE1E"}

package/build/esm/Accordion/scopeQuery.js

@@ -4,4 +4,7 @@ export function headerScopeQuery(type, props) {
 export function bodyScopeQuery(type, props) {
   return props['data-accordion-body'] === '';
 }
+export function itemScopeQuery(type, props) {
+  return props['data-accordion-item'] === '';
+}
 //# sourceMappingURL=scopeQuery.js.map

package/build/esm/Accordion/scopeQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"scopeQuery.js","names":["headerScopeQuery","type","props","bodyScopeQuery"],"sources":["../../../src/Accordion/scopeQuery.ts"],"sourcesContent":["export function headerScopeQuery(type: string, props: Record<string, unknown>) {\n  return props['data-accordion-header'] === '';\n}\n\nexport function bodyScopeQuery(type: string, props: Record<string, unknown>) {\n  return props['data-accordion-body'] === '';\n}\n"],"mappings":"AAAA,OAAO,SAASA,gBAAgBA,CAACC,IAAY,EAAEC,KAA8B,EAAE;EAC7E,OAAOA,KAAK,CAAC,uBAAuB,CAAC,KAAK,EAAE;AAC9C;AAEA,OAAO,SAASC,cAAcA,CAACF,IAAY,EAAEC,KAA8B,EAAE;EAC3E,OAAOA,KAAK,CAAC,qBAAqB,CAAC,KAAK,EAAE;AAC5C","ignoreList":[]}
+{"version":3,"file":"scopeQuery.js","names":["headerScopeQuery","type","props","bodyScopeQuery","itemScopeQuery"],"sources":["../../../src/Accordion/scopeQuery.ts"],"sourcesContent":["export function headerScopeQuery(type: string, props: Record<string, unknown>) {\n  return props['data-accordion-header'] === '';\n}\n\nexport function bodyScopeQuery(type: string, props: Record<string, unknown>) {\n  return props['data-accordion-body'] === '';\n}\n\nexport function itemScopeQuery(type: string, props: Record<string, unknown>) {\n  return props['data-accordion-item'] === '';\n}\n"],"mappings":"AAAA,OAAO,SAASA,gBAAgBA,CAACC,IAAY,EAAEC,KAA8B,EAAE;EAC7E,OAAOA,KAAK,CAAC,uBAAuB,CAAC,KAAK,EAAE;AAC9C;AAEA,OAAO,SAASC,cAAcA,CAACF,IAAY,EAAEC,KAA8B,EAAE;EAC3E,OAAOA,KAAK,CAAC,qBAAqB,CAAC,KAAK,EAAE;AAC5C;AAEA,OAAO,SAASE,cAAcA,CAACH,IAAY,EAAEC,KAA8B,EAAE;EAC3E,OAAOA,KAAK,CAAC,qBAAqB,CAAC,KAAK,EAAE;AAC5C","ignoreList":[]}

package/build/esm/Collapsible/Collapsible.d.ts

@@ -0,0 +1,13 @@
+import type { ElementType, ReactNode, SyntheticEvent, MouseEvent as ReactMouseEvent, KeyboardEvent as ReactKeyboardEvent, HTMLAttributes } from 'react';
+export type CollapsibleTriggerEvent = ReactKeyboardEvent<any> | ReactMouseEvent<any> | Event | SyntheticEvent<any>;
+export interface CollapsibleProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onChange?: (e: CollapsibleTriggerEvent, isOpen: boolean) => void;
+    disabled?: boolean;
+}
+export declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsibleProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Collapsible.d.ts.map

package/build/esm/Collapsible/Collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,IAAI,eAAe,EAAE,aAAa,IAAI,kBAAkB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKxJ,MAAM,MAAM,uBAAuB,GAC/B,kBAAkB,CAAC,GAAG,CAAC,GACvB,eAAe,CAAC,GAAG,CAAC,GACpB,KAAK,GACL,cAAc,CAAC,GAAG,CAAC,CAAC;AAExB,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACrF,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,uBAAuB,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,0GAyDvB,CAAC"}

package/build/esm/Collapsible/Collapsible.js

@@ -0,0 +1,53 @@
+import { forwardRef, Fragment, useState, useCallback } from 'react';
+import { CollapsibleProvider } from './context';
+import { useControlledState, useTransitionStatus } from '../hooks';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Collapsible = /*#__PURE__*/forwardRef(function Collapsible(props, forwardedRef) {
+  const {
+    as: Comp = 'div',
+    innerAs,
+    open: openProp,
+    defaultOpen = false,
+    onChange: onChangeProp,
+    disabled = false,
+    ...otherProps
+  } = props;
+  const [openState, setOpenState] = useControlledState(openProp, onChangeProp, defaultOpen, setState => (e, isOpen) => {
+    setState(isOpen);
+  });
+  const [panelId, setPanelId] = useState();
+  const {
+    mounted,
+    setMounted,
+    transitionStatus
+  } = useTransitionStatus(openState, true, true);
+  const onChange = useCallback((e, isOpen) => {
+    if (!disabled) {
+      setOpenState(e, isOpen);
+    }
+  }, [setOpenState, disabled]);
+  const contextValue = {
+    open: openState,
+    mounted,
+    transitionStatus,
+    setMounted,
+    panelId,
+    disabled,
+    onChange,
+    setPanelId
+  };
+  return /*#__PURE__*/_jsx(CollapsibleProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ...(Comp !== Fragment ? {
+        as: innerAs,
+        ref: forwardedRef
+      } : {}),
+      "data-open": openState ? '' : undefined,
+      "data-disabled": disabled ? '' : undefined,
+      "data-state": openState ? 'open' : 'closed',
+      ...otherProps
+    })
+  });
+});
+//# sourceMappingURL=Collapsible.js.map

package/build/esm/Collapsible/Collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","names":["forwardRef","Fragment","useState","useCallback","CollapsibleProvider","useControlledState","useTransitionStatus","jsx","_jsx","Collapsible","props","forwardedRef","as","Comp","innerAs","open","openProp","defaultOpen","onChange","onChangeProp","disabled","otherProps","openState","setOpenState","setState","e","isOpen","panelId","setPanelId","mounted","setMounted","transitionStatus","contextValue","value","children","ref","undefined"],"sources":["../../../src/Collapsible/Collapsible.tsx"],"sourcesContent":["import type { ElementType, ReactNode, SyntheticEvent, MouseEvent as ReactMouseEvent, KeyboardEvent as ReactKeyboardEvent, HTMLAttributes } from 'react';\nimport { forwardRef, Fragment, useState, useCallback } from 'react';\nimport { CollapsibleProvider } from './context';\nimport { useControlledState, useTransitionStatus } from '../hooks';\n\nexport type CollapsibleTriggerEvent =\n  | ReactKeyboardEvent<any>\n  | ReactMouseEvent<any>\n  | Event\n  | SyntheticEvent<any>;\n\nexport interface CollapsibleProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onChange?: (e: CollapsibleTriggerEvent, isOpen: boolean) => void;\n  disabled?: boolean;\n}\n\nexport const Collapsible = forwardRef<HTMLElement, CollapsibleProps>(\n  function Collapsible(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      innerAs,\n      open: openProp,\n      defaultOpen = false,\n      onChange: onChangeProp,\n      disabled = false,\n      ...otherProps\n    } = props;\n\n    const [openState, setOpenState] = useControlledState(\n      openProp,\n      onChangeProp,\n      defaultOpen,\n      (setState) => (e, isOpen) => {\n        setState(isOpen);\n      }\n    );\n\n    const [panelId, setPanelId] = useState<string | undefined>();\n\n    const { mounted, setMounted, transitionStatus } = useTransitionStatus(openState, true, true);\n\n    const onChange = useCallback(\n      (e: CollapsibleTriggerEvent, isOpen: boolean) => {\n        if (!disabled) {\n          setOpenState(e, isOpen);\n        }\n      },\n      [setOpenState, disabled]\n    );\n\n    const contextValue = {\n      open: openState,\n      mounted,\n      transitionStatus,\n      setMounted,\n      panelId,\n      disabled,\n      onChange,\n      setPanelId,\n    };\n\n    return (\n      <CollapsibleProvider value={contextValue}>\n        <Comp\n          {...(Comp !== Fragment ? { as: innerAs, ref: forwardedRef } : {})}\n          data-open={openState ? '' : undefined}\n          data-disabled={disabled ? '' : undefined}\n          data-state={openState ? 'open' : 'closed'}\n          {...otherProps}\n        />\n      </CollapsibleProvider>\n    );\n  }\n);\n"],"mappings":"AACA,SAASA,UAAU,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,WAAW,QAAQ,OAAO;AACnE,SAASC,mBAAmB,QAAQ,WAAW;AAC/C,SAASC,kBAAkB,EAAEC,mBAAmB,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAkBnE,OAAO,MAAMC,WAAW,gBAAGT,UAAU,CACnC,SAASS,WAAWA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACxC,MAAM;IACJC,EAAE,EAAEC,IAAI,GAAG,KAAK;IAChBC,OAAO;IACPC,IAAI,EAAEC,QAAQ;IACdC,WAAW,GAAG,KAAK;IACnBC,QAAQ,EAAEC,YAAY;IACtBC,QAAQ,GAAG,KAAK;IAChB,GAAGC;EACL,CAAC,GAAGX,KAAK;EAET,MAAM,CAACY,SAAS,EAAEC,YAAY,CAAC,GAAGlB,kBAAkB,CAClDW,QAAQ,EACRG,YAAY,EACZF,WAAW,EACVO,QAAQ,IAAK,CAACC,CAAC,EAAEC,MAAM,KAAK;IAC3BF,QAAQ,CAACE,MAAM,CAAC;EAClB,CACF,CAAC;EAED,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG1B,QAAQ,CAAqB,CAAC;EAE5D,MAAM;IAAE2B,OAAO;IAAEC,UAAU;IAAEC;EAAiB,CAAC,GAAGzB,mBAAmB,CAACgB,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC;EAE5F,MAAMJ,QAAQ,GAAGf,WAAW,CAC1B,CAACsB,CAA0B,EAAEC,MAAe,KAAK;IAC/C,IAAI,CAACN,QAAQ,EAAE;MACbG,YAAY,CAACE,CAAC,EAAEC,MAAM,CAAC;IACzB;EACF,CAAC,EACD,CAACH,YAAY,EAAEH,QAAQ,CACzB,CAAC;EAED,MAAMY,YAAY,GAAG;IACnBjB,IAAI,EAAEO,SAAS;IACfO,OAAO;IACPE,gBAAgB;IAChBD,UAAU;IACVH,OAAO;IACPP,QAAQ;IACRF,QAAQ;IACRU;EACF,CAAC;EAED,oBACEpB,IAAA,CAACJ,mBAAmB;IAAC6B,KAAK,EAAED,YAAa;IAAAE,QAAA,eACvC1B,IAAA,CAACK,IAAI;MAAA,IACEA,IAAI,KAAKZ,QAAQ,GAAG;QAAEW,EAAE,EAAEE,OAAO;QAAEqB,GAAG,EAAExB;MAAa,CAAC,GAAG,CAAC,CAAC;MAChE,aAAWW,SAAS,GAAG,EAAE,GAAGc,SAAU;MACtC,iBAAehB,QAAQ,GAAG,EAAE,GAAGgB,SAAU;MACzC,cAAYd,SAAS,GAAG,MAAM,GAAG,QAAS;MAAA,GACtCD;IAAU,CACf;EAAC,CACiB,CAAC;AAE1B,CACF,CAAC","ignoreList":[]}

package/build/esm/Collapsible/CollapsiblePanel.d.ts

@@ -0,0 +1,10 @@
+import type { ElementType, ReactNode, HTMLAttributes } from 'react';
+export interface CollapsiblePanelProps extends HTMLAttributes<HTMLElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: ReactNode;
+    id?: string;
+    keepMounted?: boolean;
+}
+export declare const CollapsiblePanel: import("react").ForwardRefExoticComponent<CollapsiblePanelProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=CollapsiblePanel.d.ts.map

package/build/esm/Collapsible/CollapsiblePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsiblePanel.d.ts","sourceRoot":"","sources":["../../../src/Collapsible/CollapsiblePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKpE,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACxE,EAAE,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,+GAyF5B,CAAC"}