@cube-dev/ui-kit 0.0.0-canary-fbe97b0 → 0.0.0-canary-d1e665a

package/es/utils/escape-string.js

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

package/es/utils/filterBaseProps.js

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

package/es/utils/index.js

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

package/es/utils/interactions.js

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

package/es/utils/mergeStyles.js

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

package/es/utils/modules.js

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

package/es/utils/promise.js

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

package/es/utils/react/Slots.js

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

package/es/utils/react/chain.js

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

package/es/utils/react/index.js

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

package/es/utils/react/isTextOnly.js

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

package/es/utils/react/mapProps.js

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

package/es/utils/react/mergeProps.js

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

package/es/utils/react/modAttrs.js

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

package/es/utils/react/nullableValue.js

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

package/es/utils/react/useCombinedRefs.js

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

package/es/utils/react/useId.js

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

package/es/utils/react/useLayoutEffect.js

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

package/es/utils/react/wrapNodeIfPlain.js

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

package/es/utils/renderStyles.js

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

package/es/utils/responsive.js

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

package/es/utils/string.js

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

package/es/utils/styles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-fbe97b0
+ * @cube-dev/ui-kit v0.0.0-canary-d1e665a
  * 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.0.0-canary-fbe97b0
+ * @cube-dev/ui-kit v0.0.0-canary-d1e665a
  * 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.0.0-canary-fbe97b0
+ * @cube-dev/ui-kit v0.0.0-canary-d1e665a
  * 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.0.0-canary-fbe97b0
+ * @cube-dev/ui-kit v0.0.0-canary-d1e665a
  * Released under the MIT license.
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-fbe97b0",
+  "version": "0.0.0-canary-d1e665a",
   "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",

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,26 @@
+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) => 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/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';