@cube-dev/ui-kit 0.1.3 → 0.2.1

package/dist/cjs/services/notification.d.ts

@@ -1,4 +1,4 @@
-import { CubeNotificationProps } from '../molecules/Notification/Notification';
+import { CubeNotificationProps } from '../components/overlays/Notification/Notification';
 export interface NotificationData {
     id: number;
     type?: CubeNotificationProps['type'];

package/dist/cjs/styles/color.d.ts

@@ -1,8 +1,6 @@
 export declare function colorStyle({ color }: {
     color: any;
-}): "" | {
-    color: any;
-};
+}): any[] | "";
 export declare namespace colorStyle {
     var __lookupStyles: string[];
 }

package/dist/cjs/styles/list.d.ts

@@ -1,9 +1,9 @@
-export declare const BASE_STYLES: readonly ["display", "size", "font"];
+export declare const BASE_STYLES: readonly ["display", "size", "font", "preset"];
 export declare const POSITION_STYLES: readonly ["gridArea", "flexGrow", "flexShrink", "order", "gridColumn", "gridRow", "placeSelf", "zIndex", "margin"];
-export declare const BLOCK_STYLES: readonly ["reset", "padding", "shadow", "border", "radius", "opacity", "overflow", "styledScrollbar", "hide", "outline"];
+export declare const BLOCK_STYLES: readonly ["reset", "padding", "shadow", "border", "radius", "opacity", "overflow", "styledScrollbar", "hide", "outline", "textAlign"];
 export declare const COLOR_STYLES: readonly ["color", "fill"];
-export declare const TEXT_STYLES: readonly ["textAlign", "textTransform", "fontWeight", "fontStyle"];
+export declare const TEXT_STYLES: readonly ["textTransform", "fontWeight", "fontStyle"];
 export declare const DIMENSION_STYLES: readonly ["width", "height", "flexBasis"];
 export declare const FLOW_STYLES: readonly ["flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "gap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
-export declare const CONTAINER_STYLES: readonly ["display", "size", "font", "color", "fill", "width", "height", "flexBasis", "gridArea", "flexGrow", "flexShrink", "order", "gridColumn", "gridRow", "placeSelf", "zIndex", "margin", "reset", "padding", "shadow", "border", "radius", "opacity", "overflow", "styledScrollbar", "hide", "outline", "flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "gap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
+export declare const CONTAINER_STYLES: readonly ["display", "size", "font", "preset", "color", "fill", "width", "height", "flexBasis", "gridArea", "flexGrow", "flexShrink", "order", "gridColumn", "gridRow", "placeSelf", "zIndex", "margin", "reset", "padding", "shadow", "border", "radius", "opacity", "overflow", "styledScrollbar", "hide", "outline", "textAlign", "flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "gap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
 export declare const OUTER_STYLES: readonly ["gridArea", "flexGrow", "flexShrink", "order", "gridColumn", "gridRow", "placeSelf", "zIndex", "margin", "width", "height", "flexBasis"];

package/dist/cjs/styles/preset.d.ts

@@ -0,0 +1,11 @@
+export declare function presetStyle({ preset, fontSize, lineHeight, textTransform, letterSpacing, fontWeight }: {
+    preset: any;
+    fontSize: any;
+    lineHeight: any;
+    textTransform: any;
+    letterSpacing: any;
+    fontWeight: any;
+}): "" | Record<string, any>;
+export declare namespace presetStyle {
+    var __lookupStyles: string[];
+}

package/dist/cjs/styles/size.d.ts

@@ -4,6 +4,9 @@ export declare function sizeStyle({ size }: {
     'font-size': any;
     'line-height': any;
     'letter-spacing': any;
+    '--font-size': any;
+    '--line-height': any;
+    '--letter-spacing': any;
 };
 export declare namespace sizeStyle {
     var __lookupStyles: string[];

package/dist/cjs/styles/types.d.ts

@@ -92,6 +92,10 @@ export interface StylesInterface extends Omit<CSSProperties, 'color' | 'fill' |
      * Syntax: <value> 'inset'?
      */
     outline?: CSSProperties['fontFamily'] | boolean;
+    /**
+     * The preset style sets the base text settings according to the names preset. Affected styles: `font-size`, `line-height`, `letter-spacing`, `font-weight` and `text-transform`.
+     */
+    preset?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h5s' | 'h5m' | 'h6' | 't1' | 't2' | 't3' | 't4' | 't4m' | 'p1' | 'p2' | 'p3' | 'p4' | 'tag' | 'default' | string;
 }
 export declare type Styles = {
     [key in keyof StylesInterface]?: ResponsiveStyleValue<StylesInterface[key]>;

package/dist/cjs/utils/react/Slots.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { Props } from '../../components/types';
-export declare function useSlotProps(props: Props, defaultSlot: any): Props;
+export declare function useSlotProps(props: Record<string, any>, defaultSlot: any): Record<string, any>;
 export declare function SlotProvider(props: any): JSX.Element;
 export declare function ClearSlots(props: any): JSX.Element;

package/dist/cjs/utils/react/mapProps.d.ts

@@ -1,4 +1,4 @@
-import { CubeButtonProps } from '../../atoms/Button/Button';
+import { CubeButtonProps } from '../../components/actions/Button/Button';
 import { AriaButtonProps } from '@react-types/button';
 /** Converts AriaButtonProps to CubeButtonProps */
 export declare function ariaToCubeButtonProps(props: AriaButtonProps<'button'>): CubeButtonProps;

package/dist/cjs/utils/transitions.d.ts

@@ -1,5 +1,7 @@
-export declare const getOverlayTransitionCSS: ({ placement, suffix, minScale, }?: {
-    placement?: string | undefined;
-    suffix?: string | undefined;
-    minScale?: string | undefined;
-}) => string;
+export interface OverlayTransitionCSSProps {
+    suffix?: string;
+    placement?: string;
+    minScale?: string | number;
+    minOffset?: string;
+}
+export declare const getOverlayTransitionCSS: ({ suffix, placement, minScale, minOffset, }?: OverlayTransitionCSSProps) => string;

package/dist/mjs/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/{cjs/atoms → mjs/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/{cjs/atoms → mjs/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/mjs/{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/mjs/{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/mjs/{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/{cjs/components → mjs/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/{cjs/components → mjs/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/mjs/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/mjs/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/mjs/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/mjs/{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/{cjs/atoms → mjs/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/mjs/{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/mjs/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/{cjs/components → mjs/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/{cjs/components → mjs/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/mjs/{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/{cjs/atoms → mjs/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/mjs/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/mjs/{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/{cjs/atoms → mjs/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/mjs/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/mjs/{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/{cjs/atoms → mjs/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/{cjs/atoms → mjs/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/mjs/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/{cjs/components → mjs/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/mjs/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/{cjs/components → mjs/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/mjs/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/mjs/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/mjs/{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/{cjs/molecules → mjs/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/{cjs/molecules → mjs/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/mjs/{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/mjs/{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/mjs/{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/{cjs/molecules → mjs/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/mjs/{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/mjs/{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/{cjs/molecules → mjs/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/{cjs/atoms → mjs/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/mjs/{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/mjs/{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/{cjs/atoms → mjs/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';