@cube-dev/ui-kit 0.1.1 → 0.1.5

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

@@ -1,9 +1,9 @@
 import { MouseEventHandler } from 'react';
-import { BaseProps, ContainerStyleProps, TagNameProps } from './types';
-import { LabelPosition, NecessityIndicator, ValidationState } from '../shared';
-import { NuStyles } from '../styles/types';
-export declare const INLINE_LABEL_STYLES: NuStyles;
-export declare const LABEL_STYLES: NuStyles;
+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 {
     labelPosition?: LabelPosition;
     necessityIndicator?: NecessityIndicator;

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { NuStyles } 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?: NuStyles;
+    inputStyles?: Styles;
     type?: 'button' | 'radio';
 }
 declare function RadioButton(props: CubeRadioProps, ref: any): JSX.Element;

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

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import { NuStyles } 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?: NuStyles;
-    inputStyles?: NuStyles;
+    thumbStyles?: Styles;
+    inputStyles?: Styles;
     isLoading?: boolean;
 }
 /**

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

@@ -1,9 +1,9 @@
 import { ReactNode, RefObject } from 'react';
-import { NuStyles } 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: NuStyles;
+export declare const DEFAULT_INPUT_STYLES: Styles;
 export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, BlockStyleProps, AriaTextFieldProps, FormFieldProps {
     /** Input decoration before the main input */
     prefix?: ReactNode;
@@ -28,13 +28,13 @@ export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, B
     /** The loading status indicator */
     loadingIndicator?: ReactNode;
     /** Style map for the input */
-    inputStyles?: NuStyles;
+    inputStyles?: Styles;
     /** Style map for the input wrapper */
-    wrapperStyles?: NuStyles;
+    wrapperStyles?: Styles;
     /** The number of rows for the input. Only applies to textarea. */
     rows?: number;
     /** The resize CSS property sets whether an element is resizable, and if so, in which directions. */
-    resize?: NuStyles['resize'];
+    resize?: Styles['resize'];
 }
 declare const _TextInputBase: import("react").ForwardRefExoticComponent<CubeTextInputBaseProps & import("react").RefAttributes<unknown>>;
 export { _TextInputBase as TextInputBase };

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 { NuStyles } 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;
@@ -33,7 +33,7 @@ export interface CubeTabsProps extends CubeFlexProps {
     /** Handler that is called when the tab is closed. */
     onTabClose?: (string: any) => void;
     /** Styles for the each tab pane */
-    paneStyles?: NuStyles;
+    paneStyles?: Styles;
     /** Additional content along the tabs */
     extra?: ReactNode;
 }

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,9 +1,9 @@
 /// <reference types="react" />
-import { CubePrismCodeProps } from '../../atoms/PrismCode/PrismCode';
-import { NuStyles } from '../../styles/types';
-import { BaseProps } from '../../components/types';
-export interface CubeCopySnippetProps extends BaseProps {
-    padding?: NuStyles['padding'];
+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 */
     code: string;
     /** The title of the snippet */
@@ -20,5 +20,7 @@ export interface CubeCopySnippetProps extends BaseProps {
     showOverlay?: boolean;
     /** Whether the snippet is scrollable */
     showScroll?: boolean;
+    /** Whether to show the tooltip with the full content */
+    showTooltip?: boolean;
 }
 export declare function CopySnippet(allProps: CubeCopySnippetProps): JSX.Element;

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { CubeFlexProps } from '../../layout/Flex';
 export declare type CubeFileTree = CubeFileTreeItem[];
 export interface CubeFileTreeItem {
     isLeaf?: boolean;
@@ -23,7 +24,7 @@ export interface CubeDirectoryTreeItemProps {
     onPress?: () => void;
     isSelected?: boolean;
 }
-export interface CubeDirectoryTreeProps {
+export interface CubeDirectoryTreeProps extends CubeFlexProps {
     /** Event that fires on file selection */
     onSelect?: (key: string) => void;
     /** The selected key */

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 { NuStyles } 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;
@@ -19,7 +19,7 @@ export interface CubeFileTabsProps extends CubeFlexProps {
     /** Handler that is called when the tab is closed. */
     onTabClose?: (string: any) => void;
     /** Styles for the each tab pane */
-    paneStyles?: NuStyles;
+    paneStyles?: Styles;
     /** Whether the tabs are closable */
     isClosable?: boolean;
     children?: ReactNode;

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';

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

@@ -1,7 +1,7 @@
 import { ReactElement, RefObject } from 'react';
-import { NuStyles } from '../../styles/types';
+import { Styles } from '../../../styles/types';
 export declare type CubeDialogClose = (close: () => void) => ReactElement;
-export interface DialogTriggerProps {
+export interface CubeDialogTriggerProps {
     /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */
     children: [ReactElement, CubeDialogClose | ReactElement];
     /**
@@ -24,7 +24,7 @@ export interface DialogTriggerProps {
     /** The screen breakpoint for the mobile type */
     mobileViewport?: number;
     /** The style map for the overlay **/
-    styles?: NuStyles;
+    styles?: Styles;
 }
 declare function DialogTrigger(props: any): JSX.Element;
 /**

package/dist/{cjs/atoms → mjs/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/mjs/components/overlays/Dialog/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { CubeDialogProps } from './Dialog';
+import { CubeDialogTriggerProps, DialogTrigger } from './DialogTrigger';
+import { CubeDialogContainerProps, DialogContainer } from './DialogContainer';
+declare const _Dialog: import("react").ForwardRefExoticComponent<CubeDialogProps & import("react").RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>> & {
+    confirm: (options: any) => void;
+    info: (options: any) => void;
+};
+export { _Dialog as Dialog, DialogContainer, DialogTrigger };
+export type { CubeDialogProps, CubeDialogTriggerProps, CubeDialogContainerProps, };

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

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-import { NuStyles } 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: NuStyles;
+export declare const OVERLAY_WRAPPER_STYLES: Styles;
 export interface CubeModalProps extends ModalProps {
     qa?: BaseProps['qa'];
     onClose?: () => void;
     type?: 'modal' | 'fullscreen' | 'fullscreenTakeover';
-    styles?: NuStyles;
+    styles?: Styles;
 }
 declare let _Modal: import("react").ForwardRefExoticComponent<CubeModalProps & import("react").RefAttributes<unknown>>;
 export { _Modal as Modal };

package/dist/{cjs/atoms → mjs/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/mjs/{atoms → components/overlays}/Modal/Tray.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-import { NuStyles } 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'];
     onClose?: () => void;
     isFixedHeight?: boolean;
     isNonModal?: boolean;
-    styles?: NuStyles;
+    styles?: Styles;
 }
 declare let _Tray: import("react").ForwardRefExoticComponent<CubeTrayProps & import("react").RefAttributes<unknown>>;
 export { _Tray as Tray };

package/dist/mjs/{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/mjs/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;

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { NuStyles } from '../../styles/types';
-import { BaseProps, ContainerStyleProps } from '../../components/types';
+import { Styles } from '../../../styles/types';
+import { BaseProps, ContainerStyleProps } from '../../types';
 import { AriaTooltipProps } from '@react-types/tooltip';
-import { PlacementAxis } from '../../shared';
+import { PlacementAxis } from '../../../shared';
 export interface CubeTooltipProps extends BaseProps, ContainerStyleProps, AriaTooltipProps {
-    tipStyles?: NuStyles;
+    tipStyles?: Styles;
     showIcon?: boolean;
     placement?: PlacementAxis;
 }

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

@@ -1,13 +1,15 @@
 import React, { HTMLAttributes, RefObject } from 'react';
 import { TooltipTriggerState } from '@react-stately/tooltip';
-import { PlacementAxis } from '../../shared';
-import { Props } from '../../components/types';
+import { PlacementAxis } from '../../../shared';
+import { Props } from '../../types';
 interface TooltipContextProps {
     state?: TooltipTriggerState;
     ref?: RefObject<HTMLDivElement>;
     placement?: PlacementAxis;
     arrowProps?: HTMLAttributes<HTMLElement>;
     overlayProps?: Props;
+    minScale?: string | number;
+    minOffset?: string | number;
 }
 export declare const TooltipContext: React.Context<TooltipContextProps>;
 export {};

package/dist/{cjs/atoms → mjs/components/pickers}/ComboBox/ComboBox.d.ts

@@ -1,8 +1,8 @@
 import { RefObject } from 'react';
-import { CubeSelectProps } from '../Select/Select';
+import { CubeSelectBaseProps } from '../Select/Select';
 import { CollectionBase, KeyboardDelegate, LoadingState } from '@react-types/shared';
 import { ComboBoxProps } from '@react-types/combobox';
-export interface CubeComboBoxProps<T> extends CubeSelectProps, ComboBoxProps<T>, CollectionBase<T> {
+export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOpenChange'>, ComboBoxProps<T>, CollectionBase<T> {
     multiLine?: boolean;
     autoComplete?: string;
     inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement>;

package/dist/{cjs/atoms → mjs/components/pickers}/Select/Select.d.ts

@@ -1,9 +1,9 @@
 import { ReactNode, RefObject } from 'react';
-import { NuStyles } from '../../styles/types';
-import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Props } from '../../components/types';
+import { Styles } from '../../../styles/types';
+import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Props } from '../../types';
 import { AriaSelectProps } from '@react-types/select';
-import { FormFieldProps } from '../../shared';
-export interface CubeSelectProps extends BasePropsWithoutChildren, OuterStyleProps, FormFieldProps, BlockStyleProps {
+import { FormFieldProps } from '../../../shared';
+export interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, OuterStyleProps, FormFieldProps, BlockStyleProps, AriaSelectProps<T> {
     prefix?: ReactNode;
     suffix?: ReactNode;
     triggerRef?: RefObject<HTMLButtonElement>;
@@ -11,18 +11,19 @@ export interface CubeSelectProps extends BasePropsWithoutChildren, OuterStylePro
     loadingIndicator?: ReactNode;
     overlayOffset?: number;
     hideTrigger?: boolean;
-    inputStyles?: NuStyles;
-    optionStyles?: NuStyles;
-    triggerStyles?: NuStyles;
-    listBoxStyles?: NuStyles;
-    overlayStyles?: NuStyles;
+    inputStyles?: Styles;
+    optionStyles?: Styles;
+    triggerStyles?: Styles;
+    listBoxStyles?: Styles;
+    overlayStyles?: Styles;
     direction?: 'top' | 'bottom';
     shouldFlip?: boolean;
     inputProps?: Props;
 }
-export interface SelectProps<T> extends CubeSelectProps, AriaSelectProps<T> {
+export interface CubeSelectProps<T> extends CubeSelectBaseProps<T> {
     popoverRef?: RefObject<HTMLInputElement>;
-    listBoxRef?: RefObject<HTMLInputElement>;
+    /** The ref for the list box. */
+    listBoxRef?: RefObject<HTMLElement>;
 }
 export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlayStyles, optionStyles, overlayProps: parentOverlayProps, disallowEmptySelection, shouldUseVirtualFocus, placement, ...otherProps }: {
     [x: string]: any;
@@ -37,7 +38,7 @@ export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxSty
     shouldUseVirtualFocus?: boolean | undefined;
     placement: any;
 }): JSX.Element;
-declare const _Select: import("react").ForwardRefExoticComponent<SelectProps<object> & import("react").RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>> & {
+declare const _Select: import("react").ForwardRefExoticComponent<CubeSelectProps<object> & import("react").RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>> & {
     Item: <T>(props: import("@react-types/shared").ItemProps<T>) => JSX.Element;
 };
 export { _Select as Select };

package/dist/mjs/{atoms → components/status}/LoadingAnimation/LoadingAnimation.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CubeBlockProps } from '../../components/Block';
+import { CubeBlockProps } from '../../Block';
 export interface CubeLoadingAnimationProps extends CubeBlockProps {
     size?: 'small' | 'medium' | 'large' | number;
 }

package/dist/{cjs/atoms → mjs/components/status}/Spin/Spin.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CubeBlockProps } from '../../components/Block';
+import { CubeBlockProps } from '../../Block';
 export interface CubeSpinProps extends CubeBlockProps {
     size?: 'small' | 'default' | 'large' | number;
     spinning?: boolean;

package/dist/mjs/components/types.d.ts

@@ -1,5 +1,5 @@
 import { AllHTMLAttributes, CSSProperties, JSXElementConstructor, ReactElement, ReactNodeArray, ReactPortal } from 'react';
-import { NuStyles } from '../styles/types';
+import { Styles } from '../styles/types';
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, CONTAINER_STYLES, DIMENSION_STYLES, FLOW_STYLES, OUTER_STYLES, POSITION_STYLES, TEXT_STYLES } from '../styles/list';
 export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLElement>, 'className' | 'role' | 'id'> {
     /** QA ID for e2e testing **/
@@ -8,7 +8,7 @@ export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLEle
     qaVal?: string | number;
     /** The tag name of the element **/
     /** The style map **/
-    styles?: NuStyles;
+    styles?: Styles;
     /** The list of responsive points in pixels **/
     breakpoints?: number[];
     /** Whether the element has the block layout outside **/
@@ -40,24 +40,24 @@ export interface BaseProps extends BasePropsWithoutChildren {
 export interface AllBaseProps<K extends keyof HTMLElementTagNameMap = 'div'> extends BaseProps, Omit<AllHTMLAttributes<HTMLElementTagNameMap[K]>, 'style'> {
     as?: K;
 }
-export declare type BaseStyleProps = Pick<NuStyles, typeof BASE_STYLES[number]>;
-export declare type PositionStyleProps = Pick<NuStyles, typeof POSITION_STYLES[number]>;
-export declare type BlockStyleProps = Pick<NuStyles, typeof BLOCK_STYLES[number]>;
-export declare type ColorStyleProps = Pick<NuStyles, typeof COLOR_STYLES[number]>;
-export declare type TextStyleProps = Pick<NuStyles, typeof TEXT_STYLES[number]>;
-export declare type DimensionStyleProps = Pick<NuStyles, typeof DIMENSION_STYLES[number]>;
-export declare type FlowStyleProps = Pick<NuStyles, typeof FLOW_STYLES[number]>;
-export declare type ContainerStyleProps = Pick<NuStyles, typeof CONTAINER_STYLES[number]>;
-export declare type OuterStyleProps = Pick<NuStyles, typeof OUTER_STYLES[number]>;
+export declare type BaseStyleProps = Pick<Styles, typeof BASE_STYLES[number]>;
+export declare type PositionStyleProps = Pick<Styles, typeof POSITION_STYLES[number]>;
+export declare type BlockStyleProps = Pick<Styles, typeof BLOCK_STYLES[number]>;
+export declare type ColorStyleProps = Pick<Styles, typeof COLOR_STYLES[number]>;
+export declare type TextStyleProps = Pick<Styles, typeof TEXT_STYLES[number]>;
+export declare type DimensionStyleProps = Pick<Styles, typeof DIMENSION_STYLES[number]>;
+export declare type FlowStyleProps = Pick<Styles, typeof FLOW_STYLES[number]>;
+export declare type ContainerStyleProps = Pick<Styles, typeof CONTAINER_STYLES[number]>;
+export declare type OuterStyleProps = Pick<Styles, typeof OUTER_STYLES[number]>;
 export declare type ShortItemsStyles = {
-    align?: NuStyles['alignItems'];
-    justify?: NuStyles['justifyItems'];
+    align?: Styles['alignItems'];
+    justify?: Styles['justifyItems'];
 };
 export declare type ShortGridStyles = {
-    template?: NuStyles['gridTemplate'];
-    columns?: NuStyles['gridColumns'];
-    rows?: NuStyles['gridRows'];
-    areas?: NuStyles['gridAreas'];
+    template?: Styles['gridTemplate'];
+    columns?: Styles['gridColumns'];
+    rows?: Styles['gridRows'];
+    areas?: Styles['gridAreas'];
 };
 export interface Props {
     [key: string]: any;