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

@commercetools/nimbus 3.0.0 → 3.2.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 (2425) hide show

package/dist/chunks/list-Bdkxklxj.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"list-Bdkxklxj.cjs.js","names":[],"sources":["../../src/components/list/list.slots.tsx","../../src/components/list/components/list.root.tsx","../../src/components/list/components/list.item.tsx","../../src/components/list/components/list.indicator.tsx","../../src/components/list/list.tsx"],"sourcesContent":["import {\n createSlotRecipeContext,\n type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"nimbusList\",\n});\n\nexport type ListRootSlotProps = HTMLChakraProps<\"ul\">;\nexport const ListRootSlot: SlotComponent<HTMLUListElement, ListRootSlotProps> =\n withProvider<HTMLUListElement, ListRootSlotProps>(\"ul\", \"root\");\n\nexport type ListItemSlotProps = HTMLChakraProps<\"li\">;\nexport const ListItemSlot: SlotComponent<HTMLLIElement, ListItemSlotProps> =\n withContext<HTMLLIElement, ListItemSlotProps>(\"li\", \"item\");\n\nexport type ListIndicatorSlotProps = HTMLChakraProps<\"div\">;\nexport const ListIndicatorSlot: SlotComponent<\n HTMLDivElement,\n ListIndicatorSlotProps\n> = withContext<HTMLDivElement, ListIndicatorSlotProps>(\"div\", \"indicator\");\n","import { ListRootSlot } from \"../list.slots\";\nimport type { ListRootProps } from \"../list.types\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * List.Root\n *\n * Provides context and configuration for all list items.\n *\n * @supportsStyleProps\n */\nexport const ListRoot = (props: ListRootProps) => {\n const { ref, ...restProps } = props;\n const recipe = useSlotRecipe({ key: \"nimbusList\" });\n const [recipeProps, restRecipeProps] = recipe.splitVariantProps(restProps);\n const [styleProps, htmlProps] = extractStyleProps(restRecipeProps);\n\n return (\n <ListRootSlot ref={ref} {...recipeProps} {...styleProps} {...htmlProps} />\n );\n};\n\nListRoot.displayName = \"List.Root\";\n","import { ListItemSlot } from \"../list.slots\";\nimport type { ListItemProps } from \"../list.types\";\n\n/**\n * # ListItem\n *\n * Represents a single item in the list.\n * Should be used as a child of ListRoot.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <ListItem>List item content</ListItem>\n * ```\n */\nexport const ListItem = (props: ListItemProps) => {\n return <ListItemSlot {...props} />;\n};\n\nListItem.displayName = \"List.Item\";\n","import { ListIndicatorSlot } from \"../list.slots\";\nimport type { ListIndicatorProps } from \"../list.types\";\n\n/**\n * # ListIndicator\n *\n * A custom marker or indicator that appears before the list item content.\n * Useful for icons, checkmarks, or custom bullets.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <ListItem>\n * <ListIndicator>\n * <Icon><CheckIcon /></Icon>\n * </ListIndicator>\n * Item with custom indicator\n * </ListItem>\n * ```\n */\nexport const ListIndicator = (props: ListIndicatorProps) => {\n return <ListIndicatorSlot {...props} />;\n};\n\nListIndicator.displayName = \"List.Indicator\";\n","import { ListRoot, ListItem, ListIndicator } from \"./components\";\n\n/**\n * # List\n *\n * The List component is used to display a list of items.\n *\n * @supportsStyleProps\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/list}\n */\nexport const List: {\n Root: typeof ListRoot;\n Item: typeof ListItem;\n Indicator: typeof ListIndicator;\n} = {\n Root: ListRoot,\n Item: ListItem,\n Indicator: ListIndicator,\n};\n\nexport {\n ListRoot as _ListRoot,\n ListItem as _ListItem,\n ListIndicator as _ListIndicator,\n};\n"],"mappings":"wIAMA,GAAM,CAAE,eAAc,gBAAA,EAAA,EAAA,yBAAwC,CAC5D,IAAK,YACP,CAAC,EAGY,EACX,EAAkD,KAAM,MAAM,EAGnD,EACX,EAA8C,KAAM,MAAM,EAG/C,EAGT,EAAoD,MAAO,WAAW,ECV7D,EAAY,GAAyB,CAChD,GAAM,CAAE,MAAK,GAAG,GAAc,EAExB,CAAC,EAAa,IAAA,EAAA,EAAA,eADS,CAAE,IAAK,YAAa,CACV,EAAO,kBAAkB,CAAS,EACnE,CAAC,EAAY,GAAa,EAAA,EAAkB,CAAe,EAEjE,OACE,EAAA,EAAA,KAAC,EAAD,CAAmB,MAAK,GAAI,EAAa,GAAI,EAAY,GAAI,CAAY,CAAA,CAE7E,EAEA,EAAS,YAAc,YCPvB,IAAa,EAAY,IAChB,EAAA,EAAA,KAAC,EAAD,CAAc,GAAI,CAAQ,CAAA,EAGnC,EAAS,YAAc,YCCvB,IAAa,EAAiB,IACrB,EAAA,EAAA,KAAC,EAAD,CAAmB,GAAI,CAAQ,CAAA,EAGxC,EAAc,YAAc,iBCd5B,IAAa,EAIT,CACF,KAAM,EACN,KAAM,EACN,UAAW,CACb"}

package/dist/chunks/list-jEcdociv.esm.js ADDED Viewed

@@ -0,0 +1,33 @@
+import { t as e } from "./extract-style-props-4RoFSvGV.esm.js";
+import { jsx as t } from "react/jsx-runtime";
+import { createSlotRecipeContext as n, useSlotRecipe as r } from "@chakra-ui/react/styled-system";
+//#region src/components/list/list.slots.tsx
+var { withProvider: i, withContext: a } = n({ key: "nimbusList" }), o = i("ul", "root"), s = a("li", "item"), c = a("div", "indicator"), l = (n) => {
+	let { ref: i, ...a } = n, [s, c] = r({ key: "nimbusList" }).splitVariantProps(a), [l, u] = e(c);
+	return /* @__PURE__ */ t(o, {
+		ref: i,
+		...s,
+		...l,
+		...u
+	});
+};
+l.displayName = "List.Root";
+//#endregion
+//#region src/components/list/components/list.item.tsx
+var u = (e) => /* @__PURE__ */ t(s, { ...e });
+u.displayName = "List.Item";
+//#endregion
+//#region src/components/list/components/list.indicator.tsx
+var d = (e) => /* @__PURE__ */ t(c, { ...e });
+d.displayName = "List.Indicator";
+//#endregion
+//#region src/components/list/list.tsx
+var f = {
+	Root: l,
+	Item: u,
+	Indicator: d
+};
+//#endregion
+export { l as i, d as n, u as r, f as t };
+//# sourceMappingURL=list-jEcdociv.esm.js.map

package/dist/chunks/list-jEcdociv.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"list-jEcdociv.esm.js","names":[],"sources":["../../src/components/list/list.slots.tsx","../../src/components/list/components/list.root.tsx","../../src/components/list/components/list.item.tsx","../../src/components/list/components/list.indicator.tsx","../../src/components/list/list.tsx"],"sourcesContent":["import {\n createSlotRecipeContext,\n type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"nimbusList\",\n});\n\nexport type ListRootSlotProps = HTMLChakraProps<\"ul\">;\nexport const ListRootSlot: SlotComponent<HTMLUListElement, ListRootSlotProps> =\n withProvider<HTMLUListElement, ListRootSlotProps>(\"ul\", \"root\");\n\nexport type ListItemSlotProps = HTMLChakraProps<\"li\">;\nexport const ListItemSlot: SlotComponent<HTMLLIElement, ListItemSlotProps> =\n withContext<HTMLLIElement, ListItemSlotProps>(\"li\", \"item\");\n\nexport type ListIndicatorSlotProps = HTMLChakraProps<\"div\">;\nexport const ListIndicatorSlot: SlotComponent<\n HTMLDivElement,\n ListIndicatorSlotProps\n> = withContext<HTMLDivElement, ListIndicatorSlotProps>(\"div\", \"indicator\");\n","import { ListRootSlot } from \"../list.slots\";\nimport type { ListRootProps } from \"../list.types\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * List.Root\n *\n * Provides context and configuration for all list items.\n *\n * @supportsStyleProps\n */\nexport const ListRoot = (props: ListRootProps) => {\n const { ref, ...restProps } = props;\n const recipe = useSlotRecipe({ key: \"nimbusList\" });\n const [recipeProps, restRecipeProps] = recipe.splitVariantProps(restProps);\n const [styleProps, htmlProps] = extractStyleProps(restRecipeProps);\n\n return (\n <ListRootSlot ref={ref} {...recipeProps} {...styleProps} {...htmlProps} />\n );\n};\n\nListRoot.displayName = \"List.Root\";\n","import { ListItemSlot } from \"../list.slots\";\nimport type { ListItemProps } from \"../list.types\";\n\n/**\n * # ListItem\n *\n * Represents a single item in the list.\n * Should be used as a child of ListRoot.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <ListItem>List item content</ListItem>\n * ```\n */\nexport const ListItem = (props: ListItemProps) => {\n return <ListItemSlot {...props} />;\n};\n\nListItem.displayName = \"List.Item\";\n","import { ListIndicatorSlot } from \"../list.slots\";\nimport type { ListIndicatorProps } from \"../list.types\";\n\n/**\n * # ListIndicator\n *\n * A custom marker or indicator that appears before the list item content.\n * Useful for icons, checkmarks, or custom bullets.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <ListItem>\n * <ListIndicator>\n * <Icon><CheckIcon /></Icon>\n * </ListIndicator>\n * Item with custom indicator\n * </ListItem>\n * ```\n */\nexport const ListIndicator = (props: ListIndicatorProps) => {\n return <ListIndicatorSlot {...props} />;\n};\n\nListIndicator.displayName = \"List.Indicator\";\n","import { ListRoot, ListItem, ListIndicator } from \"./components\";\n\n/**\n * # List\n *\n * The List component is used to display a list of items.\n *\n * @supportsStyleProps\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/list}\n */\nexport const List: {\n Root: typeof ListRoot;\n Item: typeof ListItem;\n Indicator: typeof ListIndicator;\n} = {\n Root: ListRoot,\n Item: ListItem,\n Indicator: ListIndicator,\n};\n\nexport {\n ListRoot as _ListRoot,\n ListItem as _ListItem,\n ListIndicator as _ListIndicator,\n};\n"],"mappings":";;;;AAMA,IAAM,EAAE,iBAAc,mBAAgB,EAAwB,EAC5D,KAAK,aACP,CAAC,GAGY,IACX,EAAkD,MAAM,MAAM,GAGnD,IACX,EAA8C,MAAM,MAAM,GAG/C,IAGT,EAAoD,OAAO,WAAW,GCV7D,KAAY,MAAyB;CAChD,IAAM,EAAE,QAAK,GAAG,MAAc,GAExB,CAAC,GAAa,KADL,EAAc,EAAE,KAAK,aAAa,CACV,EAAO,kBAAkB,CAAS,GACnE,CAAC,GAAY,KAAa,EAAkB,CAAe;CAEjE,OACE,kBAAC,GAAD;EAAmB;EAAK,GAAI;EAAa,GAAI;EAAY,GAAI;CAAY,CAAA;AAE7E;AAEA,EAAS,cAAc;;;ACPvB,IAAa,KAAY,MAChB,kBAAC,GAAD,EAAc,GAAI,EAAQ,CAAA;AAGnC,EAAS,cAAc;;;ACCvB,IAAa,KAAiB,MACrB,kBAAC,GAAD,EAAmB,GAAI,EAAQ,CAAA;AAGxC,EAAc,cAAc;;;ACd5B,IAAa,IAIT;CACF,MAAM;CACN,MAAM;CACN,WAAW;AACb"}

package/dist/chunks/loading-spinner-DZJpaT8b.esm.js ADDED Viewed

@@ -0,0 +1,47 @@
+import { t as e } from "./mergeProps-CGu7R6EG.esm.js";
+import { t } from "./useProgressBar-DEnCvplr.esm.js";
+import { n, t as r } from "./normalize-messages-CKl8ms10.esm.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { createRecipeContext as o } from "@chakra-ui/react/styled-system";
+//#region src/components/loading-spinner/loading-spinner.slots.tsx
+var { withContext: s } = o({ key: "nimbusLoadingSpinner" }), c = s("div"), l = {
+	en: r({ default: "Loading data" }),
+	de: r({ default: "Daten werden geladen" }),
+	es: r({ default: "Cargando datos" }),
+	"fr-FR": r({ default: "Chargement des données" }),
+	"pt-BR": r({ default: "Carregando dados" })
+}, u = "M22.5 12C22.5 13.3789 22.2284 14.7443 21.7007 16.0182C21.1731 17.2921 20.3996 18.4496 19.4246 19.4246C18.4496 20.3996 17.2921 21.1731 16.0182 21.7007C14.7443 22.2284 13.3789 22.5 12 22.5C10.6211 22.5 9.25574 22.2284 7.98182 21.7007C6.7079 21.1731 5.55039 20.3996 4.57538 19.4246C3.60036 18.4496 2.82694 17.2921 2.29926 16.0182C1.77159 14.7443 1.5 13.3789 1.5 12C1.5 10.6211 1.77159 9.25574 2.29927 7.98182C2.82694 6.7079 3.60037 5.55039 4.57538 4.57538C5.5504 3.60036 6.70791 2.82694 7.98183 2.29926C9.25575 1.77159 10.6211 1.5 12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60037 19.4246 4.57538C20.3996 5.5504 21.1731 6.70791 21.7007 7.98183C22.2284 9.25575 22.5 10.6211 22.5 12L22.5 12Z", d = "M12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60036 19.4246 4.57538C20.3996 5.55039 21.1731 6.70791 21.7007 7.98183C22.2284 9.25574 22.5 10.6211 22.5 12", f = (r) => {
+	let o = n(l).format("default"), { ref: s, "aria-label": f = o, ...p } = r, { progressBarProps: m } = t({
+		isIndeterminate: !0,
+		"aria-label": f,
+		...p
+	});
+	return /* @__PURE__ */ i(c, {
+		ref: s,
+		...e(p, m),
+		"aria-label": f,
+		children: /* @__PURE__ */ a("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			children: [/* @__PURE__ */ i("path", {
+				d: u,
+				"data-svg-path": "spinner-circle",
+				strokeWidth: "3",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			}), /* @__PURE__ */ i("path", {
+				d,
+				"data-svg-path": "spinner-pointer",
+				strokeWidth: "3",
+				strokeLinecap: "round",
+				strokeLinejoin: "round"
+			})]
+		})
+	});
+};
+f.displayName = "LoadingSpinner";
+//#endregion
+export { f as t };
+//# sourceMappingURL=loading-spinner-DZJpaT8b.esm.js.map

package/dist/chunks/loading-spinner-DZJpaT8b.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"loading-spinner-DZJpaT8b.esm.js","names":[],"sources":["../../src/components/loading-spinner/loading-spinner.slots.tsx","../../src/components/loading-spinner/intl/en.ts","../../src/components/loading-spinner/intl/de.ts","../../src/components/loading-spinner/intl/es.ts","../../src/components/loading-spinner/intl/fr-FR.ts","../../src/components/loading-spinner/intl/pt-BR.ts","../../src/components/loading-spinner/loading-spinner.messages.ts","../../src/components/loading-spinner/loading-spinner.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { LoadingSpinnerRootSlotProps } from \"./loading-spinner.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusLoadingSpinner\" });\n\n/**\n * Root component that provides the styling context for the LoadingSpinner component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const LoadingSpinnerRoot = withContext<\n HTMLDivElement,\n LoadingSpinnerRootSlotProps\n>(\"div\");\n","/**\n * Pre-compiled en messages for LoadingSpinner\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { default: `Loading data` };\n","/**\n * Pre-compiled de messages for LoadingSpinner\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { default: `Daten werden geladen` };\n","/**\n * Pre-compiled es messages for LoadingSpinner\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { default: `Cargando datos` };\n","/**\n * Pre-compiled fr-FR messages for LoadingSpinner\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { default: `Chargement des données` };\n","/**\n * Pre-compiled pt-BR messages for LoadingSpinner\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { default: `Carregando dados` };\n","/**\n * Pre-compiled localized messages for LoadingSpinner 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 loadingSpinnerMessages_en from \"./intl/en\";\nimport loadingSpinnerMessages_de from \"./intl/de\";\nimport loadingSpinnerMessages_es from \"./intl/es\";\nimport loadingSpinnerMessages_fr from \"./intl/fr-FR\";\nimport loadingSpinnerMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const loadingSpinnerMessagesStrings: LocalizedStrings<\n string,\n LocalizedString\n> = {\n en: normalizeMessages(loadingSpinnerMessages_en),\n de: normalizeMessages(loadingSpinnerMessages_de),\n es: normalizeMessages(loadingSpinnerMessages_es),\n \"fr-FR\": normalizeMessages(loadingSpinnerMessages_fr),\n \"pt-BR\": normalizeMessages(loadingSpinnerMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for LoadingSpinner component\n */\nexport type LoadingSpinnerMessageKey = \"default\";\n","import { mergeProps, useProgressBar } from \"react-aria\";\nimport { LoadingSpinnerRoot } from \"./loading-spinner.slots\";\nimport type { LoadingSpinnerProps } from \"./loading-spinner.types\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { loadingSpinnerMessagesStrings } from \"./loading-spinner.messages\";\n\nconst circlePath =\n \"M22.5 12C22.5 13.3789 22.2284 14.7443 21.7007 16.0182C21.1731 17.2921 20.3996 18.4496 19.4246 19.4246C18.4496 20.3996 17.2921 21.1731 16.0182 21.7007C14.7443 22.2284 13.3789 22.5 12 22.5C10.6211 22.5 9.25574 22.2284 7.98182 21.7007C6.7079 21.1731 5.55039 20.3996 4.57538 19.4246C3.60036 18.4496 2.82694 17.2921 2.29926 16.0182C1.77159 14.7443 1.5 13.3789 1.5 12C1.5 10.6211 1.77159 9.25574 2.29927 7.98182C2.82694 6.7079 3.60037 5.55039 4.57538 4.57538C5.5504 3.60036 6.70791 2.82694 7.98183 2.29926C9.25575 1.77159 10.6211 1.5 12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60037 19.4246 4.57538C20.3996 5.5504 21.1731 6.70791 21.7007 7.98183C22.2284 9.25575 22.5 10.6211 22.5 12L22.5 12Z\";\nconst pointerPath =\n \"M12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60036 19.4246 4.57538C20.3996 5.55039 21.1731 6.70791 21.7007 7.98183C22.2284 9.25574 22.5 10.6211 22.5 12\";\n\n/**\n * # LoadingSpinner\n *\n * Indicates ongoing processes or loading states\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/loadingspinner}\n */\nexport const LoadingSpinner = (props: LoadingSpinnerProps) => {\n const msg = useLocalizedStringFormatter(loadingSpinnerMessagesStrings);\n const defaultLabel = msg.format(\"default\");\n const { ref, \"aria-label\": ariaLabel = defaultLabel, ...restProps } = props;\n const { progressBarProps } = useProgressBar({\n isIndeterminate: true,\n \"aria-label\": ariaLabel,\n ...restProps,\n });\n\n return (\n <LoadingSpinnerRoot\n ref={ref}\n {...mergeProps(restProps, progressBarProps)}\n aria-label={ariaLabel}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path\n d={circlePath}\n data-svg-path=\"spinner-circle\"\n strokeWidth=\"3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d={pointerPath}\n data-svg-path=\"spinner-pointer\"\n strokeWidth=\"3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </LoadingSpinnerRoot>\n );\n};\n\nLoadingSpinner.displayName = \"LoadingSpinner\";\n"],"mappings":";;;;;;AAGA,IAAM,EAAE,mBAAgB,EAAoB,EAAE,KAAK,uBAAuB,CAAC,GAM9D,IAAqB,EAGhC,KAAK,GMWM,IAGT;CACF,IAAI,EAAkB,ELrBP,SAAS,eKqBF,CAAyB;CAC/C,IAAI,EAAkB,EJtBP,SAAS,uBIsBF,CAAyB;CAC/C,IAAI,EAAkB,EHvBP,SAAS,iBGuBF,CAAyB;CAC/C,SAAS,EAAkB,EFxBZ,SAAS,yBEwBG,CAAyB;CACpD,SAAS,EAAkB,EDzBZ,SAAS,mBCyBG,CAAyB;AACtD,GC1BM,IACJ,mtBACI,IACJ,4LASW,KAAkB,MAA+B;CAE5D,IAAM,IADM,EAA4B,CACnB,EAAI,OAAO,SAAS,GACnC,EAAE,QAAK,cAAc,IAAY,GAAc,GAAG,MAAc,GAChE,EAAE,wBAAqB,EAAe;EAC1C,iBAAiB;EACjB,cAAc;EACd,GAAG;CACL,CAAC;CAED,OACE,kBAAC,GAAD;EACO;EACL,GAAI,EAAW,GAAW,CAAgB;EAC1C,cAAY;YAEZ,kBAAC,OAAD;GAAK,OAAM;GAA6B,SAAQ;GAAY,MAAK;aAAjE,CACE,kBAAC,QAAD;IACE,GAAG;IACH,iBAAc;IACd,aAAY;IACZ,eAAc;IACd,gBAAe;GAChB,CAAA,GACD,kBAAC,QAAD;IACK;IACH,iBAAc;IACd,aAAY;IACZ,eAAc;IACd,gBAAe;GAChB,CAAA,CACE;;CACa,CAAA;AAExB;AAEA,EAAe,cAAc"}

package/dist/chunks/loading-spinner-dBrg6bRi.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("./mergeProps-CiOPEjJs.cjs.js"),t=require("./useProgressBar-E-pwWHSo.cjs.js"),n=require("./normalize-messages-BMIBfw4v.cjs.js");let r=require("react/jsx-runtime");var{withContext:i}=(0,require("@chakra-ui/react/styled-system").createRecipeContext)({key:`nimbusLoadingSpinner`}),a=i(`div`),o={en:n.t({default:`Loading data`}),de:n.t({default:`Daten werden geladen`}),es:n.t({default:`Cargando datos`}),"fr-FR":n.t({default:`Chargement des données`}),"pt-BR":n.t({default:`Carregando dados`})},s=`M22.5 12C22.5 13.3789 22.2284 14.7443 21.7007 16.0182C21.1731 17.2921 20.3996 18.4496 19.4246 19.4246C18.4496 20.3996 17.2921 21.1731 16.0182 21.7007C14.7443 22.2284 13.3789 22.5 12 22.5C10.6211 22.5 9.25574 22.2284 7.98182 21.7007C6.7079 21.1731 5.55039 20.3996 4.57538 19.4246C3.60036 18.4496 2.82694 17.2921 2.29926 16.0182C1.77159 14.7443 1.5 13.3789 1.5 12C1.5 10.6211 1.77159 9.25574 2.29927 7.98182C2.82694 6.7079 3.60037 5.55039 4.57538 4.57538C5.5504 3.60036 6.70791 2.82694 7.98183 2.29926C9.25575 1.77159 10.6211 1.5 12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60037 19.4246 4.57538C20.3996 5.5504 21.1731 6.70791 21.7007 7.98183C22.2284 9.25575 22.5 10.6211 22.5 12L22.5 12Z`,c=`M12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60036 19.4246 4.57538C20.3996 5.55039 21.1731 6.70791 21.7007 7.98183C22.2284 9.25574 22.5 10.6211 22.5 12`,l=i=>{let l=n.n(o).format(`default`),{ref:u,"aria-label":d=l,...f}=i,{progressBarProps:p}=t.t({isIndeterminate:!0,"aria-label":d,...f});return(0,r.jsx)(a,{ref:u,...e.t(f,p),"aria-label":d,children:(0,r.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,children:[(0,r.jsx)(`path`,{d:s,"data-svg-path":`spinner-circle`,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,r.jsx)(`path`,{d:c,"data-svg-path":`spinner-pointer`,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`})]})})};l.displayName=`LoadingSpinner`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
2	+ //# sourceMappingURL=loading-spinner-dBrg6bRi.cjs.js.map

package/dist/chunks/loading-spinner-dBrg6bRi.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"loading-spinner-dBrg6bRi.cjs.js","names":[],"sources":["../../src/components/loading-spinner/loading-spinner.slots.tsx","../../src/components/loading-spinner/intl/en.ts","../../src/components/loading-spinner/intl/de.ts","../../src/components/loading-spinner/intl/es.ts","../../src/components/loading-spinner/intl/fr-FR.ts","../../src/components/loading-spinner/intl/pt-BR.ts","../../src/components/loading-spinner/loading-spinner.messages.ts","../../src/components/loading-spinner/loading-spinner.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { LoadingSpinnerRootSlotProps } from \"./loading-spinner.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusLoadingSpinner\" });\n\n/**\n * Root component that provides the styling context for the LoadingSpinner component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const LoadingSpinnerRoot = withContext<\n HTMLDivElement,\n LoadingSpinnerRootSlotProps\n>(\"div\");\n","/**\n * Pre-compiled en messages for LoadingSpinner\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { default: `Loading data` };\n","/**\n * Pre-compiled de messages for LoadingSpinner\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { default: `Daten werden geladen` };\n","/**\n * Pre-compiled es messages for LoadingSpinner\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { default: `Cargando datos` };\n","/**\n * Pre-compiled fr-FR messages for LoadingSpinner\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { default: `Chargement des données` };\n","/**\n * Pre-compiled pt-BR messages for LoadingSpinner\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { default: `Carregando dados` };\n","/**\n * Pre-compiled localized messages for LoadingSpinner 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 loadingSpinnerMessages_en from \"./intl/en\";\nimport loadingSpinnerMessages_de from \"./intl/de\";\nimport loadingSpinnerMessages_es from \"./intl/es\";\nimport loadingSpinnerMessages_fr from \"./intl/fr-FR\";\nimport loadingSpinnerMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const loadingSpinnerMessagesStrings: LocalizedStrings<\n string,\n LocalizedString\n> = {\n en: normalizeMessages(loadingSpinnerMessages_en),\n de: normalizeMessages(loadingSpinnerMessages_de),\n es: normalizeMessages(loadingSpinnerMessages_es),\n \"fr-FR\": normalizeMessages(loadingSpinnerMessages_fr),\n \"pt-BR\": normalizeMessages(loadingSpinnerMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for LoadingSpinner component\n */\nexport type LoadingSpinnerMessageKey = \"default\";\n","import { mergeProps, useProgressBar } from \"react-aria\";\nimport { LoadingSpinnerRoot } from \"./loading-spinner.slots\";\nimport type { LoadingSpinnerProps } from \"./loading-spinner.types\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { loadingSpinnerMessagesStrings } from \"./loading-spinner.messages\";\n\nconst circlePath =\n \"M22.5 12C22.5 13.3789 22.2284 14.7443 21.7007 16.0182C21.1731 17.2921 20.3996 18.4496 19.4246 19.4246C18.4496 20.3996 17.2921 21.1731 16.0182 21.7007C14.7443 22.2284 13.3789 22.5 12 22.5C10.6211 22.5 9.25574 22.2284 7.98182 21.7007C6.7079 21.1731 5.55039 20.3996 4.57538 19.4246C3.60036 18.4496 2.82694 17.2921 2.29926 16.0182C1.77159 14.7443 1.5 13.3789 1.5 12C1.5 10.6211 1.77159 9.25574 2.29927 7.98182C2.82694 6.7079 3.60037 5.55039 4.57538 4.57538C5.5504 3.60036 6.70791 2.82694 7.98183 2.29926C9.25575 1.77159 10.6211 1.5 12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60037 19.4246 4.57538C20.3996 5.5504 21.1731 6.70791 21.7007 7.98183C22.2284 9.25575 22.5 10.6211 22.5 12L22.5 12Z\";\nconst pointerPath =\n \"M12 1.5C13.3789 1.5 14.7443 1.77159 16.0182 2.29927C17.2921 2.82694 18.4496 3.60036 19.4246 4.57538C20.3996 5.55039 21.1731 6.70791 21.7007 7.98183C22.2284 9.25574 22.5 10.6211 22.5 12\";\n\n/**\n * # LoadingSpinner\n *\n * Indicates ongoing processes or loading states\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/loadingspinner}\n */\nexport const LoadingSpinner = (props: LoadingSpinnerProps) => {\n const msg = useLocalizedStringFormatter(loadingSpinnerMessagesStrings);\n const defaultLabel = msg.format(\"default\");\n const { ref, \"aria-label\": ariaLabel = defaultLabel, ...restProps } = props;\n const { progressBarProps } = useProgressBar({\n isIndeterminate: true,\n \"aria-label\": ariaLabel,\n ...restProps,\n });\n\n return (\n <LoadingSpinnerRoot\n ref={ref}\n {...mergeProps(restProps, progressBarProps)}\n aria-label={ariaLabel}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path\n d={circlePath}\n data-svg-path=\"spinner-circle\"\n strokeWidth=\"3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <path\n d={pointerPath}\n data-svg-path=\"spinner-pointer\"\n strokeWidth=\"3\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n </svg>\n </LoadingSpinnerRoot>\n );\n};\n\nLoadingSpinner.displayName = \"LoadingSpinner\";\n"],"mappings":"mLAGA,GAAM,CAAE,gBAAA,0CAAA,EAAA,qBAAoC,CAAE,IAAK,sBAAuB,CAAC,EAM9D,EAAqB,EAGhC,KAAK,EMWM,EAGT,CACF,GAAI,EAAA,EAAkB,CLrBP,QAAS,cKqBF,CAAyB,EAC/C,GAAI,EAAA,EAAkB,CJtBP,QAAS,sBIsBF,CAAyB,EAC/C,GAAI,EAAA,EAAkB,CHvBP,QAAS,gBGuBF,CAAyB,EAC/C,QAAS,EAAA,EAAkB,CFxBZ,QAAS,wBEwBG,CAAyB,EACpD,QAAS,EAAA,EAAkB,CDzBZ,QAAS,kBCyBG,CAAyB,CACtD,EC1BM,EACJ,ktBACI,EACJ,2LASW,EAAkB,GAA+B,CAE5D,IAAM,EADM,EAAA,EAA4B,CACnB,EAAI,OAAO,SAAS,EACnC,CAAE,MAAK,aAAc,EAAY,EAAc,GAAG,GAAc,EAChE,CAAE,oBAAqB,EAAA,EAAe,CAC1C,gBAAiB,GACjB,aAAc,EACd,GAAG,CACL,CAAC,EAED,OACE,EAAA,EAAA,KAAC,EAAD,CACO,MACL,GAAI,EAAA,EAAW,EAAW,CAAgB,EAC1C,aAAY,YAEZ,EAAA,EAAA,MAAC,MAAD,CAAK,MAAM,6BAA6B,QAAQ,YAAY,KAAK,gBAAjE,EACE,EAAA,EAAA,KAAC,OAAD,CACE,EAAG,EACH,gBAAc,iBACd,YAAY,IACZ,cAAc,QACd,eAAe,OAChB,CAAA,GACD,EAAA,EAAA,KAAC,OAAD,CACE,EAAG,EACH,gBAAc,kBACd,YAAY,IACZ,cAAc,QACd,eAAe,OAChB,CAAA,CACE,GACa,CAAA,CAExB,EAEA,EAAe,YAAc"}

package/dist/chunks/localized-field-Be4zyHxn.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("./CollectionBuilder-DnB4IFcy.cjs.js"),t=require("./mergeProps-CiOPEjJs.cjs.js"),n=require("./useField-04OWsUUE.cjs.js"),r=require("./Dialog-CKEw-ul4.cjs.js"),i=require("./multiline-text-input-CM9370iC.cjs.js"),a=require("./icon-button-DJxT-1uM.cjs.js"),o=require("./box-B6vF0vdN.cjs.js"),s=require("./normalize-messages-BMIBfw4v.cjs.js"),c=require("./popover-YNJ3lRWA.cjs.js"),l=require("./field-errors-D4_oFvCt.cjs.js"),u=require("./form-field-BqR6tlhi.cjs.js"),d=require("./stack-MlK9aGs9.cjs.js"),f=require("./text-input-BonnwXw4.cjs.js"),p=require("./icon-DjrMssEK.cjs.js"),m=require("./money-input-CAvYKnf8.cjs.js"),h=require("./rich-text-input-Bti8ZaLa.cjs.js"),ee=require("./button-DDlet23P.cjs.js");let g=require("react"),_=require("react/jsx-runtime"),v=require("@commercetools/nimbus-icons"),y=require("@chakra-ui/react/styled-system");var b={en:s.t({hideCurrencies:`Hide all currencies`,hideLanguages:`Hide all languages`,infoBoxTriggerAriaLabel:`more info`,missingRequiredField:`This field is required. Provide at least one value.`,showCurrencies:`Show all currencies`,showLanguages:`Show all languages`}),de:s.t({hideCurrencies:`Alle Währungen ausblenden`,hideLanguages:`Alle Sprachen ausblenden`,infoBoxTriggerAriaLabel:`Weitere Informationen`,missingRequiredField:`Dies ist ein Pflichtfeld. Bitte geben Sie mindestens einen Wert an.`,showCurrencies:`Alle Währungen anzeigen`,showLanguages:`Alle Sprachen anzeigen`}),es:s.t({hideCurrencies:`Ocultar todas las monedas`,hideLanguages:`Ocultar todas las monedas`,infoBoxTriggerAriaLabel:`más información`,missingRequiredField:`Este valor es necesario. Proporciona al menos un valor.`,showCurrencies:`Mostrar todas las monedas`,showLanguages:`Mostrar todos los idiomas`}),"fr-FR":s.t({hideCurrencies:`Masquer toutes les devises`,hideLanguages:`Masquer toutes les langues`,infoBoxTriggerAriaLabel:`Plus d'informations`,missingRequiredField:`Ce champ est requis. Indiquez au moins une valeur.`,showCurrencies:`Afficher toutes les devises`,showLanguages:`Afficher toutes les langues`}),"pt-BR":s.t({hideCurrencies:`Ocultar todas as ocorrências`,hideLanguages:`Ocultar todos os idiomas`,infoBoxTriggerAriaLabel:`mais informações`,missingRequiredField:`Este campo é obrigatório. Forneça pelo menos um valor.`,showCurrencies:`Mostrar todas as ocorrências`,showLanguages:`Mostrar todos os idiomas`})},{withProvider:x,withContext:S}=(0,y.createSlotRecipeContext)({key:`nimbusLocalizedField`}),C=x(`fieldset`,`root`),w=S(`legend`,`label`),T=S(`div`,`infoDialog`),E=S(`div`,`fieldsContainer`),te=S(`div`,`description`),ne=S(`div`,`error`),re=S(`div`,`toggleButtonContainer`),D=S(`div`,`localeFieldRoot`),O=S(`div`,`localeFieldLabel`),k=S(`div`,`localeFieldInput`),A=()=>{let e=s.n(b);return(0,_.jsx)(u.t.Error,{children:e.format(`missingRequiredField`)})},j=(e,t)=>e&&t?`${e}.${t}`:void 0,M=e=>e.split(`-`)[0],N=(e,t)=>{let n=M(e),r=t.filter(e=>M(e)===n);return{unrelated:t.filter(e=>M(e)!==n),related:r}},ie=(e,t)=>{let{related:n,unrelated:r}=N(e,t.filter(t=>t!==e));return[e,...n.sort(),...r.sort()]},ae=(e,t)=>[e,...t.filter(t=>t!==e).sort()],oe=(e,t)=>e&&Object.keys(e).length>0&&t?Object.keys(e).some(e=>e!==t):!1,P=(e,t)=>Array.from(new Set([...e,...Object.keys(t)])).reduce((e,n)=>({...e,[n]:t?.[n]\|\|``}),{}),F=e=>e?Object.values(e).every(e=>!e\|\|e?.trim().length===0):!0,I=e=>(typeof e!=`object`&&console.warn(`Nimbus Localized Field - Warning: omitEmptyTranslations must be called with an object`),Object.entries(e).reduce((e,[t,n])=>n&&n.trim().length>0?{...e,[t]:n}:e,{})),se=e=>e?Object.values(e).some(Boolean):!1;function L(e){return e}var R=(e,t)=>Object.values(e).map(e=>m.t.convertToMoneyValue(e,t)),z=(e=[],t)=>e.reduce((e,n)=>{let r=m.t.parseMoneyValue(n,t);return{...e,[r.currencyCode]:r}},{}),B=(e,t)=>Object.keys(e).filter(n=>m.t.isHighPrecision(e[n],t)),V=e=>Object.keys(e).filter(t=>m.t.isEmpty(e[t])),ce=({type:e,size:t,localeOrCurrency:n,id:r,name:a,inputValue:o,description:s,warning:c,error:l,onChange:d,onBlur:ee,onFocus:y,isRequired:b,isReadOnly:x,isDisabled:S,isInvalid:C,touched:w,...T})=>{let E;switch(e){case`text`:default:E=f.t;break;case`multiLine`:E=i.t;break;case`money`:E=m.t;break;case`richText`:E=h.t;break}let te=e===`money`?o\|\|{amount:``,currencyCode:n}:o\|\|``,ne=(0,g.useCallback)(e=>{d({target:typeof e==`object`?{id:e.target.id,name:e.target.name,locale:void 0,currency:n,value:e.target.value}:{id:r,name:a,locale:n,currency:void 0,value:e}})},[r,a,n,d]);return(0,_.jsx)(D,{asChild:!0,children:(0,_.jsxs)(u.t.Root,{isDisabled:S,isReadOnly:x,isInvalid:(C\|\|!!l)&&w,direction:`row`,size:t,id:r,children:[(0,_.jsx)(O,{display:e===`money`?`none`:void 0,...S&&{"data-disabled":S},asChild:!0,children:(0,_.jsx)(u.t.Label,{children:n.toLocaleUpperCase()})}),(0,_.jsx)(u.t.Input,{children:(0,_.jsx)(k,{"aria-required":b,asChild:!0,children:(0,_.jsx)(E,{...T,size:t,value:te,onChange:ne,onBlur:e=>ee?.(e,n),onFocus:e=>y?.(e,n),isRequired:b,isDisabled:S,isReadOnly:x,isInvalid:(C\|\|!!l)&&w})})}),(s\|\|c&&w)&&(0,_.jsx)(u.t.Description,{role:c&&w?`status`:void 0,color:c&&w?`warning.11`:void 0,display:`flex`,gap:`100`,alignItems:`center`,children:c&&w?(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(p.t,{colorPalette:`warning`,children:(0,_.jsx)(v.WarningAmber,{})}),c]}):s}),l&&w&&(0,_.jsx)(u.t.Error,{children:l})]})})},H=Object.assign(({type:i=`text`,id:u,name:f,defaultLocaleOrCurrency:m,valuesByLocaleOrCurrency:h,placeholdersByLocaleOrCurrency:y,descriptionsByLocaleOrCurrency:x,warningsByLocaleOrCurrency:S,errorsByLocaleOrCurrency:D,label:O,hint:k,description:A,warning:M,warnings:N,renderWarning:P,error:F,errors:I,renderError:se,touched:L,isRequired:R,isDisabled:z,isReadOnly:B,onChange:V,onBlur:H,onFocus:le,defaultExpanded:ue=!1,displayAllLocalesOrCurrencies:U=!1,size:W,autoFocus:G,"data-track-component":de,"data-testid":fe,"data-test":pe,...me})=>{let[K,he]=(0,g.useState)(U\|\|ue),q=s.n(b),ge=t.i(),_e=t.i(),J=!!(F\|\|I&&Object.values(I).some(e=>e===!0)),Y=!!(M\|\|N&&Object.values(N).some(Boolean)),X=!!(J&&L),{labelProps:ve,fieldProps:ye,descriptionProps:Z,errorMessageProps:Q}=n.t({id:u,label:O,description:A,errorMessage:F,isInvalid:X}),$=Object.keys(h),be=(0,g.useMemo)(()=>(i===`money`?ae(m,$):ie(m,$)).reduce((e,t)=>{let n={localeOrCurrency:t,inputValue:h[t],placeholder:y?.[t],description:x?.[t],warning:S?.[t],error:D?.[t],...t===m&&G?{autoFocus:G}:{},isInvalid:X,isRequired:R,isDisabled:z,isReadOnly:B};return K\|\|!K&&t===m?[...e,n]:e},[]),[h,y,x,S,D,m,K,X,R,z,B,G,$,i]),xe=(oe(D,m)\|\|J)&&L;return xe&&!K&&he(!0),(0,_.jsxs)(C,{...me,...ye,"aria-details":k?_e:void 0,type:i,size:W,name:f,children:[O&&(0,_.jsxs)(d.t,{direction:`row`,gap:`0`,children:[(0,_.jsxs)(w,{...ve,children:[O,R&&(0,_.jsx)(`sup`,{"aria-hidden":`true`,children:`*`})]}),k&&(0,_.jsxs)(r.t,{children:[(0,_.jsx)(a.t,{id:_e,"aria-label":q.format(`infoBoxTriggerAriaLabel`),size:`2xs`,colorPalette:`info`,variant:`link`,children:(0,_.jsx)(v.HelpOutline,{})}),(0,_.jsx)(c.t,{padding:0,children:(0,_.jsx)(T,{asChild:!0,children:(0,_.jsx)(r.n,{children:(0,_.jsx)(o.t,{p:`300`,children:k})})})})]})]}),(0,_.jsx)(E,{id:ge,"data-expanded":K,children:(0,_.jsx)(e.i,{items:be,children:e=>(0,_.jsx)(ce,{...e,size:W,type:i,onChange:V,onBlur:H,onFocus:le,touched:L,id:j(ye.id,e.localeOrCurrency),name:j(f,e.localeOrCurrency),"data-test":j(pe,e.localeOrCurrency),"data-testid":j(fe,e.localeOrCurrency),"data-track-component":j(de,e.localeOrCurrency)})})}),!U&&$.length>1&&(0,_.jsx)(re,{children:(0,_.jsxs)(ee.t,{"aria-controls":ge,"aria-describedby":ve.id,"aria-expanded":K,onPress:()=>he(!K),isDisabled:z\|\|xe&&K,variant:`ghost`,size:`2xs`,colorPalette:`primary`,children:[(0,_.jsx)(o.t,{as:i===`money`?v.Payments:v.Language,display:`inline-flex`,boxSize:`400`,verticalAlign:`text-bottom`,mr:`100`}),i===`money`?K?q.format(`hideCurrencies`):q.format(`showCurrencies`):K?q.format(`hideLanguages`):q.format(`showLanguages`)]})}),(A\|\|Y&&L)&&(0,_.jsx)(te,{role:Y&&L?`status`:void 0,color:Y&&L?`warning.11`:void 0,"aria-labelledby":`${Z.id}-warning`,...Z,children:Y&&L?(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(p.t,{colorPalette:`warning`,children:(0,_.jsx)(v.WarningAmber,{})}),(0,_.jsxs)(d.t,{gap:`0`,id:`${Z.id}-warning`,children:[M,N&&Y&&(0,_.jsx)(l.t,{errors:N,renderError:P,colorPalette:`warning`,role:void 0})]})]}):A}),X&&(0,_.jsxs)(ne,{"aria-labelledby":`${Q.id}-error`,role:`alert`,...Q,children:[(0,_.jsx)(p.t,{children:(0,_.jsx)(v.ErrorOutline,{})}),(0,_.jsxs)(d.t,{gap:`0`,id:`${Q.id}-error`,children:[F,I&&J&&(0,_.jsx)(l.t,{errors:I,renderError:se,role:void 0})]})]})]})},{getId:j,getName:j,isTouched:se,isEmpty:F,createLocalizedString:P,omitEmptyTranslations:I,RequiredValueErrorMessage:A,toFieldErrors:L,convertToMoneyValues:R,parseMoneyValues:z,getHighPrecisionCurrencies:B,getEmptyCurrencies:V});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return H}});
2	+ //# sourceMappingURL=localized-field-Be4zyHxn.cjs.js.map

package/dist/chunks/localized-field-Be4zyHxn.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"localized-field-Be4zyHxn.cjs.js","names":[],"sources":["../../src/components/localized-field/intl/en.ts","../../src/components/localized-field/intl/de.ts","../../src/components/localized-field/intl/es.ts","../../src/components/localized-field/intl/fr-FR.ts","../../src/components/localized-field/intl/pt-BR.ts","../../src/components/localized-field/localized-field.messages.ts","../../src/components/localized-field/localized-field.slots.tsx","../../src/components/localized-field/utils/localized-field.utils.tsx","../../src/components/localized-field/components/localized-field.locale-field.tsx","../../src/components/localized-field/components/localized-field.root.tsx","../../src/components/localized-field/localized-field.tsx"],"sourcesContent":["/**\n * Pre-compiled en messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n hideCurrencies: `Hide all currencies`,\n hideLanguages: `Hide all languages`,\n infoBoxTriggerAriaLabel: `more info`,\n missingRequiredField: `This field is required. Provide at least one value.`,\n showCurrencies: `Show all currencies`,\n showLanguages: `Show all languages`,\n};\n","/**\n * Pre-compiled de messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n hideCurrencies: `Alle Währungen ausblenden`,\n hideLanguages: `Alle Sprachen ausblenden`,\n infoBoxTriggerAriaLabel: `Weitere Informationen`,\n missingRequiredField: `Dies ist ein Pflichtfeld. Bitte geben Sie mindestens einen Wert an.`,\n showCurrencies: `Alle Währungen anzeigen`,\n showLanguages: `Alle Sprachen anzeigen`,\n};\n","/**\n * Pre-compiled es messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n hideCurrencies: `Ocultar todas las monedas`,\n hideLanguages: `Ocultar todas las monedas`,\n infoBoxTriggerAriaLabel: `más información`,\n missingRequiredField: `Este valor es necesario. Proporciona al menos un valor.`,\n showCurrencies: `Mostrar todas las monedas`,\n showLanguages: `Mostrar todos los idiomas`,\n};\n","/**\n * Pre-compiled fr-FR messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n hideCurrencies: `Masquer toutes les devises`,\n hideLanguages: `Masquer toutes les langues`,\n infoBoxTriggerAriaLabel: `Plus d'informations`,\n missingRequiredField: `Ce champ est requis. Indiquez au moins une valeur.`,\n showCurrencies: `Afficher toutes les devises`,\n showLanguages: `Afficher toutes les langues`,\n};\n","/**\n * Pre-compiled pt-BR messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n hideCurrencies: `Ocultar todas as ocorrências`,\n hideLanguages: `Ocultar todos os idiomas`,\n infoBoxTriggerAriaLabel: `mais informações`,\n missingRequiredField: `Este campo é obrigatório. Forneça pelo menos um valor.`,\n showCurrencies: `Mostrar todas as ocorrências`,\n showLanguages: `Mostrar todos os idiomas`,\n};\n","/**\n * Pre-compiled localized messages for LocalizedField component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n type LocalizedString,\n type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport localizedFieldMessages_en from \"./intl/en\";\nimport localizedFieldMessages_de from \"./intl/de\";\nimport localizedFieldMessages_es from \"./intl/es\";\nimport localizedFieldMessages_fr from \"./intl/fr-FR\";\nimport localizedFieldMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const localizedFieldMessagesStrings: LocalizedStrings<\n string,\n LocalizedString\n> = {\n en: normalizeMessages(localizedFieldMessages_en),\n de: normalizeMessages(localizedFieldMessages_de),\n es: normalizeMessages(localizedFieldMessages_es),\n \"fr-FR\": normalizeMessages(localizedFieldMessages_fr),\n \"pt-BR\": normalizeMessages(localizedFieldMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for LocalizedField component\n */\nexport type LocalizedFieldMessageKey =\n | \"hideCurrencies\"\n | \"hideLanguages\"\n | \"infoBoxTriggerAriaLabel\"\n | \"missingRequiredField\"\n | \"showCurrencies\"\n | \"showLanguages\";\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n LocalizedFieldRootSlotProps,\n LocalizedFieldLabelSlotProps,\n LocalizedFieldInfoDialogSlotProps,\n LocalizedFieldFieldsContainerSlotProps,\n LocalizedFieldDescriptionSlotProps,\n LocalizedFieldErrorSlotProps,\n LocalizedFieldToggleButtonContainerSlotProps,\n LocalizedFieldLocaleFieldRootSlotProps,\n LocalizedFieldLocaleFieldLabelSlotProps,\n LocalizedFieldLocaleFieldInputSlotProps,\n} from \"./localized-field.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"nimbusLocalizedField\",\n});\n\n// Root Slot\nexport const LocalizedFieldRootSlot = withProvider<\n HTMLFieldSetElement,\n LocalizedFieldRootSlotProps\n>(\"fieldset\", \"root\");\n\n// Label Slot\nexport const LocalizedFieldLabelSlot = withContext<\n HTMLLabelElement,\n LocalizedFieldLabelSlotProps\n>(\"legend\", \"label\");\n\n// InfoDialog Slot\nexport const LocalizedFieldInfoDialogSlot = withContext<\n HTMLDivElement,\n LocalizedFieldInfoDialogSlotProps\n>(\"div\", \"infoDialog\");\n\n// FieldsContainer Slot\nexport const LocalizedFieldFieldsContainerSlot = withContext<\n HTMLDivElement,\n LocalizedFieldFieldsContainerSlotProps\n>(\"div\", \"fieldsContainer\");\n\n// Description Slot\nexport const LocalizedFieldDescriptionSlot = withContext<\n HTMLDivElement,\n LocalizedFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport const LocalizedFieldErrorSlot = withContext<\n HTMLDivElement,\n LocalizedFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// ToggleButtonContainer Slot\nexport const LocalizedFieldToggleButtonContainerSlot = withContext<\n HTMLDivElement,\n LocalizedFieldToggleButtonContainerSlotProps\n>(\"div\", \"toggleButtonContainer\");\n\n// LocaleFieldRoot Slot\nexport const LocalizedFieldLocaleFieldRootSlot = withContext<\n HTMLDivElement,\n LocalizedFieldLocaleFieldRootSlotProps\n>(\"div\", \"localeFieldRoot\");\n\n// FieldLabel Slot\nexport const LocalizedFieldLocaleFieldLabelSlot = withContext<\n HTMLDivElement,\n LocalizedFieldLocaleFieldLabelSlotProps\n>(\"div\", \"localeFieldLabel\");\n\n// FieldInput Slot\nexport const LocalizedFieldLocaleFieldInputSlot = withContext<\n HTMLDivElement,\n LocalizedFieldLocaleFieldInputSlotProps\n>(\"div\", \"localeFieldInput\");\n","import {\n FormField,\n type CurrencyCode,\n type MoneyInputValue,\n type MoneyValue,\n type FieldErrorsData,\n MoneyInput,\n} from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { localizedFieldMessagesStrings } from \"../localized-field.messages\";\nimport type { LocalizedString } from \"../localized-field.types\";\n\ntype LanguagesSplitByDefaultLocale = {\n related: string[];\n unrelated: string[];\n};\n\ntype TouchedLocalizedString = { [locale: string]: boolean };\n\ntype CustomFormikErrors<Values> = {\n [K in keyof Values]?: FieldErrorsData;\n};\n\nexport const RequiredValueErrorMessage = () => {\n const msg = useLocalizedStringFormatter(localizedFieldMessagesStrings);\n return (\n <FormField.Error>{msg.format(\"missingRequiredField\")}</FormField.Error>\n );\n};\n\nexport const getLocaleFieldAttribute = (\n fieldGroupAttr?: string,\n locale?: string\n): string | undefined =>\n fieldGroupAttr && locale ? `${fieldGroupAttr}.${locale}` : undefined;\n\n// gets the language tag of a given locale, e.g. `de` in `de-DE`\nexport const getLanguageForLocale = (locale: string): string =>\n locale.split(\"-\")[0];\n\n// splits the locales into two groups:\n// - the 'related' array contains locales with the same language tag as the default locale,\n// e.g. if the default locale is de-DE, related would be ['de-DE', 'de-CH']\n// - the 'unrelated' array contains locales with a different different language tag from the default locale\n//. e.g. if the default locale is de-DE, unrelated would be ['pt-BR', 'en-GB', 'zh-Hans']\nexport const splitLanguages = (\n defaultLocale: string,\n locales: string[]\n): LanguagesSplitByDefaultLocale => {\n const defaultLanguage = getLanguageForLocale(defaultLocale);\n const related = locales.filter(\n (locale) => getLanguageForLocale(locale) === defaultLanguage\n );\n const unrelated = locales.filter(\n (locale) => getLanguageForLocale(locale) !== defaultLanguage\n );\n return {\n unrelated,\n related,\n };\n};\n\n// sorts locales with the following priority:\n// - The selected locale is placed first (e.g pt-BR)\n// - All locales using the same language tag as the selected language\n// follow (e.g. pt, pt-PT). They are sorted alphabetically.\n// - All other locales follow, sorted alphabetically as well\nexport const sortLocalesByDefaultLocaleLanguage = (\n defaultLocale: string,\n allLocales: string[]\n): string[] => {\n const { related, unrelated } = splitLanguages(\n defaultLocale,\n allLocales.filter((locale: string) => locale !== defaultLocale)\n );\n\n return [defaultLocale, ...related.sort(), ...unrelated.sort()];\n};\n\nexport const sortCurrencies = (\n defaultCurrency: CurrencyCode,\n allCurrencies: CurrencyCode[]\n) => {\n const remainingCurrencies = allCurrencies.filter(\n (currency) => currency !== defaultCurrency\n );\n return [defaultCurrency, ...remainingCurrencies.sort()];\n};\n\nexport const getHasInvalidLocalizedFields = <TErrors extends object>(\n errors?: TErrors,\n defaultLocaleOrCurrency?: string\n): boolean => {\n if (errors && Object.keys(errors).length > 0 && defaultLocaleOrCurrency) {\n return Object.keys(errors).some(\n (localeOrCurrency) => localeOrCurrency !== defaultLocaleOrCurrency\n );\n }\n return false;\n};\n\nexport const createLocalizedString = (\n locales: string[],\n existingLocalizedString: LocalizedString\n): LocalizedString => {\n const localesInLocalizedString = Array.from(\n new Set([...locales, ...Object.keys(existingLocalizedString)])\n );\n\n return localesInLocalizedString.reduce<LocalizedString>(\n (localizedString, locale) => ({\n ...localizedString,\n [locale]: existingLocalizedString?.[locale] || \"\",\n }),\n {}\n );\n};\n\n// Note: I prefer `isLocalizedStringEmpty`, but keeping this as `isEmpty` for api consistency with UI Kit\nexport const isEmpty = (localizedString?: LocalizedString): boolean => {\n if (!localizedString) return true;\n return Object.values(localizedString).every(\n (value?: string) => !value || value?.trim().length === 0\n );\n};\n\nexport const omitEmptyTranslations = <Translations extends LocalizedString>(\n localizedString: Translations\n): LocalizedString => {\n // TODO: is it necessary to create a util that enforces a consistent warning/error format, e.g.\n // `<COMPONENT_NAME> - Warning: <WARNING_MESSAGE>`\n if (typeof localizedString !== \"object\") {\n console.warn(\n \"Nimbus Localized Field - Warning: omitEmptyTranslations must be called with an object\"\n );\n }\n\n return Object.entries(localizedString).reduce<LocalizedString>(\n (localizedStringWithoutEmptyTranslations, [locale, value]) => {\n if (value && value.trim().length > 0) {\n return {\n ...localizedStringWithoutEmptyTranslations,\n [locale]: value,\n };\n }\n return localizedStringWithoutEmptyTranslations;\n },\n {}\n );\n};\n\nexport const isTouched = (touched?: TouchedLocalizedString): boolean => {\n if (touched) {\n return Object.values(touched).some(Boolean);\n }\n return false;\n};\n\n/**\n * Use this function to convert the Formik `errors` object type to\n * our custom field errors type.\n * This is primarly useful when using TypeScript.\n */\nexport function toFieldErrors<FormValues>(\n errors: unknown\n): CustomFormikErrors<FormValues> {\n return errors as CustomFormikErrors<FormValues>;\n}\n\nexport const convertToMoneyValues = (\n values: MoneyInputValue[],\n currency: string\n): Array<MoneyValue | null> =>\n Object.values(values).map<MoneyValue | null>((value) => {\n return MoneyInput.convertToMoneyValue(value, currency);\n });\n\nexport const parseMoneyValues = (\n moneyValues: MoneyValue[] = [],\n locale: string\n): Record<CurrencyCode, MoneyInputValue> =>\n moneyValues.reduce<Record<CurrencyCode, MoneyInputValue>>(\n (allValues, moneyValue) => {\n const value = MoneyInput.parseMoneyValue(moneyValue, locale);\n return {\n ...allValues,\n [value.currencyCode]: value,\n };\n },\n {} as Record<CurrencyCode, MoneyInputValue>\n );\n\nexport const getHighPrecisionCurrencies = (\n values: Record<CurrencyCode, MoneyInputValue>,\n locale: string\n): CurrencyCode[] => {\n const typedCurrencyCodes = Object.keys(values) as CurrencyCode[];\n return typedCurrencyCodes.filter((currencyCode) =>\n MoneyInput.isHighPrecision(values[currencyCode], locale)\n );\n};\n\nexport const getEmptyCurrencies = (\n values: Record<CurrencyCode, MoneyInputValue>\n): CurrencyCode[] => {\n const typedCurrencyCodes = Object.keys(values) as CurrencyCode[];\n return typedCurrencyCodes.filter((currencyCode) =>\n MoneyInput.isEmpty(values[currencyCode])\n );\n};\n","import { useCallback } from \"react\";\nimport {\n FormField,\n Icon,\n TextInput,\n MoneyInput,\n type CustomEvent,\n MultilineTextInput,\n RichTextInput,\n type MoneyInputValue,\n type CurrencyCode,\n} from \"@/components\";\nimport { WarningAmber } from \"@commercetools/nimbus-icons\";\nimport {\n LocalizedFieldLocaleFieldRootSlot,\n LocalizedFieldLocaleFieldInputSlot,\n LocalizedFieldLocaleFieldLabelSlot,\n} from \"../localized-field.slots\";\nimport type { LocalizedFieldLocaleFieldProps } from \"../localized-field.types\";\n\n/**\n * LocalizedFieldLocaleField - Individual locale or currency input field\n *\n * Renders a single input field for a specific locale or currency with integrated\n * label, description, warning, and error message display. Supports text, multiline,\n * richText, and money input types.\n *\n * @supportsStyleProps\n */\nexport const LocalizedFieldLocaleField = ({\n type,\n size,\n localeOrCurrency,\n id,\n name,\n inputValue: inputValueFromProps,\n description,\n warning,\n error,\n onChange,\n onBlur,\n onFocus,\n isRequired,\n isReadOnly,\n isDisabled,\n isInvalid,\n touched,\n ...otherProps\n}: LocalizedFieldLocaleFieldProps) => {\n let InputComponent:\n | typeof TextInput\n | typeof MultilineTextInput\n | typeof MoneyInput\n | typeof RichTextInput;\n switch (type) {\n case \"text\":\n default:\n InputComponent = TextInput;\n break;\n case \"multiLine\":\n InputComponent = MultilineTextInput;\n break;\n case \"money\":\n InputComponent = MoneyInput;\n break;\n case \"richText\":\n InputComponent = RichTextInput;\n break;\n }\n\n const getInputValue = () => {\n if (type === \"money\") {\n return inputValueFromProps\n ? (inputValueFromProps as MoneyInputValue)\n : ({ amount: \"\", currencyCode: localeOrCurrency } as MoneyInputValue);\n }\n return inputValueFromProps ? inputValueFromProps : \"\";\n };\n\n const inputValue = getInputValue();\n\n const handleChange = useCallback(\n (value: string | CustomEvent | undefined) => {\n // The `MoneyInput` onChange event value is a custom value,\n // and the `MoneyInput` modifies the input id and name since it is in a `group`,\n // so we need to build a separate return object for the MoneInput to return\n // the expected values\n const isMoneyInputEvent = typeof value === \"object\";\n const changeValue = {\n target: isMoneyInputEvent\n ? {\n id: value.target.id,\n name: value.target.name,\n locale: undefined,\n currency: localeOrCurrency as CurrencyCode,\n value: value.target.value,\n }\n : { id, name, locale: localeOrCurrency, currency: undefined, value },\n };\n onChange(changeValue);\n },\n [id, name, localeOrCurrency, onChange]\n );\n\n return (\n <LocalizedFieldLocaleFieldRootSlot asChild>\n <FormField.Root\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n isInvalid={(isInvalid || !!error) && touched}\n direction=\"row\"\n size={size}\n id={id}\n >\n <LocalizedFieldLocaleFieldLabelSlot\n display={type === \"money\" ? \"none\" : undefined}\n {...(isDisabled && { \"data-disabled\": isDisabled })}\n asChild\n >\n <FormField.Label>\n {localeOrCurrency.toLocaleUpperCase()}\n </FormField.Label>\n </LocalizedFieldLocaleFieldLabelSlot>\n <FormField.Input>\n <LocalizedFieldLocaleFieldInputSlot\n aria-required={isRequired}\n asChild\n >\n <InputComponent\n {...otherProps}\n size={size}\n value={inputValue as string & MoneyInputValue}\n onChange={handleChange}\n onBlur={(e: React.FocusEvent | CustomEvent) =>\n onBlur?.(e, localeOrCurrency)\n }\n onFocus={(e: React.FocusEvent | CustomEvent) =>\n onFocus?.(e, localeOrCurrency)\n }\n isRequired={isRequired}\n isDisabled={isDisabled}\n isReadOnly={isReadOnly}\n isInvalid={(isInvalid || !!error) && touched}\n />\n </LocalizedFieldLocaleFieldInputSlot>\n </FormField.Input>\n {(description || (warning && touched)) && (\n <FormField.Description\n role={warning && touched ? \"status\" : undefined}\n color={warning && touched ? \"warning.11\" : undefined}\n display=\"flex\"\n gap=\"100\"\n alignItems=\"center\"\n >\n {warning && touched ? (\n <>\n <Icon colorPalette=\"warning\">\n <WarningAmber />\n </Icon>\n {warning}\n </>\n ) : (\n description\n )}\n </FormField.Description>\n )}\n {error && touched && <FormField.Error>{error}</FormField.Error>}\n </FormField.Root>\n </LocalizedFieldLocaleFieldRootSlot>\n );\n};\n","import { useState, useMemo } from \"react\";\nimport {\n Collection as RaCollection,\n Dialog as RaDialog,\n DialogTrigger as RaDialogTrigger,\n} from \"react-aria-components\";\nimport { useField, useId } from \"react-aria\";\nimport {\n ErrorOutline,\n HelpOutline,\n Language,\n Payments,\n WarningAmber,\n} from \"@commercetools/nimbus-icons\";\nimport {\n Box,\n Button,\n FieldErrors,\n Icon,\n IconButton,\n Stack,\n type CurrencyCode,\n} from \"@/components\";\nimport { Popover } from \"../../popover\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { localizedFieldMessagesStrings } from \"../localized-field.messages\";\nimport {\n LocalizedFieldRootSlot,\n LocalizedFieldLabelSlot,\n LocalizedFieldInfoDialogSlot,\n LocalizedFieldFieldsContainerSlot,\n LocalizedFieldDescriptionSlot,\n LocalizedFieldErrorSlot,\n LocalizedFieldToggleButtonContainerSlot,\n} from \"../localized-field.slots\";\nimport type {\n LocalizedFieldProps,\n MergedLocaleFieldData,\n LocalizedCurrency,\n} from \"../localized-field.types\";\n\nimport {\n getHasInvalidLocalizedFields,\n getLocaleFieldAttribute,\n sortCurrencies,\n sortLocalesByDefaultLocaleLanguage,\n} from \"../utils/localized-field.utils\";\nimport { LocalizedFieldLocaleField } from \"./localized-field.locale-field\";\n\n/**\n * LocalizedField - Root component for managing localized input fields\n *\n * Provides a fieldset container for multiple locale-specific or currency-specific input fields\n * with expand/collapse functionality and integrated validation display. Supports text, multiline,\n * richText, and money input types.\n *\n * @supportsStyleProps\n */\nexport const LocalizedField = ({\n type = \"text\",\n id,\n name,\n defaultLocaleOrCurrency,\n valuesByLocaleOrCurrency,\n placeholdersByLocaleOrCurrency,\n descriptionsByLocaleOrCurrency,\n warningsByLocaleOrCurrency,\n errorsByLocaleOrCurrency,\n label,\n hint,\n description,\n warning,\n warnings,\n renderWarning,\n error,\n errors,\n renderError,\n touched,\n isRequired,\n isDisabled,\n isReadOnly,\n onChange,\n onBlur,\n onFocus,\n defaultExpanded = false,\n displayAllLocalesOrCurrencies = false,\n size,\n autoFocus,\n [\"data-track-component\"]: dataTrackComponent,\n [\"data-testid\"]: dataTestId,\n [\"data-test\"]: dataTest,\n // DOM & Style props for wrapper container\n ...rest\n}: LocalizedFieldProps) => {\n const [expanded, setExpanded] = useState(\n displayAllLocalesOrCurrencies || defaultExpanded\n );\n\n const msg = useLocalizedStringFormatter(localizedFieldMessagesStrings);\n\n // Used to associate more info dialog with fieldset via `aria-controls`\n const localeFieldsContainerId = useId();\n // Used to associate more info dialog with fieldset via `aria-details`\n const moreDetailsButtonId = useId();\n\n // Either `error` exists, or there are `true` fields in the UI Kit compat `errors` object\n const hasError: boolean = Boolean(\n error || (errors && Object.values(errors).some((error) => error === true))\n );\n\n // Either `warning` exists, or there are `true` fields in the UI Kit compat `warnings` object\n const hasWarning: boolean = Boolean(\n warning || (warnings && Object.values(warnings).some(Boolean))\n );\n\n // FieldGroup is invalid if a non-field-specific error is passed and the group has been touched\n // When FieldGroup is invalid, all fields will display error styling without displaying a field-specific error message\n const isInvalid: boolean = !!(hasError && touched);\n\n const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n useField({\n id,\n label,\n description,\n errorMessage: error,\n isInvalid,\n });\n\n // Array of locales/currencies to display as input fields\n const localizationKeys: string[] | CurrencyCode[] = Object.keys(\n valuesByLocaleOrCurrency\n );\n\n // Merge all -ByLocaleOrCurrencies data for each field\n const allDataForFields = useMemo(() => {\n const sortedFieldData =\n type === \"money\"\n ? sortCurrencies(\n defaultLocaleOrCurrency as CurrencyCode,\n localizationKeys as CurrencyCode[]\n )\n : sortLocalesByDefaultLocaleLanguage(\n defaultLocaleOrCurrency,\n localizationKeys\n );\n\n return sortedFieldData.reduce(\n (allFieldData: MergedLocaleFieldData[], localizationKey) => {\n const allDataForLocale = {\n localeOrCurrency: localizationKey,\n inputValue:\n type === \"money\"\n ? (valuesByLocaleOrCurrency as LocalizedCurrency)[localizationKey]\n : (valuesByLocaleOrCurrency[localizationKey] as string),\n placeholder: placeholdersByLocaleOrCurrency?.[localizationKey],\n description: descriptionsByLocaleOrCurrency?.[localizationKey],\n warning: warningsByLocaleOrCurrency?.[localizationKey],\n error: errorsByLocaleOrCurrency?.[localizationKey],\n // autoFocus default/first locale field\n ...(localizationKey === defaultLocaleOrCurrency && autoFocus\n ? { autoFocus }\n : {}),\n isInvalid,\n isRequired,\n isDisabled,\n isReadOnly,\n };\n if (\n expanded ||\n // Only display defaultLocaleOrInput field if fieldGroup is not expanded\n (!expanded && localizationKey === defaultLocaleOrCurrency)\n ) {\n return [...allFieldData, allDataForLocale];\n }\n return allFieldData;\n },\n []\n );\n }, [\n valuesByLocaleOrCurrency,\n placeholdersByLocaleOrCurrency,\n descriptionsByLocaleOrCurrency,\n warningsByLocaleOrCurrency,\n errorsByLocaleOrCurrency,\n defaultLocaleOrCurrency,\n expanded,\n isInvalid,\n isRequired,\n isDisabled,\n isReadOnly,\n autoFocus,\n localizationKeys,\n type,\n ]);\n\n const groupHasInvalidLocalizedFields = getHasInvalidLocalizedFields(\n errorsByLocaleOrCurrency,\n defaultLocaleOrCurrency\n );\n\n const shouldExpandInvalidFields =\n (groupHasInvalidLocalizedFields || hasError) && touched;\n // If there are fields that are invalid, ensure that field group\n // shows all fields so that invalid field is visible\n if (shouldExpandInvalidFields && !expanded) {\n setExpanded(true);\n }\n\n return (\n <LocalizedFieldRootSlot\n {...rest}\n {...fieldProps}\n aria-details={hint ? moreDetailsButtonId : undefined}\n type={type}\n size={size}\n name={name}\n >\n {label && (\n <Stack direction=\"row\" gap=\"0\">\n <LocalizedFieldLabelSlot {...labelProps}>\n {label}\n {isRequired && <sup aria-hidden=\"true\">*</sup>}\n </LocalizedFieldLabelSlot>\n {hint && (\n <RaDialogTrigger>\n <IconButton\n id={moreDetailsButtonId}\n aria-label={msg.format(\"infoBoxTriggerAriaLabel\")}\n size=\"2xs\"\n colorPalette=\"info\"\n variant=\"link\"\n >\n <HelpOutline />\n </IconButton>\n\n <Popover padding={0}>\n <LocalizedFieldInfoDialogSlot asChild>\n <RaDialog>\n <Box p=\"300\">{hint}</Box>\n </RaDialog>\n </LocalizedFieldInfoDialogSlot>\n </Popover>\n </RaDialogTrigger>\n )}\n </Stack>\n )}\n <LocalizedFieldFieldsContainerSlot\n id={localeFieldsContainerId}\n data-expanded={expanded}\n >\n <RaCollection items={allDataForFields}>\n {(item) => {\n return (\n <LocalizedFieldLocaleField\n {...item}\n size={size}\n type={type}\n onChange={onChange}\n onBlur={onBlur}\n onFocus={onFocus}\n touched={touched}\n // Format field attributes to match uikit pattern\n id={getLocaleFieldAttribute(\n fieldProps.id,\n item.localeOrCurrency\n )}\n name={getLocaleFieldAttribute(name, item.localeOrCurrency)}\n data-test={getLocaleFieldAttribute(\n dataTest,\n item.localeOrCurrency\n )}\n data-testid={getLocaleFieldAttribute(\n dataTestId,\n item.localeOrCurrency\n )}\n data-track-component={getLocaleFieldAttribute(\n dataTrackComponent,\n item.localeOrCurrency\n )}\n />\n );\n }}\n </RaCollection>\n </LocalizedFieldFieldsContainerSlot>\n\n {!displayAllLocalesOrCurrencies && localizationKeys.length > 1 && (\n <LocalizedFieldToggleButtonContainerSlot>\n <Button\n aria-controls={localeFieldsContainerId}\n aria-describedby={labelProps.id}\n aria-expanded={expanded}\n onPress={() => setExpanded(!expanded)}\n isDisabled={isDisabled || (shouldExpandInvalidFields && expanded)}\n variant=\"ghost\"\n size=\"2xs\"\n colorPalette=\"primary\"\n >\n <Box\n as={type === \"money\" ? Payments : Language}\n display=\"inline-flex\"\n boxSize=\"400\"\n verticalAlign=\"text-bottom\"\n mr=\"100\"\n />\n {type === \"money\"\n ? expanded\n ? msg.format(\"hideCurrencies\")\n : msg.format(\"showCurrencies\")\n : expanded\n ? msg.format(\"hideLanguages\")\n : msg.format(\"showLanguages\")}\n </Button>\n </LocalizedFieldToggleButtonContainerSlot>\n )}\n {(description || (hasWarning && touched)) && (\n <LocalizedFieldDescriptionSlot\n role={hasWarning && touched ? \"status\" : undefined}\n color={hasWarning && touched ? \"warning.11\" : undefined}\n // In order to associate the warnings from both the warning and legacy warnings props with the fieldset,\n // we must associate, them to this element with aria-labelledby\n aria-labelledby={`${descriptionProps.id}-warning`}\n {...descriptionProps}\n >\n {/** Warnings are for compat with UI Kit localized fields */}\n {hasWarning && touched ? (\n <>\n <Icon colorPalette=\"warning\">\n <WarningAmber />\n </Icon>\n <Stack gap=\"0\" id={`${descriptionProps.id}-warning`}>\n {warning}\n {warnings && hasWarning && (\n <FieldErrors\n errors={warnings}\n renderError={renderWarning}\n colorPalette=\"warning\"\n role={undefined}\n />\n )}\n </Stack>\n </>\n ) : (\n description\n )}\n </LocalizedFieldDescriptionSlot>\n )}\n {isInvalid && (\n <LocalizedFieldErrorSlot\n // In order to associate the errors from both the error and legacy errors props with the fieldset,\n // we must associate them to this element with aria-labelledby.\n aria-labelledby={`${errorMessageProps.id}-error`}\n role=\"alert\"\n {...errorMessageProps}\n >\n <Icon>\n <ErrorOutline />\n </Icon>\n <Stack gap=\"0\" id={`${errorMessageProps.id}-error`}>\n {error}\n {errors && hasError && (\n <FieldErrors\n errors={errors}\n renderError={renderError}\n role={undefined}\n />\n )}\n </Stack>\n </LocalizedFieldErrorSlot>\n )}\n </LocalizedFieldRootSlot>\n );\n};\n","import { LocalizedFieldRoot } from \"./components\";\nimport {\n getLocaleFieldAttribute,\n createLocalizedString,\n isEmpty,\n omitEmptyTranslations,\n isTouched,\n RequiredValueErrorMessage,\n toFieldErrors,\n convertToMoneyValues,\n parseMoneyValues,\n getHighPrecisionCurrencies,\n getEmptyCurrencies,\n} from \"./utils/localized-field.utils\";\n\n/**\n * LocalizedField component with utility methods for managing localized input fields.\n *\n * This component provides a fieldset for managing multiple locale-specific or currency-specific\n * input fields with expand/collapse functionality and integrated validation display.\n *\n * **Utility Methods** (for compatibility with UI Kit):\n * - `getId` / `getName`: Format field attributes with locale suffix\n * - `isTouched`: Check if any locale field has been touched\n * - `isEmpty`: Check if all locale fields are empty\n * - `createLocalizedString`: Create empty localized string object\n * - `omitEmptyTranslations`: Remove empty translations from localized object\n * - `RequiredValueErrorMessage`: Standard error message component\n * - `toFieldErrors`: Convert errors to field error format\n * - `convertToMoneyValues` / `parseMoneyValues`: Money value conversion utilities\n * - `getHighPrecisionCurrencies` / `getEmptyCurrencies`: Currency utilities\n *\n * @example\n * ```tsx\n * <LocalizedField\n * type=\"text\"\n * label=\"Product Name\"\n * defaultLocaleOrCurrency=\"en\"\n * valuesByLocaleOrCurrency={{ en: \"Product\", de: \"Produkt\" }}\n * onChange={(e) => console.log(e.target.locale, e.target.value)}\n * />\n * ```\n */\nexport const LocalizedField = Object.assign(LocalizedFieldRoot, {\n // Add util methods here for compat with uikit - see https://github.com/commercetools/ui-kit/blob/e97e0c7e8f3e9393981bf1949573212d7c571c90/packages/components/inputs/localized-text-input/src/localized-text-input.tsx#L396\n getId: getLocaleFieldAttribute,\n getName: getLocaleFieldAttribute,\n isTouched,\n isEmpty,\n createLocalizedString,\n omitEmptyTranslations,\n RequiredValueErrorMessage,\n toFieldErrors,\n convertToMoneyValues,\n parseMoneyValues,\n getHighPrecisionCurrencies,\n getEmptyCurrencies,\n});\n"],"mappings":"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"}

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

@@ -0,0 +1,347 @@
+import { i as e } from "./CollectionBuilder-BXfGeCji.esm.js";
+import { i as t } from "./mergeProps-CGu7R6EG.esm.js";
+import { t as n } from "./useField-BQAwZwby.esm.js";
+import { n as r, t as i } from "./Dialog-Bz1VofkM.esm.js";
+import { t as a } from "./multiline-text-input-CEptJEY1.esm.js";
+import { t as o } from "./icon-button-D0cEzjex.esm.js";
+import { t as s } from "./box-CZyqYgLL.esm.js";
+import { n as c, t as l } from "./normalize-messages-CKl8ms10.esm.js";
+import { t as u } from "./popover-DPUnwEvL.esm.js";
+import { t as d } from "./field-errors-DQnCYbwh.esm.js";
+import { t as f } from "./form-field-BxbNX6MU.esm.js";
+import { t as p } from "./stack-D0obj5JC.esm.js";
+import { t as m } from "./text-input-Da6L5AwL.esm.js";
+import { t as h } from "./icon-CSCRP1_5.esm.js";
+import { t as g } from "./money-input-CkW9kE5Z.esm.js";
+import { t as _ } from "./rich-text-input-DFQ0I2Uw.esm.js";
+import { t as v } from "./button-D5CV52ux.esm.js";
+import { useCallback as y, useMemo as b, useState as x } from "react";
+import { Fragment as ee, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { ErrorOutline as w, HelpOutline as T, Language as E, Payments as D, WarningAmber as te } from "@commercetools/nimbus-icons";
+import { createSlotRecipeContext as O } from "@chakra-ui/react/styled-system";
+//#endregion
+//#region src/components/localized-field/localized-field.messages.ts
+var k = {
+	en: l({
+		hideCurrencies: "Hide all currencies",
+		hideLanguages: "Hide all languages",
+		infoBoxTriggerAriaLabel: "more info",
+		missingRequiredField: "This field is required. Provide at least one value.",
+		showCurrencies: "Show all currencies",
+		showLanguages: "Show all languages"
+	}),
+	de: l({
+		hideCurrencies: "Alle Währungen ausblenden",
+		hideLanguages: "Alle Sprachen ausblenden",
+		infoBoxTriggerAriaLabel: "Weitere Informationen",
+		missingRequiredField: "Dies ist ein Pflichtfeld. Bitte geben Sie mindestens einen Wert an.",
+		showCurrencies: "Alle Währungen anzeigen",
+		showLanguages: "Alle Sprachen anzeigen"
+	}),
+	es: l({
+		hideCurrencies: "Ocultar todas las monedas",
+		hideLanguages: "Ocultar todas las monedas",
+		infoBoxTriggerAriaLabel: "más información",
+		missingRequiredField: "Este valor es necesario. Proporciona al menos un valor.",
+		showCurrencies: "Mostrar todas las monedas",
+		showLanguages: "Mostrar todos los idiomas"
+	}),
+	"fr-FR": l({
+		hideCurrencies: "Masquer toutes les devises",
+		hideLanguages: "Masquer toutes les langues",
+		infoBoxTriggerAriaLabel: "Plus d'informations",
+		missingRequiredField: "Ce champ est requis. Indiquez au moins une valeur.",
+		showCurrencies: "Afficher toutes les devises",
+		showLanguages: "Afficher toutes les langues"
+	}),
+	"pt-BR": l({
+		hideCurrencies: "Ocultar todas as ocorrências",
+		hideLanguages: "Ocultar todos os idiomas",
+		infoBoxTriggerAriaLabel: "mais informações",
+		missingRequiredField: "Este campo é obrigatório. Forneça pelo menos um valor.",
+		showCurrencies: "Mostrar todas as ocorrências",
+		showLanguages: "Mostrar todos os idiomas"
+	})
+}, { withProvider: A, withContext: j } = O({ key: "nimbusLocalizedField" }), ne = A("fieldset", "root"), re = j("legend", "label"), ie = j("div", "infoDialog"), ae = j("div", "fieldsContainer"), oe = j("div", "description"), se = j("div", "error"), ce = j("div", "toggleButtonContainer"), M = j("div", "localeFieldRoot"), N = j("div", "localeFieldLabel"), P = j("div", "localeFieldInput"), F = () => {
+	let e = c(k);
+	return /* @__PURE__ */ S(f.Error, { children: e.format("missingRequiredField") });
+}, I = (e, t) => e && t ? `${e}.${t}` : void 0, L = (e) => e.split("-")[0], R = (e, t) => {
+	let n = L(e), r = t.filter((e) => L(e) === n);
+	return {
+		unrelated: t.filter((e) => L(e) !== n),
+		related: r
+	};
+}, le = (e, t) => {
+	let { related: n, unrelated: r } = R(e, t.filter((t) => t !== e));
+	return [
+		e,
+		...n.sort(),
+		...r.sort()
+	];
+}, ue = (e, t) => [e, ...t.filter((t) => t !== e).sort()], de = (e, t) => e && Object.keys(e).length > 0 && t ? Object.keys(e).some((e) => e !== t) : !1, z = (e, t) => Array.from(new Set([...e, ...Object.keys(t)])).reduce((e, n) => ({
+	...e,
+	[n]: t?.[n] || ""
+}), {}), fe = (e) => e ? Object.values(e).every((e) => !e || e?.trim().length === 0) : !0, B = (e) => (typeof e != "object" && console.warn("Nimbus Localized Field - Warning: omitEmptyTranslations must be called with an object"), Object.entries(e).reduce((e, [t, n]) => n && n.trim().length > 0 ? {
+	...e,
+	[t]: n
+} : e, {})), V = (e) => e ? Object.values(e).some(Boolean) : !1;
+function H(e) {
+	return e;
+}
+var U = (e, t) => Object.values(e).map((e) => g.convertToMoneyValue(e, t)), pe = (e = [], t) => e.reduce((e, n) => {
+	let r = g.parseMoneyValue(n, t);
+	return {
+		...e,
+		[r.currencyCode]: r
+	};
+}, {}), me = (e, t) => Object.keys(e).filter((n) => g.isHighPrecision(e[n], t)), he = (e) => Object.keys(e).filter((t) => g.isEmpty(e[t])), ge = ({ type: e, size: t, localeOrCurrency: n, id: r, name: i, inputValue: o, description: s, warning: c, error: l, onChange: u, onBlur: d, onFocus: p, isRequired: v, isReadOnly: b, isDisabled: x, isInvalid: w, touched: T, ...E }) => {
+	let D;
+	switch (e) {
+		case "text":
+		default:
+			D = m;
+			break;
+		case "multiLine":
+			D = a;
+			break;
+		case "money":
+			D = g;
+			break;
+		case "richText":
+			D = _;
+			break;
+	}
+	let O = e === "money" ? o || {
+		amount: "",
+		currencyCode: n
+	} : o || "", k = y((e) => {
+		u({ target: typeof e == "object" ? {
+			id: e.target.id,
+			name: e.target.name,
+			locale: void 0,
+			currency: n,
+			value: e.target.value
+		} : {
+			id: r,
+			name: i,
+			locale: n,
+			currency: void 0,
+			value: e
+		} });
+	}, [
+		r,
+		i,
+		n,
+		u
+	]);
+	return /* @__PURE__ */ S(M, {
+		asChild: !0,
+		children: /* @__PURE__ */ C(f.Root, {
+			isDisabled: x,
+			isReadOnly: b,
+			isInvalid: (w || !!l) && T,
+			direction: "row",
+			size: t,
+			id: r,
+			children: [
+				/* @__PURE__ */ S(N, {
+					display: e === "money" ? "none" : void 0,
+					...x && { "data-disabled": x },
+					asChild: !0,
+					children: /* @__PURE__ */ S(f.Label, { children: n.toLocaleUpperCase() })
+				}),
+				/* @__PURE__ */ S(f.Input, { children: /* @__PURE__ */ S(P, {
+					"aria-required": v,
+					asChild: !0,
+					children: /* @__PURE__ */ S(D, {
+						...E,
+						size: t,
+						value: O,
+						onChange: k,
+						onBlur: (e) => d?.(e, n),
+						onFocus: (e) => p?.(e, n),
+						isRequired: v,
+						isDisabled: x,
+						isReadOnly: b,
+						isInvalid: (w || !!l) && T
+					})
+				}) }),
+				(s || c && T) && /* @__PURE__ */ S(f.Description, {
+					role: c && T ? "status" : void 0,
+					color: c && T ? "warning.11" : void 0,
+					display: "flex",
+					gap: "100",
+					alignItems: "center",
+					children: c && T ? /* @__PURE__ */ C(ee, { children: [/* @__PURE__ */ S(h, {
+						colorPalette: "warning",
+						children: /* @__PURE__ */ S(te, {})
+					}), c] }) : s
+				}),
+				l && T && /* @__PURE__ */ S(f.Error, { children: l })
+			]
+		})
+	});
+}, _e = Object.assign(({ type: a = "text", id: l, name: f, defaultLocaleOrCurrency: m, valuesByLocaleOrCurrency: g, placeholdersByLocaleOrCurrency: _, descriptionsByLocaleOrCurrency: y, warningsByLocaleOrCurrency: O, errorsByLocaleOrCurrency: A, label: j, hint: M, description: N, warning: P, warnings: F, renderWarning: L, error: R, errors: z, renderError: fe, touched: B, isRequired: V, isDisabled: H, isReadOnly: U, onChange: pe, onBlur: me, onFocus: he, defaultExpanded: _e = !1, displayAllLocalesOrCurrencies: ve = !1, size: ye, autoFocus: W, "data-track-component": be, "data-testid": xe, "data-test": Se, ...Ce }) => {
+	let [G, we] = x(ve || _e), K = c(k), Te = t(), q = t(), J = !!(R || z && Object.values(z).some((e) => e === !0)), Y = !!(P || F && Object.values(F).some(Boolean)), X = !!(J && B), { labelProps: Ee, fieldProps: De, descriptionProps: Z, errorMessageProps: Q } = n({
+		id: l,
+		label: j,
+		description: N,
+		errorMessage: R,
+		isInvalid: X
+	}), $ = Object.keys(g), Oe = b(() => (a === "money" ? ue(m, $) : le(m, $)).reduce((e, t) => {
+		let n = {
+			localeOrCurrency: t,
+			inputValue: g[t],
+			placeholder: _?.[t],
+			description: y?.[t],
+			warning: O?.[t],
+			error: A?.[t],
+			...t === m && W ? { autoFocus: W } : {},
+			isInvalid: X,
+			isRequired: V,
+			isDisabled: H,
+			isReadOnly: U
+		};
+		return G || !G && t === m ? [...e, n] : e;
+	}, []), [
+		g,
+		_,
+		y,
+		O,
+		A,
+		m,
+		G,
+		X,
+		V,
+		H,
+		U,
+		W,
+		$,
+		a
+	]), ke = (de(A, m) || J) && B;
+	return ke && !G && we(!0), /* @__PURE__ */ C(ne, {
+		...Ce,
+		...De,
+		"aria-details": M ? q : void 0,
+		type: a,
+		size: ye,
+		name: f,
+		children: [
+			j && /* @__PURE__ */ C(p, {
+				direction: "row",
+				gap: "0",
+				children: [/* @__PURE__ */ C(re, {
+					...Ee,
+					children: [j, V && /* @__PURE__ */ S("sup", {
+						"aria-hidden": "true",
+						children: "*"
+					})]
+				}), M && /* @__PURE__ */ C(i, { children: [/* @__PURE__ */ S(o, {
+					id: q,
+					"aria-label": K.format("infoBoxTriggerAriaLabel"),
+					size: "2xs",
+					colorPalette: "info",
+					variant: "link",
+					children: /* @__PURE__ */ S(T, {})
+				}), /* @__PURE__ */ S(u, {
+					padding: 0,
+					children: /* @__PURE__ */ S(ie, {
+						asChild: !0,
+						children: /* @__PURE__ */ S(r, { children: /* @__PURE__ */ S(s, {
+							p: "300",
+							children: M
+						}) })
+					})
+				})] })]
+			}),
+			/* @__PURE__ */ S(ae, {
+				id: Te,
+				"data-expanded": G,
+				children: /* @__PURE__ */ S(e, {
+					items: Oe,
+					children: (e) => /* @__PURE__ */ S(ge, {
+						...e,
+						size: ye,
+						type: a,
+						onChange: pe,
+						onBlur: me,
+						onFocus: he,
+						touched: B,
+						id: I(De.id, e.localeOrCurrency),
+						name: I(f, e.localeOrCurrency),
+						"data-test": I(Se, e.localeOrCurrency),
+						"data-testid": I(xe, e.localeOrCurrency),
+						"data-track-component": I(be, e.localeOrCurrency)
+					})
+				})
+			}),
+			!ve && $.length > 1 && /* @__PURE__ */ S(ce, { children: /* @__PURE__ */ C(v, {
+				"aria-controls": Te,
+				"aria-describedby": Ee.id,
+				"aria-expanded": G,
+				onPress: () => we(!G),
+				isDisabled: H || ke && G,
+				variant: "ghost",
+				size: "2xs",
+				colorPalette: "primary",
+				children: [/* @__PURE__ */ S(s, {
+					as: a === "money" ? D : E,
+					display: "inline-flex",
+					boxSize: "400",
+					verticalAlign: "text-bottom",
+					mr: "100"
+				}), a === "money" ? G ? K.format("hideCurrencies") : K.format("showCurrencies") : G ? K.format("hideLanguages") : K.format("showLanguages")]
+			}) }),
+			(N || Y && B) && /* @__PURE__ */ S(oe, {
+				role: Y && B ? "status" : void 0,
+				color: Y && B ? "warning.11" : void 0,
+				"aria-labelledby": `${Z.id}-warning`,
+				...Z,
+				children: Y && B ? /* @__PURE__ */ C(ee, { children: [/* @__PURE__ */ S(h, {
+					colorPalette: "warning",
+					children: /* @__PURE__ */ S(te, {})
+				}), /* @__PURE__ */ C(p, {
+					gap: "0",
+					id: `${Z.id}-warning`,
+					children: [P, F && Y && /* @__PURE__ */ S(d, {
+						errors: F,
+						renderError: L,
+						colorPalette: "warning",
+						role: void 0
+					})]
+				})] }) : N
+			}),
+			X && /* @__PURE__ */ C(se, {
+				"aria-labelledby": `${Q.id}-error`,
+				role: "alert",
+				...Q,
+				children: [/* @__PURE__ */ S(h, { children: /* @__PURE__ */ S(w, {}) }), /* @__PURE__ */ C(p, {
+					gap: "0",
+					id: `${Q.id}-error`,
+					children: [R, z && J && /* @__PURE__ */ S(d, {
+						errors: z,
+						renderError: fe,
+						role: void 0
+					})]
+				})]
+			})
+		]
+	});
+}, {
+	getId: I,
+	getName: I,
+	isTouched: V,
+	isEmpty: fe,
+	createLocalizedString: z,
+	omitEmptyTranslations: B,
+	RequiredValueErrorMessage: F,
+	toFieldErrors: H,
+	convertToMoneyValues: U,
+	parseMoneyValues: pe,
+	getHighPrecisionCurrencies: me,
+	getEmptyCurrencies: he
+});
+//#endregion
+export { _e as t };
+//# sourceMappingURL=localized-field-CrI-hxso.esm.js.map