@ntbjs/react-components 2.0.0-rc.26 → 2.0.0-rc.27

package/build/{MultiSelect-d7920eb1.js → MultiSelect-9f497e62.js}

@@ -1,31 +1,22 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4b342fad.js');
-var React = require('react');
-var defaultTheme = require('./defaultTheme-d9a7342e.js');
-var nanoid = require('nanoid');
-var styled = require('styled-components');
-var close = require('./close-1751121a.js');
-var Select = require('react-select');
-var CreatableSelect = require('react-select/creatable');
-var reactSelectAsyncPaginate = require('react-select-async-paginate');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
-var CreatableSelect__default = /*#__PURE__*/_interopDefaultLegacy(CreatableSelect);
-
-const AsyncCreatableSelectPaginate = reactSelectAsyncPaginate.withAsyncPaginate(CreatableSelect__default["default"]);
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
+import React__default, { useState, useEffect, useMemo } from 'react';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import { nanoid } from 'nanoid';
+import styled, { css } from 'styled-components';
+import { S as SvgClose } from './close-a5d37608.js';
+import Select, { components } from 'react-select';
+import CreatableSelect from 'react-select/creatable';
+import { withAsyncPaginate, AsyncPaginate } from 'react-select-async-paginate';
+
+const AsyncCreatableSelectPaginate = withAsyncPaginate(CreatableSelect);
 const showMoreHeight = 114;
-const sharedStyle = styled.css`
+const sharedStyle = css`
   font-family: ${props => props.theme.primaryFontFamily};
   font-size: 12px;
   font-weight: 400;
   position: relative;
 `;
-const Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)`
+const Label = styled.label.attrs(applyDefaultTheme)`
   ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
   flex-basis: 33.33%;
   font-size: 0.875rem;
@@ -35,22 +26,22 @@ const Label = styled__default["default"].label.attrs(defaultTheme.applyDefaultTh
   display: flex;
   align-items: center;
 `;
-const MultiSelect$1 = styled__default["default"](Select__default["default"]).attrs(defaultTheme.applyDefaultTheme)`
+const MultiSelect$1 = styled(Select).attrs(applyDefaultTheme)`
   ${sharedStyle}
 `;
-const CreatableMultiSelect = styled__default["default"](CreatableSelect__default["default"]).attrs(defaultTheme.applyDefaultTheme)`
+const CreatableMultiSelect = styled(CreatableSelect).attrs(applyDefaultTheme)`
   ${sharedStyle}
 `;
-const AsyncCreatableMultiSelect = styled__default["default"](AsyncCreatableSelectPaginate).attrs(defaultTheme.applyDefaultTheme)`
+const AsyncCreatableMultiSelect = styled(AsyncCreatableSelectPaginate).attrs(applyDefaultTheme)`
   ${sharedStyle}
 `;
-const AsyncMultiSelect = styled__default["default"](reactSelectAsyncPaginate.AsyncPaginate).attrs(defaultTheme.applyDefaultTheme)`
+const AsyncMultiSelect = styled(AsyncPaginate).attrs(applyDefaultTheme)`
   ${sharedStyle}
 `;
-const MultiSelectWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const MultiSelectWrapper = styled.div.attrs(applyDefaultTheme)`
   position: relative;
 `;
-const Control = styled__default["default"](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)`
+const Control = styled(components.Control).attrs(applyDefaultTheme)`
   && {
     align-items: flex-start;
     background: transparent;
@@ -62,7 +53,7 @@ const Control = styled__default["default"](Select.components.Control).attrs(defa
     cursor: ${props => !props.isDisabled && props.focused || props.readOnly ? 'default' : 'pointer'};
   }
 `;
-const ValueContainer = styled__default["default"](Select.components.ValueContainer)`
+const ValueContainer = styled(components.ValueContainer)`
   && {
     align-items: flex-start;
     gap: 8px;
@@ -72,7 +63,7 @@ const ValueContainer = styled__default["default"](Select.components.ValueContain
   return props.showMore ? props.error || props.warning ? '100%' : showMoreHeight + 16 + 'px' : '100%';
 }} !important;
 
-    ${props => (props.error || props.warning) && styled.css`
+    ${props => (props.error || props.warning) && css`
         border: 1px solid;
         border-radius: 3px;
         padding: 4px;
@@ -81,13 +72,13 @@ const ValueContainer = styled__default["default"](Select.components.ValueContain
       `}
   }
 `;
-const MultiValueWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const MultiValueWrapper = styled.div.attrs(applyDefaultTheme)`
   && {
     border-radius: 3px;
     margin: 0;
   }
 `;
-const MultiValue = styled__default["default"](Select.components.MultiValue).attrs(defaultTheme.applyDefaultTheme)`
+const MultiValue = styled(components.MultiValue).attrs(applyDefaultTheme)`
   && {
     border-radius: 3px;
     margin: 0;
@@ -130,15 +121,15 @@ const MultiValue = styled__default["default"](Select.components.MultiValue).attr
     }
   }
 `;
-const MultiValueRemove$1 = styled__default["default"](Select.components.MultiValueRemove).attrs(defaultTheme.applyDefaultTheme)``;
-const Input = styled__default["default"](Select.components.Input).attrs(defaultTheme.applyDefaultTheme)`
+const MultiValueRemove$1 = styled(components.MultiValueRemove).attrs(applyDefaultTheme)``;
+const Input = styled(components.Input).attrs(applyDefaultTheme)`
   align-self: center;
   font-size: ${props => props.$focused ? '14px' : '12px'};
   min-width: 150px;
 
   ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))}
 
-  ${props => !props.$focused && styled.css`
+  ${props => !props.$focused && css`
       ${props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'))}
 
       :before {
@@ -150,25 +141,25 @@ const Input = styled__default["default"](Select.components.Input).attrs(defaultT
     `}
   }
 `;
-const DropdownMenu = styled__default["default"](Select.components.Menu).attrs(defaultTheme.applyDefaultTheme)`
+const DropdownMenu = styled(components.Menu).attrs(applyDefaultTheme)`
   font-size: 14px;
 
   ${props => props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('white'))}
 
   ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))}
 `;
-const sharedOptionStyle = styled.css`
-  ${props => props.isFocused && styled.css`
+const sharedOptionStyle = css`
+  ${props => props.isFocused && css`
       ${props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200'))}
     `}
 
-  ${props => props.isSelected && styled.css`
+  ${props => props.isSelected && css`
       ${props.theme.themeProp('background-color', 'transparent', 'transparent')}
 
       ${props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))}
     `}
 
-  ${props => props.isFocused && props.isSelected && styled.css`
+  ${props => props.isFocused && props.isSelected && css`
       ${props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200'))}
     `}
 
@@ -176,22 +167,22 @@ const sharedOptionStyle = styled.css`
     cursor: pointer;
   }
 `;
-const Option$1 = styled__default["default"](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)`
+const Option$1 = styled(components.Option).attrs(applyDefaultTheme)`
   ${sharedOptionStyle}
 `;
-const SelectedOption$1 = styled__default["default"](Select.components.Option).attrs(defaultTheme.applyDefaultTheme)`
+const SelectedOption$1 = styled(components.Option).attrs(applyDefaultTheme)`
   ${sharedOptionStyle}
 
   display: flex !important;
   justify-content: space-between;
 `;
-const DropdownOptionDeleteIcon = styled__default["default"](close.SvgClose).attrs(defaultTheme.applyDefaultTheme)`
+const DropdownOptionDeleteIcon = styled(SvgClose).attrs(applyDefaultTheme)`
   stroke-width: 1px;
   width: 8px;
 
   ${props => props.theme.themeProp('stroke', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))}
 `;
-const ShowMoreWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const ShowMoreWrapper = styled.div.attrs(applyDefaultTheme)`
   align-items: end;
   display: flex;
   flex-direction: column;
@@ -209,7 +200,7 @@ const ShowMoreWrapper = styled__default["default"].div.attrs(defaultTheme.applyD
     text-decoration: underline;
   }
 `;
-const ShowMoreOverlay = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const ShowMoreOverlay = styled.div.attrs(applyDefaultTheme)`
   align-items: end;
   display: block;
   height: 100%;
@@ -220,19 +211,19 @@ const ShowMoreOverlay = styled__default["default"].div.attrs(defaultTheme.applyD
 
   ${props => props.theme.themeProp('background', 'transparent linear-gradient(180deg, #12121200 0%, #12121230 40%, #12121279 70%, #121212 95%, #121212 100%) 0% 0% no-repeat padding-box', 'transparent linear-gradient(180deg, #fefefe00 0%, #fefefe30 40%, #fefefe79 70%, #fefefe 95%, #fefefe 100%) 0% 0% no-repeat padding-box')}
 `;
-const ShowMoreText = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const ShowMoreText = styled.div.attrs(applyDefaultTheme)`
   font-size: 0.875rem;
   width: 100%;
   ${props => props.theme.themeProp('background-color', '#121212', '#fefefe')}
 `;
-const ErrorMessage = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const ErrorMessage = styled.div.attrs(applyDefaultTheme)`
   color: ${props => props.error ? props.theme.getColor('red-500') : props.warning ? props.theme.getColor('orange-500') : 'inherit'};
   font-size: 0.75rem;
   margin-top: 8px;
   padding: 0 12px;
 `;
 
-const MultiSelect = React__default["default"].forwardRef(function MultiSelect({
+const MultiSelect = React__default.forwardRef(function MultiSelect({
   label,
   selectedOptions,
   availableOptions,
@@ -254,20 +245,20 @@ const MultiSelect = React__default["default"].forwardRef(function MultiSelect({
   warning,
   ...props
 }, forwardedRef) {
-  const [uniqueId] = React.useState(nanoid.nanoid());
-  const [selected, setSelected] = React.useState(selectedOptions);
-  const [focused, setFocused] = React.useState(false);
-  const [displayShowMore, setDisplayShowMore] = React.useState(error || warning ? false : showMore);
-  const [cacheUnique, setCacheUnique] = React.useState(0);
-  React.useEffect(() => {
+  const [uniqueId] = useState(nanoid());
+  const [selected, setSelected] = useState(selectedOptions);
+  const [focused, setFocused] = useState(false);
+  const [displayShowMore, setDisplayShowMore] = useState(error || warning ? false : showMore);
+  const [cacheUnique, setCacheUnique] = useState(0);
+  useEffect(() => {
     setSelected(selectedOptions);
   }, [selectedOptions]);
   const handleShowMoreClick = () => {
     setDisplayShowMore(false);
   };
-  const Control$1 = React.useMemo(() => {
+  const Control$1 = useMemo(() => {
     const ControlWrapper = innerProps => {
-      return React__default["default"].createElement(Control, _rollupPluginBabelHelpers._extends({
+      return React__default.createElement(Control, _extends({
         className: "multi-select-control",
         readOnly: readOnly
       }, innerProps));
@@ -275,11 +266,11 @@ const MultiSelect = React__default["default"].forwardRef(function MultiSelect({
     ControlWrapper.displayName = 'ControlWrapper';
     return ControlWrapper;
   }, []);
-  const ValueContainer$1 = React.useMemo(() => {
+  const ValueContainer$1 = useMemo(() => {
     const ValueContainerWrapper = innerProps => {
-      return React__default["default"].createElement(React__default["default"].Fragment, null, label && React__default["default"].createElement(Label, {
+      return React__default.createElement(React__default.Fragment, null, label && React__default.createElement(Label, {
         htmlFor: uniqueId
-      }, label), React__default["default"].createElement(ValueContainer, _rollupPluginBabelHelpers._extends({
+      }, label), React__default.createElement(ValueContainer, _extends({
         showMore: displayShowMore,
         error: error,
         warning: warning,
@@ -290,7 +281,7 @@ const MultiSelect = React__default["default"].forwardRef(function MultiSelect({
     return ValueContainerWrapper;
   }, [displayShowMore, error, warning]);
   const MultiValue$1 = innerProps => {
-    return React__default["default"].createElement(MultiValueWrapper, {
+    return React__default.createElement(MultiValueWrapper, {
       className: "multi-value-wrapper",
       onMouseDown: e => {
         e.stopPropagation();
@@ -298,14 +289,14 @@ const MultiSelect = React__default["default"].forwardRef(function MultiSelect({
           onMultiValueClick(innerProps.data);
         }
       }
-    }, React__default["default"].createElement(MultiValue, _rollupPluginBabelHelpers._extends({
+    }, React__default.createElement(MultiValue, _extends({
       className: "multi-value",
       readOnly: readOnly
     }, innerProps)));
   };
-  const Input$1 = React.useMemo(() => {
+  const Input$1 = useMemo(() => {
     const InputWrapper = innerProps => {
-      return React__default["default"].createElement(Input, _rollupPluginBabelHelpers._extends({
+      return React__default.createElement(Input, _extends({
         className: "multi-select-input",
         $focused: focused,
         edittext: editText
@@ -401,36 +392,36 @@ const MultiSelect = React__default["default"].forwardRef(function MultiSelect({
     }
   };
   if (hidden) return null;
-  return React__default["default"].createElement(MultiSelectWrapper, {
+  return React__default.createElement(MultiSelectWrapper, {
     error: error,
     warning: warning
-  }, loadOptions ? creatable ? React__default["default"].createElement(AsyncCreatableMultiSelect, _rollupPluginBabelHelpers._extends({}, sharedSelectProps, props)) : React__default["default"].createElement(AsyncMultiSelect, _rollupPluginBabelHelpers._extends({}, sharedSelectProps, props)) : creatable ? React__default["default"].createElement(CreatableMultiSelect, _rollupPluginBabelHelpers._extends({}, sharedSelectProps, props)) : React__default["default"].createElement(MultiSelect$1, _rollupPluginBabelHelpers._extends({}, sharedSelectProps, props)), displayShowMore && !(error || warning) && React__default["default"].createElement(ShowMoreWrapper, {
+  }, loadOptions ? creatable ? React__default.createElement(AsyncCreatableMultiSelect, _extends({}, sharedSelectProps, props)) : React__default.createElement(AsyncMultiSelect, _extends({}, sharedSelectProps, props)) : creatable ? React__default.createElement(CreatableMultiSelect, _extends({}, sharedSelectProps, props)) : React__default.createElement(MultiSelect$1, _extends({}, sharedSelectProps, props)), displayShowMore && !(error || warning) && React__default.createElement(ShowMoreWrapper, {
     onClick: handleShowMoreClick
-  }, React__default["default"].createElement(ShowMoreOverlay, null), React__default["default"].createElement(ShowMoreText, null, showMoreText, " ", displayTotalOnShowMore && '(' + selected.length + ')')), (typeof error === 'string' || typeof warning === 'string') && React__default["default"].createElement(ErrorMessage, {
+  }, React__default.createElement(ShowMoreOverlay, null), React__default.createElement(ShowMoreText, null, showMoreText, " ", displayTotalOnShowMore && '(' + selected.length + ')')), (typeof error === 'string' || typeof warning === 'string') && React__default.createElement(ErrorMessage, {
     error: error,
     warning: warning
   }, error ? error : warning));
 });
 MultiSelect.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: defaultTheme.PropTypes.string,
-  availableOptions: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.object),
-  selectedOptions: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.object),
-  loadOptions: defaultTheme.PropTypes.func,
-  loadingMessageFunc: defaultTheme.PropTypes.func,
-  onUpdateCallback: defaultTheme.PropTypes.func,
-  editText: defaultTheme.PropTypes.string.isRequired,
-  creatable: defaultTheme.PropTypes.bool,
-  createNewOptionMessageFunc: defaultTheme.PropTypes.func,
-  noOptionsMessageFunc: defaultTheme.PropTypes.func,
-  onMultiValueClick: defaultTheme.PropTypes.func,
-  showMore: defaultTheme.PropTypes.bool,
-  showMoreText: defaultTheme.PropTypes.string,
-  displayTotalOnShowMore: defaultTheme.PropTypes.bool,
-  readOnly: defaultTheme.PropTypes.bool,
-  hidden: defaultTheme.PropTypes.bool,
-  disabled: defaultTheme.PropTypes.bool,
-  error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
-  warning: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string])
+  label: PropTypes.string,
+  availableOptions: PropTypes.arrayOf(PropTypes.object),
+  selectedOptions: PropTypes.arrayOf(PropTypes.object),
+  loadOptions: PropTypes.func,
+  loadingMessageFunc: PropTypes.func,
+  onUpdateCallback: PropTypes.func,
+  editText: PropTypes.string.isRequired,
+  creatable: PropTypes.bool,
+  createNewOptionMessageFunc: PropTypes.func,
+  noOptionsMessageFunc: PropTypes.func,
+  onMultiValueClick: PropTypes.func,
+  showMore: PropTypes.bool,
+  showMoreText: PropTypes.string,
+  displayTotalOnShowMore: PropTypes.bool,
+  readOnly: PropTypes.bool,
+  hidden: PropTypes.bool,
+  disabled: PropTypes.bool,
+  error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+  warning: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])
 } : {};
 MultiSelect.defaultProps = {
   noOptionsMessageFunc: inputValue => {
@@ -451,20 +442,20 @@ MultiSelect.defaultProps = {
   hidden: false
 };
 const MultiValueRemove = innerProps => {
-  return React__default["default"].createElement(MultiValueRemove$1, innerProps, React__default["default"].createElement(close.SvgClose, {
+  return React__default.createElement(MultiValueRemove$1, innerProps, React__default.createElement(SvgClose, {
     className: "multi-value-remove-icon"
   }));
 };
 const Menu = innerProps => {
-  return React__default["default"].createElement(DropdownMenu, innerProps);
+  return React__default.createElement(DropdownMenu, innerProps);
 };
 const Option = innerProps => {
-  return React__default["default"].createElement(Option$1, _rollupPluginBabelHelpers._extends({
+  return React__default.createElement(Option$1, _extends({
     className: "multi-select-dropdown-item"
   }, innerProps));
 };
 const SelectedOption = innerProps => {
-  return React__default["default"].createElement(SelectedOption$1, innerProps, innerProps.label, React__default["default"].createElement(DropdownOptionDeleteIcon, null));
+  return React__default.createElement(SelectedOption$1, innerProps, innerProps.label, React__default.createElement(DropdownOptionDeleteIcon, null));
 };
 
-exports.MultiSelect = MultiSelect;
+export { MultiSelect as M };

package/build/{Popover-c4be47ea.js → Popover-20050b91.js}

@@ -1,23 +1,14 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4b342fad.js');
-var lodash = require('lodash');
-var defaultTheme = require('./defaultTheme-d9a7342e.js');
-var React = require('react');
-var styled = require('styled-components');
-var polished = require('polished');
-var TippyTooltip = require('@tippyjs/react');
-require('./shift-away-subtle-158617af.js');
-var maxSize = require('popper-max-size-modifier');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var TippyTooltip__default = /*#__PURE__*/_interopDefaultLegacy(TippyTooltip);
-var maxSize__default = /*#__PURE__*/_interopDefaultLegacy(maxSize);
-
-const Popover$1 = styled__default["default"](TippyTooltip__default["default"]).attrs(defaultTheme.applyDefaultTheme)`
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
+import { isBoolean } from 'lodash';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import React__default, { useMemo } from 'react';
+import styled, { css } from 'styled-components';
+import { rgba } from 'polished';
+import TippyTooltip from '@tippyjs/react';
+import './shift-away-subtle-0dd94a03.js';
+import maxSize from 'popper-max-size-modifier';
+
+const Popover$1 = styled(TippyTooltip).attrs(applyDefaultTheme)`
   font-family: ${props => props.theme.primaryFontFamily};
   font-size: 1rem;
   font-weight: 400;
@@ -26,25 +17,25 @@ const Popover$1 = styled__default["default"](TippyTooltip__default["default"]).a
   line-height: inherit;
   max-height: inherit;
 
-  ${props => props.maxWidth && styled.css`
+  ${props => props.maxWidth && css`
       max-width: ${props.maxWidth};
     `}
 
   ${props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'))}
 
-  ${props => props.theme.themeProp('box-shadow', `0px 1px 6px -3px ${polished.rgba(props.theme.getColor('black'), 0.7)}`, `0 1px 6px -4px ${props.theme.getColor('black')}`)}
+  ${props => props.theme.themeProp('box-shadow', `0px 1px 6px -3px ${rgba(props.theme.getColor('black'), 0.7)}`, `0 1px 6px -4px ${props.theme.getColor('black')}`)}
 
   ${props => props.theme.themeProp('border', `1px solid ${props.theme.getColor('gray-800')}`, `1px solid ${props.theme.getColor('gray-300')}`)}
 
-  ${props => props.contextMenu && styled.css`
+  ${props => props.contextMenu && css`
       border-radius: 4px;
 
       ${props => props.theme.themeProp('border', 'none', 'none')}
 
-      ${props => props.theme.themeProp('box-shadow', `none`, `0 1px 6px ${polished.rgba(props.theme.getColor('gray-900'), 0.3)}`)}
+      ${props => props.theme.themeProp('box-shadow', `none`, `0 1px 6px ${rgba(props.theme.getColor('gray-900'), 0.3)}`)}
     `}
 
-  ${props => props.contextMenuSublevel && styled.css`
+  ${props => props.contextMenuSublevel && css`
       &[data-placement^='right-start'],
       &[data-placement^='left-start'] {
         margin-top: -4px;
@@ -154,7 +145,7 @@ const Popover$1 = styled__default["default"](TippyTooltip__default["default"]).a
   }
 `;
 
-const Popover = React__default["default"].forwardRef(function Popover({
+const Popover = React__default.forwardRef(function Popover({
   content = 'Tooltip',
   interactive = true,
   placement = 'bottom-end',
@@ -170,8 +161,8 @@ const Popover = React__default["default"].forwardRef(function Popover({
   maxWidth = 'none',
   ...props
 }, ref) {
-  const errorOffset = React.useMemo(() => arrow ? 15 : 0, [arrow]);
-  const isControlled = React.useMemo(() => lodash.isBoolean(visible), [visible]);
+  const errorOffset = useMemo(() => arrow ? 15 : 0, [arrow]);
+  const isControlled = useMemo(() => isBoolean(visible), [visible]);
   const handleContextMenuItemClick = () => {
     document.querySelectorAll('.context-menu-item:not(.opens-sublevel)').forEach(item => item.addEventListener('click', () => {
       document.querySelectorAll('[data-tippy-root]').forEach(node => {
@@ -181,7 +172,7 @@ const Popover = React__default["default"].forwardRef(function Popover({
       });
     }));
   };
-  return React__default["default"].createElement("div", null, React__default["default"].createElement(Popover$1, _rollupPluginBabelHelpers._extends({
+  return React__default.createElement("div", null, React__default.createElement(Popover$1, _extends({
     ref: ref,
     content: content,
     interactive: interactive,
@@ -194,7 +185,7 @@ const Popover = React__default["default"].forwardRef(function Popover({
     visible: visible,
     popperOptions: {
       modifiers: [{
-        ...maxSize__default["default"],
+        ...maxSize,
         options: {
           boundary: 'viewport',
           rootBoundary: 'viewport',
@@ -223,19 +214,19 @@ const Popover = React__default["default"].forwardRef(function Popover({
   }, props), children));
 });
 Popover.propTypes = process.env.NODE_ENV !== "production" ? {
-  content: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.element]).isRequired,
-  interactive: defaultTheme.PropTypes.bool,
-  placement: defaultTheme.PropTypes.oneOf(['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', 'auto-end']),
-  duration: defaultTheme.PropTypes.number,
-  trigger: defaultTheme.PropTypes.string,
-  offset: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.number),
-  arrow: defaultTheme.PropTypes.bool,
-  visible: defaultTheme.PropTypes.bool,
-  modifiers: defaultTheme.PropTypes.array,
-  maxWidth: defaultTheme.PropTypes.string,
-  contextMenu: defaultTheme.PropTypes.bool,
-  contextMenuSublevel: defaultTheme.PropTypes.bool,
-  children: defaultTheme.PropTypes.node.isRequired
+  content: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,
+  interactive: PropTypes.bool,
+  placement: PropTypes.oneOf(['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', 'auto-end']),
+  duration: PropTypes.number,
+  trigger: PropTypes.string,
+  offset: PropTypes.arrayOf(PropTypes.number),
+  arrow: PropTypes.bool,
+  visible: PropTypes.bool,
+  modifiers: PropTypes.array,
+  maxWidth: PropTypes.string,
+  contextMenu: PropTypes.bool,
+  contextMenuSublevel: PropTypes.bool,
+  children: PropTypes.node.isRequired
 } : {};
 
-exports.Popover = Popover;
+export { Popover as P };

package/build/{Radio-150fb2c9.js → Radio-73ca3ae2.js}

@@ -1,26 +1,19 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4b342fad.js');
-var React = require('react');
-var nanoid = require('nanoid');
-var defaultTheme = require('./defaultTheme-d9a7342e.js');
-var polished = require('polished');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
+import React__default, { useState } from 'react';
+import { nanoid } from 'nanoid';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import { math } from 'polished';
+import styled, { css } from 'styled-components';
 
 const radioSize = '18px';
-const RadioLabel = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
-  padding-left: ${polished.math(`${radioSize} + 10px`)};
+const RadioLabel = styled.div.attrs(applyDefaultTheme)`
+  padding-left: ${math(`${radioSize} + 10px`)};
   font-weight: 400;
   font-size: 0.875rem;
 
   ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'))};
 `;
-const Radio$1 = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)`
+const Radio$1 = styled.label.attrs(applyDefaultTheme)`
   display: block;
   position: relative;
   cursor: pointer;
@@ -73,20 +66,20 @@ const Radio$1 = styled__default["default"].label.attrs(defaultTheme.applyDefault
     }
   }
 
-  ${props => props.readOnly && styled.css`
+  ${props => props.readOnly && css`
       opacity: 0.5;
       pointer-events: none;
       user-select: text;
     `}
 
-  ${props => props.disabled && styled.css`
+  ${props => props.disabled && css`
       opacity: 0.5;
       cursor: not-allowed;
       user-select: text;
     `}
 `;
 
-const Radio = React__default["default"].forwardRef(function Radio({
+const Radio = React__default.forwardRef(function Radio({
   name,
   value,
   checked,
@@ -100,14 +93,14 @@ const Radio = React__default["default"].forwardRef(function Radio({
   onBlur,
   ...rest
 }, forwardedRef) {
-  const [uniqueId] = React.useState(nanoid.nanoid());
-  return React__default["default"].createElement(Radio$1, {
+  const [uniqueId] = useState(nanoid());
+  return React__default.createElement(Radio$1, {
     htmlFor: uniqueId,
     disabled: disabled,
     readOnly: readOnly,
     className: className,
     style: style
-  }, React__default["default"].createElement("input", _rollupPluginBabelHelpers._extends({
+  }, React__default.createElement("input", _extends({
     ref: forwardedRef,
     type: "radio",
     name: name,
@@ -119,23 +112,23 @@ const Radio = React__default["default"].forwardRef(function Radio({
     id: uniqueId,
     onChange: onChange,
     onBlur: onBlur
-  }, rest)), React__default["default"].createElement(RadioLabel, null, label));
+  }, rest)), React__default.createElement(RadioLabel, null, label));
 });
 Radio.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: defaultTheme.PropTypes.any,
-  name: defaultTheme.PropTypes.string.isRequired,
-  value: defaultTheme.PropTypes.any.isRequired,
-  checked: defaultTheme.PropTypes.bool,
-  defaultChecked: defaultTheme.PropTypes.bool,
-  disabled: defaultTheme.PropTypes.bool,
-  readOnly: defaultTheme.PropTypes.bool,
-  className: defaultTheme.PropTypes.string,
-  style: defaultTheme.PropTypes.object,
-  onChange: defaultTheme.PropTypes.func,
-  onBlur: defaultTheme.PropTypes.func
+  label: PropTypes.any,
+  name: PropTypes.string.isRequired,
+  value: PropTypes.any.isRequired,
+  checked: PropTypes.bool,
+  defaultChecked: PropTypes.bool,
+  disabled: PropTypes.bool,
+  readOnly: PropTypes.bool,
+  className: PropTypes.string,
+  style: PropTypes.object,
+  onChange: PropTypes.func,
+  onBlur: PropTypes.func
 } : {};
 Radio.defaultProps = {
   disabled: false
 };
 
-exports.Radio = Radio;
+export { Radio as R };