@ntbjs/react-components 1.3.0-rc.8 → 2.0.0-rc.3

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

@@ -0,0 +1,154 @@
+'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

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

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

@@ -0,0 +1,92 @@
+'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

@@ -0,0 +1,142 @@
+'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

@@ -0,0 +1,25 @@
+'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

@@ -0,0 +1,26 @@
+'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

@@ -0,0 +1,11 @@
+'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

@@ -0,0 +1,17 @@
+'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

@@ -0,0 +1,20 @@
+'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

@@ -0,0 +1,20 @@
+'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

@@ -0,0 +1,20 @@
+'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

@@ -0,0 +1,20 @@
+'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

@@ -0,0 +1,20 @@
+'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

@@ -0,0 +1,20 @@
+'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

@@ -0,0 +1,20 @@
+'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

@@ -0,0 +1,20 @@
+'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;