@adobe/react-spectrum 3.47.1 → 3.47.3

package/dist/private/button_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuNF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EE;;;;;;;;;;;;;;;;;AAmBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FE;;;;;AAIE;;;;AAKF;;;;;AAIE;;;;AAKF;;;;;AAIE;;;;AAKF;;;;;AAKE;;;;AAMJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmWA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6uBI;;;;AAKF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCE;;;;AAMJ;;;;;;;;;;;;;;;AAcI;;;;;;;;;AAUA;;;;AAMF;;;;;AAOF","sources":["packages/@adobe/spectrum-css-temp/components/button/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"button_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2KJ;;;;;;;AASA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6FA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2FE;;;;;;;;;EASE;;;;;;;;;;;;;;;;;;;;;IAqBF;MACE;;;;;;;;;;;;;;;AA4BF;;;;;;;;;;;;;EAaA;;;;IAIE;;;;;EAKF;;;;IAIE;;;;;EAKF;;;;IAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+PE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0GN;;;;;;;;;AAeE;;;;;;;;;EAkBE;;;;EAOA;;;;;IAKF;;;;;;;;;EAqBE;;;;;IAQF;;;;;;;;;;;;;;;;;;;EAyCE;;;;;IAQF;;;;;;;;;EAqBE;;;;;IAkBE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgHF;;;;;IAkBE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqRF;;;;;;;;;;;;;;;;;;;;IAgCF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmCE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgCE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEJ;;;;;EAKE;;;;;;;;;IAUA;;;;;EAKF;;;;;;;;;EAUE;;;;;IAKF;;;;;;;;;;;;;;;;IAkBA;;;;IAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8BA;;;;;EAMF","sources":["packages/@adobe/spectrum-css-temp/components/button/vars.css"],"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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"button_vars.css.map"}

package/dist/private/buttongroup/ButtonGroup.cjs

@@ -50,6 +50,7 @@ const $cae6b34e4dffcb70$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, ($parcel$int
     let { styleProps: styleProps } = (0, $b8f90d51c4908137$exports.useStyleProps)(otherProps);
     let domRef = (0, $65aea7b37663976b$exports.useDOMRef)(ref);
     let [hasOverflow, setHasOverflow] = (0, $48ux6$reactariaprivateutilsuseValueEffect.useValueEffect)(false);
+    // oxlint-disable react/react-compiler, react-hooks/exhaustive-deps
     let checkForOverflow = (0, $48ux6$react.useCallback)(()=>{
         let computeHasOverflow = ()=>{
             if (domRef.current && orientation === 'horizontal') {
@@ -67,7 +68,6 @@ const $cae6b34e4dffcb70$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, ($parcel$int
             // Measure, and update if there is overflow.
             yield computeHasOverflow();
         });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         domRef,
         orientation,
@@ -75,6 +75,7 @@ const $cae6b34e4dffcb70$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, ($parcel$int
         setHasOverflow,
         children
     ]);
+    // oxlint-enable react/react-compiler, react-hooks/exhaustive-deps
     // There are two main reasons we need to remeasure:
     // 1. Internal changes: Check for initial overflow or when orientation/scale/children change (from checkForOverflow dep array)
     (0, $48ux6$reactariaprivateutilsuseLayoutEffect.useLayoutEffect)(()=>{
@@ -84,12 +85,13 @@ const $cae6b34e4dffcb70$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, ($parcel$int
     ]);
     // 2. External changes: buttongroup won't change size due to any parents changing size, so listen to its container for size changes to figure out if we should remeasure
     let parent = (0, $48ux6$react.useRef)(undefined);
+    // oxlint-disable react/react-compiler, react-hooks/exhaustive-deps
     (0, $48ux6$reactariaprivateutilsuseLayoutEffect.useLayoutEffect)(()=>{
         if (domRef.current) parent.current = domRef.current.parentElement;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         domRef.current
     ]);
+    // oxlint-enable react/react-compiler, react-hooks/exhaustive-deps
     (0, $48ux6$reactariaprivateutilsuseResizeObserver.useResizeObserver)({
         ref: parent,
         onResize: checkForOverflow

package/dist/private/buttongroup/ButtonGroup.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAsCM,MAAM,0DAAc,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,YACnD,KAA+B,EAC/B,GAA2B;IAE3B,IAAI,SAAC,KAAK,EAAC,GAAG,CAAA,GAAA,qCAAU;IACxB,QAAQ,CAAA,GAAA,0CAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,sCAAW,EAAE,OAAO;IAE5B,IAAI,YAAC,QAAQ,eAAE,cAAc,0BAAc,UAAU,SAAE,QAAQ,SAAS,GAAG,YAAW,GAAG;IAEzF,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,CAAC,aAAa,eAAe,GAAG,CAAA,GAAA,yDAAa,EAAE;IAEnD,IAAI,mBAAmB,CAAA,GAAA,wBAAU,EAAE;QACjC,IAAI,qBAAqB;YACvB,IAAI,OAAO,OAAO,IAAI,gBAAgB,cAAc;gBAClD,IAAI,sBAAsB,MAAM,IAAI,CAAC,OAAO,OAAO,CAAC,QAAQ;gBAC5D,IAAI,OAAO,OAAO,OAAO,CAAC,WAAW,GAAG,GAAG,qCAAqC;gBAChF,0EAA0E;gBAC1E,0EAA0E;gBAC1E,IACE,oBAAoB,IAAI,CACtB,CAAA,QAAS,MAAM,UAAU,GAAG,KAAK,MAAM,UAAU,GAAG,MAAM,WAAW,GAAG,OAG1E,OAAO;gBAET,OAAO;YACT;QACF;QACA,IAAI,gBAAgB,cAClB,eAAe;YACb,uCAAuC;YACvC,MAAM;YAEN,4CAA4C;YAC5C,MAAM;QACR;IAEF,uDAAuD;IACzD,GAAG;QAAC;QAAQ;QAAa;QAAO;QAAgB;KAAS;IAEzD,mDAAmD;IACnD,8HAA8H;IAC9H,CAAA,GAAA,2DAAc,EAAE;QACd;IACF,GAAG;QAAC;KAAiB;IAErB,wKAAwK;IACxK,IAAI,SAAS,CAAA,GAAA,mBAAK,EAAe;IACjC,CAAA,GAAA,2DAAc,EAAE;QACd,IAAI,OAAO,OAAO,EAChB,OAAO,OAAO,GAAG,OAAO,OAAO,CAAC,aAAa;IAE/C,uDAAuD;IACzD,GAAG;QAAC,OAAO,OAAO;KAAC;IACnB,CAAA,GAAA,+DAAgB,EAAE;QAAC,KAAK;QAAQ,UAAU;IAAgB;IAE1D,qBACE,0DAAC;QACE,GAAG,CAAA,GAAA,6CAAa,EAAE,WAAW;QAC7B,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL,wBACA;YACE,kCAAkC,gBAAgB,cAAc;YAChE,kCAAkC,UAAU;YAC5C,qCAAqC,UAAU;QACjD,GACA,WAAW,SAAS;qBAEtB,0DAAC,CAAA,GAAA,sCAAW;QACV,OAAO;YACL,QAAQ;gBACN,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YACvC;QACF;qBACA,0DAAC,CAAA,GAAA,kCAAO;QAAE,YAAY;OAAa;AAI3C","sources":["packages/@adobe/react-spectrum/src/buttongroup/ButtonGroup.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 {Alignment, DOMProps, DOMRef, Orientation, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {Provider, useProvider, useProviderProps} from '../provider/Provider';\nimport React, {ReactNode, useCallback, useRef} from 'react';\nimport {SlotProvider, useSlotProps} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/buttongroup/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\nimport {useStyleProps} from '../utils/styleProps';\nimport {useValueEffect} from 'react-aria/private/utils/useValueEffect';\n\nexport interface SpectrumButtonGroupProps extends DOMProps, StyleProps {\n  /** Whether the Buttons in the ButtonGroup are all disabled. */\n  isDisabled?: boolean;\n  /**\n   * The axis the ButtonGroup should align with. Setting this to 'vertical' will prevent\n   * any switching behaviors between 'vertical' and 'horizontal'.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /** The Buttons contained within the ButtonGroup. */\n  children: ReactNode;\n  /**\n   * The alignment of the buttons within the ButtonGroup.\n   *\n   * @default 'start'\n   */\n  align?: Alignment | 'center';\n}\n\n/**\n * ButtonGroup handles overflow for a grouping of buttons whose actions are related to each other.\n */\nexport const ButtonGroup = React.forwardRef(function ButtonGroup(\n  props: SpectrumButtonGroupProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {scale} = useProvider();\n  props = useProviderProps(props);\n  props = useSlotProps(props, 'buttonGroup');\n\n  let {children, orientation = 'horizontal', isDisabled, align = 'start', ...otherProps} = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let domRef = useDOMRef(ref);\n  let [hasOverflow, setHasOverflow] = useValueEffect(false);\n\n  let checkForOverflow = useCallback(() => {\n    let computeHasOverflow = () => {\n      if (domRef.current && orientation === 'horizontal') {\n        let buttonGroupChildren = Array.from(domRef.current.children) as HTMLElement[];\n        let maxX = domRef.current.offsetWidth + 1; // + 1 to account for rounding errors\n        // If any buttons have negative X positions (align=\"end\") or extend beyond\n        // the width of the button group (align=\"start\"), then switch to vertical.\n        if (\n          buttonGroupChildren.some(\n            child => child.offsetLeft < 0 || child.offsetLeft + child.offsetWidth > maxX\n          )\n        ) {\n          return true;\n        }\n        return false;\n      }\n    };\n    if (orientation === 'horizontal') {\n      setHasOverflow(function* () {\n        // Force to horizontal for measurement.\n        yield false;\n\n        // Measure, and update if there is overflow.\n        yield computeHasOverflow();\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [domRef, orientation, scale, setHasOverflow, children]);\n\n  // There are two main reasons we need to remeasure:\n  // 1. Internal changes: Check for initial overflow or when orientation/scale/children change (from checkForOverflow dep array)\n  useLayoutEffect(() => {\n    checkForOverflow();\n  }, [checkForOverflow]);\n\n  // 2. External changes: buttongroup won't change size due to any parents changing size, so listen to its container for size changes to figure out if we should remeasure\n  let parent = useRef<HTMLElement>(undefined);\n  useLayoutEffect(() => {\n    if (domRef.current) {\n      parent.current = domRef.current.parentElement as HTMLElement;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [domRef.current]);\n  useResizeObserver({ref: parent, onResize: checkForOverflow});\n\n  return (\n    <div\n      {...filterDOMProps(otherProps)}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-ButtonGroup',\n        {\n          'spectrum-ButtonGroup--vertical': orientation === 'vertical' || hasOverflow,\n          'spectrum-ButtonGroup--alignEnd': align === 'end',\n          'spectrum-ButtonGroup--alignCenter': align === 'center'\n        },\n        styleProps.className\n      )}>\n      <SlotProvider\n        slots={{\n          button: {\n            UNSAFE_className: classNames(styles, 'spectrum-ButtonGroup-Button')\n          }\n        }}>\n        <Provider isDisabled={isDisabled}>{children}</Provider>\n      </SlotProvider>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ButtonGroup.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAsCM,MAAM,0DAAc,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,YACnD,KAA+B,EAC/B,GAA2B;IAE3B,IAAI,SAAC,KAAK,EAAC,GAAG,CAAA,GAAA,qCAAU;IACxB,QAAQ,CAAA,GAAA,0CAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,sCAAW,EAAE,OAAO;IAE5B,IAAI,YAAC,QAAQ,eAAE,cAAc,0BAAc,UAAU,SAAE,QAAQ,SAAS,GAAG,YAAW,GAAG;IAEzF,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,CAAC,aAAa,eAAe,GAAG,CAAA,GAAA,yDAAa,EAAE;IAEnD,mEAAmE;IACnE,IAAI,mBAAmB,CAAA,GAAA,wBAAU,EAAE;QACjC,IAAI,qBAAqB;YACvB,IAAI,OAAO,OAAO,IAAI,gBAAgB,cAAc;gBAClD,IAAI,sBAAsB,MAAM,IAAI,CAAC,OAAO,OAAO,CAAC,QAAQ;gBAC5D,IAAI,OAAO,OAAO,OAAO,CAAC,WAAW,GAAG,GAAG,qCAAqC;gBAChF,0EAA0E;gBAC1E,0EAA0E;gBAC1E,IACE,oBAAoB,IAAI,CACtB,CAAA,QAAS,MAAM,UAAU,GAAG,KAAK,MAAM,UAAU,GAAG,MAAM,WAAW,GAAG,OAG1E,OAAO;gBAET,OAAO;YACT;QACF;QACA,IAAI,gBAAgB,cAClB,eAAe;YACb,uCAAuC;YACvC,MAAM;YAEN,4CAA4C;YAC5C,MAAM;QACR;IAEJ,GAAG;QAAC;QAAQ;QAAa;QAAO;QAAgB;KAAS;IACzD,kEAAkE;IAElE,mDAAmD;IACnD,8HAA8H;IAC9H,CAAA,GAAA,2DAAc,EAAE;QACd;IACF,GAAG;QAAC;KAAiB;IAErB,wKAAwK;IACxK,IAAI,SAAS,CAAA,GAAA,mBAAK,EAAe;IACjC,mEAAmE;IACnE,CAAA,GAAA,2DAAc,EAAE;QACd,IAAI,OAAO,OAAO,EAChB,OAAO,OAAO,GAAG,OAAO,OAAO,CAAC,aAAa;IAEjD,GAAG;QAAC,OAAO,OAAO;KAAC;IACnB,kEAAkE;IAClE,CAAA,GAAA,+DAAgB,EAAE;QAAC,KAAK;QAAQ,UAAU;IAAgB;IAE1D,qBACE,0DAAC;QACE,GAAG,CAAA,GAAA,6CAAa,EAAE,WAAW;QAC7B,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL,wBACA;YACE,kCAAkC,gBAAgB,cAAc;YAChE,kCAAkC,UAAU;YAC5C,qCAAqC,UAAU;QACjD,GACA,WAAW,SAAS;qBAEtB,0DAAC,CAAA,GAAA,sCAAW;QACV,OAAO;YACL,QAAQ;gBACN,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YACvC;QACF;qBACA,0DAAC,CAAA,GAAA,kCAAO;QAAE,YAAY;OAAa;AAI3C","sources":["packages/@adobe/react-spectrum/src/buttongroup/ButtonGroup.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 {Alignment, DOMProps, DOMRef, Orientation, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {Provider, useProvider, useProviderProps} from '../provider/Provider';\nimport React, {ReactNode, useCallback, useRef} from 'react';\nimport {SlotProvider, useSlotProps} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/buttongroup/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\nimport {useStyleProps} from '../utils/styleProps';\nimport {useValueEffect} from 'react-aria/private/utils/useValueEffect';\n\nexport interface SpectrumButtonGroupProps extends DOMProps, StyleProps {\n  /** Whether the Buttons in the ButtonGroup are all disabled. */\n  isDisabled?: boolean;\n  /**\n   * The axis the ButtonGroup should align with. Setting this to 'vertical' will prevent\n   * any switching behaviors between 'vertical' and 'horizontal'.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /** The Buttons contained within the ButtonGroup. */\n  children: ReactNode;\n  /**\n   * The alignment of the buttons within the ButtonGroup.\n   *\n   * @default 'start'\n   */\n  align?: Alignment | 'center';\n}\n\n/**\n * ButtonGroup handles overflow for a grouping of buttons whose actions are related to each other.\n */\nexport const ButtonGroup = React.forwardRef(function ButtonGroup(\n  props: SpectrumButtonGroupProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {scale} = useProvider();\n  props = useProviderProps(props);\n  props = useSlotProps(props, 'buttonGroup');\n\n  let {children, orientation = 'horizontal', isDisabled, align = 'start', ...otherProps} = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let domRef = useDOMRef(ref);\n  let [hasOverflow, setHasOverflow] = useValueEffect(false);\n\n  // oxlint-disable react/react-compiler, react-hooks/exhaustive-deps\n  let checkForOverflow = useCallback(() => {\n    let computeHasOverflow = () => {\n      if (domRef.current && orientation === 'horizontal') {\n        let buttonGroupChildren = Array.from(domRef.current.children) as HTMLElement[];\n        let maxX = domRef.current.offsetWidth + 1; // + 1 to account for rounding errors\n        // If any buttons have negative X positions (align=\"end\") or extend beyond\n        // the width of the button group (align=\"start\"), then switch to vertical.\n        if (\n          buttonGroupChildren.some(\n            child => child.offsetLeft < 0 || child.offsetLeft + child.offsetWidth > maxX\n          )\n        ) {\n          return true;\n        }\n        return false;\n      }\n    };\n    if (orientation === 'horizontal') {\n      setHasOverflow(function* () {\n        // Force to horizontal for measurement.\n        yield false;\n\n        // Measure, and update if there is overflow.\n        yield computeHasOverflow();\n      });\n    }\n  }, [domRef, orientation, scale, setHasOverflow, children]);\n  // oxlint-enable react/react-compiler, react-hooks/exhaustive-deps\n\n  // There are two main reasons we need to remeasure:\n  // 1. Internal changes: Check for initial overflow or when orientation/scale/children change (from checkForOverflow dep array)\n  useLayoutEffect(() => {\n    checkForOverflow();\n  }, [checkForOverflow]);\n\n  // 2. External changes: buttongroup won't change size due to any parents changing size, so listen to its container for size changes to figure out if we should remeasure\n  let parent = useRef<HTMLElement>(undefined);\n  // oxlint-disable react/react-compiler, react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    if (domRef.current) {\n      parent.current = domRef.current.parentElement as HTMLElement;\n    }\n  }, [domRef.current]);\n  // oxlint-enable react/react-compiler, react-hooks/exhaustive-deps\n  useResizeObserver({ref: parent, onResize: checkForOverflow});\n\n  return (\n    <div\n      {...filterDOMProps(otherProps)}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-ButtonGroup',\n        {\n          'spectrum-ButtonGroup--vertical': orientation === 'vertical' || hasOverflow,\n          'spectrum-ButtonGroup--alignEnd': align === 'end',\n          'spectrum-ButtonGroup--alignCenter': align === 'center'\n        },\n        styleProps.className\n      )}>\n      <SlotProvider\n        slots={{\n          button: {\n            UNSAFE_className: classNames(styles, 'spectrum-ButtonGroup-Button')\n          }\n        }}>\n        <Provider isDisabled={isDisabled}>{children}</Provider>\n      </SlotProvider>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ButtonGroup.cjs.map"}

package/dist/private/buttongroup/ButtonGroup.js

@@ -44,6 +44,7 @@ const $020e7479c60446a5$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, $8aBSe$react
     let { styleProps: styleProps } = (0, $120fbea2d95e11ed$export$b8e6fb9d2dff3f41)(otherProps);
     let domRef = (0, $c234463e9ef56637$export$c2c55ef9111cafd8)(ref);
     let [hasOverflow, setHasOverflow] = (0, $8aBSe$useValueEffect)(false);
+    // oxlint-disable react/react-compiler, react-hooks/exhaustive-deps
     let checkForOverflow = (0, $8aBSe$useCallback)(()=>{
         let computeHasOverflow = ()=>{
             if (domRef.current && orientation === 'horizontal') {
@@ -61,7 +62,6 @@ const $020e7479c60446a5$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, $8aBSe$react
             // Measure, and update if there is overflow.
             yield computeHasOverflow();
         });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         domRef,
         orientation,
@@ -69,6 +69,7 @@ const $020e7479c60446a5$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, $8aBSe$react
         setHasOverflow,
         children
     ]);
+    // oxlint-enable react/react-compiler, react-hooks/exhaustive-deps
     // There are two main reasons we need to remeasure:
     // 1. Internal changes: Check for initial overflow or when orientation/scale/children change (from checkForOverflow dep array)
     (0, $8aBSe$useLayoutEffect)(()=>{
@@ -78,12 +79,13 @@ const $020e7479c60446a5$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, $8aBSe$react
     ]);
     // 2. External changes: buttongroup won't change size due to any parents changing size, so listen to its container for size changes to figure out if we should remeasure
     let parent = (0, $8aBSe$useRef)(undefined);
+    // oxlint-disable react/react-compiler, react-hooks/exhaustive-deps
     (0, $8aBSe$useLayoutEffect)(()=>{
         if (domRef.current) parent.current = domRef.current.parentElement;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         domRef.current
     ]);
+    // oxlint-enable react/react-compiler, react-hooks/exhaustive-deps
     (0, $8aBSe$useResizeObserver)({
         ref: parent,
         onResize: checkForOverflow

package/dist/private/buttongroup/ButtonGroup.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAsCM,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,YACnD,KAA+B,EAC/B,GAA2B;IAE3B,IAAI,SAAC,KAAK,EAAC,GAAG,CAAA,GAAA,yCAAU;IACxB,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE,OAAO;IAE5B,IAAI,YAAC,QAAQ,eAAE,cAAc,0BAAc,UAAU,SAAE,QAAQ,SAAS,GAAG,YAAW,GAAG;IAEzF,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,CAAC,aAAa,eAAe,GAAG,CAAA,GAAA,qBAAa,EAAE;IAEnD,IAAI,mBAAmB,CAAA,GAAA,kBAAU,EAAE;QACjC,IAAI,qBAAqB;YACvB,IAAI,OAAO,OAAO,IAAI,gBAAgB,cAAc;gBAClD,IAAI,sBAAsB,MAAM,IAAI,CAAC,OAAO,OAAO,CAAC,QAAQ;gBAC5D,IAAI,OAAO,OAAO,OAAO,CAAC,WAAW,GAAG,GAAG,qCAAqC;gBAChF,0EAA0E;gBAC1E,0EAA0E;gBAC1E,IACE,oBAAoB,IAAI,CACtB,CAAA,QAAS,MAAM,UAAU,GAAG,KAAK,MAAM,UAAU,GAAG,MAAM,WAAW,GAAG,OAG1E,OAAO;gBAET,OAAO;YACT;QACF;QACA,IAAI,gBAAgB,cAClB,eAAe;YACb,uCAAuC;YACvC,MAAM;YAEN,4CAA4C;YAC5C,MAAM;QACR;IAEF,uDAAuD;IACzD,GAAG;QAAC;QAAQ;QAAa;QAAO;QAAgB;KAAS;IAEzD,mDAAmD;IACnD,8HAA8H;IAC9H,CAAA,GAAA,sBAAc,EAAE;QACd;IACF,GAAG;QAAC;KAAiB;IAErB,wKAAwK;IACxK,IAAI,SAAS,CAAA,GAAA,aAAK,EAAe;IACjC,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,OAAO,OAAO,EAChB,OAAO,OAAO,GAAG,OAAO,OAAO,CAAC,aAAa;IAE/C,uDAAuD;IACzD,GAAG;QAAC,OAAO,OAAO;KAAC;IACnB,CAAA,GAAA,wBAAgB,EAAE;QAAC,KAAK;QAAQ,UAAU;IAAgB;IAE1D,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,WAAW;QAC7B,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,wDAAK,GACL,wBACA;YACE,kCAAkC,gBAAgB,cAAc;YAChE,kCAAkC,UAAU;YAC5C,qCAAqC,UAAU;QACjD,GACA,WAAW,SAAS;qBAEtB,gCAAC,CAAA,GAAA,yCAAW;QACV,OAAO;YACL,QAAQ;gBACN,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,wDAAK,GAAG;YACvC;QACF;qBACA,gCAAC,CAAA,GAAA,yCAAO;QAAE,YAAY;OAAa;AAI3C","sources":["packages/@adobe/react-spectrum/src/buttongroup/ButtonGroup.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 {Alignment, DOMProps, DOMRef, Orientation, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {Provider, useProvider, useProviderProps} from '../provider/Provider';\nimport React, {ReactNode, useCallback, useRef} from 'react';\nimport {SlotProvider, useSlotProps} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/buttongroup/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\nimport {useStyleProps} from '../utils/styleProps';\nimport {useValueEffect} from 'react-aria/private/utils/useValueEffect';\n\nexport interface SpectrumButtonGroupProps extends DOMProps, StyleProps {\n  /** Whether the Buttons in the ButtonGroup are all disabled. */\n  isDisabled?: boolean;\n  /**\n   * The axis the ButtonGroup should align with. Setting this to 'vertical' will prevent\n   * any switching behaviors between 'vertical' and 'horizontal'.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /** The Buttons contained within the ButtonGroup. */\n  children: ReactNode;\n  /**\n   * The alignment of the buttons within the ButtonGroup.\n   *\n   * @default 'start'\n   */\n  align?: Alignment | 'center';\n}\n\n/**\n * ButtonGroup handles overflow for a grouping of buttons whose actions are related to each other.\n */\nexport const ButtonGroup = React.forwardRef(function ButtonGroup(\n  props: SpectrumButtonGroupProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {scale} = useProvider();\n  props = useProviderProps(props);\n  props = useSlotProps(props, 'buttonGroup');\n\n  let {children, orientation = 'horizontal', isDisabled, align = 'start', ...otherProps} = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let domRef = useDOMRef(ref);\n  let [hasOverflow, setHasOverflow] = useValueEffect(false);\n\n  let checkForOverflow = useCallback(() => {\n    let computeHasOverflow = () => {\n      if (domRef.current && orientation === 'horizontal') {\n        let buttonGroupChildren = Array.from(domRef.current.children) as HTMLElement[];\n        let maxX = domRef.current.offsetWidth + 1; // + 1 to account for rounding errors\n        // If any buttons have negative X positions (align=\"end\") or extend beyond\n        // the width of the button group (align=\"start\"), then switch to vertical.\n        if (\n          buttonGroupChildren.some(\n            child => child.offsetLeft < 0 || child.offsetLeft + child.offsetWidth > maxX\n          )\n        ) {\n          return true;\n        }\n        return false;\n      }\n    };\n    if (orientation === 'horizontal') {\n      setHasOverflow(function* () {\n        // Force to horizontal for measurement.\n        yield false;\n\n        // Measure, and update if there is overflow.\n        yield computeHasOverflow();\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [domRef, orientation, scale, setHasOverflow, children]);\n\n  // There are two main reasons we need to remeasure:\n  // 1. Internal changes: Check for initial overflow or when orientation/scale/children change (from checkForOverflow dep array)\n  useLayoutEffect(() => {\n    checkForOverflow();\n  }, [checkForOverflow]);\n\n  // 2. External changes: buttongroup won't change size due to any parents changing size, so listen to its container for size changes to figure out if we should remeasure\n  let parent = useRef<HTMLElement>(undefined);\n  useLayoutEffect(() => {\n    if (domRef.current) {\n      parent.current = domRef.current.parentElement as HTMLElement;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [domRef.current]);\n  useResizeObserver({ref: parent, onResize: checkForOverflow});\n\n  return (\n    <div\n      {...filterDOMProps(otherProps)}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-ButtonGroup',\n        {\n          'spectrum-ButtonGroup--vertical': orientation === 'vertical' || hasOverflow,\n          'spectrum-ButtonGroup--alignEnd': align === 'end',\n          'spectrum-ButtonGroup--alignCenter': align === 'center'\n        },\n        styleProps.className\n      )}>\n      <SlotProvider\n        slots={{\n          button: {\n            UNSAFE_className: classNames(styles, 'spectrum-ButtonGroup-Button')\n          }\n        }}>\n        <Provider isDisabled={isDisabled}>{children}</Provider>\n      </SlotProvider>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ButtonGroup.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAsCM,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,YACnD,KAA+B,EAC/B,GAA2B;IAE3B,IAAI,SAAC,KAAK,EAAC,GAAG,CAAA,GAAA,yCAAU;IACxB,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE,OAAO;IAE5B,IAAI,YAAC,QAAQ,eAAE,cAAc,0BAAc,UAAU,SAAE,QAAQ,SAAS,GAAG,YAAW,GAAG;IAEzF,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,CAAC,aAAa,eAAe,GAAG,CAAA,GAAA,qBAAa,EAAE;IAEnD,mEAAmE;IACnE,IAAI,mBAAmB,CAAA,GAAA,kBAAU,EAAE;QACjC,IAAI,qBAAqB;YACvB,IAAI,OAAO,OAAO,IAAI,gBAAgB,cAAc;gBAClD,IAAI,sBAAsB,MAAM,IAAI,CAAC,OAAO,OAAO,CAAC,QAAQ;gBAC5D,IAAI,OAAO,OAAO,OAAO,CAAC,WAAW,GAAG,GAAG,qCAAqC;gBAChF,0EAA0E;gBAC1E,0EAA0E;gBAC1E,IACE,oBAAoB,IAAI,CACtB,CAAA,QAAS,MAAM,UAAU,GAAG,KAAK,MAAM,UAAU,GAAG,MAAM,WAAW,GAAG,OAG1E,OAAO;gBAET,OAAO;YACT;QACF;QACA,IAAI,gBAAgB,cAClB,eAAe;YACb,uCAAuC;YACvC,MAAM;YAEN,4CAA4C;YAC5C,MAAM;QACR;IAEJ,GAAG;QAAC;QAAQ;QAAa;QAAO;QAAgB;KAAS;IACzD,kEAAkE;IAElE,mDAAmD;IACnD,8HAA8H;IAC9H,CAAA,GAAA,sBAAc,EAAE;QACd;IACF,GAAG;QAAC;KAAiB;IAErB,wKAAwK;IACxK,IAAI,SAAS,CAAA,GAAA,aAAK,EAAe;IACjC,mEAAmE;IACnE,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,OAAO,OAAO,EAChB,OAAO,OAAO,GAAG,OAAO,OAAO,CAAC,aAAa;IAEjD,GAAG;QAAC,OAAO,OAAO;KAAC;IACnB,kEAAkE;IAClE,CAAA,GAAA,wBAAgB,EAAE;QAAC,KAAK;QAAQ,UAAU;IAAgB;IAE1D,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,WAAW;QAC7B,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,wDAAK,GACL,wBACA;YACE,kCAAkC,gBAAgB,cAAc;YAChE,kCAAkC,UAAU;YAC5C,qCAAqC,UAAU;QACjD,GACA,WAAW,SAAS;qBAEtB,gCAAC,CAAA,GAAA,yCAAW;QACV,OAAO;YACL,QAAQ;gBACN,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,wDAAK,GAAG;YACvC;QACF;qBACA,gCAAC,CAAA,GAAA,yCAAO;QAAE,YAAY;OAAa;AAI3C","sources":["packages/@adobe/react-spectrum/src/buttongroup/ButtonGroup.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 {Alignment, DOMProps, DOMRef, Orientation, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {Provider, useProvider, useProviderProps} from '../provider/Provider';\nimport React, {ReactNode, useCallback, useRef} from 'react';\nimport {SlotProvider, useSlotProps} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/buttongroup/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\nimport {useStyleProps} from '../utils/styleProps';\nimport {useValueEffect} from 'react-aria/private/utils/useValueEffect';\n\nexport interface SpectrumButtonGroupProps extends DOMProps, StyleProps {\n  /** Whether the Buttons in the ButtonGroup are all disabled. */\n  isDisabled?: boolean;\n  /**\n   * The axis the ButtonGroup should align with. Setting this to 'vertical' will prevent\n   * any switching behaviors between 'vertical' and 'horizontal'.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /** The Buttons contained within the ButtonGroup. */\n  children: ReactNode;\n  /**\n   * The alignment of the buttons within the ButtonGroup.\n   *\n   * @default 'start'\n   */\n  align?: Alignment | 'center';\n}\n\n/**\n * ButtonGroup handles overflow for a grouping of buttons whose actions are related to each other.\n */\nexport const ButtonGroup = React.forwardRef(function ButtonGroup(\n  props: SpectrumButtonGroupProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {scale} = useProvider();\n  props = useProviderProps(props);\n  props = useSlotProps(props, 'buttonGroup');\n\n  let {children, orientation = 'horizontal', isDisabled, align = 'start', ...otherProps} = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let domRef = useDOMRef(ref);\n  let [hasOverflow, setHasOverflow] = useValueEffect(false);\n\n  // oxlint-disable react/react-compiler, react-hooks/exhaustive-deps\n  let checkForOverflow = useCallback(() => {\n    let computeHasOverflow = () => {\n      if (domRef.current && orientation === 'horizontal') {\n        let buttonGroupChildren = Array.from(domRef.current.children) as HTMLElement[];\n        let maxX = domRef.current.offsetWidth + 1; // + 1 to account for rounding errors\n        // If any buttons have negative X positions (align=\"end\") or extend beyond\n        // the width of the button group (align=\"start\"), then switch to vertical.\n        if (\n          buttonGroupChildren.some(\n            child => child.offsetLeft < 0 || child.offsetLeft + child.offsetWidth > maxX\n          )\n        ) {\n          return true;\n        }\n        return false;\n      }\n    };\n    if (orientation === 'horizontal') {\n      setHasOverflow(function* () {\n        // Force to horizontal for measurement.\n        yield false;\n\n        // Measure, and update if there is overflow.\n        yield computeHasOverflow();\n      });\n    }\n  }, [domRef, orientation, scale, setHasOverflow, children]);\n  // oxlint-enable react/react-compiler, react-hooks/exhaustive-deps\n\n  // There are two main reasons we need to remeasure:\n  // 1. Internal changes: Check for initial overflow or when orientation/scale/children change (from checkForOverflow dep array)\n  useLayoutEffect(() => {\n    checkForOverflow();\n  }, [checkForOverflow]);\n\n  // 2. External changes: buttongroup won't change size due to any parents changing size, so listen to its container for size changes to figure out if we should remeasure\n  let parent = useRef<HTMLElement>(undefined);\n  // oxlint-disable react/react-compiler, react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    if (domRef.current) {\n      parent.current = domRef.current.parentElement as HTMLElement;\n    }\n  }, [domRef.current]);\n  // oxlint-enable react/react-compiler, react-hooks/exhaustive-deps\n  useResizeObserver({ref: parent, onResize: checkForOverflow});\n\n  return (\n    <div\n      {...filterDOMProps(otherProps)}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-ButtonGroup',\n        {\n          'spectrum-ButtonGroup--vertical': orientation === 'vertical' || hasOverflow,\n          'spectrum-ButtonGroup--alignEnd': align === 'end',\n          'spectrum-ButtonGroup--alignCenter': align === 'center'\n        },\n        styleProps.className\n      )}>\n      <SlotProvider\n        slots={{\n          button: {\n            UNSAFE_className: classNames(styles, 'spectrum-ButtonGroup-Button')\n          }\n        }}>\n        <Provider isDisabled={isDisabled}>{children}</Provider>\n      </SlotProvider>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ButtonGroup.js.map"}

package/dist/private/buttongroup/ButtonGroup.mjs

@@ -44,6 +44,7 @@ const $3a97ced4c1581335$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, $bhDJM$react
     let { styleProps: styleProps } = (0, $63d03c54ca5e4b88$export$b8e6fb9d2dff3f41)(otherProps);
     let domRef = (0, $3c2c983d5210446c$export$c2c55ef9111cafd8)(ref);
     let [hasOverflow, setHasOverflow] = (0, $bhDJM$useValueEffect)(false);
+    // oxlint-disable react/react-compiler, react-hooks/exhaustive-deps
     let checkForOverflow = (0, $bhDJM$useCallback)(()=>{
         let computeHasOverflow = ()=>{
             if (domRef.current && orientation === 'horizontal') {
@@ -61,7 +62,6 @@ const $3a97ced4c1581335$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, $bhDJM$react
             // Measure, and update if there is overflow.
             yield computeHasOverflow();
         });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         domRef,
         orientation,
@@ -69,6 +69,7 @@ const $3a97ced4c1581335$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, $bhDJM$react
         setHasOverflow,
         children
     ]);
+    // oxlint-enable react/react-compiler, react-hooks/exhaustive-deps
     // There are two main reasons we need to remeasure:
     // 1. Internal changes: Check for initial overflow or when orientation/scale/children change (from checkForOverflow dep array)
     (0, $bhDJM$useLayoutEffect)(()=>{
@@ -78,12 +79,13 @@ const $3a97ced4c1581335$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, $bhDJM$react
     ]);
     // 2. External changes: buttongroup won't change size due to any parents changing size, so listen to its container for size changes to figure out if we should remeasure
     let parent = (0, $bhDJM$useRef)(undefined);
+    // oxlint-disable react/react-compiler, react-hooks/exhaustive-deps
     (0, $bhDJM$useLayoutEffect)(()=>{
         if (domRef.current) parent.current = domRef.current.parentElement;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         domRef.current
     ]);
+    // oxlint-enable react/react-compiler, react-hooks/exhaustive-deps
     (0, $bhDJM$useResizeObserver)({
         ref: parent,
         onResize: checkForOverflow

package/dist/private/buttongroup/ButtonGroup.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAsCM,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,YACnD,KAA+B,EAC/B,GAA2B;IAE3B,IAAI,SAAC,KAAK,EAAC,GAAG,CAAA,GAAA,yCAAU;IACxB,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE,OAAO;IAE5B,IAAI,YAAC,QAAQ,eAAE,cAAc,0BAAc,UAAU,SAAE,QAAQ,SAAS,GAAG,YAAW,GAAG;IAEzF,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,CAAC,aAAa,eAAe,GAAG,CAAA,GAAA,qBAAa,EAAE;IAEnD,IAAI,mBAAmB,CAAA,GAAA,kBAAU,EAAE;QACjC,IAAI,qBAAqB;YACvB,IAAI,OAAO,OAAO,IAAI,gBAAgB,cAAc;gBAClD,IAAI,sBAAsB,MAAM,IAAI,CAAC,OAAO,OAAO,CAAC,QAAQ;gBAC5D,IAAI,OAAO,OAAO,OAAO,CAAC,WAAW,GAAG,GAAG,qCAAqC;gBAChF,0EAA0E;gBAC1E,0EAA0E;gBAC1E,IACE,oBAAoB,IAAI,CACtB,CAAA,QAAS,MAAM,UAAU,GAAG,KAAK,MAAM,UAAU,GAAG,MAAM,WAAW,GAAG,OAG1E,OAAO;gBAET,OAAO;YACT;QACF;QACA,IAAI,gBAAgB,cAClB,eAAe;YACb,uCAAuC;YACvC,MAAM;YAEN,4CAA4C;YAC5C,MAAM;QACR;IAEF,uDAAuD;IACzD,GAAG;QAAC;QAAQ;QAAa;QAAO;QAAgB;KAAS;IAEzD,mDAAmD;IACnD,8HAA8H;IAC9H,CAAA,GAAA,sBAAc,EAAE;QACd;IACF,GAAG;QAAC;KAAiB;IAErB,wKAAwK;IACxK,IAAI,SAAS,CAAA,GAAA,aAAK,EAAe;IACjC,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,OAAO,OAAO,EAChB,OAAO,OAAO,GAAG,OAAO,OAAO,CAAC,aAAa;IAE/C,uDAAuD;IACzD,GAAG;QAAC,OAAO,OAAO;KAAC;IACnB,CAAA,GAAA,wBAAgB,EAAE;QAAC,KAAK;QAAQ,UAAU;IAAgB;IAE1D,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,WAAW;QAC7B,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,wDAAK,GACL,wBACA;YACE,kCAAkC,gBAAgB,cAAc;YAChE,kCAAkC,UAAU;YAC5C,qCAAqC,UAAU;QACjD,GACA,WAAW,SAAS;qBAEtB,gCAAC,CAAA,GAAA,yCAAW;QACV,OAAO;YACL,QAAQ;gBACN,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,wDAAK,GAAG;YACvC;QACF;qBACA,gCAAC,CAAA,GAAA,yCAAO;QAAE,YAAY;OAAa;AAI3C","sources":["packages/@adobe/react-spectrum/src/buttongroup/ButtonGroup.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 {Alignment, DOMProps, DOMRef, Orientation, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {Provider, useProvider, useProviderProps} from '../provider/Provider';\nimport React, {ReactNode, useCallback, useRef} from 'react';\nimport {SlotProvider, useSlotProps} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/buttongroup/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\nimport {useStyleProps} from '../utils/styleProps';\nimport {useValueEffect} from 'react-aria/private/utils/useValueEffect';\n\nexport interface SpectrumButtonGroupProps extends DOMProps, StyleProps {\n  /** Whether the Buttons in the ButtonGroup are all disabled. */\n  isDisabled?: boolean;\n  /**\n   * The axis the ButtonGroup should align with. Setting this to 'vertical' will prevent\n   * any switching behaviors between 'vertical' and 'horizontal'.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /** The Buttons contained within the ButtonGroup. */\n  children: ReactNode;\n  /**\n   * The alignment of the buttons within the ButtonGroup.\n   *\n   * @default 'start'\n   */\n  align?: Alignment | 'center';\n}\n\n/**\n * ButtonGroup handles overflow for a grouping of buttons whose actions are related to each other.\n */\nexport const ButtonGroup = React.forwardRef(function ButtonGroup(\n  props: SpectrumButtonGroupProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {scale} = useProvider();\n  props = useProviderProps(props);\n  props = useSlotProps(props, 'buttonGroup');\n\n  let {children, orientation = 'horizontal', isDisabled, align = 'start', ...otherProps} = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let domRef = useDOMRef(ref);\n  let [hasOverflow, setHasOverflow] = useValueEffect(false);\n\n  let checkForOverflow = useCallback(() => {\n    let computeHasOverflow = () => {\n      if (domRef.current && orientation === 'horizontal') {\n        let buttonGroupChildren = Array.from(domRef.current.children) as HTMLElement[];\n        let maxX = domRef.current.offsetWidth + 1; // + 1 to account for rounding errors\n        // If any buttons have negative X positions (align=\"end\") or extend beyond\n        // the width of the button group (align=\"start\"), then switch to vertical.\n        if (\n          buttonGroupChildren.some(\n            child => child.offsetLeft < 0 || child.offsetLeft + child.offsetWidth > maxX\n          )\n        ) {\n          return true;\n        }\n        return false;\n      }\n    };\n    if (orientation === 'horizontal') {\n      setHasOverflow(function* () {\n        // Force to horizontal for measurement.\n        yield false;\n\n        // Measure, and update if there is overflow.\n        yield computeHasOverflow();\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [domRef, orientation, scale, setHasOverflow, children]);\n\n  // There are two main reasons we need to remeasure:\n  // 1. Internal changes: Check for initial overflow or when orientation/scale/children change (from checkForOverflow dep array)\n  useLayoutEffect(() => {\n    checkForOverflow();\n  }, [checkForOverflow]);\n\n  // 2. External changes: buttongroup won't change size due to any parents changing size, so listen to its container for size changes to figure out if we should remeasure\n  let parent = useRef<HTMLElement>(undefined);\n  useLayoutEffect(() => {\n    if (domRef.current) {\n      parent.current = domRef.current.parentElement as HTMLElement;\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [domRef.current]);\n  useResizeObserver({ref: parent, onResize: checkForOverflow});\n\n  return (\n    <div\n      {...filterDOMProps(otherProps)}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-ButtonGroup',\n        {\n          'spectrum-ButtonGroup--vertical': orientation === 'vertical' || hasOverflow,\n          'spectrum-ButtonGroup--alignEnd': align === 'end',\n          'spectrum-ButtonGroup--alignCenter': align === 'center'\n        },\n        styleProps.className\n      )}>\n      <SlotProvider\n        slots={{\n          button: {\n            UNSAFE_className: classNames(styles, 'spectrum-ButtonGroup-Button')\n          }\n        }}>\n        <Provider isDisabled={isDisabled}>{children}</Provider>\n      </SlotProvider>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ButtonGroup.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAsCM,MAAM,0DAAc,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC,SAAS,YACnD,KAA+B,EAC/B,GAA2B;IAE3B,IAAI,SAAC,KAAK,EAAC,GAAG,CAAA,GAAA,yCAAU;IACxB,QAAQ,CAAA,GAAA,yCAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,yCAAW,EAAE,OAAO;IAE5B,IAAI,YAAC,QAAQ,eAAE,cAAc,0BAAc,UAAU,SAAE,QAAQ,SAAS,GAAG,YAAW,GAAG;IAEzF,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IACvB,IAAI,CAAC,aAAa,eAAe,GAAG,CAAA,GAAA,qBAAa,EAAE;IAEnD,mEAAmE;IACnE,IAAI,mBAAmB,CAAA,GAAA,kBAAU,EAAE;QACjC,IAAI,qBAAqB;YACvB,IAAI,OAAO,OAAO,IAAI,gBAAgB,cAAc;gBAClD,IAAI,sBAAsB,MAAM,IAAI,CAAC,OAAO,OAAO,CAAC,QAAQ;gBAC5D,IAAI,OAAO,OAAO,OAAO,CAAC,WAAW,GAAG,GAAG,qCAAqC;gBAChF,0EAA0E;gBAC1E,0EAA0E;gBAC1E,IACE,oBAAoB,IAAI,CACtB,CAAA,QAAS,MAAM,UAAU,GAAG,KAAK,MAAM,UAAU,GAAG,MAAM,WAAW,GAAG,OAG1E,OAAO;gBAET,OAAO;YACT;QACF;QACA,IAAI,gBAAgB,cAClB,eAAe;YACb,uCAAuC;YACvC,MAAM;YAEN,4CAA4C;YAC5C,MAAM;QACR;IAEJ,GAAG;QAAC;QAAQ;QAAa;QAAO;QAAgB;KAAS;IACzD,kEAAkE;IAElE,mDAAmD;IACnD,8HAA8H;IAC9H,CAAA,GAAA,sBAAc,EAAE;QACd;IACF,GAAG;QAAC;KAAiB;IAErB,wKAAwK;IACxK,IAAI,SAAS,CAAA,GAAA,aAAK,EAAe;IACjC,mEAAmE;IACnE,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,OAAO,OAAO,EAChB,OAAO,OAAO,GAAG,OAAO,OAAO,CAAC,aAAa;IAEjD,GAAG;QAAC,OAAO,OAAO;KAAC;IACnB,kEAAkE;IAClE,CAAA,GAAA,wBAAgB,EAAE;QAAC,KAAK;QAAQ,UAAU;IAAgB;IAE1D,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,WAAW;QAC7B,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,wDAAK,GACL,wBACA;YACE,kCAAkC,gBAAgB,cAAc;YAChE,kCAAkC,UAAU;YAC5C,qCAAqC,UAAU;QACjD,GACA,WAAW,SAAS;qBAEtB,gCAAC,CAAA,GAAA,yCAAW;QACV,OAAO;YACL,QAAQ;gBACN,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,wDAAK,GAAG;YACvC;QACF;qBACA,gCAAC,CAAA,GAAA,yCAAO;QAAE,YAAY;OAAa;AAI3C","sources":["packages/@adobe/react-spectrum/src/buttongroup/ButtonGroup.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 {Alignment, DOMProps, DOMRef, Orientation, StyleProps} from '@react-types/shared';\nimport {classNames} from '../utils/classNames';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {Provider, useProvider, useProviderProps} from '../provider/Provider';\nimport React, {ReactNode, useCallback, useRef} from 'react';\nimport {SlotProvider, useSlotProps} from '../utils/Slots';\nimport styles from '@adobe/spectrum-css-temp/components/buttongroup/vars.css';\nimport {useDOMRef} from '../utils/useDOMRef';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\nimport {useStyleProps} from '../utils/styleProps';\nimport {useValueEffect} from 'react-aria/private/utils/useValueEffect';\n\nexport interface SpectrumButtonGroupProps extends DOMProps, StyleProps {\n  /** Whether the Buttons in the ButtonGroup are all disabled. */\n  isDisabled?: boolean;\n  /**\n   * The axis the ButtonGroup should align with. Setting this to 'vertical' will prevent\n   * any switching behaviors between 'vertical' and 'horizontal'.\n   *\n   * @default 'horizontal'\n   */\n  orientation?: Orientation;\n  /** The Buttons contained within the ButtonGroup. */\n  children: ReactNode;\n  /**\n   * The alignment of the buttons within the ButtonGroup.\n   *\n   * @default 'start'\n   */\n  align?: Alignment | 'center';\n}\n\n/**\n * ButtonGroup handles overflow for a grouping of buttons whose actions are related to each other.\n */\nexport const ButtonGroup = React.forwardRef(function ButtonGroup(\n  props: SpectrumButtonGroupProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  let {scale} = useProvider();\n  props = useProviderProps(props);\n  props = useSlotProps(props, 'buttonGroup');\n\n  let {children, orientation = 'horizontal', isDisabled, align = 'start', ...otherProps} = props;\n\n  let {styleProps} = useStyleProps(otherProps);\n  let domRef = useDOMRef(ref);\n  let [hasOverflow, setHasOverflow] = useValueEffect(false);\n\n  // oxlint-disable react/react-compiler, react-hooks/exhaustive-deps\n  let checkForOverflow = useCallback(() => {\n    let computeHasOverflow = () => {\n      if (domRef.current && orientation === 'horizontal') {\n        let buttonGroupChildren = Array.from(domRef.current.children) as HTMLElement[];\n        let maxX = domRef.current.offsetWidth + 1; // + 1 to account for rounding errors\n        // If any buttons have negative X positions (align=\"end\") or extend beyond\n        // the width of the button group (align=\"start\"), then switch to vertical.\n        if (\n          buttonGroupChildren.some(\n            child => child.offsetLeft < 0 || child.offsetLeft + child.offsetWidth > maxX\n          )\n        ) {\n          return true;\n        }\n        return false;\n      }\n    };\n    if (orientation === 'horizontal') {\n      setHasOverflow(function* () {\n        // Force to horizontal for measurement.\n        yield false;\n\n        // Measure, and update if there is overflow.\n        yield computeHasOverflow();\n      });\n    }\n  }, [domRef, orientation, scale, setHasOverflow, children]);\n  // oxlint-enable react/react-compiler, react-hooks/exhaustive-deps\n\n  // There are two main reasons we need to remeasure:\n  // 1. Internal changes: Check for initial overflow or when orientation/scale/children change (from checkForOverflow dep array)\n  useLayoutEffect(() => {\n    checkForOverflow();\n  }, [checkForOverflow]);\n\n  // 2. External changes: buttongroup won't change size due to any parents changing size, so listen to its container for size changes to figure out if we should remeasure\n  let parent = useRef<HTMLElement>(undefined);\n  // oxlint-disable react/react-compiler, react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    if (domRef.current) {\n      parent.current = domRef.current.parentElement as HTMLElement;\n    }\n  }, [domRef.current]);\n  // oxlint-enable react/react-compiler, react-hooks/exhaustive-deps\n  useResizeObserver({ref: parent, onResize: checkForOverflow});\n\n  return (\n    <div\n      {...filterDOMProps(otherProps)}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(\n        styles,\n        'spectrum-ButtonGroup',\n        {\n          'spectrum-ButtonGroup--vertical': orientation === 'vertical' || hasOverflow,\n          'spectrum-ButtonGroup--alignEnd': align === 'end',\n          'spectrum-ButtonGroup--alignCenter': align === 'center'\n        },\n        styleProps.className\n      )}>\n      <SlotProvider\n        slots={{\n          button: {\n            UNSAFE_className: classNames(styles, 'spectrum-ButtonGroup-Button')\n          }\n        }}>\n        <Provider isDisabled={isDisabled}>{children}</Provider>\n      </SlotProvider>\n    </div>\n  );\n});\n"],"names":[],"version":3,"file":"ButtonGroup.mjs.map"}

package/dist/private/buttongroup_vars.css

@@ -1,40 +1,41 @@
-.NekGBa_spectrum-ButtonGroup {
+.V4si4a_spectrum-ButtonGroup {
   align-items: flex-start;
+  max-width: 100%;
   display: inline-flex;
   position: relative;
-}
 
-.NekGBa_spectrum-ButtonGroup .NekGBa_spectrum-ButtonGroup-Button {
-  flex-shrink: 0;
-}
+  & .V4si4a_spectrum-ButtonGroup-Button {
+    flex-shrink: 0;
+  }
 
-.NekGBa_spectrum-ButtonGroup .NekGBa_spectrum-ButtonGroup-Button + .NekGBa_spectrum-ButtonGroup-Button {
-  margin-inline-start: var(--spectrum-buttongroup-button-gap-x, var(--spectrum-global-dimension-static-size-200));
-}
+  & .V4si4a_spectrum-ButtonGroup-Button + .V4si4a_spectrum-ButtonGroup-Button {
+    margin-inline-start: var(--spectrum-buttongroup-button-gap-x, var(--spectrum-global-dimension-static-size-200));
+  }
 
-.NekGBa_spectrum-ButtonGroup.NekGBa_spectrum-ButtonGroup--alignEnd {
-  justify-content: flex-end;
-}
+  &.V4si4a_spectrum-ButtonGroup--alignEnd {
+    justify-content: flex-end;
+  }
 
-.NekGBa_spectrum-ButtonGroup.NekGBa_spectrum-ButtonGroup--alignCenter {
-  justify-content: center;
+  &.V4si4a_spectrum-ButtonGroup--alignCenter {
+    justify-content: center;
+  }
 }
 
-.NekGBa_spectrum-ButtonGroup--vertical {
+.V4si4a_spectrum-ButtonGroup--vertical {
   flex-direction: column;
   display: inline-flex;
-}
 
-.NekGBa_spectrum-ButtonGroup--vertical .NekGBa_spectrum-ButtonGroup-Button + .NekGBa_spectrum-ButtonGroup-Button {
-  margin-block-start: var(--spectrum-buttongroup-button-gap-y, var(--spectrum-global-dimension-static-size-200));
-  margin-inline-start: 0;
-}
+  & .V4si4a_spectrum-ButtonGroup-Button + .V4si4a_spectrum-ButtonGroup-Button {
+    margin-block-start: var(--spectrum-buttongroup-button-gap-y, var(--spectrum-global-dimension-static-size-200));
+    margin-inline-start: 0;
+  }
 
-.NekGBa_spectrum-ButtonGroup--vertical.NekGBa_spectrum-ButtonGroup--alignEnd {
-  align-items: flex-end;
-}
+  &.V4si4a_spectrum-ButtonGroup--alignEnd {
+    align-items: flex-end;
+  }
 
-.NekGBa_spectrum-ButtonGroup--vertical.NekGBa_spectrum-ButtonGroup--alignCenter {
-  align-items: center;
+  &.V4si4a_spectrum-ButtonGroup--alignCenter {
+    align-items: center;
+  }
 }
 /*# sourceMappingURL=buttongroup_vars.css.map */

package/dist/private/buttongroup_vars.css.map

@@ -1 +1 @@
-{"mappings":"AAwBA;;;;;;AAME;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAKF;;;;;AAIE;;;;;AAKA;;;;AAIA","sources":["packages/@adobe/spectrum-css-temp/components/buttongroup/vars.css"],"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\n@import './index.css';\n"],"names":[],"version":3,"file":"buttongroup_vars.css.map"}
+{"mappings":"AAwBA;;;;;;EAOE;;;;EAIA;;;;EAIA;;;;EAIA;;;;;AAKF;;;;EAIE;;;;;EAKA;;;;EAIA","sources":["packages/@adobe/spectrum-css-temp/components/buttongroup/vars.css"],"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\n@import './index.css';\n"],"names":[],"version":3,"file":"buttongroup_vars.css.map"}

package/dist/private/buttongroup_vars_css.cjs

@@ -13,11 +13,11 @@ var $ecd450464147f757$export$252bc7c4ae05757;
 var $ecd450464147f757$export$30e96c53d7beca11;
 var $ecd450464147f757$export$84d9c0e1917a4eaf;
 var $ecd450464147f757$export$7184de2337c1927f;
-$ecd450464147f757$export$a92faf51352ac608 = `NekGBa_spectrum-ButtonGroup`;
-$ecd450464147f757$export$252bc7c4ae05757 = `NekGBa_spectrum-ButtonGroup--alignCenter`;
-$ecd450464147f757$export$30e96c53d7beca11 = `NekGBa_spectrum-ButtonGroup--alignEnd`;
-$ecd450464147f757$export$84d9c0e1917a4eaf = `NekGBa_spectrum-ButtonGroup--vertical`;
-$ecd450464147f757$export$7184de2337c1927f = `NekGBa_spectrum-ButtonGroup-Button`;
+$ecd450464147f757$export$a92faf51352ac608 = `V4si4a_spectrum-ButtonGroup`;
+$ecd450464147f757$export$252bc7c4ae05757 = `V4si4a_spectrum-ButtonGroup--alignCenter`;
+$ecd450464147f757$export$30e96c53d7beca11 = `V4si4a_spectrum-ButtonGroup--alignEnd`;
+$ecd450464147f757$export$84d9c0e1917a4eaf = `V4si4a_spectrum-ButtonGroup--vertical`;
+$ecd450464147f757$export$7184de2337c1927f = `V4si4a_spectrum-ButtonGroup-Button`;
 
 
 //# sourceMappingURL=buttongroup_vars_css.cjs.map

package/dist/private/buttongroup_vars_css.mjs

@@ -14,11 +14,11 @@ var $ad59b83469d63832$export$252bc7c4ae05757;
 var $ad59b83469d63832$export$30e96c53d7beca11;
 var $ad59b83469d63832$export$84d9c0e1917a4eaf;
 var $ad59b83469d63832$export$7184de2337c1927f;
-$ad59b83469d63832$export$a92faf51352ac608 = `NekGBa_spectrum-ButtonGroup`;
-$ad59b83469d63832$export$252bc7c4ae05757 = `NekGBa_spectrum-ButtonGroup--alignCenter`;
-$ad59b83469d63832$export$30e96c53d7beca11 = `NekGBa_spectrum-ButtonGroup--alignEnd`;
-$ad59b83469d63832$export$84d9c0e1917a4eaf = `NekGBa_spectrum-ButtonGroup--vertical`;
-$ad59b83469d63832$export$7184de2337c1927f = `NekGBa_spectrum-ButtonGroup-Button`;
+$ad59b83469d63832$export$a92faf51352ac608 = `V4si4a_spectrum-ButtonGroup`;
+$ad59b83469d63832$export$252bc7c4ae05757 = `V4si4a_spectrum-ButtonGroup--alignCenter`;
+$ad59b83469d63832$export$30e96c53d7beca11 = `V4si4a_spectrum-ButtonGroup--alignEnd`;
+$ad59b83469d63832$export$84d9c0e1917a4eaf = `V4si4a_spectrum-ButtonGroup--vertical`;
+$ad59b83469d63832$export$7184de2337c1927f = `V4si4a_spectrum-ButtonGroup-Button`;
 
 
 export {$ad59b83469d63832$exports as default};

package/dist/private/calendar/CalendarBase.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/calendar/CalendarBase.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 {AriaButtonProps} from 'react-aria/useButton';\nimport {CalendarDate} from '@internationalized/date';\nimport {CalendarMonth} from './CalendarMonth';\nimport {CalendarPropsBase, CalendarState} from 'react-stately/useCalendarState';\nimport ChevronLeft from '@spectrum-icons/ui/ChevronLeftLarge';\nimport ChevronRight from '@spectrum-icons/ui/ChevronRightLarge';\nimport {classNames} from '../utils/classNames';\nimport {DOMProps, RefObject, StyleProps} from '@react-types/shared';\nimport {HelpText} from '../label/HelpText';\nimport intlMessages from '../../intl/calendar/*.json';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\n// @ts-ignore\nimport React, {HTMLAttributes, JSX} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useDateFormatter} from 'react-aria/useDateFormatter';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface CalendarBaseProps<T extends CalendarState | RangeCalendarState>\n  extends CalendarPropsBase, DOMProps, StyleProps {\n  state: T;\n  visibleMonths?: number;\n  calendarProps: HTMLAttributes<HTMLElement>;\n  nextButtonProps: AriaButtonProps;\n  prevButtonProps: AriaButtonProps;\n  errorMessageProps: HTMLAttributes<HTMLElement>;\n  calendarRef: RefObject<HTMLDivElement | null>;\n}\n\nexport function CalendarBase<T extends CalendarState | RangeCalendarState>(\n  props: CalendarBaseProps<T>\n): JSX.Element {\n  let {\n    state,\n    calendarProps,\n    nextButtonProps,\n    prevButtonProps,\n    errorMessageProps,\n    calendarRef: ref,\n    visibleMonths = 1,\n    firstDayOfWeek\n  } = props;\n  let {styleProps} = useStyleProps(props);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/calendar');\n  let {direction} = useLocale();\n  let currentMonth = state.visibleRange.start;\n  let monthDateFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era:\n      currentMonth.calendar.identifier === 'gregory' && currentMonth.era === 'BC'\n        ? 'short'\n        : undefined,\n    calendar: currentMonth.calendar.identifier,\n    timeZone: state.timeZone\n  });\n\n  let titles: JSX.Element[] = [];\n  let calendars: JSX.Element[] = [];\n  for (let i = 0; i < visibleMonths; i++) {\n    let d = currentMonth.add({months: i});\n    titles.push(\n      <div key={i} className={classNames(styles, 'spectrum-Calendar-monthHeader')}>\n        {i === 0 && (\n          <ActionButton\n            {...prevButtonProps}\n            UNSAFE_className={classNames(styles, 'spectrum-Calendar-prevMonth')}\n            isQuiet>\n            {direction === 'rtl' ? <ChevronRight /> : <ChevronLeft />}\n          </ActionButton>\n        )}\n        <h2\n          // We have a visually hidden heading describing the entire visible range,\n          // and the calendar itself describes the individual month\n          // so we don't need to repeat that here for screen reader users.\n          aria-hidden\n          className={classNames(styles, 'spectrum-Calendar-title')}>\n          {getCurrentMonthName(d, state.timeZone, monthDateFormatter)}\n        </h2>\n        {i === visibleMonths - 1 && (\n          <ActionButton\n            {...nextButtonProps}\n            UNSAFE_className={classNames(styles, 'spectrum-Calendar-nextMonth')}\n            isQuiet>\n            {direction === 'rtl' ? <ChevronLeft /> : <ChevronRight />}\n          </ActionButton>\n        )}\n      </div>\n    );\n\n    calendars.push(\n      <CalendarMonth\n        {...props}\n        key={i}\n        state={state}\n        startDate={d}\n        firstDayOfWeek={firstDayOfWeek}\n      />\n    );\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...calendarProps}\n      ref={ref}\n      className={classNames(styles, 'spectrum-Calendar', styleProps.className)}>\n      {/* Add a screen reader only description of the entire visible range rather than\n       * a separate heading above each month grid. This is placed first in the DOM order\n       * so that it is the first thing a touch screen reader user encounters.\n       * In addition, VoiceOver on iOS does not announce the aria-label of the grid\n       * elements, so the aria-label of the Calendar is included here as well. */}\n      <VisuallyHidden>\n        <h2>{calendarProps['aria-label']}</h2>\n      </VisuallyHidden>\n      <div className={classNames(styles, 'spectrum-Calendar-header')}>{titles}</div>\n      <div className={classNames(styles, 'spectrum-Calendar-months')}>{calendars}</div>\n      {/* For touch screen readers, add a visually hidden next button after the month grid\n       * so it's easy to navigate after reaching the end without going all the way\n       * back to the start of the month. */}\n      <VisuallyHidden>\n        <button\n          aria-label={nextButtonProps['aria-label']}\n          disabled={nextButtonProps.isDisabled}\n          onClick={() => state.focusNextPage()}\n          tabIndex={-1}\n        />\n      </VisuallyHidden>\n      {state.isValueInvalid && (\n        <HelpText\n          showErrorIcon\n          errorMessage={\n            props.errorMessage ||\n            stringFormatter.format('invalidSelection', {\n              selectedCount: 'highlightedRange' in state ? 2 : 1\n            })\n          }\n          errorMessageProps={errorMessageProps}\n          isInvalid\n          // Intentionally a global class name so it can be targeted in DatePicker CSS...\n          UNSAFE_className=\"spectrum-Calendar-helpText\"\n        />\n      )}\n    </div>\n  );\n}\n\nfunction getCurrentMonthName(\n  date: CalendarDate,\n  timezone: string,\n  monthDateFormatter: ReturnType<typeof useDateFormatter>\n): string {\n  if (date.calendar.getFormattableMonth) {\n    date = date.calendar.getFormattableMonth(date);\n  }\n  return monthDateFormatter.format(date.toDate(timezone));\n}\n"],"names":[],"version":3,"file":"CalendarBase.cjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/calendar/CalendarBase.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 {AriaButtonProps} from 'react-aria/useButton';\nimport {CalendarDate} from '@internationalized/date';\nimport {CalendarMonth} from './CalendarMonth';\nimport {CalendarPropsBase, CalendarState} from 'react-stately/useCalendarState';\nimport ChevronLeft from '@spectrum-icons/ui/ChevronLeftLarge';\nimport ChevronRight from '@spectrum-icons/ui/ChevronRightLarge';\nimport {classNames} from '../utils/classNames';\nimport {DOMProps, RefObject, StyleProps} from '@react-types/shared';\nimport {HelpText} from '../label/HelpText';\nimport intlMessages from '../../intl/calendar/*.json';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport React, {HTMLAttributes, JSX} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useDateFormatter} from 'react-aria/useDateFormatter';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface CalendarBaseProps<T extends CalendarState | RangeCalendarState>\n  extends CalendarPropsBase, DOMProps, StyleProps {\n  state: T;\n  visibleMonths?: number;\n  calendarProps: HTMLAttributes<HTMLElement>;\n  nextButtonProps: AriaButtonProps;\n  prevButtonProps: AriaButtonProps;\n  errorMessageProps: HTMLAttributes<HTMLElement>;\n  calendarRef: RefObject<HTMLDivElement | null>;\n}\n\nexport function CalendarBase<T extends CalendarState | RangeCalendarState>(\n  props: CalendarBaseProps<T>\n): JSX.Element {\n  let {\n    state,\n    calendarProps,\n    nextButtonProps,\n    prevButtonProps,\n    errorMessageProps,\n    calendarRef: ref,\n    visibleMonths = 1,\n    firstDayOfWeek\n  } = props;\n  let {styleProps} = useStyleProps(props);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/calendar');\n  let {direction} = useLocale();\n  let currentMonth = state.visibleRange.start;\n  let monthDateFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era:\n      currentMonth.calendar.identifier === 'gregory' && currentMonth.era === 'BC'\n        ? 'short'\n        : undefined,\n    calendar: currentMonth.calendar.identifier,\n    timeZone: state.timeZone\n  });\n\n  let titles: JSX.Element[] = [];\n  let calendars: JSX.Element[] = [];\n  for (let i = 0; i < visibleMonths; i++) {\n    let d = currentMonth.add({months: i});\n    titles.push(\n      <div key={i} className={classNames(styles, 'spectrum-Calendar-monthHeader')}>\n        {i === 0 && (\n          <ActionButton\n            {...prevButtonProps}\n            UNSAFE_className={classNames(styles, 'spectrum-Calendar-prevMonth')}\n            isQuiet>\n            {direction === 'rtl' ? <ChevronRight /> : <ChevronLeft />}\n          </ActionButton>\n        )}\n        <h2\n          // We have a visually hidden heading describing the entire visible range,\n          // and the calendar itself describes the individual month\n          // so we don't need to repeat that here for screen reader users.\n          aria-hidden\n          className={classNames(styles, 'spectrum-Calendar-title')}>\n          {getCurrentMonthName(d, state.timeZone, monthDateFormatter)}\n        </h2>\n        {i === visibleMonths - 1 && (\n          <ActionButton\n            {...nextButtonProps}\n            UNSAFE_className={classNames(styles, 'spectrum-Calendar-nextMonth')}\n            isQuiet>\n            {direction === 'rtl' ? <ChevronLeft /> : <ChevronRight />}\n          </ActionButton>\n        )}\n      </div>\n    );\n\n    calendars.push(\n      <CalendarMonth\n        {...props}\n        key={i}\n        state={state}\n        startDate={d}\n        firstDayOfWeek={firstDayOfWeek}\n      />\n    );\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...calendarProps}\n      ref={ref}\n      className={classNames(styles, 'spectrum-Calendar', styleProps.className)}>\n      {/* Add a screen reader only description of the entire visible range rather than\n       * a separate heading above each month grid. This is placed first in the DOM order\n       * so that it is the first thing a touch screen reader user encounters.\n       * In addition, VoiceOver on iOS does not announce the aria-label of the grid\n       * elements, so the aria-label of the Calendar is included here as well. */}\n      <VisuallyHidden>\n        <h2>{calendarProps['aria-label']}</h2>\n      </VisuallyHidden>\n      <div className={classNames(styles, 'spectrum-Calendar-header')}>{titles}</div>\n      <div className={classNames(styles, 'spectrum-Calendar-months')}>{calendars}</div>\n      {/* For touch screen readers, add a visually hidden next button after the month grid\n       * so it's easy to navigate after reaching the end without going all the way\n       * back to the start of the month. */}\n      <VisuallyHidden>\n        <button\n          aria-label={nextButtonProps['aria-label']}\n          disabled={nextButtonProps.isDisabled}\n          onClick={() => state.focusNextPage()}\n          tabIndex={-1}\n        />\n      </VisuallyHidden>\n      {state.isValueInvalid && (\n        <HelpText\n          showErrorIcon\n          errorMessage={\n            props.errorMessage ||\n            stringFormatter.format('invalidSelection', {\n              selectedCount: 'highlightedRange' in state ? 2 : 1\n            })\n          }\n          errorMessageProps={errorMessageProps}\n          isInvalid\n          // Intentionally a global class name so it can be targeted in DatePicker CSS...\n          UNSAFE_className=\"spectrum-Calendar-helpText\"\n        />\n      )}\n    </div>\n  );\n}\n\nfunction getCurrentMonthName(\n  date: CalendarDate,\n  timezone: string,\n  monthDateFormatter: ReturnType<typeof useDateFormatter>\n): string {\n  if (date.calendar.getFormattableMonth) {\n    date = date.calendar.getFormattableMonth(date);\n  }\n  return monthDateFormatter.format(date.toDate(timezone));\n}\n"],"names":[],"version":3,"file":"CalendarBase.cjs.map"}

package/dist/private/calendar/CalendarBase.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/calendar/CalendarBase.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 {AriaButtonProps} from 'react-aria/useButton';\nimport {CalendarDate} from '@internationalized/date';\nimport {CalendarMonth} from './CalendarMonth';\nimport {CalendarPropsBase, CalendarState} from 'react-stately/useCalendarState';\nimport ChevronLeft from '@spectrum-icons/ui/ChevronLeftLarge';\nimport ChevronRight from '@spectrum-icons/ui/ChevronRightLarge';\nimport {classNames} from '../utils/classNames';\nimport {DOMProps, RefObject, StyleProps} from '@react-types/shared';\nimport {HelpText} from '../label/HelpText';\nimport intlMessages from '../../intl/calendar/*.json';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\n// @ts-ignore\nimport React, {HTMLAttributes, JSX} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useDateFormatter} from 'react-aria/useDateFormatter';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface CalendarBaseProps<T extends CalendarState | RangeCalendarState>\n  extends CalendarPropsBase, DOMProps, StyleProps {\n  state: T;\n  visibleMonths?: number;\n  calendarProps: HTMLAttributes<HTMLElement>;\n  nextButtonProps: AriaButtonProps;\n  prevButtonProps: AriaButtonProps;\n  errorMessageProps: HTMLAttributes<HTMLElement>;\n  calendarRef: RefObject<HTMLDivElement | null>;\n}\n\nexport function CalendarBase<T extends CalendarState | RangeCalendarState>(\n  props: CalendarBaseProps<T>\n): JSX.Element {\n  let {\n    state,\n    calendarProps,\n    nextButtonProps,\n    prevButtonProps,\n    errorMessageProps,\n    calendarRef: ref,\n    visibleMonths = 1,\n    firstDayOfWeek\n  } = props;\n  let {styleProps} = useStyleProps(props);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/calendar');\n  let {direction} = useLocale();\n  let currentMonth = state.visibleRange.start;\n  let monthDateFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era:\n      currentMonth.calendar.identifier === 'gregory' && currentMonth.era === 'BC'\n        ? 'short'\n        : undefined,\n    calendar: currentMonth.calendar.identifier,\n    timeZone: state.timeZone\n  });\n\n  let titles: JSX.Element[] = [];\n  let calendars: JSX.Element[] = [];\n  for (let i = 0; i < visibleMonths; i++) {\n    let d = currentMonth.add({months: i});\n    titles.push(\n      <div key={i} className={classNames(styles, 'spectrum-Calendar-monthHeader')}>\n        {i === 0 && (\n          <ActionButton\n            {...prevButtonProps}\n            UNSAFE_className={classNames(styles, 'spectrum-Calendar-prevMonth')}\n            isQuiet>\n            {direction === 'rtl' ? <ChevronRight /> : <ChevronLeft />}\n          </ActionButton>\n        )}\n        <h2\n          // We have a visually hidden heading describing the entire visible range,\n          // and the calendar itself describes the individual month\n          // so we don't need to repeat that here for screen reader users.\n          aria-hidden\n          className={classNames(styles, 'spectrum-Calendar-title')}>\n          {getCurrentMonthName(d, state.timeZone, monthDateFormatter)}\n        </h2>\n        {i === visibleMonths - 1 && (\n          <ActionButton\n            {...nextButtonProps}\n            UNSAFE_className={classNames(styles, 'spectrum-Calendar-nextMonth')}\n            isQuiet>\n            {direction === 'rtl' ? <ChevronLeft /> : <ChevronRight />}\n          </ActionButton>\n        )}\n      </div>\n    );\n\n    calendars.push(\n      <CalendarMonth\n        {...props}\n        key={i}\n        state={state}\n        startDate={d}\n        firstDayOfWeek={firstDayOfWeek}\n      />\n    );\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...calendarProps}\n      ref={ref}\n      className={classNames(styles, 'spectrum-Calendar', styleProps.className)}>\n      {/* Add a screen reader only description of the entire visible range rather than\n       * a separate heading above each month grid. This is placed first in the DOM order\n       * so that it is the first thing a touch screen reader user encounters.\n       * In addition, VoiceOver on iOS does not announce the aria-label of the grid\n       * elements, so the aria-label of the Calendar is included here as well. */}\n      <VisuallyHidden>\n        <h2>{calendarProps['aria-label']}</h2>\n      </VisuallyHidden>\n      <div className={classNames(styles, 'spectrum-Calendar-header')}>{titles}</div>\n      <div className={classNames(styles, 'spectrum-Calendar-months')}>{calendars}</div>\n      {/* For touch screen readers, add a visually hidden next button after the month grid\n       * so it's easy to navigate after reaching the end without going all the way\n       * back to the start of the month. */}\n      <VisuallyHidden>\n        <button\n          aria-label={nextButtonProps['aria-label']}\n          disabled={nextButtonProps.isDisabled}\n          onClick={() => state.focusNextPage()}\n          tabIndex={-1}\n        />\n      </VisuallyHidden>\n      {state.isValueInvalid && (\n        <HelpText\n          showErrorIcon\n          errorMessage={\n            props.errorMessage ||\n            stringFormatter.format('invalidSelection', {\n              selectedCount: 'highlightedRange' in state ? 2 : 1\n            })\n          }\n          errorMessageProps={errorMessageProps}\n          isInvalid\n          // Intentionally a global class name so it can be targeted in DatePicker CSS...\n          UNSAFE_className=\"spectrum-Calendar-helpText\"\n        />\n      )}\n    </div>\n  );\n}\n\nfunction getCurrentMonthName(\n  date: CalendarDate,\n  timezone: string,\n  monthDateFormatter: ReturnType<typeof useDateFormatter>\n): string {\n  if (date.calendar.getFormattableMonth) {\n    date = date.calendar.getFormattableMonth(date);\n  }\n  return monthDateFormatter.format(date.toDate(timezone));\n}\n"],"names":[],"version":3,"file":"CalendarBase.js.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/calendar/CalendarBase.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 {AriaButtonProps} from 'react-aria/useButton';\nimport {CalendarDate} from '@internationalized/date';\nimport {CalendarMonth} from './CalendarMonth';\nimport {CalendarPropsBase, CalendarState} from 'react-stately/useCalendarState';\nimport ChevronLeft from '@spectrum-icons/ui/ChevronLeftLarge';\nimport ChevronRight from '@spectrum-icons/ui/ChevronRightLarge';\nimport {classNames} from '../utils/classNames';\nimport {DOMProps, RefObject, StyleProps} from '@react-types/shared';\nimport {HelpText} from '../label/HelpText';\nimport intlMessages from '../../intl/calendar/*.json';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport React, {HTMLAttributes, JSX} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useDateFormatter} from 'react-aria/useDateFormatter';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface CalendarBaseProps<T extends CalendarState | RangeCalendarState>\n  extends CalendarPropsBase, DOMProps, StyleProps {\n  state: T;\n  visibleMonths?: number;\n  calendarProps: HTMLAttributes<HTMLElement>;\n  nextButtonProps: AriaButtonProps;\n  prevButtonProps: AriaButtonProps;\n  errorMessageProps: HTMLAttributes<HTMLElement>;\n  calendarRef: RefObject<HTMLDivElement | null>;\n}\n\nexport function CalendarBase<T extends CalendarState | RangeCalendarState>(\n  props: CalendarBaseProps<T>\n): JSX.Element {\n  let {\n    state,\n    calendarProps,\n    nextButtonProps,\n    prevButtonProps,\n    errorMessageProps,\n    calendarRef: ref,\n    visibleMonths = 1,\n    firstDayOfWeek\n  } = props;\n  let {styleProps} = useStyleProps(props);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/calendar');\n  let {direction} = useLocale();\n  let currentMonth = state.visibleRange.start;\n  let monthDateFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era:\n      currentMonth.calendar.identifier === 'gregory' && currentMonth.era === 'BC'\n        ? 'short'\n        : undefined,\n    calendar: currentMonth.calendar.identifier,\n    timeZone: state.timeZone\n  });\n\n  let titles: JSX.Element[] = [];\n  let calendars: JSX.Element[] = [];\n  for (let i = 0; i < visibleMonths; i++) {\n    let d = currentMonth.add({months: i});\n    titles.push(\n      <div key={i} className={classNames(styles, 'spectrum-Calendar-monthHeader')}>\n        {i === 0 && (\n          <ActionButton\n            {...prevButtonProps}\n            UNSAFE_className={classNames(styles, 'spectrum-Calendar-prevMonth')}\n            isQuiet>\n            {direction === 'rtl' ? <ChevronRight /> : <ChevronLeft />}\n          </ActionButton>\n        )}\n        <h2\n          // We have a visually hidden heading describing the entire visible range,\n          // and the calendar itself describes the individual month\n          // so we don't need to repeat that here for screen reader users.\n          aria-hidden\n          className={classNames(styles, 'spectrum-Calendar-title')}>\n          {getCurrentMonthName(d, state.timeZone, monthDateFormatter)}\n        </h2>\n        {i === visibleMonths - 1 && (\n          <ActionButton\n            {...nextButtonProps}\n            UNSAFE_className={classNames(styles, 'spectrum-Calendar-nextMonth')}\n            isQuiet>\n            {direction === 'rtl' ? <ChevronLeft /> : <ChevronRight />}\n          </ActionButton>\n        )}\n      </div>\n    );\n\n    calendars.push(\n      <CalendarMonth\n        {...props}\n        key={i}\n        state={state}\n        startDate={d}\n        firstDayOfWeek={firstDayOfWeek}\n      />\n    );\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...calendarProps}\n      ref={ref}\n      className={classNames(styles, 'spectrum-Calendar', styleProps.className)}>\n      {/* Add a screen reader only description of the entire visible range rather than\n       * a separate heading above each month grid. This is placed first in the DOM order\n       * so that it is the first thing a touch screen reader user encounters.\n       * In addition, VoiceOver on iOS does not announce the aria-label of the grid\n       * elements, so the aria-label of the Calendar is included here as well. */}\n      <VisuallyHidden>\n        <h2>{calendarProps['aria-label']}</h2>\n      </VisuallyHidden>\n      <div className={classNames(styles, 'spectrum-Calendar-header')}>{titles}</div>\n      <div className={classNames(styles, 'spectrum-Calendar-months')}>{calendars}</div>\n      {/* For touch screen readers, add a visually hidden next button after the month grid\n       * so it's easy to navigate after reaching the end without going all the way\n       * back to the start of the month. */}\n      <VisuallyHidden>\n        <button\n          aria-label={nextButtonProps['aria-label']}\n          disabled={nextButtonProps.isDisabled}\n          onClick={() => state.focusNextPage()}\n          tabIndex={-1}\n        />\n      </VisuallyHidden>\n      {state.isValueInvalid && (\n        <HelpText\n          showErrorIcon\n          errorMessage={\n            props.errorMessage ||\n            stringFormatter.format('invalidSelection', {\n              selectedCount: 'highlightedRange' in state ? 2 : 1\n            })\n          }\n          errorMessageProps={errorMessageProps}\n          isInvalid\n          // Intentionally a global class name so it can be targeted in DatePicker CSS...\n          UNSAFE_className=\"spectrum-Calendar-helpText\"\n        />\n      )}\n    </div>\n  );\n}\n\nfunction getCurrentMonthName(\n  date: CalendarDate,\n  timezone: string,\n  monthDateFormatter: ReturnType<typeof useDateFormatter>\n): string {\n  if (date.calendar.getFormattableMonth) {\n    date = date.calendar.getFormattableMonth(date);\n  }\n  return monthDateFormatter.format(date.toDate(timezone));\n}\n"],"names":[],"version":3,"file":"CalendarBase.js.map"}

package/dist/private/calendar/CalendarBase.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/calendar/CalendarBase.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 {AriaButtonProps} from 'react-aria/useButton';\nimport {CalendarDate} from '@internationalized/date';\nimport {CalendarMonth} from './CalendarMonth';\nimport {CalendarPropsBase, CalendarState} from 'react-stately/useCalendarState';\nimport ChevronLeft from '@spectrum-icons/ui/ChevronLeftLarge';\nimport ChevronRight from '@spectrum-icons/ui/ChevronRightLarge';\nimport {classNames} from '../utils/classNames';\nimport {DOMProps, RefObject, StyleProps} from '@react-types/shared';\nimport {HelpText} from '../label/HelpText';\nimport intlMessages from '../../intl/calendar/*.json';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\n// @ts-ignore\nimport React, {HTMLAttributes, JSX} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useDateFormatter} from 'react-aria/useDateFormatter';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface CalendarBaseProps<T extends CalendarState | RangeCalendarState>\n  extends CalendarPropsBase, DOMProps, StyleProps {\n  state: T;\n  visibleMonths?: number;\n  calendarProps: HTMLAttributes<HTMLElement>;\n  nextButtonProps: AriaButtonProps;\n  prevButtonProps: AriaButtonProps;\n  errorMessageProps: HTMLAttributes<HTMLElement>;\n  calendarRef: RefObject<HTMLDivElement | null>;\n}\n\nexport function CalendarBase<T extends CalendarState | RangeCalendarState>(\n  props: CalendarBaseProps<T>\n): JSX.Element {\n  let {\n    state,\n    calendarProps,\n    nextButtonProps,\n    prevButtonProps,\n    errorMessageProps,\n    calendarRef: ref,\n    visibleMonths = 1,\n    firstDayOfWeek\n  } = props;\n  let {styleProps} = useStyleProps(props);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/calendar');\n  let {direction} = useLocale();\n  let currentMonth = state.visibleRange.start;\n  let monthDateFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era:\n      currentMonth.calendar.identifier === 'gregory' && currentMonth.era === 'BC'\n        ? 'short'\n        : undefined,\n    calendar: currentMonth.calendar.identifier,\n    timeZone: state.timeZone\n  });\n\n  let titles: JSX.Element[] = [];\n  let calendars: JSX.Element[] = [];\n  for (let i = 0; i < visibleMonths; i++) {\n    let d = currentMonth.add({months: i});\n    titles.push(\n      <div key={i} className={classNames(styles, 'spectrum-Calendar-monthHeader')}>\n        {i === 0 && (\n          <ActionButton\n            {...prevButtonProps}\n            UNSAFE_className={classNames(styles, 'spectrum-Calendar-prevMonth')}\n            isQuiet>\n            {direction === 'rtl' ? <ChevronRight /> : <ChevronLeft />}\n          </ActionButton>\n        )}\n        <h2\n          // We have a visually hidden heading describing the entire visible range,\n          // and the calendar itself describes the individual month\n          // so we don't need to repeat that here for screen reader users.\n          aria-hidden\n          className={classNames(styles, 'spectrum-Calendar-title')}>\n          {getCurrentMonthName(d, state.timeZone, monthDateFormatter)}\n        </h2>\n        {i === visibleMonths - 1 && (\n          <ActionButton\n            {...nextButtonProps}\n            UNSAFE_className={classNames(styles, 'spectrum-Calendar-nextMonth')}\n            isQuiet>\n            {direction === 'rtl' ? <ChevronLeft /> : <ChevronRight />}\n          </ActionButton>\n        )}\n      </div>\n    );\n\n    calendars.push(\n      <CalendarMonth\n        {...props}\n        key={i}\n        state={state}\n        startDate={d}\n        firstDayOfWeek={firstDayOfWeek}\n      />\n    );\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...calendarProps}\n      ref={ref}\n      className={classNames(styles, 'spectrum-Calendar', styleProps.className)}>\n      {/* Add a screen reader only description of the entire visible range rather than\n       * a separate heading above each month grid. This is placed first in the DOM order\n       * so that it is the first thing a touch screen reader user encounters.\n       * In addition, VoiceOver on iOS does not announce the aria-label of the grid\n       * elements, so the aria-label of the Calendar is included here as well. */}\n      <VisuallyHidden>\n        <h2>{calendarProps['aria-label']}</h2>\n      </VisuallyHidden>\n      <div className={classNames(styles, 'spectrum-Calendar-header')}>{titles}</div>\n      <div className={classNames(styles, 'spectrum-Calendar-months')}>{calendars}</div>\n      {/* For touch screen readers, add a visually hidden next button after the month grid\n       * so it's easy to navigate after reaching the end without going all the way\n       * back to the start of the month. */}\n      <VisuallyHidden>\n        <button\n          aria-label={nextButtonProps['aria-label']}\n          disabled={nextButtonProps.isDisabled}\n          onClick={() => state.focusNextPage()}\n          tabIndex={-1}\n        />\n      </VisuallyHidden>\n      {state.isValueInvalid && (\n        <HelpText\n          showErrorIcon\n          errorMessage={\n            props.errorMessage ||\n            stringFormatter.format('invalidSelection', {\n              selectedCount: 'highlightedRange' in state ? 2 : 1\n            })\n          }\n          errorMessageProps={errorMessageProps}\n          isInvalid\n          // Intentionally a global class name so it can be targeted in DatePicker CSS...\n          UNSAFE_className=\"spectrum-Calendar-helpText\"\n        />\n      )}\n    </div>\n  );\n}\n\nfunction getCurrentMonthName(\n  date: CalendarDate,\n  timezone: string,\n  monthDateFormatter: ReturnType<typeof useDateFormatter>\n): string {\n  if (date.calendar.getFormattableMonth) {\n    date = date.calendar.getFormattableMonth(date);\n  }\n  return monthDateFormatter.format(date.toDate(timezone));\n}\n"],"names":[],"version":3,"file":"CalendarBase.mjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/calendar/CalendarBase.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 {AriaButtonProps} from 'react-aria/useButton';\nimport {CalendarDate} from '@internationalized/date';\nimport {CalendarMonth} from './CalendarMonth';\nimport {CalendarPropsBase, CalendarState} from 'react-stately/useCalendarState';\nimport ChevronLeft from '@spectrum-icons/ui/ChevronLeftLarge';\nimport ChevronRight from '@spectrum-icons/ui/ChevronRightLarge';\nimport {classNames} from '../utils/classNames';\nimport {DOMProps, RefObject, StyleProps} from '@react-types/shared';\nimport {HelpText} from '../label/HelpText';\nimport intlMessages from '../../intl/calendar/*.json';\nimport {RangeCalendarState} from 'react-stately/useRangeCalendarState';\nimport React, {HTMLAttributes, JSX} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/calendar/vars.css';\nimport {useDateFormatter} from 'react-aria/useDateFormatter';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\nimport {VisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface CalendarBaseProps<T extends CalendarState | RangeCalendarState>\n  extends CalendarPropsBase, DOMProps, StyleProps {\n  state: T;\n  visibleMonths?: number;\n  calendarProps: HTMLAttributes<HTMLElement>;\n  nextButtonProps: AriaButtonProps;\n  prevButtonProps: AriaButtonProps;\n  errorMessageProps: HTMLAttributes<HTMLElement>;\n  calendarRef: RefObject<HTMLDivElement | null>;\n}\n\nexport function CalendarBase<T extends CalendarState | RangeCalendarState>(\n  props: CalendarBaseProps<T>\n): JSX.Element {\n  let {\n    state,\n    calendarProps,\n    nextButtonProps,\n    prevButtonProps,\n    errorMessageProps,\n    calendarRef: ref,\n    visibleMonths = 1,\n    firstDayOfWeek\n  } = props;\n  let {styleProps} = useStyleProps(props);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/calendar');\n  let {direction} = useLocale();\n  let currentMonth = state.visibleRange.start;\n  let monthDateFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era:\n      currentMonth.calendar.identifier === 'gregory' && currentMonth.era === 'BC'\n        ? 'short'\n        : undefined,\n    calendar: currentMonth.calendar.identifier,\n    timeZone: state.timeZone\n  });\n\n  let titles: JSX.Element[] = [];\n  let calendars: JSX.Element[] = [];\n  for (let i = 0; i < visibleMonths; i++) {\n    let d = currentMonth.add({months: i});\n    titles.push(\n      <div key={i} className={classNames(styles, 'spectrum-Calendar-monthHeader')}>\n        {i === 0 && (\n          <ActionButton\n            {...prevButtonProps}\n            UNSAFE_className={classNames(styles, 'spectrum-Calendar-prevMonth')}\n            isQuiet>\n            {direction === 'rtl' ? <ChevronRight /> : <ChevronLeft />}\n          </ActionButton>\n        )}\n        <h2\n          // We have a visually hidden heading describing the entire visible range,\n          // and the calendar itself describes the individual month\n          // so we don't need to repeat that here for screen reader users.\n          aria-hidden\n          className={classNames(styles, 'spectrum-Calendar-title')}>\n          {getCurrentMonthName(d, state.timeZone, monthDateFormatter)}\n        </h2>\n        {i === visibleMonths - 1 && (\n          <ActionButton\n            {...nextButtonProps}\n            UNSAFE_className={classNames(styles, 'spectrum-Calendar-nextMonth')}\n            isQuiet>\n            {direction === 'rtl' ? <ChevronLeft /> : <ChevronRight />}\n          </ActionButton>\n        )}\n      </div>\n    );\n\n    calendars.push(\n      <CalendarMonth\n        {...props}\n        key={i}\n        state={state}\n        startDate={d}\n        firstDayOfWeek={firstDayOfWeek}\n      />\n    );\n  }\n\n  return (\n    <div\n      {...styleProps}\n      {...calendarProps}\n      ref={ref}\n      className={classNames(styles, 'spectrum-Calendar', styleProps.className)}>\n      {/* Add a screen reader only description of the entire visible range rather than\n       * a separate heading above each month grid. This is placed first in the DOM order\n       * so that it is the first thing a touch screen reader user encounters.\n       * In addition, VoiceOver on iOS does not announce the aria-label of the grid\n       * elements, so the aria-label of the Calendar is included here as well. */}\n      <VisuallyHidden>\n        <h2>{calendarProps['aria-label']}</h2>\n      </VisuallyHidden>\n      <div className={classNames(styles, 'spectrum-Calendar-header')}>{titles}</div>\n      <div className={classNames(styles, 'spectrum-Calendar-months')}>{calendars}</div>\n      {/* For touch screen readers, add a visually hidden next button after the month grid\n       * so it's easy to navigate after reaching the end without going all the way\n       * back to the start of the month. */}\n      <VisuallyHidden>\n        <button\n          aria-label={nextButtonProps['aria-label']}\n          disabled={nextButtonProps.isDisabled}\n          onClick={() => state.focusNextPage()}\n          tabIndex={-1}\n        />\n      </VisuallyHidden>\n      {state.isValueInvalid && (\n        <HelpText\n          showErrorIcon\n          errorMessage={\n            props.errorMessage ||\n            stringFormatter.format('invalidSelection', {\n              selectedCount: 'highlightedRange' in state ? 2 : 1\n            })\n          }\n          errorMessageProps={errorMessageProps}\n          isInvalid\n          // Intentionally a global class name so it can be targeted in DatePicker CSS...\n          UNSAFE_className=\"spectrum-Calendar-helpText\"\n        />\n      )}\n    </div>\n  );\n}\n\nfunction getCurrentMonthName(\n  date: CalendarDate,\n  timezone: string,\n  monthDateFormatter: ReturnType<typeof useDateFormatter>\n): string {\n  if (date.calendar.getFormattableMonth) {\n    date = date.calendar.getFormattableMonth(date);\n  }\n  return monthDateFormatter.format(date.toDate(timezone));\n}\n"],"names":[],"version":3,"file":"CalendarBase.mjs.map"}