@janiscommerce/ui-web 1.5.0-beta.3 → 1.5.0-beta.4

package/dist/index.esm.js

@@ -181,6 +181,61 @@ function _isNativeReflectConstruct() {
   }
 }
 
+function _construct(Parent, args, Class) {
+  if (_isNativeReflectConstruct()) {
+    _construct = Reflect.construct;
+  } else {
+    _construct = function _construct(Parent, args, Class) {
+      var a = [null];
+      a.push.apply(a, args);
+      var Constructor = Function.bind.apply(Parent, a);
+      var instance = new Constructor();
+      if (Class) _setPrototypeOf(instance, Class.prototype);
+      return instance;
+    };
+  }
+
+  return _construct.apply(null, arguments);
+}
+
+function _isNativeFunction(fn) {
+  return Function.toString.call(fn).indexOf("[native code]") !== -1;
+}
+
+function _wrapNativeSuper(Class) {
+  var _cache = typeof Map === "function" ? new Map() : undefined;
+
+  _wrapNativeSuper = function _wrapNativeSuper(Class) {
+    if (Class === null || !_isNativeFunction(Class)) return Class;
+
+    if (typeof Class !== "function") {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    if (typeof _cache !== "undefined") {
+      if (_cache.has(Class)) return _cache.get(Class);
+
+      _cache.set(Class, Wrapper);
+    }
+
+    function Wrapper() {
+      return _construct(Class, arguments, _getPrototypeOf(this).constructor);
+    }
+
+    Wrapper.prototype = Object.create(Class.prototype, {
+      constructor: {
+        value: Wrapper,
+        enumerable: false,
+        writable: true,
+        configurable: true
+      }
+    });
+    return _setPrototypeOf(Wrapper, Class);
+  };
+
+  return _wrapNativeSuper(Class);
+}
+
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -6983,7 +7038,7 @@ if (DESCRIPTORS$1 && !FUNCTION_NAME_EXISTS) {
   });
 }
 
-var _excluded$a = ["color", "name", "size", "styles", "pathStyles", "width", "height", "viewBox"];
+var _excluded$b = ["color", "name", "size", "styles", "pathStyles", "width", "height", "viewBox"];
 
 var Icon = function Icon(_ref) {
   var color = _ref.color,
@@ -6994,7 +7049,7 @@ var Icon = function Icon(_ref) {
       width = _ref.width,
       height = _ref.height,
       viewBox = _ref.viewBox,
-      props = _objectWithoutProperties(_ref, _excluded$a);
+      props = _objectWithoutProperties(_ref, _excluded$b);
 
   if (!icons[name]) return null;
   var _icons$name = icons[name],
@@ -7080,7 +7135,7 @@ var styled$g = {
   })(["text-overflow:ellipsis;overflow:hidden;"])
 };
 
-var _excluded$9 = ["backgroundColor", "borderColor", "children", "disabled", "icon", "iconColor", "iconSize", "onClick", "onDelete", "selected", "textColor", "variant", "hasLink"];
+var _excluded$a = ["backgroundColor", "borderColor", "children", "disabled", "icon", "iconColor", "iconSize", "onClick", "onDelete", "selected", "textColor", "variant", "hasLink"];
 
 var Chip = function Chip(_ref) {
   var backgroundColor = _ref.backgroundColor,
@@ -7096,7 +7151,7 @@ var Chip = function Chip(_ref) {
       textColor = _ref.textColor,
       variant = _ref.variant,
       hasLink = _ref.hasLink,
-      props = _objectWithoutProperties(_ref, _excluded$9);
+      props = _objectWithoutProperties(_ref, _excluded$a);
 
   if (!children && !icon) return null;
   return /*#__PURE__*/React__default.createElement(styled$g.Chip, _extends$1({
@@ -7399,7 +7454,7 @@ var styled$e = {
   })
 };
 
-var _excluded$8 = ["children", "color", "hideLabel", "icon", "iconColor", "iconSize", "fontColor", "rounded", "styles", "variant", "disabled"];
+var _excluded$9 = ["children", "color", "hideLabel", "icon", "iconColor", "iconSize", "fontColor", "rounded", "styles", "variant", "disabled"];
 
 var Button = function Button(_ref) {
   var children = _ref.children,
@@ -7413,7 +7468,7 @@ var Button = function Button(_ref) {
       styles = _ref.styles,
       variant = _ref.variant,
       disabled = _ref.disabled,
-      props = _objectWithoutProperties(_ref, _excluded$8);
+      props = _objectWithoutProperties(_ref, _excluded$9);
 
   return /*#__PURE__*/React__default.createElement(styled$e.Button, _extends$1({
     color: color,
@@ -7462,7 +7517,7 @@ var styled$d = {
   })
 };
 
-var _excluded$7 = ["autoComplete", "disabled", "defaultChecked", "onChange", "rounded", "styles", "value"];
+var _excluded$8 = ["autoComplete", "disabled", "defaultChecked", "onChange", "rounded", "styles", "value"];
 
 var Checkbox = function Checkbox(_ref) {
   var autoComplete = _ref.autoComplete,
@@ -7472,7 +7527,7 @@ var Checkbox = function Checkbox(_ref) {
       rounded = _ref.rounded,
       styles = _ref.styles,
       value = _ref.value,
-      props = _objectWithoutProperties(_ref, _excluded$7);
+      props = _objectWithoutProperties(_ref, _excluded$8);
 
   var _useState = useState(!!value || defaultChecked),
       _useState2 = _slicedToArray(_useState, 2),
@@ -7588,7 +7643,7 @@ var styled$b = {
   iconCheckStyles: iconCheckStyles
 };
 
-var _excluded$6 = ["autoComplete", "defaultChecked", "disabled", "id", "name", "onChange", "value"];
+var _excluded$7 = ["autoComplete", "defaultChecked", "disabled", "id", "name", "onChange", "value"];
 
 var Switch = function Switch(_ref) {
   var autoComplete = _ref.autoComplete,
@@ -7598,7 +7653,7 @@ var Switch = function Switch(_ref) {
       name = _ref.name,
       onChange = _ref.onChange,
       value = _ref.value,
-      props = _objectWithoutProperties(_ref, _excluded$6);
+      props = _objectWithoutProperties(_ref, _excluded$7);
 
   var _useState = useState(!!value || defaultChecked),
       _useState2 = _slicedToArray(_useState, 2),
@@ -7770,7 +7825,7 @@ var styled$a = {
   })(["position:absolute;flex-shrink:0;flex-grow:0;margin-right:8px;height:100%;"])
 };
 
-var _excluded$5 = ["icon", "error", "disabled", "placeholder", "errorMessage", "autoComplete", "hasFloatingLabel", "value", "isTranslateActive", "defaultValue"];
+var _excluded$6 = ["icon", "error", "disabled", "placeholder", "errorMessage", "autoComplete", "hasFloatingLabel", "value", "isTranslateActive", "defaultValue"];
 
 var Input = /*#__PURE__*/function (_PureComponent) {
   _inherits$2(Input, _PureComponent);
@@ -7866,7 +7921,7 @@ var Input = /*#__PURE__*/function (_PureComponent) {
           value = _this$props$value === void 0 ? stateValue : _this$props$value,
           isTranslateActive = _this$props.isTranslateActive;
           _this$props.defaultValue;
-          var props = _objectWithoutProperties(_this$props, _excluded$5);
+          var props = _objectWithoutProperties(_this$props, _excluded$6);
 
       var autoCompleteOff = props.type === 'password' ? 'new-password' : 'off';
       var isFloating = isFocused || !!value.toString();
@@ -7979,7 +8034,7 @@ var styled$9 = {
   })(["color:", ";font-size:12px;line-height:14px;display:block;word-break:break-word;"], palette.statusRed)
 };
 
-var _excluded$4 = ["label", "error", "disabled", "placeholder", "autoComplete", "errorMessage", "hasFloatingLabel", "isTranslateActive", "value", "defaultValue"];
+var _excluded$5 = ["label", "error", "disabled", "placeholder", "autoComplete", "errorMessage", "hasFloatingLabel", "isTranslateActive", "value", "defaultValue"];
 
 var Textarea = /*#__PURE__*/function (_PureComponent) {
   _inherits$2(Textarea, _PureComponent);
@@ -8081,7 +8136,7 @@ var Textarea = /*#__PURE__*/function (_PureComponent) {
           _this$props$value = _this$props.value,
           value = _this$props$value === void 0 ? stateValue : _this$props$value;
           _this$props.defaultValue;
-          var props = _objectWithoutProperties(_this$props, _excluded$4);
+          var props = _objectWithoutProperties(_this$props, _excluded$5);
 
       var isFloating = isFocused || !!value;
       return /*#__PURE__*/React__default.createElement(styled$9.Container, {
@@ -9578,14 +9633,14 @@ var styled$5 = {
   })(["margin-right:8px;"])
 };
 
-var _excluded$3 = ["href", "children", "target", "icon"];
+var _excluded$4 = ["href", "children", "target", "icon"];
 
 var Link = function Link(_ref) {
   var href = _ref.href,
       children = _ref.children,
       target = _ref.target,
       icon = _ref.icon,
-      props = _objectWithoutProperties(_ref, _excluded$3);
+      props = _objectWithoutProperties(_ref, _excluded$4);
 
   var renderIcon = function renderIcon() {
     return icon ? /*#__PURE__*/React__default.createElement(styled$5.StyledIcon, {
@@ -9709,7 +9764,7 @@ var styled$4 = {
   Overlay: Overlay
 };
 
-var _excluded$2 = ["open", "position", "handleClose", "transitionDuration", "fullScreen", "closeOnClickAway", "children"];
+var _excluded$3 = ["open", "position", "handleClose", "transitionDuration", "fullScreen", "closeOnClickAway", "children"];
 
 var Drawer = function Drawer(_ref) {
   var open = _ref.open,
@@ -9719,7 +9774,7 @@ var Drawer = function Drawer(_ref) {
       fullScreen = _ref.fullScreen,
       closeOnClickAway = _ref.closeOnClickAway,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$2);
+      props = _objectWithoutProperties(_ref, _excluded$3);
 
   var drawerRef = useRef(null);
   return /*#__PURE__*/React__default.createElement(ClickAwayListener, {
@@ -15860,10 +15915,10 @@ var markerHasEqualPosition = function markerHasEqualPosition() {
   return hasEqualLat && hasEqualLng;
 };
 var isValidAnimation = function isValidAnimation() {
-  var _window$google, _window$google$maps;
+  var _window$google;
 
   var animation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var validAnimations = (_window$google = window.google) === null || _window$google === void 0 ? void 0 : (_window$google$maps = _window$google.maps) === null || _window$google$maps === void 0 ? void 0 : _window$google$maps.Animation;
+  var validAnimations = (_window$google = window.google) === null || _window$google === void 0 || (_window$google = _window$google.maps) === null || _window$google === void 0 ? void 0 : _window$google.Animation;
   if (!animation || !isObject$2(animation)) return false;
   return (animation === null || animation === void 0 ? void 0 : animation.name) && validAnimations && validAnimations[animation === null || animation === void 0 ? void 0 : animation.name] !== undefined;
 };
@@ -16094,7 +16149,7 @@ var Markers = function Markers(_ref) {
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, markers.map(function (marker, idx) {
     var _marker$position, _marker$position2;
 
-    var uniqueId = "".concat(marker === null || marker === void 0 ? void 0 : (_marker$position = marker.position) === null || _marker$position === void 0 ? void 0 : _marker$position.lat, "-").concat(marker === null || marker === void 0 ? void 0 : (_marker$position2 = marker.position) === null || _marker$position2 === void 0 ? void 0 : _marker$position2.lng, "/").concat(idx.toString());
+    var uniqueId = "".concat(marker === null || marker === void 0 || (_marker$position = marker.position) === null || _marker$position === void 0 ? void 0 : _marker$position.lat, "-").concat(marker === null || marker === void 0 || (_marker$position2 = marker.position) === null || _marker$position2 === void 0 ? void 0 : _marker$position2.lng, "/").concat(idx.toString());
     return /*#__PURE__*/React__default.createElement(Marker$1, {
       markerData: _objectSpread2(_objectSpread2({}, marker), {}, {
         infoWindowOpen: (marker === null || marker === void 0 ? void 0 : marker.showInfoWindow) || activeMarkerId === uniqueId
@@ -35347,7 +35402,7 @@ var styled$2 = {
   })(["z-index:0;position:relative;right:0px;top:0px;background:", ";margin:10px;padding:4px 8px 6px;border-radius:2px;width:auto;box-shadow:rgba(0,0,0,0.3) 0px 1px 4px -1px;"], palette.white)
 };
 
-var _excluded$1 = ["formattedAddress"];
+var _excluded$2 = ["formattedAddress"];
 
 var SearchBox = function SearchBox(_ref) {
   var updateMarker = _ref.updateMarker;
@@ -35368,7 +35423,7 @@ var SearchBox = function SearchBox(_ref) {
 
             case 4:
               addressData = _context.sent;
-              formattedAddress = addressData.formattedAddress, addressComponents = _objectWithoutProperties(addressData, _excluded$1);
+              formattedAddress = addressData.formattedAddress, addressComponents = _objectWithoutProperties(addressData, _excluded$2);
               if (updateMarker) updateMarker({
                 lat: newLat(),
                 lng: newLng(),
@@ -35402,7 +35457,7 @@ var SearchBox = function SearchBox(_ref) {
   })));
 };
 
-var _excluded = ["googleMapsApiKey", "width", "height", "center", "zoom", "markers", "markerOptions", "options", "callbackOnSuccessDirections", "callbackOnErrorDirections"];
+var _excluded$1 = ["googleMapsApiKey", "width", "height", "center", "zoom", "markers", "markerOptions", "options", "callbackOnSuccessDirections", "callbackOnErrorDirections"];
 var Map$1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _mapRef$current;
 
@@ -35425,7 +35480,7 @@ var Map$1 = /*#__PURE__*/forwardRef(function (_ref, ref) {
       callbackOnSuccessDirections = _ref$callbackOnSucces === void 0 ? function () {} : _ref$callbackOnSucces,
       _ref$callbackOnErrorD = _ref.callbackOnErrorDirections,
       callbackOnErrorDirections = _ref$callbackOnErrorD === void 0 ? function () {} : _ref$callbackOnErrorD,
-      props = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutProperties(_ref, _excluded$1);
 
   var _useJsApiLoader = useJsApiLoader({
     googleMapsApiKey: googleMapsApiKey,
@@ -35680,131 +35735,185 @@ var ProgressBar = function ProgressBar(_ref) {
   }));
 };
 
+var isProduction = "production" === 'production';
 function warning(condition, message) {
+  if (!isProduction) {
+    if (condition) {
+      return;
+    }
+
+    var text = "Warning: " + message;
+
+    if (typeof console !== 'undefined') {
+      console.warn(text);
+    }
+
+    try {
+      throw Error(text);
+    } catch (x) {}
+  }
 }
 
-/**
-  * react-collapsed v4.2.0
-  *
-  * Copyright (c) 2019-2024, Rogin Farrer
-  *
-  * This source code is licensed under the MIT license found in the
-  * LICENSE.md file in the root directory of this source tree.
-  *
-  * @license MIT
-  */
-var CollapseError = class extends Error {
-  constructor(message) {
-    super(`react-collapsed: ${message}`);
+var _excluded = ["duration", "easing", "onTransitionStateChange", "isExpanded", "defaultExpanded", "hasDisabledAnimation", "id"],
+    _excluded2 = ["disabled", "onClick", "refKey"];
+
+var CollapseError = /*#__PURE__*/function (_Error) {
+  _inherits$2(CollapseError, _Error);
+
+  var _super = _createSuper(CollapseError);
+
+  function CollapseError(message) {
+    _classCallCheck$2(this, CollapseError);
+
+    return _super.call(this, "react-collapsed: ".concat(message));
   }
-};
-var collapseWarning = (...args) => {
-  return warning(args[0], `[react-collapsed] -- ${args[1]}`);
-};
+
+  return _createClass$2(CollapseError);
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+
+var collapseWarning = function collapseWarning() {
+  return warning(arguments.length <= 0 ? undefined : arguments[0], "[react-collapsed] -- ".concat(arguments.length <= 1 ? undefined : arguments[1]));
+}; // src/utils/useEvent.ts
+
 function useEvent(callback) {
-  const ref = useRef(callback);
-  useEffect(() => {
+  var ref = useRef(callback);
+  useEffect(function () {
     ref.current = callback;
   });
-  return useCallback((...args) => ref.current?.(...args), []);
-}
+  return useCallback(function () {
+    var _ref$current;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.call.apply(_ref$current, [ref].concat(args));
+  }, []);
+} // src/utils/useControlledState.ts
+
 function useControlledState(value, defaultValue, callback) {
-  const [state, setState] = useState(defaultValue);
-  const initiallyControlled = useRef(typeof value !== "undefined");
-  const effectiveValue = initiallyControlled.current ? value : state;
-  const cb = useEvent(callback);
-  const onChange = useCallback(
-    (update) => {
-      const setter = update;
-      const newValue = typeof update === "function" ? setter(effectiveValue) : update;
-      if (!initiallyControlled.current) {
-        setState(newValue);
-      }
-      cb?.(newValue);
-    },
-    [cb, effectiveValue]
-  );
-  useEffect(() => {
-    collapseWarning(
-      !(initiallyControlled.current && value == null),
-      "`isExpanded` state is changing from controlled to uncontrolled. useCollapse should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled collapse for the lifetime of the component. Check the `isExpanded` prop."
-    );
-    collapseWarning(
-      !(!initiallyControlled.current && value != null),
-      "`isExpanded` state is changing from uncontrolled to controlled. useCollapse should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled collapse for the lifetime of the component. Check the `isExpanded` prop."
-    );
+  var _useState = useState(defaultValue),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var initiallyControlled = useRef(typeof value !== "undefined");
+  var effectiveValue = initiallyControlled.current ? value : state;
+  var cb = useEvent(callback);
+  var onChange = useCallback(function (update) {
+    var setter = update;
+    var newValue = typeof update === "function" ? setter(effectiveValue) : update;
+
+    if (!initiallyControlled.current) {
+      setState(newValue);
+    }
+
+    cb === null || cb === void 0 || cb(newValue);
+  }, [cb, effectiveValue]);
+  useEffect(function () {
+    collapseWarning(!(initiallyControlled.current && value == null), "`isExpanded` state is changing from controlled to uncontrolled. useCollapse should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled collapse for the lifetime of the component. Check the `isExpanded` prop.");
+    collapseWarning(!(!initiallyControlled.current && value != null), "`isExpanded` state is changing from uncontrolled to controlled. useCollapse should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled collapse for the lifetime of the component. Check the `isExpanded` prop.");
   }, [value]);
   return [effectiveValue, onChange];
-}
+} // src/utils/usePrefersReducedMotion.ts
 var QUERY = "(prefers-reduced-motion: reduce)";
+
 function usePrefersReducedMotion() {
-  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
-  useEffect(() => {
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      prefersReducedMotion = _useState4[0],
+      setPrefersReducedMotion = _useState4[1];
+
+  useEffect(function () {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
       return;
     }
-    const mediaQueryList = window.matchMedia(QUERY);
+
+    var mediaQueryList = window.matchMedia(QUERY);
     setPrefersReducedMotion(mediaQueryList.matches);
-    const listener = (event) => {
+
+    var listener = function listener(event) {
       setPrefersReducedMotion(event.matches);
     };
+
     if (mediaQueryList.addEventListener) {
       mediaQueryList.addEventListener("change", listener);
-      return () => {
+      return function () {
         mediaQueryList.removeEventListener("change", listener);
       };
     } else if (mediaQueryList.addListener) {
       mediaQueryList.addListener(listener);
-      return () => {
+      return function () {
         mediaQueryList.removeListener(listener);
       };
     }
+
     return void 0;
   }, []);
   return prefersReducedMotion;
-}
-var __useId = React["useId".toString()] || (() => void 0);
+} // src/utils/useId.ts
+
+var __useId = React["useId".toString()] || function () {
+  return void 0;
+};
+
 function useReactId() {
-  const id2 = __useId();
-  return id2 ?? "";
+  var id2 = __useId();
+
+  return id2 !== null && id2 !== void 0 ? id2 : "";
 }
+
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
 var serverHandoffComplete = false;
 var id = 0;
-var genId = () => ++id;
+
+var genId = function genId() {
+  return ++id;
+};
+
 function useUniqueId(idFromProps) {
-  const initialId = idFromProps || (serverHandoffComplete ? genId() : null);
-  const [id2, setId] = React.useState(initialId);
-  useIsomorphicLayoutEffect(() => {
+  var initialId = idFromProps || (serverHandoffComplete ? genId() : null);
+
+  var _React$useState = React.useState(initialId),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      id2 = _React$useState2[0],
+      setId = _React$useState2[1];
+
+  useIsomorphicLayoutEffect(function () {
     if (id2 === null) {
       setId(genId());
     }
   }, []);
-  React.useEffect(() => {
+  React.useEffect(function () {
     if (serverHandoffComplete === false) {
       serverHandoffComplete = true;
     }
   }, []);
   return id2 != null ? String(id2) : void 0;
 }
+
 function useId(idOverride) {
-  const reactId = useReactId();
-  const uniqueId = useUniqueId(idOverride);
+  var reactId = useReactId();
+  var uniqueId = useUniqueId(idOverride);
+
   if (typeof idOverride === "string") {
     return idOverride;
   }
+
   if (typeof reactId === "string") {
     return reactId;
   }
+
   return uniqueId;
-}
+} // src/utils/setAnimationTimeout.ts
+
 
-// src/utils/setAnimationTimeout.ts
 function setAnimationTimeout(callback, timeout) {
-  const startTime = performance.now();
-  const frame = {};
+  var startTime = performance.now();
+  var frame = {};
+
   function call() {
-    frame.id = requestAnimationFrame((now) => {
+    frame.id = requestAnimationFrame(function (now) {
       if (now - startTime > timeout) {
         callback();
       } else {
@@ -35812,121 +35921,142 @@ function setAnimationTimeout(callback, timeout) {
       }
     });
   }
+
   call();
   return frame;
 }
+
 function clearAnimationTimeout(frame) {
-  if (frame.id)
-    cancelAnimationFrame(frame.id);
-}
+  if (frame.id) cancelAnimationFrame(frame.id);
+} // src/utils/index.ts
 
-// src/utils/index.ts
-function getElementHeight(el) {
-  if (!el?.current) {
-    collapseWarning(
-      true,
-      `Was not able to find a ref to the collapse element via \`getCollapseProps\`. Ensure that the element exposes its \`ref\` prop. If it exposes the ref prop under a different name (like \`innerRef\`), use the \`refKey\` property to change it. Example:
 
-const collapseProps = getCollapseProps({refKey: 'innerRef'})`
-    );
+function getElementHeight(el) {
+  if (!(el !== null && el !== void 0 && el.current)) {
+    collapseWarning(true, "Was not able to find a ref to the collapse element via `getCollapseProps`. Ensure that the element exposes its `ref` prop. If it exposes the ref prop under a different name (like `innerRef`), use the `refKey` property to change it. Example:\n\nconst collapseProps = getCollapseProps({refKey: 'innerRef'})");
     return 0;
   }
+
   return el.current.scrollHeight;
 }
+
 function getAutoHeightDuration(height) {
   if (!height || typeof height === "string") {
     return 0;
   }
-  const constant = height / 36;
-  return Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10);
+
+  var constant = height / 36;
+  return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
 }
+
 function assignRef(ref, value) {
-  if (ref == null)
-    return;
+  if (ref == null) return;
+
   if (typeof ref === "function") {
     ref(value);
   } else {
     try {
       ref.current = value;
     } catch (error) {
-      throw new CollapseError(`Cannot assign value "${value}" to ref "${ref}"`);
+      throw new CollapseError("Cannot assign value \"".concat(value, "\" to ref \"").concat(ref, "\""));
     }
   }
 }
-function mergeRefs(...refs) {
-  if (refs.every((ref) => ref == null)) {
+
+function mergeRefs() {
+  for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    refs[_key2] = arguments[_key2];
+  }
+
+  if (refs.every(function (ref) {
+    return ref == null;
+  })) {
     return null;
   }
-  return (node) => {
-    refs.forEach((ref) => {
+
+  return function (node) {
+    refs.forEach(function (ref) {
       assignRef(ref, node);
     });
   };
 }
+
 function usePaddingWarning(element) {
-  let warn = (el) => {
-  };
+  var warn = function warn(el) {};
+
   {
-    warn = (el) => {
-      if (!el?.current) {
+    warn = function warn(el) {
+      if (!(el !== null && el !== void 0 && el.current)) {
         return;
       }
-      const { paddingTop, paddingBottom } = window.getComputedStyle(el.current);
-      const hasPadding = paddingTop && paddingTop !== "0px" || paddingBottom && paddingBottom !== "0px";
-      collapseWarning(
-        !hasPadding,
-        `Padding applied to the collapse element will cause the animation to break and not perform as expected. To fix, apply equivalent padding to the direct descendent of the collapse element. Example:
 
-Before:   <div {...getCollapseProps({style: {padding: 10}})}>{children}</div>
+      var _window$getComputedSt = window.getComputedStyle(el.current),
+          paddingTop = _window$getComputedSt.paddingTop,
+          paddingBottom = _window$getComputedSt.paddingBottom;
 
-After:   <div {...getCollapseProps()}>
-             <div style={{padding: 10}}>
-                 {children}
-             </div>
-          </div>`
-      );
+      var hasPadding = paddingTop && paddingTop !== "0px" || paddingBottom && paddingBottom !== "0px";
+      collapseWarning(!hasPadding, "Padding applied to the collapse element will cause the animation to break and not perform as expected. To fix, apply equivalent padding to the direct descendent of the collapse element. Example:\n\nBefore:   <div {...getCollapseProps({style: {padding: 10}})}>{children}</div>\n\nAfter:   <div {...getCollapseProps()}>\n             <div style={{padding: 10}}>\n                 {children}\n             </div>\n          </div>");
     };
   }
-  useEffect(() => {
+
+  useEffect(function () {
     warn(element);
   }, [element]);
-}
+} // src/index.ts
+
 
-// src/index.ts
 var useLayoutEffect2 = typeof window === "undefined" ? useEffect : useLayoutEffect;
-function useCollapse({
-  duration,
-  easing = "cubic-bezier(0.4, 0, 0.2, 1)",
-  onTransitionStateChange: propOnTransitionStateChange = () => {
-  },
-  isExpanded: configIsExpanded,
-  defaultExpanded = false,
-  hasDisabledAnimation,
-  id: id2,
-  ...initialConfig
-} = {}) {
-  const onTransitionStateChange = useEvent(propOnTransitionStateChange);
-  const uniqueId = useId(id2 ? `${id2}` : void 0);
-  const [isExpanded, setExpanded] = useControlledState(
-    configIsExpanded,
-    defaultExpanded
-  );
-  const prevExpanded = useRef(isExpanded);
-  const [isAnimating, setIsAnimating] = useState(false);
-  const prefersReducedMotion = usePrefersReducedMotion();
-  const disableAnimation = hasDisabledAnimation ?? prefersReducedMotion;
-  const frameId = useRef();
-  const endFrameId = useRef();
-  const collapseElRef = useRef(null);
-  const [toggleEl, setToggleEl] = useState(null);
+
+function useCollapse() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      duration = _ref.duration,
+      _ref$easing = _ref.easing,
+      easing = _ref$easing === void 0 ? "cubic-bezier(0.4, 0, 0.2, 1)" : _ref$easing,
+      _ref$onTransitionStat = _ref.onTransitionStateChange,
+      propOnTransitionStateChange = _ref$onTransitionStat === void 0 ? function () {} : _ref$onTransitionStat,
+      configIsExpanded = _ref.isExpanded,
+      _ref$defaultExpanded = _ref.defaultExpanded,
+      defaultExpanded = _ref$defaultExpanded === void 0 ? false : _ref$defaultExpanded,
+      hasDisabledAnimation = _ref.hasDisabledAnimation,
+      id2 = _ref.id,
+      initialConfig = _objectWithoutProperties(_ref, _excluded);
+
+  var onTransitionStateChange = useEvent(propOnTransitionStateChange);
+  var uniqueId = useId(id2 ? "".concat(id2) : void 0);
+
+  var _useControlledState = useControlledState(configIsExpanded, defaultExpanded),
+      _useControlledState2 = _slicedToArray(_useControlledState, 2),
+      isExpanded = _useControlledState2[0],
+      setExpanded = _useControlledState2[1];
+
+  var prevExpanded = useRef(isExpanded);
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isAnimating = _useState6[0],
+      setIsAnimating = _useState6[1];
+
+  var prefersReducedMotion = usePrefersReducedMotion();
+  var disableAnimation = hasDisabledAnimation !== null && hasDisabledAnimation !== void 0 ? hasDisabledAnimation : prefersReducedMotion;
+  var frameId = useRef();
+  var endFrameId = useRef();
+  var collapseElRef = useRef(null);
+
+  var _useState7 = useState(null),
+      _useState8 = _slicedToArray(_useState7, 2),
+      toggleEl = _useState8[0],
+      setToggleEl = _useState8[1];
+
   usePaddingWarning(collapseElRef);
-  const collapsedHeight = `${initialConfig.collapsedHeight || 0}px`;
+  var collapsedHeight = "".concat(initialConfig.collapsedHeight || 0, "px");
+
   function setStyles(newStyles) {
-    if (!collapseElRef.current)
-      return;
-    const target = collapseElRef.current;
-    for (const property in newStyles) {
-      const value = newStyles[property];
+    if (!collapseElRef.current) return;
+    var target = collapseElRef.current;
+
+    for (var property in newStyles) {
+      var value = newStyles[property];
+
       if (value) {
         target.style[property] = value;
       } else {
@@ -35934,21 +36064,26 @@ function useCollapse({
       }
     }
   }
-  useLayoutEffect2(() => {
-    const collapse = collapseElRef.current;
-    if (!collapse)
-      return;
-    if (isExpanded === prevExpanded.current)
-      return;
+
+  useLayoutEffect2(function () {
+    var collapse = collapseElRef.current;
+    if (!collapse) return;
+    if (isExpanded === prevExpanded.current) return;
     prevExpanded.current = isExpanded;
+
     function getDuration(height) {
       if (disableAnimation) {
         return 0;
       }
-      return duration ?? getAutoHeightDuration(height);
+
+      return duration !== null && duration !== void 0 ? duration : getAutoHeightDuration(height);
     }
-    const getTransitionStyles = (height) => `height ${getDuration(height)}ms ${easing}`;
-    const setTransitionEndTimeout = (duration2) => {
+
+    var getTransitionStyles = function getTransitionStyles(height) {
+      return "height ".concat(getDuration(height), "ms ").concat(easing);
+    };
+
+    var setTransitionEndTimeout = function setTransitionEndTimeout(duration2) {
       function endTransition() {
         if (isExpanded) {
           setStyles({
@@ -35959,45 +36094,53 @@ function useCollapse({
           });
           onTransitionStateChange("expandEnd");
         } else {
-          setStyles({ transition: "" });
+          setStyles({
+            transition: ""
+          });
           onTransitionStateChange("collapseEnd");
         }
+
         setIsAnimating(false);
       }
+
       if (endFrameId.current) {
         clearAnimationTimeout(endFrameId.current);
       }
+
       endFrameId.current = setAnimationTimeout(endTransition, duration2);
     };
+
     setIsAnimating(true);
+
     if (isExpanded) {
-      frameId.current = requestAnimationFrame(() => {
+      frameId.current = requestAnimationFrame(function () {
         onTransitionStateChange("expandStart");
         setStyles({
           display: "block",
           overflow: "hidden",
           height: collapsedHeight
         });
-        frameId.current = requestAnimationFrame(() => {
+        frameId.current = requestAnimationFrame(function () {
           onTransitionStateChange("expanding");
-          const height = getElementHeight(collapseElRef);
+          var height = getElementHeight(collapseElRef);
           setTransitionEndTimeout(getDuration(height));
+
           if (collapseElRef.current) {
             collapseElRef.current.style.transition = getTransitionStyles(height);
-            collapseElRef.current.style.height = `${height}px`;
+            collapseElRef.current.style.height = "".concat(height, "px");
           }
         });
       });
     } else {
-      frameId.current = requestAnimationFrame(() => {
+      frameId.current = requestAnimationFrame(function () {
         onTransitionStateChange("collapseStart");
-        const height = getElementHeight(collapseElRef);
+        var height = getElementHeight(collapseElRef);
         setTransitionEndTimeout(getDuration(height));
         setStyles({
           transition: getTransitionStyles(height),
-          height: `${height}px`
+          height: "".concat(height, "px")
         });
-        frameId.current = requestAnimationFrame(() => {
+        frameId.current = requestAnimationFrame(function () {
           onTransitionStateChange("collapsing");
           setStyles({
             height: collapsedHeight,
@@ -36006,89 +36149,84 @@ function useCollapse({
         });
       });
     }
-    return () => {
-      if (frameId.current)
-        cancelAnimationFrame(frameId.current);
-      if (endFrameId.current)
-        clearAnimationTimeout(endFrameId.current);
+
+    return function () {
+      if (frameId.current) cancelAnimationFrame(frameId.current);
+      if (endFrameId.current) clearAnimationTimeout(endFrameId.current);
     };
-  }, [
-    isExpanded,
-    collapsedHeight,
-    disableAnimation,
-    duration,
-    easing,
-    onTransitionStateChange
-  ]);
+  }, [isExpanded, collapsedHeight, disableAnimation, duration, easing, onTransitionStateChange]);
   return {
-    isExpanded,
-    setExpanded,
-    getToggleProps(args) {
-      const { disabled, onClick, refKey, ...rest } = {
+    isExpanded: isExpanded,
+    setExpanded: setExpanded,
+    getToggleProps: function getToggleProps(args) {
+      var _refKey$onClick$disab = _objectSpread2({
         refKey: "ref",
-        onClick() {
-        },
-        disabled: false,
-        ...args
-      };
-      const isButton = toggleEl ? toggleEl.tagName === "BUTTON" : void 0;
-      const theirRef = args?.[refKey || "ref"];
-      const props = {
-        id: `react-collapsed-toggle-${uniqueId}`,
-        "aria-controls": `react-collapsed-panel-${uniqueId}`,
+        onClick: function onClick() {},
+        disabled: false
+      }, args),
+          disabled = _refKey$onClick$disab.disabled,
+          _onClick = _refKey$onClick$disab.onClick,
+          refKey = _refKey$onClick$disab.refKey,
+          rest = _objectWithoutProperties(_refKey$onClick$disab, _excluded2);
+
+      var isButton = toggleEl ? toggleEl.tagName === "BUTTON" : void 0;
+      var theirRef = args === null || args === void 0 ? void 0 : args[refKey || "ref"];
+
+      var props = _defineProperty({
+        id: "react-collapsed-toggle-".concat(uniqueId),
+        "aria-controls": "react-collapsed-panel-".concat(uniqueId),
         "aria-expanded": isExpanded,
-        onClick(evt) {
-          if (disabled)
-            return;
-          onClick?.(evt);
-          setExpanded((n) => !n);
-        },
-        [refKey || "ref"]: mergeRefs(theirRef, setToggleEl)
-      };
-      const buttonProps = {
+        onClick: function onClick(evt) {
+          if (disabled) return;
+          _onClick === null || _onClick === void 0 || _onClick(evt);
+          setExpanded(function (n) {
+            return !n;
+          });
+        }
+      }, refKey || "ref", mergeRefs(theirRef, setToggleEl));
+
+      var buttonProps = {
         type: "button",
         disabled: disabled ? true : void 0
       };
-      const fakeButtonProps = {
+      var fakeButtonProps = {
         "aria-disabled": disabled ? true : void 0,
         role: "button",
         tabIndex: disabled ? -1 : 0
       };
+
       if (isButton === false) {
-        return { ...props, ...fakeButtonProps, ...rest };
+        return _objectSpread2(_objectSpread2(_objectSpread2({}, props), fakeButtonProps), rest);
       } else if (isButton === true) {
-        return { ...props, ...buttonProps, ...rest };
+        return _objectSpread2(_objectSpread2(_objectSpread2({}, props), buttonProps), rest);
       } else {
-        return {
-          ...props,
-          ...buttonProps,
-          ...fakeButtonProps,
-          ...rest
-        };
+        return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, props), buttonProps), fakeButtonProps), rest);
       }
     },
-    getCollapseProps(args) {
-      const { style, refKey } = { refKey: "ref", style: {}, ...args };
-      const theirRef = args?.[refKey || "ref"];
-      return {
-        id: `react-collapsed-panel-${uniqueId}`,
+    getCollapseProps: function getCollapseProps(args) {
+      var _objectSpread2$1;
+
+      var _refKey$style$args = _objectSpread2({
+        refKey: "ref",
+        style: {}
+      }, args),
+          style = _refKey$style$args.style,
+          refKey = _refKey$style$args.refKey;
+
+      var theirRef = args === null || args === void 0 ? void 0 : args[refKey || "ref"];
+      return _objectSpread2(_objectSpread2({
+        id: "react-collapsed-panel-".concat(uniqueId),
         "aria-hidden": !isExpanded,
-        "aria-labelledby": `react-collapsed-toggle-${uniqueId}`,
-        role: "region",
-        ...args,
-        [refKey || "ref"]: mergeRefs(collapseElRef, theirRef),
-        style: {
-          boxSizing: "border-box",
-          ...!isAnimating && !isExpanded ? {
-            // collapsed and not animating
-            display: collapsedHeight === "0px" ? "none" : "block",
-            height: collapsedHeight,
-            overflow: "hidden"
-          } : {},
-          // additional styles passed, e.g. getCollapseProps({style: {}})
-          ...style
-        }
-      };
+        "aria-labelledby": "react-collapsed-toggle-".concat(uniqueId),
+        role: "region"
+      }, args), {}, (_objectSpread2$1 = {}, _defineProperty(_objectSpread2$1, refKey || "ref", mergeRefs(collapseElRef, theirRef)), _defineProperty(_objectSpread2$1, "style", _objectSpread2(_objectSpread2({
+        boxSizing: "border-box"
+      }, !isAnimating && !isExpanded ? {
+        // collapsed and not animating
+        display: collapsedHeight === "0px" ? "none" : "block",
+        height: collapsedHeight,
+        overflow: "hidden"
+      } : {}), style)), _objectSpread2$1));
     }
   };
 }