@ntbjs/react-components 2.0.0-rc.6 → 2.0.1-rc.31

package/cjs/components/widgets/ProgressBar/ProgressBar.styled.js

@@ -1,154 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var defaultTheme = require('../../../utils/defaultTheme.js');
-var arrowForward = require('../../../icons/arrow-forward.svg.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-let _ = t => t,
-  _t,
-  _t2,
-  _t3,
-  _t4,
-  _t5,
-  _t6,
-  _t7,
-  _t8,
-  _t9,
-  _t10,
-  _t11,
-  _t12;
-const getBackgroundColor = props => {
-  if (props.barColor) {
-    return `background: ${props.barColor};`;
-  }
-  const colorMap = {
-    success: ['emerald-600', 'emerald-300'],
-    error: ['red-600', 'cercise-200'],
-    warning: ['orange-600', 'orange-400'],
-    none: ['gray-500', 'gray-300'],
-    default: ['emerald-600', 'emerald-500']
-  };
-  const [darkColor, lightColor] = colorMap[props.type] || colorMap.default;
-  return props.theme.themeProp('background', props.theme.getColor(darkColor), props.theme.getColor(lightColor));
-};
-styled__default["default"].p.attrs(defaultTheme.applyDefaultTheme)(_t || (_t = _`
-  font-family: ${0};
-  font-size: 1rem;
-  font-weight: 500;
-`), props => props.theme.primaryFontFamily);
-const Container = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t2 || (_t2 = _`
-  width: 100%;
-  height: ${0};
-  font-family: ${0};
-`), props => props.height ? `${props.height}px` : '50px', props => props.theme.primaryFontFamily);
-const MetricsContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t3 || (_t3 = _`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: ${0};
-  height: 100%;
-  flex-direction: row;
-  justify-content: flex-start;
-`), props => props.hasLink ? '85%' : '100%');
-const Label = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t4 || (_t4 = _`
-  font-size: 0.875rem;
-  ${0}
-`), props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700')));
-styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t5 || (_t5 = _`
-  font-size: 0.875rem;
-  font-weight: 500;
-  ${0}
-`), props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700')));
-const ProgressBarTrack = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t6 || (_t6 = _`
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  justify-content: flex-start;
-  align-items: center;
-  border-radius: 3px;
-  height: 100%;
-  ${0}
-`), props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-200')));
-const Completed = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t7 || (_t7 = _`
-  font-size: 1.2rem;
-  font-weight: 400;
-  height: 100%;
-  padding: 0 8px;
-  border-radius: 3px 0 0 3px;
-  border-right: 1px solid rgba(255, 255, 255, 0.2);
-  display: flex;
-  align-items: center;
-  ${0}
-  ${0};
-`), props => getBackgroundColor(props), props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-800')));
-const PercentageIndicator = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t8 || (_t8 = _`
-  position: absolute;
-  right: 10px;
-  font-weight: 400;
-  font-size: 0.875rem;
-  white-space: nowrap;
-  opacity: 0.8;
-  ${0};
-`), props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500')));
-const ProgressBarFill = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t9 || (_t9 = _`
-  height: 100%;
-  border-radius: 0 3px 3px 0;
-  width: ${0}%;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  ${0}
-  transition: width 0.3s ease;
-`), props => props.percentage, props => getBackgroundColor(props));
-const Link = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t10 || (_t10 = _`
-  font-size: 0.875rem;
-  font-weight: 400;
-  width: 15%;
-  opacity: 0.7;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  margin-right: 20px;
-  cursor: pointer;
-  height: 100%;
-  gap: 10px;
-  svg {
-    transition: transform 0.2s ease-in-out;
-  }
-  &:hover svg {
-    transform: translateX(2px);
-  }
-`));
-const ButtonLink = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t11 || (_t11 = _`
-  font-size: 0.875rem;
-  font-weight: 500;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  ${0};
-`), props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')));
-const StyledArrowIcon = styled__default["default"](arrowForward.ReactComponent).attrs(defaultTheme.applyDefaultTheme)(_t12 || (_t12 = _`
-  height: 15px;
-  margin-right: 10px;
-  ${0};
-`), props => props.theme.themeProp('fill', props.theme.getColor('gray-100'), props.theme.getColor('black')));
-
-exports.ButtonLink = ButtonLink;
-exports.Completed = Completed;
-exports.Container = Container;
-exports.Label = Label;
-exports.Link = Link;
-exports.MetricsContainer = MetricsContainer;
-exports.PercentageIndicator = PercentageIndicator;
-exports.ProgressBarFill = ProgressBarFill;
-exports.ProgressBarTrack = ProgressBarTrack;
-exports.StyledArrowIcon = StyledArrowIcon;

package/cjs/components/widgets/ProgressBar/widgets/ProgressBar/index.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var ProgressBar = require('../../ProgressBar.js');
-
-
-
-exports["default"] = ProgressBar["default"];

package/cjs/components/widgets/SummaryCard/SummaryCard.js

@@ -1,92 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var index$1 = require('../../../node_modules/prop-types/index.js');
-var index = require('../../../node_modules/react/index.js');
-var warningCircle = require('../../../icons/warning-circle.svg.js');
-var SummaryCard_styled = require('./SummaryCard.styled.js');
-var Alert = require('../../data/Alert/Alert.js');
-
-const _excluded = ["activeSummaryCard", "title", "description", "instructions", "instructionsType", "headerLeft", "headerRight", "footerLeft", "footerRight", "width", "useBorder", "view"];
-const SummaryCard = index["default"].forwardRef(function AssetSummaryCard(_ref, forwardedRef) {
-  let {
-      activeSummaryCard,
-      title,
-      description,
-      instructions,
-      instructionsType,
-      headerLeft,
-      headerRight,
-      footerLeft,
-      footerRight,
-      width,
-      useBorder,
-      view
-    } = _ref,
-    props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  const shouldRenderInstructions = !!instructions;
-  const shouldRenderHeader = !!headerLeft || !!headerRight;
-  const shouldRenderFooter = !!footerLeft || !!footerRight;
-  const shouldAddGutterAfterInstructions = shouldRenderInstructions && shouldRenderFooter;
-  const shouldAddGutterAfterTitle = !!title && (!!description || !!instructions || shouldRenderFooter);
-  if (!activeSummaryCard) return null;
-  return index["default"].createElement(SummaryCard_styled.SummaryCard, _rollupPluginBabelHelpers["extends"]({
-    ref: forwardedRef,
-    width: width,
-    useBorder: useBorder
-  }, props, {
-    view: view
-  }), shouldRenderHeader && index["default"].createElement(index["default"].Fragment, null, index["default"].createElement(SummaryCard_styled.Gutter, {
-    gutter: 8
-  }), index["default"].createElement(SummaryCard_styled.Header, null, index["default"].createElement(SummaryCard_styled.HeaderLeft, null, headerLeft), index["default"].createElement(SummaryCard_styled.HeaderRight, null, headerRight))), index["default"].createElement(SummaryCard_styled.Gutter, {
-    gutter: shouldRenderHeader ? 8 : 16
-  }), title && index["default"].createElement(SummaryCard_styled.Title, null, title), shouldAddGutterAfterTitle && index["default"].createElement(SummaryCard_styled.Gutter, {
-    gutter: 4
-  }), description && index["default"].createElement(SummaryCard_styled.Description, null, description), index["default"].createElement(SummaryCard_styled.Gutter, {
-    gutter: 16
-  }), shouldRenderInstructions && index["default"].createElement(SummaryCard_styled.Instruction, null, index["default"].createElement(Alert["default"], {
-    icon: index["default"].createElement(warningCircle.ReactComponent, null),
-    alertMessage: instructions,
-    type: instructionsType,
-    fontSize: 12,
-    verticalPadding: 12,
-    horizontalPadding: 16,
-    width: width,
-    lineClamp: 1
-  })), shouldAddGutterAfterInstructions && index["default"].createElement(SummaryCard_styled.Gutter, {
-    gutter: 16
-  }), shouldRenderFooter && index["default"].createElement(SummaryCard_styled.Footer, null, index["default"].createElement(SummaryCard_styled.FooterLeft, null, footerLeft), index["default"].createElement(SummaryCard_styled.FooterRight, null, footerRight)), shouldRenderFooter && index["default"].createElement(SummaryCard_styled.Gutter, {
-    gutter: 16
-  }));
-});
-SummaryCard.propTypes = process.env.NODE_ENV !== "production" ? {
-  activeSummaryCard: index$1["default"].bool,
-  title: index$1["default"].string,
-  description: index$1["default"].string,
-  instructions: index$1["default"].string,
-  instructionsType: index$1["default"].oneOf(['warning', 'error', 'info']),
-  headerLeft: index$1["default"].node,
-  headerRight: index$1["default"].node,
-  footerLeft: index$1["default"].node,
-  footerRight: index$1["default"].node,
-  width: index$1["default"].number,
-  useBorder: index$1["default"].bool,
-  view: index$1["default"].string
-} : {};
-SummaryCard.defaultProps = {
-  title: '',
-  description: '',
-  instructions: '',
-  instructionsType: 'info',
-  headerLeft: null,
-  headerRight: null,
-  footerLeft: null,
-  footerRight: null,
-  useBorder: false,
-  activeSummaryCard: false
-};
-var SummaryCard$1 = SummaryCard;
-
-exports["default"] = SummaryCard$1;

package/cjs/components/widgets/SummaryCard/SummaryCard.styled.js

@@ -1,142 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var defaultTheme = require('../../../utils/defaultTheme.js');
-var react = require('@floating-ui/react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-let _ = t => t,
-  _t,
-  _t2,
-  _t3,
-  _t4,
-  _t5,
-  _t6,
-  _t7,
-  _t8,
-  _t9,
-  _t10,
-  _t11,
-  _t12,
-  _t13,
-  _t14;
-const SummaryCard = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t || (_t = _`
-  display: flex;
-  flex-direction: column;
-  border-radius: 4px;
-  width: ${0};
-  ${0};
-
-  ${0}
-`), props => props.width ? `${props.width}px` : '100%', props => props.compact ? props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white')) : 'background: transparent', props => props.useBorder ? props.theme.themeProp('border', `1px solid ${props.theme.getColor('gray-500')}`, `1px solid ${props.theme.getColor('gray-300')}`) : null);
-const Gutter = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t2 || (_t2 = _`
-  ${0}
-  padding-bottom: ${0}px;
-`), props => {
-  if (props.renderAsMargin) {
-    return styled.css(_t3 || (_t3 = _`
-        margin-bottom: ${0}px;
-      `), props.gutter || 8);
-  } else {
-    return styled.css(_t4 || (_t4 = _`
-        padding-bottom: ${0}px;
-      `), props.gutter || 8);
-  }
-}, props => props.gutter || 8);
-const Header = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t5 || (_t5 = _`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 16px;
-`));
-const HeaderLeft = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t6 || (_t6 = _`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-
-  > * {
-    margin-right: 4px;
-  }
-`));
-const HeaderRight = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t7 || (_t7 = _`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-
-  > * {
-    margin-left: 4px;
-  }
-`));
-const Title = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_t8 || (_t8 = _`
-  display: inline-block;
-  padding: 0 16px;
-  font: normal normal 500 14px/19px Roboto;
-  letter-spacing: 0.28px;
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  box-sizing: border-box;
-
-  ${0};
-`), props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700')));
-const Description = styled__default["default"].span.attrs(defaultTheme.applyDefaultTheme)(_t9 || (_t9 = _`
-  padding: 0 16px;
-  text-align: left;
-  font: normal normal normal 12px/16px Roboto;
-  letter-spacing: 0.24px;
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  box-sizing: border-box;
-
-  ${0};
-`), props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700')));
-const Instruction = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t10 || (_t10 = _``));
-const Footer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t11 || (_t11 = _`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 16px;
-`));
-const FooterLeft = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t12 || (_t12 = _`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-
-  > * {
-    margin-right: 4px;
-  }
-`));
-const FooterRight = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_t13 || (_t13 = _`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-
-  > * {
-    margin-left: 4px;
-  }
-`));
-styled__default["default"](react.FloatingArrow).attrs(defaultTheme.applyDefaultTheme)(_t14 || (_t14 = _`
-  ${0}
-`), props => props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white')));
-
-exports.Description = Description;
-exports.Footer = Footer;
-exports.FooterLeft = FooterLeft;
-exports.FooterRight = FooterRight;
-exports.Gutter = Gutter;
-exports.Header = Header;
-exports.HeaderLeft = HeaderLeft;
-exports.HeaderRight = HeaderRight;
-exports.Instruction = Instruction;
-exports.SummaryCard = SummaryCard;
-exports.Title = Title;

package/cjs/components/widgets/widgets/index.js

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var AssetGallery = require('../AssetGallery/AssetGallery.js');
-var ContextMenu = require('../ContextMenu/ContextMenu.js');
-var AssetPreviewTopBar = require('../AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js');
-var Instructions = require('../Instructions/Instructions.js');
-var SummaryCard = require('../SummaryCard/SummaryCard.js');
-var AssetActionsBase = require('../AssetActionsBase/AssetActionsBase.js');
-var AssetAction = require('../AssetAction/AssetAction.js');
-var ProgressBar = require('../ProgressBar/ProgressBar.js');
-var InfoCard = require('../InfoCard/InfoCard.js');
-
-
-
-exports.AssetGallery = AssetGallery["default"];
-exports.ContextMenu = ContextMenu["default"];
-exports.AssetPreviewTopBar = AssetPreviewTopBar["default"];
-exports.Instructions = Instructions["default"];
-exports.SummaryCard = SummaryCard["default"];
-exports.AssetActionBase = AssetActionsBase["default"];
-exports.AssetAction = AssetAction["default"];
-exports.ProgressBar = ProgressBar["default"];
-exports.InfoCard = InfoCard["default"];

package/cjs/hooks/useEventListner.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../node_modules/react/index.js');
-var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect.js');
-var index = require('../_virtual/index.js');
-
-function useEventListener(eventName, handler, element, options) {
-  const savedHandler = index.react.exports.useRef(handler);
-  useIsomorphicLayoutEffect["default"](() => {
-    savedHandler.current = handler;
-  }, [handler]);
-  index.react.exports.useEffect(() => {
-    var _element$current;
-    const targetElement = (_element$current = element === null || element === void 0 ? void 0 : element.current) !== null && _element$current !== void 0 ? _element$current : window;
-    if (!(targetElement && targetElement.addEventListener)) return;
-    const listener = event => savedHandler.current(event);
-    targetElement.addEventListener(eventName, listener, options);
-    return () => {
-      targetElement.removeEventListener(eventName, listener, options);
-    };
-  }, [eventName, element, options]);
-}
-
-exports.useEventListener = useEventListener;

package/cjs/hooks/useIsomorphicLayoutEffect.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../node_modules/react/index.js');
-var index = require('../_virtual/index.js');
-
-const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? index.react.exports.useLayoutEffect : index.react.exports.useEffect;
-var useIsomorphicLayoutEffect$1 = useIsomorphicLayoutEffect;
-
-exports["default"] = useIsomorphicLayoutEffect$1;

package/cjs/hooks/useOnClickOutside.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var useEventListner = require('./useEventListner.js');
-
-function useOnClickOutside(ref, handler, mouseEvent = 'mousedown') {
-  useEventListner.useEventListener(mouseEvent, event => {
-    const el = ref === null || ref === void 0 ? void 0 : ref.current;
-    if (!el || el.contains(event.target)) {
-      return;
-    }
-    handler(event);
-  });
-}
-
-exports.useOnClickOutside = useOnClickOutside;

package/cjs/icons/arrow-back.svg.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../node_modules/react/index.js');
-var index = require('../_virtual/index.js');
-
-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 SvgArrowBack(props) {
-  return /*#__PURE__*/index.react.exports.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 32 32"
-  }, props), _path || (_path = /*#__PURE__*/index.react.exports.createElement("path", {
-    fill: "currentColor",
-    d: "M16 32L0 16 16 0l2.1 2.1L5.7 14.5H32v3H5.7l12.4 12.4L16 32z"
-  })));
-}
-
-exports.ReactComponent = SvgArrowBack;

package/cjs/icons/arrow-forward.svg.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../node_modules/react/index.js');
-var index = require('../_virtual/index.js');
-
-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__*/index.react.exports.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16"
-  }, props), _path || (_path = /*#__PURE__*/index.react.exports.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"
-  })));
-}
-
-exports.ReactComponent = SvgArrowForward;

package/cjs/icons/check-rectangle-filled.svg.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../node_modules/react/index.js');
-var index = require('../_virtual/index.js');
-
-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 SvgCheckRectangleFilled(props) {
-  return /*#__PURE__*/index.react.exports.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24"
-  }, props), _path || (_path = /*#__PURE__*/index.react.exports.createElement("path", {
-    fill: "currentColor",
-    d: "M10.146 17.622l9.412-9.412-1.87-1.869-7.542 7.543-3.805-3.805-1.869 1.87 5.674 5.673zM2.67 24.03q-1.101 0-1.886-.784T0 21.36V2.67Q0 1.569.784.784T2.67 0h18.69q1.101 0 1.886.784t.784 1.886v18.69q0 1.101-.784 1.886t-1.886.784H2.67z"
-  })));
-}
-
-exports.ReactComponent = SvgCheckRectangleFilled;

package/cjs/icons/close.svg.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../node_modules/react/index.js');
-var index = require('../_virtual/index.js');
-
-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__*/index.react.exports.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 27.3 27.3"
-  }, props), _path || (_path = /*#__PURE__*/index.react.exports.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"
-  })));
-}
-
-exports.ReactComponent = SvgClose;

package/cjs/icons/edit-note.svg.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../node_modules/react/index.js');
-var index = require('../_virtual/index.js');
-
-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 SvgEditNote(props) {
-  return /*#__PURE__*/index.react.exports.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 14.67 12"
-  }, props), _path || (_path = /*#__PURE__*/index.react.exports.createElement("path", {
-    fill: "currentColor",
-    d: "M7 12v-1.77l4.42-4.42 1.77 1.77L8.77 12H7zM0 7.75v-1.5h6v1.5H0zM13.77 7L12 5.23l.67-.67c.15-.15.33-.23.53-.23s.38.08.53.23l.71.71c.15.15.23.33.23.53s-.08.38-.23.53l-.67.67zM0 4.63v-1.5h9v1.5H0zM0 1.5V0h9v1.5H0z"
-  })));
-}
-
-exports.ReactComponent = SvgEditNote;

package/cjs/icons/expand-more.svg.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../node_modules/react/index.js');
-var index = require('../_virtual/index.js');
-
-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 SvgExpandMore(props) {
-  return /*#__PURE__*/index.react.exports.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 14.15"
-  }, props), _path || (_path = /*#__PURE__*/index.react.exports.createElement("path", {
-    fill: "currentColor",
-    d: "M12 14.15l-12-12L2.15 0 12 9.9 21.85.05 24 2.2 12 14.15z"
-  })));
-}
-
-exports.ReactComponent = SvgExpandMore;

package/cjs/icons/headset.svg.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../node_modules/react/index.js');
-var index = require('../_virtual/index.js');
-
-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 SvgHeadset(props) {
-  return /*#__PURE__*/index.react.exports.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "currentColor",
-    viewBox: "0 0 24 24"
-  }, props), _path || (_path = /*#__PURE__*/index.react.exports.createElement("path", {
-    d: "M9 21H5q-.825 0-1.413-.587Q3 19.825 3 19v-7q0-1.875.712-3.513.713-1.637 1.926-2.85 1.212-1.212 2.85-1.925Q10.125 3 12 3t3.513.712q1.637.713 2.85 1.925 1.212 1.213 1.925 2.85Q21 10.125 21 12v7q0 .825-.587 1.413Q19.825 21 19 21h-4v-8h4v-1q0-2.925-2.038-4.963Q14.925 5 12 5T7.038 7.037Q5 9.075 5 12v1h4zm-2-6H5v4h2zm10 0v4h2v-4zm0 0h2-2zM7 15H5z"
-  })));
-}
-
-exports.ReactComponent = SvgHeadset;

package/cjs/icons/layers.svg.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../node_modules/react/index.js');
-var index = require('../_virtual/index.js');
-
-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 SvgLayers(props) {
-  return /*#__PURE__*/index.react.exports.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "-1 0 24 24"
-  }, props), _path || (_path = /*#__PURE__*/index.react.exports.createElement("path", {
-    fill: "currentColor",
-    d: "M11.16 23.622L0 14.942l2.046-1.55 9.114 7.068 9.114-7.068 2.046 1.55-11.16 8.68zm0-6.262L0 8.68 11.16 0l11.16 8.68-11.16 8.68z"
-  })));
-}
-
-exports.ReactComponent = SvgLayers;