@basic-ui/core 0.0.38 → 0.0.39

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Accordion/AccordionBody.tsx"],"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"],"mappings":";;AAAA,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;;AAQA,OAAO,MAAMC,aAAa,gBAAGT,UAAU,CACrC,SAASS,aAAT,CAAuBC,KAAvB,EAA8BC,YAA9B,EAA4C;AAC1C,QAAM;AAAEC,IAAAA,EAAE,EAAEC,IAAI,GAAG;AAAb,MAAsCH,KAA5C;AAAA,QAA6BI,UAA7B,iCAA4CJ,KAA5C;;AACA,QAAMK,oBAAoB,GAAGX,uBAAuB,EAApD;AACA,QAAMY,gBAAgB,GAAGX,mBAAmB,EAA5C;AACA,QAAMY,GAAG,GAAGd,MAAM,EAAlB;AACA,QAAM,CAACe,KAAD,EAAQC,QAAR,IAAoBlB,QAAQ,EAAlC;;AAEA,MAAI,CAACc,oBAAL,EAA2B;AACzB,UAAM,IAAIK,KAAJ,CAAU,wCAAV,CAAN;AACD;;AAEDlB,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIc,gBAAJ,EAAsB;AACpB,YAAMK,UAAU,GAAGL,gBAAgB,CAACM,KAAjB,CAAuBC,OAAvB,CAA+BC,aAA/B,CACjBjB,UADiB,CAAnB;AAIA,YAAMW,KAAK,GAAGG,UAAU,CAACI,SAAX,CAAsBC,CAAD,IAAOA,CAAC,KAAKT,GAAG,CAACM,OAAtC,CAAd;AACAJ,MAAAA,QAAQ,CAACD,KAAD,CAAR;AACD;AACF,GATQ,EASN,CAACF,gBAAD,CATM,CAAT;AAWA,QAAMW,QAAQ,GAAGC,OAAO,CACtBb,oBAAoB,CAACY,QAArB,IACGX,gBAAgB,IAAIA,gBAAgB,CAACa,aAAjB,KAAmCX,KAFpC,CAAxB;AAKA,sBACE,KAAC,IAAD;AACE,IAAA,GAAG,EAAEV,kBAAkB,CAACG,YAAD,EAAeM,GAAf;AADzB,KAEMH,UAFN;AAGE,uBAAiBC,oBAAoB,CAACe,QAHxC;AAIE,IAAA,EAAE,EAAEf,oBAAoB,CAACgB,MAJ3B;AAKE,IAAA,IAAI,EAAC,QALP;AAME,2BAAoB,EANtB;AAOE,IAAA,MAAM,EAAEJ,QAAQ,GAAGK,SAAH,GAAe;AAPjC,KADF;AAWD,CAvCoC,CAAhC","sourcesContent":["import { forwardRef, useState, useEffect, useRef } from 'react';\nimport type * as React from 'react';\nimport { useAccordionItemContext, useAccordionContext } from './context';\nimport { bodyScopeQuery as scopeQuery } from './scopeQuery';\nimport { assignMultipleRefs } from '../utils';\n\nexport interface AccordionBodyProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.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 = accordionContext.scope.current.queryAllNodes(\n          scopeQuery\n        );\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"],"file":"AccordionBody.js"}
+{"version":3,"sources":["../../../src/Accordion/AccordionBody.tsx"],"names":["forwardRef","useState","useEffect","useRef","React","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"],"mappings":";;;AAAA,SAASA,UAAT,EAAqBC,QAArB,EAA+BC,SAA/B,EAA0CC,MAA1C,QAAwD,OAAxD;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAEA,SAASC,uBAAT,EAAkCC,mBAAlC,QAA6D,WAA7D;AACA,SAASC,cAAc,IAAIC,UAA3B,QAA6C,cAA7C;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAQA,OAAO,IAAMC,aAAa,gBAAGV,UAAU,CACrC,SAASU,aAAT,CAAuBC,KAAvB,EAA8BC,YAA9B,EAA4C;AAAA,kBACED,KADF,CAClCE,EADkC;AAAA,MAC9BC,IAD8B,0BACvB,KADuB;AAAA,MACbC,UADa,4BACEJ,KADF;;AAE1C,MAAMK,oBAAoB,GAAGX,uBAAuB,EAApD;AACA,MAAMY,gBAAgB,GAAGX,mBAAmB,EAA5C;AACA,MAAMY,GAAG,GAAGf,MAAM,EAAlB;;AAJ0C,kBAKhBF,QAAQ,EALQ;AAAA;AAAA,MAKnCkB,KALmC;AAAA,MAK5BC,QAL4B;;AAO1C,MAAI,CAACJ,oBAAL,EAA2B;AACzB,UAAM,IAAIK,KAAJ,CAAU,wCAAV,CAAN;AACD;;AAEDnB,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIe,gBAAJ,EAAsB;AACpB,UAAMK,UAAU,GACdL,gBAAgB,CAACM,KAAjB,CAAuBC,OAAvB,CAA+BC,aAA/B,CAA6CjB,UAA7C,CADF;;AAGA,UAAMW,MAAK,GAAGG,UAAU,CAACI,SAAX,CAAqB,UAACC,CAAD;AAAA,eAAOA,CAAC,KAAKT,GAAG,CAACM,OAAjB;AAAA,OAArB,CAAd;;AACAJ,MAAAA,QAAQ,CAACD,MAAD,CAAR;AACD;AACF,GARQ,EAQN,CAACF,gBAAD,CARM,CAAT;AAUA,MAAMW,QAAQ,GAAGC,OAAO,CACtBb,oBAAoB,CAACY,QAArB,IACGX,gBAAgB,IAAIA,gBAAgB,CAACa,aAAjB,KAAmCX,KAFpC,CAAxB;AAKA,sBACE,KAAC,IAAD;AACE,IAAA,GAAG,EAAEV,kBAAkB,CAACG,YAAD,EAAeM,GAAf;AADzB,KAEMH,UAFN;AAGE,uBAAiBC,oBAAoB,CAACe,QAHxC;AAIE,IAAA,EAAE,EAAEf,oBAAoB,CAACgB,MAJ3B;AAKE,IAAA,IAAI,EAAC,QALP;AAME,2BAAoB,EANtB;AAOE,IAAA,MAAM,EAAEJ,QAAQ,GAAGK,SAAH,GAAe;AAPjC,KADF;AAWD,CAtCoC,CAAhC","sourcesContent":["import { forwardRef, useState, useEffect, useRef } from 'react';\nimport * as React from 'react';\n\nimport { useAccordionItemContext, useAccordionContext } from './context';\nimport { bodyScopeQuery as scopeQuery } from './scopeQuery';\nimport { assignMultipleRefs } from '../utils';\n\nexport interface AccordionBodyProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.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"],"file":"AccordionBody.js"}

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

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface AccordionHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;

package/build/esm/Accordion/AccordionHeader.js

@@ -1,44 +1,55 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef, useRef, useState, useEffect } from 'react';
+import * as React 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 const AccordionHeader = /*#__PURE__*/forwardRef(function AccordionHeader(props, forwardedRef) {
-  const {
-    as: Comp = 'div',
-    onKeyDown,
-    onClick: onClickProp,
-    onFocus,
-    onBlur
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as", "onKeyDown", "onClick", "onFocus", "onBlur"]);
-
-  const accordionContext = useAccordionContext();
-  const accordionItemContext = useAccordionItemContext();
-  const ref = useRef();
-  const [index, setIndex] = useState();
+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, ["as", "onKeyDown", "onClick", "onFocus", "onBlur"]);
+
+  var accordionContext = useAccordionContext();
+  var accordionItemContext = useAccordionItemContext();
+  var ref = useRef();
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      index = _useState2[0],
+      setIndex = _useState2[1];
 
   if (!accordionItemContext) {
     throw new Error('Missing parent <Accordion /> component');
   }
 
-  useEffect(() => {
+  useEffect(function () {
     if (accordionContext) {
-      const allHeaders = accordionContext.scope.current.queryAllNodes(scopeQuery) || [];
-      const index = allHeaders.findIndex(e => e === ref.current);
-      setIndex(index);
+      var allHeaders = accordionContext.scope.current.queryAllNodes(scopeQuery) || [];
+
+      var _index = allHeaders.findIndex(function (e) {
+        return e === ref.current;
+      });
+
+      setIndex(_index);
     }
   }, [accordionContext]);
-  const onClick = wrapEvent(onClickProp, e => {
-    let index = 0;
+  var onClick = wrapEvent(onClickProp, function (e) {
+    var index = 0;
 
     if (accordionItemContext.expanded) {
       index = -1;
     } else if (accordionContext) {
-      const allHeaders = accordionContext.scope.current.queryAllNodes(scopeQuery) || [];
-      index = allHeaders.findIndex(e => e === ref.current);
+      var allHeaders = accordionContext.scope.current.queryAllNodes(scopeQuery) || [];
+      index = allHeaders.findIndex(function (e) {
+        return e === ref.current;
+      });
 
       if (index === accordionContext.expandedIndex) {
         index = -1;
@@ -50,7 +61,7 @@ export const AccordionHeader = /*#__PURE__*/forwardRef(function AccordionHeader(
     accordionItemContext.onChange && accordionItemContext.onChange(e, index >= 0);
   });
 
-  const handleKeyDown = e => {
+  var handleKeyDown = function handleKeyDown(e) {
     switch (e.key) {
       case 'Enter':
       case ' ':
@@ -69,14 +80,16 @@ export const AccordionHeader = /*#__PURE__*/forwardRef(function AccordionHeader(
             return;
           }
 
-          const allHeaders = accordionContext.scope.current.queryAllNodes(scopeQuery);
+          var allHeaders = accordionContext.scope.current.queryAllNodes(scopeQuery);
           e.preventDefault();
 
           if (allHeaders.length === 0) {
             return;
           }
 
-          let nextIndex = allHeaders.findIndex(e => e === ref.current);
+          var nextIndex = allHeaders.findIndex(function (e) {
+            return e === ref.current;
+          });
 
           switch (e.key) {
             case 'ArrowUp':
@@ -108,7 +121,7 @@ export const AccordionHeader = /*#__PURE__*/forwardRef(function AccordionHeader(
     }
   };
 
-  const handleFocus = () => {
+  var handleFocus = function handleFocus() {
     if (accordionContext) {
       if (!accordionContext.childrenHeaderHasFocus) {
         // this is needed to avoid rerendering the parent and
@@ -118,10 +131,12 @@ export const AccordionHeader = /*#__PURE__*/forwardRef(function AccordionHeader(
     }
   };
 
-  const handleBlur = e => {
+  var handleBlur = function handleBlur(e) {
     if (accordionContext) {
-      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
+      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
 
       if (!newFocusIsHeader) {
@@ -130,7 +145,7 @@ export const AccordionHeader = /*#__PURE__*/forwardRef(function AccordionHeader(
     }
   };
 
-  const expanded = Boolean(accordionItemContext.expanded || accordionContext && accordionContext.expandedIndex === index);
+  var expanded = Boolean(accordionItemContext.expanded || accordionContext && accordionContext.expandedIndex === index);
   return /*#__PURE__*/_jsx(Comp, _extends({
     ref: assignMultipleRefs(ref, forwardedRef)
   }, otherProps, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Accordion/AccordionHeader.tsx"],"names":["forwardRef","useRef","useState","useEffect","wrapEvent","assignMultipleRefs","getCircularIndex","useAccordionContext","useAccordionItemContext","headerScopeQuery","scopeQuery","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","headerId","bodyId","String"],"mappings":"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","sourcesContent":["import { forwardRef, useRef, useState, useEffect } from 'react';\nimport type * as React from 'react';\nimport { wrapEvent, assignMultipleRefs, getCircularIndex } from '../utils';\nimport { useAccordionContext, useAccordionItemContext } from './context';\nimport { headerScopeQuery as scopeQuery } from './scopeQuery';\n\nexport interface AccordionHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.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(\n      onClickProp,\n      (e: React.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\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      switch (e.key) {\n        case 'Enter':\n        case ' ': {\n          onClick((e as unknown) as React.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 = accordionContext.scope.current.queryAllNodes(\n            scopeQuery\n          );\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: React.FocusEvent<HTMLDivElement>) => {\n      if (accordionContext) {\n        const allHeaders = accordionContext.scope.current.queryAllNodes(\n          scopeQuery\n        );\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"],"file":"AccordionHeader.js"}
+{"version":3,"sources":["../../../src/Accordion/AccordionHeader.tsx"],"names":["forwardRef","useRef","useState","useEffect","React","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"],"mappings":"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","sourcesContent":["import { forwardRef, useRef, useState, useEffect } from 'react';\nimport * as React from 'react';\n\nimport { wrapEvent, assignMultipleRefs, getCircularIndex } from '../utils';\nimport { useAccordionContext, useAccordionItemContext } from './context';\nimport { headerScopeQuery as scopeQuery } from './scopeQuery';\n\nexport interface AccordionHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.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(\n      onClickProp,\n      (e: React.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\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      switch (e.key) {\n        case 'Enter':\n        case ' ': {\n          onClick(e as unknown as React.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: React.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"],"file":"AccordionHeader.js"}

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

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface AccordionItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;

package/build/esm/Accordion/AccordionItem.js

@@ -1,24 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { Fragment, forwardRef, useId } from 'react';
+import * as React from 'react';
 import { AccordionItemProvider } from './context';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const AccordionItem = /*#__PURE__*/forwardRef(function AccordionItem(props, forwardedRef) {
-  const {
-    as: Comp = Fragment,
-    expanded = false,
-    onChange
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as", "expanded", "onChange"]);
+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, ["as", "expanded", "onChange"]);
 
-  const id = useId();
-  const headerId = id ? "accordion-header-".concat(id) : undefined;
-  const bodyId = id ? "accordion-body-".concat(id) : undefined;
-  const contextValue = {
-    headerId,
-    bodyId,
-    expanded,
-    onChange
+  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
   };
   return /*#__PURE__*/_jsx(AccordionItemProvider, {
     value: contextValue,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Accordion/AccordionItem.tsx"],"names":["Fragment","forwardRef","useId","AccordionItemProvider","AccordionItem","props","forwardedRef","as","Comp","expanded","onChange","otherProps","id","headerId","undefined","bodyId","contextValue"],"mappings":";;AAAA,SAASA,QAAT,EAAmBC,UAAnB,EAA+BC,KAA/B,QAA4C,OAA5C;AAEA,SAAoCC,qBAApC,QAAiE,WAAjE;;AAcA,OAAO,MAAMC,aAAa,gBAAGH,UAAU,CACrC,SAASG,aAAT,CAAuBC,KAAvB,EAA8BC,YAA9B,EAA4C;AAC1C,QAAM;AACJC,IAAAA,EAAE,EAAEC,IAAI,GAAGR,QADP;AAEJS,IAAAA,QAAQ,GAAG,KAFP;AAGJC,IAAAA;AAHI,MAKFL,KALJ;AAAA,QAIKM,UAJL,iCAKIN,KALJ;;AAMA,QAAMO,EAAE,GAAGV,KAAK,EAAhB;AAEA,QAAMW,QAAQ,GAAGD,EAAE,8BAAuBA,EAAvB,IAA8BE,SAAjD;AACA,QAAMC,MAAM,GAAGH,EAAE,4BAAqBA,EAArB,IAA4BE,SAA7C;AACA,QAAME,YAAuC,GAAG;AAC9CH,IAAAA,QAD8C;AAE9CE,IAAAA,MAF8C;AAG9CN,IAAAA,QAH8C;AAI9CC,IAAAA;AAJ8C,GAAhD;AAOA,sBACE,KAAC,qBAAD;AAAuB,IAAA,KAAK,EAAEM,YAA9B;AAAA,2BACE,KAAC,IAAD;AAAM,MAAA,GAAG,EAAEV;AAAX,OAA6BK,UAA7B;AADF,IADF;AAKD,CAxBoC,CAAhC","sourcesContent":["import { Fragment, forwardRef, useId } from 'react';\nimport type * as React from 'react';\nimport { AccordionItemContextProps, AccordionItemProvider } from './context';\n\nexport interface AccordionItemProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  expanded?: boolean;\n  onChange?: (\n    e: React.KeyboardEvent<HTMLDivElement> | React.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"],"file":"AccordionItem.js"}
+{"version":3,"sources":["../../../src/Accordion/AccordionItem.tsx"],"names":["Fragment","forwardRef","useId","React","AccordionItemProvider","AccordionItem","props","forwardedRef","as","Comp","expanded","onChange","otherProps","id","headerId","undefined","bodyId","contextValue"],"mappings":";;AAAA,SAASA,QAAT,EAAmBC,UAAnB,EAA+BC,KAA/B,QAA4C,OAA5C;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAGA,SAASC,qBAAT,QAAsC,WAAtC;;AAcA,OAAO,IAAMC,aAAa,gBAAGJ,UAAU,CACrC,SAASI,aAAT,CAAuBC,KAAvB,EAA8BC,YAA9B,EAA4C;AAAA,kBAMtCD,KANsC,CAExCE,EAFwC;AAAA,MAEpCC,IAFoC,0BAE7BT,QAF6B;AAAA,wBAMtCM,KANsC,CAGxCI,QAHwC;AAAA,MAGxCA,QAHwC,gCAG7B,KAH6B;AAAA,MAIxCC,QAJwC,GAMtCL,KANsC,CAIxCK,QAJwC;AAAA,MAKrCC,UALqC,4BAMtCN,KANsC;;AAO1C,MAAMO,EAAE,GAAGX,KAAK,EAAhB;AAEA,MAAMY,QAAQ,GAAGD,EAAE,8BAAuBA,EAAvB,IAA8BE,SAAjD;AACA,MAAMC,MAAM,GAAGH,EAAE,4BAAqBA,EAArB,IAA4BE,SAA7C;AACA,MAAME,YAAuC,GAAG;AAC9CH,IAAAA,QAAQ,EAARA,QAD8C;AAE9CE,IAAAA,MAAM,EAANA,MAF8C;AAG9CN,IAAAA,QAAQ,EAARA,QAH8C;AAI9CC,IAAAA,QAAQ,EAARA;AAJ8C,GAAhD;AAOA,sBACE,KAAC,qBAAD;AAAuB,IAAA,KAAK,EAAEM,YAA9B;AAAA,2BACE,KAAC,IAAD;AAAM,MAAA,GAAG,EAAEV;AAAX,OAA6BK,UAA7B;AADF,IADF;AAKD,CAxBoC,CAAhC","sourcesContent":["import { Fragment, forwardRef, useId } from 'react';\nimport * as React from 'react';\n\nimport type { AccordionItemContextProps } from './context';\nimport { AccordionItemProvider } from './context';\n\nexport interface AccordionItemProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  expanded?: boolean;\n  onChange?: (\n    e: React.KeyboardEvent<HTMLDivElement> | React.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"],"file":"AccordionItem.js"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Scope } from '../hooks/useScope';
+import type { Scope } from '../hooks/useScope';
 export interface AccordionContextProps {
     childrenHeaderHasFocus: boolean;
     setChildrenHeaderHasFocus: (value: boolean) => void;

package/build/esm/Accordion/context.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Accordion/context.ts"],"names":["useContext","createContext","accordionContext","Provider","AccordionProvider","useAccordionContext","accordionItemContext","AccordionItemProvider","useAccordionItemContext"],"mappings":"AAAA,SAASA,UAAT,EAAqBC,aAArB,QAA0C,OAA1C;AAeA,MAAMC,gBAAgB,gBAAGD,aAAa,CAA+B,IAA/B,CAAtC;AACA,OAAO,MAAM;AAAEE,EAAAA,QAAQ,EAAEC;AAAZ,IAAkCF,gBAAxC;AACP,OAAO,MAAMG,mBAAmB,GAAG,MAAML,UAAU,CAACE,gBAAD,CAA5C,C,CAEP;;AAWA,MAAMI,oBAAoB,gBAAGL,aAAa,CACxC,IADwC,CAA1C;AAGA,OAAO,MAAM;AAAEE,EAAAA,QAAQ,EAAEI;AAAZ,IAAsCD,oBAA5C;AACP,OAAO,MAAME,uBAAuB,GAAG,MAAMR,UAAU,CAACM,oBAAD,CAAhD","sourcesContent":["import { useContext, createContext } from 'react';\nimport { 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: React.KeyboardEvent<HTMLDivElement> | React.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: React.KeyboardEvent<HTMLDivElement> | React.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"],"file":"context.js"}
+{"version":3,"sources":["../../../src/Accordion/context.ts"],"names":["useContext","createContext","accordionContext","AccordionProvider","Provider","useAccordionContext","accordionItemContext","AccordionItemProvider","useAccordionItemContext"],"mappings":"AAAA,SAASA,UAAT,EAAqBC,aAArB,QAA0C,OAA1C;AAgBA,IAAMC,gBAAgB,gBAAGD,aAAa,CAA+B,IAA/B,CAAtC;IACyBE,iB,GAAsBD,gB,CAAhCE,Q;;AACf,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB;AAAA,SAAML,UAAU,CAACE,gBAAD,CAAhB;AAAA,CAA5B,C,CAEP;;AAWA,IAAMI,oBAAoB,gBAAGL,aAAa,CACxC,IADwC,CAA1C;IAGyBM,qB,GAA0BD,oB,CAApCF,Q;;AACf,OAAO,IAAMI,uBAAuB,GAAG,SAA1BA,uBAA0B;AAAA,SAAMR,UAAU,CAACM,oBAAD,CAAhB;AAAA,CAAhC","sourcesContent":["import { 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: React.KeyboardEvent<HTMLDivElement> | React.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: React.KeyboardEvent<HTMLDivElement> | React.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"],"file":"context.js"}

package/build/esm/CheckBox/CheckBox.d.ts

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface CheckBoxProps extends React.InputHTMLAttributes<HTMLInputElement> {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;

package/build/esm/CheckBox/CheckBox.js

@@ -1,20 +1,28 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
+import * as React from 'react';
 import { useControlledState } from '../hooks';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const CheckBox = /*#__PURE__*/forwardRef(function CheckBox(props, forwardedRef) {
-  const {
-    as: Comp = 'input',
-    checked: checkedProp,
-    defaultChecked = false,
-    onChange: onChangeProp
-  } = props,
-        otherProps = _objectWithoutPropertiesLoose(props, ["as", "checked", "defaultChecked", "onChange"]);
+export var CheckBox = /*#__PURE__*/forwardRef(function CheckBox(props, forwardedRef) {
+  var _props$as = props.as,
+      Comp = _props$as === void 0 ? 'input' : _props$as,
+      checkedProp = props.checked,
+      _props$defaultChecked = props.defaultChecked,
+      defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
+      onChangeProp = props.onChange,
+      otherProps = _objectWithoutProperties(props, ["as", "checked", "defaultChecked", "onChange"]);
+
+  var _useControlledState = useControlledState(checkedProp, onChangeProp, defaultChecked, function (setValue) {
+    return function (e) {
+      setValue(e.target.checked);
+    };
+  }),
+      _useControlledState2 = _slicedToArray(_useControlledState, 2),
+      checked = _useControlledState2[0],
+      onChange = _useControlledState2[1];
 
-  const [checked, onChange] = useControlledState(checkedProp, onChangeProp, defaultChecked, setValue => e => {
-    setValue(e.target.checked);
-  });
   return /*#__PURE__*/_jsx(Comp, _extends({
     ref: forwardedRef,
     type: "checkbox",

package/build/esm/CheckBox/CheckBox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/CheckBox/CheckBox.tsx"],"names":["forwardRef","useControlledState","CheckBox","props","forwardedRef","as","Comp","checked","checkedProp","defaultChecked","onChange","onChangeProp","otherProps","setValue","e","target"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,kBAAT,QAAmC,UAAnC;;AASA,OAAO,MAAMC,QAAQ,gBAAGF,UAAU,CAChC,SAASE,QAAT,CAAkBC,KAAlB,EAAyBC,YAAzB,EAAuC;AACrC,QAAM;AACJC,IAAAA,EAAE,EAAEC,IAAI,GAAG,OADP;AAEJC,IAAAA,OAAO,EAAEC,WAFL;AAGJC,IAAAA,cAAc,GAAG,KAHb;AAIJC,IAAAA,QAAQ,EAAEC;AAJN,MAMFR,KANJ;AAAA,QAKKS,UALL,iCAMIT,KANJ;;AAOA,QAAM,CAACI,OAAD,EAAUG,QAAV,IAAsBT,kBAAkB,CAC5CO,WAD4C,EAE5CG,YAF4C,EAG5CF,cAH4C,EAI3CI,QAAD,IAAeC,CAAD,IAAO;AACnBD,IAAAA,QAAQ,CAACC,CAAC,CAACC,MAAF,CAASR,OAAV,CAAR;AACD,GAN2C,CAA9C;AASA,sBACE,KAAC,IAAD;AACE,IAAA,GAAG,EAAEH,YADP;AAEE,IAAA,IAAI,EAAC,UAFP;AAGE,IAAA,OAAO,EAAEG,OAHX;AAIE,oBAAcA,OAJhB;AAKE,IAAA,QAAQ,EAAEG;AALZ,KAMME,UANN,EADF;AAUD,CA5B+B,CAA3B","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { useControlledState } from '../hooks';\n\nexport interface CheckBoxProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n}\n\nexport const CheckBox = forwardRef<HTMLInputElement, CheckBoxProps>(\n  function CheckBox(props, forwardedRef) {\n    const {\n      as: Comp = 'input',\n      checked: checkedProp,\n      defaultChecked = false,\n      onChange: onChangeProp,\n      ...otherProps\n    } = props;\n    const [checked, onChange] = useControlledState(\n      checkedProp,\n      onChangeProp,\n      defaultChecked,\n      (setValue) => (e) => {\n        setValue(e.target.checked);\n      }\n    );\n\n    return (\n      <Comp\n        ref={forwardedRef}\n        type=\"checkbox\"\n        checked={checked}\n        aria-checked={checked}\n        onChange={onChange}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"file":"CheckBox.js"}
+{"version":3,"sources":["../../../src/CheckBox/CheckBox.tsx"],"names":["forwardRef","React","useControlledState","CheckBox","props","forwardedRef","as","Comp","checkedProp","checked","defaultChecked","onChangeProp","onChange","otherProps","setValue","e","target"],"mappings":";;;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAEA,SAASC,kBAAT,QAAmC,UAAnC;;AASA,OAAO,IAAMC,QAAQ,gBAAGH,UAAU,CAChC,SAASG,QAAT,CAAkBC,KAAlB,EAAyBC,YAAzB,EAAuC;AAAA,kBAOjCD,KAPiC,CAEnCE,EAFmC;AAAA,MAE/BC,IAF+B,0BAExB,OAFwB;AAAA,MAG1BC,WAH0B,GAOjCJ,KAPiC,CAGnCK,OAHmC;AAAA,8BAOjCL,KAPiC,CAInCM,cAJmC;AAAA,MAInCA,cAJmC,sCAIlB,KAJkB;AAAA,MAKzBC,YALyB,GAOjCP,KAPiC,CAKnCQ,QALmC;AAAA,MAMhCC,UANgC,4BAOjCT,KAPiC;;AAAA,4BAQTF,kBAAkB,CAC5CM,WAD4C,EAE5CG,YAF4C,EAG5CD,cAH4C,EAI5C,UAACI,QAAD;AAAA,WAAc,UAACC,CAAD,EAAO;AACnBD,MAAAA,QAAQ,CAACC,CAAC,CAACC,MAAF,CAASP,OAAV,CAAR;AACD,KAFD;AAAA,GAJ4C,CART;AAAA;AAAA,MAQ9BA,OAR8B;AAAA,MAQrBG,QARqB;;AAiBrC,sBACE,KAAC,IAAD;AACE,IAAA,GAAG,EAAEP,YADP;AAEE,IAAA,IAAI,EAAC,UAFP;AAGE,IAAA,OAAO,EAAEI,OAHX;AAIE,oBAAcA,OAJhB;AAKE,IAAA,QAAQ,EAAEG;AALZ,KAMMC,UANN,EADF;AAUD,CA5B+B,CAA3B","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\n\nimport { useControlledState } from '../hooks';\n\nexport interface CheckBoxProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n}\n\nexport const CheckBox = forwardRef<HTMLInputElement, CheckBoxProps>(\n  function CheckBox(props, forwardedRef) {\n    const {\n      as: Comp = 'input',\n      checked: checkedProp,\n      defaultChecked = false,\n      onChange: onChangeProp,\n      ...otherProps\n    } = props;\n    const [checked, onChange] = useControlledState(\n      checkedProp,\n      onChangeProp,\n      defaultChecked,\n      (setValue) => (e) => {\n        setValue(e.target.checked);\n      }\n    );\n\n    return (\n      <Comp\n        ref={forwardedRef}\n        type=\"checkbox\"\n        checked={checked}\n        aria-checked={checked}\n        onChange={onChange}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"file":"CheckBox.js"}

package/build/esm/ComboBox/Combobox.d.ts

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export declare type SelectEventHandler = (text: string, itemId: string, obj: any) => void;
 export declare type ComboboxProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
     onSelect?: SelectEventHandler;

package/build/esm/ComboBox/Combobox.js

@@ -1,50 +1,49 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef, useRef, useMemo, useId } from 'react';
+import * as React from 'react';
 import { stateChart, comboboxReducer, isVisible, INIT } from './hooks';
 import { ComboBoxProvider } from './context';
 import { useReducerMachine } from '../hooks/useReducerMachine';
 import { getScope } from '../hooks';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Combobox = /*#__PURE__*/forwardRef(function Combobox(_ref, ref) {
-  let {
-    // Called whenever the user selects an item from the list
-    onSelect,
-    // opens the list when the input receives focused (but only if there are
-    // items in the list)
-    openOnFocus = false,
-    // if set to true, it will select an item after blurring
-    selectOnBlur = false,
-    children,
-    as: Comp = 'div',
-    innerAs
-  } = _ref,
-      rest = _objectWithoutPropertiesLoose(_ref, ["onSelect", "openOnFocus", "selectOnBlur", "children", "as", "innerAs"]);
+export var Combobox = /*#__PURE__*/forwardRef(function Combobox(_ref, ref) {
+  var onSelect = _ref.onSelect,
+      _ref$openOnFocus = _ref.openOnFocus,
+      openOnFocus = _ref$openOnFocus === void 0 ? false : _ref$openOnFocus,
+      _ref$selectOnBlur = _ref.selectOnBlur,
+      selectOnBlur = _ref$selectOnBlur === void 0 ? false : _ref$selectOnBlur,
+      children = _ref.children,
+      _ref$as = _ref.as,
+      Comp = _ref$as === void 0 ? 'div' : _ref$as,
+      innerAs = _ref.innerAs,
+      rest = _objectWithoutProperties(_ref, ["onSelect", "openOnFocus", "selectOnBlur", "children", "as", "innerAs"]);
 
   // We store the values of all the ComboboxOptions on this ref. This makes it
   // possible to perform the keyboard navigation from the input on the list. We
   // manipulate this array through context so that we don't have to enforce a
   // parent/child relationship between ComboboxList and ComboboxOption.
-  const optionsRef = useRef({});
-  const listScope = useRef(getScope({
+  var optionsRef = useRef({});
+  var listScope = useRef(getScope({
     current: null
   })); // Need this to focus it
 
-  const inputRef = useRef(null);
-  const popoverRef = useRef(null);
-  const buttonRef = useRef(null); // When <ComboboxInput autocomplete={false} /> we don't want cycle back to
+  var inputRef = useRef(null);
+  var popoverRef = useRef(null);
+  var buttonRef = useRef(null); // When <ComboboxInput autocomplete={false} /> we don't want cycle back to
   // the user's value while navigating (because it's always the user's value),
   // but we need to know this in useKeyDown which is far away from the prop
   // here, so we do something sneaky and write it to this ref on context so we
   // can use it anywhere else 😛. Another new trick for me and I'm excited
   // about this one too!
 
-  const autocompletePropRef = useRef(false);
-  const persistSelectionRef = useRef(false);
-  const clearOnEscapeRef = useRef(false);
-  const listboxIdRef = useRef();
-  const labelIdRef = useRef();
-  const defaultData = {
+  var autocompletePropRef = useRef(false);
+  var persistSelectionRef = useRef(false);
+  var clearOnEscapeRef = useRef(false);
+  var listboxIdRef = useRef();
+  var labelIdRef = useRef();
+  var defaultData = {
     // initial state
     state: stateChart.initial,
     // the value the user has typed, we derived this also when the developer is
@@ -58,28 +57,36 @@ export const Combobox = /*#__PURE__*/forwardRef(function Combobox(_ref, ref) {
     // the last submitted action
     lastActionType: INIT
   };
-  const [state, data, transition] = useReducerMachine(stateChart, comboboxReducer, defaultData);
+
+  var _useReducerMachine = useReducerMachine(stateChart, comboboxReducer, defaultData),
+      _useReducerMachine2 = _slicedToArray(_useReducerMachine, 3),
+      state = _useReducerMachine2[0],
+      data = _useReducerMachine2[1],
+      transition = _useReducerMachine2[2];
+
   listboxIdRef.current = useId();
   labelIdRef.current = useId();
-  const context = useMemo(() => ({
-    data,
-    inputRef,
-    popoverRef,
-    buttonRef,
-    onSelect,
-    optionsRef,
-    listScope,
-    state,
-    transition,
-    listboxIdRef,
-    labelIdRef,
-    autocompletePropRef,
-    persistSelectionRef,
-    clearOnEscapeRef,
-    isVisible: isVisible(state),
-    openOnFocus,
-    selectOnBlur
-  }), [data, onSelect, listScope, state, transition, openOnFocus, selectOnBlur]);
+  var context = useMemo(function () {
+    return {
+      data: data,
+      inputRef: inputRef,
+      popoverRef: popoverRef,
+      buttonRef: buttonRef,
+      onSelect: onSelect,
+      optionsRef: optionsRef,
+      listScope: listScope,
+      state: state,
+      transition: transition,
+      listboxIdRef: listboxIdRef,
+      labelIdRef: labelIdRef,
+      autocompletePropRef: autocompletePropRef,
+      persistSelectionRef: persistSelectionRef,
+      clearOnEscapeRef: clearOnEscapeRef,
+      isVisible: isVisible(state),
+      openOnFocus: openOnFocus,
+      selectOnBlur: selectOnBlur
+    };
+  }, [data, onSelect, listScope, state, transition, openOnFocus, selectOnBlur]);
   return /*#__PURE__*/_jsx(ComboBoxProvider, {
     value: context,
     children: /*#__PURE__*/_jsx(Comp, _extends({}, rest, {

package/build/esm/ComboBox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/Combobox.tsx"],"names":["forwardRef","useRef","useMemo","useId","stateChart","comboboxReducer","isVisible","INIT","ComboBoxProvider","useReducerMachine","getScope","Combobox","ref","onSelect","openOnFocus","selectOnBlur","children","as","Comp","innerAs","rest","optionsRef","listScope","current","inputRef","popoverRef","buttonRef","autocompletePropRef","persistSelectionRef","clearOnEscapeRef","listboxIdRef","labelIdRef","defaultData","state","initial","text","item","navigationItem","lastActionType","data","transition","context"],"mappings":"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","sourcesContent":["import { forwardRef, useRef, useMemo, useId } from 'react';\nimport type * as React from 'react';\nimport {\n  stateChart,\n  comboboxReducer,\n  isVisible,\n  INIT,\n  ActionTypes,\n} from './hooks';\nimport { ComboBoxProvider, ComboBoxContextProps } from './context';\nimport { useReducerMachine } from '../hooks/useReducerMachine';\nimport { Scope, getScope } from '../hooks';\n\nexport type SelectEventHandler = (\n  text: string,\n  itemId: string,\n  obj: any\n) => void;\n\nexport type ComboboxProps = Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'onSelect'\n> & {\n  onSelect?: SelectEventHandler;\n  openOnFocus?: boolean;\n  selectOnBlur?: boolean;\n  children?: React.ReactNode;\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n};\n\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>(\n  function Combobox(\n    {\n      // Called whenever the user selects an item from the list\n      onSelect,\n\n      // opens the list when the input receives focused (but only if there are\n      // items in the list)\n      openOnFocus = false,\n\n      // if set to true, it will select an item after blurring\n      selectOnBlur = false,\n\n      children,\n      as: Comp = 'div',\n      innerAs,\n      ...rest\n    }: ComboboxProps,\n    ref\n  ) {\n    // We store the values of all the ComboboxOptions on this ref. This makes it\n    // possible to perform the keyboard navigation from the input on the list. We\n    // manipulate this array through context so that we don't have to enforce a\n    // parent/child relationship between ComboboxList and ComboboxOption.\n    const optionsRef = useRef<{\n      [itemId: string]: {\n        value: string | unknown;\n        text: string;\n      };\n    }>({});\n\n    const listScope: Scope<HTMLElement> = useRef(getScope({ current: null }));\n\n    // Need this to focus it\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const popoverRef = useRef<HTMLDivElement>(null);\n\n    const buttonRef = useRef<HTMLButtonElement>(null);\n\n    // When <ComboboxInput autocomplete={false} /> we don't want cycle back to\n    // the user's value while navigating (because it's always the user's value),\n    // but we need to know this in useKeyDown which is far away from the prop\n    // here, so we do something sneaky and write it to this ref on context so we\n    // can use it anywhere else 😛. Another new trick for me and I'm excited\n    // about this one too!\n    const autocompletePropRef = useRef<boolean>(false);\n\n    const persistSelectionRef = useRef<boolean>(false);\n\n    const clearOnEscapeRef = useRef<boolean>(false);\n\n    const listboxIdRef = useRef<string | undefined>();\n\n    const labelIdRef = useRef<string | undefined>();\n\n    const defaultData = {\n      // initial state\n      state: stateChart.initial,\n      // the value the user has typed, we derived this also when the developer is\n      // controlling the value of ComboboxInput\n      text: '',\n      // the index the user has typed, we derived this also when the developer is\n      // controlling the value of ComboboxInput\n      item: '',\n      // the hash of the currently navigated item\n      navigationItem: '',\n      // the last submitted action\n      lastActionType: INIT as ActionTypes,\n    };\n\n    const [state, data, transition] = useReducerMachine(\n      stateChart,\n      comboboxReducer,\n      defaultData\n    );\n\n    listboxIdRef.current = useId();\n\n    labelIdRef.current = useId();\n\n    const context = useMemo(\n      (): ComboBoxContextProps => ({\n        data,\n        inputRef,\n        popoverRef,\n        buttonRef,\n        onSelect,\n        optionsRef,\n        listScope,\n        state,\n        transition,\n        listboxIdRef,\n        labelIdRef,\n        autocompletePropRef,\n        persistSelectionRef,\n        clearOnEscapeRef,\n        isVisible: isVisible(state),\n        openOnFocus,\n        selectOnBlur,\n      }),\n      [data, onSelect, listScope, state, transition, openOnFocus, selectOnBlur]\n    );\n\n    return (\n      <ComboBoxProvider value={context}>\n        <Comp\n          {...rest}\n          as={innerAs}\n          data-reach-combobox=\"\"\n          ref={ref}\n          role=\"combobox\"\n          aria-haspopup=\"listbox\"\n          aria-owns={listboxIdRef.current}\n          aria-expanded={context.isVisible}\n        >\n          {children}\n        </Comp>\n      </ComboBoxProvider>\n    );\n  }\n);\n"],"file":"Combobox.js"}
+{"version":3,"sources":["../../../src/ComboBox/Combobox.tsx"],"names":["forwardRef","useRef","useMemo","useId","React","stateChart","comboboxReducer","isVisible","INIT","ComboBoxProvider","useReducerMachine","getScope","Combobox","ref","onSelect","openOnFocus","selectOnBlur","children","as","Comp","innerAs","rest","optionsRef","listScope","current","inputRef","popoverRef","buttonRef","autocompletePropRef","persistSelectionRef","clearOnEscapeRef","listboxIdRef","labelIdRef","defaultData","state","initial","text","item","navigationItem","lastActionType","data","transition","context"],"mappings":"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","sourcesContent":["import { forwardRef, useRef, useMemo, useId } from 'react';\nimport * as React from 'react';\n\nimport type { ActionTypes } from './hooks';\nimport { stateChart, comboboxReducer, isVisible, INIT } from './hooks';\nimport type { ComboBoxContextProps } from './context';\nimport { ComboBoxProvider } from './context';\nimport { useReducerMachine } from '../hooks/useReducerMachine';\nimport type { Scope } from '../hooks';\nimport { getScope } from '../hooks';\n\nexport type SelectEventHandler = (\n  text: string,\n  itemId: string,\n  obj: any\n) => void;\n\nexport type ComboboxProps = Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'onSelect'\n> & {\n  onSelect?: SelectEventHandler;\n  openOnFocus?: boolean;\n  selectOnBlur?: boolean;\n  children?: React.ReactNode;\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n};\n\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>(\n  function Combobox(\n    {\n      // Called whenever the user selects an item from the list\n      onSelect,\n\n      // opens the list when the input receives focused (but only if there are\n      // items in the list)\n      openOnFocus = false,\n\n      // if set to true, it will select an item after blurring\n      selectOnBlur = false,\n\n      children,\n      as: Comp = 'div',\n      innerAs,\n      ...rest\n    }: ComboboxProps,\n    ref\n  ) {\n    // We store the values of all the ComboboxOptions on this ref. This makes it\n    // possible to perform the keyboard navigation from the input on the list. We\n    // manipulate this array through context so that we don't have to enforce a\n    // parent/child relationship between ComboboxList and ComboboxOption.\n    const optionsRef = useRef<{\n      [itemId: string]: {\n        value: string | unknown;\n        text: string;\n      };\n    }>({});\n\n    const listScope: Scope<HTMLElement> = useRef(getScope({ current: null }));\n\n    // Need this to focus it\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const popoverRef = useRef<HTMLDivElement>(null);\n\n    const buttonRef = useRef<HTMLButtonElement>(null);\n\n    // When <ComboboxInput autocomplete={false} /> we don't want cycle back to\n    // the user's value while navigating (because it's always the user's value),\n    // but we need to know this in useKeyDown which is far away from the prop\n    // here, so we do something sneaky and write it to this ref on context so we\n    // can use it anywhere else 😛. Another new trick for me and I'm excited\n    // about this one too!\n    const autocompletePropRef = useRef<boolean>(false);\n\n    const persistSelectionRef = useRef<boolean>(false);\n\n    const clearOnEscapeRef = useRef<boolean>(false);\n\n    const listboxIdRef = useRef<string | undefined>();\n\n    const labelIdRef = useRef<string | undefined>();\n\n    const defaultData = {\n      // initial state\n      state: stateChart.initial,\n      // the value the user has typed, we derived this also when the developer is\n      // controlling the value of ComboboxInput\n      text: '',\n      // the index the user has typed, we derived this also when the developer is\n      // controlling the value of ComboboxInput\n      item: '',\n      // the hash of the currently navigated item\n      navigationItem: '',\n      // the last submitted action\n      lastActionType: INIT as ActionTypes,\n    };\n\n    const [state, data, transition] = useReducerMachine(\n      stateChart,\n      comboboxReducer,\n      defaultData\n    );\n\n    listboxIdRef.current = useId();\n\n    labelIdRef.current = useId();\n\n    const context = useMemo(\n      (): ComboBoxContextProps => ({\n        data,\n        inputRef,\n        popoverRef,\n        buttonRef,\n        onSelect,\n        optionsRef,\n        listScope,\n        state,\n        transition,\n        listboxIdRef,\n        labelIdRef,\n        autocompletePropRef,\n        persistSelectionRef,\n        clearOnEscapeRef,\n        isVisible: isVisible(state),\n        openOnFocus,\n        selectOnBlur,\n      }),\n      [data, onSelect, listScope, state, transition, openOnFocus, selectOnBlur]\n    );\n\n    return (\n      <ComboBoxProvider value={context}>\n        <Comp\n          {...rest}\n          as={innerAs}\n          data-reach-combobox=\"\"\n          ref={ref}\n          role=\"combobox\"\n          aria-haspopup=\"listbox\"\n          aria-owns={listboxIdRef.current}\n          aria-expanded={context.isVisible}\n        >\n          {children}\n        </Comp>\n      </ComboBoxProvider>\n    );\n  }\n);\n"],"file":"Combobox.js"}

package/build/esm/ComboBox/ComboboxButton.d.ts

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import * as React from 'react';
 export interface ComboboxButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     as?: React.ElementType<any>;
     innerAs?: React.ElementType<any>;