@react-spectrum/button 3.0.0-nightly.1345 → 3.0.0-nightly.1356

package/dist/main.js

@@ -1,458 +1,461 @@
-var {
-  useToggleState
-} = require("@react-stately/toggle");
-
-var _spectrumIconsUiCrossSmall = $parcel$interopDefault(require("@spectrum-icons/ui/CrossSmall"));
-
-var {
-  useProviderProps
-} = require("@react-spectrum/provider");
-
-var {
-  useHover
-} = require("@react-aria/interactions");
-
-var {
-  useButton,
-  useToggleButton
-} = require("@react-aria/button");
-
-var {
-  Text
-} = require("@react-spectrum/text");
-
-var _react = $parcel$interopDefault(require("react"));
+require("./main.css");
+var $1jcpr$reactspectrumutils = require("@react-spectrum/utils");
+var $1jcpr$reactariafocus = require("@react-aria/focus");
+var $1jcpr$reactariautils = require("@react-aria/utils");
+var $1jcpr$react = require("react");
+var $1jcpr$reactspectrumtext = require("@react-spectrum/text");
+var $1jcpr$reactariabutton = require("@react-aria/button");
+var $1jcpr$reactariainteractions = require("@react-aria/interactions");
+var $1jcpr$reactspectrumprovider = require("@react-spectrum/provider");
+var $1jcpr$spectrumiconsuiCrossSmall = require("@spectrum-icons/ui/CrossSmall");
+var $1jcpr$reactstatelytoggle = require("@react-stately/toggle");
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
 
-var {
-  mergeProps
-} = require("@react-aria/utils");
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
 
-var {
-  FocusRing
-} = require("@react-aria/focus");
+  return dest;
+}
+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});
+}
+var $6a86cbc0c1174e5c$exports = {};
+
+$parcel$export($6a86cbc0c1174e5c$exports, "Button", () => $6a86cbc0c1174e5c$export$353f5b6fc5456de1);
+
+
+
+
+var $c1b2fd38b37ee931$exports = {};
+
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-Button", () => $c1b2fd38b37ee931$export$1db4cca5b4ade39a, (v) => $c1b2fd38b37ee931$export$1db4cca5b4ade39a = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-ActionButton", () => $c1b2fd38b37ee931$export$53da69f51b770d3, (v) => $c1b2fd38b37ee931$export$53da69f51b770d3 = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-LogicButton", () => $c1b2fd38b37ee931$export$36ae67a131730482, (v) => $c1b2fd38b37ee931$export$36ae67a131730482 = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-FieldButton", () => $c1b2fd38b37ee931$export$a024c99ecf6b5741, (v) => $c1b2fd38b37ee931$export$a024c99ecf6b5741 = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-ClearButton", () => $c1b2fd38b37ee931$export$b752ce409e5660c, (v) => $c1b2fd38b37ee931$export$b752ce409e5660c = v);
+$parcel$export($c1b2fd38b37ee931$exports, "focus-ring", () => $c1b2fd38b37ee931$export$f39a09f249340e2a, (v) => $c1b2fd38b37ee931$export$f39a09f249340e2a = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-Icon", () => $c1b2fd38b37ee931$export$d374b04f30360026, (v) => $c1b2fd38b37ee931$export$d374b04f30360026 = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-ActionButton--emphasized", () => $c1b2fd38b37ee931$export$5aabb61a966e266f, (v) => $c1b2fd38b37ee931$export$5aabb61a966e266f = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-ActionButton--staticColor", () => $c1b2fd38b37ee931$export$29b7b5d6a5a497c5, (v) => $c1b2fd38b37ee931$export$29b7b5d6a5a497c5 = v);
+$parcel$export($c1b2fd38b37ee931$exports, "is-hovered", () => $c1b2fd38b37ee931$export$b8813cd5d7824ce7, (v) => $c1b2fd38b37ee931$export$b8813cd5d7824ce7 = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-Button-label", () => $c1b2fd38b37ee931$export$c081ba562e204942, (v) => $c1b2fd38b37ee931$export$c081ba562e204942 = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-ActionButton-label", () => $c1b2fd38b37ee931$export$ebb4635c66bacdb9, (v) => $c1b2fd38b37ee931$export$ebb4635c66bacdb9 = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-ActionButton-hold", () => $c1b2fd38b37ee931$export$4a4f01c443eff992, (v) => $c1b2fd38b37ee931$export$4a4f01c443eff992 = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-ActionButton--quiet", () => $c1b2fd38b37ee931$export$40e1f009544bacf3, (v) => $c1b2fd38b37ee931$export$40e1f009544bacf3 = v);
+$parcel$export($c1b2fd38b37ee931$exports, "is-disabled", () => $c1b2fd38b37ee931$export$d35bc1e505d1ebbf, (v) => $c1b2fd38b37ee931$export$d35bc1e505d1ebbf = v);
+$parcel$export($c1b2fd38b37ee931$exports, "is-open", () => $c1b2fd38b37ee931$export$a9781837241c946d, (v) => $c1b2fd38b37ee931$export$a9781837241c946d = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-FieldButton--quiet", () => $c1b2fd38b37ee931$export$5ca7b274e4fff9fc, (v) => $c1b2fd38b37ee931$export$5ca7b274e4fff9fc = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-ClearButton--overBackground", () => $c1b2fd38b37ee931$export$116f2fccf941d34d, (v) => $c1b2fd38b37ee931$export$116f2fccf941d34d = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-ClearButton--small", () => $c1b2fd38b37ee931$export$49280ffa5236ba8b, (v) => $c1b2fd38b37ee931$export$49280ffa5236ba8b = v);
+$parcel$export($c1b2fd38b37ee931$exports, "is-focused", () => $c1b2fd38b37ee931$export$e7dc768d35940237, (v) => $c1b2fd38b37ee931$export$e7dc768d35940237 = v);
+$parcel$export($c1b2fd38b37ee931$exports, "is-active", () => $c1b2fd38b37ee931$export$20fd0f7cd4e6112f, (v) => $c1b2fd38b37ee931$export$20fd0f7cd4e6112f = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-Button--cta", () => $c1b2fd38b37ee931$export$b818fdf0052a2cab, (v) => $c1b2fd38b37ee931$export$b818fdf0052a2cab = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-Button--primary", () => $c1b2fd38b37ee931$export$c1c3511f5e96e926, (v) => $c1b2fd38b37ee931$export$c1c3511f5e96e926 = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-Button--secondary", () => $c1b2fd38b37ee931$export$4f1b75526afd8ff3, (v) => $c1b2fd38b37ee931$export$4f1b75526afd8ff3 = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-Button--warning", () => $c1b2fd38b37ee931$export$6f97cef817ff1cac, (v) => $c1b2fd38b37ee931$export$6f97cef817ff1cac = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-Button--overBackground", () => $c1b2fd38b37ee931$export$5cda1128f9112d2e, (v) => $c1b2fd38b37ee931$export$5cda1128f9112d2e = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-Button--quiet", () => $c1b2fd38b37ee931$export$25f049c049371040, (v) => $c1b2fd38b37ee931$export$25f049c049371040 = v);
+$parcel$export($c1b2fd38b37ee931$exports, "is-selected", () => $c1b2fd38b37ee931$export$1e0fb04f31d3c22a, (v) => $c1b2fd38b37ee931$export$1e0fb04f31d3c22a = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-ActionButton--staticWhite", () => $c1b2fd38b37ee931$export$ccc536e1adbdc059, (v) => $c1b2fd38b37ee931$export$ccc536e1adbdc059 = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-ActionButton--staticBlack", () => $c1b2fd38b37ee931$export$8f7c9db66978d20f, (v) => $c1b2fd38b37ee931$export$8f7c9db66978d20f = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-LogicButton--and", () => $c1b2fd38b37ee931$export$e52daab43a62c528, (v) => $c1b2fd38b37ee931$export$e52daab43a62c528 = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-LogicButton--or", () => $c1b2fd38b37ee931$export$da76be6126aaa633, (v) => $c1b2fd38b37ee931$export$da76be6126aaa633 = v);
+$parcel$export($c1b2fd38b37ee931$exports, "is-placeholder", () => $c1b2fd38b37ee931$export$e5b2f5233e4e5194, (v) => $c1b2fd38b37ee931$export$e5b2f5233e4e5194 = v);
+$parcel$export($c1b2fd38b37ee931$exports, "spectrum-FieldButton--invalid", () => $c1b2fd38b37ee931$export$c9f503f672e8a3c1, (v) => $c1b2fd38b37ee931$export$c9f503f672e8a3c1 = v);
+var $c1b2fd38b37ee931$export$1db4cca5b4ade39a;
+var $c1b2fd38b37ee931$export$53da69f51b770d3;
+var $c1b2fd38b37ee931$export$36ae67a131730482;
+var $c1b2fd38b37ee931$export$a024c99ecf6b5741;
+var $c1b2fd38b37ee931$export$b752ce409e5660c;
+var $c1b2fd38b37ee931$export$f39a09f249340e2a;
+var $c1b2fd38b37ee931$export$d374b04f30360026;
+var $c1b2fd38b37ee931$export$5aabb61a966e266f;
+var $c1b2fd38b37ee931$export$29b7b5d6a5a497c5;
+var $c1b2fd38b37ee931$export$b8813cd5d7824ce7;
+var $c1b2fd38b37ee931$export$c081ba562e204942;
+var $c1b2fd38b37ee931$export$ebb4635c66bacdb9;
+var $c1b2fd38b37ee931$export$4a4f01c443eff992;
+var $c1b2fd38b37ee931$export$40e1f009544bacf3;
+var $c1b2fd38b37ee931$export$d35bc1e505d1ebbf;
+var $c1b2fd38b37ee931$export$a9781837241c946d;
+var $c1b2fd38b37ee931$export$5ca7b274e4fff9fc;
+var $c1b2fd38b37ee931$export$116f2fccf941d34d;
+var $c1b2fd38b37ee931$export$49280ffa5236ba8b;
+var $c1b2fd38b37ee931$export$e7dc768d35940237;
+var $c1b2fd38b37ee931$export$20fd0f7cd4e6112f;
+var $c1b2fd38b37ee931$export$b818fdf0052a2cab;
+var $c1b2fd38b37ee931$export$c1c3511f5e96e926;
+var $c1b2fd38b37ee931$export$4f1b75526afd8ff3;
+var $c1b2fd38b37ee931$export$6f97cef817ff1cac;
+var $c1b2fd38b37ee931$export$5cda1128f9112d2e;
+var $c1b2fd38b37ee931$export$25f049c049371040;
+var $c1b2fd38b37ee931$export$1e0fb04f31d3c22a;
+var $c1b2fd38b37ee931$export$ccc536e1adbdc059;
+var $c1b2fd38b37ee931$export$8f7c9db66978d20f;
+var $c1b2fd38b37ee931$export$e52daab43a62c528;
+var $c1b2fd38b37ee931$export$da76be6126aaa633;
+var $c1b2fd38b37ee931$export$e5b2f5233e4e5194;
+var $c1b2fd38b37ee931$export$c9f503f672e8a3c1;
+$c1b2fd38b37ee931$export$1db4cca5b4ade39a = "_spectrum-Button_e2d99e";
+$c1b2fd38b37ee931$export$53da69f51b770d3 = "_spectrum-ActionButton_e2d99e";
+$c1b2fd38b37ee931$export$36ae67a131730482 = "_spectrum-LogicButton_e2d99e";
+$c1b2fd38b37ee931$export$a024c99ecf6b5741 = "_spectrum-FieldButton_e2d99e";
+$c1b2fd38b37ee931$export$b752ce409e5660c = "_spectrum-ClearButton_e2d99e";
+$c1b2fd38b37ee931$export$f39a09f249340e2a = "_focus-ring_e2d99e";
+$c1b2fd38b37ee931$export$d374b04f30360026 = "_spectrum-Icon_e2d99e";
+$c1b2fd38b37ee931$export$5aabb61a966e266f = "_spectrum-ActionButton--emphasized_e2d99e";
+$c1b2fd38b37ee931$export$29b7b5d6a5a497c5 = "_spectrum-ActionButton--staticColor_e2d99e";
+$c1b2fd38b37ee931$export$b8813cd5d7824ce7 = "_is-hovered_e2d99e";
+$c1b2fd38b37ee931$export$c081ba562e204942 = "_spectrum-Button-label_e2d99e";
+$c1b2fd38b37ee931$export$ebb4635c66bacdb9 = "_spectrum-ActionButton-label_e2d99e";
+$c1b2fd38b37ee931$export$4a4f01c443eff992 = "_spectrum-ActionButton-hold_e2d99e";
+$c1b2fd38b37ee931$export$40e1f009544bacf3 = "_spectrum-ActionButton--quiet_e2d99e";
+$c1b2fd38b37ee931$export$d35bc1e505d1ebbf = "_is-disabled_e2d99e";
+$c1b2fd38b37ee931$export$a9781837241c946d = "_is-open_e2d99e";
+$c1b2fd38b37ee931$export$5ca7b274e4fff9fc = "_spectrum-FieldButton--quiet_e2d99e";
+$c1b2fd38b37ee931$export$116f2fccf941d34d = "_spectrum-ClearButton--overBackground_e2d99e";
+$c1b2fd38b37ee931$export$49280ffa5236ba8b = "_spectrum-ClearButton--small_e2d99e";
+$c1b2fd38b37ee931$export$e7dc768d35940237 = "_is-focused_e2d99e";
+$c1b2fd38b37ee931$export$20fd0f7cd4e6112f = "_is-active_e2d99e";
+$c1b2fd38b37ee931$export$b818fdf0052a2cab = "_spectrum-Button--cta_e2d99e";
+$c1b2fd38b37ee931$export$c1c3511f5e96e926 = "_spectrum-Button--primary_e2d99e";
+$c1b2fd38b37ee931$export$4f1b75526afd8ff3 = "_spectrum-Button--secondary_e2d99e";
+$c1b2fd38b37ee931$export$6f97cef817ff1cac = "_spectrum-Button--warning_e2d99e";
+$c1b2fd38b37ee931$export$5cda1128f9112d2e = "_spectrum-Button--overBackground_e2d99e";
+$c1b2fd38b37ee931$export$25f049c049371040 = "_spectrum-Button--quiet_e2d99e";
+$c1b2fd38b37ee931$export$1e0fb04f31d3c22a = "_is-selected_e2d99e";
+$c1b2fd38b37ee931$export$ccc536e1adbdc059 = "_spectrum-ActionButton--staticWhite_e2d99e";
+$c1b2fd38b37ee931$export$8f7c9db66978d20f = "_spectrum-ActionButton--staticBlack_e2d99e";
+$c1b2fd38b37ee931$export$e52daab43a62c528 = "_spectrum-LogicButton--and_e2d99e";
+$c1b2fd38b37ee931$export$da76be6126aaa633 = "_spectrum-LogicButton--or_e2d99e";
+$c1b2fd38b37ee931$export$e5b2f5233e4e5194 = "_is-placeholder_e2d99e";
+$c1b2fd38b37ee931$export$c9f503f672e8a3c1 = "_spectrum-FieldButton--invalid_e2d99e";
 
-var {
-  classNames,
-  SlotProvider,
-  useFocusableRef,
-  useSlotProps,
-  useStyleProps
-} = require("@react-spectrum/utils");
 
-var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
-var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
 
-require("./main.css");
 
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
 
-// ASSET: /home/circleci/react-spectrum/node_modules/@adobe/spectrum-css-temp/components/button/vars.css
-var $a9040831959d0ed42473e9713dd4b23$exports = {};
-$a9040831959d0ed42473e9713dd4b23$exports = {
-  "spectrum-Button": "_spectrum-Button_ab836",
-  "spectrum-ActionButton": "_spectrum-ActionButton_ab836",
-  "spectrum-LogicButton": "_spectrum-LogicButton_ab836",
-  "spectrum-FieldButton": "_spectrum-FieldButton_ab836",
-  "spectrum-ClearButton": "_spectrum-ClearButton_ab836",
-  "focus-ring": "_focus-ring_ab836",
-  "spectrum-Icon": "_spectrum-Icon_ab836",
-  "spectrum-ActionButton--emphasized": "_spectrum-ActionButton--emphasized_ab836",
-  "spectrum-ActionButton--staticColor": "_spectrum-ActionButton--staticColor_ab836",
-  "is-hovered": "_is-hovered_ab836",
-  "spectrum-Button-label": "_spectrum-Button-label_ab836",
-  "spectrum-ActionButton-label": "_spectrum-ActionButton-label_ab836",
-  "spectrum-ActionButton-hold": "_spectrum-ActionButton-hold_ab836",
-  "spectrum-ActionButton--quiet": "_spectrum-ActionButton--quiet_ab836",
-  "is-disabled": "_is-disabled_ab836",
-  "is-open": "_is-open_ab836",
-  "spectrum-FieldButton--quiet": "_spectrum-FieldButton--quiet_ab836",
-  "spectrum-ClearButton--overBackground": "_spectrum-ClearButton--overBackground_ab836",
-  "spectrum-ClearButton--small": "_spectrum-ClearButton--small_ab836",
-  "is-focused": "_is-focused_ab836",
-  "is-active": "_is-active_ab836",
-  "spectrum-Button--cta": "_spectrum-Button--cta_ab836",
-  "spectrum-Button--primary": "_spectrum-Button--primary_ab836",
-  "spectrum-Button--secondary": "_spectrum-Button--secondary_ab836",
-  "spectrum-Button--warning": "_spectrum-Button--warning_ab836",
-  "spectrum-Button--overBackground": "_spectrum-Button--overBackground_ab836",
-  "spectrum-Button--quiet": "_spectrum-Button--quiet_ab836",
-  "is-selected": "_is-selected_ab836",
-  "spectrum-ActionButton--staticWhite": "_spectrum-ActionButton--staticWhite_ab836",
-  "spectrum-ActionButton--staticBlack": "_spectrum-ActionButton--staticBlack_ab836",
-  "spectrum-LogicButton--and": "_spectrum-LogicButton--and_ab836",
-  "spectrum-LogicButton--or": "_spectrum-LogicButton--or_ab836",
-  "is-placeholder": "_is-placeholder_ab836",
-  "spectrum-FieldButton--invalid": "_spectrum-FieldButton--invalid_ab836"
-};
 // todo: CSS hasn't caught up yet, map
-let $ead2ca032915257adf53f639d99d1a73$var$VARIANT_MAPPING = {
-  negative: 'warning'
+let $6a86cbc0c1174e5c$var$VARIANT_MAPPING = {
+    negative: 'warning'
 };
-var $a9040831959d0ed42473e9713dd4b23$$interop$default = $parcel$interopDefault($a9040831959d0ed42473e9713dd4b23$exports);
-
-function $ead2ca032915257adf53f639d99d1a73$var$Button(props, ref) {
-  props = useProviderProps(props);
-  props = useSlotProps(props, 'button');
-
-  let {
-    elementType: ElementType = 'button',
-    children,
-    variant,
-    isQuiet,
-    isDisabled,
-    autoFocus
-  } = props,
-      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["elementType", "children", "variant", "isQuiet", "isDisabled", "autoFocus"]);
-
-  let domRef = useFocusableRef(ref);
-  let {
-    buttonProps,
-    isPressed
-  } = useButton(props, domRef);
-  let {
-    hoverProps,
-    isHovered
-  } = useHover({
-    isDisabled
-  });
-  let {
-    styleProps
-  } = useStyleProps(otherProps);
-  let buttonVariant = variant;
-
-  if ($ead2ca032915257adf53f639d99d1a73$var$VARIANT_MAPPING[variant]) {
-    buttonVariant = $ead2ca032915257adf53f639d99d1a73$var$VARIANT_MAPPING[variant];
-  }
-
-  return /*#__PURE__*/_react.createElement(FocusRing, {
-    focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring'),
-    autoFocus: autoFocus
-  }, /*#__PURE__*/_react.createElement(ElementType, _babelRuntimeHelpersExtends({}, styleProps, mergeProps(buttonProps, hoverProps), {
-    ref: domRef,
-    className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Button', "spectrum-Button--" + buttonVariant, {
-      'spectrum-Button--quiet': isQuiet,
-      'is-disabled': isDisabled,
-      'is-active': isPressed,
-      'is-hovered': isHovered
-    }, styleProps.className)
-  }), /*#__PURE__*/_react.createElement(SlotProvider, {
-    slots: {
-      icon: {
-        size: 'S',
-        UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Icon')
-      },
-      text: {
-        UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Button-label')
-      }
-    }
-  }, typeof children === 'string' ? /*#__PURE__*/_react.createElement(Text, null, children) : children)));
+function $6a86cbc0c1174e5c$var$Button(props, ref) {
+    props = $1jcpr$reactspectrumprovider.useProviderProps(props);
+    props = $1jcpr$reactspectrumutils.useSlotProps(props, 'button');
+    let { elementType: ElementType = 'button' , children: children , variant: variant , isQuiet: isQuiet , isDisabled: isDisabled , autoFocus: autoFocus , ...otherProps } = props;
+    let domRef = $1jcpr$reactspectrumutils.useFocusableRef(ref);
+    let { buttonProps: buttonProps , isPressed: isPressed  } = $1jcpr$reactariabutton.useButton(props, domRef);
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $1jcpr$reactariainteractions.useHover({
+        isDisabled: isDisabled
+    });
+    let { styleProps: styleProps  } = $1jcpr$reactspectrumutils.useStyleProps(otherProps);
+    let buttonVariant = variant;
+    if ($6a86cbc0c1174e5c$var$VARIANT_MAPPING[variant]) buttonVariant = $6a86cbc0c1174e5c$var$VARIANT_MAPPING[variant];
+    return(/*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement($1jcpr$reactariafocus.FocusRing, {
+        focusRingClass: $1jcpr$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports)), 'focus-ring'),
+        autoFocus: autoFocus
+    }, /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement(ElementType, {
+        ...styleProps,
+        ...$1jcpr$reactariautils.mergeProps(buttonProps, hoverProps),
+        ref: domRef,
+        className: $1jcpr$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports)), 'spectrum-Button', `spectrum-Button--${buttonVariant}`, {
+            'spectrum-Button--quiet': isQuiet,
+            'is-disabled': isDisabled,
+            'is-active': isPressed,
+            'is-hovered': isHovered
+        }, styleProps.className)
+    }, /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement($1jcpr$reactspectrumutils.SlotProvider, {
+        slots: {
+            icon: {
+                size: 'S',
+                UNSAFE_className: $1jcpr$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports)), 'spectrum-Icon')
+            },
+            text: {
+                UNSAFE_className: $1jcpr$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports)), 'spectrum-Button-label')
+            }
+        }
+    }, typeof children === 'string' ? /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement($1jcpr$reactspectrumtext.Text, null, children) : children))));
 }
 /**
  * Buttons allow users to perform an action or to navigate to another page.
  * They have multiple styles for various needs, and are ideal for calling attention to
  * where a user needs to do something in order to move forward in a flow.
- */
-
-
-let Button = /*#__PURE__*/_react.forwardRef($ead2ca032915257adf53f639d99d1a73$var$Button);
-
-exports.Button = Button;
-
-function $f3063a10f4b2c05148061fca201b$var$ActionButton(props, ref) {
-  props = useProviderProps(props);
-  props = useSlotProps(props, 'actionButton');
-
-  let {
-    isQuiet,
-    isDisabled,
-    staticColor,
-    children,
-    autoFocus
-  } = props,
-      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["isQuiet", "isDisabled", "staticColor", "children", "autoFocus"]);
-
-  let domRef = useFocusableRef(ref);
-  let {
-    buttonProps,
-    isPressed
-  } = useButton(props, domRef);
-  let {
-    hoverProps,
-    isHovered
-  } = useHover({
-    isDisabled
-  });
-  let {
-    styleProps
-  } = useStyleProps(otherProps);
-
-  let isTextOnly = _react.Children.toArray(props.children).every(c => ! /*#__PURE__*/_react.isValidElement(c));
-
-  return /*#__PURE__*/_react.createElement(FocusRing, {
-    focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring'),
-    autoFocus: autoFocus
-  }, /*#__PURE__*/_react.createElement("button", _babelRuntimeHelpersExtends({}, styleProps, mergeProps(buttonProps, hoverProps), {
-    ref: domRef,
-    className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-ActionButton', {
-      'spectrum-ActionButton--quiet': isQuiet,
-      'spectrum-ActionButton--staticColor': !!staticColor,
-      'spectrum-ActionButton--staticWhite': staticColor === 'white',
-      'spectrum-ActionButton--staticBlack': staticColor === 'black',
-      'is-active': isPressed,
-      'is-disabled': isDisabled,
-      'is-hovered': isHovered
-    }, styleProps.className)
-  }), /*#__PURE__*/_react.createElement(SlotProvider, {
-    slots: {
-      icon: {
-        size: 'S',
-        UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Icon')
-      },
-      text: {
-        UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-ActionButton-label')
-      }
-    }
-  }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/_react.createElement(Text, null, children) : children)));
+ */ let $6a86cbc0c1174e5c$export$353f5b6fc5456de1 = /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).forwardRef($6a86cbc0c1174e5c$var$Button);
+
+
+var $2c85f0cdecbee68d$exports = {};
+
+$parcel$export($2c85f0cdecbee68d$exports, "ActionButton", () => $2c85f0cdecbee68d$export$cfc7921d29ef7b80);
+
+
+
+
+
+
+
+
+
+function $2c85f0cdecbee68d$var$ActionButton(props, ref) {
+    props = $1jcpr$reactspectrumprovider.useProviderProps(props);
+    props = $1jcpr$reactspectrumutils.useSlotProps(props, 'actionButton');
+    let { isQuiet: isQuiet , isDisabled: isDisabled , staticColor: staticColor , children: children , autoFocus: autoFocus , ...otherProps } = props;
+    let domRef = $1jcpr$reactspectrumutils.useFocusableRef(ref);
+    let { buttonProps: buttonProps , isPressed: isPressed  } = $1jcpr$reactariabutton.useButton(props, domRef);
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $1jcpr$reactariainteractions.useHover({
+        isDisabled: isDisabled
+    });
+    let { styleProps: styleProps  } = $1jcpr$reactspectrumutils.useStyleProps(otherProps);
+    let isTextOnly = ($parcel$interopDefault($1jcpr$react)).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).isValidElement(c)
+    );
+    return(/*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement($1jcpr$reactariafocus.FocusRing, {
+        focusRingClass: $1jcpr$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports)), 'focus-ring'),
+        autoFocus: autoFocus
+    }, /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement("button", {
+        ...styleProps,
+        ...$1jcpr$reactariautils.mergeProps(buttonProps, hoverProps),
+        ref: domRef,
+        className: $1jcpr$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports)), 'spectrum-ActionButton', {
+            'spectrum-ActionButton--quiet': isQuiet,
+            'spectrum-ActionButton--staticColor': !!staticColor,
+            'spectrum-ActionButton--staticWhite': staticColor === 'white',
+            'spectrum-ActionButton--staticBlack': staticColor === 'black',
+            'is-active': isPressed,
+            'is-disabled': isDisabled,
+            'is-hovered': isHovered
+        }, styleProps.className)
+    }, /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement($1jcpr$reactspectrumutils.SlotProvider, {
+        slots: {
+            icon: {
+                size: 'S',
+                UNSAFE_className: $1jcpr$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports)), 'spectrum-Icon')
+            },
+            text: {
+                UNSAFE_className: $1jcpr$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports)), 'spectrum-ActionButton-label')
+            }
+        }
+    }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement($1jcpr$reactspectrumtext.Text, null, children) : children))));
 }
 /**
  * ActionButtons allow users to perform an action.
  * They’re used for similar, task-based options within a workflow, and are ideal for interfaces where buttons aren’t meant to draw a lot of attention.
- */
+ */ let $2c85f0cdecbee68d$export$cfc7921d29ef7b80 = /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).forwardRef($2c85f0cdecbee68d$var$ActionButton);
+
+
+var $5940855c62900429$exports = {};
+
+$parcel$export($5940855c62900429$exports, "FieldButton", () => $5940855c62900429$export$47dc48f595b075da);
+
+
+
 
 
-let ActionButton = /*#__PURE__*/_react.forwardRef($f3063a10f4b2c05148061fca201b$var$ActionButton);
 
-exports.ActionButton = ActionButton;
 
 // @private
-function $fee777d101ae103380e7aba8c00fbda$var$FieldButton(props, ref) {
-  props = useSlotProps(props, 'button');
-
-  let {
-    isQuiet,
-    isDisabled,
-    validationState,
-    children,
-    autoFocus,
-    isActive,
-    focusRingClass
-  } = props,
-      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["isQuiet", "isDisabled", "validationState", "children", "autoFocus", "isActive", "focusRingClass"]);
-
-  let domRef = useFocusableRef(ref);
-  let {
-    buttonProps,
-    isPressed
-  } = useButton(props, domRef);
-  let {
-    hoverProps,
-    isHovered
-  } = useHover({
-    isDisabled
-  });
-  let {
-    styleProps
-  } = useStyleProps(otherProps);
-  return /*#__PURE__*/_react.createElement(FocusRing, {
-    focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring', focusRingClass),
-    autoFocus: autoFocus
-  }, /*#__PURE__*/_react.createElement("button", _babelRuntimeHelpersExtends({}, mergeProps(buttonProps, hoverProps), {
-    ref: domRef,
-    className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-FieldButton', {
-      'spectrum-FieldButton--quiet': isQuiet,
-      'is-active': isActive || isPressed,
-      'is-disabled': isDisabled,
-      'spectrum-FieldButton--invalid': validationState === 'invalid',
-      'is-hovered': isHovered
-    }, styleProps.className)
-  }), /*#__PURE__*/_react.createElement(SlotProvider, {
-    slots: {
-      icon: {
-        size: 'S',
-        UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Icon')
-      }
-    }
-  }, children)));
+function $5940855c62900429$var$FieldButton(props, ref) {
+    props = $1jcpr$reactspectrumutils.useSlotProps(props, 'button');
+    let { isQuiet: isQuiet , isDisabled: isDisabled , validationState: validationState , children: children , autoFocus: autoFocus , isActive: isActive , focusRingClass: focusRingClass , ...otherProps } = props;
+    let domRef = $1jcpr$reactspectrumutils.useFocusableRef(ref);
+    let { buttonProps: buttonProps , isPressed: isPressed  } = $1jcpr$reactariabutton.useButton(props, domRef);
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $1jcpr$reactariainteractions.useHover({
+        isDisabled: isDisabled
+    });
+    let { styleProps: styleProps  } = $1jcpr$reactspectrumutils.useStyleProps(otherProps);
+    return(/*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement($1jcpr$reactariafocus.FocusRing, {
+        focusRingClass: $1jcpr$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports)), 'focus-ring', focusRingClass),
+        autoFocus: autoFocus
+    }, /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement("button", {
+        ...$1jcpr$reactariautils.mergeProps(buttonProps, hoverProps),
+        ref: domRef,
+        className: $1jcpr$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports)), 'spectrum-FieldButton', {
+            'spectrum-FieldButton--quiet': isQuiet,
+            'is-active': isActive || isPressed,
+            'is-disabled': isDisabled,
+            'spectrum-FieldButton--invalid': validationState === 'invalid',
+            'is-hovered': isHovered
+        }, styleProps.className)
+    }, /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement($1jcpr$reactspectrumutils.SlotProvider, {
+        slots: {
+            icon: {
+                size: 'S',
+                UNSAFE_className: $1jcpr$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports)), 'spectrum-Icon')
+            }
+        }
+    }, children))));
 }
+let $5940855c62900429$export$47dc48f595b075da = /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).forwardRef($5940855c62900429$var$FieldButton);
 
-let FieldButton = /*#__PURE__*/_react.forwardRef($fee777d101ae103380e7aba8c00fbda$var$FieldButton);
-
-exports.FieldButton = FieldButton;
-
-function $c1e922c08e26f540cc0b70e2998879f7$var$LogicButton(props, ref) {
-  props = useProviderProps(props);
-
-  let {
-    variant,
-    children,
-    isDisabled,
-    autoFocus
-  } = props,
-      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["variant", "children", "isDisabled", "autoFocus"]);
-
-  let domRef = useFocusableRef(ref);
-  let {
-    buttonProps,
-    isPressed
-  } = useButton(props, domRef);
-  let {
-    hoverProps,
-    isHovered
-  } = useHover({
-    isDisabled
-  });
-  let {
-    styleProps
-  } = useStyleProps(otherProps);
-  return /*#__PURE__*/_react.createElement(FocusRing, {
-    focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring'),
-    autoFocus: autoFocus
-  }, /*#__PURE__*/_react.createElement("button", _babelRuntimeHelpersExtends({}, styleProps, mergeProps(buttonProps, hoverProps), {
-    ref: domRef,
-    className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-LogicButton', {
-      ["spectrum-LogicButton--" + variant]: variant,
-      'is-disabled': isDisabled,
-      'is-active': isPressed,
-      'is-hovered': isHovered
-    }, styleProps.className)
-  }), /*#__PURE__*/_react.createElement("span", {
-    className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Button-label')
-  }, children)));
+
+var $4652485e62841fa3$exports = {};
+
+$parcel$export($4652485e62841fa3$exports, "LogicButton", () => $4652485e62841fa3$export$9b0b80fed00ba8b1);
+
+
+
+
+
+
+
+
+function $4652485e62841fa3$var$LogicButton(props, ref) {
+    props = $1jcpr$reactspectrumprovider.useProviderProps(props);
+    let { variant: variant , children: children , isDisabled: isDisabled , autoFocus: autoFocus , ...otherProps } = props;
+    let domRef = $1jcpr$reactspectrumutils.useFocusableRef(ref);
+    let { buttonProps: buttonProps , isPressed: isPressed  } = $1jcpr$reactariabutton.useButton(props, domRef);
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $1jcpr$reactariainteractions.useHover({
+        isDisabled: isDisabled
+    });
+    let { styleProps: styleProps  } = $1jcpr$reactspectrumutils.useStyleProps(otherProps);
+    return(/*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement($1jcpr$reactariafocus.FocusRing, {
+        focusRingClass: $1jcpr$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports)), 'focus-ring'),
+        autoFocus: autoFocus
+    }, /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement("button", {
+        ...styleProps,
+        ...$1jcpr$reactariautils.mergeProps(buttonProps, hoverProps),
+        ref: domRef,
+        className: $1jcpr$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports)), 'spectrum-LogicButton', {
+            [`spectrum-LogicButton--${variant}`]: variant,
+            'is-disabled': isDisabled,
+            'is-active': isPressed,
+            'is-hovered': isHovered
+        }, styleProps.className)
+    }, /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement("span", {
+        className: $1jcpr$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports)), 'spectrum-Button-label')
+    }, children))));
 }
 /**
  * A LogicButton displays an operator within a boolean logic sequence.
- */
-
-
-let LogicButton = /*#__PURE__*/_react.forwardRef($c1e922c08e26f540cc0b70e2998879f7$var$LogicButton);
-
-exports.LogicButton = LogicButton;
-
-function $da329d9cf39ae507e223a144e84f29$var$ClearButton(props, ref) {
-  let {
-    children = /*#__PURE__*/_react.createElement(_spectrumIconsUiCrossSmall, {
-      UNSAFE_className: $a9040831959d0ed42473e9713dd4b23$$interop$default['spectrum-Icon']
-    }),
-    focusClassName,
-    variant,
-    autoFocus,
-    isDisabled,
-    preventFocus,
-    elementType = preventFocus ? 'div' : 'button'
-  } = props,
-      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["children", "focusClassName", "variant", "autoFocus", "isDisabled", "preventFocus", "elementType"]);
-
-  let domRef = useFocusableRef(ref);
-  let {
-    buttonProps,
-    isPressed
-  } = useButton(_babelRuntimeHelpersExtends({}, props, {
-    elementType
-  }), domRef);
-  let {
-    hoverProps,
-    isHovered
-  } = useHover({
-    isDisabled
-  });
-  let {
-    styleProps
-  } = useStyleProps(otherProps); // For cases like the clear button in a search field, remove the tabIndex so
-  // iOS 14 with VoiceOver doesn't focus the button and hide the keyboard when
-  // moving the cursor over the clear button.
-
-  if (preventFocus) {
-    delete buttonProps.tabIndex;
-  }
-
-  let ElementType = elementType;
-  return /*#__PURE__*/_react.createElement(FocusRing, {
-    focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring', focusClassName),
-    autoFocus: autoFocus
-  }, /*#__PURE__*/_react.createElement(ElementType, _babelRuntimeHelpersExtends({}, styleProps, mergeProps(buttonProps, hoverProps), {
-    ref: domRef,
-    className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-ClearButton', {
-      ["spectrum-ClearButton--" + variant]: variant,
-      'is-disabled': isDisabled,
-      'is-active': isPressed,
-      'is-hovered': isHovered
-    }, styleProps.className)
-  }), children));
-}
+ */ let $4652485e62841fa3$export$9b0b80fed00ba8b1 = /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).forwardRef($4652485e62841fa3$var$LogicButton);
 
-let ClearButton = /*#__PURE__*/_react.forwardRef($da329d9cf39ae507e223a144e84f29$var$ClearButton);
-
-exports.ClearButton = ClearButton;
-
-function $cafbdaa4815cfddd8f7335990626f4$var$ToggleButton(props, ref) {
-  props = useProviderProps(props);
-
-  let {
-    isQuiet,
-    isDisabled,
-    isEmphasized,
-    staticColor,
-    children,
-    autoFocus
-  } = props,
-      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["isQuiet", "isDisabled", "isEmphasized", "staticColor", "children", "autoFocus"]);
-
-  let domRef = useFocusableRef(ref);
-  let state = useToggleState(props);
-  let {
-    buttonProps,
-    isPressed
-  } = useToggleButton(props, state, domRef);
-  let {
-    hoverProps,
-    isHovered
-  } = useHover({
-    isDisabled
-  });
-  let {
-    styleProps
-  } = useStyleProps(otherProps);
-
-  let isTextOnly = _react.Children.toArray(props.children).every(c => ! /*#__PURE__*/_react.isValidElement(c));
-
-  return /*#__PURE__*/_react.createElement(FocusRing, {
-    focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring'),
-    autoFocus: autoFocus
-  }, /*#__PURE__*/_react.createElement("button", _babelRuntimeHelpersExtends({}, styleProps, mergeProps(buttonProps, hoverProps), {
-    ref: domRef,
-    className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-ActionButton', {
-      'spectrum-ActionButton--quiet': isQuiet,
-      'spectrum-ActionButton--emphasized': isEmphasized,
-      'spectrum-ActionButton--staticColor': !!staticColor,
-      'spectrum-ActionButton--staticWhite': staticColor === 'white',
-      'spectrum-ActionButton--staticBlack': staticColor === 'black',
-      'is-active': isPressed,
-      'is-disabled': isDisabled,
-      'is-hovered': isHovered,
-      'is-selected': state.isSelected
-    }, styleProps.className)
-  }), /*#__PURE__*/_react.createElement(SlotProvider, {
-    slots: {
-      icon: {
-        size: 'S',
-        UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-Icon')
-      },
-      text: {
-        UNSAFE_className: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'spectrum-ActionButton-label')
-      }
-    }
-  }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/_react.createElement(Text, null, children) : children)));
+
+var $8dc41fbd155d512c$exports = {};
+
+$parcel$export($8dc41fbd155d512c$exports, "ClearButton", () => $8dc41fbd155d512c$export$13ec83e50bf04290);
+
+
+
+
+
+
+
+
+function $8dc41fbd155d512c$var$ClearButton(props, ref) {
+    let { children: children = /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement(($parcel$interopDefault($1jcpr$spectrumiconsuiCrossSmall)), {
+        UNSAFE_className: (/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports))['spectrum-Icon']
+    }) , focusClassName: focusClassName , variant: variant , autoFocus: autoFocus , isDisabled: isDisabled , preventFocus: preventFocus , elementType: elementType = preventFocus ? 'div' : 'button' , ...otherProps } = props;
+    let domRef = $1jcpr$reactspectrumutils.useFocusableRef(ref);
+    let { buttonProps: buttonProps , isPressed: isPressed  } = $1jcpr$reactariabutton.useButton({
+        ...props,
+        elementType: elementType
+    }, domRef);
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $1jcpr$reactariainteractions.useHover({
+        isDisabled: isDisabled
+    });
+    let { styleProps: styleProps  } = $1jcpr$reactspectrumutils.useStyleProps(otherProps);
+    // For cases like the clear button in a search field, remove the tabIndex so
+    // iOS 14 with VoiceOver doesn't focus the button and hide the keyboard when
+    // moving the cursor over the clear button.
+    if (preventFocus) delete buttonProps.tabIndex;
+    let ElementType = elementType;
+    return(/*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement($1jcpr$reactariafocus.FocusRing, {
+        focusRingClass: $1jcpr$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports)), 'focus-ring', focusClassName),
+        autoFocus: autoFocus
+    }, /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement(ElementType, {
+        ...styleProps,
+        ...$1jcpr$reactariautils.mergeProps(buttonProps, hoverProps),
+        ref: domRef,
+        className: $1jcpr$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports)), 'spectrum-ClearButton', {
+            [`spectrum-ClearButton--${variant}`]: variant,
+            'is-disabled': isDisabled,
+            'is-active': isPressed,
+            'is-hovered': isHovered
+        }, styleProps.className)
+    }, children)));
+}
+let $8dc41fbd155d512c$export$13ec83e50bf04290 = /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).forwardRef($8dc41fbd155d512c$var$ClearButton);
+
+
+var $6677fb815a353590$exports = {};
+
+$parcel$export($6677fb815a353590$exports, "ToggleButton", () => $6677fb815a353590$export$d2b052e7b4be1756);
+
+
+
+
+
+
+
+
+
+
+function $6677fb815a353590$var$ToggleButton(props, ref) {
+    props = $1jcpr$reactspectrumprovider.useProviderProps(props);
+    let { isQuiet: isQuiet , isDisabled: isDisabled , isEmphasized: isEmphasized , staticColor: staticColor , children: children , autoFocus: autoFocus , ...otherProps } = props;
+    let domRef = $1jcpr$reactspectrumutils.useFocusableRef(ref);
+    let state = $1jcpr$reactstatelytoggle.useToggleState(props);
+    let { buttonProps: buttonProps , isPressed: isPressed  } = $1jcpr$reactariabutton.useToggleButton(props, state, domRef);
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $1jcpr$reactariainteractions.useHover({
+        isDisabled: isDisabled
+    });
+    let { styleProps: styleProps  } = $1jcpr$reactspectrumutils.useStyleProps(otherProps);
+    let isTextOnly = ($parcel$interopDefault($1jcpr$react)).Children.toArray(props.children).every((c)=>!/*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).isValidElement(c)
+    );
+    return(/*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement($1jcpr$reactariafocus.FocusRing, {
+        focusRingClass: $1jcpr$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports)), 'focus-ring'),
+        autoFocus: autoFocus
+    }, /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement("button", {
+        ...styleProps,
+        ...$1jcpr$reactariautils.mergeProps(buttonProps, hoverProps),
+        ref: domRef,
+        className: $1jcpr$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports)), 'spectrum-ActionButton', {
+            'spectrum-ActionButton--quiet': isQuiet,
+            'spectrum-ActionButton--emphasized': isEmphasized,
+            'spectrum-ActionButton--staticColor': !!staticColor,
+            'spectrum-ActionButton--staticWhite': staticColor === 'white',
+            'spectrum-ActionButton--staticBlack': staticColor === 'black',
+            'is-active': isPressed,
+            'is-disabled': isDisabled,
+            'is-hovered': isHovered,
+            'is-selected': state.isSelected
+        }, styleProps.className)
+    }, /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement($1jcpr$reactspectrumutils.SlotProvider, {
+        slots: {
+            icon: {
+                size: 'S',
+                UNSAFE_className: $1jcpr$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports)), 'spectrum-Icon')
+            },
+            text: {
+                UNSAFE_className: $1jcpr$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($c1b2fd38b37ee931$exports)), 'spectrum-ActionButton-label')
+            }
+        }
+    }, typeof children === 'string' || isTextOnly ? /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).createElement($1jcpr$reactspectrumtext.Text, null, children) : children))));
 }
 /**
  * ToggleButtons allow users to toggle a selection on or off, for example
  * switching between two states or modes.
- */
+ */ let $6677fb815a353590$export$d2b052e7b4be1756 = /*#__PURE__*/ ($parcel$interopDefault($1jcpr$react)).forwardRef($6677fb815a353590$var$ToggleButton);
+
 
+$parcel$exportWildcard(module.exports, $6a86cbc0c1174e5c$exports);
+$parcel$exportWildcard(module.exports, $2c85f0cdecbee68d$exports);
+$parcel$exportWildcard(module.exports, $5940855c62900429$exports);
+$parcel$exportWildcard(module.exports, $4652485e62841fa3$exports);
+$parcel$exportWildcard(module.exports, $8dc41fbd155d512c$exports);
+$parcel$exportWildcard(module.exports, $6677fb815a353590$exports);
 
-let ToggleButton = /*#__PURE__*/_react.forwardRef($cafbdaa4815cfddd8f7335990626f4$var$ToggleButton);
 
-exports.ToggleButton = ToggleButton;
 //# sourceMappingURL=main.js.map