@basic-ui/core 0.0.41 → 0.0.42

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/context.ts"],"names":["createContext","useContext","comboboxContext","ComboBoxProvider","Provider","useComboBoxContext"],"mappings":"AACA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AA+BA,IAAMC,eAAe,gBAAGF,aAAa,CAAuB,IAAvB,CAArC;IACyBG,gB,GAAqBD,e,CAA/BE,Q;;AACf,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAAMJ,UAAU,CAACC,eAAD,CAAhB;AAAA,CAA3B","sourcesContent":["import type { MutableRefObject } from 'react';\nimport { createContext, useContext } from 'react';\n\nimport type { ActionTypes, StateTypes, ReducerState } from './hooks';\nimport type { SelectEventHandler } from './Combobox';\nimport type { Scope } from '../hooks';\n\nexport interface ComboBoxContextProps {\n  data: Omit<ReducerState, 'state'>;\n  inputRef: MutableRefObject<HTMLInputElement | null>;\n  popoverRef: MutableRefObject<HTMLDivElement | null>;\n  buttonRef: MutableRefObject<HTMLButtonElement | null>;\n  onSelect?: SelectEventHandler;\n  optionsRef: MutableRefObject<{\n    [itemId: string]: {\n      value: string | unknown;\n      text: string;\n    };\n  }>;\n  listScope: Scope<HTMLElement>;\n  state: StateTypes;\n  transition: (action: ActionTypes, payload?: any) => void;\n  listboxIdRef: MutableRefObject<string | undefined>;\n  labelIdRef: MutableRefObject<string | undefined>;\n  autocompletePropRef: MutableRefObject<boolean>;\n  persistSelectionRef: MutableRefObject<boolean>;\n  clearOnEscapeRef: MutableRefObject<boolean>;\n  isVisible: boolean;\n  openOnFocus: boolean;\n  selectOnBlur: boolean;\n}\n\nconst comboboxContext = createContext<ComboBoxContextProps>(null as any);\nexport const { Provider: ComboBoxProvider } = comboboxContext;\nexport const useComboBoxContext = () => useContext(comboboxContext);\n"],"file":"context.js"}
+{"version":3,"file":"context.js","names":["createContext","useContext","comboboxContext","ComboBoxProvider","Provider","useComboBoxContext"],"sources":["../../../src/ComboBox/context.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { createContext, useContext } from 'react';\n\nimport type { ActionTypes, StateTypes, ReducerState } from './hooks';\nimport type { SelectEventHandler } from './Combobox';\nimport type { Scope } from '../hooks';\n\nexport interface ComboBoxContextProps {\n  data: Omit<ReducerState, 'state'>;\n  inputRef: MutableRefObject<HTMLInputElement | null>;\n  popoverRef: MutableRefObject<HTMLDivElement | null>;\n  buttonRef: MutableRefObject<HTMLButtonElement | null>;\n  onSelect?: SelectEventHandler;\n  optionsRef: MutableRefObject<{\n    [itemId: string]: {\n      value: string | unknown;\n      text: string;\n    };\n  }>;\n  listScope: Scope<HTMLElement>;\n  state: StateTypes;\n  transition: (action: ActionTypes, payload?: any) => void;\n  listboxIdRef: MutableRefObject<string | undefined>;\n  labelIdRef: MutableRefObject<string | undefined>;\n  autocompletePropRef: MutableRefObject<boolean>;\n  persistSelectionRef: MutableRefObject<boolean>;\n  clearOnEscapeRef: MutableRefObject<boolean>;\n  isVisible: boolean;\n  openOnFocus: boolean;\n  selectOnBlur: boolean;\n}\n\nconst comboboxContext = createContext<ComboBoxContextProps>(null as any);\nexport const { Provider: ComboBoxProvider } = comboboxContext;\nexport const useComboBoxContext = () => useContext(comboboxContext);\n"],"mappings":"AACA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AA+BA,IAAMC,eAAe,gBAAGF,aAAa,CAAuB,IAAvB,CAArC;AACO,IAAkBG,gBAAlB,GAAuCD,eAAvC,CAAQE,QAAR;;AACP,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB;EAAA,OAAMJ,UAAU,CAACC,eAAD,CAAhB;AAAA,CAA3B"}

package/build/esm/ComboBox/hooks.js

@@ -7,7 +7,7 @@ var _on, _on2, _on3, _states;
 
 /* eslint-disable default-case */
 import { useEffect } from 'react';
-import { getCircularIndex } from '../utils/getCircularIndex';
+import { getCircularIndex } from '../utils/get-circular-index';
 import { useComboBoxContext } from './context';
 import { scopeQuery } from './scopeQuery'; ////////////////////////////////////////////////////////////////////////////////
 // States
@@ -52,7 +52,7 @@ export var stateChart = {
   }), _states)
 };
 export function comboboxReducer(data, action) {
-  var nextState = _extends({}, data, {
+  var nextState = _extends(_extends({}, data), {}, {
     state: action.nextState,
     lastActionType: action.type
   });
@@ -60,7 +60,7 @@ export function comboboxReducer(data, action) {
   switch (action.type) {
     case INIT:
     case CHANGE:
-      return _extends({}, nextState, {
+      return _extends(_extends({}, nextState), {}, {
         text: action.text,
         navigationItem: '',
         item: ''
@@ -69,29 +69,29 @@ export function comboboxReducer(data, action) {
     case NAVIGATE:
     case OPEN_WITH_BUTTON:
       if (action.persistSelection) {
-        return _extends({}, nextState, {
+        return _extends(_extends({}, nextState), {}, {
           navigationItem: data.item
         });
       }
 
-      return _extends({}, nextState, {
+      return _extends(_extends({}, nextState), {}, {
         navigationItem: action.item
       });
 
     case CLEAR_SELECTION:
-      return _extends({}, nextState, {
+      return _extends(_extends({}, nextState), {}, {
         navigationItem: ''
       });
 
     case CLEAR:
-      return _extends({}, nextState, {
+      return _extends(_extends({}, nextState), {}, {
         text: '',
         navigationItem: '',
         item: ''
       });
 
     case BLUR:
-      return _extends({}, nextState, {
+      return _extends(_extends({}, nextState), {}, {
         text: action.text,
         navigationItem: '',
         item: action.item
@@ -99,21 +99,21 @@ export function comboboxReducer(data, action) {
 
     case CLOSE_WITH_BUTTON:
     case ESCAPE:
-      return _extends({}, nextState, {
+      return _extends(_extends({}, nextState), {}, {
         navigationItem: '',
         item: ''
       });
 
     case SELECT_WITH_CLICK:
     case SELECT_WITH_KEYBOARD:
-      return _extends({}, nextState, {
+      return _extends(_extends({}, nextState), {}, {
         text: action.text,
         item: action.item,
         navigationItem: ''
       });
 
     case FOCUS:
-      return _extends({}, nextState, {
+      return _extends(_extends({}, nextState), {}, {
         navigationItem: action.item
       });
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/hooks.tsx"],"names":["useEffect","getCircularIndex","useComboBoxContext","scopeQuery","IDLE","SUGGESTING","NAVIGATING","INIT","CLEAR","CLEAR_SELECTION","CHANGE","NAVIGATE","SELECT_WITH_KEYBOARD","SELECT_WITH_CLICK","ESCAPE","BLUR","FOCUS","OPEN_WITH_BUTTON","CLOSE_WITH_BUTTON","stateChart","initial","states","on","comboboxReducer","data","action","nextState","state","lastActionType","type","text","navigationItem","item","persistSelection","Error","visibleStates","isVisible","indexOf","useFocusManagement","inputRef","current","focus","getNextItem","currentItem","incr","optionsItems","autocomplete","index","findIndex","n","String","id","optionsLen","length","nextIndex","useKeyDown","onSelect","optionsRef","transition","autocompletePropRef","clearOnEscapeRef","persistSelectionRef","listScope","handleKeyDown","event","optionNodes","queryAllNodes","key","preventDefault","nextItem","value","lastValue","tracker","_valueTracker","setValue","Event","bubbles","dispatchEvent","navigationValue","navigationText","useBlur","stateText","popoverRef","buttonRef","selectOnBlur","handleBlur","requestAnimationFrame","document","activeElement","contains"],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-use-before-define */\n/* eslint-disable default-case */\nimport type { KeyboardEvent, MutableRefObject } from 'react';\nimport { useEffect } from 'react';\n\nimport type {\n  StateChart as GenericStateChart,\n  StateMachineState,\n} from '../hooks/useReducerMachine';\nimport { getCircularIndex } from '../utils/getCircularIndex';\nimport { useComboBoxContext } from './context';\nimport { scopeQuery } from './scopeQuery';\n\n////////////////////////////////////////////////////////////////////////////////\n// States\n\n// Nothing going on, waiting for the user to type or use the arrow keys\nexport const IDLE = 'IDLE';\n\n// The component is suggesting options as the user types\nconst SUGGESTING = 'SUGGESTING';\n\n// The user is using the keyboard to navigate the list, not typing\nexport const NAVIGATING = 'NAVIGATING';\n\nexport type StateTypes = typeof IDLE | typeof SUGGESTING | typeof NAVIGATING;\n\n////////////////////////////////////////////////////////////////////////////////\n// Actions:\n\n// Used to sync the state with controlled state, right after mounting\nexport const INIT = 'INIT';\n\n// User cleared the value w/ backspace, but input still has focus\nexport const CLEAR = 'CLEAR';\n\n// User cleared the value w/ backspace, but input still has focus\nexport const CLEAR_SELECTION = 'CLEAR_SELECTION';\n\n// User is typing\nexport const CHANGE = 'CHANGE';\n\n// User is navigating w/ the keyboard\nexport const NAVIGATE = 'NAVIGATE';\n\n// User can be navigating with keyboard and then click instead, we want the\n// value from the click, not the current nav item\nconst SELECT_WITH_KEYBOARD = 'SELECT_WITH_KEYBOARD';\nexport const SELECT_WITH_CLICK = 'SELECT_WITH_CLICK';\n\n// Pretty self-explanatory, user can hit escape or blur to close the popover\nconst ESCAPE = 'ESCAPE';\nconst BLUR = 'BLUR';\n\nexport const FOCUS = 'FOCUS';\n\nexport const OPEN_WITH_BUTTON = 'OPEN_WITH_BUTTON';\n\nexport const CLOSE_WITH_BUTTON = 'CLOSE_WITH_BUTTON';\n\nexport type ActionTypes =\n  | typeof CLEAR\n  | typeof CLEAR_SELECTION\n  | typeof CHANGE\n  | typeof INIT\n  | typeof NAVIGATE\n  | typeof SELECT_WITH_KEYBOARD\n  | typeof SELECT_WITH_CLICK\n  | typeof ESCAPE\n  | typeof BLUR\n  | typeof FOCUS\n  | typeof OPEN_WITH_BUTTON\n  | typeof CLOSE_WITH_BUTTON;\n\n////////////////////////////////////////////////////////////////////////////////\nexport const stateChart: GenericStateChart<StateTypes, ActionTypes> = {\n  initial: IDLE,\n  states: {\n    [IDLE]: {\n      on: {\n        [BLUR]: IDLE,\n        [CLEAR]: IDLE,\n        [INIT]: IDLE,\n        [CLEAR_SELECTION]: IDLE,\n        [CHANGE]: SUGGESTING,\n        [FOCUS]: SUGGESTING,\n        [NAVIGATE]: NAVIGATING,\n        [OPEN_WITH_BUTTON]: SUGGESTING,\n      },\n    },\n    [SUGGESTING]: {\n      on: {\n        [CHANGE]: SUGGESTING,\n        [FOCUS]: SUGGESTING,\n        [INIT]: SUGGESTING,\n        [NAVIGATE]: NAVIGATING,\n        [CLEAR]: IDLE,\n        [CLEAR_SELECTION]: SUGGESTING,\n        [ESCAPE]: IDLE,\n        [BLUR]: IDLE,\n        [SELECT_WITH_CLICK]: IDLE,\n        [CLOSE_WITH_BUTTON]: IDLE,\n      },\n    },\n    [NAVIGATING]: {\n      on: {\n        [CHANGE]: SUGGESTING,\n        [FOCUS]: SUGGESTING,\n        [INIT]: NAVIGATING,\n        [CLEAR]: IDLE,\n        [CLEAR_SELECTION]: NAVIGATING,\n        [BLUR]: IDLE,\n        [ESCAPE]: IDLE,\n        [NAVIGATE]: NAVIGATING,\n        [SELECT_WITH_KEYBOARD]: IDLE,\n        [SELECT_WITH_CLICK]: IDLE,\n        [CLOSE_WITH_BUTTON]: IDLE,\n      },\n    },\n  },\n};\n\nexport interface ReducerState\n  extends StateMachineState<StateTypes, ActionTypes> {\n  item: string;\n  navigationItem: string;\n  text: string;\n}\n\ninterface ActionObject {\n  type: ActionTypes;\n  state: StateTypes;\n  nextState: StateTypes;\n  [rest: string]: any;\n}\n\nexport function comboboxReducer(\n  data: Readonly<ReducerState>,\n  action: ActionObject\n): ReducerState {\n  const nextState = {\n    ...data,\n    state: action.nextState,\n    lastActionType: action.type,\n  };\n\n  switch (action.type) {\n    case INIT:\n    case CHANGE:\n      return {\n        ...nextState,\n        text: action.text,\n        navigationItem: '',\n        item: '',\n      };\n    case NAVIGATE:\n    case OPEN_WITH_BUTTON:\n      if (action.persistSelection) {\n        return {\n          ...nextState,\n          navigationItem: data.item,\n        };\n      }\n\n      return {\n        ...nextState,\n        navigationItem: action.item,\n      };\n    case CLEAR_SELECTION:\n      return {\n        ...nextState,\n        navigationItem: '',\n      };\n    case CLEAR:\n      return {\n        ...nextState,\n        text: '',\n        navigationItem: '',\n        item: '',\n      };\n    case BLUR:\n      return {\n        ...nextState,\n        text: action.text,\n        navigationItem: '',\n        item: action.item,\n      };\n    case CLOSE_WITH_BUTTON:\n    case ESCAPE:\n      return {\n        ...nextState,\n        navigationItem: '',\n        item: '',\n      };\n    case SELECT_WITH_CLICK:\n    case SELECT_WITH_KEYBOARD:\n      return {\n        ...nextState,\n        text: action.text,\n        item: action.item,\n        navigationItem: '',\n      };\n    case FOCUS:\n      return {\n        ...nextState,\n        navigationItem: action.item,\n      };\n\n    default:\n      throw new Error(`Unknown action ${action.type}`);\n  }\n}\n\nconst visibleStates = [SUGGESTING, NAVIGATING];\nexport const isVisible = (state: any) => visibleStates.indexOf(state) >= 0;\n\n////////////////////////////////////////////////////////////////////////////////\n// The rest is all implementation details\n\n// Move focus back to the input if we start navigating w/ the\n// keyboard after focus has moved to any focusable content in\n// the popup.\nexport function useFocusManagement(\n  lastActionType: ActionTypes,\n  inputRef: MutableRefObject<HTMLInputElement | null>\n) {\n  // useEffect so that the cursor goes to the end of the input instead\n  // of awkwardly at the beginning, unclear to me why ...\n  useEffect(() => {\n    if (\n      lastActionType === NAVIGATE ||\n      lastActionType === ESCAPE ||\n      lastActionType === SELECT_WITH_CLICK ||\n      lastActionType === OPEN_WITH_BUTTON\n    ) {\n      inputRef.current && inputRef.current.focus();\n    }\n  });\n}\n\nfunction getNextItem(\n  currentItem: string,\n  incr: number,\n  optionsItems: HTMLElement[],\n  autocomplete: boolean\n): string {\n  const index =\n    currentItem === ''\n      ? -1\n      : optionsItems.findIndex((n) => String(n.id) === currentItem);\n\n  const optionsLen = optionsItems.length;\n\n  // Nothing selected, either go to start, or end\n  if (index < 0) {\n    if (incr > 0) {\n      // Go to start\n      return optionsItems[0].id;\n    } else {\n      // Go to end\n      return optionsItems[optionsLen - 1].id;\n    }\n  } else if (autocomplete) {\n    const nextIndex = index + incr;\n\n    if (nextIndex < 0 || nextIndex >= optionsLen) {\n      // Next is outside the bounds of list, return nothing selected\n      return '';\n    }\n  }\n\n  // I'm sure it won't be null, we already check optionsLen above\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  return optionsItems[getCircularIndex(index + incr, optionsLen)!].id;\n}\n\n// We want the same events when the input or the popup have focus (HOW COOL ARE\n// HOOKS BTW?) This is probably the hairiest piece but it's not bad.\nexport function useKeyDown() {\n  const {\n    data: { text, navigationItem },\n    onSelect,\n    optionsRef,\n    inputRef,\n    state,\n    transition,\n    autocompletePropRef,\n    clearOnEscapeRef,\n    persistSelectionRef,\n    listScope,\n  } = useComboBoxContext();\n\n  return function handleKeyDown(event: KeyboardEvent<any>) {\n    const optionNodes = listScope.current.queryAllNodes(scopeQuery);\n\n    switch (event.key) {\n      case 'ArrowUp':\n      case 'ArrowDown': {\n        // Don't scroll the page\n        event.preventDefault();\n\n        const optionsLen = optionNodes.length;\n\n        // If the developer didn't render any options, there's no point in\n        // trying to navigate--but seriously what the heck? Give us some\n        // options fam.\n        if (optionsLen === 0) {\n          return;\n        }\n\n        if (state === IDLE) {\n          // Opening a closed list\n          transition(NAVIGATE, {\n            persistSelection: persistSelectionRef.current,\n          });\n        } else {\n          // ArrowUp decreases index, ArrowDown increases\n          const incr = event.key === 'ArrowUp' ? -1 : 1;\n\n          // When autocompletting, we'll not cycle through the list directly\n          const autocomplete = autocompletePropRef.current;\n\n          // Get next selected item\n          const nextItem = getNextItem(\n            navigationItem,\n            incr,\n            optionNodes,\n            autocomplete\n          );\n\n          const value =\n            nextItem !== '' ? optionsRef.current[nextItem].text : null;\n\n          transition(NAVIGATE, { value, item: nextItem });\n        }\n        break;\n      }\n      case 'Escape': {\n        if (state !== IDLE) {\n          transition(ESCAPE);\n        } else if (state === IDLE && text !== '') {\n          if (!inputRef.current || !clearOnEscapeRef.current) {\n            break;\n          }\n\n          // emulate a inputRef change event, might not work in future versions of React\n          const lastValue = inputRef.current.value;\n          inputRef.current.value = '';\n\n          const tracker = (inputRef.current as any)._valueTracker;\n          if (tracker) {\n            tracker.setValue(lastValue);\n          }\n\n          const event = new Event('change', { bubbles: true });\n          inputRef.current.dispatchEvent(event);\n        }\n        break;\n      }\n      case 'Enter': {\n        if (state === NAVIGATING && navigationItem !== '') {\n          const { value: navigationValue, text: navigationText } =\n            optionsRef.current[navigationItem];\n\n          // don't want to submit forms\n          event.preventDefault();\n          onSelect && onSelect(navigationText, navigationItem, navigationValue);\n          transition(SELECT_WITH_KEYBOARD, {\n            text: navigationText,\n            item: navigationItem,\n          });\n        }\n        break;\n      }\n    }\n  };\n}\n\nexport function useBlur() {\n  const {\n    data: { navigationItem, text: stateText },\n    transition,\n    optionsRef,\n    popoverRef,\n    inputRef,\n    buttonRef,\n    onSelect,\n    selectOnBlur, // not implemented yet\n  } = useComboBoxContext();\n\n  return function handleBlur() {\n    requestAnimationFrame(() => {\n      // we on want to close only if focus rests outside the combobox\n      if (\n        document.activeElement !== inputRef.current &&\n        document.activeElement !== buttonRef.current &&\n        popoverRef.current\n      ) {\n        if (popoverRef.current.contains(document.activeElement)) {\n          // focus landed inside the combobox, keep it open\n          // in the future, we can make it not close, select, or anything\n          // this way we can have like... checkboxes available in the\n          // menu item, etc.\n        } else {\n          // focus landed outside the combobox, close it.\n          if (!selectOnBlur || navigationItem === '') {\n            // we don't wanna select on blur, or navigationIndex is invalid\n            transition(BLUR, { text: stateText, item: '' });\n          } else {\n            // select the currently selected item\n            const { value: navigationValue, text: navigationText } =\n              optionsRef.current[navigationItem];\n\n            onSelect &&\n              onSelect(navigationText, navigationItem, navigationValue);\n\n            transition(BLUR, {\n              text: navigationText,\n              item: navigationItem,\n            });\n          }\n        }\n      }\n    });\n  };\n}\n"],"file":"hooks.js"}
+{"version":3,"file":"hooks.js","names":["useEffect","getCircularIndex","useComboBoxContext","scopeQuery","IDLE","SUGGESTING","NAVIGATING","INIT","CLEAR","CLEAR_SELECTION","CHANGE","NAVIGATE","SELECT_WITH_KEYBOARD","SELECT_WITH_CLICK","ESCAPE","BLUR","FOCUS","OPEN_WITH_BUTTON","CLOSE_WITH_BUTTON","stateChart","initial","states","on","comboboxReducer","data","action","nextState","state","lastActionType","type","text","navigationItem","item","persistSelection","Error","visibleStates","isVisible","indexOf","useFocusManagement","inputRef","current","focus","getNextItem","currentItem","incr","optionsItems","autocomplete","index","findIndex","n","String","id","optionsLen","length","nextIndex","useKeyDown","onSelect","optionsRef","transition","autocompletePropRef","clearOnEscapeRef","persistSelectionRef","listScope","handleKeyDown","event","optionNodes","queryAllNodes","key","preventDefault","nextItem","value","lastValue","tracker","_valueTracker","setValue","Event","bubbles","dispatchEvent","navigationValue","navigationText","useBlur","stateText","popoverRef","buttonRef","selectOnBlur","handleBlur","requestAnimationFrame","document","activeElement","contains"],"sources":["../../../src/ComboBox/hooks.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-use-before-define */\n/* eslint-disable default-case */\nimport type { KeyboardEvent, MutableRefObject } from 'react';\nimport { useEffect } from 'react';\n\nimport type {\n  StateChart as GenericStateChart,\n  StateMachineState,\n} from '../hooks/useReducerMachine';\nimport { getCircularIndex } from '../utils/get-circular-index';\nimport { useComboBoxContext } from './context';\nimport { scopeQuery } from './scopeQuery';\n\n////////////////////////////////////////////////////////////////////////////////\n// States\n\n// Nothing going on, waiting for the user to type or use the arrow keys\nexport const IDLE = 'IDLE';\n\n// The component is suggesting options as the user types\nconst SUGGESTING = 'SUGGESTING';\n\n// The user is using the keyboard to navigate the list, not typing\nexport const NAVIGATING = 'NAVIGATING';\n\nexport type StateTypes = typeof IDLE | typeof SUGGESTING | typeof NAVIGATING;\n\n////////////////////////////////////////////////////////////////////////////////\n// Actions:\n\n// Used to sync the state with controlled state, right after mounting\nexport const INIT = 'INIT';\n\n// User cleared the value w/ backspace, but input still has focus\nexport const CLEAR = 'CLEAR';\n\n// User cleared the value w/ backspace, but input still has focus\nexport const CLEAR_SELECTION = 'CLEAR_SELECTION';\n\n// User is typing\nexport const CHANGE = 'CHANGE';\n\n// User is navigating w/ the keyboard\nexport const NAVIGATE = 'NAVIGATE';\n\n// User can be navigating with keyboard and then click instead, we want the\n// value from the click, not the current nav item\nconst SELECT_WITH_KEYBOARD = 'SELECT_WITH_KEYBOARD';\nexport const SELECT_WITH_CLICK = 'SELECT_WITH_CLICK';\n\n// Pretty self-explanatory, user can hit escape or blur to close the popover\nconst ESCAPE = 'ESCAPE';\nconst BLUR = 'BLUR';\n\nexport const FOCUS = 'FOCUS';\n\nexport const OPEN_WITH_BUTTON = 'OPEN_WITH_BUTTON';\n\nexport const CLOSE_WITH_BUTTON = 'CLOSE_WITH_BUTTON';\n\nexport type ActionTypes =\n  | typeof CLEAR\n  | typeof CLEAR_SELECTION\n  | typeof CHANGE\n  | typeof INIT\n  | typeof NAVIGATE\n  | typeof SELECT_WITH_KEYBOARD\n  | typeof SELECT_WITH_CLICK\n  | typeof ESCAPE\n  | typeof BLUR\n  | typeof FOCUS\n  | typeof OPEN_WITH_BUTTON\n  | typeof CLOSE_WITH_BUTTON;\n\n////////////////////////////////////////////////////////////////////////////////\nexport const stateChart: GenericStateChart<StateTypes, ActionTypes> = {\n  initial: IDLE,\n  states: {\n    [IDLE]: {\n      on: {\n        [BLUR]: IDLE,\n        [CLEAR]: IDLE,\n        [INIT]: IDLE,\n        [CLEAR_SELECTION]: IDLE,\n        [CHANGE]: SUGGESTING,\n        [FOCUS]: SUGGESTING,\n        [NAVIGATE]: NAVIGATING,\n        [OPEN_WITH_BUTTON]: SUGGESTING,\n      },\n    },\n    [SUGGESTING]: {\n      on: {\n        [CHANGE]: SUGGESTING,\n        [FOCUS]: SUGGESTING,\n        [INIT]: SUGGESTING,\n        [NAVIGATE]: NAVIGATING,\n        [CLEAR]: IDLE,\n        [CLEAR_SELECTION]: SUGGESTING,\n        [ESCAPE]: IDLE,\n        [BLUR]: IDLE,\n        [SELECT_WITH_CLICK]: IDLE,\n        [CLOSE_WITH_BUTTON]: IDLE,\n      },\n    },\n    [NAVIGATING]: {\n      on: {\n        [CHANGE]: SUGGESTING,\n        [FOCUS]: SUGGESTING,\n        [INIT]: NAVIGATING,\n        [CLEAR]: IDLE,\n        [CLEAR_SELECTION]: NAVIGATING,\n        [BLUR]: IDLE,\n        [ESCAPE]: IDLE,\n        [NAVIGATE]: NAVIGATING,\n        [SELECT_WITH_KEYBOARD]: IDLE,\n        [SELECT_WITH_CLICK]: IDLE,\n        [CLOSE_WITH_BUTTON]: IDLE,\n      },\n    },\n  },\n};\n\nexport interface ReducerState\n  extends StateMachineState<StateTypes, ActionTypes> {\n  item: string;\n  navigationItem: string;\n  text: string;\n}\n\ninterface ActionObject {\n  type: ActionTypes;\n  state: StateTypes;\n  nextState: StateTypes;\n  [rest: string]: any;\n}\n\nexport function comboboxReducer(\n  data: Readonly<ReducerState>,\n  action: ActionObject\n): ReducerState {\n  const nextState = {\n    ...data,\n    state: action.nextState,\n    lastActionType: action.type,\n  };\n\n  switch (action.type) {\n    case INIT:\n    case CHANGE:\n      return {\n        ...nextState,\n        text: action.text,\n        navigationItem: '',\n        item: '',\n      };\n    case NAVIGATE:\n    case OPEN_WITH_BUTTON:\n      if (action.persistSelection) {\n        return {\n          ...nextState,\n          navigationItem: data.item,\n        };\n      }\n\n      return {\n        ...nextState,\n        navigationItem: action.item,\n      };\n    case CLEAR_SELECTION:\n      return {\n        ...nextState,\n        navigationItem: '',\n      };\n    case CLEAR:\n      return {\n        ...nextState,\n        text: '',\n        navigationItem: '',\n        item: '',\n      };\n    case BLUR:\n      return {\n        ...nextState,\n        text: action.text,\n        navigationItem: '',\n        item: action.item,\n      };\n    case CLOSE_WITH_BUTTON:\n    case ESCAPE:\n      return {\n        ...nextState,\n        navigationItem: '',\n        item: '',\n      };\n    case SELECT_WITH_CLICK:\n    case SELECT_WITH_KEYBOARD:\n      return {\n        ...nextState,\n        text: action.text,\n        item: action.item,\n        navigationItem: '',\n      };\n    case FOCUS:\n      return {\n        ...nextState,\n        navigationItem: action.item,\n      };\n\n    default:\n      throw new Error(`Unknown action ${action.type}`);\n  }\n}\n\nconst visibleStates = [SUGGESTING, NAVIGATING];\nexport const isVisible = (state: any) => visibleStates.indexOf(state) >= 0;\n\n////////////////////////////////////////////////////////////////////////////////\n// The rest is all implementation details\n\n// Move focus back to the input if we start navigating w/ the\n// keyboard after focus has moved to any focusable content in\n// the popup.\nexport function useFocusManagement(\n  lastActionType: ActionTypes,\n  inputRef: MutableRefObject<HTMLInputElement | null>\n) {\n  // useEffect so that the cursor goes to the end of the input instead\n  // of awkwardly at the beginning, unclear to me why ...\n  useEffect(() => {\n    if (\n      lastActionType === NAVIGATE ||\n      lastActionType === ESCAPE ||\n      lastActionType === SELECT_WITH_CLICK ||\n      lastActionType === OPEN_WITH_BUTTON\n    ) {\n      inputRef.current && inputRef.current.focus();\n    }\n  });\n}\n\nfunction getNextItem(\n  currentItem: string,\n  incr: number,\n  optionsItems: HTMLElement[],\n  autocomplete: boolean\n): string {\n  const index =\n    currentItem === ''\n      ? -1\n      : optionsItems.findIndex((n) => String(n.id) === currentItem);\n\n  const optionsLen = optionsItems.length;\n\n  // Nothing selected, either go to start, or end\n  if (index < 0) {\n    if (incr > 0) {\n      // Go to start\n      return optionsItems[0].id;\n    } else {\n      // Go to end\n      return optionsItems[optionsLen - 1].id;\n    }\n  } else if (autocomplete) {\n    const nextIndex = index + incr;\n\n    if (nextIndex < 0 || nextIndex >= optionsLen) {\n      // Next is outside the bounds of list, return nothing selected\n      return '';\n    }\n  }\n\n  // I'm sure it won't be null, we already check optionsLen above\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  return optionsItems[getCircularIndex(index + incr, optionsLen)!].id;\n}\n\n// We want the same events when the input or the popup have focus (HOW COOL ARE\n// HOOKS BTW?) This is probably the hairiest piece but it's not bad.\nexport function useKeyDown() {\n  const {\n    data: { text, navigationItem },\n    onSelect,\n    optionsRef,\n    inputRef,\n    state,\n    transition,\n    autocompletePropRef,\n    clearOnEscapeRef,\n    persistSelectionRef,\n    listScope,\n  } = useComboBoxContext();\n\n  return function handleKeyDown(event: KeyboardEvent<any>) {\n    const optionNodes = listScope.current.queryAllNodes(scopeQuery);\n\n    switch (event.key) {\n      case 'ArrowUp':\n      case 'ArrowDown': {\n        // Don't scroll the page\n        event.preventDefault();\n\n        const optionsLen = optionNodes.length;\n\n        // If the developer didn't render any options, there's no point in\n        // trying to navigate--but seriously what the heck? Give us some\n        // options fam.\n        if (optionsLen === 0) {\n          return;\n        }\n\n        if (state === IDLE) {\n          // Opening a closed list\n          transition(NAVIGATE, {\n            persistSelection: persistSelectionRef.current,\n          });\n        } else {\n          // ArrowUp decreases index, ArrowDown increases\n          const incr = event.key === 'ArrowUp' ? -1 : 1;\n\n          // When autocompletting, we'll not cycle through the list directly\n          const autocomplete = autocompletePropRef.current;\n\n          // Get next selected item\n          const nextItem = getNextItem(\n            navigationItem,\n            incr,\n            optionNodes,\n            autocomplete\n          );\n\n          const value =\n            nextItem !== '' ? optionsRef.current[nextItem].text : null;\n\n          transition(NAVIGATE, { value, item: nextItem });\n        }\n        break;\n      }\n      case 'Escape': {\n        if (state !== IDLE) {\n          transition(ESCAPE);\n        } else if (state === IDLE && text !== '') {\n          if (!inputRef.current || !clearOnEscapeRef.current) {\n            break;\n          }\n\n          // emulate a inputRef change event, might not work in future versions of React\n          const lastValue = inputRef.current.value;\n          inputRef.current.value = '';\n\n          const tracker = (inputRef.current as any)._valueTracker;\n          if (tracker) {\n            tracker.setValue(lastValue);\n          }\n\n          const event = new Event('change', { bubbles: true });\n          inputRef.current.dispatchEvent(event);\n        }\n        break;\n      }\n      case 'Enter': {\n        if (state === NAVIGATING && navigationItem !== '') {\n          const { value: navigationValue, text: navigationText } =\n            optionsRef.current[navigationItem];\n\n          // don't want to submit forms\n          event.preventDefault();\n          onSelect && onSelect(navigationText, navigationItem, navigationValue);\n          transition(SELECT_WITH_KEYBOARD, {\n            text: navigationText,\n            item: navigationItem,\n          });\n        }\n        break;\n      }\n    }\n  };\n}\n\nexport function useBlur() {\n  const {\n    data: { navigationItem, text: stateText },\n    transition,\n    optionsRef,\n    popoverRef,\n    inputRef,\n    buttonRef,\n    onSelect,\n    selectOnBlur, // not implemented yet\n  } = useComboBoxContext();\n\n  return function handleBlur() {\n    requestAnimationFrame(() => {\n      // we on want to close only if focus rests outside the combobox\n      if (\n        document.activeElement !== inputRef.current &&\n        document.activeElement !== buttonRef.current &&\n        popoverRef.current\n      ) {\n        if (popoverRef.current.contains(document.activeElement)) {\n          // focus landed inside the combobox, keep it open\n          // in the future, we can make it not close, select, or anything\n          // this way we can have like... checkboxes available in the\n          // menu item, etc.\n        } else {\n          // focus landed outside the combobox, close it.\n          if (!selectOnBlur || navigationItem === '') {\n            // we don't wanna select on blur, or navigationIndex is invalid\n            transition(BLUR, { text: stateText, item: '' });\n          } else {\n            // select the currently selected item\n            const { value: navigationValue, text: navigationText } =\n              optionsRef.current[navigationItem];\n\n            onSelect &&\n              onSelect(navigationText, navigationItem, navigationValue);\n\n            transition(BLUR, {\n              text: navigationText,\n              item: navigationItem,\n            });\n          }\n        }\n      }\n    });\n  };\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAd;AACA,cAAc,kBAAd;AACA,cAAc,iBAAd;AACA,cAAc,iBAAd;AACA,cAAc,gBAAd;AACA,cAAc,kBAAd;AACA,cAAc,mBAAd;AACA,cAAc,WAAd","sourcesContent":["export * from './Combobox';\nexport * from './ComboboxButton';\nexport * from './ComboboxInput';\nexport * from './ComboboxLabel';\nexport * from './ComboboxList';\nexport * from './ComboboxOption';\nexport * from './ComboboxPopover';\nexport * from './context';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/ComboBox/index.ts"],"sourcesContent":["export * from './Combobox';\nexport * from './ComboboxButton';\nexport * from './ComboboxInput';\nexport * from './ComboboxLabel';\nexport * from './ComboboxList';\nexport * from './ComboboxOption';\nexport * from './ComboboxPopover';\nexport * from './context';\n"],"mappings":"AAAA,cAAc,YAAd;AACA,cAAc,kBAAd;AACA,cAAc,iBAAd;AACA,cAAc,iBAAd;AACA,cAAc,gBAAd;AACA,cAAc,kBAAd;AACA,cAAc,mBAAd;AACA,cAAc,WAAd"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/makeHash.ts"],"names":["makeHash","str","hash","length","i","char","charCodeAt"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,QAAT,CAAkBC,GAAlB,EAA+B;AACpC,MAAIC,IAAI,GAAG,CAAX;;AACA,MAAID,GAAG,CAACE,MAAJ,KAAe,CAAnB,EAAsB;AACpB,WAAOD,IAAP;AACD;;AACD,OAAK,IAAIE,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGH,GAAG,CAACE,MAAxB,EAAgCC,CAAC,EAAjC,EAAqC;AACnC,QAAMC,IAAI,GAAGJ,GAAG,CAACK,UAAJ,CAAeF,CAAf,CAAb;AACAF,IAAAA,IAAI,GAAG,CAACA,IAAI,IAAI,CAAT,IAAcA,IAAd,GAAqBG,IAA5B;AACAH,IAAAA,IAAI,GAAGA,IAAI,GAAGA,IAAd;AACD;;AACD,SAAOA,IAAP;AACD","sourcesContent":["// We don't want to track the active descendant with indexes because nothing is\n// more annoying in a combobox than having it change values RIGHT AS YOU HIT\n// ENTER. That only happens if you use the index as your data, rather than\n// *your data as your data*. We use this to generate a unique ID based on the\n// value of each item.  This function is short, sweet, and good enough™ (I also\n// don't know how it works, tbqh)\n// https://stackoverflow.com/questions/6122571/simple-non-secure-hash-function-for-javascript\nexport function makeHash(str: string) {\n  let hash = 0;\n  if (str.length === 0) {\n    return hash;\n  }\n  for (let i = 0; i < str.length; i++) {\n    const char = str.charCodeAt(i);\n    hash = (hash << 5) - hash + char;\n    hash = hash & hash;\n  }\n  return hash;\n}\n"],"file":"makeHash.js"}
+{"version":3,"file":"makeHash.js","names":["makeHash","str","hash","length","i","char","charCodeAt"],"sources":["../../../src/ComboBox/makeHash.ts"],"sourcesContent":["// We don't want to track the active descendant with indexes because nothing is\n// more annoying in a combobox than having it change values RIGHT AS YOU HIT\n// ENTER. That only happens if you use the index as your data, rather than\n// *your data as your data*. We use this to generate a unique ID based on the\n// value of each item.  This function is short, sweet, and good enough™ (I also\n// don't know how it works, tbqh)\n// https://stackoverflow.com/questions/6122571/simple-non-secure-hash-function-for-javascript\nexport function makeHash(str: string) {\n  let hash = 0;\n  if (str.length === 0) {\n    return hash;\n  }\n  for (let i = 0; i < str.length; i++) {\n    const char = str.charCodeAt(i);\n    hash = (hash << 5) - hash + char;\n    hash = hash & hash;\n  }\n  return hash;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,QAAT,CAAkBC,GAAlB,EAA+B;EACpC,IAAIC,IAAI,GAAG,CAAX;;EACA,IAAID,GAAG,CAACE,MAAJ,KAAe,CAAnB,EAAsB;IACpB,OAAOD,IAAP;EACD;;EACD,KAAK,IAAIE,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGH,GAAG,CAACE,MAAxB,EAAgCC,CAAC,EAAjC,EAAqC;IACnC,IAAMC,IAAI,GAAGJ,GAAG,CAACK,UAAJ,CAAeF,CAAf,CAAb;IACAF,IAAI,GAAG,CAACA,IAAI,IAAI,CAAT,IAAcA,IAAd,GAAqBG,IAA5B;IACAH,IAAI,GAAGA,IAAI,GAAGA,IAAd;EACD;;EACD,OAAOA,IAAP;AACD"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ComboBox/scopeQuery.ts"],"names":["scopeQuery","nodeType","props"],"mappings":"AAAA,OAAO,SAASA,UAAT,CACLC,QADK,EAELC,KAFK,EAGI;AACT,SAAOA,KAAK,CAAC,4BAAD,CAAL,KAAwC,EAA/C;AACD","sourcesContent":["export function scopeQuery(\n  nodeType: string,\n  props: Record<string, unknown>\n): boolean {\n  return props['data-reach-combobox-option'] === '';\n}\n"],"file":"scopeQuery.js"}
+{"version":3,"file":"scopeQuery.js","names":["scopeQuery","nodeType","props"],"sources":["../../../src/ComboBox/scopeQuery.ts"],"sourcesContent":["export function scopeQuery(\n  nodeType: string,\n  props: Record<string, unknown>\n): boolean {\n  return props['data-reach-combobox-option'] === '';\n}\n"],"mappings":"AAAA,OAAO,SAASA,UAAT,CACLC,QADK,EAELC,KAFK,EAGI;EACT,OAAOA,KAAK,CAAC,4BAAD,CAAL,KAAwC,EAA/C;AACD"}

package/build/esm/FocusLock/FocusLock.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as", "childRef", "enabled", "style", "children"];
 import { useRef } from 'react';
 import { useFocusLock } from './useFocusLock';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,7 +15,7 @@ export var FocusLock = function FocusLock(props) {
       _props$style = props.style,
       style = _props$style === void 0 ? {} : _props$style,
       children = props.children,
-      otherProps = _objectWithoutProperties(props, ["as", "childRef", "enabled", "style", "children"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
   var lockStartRef = useRef(null);
   var lockEndRef = useRef(null);

package/build/esm/FocusLock/FocusLock.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/FocusLock/FocusLock.tsx"],"names":["useRef","useFocusLock","FocusLock","props","as","Comp","childRef","enabled","style","children","otherProps","lockStartRef","lockEndRef","lockStyle","width","height","padding","overflow","position","top","left"],"mappings":";;AAOA,SAASA,MAAT,QAAuB,OAAvB;AAEA,SAASC,YAAT,QAA6B,gBAA7B;;;;AAUA,OAAO,IAAMC,SAA6B,GAAG,SAASA,SAAT,CAAmBC,KAAnB,EAA0B;AAAA,kBAQjEA,KARiE,CAEnEC,EAFmE;AAAA,MAE/DC,IAF+D,0BAExD,KAFwD;AAAA,MAGnEC,QAHmE,GAQjEH,KARiE,CAGnEG,QAHmE;AAAA,uBAQjEH,KARiE,CAInEI,OAJmE;AAAA,MAInEA,OAJmE,+BAIzD,KAJyD;AAAA,qBAQjEJ,KARiE,CAKnEK,KALmE;AAAA,MAKnEA,KALmE,6BAK3D,EAL2D;AAAA,MAMnEC,QANmE,GAQjEN,KARiE,CAMnEM,QANmE;AAAA,MAOhEC,UAPgE,4BAQjEP,KARiE;;AASrE,MAAMQ,YAAY,GAAGX,MAAM,CAAc,IAAd,CAA3B;AACA,MAAMY,UAAU,GAAGZ,MAAM,CAAc,IAAd,CAAzB;AAEAC,EAAAA,YAAY,CAACK,QAAD,EAAW;AAAEC,IAAAA,OAAO,EAAPA,OAAF;AAAWI,IAAAA,YAAY,EAAZA,YAAX;AAAyBC,IAAAA,UAAU,EAAVA;AAAzB,GAAX,CAAZ;;AAEA,MAAMC,SAAS;AACbC,IAAAA,KAAK,EAAE,CADM;AAEbC,IAAAA,MAAM,EAAE,CAFK;AAGbC,IAAAA,OAAO,EAAE,CAHI;AAIbC,IAAAA,QAAQ,EAAE,QAJG;AAKbC,IAAAA,QAAQ,EAAE,OALG;AAMbC,IAAAA,GAAG,EAAE,CANQ;AAObC,IAAAA,IAAI,EAAE;AAPO,KAQVZ,KARU,CAAf;;AAWA,sBACE;AAAA,4BACE,KAAC,IAAD;AACE,MAAA,GAAG,EAAEG,YADP;AAEE,+BAAsB,EAFxB;AAGE,qBAAa,IAHf;AAIE,MAAA,QAAQ,EAAE,CAJZ;AAKE,MAAA,KAAK,EAAEE;AALT,OAMMH,UANN,EADF,EASGD,QATH,eAUE,KAAC,IAAD;AACE,MAAA,GAAG,EAAEG,UADP;AAEE,6BAAoB,EAFtB;AAGE,qBAAa,IAHf;AAIE,MAAA,QAAQ,EAAE,CAJZ;AAKE,MAAA,KAAK,EAAEC;AALT,OAMMH,UANN,EAVF;AAAA,IADF;AAqBD,CA9CM","sourcesContent":["import type {\n  ElementType,\n  FC,\n  HTMLAttributes,\n  MutableRefObject,\n  ReactNode,\n} from 'react';\nimport { useRef } from 'react';\n\nimport { useFocusLock } from './useFocusLock';\n\nexport interface FocusLockProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  childRef: MutableRefObject<HTMLElement | null>;\n  enabled?: boolean;\n}\n\nexport const FocusLock: FC<FocusLockProps> = function FocusLock(props) {\n  const {\n    as: Comp = 'div',\n    childRef,\n    enabled = false,\n    style = {},\n    children,\n    ...otherProps\n  } = props;\n  const lockStartRef = useRef<HTMLElement>(null);\n  const lockEndRef = useRef<HTMLElement>(null);\n\n  useFocusLock(childRef, { enabled, lockStartRef, lockEndRef });\n\n  const lockStyle = {\n    width: 1,\n    height: 0,\n    padding: 0,\n    overflow: 'hidden',\n    position: 'fixed',\n    top: 1,\n    left: 1,\n    ...style,\n  };\n\n  return (\n    <>\n      <Comp\n        ref={lockStartRef}\n        data-focus-lock-start=\"\"\n        aria-hidden={true}\n        tabIndex={0}\n        style={lockStyle}\n        {...otherProps}\n      />\n      {children}\n      <Comp\n        ref={lockEndRef}\n        data-focus-lock-end=\"\"\n        aria-hidden={true}\n        tabIndex={0}\n        style={lockStyle}\n        {...otherProps}\n      />\n    </>\n  );\n};\n"],"file":"FocusLock.js"}
+{"version":3,"file":"FocusLock.js","names":["useRef","useFocusLock","FocusLock","props","as","Comp","childRef","enabled","style","children","otherProps","lockStartRef","lockEndRef","lockStyle","width","height","padding","overflow","position","top","left"],"sources":["../../../src/FocusLock/FocusLock.tsx"],"sourcesContent":["import type {\n  ElementType,\n  FC,\n  HTMLAttributes,\n  MutableRefObject,\n  ReactNode,\n} from 'react';\nimport { useRef } from 'react';\n\nimport { useFocusLock } from './useFocusLock';\n\nexport interface FocusLockProps extends HTMLAttributes<HTMLDivElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  childRef: MutableRefObject<HTMLElement | null>;\n  enabled?: boolean;\n}\n\nexport const FocusLock: FC<FocusLockProps> = function FocusLock(props) {\n  const {\n    as: Comp = 'div',\n    childRef,\n    enabled = false,\n    style = {},\n    children,\n    ...otherProps\n  } = props;\n  const lockStartRef = useRef<HTMLElement>(null);\n  const lockEndRef = useRef<HTMLElement>(null);\n\n  useFocusLock(childRef, { enabled, lockStartRef, lockEndRef });\n\n  const lockStyle = {\n    width: 1,\n    height: 0,\n    padding: 0,\n    overflow: 'hidden',\n    position: 'fixed',\n    top: 1,\n    left: 1,\n    ...style,\n  };\n\n  return (\n    <>\n      <Comp\n        ref={lockStartRef}\n        data-focus-lock-start=\"\"\n        aria-hidden={true}\n        tabIndex={0}\n        style={lockStyle}\n        {...otherProps}\n      />\n      {children}\n      <Comp\n        ref={lockEndRef}\n        data-focus-lock-end=\"\"\n        aria-hidden={true}\n        tabIndex={0}\n        style={lockStyle}\n        {...otherProps}\n      />\n    </>\n  );\n};\n"],"mappings":";;;AAOA,SAASA,MAAT,QAAuB,OAAvB;AAEA,SAASC,YAAT,QAA6B,gBAA7B;;;;AAUA,OAAO,IAAMC,SAA6B,GAAG,SAASA,SAAT,CAAmBC,KAAnB,EAA0B;EACrE,gBAOIA,KAPJ,CACEC,EADF;EAAA,IACMC,IADN,0BACa,KADb;EAAA,IAEEC,QAFF,GAOIH,KAPJ,CAEEG,QAFF;EAAA,qBAOIH,KAPJ,CAGEI,OAHF;EAAA,IAGEA,OAHF,+BAGY,KAHZ;EAAA,mBAOIJ,KAPJ,CAIEK,KAJF;EAAA,IAIEA,KAJF,6BAIU,EAJV;EAAA,IAKEC,QALF,GAOIN,KAPJ,CAKEM,QALF;EAAA,IAMKC,UANL,4BAOIP,KAPJ;;EAQA,IAAMQ,YAAY,GAAGX,MAAM,CAAc,IAAd,CAA3B;EACA,IAAMY,UAAU,GAAGZ,MAAM,CAAc,IAAd,CAAzB;EAEAC,YAAY,CAACK,QAAD,EAAW;IAAEC,OAAO,EAAPA,OAAF;IAAWI,YAAY,EAAZA,YAAX;IAAyBC,UAAU,EAAVA;EAAzB,CAAX,CAAZ;;EAEA,IAAMC,SAAS;IACbC,KAAK,EAAE,CADM;IAEbC,MAAM,EAAE,CAFK;IAGbC,OAAO,EAAE,CAHI;IAIbC,QAAQ,EAAE,QAJG;IAKbC,QAAQ,EAAE,OALG;IAMbC,GAAG,EAAE,CANQ;IAObC,IAAI,EAAE;EAPO,GAQVZ,KARU,CAAf;;EAWA,oBACE;IAAA,wBACE,KAAC,IAAD;MACE,GAAG,EAAEG,YADP;MAEE,yBAAsB,EAFxB;MAGE,eAAa,IAHf;MAIE,QAAQ,EAAE,CAJZ;MAKE,KAAK,EAAEE;IALT,GAMMH,UANN,EADF,EASGD,QATH,eAUE,KAAC,IAAD;MACE,GAAG,EAAEG,UADP;MAEE,uBAAoB,EAFtB;MAGE,eAAa,IAHf;MAIE,QAAQ,EAAE,CAJZ;MAKE,KAAK,EAAEC;IALT,GAMMH,UANN,EAVF;EAAA,EADF;AAqBD,CA9CM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/FocusLock/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAd","sourcesContent":["export * from './FocusLock';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/FocusLock/index.ts"],"sourcesContent":["export * from './FocusLock';\n"],"mappings":"AAAA,cAAc,aAAd"}

package/build/esm/FocusLock/tabUtils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/FocusLock/tabUtils.ts"],"names":["tabblable","join","getTabblableNodes","parentNode","Array","from","querySelectorAll","focusOnChildNode","itemIndex","elements","length","focus","currentTabIndex","tabIndex"],"mappings":"AAAA,OAAO,IAAMA,SAAS,GAAG,CACvB,gCADuB,EAEvB,gCAFuB,EAGvB,kCAHuB,EAIvB,+BAJuB,EAMvB,SANuB,EAOvB,YAPuB,EASvB,QATuB,EAUvB,QAVuB,EAWvB,OAXuB,EAavB,YAbuB,EAcvB,mBAduB,EAevB,aAfuB,EAgBvBC,IAhBuB,CAgBlB,GAhBkB,CAAlB;AAkBP;;AACA,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAC/BC,UAD+B,EAEb;AAClB,MAAI,CAACA,UAAL,EAAiB;AACf,WAAO,EAAP;AACD;;AAED,SAAOC,KAAK,CAACC,IAAN,CAAWF,UAAU,CAACG,gBAAX,CAA4BN,SAA5B,CAAX,CAAP;AACD,CARM;AAUP,OAAO,SAASO,gBAAT,CAA0BJ,UAA1B,EAAmDK,SAAnD,EAAsE;AAC3E,MAAMC,QAAQ,GAAGP,iBAAiB,CAACC,UAAD,CAAlC;;AACA,MAAIM,QAAQ,CAACC,MAAT,GAAkB,CAAtB,EAAyB;AACvBD,IAAAA,QAAQ,CAACD,SAAS,KAAK,CAAC,CAAf,GAAmBC,QAAQ,CAACC,MAAT,GAAkB,CAArC,GAAyC,CAA1C,CAAR,CAAqDC,KAArD;AACD,GAFD,MAEO;AACL,QAAMC,eAAe,GAAGT,UAAU,CAACU,QAAnC;AACAV,IAAAA,UAAU,CAACU,QAAX,GAAsB,CAAtB;AACAV,IAAAA,UAAU,CAACQ,KAAX;AACAR,IAAAA,UAAU,CAACU,QAAX,GAAsBD,eAAtB;AACD;AACF","sourcesContent":["export const tabblable = [\n  'button:enabled:not([readonly])',\n  'select:enabled:not([readonly])',\n  'textarea:enabled:not([readonly])',\n  'input:enabled:not([readonly])',\n\n  'a[href]',\n  'area[href]',\n\n  'iframe',\n  'object',\n  'embed',\n\n  '[tabindex]',\n  '[contenteditable]',\n  '[autofocus]',\n].join(',');\n\n/* This is naive and will not consider tabIndex */\nexport const getTabblableNodes = (\n  parentNode: HTMLElement | null\n): HTMLElement[] => {\n  if (!parentNode) {\n    return [];\n  }\n\n  return Array.from(parentNode.querySelectorAll(tabblable));\n};\n\nexport function focusOnChildNode(parentNode: HTMLElement, itemIndex: 0 | -1) {\n  const elements = getTabblableNodes(parentNode);\n  if (elements.length > 0) {\n    elements[itemIndex === -1 ? elements.length - 1 : 0].focus();\n  } else {\n    const currentTabIndex = parentNode.tabIndex;\n    parentNode.tabIndex = 0;\n    parentNode.focus();\n    parentNode.tabIndex = currentTabIndex;\n  }\n}\n"],"file":"tabUtils.js"}
+{"version":3,"file":"tabUtils.js","names":["tabblable","join","getTabblableNodes","parentNode","Array","from","querySelectorAll","focusOnChildNode","itemIndex","elements","length","focus","currentTabIndex","tabIndex"],"sources":["../../../src/FocusLock/tabUtils.ts"],"sourcesContent":["export const tabblable = [\n  'button:enabled:not([readonly])',\n  'select:enabled:not([readonly])',\n  'textarea:enabled:not([readonly])',\n  'input:enabled:not([readonly])',\n\n  'a[href]',\n  'area[href]',\n\n  'iframe',\n  'object',\n  'embed',\n\n  '[tabindex]',\n  '[contenteditable]',\n  '[autofocus]',\n].join(',');\n\n/* This is naive and will not consider tabIndex */\nexport const getTabblableNodes = (\n  parentNode: HTMLElement | null\n): HTMLElement[] => {\n  if (!parentNode) {\n    return [];\n  }\n\n  return Array.from(parentNode.querySelectorAll(tabblable));\n};\n\nexport function focusOnChildNode(parentNode: HTMLElement, itemIndex: 0 | -1) {\n  const elements = getTabblableNodes(parentNode);\n  if (elements.length > 0) {\n    elements[itemIndex === -1 ? elements.length - 1 : 0].focus();\n  } else {\n    const currentTabIndex = parentNode.tabIndex;\n    parentNode.tabIndex = 0;\n    parentNode.focus();\n    parentNode.tabIndex = currentTabIndex;\n  }\n}\n"],"mappings":"AAAA,OAAO,IAAMA,SAAS,GAAG,CACvB,gCADuB,EAEvB,gCAFuB,EAGvB,kCAHuB,EAIvB,+BAJuB,EAMvB,SANuB,EAOvB,YAPuB,EASvB,QATuB,EAUvB,QAVuB,EAWvB,OAXuB,EAavB,YAbuB,EAcvB,mBAduB,EAevB,aAfuB,EAgBvBC,IAhBuB,CAgBlB,GAhBkB,CAAlB;AAkBP;;AACA,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAC/BC,UAD+B,EAEb;EAClB,IAAI,CAACA,UAAL,EAAiB;IACf,OAAO,EAAP;EACD;;EAED,OAAOC,KAAK,CAACC,IAAN,CAAWF,UAAU,CAACG,gBAAX,CAA4BN,SAA5B,CAAX,CAAP;AACD,CARM;AAUP,OAAO,SAASO,gBAAT,CAA0BJ,UAA1B,EAAmDK,SAAnD,EAAsE;EAC3E,IAAMC,QAAQ,GAAGP,iBAAiB,CAACC,UAAD,CAAlC;;EACA,IAAIM,QAAQ,CAACC,MAAT,GAAkB,CAAtB,EAAyB;IACvBD,QAAQ,CAACD,SAAS,KAAK,CAAC,CAAf,GAAmBC,QAAQ,CAACC,MAAT,GAAkB,CAArC,GAAyC,CAA1C,CAAR,CAAqDC,KAArD;EACD,CAFD,MAEO;IACL,IAAMC,eAAe,GAAGT,UAAU,CAACU,QAAnC;IACAV,UAAU,CAACU,QAAX,GAAsB,CAAtB;IACAV,UAAU,CAACQ,KAAX;IACAR,UAAU,CAACU,QAAX,GAAsBD,eAAtB;EACD;AACF"}

package/build/esm/FocusLock/useFocusLock.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/FocusLock/useFocusLock.ts"],"names":["useEffect","focusOnChildNode","focusLockStack","useFocusLock","ref","opts","enabled","lockStartRef","lockEndRef","rootEl","current","push","listener","event","isActiveFocusLock","length","target","document","contains","preventDefault","addEventListener","removeEventListener","pop"],"mappings":"AACA,SAASA,SAAT,QAA0B,OAA1B;AAEA,SAASC,gBAAT,QAAiC,YAAjC;AAQA,IAAMC,cAA6B,GAAG,EAAtC;AACA,OAAO,SAASC,YAAT,CACLC,GADK,EAELC,IAFK,EAGL;AAAA,sBACqDA,IADrD,CACQC,OADR;AAAA,MACQA,OADR,8BACkB,IADlB;AAAA,MACwBC,YADxB,GACqDF,IADrD,CACwBE,YADxB;AAAA,MACsCC,UADtC,GACqDH,IADrD,CACsCG,UADtC;AAGAR,EAAAA,SAAS,CAAC,YAAM;AACd,QAAMS,MAAM,GAAGL,GAAG,CAACM,OAAnB;;AACA,QAAIJ,OAAO,IAAIG,MAAf,EAAuB;AACrBP,MAAAA,cAAc,CAACS,IAAf,CAAoBF,MAApB;;AAEA,UAAMG,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAuB;AACtC,YAAMC,iBAAiB,GACrBZ,cAAc,CAACA,cAAc,CAACa,MAAf,GAAwB,CAAzB,CAAd,KAA8CN,MADhD;;AAEA,YAAI,CAACK,iBAAL,EAAwB;AACtB;AACA;AACD;;AAED,YAAID,KAAK,CAACG,MAAN,KAAiBR,UAAU,CAACE,OAAhC,EAAyC;AACvCT,UAAAA,gBAAgB,CAACQ,MAAD,EAAS,CAAT,CAAhB;AACD,SAFD,MAEO,IAAII,KAAK,CAACG,MAAN,KAAiBT,YAAY,CAACG,OAAlC,EAA2C;AAChDT,UAAAA,gBAAgB,CAACQ,MAAD,EAAS,CAAC,CAAV,CAAhB;AACD,SAFM,MAEA,IACLQ,QAAQ,KAAKJ,KAAK,CAACG,MAAnB,IACAP,MAAM,KAAKI,KAAK,CAACG,MADjB,IAEA,CAACP,MAAM,CAACS,QAAP,CAAgBL,KAAK,CAACG,MAAtB,CAHI,EAIL;AACAH,UAAAA,KAAK,CAACM,cAAN;AACAlB,UAAAA,gBAAgB,CAACQ,MAAD,EAAS,CAAT,CAAhB;AACD;AACF,OApBD;;AAsBAQ,MAAAA,QAAQ,CAACG,gBAAT,CAA0B,SAA1B,EAAqCR,QAArC;AACA,aAAO,YAAM;AACXK,QAAAA,QAAQ,CAACI,mBAAT,CAA6B,SAA7B,EAAwCT,QAAxC,EADW,CAGX;;AACAV,QAAAA,cAAc,CAACoB,GAAf;AACD,OALD;AAMD,KAlCa,CAmCd;;AACD,GApCQ,EAoCN,CAAChB,OAAD,CApCM,CAAT;AAqCD","sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useEffect } from 'react';\n\nimport { focusOnChildNode } from './tabUtils';\n\nexport interface FocusLockOptions {\n  enabled: boolean;\n  lockStartRef: MutableRefObject<HTMLElement | null>;\n  lockEndRef: MutableRefObject<HTMLElement | null>;\n}\n\nconst focusLockStack: HTMLElement[] = [];\nexport function useFocusLock(\n  ref: MutableRefObject<HTMLElement | null>,\n  opts: FocusLockOptions\n) {\n  const { enabled = true, lockStartRef, lockEndRef } = opts;\n\n  useEffect(() => {\n    const rootEl = ref.current;\n    if (enabled && rootEl) {\n      focusLockStack.push(rootEl);\n\n      const listener = (event: FocusEvent) => {\n        const isActiveFocusLock =\n          focusLockStack[focusLockStack.length - 1] === rootEl;\n        if (!isActiveFocusLock) {\n          // Not the currently focused lock. Forget about it.\n          return;\n        }\n\n        if (event.target === lockEndRef.current) {\n          focusOnChildNode(rootEl, 0);\n        } else if (event.target === lockStartRef.current) {\n          focusOnChildNode(rootEl, -1);\n        } else if (\n          document !== event.target &&\n          rootEl !== event.target &&\n          !rootEl.contains(event.target as any)\n        ) {\n          event.preventDefault();\n          focusOnChildNode(rootEl, 0);\n        }\n      };\n\n      document.addEventListener('focusin', listener);\n      return () => {\n        document.removeEventListener('focusin', listener);\n\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        focusLockStack.pop();\n      };\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [enabled]);\n}\n"],"file":"useFocusLock.js"}
+{"version":3,"file":"useFocusLock.js","names":["useEffect","focusOnChildNode","focusLockStack","useFocusLock","ref","opts","enabled","lockStartRef","lockEndRef","rootEl","current","push","listener","event","isActiveFocusLock","length","target","document","contains","preventDefault","addEventListener","removeEventListener","pop"],"sources":["../../../src/FocusLock/useFocusLock.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useEffect } from 'react';\n\nimport { focusOnChildNode } from './tabUtils';\n\nexport interface FocusLockOptions {\n  enabled: boolean;\n  lockStartRef: MutableRefObject<HTMLElement | null>;\n  lockEndRef: MutableRefObject<HTMLElement | null>;\n}\n\nconst focusLockStack: HTMLElement[] = [];\nexport function useFocusLock(\n  ref: MutableRefObject<HTMLElement | null>,\n  opts: FocusLockOptions\n) {\n  const { enabled = true, lockStartRef, lockEndRef } = opts;\n\n  useEffect(() => {\n    const rootEl = ref.current;\n    if (enabled && rootEl) {\n      focusLockStack.push(rootEl);\n\n      const listener = (event: FocusEvent) => {\n        const isActiveFocusLock =\n          focusLockStack[focusLockStack.length - 1] === rootEl;\n        if (!isActiveFocusLock) {\n          // Not the currently focused lock. Forget about it.\n          return;\n        }\n\n        if (event.target === lockEndRef.current) {\n          focusOnChildNode(rootEl, 0);\n        } else if (event.target === lockStartRef.current) {\n          focusOnChildNode(rootEl, -1);\n        } else if (\n          document !== event.target &&\n          rootEl !== event.target &&\n          !rootEl.contains(event.target as any)\n        ) {\n          event.preventDefault();\n          focusOnChildNode(rootEl, 0);\n        }\n      };\n\n      document.addEventListener('focusin', listener);\n      return () => {\n        document.removeEventListener('focusin', listener);\n\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n        focusLockStack.pop();\n      };\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [enabled]);\n}\n"],"mappings":"AACA,SAASA,SAAT,QAA0B,OAA1B;AAEA,SAASC,gBAAT,QAAiC,YAAjC;AAQA,IAAMC,cAA6B,GAAG,EAAtC;AACA,OAAO,SAASC,YAAT,CACLC,GADK,EAELC,IAFK,EAGL;EACA,oBAAqDA,IAArD,CAAQC,OAAR;EAAA,IAAQA,OAAR,8BAAkB,IAAlB;EAAA,IAAwBC,YAAxB,GAAqDF,IAArD,CAAwBE,YAAxB;EAAA,IAAsCC,UAAtC,GAAqDH,IAArD,CAAsCG,UAAtC;EAEAR,SAAS,CAAC,YAAM;IACd,IAAMS,MAAM,GAAGL,GAAG,CAACM,OAAnB;;IACA,IAAIJ,OAAO,IAAIG,MAAf,EAAuB;MACrBP,cAAc,CAACS,IAAf,CAAoBF,MAApB;;MAEA,IAAMG,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAuB;QACtC,IAAMC,iBAAiB,GACrBZ,cAAc,CAACA,cAAc,CAACa,MAAf,GAAwB,CAAzB,CAAd,KAA8CN,MADhD;;QAEA,IAAI,CAACK,iBAAL,EAAwB;UACtB;UACA;QACD;;QAED,IAAID,KAAK,CAACG,MAAN,KAAiBR,UAAU,CAACE,OAAhC,EAAyC;UACvCT,gBAAgB,CAACQ,MAAD,EAAS,CAAT,CAAhB;QACD,CAFD,MAEO,IAAII,KAAK,CAACG,MAAN,KAAiBT,YAAY,CAACG,OAAlC,EAA2C;UAChDT,gBAAgB,CAACQ,MAAD,EAAS,CAAC,CAAV,CAAhB;QACD,CAFM,MAEA,IACLQ,QAAQ,KAAKJ,KAAK,CAACG,MAAnB,IACAP,MAAM,KAAKI,KAAK,CAACG,MADjB,IAEA,CAACP,MAAM,CAACS,QAAP,CAAgBL,KAAK,CAACG,MAAtB,CAHI,EAIL;UACAH,KAAK,CAACM,cAAN;UACAlB,gBAAgB,CAACQ,MAAD,EAAS,CAAT,CAAhB;QACD;MACF,CApBD;;MAsBAQ,QAAQ,CAACG,gBAAT,CAA0B,SAA1B,EAAqCR,QAArC;MACA,OAAO,YAAM;QACXK,QAAQ,CAACI,mBAAT,CAA6B,SAA7B,EAAwCT,QAAxC,EADW,CAGX;;QACAV,cAAc,CAACoB,GAAf;MACD,CALD;IAMD,CAlCa,CAmCd;;EACD,CApCQ,EAoCN,CAAChB,OAAD,CApCM,CAAT;AAqCD"}

package/build/esm/List/List.js

@@ -1,11 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as"];
 import { forwardRef } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var List = /*#__PURE__*/forwardRef(function List(props, forwardedRef) {
   var _props$as = props.as,
       Comp = _props$as === void 0 ? 'ul' : _props$as,
-      otherProps = _objectWithoutProperties(props, ["as"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_jsx(Comp, _extends({
     ref: forwardedRef

package/build/esm/List/List.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/List/List.tsx"],"names":["forwardRef","List","props","forwardedRef","as","Comp","otherProps"],"mappings":";;AACA,SAASA,UAAT,QAA2B,OAA3B;;AAQA,OAAO,IAAMC,IAAI,gBAAGD,UAAU,CAA8B,SAASC,IAAT,CAC1DC,KAD0D,EAE1DC,YAF0D,EAG1D;AAAA,kBAC2CD,KAD3C,CACQE,EADR;AAAA,MACYC,IADZ,0BACmB,IADnB;AAAA,MAC4BC,UAD5B,4BAC2CJ,KAD3C;;AAGA,sBAAO,KAAC,IAAD;AAAM,IAAA,GAAG,EAAEC;AAAX,KAA6BG,UAA7B,EAAP;AACD,CAP6B,CAAvB","sourcesContent":["import type { ElementType, HTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nexport interface ListProps extends HTMLAttributes<HTMLUListElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n}\n\nexport const List = forwardRef<HTMLUListElement, ListProps>(function List(\n  props,\n  forwardedRef\n) {\n  const { as: Comp = 'ul', ...otherProps } = props;\n\n  return <Comp ref={forwardedRef} {...otherProps} />;\n});\n"],"file":"List.js"}
+{"version":3,"file":"List.js","names":["forwardRef","List","props","forwardedRef","as","Comp","otherProps"],"sources":["../../../src/List/List.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nexport interface ListProps extends HTMLAttributes<HTMLUListElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n}\n\nexport const List = forwardRef<HTMLUListElement, ListProps>(function List(\n  props,\n  forwardedRef\n) {\n  const { as: Comp = 'ul', ...otherProps } = props;\n\n  return <Comp ref={forwardedRef} {...otherProps} />;\n});\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;;AAQA,OAAO,IAAMC,IAAI,gBAAGD,UAAU,CAA8B,SAASC,IAAT,CAC1DC,KAD0D,EAE1DC,YAF0D,EAG1D;EACA,gBAA2CD,KAA3C,CAAQE,EAAR;EAAA,IAAYC,IAAZ,0BAAmB,IAAnB;EAAA,IAA4BC,UAA5B,4BAA2CJ,KAA3C;;EAEA,oBAAO,KAAC,IAAD;IAAM,GAAG,EAAEC;EAAX,GAA6BG,UAA7B,EAAP;AACD,CAP6B,CAAvB"}

package/build/esm/List/ListItem.js

@@ -1,11 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as"];
 import { forwardRef } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var ListItem = /*#__PURE__*/forwardRef(function ListItem(props, forwardedRef) {
   var _props$as = props.as,
       Comp = _props$as === void 0 ? 'li' : _props$as,
-      otherProps = _objectWithoutProperties(props, ["as"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
   return /*#__PURE__*/_jsx(Comp, _extends({
     tabIndex: -1,

package/build/esm/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/List/ListItem.tsx"],"names":["forwardRef","ListItem","props","forwardedRef","as","Comp","otherProps"],"mappings":";;AACA,SAASA,UAAT,QAA2B,OAA3B;;AAQA,OAAO,IAAMC,QAAQ,gBAAGD,UAAU,CAChC,SAASC,QAAT,CAAkBC,KAAlB,EAAyBC,YAAzB,EAAuC;AAAA,kBACMD,KADN,CAC7BE,EAD6B;AAAA,MACzBC,IADyB,0BAClB,IADkB;AAAA,MACTC,UADS,4BACMJ,KADN;;AAGrC,sBACE,KAAC,IAAD;AACE,IAAA,QAAQ,EAAE,CAAC,CADb;AAEE,sBAAe,EAFjB;AAGE,IAAA,GAAG,EAAEC;AAHP,KAIMG,UAJN,EADF;AAQD,CAZ+B,CAA3B","sourcesContent":["import type { ElementType, HTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nexport interface ListItemProps extends HTMLAttributes<HTMLLIElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n}\n\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(\n  function ListItem(props, forwardedRef) {\n    const { as: Comp = 'li', ...otherProps } = props;\n\n    return (\n      <Comp\n        tabIndex={-1}\n        data-list-item=\"\"\n        ref={forwardedRef}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"file":"ListItem.js"}
+{"version":3,"file":"ListItem.js","names":["forwardRef","ListItem","props","forwardedRef","as","Comp","otherProps"],"sources":["../../../src/List/ListItem.tsx"],"sourcesContent":["import type { ElementType, HTMLAttributes, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nexport interface ListItemProps extends HTMLAttributes<HTMLLIElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n}\n\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(\n  function ListItem(props, forwardedRef) {\n    const { as: Comp = 'li', ...otherProps } = props;\n\n    return (\n      <Comp\n        tabIndex={-1}\n        data-list-item=\"\"\n        ref={forwardedRef}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":";;;AACA,SAASA,UAAT,QAA2B,OAA3B;;AAQA,OAAO,IAAMC,QAAQ,gBAAGD,UAAU,CAChC,SAASC,QAAT,CAAkBC,KAAlB,EAAyBC,YAAzB,EAAuC;EACrC,gBAA2CD,KAA3C,CAAQE,EAAR;EAAA,IAAYC,IAAZ,0BAAmB,IAAnB;EAAA,IAA4BC,UAA5B,4BAA2CJ,KAA3C;;EAEA,oBACE,KAAC,IAAD;IACE,QAAQ,EAAE,CAAC,CADb;IAEE,kBAAe,EAFjB;IAGE,GAAG,EAAEC;EAHP,GAIMG,UAJN,EADF;AAQD,CAZ+B,CAA3B"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/List/context.ts"],"names":["createContext","useContext","ListContext","displayName","useListContext","ctx","Error"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C,C,CAEA;;AAKA,IAAMC,WAAW,gBAAGF,aAAa,CAA0B,IAA1B,CAAjC;AACAE,WAAW,CAACC,WAAZ,GAA0B,aAA1B;AAEA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAwB;AACpD,MAAMC,GAAG,GAAGJ,UAAU,CAACC,WAAD,CAAtB;;AACA,MAAI,CAACG,GAAL,EAAU;AACR,UAAM,IAAIC,KAAJ,CACJ,2DADI,CAAN;AAGD;;AACD,SAAOD,GAAP;AACD,CARM","sourcesContent":["import { createContext, useContext } from 'react';\n\n// List Component\nexport interface ListContextProps {\n  id: string | undefined;\n}\n\nconst ListContext = createContext<ListContextProps | null>(null);\nListContext.displayName = 'ListContext';\n\nexport const useListContext = (): ListContextProps => {\n  const ctx = useContext(ListContext);\n  if (!ctx) {\n    throw new Error(\n      'useListContext must be used within a ListContext.Provider'\n    );\n  }\n  return ctx;\n};\n"],"file":"context.js"}
+{"version":3,"file":"context.js","names":["createContext","useContext","ListContext","displayName","useListContext","ctx","Error"],"sources":["../../../src/List/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\n// List Component\nexport interface ListContextProps {\n  id: string | undefined;\n}\n\nconst ListContext = createContext<ListContextProps | null>(null);\nListContext.displayName = 'ListContext';\n\nexport const useListContext = (): ListContextProps => {\n  const ctx = useContext(ListContext);\n  if (!ctx) {\n    throw new Error(\n      'useListContext must be used within a ListContext.Provider'\n    );\n  }\n  return ctx;\n};\n"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C,C,CAEA;;AAKA,IAAMC,WAAW,gBAAGF,aAAa,CAA0B,IAA1B,CAAjC;AACAE,WAAW,CAACC,WAAZ,GAA0B,aAA1B;AAEA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAwB;EACpD,IAAMC,GAAG,GAAGJ,UAAU,CAACC,WAAD,CAAtB;;EACA,IAAI,CAACG,GAAL,EAAU;IACR,MAAM,IAAIC,KAAJ,CACJ,2DADI,CAAN;EAGD;;EACD,OAAOD,GAAP;AACD,CARM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/List/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,YAAd","sourcesContent":["export * from './List';\nexport * from './ListItem';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/List/index.ts"],"sourcesContent":["export * from './List';\nexport * from './ListItem';\n"],"mappings":"AAAA,cAAc,QAAd;AACA,cAAc,YAAd"}

package/build/esm/Menu/Menu.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as", "open", "defaultOpen", "onChange"];
 import { forwardRef, useRef, Fragment, useId } from 'react';
 import { MenuProvider } from './context';
 import { useControlledState } from '../hooks';
@@ -12,7 +13,7 @@ export var Menu = /*#__PURE__*/forwardRef(function Menu(props, forwardedRef) {
       _props$defaultOpen = props.defaultOpen,
       defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
       onChangeProp = props.onChange,
-      otherProps = _objectWithoutProperties(props, ["as", "open", "defaultOpen", "onChange"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
   var menuListIdRef = useRef();
   var openWithArrowKeyRef = useRef(null);

package/build/esm/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Menu/Menu.tsx"],"names":["forwardRef","useRef","Fragment","useId","MenuProvider","useControlledState","Menu","props","forwardedRef","as","Comp","openProp","open","defaultOpen","onChangeProp","onChange","otherProps","menuListIdRef","openWithArrowKeyRef","buttonRef","setState","e","isOpen","current","value"],"mappings":";;;AAOA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,QAA7B,EAAuCC,KAAvC,QAAoD,OAApD;AAGA,SAASC,YAAT,QAA6B,WAA7B;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAiBA,OAAO,IAAMC,IAAI,gBAAGN,UAAU,CAA4B,SAASM,IAAT,CACxDC,KADwD,EAExDC,YAFwD,EAGxD;AAAA,kBAOID,KAPJ,CAEEE,EAFF;AAAA,MAEMC,IAFN,0BAEaR,QAFb;AAAA,MAGQS,QAHR,GAOIJ,KAPJ,CAGEK,IAHF;AAAA,2BAOIL,KAPJ,CAIEM,WAJF;AAAA,MAIEA,WAJF,mCAIgB,KAJhB;AAAA,MAKYC,YALZ,GAOIP,KAPJ,CAKEQ,QALF;AAAA,MAMKC,UANL,4BAOIT,KAPJ;;AAQA,MAAMU,aAAa,GAAGhB,MAAM,EAA5B;AACA,MAAMiB,mBAAmB,GAAGjB,MAAM,CAAiC,IAAjC,CAAlC;AACA,MAAMkB,SAAS,GAAGlB,MAAM,CAAoB,IAApB,CAAxB;;AAVA,4BAWyBI,kBAAkB,CACzCM,QADyC,EAEzCG,YAFyC,EAGzCD,WAHyC,EAIzC,UAACO,QAAD;AAAA,WAAc,UAACC,CAAD,EAAIC,MAAJ,EAAe;AAC3BF,MAAAA,QAAQ,CAACE,MAAD,CAAR;AACD,KAFD;AAAA,GAJyC,CAX3C;AAAA;AAAA,MAWOV,IAXP;AAAA,MAWaG,QAXb;;AAoBAE,EAAAA,aAAa,CAACM,OAAd,GAAwBpB,KAAK,EAA7B;AAEA,MAAMqB,KAAuB,GAAG;AAC9BP,IAAAA,aAAa,EAAbA,aAD8B;AAE9BC,IAAAA,mBAAmB,EAAnBA,mBAF8B;AAG9BN,IAAAA,IAAI,EAAJA,IAH8B;AAI9BG,IAAAA,QAAQ,EAARA,QAJ8B;AAK9BI,IAAAA,SAAS,EAATA;AAL8B,GAAhC;AAQA,sBACE,KAAC,YAAD;AAAc,IAAA,KAAK,EAAEK,KAArB;AAAA,2BACE,KAAC,IAAD;AAAM,MAAA,GAAG,EAAEhB;AAAX,OAA6BQ,UAA7B;AADF,IADF;AAKD,CAtC6B,CAAvB","sourcesContent":["import type {\n  KeyboardEvent,\n  MouseEvent,\n  PointerEvent,\n  ReactNode,\n  ElementType,\n} from 'react';\nimport { forwardRef, useRef, Fragment, useId } from 'react';\n\nimport type { MenuContextProps } from './context';\nimport { MenuProvider } from './context';\nimport { useControlledState } from '../hooks';\n\nexport interface MenuProps {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  onChange?: (\n    e:\n      | KeyboardEvent<HTMLElement>\n      | MouseEvent<HTMLElement>\n      | PointerEvent<HTMLElement>,\n    isOpen: boolean\n  ) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n}\n\nexport const Menu = forwardRef<HTMLDivElement, MenuProps>(function Menu(\n  props,\n  forwardedRef\n) {\n  const {\n    as: Comp = Fragment,\n    open: openProp,\n    defaultOpen = false,\n    onChange: onChangeProp,\n    ...otherProps\n  } = props;\n  const menuListIdRef = useRef<string>();\n  const openWithArrowKeyRef = useRef<'ArrowUp' | 'ArrowDown' | null>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const [open, onChange] = useControlledState(\n    openProp,\n    onChangeProp,\n    defaultOpen,\n    (setState) => (e, isOpen) => {\n      setState(isOpen);\n    }\n  );\n\n  menuListIdRef.current = useId();\n\n  const value: MenuContextProps = {\n    menuListIdRef,\n    openWithArrowKeyRef,\n    open,\n    onChange,\n    buttonRef,\n  };\n\n  return (\n    <MenuProvider value={value}>\n      <Comp ref={forwardedRef} {...otherProps} />\n    </MenuProvider>\n  );\n});\n"],"file":"Menu.js"}
+{"version":3,"file":"Menu.js","names":["forwardRef","useRef","Fragment","useId","MenuProvider","useControlledState","Menu","props","forwardedRef","as","Comp","openProp","open","defaultOpen","onChangeProp","onChange","otherProps","menuListIdRef","openWithArrowKeyRef","buttonRef","setState","e","isOpen","current","value"],"sources":["../../../src/Menu/Menu.tsx"],"sourcesContent":["import type {\n  KeyboardEvent,\n  MouseEvent,\n  PointerEvent,\n  ReactNode,\n  ElementType,\n} from 'react';\nimport { forwardRef, useRef, Fragment, useId } from 'react';\n\nimport type { MenuContextProps } from './context';\nimport { MenuProvider } from './context';\nimport { useControlledState } from '../hooks';\n\nexport interface MenuProps {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  children?: ReactNode;\n  onChange?: (\n    e:\n      | KeyboardEvent<HTMLElement>\n      | MouseEvent<HTMLElement>\n      | PointerEvent<HTMLElement>,\n    isOpen: boolean\n  ) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n}\n\nexport const Menu = forwardRef<HTMLDivElement, MenuProps>(function Menu(\n  props,\n  forwardedRef\n) {\n  const {\n    as: Comp = Fragment,\n    open: openProp,\n    defaultOpen = false,\n    onChange: onChangeProp,\n    ...otherProps\n  } = props;\n  const menuListIdRef = useRef<string>();\n  const openWithArrowKeyRef = useRef<'ArrowUp' | 'ArrowDown' | null>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const [open, onChange] = useControlledState(\n    openProp,\n    onChangeProp,\n    defaultOpen,\n    (setState) => (e, isOpen) => {\n      setState(isOpen);\n    }\n  );\n\n  menuListIdRef.current = useId();\n\n  const value: MenuContextProps = {\n    menuListIdRef,\n    openWithArrowKeyRef,\n    open,\n    onChange,\n    buttonRef,\n  };\n\n  return (\n    <MenuProvider value={value}>\n      <Comp ref={forwardedRef} {...otherProps} />\n    </MenuProvider>\n  );\n});\n"],"mappings":";;;;AAOA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,QAA7B,EAAuCC,KAAvC,QAAoD,OAApD;AAGA,SAASC,YAAT,QAA6B,WAA7B;AACA,SAASC,kBAAT,QAAmC,UAAnC;;AAiBA,OAAO,IAAMC,IAAI,gBAAGN,UAAU,CAA4B,SAASM,IAAT,CACxDC,KADwD,EAExDC,YAFwD,EAGxD;EACA,gBAMID,KANJ,CACEE,EADF;EAAA,IACMC,IADN,0BACaR,QADb;EAAA,IAEQS,QAFR,GAMIJ,KANJ,CAEEK,IAFF;EAAA,yBAMIL,KANJ,CAGEM,WAHF;EAAA,IAGEA,WAHF,mCAGgB,KAHhB;EAAA,IAIYC,YAJZ,GAMIP,KANJ,CAIEQ,QAJF;EAAA,IAKKC,UALL,4BAMIT,KANJ;;EAOA,IAAMU,aAAa,GAAGhB,MAAM,EAA5B;EACA,IAAMiB,mBAAmB,GAAGjB,MAAM,CAAiC,IAAjC,CAAlC;EACA,IAAMkB,SAAS,GAAGlB,MAAM,CAAoB,IAApB,CAAxB;;EACA,0BAAyBI,kBAAkB,CACzCM,QADyC,EAEzCG,YAFyC,EAGzCD,WAHyC,EAIzC,UAACO,QAAD;IAAA,OAAc,UAACC,CAAD,EAAIC,MAAJ,EAAe;MAC3BF,QAAQ,CAACE,MAAD,CAAR;IACD,CAFD;EAAA,CAJyC,CAA3C;EAAA;EAAA,IAAOV,IAAP;EAAA,IAAaG,QAAb;;EASAE,aAAa,CAACM,OAAd,GAAwBpB,KAAK,EAA7B;EAEA,IAAMqB,KAAuB,GAAG;IAC9BP,aAAa,EAAbA,aAD8B;IAE9BC,mBAAmB,EAAnBA,mBAF8B;IAG9BN,IAAI,EAAJA,IAH8B;IAI9BG,QAAQ,EAARA,QAJ8B;IAK9BI,SAAS,EAATA;EAL8B,CAAhC;EAQA,oBACE,KAAC,YAAD;IAAc,KAAK,EAAEK,KAArB;IAAA,uBACE,KAAC,IAAD;MAAM,GAAG,EAAEhB;IAAX,GAA6BQ,UAA7B;EADF,EADF;AAKD,CAtC6B,CAAvB"}

package/build/esm/Menu/MenuButton.js

@@ -1,8 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as", "id", "onClick", "onKeyDown", "disabled"];
 import { forwardRef, useId } from 'react';
 import { useMenuContext } from './context';
-import { wrapEvent } from '../utils/wrapEvent';
+import { wrapEvent } from '../utils/wrap-event';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var MenuButton = /*#__PURE__*/forwardRef(function MenuButton(props, forwardedRef) {
   var _props$as = props.as,
@@ -11,7 +12,7 @@ export var MenuButton = /*#__PURE__*/forwardRef(function MenuButton(props, forwa
       onClick = props.onClick,
       onKeyDown = props.onKeyDown,
       disabled = props.disabled,
-      otherProps = _objectWithoutProperties(props, ["as", "id", "onClick", "onKeyDown", "disabled"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
   var _useMenuContext = useMenuContext(),
       menuListIdRef = _useMenuContext.menuListIdRef,

package/build/esm/Menu/MenuButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Menu/MenuButton.tsx"],"names":["forwardRef","useId","useMenuContext","wrapEvent","MenuButton","props","forwardedRef","as","Comp","preferredId","id","onClick","onKeyDown","disabled","otherProps","menuListIdRef","openWithArrowKeyRef","open","buttonRef","onChange","buttonIdGenerated","buttonId","handleKeyDown","e","current","currentTarget","isArrowKey","includes","key","isEnterKey","openedWithArrow","preventDefault","handleClick","undefined"],"mappings":";;AAMA,SAASA,UAAT,EAAqBC,KAArB,QAAkC,OAAlC;AAEA,SAASC,cAAT,QAA+B,WAA/B;AACA,SAASC,SAAT,QAA0B,oBAA1B;;AAUA,OAAO,IAAMC,UAAU,gBAAGJ,UAAU,CAClC,SAASI,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;AAAA,kBAQnCD,KARmC,CAErCE,EAFqC;AAAA,MAEjCC,IAFiC,0BAE1B,QAF0B;AAAA,MAGjCC,WAHiC,GAQnCJ,KARmC,CAGrCK,EAHqC;AAAA,MAIrCC,OAJqC,GAQnCN,KARmC,CAIrCM,OAJqC;AAAA,MAKrCC,SALqC,GAQnCP,KARmC,CAKrCO,SALqC;AAAA,MAMrCC,QANqC,GAQnCR,KARmC,CAMrCQ,QANqC;AAAA,MAOlCC,UAPkC,4BAQnCT,KARmC;;AAAA,wBAUrCH,cAAc,EAVuB;AAAA,MAS/Ba,aAT+B,mBAS/BA,aAT+B;AAAA,MAShBC,mBATgB,mBAShBA,mBATgB;AAAA,MASKC,IATL,mBASKA,IATL;AAAA,MASWC,SATX,mBASWA,SATX;AAAA,MASsBC,QATtB,mBASsBA,QATtB;;AAYvC,MAAMC,iBAAiB,GAAGnB,KAAK,EAA/B;AACA,MAAMoB,QAAQ,GAAGZ,WAAW,IAAIW,iBAAhC;;AAEA,MAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACC,CAAD,EAAyC;AAC7D,QAAIV,QAAJ,EAAc;AACZ;AACD;;AACDK,IAAAA,SAAS,CAACM,OAAV,GAAoBD,CAAC,CAACE,aAAtB;;AAEA,QAAMC,UAAU,GAAG,SAAbA,UAAa;AAAA,aAAM,CAAC,SAAD,EAAY,WAAZ,EAAyBC,QAAzB,CAAkCJ,CAAC,CAACK,GAApC,CAAN;AAAA,KAAnB;;AACA,QAAMC,UAAU,GAAG,SAAbA,UAAa;AAAA,aAAM,CAAC,GAAD,EAAM,OAAN,EAAeF,QAAf,CAAwBJ,CAAC,CAACK,GAA1B,CAAN;AAAA,KAAnB;;AAEA,QAAME,eAAe,GAAGJ,UAAU,EAAlC;;AACA,QAAII,eAAe,IAAID,UAAU,EAAjC,EAAqC;AACnC,UAAIC,eAAJ,EAAqB;AACnB;AACAd,QAAAA,mBAAmB,CAACQ,OAApB,GAA8BD,CAAC,CAACK,GAAhC;AACD;;AACDT,MAAAA,QAAQ,IAAIA,QAAQ,CAACI,CAAD,EAAI,IAAJ,CAApB;AACAA,MAAAA,CAAC,CAACQ,cAAF;AACD;AACF,GAlBD;;AAoBA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACT,CAAD,EAAsC;AACxD,QAAIV,QAAJ,EAAc;AACZ;AACD;;AACDK,IAAAA,SAAS,CAACM,OAAV,GAAoBD,CAAC,CAACE,aAAtB;AAEAN,IAAAA,QAAQ,IAAIA,QAAQ,CAACI,CAAD,EAAI,CAACN,IAAL,CAApB;AACD,GAPD;;AASA,sBACE,KAAC,IAAD;AACE,IAAA,GAAG,EAAEX,YADP;AAEE,IAAA,EAAE,EAAEe,QAFN;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,IAAA,IAAI,EAAC,QAJP;AAKE,qBAAe,IALjB;AAME,qBAAeN,aAAa,CAACS,OAN/B;AAOE,qBAAeP,IAAI,GAAG,IAAH,GAAUgB,SAP/B;AAQE,wBAAiB,EARnB;AASE,IAAA,OAAO,EAAE9B,SAAS,CAACQ,OAAD,EAAUqB,WAAV,CATpB;AAUE,IAAA,SAAS,EAAE7B,SAAS,CAACS,SAAD,EAAYU,aAAZ,CAVtB;AAWE,IAAA,QAAQ,EAAET;AAXZ,KAYMC,UAZN,EADF;AAgBD,CA7DiC,CAA7B","sourcesContent":["import type {\n  ButtonHTMLAttributes,\n  ElementType,\n  KeyboardEvent,\n  MouseEvent,\n} from 'react';\nimport { forwardRef, useId } from 'react';\n\nimport { useMenuContext } from './context';\nimport { wrapEvent } from '../utils/wrapEvent';\n\nexport type MenuButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onClick?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>\n  ) => void;\n};\n\nexport const MenuButton = forwardRef<HTMLButtonElement, MenuButtonProps>(\n  function MenuButton(props, forwardedRef) {\n    const {\n      as: Comp = 'button',\n      id: preferredId,\n      onClick,\n      onKeyDown,\n      disabled,\n      ...otherProps\n    } = props;\n    const { menuListIdRef, openWithArrowKeyRef, open, buttonRef, onChange } =\n      useMenuContext();\n\n    const buttonIdGenerated = useId();\n    const buttonId = preferredId || buttonIdGenerated;\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n      if (disabled) {\n        return;\n      }\n      buttonRef.current = e.currentTarget;\n\n      const isArrowKey = () => ['ArrowUp', 'ArrowDown'].includes(e.key);\n      const isEnterKey = () => [' ', 'Enter'].includes(e.key);\n\n      const openedWithArrow = isArrowKey();\n      if (openedWithArrow || isEnterKey()) {\n        if (openedWithArrow) {\n          // Used to make it open at the end or begining of the list\n          openWithArrowKeyRef.current = e.key;\n        }\n        onChange && onChange(e, true);\n        e.preventDefault();\n      }\n    };\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n      if (disabled) {\n        return;\n      }\n      buttonRef.current = e.currentTarget;\n\n      onChange && onChange(e, !open);\n    };\n\n    return (\n      <Comp\n        ref={forwardedRef}\n        id={buttonId}\n        role=\"button\"\n        type=\"button\"\n        aria-haspopup={true}\n        aria-controls={menuListIdRef.current}\n        aria-expanded={open ? true : undefined}\n        data-menu-button=\"\"\n        onClick={wrapEvent(onClick, handleClick)}\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n        disabled={disabled}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"file":"MenuButton.js"}
+{"version":3,"file":"MenuButton.js","names":["forwardRef","useId","useMenuContext","wrapEvent","MenuButton","props","forwardedRef","as","Comp","preferredId","id","onClick","onKeyDown","disabled","otherProps","menuListIdRef","openWithArrowKeyRef","open","buttonRef","onChange","buttonIdGenerated","buttonId","handleKeyDown","e","current","currentTarget","isArrowKey","includes","key","isEnterKey","openedWithArrow","preventDefault","handleClick","undefined"],"sources":["../../../src/Menu/MenuButton.tsx"],"sourcesContent":["import type {\n  ButtonHTMLAttributes,\n  ElementType,\n  KeyboardEvent,\n  MouseEvent,\n} from 'react';\nimport { forwardRef, useId } from 'react';\n\nimport { useMenuContext } from './context';\nimport { wrapEvent } from '../utils/wrap-event';\n\nexport type MenuButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onClick?: (\n    e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>\n  ) => void;\n};\n\nexport const MenuButton = forwardRef<HTMLButtonElement, MenuButtonProps>(\n  function MenuButton(props, forwardedRef) {\n    const {\n      as: Comp = 'button',\n      id: preferredId,\n      onClick,\n      onKeyDown,\n      disabled,\n      ...otherProps\n    } = props;\n    const { menuListIdRef, openWithArrowKeyRef, open, buttonRef, onChange } =\n      useMenuContext();\n\n    const buttonIdGenerated = useId();\n    const buttonId = preferredId || buttonIdGenerated;\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLButtonElement>) => {\n      if (disabled) {\n        return;\n      }\n      buttonRef.current = e.currentTarget;\n\n      const isArrowKey = () => ['ArrowUp', 'ArrowDown'].includes(e.key);\n      const isEnterKey = () => [' ', 'Enter'].includes(e.key);\n\n      const openedWithArrow = isArrowKey();\n      if (openedWithArrow || isEnterKey()) {\n        if (openedWithArrow) {\n          // Used to make it open at the end or begining of the list\n          openWithArrowKeyRef.current = e.key;\n        }\n        onChange && onChange(e, true);\n        e.preventDefault();\n      }\n    };\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n      if (disabled) {\n        return;\n      }\n      buttonRef.current = e.currentTarget;\n\n      onChange && onChange(e, !open);\n    };\n\n    return (\n      <Comp\n        ref={forwardedRef}\n        id={buttonId}\n        role=\"button\"\n        type=\"button\"\n        aria-haspopup={true}\n        aria-controls={menuListIdRef.current}\n        aria-expanded={open ? true : undefined}\n        data-menu-button=\"\"\n        onClick={wrapEvent(onClick, handleClick)}\n        onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n        disabled={disabled}\n        {...otherProps}\n      />\n    );\n  }\n);\n"],"mappings":";;;AAMA,SAASA,UAAT,EAAqBC,KAArB,QAAkC,OAAlC;AAEA,SAASC,cAAT,QAA+B,WAA/B;AACA,SAASC,SAAT,QAA0B,qBAA1B;;AAUA,OAAO,IAAMC,UAAU,gBAAGJ,UAAU,CAClC,SAASI,UAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAAyC;EACvC,gBAOID,KAPJ,CACEE,EADF;EAAA,IACMC,IADN,0BACa,QADb;EAAA,IAEMC,WAFN,GAOIJ,KAPJ,CAEEK,EAFF;EAAA,IAGEC,OAHF,GAOIN,KAPJ,CAGEM,OAHF;EAAA,IAIEC,SAJF,GAOIP,KAPJ,CAIEO,SAJF;EAAA,IAKEC,QALF,GAOIR,KAPJ,CAKEQ,QALF;EAAA,IAMKC,UANL,4BAOIT,KAPJ;;EAQA,sBACEH,cAAc,EADhB;EAAA,IAAQa,aAAR,mBAAQA,aAAR;EAAA,IAAuBC,mBAAvB,mBAAuBA,mBAAvB;EAAA,IAA4CC,IAA5C,mBAA4CA,IAA5C;EAAA,IAAkDC,SAAlD,mBAAkDA,SAAlD;EAAA,IAA6DC,QAA7D,mBAA6DA,QAA7D;;EAGA,IAAMC,iBAAiB,GAAGnB,KAAK,EAA/B;EACA,IAAMoB,QAAQ,GAAGZ,WAAW,IAAIW,iBAAhC;;EAEA,IAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACC,CAAD,EAAyC;IAC7D,IAAIV,QAAJ,EAAc;MACZ;IACD;;IACDK,SAAS,CAACM,OAAV,GAAoBD,CAAC,CAACE,aAAtB;;IAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa;MAAA,OAAM,CAAC,SAAD,EAAY,WAAZ,EAAyBC,QAAzB,CAAkCJ,CAAC,CAACK,GAApC,CAAN;IAAA,CAAnB;;IACA,IAAMC,UAAU,GAAG,SAAbA,UAAa;MAAA,OAAM,CAAC,GAAD,EAAM,OAAN,EAAeF,QAAf,CAAwBJ,CAAC,CAACK,GAA1B,CAAN;IAAA,CAAnB;;IAEA,IAAME,eAAe,GAAGJ,UAAU,EAAlC;;IACA,IAAII,eAAe,IAAID,UAAU,EAAjC,EAAqC;MACnC,IAAIC,eAAJ,EAAqB;QACnB;QACAd,mBAAmB,CAACQ,OAApB,GAA8BD,CAAC,CAACK,GAAhC;MACD;;MACDT,QAAQ,IAAIA,QAAQ,CAACI,CAAD,EAAI,IAAJ,CAApB;MACAA,CAAC,CAACQ,cAAF;IACD;EACF,CAlBD;;EAoBA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACT,CAAD,EAAsC;IACxD,IAAIV,QAAJ,EAAc;MACZ;IACD;;IACDK,SAAS,CAACM,OAAV,GAAoBD,CAAC,CAACE,aAAtB;IAEAN,QAAQ,IAAIA,QAAQ,CAACI,CAAD,EAAI,CAACN,IAAL,CAApB;EACD,CAPD;;EASA,oBACE,KAAC,IAAD;IACE,GAAG,EAAEX,YADP;IAEE,EAAE,EAAEe,QAFN;IAGE,IAAI,EAAC,QAHP;IAIE,IAAI,EAAC,QAJP;IAKE,iBAAe,IALjB;IAME,iBAAeN,aAAa,CAACS,OAN/B;IAOE,iBAAeP,IAAI,GAAG,IAAH,GAAUgB,SAP/B;IAQE,oBAAiB,EARnB;IASE,OAAO,EAAE9B,SAAS,CAACQ,OAAD,EAAUqB,WAAV,CATpB;IAUE,SAAS,EAAE7B,SAAS,CAACS,SAAD,EAAYU,aAAZ,CAVtB;IAWE,QAAQ,EAAET;EAXZ,GAYMC,UAZN,EADF;AAgBD,CA7DiC,CAA7B"}

package/build/esm/Menu/MenuItem.js

@@ -1,8 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["as", "disabled", "onSelect", "onClick", "onKeyDown"];
 import { forwardRef, useRef, useId } from 'react';
 import { useMenuContext, useMenuListContext } from './context';
-import { assignMultipleRefs } from '../utils/assignRef';
+import { assignMultipleRefs } from '../utils/assign-ref';
 import { wrapEvent } from '../utils';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var MenuItem = /*#__PURE__*/forwardRef(function MenuItem(props, forwardedRef) {
@@ -12,7 +13,7 @@ export var MenuItem = /*#__PURE__*/forwardRef(function MenuItem(props, forwarded
       onSelect = props.onSelect,
       onClick = props.onClick,
       onKeyDown = props.onKeyDown,
-      otherProps = _objectWithoutProperties(props, ["as", "disabled", "onSelect", "onClick", "onKeyDown"]);
+      otherProps = _objectWithoutProperties(props, _excluded);
 
   var _useMenuContext = useMenuContext(),
       onChange = _useMenuContext.onChange,
@@ -29,7 +30,7 @@ export var MenuItem = /*#__PURE__*/forwardRef(function MenuItem(props, forwarded
     var _buttonRef$current;
 
     onChange && onChange(e, false);
-    (_buttonRef$current = buttonRef.current) == null ? void 0 : _buttonRef$current.focus();
+    (_buttonRef$current = buttonRef.current) === null || _buttonRef$current === void 0 ? void 0 : _buttonRef$current.focus();
     e.preventDefault();
   });
 

package/build/esm/Menu/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Menu/MenuItem.tsx"],"names":["forwardRef","useRef","useId","useMenuContext","useMenuListContext","assignMultipleRefs","wrapEvent","MenuItem","props","forwardedRef","as","Comp","disabled","onSelect","onClick","onKeyDown","otherProps","onChange","buttonRef","navigationItem","onNavigate","ref","itemId","isActive","current","handleSelect","e","focus","preventDefault","handleClick","handleKeyDown","key","undefined"],"mappings":";;AAOA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,KAA7B,QAA0C,OAA1C;AAEA,SAASC,cAAT,EAAyBC,kBAAzB,QAAmD,WAAnD;AACA,SAASC,kBAAT,QAAmC,oBAAnC;AACA,SAASC,SAAT,QAA0B,UAA1B;;AAWA,OAAO,IAAMC,QAAQ,gBAAGP,UAAU,CAAqB,SAASO,QAAT,CACrDC,KADqD,EAErDC,YAFqD,EAGrD;AAAA,kBAQID,KARJ,CAEEE,EAFF;AAAA,MAEMC,IAFN,0BAEa,IAFb;AAAA,MAGEC,QAHF,GAQIJ,KARJ,CAGEI,QAHF;AAAA,MAIEC,QAJF,GAQIL,KARJ,CAIEK,QAJF;AAAA,MAKEC,OALF,GAQIN,KARJ,CAKEM,OALF;AAAA,MAMEC,SANF,GAQIP,KARJ,CAMEO,SANF;AAAA,MAOKC,UAPL,4BAQIR,KARJ;;AAAA,wBASgCL,cAAc,EAT9C;AAAA,MASQc,QATR,mBASQA,QATR;AAAA,MASkBC,SATlB,mBASkBA,SATlB;;AAAA,4BAUuCd,kBAAkB,EAVzD;AAAA,MAUQe,cAVR,uBAUQA,cAVR;AAAA,MAUwBC,UAVxB,uBAUwBA,UAVxB;;AAWA,MAAMC,GAAG,GAAGpB,MAAM,EAAlB;AACA,MAAMqB,MAAM,GAAGpB,KAAK,EAApB;AAEA,MAAMqB,QAAQ,GAAGF,GAAG,CAACG,OAAJ,IAAeH,GAAG,CAACG,OAAJ,KAAgBL,cAAhD;AAEA,MAAMM,YAAY,GAAGnB,SAAS,CAC5BO,QAD4B,EAE5B,UAACa,CAAD,EAAiE;AAAA;;AAC/DT,IAAAA,QAAQ,IAAIA,QAAQ,CAACS,CAAD,EAAI,KAAJ,CAApB;AACA,0BAAAR,SAAS,CAACM,OAAV,wCAAmBG,KAAnB;AACAD,IAAAA,CAAC,CAACE,cAAF;AACD,GAN2B,CAA9B;;AASA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACH,CAAD,EAAkC;AACpD,QAAI,CAACd,QAAL,EAAe;AACb;AACAQ,MAAAA,UAAU,IAAIA,UAAU,CAACC,GAAG,CAACG,OAAL,CAAxB;AACAC,MAAAA,YAAY,CAACC,CAAD,CAAZ;AACD;AACF,GAND;;AAQA,MAAMI,aAAkD,GAAG,SAArDA,aAAqD,CAACJ,CAAD,EAAO;AAChE,YAAQA,CAAC,CAACK,GAAV;AACE,WAAK,OAAL;AACA,WAAK,GAAL;AACE,YAAI,CAACnB,QAAL,EAAe;AACba,UAAAA,YAAY,CAACC,CAAD,CAAZ;AACD;;AACD;AANJ;AAQD,GATD;;AAWA,sBACE,KAAC,IAAD;AACE,IAAA,GAAG,EAAErB,kBAAkB,CAACgB,GAAD,EAAMZ,YAAN,CADzB;AAEE,IAAA,EAAE,EAAEG,QAAQ,GAAGoB,SAAH,GAAeV,MAF7B;AAGE,sBAAe,EAHjB;AAIE,wBAAkBC,QAAQ,GAAG,EAAH,GAAQS,SAJpC;AAKE,IAAA,IAAI,EAAC,UALP;AAME,IAAA,OAAO,EAAE1B,SAAS,CAACQ,OAAD,EAAUe,WAAV,CANpB;AAOE,IAAA,QAAQ,EAAEjB,QAAQ,GAAG,CAAC,CAAJ,GAAQ,CAP5B;AAQE,IAAA,SAAS,EAAEN,SAAS,CAACS,SAAD,EAAYe,aAAZ,CARtB;AASE,qBAAelB,QAAQ,GAAG,EAAH,GAAQoB,SATjC;AAUE,qBAAepB,QAAQ,GAAG,EAAH,GAAQoB,SAVjC;AAWE,IAAA,QAAQ,EAAEpB;AAXZ,KAYMI,UAZN,EADF;AAgBD,CA/DiC,CAA3B","sourcesContent":["import type {\n  LiHTMLAttributes,\n  ElementType,\n  MouseEvent,\n  KeyboardEvent,\n  KeyboardEventHandler,\n} from 'react';\nimport { forwardRef, useRef, useId } from 'react';\n\nimport { useMenuContext, useMenuListContext } from './context';\nimport { assignMultipleRefs } from '../utils/assignRef';\nimport { wrapEvent } from '../utils';\n\nexport interface MenuItemProps extends LiHTMLAttributes<HTMLLIElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onSelect?: (\n    e: MouseEvent<HTMLLIElement> | KeyboardEvent<HTMLLIElement>\n  ) => void;\n  disabled?: boolean;\n}\n\nexport const MenuItem = forwardRef<any, MenuItemProps>(function MenuItem(\n  props,\n  forwardedRef\n) {\n  const {\n    as: Comp = 'li',\n    disabled,\n    onSelect,\n    onClick,\n    onKeyDown,\n    ...otherProps\n  } = props;\n  const { onChange, buttonRef } = useMenuContext();\n  const { navigationItem, onNavigate } = useMenuListContext();\n  const ref = useRef<HTMLLIElement>();\n  const itemId = useId();\n\n  const isActive = ref.current && ref.current === navigationItem;\n\n  const handleSelect = wrapEvent(\n    onSelect,\n    (e: KeyboardEvent<HTMLLIElement> | MouseEvent<HTMLLIElement>) => {\n      onChange && onChange(e, false);\n      buttonRef.current?.focus();\n      e.preventDefault();\n    }\n  );\n\n  const handleClick = (e: MouseEvent<HTMLLIElement>) => {\n    if (!disabled) {\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      onNavigate && onNavigate(ref.current!);\n      handleSelect(e);\n    }\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLLIElement> = (e) => {\n    switch (e.key) {\n      case 'Enter':\n      case ' ':\n        if (!disabled) {\n          handleSelect(e);\n        }\n        break;\n    }\n  };\n\n  return (\n    <Comp\n      ref={assignMultipleRefs(ref, forwardedRef)}\n      id={disabled ? undefined : itemId}\n      data-menu-item=\"\"\n      data-highlighted={isActive ? '' : undefined}\n      role=\"menuitem\"\n      onClick={wrapEvent(onClick, handleClick)}\n      tabIndex={disabled ? -1 : 0}\n      onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n      data-disabled={disabled ? '' : undefined}\n      aria-disabled={disabled ? '' : undefined}\n      disabled={disabled}\n      {...otherProps}\n    />\n  );\n});\n"],"file":"MenuItem.js"}
+{"version":3,"file":"MenuItem.js","names":["forwardRef","useRef","useId","useMenuContext","useMenuListContext","assignMultipleRefs","wrapEvent","MenuItem","props","forwardedRef","as","Comp","disabled","onSelect","onClick","onKeyDown","otherProps","onChange","buttonRef","navigationItem","onNavigate","ref","itemId","isActive","current","handleSelect","e","focus","preventDefault","handleClick","handleKeyDown","key","undefined"],"sources":["../../../src/Menu/MenuItem.tsx"],"sourcesContent":["import type {\n  LiHTMLAttributes,\n  ElementType,\n  MouseEvent,\n  KeyboardEvent,\n  KeyboardEventHandler,\n} from 'react';\nimport { forwardRef, useRef, useId } from 'react';\n\nimport { useMenuContext, useMenuListContext } from './context';\nimport { assignMultipleRefs } from '../utils/assign-ref';\nimport { wrapEvent } from '../utils';\n\nexport interface MenuItemProps extends LiHTMLAttributes<HTMLLIElement> {\n  as?: ElementType<any>;\n  innerAs?: ElementType<any>;\n  onSelect?: (\n    e: MouseEvent<HTMLLIElement> | KeyboardEvent<HTMLLIElement>\n  ) => void;\n  disabled?: boolean;\n}\n\nexport const MenuItem = forwardRef<any, MenuItemProps>(function MenuItem(\n  props,\n  forwardedRef\n) {\n  const {\n    as: Comp = 'li',\n    disabled,\n    onSelect,\n    onClick,\n    onKeyDown,\n    ...otherProps\n  } = props;\n  const { onChange, buttonRef } = useMenuContext();\n  const { navigationItem, onNavigate } = useMenuListContext();\n  const ref = useRef<HTMLLIElement>();\n  const itemId = useId();\n\n  const isActive = ref.current && ref.current === navigationItem;\n\n  const handleSelect = wrapEvent(\n    onSelect,\n    (e: KeyboardEvent<HTMLLIElement> | MouseEvent<HTMLLIElement>) => {\n      onChange && onChange(e, false);\n      buttonRef.current?.focus();\n      e.preventDefault();\n    }\n  );\n\n  const handleClick = (e: MouseEvent<HTMLLIElement>) => {\n    if (!disabled) {\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      onNavigate && onNavigate(ref.current!);\n      handleSelect(e);\n    }\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLLIElement> = (e) => {\n    switch (e.key) {\n      case 'Enter':\n      case ' ':\n        if (!disabled) {\n          handleSelect(e);\n        }\n        break;\n    }\n  };\n\n  return (\n    <Comp\n      ref={assignMultipleRefs(ref, forwardedRef)}\n      id={disabled ? undefined : itemId}\n      data-menu-item=\"\"\n      data-highlighted={isActive ? '' : undefined}\n      role=\"menuitem\"\n      onClick={wrapEvent(onClick, handleClick)}\n      tabIndex={disabled ? -1 : 0}\n      onKeyDown={wrapEvent(onKeyDown, handleKeyDown)}\n      data-disabled={disabled ? '' : undefined}\n      aria-disabled={disabled ? '' : undefined}\n      disabled={disabled}\n      {...otherProps}\n    />\n  );\n});\n"],"mappings":";;;AAOA,SAASA,UAAT,EAAqBC,MAArB,EAA6BC,KAA7B,QAA0C,OAA1C;AAEA,SAASC,cAAT,EAAyBC,kBAAzB,QAAmD,WAAnD;AACA,SAASC,kBAAT,QAAmC,qBAAnC;AACA,SAASC,SAAT,QAA0B,UAA1B;;AAWA,OAAO,IAAMC,QAAQ,gBAAGP,UAAU,CAAqB,SAASO,QAAT,CACrDC,KADqD,EAErDC,YAFqD,EAGrD;EACA,gBAOID,KAPJ,CACEE,EADF;EAAA,IACMC,IADN,0BACa,IADb;EAAA,IAEEC,QAFF,GAOIJ,KAPJ,CAEEI,QAFF;EAAA,IAGEC,QAHF,GAOIL,KAPJ,CAGEK,QAHF;EAAA,IAIEC,OAJF,GAOIN,KAPJ,CAIEM,OAJF;EAAA,IAKEC,SALF,GAOIP,KAPJ,CAKEO,SALF;EAAA,IAMKC,UANL,4BAOIR,KAPJ;;EAQA,sBAAgCL,cAAc,EAA9C;EAAA,IAAQc,QAAR,mBAAQA,QAAR;EAAA,IAAkBC,SAAlB,mBAAkBA,SAAlB;;EACA,0BAAuCd,kBAAkB,EAAzD;EAAA,IAAQe,cAAR,uBAAQA,cAAR;EAAA,IAAwBC,UAAxB,uBAAwBA,UAAxB;;EACA,IAAMC,GAAG,GAAGpB,MAAM,EAAlB;EACA,IAAMqB,MAAM,GAAGpB,KAAK,EAApB;EAEA,IAAMqB,QAAQ,GAAGF,GAAG,CAACG,OAAJ,IAAeH,GAAG,CAACG,OAAJ,KAAgBL,cAAhD;EAEA,IAAMM,YAAY,GAAGnB,SAAS,CAC5BO,QAD4B,EAE5B,UAACa,CAAD,EAAiE;IAAA;;IAC/DT,QAAQ,IAAIA,QAAQ,CAACS,CAAD,EAAI,KAAJ,CAApB;IACA,sBAAAR,SAAS,CAACM,OAAV,0EAAmBG,KAAnB;IACAD,CAAC,CAACE,cAAF;EACD,CAN2B,CAA9B;;EASA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACH,CAAD,EAAkC;IACpD,IAAI,CAACd,QAAL,EAAe;MACb;MACAQ,UAAU,IAAIA,UAAU,CAACC,GAAG,CAACG,OAAL,CAAxB;MACAC,YAAY,CAACC,CAAD,CAAZ;IACD;EACF,CAND;;EAQA,IAAMI,aAAkD,GAAG,SAArDA,aAAqD,CAACJ,CAAD,EAAO;IAChE,QAAQA,CAAC,CAACK,GAAV;MACE,KAAK,OAAL;MACA,KAAK,GAAL;QACE,IAAI,CAACnB,QAAL,EAAe;UACba,YAAY,CAACC,CAAD,CAAZ;QACD;;QACD;IANJ;EAQD,CATD;;EAWA,oBACE,KAAC,IAAD;IACE,GAAG,EAAErB,kBAAkB,CAACgB,GAAD,EAAMZ,YAAN,CADzB;IAEE,EAAE,EAAEG,QAAQ,GAAGoB,SAAH,GAAeV,MAF7B;IAGE,kBAAe,EAHjB;IAIE,oBAAkBC,QAAQ,GAAG,EAAH,GAAQS,SAJpC;IAKE,IAAI,EAAC,UALP;IAME,OAAO,EAAE1B,SAAS,CAACQ,OAAD,EAAUe,WAAV,CANpB;IAOE,QAAQ,EAAEjB,QAAQ,GAAG,CAAC,CAAJ,GAAQ,CAP5B;IAQE,SAAS,EAAEN,SAAS,CAACS,SAAD,EAAYe,aAAZ,CARtB;IASE,iBAAelB,QAAQ,GAAG,EAAH,GAAQoB,SATjC;IAUE,iBAAepB,QAAQ,GAAG,EAAH,GAAQoB,SAVjC;IAWE,QAAQ,EAAEpB;EAXZ,GAYMI,UAZN,EADF;AAgBD,CA/DiC,CAA3B"}