@react-spectrum/listbox 3.14.0 → 3.14.1

package/dist/ListBox.main.js

@@ -27,7 +27,7 @@ $parcel$export(module.exports, "ListBox", () => $582d86e45be55635$export$41f1335
 
 
 
-function $582d86e45be55635$var$ListBox(props, ref) {
+const $582d86e45be55635$export$41f133550aa26f48 = /*#__PURE__*/ (0, ($parcel$interopDefault($kvNjb$react))).forwardRef(function ListBox(props, ref) {
     let state = (0, $kvNjb$reactstatelylist.useListState)(props);
     let layout = (0, $60eb4b34c53310cb$exports.useListBoxLayout)();
     let domRef = (0, $kvNjb$reactspectrumutils.useDOMRef)(ref);
@@ -37,12 +37,7 @@ function $582d86e45be55635$var$ListBox(props, ref) {
         state: state,
         layout: layout
     });
-}
-// forwardRef doesn't support generic parameters, so cast the result to the correct type
-// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
-/**
- * A list of options that can allow selection of one or more.
- */ const $582d86e45be55635$export$41f133550aa26f48 = /*#__PURE__*/ (0, ($parcel$interopDefault($kvNjb$react))).forwardRef($582d86e45be55635$var$ListBox);
+});
 
 
 //# sourceMappingURL=ListBox.main.js.map

package/dist/ListBox.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AASD,SAAS,8BAA0B,KAA8B,EAAE,GAA2B;IAC5F,IAAI,QAAQ,CAAA,GAAA,oCAAW,EAAE;IACzB,IAAI,SAAS,CAAA,GAAA,0CAAe;IAC5B,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,0DAAC,CAAA,GAAA,qCAAU;QACR,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,QAAQ;;AAEd;AAEA,wFAAwF;AACxF,2GAA2G;AAG3G;;CAEC,GACD,MAAM,0DAAW,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/listbox/src/ListBox.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMRef} from '@react-types/shared';\nimport {ListBoxBase, useListBoxLayout} from './ListBoxBase';\nimport React, {ReactElement} from 'react';\nimport {SpectrumListBoxProps} from '@react-types/listbox';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useListState} from '@react-stately/list';\n\nfunction ListBox<T extends object>(props: SpectrumListBoxProps<T>, ref: DOMRef<HTMLDivElement>) {\n  let state = useListState(props);\n  let layout = useListBoxLayout();\n  let domRef = useDOMRef(ref);\n\n  return (\n    <ListBoxBase\n      {...props}\n      ref={domRef}\n      state={state}\n      layout={layout} />\n  );\n}\n\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\n\n\n/**\n * A list of options that can allow selection of one or more.\n */\nconst _ListBox = React.forwardRef(ListBox) as <T>(props: SpectrumListBoxProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_ListBox as ListBox};\n"],"names":[],"version":3,"file":"ListBox.main.js.map"}
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAgBM,MAAM,0DAAU,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,QAA0B,KAA8B,EAAE,GAA2B;IACpI,IAAI,QAAQ,CAAA,GAAA,oCAAW,EAAE;IACzB,IAAI,SAAS,CAAA,GAAA,0CAAe;IAC5B,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,0DAAC,CAAA,GAAA,qCAAU;QACR,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,QAAQ;;AAEd","sources":["packages/@react-spectrum/listbox/src/ListBox.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMRef} from '@react-types/shared';\nimport {ListBoxBase, useListBoxLayout} from './ListBoxBase';\nimport React, {ReactElement} from 'react';\nimport {SpectrumListBoxProps} from '@react-types/listbox';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useListState} from '@react-stately/list';\n\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\n\n\n/**\n * A list of options that can allow selection of one or more.\n */\nexport const ListBox = React.forwardRef(function ListBox<T extends object>(props: SpectrumListBoxProps<T>, ref: DOMRef<HTMLDivElement>) {\n  let state = useListState(props);\n  let layout = useListBoxLayout();\n  let domRef = useDOMRef(ref);\n\n  return (\n    <ListBoxBase\n      {...props}\n      ref={domRef}\n      state={state}\n      layout={layout} />\n  );\n}) as <T>(props: SpectrumListBoxProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"ListBox.main.js.map"}

package/dist/ListBox.mjs

@@ -17,7 +17,7 @@ import {useListState as $7rJGh$useListState} from "@react-stately/list";
 
 
 
-function $3136257018b1a220$var$ListBox(props, ref) {
+const $3136257018b1a220$export$41f133550aa26f48 = /*#__PURE__*/ (0, $7rJGh$react).forwardRef(function ListBox(props, ref) {
     let state = (0, $7rJGh$useListState)(props);
     let layout = (0, $3247d4a89e6094e9$export$25768ea656ae32a7)();
     let domRef = (0, $7rJGh$useDOMRef)(ref);
@@ -27,12 +27,7 @@ function $3136257018b1a220$var$ListBox(props, ref) {
         state: state,
         layout: layout
     });
-}
-// forwardRef doesn't support generic parameters, so cast the result to the correct type
-// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
-/**
- * A list of options that can allow selection of one or more.
- */ const $3136257018b1a220$export$41f133550aa26f48 = /*#__PURE__*/ (0, $7rJGh$react).forwardRef($3136257018b1a220$var$ListBox);
+});
 
 
 export {$3136257018b1a220$export$41f133550aa26f48 as ListBox};

package/dist/ListBox.module.js

@@ -17,7 +17,7 @@ import {useListState as $7rJGh$useListState} from "@react-stately/list";
 
 
 
-function $3136257018b1a220$var$ListBox(props, ref) {
+const $3136257018b1a220$export$41f133550aa26f48 = /*#__PURE__*/ (0, $7rJGh$react).forwardRef(function ListBox(props, ref) {
     let state = (0, $7rJGh$useListState)(props);
     let layout = (0, $3247d4a89e6094e9$export$25768ea656ae32a7)();
     let domRef = (0, $7rJGh$useDOMRef)(ref);
@@ -27,12 +27,7 @@ function $3136257018b1a220$var$ListBox(props, ref) {
         state: state,
         layout: layout
     });
-}
-// forwardRef doesn't support generic parameters, so cast the result to the correct type
-// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
-/**
- * A list of options that can allow selection of one or more.
- */ const $3136257018b1a220$export$41f133550aa26f48 = /*#__PURE__*/ (0, $7rJGh$react).forwardRef($3136257018b1a220$var$ListBox);
+});
 
 
 export {$3136257018b1a220$export$41f133550aa26f48 as ListBox};

package/dist/ListBox.module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AASD,SAAS,8BAA0B,KAA8B,EAAE,GAA2B;IAC5F,IAAI,QAAQ,CAAA,GAAA,mBAAW,EAAE;IACzB,IAAI,SAAS,CAAA,GAAA,yCAAe;IAC5B,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,yCAAU;QACR,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,QAAQ;;AAEd;AAEA,wFAAwF;AACxF,2GAA2G;AAG3G;;CAEC,GACD,MAAM,0DAAW,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/listbox/src/ListBox.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMRef} from '@react-types/shared';\nimport {ListBoxBase, useListBoxLayout} from './ListBoxBase';\nimport React, {ReactElement} from 'react';\nimport {SpectrumListBoxProps} from '@react-types/listbox';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useListState} from '@react-stately/list';\n\nfunction ListBox<T extends object>(props: SpectrumListBoxProps<T>, ref: DOMRef<HTMLDivElement>) {\n  let state = useListState(props);\n  let layout = useListBoxLayout();\n  let domRef = useDOMRef(ref);\n\n  return (\n    <ListBoxBase\n      {...props}\n      ref={domRef}\n      state={state}\n      layout={layout} />\n  );\n}\n\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\n\n\n/**\n * A list of options that can allow selection of one or more.\n */\nconst _ListBox = React.forwardRef(ListBox) as <T>(props: SpectrumListBoxProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_ListBox as ListBox};\n"],"names":[],"version":3,"file":"ListBox.module.js.map"}
+{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AAgBM,MAAM,0DAAU,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,QAA0B,KAA8B,EAAE,GAA2B;IACpI,IAAI,QAAQ,CAAA,GAAA,mBAAW,EAAE;IACzB,IAAI,SAAS,CAAA,GAAA,yCAAe;IAC5B,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,yCAAU;QACR,GAAG,KAAK;QACT,KAAK;QACL,OAAO;QACP,QAAQ;;AAEd","sources":["packages/@react-spectrum/listbox/src/ListBox.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DOMRef} from '@react-types/shared';\nimport {ListBoxBase, useListBoxLayout} from './ListBoxBase';\nimport React, {ReactElement} from 'react';\nimport {SpectrumListBoxProps} from '@react-types/listbox';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useListState} from '@react-stately/list';\n\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\n\n\n/**\n * A list of options that can allow selection of one or more.\n */\nexport const ListBox = React.forwardRef(function ListBox<T extends object>(props: SpectrumListBoxProps<T>, ref: DOMRef<HTMLDivElement>) {\n  let state = useListState(props);\n  let layout = useListBoxLayout();\n  let domRef = useDOMRef(ref);\n\n  return (\n    <ListBoxBase\n      {...props}\n      ref={domRef}\n      state={state}\n      layout={layout} />\n  );\n}) as <T>(props: SpectrumListBoxProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"ListBox.module.js.map"}

package/dist/ListBoxBase.main.js

@@ -3,7 +3,7 @@ var $611e93c7b7c0413c$exports = require("./ListBoxContext.main.js");
 var $570d5c216669f686$exports = require("./ListBoxLayout.main.js");
 var $2205d250ee1cb1ac$exports = require("./ListBoxOption.main.js");
 var $0f5fd8483f48ef09$exports = require("./ListBoxSection.main.js");
-require("./vars.487ba452.css");
+require("./vars.e5f333b9.css");
 var $3deee0fd2b46e64f$exports = require("./menu_vars_css.main.js");
 var $7w19U$reactarialistbox = require("@react-aria/listbox");
 var $7w19U$reactspectrumutils = require("@react-spectrum/utils");
@@ -63,7 +63,7 @@ function $60eb4b34c53310cb$export$25768ea656ae32a7() {
     ]);
     return layout;
 }
-/** @private */ function $60eb4b34c53310cb$var$ListBoxBase(props, ref) {
+const $60eb4b34c53310cb$export$1afdcf349979fb7e = /*#__PURE__*/ (0, ($parcel$interopDefault($7w19U$react))).forwardRef(function ListBoxBase(props, ref) {
     let { layout: layout, state: state, shouldFocusOnHover: shouldFocusOnHover = false, shouldUseVirtualFocus: shouldUseVirtualFocus = false, domProps: domProps = {}, isLoading: isLoading, showLoadingSpinner: showLoadingSpinner = isLoading, onScroll: onScroll, renderEmptyState: renderEmptyState } = props;
     let objectRef = (0, $7w19U$reactariautils.useObjectRef)(ref);
     let { listBoxProps: listBoxProps } = (0, $7w19U$reactarialistbox.useListBox)({
@@ -129,10 +129,7 @@ function $60eb4b34c53310cb$export$25768ea656ae32a7() {
         else if (type === 'placeholder') return /*#__PURE__*/ (0, ($parcel$interopDefault($7w19U$react))).createElement($60eb4b34c53310cb$var$EmptyState, null);
         else return null;
     }, []))));
-}
-// forwardRef doesn't support generic parameters, so cast the result to the correct type
-// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
-const $60eb4b34c53310cb$export$1afdcf349979fb7e = /*#__PURE__*/ (0, ($parcel$interopDefault($7w19U$react))).forwardRef($60eb4b34c53310cb$var$ListBoxBase);
+});
 function $60eb4b34c53310cb$var$LoadingState() {
     let { state: state } = (0, $7w19U$react.useContext)((0, $611e93c7b7c0413c$exports.ListBoxContext));
     let stringFormatter = (0, $7w19U$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($3d9fe9b46e2d649a$exports))), '@react-spectrum/listbox');

package/dist/ListBoxBase.main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/listbox/src/ListBoxBase.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, FocusStrategy, Node, RefObject, StyleProps} from '@react-types/shared';\nimport {AriaListBoxOptions, useListBox} from '@react-aria/listbox';\nimport {classNames, useStyleProps} from '@react-spectrum/utils';\nimport {FocusScope} from '@react-aria/focus';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ListBoxContext} from './ListBoxContext';\nimport {ListBoxLayout} from './ListBoxLayout';\nimport {ListBoxOption} from './ListBoxOption';\nimport {ListBoxSection} from './ListBoxSection';\nimport {ListState} from '@react-stately/list';\nimport {mergeProps, useObjectRef} from '@react-aria/utils';\nimport {ProgressCircle} from '@react-spectrum/progress';\nimport React, {ForwardedRef, HTMLAttributes, ReactElement, ReactNode, useCallback, useContext, useMemo} from 'react';\nimport {ReusableView} from '@react-stately/virtualizer';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProvider} from '@react-spectrum/provider';\nimport {Virtualizer, VirtualizerItem} from '@react-aria/virtualizer';\n\ninterface ListBoxBaseProps<T> extends AriaListBoxOptions<T>, DOMProps, AriaLabelingProps, StyleProps {\n  layout: ListBoxLayout<T>,\n  state: ListState<T>,\n  autoFocus?: boolean | FocusStrategy,\n  shouldFocusWrap?: boolean,\n  shouldSelectOnPressUp?: boolean,\n  focusOnPointerEnter?: boolean,\n  domProps?: HTMLAttributes<HTMLElement>,\n  disallowEmptySelection?: boolean,\n  shouldUseVirtualFocus?: boolean,\n  isLoading?: boolean,\n  showLoadingSpinner?: boolean,\n  onLoadMore?: () => void,\n  renderEmptyState?: () => ReactNode,\n  onScroll?: () => void\n}\n\n/** @private */\nexport function useListBoxLayout<T>(): ListBoxLayout<T> {\n  let {scale} = useProvider();\n  let layout = useMemo(() =>\n    new ListBoxLayout<T>({\n      estimatedRowHeight: scale === 'large' ? 48 : 32,\n      estimatedHeadingHeight: scale === 'large' ? 33 : 26,\n      padding: scale === 'large' ? 5 : 4, // TODO: get from DNA\n      placeholderHeight: scale === 'large' ? 48 : 32\n    })\n  , [scale]);\n\n  return layout;\n}\n\n/** @private */\nfunction ListBoxBase<T extends object>(props: ListBoxBaseProps<T>, ref: ForwardedRef<HTMLDivElement | null>) {\n  let {layout, state, shouldFocusOnHover = false, shouldUseVirtualFocus = false, domProps = {}, isLoading, showLoadingSpinner = isLoading, onScroll, renderEmptyState} = props;\n  let objectRef = useObjectRef(ref);\n  let {listBoxProps} = useListBox({\n    ...props,\n    layoutDelegate: layout,\n    isVirtualized: true\n  }, state, objectRef);\n  let {styleProps} = useStyleProps(props);\n\n  // This overrides collection view's renderWrapper to support hierarchy of items in sections.\n  // The header is extracted from the children so it can receive ARIA labeling properties.\n  type View = ReusableView<Node<T>, ReactNode>;\n  let renderWrapper = useCallback((parent: View | null, reusableView: View, children: View[], renderChildren: (views: View[]) => ReactElement[]) => {\n    if (reusableView.viewType === 'section') {\n      return (\n        <ListBoxSection\n          key={reusableView.key}\n          item={reusableView.content!}\n          layoutInfo={reusableView.layoutInfo!}\n          virtualizer={reusableView.virtualizer}\n          headerLayoutInfo={children.find(c => c.viewType === 'header')?.layoutInfo ?? null}>\n          {renderChildren(children.filter(c => c.viewType === 'item'))}\n        </ListBoxSection>\n      );\n    }\n\n    return (\n      <VirtualizerItem\n        key={reusableView.key}\n        layoutInfo={reusableView.layoutInfo!}\n        virtualizer={reusableView.virtualizer}\n        parent={parent?.layoutInfo}>\n        {reusableView.rendered}\n      </VirtualizerItem>\n    );\n  }, []);\n\n  let focusedKey = state.selectionManager.focusedKey;\n  let persistedKeys = useMemo(() => focusedKey != null ? new Set([focusedKey]) : null, [focusedKey]);\n\n  return (\n    <ListBoxContext.Provider value={{state, renderEmptyState, shouldFocusOnHover, shouldUseVirtualFocus}}>\n      <FocusScope>\n        <Virtualizer\n          {...styleProps}\n          {...mergeProps(listBoxProps, domProps)}\n          ref={objectRef}\n          persistedKeys={persistedKeys}\n          autoFocus={!!props.autoFocus || undefined}\n          scrollDirection=\"vertical\"\n          className={\n            classNames(\n              styles,\n              'spectrum-Menu',\n              styleProps.className\n            )\n          }\n          layout={layout}\n          layoutOptions={useMemo(() => ({\n            isLoading: showLoadingSpinner\n          }), [showLoadingSpinner])}\n          collection={state.collection}\n          renderWrapper={renderWrapper}\n          isLoading={isLoading}\n          onLoadMore={props.onLoadMore}\n          onScroll={onScroll}>\n          {useCallback((type, item: Node<T>): ReactNode => {\n            if (type === 'item') {\n              return <ListBoxOption item={item} />;\n            } else if (type === 'loader') {\n              return <LoadingState />;\n            } else if (type === 'placeholder') {\n              return <EmptyState />;\n            } else {\n              return null;\n            }\n          }, [])}\n        </Virtualizer>\n      </FocusScope>\n    </ListBoxContext.Provider>\n  );\n}\n\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\nconst _ListBoxBase = React.forwardRef(ListBoxBase) as <T>(props: ListBoxBaseProps<T> & {ref?: RefObject<HTMLDivElement | null>}) => ReactElement;\nexport {_ListBoxBase as ListBoxBase};\n\nfunction LoadingState() {\n  let {state} = useContext(ListBoxContext)!;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/listbox');\n  return (\n    // aria-selected isn't needed here since this option is not selectable.\n    // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n    <div role=\"option\" style={{display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100%'}}>\n      <ProgressCircle\n        isIndeterminate\n        size=\"S\"\n        aria-label={state.collection.size > 0 ? stringFormatter.format('loadingMore') : stringFormatter.format('loading')}\n        UNSAFE_className={classNames(styles, 'spectrum-Dropdown-progressCircle')} />\n    </div>\n  );\n}\n\nfunction EmptyState() {\n  let {renderEmptyState} = useContext(ListBoxContext)!;\n  let emptyState = renderEmptyState ? renderEmptyState() : null;\n  if (emptyState == null) {\n    return null;\n  }\n\n  return (\n    <div\n      // aria-selected isn't needed here since this option is not selectable.\n      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n      role=\"option\">\n      {emptyState}\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"ListBoxBase.main.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/listbox/src/ListBoxBase.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, FocusStrategy, Node, RefObject, StyleProps} from '@react-types/shared';\nimport {AriaListBoxOptions, useListBox} from '@react-aria/listbox';\nimport {classNames, useStyleProps} from '@react-spectrum/utils';\nimport {FocusScope} from '@react-aria/focus';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ListBoxContext} from './ListBoxContext';\nimport {ListBoxLayout} from './ListBoxLayout';\nimport {ListBoxOption} from './ListBoxOption';\nimport {ListBoxSection} from './ListBoxSection';\nimport {ListState} from '@react-stately/list';\nimport {mergeProps, useObjectRef} from '@react-aria/utils';\nimport {ProgressCircle} from '@react-spectrum/progress';\nimport React, {ForwardedRef, HTMLAttributes, ReactElement, ReactNode, useCallback, useContext, useMemo} from 'react';\nimport {ReusableView} from '@react-stately/virtualizer';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProvider} from '@react-spectrum/provider';\nimport {Virtualizer, VirtualizerItem} from '@react-aria/virtualizer';\n\ninterface ListBoxBaseProps<T> extends AriaListBoxOptions<T>, DOMProps, AriaLabelingProps, StyleProps {\n  layout: ListBoxLayout<T>,\n  state: ListState<T>,\n  autoFocus?: boolean | FocusStrategy,\n  shouldFocusWrap?: boolean,\n  shouldSelectOnPressUp?: boolean,\n  focusOnPointerEnter?: boolean,\n  domProps?: HTMLAttributes<HTMLElement>,\n  disallowEmptySelection?: boolean,\n  shouldUseVirtualFocus?: boolean,\n  isLoading?: boolean,\n  showLoadingSpinner?: boolean,\n  onLoadMore?: () => void,\n  renderEmptyState?: () => ReactNode,\n  onScroll?: () => void\n}\n\n/** @private */\nexport function useListBoxLayout<T>(): ListBoxLayout<T> {\n  let {scale} = useProvider();\n  let layout = useMemo(() =>\n    new ListBoxLayout<T>({\n      estimatedRowHeight: scale === 'large' ? 48 : 32,\n      estimatedHeadingHeight: scale === 'large' ? 33 : 26,\n      padding: scale === 'large' ? 5 : 4, // TODO: get from DNA\n      placeholderHeight: scale === 'large' ? 48 : 32\n    })\n  , [scale]);\n\n  return layout;\n}\n\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\n/** @private */\nexport const ListBoxBase = React.forwardRef(function ListBoxBase<T extends object>(props: ListBoxBaseProps<T>, ref: ForwardedRef<HTMLDivElement | null>) {\n  let {layout, state, shouldFocusOnHover = false, shouldUseVirtualFocus = false, domProps = {}, isLoading, showLoadingSpinner = isLoading, onScroll, renderEmptyState} = props;\n  let objectRef = useObjectRef(ref);\n  let {listBoxProps} = useListBox({\n    ...props,\n    layoutDelegate: layout,\n    isVirtualized: true\n  }, state, objectRef);\n  let {styleProps} = useStyleProps(props);\n\n  // This overrides collection view's renderWrapper to support hierarchy of items in sections.\n  // The header is extracted from the children so it can receive ARIA labeling properties.\n  type View = ReusableView<Node<T>, ReactNode>;\n  let renderWrapper = useCallback((parent: View | null, reusableView: View, children: View[], renderChildren: (views: View[]) => ReactElement[]) => {\n    if (reusableView.viewType === 'section') {\n      return (\n        <ListBoxSection\n          key={reusableView.key}\n          item={reusableView.content!}\n          layoutInfo={reusableView.layoutInfo!}\n          virtualizer={reusableView.virtualizer}\n          headerLayoutInfo={children.find(c => c.viewType === 'header')?.layoutInfo ?? null}>\n          {renderChildren(children.filter(c => c.viewType === 'item'))}\n        </ListBoxSection>\n      );\n    }\n\n    return (\n      <VirtualizerItem\n        key={reusableView.key}\n        layoutInfo={reusableView.layoutInfo!}\n        virtualizer={reusableView.virtualizer}\n        parent={parent?.layoutInfo}>\n        {reusableView.rendered}\n      </VirtualizerItem>\n    );\n  }, []);\n\n  let focusedKey = state.selectionManager.focusedKey;\n  let persistedKeys = useMemo(() => focusedKey != null ? new Set([focusedKey]) : null, [focusedKey]);\n\n  return (\n    <ListBoxContext.Provider value={{state, renderEmptyState, shouldFocusOnHover, shouldUseVirtualFocus}}>\n      <FocusScope>\n        <Virtualizer\n          {...styleProps}\n          {...mergeProps(listBoxProps, domProps)}\n          ref={objectRef}\n          persistedKeys={persistedKeys}\n          autoFocus={!!props.autoFocus || undefined}\n          scrollDirection=\"vertical\"\n          className={\n            classNames(\n              styles,\n              'spectrum-Menu',\n              styleProps.className\n            )\n          }\n          layout={layout}\n          layoutOptions={useMemo(() => ({\n            isLoading: showLoadingSpinner\n          }), [showLoadingSpinner])}\n          collection={state.collection}\n          renderWrapper={renderWrapper}\n          isLoading={isLoading}\n          onLoadMore={props.onLoadMore}\n          onScroll={onScroll}>\n          {useCallback((type, item: Node<T>): ReactNode => {\n            if (type === 'item') {\n              return <ListBoxOption item={item} />;\n            } else if (type === 'loader') {\n              return <LoadingState />;\n            } else if (type === 'placeholder') {\n              return <EmptyState />;\n            } else {\n              return null;\n            }\n          }, [])}\n        </Virtualizer>\n      </FocusScope>\n    </ListBoxContext.Provider>\n  );\n}) as <T>(props: ListBoxBaseProps<T> & {ref?: RefObject<HTMLDivElement | null>}) => ReactElement;\n\nfunction LoadingState() {\n  let {state} = useContext(ListBoxContext)!;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/listbox');\n  return (\n    // aria-selected isn't needed here since this option is not selectable.\n    // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n    <div role=\"option\" style={{display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100%'}}>\n      <ProgressCircle\n        isIndeterminate\n        size=\"S\"\n        aria-label={state.collection.size > 0 ? stringFormatter.format('loadingMore') : stringFormatter.format('loading')}\n        UNSAFE_className={classNames(styles, 'spectrum-Dropdown-progressCircle')} />\n    </div>\n  );\n}\n\nfunction EmptyState() {\n  let {renderEmptyState} = useContext(ListBoxContext)!;\n  let emptyState = renderEmptyState ? renderEmptyState() : null;\n  if (emptyState == null) {\n    return null;\n  }\n\n  return (\n    <div\n      // aria-selected isn't needed here since this option is not selectable.\n      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n      role=\"option\">\n      {emptyState}\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"ListBoxBase.main.js.map"}

package/dist/ListBoxBase.mjs

@@ -3,7 +3,7 @@ import {ListBoxContext as $0c6f792811e33483$export$7ff8f37d2d81a48d} from "./Lis
 import {ListBoxLayout as $d20755daac213984$export$c7e5f5ea00052bf} from "./ListBoxLayout.mjs";
 import {ListBoxOption as $86983ea1fa3f7312$export$feb3b6b552c14a12} from "./ListBoxOption.mjs";
 import {ListBoxSection as $92d678ed88836094$export$dca12b0bb56e4fc} from "./ListBoxSection.mjs";
-import "./vars.487ba452.css";
+import "./vars.e5f333b9.css";
 import $gF3QK$menu_vars_cssmodulejs from "./menu_vars_css.mjs";
 import {useListBox as $gF3QK$useListBox} from "@react-aria/listbox";
 import {useStyleProps as $gF3QK$useStyleProps, classNames as $gF3QK$classNames} from "@react-spectrum/utils";
@@ -56,7 +56,7 @@ function $3247d4a89e6094e9$export$25768ea656ae32a7() {
     ]);
     return layout;
 }
-/** @private */ function $3247d4a89e6094e9$var$ListBoxBase(props, ref) {
+const $3247d4a89e6094e9$export$1afdcf349979fb7e = /*#__PURE__*/ (0, $gF3QK$react).forwardRef(function ListBoxBase(props, ref) {
     let { layout: layout, state: state, shouldFocusOnHover: shouldFocusOnHover = false, shouldUseVirtualFocus: shouldUseVirtualFocus = false, domProps: domProps = {}, isLoading: isLoading, showLoadingSpinner: showLoadingSpinner = isLoading, onScroll: onScroll, renderEmptyState: renderEmptyState } = props;
     let objectRef = (0, $gF3QK$useObjectRef)(ref);
     let { listBoxProps: listBoxProps } = (0, $gF3QK$useListBox)({
@@ -122,10 +122,7 @@ function $3247d4a89e6094e9$export$25768ea656ae32a7() {
         else if (type === 'placeholder') return /*#__PURE__*/ (0, $gF3QK$react).createElement($3247d4a89e6094e9$var$EmptyState, null);
         else return null;
     }, []))));
-}
-// forwardRef doesn't support generic parameters, so cast the result to the correct type
-// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
-const $3247d4a89e6094e9$export$1afdcf349979fb7e = /*#__PURE__*/ (0, $gF3QK$react).forwardRef($3247d4a89e6094e9$var$ListBoxBase);
+});
 function $3247d4a89e6094e9$var$LoadingState() {
     let { state: state } = (0, $gF3QK$useContext)((0, $0c6f792811e33483$export$7ff8f37d2d81a48d));
     let stringFormatter = (0, $gF3QK$useLocalizedStringFormatter)((0, ($parcel$interopDefault($gF3QK$intlStringsmodulejs))), '@react-spectrum/listbox');

package/dist/ListBoxBase.module.js

@@ -3,7 +3,7 @@ import {ListBoxContext as $0c6f792811e33483$export$7ff8f37d2d81a48d} from "./Lis
 import {ListBoxLayout as $d20755daac213984$export$c7e5f5ea00052bf} from "./ListBoxLayout.module.js";
 import {ListBoxOption as $86983ea1fa3f7312$export$feb3b6b552c14a12} from "./ListBoxOption.module.js";
 import {ListBoxSection as $92d678ed88836094$export$dca12b0bb56e4fc} from "./ListBoxSection.module.js";
-import "./vars.487ba452.css";
+import "./vars.e5f333b9.css";
 import $gF3QK$menu_vars_cssmodulejs from "./menu_vars_css.module.js";
 import {useListBox as $gF3QK$useListBox} from "@react-aria/listbox";
 import {useStyleProps as $gF3QK$useStyleProps, classNames as $gF3QK$classNames} from "@react-spectrum/utils";
@@ -56,7 +56,7 @@ function $3247d4a89e6094e9$export$25768ea656ae32a7() {
     ]);
     return layout;
 }
-/** @private */ function $3247d4a89e6094e9$var$ListBoxBase(props, ref) {
+const $3247d4a89e6094e9$export$1afdcf349979fb7e = /*#__PURE__*/ (0, $gF3QK$react).forwardRef(function ListBoxBase(props, ref) {
     let { layout: layout, state: state, shouldFocusOnHover: shouldFocusOnHover = false, shouldUseVirtualFocus: shouldUseVirtualFocus = false, domProps: domProps = {}, isLoading: isLoading, showLoadingSpinner: showLoadingSpinner = isLoading, onScroll: onScroll, renderEmptyState: renderEmptyState } = props;
     let objectRef = (0, $gF3QK$useObjectRef)(ref);
     let { listBoxProps: listBoxProps } = (0, $gF3QK$useListBox)({
@@ -122,10 +122,7 @@ function $3247d4a89e6094e9$export$25768ea656ae32a7() {
         else if (type === 'placeholder') return /*#__PURE__*/ (0, $gF3QK$react).createElement($3247d4a89e6094e9$var$EmptyState, null);
         else return null;
     }, []))));
-}
-// forwardRef doesn't support generic parameters, so cast the result to the correct type
-// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
-const $3247d4a89e6094e9$export$1afdcf349979fb7e = /*#__PURE__*/ (0, $gF3QK$react).forwardRef($3247d4a89e6094e9$var$ListBoxBase);
+});
 function $3247d4a89e6094e9$var$LoadingState() {
     let { state: state } = (0, $gF3QK$useContext)((0, $0c6f792811e33483$export$7ff8f37d2d81a48d));
     let stringFormatter = (0, $gF3QK$useLocalizedStringFormatter)((0, ($parcel$interopDefault($gF3QK$intlStringsmodulejs))), '@react-spectrum/listbox');

package/dist/ListBoxBase.module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/listbox/src/ListBoxBase.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, FocusStrategy, Node, RefObject, StyleProps} from '@react-types/shared';\nimport {AriaListBoxOptions, useListBox} from '@react-aria/listbox';\nimport {classNames, useStyleProps} from '@react-spectrum/utils';\nimport {FocusScope} from '@react-aria/focus';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ListBoxContext} from './ListBoxContext';\nimport {ListBoxLayout} from './ListBoxLayout';\nimport {ListBoxOption} from './ListBoxOption';\nimport {ListBoxSection} from './ListBoxSection';\nimport {ListState} from '@react-stately/list';\nimport {mergeProps, useObjectRef} from '@react-aria/utils';\nimport {ProgressCircle} from '@react-spectrum/progress';\nimport React, {ForwardedRef, HTMLAttributes, ReactElement, ReactNode, useCallback, useContext, useMemo} from 'react';\nimport {ReusableView} from '@react-stately/virtualizer';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProvider} from '@react-spectrum/provider';\nimport {Virtualizer, VirtualizerItem} from '@react-aria/virtualizer';\n\ninterface ListBoxBaseProps<T> extends AriaListBoxOptions<T>, DOMProps, AriaLabelingProps, StyleProps {\n  layout: ListBoxLayout<T>,\n  state: ListState<T>,\n  autoFocus?: boolean | FocusStrategy,\n  shouldFocusWrap?: boolean,\n  shouldSelectOnPressUp?: boolean,\n  focusOnPointerEnter?: boolean,\n  domProps?: HTMLAttributes<HTMLElement>,\n  disallowEmptySelection?: boolean,\n  shouldUseVirtualFocus?: boolean,\n  isLoading?: boolean,\n  showLoadingSpinner?: boolean,\n  onLoadMore?: () => void,\n  renderEmptyState?: () => ReactNode,\n  onScroll?: () => void\n}\n\n/** @private */\nexport function useListBoxLayout<T>(): ListBoxLayout<T> {\n  let {scale} = useProvider();\n  let layout = useMemo(() =>\n    new ListBoxLayout<T>({\n      estimatedRowHeight: scale === 'large' ? 48 : 32,\n      estimatedHeadingHeight: scale === 'large' ? 33 : 26,\n      padding: scale === 'large' ? 5 : 4, // TODO: get from DNA\n      placeholderHeight: scale === 'large' ? 48 : 32\n    })\n  , [scale]);\n\n  return layout;\n}\n\n/** @private */\nfunction ListBoxBase<T extends object>(props: ListBoxBaseProps<T>, ref: ForwardedRef<HTMLDivElement | null>) {\n  let {layout, state, shouldFocusOnHover = false, shouldUseVirtualFocus = false, domProps = {}, isLoading, showLoadingSpinner = isLoading, onScroll, renderEmptyState} = props;\n  let objectRef = useObjectRef(ref);\n  let {listBoxProps} = useListBox({\n    ...props,\n    layoutDelegate: layout,\n    isVirtualized: true\n  }, state, objectRef);\n  let {styleProps} = useStyleProps(props);\n\n  // This overrides collection view's renderWrapper to support hierarchy of items in sections.\n  // The header is extracted from the children so it can receive ARIA labeling properties.\n  type View = ReusableView<Node<T>, ReactNode>;\n  let renderWrapper = useCallback((parent: View | null, reusableView: View, children: View[], renderChildren: (views: View[]) => ReactElement[]) => {\n    if (reusableView.viewType === 'section') {\n      return (\n        <ListBoxSection\n          key={reusableView.key}\n          item={reusableView.content!}\n          layoutInfo={reusableView.layoutInfo!}\n          virtualizer={reusableView.virtualizer}\n          headerLayoutInfo={children.find(c => c.viewType === 'header')?.layoutInfo ?? null}>\n          {renderChildren(children.filter(c => c.viewType === 'item'))}\n        </ListBoxSection>\n      );\n    }\n\n    return (\n      <VirtualizerItem\n        key={reusableView.key}\n        layoutInfo={reusableView.layoutInfo!}\n        virtualizer={reusableView.virtualizer}\n        parent={parent?.layoutInfo}>\n        {reusableView.rendered}\n      </VirtualizerItem>\n    );\n  }, []);\n\n  let focusedKey = state.selectionManager.focusedKey;\n  let persistedKeys = useMemo(() => focusedKey != null ? new Set([focusedKey]) : null, [focusedKey]);\n\n  return (\n    <ListBoxContext.Provider value={{state, renderEmptyState, shouldFocusOnHover, shouldUseVirtualFocus}}>\n      <FocusScope>\n        <Virtualizer\n          {...styleProps}\n          {...mergeProps(listBoxProps, domProps)}\n          ref={objectRef}\n          persistedKeys={persistedKeys}\n          autoFocus={!!props.autoFocus || undefined}\n          scrollDirection=\"vertical\"\n          className={\n            classNames(\n              styles,\n              'spectrum-Menu',\n              styleProps.className\n            )\n          }\n          layout={layout}\n          layoutOptions={useMemo(() => ({\n            isLoading: showLoadingSpinner\n          }), [showLoadingSpinner])}\n          collection={state.collection}\n          renderWrapper={renderWrapper}\n          isLoading={isLoading}\n          onLoadMore={props.onLoadMore}\n          onScroll={onScroll}>\n          {useCallback((type, item: Node<T>): ReactNode => {\n            if (type === 'item') {\n              return <ListBoxOption item={item} />;\n            } else if (type === 'loader') {\n              return <LoadingState />;\n            } else if (type === 'placeholder') {\n              return <EmptyState />;\n            } else {\n              return null;\n            }\n          }, [])}\n        </Virtualizer>\n      </FocusScope>\n    </ListBoxContext.Provider>\n  );\n}\n\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\nconst _ListBoxBase = React.forwardRef(ListBoxBase) as <T>(props: ListBoxBaseProps<T> & {ref?: RefObject<HTMLDivElement | null>}) => ReactElement;\nexport {_ListBoxBase as ListBoxBase};\n\nfunction LoadingState() {\n  let {state} = useContext(ListBoxContext)!;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/listbox');\n  return (\n    // aria-selected isn't needed here since this option is not selectable.\n    // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n    <div role=\"option\" style={{display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100%'}}>\n      <ProgressCircle\n        isIndeterminate\n        size=\"S\"\n        aria-label={state.collection.size > 0 ? stringFormatter.format('loadingMore') : stringFormatter.format('loading')}\n        UNSAFE_className={classNames(styles, 'spectrum-Dropdown-progressCircle')} />\n    </div>\n  );\n}\n\nfunction EmptyState() {\n  let {renderEmptyState} = useContext(ListBoxContext)!;\n  let emptyState = renderEmptyState ? renderEmptyState() : null;\n  if (emptyState == null) {\n    return null;\n  }\n\n  return (\n    <div\n      // aria-selected isn't needed here since this option is not selectable.\n      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n      role=\"option\">\n      {emptyState}\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"ListBoxBase.module.js.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/listbox/src/ListBoxBase.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, FocusStrategy, Node, RefObject, StyleProps} from '@react-types/shared';\nimport {AriaListBoxOptions, useListBox} from '@react-aria/listbox';\nimport {classNames, useStyleProps} from '@react-spectrum/utils';\nimport {FocusScope} from '@react-aria/focus';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ListBoxContext} from './ListBoxContext';\nimport {ListBoxLayout} from './ListBoxLayout';\nimport {ListBoxOption} from './ListBoxOption';\nimport {ListBoxSection} from './ListBoxSection';\nimport {ListState} from '@react-stately/list';\nimport {mergeProps, useObjectRef} from '@react-aria/utils';\nimport {ProgressCircle} from '@react-spectrum/progress';\nimport React, {ForwardedRef, HTMLAttributes, ReactElement, ReactNode, useCallback, useContext, useMemo} from 'react';\nimport {ReusableView} from '@react-stately/virtualizer';\nimport styles from '@adobe/spectrum-css-temp/components/menu/vars.css';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProvider} from '@react-spectrum/provider';\nimport {Virtualizer, VirtualizerItem} from '@react-aria/virtualizer';\n\ninterface ListBoxBaseProps<T> extends AriaListBoxOptions<T>, DOMProps, AriaLabelingProps, StyleProps {\n  layout: ListBoxLayout<T>,\n  state: ListState<T>,\n  autoFocus?: boolean | FocusStrategy,\n  shouldFocusWrap?: boolean,\n  shouldSelectOnPressUp?: boolean,\n  focusOnPointerEnter?: boolean,\n  domProps?: HTMLAttributes<HTMLElement>,\n  disallowEmptySelection?: boolean,\n  shouldUseVirtualFocus?: boolean,\n  isLoading?: boolean,\n  showLoadingSpinner?: boolean,\n  onLoadMore?: () => void,\n  renderEmptyState?: () => ReactNode,\n  onScroll?: () => void\n}\n\n/** @private */\nexport function useListBoxLayout<T>(): ListBoxLayout<T> {\n  let {scale} = useProvider();\n  let layout = useMemo(() =>\n    new ListBoxLayout<T>({\n      estimatedRowHeight: scale === 'large' ? 48 : 32,\n      estimatedHeadingHeight: scale === 'large' ? 33 : 26,\n      padding: scale === 'large' ? 5 : 4, // TODO: get from DNA\n      placeholderHeight: scale === 'large' ? 48 : 32\n    })\n  , [scale]);\n\n  return layout;\n}\n\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\n/** @private */\nexport const ListBoxBase = React.forwardRef(function ListBoxBase<T extends object>(props: ListBoxBaseProps<T>, ref: ForwardedRef<HTMLDivElement | null>) {\n  let {layout, state, shouldFocusOnHover = false, shouldUseVirtualFocus = false, domProps = {}, isLoading, showLoadingSpinner = isLoading, onScroll, renderEmptyState} = props;\n  let objectRef = useObjectRef(ref);\n  let {listBoxProps} = useListBox({\n    ...props,\n    layoutDelegate: layout,\n    isVirtualized: true\n  }, state, objectRef);\n  let {styleProps} = useStyleProps(props);\n\n  // This overrides collection view's renderWrapper to support hierarchy of items in sections.\n  // The header is extracted from the children so it can receive ARIA labeling properties.\n  type View = ReusableView<Node<T>, ReactNode>;\n  let renderWrapper = useCallback((parent: View | null, reusableView: View, children: View[], renderChildren: (views: View[]) => ReactElement[]) => {\n    if (reusableView.viewType === 'section') {\n      return (\n        <ListBoxSection\n          key={reusableView.key}\n          item={reusableView.content!}\n          layoutInfo={reusableView.layoutInfo!}\n          virtualizer={reusableView.virtualizer}\n          headerLayoutInfo={children.find(c => c.viewType === 'header')?.layoutInfo ?? null}>\n          {renderChildren(children.filter(c => c.viewType === 'item'))}\n        </ListBoxSection>\n      );\n    }\n\n    return (\n      <VirtualizerItem\n        key={reusableView.key}\n        layoutInfo={reusableView.layoutInfo!}\n        virtualizer={reusableView.virtualizer}\n        parent={parent?.layoutInfo}>\n        {reusableView.rendered}\n      </VirtualizerItem>\n    );\n  }, []);\n\n  let focusedKey = state.selectionManager.focusedKey;\n  let persistedKeys = useMemo(() => focusedKey != null ? new Set([focusedKey]) : null, [focusedKey]);\n\n  return (\n    <ListBoxContext.Provider value={{state, renderEmptyState, shouldFocusOnHover, shouldUseVirtualFocus}}>\n      <FocusScope>\n        <Virtualizer\n          {...styleProps}\n          {...mergeProps(listBoxProps, domProps)}\n          ref={objectRef}\n          persistedKeys={persistedKeys}\n          autoFocus={!!props.autoFocus || undefined}\n          scrollDirection=\"vertical\"\n          className={\n            classNames(\n              styles,\n              'spectrum-Menu',\n              styleProps.className\n            )\n          }\n          layout={layout}\n          layoutOptions={useMemo(() => ({\n            isLoading: showLoadingSpinner\n          }), [showLoadingSpinner])}\n          collection={state.collection}\n          renderWrapper={renderWrapper}\n          isLoading={isLoading}\n          onLoadMore={props.onLoadMore}\n          onScroll={onScroll}>\n          {useCallback((type, item: Node<T>): ReactNode => {\n            if (type === 'item') {\n              return <ListBoxOption item={item} />;\n            } else if (type === 'loader') {\n              return <LoadingState />;\n            } else if (type === 'placeholder') {\n              return <EmptyState />;\n            } else {\n              return null;\n            }\n          }, [])}\n        </Virtualizer>\n      </FocusScope>\n    </ListBoxContext.Provider>\n  );\n}) as <T>(props: ListBoxBaseProps<T> & {ref?: RefObject<HTMLDivElement | null>}) => ReactElement;\n\nfunction LoadingState() {\n  let {state} = useContext(ListBoxContext)!;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/listbox');\n  return (\n    // aria-selected isn't needed here since this option is not selectable.\n    // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n    <div role=\"option\" style={{display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100%'}}>\n      <ProgressCircle\n        isIndeterminate\n        size=\"S\"\n        aria-label={state.collection.size > 0 ? stringFormatter.format('loadingMore') : stringFormatter.format('loading')}\n        UNSAFE_className={classNames(styles, 'spectrum-Dropdown-progressCircle')} />\n    </div>\n  );\n}\n\nfunction EmptyState() {\n  let {renderEmptyState} = useContext(ListBoxContext)!;\n  let emptyState = renderEmptyState ? renderEmptyState() : null;\n  if (emptyState == null) {\n    return null;\n  }\n\n  return (\n    <div\n      // aria-selected isn't needed here since this option is not selectable.\n      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n      role=\"option\">\n      {emptyState}\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"ListBoxBase.module.js.map"}

package/dist/ListBoxOption.main.js

@@ -1,5 +1,5 @@
 var $611e93c7b7c0413c$exports = require("./ListBoxContext.main.js");
-require("./vars.487ba452.css");
+require("./vars.e5f333b9.css");
 var $3deee0fd2b46e64f$exports = require("./menu_vars_css.main.js");
 var $8xmxv$spectrumiconsuiCheckmarkMedium = require("@spectrum-icons/ui/CheckmarkMedium");
 var $8xmxv$reactspectrumutils = require("@react-spectrum/utils");

package/dist/ListBoxOption.mjs

@@ -1,5 +1,5 @@
 import {ListBoxContext as $0c6f792811e33483$export$7ff8f37d2d81a48d} from "./ListBoxContext.mjs";
-import "./vars.487ba452.css";
+import "./vars.e5f333b9.css";
 import $6TrMC$menu_vars_cssmodulejs from "./menu_vars_css.mjs";
 import $6TrMC$spectrumiconsuiCheckmarkMedium from "@spectrum-icons/ui/CheckmarkMedium";
 import {classNames as $6TrMC$classNames, ClearSlots as $6TrMC$ClearSlots, SlotProvider as $6TrMC$SlotProvider} from "@react-spectrum/utils";

package/dist/ListBoxOption.module.js

@@ -1,5 +1,5 @@
 import {ListBoxContext as $0c6f792811e33483$export$7ff8f37d2d81a48d} from "./ListBoxContext.module.js";
-import "./vars.487ba452.css";
+import "./vars.e5f333b9.css";
 import $6TrMC$menu_vars_cssmodulejs from "./menu_vars_css.module.js";
 import $6TrMC$spectrumiconsuiCheckmarkMedium from "@spectrum-icons/ui/CheckmarkMedium";
 import {classNames as $6TrMC$classNames, ClearSlots as $6TrMC$ClearSlots, SlotProvider as $6TrMC$SlotProvider} from "@react-spectrum/utils";

package/dist/ListBoxSection.main.js

@@ -1,5 +1,5 @@
 var $611e93c7b7c0413c$exports = require("./ListBoxContext.main.js");
-require("./vars.487ba452.css");
+require("./vars.e5f333b9.css");
 var $3deee0fd2b46e64f$exports = require("./menu_vars_css.main.js");
 var $cCu2p$reactspectrumutils = require("@react-spectrum/utils");
 var $cCu2p$reactariavirtualizer = require("@react-aria/virtualizer");

package/dist/ListBoxSection.mjs

@@ -1,5 +1,5 @@
 import {ListBoxContext as $0c6f792811e33483$export$7ff8f37d2d81a48d} from "./ListBoxContext.mjs";
-import "./vars.487ba452.css";
+import "./vars.e5f333b9.css";
 import $dzUX8$menu_vars_cssmodulejs from "./menu_vars_css.mjs";
 import {classNames as $dzUX8$classNames} from "@react-spectrum/utils";
 import {useVirtualizerItem as $dzUX8$useVirtualizerItem, layoutInfoToStyle as $dzUX8$layoutInfoToStyle} from "@react-aria/virtualizer";

package/dist/ListBoxSection.module.js

@@ -1,5 +1,5 @@
 import {ListBoxContext as $0c6f792811e33483$export$7ff8f37d2d81a48d} from "./ListBoxContext.module.js";
-import "./vars.487ba452.css";
+import "./vars.e5f333b9.css";
 import $dzUX8$menu_vars_cssmodulejs from "./menu_vars_css.module.js";
 import {classNames as $dzUX8$classNames} from "@react-spectrum/utils";
 import {useVirtualizerItem as $dzUX8$useVirtualizerItem, layoutInfoToStyle as $dzUX8$layoutInfoToStyle} from "@react-aria/virtualizer";

package/dist/menu_vars_css.main.js

@@ -113,65 +113,65 @@ var $3deee0fd2b46e64f$export$6b954168165460e7;
 var $3deee0fd2b46e64f$export$6eb7afb010e5a05e;
 var $3deee0fd2b46e64f$export$f55221e0121f82e3;
 var $3deee0fd2b46e64f$export$6f093cfa640b7166;
-$3deee0fd2b46e64f$export$292abbf31ed842a = `mkz4ua_checkmark`;
-$3deee0fd2b46e64f$export$980c1089c0604ea3 = `mkz4ua_chevron`;
-$3deee0fd2b46e64f$export$6d59db4903f20f7d = `mkz4ua_description`;
-$3deee0fd2b46e64f$export$bd5df0f255a350f8 = `mkz4ua_end`;
-$3deee0fd2b46e64f$export$f39a09f249340e2a = `mkz4ua_focus-ring`;
-$3deee0fd2b46e64f$export$8c4ee2c50c22c514 = `mkz4ua_i18nFontFamily`;
-$3deee0fd2b46e64f$export$1ca1ec8b29a4ce27 = `mkz4ua_icon`;
-$3deee0fd2b46e64f$export$20fd0f7cd4e6112f = `mkz4ua_is-active`;
-$3deee0fd2b46e64f$export$d35bc1e505d1ebbf = `mkz4ua_is-disabled`;
-$3deee0fd2b46e64f$export$911ebb89bba4b634 = `mkz4ua_is-expanded`;
-$3deee0fd2b46e64f$export$e7dc768d35940237 = `mkz4ua_is-focused`;
-$3deee0fd2b46e64f$export$451c613d0772eb99 = `mkz4ua_is-highlighted`;
-$3deee0fd2b46e64f$export$b8813cd5d7824ce7 = `mkz4ua_is-hovered`;
-$3deee0fd2b46e64f$export$a9781837241c946d = `mkz4ua_is-open`;
-$3deee0fd2b46e64f$export$fbd22ba224473193 = `mkz4ua_is-selectable`;
-$3deee0fd2b46e64f$export$1e0fb04f31d3c22a = `mkz4ua_is-selected`;
-$3deee0fd2b46e64f$export$cfdd767f5a513509 = `mkz4ua_keyboard`;
-$3deee0fd2b46e64f$export$cd927b4666be507 = `mkz4ua_slideInFromLeft`;
+$3deee0fd2b46e64f$export$292abbf31ed842a = `dIo7iW_checkmark`;
+$3deee0fd2b46e64f$export$980c1089c0604ea3 = `dIo7iW_chevron`;
+$3deee0fd2b46e64f$export$6d59db4903f20f7d = `dIo7iW_description`;
+$3deee0fd2b46e64f$export$bd5df0f255a350f8 = `dIo7iW_end`;
+$3deee0fd2b46e64f$export$f39a09f249340e2a = `dIo7iW_focus-ring`;
+$3deee0fd2b46e64f$export$8c4ee2c50c22c514 = `dIo7iW_i18nFontFamily`;
+$3deee0fd2b46e64f$export$1ca1ec8b29a4ce27 = `dIo7iW_icon`;
+$3deee0fd2b46e64f$export$20fd0f7cd4e6112f = `dIo7iW_is-active`;
+$3deee0fd2b46e64f$export$d35bc1e505d1ebbf = `dIo7iW_is-disabled`;
+$3deee0fd2b46e64f$export$911ebb89bba4b634 = `dIo7iW_is-expanded`;
+$3deee0fd2b46e64f$export$e7dc768d35940237 = `dIo7iW_is-focused`;
+$3deee0fd2b46e64f$export$451c613d0772eb99 = `dIo7iW_is-highlighted`;
+$3deee0fd2b46e64f$export$b8813cd5d7824ce7 = `dIo7iW_is-hovered`;
+$3deee0fd2b46e64f$export$a9781837241c946d = `dIo7iW_is-open`;
+$3deee0fd2b46e64f$export$fbd22ba224473193 = `dIo7iW_is-selectable`;
+$3deee0fd2b46e64f$export$1e0fb04f31d3c22a = `dIo7iW_is-selected`;
+$3deee0fd2b46e64f$export$cfdd767f5a513509 = `dIo7iW_keyboard`;
+$3deee0fd2b46e64f$export$cd927b4666be507 = `dIo7iW_slideInFromLeft`;
 $3deee0fd2b46e64f$export$cd927b4666be507;
-$3deee0fd2b46e64f$export$18c5d97e4260ebf8 = `mkz4ua_slideInFromRight`;
+$3deee0fd2b46e64f$export$18c5d97e4260ebf8 = `dIo7iW_slideInFromRight`;
 $3deee0fd2b46e64f$export$18c5d97e4260ebf8;
-$3deee0fd2b46e64f$export$288baa3931e3ffec = `mkz4ua_slideOutToLeft`;
+$3deee0fd2b46e64f$export$288baa3931e3ffec = `dIo7iW_slideOutToLeft`;
 $3deee0fd2b46e64f$export$288baa3931e3ffec;
-$3deee0fd2b46e64f$export$37de59e6c58ecf84 = `mkz4ua_slideOutToRight`;
+$3deee0fd2b46e64f$export$37de59e6c58ecf84 = `dIo7iW_slideOutToRight`;
 $3deee0fd2b46e64f$export$37de59e6c58ecf84;
-$3deee0fd2b46e64f$export$4109102f950813a6 = `mkz4ua_spectrum-FocusRing-ring`;
-$3deee0fd2b46e64f$export$24c7f46a6e3605dd = `mkz4ua_spectrum-FocusRing ${$3deee0fd2b46e64f$export$4109102f950813a6}`;
-$3deee0fd2b46e64f$export$2927016961429360 = `mkz4ua_spectrum-FocusRing--quiet`;
-$3deee0fd2b46e64f$export$d374b04f30360026 = `mkz4ua_spectrum-Icon`;
-$3deee0fd2b46e64f$export$fae6af6decd50ac5 = `mkz4ua_spectrum-Menu`;
-$3deee0fd2b46e64f$export$944daf9b7d423a02 = `mkz4ua_spectrum-Menu-avatar`;
-$3deee0fd2b46e64f$export$8e15a726e4f7e62d = `mkz4ua_spectrum-Menu-checkmark`;
-$3deee0fd2b46e64f$export$ca45e0db366b8e6c = `mkz4ua_spectrum-Menu-chevron`;
-$3deee0fd2b46e64f$export$36f1275051e39ead = `mkz4ua_spectrum-Menu-description`;
-$3deee0fd2b46e64f$export$e892026f534efed8 = `mkz4ua_spectrum-Menu-divider`;
-$3deee0fd2b46e64f$export$926a1bb74ed65667 = `mkz4ua_spectrum-Menu-end`;
-$3deee0fd2b46e64f$export$cbbae63ef9e44c7a = `mkz4ua_spectrum-Menu-icon`;
-$3deee0fd2b46e64f$export$45faad328e6c532b = `mkz4ua_spectrum-Menu-item`;
-$3deee0fd2b46e64f$export$ee5f52784f57f9c8 = `mkz4ua_spectrum-Menu-itemGrid`;
-$3deee0fd2b46e64f$export$f431001e1bb54633 = `mkz4ua_spectrum-Menu-itemIcon`;
-$3deee0fd2b46e64f$export$1aa6419c5c650567 = `mkz4ua_spectrum-Menu-itemLabel`;
-$3deee0fd2b46e64f$export$465092164a8e1d98 = `mkz4ua_spectrum-Menu-itemLabel--wrapping`;
-$3deee0fd2b46e64f$export$4f9817a7dff6ba0f = `mkz4ua_spectrum-Menu-keyboard`;
-$3deee0fd2b46e64f$export$d959f30786125b = `mkz4ua_spectrum-Menu-popover`;
-$3deee0fd2b46e64f$export$dae331c15950f1e = `mkz4ua_spectrum-Menu-section--isFirst`;
-$3deee0fd2b46e64f$export$9778864c5b622fbc = `mkz4ua_spectrum-Menu-section--isLast`;
-$3deee0fd2b46e64f$export$8b61ec49b96ad17e = `mkz4ua_spectrum-Menu-section--noHeading`;
-$3deee0fd2b46e64f$export$c20ea4b35020fbdd = `mkz4ua_spectrum-Menu-sectionHeading`;
-$3deee0fd2b46e64f$export$d7e47bfca92b5744 = `mkz4ua_spectrum-Menu-subdialog`;
-$3deee0fd2b46e64f$export$76d36e55740ad742 = `mkz4ua_spectrum-Menu-wrapper`;
-$3deee0fd2b46e64f$export$c873119be41fdb72 = `mkz4ua_spectrum-Menu-wrapper--isMobile`;
-$3deee0fd2b46e64f$export$c830d2588e34dae1 = `mkz4ua_spectrum-Submenu-heading`;
-$3deee0fd2b46e64f$export$d3fc690f61339a08 = `mkz4ua_spectrum-Submenu-headingWrapper`;
-$3deee0fd2b46e64f$export$fe967dac6207a986 = `mkz4ua_spectrum-Submenu-popover`;
-$3deee0fd2b46e64f$export$158cbd6607d36c4e = `mkz4ua_spectrum-Submenu-wrapper`;
-$3deee0fd2b46e64f$export$6b954168165460e7 = `mkz4ua_spectrum-Submenu-wrapper--isMobile`;
-$3deee0fd2b46e64f$export$6eb7afb010e5a05e = `mkz4ua_spectrum-TraySubmenu-enter`;
-$3deee0fd2b46e64f$export$f55221e0121f82e3 = `mkz4ua_spectrum-TraySubmenu-exit`;
-$3deee0fd2b46e64f$export$6f093cfa640b7166 = `mkz4ua_text`;
+$3deee0fd2b46e64f$export$4109102f950813a6 = `dIo7iW_spectrum-FocusRing-ring`;
+$3deee0fd2b46e64f$export$24c7f46a6e3605dd = `dIo7iW_spectrum-FocusRing ${$3deee0fd2b46e64f$export$4109102f950813a6}`;
+$3deee0fd2b46e64f$export$2927016961429360 = `dIo7iW_spectrum-FocusRing--quiet`;
+$3deee0fd2b46e64f$export$d374b04f30360026 = `dIo7iW_spectrum-Icon`;
+$3deee0fd2b46e64f$export$fae6af6decd50ac5 = `dIo7iW_spectrum-Menu`;
+$3deee0fd2b46e64f$export$944daf9b7d423a02 = `dIo7iW_spectrum-Menu-avatar`;
+$3deee0fd2b46e64f$export$8e15a726e4f7e62d = `dIo7iW_spectrum-Menu-checkmark`;
+$3deee0fd2b46e64f$export$ca45e0db366b8e6c = `dIo7iW_spectrum-Menu-chevron`;
+$3deee0fd2b46e64f$export$36f1275051e39ead = `dIo7iW_spectrum-Menu-description`;
+$3deee0fd2b46e64f$export$e892026f534efed8 = `dIo7iW_spectrum-Menu-divider`;
+$3deee0fd2b46e64f$export$926a1bb74ed65667 = `dIo7iW_spectrum-Menu-end`;
+$3deee0fd2b46e64f$export$cbbae63ef9e44c7a = `dIo7iW_spectrum-Menu-icon`;
+$3deee0fd2b46e64f$export$45faad328e6c532b = `dIo7iW_spectrum-Menu-item`;
+$3deee0fd2b46e64f$export$ee5f52784f57f9c8 = `dIo7iW_spectrum-Menu-itemGrid`;
+$3deee0fd2b46e64f$export$f431001e1bb54633 = `dIo7iW_spectrum-Menu-itemIcon`;
+$3deee0fd2b46e64f$export$1aa6419c5c650567 = `dIo7iW_spectrum-Menu-itemLabel`;
+$3deee0fd2b46e64f$export$465092164a8e1d98 = `dIo7iW_spectrum-Menu-itemLabel--wrapping`;
+$3deee0fd2b46e64f$export$4f9817a7dff6ba0f = `dIo7iW_spectrum-Menu-keyboard`;
+$3deee0fd2b46e64f$export$d959f30786125b = `dIo7iW_spectrum-Menu-popover`;
+$3deee0fd2b46e64f$export$dae331c15950f1e = `dIo7iW_spectrum-Menu-section--isFirst`;
+$3deee0fd2b46e64f$export$9778864c5b622fbc = `dIo7iW_spectrum-Menu-section--isLast`;
+$3deee0fd2b46e64f$export$8b61ec49b96ad17e = `dIo7iW_spectrum-Menu-section--noHeading`;
+$3deee0fd2b46e64f$export$c20ea4b35020fbdd = `dIo7iW_spectrum-Menu-sectionHeading`;
+$3deee0fd2b46e64f$export$d7e47bfca92b5744 = `dIo7iW_spectrum-Menu-subdialog`;
+$3deee0fd2b46e64f$export$76d36e55740ad742 = `dIo7iW_spectrum-Menu-wrapper`;
+$3deee0fd2b46e64f$export$c873119be41fdb72 = `dIo7iW_spectrum-Menu-wrapper--isMobile`;
+$3deee0fd2b46e64f$export$c830d2588e34dae1 = `dIo7iW_spectrum-Submenu-heading`;
+$3deee0fd2b46e64f$export$d3fc690f61339a08 = `dIo7iW_spectrum-Submenu-headingWrapper`;
+$3deee0fd2b46e64f$export$fe967dac6207a986 = `dIo7iW_spectrum-Submenu-popover`;
+$3deee0fd2b46e64f$export$158cbd6607d36c4e = `dIo7iW_spectrum-Submenu-wrapper`;
+$3deee0fd2b46e64f$export$6b954168165460e7 = `dIo7iW_spectrum-Submenu-wrapper--isMobile`;
+$3deee0fd2b46e64f$export$6eb7afb010e5a05e = `dIo7iW_spectrum-TraySubmenu-enter`;
+$3deee0fd2b46e64f$export$f55221e0121f82e3 = `dIo7iW_spectrum-TraySubmenu-exit`;
+$3deee0fd2b46e64f$export$6f093cfa640b7166 = `dIo7iW_text`;
 
 
 //# sourceMappingURL=menu_vars_css.main.js.map

package/dist/menu_vars_css.mjs

@@ -114,65 +114,65 @@ var $286d1cb34bb7dc84$export$6b954168165460e7;
 var $286d1cb34bb7dc84$export$6eb7afb010e5a05e;
 var $286d1cb34bb7dc84$export$f55221e0121f82e3;
 var $286d1cb34bb7dc84$export$6f093cfa640b7166;
-$286d1cb34bb7dc84$export$292abbf31ed842a = `mkz4ua_checkmark`;
-$286d1cb34bb7dc84$export$980c1089c0604ea3 = `mkz4ua_chevron`;
-$286d1cb34bb7dc84$export$6d59db4903f20f7d = `mkz4ua_description`;
-$286d1cb34bb7dc84$export$bd5df0f255a350f8 = `mkz4ua_end`;
-$286d1cb34bb7dc84$export$f39a09f249340e2a = `mkz4ua_focus-ring`;
-$286d1cb34bb7dc84$export$8c4ee2c50c22c514 = `mkz4ua_i18nFontFamily`;
-$286d1cb34bb7dc84$export$1ca1ec8b29a4ce27 = `mkz4ua_icon`;
-$286d1cb34bb7dc84$export$20fd0f7cd4e6112f = `mkz4ua_is-active`;
-$286d1cb34bb7dc84$export$d35bc1e505d1ebbf = `mkz4ua_is-disabled`;
-$286d1cb34bb7dc84$export$911ebb89bba4b634 = `mkz4ua_is-expanded`;
-$286d1cb34bb7dc84$export$e7dc768d35940237 = `mkz4ua_is-focused`;
-$286d1cb34bb7dc84$export$451c613d0772eb99 = `mkz4ua_is-highlighted`;
-$286d1cb34bb7dc84$export$b8813cd5d7824ce7 = `mkz4ua_is-hovered`;
-$286d1cb34bb7dc84$export$a9781837241c946d = `mkz4ua_is-open`;
-$286d1cb34bb7dc84$export$fbd22ba224473193 = `mkz4ua_is-selectable`;
-$286d1cb34bb7dc84$export$1e0fb04f31d3c22a = `mkz4ua_is-selected`;
-$286d1cb34bb7dc84$export$cfdd767f5a513509 = `mkz4ua_keyboard`;
-$286d1cb34bb7dc84$export$cd927b4666be507 = `mkz4ua_slideInFromLeft`;
+$286d1cb34bb7dc84$export$292abbf31ed842a = `dIo7iW_checkmark`;
+$286d1cb34bb7dc84$export$980c1089c0604ea3 = `dIo7iW_chevron`;
+$286d1cb34bb7dc84$export$6d59db4903f20f7d = `dIo7iW_description`;
+$286d1cb34bb7dc84$export$bd5df0f255a350f8 = `dIo7iW_end`;
+$286d1cb34bb7dc84$export$f39a09f249340e2a = `dIo7iW_focus-ring`;
+$286d1cb34bb7dc84$export$8c4ee2c50c22c514 = `dIo7iW_i18nFontFamily`;
+$286d1cb34bb7dc84$export$1ca1ec8b29a4ce27 = `dIo7iW_icon`;
+$286d1cb34bb7dc84$export$20fd0f7cd4e6112f = `dIo7iW_is-active`;
+$286d1cb34bb7dc84$export$d35bc1e505d1ebbf = `dIo7iW_is-disabled`;
+$286d1cb34bb7dc84$export$911ebb89bba4b634 = `dIo7iW_is-expanded`;
+$286d1cb34bb7dc84$export$e7dc768d35940237 = `dIo7iW_is-focused`;
+$286d1cb34bb7dc84$export$451c613d0772eb99 = `dIo7iW_is-highlighted`;
+$286d1cb34bb7dc84$export$b8813cd5d7824ce7 = `dIo7iW_is-hovered`;
+$286d1cb34bb7dc84$export$a9781837241c946d = `dIo7iW_is-open`;
+$286d1cb34bb7dc84$export$fbd22ba224473193 = `dIo7iW_is-selectable`;
+$286d1cb34bb7dc84$export$1e0fb04f31d3c22a = `dIo7iW_is-selected`;
+$286d1cb34bb7dc84$export$cfdd767f5a513509 = `dIo7iW_keyboard`;
+$286d1cb34bb7dc84$export$cd927b4666be507 = `dIo7iW_slideInFromLeft`;
 $286d1cb34bb7dc84$export$cd927b4666be507;
-$286d1cb34bb7dc84$export$18c5d97e4260ebf8 = `mkz4ua_slideInFromRight`;
+$286d1cb34bb7dc84$export$18c5d97e4260ebf8 = `dIo7iW_slideInFromRight`;
 $286d1cb34bb7dc84$export$18c5d97e4260ebf8;
-$286d1cb34bb7dc84$export$288baa3931e3ffec = `mkz4ua_slideOutToLeft`;
+$286d1cb34bb7dc84$export$288baa3931e3ffec = `dIo7iW_slideOutToLeft`;
 $286d1cb34bb7dc84$export$288baa3931e3ffec;
-$286d1cb34bb7dc84$export$37de59e6c58ecf84 = `mkz4ua_slideOutToRight`;
+$286d1cb34bb7dc84$export$37de59e6c58ecf84 = `dIo7iW_slideOutToRight`;
 $286d1cb34bb7dc84$export$37de59e6c58ecf84;
-$286d1cb34bb7dc84$export$4109102f950813a6 = `mkz4ua_spectrum-FocusRing-ring`;
-$286d1cb34bb7dc84$export$24c7f46a6e3605dd = `mkz4ua_spectrum-FocusRing ${$286d1cb34bb7dc84$export$4109102f950813a6}`;
-$286d1cb34bb7dc84$export$2927016961429360 = `mkz4ua_spectrum-FocusRing--quiet`;
-$286d1cb34bb7dc84$export$d374b04f30360026 = `mkz4ua_spectrum-Icon`;
-$286d1cb34bb7dc84$export$fae6af6decd50ac5 = `mkz4ua_spectrum-Menu`;
-$286d1cb34bb7dc84$export$944daf9b7d423a02 = `mkz4ua_spectrum-Menu-avatar`;
-$286d1cb34bb7dc84$export$8e15a726e4f7e62d = `mkz4ua_spectrum-Menu-checkmark`;
-$286d1cb34bb7dc84$export$ca45e0db366b8e6c = `mkz4ua_spectrum-Menu-chevron`;
-$286d1cb34bb7dc84$export$36f1275051e39ead = `mkz4ua_spectrum-Menu-description`;
-$286d1cb34bb7dc84$export$e892026f534efed8 = `mkz4ua_spectrum-Menu-divider`;
-$286d1cb34bb7dc84$export$926a1bb74ed65667 = `mkz4ua_spectrum-Menu-end`;
-$286d1cb34bb7dc84$export$cbbae63ef9e44c7a = `mkz4ua_spectrum-Menu-icon`;
-$286d1cb34bb7dc84$export$45faad328e6c532b = `mkz4ua_spectrum-Menu-item`;
-$286d1cb34bb7dc84$export$ee5f52784f57f9c8 = `mkz4ua_spectrum-Menu-itemGrid`;
-$286d1cb34bb7dc84$export$f431001e1bb54633 = `mkz4ua_spectrum-Menu-itemIcon`;
-$286d1cb34bb7dc84$export$1aa6419c5c650567 = `mkz4ua_spectrum-Menu-itemLabel`;
-$286d1cb34bb7dc84$export$465092164a8e1d98 = `mkz4ua_spectrum-Menu-itemLabel--wrapping`;
-$286d1cb34bb7dc84$export$4f9817a7dff6ba0f = `mkz4ua_spectrum-Menu-keyboard`;
-$286d1cb34bb7dc84$export$d959f30786125b = `mkz4ua_spectrum-Menu-popover`;
-$286d1cb34bb7dc84$export$dae331c15950f1e = `mkz4ua_spectrum-Menu-section--isFirst`;
-$286d1cb34bb7dc84$export$9778864c5b622fbc = `mkz4ua_spectrum-Menu-section--isLast`;
-$286d1cb34bb7dc84$export$8b61ec49b96ad17e = `mkz4ua_spectrum-Menu-section--noHeading`;
-$286d1cb34bb7dc84$export$c20ea4b35020fbdd = `mkz4ua_spectrum-Menu-sectionHeading`;
-$286d1cb34bb7dc84$export$d7e47bfca92b5744 = `mkz4ua_spectrum-Menu-subdialog`;
-$286d1cb34bb7dc84$export$76d36e55740ad742 = `mkz4ua_spectrum-Menu-wrapper`;
-$286d1cb34bb7dc84$export$c873119be41fdb72 = `mkz4ua_spectrum-Menu-wrapper--isMobile`;
-$286d1cb34bb7dc84$export$c830d2588e34dae1 = `mkz4ua_spectrum-Submenu-heading`;
-$286d1cb34bb7dc84$export$d3fc690f61339a08 = `mkz4ua_spectrum-Submenu-headingWrapper`;
-$286d1cb34bb7dc84$export$fe967dac6207a986 = `mkz4ua_spectrum-Submenu-popover`;
-$286d1cb34bb7dc84$export$158cbd6607d36c4e = `mkz4ua_spectrum-Submenu-wrapper`;
-$286d1cb34bb7dc84$export$6b954168165460e7 = `mkz4ua_spectrum-Submenu-wrapper--isMobile`;
-$286d1cb34bb7dc84$export$6eb7afb010e5a05e = `mkz4ua_spectrum-TraySubmenu-enter`;
-$286d1cb34bb7dc84$export$f55221e0121f82e3 = `mkz4ua_spectrum-TraySubmenu-exit`;
-$286d1cb34bb7dc84$export$6f093cfa640b7166 = `mkz4ua_text`;
+$286d1cb34bb7dc84$export$4109102f950813a6 = `dIo7iW_spectrum-FocusRing-ring`;
+$286d1cb34bb7dc84$export$24c7f46a6e3605dd = `dIo7iW_spectrum-FocusRing ${$286d1cb34bb7dc84$export$4109102f950813a6}`;
+$286d1cb34bb7dc84$export$2927016961429360 = `dIo7iW_spectrum-FocusRing--quiet`;
+$286d1cb34bb7dc84$export$d374b04f30360026 = `dIo7iW_spectrum-Icon`;
+$286d1cb34bb7dc84$export$fae6af6decd50ac5 = `dIo7iW_spectrum-Menu`;
+$286d1cb34bb7dc84$export$944daf9b7d423a02 = `dIo7iW_spectrum-Menu-avatar`;
+$286d1cb34bb7dc84$export$8e15a726e4f7e62d = `dIo7iW_spectrum-Menu-checkmark`;
+$286d1cb34bb7dc84$export$ca45e0db366b8e6c = `dIo7iW_spectrum-Menu-chevron`;
+$286d1cb34bb7dc84$export$36f1275051e39ead = `dIo7iW_spectrum-Menu-description`;
+$286d1cb34bb7dc84$export$e892026f534efed8 = `dIo7iW_spectrum-Menu-divider`;
+$286d1cb34bb7dc84$export$926a1bb74ed65667 = `dIo7iW_spectrum-Menu-end`;
+$286d1cb34bb7dc84$export$cbbae63ef9e44c7a = `dIo7iW_spectrum-Menu-icon`;
+$286d1cb34bb7dc84$export$45faad328e6c532b = `dIo7iW_spectrum-Menu-item`;
+$286d1cb34bb7dc84$export$ee5f52784f57f9c8 = `dIo7iW_spectrum-Menu-itemGrid`;
+$286d1cb34bb7dc84$export$f431001e1bb54633 = `dIo7iW_spectrum-Menu-itemIcon`;
+$286d1cb34bb7dc84$export$1aa6419c5c650567 = `dIo7iW_spectrum-Menu-itemLabel`;
+$286d1cb34bb7dc84$export$465092164a8e1d98 = `dIo7iW_spectrum-Menu-itemLabel--wrapping`;
+$286d1cb34bb7dc84$export$4f9817a7dff6ba0f = `dIo7iW_spectrum-Menu-keyboard`;
+$286d1cb34bb7dc84$export$d959f30786125b = `dIo7iW_spectrum-Menu-popover`;
+$286d1cb34bb7dc84$export$dae331c15950f1e = `dIo7iW_spectrum-Menu-section--isFirst`;
+$286d1cb34bb7dc84$export$9778864c5b622fbc = `dIo7iW_spectrum-Menu-section--isLast`;
+$286d1cb34bb7dc84$export$8b61ec49b96ad17e = `dIo7iW_spectrum-Menu-section--noHeading`;
+$286d1cb34bb7dc84$export$c20ea4b35020fbdd = `dIo7iW_spectrum-Menu-sectionHeading`;
+$286d1cb34bb7dc84$export$d7e47bfca92b5744 = `dIo7iW_spectrum-Menu-subdialog`;
+$286d1cb34bb7dc84$export$76d36e55740ad742 = `dIo7iW_spectrum-Menu-wrapper`;
+$286d1cb34bb7dc84$export$c873119be41fdb72 = `dIo7iW_spectrum-Menu-wrapper--isMobile`;
+$286d1cb34bb7dc84$export$c830d2588e34dae1 = `dIo7iW_spectrum-Submenu-heading`;
+$286d1cb34bb7dc84$export$d3fc690f61339a08 = `dIo7iW_spectrum-Submenu-headingWrapper`;
+$286d1cb34bb7dc84$export$fe967dac6207a986 = `dIo7iW_spectrum-Submenu-popover`;
+$286d1cb34bb7dc84$export$158cbd6607d36c4e = `dIo7iW_spectrum-Submenu-wrapper`;
+$286d1cb34bb7dc84$export$6b954168165460e7 = `dIo7iW_spectrum-Submenu-wrapper--isMobile`;
+$286d1cb34bb7dc84$export$6eb7afb010e5a05e = `dIo7iW_spectrum-TraySubmenu-enter`;
+$286d1cb34bb7dc84$export$f55221e0121f82e3 = `dIo7iW_spectrum-TraySubmenu-exit`;
+$286d1cb34bb7dc84$export$6f093cfa640b7166 = `dIo7iW_text`;
 
 
 export {$286d1cb34bb7dc84$exports as default};