@cube-dev/ui-kit 0.1.2 → 0.2.0

package/dist/cjs/provider.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { NuResponsiveStyleValue } from './utils/styles';
+import { ResponsiveStyleValue } from './utils/styles';
 import { Props } from './components/types';
 export declare const UIKitContext: import("react").Context<ProviderProps>;
 export interface ProviderProps extends Props {
@@ -12,7 +12,7 @@ export interface ProviderProps extends Props {
     router?: Function;
     styles?: {
         [key: string]: {
-            [key: string]: NuResponsiveStyleValue;
+            [key: string]: ResponsiveStyleValue;
         } | Function;
     };
     ref?: JSX.Element;

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { NuStyles } from '../styles/types';
+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): NuStyles;
+export declare function useContextStyles(name: any, props?: any): Styles;

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/shared/form.d.ts

@@ -1,5 +1,5 @@
 import { Props } from '../components/types';
-import { NuStyles } from '../styles/types';
+import { Styles } from '../styles/types';
 import { ReactNode } from 'react';
 export declare type LabelPosition = 'side' | 'top';
 export declare type NecessityIndicator = 'icon' | 'label';
@@ -18,7 +18,7 @@ export interface FieldBaseProps {
     validateTrigger?: ValidateTrigger;
 }
 export interface FormBaseProps {
-    labelStyles?: NuStyles;
+    labelStyles?: Styles;
     labelPosition?: LabelPosition;
     /** Whether the field presents required mark */
     requiredMark?: boolean;

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,17 @@
+export declare function presetStyle({ preset }: {
+    preset: any;
+}): "" | {
+    'font-size': any;
+    'line-height': any;
+    'letter-spacing': any;
+    'font-weight': any;
+    'text-transform': any;
+    '--font-size': any;
+    '--line-height': any;
+    '--letter-spacing': any;
+    '--font-weight': any;
+    '--text-transform': 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

@@ -1,10 +1,10 @@
 import { CSSProperties } from 'react';
-import { NuResponsiveStyleValue } from '../utils/styles';
+import { ResponsiveStyleValue } from '../utils/styles';
 declare type NamedColor = 'purple' | 'purple-text' | 'purple-01' | 'purple-02' | 'purple-03' | 'purple-04' | 'dark' | 'dark-01' | 'dark-02' | 'dark-03' | 'dark-04' | 'dark-05' | 'text' | 'primary' | 'disabled' | 'disabled-bg' | 'disabled-text' | 'danger' | 'danger-bg' | 'danger-text' | 'success' | 'success-bg' | 'success-text' | 'note' | 'note-bg' | 'note-text' | 'white' | 'light' | 'light-grey' | 'black' | 'pink' | 'pink-01' | 'pink-02' | 'border' | 'clear' | 'shadow' | 'draft' | 'minor';
 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 NuStylesInterface extends Omit<CSSProperties, 'color' | 'fill' | 'font' | 'outline'> {
+export interface StylesInterface extends Omit<CSSProperties, 'color' | 'fill' | 'font' | 'outline'> {
     /** Set the background color of the element.
      * ```
      * fill="#{name_of_the_color}"
@@ -92,10 +92,14 @@ export interface NuStylesInterface 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 NuStyles = {
-    [key in keyof NuStylesInterface]?: NuResponsiveStyleValue<NuStylesInterface[key]>;
+export declare type Styles = {
+    [key in keyof StylesInterface]?: ResponsiveStyleValue<StylesInterface[key]>;
 } & {
-    [key: string]: NuResponsiveStyleValue<string | number | boolean | undefined>;
+    [key: string]: ResponsiveStyleValue<string | number | boolean | undefined>;
 };
 export {};

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/renderStyles.d.ts

@@ -1,7 +1,7 @@
-import { NuStyleHandler } from './styles';
-import { NuStyles } from '../styles/types';
+import { StyleHandler } from './styles';
+import { Styles } from '../styles/types';
 declare type StyleHandlerMap = {
-    [key: string]: NuStyleHandler[];
+    [key: string]: StyleHandler[];
 };
 /**
  * Render style props to complete Styled Components CSS.
@@ -10,6 +10,6 @@ declare type StyleHandlerMap = {
  * @param styleHandlerMap - Style to handler list map.
  * @return {string}
  */
-export declare function renderStyles(styles: NuStyles, responsive: number[], styleHandlerMap?: StyleHandlerMap): string;
+export declare function renderStyles(styles: Styles, responsive: number[], styleHandlerMap?: StyleHandlerMap): string;
 export declare function createStyle(styleName: string, cssStyle?: string, converter?: Function): any;
 export {};

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

@@ -1,4 +1,4 @@
-import { NuResponsiveStyleValue } from './styles';
+import { ResponsiveStyleValue } from './styles';
 export declare function mediaWrapper(cssRules: any, points: any): any;
 export interface ResponsiveZone {
     max?: number;
@@ -6,4 +6,4 @@ export interface ResponsiveZone {
     mediaQuery?: string;
 }
 export declare function pointsToZones(points: number[]): any;
-export declare function normalizeStyleZones(value: NuResponsiveStyleValue, zoneNumber: number): any[] | null | undefined;
+export declare function normalizeStyleZones(value: ResponsiveStyleValue, zoneNumber: number): any[] | null | undefined;

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

@@ -1,51 +1,51 @@
-import { NuStyles } from '../styles/types';
-export declare type NuStyleValue<T = string> = number | null | boolean | undefined | T;
-export declare type NuStyleValueStateMap<T> = {
-    [key: string]: NuStyleValue<T>;
+import { Styles } from '../styles/types';
+export declare type StyleValue<T = string> = number | null | boolean | undefined | T;
+export declare type StyleValueStateMap<T> = {
+    [key: string]: StyleValue<T>;
 };
-export declare type NuResponsiveStyleValue<T = string> = NuStyleValue<T> | NuStyleValue<T>[] | NuStyleValueStateMap<T> | NuStyleValueStateMap<T>[];
-export declare type NuComputeModel = string | number;
-export declare type NuCSSMap = {
+export declare type ResponsiveStyleValue<T = string> = StyleValue<T> | StyleValue<T>[] | StyleValueStateMap<T> | StyleValueStateMap<T>[];
+export declare type ComputeModel = string | number;
+export declare type CSSMap = {
     $?: string;
 } & {
     [key: string]: string | string[];
 };
-export declare type NuStyleHandler = ((NuStyleValue: any) => NuCSSMap | NuCSSMap[]) & {
+export declare type StyleHandler = ((StyleValue: any) => CSSMap | CSSMap[]) & {
     __lookupStyles: string[];
 };
-export interface NuStyleStateData {
-    model?: NuComputeModel;
+export interface StyleStateData {
+    model?: ComputeModel;
     tokens?: string[];
-    value: NuResponsiveStyleValue;
+    value: ResponsiveStyleValue;
     /** The list of mods to apply */
     mods: string[];
     /** The list of **not** mods to apply (e.g. `:not(:hover)`) */
     notMods: string[];
 }
-export declare type NuStyleStateDataList = NuStyleStateData[];
-export declare type NuStyleStateDataListMap = {
-    [key: string]: NuStyleStateDataList;
+export declare type StyleStateDataList = StyleStateData[];
+export declare type StyleStateDataListMap = {
+    [key: string]: StyleStateDataList;
 };
 /** An object that describes a relation between specific modifiers and style value. **/
-export interface NuStyleState {
+export interface StyleState {
     /** The list of mods to apply */
     mods: string[];
     /** The list of **not** mods to apply (e.g. `:not(:hover)`) */
     notMods: string[];
     /** The value to apply */
-    value: NuStyleMap;
+    value: StyleMap;
 }
-export declare type NuComputeUnit = string | (string | string[])[];
-export declare type NuStyleStateList = NuStyleState[];
-export declare type NuStyleMap = {
-    [key: string]: NuResponsiveStyleValue;
+export declare type ComputeUnit = string | (string | string[])[];
+export declare type StyleStateList = StyleState[];
+export declare type StyleMap = {
+    [key: string]: ResponsiveStyleValue;
 };
-export declare type NuStyleStateMap = {
-    [key: string]: NuStyleState;
+export declare type StyleStateMap = {
+    [key: string]: StyleState;
 };
-export declare type NuStyleStateMapList = NuStyleStateMap[];
-export declare type NuStyleStateListMap = {
-    [key: string]: NuStyleStateList;
+export declare type StyleStateMapList = StyleStateMap[];
+export declare type StyleStateListMap = {
+    [key: string]: StyleStateList;
 };
 export declare const NO_VALUES: (string | boolean)[];
 export declare const YES_VALUES: (string | boolean)[];
@@ -128,20 +128,20 @@ export declare function extendStyles(defaultStyles: any, newStyles: any): {};
  */
 export declare function extractStyles(props: {
     [key: string]: any;
-}, styleList?: readonly string[], defaultStyles?: NuStyles, propMap?: {
+}, styleList?: readonly string[], defaultStyles?: Styles, propMap?: {
     [key: string]: string;
-}, ignoreList?: readonly string[]): NuStyles;
+}, ignoreList?: readonly string[]): Styles;
 /**
- * Render NuCSSMap to Styled Components CSS
+ * Render CSSMap to Styled Components CSS
  * @param styles
  * @param [selector]
  */
-export declare function renderStylesToSC(styles: NuCSSMap | NuCSSMap[], selector?: string): any;
+export declare function renderStylesToSC(styles: CSSMap | CSSMap[], selector?: string): any;
 /**
  * Compile states to finite CSS with selectors.
  * State values should contain a string value with CSS style list.
  * @param {string} selector
- * @param {NuStyleStateList|NuStyleStateMapList} states
+ * @param {StyleStateList|StyleStateMapList} states
  */
 export declare function applyStates(selector: any, states: any): any;
 export declare function styleHandlerCacheWrapper(styleHandler: any, limit?: number): ((arg: any) => any) & {
@@ -149,26 +149,26 @@ export declare function styleHandlerCacheWrapper(styleHandler: any, limit?: numb
 };
 /**
  * Fill all unspecified states and cover all possible combinations of presented modifiers.
- * @param {NuStyleStateList} stateList
+ * @param {StyleStateList} stateList
  * @param {string[]} [allModes]
- * @return {NuStyleStateList}
+ * @return {StyleStateList}
  */
 export declare function normalizeStates(stateList: any, allModes: any): any;
 /**
  * Replace state values with new ones.
  * For example, if you want to replace initial values with finite CSS code.
- * @param {NuStyleStateList|NuStyleStateMapList} states
+ * @param {StyleStateList|StyleStateMapList} states
  * @param {Function} replaceFn
  */
 export declare function replaceStateValues(states: any, replaceFn: any): any;
 /**
  * Get all presented modes from style state list.
- * @param {NuStyleStateList} stateList
+ * @param {StyleStateList} stateList
  */
 export declare function getModesFromStyleStateList(stateList: any): any;
 /**
  * Get all presented modes from style state list map.
- * @param {NuStyleStateMapList} stateListMap
+ * @param {StyleStateMapList} stateListMap
  * @return {string[]}
  */
 export declare function getModesFromStyleStateListMap(stateListMap: any): string[];
@@ -177,7 +177,7 @@ export declare function getModesFromStyleStateListMap(stateListMap: any): string
  * @param styleMap
  * @param filterKeys
  */
-export declare function styleMapToStyleMapStateList(styleMap: NuStyleMap, filterKeys?: string[]): NuStyleStateList;
+export declare function styleMapToStyleMapStateList(styleMap: StyleMap, filterKeys?: string[]): StyleStateList;
 export declare const STATE_OPERATORS: {
     NOT: string;
     AND: string;
@@ -188,10 +188,10 @@ export declare const STATE_OPERATOR_LIST: string[];
 export declare const parseStateNotation: (arg: any) => any;
 /**
  *
- * @param {NuStyleStateMap|string|number|boolean|null|undefined} styleStateMap
- * @return {{ states: NuStyleStateDataList, mods: string[] }}
+ * @param {StyleStateMap|string|number|boolean|null|undefined} styleStateMap
+ * @return {{ states: StyleStateDataList, mods: string[] }}
  */
-export declare function styleStateMapToStyleStateDataList(styleStateMap: NuStyleStateMap | NuResponsiveStyleValue): {
+export declare function styleStateMapToStyleStateDataList(styleStateMap: StyleStateMap | ResponsiveStyleValue): {
     states: {
         model: null;
         mods: never[];
@@ -199,7 +199,7 @@ export declare function styleStateMapToStyleStateDataList(styleStateMap: NuStyle
     }[];
     mods: never[];
 } | {
-    states: NuStyleStateDataList;
+    states: StyleStateDataList;
     mods: string[];
 };
 export declare const COMPUTE_FUNC_MAP: {
@@ -211,7 +211,7 @@ export declare const COMPUTE_FUNC_MAP: {
 /**
  * Compute a result based on model and incoming map.
  */
-export declare function computeState(computeModel: NuComputeModel, valueMap: (number | boolean)[] | {
+export declare function computeState(computeModel: ComputeModel, valueMap: (number | boolean)[] | {
     [key: string]: boolean;
 } | Function): any;
 export declare function cacheWrapper(handler: Function, limit?: number): (arg: any) => any;

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/GridProvider.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
-import { NuStyles } from '../styles/types';
+import { Styles } from '../styles/types';
 export interface CubeGridProviderProps {
     children: ReactNode;
     columns?: number;
-    gap?: NuStyles['gap'];
-    width?: NuStyles['width'];
-    initialWidth?: NuStyles['width'];
+    gap?: Styles['gap'];
+    width?: Styles['width'];
+    initialWidth?: Styles['width'];
 }
 export declare const GridProvider: import("react").ForwardRefExoticComponent<CubeGridProviderProps & import("react").RefAttributes<unknown>>;

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,8 +1,8 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps } from '../../components/types';
-import { NuStyles } from '../../styles/types';
+import { BaseProps, ContainerStyleProps } from '../../types';
+import { Styles } from '../../../styles/types';
 export interface CubeAvatarProps extends BaseProps, ContainerStyleProps {
     icon?: JSX.Element;
-    size?: NuStyles['size'];
+    size?: Styles['size'];
 }
 export declare const Avatar: import("react").ForwardRefExoticComponent<CubeAvatarProps & import("react").RefAttributes<unknown>>;

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,8 +1,8 @@
 /// <reference types="react" />
-import { NuStyles } 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?: NuStyles['size'];
+    size?: Styles['size'];
     circle?: boolean;
 }
 export declare const Placeholder: import("react").ForwardRefExoticComponent<CubePlaceholderProps & import("react").RefAttributes<unknown>>;

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,5 +1,7 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps } from '../../components/types';
+import { CubePlaceholderProps } from '../Placeholder/Placeholder';
+import { CubeGridProps } from '../../layout/Grid';
+import { BaseProps, ContainerStyleProps } from '../../types';
 declare const LAYOUT_MAP: {
     readonly page: ({ lines, children, ...props }: {
         [x: string]: any;
@@ -36,9 +38,19 @@ declare const LAYOUT_MAP: {
         columns: any;
     }) => JSX.Element;
 };
-export interface CubeSkeletonProps extends BaseProps, ContainerStyleProps {
+export interface CubeSkeletonProps extends CubeGridProps, CubePlaceholderProps, BaseProps, ContainerStyleProps {
     /** The type of the layout */
     layout?: keyof typeof LAYOUT_MAP;
+    /** The number of columns for table layout */
+    columns?: number;
+    /** The number of rows for table layout */
+    rows?: number;
+    /** The number of placeholder lines */
+    lines?: number;
+    /** The number of tabs */
+    tabs?: number;
+    /** The number of cards */
+    cards?: number;
 }
 export declare function Skeleton({ layout, ...props }: CubeSkeletonProps): JSX.Element;
 export {};

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/mjs/components/content/Text.d.ts

@@ -0,0 +1,32 @@
+import { CSSProperties } from 'react';
+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.
+     */
+    monospace?: boolean;
+    /**
+     * Whether the text overflow is ellipsis
+     */
+    ellipsis?: boolean;
+    /**
+     * Whether the text is not wrapping
+     */
+    nowrap?: boolean;
+    /**
+     * Whether the text has italic style
+     */
+    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>> & {
+    Minor: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
+    Danger: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
+    Success: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
+    Strong: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
+    Selection: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>>;
+};
+export { Text };

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { CubeTextProps } from './Text';
+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;
+}
+declare const Title: import("react").ForwardRefExoticComponent<CubeTitleProps & import("react").RefAttributes<unknown>> & {
+    Danger: import("react").ForwardRefExoticComponent<CubeTitleProps & import("react").RefAttributes<unknown>>;
+    Success: import("react").ForwardRefExoticComponent<CubeTitleProps & import("react").RefAttributes<unknown>>;
+};
+export { Title };

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 {
 }
 /**