@transferwise/components 0.0.0-experimental-81baec1 → 0.0.0-experimental-76a7e6a

package/build/index.js

@@ -11,7 +11,8 @@ var componentsTheming = require('@wise/components-theming');
 var formatting = require('@transferwise/formatting');
 var react$1 = require('@headlessui/react');
 var mergeProps = require('merge-props');
-var index_js = require('use-sync-external-store/shim/index.js');
+var mergeRefs = require('react-merge-refs');
+var shim = require('use-sync-external-store/shim');
 var react = require('@floating-ui/react');
 var focus = require('@react-aria/focus');
 var overlays = require('@react-aria/overlays');
@@ -52,6 +53,7 @@ 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);
@@ -1749,9 +1751,8 @@ const useHasIntersected = ({
   return [hasIntersected];
 };
 
-// eslint-disable-next-line import/extensions
 function useMedia(query) {
-  return index_js.useSyncExternalStore(onStoreChange => {
+  return shim.useSyncExternalStore(onStoreChange => {
     const mediaQueryList = window.matchMedia(query);
     mediaQueryList.addEventListener('change', onStoreChange);
     return () => {
@@ -1783,18 +1784,6 @@ 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',
@@ -1821,7 +1810,7 @@ const SlidingPanel = /*#__PURE__*/React.forwardRef(({
     appear: true,
     unmountOnExit: true
   }, /*#__PURE__*/jsxRuntime.jsx("div", {
-    ref: mergeRefs([reference, localReference]),
+    ref: mergeRefs__default.default([reference, localReference]),
     className: classNames__default.default('sliding-panel', `sliding-panel--open-${position}`, showSlidingPanelBorder && `sliding-panel--border-${position}`, slidingPanelPositionFixed && 'sliding-panel--fixed', className),
     children: children
   }));
@@ -6585,7 +6574,7 @@ function SelectInput({
         }) => /*#__PURE__*/jsxRuntime.jsx(SelectInputTriggerButtonPropsContext.Provider, {
           // eslint-disable-next-line react/jsx-no-constructed-context-values
           value: {
-            ref: mergeRefs([ref, triggerRef]),
+            ref: mergeRefs__default.default([ref, triggerRef]),
             id,
             ...mergeProps__default.default({
               onClick: () => {
@@ -10762,6 +10751,7 @@ const SegmentedControl = ({
       className: classNames__default.default('segmented-control__segments', {
         'segmented-control__segments--no-animate': !animate
       }),
+      role: mode !== 'input' ? 'tablist' : undefined,
       children: segmentsWithRefs.map(segment => mode === 'input' ? /*#__PURE__*/jsxRuntime.jsxs("label", {
         ref: segment.ref,
         htmlFor: segment.id,