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

package/esm/components/widgets/ProgressBar/ProgressBar.js

@@ -1,75 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from '../../../node_modules/react/index.js';
-import PropTypes from '../../../node_modules/prop-types/index.js';
-import { Container, Label, InnerContainer, Completed, ProgressBarTrack, MetricsContainer, ProgressBarFill, PercentageIndicator, ExternalPercentageIndicator, Link, ButtonLink, StyledArrowIcon } from './ProgressBar.styled.js';
-import { r as react } from '../../../_virtual/index.js';
-
-const _excluded = ["totalAssets", "completedAssets", "percentageText", "barColor", "height", "label", "type", "linkText", "onClick"];
-const ProgressBar = _ref => {
-  let {
-      totalAssets,
-      completedAssets,
-      percentageText,
-      barColor,
-      height,
-      label,
-      type,
-      linkText,
-      onClick
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const [isLinkHovered, setIsLinkHovered] = react.exports.useState(false);
-  const safeCompletedAssets = Math.max(0, completedAssets);
-  const safeTotalAssets = Math.max(1, totalAssets);
-  const percentage = safeCompletedAssets / safeTotalAssets * 100;
-  const formattedPercentage = `${Math.round(percentage)}%`;
-  const isLowPercentage = percentage <= 5;
-  const handleLinkClick = e => onClick(e);
-  const formatNumberNew = num => {
-    if (num < 1000000) {
-      return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
-    } else {
-      const units = ['K', 'M', 'B', 'T'];
-      const unit = Math.floor((num.toString().length - 1) / 3) - 1;
-      const shortNum = num / Math.pow(1000, unit + 1);
-      return shortNum.toFixed(shortNum < 10 ? 1 : 0) + units[unit];
-    }
-  };
-  return React.createElement(Container, _extends({
-    height: height
-  }, props), React.createElement(Label, null, label), React.createElement(InnerContainer, {
-    type: type
-  }, React.createElement(Completed, {
-    type: type
-  }, formatNumberNew(completedAssets)), React.createElement(ProgressBarTrack, null, React.createElement(MetricsContainer, {
-    $hasLink: Boolean(linkText)
-  }, React.createElement(ProgressBarFill, {
-    type: type,
-    $percentage: percentage,
-    barColor: barColor
-  }, !isLowPercentage && React.createElement(PercentageIndicator, {
-    $hasLink: Boolean(linkText)
-  }, percentageText || formattedPercentage)), isLowPercentage && React.createElement(ExternalPercentageIndicator, null, percentageText || formattedPercentage)), linkText && React.createElement(Link, {
-    onClick: handleLinkClick,
-    onMouseEnter: () => setIsLinkHovered(true),
-    onMouseLeave: () => setIsLinkHovered(false)
-  }, React.createElement(ButtonLink, {
-    $isHovered: isLinkHovered
-  }, linkText), React.createElement(StyledArrowIcon, {
-    $isHovered: isLinkHovered
-  })))));
-};
-ProgressBar.propTypes = process.env.NODE_ENV !== "production" ? {
-  totalAssets: PropTypes.number.isRequired,
-  completedAssets: PropTypes.number.isRequired,
-  percentageText: PropTypes.string,
-  barColor: PropTypes.string,
-  height: PropTypes.number,
-  label: PropTypes.string,
-  type: PropTypes.string,
-  linkText: PropTypes.string,
-  onClick: PropTypes.func
-} : {};
-var ProgressBar$1 = ProgressBar;
-
-export { ProgressBar$1 as default };

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

@@ -1,191 +0,0 @@
-import styled from 'styled-components';
-import { applyDefaultTheme } from '../../../utils/defaultTheme.js';
-import { ReactComponent as SvgArrowForward } from '../../../icons/arrow-forward.svg.js';
-
-let _ = t => t,
-  _t,
-  _t2,
-  _t3,
-  _t4,
-  _t5,
-  _t6,
-  _t7,
-  _t8,
-  _t9,
-  _t0,
-  _t1,
-  _t10,
-  _t11,
-  _t12;
-const shouldForwardProp = prop => {
-  return prop !== 'theme' && !prop.startsWith('$');
-};
-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.p.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t || (_t = _`
-  font-family: ${0};
-  font-size: 1rem;
-  font-weight: 500;
-`), props => props.theme.primaryFontFamily);
-const Container = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t2 || (_t2 = _`
-  width: 100%;
-  height: ${0};
-  font-family: ${0};
-`), props => props.height ? `${props.height}px` : '50px', props => props.theme.primaryFontFamily);
-const InnerContainer = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t3 || (_t3 = _`
-  display: flex;
-  height: 100%;
-`));
-const MetricsContainer = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t4 || (_t4 = _`
-  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.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t5 || (_t5 = _`
-  font-size: 0.875rem;
-  padding-bottom: 5px;
-  ${0}
-`), props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700')));
-styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t6 || (_t6 = _`
-  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.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t7 || (_t7 = _`
-  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-800'), props.theme.getColor('gray-50')));
-const Completed = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t8 || (_t8 = _`
-  font-size: 1.2rem;
-  font-weight: 400;
-  height: 100%;
-  border-radius: 3px;
-  display: flex;
-  align-items: center;
-  width: 96px;
-  ${0};
-`), props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-800')));
-const PercentageIndicator = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t9 || (_t9 = _`
-  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 ExternalPercentageIndicator = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t0 || (_t0 = _`
-  margin-left: 8px;
-  font-size: 1.2rem;
-  font-weight: 400;
-  font-size: 0.875rem;
-  opacity: 0.9;
-  ${0};
-  display: flex;
-  align-items: center;
-`), props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500')));
-const ProgressBarFill = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t1 || (_t1 = _`
-  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.div.withConfig({
-  shouldForwardProp
-}).attrs(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.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t11 || (_t11 = _`
-  font-size: 0.875rem;
-  font-weight: 500;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  opacity: ${0};
-  transition: color 0.2s ease-in-out;
-  ${0};
-`), props => props.$isHovered ? 1 : 0.8, props => props.$isHovered ? props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black')) : props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')));
-const StyledArrowIcon = styled(SvgArrowForward).withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t12 || (_t12 = _`
-  height: 15px;
-  margin-right: 10px;
-  opacity: ${0};
-  transition:
-    transform 0.2s ease-in-out,
-    fill 0.2s ease-in-out;
-  transform: ${0};
-
-  ${0};
-`), props => props.$isHovered ? 1 : 0.8, props => props.$isHovered ? 'translateX(2px)' : 'translateX(0)', props => props.$isHovered ? props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black')) : props.theme.themeProp('fill', props.theme.getColor('white'), props.theme.getColor('black')));
-
-export { ButtonLink, Completed, Container, ExternalPercentageIndicator, InnerContainer, Label, Link, MetricsContainer, PercentageIndicator, ProgressBarFill, ProgressBarTrack, StyledArrowIcon };

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

@@ -1 +0,0 @@
-export { default } from '../../ProgressBar.js';

package/esm/components/widgets/SummaryCard/SummaryCard.js

@@ -1,89 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from '../../../node_modules/prop-types/index.js';
-import React from '../../../node_modules/react/index.js';
-import { ReactComponent as SvgWarningCircle } from '../../../icons/warning-circle.svg.js';
-import { SummaryCard as SummaryCard$2, Gutter, Header, HeaderLeft, HeaderRight, Title, Description, Instruction, Footer, FooterLeft, FooterRight } from './SummaryCard.styled.js';
-import Alert from '../../data/Alert/Alert.js';
-
-const _excluded = ["activeSummaryCard", "title", "description", "instructions", "instructionsType", "headerLeft", "headerRight", "footerLeft", "footerRight", "width", "useBorder", "view"];
-const SummaryCard = React.forwardRef(function AssetSummaryCard(_ref, forwardedRef) {
-  let {
-      activeSummaryCard,
-      title,
-      description,
-      instructions,
-      instructionsType,
-      headerLeft,
-      headerRight,
-      footerLeft,
-      footerRight,
-      width,
-      useBorder,
-      view
-    } = _ref,
-    props = _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;
-  const filteredProps = Object.fromEntries(Object.entries(props).filter(([key]) => key !== 'compact'));
-  return React.createElement(SummaryCard$2, _extends({
-    ref: forwardedRef,
-    width: width,
-    $useBorder: useBorder
-  }, filteredProps, {
-    view: view
-  }), shouldRenderHeader && React.createElement(React.Fragment, null, React.createElement(Gutter, {
-    $gutter: 8
-  }), React.createElement(Header, null, React.createElement(HeaderLeft, null, headerLeft), React.createElement(HeaderRight, null, headerRight))), React.createElement(Gutter, {
-    $gutter: shouldRenderHeader ? 8 : 16
-  }), title && React.createElement(Title, null, title), shouldAddGutterAfterTitle && React.createElement(Gutter, {
-    $gutter: 4
-  }), description && React.createElement(Description, null, description), React.createElement(Gutter, {
-    $gutter: 16
-  }), shouldRenderInstructions && React.createElement(Instruction, null, React.createElement(Alert, {
-    icon: React.createElement(SvgWarningCircle, null),
-    alertMessage: instructions,
-    type: instructionsType,
-    fontSize: 12,
-    verticalPadding: 12,
-    horizontalPadding: 16,
-    width: width,
-    lineClamp: 1
-  })), shouldAddGutterAfterInstructions && React.createElement(Gutter, {
-    $gutter: 16
-  }), shouldRenderFooter && React.createElement(Footer, null, React.createElement(FooterLeft, null, footerLeft), React.createElement(FooterRight, null, footerRight)), shouldRenderFooter && React.createElement(Gutter, {
-    $gutter: 16
-  }));
-});
-SummaryCard.propTypes = process.env.NODE_ENV !== "production" ? {
-  activeSummaryCard: PropTypes.bool,
-  title: PropTypes.string,
-  description: PropTypes.string,
-  instructions: PropTypes.string,
-  instructionsType: PropTypes.oneOf(['warning', 'error', 'info']),
-  headerLeft: PropTypes.node,
-  headerRight: PropTypes.node,
-  footerLeft: PropTypes.node,
-  footerRight: PropTypes.node,
-  width: PropTypes.number,
-  useBorder: PropTypes.bool,
-  view: PropTypes.string
-} : {};
-SummaryCard.defaultProps = {
-  title: '',
-  description: '',
-  instructions: '',
-  instructionsType: 'info',
-  headerLeft: null,
-  headerRight: null,
-  footerLeft: null,
-  footerRight: null,
-  useBorder: false,
-  activeSummaryCard: false
-};
-var SummaryCard$1 = SummaryCard;
-
-export { SummaryCard$1 as default };

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

@@ -1,151 +0,0 @@
-import styled, { css } from 'styled-components';
-import { applyDefaultTheme } from '../../../utils/defaultTheme.js';
-import { FloatingArrow } from '@floating-ui/react';
-
-let _ = t => t,
-  _t,
-  _t2,
-  _t3,
-  _t4,
-  _t5,
-  _t6,
-  _t7,
-  _t8,
-  _t9,
-  _t0,
-  _t1,
-  _t10,
-  _t11,
-  _t12;
-const shouldForwardProp = prop => {
-  return prop !== 'theme' && !prop.startsWith('$');
-};
-const SummaryCard = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t || (_t = _`
-  display: flex;
-  flex-direction: column;
-  border-radius: 4px;
-  width: ${0};
-  ${0};
-
-  ${0}
-`), props => props.width ? `${props.width}px` : '100%', props => props.view === '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.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t2 || (_t2 = _`
-  ${0}
-  padding-bottom: ${0}px;
-`), props => {
-  if (props.renderAsMargin) {
-    return css(_t3 || (_t3 = _`
-        margin-bottom: ${0}px;
-      `), props.$gutter || 8);
-  } else {
-    return css(_t4 || (_t4 = _`
-        padding-bottom: ${0}px;
-      `), props.$gutter || 8);
-  }
-}, props => props.$gutter || 8);
-const Header = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t5 || (_t5 = _`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 16px;
-`));
-const HeaderLeft = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t6 || (_t6 = _`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-
-  > * {
-    margin-right: 4px;
-  }
-`));
-const HeaderRight = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t7 || (_t7 = _`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-
-  > * {
-    margin-left: 4px;
-  }
-`));
-const Title = styled.span.withConfig({
-  shouldForwardProp
-}).attrs(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.span.withConfig({
-  shouldForwardProp
-}).attrs(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.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t0 || (_t0 = _``));
-const Footer = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t1 || (_t1 = _`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 16px;
-`));
-const FooterLeft = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t10 || (_t10 = _`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-
-  > * {
-    margin-right: 4px;
-  }
-`));
-const FooterRight = styled.div.withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t11 || (_t11 = _`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-
-  > * {
-    margin-left: 4px;
-  }
-`));
-styled(FloatingArrow).withConfig({
-  shouldForwardProp
-}).attrs(applyDefaultTheme)(_t12 || (_t12 = _`
-  ${0}
-`), props => props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white')));
-
-export { Description, Footer, FooterLeft, FooterRight, Gutter, Header, HeaderLeft, HeaderRight, Instruction, SummaryCard, Title };

package/esm/components/widgets/widgets/index.js

@@ -1,8 +0,0 @@
-export { default as AssetGallery } from '../AssetGallery/AssetGallery.js';
-export { default as ContextMenu } from '../ContextMenu/ContextMenu.js';
-export { default as AssetPreviewTopBar } from '../AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js';
-export { default as SummaryCard } from '../SummaryCard/SummaryCard.js';
-export { default as AssetActionBase } from '../AssetActionsBase/AssetActionsBase.js';
-export { default as AssetAction } from '../AssetAction/AssetAction.js';
-export { default as ProgressBar } from '../ProgressBar/ProgressBar.js';
-export { default as InfoCard } from '../InfoCard/InfoCard.js';

package/esm/hooks/useEventListner.js

@@ -1,22 +0,0 @@
-import '../node_modules/react/index.js';
-import useIsomorphicLayoutEffect from './useIsomorphicLayoutEffect.js';
-import { r as react } from '../_virtual/index.js';
-
-function useEventListener(eventName, handler, element, options) {
-  const savedHandler = react.exports.useRef(handler);
-  useIsomorphicLayoutEffect(() => {
-    savedHandler.current = handler;
-  }, [handler]);
-  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]);
-}
-
-export { useEventListener };

package/esm/hooks/useIsomorphicLayoutEffect.js

@@ -1,7 +0,0 @@
-import '../node_modules/react/index.js';
-import { r as react } from '../_virtual/index.js';
-
-const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? react.exports.useLayoutEffect : react.exports.useEffect;
-var useIsomorphicLayoutEffect$1 = useIsomorphicLayoutEffect;
-
-export { useIsomorphicLayoutEffect$1 as default };

package/esm/hooks/useOnClickOutside.js

@@ -1,13 +0,0 @@
-import { useEventListener } from './useEventListner.js';
-
-function useOnClickOutside(ref, handler, mouseEvent = 'mousedown') {
-  useEventListener(mouseEvent, event => {
-    const el = ref === null || ref === void 0 ? void 0 : ref.current;
-    if (!el || el.contains(event.target)) {
-      return;
-    }
-    handler(event);
-  });
-}
-
-export { useOnClickOutside };

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

@@ -1,16 +0,0 @@
-import '../node_modules/react/index.js';
-import { r as react } from '../_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__*/react.exports.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 32 32"
-  }, props), _path || (_path = /*#__PURE__*/react.exports.createElement("path", {
-    fill: "currentColor",
-    d: "M16 32L0 16 16 0l2.1 2.1L5.7 14.5H32v3H5.7l12.4 12.4L16 32z"
-  })));
-}
-
-export { SvgArrowBack as ReactComponent };

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

@@ -1,16 +0,0 @@
-import '../node_modules/react/index.js';
-import { r as react } from '../_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__*/react.exports.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24"
-  }, props), _path || (_path = /*#__PURE__*/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"
-  })));
-}
-
-export { SvgCheckRectangleFilled as ReactComponent };

package/esm/icons/headset.svg.js

@@ -1,16 +0,0 @@
-import '../node_modules/react/index.js';
-import { r as react } from '../_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__*/react.exports.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "currentColor",
-    viewBox: "0 0 24 24"
-  }, props), _path || (_path = /*#__PURE__*/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"
-  })));
-}
-
-export { SvgHeadset as ReactComponent };

package/esm/icons/layers.svg.js

@@ -1,16 +0,0 @@
-import '../node_modules/react/index.js';
-import { r as react } from '../_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__*/react.exports.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "-1 0 24 24"
-  }, props), _path || (_path = /*#__PURE__*/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"
-  })));
-}
-
-export { SvgLayers as ReactComponent };

package/esm/icons/link.svg.js

@@ -1,16 +0,0 @@
-import '../node_modules/react/index.js';
-import { r as react } from '../_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 SvgLink(props) {
-  return /*#__PURE__*/react.exports.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 10"
-  }, props), _path || (_path = /*#__PURE__*/react.exports.createElement("path", {
-    fill: "currentColor",
-    d: "M9 10H5c-1.38 0-2.56-.49-3.54-1.46S0 6.39 0 5s.49-2.56 1.46-3.54S3.62 0 5 0h4v2H5c-.83 0-1.54.29-2.13.88s-.88 1.29-.88 2.13.29 1.54.88 2.13 1.29.88 2.13.88h4v2zM6 6V4h8v2H6zm5 4V8h4c.83 0 1.54-.29 2.13-.88s.88-1.29.88-2.13-.29-1.54-.88-2.13-1.29-.88-2.13-.88h-4V0h4c1.38 0 2.56.49 3.54 1.46S20 3.61 20 5s-.49 2.56-1.46 3.54S16.39 10 15 10h-4z"
-  })));
-}
-
-export { SvgLink as ReactComponent };

package/esm/icons/play.svg.js

@@ -1,16 +0,0 @@
-import '../node_modules/react/index.js';
-import { r as react } from '../_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 SvgPlay(props) {
-  return /*#__PURE__*/react.exports.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "-3 -0.25 24 24"
-  }, props), _path || (_path = /*#__PURE__*/react.exports.createElement("path", {
-    fill: "currentColor",
-    d: "M0 23.52V0l18.48 11.76L0 23.52z"
-  })));
-}
-
-export { SvgPlay as ReactComponent };