@cube-dev/ui-kit 0.6.61 → 0.7.2

package/dist/cjs/providers/BreakpointsProvider.d.ts

@@ -1,6 +1,8 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 export declare const BreakpointsContext: import("react").Context<number[]>;
-export declare function BreakpointsProvider({ value, children }: {
-    value: any;
-    children: any;
-}): JSX.Element;
+interface BreakpointsProviderProps {
+    value: number[];
+    children: ReactNode;
+}
+export declare function BreakpointsProvider({ value, children, }: BreakpointsProviderProps): JSX.Element;
+export {};

package/dist/cjs/providers/StylesProvider.d.ts

@@ -1,8 +1,10 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { Styles } from '../styles/types';
 export declare const StyleContext: import("react").Context<any>;
-export declare function StyleProvider({ children, ...props }: {
-    [x: string]: any;
-    children: any;
-}): JSX.Element;
-export declare function useContextStyles(name: any, props?: any): Styles;
+interface StyleProviderProps {
+    children?: ReactNode;
+    [key: string]: any;
+}
+export declare function StyleProvider({ children, ...props }: StyleProviderProps): JSX.Element;
+export declare function useContextStyles(name: string, props?: Record<string, any>): Styles | null;
+export {};

package/dist/cjs/shared/form.d.ts

@@ -44,11 +44,18 @@ export interface FormBaseProps {
     validateTrigger?: ValidateTrigger;
 }
 export interface FormFieldProps extends FormBaseProps {
+    /** Whether the field is inside the form. Private field. */
     insideForm?: boolean;
+    /** A text label of the field */
     label?: ReactNode;
+    /** Custom label props */
     labelProps?: Props;
+    /** Message for the field. Some additional information or error notice. */
     message?: ReactNode;
+    /** A tooltip that is shown inside the label */
     tooltip?: ReactNode;
+    /** Whether the element should receive focus on render. */
+    autoFocus?: boolean;
 }
 export declare type ValidationRuleBase = {
     [key: string]: any;

package/dist/cjs/stories/components/StyledButton.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledButton: import("react").ComponentType<import("../../components/actions/Button/Button").CubeButtonProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
+export declare const GlobalStyledHeading: any;
+export declare function Block(): JSX.Element;

package/dist/cjs/styled.d.ts

@@ -1,30 +1,11 @@
-/// <reference types="react" />
-import { AllBaseProps, BaseStyleProps, Props } from './components/types';
+import { ComponentType } from 'react';
+import { AllBaseProps, BaseStyleProps, StyledProps } from './components/types';
 import { Styles, StylesInterface } from './styles/types';
 import { ResponsiveStyleValue } from './utils/styles';
-export interface StyledProps<T extends string, K extends PossibleStyleNames> {
-    /** The name of the element. It can be used to override styles in context. */
-    name?: string;
-    /** The tag name of the element. */
-    tag?: string;
-    /** Default styles of the element. */
-    styles?: Styles;
-    /** Default css of the element. */
-    css?: string | ((props: Props) => string);
-    /** Default attributes */
-    attrs?: Record<string, any>;
-    /** The list of styles that can be provided by props */
-    styleProps?: K;
-    /** The list of available modifiers. Providing it will show a warning each time you set an incorrect modifier on the element */
-    availableMods?: T[];
-}
-export declare type PossibleStyleNames = readonly (keyof StylesInterface)[];
-export declare type AllPossibleStyleNames = readonly (keyof StylesInterface)[];
-export declare type AllBasePropsWithMods<T extends string, K extends PossibleStyleNames> = Omit<AllBaseProps, 'mods'> & {
-    mods?: Record<T, boolean | null | undefined>;
-} & {
+export declare type AllBasePropsWithMods<K extends (keyof StylesInterface)[]> = AllBaseProps & {
     [key in K[number]]?: ResponsiveStyleValue<StylesInterface[key]>;
 } & BaseStyleProps;
-export declare function styled<T extends string, K extends PossibleStyleNames>(options: StyledProps<T, K>): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<Omit<AllBaseProps<"div">, "mods"> & {
-    mods?: Record<T, boolean | null | undefined> | undefined;
-} & { [key in K[number]]?: ResponsiveStyleValue<StylesInterface[key]>; } & BaseStyleProps> & import("react").RefAttributes<unknown>>;
+declare function styled<K extends (keyof StylesInterface)[]>(options: StyledProps<K>, secondArg?: never): any;
+declare function styled(selector: string, styles?: Styles): any;
+declare function styled<K extends (keyof StylesInterface)[], C = {}>(Component: ComponentType<C>, options?: Pick<StyledProps<K>, 'styles' | 'props' | 'name' | 'tag'>): ComponentType<C>;
+export { styled };

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

@@ -0,0 +1,9 @@
+export declare function alignStyle({ align }: {
+    align: any;
+}): {
+    'align-items': string;
+    'align-content': string;
+} | undefined;
+export declare namespace alignStyle {
+    var __lookupStyles: string[];
+}

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

@@ -0,0 +1,9 @@
+export declare function justifyStyle({ justify }: {
+    justify: any;
+}): {
+    'justify-items': string;
+    'justify-content': string;
+} | undefined;
+export declare namespace justifyStyle {
+    var __lookupStyles: string[];
+}

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

@@ -4,6 +4,6 @@ export declare const BLOCK_STYLES: readonly ["reset", "padding", "paddingInline"
 export declare const COLOR_STYLES: readonly ["color", "fill"];
 export declare const TEXT_STYLES: readonly ["textTransform", "fontWeight", "fontStyle"];
 export declare const DIMENSION_STYLES: readonly ["width", "height", "flexBasis", "flexGrow", "flexShrink", "flex"];
-export declare const FLOW_STYLES: readonly ["flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "gap", "columnGap", "rowGap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
-export declare const CONTAINER_STYLES: readonly ["display", "font", "preset", "hide", "opacity", "whiteSpace", "color", "fill", "width", "height", "flexBasis", "flexGrow", "flexShrink", "flex", "gridArea", "order", "gridColumn", "gridRow", "placeSelf", "alignSelf", "justifySelf", "zIndex", "margin", "reset", "padding", "paddingInline", "paddingBlock", "shadow", "border", "radius", "opacity", "overflow", "styledScrollbar", "hide", "outline", "textAlign", "flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "gap", "columnGap", "rowGap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
+export declare const FLOW_STYLES: readonly ["flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "align", "justify", "gap", "columnGap", "rowGap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
+export declare const CONTAINER_STYLES: readonly ["display", "font", "preset", "hide", "opacity", "whiteSpace", "color", "fill", "width", "height", "flexBasis", "flexGrow", "flexShrink", "flex", "gridArea", "order", "gridColumn", "gridRow", "placeSelf", "alignSelf", "justifySelf", "zIndex", "margin", "reset", "padding", "paddingInline", "paddingBlock", "shadow", "border", "radius", "opacity", "overflow", "styledScrollbar", "hide", "outline", "textAlign", "flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "align", "justify", "gap", "columnGap", "rowGap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
 export declare const OUTER_STYLES: readonly ["gridArea", "order", "gridColumn", "gridRow", "placeSelf", "alignSelf", "justifySelf", "zIndex", "margin", "width", "height", "flexBasis", "flexGrow", "flexShrink", "flex"];

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

@@ -1,5 +1,11 @@
-export declare function marginStyle({ margin }: {
+export declare function marginStyle({ margin, marginBlock, marginInline, marginTop, marginRight, marginBottom, marginLeft, }: {
     margin: any;
+    marginBlock: any;
+    marginInline: any;
+    marginTop: any;
+    marginRight: any;
+    marginBottom: any;
+    marginLeft: any;
 }): any;
 export declare namespace marginStyle {
     var __lookupStyles: string[];

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

@@ -0,0 +1,8 @@
+export declare function marginBlockStyle({ marginBlock: margin, marginTop, marginBottom, }: {
+    marginBlock: any;
+    marginTop: any;
+    marginBottom: any;
+}): {};
+export declare namespace marginBlockStyle {
+    var __lookupStyles: string[];
+}

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

@@ -0,0 +1,8 @@
+export declare function marginInlineStyle({ marginInline: margin, marginLeft, marginRight, }: {
+    marginInline: any;
+    marginLeft: any;
+    marginRight: any;
+}): {};
+export declare namespace marginInlineStyle {
+    var __lookupStyles: string[];
+}

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

@@ -4,7 +4,7 @@ declare type NamedColor = 'purple' | 'purple-text' | 'purple-01' | 'purple-02' |
 declare type Digit = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
 declare type OpaquePercentage = '' | `.${Digit}` | `.${Digit}${Digit}` | '.100';
 export declare type NoType = false | null | undefined;
-export interface StylesInterface extends Omit<CSSProperties, 'color' | 'fill' | 'font' | 'outline'> {
+export interface StylesInterface extends Omit<CSSProperties, 'color' | 'fill' | 'font' | 'outline' | 'type'> {
     /** Set the background color of the element.
      * ```
      * fill="#{name_of_the_color}"
@@ -48,7 +48,7 @@ export interface StylesInterface extends Omit<CSSProperties, 'color' | 'fill' |
      * Syntax: `[[<value> | [ <verticalValue> <horizontalValue>] ]? [ [ leaf | backleaf ] | [ 'top' | 'right' | 'bottom' | 'top' ]{1,2} ] ] | [ 'round' | 'ellipse' ] | true`
      * Examples: `"1x"`, `"2x 4x"`, `"top"`, `"round"`, `"3x leaf"`, `"ellipse"`.
      */
-    radius?: 'round' | 'ellipse' | 'leaf' | 'backleaf' | string;
+    radius?: 'round' | 'ellipse' | 'leaf' | 'backleaf' | string | true;
     /**
      * The group radius style rounds the corners of a container's outer border edge by applying radius style to to its children.
      * Syntax: `<value> [ 'round' | 'ellipse' ]? | true`
@@ -90,9 +90,18 @@ export interface StylesInterface extends Omit<CSSProperties, 'color' | 'fill' |
      * 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;
+    /**
+     * Shorthand for align-items and align-content.
+     */
+    align?: CSSProperties['alignItems'] | CSSProperties['alignContent'];
+    /**
+     * Shorthand for justify-items and justify-content.
+     */
+    justify?: CSSProperties['justifyItems'] | CSSProperties['justifyContent'];
 }
-export declare type SuffixSelector = `&${string}`;
-export declare type NotSuffixSelector = Exclude<string, SuffixSelector | keyof StylesInterface>;
+export declare type SuffixForSelector = '&' | '.' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z';
+export declare type Selector = `${SuffixForSelector}${string}`;
+export declare type NotSelector = Exclude<string, Selector | keyof StylesInterface>;
 export declare type StylesWithoutSelectors = {
     [key in keyof StylesInterface]?: ResponsiveStyleValue<StylesInterface[key]>;
 };

package/dist/cjs/{css-properties.d.ts → tokens.d.ts}

@@ -1,4 +1,4 @@
-declare const PROPS: {
+declare const TOKENS: {
     'font-size': string;
     'line-height': string;
     'input-font-size': string;
@@ -9,6 +9,7 @@ declare const PROPS: {
     'outline-width': string;
     'border-width': string;
     radius: string;
+    'leaf-sharp-radius': string;
     transition: string;
     'clear-color': string;
     'border-color': string;
@@ -117,6 +118,16 @@ declare const PROPS: {
     'p4-line-height': string;
     'p4-letter-spacing': string;
     'p4-font-weight': string;
+    'c1-font-size': string;
+    'c1-line-height': string;
+    'c1-letter-spacing': string;
+    'c1-font-weight': string;
+    'c1-text-transform': string;
+    'c2-font-size': string;
+    'c2-line-height': string;
+    'c2-letter-spacing': string;
+    'c2-font-weight': string;
+    'c2-text-transform': string;
     'tag-font-size': string;
     'tag-line-height': string;
     'tag-letter-spacing': string;
@@ -138,4 +149,4 @@ declare const PROPS: {
     'default-letter-spacing': string;
     'default-font-weight': string;
 };
-export default PROPS;
+export { TOKENS };

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

@@ -0,0 +1,2 @@
+import { Styles } from '../styles/types';
+export declare function mergeStyles(...objects: (Styles | undefined | null)[]): Styles;

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

@@ -1,4 +1,5 @@
 import { Styles } from '../styles/types';
+export declare function isSelector(key: any): any;
 /**
  * Render style props to complete Styled Components CSS.
  * @param styles - Complete style props.

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

@@ -6,4 +6,4 @@ export interface ResponsiveZone {
     mediaQuery?: string;
 }
 export declare function pointsToZones(points: number[]): any;
-export declare function normalizeStyleZones(value: ResponsiveStyleValue, zoneNumber: number): any[] | null | undefined;
+export declare function normalizeStyleZones(value: ResponsiveStyleValue, zoneNumber: number): any[] | null;

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

@@ -1,5 +1,5 @@
 import { Styles } from '../styles/types';
-export declare type StyleValue<T = string> = number | null | boolean | undefined | T;
+export declare type StyleValue<T = string> = T | boolean | number | null;
 export declare type StyleValueStateMap<T = string> = {
     [key: string]: StyleValue<T>;
 };
@@ -57,7 +57,7 @@ export declare const CUSTOM_UNITS: {
     lh: string;
     rp: string;
     gp: string;
-    wh: string;
+    wh: (num: any) => string;
     sp: (num: any) => string;
 };
 export declare const DIRECTIONS: string[];
@@ -176,7 +176,7 @@ export declare function styleStateMapToStyleStateDataList(styleStateMap: StyleSt
     states: {
         model: null;
         mods: never[];
-        value: string | number | boolean | null | undefined;
+        value: string | number | boolean | null;
     }[];
     mods: never[];
 } | {

package/dist/mjs/components/content/PrismCode/PrismCode.d.ts

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

package/dist/mjs/components/content/Text.d.ts

@@ -2,7 +2,6 @@ import { CSSProperties } from 'react';
 import { ResponsiveStyleValue } from '../../utils/styles';
 import { BaseProps, BaseStyleProps, ColorStyleProps, TagNameProps, TextStyleProps } from '../types';
 export declare const TEXT_PROP_MAP: {
-    readonly align: "textAlign";
     readonly transform: "textTransform";
     readonly weight: "fontWeight";
     readonly italic: "fontStyle";
@@ -25,7 +24,6 @@ export interface CubeTextProps extends BaseProps, TagNameProps, TextStyleProps,
      */
     italic?: ResponsiveStyleValue<CSSProperties['fontStyle']>;
     weight?: string | number;
-    align?: ResponsiveStyleValue<CSSProperties['textAlign']>;
     transform?: ResponsiveStyleValue<CSSProperties['textTransform']>;
 }
 declare const Text: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>> & {

package/dist/mjs/components/forms/TextInput/TextInputBase.d.ts

@@ -20,7 +20,7 @@ export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, D
     /** Direct input wrapper props */
     wrapperProps?: Props;
     /** The input ref */
-    inputRef?: RefObject<HTMLInputElement>;
+    inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement>;
     /** The wrapper ref */
     wrapperRef?: RefObject<HTMLDivElement>;
     /** Whether the input has the loading status */

package/dist/mjs/components/layout/Flex.d.ts

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

package/dist/mjs/components/layout/Grid.d.ts

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

package/dist/mjs/components/layout/Space.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps, ShortItemsStyles } from '../types';
-export interface CubeSpaceProps extends BaseProps, ContainerStyleProps, ShortItemsStyles {
+import { BaseProps, ContainerStyleProps } from '../types';
+export interface CubeSpaceProps extends BaseProps, ContainerStyleProps {
     direction?: 'vertical' | 'horizontal';
 }
 export declare const Space: import("react").ForwardRefExoticComponent<CubeSpaceProps & import("react").RefAttributes<unknown>>;

package/dist/mjs/components/pickers/ComboBox/ComboBox.d.ts

@@ -5,7 +5,7 @@ import { ComboBoxProps } from '@react-types/combobox';
 export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOpenChange'>, ComboBoxProps<T>, CollectionBase<T> {
     multiLine?: boolean;
     autoComplete?: string;
-    inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement>;
+    inputRef?: RefObject<HTMLInputElement>;
     /** The ref for the list box popover. */
     popoverRef?: RefObject<HTMLDivElement>;
     /** The ref for the list box. */

package/dist/mjs/components/pickers/Select/Select.d.ts

@@ -26,7 +26,7 @@ export interface CubeSelectProps<T> extends CubeSelectBaseProps<T> {
     listBoxRef?: RefObject<HTMLElement>;
     size?: 'small' | 'default' | 'large' | string;
 }
-export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlayStyles, optionStyles, overlayProps: parentOverlayProps, disallowEmptySelection, shouldUseVirtualFocus, placement, minWidth, ...otherProps }: {
+export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlayStyles, optionStyles, overlayProps: parentOverlayProps, shouldUseVirtualFocus, placement, minWidth, ...otherProps }: {
     [x: string]: any;
     state: any;
     popoverRef: any;
@@ -35,7 +35,6 @@ export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxSty
     overlayStyles: any;
     optionStyles: any;
     overlayProps: any;
-    disallowEmptySelection: any;
     shouldUseVirtualFocus?: boolean | undefined;
     placement: any;
     minWidth: any;

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

@@ -1,6 +1,23 @@
 import { AllHTMLAttributes, CSSProperties } from 'react';
-import { Styles } from '../styles/types';
+import { Styles, StylesInterface } 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 GlobalStyledProps {
+    breakpoints?: number[];
+}
+export interface StyledProps<K extends (keyof StylesInterface)[]> {
+    /** The name of the element. It can be used to override styles in context. */
+    name?: string;
+    /** The tag name of the element. */
+    tag?: string;
+    /** Default styles of the element. */
+    styles?: Styles;
+    /** Default css of the element. */
+    css?: string | ((props: Props) => string);
+    /** Default properties/attributes */
+    props?: Record<string, any>;
+    /** The list of styles that can be provided by props */
+    styleProps?: K;
+}
 export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLElement>, 'className' | 'role' | 'id'> {
     /** QA ID for e2e testing. An alias for `data-qa` attribute. */
     qa?: string;
@@ -35,7 +52,7 @@ export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLEle
 }
 export interface BaseProps extends BasePropsWithoutChildren, Pick<AllHTMLAttributes<HTMLElementTagNameMap['div']>, 'children'> {
 }
-export interface AllBaseProps<K extends keyof HTMLElementTagNameMap = 'div'> extends BaseProps, Omit<AllHTMLAttributes<HTMLElementTagNameMap[K]>, 'style' | 'size' | 'disabled' | 'hidden' | 'css'> {
+export interface AllBaseProps<K extends keyof HTMLElementTagNameMap = 'div'> extends BaseProps, Omit<AllHTMLAttributes<HTMLElementTagNameMap[K]>, 'style' | 'size' | 'disabled' | 'hidden' | 'css' | 'color' | 'height' | 'width'> {
     as?: string;
 }
 export declare type BaseStyleProps = Pick<Styles, typeof BASE_STYLES[number]>;
@@ -47,10 +64,6 @@ export declare type DimensionStyleProps = Pick<Styles, typeof DIMENSION_STYLES[n
 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?: Styles['alignItems'];
-    justify?: Styles['justifyItems'];
-};
 export declare type ShortGridStyles = {
     template?: Styles['gridTemplate'];
     columns?: Styles['gridColumns'];

package/dist/mjs/index.d.ts

@@ -166,7 +166,7 @@ declare const Input: import("react").ForwardRefExoticComponent<import("./compone
     File: import("react").ForwardRefExoticComponent<import("./components/forms/FileInput/FileInput").CubeFileInputProps & import("react").RefAttributes<unknown>>;
 };
 export { Input };
-export type { TagName, TagNameProps, AllBaseProps, BaseProps, BaseStyleProps, DimensionStyleProps, ColorStyleProps, OuterStyleProps, PositionStyleProps, TextStyleProps, BlockStyleProps, ContainerStyleProps, BasePropsWithoutChildren, Props, FlowStyleProps, ShortItemsStyles, ShortGridStyles, } from './components/types';
+export type { TagName, TagNameProps, AllBaseProps, BaseProps, BaseStyleProps, DimensionStyleProps, ColorStyleProps, OuterStyleProps, PositionStyleProps, TextStyleProps, BlockStyleProps, ContainerStyleProps, BasePropsWithoutChildren, Props, FlowStyleProps, ShortGridStyles, } from './components/types';
 export * from './styles/types';
 export * from './styles/list';
 export * from './styles/index';