@wix/editor-react-components 1.2345.0 → 1.2347.0

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

@@ -1,1075 +1,365 @@
-var __typeError = (msg) => {
-  throw TypeError(msg);
+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 __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);
-    }
-  }
-}
-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": " °"
+const AnimatedButtonIcon = forwardRef(
+  ({ svg, duration }, ref) => /* @__PURE__ */ jsx(
+    AnimatedIconWithReducedMotion,
+    {
+      id: "animated-icon",
+      duration,
+      svg,
+      className: clsx("animated-icon", styles.icon),
+      ref
     }
-  }
-};
-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) {
+  )
+);
+function useIconAnimation(isDisabled) {
+  const iconAnimatedRef = useRef(null);
+  const onAnimationForward = useCallback(() => {
     var _a;
-    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
-    };
-    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"
+    !isDisabled && ((_a = iconAnimatedRef.current) == null ? void 0 : _a.runAnimationForward());
+  }, [isDisabled]);
+  const onAnimationBackward = useCallback(() => {
+    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 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 (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";
-    }
-    $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";
-  }
-}
-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;
+  }, []);
+  const onMouseEnter = useCallback(
+    (event) => {
+      if (animationTimeoutRef.current) {
+        clearTimeout(animationTimeoutRef.current);
+        animationTimeoutRef.current = null;
       }
-    }
-    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: []
-  });
-  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();
-      },
-      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();
-        }
+      setActive(true);
+      if (hasHoverTrigger) {
+        onAnimationForward();
       }
-    };
-    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));
+      propsOnMouseEnter == null ? void 0 : propsOnMouseEnter(event);
+    },
+    [hasHoverTrigger, onAnimationForward, propsOnMouseEnter]
+  );
+  const onMouseLeave = useCallback(
+    (event) => {
+      animationTimeoutRef.current = setTimeout(() => {
+        setActive(false);
+      }, TRANSITION_DURATION);
+      if (hasHoverTrigger) {
+        onAnimationBackward();
       }
-    };
-    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);
-      };
+      propsOnMouseLeave == null ? void 0 : propsOnMouseLeave(event);
+    },
+    [hasHoverTrigger, onAnimationBackward, propsOnMouseLeave]
+  );
+  const onIconAnimationClick = useCallback(() => {
+    if (!hasClickTrigger) {
+      return;
     }
-    return pressProps2;
-  }, [
-    addGlobalListener,
-    isDisabled,
-    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;
+    if (isForwardRef.current) {
+      onAnimationBackward();
+    } else {
+      onAnimationForward();
+    }
+    isForwardRef.current = !isForwardRef.current;
+  }, [hasClickTrigger, onAnimationBackward, onAnimationForward]);
   return {
-    top: point.clientY - offsetY,
-    right: point.clientX + offsetX,
-    bottom: point.clientY + offsetY,
-    left: point.clientX - offsetX
+    active: active2,
+    onMouseEnter,
+    onMouseLeave,
+    onIconAnimationClick: hasClickTrigger ? onIconAnimationClick : void 0
   };
 }
-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,
+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());
+      }
+    } : void 0
+  });
+  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)
+      },
+      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
+    }
+  );
+  const labelClassName = clsx(
+    "label",
+    styles.label,
+    formatClassNames(semanticClassNames.buttonLabel)
+  );
+  const linkClassName = styles.link;
+  const { isLink, eventHandlers } = useButtonEventHandlers({
     isDisabled,
-    preventFocusOnPress,
-    ref
+    link: link2,
+    propsOnClick,
+    preventLinkNavigation,
+    reportBiOnClick,
+    onMouseEnter,
+    onMouseLeave,
+    onIconAnimationClick,
+    onDblClick,
+    onFocus,
+    onBlur
   });
-  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 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 }
   };
-}
-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 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()
+      }
+    );
   };
-  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
+  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()
     }
-  }, 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;
-}
+  );
+  const renderContent = () => {
+    if (isDisabled && isLink) {
+      return renderDisabledLinkAsButton();
+    }
+    return isLink ? renderLinkedButton() : renderButton();
+  };
+  return /* @__PURE__ */ jsx("div", { className: presetWrapperStyles.presetWrapper, ...presetsWrapperProps, children: renderContent() });
+};
 export {
-  $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
+  Button as B
 };