@commercetools/nimbus 2.0.1-rc1 → 2.0.1-rc3

package/dist/chunks/{localized-field-pJSLdod5.es.js.map → localized-field-D3G0Uy7Z.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"localized-field-pJSLdod5.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","import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  LocalizedFieldRootSlotProps,\n  LocalizedFieldLabelSlotProps,\n  LocalizedFieldInfoDialogSlotProps,\n  LocalizedFieldFieldsContainerSlotProps,\n  LocalizedFieldDescriptionSlotProps,\n  LocalizedFieldErrorSlotProps,\n  LocalizedFieldToggleButtonContainerSlotProps,\n  LocalizedFieldLocaleFieldRootSlotProps,\n  LocalizedFieldLocaleFieldLabelSlotProps,\n  LocalizedFieldLocaleFieldInputSlotProps,\n} from \"./localized-field.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"localizedField\",\n});\n\n// Root Slot\nexport const LocalizedFieldRootSlot = withProvider<\n  HTMLFieldSetElement,\n  LocalizedFieldRootSlotProps\n>(\"fieldset\", \"root\");\n\n// Label Slot\nexport const LocalizedFieldLabelSlot = withContext<\n  HTMLLabelElement,\n  LocalizedFieldLabelSlotProps\n>(\"legend\", \"label\");\n\n// InfoDialog Slot\nexport const LocalizedFieldInfoDialogSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldInfoDialogSlotProps\n>(\"div\", \"infoDialog\");\n\n// FieldsContainer Slot\nexport const LocalizedFieldFieldsContainerSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldFieldsContainerSlotProps\n>(\"div\", \"fieldsContainer\");\n\n// Description Slot\nexport const LocalizedFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport const LocalizedFieldErrorSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// ToggleButtonContainer Slot\nexport const LocalizedFieldToggleButtonContainerSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldToggleButtonContainerSlotProps\n>(\"div\", \"toggleButtonContainer\");\n\n// LocaleFieldRoot Slot\nexport const LocalizedFieldLocaleFieldRootSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldLocaleFieldRootSlotProps\n>(\"div\", \"localeFieldRoot\");\n\n// FieldLabel Slot\nexport const LocalizedFieldLocaleFieldLabelSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldLocaleFieldLabelSlotProps\n>(\"div\", \"localeFieldLabel\");\n\n// FieldInput Slot\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","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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"}
+{"version":3,"file":"localized-field-D3G0Uy7Z.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","import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  LocalizedFieldRootSlotProps,\n  LocalizedFieldLabelSlotProps,\n  LocalizedFieldInfoDialogSlotProps,\n  LocalizedFieldFieldsContainerSlotProps,\n  LocalizedFieldDescriptionSlotProps,\n  LocalizedFieldErrorSlotProps,\n  LocalizedFieldToggleButtonContainerSlotProps,\n  LocalizedFieldLocaleFieldRootSlotProps,\n  LocalizedFieldLocaleFieldLabelSlotProps,\n  LocalizedFieldLocaleFieldInputSlotProps,\n} from \"./localized-field.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"localizedField\",\n});\n\n// Root Slot\nexport const LocalizedFieldRootSlot = withProvider<\n  HTMLFieldSetElement,\n  LocalizedFieldRootSlotProps\n>(\"fieldset\", \"root\");\n\n// Label Slot\nexport const LocalizedFieldLabelSlot = withContext<\n  HTMLLabelElement,\n  LocalizedFieldLabelSlotProps\n>(\"legend\", \"label\");\n\n// InfoDialog Slot\nexport const LocalizedFieldInfoDialogSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldInfoDialogSlotProps\n>(\"div\", \"infoDialog\");\n\n// FieldsContainer Slot\nexport const LocalizedFieldFieldsContainerSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldFieldsContainerSlotProps\n>(\"div\", \"fieldsContainer\");\n\n// Description Slot\nexport const LocalizedFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport const LocalizedFieldErrorSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// ToggleButtonContainer Slot\nexport const LocalizedFieldToggleButtonContainerSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldToggleButtonContainerSlotProps\n>(\"div\", \"toggleButtonContainer\");\n\n// LocaleFieldRoot Slot\nexport const LocalizedFieldLocaleFieldRootSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldLocaleFieldRootSlotProps\n>(\"div\", \"localeFieldRoot\");\n\n// FieldLabel Slot\nexport const LocalizedFieldLocaleFieldLabelSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldLocaleFieldLabelSlotProps\n>(\"div\", \"localeFieldLabel\");\n\n// FieldInput Slot\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","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":";;;;;;;;;;;;;;;;;;;;;AAEA,MAAAA,IAAe,gBAAAC,GAAe;AAAA,EAC5B,sBAAsB;AAAA,IACpB,IAAI;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAAA,EAElB,yBAAyB;AAAA,IACvB,IAAI;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAAA,EAElB,eAAe;AAAA,IACb,IAAI;AAAA,IACJ,aACE;AAAA,IACF,gBAAgB;AAAA,EAAA;AAAA,EAElB,eAAe;AAAA,IACb,IAAI;AAAA,IACJ,aACE;AAAA,IACF,gBAAgB;AAAA,EAAA;AAAA,EAElB,gBAAgB;AAAA,IACd,IAAI;AAAA,IACJ,aACE;AAAA,IACF,gBAAgB;AAAA,EAAA;AAAA,EAElB,gBAAgB;AAAA,IACd,IAAI;AAAA,IACJ,aACE;AAAA,IACF,gBAAgB;AAAA,EAAA;AAEpB,CAAC,GCvBK,EAAE,cAAAC,IAAc,aAAAC,EAAA,IAAgB,gBAAAC,GAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAGYC,KAAyB,gBAAAH,GAGpC,YAAY,MAAM,GAGPI,KAA0B,gBAAAH,EAGrC,UAAU,OAAO,GAGNI,KAA+B,gBAAAJ,EAG1C,OAAO,YAAY,GAGRK,KAAoC,gBAAAL,EAG/C,OAAO,iBAAiB,GAGbM,KAAgC,gBAAAN,EAG3C,OAAO,aAAa,GAGTO,KAA0B,gBAAAP,EAGrC,OAAO,OAAO,GAGHQ,KAA0C,gBAAAR,EAGrD,OAAO,uBAAuB,GAGnBS,KAAoC,gBAAAT,EAG/C,OAAO,iBAAiB,GAGbU,KAAqC,gBAAAV,EAGhD,OAAO,kBAAkB,GAGdW,KAAqC,gBAAAX,EAGhD,OAAO,kBAAkB,GCrDdY,KAA4B,MACvC,gBAAAC,EAACC,EAAU,OAAV,EACC,UAAA,gBAAAD,EAACE,IAAA,EAAkB,GAAGlB,EAAS,qBAAA,CAAsB,EAAA,CACvD,GAGWmB,IAA0B,CACrCC,GACAC,MAEAD,KAAkBC,IAAS,GAAGD,CAAc,IAAIC,CAAM,KAAK,QAGhDC,IAAuB,CAACD,MACnCA,EAAO,MAAM,GAAG,EAAE,CAAC,GAORE,KAAiB,CAC5BC,GACAC,MACkC;AAClC,QAAMC,IAAkBJ,EAAqBE,CAAa,GACpDG,IAAUF,EAAQ;AAAA,IACtB,CAACJ,MAAWC,EAAqBD,CAAM,MAAMK;AAAA,EAAA;AAK/C,SAAO;AAAA,IACL,WAJgBD,EAAQ;AAAA,MACxB,CAACJ,MAAWC,EAAqBD,CAAM,MAAMK;AAAA,IAAA;AAAA,IAI7C,SAAAC;AAAA,EAAA;AAEJ,GAOaC,KAAqC,CAChDJ,GACAK,MACa;AACb,QAAM,EAAE,SAAAF,GAAS,WAAAG,EAAA,IAAcP;AAAA,IAC7BC;AAAA,IACAK,EAAW,OAAO,CAACR,MAAmBA,MAAWG,CAAa;AAAA,EAAA;AAGhE,SAAO,CAACA,GAAe,GAAGG,EAAQ,QAAQ,GAAGG,EAAU,MAAM;AAC/D,GAEaC,KAAiB,CAC5BC,GACAC,MACG;AACH,QAAMC,IAAsBD,EAAc;AAAA,IACxC,CAACE,MAAaA,MAAaH;AAAA,EAAA;AAE7B,SAAO,CAACA,GAAiB,GAAGE,EAAoB,MAAM;AACxD,GAEaE,KAA+B,CAC1CC,GACAC,MAEID,KAAU,OAAO,KAAKA,CAAM,EAAE,SAAS,KAAKC,IACvC,OAAO,KAAKD,CAAM,EAAE;AAAA,EACzB,CAACE,MAAqBA,MAAqBD;AAAA,IAGxC,IAGIE,KAAwB,CACnCf,GACAgB,MAEiC,MAAM;AAAA,EACrC,oBAAI,IAAI,CAAC,GAAGhB,GAAS,GAAG,OAAO,KAAKgB,CAAuB,CAAC,CAAC;AAAA,EAG/B;AAAA,EAC9B,CAACC,GAAiBrB,OAAY;AAAA,IAC5B,GAAGqB;AAAA,IACH,CAACrB,CAAM,GAAGoB,IAA0BpB,CAAM,KAAK;AAAA,EAAA;AAAA,EAEjD,CAAA;AAAC,GAKQsB,KAAU,CAACD,MACjBA,IACE,OAAO,OAAOA,CAAe,EAAE;AAAA,EACpC,CAACE,MAAmB,CAACA,KAASA,GAAO,KAAA,EAAO,WAAW;AAAA,IAF5B,IAMlBC,KAAwB,CACnCH,OAII,OAAOA,KAAoB,YAC7B,QAAQ;AAAA,EACN;AAAA,GAIG,OAAO,QAAQA,CAAe,EAAE;AAAA,EACrC,CAACI,GAAyC,CAACzB,GAAQuB,CAAK,MAClDA,KAASA,EAAM,KAAA,EAAO,SAAS,IAC1B;AAAA,IACL,GAAGE;AAAA,IACH,CAACzB,CAAM,GAAGuB;AAAA,EAAA,IAGPE;AAAA,EAET,CAAA;AAAC,IAIQC,KAAY,CAACC,MACpBA,IACK,OAAO,OAAOA,CAAO,EAAE,KAAK,OAAO,IAErC;AAQF,SAASC,GACdZ,GACgC;AAChC,SAAOA;AACT;AAEO,MAAMa,KAAuB,CAClCC,GACAhB,MAEA,OAAO,OAAOgB,CAAM,EAAE,IAAwB,CAACP,MACtCQ,EAAW,oBAAoBR,GAAOT,CAAQ,CACtD,GAEUkB,KAAmB,CAC9BC,IAA6B,CAAA,GAC7BjC,MAEAiC,EAAY;AAAA,EACV,CAACC,GAAWC,MAAe;AACzB,UAAMZ,IAAQQ,EAAW,gBAAgBI,GAAYnC,CAAM;AAC3D,WAAO;AAAA,MACL,GAAGkC;AAAA,MACH,CAACX,EAAM,YAAY,GAAGA;AAAA,IAAA;AAAA,EAE1B;AAAA,EACA,CAAA;AACF,GAEWa,KAA6B,CACxCN,GACA9B,MAE2B,OAAO,KAAK8B,CAAM,EACnB;AAAA,EAAO,CAACO,MAChCN,EAAW,gBAAgBD,EAAOO,CAAY,GAAGrC,CAAM;AAAA,GAI9CsC,KAAqB,CAChCR,MAE2B,OAAO,KAAKA,CAAM,EACnB;AAAA,EAAO,CAACO,MAChCN,EAAW,QAAQD,EAAOO,CAAY,CAAC;AAAA,GC1L9BE,KAA4B,CAAC;AAAA,EACxC,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,kBAAAvB;AAAA,EACA,IAAAwB;AAAA,EACA,MAAAC;AAAA,EACA,YAAYC;AAAA,EACZ,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAA3B;AAAA,EACA,GAAG4B;AACL,MAAsC;AACpC,MAAIC;AAKJ,UAAQhB,GAAA;AAAA,IACN,KAAK;AAAA,IACL;AACE,MAAAgB,IAAiBC;AACjB;AAAA,IACF,KAAK;AACH,MAAAD,IAAiBE;AACjB;AAAA,IACF,KAAK;AACH,MAAAF,IAAiBzB;AACjB;AAAA,IACF,KAAK;AACH,MAAAyB,IAAiBG;AACjB;AAAA,EAAA;AAYJ,QAAMC,IARApB,MAAS,UACJI,KAEF,EAAE,QAAQ,IAAI,cAAc1B,EAAA,IAE5B0B,KAA4C,IAK/CiB,IAAeC;AAAA,IACnB,CAACvC,MAA6C;AAM5C,YAAMwC,IAAc;AAAA,QAClB,QAFwB,OAAOxC,KAAU,WAGrC;AAAA,UACE,IAAIA,EAAM,OAAO;AAAA,UACjB,MAAMA,EAAM,OAAO;AAAA,UACnB,QAAQ;AAAA,UACR,UAAUL;AAAA,UACV,OAAOK,EAAM,OAAO;AAAA,QAAA,IAEtB,EAAE,IAAAmB,GAAI,MAAAC,GAAM,QAAQzB,GAAkB,UAAU,QAAW,OAAAK,EAAA;AAAA,MAAM;AAEvE,MAAAyB,EAASe,CAAW;AAAA,IACtB;AAAA,IACA,CAACrB,GAAIC,GAAMzB,GAAkB8B,CAAQ;AAAA,EAAA;AAGvC,SACE,gBAAArD,EAACJ,IAAA,EAAkC,SAAO,IACxC,UAAA,gBAAAyE;AAAA,IAACpE,EAAU;AAAA,IAAV;AAAA,MACC,YAAAyD;AAAA,MACA,YAAAD;AAAA,MACA,YAAYE,KAAa,CAAC,CAACP,MAAUpB;AAAA,MACrC,WAAU;AAAA,MACV,MAAAc;AAAA,MACA,IAAAC;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAA/C;AAAA,UAACH;AAAA,UAAA;AAAA,YACC,SAASgD,MAAS,UAAU,SAAS;AAAA,YACpC,GAAIa,KAAc,EAAE,iBAAiBA,EAAA;AAAA,YACtC,SAAO;AAAA,YAEP,4BAACzD,EAAU,OAAV,EACE,UAAAsB,EAAiB,oBAAkB,CACtC;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAvB,EAACC,EAAU,OAAV,EACC,UAAA,gBAAAD;AAAA,UAACF;AAAA,UAAA;AAAA,YACC,iBAAe0D;AAAA,YACf,SAAO;AAAA,YAEP,UAAA,gBAAAxD;AAAA,cAAC6D;AAAA,cAAA;AAAA,gBACE,GAAGD;AAAA,gBACJ,MAAAd;AAAA,gBACA,OAAOmB;AAAA,gBACP,UAAUC;AAAA,gBACV,QAAQ,CAACI,MACPhB,IAASgB,GAAG/C,CAAgB;AAAA,gBAE9B,SAAS,CAAC+C,MACRf,IAAUe,GAAG/C,CAAgB;AAAA,gBAE/B,YAAAiC;AAAA,gBACA,YAAAE;AAAA,gBACA,YAAAD;AAAA,gBACA,YAAYE,KAAa,CAAC,CAACP,MAAUpB;AAAA,cAAA;AAAA,YAAA;AAAA,UACvC;AAAA,QAAA,GAEJ;AAAA,SACEkB,KAAgBC,KAAWnB,MAC3B,gBAAAhC;AAAA,UAACC,EAAU;AAAA,UAAV;AAAA,YACC,MAAMkD,KAAWnB,IAAU,WAAW;AAAA,YACtC,OAAOmB,KAAWnB,IAAU,eAAe;AAAA,YAC3C,SAAQ;AAAA,YACR,KAAI;AAAA,YACJ,YAAW;AAAA,YAEV,UAAAmB,KAAWnB,IACV,gBAAAqC,EAAAE,IAAA,EACE,UAAA;AAAA,cAAA,gBAAAvE,EAACwE,GAAA,EAAK,cAAa,WACjB,UAAA,gBAAAxE,EAACyE,MAAa,GAChB;AAAA,cACCtB;AAAA,YAAA,EAAA,CACH,IAEAD;AAAA,UAAA;AAAA,QAAA;AAAA,QAILE,KAASpB,KAAW,gBAAAhC,EAACC,EAAU,OAAV,EAAiB,UAAAmD,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEjD;AAEJ,GChHasB,KAAiB,CAAC;AAAA,EAC7B,MAAA7B,IAAO;AAAA,EACP,IAAAE;AAAA,EACA,MAAAC;AAAA,EACA,yBAAA1B;AAAA,EACA,0BAAAqD;AAAA,EACA,gCAAAC;AAAA,EACA,gCAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAA/B;AAAA,EACA,SAAAC;AAAA,EACA,UAAA+B;AAAA,EACA,eAAAC;AAAA,EACA,OAAA/B;AAAA,EACA,QAAA/B;AAAA,EACA,aAAA+D;AAAA,EACA,SAAApD;AAAA,EACA,YAAAwB;AAAA,EACA,YAAAE;AAAA,EACA,YAAAD;AAAA,EACA,UAAAJ;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAA8B,KAAkB;AAAA,EAClB,+BAAAC,IAAgC;AAAA,EAChC,MAAAxC;AAAA,EACA,WAAAyC;AAAA,EACA,CAAC,yBAAyBC;AAAA,EAC1B,CAAC,gBAAgBC;AAAA,EACjB,CAAC,cAAcC;AAAA;AAAA,EAEf,GAAGC;AACL,MAA2B;AACzB,QAAM,CAACC,GAAUC,CAAW,IAAIC;AAAA,IAC9BR,KAAiCD;AAAA,EAAA,GAG7B,EAAE,eAAAU,EAAA,IAAkBC,GAAA,GAGpBC,IAA0BC,GAAA,GAE1BC,IAAsBD,GAAA,GAGtBE,IAAoB,GACxBhD,KAAU/B,KAAU,OAAO,OAAOA,CAAM,EAAE,KAAK,CAAC+B,MAAUA,MAAU,EAAI,IAIpEiD,IAAsB,GAC1BlD,KAAY+B,KAAY,OAAO,OAAOA,CAAQ,EAAE,KAAK,OAAO,IAKxDvB,IAAqB,CAAC,EAAEyC,KAAYpE,IAEpC,EAAE,YAAAsE,GAAY,YAAAC,GAAY,kBAAAC,GAAkB,mBAAAC,EAAA,IAChDC,GAAS;AAAA,IACP,IAAA3D;AAAA,IACA,OAAAiC;AAAA,IACA,aAAA9B;AAAA,IACA,cAAcE;AAAA,IACd,WAAAO;AAAA,EAAA,CACD,GAGGgD,IAA+C,OAAO;AAAA,IAC1DhC;AAAA,EAAA,GAIIiC,KAAmBC,GAAQ,OAE7BhE,MAAS,UACL9B;AAAA,IACEO;AAAA,IACAqF;AAAA,EAAA,IAEF/F;AAAA,IACEU;AAAA,IACAqF;AAAA,EAAA,GAGe;AAAA,IACrB,CAACG,IAAuCC,MAAoB;AAC1D,YAAMC,KAAmB;AAAA,QACvB,kBAAkBD;AAAA,QAClB,YAEOpC,EAA+CoC,CAAe;AAAA,QAErE,aAAanC,IAAiCmC,CAAe;AAAA,QAC7D,aAAalC,IAAiCkC,CAAe;AAAA,QAC7D,SAASjC,IAA6BiC,CAAe;AAAA,QACrD,OAAOhC,IAA2BgC,CAAe;AAAA;AAAA,QAEjD,GAAIA,MAAoBzF,KAA2BiE,IAC/C,EAAE,WAAAA,EAAA,IACF,CAAA;AAAA,QACJ,WAAA5B;AAAA,QACA,YAAAH;AAAA,QACA,YAAAE;AAAA,QACA,YAAAD;AAAA,MAAA;AAEF,aACEmC;AAAA,MAEC,CAACA,KAAYmB,MAAoBzF,IAE3B,CAAC,GAAGwF,IAAcE,EAAgB,IAEpCF;AAAA,IACT;AAAA,IACA,CAAA;AAAA,EAAC,GAEF;AAAA,IACDnC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAzD;AAAA,IACAsE;AAAA,IACAjC;AAAA,IACAH;AAAA,IACAE;AAAA,IACAD;AAAA,EAAA,CACD,GAOKwD,KALiC7F;AAAA,IACrC2D;AAAA,IACAzD;AAAA,EAAA,KAImC8E,MAAapE;AAGlD,SAAIiF,KAA6B,CAACrB,KAChCC,EAAY,EAAI,GAIhB,gBAAAxB;AAAA,IAAChF;AAAA,IAAA;AAAA,MACE,GAAGsG;AAAA,MACH,GAAGY;AAAA,MACJ,gBAActB,IAAOkB,IAAsB;AAAA,MAC3C,MAAAtD;AAAA,MACA,MAAAC;AAAA,MACA,MAAAE;AAAA,MAEC,UAAA;AAAA,QAAAgC,KACC,gBAAAX,EAAC6C,GAAA,EAAM,WAAU,OAAM,KAAI,KACzB,UAAA;AAAA,UAAA,gBAAA7C,EAAC/E,IAAA,EAAyB,GAAGgH,GAC1B,UAAA;AAAA,YAAAtB;AAAA,YACAxB,KAAc,gBAAAxD,EAAC,OAAA,EAAI,eAAY,QAAO,UAAA,IAAA,CAAC;AAAA,UAAA,GAC1C;AAAA,UACCiF,uBACEkC,IAAA,EACC,UAAA;AAAA,YAAA,gBAAAnH;AAAA,cAACoH;AAAA,cAAA;AAAA,gBACC,IAAIjB;AAAA,gBACJ,cAAYJ,EAAc/G,EAAS,uBAAuB;AAAA,gBAC1D,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,SAAQ;AAAA,gBAER,4BAACqI,IAAA,CAAA,CAAY;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGdC,IAAA,EAAQ,SAAS,GAChB,UAAA,gBAAAtH,EAACT,MAA6B,SAAO,IACnC,UAAA,gBAAAS,EAACuH,IAAA,EACC,4BAACC,IAAA,EAAI,GAAE,OAAO,UAAAvC,EAAA,CAAK,EAAA,CACrB,GACF,EAAA,CACF;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,GAEJ;AAAA,QAEF,gBAAAjF;AAAA,UAACR;AAAA,UAAA;AAAA,YACC,IAAIyG;AAAA,YACJ,iBAAeL;AAAA,YAEf,UAAA,gBAAA5F,EAACyH,IAAA,EAAa,OAAOb,IAClB,WAACc,MAEE,gBAAA1H;AAAA,cAAC4C;AAAA,cAAA;AAAA,gBACE,GAAG8E;AAAA,gBACJ,MAAA5E;AAAA,gBACA,MAAAD;AAAA,gBACA,UAAAQ;AAAA,gBACA,QAAAC;AAAA,gBACA,SAAAC;AAAA,gBACA,SAAAvB;AAAA,gBAEA,IAAI7B;AAAA,kBACFoG,EAAW;AAAA,kBACXmB,EAAK;AAAA,gBAAA;AAAA,gBAEP,MAAMvH,EAAwB6C,GAAM0E,EAAK,gBAAgB;AAAA,gBACzD,aAAWvH;AAAA,kBACTuF;AAAA,kBACAgC,EAAK;AAAA,gBAAA;AAAA,gBAEP,eAAavH;AAAA,kBACXsF;AAAA,kBACAiC,EAAK;AAAA,gBAAA;AAAA,gBAEP,wBAAsBvH;AAAA,kBACpBqF;AAAA,kBACAkC,EAAK;AAAA,gBAAA;AAAA,cACP;AAAA,YAAA,EAGN,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD,CAACpC,KAAiCqB,EAAiB,SAAS,uBAC1DhH,IAAA,EACC,UAAA,gBAAA0E;AAAA,UAACsD;AAAA,UAAA;AAAA,YACC,iBAAe1B;AAAA,YACf,oBAAkBK,EAAW;AAAA,YAC7B,iBAAeV;AAAA,YACf,SAAS,MAAMC,EAAY,CAACD,CAAQ;AAAA,YACpC,YAAYlC,KAAeuD,KAA6BrB;AAAA,YACxD,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,cAAa;AAAA,YAEb,UAAA;AAAA,cAAA,gBAAA5F;AAAA,gBAACwH;AAAA,gBAAA;AAAA,kBACC,IAAI3E,MAAS,UAAU+E,KAAWC;AAAA,kBAClC,SAAQ;AAAA,kBACR,SAAQ;AAAA,kBACR,eAAc;AAAA,kBACd,IAAG;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIC9B,EAFLlD,MAAS,UACN+C,IACgB5G,EAAS,iBACTA,EAAS,iBACzB4G,IACgB5G,EAAS,gBACTA,EAAS,aAJc;AAAA,YAID;AAAA,UAAA;AAAA,QAAA,GAE9C;AAAA,SAEAkE,KAAgBmD,KAAcrE,MAC9B,gBAAAhC;AAAA,UAACP;AAAA,UAAA;AAAA,YACC,MAAM4G,KAAcrE,IAAU,WAAW;AAAA,YACzC,OAAOqE,KAAcrE,IAAU,eAAe;AAAA,YAG9C,mBAAiB,GAAGwE,EAAiB,EAAE;AAAA,YACtC,GAAGA;AAAA,YAGH,UAAAH,KAAcrE,IACb,gBAAAqC,EAAAE,IAAA,EACE,UAAA;AAAA,cAAA,gBAAAvE,EAACwE,GAAA,EAAK,cAAa,WACjB,UAAA,gBAAAxE,EAACyE,MAAa,GAChB;AAAA,cACA,gBAAAJ,EAAC6C,KAAM,KAAI,KAAI,IAAI,GAAGV,EAAiB,EAAE,YACtC,UAAA;AAAA,gBAAArD;AAAA,gBACA+B,KAAYmB,KACX,gBAAArG;AAAA,kBAAC8H;AAAA,kBAAA;AAAA,oBACC,QAAQ5C;AAAA,oBACR,aAAaC;AAAA,oBACb,cAAa;AAAA,oBACb,MAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACR,EAAA,CAEJ;AAAA,YAAA,EAAA,CACF,IAEAjC;AAAA,UAAA;AAAA,QAAA;AAAA,QAILS,KACC,gBAAAU;AAAA,UAAC3E;AAAA,UAAA;AAAA,YAGC,mBAAiB,GAAG+G,EAAkB,EAAE;AAAA,YACxC,MAAK;AAAA,YACJ,GAAGA;AAAA,YAEJ,UAAA;AAAA,cAAA,gBAAAzG,EAACwE,GAAA,EACC,UAAA,gBAAAxE,EAAC+H,IAAA,CAAA,CAAa,GAChB;AAAA,cACA,gBAAA1D,EAAC6C,KAAM,KAAI,KAAI,IAAI,GAAGT,EAAkB,EAAE,UACvC,UAAA;AAAA,gBAAArD;AAAA,gBACA/B,KAAU+E,KACT,gBAAApG;AAAA,kBAAC8H;AAAA,kBAAA;AAAA,oBACC,QAAAzG;AAAA,oBACA,aAAA+D;AAAA,oBACA,MAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACR,EAAA,CAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR,GCxVaV,KAAiB,uBAAO,OAAOsD,IAAoB;AAAA;AAAA,EAE9D,OAAO7H;AAAA,EACP,SAASA;AAAA,EACT,WAAA4B;AAAA,EACA,SAAAJ;AAAA,EACA,uBAAAH;AAAA,EACA,uBAAAK;AAAA,EACA,2BAAA9B;AAAA,EACA,eAAAkC;AAAA,EACA,sBAAAC;AAAA,EACA,kBAAAG;AAAA,EACA,4BAAAI;AAAA,EACA,oBAAAE;AACF,CAAC;"}

package/dist/chunks/{menu-4QTf2m-7.es.js → menu-D-vE6ZpM.es.js}

@@ -1,14 +1,14 @@
 import { jsx as e, jsxs as h, Fragment as F } from "react/jsx-runtime";
 import { useSlotRecipe as K } from "@chakra-ui/react/styled-system";
-import { l as L, $ as E, m as O, n as j, o as k, p as V } from "./Dialog-B2hCMJnM.es.js";
+import { l as L, $ as E, m as O, n as j, o as k, p as V } from "./Dialog-Qpq4hk89.es.js";
 import { createSlotRecipeContext as W } from "@chakra-ui/react";
 import { createContext as f, useContext as q } from "react";
-import { a as z } from "./Button-CrgZzRm9.es.js";
+import { a as z } from "./Button-Dx3xzN8n.es.js";
 import { e as a } from "./extractStyleProps-DYXEhLtq.es.js";
 import { ChevronRight as A } from "@commercetools/nimbus-icons";
 import { I as B } from "./icon-CenxuChf.es.js";
 import { g as D } from "./CollectionBuilder-Wz-mnWjQ.es.js";
-import { c as G } from "./Header-B4V0zxSN.es.js";
+import { c as G } from "./Header-DFcQWjkP.es.js";
 const { withProvider: H, withContext: u } = /* @__PURE__ */ W({
   key: "menu"
 }), J = /* @__PURE__ */ H("div", "root"), M = /* @__PURE__ */ u("button", "trigger"), Q = /* @__PURE__ */ u("div", "popover"), U = /* @__PURE__ */ u("div", "content"), X = /* @__PURE__ */ u(
@@ -144,4 +144,4 @@ export {
   T as f,
   N as g
 };
-//# sourceMappingURL=menu-4QTf2m-7.es.js.map
+//# sourceMappingURL=menu-D-vE6ZpM.es.js.map

package/dist/chunks/menu-D-vE6ZpM.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-D-vE6ZpM.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 { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  MenuRootSlotProps,\n  MenuTriggerSlotProps,\n  MenuPopoverSlotProps,\n  MenuContentSlotProps,\n  MenuItemSlotProps,\n  MenuSectionSlotProps,\n  MenuSectionLabelSlotProps,\n  MenuSubmenuSlotProps,\n} from \"./menu.types\";\nimport type { SlotComponent } from \"@/utils/slot-types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"menu\",\n});\n\n// Menu Root\nexport const MenuRootSlot: SlotComponent<HTMLDivElement, MenuRootSlotProps> =\n  withProvider<HTMLDivElement, MenuRootSlotProps>(\"div\", \"root\");\n\n// Menu Trigger\nexport const MenuTriggerSlot = withContext<\n  HTMLButtonElement,\n  MenuTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Menu Popover\nexport const MenuPopoverSlot = withContext<\n  HTMLDivElement,\n  MenuPopoverSlotProps\n>(\"div\", \"popover\");\n\n// Menu Content\nexport const MenuContentSlot = withContext<\n  HTMLDivElement,\n  MenuContentSlotProps\n>(\"div\", \"content\");\n\n// Menu Item\nexport const MenuItemSlot = withContext<HTMLDivElement, MenuItemSlotProps>(\n  \"div\",\n  \"item\"\n);\n\n// Menu Section\nexport const MenuSectionSlot = withContext<\n  HTMLDivElement,\n  MenuSectionSlotProps\n>(\"div\", \"section\");\n\n// Menu Section Label\nexport const MenuSectionLabelSlot = withContext<\n  HTMLDivElement,\n  MenuSectionLabelSlotProps\n>(\"div\", \"sectionLabel\");\n\n// Menu Group Label\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 type 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","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":";;;;;;;;;;;AAaA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAGYC,IACX,gBAAAH,EAAgD,OAAO,MAAM,GAGlDI,IAAkB,gBAAAH,EAG7B,UAAU,SAAS,GAGRI,IAAkB,gBAAAJ,EAG7B,OAAO,SAAS,GAGLK,IAAkB,gBAAAL,EAG7B,OAAO,SAAS,GAGLM,IAAe,gBAAAN;AAAA,EAC1B;AAAA,EACA;AACF,GAGaO,IAAkB,gBAAAP,EAG7B,OAAO,SAAS,GAGLQ,IAAuB,gBAAAR,EAGlC,OAAO,cAAc,GC7CjBS,IAAc,gBAAAC,EAA4C,MAAS,GAE5DC,IAAeF,EAAY,UAE3BG,IAAiB,MACZC,EAAWJ,CAAW,GCT3BK,IAAW,CAACC,MAAyB;AAChD,QAAMC,IAASC,EAAc,EAAE,KAAK,QAAQ,GACtC,CAACC,GAAaC,CAAe,IAAIH,EAAO,kBAAkBD,CAAK,GAG/D;AAAA,IACJ,UAAAK;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDN;AASJ,2BACGjB,GAAA,EAAc,GAAGgB,GAAa,SAAO,IACpC,UAAA,gBAAAQ,EAACC,GAAA,EAAe,GATK;AAAA,IACvB,SAAAN;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,GAMI,4BAACb,GAAA,EAAa,OAAOc,GAAmB,UAAAL,EAAA,CAAS,GACnD,GACF;AAEJ;AAEAN,EAAS,cAAc;AC9BhB,MAAMc,IAAc,CAAC;AAAA,EAC1B,UAAAR;AAAA,EACA,SAAAS;AAAA,EACA,KAAAC;AAAA,EACA,GAAGf;AACL,MAAwB;AACtB,QAAM,CAACgB,GAAYC,CAAS,IAAIC,EAAkBlB,CAAK;AAKvD,SAAIc,sBAGC1B,GAAA,EAAgB,KAAA2B,GAAU,SAAO,IAAE,GAAGC,GACpC,UAAAX,GACH,IASF,gBAAAM,EAACvB,GAAA,EAAgB,SAAO,IAAE,GAAG4B,GAC3B,UAAA,gBAAAL,EAACQ,GAAA,EAAO,KAAAJ,GAAW,GAAGE,GACnB,UAAAZ,EAAA,CACH,GACF;AAEJ;AAEAQ,EAAY,cAAc;ACrB1B,MAAMO,KAAqB,gBAAAzB;AAAA,EACzB;AACF,GAEa0B,IAAsBD,GAAmB,UChBzCE,IAAc,CAAC;AAAA,EAC1B,UAAAjB;AAAA,EACA,WAAWkB;AAAA,EACX,KAAAR;AACF,MAAwB;AACtB,QAAMS,IAAe3B,EAAA;AAErB,MAAI,CAAC2B;AACH,UAAM,IAAI,MAAM,4CAA4C;AAI9D,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAAcF,GAC9BG,IAAiBJ,KAAqBE,KAAa;AAEzD,2BACGJ,GAAA,EAAoB,OAAO,EAAE,eAAeK,EAAU,iBACrD,UAAA,gBAAAf,EAACtB,GAAA,EAAgB,SAAO,IACtB,UAAA,gBAAAsB,EAACiB,GAAA,EAAQ,WAAWD,GAAgB,QAAQ,GAAG,YAAU,IACvD,4BAACrC,GAAA,EAAgB,SAAO,IACtB,UAAA,gBAAAqB,EAACkB,KAAK,KAAAd,GAAU,iBAAe,IAAC,WAAU,SAAS,GAAGW,GACnD,UAAArB,GACH,GACF,EAAA,CACF,GACF,GACF;AAEJ;AAEAiB,EAAY,cAAc;AC7BnB,MAAMQ,IAAW,CAAC;AAAA,EACvB,UAAAzB;AAAA,EACA,YAAA0B;AAAA,EACA,KAAAhB;AAAA,EACA,GAAGf;AACL,MAAqB;AACnB,QAAM,CAACgB,GAAYC,CAAS,IAAIC,EAAkBlB,CAAK;AAEvD,SACE,gBAAAW;AAAA,IAACpB;AAAA,IAAA;AAAA,MACC,SAAO;AAAA,MACN,GAAGyB;AAAA,MACJ,iBAAee,IAAa,KAAK;AAAA,MAEjC,UAAA,gBAAApB,EAACqB,KAAW,KAAAjB,GAAW,GAAGE,GACvB,UAAA,CAAC,EAAE,YAAAgB,EAAA,MACF,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,QAAA9B;AAAA,QACA4B,KACC,gBAAAtB,EAACyB,GAAA,EAAK,MAAK,aACT,UAAA,gBAAAzB,EAAC0B,KAAa,EAAA,CAChB;AAAA,MAAA,EAAA,CAEJ,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAP,EAAS,cAAc;AC7BhB,MAAMQ,IAAmB,CAAC;AAAA,EAC/B,UAAAjC;AAAA,EACA,KAAAU;AAAA,EACA,GAAGf;AACL,MAA6B;AAC3B,QAAM,CAACgB,GAAYC,CAAS,IAAIC,EAAkBlB,CAAK;AAEvD,SACE,gBAAAW,EAAClB,GAAA,EAAqB,SAAO,IAAE,GAAGuB,GAChC,UAAA,gBAAAL,EAAC4B,GAAA,EAAO,KAAAxB,GAAW,GAAGE,GACnB,UAAAZ,EAAA,CACH,GACF;AAEJ;AAEAiC,EAAiB,cAAc;ACZxB,MAAME,IAAc,CAA4B;AAAA,EACrD,UAAAnC;AAAA,EACA,KAAAU;AAAA,EACA,OAAA0B;AAAA,EACA,OAAAC;AAAA,EACA,GAAG1C;AACL,MAA2B;AACzB,QAAMwB,IAAe3B,EAAA,GAGf;AAAA,IACJ,eAAA8C,IAAgBnB,GAAc;AAAA,IAC9B,cAAAoB,IAAepB,GAAc;AAAA,IAC7B,qBAAAqB,IAAsBrB,GAAc;AAAA,IACpC,mBAAAsB,IAAoBtB,GAAc;AAAA,IAClC,wBAAAuB,IAAyBvB,GAAc;AAAA,IACvC,GAAGP;AAAA,EAAA,IACDjB,GAEE,CAACgB,GAAYgC,CAAU,IAAI9B,EAAkBD,CAAS;AAE5D,SACE,gBAAAN,EAACU,GAAA,EAAoB,OAAO,EAAE,eAAAsB,EAAA,GAC5B,UAAA,gBAAAhC,EAACnB,GAAA,EAAgB,SAAO,IAAE,GAAGwB,GAC3B,UAAA,gBAAAkB;AAAA,IAACe;AAAAA,IAAA;AAAA,MACC,KAAAlC;AAAA,MACA,eAAA4B;AAAA,MACA,cAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,wBAAAC;AAAA,MACC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAArC,EAAC2B,KAAkB,UAAAG,EAAA,CAAM;AAAA,QACxBC,IACC,gBAAA/B,EAACuC,GAAA,EAAW,OAAAR,GAAe,UAAArC,GAAS,IAEnCA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGP,EAAA,CACF;AAEJ;AAEAmC,EAAY,cAAc;ACtDnB,MAAMW,IAAqB,CAAC;AAAA,EACjC,UAAA9C;AAAA,EACA,GAAGL;AACL,MACS,gBAAAW,EAACyC,GAAA,EAAkB,GAAGpD,GAAQ,UAAAK,EAAA,CAAS;AAGhD8C,EAAmB,cAAc;ACP1B,MAAME,IAAc,CAAC,EAAE,UAAAhD,GAAU,GAAGL,0BAEtCsB,GAAA,EAAa,GAAGtB,GAAO,WAAU,OAC/B,UAAAK,GACH;AAIJgD,EAAY,cAAc;ACAnB,MAAMxB,KAAO;AAAA,EAClB,MAAM9B;AAAA,EACN,SAASc;AAAA,EACT,SAASS;AAAA,EACT,MAAMQ;AAAA,EACN,SAASU;AAAA,EACT,SAASa;AAAA,EACT,gBAAgBF;AAClB;"}

package/dist/chunks/menu-DIepV2KZ.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-DIepV2KZ.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 { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  MenuRootSlotProps,\n  MenuTriggerSlotProps,\n  MenuPopoverSlotProps,\n  MenuContentSlotProps,\n  MenuItemSlotProps,\n  MenuSectionSlotProps,\n  MenuSectionLabelSlotProps,\n  MenuSubmenuSlotProps,\n} from \"./menu.types\";\nimport type { SlotComponent } from \"../utils/slot-types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"menu\",\n});\n\n// Menu Root\nexport const MenuRootSlot: SlotComponent<HTMLDivElement, MenuRootSlotProps> =\n  withProvider<HTMLDivElement, MenuRootSlotProps>(\"div\", \"root\");\n\n// Menu Trigger\nexport const MenuTriggerSlot = withContext<\n  HTMLButtonElement,\n  MenuTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Menu Popover\nexport const MenuPopoverSlot = withContext<\n  HTMLDivElement,\n  MenuPopoverSlotProps\n>(\"div\", \"popover\");\n\n// Menu Content\nexport const MenuContentSlot = withContext<\n  HTMLDivElement,\n  MenuContentSlotProps\n>(\"div\", \"content\");\n\n// Menu Item\nexport const MenuItemSlot = withContext<HTMLDivElement, MenuItemSlotProps>(\n  \"div\",\n  \"item\"\n);\n\n// Menu Section\nexport const MenuSectionSlot = withContext<\n  HTMLDivElement,\n  MenuSectionSlotProps\n>(\"div\", \"section\");\n\n// Menu Section Label\nexport const MenuSectionLabelSlot = withContext<\n  HTMLDivElement,\n  MenuSectionLabelSlotProps\n>(\"div\", \"sectionLabel\");\n\n// Menu Group Label\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 type 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","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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"}
+{"version":3,"file":"menu-DIepV2KZ.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 { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  MenuRootSlotProps,\n  MenuTriggerSlotProps,\n  MenuPopoverSlotProps,\n  MenuContentSlotProps,\n  MenuItemSlotProps,\n  MenuSectionSlotProps,\n  MenuSectionLabelSlotProps,\n  MenuSubmenuSlotProps,\n} from \"./menu.types\";\nimport type { SlotComponent } from \"@/utils/slot-types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"menu\",\n});\n\n// Menu Root\nexport const MenuRootSlot: SlotComponent<HTMLDivElement, MenuRootSlotProps> =\n  withProvider<HTMLDivElement, MenuRootSlotProps>(\"div\", \"root\");\n\n// Menu Trigger\nexport const MenuTriggerSlot = withContext<\n  HTMLButtonElement,\n  MenuTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Menu Popover\nexport const MenuPopoverSlot = withContext<\n  HTMLDivElement,\n  MenuPopoverSlotProps\n>(\"div\", \"popover\");\n\n// Menu Content\nexport const MenuContentSlot = withContext<\n  HTMLDivElement,\n  MenuContentSlotProps\n>(\"div\", \"content\");\n\n// Menu Item\nexport const MenuItemSlot = withContext<HTMLDivElement, MenuItemSlotProps>(\n  \"div\",\n  \"item\"\n);\n\n// Menu Section\nexport const MenuSectionSlot = withContext<\n  HTMLDivElement,\n  MenuSectionSlotProps\n>(\"div\", \"section\");\n\n// Menu Section Label\nexport const MenuSectionLabelSlot = withContext<\n  HTMLDivElement,\n  MenuSectionLabelSlotProps\n>(\"div\", \"sectionLabel\");\n\n// Menu Group Label\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 type 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","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/{money-input-BJpffXRR.es.js → money-input-sk0Slpeu.es.js}

@@ -9,8 +9,8 @@ import { G as Si } from "./group-CWADf2vF.es.js";
 import { j as Ci } from "./index-CtB71yr7.es.js";
 import { $ as B } from "./mergeProps-CzyOU2NE.es.js";
 import { $ as Pi } from "./context-R4YUlO9Y.es.js";
-import { S as N } from "./select-xlqMXZuO.es.js";
-import { N as Ii } from "./number-input-DXiwgboS.es.js";
+import { S as N } from "./select-BmMhTBo-.es.js";
+import { N as Ii } from "./number-input-CktMxOdZ.es.js";
 import { M as bi } from "./make-element-focusable-C4jhHHl0.es.js";
 import { b as H } from "./tooltip-sgakxhiy.es.js";
 import { B as Ai } from "./box-DuBoAZvq.es.js";
@@ -523,4 +523,4 @@ D.displayName = "MoneyInput";
 export {
   D as M
 };
-//# sourceMappingURL=money-input-BJpffXRR.es.js.map
+//# sourceMappingURL=money-input-sk0Slpeu.es.js.map