@cube-dev/ui-kit 0.1.3 → 0.2.1

package/README.md

@@ -14,7 +14,9 @@ You will also see any lint errors in the console.
 
 Run storybook with all the components of UI Kit.
 
-### yarn run build
+Deployed version of the Storybook from the `main` branch is here: https://cube-uikit-storybook.netlify.app/ 
+
+### yarn build
 
 Builds a static copy of UIKit to the `dist/` folder.
 Your app is ready to be deployed!

package/dist/cjs/components/{Action.d.ts → actions/Action.d.ts}

@@ -1,7 +1,7 @@
 import { MouseEventHandler } from 'react';
-import { BaseProps, ContainerStyleProps, TagNameProps, TextStyleProps } from './types';
+import { BaseProps, BaseStyleProps, ContainerStyleProps, TagNameProps, TextStyleProps } from '../types';
 import { AriaButtonProps } from '@react-types/button';
-export interface CubeActionProps extends BaseProps, TagNameProps, ContainerStyleProps, TextStyleProps, Omit<AriaButtonProps, 'type'> {
+export interface CubeActionProps extends BaseProps, TagNameProps, BaseStyleProps, ContainerStyleProps, TextStyleProps, Omit<AriaButtonProps, 'type'> {
     to?: string;
     label?: string;
     skipWarnings?: boolean;

package/dist/{mjs/atoms → cjs/components/actions}/Button/Button.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CubeActionProps } from '../../components/Action';
+import { CubeActionProps } from '../Action';
 export interface CubeButtonProps extends CubeActionProps {
     ghost?: boolean;
     icon?: JSX.Element;

package/dist/{mjs/atoms → cjs/components/actions}/ButtonGroup/ButtonGroup.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { CubeSpaceProps } from '../../components/Space';
+import { CubeSpaceProps } from '../../layout/Space';
 export declare const ButtonGroup: import("react").ForwardRefExoticComponent<CubeSpaceProps & import("react").RefAttributes<unknown>>;

package/dist/cjs/{atoms → components/content}/Avatar/Avatar.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps } from '../../components/types';
-import { Styles } from '../../styles/types';
+import { BaseProps, ContainerStyleProps } from '../../types';
+import { Styles } from '../../../styles/types';
 export interface CubeAvatarProps extends BaseProps, ContainerStyleProps {
     icon?: JSX.Element;
     size?: Styles['size'];

package/dist/cjs/{atoms → components/content}/Badge/Badge.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import THEMES from '../../data/themes';
-import { BaseProps, ContainerStyleProps } from '../../components/types';
+import THEMES from '../../../data/themes';
+import { BaseProps, ContainerStyleProps } from '../../types';
 export interface CubeBadgeProps extends BaseProps, ContainerStyleProps {
     type?: keyof typeof THEMES;
 }

package/dist/cjs/{atoms → components/content}/Card/Card.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps } from '../../components/types';
+import { BaseProps, ContainerStyleProps } from '../../types';
 export interface CubeCardProps extends BaseProps, ContainerStyleProps {
 }
 export declare const Card: import("react").ForwardRefExoticComponent<CubeCardProps & import("react").RefAttributes<unknown>>;

package/dist/{mjs/components → cjs/components/content}/Content.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps, TextStyleProps } from './types';
+import { BaseProps, ContainerStyleProps, TextStyleProps } from '../types';
 export interface CubeContentProps extends BaseProps, ContainerStyleProps, TextStyleProps {
 }
 export declare const Content: import("react").ForwardRefExoticComponent<CubeContentProps & import("react").RefAttributes<unknown>>;

package/dist/{mjs/components → cjs/components/content}/Divider.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, OuterStyleProps } from './types';
+import { BaseProps, OuterStyleProps } from '../types';
 export interface CubeDividerProps extends BaseProps, OuterStyleProps {
 }
 export declare const Divider: import("react").ForwardRefExoticComponent<CubeDividerProps & import("react").RefAttributes<unknown>>;

package/dist/cjs/components/{Footer.d.ts → content/Footer.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps, TextStyleProps } from './types';
+import { BaseProps, ContainerStyleProps, TextStyleProps } from '../types';
 export interface CubeFooterProps extends BaseProps, ContainerStyleProps, TextStyleProps {
 }
 export declare const Footer: import("react").ForwardRefExoticComponent<CubeFooterProps & import("react").RefAttributes<unknown>>;

package/dist/cjs/components/{Header.d.ts → content/Header.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps, TextStyleProps } from './types';
+import { BaseProps, ContainerStyleProps, TextStyleProps } from '../types';
 export interface CubeHeaderProps extends BaseProps, ContainerStyleProps, TextStyleProps {
 }
 export declare const Header: import("react").ForwardRefExoticComponent<CubeHeaderProps & import("react").RefAttributes<unknown>>;

package/dist/cjs/components/{Paragraph.d.ts → content/Paragraph.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { CubeTextProps } from './Text';
-import { ContainerStyleProps } from './types';
+import { ContainerStyleProps } from '../types';
 export interface CubeParagraphProps extends CubeTextProps, ContainerStyleProps {
 }
 export declare const Paragraph: import("react").ForwardRefExoticComponent<CubeParagraphProps & import("react").RefAttributes<unknown>>;

package/dist/cjs/{atoms → components/content}/Placeholder/Placeholder.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { Styles } from '../../styles/types';
-import { BaseProps, ContainerStyleProps } from '../../components/types';
+import { Styles } from '../../../styles/types';
+import { BaseProps, ContainerStyleProps } from '../../types';
 export interface CubePlaceholderProps extends BaseProps, ContainerStyleProps {
     size?: Styles['size'];
     circle?: boolean;

package/dist/{mjs/atoms → cjs/components/content}/PrismCode/PrismCode.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps } from '../../components/types';
+import { BaseProps } from '../../types';
 export interface CubePrismCodeProps {
     /** The CSS style map */
     style?: BaseProps['style'];

package/dist/cjs/{atoms → components/content}/Skeleton/Skeleton.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { CubePlaceholderProps } from '../Placeholder/Placeholder';
-import { CubeGridProps } from '../../components/Grid';
-import { BaseProps, ContainerStyleProps } from '../../components/types';
+import { CubeGridProps } from '../../layout/Grid';
+import { BaseProps, ContainerStyleProps } from '../../types';
 declare const LAYOUT_MAP: {
     readonly page: ({ lines, children, ...props }: {
         [x: string]: any;

package/dist/cjs/components/content/Tag/Tag.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import THEMES from '../../../data/themes';
+import { BaseProps, ContainerStyleProps } from '../../types';
+export interface CubeTagProps extends BaseProps, ContainerStyleProps {
+    type?: keyof typeof THEMES;
+    isClosable?: boolean;
+    onClose?: () => void;
+}
+declare const _Tag: import("react").ForwardRefExoticComponent<CubeTagProps & import("react").RefAttributes<unknown>>;
+export { _Tag as Tag };

package/dist/{mjs/components → cjs/components/content}/Text.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'react';
-import { ResponsiveStyleValue } from '../utils/styles';
-import { BaseProps, BaseStyleProps, ColorStyleProps, TagNameProps, TextStyleProps } from './types';
+import { ResponsiveStyleValue } from '../../utils/styles';
+import { BaseProps, BaseStyleProps, ColorStyleProps, TagNameProps, TextStyleProps } from '../types';
 export interface CubeTextProps extends BaseProps, TagNameProps, TextStyleProps, BaseStyleProps, ColorStyleProps {
     /**
      * Whether the text uses the monospace font.
@@ -18,7 +18,7 @@ export interface CubeTextProps extends BaseProps, TagNameProps, TextStyleProps,
      * Whether the text has italic style
      */
     italic?: ResponsiveStyleValue<CSSProperties['fontStyle']>;
-    weight?: ResponsiveStyleValue<CSSProperties['fontWeight']>;
+    weight?: string | number;
     align?: ResponsiveStyleValue<CSSProperties['textAlign']>;
     transform?: ResponsiveStyleValue<CSSProperties['textTransform']>;
 }

package/dist/{mjs/components → cjs/components/content}/Title.d.ts

@@ -1,12 +1,9 @@
 /// <reference types="react" />
 import { CubeTextProps } from './Text';
-import { ResponsiveStyleValue } from '../utils/styles';
-import { BlockStyleProps, PositionStyleProps, TagNameProps } from './types';
-export interface CubeTitleProps extends CubeTextProps, TagNameProps, BlockStyleProps, PositionStyleProps {
+import { BaseProps, BlockStyleProps, PositionStyleProps, TagNameProps } from '../types';
+export interface CubeTitleProps extends BaseProps, CubeTextProps, TagNameProps, BlockStyleProps, PositionStyleProps {
     /** The level of the heading **/
     level?: 1 | 2 | 3 | 4 | 5 | 6;
-    /** The size style for the heading **/
-    size?: ResponsiveStyleValue<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | string>;
 }
 declare const Title: import("react").ForwardRefExoticComponent<CubeTitleProps & import("react").RefAttributes<unknown>> & {
     Danger: import("react").ForwardRefExoticComponent<CubeTitleProps & import("react").RefAttributes<unknown>>;

package/dist/cjs/{atoms → components/forms}/Checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { AriaCheckboxProps } from '@react-types/checkbox';
-import { BaseProps } from '../../components/types';
-import { FormFieldProps } from '../../shared';
+import { BaseProps } from '../../types';
+import { FormFieldProps } from '../../../shared';
 export interface CubeCheckboxProps extends BaseProps, AriaCheckboxProps, FormFieldProps {
 }
 /**

package/dist/{mjs/atoms → cjs/components/forms}/Checkbox/CheckboxGroup.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { BaseProps } from '../../components/types';
+import { BaseProps } from '../../types';
 import { AriaCheckboxGroupProps } from '@react-types/checkbox';
-import { FormFieldProps } from '../../shared';
+import { FormFieldProps } from '../../../shared';
 export interface CubeCheckboxGroupProps extends BaseProps, AriaCheckboxGroupProps, FormFieldProps {
     orientation?: 'vertical' | 'horizontal';
 }

package/dist/cjs/components/{FieldWrapper.d.ts → forms/FieldWrapper.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { LabelPosition, NecessityIndicator, ValidationState } from '../shared';
-import { Styles } from '../styles/types';
+import { LabelPosition, NecessityIndicator, ValidationState } from '../../shared';
+import { Styles } from '../../styles/types';
 export declare type CubeFieldWrapperProps = {
     as: string;
     labelPosition: LabelPosition;

package/dist/cjs/{atoms → components/forms}/Form/Field.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { FieldBaseProps, ValidationRule } from '../../shared';
+import { FieldBaseProps, ValidationRule } from '../../../shared';
 import { FormStore } from './useForm';
 export interface CubeFieldProps extends FieldBaseProps {
     /** The type of the input. `Input`, `Checkbox`, RadioGroup`, `Select`, `ComboBox` etc... */

package/dist/{mjs/atoms → cjs/components/forms}/Form/Form.d.ts

@@ -1,7 +1,7 @@
 import { FormHTMLAttributes } from 'react';
 import { FormStore, useForm, CubeFormData } from './useForm';
-import { BaseProps, ContainerStyleProps } from '../../components/types';
-import { FormBaseProps } from '../../shared';
+import { BaseProps, ContainerStyleProps } from '../../types';
+import { FormBaseProps } from '../../../shared';
 export declare const FormContext: import("react").Context<{}>;
 export declare function useFormProps(props: any): any;
 export interface CubeFormProps extends FormBaseProps, BaseProps, ContainerStyleProps, Pick<FormHTMLAttributes<HTMLFormElement>, 'action' | 'autoComplete' | 'encType' | 'method' | 'target'> {

package/dist/cjs/components/{Label.d.ts → forms/Label.d.ts}

@@ -1,7 +1,7 @@
 import { MouseEventHandler } from 'react';
-import { BaseProps, ContainerStyleProps, TagNameProps } from './types';
-import { LabelPosition, NecessityIndicator, ValidationState } from '../shared';
-import { Styles } from '../styles/types';
+import { BaseProps, ContainerStyleProps, TagNameProps } from '../types';
+import { LabelPosition, NecessityIndicator, ValidationState } from '../../shared';
+import { Styles } from '../../styles/types';
 export declare const INLINE_LABEL_STYLES: Styles;
 export declare const LABEL_STYLES: Styles;
 export interface CubeLabelProps extends BaseProps, TagNameProps, ContainerStyleProps {

package/dist/cjs/{atoms → components/forms}/RadioGroup/Radio.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { Styles } from '../../styles/types';
-import { BaseProps } from '../../components/types';
+import { Styles } from '../../../styles/types';
+import { BaseProps } from '../../types';
 import { AriaRadioProps } from '@react-types/radio';
-import { FormFieldProps } from '../../shared';
+import { FormFieldProps } from '../../../shared';
 export interface CubeRadioProps extends BaseProps, AriaRadioProps, FormFieldProps {
     inputStyles?: Styles;
     type?: 'button' | 'radio';

package/dist/{mjs/atoms → cjs/components/forms}/Switch/Switch.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { Styles } from '../../styles/types';
-import { BaseProps, BlockStyleProps, OuterStyleProps } from '../../components/types';
+import { Styles } from '../../../styles/types';
+import { BaseProps, BlockStyleProps, OuterStyleProps } from '../../types';
 import { AriaSwitchProps } from '@react-types/switch';
-import { FormFieldProps } from '../../shared';
+import { FormFieldProps } from '../../../shared';
 export interface CubeSwitchProps extends BaseProps, OuterStyleProps, BlockStyleProps, FormFieldProps, AriaSwitchProps {
     thumbStyles?: Styles;
     inputStyles?: Styles;

package/dist/{mjs/atoms → cjs/components/forms}/TextInput/TextInputBase.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode, RefObject } from 'react';
-import { Styles } from '../../styles/types';
-import { BaseProps, BlockStyleProps, PositionStyleProps, Props } from '../../components/types';
-import { FormFieldProps } from '../../shared';
+import { Styles } from '../../../styles/types';
+import { BaseProps, BlockStyleProps, PositionStyleProps, Props } from '../../types';
+import { FormFieldProps } from '../../../shared';
 import { AriaTextFieldProps } from '@react-types/textfield';
 export declare const DEFAULT_INPUT_STYLES: Styles;
 export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, BlockStyleProps, AriaTextFieldProps, FormFieldProps {

package/dist/cjs/components/{Flex.d.ts → layout/Flex.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps, ShortItemsStyles } from './types';
+import { BaseProps, ContainerStyleProps, ShortItemsStyles } from '../types';
 export interface CubeFlexProps extends BaseProps, ContainerStyleProps, ShortItemsStyles {
 }
 export declare const Flex: import("react").ForwardRefExoticComponent<CubeFlexProps & import("react").RefAttributes<unknown>>;

package/dist/{mjs/components → cjs/components/layout}/Flow.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps } from './types';
+import { BaseProps, ContainerStyleProps } from '../types';
 export interface CubeFlowProps extends BaseProps, ContainerStyleProps {
 }
 export declare const Flow: import("react").ForwardRefExoticComponent<CubeFlowProps & import("react").RefAttributes<unknown>>;

package/dist/cjs/components/{Grid.d.ts → layout/Grid.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps, ShortGridStyles, ShortItemsStyles } from './types';
+import { BaseProps, ContainerStyleProps, ShortGridStyles, ShortItemsStyles } from '../types';
 export interface CubeGridProps extends BaseProps, ContainerStyleProps, ShortItemsStyles, ShortGridStyles {
 }
 export declare const Grid: import("react").ForwardRefExoticComponent<CubeGridProps & import("react").RefAttributes<unknown>>;

package/dist/{mjs/components → cjs/components/layout}/Prefix.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { BaseProps, ContainerStyleProps } from './types';
+import { BaseProps, ContainerStyleProps } from '../types';
 export interface CubePrefixProps extends BaseProps, ContainerStyleProps {
     onWidthChange?: Function;
     outerGap?: CSSProperties['gap'];

package/dist/cjs/components/{Space.d.ts → layout/Space.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps, ShortItemsStyles } from './types';
+import { BaseProps, ContainerStyleProps, ShortItemsStyles } from '../types';
 export interface CubeSpaceProps extends BaseProps, ContainerStyleProps, ShortItemsStyles {
     direction?: 'vertical' | 'horizontal';
 }

package/dist/cjs/components/{Suffix.d.ts → layout/Suffix.d.ts}

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { BaseProps, ContainerStyleProps } from './types';
+import { BaseProps, ContainerStyleProps } from '../types';
 export interface CubeSuffixProps extends BaseProps, ContainerStyleProps {
     onWidthChange?: Function;
     outerGap?: CSSProperties['gap'];

package/dist/cjs/{atoms → components/navigation}/Link/Link.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { CubeActionProps } from '../../components/Action';
+import { CubeActionProps } from '../../actions/Action';
 export declare const Link: import("react").ForwardRefExoticComponent<CubeActionProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLLinkElement, HTMLLinkElement>>>;

package/dist/{mjs/molecules → cjs/components/navigation}/Tabs/Tabs.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { CubeFlexProps } from '../../components/Flex';
-import { CubeButtonProps } from '../../atoms/Button/Button';
-import { Styles } from '../../styles/types';
+import { CubeFlexProps } from '../../layout/Flex';
+import { CubeButtonProps } from '../../actions/Button/Button';
+import { Styles } from '../../../styles/types';
 export interface CubeTabData {
     id: string | number;
     qa?: string;

package/dist/{mjs/molecules → cjs/components/organisms}/Alert/Alert.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import THEMES from '../../data/themes';
-import { BaseProps, ContainerStyleProps, TextStyleProps } from '../../components/types';
+import THEMES from '../../../data/themes';
+import { BaseProps, ContainerStyleProps, TextStyleProps } from '../../types';
 export interface CubeAlertProps extends BaseProps, ContainerStyleProps, TextStyleProps {
     type?: keyof typeof THEMES;
     label?: string;

package/dist/cjs/{molecules → components/organisms}/CopySnippet/CopySnippet.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { CubeCardProps } from '../../atoms/Card/Card';
-import { CubePrismCodeProps } from '../../atoms/PrismCode/PrismCode';
-import { Styles } from '../../styles/types';
+import { CubeCardProps } from '../../content/Card/Card';
+import { CubePrismCodeProps } from '../../content/PrismCode/PrismCode';
+import { Styles } from '../../../styles/types';
 export interface CubeCopySnippetProps extends CubeCardProps {
     padding?: Styles['padding'];
     /** The code snippet */

package/dist/cjs/{molecules → components/organisms}/DirectoryTree/DirectoryTree.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { CubeFlexProps } from '../../components/Flex';
+import { CubeFlexProps } from '../../layout/Flex';
 export declare type CubeFileTree = CubeFileTreeItem[];
 export interface CubeFileTreeItem {
     isLeaf?: boolean;

package/dist/cjs/{molecules → components/organisms}/FileTabs/FileTabs.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { CubeActionProps } from '../../components/Action';
-import { CubeFlexProps } from '../../components/Flex';
-import { Styles } from '../../styles/types';
+import { CubeActionProps } from '../../actions/Action';
+import { CubeFlexProps } from '../../layout/Flex';
+import { Styles } from '../../../styles/types';
 export interface FileTabProps extends Omit<CubeActionProps, 'id'> {
     isDirty?: boolean;
     isDisabled?: boolean;

package/dist/{mjs/molecules → cjs/components/organisms}/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CubeCardProps } from '../../atoms/Card/Card';
+import { CubeCardProps } from '../../content/Card/Card';
 export interface CubeModalProps extends CubeCardProps {
     title?: string;
     isVisible?: boolean;

package/dist/cjs/{molecules → components/organisms}/SearchResults/SearchResults.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { CubeFlexProps } from '../../components/Flex';
+import { CubeFlexProps } from '../../layout/Flex';
 export declare type CubeSearchFileData = {
     title?: string;
     key: string;

package/dist/cjs/{molecules → components/organisms}/StatsCard/StatsCard.d.ts

@@ -1,4 +1,4 @@
-import { CubeCardProps } from '../../atoms/Card/Card';
+import { CubeCardProps } from '../../content/Card/Card';
 import { ReactNode } from 'react';
 export interface CubeStatsCard extends CubeCardProps {
     title?: string | ReactNode;

package/dist/{mjs/molecules → cjs/components/organisms}/TopBar/TopBar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps } from '../../components/types';
+import { BaseProps, ContainerStyleProps } from '../../types';
 export interface CubeTopbarProps extends BaseProps, ContainerStyleProps {
     onLogoPress?: () => void;
 }

package/dist/{mjs/atoms → cjs/components/other}/Base64Upload/Base64Upload.d.ts

@@ -1,4 +1,4 @@
-import { BaseProps, PositionStyleProps } from '../../components/types';
+import { BaseProps, PositionStyleProps } from '../../types';
 export interface CubeBase64UploadProps extends BaseProps, PositionStyleProps {
     onInput?: Function;
 }

package/dist/cjs/{atoms → components/other}/CloudLogo/CloudLogo.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { CubeButtonProps } from '../Button/Button';
+import { CubeButtonProps } from '../../actions/Button/Button';
 declare const _CloudLogo: import("react").ForwardRefExoticComponent<CubeButtonProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
 export { _CloudLogo as CloudLogo };

package/dist/cjs/{molecules → components/overlays}/AlertDialog/AlertDialog.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { CubeButtonProps } from '../../atoms/Button/Button';
-import { CubeDialogProps } from '../../atoms/Dialog/Dialog';
+import { CubeButtonProps } from '../../actions/Button/Button';
+import { CubeDialogProps } from '../Dialog/Dialog';
 export interface CubeAlertDialogProps extends CubeDialogProps {
     /** Whether the dialog is an important prompt */
     danger?: boolean;

package/dist/{mjs/atoms → cjs/components/overlays}/Dialog/Dialog.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps } from '../../components/types';
+import { BaseProps } from '../../types';
 import { AriaDialogProps } from '@react-types/dialog';
 export interface CubeDialogProps extends Omit<BaseProps, 'role'>, AriaDialogProps {
     type?: 'modal' | 'popover' | 'fullscreen' | 'fullscreenTakeover' | 'panel' | 'tray';

package/dist/{mjs/atoms → cjs/components/overlays}/Dialog/DialogTrigger.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, RefObject } from 'react';
-import { Styles } from '../../styles/types';
+import { Styles } from '../../../styles/types';
 export declare type CubeDialogClose = (close: () => void) => ReactElement;
 export interface CubeDialogTriggerProps {
     /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */

package/dist/{mjs/atoms → cjs/components/overlays}/Dialog/api.d.ts

@@ -1,4 +1,4 @@
-import { CubeAlertDialogProps } from '../../molecules/AlertDialog/AlertDialog';
+import { CubeAlertDialogProps } from '../AlertDialog/AlertDialog';
 import { CubeDialogContainerProps } from './DialogContainer';
 import { ReactNode } from 'react';
 export interface DialogData extends Omit<CubeDialogContainerProps, 'onDismiss'>, Omit<CubeAlertDialogProps, 'type' | 'id'> {

package/dist/cjs/{atoms → components/overlays}/Modal/Modal.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { Styles } from '../../styles/types';
-import { BaseProps } from '../../components/types';
+import { Styles } from '../../../styles/types';
+import { BaseProps } from '../../types';
 import { ModalProps } from '@react-types/overlays';
 export declare const OVERLAY_WRAPPER_STYLES: Styles;
 export interface CubeModalProps extends ModalProps {

package/dist/{mjs/atoms → cjs/components/overlays}/Modal/Popover.d.ts

@@ -1,7 +1,7 @@
 import { HTMLAttributes } from 'react';
 import { OverlayProps } from '@react-types/overlays';
-import { BaseProps } from '../../components/types';
-import { PlacementAxis } from '../../shared';
+import { BaseProps } from '../../types';
+import { PlacementAxis } from '../../../shared';
 export interface CubePopoverProps extends BaseProps, Omit<OverlayProps, 'children'> {
     placement?: PlacementAxis;
     arrowProps?: HTMLAttributes<HTMLElement>;

package/dist/cjs/{atoms → components/overlays}/Modal/Tray.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { Styles } from '../../styles/types';
-import { BaseProps } from '../../components/types';
+import { Styles } from '../../../styles/types';
+import { BaseProps } from '../../types';
 import { TrayProps } from '@react-types/overlays';
 export interface CubeTrayProps extends TrayProps {
     qa?: BaseProps['qa'];

package/dist/cjs/{molecules → components/overlays}/Notification/Notification.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CubeCardProps } from '../../atoms/Card/Card';
+import { CubeCardProps } from '../../content/Card/Card';
 export interface CubeNotificationProps extends CubeCardProps {
     type?: 'success' | 'note' | 'danger';
     onClose?: () => void;

package/dist/cjs/components/overlays/OverlayWrapper.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export interface CubeOverlayWrapperProps {
+    isOpen?: boolean;
+    placement?: 'start' | 'end' | 'right' | 'left' | 'top' | 'bottom';
+    children: ReactNode;
+    childrenOnly?: boolean;
+    minOffset?: string | number;
+    minScale?: string;
+    withoutTransition?: boolean;
+}
+export declare function OverlayWrapper({ isOpen, placement, minOffset, minScale, withoutTransition, children, childrenOnly, }: CubeOverlayWrapperProps): JSX.Element;