@ntbjs/react-components 2.0.0-rc.28 → 2.0.0-rc.29

package/build/AssetAction-98d76ce0.js

@@ -0,0 +1,133 @@
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
+import React__default, { useRef, useState, useCallback } from 'react';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import styled from 'styled-components';
+import { FloatingArrow, useFloating, autoUpdate, offset, flip, shift, arrow, useTransitionStyles, useHover, useDismiss, useInteractions } from '@floating-ui/react';
+import { isFunction } from 'lodash';
+
+const AssetAction$1 = styled.div.attrs(applyDefaultTheme)`
+  font-family: ${props => props.theme.primaryFontFamily};
+`;
+const AssetActionButton = styled.div.attrs(applyDefaultTheme)`
+  border-radius: 50%;
+  width: ${props => props.actionWidthHeight ? `${props.actionWidthHeight[0]}px` : 'auto'};
+  height: ${props => props.actionWidthHeight ? `${props.actionWidthHeight[1]}px` : 'auto'};
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+  ${props => props.theme.themeProp('background-color', props.theme.getColor('gray-900'), props.theme.getColor('white'))};
+  svg {
+    pointer-events: none;
+    width: ${props => props.actionWidthHeight ? `${props.actionWidthHeight[0] - 14}px` : 'auto'};
+    height: ${props => props.actionWidthHeight ? `${props.actionWidthHeight[1] - 14}px` : 'auto'};
+    ${props => props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('white'))};
+  }
+`;
+const ActionTitle = styled.div.attrs(applyDefaultTheme)`
+  font-size: 14px;
+  border-radius: 4px;
+  padding: 8px 12px;
+  white-space: nowrap;
+  color: white;
+  background: ${props => props.theme.getColor('gray-700')};
+`;
+const StyledFloatingArrow = styled(FloatingArrow).attrs(applyDefaultTheme)`
+  fill: ${props => props.theme.getColor('gray-700')};
+`;
+const Floating = styled.div.attrs(applyDefaultTheme)`
+  pointer-events: none;
+`;
+
+const AssetAction = React__default.forwardRef(function AssetAction({
+  action,
+  asset,
+  itemKey,
+  ...props
+}, forwardedRef) {
+  const ARROW_WIDTH = 10;
+  const ARROW_HEIGHT = 5;
+  const GAP = 3;
+  const arrowRef = useRef(null);
+  const [isOpen, setIsOpen] = useState(false);
+  const [placement] = useState('bottom');
+  const {
+    refs,
+    floatingStyles,
+    context
+  } = useFloating({
+    placement,
+    open: isOpen,
+    onOpenChange: setIsOpen,
+    whileElementsMounted: autoUpdate,
+    middleware: [offset(ARROW_HEIGHT + GAP), flip({
+      padding: 5
+    }), shift({
+      padding: 5
+    }), arrow({
+      element: arrowRef
+    })]
+  });
+  const {
+    isMounted,
+    styles
+  } = useTransitionStyles(context, {
+    initial: {
+      transform: 'translateY(-8px)',
+      opacity: 0
+    },
+    duration: {
+      open: 200,
+      close: 100
+    }
+  });
+  const hover = useHover(context);
+  const dismiss = useDismiss(context, {
+    referencePress: true
+  });
+  const {
+    getReferenceProps,
+    getFloatingProps
+  } = useInteractions([dismiss, hover]);
+  const onActionClick = useCallback((e, action) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (isFunction(action?.onClick)) {
+      action.onClick(asset);
+    }
+  }, [action]);
+  return React__default.createElement(AssetAction$1, _extends({
+    ref: forwardedRef
+  }, props), React__default.createElement(AssetActionButton, _extends({
+    key: itemKey,
+    ref: refs.setReference
+  }, getReferenceProps(), {
+    onClick: e => onActionClick(e, action.onClick(asset), itemKey),
+    actionWidthHeight: action.actionWidthHeight
+  }), action.icon), isOpen && isMounted && React__default.createElement(Floating, _extends({
+    className: "floating",
+    ref: refs.setFloating,
+    style: floatingStyles
+  }, getFloatingProps()), React__default.createElement(ActionTitle, {
+    style: styles
+  }, action.title), React__default.createElement(StyledFloatingArrow, {
+    ref: arrowRef,
+    context: context,
+    width: ARROW_WIDTH,
+    height: ARROW_HEIGHT
+  })));
+});
+AssetAction.propTypes = process.env.NODE_ENV !== "production" ? {
+  action: PropTypes.shape({
+    icon: PropTypes.node,
+    onClick: PropTypes.func,
+    actionWidthHeight: PropTypes.arrayOf(PropTypes.number),
+    title: PropTypes.string
+  }),
+  asset: PropTypes.object,
+  itemKey: PropTypes.string
+} : {};
+AssetAction.defaultProps = {};
+
+export { AssetAction as A };

package/build/AssetActionsBase-9e4c0735.js

@@ -0,0 +1,38 @@
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
+import React__default from 'react';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import styled from 'styled-components';
+import { A as AssetAction } from './AssetAction-98d76ce0.js';
+
+const AssetActions = styled.div.attrs(applyDefaultTheme)`
+  font-family: ${props => props.theme.primaryFontFamily};
+  font-size: 1rem;
+  font-weight: 500;
+  display: flex;
+  flex-direction: column;
+  padding: 2px;
+  gap: 8px;
+`;
+
+const AssetActionsBase = React__default.forwardRef(function AssetActionsBase({
+  actions,
+  asset,
+  ...props
+}, forwardedRef) {
+  const assetActions = actions.map((action, index) => React__default.createElement(AssetAction, _extends({
+    key: `index_${action.title}`,
+    ref: forwardedRef
+  }, props, {
+    action: action,
+    asset: asset,
+    itemKey: `${index}-${action.title}`
+  })));
+  return React__default.createElement(AssetActions, null, assetActions);
+});
+AssetActionsBase.propTypes = process.env.NODE_ENV !== "production" ? {
+  actions: PropTypes.arrayOf(PropTypes.object),
+  asset: PropTypes.object
+} : {};
+AssetActionsBase.defaultProps = {};
+
+export { AssetActionsBase as A };

package/build/{AssetGallery-f67393d4.js → AssetGallery-63f721ec.js}

@@ -1,24 +1,26 @@
 import { _ as _extends$4 } from './_rollupPluginBabelHelpers-c245b26a.js';
-import { isFunction, get, mapKeys, omit, isEmpty, throttle } from 'lodash';
+import { get, isFunction, mapKeys, omit, isEmpty, throttle } from 'lodash';
 import { P as PropTypes, a as applyDefaultTheme, s as styleInject } from './defaultTheme-1bcc2541.js';
 import * as React from 'react';
-import React__default, { useRef, useState, useCallback, useEffect, useMemo } from 'react';
+import React__default, { useRef, useState, useEffect, useCallback, useMemo } from 'react';
 import useMergedRefs from '@restart/hooks/useMergedRefs';
 import ResizeObserver from 'resize-observer-polyfill';
 import { u as useIsomorphicLayoutEffect } from './MultiLevelCheckboxSelect-d8044c88.js';
 import styled, { css } from 'styled-components';
 import { S as SvgWarningCircle } from './warning-circle-24f3efcd.js';
-import { A as Alert } from './Alert-e6847a22.js';
+import './Alert-e6847a22.js';
 import { B as Badge } from './Badge-d93586a9.js';
 import { P as Popover } from './Popover-20050b91.js';
 import './Tab-04d435c3.js';
 import './Tabs-74d1ea8a.js';
 import { T as Tooltip } from './Tooltip-c1d1199e.js';
 import './VerificationStatusIcon-49cb1c1b.js';
-import { FloatingArrow, useFloating, autoUpdate, offset, flip, shift, arrow, useTransitionStyles, useHover, useDismiss, useInteractions, useMergeRefs } from '@floating-ui/react';
+import { S as SummaryCard } from './SummaryCard-24040650.js';
 import { rgba } from 'polished';
+import { FloatingArrow, useFloating, autoUpdate, offset, flip, shift, arrow, useTransitionStyles, useHover, useDismiss, useInteractions, useMergeRefs } from '@floating-ui/react';
+import { A as AssetActionsBase } from './AssetActionsBase-9e4c0735.js';
 import { A as ActionButton } from './ActionButton-4db754c3.js';
-import './Button-179a2fe4.js';
+import './Button-73eb8516.js';
 import './Checkbox-4a5fd716.js';
 import './CompactAutocompleteSelect-52c49513.js';
 import './CompactStarRating-9af2f427.js';
@@ -28,8 +30,8 @@ import './Radio-73ca3ae2.js';
 import './TextArea-1e5b9201.js';
 import './TextInput-fab35842.js';
 import './Switch-ecf3122b.js';
-import ContextMenu from './widgets/ContextMenu/ContextMenu.js';
-import ContextMenuItem from './widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js';
+import { C as ContextMenu } from './ContextMenu-0f7134e4.js';
+import { C as ContextMenuItem } from './ContextMenuItem-ea411141.js';
 
 var _path$3;
 function _extends$3() { return _extends$3 = 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$3.apply(null, arguments); }
@@ -176,214 +178,6 @@ const convertMsToHMS = ms => {
   return hmsString;
 };
 
-const shouldForwardProp$1 = prop => {
-  return prop !== 'theme' && !prop.startsWith('$');
-};
-const SummaryCard$1 = styled.div.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  flex-direction: column;
-  border-radius: 4px;
-  width: ${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: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  ${props => {
-  if (props.renderAsMargin) {
-    return css`
-        margin-bottom: ${props.$gutter || 8}px;
-      `;
-  } else {
-    return css`
-        padding-bottom: ${props.$gutter || 8}px;
-      `;
-  }
-}}
-  padding-bottom: ${props => props.$gutter || 8}px;
-`;
-const Header = styled.div.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 16px;
-`;
-const HeaderLeft = styled.div.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-
-  > * {
-    margin-right: 4px;
-  }
-`;
-const HeaderRight = styled.div.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-
-  > * {
-    margin-left: 4px;
-  }
-`;
-const Title = styled.span.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  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;
-
-  ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
-`;
-const Description = styled.span.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  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;
-
-  ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
-`;
-const Instruction = styled.div.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)``;
-const Footer = styled.div.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 16px;
-`;
-const FooterLeft = styled.div.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-
-  > * {
-    margin-right: 4px;
-  }
-`;
-const FooterRight = styled.div.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-
-  > * {
-    margin-left: 4px;
-  }
-`;
-styled(FloatingArrow).withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  ${props => props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'))}
-`;
-
-const SummaryCard = React__default.forwardRef(function AssetSummaryCard({
-  activeSummaryCard,
-  title,
-  description,
-  instructions,
-  instructionsType,
-  headerLeft,
-  headerRight,
-  footerLeft,
-  footerRight,
-  width,
-  useBorder,
-  view,
-  ...props
-}, forwardedRef) {
-  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 React__default.createElement(SummaryCard$1, _extends$4({
-    ref: forwardedRef,
-    width: width,
-    useBorder: useBorder
-  }, props, {
-    view: view
-  }), shouldRenderHeader && React__default.createElement(React__default.Fragment, null, React__default.createElement(Gutter, {
-    gutter: 8
-  }), React__default.createElement(Header, null, React__default.createElement(HeaderLeft, null, headerLeft), React__default.createElement(HeaderRight, null, headerRight))), React__default.createElement(Gutter, {
-    gutter: shouldRenderHeader ? 8 : 16
-  }), title && React__default.createElement(Title, null, title), shouldAddGutterAfterTitle && React__default.createElement(Gutter, {
-    gutter: 4
-  }), description && React__default.createElement(Description, null, description), React__default.createElement(Gutter, {
-    gutter: 16
-  }), shouldRenderInstructions && React__default.createElement(Instruction, null, React__default.createElement(Alert, {
-    icon: React__default.createElement(SvgWarningCircle, null),
-    alertMessage: instructions,
-    type: instructionsType,
-    fontSize: 12,
-    verticalPadding: 12,
-    horizontalPadding: 16,
-    width: width,
-    lineClamp: 1
-  })), shouldAddGutterAfterInstructions && React__default.createElement(Gutter, {
-    gutter: 16
-  }), shouldRenderFooter && React__default.createElement(Footer, null, React__default.createElement(FooterLeft, null, footerLeft), React__default.createElement(FooterRight, null, footerRight)), shouldRenderFooter && React__default.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
-};
-
 const shouldForwardProp = prop => {
   return prop !== 'theme' && !prop.startsWith('$');
 };
@@ -700,168 +494,12 @@ styled.div.withConfig({
   padding: 4px 8px;
   border-radius: 4px;
 `;
-const StyledFloatingArrow$1 = styled(FloatingArrow).withConfig({
+const StyledFloatingArrow = styled(FloatingArrow).withConfig({
   shouldForwardProp
 }).attrs(applyDefaultTheme)`
   ${props => props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'))}
 `;
 
-const AssetActions = styled.div.attrs(applyDefaultTheme)`
-  font-family: ${props => props.theme.primaryFontFamily};
-  font-size: 1rem;
-  font-weight: 500;
-  display: flex;
-  flex-direction: column;
-  padding: 2px;
-  gap: 8px;
-`;
-
-const AssetAction$1 = styled.div.attrs(applyDefaultTheme)`
-  font-family: ${props => props.theme.primaryFontFamily};
-`;
-const AssetActionButton = styled.div.attrs(applyDefaultTheme)`
-  border-radius: 50%;
-  width: ${props => props.actionWidthHeight ? `${props.actionWidthHeight[0]}px` : 'auto'};
-  height: ${props => props.actionWidthHeight ? `${props.actionWidthHeight[1]}px` : 'auto'};
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
-  ${props => props.theme.themeProp('background-color', props.theme.getColor('gray-900'), props.theme.getColor('white'))};
-  svg {
-    pointer-events: none;
-    width: ${props => props.actionWidthHeight ? `${props.actionWidthHeight[0] - 14}px` : 'auto'};
-    height: ${props => props.actionWidthHeight ? `${props.actionWidthHeight[1] - 14}px` : 'auto'};
-    ${props => props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('white'))};
-  }
-`;
-const ActionTitle = styled.div.attrs(applyDefaultTheme)`
-  font-size: 14px;
-  border-radius: 4px;
-  padding: 8px 12px;
-  white-space: nowrap;
-  color: white;
-  background: ${props => props.theme.getColor('gray-700')};
-`;
-const StyledFloatingArrow = styled(FloatingArrow).attrs(applyDefaultTheme)`
-  fill: ${props => props.theme.getColor('gray-700')};
-`;
-const Floating = styled.div.attrs(applyDefaultTheme)`
-  pointer-events: none;
-`;
-
-const AssetAction = React__default.forwardRef(function AssetAction({
-  action,
-  asset,
-  itemKey,
-  ...props
-}, forwardedRef) {
-  const ARROW_WIDTH = 10;
-  const ARROW_HEIGHT = 5;
-  const GAP = 3;
-  const arrowRef = useRef(null);
-  const [isOpen, setIsOpen] = useState(false);
-  const [placement] = useState('bottom');
-  const {
-    refs,
-    floatingStyles,
-    context
-  } = useFloating({
-    placement,
-    open: isOpen,
-    onOpenChange: setIsOpen,
-    whileElementsMounted: autoUpdate,
-    middleware: [offset(ARROW_HEIGHT + GAP), flip({
-      padding: 5
-    }), shift({
-      padding: 5
-    }), arrow({
-      element: arrowRef
-    })]
-  });
-  const {
-    isMounted,
-    styles
-  } = useTransitionStyles(context, {
-    initial: {
-      transform: 'translateY(-8px)',
-      opacity: 0
-    },
-    duration: {
-      open: 200,
-      close: 100
-    }
-  });
-  const hover = useHover(context);
-  const dismiss = useDismiss(context, {
-    referencePress: true
-  });
-  const {
-    getReferenceProps,
-    getFloatingProps
-  } = useInteractions([dismiss, hover]);
-  const onActionClick = useCallback((e, action) => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (isFunction(action?.onClick)) {
-      action.onClick(asset);
-    }
-  }, [action]);
-  return React__default.createElement(AssetAction$1, _extends$4({
-    ref: forwardedRef
-  }, props), React__default.createElement(AssetActionButton, _extends$4({
-    key: itemKey,
-    ref: refs.setReference
-  }, getReferenceProps(), {
-    onClick: e => onActionClick(e, action.onClick(asset), itemKey),
-    actionWidthHeight: action.actionWidthHeight
-  }), action.icon), isOpen && isMounted && React__default.createElement(Floating, _extends$4({
-    className: "floating",
-    ref: refs.setFloating,
-    style: floatingStyles
-  }, getFloatingProps()), React__default.createElement(ActionTitle, {
-    style: styles
-  }, action.title), React__default.createElement(StyledFloatingArrow, {
-    ref: arrowRef,
-    context: context,
-    width: ARROW_WIDTH,
-    height: ARROW_HEIGHT
-  })));
-});
-AssetAction.propTypes = process.env.NODE_ENV !== "production" ? {
-  action: PropTypes.shape({
-    icon: PropTypes.node,
-    onClick: PropTypes.func,
-    actionWidthHeight: PropTypes.arrayOf(PropTypes.number),
-    title: PropTypes.string
-  }),
-  asset: PropTypes.object,
-  itemKey: PropTypes.string
-} : {};
-AssetAction.defaultProps = {};
-
-const AssetActionsBase = React__default.forwardRef(function AssetActionsBase({
-  actions,
-  asset,
-  ...props
-}, forwardedRef) {
-  const assetActions = actions.map((action, index) => React__default.createElement(AssetAction, _extends$4({
-    key: `index_${action.title}`,
-    ref: forwardedRef
-  }, props, {
-    action: action,
-    asset: asset,
-    itemKey: `${index}-${action.title}`
-  })));
-  return React__default.createElement(AssetActions, null, assetActions);
-});
-AssetActionsBase.propTypes = process.env.NODE_ENV !== "production" ? {
-  actions: PropTypes.arrayOf(PropTypes.object),
-  asset: PropTypes.object
-} : {};
-AssetActionsBase.defaultProps = {};
-
 const ComputedRootComponent$1 = ({
   component,
   asset,
@@ -1208,7 +846,7 @@ const AssetGalleryCompactCard = props => {
   }, getFloatingProps()), React__default.createElement("div", {
     style: styles,
     className: "floating"
-  }, renderPopoverContent(), React__default.createElement(StyledFloatingArrow$1, {
+  }, renderPopoverContent(), React__default.createElement(StyledFloatingArrow, {
     ref: arrowRef,
     context: context,
     width: ARROW_WIDTH,
@@ -2340,4 +1978,4 @@ AssetGallery.defaultProps = {
   displayIcon: ''
 };
 
-export { AssetGallery as A, SummaryCard as S, AssetActionsBase as a, AssetAction as b };
+export { AssetGallery as A };

package/build/{widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js → AssetPreviewTopBar-acd6353d.js}

@@ -1,9 +1,9 @@
-import { _ as _extends$1 } from '../../../_rollupPluginBabelHelpers-c245b26a.js';
+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 { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
 import styled, { css } from 'styled-components';
-import { S as SvgClose } from '../../../close-a5d37608.js';
+import { S as SvgClose } from './close-a5d37608.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); }
@@ -124,4 +124,4 @@ AssetPreviewTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 AssetPreviewTopBar.defaultProps = {};
 
-export { AssetPreviewTopBar as default };
+export { AssetPreviewTopBar as A };

package/build/{Button-179a2fe4.js → Button-73eb8516.js}

@@ -3,7 +3,7 @@ import React__default, { useState, useRef, useEffect } from 'react';
 import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
 import styled, { css } from 'styled-components';
 import { P as Popover } from './Popover-20050b91.js';
-import ContextMenu from './widgets/ContextMenu/ContextMenu.js';
+import { C as ContextMenu } from './ContextMenu-0f7134e4.js';
 import { S as SvgExpandMore } from './expand-more-c5523c46.js';
 
 const Button$1 = styled.button.attrs(applyDefaultTheme)`

package/build/{widgets/ContextMenu/ContextMenu.js → ContextMenu-0f7134e4.js}

@@ -1,6 +1,6 @@
-import { _ as _extends } from '../../_rollupPluginBabelHelpers-c245b26a.js';
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
 import React__default from 'react';
-import { a as applyDefaultTheme, P as PropTypes } from '../../defaultTheme-1bcc2541.js';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
 import styled from 'styled-components';
 
 const ContextMenu$1 = styled.div.attrs(applyDefaultTheme)`
@@ -23,4 +23,4 @@ ContextMenu.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 ContextMenu.defaultProps = {};
 
-export { ContextMenu as default };
+export { ContextMenu as C };

package/build/{widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js → ContextMenuItem-ea411141.js}

@@ -1,7 +1,7 @@
-import { _ as _extends$1 } from '../../../_rollupPluginBabelHelpers-c245b26a.js';
+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 { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
 import styled, { css } from 'styled-components';
 
 var _path;
@@ -124,4 +124,4 @@ ContextMenuItem.defaultProps = {
   opensSublevel: false
 };
 
-export { ContextMenuItem as default };
+export { ContextMenuItem as C };

package/build/{widgets/InfoCard/InfoCard.js → InfoCard-c98b6f5a.js}

@@ -1,8 +1,8 @@
-import { _ as _extends } from '../../_rollupPluginBabelHelpers-c245b26a.js';
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
 import React__default, { useState } from 'react';
-import { a as applyDefaultTheme, P as PropTypes } from '../../defaultTheme-1bcc2541.js';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
 import styled from 'styled-components';
-import { S as SvgArrowForward } from '../../arrow-forward-ad12c5f3.js';
+import { S as SvgArrowForward } from './arrow-forward-ad12c5f3.js';
 
 const Container = styled.div.attrs(applyDefaultTheme)`
   font-family: ${props => props.theme.primaryFontFamily};
@@ -122,4 +122,4 @@ InfoCard.propTypes = process.env.NODE_ENV !== "production" ? {
   height: PropTypes.number
 } : {};
 
-export { InfoCard as default };
+export { InfoCard as I };

package/build/{widgets/Instructions/Instructions.js → Instructions-bfd28cea.js}

@@ -1,30 +1,11 @@
-import { _ as _extends } from '../../_rollupPluginBabelHelpers-c245b26a.js';
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
 import { isFunction } from 'lodash';
-import { a as applyDefaultTheme, P as PropTypes } from '../../defaultTheme-1bcc2541.js';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
 import React__default, { useState, useEffect, useCallback } from 'react';
-import { S as SvgWarningCircle } from '../../warning-circle-24f3efcd.js';
-import { C as CompactAutocompleteSelect } from '../../CompactAutocompleteSelect-52c49513.js';
-import { T as TextArea } from '../../TextArea-1e5b9201.js';
+import { S as SvgWarningCircle } from './warning-circle-24f3efcd.js';
+import { C as CompactAutocompleteSelect } from './CompactAutocompleteSelect-52c49513.js';
+import { T as TextArea } from './TextArea-1e5b9201.js';
 import styled from 'styled-components';
-import 'nanoid';
-import '../../Alert-e6847a22.js';
-import '../../Badge-d93586a9.js';
-import '../../Popover-20050b91.js';
-import 'polished';
-import '@tippyjs/react';
-import '../../shift-away-subtle-0dd94a03.js';
-import 'popper-max-size-modifier';
-import '../../Tab-04d435c3.js';
-import '../../Tabs-74d1ea8a.js';
-import '../../Tooltip-c1d1199e.js';
-import '../../VerificationStatusIcon-49cb1c1b.js';
-import 'react-select';
-import 'react-select-async-paginate';
-import 'react-select/creatable';
-import '../../close-a5d37608.js';
-import '../../expand-more-c5523c46.js';
-import '@restart/hooks/useMergedRefs';
-import '../../edit-note-283a0e15.js';
 
 const Instructions$1 = styled.div.attrs(applyDefaultTheme)`
   display: flex;
@@ -252,4 +233,4 @@ Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
   padding: PropTypes.oneOf(['', 'small', 'medium', 'large'])
 } : {};
 
-export { Instructions as default };
+export { Instructions as I };

package/build/{widgets/ProgressBar/ProgressBar.js → ProgressBar-bc4a4a7e.js}

@@ -1,8 +1,8 @@
-import { _ as _extends } from '../../_rollupPluginBabelHelpers-c245b26a.js';
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
 import React__default, { useState } from 'react';
-import { a as applyDefaultTheme, P as PropTypes } from '../../defaultTheme-1bcc2541.js';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
 import styled from 'styled-components';
-import { S as SvgArrowForward } from '../../arrow-forward-ad12c5f3.js';
+import { S as SvgArrowForward } from './arrow-forward-ad12c5f3.js';
 
 const getBackgroundColor = props => {
   if (props.barColor) {
@@ -207,4 +207,4 @@ ProgressBar.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: PropTypes.func
 } : {};
 
-export { ProgressBar as default };
+export { ProgressBar as P };

package/build/SummaryCard-24040650.js

@@ -0,0 +1,223 @@
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import React__default from 'react';
+import { S as SvgWarningCircle } from './warning-circle-24f3efcd.js';
+import { A as Alert } from './Alert-e6847a22.js';
+import './Badge-d93586a9.js';
+import './Popover-20050b91.js';
+import './Tab-04d435c3.js';
+import './Tabs-74d1ea8a.js';
+import './Tooltip-c1d1199e.js';
+import './VerificationStatusIcon-49cb1c1b.js';
+import styled, { css } from 'styled-components';
+import { FloatingArrow } from '@floating-ui/react';
+
+const shouldForwardProp = prop => {
+  return prop !== 'theme' && !prop.startsWith('$');
+};
+const SummaryCard$1 = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: flex;
+  flex-direction: column;
+  border-radius: 4px;
+  width: ${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)`
+  ${props => {
+  if (props.renderAsMargin) {
+    return css`
+        margin-bottom: ${props.$gutter || 8}px;
+      `;
+  } else {
+    return css`
+        padding-bottom: ${props.$gutter || 8}px;
+      `;
+  }
+}}
+  padding-bottom: ${props => props.$gutter || 8}px;
+`;
+const Header = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 16px;
+`;
+const HeaderLeft = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+
+  > * {
+    margin-right: 4px;
+  }
+`;
+const HeaderRight = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+
+  > * {
+    margin-left: 4px;
+  }
+`;
+const Title = styled.span.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  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;
+
+  ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
+`;
+const Description = styled.span.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  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;
+
+  ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
+`;
+const Instruction = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)``;
+const Footer = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 16px;
+`;
+const FooterLeft = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+
+  > * {
+    margin-right: 4px;
+  }
+`;
+const FooterRight = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+
+  > * {
+    margin-left: 4px;
+  }
+`;
+styled(FloatingArrow).withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  ${props => props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'))}
+`;
+
+const SummaryCard = React__default.forwardRef(function AssetSummaryCard({
+  activeSummaryCard,
+  title,
+  description,
+  instructions,
+  instructionsType,
+  headerLeft,
+  headerRight,
+  footerLeft,
+  footerRight,
+  width,
+  useBorder,
+  view,
+  ...props
+}, forwardedRef) {
+  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 React__default.createElement(SummaryCard$1, _extends({
+    ref: forwardedRef,
+    width: width,
+    useBorder: useBorder
+  }, props, {
+    view: view
+  }), shouldRenderHeader && React__default.createElement(React__default.Fragment, null, React__default.createElement(Gutter, {
+    gutter: 8
+  }), React__default.createElement(Header, null, React__default.createElement(HeaderLeft, null, headerLeft), React__default.createElement(HeaderRight, null, headerRight))), React__default.createElement(Gutter, {
+    gutter: shouldRenderHeader ? 8 : 16
+  }), title && React__default.createElement(Title, null, title), shouldAddGutterAfterTitle && React__default.createElement(Gutter, {
+    gutter: 4
+  }), description && React__default.createElement(Description, null, description), React__default.createElement(Gutter, {
+    gutter: 16
+  }), shouldRenderInstructions && React__default.createElement(Instruction, null, React__default.createElement(Alert, {
+    icon: React__default.createElement(SvgWarningCircle, null),
+    alertMessage: instructions,
+    type: instructionsType,
+    fontSize: 12,
+    verticalPadding: 12,
+    horizontalPadding: 16,
+    width: width,
+    lineClamp: 1
+  })), shouldAddGutterAfterInstructions && React__default.createElement(Gutter, {
+    gutter: 16
+  }), shouldRenderFooter && React__default.createElement(Footer, null, React__default.createElement(FooterLeft, null, footerLeft), React__default.createElement(FooterRight, null, footerRight)), shouldRenderFooter && React__default.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
+};
+
+export { SummaryCard as S };

package/build/inputs/Button/index.js

@@ -1,4 +1,4 @@
-export { B as default } from '../../Button-179a2fe4.js';
+export { B as default } from '../../Button-73eb8516.js';
 import '../../_rollupPluginBabelHelpers-c245b26a.js';
 import 'react';
 import '../../defaultTheme-1bcc2541.js';
@@ -9,5 +9,5 @@ import 'polished';
 import '@tippyjs/react';
 import '../../shift-away-subtle-0dd94a03.js';
 import 'popper-max-size-modifier';
-import '../../widgets/ContextMenu/ContextMenu.js';
+import '../../ContextMenu-0f7134e4.js';
 import '../../expand-more-c5523c46.js';

package/build/inputs/index.js

@@ -1,5 +1,5 @@
 export { A as ActionButton } from '../ActionButton-4db754c3.js';
-export { B as Button } from '../Button-179a2fe4.js';
+export { B as Button } from '../Button-73eb8516.js';
 export { C as Checkbox } from '../Checkbox-4a5fd716.js';
 export { C as CompactAutocompleteSelect } from '../CompactAutocompleteSelect-52c49513.js';
 export { C as CompactStarRating } from '../CompactStarRating-9af2f427.js';
@@ -20,7 +20,7 @@ import 'lodash';
 import '@tippyjs/react';
 import '../shift-away-subtle-0dd94a03.js';
 import 'popper-max-size-modifier';
-import '../widgets/ContextMenu/ContextMenu.js';
+import '../ContextMenu-0f7134e4.js';
 import '../expand-more-c5523c46.js';
 import 'nanoid';
 import '../Alert-e6847a22.js';

package/build/widgets/AssetAction/index.js

@@ -0,0 +1,7 @@
+export { A as default } from '../../AssetAction-98d76ce0.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'react';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import '@floating-ui/react';
+import 'lodash';

package/build/widgets/AssetActionsBase/index.js

@@ -0,0 +1,8 @@
+export { A as default } from '../../AssetActionsBase-9e4c0735.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'react';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import '../../AssetAction-98d76ce0.js';
+import '@floating-ui/react';
+import 'lodash';

package/build/widgets/AssetGallery/{AssetGallery.js → index.js}

@@ -1,9 +1,9 @@
+export { A as default } from '../../AssetGallery-63f721ec.js';
 import '../../_rollupPluginBabelHelpers-c245b26a.js';
 import 'lodash';
 import '../../defaultTheme-1bcc2541.js';
-import 'react';
-export { A as default } from '../../AssetGallery-f67393d4.js';
 import 'styled-components';
+import 'react';
 import '@restart/hooks/useMergedRefs';
 import 'resize-observer-polyfill';
 import '../../MultiLevelCheckboxSelect-d8044c88.js';
@@ -27,10 +27,13 @@ import '../../SectionSeparator-f47760a2.js';
 import '../../close-a5d37608.js';
 import '@restart/hooks/useUpdateEffect';
 import '../../warning-circle-24f3efcd.js';
+import '../../SummaryCard-24040650.js';
 import '@floating-ui/react';
+import '../../AssetActionsBase-9e4c0735.js';
+import '../../AssetAction-98d76ce0.js';
 import '../../ActionButton-4db754c3.js';
-import '../../Button-179a2fe4.js';
-import '../ContextMenu/ContextMenu.js';
+import '../../Button-73eb8516.js';
+import '../../ContextMenu-0f7134e4.js';
 import '../../expand-more-c5523c46.js';
 import '../../CompactAutocompleteSelect-52c49513.js';
 import 'react-select';
@@ -42,4 +45,4 @@ import '../../MultiSelect-9f497e62.js';
 import '../../Radio-73ca3ae2.js';
 import '../../TextArea-1e5b9201.js';
 import '../../Switch-ecf3122b.js';
-import '../ContextMenu/ContextMenuItem/ContextMenuItem.js';
+import '../../ContextMenuItem-ea411141.js';

package/build/widgets/AssetPreview/AssetPreviewTopBar/index.js

@@ -0,0 +1,6 @@
+export { A as default } from '../../../AssetPreviewTopBar-acd6353d.js';
+import '../../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'react';
+import '../../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import '../../../close-a5d37608.js';

package/build/widgets/ContextMenu/ContextMenuItem/index.js

@@ -0,0 +1,5 @@
+export { C as default } from '../../../ContextMenuItem-ea411141.js';
+import '../../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'react';
+import '../../../defaultTheme-1bcc2541.js';
+import 'styled-components';

package/build/widgets/ContextMenu/index.js

@@ -0,0 +1,5 @@
+export { C as default } from '../../ContextMenu-0f7134e4.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'react';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';

package/build/widgets/InfoCard/index.js

@@ -0,0 +1,6 @@
+export { I as default } from '../../InfoCard-c98b6f5a.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'react';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import '../../arrow-forward-ad12c5f3.js';

package/build/widgets/Instructions/index.js

@@ -0,0 +1,28 @@
+export { I as default } from '../../Instructions-bfd28cea.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'lodash';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import 'react';
+import '../../warning-circle-24f3efcd.js';
+import '../../CompactAutocompleteSelect-52c49513.js';
+import 'nanoid';
+import '../../Alert-e6847a22.js';
+import '../../Badge-d93586a9.js';
+import '../../Popover-20050b91.js';
+import 'polished';
+import '@tippyjs/react';
+import '../../shift-away-subtle-0dd94a03.js';
+import 'popper-max-size-modifier';
+import '../../Tab-04d435c3.js';
+import '../../Tabs-74d1ea8a.js';
+import '../../Tooltip-c1d1199e.js';
+import '../../VerificationStatusIcon-49cb1c1b.js';
+import 'react-select';
+import 'react-select-async-paginate';
+import 'react-select/creatable';
+import '../../close-a5d37608.js';
+import '../../expand-more-c5523c46.js';
+import '../../TextArea-1e5b9201.js';
+import '@restart/hooks/useMergedRefs';
+import '../../edit-note-283a0e15.js';

package/build/widgets/ProgressBar/index.js

@@ -0,0 +1,6 @@
+export { P as default } from '../../ProgressBar-bc4a4a7e.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'react';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import '../../arrow-forward-ad12c5f3.js';

package/build/widgets/SummaryCard/index.js

@@ -0,0 +1,19 @@
+export { S as default } from '../../SummaryCard-24040650.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import 'react';
+import '../../warning-circle-24f3efcd.js';
+import '../../Alert-e6847a22.js';
+import 'lodash';
+import '../../Badge-d93586a9.js';
+import '../../Popover-20050b91.js';
+import 'polished';
+import '@tippyjs/react';
+import '../../shift-away-subtle-0dd94a03.js';
+import 'popper-max-size-modifier';
+import '../../Tab-04d435c3.js';
+import '../../Tabs-74d1ea8a.js';
+import '../../Tooltip-c1d1199e.js';
+import '../../VerificationStatusIcon-49cb1c1b.js';
+import '@floating-ui/react';

package/build/widgets/index.js

@@ -1,9 +1,12 @@
-export { b as AssetAction, a as AssetActionBase, A as AssetGallery, S as SummaryCard } from '../AssetGallery-f67393d4.js';
-export { default as ContextMenu } from './ContextMenu/ContextMenu.js';
-export { default as AssetPreviewTopBar } from './AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js';
-export { default as Instructions } from './Instructions/Instructions.js';
-export { default as ProgressBar } from './ProgressBar/ProgressBar.js';
-export { default as InfoCard } from './InfoCard/InfoCard.js';
+export { A as AssetGallery } from '../AssetGallery-63f721ec.js';
+export { C as ContextMenu } from '../ContextMenu-0f7134e4.js';
+export { A as AssetPreviewTopBar } from '../AssetPreviewTopBar-acd6353d.js';
+export { I as Instructions } from '../Instructions-bfd28cea.js';
+export { S as SummaryCard } from '../SummaryCard-24040650.js';
+export { A as AssetActionBase } from '../AssetActionsBase-9e4c0735.js';
+export { A as AssetAction } from '../AssetAction-98d76ce0.js';
+export { P as ProgressBar } from '../ProgressBar-bc4a4a7e.js';
+export { I as InfoCard } from '../InfoCard-c98b6f5a.js';
 import '../_rollupPluginBabelHelpers-c245b26a.js';
 import 'lodash';
 import '../defaultTheme-1bcc2541.js';
@@ -34,7 +37,7 @@ import '@restart/hooks/useUpdateEffect';
 import '../warning-circle-24f3efcd.js';
 import '@floating-ui/react';
 import '../ActionButton-4db754c3.js';
-import '../Button-179a2fe4.js';
+import '../Button-73eb8516.js';
 import '../expand-more-c5523c46.js';
 import '../CompactAutocompleteSelect-52c49513.js';
 import 'react-select';
@@ -46,5 +49,5 @@ import '../MultiSelect-9f497e62.js';
 import '../Radio-73ca3ae2.js';
 import '../TextArea-1e5b9201.js';
 import '../Switch-ecf3122b.js';
-import './ContextMenu/ContextMenuItem/ContextMenuItem.js';
+import '../ContextMenuItem-ea411141.js';
 import '../arrow-forward-ad12c5f3.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "2.0.0-rc.28",
+  "version": "2.0.0-rc.29",
   "publishConfig": {
     "access": "public"
   },