@commercetools/nimbus 3.0.0 → 3.2.0

package/dist/chunks/localized-field-CrI-hxso.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localized-field-CrI-hxso.esm.js","names":[],"sources":["../../src/components/localized-field/intl/en.ts","../../src/components/localized-field/intl/de.ts","../../src/components/localized-field/intl/es.ts","../../src/components/localized-field/intl/fr-FR.ts","../../src/components/localized-field/intl/pt-BR.ts","../../src/components/localized-field/localized-field.messages.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":["/**\n * Pre-compiled en messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hideCurrencies: `Hide all currencies`,\n  hideLanguages: `Hide all languages`,\n  infoBoxTriggerAriaLabel: `more info`,\n  missingRequiredField: `This field is required. Provide at least one value.`,\n  showCurrencies: `Show all currencies`,\n  showLanguages: `Show all languages`,\n};\n","/**\n * Pre-compiled de messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hideCurrencies: `Alle Währungen ausblenden`,\n  hideLanguages: `Alle Sprachen ausblenden`,\n  infoBoxTriggerAriaLabel: `Weitere Informationen`,\n  missingRequiredField: `Dies ist ein Pflichtfeld. Bitte geben Sie mindestens einen Wert an.`,\n  showCurrencies: `Alle Währungen anzeigen`,\n  showLanguages: `Alle Sprachen anzeigen`,\n};\n","/**\n * Pre-compiled es messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hideCurrencies: `Ocultar todas las monedas`,\n  hideLanguages: `Ocultar todas las monedas`,\n  infoBoxTriggerAriaLabel: `más información`,\n  missingRequiredField: `Este valor es necesario. Proporciona al menos un valor.`,\n  showCurrencies: `Mostrar todas las monedas`,\n  showLanguages: `Mostrar todos los idiomas`,\n};\n","/**\n * Pre-compiled fr-FR messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hideCurrencies: `Masquer toutes les devises`,\n  hideLanguages: `Masquer toutes les langues`,\n  infoBoxTriggerAriaLabel: `Plus d'informations`,\n  missingRequiredField: `Ce champ est requis. Indiquez au moins une valeur.`,\n  showCurrencies: `Afficher toutes les devises`,\n  showLanguages: `Afficher toutes les langues`,\n};\n","/**\n * Pre-compiled pt-BR messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hideCurrencies: `Ocultar todas as ocorrências`,\n  hideLanguages: `Ocultar todos os idiomas`,\n  infoBoxTriggerAriaLabel: `mais informações`,\n  missingRequiredField: `Este campo é obrigatório. Forneça pelo menos um valor.`,\n  showCurrencies: `Mostrar todas as ocorrências`,\n  showLanguages: `Mostrar todos os idiomas`,\n};\n","/**\n * Pre-compiled localized messages for LocalizedField component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport localizedFieldMessages_en from \"./intl/en\";\nimport localizedFieldMessages_de from \"./intl/de\";\nimport localizedFieldMessages_es from \"./intl/es\";\nimport localizedFieldMessages_fr from \"./intl/fr-FR\";\nimport localizedFieldMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const localizedFieldMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(localizedFieldMessages_en),\n  de: normalizeMessages(localizedFieldMessages_de),\n  es: normalizeMessages(localizedFieldMessages_es),\n  \"fr-FR\": normalizeMessages(localizedFieldMessages_fr),\n  \"pt-BR\": normalizeMessages(localizedFieldMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for LocalizedField component\n */\nexport type LocalizedFieldMessageKey =\n  | \"hideCurrencies\"\n  | \"hideLanguages\"\n  | \"infoBoxTriggerAriaLabel\"\n  | \"missingRequiredField\"\n  | \"showCurrencies\"\n  | \"showLanguages\";\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\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: \"nimbusLocalizedField\",\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 {\n  FormField,\n  type CurrencyCode,\n  type MoneyInputValue,\n  type MoneyValue,\n  type FieldErrorsData,\n  MoneyInput,\n} from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { localizedFieldMessagesStrings } from \"../localized-field.messages\";\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]?: FieldErrorsData;\n};\n\nexport const RequiredValueErrorMessage = () => {\n  const msg = useLocalizedStringFormatter(localizedFieldMessagesStrings);\n  return (\n    <FormField.Error>{msg.format(\"missingRequiredField\")}</FormField.Error>\n  );\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: CurrencyCode,\n  allCurrencies: CurrencyCode[]\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: MoneyInputValue[],\n  currency: string\n): Array<MoneyValue | null> =>\n  Object.values(values).map<MoneyValue | null>((value) => {\n    return MoneyInput.convertToMoneyValue(value, currency);\n  });\n\nexport const parseMoneyValues = (\n  moneyValues: MoneyValue[] = [],\n  locale: string\n): Record<CurrencyCode, MoneyInputValue> =>\n  moneyValues.reduce<Record<CurrencyCode, MoneyInputValue>>(\n    (allValues, moneyValue) => {\n      const value = MoneyInput.parseMoneyValue(moneyValue, locale);\n      return {\n        ...allValues,\n        [value.currencyCode]: value,\n      };\n    },\n    {} as Record<CurrencyCode, MoneyInputValue>\n  );\n\nexport const getHighPrecisionCurrencies = (\n  values: Record<CurrencyCode, MoneyInputValue>,\n  locale: string\n): CurrencyCode[] => {\n  const typedCurrencyCodes = Object.keys(values) as CurrencyCode[];\n  return typedCurrencyCodes.filter((currencyCode) =>\n    MoneyInput.isHighPrecision(values[currencyCode], locale)\n  );\n};\n\nexport const getEmptyCurrencies = (\n  values: Record<CurrencyCode, MoneyInputValue>\n): CurrencyCode[] => {\n  const typedCurrencyCodes = Object.keys(values) as CurrencyCode[];\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 CustomEvent,\n  MultilineTextInput,\n  RichTextInput,\n  type MoneyInputValue,\n  type CurrencyCode,\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\n/**\n * LocalizedFieldLocaleField - Individual locale or currency input field\n *\n * Renders a single input field for a specific locale or currency with integrated\n * label, description, warning, and error message display. Supports text, multiline,\n * richText, and money input types.\n *\n * @supportsStyleProps\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 MoneyInputValue)\n        : ({ amount: \"\", currencyCode: localeOrCurrency } as MoneyInputValue);\n    }\n    return inputValueFromProps ? inputValueFromProps : \"\";\n  };\n\n  const inputValue = getInputValue();\n\n  const handleChange = useCallback(\n    (value: string | CustomEvent | 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 CurrencyCode,\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 & MoneyInputValue}\n              onChange={handleChange}\n              onBlur={(e: React.FocusEvent | CustomEvent) =>\n                onBlur?.(e, localeOrCurrency)\n              }\n              onFocus={(e: React.FocusEvent | CustomEvent) =>\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 {\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 CurrencyCode,\n} from \"@/components\";\nimport { Popover } from \"../../popover\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { localizedFieldMessagesStrings } from \"../localized-field.messages\";\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\n/**\n * LocalizedField - Root component for managing localized input fields\n *\n * Provides a fieldset container for multiple locale-specific or currency-specific input fields\n * with expand/collapse functionality and integrated validation display. Supports text, multiline,\n * richText, and money input types.\n *\n * @supportsStyleProps\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 msg = useLocalizedStringFormatter(localizedFieldMessagesStrings);\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[] | CurrencyCode[] = 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 CurrencyCode,\n            localizationKeys as CurrencyCode[]\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    autoFocus,\n    localizationKeys,\n    type,\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={msg.format(\"infoBoxTriggerAriaLabel\")}\n                size=\"2xs\"\n                colorPalette=\"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                ? msg.format(\"hideCurrencies\")\n                : msg.format(\"showCurrencies\")\n              : expanded\n                ? msg.format(\"hideLanguages\")\n                : msg.format(\"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 { LocalizedFieldRoot } from \"./components\";\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\n/**\n * LocalizedField component with utility methods for managing localized input fields.\n *\n * This component provides a fieldset for managing multiple locale-specific or currency-specific\n * input fields with expand/collapse functionality and integrated validation display.\n *\n * **Utility Methods** (for compatibility with UI Kit):\n * - `getId` / `getName`: Format field attributes with locale suffix\n * - `isTouched`: Check if any locale field has been touched\n * - `isEmpty`: Check if all locale fields are empty\n * - `createLocalizedString`: Create empty localized string object\n * - `omitEmptyTranslations`: Remove empty translations from localized object\n * - `RequiredValueErrorMessage`: Standard error message component\n * - `toFieldErrors`: Convert errors to field error format\n * - `convertToMoneyValues` / `parseMoneyValues`: Money value conversion utilities\n * - `getHighPrecisionCurrencies` / `getEmptyCurrencies`: Currency utilities\n *\n * @example\n * ```tsx\n * <LocalizedField\n *   type=\"text\"\n *   label=\"Product Name\"\n *   defaultLocaleOrCurrency=\"en\"\n *   valuesByLocaleOrCurrency={{ en: \"Product\", de: \"Produkt\" }}\n *   onChange={(e) => console.log(e.target.locale, e.target.value)}\n * />\n * ```\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"],"mappings":"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"}

package/dist/chunks/make-element-focusable-7aEYoh_8.esm.js

@@ -0,0 +1,15 @@
+import { t as e } from "./mergeProps-CGu7R6EG.esm.js";
+import { n as t } from "./useFocusable-0u660rHW.esm.js";
+import { t as n } from "./useObjectRef-ClgudS2C.esm.js";
+import { t as r } from "./merge-refs-C1GcH9iY.esm.js";
+import { cloneElement as i, isValidElement as a, useRef as o } from "react";
+//#region src/components/tooltip/make-element-focusable.tsx
+var s = function({ ref: s, children: c, ...l }) {
+	let u = n(r(o(null), s)), { focusableProps: d } = t(l, u);
+	return a(c) ? i(c, e(d, c.props, { ref: u })) : null;
+};
+s.displayName = "MakeElementFocusable";
+//#endregion
+export { s as t };
+
+//# sourceMappingURL=make-element-focusable-7aEYoh_8.esm.js.map

package/dist/chunks/make-element-focusable-7aEYoh_8.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-element-focusable-7aEYoh_8.esm.js","names":[],"sources":["../../src/components/tooltip/make-element-focusable.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useRef,\n  type PropsWithChildren,\n  isValidElement,\n} from \"react\";\nimport {\n  mergeProps,\n  useObjectRef,\n  useFocusable,\n  type FocusableOptions,\n} from \"react-aria\";\n\nimport { mergeRefs } from \"@/utils\";\n\nexport type MakeElementFocusableProps = PropsWithChildren<\n  FocusableOptions<HTMLElement>\n> & {\n  /**\n   * React ref to be forwarded to the underlying element\n   */\n  ref?: React.Ref<HTMLElement>;\n};\n\n/**\n * MakeElementFocusable\n * ============================================================\n * A helper component that adds props from `react-aria`s `useFocusable` hook\n * to its child so that it can be used as a trigger element for a `Tooltip`\n *\n * Caveats:\n * - Using non-interactive elements as tooltip triggers is against ARIA best-practices,\n *   it is your responsibility to ensure that the underlying trigger element handles\n *   focus and hover interactions correctly for keyboard-only users\n *\n * Features:\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLElement' attributes (including aria- & data-attributes)\n *\n * Further Context:\n * - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)\n * - [React Aria Components Issue re:Tooltip with custom trigger](https://github.com/adobe/react-spectrum/issues/5733#issuecomment-1918691983)\n * - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)\n */\nexport const MakeElementFocusable = function MakeElementFocusable({\n  ref: forwardedRef,\n  children,\n  ...props\n}: MakeElementFocusableProps) {\n  const localRef = useRef<HTMLElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const { focusableProps } = useFocusable(props, ref);\n\n  if (isValidElement(children)) {\n    return cloneElement(\n      children,\n      mergeProps(\n        focusableProps,\n        children.props as PropsWithChildren<FocusableOptions<HTMLElement>>,\n        { ref: ref }\n      )\n    );\n  }\n\n  return null;\n};\nMakeElementFocusable.displayName = \"MakeElementFocusable\";\n"],"mappings":";;;;;;AA4CA,IAAa,IAAuB,SAA8B,EAChE,KAAK,GACL,aACA,GAAG,KACyB;CAE5B,IAAM,IAAM,EAAa,EADR,EAAoB,IACF,GAAU,CAAY,CAAC,GACpD,EAAE,sBAAmB,EAAa,GAAO,CAAG;CAalD,OAXI,EAAe,CAAQ,IAClB,EACL,GACA,EACE,GACA,EAAS,OACT,EAAO,OAAI,CACb,CACF,IAGK;AACT;AACA,EAAqB,cAAc"}

package/dist/chunks/make-element-focusable-C9gMsJ9U.cjs

@@ -0,0 +1,2 @@
+const e=require("./mergeProps-CiOPEjJs.cjs.js"),t=require("./useFocusable-C3WI18Kj.cjs.js"),n=require("./useObjectRef-B_VeQHvx.cjs.js"),r=require("./merge-refs-DjTl2ATo.cjs.js");let i=require("react");var a=function({ref:a,children:o,...s}){let c=n.t(r.t((0,i.useRef)(null),a)),{focusableProps:l}=t.n(s,c);return(0,i.isValidElement)(o)?(0,i.cloneElement)(o,e.t(l,o.props,{ref:c})):null};a.displayName=`MakeElementFocusable`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=make-element-focusable-C9gMsJ9U.cjs.js.map

package/dist/chunks/make-element-focusable-C9gMsJ9U.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-element-focusable-C9gMsJ9U.cjs.js","names":[],"sources":["../../src/components/tooltip/make-element-focusable.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useRef,\n  type PropsWithChildren,\n  isValidElement,\n} from \"react\";\nimport {\n  mergeProps,\n  useObjectRef,\n  useFocusable,\n  type FocusableOptions,\n} from \"react-aria\";\n\nimport { mergeRefs } from \"@/utils\";\n\nexport type MakeElementFocusableProps = PropsWithChildren<\n  FocusableOptions<HTMLElement>\n> & {\n  /**\n   * React ref to be forwarded to the underlying element\n   */\n  ref?: React.Ref<HTMLElement>;\n};\n\n/**\n * MakeElementFocusable\n * ============================================================\n * A helper component that adds props from `react-aria`s `useFocusable` hook\n * to its child so that it can be used as a trigger element for a `Tooltip`\n *\n * Caveats:\n * - Using non-interactive elements as tooltip triggers is against ARIA best-practices,\n *   it is your responsibility to ensure that the underlying trigger element handles\n *   focus and hover interactions correctly for keyboard-only users\n *\n * Features:\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLElement' attributes (including aria- & data-attributes)\n *\n * Further Context:\n * - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)\n * - [React Aria Components Issue re:Tooltip with custom trigger](https://github.com/adobe/react-spectrum/issues/5733#issuecomment-1918691983)\n * - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)\n */\nexport const MakeElementFocusable = function MakeElementFocusable({\n  ref: forwardedRef,\n  children,\n  ...props\n}: MakeElementFocusableProps) {\n  const localRef = useRef<HTMLElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const { focusableProps } = useFocusable(props, ref);\n\n  if (isValidElement(children)) {\n    return cloneElement(\n      children,\n      mergeProps(\n        focusableProps,\n        children.props as PropsWithChildren<FocusableOptions<HTMLElement>>,\n        { ref: ref }\n      )\n    );\n  }\n\n  return null;\n};\nMakeElementFocusable.displayName = \"MakeElementFocusable\";\n"],"mappings":"yMA4CA,IAAa,EAAuB,SAA8B,CAChE,IAAK,EACL,WACA,GAAG,GACyB,CAE5B,IAAM,EAAM,EAAA,EAAa,EAAA,GAAA,EAAA,EAAA,QADY,IACF,EAAU,CAAY,CAAC,EACpD,CAAE,kBAAmB,EAAA,EAAa,EAAO,CAAG,EAalD,OAXA,EAAA,EAAA,gBAAmB,CAAQ,GACzB,EAAA,EAAA,cACE,EACA,EAAA,EACE,EACA,EAAS,MACT,CAAO,KAAI,CACb,CACF,EAGK,IACT,EACA,EAAqB,YAAc"}

package/dist/chunks/menu-CiBPW0cA.esm.js

@@ -0,0 +1,174 @@
+import { i as e } from "./CollectionBuilder-BXfGeCji.esm.js";
+import { a as t, c as n, l as r, o as i, s as a, u as o } from "./Dialog-Bz1VofkM.esm.js";
+import { t as s } from "./Header-W166BKKR.esm.js";
+import { n as c } from "./Button-BS6XRDWw.esm.js";
+import { t as l } from "./icon-CSCRP1_5.esm.js";
+import { t as u } from "./extract-style-props-4RoFSvGV.esm.js";
+import { createContext as d, useContext as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { ChevronRight as g } from "@commercetools/nimbus-icons";
+import { createSlotRecipeContext as _, useSlotRecipe as v } from "@chakra-ui/react/styled-system";
+//#region src/components/menu/menu.slots.tsx
+var { withProvider: y, withContext: b } = _({ key: "nimbusMenu" }), x = y("div", "root"), S = b("button", "trigger"), C = b("div", "popover"), w = b("div", "content"), T = b("div", "item"), E = b("div", "section"), D = b("div", "sectionLabel");
+b("div", "submenu");
+//#endregion
+//#region src/components/menu/components/menu.context.tsx
+var O = d(void 0), k = O.Provider, A = () => f(O), j = (e) => {
+	let [n, r] = v({ key: "nimbusMenu" }).splitVariantProps(e), { children: i, trigger: a, isOpen: o, defaultOpen: s, onOpenChange: c, ...l } = r, [d, f] = u(l), p = {
+		trigger: a,
+		isOpen: o,
+		defaultOpen: s,
+		onOpenChange: c
+	};
+	return /* @__PURE__ */ m(x, {
+		...n,
+		...d,
+		asChild: !0,
+		children: /* @__PURE__ */ m(t, {
+			...p,
+			children: /* @__PURE__ */ m(k, {
+				value: f,
+				children: i
+			})
+		})
+	});
+};
+j.displayName = "Menu.Root";
+//#endregion
+//#region src/components/menu/components/menu.trigger.tsx
+var M = ({ children: e, asChild: t, ref: n, ...r }) => {
+	let [i, a] = u(r);
+	return t ? /* @__PURE__ */ m(S, {
+		ref: n,
+		asChild: !0,
+		...i,
+		children: e
+	}) : /* @__PURE__ */ m(S, {
+		asChild: !0,
+		...i,
+		children: /* @__PURE__ */ m(c, {
+			ref: n,
+			...a,
+			children: e
+		})
+	});
+};
+M.displayName = "Menu.Trigger";
+var N = d(void 0).Provider, P = ({ children: e, placement: t, ref: r, ...i }) => {
+	let a = A();
+	if (!a) throw Error("Menu.Content must be used within Menu.Root");
+	let { placement: s, ...c } = a, l = t || s || "bottom start";
+	return /* @__PURE__ */ m(N, {
+		value: { selectionMode: c.selectionMode },
+		children: /* @__PURE__ */ m(C, {
+			...i,
+			asChild: !0,
+			children: /* @__PURE__ */ m(o, {
+				placement: l,
+				offset: 4,
+				shouldFlip: !0,
+				children: /* @__PURE__ */ m(w, {
+					asChild: !0,
+					children: /* @__PURE__ */ m(n, {
+						ref: r,
+						shouldFocusWrap: !0,
+						autoFocus: "first",
+						...c,
+						children: e
+					})
+				})
+			})
+		})
+	});
+};
+P.displayName = "Menu.Content";
+//#endregion
+//#region src/components/menu/components/menu.item.tsx
+var F = ({ children: e, isCritical: t, ref: n, ...r }) => {
+	let [a, o] = u(r);
+	return /* @__PURE__ */ m(T, {
+		asChild: !0,
+		...a,
+		"data-critical": t ? "" : void 0,
+		children: /* @__PURE__ */ m(i, {
+			ref: n,
+			...o,
+			children: ({ hasSubmenu: t }) => /* @__PURE__ */ h(p, { children: [e, t && /* @__PURE__ */ m(l, {
+				slot: "caretIcon",
+				children: /* @__PURE__ */ m(g, {})
+			})] })
+		})
+	});
+};
+F.displayName = "Menu.Item";
+//#endregion
+//#region src/components/menu/components/menu.section-label.tsx
+var I = ({ children: e, ref: t, ...n }) => {
+	let [r, i] = u(n);
+	return /* @__PURE__ */ m(D, {
+		asChild: !0,
+		...r,
+		children: /* @__PURE__ */ m(s, {
+			ref: t,
+			...i,
+			children: e
+		})
+	});
+};
+I.displayName = "Menu.SectionLabel";
+//#endregion
+//#region src/components/menu/components/menu.section.tsx
+var L = ({ children: t, ref: n, label: r, items: i, ...o }) => {
+	let s = A(), { selectionMode: c = s?.selectionMode, selectedKeys: l = s?.selectedKeys, defaultSelectedKeys: d = s?.defaultSelectedKeys, onSelectionChange: f = s?.onSelectionChange, disallowEmptySelection: p = s?.disallowEmptySelection, ...g } = o, [_, v] = u(g);
+	return /* @__PURE__ */ m(N, {
+		value: { selectionMode: c },
+		children: /* @__PURE__ */ m(E, {
+			asChild: !0,
+			..._,
+			children: /* @__PURE__ */ h(a, {
+				ref: n,
+				selectionMode: c,
+				selectedKeys: l,
+				defaultSelectedKeys: d,
+				onSelectionChange: f,
+				disallowEmptySelection: p,
+				...v,
+				children: [/* @__PURE__ */ m(I, { children: r }), i ? /* @__PURE__ */ m(e, {
+					items: i,
+					children: t
+				}) : t]
+			})
+		})
+	});
+};
+L.displayName = "Menu.Section";
+//#endregion
+//#region src/components/menu/components/menu.submenu-trigger.tsx
+var R = ({ children: e, ...t }) => /* @__PURE__ */ m(r, {
+	...t,
+	children: e
+});
+R.displayName = "Menu.SubmenuTrigger";
+//#endregion
+//#region src/components/menu/components/menu.submenu.tsx
+var z = ({ children: e, ...t }) => /* @__PURE__ */ m(P, {
+	...t,
+	placement: "end",
+	children: e
+});
+z.displayName = "Menu.Submenu";
+//#endregion
+//#region src/components/menu/menu.tsx
+var B = {
+	Root: j,
+	Trigger: M,
+	Content: P,
+	Item: F,
+	Section: L,
+	Submenu: z,
+	SubmenuTrigger: R
+};
+//#endregion
+export { F as a, j as c, L as i, z as n, P as o, R as r, M as s, B as t };
+
+//# sourceMappingURL=menu-CiBPW0cA.esm.js.map

package/dist/chunks/menu-CiBPW0cA.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-CiBPW0cA.esm.js","names":[],"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/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  MenuRootSlotProps,\n  MenuTriggerSlotProps,\n  MenuPopoverSlotProps,\n  MenuContentSlotProps,\n  MenuItemSlotProps,\n  MenuSectionSlotProps,\n  MenuSectionLabelSlotProps,\n  MenuSubmenuSlotProps,\n} from \"./menu.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusMenu\",\n});\n\n// Menu Root\nexport const MenuRootSlot: SlotComponent<HTMLDivElement, MenuRootSlotProps> =\n  withProvider<HTMLDivElement, MenuRootSlotProps>(\"div\", \"root\");\n\n// Menu Trigger\nexport const MenuTriggerSlot: SlotComponent<\n  HTMLButtonElement,\n  MenuTriggerSlotProps\n> = withContext<HTMLButtonElement, MenuTriggerSlotProps>(\"button\", \"trigger\");\n\n// Menu Popover\nexport const MenuPopoverSlot: SlotComponent<\n  HTMLDivElement,\n  MenuPopoverSlotProps\n> = withContext<HTMLDivElement, MenuPopoverSlotProps>(\"div\", \"popover\");\n\n// Menu Content\nexport const MenuContentSlot: SlotComponent<\n  HTMLDivElement,\n  MenuContentSlotProps\n> = withContext<HTMLDivElement, MenuContentSlotProps>(\"div\", \"content\");\n\n// Menu Item\nexport const MenuItemSlot: SlotComponent<HTMLDivElement, MenuItemSlotProps> =\n  withContext<HTMLDivElement, MenuItemSlotProps>(\"div\", \"item\");\n\n// Menu Section\nexport const MenuSectionSlot: SlotComponent<\n  HTMLDivElement,\n  MenuSectionSlotProps\n> = withContext<HTMLDivElement, MenuSectionSlotProps>(\"div\", \"section\");\n\n// Menu Section Label\nexport const MenuSectionLabelSlot: SlotComponent<\n  HTMLDivElement,\n  MenuSectionLabelSlotProps\n> = withContext<HTMLDivElement, MenuSectionLabelSlotProps>(\n  \"div\",\n  \"sectionLabel\"\n);\n\n// Menu Group Label\nexport const MenuSubmenuSlot: SlotComponent<\n  HTMLDivElement,\n  MenuSubmenuSlotProps\n> = withContext<HTMLDivElement, MenuSubmenuSlotProps>(\"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\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Menu.Root - Container component that provides configuration and state management\n *\n * @supportsStyleProps\n */\nexport const MenuRoot = (props: MenuRootProps) => {\n  const recipe = useSlotRecipe({ key: \"nimbusMenu\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(props);\n\n  // Separate MenuTrigger props and functional props from style props\n  const { children, trigger, isOpen, defaultOpen, onOpenChange, ...restProps } =\n    restRecipeProps;\n\n  const [styleProps, menuContextProps] = extractStyleProps(restProps);\n\n  const menuTriggerProps = {\n    trigger,\n    isOpen,\n    defaultOpen,\n    onOpenChange,\n  };\n\n  return (\n    <MenuRootSlot {...recipeProps} {...styleProps} asChild>\n      <RaMenuTrigger {...menuTriggerProps}>\n        <MenuProvider value={menuContextProps}>{children}</MenuProvider>\n      </RaMenuTrigger>\n    </MenuRootSlot>\n  );\n};\n\nMenuRoot.displayName = \"Menu.Root\";\n","import {\n  Button,\n  type MenuTriggerProps as RaMenuTriggerProps,\n} from \"react-aria-components\";\nimport { MenuTriggerSlot } from \"../menu.slots\";\nimport type { MenuTriggerProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Menu.Trigger - The button or element that opens the menu when activated\n *\n * @supportsStyleProps\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 RaMenuTriggerProps[\"children\"]}\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\n/**\n * Menu.Content - The popover container that displays menu items\n *\n * @supportsStyleProps\n */\nexport const MenuContent = ({\n  children,\n  placement: placementOverride,\n  ref,\n  ...styleProps\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 {...styleProps} 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\";\nimport { ChevronRight } from \"@commercetools/nimbus-icons\";\nimport { Icon } from \"@/components/icon/icon\";\n\n/**\n * Menu.Item - An individual menu item that can be selected\n *\n * @supportsStyleProps\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\";\n\n/**\n * Menu.SectionLabel - Used in MenuSection for rendering the `label` property\n *\n * @supportsStyleProps\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\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\nimport { MenuSectionLabel } from \"./menu.section-label\";\nimport type { ReactNode } from \"react\";\n\n/**\n * Menu.Section - Groups related menu items with an optional label\n *\n * @supportsStyleProps\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\n/**\n * Menu.SubmenuTrigger - The trigger element for opening a submenu\n *\n * @supportsStyleProps\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\n/**\n * Menu.Submenu - A nested menu that appears when hovering over or selecting a submenu trigger\n *\n * @supportsStyleProps\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 {\n  MenuRoot,\n  MenuTrigger,\n  MenuContent,\n  MenuItem,\n  MenuSection,\n  MenuSubmenuTrigger,\n  MenuSubmenu,\n} from \"./components\";\n\nexport const Menu = {\n  /**\n   * # Menu.Root\n   *\n   * The root container component that provides configuration and state management\n   * for the entire menu. Wraps MenuTrigger and handles open/close state.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Root onAction={(key) => console.log(key)}>\n   *   <Menu.Trigger>Options</Menu.Trigger>\n   *   <Menu.Content>\n   *     <Menu.Item id=\"edit\">Edit</Menu.Item>\n   *   </Menu.Content>\n   * </Menu.Root>\n   * ```\n   */\n  Root: MenuRoot,\n\n  /**\n   * # Menu.Trigger\n   *\n   * The button or element that opens the menu when activated.\n   * Supports custom trigger elements via the `asChild` prop.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Root>\n   *   <Menu.Trigger>Open Menu</Menu.Trigger>\n   *   <Menu.Content>...</Menu.Content>\n   * </Menu.Root>\n   * ```\n   */\n  Trigger: MenuTrigger,\n\n  /**\n   * # Menu.Content\n   *\n   * The popover container that displays menu items. Automatically positions\n   * relative to the trigger and handles focus management.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Root>\n   *   <Menu.Trigger>Options</Menu.Trigger>\n   *   <Menu.Content>\n   *     <Menu.Item id=\"save\">Save</Menu.Item>\n   *     <Menu.Item id=\"delete\">Delete</Menu.Item>\n   *   </Menu.Content>\n   * </Menu.Root>\n   * ```\n   */\n  Content: MenuContent,\n\n  /**\n   * # Menu.Item\n   *\n   * An individual menu item that can be selected. Supports icons, labels,\n   * descriptions, keyboard shortcuts, and critical styling.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Item id=\"delete\" isCritical>\n   *   <Icon slot=\"icon\"><Icons.Delete /></Icon>\n   *   <Text slot=\"label\">Delete</Text>\n   *   <Text slot=\"description\">Remove permanently</Text>\n   *   <Kbd slot=\"keyboard\">⌘⌫</Kbd>\n   * </Menu.Item>\n   * ```\n   */\n  Item: MenuItem,\n\n  /**\n   * # Menu.Section\n   *\n   * Groups related menu items with an optional label. Supports selection modes\n   * for single or multiple selections within the section.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Content>\n   *   <Menu.Section label=\"Edit Actions\">\n   *     <Menu.Item id=\"copy\">Copy</Menu.Item>\n   *     <Menu.Item id=\"paste\">Paste</Menu.Item>\n   *   </Menu.Section>\n   * </Menu.Content>\n   * ```\n   */\n  Section: MenuSection,\n\n  /**\n   * # Menu.Submenu\n   *\n   * A nested menu that appears when hovering over or selecting a submenu trigger.\n   * Automatically positioned to the side of the parent menu.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Item>\n   *   <Menu.SubmenuTrigger>\n   *     <Text slot=\"label\">More Options</Text>\n   *   </Menu.SubmenuTrigger>\n   *   <Menu.Submenu>\n   *     <Menu.Item id=\"option1\">Option 1</Menu.Item>\n   *   </Menu.Submenu>\n   * </Menu.Item>\n   * ```\n   */\n  Submenu: MenuSubmenu,\n\n  /**\n   * # Menu.SubmenuTrigger\n   *\n   * The trigger element for opening a submenu. Must be used within a Menu.Item\n   * and paired with Menu.Submenu.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Item>\n   *   <Menu.SubmenuTrigger>\n   *     <Text slot=\"label\">Export</Text>\n   *   </Menu.SubmenuTrigger>\n   *   <Menu.Submenu>\n   *     <Menu.Item id=\"pdf\">PDF</Menu.Item>\n   *     <Menu.Item id=\"csv\">CSV</Menu.Item>\n   *   </Menu.Submenu>\n   * </Menu.Item>\n   * ```\n   */\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"],"mappings":"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"}

package/dist/chunks/menu-DcD4YVSh.cjs

@@ -0,0 +1,2 @@
+const e=require("./CollectionBuilder-DnB4IFcy.cjs.js"),t=require("./Dialog-CKEw-ul4.cjs.js"),n=require("./Header-lS9SYRu4.cjs.js"),r=require("./Button-1hWj0x5_.cjs.js"),i=require("./icon-DjrMssEK.cjs.js"),a=require("./extract-style-props-CVl34XLj.cjs.js");let o=require("react"),s=require("react/jsx-runtime"),c=require("@commercetools/nimbus-icons"),l=require("@chakra-ui/react/styled-system");var{withProvider:u,withContext:d}=(0,l.createSlotRecipeContext)({key:`nimbusMenu`}),f=u(`div`,`root`),p=d(`button`,`trigger`),m=d(`div`,`popover`),h=d(`div`,`content`),g=d(`div`,`item`),_=d(`div`,`section`),v=d(`div`,`sectionLabel`);d(`div`,`submenu`);var y=(0,o.createContext)(void 0),b=y.Provider,x=()=>(0,o.useContext)(y),S=e=>{let[n,r]=(0,l.useSlotRecipe)({key:`nimbusMenu`}).splitVariantProps(e),{children:i,trigger:o,isOpen:c,defaultOpen:u,onOpenChange:d,...p}=r,[m,h]=a.t(p),g={trigger:o,isOpen:c,defaultOpen:u,onOpenChange:d};return(0,s.jsx)(f,{...n,...m,asChild:!0,children:(0,s.jsx)(t.a,{...g,children:(0,s.jsx)(b,{value:h,children:i})})})};S.displayName=`Menu.Root`;var C=({children:e,asChild:t,ref:n,...i})=>{let[o,c]=a.t(i);return t?(0,s.jsx)(p,{ref:n,asChild:!0,...o,children:e}):(0,s.jsx)(p,{asChild:!0,...o,children:(0,s.jsx)(r.n,{ref:n,...c,children:e})})};C.displayName=`Menu.Trigger`;var w=(0,o.createContext)(void 0).Provider,T=({children:e,placement:n,ref:r,...i})=>{let a=x();if(!a)throw Error(`Menu.Content must be used within Menu.Root`);let{placement:o,...c}=a,l=n||o||`bottom start`;return(0,s.jsx)(w,{value:{selectionMode:c.selectionMode},children:(0,s.jsx)(m,{...i,asChild:!0,children:(0,s.jsx)(t.u,{placement:l,offset:4,shouldFlip:!0,children:(0,s.jsx)(h,{asChild:!0,children:(0,s.jsx)(t.c,{ref:r,shouldFocusWrap:!0,autoFocus:`first`,...c,children:e})})})})})};T.displayName=`Menu.Content`;var E=({children:e,isCritical:n,ref:r,...o})=>{let[l,u]=a.t(o);return(0,s.jsx)(g,{asChild:!0,...l,"data-critical":n?``:void 0,children:(0,s.jsx)(t.o,{ref:r,...u,children:({hasSubmenu:t})=>(0,s.jsxs)(s.Fragment,{children:[e,t&&(0,s.jsx)(i.t,{slot:`caretIcon`,children:(0,s.jsx)(c.ChevronRight,{})})]})})})};E.displayName=`Menu.Item`;var D=({children:e,ref:t,...r})=>{let[i,o]=a.t(r);return(0,s.jsx)(v,{asChild:!0,...i,children:(0,s.jsx)(n.t,{ref:t,...o,children:e})})};D.displayName=`Menu.SectionLabel`;var O=({children:n,ref:r,label:i,items:o,...c})=>{let l=x(),{selectionMode:u=l?.selectionMode,selectedKeys:d=l?.selectedKeys,defaultSelectedKeys:f=l?.defaultSelectedKeys,onSelectionChange:p=l?.onSelectionChange,disallowEmptySelection:m=l?.disallowEmptySelection,...h}=c,[g,v]=a.t(h);return(0,s.jsx)(w,{value:{selectionMode:u},children:(0,s.jsx)(_,{asChild:!0,...g,children:(0,s.jsxs)(t.s,{ref:r,selectionMode:u,selectedKeys:d,defaultSelectedKeys:f,onSelectionChange:p,disallowEmptySelection:m,...v,children:[(0,s.jsx)(D,{children:i}),o?(0,s.jsx)(e.i,{items:o,children:n}):n]})})})};O.displayName=`Menu.Section`;var k=({children:e,...n})=>(0,s.jsx)(t.l,{...n,children:e});k.displayName=`Menu.SubmenuTrigger`;var A=({children:e,...t})=>(0,s.jsx)(T,{...t,placement:`end`,children:e});A.displayName=`Menu.Submenu`;var j={Root:S,Trigger:C,Content:T,Item:E,Section:O,Submenu:A,SubmenuTrigger:k};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return j}});
+//# sourceMappingURL=menu-DcD4YVSh.cjs.js.map

package/dist/chunks/menu-DcD4YVSh.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-DcD4YVSh.cjs.js","names":[],"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/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  MenuRootSlotProps,\n  MenuTriggerSlotProps,\n  MenuPopoverSlotProps,\n  MenuContentSlotProps,\n  MenuItemSlotProps,\n  MenuSectionSlotProps,\n  MenuSectionLabelSlotProps,\n  MenuSubmenuSlotProps,\n} from \"./menu.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusMenu\",\n});\n\n// Menu Root\nexport const MenuRootSlot: SlotComponent<HTMLDivElement, MenuRootSlotProps> =\n  withProvider<HTMLDivElement, MenuRootSlotProps>(\"div\", \"root\");\n\n// Menu Trigger\nexport const MenuTriggerSlot: SlotComponent<\n  HTMLButtonElement,\n  MenuTriggerSlotProps\n> = withContext<HTMLButtonElement, MenuTriggerSlotProps>(\"button\", \"trigger\");\n\n// Menu Popover\nexport const MenuPopoverSlot: SlotComponent<\n  HTMLDivElement,\n  MenuPopoverSlotProps\n> = withContext<HTMLDivElement, MenuPopoverSlotProps>(\"div\", \"popover\");\n\n// Menu Content\nexport const MenuContentSlot: SlotComponent<\n  HTMLDivElement,\n  MenuContentSlotProps\n> = withContext<HTMLDivElement, MenuContentSlotProps>(\"div\", \"content\");\n\n// Menu Item\nexport const MenuItemSlot: SlotComponent<HTMLDivElement, MenuItemSlotProps> =\n  withContext<HTMLDivElement, MenuItemSlotProps>(\"div\", \"item\");\n\n// Menu Section\nexport const MenuSectionSlot: SlotComponent<\n  HTMLDivElement,\n  MenuSectionSlotProps\n> = withContext<HTMLDivElement, MenuSectionSlotProps>(\"div\", \"section\");\n\n// Menu Section Label\nexport const MenuSectionLabelSlot: SlotComponent<\n  HTMLDivElement,\n  MenuSectionLabelSlotProps\n> = withContext<HTMLDivElement, MenuSectionLabelSlotProps>(\n  \"div\",\n  \"sectionLabel\"\n);\n\n// Menu Group Label\nexport const MenuSubmenuSlot: SlotComponent<\n  HTMLDivElement,\n  MenuSubmenuSlotProps\n> = withContext<HTMLDivElement, MenuSubmenuSlotProps>(\"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\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Menu.Root - Container component that provides configuration and state management\n *\n * @supportsStyleProps\n */\nexport const MenuRoot = (props: MenuRootProps) => {\n  const recipe = useSlotRecipe({ key: \"nimbusMenu\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(props);\n\n  // Separate MenuTrigger props and functional props from style props\n  const { children, trigger, isOpen, defaultOpen, onOpenChange, ...restProps } =\n    restRecipeProps;\n\n  const [styleProps, menuContextProps] = extractStyleProps(restProps);\n\n  const menuTriggerProps = {\n    trigger,\n    isOpen,\n    defaultOpen,\n    onOpenChange,\n  };\n\n  return (\n    <MenuRootSlot {...recipeProps} {...styleProps} asChild>\n      <RaMenuTrigger {...menuTriggerProps}>\n        <MenuProvider value={menuContextProps}>{children}</MenuProvider>\n      </RaMenuTrigger>\n    </MenuRootSlot>\n  );\n};\n\nMenuRoot.displayName = \"Menu.Root\";\n","import {\n  Button,\n  type MenuTriggerProps as RaMenuTriggerProps,\n} from \"react-aria-components\";\nimport { MenuTriggerSlot } from \"../menu.slots\";\nimport type { MenuTriggerProps } from \"../menu.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Menu.Trigger - The button or element that opens the menu when activated\n *\n * @supportsStyleProps\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 RaMenuTriggerProps[\"children\"]}\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\n/**\n * Menu.Content - The popover container that displays menu items\n *\n * @supportsStyleProps\n */\nexport const MenuContent = ({\n  children,\n  placement: placementOverride,\n  ref,\n  ...styleProps\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 {...styleProps} 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\";\nimport { ChevronRight } from \"@commercetools/nimbus-icons\";\nimport { Icon } from \"@/components/icon/icon\";\n\n/**\n * Menu.Item - An individual menu item that can be selected\n *\n * @supportsStyleProps\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\";\n\n/**\n * Menu.SectionLabel - Used in MenuSection for rendering the `label` property\n *\n * @supportsStyleProps\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\";\nimport { useMenuContext } from \"./menu.context\";\nimport { MenuSectionProvider } from \"./menu.section-context\";\nimport { MenuSectionLabel } from \"./menu.section-label\";\nimport type { ReactNode } from \"react\";\n\n/**\n * Menu.Section - Groups related menu items with an optional label\n *\n * @supportsStyleProps\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\n/**\n * Menu.SubmenuTrigger - The trigger element for opening a submenu\n *\n * @supportsStyleProps\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\n/**\n * Menu.Submenu - A nested menu that appears when hovering over or selecting a submenu trigger\n *\n * @supportsStyleProps\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 {\n  MenuRoot,\n  MenuTrigger,\n  MenuContent,\n  MenuItem,\n  MenuSection,\n  MenuSubmenuTrigger,\n  MenuSubmenu,\n} from \"./components\";\n\nexport const Menu = {\n  /**\n   * # Menu.Root\n   *\n   * The root container component that provides configuration and state management\n   * for the entire menu. Wraps MenuTrigger and handles open/close state.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Root onAction={(key) => console.log(key)}>\n   *   <Menu.Trigger>Options</Menu.Trigger>\n   *   <Menu.Content>\n   *     <Menu.Item id=\"edit\">Edit</Menu.Item>\n   *   </Menu.Content>\n   * </Menu.Root>\n   * ```\n   */\n  Root: MenuRoot,\n\n  /**\n   * # Menu.Trigger\n   *\n   * The button or element that opens the menu when activated.\n   * Supports custom trigger elements via the `asChild` prop.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Root>\n   *   <Menu.Trigger>Open Menu</Menu.Trigger>\n   *   <Menu.Content>...</Menu.Content>\n   * </Menu.Root>\n   * ```\n   */\n  Trigger: MenuTrigger,\n\n  /**\n   * # Menu.Content\n   *\n   * The popover container that displays menu items. Automatically positions\n   * relative to the trigger and handles focus management.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Root>\n   *   <Menu.Trigger>Options</Menu.Trigger>\n   *   <Menu.Content>\n   *     <Menu.Item id=\"save\">Save</Menu.Item>\n   *     <Menu.Item id=\"delete\">Delete</Menu.Item>\n   *   </Menu.Content>\n   * </Menu.Root>\n   * ```\n   */\n  Content: MenuContent,\n\n  /**\n   * # Menu.Item\n   *\n   * An individual menu item that can be selected. Supports icons, labels,\n   * descriptions, keyboard shortcuts, and critical styling.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Item id=\"delete\" isCritical>\n   *   <Icon slot=\"icon\"><Icons.Delete /></Icon>\n   *   <Text slot=\"label\">Delete</Text>\n   *   <Text slot=\"description\">Remove permanently</Text>\n   *   <Kbd slot=\"keyboard\">⌘⌫</Kbd>\n   * </Menu.Item>\n   * ```\n   */\n  Item: MenuItem,\n\n  /**\n   * # Menu.Section\n   *\n   * Groups related menu items with an optional label. Supports selection modes\n   * for single or multiple selections within the section.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Content>\n   *   <Menu.Section label=\"Edit Actions\">\n   *     <Menu.Item id=\"copy\">Copy</Menu.Item>\n   *     <Menu.Item id=\"paste\">Paste</Menu.Item>\n   *   </Menu.Section>\n   * </Menu.Content>\n   * ```\n   */\n  Section: MenuSection,\n\n  /**\n   * # Menu.Submenu\n   *\n   * A nested menu that appears when hovering over or selecting a submenu trigger.\n   * Automatically positioned to the side of the parent menu.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Item>\n   *   <Menu.SubmenuTrigger>\n   *     <Text slot=\"label\">More Options</Text>\n   *   </Menu.SubmenuTrigger>\n   *   <Menu.Submenu>\n   *     <Menu.Item id=\"option1\">Option 1</Menu.Item>\n   *   </Menu.Submenu>\n   * </Menu.Item>\n   * ```\n   */\n  Submenu: MenuSubmenu,\n\n  /**\n   * # Menu.SubmenuTrigger\n   *\n   * The trigger element for opening a submenu. Must be used within a Menu.Item\n   * and paired with Menu.Submenu.\n   *\n   * @example\n   * ```tsx\n   * <Menu.Item>\n   *   <Menu.SubmenuTrigger>\n   *     <Text slot=\"label\">Export</Text>\n   *   </Menu.SubmenuTrigger>\n   *   <Menu.Submenu>\n   *     <Menu.Item id=\"pdf\">PDF</Menu.Item>\n   *     <Menu.Item id=\"csv\">CSV</Menu.Item>\n   *   </Menu.Submenu>\n   * </Menu.Item>\n   * ```\n   */\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"],"mappings":"2YAaA,GAAM,CAAE,eAAc,gBAAA,EAAA,EAAA,yBAAwC,CAC5D,IAAK,YACP,CAAC,EAGY,EACX,EAAgD,MAAO,MAAM,EAGlD,EAGT,EAAqD,SAAU,SAAS,EAG/D,EAGT,EAAkD,MAAO,SAAS,EAGzD,EAGT,EAAkD,MAAO,SAAS,EAGzD,EACX,EAA+C,MAAO,MAAM,EAGjD,EAGT,EAAkD,MAAO,SAAS,EAGzD,EAGT,EACF,MACA,cACF,EAMI,EAAkD,MAAO,SAAS,ECpDtE,IAAM,GAAA,EAAA,EAAA,eAA0D,IAAA,EAAS,EAE5D,EAAe,EAAY,SAE3B,OAEX,EAAA,EAAA,YAD2B,CACpB,ECJI,EAAY,GAAyB,CAEhD,GAAM,CAAC,EAAa,IAAA,EAAA,EAAA,eADS,CAAE,IAAK,YAAa,CACV,EAAO,kBAAkB,CAAK,EAG/D,CAAE,WAAU,UAAS,SAAQ,cAAa,eAAc,GAAG,GAC/D,EAEI,CAAC,EAAY,GAAoB,EAAA,EAAkB,CAAS,EAE5D,EAAmB,CACvB,UACA,SACA,cACA,cACF,EAEA,OACE,EAAA,EAAA,KAAC,EAAD,CAAc,GAAI,EAAa,GAAI,EAAY,QAAA,aAC7C,EAAA,EAAA,KAAC,EAAA,EAAD,CAAe,GAAI,YACjB,EAAA,EAAA,KAAC,EAAD,CAAc,MAAO,EAAmB,UAAuB,CAAA,CAClD,CAAA,CACH,CAAA,CAElB,EAEA,EAAS,YAAc,YCzBvB,IAAa,GAAe,CAC1B,WACA,UACA,MACA,GAAG,KACmB,CACtB,GAAM,CAAC,EAAY,GAAa,EAAA,EAAkB,CAAK,EAkBvD,OAbI,GAGA,EAAA,EAAA,KAAC,EAAD,CAAsB,MAAK,QAAA,GAAQ,GAAI,EACpC,UACc,CAAA,GASnB,EAAA,EAAA,KAAC,EAAD,CAAiB,QAAA,GAAQ,GAAI,YAC3B,EAAA,EAAA,KAAC,EAAA,EAAD,CAAa,MAAK,GAAI,EACnB,UACK,CAAA,CACO,CAAA,CAErB,EAEA,EAAY,YAAc,eCxB1B,IAAa,GAJP,EAAA,EAAA,eACJ,IAAA,EAGiC,EAAmB,SCXzC,GAAe,CAC1B,WACA,UAAW,EACX,MACA,GAAG,KACmB,CACtB,IAAM,EAAe,EAAe,EAEpC,GAAI,CAAC,EACH,MAAU,MAAM,4CAA4C,EAI9D,GAAM,CAAE,YAAW,GAAG,GAAc,EAC9B,EAAiB,GAAqB,GAAa,eAEzD,OACE,EAAA,EAAA,KAAC,EAAD,CAAqB,MAAO,CAAE,cAAe,EAAU,aAAc,YACnE,EAAA,EAAA,KAAC,EAAD,CAAiB,GAAI,EAAY,QAAA,aAC/B,EAAA,EAAA,KAAC,EAAA,EAAD,CAAS,UAAW,EAAgB,OAAQ,EAAG,WAAA,aAC7C,EAAA,EAAA,KAAC,EAAD,CAAiB,QAAA,aACf,EAAA,EAAA,KAAC,EAAA,EAAD,CAAW,MAAK,gBAAA,GAAgB,UAAU,QAAQ,GAAI,EACnD,UACG,CAAA,CACS,CAAA,CACV,CAAA,CACM,CAAA,CACE,CAAA,CAEzB,EAEA,EAAY,YAAc,eC9B1B,IAAa,GAAY,CACvB,WACA,aACA,MACA,GAAG,KACgB,CACnB,GAAM,CAAC,EAAY,GAAa,EAAA,EAAkB,CAAK,EAEvD,OACE,EAAA,EAAA,KAAC,EAAD,CACE,QAAA,GACA,GAAI,EACJ,gBAAe,EAAa,GAAK,IAAA,aAEjC,EAAA,EAAA,KAAC,EAAA,EAAD,CAAiB,MAAK,GAAI,YACtB,CAAE,iBACF,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,EACA,IACC,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,KAAK,sBACT,EAAA,EAAA,KAAC,EAAA,aAAD,CAAe,CAAA,CACX,CAAA,CAER,CAAA,CAAA,CAEM,CAAA,CACA,CAAA,CAElB,EAEA,EAAS,YAAc,YChCvB,IAAa,GAAoB,CAC/B,WACA,MACA,GAAG,KACwB,CAC3B,GAAM,CAAC,EAAY,GAAa,EAAA,EAAkB,CAAK,EAEvD,OACE,EAAA,EAAA,KAAC,EAAD,CAAsB,QAAA,GAAQ,GAAI,YAChC,EAAA,EAAA,KAAC,EAAA,EAAD,CAAa,MAAK,GAAI,EACnB,UACK,CAAA,CACY,CAAA,CAE1B,EAEA,EAAiB,YAAc,oBCT/B,IAAa,GAA0C,CACrD,WACA,MACA,QACA,QACA,GAAG,KACsB,CACzB,IAAM,EAAe,EAAe,EAG9B,CACJ,gBAAgB,GAAc,cAC9B,eAAe,GAAc,aAC7B,sBAAsB,GAAc,oBACpC,oBAAoB,GAAc,kBAClC,yBAAyB,GAAc,uBACvC,GAAG,GACD,EAEE,CAAC,EAAY,GAAc,EAAA,EAAkB,CAAS,EAE5D,OACE,EAAA,EAAA,KAAC,EAAD,CAAqB,MAAO,CAAE,eAAc,YAC1C,EAAA,EAAA,KAAC,EAAD,CAAiB,QAAA,GAAQ,GAAI,YAC3B,EAAA,EAAA,MAAC,EAAA,EAAD,CACO,MACU,gBACD,eACO,sBACF,oBACK,yBACxB,GAAI,WAPN,EASE,EAAA,EAAA,KAAC,EAAD,CAAA,SAAmB,CAAwB,CAAA,EAC1C,GACC,EAAA,EAAA,KAAC,EAAA,EAAD,CAAmB,QAAQ,UAAqB,CAAA,EAE/C,CAEU,GACA,CAAA,CACE,CAAA,CAEzB,EAEA,EAAY,YAAc,eCtD1B,IAAa,GAAsB,CACjC,WACA,GAAG,MAEI,EAAA,EAAA,KAAC,EAAA,EAAD,CAAkB,GAAI,EAAQ,UAA2B,CAAA,EAGlE,EAAmB,YAAc,sBCPjC,IAAa,GAAe,CAAE,WAAU,GAAG,MAEvC,EAAA,EAAA,KAAC,EAAD,CAAa,GAAI,EAAO,UAAU,MAC/B,UACU,CAAA,EAIjB,EAAY,YAAc,eCN1B,IAAa,EAAO,CAiBlB,KAAM,EAgBN,QAAS,EAmBT,QAAS,EAkBT,KAAM,EAkBN,QAAS,EAoBT,QAAS,EAqBT,eAAgB,CAClB"}

package/dist/chunks/merge-refs-C1GcH9iY.esm.js

@@ -0,0 +1,10 @@
+//#region src/utils/merge-refs.ts
+function e(...e) {
+	return (t) => {
+		for (let n of e) typeof n == "function" ? n(t) : n != null && (n.current = t);
+	};
+}
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=merge-refs-C1GcH9iY.esm.js.map

package/dist/chunks/merge-refs-C1GcH9iY.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-refs-C1GcH9iY.esm.js","names":[],"sources":["../../src/utils/merge-refs.ts"],"sourcesContent":["import type { Ref, RefCallback } from \"react\";\n\n/**\n * Merges multiple refs into a single callback ref.\n * Supports both callback refs and RefObject refs.\n */\nexport function mergeRefs<T>(\n  ...refs: (Ref<T> | undefined | null)[]\n): RefCallback<T> {\n  return (node: T) => {\n    for (const ref of refs) {\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        (ref as React.MutableRefObject<T>).current = node;\n      }\n    }\n  };\n}\n"],"mappings":";AAMA,SAAgB,EACd,GAAG,GACa;CAChB,QAAQ,MAAY;EAClB,KAAK,IAAM,KAAO,GAChB,AAAI,OAAO,KAAQ,aACjB,EAAI,CAAI,IACC,KAAO,SAChB,EAAmC,UAAU;CAGnD;AACF"}

package/dist/chunks/merge-refs-DjTl2ATo.cjs

@@ -0,0 +1,2 @@
+function e(...e){return t=>{for(let n of e)typeof n==`function`?n(t):n!=null&&(n.current=t)}}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});
+//# sourceMappingURL=merge-refs-DjTl2ATo.cjs.js.map

package/dist/chunks/merge-refs-DjTl2ATo.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-refs-DjTl2ATo.cjs.js","names":[],"sources":["../../src/utils/merge-refs.ts"],"sourcesContent":["import type { Ref, RefCallback } from \"react\";\n\n/**\n * Merges multiple refs into a single callback ref.\n * Supports both callback refs and RefObject refs.\n */\nexport function mergeRefs<T>(\n  ...refs: (Ref<T> | undefined | null)[]\n): RefCallback<T> {\n  return (node: T) => {\n    for (const ref of refs) {\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        (ref as React.MutableRefObject<T>).current = node;\n      }\n    }\n  };\n}\n"],"mappings":"AAMA,SAAgB,EACd,GAAG,EACa,CAChB,MAAQ,IAAY,CAClB,IAAK,IAAM,KAAO,EACZ,OAAO,GAAQ,WACjB,EAAI,CAAI,EACC,GAAO,OAChB,EAAmC,QAAU,EAGnD,CACF"}

package/dist/chunks/mergeProps-CGu7R6EG.esm.js

@@ -0,0 +1,123 @@
+import { n as e } from "./SSRProvider-DhWENAYq.esm.js";
+import t, { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+//#region ../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/utils/useLayoutEffect.mjs
+var o = typeof document < "u" ? t.useLayoutEffect : () => {};
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/utils/chain.mjs
+function s(...e) {
+	return (...t) => {
+		for (let n of e) typeof n == "function" && n(...t);
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/utils/useValueEffect.mjs
+function c(e) {
+	let [t, r] = a(e), s = i(t), c = i(null), l = i(() => {
+		if (!c.current) return;
+		let e = c.current.next();
+		if (e.done) {
+			c.current = null;
+			return;
+		}
+		s.current === e.value ? l.current() : r(e.value);
+	});
+	return o(() => {
+		s.current = t, c.current && l.current();
+	}), [t, n((e) => {
+		c.current = e(s.current), l.current();
+	}, [l])];
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/utils/useId.mjs
+var l = !!(typeof window < "u" && window.document && window.document.createElement), u = /* @__PURE__ */ new Map(), d;
+typeof FinalizationRegistry < "u" && (d = new FinalizationRegistry((e) => {
+	u.delete(e);
+}));
+function f(t) {
+	let [n, s] = a(t), c = i(null), f = e(n), p = i(null);
+	if (d && d.register(p, f), l) {
+		let e = u.get(f);
+		e && !e.includes(c) ? e.push(c) : u.set(f, [c]);
+	}
+	return o(() => {
+		let e = f;
+		return () => {
+			d && d.unregister(p), u.delete(e);
+		};
+	}, [f]), r(() => {
+		let e = c.current;
+		return e && s(e), () => {
+			e && (c.current = null);
+		};
+	}), f;
+}
+function p(e, t) {
+	if (e === t) return e;
+	let n = u.get(e);
+	if (n) return n.forEach((e) => e.current = t), t;
+	let r = u.get(t);
+	return r ? (r.forEach((t) => t.current = e), e) : t;
+}
+function m(e = []) {
+	let t = f(), [r, i] = c(t), a = n(() => {
+		i(function* () {
+			yield t, yield document.getElementById(t) ? t : void 0;
+		});
+	}, [t, i]);
+	return o(a, [
+		t,
+		a,
+		...e
+	]), r;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/utils/mergeRefs.mjs
+function h(...e) {
+	return e.length === 1 && e[0] ? e[0] : (t) => {
+		let n = !1, r = e.map((e) => {
+			let r = g(e, t);
+			return n ||= typeof r == "function", r;
+		});
+		if (n) return () => {
+			r.forEach((t, n) => {
+				typeof t == "function" ? t() : g(e[n], null);
+			});
+		};
+	};
+}
+function g(e, t) {
+	if (typeof e == "function") return e(t);
+	e != null && (e.current = t);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+function _(e) {
+	var t, n, r = "";
+	if (typeof e == "string" || typeof e == "number") r += e;
+	else if (typeof e == "object") if (Array.isArray(e)) {
+		var i = e.length;
+		for (t = 0; t < i; t++) e[t] && (n = _(e[t])) && (r && (r += " "), r += n);
+	} else for (n in e) e[n] && (r && (r += " "), r += n);
+	return r;
+}
+function v() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = _(e)) && (r && (r += " "), r += t);
+	return r;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/utils/mergeProps.mjs
+function y(...e) {
+	let t = { ...e[0] };
+	for (let n = 1; n < e.length; n++) {
+		let r = e[n];
+		for (let e in r) {
+			let n = t[e], i = r[e];
+			typeof n == "function" && typeof i == "function" && e[0] === "o" && e[1] === "n" && e.charCodeAt(2) >= 65 && e.charCodeAt(2) <= 90 ? t[e] = s(n, i) : (e === "className" || e === "UNSAFE_className") && typeof n == "string" && typeof i == "string" ? t[e] = v(n, i) : e === "id" && n && i ? t.id = p(n, i) : e === "ref" && n && i ? t.ref = h(n, i) : t[e] = i === void 0 ? n : i;
+		}
+	}
+	return t;
+}
+//#endregion
+export { s as a, f as i, h as n, o, m as r, y as t };
+
+//# sourceMappingURL=mergeProps-CGu7R6EG.esm.js.map