@elliemae/ds-form 2.3.0-next.0 → 2.3.0-next.13

package/cjs/ComboBox/v1/DSComboBox.js

@@ -18,7 +18,7 @@ require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var lodash = require('lodash');
 var Select = require('react-select');
-var reactPopper = require('react-popper');
+var reactPopper = require('@elliemae/react-popper');
 var reactMeasure = require('react-measure');
 var dsUtilities = require('@elliemae/ds-utilities');
 var withSelectStringValueConverter = require('./withSelectStringValueConverter.js');

package/cjs/ComboBox/v1/components/Control.js

@@ -9,7 +9,7 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('react');
 var Select = require('react-select');
-var reactPopper = require('react-popper');
+var reactPopper = require('@elliemae/react-popper');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ComboBox/v1/components/SelectMenu.js

@@ -13,7 +13,7 @@ var DSOverlay = require('@elliemae/ds-overlay');
 var dsMenu = require('@elliemae/ds-menu');
 var DSPopper = require('@elliemae/ds-popper');
 var Select = require('react-select');
-var reactPopper = require('react-popper');
+var reactPopper = require('@elliemae/react-popper');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ComboBox/v2/Combobox.js

@@ -36,7 +36,7 @@ var lodash = require('lodash');
 var reactDesc = require('react-desc');
 var Select = require('react-select');
 var Creatable = require('react-select/creatable');
-var reactPopper = require('react-popper');
+var reactPopper = require('@elliemae/react-popper');
 var reactMeasure = require('react-measure');
 var dsUtilities = require('@elliemae/ds-utilities');
 var dsSystem = require('@elliemae/ds-system');

package/cjs/ComboBox/v2/components/Control.js

@@ -9,7 +9,7 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('react');
 var Select = require('react-select');
-var reactPopper = require('react-popper');
+var reactPopper = require('@elliemae/react-popper');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js

@@ -5,7 +5,7 @@ require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.filter.js');
 require('core-js/modules/esnext.async-iterator.for-each.js');
 require('core-js/modules/esnext.iterator.for-each.js');
-var _jsx = require('@babel/runtime/helpers/jsx');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('react');
 var lodash = require('lodash');
@@ -15,12 +15,15 @@ var MultiValueLabel = require('./components/MultiValueLabel.js');
 var MultiValueRemove = require('./components/MultiValueRemove.js');
 var SingleValue = require('./components/SingleValue.js');
 var SingleValueRemove = require('./components/SingleValueRemove.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
+const _excluded = ["isMulti", "options", "value", "onChange", "onChangeV2", "onInputChange", "onFocus", "onBlur", "containerProps", "disabled", "menuIsOpen", "placeholder", "formatCreateLabel", "maxOptions"];
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -63,8 +66,10 @@ function ComboBoxFreeSolo(_ref) {
     placeholder = 'Select values',
     formatCreateLabel = val => "Create ".concat(val),
     maxOptions = undefined
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](Combobox.DSComboBox2, {
+  } = _ref,
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  return /*#__PURE__*/jsxRuntime.jsx(Combobox.DSComboBox2, _objectSpread(_objectSpread({}, rest), {}, {
     isFreeSolo: true,
     clearable: true,
     isMulti: isMulti,
@@ -89,7 +94,7 @@ function ComboBoxFreeSolo(_ref) {
       SingleValue: SingleValue.SingleValue
     },
     componentsStyle: customStyles
-  });
+  }));
 }
 
 module.exports = ComboBoxFreeSolo;

package/cjs/MenuItem/components/MultiMenuItem/MultiMenuItem.js

@@ -51,7 +51,6 @@ const MultiMenuItem = props => {
     pr: render ? 0 : 40,
     "data-testid": "combobox-option",
     children: /*#__PURE__*/_jsx__default["default"](styled$1.StyledItemContent, {}, void 0, render ? render(props) : /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledCheckbox, {
-      tabIndex: tabIndex,
       disabled: disabled,
       checked: isSelected,
       onMouseDown: onMouseDown,

package/cjs/MenuItem/components/SingleMenuItem/SingleMenuItem.js

@@ -31,7 +31,8 @@ const SingleMenuItem = props => {
     onMouseLeave,
     wrapperStyles,
     render,
-    dataTestid
+    dataTestid,
+    disabled
   } = props;
   return /*#__PURE__*/jsxRuntime.jsx(styled.StyledGlobalMenuItemWrapper, {
     "aria-selected": isSelected,
@@ -49,6 +50,7 @@ const SingleMenuItem = props => {
     style: wrapperStyles,
     pr: render ? 0 : 40,
     "data-testid": dataTestid,
+    disabled: disabled,
     children: render ? render(props) : /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
       cols: ['16px', 'auto'],
       height: "16px",

package/cjs/MenuItem/components/styled.js

@@ -14,11 +14,26 @@ const borderOutside = function (color) {
   return styled.css([":after{display:block;content:' ';position:absolute;top:0;left:0;right:0;bottom:0;border:", "px solid ", ";pointer-events:none;z-index:7;}"], width, color);
 };
 
-const disabledOption = () => styled.css(["cursor:not-allowed;*{cursor:not-allowed;}"]);
-
-const activeBorderCss = props => borderOutside(props.theme.colors.brand[500]);
+const disabledOption = () => styled.css(["color:", ";cursor:not-allowed;*{cursor:not-allowed;}"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.colors.neutral[500];
+});
+
+const activeBorderCss = _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return borderOutside(theme.colors.brand[500]);
+};
 
-const focusBorderCss = props => borderOutside(props.theme.colors.brand[700], 2);
+const focusBorderCss = _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return borderOutside(theme.colors.brand[700], 2);
+};
 
 const StyledGlobalMenuItemWrapper = /*#__PURE__*/styled__default["default"].li.withConfig({
   componentId: "sc-jyoobd-0"
@@ -30,7 +45,7 @@ const StyledGlobalMenuItemWrapper = /*#__PURE__*/styled__default["default"].li.w
 }, props => props.isActive ? props.theme.colors.brand[200] : 'white', props => !props.disabled && props.theme.colors.brand[200]);
 const StyledMenuItemWrapper = /*#__PURE__*/styled__default["default"](StyledGlobalMenuItemWrapper).withConfig({
   componentId: "sc-jyoobd-1"
-})(["background-color:", " !important;cursor:", ";", ";"], props => props.isSelected ? props.theme.colors.brand[200] : 'white', props => props.disabled && 'not-allowed', props => props.isSelected && !props.isFocus ? activeBorderCss(props) : '');
+})(["background-color:", " !important;", ";"], props => props.isSelected ? props.theme.colors.brand[200] : 'white', props => props.isSelected && !props.isFocus ? activeBorderCss(props) : '');
 const StyledSubmenuItemWrapper = /*#__PURE__*/styled__default["default"](StyledGlobalMenuItemWrapper).withConfig({
   componentId: "sc-jyoobd-2"
 })(["", ";padding-right:0;"], props => props.isSelected || props.isActive ? activeBorderCss(props) : '');

package/esm/ComboBox/v1/DSComboBox.js

@@ -15,7 +15,7 @@ import React from 'react';
 import { debounce, throttle } from 'lodash';
 import Select from 'react-select';
 export { components } from 'react-select';
-import { Manager } from 'react-popper';
+import { Manager } from '@elliemae/react-popper';
 import { withContentRect } from 'react-measure';
 import { cx } from '@elliemae/ds-utilities';
 import withSelectStringValueConverter from './withSelectStringValueConverter.js';

package/esm/ComboBox/v1/components/Control.js

@@ -7,7 +7,7 @@ import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'react';
 import { components } from 'react-select';
-import { Reference } from 'react-popper';
+import { Reference } from '@elliemae/react-popper';
 import { jsx } from 'react/jsx-runtime';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

package/esm/ComboBox/v1/components/SelectMenu.js

@@ -11,7 +11,7 @@ import DSOverlay from '@elliemae/ds-overlay';
 import { Menu } from '@elliemae/ds-menu';
 import { PopperPositions } from '@elliemae/ds-popper';
 import { components } from 'react-select';
-import { Popper } from 'react-popper';
+import { Popper } from '@elliemae/react-popper';
 import { jsx } from 'react/jsx-runtime';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

package/esm/ComboBox/v2/Combobox.js

@@ -32,7 +32,7 @@ import { noop } from 'lodash';
 import { PropTypes, describe } from 'react-desc';
 import Select, { createFilter } from 'react-select';
 import Creatable from 'react-select/creatable';
-import { Manager } from 'react-popper';
+import { Manager } from '@elliemae/react-popper';
 import { withContentRect } from 'react-measure';
 import { usePrevious, useShouldRecalculate, isEqual, cx } from '@elliemae/ds-utilities';
 import { useTheme } from '@elliemae/ds-system';

package/esm/ComboBox/v2/components/Control.js

@@ -7,7 +7,7 @@ import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'react';
 import { components } from 'react-select';
-import { Reference } from 'react-popper';
+import { Reference } from '@elliemae/react-popper';
 import { jsx } from 'react/jsx-runtime';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

package/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js

@@ -3,7 +3,7 @@ import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.filter.js';
 import 'core-js/modules/esnext.async-iterator.for-each.js';
 import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'react';
 import { noop } from 'lodash';
@@ -13,6 +13,9 @@ import { MultiValueLabel } from './components/MultiValueLabel.js';
 import { MultiValueRemove } from './components/MultiValueRemove.js';
 import { SingleValue } from './components/SingleValue.js';
 import { SingleValueRemove } from './components/SingleValueRemove.js';
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["isMulti", "options", "value", "onChange", "onChangeV2", "onInputChange", "onFocus", "onBlur", "containerProps", "disabled", "menuIsOpen", "placeholder", "formatCreateLabel", "maxOptions"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -56,8 +59,10 @@ function ComboBoxFreeSolo(_ref) {
     placeholder = 'Select values',
     formatCreateLabel = val => "Create ".concat(val),
     maxOptions = undefined
-  } = _ref;
-  return /*#__PURE__*/_jsx(DSComboBox2, {
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx(DSComboBox2, _objectSpread(_objectSpread({}, rest), {}, {
     isFreeSolo: true,
     clearable: true,
     isMulti: isMulti,
@@ -82,7 +87,7 @@ function ComboBoxFreeSolo(_ref) {
       SingleValue
     },
     componentsStyle: customStyles
-  });
+  }));
 }
 
 export { ComboBoxFreeSolo as default };

package/esm/MenuItem/components/MultiMenuItem/MultiMenuItem.js

@@ -43,7 +43,6 @@ const MultiMenuItem = props => {
     pr: render ? 0 : 40,
     "data-testid": "combobox-option",
     children: /*#__PURE__*/_jsx(StyledItemContent, {}, void 0, render ? render(props) : /*#__PURE__*/_jsx(DSControlledCheckbox, {
-      tabIndex: tabIndex,
       disabled: disabled,
       checked: isSelected,
       onMouseDown: onMouseDown,

package/esm/MenuItem/components/SingleMenuItem/SingleMenuItem.js

@@ -22,7 +22,8 @@ const SingleMenuItem = props => {
     onMouseLeave,
     wrapperStyles,
     render,
-    dataTestid
+    dataTestid,
+    disabled
   } = props;
   return /*#__PURE__*/jsx(StyledGlobalMenuItemWrapper, {
     "aria-selected": isSelected,
@@ -40,6 +41,7 @@ const SingleMenuItem = props => {
     style: wrapperStyles,
     pr: render ? 0 : 40,
     "data-testid": dataTestid,
+    disabled: disabled,
     children: render ? render(props) : /*#__PURE__*/_jsx(Grid, {
       cols: ['16px', 'auto'],
       height: "16px",

package/esm/MenuItem/components/styled.js

@@ -6,11 +6,26 @@ const borderOutside = function (color) {
   return css([":after{display:block;content:' ';position:absolute;top:0;left:0;right:0;bottom:0;border:", "px solid ", ";pointer-events:none;z-index:7;}"], width, color);
 };
 
-const disabledOption = () => css(["cursor:not-allowed;*{cursor:not-allowed;}"]);
+const disabledOption = () => css(["color:", ";cursor:not-allowed;*{cursor:not-allowed;}"], _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.colors.neutral[500];
+});
 
-const activeBorderCss = props => borderOutside(props.theme.colors.brand[500]);
+const activeBorderCss = _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return borderOutside(theme.colors.brand[500]);
+};
 
-const focusBorderCss = props => borderOutside(props.theme.colors.brand[700], 2);
+const focusBorderCss = _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return borderOutside(theme.colors.brand[700], 2);
+};
 
 const StyledGlobalMenuItemWrapper = /*#__PURE__*/styled.li.withConfig({
   componentId: "sc-jyoobd-0"
@@ -22,7 +37,7 @@ const StyledGlobalMenuItemWrapper = /*#__PURE__*/styled.li.withConfig({
 }, props => props.isActive ? props.theme.colors.brand[200] : 'white', props => !props.disabled && props.theme.colors.brand[200]);
 const StyledMenuItemWrapper = /*#__PURE__*/styled(StyledGlobalMenuItemWrapper).withConfig({
   componentId: "sc-jyoobd-1"
-})(["background-color:", " !important;cursor:", ";", ";"], props => props.isSelected ? props.theme.colors.brand[200] : 'white', props => props.disabled && 'not-allowed', props => props.isSelected && !props.isFocus ? activeBorderCss(props) : '');
+})(["background-color:", " !important;", ";"], props => props.isSelected ? props.theme.colors.brand[200] : 'white', props => props.isSelected && !props.isFocus ? activeBorderCss(props) : '');
 const StyledSubmenuItemWrapper = /*#__PURE__*/styled(StyledGlobalMenuItemWrapper).withConfig({
   componentId: "sc-jyoobd-2"
 })(["", ";padding-right:0;"], props => props.isSelected || props.isActive ? activeBorderCss(props) : '');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form",
-  "version": "2.3.0-next.0",
+  "version": "2.3.0-next.13",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Form",
   "module": "./esm/index.js",
@@ -748,34 +748,34 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.3.0-next.0",
-    "@elliemae/ds-circular-progress-indicator": "2.3.0-next.0",
-    "@elliemae/ds-classnames": "2.3.0-next.0",
-    "@elliemae/ds-controlled-form": "2.3.0-next.0",
-    "@elliemae/ds-dropdownmenu": "2.3.0-next.0",
-    "@elliemae/ds-form": "2.3.0-next.0",
-    "@elliemae/ds-grid": "2.3.0-next.0",
-    "@elliemae/ds-icon": "2.3.0-next.0",
-    "@elliemae/ds-icons": "2.3.0-next.0",
-    "@elliemae/ds-menu": "2.3.0-next.0",
-    "@elliemae/ds-overlay": "2.3.0-next.0",
-    "@elliemae/ds-pills": "2.3.0-next.0",
-    "@elliemae/ds-popper": "2.3.0-next.0",
-    "@elliemae/ds-popperjs": "2.3.0-next.0",
-    "@elliemae/ds-props-helpers": "2.3.0-next.0",
-    "@elliemae/ds-separator": "2.3.0-next.0",
-    "@elliemae/ds-shared": "2.3.0-next.0",
-    "@elliemae/ds-system": "2.3.0-next.0",
-    "@elliemae/ds-text-wrapper": "2.3.0-next.0",
-    "@elliemae/ds-tooltip": "2.3.0-next.0",
-    "@elliemae/ds-truncated-tooltip-text": "2.3.0-next.0",
-    "@elliemae/ds-utilities": "2.3.0-next.0",
+    "@elliemae/ds-button": "2.3.0-next.13",
+    "@elliemae/ds-circular-progress-indicator": "2.3.0-next.13",
+    "@elliemae/ds-classnames": "2.3.0-next.13",
+    "@elliemae/ds-controlled-form": "2.3.0-next.13",
+    "@elliemae/ds-dropdownmenu": "2.3.0-next.13",
+    "@elliemae/ds-form": "2.3.0-next.13",
+    "@elliemae/ds-grid": "2.3.0-next.13",
+    "@elliemae/ds-icon": "2.3.0-next.13",
+    "@elliemae/ds-icons": "2.3.0-next.13",
+    "@elliemae/ds-menu": "2.3.0-next.13",
+    "@elliemae/ds-overlay": "2.3.0-next.13",
+    "@elliemae/ds-pills": "2.3.0-next.13",
+    "@elliemae/ds-popper": "2.3.0-next.13",
+    "@elliemae/ds-popperjs": "2.3.0-next.13",
+    "@elliemae/ds-props-helpers": "2.3.0-next.13",
+    "@elliemae/ds-separator": "2.3.0-next.13",
+    "@elliemae/ds-shared": "2.3.0-next.13",
+    "@elliemae/ds-system": "2.3.0-next.13",
+    "@elliemae/ds-text-wrapper": "2.3.0-next.13",
+    "@elliemae/ds-tooltip": "2.3.0-next.13",
+    "@elliemae/ds-truncated-tooltip-text": "2.3.0-next.13",
+    "@elliemae/ds-utilities": "2.3.0-next.13",
+    "@elliemae/react-popper": "1.0.2",
     "memoize-one": "~5.1.1",
     "moment": "~2.29.1",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-measure": "~2.5.2",
-    "react-popper": "~1.3.11",
     "react-select": "~4.3.0",
     "react-virtual": "~2.8.2",
     "react-window": "~1.8.6",

package/types/ComboBoxFreeSolo/ComboBoxFreeSolo.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import PropTypes from 'prop-types';
-declare function ComboBoxFreeSolo({ isMulti, options, value, onChange, onChangeV2, onInputChange, onFocus, onBlur, containerProps, disabled, menuIsOpen, placeholder, formatCreateLabel, maxOptions, }: {
+declare function ComboBoxFreeSolo({ isMulti, options, value, onChange, onChangeV2, onInputChange, onFocus, onBlur, containerProps, disabled, menuIsOpen, placeholder, formatCreateLabel, maxOptions, ...rest }: {
+    [x: string]: any;
     isMulti?: boolean | undefined;
     options?: {} | undefined;
     value?: never[] | undefined;

package/types/MenuItem/components/styled.d.ts

@@ -1,5 +1,7 @@
 import { LayoutProps, SizingProps, PositionProps, SpaceProps } from '@xstyled/styled-components';
 import { MenuItemT } from '../props';
 export declare const StyledGlobalMenuItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<MenuItemT, "isActive" | "isSelected" | "isFocus"> & LayoutProps<import("@xstyled/system").Theme> & SizingProps<import("@xstyled/system").Theme> & PositionProps<import("@xstyled/system").Theme> & SpaceProps<import("@xstyled/system").Theme>, never>;
-export declare const StyledMenuItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<MenuItemT, "isActive" | "isSelected" | "isFocus"> & LayoutProps<import("@xstyled/system").Theme> & SizingProps<import("@xstyled/system").Theme> & PositionProps<import("@xstyled/system").Theme> & SpaceProps<import("@xstyled/system").Theme>, never>;
+export declare const StyledMenuItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<MenuItemT, "isActive" | "isSelected" | "isFocus"> & LayoutProps<import("@xstyled/system").Theme> & SizingProps<import("@xstyled/system").Theme> & PositionProps<import("@xstyled/system").Theme> & SpaceProps<import("@xstyled/system").Theme> & {
+    disabled: boolean;
+}, never>;
 export declare const StyledSubmenuItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<MenuItemT, "isActive" | "isSelected" | "isFocus"> & LayoutProps<import("@xstyled/system").Theme> & SizingProps<import("@xstyled/system").Theme> & PositionProps<import("@xstyled/system").Theme> & SpaceProps<import("@xstyled/system").Theme>, never>;

package/types/Radio/Circle.d.ts

@@ -1,7 +1,2 @@
-import React from 'react';
-declare const _default: React.ForwardRefExoticComponent<{
-    checked: any;
-} & {
-    theme?: import("styled-components").DefaultTheme | undefined;
-}>;
+declare const _default: any;
 export default _default;