@atlaskit/react-select 3.14.2 → 3.14.4

package/dist/cjs/components/containers.js

@@ -1,116 +0,0 @@
-/* containers.tsx generated by @compiled/babel-plugin v0.39.1 */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.valueContainerCSS = exports.indicatorsContainerCSS = exports.containerCSS = exports.ValueContainer = exports.SelectContainer = exports.IndicatorsContainer = void 0;
-require("./containers.compiled.css");
-var React = _interopRequireWildcard(require("react"));
-var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react2 = require("@compiled/react");
-var _utils = require("../utils");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-// ==============================
-// Root Container
-// ==============================
-
-var containerCSS = exports.containerCSS = function containerCSS() {
-  return {};
-};
-var containerStyles = {
-  default: "_11c81d4k _kqswh2mm _lcxv1rj4 _1tn2fhey",
-  rtl: "_1eim1xrj",
-  disabled: "_80om13gf"
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-var SelectContainer = exports.SelectContainer = function SelectContainer(props) {
-  var children = props.children,
-    innerProps = props.innerProps,
-    isDisabled = props.isDisabled,
-    isRtl = props.isRtl,
-    xcss = props.xcss;
-  var _getStyleProps = (0, _utils.getStyleProps)(props, 'container', {
-      '--is-disabled': isDisabled,
-      '--is-rtl': isRtl
-    }),
-    className = _getStyleProps.className,
-    css = _getStyleProps.css;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    className: (0, _runtime.ax)([containerStyles.default, isRtl && containerStyles.rtl, isDisabled && containerStyles.disabled, (0, _react2.cx)(className, xcss, '-container')])
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    ,
-    style: css
-  }, innerProps), children);
-};
-
-// ==============================
-// Value Container
-// ==============================
-
-var valueContainerCSS = exports.valueContainerCSS = function valueContainerCSS() {
-  return {};
-};
-var valueContainerStyles = {
-  default: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo15vq _18m915vq _4cvr1h6o _1e0c11p5 _1n261g80 _8am5i4x0 _kqswh2mm _1q51v77o _y4ti12x7 _85i5v77o _bozg12x7",
-  flex: "_1e0c1txw",
-  compact: "_1q51ze3t _y4ti12x7 _85i5ze3t _bozg12x7"
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-var ValueContainer = exports.ValueContainer = function ValueContainer(props) {
-  var children = props.children,
-    innerProps = props.innerProps,
-    isMulti = props.isMulti,
-    hasValue = props.hasValue,
-    isCompact = props.isCompact,
-    xcss = props.xcss,
-    controlShouldRenderValue = props.selectProps.controlShouldRenderValue;
-  var _getStyleProps2 = (0, _utils.getStyleProps)(props, 'valueContainer', {
-      'value-container': true,
-      'value-container--is-multi': isMulti,
-      'value-container--has-value': hasValue
-    }),
-    css = _getStyleProps2.css,
-    className = _getStyleProps2.className;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    className: (0, _runtime.ax)([valueContainerStyles.default, isMulti && hasValue && controlShouldRenderValue && valueContainerStyles.flex, isCompact && valueContainerStyles.compact, (0, _react2.cx)(className, xcss, '-ValueContainer')])
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    ,
-    style: css
-  }, innerProps), children);
-};
-
-// ==============================
-// Indicator Container
-// ==============================
-
-var indicatorsContainerCSS = exports.indicatorsContainerCSS = function indicatorsContainerCSS() {
-  return {};
-};
-var indicatorContainerStyles = null;
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-var IndicatorsContainer = exports.IndicatorsContainer = function IndicatorsContainer(props) {
-  var children = props.children,
-    innerProps = props.innerProps,
-    xcss = props.xcss;
-  var _getStyleProps3 = (0, _utils.getStyleProps)(props, 'indicatorsContainer', {
-      indicators: true
-    }),
-    css = _getStyleProps3.css,
-    className = _getStyleProps3.className;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    style: css
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    ,
-    className: (0, _runtime.ax)(["_1e0c1txw _4cvr1h6o _1o9zidpf _1wpz1fhb _y4ti1b66", (0, _react2.cx)(className, xcss, '-IndicatorsContainer')])
-  }, innerProps), children);
-};

package/dist/cjs/components/indicators.js

@@ -1,155 +0,0 @@
-/* indicators.tsx generated by @compiled/babel-plugin v0.39.1 */
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.loadingIndicatorCSS = exports.dropdownIndicatorCSS = exports.clearIndicatorCSS = exports.LoadingIndicator = exports.DropdownIndicator = exports.ClearIndicator = void 0;
-require("./indicators.compiled.css");
-var React = _interopRequireWildcard(require("react"));
-var _runtime = require("@compiled/react/runtime");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react2 = require("@compiled/react");
-var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
-var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
-var _compiled = require("@atlaskit/primitives/compiled");
-var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var _utils = require("../utils");
-var _excluded = ["innerProps", "isRtl", "size", "isCompact", "xcss"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-// ==============================
-// Dropdown & Clear Icons
-// ==============================
-
-var iconContainerStyles = {
-  root: "_kkk2n7od _12ji1r31 _1qu219ly _12y31o36 _1e0c1txw _4cvr1h6o _1bah1h6o _1q51v77o _y4tiv77o _85i5v77o _bozgv77o"
-};
-var dropdownWrapperStyles = {
-  root: "_1q5112x7 _y4ti12x7 _85i512x7 _bozg12x7"
-};
-
-// ==============================
-// Dropdown & Clear Buttons
-// ==============================
-
-var dropdownStyles = {
-  default: "_v564vrg3 _1e0c1txw _syazazsu _1q5112x7 _y4tiv77o _85i512x7 _bozgv77o _30l3azsu",
-  compact: "_1q51idpf _85i5idpf",
-  disabled: "_syaz1gmx"
-};
-var dropdownIndicatorCSS = exports.dropdownIndicatorCSS = function dropdownIndicatorCSS() {
-  return {};
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-var DropdownIndicator = exports.DropdownIndicator = function DropdownIndicator(props) {
-  var innerProps = props.innerProps,
-    children = props.children,
-    isDisabled = props.isDisabled,
-    isCompact = props.isCompact,
-    xcss = props.xcss;
-  var _getStyleProps = (0, _utils.getStyleProps)(props, 'dropdownIndicator', {
-      indicator: true,
-      'dropdown-indicator': true
-    }),
-    css = _getStyleProps.css,
-    className = _getStyleProps.className;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    style: css
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    ,
-    className: (0, _runtime.ax)([dropdownStyles.default, isDisabled && dropdownStyles.disabled, isCompact && dropdownStyles.compact, (0, _react2.cx)(className, xcss, '-indicatorContainer')])
-  }, innerProps), children ? children : /*#__PURE__*/React.createElement(_compiled.Inline, {
-    as: "span",
-    xcss: dropdownWrapperStyles.root
-  }, /*#__PURE__*/React.createElement(_chevronDown.default, {
-    color: "currentColor",
-    label: "open",
-    size: "small"
-  })));
-};
-var clearIndicatorCSS = exports.clearIndicatorCSS = function clearIndicatorCSS() {
-  return {};
-};
-var clearIndicatorStyles = {
-  default: "_v564vrg3 _1e0c1txw _syaz1rpy _1q5112x7 _y4tiv77o _85i512x7 _bozgv77o _30l3azsu",
-  compact: "_1q51idpf _85i5idpf"
-};
-
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-var ClearIndicator = exports.ClearIndicator = function ClearIndicator(props) {
-  var innerProps = props.innerProps,
-    _props$clearControlLa = props.clearControlLabel,
-    clearControlLabel = _props$clearControlLa === void 0 ? 'clear' : _props$clearControlLa,
-    isCompact = props.isCompact,
-    xcss = props.xcss;
-  var _getStyleProps2 = (0, _utils.getStyleProps)(props, 'clearIndicator', {
-      indicator: true,
-      'clear-indicator': true
-    }),
-    css = _getStyleProps2.css,
-    className = _getStyleProps2.className;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    style: css
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    ,
-    className: (0, _runtime.ax)([clearIndicatorStyles.default, isCompact && clearIndicatorStyles.compact, (0, _react2.cx)(className, xcss, '-indicatorContainer')])
-  }, innerProps), /*#__PURE__*/React.createElement(_compiled.Pressable, {
-    xcss: iconContainerStyles.root,
-    tabIndex: -1,
-    "aria-label": clearControlLabel
-  }, /*#__PURE__*/React.createElement(_crossCircle.default, {
-    label: "",
-    color: "currentColor",
-    size: "small"
-  })));
-};
-
-// ==============================
-// Loading
-// ==============================
-
-var loadingIndicatorCSS = exports.loadingIndicatorCSS = function loadingIndicatorCSS() {
-  return {};
-};
-var loadingIndicatorStyles = {
-  default: "_1q5112x7 _y4tiu2gc _85i512x7 _bozgu2gc",
-  compact: "_1q51idpf _85i5idpf"
-};
-// eslint-disable-next-line @repo/internal/react/require-jsdoc
-var LoadingIndicator = exports.LoadingIndicator = function LoadingIndicator(_ref) {
-  var innerProps = _ref.innerProps,
-    isRtl = _ref.isRtl,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 4 : _ref$size,
-    isCompact = _ref.isCompact,
-    xcss = _ref.xcss,
-    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _getStyleProps3 = (0, _utils.getStyleProps)(_objectSpread(_objectSpread({}, restProps), {}, {
-      innerProps: innerProps,
-      isRtl: isRtl,
-      size: size
-    }), 'loadingIndicator', {
-      indicator: true,
-      'loading-indicator': true
-    }),
-    css = _getStyleProps3.css,
-    className = _getStyleProps3.className;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    style: css
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
-    ,
-    className: (0, _runtime.ax)([loadingIndicatorStyles.default, isCompact && loadingIndicatorStyles.compact, (0, _react2.cx)(className, xcss, '-loadingIndicator')])
-  }, innerProps), /*#__PURE__*/React.createElement(_spinner.default, {
-    size: "small"
-  }));
-};

package/dist/cjs/utils.js

@@ -1,391 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.animatedScrollTo = animatedScrollTo;
-exports.classNames = classNames;
-exports.filterUnsupportedSelectors = exports.cleanValue = exports.cleanCommonProps = void 0;
-exports.getBoundingClientObj = getBoundingClientObj;
-exports.getScrollParent = getScrollParent;
-exports.getScrollTop = getScrollTop;
-exports.getStyleProps = void 0;
-exports.handleInputChange = handleInputChange;
-exports.isDocumentElement = isDocumentElement;
-exports.isMobileDevice = isMobileDevice;
-exports.isTouchCapable = isTouchCapable;
-exports.multiValueAsValue = multiValueAsValue;
-exports.noop = void 0;
-exports.normalizedHeight = normalizedHeight;
-exports.notNullish = notNullish;
-exports.removeProps = void 0;
-exports.scrollIntoView = scrollIntoView;
-exports.scrollTo = scrollTo;
-exports.singleValueAsValue = singleValueAsValue;
-exports.supportsPassiveEvents = void 0;
-exports.valueTernary = valueTernary;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _excluded = ["className", "clearValue", "cx", "xcss", "getStyles", "getClassNames", "getValue", "hasValue", "isMulti", "isRtl", "options", "selectOption", "selectProps", "setValue"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-// ==============================
-// NO OP
-// ==============================
-
-var noop = exports.noop = function noop() {};
-
-// ==============================
-// Class Name Prefixer
-// ==============================
-
-/**
- * String representation of component state for styling with class names.
- *
- * Expects an array of strings OR a string/object pair:
- * - className(['comp', 'comp-arg', 'comp-arg-2'])
- * @returns 'react-select__comp react-select__comp-arg react-select__comp-arg-2'
- * - className('comp', { some: true, state: false })
- * @returns 'react-select__comp react-select__comp--some'
- */
-function applyPrefixToName(prefix, name) {
-  if (!name) {
-    return prefix;
-  } else if (name[0] === '-') {
-    return prefix + name;
-  } else {
-    return prefix + '__' + name;
-  }
-}
-function classNames(prefix, state) {
-  for (var _len = arguments.length, classNameList = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-    classNameList[_key - 2] = arguments[_key];
-  }
-  var arr = [].concat(classNameList);
-  if (state && prefix) {
-    for (var key in state) {
-      if (state.hasOwnProperty(key) && state[key]) {
-        arr.push("".concat(applyPrefixToName(prefix, key)));
-      }
-    }
-  }
-  return arr.filter(function (i) {
-    return i;
-  }).map(function (i) {
-    return String(i).trim();
-  }).join(' ');
-}
-// ==============================
-// Clean Value
-// ==============================
-
-var cleanValue = exports.cleanValue = function cleanValue(value) {
-  if (isArray(value)) {
-    return value.filter(Boolean);
-  }
-  if ((0, _typeof2.default)(value) === 'object' && value !== null) {
-    return [value];
-  }
-  return [];
-};
-
-// ==============================
-// Clean Common Props
-// ==============================
-
-var cleanCommonProps = exports.cleanCommonProps = function cleanCommonProps(props) {
-  //className
-  var className = props.className,
-    clearValue = props.clearValue,
-    cx = props.cx,
-    xcss = props.xcss,
-    getStyles = props.getStyles,
-    getClassNames = props.getClassNames,
-    getValue = props.getValue,
-    hasValue = props.hasValue,
-    isMulti = props.isMulti,
-    isRtl = props.isRtl,
-    options = props.options,
-    selectOption = props.selectOption,
-    selectProps = props.selectProps,
-    setValue = props.setValue,
-    innerProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return _objectSpread({}, innerProps);
-};
-
-// ==============================
-// Get Style Props
-// ==============================
-
-var getStyleProps = exports.getStyleProps = function getStyleProps(props, name, classNamesState) {
-  var cx = props.cx,
-    getStyles = props.getStyles,
-    getClassNames = props.getClassNames,
-    className = props.className;
-  return {
-    css: getStyles(name, props),
-    className: cx(classNamesState !== null && classNamesState !== void 0 ? classNamesState : {}, getClassNames(name, props), className)
-  };
-};
-
-// ==============================
-// Handle Input Change
-// ==============================
-
-function handleInputChange(inputValue, actionMeta, onInputChange) {
-  if (onInputChange) {
-    var newValue = onInputChange(inputValue, actionMeta);
-    if (typeof newValue === 'string') {
-      return newValue;
-    }
-  }
-  return inputValue;
-}
-
-// ==============================
-// Scroll Helpers
-// ==============================
-
-function isDocumentElement(el) {
-  return [document.documentElement, document.body, window].indexOf(el) > -1;
-}
-
-// Normalized Scroll Top
-// ------------------------------
-
-function normalizedHeight(el) {
-  if (isDocumentElement(el)) {
-    return window.innerHeight;
-  }
-  return el.clientHeight;
-}
-
-// Normalized scrollTo & scrollTop
-// ------------------------------
-
-function getScrollTop(el) {
-  if (isDocumentElement(el)) {
-    return window.pageYOffset;
-  }
-  return el.scrollTop;
-}
-function scrollTo(el, top) {
-  // with a scroll distance, we perform scroll on the element
-  if (isDocumentElement(el)) {
-    window.scrollTo(0, top);
-    return;
-  }
-  el.scrollTop = top;
-}
-
-// Get Scroll Parent
-// ------------------------------
-
-function getScrollParent(element) {
-  var style = getComputedStyle(element);
-  var excludeStaticParent = style.position === 'absolute';
-  var overflowRx = /(auto|scroll)/;
-  if (style.position === 'fixed') {
-    return document.documentElement;
-  }
-  for (var parent = element; parent = parent.parentElement;) {
-    style = getComputedStyle(parent);
-    if (excludeStaticParent && style.position === 'static') {
-      continue;
-    }
-    if (overflowRx.test(style.overflow + style.overflowY + style.overflowX)) {
-      return parent;
-    }
-  }
-  return document.documentElement;
-}
-
-// Animated Scroll To
-// ------------------------------
-
-/**
- * @param t: time (elapsed)
- * @param b: initial value
- * @param c: amount of change
- * @param d: duration
- */
-function easeOutCubic(t, b, c, d) {
-  return c * ((t = t / d - 1) * t * t + 1) + b;
-}
-function animatedScrollTo(element, to) {
-  var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 200;
-  var callback = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : noop;
-  var start = getScrollTop(element);
-  var change = to - start;
-  var increment = 10;
-  var currentTime = 0;
-  function animateScroll() {
-    currentTime += increment;
-    var val = easeOutCubic(currentTime, start, change, duration);
-    scrollTo(element, val);
-    if (currentTime < duration) {
-      window.requestAnimationFrame(animateScroll);
-    } else {
-      callback(element);
-    }
-  }
-  animateScroll();
-}
-
-// Scroll Into View
-// ------------------------------
-
-function scrollIntoView(menuEl, focusedEl) {
-  var menuRect = menuEl.getBoundingClientRect();
-  var focusedRect = focusedEl.getBoundingClientRect();
-  var overScroll = focusedEl.offsetHeight / 3;
-  if (focusedRect.bottom + overScroll > menuRect.bottom) {
-    scrollTo(menuEl, Math.min(focusedEl.offsetTop + focusedEl.clientHeight - menuEl.offsetHeight + overScroll, menuEl.scrollHeight));
-  } else if (focusedRect.top - overScroll < menuRect.top) {
-    scrollTo(menuEl, Math.max(focusedEl.offsetTop - overScroll, 0));
-  }
-}
-
-// ==============================
-// Get bounding client object
-// ==============================
-
-// cannot get keys using array notation with DOMRect
-function getBoundingClientObj(element) {
-  var rect = element.getBoundingClientRect();
-  return {
-    bottom: rect.bottom,
-    height: rect.height,
-    left: rect.left,
-    right: rect.right,
-    top: rect.top,
-    width: rect.width
-  };
-}
-
-// ==============================
-// Touch Capability Detector
-// ==============================
-
-function isTouchCapable() {
-  try {
-    document.createEvent('TouchEvent');
-    return true;
-  } catch (_unused) {
-    return false;
-  }
-}
-
-// ==============================
-// Mobile Device Detector
-// ==============================
-
-function isMobileDevice() {
-  try {
-    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-  } catch (_unused2) {
-    return false;
-  }
-}
-
-// ==============================
-// Passive Event Detector
-// ==============================
-
-// https://github.com/rafgraph/detect-it/blob/main/src/index.ts#L19-L36
-var passiveOptionAccessed = false;
-var options = {
-  get passive() {
-    return passiveOptionAccessed = true;
-  }
-};
-// check for SSR
-var w = typeof window !== 'undefined' ? window : {};
-if (w.addEventListener && w.removeEventListener) {
-  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-  w.addEventListener('p', noop, options);
-  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-  w.removeEventListener('p', noop, false);
-}
-var supportsPassiveEvents = exports.supportsPassiveEvents = passiveOptionAccessed;
-function notNullish(item) {
-  return item != null;
-}
-function isArray(arg) {
-  return Array.isArray(arg);
-}
-function valueTernary(isMulti, multiValue, singleValue) {
-  return isMulti ? multiValue : singleValue;
-}
-function singleValueAsValue(singleValue) {
-  return singleValue;
-}
-function multiValueAsValue(multiValue) {
-  return multiValue;
-}
-var removeProps = exports.removeProps = function removeProps(propsObj) {
-  for (var _len2 = arguments.length, properties = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-    properties[_key2 - 1] = arguments[_key2];
-  }
-  var propsMap = Object.entries(propsObj).filter(function (_ref) {
-    var _ref2 = (0, _slicedToArray2.default)(_ref, 1),
-      key = _ref2[0];
-    return !properties.includes(key);
-  });
-  return propsMap.reduce(function (newProps, _ref3) {
-    var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
-      key = _ref4[0],
-      val = _ref4[1];
-    newProps[key] = val;
-    return newProps;
-  }, {});
-};
-
-/**
- * Filters out unsupported selectors (e.g., pseudo-classes, complex selectors) from a styles object.
- * @param styles - The styles object to filter.
- * @returns A new object containing only supported styles.
- */
-var filterUnsupportedSelectors = exports.filterUnsupportedSelectors = function filterUnsupportedSelectors(styles) {
-  var unsupportedSelectors = [':',
-  // pseudo-classes/elements
-  '[',
-  // attribute selectors
-  '>',
-  // child combinator
-  '+',
-  // adjacent sibling combinator
-  '~',
-  // general sibling combinator
-  ' ',
-  // descendant combinator
-  '*',
-  // universal selector
-  '#',
-  // ID selector
-  '.',
-  // class selector
-  '@',
-  // at-rules
-  '&',
-  // parent selector
-  '|',
-  // namespace separator
-  '^',
-  // starts with
-  '$',
-  // ends with
-  '=' // equals
-  ];
-  return Object.keys(styles).reduce(function (filteredStyles, key) {
-    if (!unsupportedSelectors.some(function (selector) {
-      return key.includes(selector);
-    })) {
-      filteredStyles[key] = styles[key];
-    }
-    return filteredStyles;
-  }, {});
-};

package/dist/es2019/components/containers.compiled.css

@@ -1,25 +0,0 @@
-._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._16jlkb7n{flex-grow:1}
-._18m915vq{overflow-y:hidden}
-._1e0c11p5{display:grid}
-._1e0c1txw{display:flex}
-._1eim1xrj{direction:rtl}
-._1n261g80{flex-wrap:wrap}
-._1o9zidpf{flex-shrink:0}
-._1o9zkb7n{flex-shrink:1}
-._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
-._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
-._1reo15vq{overflow-x:hidden}
-._1wpz1fhb{align-self:stretch}
-._4cvr1h6o{align-items:center}
-._80om13gf{cursor:not-allowed}
-._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
-._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
-._8am5i4x0{-webkit-overflow-scrolling:touch}
-._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
-._i0dlf1ug{flex-basis:0%}
-._kqswh2mm{position:relative}
-._lcxv1rj4{pointer-events:all}
-._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
-._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
-@media (min-width:30rem){._1tn2fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}}