@wix/editor-react-components 1.2310.0 → 1.2311.0

package/dist/site/components/chunks/Button.js

@@ -1,365 +1,1075 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { forwardRef, useRef, useCallback, useState, useEffect, useMemo } from "react";
-import { c as clsx } from "./clsx.js";
-import { d as directionStyles } from "./direction.module.js";
-import { p as presetWrapperStyles } from "./presetWrapper.module.js";
-import { a as getDataAttributes, g as getQaDataAttributes } from "./dataUtils.js";
-import { f as formatClassNames } from "./classNames.js";
-import { I as IconAnimationTriggers } from "./Button.types.js";
-import AnimatedIconWithReducedMotion from "../AnimatedIcon/component.js";
-import { T as TRANSITION_DURATION, S as SEMANTIC_CLASS_NAMES, a as TestIds } from "./constants20.js";
-import { d as activateByEnterButton, a as activateBySpaceOrEnterButton, r as removeAriaPrefix, g as getAccessibilityAttributesSpread } from "./a11y.js";
-import { i as isValidLink } from "./Link.js";
-const root = "root__IB9QF";
-const active = "active__lpoVO";
-const label = "label__EtLji";
-const link = "link__0rDnC";
-const icon = "icon__ZzsS5";
-const button = "button__i8gkO";
-const styles = {
-  root,
-  active,
-  label,
-  link,
-  icon,
-  button
+var __typeError = (msg) => {
+  throw TypeError(msg);
 };
-const AnimatedButtonIcon = forwardRef(
-  ({ svg, duration }, ref) => /* @__PURE__ */ jsx(
-    AnimatedIconWithReducedMotion,
-    {
-      id: "animated-icon",
-      duration,
-      svg,
-      className: clsx("animated-icon", styles.icon),
-      ref
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var _shouldStopPropagation;
+import { $ as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, a as $f39a9eba43920ace$export$86427a43e3e48ebb, b as $64fa3d84918910a7$export$29f1550f4b0d4415, f as $64fa3d84918910a7$export$4d86445c2cf5e3, g as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps.js";
+import React__default, { useState, useRef, useCallback, useMemo, useEffect, useContext, createContext } from "react";
+import { i as $2add3ce32c6007eb$export$fedb369cb70207f1, j as $d447af545b77c9f1$export$b204af158042fbac, k as $081cb5757e08788e$export$24490316f764c430, l as $d447af545b77c9f1$export$f21a1ffae260145a, m as $48a7d519b337145d$export$4eaf04e54aa8eed6, n as $fe16bffc7a557bf0$export$7f54fc3180508a52, o as $a92dc41f639950be$export$c2b7abe5d61ec696, p as $a92dc41f639950be$export$525bc4921d56d4a, q as $23f2114a1b82827e$export$4282f70798064fe0, f as $23f2114a1b82827e$export$e58f029f0fbfdb29, r as $b5c62b033c25b96d$export$29bf1b5f2c56cf63, s as $a92dc41f639950be$export$cabe61c495ee3649, t as $1969ac565cfec8d0$export$de79e2c695e052f3, u as $b5c62b033c25b96d$export$60278871457622de, e as $bbaa08b3cd72f041$export$9d1611c77c2fe928, v as $b7115c395c64f7b5$export$4debdb1a3f0fa79e, w as $caaf0dd3060ed57c$export$95185d699e05d4d7, x as $a4e76a5424781910$export$e08e3b67e392101e, y as $2add3ce32c6007eb$export$9ac100e40613ea10, c as $d1116acdf220c2da$export$4c014de7c8940b4c, z as $0c4a58759813079a$export$4e328f61c538687f, A as $e969f22b6713ca4a$export$ae780daf29e6d456, B as $390e54f620492c70$export$f680877a34711e37 } from "./Group.js";
+import { flushSync } from "react-dom";
+const $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY = 7e3;
+let $319e236875307eab$var$liveAnnouncer = null;
+function $319e236875307eab$export$a9b970dcc4ae71a9(message, assertiveness = "assertive", timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
+  if (!$319e236875307eab$var$liveAnnouncer) {
+    $319e236875307eab$var$liveAnnouncer = new $319e236875307eab$var$LiveAnnouncer();
+    if (!(typeof IS_REACT_ACT_ENVIRONMENT === "boolean" ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== "undefined")) setTimeout(() => {
+      if ($319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === void 0 ? void 0 : $319e236875307eab$var$liveAnnouncer.isAttached()) $319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === void 0 ? void 0 : $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
+    }, 100);
+    else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
+  } else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
+}
+class $319e236875307eab$var$LiveAnnouncer {
+  isAttached() {
+    var _this_node;
+    return (_this_node = this.node) === null || _this_node === void 0 ? void 0 : _this_node.isConnected;
+  }
+  createLog(ariaLive) {
+    let node = document.createElement("div");
+    node.setAttribute("role", "log");
+    node.setAttribute("aria-live", ariaLive);
+    node.setAttribute("aria-relevant", "additions");
+    return node;
+  }
+  destroy() {
+    if (!this.node) return;
+    document.body.removeChild(this.node);
+    this.node = null;
+  }
+  announce(message, assertiveness = "assertive", timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
+    var _this_assertiveLog, _this_politeLog;
+    if (!this.node) return;
+    let node = document.createElement("div");
+    if (typeof message === "object") {
+      node.setAttribute("role", "img");
+      node.setAttribute("aria-labelledby", message["aria-labelledby"]);
+    } else node.textContent = message;
+    if (assertiveness === "assertive") (_this_assertiveLog = this.assertiveLog) === null || _this_assertiveLog === void 0 ? void 0 : _this_assertiveLog.appendChild(node);
+    else (_this_politeLog = this.politeLog) === null || _this_politeLog === void 0 ? void 0 : _this_politeLog.appendChild(node);
+    if (message !== "") setTimeout(() => {
+      node.remove();
+    }, timeout);
+  }
+  clear(assertiveness) {
+    if (!this.node) return;
+    if ((!assertiveness || assertiveness === "assertive") && this.assertiveLog) this.assertiveLog.innerHTML = "";
+    if ((!assertiveness || assertiveness === "polite") && this.politeLog) this.politeLog.innerHTML = "";
+  }
+  constructor() {
+    this.node = null;
+    this.assertiveLog = null;
+    this.politeLog = null;
+    if (typeof document !== "undefined") {
+      this.node = document.createElement("div");
+      this.node.dataset.liveAnnouncer = "true";
+      Object.assign(this.node.style, {
+        border: 0,
+        clip: "rect(0 0 0 0)",
+        clipPath: "inset(50%)",
+        height: "1px",
+        margin: "-1px",
+        overflow: "hidden",
+        padding: 0,
+        position: "absolute",
+        width: "1px",
+        whiteSpace: "nowrap"
+      });
+      this.assertiveLog = this.createLog("assertive");
+      this.node.appendChild(this.assertiveLog);
+      this.politeLog = this.createLog("polite");
+      this.node.appendChild(this.politeLog);
+      document.body.prepend(this.node);
     }
-  )
-);
-function useIconAnimation(isDisabled) {
-  const iconAnimatedRef = useRef(null);
-  const onAnimationForward = useCallback(() => {
-    var _a;
-    !isDisabled && ((_a = iconAnimatedRef.current) == null ? void 0 : _a.runAnimationForward());
-  }, [isDisabled]);
-  const onAnimationBackward = useCallback(() => {
+  }
+}
+let $1dfb119a85e764e5$var$formatterCache = /* @__PURE__ */ new Map();
+let $1dfb119a85e764e5$var$supportsSignDisplay = false;
+try {
+  $1dfb119a85e764e5$var$supportsSignDisplay = new Intl.NumberFormat("de-DE", {
+    signDisplay: "exceptZero"
+  }).resolvedOptions().signDisplay === "exceptZero";
+} catch {
+}
+let $1dfb119a85e764e5$var$supportsUnit = false;
+try {
+  $1dfb119a85e764e5$var$supportsUnit = new Intl.NumberFormat("de-DE", {
+    style: "unit",
+    unit: "degree"
+  }).resolvedOptions().style === "unit";
+} catch {
+}
+const $1dfb119a85e764e5$var$UNITS = {
+  degree: {
+    narrow: {
+      default: "°",
+      "ja-JP": " 度",
+      "zh-TW": "度",
+      "sl-SI": " °"
+    }
+  }
+};
+class $1dfb119a85e764e5$export$cc77c4ff7e8673c5 {
+  constructor(locale, options = {}) {
+    this.numberFormatter = $1dfb119a85e764e5$var$getCachedNumberFormatter(locale, options);
+    this.options = options;
+  }
+  /** Formats a number value as a string, according to the locale and options provided to the constructor. */
+  format(value) {
     var _a;
-    !isDisabled && ((_a = iconAnimatedRef.current) == null ? void 0 : _a.runAnimationBackward());
-  }, [isDisabled]);
-  return { iconAnimatedRef, onAnimationForward, onAnimationBackward };
-}
-function useButtonInteractionState(iconAnimationTriggers, onAnimationForward, onAnimationBackward, propsOnMouseEnter, propsOnMouseLeave) {
-  const [active2, setActive] = useState(false);
-  const animationTimeoutRef = useRef(
-    null
-  );
-  const isForwardRef = useRef(false);
-  const hasHoverTrigger = iconAnimationTriggers.includes(
-    IconAnimationTriggers.HOVER
-  );
-  const hasClickTrigger = iconAnimationTriggers.includes(
-    IconAnimationTriggers.CLICK
-  );
-  useEffect(() => {
-    isForwardRef.current = false;
-  }, [hasClickTrigger, hasHoverTrigger]);
-  useEffect(() => {
-    return () => {
-      if (animationTimeoutRef.current) {
-        clearTimeout(animationTimeoutRef.current);
-      }
+    let res = "";
+    if (!$1dfb119a85e764e5$var$supportsSignDisplay && this.options.signDisplay != null) res = $1dfb119a85e764e5$export$711b50b3c525e0f2(this.numberFormatter, this.options.signDisplay, value);
+    else res = this.numberFormatter.format(value);
+    if (this.options.style === "unit" && !$1dfb119a85e764e5$var$supportsUnit) {
+      let { unit, unitDisplay = "short", locale } = this.resolvedOptions();
+      if (!unit) return res;
+      let values = (_a = $1dfb119a85e764e5$var$UNITS[unit]) == null ? void 0 : _a[unitDisplay];
+      res += values[locale] || values.default;
+    }
+    return res;
+  }
+  /** Formats a number to an array of parts such as separators, digits, punctuation, and more. */
+  formatToParts(value) {
+    return this.numberFormatter.formatToParts(value);
+  }
+  /** Formats a number range as a string. */
+  formatRange(start, end) {
+    if (typeof this.numberFormatter.formatRange === "function") return this.numberFormatter.formatRange(start, end);
+    if (end < start) throw new RangeError("End date must be >= start date");
+    return `${this.format(start)} – ${this.format(end)}`;
+  }
+  /** Formats a number range as an array of parts. */
+  formatRangeToParts(start, end) {
+    if (typeof this.numberFormatter.formatRangeToParts === "function") return this.numberFormatter.formatRangeToParts(start, end);
+    if (end < start) throw new RangeError("End date must be >= start date");
+    let startParts = this.numberFormatter.formatToParts(start);
+    let endParts = this.numberFormatter.formatToParts(end);
+    return [
+      ...startParts.map((p) => ({
+        ...p,
+        source: "startRange"
+      })),
+      {
+        type: "literal",
+        value: " – ",
+        source: "shared"
+      },
+      ...endParts.map((p) => ({
+        ...p,
+        source: "endRange"
+      }))
+    ];
+  }
+  /** Returns the resolved formatting options based on the values passed to the constructor. */
+  resolvedOptions() {
+    let options = this.numberFormatter.resolvedOptions();
+    if (!$1dfb119a85e764e5$var$supportsSignDisplay && this.options.signDisplay != null) options = {
+      ...options,
+      signDisplay: this.options.signDisplay
     };
-  }, []);
-  const onMouseEnter = useCallback(
-    (event) => {
-      if (animationTimeoutRef.current) {
-        clearTimeout(animationTimeoutRef.current);
-        animationTimeoutRef.current = null;
-      }
-      setActive(true);
-      if (hasHoverTrigger) {
-        onAnimationForward();
-      }
-      propsOnMouseEnter == null ? void 0 : propsOnMouseEnter(event);
-    },
-    [hasHoverTrigger, onAnimationForward, propsOnMouseEnter]
-  );
-  const onMouseLeave = useCallback(
-    (event) => {
-      animationTimeoutRef.current = setTimeout(() => {
-        setActive(false);
-      }, TRANSITION_DURATION);
-      if (hasHoverTrigger) {
-        onAnimationBackward();
-      }
-      propsOnMouseLeave == null ? void 0 : propsOnMouseLeave(event);
-    },
-    [hasHoverTrigger, onAnimationBackward, propsOnMouseLeave]
-  );
-  const onIconAnimationClick = useCallback(() => {
-    if (!hasClickTrigger) {
-      return;
+    if (!$1dfb119a85e764e5$var$supportsUnit && this.options.style === "unit") options = {
+      ...options,
+      style: "unit",
+      unit: this.options.unit,
+      unitDisplay: this.options.unitDisplay
+    };
+    return options;
+  }
+}
+function $1dfb119a85e764e5$var$getCachedNumberFormatter(locale, options = {}) {
+  var _a;
+  let { numberingSystem } = options;
+  if (numberingSystem && locale.includes("-nu-")) {
+    if (!locale.includes("-u-")) locale += "-u-";
+    locale += `-nu-${numberingSystem}`;
+  }
+  if (options.style === "unit" && !$1dfb119a85e764e5$var$supportsUnit) {
+    let { unit, unitDisplay = "short" } = options;
+    if (!unit) throw new Error('unit option must be provided with style: "unit"');
+    if (!((_a = $1dfb119a85e764e5$var$UNITS[unit]) == null ? void 0 : _a[unitDisplay])) throw new Error(`Unsupported unit ${unit} with unitDisplay = ${unitDisplay}`);
+    options = {
+      ...options,
+      style: "decimal"
+    };
+  }
+  let cacheKey = locale + (options ? Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join() : "");
+  if ($1dfb119a85e764e5$var$formatterCache.has(cacheKey)) return $1dfb119a85e764e5$var$formatterCache.get(cacheKey);
+  let numberFormatter = new Intl.NumberFormat(locale, options);
+  $1dfb119a85e764e5$var$formatterCache.set(cacheKey, numberFormatter);
+  return numberFormatter;
+}
+function $1dfb119a85e764e5$export$711b50b3c525e0f2(numberFormat, signDisplay, num) {
+  if (signDisplay === "auto") return numberFormat.format(num);
+  else if (signDisplay === "never") return numberFormat.format(Math.abs(num));
+  else {
+    let needsPositiveSign = false;
+    if (signDisplay === "always") needsPositiveSign = num > 0 || Object.is(num, 0);
+    else if (signDisplay === "exceptZero") {
+      if (Object.is(num, -0) || Object.is(num, 0)) num = Math.abs(num);
+      else needsPositiveSign = num > 0;
     }
-    if (isForwardRef.current) {
-      onAnimationBackward();
-    } else {
-      onAnimationForward();
+    if (needsPositiveSign) {
+      let negative = numberFormat.format(-num);
+      let noSign = numberFormat.format(num);
+      let minus = negative.replace(noSign, "").replace(/\u200e|\u061C/, "");
+      if ([
+        ...minus
+      ].length !== 1) console.warn("@react-aria/i18n polyfill for NumberFormat signDisplay: Unsupported case");
+      let positive = negative.replace(noSign, "!!!").replace(minus, "+").replace("!!!", noSign);
+      return positive;
+    } else return numberFormat.format(num);
+  }
+}
+let $cbf007e418543821$var$state = "default";
+let $cbf007e418543821$var$savedUserSelect = "";
+let $cbf007e418543821$var$modifiedElementMap = /* @__PURE__ */ new WeakMap();
+function $cbf007e418543821$export$16a4697467175487(target) {
+  if ($2add3ce32c6007eb$export$fedb369cb70207f1()) {
+    if ($cbf007e418543821$var$state === "default") {
+      const documentObject = $d447af545b77c9f1$export$b204af158042fbac(target);
+      $cbf007e418543821$var$savedUserSelect = documentObject.documentElement.style.webkitUserSelect;
+      documentObject.documentElement.style.webkitUserSelect = "none";
     }
-    isForwardRef.current = !isForwardRef.current;
-  }, [hasClickTrigger, onAnimationBackward, onAnimationForward]);
-  return {
-    active: active2,
-    onMouseEnter,
-    onMouseLeave,
-    onIconAnimationClick: hasClickTrigger ? onIconAnimationClick : void 0
-  };
+    $cbf007e418543821$var$state = "disabled";
+  } else if (target instanceof HTMLElement || target instanceof SVGElement) {
+    let property = "userSelect" in target.style ? "userSelect" : "webkitUserSelect";
+    $cbf007e418543821$var$modifiedElementMap.set(target, target.style[property]);
+    target.style[property] = "none";
+  }
 }
-const useAnalyticsReportClicks = ({
-  reportBiOnClick,
-  onClick: propsOnClick
-}) => {
-  return useCallback(
-    (event) => {
-      reportBiOnClick == null ? void 0 : reportBiOnClick(event);
-      propsOnClick == null ? void 0 : propsOnClick(event);
-    },
-    [reportBiOnClick, propsOnClick]
-  );
-};
-function useButtonEventHandlers({
-  isDisabled,
-  link: link2,
-  propsOnClick,
-  preventLinkNavigation,
-  reportBiOnClick,
-  onMouseEnter,
-  onMouseLeave,
-  onIconAnimationClick,
-  onDblClick,
-  onFocus,
-  onBlur
-}) {
-  const isLink = isValidLink(link2);
-  const shouldPreventLinkNavigation = preventLinkNavigation && isLink;
-  const shouldHaveOnClick = !isDisabled && propsOnClick || shouldPreventLinkNavigation;
-  const onClick = useAnalyticsReportClicks({
-    reportBiOnClick,
-    onClick: shouldHaveOnClick || onIconAnimationClick ? (event) => {
-      onIconAnimationClick == null ? void 0 : onIconAnimationClick(event);
-      if (shouldHaveOnClick) {
-        shouldPreventLinkNavigation && event.preventDefault();
-        !isDisabled && (propsOnClick == null ? void 0 : propsOnClick());
+function $cbf007e418543821$export$b0d6fa1ab32e3295(target) {
+  if ($2add3ce32c6007eb$export$fedb369cb70207f1()) {
+    if ($cbf007e418543821$var$state !== "disabled") return;
+    $cbf007e418543821$var$state = "restoring";
+    setTimeout(() => {
+      $081cb5757e08788e$export$24490316f764c430(() => {
+        if ($cbf007e418543821$var$state === "restoring") {
+          const documentObject = $d447af545b77c9f1$export$b204af158042fbac(target);
+          if (documentObject.documentElement.style.webkitUserSelect === "none") documentObject.documentElement.style.webkitUserSelect = $cbf007e418543821$var$savedUserSelect || "";
+          $cbf007e418543821$var$savedUserSelect = "";
+          $cbf007e418543821$var$state = "default";
+        }
+      });
+    }, 300);
+  } else if (target instanceof HTMLElement || target instanceof SVGElement) {
+    if (target && $cbf007e418543821$var$modifiedElementMap.has(target)) {
+      let targetOldUserSelect = $cbf007e418543821$var$modifiedElementMap.get(target);
+      let property = "userSelect" in target.style ? "userSelect" : "webkitUserSelect";
+      if (target.style[property] === "none") target.style[property] = targetOldUserSelect;
+      if (target.getAttribute("style") === "") target.removeAttribute("style");
+      $cbf007e418543821$var$modifiedElementMap.delete(target);
+    }
+  }
+}
+function $2b2d34ff061957fb$var$getWebpackNonce(doc) {
+  let ownerWindow = doc == null ? void 0 : doc.defaultView;
+  return (ownerWindow == null ? void 0 : ownerWindow.__webpack_nonce__) || globalThis["__webpack_nonce__"] || void 0;
+}
+let $2b2d34ff061957fb$var$nonceCache = /* @__PURE__ */ new WeakMap();
+function $2b2d34ff061957fb$export$2b85b721e524d74b(doc) {
+  let d = doc ?? (typeof document !== "undefined" ? document : void 0);
+  if (!d) return $2b2d34ff061957fb$var$getWebpackNonce(d);
+  if ($2b2d34ff061957fb$var$nonceCache.has(d)) return $2b2d34ff061957fb$var$nonceCache.get(d);
+  let meta = d.querySelector('meta[property="csp-nonce"]');
+  let nonce = meta && meta instanceof $d447af545b77c9f1$export$f21a1ffae260145a(meta).HTMLMetaElement && (meta.nonce || meta.content) || $2b2d34ff061957fb$var$getWebpackNonce(d) || void 0;
+  if (nonce !== void 0) $2b2d34ff061957fb$var$nonceCache.set(d, nonce);
+  return nonce;
+}
+const $24f9a20f226ad820$export$5165eccb35aaadb5 = React__default.createContext({
+  register: () => {
+  }
+});
+$24f9a20f226ad820$export$5165eccb35aaadb5.displayName = "PressResponderContext";
+function $d27d541f9569d26d$var$usePressResponderContext(props) {
+  let context = useContext($24f9a20f226ad820$export$5165eccb35aaadb5);
+  if (context) {
+    let { register, ref, ...contextProps } = context;
+    props = $bbaa08b3cd72f041$export$9d1611c77c2fe928(contextProps, props);
+    register();
+  }
+  $b7115c395c64f7b5$export$4debdb1a3f0fa79e(context, props.ref);
+  return props;
+}
+class $d27d541f9569d26d$var$PressEvent {
+  constructor(type, pointerType, originalEvent, state) {
+    __privateAdd(this, _shouldStopPropagation);
+    __privateSet(this, _shouldStopPropagation, true);
+    let currentTarget = (state == null ? void 0 : state.target) ?? originalEvent.currentTarget;
+    const rect = currentTarget == null ? void 0 : currentTarget.getBoundingClientRect();
+    let x, y = 0;
+    let clientX, clientY = null;
+    if (originalEvent.clientX != null && originalEvent.clientY != null) {
+      clientX = originalEvent.clientX;
+      clientY = originalEvent.clientY;
+    }
+    if (rect) {
+      if (clientX != null && clientY != null) {
+        x = clientX - rect.left;
+        y = clientY - rect.top;
+      } else {
+        x = rect.width / 2;
+        y = rect.height / 2;
       }
-    } : void 0
+    }
+    this.type = type;
+    this.pointerType = pointerType;
+    this.target = originalEvent.currentTarget;
+    this.shiftKey = originalEvent.shiftKey;
+    this.metaKey = originalEvent.metaKey;
+    this.ctrlKey = originalEvent.ctrlKey;
+    this.altKey = originalEvent.altKey;
+    this.x = x;
+    this.y = y;
+    this.key = originalEvent.key;
+  }
+  continuePropagation() {
+    __privateSet(this, _shouldStopPropagation, false);
+  }
+  get shouldStopPropagation() {
+    return __privateGet(this, _shouldStopPropagation);
+  }
+}
+_shouldStopPropagation = new WeakMap();
+const $d27d541f9569d26d$var$LINK_CLICKED = Symbol("linkClicked");
+const $d27d541f9569d26d$var$STYLE_ID = "react-aria-pressable-style";
+const $d27d541f9569d26d$var$PRESSABLE_ATTRIBUTE = "data-react-aria-pressable";
+function $d27d541f9569d26d$export$45712eceda6fad21(props) {
+  let { onPress, onPressChange, onPressStart, onPressEnd, onPressUp, onClick, isDisabled, isPressed: isPressedProp, preventFocusOnPress, shouldCancelOnPointerExit, allowTextSelectionOnPress, ref: domRef, ...domProps } = $d27d541f9569d26d$var$usePressResponderContext(props);
+  let [isPressed, setPressed] = useState(false);
+  let ref = useRef({
+    isPressed: false,
+    ignoreEmulatedMouseEvents: false,
+    didFirePressStart: false,
+    isTriggeringEvent: false,
+    activePointerId: null,
+    target: null,
+    isOverTarget: false,
+    pointerType: null,
+    disposables: []
   });
-  const eventHandlers = useMemo(
-    () => ({
-      onClick,
-      onMouseEnter,
-      onMouseLeave,
-      onKeyDown: isLink ? activateByEnterButton : activateBySpaceOrEnterButton,
-      onDoubleClick: !isDisabled && onDblClick ? onDblClick : void 0,
-      onFocus: !isDisabled && onFocus ? onFocus : void 0,
-      onBlur: !isDisabled && onBlur ? onBlur : void 0
-    }),
-    [
-      onClick,
-      onMouseEnter,
-      onMouseLeave,
-      isLink,
-      isDisabled,
-      onDblClick,
-      onFocus,
-      onBlur
-    ]
-  );
-  return { isLink, eventHandlers };
-}
-function useButtonA11y({
-  propsA11y,
-  ariaAttributes,
-  label: label2
-}) {
-  const normalizedA11y = useMemo(
-    () => removeAriaPrefix(propsA11y ?? {}),
-    [propsA11y]
-  );
-  const a11yAttr = useMemo(
-    () => getAccessibilityAttributesSpread({
-      ariaAttributes: {
-        ...ariaAttributes,
-        ...normalizedA11y,
-        label: (ariaAttributes == null ? void 0 : ariaAttributes.label) ?? (normalizedA11y.label || label2)
+  let { addGlobalListener, removeAllGlobalListeners } = $48a7d519b337145d$export$4eaf04e54aa8eed6();
+  let triggerPressStart = useCallback((originalEvent, pointerType) => {
+    let state = ref.current;
+    if (isDisabled || state.didFirePressStart) return false;
+    let shouldStopPropagation = true;
+    state.isTriggeringEvent = true;
+    if (onPressStart) {
+      let event = new $d27d541f9569d26d$var$PressEvent("pressstart", pointerType, originalEvent);
+      onPressStart(event);
+      shouldStopPropagation = event.shouldStopPropagation;
+    }
+    if (onPressChange) onPressChange(true);
+    state.isTriggeringEvent = false;
+    state.didFirePressStart = true;
+    setPressed(true);
+    return shouldStopPropagation;
+  }, [
+    isDisabled,
+    onPressStart,
+    onPressChange
+  ]);
+  let triggerPressEnd = useCallback((originalEvent, pointerType, wasPressed = true) => {
+    let state = ref.current;
+    if (!state.didFirePressStart) return false;
+    state.didFirePressStart = false;
+    state.isTriggeringEvent = true;
+    let shouldStopPropagation = true;
+    if (onPressEnd) {
+      let event = new $d27d541f9569d26d$var$PressEvent("pressend", pointerType, originalEvent);
+      onPressEnd(event);
+      shouldStopPropagation = event.shouldStopPropagation;
+    }
+    if (onPressChange) onPressChange(false);
+    setPressed(false);
+    if (onPress && wasPressed && !isDisabled) {
+      let event = new $d27d541f9569d26d$var$PressEvent("press", pointerType, originalEvent);
+      onPress(event);
+      shouldStopPropagation && (shouldStopPropagation = event.shouldStopPropagation);
+    }
+    state.isTriggeringEvent = false;
+    return shouldStopPropagation;
+  }, [
+    isDisabled,
+    onPressEnd,
+    onPressChange,
+    onPress
+  ]);
+  let triggerPressEndEvent = $fe16bffc7a557bf0$export$7f54fc3180508a52(triggerPressEnd);
+  let triggerPressUp = useCallback((originalEvent, pointerType) => {
+    let state = ref.current;
+    if (isDisabled) return false;
+    if (onPressUp) {
+      state.isTriggeringEvent = true;
+      let event = new $d27d541f9569d26d$var$PressEvent("pressup", pointerType, originalEvent);
+      onPressUp(event);
+      state.isTriggeringEvent = false;
+      return event.shouldStopPropagation;
+    }
+    return true;
+  }, [
+    isDisabled,
+    onPressUp
+  ]);
+  let triggerPressUpEvent = $fe16bffc7a557bf0$export$7f54fc3180508a52(triggerPressUp);
+  let cancel = useCallback((e) => {
+    let state = ref.current;
+    if (state.isPressed && state.target) {
+      if (state.didFirePressStart && state.pointerType != null) triggerPressEnd($d27d541f9569d26d$var$createEvent(state.target, e), state.pointerType, false);
+      state.isPressed = false;
+      state.isOverTarget = false;
+      state.activePointerId = null;
+      state.pointerType = null;
+      removeAllGlobalListeners();
+      if (!allowTextSelectionOnPress) $cbf007e418543821$export$b0d6fa1ab32e3295(state.target);
+      for (let dispose of state.disposables) dispose();
+      state.disposables = [];
+    }
+  }, [
+    allowTextSelectionOnPress,
+    removeAllGlobalListeners,
+    triggerPressEnd
+  ]);
+  let cancelEvent = $fe16bffc7a557bf0$export$7f54fc3180508a52(cancel);
+  let cancelOnPointerExit = useCallback((e) => {
+    if (shouldCancelOnPointerExit) cancel(e);
+  }, [
+    shouldCancelOnPointerExit,
+    cancel
+  ]);
+  let triggerClick = useCallback((e) => {
+    if (isDisabled) return;
+    onClick == null ? void 0 : onClick(e);
+  }, [
+    isDisabled,
+    onClick
+  ]);
+  let triggerSyntheticClick = useCallback((e, target) => {
+    if (isDisabled) return;
+    if (onClick) {
+      let event = new MouseEvent("click", e);
+      $a92dc41f639950be$export$c2b7abe5d61ec696(event, target);
+      onClick($a92dc41f639950be$export$525bc4921d56d4a(event));
+    }
+  }, [
+    isDisabled,
+    onClick
+  ]);
+  let pressProps = useMemo(() => {
+    let state = ref.current;
+    let pressProps2 = {
+      onKeyDown(e) {
+        var _a;
+        if ($d27d541f9569d26d$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && $23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, $23f2114a1b82827e$export$e58f029f0fbfdb29(e))) {
+          if ($d27d541f9569d26d$var$shouldPreventDefaultKeyboard($23f2114a1b82827e$export$e58f029f0fbfdb29(e), e.key)) e.preventDefault();
+          let shouldStopPropagation = true;
+          if (!state.isPressed && !e.repeat) {
+            state.target = e.currentTarget;
+            state.isPressed = true;
+            state.pointerType = "keyboard";
+            shouldStopPropagation = triggerPressStart(e, "keyboard");
+          }
+          let originalTarget = e.currentTarget;
+          let pressUp = (e2) => {
+            if ($d27d541f9569d26d$var$isValidKeyboardEvent(e2, originalTarget) && !e2.repeat && $23f2114a1b82827e$export$4282f70798064fe0(originalTarget, $23f2114a1b82827e$export$e58f029f0fbfdb29(e2)) && state.target)
+              triggerPressUpEvent($d27d541f9569d26d$var$createEvent(state.target, e2), "keyboard");
+          };
+          addGlobalListener($d447af545b77c9f1$export$b204af158042fbac(e.currentTarget), "keyup", $a4e76a5424781910$export$e08e3b67e392101e(pressUp, onKeyUp), true);
+          if (shouldStopPropagation) e.stopPropagation();
+          if (e.metaKey && $2add3ce32c6007eb$export$9ac100e40613ea10()) (_a = state.metaKeyEvents) == null ? void 0 : _a.set(e.key, e.nativeEvent);
+        } else if (e.key === "Meta") state.metaKeyEvents = /* @__PURE__ */ new Map();
       },
-      tabindex: normalizedA11y == null ? void 0 : normalizedA11y.tabindex
-    }),
-    [normalizedA11y, label2, ariaAttributes]
-  );
-  return a11yAttr;
-}
-const Button = (props) => {
-  const {
-    id,
-    link: link2,
-    type = "button",
-    label: label2 = "",
-    labelContent,
-    disabled: isDisabled = false,
-    onClick: propsOnClick,
-    className,
-    corvid,
-    a11y: propsA11y,
-    direction,
-    elementProps,
-    compPreviewState,
-    isQaMode,
-    fullNameCompType,
-    lang,
-    ariaAttributes,
-    onDblClick,
-    onFocus,
-    onBlur,
-    reportBiOnClick,
-    preventLinkNavigation,
-    onMouseEnter: propsOnMouseEnter,
-    onMouseLeave: propsOnMouseLeave,
-    wix
-  } = props;
-  const presetsWrapperProps = (wix == null ? void 0 : wix.presetsWrapperProps) || {};
-  const animatedIconProps = elementProps == null ? void 0 : elementProps.animatedIcon;
-  const corvidIconAnimationTriggers = (corvid == null ? void 0 : corvid.iconAnimationTriggers) ?? [];
-  const defaultTrigger = (animatedIconProps == null ? void 0 : animatedIconProps.trigger) === IconAnimationTriggers.CLICK ? IconAnimationTriggers.CLICK : IconAnimationTriggers.HOVER;
-  const iconAnimationTriggers = corvidIconAnimationTriggers.length > 0 ? corvidIconAnimationTriggers : [defaultTrigger];
-  const { iconAnimatedRef, onAnimationForward, onAnimationBackward } = useIconAnimation(isDisabled);
-  const { active: active2, onMouseEnter, onMouseLeave, onIconAnimationClick } = useButtonInteractionState(
-    iconAnimationTriggers,
-    onAnimationForward,
-    onAnimationBackward,
-    propsOnMouseEnter,
-    propsOnMouseLeave
-  );
-  const buttonOrLinkRef = useRef(null);
-  const semanticClassNames = SEMANTIC_CLASS_NAMES;
-  const rootClassName = clsx(
-    styles.root,
-    className,
-    styles.button,
-    "button",
-    !direction && directionStyles.fallbackDirection,
-    formatClassNames(semanticClassNames.root),
-    {
-      disabled: isDisabled,
-      [styles.active]: active2
+      onClick(e) {
+        if (e && !$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, $23f2114a1b82827e$export$e58f029f0fbfdb29(e))) return;
+        if (e && e.button === 0 && !state.isTriggeringEvent && !$caaf0dd3060ed57c$export$95185d699e05d4d7.isOpening) {
+          let shouldStopPropagation = true;
+          if (isDisabled) e.preventDefault();
+          if (!state.ignoreEmulatedMouseEvents && !state.isPressed && (state.pointerType === "virtual" || $b5c62b033c25b96d$export$60278871457622de(e.nativeEvent))) {
+            let stopPressStart = triggerPressStart(e, "virtual");
+            let stopPressUp = triggerPressUpEvent(e, "virtual");
+            let stopPressEnd = triggerPressEndEvent(e, "virtual");
+            triggerClick(e);
+            shouldStopPropagation = stopPressStart && stopPressUp && stopPressEnd;
+          } else if (state.isPressed && state.pointerType !== "keyboard") {
+            let pointerType = state.pointerType || e.nativeEvent.pointerType || "virtual";
+            let stopPressUp = triggerPressUpEvent($d27d541f9569d26d$var$createEvent(e.currentTarget, e), pointerType);
+            let stopPressEnd = triggerPressEndEvent($d27d541f9569d26d$var$createEvent(e.currentTarget, e), pointerType, true);
+            shouldStopPropagation = stopPressUp && stopPressEnd;
+            state.isOverTarget = false;
+            triggerClick(e);
+            cancelEvent(e);
+          }
+          state.ignoreEmulatedMouseEvents = false;
+          if (shouldStopPropagation) e.stopPropagation();
+        }
+      }
+    };
+    let onKeyUp = (e) => {
+      var _a, _b, _c;
+      if (state.isPressed && state.target && $d27d541f9569d26d$var$isValidKeyboardEvent(e, state.target)) {
+        if ($d27d541f9569d26d$var$shouldPreventDefaultKeyboard($23f2114a1b82827e$export$e58f029f0fbfdb29(e), e.key)) e.preventDefault();
+        let target = $23f2114a1b82827e$export$e58f029f0fbfdb29(e);
+        let wasPressed = $23f2114a1b82827e$export$4282f70798064fe0(state.target, target);
+        triggerPressEndEvent($d27d541f9569d26d$var$createEvent(state.target, e), "keyboard", wasPressed);
+        if (wasPressed) triggerSyntheticClick(e, state.target);
+        removeAllGlobalListeners();
+        if (e.key !== "Enter" && $d27d541f9569d26d$var$isHTMLAnchorLink(state.target) && $23f2114a1b82827e$export$4282f70798064fe0(state.target, target) && !e[$d27d541f9569d26d$var$LINK_CLICKED]) {
+          e[$d27d541f9569d26d$var$LINK_CLICKED] = true;
+          $caaf0dd3060ed57c$export$95185d699e05d4d7(state.target, e, false);
+        }
+        state.isPressed = false;
+        (_a = state.metaKeyEvents) == null ? void 0 : _a.delete(e.key);
+      } else if (e.key === "Meta" && ((_b = state.metaKeyEvents) == null ? void 0 : _b.size)) {
+        let events = state.metaKeyEvents;
+        state.metaKeyEvents = void 0;
+        for (let event of events.values()) (_c = state.target) == null ? void 0 : _c.dispatchEvent(new KeyboardEvent("keyup", event));
+      }
+    };
+    if (typeof PointerEvent !== "undefined") {
+      pressProps2.onPointerDown = (e) => {
+        if (e.button !== 0 || !$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, $23f2114a1b82827e$export$e58f029f0fbfdb29(e))) return;
+        if ($b5c62b033c25b96d$export$29bf1b5f2c56cf63(e.nativeEvent)) {
+          state.pointerType = "virtual";
+          return;
+        }
+        state.pointerType = e.pointerType;
+        let shouldStopPropagation = true;
+        if (!state.isPressed) {
+          state.isPressed = true;
+          state.isOverTarget = true;
+          state.activePointerId = e.pointerId;
+          state.target = e.currentTarget;
+          if (!allowTextSelectionOnPress) $cbf007e418543821$export$16a4697467175487(state.target);
+          shouldStopPropagation = triggerPressStart(e, state.pointerType);
+          let target = $23f2114a1b82827e$export$e58f029f0fbfdb29(e);
+          if ("releasePointerCapture" in target) {
+            if ("hasPointerCapture" in target) {
+              if (target.hasPointerCapture(e.pointerId)) target.releasePointerCapture(e.pointerId);
+            } else target.releasePointerCapture(e.pointerId);
+          }
+          addGlobalListener($d447af545b77c9f1$export$b204af158042fbac(e.currentTarget), "pointerup", onPointerUp, false);
+          addGlobalListener($d447af545b77c9f1$export$b204af158042fbac(e.currentTarget), "pointercancel", onPointerCancel, false);
+        }
+        if (shouldStopPropagation) e.stopPropagation();
+      };
+      pressProps2.onMouseDown = (e) => {
+        if (!$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, $23f2114a1b82827e$export$e58f029f0fbfdb29(e))) return;
+        if (e.button === 0) {
+          if (preventFocusOnPress) {
+            let dispose = $a92dc41f639950be$export$cabe61c495ee3649(e.target);
+            if (dispose) state.disposables.push(dispose);
+          }
+          e.stopPropagation();
+        }
+      };
+      pressProps2.onPointerUp = (e) => {
+        if (!$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, $23f2114a1b82827e$export$e58f029f0fbfdb29(e)) || state.pointerType === "virtual") return;
+        if (e.button === 0 && !state.isPressed)
+          triggerPressUpEvent(e, state.pointerType || e.pointerType);
+      };
+      pressProps2.onPointerEnter = (e) => {
+        if (e.pointerId === state.activePointerId && state.target && !state.isOverTarget && state.pointerType != null) {
+          state.isOverTarget = true;
+          triggerPressStart($d27d541f9569d26d$var$createEvent(state.target, e), state.pointerType);
+        }
+      };
+      pressProps2.onPointerLeave = (e) => {
+        if (e.pointerId === state.activePointerId && state.target && state.isOverTarget && state.pointerType != null) {
+          state.isOverTarget = false;
+          triggerPressEndEvent($d27d541f9569d26d$var$createEvent(state.target, e), state.pointerType, false);
+          cancelOnPointerExit(e);
+        }
+      };
+      let onPointerUp = (e) => {
+        if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0 && state.target) {
+          if ($23f2114a1b82827e$export$4282f70798064fe0(state.target, $23f2114a1b82827e$export$e58f029f0fbfdb29(e)) && state.pointerType != null) {
+            let clicked = false;
+            let timeout = setTimeout(() => {
+              if (state.isPressed && state.target instanceof HTMLElement) {
+                if (clicked)
+                  cancelEvent(e);
+                else {
+                  $1969ac565cfec8d0$export$de79e2c695e052f3(state.target);
+                  state.target.click();
+                }
+              }
+            }, 80);
+            addGlobalListener(e.currentTarget, "click", () => clicked = true, true);
+            state.disposables.push(() => clearTimeout(timeout));
+          } else
+            cancelEvent(e);
+          state.isOverTarget = false;
+        }
+      };
+      let onPointerCancel = (e) => {
+        cancelEvent(e);
+      };
+      pressProps2.onDragStart = (e) => {
+        if (!$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, $23f2114a1b82827e$export$e58f029f0fbfdb29(e))) return;
+        cancelEvent(e);
+      };
+    } else if (process.env.NODE_ENV === "test") {
+      pressProps2.onMouseDown = (e) => {
+        if (e.button !== 0 || !$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, $23f2114a1b82827e$export$e58f029f0fbfdb29(e))) return;
+        if (state.ignoreEmulatedMouseEvents) {
+          e.stopPropagation();
+          return;
+        }
+        state.isPressed = true;
+        state.isOverTarget = true;
+        state.target = e.currentTarget;
+        state.pointerType = $b5c62b033c25b96d$export$60278871457622de(e.nativeEvent) ? "virtual" : "mouse";
+        let shouldStopPropagation = flushSync(() => triggerPressStart(e, state.pointerType));
+        if (shouldStopPropagation) e.stopPropagation();
+        if (preventFocusOnPress) {
+          let dispose = $a92dc41f639950be$export$cabe61c495ee3649(e.target);
+          if (dispose) state.disposables.push(dispose);
+        }
+        addGlobalListener($d447af545b77c9f1$export$b204af158042fbac(e.currentTarget), "mouseup", onMouseUp, false);
+      };
+      pressProps2.onMouseEnter = (e) => {
+        if (!$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, $23f2114a1b82827e$export$e58f029f0fbfdb29(e))) return;
+        let shouldStopPropagation = true;
+        if (state.isPressed && !state.ignoreEmulatedMouseEvents && state.pointerType != null) {
+          state.isOverTarget = true;
+          shouldStopPropagation = triggerPressStart(e, state.pointerType);
+        }
+        if (shouldStopPropagation) e.stopPropagation();
+      };
+      pressProps2.onMouseLeave = (e) => {
+        if (!$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, $23f2114a1b82827e$export$e58f029f0fbfdb29(e))) return;
+        let shouldStopPropagation = true;
+        if (state.isPressed && !state.ignoreEmulatedMouseEvents && state.pointerType != null) {
+          state.isOverTarget = false;
+          shouldStopPropagation = triggerPressEndEvent(e, state.pointerType, false);
+          cancelOnPointerExit(e);
+        }
+        if (shouldStopPropagation) e.stopPropagation();
+      };
+      pressProps2.onMouseUp = (e) => {
+        if (!$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, $23f2114a1b82827e$export$e58f029f0fbfdb29(e))) return;
+        if (!state.ignoreEmulatedMouseEvents && e.button === 0 && !state.isPressed)
+          triggerPressUpEvent(e, state.pointerType || "mouse");
+      };
+      let onMouseUp = (e) => {
+        if (e.button !== 0) return;
+        if (state.ignoreEmulatedMouseEvents) {
+          state.ignoreEmulatedMouseEvents = false;
+          return;
+        }
+        if (state.target && $23f2114a1b82827e$export$4282f70798064fe0(state.target, $23f2114a1b82827e$export$e58f029f0fbfdb29(e)) && state.pointerType != null) ;
+        else
+          cancelEvent(e);
+        state.isOverTarget = false;
+      };
+      pressProps2.onTouchStart = (e) => {
+        if (!$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, $23f2114a1b82827e$export$e58f029f0fbfdb29(e))) return;
+        let touch = $d27d541f9569d26d$var$getTouchFromEvent(e.nativeEvent);
+        if (!touch) return;
+        state.activePointerId = touch.identifier;
+        state.ignoreEmulatedMouseEvents = true;
+        state.isOverTarget = true;
+        state.isPressed = true;
+        state.target = e.currentTarget;
+        state.pointerType = "touch";
+        if (!allowTextSelectionOnPress) $cbf007e418543821$export$16a4697467175487(state.target);
+        let shouldStopPropagation = triggerPressStart($d27d541f9569d26d$var$createTouchEvent(state.target, e), state.pointerType);
+        if (shouldStopPropagation) e.stopPropagation();
+        addGlobalListener($d447af545b77c9f1$export$f21a1ffae260145a(e.currentTarget), "scroll", onScroll, true);
+      };
+      pressProps2.onTouchMove = (e) => {
+        if (!$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, $23f2114a1b82827e$export$e58f029f0fbfdb29(e))) return;
+        if (!state.isPressed) {
+          e.stopPropagation();
+          return;
+        }
+        let touch = $d27d541f9569d26d$var$getTouchById(e.nativeEvent, state.activePointerId);
+        let shouldStopPropagation = true;
+        if (touch && $d27d541f9569d26d$var$isOverTarget(touch, e.currentTarget)) {
+          if (!state.isOverTarget && state.pointerType != null) {
+            state.isOverTarget = true;
+            shouldStopPropagation = triggerPressStart($d27d541f9569d26d$var$createTouchEvent(state.target, e), state.pointerType);
+          }
+        } else if (state.isOverTarget && state.pointerType != null) {
+          state.isOverTarget = false;
+          shouldStopPropagation = triggerPressEndEvent($d27d541f9569d26d$var$createTouchEvent(state.target, e), state.pointerType, false);
+          cancelOnPointerExit($d27d541f9569d26d$var$createTouchEvent(state.target, e));
+        }
+        if (shouldStopPropagation) e.stopPropagation();
+      };
+      pressProps2.onTouchEnd = (e) => {
+        if (!$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, $23f2114a1b82827e$export$e58f029f0fbfdb29(e))) return;
+        if (!state.isPressed) {
+          e.stopPropagation();
+          return;
+        }
+        let touch = $d27d541f9569d26d$var$getTouchById(e.nativeEvent, state.activePointerId);
+        let shouldStopPropagation = true;
+        if (touch && $d27d541f9569d26d$var$isOverTarget(touch, e.currentTarget) && state.pointerType != null) {
+          triggerPressUpEvent($d27d541f9569d26d$var$createTouchEvent(state.target, e), state.pointerType);
+          shouldStopPropagation = triggerPressEndEvent($d27d541f9569d26d$var$createTouchEvent(state.target, e), state.pointerType);
+          triggerSyntheticClick(e.nativeEvent, state.target);
+        } else if (state.isOverTarget && state.pointerType != null)
+          shouldStopPropagation = triggerPressEndEvent($d27d541f9569d26d$var$createTouchEvent(state.target, e), state.pointerType, false);
+        if (shouldStopPropagation) e.stopPropagation();
+        state.isPressed = false;
+        state.activePointerId = null;
+        state.isOverTarget = false;
+        state.ignoreEmulatedMouseEvents = true;
+        if (state.target && !allowTextSelectionOnPress) $cbf007e418543821$export$b0d6fa1ab32e3295(state.target);
+        removeAllGlobalListeners();
+      };
+      pressProps2.onTouchCancel = (e) => {
+        if (!$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, $23f2114a1b82827e$export$e58f029f0fbfdb29(e))) return;
+        e.stopPropagation();
+        if (state.isPressed)
+          cancelEvent($d27d541f9569d26d$var$createTouchEvent(state.target, e));
+      };
+      let onScroll = (e) => {
+        if (state.isPressed && $23f2114a1b82827e$export$4282f70798064fe0($23f2114a1b82827e$export$e58f029f0fbfdb29(e), state.target))
+          cancelEvent({
+            currentTarget: state.target,
+            shiftKey: false,
+            ctrlKey: false,
+            metaKey: false,
+            altKey: false
+          });
+      };
+      pressProps2.onDragStart = (e) => {
+        if (!$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, $23f2114a1b82827e$export$e58f029f0fbfdb29(e))) return;
+        cancelEvent(e);
+      };
     }
-  );
-  const labelClassName = clsx(
-    "label",
-    styles.label,
-    formatClassNames(semanticClassNames.buttonLabel)
-  );
-  const linkClassName = styles.link;
-  const { isLink, eventHandlers } = useButtonEventHandlers({
+    return pressProps2;
+  }, [
+    addGlobalListener,
     isDisabled,
-    link: link2,
-    propsOnClick,
-    preventLinkNavigation,
-    reportBiOnClick,
-    onMouseEnter,
-    onMouseLeave,
-    onIconAnimationClick,
-    onDblClick,
-    onFocus,
-    onBlur
+    preventFocusOnPress,
+    removeAllGlobalListeners,
+    allowTextSelectionOnPress,
+    cancelOnPointerExit,
+    triggerPressStart,
+    triggerClick,
+    triggerSyntheticClick
+  ]);
+  useEffect(() => {
+    if (!domRef || process.env.NODE_ENV === "test") return;
+    const ownerDocument = $d447af545b77c9f1$export$b204af158042fbac(domRef.current);
+    if (!ownerDocument || !ownerDocument.head || ownerDocument.getElementById($d27d541f9569d26d$var$STYLE_ID)) return;
+    const style = ownerDocument.createElement("style");
+    style.id = $d27d541f9569d26d$var$STYLE_ID;
+    let nonce = $2b2d34ff061957fb$export$2b85b721e524d74b(ownerDocument);
+    if (nonce) style.nonce = nonce;
+    style.textContent = `
+@layer {
+  [${$d27d541f9569d26d$var$PRESSABLE_ATTRIBUTE}] {
+    touch-action: pan-x pan-y pinch-zoom;
+  }
+}
+    `.trim();
+    ownerDocument.head.prepend(style);
+  }, [
+    domRef
+  ]);
+  useEffect(() => {
+    let state = ref.current;
+    return () => {
+      if (!allowTextSelectionOnPress) $cbf007e418543821$export$b0d6fa1ab32e3295(state.target ?? void 0);
+      for (let dispose of state.disposables) dispose();
+      state.disposables = [];
+    };
+  }, [
+    allowTextSelectionOnPress
+  ]);
+  return {
+    isPressed: isPressedProp || isPressed,
+    pressProps: $bbaa08b3cd72f041$export$9d1611c77c2fe928(domProps, pressProps, {
+      [$d27d541f9569d26d$var$PRESSABLE_ATTRIBUTE]: true
+    })
+  };
+}
+function $d27d541f9569d26d$var$isHTMLAnchorLink(target) {
+  return target.tagName === "A" && target.hasAttribute("href");
+}
+function $d27d541f9569d26d$var$isValidKeyboardEvent(event, currentTarget) {
+  const { key, code } = event;
+  const element = currentTarget;
+  const role = element.getAttribute("role");
+  return (key === "Enter" || key === " " || key === "Spacebar" || code === "Space") && !(element instanceof $d447af545b77c9f1$export$f21a1ffae260145a(element).HTMLInputElement && !$d27d541f9569d26d$var$isValidInputKey(element, key) || element instanceof $d447af545b77c9f1$export$f21a1ffae260145a(element).HTMLTextAreaElement || element.isContentEditable) && // Links should only trigger with Enter key
+  !((role === "link" || !role && $d27d541f9569d26d$var$isHTMLAnchorLink(element)) && key !== "Enter");
+}
+function $d27d541f9569d26d$var$getTouchFromEvent(event) {
+  const { targetTouches } = event;
+  if (targetTouches.length > 0) return targetTouches[0];
+  return null;
+}
+function $d27d541f9569d26d$var$getTouchById(event, pointerId) {
+  const changedTouches = event.changedTouches;
+  for (let i = 0; i < changedTouches.length; i++) {
+    const touch = changedTouches[i];
+    if (touch.identifier === pointerId) return touch;
+  }
+  return null;
+}
+function $d27d541f9569d26d$var$createTouchEvent(target, e) {
+  let clientX = 0;
+  let clientY = 0;
+  if (e.targetTouches && e.targetTouches.length === 1) {
+    clientX = e.targetTouches[0].clientX;
+    clientY = e.targetTouches[0].clientY;
+  }
+  return {
+    currentTarget: target,
+    shiftKey: e.shiftKey,
+    ctrlKey: e.ctrlKey,
+    metaKey: e.metaKey,
+    altKey: e.altKey,
+    clientX,
+    clientY
+  };
+}
+function $d27d541f9569d26d$var$createEvent(target, e) {
+  let clientX = e.clientX;
+  let clientY = e.clientY;
+  return {
+    currentTarget: target,
+    shiftKey: e.shiftKey,
+    ctrlKey: e.ctrlKey,
+    metaKey: e.metaKey,
+    altKey: e.altKey,
+    clientX,
+    clientY,
+    key: e.key
+  };
+}
+function $d27d541f9569d26d$var$getPointClientRect(point) {
+  let offsetX = 0;
+  let offsetY = 0;
+  if (point.width !== void 0) offsetX = point.width / 2;
+  else if (point.radiusX !== void 0) offsetX = point.radiusX;
+  if (point.height !== void 0) offsetY = point.height / 2;
+  else if (point.radiusY !== void 0) offsetY = point.radiusY;
+  return {
+    top: point.clientY - offsetY,
+    right: point.clientX + offsetX,
+    bottom: point.clientY + offsetY,
+    left: point.clientX - offsetX
+  };
+}
+function $d27d541f9569d26d$var$areRectanglesOverlapping(a, b) {
+  if (a.left > b.right || b.left > a.right) return false;
+  if (a.top > b.bottom || b.top > a.bottom) return false;
+  return true;
+}
+function $d27d541f9569d26d$var$isOverTarget(point, target) {
+  let rect = target.getBoundingClientRect();
+  let pointRect = $d27d541f9569d26d$var$getPointClientRect(point);
+  return $d27d541f9569d26d$var$areRectanglesOverlapping(rect, pointRect);
+}
+function $d27d541f9569d26d$var$shouldPreventDefaultUp(target) {
+  if (target instanceof HTMLInputElement) return false;
+  if (target instanceof HTMLButtonElement) return target.type !== "submit" && target.type !== "reset";
+  if ($d27d541f9569d26d$var$isHTMLAnchorLink(target)) return false;
+  return true;
+}
+function $d27d541f9569d26d$var$shouldPreventDefaultKeyboard(target, key) {
+  if (target instanceof HTMLInputElement) return !$d27d541f9569d26d$var$isValidInputKey(target, key);
+  return $d27d541f9569d26d$var$shouldPreventDefaultUp(target);
+}
+const $d27d541f9569d26d$var$nonTextInputTypes = /* @__PURE__ */ new Set([
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "button",
+  "submit",
+  "reset"
+]);
+function $d27d541f9569d26d$var$isValidInputKey(target, key) {
+  return target.type === "checkbox" || target.type === "radio" ? key === " " : $d27d541f9569d26d$var$nonTextInputTypes.has(target.type);
+}
+function $ac4318a9c075bb9f$export$ea18c227d4417cc3(props, ref) {
+  let { elementType = "button", isDisabled, onPress, onPressStart, onPressEnd, onPressUp, onPressChange, preventFocusOnPress, allowFocusWhenDisabled, onClick, href, target, rel, type = "button" } = props;
+  let additionalProps;
+  if (elementType === "button") additionalProps = {
+    type,
+    disabled: isDisabled,
+    form: props.form,
+    formAction: props.formAction,
+    formEncType: props.formEncType,
+    formMethod: props.formMethod,
+    formNoValidate: props.formNoValidate,
+    formTarget: props.formTarget,
+    name: props.name,
+    value: props.value
+  };
+  else additionalProps = {
+    role: "button",
+    href: elementType === "a" && !isDisabled ? href : void 0,
+    target: elementType === "a" ? target : void 0,
+    type: elementType === "input" ? type : void 0,
+    disabled: elementType === "input" ? isDisabled : void 0,
+    "aria-disabled": !isDisabled || elementType === "input" ? void 0 : isDisabled,
+    rel: elementType === "a" ? rel : void 0
+  };
+  let { pressProps, isPressed } = $d27d541f9569d26d$export$45712eceda6fad21({
+    onPressStart,
+    onPressEnd,
+    onPressChange,
+    onPress,
+    onPressUp,
+    onClick,
+    isDisabled,
+    preventFocusOnPress,
+    ref
   });
-  const a11yAttr = useButtonA11y({ propsA11y, ariaAttributes, label: label2 });
-  const renderedLabel = labelContent ?? label2;
-  const wrapperAttributes = {
-    id,
-    ...getDataAttributes(props),
-    ...getQaDataAttributes(isQaMode, fullNameCompType),
-    "data-semantic-classname": semanticClassNames.root,
-    lang,
-    ...direction && { dir: direction }
+  let { focusableProps } = $d1116acdf220c2da$export$4c014de7c8940b4c(props, ref);
+  if (allowFocusWhenDisabled) focusableProps.tabIndex = isDisabled ? -1 : focusableProps.tabIndex;
+  let buttonProps = $bbaa08b3cd72f041$export$9d1611c77c2fe928(focusableProps, pressProps, $8e9d2fae0ecb9001$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  }));
+  return {
+    isPressed,
+    buttonProps: $bbaa08b3cd72f041$export$9d1611c77c2fe928(additionalProps, buttonProps, {
+      "aria-haspopup": props["aria-haspopup"],
+      "aria-expanded": props["aria-expanded"],
+      "aria-controls": props["aria-controls"],
+      "aria-pressed": props["aria-pressed"],
+      "aria-current": props["aria-current"],
+      "aria-disabled": props["aria-disabled"]
+    })
   };
-  const renderButtonContent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
-    renderedLabel && /* @__PURE__ */ jsx("span", { className: labelClassName, "data-testid": TestIds.buttonLabel, children: renderedLabel }),
-    /* @__PURE__ */ jsx(
-      AnimatedButtonIcon,
-      {
-        ref: iconAnimatedRef,
-        svg: animatedIconProps == null ? void 0 : animatedIconProps.svg,
-        duration: animatedIconProps == null ? void 0 : animatedIconProps.duration
-      }
-    )
-  ] });
-  const renderButton = () => /* @__PURE__ */ jsx(
-    "button",
-    {
-      type,
-      disabled: isDisabled,
-      className: rootClassName,
-      "data-testid": TestIds.buttonContent,
-      ...wrapperAttributes,
-      ...a11yAttr,
-      ...eventHandlers,
-      ref: buttonOrLinkRef,
-      "data-preview": compPreviewState,
-      children: renderButtonContent()
-    }
-  );
-  const renderLinkedButton = () => {
-    const linkHref = isDisabled ? void 0 : link2.href;
-    const linkRel = link2.rel;
-    const linkTarget = link2.target;
-    const linkPopupId = link2.linkPopupId;
-    const anchorDataId = link2.anchorDataId;
-    const anchorCompId = link2.anchorCompId;
-    return /* @__PURE__ */ jsx(
-      "a",
-      {
-        href: linkHref,
-        rel: linkRel,
-        target: linkTarget,
-        "data-popupid": linkPopupId,
-        "data-anchor": anchorDataId,
-        "data-anchor-comp-id": anchorCompId,
-        className: clsx(linkClassName, rootClassName),
-        "data-testid": TestIds.buttonContent,
-        ...wrapperAttributes,
-        ...a11yAttr,
-        ...eventHandlers,
-        role: a11yAttr.role,
-        tabIndex: a11yAttr.tabIndex,
-        ref: buttonOrLinkRef,
-        "data-preview": compPreviewState,
-        children: renderButtonContent()
-      }
-    );
+}
+function $240e9101ba2842f5$export$7d15b64cf5a3a4c4(value, min = -Infinity, max = Infinity) {
+  let newValue = Math.min(Math.max(value, min), max);
+  return newValue;
+}
+function $240e9101ba2842f5$export$e1a7b8e69ef6c52f(value, step) {
+  let roundedValue = value;
+  let precision = 0;
+  let stepString = step.toString();
+  let eIndex = stepString.toLowerCase().indexOf("e-");
+  if (eIndex > 0) precision = Math.abs(Math.floor(Math.log10(Math.abs(step)))) + eIndex;
+  else {
+    let pointIndex = stepString.indexOf(".");
+    if (pointIndex >= 0) precision = stepString.length - pointIndex;
+  }
+  if (precision > 0) {
+    let pow = Math.pow(10, precision);
+    roundedValue = Math.round(roundedValue * pow) / pow;
+  }
+  return roundedValue;
+}
+function $240e9101ba2842f5$export$cb6e0bb50bc19463(value, min, max, step) {
+  min = Number(min);
+  max = Number(max);
+  let remainder = (value - (isNaN(min) ? 0 : min)) % step;
+  let snappedValue = $240e9101ba2842f5$export$e1a7b8e69ef6c52f(Math.abs(remainder) * 2 >= step ? value + Math.sign(remainder) * (step - Math.abs(remainder)) : value - remainder, step);
+  if (!isNaN(min)) {
+    if (snappedValue < min) snappedValue = min;
+    else if (!isNaN(max) && snappedValue > max) snappedValue = min + Math.floor($240e9101ba2842f5$export$e1a7b8e69ef6c52f((max - min) / step, step)) * step;
+  } else if (!isNaN(max) && snappedValue > max) snappedValue = Math.floor($240e9101ba2842f5$export$e1a7b8e69ef6c52f(max / step, step)) * step;
+  snappedValue = $240e9101ba2842f5$export$e1a7b8e69ef6c52f(snappedValue, step);
+  return snappedValue;
+}
+const $0393f8ab869a0f1a$export$e9f3bf65a26ce129 = /* @__PURE__ */ createContext(null);
+const $d2b4bc8c273e7be6$export$24d547caef80ccd1 = /* @__PURE__ */ createContext({});
+const $d2b4bc8c273e7be6$export$353f5b6fc5456de1 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function Button(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $d2b4bc8c273e7be6$export$24d547caef80ccd1);
+  props = $d2b4bc8c273e7be6$var$disablePendingProps(props);
+  let ctx = props;
+  let { isPending } = ctx;
+  let { buttonProps, isPressed } = $ac4318a9c075bb9f$export$ea18c227d4417cc3(props, ref);
+  let { focusProps, isFocused, isFocusVisible } = $0c4a58759813079a$export$4e328f61c538687f(props);
+  let { hoverProps, isHovered } = $e969f22b6713ca4a$export$ae780daf29e6d456({
+    ...props,
+    isDisabled: props.isDisabled || isPending
+  });
+  let renderValues = {
+    isHovered,
+    isPressed: (ctx.isPressed || isPressed) && !isPending,
+    isFocused,
+    isFocusVisible,
+    isDisabled: props.isDisabled || false,
+    isPending: isPending !== null && isPending !== void 0 ? isPending : false
   };
-  const renderDisabledLinkAsButton = () => /* @__PURE__ */ jsx(
-    "button",
-    {
-      type,
-      disabled: isDisabled,
-      className: clsx(rootClassName),
-      "data-testid": TestIds.buttonContent,
-      ...wrapperAttributes,
-      ...a11yAttr,
-      ...eventHandlers,
-      role: "link",
-      ref: buttonOrLinkRef,
-      "data-preview": compPreviewState,
-      children: renderButtonContent()
-    }
-  );
-  const renderContent = () => {
-    if (isDisabled && isLink) {
-      return renderDisabledLinkAsButton();
+  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+    ...props,
+    values: renderValues,
+    defaultClassName: "react-aria-Button"
+  });
+  let buttonId = $390e54f620492c70$export$f680877a34711e37(buttonProps.id);
+  let progressId = $390e54f620492c70$export$f680877a34711e37();
+  let ariaLabelledby = buttonProps["aria-labelledby"];
+  if (isPending) {
+    if (ariaLabelledby) ariaLabelledby = `${ariaLabelledby} ${progressId}`;
+    else if (buttonProps["aria-label"]) ariaLabelledby = `${buttonId} ${progressId}`;
+  }
+  let wasPending = useRef(isPending);
+  useEffect(() => {
+    let message = {
+      "aria-labelledby": ariaLabelledby || buttonId
+    };
+    if (!wasPending.current && isFocused && isPending) $319e236875307eab$export$a9b970dcc4ae71a9(message, "assertive");
+    else if (wasPending.current && isFocused && !isPending) $319e236875307eab$export$a9b970dcc4ae71a9(message, "assertive");
+    wasPending.current = isPending;
+  }, [
+    isPending,
+    isFocused,
+    ariaLabelledby,
+    buttonId
+  ]);
+  let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    global: true
+  });
+  delete DOMProps.onClick;
+  return /* @__PURE__ */ React__default.createElement("button", {
+    ...$bbaa08b3cd72f041$export$9d1611c77c2fe928(DOMProps, renderProps, buttonProps, focusProps, hoverProps),
+    // When the button is in a pending state, we want to stop implicit form submission (ie. when the user presses enter on a text input).
+    // We do this by changing the button's type to button.
+    type: buttonProps.type === "submit" && isPending ? "button" : buttonProps.type,
+    id: buttonId,
+    ref,
+    "aria-labelledby": ariaLabelledby,
+    slot: props.slot || void 0,
+    "aria-disabled": isPending ? "true" : buttonProps["aria-disabled"],
+    "data-disabled": props.isDisabled || void 0,
+    "data-pressed": renderValues.isPressed || void 0,
+    "data-hovered": isHovered || void 0,
+    "data-focused": isFocused || void 0,
+    "data-pending": isPending || void 0,
+    "data-focus-visible": isFocusVisible || void 0
+  }, /* @__PURE__ */ React__default.createElement($0393f8ab869a0f1a$export$e9f3bf65a26ce129.Provider, {
+    value: {
+      id: progressId
     }
-    return isLink ? renderLinkedButton() : renderButton();
-  };
-  return /* @__PURE__ */ jsx("div", { className: presetWrapperStyles.presetWrapper, ...presetsWrapperProps, children: renderContent() });
-};
+  }, renderProps.children));
+});
+function $d2b4bc8c273e7be6$var$disablePendingProps(props) {
+  if (props.isPending) {
+    props.onPress = void 0;
+    props.onPressStart = void 0;
+    props.onPressEnd = void 0;
+    props.onPressChange = void 0;
+    props.onPressUp = void 0;
+    props.onKeyDown = void 0;
+    props.onKeyUp = void 0;
+    props.onClick = void 0;
+    props.href = void 0;
+  }
+  return props;
+}
 export {
-  Button as B
+  $d2b4bc8c273e7be6$export$353f5b6fc5456de1 as $,
+  $1dfb119a85e764e5$export$cc77c4ff7e8673c5 as a,
+  $d27d541f9569d26d$export$45712eceda6fad21 as b,
+  $240e9101ba2842f5$export$7d15b64cf5a3a4c4 as c,
+  $24f9a20f226ad820$export$5165eccb35aaadb5 as d,
+  $2b2d34ff061957fb$export$2b85b721e524d74b as e,
+  $d2b4bc8c273e7be6$export$24d547caef80ccd1 as f,
+  $cbf007e418543821$export$b0d6fa1ab32e3295 as g,
+  $cbf007e418543821$export$16a4697467175487 as h,
+  $240e9101ba2842f5$export$cb6e0bb50bc19463 as i
 };