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

package/build/{TextInput-3a567daa.js → TextInput-fab35842.js}

@@ -1,21 +1,13 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4b342fad.js');
-var React = require('react');
-var nanoid = require('nanoid');
-var defaultTheme = require('./defaultTheme-d9a7342e.js');
-var useMergedRefs = require('@restart/hooks/useMergedRefs');
-var lodash = require('lodash');
-var editNote = require('./edit-note-cefe2215.js');
-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 useMergedRefs__default = /*#__PURE__*/_interopDefaultLegacy(useMergedRefs);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const activeLabel = styled.css`
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
+import React__default, { useRef, useState, useMemo } from 'react';
+import { nanoid } from 'nanoid';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import useMergedRefs from '@restart/hooks/useMergedRefs';
+import { isBoolean, isEmpty } from 'lodash';
+import { S as SvgEditNote } from './edit-note-283a0e15.js';
+import styled, { css } from 'styled-components';
+
+const activeLabel = css`
   font-size: 0.75rem;
   padding: 0 3px;
   top: -7px;
@@ -23,7 +15,7 @@ const activeLabel = styled.css`
   left: 8px !important;
   opacity: 1 !important;
 `;
-const Adornment = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const Adornment = styled.div.attrs(applyDefaultTheme)`
   flex-shrink: 0;
   font-family: inherit;
   font-size: 0.875rem;
@@ -35,12 +27,12 @@ const Adornment = styled__default["default"].div.attrs(defaultTheme.applyDefault
   border: 1px solid;
   ${props => props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'))}
   border-radius: 3px;
-  ${props => props.isPrefix ? styled.css`
+  ${props => props.isPrefix ? css`
           padding-right: 10px;
           border-right: 0;
           border-top-right-radius: 0;
           border-bottom-right-radius: 0;
-        ` : styled.css`
+        ` : css`
           padding-left: 0;
           margin-left: -3px;
           border-left: 0;
@@ -52,14 +44,14 @@ const Adornment = styled__default["default"].div.attrs(defaultTheme.applyDefault
   transition: border-color 350ms;
   height: 2.75rem;
 
-  ${props => props.warning && styled.css`
+  ${props => props.warning && css`
       border-color: ${props.theme.getColor('orange-500')} !important;
     `}
-  ${props => props.error && styled.css`
+  ${props => props.error && css`
       border-color: ${props.theme.getColor('red-500')} !important;
     `}
 `;
-const TextInputWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const TextInputWrapper = styled.div.attrs(applyDefaultTheme)`
   display: flex;
   align-content: center;
 
@@ -70,7 +62,7 @@ const TextInputWrapper = styled__default["default"].div.attrs(defaultTheme.apply
     }
   }
 `;
-const InputIconContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const InputIconContainer = styled.div.attrs(applyDefaultTheme)`
   opacity: 0;
   pointer-events: none;
   border-top-right-radius: 3px;
@@ -93,7 +85,7 @@ const InputIconContainer = styled__default["default"].div.attrs(defaultTheme.app
     width: 12px;
   }
 `;
-const TextInputField = styled__default["default"].input.attrs(defaultTheme.applyDefaultTheme)`
+const TextInputField = styled.input.attrs(applyDefaultTheme)`
   display: block;
   width: 100%;
   font-family: inherit;
@@ -111,18 +103,18 @@ const TextInputField = styled__default["default"].input.attrs(defaultTheme.apply
   border: 1px solid;
   ${props => props.noBorder || props.readOnly ? 'border-color: transparent !important' : props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'))};
 
-  ${props => props.readOnly && styled.css`
+  ${props => props.readOnly && css`
       user-select: text;
       cursor: default;
     `}
 
-  ${props => props.warning && styled.css`
+  ${props => props.warning && css`
       border-color: ${props.theme.getColor('orange-500')} !important;
     `}
-  ${props => props.error && styled.css`
+  ${props => props.error && css`
       border-color: ${props.theme.getColor('red-500')} !important;
     `}
-  ${props => props.hasIcon && styled.css`
+  ${props => props.hasIcon && css`
       padding-left: 35px;
     `}
 
@@ -145,11 +137,11 @@ const TextInputField = styled__default["default"].input.attrs(defaultTheme.apply
   :focus {
     outline: none;
     border-color: ${props => props.theme.getColor('gray-600')} !important
-    ${props => props.readOnly && styled.css`
+    ${props => props.readOnly && css`
         outline: none;
       `}
 `;
-const TextInputLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)`
+const TextInputLabel = styled.label.attrs(applyDefaultTheme)`
   position: absolute;
   top: 15px;
   left: 11px;
@@ -163,16 +155,16 @@ const TextInputLabel = styled__default["default"].label.attrs(defaultTheme.apply
 
   ${props => props.theme.themeProp('background', `linear-gradient(0deg, ${props.theme.getColor('gray-900')} calc(50% + 1px), transparent 50%)`, `linear-gradient(0deg, ${props.theme.getColor('white')} calc(50% + 1px), transparent 50%)`)}
 
-  ${props => (props.hasPlaceholder || props.hasAdornments) && styled.css`
+  ${props => (props.hasPlaceholder || props.hasAdornments) && css`
       ${activeLabel};
     `}
 
 
-  ${props => props.hasIcon && styled.css`
+  ${props => props.hasIcon && css`
       left: 35px;
     `}
 `;
-const TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const TextInputFieldIcon = styled.div.attrs(applyDefaultTheme)`
   position: absolute;
   top: 0;
   left: 0;
@@ -186,10 +178,10 @@ const TextInputFieldIcon = styled__default["default"].div.attrs(defaultTheme.app
     transition: opacity 250ms;
   }
 `;
-const TextInput$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const TextInput$1 = styled.div.attrs(applyDefaultTheme)`
   position: relative;
 
-  ${props => props.disabled && styled.css`
+  ${props => props.disabled && css`
       user-select: none;
       opacity: 0.5;
       cursor: not-allowed;
@@ -214,17 +206,17 @@ const TextInput$1 = styled__default["default"].div.attrs(defaultTheme.applyDefau
     ${activeLabel};
     ${props => props.error && props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'))}
 
-    ${props => props.error && styled.css`
+    ${props => props.error && css`
         color: ${props.theme.getColor('red-500')};
       `}
-    ${props => props.warning && styled.css`
+    ${props => props.warning && css`
         color: ${props.theme.getColor('orange-500')};
       `} 
   } 
  
 }
 `;
-const Description = styled__default["default"].p.attrs(defaultTheme.applyDefaultTheme)`
+const Description = styled.p.attrs(applyDefaultTheme)`
   margin: 8px 0 0 0;
   padding: 0 0.6875rem;
   font-size: 0.75rem;
@@ -232,16 +224,16 @@ const Description = styled__default["default"].p.attrs(defaultTheme.applyDefault
 
   ${props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'))};
 
-  ${props => props.error && styled.css`
+  ${props => props.error && css`
       ${props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'))}
     `}
 
-  ${props => props.warning && styled.css`
+  ${props => props.warning && css`
       ${props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500'))}
     `}
 `;
 
-const TextInput = React__default["default"].forwardRef(function TextInput({
+const TextInput = React__default.forwardRef(function TextInput({
   value,
   defaultValue,
   name,
@@ -264,46 +256,46 @@ const TextInput = React__default["default"].forwardRef(function TextInput({
   noBorder,
   ...rest
 }, forwardedRef) {
-  const textInputDomNode = React.useRef(null);
-  const textInputRef = useMergedRefs__default["default"](forwardedRef, textInputDomNode);
-  const [uniqueId] = React.useState(nanoid.nanoid());
-  const hasError = React.useMemo(() => {
-    if (lodash.isBoolean(error)) {
+  const textInputDomNode = useRef(null);
+  const textInputRef = useMergedRefs(forwardedRef, textInputDomNode);
+  const [uniqueId] = useState(nanoid());
+  const hasError = useMemo(() => {
+    if (isBoolean(error)) {
       return error;
     }
-    return !lodash.isEmpty(error);
+    return !isEmpty(error);
   }, [error]);
-  const hasWarning = React.useMemo(() => {
-    if (lodash.isBoolean(warning)) {
+  const hasWarning = useMemo(() => {
+    if (isBoolean(warning)) {
       return warning;
     }
-    return !lodash.isEmpty(warning);
+    return !isEmpty(warning);
   }, [warning]);
-  const descriptionText = React.useMemo(() => {
-    if (!lodash.isEmpty(error)) {
+  const descriptionText = useMemo(() => {
+    if (!isEmpty(error)) {
       return error;
     }
-    if (!lodash.isEmpty(warning)) {
+    if (!isEmpty(warning)) {
       return warning;
     }
-    if (!lodash.isEmpty(description)) {
+    if (!isEmpty(description)) {
       return description;
     }
     return null;
   }, [description, error, warning]);
-  return React__default["default"].createElement(TextInput$1, {
+  return React__default.createElement(TextInput$1, {
     error: hasError,
     disabled: disabled,
     warning: hasWarning,
     className: className,
     style: style
-  }, typeof icon !== 'undefined' && React__default["default"].createElement(TextInputFieldIcon, null, icon), React__default["default"].createElement(TextInputWrapper, null, typeof adornments?.prefix === 'string' && adornments.prefix.length > 0 && React__default["default"].createElement(Adornment, {
+  }, typeof icon !== 'undefined' && React__default.createElement(TextInputFieldIcon, null, icon), React__default.createElement(TextInputWrapper, null, typeof adornments?.prefix === 'string' && adornments.prefix.length > 0 && React__default.createElement(Adornment, {
     htmlFor: `text-input-${uniqueId}`,
     error: hasError,
     warning: hasWarning,
     isPrefix: true,
     onClick: () => textInputDomNode.current.focus()
-  }, adornments.prefix), React__default["default"].createElement(TextInputField, _rollupPluginBabelHelpers._extends({
+  }, adornments.prefix), React__default.createElement(TextInputField, _extends({
     ref: textInputRef,
     value: value,
     defaultValue: defaultValue,
@@ -320,21 +312,21 @@ const TextInput = React__default["default"].forwardRef(function TextInput({
     onBlur: onBlur,
     readOnly: readOnly,
     noBorder: noBorder
-  }, rest)), !readOnly && noBorder && React__default["default"].createElement(InputIconContainer, {
+  }, rest)), !readOnly && noBorder && React__default.createElement(InputIconContainer, {
     error: error,
     warning: warning
-  }, React__default["default"].createElement(editNote.SvgEditNote, null)), label && React__default["default"].createElement(TextInputLabel, {
+  }, React__default.createElement(SvgEditNote, null)), label && React__default.createElement(TextInputLabel, {
     htmlFor: `text-input-${uniqueId}`,
     hasPlaceholder: Boolean(placeholder),
     hasAdornments: Boolean(typeof adornments?.prefix === 'string' && adornments.prefix.length > 0 || typeof adornments?.suffix === 'string' && adornments.suffix.length > 0),
     hasIcon: Boolean(icon),
     error: hasError
-  }, label, required && ' *'), typeof adornments?.suffix === 'string' && adornments.suffix.length > 0 && React__default["default"].createElement(Adornment, {
+  }, label, required && ' *'), typeof adornments?.suffix === 'string' && adornments.suffix.length > 0 && React__default.createElement(Adornment, {
     error: hasError,
     warning: hasWarning,
     isPrefix: false,
     onClick: () => textInputDomNode.current.focus()
-  }, adornments.suffix)), typeof descriptionText === 'string' && descriptionText.length > 0 && React__default["default"].createElement(Description, {
+  }, adornments.suffix)), typeof descriptionText === 'string' && descriptionText.length > 0 && React__default.createElement(Description, {
     error: hasError,
     warning: hasWarning
   }, descriptionText));
@@ -344,29 +336,29 @@ TextInput.defaultProps = {
   noBorder: false
 };
 TextInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  value: defaultTheme.PropTypes.string,
-  defaultValue: defaultTheme.PropTypes.string,
-  name: defaultTheme.PropTypes.string,
-  label: defaultTheme.PropTypes.string,
-  placeholder: defaultTheme.PropTypes.string,
-  type: defaultTheme.PropTypes.string,
-  required: defaultTheme.PropTypes.bool,
-  disabled: defaultTheme.PropTypes.bool,
-  readOnly: defaultTheme.PropTypes.bool,
-  autoComplete: defaultTheme.PropTypes.string,
-  description: defaultTheme.PropTypes.string,
-  error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
-  warning: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
-  icon: defaultTheme.PropTypes.element,
-  adornments: defaultTheme.PropTypes.shape({
-    prefix: defaultTheme.PropTypes.string,
-    suffix: defaultTheme.PropTypes.string
+  value: PropTypes.string,
+  defaultValue: PropTypes.string,
+  name: PropTypes.string,
+  label: PropTypes.string,
+  placeholder: PropTypes.string,
+  type: PropTypes.string,
+  required: PropTypes.bool,
+  disabled: PropTypes.bool,
+  readOnly: PropTypes.bool,
+  autoComplete: PropTypes.string,
+  description: PropTypes.string,
+  error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+  warning: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+  icon: PropTypes.element,
+  adornments: PropTypes.shape({
+    prefix: PropTypes.string,
+    suffix: PropTypes.string
   }),
-  className: defaultTheme.PropTypes.string,
-  style: defaultTheme.PropTypes.object,
-  onChange: defaultTheme.PropTypes.func,
-  onBlur: defaultTheme.PropTypes.func,
-  noBorder: defaultTheme.PropTypes.bool
+  className: PropTypes.string,
+  style: PropTypes.object,
+  onChange: PropTypes.func,
+  onBlur: PropTypes.func,
+  noBorder: PropTypes.bool
 } : {};
 
-exports.TextInput = TextInput;
+export { TextInput as T };

package/build/Tooltip-c1d1199e.js

@@ -0,0 +1,65 @@
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import React__default from 'react';
+import styled from 'styled-components';
+import TippyTooltip from '@tippyjs/react';
+import './shift-away-subtle-0dd94a03.js';
+
+const Tooltip$1 = styled(TippyTooltip).attrs(applyDefaultTheme)`
+  font-family: ${props => props.theme.primaryFontFamily};
+  font-size: 1rem;
+  font-weight: 400;
+  background: ${props => props.theme.getColor('gray-700')};
+  border-radius: 3px;
+  pointer-events: default !important;
+  .tippy-content {
+    padding: 9px 12px;
+  }
+
+  .tippy-arrow {
+    color: ${props => props.theme.getColor('gray-700')};
+  }
+
+  a {
+    color: inherit;
+  }
+`;
+
+const Tooltip = React__default.forwardRef(function Tooltip({
+  content,
+  interactive,
+  placement,
+  duration,
+  trigger,
+  visible,
+  children,
+  ...props
+}, ref) {
+  return React__default.createElement("div", null, React__default.createElement(Tooltip$1, _extends({
+    ref: ref,
+    content: content,
+    interactive: interactive,
+    placement: placement,
+    duration: duration,
+    trigger: trigger,
+    visible: visible,
+    animation: 'shift-away-subtle'
+  }, props), children));
+});
+Tooltip.defaultProps = {
+  content: 'Tooltip',
+  interactive: false,
+  placement: 'top',
+  duration: 350
+};
+Tooltip.propTypes = process.env.NODE_ENV !== "production" ? {
+  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.oneOf(['mouseenter', 'mouseenter focus', 'click', 'focusin', 'mouseenter click', '']),
+  visible: PropTypes.bool,
+  children: PropTypes.node
+} : {};
+
+export { Tooltip as T };

package/build/{VerificationStatusIcon-9876b68f.js → VerificationStatusIcon-49cb1c1b.js}

@@ -1,36 +1,11 @@
-'use strict';
+import { _ as _extends$1 } from './_rollupPluginBabelHelpers-c245b26a.js';
+import * as React from 'react';
+import React__default from 'react';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import styled, { css } from 'styled-components';
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-4b342fad.js');
-var React = require('react');
-var defaultTheme = require('./defaultTheme-d9a7342e.js');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const VerificationIconWrapper = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
-  ${props => props.background && styled.css`
+const VerificationIconWrapper = styled.div.attrs(applyDefaultTheme)`
+  ${props => props.background && css`
     background-color: #000 !important;
     width: fit-content;
     padding: 6px 14px 6px 9px;
@@ -38,7 +13,7 @@ const VerificationIconWrapper = styled__default["default"].div.attrs(defaultThem
 }
     `};
 `;
-const VerificationStatusIcon$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const VerificationStatusIcon$1 = styled.div.attrs(applyDefaultTheme)`
   display: flex;
   position: relative;
   font: normal normal normal 12px/16px Roboto;
@@ -50,7 +25,7 @@ const VerificationStatusIcon$1 = styled__default["default"].div.attrs(defaultThe
     height: ${props => props.iconHeight ?? 15}px;
   }
 `;
-const VerificationStatusColor = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const VerificationStatusColor = styled.div.attrs(applyDefaultTheme)`
   position: absolute;
   bottom: 0;
   left: ${props => (props.iconHeight ?? 15) * 2 / 3}px;
@@ -80,41 +55,41 @@ const VerificationStatusColor = styled__default["default"].div.attrs(defaultThem
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function SvgVerification(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "-2.5 0 24 24"
-  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "currentColor",
     d: "M9.3 12.662q-1.698 0-2.864-1.166T5.27 8.632q0-1.697 1.166-2.864T9.3 4.602q1.698 0 2.864 1.166t1.166 2.864q0 1.698-1.166 2.864T9.3 12.662zm0-1.86q.925 0 1.548-.622.622-.622.622-1.548t-.622-1.547q-.623-.623-1.548-.623t-1.548.623q-.622.622-.622 1.547t.622 1.548q.623.622 1.548.622zm0 12.686q-4.023-1.097-6.661-4.735Q0 15.113 0 10.616V3.482L9.3 0l9.3 3.482v7.134q0 4.498-2.639 8.137-2.638 3.639-6.661 4.735zm0-11.744zm0-9.765L1.86 4.757v5.86q0 1.769.507 3.421.507 1.653 1.408 3.083 1.254-.639 2.626-.999 1.373-.36 2.899-.36t2.898.36q1.373.36 2.627 1 .901-1.431 1.408-3.084.507-1.652.507-3.422V4.757L9.3 1.98zm0 15.643q-1.2 0-2.307.26-1.108.26-2.093.73.923 1.025 2.03 1.773 1.109.747 2.37 1.143 1.262-.395 2.363-1.143 1.102-.748 2.025-1.773-.985-.47-2.087-.73-1.102-.26-2.301-.26z"
   })));
 }
 
-const VerificationStatusIcon = React__default["default"].forwardRef(function VerificationStatusIcon({
+const VerificationStatusIcon = React__default.forwardRef(function VerificationStatusIcon({
   status,
   iconHeight,
   background,
   ...props
 }, forwardedRef) {
-  return React__default["default"].createElement(VerificationIconWrapper, {
+  return React__default.createElement(VerificationIconWrapper, {
     background: background
-  }, React__default["default"].createElement(VerificationStatusIcon$1, _rollupPluginBabelHelpers._extends({
+  }, React__default.createElement(VerificationStatusIcon$1, _extends$1({
     iconHeight: iconHeight,
     background: background,
     ref: forwardedRef
-  }, props), React__default["default"].createElement(SvgVerification, null), React__default["default"].createElement(VerificationStatusColor, {
+  }, props), React__default.createElement(SvgVerification, null), React__default.createElement(VerificationStatusColor, {
     iconHeight: iconHeight,
     status: status,
     background: background
   })));
 });
 VerificationStatusIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  status: defaultTheme.PropTypes.oneOf(['verified', 'pending', 'rejected', 'mixed']).isRequired,
-  iconHeight: defaultTheme.PropTypes.number,
-  background: defaultTheme.PropTypes.bool
+  status: PropTypes.oneOf(['verified', 'pending', 'rejected', 'mixed']).isRequired,
+  iconHeight: PropTypes.number,
+  background: PropTypes.bool
 } : {};
 VerificationStatusIcon.defaultProps = {
   iconHeight: 15,
   background: false
 };
 
-exports.VerificationStatusIcon = VerificationStatusIcon;
+export { VerificationStatusIcon as V };

package/build/{_rollupPluginBabelHelpers-4b342fad.js → _rollupPluginBabelHelpers-c245b26a.js}

@@ -1,5 +1,3 @@
-'use strict';
-
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
@@ -10,4 +8,4 @@ function _extends() {
   }, _extends.apply(null, arguments);
 }
 
-exports._extends = _extends;
+export { _extends as _ };

package/build/arrow-forward-ad12c5f3.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function SvgArrowForward(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    className: "arrow-forward_svg__st0",
+    d: "M12.2 9H0V7h12.2L6.6 1.4 8 0l8 8-8 8-1.4-1.4L12.2 9z"
+  })));
+}
+
+export { SvgArrowForward as S };

package/build/close-a5d37608.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function SvgClose(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 27.3 27.3"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M2.1 27.3L0 25.2l11.55-11.55L0 2.1 2.1 0l11.55 11.55L25.2 0l2.1 2.1-11.55 11.55L27.3 25.2l-2.1 2.1-11.55-11.55L2.1 27.3z"
+  })));
+}
+
+export { SvgClose as S };

package/build/data/Alert/index.js

@@ -1,12 +1,6 @@
-'use strict';
-
-var Alert = require('../../Alert-8a511bdc.js');
-require('../../_rollupPluginBabelHelpers-4b342fad.js');
-require('react');
-require('../../defaultTheme-d9a7342e.js');
-require('styled-components');
-require('lodash');
-
-
-
-module.exports = Alert.Alert;
+export { A as default } from '../../Alert-e6847a22.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'react';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import 'lodash';

package/build/data/Badge/index.js

@@ -1,11 +1,5 @@
-'use strict';
-
-var Badge = require('../../Badge-aa4cd9c1.js');
-require('../../_rollupPluginBabelHelpers-4b342fad.js');
-require('../../defaultTheme-d9a7342e.js');
-require('styled-components');
-require('react');
-
-
-
-module.exports = Badge.Badge;
+export { B as default } from '../../Badge-d93586a9.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import 'react';

package/build/data/Popover/index.js

@@ -1,16 +1,10 @@
-'use strict';
-
-var Popover = require('../../Popover-c4be47ea.js');
-require('../../_rollupPluginBabelHelpers-4b342fad.js');
-require('lodash');
-require('../../defaultTheme-d9a7342e.js');
-require('styled-components');
-require('react');
-require('polished');
-require('@tippyjs/react');
-require('../../shift-away-subtle-158617af.js');
-require('popper-max-size-modifier');
-
-
-
-module.exports = Popover.Popover;
+export { P as default } from '../../Popover-20050b91.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'lodash';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import 'react';
+import 'polished';
+import '@tippyjs/react';
+import '../../shift-away-subtle-0dd94a03.js';
+import 'popper-max-size-modifier';

package/build/data/Tab/index.js

@@ -1,11 +1,5 @@
-'use strict';
-
-var Tab = require('../../Tab-ccbca1f2.js');
-require('../../_rollupPluginBabelHelpers-4b342fad.js');
-require('../../defaultTheme-d9a7342e.js');
-require('styled-components');
-require('react');
-
-
-
-module.exports = Tab.Tab;
+export { T as default } from '../../Tab-04d435c3.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import 'react';