@commercetools/nimbus 2.0.1 → 2.1.0

package/dist/components/localized-field/localized-field.types.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode, FocusEvent } from 'react';
-import { TValue, TCustomEvent, TCurrencyCode } from '../money-input';
+import { MoneyInputValue, CustomEvent, CurrencyCode } from '../money-input';
 import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
+import { OmitInternalProps } from '../../type-utils/omit-props';
 type LocalizedFieldRecipeProps = {
     /** Size variant of the localized field */
     size?: SlotRecipeProps<"localizedField">["size"];
@@ -46,7 +47,7 @@ export type LocalizedString = {
  * }
  */
 export type LocalizedCurrency = {
-    [currencyCode: string]: TValue | undefined;
+    [currencyCode: string]: MoneyInputValue | undefined;
 };
 /**
  * Object that maps field data to a specific locale.
@@ -62,11 +63,11 @@ export type LocalizedFieldChangeEvent = {
         id?: string;
         name?: string;
         locale?: string;
-        currency?: TCurrencyCode;
-        value: TCustomEvent["target"]["value"];
+        currency?: CurrencyCode;
+        value: CustomEvent["target"]["value"];
     };
 };
-export type LocalizedFieldProps = LocalizedFieldRecipeVariantProps & Omit<LocalizedFieldRootSlotProps, "onChange" | "onBlur" | "onFocus" | "size"> & {
+export type LocalizedFieldProps = LocalizedFieldRecipeVariantProps & OmitInternalProps<LocalizedFieldRootSlotProps, "onChange" | "onBlur" | "onFocus" | "size"> & {
     /**
      * Type of input displayed in locale fields
      * default: 'text'
@@ -85,7 +86,7 @@ export type LocalizedFieldProps = LocalizedFieldRecipeVariantProps & Omit<Locali
      */
     name?: string;
     /** Locale or currency whose input field is displayed when field group is collapsed */
-    defaultLocaleOrCurrency: string | TCurrencyCode;
+    defaultLocaleOrCurrency: string | CurrencyCode;
     /** Input values for each locale or currency */
     valuesByLocaleOrCurrency: LocalizedString | LocalizedCurrency;
     /** Input placeholders for each locale or currency */
@@ -149,9 +150,9 @@ export type LocalizedFieldProps = LocalizedFieldRecipeVariantProps & Omit<Locali
     /** Change handler for each locale's input */
     onChange: (e: LocalizedFieldChangeEvent) => void;
     /** Blur handler for each locale's input */
-    onBlur?: (e: FocusEvent<Element, Element> | TCustomEvent, locale: string) => void;
+    onBlur?: (e: FocusEvent<Element, Element> | CustomEvent, locale: string) => void;
     /** Focus handler for each locale's input */
-    onFocus?: (e: FocusEvent<Element, Element> | TCustomEvent, locale: string) => void;
+    onFocus?: (e: FocusEvent<Element, Element> | CustomEvent, locale: string) => void;
     /**
      * Controls whether field group is expanded on mount.
      * Default: `false` (closed)
@@ -174,8 +175,8 @@ export type LocalizedFieldProps = LocalizedFieldRecipeVariantProps & Omit<Locali
 };
 /** internal type for object containing all data for a single locale */
 export type MergedLocaleFieldData = {
-    localeOrCurrency: string | TCurrencyCode;
-    inputValue: string | TValue | undefined;
+    localeOrCurrency: string | CurrencyCode;
+    inputValue: string | MoneyInputValue | undefined;
     placeholder?: string;
     description?: ReactNode;
     warning?: ReactNode;

package/dist/components/localized-field/utils/localized-field.utils.d.ts

@@ -1,4 +1,4 @@
-import { TCurrencyCode, TValue, TMoneyValue, TFieldErrors } from '../..';
+import { CurrencyCode, MoneyInputValue, MoneyValue, FieldErrorsData } from '../..';
 import { LocalizedString } from '../localized-field.types';
 type LanguagesSplitByDefaultLocale = {
     related: string[];
@@ -8,14 +8,14 @@ type TouchedLocalizedString = {
     [locale: string]: boolean;
 };
 type CustomFormikErrors<Values> = {
-    [K in keyof Values]?: TFieldErrors;
+    [K in keyof Values]?: FieldErrorsData;
 };
 export declare const RequiredValueErrorMessage: () => import("react/jsx-runtime").JSX.Element;
 export declare const getLocaleFieldAttribute: (fieldGroupAttr?: string, locale?: string) => string | undefined;
 export declare const getLanguageForLocale: (locale: string) => string;
 export declare const splitLanguages: (defaultLocale: string, locales: string[]) => LanguagesSplitByDefaultLocale;
 export declare const sortLocalesByDefaultLocaleLanguage: (defaultLocale: string, allLocales: string[]) => string[];
-export declare const sortCurrencies: (defaultCurrency: TCurrencyCode, allCurrencies: TCurrencyCode[]) => ("ADP" | "AED" | "AFA" | "AFN" | "ALL" | "AMD" | "ANG" | "AOA" | "ARS" | "ATS" | "AUD" | "AWG" | "AYM" | "AZM" | "AZN" | "BAM" | "BBD" | "BDT" | "BEF" | "BGL" | "BGN" | "BHD" | "BIF" | "BMD" | "BND" | "BOB" | "BOV" | "BRL" | "BSD" | "BTN" | "BWP" | "BYB" | "BYN" | "BYR" | "BZD" | "CAD" | "CDF" | "CHF" | "CLF" | "CLP" | "CNY" | "COP" | "CRC" | "CSD" | "CUC" | "CUP" | "CVE" | "CYP" | "CZK" | "DEM" | "DJF" | "DKK" | "DOP" | "DZD" | "EEK" | "EGP" | "ERN" | "ESP" | "ETB" | "EUR" | "FIM" | "FJD" | "FKP" | "FRF" | "GBP" | "GEL" | "GHC" | "GHS" | "GIP" | "GMD" | "GNF" | "GRD" | "GTQ" | "GWP" | "GYD" | "HKD" | "HNL" | "HRK" | "HTG" | "HUF" | "IDR" | "IEP" | "ILS" | "INR" | "IQD" | "IRR" | "ISK" | "ITL" | "JMD" | "JOD" | "JPY" | "KES" | "KGS" | "KHR" | "KMF" | "KPW" | "KRW" | "KWD" | "KYD" | "KZT" | "LAK" | "LBP" | "LKR" | "LRD" | "LSL" | "LTL" | "LUF" | "LVL" | "LYD" | "MAD" | "MDL" | "MGA" | "MGF" | "MKD" | "MMK" | "MNT" | "MOP" | "MRO" | "MTL" | "MUR" | "MVR" | "MWK" | "MXN" | "MXV" | "MYR" | "MZM" | "MZN" | "NAD" | "NGN" | "NIO" | "NLG" | "NOK" | "NPR" | "NZD" | "OMR" | "PAB" | "PEN" | "PGK" | "PHP" | "PKR" | "PLN" | "PTE" | "PYG" | "QAR" | "ROL" | "RON" | "RSD" | "RUB" | "RUR" | "RWF" | "SAR" | "SBD" | "SCR" | "SDD" | "SDG" | "SEK" | "SGD" | "SHP" | "SIT" | "SKK" | "SLL" | "SOS" | "SRD" | "SRG" | "SSP" | "STD" | "SVC" | "SYP" | "SZL" | "THB" | "TJS" | "TMM" | "TMT" | "TND" | "TOP" | "TPE" | "TRL" | "TRY" | "TTD" | "TWD" | "TZS" | "UAH" | "UGX" | "USD" | "USN" | "USS" | "UYU" | "UZS" | "VEB" | "VEF" | "VND" | "VUV" | "WST" | "XAF" | "XAG" | "XAU" | "XBA" | "XBB" | "XBC" | "XBD" | "XCD" | "XDR" | "XFO" | "XFU" | "XOF" | "XPD" | "XPF" | "XPT" | "XSU" | "XTS" | "XUA" | "XXX" | "YER" | "YUM" | "ZAR" | "ZMK" | "ZMW" | "ZWD" | "ZWL" | "ZWN" | "ZWR")[];
+export declare const sortCurrencies: (defaultCurrency: CurrencyCode, allCurrencies: CurrencyCode[]) => ("ADP" | "AED" | "AFA" | "AFN" | "ALL" | "AMD" | "ANG" | "AOA" | "ARS" | "ATS" | "AUD" | "AWG" | "AYM" | "AZM" | "AZN" | "BAM" | "BBD" | "BDT" | "BEF" | "BGL" | "BGN" | "BHD" | "BIF" | "BMD" | "BND" | "BOB" | "BOV" | "BRL" | "BSD" | "BTN" | "BWP" | "BYB" | "BYN" | "BYR" | "BZD" | "CAD" | "CDF" | "CHF" | "CLF" | "CLP" | "CNY" | "COP" | "CRC" | "CSD" | "CUC" | "CUP" | "CVE" | "CYP" | "CZK" | "DEM" | "DJF" | "DKK" | "DOP" | "DZD" | "EEK" | "EGP" | "ERN" | "ESP" | "ETB" | "EUR" | "FIM" | "FJD" | "FKP" | "FRF" | "GBP" | "GEL" | "GHC" | "GHS" | "GIP" | "GMD" | "GNF" | "GRD" | "GTQ" | "GWP" | "GYD" | "HKD" | "HNL" | "HRK" | "HTG" | "HUF" | "IDR" | "IEP" | "ILS" | "INR" | "IQD" | "IRR" | "ISK" | "ITL" | "JMD" | "JOD" | "JPY" | "KES" | "KGS" | "KHR" | "KMF" | "KPW" | "KRW" | "KWD" | "KYD" | "KZT" | "LAK" | "LBP" | "LKR" | "LRD" | "LSL" | "LTL" | "LUF" | "LVL" | "LYD" | "MAD" | "MDL" | "MGA" | "MGF" | "MKD" | "MMK" | "MNT" | "MOP" | "MRO" | "MTL" | "MUR" | "MVR" | "MWK" | "MXN" | "MXV" | "MYR" | "MZM" | "MZN" | "NAD" | "NGN" | "NIO" | "NLG" | "NOK" | "NPR" | "NZD" | "OMR" | "PAB" | "PEN" | "PGK" | "PHP" | "PKR" | "PLN" | "PTE" | "PYG" | "QAR" | "ROL" | "RON" | "RSD" | "RUB" | "RUR" | "RWF" | "SAR" | "SBD" | "SCR" | "SDD" | "SDG" | "SEK" | "SGD" | "SHP" | "SIT" | "SKK" | "SLL" | "SOS" | "SRD" | "SRG" | "SSP" | "STD" | "SVC" | "SYP" | "SZL" | "THB" | "TJS" | "TMM" | "TMT" | "TND" | "TOP" | "TPE" | "TRL" | "TRY" | "TTD" | "TWD" | "TZS" | "UAH" | "UGX" | "USD" | "USN" | "USS" | "UYU" | "UZS" | "VEB" | "VEF" | "VND" | "VUV" | "WST" | "XAF" | "XAG" | "XAU" | "XBA" | "XBB" | "XBC" | "XBD" | "XCD" | "XDR" | "XFO" | "XFU" | "XOF" | "XPD" | "XPF" | "XPT" | "XSU" | "XTS" | "XUA" | "XXX" | "YER" | "YUM" | "ZAR" | "ZMK" | "ZMW" | "ZWD" | "ZWL" | "ZWN" | "ZWR")[];
 export declare const getHasInvalidLocalizedFields: <TErrors extends object>(errors?: TErrors, defaultLocaleOrCurrency?: string) => boolean;
 export declare const createLocalizedString: (locales: string[], existingLocalizedString: LocalizedString) => LocalizedString;
 export declare const isEmpty: (localizedString?: LocalizedString) => boolean;
@@ -27,8 +27,8 @@ export declare const isTouched: (touched?: TouchedLocalizedString) => boolean;
  * This is primarly useful when using TypeScript.
  */
 export declare function toFieldErrors<FormValues>(errors: unknown): CustomFormikErrors<FormValues>;
-export declare const convertToMoneyValues: (values: TValue[], currency: string) => Array<TMoneyValue | null>;
-export declare const parseMoneyValues: (moneyValues: TMoneyValue[] | undefined, locale: string) => Record<TCurrencyCode, TValue>;
-export declare const getHighPrecisionCurrencies: (values: Record<TCurrencyCode, TValue>, locale: string) => TCurrencyCode[];
-export declare const getEmptyCurrencies: (values: Record<TCurrencyCode, TValue>) => TCurrencyCode[];
+export declare const convertToMoneyValues: (values: MoneyInputValue[], currency: string) => Array<MoneyValue | null>;
+export declare const parseMoneyValues: (moneyValues: MoneyValue[] | undefined, locale: string) => Record<CurrencyCode, MoneyInputValue>;
+export declare const getHighPrecisionCurrencies: (values: Record<CurrencyCode, MoneyInputValue>, locale: string) => CurrencyCode[];
+export declare const getEmptyCurrencies: (values: Record<CurrencyCode, MoneyInputValue>) => CurrencyCode[];
 export {};

package/dist/components/localized-field/utils/test-data.d.ts

@@ -149,7 +149,7 @@ export declare const singleValueStoryProps: {
     text: {
         fieldData: {
             values: {
-                en: string | import('../..').TValue | undefined;
+                en: string | import('../..').MoneyInputValue | undefined;
             };
             placeholders?: LocalizedString;
             descriptions?: LocalizedString;
@@ -175,7 +175,7 @@ export declare const singleValueStoryProps: {
     richText: {
         fieldData: {
             values: {
-                en: string | import('../..').TValue | undefined;
+                en: string | import('../..').MoneyInputValue | undefined;
             };
             placeholders?: LocalizedString;
             descriptions?: LocalizedString;

package/dist/components/localized-field.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("../chunks/localized-field-Cmwb6fmQ.cjs.js");exports.LocalizedField=e.LocalizedField;
+"use strict";const e=require("../chunks/localized-field-CtLqzEnl.cjs.js");exports.LocalizedField=e.LocalizedField;
 //# sourceMappingURL=localized-field.cjs.map

package/dist/components/localized-field.es.js

@@ -1,4 +1,4 @@
-import { L as a } from "../chunks/localized-field-Bp4N2Mvl.es.js";
+import { L as a } from "../chunks/localized-field-XLDcWlU1.es.js";
 export {
   a as LocalizedField
 };

package/dist/components/menu/components/index.d.ts

@@ -0,0 +1,7 @@
+export { MenuRoot } from './menu.root';
+export { MenuTrigger } from './menu.trigger';
+export { MenuContent } from './menu.content';
+export { MenuItem } from './menu.item';
+export { MenuSection } from './menu.section';
+export { MenuSubmenuTrigger } from './menu.submenu-trigger';
+export { MenuSubmenu } from './menu.submenu';

package/dist/components/menu/components/menu.content.d.ts

@@ -1,4 +1,9 @@
 import { MenuContentProps } from '../menu.types';
+/**
+ * Menu.Content - The popover container that displays menu items
+ *
+ * @supportsStyleProps
+ */
 export declare const MenuContent: {
     ({ children, placement: placementOverride, ref, }: MenuContentProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/menu/components/menu.item.d.ts

@@ -1,4 +1,9 @@
 import { MenuItemProps } from '../menu.types';
+/**
+ * Menu.Item - An individual menu item that can be selected
+ *
+ * @supportsStyleProps
+ */
 export declare const MenuItem: {
     ({ children, isCritical, ref, ...props }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/menu/components/menu.root.d.ts

@@ -1,4 +1,9 @@
 import { MenuRootProps } from '../menu.types';
+/**
+ * Menu.Root - Container component that provides configuration and state management
+ *
+ * @supportsStyleProps
+ */
 export declare const MenuRoot: {
     (props: MenuRootProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/menu/components/menu.section-label.d.ts

@@ -1,6 +1,8 @@
 import { MenuSectionLabelProps } from '../menu.types';
 /**
- * Used in MenuSection for rendering the `label` property.
+ * Menu.SectionLabel - Used in MenuSection for rendering the `label` property
+ *
+ * @supportsStyleProps
  */
 export declare const MenuSectionLabel: {
     ({ children, ref, ...props }: MenuSectionLabelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/menu/components/menu.section.d.ts

@@ -1,4 +1,9 @@
 import { MenuSectionProps } from '../menu.types';
+/**
+ * Menu.Section - Groups related menu items with an optional label
+ *
+ * @supportsStyleProps
+ */
 export declare const MenuSection: {
     <T extends object = object>({ children, ref, label, items, ...props }: MenuSectionProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/menu/components/menu.submenu-trigger.d.ts

@@ -1,4 +1,9 @@
 import { MenuSubmenuTriggerProps } from '../menu.types';
+/**
+ * Menu.SubmenuTrigger - The trigger element for opening a submenu
+ *
+ * @supportsStyleProps
+ */
 export declare const MenuSubmenuTrigger: {
     ({ children, ...props }: MenuSubmenuTriggerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/menu/components/menu.submenu.d.ts

@@ -1,4 +1,9 @@
 import { MenuSubmenuProps } from '../menu.types';
+/**
+ * Menu.Submenu - A nested menu that appears when hovering over or selecting a submenu trigger
+ *
+ * @supportsStyleProps
+ */
 export declare const MenuSubmenu: {
     ({ children, ...props }: MenuSubmenuProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/menu/components/menu.trigger.d.ts

@@ -1,4 +1,9 @@
 import { MenuTriggerProps } from '../menu.types';
+/**
+ * Menu.Trigger - The button or element that opens the menu when activated
+ *
+ * @supportsStyleProps
+ */
 export declare const MenuTrigger: {
     ({ children, asChild, ref, ...props }: MenuTriggerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/menu/menu.d.ts

@@ -1,36 +1,145 @@
-import { MenuRoot } from './components/menu.root';
-import { MenuTrigger } from './components/menu.trigger';
-import { MenuContent } from './components/menu.content';
-import { MenuItem } from './components/menu.item';
-import { MenuSection } from './components/menu.section';
-import { MenuSubmenuTrigger } from './components/menu.submenu-trigger';
-import { MenuSubmenu } from './components/menu.submenu';
-export type * from './menu.types';
+import { MenuRoot, MenuTrigger, MenuContent, MenuItem, MenuSection, MenuSubmenuTrigger, MenuSubmenu } from './components';
 export declare const Menu: {
+    /**
+     * # Menu.Root
+     *
+     * The root container component that provides configuration and state management
+     * for the entire menu. Wraps MenuTrigger and handles open/close state.
+     *
+     * @example
+     * ```tsx
+     * <Menu.Root onAction={(key) => console.log(key)}>
+     *   <Menu.Trigger>Options</Menu.Trigger>
+     *   <Menu.Content>
+     *     <Menu.Item id="edit">Edit</Menu.Item>
+     *   </Menu.Content>
+     * </Menu.Root>
+     * ```
+     */
     Root: {
         (props: import('./menu.types').MenuRootProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
+    /**
+     * # Menu.Trigger
+     *
+     * The button or element that opens the menu when activated.
+     * Supports custom trigger elements via the `asChild` prop.
+     *
+     * @example
+     * ```tsx
+     * <Menu.Root>
+     *   <Menu.Trigger>Open Menu</Menu.Trigger>
+     *   <Menu.Content>...</Menu.Content>
+     * </Menu.Root>
+     * ```
+     */
     Trigger: {
         ({ children, asChild, ref, ...props }: import('./menu.types').MenuTriggerProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
+    /**
+     * # Menu.Content
+     *
+     * The popover container that displays menu items. Automatically positions
+     * relative to the trigger and handles focus management.
+     *
+     * @example
+     * ```tsx
+     * <Menu.Root>
+     *   <Menu.Trigger>Options</Menu.Trigger>
+     *   <Menu.Content>
+     *     <Menu.Item id="save">Save</Menu.Item>
+     *     <Menu.Item id="delete">Delete</Menu.Item>
+     *   </Menu.Content>
+     * </Menu.Root>
+     * ```
+     */
     Content: {
         ({ children, placement: placementOverride, ref, }: import('./menu.types').MenuContentProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
+    /**
+     * # Menu.Item
+     *
+     * An individual menu item that can be selected. Supports icons, labels,
+     * descriptions, keyboard shortcuts, and critical styling.
+     *
+     * @example
+     * ```tsx
+     * <Menu.Item id="delete" isCritical>
+     *   <Icon slot="icon"><Icons.Delete /></Icon>
+     *   <Text slot="label">Delete</Text>
+     *   <Text slot="description">Remove permanently</Text>
+     *   <Kbd slot="keyboard">⌘⌫</Kbd>
+     * </Menu.Item>
+     * ```
+     */
     Item: {
         ({ children, isCritical, ref, ...props }: import('./menu.types').MenuItemProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
+    /**
+     * # Menu.Section
+     *
+     * Groups related menu items with an optional label. Supports selection modes
+     * for single or multiple selections within the section.
+     *
+     * @example
+     * ```tsx
+     * <Menu.Content>
+     *   <Menu.Section label="Edit Actions">
+     *     <Menu.Item id="copy">Copy</Menu.Item>
+     *     <Menu.Item id="paste">Paste</Menu.Item>
+     *   </Menu.Section>
+     * </Menu.Content>
+     * ```
+     */
     Section: {
         <T extends object = object>({ children, ref, label, items, ...props }: import('./menu.types').MenuSectionProps<T>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
+    /**
+     * # Menu.Submenu
+     *
+     * A nested menu that appears when hovering over or selecting a submenu trigger.
+     * Automatically positioned to the side of the parent menu.
+     *
+     * @example
+     * ```tsx
+     * <Menu.Item>
+     *   <Menu.SubmenuTrigger>
+     *     <Text slot="label">More Options</Text>
+     *   </Menu.SubmenuTrigger>
+     *   <Menu.Submenu>
+     *     <Menu.Item id="option1">Option 1</Menu.Item>
+     *   </Menu.Submenu>
+     * </Menu.Item>
+     * ```
+     */
     Submenu: {
         ({ children, ...props }: import('./menu.types').MenuSubmenuProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
+    /**
+     * # Menu.SubmenuTrigger
+     *
+     * The trigger element for opening a submenu. Must be used within a Menu.Item
+     * and paired with Menu.Submenu.
+     *
+     * @example
+     * ```tsx
+     * <Menu.Item>
+     *   <Menu.SubmenuTrigger>
+     *     <Text slot="label">Export</Text>
+     *   </Menu.SubmenuTrigger>
+     *   <Menu.Submenu>
+     *     <Menu.Item id="pdf">PDF</Menu.Item>
+     *     <Menu.Item id="csv">CSV</Menu.Item>
+     *   </Menu.Submenu>
+     * </Menu.Item>
+     * ```
+     */
     SubmenuTrigger: {
         ({ children, ...props }: import('./menu.types').MenuSubmenuTriggerProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;

package/dist/components/menu/menu.recipe.d.ts

@@ -2,4 +2,4 @@
  * Recipe configuration for the Menu component.
  * Defines the styling variants and base styles using Chakra UI's slot recipe system.
  */
-export declare const menuSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "trigger" | "popover" | "item" | "section" | "sectionLabel" | "submenu", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "root" | "trigger" | "popover" | "item" | "section" | "sectionLabel" | "submenu">>;
+export declare const menuSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "trigger" | "popover" | "content" | "section" | "item" | "sectionLabel" | "submenu", import('@chakra-ui/react').SlotRecipeVariantRecord<"root" | "trigger" | "popover" | "content" | "section" | "item" | "sectionLabel" | "submenu">>;