@ntbjs/react-components 1.1.31 → 1.1.32

package/{AssetAction-3cb69640.js → AssetAction-021622b1.js}

@@ -8,7 +8,7 @@ var ResizeObserver = require('resize-observer-polyfill');
 var MultiLevelCheckboxSelect = require('./MultiLevelCheckboxSelect-df3ce483.js');
 var styled = require('styled-components');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
-var Instructions = require('./Instructions-fa82c59d.js');
+var Instructions = require('./Instructions-27a205a6.js');
 var Alert = require('./Alert-6e35a197.js');
 var Badge = require('./Badge-a0b1a4e4.js');
 var Popover = require('./Popover-3bad6306.js');
@@ -25,12 +25,12 @@ require('./InfoCard-11f0ca7f.js');
 var ActionButton = require('./ActionButton-41ea1bda.js');
 require('./Button-259d619f.js');
 require('./Checkbox-153048de.js');
-require('./CompactAutocompleteSelect-d87f259e.js');
+require('./CompactAutocompleteSelect-07ced0b2.js');
 require('./CompactStarRating-224afe96.js');
 require('./CompactTextInput-f951e9e5.js');
-require('./MultiSelect-efaecd6e.js');
+require('./MultiSelect-2dfecb02.js');
 require('./Radio-57777d52.js');
-require('./TextArea-2b00a334.js');
+require('./TextArea-12bc3de7.js');
 require('./TextInput-49dfb522.js');
 require('./Switch-8892872d.js');
 var ContextMenuItem = require('./ContextMenuItem-fdb31645.js');

package/{CompactAutocompleteSelect-d87f259e.js → CompactAutocompleteSelect-07ced0b2.js}

@@ -14,7 +14,7 @@ require('./VerificationStatusIcon-b92fe0ae.js');
 var styled = require('styled-components');
 var Select = require('react-select');
 var reactSelectAsyncPaginate = require('react-select-async-paginate');
-var reactSelectCreatable_esm = require('./react-select-creatable.esm-9bb6a785.js');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-f4495d63.js');
 var close = require('./close-1751121a.js');
 var expandMore = require('./expand-more-d74e2bd2.js');
 

package/{Instructions-fa82c59d.js → Instructions-27a205a6.js}

@@ -3,8 +3,8 @@
 var defaultTheme = require('./defaultTheme-e27880d7.js');
 var lodash = require('lodash');
 var React = require('react');
-var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-d87f259e.js');
-var TextArea = require('./TextArea-2b00a334.js');
+var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-07ced0b2.js');
+var TextArea = require('./TextArea-12bc3de7.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{MultiSelect-efaecd6e.js → MultiSelect-2dfecb02.js}

@@ -6,7 +6,7 @@ var nanoid = require('nanoid');
 var styled = require('styled-components');
 var close = require('./close-1751121a.js');
 var Select = require('react-select');
-var reactSelectCreatable_esm = require('./react-select-creatable.esm-9bb6a785.js');
+var reactSelectCreatable_esm = require('./react-select-creatable.esm-f4495d63.js');
 var reactSelectAsyncPaginate = require('react-select-async-paginate');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{TextArea-2b00a334.js → TextArea-12bc3de7.js}

@@ -20,7 +20,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40;
 var fadeInCheck = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  from {\n    opacity: 0\n  }\n  to {\n    opacity: 1\n  }\n"])));
 var fadeOutCheck = styled.keyframes(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  from {\n    opacity: 1\n  }\n  to {\n    opacity: 0\n  }\n"])));
 var activeLabel = styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  font-size: 0.75rem;\n  padding: 0 3px;\n  top: -7px;\n  letter-spacing: 0.03em;\n  left: 8px !important;\n  opacity: 1 !important;\n"])));
@@ -180,30 +180,28 @@ var TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.apply
 var TextInputFieldIconAlert = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 2.8px;\n  display: flex;\n  padding: 0 10px 0 30px;\n  opacity: 0.6;\n  transition: opacity 250ms;\n  ", "\n  svg {\n    margin-top: 12px;\n    width: 15px;\n  }\n"])), function (props) {
   return props.type === 'warning' && props.theme.themeProp('color', '#EAB308', '#2F2402');
 });
-var TextInput = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\n  flex-basis: ", ";\n\n  ", "\n\n  ", "\n\n  &:focus-within {\n    ", " {\n      ", ";\n    }\n\n    ", " {\n      svg {\n        opacity: 1;\n      }\n    }\n  }\n\n  ", ":not(:placeholder-shown) + ", " {\n    ", ";\n    ", "\n  }\n"])), function (props) {
+var TextInput = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\n  flex-basis: ", ";\n\n  ", "\n\n  &:focus-within {\n    ", " {\n      ", ";\n    }\n\n    ", " {\n      svg {\n        opacity: 1;\n      }\n    }\n  }\n\n  ", ":not(:placeholder-shown) + ", " {\n    ", ";\n    ", "\n  }\n"])), function (props) {
   return props.$fieldLabel ? '66.66%' : '100%';
 }, function (props) {
-  return props.readOnly && styled.css(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n      overflow: auto;\n    "])));
-}, function (props) {
-  return props.disabled && styled.css(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n\n      > * {\n        cursor: not-allowed;\n      }\n    "])));
+  return props.disabled && styled.css(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n      opacity: 0.5;\n\n      > * {\n        cursor: not-allowed;\n      }\n    "])));
 }, TextInputLabel, activeLabel, TextInputFieldIcon, TextInputField, TextInputLabel, activeLabel, function (props) {
   return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'));
 });
-var Description = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject37 || (_templateObject37 = defaultTheme._taggedTemplateLiteral(["\n  margin: 8px 0 0 0;\n  padding: 0 0.6875rem;\n  font-size: 0.75rem;\n  line-height: 1.333;\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), function (props) {
+var Description = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n  margin: 8px 0 0 0;\n  padding: 0 0.6875rem;\n  font-size: 0.75rem;\n  line-height: 1.333;\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
 }, function (props) {
-  return (props.type === 'warning-border' || props.type === 'warning') && styled.css(_templateObject38 || (_templateObject38 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
+  return (props.type === 'warning-border' || props.type === 'warning') && styled.css(_templateObject37 || (_templateObject37 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500')));
 }, function (props) {
-  return (props.type === 'error-border' || props.type === 'error') && styled.css(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
+  return (props.type === 'error-border' || props.type === 'error') && styled.css(_templateObject38 || (_templateObject38 = defaultTheme._taggedTemplateLiteral(["\n      ", "\n    "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
 });
-var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject40 || (_templateObject40 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  pointer-events: none;\n  opacity: ", ";\n  animation: ", " 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  position: absolute;\n  margin-top: -35px;\n  margin-left: 5px;\n  width: 15px;\n  height: 15px;\n  padding: 5px;\n  ", "\n\n  > svg {\n    width: 15px;\n  }\n"])), function (props) {
+var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  pointer-events: none;\n  opacity: ", ";\n  animation: ", " 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  position: absolute;\n  margin-top: -35px;\n  margin-left: 5px;\n  width: 15px;\n  height: 15px;\n  padding: 5px;\n  ", "\n\n  > svg {\n    width: 15px;\n  }\n"])), function (props) {
   return props.fadeIn ? 0 : 1;
 }, function (props) {
   return props.fadeIn ? fadeOutCheck : fadeInCheck;
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
 });
-var SuccessContainerLabel = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject41 || (_templateObject41 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  pointer-events: none;\n  opacity: ", ";\n  animation: ", " 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  margin-right: 5px;\n  margin-top: -7px;\n  width: 15px;\n  height: 15px;\n  padding: 5px;\n  ", "\n\n  > svg {\n    width: 13px;\n  }\n"])), function (props) {
+var SuccessContainerLabel = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject40 || (_templateObject40 = defaultTheme._taggedTemplateLiteral(["\n  opacity: 1;\n  pointer-events: none;\n  opacity: ", ";\n  animation: ", " 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  margin-right: 5px;\n  margin-top: -7px;\n  width: 15px;\n  height: 15px;\n  padding: 5px;\n  ", "\n\n  > svg {\n    width: 13px;\n  }\n"])), function (props) {
   return props.fadeIn ? 0 : 1;
 }, function (props) {
   return props.fadeIn ? fadeOutCheck : fadeInCheck;

package/inputs/CompactAutocompleteSelect/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-d87f259e.js');
+var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-07ced0b2.js');
 require('../../defaultTheme-e27880d7.js');
 require('styled-components');
 require('lodash');
@@ -19,7 +19,7 @@ require('../../Tooltip-ddd4ac6b.js');
 require('../../VerificationStatusIcon-b92fe0ae.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../../react-select-creatable.esm-9bb6a785.js');
+require('../../react-select-creatable.esm-f4495d63.js');
 require('react-dom');
 require('../../close-1751121a.js');
 require('../../expand-more-d74e2bd2.js');

package/inputs/MultiSelect/index.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var MultiSelect = require('../../MultiSelect-efaecd6e.js');
+var MultiSelect = require('../../MultiSelect-2dfecb02.js');
 require('../../defaultTheme-e27880d7.js');
 require('styled-components');
 require('react');
 require('nanoid');
 require('../../close-1751121a.js');
 require('react-select');
-require('../../react-select-creatable.esm-9bb6a785.js');
+require('../../react-select-creatable.esm-f4495d63.js');
 require('react-dom');
 require('react-select-async-paginate');
 

package/inputs/TextArea/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var TextArea = require('../../TextArea-2b00a334.js');
+var TextArea = require('../../TextArea-12bc3de7.js');
 require('../../defaultTheme-e27880d7.js');
 require('styled-components');
 require('react');

package/inputs/index.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var ActionButton = require('../ActionButton-41ea1bda.js');
 var Button = require('../Button-259d619f.js');
 var Checkbox = require('../Checkbox-153048de.js');
-var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-d87f259e.js');
+var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-07ced0b2.js');
 var CompactStarRating = require('../CompactStarRating-224afe96.js');
 var CompactTextInput = require('../CompactTextInput-f951e9e5.js');
-var MultiSelect = require('../MultiSelect-efaecd6e.js');
+var MultiSelect = require('../MultiSelect-2dfecb02.js');
 var Radio = require('../Radio-57777d52.js');
-var TextArea = require('../TextArea-2b00a334.js');
+var TextArea = require('../TextArea-12bc3de7.js');
 var TextInput = require('../TextInput-49dfb522.js');
 var Switch = require('../Switch-8892872d.js');
 var MultiLevelCheckboxSelect = require('../MultiLevelCheckboxSelect-df3ce483.js');
@@ -34,7 +34,7 @@ require('../Tooltip-ddd4ac6b.js');
 require('../VerificationStatusIcon-b92fe0ae.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../react-select-creatable.esm-9bb6a785.js');
+require('../react-select-creatable.esm-f4495d63.js');
 require('react-dom');
 require('../close-1751121a.js');
 require('../edit-note-cefe2215.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.31",
+  "version": "1.1.32",
   "description": "NTBs common front-end design utilities and React components.",
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",

package/{react-select-creatable.esm-9bb6a785.js → react-select-creatable.esm-f4495d63.js}

@@ -2163,8 +2163,9 @@ function getOppositeAxis(axis) {
 function getAxisLength(axis) {
   return axis === 'y' ? 'height' : 'width';
 }
+const yAxisSides = /*#__PURE__*/new Set(['top', 'bottom']);
 function getSideAxis(placement) {
-  return ['top', 'bottom'].includes(getSide(placement)) ? 'y' : 'x';
+  return yAxisSides.has(getSide(placement)) ? 'y' : 'x';
 }
 function getAlignmentAxis(placement) {
   return getOppositeAxis(getSideAxis(placement));
@@ -2189,19 +2190,19 @@ function getExpandedPlacements(placement) {
 function getOppositeAlignmentPlacement(placement) {
   return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
 }
+const lrPlacement = ['left', 'right'];
+const rlPlacement = ['right', 'left'];
+const tbPlacement = ['top', 'bottom'];
+const btPlacement = ['bottom', 'top'];
 function getSideList(side, isStart, rtl) {
-  const lr = ['left', 'right'];
-  const rl = ['right', 'left'];
-  const tb = ['top', 'bottom'];
-  const bt = ['bottom', 'top'];
   switch (side) {
     case 'top':
     case 'bottom':
-      if (rtl) return isStart ? rl : lr;
-      return isStart ? lr : rl;
+      if (rtl) return isStart ? rlPlacement : lrPlacement;
+      return isStart ? lrPlacement : rlPlacement;
     case 'left':
     case 'right':
-      return isStart ? tb : bt;
+      return isStart ? tbPlacement : btPlacement;
     default:
       return [];
   }
@@ -2581,7 +2582,7 @@ const flip = function (options) {
           if (!ignoreCrossAxisOverflow ||
           // We leave the current main axis only if every placement on that axis
           // overflows the main axis.
-          overflowsData.every(d => d.overflows[0] > 0 && getSideAxis(d.placement) === initialSideAxis)) {
+          overflowsData.every(d => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
             // Try next placement and re-run the lifecycle.
             return {
               data: {
@@ -2838,6 +2839,8 @@ const inline = function (options) {
   };
 };
 
+const originSides = /*#__PURE__*/new Set(['left', 'top']);
+
 // For type backwards-compatibility, the `OffsetOptions` type was also
 // Derivable.
 
@@ -2851,7 +2854,7 @@ async function convertValueToCoords(state, options) {
   const side = getSide(placement);
   const alignment = getAlignment(placement);
   const isVertical = getSideAxis(placement) === 'y';
-  const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
+  const mainAxisMulti = originSides.has(side) ? -1 : 1;
   const crossAxisMulti = rtl && isVertical ? -1 : 1;
   const rawValue = evaluate(options, state);
 
@@ -3051,7 +3054,7 @@ const limitShift = function (options) {
       if (checkCrossAxis) {
         var _middlewareData$offse, _middlewareData$offse2;
         const len = mainAxis === 'y' ? 'width' : 'height';
-        const isOriginSide = ['top', 'left'].includes(getSide(placement));
+        const isOriginSide = originSides.has(getSide(placement));
         const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) || 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);
         const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);
         if (crossAxisCoord < limitMin) {
@@ -3196,6 +3199,7 @@ function isShadowRoot(value) {
   }
   return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
 }
+const invalidOverflowDisplayValues = /*#__PURE__*/new Set(['inline', 'contents']);
 function isOverflowElement(element) {
   const {
     overflow,
@@ -3203,14 +3207,15 @@ function isOverflowElement(element) {
     overflowY,
     display
   } = getComputedStyle$1(element);
-  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !['inline', 'contents'].includes(display);
+  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
 }
 function isWebKit() {
   if (typeof CSS === 'undefined' || !CSS.supports) return false;
   return CSS.supports('-webkit-backdrop-filter', 'none');
 }
+const lastTraversableNodeNames = /*#__PURE__*/new Set(['html', 'body', '#document']);
 function isLastTraversableNode(node) {
-  return ['html', 'body', '#document'].includes(getNodeName(node));
+  return lastTraversableNodeNames.has(getNodeName(node));
 }
 function getComputedStyle$1(element) {
   return getWindow(element).getComputedStyle(element);
@@ -6217,7 +6222,8 @@ var Select = /*#__PURE__*/function (_Component) {
       prevWasFocused: false,
       inputIsHiddenAfterUpdate: undefined,
       prevProps: undefined,
-      instancePrefix: ''
+      instancePrefix: '',
+      isAppleDevice: false
     };
     _this.blockOptionHover = false;
     _this.isComposing = false;
@@ -6227,7 +6233,6 @@ var Select = /*#__PURE__*/function (_Component) {
     _this.openAfterFocus = false;
     _this.scrollToFocusedOptionOnUpdate = false;
     _this.userIsDragging = void 0;
-    _this.isAppleDevice = isAppleDevice();
     _this.controlRef = null;
     _this.getControlRef = function (ref) {
       _this.controlRef = ref;
@@ -6764,6 +6769,12 @@ var Select = /*#__PURE__*/function (_Component) {
       if (this.props.menuIsOpen && this.state.focusedOption && this.menuListRef && this.focusedOptionRef) {
         scrollIntoView(this.menuListRef, this.focusedOptionRef);
       }
+      if (isAppleDevice()) {
+        // eslint-disable-next-line react/no-did-mount-set-state
+        this.setState({
+          isAppleDevice: true
+        });
+      }
     }
   }, {
     key: "componentDidUpdate",
@@ -7143,7 +7154,7 @@ var Select = /*#__PURE__*/function (_Component) {
         'aria-labelledby': this.props['aria-labelledby'],
         'aria-required': required,
         role: 'combobox',
-        'aria-activedescendant': this.isAppleDevice ? undefined : this.state.focusedOptionId || ''
+        'aria-activedescendant': this.state.isAppleDevice ? undefined : this.state.focusedOptionId || ''
       }, menuIsOpen && {
         'aria-controls': this.getElementId('listbox')
       }), !isSearchable && {
@@ -7392,7 +7403,7 @@ var Select = /*#__PURE__*/function (_Component) {
           onMouseOver: onHover,
           tabIndex: -1,
           role: 'option',
-          'aria-selected': _this4.isAppleDevice ? undefined : isSelected // is not supported on Apple devices
+          'aria-selected': _this4.state.isAppleDevice ? undefined : isSelected // is not supported on Apple devices
         };
 
         return /*#__PURE__*/React__namespace.createElement(Option, _extends({}, commonProps, {
@@ -7571,7 +7582,7 @@ var Select = /*#__PURE__*/function (_Component) {
         isFocused: isFocused,
         selectValue: selectValue,
         focusableOptions: focusableOptions,
-        isAppleDevice: this.isAppleDevice
+        isAppleDevice: this.state.isAppleDevice
       }));
     }
   }, {

package/widgets/AssetGallery/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var AssetAction = require('../../AssetAction-3cb69640.js');
+var AssetAction = require('../../AssetAction-021622b1.js');
 require('../../defaultTheme-e27880d7.js');
 require('styled-components');
 require('lodash');
@@ -27,14 +27,14 @@ require('../../InputGroup-3dfa0822.js');
 require('../../SectionSeparator-12f9dc35.js');
 require('../../close-1751121a.js');
 require('react-lazy-load-image-component');
-require('../../Instructions-fa82c59d.js');
-require('../../CompactAutocompleteSelect-d87f259e.js');
+require('../../Instructions-27a205a6.js');
+require('../../CompactAutocompleteSelect-07ced0b2.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../../react-select-creatable.esm-9bb6a785.js');
+require('../../react-select-creatable.esm-f4495d63.js');
 require('react-dom');
 require('../../expand-more-d74e2bd2.js');
-require('../../TextArea-2b00a334.js');
+require('../../TextArea-12bc3de7.js');
 require('@floating-ui/react');
 require('../../ContextMenu-5198c59f.js');
 require('../../AssetPreviewTopBar-d8887502.js');
@@ -45,7 +45,7 @@ require('../../ActionButton-41ea1bda.js');
 require('../../Button-259d619f.js');
 require('../../CompactStarRating-224afe96.js');
 require('../../CompactTextInput-f951e9e5.js');
-require('../../MultiSelect-efaecd6e.js');
+require('../../MultiSelect-2dfecb02.js');
 require('../../Radio-57777d52.js');
 require('../../Switch-8892872d.js');
 require('../../ContextMenuItem-fdb31645.js');

package/widgets/Instructions/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var Instructions = require('../../Instructions-fa82c59d.js');
+var Instructions = require('../../Instructions-27a205a6.js');
 require('../../defaultTheme-e27880d7.js');
 require('styled-components');
 require('lodash');
 require('react');
-require('../../CompactAutocompleteSelect-d87f259e.js');
+require('../../CompactAutocompleteSelect-07ced0b2.js');
 require('nanoid');
 require('../../Alert-6e35a197.js');
 require('../../Badge-a0b1a4e4.js');
@@ -20,11 +20,11 @@ require('../../Tooltip-ddd4ac6b.js');
 require('../../VerificationStatusIcon-b92fe0ae.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../../react-select-creatable.esm-9bb6a785.js');
+require('../../react-select-creatable.esm-f4495d63.js');
 require('react-dom');
 require('../../close-1751121a.js');
 require('../../expand-more-d74e2bd2.js');
-require('../../TextArea-2b00a334.js');
+require('../../TextArea-12bc3de7.js');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('../../edit-note-cefe2215.js');
 

package/widgets/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetAction = require('../AssetAction-3cb69640.js');
+var AssetAction = require('../AssetAction-021622b1.js');
 var ContextMenu = require('../ContextMenu-5198c59f.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-d8887502.js');
-var Instructions = require('../Instructions-fa82c59d.js');
+var Instructions = require('../Instructions-27a205a6.js');
 var ProgressBar = require('../ProgressBar-e6a86080.js');
 var InfoCard = require('../InfoCard-11f0ca7f.js');
 require('../defaultTheme-e27880d7.js');
@@ -38,16 +38,16 @@ require('@floating-ui/react');
 require('../ActionButton-41ea1bda.js');
 require('../Button-259d619f.js');
 require('../expand-more-d74e2bd2.js');
-require('../CompactAutocompleteSelect-d87f259e.js');
+require('../CompactAutocompleteSelect-07ced0b2.js');
 require('react-select');
 require('react-select-async-paginate');
-require('../react-select-creatable.esm-9bb6a785.js');
+require('../react-select-creatable.esm-f4495d63.js');
 require('react-dom');
 require('../CompactStarRating-224afe96.js');
 require('../CompactTextInput-f951e9e5.js');
-require('../MultiSelect-efaecd6e.js');
+require('../MultiSelect-2dfecb02.js');
 require('../Radio-57777d52.js');
-require('../TextArea-2b00a334.js');
+require('../TextArea-12bc3de7.js');
 require('../Switch-8892872d.js');
 require('../ContextMenuItem-fdb31645.js');
 require('../arrow-forward-d7c77ae3.js');