@react-spectrum/buttongroup 3.6.12-nightly.4555 → 3.6.12-nightly.4560

package/dist/ButtonGroup.main.js

@@ -0,0 +1,109 @@
+require("./vars.5ab31a3b.css");
+var $2e9803b3bbead7d0$exports = require("./buttongroup_vars_css.main.js");
+var $6iGPs$reactspectrumutils = require("@react-spectrum/utils");
+var $6iGPs$reactariautils = require("@react-aria/utils");
+var $6iGPs$reactspectrumprovider = require("@react-spectrum/provider");
+var $6iGPs$react = require("react");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "ButtonGroup", () => $d384d3249418a107$export$69b1032f2ecdf404);
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+function $d384d3249418a107$var$ButtonGroup(props, ref) {
+    let { scale: scale } = (0, $6iGPs$reactspectrumprovider.useProvider)();
+    props = (0, $6iGPs$reactspectrumprovider.useProviderProps)(props);
+    props = (0, $6iGPs$reactspectrumutils.useSlotProps)(props, "buttonGroup");
+    let { children: children, orientation: orientation = "horizontal", isDisabled: isDisabled, align: align = "start", ...otherProps } = props;
+    let { styleProps: styleProps } = (0, $6iGPs$reactspectrumutils.useStyleProps)(otherProps);
+    let domRef = (0, $6iGPs$reactspectrumutils.useDOMRef)(ref);
+    let [hasOverflow, setHasOverflow] = (0, $6iGPs$reactariautils.useValueEffect)(false);
+    let checkForOverflow = (0, $6iGPs$react.useCallback)(()=>{
+        let computeHasOverflow = ()=>{
+            if (domRef.current && orientation === "horizontal") {
+                let buttonGroupChildren = Array.from(domRef.current.children);
+                let maxX = domRef.current.offsetWidth + 1; // + 1 to account for rounding errors
+                // If any buttons have negative X positions (align="end") or extend beyond
+                // the width of the button group (align="start"), then switch to vertical.
+                if (buttonGroupChildren.some((child)=>child.offsetLeft < 0 || child.offsetLeft + child.offsetWidth > maxX)) return true;
+                return false;
+            }
+        };
+        if (orientation === "horizontal") setHasOverflow(function*() {
+            // Force to horizontal for measurement.
+            yield false;
+            // Measure, and update if there is overflow.
+            yield computeHasOverflow();
+        });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        domRef,
+        orientation,
+        scale,
+        setHasOverflow,
+        children
+    ]);
+    // 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, $6iGPs$reactariautils.useLayoutEffect)(()=>{
+        checkForOverflow();
+    }, [
+        checkForOverflow
+    ]);
+    // 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, $6iGPs$react.useRef)();
+    (0, $6iGPs$reactariautils.useLayoutEffect)(()=>{
+        if (domRef.current) parent.current = domRef.current.parentElement;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        domRef.current
+    ]);
+    (0, $6iGPs$reactspectrumutils.useResizeObserver)({
+        ref: parent,
+        onResize: checkForOverflow
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($6iGPs$react))).createElement("div", {
+        ...(0, $6iGPs$reactariautils.filterDOMProps)(otherProps),
+        ...styleProps,
+        ref: domRef,
+        className: (0, $6iGPs$reactspectrumutils.classNames)((0, ($parcel$interopDefault($2e9803b3bbead7d0$exports))), "spectrum-ButtonGroup", {
+            "spectrum-ButtonGroup--vertical": orientation === "vertical" || hasOverflow,
+            "spectrum-ButtonGroup--alignEnd": align === "end",
+            "spectrum-ButtonGroup--alignCenter": align === "center"
+        }, styleProps.className)
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($6iGPs$react))).createElement((0, $6iGPs$reactspectrumutils.SlotProvider), {
+        slots: {
+            button: {
+                UNSAFE_className: (0, $6iGPs$reactspectrumutils.classNames)((0, ($parcel$interopDefault($2e9803b3bbead7d0$exports))), "spectrum-ButtonGroup-Button")
+            }
+        }
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($6iGPs$react))).createElement((0, $6iGPs$reactspectrumprovider.Provider), {
+        isDisabled: isDisabled
+    }, children)));
+}
+/**
+ * ButtonGroup handles overflow for a grouping of buttons whose actions are related to each other.
+ */ let $d384d3249418a107$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, ($parcel$interopDefault($6iGPs$react))).forwardRef($d384d3249418a107$var$ButtonGroup);
+
+
+//# sourceMappingURL=ButtonGroup.main.js.map

package/dist/ButtonGroup.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAiBD,SAAS,kCAAY,KAA+B,EAAE,GAA2B;IAC/E,IAAI,SAAC,KAAK,EAAC,GAAG,CAAA,GAAA,wCAAU;IACxB,QAAQ,CAAA,GAAA,6CAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,sCAAW,EAAE,OAAO;IAE5B,IAAI,YACF,QAAQ,eACR,cAAc,0BACd,UAAU,SACV,QAAQ,SACR,GAAG,YACJ,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,CAAC,aAAa,eAAe,GAAG,CAAA,GAAA,oCAAa,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,IAAI,oBAAoB,IAAI,CAAC,CAAA,QAAS,MAAM,UAAU,GAAG,KAAK,MAAM,UAAU,GAAG,MAAM,WAAW,GAAG,OACnG,OAAO;gBAET,OAAO;YACT;QACF;QACA,IAAI,gBAAgB,cAClB,eAAe;YACb,uCAAuC;YACvC,MAAM;YAEN,4CAA4C;YAC5C,MAAM;QACR;IAEJ,uDAAuD;IACvD,GAAG;QAAC;QAAQ;QAAa;QAAO;QAAgB;KAAS;IAEzD,mDAAmD;IACnD,8HAA8H;IAC9H,CAAA,GAAA,qCAAc,EAAE;QACd;IACF,GAAG;QAAC;KAAiB;IAErB,wKAAwK;IACxK,IAAI,SAAS,CAAA,GAAA,mBAAK;IAClB,CAAA,GAAA,qCAAc,EAAE;QACd,IAAI,OAAO,OAAO,EAChB,OAAO,OAAO,GAAG,OAAO,OAAO,CAAC,aAAa;IAEjD,uDAAuD;IACvD,GAAG;QAAC,OAAO,OAAO;KAAC;IACnB,CAAA,GAAA,2CAAgB,EAAE;QAAC,KAAK;QAAQ,UAAU;IAAgB;IAE1D,qBACE,0DAAC;QACE,GAAG,CAAA,GAAA,oCAAa,EAAE,WAAW;QAC7B,GAAG,UAAU;QACd,KAAK;QACL,WACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,mDAAK,GACL,wBACA;YACE,kCAAkC,gBAAgB,cAAc;YAChE,kCAAkC,UAAU;YAC5C,qCAAqC,UAAU;QACjD,GACA,WAAW,SAAS;qBAGxB,0DAAC,CAAA,GAAA,sCAAW;QACV,OAAO;YACL,QAAQ;gBACN,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YACvC;QACF;qBACA,0DAAC,CAAA,GAAA,qCAAO;QAAE,YAAY;OACnB;AAKX;AAEA;;CAEC,GACD,IAAI,0DAAe,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/buttongroup/src/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 {\n  classNames,\n  SlotProvider,\n  useDOMRef,\n  useResizeObserver,\n  useSlotProps,\n  useStyleProps\n} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps, useLayoutEffect, useValueEffect} from '@react-aria/utils';\nimport {Provider, useProvider, useProviderProps} from '@react-spectrum/provider';\nimport React, {useCallback, useRef} from 'react';\nimport {SpectrumButtonGroupProps} from '@react-types/buttongroup';\nimport styles from '@adobe/spectrum-css-temp/components/buttongroup/vars.css';\n\nfunction ButtonGroup(props: SpectrumButtonGroupProps, ref: DOMRef<HTMLDivElement>) {\n  let {scale} = useProvider();\n  props = useProviderProps(props);\n  props = useSlotProps(props, 'buttonGroup');\n\n  let {\n    children,\n    orientation = 'horizontal',\n    isDisabled,\n    align = 'start',\n    ...otherProps\n  } = 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 (buttonGroupChildren.some(child => child.offsetLeft < 0 || child.offsetLeft + child.offsetWidth > maxX)) {\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>();\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={\n        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      }>\n      <SlotProvider\n        slots={{\n          button: {\n            UNSAFE_className: classNames(styles, 'spectrum-ButtonGroup-Button')\n          }\n        }}>\n        <Provider isDisabled={isDisabled}>\n          {children}\n        </Provider>\n      </SlotProvider>\n    </div>\n  );\n}\n\n/**\n * ButtonGroup handles overflow for a grouping of buttons whose actions are related to each other.\n */\nlet _ButtonGroup = React.forwardRef(ButtonGroup);\nexport {_ButtonGroup as ButtonGroup};\n"],"names":[],"version":3,"file":"ButtonGroup.main.js.map"}

package/dist/ButtonGroup.mjs

@@ -0,0 +1,104 @@
+import "./vars.5ab31a3b.css";
+import $i2wAT$buttongroup_vars_cssmodulejs from "./buttongroup_vars_css.mjs";
+import {useSlotProps as $i2wAT$useSlotProps, useStyleProps as $i2wAT$useStyleProps, useDOMRef as $i2wAT$useDOMRef, useResizeObserver as $i2wAT$useResizeObserver, classNames as $i2wAT$classNames, SlotProvider as $i2wAT$SlotProvider} from "@react-spectrum/utils";
+import {useValueEffect as $i2wAT$useValueEffect, useLayoutEffect as $i2wAT$useLayoutEffect, filterDOMProps as $i2wAT$filterDOMProps} from "@react-aria/utils";
+import {useProvider as $i2wAT$useProvider, useProviderProps as $i2wAT$useProviderProps, Provider as $i2wAT$Provider} from "@react-spectrum/provider";
+import $i2wAT$react, {useCallback as $i2wAT$useCallback, useRef as $i2wAT$useRef} from "react";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+function $bd4bfa55854eb3bf$var$ButtonGroup(props, ref) {
+    let { scale: scale } = (0, $i2wAT$useProvider)();
+    props = (0, $i2wAT$useProviderProps)(props);
+    props = (0, $i2wAT$useSlotProps)(props, "buttonGroup");
+    let { children: children, orientation: orientation = "horizontal", isDisabled: isDisabled, align: align = "start", ...otherProps } = props;
+    let { styleProps: styleProps } = (0, $i2wAT$useStyleProps)(otherProps);
+    let domRef = (0, $i2wAT$useDOMRef)(ref);
+    let [hasOverflow, setHasOverflow] = (0, $i2wAT$useValueEffect)(false);
+    let checkForOverflow = (0, $i2wAT$useCallback)(()=>{
+        let computeHasOverflow = ()=>{
+            if (domRef.current && orientation === "horizontal") {
+                let buttonGroupChildren = Array.from(domRef.current.children);
+                let maxX = domRef.current.offsetWidth + 1; // + 1 to account for rounding errors
+                // If any buttons have negative X positions (align="end") or extend beyond
+                // the width of the button group (align="start"), then switch to vertical.
+                if (buttonGroupChildren.some((child)=>child.offsetLeft < 0 || child.offsetLeft + child.offsetWidth > maxX)) return true;
+                return false;
+            }
+        };
+        if (orientation === "horizontal") setHasOverflow(function*() {
+            // Force to horizontal for measurement.
+            yield false;
+            // Measure, and update if there is overflow.
+            yield computeHasOverflow();
+        });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        domRef,
+        orientation,
+        scale,
+        setHasOverflow,
+        children
+    ]);
+    // 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, $i2wAT$useLayoutEffect)(()=>{
+        checkForOverflow();
+    }, [
+        checkForOverflow
+    ]);
+    // 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, $i2wAT$useRef)();
+    (0, $i2wAT$useLayoutEffect)(()=>{
+        if (domRef.current) parent.current = domRef.current.parentElement;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        domRef.current
+    ]);
+    (0, $i2wAT$useResizeObserver)({
+        ref: parent,
+        onResize: checkForOverflow
+    });
+    return /*#__PURE__*/ (0, $i2wAT$react).createElement("div", {
+        ...(0, $i2wAT$filterDOMProps)(otherProps),
+        ...styleProps,
+        ref: domRef,
+        className: (0, $i2wAT$classNames)((0, ($parcel$interopDefault($i2wAT$buttongroup_vars_cssmodulejs))), "spectrum-ButtonGroup", {
+            "spectrum-ButtonGroup--vertical": orientation === "vertical" || hasOverflow,
+            "spectrum-ButtonGroup--alignEnd": align === "end",
+            "spectrum-ButtonGroup--alignCenter": align === "center"
+        }, styleProps.className)
+    }, /*#__PURE__*/ (0, $i2wAT$react).createElement((0, $i2wAT$SlotProvider), {
+        slots: {
+            button: {
+                UNSAFE_className: (0, $i2wAT$classNames)((0, ($parcel$interopDefault($i2wAT$buttongroup_vars_cssmodulejs))), "spectrum-ButtonGroup-Button")
+            }
+        }
+    }, /*#__PURE__*/ (0, $i2wAT$react).createElement((0, $i2wAT$Provider), {
+        isDisabled: isDisabled
+    }, children)));
+}
+/**
+ * ButtonGroup handles overflow for a grouping of buttons whose actions are related to each other.
+ */ let $bd4bfa55854eb3bf$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, $i2wAT$react).forwardRef($bd4bfa55854eb3bf$var$ButtonGroup);
+
+
+export {$bd4bfa55854eb3bf$export$69b1032f2ecdf404 as ButtonGroup};
+//# sourceMappingURL=ButtonGroup.mjs.map

package/dist/ButtonGroup.module.js

@@ -0,0 +1,104 @@
+import "./vars.5ab31a3b.css";
+import $i2wAT$buttongroup_vars_cssmodulejs from "./buttongroup_vars_css.module.js";
+import {useSlotProps as $i2wAT$useSlotProps, useStyleProps as $i2wAT$useStyleProps, useDOMRef as $i2wAT$useDOMRef, useResizeObserver as $i2wAT$useResizeObserver, classNames as $i2wAT$classNames, SlotProvider as $i2wAT$SlotProvider} from "@react-spectrum/utils";
+import {useValueEffect as $i2wAT$useValueEffect, useLayoutEffect as $i2wAT$useLayoutEffect, filterDOMProps as $i2wAT$filterDOMProps} from "@react-aria/utils";
+import {useProvider as $i2wAT$useProvider, useProviderProps as $i2wAT$useProviderProps, Provider as $i2wAT$Provider} from "@react-spectrum/provider";
+import $i2wAT$react, {useCallback as $i2wAT$useCallback, useRef as $i2wAT$useRef} from "react";
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+function $bd4bfa55854eb3bf$var$ButtonGroup(props, ref) {
+    let { scale: scale } = (0, $i2wAT$useProvider)();
+    props = (0, $i2wAT$useProviderProps)(props);
+    props = (0, $i2wAT$useSlotProps)(props, "buttonGroup");
+    let { children: children, orientation: orientation = "horizontal", isDisabled: isDisabled, align: align = "start", ...otherProps } = props;
+    let { styleProps: styleProps } = (0, $i2wAT$useStyleProps)(otherProps);
+    let domRef = (0, $i2wAT$useDOMRef)(ref);
+    let [hasOverflow, setHasOverflow] = (0, $i2wAT$useValueEffect)(false);
+    let checkForOverflow = (0, $i2wAT$useCallback)(()=>{
+        let computeHasOverflow = ()=>{
+            if (domRef.current && orientation === "horizontal") {
+                let buttonGroupChildren = Array.from(domRef.current.children);
+                let maxX = domRef.current.offsetWidth + 1; // + 1 to account for rounding errors
+                // If any buttons have negative X positions (align="end") or extend beyond
+                // the width of the button group (align="start"), then switch to vertical.
+                if (buttonGroupChildren.some((child)=>child.offsetLeft < 0 || child.offsetLeft + child.offsetWidth > maxX)) return true;
+                return false;
+            }
+        };
+        if (orientation === "horizontal") setHasOverflow(function*() {
+            // Force to horizontal for measurement.
+            yield false;
+            // Measure, and update if there is overflow.
+            yield computeHasOverflow();
+        });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        domRef,
+        orientation,
+        scale,
+        setHasOverflow,
+        children
+    ]);
+    // 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, $i2wAT$useLayoutEffect)(()=>{
+        checkForOverflow();
+    }, [
+        checkForOverflow
+    ]);
+    // 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, $i2wAT$useRef)();
+    (0, $i2wAT$useLayoutEffect)(()=>{
+        if (domRef.current) parent.current = domRef.current.parentElement;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        domRef.current
+    ]);
+    (0, $i2wAT$useResizeObserver)({
+        ref: parent,
+        onResize: checkForOverflow
+    });
+    return /*#__PURE__*/ (0, $i2wAT$react).createElement("div", {
+        ...(0, $i2wAT$filterDOMProps)(otherProps),
+        ...styleProps,
+        ref: domRef,
+        className: (0, $i2wAT$classNames)((0, ($parcel$interopDefault($i2wAT$buttongroup_vars_cssmodulejs))), "spectrum-ButtonGroup", {
+            "spectrum-ButtonGroup--vertical": orientation === "vertical" || hasOverflow,
+            "spectrum-ButtonGroup--alignEnd": align === "end",
+            "spectrum-ButtonGroup--alignCenter": align === "center"
+        }, styleProps.className)
+    }, /*#__PURE__*/ (0, $i2wAT$react).createElement((0, $i2wAT$SlotProvider), {
+        slots: {
+            button: {
+                UNSAFE_className: (0, $i2wAT$classNames)((0, ($parcel$interopDefault($i2wAT$buttongroup_vars_cssmodulejs))), "spectrum-ButtonGroup-Button")
+            }
+        }
+    }, /*#__PURE__*/ (0, $i2wAT$react).createElement((0, $i2wAT$Provider), {
+        isDisabled: isDisabled
+    }, children)));
+}
+/**
+ * ButtonGroup handles overflow for a grouping of buttons whose actions are related to each other.
+ */ let $bd4bfa55854eb3bf$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, $i2wAT$react).forwardRef($bd4bfa55854eb3bf$var$ButtonGroup);
+
+
+export {$bd4bfa55854eb3bf$export$69b1032f2ecdf404 as ButtonGroup};
+//# sourceMappingURL=ButtonGroup.module.js.map

package/dist/ButtonGroup.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAiBD,SAAS,kCAAY,KAA+B,EAAE,GAA2B;IAC/E,IAAI,SAAC,KAAK,EAAC,GAAG,CAAA,GAAA,kBAAU;IACxB,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,mBAAW,EAAE,OAAO;IAE5B,IAAI,YACF,QAAQ,eACR,cAAc,0BACd,UAAU,SACV,QAAQ,SACR,GAAG,YACJ,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,gBAAQ,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,IAAI,oBAAoB,IAAI,CAAC,CAAA,QAAS,MAAM,UAAU,GAAG,KAAK,MAAM,UAAU,GAAG,MAAM,WAAW,GAAG,OACnG,OAAO;gBAET,OAAO;YACT;QACF;QACA,IAAI,gBAAgB,cAClB,eAAe;YACb,uCAAuC;YACvC,MAAM;YAEN,4CAA4C;YAC5C,MAAM;QACR;IAEJ,uDAAuD;IACvD,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;IAClB,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,OAAO,OAAO,EAChB,OAAO,OAAO,GAAG,OAAO,OAAO,CAAC,aAAa;IAEjD,uDAAuD;IACvD,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,WACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,6DAAK,GACL,wBACA;YACE,kCAAkC,gBAAgB,cAAc;YAChE,kCAAkC,UAAU;YAC5C,qCAAqC,UAAU;QACjD,GACA,WAAW,SAAS;qBAGxB,gCAAC,CAAA,GAAA,mBAAW;QACV,OAAO;YACL,QAAQ;gBACN,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,6DAAK,GAAG;YACvC;QACF;qBACA,gCAAC,CAAA,GAAA,eAAO;QAAE,YAAY;OACnB;AAKX;AAEA;;CAEC,GACD,IAAI,0DAAe,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC","sources":["packages/@react-spectrum/buttongroup/src/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 {\n  classNames,\n  SlotProvider,\n  useDOMRef,\n  useResizeObserver,\n  useSlotProps,\n  useStyleProps\n} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps, useLayoutEffect, useValueEffect} from '@react-aria/utils';\nimport {Provider, useProvider, useProviderProps} from '@react-spectrum/provider';\nimport React, {useCallback, useRef} from 'react';\nimport {SpectrumButtonGroupProps} from '@react-types/buttongroup';\nimport styles from '@adobe/spectrum-css-temp/components/buttongroup/vars.css';\n\nfunction ButtonGroup(props: SpectrumButtonGroupProps, ref: DOMRef<HTMLDivElement>) {\n  let {scale} = useProvider();\n  props = useProviderProps(props);\n  props = useSlotProps(props, 'buttonGroup');\n\n  let {\n    children,\n    orientation = 'horizontal',\n    isDisabled,\n    align = 'start',\n    ...otherProps\n  } = 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 (buttonGroupChildren.some(child => child.offsetLeft < 0 || child.offsetLeft + child.offsetWidth > maxX)) {\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>();\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={\n        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      }>\n      <SlotProvider\n        slots={{\n          button: {\n            UNSAFE_className: classNames(styles, 'spectrum-ButtonGroup-Button')\n          }\n        }}>\n        <Provider isDisabled={isDisabled}>\n          {children}\n        </Provider>\n      </SlotProvider>\n    </div>\n  );\n}\n\n/**\n * ButtonGroup handles overflow for a grouping of buttons whose actions are related to each other.\n */\nlet _ButtonGroup = React.forwardRef(ButtonGroup);\nexport {_ButtonGroup as ButtonGroup};\n"],"names":[],"version":3,"file":"ButtonGroup.module.js.map"}

package/dist/buttongroup_vars_css.main.js

@@ -0,0 +1,23 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "spectrum-ButtonGroup", () => $2e9803b3bbead7d0$export$a92faf51352ac608, (v) => $2e9803b3bbead7d0$export$a92faf51352ac608 = v);
+$parcel$export(module.exports, "spectrum-ButtonGroup--alignCenter", () => $2e9803b3bbead7d0$export$252bc7c4ae05757, (v) => $2e9803b3bbead7d0$export$252bc7c4ae05757 = v);
+$parcel$export(module.exports, "spectrum-ButtonGroup--alignEnd", () => $2e9803b3bbead7d0$export$30e96c53d7beca11, (v) => $2e9803b3bbead7d0$export$30e96c53d7beca11 = v);
+$parcel$export(module.exports, "spectrum-ButtonGroup--vertical", () => $2e9803b3bbead7d0$export$84d9c0e1917a4eaf, (v) => $2e9803b3bbead7d0$export$84d9c0e1917a4eaf = v);
+$parcel$export(module.exports, "spectrum-ButtonGroup-Button", () => $2e9803b3bbead7d0$export$7184de2337c1927f, (v) => $2e9803b3bbead7d0$export$7184de2337c1927f = v);
+var $2e9803b3bbead7d0$export$a92faf51352ac608;
+var $2e9803b3bbead7d0$export$252bc7c4ae05757;
+var $2e9803b3bbead7d0$export$30e96c53d7beca11;
+var $2e9803b3bbead7d0$export$84d9c0e1917a4eaf;
+var $2e9803b3bbead7d0$export$7184de2337c1927f;
+$2e9803b3bbead7d0$export$a92faf51352ac608 = `aaz5ma_spectrum-ButtonGroup`;
+$2e9803b3bbead7d0$export$252bc7c4ae05757 = `aaz5ma_spectrum-ButtonGroup--alignCenter`;
+$2e9803b3bbead7d0$export$30e96c53d7beca11 = `aaz5ma_spectrum-ButtonGroup--alignEnd`;
+$2e9803b3bbead7d0$export$84d9c0e1917a4eaf = `aaz5ma_spectrum-ButtonGroup--vertical`;
+$2e9803b3bbead7d0$export$7184de2337c1927f = `aaz5ma_spectrum-ButtonGroup-Button`;
+
+
+//# sourceMappingURL=buttongroup_vars_css.main.js.map

package/dist/buttongroup_vars_css.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAJA,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,2CAAsD,CAAC,wCAAwC,CAAC;AAChG,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAgD,CAAC,kCAAkC,CAAC","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.main.js.map"}

package/dist/buttongroup_vars_css.mjs

@@ -0,0 +1,25 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $fddc5368d2db28a6$exports = {};
+
+$parcel$export($fddc5368d2db28a6$exports, "spectrum-ButtonGroup", () => $fddc5368d2db28a6$export$a92faf51352ac608, (v) => $fddc5368d2db28a6$export$a92faf51352ac608 = v);
+$parcel$export($fddc5368d2db28a6$exports, "spectrum-ButtonGroup--alignCenter", () => $fddc5368d2db28a6$export$252bc7c4ae05757, (v) => $fddc5368d2db28a6$export$252bc7c4ae05757 = v);
+$parcel$export($fddc5368d2db28a6$exports, "spectrum-ButtonGroup--alignEnd", () => $fddc5368d2db28a6$export$30e96c53d7beca11, (v) => $fddc5368d2db28a6$export$30e96c53d7beca11 = v);
+$parcel$export($fddc5368d2db28a6$exports, "spectrum-ButtonGroup--vertical", () => $fddc5368d2db28a6$export$84d9c0e1917a4eaf, (v) => $fddc5368d2db28a6$export$84d9c0e1917a4eaf = v);
+$parcel$export($fddc5368d2db28a6$exports, "spectrum-ButtonGroup-Button", () => $fddc5368d2db28a6$export$7184de2337c1927f, (v) => $fddc5368d2db28a6$export$7184de2337c1927f = v);
+var $fddc5368d2db28a6$export$a92faf51352ac608;
+var $fddc5368d2db28a6$export$252bc7c4ae05757;
+var $fddc5368d2db28a6$export$30e96c53d7beca11;
+var $fddc5368d2db28a6$export$84d9c0e1917a4eaf;
+var $fddc5368d2db28a6$export$7184de2337c1927f;
+$fddc5368d2db28a6$export$a92faf51352ac608 = `aaz5ma_spectrum-ButtonGroup`;
+$fddc5368d2db28a6$export$252bc7c4ae05757 = `aaz5ma_spectrum-ButtonGroup--alignCenter`;
+$fddc5368d2db28a6$export$30e96c53d7beca11 = `aaz5ma_spectrum-ButtonGroup--alignEnd`;
+$fddc5368d2db28a6$export$84d9c0e1917a4eaf = `aaz5ma_spectrum-ButtonGroup--vertical`;
+$fddc5368d2db28a6$export$7184de2337c1927f = `aaz5ma_spectrum-ButtonGroup-Button`;
+
+
+export {$fddc5368d2db28a6$exports as default};
+//# sourceMappingURL=buttongroup_vars_css.mjs.map

package/dist/buttongroup_vars_css.module.js

@@ -0,0 +1,25 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $fddc5368d2db28a6$exports = {};
+
+$parcel$export($fddc5368d2db28a6$exports, "spectrum-ButtonGroup", () => $fddc5368d2db28a6$export$a92faf51352ac608, (v) => $fddc5368d2db28a6$export$a92faf51352ac608 = v);
+$parcel$export($fddc5368d2db28a6$exports, "spectrum-ButtonGroup--alignCenter", () => $fddc5368d2db28a6$export$252bc7c4ae05757, (v) => $fddc5368d2db28a6$export$252bc7c4ae05757 = v);
+$parcel$export($fddc5368d2db28a6$exports, "spectrum-ButtonGroup--alignEnd", () => $fddc5368d2db28a6$export$30e96c53d7beca11, (v) => $fddc5368d2db28a6$export$30e96c53d7beca11 = v);
+$parcel$export($fddc5368d2db28a6$exports, "spectrum-ButtonGroup--vertical", () => $fddc5368d2db28a6$export$84d9c0e1917a4eaf, (v) => $fddc5368d2db28a6$export$84d9c0e1917a4eaf = v);
+$parcel$export($fddc5368d2db28a6$exports, "spectrum-ButtonGroup-Button", () => $fddc5368d2db28a6$export$7184de2337c1927f, (v) => $fddc5368d2db28a6$export$7184de2337c1927f = v);
+var $fddc5368d2db28a6$export$a92faf51352ac608;
+var $fddc5368d2db28a6$export$252bc7c4ae05757;
+var $fddc5368d2db28a6$export$30e96c53d7beca11;
+var $fddc5368d2db28a6$export$84d9c0e1917a4eaf;
+var $fddc5368d2db28a6$export$7184de2337c1927f;
+$fddc5368d2db28a6$export$a92faf51352ac608 = `aaz5ma_spectrum-ButtonGroup`;
+$fddc5368d2db28a6$export$252bc7c4ae05757 = `aaz5ma_spectrum-ButtonGroup--alignCenter`;
+$fddc5368d2db28a6$export$30e96c53d7beca11 = `aaz5ma_spectrum-ButtonGroup--alignEnd`;
+$fddc5368d2db28a6$export$84d9c0e1917a4eaf = `aaz5ma_spectrum-ButtonGroup--vertical`;
+$fddc5368d2db28a6$export$7184de2337c1927f = `aaz5ma_spectrum-ButtonGroup-Button`;
+
+
+export {$fddc5368d2db28a6$exports as default};
+//# sourceMappingURL=buttongroup_vars_css.module.js.map

package/dist/buttongroup_vars_css.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAJA,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,2CAAsD,CAAC,wCAAwC,CAAC;AAChG,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAgD,CAAC,kCAAkC,CAAC","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.module.js.map"}

package/dist/import.mjs

@@ -1,17 +1,5 @@
-import "./module.css";
-import {useSlotProps as $3Yfv0$useSlotProps, useStyleProps as $3Yfv0$useStyleProps, useDOMRef as $3Yfv0$useDOMRef, useResizeObserver as $3Yfv0$useResizeObserver, classNames as $3Yfv0$classNames, SlotProvider as $3Yfv0$SlotProvider} from "@react-spectrum/utils";
-import {useValueEffect as $3Yfv0$useValueEffect, useLayoutEffect as $3Yfv0$useLayoutEffect, filterDOMProps as $3Yfv0$filterDOMProps} from "@react-aria/utils";
-import {useProvider as $3Yfv0$useProvider, useProviderProps as $3Yfv0$useProviderProps, Provider as $3Yfv0$Provider} from "@react-spectrum/provider";
-import $3Yfv0$react, {useCallback as $3Yfv0$useCallback, useRef as $3Yfv0$useRef} from "react";
+import {ButtonGroup as $bd4bfa55854eb3bf$export$69b1032f2ecdf404} from "./ButtonGroup.mjs";
 
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -23,114 +11,6 @@ function $parcel$export(e, n, v, s) {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ /// <reference types="css-module-types" />
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-var $fddc5368d2db28a6$exports = {};
-
-$parcel$export($fddc5368d2db28a6$exports, "spectrum-ButtonGroup", () => $fddc5368d2db28a6$export$a92faf51352ac608, (v) => $fddc5368d2db28a6$export$a92faf51352ac608 = v);
-$parcel$export($fddc5368d2db28a6$exports, "spectrum-ButtonGroup--alignCenter", () => $fddc5368d2db28a6$export$252bc7c4ae05757, (v) => $fddc5368d2db28a6$export$252bc7c4ae05757 = v);
-$parcel$export($fddc5368d2db28a6$exports, "spectrum-ButtonGroup--alignEnd", () => $fddc5368d2db28a6$export$30e96c53d7beca11, (v) => $fddc5368d2db28a6$export$30e96c53d7beca11 = v);
-$parcel$export($fddc5368d2db28a6$exports, "spectrum-ButtonGroup--vertical", () => $fddc5368d2db28a6$export$84d9c0e1917a4eaf, (v) => $fddc5368d2db28a6$export$84d9c0e1917a4eaf = v);
-$parcel$export($fddc5368d2db28a6$exports, "spectrum-ButtonGroup-Button", () => $fddc5368d2db28a6$export$7184de2337c1927f, (v) => $fddc5368d2db28a6$export$7184de2337c1927f = v);
-var $fddc5368d2db28a6$export$a92faf51352ac608;
-var $fddc5368d2db28a6$export$252bc7c4ae05757;
-var $fddc5368d2db28a6$export$30e96c53d7beca11;
-var $fddc5368d2db28a6$export$84d9c0e1917a4eaf;
-var $fddc5368d2db28a6$export$7184de2337c1927f;
-$fddc5368d2db28a6$export$a92faf51352ac608 = `aaz5ma_spectrum-ButtonGroup`;
-$fddc5368d2db28a6$export$252bc7c4ae05757 = `aaz5ma_spectrum-ButtonGroup--alignCenter`;
-$fddc5368d2db28a6$export$30e96c53d7beca11 = `aaz5ma_spectrum-ButtonGroup--alignEnd`;
-$fddc5368d2db28a6$export$84d9c0e1917a4eaf = `aaz5ma_spectrum-ButtonGroup--vertical`;
-$fddc5368d2db28a6$export$7184de2337c1927f = `aaz5ma_spectrum-ButtonGroup-Button`;
-
-
-function $bd4bfa55854eb3bf$var$ButtonGroup(props, ref) {
-    let { scale: scale } = (0, $3Yfv0$useProvider)();
-    props = (0, $3Yfv0$useProviderProps)(props);
-    props = (0, $3Yfv0$useSlotProps)(props, "buttonGroup");
-    let { children: children, orientation: orientation = "horizontal", isDisabled: isDisabled, align: align = "start", ...otherProps } = props;
-    let { styleProps: styleProps } = (0, $3Yfv0$useStyleProps)(otherProps);
-    let domRef = (0, $3Yfv0$useDOMRef)(ref);
-    let [hasOverflow, setHasOverflow] = (0, $3Yfv0$useValueEffect)(false);
-    let checkForOverflow = (0, $3Yfv0$useCallback)(()=>{
-        let computeHasOverflow = ()=>{
-            if (domRef.current && orientation === "horizontal") {
-                let buttonGroupChildren = Array.from(domRef.current.children);
-                let maxX = domRef.current.offsetWidth + 1; // + 1 to account for rounding errors
-                // If any buttons have negative X positions (align="end") or extend beyond
-                // the width of the button group (align="start"), then switch to vertical.
-                if (buttonGroupChildren.some((child)=>child.offsetLeft < 0 || child.offsetLeft + child.offsetWidth > maxX)) return true;
-                return false;
-            }
-        };
-        if (orientation === "horizontal") setHasOverflow(function*() {
-            // Force to horizontal for measurement.
-            yield false;
-            // Measure, and update if there is overflow.
-            yield computeHasOverflow();
-        });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        domRef,
-        orientation,
-        scale,
-        setHasOverflow,
-        children
-    ]);
-    // 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, $3Yfv0$useLayoutEffect)(()=>{
-        checkForOverflow();
-    }, [
-        checkForOverflow
-    ]);
-    // 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, $3Yfv0$useRef)();
-    (0, $3Yfv0$useLayoutEffect)(()=>{
-        if (domRef.current) parent.current = domRef.current.parentElement;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        domRef.current
-    ]);
-    (0, $3Yfv0$useResizeObserver)({
-        ref: parent,
-        onResize: checkForOverflow
-    });
-    return /*#__PURE__*/ (0, $3Yfv0$react).createElement("div", {
-        ...(0, $3Yfv0$filterDOMProps)(otherProps),
-        ...styleProps,
-        ref: domRef,
-        className: (0, $3Yfv0$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($fddc5368d2db28a6$exports))), "spectrum-ButtonGroup", {
-            "spectrum-ButtonGroup--vertical": orientation === "vertical" || hasOverflow,
-            "spectrum-ButtonGroup--alignEnd": align === "end",
-            "spectrum-ButtonGroup--alignCenter": align === "center"
-        }, styleProps.className)
-    }, /*#__PURE__*/ (0, $3Yfv0$react).createElement((0, $3Yfv0$SlotProvider), {
-        slots: {
-            button: {
-                UNSAFE_className: (0, $3Yfv0$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($fddc5368d2db28a6$exports))), "spectrum-ButtonGroup-Button")
-            }
-        }
-    }, /*#__PURE__*/ (0, $3Yfv0$react).createElement((0, $3Yfv0$Provider), {
-        isDisabled: isDisabled
-    }, children)));
-}
-/**
- * ButtonGroup handles overflow for a grouping of buttons whose actions are related to each other.
- */ let $bd4bfa55854eb3bf$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, $3Yfv0$react).forwardRef($bd4bfa55854eb3bf$var$ButtonGroup);
-
 
 
 

package/dist/main.js

@@ -1,19 +1,11 @@
-require("./main.css");
-var $fJaYF$reactspectrumutils = require("@react-spectrum/utils");
-var $fJaYF$reactariautils = require("@react-aria/utils");
-var $fJaYF$reactspectrumprovider = require("@react-spectrum/provider");
-var $fJaYF$react = require("react");
+var $d384d3249418a107$exports = require("./ButtonGroup.main.js");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-$parcel$export(module.exports, "ButtonGroup", () => $d384d3249418a107$export$69b1032f2ecdf404);
+$parcel$export(module.exports, "ButtonGroup", () => $d384d3249418a107$exports.ButtonGroup);
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -25,114 +17,6 @@ $parcel$export(module.exports, "ButtonGroup", () => $d384d3249418a107$export$69b
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ /// <reference types="css-module-types" />
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-var $2e9803b3bbead7d0$exports = {};
-
-$parcel$export($2e9803b3bbead7d0$exports, "spectrum-ButtonGroup", () => $2e9803b3bbead7d0$export$a92faf51352ac608, (v) => $2e9803b3bbead7d0$export$a92faf51352ac608 = v);
-$parcel$export($2e9803b3bbead7d0$exports, "spectrum-ButtonGroup--alignCenter", () => $2e9803b3bbead7d0$export$252bc7c4ae05757, (v) => $2e9803b3bbead7d0$export$252bc7c4ae05757 = v);
-$parcel$export($2e9803b3bbead7d0$exports, "spectrum-ButtonGroup--alignEnd", () => $2e9803b3bbead7d0$export$30e96c53d7beca11, (v) => $2e9803b3bbead7d0$export$30e96c53d7beca11 = v);
-$parcel$export($2e9803b3bbead7d0$exports, "spectrum-ButtonGroup--vertical", () => $2e9803b3bbead7d0$export$84d9c0e1917a4eaf, (v) => $2e9803b3bbead7d0$export$84d9c0e1917a4eaf = v);
-$parcel$export($2e9803b3bbead7d0$exports, "spectrum-ButtonGroup-Button", () => $2e9803b3bbead7d0$export$7184de2337c1927f, (v) => $2e9803b3bbead7d0$export$7184de2337c1927f = v);
-var $2e9803b3bbead7d0$export$a92faf51352ac608;
-var $2e9803b3bbead7d0$export$252bc7c4ae05757;
-var $2e9803b3bbead7d0$export$30e96c53d7beca11;
-var $2e9803b3bbead7d0$export$84d9c0e1917a4eaf;
-var $2e9803b3bbead7d0$export$7184de2337c1927f;
-$2e9803b3bbead7d0$export$a92faf51352ac608 = `aaz5ma_spectrum-ButtonGroup`;
-$2e9803b3bbead7d0$export$252bc7c4ae05757 = `aaz5ma_spectrum-ButtonGroup--alignCenter`;
-$2e9803b3bbead7d0$export$30e96c53d7beca11 = `aaz5ma_spectrum-ButtonGroup--alignEnd`;
-$2e9803b3bbead7d0$export$84d9c0e1917a4eaf = `aaz5ma_spectrum-ButtonGroup--vertical`;
-$2e9803b3bbead7d0$export$7184de2337c1927f = `aaz5ma_spectrum-ButtonGroup-Button`;
-
-
-function $d384d3249418a107$var$ButtonGroup(props, ref) {
-    let { scale: scale } = (0, $fJaYF$reactspectrumprovider.useProvider)();
-    props = (0, $fJaYF$reactspectrumprovider.useProviderProps)(props);
-    props = (0, $fJaYF$reactspectrumutils.useSlotProps)(props, "buttonGroup");
-    let { children: children, orientation: orientation = "horizontal", isDisabled: isDisabled, align: align = "start", ...otherProps } = props;
-    let { styleProps: styleProps } = (0, $fJaYF$reactspectrumutils.useStyleProps)(otherProps);
-    let domRef = (0, $fJaYF$reactspectrumutils.useDOMRef)(ref);
-    let [hasOverflow, setHasOverflow] = (0, $fJaYF$reactariautils.useValueEffect)(false);
-    let checkForOverflow = (0, $fJaYF$react.useCallback)(()=>{
-        let computeHasOverflow = ()=>{
-            if (domRef.current && orientation === "horizontal") {
-                let buttonGroupChildren = Array.from(domRef.current.children);
-                let maxX = domRef.current.offsetWidth + 1; // + 1 to account for rounding errors
-                // If any buttons have negative X positions (align="end") or extend beyond
-                // the width of the button group (align="start"), then switch to vertical.
-                if (buttonGroupChildren.some((child)=>child.offsetLeft < 0 || child.offsetLeft + child.offsetWidth > maxX)) return true;
-                return false;
-            }
-        };
-        if (orientation === "horizontal") setHasOverflow(function*() {
-            // Force to horizontal for measurement.
-            yield false;
-            // Measure, and update if there is overflow.
-            yield computeHasOverflow();
-        });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        domRef,
-        orientation,
-        scale,
-        setHasOverflow,
-        children
-    ]);
-    // 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, $fJaYF$reactariautils.useLayoutEffect)(()=>{
-        checkForOverflow();
-    }, [
-        checkForOverflow
-    ]);
-    // 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, $fJaYF$react.useRef)();
-    (0, $fJaYF$reactariautils.useLayoutEffect)(()=>{
-        if (domRef.current) parent.current = domRef.current.parentElement;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        domRef.current
-    ]);
-    (0, $fJaYF$reactspectrumutils.useResizeObserver)({
-        ref: parent,
-        onResize: checkForOverflow
-    });
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($fJaYF$react))).createElement("div", {
-        ...(0, $fJaYF$reactariautils.filterDOMProps)(otherProps),
-        ...styleProps,
-        ref: domRef,
-        className: (0, $fJaYF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($2e9803b3bbead7d0$exports))), "spectrum-ButtonGroup", {
-            "spectrum-ButtonGroup--vertical": orientation === "vertical" || hasOverflow,
-            "spectrum-ButtonGroup--alignEnd": align === "end",
-            "spectrum-ButtonGroup--alignCenter": align === "center"
-        }, styleProps.className)
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($fJaYF$react))).createElement((0, $fJaYF$reactspectrumutils.SlotProvider), {
-        slots: {
-            button: {
-                UNSAFE_className: (0, $fJaYF$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($2e9803b3bbead7d0$exports))), "spectrum-ButtonGroup-Button")
-            }
-        }
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($fJaYF$react))).createElement((0, $fJaYF$reactspectrumprovider.Provider), {
-        isDisabled: isDisabled
-    }, children)));
-}
-/**
- * ButtonGroup handles overflow for a grouping of buttons whose actions are related to each other.
- */ let $d384d3249418a107$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, ($parcel$interopDefault($fJaYF$react))).forwardRef($d384d3249418a107$var$ButtonGroup);
-
 
 
 

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GACD,0CAA0C;ACX1C;;;;;;;;;;CAUC;;;;;;;;;;;ACVD,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAJA,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,2CAAsD,CAAC,wCAAwC,CAAC;AAChG,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAgD,CAAC,kCAAkC,CAAC;;;ADuBpF,SAAS,kCAAY,KAA+B,EAAE,GAA2B;IAC/E,IAAI,SAAC,KAAK,EAAC,GAAG,CAAA,GAAA,wCAAU;IACxB,QAAQ,CAAA,GAAA,6CAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,sCAAW,EAAE,OAAO;IAE5B,IAAI,YACF,QAAQ,eACR,cAAc,0BACd,UAAU,SACV,QAAQ,SACR,GAAG,YACJ,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,CAAC,aAAa,eAAe,GAAG,CAAA,GAAA,oCAAa,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,IAAI,oBAAoB,IAAI,CAAC,CAAA,QAAS,MAAM,UAAU,GAAG,KAAK,MAAM,UAAU,GAAG,MAAM,WAAW,GAAG,OACnG,OAAO;gBAET,OAAO;YACT;QACF;QACA,IAAI,gBAAgB,cAClB,eAAe;YACb,uCAAuC;YACvC,MAAM;YAEN,4CAA4C;YAC5C,MAAM;QACR;IAEJ,uDAAuD;IACvD,GAAG;QAAC;QAAQ;QAAa;QAAO;QAAgB;KAAS;IAEzD,mDAAmD;IACnD,8HAA8H;IAC9H,CAAA,GAAA,qCAAc,EAAE;QACd;IACF,GAAG;QAAC;KAAiB;IAErB,wKAAwK;IACxK,IAAI,SAAS,CAAA,GAAA,mBAAK;IAClB,CAAA,GAAA,qCAAc,EAAE;QACd,IAAI,OAAO,OAAO,EAChB,OAAO,OAAO,GAAG,OAAO,OAAO,CAAC,aAAa;IAEjD,uDAAuD;IACvD,GAAG;QAAC,OAAO,OAAO;KAAC;IACnB,CAAA,GAAA,2CAAgB,EAAE;QAAC,KAAK;QAAQ,UAAU;IAAgB;IAE1D,qBACE,0DAAC;QACE,GAAG,CAAA,GAAA,oCAAa,EAAE,WAAW;QAC7B,GAAG,UAAU;QACd,KAAK;QACL,WACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,gEAAK,GACL,wBACA;YACE,kCAAkC,gBAAgB,cAAc;YAChE,kCAAkC,UAAU;YAC5C,qCAAqC,UAAU;QACjD,GACA,WAAW,SAAS;qBAGxB,0DAAC,CAAA,GAAA,sCAAW;QACV,OAAO;YACL,QAAQ;gBACN,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,gEAAK,GAAG;YACvC;QACF;qBACA,0DAAC,CAAA,GAAA,qCAAO;QAAE,YAAY;OACnB;AAKX;AAEA;;CAEC,GACD,IAAI,0DAAe,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC;","sources":["packages/@react-spectrum/buttongroup/src/index.ts","packages/@react-spectrum/buttongroup/src/ButtonGroup.tsx","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/// <reference types=\"css-module-types\" />\nexport {ButtonGroup} from './ButtonGroup';\nexport type {SpectrumButtonGroupProps} from '@react-types/buttongroup';\n","/*\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 {\n  classNames,\n  SlotProvider,\n  useDOMRef,\n  useResizeObserver,\n  useSlotProps,\n  useStyleProps\n} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps, useLayoutEffect, useValueEffect} from '@react-aria/utils';\nimport {Provider, useProvider, useProviderProps} from '@react-spectrum/provider';\nimport React, {useCallback, useRef} from 'react';\nimport {SpectrumButtonGroupProps} from '@react-types/buttongroup';\nimport styles from '@adobe/spectrum-css-temp/components/buttongroup/vars.css';\n\nfunction ButtonGroup(props: SpectrumButtonGroupProps, ref: DOMRef<HTMLDivElement>) {\n  let {scale} = useProvider();\n  props = useProviderProps(props);\n  props = useSlotProps(props, 'buttonGroup');\n\n  let {\n    children,\n    orientation = 'horizontal',\n    isDisabled,\n    align = 'start',\n    ...otherProps\n  } = 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 (buttonGroupChildren.some(child => child.offsetLeft < 0 || child.offsetLeft + child.offsetWidth > maxX)) {\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>();\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={\n        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      }>\n      <SlotProvider\n        slots={{\n          button: {\n            UNSAFE_className: classNames(styles, 'spectrum-ButtonGroup-Button')\n          }\n        }}>\n        <Provider isDisabled={isDisabled}>\n          {children}\n        </Provider>\n      </SlotProvider>\n    </div>\n  );\n}\n\n/**\n * ButtonGroup handles overflow for a grouping of buttons whose actions are related to each other.\n */\nlet _ButtonGroup = React.forwardRef(ButtonGroup);\nexport {_ButtonGroup as ButtonGroup};\n","/*\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":"main.js.map"}
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC,GACD,0CAA0C","sources":["packages/@react-spectrum/buttongroup/src/index.ts"],"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/// <reference types=\"css-module-types\" />\nexport {ButtonGroup} from './ButtonGroup';\nexport type {SpectrumButtonGroupProps} from '@react-types/buttongroup';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,17 +1,5 @@
-import "./module.css";
-import {useSlotProps as $3Yfv0$useSlotProps, useStyleProps as $3Yfv0$useStyleProps, useDOMRef as $3Yfv0$useDOMRef, useResizeObserver as $3Yfv0$useResizeObserver, classNames as $3Yfv0$classNames, SlotProvider as $3Yfv0$SlotProvider} from "@react-spectrum/utils";
-import {useValueEffect as $3Yfv0$useValueEffect, useLayoutEffect as $3Yfv0$useLayoutEffect, filterDOMProps as $3Yfv0$filterDOMProps} from "@react-aria/utils";
-import {useProvider as $3Yfv0$useProvider, useProviderProps as $3Yfv0$useProviderProps, Provider as $3Yfv0$Provider} from "@react-spectrum/provider";
-import $3Yfv0$react, {useCallback as $3Yfv0$useCallback, useRef as $3Yfv0$useRef} from "react";
+import {ButtonGroup as $bd4bfa55854eb3bf$export$69b1032f2ecdf404} from "./ButtonGroup.module.js";
 
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -23,114 +11,6 @@ function $parcel$export(e, n, v, s) {
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ /// <reference types="css-module-types" />
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-var $fddc5368d2db28a6$exports = {};
-
-$parcel$export($fddc5368d2db28a6$exports, "spectrum-ButtonGroup", () => $fddc5368d2db28a6$export$a92faf51352ac608, (v) => $fddc5368d2db28a6$export$a92faf51352ac608 = v);
-$parcel$export($fddc5368d2db28a6$exports, "spectrum-ButtonGroup--alignCenter", () => $fddc5368d2db28a6$export$252bc7c4ae05757, (v) => $fddc5368d2db28a6$export$252bc7c4ae05757 = v);
-$parcel$export($fddc5368d2db28a6$exports, "spectrum-ButtonGroup--alignEnd", () => $fddc5368d2db28a6$export$30e96c53d7beca11, (v) => $fddc5368d2db28a6$export$30e96c53d7beca11 = v);
-$parcel$export($fddc5368d2db28a6$exports, "spectrum-ButtonGroup--vertical", () => $fddc5368d2db28a6$export$84d9c0e1917a4eaf, (v) => $fddc5368d2db28a6$export$84d9c0e1917a4eaf = v);
-$parcel$export($fddc5368d2db28a6$exports, "spectrum-ButtonGroup-Button", () => $fddc5368d2db28a6$export$7184de2337c1927f, (v) => $fddc5368d2db28a6$export$7184de2337c1927f = v);
-var $fddc5368d2db28a6$export$a92faf51352ac608;
-var $fddc5368d2db28a6$export$252bc7c4ae05757;
-var $fddc5368d2db28a6$export$30e96c53d7beca11;
-var $fddc5368d2db28a6$export$84d9c0e1917a4eaf;
-var $fddc5368d2db28a6$export$7184de2337c1927f;
-$fddc5368d2db28a6$export$a92faf51352ac608 = `aaz5ma_spectrum-ButtonGroup`;
-$fddc5368d2db28a6$export$252bc7c4ae05757 = `aaz5ma_spectrum-ButtonGroup--alignCenter`;
-$fddc5368d2db28a6$export$30e96c53d7beca11 = `aaz5ma_spectrum-ButtonGroup--alignEnd`;
-$fddc5368d2db28a6$export$84d9c0e1917a4eaf = `aaz5ma_spectrum-ButtonGroup--vertical`;
-$fddc5368d2db28a6$export$7184de2337c1927f = `aaz5ma_spectrum-ButtonGroup-Button`;
-
-
-function $bd4bfa55854eb3bf$var$ButtonGroup(props, ref) {
-    let { scale: scale } = (0, $3Yfv0$useProvider)();
-    props = (0, $3Yfv0$useProviderProps)(props);
-    props = (0, $3Yfv0$useSlotProps)(props, "buttonGroup");
-    let { children: children, orientation: orientation = "horizontal", isDisabled: isDisabled, align: align = "start", ...otherProps } = props;
-    let { styleProps: styleProps } = (0, $3Yfv0$useStyleProps)(otherProps);
-    let domRef = (0, $3Yfv0$useDOMRef)(ref);
-    let [hasOverflow, setHasOverflow] = (0, $3Yfv0$useValueEffect)(false);
-    let checkForOverflow = (0, $3Yfv0$useCallback)(()=>{
-        let computeHasOverflow = ()=>{
-            if (domRef.current && orientation === "horizontal") {
-                let buttonGroupChildren = Array.from(domRef.current.children);
-                let maxX = domRef.current.offsetWidth + 1; // + 1 to account for rounding errors
-                // If any buttons have negative X positions (align="end") or extend beyond
-                // the width of the button group (align="start"), then switch to vertical.
-                if (buttonGroupChildren.some((child)=>child.offsetLeft < 0 || child.offsetLeft + child.offsetWidth > maxX)) return true;
-                return false;
-            }
-        };
-        if (orientation === "horizontal") setHasOverflow(function*() {
-            // Force to horizontal for measurement.
-            yield false;
-            // Measure, and update if there is overflow.
-            yield computeHasOverflow();
-        });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        domRef,
-        orientation,
-        scale,
-        setHasOverflow,
-        children
-    ]);
-    // 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, $3Yfv0$useLayoutEffect)(()=>{
-        checkForOverflow();
-    }, [
-        checkForOverflow
-    ]);
-    // 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, $3Yfv0$useRef)();
-    (0, $3Yfv0$useLayoutEffect)(()=>{
-        if (domRef.current) parent.current = domRef.current.parentElement;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        domRef.current
-    ]);
-    (0, $3Yfv0$useResizeObserver)({
-        ref: parent,
-        onResize: checkForOverflow
-    });
-    return /*#__PURE__*/ (0, $3Yfv0$react).createElement("div", {
-        ...(0, $3Yfv0$filterDOMProps)(otherProps),
-        ...styleProps,
-        ref: domRef,
-        className: (0, $3Yfv0$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($fddc5368d2db28a6$exports))), "spectrum-ButtonGroup", {
-            "spectrum-ButtonGroup--vertical": orientation === "vertical" || hasOverflow,
-            "spectrum-ButtonGroup--alignEnd": align === "end",
-            "spectrum-ButtonGroup--alignCenter": align === "center"
-        }, styleProps.className)
-    }, /*#__PURE__*/ (0, $3Yfv0$react).createElement((0, $3Yfv0$SlotProvider), {
-        slots: {
-            button: {
-                UNSAFE_className: (0, $3Yfv0$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($fddc5368d2db28a6$exports))), "spectrum-ButtonGroup-Button")
-            }
-        }
-    }, /*#__PURE__*/ (0, $3Yfv0$react).createElement((0, $3Yfv0$Provider), {
-        isDisabled: isDisabled
-    }, children)));
-}
-/**
- * ButtonGroup handles overflow for a grouping of buttons whose actions are related to each other.
- */ let $bd4bfa55854eb3bf$export$69b1032f2ecdf404 = /*#__PURE__*/ (0, $3Yfv0$react).forwardRef($bd4bfa55854eb3bf$var$ButtonGroup);
-
 
 
 

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GACD,0CAA0C;ACX1C;;;;;;;;;;CAUC;;;;;;;;;;;ACVD,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAJA,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,2CAAsD,CAAC,wCAAwC,CAAC;AAChG,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAgD,CAAC,kCAAkC,CAAC;;;ADuBpF,SAAS,kCAAY,KAA+B,EAAE,GAA2B;IAC/E,IAAI,SAAC,KAAK,EAAC,GAAG,CAAA,GAAA,kBAAU;IACxB,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,QAAQ,CAAA,GAAA,mBAAW,EAAE,OAAO;IAE5B,IAAI,YACF,QAAQ,eACR,cAAc,0BACd,UAAU,SACV,QAAQ,SACR,GAAG,YACJ,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,gBAAQ,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,IAAI,oBAAoB,IAAI,CAAC,CAAA,QAAS,MAAM,UAAU,GAAG,KAAK,MAAM,UAAU,GAAG,MAAM,WAAW,GAAG,OACnG,OAAO;gBAET,OAAO;YACT;QACF;QACA,IAAI,gBAAgB,cAClB,eAAe;YACb,uCAAuC;YACvC,MAAM;YAEN,4CAA4C;YAC5C,MAAM;QACR;IAEJ,uDAAuD;IACvD,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;IAClB,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,OAAO,OAAO,EAChB,OAAO,OAAO,GAAG,OAAO,OAAO,CAAC,aAAa;IAEjD,uDAAuD;IACvD,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,WACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,gEAAK,GACL,wBACA;YACE,kCAAkC,gBAAgB,cAAc;YAChE,kCAAkC,UAAU;YAC5C,qCAAqC,UAAU;QACjD,GACA,WAAW,SAAS;qBAGxB,gCAAC,CAAA,GAAA,mBAAW;QACV,OAAO;YACL,QAAQ;gBACN,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,gEAAK,GAAG;YACvC;QACF;qBACA,gCAAC,CAAA,GAAA,eAAO;QAAE,YAAY;OACnB;AAKX;AAEA;;CAEC,GACD,IAAI,0DAAe,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC;","sources":["packages/@react-spectrum/buttongroup/src/index.ts","packages/@react-spectrum/buttongroup/src/ButtonGroup.tsx","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/// <reference types=\"css-module-types\" />\nexport {ButtonGroup} from './ButtonGroup';\nexport type {SpectrumButtonGroupProps} from '@react-types/buttongroup';\n","/*\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 {\n  classNames,\n  SlotProvider,\n  useDOMRef,\n  useResizeObserver,\n  useSlotProps,\n  useStyleProps\n} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps, useLayoutEffect, useValueEffect} from '@react-aria/utils';\nimport {Provider, useProvider, useProviderProps} from '@react-spectrum/provider';\nimport React, {useCallback, useRef} from 'react';\nimport {SpectrumButtonGroupProps} from '@react-types/buttongroup';\nimport styles from '@adobe/spectrum-css-temp/components/buttongroup/vars.css';\n\nfunction ButtonGroup(props: SpectrumButtonGroupProps, ref: DOMRef<HTMLDivElement>) {\n  let {scale} = useProvider();\n  props = useProviderProps(props);\n  props = useSlotProps(props, 'buttonGroup');\n\n  let {\n    children,\n    orientation = 'horizontal',\n    isDisabled,\n    align = 'start',\n    ...otherProps\n  } = 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 (buttonGroupChildren.some(child => child.offsetLeft < 0 || child.offsetLeft + child.offsetWidth > maxX)) {\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>();\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={\n        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      }>\n      <SlotProvider\n        slots={{\n          button: {\n            UNSAFE_className: classNames(styles, 'spectrum-ButtonGroup-Button')\n          }\n        }}>\n        <Provider isDisabled={isDisabled}>\n          {children}\n        </Provider>\n      </SlotProvider>\n    </div>\n  );\n}\n\n/**\n * ButtonGroup handles overflow for a grouping of buttons whose actions are related to each other.\n */\nlet _ButtonGroup = React.forwardRef(ButtonGroup);\nexport {_ButtonGroup as ButtonGroup};\n","/*\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":"module.js.map"}
+{"mappings":";;AAAA;;;;;;;;;;CAUC,GACD,0CAA0C","sources":["packages/@react-spectrum/buttongroup/src/index.ts"],"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/// <reference types=\"css-module-types\" />\nexport {ButtonGroup} from './ButtonGroup';\nexport type {SpectrumButtonGroupProps} from '@react-types/buttongroup';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts

@@ -1,9 +1,10 @@
 import React from "react";
 import { SpectrumButtonGroupProps } from "@react-types/buttongroup";
+import { DOMRefValue } from "@react-types/shared";
 /**
  * ButtonGroup handles overflow for a grouping of buttons whose actions are related to each other.
  */
-export let ButtonGroup: React.ForwardRefExoticComponent<SpectrumButtonGroupProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>>;
+export let ButtonGroup: React.ForwardRefExoticComponent<SpectrumButtonGroupProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
 export type { SpectrumButtonGroupProps } from '@react-types/buttongroup';
 
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":";;AAoHA;;GAEG;AACH,OAAA,IAAI,uJAA4C,CAAC;AC1GjD,YAAY,EAAC,wBAAwB,EAAC,MAAM,0BAA0B,CAAC","sources":["packages/@react-spectrum/buttongroup/src/packages/@react-spectrum/buttongroup/src/ButtonGroup.tsx","packages/@react-spectrum/buttongroup/src/packages/@react-spectrum/buttongroup/src/index.ts","packages/@react-spectrum/buttongroup/src/index.ts"],"sourcesContent":[null,null,"/*\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/// <reference types=\"css-module-types\" />\nexport {ButtonGroup} from './ButtonGroup';\nexport type {SpectrumButtonGroupProps} from '@react-types/buttongroup';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;;AAoHA;;GAEG;AACH,OAAA,IAAI,yHAA4C,CAAC;AC1GjD,YAAY,EAAC,wBAAwB,EAAC,MAAM,0BAA0B,CAAC","sources":["packages/@react-spectrum/buttongroup/src/packages/@react-spectrum/buttongroup/src/ButtonGroup.tsx","packages/@react-spectrum/buttongroup/src/packages/@react-spectrum/buttongroup/src/index.ts","packages/@react-spectrum/buttongroup/src/index.ts"],"sourcesContent":[null,null,"/*\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/// <reference types=\"css-module-types\" />\nexport {ButtonGroup} from './ButtonGroup';\nexport type {SpectrumButtonGroupProps} from '@react-types/buttongroup';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/dist/{main.css → vars.5ab31a3b.css}

@@ -37,4 +37,4 @@
 .aaz5ma_spectrum-ButtonGroup--vertical.aaz5ma_spectrum-ButtonGroup--alignCenter {
   align-items: center;
 }
-/*# sourceMappingURL=main.css.map */
+/*# sourceMappingURL=vars.5ab31a3b.css.map */

package/dist/{main.css.map → vars.5ab31a3b.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":"main.css.map"}
+{"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":"vars.5ab31a3b.css.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/buttongroup",
-  "version": "3.6.12-nightly.4555+81162ea39",
+  "version": "3.6.12-nightly.4560+72775d272",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -36,15 +36,15 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/utils": "3.0.0-nightly.2843+81162ea39",
-    "@react-spectrum/utils": "3.0.0-nightly.2843+81162ea39",
-    "@react-types/buttongroup": "3.3.8-nightly.4555+81162ea39",
-    "@react-types/shared": "3.0.0-nightly.2843+81162ea39",
+    "@react-aria/utils": "3.0.0-nightly.2848+72775d272",
+    "@react-spectrum/utils": "3.0.0-nightly.2848+72775d272",
+    "@react-types/buttongroup": "3.3.8-nightly.4560+72775d272",
+    "@react-types/shared": "3.0.0-nightly.2848+72775d272",
     "@swc/helpers": "^0.5.0"
   },
   "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-nightly.2843+81162ea39",
-    "@spectrum-icons/workflow": "3.0.0-nightly.2843+81162ea39"
+    "@adobe/spectrum-css-temp": "3.0.0-nightly.2848+72775d272",
+    "@spectrum-icons/workflow": "3.0.0-nightly.2848+72775d272"
   },
   "peerDependencies": {
     "@react-spectrum/provider": "^3.0.0",
@@ -53,5 +53,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "81162ea392926d06ec3d25c228e6f9b6b5479d59"
+  "gitHead": "72775d272be04cfa32d26ec821bc68513d92a72b"
 }

package/dist/module.css

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

package/dist/module.css.map

@@ -1 +0,0 @@
-{"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":"module.css.map"}