@basic-ui/core 0.0.52 → 0.0.53

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.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","Accordion","props","forwardedRef","as","Comp","expandedIndex","onChange","otherProps","childrenHeaderHasFocus","setChildrenHeaderHasFocus","ref","scope","contextValue"],"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>();\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,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"}

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.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","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';\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>();\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,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"}

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.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":"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"}
+{"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 {\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>();\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          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\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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"}

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.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","AccordionItem","props","forwardedRef","as","Comp","expanded","onChange","otherProps","id","headerId","undefined","bodyId","contextValue"],"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,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"}

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;

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["useContext","createContext","accordionContext","AccordionProvider","Provider","useAccordionContext","accordionItemContext","AccordionItemProvider","useAccordionItemContext"],"sources":["../../../src/Accordion/context.ts"],"sourcesContent":["import type { KeyboardEvent, MouseEvent } from 'react';\r\nimport { useContext, createContext } from 'react';\r\n\r\nimport type { Scope } from '../hooks/useScope';\r\n\r\n// AccordionGroup Component\r\nexport interface AccordionContextProps {\r\n  childrenHeaderHasFocus: boolean;\r\n  setChildrenHeaderHasFocus: (value: boolean) => void;\r\n  scope: Scope<HTMLElement>;\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\nconst accordionContext = createContext<AccordionContextProps | null>(null);\r\nexport const { Provider: AccordionProvider } = accordionContext;\r\nexport const useAccordionContext = () => useContext(accordionContext);\r\n\r\n// Accordion Component\r\nexport interface AccordionItemContextProps {\r\n  headerId: string | undefined;\r\n  bodyId: string | undefined;\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\nconst accordionItemContext = createContext<AccordionItemContextProps | null>(\r\n  null\r\n);\r\nexport const { Provider: AccordionItemProvider } = accordionItemContext;\r\nexport const useAccordionItemContext = () => useContext(accordionItemContext);\r\n"],"mappings":"AACA,SAASA,UAAT,EAAqBC,aAArB,QAA0C,OAA1C;AAgBA,IAAMC,gBAAgB,gBAAGD,aAAa,CAA+B,IAA/B,CAAtC;AACO,IAAkBE,iBAAlB,GAAwCD,gBAAxC,CAAQE,QAAR;;AACP,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB;EAAA,OAAML,UAAU,CAACE,gBAAD,CAAhB;AAAA,CAA5B,C,CAEP;;AAWA,IAAMI,oBAAoB,gBAAGL,aAAa,CACxC,IADwC,CAA1C;AAGO,IAAkBM,qBAAlB,GAA4CD,oBAA5C,CAAQF,QAAR;;AACP,OAAO,IAAMI,uBAAuB,GAAG,SAA1BA,uBAA0B;EAAA,OAAMR,UAAU,CAACM,oBAAD,CAAhB;AAAA,CAAhC"}
+{"version":3,"file":"context.js","names":["useContext","createContext","accordionContext","AccordionProvider","Provider","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,UAAT,EAAqBC,aAArB,QAA0C,OAA1C;AAgBA,IAAMC,gBAAgB,gBAAGD,aAAa,CAA+B,IAA/B,CAAtC;AACO,IAAkBE,iBAAlB,GAAwCD,gBAAxC,CAAQE,QAAR;;AACP,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB;EAAA,OAAML,UAAU,CAACE,gBAAD,CAAhB;AAAA,CAA5B,C,CAEP;;AAWA,IAAMI,oBAAoB,gBAAGL,aAAa,CACxC,IADwC,CAA1C;AAGO,IAAkBM,qBAAlB,GAA4CD,oBAA5C,CAAQF,QAAR;;AACP,OAAO,IAAMI,uBAAuB,GAAG,SAA1BA,uBAA0B;EAAA,OAAMR,UAAU,CAACM,oBAAD,CAAhB;AAAA,CAAhC"}

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

@@ -1,4 +1,4 @@
-export * from './Accordion';
-export * from './AccordionItem';
-export * from './AccordionHeader';
-export * from './AccordionBody';
+export * from './Accordion';
+export * from './AccordionItem';
+export * from './AccordionHeader';
+export * from './AccordionBody';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Accordion/index.ts"],"sourcesContent":["export * from './Accordion';\r\nexport * from './AccordionItem';\r\nexport * from './AccordionHeader';\r\nexport * from './AccordionBody';\r\n"],"mappings":"AAAA,cAAc,aAAd;AACA,cAAc,iBAAd;AACA,cAAc,mBAAd;AACA,cAAc,iBAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Accordion/index.ts"],"sourcesContent":["export * from './Accordion';\nexport * from './AccordionItem';\nexport * from './AccordionHeader';\nexport * from './AccordionBody';\n"],"mappings":"AAAA,cAAc,aAAd;AACA,cAAc,iBAAd;AACA,cAAc,mBAAd;AACA,cAAc,iBAAd"}

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

@@ -1,2 +1,2 @@
-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 headerScopeQuery(type: string, props: Record<string, unknown>): boolean;
+export declare function bodyScopeQuery(type: string, props: Record<string, unknown>): boolean;

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>) {\r\n  return props['data-accordion-header'] === '';\r\n}\r\n\r\nexport function bodyScopeQuery(type: string, props: Record<string, unknown>) {\r\n  return props['data-accordion-body'] === '';\r\n}\r\n"],"mappings":"AAAA,OAAO,SAASA,gBAAT,CAA0BC,IAA1B,EAAwCC,KAAxC,EAAwE;EAC7E,OAAOA,KAAK,CAAC,uBAAD,CAAL,KAAmC,EAA1C;AACD;AAED,OAAO,SAASC,cAAT,CAAwBF,IAAxB,EAAsCC,KAAtC,EAAsE;EAC3E,OAAOA,KAAK,CAAC,qBAAD,CAAL,KAAiC,EAAxC;AACD"}
+{"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,gBAAT,CAA0BC,IAA1B,EAAwCC,KAAxC,EAAwE;EAC7E,OAAOA,KAAK,CAAC,uBAAD,CAAL,KAAmC,EAA1C;AACD;AAED,OAAO,SAASC,cAAT,CAAwBF,IAAxB,EAAsCC,KAAtC,EAAsE;EAC3E,OAAOA,KAAK,CAAC,qBAAD,CAAL,KAAiC,EAAxC;AACD"}

package/build/esm/Carousel/Carousel.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface CarouselProps extends React.HTMLAttributes<HTMLElement> {
+    as?: React.ElementType<any>;
+    isRTL?: boolean;
+    currentSlide?: number;
+    slidesToShow?: number;
+    children?: React.ReactNode;
+}
+export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLElement>>;

package/build/esm/Carousel/Carousel.js

@@ -0,0 +1,38 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import React, { forwardRef, useMemo, useRef } from 'react';
+import { assignMultipleRefs } from '../utils/assignRef';
+import { CarouselProvider } from './context';
+export var Carousel = forwardRef(function Carousel(_ref, forwardedRef) {
+  var _ref$as = _ref.as,
+      Comp = _ref$as === void 0 ? 'section' : _ref$as,
+      _ref$currentSlide = _ref.currentSlide,
+      currentSlide = _ref$currentSlide === void 0 ? 0 : _ref$currentSlide,
+      _ref$slidesToShow = _ref.slidesToShow,
+      slidesToShow = _ref$slidesToShow === void 0 ? 1 : _ref$slidesToShow,
+      _ref$isRTL = _ref.isRTL,
+      isRTL = _ref$isRTL === void 0 ? false : _ref$isRTL,
+      children = _ref.children,
+      otherProps = _objectWithoutProperties(_ref, ["as", "currentSlide", "slidesToShow", "isRTL", "children"]);
+
+  var containerRef = useRef(null);
+  var contextValue = useMemo(function () {
+    return {
+      slidesToShow: slidesToShow,
+      isRTL: isRTL,
+      currentSlide: currentSlide,
+      itemWidth: 100 / slidesToShow,
+      containerRef: containerRef
+    };
+  }, [currentSlide, isRTL, slidesToShow]);
+  return /*#__PURE__*/React.createElement(CarouselProvider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(Comp, _extends({
+    ref: assignMultipleRefs(forwardedRef, containerRef)
+  }, otherProps, {
+    role: "region",
+    "data-carousel-root": "",
+    "aria-roledescription": "carousel"
+  }), children));
+});
+//# sourceMappingURL=Carousel.js.map

package/build/esm/Carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Carousel/Carousel.tsx"],"names":["React","forwardRef","useMemo","useRef","assignMultipleRefs","CarouselProvider","Carousel","forwardedRef","as","Comp","currentSlide","slidesToShow","isRTL","children","otherProps","containerRef","contextValue","itemWidth"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,OAA5B,EAAqCC,MAArC,QAAmD,OAAnD;AACA,SAASC,kBAAT,QAAmC,oBAAnC;AACA,SAASC,gBAAT,QAAiC,WAAjC;AAUA,OAAO,IAAMC,QAAQ,GAAGL,UAAU,CAChC,SAASK,QAAT,OASEC,YATF,EAUE;AAAA,qBAREC,EAQF;AAAA,MARMC,IAQN,wBARa,SAQb;AAAA,+BAPEC,YAOF;AAAA,MAPEA,YAOF,kCAPiB,CAOjB;AAAA,+BANEC,YAMF;AAAA,MANEA,YAMF,kCANiB,CAMjB;AAAA,wBALEC,KAKF;AAAA,MALEA,KAKF,2BALU,KAKV;AAAA,MAJEC,QAIF,QAJEA,QAIF;AAAA,MAHKC,UAGL;;AACA,MAAMC,YAAY,GAAGZ,MAAM,CAAqB,IAArB,CAA3B;AACA,MAAMa,YAAY,GAAGd,OAAO,CAC1B;AAAA,WAAO;AACLS,MAAAA,YAAY,EAAZA,YADK;AAELC,MAAAA,KAAK,EAALA,KAFK;AAGLF,MAAAA,YAAY,EAAZA,YAHK;AAILO,MAAAA,SAAS,EAAE,MAAMN,YAJZ;AAKLI,MAAAA,YAAY,EAAZA;AALK,KAAP;AAAA,GAD0B,EAQ1B,CAACL,YAAD,EAAeE,KAAf,EAAsBD,YAAtB,CAR0B,CAA5B;AAWA,sBACE,oBAAC,gBAAD;AAAkB,IAAA,KAAK,EAAEK;AAAzB,kBACE,oBAAC,IAAD;AACE,IAAA,GAAG,EAAEZ,kBAAkB,CAACG,YAAD,EAAeQ,YAAf;AADzB,KAEMD,UAFN;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,0BAAmB,EAJrB;AAKE,4BAAqB;AALvB,MAOGD,QAPH,CADF,CADF;AAaD,CArC+B,CAA3B","sourcesContent":["import React, { forwardRef, useMemo, useRef } from 'react';\nimport { assignMultipleRefs } from '../utils/assignRef';\nimport { CarouselProvider } from './context';\n\nexport interface CarouselProps extends React.HTMLAttributes<HTMLElement> {\n  as?: React.ElementType<any>;\n  isRTL?: boolean;\n  currentSlide?: number;\n  slidesToShow?: number;\n  children?: React.ReactNode;\n}\n\nexport const Carousel = forwardRef<HTMLElement, CarouselProps>(\n  function Carousel(\n    {\n      as: Comp = 'section',\n      currentSlide = 0,\n      slidesToShow = 1,\n      isRTL = false,\n      children,\n      ...otherProps\n    },\n    forwardedRef\n  ) {\n    const containerRef = useRef<HTMLElement | null>(null);\n    const contextValue = useMemo(\n      () => ({\n        slidesToShow,\n        isRTL,\n        currentSlide,\n        itemWidth: 100 / slidesToShow,\n        containerRef,\n      }),\n      [currentSlide, isRTL, slidesToShow]\n    );\n\n    return (\n      <CarouselProvider value={contextValue}>\n        <Comp\n          ref={assignMultipleRefs(forwardedRef, containerRef)}\n          {...otherProps}\n          role=\"region\"\n          data-carousel-root=\"\"\n          aria-roledescription=\"carousel\"\n        >\n          {children}\n        </Comp>\n      </CarouselProvider>\n    );\n  }\n);\n"],"file":"Carousel.js"}

package/build/esm/Carousel/Fader.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { SpringConfig } from 'react-spring';
+import { GestureHandlersState } from '../hooks';
+export declare const faderConfig: SpringConfig;
+export interface FaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    as?: React.ElementType<any>;
+    mouseSwipe?: boolean;
+    touchSwipe?: boolean;
+    onSwipeRight?: (s: Partial<GestureHandlersState>) => void;
+    onSwipeLeft?: (s: Partial<GestureHandlersState>) => void;
+    springConfig?: SpringConfig;
+    children?: React.ReactNode[] | React.ReactNode;
+}
+export declare const Fader: React.ForwardRefExoticComponent<FaderProps & React.RefAttributes<HTMLDivElement>>;

package/build/esm/Carousel/Fader.js

@@ -0,0 +1,76 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import React, { forwardRef, Children, useMemo } from 'react';
+import { useTransition, animated } from 'react-spring';
+import { getCircularIndex } from '../utils/getCircularIndex';
+import { useCarouselGestures } from './useCarouselGestures';
+import { useCarouselContext } from './context';
+export var faderConfig = {
+  tension: 280,
+  friction: 75,
+  clamp: true
+};
+export var Fader = forwardRef(function Fader(_ref, ref) {
+  var _ref$as = _ref.as,
+      Comp = _ref$as === void 0 ? 'div' : _ref$as,
+      maybeSingleChildren = _ref.children,
+      _ref$springConfig = _ref.springConfig,
+      springConfig = _ref$springConfig === void 0 ? faderConfig : _ref$springConfig,
+      _ref$mouseSwipe = _ref.mouseSwipe,
+      mouseSwipe = _ref$mouseSwipe === void 0 ? false : _ref$mouseSwipe,
+      _ref$touchSwipe = _ref.touchSwipe,
+      touchSwipe = _ref$touchSwipe === void 0 ? false : _ref$touchSwipe,
+      onSwipeLeft = _ref.onSwipeLeft,
+      onSwipeRight = _ref.onSwipeRight,
+      otherProps = _objectWithoutProperties(_ref, ["as", "children", "springConfig", "mouseSwipe", "touchSwipe", "onSwipeLeft", "onSwipeRight"]);
+
+  var _useCarouselContext = useCarouselContext(),
+      _useCarouselContext$i = _useCarouselContext.isRTL,
+      isRTL = _useCarouselContext$i === void 0 ? false : _useCarouselContext$i,
+      _useCarouselContext$c = _useCarouselContext.currentSlide,
+      nextSlideIndex = _useCarouselContext$c === void 0 ? 0 : _useCarouselContext$c,
+      containerRef = _useCarouselContext.containerRef;
+
+  var children = useMemo(function () {
+    return Children.toArray(maybeSingleChildren);
+  }, [maybeSingleChildren]);
+  var transitions = useTransition(nextSlideIndex, {
+    config: springConfig,
+    from: {
+      opacity: 0
+    },
+    enter: {
+      opacity: 1
+    },
+    leave: {
+      opacity: 0
+    }
+  });
+
+  var _useCarouselGestures = useCarouselGestures({
+    onSwipeLeft: onSwipeLeft,
+    onSwipeRight: onSwipeRight,
+    isRTL: isRTL,
+    containerRef: containerRef
+  }),
+      handlers = _useCarouselGestures.handlers;
+
+  return /*#__PURE__*/React.createElement(Comp, _extends({
+    onTouchStart: touchSwipe ? handlers.onTouchStart : undefined,
+    onMouseDown: mouseSwipe ? handlers.onMouseDown : undefined,
+    "aria-live": "polite",
+    "data-carousel-slider": "",
+    ref: ref
+  }, otherProps), transitions(function (style, item) {
+    var idx = getCircularIndex(item, children.length);
+
+    if (idx !== null) {
+      return /*#__PURE__*/React.createElement(animated.span, {
+        style: style
+      }, children[idx]);
+    }
+
+    return null;
+  }));
+});
+//# sourceMappingURL=Fader.js.map

package/build/esm/Carousel/Fader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Carousel/Fader.tsx"],"names":["React","forwardRef","Children","useMemo","useTransition","animated","getCircularIndex","useCarouselGestures","useCarouselContext","faderConfig","tension","friction","clamp","Fader","ref","as","Comp","maybeSingleChildren","children","springConfig","mouseSwipe","touchSwipe","onSwipeLeft","onSwipeRight","otherProps","isRTL","currentSlide","nextSlideIndex","containerRef","toArray","transitions","config","from","opacity","enter","leave","handlers","onTouchStart","undefined","onMouseDown","style","item","idx","length"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,QAA5B,EAAsCC,OAAtC,QAAqD,OAArD;AACA,SAASC,aAAT,EAAsCC,QAAtC,QAAsD,cAAtD;AACA,SAASC,gBAAT,QAAiC,2BAAjC;AACA,SAASC,mBAAT,QAAoC,uBAApC;AACA,SAASC,kBAAT,QAAmC,WAAnC;AAGA,OAAO,IAAMC,WAAyB,GAAG;AACvCC,EAAAA,OAAO,EAAE,GAD8B;AAEvCC,EAAAA,QAAQ,EAAE,EAF6B;AAGvCC,EAAAA,KAAK,EAAE;AAHgC,CAAlC;AAgBP,OAAO,IAAMC,KAAK,GAAGZ,UAAU,CAAC,SAASY,KAAT,OAW9BC,GAX8B,EAY9B;AAAA,qBAVEC,EAUF;AAAA,MAVMC,IAUN,wBAVa,KAUb;AAAA,MATYC,mBASZ,QATEC,QASF;AAAA,+BAREC,YAQF;AAAA,MAREA,YAQF,kCARiBV,WAQjB;AAAA,6BAPEW,UAOF;AAAA,MAPEA,UAOF,gCAPe,KAOf;AAAA,6BANEC,UAMF;AAAA,MANEA,UAMF,gCANe,KAMf;AAAA,MALEC,WAKF,QALEA,WAKF;AAAA,MAJEC,YAIF,QAJEA,YAIF;AAAA,MAHKC,UAGL;;AAAA,4BAKIhB,kBAAkB,EALtB;AAAA,kDAEEiB,KAFF;AAAA,MAEEA,KAFF,sCAEU,KAFV;AAAA,kDAGEC,YAHF;AAAA,MAGgBC,cAHhB,sCAGiC,CAHjC;AAAA,MAIEC,YAJF,uBAIEA,YAJF;;AAMA,MAAMV,QAAQ,GAAGf,OAAO,CAAC;AAAA,WAAMD,QAAQ,CAAC2B,OAAT,CAAiBZ,mBAAjB,CAAN;AAAA,GAAD,EAA8C,CACpEA,mBADoE,CAA9C,CAAxB;AAIA,MAAMa,WAAW,GAAG1B,aAAa,CAACuB,cAAD,EAAiB;AAChDI,IAAAA,MAAM,EAAEZ,YADwC;AAEhDa,IAAAA,IAAI,EAAE;AAAEC,MAAAA,OAAO,EAAE;AAAX,KAF0C;AAGhDC,IAAAA,KAAK,EAAE;AAAED,MAAAA,OAAO,EAAE;AAAX,KAHyC;AAIhDE,IAAAA,KAAK,EAAE;AAAEF,MAAAA,OAAO,EAAE;AAAX;AAJyC,GAAjB,CAAjC;;AAVA,6BAiBqB1B,mBAAmB,CAAC;AACvCe,IAAAA,WAAW,EAAXA,WADuC;AAEvCC,IAAAA,YAAY,EAAZA,YAFuC;AAGvCE,IAAAA,KAAK,EAALA,KAHuC;AAIvCG,IAAAA,YAAY,EAAZA;AAJuC,GAAD,CAjBxC;AAAA,MAiBQQ,QAjBR,wBAiBQA,QAjBR;;AAwBA,sBACE,oBAAC,IAAD;AACE,IAAA,YAAY,EAAEf,UAAU,GAAGe,QAAQ,CAACC,YAAZ,GAA2BC,SADrD;AAEE,IAAA,WAAW,EAAElB,UAAU,GAAGgB,QAAQ,CAACG,WAAZ,GAA0BD,SAFnD;AAGE,iBAAU,QAHZ;AAIE,4BAAqB,EAJvB;AAKE,IAAA,GAAG,EAAExB;AALP,KAMMU,UANN,GAQGM,WAAW,CAAC,UAACU,KAAD,EAAQC,IAAR,EAAiB;AAC5B,QAAMC,GAAG,GAAGpC,gBAAgB,CAACmC,IAAD,EAAOvB,QAAQ,CAACyB,MAAhB,CAA5B;;AACA,QAAID,GAAG,KAAK,IAAZ,EAAkB;AAChB,0BAAO,oBAAC,QAAD,CAAU,IAAV;AAAe,QAAA,KAAK,EAAEF;AAAtB,SAA8BtB,QAAQ,CAACwB,GAAD,CAAtC,CAAP;AACD;;AAED,WAAO,IAAP;AACD,GAPW,CARd,CADF;AAmBD,CAvD8B,CAAxB","sourcesContent":["import React, { forwardRef, Children, useMemo } from 'react';\nimport { useTransition, SpringConfig, animated } from 'react-spring';\nimport { getCircularIndex } from '../utils/getCircularIndex';\nimport { useCarouselGestures } from './useCarouselGestures';\nimport { useCarouselContext } from './context';\nimport { GestureHandlersState } from '../hooks';\n\nexport const faderConfig: SpringConfig = {\n  tension: 280,\n  friction: 75,\n  clamp: true,\n};\n\nexport interface FaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  mouseSwipe?: boolean;\n  touchSwipe?: boolean;\n  onSwipeRight?: (s: Partial<GestureHandlersState>) => void;\n  onSwipeLeft?: (s: Partial<GestureHandlersState>) => void;\n  springConfig?: SpringConfig;\n  children?: React.ReactNode[] | React.ReactNode;\n}\n\nexport const Fader = forwardRef(function Fader(\n  {\n    as: Comp = 'div',\n    children: maybeSingleChildren,\n    springConfig = faderConfig,\n    mouseSwipe = false,\n    touchSwipe = false,\n    onSwipeLeft,\n    onSwipeRight,\n    ...otherProps\n  }: FaderProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const {\n    isRTL = false,\n    currentSlide: nextSlideIndex = 0,\n    containerRef,\n  } = useCarouselContext();\n  const children = useMemo(() => Children.toArray(maybeSingleChildren), [\n    maybeSingleChildren,\n  ]);\n\n  const transitions = useTransition(nextSlideIndex, {\n    config: springConfig,\n    from: { opacity: 0 },\n    enter: { opacity: 1 },\n    leave: { opacity: 0 },\n  });\n\n  const { handlers } = useCarouselGestures({\n    onSwipeLeft,\n    onSwipeRight,\n    isRTL,\n    containerRef,\n  });\n\n  return (\n    <Comp\n      onTouchStart={touchSwipe ? handlers.onTouchStart : undefined}\n      onMouseDown={mouseSwipe ? handlers.onMouseDown : undefined}\n      aria-live=\"polite\"\n      data-carousel-slider=\"\"\n      ref={ref}\n      {...otherProps}\n    >\n      {transitions((style, item) => {\n        const idx = getCircularIndex(item, children.length);\n        if (idx !== null) {\n          return <animated.span style={style}>{children[idx]}</animated.span>;\n        }\n\n        return null;\n      })}\n    </Comp>\n  );\n});\n"],"file":"Fader.js"}

package/build/esm/Carousel/FaderItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface FaderItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    as?: React.ElementType<any>;
+}
+export declare const FaderItem: React.ForwardRefExoticComponent<FaderItemProps & React.RefAttributes<HTMLDivElement>>;

package/build/esm/Carousel/FaderItem.js

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import React, { forwardRef } from 'react';
+export var FaderItem = forwardRef(function FaderItem(_ref, ref) {
+  var _ref$as = _ref.as,
+      Comp = _ref$as === void 0 ? 'div' : _ref$as,
+      props = _objectWithoutProperties(_ref, ["as"]);
+
+  return /*#__PURE__*/React.createElement(Comp, _extends({
+    role: "group",
+    "aria-roledescription": "slide",
+    "data-carousel-fader-item": "",
+    ref: ref
+  }, props));
+});
+//# sourceMappingURL=FaderItem.js.map

package/build/esm/Carousel/FaderItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Carousel/FaderItem.tsx"],"names":["React","forwardRef","FaderItem","ref","as","Comp","props"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAMA,OAAO,IAAMC,SAAS,GAAGD,UAAU,CACjC,SAASC,SAAT,OAAmDC,GAAnD,EAAwD;AAAA,qBAAnCC,EAAmC;AAAA,MAA/BC,IAA+B,wBAAxB,KAAwB;AAAA,MAAdC,KAAc;;AACtD,sBACE,oBAAC,IAAD;AACE,IAAA,IAAI,EAAC,OADP;AAEE,4BAAqB,OAFvB;AAGE,gCAAyB,EAH3B;AAIE,IAAA,GAAG,EAAEH;AAJP,KAKMG,KALN,EADF;AASD,CAXgC,CAA5B","sourcesContent":["import React, { forwardRef } from 'react';\n\nexport interface FaderItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n}\n\nexport const FaderItem = forwardRef<HTMLDivElement, FaderItemProps>(\n  function FaderItem({ as: Comp = 'div', ...props }, ref) {\n    return (\n      <Comp\n        role=\"group\"\n        aria-roledescription=\"slide\"\n        data-carousel-fader-item=\"\"\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\n"],"file":"FaderItem.js"}

package/build/esm/Carousel/Preloader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface PreloaderProps {
+    children: React.ReactNode[] | React.ReactNode;
+    preloadNextCount?: number;
+    preloadPrevCount?: number;
+}
+export declare const Preloader: React.ForwardRefExoticComponent<PreloaderProps & React.RefAttributes<HTMLDivElement>>;

package/build/esm/Carousel/Preloader.js

@@ -0,0 +1,70 @@
+import React, { Children, forwardRef, cloneElement, useEffect, useRef } from 'react';
+import { useCarouselContext } from './context';
+import { getCircularIndex } from '../utils/getCircularIndex';
+export var Preloader = forwardRef(function Preloader(_ref, ref) {
+  var maybeSingleChildren = _ref.children,
+      _ref$preloadNextCount = _ref.preloadNextCount,
+      preloadNextCount = _ref$preloadNextCount === void 0 ? 0 : _ref$preloadNextCount,
+      _ref$preloadPrevCount = _ref.preloadPrevCount,
+      preloadPrevCount = _ref$preloadPrevCount === void 0 ? 0 : _ref$preloadPrevCount;
+
+  var _useCarouselContext = useCarouselContext(),
+      currentSlide = _useCarouselContext.currentSlide,
+      slidesToShow = _useCarouselContext.slidesToShow;
+
+  var preloadedImagesCache = useRef({});
+  var childrenRef = useRef(maybeSingleChildren);
+  useEffect(function () {
+    if (maybeSingleChildren !== childrenRef.current) {
+      // clear cache
+      childrenRef.current = maybeSingleChildren;
+      preloadedImagesCache.current = {};
+    }
+  }, [maybeSingleChildren]);
+  var children = Children.toArray(maybeSingleChildren);
+
+  if (preloadNextCount > 0 && preloadPrevCount > 0 && children.length > 0) {
+    var ret = [];
+
+    for (var i = currentSlide - preloadPrevCount; i <= currentSlide + (slidesToShow - 1) + preloadNextCount; i += 1) {
+      var idx = getCircularIndex(i, children.length);
+
+      if (!idx) {
+        continue;
+      }
+
+      if ( // ignore images currently rendered in carousel
+      i >= currentSlide && i <= currentSlide + (slidesToShow - 1) || // ignore images we've already preloaded first
+      preloadedImagesCache.current[idx]) {
+        // set images rendered as already preloaded
+        preloadedImagesCache.current[idx] = true;
+        continue;
+      }
+
+      preloadedImagesCache.current[idx] = true;
+      ret.push(cloneElement(children[idx], {
+        'data-carousel-preload': idx
+      }));
+    }
+
+    if (ret.length > 0) {
+      return /*#__PURE__*/React.createElement("div", {
+        ref: ref,
+        "data-carousel-preloader": true,
+        "aria-hidden": true,
+        style: {
+          width: '1px',
+          height: '0px',
+          padding: '0',
+          overflow: 'hidden',
+          position: 'fixed',
+          top: '1px',
+          left: '1px'
+        }
+      }, ret);
+    }
+  }
+
+  return null;
+});
+//# sourceMappingURL=Preloader.js.map

package/build/esm/Carousel/Preloader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Carousel/Preloader.tsx"],"names":["React","Children","forwardRef","cloneElement","useEffect","useRef","useCarouselContext","getCircularIndex","Preloader","ref","maybeSingleChildren","children","preloadNextCount","preloadPrevCount","currentSlide","slidesToShow","preloadedImagesCache","childrenRef","current","toArray","length","ret","i","idx","push","width","height","padding","overflow","position","top","left"],"mappings":"AAAA,OAAOA,KAAP,IACEC,QADF,EAEEC,UAFF,EAGEC,YAHF,EAIEC,SAJF,EAKEC,MALF,QAMO,OANP;AAOA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,gBAAT,QAAiC,2BAAjC;AAQA,OAAO,IAAMC,SAAS,GAAGN,UAAU,CACjC,SAASM,SAAT,OAMEC,GANF,EAOE;AAAA,MALYC,mBAKZ,QALEC,QAKF;AAAA,mCAJEC,gBAIF;AAAA,MAJEA,gBAIF,sCAJqB,CAIrB;AAAA,mCAHEC,gBAGF;AAAA,MAHEA,gBAGF,sCAHqB,CAGrB;;AAAA,4BACuCP,kBAAkB,EADzD;AAAA,MACQQ,YADR,uBACQA,YADR;AAAA,MACsBC,YADtB,uBACsBA,YADtB;;AAEA,MAAMC,oBAAoB,GAAGX,MAAM,CAAC,EAAD,CAAnC;AACA,MAAMY,WAAW,GAAGZ,MAAM,CAACK,mBAAD,CAA1B;AAEAN,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIM,mBAAmB,KAAKO,WAAW,CAACC,OAAxC,EAAiD;AAC/C;AACAD,MAAAA,WAAW,CAACC,OAAZ,GAAsBR,mBAAtB;AACAM,MAAAA,oBAAoB,CAACE,OAArB,GAA+B,EAA/B;AACD;AACF,GANQ,EAMN,CAACR,mBAAD,CANM,CAAT;AAQA,MAAMC,QAAQ,GAAGV,QAAQ,CAACkB,OAAT,CAAiBT,mBAAjB,CAAjB;;AAEA,MAAIE,gBAAgB,GAAG,CAAnB,IAAwBC,gBAAgB,GAAG,CAA3C,IAAgDF,QAAQ,CAACS,MAAT,GAAkB,CAAtE,EAAyE;AACvE,QAAMC,GAAyB,GAAG,EAAlC;;AACA,SACE,IAAIC,CAAC,GAAGR,YAAY,GAAGD,gBADzB,EAEES,CAAC,IAAIR,YAAY,IAAIC,YAAY,GAAG,CAAnB,CAAZ,GAAoCH,gBAF3C,EAGEU,CAAC,IAAI,CAHP,EAIE;AACA,UAAMC,GAAG,GAAGhB,gBAAgB,CAACe,CAAD,EAAIX,QAAQ,CAACS,MAAb,CAA5B;;AACA,UAAI,CAACG,GAAL,EAAU;AACR;AACD;;AAED,WACE;AACCD,MAAAA,CAAC,IAAIR,YAAL,IAAqBQ,CAAC,IAAIR,YAAY,IAAIC,YAAY,GAAG,CAAnB,CAAvC,IACA;AACAC,MAAAA,oBAAoB,CAACE,OAArB,CAA6BK,GAA7B,CAJF,EAKE;AACA;AACAP,QAAAA,oBAAoB,CAACE,OAArB,CAA6BK,GAA7B,IAAoC,IAApC;AACA;AACD;;AAEDP,MAAAA,oBAAoB,CAACE,OAArB,CAA6BK,GAA7B,IAAoC,IAApC;AACAF,MAAAA,GAAG,CAACG,IAAJ,CACErB,YAAY,CAACQ,QAAQ,CAACY,GAAD,CAAT,EAA2C;AACrD,iCAAyBA;AAD4B,OAA3C,CADd;AAKD;;AAED,QAAIF,GAAG,CAACD,MAAJ,GAAa,CAAjB,EAAoB;AAClB,0BACE;AACE,QAAA,GAAG,EAAEX,GADP;AAEE,uCAFF;AAGE,2BAHF;AAIE,QAAA,KAAK,EAAE;AACLgB,UAAAA,KAAK,EAAE,KADF;AAELC,UAAAA,MAAM,EAAE,KAFH;AAGLC,UAAAA,OAAO,EAAE,GAHJ;AAILC,UAAAA,QAAQ,EAAE,QAJL;AAKLC,UAAAA,QAAQ,EAAE,OALL;AAMLC,UAAAA,GAAG,EAAE,KANA;AAOLC,UAAAA,IAAI,EAAE;AAPD;AAJT,SAcGV,GAdH,CADF;AAkBD;AACF;;AAED,SAAO,IAAP;AACD,CA7EgC,CAA5B","sourcesContent":["import React, {\n  Children,\n  forwardRef,\n  cloneElement,\n  useEffect,\n  useRef,\n} from 'react';\nimport { useCarouselContext } from './context';\nimport { getCircularIndex } from '../utils/getCircularIndex';\n\nexport interface PreloaderProps {\n  children: React.ReactNode[] | React.ReactNode;\n  preloadNextCount?: number;\n  preloadPrevCount?: number;\n}\n\nexport const Preloader = forwardRef<HTMLDivElement, PreloaderProps>(\n  function Preloader(\n    {\n      children: maybeSingleChildren,\n      preloadNextCount = 0,\n      preloadPrevCount = 0,\n    },\n    ref\n  ) {\n    const { currentSlide, slidesToShow } = useCarouselContext();\n    const preloadedImagesCache = useRef({});\n    const childrenRef = useRef(maybeSingleChildren);\n\n    useEffect(() => {\n      if (maybeSingleChildren !== childrenRef.current) {\n        // clear cache\n        childrenRef.current = maybeSingleChildren;\n        preloadedImagesCache.current = {};\n      }\n    }, [maybeSingleChildren]);\n\n    const children = Children.toArray(maybeSingleChildren);\n\n    if (preloadNextCount > 0 && preloadPrevCount > 0 && children.length > 0) {\n      const ret: React.ReactElement[] = [];\n      for (\n        let i = currentSlide - preloadPrevCount;\n        i <= currentSlide + (slidesToShow - 1) + preloadNextCount;\n        i += 1\n      ) {\n        const idx = getCircularIndex(i, children.length);\n        if (!idx) {\n          continue;\n        }\n\n        if (\n          // ignore images currently rendered in carousel\n          (i >= currentSlide && i <= currentSlide + (slidesToShow - 1)) ||\n          // ignore images we've already preloaded first\n          preloadedImagesCache.current[idx]\n        ) {\n          // set images rendered as already preloaded\n          preloadedImagesCache.current[idx] = true;\n          continue;\n        }\n\n        preloadedImagesCache.current[idx] = true;\n        ret.push(\n          cloneElement(children[idx] as React.ReactElement<any>, {\n            'data-carousel-preload': idx,\n          })\n        );\n      }\n\n      if (ret.length > 0) {\n        return (\n          <div\n            ref={ref}\n            data-carousel-preloader\n            aria-hidden\n            style={{\n              width: '1px',\n              height: '0px',\n              padding: '0',\n              overflow: 'hidden',\n              position: 'fixed',\n              top: '1px',\n              left: '1px',\n            }}\n          >\n            {ret}\n          </div>\n        );\n      }\n    }\n\n    return null;\n  }\n);\n"],"file":"Preloader.js"}

package/build/esm/Carousel/Slider.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { SpringConfig } from 'react-spring';
+import { GestureHandlersState } from '../hooks';
+export declare const sliderConfig: SpringConfig;
+export interface SliderProps extends React.HTMLAttributes<HTMLDivElement> {
+    as?: React.ElementType<any>;
+    mouseSwipe?: boolean;
+    touchSwipe?: boolean;
+    onSwipeRight?: (s: Partial<GestureHandlersState>) => void;
+    onSwipeLeft?: (s: Partial<GestureHandlersState>) => void;
+    springConfig?: SpringConfig;
+    children?: React.ReactNode[] | React.ReactNode;
+}
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;