@basic-ui/core 0.0.54 → 0.0.57

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

@@ -1,9 +1,9 @@
-import type { ElementType, HTMLAttributes, KeyboardEvent, MouseEvent, ReactNode } from 'react';
-export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    children?: ReactNode;
-    expandedIndex?: number;
-    onChange?: (e: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>, index: number) => void;
-}
-export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<HTMLDivElement>>;
+import type { ElementType, HTMLAttributes, KeyboardEvent, MouseEvent, ReactNode } from 'react';
+export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: ReactNode;
+    expandedIndex?: number;
+    onChange?: (e: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>, index: number) => void;
+}
+export declare const Accordion: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Accordion/Accordion.js

@@ -1,42 +1,33 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "expandedIndex", "onChange"];
 import { forwardRef, useRef, useState } from 'react';
 import { AccordionProvider } from './context';
 import { useScope } from '../hooks';
 import { assignMultipleRefs } from '../utils';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var Accordion = /*#__PURE__*/forwardRef(function Accordion(props, forwardedRef) {
-  var _props$as = props.as,
-      Comp = _props$as === void 0 ? 'div' : _props$as,
-      _props$expandedIndex = props.expandedIndex,
-      expandedIndex = _props$expandedIndex === void 0 ? -1 : _props$expandedIndex,
-      onChange = props.onChange,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      childrenHeaderHasFocus = _useState2[0],
-      setChildrenHeaderHasFocus = _useState2[1];
-
-  var ref = useRef();
-  var scope = useScope(ref);
-  var contextValue = {
-    childrenHeaderHasFocus: childrenHeaderHasFocus,
-    setChildrenHeaderHasFocus: setChildrenHeaderHasFocus,
-    scope: scope,
-    expandedIndex: expandedIndex,
-    onChange: onChange
+export const Accordion = /*#__PURE__*/forwardRef(function Accordion(props, forwardedRef) {
+  const {
+    as: Comp = 'div',
+    expandedIndex = -1,
+    onChange,
+    ...otherProps
+  } = props;
+  const [childrenHeaderHasFocus, setChildrenHeaderHasFocus] = useState(false);
+  const ref = useRef(null);
+  const scope = useScope(ref);
+  const contextValue = {
+    childrenHeaderHasFocus,
+    setChildrenHeaderHasFocus,
+    scope,
+    expandedIndex,
+    onChange
   };
   return /*#__PURE__*/_jsx(AccordionProvider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(Comp, _extends(_extends({
-      ref: assignMultipleRefs(forwardedRef, ref)
-    }, otherProps), {}, {
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: assignMultipleRefs(forwardedRef, ref),
+      ...otherProps,
       "data-accordion-root": "",
       "data-children-has-focus": childrenHeaderHasFocus
-    }))
+    })
   });
 });
 //# sourceMappingURL=Accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["forwardRef","useRef","useState","AccordionProvider","useScope","assignMultipleRefs","Accordion","props","forwardedRef","as","Comp","expandedIndex","onChange","otherProps","childrenHeaderHasFocus","setChildrenHeaderHasFocus","ref","scope","contextValue"],"sources":["../../../src/Accordion/Accordion.tsx"],"sourcesContent":["import type {\r\n  ElementType,\r\n  HTMLAttributes,\r\n  KeyboardEvent,\r\n  MouseEvent,\r\n  ReactNode,\r\n} from 'react';\r\nimport { forwardRef, useRef, useState } from 'react';\r\n\r\nimport type { AccordionContextProps } from './context';\r\nimport { AccordionProvider } from './context';\r\nimport { useScope } from '../hooks';\r\nimport { assignMultipleRefs } from '../utils';\r\n\r\nexport interface AccordionProps\r\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  children?: ReactNode;\r\n  expandedIndex?: number;\r\n  onChange?: (\r\n    e: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>,\r\n    index: number\r\n  ) => void;\r\n}\r\n\r\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\r\n  function Accordion(props, forwardedRef) {\r\n    const {\r\n      as: Comp = 'div',\r\n      expandedIndex = -1,\r\n      onChange,\r\n      ...otherProps\r\n    } = props;\r\n    const [childrenHeaderHasFocus, setChildrenHeaderHasFocus] = useState(false);\r\n    const ref = useRef<HTMLDivElement>();\r\n\r\n    const scope = useScope(ref);\r\n\r\n    const contextValue: AccordionContextProps = {\r\n      childrenHeaderHasFocus,\r\n      setChildrenHeaderHasFocus,\r\n      scope,\r\n      expandedIndex,\r\n      onChange,\r\n    };\r\n\r\n    return (\r\n      <AccordionProvider value={contextValue}>\r\n        <Comp\r\n          ref={assignMultipleRefs(forwardedRef, ref)}\r\n          {...otherProps}\r\n          data-accordion-root=\"\"\r\n          data-children-has-focus={childrenHeaderHasFocus}\r\n        />\r\n      </AccordionProvider>\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;;AAOA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,QAA7B,QAA6C,OAA7C;AAGA,SAASC,iBAAT,QAAkC,WAAlC;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAcA,OAAO,IAAMC,SAAS,gBAAGN,UAAU,CACjC,SAASM,SAAT,CAAmBC,KAAnB,EAA0BC,YAA1B,EAAwC;EACtC,gBAKID,KALJ,CACEE,EADF;EAAA,IACMC,IADN,0BACa,KADb;EAAA,2BAKIH,KALJ,CAEEI,aAFF;EAAA,IAEEA,aAFF,qCAEkB,CAAC,CAFnB;EAAA,IAGEC,QAHF,GAKIL,KALJ,CAGEK,QAHF;EAAA,IAIKC,UAJL,4BAKIN,KALJ;;EAMA,gBAA4DL,QAAQ,CAAC,KAAD,CAApE;EAAA;EAAA,IAAOY,sBAAP;EAAA,IAA+BC,yBAA/B;;EACA,IAAMC,GAAG,GAAGf,MAAM,EAAlB;EAEA,IAAMgB,KAAK,GAAGb,QAAQ,CAACY,GAAD,CAAtB;EAEA,IAAME,YAAmC,GAAG;IAC1CJ,sBAAsB,EAAtBA,sBAD0C;IAE1CC,yBAAyB,EAAzBA,yBAF0C;IAG1CE,KAAK,EAALA,KAH0C;IAI1CN,aAAa,EAAbA,aAJ0C;IAK1CC,QAAQ,EAARA;EAL0C,CAA5C;EAQA,oBACE,KAAC,iBAAD;IAAmB,KAAK,EAAEM,YAA1B;IAAA,uBACE,KAAC,IAAD;MACE,GAAG,EAAEb,kBAAkB,CAACG,YAAD,EAAeQ,GAAf;IADzB,GAEMH,UAFN;MAGE,uBAAoB,EAHtB;MAIE,2BAAyBC;IAJ3B;EADF,EADF;AAUD,CA/BgC,CAA5B"}
+{"version":3,"file":"Accordion.js","names":["forwardRef","useRef","useState","AccordionProvider","useScope","assignMultipleRefs","jsx","_jsx","Accordion","props","forwardedRef","as","Comp","expandedIndex","onChange","otherProps","childrenHeaderHasFocus","setChildrenHeaderHasFocus","ref","scope","contextValue","value","children"],"sources":["../../../src/Accordion/Accordion.tsx"],"sourcesContent":["import type {\n  ElementType,\n  HTMLAttributes,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n} from 'react';\nimport { forwardRef, useRef, useState } from 'react';\n\nimport type { AccordionContextProps } from './context';\nimport { AccordionProvider } from './context';\nimport { useScope } from '../hooks';\nimport { assignMultipleRefs } from '../utils';\n\nexport interface AccordionProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  expandedIndex?: number;\n  onChange?: (\n    e: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>,\n    index: number\n  ) => void;\n}\n\nexport const Accordion = forwardRef<HTMLDivElement, AccordionProps>(\n  function Accordion(props, forwardedRef) {\n    const {\n      as: Comp = 'div',\n      expandedIndex = -1,\n      onChange,\n      ...otherProps\n    } = props;\n    const [childrenHeaderHasFocus, setChildrenHeaderHasFocus] = useState(false);\n    const ref = useRef<HTMLDivElement | null>(null);\n\n    const scope = useScope(ref);\n\n    const contextValue: AccordionContextProps = {\n      childrenHeaderHasFocus,\n      setChildrenHeaderHasFocus,\n      scope,\n      expandedIndex,\n      onChange,\n    };\n\n    return (\n      <AccordionProvider value={contextValue}>\n        <Comp\n          ref={assignMultipleRefs(forwardedRef, ref)}\n          {...otherProps}\n          data-accordion-root=\"\"\n          data-children-has-focus={childrenHeaderHasFocus}\n        />\n      </AccordionProvider>\n    );\n  }\n);\n"],"mappings":"AAOA,SAASA,UAAU,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAGpD,SAASC,iBAAiB,QAAQ,WAAW;AAC7C,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,kBAAkB,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAc9C,OAAO,MAAMC,SAAS,gBAAGR,UAAU,CACjC,SAASQ,SAASA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACtC,MAAM;IACJC,EAAE,EAAEC,IAAI,GAAG,KAAK;IAChBC,aAAa,GAAG,CAAC,CAAC;IAClBC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAGN,KAAK;EACT,MAAM,CAACO,sBAAsB,EAAEC,yBAAyB,CAAC,GAAGf,QAAQ,CAAC,KAAK,CAAC;EAC3E,MAAMgB,GAAG,GAAGjB,MAAM,CAAwB,IAAI,CAAC;EAE/C,MAAMkB,KAAK,GAAGf,QAAQ,CAACc,GAAG,CAAC;EAE3B,MAAME,YAAmC,GAAG;IAC1CJ,sBAAsB;IACtBC,yBAAyB;IACzBE,KAAK;IACLN,aAAa;IACbC;EACF,CAAC;EAED,oBACEP,IAAA,CAACJ,iBAAiB;IAACkB,KAAK,EAAED,YAAa;IAAAE,QAAA,eACrCf,IAAA,CAACK,IAAI;MACHM,GAAG,EAAEb,kBAAkB,CAACK,YAAY,EAAEQ,GAAG,CAAE;MAAA,GACvCH,UAAU;MACd,uBAAoB,EAAE;MACtB,2BAAyBC;IAAuB,CACjD;EAAC,CACe,CAAC;AAExB,CACF,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
-import type { HTMLAttributes, ElementType } from 'react';
-export interface AccordionBodyProps extends HTMLAttributes<HTMLDivElement> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-}
-export declare const AccordionBody: import("react").ForwardRefExoticComponent<AccordionBodyProps & import("react").RefAttributes<HTMLDivElement>>;
+import type { HTMLAttributes, ElementType } from 'react';
+export interface AccordionBodyProps extends HTMLAttributes<HTMLDivElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+}
+export declare const AccordionBody: import("react").ForwardRefExoticComponent<AccordionBodyProps & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Accordion/AccordionBody.js

@@ -1,50 +1,36 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as"];
 import { forwardRef, useState, useEffect, useRef } from 'react';
 import { useAccordionItemContext, useAccordionContext } from './context';
 import { bodyScopeQuery as scopeQuery } from './scopeQuery';
 import { assignMultipleRefs } from '../utils';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var AccordionBody = /*#__PURE__*/forwardRef(function AccordionBody(props, forwardedRef) {
-  var _props$as = props.as,
-      Comp = _props$as === void 0 ? 'div' : _props$as,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var accordionItemContext = useAccordionItemContext();
-  var accordionContext = useAccordionContext();
-  var ref = useRef();
-
-  var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      index = _useState2[0],
-      setIndex = _useState2[1];
-
+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(function () {
+  useEffect(() => {
     if (accordionContext) {
-      var allHeaders = accordionContext.scope.current.queryAllNodes(scopeQuery);
-
-      var _index = allHeaders.findIndex(function (e) {
-        return e === ref.current;
-      });
-
-      setIndex(_index);
+      const allHeaders = accordionContext.scope.current.queryAllNodes(scopeQuery);
+      const index = allHeaders.findIndex(e => e === ref.current);
+      setIndex(index);
     }
   }, [accordionContext]);
-  var expanded = Boolean(accordionItemContext.expanded || accordionContext && accordionContext.expandedIndex === index);
-  return /*#__PURE__*/_jsx(Comp, _extends(_extends({
-    ref: assignMultipleRefs(forwardedRef, ref)
-  }, otherProps), {}, {
+  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",
     "data-accordion-body": "",
     hidden: expanded ? undefined : 'hidden'
-  }));
+  });
 });
 //# 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","AccordionBody","props","forwardedRef","as","Comp","otherProps","accordionItemContext","accordionContext","ref","index","setIndex","Error","allHeaders","scope","current","queryAllNodes","findIndex","e","expanded","Boolean","expandedIndex","headerId","bodyId","undefined"],"sources":["../../../src/Accordion/AccordionBody.tsx"],"sourcesContent":["import type { HTMLAttributes, ElementType } from 'react';\r\nimport { forwardRef, useState, useEffect, useRef } from 'react';\r\n\r\nimport { useAccordionItemContext, useAccordionContext } from './context';\r\nimport { bodyScopeQuery as scopeQuery } from './scopeQuery';\r\nimport { assignMultipleRefs } from '../utils';\r\n\r\nexport interface AccordionBodyProps extends HTMLAttributes<HTMLDivElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n}\r\n\r\nexport const AccordionBody = forwardRef<HTMLDivElement, AccordionBodyProps>(\r\n  function AccordionBody(props, forwardedRef) {\r\n    const { as: Comp = 'div', ...otherProps } = props;\r\n    const accordionItemContext = useAccordionItemContext();\r\n    const accordionContext = useAccordionContext();\r\n    const ref = useRef<HTMLDivElement>();\r\n    const [index, setIndex] = useState<number>();\r\n\r\n    if (!accordionItemContext) {\r\n      throw new Error('Missing parent <Accordion /> component');\r\n    }\r\n\r\n    useEffect(() => {\r\n      if (accordionContext) {\r\n        const allHeaders =\r\n          accordionContext.scope.current.queryAllNodes(scopeQuery);\r\n\r\n        const index = allHeaders.findIndex((e) => e === ref.current);\r\n        setIndex(index);\r\n      }\r\n    }, [accordionContext]);\r\n\r\n    const expanded = Boolean(\r\n      accordionItemContext.expanded ||\r\n        (accordionContext && accordionContext.expandedIndex === index)\r\n    );\r\n\r\n    return (\r\n      <Comp\r\n        ref={assignMultipleRefs(forwardedRef, ref)}\r\n        {...otherProps}\r\n        aria-labelledby={accordionItemContext.headerId}\r\n        id={accordionItemContext.bodyId}\r\n        role=\"region\"\r\n        data-accordion-body=\"\"\r\n        hidden={expanded ? undefined : 'hidden'}\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;;AACA,SAASA,UAAT,EAAqBC,QAArB,EAA+BC,SAA/B,EAA0CC,MAA1C,QAAwD,OAAxD;AAEA,SAASC,uBAAT,EAAkCC,mBAAlC,QAA6D,WAA7D;AACA,SAASC,cAAc,IAAIC,UAA3B,QAA6C,cAA7C;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAOA,OAAO,IAAMC,aAAa,gBAAGT,UAAU,CACrC,SAASS,aAAT,CAAuBC,KAAvB,EAA8BC,YAA9B,EAA4C;EAC1C,gBAA4CD,KAA5C,CAAQE,EAAR;EAAA,IAAYC,IAAZ,0BAAmB,KAAnB;EAAA,IAA6BC,UAA7B,4BAA4CJ,KAA5C;;EACA,IAAMK,oBAAoB,GAAGX,uBAAuB,EAApD;EACA,IAAMY,gBAAgB,GAAGX,mBAAmB,EAA5C;EACA,IAAMY,GAAG,GAAGd,MAAM,EAAlB;;EACA,gBAA0BF,QAAQ,EAAlC;EAAA;EAAA,IAAOiB,KAAP;EAAA,IAAcC,QAAd;;EAEA,IAAI,CAACJ,oBAAL,EAA2B;IACzB,MAAM,IAAIK,KAAJ,CAAU,wCAAV,CAAN;EACD;;EAEDlB,SAAS,CAAC,YAAM;IACd,IAAIc,gBAAJ,EAAsB;MACpB,IAAMK,UAAU,GACdL,gBAAgB,CAACM,KAAjB,CAAuBC,OAAvB,CAA+BC,aAA/B,CAA6CjB,UAA7C,CADF;;MAGA,IAAMW,MAAK,GAAGG,UAAU,CAACI,SAAX,CAAqB,UAACC,CAAD;QAAA,OAAOA,CAAC,KAAKT,GAAG,CAACM,OAAjB;MAAA,CAArB,CAAd;;MACAJ,QAAQ,CAACD,MAAD,CAAR;IACD;EACF,CARQ,EAQN,CAACF,gBAAD,CARM,CAAT;EAUA,IAAMW,QAAQ,GAAGC,OAAO,CACtBb,oBAAoB,CAACY,QAArB,IACGX,gBAAgB,IAAIA,gBAAgB,CAACa,aAAjB,KAAmCX,KAFpC,CAAxB;EAKA,oBACE,KAAC,IAAD;IACE,GAAG,EAAEV,kBAAkB,CAACG,YAAD,EAAeM,GAAf;EADzB,GAEMH,UAFN;IAGE,mBAAiBC,oBAAoB,CAACe,QAHxC;IAIE,EAAE,EAAEf,oBAAoB,CAACgB,MAJ3B;IAKE,IAAI,EAAC,QALP;IAME,uBAAoB,EANtB;IAOE,MAAM,EAAEJ,QAAQ,GAAGK,SAAH,GAAe;EAPjC,GADF;AAWD,CAtCoC,CAAhC"}
+{"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":[]}

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

@@ -1,7 +1,7 @@
-import type { HTMLAttributes, ElementType, ReactNode } from 'react';
-export interface AccordionHeaderProps extends HTMLAttributes<HTMLDivElement> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    children?: ReactNode;
-}
-export declare const AccordionHeader: import("react").ForwardRefExoticComponent<AccordionHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+import type { HTMLAttributes, ElementType, ReactNode } from 'react';
+export interface AccordionHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: ReactNode;
+}
+export declare const AccordionHeader: import("react").ForwardRefExoticComponent<AccordionHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Accordion/AccordionHeader.js

@@ -1,67 +1,46 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "onKeyDown", "onClick", "onFocus", "onBlur"];
 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 { jsx as _jsx } from "react/jsx-runtime";
-export var AccordionHeader = /*#__PURE__*/forwardRef(function AccordionHeader(props, forwardedRef) {
-  var _props$as = props.as,
-      Comp = _props$as === void 0 ? 'div' : _props$as,
-      onKeyDown = props.onKeyDown,
-      onClickProp = props.onClick,
-      onFocus = props.onFocus,
-      onBlur = props.onBlur,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var accordionContext = useAccordionContext();
-  var accordionItemContext = useAccordionItemContext();
-  var ref = useRef();
-
-  var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      index = _useState2[0],
-      setIndex = _useState2[1];
-
+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(function () {
+  useEffect(() => {
     if (accordionContext) {
-      var allHeaders = accordionContext.scope.current.queryAllNodes(scopeQuery) || [];
-
-      var _index = allHeaders.findIndex(function (e) {
-        return e === ref.current;
-      });
-
-      setIndex(_index);
+      const allHeaders = accordionContext.scope.current.queryAllNodes(scopeQuery) || [];
+      const index = allHeaders.findIndex(e => e === ref.current);
+      setIndex(index);
     }
   }, [accordionContext]);
-  var onClick = wrapEvent(onClickProp, function (e) {
-    var index = 0;
-
+  const onClick = wrapEvent(onClickProp, e => {
+    let index = 0;
     if (accordionItemContext.expanded) {
       index = -1;
     } else if (accordionContext) {
-      var allHeaders = accordionContext.scope.current.queryAllNodes(scopeQuery) || [];
-      index = allHeaders.findIndex(function (e) {
-        return e === ref.current;
-      });
-
+      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);
   });
-
-  var handleKeyDown = function handleKeyDown(e) {
+  const handleKeyDown = e => {
     switch (e.key) {
       case 'Enter':
       case ' ':
@@ -70,7 +49,6 @@ export var AccordionHeader = /*#__PURE__*/forwardRef(function AccordionHeader(pr
           e.preventDefault();
           break;
         }
-
       case 'ArrowUp':
       case 'ArrowDown':
       case 'Home':
@@ -79,49 +57,37 @@ export var AccordionHeader = /*#__PURE__*/forwardRef(function AccordionHeader(pr
           if (!accordionContext) {
             return;
           }
-
-          var allHeaders = accordionContext.scope.current.queryAllNodes(scopeQuery);
+          const allHeaders = accordionContext.scope.current.queryAllNodes(scopeQuery);
           e.preventDefault();
-
           if (allHeaders.length === 0) {
             return;
           }
-
-          var nextIndex = allHeaders.findIndex(function (e) {
-            return e === ref.current;
-          });
-
+          let nextIndex = allHeaders.findIndex(e => e === ref.current);
           switch (e.key) {
             case 'ArrowUp':
               nextIndex += -1;
               break;
-
             case 'ArrowDown':
               nextIndex += +1;
               break;
-
             case 'Home':
               nextIndex = 0;
               break;
-
             case 'End':
               nextIndex = -1;
               break;
-          } // We're sure it will not be null, because we already checked for allHeaders.length > 0 above
-          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-
+          }
 
+          // 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();
           break;
         }
-
       default:
         return;
     }
   };
-
-  var handleFocus = function handleFocus() {
+  const handleFocus = () => {
     if (accordionContext) {
       if (!accordionContext.childrenHeaderHasFocus) {
         // this is needed to avoid rerendering the parent and
@@ -130,25 +96,22 @@ export var AccordionHeader = /*#__PURE__*/forwardRef(function AccordionHeader(pr
       }
     }
   };
-
-  var handleBlur = function handleBlur(e) {
+  const handleBlur = e => {
     if (accordionContext) {
-      var allHeaders = accordionContext.scope.current.queryAllNodes(scopeQuery);
-      var newFocusIsHeader = allHeaders.findIndex(function (header) {
-        return header === e.relatedTarget;
-      }) >= 0; // only remove focus flag if the focus went to some element
-      // that is not an accordion header
+      const allHeaders = accordionContext.scope.current.queryAllNodes(scopeQuery);
+      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);
       }
     }
   };
-
-  var expanded = Boolean(accordionItemContext.expanded || accordionContext && accordionContext.expandedIndex === index);
-  return /*#__PURE__*/_jsx(Comp, _extends(_extends({
-    ref: assignMultipleRefs(ref, forwardedRef)
-  }, otherProps), {}, {
+  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",
@@ -159,6 +122,6 @@ export var AccordionHeader = /*#__PURE__*/forwardRef(function AccordionHeader(pr
     onBlur: wrapEvent(onBlur, handleBlur),
     onClick: onClick,
     "aria-expanded": String(expanded)
-  }));
+  });
 });
 //# 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","AccordionHeader","props","forwardedRef","as","Comp","onKeyDown","onClickProp","onClick","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","headerId","bodyId","String"],"sources":["../../../src/Accordion/AccordionHeader.tsx"],"sourcesContent":["import type {\r\n  HTMLAttributes,\r\n  ElementType,\r\n  ReactNode,\r\n  MouseEvent,\r\n  KeyboardEvent,\r\n  FocusEvent,\r\n} from 'react';\r\nimport { forwardRef, useRef, useState, useEffect } from 'react';\r\n\r\nimport { wrapEvent, assignMultipleRefs, getCircularIndex } from '../utils';\r\nimport { useAccordionContext, useAccordionItemContext } from './context';\r\nimport { headerScopeQuery as scopeQuery } from './scopeQuery';\r\n\r\nexport interface AccordionHeaderProps extends HTMLAttributes<HTMLDivElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const AccordionHeader = forwardRef<HTMLDivElement, AccordionHeaderProps>(\r\n  function AccordionHeader(props, forwardedRef) {\r\n    const {\r\n      as: Comp = 'div',\r\n      onKeyDown,\r\n      onClick: onClickProp,\r\n      onFocus,\r\n      onBlur,\r\n      ...otherProps\r\n    } = props;\r\n    const accordionContext = useAccordionContext();\r\n    const accordionItemContext = useAccordionItemContext();\r\n    const ref = useRef<HTMLDivElement>();\r\n    const [index, setIndex] = useState<number | undefined>();\r\n\r\n    if (!accordionItemContext) {\r\n      throw new Error('Missing parent <Accordion /> component');\r\n    }\r\n\r\n    useEffect(() => {\r\n      if (accordionContext) {\r\n        const allHeaders =\r\n          accordionContext.scope.current.queryAllNodes(scopeQuery) || [];\r\n\r\n        const index = allHeaders.findIndex((e) => e === ref.current);\r\n        setIndex(index);\r\n      }\r\n    }, [accordionContext]);\r\n\r\n    const onClick = wrapEvent(onClickProp, (e: MouseEvent<HTMLDivElement>) => {\r\n      let index = 0;\r\n      if (accordionItemContext.expanded) {\r\n        index = -1;\r\n      } else if (accordionContext) {\r\n        const allHeaders =\r\n          accordionContext.scope.current.queryAllNodes(scopeQuery) || [];\r\n\r\n        index = allHeaders.findIndex((e) => e === ref.current);\r\n        if (index === accordionContext.expandedIndex) {\r\n          index = -1;\r\n        }\r\n        accordionContext.onChange && accordionContext.onChange(e, index);\r\n      }\r\n\r\n      accordionItemContext.onChange &&\r\n        accordionItemContext.onChange(e, index >= 0);\r\n    });\r\n\r\n    const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\r\n      switch (e.key) {\r\n        case 'Enter':\r\n        case ' ': {\r\n          onClick(e as unknown as MouseEvent<HTMLDivElement>);\r\n          e.preventDefault();\r\n          break;\r\n        }\r\n        case 'ArrowUp':\r\n        case 'ArrowDown':\r\n        case 'Home':\r\n        case 'End': {\r\n          if (!accordionContext) {\r\n            return;\r\n          }\r\n          const allHeaders =\r\n            accordionContext.scope.current.queryAllNodes(scopeQuery);\r\n\r\n          e.preventDefault();\r\n\r\n          if (allHeaders.length === 0) {\r\n            return;\r\n          }\r\n\r\n          let nextIndex = allHeaders.findIndex((e) => e === ref.current);\r\n          switch (e.key) {\r\n            case 'ArrowUp':\r\n              nextIndex += -1;\r\n              break;\r\n            case 'ArrowDown':\r\n              nextIndex += +1;\r\n              break;\r\n            case 'Home':\r\n              nextIndex = 0;\r\n              break;\r\n            case 'End':\r\n              nextIndex = -1;\r\n              break;\r\n          }\r\n\r\n          // We're sure it will not be null, because we already checked for allHeaders.length > 0 above\r\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\r\n          nextIndex = getCircularIndex(nextIndex, allHeaders.length)!;\r\n          allHeaders[nextIndex] && allHeaders[nextIndex].focus();\r\n          break;\r\n        }\r\n        default:\r\n          return;\r\n      }\r\n    };\r\n\r\n    const handleFocus = () => {\r\n      if (accordionContext) {\r\n        if (!accordionContext.childrenHeaderHasFocus) {\r\n          // this is needed to avoid rerendering the parent and\r\n          // messing up with the internal count for children/parent count\r\n          accordionContext.setChildrenHeaderHasFocus(true);\r\n        }\r\n      }\r\n    };\r\n\r\n    const handleBlur = (e: FocusEvent<HTMLDivElement>) => {\r\n      if (accordionContext) {\r\n        const allHeaders =\r\n          accordionContext.scope.current.queryAllNodes(scopeQuery);\r\n        const newFocusIsHeader =\r\n          allHeaders.findIndex((header) => header === e.relatedTarget) >= 0;\r\n\r\n        // only remove focus flag if the focus went to some element\r\n        // that is not an accordion header\r\n        if (!newFocusIsHeader) {\r\n          accordionContext.setChildrenHeaderHasFocus(false);\r\n        }\r\n      }\r\n    };\r\n\r\n    const expanded = Boolean(\r\n      accordionItemContext.expanded ||\r\n        (accordionContext && accordionContext.expandedIndex === index)\r\n    );\r\n\r\n    return (\r\n      <Comp\r\n        ref={assignMultipleRefs(ref, forwardedRef)}\r\n        {...otherProps}\r\n        id={accordionItemContext.headerId}\r\n        aria-controls={accordionItemContext.bodyId}\r\n        role=\"button\"\r\n        data-accordion-header=\"\"\r\n        tabIndex=\"0\"\r\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\r\n        onFocus={wrapEvent(onFocus, handleFocus)}\r\n        onBlur={wrapEvent(onBlur, handleBlur)}\r\n        onClick={onClick}\r\n        aria-expanded={String(expanded)}\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;;AAQA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,QAA7B,EAAuCC,SAAvC,QAAwD,OAAxD;AAEA,SAASC,SAAT,EAAoBC,kBAApB,EAAwCC,gBAAxC,QAAgE,UAAhE;AACA,SAASC,mBAAT,EAA8BC,uBAA9B,QAA6D,WAA7D;AACA,SAASC,gBAAgB,IAAIC,UAA7B,QAA+C,cAA/C;;AAQA,OAAO,IAAMC,eAAe,gBAAGX,UAAU,CACvC,SAASW,eAAT,CAAyBC,KAAzB,EAAgCC,YAAhC,EAA8C;EAC5C,gBAOID,KAPJ,CACEE,EADF;EAAA,IACMC,IADN,0BACa,KADb;EAAA,IAEEC,SAFF,GAOIJ,KAPJ,CAEEI,SAFF;EAAA,IAGWC,WAHX,GAOIL,KAPJ,CAGEM,OAHF;EAAA,IAIEC,OAJF,GAOIP,KAPJ,CAIEO,OAJF;EAAA,IAKEC,MALF,GAOIR,KAPJ,CAKEQ,MALF;EAAA,IAMKC,UANL,4BAOIT,KAPJ;;EAQA,IAAMU,gBAAgB,GAAGf,mBAAmB,EAA5C;EACA,IAAMgB,oBAAoB,GAAGf,uBAAuB,EAApD;EACA,IAAMgB,GAAG,GAAGvB,MAAM,EAAlB;;EACA,gBAA0BC,QAAQ,EAAlC;EAAA;EAAA,IAAOuB,KAAP;EAAA,IAAcC,QAAd;;EAEA,IAAI,CAACH,oBAAL,EAA2B;IACzB,MAAM,IAAII,KAAJ,CAAU,wCAAV,CAAN;EACD;;EAEDxB,SAAS,CAAC,YAAM;IACd,IAAImB,gBAAJ,EAAsB;MACpB,IAAMM,UAAU,GACdN,gBAAgB,CAACO,KAAjB,CAAuBC,OAAvB,CAA+BC,aAA/B,CAA6CrB,UAA7C,KAA4D,EAD9D;;MAGA,IAAMe,MAAK,GAAGG,UAAU,CAACI,SAAX,CAAqB,UAACC,CAAD;QAAA,OAAOA,CAAC,KAAKT,GAAG,CAACM,OAAjB;MAAA,CAArB,CAAd;;MACAJ,QAAQ,CAACD,MAAD,CAAR;IACD;EACF,CARQ,EAQN,CAACH,gBAAD,CARM,CAAT;EAUA,IAAMJ,OAAO,GAAGd,SAAS,CAACa,WAAD,EAAc,UAACgB,CAAD,EAAmC;IACxE,IAAIR,KAAK,GAAG,CAAZ;;IACA,IAAIF,oBAAoB,CAACW,QAAzB,EAAmC;MACjCT,KAAK,GAAG,CAAC,CAAT;IACD,CAFD,MAEO,IAAIH,gBAAJ,EAAsB;MAC3B,IAAMM,UAAU,GACdN,gBAAgB,CAACO,KAAjB,CAAuBC,OAAvB,CAA+BC,aAA/B,CAA6CrB,UAA7C,KAA4D,EAD9D;MAGAe,KAAK,GAAGG,UAAU,CAACI,SAAX,CAAqB,UAACC,CAAD;QAAA,OAAOA,CAAC,KAAKT,GAAG,CAACM,OAAjB;MAAA,CAArB,CAAR;;MACA,IAAIL,KAAK,KAAKH,gBAAgB,CAACa,aAA/B,EAA8C;QAC5CV,KAAK,GAAG,CAAC,CAAT;MACD;;MACDH,gBAAgB,CAACc,QAAjB,IAA6Bd,gBAAgB,CAACc,QAAjB,CAA0BH,CAA1B,EAA6BR,KAA7B,CAA7B;IACD;;IAEDF,oBAAoB,CAACa,QAArB,IACEb,oBAAoB,CAACa,QAArB,CAA8BH,CAA9B,EAAiCR,KAAK,IAAI,CAA1C,CADF;EAED,CAjBwB,CAAzB;;EAmBA,IAAMY,aAAa,GAAG,SAAhBA,aAAgB,CAACJ,CAAD,EAAsC;IAC1D,QAAQA,CAAC,CAACK,GAAV;MACE,KAAK,OAAL;MACA,KAAK,GAAL;QAAU;UACRpB,OAAO,CAACe,CAAD,CAAP;UACAA,CAAC,CAACM,cAAF;UACA;QACD;;MACD,KAAK,SAAL;MACA,KAAK,WAAL;MACA,KAAK,MAAL;MACA,KAAK,KAAL;QAAY;UACV,IAAI,CAACjB,gBAAL,EAAuB;YACrB;UACD;;UACD,IAAMM,UAAU,GACdN,gBAAgB,CAACO,KAAjB,CAAuBC,OAAvB,CAA+BC,aAA/B,CAA6CrB,UAA7C,CADF;UAGAuB,CAAC,CAACM,cAAF;;UAEA,IAAIX,UAAU,CAACY,MAAX,KAAsB,CAA1B,EAA6B;YAC3B;UACD;;UAED,IAAIC,SAAS,GAAGb,UAAU,CAACI,SAAX,CAAqB,UAACC,CAAD;YAAA,OAAOA,CAAC,KAAKT,GAAG,CAACM,OAAjB;UAAA,CAArB,CAAhB;;UACA,QAAQG,CAAC,CAACK,GAAV;YACE,KAAK,SAAL;cACEG,SAAS,IAAI,CAAC,CAAd;cACA;;YACF,KAAK,WAAL;cACEA,SAAS,IAAI,CAAC,CAAd;cACA;;YACF,KAAK,MAAL;cACEA,SAAS,GAAG,CAAZ;cACA;;YACF,KAAK,KAAL;cACEA,SAAS,GAAG,CAAC,CAAb;cACA;UAZJ,CAdU,CA6BV;UACA;;;UACAA,SAAS,GAAGnC,gBAAgB,CAACmC,SAAD,EAAYb,UAAU,CAACY,MAAvB,CAA5B;UACAZ,UAAU,CAACa,SAAD,CAAV,IAAyBb,UAAU,CAACa,SAAD,CAAV,CAAsBC,KAAtB,EAAzB;UACA;QACD;;MACD;QACE;IA9CJ;EAgDD,CAjDD;;EAmDA,IAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;IACxB,IAAIrB,gBAAJ,EAAsB;MACpB,IAAI,CAACA,gBAAgB,CAACsB,sBAAtB,EAA8C;QAC5C;QACA;QACAtB,gBAAgB,CAACuB,yBAAjB,CAA2C,IAA3C;MACD;IACF;EACF,CARD;;EAUA,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACb,CAAD,EAAmC;IACpD,IAAIX,gBAAJ,EAAsB;MACpB,IAAMM,UAAU,GACdN,gBAAgB,CAACO,KAAjB,CAAuBC,OAAvB,CAA+BC,aAA/B,CAA6CrB,UAA7C,CADF;MAEA,IAAMqC,gBAAgB,GACpBnB,UAAU,CAACI,SAAX,CAAqB,UAACgB,MAAD;QAAA,OAAYA,MAAM,KAAKf,CAAC,CAACgB,aAAzB;MAAA,CAArB,KAAgE,CADlE,CAHoB,CAMpB;MACA;;MACA,IAAI,CAACF,gBAAL,EAAuB;QACrBzB,gBAAgB,CAACuB,yBAAjB,CAA2C,KAA3C;MACD;IACF;EACF,CAbD;;EAeA,IAAMX,QAAQ,GAAGgB,OAAO,CACtB3B,oBAAoB,CAACW,QAArB,IACGZ,gBAAgB,IAAIA,gBAAgB,CAACa,aAAjB,KAAmCV,KAFpC,CAAxB;EAKA,oBACE,KAAC,IAAD;IACE,GAAG,EAAEpB,kBAAkB,CAACmB,GAAD,EAAMX,YAAN;EADzB,GAEMQ,UAFN;IAGE,EAAE,EAAEE,oBAAoB,CAAC4B,QAH3B;IAIE,iBAAe5B,oBAAoB,CAAC6B,MAJtC;IAKE,IAAI,EAAC,QALP;IAME,yBAAsB,EANxB;IAOE,QAAQ,EAAC,GAPX;IAQE,SAAS,EAAEhD,SAAS,CAACY,SAAD,EAAYqB,aAAZ,CARtB;IASE,OAAO,EAAEjC,SAAS,CAACe,OAAD,EAAUwB,WAAV,CATpB;IAUE,MAAM,EAAEvC,SAAS,CAACgB,MAAD,EAAS0B,UAAT,CAVnB;IAWE,OAAO,EAAE5B,OAXX;IAYE,iBAAemC,MAAM,CAACnB,QAAD;EAZvB,GADF;AAgBD,CAjJsC,CAAlC"}
+{"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":[]}

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

@@ -1,9 +1,9 @@
-import type { HTMLAttributes, ElementType, ReactNode, KeyboardEvent, MouseEvent } from 'react';
-export interface AccordionItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    as?: ElementType<any>;
-    innerAs?: ElementType<any>;
-    children?: ReactNode;
-    expanded?: boolean;
-    onChange?: (e: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>, value: boolean) => void;
-}
-export declare const AccordionItem: import("react").ForwardRefExoticComponent<AccordionItemProps & import("react").RefAttributes<HTMLDivElement>>;
+import type { HTMLAttributes, ElementType, ReactNode, KeyboardEvent, MouseEvent } from 'react';
+export interface AccordionItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: ReactNode;
+    expanded?: boolean;
+    onChange?: (e: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>, value: boolean) => void;
+}
+export declare const AccordionItem: import("react").ForwardRefExoticComponent<AccordionItemProps & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/Accordion/AccordionItem.js

@@ -1,31 +1,28 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["as", "expanded", "onChange"];
 import { Fragment, forwardRef, useId } from 'react';
 import { AccordionItemProvider } from './context';
 import { jsx as _jsx } from "react/jsx-runtime";
-export var AccordionItem = /*#__PURE__*/forwardRef(function AccordionItem(props, forwardedRef) {
-  var _props$as = props.as,
-      Comp = _props$as === void 0 ? Fragment : _props$as,
-      _props$expanded = props.expanded,
-      expanded = _props$expanded === void 0 ? false : _props$expanded,
-      onChange = props.onChange,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var id = useId();
-  var headerId = id ? "accordion-header-".concat(id) : undefined;
-  var bodyId = id ? "accordion-body-".concat(id) : undefined;
-  var contextValue = {
-    headerId: headerId,
-    bodyId: bodyId,
-    expanded: expanded,
-    onChange: onChange
+export const AccordionItem = /*#__PURE__*/forwardRef(function AccordionItem(props, forwardedRef) {
+  const {
+    as: Comp = Fragment,
+    expanded = 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
   };
   return /*#__PURE__*/_jsx(AccordionItemProvider, {
     value: contextValue,
-    children: /*#__PURE__*/_jsx(Comp, _extends({
-      ref: forwardedRef
-    }, otherProps))
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: forwardedRef,
+      ...otherProps
+    })
   });
 });
 //# sourceMappingURL=AccordionItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","names":["Fragment","forwardRef","useId","AccordionItemProvider","AccordionItem","props","forwardedRef","as","Comp","expanded","onChange","otherProps","id","headerId","undefined","bodyId","contextValue"],"sources":["../../../src/Accordion/AccordionItem.tsx"],"sourcesContent":["import type {\r\n  HTMLAttributes,\r\n  ElementType,\r\n  ReactNode,\r\n  KeyboardEvent,\r\n  MouseEvent,\r\n} from 'react';\r\nimport { Fragment, forwardRef, useId } from 'react';\r\n\r\nimport type { AccordionItemContextProps } from './context';\r\nimport { AccordionItemProvider } from './context';\r\n\r\nexport interface AccordionItemProps\r\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  children?: ReactNode;\r\n  expanded?: boolean;\r\n  onChange?: (\r\n    e: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>,\r\n    value: boolean\r\n  ) => void;\r\n}\r\n\r\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(\r\n  function AccordionItem(props, forwardedRef) {\r\n    const {\r\n      as: Comp = Fragment,\r\n      expanded = false,\r\n      onChange,\r\n      ...otherProps\r\n    } = props;\r\n    const id = useId();\r\n\r\n    const headerId = id ? `accordion-header-${id}` : undefined;\r\n    const bodyId = id ? `accordion-body-${id}` : undefined;\r\n    const contextValue: AccordionItemContextProps = {\r\n      headerId,\r\n      bodyId,\r\n      expanded,\r\n      onChange,\r\n    };\r\n\r\n    return (\r\n      <AccordionItemProvider value={contextValue}>\r\n        <Comp ref={forwardedRef} {...otherProps} />\r\n      </AccordionItemProvider>\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AAOA,SAASA,QAAT,EAAmBC,UAAnB,EAA+BC,KAA/B,QAA4C,OAA5C;AAGA,SAASC,qBAAT,QAAsC,WAAtC;;AAcA,OAAO,IAAMC,aAAa,gBAAGH,UAAU,CACrC,SAASG,aAAT,CAAuBC,KAAvB,EAA8BC,YAA9B,EAA4C;EAC1C,gBAKID,KALJ,CACEE,EADF;EAAA,IACMC,IADN,0BACaR,QADb;EAAA,sBAKIK,KALJ,CAEEI,QAFF;EAAA,IAEEA,QAFF,gCAEa,KAFb;EAAA,IAGEC,QAHF,GAKIL,KALJ,CAGEK,QAHF;EAAA,IAIKC,UAJL,4BAKIN,KALJ;;EAMA,IAAMO,EAAE,GAAGV,KAAK,EAAhB;EAEA,IAAMW,QAAQ,GAAGD,EAAE,8BAAuBA,EAAvB,IAA8BE,SAAjD;EACA,IAAMC,MAAM,GAAGH,EAAE,4BAAqBA,EAArB,IAA4BE,SAA7C;EACA,IAAME,YAAuC,GAAG;IAC9CH,QAAQ,EAARA,QAD8C;IAE9CE,MAAM,EAANA,MAF8C;IAG9CN,QAAQ,EAARA,QAH8C;IAI9CC,QAAQ,EAARA;EAJ8C,CAAhD;EAOA,oBACE,KAAC,qBAAD;IAAuB,KAAK,EAAEM,YAA9B;IAAA,uBACE,KAAC,IAAD;MAAM,GAAG,EAAEV;IAAX,GAA6BK,UAA7B;EADF,EADF;AAKD,CAxBoC,CAAhC"}
+{"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":[]}

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

@@ -1,19 +1,19 @@
-import type { KeyboardEvent, MouseEvent } from 'react';
-import type { Scope } from '../hooks/useScope';
-export interface AccordionContextProps {
-    childrenHeaderHasFocus: boolean;
-    setChildrenHeaderHasFocus: (value: boolean) => void;
-    scope: Scope<HTMLElement>;
-    expandedIndex: number;
-    onChange?: (e: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>, index: number) => void;
-}
-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;
+import type { KeyboardEvent, MouseEvent } from 'react';
+import type { Scope } from '../hooks/useScope';
+export interface AccordionContextProps {
+    childrenHeaderHasFocus: boolean;
+    setChildrenHeaderHasFocus: (value: boolean) => void;
+    scope: Scope<HTMLElement>;
+    expandedIndex: number;
+    onChange?: (e: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>, index: number) => void;
+}
+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;