@basic-ui/core 0.0.40 → 0.0.41

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

@@ -1 +1 @@
-{"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"}
+{"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","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 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"],"file":"AccordionHeader.js"}

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

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

package/build/esm/Accordion/AccordionItem.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 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 var AccordionItem = /*#__PURE__*/forwardRef(function AccordionItem(props, forwardedRef) {

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

@@ -1 +1 @@
-{"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"}
+{"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":";;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;AAAA,kBAMtCD,KANsC,CAExCE,EAFwC;AAAA,MAEpCC,IAFoC,0BAE7BR,QAF6B;AAAA,wBAMtCK,KANsC,CAGxCI,QAHwC;AAAA,MAGxCA,QAHwC,gCAG7B,KAH6B;AAAA,MAIxCC,QAJwC,GAMtCL,KANsC,CAIxCK,QAJwC;AAAA,MAKrCC,UALqC,4BAMtCN,KANsC;;AAO1C,MAAMO,EAAE,GAAGV,KAAK,EAAhB;AAEA,MAAMW,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 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"],"file":"AccordionItem.js"}

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

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+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: React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement>, index: number) => void;
+    onChange?: (e: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>, index: number) => void;
 }
 export declare const AccordionProvider: import("react").Provider<AccordionContextProps | null>;
 export declare const useAccordionContext: () => AccordionContextProps | null;
@@ -13,7 +13,7 @@ export interface AccordionItemContextProps {
     headerId: string | undefined;
     bodyId: string | undefined;
     expanded: boolean;
-    onChange?: (e: React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement>, value: boolean) => void;
+    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,"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"}
+{"version":3,"sources":["../../../src/Accordion/context.ts"],"names":["useContext","createContext","accordionContext","AccordionProvider","Provider","useAccordionContext","accordionItemContext","AccordionItemProvider","useAccordionItemContext"],"mappings":"AACA,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 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"],"file":"context.js"}

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-export interface CheckBoxProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    as?: React.ElementType<any>;
-    innerAs?: React.ElementType<any>;
-    children?: React.ReactNode;
+import type { ElementType, InputHTMLAttributes, ReactNode } from 'react';
+export interface CheckBoxProps extends InputHTMLAttributes<HTMLInputElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    children?: ReactNode;
 }
-export declare const CheckBox: React.ForwardRefExoticComponent<CheckBoxProps & React.RefAttributes<HTMLInputElement>>;
+export declare const CheckBox: import("react").ForwardRefExoticComponent<CheckBoxProps & import("react").RefAttributes<HTMLInputElement>>;

package/build/esm/CheckBox/CheckBox.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 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 var CheckBox = /*#__PURE__*/forwardRef(function CheckBox(props, forwardedRef) {

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["../../../src/CheckBox/CheckBox.tsx"],"names":["forwardRef","useControlledState","CheckBox","props","forwardedRef","as","Comp","checkedProp","checked","defaultChecked","onChangeProp","onChange","otherProps","setValue","e","target"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,kBAAT,QAAmC,UAAnC;;AAQA,OAAO,IAAMC,QAAQ,gBAAGF,UAAU,CAChC,SAASE,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 type { ElementType, InputHTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useControlledState } from '../hooks';\n\nexport interface CheckBoxProps extends InputHTMLAttributes<HTMLInputElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: 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,18 +1,18 @@
-import * as React from 'react';
+import type { HTMLAttributes, ReactNode, ElementType } from 'react';
 export declare type SelectEventHandler = (text: string, itemId: string, obj: any) => void;
-export declare type ComboboxProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
+export declare type ComboboxProps = Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
     onSelect?: SelectEventHandler;
     openOnFocus?: boolean;
     selectOnBlur?: boolean;
-    children?: React.ReactNode;
-    as?: React.ElementType<any>;
-    innerAs?: React.ElementType<any>;
+    children?: ReactNode;
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
 };
-export declare const Combobox: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> & {
+export declare const Combobox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> & {
     onSelect?: SelectEventHandler | undefined;
     openOnFocus?: boolean | undefined;
     selectOnBlur?: boolean | undefined;
-    children?: React.ReactNode;
-    as?: React.ElementType<any> | undefined;
-    innerAs?: React.ElementType<any> | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+    children?: ReactNode;
+    as?: ElementType<any> | undefined;
+    innerAs?: ElementType<any> | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/ComboBox/Combobox.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 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';

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

@@ -1 +1 @@
-{"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"}
+{"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 type { HTMLAttributes, ReactNode, ElementType } from 'react';\nimport { forwardRef, useRef, useMemo, useId } 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<HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n  onSelect?: SelectEventHandler;\n  openOnFocus?: boolean;\n  selectOnBlur?: boolean;\n  children?: ReactNode;\n  as?: ElementType<any>;\n  innerAs?: 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,9 +1,9 @@
-import * as React from 'react';
-export interface ComboboxButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    as?: React.ElementType<any>;
-    innerAs?: React.ElementType<any>;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
-    children?: React.ReactNode;
+import type { ButtonHTMLAttributes, ElementType, KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
+export interface ComboboxButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
+    children?: ReactNode;
 }
-export declare const ComboboxButton: React.ForwardRefExoticComponent<ComboboxButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ComboboxButton: import("react").ForwardRefExoticComponent<ComboboxButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/build/esm/ComboBox/ComboboxButton.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
-import * as React from 'react';
 import { useComboBoxContext } from './context';
 import { useKeyDown, IDLE, OPEN_WITH_BUTTON, CLOSE_WITH_BUTTON } from './hooks';
 import { wrapEvent } from '../utils/wrapEvent';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/ComboboxButton.tsx"],"names":["forwardRef","React","useComboBoxContext","useKeyDown","IDLE","OPEN_WITH_BUTTON","CLOSE_WITH_BUTTON","wrapEvent","assignMultipleRefs","ComboboxButton","ref","as","Comp","innerAs","onClick","onKeyDown","props","transition","data","state","buttonRef","listboxIdRef","isVisible","handleKeyDown","handleClick","payload","item","navigationItem","current"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,UAAT,EAAqBC,IAArB,EAA2BC,gBAA3B,EAA6CC,iBAA7C,QAAsE,SAAtE;AACA,SAASC,SAAT,QAA0B,oBAA1B;AACA,SAASC,kBAAT,QAAmC,oBAAnC;;AAWA,OAAO,IAAMC,cAAc,gBAAGT,UAAU,CAGtC,SAASS,cAAT,OAEAC,GAFA,EAGA;AAAA,qBAFEC,EAEF;AAAA,MAFMC,IAEN,wBAFa,QAEb;AAAA,MAFuBC,OAEvB,QAFuBA,OAEvB;AAAA,MAFgCC,OAEhC,QAFgCA,OAEhC;AAAA,MAFyCC,SAEzC,QAFyCA,SAEzC;AAAA,MAFuDC,KAEvD;;AAAA,4BAEEd,kBAAkB,EAFpB;AAAA,MACQe,UADR,uBACQA,UADR;AAAA,MACoBC,IADpB,uBACoBA,IADpB;AAAA,MAC0BC,KAD1B,uBAC0BA,KAD1B;AAAA,MACiCC,SADjC,uBACiCA,SADjC;AAAA,MAC4CC,YAD5C,uBAC4CA,YAD5C;AAAA,MAC0DC,SAD1D,uBAC0DA,SAD1D;;AAIA,MAAMC,aAAa,GAAGpB,UAAU,EAAhC;;AAEA,MAAMqB,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB,QAAMC,OAAO,GAAG;AACdC,MAAAA,IAAI,EAAER,IAAI,CAACS;AADG,KAAhB;;AAIA,QAAIR,KAAK,KAAKf,IAAd,EAAoB;AAClBa,MAAAA,UAAU,CAACZ,gBAAD,EAAmBoB,OAAnB,CAAV;AACD,KAFD,MAEO;AACLR,MAAAA,UAAU,CAACX,iBAAD,EAAoBmB,OAApB,CAAV;AACD;AACF,GAVD;;AAYA,sBACE,KAAC,IAAD;AACE,IAAA,EAAE,EAAEZ,OADN;AAEE,kCAA2B,EAF7B;AAGE,qBAAeQ,YAAY,CAACO,OAH9B;AAIE,qBAAc,SAJhB;AAKE,qBAAeN,SALjB;AAME,IAAA,GAAG,EAAEd,kBAAkB,CAACE,GAAD,EAAMU,SAAN,CANzB;AAOE,IAAA,OAAO,EAAEb,SAAS,CAACO,OAAD,EAAUU,WAAV,CAPpB;AAQE,IAAA,SAAS,EAAEjB,SAAS,CAACQ,SAAD,EAAYQ,aAAZ;AARtB,KASMP,KATN,EADF;AAaD,CArCuC,CAAjC","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\n\nimport { useComboBoxContext } from './context';\nimport { useKeyDown, IDLE, OPEN_WITH_BUTTON, CLOSE_WITH_BUTTON } from './hooks';\nimport { wrapEvent } from '../utils/wrapEvent';\nimport { assignMultipleRefs } from '../utils/assignRef';\n\nexport interface ComboboxButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\n  children?: React.ReactNode;\n}\n\nexport const ComboboxButton = forwardRef<\n  HTMLButtonElement,\n  ComboboxButtonProps\n>(function ComboboxButton(\n  { as: Comp = 'button', innerAs, onClick, onKeyDown, ...props },\n  ref\n) {\n  const { transition, data, state, buttonRef, listboxIdRef, isVisible } =\n    useComboBoxContext();\n\n  const handleKeyDown = useKeyDown();\n\n  const handleClick = () => {\n    const payload = {\n      item: data.navigationItem,\n    };\n\n    if (state === IDLE) {\n      transition(OPEN_WITH_BUTTON, payload);\n    } else {\n      transition(CLOSE_WITH_BUTTON, payload);\n    }\n  };\n\n  return (\n    <Comp\n      as={innerAs}\n      data-reach-combobox-button=\"\"\n      aria-controls={listboxIdRef.current}\n      aria-haspopup=\"listbox\"\n      aria-expanded={isVisible}\n      ref={assignMultipleRefs(ref, buttonRef)}\n      onClick={wrapEvent(onClick, handleClick)}\n      onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n      {...props}\n    />\n  );\n});\n"],"file":"ComboboxButton.js"}
+{"version":3,"sources":["../../../src/ComboBox/ComboboxButton.tsx"],"names":["forwardRef","useComboBoxContext","useKeyDown","IDLE","OPEN_WITH_BUTTON","CLOSE_WITH_BUTTON","wrapEvent","assignMultipleRefs","ComboboxButton","ref","as","Comp","innerAs","onClick","onKeyDown","props","transition","data","state","buttonRef","listboxIdRef","isVisible","handleKeyDown","handleClick","payload","item","navigationItem","current"],"mappings":";;AAOA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,UAAT,EAAqBC,IAArB,EAA2BC,gBAA3B,EAA6CC,iBAA7C,QAAsE,SAAtE;AACA,SAASC,SAAT,QAA0B,oBAA1B;AACA,SAASC,kBAAT,QAAmC,oBAAnC;;AAWA,OAAO,IAAMC,cAAc,gBAAGR,UAAU,CAGtC,SAASQ,cAAT,OAEAC,GAFA,EAGA;AAAA,qBAFEC,EAEF;AAAA,MAFMC,IAEN,wBAFa,QAEb;AAAA,MAFuBC,OAEvB,QAFuBA,OAEvB;AAAA,MAFgCC,OAEhC,QAFgCA,OAEhC;AAAA,MAFyCC,SAEzC,QAFyCA,SAEzC;AAAA,MAFuDC,KAEvD;;AAAA,4BAEEd,kBAAkB,EAFpB;AAAA,MACQe,UADR,uBACQA,UADR;AAAA,MACoBC,IADpB,uBACoBA,IADpB;AAAA,MAC0BC,KAD1B,uBAC0BA,KAD1B;AAAA,MACiCC,SADjC,uBACiCA,SADjC;AAAA,MAC4CC,YAD5C,uBAC4CA,YAD5C;AAAA,MAC0DC,SAD1D,uBAC0DA,SAD1D;;AAIA,MAAMC,aAAa,GAAGpB,UAAU,EAAhC;;AAEA,MAAMqB,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB,QAAMC,OAAO,GAAG;AACdC,MAAAA,IAAI,EAAER,IAAI,CAACS;AADG,KAAhB;;AAIA,QAAIR,KAAK,KAAKf,IAAd,EAAoB;AAClBa,MAAAA,UAAU,CAACZ,gBAAD,EAAmBoB,OAAnB,CAAV;AACD,KAFD,MAEO;AACLR,MAAAA,UAAU,CAACX,iBAAD,EAAoBmB,OAApB,CAAV;AACD;AACF,GAVD;;AAYA,sBACE,KAAC,IAAD;AACE,IAAA,EAAE,EAAEZ,OADN;AAEE,kCAA2B,EAF7B;AAGE,qBAAeQ,YAAY,CAACO,OAH9B;AAIE,qBAAc,SAJhB;AAKE,qBAAeN,SALjB;AAME,IAAA,GAAG,EAAEd,kBAAkB,CAACE,GAAD,EAAMU,SAAN,CANzB;AAOE,IAAA,OAAO,EAAEb,SAAS,CAACO,OAAD,EAAUU,WAAV,CAPpB;AAQE,IAAA,SAAS,EAAEjB,SAAS,CAACQ,SAAD,EAAYQ,aAAZ;AARtB,KASMP,KATN,EADF;AAaD,CArCuC,CAAjC","sourcesContent":["import type {\n  ButtonHTMLAttributes,\n  ElementType,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  ReactNode,\n} from 'react';\nimport { forwardRef } from 'react';\n\nimport { useComboBoxContext } from './context';\nimport { useKeyDown, IDLE, OPEN_WITH_BUTTON, CLOSE_WITH_BUTTON } from './hooks';\nimport { wrapEvent } from '../utils/wrapEvent';\nimport { assignMultipleRefs } from '../utils/assignRef';\n\nexport interface ComboboxButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;\n  children?: ReactNode;\n}\n\nexport const ComboboxButton = forwardRef<\n  HTMLButtonElement,\n  ComboboxButtonProps\n>(function ComboboxButton(\n  { as: Comp = 'button', innerAs, onClick, onKeyDown, ...props },\n  ref\n) {\n  const { transition, data, state, buttonRef, listboxIdRef, isVisible } =\n    useComboBoxContext();\n\n  const handleKeyDown = useKeyDown();\n\n  const handleClick = () => {\n    const payload = {\n      item: data.navigationItem,\n    };\n\n    if (state === IDLE) {\n      transition(OPEN_WITH_BUTTON, payload);\n    } else {\n      transition(CLOSE_WITH_BUTTON, payload);\n    }\n  };\n\n  return (\n    <Comp\n      as={innerAs}\n      data-reach-combobox-button=\"\"\n      aria-controls={listboxIdRef.current}\n      aria-haspopup=\"listbox\"\n      aria-expanded={isVisible}\n      ref={assignMultipleRefs(ref, buttonRef)}\n      onClick={wrapEvent(onClick, handleClick)}\n      onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n      {...props}\n    />\n  );\n});\n"],"file":"ComboboxButton.js"}

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

@@ -1,17 +1,17 @@
-import * as React from 'react';
-export interface ComboboxInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+import type { ChangeEventHandler, ElementType, FocusEventHandler, InputHTMLAttributes, KeyboardEventHandler, MouseEventHandler } from 'react';
+export interface ComboboxInputProps extends InputHTMLAttributes<HTMLInputElement> {
     clearOnEscape?: boolean;
     selectOnClick?: boolean;
     autocomplete?: boolean;
     defaultValue?: string;
     value?: string;
-    onClick?: React.MouseEventHandler<HTMLInputElement>;
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    as?: React.ElementType<any>;
-    innerAs?: React.ElementType<any>;
+    onClick?: MouseEventHandler<HTMLInputElement>;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
     id?: string;
 }
-export declare const ComboboxInput: React.ForwardRefExoticComponent<ComboboxInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const ComboboxInput: import("react").ForwardRefExoticComponent<ComboboxInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/build/esm/ComboBox/ComboboxInput.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef, useEffect, useRef } from 'react';
-import * as React from 'react';
 import { useBlur, CLEAR, CHANGE, useKeyDown, SELECT_WITH_CLICK, FOCUS, NAVIGATING, INIT, useFocusManagement } from './hooks';
 import { assignMultipleRefs, wrapEvent } from '../utils';
 import { useComboBoxContext } from './context';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/ComboboxInput.tsx"],"names":["forwardRef","useEffect","useRef","React","useBlur","CLEAR","CHANGE","useKeyDown","SELECT_WITH_CLICK","FOCUS","NAVIGATING","INIT","useFocusManagement","assignMultipleRefs","wrapEvent","useComboBoxContext","ComboboxInput","forwardedRef","as","Comp","innerAs","selectOnClick","autocomplete","clearOnEscape","onClick","onChange","onKeyDown","onBlur","onFocus","preferredId","id","defaultValue","controlledValue","value","props","data","navigationItem","text","lastActionType","inputRef","state","transition","listboxIdRef","autocompletePropRef","clearOnEscapeRef","openOnFocus","optionsRef","labelIdRef","hasStartedInteracting","selectOnClickRef","handleBlur","current","handleChange","e","target","trim","handleKeyDown","handleFocus","item","handleClick","select","navigationText","undefined","fallbackValue","inputStrings","inputValue","find","str"],"mappings":"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","sourcesContent":["import { forwardRef, useEffect, useRef } from 'react';\nimport * as React from 'react';\n\nimport {\n  useBlur,\n  CLEAR,\n  CHANGE,\n  useKeyDown,\n  SELECT_WITH_CLICK,\n  FOCUS,\n  NAVIGATING,\n  INIT,\n  useFocusManagement,\n} from './hooks';\nimport { assignMultipleRefs, wrapEvent } from '../utils';\nimport { useComboBoxContext } from './context';\n\nexport interface ComboboxInputProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  // clear on ESC\n  clearOnEscape?: boolean;\n  // highlights all the text in the box on click when true\n  selectOnClick?: boolean;\n  // updates the value in the input when navigating w/ the keyboard\n  autocomplete?: boolean;\n  // initial value for uncontrolled mode\n  defaultValue?: string;\n  // value for controlled mode\n  value?: string;\n  onClick?: React.MouseEventHandler<HTMLInputElement>;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n  onFocus?: React.FocusEventHandler<HTMLInputElement>;\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  id?: string;\n}\n\nexport const ComboboxInput = forwardRef<HTMLInputElement, ComboboxInputProps>(\n  function ComboboxInput(\n    {\n      as: Comp = 'input',\n      innerAs,\n      selectOnClick = false,\n      autocomplete = true,\n      clearOnEscape = false,\n\n      // wrapped events\n      onClick,\n      onChange,\n      onKeyDown,\n      onBlur,\n      onFocus,\n\n      id: preferredId,\n\n      defaultValue = '',\n\n      // might be controlled\n      value: controlledValue,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const {\n      data: { navigationItem, text, lastActionType },\n      inputRef,\n      state,\n      transition,\n      listboxIdRef,\n      autocompletePropRef,\n      clearOnEscapeRef,\n      openOnFocus,\n      optionsRef,\n      labelIdRef,\n    } = useComboBoxContext();\n\n    // Keep focus on the input component\n    useFocusManagement(lastActionType, inputRef);\n\n    // Keep using the defaultValue until the user started interacting\n    const hasStartedInteracting = useRef(false);\n\n    // Because we close the List on blur, we need to track if the blur is\n    // caused by clicking inside the list, and if so, don't close the List.\n    const selectOnClickRef = useRef(false);\n\n    const handleBlur = useBlur();\n\n    // Update ref props\n    autocompletePropRef.current = autocomplete;\n    clearOnEscapeRef.current = clearOnEscape;\n    listboxIdRef.current = preferredId || listboxIdRef.current;\n\n    // [*]... and when controlled, we don't trigger handleValueChange as the user\n    // types, instead the developer controls it with the normal input onChange\n    // prop\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      // After the user started typing, lets forget the defaultValue\n      hasStartedInteracting.current = true;\n\n      const text = e.target.value;\n      if (text.trim() === '') {\n        transition(CLEAR);\n      } else {\n        transition(CHANGE, { text });\n      }\n    };\n\n    const handleKeyDown = useKeyDown();\n\n    const handleFocus = () => {\n      if (selectOnClick) {\n        selectOnClickRef.current = true;\n      }\n      // If we select an option with click, useFocusManagement will focus the\n      // input, in those cases we don't want to cause the menu to open back up,\n      // so we guard behind these states\n      if (openOnFocus && lastActionType !== SELECT_WITH_CLICK) {\n        transition(FOCUS, {\n          item: navigationItem,\n        });\n      }\n    };\n\n    const handleClick = () => {\n      if (selectOnClickRef.current) {\n        selectOnClickRef.current = false;\n        inputRef.current && inputRef.current.select();\n      }\n    };\n\n    const navigationText =\n      navigationItem !== ''\n        ? optionsRef.current[navigationItem].text\n        : undefined;\n\n    const fallbackValue = hasStartedInteracting.current ? '' : defaultValue;\n\n    const inputStrings =\n      // When idle, we don't have a navigationText on ArrowUp/Down\n      autocomplete && state === NAVIGATING\n        ? [navigationText, controlledValue, text, fallbackValue]\n        : [controlledValue, text, fallbackValue];\n\n    const inputValue = inputStrings.find((str) => str !== undefined);\n\n    // If they are controlling the value we still need to do our transitions, so\n    // we have this derived state to emulate onChange of the input as we receive\n    // new `value`s ...[*]\n    useEffect(() => {\n      transition(INIT, { text: inputValue, item: '' });\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    return (\n      <Comp\n        {...props}\n        as={innerAs}\n        data-reach-combobox-input=\"\"\n        ref={assignMultipleRefs(inputRef, forwardedRef)}\n        value={inputValue}\n        onClick={wrapEvent(onClick, handleClick)}\n        onBlur={wrapEvent(onBlur, handleBlur)}\n        onFocus={wrapEvent(onFocus, handleFocus)}\n        onChange={wrapEvent(onChange, handleChange)}\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n        aria-labelledby={labelIdRef.current}\n        id={listboxIdRef.current}\n        aria-autocomplete=\"both\"\n        aria-activedescendant={\n          navigationItem !== '' ? navigationItem : undefined\n        }\n        autoComplete=\"off\"\n      />\n    );\n  }\n);\n"],"file":"ComboboxInput.js"}
+{"version":3,"sources":["../../../src/ComboBox/ComboboxInput.tsx"],"names":["forwardRef","useEffect","useRef","useBlur","CLEAR","CHANGE","useKeyDown","SELECT_WITH_CLICK","FOCUS","NAVIGATING","INIT","useFocusManagement","assignMultipleRefs","wrapEvent","useComboBoxContext","ComboboxInput","forwardedRef","as","Comp","innerAs","selectOnClick","autocomplete","clearOnEscape","onClick","onChange","onKeyDown","onBlur","onFocus","preferredId","id","defaultValue","controlledValue","value","props","data","navigationItem","text","lastActionType","inputRef","state","transition","listboxIdRef","autocompletePropRef","clearOnEscapeRef","openOnFocus","optionsRef","labelIdRef","hasStartedInteracting","selectOnClickRef","handleBlur","current","handleChange","e","target","trim","handleKeyDown","handleFocus","item","handleClick","select","navigationText","undefined","fallbackValue","inputStrings","inputValue","find","str"],"mappings":"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","sourcesContent":["import type {\n  ChangeEvent,\n  ChangeEventHandler,\n  ElementType,\n  FocusEventHandler,\n  InputHTMLAttributes,\n  KeyboardEventHandler,\n  MouseEventHandler,\n} from 'react';\nimport { forwardRef, useEffect, useRef } from 'react';\n\nimport {\n  useBlur,\n  CLEAR,\n  CHANGE,\n  useKeyDown,\n  SELECT_WITH_CLICK,\n  FOCUS,\n  NAVIGATING,\n  INIT,\n  useFocusManagement,\n} from './hooks';\nimport { assignMultipleRefs, wrapEvent } from '../utils';\nimport { useComboBoxContext } from './context';\n\nexport interface ComboboxInputProps\n  extends InputHTMLAttributes<HTMLInputElement> {\n  // clear on ESC\n  clearOnEscape?: boolean;\n  // highlights all the text in the box on click when true\n  selectOnClick?: boolean;\n  // updates the value in the input when navigating w/ the keyboard\n  autocomplete?: boolean;\n  // initial value for uncontrolled mode\n  defaultValue?: string;\n  // value for controlled mode\n  value?: string;\n  onClick?: MouseEventHandler<HTMLInputElement>;\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  onKeyDown?: KeyboardEventHandler<HTMLInputElement>;\n  onBlur?: FocusEventHandler<HTMLInputElement>;\n  onFocus?: FocusEventHandler<HTMLInputElement>;\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  id?: string;\n}\n\nexport const ComboboxInput = forwardRef<HTMLInputElement, ComboboxInputProps>(\n  function ComboboxInput(\n    {\n      as: Comp = 'input',\n      innerAs,\n      selectOnClick = false,\n      autocomplete = true,\n      clearOnEscape = false,\n\n      // wrapped events\n      onClick,\n      onChange,\n      onKeyDown,\n      onBlur,\n      onFocus,\n\n      id: preferredId,\n\n      defaultValue = '',\n\n      // might be controlled\n      value: controlledValue,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const {\n      data: { navigationItem, text, lastActionType },\n      inputRef,\n      state,\n      transition,\n      listboxIdRef,\n      autocompletePropRef,\n      clearOnEscapeRef,\n      openOnFocus,\n      optionsRef,\n      labelIdRef,\n    } = useComboBoxContext();\n\n    // Keep focus on the input component\n    useFocusManagement(lastActionType, inputRef);\n\n    // Keep using the defaultValue until the user started interacting\n    const hasStartedInteracting = useRef(false);\n\n    // Because we close the List on blur, we need to track if the blur is\n    // caused by clicking inside the list, and if so, don't close the List.\n    const selectOnClickRef = useRef(false);\n\n    const handleBlur = useBlur();\n\n    // Update ref props\n    autocompletePropRef.current = autocomplete;\n    clearOnEscapeRef.current = clearOnEscape;\n    listboxIdRef.current = preferredId || listboxIdRef.current;\n\n    // [*]... and when controlled, we don't trigger handleValueChange as the user\n    // types, instead the developer controls it with the normal input onChange\n    // prop\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n      // After the user started typing, lets forget the defaultValue\n      hasStartedInteracting.current = true;\n\n      const text = e.target.value;\n      if (text.trim() === '') {\n        transition(CLEAR);\n      } else {\n        transition(CHANGE, { text });\n      }\n    };\n\n    const handleKeyDown = useKeyDown();\n\n    const handleFocus = () => {\n      if (selectOnClick) {\n        selectOnClickRef.current = true;\n      }\n      // If we select an option with click, useFocusManagement will focus the\n      // input, in those cases we don't want to cause the menu to open back up,\n      // so we guard behind these states\n      if (openOnFocus && lastActionType !== SELECT_WITH_CLICK) {\n        transition(FOCUS, {\n          item: navigationItem,\n        });\n      }\n    };\n\n    const handleClick = () => {\n      if (selectOnClickRef.current) {\n        selectOnClickRef.current = false;\n        inputRef.current && inputRef.current.select();\n      }\n    };\n\n    const navigationText =\n      navigationItem !== ''\n        ? optionsRef.current[navigationItem].text\n        : undefined;\n\n    const fallbackValue = hasStartedInteracting.current ? '' : defaultValue;\n\n    const inputStrings =\n      // When idle, we don't have a navigationText on ArrowUp/Down\n      autocomplete && state === NAVIGATING\n        ? [navigationText, controlledValue, text, fallbackValue]\n        : [controlledValue, text, fallbackValue];\n\n    const inputValue = inputStrings.find((str) => str !== undefined);\n\n    // If they are controlling the value we still need to do our transitions, so\n    // we have this derived state to emulate onChange of the input as we receive\n    // new `value`s ...[*]\n    useEffect(() => {\n      transition(INIT, { text: inputValue, item: '' });\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    return (\n      <Comp\n        {...props}\n        as={innerAs}\n        data-reach-combobox-input=\"\"\n        ref={assignMultipleRefs(inputRef, forwardedRef)}\n        value={inputValue}\n        onClick={wrapEvent(onClick, handleClick)}\n        onBlur={wrapEvent(onBlur, handleBlur)}\n        onFocus={wrapEvent(onFocus, handleFocus)}\n        onChange={wrapEvent(onChange, handleChange)}\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n        aria-labelledby={labelIdRef.current}\n        id={listboxIdRef.current}\n        aria-autocomplete=\"both\"\n        aria-activedescendant={\n          navigationItem !== '' ? navigationItem : undefined\n        }\n        autoComplete=\"off\"\n      />\n    );\n  }\n);\n"],"file":"ComboboxInput.js"}

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-export interface ComboboxLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
-    as?: React.ElementType<any>;
-    innerAs?: React.ElementType<any>;
+import type { ElementType, LabelHTMLAttributes } from 'react';
+export interface ComboboxLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
     id?: string;
 }
-export declare const ComboboxLabel: React.ForwardRefExoticComponent<ComboboxLabelProps & React.RefAttributes<HTMLLabelElement>>;
+export declare const ComboboxLabel: import("react").ForwardRefExoticComponent<ComboboxLabelProps & import("react").RefAttributes<HTMLLabelElement>>;

package/build/esm/ComboBox/ComboboxLabel.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
-import * as React from 'react';
 import { useComboBoxContext } from './context';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var ComboboxLabel = /*#__PURE__*/forwardRef(function ComboboxButton(_ref, ref) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/ComboboxLabel.tsx"],"names":["forwardRef","React","useComboBoxContext","ComboboxLabel","ComboboxButton","ref","as","Comp","innerAs","preferredId","id","props","listboxIdRef","labelIdRef","current"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAEA,SAASC,kBAAT,QAAmC,WAAnC;;AASA,OAAO,IAAMC,aAAa,gBAAGH,UAAU,CACrC,SAASI,cAAT,OAEEC,GAFF,EAGE;AAAA,qBAFEC,EAEF;AAAA,MAFMC,IAEN,wBAFa,OAEb;AAAA,MAFsBC,OAEtB,QAFsBA,OAEtB;AAAA,MAFmCC,WAEnC,QAF+BC,EAE/B;AAAA,MAFmDC,KAEnD;;AAAA,4BACqCT,kBAAkB,EADvD;AAAA,MACQU,YADR,uBACQA,YADR;AAAA,MACsBC,UADtB,uBACsBA,UADtB;;AAGAA,EAAAA,UAAU,CAACC,OAAX,GAAqBL,WAAW,IAAII,UAAU,CAACC,OAA/C;AAEA,sBACE,KAAC,IAAD;AACE,IAAA,EAAE,EAAEN,OADN;AAEE,iCAA0B,EAF5B;AAGE,IAAA,OAAO,EAAEI,YAAY,CAACE,OAHxB;AAIE,IAAA,EAAE,EAAED,UAAU,CAACC,OAJjB;AAKE,IAAA,GAAG,EAAET;AALP,KAMMM,KANN,EADF;AAUD,CAnBoC,CAAhC","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\n\nimport { useComboBoxContext } from './context';\n\nexport interface ComboboxLabelProps\n  extends React.LabelHTMLAttributes<HTMLLabelElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  id?: string;\n}\n\nexport const ComboboxLabel = forwardRef<HTMLLabelElement, ComboboxLabelProps>(\n  function ComboboxButton(\n    { as: Comp = 'label', innerAs, id: preferredId, ...props },\n    ref\n  ) {\n    const { listboxIdRef, labelIdRef } = useComboBoxContext();\n\n    labelIdRef.current = preferredId || labelIdRef.current;\n\n    return (\n      <Comp\n        as={innerAs}\n        data-reach-combobox-label=\"\"\n        htmlFor={listboxIdRef.current}\n        id={labelIdRef.current}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\n"],"file":"ComboboxLabel.js"}
+{"version":3,"sources":["../../../src/ComboBox/ComboboxLabel.tsx"],"names":["forwardRef","useComboBoxContext","ComboboxLabel","ComboboxButton","ref","as","Comp","innerAs","preferredId","id","props","listboxIdRef","labelIdRef","current"],"mappings":";;AACA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,kBAAT,QAAmC,WAAnC;;AASA,OAAO,IAAMC,aAAa,gBAAGF,UAAU,CACrC,SAASG,cAAT,OAEEC,GAFF,EAGE;AAAA,qBAFEC,EAEF;AAAA,MAFMC,IAEN,wBAFa,OAEb;AAAA,MAFsBC,OAEtB,QAFsBA,OAEtB;AAAA,MAFmCC,WAEnC,QAF+BC,EAE/B;AAAA,MAFmDC,KAEnD;;AAAA,4BACqCT,kBAAkB,EADvD;AAAA,MACQU,YADR,uBACQA,YADR;AAAA,MACsBC,UADtB,uBACsBA,UADtB;;AAGAA,EAAAA,UAAU,CAACC,OAAX,GAAqBL,WAAW,IAAII,UAAU,CAACC,OAA/C;AAEA,sBACE,KAAC,IAAD;AACE,IAAA,EAAE,EAAEN,OADN;AAEE,iCAA0B,EAF5B;AAGE,IAAA,OAAO,EAAEI,YAAY,CAACE,OAHxB;AAIE,IAAA,EAAE,EAAED,UAAU,CAACC,OAJjB;AAKE,IAAA,GAAG,EAAET;AALP,KAMMM,KANN,EADF;AAUD,CAnBoC,CAAhC","sourcesContent":["import type { ElementType, LabelHTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useComboBoxContext } from './context';\n\nexport interface ComboboxLabelProps\n  extends LabelHTMLAttributes<HTMLLabelElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  id?: string;\n}\n\nexport const ComboboxLabel = forwardRef<HTMLLabelElement, ComboboxLabelProps>(\n  function ComboboxButton(\n    { as: Comp = 'label', innerAs, id: preferredId, ...props },\n    ref\n  ) {\n    const { listboxIdRef, labelIdRef } = useComboBoxContext();\n\n    labelIdRef.current = preferredId || labelIdRef.current;\n\n    return (\n      <Comp\n        as={innerAs}\n        data-reach-combobox-label=\"\"\n        htmlFor={listboxIdRef.current}\n        id={labelIdRef.current}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\n"],"file":"ComboboxLabel.js"}

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
-export interface ComboboxListProps extends React.HTMLAttributes<HTMLUListElement> {
-    as?: React.ElementType<any>;
-    innerAs?: React.ElementType<any>;
+import type { HTMLAttributes, ElementType, ReactNode } from 'react';
+export interface ComboboxListProps extends HTMLAttributes<HTMLUListElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
     persistSelection?: boolean;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
-export declare const ComboboxList: React.ForwardRefExoticComponent<ComboboxListProps & React.RefAttributes<HTMLUListElement>>;
+export declare const ComboboxList: import("react").ForwardRefExoticComponent<ComboboxListProps & import("react").RefAttributes<HTMLUListElement>>;

package/build/esm/ComboBox/ComboboxList.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef, useRef, useEffect } from 'react';
-import * as React from 'react';
 import { useComboBoxContext } from './context';
 import { getScope } from '../hooks';
 import { assignMultipleRefs } from '../utils';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/ComboboxList.tsx"],"names":["forwardRef","useRef","useEffect","React","useComboBoxContext","getScope","assignMultipleRefs","ComboboxList","ref","persistSelection","as","Comp","innerAs","props","persistSelectionRef","labelIdRef","listScope","listRef","current"],"mappings":";;AAAA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,SAA7B,QAA8C,OAA9C;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAUA,OAAO,IAAMC,YAAY,gBAAGP,UAAU,CACpC,SAASO,YAAT,OASEC,GATF,EAUE;AAAA,mCANEC,gBAMF;AAAA,MANEA,gBAMF,sCANqB,KAMrB;AAAA,qBALEC,EAKF;AAAA,MALMC,IAKN,wBALa,IAKb;AAAA,MAJEC,OAIF,QAJEA,OAIF;AAAA,MAHKC,KAGL;;AAAA,4BACuDT,kBAAkB,EADzE;AAAA,MACQU,mBADR,uBACQA,mBADR;AAAA,MAC6BC,UAD7B,uBAC6BA,UAD7B;AAAA,MACyCC,SADzC,uBACyCA,SADzC;;AAGA,MAAMC,OAAO,GAAGhB,MAAM,EAAtB;AACAC,EAAAA,SAAS,CAAC,YAAM;AACdc,IAAAA,SAAS,CAACE,OAAV,GAAoBb,QAAQ,CAACY,OAAD,CAA5B;AACD,GAFQ,EAEN,CAACD,SAAD,CAFM,CAAT;AAIAF,EAAAA,mBAAmB,CAACI,OAApB,GAA8BT,gBAA9B;AAEA,sBACE,KAAC,IAAD,eACMI,KADN;AAEE,IAAA,EAAE,EAAED,OAFN;AAGE,IAAA,GAAG,EAAEN,kBAAkB,CAACE,GAAD,EAAMS,OAAN,CAHzB;AAIE,gCAAyB,EAJ3B;AAKE,IAAA,IAAI,EAAC,SALP;AAME,uBAAiBF,UAAU,CAACG;AAN9B,KADF;AAUD,CA/BmC,CAA/B","sourcesContent":["import { forwardRef, useRef, useEffect } from 'react';\nimport * as React from 'react';\n\nimport { useComboBoxContext } from './context';\nimport { getScope } from '../hooks';\nimport { assignMultipleRefs } from '../utils';\n\nexport interface ComboboxListProps\n  extends React.HTMLAttributes<HTMLUListElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  persistSelection?: boolean;\n  children?: React.ReactNode;\n}\n\nexport const ComboboxList = forwardRef<HTMLUListElement, ComboboxListProps>(\n  function ComboboxList(\n    {\n      // when true, and the list opens again, the option with a matching value will be\n      // automatically highleted.\n      persistSelection = false,\n      as: Comp = 'ul',\n      innerAs,\n      ...props\n    },\n    ref\n  ) {\n    const { persistSelectionRef, labelIdRef, listScope } = useComboBoxContext();\n\n    const listRef = useRef<HTMLUListElement>();\n    useEffect(() => {\n      listScope.current = getScope(listRef);\n    }, [listScope]);\n\n    persistSelectionRef.current = persistSelection;\n\n    return (\n      <Comp\n        {...props}\n        as={innerAs}\n        ref={assignMultipleRefs(ref, listRef)}\n        data-reach-combobox-list=\"\"\n        role=\"listbox\"\n        aria-labelledby={labelIdRef.current}\n      />\n    );\n  }\n);\n"],"file":"ComboboxList.js"}
+{"version":3,"sources":["../../../src/ComboBox/ComboboxList.tsx"],"names":["forwardRef","useRef","useEffect","useComboBoxContext","getScope","assignMultipleRefs","ComboboxList","ref","persistSelection","as","Comp","innerAs","props","persistSelectionRef","labelIdRef","listScope","listRef","current"],"mappings":";;AACA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,SAA7B,QAA8C,OAA9C;AAEA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AASA,OAAO,IAAMC,YAAY,gBAAGN,UAAU,CACpC,SAASM,YAAT,OASEC,GATF,EAUE;AAAA,mCANEC,gBAMF;AAAA,MANEA,gBAMF,sCANqB,KAMrB;AAAA,qBALEC,EAKF;AAAA,MALMC,IAKN,wBALa,IAKb;AAAA,MAJEC,OAIF,QAJEA,OAIF;AAAA,MAHKC,KAGL;;AAAA,4BACuDT,kBAAkB,EADzE;AAAA,MACQU,mBADR,uBACQA,mBADR;AAAA,MAC6BC,UAD7B,uBAC6BA,UAD7B;AAAA,MACyCC,SADzC,uBACyCA,SADzC;;AAGA,MAAMC,OAAO,GAAGf,MAAM,EAAtB;AACAC,EAAAA,SAAS,CAAC,YAAM;AACda,IAAAA,SAAS,CAACE,OAAV,GAAoBb,QAAQ,CAACY,OAAD,CAA5B;AACD,GAFQ,EAEN,CAACD,SAAD,CAFM,CAAT;AAIAF,EAAAA,mBAAmB,CAACI,OAApB,GAA8BT,gBAA9B;AAEA,sBACE,KAAC,IAAD,eACMI,KADN;AAEE,IAAA,EAAE,EAAED,OAFN;AAGE,IAAA,GAAG,EAAEN,kBAAkB,CAACE,GAAD,EAAMS,OAAN,CAHzB;AAIE,gCAAyB,EAJ3B;AAKE,IAAA,IAAI,EAAC,SALP;AAME,uBAAiBF,UAAU,CAACG;AAN9B,KADF;AAUD,CA/BmC,CAA/B","sourcesContent":["import type { HTMLAttributes, ElementType, ReactNode } from 'react';\nimport { forwardRef, useRef, useEffect } from 'react';\n\nimport { useComboBoxContext } from './context';\nimport { getScope } from '../hooks';\nimport { assignMultipleRefs } from '../utils';\n\nexport interface ComboboxListProps extends HTMLAttributes<HTMLUListElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  persistSelection?: boolean;\n  children?: ReactNode;\n}\n\nexport const ComboboxList = forwardRef<HTMLUListElement, ComboboxListProps>(\n  function ComboboxList(\n    {\n      // when true, and the list opens again, the option with a matching value will be\n      // automatically highleted.\n      persistSelection = false,\n      as: Comp = 'ul',\n      innerAs,\n      ...props\n    },\n    ref\n  ) {\n    const { persistSelectionRef, labelIdRef, listScope } = useComboBoxContext();\n\n    const listRef = useRef<HTMLUListElement>();\n    useEffect(() => {\n      listScope.current = getScope(listRef);\n    }, [listScope]);\n\n    persistSelectionRef.current = persistSelection;\n\n    return (\n      <Comp\n        {...props}\n        as={innerAs}\n        ref={assignMultipleRefs(ref, listRef)}\n        data-reach-combobox-list=\"\"\n        role=\"listbox\"\n        aria-labelledby={labelIdRef.current}\n      />\n    );\n  }\n);\n"],"file":"ComboboxList.js"}

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

@@ -1,11 +1,11 @@
-import * as React from 'react';
-export interface ComboboxOptionProps extends React.LiHTMLAttributes<HTMLLIElement> {
-    as?: React.ElementType<any>;
-    innerAs?: React.ElementType<any>;
+import type { ElementType, LiHTMLAttributes, MouseEventHandler, ReactNode } from 'react';
+export interface ComboboxOptionProps extends LiHTMLAttributes<HTMLLIElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
     id: string;
     value: any;
     text?: string;
-    onClick?: React.MouseEventHandler<HTMLLIElement>;
-    children?: React.ReactNode;
+    onClick?: MouseEventHandler<HTMLLIElement>;
+    children?: ReactNode;
 }
-export declare const ComboboxOption: React.ForwardRefExoticComponent<ComboboxOptionProps & React.RefAttributes<HTMLLIElement>>;
+export declare const ComboboxOption: import("react").ForwardRefExoticComponent<ComboboxOptionProps & import("react").RefAttributes<HTMLLIElement>>;

package/build/esm/ComboBox/ComboboxOption.js

@@ -3,7 +3,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 
 /* eslint-disable @typescript-eslint/no-use-before-define */
 import { forwardRef, useEffect, useRef } from 'react';
-import * as React from 'react';
 import { SELECT_WITH_CLICK, CLEAR_SELECTION } from './hooks';
 import { wrapEvent } from '../utils/wrapEvent';
 import { useComboBoxContext } from './context';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/ComboboxOption.tsx"],"names":["forwardRef","useEffect","useRef","React","SELECT_WITH_CLICK","CLEAR_SELECTION","wrapEvent","useComboBoxContext","makeHash","ComboboxOption","ref","children","idProp","id","valueProp","value","textProp","text","onClick","as","Comp","innerAs","props","onSelect","navigationItem","data","transition","optionsRef","transitionCleanupRef","isActiveRef","length","Error","String","opts","current","handleClick","item","undefined"],"mappings":";;;AAAA;AACA,SAASA,UAAT,EAAqBC,SAArB,EAAgCC,MAAhC,QAA8C,OAA9C;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAEA,SAASC,iBAAT,EAA4BC,eAA5B,QAAmD,SAAnD;AACA,SAASC,SAAT,QAA0B,oBAA1B;AACA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,QAAT,QAAyB,YAAzB;;AAaA,OAAO,IAAMC,cAAc,gBAAGT,UAAU,CACtC,SAASS,cAAT,OAWEC,GAXF,EAYE;AAAA,MAVEC,QAUF,QAVEA,QAUF;AAAA,MATMC,MASN,QATEC,EASF;AAAA,MARSC,SAQT,QAREC,KAQF;AAAA,MAPQC,QAOR,QAPEC,IAOF;AAAA,MANEC,OAMF,QANEA,OAMF;AAAA,qBALEC,EAKF;AAAA,MALMC,IAKN,wBALa,IAKb;AAAA,MAJEC,OAIF,QAJEA,OAIF;AAAA,MAHKC,KAGL;;AAAA,4BAMIf,kBAAkB,EANtB;AAAA,MAEEgB,QAFF,uBAEEA,QAFF;AAAA,MAGUC,cAHV,uBAGEC,IAHF,CAGUD,cAHV;AAAA,MAIEE,UAJF,uBAIEA,UAJF;AAAA,MAKEC,UALF,uBAKEA,UALF;;AAOA,MAAMC,oBAAoB,GAAG1B,MAAM,CAACwB,UAAD,CAAnC;AACA,MAAMG,WAAW,GAAG3B,MAAM,CAAC,KAAD,CAA1B;AAEA,MAAMa,KAAU,GAAGD,SAAnB;AACA,MAAIG,IAAY,GAAGD,QAAQ,GAAGA,QAAH,GAAc,EAAzC;;AAEA,MAAIC,IAAI,CAACa,MAAL,KAAgB,CAApB,EAAuB;AACrB,QAAI,OAAOhB,SAAP,KAAqB,QAArB,IAAiCA,SAAS,CAACgB,MAAV,GAAmB,CAAxD,EAA2D;AACzDb,MAAAA,IAAI,GAAGH,SAAP;AACD,KAFD,MAEO;AACL,YAAM,IAAIiB,KAAJ,CAAU,qCAAV,CAAN;AACD;AACF;;AAED,MAAMlB,EAAE,GAAGmB,MAAM,CAACxB,QAAQ,CAACI,MAAD,CAAT,CAAjB;AAEAX,EAAAA,SAAS,CAAC,YAAM;AACd,QAAMgC,IAAI,GAAGN,UAAU,CAACO,OAAxB;AACAD,IAAAA,IAAI,CAACpB,EAAD,CAAJ,GAAW;AAAEE,MAAAA,KAAK,EAALA,KAAF;AAASE,MAAAA,IAAI,EAAJA;AAAT,KAAX;AAEA,WAAO,YAAM;AACX,aAAOgB,IAAI,CAACpB,EAAD,CAAX;AACD,KAFD;AAGD,GAPQ,EAON,CAACc,UAAD,EAAad,EAAb,EAAiBI,IAAjB,EAAuBF,KAAvB,CAPM,CAAT,CAvBA,CAgCA;AACA;AACA;;AACAa,EAAAA,oBAAoB,CAACM,OAArB,GAA+BR,UAA/B;AACAG,EAAAA,WAAW,CAACK,OAAZ,GAAsBV,cAAc,KAAKX,EAAzC;AAEAZ,EAAAA,SAAS,CAAC,YAAM;AACd,WAAO,YAAM;AACX,UAAI4B,WAAW,CAACK,OAAZ,KAAwB,IAA5B,EAAkC;AAChC;AACA;AACAN,QAAAA,oBAAoB,CAACM,OAArB,CAA6B7B,eAA7B;AACD;AACF,KAND;AAOD,GARQ,EAQN,EARM,CAAT;;AAUA,MAAM8B,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBZ,IAAAA,QAAQ,IAAIA,QAAQ,CAACN,IAAD,EAAOJ,EAAP,EAAWE,KAAX,CAApB;AACAW,IAAAA,UAAU,CAACtB,iBAAD,EAAoB;AAAEa,MAAAA,IAAI,EAAJA,IAAF;AAAQmB,MAAAA,IAAI,EAAEvB;AAAd,KAApB,CAAV;AACD,GAHD;;AAKA,sBACE,KAAC,IAAD,eACMS,KADN;AAEE,IAAA,EAAE,EAAED,OAFN;AAGE,kCAA2B,EAH7B;AAIE,IAAA,GAAG,EAAEX,GAJP;AAKE,IAAA,EAAE,EAAEG,EALN;AAME,IAAA,IAAI,EAAC,QANP;AAOE,qBAAegB,WAAW,CAACK,OAP7B;AAQE,wBAAkBL,WAAW,CAACK,OAAZ,GAAsB,EAAtB,GAA2BG,SAR/C,CASE;AACA;AACA;AAXF;AAYE,IAAA,QAAQ,EAAC,IAZX;AAaE,IAAA,OAAO,EAAE/B,SAAS,CAACY,OAAD,EAAUiB,WAAV,CAbpB;AAAA,cAeGxB,QAAQ,IAAIM;AAff,KADF;AAmBD,CArFqC,CAAjC","sourcesContent":["/* eslint-disable @typescript-eslint/no-use-before-define */\nimport { forwardRef, useEffect, useRef } from 'react';\nimport * as React from 'react';\n\nimport { SELECT_WITH_CLICK, CLEAR_SELECTION } from './hooks';\nimport { wrapEvent } from '../utils/wrapEvent';\nimport { useComboBoxContext } from './context';\nimport { makeHash } from './makeHash';\n\nexport interface ComboboxOptionProps\n  extends React.LiHTMLAttributes<HTMLLIElement> {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  id: string;\n  value: any;\n  text?: string;\n  onClick?: React.MouseEventHandler<HTMLLIElement>;\n  children?: React.ReactNode;\n}\n\nexport const ComboboxOption = forwardRef<HTMLLIElement, ComboboxOptionProps>(\n  function ComboboxOption(\n    {\n      children,\n      id: idProp,\n      value: valueProp,\n      text: textProp,\n      onClick,\n      as: Comp = 'li',\n      innerAs,\n      ...props\n    },\n    ref\n  ) {\n    const {\n      onSelect,\n      data: { navigationItem },\n      transition,\n      optionsRef,\n    } = useComboBoxContext();\n    const transitionCleanupRef = useRef(transition);\n    const isActiveRef = useRef(false);\n\n    const value: any = valueProp;\n    let text: string = textProp ? textProp : '';\n\n    if (text.length === 0) {\n      if (typeof valueProp === 'string' && valueProp.length > 0) {\n        text = valueProp;\n      } else {\n        throw new Error('Missing text for <ComboboxOption />');\n      }\n    }\n\n    const id = String(makeHash(idProp));\n\n    useEffect(() => {\n      const opts = optionsRef.current;\n      opts[id] = { value, text };\n\n      return () => {\n        delete opts[id];\n      };\n    }, [optionsRef, id, text, value]);\n\n    // Keep updating this ref with the current\n    // function pointer for transition, so it can\n    // be used by the unmount effect below.\n    transitionCleanupRef.current = transition;\n    isActiveRef.current = navigationItem === id;\n\n    useEffect(() => {\n      return () => {\n        if (isActiveRef.current === true) {\n          // clean up selections if this option is getting\n          // unmounted and it was the currently selected item\n          transitionCleanupRef.current(CLEAR_SELECTION);\n        }\n      };\n    }, []);\n\n    const handleClick = () => {\n      onSelect && onSelect(text, id, value);\n      transition(SELECT_WITH_CLICK, { text, item: id });\n    };\n\n    return (\n      <Comp\n        {...props}\n        as={innerAs}\n        data-reach-combobox-option=\"\"\n        ref={ref}\n        id={id}\n        role=\"option\"\n        aria-selected={isActiveRef.current}\n        data-highlighted={isActiveRef.current ? '' : undefined}\n        // without this the menu will close from `onBlur`, but with it the\n        // element can be `document.activeElement` and then our focus checks in\n        // onBlur will work as intended\n        tabIndex=\"-1\"\n        onClick={wrapEvent(onClick, handleClick)}\n      >\n        {children || text}\n      </Comp>\n    );\n  }\n);\n"],"file":"ComboboxOption.js"}
+{"version":3,"sources":["../../../src/ComboBox/ComboboxOption.tsx"],"names":["forwardRef","useEffect","useRef","SELECT_WITH_CLICK","CLEAR_SELECTION","wrapEvent","useComboBoxContext","makeHash","ComboboxOption","ref","children","idProp","id","valueProp","value","textProp","text","onClick","as","Comp","innerAs","props","onSelect","navigationItem","data","transition","optionsRef","transitionCleanupRef","isActiveRef","length","Error","String","opts","current","handleClick","item","undefined"],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-use-before-define */\nimport type {\n  ElementType,\n  LiHTMLAttributes,\n  MouseEventHandler,\n  ReactNode,\n} from 'react';\nimport { forwardRef, useEffect, useRef } from 'react';\n\nimport { SELECT_WITH_CLICK, CLEAR_SELECTION } from './hooks';\nimport { wrapEvent } from '../utils/wrapEvent';\nimport { useComboBoxContext } from './context';\nimport { makeHash } from './makeHash';\n\nexport interface ComboboxOptionProps extends LiHTMLAttributes<HTMLLIElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  id: string;\n  value: any;\n  text?: string;\n  onClick?: MouseEventHandler<HTMLLIElement>;\n  children?: ReactNode;\n}\n\nexport const ComboboxOption = forwardRef<HTMLLIElement, ComboboxOptionProps>(\n  function ComboboxOption(\n    {\n      children,\n      id: idProp,\n      value: valueProp,\n      text: textProp,\n      onClick,\n      as: Comp = 'li',\n      innerAs,\n      ...props\n    },\n    ref\n  ) {\n    const {\n      onSelect,\n      data: { navigationItem },\n      transition,\n      optionsRef,\n    } = useComboBoxContext();\n    const transitionCleanupRef = useRef(transition);\n    const isActiveRef = useRef(false);\n\n    const value: any = valueProp;\n    let text: string = textProp ? textProp : '';\n\n    if (text.length === 0) {\n      if (typeof valueProp === 'string' && valueProp.length > 0) {\n        text = valueProp;\n      } else {\n        throw new Error('Missing text for <ComboboxOption />');\n      }\n    }\n\n    const id = String(makeHash(idProp));\n\n    useEffect(() => {\n      const opts = optionsRef.current;\n      opts[id] = { value, text };\n\n      return () => {\n        delete opts[id];\n      };\n    }, [optionsRef, id, text, value]);\n\n    // Keep updating this ref with the current\n    // function pointer for transition, so it can\n    // be used by the unmount effect below.\n    transitionCleanupRef.current = transition;\n    isActiveRef.current = navigationItem === id;\n\n    useEffect(() => {\n      return () => {\n        if (isActiveRef.current === true) {\n          // clean up selections if this option is getting\n          // unmounted and it was the currently selected item\n          transitionCleanupRef.current(CLEAR_SELECTION);\n        }\n      };\n    }, []);\n\n    const handleClick = () => {\n      onSelect && onSelect(text, id, value);\n      transition(SELECT_WITH_CLICK, { text, item: id });\n    };\n\n    return (\n      <Comp\n        {...props}\n        as={innerAs}\n        data-reach-combobox-option=\"\"\n        ref={ref}\n        id={id}\n        role=\"option\"\n        aria-selected={isActiveRef.current}\n        data-highlighted={isActiveRef.current ? '' : undefined}\n        // without this the menu will close from `onBlur`, but with it the\n        // element can be `document.activeElement` and then our focus checks in\n        // onBlur will work as intended\n        tabIndex=\"-1\"\n        onClick={wrapEvent(onClick, handleClick)}\n      >\n        {children || text}\n      </Comp>\n    );\n  }\n);\n"],"file":"ComboboxOption.js"}

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

@@ -1,9 +1,9 @@
-import * as React from 'react';
-export interface ComboboxPopoverProps extends React.HTMLAttributes<HTMLDivElement> {
-    as?: React.ElementType<any>;
-    innerAs?: React.ElementType<any>;
-    onBlur?: React.FocusEventHandler<HTMLDivElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
-    children?: React.ReactNode;
+import type { ElementType, FocusEventHandler, HTMLAttributes, KeyboardEventHandler, ReactNode } from 'react';
+export interface ComboboxPopoverProps extends HTMLAttributes<HTMLDivElement> {
+    as?: ElementType<any>;
+    innerAs?: ElementType<any>;
+    onBlur?: FocusEventHandler<HTMLDivElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
+    children?: ReactNode;
 }
-export declare const ComboboxPopover: React.ForwardRefExoticComponent<ComboboxPopoverProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ComboboxPopover: import("react").ForwardRefExoticComponent<ComboboxPopoverProps & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/ComboBox/ComboboxPopover.js

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import { forwardRef } from 'react';
-import * as React from 'react';
 import { useKeyDown, useBlur } from './hooks';
 import { wrapEvent } from '../utils/wrapEvent';
 import { assignMultipleRefs } from '../utils/assignRef';