@transferwise/components 0.0.0-experimental-b0b63de → 0.0.0-experimental-706cb0c

package/build/index.js

@@ -11,8 +11,7 @@ var componentsTheming = require('@wise/components-theming');
 var formatting = require('@transferwise/formatting');
 var react$1 = require('@headlessui/react');
 var mergeProps = require('merge-props');
-var mergeRefs = require('react-merge-refs');
-var shim = require('use-sync-external-store/shim');
+var index_js = require('use-sync-external-store/shim/index.js');
 var react = require('@floating-ui/react');
 var focus = require('@react-aria/focus');
 var overlays = require('@react-aria/overlays');
@@ -53,7 +52,6 @@ var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var mergeProps__default = /*#__PURE__*/_interopDefault(mergeProps);
-var mergeRefs__default = /*#__PURE__*/_interopDefault(mergeRefs);
 var throttle__default = /*#__PURE__*/_interopDefault(throttle);
 var commonmark__default = /*#__PURE__*/_interopDefault(commonmark);
 var clamp__default = /*#__PURE__*/_interopDefault(clamp$2);
@@ -1751,8 +1749,9 @@ const useHasIntersected = ({
   return [hasIntersected];
 };
 
+// eslint-disable-next-line import/extensions
 function useMedia(query) {
-  return shim.useSyncExternalStore(onStoreChange => {
+  return index_js.useSyncExternalStore(onStoreChange => {
     const mediaQueryList = window.matchMedia(query);
     mediaQueryList.addEventListener('change', onStoreChange);
     return () => {
@@ -1784,6 +1783,18 @@ const useLayout = () => {
   };
 };
 
+function mergeRefs(refs) {
+  return function (value) {
+    refs.forEach(function (ref) {
+      if (typeof ref === "function") {
+        ref(value);
+      } else if (ref != null) {
+        ref.current = value;
+      }
+    });
+  };
+}
+
 const EXIT_ANIMATION = 350;
 const SlidingPanel = /*#__PURE__*/React.forwardRef(({
   position = 'left',
@@ -1810,7 +1821,7 @@ const SlidingPanel = /*#__PURE__*/React.forwardRef(({
     appear: true,
     unmountOnExit: true
   }, /*#__PURE__*/jsxRuntime.jsx("div", {
-    ref: mergeRefs__default.default([reference, localReference]),
+    ref: mergeRefs([reference, localReference]),
     className: classNames__default.default('sliding-panel', `sliding-panel--open-${position}`, showSlidingPanelBorder && `sliding-panel--border-${position}`, slidingPanelPositionFixed && 'sliding-panel--fixed', className),
     children: children
   }));
@@ -6575,7 +6586,7 @@ function SelectInput({
         }) => /*#__PURE__*/jsxRuntime.jsx(SelectInputTriggerButtonPropsContext.Provider, {
           // eslint-disable-next-line react/jsx-no-constructed-context-values
           value: {
-            ref: mergeRefs__default.default([ref, triggerRef]),
+            ref: mergeRefs([ref, triggerRef]),
             id,
             ...mergeProps__default.default({
               onClick: () => {