npm - @commercetools/nimbus - Versions diffs - 0.0.0-canary-20251001152303 → 0.0.0-canary-20251006121034 - Mend

@commercetools/nimbus 0.0.0-canary-20251001152303 → 0.0.0-canary-20251006121034

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (440) hide show

package/dist/chunks/{localized-field-C2cbHq3g.es.js.map → localized-field-jmL7ErGy.es.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"localized-field-C2cbHq3g.es.js","sources":["../../src/components/localized-field/localized-field.i18n.ts","../../src/components/localized-field/localized-field.slots.tsx","../../src/components/localized-field/utils/localized-field.utils.tsx","../../src/components/localized-field/components/localized-field.locale-field.tsx","../../src/components/localized-field/components/localized-field.root.tsx","../../src/components/localized-field/localized-field.tsx"],"sourcesContent":["import { defineMessages } from \"react-intl\";\n\nexport default defineMessages({\n missingRequiredField: {\n id: \"Nimbus.LocalizedField.missingRequiredField\",\n description: \"Error message for missing required value\",\n defaultMessage: \"This field is required. Provide at least one value.\",\n },\n infoBoxTriggerAriaLabel: {\n id: \"Nimbus.LocalizedField.infoBoxTriggerAriaLabel\",\n description: \"aria label for button that triggers more info dialog\",\n defaultMessage: \"more info\",\n },\n showLanguages: {\n id: \"Nimbus.LocalizedField.showLanguages\",\n description:\n \"Label for showing all language inputs when toggle button is pressed\",\n defaultMessage: \"Show all languages\",\n },\n hideLanguages: {\n id: \"Nimbus.LocalizedField.hideLanguages\",\n description:\n \"Label for hiding all language inputs when toggle button is pressed\",\n defaultMessage: \"Hide all languages\",\n },\n showCurrencies: {\n id: \"Nimbus.LocalizedField.showCurrencies\",\n description:\n \"Label for showing all currency inputs when toggle button is pressed\",\n defaultMessage: \"Show all currencies\",\n },\n hideCurrencies: {\n id: \"Nimbus.LocalizedField.hideCurrencies\",\n description:\n \"Label for hiding all currency inputs when toggle button is pressed\",\n defaultMessage: \"Hide all currencies\",\n },\n});\n","/* eslint-disable @typescript-eslint/no-empty-object-type /\nimport {\n type HTMLChakraProps,\n type RecipeVariantProps,\n createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport { localizedFieldSlotRecipe } from \"./localized-field.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: localizedFieldSlotRecipe,\n});\n\n// Root Slot\nexport interface LocalizedFieldRootSlotProps\n extends HTMLChakraProps<\n \"fieldset\",\n RecipeVariantProps<typeof localizedFieldSlotRecipe>\n > {}\nexport const LocalizedFieldRootSlot = withProvider<\n HTMLFieldSetElement,\n LocalizedFieldRootSlotProps\n>(\"fieldset\", \"root\");\n\n// Label Slot\nexport interface LocalizedFieldLabelSlotProps\n extends HTMLChakraProps<\"label\"> {}\nexport const LocalizedFieldLabelSlot = withContext<\n HTMLLabelElement,\n LocalizedFieldLabelSlotProps\n>(\"legend\", \"label\");\n\n// InfoDialog Slot\nexport interface LocalizedFieldInfoDialogSlotProps\n extends HTMLChakraProps<\"div\"> {}\nexport const LocalizedFieldInfoDialogSlot = withContext<\n HTMLDivElement,\n LocalizedFieldInfoDialogSlotProps\n>(\"div\", \"infoDialog\");\n\n// FieldsContainer Slot\nexport interface LocalizedFieldFieldsContainerSlotProps\n extends HTMLChakraProps<\"div\"> {}\nexport const LocalizedFieldFieldsContainerSlot = withContext<\n HTMLDivElement,\n LocalizedFieldFieldsContainerSlotProps\n>(\"div\", \"fieldsContainer\");\n\n// Description Slot\nexport interface LocalizedFieldDescriptionSlotProps\n extends HTMLChakraProps<\"div\"> {}\nexport const LocalizedFieldDescriptionSlot = withContext<\n HTMLDivElement,\n LocalizedFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport interface LocalizedFieldErrorSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const LocalizedFieldErrorSlot = withContext<\n HTMLDivElement,\n LocalizedFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// ToggleButtonContainer Slot\nexport interface LocalizedFieldToggleButtonContainerSlotProps\n extends HTMLChakraProps<\"div\"> {}\nexport const LocalizedFieldToggleButtonContainerSlot = withContext<\n HTMLDivElement,\n LocalizedFieldToggleButtonContainerSlotProps\n>(\"div\", \"toggleButtonContainer\");\n\n// LocaleFieldRoot Slot\n\nexport interface LocalizedFieldLocaleFieldRootSlotProps\n extends HTMLChakraProps<\"div\"> {}\nexport const LocalizedFieldLocaleFieldRootSlot = withContext<\n HTMLDivElement,\n LocalizedFieldLocaleFieldRootSlotProps\n>(\"div\", \"localeFieldRoot\");\n\n// FieldLabel Slot\nexport interface LocalizedFieldLocaleFieldLabelSlotProps\n extends HTMLChakraProps<\"div\"> {}\nexport const LocalizedFieldLocaleFieldLabelSlot = withContext<\n HTMLDivElement,\n LocalizedFieldLocaleFieldLabelSlotProps\n>(\"div\", \"localeFieldLabel\");\n\n// FieldInput Slot\nexport interface LocalizedFieldLocaleFieldInputSlotProps\n extends HTMLChakraProps<\"div\"> {}\nexport const LocalizedFieldLocaleFieldInputSlot = withContext<\n HTMLDivElement,\n LocalizedFieldLocaleFieldInputSlotProps\n>(\"div\", \"localeFieldInput\");\n","import { FormattedMessage } from \"react-intl\";\nimport {\n FormField,\n type TCurrencyCode,\n type TValue,\n type TMoneyValue,\n type TFieldErrors,\n MoneyInput,\n} from \"@/components\";\nimport messages from \"../localized-field.i18n\";\nimport type { LocalizedString } from \"../localized-field.types\";\n\ntype LanguagesSplitByDefaultLocale = {\n related: string[];\n unrelated: string[];\n};\n\ntype TouchedLocalizedString = { [locale: string]: boolean };\n\ntype CustomFormikErrors<Values> = {\n [K in keyof Values]?: TFieldErrors;\n};\n\nexport const RequiredValueErrorMessage = () => (\n <FormField.Error>\n <FormattedMessage {...messages.missingRequiredField} />\n </FormField.Error>\n);\n\nexport const getLocaleFieldAttribute = (\n fieldGroupAttr?: string,\n locale?: string\n): string \| undefined =>\n fieldGroupAttr && locale ? `${fieldGroupAttr}.${locale}` : undefined;\n\n// gets the language tag of a given locale, e.g. `de` in `de-DE`\nexport const getLanguageForLocale = (locale: string): string =>\n locale.split(\"-\")[0];\n\n// splits the locales into two groups:\n// - the 'related' array contains locales with the same language tag as the default locale,\n// e.g. if the default locale is de-DE, related would be ['de-DE', 'de-CH']\n// - the 'unrelated' array contains locales with a different different language tag from the default locale\n//. e.g. if the default locale is de-DE, unrelated would be ['pt-BR', 'en-GB', 'zh-Hans']\nexport const splitLanguages = (\n defaultLocale: string,\n locales: string[]\n): LanguagesSplitByDefaultLocale => {\n const defaultLanguage = getLanguageForLocale(defaultLocale);\n const related = locales.filter(\n (locale) => getLanguageForLocale(locale) === defaultLanguage\n );\n const unrelated = locales.filter(\n (locale) => getLanguageForLocale(locale) !== defaultLanguage\n );\n return {\n unrelated,\n related,\n };\n};\n\n// sorts locales with the following priority:\n// - The selected locale is placed first (e.g pt-BR)\n// - All locales using the same language tag as the selected language\n// follow (e.g. pt, pt-PT). They are sorted alphabetically.\n// - All other locales follow, sorted alphabetically as well\nexport const sortLocalesByDefaultLocaleLanguage = (\n defaultLocale: string,\n allLocales: string[]\n): string[] => {\n const { related, unrelated } = splitLanguages(\n defaultLocale,\n allLocales.filter((locale: string) => locale !== defaultLocale)\n );\n\n return [defaultLocale, ...related.sort(), ...unrelated.sort()];\n};\n\nexport const sortCurrencies = (\n defaultCurrency: TCurrencyCode,\n allCurrencies: TCurrencyCode[]\n) => {\n const remainingCurrencies = allCurrencies.filter(\n (currency) => currency !== defaultCurrency\n );\n return [defaultCurrency, ...remainingCurrencies.sort()];\n};\n\nexport const getHasInvalidLocalizedFields = <TErrors extends object>(\n errors?: TErrors,\n defaultLocaleOrCurrency?: string\n): boolean => {\n if (errors && Object.keys(errors).length > 0 && defaultLocaleOrCurrency) {\n return Object.keys(errors).some(\n (localeOrCurrency) => localeOrCurrency !== defaultLocaleOrCurrency\n );\n }\n return false;\n};\n\nexport const createLocalizedString = (\n locales: string[],\n existingLocalizedString: LocalizedString\n): LocalizedString => {\n const localesInLocalizedString = Array.from(\n new Set([...locales, ...Object.keys(existingLocalizedString)])\n );\n\n return localesInLocalizedString.reduce<LocalizedString>(\n (localizedString, locale) => ({\n ...localizedString,\n [locale]: existingLocalizedString?.[locale] \|\| \"\",\n }),\n {}\n );\n};\n\n// Note: I prefer `isLocalizedStringEmpty`, but keeping this as `isEmpty` for api consistency with UI Kit\nexport const isEmpty = (localizedString?: LocalizedString): boolean => {\n if (!localizedString) return true;\n return Object.values(localizedString).every(\n (value?: string) => !value \|\| value?.trim().length === 0\n );\n};\n\nexport const omitEmptyTranslations = <Translations extends LocalizedString>(\n localizedString: Translations\n): LocalizedString => {\n // TODO: is it necessary to create a util that enforces a consistent warning/error format, e.g.\n // `<COMPONENT_NAME> - Warning: <WARNING_MESSAGE>`\n if (typeof localizedString !== \"object\") {\n console.warn(\n \"Nimbus Localized Field - Warning: omitEmptyTranslations must be called with an object\"\n );\n }\n\n return Object.entries(localizedString).reduce<LocalizedString>(\n (localizedStringWithoutEmptyTranslations, [locale, value]) => {\n if (value && value.trim().length > 0) {\n return {\n ...localizedStringWithoutEmptyTranslations,\n [locale]: value,\n };\n }\n return localizedStringWithoutEmptyTranslations;\n },\n {}\n );\n};\n\nexport const isTouched = (touched?: TouchedLocalizedString): boolean => {\n if (touched) {\n return Object.values(touched).some(Boolean);\n }\n return false;\n};\n\n/\n Use this function to convert the Formik `errors` object type to\n * our custom field errors type.\n * This is primarly useful when using TypeScript.\n /\nexport function toFieldErrors<FormValues>(\n errors: unknown\n): CustomFormikErrors<FormValues> {\n return errors as CustomFormikErrors<FormValues>;\n}\n\nexport const convertToMoneyValues = (\n values: TValue[],\n currency: string\n): Array<TMoneyValue \| null> =>\n Object.values(values).map<TMoneyValue \| null>((value) => {\n return MoneyInput.convertToMoneyValue(value, currency);\n });\n\nexport const parseMoneyValues = (\n moneyValues: TMoneyValue[] = [],\n locale: string\n): Record<TCurrencyCode, TValue> =>\n moneyValues.reduce<Record<TCurrencyCode, TValue>>(\n (allValues, moneyValue) => {\n const value = MoneyInput.parseMoneyValue(moneyValue, locale);\n return {\n ...allValues,\n [value.currencyCode]: value,\n };\n },\n {} as Record<TCurrencyCode, TValue>\n );\n\nexport const getHighPrecisionCurrencies = (\n values: Record<TCurrencyCode, TValue>,\n locale: string\n): TCurrencyCode[] => {\n const typedCurrencyCodes = Object.keys(values) as TCurrencyCode[];\n return typedCurrencyCodes.filter((currencyCode) =>\n MoneyInput.isHighPrecision(values[currencyCode], locale)\n );\n};\n\nexport const getEmptyCurrencies = (\n values: Record<TCurrencyCode, TValue>\n): TCurrencyCode[] => {\n const typedCurrencyCodes = Object.keys(values) as TCurrencyCode[];\n return typedCurrencyCodes.filter((currencyCode) =>\n MoneyInput.isEmpty(values[currencyCode])\n );\n};\n","import { useCallback } from \"react\";\nimport {\n FormField,\n Icon,\n TextInput,\n MoneyInput,\n type TCustomEvent,\n MultilineTextInput,\n RichTextInput,\n type TValue,\n type TCurrencyCode,\n} from \"@/components\";\nimport { WarningAmber } from \"@commercetools/nimbus-icons\";\nimport {\n LocalizedFieldLocaleFieldRootSlot,\n LocalizedFieldLocaleFieldInputSlot,\n LocalizedFieldLocaleFieldLabelSlot,\n} from \"../localized-field.slots\";\nimport type { LocalizedFieldLocaleFieldProps } from \"../localized-field.types\";\n\nexport const LocalizedFieldLocaleField = ({\n type,\n size,\n localeOrCurrency,\n id,\n name,\n inputValue: inputValueFromProps,\n description,\n warning,\n error,\n onChange,\n onBlur,\n onFocus,\n isRequired,\n isReadOnly,\n isDisabled,\n isInvalid,\n touched,\n ...otherProps\n}: LocalizedFieldLocaleFieldProps) => {\n let InputComponent:\n \| typeof TextInput\n \| typeof MultilineTextInput\n \| typeof MoneyInput\n \| typeof RichTextInput;\n switch (type) {\n case \"text\":\n default:\n InputComponent = TextInput;\n break;\n case \"multiLine\":\n InputComponent = MultilineTextInput;\n break;\n case \"money\":\n InputComponent = MoneyInput;\n break;\n case \"richText\":\n InputComponent = RichTextInput;\n break;\n }\n\n const getInputValue = () => {\n if (type === \"money\") {\n return inputValueFromProps\n ? (inputValueFromProps as TValue)\n : ({ amount: \"\", currencyCode: localeOrCurrency } as TValue);\n }\n return inputValueFromProps ? inputValueFromProps : \"\";\n };\n\n const inputValue = getInputValue();\n\n const handleChange = useCallback(\n (value: string \| TCustomEvent \| undefined) => {\n // The `MoneyInput` onChange event value is a custom value,\n // and the `MoneyInput` modifies the input id and name since it is in a `group`,\n // so we need to build a separate return object for the MoneInput to return\n // the expected values\n const isMoneyInputEvent = typeof value === \"object\";\n const changeValue = {\n target: isMoneyInputEvent\n ? {\n id: value.target.id,\n name: value.target.name,\n locale: undefined,\n currency: localeOrCurrency as TCurrencyCode,\n value: value.target.value,\n }\n : { id, name, locale: localeOrCurrency, currency: undefined, value },\n };\n onChange(changeValue);\n },\n [id, name, localeOrCurrency, onChange]\n );\n\n return (\n <LocalizedFieldLocaleFieldRootSlot asChild>\n <FormField.Root\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n isInvalid={(isInvalid \|\| !!error) && touched}\n direction=\"row\"\n size={size}\n id={id}\n >\n <LocalizedFieldLocaleFieldLabelSlot\n display={type === \"money\" ? \"none\" : undefined}\n {...(isDisabled && { \"data-disabled\": isDisabled })}\n asChild\n >\n <FormField.Label>\n {localeOrCurrency.toLocaleUpperCase()}\n </FormField.Label>\n </LocalizedFieldLocaleFieldLabelSlot>\n <FormField.Input>\n <LocalizedFieldLocaleFieldInputSlot\n aria-required={isRequired}\n asChild\n >\n <InputComponent\n {...otherProps}\n size={size}\n value={inputValue as string & TValue}\n onChange={handleChange}\n onBlur={(e: React.FocusEvent \| TCustomEvent) =>\n onBlur?.(e, localeOrCurrency)\n }\n onFocus={(e: React.FocusEvent \| TCustomEvent) =>\n onFocus?.(e, localeOrCurrency)\n }\n isRequired={isRequired}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n isInvalid={(isInvalid \|\| !!error) && touched}\n />\n </LocalizedFieldLocaleFieldInputSlot>\n </FormField.Input>\n {(description \|\| (warning && touched)) && (\n <FormField.Description\n role={warning && touched ? \"status\" : undefined}\n color={warning && touched ? \"warning.11\" : undefined}\n display=\"flex\"\n gap=\"100\"\n alignItems=\"center\"\n >\n {warning && touched ? (\n <>\n <Icon colorPalette=\"warning\">\n <WarningAmber />\n </Icon>\n {warning}\n </>\n ) : (\n description\n )}\n </FormField.Description>\n )}\n {error && touched && <FormField.Error>{error}</FormField.Error>}\n </FormField.Root>\n </LocalizedFieldLocaleFieldRootSlot>\n );\n};\n","import { useState, useMemo } from \"react\";\nimport { useIntl } from \"react-intl\";\nimport {\n Collection as RaCollection,\n Dialog as RaDialog,\n DialogTrigger as RaDialogTrigger,\n} from \"react-aria-components\";\nimport { useField, useId } from \"react-aria\";\nimport {\n ErrorOutline,\n HelpOutline,\n Language,\n Payments,\n WarningAmber,\n} from \"@commercetools/nimbus-icons\";\nimport {\n Box,\n Button,\n FieldErrors,\n Icon,\n IconButton,\n Stack,\n type TCurrencyCode,\n} from \"@/components\";\nimport { Popover } from \"../../popover\";\nimport messages from \"../localized-field.i18n\";\nimport {\n LocalizedFieldRootSlot,\n LocalizedFieldLabelSlot,\n LocalizedFieldInfoDialogSlot,\n LocalizedFieldFieldsContainerSlot,\n LocalizedFieldDescriptionSlot,\n LocalizedFieldErrorSlot,\n LocalizedFieldToggleButtonContainerSlot,\n} from \"../localized-field.slots\";\nimport type {\n LocalizedFieldProps,\n MergedLocaleFieldData,\n LocalizedCurrency,\n} from \"../localized-field.types\";\n\nimport {\n getHasInvalidLocalizedFields,\n getLocaleFieldAttribute,\n sortCurrencies,\n sortLocalesByDefaultLocaleLanguage,\n} from \"../utils/localized-field.utils\";\nimport { LocalizedFieldLocaleField } from \"./localized-field.locale-field\";\n\nexport const LocalizedField = ({\n type = \"text\",\n id,\n name,\n defaultLocaleOrCurrency,\n valuesByLocaleOrCurrency,\n placeholdersByLocaleOrCurrency,\n descriptionsByLocaleOrCurrency,\n warningsByLocaleOrCurrency,\n errorsByLocaleOrCurrency,\n label,\n hint,\n description,\n warning,\n warnings,\n renderWarning,\n error,\n errors,\n renderError,\n touched,\n isRequired,\n isDisabled,\n isReadOnly,\n onChange,\n onBlur,\n onFocus,\n defaultExpanded = false,\n displayAllLocalesOrCurrencies = false,\n size,\n autoFocus,\n [\"data-track-component\"]: dataTrackComponent,\n [\"data-testid\"]: dataTestId,\n [\"data-test\"]: dataTest,\n // DOM & Style props for wrapper container\n ...rest\n}: LocalizedFieldProps) => {\n const [expanded, setExpanded] = useState(\n displayAllLocalesOrCurrencies \|\| defaultExpanded\n );\n\n const { formatMessage } = useIntl();\n\n // Used to associate more info dialog with fieldset via `aria-controls`\n const localeFieldsContainerId = useId();\n // Used to associate more info dialog with fieldset via `aria-details`\n const moreDetailsButtonId = useId();\n\n // Either `error` exists, or there are `true` fields in the UI Kit compat `errors` object\n const hasError: boolean = Boolean(\n error \|\| (errors && Object.values(errors).some((error) => error === true))\n );\n\n // Either `warning` exists, or there are `true` fields in the UI Kit compat `warnings` object\n const hasWarning: boolean = Boolean(\n warning \|\| (warnings && Object.values(warnings).some(Boolean))\n );\n\n // FieldGroup is invalid if a non-field-specific error is passed and the group has been touched\n // When FieldGroup is invalid, all fields will display error styling without displaying a field-specific error message\n const isInvalid: boolean = !!(hasError && touched);\n\n const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n useField({\n id,\n label,\n description,\n errorMessage: error,\n isInvalid,\n });\n\n // Array of locales/currencies to display as input fields\n const localizationKeys: string[] \| TCurrencyCode[] = Object.keys(\n valuesByLocaleOrCurrency\n );\n\n // Merge all -ByLocaleOrCurrencies data for each field\n const allDataForFields = useMemo(() => {\n const sortedFieldData =\n type === \"money\"\n ? sortCurrencies(\n defaultLocaleOrCurrency as TCurrencyCode,\n localizationKeys as TCurrencyCode[]\n )\n : sortLocalesByDefaultLocaleLanguage(\n defaultLocaleOrCurrency,\n localizationKeys\n );\n\n return sortedFieldData.reduce(\n (allFieldData: MergedLocaleFieldData[], localizationKey) => {\n const allDataForLocale = {\n localeOrCurrency: localizationKey,\n inputValue:\n type === \"money\"\n ? (valuesByLocaleOrCurrency as LocalizedCurrency)[localizationKey]\n : (valuesByLocaleOrCurrency[localizationKey] as string),\n placeholder: placeholdersByLocaleOrCurrency?.[localizationKey],\n description: descriptionsByLocaleOrCurrency?.[localizationKey],\n warning: warningsByLocaleOrCurrency?.[localizationKey],\n error: errorsByLocaleOrCurrency?.[localizationKey],\n // autoFocus default/first locale field\n ...(localizationKey === defaultLocaleOrCurrency && autoFocus\n ? { autoFocus }\n : {}),\n isInvalid,\n isRequired,\n isDisabled,\n isReadOnly,\n };\n if (\n expanded \|\|\n // Only display defaultLocaleOrInput field if fieldGroup is not expanded\n (!expanded && localizationKey === defaultLocaleOrCurrency)\n ) {\n return [...allFieldData, allDataForLocale];\n }\n return allFieldData;\n },\n []\n );\n }, [\n valuesByLocaleOrCurrency,\n placeholdersByLocaleOrCurrency,\n descriptionsByLocaleOrCurrency,\n warningsByLocaleOrCurrency,\n errorsByLocaleOrCurrency,\n defaultLocaleOrCurrency,\n expanded,\n isInvalid,\n isRequired,\n isDisabled,\n isReadOnly,\n ]);\n\n const groupHasInvalidLocalizedFields = getHasInvalidLocalizedFields(\n errorsByLocaleOrCurrency,\n defaultLocaleOrCurrency\n );\n\n const shouldExpandInvalidFields =\n (groupHasInvalidLocalizedFields \|\| hasError) && touched;\n // If there are fields that are invalid, ensure that field group\n // shows all fields so that invalid field is visible\n if (shouldExpandInvalidFields && !expanded) {\n setExpanded(true);\n }\n\n return (\n <LocalizedFieldRootSlot\n {...rest}\n {...fieldProps}\n aria-details={hint ? moreDetailsButtonId : undefined}\n type={type}\n size={size}\n name={name}\n >\n {label && (\n <Stack direction=\"row\" gap=\"0\">\n <LocalizedFieldLabelSlot {...labelProps}>\n {label}\n {isRequired && <sup aria-hidden=\"true\"></sup>}\n </LocalizedFieldLabelSlot>\n {hint && (\n <RaDialogTrigger>\n <IconButton\n id={moreDetailsButtonId}\n aria-label={formatMessage(messages.infoBoxTriggerAriaLabel)}\n size=\"2xs\"\n tone=\"info\"\n variant=\"link\"\n >\n <HelpOutline />\n </IconButton>\n\n <Popover padding={0}>\n <LocalizedFieldInfoDialogSlot asChild>\n <RaDialog>\n <Box p=\"300\">{hint}</Box>\n </RaDialog>\n </LocalizedFieldInfoDialogSlot>\n </Popover>\n </RaDialogTrigger>\n )}\n </Stack>\n )}\n <LocalizedFieldFieldsContainerSlot\n id={localeFieldsContainerId}\n data-expanded={expanded}\n >\n <RaCollection items={allDataForFields}>\n {(item) => {\n return (\n <LocalizedFieldLocaleField\n {...item}\n size={size}\n type={type}\n onChange={onChange}\n onBlur={onBlur}\n onFocus={onFocus}\n touched={touched}\n // Format field attributes to match uikit pattern\n id={getLocaleFieldAttribute(\n fieldProps.id,\n item.localeOrCurrency\n )}\n name={getLocaleFieldAttribute(name, item.localeOrCurrency)}\n data-test={getLocaleFieldAttribute(\n dataTest,\n item.localeOrCurrency\n )}\n data-testid={getLocaleFieldAttribute(\n dataTestId,\n item.localeOrCurrency\n )}\n data-track-component={getLocaleFieldAttribute(\n dataTrackComponent,\n item.localeOrCurrency\n )}\n />\n );\n }}\n </RaCollection>\n </LocalizedFieldFieldsContainerSlot>\n\n {!displayAllLocalesOrCurrencies && localizationKeys.length > 1 && (\n <LocalizedFieldToggleButtonContainerSlot>\n <Button\n aria-controls={localeFieldsContainerId}\n aria-describedby={labelProps.id}\n aria-expanded={expanded}\n onPress={() => setExpanded(!expanded)}\n isDisabled={isDisabled \|\| (shouldExpandInvalidFields && expanded)}\n variant=\"ghost\"\n size=\"2xs\"\n colorPalette=\"primary\"\n >\n <Box\n as={type === \"money\" ? Payments : Language}\n display=\"inline-flex\"\n boxSize=\"400\"\n verticalAlign=\"text-bottom\"\n mr=\"100\"\n />\n {type === \"money\"\n ? expanded\n ? formatMessage(messages.hideCurrencies)\n : formatMessage(messages.showCurrencies)\n : expanded\n ? formatMessage(messages.hideLanguages)\n : formatMessage(messages.showLanguages)}\n </Button>\n </LocalizedFieldToggleButtonContainerSlot>\n )}\n {(description \|\| (hasWarning && touched)) && (\n <LocalizedFieldDescriptionSlot\n role={hasWarning && touched ? \"status\" : undefined}\n color={hasWarning && touched ? \"warning.11\" : undefined}\n // In order to associate the warnings from both the warning and legacy warnings props with the fieldset,\n // we must associate, them to this element with aria-labelledby\n aria-labelledby={`${descriptionProps.id}-warning`}\n {...descriptionProps}\n >\n {/** Warnings are for compat with UI Kit localized fields */}\n {hasWarning && touched ? (\n <>\n <Icon colorPalette=\"warning\">\n <WarningAmber />\n </Icon>\n <Stack gap=\"0\" id={`${descriptionProps.id}-warning`}>\n {warning}\n {warnings && hasWarning && (\n <FieldErrors\n errors={warnings}\n renderError={renderWarning}\n colorPalette=\"warning\"\n role={undefined}\n />\n )}\n </Stack>\n </>\n ) : (\n description\n )}\n </LocalizedFieldDescriptionSlot>\n )}\n {isInvalid && (\n <LocalizedFieldErrorSlot\n // In order to associate the errors from both the error and legacy errors props with the fieldset,\n // we must associate them to this element with aria-labelledby.\n aria-labelledby={`${errorMessageProps.id}-error`}\n role=\"alert\"\n {...errorMessageProps}\n >\n <Icon>\n <ErrorOutline />\n </Icon>\n <Stack gap=\"0\" id={`${errorMessageProps.id}-error`}>\n {error}\n {errors && hasError && (\n <FieldErrors\n errors={errors}\n renderError={renderError}\n role={undefined}\n />\n )}\n </Stack>\n </LocalizedFieldErrorSlot>\n )}\n </LocalizedFieldRootSlot>\n );\n};\n","import { LocalizedField as LocalizedFieldRoot } from \"./components/localized-field.root\";\nimport {\n getLocaleFieldAttribute,\n createLocalizedString,\n isEmpty,\n omitEmptyTranslations,\n isTouched,\n RequiredValueErrorMessage,\n toFieldErrors,\n convertToMoneyValues,\n parseMoneyValues,\n getHighPrecisionCurrencies,\n getEmptyCurrencies,\n} from \"./utils/localized-field.utils\";\n\nexport const LocalizedField = Object.assign(LocalizedFieldRoot, {\n // Add util methods here for compat with uikit - see https://github.com/commercetools/ui-kit/blob/e97e0c7e8f3e9393981bf1949573212d7c571c90/packages/components/inputs/localized-text-input/src/localized-text-input.tsx#L396\n getId: getLocaleFieldAttribute,\n getName: getLocaleFieldAttribute,\n isTouched,\n isEmpty,\n createLocalizedString,\n omitEmptyTranslations,\n RequiredValueErrorMessage,\n toFieldErrors,\n convertToMoneyValues,\n parseMoneyValues,\n getHighPrecisionCurrencies,\n getEmptyCurrencies,\n});\n"],"names":["messages","defineMessages","withProvider","withContext","createSlotRecipeContext","localizedFieldSlotRecipe","LocalizedFieldRootSlot","LocalizedFieldLabelSlot","LocalizedFieldInfoDialogSlot","LocalizedFieldFieldsContainerSlot","LocalizedFieldDescriptionSlot","LocalizedFieldErrorSlot","LocalizedFieldToggleButtonContainerSlot","LocalizedFieldLocaleFieldRootSlot","LocalizedFieldLocaleFieldLabelSlot","LocalizedFieldLocaleFieldInputSlot","RequiredValueErrorMessage","jsx","FormField","FormattedMessage","getLocaleFieldAttribute","fieldGroupAttr","locale","getLanguageForLocale","splitLanguages","defaultLocale","locales","defaultLanguage","related","sortLocalesByDefaultLocaleLanguage","allLocales","unrelated","sortCurrencies","defaultCurrency","allCurrencies","remainingCurrencies","currency","getHasInvalidLocalizedFields","errors","defaultLocaleOrCurrency","localeOrCurrency","createLocalizedString","existingLocalizedString","localizedString","isEmpty","value","omitEmptyTranslations","localizedStringWithoutEmptyTranslations","isTouched","touched","toFieldErrors","convertToMoneyValues","values","MoneyInput","parseMoneyValues","moneyValues","allValues","moneyValue","getHighPrecisionCurrencies","currencyCode","getEmptyCurrencies","LocalizedFieldLocaleField","type","size","id","name","inputValueFromProps","description","warning","error","onChange","onBlur","onFocus","isRequired","isReadOnly","isDisabled","isInvalid","otherProps","InputComponent","TextInput","MultilineTextInput","RichTextInput","inputValue","handleChange","useCallback","changeValue","jsxs","e","Fragment","Icon","WarningAmber","LocalizedField","valuesByLocaleOrCurrency","placeholdersByLocaleOrCurrency","descriptionsByLocaleOrCurrency","warningsByLocaleOrCurrency","errorsByLocaleOrCurrency","label","hint","warnings","renderWarning","renderError","defaultExpanded","displayAllLocalesOrCurrencies","autoFocus","dataTrackComponent","dataTestId","dataTest","rest","expanded","setExpanded","useState","formatMessage","useIntl","localeFieldsContainerId","useId","moreDetailsButtonId","hasError","hasWarning","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","localizationKeys","allDataForFields","useMemo","allFieldData","localizationKey","allDataForLocale","shouldExpandInvalidFields","Stack","RaDialogTrigger","IconButton","HelpOutline","Popover","RaDialog","Box","RaCollection","item","Button","Payments","Language","FieldErrors","ErrorOutline","LocalizedFieldRoot"],"mappings":"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"}
1	+ {"version":3,"file":"localized-field-jmL7ErGy.es.js","sources":["../../src/components/localized-field/localized-field.i18n.ts","../../src/components/localized-field/localized-field.slots.tsx","../../src/components/localized-field/utils/localized-field.utils.tsx","../../src/components/localized-field/components/localized-field.locale-field.tsx","../../src/components/localized-field/components/localized-field.root.tsx","../../src/components/localized-field/localized-field.tsx"],"sourcesContent":["import { defineMessages } from \"react-intl\";\n\nexport default defineMessages({\n missingRequiredField: {\n id: \"Nimbus.LocalizedField.missingRequiredField\",\n description: \"Error message for missing required value\",\n defaultMessage: \"This field is required. Provide at least one value.\",\n },\n infoBoxTriggerAriaLabel: {\n id: \"Nimbus.LocalizedField.infoBoxTriggerAriaLabel\",\n description: \"aria label for button that triggers more info dialog\",\n defaultMessage: \"more info\",\n },\n showLanguages: {\n id: \"Nimbus.LocalizedField.showLanguages\",\n description:\n \"Label for showing all language inputs when toggle button is pressed\",\n defaultMessage: \"Show all languages\",\n },\n hideLanguages: {\n id: \"Nimbus.LocalizedField.hideLanguages\",\n description:\n \"Label for hiding all language inputs when toggle button is pressed\",\n defaultMessage: \"Hide all languages\",\n },\n showCurrencies: {\n id: \"Nimbus.LocalizedField.showCurrencies\",\n description:\n \"Label for showing all currency inputs when toggle button is pressed\",\n defaultMessage: \"Show all currencies\",\n },\n hideCurrencies: {\n id: \"Nimbus.LocalizedField.hideCurrencies\",\n description:\n \"Label for hiding all currency inputs when toggle button is pressed\",\n defaultMessage: \"Hide all currencies\",\n },\n});\n","/* eslint-disable @typescript-eslint/no-empty-object-type /\nimport {\n type HTMLChakraProps,\n type RecipeVariantProps,\n createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport { localizedFieldSlotRecipe } from \"./localized-field.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: localizedFieldSlotRecipe,\n});\n\n// Root Slot\nexport interface LocalizedFieldRootSlotProps\n extends HTMLChakraProps<\n \"fieldset\",\n RecipeVariantProps<typeof localizedFieldSlotRecipe>\n > {}\nexport const LocalizedFieldRootSlot = withProvider<\n HTMLFieldSetElement,\n LocalizedFieldRootSlotProps\n>(\"fieldset\", \"root\");\n\n// Label Slot\nexport interface LocalizedFieldLabelSlotProps\n extends HTMLChakraProps<\"label\"> {}\nexport const LocalizedFieldLabelSlot = withContext<\n HTMLLabelElement,\n LocalizedFieldLabelSlotProps\n>(\"legend\", \"label\");\n\n// InfoDialog Slot\nexport interface LocalizedFieldInfoDialogSlotProps\n extends HTMLChakraProps<\"div\"> {}\nexport const LocalizedFieldInfoDialogSlot = withContext<\n HTMLDivElement,\n LocalizedFieldInfoDialogSlotProps\n>(\"div\", \"infoDialog\");\n\n// FieldsContainer Slot\nexport interface LocalizedFieldFieldsContainerSlotProps\n extends HTMLChakraProps<\"div\"> {}\nexport const LocalizedFieldFieldsContainerSlot = withContext<\n HTMLDivElement,\n LocalizedFieldFieldsContainerSlotProps\n>(\"div\", \"fieldsContainer\");\n\n// Description Slot\nexport interface LocalizedFieldDescriptionSlotProps\n extends HTMLChakraProps<\"div\"> {}\nexport const LocalizedFieldDescriptionSlot = withContext<\n HTMLDivElement,\n LocalizedFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport interface LocalizedFieldErrorSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const LocalizedFieldErrorSlot = withContext<\n HTMLDivElement,\n LocalizedFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// ToggleButtonContainer Slot\nexport interface LocalizedFieldToggleButtonContainerSlotProps\n extends HTMLChakraProps<\"div\"> {}\nexport const LocalizedFieldToggleButtonContainerSlot = withContext<\n HTMLDivElement,\n LocalizedFieldToggleButtonContainerSlotProps\n>(\"div\", \"toggleButtonContainer\");\n\n// LocaleFieldRoot Slot\n\nexport interface LocalizedFieldLocaleFieldRootSlotProps\n extends HTMLChakraProps<\"div\"> {}\nexport const LocalizedFieldLocaleFieldRootSlot = withContext<\n HTMLDivElement,\n LocalizedFieldLocaleFieldRootSlotProps\n>(\"div\", \"localeFieldRoot\");\n\n// FieldLabel Slot\nexport interface LocalizedFieldLocaleFieldLabelSlotProps\n extends HTMLChakraProps<\"div\"> {}\nexport const LocalizedFieldLocaleFieldLabelSlot = withContext<\n HTMLDivElement,\n LocalizedFieldLocaleFieldLabelSlotProps\n>(\"div\", \"localeFieldLabel\");\n\n// FieldInput Slot\nexport interface LocalizedFieldLocaleFieldInputSlotProps\n extends HTMLChakraProps<\"div\"> {}\nexport const LocalizedFieldLocaleFieldInputSlot = withContext<\n HTMLDivElement,\n LocalizedFieldLocaleFieldInputSlotProps\n>(\"div\", \"localeFieldInput\");\n","import { FormattedMessage } from \"react-intl\";\nimport {\n FormField,\n type TCurrencyCode,\n type TValue,\n type TMoneyValue,\n type TFieldErrors,\n MoneyInput,\n} from \"@/components\";\nimport messages from \"../localized-field.i18n\";\nimport type { LocalizedString } from \"../localized-field.types\";\n\ntype LanguagesSplitByDefaultLocale = {\n related: string[];\n unrelated: string[];\n};\n\ntype TouchedLocalizedString = { [locale: string]: boolean };\n\ntype CustomFormikErrors<Values> = {\n [K in keyof Values]?: TFieldErrors;\n};\n\nexport const RequiredValueErrorMessage = () => (\n <FormField.Error>\n <FormattedMessage {...messages.missingRequiredField} />\n </FormField.Error>\n);\n\nexport const getLocaleFieldAttribute = (\n fieldGroupAttr?: string,\n locale?: string\n): string \| undefined =>\n fieldGroupAttr && locale ? `${fieldGroupAttr}.${locale}` : undefined;\n\n// gets the language tag of a given locale, e.g. `de` in `de-DE`\nexport const getLanguageForLocale = (locale: string): string =>\n locale.split(\"-\")[0];\n\n// splits the locales into two groups:\n// - the 'related' array contains locales with the same language tag as the default locale,\n// e.g. if the default locale is de-DE, related would be ['de-DE', 'de-CH']\n// - the 'unrelated' array contains locales with a different different language tag from the default locale\n//. e.g. if the default locale is de-DE, unrelated would be ['pt-BR', 'en-GB', 'zh-Hans']\nexport const splitLanguages = (\n defaultLocale: string,\n locales: string[]\n): LanguagesSplitByDefaultLocale => {\n const defaultLanguage = getLanguageForLocale(defaultLocale);\n const related = locales.filter(\n (locale) => getLanguageForLocale(locale) === defaultLanguage\n );\n const unrelated = locales.filter(\n (locale) => getLanguageForLocale(locale) !== defaultLanguage\n );\n return {\n unrelated,\n related,\n };\n};\n\n// sorts locales with the following priority:\n// - The selected locale is placed first (e.g pt-BR)\n// - All locales using the same language tag as the selected language\n// follow (e.g. pt, pt-PT). They are sorted alphabetically.\n// - All other locales follow, sorted alphabetically as well\nexport const sortLocalesByDefaultLocaleLanguage = (\n defaultLocale: string,\n allLocales: string[]\n): string[] => {\n const { related, unrelated } = splitLanguages(\n defaultLocale,\n allLocales.filter((locale: string) => locale !== defaultLocale)\n );\n\n return [defaultLocale, ...related.sort(), ...unrelated.sort()];\n};\n\nexport const sortCurrencies = (\n defaultCurrency: TCurrencyCode,\n allCurrencies: TCurrencyCode[]\n) => {\n const remainingCurrencies = allCurrencies.filter(\n (currency) => currency !== defaultCurrency\n );\n return [defaultCurrency, ...remainingCurrencies.sort()];\n};\n\nexport const getHasInvalidLocalizedFields = <TErrors extends object>(\n errors?: TErrors,\n defaultLocaleOrCurrency?: string\n): boolean => {\n if (errors && Object.keys(errors).length > 0 && defaultLocaleOrCurrency) {\n return Object.keys(errors).some(\n (localeOrCurrency) => localeOrCurrency !== defaultLocaleOrCurrency\n );\n }\n return false;\n};\n\nexport const createLocalizedString = (\n locales: string[],\n existingLocalizedString: LocalizedString\n): LocalizedString => {\n const localesInLocalizedString = Array.from(\n new Set([...locales, ...Object.keys(existingLocalizedString)])\n );\n\n return localesInLocalizedString.reduce<LocalizedString>(\n (localizedString, locale) => ({\n ...localizedString,\n [locale]: existingLocalizedString?.[locale] \|\| \"\",\n }),\n {}\n );\n};\n\n// Note: I prefer `isLocalizedStringEmpty`, but keeping this as `isEmpty` for api consistency with UI Kit\nexport const isEmpty = (localizedString?: LocalizedString): boolean => {\n if (!localizedString) return true;\n return Object.values(localizedString).every(\n (value?: string) => !value \|\| value?.trim().length === 0\n );\n};\n\nexport const omitEmptyTranslations = <Translations extends LocalizedString>(\n localizedString: Translations\n): LocalizedString => {\n // TODO: is it necessary to create a util that enforces a consistent warning/error format, e.g.\n // `<COMPONENT_NAME> - Warning: <WARNING_MESSAGE>`\n if (typeof localizedString !== \"object\") {\n console.warn(\n \"Nimbus Localized Field - Warning: omitEmptyTranslations must be called with an object\"\n );\n }\n\n return Object.entries(localizedString).reduce<LocalizedString>(\n (localizedStringWithoutEmptyTranslations, [locale, value]) => {\n if (value && value.trim().length > 0) {\n return {\n ...localizedStringWithoutEmptyTranslations,\n [locale]: value,\n };\n }\n return localizedStringWithoutEmptyTranslations;\n },\n {}\n );\n};\n\nexport const isTouched = (touched?: TouchedLocalizedString): boolean => {\n if (touched) {\n return Object.values(touched).some(Boolean);\n }\n return false;\n};\n\n/\n Use this function to convert the Formik `errors` object type to\n * our custom field errors type.\n * This is primarly useful when using TypeScript.\n /\nexport function toFieldErrors<FormValues>(\n errors: unknown\n): CustomFormikErrors<FormValues> {\n return errors as CustomFormikErrors<FormValues>;\n}\n\nexport const convertToMoneyValues = (\n values: TValue[],\n currency: string\n): Array<TMoneyValue \| null> =>\n Object.values(values).map<TMoneyValue \| null>((value) => {\n return MoneyInput.convertToMoneyValue(value, currency);\n });\n\nexport const parseMoneyValues = (\n moneyValues: TMoneyValue[] = [],\n locale: string\n): Record<TCurrencyCode, TValue> =>\n moneyValues.reduce<Record<TCurrencyCode, TValue>>(\n (allValues, moneyValue) => {\n const value = MoneyInput.parseMoneyValue(moneyValue, locale);\n return {\n ...allValues,\n [value.currencyCode]: value,\n };\n },\n {} as Record<TCurrencyCode, TValue>\n );\n\nexport const getHighPrecisionCurrencies = (\n values: Record<TCurrencyCode, TValue>,\n locale: string\n): TCurrencyCode[] => {\n const typedCurrencyCodes = Object.keys(values) as TCurrencyCode[];\n return typedCurrencyCodes.filter((currencyCode) =>\n MoneyInput.isHighPrecision(values[currencyCode], locale)\n );\n};\n\nexport const getEmptyCurrencies = (\n values: Record<TCurrencyCode, TValue>\n): TCurrencyCode[] => {\n const typedCurrencyCodes = Object.keys(values) as TCurrencyCode[];\n return typedCurrencyCodes.filter((currencyCode) =>\n MoneyInput.isEmpty(values[currencyCode])\n );\n};\n","import { useCallback } from \"react\";\nimport {\n FormField,\n Icon,\n TextInput,\n MoneyInput,\n type TCustomEvent,\n MultilineTextInput,\n RichTextInput,\n type TValue,\n type TCurrencyCode,\n} from \"@/components\";\nimport { WarningAmber } from \"@commercetools/nimbus-icons\";\nimport {\n LocalizedFieldLocaleFieldRootSlot,\n LocalizedFieldLocaleFieldInputSlot,\n LocalizedFieldLocaleFieldLabelSlot,\n} from \"../localized-field.slots\";\nimport type { LocalizedFieldLocaleFieldProps } from \"../localized-field.types\";\n\nexport const LocalizedFieldLocaleField = ({\n type,\n size,\n localeOrCurrency,\n id,\n name,\n inputValue: inputValueFromProps,\n description,\n warning,\n error,\n onChange,\n onBlur,\n onFocus,\n isRequired,\n isReadOnly,\n isDisabled,\n isInvalid,\n touched,\n ...otherProps\n}: LocalizedFieldLocaleFieldProps) => {\n let InputComponent:\n \| typeof TextInput\n \| typeof MultilineTextInput\n \| typeof MoneyInput\n \| typeof RichTextInput;\n switch (type) {\n case \"text\":\n default:\n InputComponent = TextInput;\n break;\n case \"multiLine\":\n InputComponent = MultilineTextInput;\n break;\n case \"money\":\n InputComponent = MoneyInput;\n break;\n case \"richText\":\n InputComponent = RichTextInput;\n break;\n }\n\n const getInputValue = () => {\n if (type === \"money\") {\n return inputValueFromProps\n ? (inputValueFromProps as TValue)\n : ({ amount: \"\", currencyCode: localeOrCurrency } as TValue);\n }\n return inputValueFromProps ? inputValueFromProps : \"\";\n };\n\n const inputValue = getInputValue();\n\n const handleChange = useCallback(\n (value: string \| TCustomEvent \| undefined) => {\n // The `MoneyInput` onChange event value is a custom value,\n // and the `MoneyInput` modifies the input id and name since it is in a `group`,\n // so we need to build a separate return object for the MoneInput to return\n // the expected values\n const isMoneyInputEvent = typeof value === \"object\";\n const changeValue = {\n target: isMoneyInputEvent\n ? {\n id: value.target.id,\n name: value.target.name,\n locale: undefined,\n currency: localeOrCurrency as TCurrencyCode,\n value: value.target.value,\n }\n : { id, name, locale: localeOrCurrency, currency: undefined, value },\n };\n onChange(changeValue);\n },\n [id, name, localeOrCurrency, onChange]\n );\n\n return (\n <LocalizedFieldLocaleFieldRootSlot asChild>\n <FormField.Root\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n isInvalid={(isInvalid \|\| !!error) && touched}\n direction=\"row\"\n size={size}\n id={id}\n >\n <LocalizedFieldLocaleFieldLabelSlot\n display={type === \"money\" ? \"none\" : undefined}\n {...(isDisabled && { \"data-disabled\": isDisabled })}\n asChild\n >\n <FormField.Label>\n {localeOrCurrency.toLocaleUpperCase()}\n </FormField.Label>\n </LocalizedFieldLocaleFieldLabelSlot>\n <FormField.Input>\n <LocalizedFieldLocaleFieldInputSlot\n aria-required={isRequired}\n asChild\n >\n <InputComponent\n {...otherProps}\n size={size}\n value={inputValue as string & TValue}\n onChange={handleChange}\n onBlur={(e: React.FocusEvent \| TCustomEvent) =>\n onBlur?.(e, localeOrCurrency)\n }\n onFocus={(e: React.FocusEvent \| TCustomEvent) =>\n onFocus?.(e, localeOrCurrency)\n }\n isRequired={isRequired}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n isInvalid={(isInvalid \|\| !!error) && touched}\n />\n </LocalizedFieldLocaleFieldInputSlot>\n </FormField.Input>\n {(description \|\| (warning && touched)) && (\n <FormField.Description\n role={warning && touched ? \"status\" : undefined}\n color={warning && touched ? \"warning.11\" : undefined}\n display=\"flex\"\n gap=\"100\"\n alignItems=\"center\"\n >\n {warning && touched ? (\n <>\n <Icon colorPalette=\"warning\">\n <WarningAmber />\n </Icon>\n {warning}\n </>\n ) : (\n description\n )}\n </FormField.Description>\n )}\n {error && touched && <FormField.Error>{error}</FormField.Error>}\n </FormField.Root>\n </LocalizedFieldLocaleFieldRootSlot>\n );\n};\n","import { useState, useMemo } from \"react\";\nimport { useIntl } from \"react-intl\";\nimport {\n Collection as RaCollection,\n Dialog as RaDialog,\n DialogTrigger as RaDialogTrigger,\n} from \"react-aria-components\";\nimport { useField, useId } from \"react-aria\";\nimport {\n ErrorOutline,\n HelpOutline,\n Language,\n Payments,\n WarningAmber,\n} from \"@commercetools/nimbus-icons\";\nimport {\n Box,\n Button,\n FieldErrors,\n Icon,\n IconButton,\n Stack,\n type TCurrencyCode,\n} from \"@/components\";\nimport { Popover } from \"../../popover\";\nimport messages from \"../localized-field.i18n\";\nimport {\n LocalizedFieldRootSlot,\n LocalizedFieldLabelSlot,\n LocalizedFieldInfoDialogSlot,\n LocalizedFieldFieldsContainerSlot,\n LocalizedFieldDescriptionSlot,\n LocalizedFieldErrorSlot,\n LocalizedFieldToggleButtonContainerSlot,\n} from \"../localized-field.slots\";\nimport type {\n LocalizedFieldProps,\n MergedLocaleFieldData,\n LocalizedCurrency,\n} from \"../localized-field.types\";\n\nimport {\n getHasInvalidLocalizedFields,\n getLocaleFieldAttribute,\n sortCurrencies,\n sortLocalesByDefaultLocaleLanguage,\n} from \"../utils/localized-field.utils\";\nimport { LocalizedFieldLocaleField } from \"./localized-field.locale-field\";\n\nexport const LocalizedField = ({\n type = \"text\",\n id,\n name,\n defaultLocaleOrCurrency,\n valuesByLocaleOrCurrency,\n placeholdersByLocaleOrCurrency,\n descriptionsByLocaleOrCurrency,\n warningsByLocaleOrCurrency,\n errorsByLocaleOrCurrency,\n label,\n hint,\n description,\n warning,\n warnings,\n renderWarning,\n error,\n errors,\n renderError,\n touched,\n isRequired,\n isDisabled,\n isReadOnly,\n onChange,\n onBlur,\n onFocus,\n defaultExpanded = false,\n displayAllLocalesOrCurrencies = false,\n size,\n autoFocus,\n [\"data-track-component\"]: dataTrackComponent,\n [\"data-testid\"]: dataTestId,\n [\"data-test\"]: dataTest,\n // DOM & Style props for wrapper container\n ...rest\n}: LocalizedFieldProps) => {\n const [expanded, setExpanded] = useState(\n displayAllLocalesOrCurrencies \|\| defaultExpanded\n );\n\n const { formatMessage } = useIntl();\n\n // Used to associate more info dialog with fieldset via `aria-controls`\n const localeFieldsContainerId = useId();\n // Used to associate more info dialog with fieldset via `aria-details`\n const moreDetailsButtonId = useId();\n\n // Either `error` exists, or there are `true` fields in the UI Kit compat `errors` object\n const hasError: boolean = Boolean(\n error \|\| (errors && Object.values(errors).some((error) => error === true))\n );\n\n // Either `warning` exists, or there are `true` fields in the UI Kit compat `warnings` object\n const hasWarning: boolean = Boolean(\n warning \|\| (warnings && Object.values(warnings).some(Boolean))\n );\n\n // FieldGroup is invalid if a non-field-specific error is passed and the group has been touched\n // When FieldGroup is invalid, all fields will display error styling without displaying a field-specific error message\n const isInvalid: boolean = !!(hasError && touched);\n\n const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n useField({\n id,\n label,\n description,\n errorMessage: error,\n isInvalid,\n });\n\n // Array of locales/currencies to display as input fields\n const localizationKeys: string[] \| TCurrencyCode[] = Object.keys(\n valuesByLocaleOrCurrency\n );\n\n // Merge all -ByLocaleOrCurrencies data for each field\n const allDataForFields = useMemo(() => {\n const sortedFieldData =\n type === \"money\"\n ? sortCurrencies(\n defaultLocaleOrCurrency as TCurrencyCode,\n localizationKeys as TCurrencyCode[]\n )\n : sortLocalesByDefaultLocaleLanguage(\n defaultLocaleOrCurrency,\n localizationKeys\n );\n\n return sortedFieldData.reduce(\n (allFieldData: MergedLocaleFieldData[], localizationKey) => {\n const allDataForLocale = {\n localeOrCurrency: localizationKey,\n inputValue:\n type === \"money\"\n ? (valuesByLocaleOrCurrency as LocalizedCurrency)[localizationKey]\n : (valuesByLocaleOrCurrency[localizationKey] as string),\n placeholder: placeholdersByLocaleOrCurrency?.[localizationKey],\n description: descriptionsByLocaleOrCurrency?.[localizationKey],\n warning: warningsByLocaleOrCurrency?.[localizationKey],\n error: errorsByLocaleOrCurrency?.[localizationKey],\n // autoFocus default/first locale field\n ...(localizationKey === defaultLocaleOrCurrency && autoFocus\n ? { autoFocus }\n : {}),\n isInvalid,\n isRequired,\n isDisabled,\n isReadOnly,\n };\n if (\n expanded \|\|\n // Only display defaultLocaleOrInput field if fieldGroup is not expanded\n (!expanded && localizationKey === defaultLocaleOrCurrency)\n ) {\n return [...allFieldData, allDataForLocale];\n }\n return allFieldData;\n },\n []\n );\n }, [\n valuesByLocaleOrCurrency,\n placeholdersByLocaleOrCurrency,\n descriptionsByLocaleOrCurrency,\n warningsByLocaleOrCurrency,\n errorsByLocaleOrCurrency,\n defaultLocaleOrCurrency,\n expanded,\n isInvalid,\n isRequired,\n isDisabled,\n isReadOnly,\n ]);\n\n const groupHasInvalidLocalizedFields = getHasInvalidLocalizedFields(\n errorsByLocaleOrCurrency,\n defaultLocaleOrCurrency\n );\n\n const shouldExpandInvalidFields =\n (groupHasInvalidLocalizedFields \|\| hasError) && touched;\n // If there are fields that are invalid, ensure that field group\n // shows all fields so that invalid field is visible\n if (shouldExpandInvalidFields && !expanded) {\n setExpanded(true);\n }\n\n return (\n <LocalizedFieldRootSlot\n {...rest}\n {...fieldProps}\n aria-details={hint ? moreDetailsButtonId : undefined}\n type={type}\n size={size}\n name={name}\n >\n {label && (\n <Stack direction=\"row\" gap=\"0\">\n <LocalizedFieldLabelSlot {...labelProps}>\n {label}\n {isRequired && <sup aria-hidden=\"true\"></sup>}\n </LocalizedFieldLabelSlot>\n {hint && (\n <RaDialogTrigger>\n <IconButton\n id={moreDetailsButtonId}\n aria-label={formatMessage(messages.infoBoxTriggerAriaLabel)}\n size=\"2xs\"\n tone=\"info\"\n variant=\"link\"\n >\n <HelpOutline />\n </IconButton>\n\n <Popover padding={0}>\n <LocalizedFieldInfoDialogSlot asChild>\n <RaDialog>\n <Box p=\"300\">{hint}</Box>\n </RaDialog>\n </LocalizedFieldInfoDialogSlot>\n </Popover>\n </RaDialogTrigger>\n )}\n </Stack>\n )}\n <LocalizedFieldFieldsContainerSlot\n id={localeFieldsContainerId}\n data-expanded={expanded}\n >\n <RaCollection items={allDataForFields}>\n {(item) => {\n return (\n <LocalizedFieldLocaleField\n {...item}\n size={size}\n type={type}\n onChange={onChange}\n onBlur={onBlur}\n onFocus={onFocus}\n touched={touched}\n // Format field attributes to match uikit pattern\n id={getLocaleFieldAttribute(\n fieldProps.id,\n item.localeOrCurrency\n )}\n name={getLocaleFieldAttribute(name, item.localeOrCurrency)}\n data-test={getLocaleFieldAttribute(\n dataTest,\n item.localeOrCurrency\n )}\n data-testid={getLocaleFieldAttribute(\n dataTestId,\n item.localeOrCurrency\n )}\n data-track-component={getLocaleFieldAttribute(\n dataTrackComponent,\n item.localeOrCurrency\n )}\n />\n );\n }}\n </RaCollection>\n </LocalizedFieldFieldsContainerSlot>\n\n {!displayAllLocalesOrCurrencies && localizationKeys.length > 1 && (\n <LocalizedFieldToggleButtonContainerSlot>\n <Button\n aria-controls={localeFieldsContainerId}\n aria-describedby={labelProps.id}\n aria-expanded={expanded}\n onPress={() => setExpanded(!expanded)}\n isDisabled={isDisabled \|\| (shouldExpandInvalidFields && expanded)}\n variant=\"ghost\"\n size=\"2xs\"\n colorPalette=\"primary\"\n >\n <Box\n as={type === \"money\" ? Payments : Language}\n display=\"inline-flex\"\n boxSize=\"400\"\n verticalAlign=\"text-bottom\"\n mr=\"100\"\n />\n {type === \"money\"\n ? expanded\n ? formatMessage(messages.hideCurrencies)\n : formatMessage(messages.showCurrencies)\n : expanded\n ? formatMessage(messages.hideLanguages)\n : formatMessage(messages.showLanguages)}\n </Button>\n </LocalizedFieldToggleButtonContainerSlot>\n )}\n {(description \|\| (hasWarning && touched)) && (\n <LocalizedFieldDescriptionSlot\n role={hasWarning && touched ? \"status\" : undefined}\n color={hasWarning && touched ? \"warning.11\" : undefined}\n // In order to associate the warnings from both the warning and legacy warnings props with the fieldset,\n // we must associate, them to this element with aria-labelledby\n aria-labelledby={`${descriptionProps.id}-warning`}\n {...descriptionProps}\n >\n {/** Warnings are for compat with UI Kit localized fields */}\n {hasWarning && touched ? (\n <>\n <Icon colorPalette=\"warning\">\n <WarningAmber />\n </Icon>\n <Stack gap=\"0\" id={`${descriptionProps.id}-warning`}>\n {warning}\n {warnings && hasWarning && (\n <FieldErrors\n errors={warnings}\n renderError={renderWarning}\n colorPalette=\"warning\"\n role={undefined}\n />\n )}\n </Stack>\n </>\n ) : (\n description\n )}\n </LocalizedFieldDescriptionSlot>\n )}\n {isInvalid && (\n <LocalizedFieldErrorSlot\n // In order to associate the errors from both the error and legacy errors props with the fieldset,\n // we must associate them to this element with aria-labelledby.\n aria-labelledby={`${errorMessageProps.id}-error`}\n role=\"alert\"\n {...errorMessageProps}\n >\n <Icon>\n <ErrorOutline />\n </Icon>\n <Stack gap=\"0\" id={`${errorMessageProps.id}-error`}>\n {error}\n {errors && hasError && (\n <FieldErrors\n errors={errors}\n renderError={renderError}\n role={undefined}\n />\n )}\n </Stack>\n </LocalizedFieldErrorSlot>\n )}\n </LocalizedFieldRootSlot>\n );\n};\n","import { LocalizedField as LocalizedFieldRoot } from \"./components/localized-field.root\";\nimport {\n getLocaleFieldAttribute,\n createLocalizedString,\n isEmpty,\n omitEmptyTranslations,\n isTouched,\n RequiredValueErrorMessage,\n toFieldErrors,\n convertToMoneyValues,\n parseMoneyValues,\n getHighPrecisionCurrencies,\n getEmptyCurrencies,\n} from \"./utils/localized-field.utils\";\n\nexport const LocalizedField = Object.assign(LocalizedFieldRoot, {\n // Add util methods here for compat with uikit - see https://github.com/commercetools/ui-kit/blob/e97e0c7e8f3e9393981bf1949573212d7c571c90/packages/components/inputs/localized-text-input/src/localized-text-input.tsx#L396\n getId: getLocaleFieldAttribute,\n getName: getLocaleFieldAttribute,\n isTouched,\n isEmpty,\n createLocalizedString,\n omitEmptyTranslations,\n RequiredValueErrorMessage,\n toFieldErrors,\n convertToMoneyValues,\n parseMoneyValues,\n getHighPrecisionCurrencies,\n getEmptyCurrencies,\n});\n"],"names":["messages","defineMessages","withProvider","withContext","createSlotRecipeContext","localizedFieldSlotRecipe","LocalizedFieldRootSlot","LocalizedFieldLabelSlot","LocalizedFieldInfoDialogSlot","LocalizedFieldFieldsContainerSlot","LocalizedFieldDescriptionSlot","LocalizedFieldErrorSlot","LocalizedFieldToggleButtonContainerSlot","LocalizedFieldLocaleFieldRootSlot","LocalizedFieldLocaleFieldLabelSlot","LocalizedFieldLocaleFieldInputSlot","RequiredValueErrorMessage","jsx","FormField","FormattedMessage","getLocaleFieldAttribute","fieldGroupAttr","locale","getLanguageForLocale","splitLanguages","defaultLocale","locales","defaultLanguage","related","sortLocalesByDefaultLocaleLanguage","allLocales","unrelated","sortCurrencies","defaultCurrency","allCurrencies","remainingCurrencies","currency","getHasInvalidLocalizedFields","errors","defaultLocaleOrCurrency","localeOrCurrency","createLocalizedString","existingLocalizedString","localizedString","isEmpty","value","omitEmptyTranslations","localizedStringWithoutEmptyTranslations","isTouched","touched","toFieldErrors","convertToMoneyValues","values","MoneyInput","parseMoneyValues","moneyValues","allValues","moneyValue","getHighPrecisionCurrencies","currencyCode","getEmptyCurrencies","LocalizedFieldLocaleField","type","size","id","name","inputValueFromProps","description","warning","error","onChange","onBlur","onFocus","isRequired","isReadOnly","isDisabled","isInvalid","otherProps","InputComponent","TextInput","MultilineTextInput","RichTextInput","inputValue","handleChange","useCallback","changeValue","jsxs","e","Fragment","Icon","WarningAmber","LocalizedField","valuesByLocaleOrCurrency","placeholdersByLocaleOrCurrency","descriptionsByLocaleOrCurrency","warningsByLocaleOrCurrency","errorsByLocaleOrCurrency","label","hint","warnings","renderWarning","renderError","defaultExpanded","displayAllLocalesOrCurrencies","autoFocus","dataTrackComponent","dataTestId","dataTest","rest","expanded","setExpanded","useState","formatMessage","useIntl","localeFieldsContainerId","useId","moreDetailsButtonId","hasError","hasWarning","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","localizationKeys","allDataForFields","useMemo","allFieldData","localizationKey","allDataForLocale","shouldExpandInvalidFields","Stack","RaDialogTrigger","IconButton","HelpOutline","Popover","RaDialog","Box","RaCollection","item","Button","Payments","Language","FieldErrors","ErrorOutline","LocalizedFieldRoot"],"mappings":"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"}

package/dist/chunks/menu-CbZRD4Zi.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("react/jsx-runtime"),y=require("@chakra-ui/react/styled-system"),u=require("./Dialog-BjViQ1kS.cjs.js"),w=require("./index-BER2ZcrK.cjs.js"),m=require("react"),F=require("./Button-BX9V1fKa.cjs.js"),d=require("./extractStyleProps-Y0FOIaxn.cjs.js"),K=require("@commercetools/nimbus-icons"),L=require("./icon-BHx0r3NL.cjs.js"),E=require("./CollectionBuilder-ktWuMEDl.cjs.js"),O=require("./Header-DaJELAp2.cjs.js"),{withProvider:B,withContext:l}=y.createSlotRecipeContext({recipe:w.menuSlotRecipe}),k=B("div","root"),j=l("button","trigger"),D=l("div","popover"),H=l("div","content"),V=l("div","item"),W=l("div","section"),z=l("div","sectionLabel"),f=m.createContext(void 0),A=f.Provider,v=()=>m.useContext(f),S=t=>{const n=y.useSlotRecipe({key:"menu"}),[c,r]=n.splitVariantProps(t),{children:s,trigger:o,isOpen:i,defaultOpen:p,onOpenChange:x,...b}=r,M={trigger:o,isOpen:i,defaultOpen:p,onOpenChange:x};return e.jsx(k,{...c,asChild:!0,children:e.jsx(u.$3674c52c6b3c5bce$export$27d2ad3c5815583e,{...M,children:e.jsx(A,{value:b,children:s})})})};S.displayName="Menu.Root";const h=({children:t,asChild:n,ref:c,...r})=>{const[s,o]=d.extractStyleProps(r);return n?e.jsx(j,{ref:c,asChild:!0,...s,children:t}):e.jsx(j,{asChild:!0,...s,children:e.jsx(F.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{ref:c,...o,children:t})})};h.displayName="Menu.Trigger";const G=m.createContext(void 0),R=G.Provider,a=({children:t,placement:n,ref:c})=>{const r=v();if(!r)throw new Error("Menu.Content must be used within Menu.Root");const{placement:s,...o}=r,i=n\|\|s\|\|"bottom start";return e.jsx(R,{value:{selectionMode:o.selectionMode},children:e.jsx(D,{asChild:!0,children:e.jsx(u.$07b14b47974efb58$export$5b6b19405a83ff9d,{placement:i,offset:4,shouldFlip:!0,children:e.jsx(H,{asChild:!0,children:e.jsx(u.$3674c52c6b3c5bce$export$d9b273488cd8ce6f,{ref:c,shouldFocusWrap:!0,autoFocus:"first",...o,children:t})})})})})};a.displayName="Menu.Content";const g=({children:t,isCritical:n,ref:c,...r})=>{const[s,o]=d.extractStyleProps(r);return e.jsx(V,{asChild:!0,...s,"data-critical":n?"":void 0,children:e.jsx(u.$3674c52c6b3c5bce$export$2ce376c2cc3355c8,{ref:c,...o,children:({hasSubmenu:i})=>e.jsxs(e.Fragment,{children:[t,i&&e.jsx(L.Icon,{slot:"caretIcon",children:e.jsx(K.ChevronRight,{})})]})})})};g.displayName="Menu.Item";const q=({children:t,ref:n,...c})=>{const[r,s]=d.extractStyleProps(c);return e.jsx(z,{asChild:!0,...r,children:e.jsx(O.$72a5793c14baf454$export$8b251419efc915eb,{ref:n,...s,children:t})})};q.displayName="Menu.SectionLabel";const P=({children:t,ref:n,label:c,items:r,...s})=>{const o=v(),{selectionMode:i=o?.selectionMode,selectedKeys:p=o?.selectedKeys,defaultSelectedKeys:x=o?.defaultSelectedKeys,onSelectionChange:b=o?.onSelectionChange,disallowEmptySelection:M=o?.disallowEmptySelection,...T}=s,[I,N]=d.extractStyleProps(T);return e.jsx(R,{value:{selectionMode:i},children:e.jsx(W,{asChild:!0,...I,children:e.jsxs(u.$3674c52c6b3c5bce$export$4b1545b4f2016d26,{ref:n,selectionMode:i,selectedKeys:p,defaultSelectedKeys:x,onSelectionChange:b,disallowEmptySelection:M,...N,children:[e.jsx(q,{children:c}),r?e.jsx(E.$e1995378a142960e$export$fb8073518f34e6ec,{items:r,children:t}):t]})})})};P.displayName="Menu.Section";const C=({children:t,...n})=>e.jsx(u.$3674c52c6b3c5bce$export$ecabc99eeffab7ca,{...n,children:t});C.displayName="Menu.SubmenuTrigger";const $=({children:t,...n})=>e.jsx(a,{...n,placement:"end",children:t});$.displayName="Menu.Submenu";const J={Root:S,Trigger:h,Content:a,Item:g,Section:P,Submenu:$,SubmenuTrigger:C};exports.Menu=J;exports.MenuContent=a;exports.MenuItem=g;exports.MenuRoot=S;exports.MenuSection=P;exports.MenuSubmenu=$;exports.MenuSubmenuTrigger=C;exports.MenuTrigger=h;
2	+ //# sourceMappingURL=menu-CbZRD4Zi.cjs.js.map

package/dist/chunks/{menu-CbBblVAx.cjs.js.map → menu-CbZRD4Zi.cjs.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu-CbBblVAx.cjs.js","sources":["../../src/components/menu/menu.slots.tsx","../../src/components/menu/components/menu.context.tsx","../../src/components/menu/components/menu.root.tsx","../../src/components/menu/components/menu.trigger.tsx","../../src/components/menu/components/menu.section-context.tsx","../../src/components/menu/components/menu.content.tsx","../../src/components/menu/components/menu.item.tsx","../../src/components/menu/components/menu.section-label.tsx","../../src/components/menu/components/menu.section.tsx","../../src/components/menu/components/menu.submenu-trigger.tsx","../../src/components/menu/components/menu.submenu.tsx","../../src/components/menu/menu.tsx"],"sourcesContent":["import {\n createSlotRecipeContext,\n type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { menuSlotRecipe } from \"./menu.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: menuSlotRecipe,\n});\n\n// Menu Root\nexport type MenuRootSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuRootSlot = withProvider<HTMLDivElement, MenuRootSlotProps>(\n \"div\",\n \"root\"\n);\n\n// Menu Trigger\nexport type MenuTriggerSlotProps = HTMLChakraProps<\"button\">;\nexport const MenuTriggerSlot = withContext<\n HTMLButtonElement,\n MenuTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Menu Popover\nexport type MenuPopoverSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuPopoverSlot = withContext<\n HTMLDivElement,\n MenuPopoverSlotProps\n>(\"div\", \"popover\");\n\n// Menu Content\nexport type MenuContentSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuContentSlot = withContext<\n HTMLDivElement,\n MenuContentSlotProps\n>(\"div\", \"content\");\n\n// Menu Item\nexport type MenuItemSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuItemSlot = withContext<HTMLDivElement, MenuItemSlotProps>(\n \"div\",\n \"item\"\n);\n\n// Menu Section\nexport type MenuSectionSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSectionSlot = withContext<\n HTMLDivElement,\n MenuSectionSlotProps\n>(\"div\", \"section\");\n\n// Menu Section Label\nexport type MenuSectionLabelSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSectionLabelSlot = withContext<\n HTMLDivElement,\n MenuSectionLabelSlotProps\n>(\"div\", \"sectionLabel\");\n\n// Menu Group Label\nexport type MenuSubmenuSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSubmenuSlot = withContext<\n HTMLDivElement,\n MenuSubmenuSlotProps\n>(\"div\", \"submenu\");\n","import { createContext, useContext } from \"react\";\nimport type { MenuRootProps } from \"./../menu.types\";\nimport type { MenuTriggerProps as RaMenuTriggerProps } from \"react-aria-components\";\n\n// Context should contain all Menu props (excluding MenuTrigger-specific props)\nexport type MenuContextValue = Omit<\n MenuRootProps,\n keyof RaMenuTriggerProps \| \"children\" \| \"trigger\"\n>;\n\nconst MenuContext = createContext<MenuContextValue \| undefined>(undefined);\n\nexport const MenuProvider = MenuContext.Provider;\n\nexport const useMenuContext = () => {\n const context = useContext(MenuContext);\n return context;\n};\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { MenuTrigger as RaMenuTrigger } from \"react-aria-components\";\nimport type { MenuRootProps } from \"../menu.types\";\nimport { MenuRootSlot } from \"../menu.slots\";\nimport { MenuProvider } from \"./menu.context\";\n\nexport const MenuRoot = (props: MenuRootProps) => {\n const recipe = useSlotRecipe({ key: \"menu\" });\n const [recipeProps, functionalProps] = recipe.splitVariantProps(props);\n\n // Separate MenuTrigger props from Menu props\n const {\n children,\n trigger,\n isOpen,\n defaultOpen,\n onOpenChange,\n ...menuContextProps\n } = functionalProps;\n\n const menuTriggerProps = {\n trigger,\n isOpen,\n defaultOpen,\n onOpenChange,\n };\n\n return (\n <MenuRootSlot {...recipeProps} asChild>\n <RaMenuTrigger {...menuTriggerProps}>\n <MenuProvider value={menuContextProps}>{children}</MenuProvider>\n </RaMenuTrigger>\n </MenuRootSlot>\n );\n};\n\nMenuRoot.displayName = \"Menu.Root\";\n","import { Button } from \"react-aria-components\";\nimport { MenuTriggerSlot } from \"../menu.slots\";\nimport type { MenuTriggerProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport type { ReactNode } from \"react\";\n\nexport const MenuTrigger = ({\n children,\n asChild,\n ref,\n ...props\n}: MenuTriggerProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n /*\n The user supplied a Button as the trigger\n /\n if (asChild) {\n // When asChild is true, apply styles to the child element\n return (\n <MenuTriggerSlot ref={ref} asChild {...styleProps}>\n {children as ReactNode}\n </MenuTriggerSlot>\n );\n }\n\n /\n The user did not supply a Button as trigger, use an unstyled button\n * to wrap which ever element the user supplied and make it a trigger\n /\n return (\n <MenuTriggerSlot asChild {...styleProps}>\n <Button ref={ref} {...restProps}>\n {children}\n </Button>\n </MenuTriggerSlot>\n );\n};\n\nMenuTrigger.displayName = \"Menu.Trigger\";\n","import { createContext, useContext } from \"react\";\n\nexport interface MenuSectionContextValue {\n selectionMode?: \"single\" \| \"multiple\" \| \"none\";\n}\n/\n Why is a second context (MenuSectionContext) needed?\n \n MenuSectionContext enables section-level config for menu items, such as\n * selection mode, which may differ from the global menu context. This allows\n * advanced menus where each section can have its own selection behavior\n * (e.g., one section is single-select, another is multi-select).\n * By scoping context to a section, menu items inherit settings from their\n * nearest section, falling back to the global menu context if not present.\n * This pattern improves flexibility and composability for complex menus,\n * and avoids prop drilling or awkward prop merging.\n /\n\nconst MenuSectionContext = createContext<MenuSectionContextValue \| undefined>(\n undefined\n);\n\nexport const MenuSectionProvider = MenuSectionContext.Provider;\n\nexport const useMenuSectionContext = () => {\n return useContext(MenuSectionContext);\n};\n","import { Menu, Popover } from \"react-aria-components\";\nimport { MenuContentSlot, MenuPopoverSlot } from \"../menu.slots\";\nimport type { MenuContentProps } from \"../menu.types\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\n\nexport const MenuContent = ({\n children,\n placement: placementOverride,\n ref,\n}: MenuContentProps) => {\n const contextProps = useMenuContext();\n\n if (!contextProps) {\n throw new Error(\"Menu.Content must be used within Menu.Root\");\n }\n\n // Separate placement from other props since it's handled by Popover\n const { placement, ...menuProps } = contextProps;\n const finalPlacement = placementOverride \|\| placement \|\| \"bottom start\";\n\n return (\n <MenuSectionProvider value={{ selectionMode: menuProps.selectionMode }}>\n <MenuPopoverSlot asChild>\n <Popover placement={finalPlacement} offset={4} shouldFlip>\n <MenuContentSlot asChild>\n <Menu ref={ref} shouldFocusWrap autoFocus=\"first\" {...menuProps}>\n {children}\n </Menu>\n </MenuContentSlot>\n </Popover>\n </MenuPopoverSlot>\n </MenuSectionProvider>\n );\n};\n\nMenuContent.displayName = \"Menu.Content\";\n","import { MenuItem as RaMenuItem } from \"react-aria-components\";\nimport { MenuItemSlot } from \"../menu.slots\";\nimport type { MenuItemProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { ChevronRight } from \"@commercetools/nimbus-icons\";\nimport { Icon } from \"@/components/icon\";\n\nexport const MenuItem = ({\n children,\n isCritical,\n ref,\n ...props\n}: MenuItemProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n return (\n <MenuItemSlot\n asChild\n {...styleProps}\n data-critical={isCritical ? \"\" : undefined}\n >\n <RaMenuItem ref={ref} {...restProps}>\n {({ hasSubmenu }) => (\n <>\n {children}\n {hasSubmenu && (\n <Icon slot=\"caretIcon\">\n <ChevronRight />\n </Icon>\n )}\n </>\n )}\n </RaMenuItem>\n </MenuItemSlot>\n );\n};\n\nMenuItem.displayName = \"Menu.Item\";\n","import { Header } from \"react-aria-components\";\nimport { MenuSectionLabelSlot } from \"../menu.slots\";\nimport type { MenuSectionLabelProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/\n Used in MenuSection for rendering the `label` property.\n /\nexport const MenuSectionLabel = ({\n children,\n ref,\n ...props\n}: MenuSectionLabelProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n return (\n <MenuSectionLabelSlot asChild {...styleProps}>\n <Header ref={ref} {...restProps}>\n {children}\n </Header>\n </MenuSectionLabelSlot>\n );\n};\n\nMenuSectionLabel.displayName = \"Menu.SectionLabel\";\n","import {\n MenuSection as RaMenuSection,\n Collection,\n} from \"react-aria-components\";\nimport { MenuSectionSlot } from \"../menu.slots\";\nimport type { MenuSectionProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\nimport { MenuSectionLabel } from \"./menu.section-label\";\nimport type { ReactNode } from \"react\";\n\nexport const MenuSection = <T extends object = object>({\n children,\n ref,\n label,\n items,\n ...props\n}: MenuSectionProps<T>) => {\n const contextProps = useMenuContext();\n\n // Extract selection-related props before extracting style props\n const {\n selectionMode = contextProps?.selectionMode,\n selectedKeys = contextProps?.selectedKeys,\n defaultSelectedKeys = contextProps?.defaultSelectedKeys,\n onSelectionChange = contextProps?.onSelectionChange,\n disallowEmptySelection = contextProps?.disallowEmptySelection,\n ...restProps\n } = props;\n\n const [styleProps, otherProps] = extractStyleProps(restProps);\n\n return (\n <MenuSectionProvider value={{ selectionMode }}>\n <MenuSectionSlot asChild {...styleProps}>\n <RaMenuSection\n ref={ref}\n selectionMode={selectionMode}\n selectedKeys={selectedKeys}\n defaultSelectedKeys={defaultSelectedKeys}\n onSelectionChange={onSelectionChange}\n disallowEmptySelection={disallowEmptySelection}\n {...otherProps}\n >\n <MenuSectionLabel>{label}</MenuSectionLabel>\n {items ? (\n <Collection items={items}>{children}</Collection>\n ) : (\n (children as ReactNode)\n )}\n </RaMenuSection>\n </MenuSectionSlot>\n </MenuSectionProvider>\n );\n};\n\nMenuSection.displayName = \"Menu.Section\";\n","import { SubmenuTrigger as RaSubmenuTrigger } from \"react-aria-components\";\nimport type { MenuSubmenuTriggerProps } from \"../menu.types\";\n\nexport const MenuSubmenuTrigger = ({\n children,\n ...props\n}: MenuSubmenuTriggerProps) => {\n return <RaSubmenuTrigger {...props}>{children}</RaSubmenuTrigger>;\n};\n\nMenuSubmenuTrigger.displayName = \"Menu.SubmenuTrigger\";\n","import type { MenuSubmenuProps } from \"../menu.types\";\nimport { MenuContent } from \"./menu.content\";\n\nexport const MenuSubmenu = ({ children, ...props }: MenuSubmenuProps) => {\n return (\n <MenuContent {...props} placement=\"end\">\n {children}\n </MenuContent>\n );\n};\n\nMenuSubmenu.displayName = \"Menu.Submenu\";\n","import { MenuRoot } from \"./components/menu.root\";\nimport { MenuTrigger } from \"./components/menu.trigger\";\nimport { MenuContent } from \"./components/menu.content\";\nimport { MenuItem } from \"./components/menu.item\";\nimport { MenuSection } from \"./components/menu.section\";\nimport { MenuSubmenuTrigger } from \"./components/menu.submenu-trigger\";\nimport { MenuSubmenu } from \"./components/menu.submenu\";\n\n// Re-export types\nexport type from \"./menu.types\";\n\nexport const Menu = {\n Root: MenuRoot,\n Trigger: MenuTrigger,\n Content: MenuContent,\n Item: MenuItem,\n Section: MenuSection,\n Submenu: MenuSubmenu,\n SubmenuTrigger: MenuSubmenuTrigger,\n};\n\n// Exports for internal use by react-docgen\nexport {\n MenuRoot as _MenuRoot,\n MenuTrigger as _MenuTrigger,\n MenuContent as _MenuContent,\n MenuItem as _MenuItem,\n MenuSection as _MenuSection,\n MenuSubmenuTrigger as _MenuSubmenuTrigger,\n MenuSubmenu as _MenuSubmenu,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","menuSlotRecipe","MenuRootSlot","MenuTriggerSlot","MenuPopoverSlot","MenuContentSlot","MenuItemSlot","MenuSectionSlot","MenuSectionLabelSlot","MenuContext","createContext","MenuProvider","useMenuContext","useContext","MenuRoot","props","recipe","useSlotRecipe","recipeProps","functionalProps","children","trigger","isOpen","defaultOpen","onOpenChange","menuContextProps","menuTriggerProps","jsx","RaMenuTrigger","MenuTrigger","asChild","ref","styleProps","restProps","extractStyleProps","Button","MenuSectionContext","MenuSectionProvider","MenuContent","placementOverride","contextProps","placement","menuProps","finalPlacement","Popover","Menu","MenuItem","isCritical","RaMenuItem","hasSubmenu","jsxs","Fragment","Icon","ChevronRight","MenuSectionLabel","Header","MenuSection","label","items","selectionMode","selectedKeys","defaultSelectedKeys","onSelectionChange","disallowEmptySelection","otherProps","RaMenuSection","Collection","MenuSubmenuTrigger","RaSubmenuTrigger","MenuSubmenu"],"mappings":"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"}
1	+ {"version":3,"file":"menu-CbZRD4Zi.cjs.js","sources":["../../src/components/menu/menu.slots.tsx","../../src/components/menu/components/menu.context.tsx","../../src/components/menu/components/menu.root.tsx","../../src/components/menu/components/menu.trigger.tsx","../../src/components/menu/components/menu.section-context.tsx","../../src/components/menu/components/menu.content.tsx","../../src/components/menu/components/menu.item.tsx","../../src/components/menu/components/menu.section-label.tsx","../../src/components/menu/components/menu.section.tsx","../../src/components/menu/components/menu.submenu-trigger.tsx","../../src/components/menu/components/menu.submenu.tsx","../../src/components/menu/menu.tsx"],"sourcesContent":["import {\n createSlotRecipeContext,\n type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { menuSlotRecipe } from \"./menu.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: menuSlotRecipe,\n});\n\n// Menu Root\nexport type MenuRootSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuRootSlot = withProvider<HTMLDivElement, MenuRootSlotProps>(\n \"div\",\n \"root\"\n);\n\n// Menu Trigger\nexport type MenuTriggerSlotProps = HTMLChakraProps<\"button\">;\nexport const MenuTriggerSlot = withContext<\n HTMLButtonElement,\n MenuTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Menu Popover\nexport type MenuPopoverSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuPopoverSlot = withContext<\n HTMLDivElement,\n MenuPopoverSlotProps\n>(\"div\", \"popover\");\n\n// Menu Content\nexport type MenuContentSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuContentSlot = withContext<\n HTMLDivElement,\n MenuContentSlotProps\n>(\"div\", \"content\");\n\n// Menu Item\nexport type MenuItemSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuItemSlot = withContext<HTMLDivElement, MenuItemSlotProps>(\n \"div\",\n \"item\"\n);\n\n// Menu Section\nexport type MenuSectionSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSectionSlot = withContext<\n HTMLDivElement,\n MenuSectionSlotProps\n>(\"div\", \"section\");\n\n// Menu Section Label\nexport type MenuSectionLabelSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSectionLabelSlot = withContext<\n HTMLDivElement,\n MenuSectionLabelSlotProps\n>(\"div\", \"sectionLabel\");\n\n// Menu Group Label\nexport type MenuSubmenuSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSubmenuSlot = withContext<\n HTMLDivElement,\n MenuSubmenuSlotProps\n>(\"div\", \"submenu\");\n","import { createContext, useContext } from \"react\";\nimport type { MenuRootProps } from \"./../menu.types\";\nimport type { MenuTriggerProps as RaMenuTriggerProps } from \"react-aria-components\";\n\n// Context should contain all Menu props (excluding MenuTrigger-specific props)\nexport type MenuContextValue = Omit<\n MenuRootProps,\n keyof RaMenuTriggerProps \| \"children\" \| \"trigger\"\n>;\n\nconst MenuContext = createContext<MenuContextValue \| undefined>(undefined);\n\nexport const MenuProvider = MenuContext.Provider;\n\nexport const useMenuContext = () => {\n const context = useContext(MenuContext);\n return context;\n};\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { MenuTrigger as RaMenuTrigger } from \"react-aria-components\";\nimport type { MenuRootProps } from \"../menu.types\";\nimport { MenuRootSlot } from \"../menu.slots\";\nimport { MenuProvider } from \"./menu.context\";\n\nexport const MenuRoot = (props: MenuRootProps) => {\n const recipe = useSlotRecipe({ key: \"menu\" });\n const [recipeProps, functionalProps] = recipe.splitVariantProps(props);\n\n // Separate MenuTrigger props from Menu props\n const {\n children,\n trigger,\n isOpen,\n defaultOpen,\n onOpenChange,\n ...menuContextProps\n } = functionalProps;\n\n const menuTriggerProps = {\n trigger,\n isOpen,\n defaultOpen,\n onOpenChange,\n };\n\n return (\n <MenuRootSlot {...recipeProps} asChild>\n <RaMenuTrigger {...menuTriggerProps}>\n <MenuProvider value={menuContextProps}>{children}</MenuProvider>\n </RaMenuTrigger>\n </MenuRootSlot>\n );\n};\n\nMenuRoot.displayName = \"Menu.Root\";\n","import { Button } from \"react-aria-components\";\nimport { MenuTriggerSlot } from \"../menu.slots\";\nimport type { MenuTriggerProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport type { ReactNode } from \"react\";\n\nexport const MenuTrigger = ({\n children,\n asChild,\n ref,\n ...props\n}: MenuTriggerProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n /*\n The user supplied a Button as the trigger\n /\n if (asChild) {\n // When asChild is true, apply styles to the child element\n return (\n <MenuTriggerSlot ref={ref} asChild {...styleProps}>\n {children as ReactNode}\n </MenuTriggerSlot>\n );\n }\n\n /\n The user did not supply a Button as trigger, use an unstyled button\n * to wrap which ever element the user supplied and make it a trigger\n /\n return (\n <MenuTriggerSlot asChild {...styleProps}>\n <Button ref={ref} {...restProps}>\n {children}\n </Button>\n </MenuTriggerSlot>\n );\n};\n\nMenuTrigger.displayName = \"Menu.Trigger\";\n","import { createContext, useContext } from \"react\";\n\nexport interface MenuSectionContextValue {\n selectionMode?: \"single\" \| \"multiple\" \| \"none\";\n}\n/\n Why is a second context (MenuSectionContext) needed?\n \n MenuSectionContext enables section-level config for menu items, such as\n * selection mode, which may differ from the global menu context. This allows\n * advanced menus where each section can have its own selection behavior\n * (e.g., one section is single-select, another is multi-select).\n * By scoping context to a section, menu items inherit settings from their\n * nearest section, falling back to the global menu context if not present.\n * This pattern improves flexibility and composability for complex menus,\n * and avoids prop drilling or awkward prop merging.\n /\n\nconst MenuSectionContext = createContext<MenuSectionContextValue \| undefined>(\n undefined\n);\n\nexport const MenuSectionProvider = MenuSectionContext.Provider;\n\nexport const useMenuSectionContext = () => {\n return useContext(MenuSectionContext);\n};\n","import { Menu, Popover } from \"react-aria-components\";\nimport { MenuContentSlot, MenuPopoverSlot } from \"../menu.slots\";\nimport type { MenuContentProps } from \"../menu.types\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\n\nexport const MenuContent = ({\n children,\n placement: placementOverride,\n ref,\n}: MenuContentProps) => {\n const contextProps = useMenuContext();\n\n if (!contextProps) {\n throw new Error(\"Menu.Content must be used within Menu.Root\");\n }\n\n // Separate placement from other props since it's handled by Popover\n const { placement, ...menuProps } = contextProps;\n const finalPlacement = placementOverride \|\| placement \|\| \"bottom start\";\n\n return (\n <MenuSectionProvider value={{ selectionMode: menuProps.selectionMode }}>\n <MenuPopoverSlot asChild>\n <Popover placement={finalPlacement} offset={4} shouldFlip>\n <MenuContentSlot asChild>\n <Menu ref={ref} shouldFocusWrap autoFocus=\"first\" {...menuProps}>\n {children}\n </Menu>\n </MenuContentSlot>\n </Popover>\n </MenuPopoverSlot>\n </MenuSectionProvider>\n );\n};\n\nMenuContent.displayName = \"Menu.Content\";\n","import { MenuItem as RaMenuItem } from \"react-aria-components\";\nimport { MenuItemSlot } from \"../menu.slots\";\nimport type { MenuItemProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { ChevronRight } from \"@commercetools/nimbus-icons\";\nimport { Icon } from \"@/components/icon\";\n\nexport const MenuItem = ({\n children,\n isCritical,\n ref,\n ...props\n}: MenuItemProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n return (\n <MenuItemSlot\n asChild\n {...styleProps}\n data-critical={isCritical ? \"\" : undefined}\n >\n <RaMenuItem ref={ref} {...restProps}>\n {({ hasSubmenu }) => (\n <>\n {children}\n {hasSubmenu && (\n <Icon slot=\"caretIcon\">\n <ChevronRight />\n </Icon>\n )}\n </>\n )}\n </RaMenuItem>\n </MenuItemSlot>\n );\n};\n\nMenuItem.displayName = \"Menu.Item\";\n","import { Header } from \"react-aria-components\";\nimport { MenuSectionLabelSlot } from \"../menu.slots\";\nimport type { MenuSectionLabelProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/\n Used in MenuSection for rendering the `label` property.\n /\nexport const MenuSectionLabel = ({\n children,\n ref,\n ...props\n}: MenuSectionLabelProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n return (\n <MenuSectionLabelSlot asChild {...styleProps}>\n <Header ref={ref} {...restProps}>\n {children}\n </Header>\n </MenuSectionLabelSlot>\n );\n};\n\nMenuSectionLabel.displayName = \"Menu.SectionLabel\";\n","import {\n MenuSection as RaMenuSection,\n Collection,\n} from \"react-aria-components\";\nimport { MenuSectionSlot } from \"../menu.slots\";\nimport type { MenuSectionProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\nimport { MenuSectionLabel } from \"./menu.section-label\";\nimport type { ReactNode } from \"react\";\n\nexport const MenuSection = <T extends object = object>({\n children,\n ref,\n label,\n items,\n ...props\n}: MenuSectionProps<T>) => {\n const contextProps = useMenuContext();\n\n // Extract selection-related props before extracting style props\n const {\n selectionMode = contextProps?.selectionMode,\n selectedKeys = contextProps?.selectedKeys,\n defaultSelectedKeys = contextProps?.defaultSelectedKeys,\n onSelectionChange = contextProps?.onSelectionChange,\n disallowEmptySelection = contextProps?.disallowEmptySelection,\n ...restProps\n } = props;\n\n const [styleProps, otherProps] = extractStyleProps(restProps);\n\n return (\n <MenuSectionProvider value={{ selectionMode }}>\n <MenuSectionSlot asChild {...styleProps}>\n <RaMenuSection\n ref={ref}\n selectionMode={selectionMode}\n selectedKeys={selectedKeys}\n defaultSelectedKeys={defaultSelectedKeys}\n onSelectionChange={onSelectionChange}\n disallowEmptySelection={disallowEmptySelection}\n {...otherProps}\n >\n <MenuSectionLabel>{label}</MenuSectionLabel>\n {items ? (\n <Collection items={items}>{children}</Collection>\n ) : (\n (children as ReactNode)\n )}\n </RaMenuSection>\n </MenuSectionSlot>\n </MenuSectionProvider>\n );\n};\n\nMenuSection.displayName = \"Menu.Section\";\n","import { SubmenuTrigger as RaSubmenuTrigger } from \"react-aria-components\";\nimport type { MenuSubmenuTriggerProps } from \"../menu.types\";\n\nexport const MenuSubmenuTrigger = ({\n children,\n ...props\n}: MenuSubmenuTriggerProps) => {\n return <RaSubmenuTrigger {...props}>{children}</RaSubmenuTrigger>;\n};\n\nMenuSubmenuTrigger.displayName = \"Menu.SubmenuTrigger\";\n","import type { MenuSubmenuProps } from \"../menu.types\";\nimport { MenuContent } from \"./menu.content\";\n\nexport const MenuSubmenu = ({ children, ...props }: MenuSubmenuProps) => {\n return (\n <MenuContent {...props} placement=\"end\">\n {children}\n </MenuContent>\n );\n};\n\nMenuSubmenu.displayName = \"Menu.Submenu\";\n","import { MenuRoot } from \"./components/menu.root\";\nimport { MenuTrigger } from \"./components/menu.trigger\";\nimport { MenuContent } from \"./components/menu.content\";\nimport { MenuItem } from \"./components/menu.item\";\nimport { MenuSection } from \"./components/menu.section\";\nimport { MenuSubmenuTrigger } from \"./components/menu.submenu-trigger\";\nimport { MenuSubmenu } from \"./components/menu.submenu\";\n\n// Re-export types\nexport type from \"./menu.types\";\n\nexport const Menu = {\n Root: MenuRoot,\n Trigger: MenuTrigger,\n Content: MenuContent,\n Item: MenuItem,\n Section: MenuSection,\n Submenu: MenuSubmenu,\n SubmenuTrigger: MenuSubmenuTrigger,\n};\n\n// Exports for internal use by react-docgen\nexport {\n MenuRoot as _MenuRoot,\n MenuTrigger as _MenuTrigger,\n MenuContent as _MenuContent,\n MenuItem as _MenuItem,\n MenuSection as _MenuSection,\n MenuSubmenuTrigger as _MenuSubmenuTrigger,\n MenuSubmenu as _MenuSubmenu,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","menuSlotRecipe","MenuRootSlot","MenuTriggerSlot","MenuPopoverSlot","MenuContentSlot","MenuItemSlot","MenuSectionSlot","MenuSectionLabelSlot","MenuContext","createContext","MenuProvider","useMenuContext","useContext","MenuRoot","props","recipe","useSlotRecipe","recipeProps","functionalProps","children","trigger","isOpen","defaultOpen","onOpenChange","menuContextProps","menuTriggerProps","jsx","RaMenuTrigger","MenuTrigger","asChild","ref","styleProps","restProps","extractStyleProps","Button","MenuSectionContext","MenuSectionProvider","MenuContent","placementOverride","contextProps","placement","menuProps","finalPlacement","Popover","Menu","MenuItem","isCritical","RaMenuItem","hasSubmenu","jsxs","Fragment","Icon","ChevronRight","MenuSectionLabel","Header","MenuSection","label","items","selectionMode","selectedKeys","defaultSelectedKeys","onSelectionChange","disallowEmptySelection","otherProps","RaMenuSection","Collection","MenuSubmenuTrigger","RaSubmenuTrigger","MenuSubmenu"],"mappings":"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"}

package/dist/chunks/{menu-BjwsANQd.es.js → menu-D_dDdteu.es.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 import { jsx as e, jsxs as M, Fragment as F } from "react/jsx-runtime";
 import { createSlotRecipeContext as K, useSlotRecipe as L } from "@chakra-ui/react/styled-system";
-import { f as j, $ as E, g as O, h as k, i as V, j as W } from "./Dialog-SvkYfu5i.es.js";
-import { m as q } from "./index-fjbcWgyz.es.js";
+import { f as j, $ as E, g as O, h as k, i as V, j as W } from "./Dialog-BES3uitF.es.js";
+import { m as q } from "./index-Rp8alyOt.es.js";
 import { createContext as f, useContext as z } from "react";
-import { a as A } from "./Button-B6xR_FqM.es.js";
-import { e as u } from "./extractStyleProps-DjVNA871.es.js";
+import { a as A } from "./Button-B4rWEUgy.es.js";
+import { e as u } from "./extractStyleProps-X2q7HF5R.es.js";
 import { ChevronRight as B } from "@commercetools/nimbus-icons";
 import { I as D } from "./icon-DHu0zrOb.es.js";
-import { c as G } from "./Separator-HDKQdp4v.es.js";
-import { c as H } from "./Header-CnkbxL1Z.es.js";
+import { g as G } from "./CollectionBuilder-CnAf_Hbh.es.js";
+import { c as H } from "./Header-Ct80DBHo.es.js";
 const { withProvider: J, withContext: a } = /* @__PURE__ */ K({
   recipe: q
 }), Q = /* @__PURE__ */ J(
@@ -147,4 +147,4 @@ export {
   R as f,
   T as g
 };
-//# sourceMappingURL=menu-BjwsANQd.es.js.map
+//# sourceMappingURL=menu-D_dDdteu.es.js.map

package/dist/chunks/{menu-BjwsANQd.es.js.map → menu-D_dDdteu.es.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu-BjwsANQd.es.js","sources":["../../src/components/menu/menu.slots.tsx","../../src/components/menu/components/menu.context.tsx","../../src/components/menu/components/menu.root.tsx","../../src/components/menu/components/menu.trigger.tsx","../../src/components/menu/components/menu.section-context.tsx","../../src/components/menu/components/menu.content.tsx","../../src/components/menu/components/menu.item.tsx","../../src/components/menu/components/menu.section-label.tsx","../../src/components/menu/components/menu.section.tsx","../../src/components/menu/components/menu.submenu-trigger.tsx","../../src/components/menu/components/menu.submenu.tsx","../../src/components/menu/menu.tsx"],"sourcesContent":["import {\n createSlotRecipeContext,\n type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { menuSlotRecipe } from \"./menu.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: menuSlotRecipe,\n});\n\n// Menu Root\nexport type MenuRootSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuRootSlot = withProvider<HTMLDivElement, MenuRootSlotProps>(\n \"div\",\n \"root\"\n);\n\n// Menu Trigger\nexport type MenuTriggerSlotProps = HTMLChakraProps<\"button\">;\nexport const MenuTriggerSlot = withContext<\n HTMLButtonElement,\n MenuTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Menu Popover\nexport type MenuPopoverSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuPopoverSlot = withContext<\n HTMLDivElement,\n MenuPopoverSlotProps\n>(\"div\", \"popover\");\n\n// Menu Content\nexport type MenuContentSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuContentSlot = withContext<\n HTMLDivElement,\n MenuContentSlotProps\n>(\"div\", \"content\");\n\n// Menu Item\nexport type MenuItemSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuItemSlot = withContext<HTMLDivElement, MenuItemSlotProps>(\n \"div\",\n \"item\"\n);\n\n// Menu Section\nexport type MenuSectionSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSectionSlot = withContext<\n HTMLDivElement,\n MenuSectionSlotProps\n>(\"div\", \"section\");\n\n// Menu Section Label\nexport type MenuSectionLabelSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSectionLabelSlot = withContext<\n HTMLDivElement,\n MenuSectionLabelSlotProps\n>(\"div\", \"sectionLabel\");\n\n// Menu Group Label\nexport type MenuSubmenuSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSubmenuSlot = withContext<\n HTMLDivElement,\n MenuSubmenuSlotProps\n>(\"div\", \"submenu\");\n","import { createContext, useContext } from \"react\";\nimport type { MenuRootProps } from \"./../menu.types\";\nimport type { MenuTriggerProps as RaMenuTriggerProps } from \"react-aria-components\";\n\n// Context should contain all Menu props (excluding MenuTrigger-specific props)\nexport type MenuContextValue = Omit<\n MenuRootProps,\n keyof RaMenuTriggerProps \| \"children\" \| \"trigger\"\n>;\n\nconst MenuContext = createContext<MenuContextValue \| undefined>(undefined);\n\nexport const MenuProvider = MenuContext.Provider;\n\nexport const useMenuContext = () => {\n const context = useContext(MenuContext);\n return context;\n};\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { MenuTrigger as RaMenuTrigger } from \"react-aria-components\";\nimport type { MenuRootProps } from \"../menu.types\";\nimport { MenuRootSlot } from \"../menu.slots\";\nimport { MenuProvider } from \"./menu.context\";\n\nexport const MenuRoot = (props: MenuRootProps) => {\n const recipe = useSlotRecipe({ key: \"menu\" });\n const [recipeProps, functionalProps] = recipe.splitVariantProps(props);\n\n // Separate MenuTrigger props from Menu props\n const {\n children,\n trigger,\n isOpen,\n defaultOpen,\n onOpenChange,\n ...menuContextProps\n } = functionalProps;\n\n const menuTriggerProps = {\n trigger,\n isOpen,\n defaultOpen,\n onOpenChange,\n };\n\n return (\n <MenuRootSlot {...recipeProps} asChild>\n <RaMenuTrigger {...menuTriggerProps}>\n <MenuProvider value={menuContextProps}>{children}</MenuProvider>\n </RaMenuTrigger>\n </MenuRootSlot>\n );\n};\n\nMenuRoot.displayName = \"Menu.Root\";\n","import { Button } from \"react-aria-components\";\nimport { MenuTriggerSlot } from \"../menu.slots\";\nimport type { MenuTriggerProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport type { ReactNode } from \"react\";\n\nexport const MenuTrigger = ({\n children,\n asChild,\n ref,\n ...props\n}: MenuTriggerProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n /*\n The user supplied a Button as the trigger\n /\n if (asChild) {\n // When asChild is true, apply styles to the child element\n return (\n <MenuTriggerSlot ref={ref} asChild {...styleProps}>\n {children as ReactNode}\n </MenuTriggerSlot>\n );\n }\n\n /\n The user did not supply a Button as trigger, use an unstyled button\n * to wrap which ever element the user supplied and make it a trigger\n /\n return (\n <MenuTriggerSlot asChild {...styleProps}>\n <Button ref={ref} {...restProps}>\n {children}\n </Button>\n </MenuTriggerSlot>\n );\n};\n\nMenuTrigger.displayName = \"Menu.Trigger\";\n","import { createContext, useContext } from \"react\";\n\nexport interface MenuSectionContextValue {\n selectionMode?: \"single\" \| \"multiple\" \| \"none\";\n}\n/\n Why is a second context (MenuSectionContext) needed?\n \n MenuSectionContext enables section-level config for menu items, such as\n * selection mode, which may differ from the global menu context. This allows\n * advanced menus where each section can have its own selection behavior\n * (e.g., one section is single-select, another is multi-select).\n * By scoping context to a section, menu items inherit settings from their\n * nearest section, falling back to the global menu context if not present.\n * This pattern improves flexibility and composability for complex menus,\n * and avoids prop drilling or awkward prop merging.\n /\n\nconst MenuSectionContext = createContext<MenuSectionContextValue \| undefined>(\n undefined\n);\n\nexport const MenuSectionProvider = MenuSectionContext.Provider;\n\nexport const useMenuSectionContext = () => {\n return useContext(MenuSectionContext);\n};\n","import { Menu, Popover } from \"react-aria-components\";\nimport { MenuContentSlot, MenuPopoverSlot } from \"../menu.slots\";\nimport type { MenuContentProps } from \"../menu.types\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\n\nexport const MenuContent = ({\n children,\n placement: placementOverride,\n ref,\n}: MenuContentProps) => {\n const contextProps = useMenuContext();\n\n if (!contextProps) {\n throw new Error(\"Menu.Content must be used within Menu.Root\");\n }\n\n // Separate placement from other props since it's handled by Popover\n const { placement, ...menuProps } = contextProps;\n const finalPlacement = placementOverride \|\| placement \|\| \"bottom start\";\n\n return (\n <MenuSectionProvider value={{ selectionMode: menuProps.selectionMode }}>\n <MenuPopoverSlot asChild>\n <Popover placement={finalPlacement} offset={4} shouldFlip>\n <MenuContentSlot asChild>\n <Menu ref={ref} shouldFocusWrap autoFocus=\"first\" {...menuProps}>\n {children}\n </Menu>\n </MenuContentSlot>\n </Popover>\n </MenuPopoverSlot>\n </MenuSectionProvider>\n );\n};\n\nMenuContent.displayName = \"Menu.Content\";\n","import { MenuItem as RaMenuItem } from \"react-aria-components\";\nimport { MenuItemSlot } from \"../menu.slots\";\nimport type { MenuItemProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { ChevronRight } from \"@commercetools/nimbus-icons\";\nimport { Icon } from \"@/components/icon\";\n\nexport const MenuItem = ({\n children,\n isCritical,\n ref,\n ...props\n}: MenuItemProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n return (\n <MenuItemSlot\n asChild\n {...styleProps}\n data-critical={isCritical ? \"\" : undefined}\n >\n <RaMenuItem ref={ref} {...restProps}>\n {({ hasSubmenu }) => (\n <>\n {children}\n {hasSubmenu && (\n <Icon slot=\"caretIcon\">\n <ChevronRight />\n </Icon>\n )}\n </>\n )}\n </RaMenuItem>\n </MenuItemSlot>\n );\n};\n\nMenuItem.displayName = \"Menu.Item\";\n","import { Header } from \"react-aria-components\";\nimport { MenuSectionLabelSlot } from \"../menu.slots\";\nimport type { MenuSectionLabelProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/\n Used in MenuSection for rendering the `label` property.\n /\nexport const MenuSectionLabel = ({\n children,\n ref,\n ...props\n}: MenuSectionLabelProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n return (\n <MenuSectionLabelSlot asChild {...styleProps}>\n <Header ref={ref} {...restProps}>\n {children}\n </Header>\n </MenuSectionLabelSlot>\n );\n};\n\nMenuSectionLabel.displayName = \"Menu.SectionLabel\";\n","import {\n MenuSection as RaMenuSection,\n Collection,\n} from \"react-aria-components\";\nimport { MenuSectionSlot } from \"../menu.slots\";\nimport type { MenuSectionProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\nimport { MenuSectionLabel } from \"./menu.section-label\";\nimport type { ReactNode } from \"react\";\n\nexport const MenuSection = <T extends object = object>({\n children,\n ref,\n label,\n items,\n ...props\n}: MenuSectionProps<T>) => {\n const contextProps = useMenuContext();\n\n // Extract selection-related props before extracting style props\n const {\n selectionMode = contextProps?.selectionMode,\n selectedKeys = contextProps?.selectedKeys,\n defaultSelectedKeys = contextProps?.defaultSelectedKeys,\n onSelectionChange = contextProps?.onSelectionChange,\n disallowEmptySelection = contextProps?.disallowEmptySelection,\n ...restProps\n } = props;\n\n const [styleProps, otherProps] = extractStyleProps(restProps);\n\n return (\n <MenuSectionProvider value={{ selectionMode }}>\n <MenuSectionSlot asChild {...styleProps}>\n <RaMenuSection\n ref={ref}\n selectionMode={selectionMode}\n selectedKeys={selectedKeys}\n defaultSelectedKeys={defaultSelectedKeys}\n onSelectionChange={onSelectionChange}\n disallowEmptySelection={disallowEmptySelection}\n {...otherProps}\n >\n <MenuSectionLabel>{label}</MenuSectionLabel>\n {items ? (\n <Collection items={items}>{children}</Collection>\n ) : (\n (children as ReactNode)\n )}\n </RaMenuSection>\n </MenuSectionSlot>\n </MenuSectionProvider>\n );\n};\n\nMenuSection.displayName = \"Menu.Section\";\n","import { SubmenuTrigger as RaSubmenuTrigger } from \"react-aria-components\";\nimport type { MenuSubmenuTriggerProps } from \"../menu.types\";\n\nexport const MenuSubmenuTrigger = ({\n children,\n ...props\n}: MenuSubmenuTriggerProps) => {\n return <RaSubmenuTrigger {...props}>{children}</RaSubmenuTrigger>;\n};\n\nMenuSubmenuTrigger.displayName = \"Menu.SubmenuTrigger\";\n","import type { MenuSubmenuProps } from \"../menu.types\";\nimport { MenuContent } from \"./menu.content\";\n\nexport const MenuSubmenu = ({ children, ...props }: MenuSubmenuProps) => {\n return (\n <MenuContent {...props} placement=\"end\">\n {children}\n </MenuContent>\n );\n};\n\nMenuSubmenu.displayName = \"Menu.Submenu\";\n","import { MenuRoot } from \"./components/menu.root\";\nimport { MenuTrigger } from \"./components/menu.trigger\";\nimport { MenuContent } from \"./components/menu.content\";\nimport { MenuItem } from \"./components/menu.item\";\nimport { MenuSection } from \"./components/menu.section\";\nimport { MenuSubmenuTrigger } from \"./components/menu.submenu-trigger\";\nimport { MenuSubmenu } from \"./components/menu.submenu\";\n\n// Re-export types\nexport type from \"./menu.types\";\n\nexport const Menu = {\n Root: MenuRoot,\n Trigger: MenuTrigger,\n Content: MenuContent,\n Item: MenuItem,\n Section: MenuSection,\n Submenu: MenuSubmenu,\n SubmenuTrigger: MenuSubmenuTrigger,\n};\n\n// Exports for internal use by react-docgen\nexport {\n MenuRoot as _MenuRoot,\n MenuTrigger as _MenuTrigger,\n MenuContent as _MenuContent,\n MenuItem as _MenuItem,\n MenuSection as _MenuSection,\n MenuSubmenuTrigger as _MenuSubmenuTrigger,\n MenuSubmenu as _MenuSubmenu,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","menuSlotRecipe","MenuRootSlot","MenuTriggerSlot","MenuPopoverSlot","MenuContentSlot","MenuItemSlot","MenuSectionSlot","MenuSectionLabelSlot","MenuContext","createContext","MenuProvider","useMenuContext","useContext","MenuRoot","props","recipe","useSlotRecipe","recipeProps","functionalProps","children","trigger","isOpen","defaultOpen","onOpenChange","menuContextProps","jsx","RaMenuTrigger","MenuTrigger","asChild","ref","styleProps","restProps","extractStyleProps","Button","MenuSectionContext","MenuSectionProvider","MenuContent","placementOverride","contextProps","placement","menuProps","finalPlacement","Popover","Menu","MenuItem","isCritical","RaMenuItem","hasSubmenu","jsxs","Fragment","Icon","ChevronRight","MenuSectionLabel","Header","MenuSection","label","items","selectionMode","selectedKeys","defaultSelectedKeys","onSelectionChange","disallowEmptySelection","otherProps","RaMenuSection","Collection","MenuSubmenuTrigger","RaSubmenuTrigger","MenuSubmenu"],"mappings":"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"}
1	+ {"version":3,"file":"menu-D_dDdteu.es.js","sources":["../../src/components/menu/menu.slots.tsx","../../src/components/menu/components/menu.context.tsx","../../src/components/menu/components/menu.root.tsx","../../src/components/menu/components/menu.trigger.tsx","../../src/components/menu/components/menu.section-context.tsx","../../src/components/menu/components/menu.content.tsx","../../src/components/menu/components/menu.item.tsx","../../src/components/menu/components/menu.section-label.tsx","../../src/components/menu/components/menu.section.tsx","../../src/components/menu/components/menu.submenu-trigger.tsx","../../src/components/menu/components/menu.submenu.tsx","../../src/components/menu/menu.tsx"],"sourcesContent":["import {\n createSlotRecipeContext,\n type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { menuSlotRecipe } from \"./menu.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n recipe: menuSlotRecipe,\n});\n\n// Menu Root\nexport type MenuRootSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuRootSlot = withProvider<HTMLDivElement, MenuRootSlotProps>(\n \"div\",\n \"root\"\n);\n\n// Menu Trigger\nexport type MenuTriggerSlotProps = HTMLChakraProps<\"button\">;\nexport const MenuTriggerSlot = withContext<\n HTMLButtonElement,\n MenuTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Menu Popover\nexport type MenuPopoverSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuPopoverSlot = withContext<\n HTMLDivElement,\n MenuPopoverSlotProps\n>(\"div\", \"popover\");\n\n// Menu Content\nexport type MenuContentSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuContentSlot = withContext<\n HTMLDivElement,\n MenuContentSlotProps\n>(\"div\", \"content\");\n\n// Menu Item\nexport type MenuItemSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuItemSlot = withContext<HTMLDivElement, MenuItemSlotProps>(\n \"div\",\n \"item\"\n);\n\n// Menu Section\nexport type MenuSectionSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSectionSlot = withContext<\n HTMLDivElement,\n MenuSectionSlotProps\n>(\"div\", \"section\");\n\n// Menu Section Label\nexport type MenuSectionLabelSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSectionLabelSlot = withContext<\n HTMLDivElement,\n MenuSectionLabelSlotProps\n>(\"div\", \"sectionLabel\");\n\n// Menu Group Label\nexport type MenuSubmenuSlotProps = HTMLChakraProps<\"div\">;\nexport const MenuSubmenuSlot = withContext<\n HTMLDivElement,\n MenuSubmenuSlotProps\n>(\"div\", \"submenu\");\n","import { createContext, useContext } from \"react\";\nimport type { MenuRootProps } from \"./../menu.types\";\nimport type { MenuTriggerProps as RaMenuTriggerProps } from \"react-aria-components\";\n\n// Context should contain all Menu props (excluding MenuTrigger-specific props)\nexport type MenuContextValue = Omit<\n MenuRootProps,\n keyof RaMenuTriggerProps \| \"children\" \| \"trigger\"\n>;\n\nconst MenuContext = createContext<MenuContextValue \| undefined>(undefined);\n\nexport const MenuProvider = MenuContext.Provider;\n\nexport const useMenuContext = () => {\n const context = useContext(MenuContext);\n return context;\n};\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { MenuTrigger as RaMenuTrigger } from \"react-aria-components\";\nimport type { MenuRootProps } from \"../menu.types\";\nimport { MenuRootSlot } from \"../menu.slots\";\nimport { MenuProvider } from \"./menu.context\";\n\nexport const MenuRoot = (props: MenuRootProps) => {\n const recipe = useSlotRecipe({ key: \"menu\" });\n const [recipeProps, functionalProps] = recipe.splitVariantProps(props);\n\n // Separate MenuTrigger props from Menu props\n const {\n children,\n trigger,\n isOpen,\n defaultOpen,\n onOpenChange,\n ...menuContextProps\n } = functionalProps;\n\n const menuTriggerProps = {\n trigger,\n isOpen,\n defaultOpen,\n onOpenChange,\n };\n\n return (\n <MenuRootSlot {...recipeProps} asChild>\n <RaMenuTrigger {...menuTriggerProps}>\n <MenuProvider value={menuContextProps}>{children}</MenuProvider>\n </RaMenuTrigger>\n </MenuRootSlot>\n );\n};\n\nMenuRoot.displayName = \"Menu.Root\";\n","import { Button } from \"react-aria-components\";\nimport { MenuTriggerSlot } from \"../menu.slots\";\nimport type { MenuTriggerProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport type { ReactNode } from \"react\";\n\nexport const MenuTrigger = ({\n children,\n asChild,\n ref,\n ...props\n}: MenuTriggerProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n /*\n The user supplied a Button as the trigger\n /\n if (asChild) {\n // When asChild is true, apply styles to the child element\n return (\n <MenuTriggerSlot ref={ref} asChild {...styleProps}>\n {children as ReactNode}\n </MenuTriggerSlot>\n );\n }\n\n /\n The user did not supply a Button as trigger, use an unstyled button\n * to wrap which ever element the user supplied and make it a trigger\n /\n return (\n <MenuTriggerSlot asChild {...styleProps}>\n <Button ref={ref} {...restProps}>\n {children}\n </Button>\n </MenuTriggerSlot>\n );\n};\n\nMenuTrigger.displayName = \"Menu.Trigger\";\n","import { createContext, useContext } from \"react\";\n\nexport interface MenuSectionContextValue {\n selectionMode?: \"single\" \| \"multiple\" \| \"none\";\n}\n/\n Why is a second context (MenuSectionContext) needed?\n \n MenuSectionContext enables section-level config for menu items, such as\n * selection mode, which may differ from the global menu context. This allows\n * advanced menus where each section can have its own selection behavior\n * (e.g., one section is single-select, another is multi-select).\n * By scoping context to a section, menu items inherit settings from their\n * nearest section, falling back to the global menu context if not present.\n * This pattern improves flexibility and composability for complex menus,\n * and avoids prop drilling or awkward prop merging.\n /\n\nconst MenuSectionContext = createContext<MenuSectionContextValue \| undefined>(\n undefined\n);\n\nexport const MenuSectionProvider = MenuSectionContext.Provider;\n\nexport const useMenuSectionContext = () => {\n return useContext(MenuSectionContext);\n};\n","import { Menu, Popover } from \"react-aria-components\";\nimport { MenuContentSlot, MenuPopoverSlot } from \"../menu.slots\";\nimport type { MenuContentProps } from \"../menu.types\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\n\nexport const MenuContent = ({\n children,\n placement: placementOverride,\n ref,\n}: MenuContentProps) => {\n const contextProps = useMenuContext();\n\n if (!contextProps) {\n throw new Error(\"Menu.Content must be used within Menu.Root\");\n }\n\n // Separate placement from other props since it's handled by Popover\n const { placement, ...menuProps } = contextProps;\n const finalPlacement = placementOverride \|\| placement \|\| \"bottom start\";\n\n return (\n <MenuSectionProvider value={{ selectionMode: menuProps.selectionMode }}>\n <MenuPopoverSlot asChild>\n <Popover placement={finalPlacement} offset={4} shouldFlip>\n <MenuContentSlot asChild>\n <Menu ref={ref} shouldFocusWrap autoFocus=\"first\" {...menuProps}>\n {children}\n </Menu>\n </MenuContentSlot>\n </Popover>\n </MenuPopoverSlot>\n </MenuSectionProvider>\n );\n};\n\nMenuContent.displayName = \"Menu.Content\";\n","import { MenuItem as RaMenuItem } from \"react-aria-components\";\nimport { MenuItemSlot } from \"../menu.slots\";\nimport type { MenuItemProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { ChevronRight } from \"@commercetools/nimbus-icons\";\nimport { Icon } from \"@/components/icon\";\n\nexport const MenuItem = ({\n children,\n isCritical,\n ref,\n ...props\n}: MenuItemProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n return (\n <MenuItemSlot\n asChild\n {...styleProps}\n data-critical={isCritical ? \"\" : undefined}\n >\n <RaMenuItem ref={ref} {...restProps}>\n {({ hasSubmenu }) => (\n <>\n {children}\n {hasSubmenu && (\n <Icon slot=\"caretIcon\">\n <ChevronRight />\n </Icon>\n )}\n </>\n )}\n </RaMenuItem>\n </MenuItemSlot>\n );\n};\n\nMenuItem.displayName = \"Menu.Item\";\n","import { Header } from \"react-aria-components\";\nimport { MenuSectionLabelSlot } from \"../menu.slots\";\nimport type { MenuSectionLabelProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/\n Used in MenuSection for rendering the `label` property.\n /\nexport const MenuSectionLabel = ({\n children,\n ref,\n ...props\n}: MenuSectionLabelProps) => {\n const [styleProps, restProps] = extractStyleProps(props);\n\n return (\n <MenuSectionLabelSlot asChild {...styleProps}>\n <Header ref={ref} {...restProps}>\n {children}\n </Header>\n </MenuSectionLabelSlot>\n );\n};\n\nMenuSectionLabel.displayName = \"Menu.SectionLabel\";\n","import {\n MenuSection as RaMenuSection,\n Collection,\n} from \"react-aria-components\";\nimport { MenuSectionSlot } from \"../menu.slots\";\nimport type { MenuSectionProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\nimport { MenuSectionLabel } from \"./menu.section-label\";\nimport type { ReactNode } from \"react\";\n\nexport const MenuSection = <T extends object = object>({\n children,\n ref,\n label,\n items,\n ...props\n}: MenuSectionProps<T>) => {\n const contextProps = useMenuContext();\n\n // Extract selection-related props before extracting style props\n const {\n selectionMode = contextProps?.selectionMode,\n selectedKeys = contextProps?.selectedKeys,\n defaultSelectedKeys = contextProps?.defaultSelectedKeys,\n onSelectionChange = contextProps?.onSelectionChange,\n disallowEmptySelection = contextProps?.disallowEmptySelection,\n ...restProps\n } = props;\n\n const [styleProps, otherProps] = extractStyleProps(restProps);\n\n return (\n <MenuSectionProvider value={{ selectionMode }}>\n <MenuSectionSlot asChild {...styleProps}>\n <RaMenuSection\n ref={ref}\n selectionMode={selectionMode}\n selectedKeys={selectedKeys}\n defaultSelectedKeys={defaultSelectedKeys}\n onSelectionChange={onSelectionChange}\n disallowEmptySelection={disallowEmptySelection}\n {...otherProps}\n >\n <MenuSectionLabel>{label}</MenuSectionLabel>\n {items ? (\n <Collection items={items}>{children}</Collection>\n ) : (\n (children as ReactNode)\n )}\n </RaMenuSection>\n </MenuSectionSlot>\n </MenuSectionProvider>\n );\n};\n\nMenuSection.displayName = \"Menu.Section\";\n","import { SubmenuTrigger as RaSubmenuTrigger } from \"react-aria-components\";\nimport type { MenuSubmenuTriggerProps } from \"../menu.types\";\n\nexport const MenuSubmenuTrigger = ({\n children,\n ...props\n}: MenuSubmenuTriggerProps) => {\n return <RaSubmenuTrigger {...props}>{children}</RaSubmenuTrigger>;\n};\n\nMenuSubmenuTrigger.displayName = \"Menu.SubmenuTrigger\";\n","import type { MenuSubmenuProps } from \"../menu.types\";\nimport { MenuContent } from \"./menu.content\";\n\nexport const MenuSubmenu = ({ children, ...props }: MenuSubmenuProps) => {\n return (\n <MenuContent {...props} placement=\"end\">\n {children}\n </MenuContent>\n );\n};\n\nMenuSubmenu.displayName = \"Menu.Submenu\";\n","import { MenuRoot } from \"./components/menu.root\";\nimport { MenuTrigger } from \"./components/menu.trigger\";\nimport { MenuContent } from \"./components/menu.content\";\nimport { MenuItem } from \"./components/menu.item\";\nimport { MenuSection } from \"./components/menu.section\";\nimport { MenuSubmenuTrigger } from \"./components/menu.submenu-trigger\";\nimport { MenuSubmenu } from \"./components/menu.submenu\";\n\n// Re-export types\nexport type from \"./menu.types\";\n\nexport const Menu = {\n Root: MenuRoot,\n Trigger: MenuTrigger,\n Content: MenuContent,\n Item: MenuItem,\n Section: MenuSection,\n Submenu: MenuSubmenu,\n SubmenuTrigger: MenuSubmenuTrigger,\n};\n\n// Exports for internal use by react-docgen\nexport {\n MenuRoot as _MenuRoot,\n MenuTrigger as _MenuTrigger,\n MenuContent as _MenuContent,\n MenuItem as _MenuItem,\n MenuSection as _MenuSection,\n MenuSubmenuTrigger as _MenuSubmenuTrigger,\n MenuSubmenu as _MenuSubmenu,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","menuSlotRecipe","MenuRootSlot","MenuTriggerSlot","MenuPopoverSlot","MenuContentSlot","MenuItemSlot","MenuSectionSlot","MenuSectionLabelSlot","MenuContext","createContext","MenuProvider","useMenuContext","useContext","MenuRoot","props","recipe","useSlotRecipe","recipeProps","functionalProps","children","trigger","isOpen","defaultOpen","onOpenChange","menuContextProps","jsx","RaMenuTrigger","MenuTrigger","asChild","ref","styleProps","restProps","extractStyleProps","Button","MenuSectionContext","MenuSectionProvider","MenuContent","placementOverride","contextProps","placement","menuProps","finalPlacement","Popover","Menu","MenuItem","isCritical","RaMenuItem","hasSubmenu","jsxs","Fragment","Icon","ChevronRight","MenuSectionLabel","Header","MenuSection","label","items","selectionMode","selectedKeys","defaultSelectedKeys","onSelectionChange","disallowEmptySelection","otherProps","RaMenuSection","Collection","MenuSubmenuTrigger","RaSubmenuTrigger","MenuSubmenu"],"mappings":"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"}

package/dist/chunks/{money-input-Cs8XrifY.es.js → money-input-CSG-fXjp.es.js} RENAMED Viewed

@@ -3,15 +3,15 @@ import { useMemo as pi, useCallback as g } from "react";
 import { createSlotRecipeContext as di, useSlotRecipe as mi } from "@chakra-ui/react/styled-system";
 import { defineMessages as yi, useIntl as hi, FormattedMessage as Mi } from "react-intl";
 import { HighPrecision as Si } from "@commercetools/nimbus-icons";
-import { e as bi } from "./extractStyleProps-DjVNA871.es.js";
+import { e as bi } from "./extractStyleProps-X2q7HF5R.es.js";
 import { defineSlotRecipe as Ci } from "@chakra-ui/react";
-import { G as Ii } from "./group-DRLYSxIt.es.js";
+import { G as Ii } from "./group-Bkcnezrb.es.js";
 import { $ as L } from "./mergeProps-CzyOU2NE.es.js";
 import { $ as Pi } from "./context-R4YUlO9Y.es.js";
-import { S as B } from "./select-Du-L0KgJ.es.js";
-import { N as Ri } from "./number-input-DVUK5Vqy.es.js";
+import { S as B } from "./select-E5CfVqRs.es.js";
+import { N as Ri } from "./number-input-bsf603FR.es.js";
 import { M as Ai } from "./make-element-focusable-D5ajCMdm.es.js";
-import { b as X } from "./tooltip-B8OD-6ed.es.js";
+import { b as X } from "./tooltip-DizSCM3_.es.js";
 import { B as Li } from "./box-DuBoAZvq.es.js";
 const D = {
   ADP: { fractionDigits: 0 },
@@ -647,4 +647,4 @@ u.isHighPrecision = V;
 export {
   u as M
 };
-//# sourceMappingURL=money-input-Cs8XrifY.es.js.map
+//# sourceMappingURL=money-input-CSG-fXjp.es.js.map