react-modern-audio-player 0.0.1 → 0.0.2

package/dist/index.es.js

@@ -1,75 +1,25 @@
 import './index.css';
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 import $d7FTw$react, { useContext, useState, useLayoutEffect, useMemo, useEffect, useCallback, useRef, useImperativeHandle, createContext, useReducer, forwardRef, cloneElement } from "react";
 import $k7QOs$reactdom from "react-dom";
 import styled, { createGlobalStyle, keyframes, css } from "styled-components";
 var main$6 = "";
-function toVal(mix) {
-  var k2, y, str = "";
-  if (typeof mix === "string" || typeof mix === "number") {
-    str += mix;
-  } else if (typeof mix === "object") {
-    if (Array.isArray(mix)) {
-      for (k2 = 0; k2 < mix.length; k2++) {
-        if (mix[k2]) {
-          if (y = toVal(mix[k2])) {
-            str && (str += " ");
-            str += y;
-          }
-        }
-      }
-    } else {
-      for (k2 in mix) {
-        if (mix[k2]) {
-          str && (str += " ");
-          str += k2;
-        }
-      }
-    }
-  }
-  return str;
+function r(e) {
+  var t, f2, n2 = "";
+  if ("string" == typeof e || "number" == typeof e)
+    n2 += e;
+  else if ("object" == typeof e)
+    if (Array.isArray(e))
+      for (t = 0; t < e.length; t++)
+        e[t] && (f2 = r(e[t])) && (n2 && (n2 += " "), n2 += f2);
+    else
+      for (t in e)
+        e[t] && (n2 && (n2 += " "), n2 += t);
+  return n2;
 }
 function clsx() {
-  var i = 0, tmp, x, str = "";
-  while (i < arguments.length) {
-    if (tmp = arguments[i++]) {
-      if (x = toVal(tmp)) {
-        str && (str += " ");
-        str += x;
-      }
-    }
-  }
-  return str;
+  for (var e, t, f2 = 0, n2 = ""; f2 < arguments.length; )
+    (e = arguments[f2++]) && (t = r(e)) && (n2 && (n2 += " "), n2 += t);
+  return n2;
 }
 function $parcel$export$n(e, n2, v, s) {
   Object.defineProperty(e, n2, { get: v, set: s, enumerable: true, configurable: true });
@@ -3271,7 +3221,9 @@ class $d6fd23bc337660df$export$64839e615120df17 {
     return string;
   }
   constructor(messages, defaultLocale = "en-US") {
-    this.messages = __spreadValues({}, messages);
+    this.messages = {
+      ...messages
+    };
     this.defaultLocale = defaultLocale;
   }
 }
@@ -3341,7 +3293,8 @@ class $fb18d541ea1ad717$export$ad991b66133851cf {
     let startParts = this.formatter.formatToParts(start);
     let endParts = this.formatter.formatToParts(end);
     return [
-      ...startParts.map((p2) => __spreadProps(__spreadValues({}, p2), {
+      ...startParts.map((p2) => ({
+        ...p2,
         source: "startRange"
       })),
       {
@@ -3349,7 +3302,8 @@ class $fb18d541ea1ad717$export$ad991b66133851cf {
         value: " \u2013 ",
         source: "shared"
       },
-      ...endParts.map((p2) => __spreadProps(__spreadValues({}, p2), {
+      ...endParts.map((p2) => ({
+        ...p2,
         source: "endRange"
       }))
     ];
@@ -3379,7 +3333,9 @@ const $fb18d541ea1ad717$var$hour12Preferences = {
 };
 function $fb18d541ea1ad717$var$getCachedDateFormatter(locale, options = {}) {
   if (typeof options.hour12 === "boolean" && $fb18d541ea1ad717$var$hasBuggyHour12Behavior()) {
-    options = __spreadValues({}, options);
+    options = {
+      ...options
+    };
     let pref = $fb18d541ea1ad717$var$hour12Preferences[String(options.hour12)][locale.split("-")[0]];
     let defaultHourCycle = options.hour12 ? "h12" : "h23";
     options.hourCycle = pref !== null && pref !== void 0 ? pref : defaultHourCycle;
@@ -3415,9 +3371,10 @@ function $fb18d541ea1ad717$var$getResolvedHourCycle(locale, options) {
     return void 0;
   locale = locale.replace(/(-u-)?-nu-[a-zA-Z0-9]+/, "");
   locale += (locale.includes("-u-") ? "" : "-u") + "-nu-latn";
-  let formatter = $fb18d541ea1ad717$var$getCachedDateFormatter(locale, __spreadProps(__spreadValues({}, options), {
+  let formatter = $fb18d541ea1ad717$var$getCachedDateFormatter(locale, {
+    ...options,
     timeZone: void 0
-  }));
+  });
   let min = parseInt(formatter.formatToParts(new Date(2020, 2, 3, 0)).find((p2) => p2.type === "hour").value, 10);
   let max = parseInt(formatter.formatToParts(new Date(2020, 2, 3, 23)).find((p2) => p2.type === "hour").value, 10);
   if (min === 0 && max === 23)
@@ -3489,7 +3446,8 @@ class $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 {
     let startParts = this.numberFormatter.formatToParts(start);
     let endParts = this.numberFormatter.formatToParts(end);
     return [
-      ...startParts.map((p2) => __spreadProps(__spreadValues({}, p2), {
+      ...startParts.map((p2) => ({
+        ...p2,
         source: "startRange"
       })),
       {
@@ -3497,7 +3455,8 @@ class $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 {
         value: " \u2013 ",
         source: "shared"
       },
-      ...endParts.map((p2) => __spreadProps(__spreadValues({}, p2), {
+      ...endParts.map((p2) => ({
+        ...p2,
         source: "endRange"
       }))
     ];
@@ -3505,15 +3464,17 @@ class $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 {
   resolvedOptions() {
     let options = this.numberFormatter.resolvedOptions();
     if (!$488c6ddbf4ef74c2$var$supportsSignDisplay && this.options.signDisplay != null)
-      options = __spreadProps(__spreadValues({}, options), {
+      options = {
+        ...options,
         signDisplay: this.options.signDisplay
-      });
+      };
     if (!$488c6ddbf4ef74c2$var$supportsUnit && this.options.style === "unit")
-      options = __spreadProps(__spreadValues({}, options), {
+      options = {
+        ...options,
         style: "unit",
         unit: this.options.unit,
         unitDisplay: this.options.unitDisplay
-      });
+      };
     return options;
   }
   constructor(locale, options = {}) {
@@ -3532,9 +3493,10 @@ function $488c6ddbf4ef74c2$var$getCachedNumberFormatter(locale, options = {}) {
       throw new Error('unit option must be provided with style: "unit"');
     if (!((ref = $488c6ddbf4ef74c2$var$UNITS[unit]) === null || ref === void 0 ? void 0 : ref[unitDisplay]))
       throw new Error(`Unsupported unit ${unit} with unitDisplay = ${unitDisplay}`);
-    options = __spreadProps(__spreadValues({}, options), {
+    options = {
+      ...options,
       style: "decimal"
-    });
+    };
   }
   let cacheKey = locale + (options ? Object.entries(options).sort((a, b) => a[0] < b[0] ? -1 : 1).join() : "");
   if ($488c6ddbf4ef74c2$var$formatterCache.has(cacheKey))
@@ -3751,9 +3713,10 @@ function $325a3faab7a68acd$export$a16aca283550c30d(options) {
 var $bb77f239b46e8c72$exports = {};
 $parcel$export$l($bb77f239b46e8c72$exports, "useFilter", () => $bb77f239b46e8c72$export$3274cf84b703fff);
 function $bb77f239b46e8c72$export$3274cf84b703fff(options) {
-  let collator = $325a3faab7a68acd$export$a16aca283550c30d(__spreadValues({
-    usage: "search"
-  }, options));
+  let collator = $325a3faab7a68acd$export$a16aca283550c30d({
+    usage: "search",
+    ...options
+  });
   return {
     startsWith(string, substring) {
       if (substring.length === 0)
@@ -3888,9 +3851,9 @@ function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
   }, []);
   $bdb11010cef70236$var$idsUpdaterMap.set(res, updateValue);
   $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    let r = res;
+    let r2 = res;
     return () => {
-      $bdb11010cef70236$var$idsUpdaterMap.delete(r);
+      $bdb11010cef70236$var$idsUpdaterMap.delete(r2);
     };
   }, [
     res
@@ -3950,7 +3913,9 @@ function $ff5963eb1fccf552$export$e08e3b67e392101e(...callbacks) {
 var $3ef42575df84b30b$exports = {};
 $parcel$export$j($3ef42575df84b30b$exports, "mergeProps", () => $3ef42575df84b30b$export$9d1611c77c2fe928);
 function $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {
-  let result = __spreadValues({}, args[0]);
+  let result = {
+    ...args[0]
+  };
   for (let i = 1; i < args.length; i++) {
     let props = args[i];
     for (let key in props) {
@@ -4687,12 +4652,13 @@ function $98e5a8ae0e6415af$export$a5795cc979dfae80(ref) {
   };
 }
 function $98e5a8ae0e6415af$export$79d69eee6ae4b329(domRef, focusableRef = domRef) {
-  return __spreadProps(__spreadValues({}, $98e5a8ae0e6415af$export$a5795cc979dfae80(domRef)), {
+  return {
+    ...$98e5a8ae0e6415af$export$a5795cc979dfae80(domRef),
     focus() {
       if (focusableRef.current)
         focusableRef.current.focus();
     }
-  });
+  };
 }
 function $98e5a8ae0e6415af$export$c2c55ef9111cafd8(ref) {
   let domRef = useRef(null);
@@ -4936,7 +4902,8 @@ const $380ed8f3903c3931$export$fe9c6e915565b4e8 = {
     $380ed8f3903c3931$export$46b6c81d11d2c30a
   ]
 };
-const $380ed8f3903c3931$export$e0705d1a55f297c = __spreadProps(__spreadValues({}, $380ed8f3903c3931$export$fe9c6e915565b4e8), {
+const $380ed8f3903c3931$export$e0705d1a55f297c = {
+  ...$380ed8f3903c3931$export$fe9c6e915565b4e8,
   backgroundColor: [
     "backgroundColor",
     $380ed8f3903c3931$var$backgroundColorValue
@@ -5107,7 +5074,7 @@ const $380ed8f3903c3931$export$e0705d1a55f297c = __spreadProps(__spreadValues({}
     "overflow",
     $380ed8f3903c3931$export$46b6c81d11d2c30a
   ]
-});
+};
 const $380ed8f3903c3931$var$borderStyleProps = {
   borderWidth: "borderStyle",
   borderLeftWidth: "borderLeftStyle",
@@ -5187,14 +5154,17 @@ function $380ed8f3903c3931$export$f3c39bb9534218d0(props, handlers, direction, m
   return style2;
 }
 function $380ed8f3903c3931$export$b8e6fb9d2dff3f41(props, handlers = $380ed8f3903c3931$export$fe9c6e915565b4e8, options = {}) {
-  let _a2 = props, { UNSAFE_className, UNSAFE_style } = _a2, otherProps = __objRest(_a2, ["UNSAFE_className", "UNSAFE_style"]);
+  let { UNSAFE_className, UNSAFE_style, ...otherProps } = props;
   let breakpointProvider = $1051245f87c5981d$export$199d6754bdf4e1e3();
   let { direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
   let { matchedBreakpoints = (breakpointProvider === null || breakpointProvider === void 0 ? void 0 : breakpointProvider.matchedBreakpoints) || [
     "base"
   ] } = options;
   let styles = $380ed8f3903c3931$export$f3c39bb9534218d0(props, handlers, direction, matchedBreakpoints);
-  let style2 = __spreadValues(__spreadValues({}, UNSAFE_style), styles);
+  let style2 = {
+    ...UNSAFE_style,
+    ...styles
+  };
   if (otherProps.className)
     console.warn("The className prop is unsafe and is unsupported in React Spectrum v3. Please use style props with Spectrum variables, or UNSAFE_className if you absolutely must do something custom. Note that this may break in future versions due to DOM structure changes.");
   if (otherProps.style)
@@ -5247,7 +5217,8 @@ function $59d09bcc83651bf9$export$365cf34cda9978e2(cssModule) {
 function $59d09bcc83651bf9$export$8107b24b91795686(props) {
   let parentSlots = useContext($59d09bcc83651bf9$var$SlotContext) || {};
   let { slots = {}, children } = props;
-  let value = useMemo(() => Object.keys(parentSlots).concat(Object.keys(slots)).reduce((o, p2) => __spreadProps(__spreadValues({}, o), {
+  let value = useMemo(() => Object.keys(parentSlots).concat(Object.keys(slots)).reduce((o, p2) => ({
+    ...o,
     [p2]: $3ef42575df84b30b$export$9d1611c77c2fe928(parentSlots[p2] || {}, slots[p2] || {})
   }), {}), [
     parentSlots,
@@ -5258,7 +5229,7 @@ function $59d09bcc83651bf9$export$8107b24b91795686(props) {
   }, children);
 }
 function $59d09bcc83651bf9$export$ceb145244332b7a2(props) {
-  let _a2 = props, { children } = _a2, otherProps = __objRest(_a2, ["children"]);
+  let { children, ...otherProps } = props;
   let content = children;
   if ($d7FTw$react.Children.toArray(children).length <= 1) {
     if (typeof children === "function")
@@ -5582,7 +5553,7 @@ $ae1eeba8b9eafd08$export$5165eccb35aaadb5.displayName = "PressResponderContext";
 function $f6c31cce2adf654f$var$usePressResponderContext(props) {
   let context = useContext($ae1eeba8b9eafd08$export$5165eccb35aaadb5);
   if (context) {
-    let _a2 = context, { register } = _a2, contextProps = __objRest(_a2, ["register"]);
+    let { register, ...contextProps } = context;
     props = $3ef42575df84b30b$export$9d1611c77c2fe928(contextProps, props);
     register();
   }
@@ -5590,7 +5561,7 @@ function $f6c31cce2adf654f$var$usePressResponderContext(props) {
   return props;
 }
 function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
-  let _a2 = $f6c31cce2adf654f$var$usePressResponderContext(props), {
+  let {
     onPress: onPress1,
     onPressChange: onPressChange1,
     onPressStart: onPressStart1,
@@ -5601,20 +5572,9 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
     preventFocusOnPress,
     shouldCancelOnPointerExit,
     allowTextSelectionOnPress,
-    ref: _
-  } = _a2, domProps = __objRest(_a2, [
-    "onPress",
-    "onPressChange",
-    "onPressStart",
-    "onPressEnd",
-    "onPressUp",
-    "isDisabled",
-    "isPressed",
-    "preventFocusOnPress",
-    "shouldCancelOnPointerExit",
-    "allowTextSelectionOnPress",
-    "ref"
-  ]);
+    ref: _,
+    ...domProps
+  } = $f6c31cce2adf654f$var$usePressResponderContext(props);
   let propsRef = useRef(null);
   propsRef.current = {
     onPress: onPress1,
@@ -6073,32 +6033,33 @@ function $f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(target) {
 function $f6c31cce2adf654f$var$isVirtualPointerEvent(event) {
   return event.width === 0 && event.height === 0 || event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === "mouse";
 }
-const $3b117e43dc0ca95d$export$27c701ed9e449e99 = /* @__PURE__ */ $d7FTw$react.forwardRef((_a2, ref) => {
-  var _b = _a2, { children } = _b, props = __objRest(_b, ["children"]);
+const $3b117e43dc0ca95d$export$27c701ed9e449e99 = /* @__PURE__ */ $d7FTw$react.forwardRef(({ children, ...props }, ref) => {
   let newRef = useRef();
   ref = ref !== null && ref !== void 0 ? ref : newRef;
-  let { pressProps } = $f6c31cce2adf654f$export$45712eceda6fad21(__spreadProps(__spreadValues({}, props), {
+  let { pressProps } = $f6c31cce2adf654f$export$45712eceda6fad21({
+    ...props,
     ref
-  }));
+  });
   let child = $d7FTw$react.Children.only(children);
-  return /* @__PURE__ */ $d7FTw$react.cloneElement(child, __spreadValues({
-    ref
-  }, $3ef42575df84b30b$export$9d1611c77c2fe928(child.props, pressProps)));
+  return /* @__PURE__ */ $d7FTw$react.cloneElement(child, {
+    ref,
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928(child.props, pressProps)
+  });
 });
 var $f1ab8c75478c6f73$exports = {};
 $parcel$export$h($f1ab8c75478c6f73$exports, "PressResponder", () => $f1ab8c75478c6f73$export$3351871ee4b288b8);
-const $f1ab8c75478c6f73$export$3351871ee4b288b8 = /* @__PURE__ */ $d7FTw$react.forwardRef((_c, ref) => {
-  var _d = _c, { children } = _d, props = __objRest(_d, ["children"]);
+const $f1ab8c75478c6f73$export$3351871ee4b288b8 = /* @__PURE__ */ $d7FTw$react.forwardRef(({ children, ...props }, ref) => {
   let isRegistered = useRef(false);
   let prevContext = useContext($ae1eeba8b9eafd08$export$5165eccb35aaadb5);
-  let context = $3ef42575df84b30b$export$9d1611c77c2fe928(prevContext || {}, __spreadProps(__spreadValues({}, props), {
+  let context = $3ef42575df84b30b$export$9d1611c77c2fe928(prevContext || {}, {
+    ...props,
     ref: ref || (prevContext === null || prevContext === void 0 ? void 0 : prevContext.ref),
     register() {
       isRegistered.current = true;
       if (prevContext)
         prevContext.register();
     }
-  }));
+  });
   $e7801be82b4b2a53$export$4debdb1a3f0fa79e(prevContext, ref);
   useEffect(() => {
     if (!isRegistered.current)
@@ -6548,7 +6509,8 @@ function $93925083ecbb358c$export$48d1ea6320830260(handler) {
     return;
   let shouldStopPropagation = true;
   return (e) => {
-    let event = __spreadProps(__spreadValues({}, e), {
+    let event = {
+      ...e,
       preventDefault() {
         e.preventDefault();
       },
@@ -6561,7 +6523,7 @@ function $93925083ecbb358c$export$48d1ea6320830260(handler) {
       continuePropagation() {
         shouldStopPropagation = false;
       }
-    });
+    };
     handler(event);
     if (shouldStopPropagation)
       e.stopPropagation();
@@ -6813,17 +6775,19 @@ function $8a26561d2877236e$export$c24ed0104d07eab9(props) {
     onPressStart(e1) {
       if (e1.pointerType === "mouse" || e1.pointerType === "touch") {
         if (onLongPressStart)
-          onLongPressStart(__spreadProps(__spreadValues({}, e1), {
+          onLongPressStart({
+            ...e1,
             type: "longpressstart"
-          }));
+          });
         timeRef.current = setTimeout(() => {
           e1.target.dispatchEvent(new PointerEvent("pointercancel", {
             bubbles: true
           }));
           if (onLongPress)
-            onLongPress(__spreadProps(__spreadValues({}, e1), {
+            onLongPress({
+              ...e1,
               type: "longpress"
-            }));
+            });
           timeRef.current = null;
         }, threshold);
         if (e1.pointerType === "touch") {
@@ -6847,9 +6811,10 @@ function $8a26561d2877236e$export$c24ed0104d07eab9(props) {
       if (timeRef.current)
         clearTimeout(timeRef.current);
       if (onLongPressEnd && (e.pointerType === "mouse" || e.pointerType === "touch"))
-        onLongPressEnd(__spreadProps(__spreadValues({}, e), {
+        onLongPressEnd({
+          ...e,
           type: "longpressend"
-        }));
+        });
     }
   });
   let descriptionProps = $ef06256079686ba0$export$f8aeda7b10753fa1(onLongPress && !isDisabled ? accessibilityDescription : null);
@@ -6886,20 +6851,24 @@ function $5c3e21d68f1c4674$export$a966af930f325cab(props = {}) {
     if (isFocused)
       return style2;
     else if (style2)
-      return __spreadValues(__spreadValues({}, $5c3e21d68f1c4674$var$styles), style2);
+      return {
+        ...$5c3e21d68f1c4674$var$styles,
+        ...style2
+      };
     else
       return $5c3e21d68f1c4674$var$styles;
   }, [
     isFocused
   ]);
   return {
-    visuallyHiddenProps: __spreadProps(__spreadValues({}, focusProps), {
+    visuallyHiddenProps: {
+      ...focusProps,
       style: combinedStyles
-    })
+    }
   };
 }
 function $5c3e21d68f1c4674$export$439d29a4e110a164(props) {
-  let _a2 = props, { children, elementType: Element2 = "div", isFocusable, style: style2 } = _a2, otherProps = __objRest(_a2, ["children", "elementType", "isFocusable", "style"]);
+  let { children, elementType: Element2 = "div", isFocusable, style: style2, ...otherProps } = props;
   let { visuallyHiddenProps } = $5c3e21d68f1c4674$export$a966af930f325cab(props);
   return /* @__PURE__ */ $d7FTw$react.createElement(Element2, $3ef42575df84b30b$export$9d1611c77c2fe928(otherProps, visuallyHiddenProps), children);
 }
@@ -7190,12 +7159,12 @@ function $2a41e45df1593e64$export$d39e1813b3bdd0e1(props) {
   });
   return {
     overlayProps: {
-      style: __spreadProps(__spreadValues({
+      style: {
         position: "absolute",
-        zIndex: 1e5
-      }, position2.position), {
+        zIndex: 1e5,
+        ...position2.position,
         maxHeight: position2.maxHeight
-      })
+      }
     },
     placement: position2.placement,
     arrowProps: {
@@ -7284,9 +7253,10 @@ function $a11501f3d1d39e6c$export$ea8f71083e90600f(props, ref) {
       e.preventDefault();
   };
   return {
-    overlayProps: __spreadValues({
-      onKeyDown
-    }, focusWithinProps),
+    overlayProps: {
+      onKeyDown,
+      ...focusWithinProps
+    },
     underlayProps: {
       onPointerDown: onPointerDownUnderlay
     }
@@ -7493,15 +7463,17 @@ function $f57aed4a881a3485$export$d9aaed4c3ece1bc0() {
 }
 function $f57aed4a881a3485$var$OverlayContainerDOM(props) {
   let { modalProviderProps } = $f57aed4a881a3485$export$d9aaed4c3ece1bc0();
-  return /* @__PURE__ */ $d7FTw$react.createElement("div", __spreadValues(__spreadValues({
-    "data-overlay-container": true
-  }, props), modalProviderProps));
+  return /* @__PURE__ */ $d7FTw$react.createElement("div", {
+    "data-overlay-container": true,
+    ...props,
+    ...modalProviderProps
+  });
 }
 function $f57aed4a881a3485$export$bf688221f59024e5(props) {
   return /* @__PURE__ */ $d7FTw$react.createElement($f57aed4a881a3485$export$178405afcd8c5eb, null, /* @__PURE__ */ $d7FTw$react.createElement($f57aed4a881a3485$var$OverlayContainerDOM, props));
 }
 function $f57aed4a881a3485$export$b47c3594eab58386(props) {
-  let _a2 = props, { portalContainer = document.body } = _a2, rest = __objRest(_a2, ["portalContainer"]);
+  let { portalContainer = document.body, ...rest } = props;
   $d7FTw$react.useEffect(() => {
     if (portalContainer.closest("[data-overlay-container]"))
       throw new Error("An OverlayContainer must not be inside another container. Please change the portalContainer prop.");
@@ -7642,17 +7614,18 @@ $61fe14465afefc5e$exports = {
   "zh-TW": $2b2734393847c884$exports
 };
 function $86ea4cb521eb2e37$export$2317d149ed6f78c4(props) {
-  let _a2 = props, { onDismiss } = _a2, otherProps = __objRest(_a2, ["onDismiss"]);
+  let { onDismiss, ...otherProps } = props;
   let formatMessage = $321bc95feeb923dd$export$ec23bf898b1eed85(/* @__PURE__ */ $parcel$interopDefault$7($61fe14465afefc5e$exports));
   let labels = $313b98861ee5dd6c$export$d6875122194c7b44(otherProps, formatMessage("dismiss"));
   let onClick = () => {
     if (onDismiss)
       onDismiss();
   };
-  return /* @__PURE__ */ $d7FTw$react.createElement($5c3e21d68f1c4674$export$439d29a4e110a164, null, /* @__PURE__ */ $d7FTw$react.createElement("button", __spreadProps(__spreadValues({}, labels), {
+  return /* @__PURE__ */ $d7FTw$react.createElement($5c3e21d68f1c4674$export$439d29a4e110a164, null, /* @__PURE__ */ $d7FTw$react.createElement("button", {
+    ...labels,
     tabIndex: -1,
     onClick
-  })));
+  }));
 }
 var $5e3802645cc19319$exports = {};
 $parcel$export$f($5e3802645cc19319$exports, "ariaHideOutside", () => $5e3802645cc19319$export$1c3ebcada18427bf);
@@ -7789,7 +7762,7 @@ function $7167f8da3cce35e4$var$Provider(props, ref) {
   let autoScale = $d8453c5ae7fac713$export$a8d2043b2d807f4d(theme);
   let { locale: prevLocale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
   let usePrevColorScheme = !!theme[prevColorScheme];
-  let _a2 = props, { colorScheme = usePrevColorScheme ? prevColorScheme : autoColorScheme, scale = prevContext ? prevContext.scale : autoScale, locale = prevContext ? prevLocale : null, breakpoints = prevContext ? prevBreakpoints : $7167f8da3cce35e4$var$DEFAULT_BREAKPOINTS, children, isQuiet, isEmphasized, isDisabled, isRequired, isReadOnly, validationState } = _a2, otherProps = __objRest(_a2, ["colorScheme", "scale", "locale", "breakpoints", "children", "isQuiet", "isEmphasized", "isDisabled", "isRequired", "isReadOnly", "validationState"]);
+  let { colorScheme = usePrevColorScheme ? prevColorScheme : autoColorScheme, scale = prevContext ? prevContext.scale : autoScale, locale = prevContext ? prevLocale : null, breakpoints = prevContext ? prevBreakpoints : $7167f8da3cce35e4$var$DEFAULT_BREAKPOINTS, children, isQuiet, isEmphasized, isDisabled, isRequired, isReadOnly, validationState, ...otherProps } = props;
   let currentProps = {
     version: $7b22e09dddddd7da$exports.version,
     theme,
@@ -7813,12 +7786,14 @@ function $7167f8da3cce35e4$var$Provider(props, ref) {
     matchedBreakpoints
   });
   if (!prevContext || props.locale || theme !== prevContext.theme || colorScheme !== prevContext.colorScheme || scale !== prevContext.scale || Object.keys(domProps).length > 0 || otherProps.UNSAFE_className || Object.keys(styleProps.style).length > 0)
-    contents = /* @__PURE__ */ $d7FTw$react.createElement($7167f8da3cce35e4$var$ProviderWrapper, __spreadProps(__spreadValues({}, props), {
-      UNSAFE_style: __spreadValues({
-        isolation: !prevContext ? "isolate" : void 0
-      }, styleProps.style),
+    contents = /* @__PURE__ */ $d7FTw$react.createElement($7167f8da3cce35e4$var$ProviderWrapper, {
+      ...props,
+      UNSAFE_style: {
+        isolation: !prevContext ? "isolate" : void 0,
+        ...styleProps.style
+      },
       ref
-    }), contents);
+    }, contents);
   return /* @__PURE__ */ $d7FTw$react.createElement($7167f8da3cce35e4$var$Context.Provider, {
     value: context
   }, /* @__PURE__ */ $d7FTw$react.createElement($18f2051aff69b9bf$export$a54013f0d02a8f82, {
@@ -7829,7 +7804,7 @@ function $7167f8da3cce35e4$var$Provider(props, ref) {
 }
 let $7167f8da3cce35e4$export$2881499e37b75b9a = /* @__PURE__ */ $d7FTw$react.forwardRef($7167f8da3cce35e4$var$Provider);
 const $7167f8da3cce35e4$var$ProviderWrapper = /* @__PURE__ */ $d7FTw$react.forwardRef(function ProviderWrapper(props, ref) {
-  let _a2 = props, { children } = _a2, otherProps = __objRest(_a2, ["children"]);
+  let { children, ...otherProps } = props;
   let { locale, direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
   let { theme, colorScheme, scale } = $7167f8da3cce35e4$export$693cdb10cec23617();
   let { modalProviderProps } = $f57aed4a881a3485$export$d9aaed4c3ece1bc0();
@@ -7844,9 +7819,10 @@ const $7167f8da3cce35e4$var$ProviderWrapper = /* @__PURE__ */ $d7FTw$react.forwa
     [scaleKey]: $fd933927dbac1f15$export$46d604dce8bf8724
   });
   var _colorScheme, ref1;
-  let style2 = __spreadProps(__spreadValues({}, styleProps.style), {
+  let style2 = {
+    ...styleProps.style,
     colorScheme: (ref1 = (_colorScheme = props.colorScheme) !== null && _colorScheme !== void 0 ? _colorScheme : colorScheme) !== null && ref1 !== void 0 ? ref1 : Object.keys(theme).filter((k2) => k2 === "light" || k2 === "dark").join(" ")
-  });
+  };
   let hasWarned = useRef(false);
   useEffect(() => {
     if (direction && domRef.current) {
@@ -7862,13 +7838,16 @@ const $7167f8da3cce35e4$var$ProviderWrapper = /* @__PURE__ */ $d7FTw$react.forwa
     domRef,
     hasWarned
   ]);
-  return /* @__PURE__ */ $d7FTw$react.createElement("div", __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, $65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps)), styleProps), modalProviderProps), {
+  return /* @__PURE__ */ $d7FTw$react.createElement("div", {
+    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps),
+    ...styleProps,
+    ...modalProviderProps,
     className,
     style: style2,
     lang: locale,
     dir: direction,
     ref: domRef
-  }), children);
+  }, children);
 });
 function $7167f8da3cce35e4$export$693cdb10cec23617() {
   return useContext($7167f8da3cce35e4$var$Context);
@@ -7991,14 +7970,14 @@ var reactJsxRuntime_production_min = {};
 var f = $d7FTw$react, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true };
 function q(c, a, g) {
   var b, d = {}, e = null, h = null;
-  g !== void 0 && (e = "" + g);
-  a.key !== void 0 && (e = "" + a.key);
-  a.ref !== void 0 && (h = a.ref);
+  void 0 !== g && (e = "" + g);
+  void 0 !== a.key && (e = "" + a.key);
+  void 0 !== a.ref && (h = a.ref);
   for (b in a)
     m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
   if (c && c.defaultProps)
     for (b in a = c.defaultProps, a)
-      d[b] === void 0 && (d[b] = a[b]);
+      void 0 === d[b] && (d[b] = a[b]);
   return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
 }
 reactJsxRuntime_production_min.Fragment = l;
@@ -8055,14 +8034,15 @@ const SpectrumProvider = ({
       setPlacementState(placementValidation());
     }
   }, [contextPlayerPlacement]);
-  return /* @__PURE__ */ jsx($7167f8da3cce35e4$export$2881499e37b75b9a, __spreadProps(__spreadValues(__spreadValues({
+  return /* @__PURE__ */ jsx($7167f8da3cce35e4$export$2881499e37b75b9a, {
     theme: $bf24a13e98395dd3$export$bca14c5b3b88a9c9,
     width: "100%",
     position: contextPlayerPlacement && "fixed",
-    UNSAFE_className: "rs-audio-player-provider"
-  }, placementState), rootContainerProps), {
+    UNSAFE_className: "rs-audio-player-provider",
+    ...placementState,
+    ...rootContainerProps,
     children
-  }));
+  });
 };
 const audioPlayerDispatchContext = createContext(null);
 const getTimeWithPadStart = (time) => {
@@ -8103,9 +8083,10 @@ const audioPlayerReducer = (state, action) => {
   switch (action.type) {
     case "NEXT_AUDIO": {
       if (state.curAudioState.repeatType === "NONE" && state.curIdx + 1 === state.playList.length) {
-        return __spreadProps(__spreadValues({}, state), {
-          curAudioState: __spreadProps(__spreadValues({}, state.curAudioState), { isPlaying: false })
-        });
+        return {
+          ...state,
+          curAudioState: { ...state.curAudioState, isPlaying: false }
+        };
       }
       if (state.curAudioState.repeatType === "SHUFFLE") {
         let nextIdx = 0;
@@ -8115,16 +8096,18 @@ const audioPlayerReducer = (state, action) => {
         while (nextIdx === state.curIdx) {
           getShuffledPlayIdx();
         }
-        return __spreadProps(__spreadValues({}, state), {
+        return {
+          ...state,
           curPlayId: state.playList[nextIdx].id,
           curIdx: nextIdx
-        });
+        };
       }
       const infiniteLoopNextIdx = (state.curIdx + 1) % state.playList.length;
-      return __spreadProps(__spreadValues({}, state), {
+      return {
+        ...state,
         curIdx: infiniteLoopNextIdx,
         curPlayId: state.playList[infiniteLoopNextIdx].id
-      });
+      };
     }
     case "PREV_AUDIO": {
       if (((_a2 = state.elementRefs) == null ? void 0 : _a2.audioEl) && ((_b = state.elementRefs) == null ? void 0 : _b.audioEl.currentTime) > 1 || ((_c = state.elementRefs) == null ? void 0 : _c.waveformInst) && ((_d = state.elementRefs) == null ? void 0 : _d.waveformInst.getCurrentTime()) > 1 || state.curAudioState.repeatType === "NONE" && state.curIdx === 0) {
@@ -8133,16 +8116,18 @@ const audioPlayerReducer = (state, action) => {
       }
       if (state.curAudioState.repeatType === "SHUFFLE") {
         const shuffledPlayIdx = Math.round(Math.random() * (state.playList.length - 1));
-        return __spreadProps(__spreadValues({}, state), {
+        return {
+          ...state,
           curPlayId: state.playList[shuffledPlayIdx].id,
           curIdx: shuffledPlayIdx
-        });
+        };
       }
       const infiniteLoopPrevIdx = (state.curIdx - 1 + state.playList.length) % state.playList.length;
-      return __spreadProps(__spreadValues({}, state), {
+      return {
+        ...state,
         curPlayId: state.playList[infiniteLoopPrevIdx].id,
         curIdx: infiniteLoopPrevIdx
-      });
+      };
     }
     case "UPDATE_PLAY_LIST": {
       const curPlayListItem = action.playList.find((item) => item.id === state.curPlayId);
@@ -8150,74 +8135,92 @@ const audioPlayerReducer = (state, action) => {
         console.error("UPDATE_PLAY_LIST ERROR - curPlayId is not found on playList");
         return state;
       }
-      return __spreadProps(__spreadValues({}, state), {
+      return {
+        ...state,
         playList: action.playList,
         curIdx: curPlayListItem.index
-      });
+      };
     }
     case "SET_VOLUME":
-      return __spreadProps(__spreadValues({}, state), {
-        curAudioState: __spreadProps(__spreadValues({}, state.curAudioState), {
+      return {
+        ...state,
+        curAudioState: {
+          ...state.curAudioState,
           volume: action.volume
-        })
-      });
+        }
+      };
     case "SET_INITIAL_AUDIO_STATE":
-      return __spreadProps(__spreadValues({}, state), {
-        curAudioState: __spreadValues(__spreadValues({}, state.curAudioState), action.audioInitialState),
+      return {
+        ...state,
+        curAudioState: { ...state.curAudioState, ...action.audioInitialState },
         curPlayId: action.audioInitialState.curPlayId
-      });
+      };
     case "SET_PlAY_STATE":
       if (action.state !== void 0) {
-        return __spreadProps(__spreadValues({}, state), {
-          curAudioState: __spreadProps(__spreadValues({}, state.curAudioState), {
+        return {
+          ...state,
+          curAudioState: {
+            ...state.curAudioState,
             isPlaying: action.state
-          })
-        });
+          }
+        };
       }
-      return __spreadProps(__spreadValues({}, state), {
-        curAudioState: __spreadProps(__spreadValues({}, state.curAudioState), {
+      return {
+        ...state,
+        curAudioState: {
+          ...state.curAudioState,
           isPlaying: !state.curAudioState.isPlaying
-        })
-      });
+        }
+      };
     case "SET_CURRENT_INDEX":
-      return __spreadProps(__spreadValues({}, state), {
+      return {
+        ...state,
         curPlayId: action.currentAudioId,
         curIdx: action.currentIndex
-      });
+      };
     case "SET_REPEAT_TYPE":
-      return __spreadProps(__spreadValues({}, state), {
-        curAudioState: __spreadProps(__spreadValues({}, state.curAudioState), {
+      return {
+        ...state,
+        curAudioState: {
+          ...state.curAudioState,
           repeatType: action.repeatType
-        })
-      });
+        }
+      };
     case "SET_PLACEMENTS":
-      return __spreadProps(__spreadValues({}, state), {
+      return {
+        ...state,
         playerPlacement: action.playerPlacement || state.playerPlacement,
         playListPlacement: action.playListPlacement || state.playListPlacement,
         interfacePlacement: action.interfacePlacement
-      });
+      };
     case "SET_MUTED":
-      return __spreadProps(__spreadValues({}, state), {
-        curAudioState: __spreadProps(__spreadValues({}, state.curAudioState), {
+      return {
+        ...state,
+        curAudioState: {
+          ...state.curAudioState,
           muted: action.muted
-        })
-      });
+        }
+      };
     case "SET_ACTIVE_UI":
-      return __spreadProps(__spreadValues({}, state), {
-        activeUI: __spreadValues({}, action.activeUI)
-      });
+      return {
+        ...state,
+        activeUI: { ...action.activeUI }
+      };
     case "SET_ELEMENT_REFS":
-      return __spreadProps(__spreadValues({}, state), {
-        elementRefs: __spreadValues(__spreadValues({}, state.elementRefs), action.elementRefs)
-      });
+      return {
+        ...state,
+        elementRefs: { ...state.elementRefs, ...action.elementRefs }
+      };
     case "SET_CUSTOM_ICONS":
-      return __spreadProps(__spreadValues({}, state), {
-        customIcons: __spreadValues(__spreadValues({}, state.customIcons), action.customIcons)
-      });
+      return {
+        ...state,
+        customIcons: { ...state.customIcons, ...action.customIcons }
+      };
     case "SET_COVER_IMGS_CSS":
-      return __spreadProps(__spreadValues({}, state), {
-        coverImgsCss: __spreadValues(__spreadValues({}, state.coverImgsCss), action.coverImgsCss)
-      });
+      return {
+        ...state,
+        coverImgsCss: { ...state.coverImgsCss, ...action.coverImgsCss }
+      };
     default:
       throw new Error("Unhandled action");
   }
@@ -8397,48 +8400,56 @@ var $b9606c0c41d55371$exports = {};
 $parcel$export$c($b9606c0c41d55371$exports, "View", () => $b9606c0c41d55371$export$27a5bd065ad55220);
 function $b9606c0c41d55371$var$View(props, ref) {
   props = $59d09bcc83651bf9$export$1e5c9e6e4e15efe3(props);
-  let _a2 = props, { elementType: ElementType = "div", children } = _a2, otherProps = __objRest(_a2, ["elementType", "children"]);
+  let { elementType: ElementType = "div", children, ...otherProps } = props;
   let { styleProps } = $380ed8f3903c3931$export$b8e6fb9d2dff3f41(props, $380ed8f3903c3931$export$e0705d1a55f297c);
   let domRef = $98e5a8ae0e6415af$export$c2c55ef9111cafd8(ref);
-  return /* @__PURE__ */ $d7FTw$react.createElement(ElementType, __spreadProps(__spreadValues(__spreadValues({}, $65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps)), styleProps), {
+  return /* @__PURE__ */ $d7FTw$react.createElement(ElementType, {
+    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps),
+    ...styleProps,
     ref: domRef
-  }), /* @__PURE__ */ $d7FTw$react.createElement($59d09bcc83651bf9$export$ceb145244332b7a2, null, children));
+  }, /* @__PURE__ */ $d7FTw$react.createElement($59d09bcc83651bf9$export$ceb145244332b7a2, null, children));
 }
 const $b9606c0c41d55371$export$27a5bd065ad55220 = /* @__PURE__ */ forwardRef($b9606c0c41d55371$var$View);
 var $0a7c18a2ef74b280$exports = {};
 $parcel$export$c($0a7c18a2ef74b280$exports, "Content", () => $0a7c18a2ef74b280$export$7c6e2c02157bb7d2);
 function $0a7c18a2ef74b280$var$Content(props, ref) {
   props = $59d09bcc83651bf9$export$1e5c9e6e4e15efe3(props, "content");
-  let _a2 = props, { children } = _a2, otherProps = __objRest(_a2, ["children"]);
+  let { children, ...otherProps } = props;
   let { styleProps } = $380ed8f3903c3931$export$b8e6fb9d2dff3f41(otherProps);
   let domRef = $98e5a8ae0e6415af$export$c2c55ef9111cafd8(ref);
-  return /* @__PURE__ */ $d7FTw$react.createElement("section", __spreadProps(__spreadValues(__spreadValues({}, $65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps)), styleProps), {
+  return /* @__PURE__ */ $d7FTw$react.createElement("section", {
+    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps),
+    ...styleProps,
     ref: domRef
-  }), /* @__PURE__ */ $d7FTw$react.createElement($59d09bcc83651bf9$export$ceb145244332b7a2, null, children));
+  }, /* @__PURE__ */ $d7FTw$react.createElement($59d09bcc83651bf9$export$ceb145244332b7a2, null, children));
 }
 const $0a7c18a2ef74b280$export$7c6e2c02157bb7d2 = /* @__PURE__ */ forwardRef($0a7c18a2ef74b280$var$Content);
 var $8d68cc89c1f9278e$exports = {};
 $parcel$export$c($8d68cc89c1f9278e$exports, "Footer", () => $8d68cc89c1f9278e$export$a06f1c675e846f6f);
 function $8d68cc89c1f9278e$var$Footer(props, ref) {
   props = $59d09bcc83651bf9$export$1e5c9e6e4e15efe3(props, "footer");
-  let _a2 = props, { children } = _a2, otherProps = __objRest(_a2, ["children"]);
+  let { children, ...otherProps } = props;
   let { styleProps } = $380ed8f3903c3931$export$b8e6fb9d2dff3f41(otherProps);
   let domRef = $98e5a8ae0e6415af$export$c2c55ef9111cafd8(ref);
-  return /* @__PURE__ */ $d7FTw$react.createElement("footer", __spreadProps(__spreadValues(__spreadValues({}, $65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps)), styleProps), {
+  return /* @__PURE__ */ $d7FTw$react.createElement("footer", {
+    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps),
+    ...styleProps,
     ref: domRef
-  }), /* @__PURE__ */ $d7FTw$react.createElement($59d09bcc83651bf9$export$ceb145244332b7a2, null, children));
+  }, /* @__PURE__ */ $d7FTw$react.createElement($59d09bcc83651bf9$export$ceb145244332b7a2, null, children));
 }
 const $8d68cc89c1f9278e$export$a06f1c675e846f6f = /* @__PURE__ */ forwardRef($8d68cc89c1f9278e$var$Footer);
 var $aedcc4886d2a392a$exports = {};
 $parcel$export$c($aedcc4886d2a392a$exports, "Header", () => $aedcc4886d2a392a$export$8b251419efc915eb);
 function $aedcc4886d2a392a$var$Header(props, ref) {
   props = $59d09bcc83651bf9$export$1e5c9e6e4e15efe3(props, "header");
-  let _a2 = props, { children } = _a2, otherProps = __objRest(_a2, ["children"]);
+  let { children, ...otherProps } = props;
   let { styleProps } = $380ed8f3903c3931$export$b8e6fb9d2dff3f41(otherProps);
   let domRef = $98e5a8ae0e6415af$export$c2c55ef9111cafd8(ref);
-  return /* @__PURE__ */ $d7FTw$react.createElement("header", __spreadProps(__spreadValues(__spreadValues({}, $65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps)), styleProps), {
+  return /* @__PURE__ */ $d7FTw$react.createElement("header", {
+    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps),
+    ...styleProps,
     ref: domRef
-  }), /* @__PURE__ */ $d7FTw$react.createElement($59d09bcc83651bf9$export$ceb145244332b7a2, null, children));
+  }, /* @__PURE__ */ $d7FTw$react.createElement($59d09bcc83651bf9$export$ceb145244332b7a2, null, children));
 }
 const $aedcc4886d2a392a$export$8b251419efc915eb = /* @__PURE__ */ forwardRef($aedcc4886d2a392a$var$Header);
 const useBasicAudio = () => {
@@ -8527,17 +8538,20 @@ const Basic = () => {
       }
     });
   }, [audioRef.current, audioPlayerDispatch]);
-  return /* @__PURE__ */ jsx("audio", __spreadValues(__spreadValues({
+  return /* @__PURE__ */ jsx("audio", {
     id: "rs-audio-player-audio",
     autoPlay: curAudioState.isPlaying,
     ref: audioRef,
-    src: curPlayedAudioData.src
-  }, useAudioEventProps), audioNativeStates));
+    src: curPlayedAudioData.src,
+    ...useAudioEventProps,
+    ...audioNativeStates
+  });
 };
 const useVariableColor = (variableColors) => {
   const colorsRef = useRef();
   useLayoutEffect(() => {
-    const parsedColors = Object.entries(variableColors).reduce((acc, [key, varName]) => __spreadProps(__spreadValues({}, acc), {
+    const parsedColors = Object.entries(variableColors).reduce((acc, [key, varName]) => ({
+      ...acc,
       [key]: window.getComputedStyle(document.getElementsByClassName("rs-audio-player-provider")[0]).getPropertyValue(`${varName}`)
     }), {});
     colorsRef.current = parsedColors;
@@ -8781,10 +8795,10 @@ var wavesurfer = { exports: {} };
         "./src/drawer.js": (module3, exports2, __webpack_require__2) => {
           function _typeof(obj) {
             "@babel/helpers - typeof";
-            return _typeof = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(obj2) {
+            return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
               return typeof obj2;
             } : function(obj2) {
-              return obj2 && typeof Symbol == "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+              return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
             }, _typeof(obj);
           }
           Object.defineProperty(exports2, "__esModule", {
@@ -9164,10 +9178,10 @@ var wavesurfer = { exports: {} };
         "./src/drawer.multicanvas.js": (module3, exports2, __webpack_require__2) => {
           function _typeof(obj) {
             "@babel/helpers - typeof";
-            return _typeof = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(obj2) {
+            return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
               return typeof obj2;
             } : function(obj2) {
-              return obj2 && typeof Symbol == "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+              return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
             }, _typeof(obj);
           }
           Object.defineProperty(exports2, "__esModule", {
@@ -9645,10 +9659,10 @@ var wavesurfer = { exports: {} };
         "./src/mediaelement-webaudio.js": (module3, exports2, __webpack_require__2) => {
           function _typeof(obj) {
             "@babel/helpers - typeof";
-            return _typeof = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(obj2) {
+            return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
               return typeof obj2;
             } : function(obj2) {
-              return obj2 && typeof Symbol == "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+              return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
             }, _typeof(obj);
           }
           Object.defineProperty(exports2, "__esModule", {
@@ -9824,10 +9838,10 @@ var wavesurfer = { exports: {} };
         "./src/mediaelement.js": (module3, exports2, __webpack_require__2) => {
           function _typeof(obj) {
             "@babel/helpers - typeof";
-            return _typeof = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(obj2) {
+            return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
               return typeof obj2;
             } : function(obj2) {
-              return obj2 && typeof Symbol == "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+              return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
             }, _typeof(obj);
           }
           Object.defineProperty(exports2, "__esModule", {
@@ -10972,10 +10986,10 @@ var wavesurfer = { exports: {} };
         "./src/wavesurfer.js": (module3, exports2, __webpack_require__2) => {
           function _typeof(obj) {
             "@babel/helpers - typeof";
-            return _typeof = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(obj2) {
+            return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
               return typeof obj2;
             } : function(obj2) {
-              return obj2 && typeof Symbol == "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+              return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
             }, _typeof(obj);
           }
           Object.defineProperty(exports2, "__esModule", {
@@ -11195,7 +11209,7 @@ var wavesurfer = { exports: {} };
               _defineProperty(_assertThisInitialized(_this), "util", util);
               _this.params = Object.assign({}, _this.defaultParams, params);
               _this.params.splitChannelsOptions = Object.assign({}, _this.defaultParams.splitChannelsOptions, params.splitChannelsOptions);
-              _this.container = typeof params.container == "string" ? document.querySelector(_this.params.container) : _this.params.container;
+              _this.container = "string" == typeof params.container ? document.querySelector(_this.params.container) : _this.params.container;
               if (!_this.container) {
                 throw new Error("Container element not found");
               }
@@ -12019,10 +12033,10 @@ var wavesurfer = { exports: {} };
         "./src/webaudio.js": (module3, exports2, __webpack_require__2) => {
           function _typeof(obj) {
             "@babel/helpers - typeof";
-            return _typeof = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(obj2) {
+            return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
               return typeof obj2;
             } : function(obj2) {
-              return obj2 && typeof Symbol == "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+              return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
             }, _typeof(obj);
           }
           Object.defineProperty(exports2, "__esModule", {
@@ -12668,7 +12682,7 @@ var wavesurfer = { exports: {} };
         "./node_modules/debounce/index.js": (module3) => {
           function debounce(func, wait, immediate) {
             var timeout, args, context, timestamp, result;
-            if (wait == null)
+            if (null == wait)
               wait = 100;
             function later() {
               var last = Date.now() - timestamp;
@@ -13307,14 +13321,11 @@ const DrawerContainer = styled.div`
     }
   `}
 `;
-const DrawerContent = (_e) => {
-  var _f = _e, {
-    children,
-    isWithAnimation = true
-  } = _f, drawerContentProps = __objRest(_f, [
-    "children",
-    "isWithAnimation"
-  ]);
+const DrawerContent = ({
+  children,
+  isWithAnimation = true,
+  ...drawerContentProps
+}) => {
   const {
     isOpen,
     setIsOpen
@@ -13329,12 +13340,14 @@ const DrawerContent = (_e) => {
     clearTime: 300,
     onExited,
     onEntered,
-    children: /* @__PURE__ */ jsx(DrawerContentContainer, __spreadProps(__spreadValues({}, drawerContentProps), {
+    children: /* @__PURE__ */ jsx(DrawerContentContainer, {
+      ...drawerContentProps,
       children
-    }))
-  }) : /* @__PURE__ */ jsx(DrawerContentContainer, __spreadProps(__spreadValues({}, drawerContentProps), {
+    })
+  }) : /* @__PURE__ */ jsx(DrawerContentContainer, {
+    ...drawerContentProps,
     children
-  }));
+  });
 };
 const DrawerContentContainer = styled.div`
   ${({
@@ -13393,7 +13406,8 @@ $parcel$export$b($994c48bfb00b620b$exports, "repeat", () => $994c48bfb00b620b$ex
 $parcel$export$b($994c48bfb00b620b$exports, "minmax", () => $994c48bfb00b620b$export$9c1b655deaca4988);
 $parcel$export$b($994c48bfb00b620b$exports, "fitContent", () => $994c48bfb00b620b$export$2f0b47b0911ce698);
 $parcel$export$b($994c48bfb00b620b$exports, "Grid", () => $994c48bfb00b620b$export$ef2184bd89960b14);
-const $994c48bfb00b620b$var$gridStyleProps = __spreadProps(__spreadValues({}, $380ed8f3903c3931$export$fe9c6e915565b4e8), {
+const $994c48bfb00b620b$var$gridStyleProps = {
+  ...$380ed8f3903c3931$export$fe9c6e915565b4e8,
   autoFlow: [
     "gridAutoFlow",
     $380ed8f3903c3931$export$46b6c81d11d2c30a
@@ -13446,15 +13460,17 @@ const $994c48bfb00b620b$var$gridStyleProps = __spreadProps(__spreadValues({}, $3
     "alignContent",
     $380ed8f3903c3931$export$46b6c81d11d2c30a
   ]
-});
+};
 function $994c48bfb00b620b$var$Grid(props, ref) {
-  let _a2 = props, { children } = _a2, otherProps = __objRest(_a2, ["children"]);
+  let { children, ...otherProps } = props;
   let { styleProps } = $380ed8f3903c3931$export$b8e6fb9d2dff3f41(otherProps, $994c48bfb00b620b$var$gridStyleProps);
   styleProps.style.display = "grid";
   let domRef = $98e5a8ae0e6415af$export$c2c55ef9111cafd8(ref);
-  return /* @__PURE__ */ $d7FTw$react.createElement("div", __spreadProps(__spreadValues(__spreadValues({}, $65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps)), styleProps), {
+  return /* @__PURE__ */ $d7FTw$react.createElement("div", {
+    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps),
+    ...styleProps,
     ref: domRef
-  }), children);
+  }, children);
 }
 function $994c48bfb00b620b$export$76d90c956114f2c2(count, $994c48bfb00b620b$export$76d90c956114f2c22) {
   return `repeat(${count}, ${$994c48bfb00b620b$var$gridTemplateValue($994c48bfb00b620b$export$76d90c956114f2c22)})`;
@@ -13514,7 +13530,7 @@ const $884c64d19340d345$var$flexStyleProps = {
   ]
 };
 function $884c64d19340d345$var$Flex(props, ref) {
-  let _a2 = props, { children } = _a2, otherProps = __objRest(_a2, ["children"]);
+  let { children, ...otherProps } = props;
   let breakpointProvider = $1051245f87c5981d$export$199d6754bdf4e1e3();
   let matchedBreakpoints = (breakpointProvider === null || breakpointProvider === void 0 ? void 0 : breakpointProvider.matchedBreakpoints) || [
     "base"
@@ -13524,31 +13540,38 @@ function $884c64d19340d345$var$Flex(props, ref) {
   let domRef = $98e5a8ae0e6415af$export$c2c55ef9111cafd8(ref);
   let isSSR = $704cf1d3b684cc5c$export$535bd6ca7f90a273();
   if ((props.gap || props.rowGap || props.columnGap) && (isSSR || !$884c64d19340d345$var$isFlexGapSupported())) {
-    let style3 = __spreadProps(__spreadValues({}, flexStyle.style), {
+    let style3 = {
+      ...flexStyle.style,
       "--column-gap": props.columnGap != null ? $380ed8f3903c3931$export$f348bec194f2e6b5(props.columnGap, matchedBreakpoints) : void 0,
       "--row-gap": props.rowGap != null ? $380ed8f3903c3931$export$f348bec194f2e6b5(props.rowGap, matchedBreakpoints) : void 0,
       "--gap": props.gap != null ? $380ed8f3903c3931$export$f348bec194f2e6b5(props.gap, matchedBreakpoints) : void 0
-    });
-    return /* @__PURE__ */ $d7FTw$react.createElement("div", __spreadProps(__spreadValues(__spreadValues({}, $65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps)), styleProps), {
+    };
+    return /* @__PURE__ */ $d7FTw$react.createElement("div", {
+      ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps),
+      ...styleProps,
       className: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault$4($01dd1839b5376a46$exports), "flex-container", styleProps.className),
       ref: domRef
-    }), /* @__PURE__ */ $d7FTw$react.createElement("div", {
+    }, /* @__PURE__ */ $d7FTw$react.createElement("div", {
       className: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault$4($01dd1839b5376a46$exports), "flex", "flex-gap"),
       style: style3
     }, children));
   }
-  let style2 = __spreadValues(__spreadValues({}, styleProps.style), flexStyle.style);
+  let style2 = {
+    ...styleProps.style,
+    ...flexStyle.style
+  };
   if (props.gap != null)
     style2.gap = $380ed8f3903c3931$export$f348bec194f2e6b5(props.gap, matchedBreakpoints);
   if (props.columnGap != null)
     style2.columnGap = $380ed8f3903c3931$export$f348bec194f2e6b5(props.columnGap, matchedBreakpoints);
   if (props.rowGap != null)
     style2.rowGap = $380ed8f3903c3931$export$f348bec194f2e6b5(props.rowGap, matchedBreakpoints);
-  return /* @__PURE__ */ $d7FTw$react.createElement("div", __spreadProps(__spreadValues({}, $65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps)), {
+  return /* @__PURE__ */ $d7FTw$react.createElement("div", {
+    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps),
     className: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault$4($01dd1839b5376a46$exports), "flex", styleProps.className),
     style: style2,
     ref: domRef
-  }), children);
+  }, children);
 }
 function $884c64d19340d345$var$flexAlignValue(value) {
   if (value === "start")
@@ -13628,7 +13651,7 @@ const useSortableListItem = ({
         ...curListData.slice(0, index),
         draggedItem,
         ...curListData.slice(index, curListData.length)
-      ]).map((item, idx) => __spreadProps(__spreadValues({}, item), { index: idx }));
+      ]).map((item, idx) => ({ ...item, index: idx }));
       onDropCb && onDropCb(e, newListData);
     },
     onClick: (e) => {
@@ -13638,20 +13661,19 @@ const useSortableListItem = ({
   };
 };
 const SortableListItem = (props) => {
-  const _a2 = props, {
-    children
-  } = _a2, useListItemProps = __objRest(_a2, [
-    "children"
-  ]);
+  const {
+    children,
+    ...useListItemProps
+  } = props;
   const eventProps = useSortableListItem(useListItemProps);
-  return /* @__PURE__ */ jsx(SortableListItemContainer, __spreadProps(__spreadValues({
-    className: "list-item-root-container"
-  }, eventProps), {
+  return /* @__PURE__ */ jsx(SortableListItemContainer, {
+    className: "list-item-root-container",
+    ...eventProps,
     children: /* @__PURE__ */ jsx($884c64d19340d345$export$f51f4c4ede09e011, {
       alignItems: "center",
       children
     })
-  }));
+  });
 };
 const SortableListItemContainer = styled.li`
   border: 2px solid transparent;
@@ -13835,36 +13857,34 @@ const PlayList = ({
   } = usePlayList({
     setIsOpen
   });
-  const _a2 = sortableItemEventProps, {
+  const {
     onClick: onClickItem,
-    onDragStart: onDragStartItem
-  } = _a2, otherSortableItemEventProps = __objRest(_a2, [
-    "onClick",
-    "onDragStart"
-  ]);
-  return playList.length !== 0 ? $k7QOs$reactdom.createPortal(/* @__PURE__ */ jsx(CssTransition, __spreadProps(__spreadValues({
+    onDragStart: onDragStartItem,
+    ...otherSortableItemEventProps
+  } = sortableItemEventProps;
+  return playList.length !== 0 ? $k7QOs$reactdom.createPortal(/* @__PURE__ */ jsx(CssTransition, {
     visible: isOpen,
     name: "playlist-content",
     enterTime: 20,
     leaveTime: 20,
-    clearTime: 300
-  }, cssTransitionEventProps), {
+    clearTime: 300,
+    ...cssTransitionEventProps,
     children: /* @__PURE__ */ jsx(PlayListContainer, {
       className: "play-list-container",
       children: /* @__PURE__ */ jsx(SortableList, {
-        children: playList.map((data, index) => /* @__PURE__ */ jsx(SortableList.Item, __spreadProps(__spreadValues({
+        children: playList.map((data, index) => /* @__PURE__ */ jsx(SortableList.Item, {
           index,
           listData: playList,
           onClick: () => onClickItem(index),
-          onDragStart: () => onDragStartItem(index)
-        }, otherSortableItemEventProps), {
+          onDragStart: () => onDragStartItem(index),
+          ...otherSortableItemEventProps,
           children: /* @__PURE__ */ jsx(PlayListItem, {
             data
           })
-        }), `sortable-item-${index}`))
+        }, `sortable-item-${index}`))
       })
     })
-  })), document.querySelector(".sortable-play-list")) : /* @__PURE__ */ jsx(Fragment, {});
+  }), document.querySelector(".sortable-play-list")) : /* @__PURE__ */ jsx(Fragment, {});
 };
 const PlayListContainer = styled.div`
   height: 20vh;
@@ -13956,9 +13976,9 @@ const BarProgress = () => {
       });
     }
   }, [progressHandleRef, progressBarRef, progressValueRef, audioPlayerDispatch]);
-  return /* @__PURE__ */ jsxs(BarProgressWrapper, __spreadProps(__spreadValues({
-    className: "bar-progress-wrapper"
-  }, eventProps), {
+  return /* @__PURE__ */ jsxs(BarProgressWrapper, {
+    className: "bar-progress-wrapper",
+    ...eventProps,
     children: [/* @__PURE__ */ jsx("div", {
       className: "rs-player-progress-bar",
       ref: progressBarRef,
@@ -13970,7 +13990,7 @@ const BarProgress = () => {
       className: "rs-player-progress-handle",
       ref: progressHandleRef
     })]
-  }));
+  });
 };
 const BarProgressWrapper = styled.div`
   display: flex;
@@ -14051,13 +14071,13 @@ const Progress = () => {
 };
 const Grid = $994c48bfb00b620b$export$ef2184bd89960b14;
 const GridItem = forwardRef((viewProps, ref) => {
-  return /* @__PURE__ */ jsx($b9606c0c41d55371$export$27a5bd065ad55220, __spreadProps(__spreadValues({
+  return /* @__PURE__ */ jsx($b9606c0c41d55371$export$27a5bd065ad55220, {
     justifySelf: "center",
     padding: "0 5px",
-    ref
-  }, viewProps), {
+    ref,
+    ...viewProps,
     children: viewProps.children
-  }));
+  });
 });
 GridItem.displayName = "GridItem";
 Grid.Item = GridItem;
@@ -14292,15 +14312,16 @@ $6edfbdaffbc9baf9$export$12b8600bcd969018 = "spectrum-UIIcon-TripleGripper_368b3
 function $6bfb67578ee6effd$var$iconColorValue(value) {
   return `var(--spectrum-semantic-${value}-color-icon)`;
 }
-const $6bfb67578ee6effd$var$iconStyleProps = __spreadProps(__spreadValues({}, $380ed8f3903c3931$export$fe9c6e915565b4e8), {
+const $6bfb67578ee6effd$var$iconStyleProps = {
+  ...$380ed8f3903c3931$export$fe9c6e915565b4e8,
   color: [
     "color",
     $6bfb67578ee6effd$var$iconColorValue
   ]
-});
+};
 function $6bfb67578ee6effd$export$f04a61298a47a40f(props) {
   props = $59d09bcc83651bf9$export$1e5c9e6e4e15efe3(props, "icon");
-  let _a2 = props, { children, size, "aria-label": ariaLabel, "aria-hidden": ariaHidden } = _a2, otherProps = __objRest(_a2, ["children", "size", "aria-label", "aria-hidden"]);
+  let { children, size, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...otherProps } = props;
   let { styleProps } = $380ed8f3903c3931$export$b8e6fb9d2dff3f41(otherProps, $6bfb67578ee6effd$var$iconStyleProps);
   let provider = $7167f8da3cce35e4$export$693cdb10cec23617();
   let scale = "M";
@@ -14309,19 +14330,21 @@ function $6bfb67578ee6effd$export$f04a61298a47a40f(props) {
   if (!ariaHidden)
     ariaHidden = void 0;
   let iconSize = size ? size : scale;
-  return /* @__PURE__ */ $d7FTw$react.cloneElement(children, __spreadProps(__spreadValues(__spreadValues({}, $65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps)), styleProps), {
+  return /* @__PURE__ */ $d7FTw$react.cloneElement(children, {
+    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps),
+    ...styleProps,
     focusable: "false",
     "aria-label": ariaLabel,
     "aria-hidden": ariaLabel ? ariaHidden || void 0 : true,
     role: "img",
     className: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault$3($6edfbdaffbc9baf9$exports), children.props.className, "spectrum-Icon", `spectrum-Icon--size${iconSize}`, styleProps.className)
-  }));
+  });
 }
 var $9ba43a63383852e3$exports = {};
 $parcel$export$a($9ba43a63383852e3$exports, "UIIcon", () => $9ba43a63383852e3$export$906cc5990ff10700);
 function $9ba43a63383852e3$export$906cc5990ff10700(props) {
   props = $59d09bcc83651bf9$export$1e5c9e6e4e15efe3(props, "icon");
-  let _a2 = props, { children, "aria-label": ariaLabel, "aria-hidden": ariaHidden } = _a2, otherProps = __objRest(_a2, ["children", "aria-label", "aria-hidden"]);
+  let { children, "aria-label": ariaLabel, "aria-hidden": ariaHidden, ...otherProps } = props;
   let { styleProps } = $380ed8f3903c3931$export$b8e6fb9d2dff3f41(otherProps);
   let provider = $7167f8da3cce35e4$export$693cdb10cec23617();
   let scale = "M";
@@ -14329,7 +14352,9 @@ function $9ba43a63383852e3$export$906cc5990ff10700(props) {
     scale = provider.scale === "large" ? "L" : "M";
   if (!ariaHidden)
     ariaHidden = void 0;
-  return /* @__PURE__ */ $d7FTw$react.cloneElement(children, __spreadProps(__spreadValues(__spreadValues({}, $65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps)), styleProps), {
+  return /* @__PURE__ */ $d7FTw$react.cloneElement(children, {
+    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps),
+    ...styleProps,
     scale,
     focusable: "false",
     "aria-label": ariaLabel,
@@ -14338,7 +14363,7 @@ function $9ba43a63383852e3$export$906cc5990ff10700(props) {
     className: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault$3($6edfbdaffbc9baf9$exports), children.props.className, "spectrum-Icon", {
       [`spectrum-UIIcon-${children.type["displayName"]}`]: children.type["displayName"]
     }, styleProps.className)
-  }));
+  });
 }
 var module = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -15002,12 +15027,13 @@ function $907718708eab68af$export$1a38b4ad7f578e1d(props) {
   let { children, focusClass, focusRingClass } = props;
   let { isFocused, isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f(props);
   let child = $d7FTw$react.Children.only(children);
-  return /* @__PURE__ */ $d7FTw$react.cloneElement(child, $3ef42575df84b30b$export$9d1611c77c2fe928(child.props, __spreadProps(__spreadValues({}, focusProps), {
+  return /* @__PURE__ */ $d7FTw$react.cloneElement(child, $3ef42575df84b30b$export$9d1611c77c2fe928(child.props, {
+    ...focusProps,
     className: clsx({
       [focusClass || ""]: isFocused,
       [focusRingClass || ""]: isFocusVisible
     })
-  })));
+  }));
 }
 var $e6afbd83fe6ebbd2$exports = {};
 $parcel$export$9($e6afbd83fe6ebbd2$exports, "FocusableProvider", () => $e6afbd83fe6ebbd2$export$13f3202a3e5ddd5);
@@ -15016,14 +15042,15 @@ let $e6afbd83fe6ebbd2$var$FocusableContext = /* @__PURE__ */ $d7FTw$react.create
 function $e6afbd83fe6ebbd2$var$useFocusableContext(ref) {
   let context = useContext($e6afbd83fe6ebbd2$var$FocusableContext) || {};
   $e7801be82b4b2a53$export$4debdb1a3f0fa79e(context, ref);
-  let _a2 = context, { ref: _ } = _a2, otherProps = __objRest(_a2, ["ref"]);
+  let { ref: _, ...otherProps } = context;
   return otherProps;
 }
 function $e6afbd83fe6ebbd2$var$FocusableProvider(props, ref) {
-  let _a2 = props, { children } = _a2, otherProps = __objRest(_a2, ["children"]);
-  let context = __spreadProps(__spreadValues({}, otherProps), {
+  let { children, ...otherProps } = props;
+  let context = {
+    ...otherProps,
     ref
-  });
+  };
   return /* @__PURE__ */ $d7FTw$react.createElement($e6afbd83fe6ebbd2$var$FocusableContext.Provider, {
     value: context
   }, children);
@@ -15044,9 +15071,10 @@ function $e6afbd83fe6ebbd2$export$4c014de7c8940b4c(props, domRef) {
     domRef
   ]);
   return {
-    focusableProps: $3ef42575df84b30b$export$9d1611c77c2fe928(__spreadProps(__spreadValues({}, interactions), {
+    focusableProps: $3ef42575df84b30b$export$9d1611c77c2fe928({
+      ...interactions,
       tabIndex: props.excludeFromTabOrder && !props.isDisabled ? -1 : void 0
-    }), interactionProps)
+    }, interactionProps)
   };
 }
 function $parcel$export$8(e, n2, v, s) {
@@ -15151,9 +15179,10 @@ function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
     onBlur
   }, ref);
   return {
-    triggerProps: __spreadValues({
-      "aria-describedby": state.isOpen ? tooltipId : void 0
-    }, $3ef42575df84b30b$export$9d1611c77c2fe928(focusableProps, hoverProps, pressProps)),
+    triggerProps: {
+      "aria-describedby": state.isOpen ? tooltipId : void 0,
+      ...$3ef42575df84b30b$export$9d1611c77c2fe928(focusableProps, hoverProps, pressProps)
+    },
     tooltipProps: {
       id: tooltipId
     }
@@ -15612,12 +15641,13 @@ const $bc765a7a041310da$var$OPEN_STATES = {
   entered: true
 };
 function $bc765a7a041310da$export$b847a40ee92eff38(props) {
-  return /* @__PURE__ */ $d7FTw$react.createElement(default_1, __spreadValues({
+  return /* @__PURE__ */ $d7FTw$react.createElement(default_1, {
     timeout: {
       enter: 0,
       exit: 350
-    }
-  }, props), (state) => $d7FTw$react.Children.map(props.children, (child) => child && /* @__PURE__ */ $d7FTw$react.cloneElement(child, {
+    },
+    ...props
+  }, (state) => $d7FTw$react.Children.map(props.children, (child) => child && /* @__PURE__ */ $d7FTw$react.cloneElement(child, {
     isOpen: !!$bc765a7a041310da$var$OPEN_STATES[state]
   })));
 }
@@ -15728,10 +15758,11 @@ let $17b503f7de08fecc$var$arrowPlacement = {
   bottom: "bottom"
 };
 function $17b503f7de08fecc$var$Popover(props, ref) {
-  let _a2 = props, { children, placement, arrowProps, onClose, shouldCloseOnBlur, hideArrow, isKeyboardDismissDisabled, isNonModal, isDismissable = true } = _a2, otherProps = __objRest(_a2, ["children", "placement", "arrowProps", "onClose", "shouldCloseOnBlur", "hideArrow", "isKeyboardDismissDisabled", "isNonModal", "isDismissable"]);
+  let { children, placement, arrowProps, onClose, shouldCloseOnBlur, hideArrow, isKeyboardDismissDisabled, isNonModal, isDismissable = true, ...otherProps } = props;
   let domRef = $98e5a8ae0e6415af$export$c2c55ef9111cafd8(ref);
   let { styleProps } = $380ed8f3903c3931$export$b8e6fb9d2dff3f41(props);
-  return /* @__PURE__ */ $d7FTw$react.createElement($70305dc5fb729c3b$export$c6fdb837b070b4ff, otherProps, /* @__PURE__ */ $d7FTw$react.createElement($17b503f7de08fecc$var$PopoverWrapper, __spreadProps(__spreadValues({}, styleProps), {
+  return /* @__PURE__ */ $d7FTw$react.createElement($70305dc5fb729c3b$export$c6fdb837b070b4ff, otherProps, /* @__PURE__ */ $d7FTw$react.createElement($17b503f7de08fecc$var$PopoverWrapper, {
+    ...styleProps,
     ref: domRef,
     placement,
     arrowProps,
@@ -15741,17 +15772,19 @@ function $17b503f7de08fecc$var$Popover(props, ref) {
     hideArrow,
     isNonModal,
     isDismissable
-  }), children));
+  }, children));
 }
 const $17b503f7de08fecc$var$PopoverWrapper = /* @__PURE__ */ forwardRef((props, ref) => {
-  let _a2 = props, { children, placement = "bottom", arrowProps, isOpen, hideArrow, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable } = _a2, otherProps = __objRest(_a2, ["children", "placement", "arrowProps", "isOpen", "hideArrow", "shouldCloseOnBlur", "isKeyboardDismissDisabled", "isNonModal", "isDismissable"]);
-  let { overlayProps } = $a11501f3d1d39e6c$export$ea8f71083e90600f(__spreadProps(__spreadValues({}, props), {
+  let { children, placement = "bottom", arrowProps, isOpen, hideArrow, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable, ...otherProps } = props;
+  let { overlayProps } = $a11501f3d1d39e6c$export$ea8f71083e90600f({
+    ...props,
     isDismissable: isDismissable && isOpen
-  }), ref);
+  }, ref);
   let { modalProps } = $f57aed4a881a3485$export$33ffd74ebf07f060({
     isDisabled: isNonModal
   });
-  return /* @__PURE__ */ $d7FTw$react.createElement("div", __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(otherProps, overlayProps, modalProps)), {
+  return /* @__PURE__ */ $d7FTw$react.createElement("div", {
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928(otherProps, overlayProps, modalProps),
     ref,
     className: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault$2($645594d913f34a2a$exports), "spectrum-Popover", `spectrum-Popover--${placement}`, {
       "spectrum-Popover--withTip": !hideArrow,
@@ -15759,7 +15792,7 @@ const $17b503f7de08fecc$var$PopoverWrapper = /* @__PURE__ */ forwardRef((props,
     }, $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault$2($853e19557ad8790f$exports), "spectrum-Popover", "react-spectrum-Popover"), otherProps.className),
     role: "presentation",
     "data-testid": "popover"
-  }), children, hideArrow ? null : /* @__PURE__ */ $d7FTw$react.createElement($17b503f7de08fecc$var$Arrow, {
+  }, children, hideArrow ? null : /* @__PURE__ */ $d7FTw$react.createElement($17b503f7de08fecc$var$Arrow, {
     arrowProps,
     direction: $17b503f7de08fecc$var$arrowPlacement[placement]
   }));
@@ -15814,14 +15847,15 @@ function $17b503f7de08fecc$var$Arrow(props) {
     secondaryEnd
   ];
   let arrowProps = props.arrowProps;
-  return /* @__PURE__ */ $d7FTw$react.createElement("svg", __spreadValues({
+  return /* @__PURE__ */ $d7FTw$react.createElement("svg", {
     xmlns: "http://www.w3.org/svg/2000",
     width: Math.ceil(landscape ? secondary : primary),
     height: Math.ceil(landscape ? primary : secondary),
     style: props.style,
     className: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault$2($645594d913f34a2a$exports), "spectrum-Popover-tip"),
-    ref
-  }, arrowProps), /* @__PURE__ */ $d7FTw$react.createElement("path", {
+    ref,
+    ...arrowProps
+  }, /* @__PURE__ */ $d7FTw$react.createElement("path", {
     className: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault$2($645594d913f34a2a$exports), "spectrum-Popover-tip-triangle"),
     d: pathData.join(" ")
   }));
@@ -15863,23 +15897,24 @@ function $76a452f4e3df11be$export$f360afc887607b02({ isOpen }) {
   });
 }
 function $842084dfa182af65$var$Modal(props, ref) {
-  let _a2 = props, { children, onClose, type } = _a2, otherProps = __objRest(_a2, ["children", "onClose", "type"]);
+  let { children, onClose, type, ...otherProps } = props;
   let domRef = $98e5a8ae0e6415af$export$c2c55ef9111cafd8(ref);
   let { styleProps } = $380ed8f3903c3931$export$b8e6fb9d2dff3f41(props);
   let { overlayProps, underlayProps } = $a11501f3d1d39e6c$export$ea8f71083e90600f(props, domRef);
-  return /* @__PURE__ */ $d7FTw$react.createElement($70305dc5fb729c3b$export$c6fdb837b070b4ff, otherProps, /* @__PURE__ */ $d7FTw$react.createElement($76a452f4e3df11be$export$f360afc887607b02, underlayProps), /* @__PURE__ */ $d7FTw$react.createElement($842084dfa182af65$var$ModalWrapper, __spreadProps(__spreadValues({}, styleProps), {
+  return /* @__PURE__ */ $d7FTw$react.createElement($70305dc5fb729c3b$export$c6fdb837b070b4ff, otherProps, /* @__PURE__ */ $d7FTw$react.createElement($76a452f4e3df11be$export$f360afc887607b02, underlayProps), /* @__PURE__ */ $d7FTw$react.createElement($842084dfa182af65$var$ModalWrapper, {
+    ...styleProps,
     onClose,
     type,
     ref: domRef,
     overlayProps
-  }), children));
+  }, children));
 }
 let $842084dfa182af65$var$typeMap = {
   fullscreen: "fullscreen",
   fullscreenTakeover: "fullscreenTakeover"
 };
 let $842084dfa182af65$var$ModalWrapper = /* @__PURE__ */ forwardRef(function(props, ref) {
-  let _a2 = props, { children, isOpen, type, overlayProps } = _a2, otherProps = __objRest(_a2, ["children", "isOpen", "type", "overlayProps"]);
+  let { children, isOpen, type, overlayProps, ...otherProps } = props;
   let typeVariant = $842084dfa182af65$var$typeMap[type];
   $49c51c25361d4cd2$export$ee0f7cc6afcd1c18();
   let { modalProps } = $f57aed4a881a3485$export$33ffd74ebf07f060();
@@ -15896,11 +15931,12 @@ let $842084dfa182af65$var$ModalWrapper = /* @__PURE__ */ forwardRef(function(pro
   return /* @__PURE__ */ $d7FTw$react.createElement("div", {
     className: wrapperClassName,
     style: style2
-  }, /* @__PURE__ */ $d7FTw$react.createElement("div", __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(otherProps, overlayProps, modalProps)), {
+  }, /* @__PURE__ */ $d7FTw$react.createElement("div", {
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928(otherProps, overlayProps, modalProps),
     ref,
     className: modalClassName,
     "data-testid": "modal"
-  }), children));
+  }, children));
 });
 let $842084dfa182af65$export$2b77a92f1a5ad772 = /* @__PURE__ */ forwardRef($842084dfa182af65$var$Modal);
 var $1afc87f3d16a5a1c$exports = {};
@@ -15919,22 +15955,24 @@ $930b2f4095bb11d1$export$a9781837241c946d = "is-open_23bf66";
 $930b2f4095bb11d1$export$641b9b70c23dce66 = "spectrum-Tray-wrapper_23bf66";
 $930b2f4095bb11d1$export$79bfb05e59a300b = "spectrum-Tray--fixedHeight_23bf66";
 function $1afc87f3d16a5a1c$var$Tray(props, ref) {
-  let _a2 = props, { children, onClose, isFixedHeight, isNonModal } = _a2, otherProps = __objRest(_a2, ["children", "onClose", "isFixedHeight", "isNonModal"]);
+  let { children, onClose, isFixedHeight, isNonModal, ...otherProps } = props;
   let domRef = $98e5a8ae0e6415af$export$c2c55ef9111cafd8(ref);
   let { styleProps } = $380ed8f3903c3931$export$b8e6fb9d2dff3f41(props);
-  let { overlayProps, underlayProps } = $a11501f3d1d39e6c$export$ea8f71083e90600f(__spreadProps(__spreadValues({}, props), {
+  let { overlayProps, underlayProps } = $a11501f3d1d39e6c$export$ea8f71083e90600f({
+    ...props,
     isDismissable: true
-  }), domRef);
-  return /* @__PURE__ */ $d7FTw$react.createElement($70305dc5fb729c3b$export$c6fdb837b070b4ff, otherProps, /* @__PURE__ */ $d7FTw$react.createElement($76a452f4e3df11be$export$f360afc887607b02, underlayProps), /* @__PURE__ */ $d7FTw$react.createElement($1afc87f3d16a5a1c$var$TrayWrapper, __spreadProps(__spreadValues({}, styleProps), {
+  }, domRef);
+  return /* @__PURE__ */ $d7FTw$react.createElement($70305dc5fb729c3b$export$c6fdb837b070b4ff, otherProps, /* @__PURE__ */ $d7FTw$react.createElement($76a452f4e3df11be$export$f360afc887607b02, underlayProps), /* @__PURE__ */ $d7FTw$react.createElement($1afc87f3d16a5a1c$var$TrayWrapper, {
+    ...styleProps,
     onClose,
     ref: domRef,
     overlayProps,
     isFixedHeight,
     isNonModal
-  }), children));
+  }, children));
 }
 let $1afc87f3d16a5a1c$var$TrayWrapper = /* @__PURE__ */ forwardRef(function(props, ref) {
-  let _a2 = props, { children, isOpen, isFixedHeight, isNonModal, overlayProps } = _a2, otherProps = __objRest(_a2, ["children", "isOpen", "isFixedHeight", "isNonModal", "overlayProps"]);
+  let { children, isOpen, isFixedHeight, isNonModal, overlayProps, ...otherProps } = props;
   $49c51c25361d4cd2$export$ee0f7cc6afcd1c18();
   let { modalProps } = $f57aed4a881a3485$export$33ffd74ebf07f060({
     isDisabled: isNonModal
@@ -15952,11 +15990,13 @@ let $1afc87f3d16a5a1c$var$TrayWrapper = /* @__PURE__ */ forwardRef(function(prop
   return /* @__PURE__ */ $d7FTw$react.createElement("div", {
     className: wrapperClassName,
     style: wrapperStyle
-  }, /* @__PURE__ */ $d7FTw$react.createElement("div", __spreadProps(__spreadValues(__spreadValues({}, domProps), modalProps), {
+  }, /* @__PURE__ */ $d7FTw$react.createElement("div", {
+    ...domProps,
+    ...modalProps,
     className,
     ref,
     "data-testid": "tray"
-  }), children));
+  }, children));
 });
 let $1afc87f3d16a5a1c$export$4589ed81930b555c = /* @__PURE__ */ forwardRef($1afc87f3d16a5a1c$var$Tray);
 function $parcel$export$6(e, n2, v, s) {
@@ -16150,28 +16190,31 @@ let $dc9e2a6f9971fb04$var$iconMap = {
   negative: _default$5
 };
 function $dc9e2a6f9971fb04$var$Tooltip(props, ref) {
-  let _a2 = useContext($b8c00169fae46ac7$export$39ae08fa83328b12), { ref: overlayRef, arrowProps, state } = _a2, tooltipProviderProps = __objRest(_a2, ["ref", "arrowProps", "state"]);
+  let { ref: overlayRef, arrowProps, state, ...tooltipProviderProps } = useContext($b8c00169fae46ac7$export$39ae08fa83328b12);
   let defaultRef = useRef();
   overlayRef = overlayRef || defaultRef;
   props = $3ef42575df84b30b$export$9d1611c77c2fe928(props, tooltipProviderProps);
-  let _b = props, { variant = "neutral", placement = "top", isOpen, showIcon } = _b, otherProps = __objRest(_b, ["variant", "placement", "isOpen", "showIcon"]);
+  let { variant = "neutral", placement = "top", isOpen, showIcon, ...otherProps } = props;
   let { styleProps } = $380ed8f3903c3931$export$b8e6fb9d2dff3f41(otherProps);
   let { tooltipProps } = $326e436e94273fe1$export$1c4b08e0eca38426(props, state);
   useImperativeHandle(ref, () => $98e5a8ae0e6415af$export$a5795cc979dfae80(overlayRef));
   let Icon2 = $dc9e2a6f9971fb04$var$iconMap[variant];
-  return /* @__PURE__ */ $d7FTw$react.createElement("div", __spreadProps(__spreadValues(__spreadValues({}, styleProps), tooltipProps), {
+  return /* @__PURE__ */ $d7FTw$react.createElement("div", {
+    ...styleProps,
+    ...tooltipProps,
     className: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault$1($1e9110aec8886b85$exports), "spectrum-Tooltip", `spectrum-Tooltip--${variant}`, `spectrum-Tooltip--${placement}`, {
       "is-open": isOpen
     }, styleProps.className),
     ref: overlayRef
-  }), showIcon && variant !== "neutral" && /* @__PURE__ */ $d7FTw$react.createElement(Icon2, {
+  }, showIcon && variant !== "neutral" && /* @__PURE__ */ $d7FTw$react.createElement(Icon2, {
     UNSAFE_className: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault$1($1e9110aec8886b85$exports), "spectrum-Tooltip-typeIcon"),
     "aria-hidden": true
   }), props.children && /* @__PURE__ */ $d7FTw$react.createElement("span", {
     className: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault$1($1e9110aec8886b85$exports), "spectrum-Tooltip-label")
-  }, props.children), /* @__PURE__ */ $d7FTw$react.createElement("span", __spreadProps(__spreadValues({}, arrowProps), {
+  }, props.children), /* @__PURE__ */ $d7FTw$react.createElement("span", {
+    ...arrowProps,
     className: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault$1($1e9110aec8886b85$exports), "spectrum-Tooltip-tip")
-  })));
+  }));
 }
 let $dc9e2a6f9971fb04$export$28c660c63b792dea = /* @__PURE__ */ $d7FTw$react.forwardRef($dc9e2a6f9971fb04$var$Tooltip);
 var $019364e6919ef1db$exports = {};
@@ -16196,16 +16239,18 @@ function $019364e6919ef1db$var$TooltipTrigger(props) {
     crossOffset,
     isOpen: state.isOpen
   });
-  return /* @__PURE__ */ $d7FTw$react.createElement($e6afbd83fe6ebbd2$export$13f3202a3e5ddd5, __spreadProps(__spreadValues({}, triggerProps), {
+  return /* @__PURE__ */ $d7FTw$react.createElement($e6afbd83fe6ebbd2$export$13f3202a3e5ddd5, {
+    ...triggerProps,
     ref: tooltipTriggerRef
-  }), trigger, /* @__PURE__ */ $d7FTw$react.createElement($b8c00169fae46ac7$export$39ae08fa83328b12.Provider, {
-    value: __spreadValues({
+  }, trigger, /* @__PURE__ */ $d7FTw$react.createElement($b8c00169fae46ac7$export$39ae08fa83328b12.Provider, {
+    value: {
       state,
       placement,
       ref: overlayRef,
       UNSAFE_style: overlayProps.style,
-      arrowProps
-    }, tooltipProps)
+      arrowProps,
+      ...tooltipProps
+    }
   }, /* @__PURE__ */ $d7FTw$react.createElement($70305dc5fb729c3b$export$c6fdb837b070b4ff, {
     isOpen: state.isOpen
   }, tooltip)));
@@ -16219,9 +16264,10 @@ $019364e6919ef1db$var$TooltipTrigger.getCollectionNode = function* (props) {
   let [trigger, tooltip] = childArray;
   yield {
     element: trigger,
-    wrapper: (element) => /* @__PURE__ */ $d7FTw$react.createElement($019364e6919ef1db$var$TooltipTrigger, __spreadValues({
-      key: element.key
-    }, props), element, tooltip)
+    wrapper: (element) => /* @__PURE__ */ $d7FTw$react.createElement($019364e6919ef1db$var$TooltipTrigger, {
+      key: element.key,
+      ...props
+    }, element, tooltip)
   };
 };
 let $019364e6919ef1db$export$8c610744efcf8a1d = $019364e6919ef1db$var$TooltipTrigger;
@@ -16248,7 +16294,9 @@ const Trigger = forwardRef((_, ref) => {
     };
     if (curAudioState.muted)
       return /* @__PURE__ */ jsx(Icon, {
-        render: /* @__PURE__ */ jsx(TbVolume3, __spreadValues({}, volumeOpt)),
+        render: /* @__PURE__ */ jsx(TbVolume3, {
+          ...volumeOpt
+        }),
         customIcon: customIcons == null ? void 0 : customIcons.volumeMuted
       });
     const volumeState = (value) => {
@@ -16262,17 +16310,23 @@ const Trigger = forwardRef((_, ref) => {
     switch (volumeState(curAudioState.volume)) {
       case "mute":
         return /* @__PURE__ */ jsx(Icon, {
-          render: /* @__PURE__ */ jsx(TbVolume3, __spreadValues({}, volumeOpt)),
+          render: /* @__PURE__ */ jsx(TbVolume3, {
+            ...volumeOpt
+          }),
           customIcon: customIcons == null ? void 0 : customIcons.volumeMuted
         });
       case "low":
         return /* @__PURE__ */ jsx(Icon, {
-          render: /* @__PURE__ */ jsx(TbVolume2, __spreadValues({}, volumeOpt)),
+          render: /* @__PURE__ */ jsx(TbVolume2, {
+            ...volumeOpt
+          }),
           customIcon: customIcons == null ? void 0 : customIcons.volumeHalf
         });
       case "high":
         return /* @__PURE__ */ jsx(Icon, {
-          render: /* @__PURE__ */ jsx(TbVolume, __spreadValues({}, volumeOpt)),
+          render: /* @__PURE__ */ jsx(TbVolume, {
+            ...volumeOpt
+          }),
           customIcon: customIcons == null ? void 0 : customIcons.volumeFull
         });
       default:
@@ -16295,38 +16349,44 @@ var $cd449e8defa988f0$exports = {};
 $parcel$export$3($cd449e8defa988f0$exports, "Text", () => $cd449e8defa988f0$export$5f1af8db9871e1d6);
 function $cd449e8defa988f0$var$Text(props, ref) {
   props = $59d09bcc83651bf9$export$1e5c9e6e4e15efe3(props, "text");
-  let _a2 = props, { children } = _a2, otherProps = __objRest(_a2, ["children"]);
+  let { children, ...otherProps } = props;
   let { styleProps } = $380ed8f3903c3931$export$b8e6fb9d2dff3f41(otherProps);
   let domRef = $98e5a8ae0e6415af$export$c2c55ef9111cafd8(ref);
-  return /* @__PURE__ */ $d7FTw$react.createElement("span", __spreadProps(__spreadValues(__spreadValues({}, $65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps)), styleProps), {
+  return /* @__PURE__ */ $d7FTw$react.createElement("span", {
+    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps),
+    ...styleProps,
     ref: domRef
-  }), children);
+  }, children);
 }
 const $cd449e8defa988f0$export$5f1af8db9871e1d6 = /* @__PURE__ */ forwardRef($cd449e8defa988f0$var$Text);
 var $c382fceb69609a50$exports = {};
 $parcel$export$3($c382fceb69609a50$exports, "Heading", () => $c382fceb69609a50$export$a8a3e93435678ff9);
 function $c382fceb69609a50$var$Heading(props, ref) {
   props = $59d09bcc83651bf9$export$1e5c9e6e4e15efe3(props, "heading");
-  let _a2 = props, { children, level = 3 } = _a2, otherProps = __objRest(_a2, ["children", "level"]);
+  let { children, level = 3, ...otherProps } = props;
   let { styleProps } = $380ed8f3903c3931$export$b8e6fb9d2dff3f41(otherProps);
   let domRef = $98e5a8ae0e6415af$export$c2c55ef9111cafd8(ref);
   let HeadingTag = `h${level}`;
-  return /* @__PURE__ */ $d7FTw$react.createElement(HeadingTag, __spreadProps(__spreadValues(__spreadValues({}, $65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps)), styleProps), {
+  return /* @__PURE__ */ $d7FTw$react.createElement(HeadingTag, {
+    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps),
+    ...styleProps,
     ref: domRef
-  }), children);
+  }, children);
 }
 const $c382fceb69609a50$export$a8a3e93435678ff9 = /* @__PURE__ */ forwardRef($c382fceb69609a50$var$Heading);
 var $a42b6b1607b36926$exports = {};
 $parcel$export$3($a42b6b1607b36926$exports, "Keyboard", () => $a42b6b1607b36926$export$16e4d70cc375e707);
 function $a42b6b1607b36926$var$Keyboard(props, ref) {
   props = $59d09bcc83651bf9$export$1e5c9e6e4e15efe3(props, "keyboard");
-  let _a2 = props, { children } = _a2, otherProps = __objRest(_a2, ["children"]);
+  let { children, ...otherProps } = props;
   let { styleProps } = $380ed8f3903c3931$export$b8e6fb9d2dff3f41(otherProps);
   let domRef = $98e5a8ae0e6415af$export$c2c55ef9111cafd8(ref);
-  return /* @__PURE__ */ $d7FTw$react.createElement("kbd", __spreadProps(__spreadValues(__spreadValues({}, $65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps)), styleProps), {
+  return /* @__PURE__ */ $d7FTw$react.createElement("kbd", {
+    ...$65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps),
+    ...styleProps,
     dir: "ltr",
     ref: domRef
-  }), children);
+  }, children);
 }
 const $a42b6b1607b36926$export$16e4d70cc375e707 = /* @__PURE__ */ forwardRef($a42b6b1607b36926$var$Keyboard);
 function $parcel$export$2(e, n2, v, s) {
@@ -16402,9 +16462,10 @@ var $55f54f7887471b58$exports = {};
 $parcel$export$2($55f54f7887471b58$exports, "useToggleButton", () => $55f54f7887471b58$export$51e84d46ca0bc451);
 function $55f54f7887471b58$export$51e84d46ca0bc451(props, state, ref) {
   const { isSelected } = state;
-  const { isPressed, buttonProps } = $701a24aa0da5b062$export$ea18c227d4417cc3(__spreadProps(__spreadValues({}, props), {
+  const { isPressed, buttonProps } = $701a24aa0da5b062$export$ea18c227d4417cc3({
+    ...props,
     onPress: $ff5963eb1fccf552$export$e08e3b67e392101e(state.toggle, props.onPress)
-  }), ref);
+  }, ref);
   return {
     isPressed,
     buttonProps: $3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, {
@@ -16695,7 +16756,7 @@ let $b865a6f0049e2d66$var$VARIANT_MAPPING = {
 function $b865a6f0049e2d66$var$Button(props, ref) {
   props = $7167f8da3cce35e4$export$521c373ccc32c300(props);
   props = $59d09bcc83651bf9$export$1e5c9e6e4e15efe3(props, "button");
-  let _a2 = props, { elementType: ElementType = "button", children, variant, isQuiet, isDisabled, autoFocus } = _a2, otherProps = __objRest(_a2, ["elementType", "children", "variant", "isQuiet", "isDisabled", "autoFocus"]);
+  let { elementType: ElementType = "button", children, variant, isQuiet, isDisabled, autoFocus, ...otherProps } = props;
   let domRef = $98e5a8ae0e6415af$export$96a734597687c040(ref);
   let { buttonProps, isPressed } = $701a24aa0da5b062$export$ea18c227d4417cc3(props, domRef);
   let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
@@ -16708,7 +16769,9 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
   return /* @__PURE__ */ $d7FTw$react.createElement($907718708eab68af$export$1a38b4ad7f578e1d, {
     focusRingClass: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault($086e93d2352a4536$exports), "focus-ring"),
     autoFocus
-  }, /* @__PURE__ */ $d7FTw$react.createElement(ElementType, __spreadProps(__spreadValues(__spreadValues({}, styleProps), $3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, hoverProps)), {
+  }, /* @__PURE__ */ $d7FTw$react.createElement(ElementType, {
+    ...styleProps,
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, hoverProps),
     ref: domRef,
     className: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault($086e93d2352a4536$exports), "spectrum-Button", `spectrum-Button--${buttonVariant}`, {
       "spectrum-Button--quiet": isQuiet,
@@ -16716,7 +16779,7 @@ function $b865a6f0049e2d66$var$Button(props, ref) {
       "is-active": isPressed,
       "is-hovered": isHovered
     }, styleProps.className)
-  }), /* @__PURE__ */ $d7FTw$react.createElement($59d09bcc83651bf9$export$8107b24b91795686, {
+  }, /* @__PURE__ */ $d7FTw$react.createElement($59d09bcc83651bf9$export$8107b24b91795686, {
     slots: {
       icon: {
         size: "S",
@@ -16734,7 +16797,7 @@ $parcel$export($042ad0b3a4a55b33$exports, "ActionButton", () => $042ad0b3a4a55b3
 function $042ad0b3a4a55b33$var$ActionButton(props, ref) {
   props = $7167f8da3cce35e4$export$521c373ccc32c300(props);
   props = $59d09bcc83651bf9$export$1e5c9e6e4e15efe3(props, "actionButton");
-  let _a2 = props, { isQuiet, isDisabled, staticColor, children, autoFocus, holdAffordance } = _a2, otherProps = __objRest(_a2, ["isQuiet", "isDisabled", "staticColor", "children", "autoFocus", "holdAffordance"]);
+  let { isQuiet, isDisabled, staticColor, children, autoFocus, holdAffordance, ...otherProps } = props;
   let domRef = $98e5a8ae0e6415af$export$96a734597687c040(ref);
   let { buttonProps, isPressed } = $701a24aa0da5b062$export$ea18c227d4417cc3(props, domRef);
   let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
@@ -16745,7 +16808,9 @@ function $042ad0b3a4a55b33$var$ActionButton(props, ref) {
   return /* @__PURE__ */ $d7FTw$react.createElement($907718708eab68af$export$1a38b4ad7f578e1d, {
     focusRingClass: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault($086e93d2352a4536$exports), "focus-ring"),
     autoFocus
-  }, /* @__PURE__ */ $d7FTw$react.createElement("button", __spreadProps(__spreadValues(__spreadValues({}, styleProps), $3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, hoverProps)), {
+  }, /* @__PURE__ */ $d7FTw$react.createElement("button", {
+    ...styleProps,
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, hoverProps),
     ref: domRef,
     className: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault($086e93d2352a4536$exports), "spectrum-ActionButton", {
       "spectrum-ActionButton--quiet": isQuiet,
@@ -16756,7 +16821,7 @@ function $042ad0b3a4a55b33$var$ActionButton(props, ref) {
       "is-disabled": isDisabled,
       "is-hovered": isHovered
     }, styleProps.className)
-  }), holdAffordance && /* @__PURE__ */ $d7FTw$react.createElement(_default$1, {
+  }, holdAffordance && /* @__PURE__ */ $d7FTw$react.createElement(_default$1, {
     UNSAFE_className: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault($086e93d2352a4536$exports), "spectrum-ActionButton-hold")
   }), /* @__PURE__ */ $d7FTw$react.createElement($59d09bcc83651bf9$export$8107b24b91795686, {
     slots: {
@@ -16775,7 +16840,7 @@ var $b43bd559b476d0c4$exports = {};
 $parcel$export($b43bd559b476d0c4$exports, "FieldButton", () => $b43bd559b476d0c4$export$47dc48f595b075da);
 function $b43bd559b476d0c4$var$FieldButton(props, ref) {
   props = $59d09bcc83651bf9$export$1e5c9e6e4e15efe3(props, "button");
-  let _a2 = props, { isQuiet, isDisabled, validationState, children, autoFocus, isActive, focusRingClass } = _a2, otherProps = __objRest(_a2, ["isQuiet", "isDisabled", "validationState", "children", "autoFocus", "isActive", "focusRingClass"]);
+  let { isQuiet, isDisabled, validationState, children, autoFocus, isActive, focusRingClass, ...otherProps } = props;
   let domRef = $98e5a8ae0e6415af$export$96a734597687c040(ref);
   let { buttonProps, isPressed } = $701a24aa0da5b062$export$ea18c227d4417cc3(props, domRef);
   let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
@@ -16785,7 +16850,8 @@ function $b43bd559b476d0c4$var$FieldButton(props, ref) {
   return /* @__PURE__ */ $d7FTw$react.createElement($907718708eab68af$export$1a38b4ad7f578e1d, {
     focusRingClass: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault($086e93d2352a4536$exports), "focus-ring", focusRingClass),
     autoFocus
-  }, /* @__PURE__ */ $d7FTw$react.createElement("button", __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, hoverProps)), {
+  }, /* @__PURE__ */ $d7FTw$react.createElement("button", {
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, hoverProps),
     ref: domRef,
     className: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault($086e93d2352a4536$exports), "spectrum-FieldButton", {
       "spectrum-FieldButton--quiet": isQuiet,
@@ -16794,7 +16860,7 @@ function $b43bd559b476d0c4$var$FieldButton(props, ref) {
       "spectrum-FieldButton--invalid": validationState === "invalid",
       "is-hovered": isHovered
     }, styleProps.className)
-  }), /* @__PURE__ */ $d7FTw$react.createElement($59d09bcc83651bf9$export$8107b24b91795686, {
+  }, /* @__PURE__ */ $d7FTw$react.createElement($59d09bcc83651bf9$export$8107b24b91795686, {
     slots: {
       icon: {
         size: "S",
@@ -16808,7 +16874,7 @@ var $45108e3c482ee88b$exports = {};
 $parcel$export($45108e3c482ee88b$exports, "LogicButton", () => $45108e3c482ee88b$export$9b0b80fed00ba8b1);
 function $45108e3c482ee88b$var$LogicButton(props, ref) {
   props = $7167f8da3cce35e4$export$521c373ccc32c300(props);
-  let _a2 = props, { variant, children, isDisabled, autoFocus } = _a2, otherProps = __objRest(_a2, ["variant", "children", "isDisabled", "autoFocus"]);
+  let { variant, children, isDisabled, autoFocus, ...otherProps } = props;
   let domRef = $98e5a8ae0e6415af$export$96a734597687c040(ref);
   let { buttonProps, isPressed } = $701a24aa0da5b062$export$ea18c227d4417cc3(props, domRef);
   let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
@@ -16818,7 +16884,9 @@ function $45108e3c482ee88b$var$LogicButton(props, ref) {
   return /* @__PURE__ */ $d7FTw$react.createElement($907718708eab68af$export$1a38b4ad7f578e1d, {
     focusRingClass: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault($086e93d2352a4536$exports), "focus-ring"),
     autoFocus
-  }, /* @__PURE__ */ $d7FTw$react.createElement("button", __spreadProps(__spreadValues(__spreadValues({}, styleProps), $3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, hoverProps)), {
+  }, /* @__PURE__ */ $d7FTw$react.createElement("button", {
+    ...styleProps,
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, hoverProps),
     ref: domRef,
     className: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault($086e93d2352a4536$exports), "spectrum-LogicButton", {
       [`spectrum-LogicButton--${variant}`]: variant,
@@ -16826,7 +16894,7 @@ function $45108e3c482ee88b$var$LogicButton(props, ref) {
       "is-active": isPressed,
       "is-hovered": isHovered
     }, styleProps.className)
-  }), /* @__PURE__ */ $d7FTw$react.createElement("span", {
+  }, /* @__PURE__ */ $d7FTw$react.createElement("span", {
     className: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault($086e93d2352a4536$exports), "spectrum-Button-label")
   }, children)));
 }
@@ -16834,13 +16902,14 @@ let $45108e3c482ee88b$export$9b0b80fed00ba8b1 = /* @__PURE__ */ $d7FTw$react.for
 var $dd24e555a16de2ae$exports = {};
 $parcel$export($dd24e555a16de2ae$exports, "ClearButton", () => $dd24e555a16de2ae$export$13ec83e50bf04290);
 function $dd24e555a16de2ae$var$ClearButton(props, ref) {
-  let _a2 = props, { children = /* @__PURE__ */ $d7FTw$react.createElement(_default, {
+  let { children = /* @__PURE__ */ $d7FTw$react.createElement(_default, {
     UNSAFE_className: (/* @__PURE__ */ $parcel$interopDefault($086e93d2352a4536$exports))["spectrum-Icon"]
-  }), focusClassName, variant, autoFocus, isDisabled, preventFocus, elementType = preventFocus ? "div" : "button" } = _a2, otherProps = __objRest(_a2, ["children", "focusClassName", "variant", "autoFocus", "isDisabled", "preventFocus", "elementType"]);
+  }), focusClassName, variant, autoFocus, isDisabled, preventFocus, elementType = preventFocus ? "div" : "button", ...otherProps } = props;
   let domRef = $98e5a8ae0e6415af$export$96a734597687c040(ref);
-  let { buttonProps, isPressed } = $701a24aa0da5b062$export$ea18c227d4417cc3(__spreadProps(__spreadValues({}, props), {
+  let { buttonProps, isPressed } = $701a24aa0da5b062$export$ea18c227d4417cc3({
+    ...props,
     elementType
-  }), domRef);
+  }, domRef);
   let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
     isDisabled
   });
@@ -16851,7 +16920,9 @@ function $dd24e555a16de2ae$var$ClearButton(props, ref) {
   return /* @__PURE__ */ $d7FTw$react.createElement($907718708eab68af$export$1a38b4ad7f578e1d, {
     focusRingClass: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault($086e93d2352a4536$exports), "focus-ring", focusClassName),
     autoFocus
-  }, /* @__PURE__ */ $d7FTw$react.createElement(ElementType, __spreadProps(__spreadValues(__spreadValues({}, styleProps), $3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, hoverProps)), {
+  }, /* @__PURE__ */ $d7FTw$react.createElement(ElementType, {
+    ...styleProps,
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, hoverProps),
     ref: domRef,
     className: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault($086e93d2352a4536$exports), "spectrum-ClearButton", {
       [`spectrum-ClearButton--${variant}`]: variant,
@@ -16859,14 +16930,14 @@ function $dd24e555a16de2ae$var$ClearButton(props, ref) {
       "is-active": isPressed,
       "is-hovered": isHovered
     }, styleProps.className)
-  }), children));
+  }, children));
 }
 let $dd24e555a16de2ae$export$13ec83e50bf04290 = /* @__PURE__ */ $d7FTw$react.forwardRef($dd24e555a16de2ae$var$ClearButton);
 var $3979c7c23b0bd270$exports = {};
 $parcel$export($3979c7c23b0bd270$exports, "ToggleButton", () => $3979c7c23b0bd270$export$d2b052e7b4be1756);
 function $3979c7c23b0bd270$var$ToggleButton(props, ref) {
   props = $7167f8da3cce35e4$export$521c373ccc32c300(props);
-  let _a2 = props, { isQuiet, isDisabled, isEmphasized, staticColor, children, autoFocus } = _a2, otherProps = __objRest(_a2, ["isQuiet", "isDisabled", "isEmphasized", "staticColor", "children", "autoFocus"]);
+  let { isQuiet, isDisabled, isEmphasized, staticColor, children, autoFocus, ...otherProps } = props;
   let domRef = $98e5a8ae0e6415af$export$96a734597687c040(ref);
   let state = $3017fa7ffdddec74$export$8042c6c013fd5226(props);
   let { buttonProps, isPressed } = $55f54f7887471b58$export$51e84d46ca0bc451(props, state, domRef);
@@ -16878,7 +16949,9 @@ function $3979c7c23b0bd270$var$ToggleButton(props, ref) {
   return /* @__PURE__ */ $d7FTw$react.createElement($907718708eab68af$export$1a38b4ad7f578e1d, {
     focusRingClass: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault($086e93d2352a4536$exports), "focus-ring"),
     autoFocus
-  }, /* @__PURE__ */ $d7FTw$react.createElement("button", __spreadProps(__spreadValues(__spreadValues({}, styleProps), $3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, hoverProps)), {
+  }, /* @__PURE__ */ $d7FTw$react.createElement("button", {
+    ...styleProps,
+    ...$3ef42575df84b30b$export$9d1611c77c2fe928(buttonProps, hoverProps),
     ref: domRef,
     className: $fd933927dbac1f15$export$ce4ab0c55987d1ff(/* @__PURE__ */ $parcel$interopDefault($086e93d2352a4536$exports), "spectrum-ActionButton", {
       "spectrum-ActionButton--quiet": isQuiet,
@@ -16891,7 +16964,7 @@ function $3979c7c23b0bd270$var$ToggleButton(props, ref) {
       "is-hovered": isHovered,
       "is-selected": state.isSelected
     }, styleProps.className)
-  }), /* @__PURE__ */ $d7FTw$react.createElement($59d09bcc83651bf9$export$8107b24b91795686, {
+  }, /* @__PURE__ */ $d7FTw$react.createElement($59d09bcc83651bf9$export$8107b24b91795686, {
     slots: {
       icon: {
         size: "S",
@@ -17500,16 +17573,16 @@ const AudioPlayer = ({
     children: [/* @__PURE__ */ jsx(Audio, {}), /* @__PURE__ */ jsx(Interface, {})]
   });
 };
-const AudioPlayerWithProvider = (_g) => {
-  var _h = _g, {
-    rootContainerProps
-  } = _h, audioPlayProps = __objRest(_h, [
-    "rootContainerProps"
-  ]);
+const AudioPlayerWithProvider = ({
+  rootContainerProps,
+  ...audioPlayProps
+}) => {
   return /* @__PURE__ */ jsx(AudioPlayerProvider, {
     children: /* @__PURE__ */ jsxs(SpectrumProvider, {
       rootContainerProps,
-      children: [/* @__PURE__ */ jsx(GlobalStyle, {}), /* @__PURE__ */ jsx(AudioPlayer, __spreadValues({}, audioPlayProps))]
+      children: [/* @__PURE__ */ jsx(GlobalStyle, {}), /* @__PURE__ */ jsx(AudioPlayer, {
+        ...audioPlayProps
+      })]
     })
   });
 };