@cube-dev/ui-kit 0.9.8 → 0.9.11

package/es/utils/styles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.8
+ * @cube-dev/ui-kit v0.9.11
  * Released under the MIT license.
  */
 

package/es/utils/transitions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.8
+ * @cube-dev/ui-kit v0.9.11
  * Released under the MIT license.
  */
 

package/es/utils/tree.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.8
+ * @cube-dev/ui-kit v0.9.11
  * Released under the MIT license.
  */
 

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.8
+ * @cube-dev/ui-kit v0.9.11
  * Released under the MIT license.
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.9.8",
+  "version": "0.9.11",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"
@@ -22,11 +22,13 @@
     "@react-aria/i18n": "^3.3.4",
     "@react-aria/interactions": "^3.7.0",
     "@react-aria/listbox": "^3.4.0",
+    "@react-aria/menu": "3.4.3",
     "@react-aria/numberfield": "^3.1.1",
     "@react-aria/overlays": "^3.7.3",
     "@react-aria/radio": "^3.1.6",
     "@react-aria/searchfield": "^3.2.2",
     "@react-aria/select": "^3.6.0",
+    "@react-aria/separator": "3.1.6",
     "@react-aria/ssr": "^3.1.0",
     "@react-aria/switch": "^3.1.3",
     "@react-aria/textfield": "^3.5.0",
@@ -48,6 +50,7 @@
     "@react-types/checkbox": "^3.2.5",
     "@react-types/combobox": "^3.2.1",
     "@react-types/dialog": "^3.3.1",
+    "@react-types/menu": "^3.5.2",
     "@react-types/numberfield": "^3.1.0",
     "@react-types/overlays": "^3.5.1",
     "@react-types/radio": "^3.1.2",
@@ -56,14 +59,14 @@
     "@react-types/switch": "^3.1.2",
     "@react-types/textfield": "^3.3.0",
     "@react-types/tooltip": "^3.1.2",
+    "clipboard-copy": "^4.0.1",
     "clsx": "^1.1.1",
     "email-validator": "^2.0.4",
     "prismjs": "^1.25.0",
     "react-is": "^17.0.0",
     "react-transition-group": "^4.4.2",
     "tiny-invariant": "^1.2.0",
-    "valid-url": "^1.0.9",
-    "clipboard-copy": "^4.0.1"
+    "valid-url": "^1.0.9"
   },
   "module": "./es/index.js",
   "types": "./types/index.d.ts",

package/types/components/content/Result/Result.d.ts

@@ -10,8 +10,15 @@ export interface CubeResultProps extends BaseProps, ContainerStyleProps {
      * @default 'info'
      */
     status?: CubeResultStatus;
-    /** The subTitle */
+    /**
+     * The subTitle
+     * @deprecated The subTitle prop is deprecated and will be removed in next major release. consider using subtitle instead
+     */
     subTitle?: ReactNode;
+    /**
+     * Subtitle of the Result component
+     */
+    subtitle?: ReactNode;
     /** The title */
     title?: ReactNode;
 }

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

@@ -0,0 +1,28 @@
+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 { MenuButtonProps } from './MenuButton';
+export interface CubeMenuProps<T> extends ContainerStyleProps, AriaMenuProps<T> {
+    header?: ReactNode;
+    footer?: ReactNode;
+    styles?: Styles;
+}
+declare type PartialMenuButton = Partial<MenuButtonProps>;
+declare type ItemComponent = <T>(props: ItemProps<T> & PartialMenuButton & {
+    wrapper?: (item: ReactElement) => ReactElement;
+}) => JSX.Element;
+declare const Item: ItemComponent;
+declare const Section: <T>(props: import("@react-types/shared").SectionProps<T>) => JSX.Element;
+declare const __Menu: (<T>(props: CubeMenuProps<T> & {
+    ref?: DOMRef<HTMLUListElement> | undefined;
+}) => ReactElement) & {
+    Item: typeof Item;
+    Section: typeof Section;
+} & {
+    Item: ItemComponent;
+    Section: <T_1>(props: import("@react-types/shared").SectionProps<T_1>) => JSX.Element;
+    displayName: string;
+};
+export { __Menu as Menu };

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { CubeButtonProps } from '../../actions';
+export declare type MenuButtonProps = {
+    postfix: ReactNode;
+    isSelectable?: boolean;
+    disabled?: boolean;
+} & CubeButtonProps;
+export declare function MenuButton({ children, icon, postfix, ...props }: MenuButtonProps): JSX.Element;

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

@@ -0,0 +1,12 @@
+import { Key } from 'react';
+import { Node } from '@react-types/shared';
+import { TreeState } from '@react-stately/tree';
+interface MenuItemProps<T> {
+    item: Node<T>;
+    state: TreeState<T>;
+    isVirtualized?: boolean;
+    onAction?: (key: Key) => void;
+}
+/** @private */
+export declare function MenuItem<T>(props: MenuItemProps<T>): JSX.Element;
+export {};

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

@@ -0,0 +1,10 @@
+import { Key } from 'react';
+import { Node } from '@react-types/shared';
+import { TreeState } from '@react-stately/tree';
+export interface CubeMenuSectionProps<T> {
+    item: Node<T>;
+    state: TreeState<T>;
+    onAction?: (key: Key) => void;
+}
+/** @private */
+export declare function MenuSection<T>(props: CubeMenuSectionProps<T>): JSX.Element;

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

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+import { DOMRefValue } from '@react-types/shared';
+import { PositionProps } from '@react-types/overlays';
+import { MenuTriggerProps as BaseTriggerProps } from '@react-types/menu';
+export declare type CubeMenuTriggerProps = BaseTriggerProps & PositionProps & {
+    trigger?: string;
+    isDisabled?: boolean;
+    children: ReactNode[];
+};
+/**
+ * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,
+ * linking the Menu's open state with the trigger's press state.
+ */
+declare let _MenuTrigger: React.ForwardRefExoticComponent<BaseTriggerProps & PositionProps & {
+    trigger?: string | undefined;
+    isDisabled?: boolean | undefined;
+    children: ReactNode[];
+} & React.RefAttributes<DOMRefValue<HTMLElement>>>;
+export { _MenuTrigger as MenuTrigger };

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

@@ -0,0 +1,11 @@
+import { FocusStrategy } from '@react-types/shared';
+import React, { HTMLAttributes, MutableRefObject } from 'react';
+export interface MenuContextValue extends HTMLAttributes<HTMLElement> {
+    onClose?: () => void;
+    closeOnSelect?: boolean;
+    shouldFocusWrap?: boolean;
+    autoFocus?: boolean | FocusStrategy;
+    ref?: MutableRefObject<HTMLUListElement>;
+}
+export declare const MenuContext: React.Context<MenuContextValue>;
+export declare function useMenuContext(): MenuContextValue;

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

@@ -0,0 +1,160 @@
+/// <reference types="react" />
+export declare const StyledMenu: any;
+export declare const StyledDivider: any;
+export declare const StyledMenuHeader: import("react").ComponentType<{
+    styles?: import("../../..").Styles | undefined;
+} & {
+    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>;
+    direction?: "horizontal" | "vertical" | undefined;
+    mods?: {
+        [key: string]: boolean | null | undefined;
+    } | undefined;
+    block?: boolean | undefined;
+    inline?: boolean | undefined;
+    style?: import("react").CSSProperties | (import("react").CSSProperties & {
+        [key: string]: string | number | null;
+    }) | undefined;
+    element?: string | undefined;
+    css?: string | ((props: import("../../types").Props) => string) | undefined;
+    id?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    qa?: string | undefined;
+    qaVal?: string | number | undefined;
+    isHidden?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    children?: import("react").ReactNode;
+    className?: string | undefined;
+    breakpoints?: number[] | undefined;
+    styleName?: string | undefined;
+    theme?: string | undefined;
+    ref?: import("react").Ref<unknown> | undefined;
+    key?: import("react").Key | null | undefined;
+}>;
+export declare const StyledMenuItem: any;
+export declare const StyledMenuSectionHeading: import("react").ComponentType<{
+    styles?: import("../../..").Styles | undefined;
+} & {
+    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>;
+    direction?: "horizontal" | "vertical" | undefined;
+    mods?: {
+        [key: string]: boolean | null | undefined;
+    } | undefined;
+    block?: boolean | undefined;
+    inline?: boolean | undefined;
+    style?: import("react").CSSProperties | (import("react").CSSProperties & {
+        [key: string]: string | number | null;
+    }) | undefined;
+    element?: string | undefined;
+    css?: string | ((props: import("../../types").Props) => string) | undefined;
+    id?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    qa?: string | undefined;
+    qaVal?: string | number | undefined;
+    isHidden?: boolean | undefined;
+    isDisabled?: boolean | undefined;
+    children?: import("react").ReactNode;
+    className?: string | undefined;
+    breakpoints?: number[] | undefined;
+    styleName?: string | undefined;
+    theme?: string | undefined;
+    ref?: import("react").Ref<unknown> | undefined;
+    key?: import("react").Key | null | undefined;
+}>;

package/types/components/portal/storybook/templates/CustomRoot.d.ts

@@ -0,0 +1,3 @@
+import { Story } from '@storybook/react';
+import { PortalProps } from '../../types';
+export declare const CustomRootTemplate: Story<PortalProps>;

package/types/components/portal/storybook/templates/PortalOrder.d.ts

@@ -0,0 +1,3 @@
+import { Story } from '@storybook/react';
+import { PortalProps } from '../../types';
+export declare const PortalOrderTemplate: Story<PortalProps>;

package/types/components/portal/storybook/templates/index.d.ts

@@ -1 +1,3 @@
 export * from './basic';
+export * from './PortalOrder';
+export * from './CustomRoot';

package/types/index.d.ts

@@ -2,7 +2,7 @@
 import { CubeTextProps, Text } from './components/content/Text';
 import { CubeTitleProps, Title } from './components/content/Title';
 import { CubeParagraphProps, Paragraph } from './components/content/Paragraph';
-export { Item } from '@react-stately/collections';
+export { Item, Section } from '@react-stately/collections';
 export { Base } from './components/Base';
 export { Block } from './components/Block';
 export type { CubeBlockProps } from './components/Block';
@@ -78,6 +78,10 @@ export { Radio } from './components/forms/RadioGroup/Radio';
 export type { CubeRadioProps } from './components/forms/RadioGroup/Radio';
 export { ComboBox } from './components/pickers/ComboBox/ComboBox';
 export type { CubeComboBoxProps } from './components/pickers/ComboBox/ComboBox';
+export { Menu } from './components/pickers/Menu/Menu';
+export type { CubeMenuProps } from './components/pickers/Menu/Menu';
+export { MenuTrigger } from './components/pickers/Menu/MenuTrigger';
+export type { CubeMenuTriggerProps } from './components/pickers/Menu/MenuTrigger';
 export { Select, ListBoxPopup } from './components/pickers/Select/Select';
 export type { CubeSelectProps, CubeSelectBaseProps, } from './components/pickers/Select/Select';
 export { NumberInput } from './components/forms/NumberInput/NumberInput';

package/types/shared/form.d.ts

@@ -7,14 +7,16 @@ export declare type LabelPosition = 'side' | 'top';
 export declare type NecessityIndicator = 'icon' | 'label';
 /** The validation state of the field */
 export declare type ValidationState = 'invalid' | 'valid';
-/** On which event perform validation for the field */
+/** On which event perform the validation for the field */
 export declare type ValidateTrigger = 'onBlur' | 'onChange' | 'onSubmit';
 export interface OptionalFieldBaseProps {
     /** The label of the field */
     label?: string;
+    /** An additional content next to the label */
+    extra?: ReactNode;
     /** The validation state of the field */
     validationState?: ValidationState;
-    /** On which event perform validation for the field */
+    /** On which event perform the validation for the field */
     validateTrigger?: ValidateTrigger;
     necessityIndicator?: NecessityIndicator;
     necessityLabel?: ReactNode;
@@ -48,6 +50,8 @@ export interface FormFieldProps extends FormBaseProps {
     insideForm?: boolean;
     /** A text label of the field */
     label?: ReactNode;
+    /** An additional content next to the label */
+    extra?: ReactNode;
     /** Custom label props */
     labelProps?: Props;
     /** Message for the field. Some additional information or error notice */

package/types/stories/FormFieldArgs.d.ts

@@ -20,6 +20,12 @@ export declare const LABEL_ARG: {
         description: string;
     };
 };
+export declare const EXTRA_ARG: {
+    extra: {
+        control: string;
+        description: string;
+    };
+};
 export declare const DESCRIPTION_ARG: {
     description: {
         control: string;

package/types/styled/styled.d.ts

@@ -27,4 +27,5 @@ declare function styled(selector: string, styles?: Styles): any;
 declare function styled<K extends (keyof StylesInterface)[], Props extends {
     styles?: Styles;
 }, DefaultProps extends Partial<Props> = Partial<Props>>(Component: ComponentType<Props>, options?: EitherLegacyPropsOrInlined<K, DefaultProps>): ComponentType<StyledPropsWithDefaults<Props, DefaultProps>>;
-export { styled };
+declare const tasty: typeof styled;
+export { styled, tasty };

package/types/test/index.d.ts

@@ -0,0 +1 @@
+export * from './utils';

package/types/test/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './wait';

package/types/test/utils/wait.d.ts

@@ -0,0 +1 @@
+export declare function wait(timeout?: number): Promise<void>;