npm - @commercetools/nimbus - Versions diffs - 3.0.0 → 3.1.0 - Mend

@commercetools/nimbus 3.0.0 → 3.1.0

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

Files changed (2385) hide show

package/dist/chunks/localized-field-Sp9tovsD.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"localized-field-Sp9tovsD.cjs.js","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"],"names":["localizedFieldMessages_en","localizedFieldMessages_de","localizedFieldMessages_es","localizedFieldMessages_fr","localizedFieldMessages_pt","localizedFieldMessagesStrings","normalizeMessages","withProvider","withContext","createSlotRecipeContext","LocalizedFieldRootSlot","LocalizedFieldLabelSlot","LocalizedFieldInfoDialogSlot","LocalizedFieldFieldsContainerSlot","LocalizedFieldDescriptionSlot","LocalizedFieldErrorSlot","LocalizedFieldToggleButtonContainerSlot","LocalizedFieldLocaleFieldRootSlot","LocalizedFieldLocaleFieldLabelSlot","LocalizedFieldLocaleFieldInputSlot","RequiredValueErrorMessage","msg","useLocalizedStringFormatter","FormField","getLocaleFieldAttribute","fieldGroupAttr","locale","getLanguageForLocale","splitLanguages","defaultLocale","locales","defaultLanguage","related","sortLocalesByDefaultLocaleLanguage","allLocales","unrelated","sortCurrencies","defaultCurrency","allCurrencies","remainingCurrencies","currency","getHasInvalidLocalizedFields","errors","defaultLocaleOrCurrency","localeOrCurrency","createLocalizedString","existingLocalizedString","localizedString","isEmpty","value","omitEmptyTranslations","localizedStringWithoutEmptyTranslations","isTouched","touched","toFieldErrors","convertToMoneyValues","values","MoneyInput","parseMoneyValues","moneyValues","allValues","moneyValue","getHighPrecisionCurrencies","currencyCode","getEmptyCurrencies","LocalizedFieldLocaleField","type","size","id","name","inputValueFromProps","description","warning","error","onChange","onBlur","onFocus","isRequired","isReadOnly","isDisabled","isInvalid","otherProps","InputComponent","TextInput","MultilineTextInput","RichTextInput","inputValue","handleChange","useCallback","changeValue","jsx","jsxs","e","Fragment","Icon","WarningAmber","LocalizedField","valuesByLocaleOrCurrency","placeholdersByLocaleOrCurrency","descriptionsByLocaleOrCurrency","warningsByLocaleOrCurrency","errorsByLocaleOrCurrency","label","hint","warnings","renderWarning","renderError","defaultExpanded","displayAllLocalesOrCurrencies","autoFocus","dataTrackComponent","dataTestId","dataTest","rest","expanded","setExpanded","useState","localeFieldsContainerId","useId","moreDetailsButtonId","hasError","hasWarning","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","localizationKeys","allDataForFields","useMemo","allFieldData","localizationKey","allDataForLocale","shouldExpandInvalidFields","Stack","RaDialogTrigger","IconButton","HelpOutline","Popover","RaDialog","Box","RaCollection","item","Button","Payments","Language","FieldErrors","ErrorOutline","LocalizedFieldRoot"],"mappings":"o3BAMAA,GAAe,CACb,eAAgB,sBAChB,cAAe,qBACf,wBAAyB,YACzB,qBAAsB,sDACtB,eAAgB,sBAChB,cAAe,oBACjB,ECPAC,GAAe,CACb,eAAgB,4BAChB,cAAe,2BACf,wBAAyB,wBACzB,qBAAsB,sEACtB,eAAgB,0BAChB,cAAe,wBACjB,ECPAC,GAAe,CACb,eAAgB,4BAChB,cAAe,4BACf,wBAAyB,kBACzB,qBAAsB,0DACtB,eAAgB,4BAChB,cAAe,2BACjB,ECPAC,GAAe,CACb,eAAgB,6BAChB,cAAe,6BACf,wBAAyB,sBACzB,qBAAsB,qDACtB,eAAgB,8BAChB,cAAe,6BACjB,ECPAC,GAAe,CACb,eAAgB,+BAChB,cAAe,2BACf,wBAAyB,mBACzB,qBAAsB,yDACtB,eAAgB,+BAChB,cAAe,0BACjB,ECUaC,GAGT,CACF,GAAIC,EAAAA,kBAAkBN,EAAyB,EAC/C,GAAIM,EAAAA,kBAAkBL,EAAyB,EAC/C,GAAIK,EAAAA,kBAAkBJ,EAAyB,EAC/C,QAASI,EAAAA,kBAAkBH,EAAyB,EACpD,QAASG,EAAAA,kBAAkBF,EAAyB,CACtD,EClBM,CAAE,aAAAG,GAAc,YAAAC,CAAA,EAAgBC,2BAAwB,CAC5D,IAAK,sBACP,CAAC,EAGYC,GAAyBH,GAGpC,WAAY,MAAM,EAGPI,GAA0BH,EAGrC,SAAU,OAAO,EAGNI,GAA+BJ,EAG1C,MAAO,YAAY,EAGRK,GAAoCL,EAG/C,MAAO,iBAAiB,EAGbM,GAAgCN,EAG3C,MAAO,aAAa,EAGTO,GAA0BP,EAGrC,MAAO,OAAO,EAGHQ,GAA0CR,EAGrD,MAAO,uBAAuB,EAGnBS,GAAoCT,EAG/C,MAAO,iBAAiB,EAGbU,GAAqCV,EAGhD,MAAO,kBAAkB,EAGdW,GAAqCX,EAGhD,MAAO,kBAAkB,ECrDdY,GAA4B,IAAM,CAC7C,MAAMC,EAAMC,EAAAA,4BAA4BjB,EAA6B,EACrE,aACGkB,EAAAA,UAAU,MAAV,CAAiB,SAAAF,EAAI,OAAO,sBAAsB,EAAE,CAEzD,EAEaG,EAA0B,CACrCC,EACAC,IAEAD,GAAkBC,EAAS,GAAGD,CAAc,IAAIC,CAAM,GAAK,OAGhDC,EAAwBD,GACnCA,EAAO,MAAM,GAAG,EAAE,CAAC,EAORE,GAAiB,CAC5BC,EACAC,IACkC,CAClC,MAAMC,EAAkBJ,EAAqBE,CAAa,EACpDG,EAAUF,EAAQ,OACrBJ,GAAWC,EAAqBD,CAAM,IAAMK,CAAA,EAK/C,MAAO,CACL,UAJgBD,EAAQ,OACvBJ,GAAWC,EAAqBD,CAAM,IAAMK,CAAA,EAI7C,QAAAC,CAAA,CAEJ,EAOaC,GAAqC,CAChDJ,EACAK,IACa,CACb,KAAM,CAAE,QAAAF,EAAS,UAAAG,CAAA,EAAcP,GAC7BC,EACAK,EAAW,OAAQR,GAAmBA,IAAWG,CAAa,CAAA,EAGhE,MAAO,CAACA,EAAe,GAAGG,EAAQ,OAAQ,GAAGG,EAAU,MAAM,CAC/D,EAEaC,GAAiB,CAC5BC,EACAC,IACG,CACH,MAAMC,EAAsBD,EAAc,OACvCE,GAAaA,IAAaH,CAAA,EAE7B,MAAO,CAACA,EAAiB,GAAGE,EAAoB,MAAM,CACxD,EAEaE,GAA+B,CAC1CC,EACAC,IAEID,GAAU,OAAO,KAAKA,CAAM,EAAE,OAAS,GAAKC,EACvC,OAAO,KAAKD,CAAM,EAAE,KACxBE,GAAqBA,IAAqBD,CAAA,EAGxC,GAGIE,GAAwB,CACnCf,EACAgB,IAEiC,MAAM,KACrC,IAAI,IAAI,CAAC,GAAGhB,EAAS,GAAG,OAAO,KAAKgB,CAAuB,CAAC,CAAC,CAAA,EAG/B,OAC9B,CAACC,EAAiBrB,KAAY,CAC5B,GAAGqB,EACH,CAACrB,CAAM,EAAGoB,IAA0BpB,CAAM,GAAK,EAAA,GAEjD,CAAA,CAAC,EAKQsB,GAAWD,GACjBA,EACE,OAAO,OAAOA,CAAe,EAAE,MACnCE,GAAmB,CAACA,GAASA,GAAO,KAAA,EAAO,SAAW,CAAA,EAF5B,GAMlBC,GACXH,IAII,OAAOA,GAAoB,UAC7B,QAAQ,KACN,uFAAA,EAIG,OAAO,QAAQA,CAAe,EAAE,OACrC,CAACI,EAAyC,CAACzB,EAAQuB,CAAK,IAClDA,GAASA,EAAM,KAAA,EAAO,OAAS,EAC1B,CACL,GAAGE,EACH,CAACzB,CAAM,EAAGuB,CAAA,EAGPE,EAET,CAAA,CAAC,GAIQC,GAAaC,GACpBA,EACK,OAAO,OAAOA,CAAO,EAAE,KAAK,OAAO,EAErC,GAQF,SAASC,GACdZ,EACgC,CAChC,OAAOA,CACT,CAEO,MAAMa,GAAuB,CAClCC,EACAhB,IAEA,OAAO,OAAOgB,CAAM,EAAE,IAAwBP,GACrCQ,aAAW,oBAAoBR,EAAOT,CAAQ,CACtD,EAEUkB,GAAmB,CAC9BC,EAA4B,CAAA,EAC5BjC,IAEAiC,EAAY,OACV,CAACC,EAAWC,IAAe,CACzB,MAAMZ,EAAQQ,EAAAA,WAAW,gBAAgBI,EAAYnC,CAAM,EAC3D,MAAO,CACL,GAAGkC,EACH,CAACX,EAAM,YAAY,EAAGA,CAAA,CAE1B,EACA,CAAA,CACF,EAEWa,GAA6B,CACxCN,EACA9B,IAE2B,OAAO,KAAK8B,CAAM,EACnB,OAAQO,GAChCN,EAAAA,WAAW,gBAAgBD,EAAOO,CAAY,EAAGrC,CAAM,CAAA,EAI9CsC,GACXR,GAE2B,OAAO,KAAKA,CAAM,EACnB,OAAQO,GAChCN,EAAAA,WAAW,QAAQD,EAAOO,CAAY,CAAC,CAAA,EClL9BE,GAA4B,CAAC,CACxC,KAAAC,EACA,KAAAC,EACA,iBAAAvB,EACA,GAAAwB,EACA,KAAAC,EACA,WAAYC,EACZ,YAAAC,EACA,QAAAC,EACA,MAAAC,EACA,SAAAC,EACA,OAAAC,EACA,QAAAC,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,EACA,UAAAC,EACA,QAAA3B,EACA,GAAG4B,CACL,IAAsC,CACpC,IAAIC,EAKJ,OAAQhB,EAAA,CACN,IAAK,OACL,QACEgB,EAAiBC,GAAAA,UACjB,MACF,IAAK,YACHD,EAAiBE,GAAAA,mBACjB,MACF,IAAK,QACHF,EAAiBzB,EAAAA,WACjB,MACF,IAAK,WACHyB,EAAiBG,GAAAA,cACjB,KAAA,CAYJ,MAAMC,EARApB,IAAS,QACJI,GAEF,CAAE,OAAQ,GAAI,aAAc1B,CAAA,EAE5B0B,GAA4C,GAK/CiB,EAAeC,EAAAA,YAClBvC,GAA4C,CAM3C,MAAMwC,EAAc,CAClB,OAFwB,OAAOxC,GAAU,SAGrC,CACE,GAAIA,EAAM,OAAO,GACjB,KAAMA,EAAM,OAAO,KACnB,OAAQ,OACR,SAAUL,EACV,MAAOK,EAAM,OAAO,KAAA,EAEtB,CAAE,GAAAmB,EAAI,KAAAC,EAAM,OAAQzB,EAAkB,SAAU,OAAW,MAAAK,CAAA,CAAM,EAEvEyB,EAASe,CAAW,CACtB,EACA,CAACrB,EAAIC,EAAMzB,EAAkB8B,CAAQ,CAAA,EAGvC,OACEgB,EAAAA,IAACzE,GAAA,CAAkC,QAAO,GACxC,SAAA0E,EAAAA,KAACpE,EAAAA,UAAU,KAAV,CACC,WAAAwD,EACA,WAAAD,EACA,WAAYE,GAAa,CAAC,CAACP,IAAUpB,EACrC,UAAU,MACV,KAAAc,EACA,GAAAC,EAEA,SAAA,CAAAsB,EAAAA,IAACxE,GAAA,CACC,QAASgD,IAAS,QAAU,OAAS,OACpC,GAAIa,GAAc,CAAE,gBAAiBA,CAAA,EACtC,QAAO,GAEP,eAACxD,YAAU,MAAV,CACE,SAAAqB,EAAiB,mBAAkB,CACtC,CAAA,CAAA,EAEF8C,EAAAA,IAACnE,EAAAA,UAAU,MAAV,CACC,SAAAmE,EAAAA,IAACvE,GAAA,CACC,gBAAe0D,EACf,QAAO,GAEP,SAAAa,EAAAA,IAACR,EAAA,CACE,GAAGD,EACJ,KAAAd,EACA,MAAOmB,EACP,SAAUC,EACV,OAASK,GACPjB,IAASiB,EAAGhD,CAAgB,EAE9B,QAAUgD,GACRhB,IAAUgB,EAAGhD,CAAgB,EAE/B,WAAAiC,EACA,WAAAE,EACA,WAAAD,EACA,WAAYE,GAAa,CAAC,CAACP,IAAUpB,CAAA,CAAA,CACvC,CAAA,EAEJ,GACEkB,GAAgBC,GAAWnB,IAC3BqC,EAAAA,IAACnE,EAAAA,UAAU,YAAV,CACC,KAAMiD,GAAWnB,EAAU,SAAW,OACtC,MAAOmB,GAAWnB,EAAU,aAAe,OAC3C,QAAQ,OACR,IAAI,MACJ,WAAW,SAEV,SAAAmB,GAAWnB,EACVsC,EAAAA,KAAAE,EAAAA,SAAA,CACE,SAAA,CAAAH,MAACI,EAAAA,KAAA,CAAK,aAAa,UACjB,SAAAJ,MAACK,EAAAA,eAAa,EAChB,EACCvB,CAAA,CAAA,CACH,EAEAD,CAAA,CAAA,EAILE,GAASpB,GAAWqC,MAACnE,EAAAA,UAAU,MAAV,CAAiB,SAAAkD,CAAA,CAAM,CAAA,CAAA,CAAA,EAEjD,CAEJ,EChHauB,GAAiB,CAAC,CAC7B,KAAA9B,EAAO,OACP,GAAAE,EACA,KAAAC,EACA,wBAAA1B,EACA,yBAAAsD,EACA,+BAAAC,EACA,+BAAAC,EACA,2BAAAC,EACA,yBAAAC,EACA,MAAAC,EACA,KAAAC,EACA,YAAAhC,EACA,QAAAC,EACA,SAAAgC,EACA,cAAAC,EACA,MAAAhC,EACA,OAAA/B,EACA,YAAAgE,EACA,QAAArD,EACA,WAAAwB,EACA,WAAAE,EACA,WAAAD,EACA,SAAAJ,EACA,OAAAC,EACA,QAAAC,EACA,gBAAA+B,GAAkB,GAClB,8BAAAC,EAAgC,GAChC,KAAAzC,EACA,UAAA0C,EACA,CAAC,wBAAyBC,GAC1B,CAAC,eAAgBC,GACjB,CAAC,aAAcC,GAEf,GAAGC,EACL,IAA2B,CACzB,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAC9BR,GAAiCD,EAAA,EAG7BtF,EAAMC,EAAAA,4BAA4BjB,EAA6B,EAG/DgH,EAA0BC,GAAAA,0CAAA,EAE1BC,EAAsBD,GAAAA,0CAAA,EAGtBE,EAAoB,GACxB/C,GAAU/B,GAAU,OAAO,OAAOA,CAAM,EAAE,KAAM+B,GAAUA,IAAU,EAAI,GAIpEgD,EAAsB,GAC1BjD,GAAYgC,GAAY,OAAO,OAAOA,CAAQ,EAAE,KAAK,OAAO,GAKxDxB,EAAqB,CAAC,EAAEwC,GAAYnE,GAEpC,CAAE,WAAAqE,EAAY,WAAAC,EAAY,iBAAAC,EAAkB,kBAAAC,CAAA,EAChDC,GAAAA,0CAAS,CACP,GAAA1D,EACA,MAAAkC,EACA,YAAA/B,EACA,aAAcE,EACd,UAAAO,CAAA,CACD,EAGG+C,EAA8C,OAAO,KACzD9B,CAAA,EAII+B,GAAmBC,EAAAA,QAAQ,KAE7B/D,IAAS,QACL9B,GACEO,EACAoF,CAAA,EAEF9F,GACEU,EACAoF,CAAA,GAGe,OACrB,CAACG,GAAuCC,IAAoB,CAC1D,MAAMC,GAAmB,CACvB,iBAAkBD,EAClB,WAEOlC,EAA+CkC,CAAe,EAErE,YAAajC,IAAiCiC,CAAe,EAC7D,YAAahC,IAAiCgC,CAAe,EAC7D,QAAS/B,IAA6B+B,CAAe,EACrD,MAAO9B,IAA2B8B,CAAe,EAEjD,GAAIA,IAAoBxF,GAA2BkE,EAC/C,CAAE,UAAAA,CAAA,EACF,CAAA,EACJ,UAAA7B,EACA,WAAAH,EACA,WAAAE,EACA,WAAAD,CAAA,EAEF,OACEoC,GAEC,CAACA,GAAYiB,IAAoBxF,EAE3B,CAAC,GAAGuF,GAAcE,EAAgB,EAEpCF,EACT,EACA,CAAA,CAAC,EAEF,CACDjC,EACAC,EACAC,EACAC,EACAC,EACA1D,EACAuE,EACAlC,EACAH,EACAE,EACAD,EACA+B,EACAkB,EACA7D,CAAA,CACD,EAOKmE,IALiC5F,GACrC4D,EACA1D,CAAA,GAImC6E,IAAanE,EAGlD,OAAIgF,IAA6B,CAACnB,GAChCC,EAAY,EAAI,EAIhBxB,EAAAA,KAACjF,GAAA,CACE,GAAGuG,GACH,GAAGU,EACJ,eAAcpB,EAAOgB,EAAsB,OAC3C,KAAArD,EACA,KAAAC,EACA,KAAAE,EAEC,SAAA,CAAAiC,GACCX,EAAAA,KAAC2C,EAAAA,MAAA,CAAM,UAAU,MAAM,IAAI,IACzB,SAAA,CAAA3C,EAAAA,KAAChF,GAAA,CAAyB,GAAG+G,EAC1B,SAAA,CAAApB,EACAzB,GAAca,EAAAA,IAAC,MAAA,CAAI,cAAY,OAAO,SAAA,GAAA,CAAC,CAAA,EAC1C,EACCa,UACEgC,6CAAA,CACC,SAAA,CAAA7C,EAAAA,IAAC8C,GAAAA,WAAA,CACC,GAAIjB,EACJ,aAAYlG,EAAI,OAAO,yBAAyB,EAChD,KAAK,MACL,aAAa,OACb,QAAQ,OAER,eAACoH,EAAAA,YAAA,CAAA,CAAY,CAAA,CAAA,QAGdC,GAAAA,QAAA,CAAQ,QAAS,EAChB,SAAAhD,EAAAA,IAAC9E,IAA6B,QAAO,GACnC,SAAA8E,EAAAA,IAACiD,GAAAA,0CAAA,CACC,eAACC,GAAAA,IAAA,CAAI,EAAE,MAAO,SAAArC,CAAA,CAAK,CAAA,CACrB,EACF,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EAEJ,EAEFb,EAAAA,IAAC7E,GAAA,CACC,GAAIwG,EACJ,gBAAeH,EAEf,SAAAxB,EAAAA,IAACmD,6CAAA,CAAa,MAAOb,GAClB,SAACc,GAEEpD,EAAAA,IAACzB,GAAA,CACE,GAAG6E,EACJ,KAAA3E,EACA,KAAAD,EACA,SAAAQ,EACA,OAAAC,EACA,QAAAC,EACA,QAAAvB,EAEA,GAAI7B,EACFmG,EAAW,GACXmB,EAAK,gBAAA,EAEP,KAAMtH,EAAwB6C,EAAMyE,EAAK,gBAAgB,EACzD,YAAWtH,EACTwF,GACA8B,EAAK,gBAAA,EAEP,cAAatH,EACXuF,GACA+B,EAAK,gBAAA,EAEP,uBAAsBtH,EACpBsF,GACAgC,EAAK,gBAAA,CACP,CAAA,CAGN,CACF,CAAA,CAAA,EAGD,CAAClC,GAAiCmB,EAAiB,OAAS,SAC1D/G,GAAA,CACC,SAAA2E,EAAAA,KAACoD,GAAAA,OAAA,CACC,gBAAe1B,EACf,mBAAkBK,EAAW,GAC7B,gBAAeR,EACf,QAAS,IAAMC,EAAY,CAACD,CAAQ,EACpC,WAAYnC,GAAesD,IAA6BnB,EACxD,QAAQ,QACR,KAAK,MACL,aAAa,UAEb,SAAA,CAAAxB,EAAAA,IAACkD,GAAAA,IAAA,CACC,GAAI1E,IAAS,QAAU8E,EAAAA,SAAWC,EAAAA,SAClC,QAAQ,cACR,QAAQ,MACR,cAAc,cACd,GAAG,KAAA,CAAA,EAEJ/E,IAAS,QACNgD,EACE7F,EAAI,OAAO,gBAAgB,EAC3BA,EAAI,OAAO,gBAAgB,EAC7B6F,EACE7F,EAAI,OAAO,eAAe,EAC1BA,EAAI,OAAO,eAAe,CAAA,CAAA,CAAA,EAEpC,GAEAkD,GAAgBkD,GAAcpE,IAC9BqC,EAAAA,IAAC5E,GAAA,CACC,KAAM2G,GAAcpE,EAAU,SAAW,OACzC,MAAOoE,GAAcpE,EAAU,aAAe,OAG9C,kBAAiB,GAAGuE,EAAiB,EAAE,WACtC,GAAGA,EAGH,SAAAH,GAAcpE,EACbsC,EAAAA,KAAAE,EAAAA,SAAA,CACE,SAAA,CAAAH,MAACI,EAAAA,KAAA,CAAK,aAAa,UACjB,SAAAJ,MAACK,EAAAA,eAAa,EAChB,EACAJ,EAAAA,KAAC2C,EAAAA,OAAM,IAAI,IAAI,GAAI,GAAGV,EAAiB,EAAE,WACtC,SAAA,CAAApD,EACAgC,GAAYiB,GACX/B,EAAAA,IAACwD,GAAAA,YAAA,CACC,OAAQ1C,EACR,YAAaC,EACb,aAAa,UACb,KAAM,MAAA,CAAA,CACR,CAAA,CAEJ,CAAA,CAAA,CACF,EAEAlC,CAAA,CAAA,EAILS,GACCW,EAAAA,KAAC5E,GAAA,CAGC,kBAAiB,GAAG8G,EAAkB,EAAE,SACxC,KAAK,QACJ,GAAGA,EAEJ,SAAA,CAAAnC,EAAAA,IAACI,EAAAA,KAAA,CACC,SAAAJ,EAAAA,IAACyD,EAAAA,aAAA,CAAA,CAAa,EAChB,EACAxD,EAAAA,KAAC2C,EAAAA,OAAM,IAAI,IAAI,GAAI,GAAGT,EAAkB,EAAE,SACvC,SAAA,CAAApD,EACA/B,GAAU8E,GACT9B,EAAAA,IAACwD,GAAAA,YAAA,CACC,OAAAxG,EACA,YAAAgE,EACA,KAAM,MAAA,CAAA,CACR,CAAA,CAEJ,CAAA,CAAA,CAAA,CACF,CAAA,CAAA,CAIR,ECxUaV,GAAiB,OAAO,OAAOoD,GAAoB,CAE9D,MAAO5H,EACP,QAASA,EACT,UAAA4B,GACA,QAAAJ,GACA,sBAAAH,GACA,sBAAAK,GACA,0BAAA9B,GACA,cAAAkC,GACA,qBAAAC,GACA,iBAAAG,GACA,2BAAAI,GACA,mBAAAE,EACF,CAAC"}

package/dist/chunks/make-element-focusable-9Yy3tdXd.cjs.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";const c=require("react"),u=require("./useFocusable-rSSrMhZn.cjs.js"),l=require("./mergeProps-D1Fp1oji.cjs.js"),b=require("./useObjectRef-mEu7QX6X.cjs.js"),f=require("./merge-refs-D8liJcZz.cjs.js"),r=function({ref:t,children:e,...o}){const a=c.useRef(null),s=b.$03e8ab2d84d7657a$export$4338b53315abf666(f.mergeRefs(a,t)),{focusableProps:n}=u.$d1116acdf220c2da$export$4c014de7c8940b4c(o,s);return c.isValidElement(e)?c.cloneElement(e,l.$bbaa08b3cd72f041$export$9d1611c77c2fe928(n,e.props,{ref:s})):null};r.displayName="MakeElementFocusable";exports.MakeElementFocusable=r;
2	- //# sourceMappingURL=make-element-focusable-9Yy3tdXd.cjs.js.map

package/dist/chunks/make-element-focusable-9Yy3tdXd.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"make-element-focusable-9Yy3tdXd.cjs.js","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"],"names":["MakeElementFocusable","forwardedRef","children","props","localRef","useRef","ref","useObjectRef","mergeRefs","focusableProps","useFocusable","isValidElement","cloneElement","mergeProps"],"mappings":"kNA4CaA,EAAuB,SAA8B,CAChE,IAAKC,EACL,SAAAC,EACA,GAAGC,CACL,EAA8B,CAC5B,MAAMC,EAAWC,EAAAA,OAAoB,IAAI,EACnCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUH,CAAY,CAAC,EACpD,CAAE,eAAAQ,CAAA,EAAmBC,4CAAaP,EAAOG,CAAG,EAElD,OAAIK,EAAAA,eAAeT,CAAQ,EAClBU,EAAAA,aACLV,EACAW,EAAAA,0CACEJ,EACAP,EAAS,MACT,CAAE,IAAAI,CAAA,CAAS,CACb,EAIG,IACT,EACAN,EAAqB,YAAc"}

package/dist/chunks/make-element-focusable-CDZnSp67.es.js DELETED Viewed

@@ -1,25 +0,0 @@
-import { useRef as m, isValidElement as c, cloneElement as f } from "react";
-import { $ as l } from "./useFocusable-C_nr2Krq.es.js";
-import { a as n } from "./mergeProps-Bcbq3GVJ.es.js";
-import { $ as p } from "./useObjectRef-tuMEdnba.es.js";
-import { m as b } from "./merge-refs-D-zSwpoh.es.js";
-const $ = function({
-  ref: a,
-  children: e,
-  ...r
-}) {
-  const t = m(null), o = p(b(t, a)), { focusableProps: s } = l(r, o);
-  return c(e) ? f(
-    e,
-    n(
-      s,
-      e.props,
-      { ref: o }
-    )
-  ) : null;
-};
-$.displayName = "MakeElementFocusable";
-export {
-  $ as M
-};
-//# sourceMappingURL=make-element-focusable-CDZnSp67.es.js.map

package/dist/chunks/make-element-focusable-CDZnSp67.es.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"make-element-focusable-CDZnSp67.es.js","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"],"names":["MakeElementFocusable","forwardedRef","children","props","localRef","useRef","ref","useObjectRef","mergeRefs","focusableProps","useFocusable","isValidElement","cloneElement","mergeProps"],"mappings":";;;;;AA4CO,MAAMA,IAAuB,SAA8B;AAAA,EAChE,KAAKC;AAAA,EACL,UAAAC;AAAA,EACA,GAAGC;AACL,GAA8B;AAC5B,QAAMC,IAAWC,EAAoB,IAAI,GACnCC,IAAMC,EAAaC,EAAUJ,GAAUH,CAAY,CAAC,GACpD,EAAE,gBAAAQ,EAAA,IAAmBC,EAAaP,GAAOG,CAAG;AAElD,SAAIK,EAAeT,CAAQ,IAClBU;AAAA,IACLV;AAAA,IACAW;AAAAA,MACEJ;AAAA,MACAP,EAAS;AAAA,MACT,EAAE,KAAAI,EAAA;AAAA,IAAS;AAAA,EACb,IAIG;AACT;AACAN,EAAqB,cAAc;"}

package/dist/chunks/menu-DVanb-L3.cjs.js DELETED Viewed

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

package/dist/chunks/menu-DVanb-L3.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"menu-DVanb-L3.cjs.js","sources":["../../src/components/menu/menu.slots.tsx","../../src/components/menu/components/menu.context.tsx","../../src/components/menu/components/menu.root.tsx","../../src/components/menu/components/menu.trigger.tsx","../../src/components/menu/components/menu.section-context.tsx","../../src/components/menu/components/menu.content.tsx","../../src/components/menu/components/menu.item.tsx","../../src/components/menu/components/menu.section-label.tsx","../../src/components/menu/components/menu.section.tsx","../../src/components/menu/components/menu.submenu-trigger.tsx","../../src/components/menu/components/menu.submenu.tsx","../../src/components/menu/menu.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/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"],"names":["withProvider","withContext","createSlotRecipeContext","MenuRootSlot","MenuTriggerSlot","MenuPopoverSlot","MenuContentSlot","MenuItemSlot","MenuSectionSlot","MenuSectionLabelSlot","MenuContext","createContext","MenuProvider","useMenuContext","useContext","MenuRoot","props","recipe","useSlotRecipe","recipeProps","restRecipeProps","children","trigger","isOpen","defaultOpen","onOpenChange","restProps","styleProps","menuContextProps","extractStyleProps","menuTriggerProps","jsx","RaMenuTrigger","MenuTrigger","asChild","ref","Button","MenuSectionContext","MenuSectionProvider","MenuContent","placementOverride","contextProps","placement","menuProps","finalPlacement","Popover","Menu","MenuItem","isCritical","RaMenuItem","hasSubmenu","jsxs","Fragment","Icon","ChevronRight","MenuSectionLabel","Header","MenuSection","label","items","selectionMode","selectedKeys","defaultSelectedKeys","onSelectionChange","disallowEmptySelection","otherProps","RaMenuSection","Collection","MenuSubmenuTrigger","RaSubmenuTrigger","MenuSubmenu"],"mappings":"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"}

package/dist/chunks/menu-EnbHuHaW.es.js DELETED Viewed

@@ -1,256 +0,0 @@
-import { jsx as e, jsxs as S, Fragment as F } from "react/jsx-runtime";
-import { l as K, $ as L, m as E, n as O, o as j, p as k } from "./Dialog-BVUZ7ef8.es.js";
-import { createSlotRecipeContext as V, useSlotRecipe as W } from "@chakra-ui/react/styled-system";
-import { useContext as q, createContext as g } from "react";
-import { g as z } from "./CollectionBuilder-GnbDoE-A.es.js";
-import { e as l } from "./extract-style-props-Bcwub3j6.es.js";
-import { d as A } from "./getItemCount-BlW7-DM4.es.js";
-import { ChevronRight as B } from "@commercetools/nimbus-icons";
-import { I as D } from "./icon-DVW5I_jj.es.js";
-import { a as G } from "./Button-BbiBXpLI.es.js";
-const { withProvider: H, withContext: a } = /* @__PURE__ */ V({
-  key: "nimbusMenu"
-}), J = /* @__PURE__ */ H("div", "root"), b = /* @__PURE__ */ a("button", "trigger"), Q = /* @__PURE__ */ a("div", "popover"), U = /* @__PURE__ */ a("div", "content"), X = /* @__PURE__ */ a("div", "item"), Y = /* @__PURE__ */ a("div", "section"), Z = /* @__PURE__ */ a(
-  "div",
-  "sectionLabel"
-), P = /* @__PURE__ */ g(void 0), _ = P.Provider, $ = () => q(P), x = (t) => {
-  const o = W({ key: "nimbusMenu" }), [s, c] = o.splitVariantProps(t), { children: n, trigger: r, isOpen: i, defaultOpen: u, onOpenChange: d, ...p } = c, [m, M] = l(p);
-  return /* @__PURE__ */ e(J, { ...s, ...m, asChild: !0, children: /* @__PURE__ */ e(K, { ...{
-    trigger: r,
-    isOpen: i,
-    defaultOpen: u,
-    onOpenChange: d
-  }, children: /* @__PURE__ */ e(_, { value: M, children: n }) }) });
-};
-x.displayName = "Menu.Root";
-const C = ({
-  children: t,
-  asChild: o,
-  ref: s,
-  ...c
-}) => {
-  const [n, r] = l(c);
-  return o ? /* @__PURE__ */ e(b, { ref: s, asChild: !0, ...n, children: t }) : /* @__PURE__ */ e(b, { asChild: !0, ...n, children: /* @__PURE__ */ e(G, { ref: s, ...r, children: t }) });
-};
-C.displayName = "Menu.Trigger";
-const ee = /* @__PURE__ */ g(
-  void 0
-), y = ee.Provider, h = ({
-  children: t,
-  placement: o,
-  ref: s,
-  ...c
-}) => {
-  const n = $();
-  if (!n)
-    throw new Error("Menu.Content must be used within Menu.Root");
-  const { placement: r, ...i } = n, u = o || r || "bottom start";
-  return /* @__PURE__ */ e(y, { value: { selectionMode: i.selectionMode }, children: /* @__PURE__ */ e(Q, { ...c, asChild: !0, children: /* @__PURE__ */ e(L, { placement: u, offset: 4, shouldFlip: !0, children: /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e(E, { ref: s, shouldFocusWrap: !0, autoFocus: "first", ...i, children: t }) }) }) }) });
-};
-h.displayName = "Menu.Content";
-const v = ({
-  children: t,
-  isCritical: o,
-  ref: s,
-  ...c
-}) => {
-  const [n, r] = l(c);
-  return /* @__PURE__ */ e(
-    X,
-    {
-      asChild: !0,
-      ...n,
-      "data-critical": o ? "" : void 0,
-      children: /* @__PURE__ */ e(O, { ref: s, ...r, children: ({ hasSubmenu: i }) => /* @__PURE__ */ S(F, { children: [
-        t,
-        i && /* @__PURE__ */ e(D, { slot: "caretIcon", children: /* @__PURE__ */ e(B, {}) })
-      ] }) })
-    }
-  );
-};
-v.displayName = "Menu.Item";
-const R = ({
-  children: t,
-  ref: o,
-  ...s
-}) => {
-  const [c, n] = l(s);
-  return /* @__PURE__ */ e(Z, { asChild: !0, ...c, children: /* @__PURE__ */ e(A, { ref: o, ...n, children: t }) });
-};
-R.displayName = "Menu.SectionLabel";
-const T = ({
-  children: t,
-  ref: o,
-  label: s,
-  items: c,
-  ...n
-}) => {
-  const r = $(), {
-    selectionMode: i = r?.selectionMode,
-    selectedKeys: u = r?.selectedKeys,
-    defaultSelectedKeys: d = r?.defaultSelectedKeys,
-    onSelectionChange: p = r?.onSelectionChange,
-    disallowEmptySelection: m = r?.disallowEmptySelection,
-    ...M
-  } = n, [f, I] = l(M);
-  return /* @__PURE__ */ e(y, { value: { selectionMode: i }, children: /* @__PURE__ */ e(Y, { asChild: !0, ...f, children: /* @__PURE__ */ S(
-    j,
-    {
-      ref: o,
-      selectionMode: i,
-      selectedKeys: u,
-      defaultSelectedKeys: d,
-      onSelectionChange: p,
-      disallowEmptySelection: m,
-      ...I,
-      children: [
-        /* @__PURE__ */ e(R, { children: s }),
-        c ? /* @__PURE__ */ e(z, { items: c, children: t }) : t
-      ]
-    }
-  ) }) });
-};
-T.displayName = "Menu.Section";
-const N = ({
-  children: t,
-  ...o
-}) => /* @__PURE__ */ e(k, { ...o, children: t });
-N.displayName = "Menu.SubmenuTrigger";
-const w = ({ children: t, ...o }) => /* @__PURE__ */ e(h, { ...o, placement: "end", children: t });
-w.displayName = "Menu.Submenu";
-const de = {
-  /**
-   * # Menu.Root
-   *
-   * The root container component that provides configuration and state management
-   * for the entire menu. Wraps MenuTrigger and handles open/close state.
-   *
-   * @example
-   * ```tsx
-   * <Menu.Root onAction={(key) => console.log(key)}>
-   *   <Menu.Trigger>Options</Menu.Trigger>
-   *   <Menu.Content>
-   *     <Menu.Item id="edit">Edit</Menu.Item>
-   *   </Menu.Content>
-   * </Menu.Root>
-   * ```
-   */
-  Root: x,
-  /**
-   * # Menu.Trigger
-   *
-   * The button or element that opens the menu when activated.
-   * Supports custom trigger elements via the `asChild` prop.
-   *
-   * @example
-   * ```tsx
-   * <Menu.Root>
-   *   <Menu.Trigger>Open Menu</Menu.Trigger>
-   *   <Menu.Content>...</Menu.Content>
-   * </Menu.Root>
-   * ```
-   */
-  Trigger: C,
-  /**
-   * # Menu.Content
-   *
-   * The popover container that displays menu items. Automatically positions
-   * relative to the trigger and handles focus management.
-   *
-   * @example
-   * ```tsx
-   * <Menu.Root>
-   *   <Menu.Trigger>Options</Menu.Trigger>
-   *   <Menu.Content>
-   *     <Menu.Item id="save">Save</Menu.Item>
-   *     <Menu.Item id="delete">Delete</Menu.Item>
-   *   </Menu.Content>
-   * </Menu.Root>
-   * ```
-   */
-  Content: h,
-  /**
-   * # Menu.Item
-   *
-   * An individual menu item that can be selected. Supports icons, labels,
-   * descriptions, keyboard shortcuts, and critical styling.
-   *
-   * @example
-   * ```tsx
-   * <Menu.Item id="delete" isCritical>
-   *   <Icon slot="icon"><Icons.Delete /></Icon>
-   *   <Text slot="label">Delete</Text>
-   *   <Text slot="description">Remove permanently</Text>
-   *   <Kbd slot="keyboard">⌘⌫</Kbd>
-   * </Menu.Item>
-   * ```
-   */
-  Item: v,
-  /**
-   * # Menu.Section
-   *
-   * Groups related menu items with an optional label. Supports selection modes
-   * for single or multiple selections within the section.
-   *
-   * @example
-   * ```tsx
-   * <Menu.Content>
-   *   <Menu.Section label="Edit Actions">
-   *     <Menu.Item id="copy">Copy</Menu.Item>
-   *     <Menu.Item id="paste">Paste</Menu.Item>
-   *   </Menu.Section>
-   * </Menu.Content>
-   * ```
-   */
-  Section: T,
-  /**
-   * # Menu.Submenu
-   *
-   * A nested menu that appears when hovering over or selecting a submenu trigger.
-   * Automatically positioned to the side of the parent menu.
-   *
-   * @example
-   * ```tsx
-   * <Menu.Item>
-   *   <Menu.SubmenuTrigger>
-   *     <Text slot="label">More Options</Text>
-   *   </Menu.SubmenuTrigger>
-   *   <Menu.Submenu>
-   *     <Menu.Item id="option1">Option 1</Menu.Item>
-   *   </Menu.Submenu>
-   * </Menu.Item>
-   * ```
-   */
-  Submenu: w,
-  /**
-   * # Menu.SubmenuTrigger
-   *
-   * The trigger element for opening a submenu. Must be used within a Menu.Item
-   * and paired with Menu.Submenu.
-   *
-   * @example
-   * ```tsx
-   * <Menu.Item>
-   *   <Menu.SubmenuTrigger>
-   *     <Text slot="label">Export</Text>
-   *   </Menu.SubmenuTrigger>
-   *   <Menu.Submenu>
-   *     <Menu.Item id="pdf">PDF</Menu.Item>
-   *     <Menu.Item id="csv">CSV</Menu.Item>
-   *   </Menu.Submenu>
-   * </Menu.Item>
-   * ```
-   */
-  SubmenuTrigger: N
-};
-export {
-  de as M,
-  h as a,
-  v as b,
-  x as c,
-  T as d,
-  w as e,
-  N as f,
-  C as g
-};
-//# sourceMappingURL=menu-EnbHuHaW.es.js.map

package/dist/chunks/menu-EnbHuHaW.es.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"menu-EnbHuHaW.es.js","sources":["../../src/components/menu/menu.slots.tsx","../../src/components/menu/components/menu.context.tsx","../../src/components/menu/components/menu.root.tsx","../../src/components/menu/components/menu.trigger.tsx","../../src/components/menu/components/menu.section-context.tsx","../../src/components/menu/components/menu.content.tsx","../../src/components/menu/components/menu.item.tsx","../../src/components/menu/components/menu.section-label.tsx","../../src/components/menu/components/menu.section.tsx","../../src/components/menu/components/menu.submenu-trigger.tsx","../../src/components/menu/components/menu.submenu.tsx","../../src/components/menu/menu.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/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"],"names":["withProvider","withContext","createSlotRecipeContext","MenuRootSlot","MenuTriggerSlot","MenuPopoverSlot","MenuContentSlot","MenuItemSlot","MenuSectionSlot","MenuSectionLabelSlot","MenuContext","createContext","MenuProvider","useMenuContext","useContext","MenuRoot","props","recipe","useSlotRecipe","recipeProps","restRecipeProps","children","trigger","isOpen","defaultOpen","onOpenChange","restProps","styleProps","menuContextProps","extractStyleProps","jsx","RaMenuTrigger","MenuTrigger","asChild","ref","Button","MenuSectionContext","MenuSectionProvider","MenuContent","placementOverride","contextProps","placement","menuProps","finalPlacement","Popover","Menu","MenuItem","isCritical","RaMenuItem","hasSubmenu","jsxs","Fragment","Icon","ChevronRight","MenuSectionLabel","Header","MenuSection","label","items","selectionMode","selectedKeys","defaultSelectedKeys","onSelectionChange","disallowEmptySelection","otherProps","RaMenuSection","Collection","MenuSubmenuTrigger","RaSubmenuTrigger","MenuSubmenu"],"mappings":"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"}

package/dist/chunks/merge-refs-D-zSwpoh.es.js DELETED Viewed

@@ -1,10 +0,0 @@
-function n(...r) {
-  return (f) => {
-    for (const e of r)
-      typeof e == "function" ? e(f) : e != null && (e.current = f);
-  };
-}
-export {
-  n as m
-};
-//# sourceMappingURL=merge-refs-D-zSwpoh.es.js.map

package/dist/chunks/merge-refs-D-zSwpoh.es.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"merge-refs-D-zSwpoh.es.js","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"],"names":["mergeRefs","refs","node","ref"],"mappings":"AAMO,SAASA,KACXC,GACa;AAChB,SAAO,CAACC,MAAY;AAClB,eAAWC,KAAOF;AAChB,MAAI,OAAOE,KAAQ,aACjBA,EAAID,CAAI,IACCC,KAAO,SACfA,EAAkC,UAAUD;AAAA,EAGnD;AACF;"}

package/dist/chunks/merge-refs-D8liJcZz.cjs.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";function t(...r){return f=>{for(const e of r)typeof e=="function"?e(f):e!=null&&(e.current=f)}}exports.mergeRefs=t;
2	- //# sourceMappingURL=merge-refs-D8liJcZz.cjs.js.map

package/dist/chunks/merge-refs-D8liJcZz.cjs.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"merge-refs-D8liJcZz.cjs.js","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"],"names":["mergeRefs","refs","node","ref"],"mappings":"aAMO,SAASA,KACXC,EACa,CAChB,OAAQC,GAAY,CAClB,UAAWC,KAAOF,EACZ,OAAOE,GAAQ,WACjBA,EAAID,CAAI,EACCC,GAAO,OACfA,EAAkC,QAAUD,EAGnD,CACF"}