@adobe/react-spectrum 3.47.0 → 3.47.2

package/dist/private/actionbar/ActionBar.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;AAqDM,MAAM,0DAAY,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,UAA4B,KAAgC,EAAE,GAA2B;IAC1I,IAAI,SAAS,MAAM,iBAAiB,KAAK;IACzC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,0DAAC,CAAA,GAAA,wCAAa;QACZ,SAAS;QACT,IAAI;QACJ,cAAA;QACA,eAAA;qBACA,0DAAC;QAAuB,GAAG,KAAK;QAAE,KAAK;;AAG7C;AAMA,SAAS,qCAAkB,KAA6B,EAAE,GAAwB;IAChF,QAAQ,CAAA,GAAA,0CAAe,EAAE;IAEzB,IAAI,YACF,QAAQ,gBACR,YAAY,YACZ,QAAQ,oBACR,gBAAgB,qBAChB,iBAAiB,UACjB,MAAM,uBACN,sBAAsB,mBACtB,KAAK,gBACL,YAAY,EACb,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAEhE,mHAAmH;IACnH,IAAI,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,qBAAO,EAAE;IACzC,IAAI,AAAC,CAAA,sBAAsB,SAAS,oBAAoB,CAAA,KAAM,sBAAsB,WAClF,aAAa;IAGf,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,uCAAU,EAAE;QAChC,WAAU,CAAC;YACT,IAAI,EAAE,GAAG,KAAK,UAAU;gBACtB,EAAE,cAAc;gBAChB;YACF;QACF;IACF;IAEA,yCAAyC;IACzC,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,UAAU,OAAO,EAAE;YACrB,UAAU,OAAO,GAAG;YACpB,CAAA,GAAA,0DAAO,EAAE,gBAAgB,MAAM,CAAC;QAClC;IACF,GAAG;QAAC;KAAgB;IAEpB,qBACE,0DAAC,CAAA,GAAA,qCAAS;QAAE,cAAA;qBACV,0DAAC;QACE,GAAG,CAAA,GAAA,6CAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACb,GAAG,aAAa;QACjB,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL,4BAA4B;YAC1B,wCAAwC;YACxC,WAAW;QACb,GACA,WAAW,SAAS;qBAEtB,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBACjC,0DAAC,CAAA,GAAA,qCAAU;QACT,OAAO;QACP,cAAY,gBAAgB,MAAM,CAAC;QACnC,SAAA;QACA,aAAa,eAAe,UAAU;QACtC,cAAa;QACb,qBAAqB;QACrB,UAAU;QACV,cAAc;QACd,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OACpC,yBAEH,0DAAC,CAAA,GAAA,sCAAW;QACV,UAAU,CAAA,GAAA,mDAAK,EAAE,KAAK;QACtB,cAAY,gBAAgB,MAAM,CAAC;QACnC,SAAS,IAAM;QACf,SAAA;QACA,aAAa,eAAe,UAAU;qBACtC,0DAAC,CAAA,GAAA,0DAAS,yBAEZ,0DAAC,CAAA,GAAA,8BAAG;QAAE,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OACxC,cAAc,QACX,gBAAgB,MAAM,CAAC,iBACvB,gBAAgB,MAAM,CAAC,YAAY;QAAC,OAAO;IAAS;AAMpE;AAEA,MAAM,4DAAwB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC","sources":["packages/@adobe/react-spectrum/src/actionbar/ActionBar.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 {ActionButton} from '../button/ActionButton';\n\nimport {ActionGroup} from '../actiongroup/ActionGroup';\nimport {announce} from 'react-aria/private/live-announcer/LiveAnnouncer';\nimport {classNames} from '../utils/classNames';\nimport CrossLarge from '@spectrum-icons/ui/CrossLarge';\nimport {DOMProps, DOMRef, ItemElement, ItemRenderer, Key, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport intlMessages from '../../intl/actionbar/*.json';\nimport {OpenTransition} from '../overlays/OpenTransition';\n// @ts-ignore\nimport React, {ReactElement, Ref, useEffect, useRef, useState} from 'react';\nimport styles from './actionbar.css';\nimport {Text} from '../text/Text';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useKeyboard} from 'react-aria/useKeyboard';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface ActionBarProps<T> {\n  /** An list of `Item` elements or a function. If the latter, a list of items must be provided using the `items` prop. */\n  children: ItemElement<T> | ItemElement<T>[] | ItemRenderer<T>,\n  /** A list of items to display as children. Must be used with a function as the sole child. */\n  items?: Iterable<T>,\n  /** A list of keys to disable. */\n  disabledKeys?: Iterable<Key>,\n  /** The number of selected items that the ActionBar is currently linked to. If 0, the ActionBar is hidden. */\n  selectedItemCount: number | 'all',\n  /** Handler that is called when the ActionBar clear button is pressed. */\n  onClearSelection: () => void,\n  /** Whether the ActionBar should be displayed with a emphasized style. */\n  isEmphasized?: boolean,\n  /** Handler that is called when an ActionBar button is pressed. */\n  onAction?: (key: Key) => void,\n  /**\n   * Defines when the text within the buttons should be hidden and only the icon should be shown.\n   * When set to 'hide', the text is always shown in a tooltip. When set to 'collapse', the text is visible\n   * if space is available, and hidden when space is limited. The text is always visible when the item\n   * is collapsed into a menu.\n   * @default 'collapse'\n   */\n  buttonLabelBehavior?: 'show' | 'collapse' | 'hide'\n}\n\nexport interface SpectrumActionBarProps<T> extends ActionBarProps<T>, DOMProps, StyleProps {}\n\n/**\n * Action bars are used for single and bulk selection patterns when a user needs to perform actions on one or more items at the same time.\n */\nexport const ActionBar = React.forwardRef(function ActionBar<T extends object>(props: SpectrumActionBarProps<T>, ref: DOMRef<HTMLDivElement>) {\n  let isOpen = props.selectedItemCount !== 0;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <OpenTransition\n      nodeRef={domRef}\n      in={isOpen}\n      mountOnEnter\n      unmountOnExit>\n      <ActionBarInnerWithRef {...props} ref={domRef} />\n    </OpenTransition>\n  );\n}) as <T>(props: SpectrumActionBarProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\ninterface ActionBarInnerProps<T> extends SpectrumActionBarProps<T> {\n  isOpen?: boolean\n}\n\nfunction ActionBarInner<T>(props: ActionBarInnerProps<T>, ref: Ref<HTMLDivElement>) {\n  props = useProviderProps(props);\n\n  let {\n    children,\n    isEmphasized,\n    onAction,\n    onClearSelection,\n    selectedItemCount,\n    isOpen,\n    buttonLabelBehavior = 'collapse',\n    items,\n    disabledKeys\n  } = props;\n\n  let {styleProps} = useStyleProps(props);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/actionbar');\n\n  // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.\n  let [lastCount, setLastCount] = useState(selectedItemCount);\n  if ((selectedItemCount === 'all' || selectedItemCount > 0) && selectedItemCount !== lastCount) {\n    setLastCount(selectedItemCount);\n  }\n\n  let {keyboardProps} = useKeyboard({\n    onKeyDown(e) {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onClearSelection();\n      }\n    }\n  });\n\n  // Announce \"actions available\" on mount.\n  let isInitial = useRef(true);\n  useEffect(() => {\n    if (isInitial.current) {\n      isInitial.current = false;\n      announce(stringFormatter.format('actionsAvailable'));\n    }\n  }, [stringFormatter]);\n\n  return (\n    <FocusScope restoreFocus>\n      <div\n        {...filterDOMProps(props)}\n        {...styleProps}\n        {...keyboardProps}\n        ref={ref}\n        className={classNames(\n          styles,\n          'react-spectrum-ActionBar', {\n            'react-spectrum-ActionBar--emphasized': isEmphasized,\n            'is-open': isOpen\n          },\n          styleProps.className\n        )}>\n        <div className={classNames(styles, 'react-spectrum-ActionBar-bar')}>\n          <ActionGroup\n            items={items}\n            aria-label={stringFormatter.format('actions')}\n            isQuiet\n            staticColor={isEmphasized ? 'white' : undefined}\n            overflowMode=\"collapse\"\n            buttonLabelBehavior={buttonLabelBehavior}\n            onAction={onAction}\n            disabledKeys={disabledKeys}\n            UNSAFE_className={classNames(styles, 'react-spectrum-ActionBar-actionGroup')}>\n            {children}\n          </ActionGroup>\n          <ActionButton\n            gridArea={styles.clear}\n            aria-label={stringFormatter.format('clearSelection')}\n            onPress={() => onClearSelection()}\n            isQuiet\n            staticColor={isEmphasized ? 'white' : undefined}>\n            <CrossLarge />\n          </ActionButton>\n          <Text UNSAFE_className={classNames(styles, 'react-spectrum-ActionBar-selectedCount')}>\n            {lastCount === 'all'\n              ? stringFormatter.format('selectedAll')\n              : stringFormatter.format('selected', {count: lastCount})}\n          </Text>\n        </div>\n      </div>\n    </FocusScope>\n  );\n}\n\nconst ActionBarInnerWithRef = React.forwardRef(ActionBarInner) as <T>(props: ActionBarInnerProps<T> & {ref?: Ref<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"ActionBar.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;AA2DM,MAAM,0DAAY,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,UACjD,KAAgC,EAChC,GAA2B;IAE3B,IAAI,SAAS,MAAM,iBAAiB,KAAK;IACzC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,0DAAC,CAAA,GAAA,wCAAa;QAAE,SAAS;QAAQ,IAAI;QAAQ,cAAA;QAAa,eAAA;qBACxD,0DAAC;QAAuB,GAAG,KAAK;QAAE,KAAK;;AAG7C;AAMA,SAAS,qCAAkB,KAA6B,EAAE,GAAwB;IAChF,QAAQ,CAAA,GAAA,0CAAe,EAAE;IAEzB,IAAI,YACF,QAAQ,gBACR,YAAY,YACZ,QAAQ,oBACR,gBAAgB,qBAChB,iBAAiB,UACjB,MAAM,uBACN,sBAAsB,mBACtB,KAAK,gBACL,YAAY,EACb,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAEhE,mHAAmH;IACnH,IAAI,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,qBAAO,EAAE;IACzC,IAAI,AAAC,CAAA,sBAAsB,SAAS,oBAAoB,CAAA,KAAM,sBAAsB,WAClF,aAAa;IAGf,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,uCAAU,EAAE;QAChC,WAAU,CAAC;YACT,IAAI,EAAE,GAAG,KAAK,UAAU;gBACtB,EAAE,cAAc;gBAChB;YACF;QACF;IACF;IAEA,yCAAyC;IACzC,IAAI,YAAY,CAAA,GAAA,mBAAK,EAAE;IACvB,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,UAAU,OAAO,EAAE;YACrB,UAAU,OAAO,GAAG;YACpB,CAAA,GAAA,0DAAO,EAAE,gBAAgB,MAAM,CAAC;QAClC;IACF,GAAG;QAAC;KAAgB;IAEpB,qBACE,0DAAC,CAAA,GAAA,qCAAS;QAAE,cAAA;qBACV,0DAAC;QACE,GAAG,CAAA,GAAA,6CAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACb,GAAG,aAAa;QACjB,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL,4BACA;YACE,wCAAwC;YACxC,WAAW;QACb,GACA,WAAW,SAAS;qBAEtB,0DAAC;QAAI,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;qBACjC,0DAAC,CAAA,GAAA,qCAAU;QACT,OAAO;QACP,cAAY,gBAAgB,MAAM,CAAC;QACnC,SAAA;QACA,aAAa,eAAe,UAAU;QACtC,cAAa;QACb,qBAAqB;QACrB,UAAU;QACV,cAAc;QACd,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OACpC,yBAEH,0DAAC,CAAA,GAAA,sCAAW;QACV,UAAU,CAAA,GAAA,mDAAK,EAAE,KAAK;QACtB,cAAY,gBAAgB,MAAM,CAAC;QACnC,SAAS,IAAM;QACf,SAAA;QACA,aAAa,eAAe,UAAU;qBACtC,0DAAC,CAAA,GAAA,0DAAS,yBAEZ,0DAAC,CAAA,GAAA,8BAAG;QAAE,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;OACxC,cAAc,QACX,gBAAgB,MAAM,CAAC,iBACvB,gBAAgB,MAAM,CAAC,YAAY;QAAC,OAAO;IAAS;AAMpE;AAEA,MAAM,4DAAwB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC","sources":["packages/@adobe/react-spectrum/src/actionbar/ActionBar.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 {ActionButton} from '../button/ActionButton';\nimport {ActionGroup} from '../actiongroup/ActionGroup';\nimport {announce} from 'react-aria/private/live-announcer/LiveAnnouncer';\nimport {classNames} from '../utils/classNames';\nimport CrossLarge from '@spectrum-icons/ui/CrossLarge';\nimport {DOMProps, DOMRef, ItemElement, ItemRenderer, Key, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport intlMessages from '../../intl/actionbar/*.json';\nimport {OpenTransition} from '../overlays/OpenTransition';\nimport React, {ReactElement, Ref, useEffect, useRef, useState} from 'react';\nimport styles from './actionbar.css';\nimport {Text} from '../text/Text';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useKeyboard} from 'react-aria/useKeyboard';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface ActionBarProps<T> {\n  /**\n   * An list of `Item` elements or a function. If the latter, a list of items must be provided using\n   * the `items` prop.\n   */\n  children: ItemElement<T> | ItemElement<T>[] | ItemRenderer<T>;\n  /** A list of items to display as children. Must be used with a function as the sole child. */\n  items?: Iterable<T>;\n  /** A list of keys to disable. */\n  disabledKeys?: Iterable<Key>;\n  /**\n   * The number of selected items that the ActionBar is currently linked to. If 0, the ActionBar is\n   * hidden.\n   */\n  selectedItemCount: number | 'all';\n  /** Handler that is called when the ActionBar clear button is pressed. */\n  onClearSelection: () => void;\n  /** Whether the ActionBar should be displayed with a emphasized style. */\n  isEmphasized?: boolean;\n  /** Handler that is called when an ActionBar button is pressed. */\n  onAction?: (key: Key) => void;\n  /**\n   * Defines when the text within the buttons should be hidden and only the icon should be shown.\n   * When set to 'hide', the text is always shown in a tooltip. When set to 'collapse', the text is\n   * visible if space is available, and hidden when space is limited. The text is always visible\n   * when the item is collapsed into a menu.\n   *\n   * @default 'collapse'\n   */\n  buttonLabelBehavior?: 'show' | 'collapse' | 'hide';\n}\n\nexport interface SpectrumActionBarProps<T> extends ActionBarProps<T>, DOMProps, StyleProps {}\n\n/**\n * Action bars are used for single and bulk selection patterns when a user needs to perform actions\n * on one or more items at the same time.\n */\nexport const ActionBar = React.forwardRef(function ActionBar<T extends object>(\n  props: SpectrumActionBarProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let isOpen = props.selectedItemCount !== 0;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <OpenTransition nodeRef={domRef} in={isOpen} mountOnEnter unmountOnExit>\n      <ActionBarInnerWithRef {...props} ref={domRef} />\n    </OpenTransition>\n  );\n}) as <T>(props: SpectrumActionBarProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\ninterface ActionBarInnerProps<T> extends SpectrumActionBarProps<T> {\n  isOpen?: boolean;\n}\n\nfunction ActionBarInner<T>(props: ActionBarInnerProps<T>, ref: Ref<HTMLDivElement>) {\n  props = useProviderProps(props);\n\n  let {\n    children,\n    isEmphasized,\n    onAction,\n    onClearSelection,\n    selectedItemCount,\n    isOpen,\n    buttonLabelBehavior = 'collapse',\n    items,\n    disabledKeys\n  } = props;\n\n  let {styleProps} = useStyleProps(props);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/actionbar');\n\n  // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.\n  let [lastCount, setLastCount] = useState(selectedItemCount);\n  if ((selectedItemCount === 'all' || selectedItemCount > 0) && selectedItemCount !== lastCount) {\n    setLastCount(selectedItemCount);\n  }\n\n  let {keyboardProps} = useKeyboard({\n    onKeyDown(e) {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onClearSelection();\n      }\n    }\n  });\n\n  // Announce \"actions available\" on mount.\n  let isInitial = useRef(true);\n  useEffect(() => {\n    if (isInitial.current) {\n      isInitial.current = false;\n      announce(stringFormatter.format('actionsAvailable'));\n    }\n  }, [stringFormatter]);\n\n  return (\n    <FocusScope restoreFocus>\n      <div\n        {...filterDOMProps(props)}\n        {...styleProps}\n        {...keyboardProps}\n        ref={ref}\n        className={classNames(\n          styles,\n          'react-spectrum-ActionBar',\n          {\n            'react-spectrum-ActionBar--emphasized': isEmphasized,\n            'is-open': isOpen\n          },\n          styleProps.className\n        )}>\n        <div className={classNames(styles, 'react-spectrum-ActionBar-bar')}>\n          <ActionGroup\n            items={items}\n            aria-label={stringFormatter.format('actions')}\n            isQuiet\n            staticColor={isEmphasized ? 'white' : undefined}\n            overflowMode=\"collapse\"\n            buttonLabelBehavior={buttonLabelBehavior}\n            onAction={onAction}\n            disabledKeys={disabledKeys}\n            UNSAFE_className={classNames(styles, 'react-spectrum-ActionBar-actionGroup')}>\n            {children}\n          </ActionGroup>\n          <ActionButton\n            gridArea={styles.clear}\n            aria-label={stringFormatter.format('clearSelection')}\n            onPress={() => onClearSelection()}\n            isQuiet\n            staticColor={isEmphasized ? 'white' : undefined}>\n            <CrossLarge />\n          </ActionButton>\n          <Text UNSAFE_className={classNames(styles, 'react-spectrum-ActionBar-selectedCount')}>\n            {lastCount === 'all'\n              ? stringFormatter.format('selectedAll')\n              : stringFormatter.format('selected', {count: lastCount})}\n          </Text>\n        </div>\n      </div>\n    </FocusScope>\n  );\n}\n\nconst ActionBarInnerWithRef = React.forwardRef(ActionBarInner) as <T>(\n  props: ActionBarInnerProps<T> & {ref?: Ref<HTMLDivElement>}\n) => ReactElement;\n"],"names":[],"version":3,"file":"ActionBar.cjs.map"}

package/dist/private/actionbar/ActionBar.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;AAqDM,MAAM,0DAAY,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,UAA4B,KAAgC,EAAE,GAA2B;IAC1I,IAAI,SAAS,MAAM,iBAAiB,KAAK;IACzC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,yCAAa;QACZ,SAAS;QACT,IAAI;QACJ,cAAA;QACA,eAAA;qBACA,gCAAC;QAAuB,GAAG,KAAK;QAAE,KAAK;;AAG7C;AAMA,SAAS,qCAAkB,KAA6B,EAAE,GAAwB;IAChF,QAAQ,CAAA,GAAA,yCAAe,EAAE;IAEzB,IAAI,YACF,QAAQ,gBACR,YAAY,YACZ,QAAQ,oBACR,gBAAgB,qBAChB,iBAAiB,UACjB,MAAM,uBACN,sBAAsB,mBACtB,KAAK,gBACL,YAAY,EACb,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAEhE,mHAAmH;IACnH,IAAI,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,eAAO,EAAE;IACzC,IAAI,AAAC,CAAA,sBAAsB,SAAS,oBAAoB,CAAA,KAAM,sBAAsB,WAClF,aAAa;IAGf,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,kBAAU,EAAE;QAChC,WAAU,CAAC;YACT,IAAI,EAAE,GAAG,KAAK,UAAU;gBACtB,EAAE,cAAc;gBAChB;YACF;QACF;IACF;IAEA,yCAAyC;IACzC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,UAAU,OAAO,EAAE;YACrB,UAAU,OAAO,GAAG;YACpB,CAAA,GAAA,eAAO,EAAE,gBAAgB,MAAM,CAAC;QAClC;IACF,GAAG;QAAC;KAAgB;IAEpB,qBACE,gCAAC,CAAA,GAAA,iBAAS;QAAE,cAAA;qBACV,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACb,GAAG,aAAa;QACjB,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,iDAAK,GACL,4BAA4B;YAC1B,wCAAwC;YACxC,WAAW;QACb,GACA,WAAW,SAAS;qBAEtB,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,iDAAK,GAAG;qBACjC,gCAAC,CAAA,GAAA,yCAAU;QACT,OAAO;QACP,cAAY,gBAAgB,MAAM,CAAC;QACnC,SAAA;QACA,aAAa,eAAe,UAAU;QACtC,cAAa;QACb,qBAAqB;QACrB,UAAU;QACV,cAAc;QACd,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,iDAAK,GAAG;OACpC,yBAEH,gCAAC,CAAA,GAAA,yCAAW;QACV,UAAU,CAAA,GAAA,iDAAK,EAAE,KAAK;QACtB,cAAY,gBAAgB,MAAM,CAAC;QACnC,SAAS,IAAM;QACf,SAAA;QACA,aAAa,eAAe,UAAU;qBACtC,gCAAC,CAAA,GAAA,gCAAS,yBAEZ,gCAAC,CAAA,GAAA,yCAAG;QAAE,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,iDAAK,GAAG;OACxC,cAAc,QACX,gBAAgB,MAAM,CAAC,iBACvB,gBAAgB,MAAM,CAAC,YAAY;QAAC,OAAO;IAAS;AAMpE;AAEA,MAAM,4DAAwB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC","sources":["packages/@adobe/react-spectrum/src/actionbar/ActionBar.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 {ActionButton} from '../button/ActionButton';\n\nimport {ActionGroup} from '../actiongroup/ActionGroup';\nimport {announce} from 'react-aria/private/live-announcer/LiveAnnouncer';\nimport {classNames} from '../utils/classNames';\nimport CrossLarge from '@spectrum-icons/ui/CrossLarge';\nimport {DOMProps, DOMRef, ItemElement, ItemRenderer, Key, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport intlMessages from '../../intl/actionbar/*.json';\nimport {OpenTransition} from '../overlays/OpenTransition';\n// @ts-ignore\nimport React, {ReactElement, Ref, useEffect, useRef, useState} from 'react';\nimport styles from './actionbar.css';\nimport {Text} from '../text/Text';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useKeyboard} from 'react-aria/useKeyboard';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface ActionBarProps<T> {\n  /** An list of `Item` elements or a function. If the latter, a list of items must be provided using the `items` prop. */\n  children: ItemElement<T> | ItemElement<T>[] | ItemRenderer<T>,\n  /** A list of items to display as children. Must be used with a function as the sole child. */\n  items?: Iterable<T>,\n  /** A list of keys to disable. */\n  disabledKeys?: Iterable<Key>,\n  /** The number of selected items that the ActionBar is currently linked to. If 0, the ActionBar is hidden. */\n  selectedItemCount: number | 'all',\n  /** Handler that is called when the ActionBar clear button is pressed. */\n  onClearSelection: () => void,\n  /** Whether the ActionBar should be displayed with a emphasized style. */\n  isEmphasized?: boolean,\n  /** Handler that is called when an ActionBar button is pressed. */\n  onAction?: (key: Key) => void,\n  /**\n   * Defines when the text within the buttons should be hidden and only the icon should be shown.\n   * When set to 'hide', the text is always shown in a tooltip. When set to 'collapse', the text is visible\n   * if space is available, and hidden when space is limited. The text is always visible when the item\n   * is collapsed into a menu.\n   * @default 'collapse'\n   */\n  buttonLabelBehavior?: 'show' | 'collapse' | 'hide'\n}\n\nexport interface SpectrumActionBarProps<T> extends ActionBarProps<T>, DOMProps, StyleProps {}\n\n/**\n * Action bars are used for single and bulk selection patterns when a user needs to perform actions on one or more items at the same time.\n */\nexport const ActionBar = React.forwardRef(function ActionBar<T extends object>(props: SpectrumActionBarProps<T>, ref: DOMRef<HTMLDivElement>) {\n  let isOpen = props.selectedItemCount !== 0;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <OpenTransition\n      nodeRef={domRef}\n      in={isOpen}\n      mountOnEnter\n      unmountOnExit>\n      <ActionBarInnerWithRef {...props} ref={domRef} />\n    </OpenTransition>\n  );\n}) as <T>(props: SpectrumActionBarProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\ninterface ActionBarInnerProps<T> extends SpectrumActionBarProps<T> {\n  isOpen?: boolean\n}\n\nfunction ActionBarInner<T>(props: ActionBarInnerProps<T>, ref: Ref<HTMLDivElement>) {\n  props = useProviderProps(props);\n\n  let {\n    children,\n    isEmphasized,\n    onAction,\n    onClearSelection,\n    selectedItemCount,\n    isOpen,\n    buttonLabelBehavior = 'collapse',\n    items,\n    disabledKeys\n  } = props;\n\n  let {styleProps} = useStyleProps(props);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/actionbar');\n\n  // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.\n  let [lastCount, setLastCount] = useState(selectedItemCount);\n  if ((selectedItemCount === 'all' || selectedItemCount > 0) && selectedItemCount !== lastCount) {\n    setLastCount(selectedItemCount);\n  }\n\n  let {keyboardProps} = useKeyboard({\n    onKeyDown(e) {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onClearSelection();\n      }\n    }\n  });\n\n  // Announce \"actions available\" on mount.\n  let isInitial = useRef(true);\n  useEffect(() => {\n    if (isInitial.current) {\n      isInitial.current = false;\n      announce(stringFormatter.format('actionsAvailable'));\n    }\n  }, [stringFormatter]);\n\n  return (\n    <FocusScope restoreFocus>\n      <div\n        {...filterDOMProps(props)}\n        {...styleProps}\n        {...keyboardProps}\n        ref={ref}\n        className={classNames(\n          styles,\n          'react-spectrum-ActionBar', {\n            'react-spectrum-ActionBar--emphasized': isEmphasized,\n            'is-open': isOpen\n          },\n          styleProps.className\n        )}>\n        <div className={classNames(styles, 'react-spectrum-ActionBar-bar')}>\n          <ActionGroup\n            items={items}\n            aria-label={stringFormatter.format('actions')}\n            isQuiet\n            staticColor={isEmphasized ? 'white' : undefined}\n            overflowMode=\"collapse\"\n            buttonLabelBehavior={buttonLabelBehavior}\n            onAction={onAction}\n            disabledKeys={disabledKeys}\n            UNSAFE_className={classNames(styles, 'react-spectrum-ActionBar-actionGroup')}>\n            {children}\n          </ActionGroup>\n          <ActionButton\n            gridArea={styles.clear}\n            aria-label={stringFormatter.format('clearSelection')}\n            onPress={() => onClearSelection()}\n            isQuiet\n            staticColor={isEmphasized ? 'white' : undefined}>\n            <CrossLarge />\n          </ActionButton>\n          <Text UNSAFE_className={classNames(styles, 'react-spectrum-ActionBar-selectedCount')}>\n            {lastCount === 'all'\n              ? stringFormatter.format('selectedAll')\n              : stringFormatter.format('selected', {count: lastCount})}\n          </Text>\n        </div>\n      </div>\n    </FocusScope>\n  );\n}\n\nconst ActionBarInnerWithRef = React.forwardRef(ActionBarInner) as <T>(props: ActionBarInnerProps<T> & {ref?: Ref<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"ActionBar.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;AA2DM,MAAM,0DAAY,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,UACjD,KAAgC,EAChC,GAA2B;IAE3B,IAAI,SAAS,MAAM,iBAAiB,KAAK;IACzC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,yCAAa;QAAE,SAAS;QAAQ,IAAI;QAAQ,cAAA;QAAa,eAAA;qBACxD,gCAAC;QAAuB,GAAG,KAAK;QAAE,KAAK;;AAG7C;AAMA,SAAS,qCAAkB,KAA6B,EAAE,GAAwB;IAChF,QAAQ,CAAA,GAAA,yCAAe,EAAE;IAEzB,IAAI,YACF,QAAQ,gBACR,YAAY,YACZ,QAAQ,oBACR,gBAAgB,qBAChB,iBAAiB,UACjB,MAAM,uBACN,sBAAsB,mBACtB,KAAK,gBACL,YAAY,EACb,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAEhE,mHAAmH;IACnH,IAAI,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,eAAO,EAAE;IACzC,IAAI,AAAC,CAAA,sBAAsB,SAAS,oBAAoB,CAAA,KAAM,sBAAsB,WAClF,aAAa;IAGf,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,kBAAU,EAAE;QAChC,WAAU,CAAC;YACT,IAAI,EAAE,GAAG,KAAK,UAAU;gBACtB,EAAE,cAAc;gBAChB;YACF;QACF;IACF;IAEA,yCAAyC;IACzC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,UAAU,OAAO,EAAE;YACrB,UAAU,OAAO,GAAG;YACpB,CAAA,GAAA,eAAO,EAAE,gBAAgB,MAAM,CAAC;QAClC;IACF,GAAG;QAAC;KAAgB;IAEpB,qBACE,gCAAC,CAAA,GAAA,iBAAS;QAAE,cAAA;qBACV,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACb,GAAG,aAAa;QACjB,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,iDAAK,GACL,4BACA;YACE,wCAAwC;YACxC,WAAW;QACb,GACA,WAAW,SAAS;qBAEtB,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,iDAAK,GAAG;qBACjC,gCAAC,CAAA,GAAA,yCAAU;QACT,OAAO;QACP,cAAY,gBAAgB,MAAM,CAAC;QACnC,SAAA;QACA,aAAa,eAAe,UAAU;QACtC,cAAa;QACb,qBAAqB;QACrB,UAAU;QACV,cAAc;QACd,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,iDAAK,GAAG;OACpC,yBAEH,gCAAC,CAAA,GAAA,yCAAW;QACV,UAAU,CAAA,GAAA,iDAAK,EAAE,KAAK;QACtB,cAAY,gBAAgB,MAAM,CAAC;QACnC,SAAS,IAAM;QACf,SAAA;QACA,aAAa,eAAe,UAAU;qBACtC,gCAAC,CAAA,GAAA,gCAAS,yBAEZ,gCAAC,CAAA,GAAA,yCAAG;QAAE,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,iDAAK,GAAG;OACxC,cAAc,QACX,gBAAgB,MAAM,CAAC,iBACvB,gBAAgB,MAAM,CAAC,YAAY;QAAC,OAAO;IAAS;AAMpE;AAEA,MAAM,4DAAwB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC","sources":["packages/@adobe/react-spectrum/src/actionbar/ActionBar.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 {ActionButton} from '../button/ActionButton';\nimport {ActionGroup} from '../actiongroup/ActionGroup';\nimport {announce} from 'react-aria/private/live-announcer/LiveAnnouncer';\nimport {classNames} from '../utils/classNames';\nimport CrossLarge from '@spectrum-icons/ui/CrossLarge';\nimport {DOMProps, DOMRef, ItemElement, ItemRenderer, Key, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport intlMessages from '../../intl/actionbar/*.json';\nimport {OpenTransition} from '../overlays/OpenTransition';\nimport React, {ReactElement, Ref, useEffect, useRef, useState} from 'react';\nimport styles from './actionbar.css';\nimport {Text} from '../text/Text';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useKeyboard} from 'react-aria/useKeyboard';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface ActionBarProps<T> {\n  /**\n   * An list of `Item` elements or a function. If the latter, a list of items must be provided using\n   * the `items` prop.\n   */\n  children: ItemElement<T> | ItemElement<T>[] | ItemRenderer<T>;\n  /** A list of items to display as children. Must be used with a function as the sole child. */\n  items?: Iterable<T>;\n  /** A list of keys to disable. */\n  disabledKeys?: Iterable<Key>;\n  /**\n   * The number of selected items that the ActionBar is currently linked to. If 0, the ActionBar is\n   * hidden.\n   */\n  selectedItemCount: number | 'all';\n  /** Handler that is called when the ActionBar clear button is pressed. */\n  onClearSelection: () => void;\n  /** Whether the ActionBar should be displayed with a emphasized style. */\n  isEmphasized?: boolean;\n  /** Handler that is called when an ActionBar button is pressed. */\n  onAction?: (key: Key) => void;\n  /**\n   * Defines when the text within the buttons should be hidden and only the icon should be shown.\n   * When set to 'hide', the text is always shown in a tooltip. When set to 'collapse', the text is\n   * visible if space is available, and hidden when space is limited. The text is always visible\n   * when the item is collapsed into a menu.\n   *\n   * @default 'collapse'\n   */\n  buttonLabelBehavior?: 'show' | 'collapse' | 'hide';\n}\n\nexport interface SpectrumActionBarProps<T> extends ActionBarProps<T>, DOMProps, StyleProps {}\n\n/**\n * Action bars are used for single and bulk selection patterns when a user needs to perform actions\n * on one or more items at the same time.\n */\nexport const ActionBar = React.forwardRef(function ActionBar<T extends object>(\n  props: SpectrumActionBarProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let isOpen = props.selectedItemCount !== 0;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <OpenTransition nodeRef={domRef} in={isOpen} mountOnEnter unmountOnExit>\n      <ActionBarInnerWithRef {...props} ref={domRef} />\n    </OpenTransition>\n  );\n}) as <T>(props: SpectrumActionBarProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\ninterface ActionBarInnerProps<T> extends SpectrumActionBarProps<T> {\n  isOpen?: boolean;\n}\n\nfunction ActionBarInner<T>(props: ActionBarInnerProps<T>, ref: Ref<HTMLDivElement>) {\n  props = useProviderProps(props);\n\n  let {\n    children,\n    isEmphasized,\n    onAction,\n    onClearSelection,\n    selectedItemCount,\n    isOpen,\n    buttonLabelBehavior = 'collapse',\n    items,\n    disabledKeys\n  } = props;\n\n  let {styleProps} = useStyleProps(props);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/actionbar');\n\n  // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.\n  let [lastCount, setLastCount] = useState(selectedItemCount);\n  if ((selectedItemCount === 'all' || selectedItemCount > 0) && selectedItemCount !== lastCount) {\n    setLastCount(selectedItemCount);\n  }\n\n  let {keyboardProps} = useKeyboard({\n    onKeyDown(e) {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onClearSelection();\n      }\n    }\n  });\n\n  // Announce \"actions available\" on mount.\n  let isInitial = useRef(true);\n  useEffect(() => {\n    if (isInitial.current) {\n      isInitial.current = false;\n      announce(stringFormatter.format('actionsAvailable'));\n    }\n  }, [stringFormatter]);\n\n  return (\n    <FocusScope restoreFocus>\n      <div\n        {...filterDOMProps(props)}\n        {...styleProps}\n        {...keyboardProps}\n        ref={ref}\n        className={classNames(\n          styles,\n          'react-spectrum-ActionBar',\n          {\n            'react-spectrum-ActionBar--emphasized': isEmphasized,\n            'is-open': isOpen\n          },\n          styleProps.className\n        )}>\n        <div className={classNames(styles, 'react-spectrum-ActionBar-bar')}>\n          <ActionGroup\n            items={items}\n            aria-label={stringFormatter.format('actions')}\n            isQuiet\n            staticColor={isEmphasized ? 'white' : undefined}\n            overflowMode=\"collapse\"\n            buttonLabelBehavior={buttonLabelBehavior}\n            onAction={onAction}\n            disabledKeys={disabledKeys}\n            UNSAFE_className={classNames(styles, 'react-spectrum-ActionBar-actionGroup')}>\n            {children}\n          </ActionGroup>\n          <ActionButton\n            gridArea={styles.clear}\n            aria-label={stringFormatter.format('clearSelection')}\n            onPress={() => onClearSelection()}\n            isQuiet\n            staticColor={isEmphasized ? 'white' : undefined}>\n            <CrossLarge />\n          </ActionButton>\n          <Text UNSAFE_className={classNames(styles, 'react-spectrum-ActionBar-selectedCount')}>\n            {lastCount === 'all'\n              ? stringFormatter.format('selectedAll')\n              : stringFormatter.format('selected', {count: lastCount})}\n          </Text>\n        </div>\n      </div>\n    </FocusScope>\n  );\n}\n\nconst ActionBarInnerWithRef = React.forwardRef(ActionBarInner) as <T>(\n  props: ActionBarInnerProps<T> & {ref?: Ref<HTMLDivElement>}\n) => ReactElement;\n"],"names":[],"version":3,"file":"ActionBar.js.map"}

package/dist/private/actionbar/ActionBar.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;AAqDM,MAAM,0DAAY,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,UAA4B,KAAgC,EAAE,GAA2B;IAC1I,IAAI,SAAS,MAAM,iBAAiB,KAAK;IACzC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,yCAAa;QACZ,SAAS;QACT,IAAI;QACJ,cAAA;QACA,eAAA;qBACA,gCAAC;QAAuB,GAAG,KAAK;QAAE,KAAK;;AAG7C;AAMA,SAAS,qCAAkB,KAA6B,EAAE,GAAwB;IAChF,QAAQ,CAAA,GAAA,yCAAe,EAAE;IAEzB,IAAI,YACF,QAAQ,gBACR,YAAY,YACZ,QAAQ,oBACR,gBAAgB,qBAChB,iBAAiB,UACjB,MAAM,uBACN,sBAAsB,mBACtB,KAAK,gBACL,YAAY,EACb,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAEhE,mHAAmH;IACnH,IAAI,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,eAAO,EAAE;IACzC,IAAI,AAAC,CAAA,sBAAsB,SAAS,oBAAoB,CAAA,KAAM,sBAAsB,WAClF,aAAa;IAGf,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,kBAAU,EAAE;QAChC,WAAU,CAAC;YACT,IAAI,EAAE,GAAG,KAAK,UAAU;gBACtB,EAAE,cAAc;gBAChB;YACF;QACF;IACF;IAEA,yCAAyC;IACzC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,UAAU,OAAO,EAAE;YACrB,UAAU,OAAO,GAAG;YACpB,CAAA,GAAA,eAAO,EAAE,gBAAgB,MAAM,CAAC;QAClC;IACF,GAAG;QAAC;KAAgB;IAEpB,qBACE,gCAAC,CAAA,GAAA,iBAAS;QAAE,cAAA;qBACV,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACb,GAAG,aAAa;QACjB,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,iDAAK,GACL,4BAA4B;YAC1B,wCAAwC;YACxC,WAAW;QACb,GACA,WAAW,SAAS;qBAEtB,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,iDAAK,GAAG;qBACjC,gCAAC,CAAA,GAAA,yCAAU;QACT,OAAO;QACP,cAAY,gBAAgB,MAAM,CAAC;QACnC,SAAA;QACA,aAAa,eAAe,UAAU;QACtC,cAAa;QACb,qBAAqB;QACrB,UAAU;QACV,cAAc;QACd,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,iDAAK,GAAG;OACpC,yBAEH,gCAAC,CAAA,GAAA,yCAAW;QACV,UAAU,CAAA,GAAA,iDAAK,EAAE,KAAK;QACtB,cAAY,gBAAgB,MAAM,CAAC;QACnC,SAAS,IAAM;QACf,SAAA;QACA,aAAa,eAAe,UAAU;qBACtC,gCAAC,CAAA,GAAA,gCAAS,yBAEZ,gCAAC,CAAA,GAAA,yCAAG;QAAE,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,iDAAK,GAAG;OACxC,cAAc,QACX,gBAAgB,MAAM,CAAC,iBACvB,gBAAgB,MAAM,CAAC,YAAY;QAAC,OAAO;IAAS;AAMpE;AAEA,MAAM,4DAAwB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC","sources":["packages/@adobe/react-spectrum/src/actionbar/ActionBar.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 {ActionButton} from '../button/ActionButton';\n\nimport {ActionGroup} from '../actiongroup/ActionGroup';\nimport {announce} from 'react-aria/private/live-announcer/LiveAnnouncer';\nimport {classNames} from '../utils/classNames';\nimport CrossLarge from '@spectrum-icons/ui/CrossLarge';\nimport {DOMProps, DOMRef, ItemElement, ItemRenderer, Key, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport intlMessages from '../../intl/actionbar/*.json';\nimport {OpenTransition} from '../overlays/OpenTransition';\n// @ts-ignore\nimport React, {ReactElement, Ref, useEffect, useRef, useState} from 'react';\nimport styles from './actionbar.css';\nimport {Text} from '../text/Text';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useKeyboard} from 'react-aria/useKeyboard';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface ActionBarProps<T> {\n  /** An list of `Item` elements or a function. If the latter, a list of items must be provided using the `items` prop. */\n  children: ItemElement<T> | ItemElement<T>[] | ItemRenderer<T>,\n  /** A list of items to display as children. Must be used with a function as the sole child. */\n  items?: Iterable<T>,\n  /** A list of keys to disable. */\n  disabledKeys?: Iterable<Key>,\n  /** The number of selected items that the ActionBar is currently linked to. If 0, the ActionBar is hidden. */\n  selectedItemCount: number | 'all',\n  /** Handler that is called when the ActionBar clear button is pressed. */\n  onClearSelection: () => void,\n  /** Whether the ActionBar should be displayed with a emphasized style. */\n  isEmphasized?: boolean,\n  /** Handler that is called when an ActionBar button is pressed. */\n  onAction?: (key: Key) => void,\n  /**\n   * Defines when the text within the buttons should be hidden and only the icon should be shown.\n   * When set to 'hide', the text is always shown in a tooltip. When set to 'collapse', the text is visible\n   * if space is available, and hidden when space is limited. The text is always visible when the item\n   * is collapsed into a menu.\n   * @default 'collapse'\n   */\n  buttonLabelBehavior?: 'show' | 'collapse' | 'hide'\n}\n\nexport interface SpectrumActionBarProps<T> extends ActionBarProps<T>, DOMProps, StyleProps {}\n\n/**\n * Action bars are used for single and bulk selection patterns when a user needs to perform actions on one or more items at the same time.\n */\nexport const ActionBar = React.forwardRef(function ActionBar<T extends object>(props: SpectrumActionBarProps<T>, ref: DOMRef<HTMLDivElement>) {\n  let isOpen = props.selectedItemCount !== 0;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <OpenTransition\n      nodeRef={domRef}\n      in={isOpen}\n      mountOnEnter\n      unmountOnExit>\n      <ActionBarInnerWithRef {...props} ref={domRef} />\n    </OpenTransition>\n  );\n}) as <T>(props: SpectrumActionBarProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\ninterface ActionBarInnerProps<T> extends SpectrumActionBarProps<T> {\n  isOpen?: boolean\n}\n\nfunction ActionBarInner<T>(props: ActionBarInnerProps<T>, ref: Ref<HTMLDivElement>) {\n  props = useProviderProps(props);\n\n  let {\n    children,\n    isEmphasized,\n    onAction,\n    onClearSelection,\n    selectedItemCount,\n    isOpen,\n    buttonLabelBehavior = 'collapse',\n    items,\n    disabledKeys\n  } = props;\n\n  let {styleProps} = useStyleProps(props);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/actionbar');\n\n  // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.\n  let [lastCount, setLastCount] = useState(selectedItemCount);\n  if ((selectedItemCount === 'all' || selectedItemCount > 0) && selectedItemCount !== lastCount) {\n    setLastCount(selectedItemCount);\n  }\n\n  let {keyboardProps} = useKeyboard({\n    onKeyDown(e) {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onClearSelection();\n      }\n    }\n  });\n\n  // Announce \"actions available\" on mount.\n  let isInitial = useRef(true);\n  useEffect(() => {\n    if (isInitial.current) {\n      isInitial.current = false;\n      announce(stringFormatter.format('actionsAvailable'));\n    }\n  }, [stringFormatter]);\n\n  return (\n    <FocusScope restoreFocus>\n      <div\n        {...filterDOMProps(props)}\n        {...styleProps}\n        {...keyboardProps}\n        ref={ref}\n        className={classNames(\n          styles,\n          'react-spectrum-ActionBar', {\n            'react-spectrum-ActionBar--emphasized': isEmphasized,\n            'is-open': isOpen\n          },\n          styleProps.className\n        )}>\n        <div className={classNames(styles, 'react-spectrum-ActionBar-bar')}>\n          <ActionGroup\n            items={items}\n            aria-label={stringFormatter.format('actions')}\n            isQuiet\n            staticColor={isEmphasized ? 'white' : undefined}\n            overflowMode=\"collapse\"\n            buttonLabelBehavior={buttonLabelBehavior}\n            onAction={onAction}\n            disabledKeys={disabledKeys}\n            UNSAFE_className={classNames(styles, 'react-spectrum-ActionBar-actionGroup')}>\n            {children}\n          </ActionGroup>\n          <ActionButton\n            gridArea={styles.clear}\n            aria-label={stringFormatter.format('clearSelection')}\n            onPress={() => onClearSelection()}\n            isQuiet\n            staticColor={isEmphasized ? 'white' : undefined}>\n            <CrossLarge />\n          </ActionButton>\n          <Text UNSAFE_className={classNames(styles, 'react-spectrum-ActionBar-selectedCount')}>\n            {lastCount === 'all'\n              ? stringFormatter.format('selectedAll')\n              : stringFormatter.format('selected', {count: lastCount})}\n          </Text>\n        </div>\n      </div>\n    </FocusScope>\n  );\n}\n\nconst ActionBarInnerWithRef = React.forwardRef(ActionBarInner) as <T>(props: ActionBarInnerProps<T> & {ref?: Ref<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"ActionBar.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;AA2DM,MAAM,0DAAY,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,UACjD,KAAgC,EAChC,GAA2B;IAE3B,IAAI,SAAS,MAAM,iBAAiB,KAAK;IACzC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,yCAAa;QAAE,SAAS;QAAQ,IAAI;QAAQ,cAAA;QAAa,eAAA;qBACxD,gCAAC;QAAuB,GAAG,KAAK;QAAE,KAAK;;AAG7C;AAMA,SAAS,qCAAkB,KAA6B,EAAE,GAAwB;IAChF,QAAQ,CAAA,GAAA,yCAAe,EAAE;IAEzB,IAAI,YACF,QAAQ,gBACR,YAAY,YACZ,QAAQ,oBACR,gBAAgB,qBAChB,iBAAiB,UACjB,MAAM,uBACN,sBAAsB,mBACtB,KAAK,gBACL,YAAY,EACb,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAEhE,mHAAmH;IACnH,IAAI,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,eAAO,EAAE;IACzC,IAAI,AAAC,CAAA,sBAAsB,SAAS,oBAAoB,CAAA,KAAM,sBAAsB,WAClF,aAAa;IAGf,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,kBAAU,EAAE;QAChC,WAAU,CAAC;YACT,IAAI,EAAE,GAAG,KAAK,UAAU;gBACtB,EAAE,cAAc;gBAChB;YACF;QACF;IACF;IAEA,yCAAyC;IACzC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,UAAU,OAAO,EAAE;YACrB,UAAU,OAAO,GAAG;YACpB,CAAA,GAAA,eAAO,EAAE,gBAAgB,MAAM,CAAC;QAClC;IACF,GAAG;QAAC;KAAgB;IAEpB,qBACE,gCAAC,CAAA,GAAA,iBAAS;QAAE,cAAA;qBACV,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACb,GAAG,aAAa;QACjB,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,iDAAK,GACL,4BACA;YACE,wCAAwC;YACxC,WAAW;QACb,GACA,WAAW,SAAS;qBAEtB,gCAAC;QAAI,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,iDAAK,GAAG;qBACjC,gCAAC,CAAA,GAAA,yCAAU;QACT,OAAO;QACP,cAAY,gBAAgB,MAAM,CAAC;QACnC,SAAA;QACA,aAAa,eAAe,UAAU;QACtC,cAAa;QACb,qBAAqB;QACrB,UAAU;QACV,cAAc;QACd,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,iDAAK,GAAG;OACpC,yBAEH,gCAAC,CAAA,GAAA,yCAAW;QACV,UAAU,CAAA,GAAA,iDAAK,EAAE,KAAK;QACtB,cAAY,gBAAgB,MAAM,CAAC;QACnC,SAAS,IAAM;QACf,SAAA;QACA,aAAa,eAAe,UAAU;qBACtC,gCAAC,CAAA,GAAA,gCAAS,yBAEZ,gCAAC,CAAA,GAAA,yCAAG;QAAE,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,iDAAK,GAAG;OACxC,cAAc,QACX,gBAAgB,MAAM,CAAC,iBACvB,gBAAgB,MAAM,CAAC,YAAY;QAAC,OAAO;IAAS;AAMpE;AAEA,MAAM,4DAAwB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC","sources":["packages/@adobe/react-spectrum/src/actionbar/ActionBar.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 {ActionButton} from '../button/ActionButton';\nimport {ActionGroup} from '../actiongroup/ActionGroup';\nimport {announce} from 'react-aria/private/live-announcer/LiveAnnouncer';\nimport {classNames} from '../utils/classNames';\nimport CrossLarge from '@spectrum-icons/ui/CrossLarge';\nimport {DOMProps, DOMRef, ItemElement, ItemRenderer, Key, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FocusScope} from 'react-aria/FocusScope';\nimport intlMessages from '../../intl/actionbar/*.json';\nimport {OpenTransition} from '../overlays/OpenTransition';\nimport React, {ReactElement, Ref, useEffect, useRef, useState} from 'react';\nimport styles from './actionbar.css';\nimport {Text} from '../text/Text';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useKeyboard} from 'react-aria/useKeyboard';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface ActionBarProps<T> {\n  /**\n   * An list of `Item` elements or a function. If the latter, a list of items must be provided using\n   * the `items` prop.\n   */\n  children: ItemElement<T> | ItemElement<T>[] | ItemRenderer<T>;\n  /** A list of items to display as children. Must be used with a function as the sole child. */\n  items?: Iterable<T>;\n  /** A list of keys to disable. */\n  disabledKeys?: Iterable<Key>;\n  /**\n   * The number of selected items that the ActionBar is currently linked to. If 0, the ActionBar is\n   * hidden.\n   */\n  selectedItemCount: number | 'all';\n  /** Handler that is called when the ActionBar clear button is pressed. */\n  onClearSelection: () => void;\n  /** Whether the ActionBar should be displayed with a emphasized style. */\n  isEmphasized?: boolean;\n  /** Handler that is called when an ActionBar button is pressed. */\n  onAction?: (key: Key) => void;\n  /**\n   * Defines when the text within the buttons should be hidden and only the icon should be shown.\n   * When set to 'hide', the text is always shown in a tooltip. When set to 'collapse', the text is\n   * visible if space is available, and hidden when space is limited. The text is always visible\n   * when the item is collapsed into a menu.\n   *\n   * @default 'collapse'\n   */\n  buttonLabelBehavior?: 'show' | 'collapse' | 'hide';\n}\n\nexport interface SpectrumActionBarProps<T> extends ActionBarProps<T>, DOMProps, StyleProps {}\n\n/**\n * Action bars are used for single and bulk selection patterns when a user needs to perform actions\n * on one or more items at the same time.\n */\nexport const ActionBar = React.forwardRef(function ActionBar<T extends object>(\n  props: SpectrumActionBarProps<T>,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let isOpen = props.selectedItemCount !== 0;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <OpenTransition nodeRef={domRef} in={isOpen} mountOnEnter unmountOnExit>\n      <ActionBarInnerWithRef {...props} ref={domRef} />\n    </OpenTransition>\n  );\n}) as <T>(props: SpectrumActionBarProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n\ninterface ActionBarInnerProps<T> extends SpectrumActionBarProps<T> {\n  isOpen?: boolean;\n}\n\nfunction ActionBarInner<T>(props: ActionBarInnerProps<T>, ref: Ref<HTMLDivElement>) {\n  props = useProviderProps(props);\n\n  let {\n    children,\n    isEmphasized,\n    onAction,\n    onClearSelection,\n    selectedItemCount,\n    isOpen,\n    buttonLabelBehavior = 'collapse',\n    items,\n    disabledKeys\n  } = props;\n\n  let {styleProps} = useStyleProps(props);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/actionbar');\n\n  // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.\n  let [lastCount, setLastCount] = useState(selectedItemCount);\n  if ((selectedItemCount === 'all' || selectedItemCount > 0) && selectedItemCount !== lastCount) {\n    setLastCount(selectedItemCount);\n  }\n\n  let {keyboardProps} = useKeyboard({\n    onKeyDown(e) {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onClearSelection();\n      }\n    }\n  });\n\n  // Announce \"actions available\" on mount.\n  let isInitial = useRef(true);\n  useEffect(() => {\n    if (isInitial.current) {\n      isInitial.current = false;\n      announce(stringFormatter.format('actionsAvailable'));\n    }\n  }, [stringFormatter]);\n\n  return (\n    <FocusScope restoreFocus>\n      <div\n        {...filterDOMProps(props)}\n        {...styleProps}\n        {...keyboardProps}\n        ref={ref}\n        className={classNames(\n          styles,\n          'react-spectrum-ActionBar',\n          {\n            'react-spectrum-ActionBar--emphasized': isEmphasized,\n            'is-open': isOpen\n          },\n          styleProps.className\n        )}>\n        <div className={classNames(styles, 'react-spectrum-ActionBar-bar')}>\n          <ActionGroup\n            items={items}\n            aria-label={stringFormatter.format('actions')}\n            isQuiet\n            staticColor={isEmphasized ? 'white' : undefined}\n            overflowMode=\"collapse\"\n            buttonLabelBehavior={buttonLabelBehavior}\n            onAction={onAction}\n            disabledKeys={disabledKeys}\n            UNSAFE_className={classNames(styles, 'react-spectrum-ActionBar-actionGroup')}>\n            {children}\n          </ActionGroup>\n          <ActionButton\n            gridArea={styles.clear}\n            aria-label={stringFormatter.format('clearSelection')}\n            onPress={() => onClearSelection()}\n            isQuiet\n            staticColor={isEmphasized ? 'white' : undefined}>\n            <CrossLarge />\n          </ActionButton>\n          <Text UNSAFE_className={classNames(styles, 'react-spectrum-ActionBar-selectedCount')}>\n            {lastCount === 'all'\n              ? stringFormatter.format('selectedAll')\n              : stringFormatter.format('selected', {count: lastCount})}\n          </Text>\n        </div>\n      </div>\n    </FocusScope>\n  );\n}\n\nconst ActionBarInnerWithRef = React.forwardRef(ActionBarInner) as <T>(\n  props: ActionBarInnerProps<T> & {ref?: Ref<HTMLDivElement>}\n) => ReactElement;\n"],"names":[],"version":3,"file":"ActionBar.mjs.map"}

package/dist/private/actionbar/ActionBarContainer.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAuBM,MAAM,0DAAqB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,mBAAmB,KAAsC,EAAE,GAA2B;IAChJ,wMAAwM;IACxM,QAAQ,CAAA,GAAA,0CAAe,EAAE;IAEzB,IAAI,YAAC,QAAQ,EAAC,GAAG;IACjB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,0DAAC;QACE,GAAG,CAAA,GAAA,6CAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,sBAAsB,WAAW,SAAS;OACvE;AAGP","sources":["packages/@adobe/react-spectrum/src/actionbar/ActionBarContainer.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 {classNames} from '../utils/classNames';\n\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport React, {ReactNode} from 'react';\nimport styles from './actionbar.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface ActionBarContainerProps {\n  /** The contents of the ActionBarContainer. Should include a ActionBar and the renderable content it is associated with. */\n  children: ReactNode\n}\n\nexport interface SpectrumActionBarContainerProps extends ActionBarContainerProps, DOMProps, StyleProps {}\n\n/**\n * ActionBarContainer wraps around an ActionBar and a component that supports selection. It handles\n * the ActionBar's position with respect to its linked component.\n */\nexport const ActionBarContainer = React.forwardRef(function ActionBarContainer(props: SpectrumActionBarContainerProps, ref: DOMRef<HTMLDivElement>) {\n  // Grabs specific props from the closest Provider (see https://react-spectrum.adobe.com/react-spectrum/Provider.html#property-groups). Remove if your component doesn't support any of the listed props.\n  props = useProviderProps(props);\n\n  let {children} = props;\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n\n  return (\n    <div\n      {...filterDOMProps(props)}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(styles, 'ActionBarContainer', styleProps.className)}>\n      {children}\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ActionBarContainer.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA2BM,MAAM,0DAAqB,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,mBAC1D,KAAsC,EACtC,GAA2B;IAE3B,wMAAwM;IACxM,QAAQ,CAAA,GAAA,0CAAe,EAAE;IAEzB,IAAI,YAAC,QAAQ,EAAC,GAAG;IACjB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,0DAAC;QACE,GAAG,CAAA,GAAA,6CAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,sBAAsB,WAAW,SAAS;OACvE;AAGP","sources":["packages/@adobe/react-spectrum/src/actionbar/ActionBarContainer.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 {classNames} from '../utils/classNames';\n\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport React, {ReactNode} from 'react';\nimport styles from './actionbar.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface ActionBarContainerProps {\n  /**\n   * The contents of the ActionBarContainer. Should include a ActionBar and the renderable content\n   * it is associated with.\n   */\n  children: ReactNode;\n}\n\nexport interface SpectrumActionBarContainerProps\n  extends ActionBarContainerProps, DOMProps, StyleProps {}\n\n/**\n * ActionBarContainer wraps around an ActionBar and a component that supports selection. It handles\n * the ActionBar's position with respect to its linked component.\n */\nexport const ActionBarContainer = React.forwardRef(function ActionBarContainer(\n  props: SpectrumActionBarContainerProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  // Grabs specific props from the closest Provider (see https://react-spectrum.adobe.com/react-spectrum/Provider.html#property-groups). Remove if your component doesn't support any of the listed props.\n  props = useProviderProps(props);\n\n  let {children} = props;\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n\n  return (\n    <div\n      {...filterDOMProps(props)}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(styles, 'ActionBarContainer', styleProps.className)}>\n      {children}\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ActionBarContainer.cjs.map"}

package/dist/private/actionbar/ActionBarContainer.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAuBM,MAAM,0DAAqB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,mBAAmB,KAAsC,EAAE,GAA2B;IAChJ,wMAAwM;IACxM,QAAQ,CAAA,GAAA,yCAAe,EAAE;IAEzB,IAAI,YAAC,QAAQ,EAAC,GAAG;IACjB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,iDAAK,GAAG,sBAAsB,WAAW,SAAS;OACvE;AAGP","sources":["packages/@adobe/react-spectrum/src/actionbar/ActionBarContainer.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 {classNames} from '../utils/classNames';\n\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport React, {ReactNode} from 'react';\nimport styles from './actionbar.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface ActionBarContainerProps {\n  /** The contents of the ActionBarContainer. Should include a ActionBar and the renderable content it is associated with. */\n  children: ReactNode\n}\n\nexport interface SpectrumActionBarContainerProps extends ActionBarContainerProps, DOMProps, StyleProps {}\n\n/**\n * ActionBarContainer wraps around an ActionBar and a component that supports selection. It handles\n * the ActionBar's position with respect to its linked component.\n */\nexport const ActionBarContainer = React.forwardRef(function ActionBarContainer(props: SpectrumActionBarContainerProps, ref: DOMRef<HTMLDivElement>) {\n  // Grabs specific props from the closest Provider (see https://react-spectrum.adobe.com/react-spectrum/Provider.html#property-groups). Remove if your component doesn't support any of the listed props.\n  props = useProviderProps(props);\n\n  let {children} = props;\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n\n  return (\n    <div\n      {...filterDOMProps(props)}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(styles, 'ActionBarContainer', styleProps.className)}>\n      {children}\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ActionBarContainer.js.map"}
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA2BM,MAAM,0DAAqB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,mBAC1D,KAAsC,EACtC,GAA2B;IAE3B,wMAAwM;IACxM,QAAQ,CAAA,GAAA,yCAAe,EAAE;IAEzB,IAAI,YAAC,QAAQ,EAAC,GAAG;IACjB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,iDAAK,GAAG,sBAAsB,WAAW,SAAS;OACvE;AAGP","sources":["packages/@adobe/react-spectrum/src/actionbar/ActionBarContainer.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 {classNames} from '../utils/classNames';\n\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport React, {ReactNode} from 'react';\nimport styles from './actionbar.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface ActionBarContainerProps {\n  /**\n   * The contents of the ActionBarContainer. Should include a ActionBar and the renderable content\n   * it is associated with.\n   */\n  children: ReactNode;\n}\n\nexport interface SpectrumActionBarContainerProps\n  extends ActionBarContainerProps, DOMProps, StyleProps {}\n\n/**\n * ActionBarContainer wraps around an ActionBar and a component that supports selection. It handles\n * the ActionBar's position with respect to its linked component.\n */\nexport const ActionBarContainer = React.forwardRef(function ActionBarContainer(\n  props: SpectrumActionBarContainerProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  // Grabs specific props from the closest Provider (see https://react-spectrum.adobe.com/react-spectrum/Provider.html#property-groups). Remove if your component doesn't support any of the listed props.\n  props = useProviderProps(props);\n\n  let {children} = props;\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n\n  return (\n    <div\n      {...filterDOMProps(props)}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(styles, 'ActionBarContainer', styleProps.className)}>\n      {children}\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ActionBarContainer.js.map"}

package/dist/private/actionbar/ActionBarContainer.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAuBM,MAAM,0DAAqB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,mBAAmB,KAAsC,EAAE,GAA2B;IAChJ,wMAAwM;IACxM,QAAQ,CAAA,GAAA,yCAAe,EAAE;IAEzB,IAAI,YAAC,QAAQ,EAAC,GAAG;IACjB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,iDAAK,GAAG,sBAAsB,WAAW,SAAS;OACvE;AAGP","sources":["packages/@adobe/react-spectrum/src/actionbar/ActionBarContainer.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 {classNames} from '../utils/classNames';\n\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport React, {ReactNode} from 'react';\nimport styles from './actionbar.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface ActionBarContainerProps {\n  /** The contents of the ActionBarContainer. Should include a ActionBar and the renderable content it is associated with. */\n  children: ReactNode\n}\n\nexport interface SpectrumActionBarContainerProps extends ActionBarContainerProps, DOMProps, StyleProps {}\n\n/**\n * ActionBarContainer wraps around an ActionBar and a component that supports selection. It handles\n * the ActionBar's position with respect to its linked component.\n */\nexport const ActionBarContainer = React.forwardRef(function ActionBarContainer(props: SpectrumActionBarContainerProps, ref: DOMRef<HTMLDivElement>) {\n  // Grabs specific props from the closest Provider (see https://react-spectrum.adobe.com/react-spectrum/Provider.html#property-groups). Remove if your component doesn't support any of the listed props.\n  props = useProviderProps(props);\n\n  let {children} = props;\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n\n  return (\n    <div\n      {...filterDOMProps(props)}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(styles, 'ActionBarContainer', styleProps.className)}>\n      {children}\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ActionBarContainer.mjs.map"}
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA2BM,MAAM,0DAAqB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,mBAC1D,KAAsC,EACtC,GAA2B;IAE3B,wMAAwM;IACxM,QAAQ,CAAA,GAAA,yCAAe,EAAE;IAEzB,IAAI,YAAC,QAAQ,EAAC,GAAG;IACjB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,iDAAK,GAAG,sBAAsB,WAAW,SAAS;OACvE;AAGP","sources":["packages/@adobe/react-spectrum/src/actionbar/ActionBarContainer.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 {classNames} from '../utils/classNames';\n\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport React, {ReactNode} from 'react';\nimport styles from './actionbar.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useProviderProps} from '../provider/Provider';\nimport {useStyleProps} from '../utils/styleProps';\n\ninterface ActionBarContainerProps {\n  /**\n   * The contents of the ActionBarContainer. Should include a ActionBar and the renderable content\n   * it is associated with.\n   */\n  children: ReactNode;\n}\n\nexport interface SpectrumActionBarContainerProps\n  extends ActionBarContainerProps, DOMProps, StyleProps {}\n\n/**\n * ActionBarContainer wraps around an ActionBar and a component that supports selection. It handles\n * the ActionBar's position with respect to its linked component.\n */\nexport const ActionBarContainer = React.forwardRef(function ActionBarContainer(\n  props: SpectrumActionBarContainerProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  // Grabs specific props from the closest Provider (see https://react-spectrum.adobe.com/react-spectrum/Provider.html#property-groups). Remove if your component doesn't support any of the listed props.\n  props = useProviderProps(props);\n\n  let {children} = props;\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n\n  return (\n    <div\n      {...filterDOMProps(props)}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(styles, 'ActionBarContainer', styleProps.className)}>\n      {children}\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ActionBarContainer.mjs.map"}

package/dist/private/actionbar/actionbar.css

@@ -1,84 +1,87 @@
-.stB2eG_ActionBarContainer {
+.HRBV_a_ActionBarContainer {
   flex-direction: column;
   display: flex;
   position: relative;
-}
 
-.stB2eG_ActionBarContainer > :not(.stB2eG_react-spectrum-ActionBar) {
-  flex: 1;
-  min-height: 0;
-}
+  & > :not(.HRBV_a_react-spectrum-ActionBar) {
+    flex: 1;
+    min-height: 0;
+  }
 
-.stB2eG_ActionBarContainer > .stB2eG_react-spectrum-ActionBar {
-  flex: none;
+  & > .HRBV_a_react-spectrum-ActionBar {
+    flex: none;
+  }
 }
 
-.stB2eG_react-spectrum-ActionBar {
+.HRBV_a_react-spectrum-ActionBar {
   transition: height var(--spectrum-global-animation-duration-100, .13s) ease-in-out,
-              opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
+    opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
   opacity: 0;
   block-size: 0;
   width: 100%;
   overflow: hidden;
-}
 
-.stB2eG_react-spectrum-ActionBar.stB2eG_is-open {
-  height: calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-100) * 2);
-  opacity: 1;
-  transition-delay: 0s;
-}
+  &.HRBV_a_is-open {
+    height: calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-100) * 2);
+    opacity: 1;
+    transition-delay: 0s;
+  }
 
-.stB2eG_react-spectrum-ActionBar .stB2eG_react-spectrum-ActionBar-bar {
-  grid-template-areas: "stB2eG_clear stB2eG_selected . stB2eG_actiongroup";
-  grid-template-columns: auto max-content minmax(var(--spectrum-global-dimension-size-300), 1fr) auto;
-  isolation: isolate;
-  padding: var(--spectrum-global-dimension-size-100);
-  bottom: var(--spectrum-global-dimension-size-100);
-  left: var(--spectrum-global-dimension-size-100);
-  right: var(--spectrum-global-dimension-size-100);
-  background: var(--spectrum-global-color-gray-50);
-  border-radius: var(--spectrum-popover-border-radius, var(--spectrum-alias-border-radius-regular));
-  border-style: solid;
-  border-width: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin));
-  border-color: var(--spectrum-popover-border-color, var(--spectrum-alias-border-color-dark));
-  max-width: 960px;
-  box-shadow: 0 2px 8px var(--spectrum-alias-dropshadow-color);
-  transform: translateY(var(--spectrum-overlay-positive-transform-distance));
-  transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
-  justify-content: space-between;
-  align-items: center;
-  margin: 0 auto;
-  display: grid;
-  position: absolute;
-}
+  & .HRBV_a_react-spectrum-ActionBar-bar {
+    grid-template-areas: "HRBV_a_clear HRBV_a_selected . HRBV_a_actiongroup";
+    grid-template-columns: auto max-content minmax(var(--spectrum-global-dimension-size-300), 1fr)
+      auto;
+    isolation: isolate;
+    padding: var(--spectrum-global-dimension-size-100);
+    bottom: var(--spectrum-global-dimension-size-100);
+    left: var(--spectrum-global-dimension-size-100);
+    right: var(--spectrum-global-dimension-size-100);
+    background: var(--spectrum-global-color-gray-50);
+    border-radius: var(--spectrum-popover-border-radius, var(--spectrum-alias-border-radius-regular));
+    border-style: solid;
+    border-width: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin));
+    border-color: var(--spectrum-popover-border-color, var(--spectrum-alias-border-color-dark));
+    max-width: 960px;
+    box-shadow: 0 2px 8px var(--spectrum-alias-dropshadow-color);
+    transform: translateY(var(--spectrum-overlay-positive-transform-distance));
+    transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
+    justify-content: space-between;
+    align-items: center;
+    margin: 0 auto;
+    display: grid;
+    position: absolute;
+  }
 
-.stB2eG_react-spectrum-ActionBar.stB2eG_is-open .stB2eG_react-spectrum-ActionBar-bar {
-  transform: translateY(0);
-}
+  &.HRBV_a_is-open .HRBV_a_react-spectrum-ActionBar-bar {
+    transform: translateY(0);
+  }
 
-.stB2eG_react-spectrum-ActionBar.stB2eG_react-spectrum-ActionBar--emphasized .stB2eG_react-spectrum-ActionBar-bar {
-  background: var(--spectrum-global-color-static-blue-700, #0d66d0);
-  color: #fff;
-  box-shadow: 0 2px 6px var(--spectrum-alias-dropshadow-color);
-  border: none;
-}
+  &.HRBV_a_react-spectrum-ActionBar--emphasized .HRBV_a_react-spectrum-ActionBar-bar {
+    background: var(--spectrum-global-color-static-blue-700, #0d66d0);
+    color: #fff;
+    box-shadow: 0 2px 6px var(--spectrum-alias-dropshadow-color);
+    border: none;
+  }
 
-.stB2eG_react-spectrum-ActionBar .stB2eG_react-spectrum-ActionBar-selectedCount {
-  padding: 0 var(--spectrum-global-dimension-size-50);
-  -webkit-user-select: none;
-  user-select: none;
-  cursor: default;
-  grid-area: stB2eG_selected;
-}
+  & .HRBV_a_react-spectrum-ActionBar-selectedCount {
+    padding: 0 var(--spectrum-global-dimension-size-50);
+    -webkit-user-select: none;
+    user-select: none;
+    cursor: default;
+    grid-area: HRBV_a_selected;
+  }
 
-.stB2eG_react-spectrum-ActionBar .stB2eG_react-spectrum-ActionBar-actionGroup {
-  grid-area: stB2eG_actiongroup;
-  min-width: 0;
+  & .HRBV_a_react-spectrum-ActionBar-actionGroup {
+    grid-area: HRBV_a_actiongroup;
+    min-width: 0;
+  }
 }
 
 @media (forced-colors: active) {
-  .stB2eG_react-spectrum-ActionBar.stB2eG_react-spectrum-ActionBar--emphasized .stB2eG_react-spectrum-ActionBar-bar {
-    border: 1px solid #0000;
+  .HRBV_a_react-spectrum-ActionBar {
+    &.HRBV_a_react-spectrum-ActionBar--emphasized .HRBV_a_react-spectrum-ActionBar-bar {
+      border: 1px solid #0000;
+    }
   }
 }
 /*# sourceMappingURL=actionbar.css.map */

package/dist/private/actionbar/actionbar.css.map

@@ -1 +1 @@
-{"mappings":"AAAA;;;;;;AAKE;;;;;AAKA;;;;AAKF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEI","sources":["packages/@adobe/react-spectrum/src/actionbar/actionbar.css"],"sourcesContent":[".ActionBarContainer {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  & > :not(.react-spectrum-ActionBar) {\n    flex: 1;\n    min-height: 0;\n  }\n\n  & > .react-spectrum-ActionBar {\n    flex: 0 0 auto;\n  }\n}\n\n.react-spectrum-ActionBar {\n  transition: height var(--spectrum-global-animation-duration-100) ease-in-out,\n              opacity var(--spectrum-global-animation-duration-100) ease-in-out;\n\n  /* Take up no space when not open */\n  block-size: 0;\n  opacity: 0;\n  width: 100%;\n\n  /* Clip anything outside of us, whether we're open or not. This makes the animation smooth */\n  overflow: hidden;\n\n  &.is-open {\n    height: calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-100) * 2);\n    opacity: 1;\n    transition-delay: 0ms;\n  }\n\n  .react-spectrum-ActionBar-bar {\n    display: grid;\n    grid-template-areas: \"clear selected . actiongroup\";\n    grid-template-columns: auto max-content minmax(var(--spectrum-global-dimension-size-300), 1fr) auto;\n    align-items: center;\n    isolation: isolate;\n    justify-content: space-between;\n    padding: var(--spectrum-global-dimension-size-100);\n\n    position: absolute;\n    bottom: var(--spectrum-global-dimension-size-100);\n    left: var(--spectrum-global-dimension-size-100);\n    right: var(--spectrum-global-dimension-size-100);\n    max-width: 960px;\n    margin: 0 auto;\n\n    background: var(--spectrum-global-color-gray-50);\n    border-radius: var(--spectrum-popover-border-radius);\n    border-style: solid;\n    border-width: var(--spectrum-popover-border-size);\n    border-color: var(--spectrum-popover-border-color);\n    box-shadow: 0 2px 8px var(--spectrum-alias-dropshadow-color);\n\n    transform: translateY(var(--spectrum-overlay-positive-transform-distance));\n    transition: transform var(--spectrum-global-animation-duration-100) ease-in-out;\n  }\n\n  &.is-open .react-spectrum-ActionBar-bar {\n    transform: translateY(0);\n  }\n\n  &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n    background: var(--spectrum-global-color-static-blue-700);\n    color: white;\n    box-shadow: 0 2px 6px var(--spectrum-alias-dropshadow-color);\n    border: none;\n  }\n\n  .react-spectrum-ActionBar-selectedCount {\n    grid-area: selected;\n    padding: 0 var(--spectrum-global-dimension-size-50);\n    user-select: none;\n    cursor: default;\n  }\n\n  .react-spectrum-ActionBar-actionGroup {\n    grid-area: actiongroup;\n    min-width: 0;\n  }\n}\n@media (forced-colors: active) {\n  .react-spectrum-ActionBar {\n    &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n\n      border: 1px solid transparent;\n    }\n  }\n}\n"],"names":[],"version":3,"file":"actionbar.css.map"}
+{"mappings":"AAAA;;;;;EAKE;;;;;EAKA;;;;;AAKF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4EI","sources":["packages/@adobe/react-spectrum/src/actionbar/actionbar.css"],"sourcesContent":[".ActionBarContainer {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  & > :not(.react-spectrum-ActionBar) {\n    flex: 1;\n    min-height: 0;\n  }\n\n  & > .react-spectrum-ActionBar {\n    flex: 0 0 auto;\n  }\n}\n\n.react-spectrum-ActionBar {\n  transition:\n    height var(--spectrum-global-animation-duration-100) ease-in-out,\n    opacity var(--spectrum-global-animation-duration-100) ease-in-out;\n\n  /* Take up no space when not open */\n  block-size: 0;\n  opacity: 0;\n  width: 100%;\n\n  /* Clip anything outside of us, whether we're open or not. This makes the animation smooth */\n  overflow: hidden;\n\n  &.is-open {\n    height: calc(\n      var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-100) * 2\n    );\n    opacity: 1;\n    transition-delay: 0ms;\n  }\n\n  .react-spectrum-ActionBar-bar {\n    display: grid;\n    grid-template-areas: 'clear selected . actiongroup';\n    grid-template-columns:\n      auto max-content minmax(var(--spectrum-global-dimension-size-300), 1fr)\n      auto;\n    align-items: center;\n    isolation: isolate;\n    justify-content: space-between;\n    padding: var(--spectrum-global-dimension-size-100);\n\n    position: absolute;\n    bottom: var(--spectrum-global-dimension-size-100);\n    left: var(--spectrum-global-dimension-size-100);\n    right: var(--spectrum-global-dimension-size-100);\n    max-width: 960px;\n    margin: 0 auto;\n\n    background: var(--spectrum-global-color-gray-50);\n    border-radius: var(--spectrum-popover-border-radius);\n    border-style: solid;\n    border-width: var(--spectrum-popover-border-size);\n    border-color: var(--spectrum-popover-border-color);\n    box-shadow: 0 2px 8px var(--spectrum-alias-dropshadow-color);\n\n    transform: translateY(var(--spectrum-overlay-positive-transform-distance));\n    transition: transform var(--spectrum-global-animation-duration-100) ease-in-out;\n  }\n\n  &.is-open .react-spectrum-ActionBar-bar {\n    transform: translateY(0);\n  }\n\n  &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n    background: var(--spectrum-global-color-static-blue-700);\n    color: white;\n    box-shadow: 0 2px 6px var(--spectrum-alias-dropshadow-color);\n    border: none;\n  }\n\n  .react-spectrum-ActionBar-selectedCount {\n    grid-area: selected;\n    padding: 0 var(--spectrum-global-dimension-size-50);\n    user-select: none;\n    cursor: default;\n  }\n\n  .react-spectrum-ActionBar-actionGroup {\n    grid-area: actiongroup;\n    min-width: 0;\n  }\n}\n@media (forced-colors: active) {\n  .react-spectrum-ActionBar {\n    &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n      border: 1px solid transparent;\n    }\n  }\n}\n"],"names":[],"version":3,"file":"actionbar.css.map"}

package/dist/private/actionbar/actionbar_css.cjs

@@ -23,16 +23,16 @@ var $b462d0874eb51e82$export$adc2706661946993;
 var $b462d0874eb51e82$export$ea5a1c79ca7998e9;
 var $b462d0874eb51e82$export$8b9fb52122670f9e;
 var $b462d0874eb51e82$export$d90250155de6d7e7;
-$b462d0874eb51e82$export$ac2eb07f267e434c = `stB2eG_ActionBarContainer`;
-$b462d0874eb51e82$export$7c12d760fcaf48e4 = `stB2eG_actiongroup`;
-$b462d0874eb51e82$export$42ffd38884aecdac = `stB2eG_clear`;
-$b462d0874eb51e82$export$a9781837241c946d = `stB2eG_is-open`;
-$b462d0874eb51e82$export$71a4c2be37bc4ee5 = `stB2eG_react-spectrum-ActionBar`;
-$b462d0874eb51e82$export$3377f5e3cddd68a7 = `stB2eG_react-spectrum-ActionBar--emphasized`;
-$b462d0874eb51e82$export$adc2706661946993 = `stB2eG_react-spectrum-ActionBar-actionGroup`;
-$b462d0874eb51e82$export$ea5a1c79ca7998e9 = `stB2eG_react-spectrum-ActionBar-bar`;
-$b462d0874eb51e82$export$8b9fb52122670f9e = `stB2eG_react-spectrum-ActionBar-selectedCount`;
-$b462d0874eb51e82$export$d90250155de6d7e7 = `stB2eG_selected`;
+$b462d0874eb51e82$export$ac2eb07f267e434c = `HRBV_a_ActionBarContainer`;
+$b462d0874eb51e82$export$7c12d760fcaf48e4 = `HRBV_a_actiongroup`;
+$b462d0874eb51e82$export$42ffd38884aecdac = `HRBV_a_clear`;
+$b462d0874eb51e82$export$a9781837241c946d = `HRBV_a_is-open`;
+$b462d0874eb51e82$export$71a4c2be37bc4ee5 = `HRBV_a_react-spectrum-ActionBar`;
+$b462d0874eb51e82$export$3377f5e3cddd68a7 = `HRBV_a_react-spectrum-ActionBar--emphasized`;
+$b462d0874eb51e82$export$adc2706661946993 = `HRBV_a_react-spectrum-ActionBar-actionGroup`;
+$b462d0874eb51e82$export$ea5a1c79ca7998e9 = `HRBV_a_react-spectrum-ActionBar-bar`;
+$b462d0874eb51e82$export$8b9fb52122670f9e = `HRBV_a_react-spectrum-ActionBar-selectedCount`;
+$b462d0874eb51e82$export$d90250155de6d7e7 = `HRBV_a_selected`;
 
 
 //# sourceMappingURL=actionbar_css.cjs.map

package/dist/private/actionbar/actionbar_css.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AATA,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAA2D,CAAC,6CAA6C,CAAC;AAC1G,4CAA6B,CAAC,eAAe,CAAC","sources":["packages/@adobe/react-spectrum/src/actionbar/actionbar.css"],"sourcesContent":[".ActionBarContainer {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  & > :not(.react-spectrum-ActionBar) {\n    flex: 1;\n    min-height: 0;\n  }\n\n  & > .react-spectrum-ActionBar {\n    flex: 0 0 auto;\n  }\n}\n\n.react-spectrum-ActionBar {\n  transition: height var(--spectrum-global-animation-duration-100) ease-in-out,\n              opacity var(--spectrum-global-animation-duration-100) ease-in-out;\n\n  /* Take up no space when not open */\n  block-size: 0;\n  opacity: 0;\n  width: 100%;\n\n  /* Clip anything outside of us, whether we're open or not. This makes the animation smooth */\n  overflow: hidden;\n\n  &.is-open {\n    height: calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-100) * 2);\n    opacity: 1;\n    transition-delay: 0ms;\n  }\n\n  .react-spectrum-ActionBar-bar {\n    display: grid;\n    grid-template-areas: \"clear selected . actiongroup\";\n    grid-template-columns: auto max-content minmax(var(--spectrum-global-dimension-size-300), 1fr) auto;\n    align-items: center;\n    isolation: isolate;\n    justify-content: space-between;\n    padding: var(--spectrum-global-dimension-size-100);\n\n    position: absolute;\n    bottom: var(--spectrum-global-dimension-size-100);\n    left: var(--spectrum-global-dimension-size-100);\n    right: var(--spectrum-global-dimension-size-100);\n    max-width: 960px;\n    margin: 0 auto;\n\n    background: var(--spectrum-global-color-gray-50);\n    border-radius: var(--spectrum-popover-border-radius);\n    border-style: solid;\n    border-width: var(--spectrum-popover-border-size);\n    border-color: var(--spectrum-popover-border-color);\n    box-shadow: 0 2px 8px var(--spectrum-alias-dropshadow-color);\n\n    transform: translateY(var(--spectrum-overlay-positive-transform-distance));\n    transition: transform var(--spectrum-global-animation-duration-100) ease-in-out;\n  }\n\n  &.is-open .react-spectrum-ActionBar-bar {\n    transform: translateY(0);\n  }\n\n  &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n    background: var(--spectrum-global-color-static-blue-700);\n    color: white;\n    box-shadow: 0 2px 6px var(--spectrum-alias-dropshadow-color);\n    border: none;\n  }\n\n  .react-spectrum-ActionBar-selectedCount {\n    grid-area: selected;\n    padding: 0 var(--spectrum-global-dimension-size-50);\n    user-select: none;\n    cursor: default;\n  }\n\n  .react-spectrum-ActionBar-actionGroup {\n    grid-area: actiongroup;\n    min-width: 0;\n  }\n}\n@media (forced-colors: active) {\n  .react-spectrum-ActionBar {\n    &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n\n      border: 1px solid transparent;\n    }\n  }\n}\n"],"names":[],"version":3,"file":"actionbar_css.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AATA,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAA2D,CAAC,6CAA6C,CAAC;AAC1G,4CAA6B,CAAC,eAAe,CAAC","sources":["packages/@adobe/react-spectrum/src/actionbar/actionbar.css"],"sourcesContent":[".ActionBarContainer {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  & > :not(.react-spectrum-ActionBar) {\n    flex: 1;\n    min-height: 0;\n  }\n\n  & > .react-spectrum-ActionBar {\n    flex: 0 0 auto;\n  }\n}\n\n.react-spectrum-ActionBar {\n  transition:\n    height var(--spectrum-global-animation-duration-100) ease-in-out,\n    opacity var(--spectrum-global-animation-duration-100) ease-in-out;\n\n  /* Take up no space when not open */\n  block-size: 0;\n  opacity: 0;\n  width: 100%;\n\n  /* Clip anything outside of us, whether we're open or not. This makes the animation smooth */\n  overflow: hidden;\n\n  &.is-open {\n    height: calc(\n      var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-100) * 2\n    );\n    opacity: 1;\n    transition-delay: 0ms;\n  }\n\n  .react-spectrum-ActionBar-bar {\n    display: grid;\n    grid-template-areas: 'clear selected . actiongroup';\n    grid-template-columns:\n      auto max-content minmax(var(--spectrum-global-dimension-size-300), 1fr)\n      auto;\n    align-items: center;\n    isolation: isolate;\n    justify-content: space-between;\n    padding: var(--spectrum-global-dimension-size-100);\n\n    position: absolute;\n    bottom: var(--spectrum-global-dimension-size-100);\n    left: var(--spectrum-global-dimension-size-100);\n    right: var(--spectrum-global-dimension-size-100);\n    max-width: 960px;\n    margin: 0 auto;\n\n    background: var(--spectrum-global-color-gray-50);\n    border-radius: var(--spectrum-popover-border-radius);\n    border-style: solid;\n    border-width: var(--spectrum-popover-border-size);\n    border-color: var(--spectrum-popover-border-color);\n    box-shadow: 0 2px 8px var(--spectrum-alias-dropshadow-color);\n\n    transform: translateY(var(--spectrum-overlay-positive-transform-distance));\n    transition: transform var(--spectrum-global-animation-duration-100) ease-in-out;\n  }\n\n  &.is-open .react-spectrum-ActionBar-bar {\n    transform: translateY(0);\n  }\n\n  &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n    background: var(--spectrum-global-color-static-blue-700);\n    color: white;\n    box-shadow: 0 2px 6px var(--spectrum-alias-dropshadow-color);\n    border: none;\n  }\n\n  .react-spectrum-ActionBar-selectedCount {\n    grid-area: selected;\n    padding: 0 var(--spectrum-global-dimension-size-50);\n    user-select: none;\n    cursor: default;\n  }\n\n  .react-spectrum-ActionBar-actionGroup {\n    grid-area: actiongroup;\n    min-width: 0;\n  }\n}\n@media (forced-colors: active) {\n  .react-spectrum-ActionBar {\n    &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n      border: 1px solid transparent;\n    }\n  }\n}\n"],"names":[],"version":3,"file":"actionbar_css.cjs.map"}

package/dist/private/actionbar/actionbar_css.mjs

@@ -24,16 +24,16 @@ var $a8615b4dcd6e5cf6$export$adc2706661946993;
 var $a8615b4dcd6e5cf6$export$ea5a1c79ca7998e9;
 var $a8615b4dcd6e5cf6$export$8b9fb52122670f9e;
 var $a8615b4dcd6e5cf6$export$d90250155de6d7e7;
-$a8615b4dcd6e5cf6$export$ac2eb07f267e434c = `stB2eG_ActionBarContainer`;
-$a8615b4dcd6e5cf6$export$7c12d760fcaf48e4 = `stB2eG_actiongroup`;
-$a8615b4dcd6e5cf6$export$42ffd38884aecdac = `stB2eG_clear`;
-$a8615b4dcd6e5cf6$export$a9781837241c946d = `stB2eG_is-open`;
-$a8615b4dcd6e5cf6$export$71a4c2be37bc4ee5 = `stB2eG_react-spectrum-ActionBar`;
-$a8615b4dcd6e5cf6$export$3377f5e3cddd68a7 = `stB2eG_react-spectrum-ActionBar--emphasized`;
-$a8615b4dcd6e5cf6$export$adc2706661946993 = `stB2eG_react-spectrum-ActionBar-actionGroup`;
-$a8615b4dcd6e5cf6$export$ea5a1c79ca7998e9 = `stB2eG_react-spectrum-ActionBar-bar`;
-$a8615b4dcd6e5cf6$export$8b9fb52122670f9e = `stB2eG_react-spectrum-ActionBar-selectedCount`;
-$a8615b4dcd6e5cf6$export$d90250155de6d7e7 = `stB2eG_selected`;
+$a8615b4dcd6e5cf6$export$ac2eb07f267e434c = `HRBV_a_ActionBarContainer`;
+$a8615b4dcd6e5cf6$export$7c12d760fcaf48e4 = `HRBV_a_actiongroup`;
+$a8615b4dcd6e5cf6$export$42ffd38884aecdac = `HRBV_a_clear`;
+$a8615b4dcd6e5cf6$export$a9781837241c946d = `HRBV_a_is-open`;
+$a8615b4dcd6e5cf6$export$71a4c2be37bc4ee5 = `HRBV_a_react-spectrum-ActionBar`;
+$a8615b4dcd6e5cf6$export$3377f5e3cddd68a7 = `HRBV_a_react-spectrum-ActionBar--emphasized`;
+$a8615b4dcd6e5cf6$export$adc2706661946993 = `HRBV_a_react-spectrum-ActionBar-actionGroup`;
+$a8615b4dcd6e5cf6$export$ea5a1c79ca7998e9 = `HRBV_a_react-spectrum-ActionBar-bar`;
+$a8615b4dcd6e5cf6$export$8b9fb52122670f9e = `HRBV_a_react-spectrum-ActionBar-selectedCount`;
+$a8615b4dcd6e5cf6$export$d90250155de6d7e7 = `HRBV_a_selected`;
 
 
 export {$a8615b4dcd6e5cf6$exports as default};

package/dist/private/actionbar/actionbar_css.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AATA,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAA2D,CAAC,6CAA6C,CAAC;AAC1G,4CAA6B,CAAC,eAAe,CAAC","sources":["packages/@adobe/react-spectrum/src/actionbar/actionbar.css"],"sourcesContent":[".ActionBarContainer {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  & > :not(.react-spectrum-ActionBar) {\n    flex: 1;\n    min-height: 0;\n  }\n\n  & > .react-spectrum-ActionBar {\n    flex: 0 0 auto;\n  }\n}\n\n.react-spectrum-ActionBar {\n  transition: height var(--spectrum-global-animation-duration-100) ease-in-out,\n              opacity var(--spectrum-global-animation-duration-100) ease-in-out;\n\n  /* Take up no space when not open */\n  block-size: 0;\n  opacity: 0;\n  width: 100%;\n\n  /* Clip anything outside of us, whether we're open or not. This makes the animation smooth */\n  overflow: hidden;\n\n  &.is-open {\n    height: calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-100) * 2);\n    opacity: 1;\n    transition-delay: 0ms;\n  }\n\n  .react-spectrum-ActionBar-bar {\n    display: grid;\n    grid-template-areas: \"clear selected . actiongroup\";\n    grid-template-columns: auto max-content minmax(var(--spectrum-global-dimension-size-300), 1fr) auto;\n    align-items: center;\n    isolation: isolate;\n    justify-content: space-between;\n    padding: var(--spectrum-global-dimension-size-100);\n\n    position: absolute;\n    bottom: var(--spectrum-global-dimension-size-100);\n    left: var(--spectrum-global-dimension-size-100);\n    right: var(--spectrum-global-dimension-size-100);\n    max-width: 960px;\n    margin: 0 auto;\n\n    background: var(--spectrum-global-color-gray-50);\n    border-radius: var(--spectrum-popover-border-radius);\n    border-style: solid;\n    border-width: var(--spectrum-popover-border-size);\n    border-color: var(--spectrum-popover-border-color);\n    box-shadow: 0 2px 8px var(--spectrum-alias-dropshadow-color);\n\n    transform: translateY(var(--spectrum-overlay-positive-transform-distance));\n    transition: transform var(--spectrum-global-animation-duration-100) ease-in-out;\n  }\n\n  &.is-open .react-spectrum-ActionBar-bar {\n    transform: translateY(0);\n  }\n\n  &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n    background: var(--spectrum-global-color-static-blue-700);\n    color: white;\n    box-shadow: 0 2px 6px var(--spectrum-alias-dropshadow-color);\n    border: none;\n  }\n\n  .react-spectrum-ActionBar-selectedCount {\n    grid-area: selected;\n    padding: 0 var(--spectrum-global-dimension-size-50);\n    user-select: none;\n    cursor: default;\n  }\n\n  .react-spectrum-ActionBar-actionGroup {\n    grid-area: actiongroup;\n    min-width: 0;\n  }\n}\n@media (forced-colors: active) {\n  .react-spectrum-ActionBar {\n    &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n\n      border: 1px solid transparent;\n    }\n  }\n}\n"],"names":[],"version":3,"file":"actionbar_css.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AATA,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAA2D,CAAC,6CAA6C,CAAC;AAC1G,4CAA6B,CAAC,eAAe,CAAC","sources":["packages/@adobe/react-spectrum/src/actionbar/actionbar.css"],"sourcesContent":[".ActionBarContainer {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  & > :not(.react-spectrum-ActionBar) {\n    flex: 1;\n    min-height: 0;\n  }\n\n  & > .react-spectrum-ActionBar {\n    flex: 0 0 auto;\n  }\n}\n\n.react-spectrum-ActionBar {\n  transition:\n    height var(--spectrum-global-animation-duration-100) ease-in-out,\n    opacity var(--spectrum-global-animation-duration-100) ease-in-out;\n\n  /* Take up no space when not open */\n  block-size: 0;\n  opacity: 0;\n  width: 100%;\n\n  /* Clip anything outside of us, whether we're open or not. This makes the animation smooth */\n  overflow: hidden;\n\n  &.is-open {\n    height: calc(\n      var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-100) * 2\n    );\n    opacity: 1;\n    transition-delay: 0ms;\n  }\n\n  .react-spectrum-ActionBar-bar {\n    display: grid;\n    grid-template-areas: 'clear selected . actiongroup';\n    grid-template-columns:\n      auto max-content minmax(var(--spectrum-global-dimension-size-300), 1fr)\n      auto;\n    align-items: center;\n    isolation: isolate;\n    justify-content: space-between;\n    padding: var(--spectrum-global-dimension-size-100);\n\n    position: absolute;\n    bottom: var(--spectrum-global-dimension-size-100);\n    left: var(--spectrum-global-dimension-size-100);\n    right: var(--spectrum-global-dimension-size-100);\n    max-width: 960px;\n    margin: 0 auto;\n\n    background: var(--spectrum-global-color-gray-50);\n    border-radius: var(--spectrum-popover-border-radius);\n    border-style: solid;\n    border-width: var(--spectrum-popover-border-size);\n    border-color: var(--spectrum-popover-border-color);\n    box-shadow: 0 2px 8px var(--spectrum-alias-dropshadow-color);\n\n    transform: translateY(var(--spectrum-overlay-positive-transform-distance));\n    transition: transform var(--spectrum-global-animation-duration-100) ease-in-out;\n  }\n\n  &.is-open .react-spectrum-ActionBar-bar {\n    transform: translateY(0);\n  }\n\n  &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n    background: var(--spectrum-global-color-static-blue-700);\n    color: white;\n    box-shadow: 0 2px 6px var(--spectrum-alias-dropshadow-color);\n    border: none;\n  }\n\n  .react-spectrum-ActionBar-selectedCount {\n    grid-area: selected;\n    padding: 0 var(--spectrum-global-dimension-size-50);\n    user-select: none;\n    cursor: default;\n  }\n\n  .react-spectrum-ActionBar-actionGroup {\n    grid-area: actiongroup;\n    min-width: 0;\n  }\n}\n@media (forced-colors: active) {\n  .react-spectrum-ActionBar {\n    &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n      border: 1px solid transparent;\n    }\n  }\n}\n"],"names":[],"version":3,"file":"actionbar_css.mjs.map"}

package/dist/private/actiongroup/ActionGroup.cjs

@@ -222,7 +222,7 @@ const $1f2a1f451a6aa23a$export$c21a5597f732a168 = /*#__PURE__*/ (0, $gC6oF$react
         menuItem = /*#__PURE__*/ (0, ($parcel$interopDefault($gC6oF$react))).createElement($1f2a1f451a6aa23a$var$ActionGroupMenu, {
             ...menuProps,
             items: menuChildren,
-            onAction: onAction,
+            onAction: (key)=>onAction?.(key),
             isDisabled: isDisabled,
             isEmphasized: isEmphasized,
             staticColor: staticColor,
@@ -290,7 +290,9 @@ function $1f2a1f451a6aa23a$var$ActionGroupItem({ item: item, state: state, isDis
         item.rendered,
         textId
     ]);
-    let button = /*#__PURE__*/ (0, ($parcel$interopDefault($gC6oF$react))).createElement((0, $gC6oF$reactariaprivateinteractionsPressResponder.PressResponder), (0, $gC6oF$reactariamergeProps.mergeProps)(buttonProps, hoverProps, domProps), /*#__PURE__*/ (0, ($parcel$interopDefault($gC6oF$react))).createElement((0, $feede71cddc0c5f3$exports.ClearSlots), null, /*#__PURE__*/ (0, ($parcel$interopDefault($gC6oF$react))).createElement((0, $feede71cddc0c5f3$exports.SlotProvider), {
+    let button = // Use a PressResponder to send DOM props through.
+    // ActionButton doesn't allow overriding the role by default.
+    /*#__PURE__*/ (0, ($parcel$interopDefault($gC6oF$react))).createElement((0, $gC6oF$reactariaprivateinteractionsPressResponder.PressResponder), (0, $gC6oF$reactariamergeProps.mergeProps)(buttonProps, hoverProps, domProps), /*#__PURE__*/ (0, ($parcel$interopDefault($gC6oF$react))).createElement((0, $feede71cddc0c5f3$exports.ClearSlots), null, /*#__PURE__*/ (0, ($parcel$interopDefault($gC6oF$react))).createElement((0, $feede71cddc0c5f3$exports.SlotProvider), {
         slots: {
             text: {
                 id: hideButtonText ? textId : null,
@@ -364,7 +366,8 @@ function $1f2a1f451a6aa23a$var$ActionGroupMenu({ state: state, isDisabled: isDis
             'spectrum-ActionGroup-item--iconOnly': iconOnly
         })
     }, summaryIcon));
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($gC6oF$react))).createElement((0, $98227f5fd590c993$exports.MenuTrigger), {
+    return(// Use a PressResponder to send DOM props through.
+    /*#__PURE__*/ (0, ($parcel$interopDefault($gC6oF$react))).createElement((0, $98227f5fd590c993$exports.MenuTrigger), {
         align: isOnlyItem ? 'start' : 'end',
         direction: orientation === 'vertical' ? 'end' : 'bottom'
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($gC6oF$react))).createElement((0, $feede71cddc0c5f3$exports.SlotProvider), {
@@ -400,7 +403,7 @@ function $1f2a1f451a6aa23a$var$ActionGroupMenu({ state: state, isDisabled: isDis
     }, (node)=>/*#__PURE__*/ (0, ($parcel$interopDefault($gC6oF$react))).createElement((0, $gC6oF$reactstatelyItem.Item), {
             textValue: node.textValue,
             ...(0, $gC6oF$reactariafilterDOMProps.filterDOMProps)(node.props)
-        }, node.rendered)));
+        }, node.rendered))));
 }
 function $1f2a1f451a6aa23a$var$outerWidth(element, ignoreLeftMargin, ignoreRightMargin) {
     let style = window.getComputedStyle(element);