@basic-ui/core 0.0.50 → 0.0.52

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxList.js","names":["forwardRef","useRef","useEffect","useComboBoxContext","getScope","assignMultipleRefs","ComboboxList","ref","persistSelection","as","Comp","innerAs","props","persistSelectionRef","labelIdRef","listScope","listRef","current"],"sources":["../../../src/ComboBox/ComboboxList.tsx"],"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"],"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;EAAA,iCANEC,gBAMF;EAAA,IANEA,gBAMF,sCANqB,KAMrB;EAAA,mBALEC,EAKF;EAAA,IALMC,IAKN,wBALa,IAKb;EAAA,IAJEC,OAIF,QAJEA,OAIF;EAAA,IAHKC,KAGL;;EACA,0BAAuDT,kBAAkB,EAAzE;EAAA,IAAQU,mBAAR,uBAAQA,mBAAR;EAAA,IAA6BC,UAA7B,uBAA6BA,UAA7B;EAAA,IAAyCC,SAAzC,uBAAyCA,SAAzC;;EAEA,IAAMC,OAAO,GAAGf,MAAM,EAAtB;EACAC,SAAS,CAAC,YAAM;IACda,SAAS,CAACE,OAAV,GAAoBb,QAAQ,CAACY,OAAD,CAA5B;EACD,CAFQ,EAEN,CAACD,SAAD,CAFM,CAAT;EAIAF,mBAAmB,CAACI,OAApB,GAA8BT,gBAA9B;EAEA,oBACE,KAAC,IAAD,wBACMI,KADN;IAEE,EAAE,EAAED,OAFN;IAGE,GAAG,EAAEN,kBAAkB,CAACE,GAAD,EAAMS,OAAN,CAHzB;IAIE,4BAAyB,EAJ3B;IAKE,IAAI,EAAC,SALP;IAME,mBAAiBF,UAAU,CAACG;EAN9B,GADF;AAUD,CA/BmC,CAA/B"}
+{"version":3,"file":"ComboboxList.js","names":["forwardRef","useRef","useEffect","useComboBoxContext","getScope","assignMultipleRefs","ComboboxList","ref","persistSelection","as","Comp","innerAs","props","persistSelectionRef","labelIdRef","listScope","listRef","current"],"sources":["../../../src/ComboBox/ComboboxList.tsx"],"sourcesContent":["import type { HTMLAttributes, ElementType, ReactNode } from 'react';\r\nimport { forwardRef, useRef, useEffect } from 'react';\r\n\r\nimport { useComboBoxContext } from './context';\r\nimport { getScope } from '../hooks';\r\nimport { assignMultipleRefs } from '../utils';\r\n\r\nexport interface ComboboxListProps extends HTMLAttributes<HTMLUListElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  persistSelection?: boolean;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const ComboboxList = forwardRef<HTMLUListElement, ComboboxListProps>(\r\n  function ComboboxList(\r\n    {\r\n      // when true, and the list opens again, the option with a matching value will be\r\n      // automatically highleted.\r\n      persistSelection = false,\r\n      as: Comp = 'ul',\r\n      innerAs,\r\n      ...props\r\n    },\r\n    ref\r\n  ) {\r\n    const { persistSelectionRef, labelIdRef, listScope } = useComboBoxContext();\r\n\r\n    const listRef = useRef<HTMLUListElement>();\r\n    useEffect(() => {\r\n      listScope.current = getScope(listRef);\r\n    }, [listScope]);\r\n\r\n    persistSelectionRef.current = persistSelection;\r\n\r\n    return (\r\n      <Comp\r\n        {...props}\r\n        as={innerAs}\r\n        ref={assignMultipleRefs(ref, listRef)}\r\n        data-reach-combobox-list=\"\"\r\n        role=\"listbox\"\r\n        aria-labelledby={labelIdRef.current}\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"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;EAAA,iCANEC,gBAMF;EAAA,IANEA,gBAMF,sCANqB,KAMrB;EAAA,mBALEC,EAKF;EAAA,IALMC,IAKN,wBALa,IAKb;EAAA,IAJEC,OAIF,QAJEA,OAIF;EAAA,IAHKC,KAGL;;EACA,0BAAuDT,kBAAkB,EAAzE;EAAA,IAAQU,mBAAR,uBAAQA,mBAAR;EAAA,IAA6BC,UAA7B,uBAA6BA,UAA7B;EAAA,IAAyCC,SAAzC,uBAAyCA,SAAzC;;EAEA,IAAMC,OAAO,GAAGf,MAAM,EAAtB;EACAC,SAAS,CAAC,YAAM;IACda,SAAS,CAACE,OAAV,GAAoBb,QAAQ,CAACY,OAAD,CAA5B;EACD,CAFQ,EAEN,CAACD,SAAD,CAFM,CAAT;EAIAF,mBAAmB,CAACI,OAApB,GAA8BT,gBAA9B;EAEA,oBACE,KAAC,IAAD,wBACMI,KADN;IAEE,EAAE,EAAED,OAFN;IAGE,GAAG,EAAEN,kBAAkB,CAACE,GAAD,EAAMS,OAAN,CAHzB;IAIE,4BAAyB,EAJ3B;IAKE,IAAI,EAAC,SALP;IAME,mBAAiBF,UAAU,CAACG;EAN9B,GADF;AAUD,CA/BmC,CAA/B"}

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

@@ -1,11 +1,11 @@
-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?: MouseEventHandler<HTMLLIElement>;
-    children?: ReactNode;
-}
-export declare const ComboboxOption: import("react").ForwardRefExoticComponent<ComboboxOptionProps & import("react").RefAttributes<HTMLLIElement>>;
+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?: MouseEventHandler<HTMLLIElement>;
+    children?: ReactNode;
+}
+export declare const ComboboxOption: import("react").ForwardRefExoticComponent<ComboboxOptionProps & import("react").RefAttributes<HTMLLIElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOption.js","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"],"sources":["../../../src/ComboBox/ComboboxOption.tsx"],"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/wrap-event';\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"],"mappings":"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"}
+{"version":3,"file":"ComboboxOption.js","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"],"sources":["../../../src/ComboBox/ComboboxOption.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-use-before-define */\r\nimport type {\r\n  ElementType,\r\n  LiHTMLAttributes,\r\n  MouseEventHandler,\r\n  ReactNode,\r\n} from 'react';\r\nimport { forwardRef, useEffect, useRef } from 'react';\r\n\r\nimport { SELECT_WITH_CLICK, CLEAR_SELECTION } from './hooks';\r\nimport { wrapEvent } from '../utils/wrap-event';\r\nimport { useComboBoxContext } from './context';\r\nimport { makeHash } from './makeHash';\r\n\r\nexport interface ComboboxOptionProps extends LiHTMLAttributes<HTMLLIElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  id: string;\r\n  value: any;\r\n  text?: string;\r\n  onClick?: MouseEventHandler<HTMLLIElement>;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const ComboboxOption = forwardRef<HTMLLIElement, ComboboxOptionProps>(\r\n  function ComboboxOption(\r\n    {\r\n      children,\r\n      id: idProp,\r\n      value: valueProp,\r\n      text: textProp,\r\n      onClick,\r\n      as: Comp = 'li',\r\n      innerAs,\r\n      ...props\r\n    },\r\n    ref\r\n  ) {\r\n    const {\r\n      onSelect,\r\n      data: { navigationItem },\r\n      transition,\r\n      optionsRef,\r\n    } = useComboBoxContext();\r\n    const transitionCleanupRef = useRef(transition);\r\n    const isActiveRef = useRef(false);\r\n\r\n    const value: any = valueProp;\r\n    let text: string = textProp ? textProp : '';\r\n\r\n    if (text.length === 0) {\r\n      if (typeof valueProp === 'string' && valueProp.length > 0) {\r\n        text = valueProp;\r\n      } else {\r\n        throw new Error('Missing text for <ComboboxOption />');\r\n      }\r\n    }\r\n\r\n    const id = String(makeHash(idProp));\r\n\r\n    useEffect(() => {\r\n      const opts = optionsRef.current;\r\n      opts[id] = { value, text };\r\n\r\n      return () => {\r\n        delete opts[id];\r\n      };\r\n    }, [optionsRef, id, text, value]);\r\n\r\n    // Keep updating this ref with the current\r\n    // function pointer for transition, so it can\r\n    // be used by the unmount effect below.\r\n    transitionCleanupRef.current = transition;\r\n    isActiveRef.current = navigationItem === id;\r\n\r\n    useEffect(() => {\r\n      return () => {\r\n        if (isActiveRef.current === true) {\r\n          // clean up selections if this option is getting\r\n          // unmounted and it was the currently selected item\r\n          transitionCleanupRef.current(CLEAR_SELECTION);\r\n        }\r\n      };\r\n    }, []);\r\n\r\n    const handleClick = () => {\r\n      onSelect && onSelect(text, id, value);\r\n      transition(SELECT_WITH_CLICK, { text, item: id });\r\n    };\r\n\r\n    return (\r\n      <Comp\r\n        {...props}\r\n        as={innerAs}\r\n        data-reach-combobox-option=\"\"\r\n        ref={ref}\r\n        id={id}\r\n        role=\"option\"\r\n        aria-selected={isActiveRef.current}\r\n        data-highlighted={isActiveRef.current ? '' : undefined}\r\n        // without this the menu will close from `onBlur`, but with it the\r\n        // element can be `document.activeElement` and then our focus checks in\r\n        // onBlur will work as intended\r\n        tabIndex=\"-1\"\r\n        onClick={wrapEvent(onClick, handleClick)}\r\n      >\r\n        {children || text}\r\n      </Comp>\r\n    );\r\n  }\r\n);\r\n"],"mappings":"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"}

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

@@ -1,9 +1,9 @@
-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: import("react").ForwardRefExoticComponent<ComboboxPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
+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: import("react").ForwardRefExoticComponent<ComboboxPopoverProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxPopover.js","names":["forwardRef","useKeyDown","useBlur","wrapEvent","assignMultipleRefs","useComboBoxContext","ComboboxPopover","forwardedRef","onKeyDown","onBlur","as","Comp","innerAs","props","popoverRef","isVisible","handleKeyDown","handleBlur","hidden"],"sources":["../../../src/ComboBox/ComboboxPopover.tsx"],"sourcesContent":["import type {\n  ElementType,\n  FocusEventHandler,\n  HTMLAttributes,\n  KeyboardEventHandler,\n  ReactNode,\n} from 'react';\nimport { forwardRef } from 'react';\n\nimport { useKeyDown, useBlur } from './hooks';\nimport { wrapEvent } from '../utils/wrap-event';\nimport { assignMultipleRefs } from '../utils/assign-ref';\nimport { useComboBoxContext } from './context';\n\nexport interface ComboboxPopoverProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onBlur?: FocusEventHandler<HTMLDivElement>;\n  onKeyDown?: KeyboardEventHandler<HTMLDivElement>;\n  children?: ReactNode;\n}\n\nexport const ComboboxPopover = forwardRef<HTMLDivElement, ComboboxPopoverProps>(\n  function ComboboxPopover(\n    {\n      // wrapped events\n      onKeyDown,\n      onBlur,\n\n      as: Comp = 'div',\n      innerAs,\n      ...props\n    },\n    forwardedRef\n  ) {\n    const { popoverRef, isVisible } = useComboBoxContext();\n    const handleKeyDown = useKeyDown();\n    const handleBlur = useBlur();\n\n    // Instead of conditionally rendering the popover we use the `hidden` prop\n    // because we don't want to unmount on close (from escape or onSelect).  If\n    // we unmounted, then we'd lose the optionsRef and the user wouldn't be able\n    // to use the arrow keys to pop the list back open. However, the developer\n    // can conditionally render the ComboboxPopover if they do want to cause\n    // mount/unmount based on the app's own data (like results.length or\n    // whatever).\n    const hidden = !isVisible;\n\n    return (\n      <Comp\n        {...props}\n        as={innerAs}\n        data-reach-combobox-popover=\"\"\n        ref={assignMultipleRefs(popoverRef, forwardedRef)}\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n        onBlur={wrapEvent(onBlur, handleBlur)}\n        hidden={hidden}\n        // Allow the user to click empty space inside the popover without causing\n        // to close from useBlur\n        tabIndex=\"-1\"\n      />\n    );\n  }\n);\n"],"mappings":";;;AAOA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,UAAT,EAAqBC,OAArB,QAAoC,SAApC;AACA,SAASC,SAAT,QAA0B,qBAA1B;AACA,SAASC,kBAAT,QAAmC,qBAAnC;AACA,SAASC,kBAAT,QAAmC,WAAnC;;AAUA,OAAO,IAAMC,eAAe,gBAAGN,UAAU,CACvC,SAASM,eAAT,OAUEC,YAVF,EAWE;EAAA,IAREC,SAQF,QAREA,SAQF;EAAA,IAPEC,MAOF,QAPEA,MAOF;EAAA,mBALEC,EAKF;EAAA,IALMC,IAKN,wBALa,KAKb;EAAA,IAJEC,OAIF,QAJEA,OAIF;EAAA,IAHKC,KAGL;;EACA,0BAAkCR,kBAAkB,EAApD;EAAA,IAAQS,UAAR,uBAAQA,UAAR;EAAA,IAAoBC,SAApB,uBAAoBA,SAApB;;EACA,IAAMC,aAAa,GAAGf,UAAU,EAAhC;EACA,IAAMgB,UAAU,GAAGf,OAAO,EAA1B,CAHA,CAKA;EACA;EACA;EACA;EACA;EACA;EACA;;EACA,IAAMgB,MAAM,GAAG,CAACH,SAAhB;EAEA,oBACE,KAAC,IAAD,wBACMF,KADN;IAEE,EAAE,EAAED,OAFN;IAGE,+BAA4B,EAH9B;IAIE,GAAG,EAAER,kBAAkB,CAACU,UAAD,EAAaP,YAAb,CAJzB;IAKE,SAAS,EAAEJ,SAAS,CAACK,SAAD,EAAYQ,aAAZ,CALtB;IAME,MAAM,EAAEb,SAAS,CAACM,MAAD,EAASQ,UAAT,CANnB;IAOE,MAAM,EAAEC,MAPV,CAQE;IACA;IATF;IAUE,QAAQ,EAAC;EAVX,GADF;AAcD,CAxCsC,CAAlC"}
+{"version":3,"file":"ComboboxPopover.js","names":["forwardRef","useKeyDown","useBlur","wrapEvent","assignMultipleRefs","useComboBoxContext","ComboboxPopover","forwardedRef","onKeyDown","onBlur","as","Comp","innerAs","props","popoverRef","isVisible","handleKeyDown","handleBlur","hidden"],"sources":["../../../src/ComboBox/ComboboxPopover.tsx"],"sourcesContent":["import type {\r\n  ElementType,\r\n  FocusEventHandler,\r\n  HTMLAttributes,\r\n  KeyboardEventHandler,\r\n  ReactNode,\r\n} from 'react';\r\nimport { forwardRef } from 'react';\r\n\r\nimport { useKeyDown, useBlur } from './hooks';\r\nimport { wrapEvent } from '../utils/wrap-event';\r\nimport { assignMultipleRefs } from '../utils/assign-ref';\r\nimport { useComboBoxContext } from './context';\r\n\r\nexport interface ComboboxPopoverProps extends HTMLAttributes<HTMLDivElement> {\r\n  as?: ElementType<any>;\r\n  innerAs?: ElementType<any>;\r\n  onBlur?: FocusEventHandler<HTMLDivElement>;\r\n  onKeyDown?: KeyboardEventHandler<HTMLDivElement>;\r\n  children?: ReactNode;\r\n}\r\n\r\nexport const ComboboxPopover = forwardRef<HTMLDivElement, ComboboxPopoverProps>(\r\n  function ComboboxPopover(\r\n    {\r\n      // wrapped events\r\n      onKeyDown,\r\n      onBlur,\r\n\r\n      as: Comp = 'div',\r\n      innerAs,\r\n      ...props\r\n    },\r\n    forwardedRef\r\n  ) {\r\n    const { popoverRef, isVisible } = useComboBoxContext();\r\n    const handleKeyDown = useKeyDown();\r\n    const handleBlur = useBlur();\r\n\r\n    // Instead of conditionally rendering the popover we use the `hidden` prop\r\n    // because we don't want to unmount on close (from escape or onSelect).  If\r\n    // we unmounted, then we'd lose the optionsRef and the user wouldn't be able\r\n    // to use the arrow keys to pop the list back open. However, the developer\r\n    // can conditionally render the ComboboxPopover if they do want to cause\r\n    // mount/unmount based on the app's own data (like results.length or\r\n    // whatever).\r\n    const hidden = !isVisible;\r\n\r\n    return (\r\n      <Comp\r\n        {...props}\r\n        as={innerAs}\r\n        data-reach-combobox-popover=\"\"\r\n        ref={assignMultipleRefs(popoverRef, forwardedRef)}\r\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\r\n        onBlur={wrapEvent(onBlur, handleBlur)}\r\n        hidden={hidden}\r\n        // Allow the user to click empty space inside the popover without causing\r\n        // to close from useBlur\r\n        tabIndex=\"-1\"\r\n      />\r\n    );\r\n  }\r\n);\r\n"],"mappings":";;;AAOA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,UAAT,EAAqBC,OAArB,QAAoC,SAApC;AACA,SAASC,SAAT,QAA0B,qBAA1B;AACA,SAASC,kBAAT,QAAmC,qBAAnC;AACA,SAASC,kBAAT,QAAmC,WAAnC;;AAUA,OAAO,IAAMC,eAAe,gBAAGN,UAAU,CACvC,SAASM,eAAT,OAUEC,YAVF,EAWE;EAAA,IAREC,SAQF,QAREA,SAQF;EAAA,IAPEC,MAOF,QAPEA,MAOF;EAAA,mBALEC,EAKF;EAAA,IALMC,IAKN,wBALa,KAKb;EAAA,IAJEC,OAIF,QAJEA,OAIF;EAAA,IAHKC,KAGL;;EACA,0BAAkCR,kBAAkB,EAApD;EAAA,IAAQS,UAAR,uBAAQA,UAAR;EAAA,IAAoBC,SAApB,uBAAoBA,SAApB;;EACA,IAAMC,aAAa,GAAGf,UAAU,EAAhC;EACA,IAAMgB,UAAU,GAAGf,OAAO,EAA1B,CAHA,CAKA;EACA;EACA;EACA;EACA;EACA;EACA;;EACA,IAAMgB,MAAM,GAAG,CAACH,SAAhB;EAEA,oBACE,KAAC,IAAD,wBACMF,KADN;IAEE,EAAE,EAAED,OAFN;IAGE,+BAA4B,EAH9B;IAIE,GAAG,EAAER,kBAAkB,CAACU,UAAD,EAAaP,YAAb,CAJzB;IAKE,SAAS,EAAEJ,SAAS,CAACK,SAAD,EAAYQ,aAAZ,CALtB;IAME,MAAM,EAAEb,SAAS,CAACM,MAAD,EAASQ,UAAT,CANnB;IAOE,MAAM,EAAEC,MAPV,CAQE;IACA;IATF;IAUE,QAAQ,EAAC;EAVX,GADF;AAcD,CAxCsC,CAAlC"}

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

@@ -1,5 +1,5 @@
-declare const _default: {
-    city: string;
-    state: string;
-}[];
-export default _default;
+declare const _default: {
+    city: string;
+    state: string;
+}[];
+export default _default;