@wix/editor-react-components 1.2288.0 → 1.2290.0

package/dist/site/components/AudioPlayer/component.js

@@ -1,996 +1,20 @@
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-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 { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import React__default, { useState, useRef, useCallback, useMemo, useEffect, useContext, createContext, forwardRef, useSyncExternalStore } from "react";
+import React__default, { useRef, useCallback, useMemo, useEffect, useState, forwardRef, useContext, createContext, useSyncExternalStore } from "react";
 import { c as clsx } from "../chunks/clsx.js";
 import { useService } from "@wix/services-manager-react";
 import { E as EnvironmentDefinition } from "../chunks/index2.js";
 import { f as convertA11yKeysToHtmlFormat } from "../chunks/a11y.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import Image3 from "../Image3/component.js";
-import { A as ARIA_LABELS, s as selectors, d as dataDefaults } from "../chunks/constants34.js";
+import { A as ARIA_LABELS, s as selectors, d as dataDefaults } from "../chunks/constants36.js";
 import { c as commonjsGlobal } from "../chunks/_commonjsHelpers.js";
-import { $ as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, a as $f39a9eba43920ace$export$86427a43e3e48ebb, b as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3, g as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, e as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$2881499e37b75b9a, d as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../chunks/filterDOMProps.js";
-import { o as $2add3ce32c6007eb$export$fedb369cb70207f1, p as $d447af545b77c9f1$export$b204af158042fbac, q as $081cb5757e08788e$export$24490316f764c430, r as $d447af545b77c9f1$export$f21a1ffae260145a, s as $48a7d519b337145d$export$4eaf04e54aa8eed6, a as $fe16bffc7a557bf0$export$7f54fc3180508a52, t as $a92dc41f639950be$export$c2b7abe5d61ec696, u as $a92dc41f639950be$export$525bc4921d56d4a, v as $23f2114a1b82827e$export$4282f70798064fe0, c as $23f2114a1b82827e$export$e58f029f0fbfdb29, w as $b5c62b033c25b96d$export$29bf1b5f2c56cf63, x as $a92dc41f639950be$export$cabe61c495ee3649, y as $1969ac565cfec8d0$export$de79e2c695e052f3, z as $b5c62b033c25b96d$export$60278871457622de, f as $bbaa08b3cd72f041$export$9d1611c77c2fe928, A as $b7115c395c64f7b5$export$4debdb1a3f0fa79e, B as $caaf0dd3060ed57c$export$95185d699e05d4d7, C as $a4e76a5424781910$export$e08e3b67e392101e, D as $2add3ce32c6007eb$export$9ac100e40613ea10, h as $d1116acdf220c2da$export$4c014de7c8940b4c, E as $2c9edc598a03d523$export$420e68273165f4ec, d as $0beb20c9744a2065$export$8467354a121f1b9f, b as $8f5a2122b0992be3$export$8397ddfc504fdb9a, F as $8296dad1a4c5e0dc$export$8f71654801c2f7cd, i as $3274bf1495747a7b$export$5add1d006293d136, k as $0c4a58759813079a$export$4e328f61c538687f, j as $e969f22b6713ca4a$export$ae780daf29e6d456, G as $390e54f620492c70$export$f680877a34711e37, g as $3e6197669829fe11$export$40bfa8c7b0832715, l as $01b77f81d0f07f68$export$75b6ee27786ba447, H as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../chunks/Group.js";
-import { flushSync } from "react-dom";
-import { $ as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7 } from "../chunks/I18nProvider.js";
-const PauseFilled = ({ size, ...props }) => /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: size || "24", height: size || "24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M9.5,7 C10.3284271,7 11,7.67157288 11,8.5 L11,15.5 C11,16.3284271 10.3284271,17 9.5,17 C8.67157288,17 8,16.3284271 8,15.5 L8,8.5 C8,7.67157288 8.67157288,7 9.5,7 Z M14.5,7 C15.3284271,7 16,7.67157288 16,8.5 L16,15.5 C16,16.3284271 15.3284271,17 14.5,17 C13.6715729,17 13,16.3284271 13,15.5 L13,8.5 C13,7.67157288 13.6715729,7 14.5,7 Z" }));
-PauseFilled.displayName = "PauseFilled";
-var PauseFilled_default = PauseFilled;
-const PlayFilled = ({ size, ...props }) => /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: size || "24", height: size || "24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M8.26582096,6.80664662 L16.1774936,11.1221044 C16.6623419,11.3865672 16.8409998,11.9940038 16.5765371,12.4788521 C16.4845917,12.6474186 16.3460601,12.7859502 16.1774936,12.8778956 L8.26582096,17.1933534 C7.78097262,17.4578161 7.17353598,17.2791583 6.90907325,16.7943099 C6.8289522,16.6474213 6.78696883,16.4827768 6.78696883,16.3154578 L6.78696883,7.68454219 C6.78696883,7.13225744 7.23468408,6.68454219 7.78696883,6.68454219 C7.95428782,6.68454219 8.11893236,6.72652556 8.26582096,6.80664662 Z" }));
-PlayFilled.displayName = "PlayFilled";
-var PlayFilled_default = PlayFilled;
-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": " °"
-    }
-  }
-};
-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;
-    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((p2) => ({
-        ...p2,
-        source: "startRange"
-      })),
-      {
-        type: "literal",
-        value: " – ",
-        source: "shared"
-      },
-      ...endParts.map((p2) => ({
-        ...p2,
-        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"
-    };
-  }
-  let cacheKey = locale + (options ? Object.entries(options).sort((a, b2) => a[0] < b2[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 d2 = doc ?? (typeof document !== "undefined" ? document : void 0);
-  if (!d2) return $2b2d34ff061957fb$var$getWebpackNonce(d2);
-  if ($2b2d34ff061957fb$var$nonceCache.has(d2)) return $2b2d34ff061957fb$var$nonceCache.get(d2);
-  let meta = d2.querySelector('meta[property="csp-nonce"]');
-  let nonce = meta && meta instanceof $d447af545b77c9f1$export$f21a1ffae260145a(meta).HTMLMetaElement && (meta.nonce || meta.content) || $2b2d34ff061957fb$var$getWebpackNonce(d2) || void 0;
-  if (nonce !== void 0) $2b2d34ff061957fb$var$nonceCache.set(d2, 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, y2 = 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;
-        y2 = clientY - rect.top;
-      } else {
-        x = rect.width / 2;
-        y2 = rect.height / 2;
-      }
-    }
-    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 = y2;
-    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();
-        }
-      }
-    };
-    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);
-      };
-    }
-    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;
-  return {
-    top: point.clientY - offsetY,
-    right: point.clientX + offsetX,
-    bottom: point.clientY + offsetY,
-    left: point.clientX - offsetX
-  };
-}
-function $d27d541f9569d26d$var$areRectanglesOverlapping(a, b2) {
-  if (a.left > b2.right || b2.left > a.right) return false;
-  if (a.top > b2.bottom || b2.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
-  });
-  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"]
-    })
-  };
-}
-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;
-}
+import { a as $240e9101ba2842f5$export$7d15b64cf5a3a4c4, e as $240e9101ba2842f5$export$cb6e0bb50bc19463, $ as $ea3928288112382f$export$439d29a4e110a164, d as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../chunks/Button2.js";
+import { b as $64fa3d84918910a7$export$29f1550f4b0d4415, d as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, f as $64fa3d84918910a7$export$4d86445c2cf5e3, g as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, h as $64fa3d84918910a7$export$2881499e37b75b9a, c as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../chunks/filterDOMProps.js";
+import { v as $48a7d519b337145d$export$4eaf04e54aa8eed6, t as $fe16bffc7a557bf0$export$7f54fc3180508a52, p as $d447af545b77c9f1$export$f21a1ffae260145a, d as $23f2114a1b82827e$export$e58f029f0fbfdb29, D as $0beb20c9744a2065$export$8467354a121f1b9f, C as $8f5a2122b0992be3$export$8397ddfc504fdb9a, c as $bbaa08b3cd72f041$export$9d1611c77c2fe928, K as $1969ac565cfec8d0$export$de79e2c695e052f3, b as $3274bf1495747a7b$export$5add1d006293d136, a as $3e6197669829fe11$export$40bfa8c7b0832715, e as $01b77f81d0f07f68$export$75b6ee27786ba447, B as $e969f22b6713ca4a$export$ae780daf29e6d456, A as $0c4a58759813079a$export$4e328f61c538687f, $ as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../chunks/Group.js";
+import { a as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7 } from "../chunks/I18nProvider.js";
+import { d as $cbf007e418543821$export$b0d6fa1ab32e3295, e as $cbf007e418543821$export$16a4697467175487, $ as $1dfb119a85e764e5$export$cc77c4ff7e8673c5 } from "../chunks/usePress.js";
+import { b as $8296dad1a4c5e0dc$export$8f71654801c2f7cd, $ as $d1116acdf220c2da$export$4c014de7c8940b4c } from "../chunks/useFocusable.js";
 function $1dfdc54e7eb53ba0$export$36da96379f79f245(props) {
   let { onMoveStart, onMove, onMoveEnd } = props;
   let state = useRef({
@@ -1208,47 +232,6 @@ function $1dfdc54e7eb53ba0$export$36da96379f79f245(props) {
     moveProps
   };
 }
-const $ea3928288112382f$var$styles = {
-  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"
-};
-function $ea3928288112382f$export$a966af930f325cab(props = {}) {
-  let { style, isFocusable } = props;
-  let [isFocused, setFocused] = useState(false);
-  let { focusWithinProps } = $2c9edc598a03d523$export$420e68273165f4ec({
-    isDisabled: !isFocusable,
-    onFocusWithinChange: (val) => setFocused(val)
-  });
-  let combinedStyles = useMemo(() => {
-    if (isFocused) return style;
-    else if (style) return {
-      ...$ea3928288112382f$var$styles,
-      ...style
-    };
-    else return $ea3928288112382f$var$styles;
-  }, [
-    isFocused
-  ]);
-  return {
-    visuallyHiddenProps: {
-      ...focusWithinProps,
-      style: combinedStyles
-    }
-  };
-}
-function $ea3928288112382f$export$439d29a4e110a164(props) {
-  let { children, elementType: Element = "div", isFocusable, style, ...otherProps } = props;
-  let { visuallyHiddenProps } = $ea3928288112382f$export$a966af930f325cab(props);
-  return /* @__PURE__ */ React__default.createElement(Element, $bbaa08b3cd72f041$export$9d1611c77c2fe928(otherProps, visuallyHiddenProps), children);
-}
 function $bd90acf18e792be6$export$b7a616150fdb9f44(options = {}) {
   let { locale } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
   return useMemo(() => new $1dfb119a85e764e5$export$cc77c4ff7e8673c5(locale, options), [
@@ -1550,93 +533,6 @@ function $4a5dd96ecb58ab11$export$8d15029008292ae(opts, state) {
     isFocused
   };
 }
-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
-  };
-  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
-    }
-  }, 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 $d806310b82f07e9d$var$DEFAULT_MIN_VALUE = 0;
 const $d806310b82f07e9d$var$DEFAULT_MAX_VALUE = 100;
 const $d806310b82f07e9d$var$DEFAULT_STEP_VALUE = 1;
@@ -1939,6 +835,12 @@ const $6f909507e6374d18$export$2c1b491743890dec = /* @__PURE__ */ forwardRef(fun
     ]
   }, renderProps.children));
 });
+const PauseFilled = ({ size, ...props }) => /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: size || "24", height: size || "24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M9.5,7 C10.3284271,7 11,7.67157288 11,8.5 L11,15.5 C11,16.3284271 10.3284271,17 9.5,17 C8.67157288,17 8,16.3284271 8,15.5 L8,8.5 C8,7.67157288 8.67157288,7 9.5,7 Z M14.5,7 C15.3284271,7 16,7.67157288 16,8.5 L16,15.5 C16,16.3284271 15.3284271,17 14.5,17 C13.6715729,17 13,16.3284271 13,15.5 L13,8.5 C13,7.67157288 13.6715729,7 14.5,7 Z" }));
+PauseFilled.displayName = "PauseFilled";
+var PauseFilled_default = PauseFilled;
+const PlayFilled = ({ size, ...props }) => /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: size || "24", height: size || "24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M8.26582096,6.80664662 L16.1774936,11.1221044 C16.6623419,11.3865672 16.8409998,11.9940038 16.5765371,12.4788521 C16.4845917,12.6474186 16.3460601,12.7859502 16.1774936,12.8778956 L8.26582096,17.1933534 C7.78097262,17.4578161 7.17353598,17.2791583 6.90907325,16.7943099 C6.8289522,16.6474213 6.78696883,16.4827768 6.78696883,16.3154578 L6.78696883,7.68454219 C6.78696883,7.13225744 7.23468408,6.68454219 7.78696883,6.68454219 C7.95428782,6.68454219 8.11893236,6.72652556 8.26582096,6.80664662 Z" }));
+PlayFilled.displayName = "PlayFilled";
+var PlayFilled_default = PlayFilled;
 var howler = {};
 /*!
  *  howler.js v2.2.4