@cube-dev/ui-kit 0.0.0-canary-5971971 → 0.0.0-canary-cb18f36

package/types/components/organisms/FileTabs/FileTabs.d.ts

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

package/types/components/organisms/TopBar/TopBar.d.ts

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

package/types/components/other/Base64Upload/Base64Upload.d.ts

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

package/types/components/overlays/AlertDialog/types.d.ts

@@ -1,4 +1,4 @@
-import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps } from '../../types';
+import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps } from '../../../tasty/types';
 import { AriaDialogProps } from '@react-types/dialog';
 import { ReactNode } from 'react';
 import { CubeDialogContainerProps } from '../Dialog';

package/types/components/overlays/Dialog/Dialog.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps } from '../../types';
+import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps } from '../../../tasty/types';
 import type { AriaDialogProps } from '@react-types/dialog';
 export interface CubeDialogProps extends Omit<BaseProps, 'role'>, AriaDialogProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps {
     /** The type of the dialog. It affects its size and position. */

package/types/components/overlays/Dialog/DialogTrigger.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, RefObject } from 'react';
-import { Styles } from '../../../styles/types';
+import { Styles } from '../../../tasty/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/types/components/overlays/Modal/Modal.d.ts

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

package/types/components/overlays/Modal/Popover.d.ts

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

package/types/components/overlays/Modal/Tray.d.ts

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

package/types/components/overlays/Tooltip/Tooltip.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { Styles } from '../../../styles/types';
-import { BaseProps, ContainerStyleProps } from '../../types';
+import { Styles } from '../../../tasty/styles/types';
+import { BaseProps, ContainerStyleProps } from '../../../tasty/types';
 import type { AriaTooltipProps } from '@react-types/tooltip';
 import { PlacementAxis } from '../../../shared';
 export interface CubeTooltipProps extends BaseProps, ContainerStyleProps, AriaTooltipProps {

package/types/components/overlays/Tooltip/TooltipProvider.d.ts

@@ -1,7 +1,7 @@
 import { CubeTooltipTriggerProps } from './TooltipTrigger';
 import { CubeTooltipProps } from './Tooltip';
 import { ReactNode } from 'react';
-import { Styles } from '../../../styles/types';
+import { Styles } from '../../../tasty/styles/types';
 export interface CubeTooltipProviderProps extends Omit<CubeTooltipTriggerProps, 'children'> {
     children: CubeTooltipTriggerProps['children'][0];
     title?: ReactNode;

package/types/components/overlays/Tooltip/context.d.ts

@@ -1,7 +1,7 @@
 import React, { HTMLAttributes, RefObject } from 'react';
 import { TooltipTriggerState } from '@react-stately/tooltip';
 import { PlacementAxis } from '../../../shared';
-import { Props } from '../../types';
+import { Props } from '../../../tasty/types';
 interface TooltipContextProps {
     state?: TooltipTriggerState;
     ref?: RefObject<HTMLDivElement>;

package/types/components/pickers/Menu/Menu.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode, ReactElement } from 'react';
 import { DOMRef, ItemProps } from '@react-types/shared';
 import type { AriaMenuProps } from '@react-types/menu';
-import { ContainerStyleProps } from '../../types';
-import { Styles } from '../../../styles/types';
+import { ContainerStyleProps } from '../../../tasty/types';
+import { Styles } from '../../../tasty/styles/types';
 import { MenuButtonProps } from './MenuButton';
 export interface CubeMenuProps<T> extends ContainerStyleProps, AriaMenuProps<T> {
     header?: ReactNode;

package/types/components/pickers/Menu/styled.d.ts

@@ -2,56 +2,56 @@
 export declare const StyledMenu: any;
 export declare const StyledDivider: any;
 export declare const StyledMenuHeader: import("react").ComponentType<{
-    display?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
-    font?: import("../../../utils/styles").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
-    preset?: import("../../../utils/styles").ResponsiveStyleValue<string | undefined>;
-    hide?: import("../../../utils/styles").ResponsiveStyleValue<boolean | undefined>;
-    opacity?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
-    whiteSpace?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.WhiteSpace | undefined>;
-    gridArea?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridArea | undefined>;
-    order?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Order | undefined>;
-    gridColumn?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridColumn | undefined>;
-    gridRow?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridRow | undefined>;
-    placeSelf?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PlaceSelf | undefined>;
-    alignSelf?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignSelf | undefined>;
-    justifySelf?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifySelf | undefined>;
-    zIndex?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.ZIndex | undefined>;
-    margin?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Margin<string | number> | undefined>;
-    reset?: import("../../../utils/styles").ResponsiveStyleValue<"input" | "button" | undefined>;
-    padding?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Padding<string | number> | undefined>;
-    paddingInline?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
-    paddingBlock?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
-    shadow?: import("../../../utils/styles").ResponsiveStyleValue<string | undefined>;
-    border?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Border<string | number> | undefined>;
-    radius?: import("../../../utils/styles").ResponsiveStyleValue<string | true | undefined>;
-    overflow?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Overflow | undefined>;
-    styledScrollbar?: import("../../../utils/styles").ResponsiveStyleValue<boolean | undefined>;
-    outline?: import("../../../utils/styles").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
-    textAlign?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.TextAlign | undefined>;
-    color?: import("../../../utils/styles").ResponsiveStyleValue<string | boolean | undefined>;
-    fill?: import("../../../utils/styles").ResponsiveStyleValue<string | boolean | undefined>;
-    width?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Width<string | number> | undefined>;
-    height?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Height<string | number> | undefined>;
-    flexBasis?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexBasis<string | number> | undefined>;
-    flexGrow?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexGrow | undefined>;
-    flexShrink?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexShrink | undefined>;
-    flex?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Flex<string | number> | undefined>;
-    flow?: import("../../../utils/styles").ResponsiveStyleValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "column" | "column-reverse" | "nowrap" | "row" | "row-reverse" | "wrap" | "wrap-reverse" | "dense" | undefined>;
-    placeItems?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PlaceItems | undefined>;
-    placeContent?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PlaceContent | undefined>;
-    alignItems?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignItems | undefined>;
-    alignContent?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignContent | undefined>;
-    justifyItems?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifyItems | undefined>;
-    justifyContent?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifyContent | undefined>;
-    align?: import("../../../utils/styles").ResponsiveStyleValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
-    justify?: import("../../../utils/styles").ResponsiveStyleValue<(string & {}) | "left" | "right" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
-    gap?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Gap<string | number> | undefined>;
-    columnGap?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.ColumnGap<string | number> | undefined>;
-    rowGap?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.RowGap<string | number> | undefined>;
-    gridColumns?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplateColumns<string | number> | undefined>;
-    gridRows?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplateRows<string | number> | undefined>;
-    gridTemplate?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplate | undefined>;
-    gridAreas?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplateAreas | undefined>;
+    display?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
+    font?: import("../../../tasty/utils/styles").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
+    preset?: import("../../../tasty/utils/styles").ResponsiveStyleValue<string | undefined>;
+    hide?: import("../../../tasty/utils/styles").ResponsiveStyleValue<boolean | undefined>;
+    opacity?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
+    whiteSpace?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.WhiteSpace | undefined>;
+    gridArea?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.GridArea | undefined>;
+    order?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Order | undefined>;
+    gridColumn?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.GridColumn | undefined>;
+    gridRow?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.GridRow | undefined>;
+    placeSelf?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.PlaceSelf | undefined>;
+    alignSelf?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignSelf | undefined>;
+    justifySelf?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifySelf | undefined>;
+    zIndex?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.ZIndex | undefined>;
+    margin?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Margin<string | number> | undefined>;
+    reset?: import("../../../tasty/utils/styles").ResponsiveStyleValue<"input" | "button" | undefined>;
+    padding?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Padding<string | number> | undefined>;
+    paddingInline?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
+    paddingBlock?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
+    shadow?: import("../../../tasty/utils/styles").ResponsiveStyleValue<string | undefined>;
+    border?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Border<string | number> | undefined>;
+    radius?: import("../../../tasty/utils/styles").ResponsiveStyleValue<string | true | undefined>;
+    overflow?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Overflow | undefined>;
+    styledScrollbar?: import("../../../tasty/utils/styles").ResponsiveStyleValue<boolean | undefined>;
+    outline?: import("../../../tasty/utils/styles").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
+    textAlign?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.TextAlign | undefined>;
+    color?: import("../../../tasty/utils/styles").ResponsiveStyleValue<string | boolean | undefined>;
+    fill?: import("../../../tasty/utils/styles").ResponsiveStyleValue<string | boolean | undefined>;
+    width?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Width<string | number> | undefined>;
+    height?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Height<string | number> | undefined>;
+    flexBasis?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexBasis<string | number> | undefined>;
+    flexGrow?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexGrow | undefined>;
+    flexShrink?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexShrink | undefined>;
+    flex?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Flex<string | number> | undefined>;
+    flow?: import("../../../tasty/utils/styles").ResponsiveStyleValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "column" | "column-reverse" | "nowrap" | "row" | "row-reverse" | "wrap" | "wrap-reverse" | "dense" | undefined>;
+    placeItems?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.PlaceItems | undefined>;
+    placeContent?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.PlaceContent | undefined>;
+    alignItems?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignItems | undefined>;
+    alignContent?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignContent | undefined>;
+    justifyItems?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifyItems | undefined>;
+    justifyContent?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifyContent | undefined>;
+    align?: import("../../../tasty/utils/styles").ResponsiveStyleValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+    justify?: import("../../../tasty/utils/styles").ResponsiveStyleValue<(string & {}) | "left" | "right" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
+    gap?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Gap<string | number> | undefined>;
+    columnGap?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.ColumnGap<string | number> | undefined>;
+    rowGap?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.RowGap<string | number> | undefined>;
+    gridColumns?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplateColumns<string | number> | undefined>;
+    gridRows?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplateRows<string | number> | undefined>;
+    gridTemplate?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplate | undefined>;
+    gridAreas?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplateAreas | undefined>;
     direction?: "horizontal" | "vertical" | undefined;
     mods?: {
         [key: string]: boolean | null | undefined;
@@ -81,56 +81,56 @@ export declare const StyledMenuHeader: import("react").ComponentType<{
 export declare const StyledMenuSection: any;
 export declare const StyledMenuItem: any;
 export declare const StyledMenuSectionHeading: import("react").ComponentType<{
-    display?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
-    font?: import("../../../utils/styles").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
-    preset?: import("../../../utils/styles").ResponsiveStyleValue<string | undefined>;
-    hide?: import("../../../utils/styles").ResponsiveStyleValue<boolean | undefined>;
-    opacity?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
-    whiteSpace?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.WhiteSpace | undefined>;
-    gridArea?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridArea | undefined>;
-    order?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Order | undefined>;
-    gridColumn?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridColumn | undefined>;
-    gridRow?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridRow | undefined>;
-    placeSelf?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PlaceSelf | undefined>;
-    alignSelf?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignSelf | undefined>;
-    justifySelf?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifySelf | undefined>;
-    zIndex?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.ZIndex | undefined>;
-    margin?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Margin<string | number> | undefined>;
-    reset?: import("../../../utils/styles").ResponsiveStyleValue<"input" | "button" | undefined>;
-    padding?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Padding<string | number> | undefined>;
-    paddingInline?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
-    paddingBlock?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
-    shadow?: import("../../../utils/styles").ResponsiveStyleValue<string | undefined>;
-    border?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Border<string | number> | undefined>;
-    radius?: import("../../../utils/styles").ResponsiveStyleValue<string | true | undefined>;
-    overflow?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Overflow | undefined>;
-    styledScrollbar?: import("../../../utils/styles").ResponsiveStyleValue<boolean | undefined>;
-    outline?: import("../../../utils/styles").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
-    textAlign?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.TextAlign | undefined>;
-    color?: import("../../../utils/styles").ResponsiveStyleValue<string | boolean | undefined>;
-    fill?: import("../../../utils/styles").ResponsiveStyleValue<string | boolean | undefined>;
-    width?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Width<string | number> | undefined>;
-    height?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Height<string | number> | undefined>;
-    flexBasis?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexBasis<string | number> | undefined>;
-    flexGrow?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexGrow | undefined>;
-    flexShrink?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexShrink | undefined>;
-    flex?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Flex<string | number> | undefined>;
-    flow?: import("../../../utils/styles").ResponsiveStyleValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "column" | "column-reverse" | "nowrap" | "row" | "row-reverse" | "wrap" | "wrap-reverse" | "dense" | undefined>;
-    placeItems?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PlaceItems | undefined>;
-    placeContent?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PlaceContent | undefined>;
-    alignItems?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignItems | undefined>;
-    alignContent?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignContent | undefined>;
-    justifyItems?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifyItems | undefined>;
-    justifyContent?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifyContent | undefined>;
-    align?: import("../../../utils/styles").ResponsiveStyleValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
-    justify?: import("../../../utils/styles").ResponsiveStyleValue<(string & {}) | "left" | "right" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
-    gap?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Gap<string | number> | undefined>;
-    columnGap?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.ColumnGap<string | number> | undefined>;
-    rowGap?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.RowGap<string | number> | undefined>;
-    gridColumns?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplateColumns<string | number> | undefined>;
-    gridRows?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplateRows<string | number> | undefined>;
-    gridTemplate?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplate | undefined>;
-    gridAreas?: import("../../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplateAreas | undefined>;
+    display?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
+    font?: import("../../../tasty/utils/styles").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
+    preset?: import("../../../tasty/utils/styles").ResponsiveStyleValue<string | undefined>;
+    hide?: import("../../../tasty/utils/styles").ResponsiveStyleValue<boolean | undefined>;
+    opacity?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
+    whiteSpace?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.WhiteSpace | undefined>;
+    gridArea?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.GridArea | undefined>;
+    order?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Order | undefined>;
+    gridColumn?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.GridColumn | undefined>;
+    gridRow?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.GridRow | undefined>;
+    placeSelf?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.PlaceSelf | undefined>;
+    alignSelf?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignSelf | undefined>;
+    justifySelf?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifySelf | undefined>;
+    zIndex?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.ZIndex | undefined>;
+    margin?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Margin<string | number> | undefined>;
+    reset?: import("../../../tasty/utils/styles").ResponsiveStyleValue<"input" | "button" | undefined>;
+    padding?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Padding<string | number> | undefined>;
+    paddingInline?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
+    paddingBlock?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
+    shadow?: import("../../../tasty/utils/styles").ResponsiveStyleValue<string | undefined>;
+    border?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Border<string | number> | undefined>;
+    radius?: import("../../../tasty/utils/styles").ResponsiveStyleValue<string | true | undefined>;
+    overflow?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Overflow | undefined>;
+    styledScrollbar?: import("../../../tasty/utils/styles").ResponsiveStyleValue<boolean | undefined>;
+    outline?: import("../../../tasty/utils/styles").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
+    textAlign?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.TextAlign | undefined>;
+    color?: import("../../../tasty/utils/styles").ResponsiveStyleValue<string | boolean | undefined>;
+    fill?: import("../../../tasty/utils/styles").ResponsiveStyleValue<string | boolean | undefined>;
+    width?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Width<string | number> | undefined>;
+    height?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Height<string | number> | undefined>;
+    flexBasis?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexBasis<string | number> | undefined>;
+    flexGrow?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexGrow | undefined>;
+    flexShrink?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexShrink | undefined>;
+    flex?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Flex<string | number> | undefined>;
+    flow?: import("../../../tasty/utils/styles").ResponsiveStyleValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "column" | "column-reverse" | "nowrap" | "row" | "row-reverse" | "wrap" | "wrap-reverse" | "dense" | undefined>;
+    placeItems?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.PlaceItems | undefined>;
+    placeContent?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.PlaceContent | undefined>;
+    alignItems?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignItems | undefined>;
+    alignContent?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignContent | undefined>;
+    justifyItems?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifyItems | undefined>;
+    justifyContent?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifyContent | undefined>;
+    align?: import("../../../tasty/utils/styles").ResponsiveStyleValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+    justify?: import("../../../tasty/utils/styles").ResponsiveStyleValue<(string & {}) | "left" | "right" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
+    gap?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.Gap<string | number> | undefined>;
+    columnGap?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.ColumnGap<string | number> | undefined>;
+    rowGap?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.RowGap<string | number> | undefined>;
+    gridColumns?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplateColumns<string | number> | undefined>;
+    gridRows?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplateRows<string | number> | undefined>;
+    gridTemplate?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplate | undefined>;
+    gridAreas?: import("../../../tasty/utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplateAreas | undefined>;
     direction?: "horizontal" | "vertical" | undefined;
     mods?: {
         [key: string]: boolean | null | undefined;

package/types/components/pickers/Select/Select.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode, RefObject } from 'react';
 import { Item } from '@react-stately/collections';
-import { Styles } from '../../../styles/types';
-import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Props } from '../../types';
+import { Styles } from '../../../tasty/styles/types';
+import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Props } from '../../../tasty/types';
 import type { AriaSelectProps } from '@react-types/select';
 import { FormFieldProps } from '../../../shared';
 export interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, OuterStyleProps, FormFieldProps, BlockStyleProps, AriaSelectProps<T> {

package/types/index.d.ts

@@ -118,7 +118,7 @@ export { SearchResults } from './components/organisms/SearchResults/SearchResult
 export type { CubeSearchResultsProps } from './components/organisms/SearchResults/SearchResults';
 export { notification } from './services/notification';
 export type { CubeNotificationOptions } from './services/notification';
-export * from './providers/BreakpointsProvider';
+export * from './tasty/providers/BreakpointsProvider';
 export declare const Typography: {
     Text: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>> & {
         Minor: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
@@ -136,16 +136,16 @@ export declare const Typography: {
 };
 export { Text, Title, Paragraph };
 export type { CubeTextProps, CubeTitleProps, CubeParagraphProps };
-export { useContextStyles, StyleProvider } from './providers/StylesProvider';
+export { useContextStyles, StyleProvider, } from './tasty/providers/StylesProvider';
 export { Provider } from './provider';
 export type { useProviderProps } from './provider';
 export { Portal } from './components/portal';
 export type { PortalProps } from './components/portal';
 export * from './components/forms';
-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';
+export type { TagName, TagNameProps, AllBaseProps, BaseProps, BaseStyleProps, DimensionStyleProps, ColorStyleProps, OuterStyleProps, PositionStyleProps, TextStyleProps, BlockStyleProps, ContainerStyleProps, BasePropsWithoutChildren, Props, FlowStyleProps, ShortGridStyles, } from './tasty/types';
+export * from './tasty/styles/types';
+export * from './tasty/styles/list';
+export * from './tasty/styles/index';
 export { ModalProvider } from '@react-aria/overlays';
 export * from './utils/react';
 export * from './tasty';

package/types/provider.d.ts

@@ -1,6 +1,6 @@
 import { ForwardedRef, PropsWithChildren } from 'react';
-import { ResponsiveStyleValue } from './utils/styles';
-import { Props } from './components/types';
+import { ResponsiveStyleValue } from './tasty/utils/styles';
+import { Props } from './tasty/types';
 export interface ProviderProps extends Props {
     breakpoints?: number[];
     insideForm?: boolean;

package/types/shared/form.d.ts

@@ -1,5 +1,5 @@
-import { Props } from '../components/types';
-import { Styles } from '../styles/types';
+import { Props } from '../tasty/types';
+import { Styles } from '../tasty/styles/types';
 import { ReactNode } from 'react';
 /** Where to place label relative to input */
 export declare type LabelPosition = 'side' | 'top';