@televet/kibble-ui 2.1.2 → 2.1.3-beta.86796dgae.1

package/build/components/Menu/components/MenuItem/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuItem.component-f9f142c2.js");require("../../../../tslib.es6-194b75fc.js"),require("react"),require("../../../../menu.config-14739188.js"),require("../../../../text.component-30355fe6.js"),require("../../../../withTruncation-a7b4edf1.js"),require("../../../../tooltip.component-76a21c48.js"),require("../../../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../../../motion-b6060749.js"),require("../../../../index-6cdfadbe.js"),require("../../../../chakra-ui-layout.esm-6ee578f7.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../checkbox.component-b2d6ac56.js"),require("../../../../withFormControl-1971ad8f.js"),require("../../../../useTheme-8873c39f.js"),require("../../../../icon.component-729a7547.js"),require("../../../../icons/index.js"),require("../../../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../../../chakra-ui-checkbox.esm-499c8b0c.js"),require("../../../../chakra-ui-menu.esm-fe9ef385.js"),require("../../../../chakra-ui-clickable.esm-4394877f.js"),exports.MenuItem=e.MenuItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuItem.component-43abe6c8.js");require("../../../../tslib.es6-d6f17add.js"),require("react"),require("../../../../menu.config-14739188.js"),require("../../../../text.component-057889c3.js"),require("../../../../withTruncation-60a6b552.js"),require("../../../../tooltip.component-197bff7c.js"),require("../../../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../../../motion-7de675ca.js"),require("../../../../index-5a9be08d.js"),require("../../../../chakra-ui-layout.esm-6ee578f7.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../checkbox.component-da6a6274.js"),require("../../../../withFormControl-238d7eec.js"),require("../../../../useTheme-8873c39f.js"),require("../../../../icon.component-729a7547.js"),require("../../../../icons/index.js"),require("../../../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../../../chakra-ui-menu.esm-1ed98193.js"),require("../../../../chakra-ui-clickable.esm-4394877f.js"),exports.MenuItem=e.MenuItem;
 //# sourceMappingURL=index.js.map

package/build/components/Menu/components/MenuItem/menuItem.argTypes.d.ts

@@ -1,15 +1,3 @@
-export declare const menuItemArgTypes: {
-    children: any;
-    closeOnSelect: any;
-    groupLabel: any;
-    isDisabled: any;
-    isMultiSelect: any;
-    isPlaceholder: any;
-    isSelected: any;
-    label: any;
-    leftElement: any;
-    itemOnSelect: any;
-    shouldRetainSelection: any;
-    shouldTruncateText: any;
-    value: any;
-};
+import { KibbleArgTypes } from '../../../../shared/types/storybook';
+import { KMenuItemProps } from './menuItem.component';
+export declare const menuItemArgTypes: KibbleArgTypes<KMenuItemProps>;

package/build/components/Menu/components/MenuItem/menuItem.component.d.ts

@@ -1,23 +1,26 @@
 import { ReactNode, MutableRefObject, KeyboardEvent, ReactElement } from 'react';
 import { TypographyVariant } from '../../../../shared/types';
-export interface MenuItemProps {
-    canSelectAll?: boolean;
+export interface KMenuItemProps {
     children?: ReactNode;
     closeOnSelect?: boolean;
     groupLabel?: string;
-    handleKeyboardNavigation?: (e: KeyboardEvent<HTMLDivElement>, elementIsInputField: boolean) => void;
     isDisabled?: boolean;
     isMultiSelect?: boolean;
+    isPlaceholder?: boolean;
     isSelected?: boolean;
-    itemIndex?: string;
     label?: string | ReactElement;
     leftElement?: ReactNode;
-    menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;
-    onSelect?: (selectedItem: MenuItemProps) => void;
+    onSelect?: (selectedItem: KMenuItemProps) => void;
     shouldRetainSelection?: boolean;
     shouldTruncateText?: boolean;
     value?: string;
-    isPlaceholder?: boolean;
     variant?: TypographyVariant;
 }
-export declare const MenuItem: ({ canSelectAll, children, groupLabel, handleKeyboardNavigation, isDisabled, isMultiSelect, isPlaceholder, closeOnSelect, isSelected, itemIndex, label, leftElement, menuItemRefs, onSelect, shouldRetainSelection, shouldTruncateText, value, variant, ...rest }: MenuItemProps) => JSX.Element;
+export interface ControlledMenuItemProps {
+    canSelectAll?: boolean;
+    handleKeyboardNavigation?: (e: KeyboardEvent<HTMLDivElement>, elementIsInputField: boolean) => void;
+    menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;
+    itemIndex?: string;
+}
+export type MenuItemProps = KMenuItemProps & ControlledMenuItemProps;
+export declare const MenuItem: ({ canSelectAll, children, isMultiSelect, closeOnSelect, groupLabel, handleKeyboardNavigation, isDisabled, isPlaceholder, isSelected, itemIndex, label, leftElement, menuItemRefs, onSelect, shouldRetainSelection, shouldTruncateText, value, variant, ...rest }: MenuItemProps) => JSX.Element;

package/build/components/Menu/components/MenuItem/menuItem.stories.d.ts

@@ -1,32 +1,18 @@
 /// <reference types="react" />
-import { MenuItemProps } from './menuItem.component';
+import { MenuItemProps as KMenuItemProps } from './menuItem.component';
 declare const _default: {
     title: string;
-    component: ({ canSelectAll, children, groupLabel, handleKeyboardNavigation, isDisabled, isMultiSelect, isPlaceholder, closeOnSelect, isSelected, itemIndex, label, leftElement, menuItemRefs, onSelect, shouldRetainSelection, shouldTruncateText, value, variant, ...rest }: MenuItemProps) => JSX.Element;
+    component: ({ canSelectAll, children, isMultiSelect, closeOnSelect, groupLabel, handleKeyboardNavigation, isDisabled, isPlaceholder, isSelected, itemIndex, label, leftElement, menuItemRefs, onSelect, shouldRetainSelection, shouldTruncateText, value, variant, ...rest }: KMenuItemProps) => JSX.Element;
     parameters: {
         controls: {
             sort: string;
         };
         height: string;
     };
-    argTypes: {
-        children: any;
-        closeOnSelect: any;
-        groupLabel: any;
-        isDisabled: any;
-        isMultiSelect: any;
-        isPlaceholder: any;
-        isSelected: any;
-        label: any;
-        leftElement: any;
-        itemOnSelect: any;
-        shouldRetainSelection: any;
-        shouldTruncateText: any;
-        value: any;
-    };
+    argTypes: import("../../../../shared/types/storybook").KibbleArgTypes<import("./menuItem.component").KMenuItemProps>;
 };
 export default _default;
-export declare const BasicMenuItem: {
-    (args: MenuItemProps): JSX.Element;
-    args: Partial<MenuItemProps>;
+export declare const MenuItem: {
+    (args: Partial<KMenuItemProps>): JSX.Element;
+    args: Partial<KMenuItemProps>;
 };

package/build/components/Menu/components/MenuList/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuList.component-fa80fe83.js");require("../../../../tslib.es6-194b75fc.js"),require("react"),require("../../../../heading.component-198f40a3.js"),require("../../../../withTruncation-a7b4edf1.js"),require("../../../../tooltip.component-76a21c48.js"),require("../../../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../../../motion-b6060749.js"),require("../../../../index-6cdfadbe.js"),require("../../../../chakra-ui-layout.esm-6ee578f7.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../text.component-30355fe6.js"),require("../../../../menuItem.component-f9f142c2.js"),require("../../../../menu.config-14739188.js"),require("../../../../checkbox.component-b2d6ac56.js"),require("../../../../withFormControl-1971ad8f.js"),require("../../../../useTheme-8873c39f.js"),require("../../../../icon.component-729a7547.js"),require("../../../../icons/index.js"),require("../../../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../../../chakra-ui-checkbox.esm-499c8b0c.js"),require("../../../../chakra-ui-menu.esm-fe9ef385.js"),require("../../../../chakra-ui-clickable.esm-4394877f.js"),require("../../../../textInput.component-d63fb051.js"),require("../../../../chakra-ui-button.esm-bd065780.js"),require("../../../../chakra-ui-input.esm-5fd07056.js"),require("../../../../button.component-957d9e9f.js"),require("../../../../menu.context-22d23674.js"),exports.MenuList=e.MenuList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuList.component-26937536.js");require("../../../../tslib.es6-d6f17add.js"),require("react"),require("../../../../heading.component-e55f8364.js"),require("../../../../withTruncation-60a6b552.js"),require("../../../../tooltip.component-197bff7c.js"),require("../../../../chakra-ui-popper.esm-c15ff4a5.js"),require("../../../../chakra-ui-system.esm-c70df670.js"),require("../../../../chakra-ui-portal.esm-bbcb5d1d.js"),require("../../../../chakra-ui-hooks.esm-21b313f3.js"),require("../../../../use-animation-state-5054a9f7.esm-c89cafc4.js"),require("react-dom"),require("../../../../chakra-ui-visually-hidden.esm-b758df74.js"),require("../../../../motion-7de675ca.js"),require("../../../../index-5a9be08d.js"),require("../../../../chakra-ui-layout.esm-6ee578f7.js"),require("../../../../chakra-ui-icon.esm-9c49b31b.js"),require("../../../../text.component-057889c3.js"),require("../../../../menuItem.component-43abe6c8.js"),require("../../../../menu.config-14739188.js"),require("../../../../checkbox.component-da6a6274.js"),require("../../../../withFormControl-238d7eec.js"),require("../../../../useTheme-8873c39f.js"),require("../../../../icon.component-729a7547.js"),require("../../../../icons/index.js"),require("../../../../chakra-ui-form-control.esm-6d25b1a4.js"),require("../../../../chakra-ui-checkbox.esm-4cded6a7.js"),require("../../../../chakra-ui-menu.esm-1ed98193.js"),require("../../../../chakra-ui-clickable.esm-4394877f.js"),require("../../../../textInput.component-103a9118.js"),require("../../../../chakra-ui-button.esm-bd065780.js"),require("../../../../chakra-ui-input.esm-5fd07056.js"),require("../../../../button.component-31667514.js"),require("../../../../menu.context-22d23674.js"),require("../../../../spinner.component-39040867.js"),exports.MenuList=e.MenuList;
 //# sourceMappingURL=index.js.map

package/build/components/Menu/components/MenuList/menuList.argTypes.d.ts

@@ -1,16 +1,3 @@
-export declare const menuListArgTypes: {
-    canSelectAll: any;
-    canSelectGroups: any;
-    isGrouped: any;
-    isMultiSelect: any;
-    isSearchable: any;
-    maxW: any;
-    minW: any;
-    maxH: any;
-    menuItems: any;
-    menuOnSelect: any;
-    onSelectAll: any;
-    searchPlaceholder: any;
-    shouldRetainSelection: any;
-    shouldTruncateText: any;
-};
+import { KibbleArgTypes } from '../../../../shared/types/storybook';
+import { KMenuListProps } from './menuList.component';
+export declare const menuListArgTypes: KibbleArgTypes<KMenuListProps>;

package/build/components/Menu/components/MenuList/menuList.component.d.ts

@@ -1,9 +1,11 @@
 import { MenuListProps as CMenuListProps } from '@chakra-ui/react';
 import { MenuItemProps } from '../MenuItem/menuItem.component';
-export interface MenuListProps extends Omit<CMenuListProps, 'onSelect'> {
+export interface KMenuListProps {
     canSelectAll?: boolean;
     canSelectGroups?: boolean;
     isGrouped?: boolean;
+    isLoading?: boolean;
+    isMatchWidthSet?: boolean;
     isMultiSelect?: boolean;
     isSearchable?: boolean;
     menuItems?: MenuItemProps[];
@@ -11,7 +13,7 @@ export interface MenuListProps extends Omit<CMenuListProps, 'onSelect'> {
     onSelectAll?: ((selectedItems: MenuItemProps[]) => void) | ((selectedItems: MenuItemProps[]) => Promise<void>);
     searchPlaceholder?: string;
     shouldRetainSelection?: boolean;
-    isMatchWidthSet?: boolean;
     shouldTruncateText?: boolean;
 }
-export declare const MenuList: ({ canSelectAll, canSelectGroups, children, isGrouped, isMatchWidthSet, isMultiSelect, isSearchable, menuItems, onSelect, onSelectAll, searchPlaceholder, shouldRetainSelection, shouldTruncateText, minW, maxW, maxH, ...rest }: MenuListProps) => JSX.Element;
+export type MenuListProps = KMenuListProps & Omit<CMenuListProps, 'onSelect'>;
+export declare const MenuList: ({ canSelectAll, canSelectGroups, children, isGrouped, isMatchWidthSet, isMultiSelect, isSearchable, isLoading, menuItems, onSelect, onSelectAll, searchPlaceholder, shouldRetainSelection, shouldTruncateText, minW, maxW, maxH, ...rest }: MenuListProps) => JSX.Element;

package/build/components/Menu/components/MenuList/menuList.stories.d.ts

@@ -1,33 +1,18 @@
 /// <reference types="react" />
-import { MenuListProps } from './menuList.component';
+import { KMenuListProps } from './menuList.component';
 declare const _default: {
     title: string;
-    component: ({ canSelectAll, canSelectGroups, children, isGrouped, isMatchWidthSet, isMultiSelect, isSearchable, menuItems, onSelect, onSelectAll, searchPlaceholder, shouldRetainSelection, shouldTruncateText, minW, maxW, maxH, ...rest }: MenuListProps) => JSX.Element;
+    component: ({ canSelectAll, canSelectGroups, children, isGrouped, isMatchWidthSet, isMultiSelect, isSearchable, isLoading, menuItems, onSelect, onSelectAll, searchPlaceholder, shouldRetainSelection, shouldTruncateText, minW, maxW, maxH, ...rest }: import("./menuList.component").MenuListProps) => JSX.Element;
     parameters: {
         controls: {
             sort: string;
         };
         height: string;
     };
-    argTypes: {
-        canSelectAll: any;
-        canSelectGroups: any;
-        isGrouped: any;
-        isMultiSelect: any;
-        isSearchable: any;
-        maxW: any;
-        minW: any;
-        maxH: any;
-        menuItems: any;
-        menuOnSelect: any;
-        onSelectAll: any;
-        searchPlaceholder: any;
-        shouldRetainSelection: any;
-        shouldTruncateText: any;
-    };
+    argTypes: import("../../../../shared/types/storybook").KibbleArgTypes<KMenuListProps>;
 };
 export default _default;
-export declare const BasicMenuList: {
-    (args: MenuListProps): JSX.Element;
-    args: Partial<MenuListProps>;
+export declare const MenuList: {
+    (args: KMenuListProps): JSX.Element;
+    args: KMenuListProps;
 };

package/build/components/Menu/examples/withAvatars.stories.d.ts

@@ -2,93 +2,14 @@
 import { MenuProps } from '../menu.component';
 declare const _default: {
     title: string;
-    component: ({ buttonProps, CustomTriggerElement, listProps, containerProps, ...props }: MenuProps) => JSX.Element;
+    component: ({ buttonProps, customTriggerElement, listProps, containerProps, ...props }: MenuProps) => JSX.Element;
     parameters: {
         controls: {
             sort: string;
         };
         height: string;
     };
-    argTypes: {
-        children: any;
-        closeOnSelect: any;
-        groupLabel: any;
-        isDisabled: any;
-        isMultiSelect: any;
-        isPlaceholder: any;
-        isSelected: any;
-        label: any;
-        leftElement: any;
-        itemOnSelect: any;
-        shouldRetainSelection: any;
-        shouldTruncateText: any;
-        value: any;
-        canSelectAll: any;
-        canSelectGroups: any;
-        isGrouped: any;
-        isSearchable: any;
-        maxW: any;
-        minW: any;
-        maxH: any;
-        menuItems: any;
-        menuOnSelect: any;
-        onSelectAll: any;
-        searchPlaceholder: any;
-        autoSelect: any;
-        closeOnBlur: any;
-        defaultIsOpen: any;
-        flip: any;
-        gutter: any;
-        isLazy: any;
-        isOpen: any;
-        matchWidth: any;
-        offset: any;
-        onOpen: any;
-        onClose: any;
-        placement: any;
-        leftIconName: any;
-        rightIconName: any;
-        showRightIcon: any;
-        size: any;
-        text: any;
-        variant: any;
-        buttonProps: {
-            control: {
-                type: string;
-            };
-            table: {
-                summary: {
-                    variant: string;
-                    size: string;
-                };
-            };
-            description: string;
-        };
-        listProps: {
-            control: {
-                type: string;
-            };
-            table: {
-                summary: {
-                    variant: string;
-                    size: string;
-                };
-            };
-            description: string;
-        };
-        containerProps: {
-            control: {
-                type: string;
-            };
-            table: {
-                summary: {
-                    variant: string;
-                    size: string;
-                };
-            };
-            description: string;
-        };
-    };
+    argTypes: import("../../../shared/types/storybook").KibbleArgTypes<import("../menu.component").KMenuProps>;
 };
 export default _default;
 export declare const WithAvatars: {

package/build/components/Menu/examples/withCustomChildren.stories.d.ts

@@ -2,93 +2,14 @@
 import { MenuProps } from '../menu.component';
 declare const _default: {
     title: string;
-    component: ({ buttonProps, CustomTriggerElement, listProps, containerProps, ...props }: MenuProps) => JSX.Element;
+    component: ({ buttonProps, customTriggerElement, listProps, containerProps, ...props }: MenuProps) => JSX.Element;
     parameters: {
         controls: {
             sort: string;
         };
         height: string;
     };
-    argTypes: {
-        children: any;
-        closeOnSelect: any;
-        groupLabel: any;
-        isDisabled: any;
-        isMultiSelect: any;
-        isPlaceholder: any;
-        isSelected: any;
-        label: any;
-        leftElement: any;
-        itemOnSelect: any;
-        shouldRetainSelection: any;
-        shouldTruncateText: any;
-        value: any;
-        canSelectAll: any;
-        canSelectGroups: any;
-        isGrouped: any;
-        isSearchable: any;
-        maxW: any;
-        minW: any;
-        maxH: any;
-        menuItems: any;
-        menuOnSelect: any;
-        onSelectAll: any;
-        searchPlaceholder: any;
-        autoSelect: any;
-        closeOnBlur: any;
-        defaultIsOpen: any;
-        flip: any;
-        gutter: any;
-        isLazy: any;
-        isOpen: any;
-        matchWidth: any;
-        offset: any;
-        onOpen: any;
-        onClose: any;
-        placement: any;
-        leftIconName: any;
-        rightIconName: any;
-        showRightIcon: any;
-        size: any;
-        text: any;
-        variant: any;
-        buttonProps: {
-            control: {
-                type: string;
-            };
-            table: {
-                summary: {
-                    variant: string;
-                    size: string;
-                };
-            };
-            description: string;
-        };
-        listProps: {
-            control: {
-                type: string;
-            };
-            table: {
-                summary: {
-                    variant: string;
-                    size: string;
-                };
-            };
-            description: string;
-        };
-        containerProps: {
-            control: {
-                type: string;
-            };
-            table: {
-                summary: {
-                    variant: string;
-                    size: string;
-                };
-            };
-            description: string;
-        };
-    };
+    argTypes: import("../../../shared/types/storybook").KibbleArgTypes<import("../menu.component").KMenuProps>;
 };
 export default _default;
 export declare const WithCustomChildrenItems: {

package/build/components/Menu/examples/withCustomLabel.stories.d.ts

@@ -2,93 +2,14 @@
 import { MenuProps } from '../menu.component';
 declare const _default: {
     title: string;
-    component: ({ buttonProps, CustomTriggerElement, listProps, containerProps, ...props }: MenuProps) => JSX.Element;
+    component: ({ buttonProps, customTriggerElement, listProps, containerProps, ...props }: MenuProps) => JSX.Element;
     parameters: {
         controls: {
             sort: string;
         };
         height: string;
     };
-    argTypes: {
-        children: any;
-        closeOnSelect: any;
-        groupLabel: any;
-        isDisabled: any;
-        isMultiSelect: any;
-        isPlaceholder: any;
-        isSelected: any;
-        label: any;
-        leftElement: any;
-        itemOnSelect: any;
-        shouldRetainSelection: any;
-        shouldTruncateText: any;
-        value: any;
-        canSelectAll: any;
-        canSelectGroups: any;
-        isGrouped: any;
-        isSearchable: any;
-        maxW: any;
-        minW: any;
-        maxH: any;
-        menuItems: any;
-        menuOnSelect: any;
-        onSelectAll: any;
-        searchPlaceholder: any;
-        autoSelect: any;
-        closeOnBlur: any;
-        defaultIsOpen: any;
-        flip: any;
-        gutter: any;
-        isLazy: any;
-        isOpen: any;
-        matchWidth: any;
-        offset: any;
-        onOpen: any;
-        onClose: any;
-        placement: any;
-        leftIconName: any;
-        rightIconName: any;
-        showRightIcon: any;
-        size: any;
-        text: any;
-        variant: any;
-        buttonProps: {
-            control: {
-                type: string;
-            };
-            table: {
-                summary: {
-                    variant: string;
-                    size: string;
-                };
-            };
-            description: string;
-        };
-        listProps: {
-            control: {
-                type: string;
-            };
-            table: {
-                summary: {
-                    variant: string;
-                    size: string;
-                };
-            };
-            description: string;
-        };
-        containerProps: {
-            control: {
-                type: string;
-            };
-            table: {
-                summary: {
-                    variant: string;
-                    size: string;
-                };
-            };
-            description: string;
-        };
-    };
+    argTypes: import("../../../shared/types/storybook").KibbleArgTypes<import("../menu.component").KMenuProps>;
 };
 export default _default;
 export declare const WithCustomLabel: {

package/build/components/Menu/examples/withGroups.stories.d.ts

@@ -2,93 +2,14 @@
 import { MenuProps } from '../menu.component';
 declare const _default: {
     title: string;
-    component: ({ buttonProps, CustomTriggerElement, listProps, containerProps, ...props }: MenuProps) => JSX.Element;
+    component: ({ buttonProps, customTriggerElement, listProps, containerProps, ...props }: MenuProps) => JSX.Element;
     parameters: {
         controls: {
             sort: string;
         };
         height: string;
     };
-    argTypes: {
-        children: any;
-        closeOnSelect: any;
-        groupLabel: any;
-        isDisabled: any;
-        isMultiSelect: any;
-        isPlaceholder: any;
-        isSelected: any;
-        label: any;
-        leftElement: any;
-        itemOnSelect: any;
-        shouldRetainSelection: any;
-        shouldTruncateText: any;
-        value: any;
-        canSelectAll: any;
-        canSelectGroups: any;
-        isGrouped: any;
-        isSearchable: any;
-        maxW: any;
-        minW: any;
-        maxH: any;
-        menuItems: any;
-        menuOnSelect: any;
-        onSelectAll: any;
-        searchPlaceholder: any;
-        autoSelect: any;
-        closeOnBlur: any;
-        defaultIsOpen: any;
-        flip: any;
-        gutter: any;
-        isLazy: any;
-        isOpen: any;
-        matchWidth: any;
-        offset: any;
-        onOpen: any;
-        onClose: any;
-        placement: any;
-        leftIconName: any;
-        rightIconName: any;
-        showRightIcon: any;
-        size: any;
-        text: any;
-        variant: any;
-        buttonProps: {
-            control: {
-                type: string;
-            };
-            table: {
-                summary: {
-                    variant: string;
-                    size: string;
-                };
-            };
-            description: string;
-        };
-        listProps: {
-            control: {
-                type: string;
-            };
-            table: {
-                summary: {
-                    variant: string;
-                    size: string;
-                };
-            };
-            description: string;
-        };
-        containerProps: {
-            control: {
-                type: string;
-            };
-            table: {
-                summary: {
-                    variant: string;
-                    size: string;
-                };
-            };
-            description: string;
-        };
-    };
+    argTypes: import("../../../shared/types/storybook").KibbleArgTypes<import("../menu.component").KMenuProps>;
 };
 export default _default;
 export declare const WithGroups: {