@commercetools/nimbus 2.9.1 → 2.11.0

package/dist/chunks/localized-field-BrdKlDDc.es.js

@@ -0,0 +1,486 @@
+import { jsx as r, jsxs as c, Fragment as ie } from "react/jsx-runtime";
+import { n as E, u as ne } from "./normalize-messages-CeN1NEyM.es.js";
+import { M as k } from "./money-input-C0FNshvC.es.js";
+import { F as I } from "./form-field-BVbjVnSV.es.js";
+import { useCallback as pe, useState as he, useMemo as be } from "react";
+import { j as Fe, k as Le } from "./Dialog-Dwy2_Ptk.es.js";
+import { g as ve } from "./CollectionBuilder-CbqLnlVI.es.js";
+import { $ as xe } from "./useField-lGJsB_QJ.es.js";
+import { $ as oe } from "./mergeProps-Bcbq3GVJ.es.js";
+import { WarningAmber as se, HelpOutline as Ie, Payments as Me, Language as Ce, ErrorOutline as $e } from "@commercetools/nimbus-icons";
+import { P as ze } from "./popover-BBxctRr2.es.js";
+import { createSlotRecipeContext as Se } from "@chakra-ui/react/styled-system";
+import { I as N } from "./icon-DVW5I_jj.es.js";
+import { R as we } from "./rich-text-input-BMkdKO7t.es.js";
+import { M as je } from "./multiline-text-input-CIvjI0sz.es.js";
+import { T as Ee } from "./text-input-B5ZUhPwE.es.js";
+import { B as re } from "./box-DuBoAZvq.es.js";
+import { a as te } from "./field-errors-Biiy2SmJ.es.js";
+import { S as W } from "./stack-CoNreM7B.es.js";
+import { I as ke } from "./icon-button-COjLtd6N.es.js";
+import { B as Pe } from "./button-lHv6f2MW.es.js";
+const Te = {
+  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"
+}, Ae = {
+  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"
+}, Be = {
+  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"
+}, Re = {
+  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"
+}, qe = {
+  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"
+}, ae = {
+  en: /* @__PURE__ */ E(Te),
+  de: /* @__PURE__ */ E(Ae),
+  es: /* @__PURE__ */ E(Be),
+  "fr-FR": /* @__PURE__ */ E(Re),
+  "pt-BR": /* @__PURE__ */ E(qe)
+}, { withProvider: ye, withContext: f } = /* @__PURE__ */ Se({
+  key: "nimbusLocalizedField"
+}), He = /* @__PURE__ */ ye("fieldset", "root"), Ve = /* @__PURE__ */ f("legend", "label"), De = /* @__PURE__ */ f("div", "infoDialog"), We = /* @__PURE__ */ f("div", "fieldsContainer"), _e = /* @__PURE__ */ f("div", "description"), Ne = /* @__PURE__ */ f("div", "error"), Oe = /* @__PURE__ */ f("div", "toggleButtonContainer"), Ue = /* @__PURE__ */ f("div", "localeFieldRoot"), Je = /* @__PURE__ */ f("div", "localeFieldLabel"), Qe = /* @__PURE__ */ f("div", "localeFieldInput"), Xe = () => {
+  const e = ne(ae);
+  return /* @__PURE__ */ r(I.Error, { children: e.format("missingRequiredField") });
+}, F = (e, o) => e && o ? `${e}.${o}` : void 0, _ = (e) => e.split("-")[0], Ye = (e, o) => {
+  const t = _(e), i = o.filter(
+    (l) => _(l) === t
+  );
+  return {
+    unrelated: o.filter(
+      (l) => _(l) !== t
+    ),
+    related: i
+  };
+}, Ze = (e, o) => {
+  const { related: t, unrelated: i } = Ye(
+    e,
+    o.filter((n) => n !== e)
+  );
+  return [e, ...t.sort(), ...i.sort()];
+}, Ge = (e, o) => {
+  const t = o.filter(
+    (i) => i !== e
+  );
+  return [e, ...t.sort()];
+}, Ke = (e, o) => e && Object.keys(e).length > 0 && o ? Object.keys(e).some(
+  (t) => t !== o
+) : !1, eo = (e, o) => Array.from(
+  /* @__PURE__ */ new Set([...e, ...Object.keys(o)])
+).reduce(
+  (i, n) => ({
+    ...i,
+    [n]: o?.[n] || ""
+  }),
+  {}
+), oo = (e) => e ? Object.values(e).every(
+  (o) => !o || o?.trim().length === 0
+) : !0, ro = (e) => (typeof e != "object" && console.warn(
+  "Nimbus Localized Field - Warning: omitEmptyTranslations must be called with an object"
+), Object.entries(e).reduce(
+  (o, [t, i]) => i && i.trim().length > 0 ? {
+    ...o,
+    [t]: i
+  } : o,
+  {}
+)), to = (e) => e ? Object.values(e).some(Boolean) : !1;
+function io(e) {
+  return e;
+}
+const no = (e, o) => Object.values(e).map((t) => k.convertToMoneyValue(t, o)), so = (e = [], o) => e.reduce(
+  (t, i) => {
+    const n = k.parseMoneyValue(i, o);
+    return {
+      ...t,
+      [n.currencyCode]: n
+    };
+  },
+  {}
+), ao = (e, o) => Object.keys(e).filter(
+  (i) => k.isHighPrecision(e[i], o)
+), lo = (e) => Object.keys(e).filter(
+  (t) => k.isEmpty(e[t])
+), co = ({
+  type: e,
+  size: o,
+  localeOrCurrency: t,
+  id: i,
+  name: n,
+  inputValue: l,
+  description: M,
+  warning: p,
+  error: h,
+  onChange: L,
+  onBlur: C,
+  onFocus: $,
+  isRequired: z,
+  isReadOnly: b,
+  isDisabled: v,
+  isInvalid: x,
+  touched: a,
+  ...R
+}) => {
+  let s;
+  switch (e) {
+    case "text":
+    default:
+      s = Ee;
+      break;
+    case "multiLine":
+      s = je;
+      break;
+    case "money":
+      s = k;
+      break;
+    case "richText":
+      s = we;
+      break;
+  }
+  const S = e === "money" ? l || { amount: "", currencyCode: t } : l || "", T = pe(
+    (d) => {
+      const q = {
+        target: typeof d == "object" ? {
+          id: d.target.id,
+          name: d.target.name,
+          locale: void 0,
+          currency: t,
+          value: d.target.value
+        } : { id: i, name: n, locale: t, currency: void 0, value: d }
+      };
+      L(q);
+    },
+    [i, n, t, L]
+  );
+  return /* @__PURE__ */ r(Ue, { asChild: !0, children: /* @__PURE__ */ c(
+    I.Root,
+    {
+      isDisabled: v,
+      isReadOnly: b,
+      isInvalid: (x || !!h) && a,
+      direction: "row",
+      size: o,
+      id: i,
+      children: [
+        /* @__PURE__ */ r(
+          Je,
+          {
+            display: e === "money" ? "none" : void 0,
+            ...v && { "data-disabled": v },
+            asChild: !0,
+            children: /* @__PURE__ */ r(I.Label, { children: t.toLocaleUpperCase() })
+          }
+        ),
+        /* @__PURE__ */ r(I.Input, { children: /* @__PURE__ */ r(
+          Qe,
+          {
+            "aria-required": z,
+            asChild: !0,
+            children: /* @__PURE__ */ r(
+              s,
+              {
+                ...R,
+                size: o,
+                value: S,
+                onChange: T,
+                onBlur: (d) => C?.(d, t),
+                onFocus: (d) => $?.(d, t),
+                isRequired: z,
+                isDisabled: v,
+                isReadOnly: b,
+                isInvalid: (x || !!h) && a
+              }
+            )
+          }
+        ) }),
+        (M || p && a) && /* @__PURE__ */ r(
+          I.Description,
+          {
+            role: p && a ? "status" : void 0,
+            color: p && a ? "warning.11" : void 0,
+            display: "flex",
+            gap: "100",
+            alignItems: "center",
+            children: p && a ? /* @__PURE__ */ c(ie, { children: [
+              /* @__PURE__ */ r(N, { colorPalette: "warning", children: /* @__PURE__ */ r(se, {}) }),
+              p
+            ] }) : M
+          }
+        ),
+        h && a && /* @__PURE__ */ r(I.Error, { children: h })
+      ]
+    }
+  ) });
+}, uo = ({
+  type: e = "text",
+  id: o,
+  name: t,
+  defaultLocaleOrCurrency: i,
+  valuesByLocaleOrCurrency: n,
+  placeholdersByLocaleOrCurrency: l,
+  descriptionsByLocaleOrCurrency: M,
+  warningsByLocaleOrCurrency: p,
+  errorsByLocaleOrCurrency: h,
+  label: L,
+  hint: C,
+  description: $,
+  warning: z,
+  warnings: b,
+  renderWarning: v,
+  error: x,
+  errors: a,
+  renderError: R,
+  touched: s,
+  isRequired: P,
+  isDisabled: S,
+  isReadOnly: T,
+  onChange: d,
+  onBlur: O,
+  onFocus: q,
+  defaultExpanded: le = !1,
+  displayAllLocalesOrCurrencies: U = !1,
+  size: J,
+  autoFocus: y,
+  ["data-track-component"]: de,
+  ["data-testid"]: ce,
+  ["data-test"]: ue,
+  // DOM & Style props for wrapper container
+  ...ge
+}) => {
+  const [u, Q] = he(
+    U || le
+  ), w = ne(ae), X = oe(), Y = oe(), H = !!(x || a && Object.values(a).some((g) => g === !0)), j = !!(z || b && Object.values(b).some(Boolean)), A = !!(H && s), { labelProps: Z, fieldProps: G, descriptionProps: V, errorMessageProps: D } = xe({
+    id: o,
+    label: L,
+    description: $,
+    errorMessage: x,
+    isInvalid: A
+  }), B = Object.keys(
+    n
+  ), me = be(() => (e === "money" ? Ge(
+    i,
+    B
+  ) : Ze(
+    i,
+    B
+  )).reduce(
+    (ee, m) => {
+      const fe = {
+        localeOrCurrency: m,
+        inputValue: n[m],
+        placeholder: l?.[m],
+        description: M?.[m],
+        warning: p?.[m],
+        error: h?.[m],
+        // autoFocus default/first locale field
+        ...m === i && y ? { autoFocus: y } : {},
+        isInvalid: A,
+        isRequired: P,
+        isDisabled: S,
+        isReadOnly: T
+      };
+      return u || // Only display defaultLocaleOrInput field if fieldGroup is not expanded
+      !u && m === i ? [...ee, fe] : ee;
+    },
+    []
+  ), [
+    n,
+    l,
+    M,
+    p,
+    h,
+    i,
+    u,
+    A,
+    P,
+    S,
+    T,
+    y,
+    B,
+    e
+  ]), K = (Ke(
+    h,
+    i
+  ) || H) && s;
+  return K && !u && Q(!0), /* @__PURE__ */ c(
+    He,
+    {
+      ...ge,
+      ...G,
+      "aria-details": C ? Y : void 0,
+      type: e,
+      size: J,
+      name: t,
+      children: [
+        L && /* @__PURE__ */ c(W, { direction: "row", gap: "0", children: [
+          /* @__PURE__ */ c(Ve, { ...Z, children: [
+            L,
+            P && /* @__PURE__ */ r("sup", { "aria-hidden": "true", children: "*" })
+          ] }),
+          C && /* @__PURE__ */ c(Fe, { children: [
+            /* @__PURE__ */ r(
+              ke,
+              {
+                id: Y,
+                "aria-label": w.format("infoBoxTriggerAriaLabel"),
+                size: "2xs",
+                colorPalette: "info",
+                variant: "link",
+                children: /* @__PURE__ */ r(Ie, {})
+              }
+            ),
+            /* @__PURE__ */ r(ze, { padding: 0, children: /* @__PURE__ */ r(De, { asChild: !0, children: /* @__PURE__ */ r(Le, { children: /* @__PURE__ */ r(re, { p: "300", children: C }) }) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ r(
+          We,
+          {
+            id: X,
+            "data-expanded": u,
+            children: /* @__PURE__ */ r(ve, { items: me, children: (g) => /* @__PURE__ */ r(
+              co,
+              {
+                ...g,
+                size: J,
+                type: e,
+                onChange: d,
+                onBlur: O,
+                onFocus: q,
+                touched: s,
+                id: F(
+                  G.id,
+                  g.localeOrCurrency
+                ),
+                name: F(t, g.localeOrCurrency),
+                "data-test": F(
+                  ue,
+                  g.localeOrCurrency
+                ),
+                "data-testid": F(
+                  ce,
+                  g.localeOrCurrency
+                ),
+                "data-track-component": F(
+                  de,
+                  g.localeOrCurrency
+                )
+              }
+            ) })
+          }
+        ),
+        !U && B.length > 1 && /* @__PURE__ */ r(Oe, { children: /* @__PURE__ */ c(
+          Pe,
+          {
+            "aria-controls": X,
+            "aria-describedby": Z.id,
+            "aria-expanded": u,
+            onPress: () => Q(!u),
+            isDisabled: S || K && u,
+            variant: "ghost",
+            size: "2xs",
+            colorPalette: "primary",
+            children: [
+              /* @__PURE__ */ r(
+                re,
+                {
+                  as: e === "money" ? Me : Ce,
+                  display: "inline-flex",
+                  boxSize: "400",
+                  verticalAlign: "text-bottom",
+                  mr: "100"
+                }
+              ),
+              e === "money" ? u ? w.format("hideCurrencies") : w.format("showCurrencies") : u ? w.format("hideLanguages") : w.format("showLanguages")
+            ]
+          }
+        ) }),
+        ($ || j && s) && /* @__PURE__ */ r(
+          _e,
+          {
+            role: j && s ? "status" : void 0,
+            color: j && s ? "warning.11" : void 0,
+            "aria-labelledby": `${V.id}-warning`,
+            ...V,
+            children: j && s ? /* @__PURE__ */ c(ie, { children: [
+              /* @__PURE__ */ r(N, { colorPalette: "warning", children: /* @__PURE__ */ r(se, {}) }),
+              /* @__PURE__ */ c(W, { gap: "0", id: `${V.id}-warning`, children: [
+                z,
+                b && j && /* @__PURE__ */ r(
+                  te,
+                  {
+                    errors: b,
+                    renderError: v,
+                    colorPalette: "warning",
+                    role: void 0
+                  }
+                )
+              ] })
+            ] }) : $
+          }
+        ),
+        A && /* @__PURE__ */ c(
+          Ne,
+          {
+            "aria-labelledby": `${D.id}-error`,
+            role: "alert",
+            ...D,
+            children: [
+              /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r($e, {}) }),
+              /* @__PURE__ */ c(W, { gap: "0", id: `${D.id}-error`, children: [
+                x,
+                a && H && /* @__PURE__ */ r(
+                  te,
+                  {
+                    errors: a,
+                    renderError: R,
+                    role: void 0
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}, Ao = /* @__PURE__ */ Object.assign(uo, {
+  // 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
+  getId: F,
+  getName: F,
+  isTouched: to,
+  isEmpty: oo,
+  createLocalizedString: eo,
+  omitEmptyTranslations: ro,
+  RequiredValueErrorMessage: Xe,
+  toFieldErrors: io,
+  convertToMoneyValues: no,
+  parseMoneyValues: so,
+  getHighPrecisionCurrencies: ao,
+  getEmptyCurrencies: lo
+});
+export {
+  Ao as L
+};
+//# sourceMappingURL=localized-field-BrdKlDDc.es.js.map

package/dist/chunks/localized-field-BrdKlDDc.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localized-field-BrdKlDDc.es.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":";;;;;;;;;;;;;;;;;;;;;AAMA,MAAAA,KAAe;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,eAAe;AACjB,GCPAC,KAAe;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,eAAe;AACjB,GCPAC,KAAe;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,eAAe;AACjB,GCPAC,KAAe;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,eAAe;AACjB,GCPAC,KAAe;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,yBAAyB;AAAA,EACzB,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,eAAe;AACjB,GCUaC,KAGT;AAAA,EACF,IAAI,gBAAAC,EAAkBN,EAAyB;AAAA,EAC/C,IAAI,gBAAAM,EAAkBL,EAAyB;AAAA,EAC/C,IAAI,gBAAAK,EAAkBJ,EAAyB;AAAA,EAC/C,SAAS,gBAAAI,EAAkBH,EAAyB;AAAA,EACpD,SAAS,gBAAAG,EAAkBF,EAAyB;AACtD,GClBM,EAAE,cAAAG,IAAc,aAAAC,EAAA,IAAgB,gBAAAC,GAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAGYC,KAAyB,gBAAAH,GAGpC,YAAY,MAAM,GAGPI,KAA0B,gBAAAH,EAGrC,UAAU,OAAO,GAGNI,KAA+B,gBAAAJ,EAG1C,OAAO,YAAY,GAGRK,KAAoC,gBAAAL,EAG/C,OAAO,iBAAiB,GAGbM,KAAgC,gBAAAN,EAG3C,OAAO,aAAa,GAGTO,KAA0B,gBAAAP,EAGrC,OAAO,OAAO,GAGHQ,KAA0C,gBAAAR,EAGrD,OAAO,uBAAuB,GAGnBS,KAAoC,gBAAAT,EAG/C,OAAO,iBAAiB,GAGbU,KAAqC,gBAAAV,EAGhD,OAAO,kBAAkB,GAGdW,KAAqC,gBAAAX,EAGhD,OAAO,kBAAkB,GCrDdY,KAA4B,MAAM;AAC7C,QAAMC,IAAMC,GAA4BjB,EAA6B;AACrE,2BACGkB,EAAU,OAAV,EAAiB,UAAAF,EAAI,OAAO,sBAAsB,GAAE;AAEzD,GAEaG,IAA0B,CACrCC,GACAC,MAEAD,KAAkBC,IAAS,GAAGD,CAAc,IAAIC,CAAM,KAAK,QAGhDC,IAAuB,CAACD,MACnCA,EAAO,MAAM,GAAG,EAAE,CAAC,GAORE,KAAiB,CAC5BC,GACAC,MACkC;AAClC,QAAMC,IAAkBJ,EAAqBE,CAAa,GACpDG,IAAUF,EAAQ;AAAA,IACtB,CAACJ,MAAWC,EAAqBD,CAAM,MAAMK;AAAA,EAAA;AAK/C,SAAO;AAAA,IACL,WAJgBD,EAAQ;AAAA,MACxB,CAACJ,MAAWC,EAAqBD,CAAM,MAAMK;AAAA,IAAA;AAAA,IAI7C,SAAAC;AAAA,EAAA;AAEJ,GAOaC,KAAqC,CAChDJ,GACAK,MACa;AACb,QAAM,EAAE,SAAAF,GAAS,WAAAG,EAAA,IAAcP;AAAA,IAC7BC;AAAA,IACAK,EAAW,OAAO,CAACR,MAAmBA,MAAWG,CAAa;AAAA,EAAA;AAGhE,SAAO,CAACA,GAAe,GAAGG,EAAQ,QAAQ,GAAGG,EAAU,MAAM;AAC/D,GAEaC,KAAiB,CAC5BC,GACAC,MACG;AACH,QAAMC,IAAsBD,EAAc;AAAA,IACxC,CAACE,MAAaA,MAAaH;AAAA,EAAA;AAE7B,SAAO,CAACA,GAAiB,GAAGE,EAAoB,MAAM;AACxD,GAEaE,KAA+B,CAC1CC,GACAC,MAEID,KAAU,OAAO,KAAKA,CAAM,EAAE,SAAS,KAAKC,IACvC,OAAO,KAAKD,CAAM,EAAE;AAAA,EACzB,CAACE,MAAqBA,MAAqBD;AAAA,IAGxC,IAGIE,KAAwB,CACnCf,GACAgB,MAEiC,MAAM;AAAA,EACrC,oBAAI,IAAI,CAAC,GAAGhB,GAAS,GAAG,OAAO,KAAKgB,CAAuB,CAAC,CAAC;AAAA,EAG/B;AAAA,EAC9B,CAACC,GAAiBrB,OAAY;AAAA,IAC5B,GAAGqB;AAAA,IACH,CAACrB,CAAM,GAAGoB,IAA0BpB,CAAM,KAAK;AAAA,EAAA;AAAA,EAEjD,CAAA;AAAC,GAKQsB,KAAU,CAACD,MACjBA,IACE,OAAO,OAAOA,CAAe,EAAE;AAAA,EACpC,CAACE,MAAmB,CAACA,KAASA,GAAO,KAAA,EAAO,WAAW;AAAA,IAF5B,IAMlBC,KAAwB,CACnCH,OAII,OAAOA,KAAoB,YAC7B,QAAQ;AAAA,EACN;AAAA,GAIG,OAAO,QAAQA,CAAe,EAAE;AAAA,EACrC,CAACI,GAAyC,CAACzB,GAAQuB,CAAK,MAClDA,KAASA,EAAM,KAAA,EAAO,SAAS,IAC1B;AAAA,IACL,GAAGE;AAAA,IACH,CAACzB,CAAM,GAAGuB;AAAA,EAAA,IAGPE;AAAA,EAET,CAAA;AAAC,IAIQC,KAAY,CAACC,MACpBA,IACK,OAAO,OAAOA,CAAO,EAAE,KAAK,OAAO,IAErC;AAQF,SAASC,GACdZ,GACgC;AAChC,SAAOA;AACT;AAEO,MAAMa,KAAuB,CAClCC,GACAhB,MAEA,OAAO,OAAOgB,CAAM,EAAE,IAAuB,CAACP,MACrCQ,EAAW,oBAAoBR,GAAOT,CAAQ,CACtD,GAEUkB,KAAmB,CAC9BC,IAA4B,CAAA,GAC5BjC,MAEAiC,EAAY;AAAA,EACV,CAACC,GAAWC,MAAe;AACzB,UAAMZ,IAAQQ,EAAW,gBAAgBI,GAAYnC,CAAM;AAC3D,WAAO;AAAA,MACL,GAAGkC;AAAA,MACH,CAACX,EAAM,YAAY,GAAGA;AAAA,IAAA;AAAA,EAE1B;AAAA,EACA,CAAA;AACF,GAEWa,KAA6B,CACxCN,GACA9B,MAE2B,OAAO,KAAK8B,CAAM,EACnB;AAAA,EAAO,CAACO,MAChCN,EAAW,gBAAgBD,EAAOO,CAAY,GAAGrC,CAAM;AAAA,GAI9CsC,KAAqB,CAChCR,MAE2B,OAAO,KAAKA,CAAM,EACnB;AAAA,EAAO,CAACO,MAChCN,EAAW,QAAQD,EAAOO,CAAY,CAAC;AAAA,GClL9BE,KAA4B,CAAC;AAAA,EACxC,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,kBAAAvB;AAAA,EACA,IAAAwB;AAAA,EACA,MAAAC;AAAA,EACA,YAAYC;AAAA,EACZ,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAA3B;AAAA,EACA,GAAG4B;AACL,MAAsC;AACpC,MAAIC;AAKJ,UAAQhB,GAAA;AAAA,IACN,KAAK;AAAA,IACL;AACE,MAAAgB,IAAiBC;AACjB;AAAA,IACF,KAAK;AACH,MAAAD,IAAiBE;AACjB;AAAA,IACF,KAAK;AACH,MAAAF,IAAiBzB;AACjB;AAAA,IACF,KAAK;AACH,MAAAyB,IAAiBG;AACjB;AAAA,EAAA;AAYJ,QAAMC,IARApB,MAAS,UACJI,KAEF,EAAE,QAAQ,IAAI,cAAc1B,EAAA,IAE5B0B,KAA4C,IAK/CiB,IAAeC;AAAA,IACnB,CAACvC,MAA4C;AAM3C,YAAMwC,IAAc;AAAA,QAClB,QAFwB,OAAOxC,KAAU,WAGrC;AAAA,UACE,IAAIA,EAAM,OAAO;AAAA,UACjB,MAAMA,EAAM,OAAO;AAAA,UACnB,QAAQ;AAAA,UACR,UAAUL;AAAA,UACV,OAAOK,EAAM,OAAO;AAAA,QAAA,IAEtB,EAAE,IAAAmB,GAAI,MAAAC,GAAM,QAAQzB,GAAkB,UAAU,QAAW,OAAAK,EAAA;AAAA,MAAM;AAEvE,MAAAyB,EAASe,CAAW;AAAA,IACtB;AAAA,IACA,CAACrB,GAAIC,GAAMzB,GAAkB8B,CAAQ;AAAA,EAAA;AAGvC,SACE,gBAAAgB,EAACzE,IAAA,EAAkC,SAAO,IACxC,UAAA,gBAAA0E;AAAA,IAACpE,EAAU;AAAA,IAAV;AAAA,MACC,YAAAwD;AAAA,MACA,YAAAD;AAAA,MACA,YAAYE,KAAa,CAAC,CAACP,MAAUpB;AAAA,MACrC,WAAU;AAAA,MACV,MAAAc;AAAA,MACA,IAAAC;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAsB;AAAA,UAACxE;AAAA,UAAA;AAAA,YACC,SAASgD,MAAS,UAAU,SAAS;AAAA,YACpC,GAAIa,KAAc,EAAE,iBAAiBA,EAAA;AAAA,YACtC,SAAO;AAAA,YAEP,4BAACxD,EAAU,OAAV,EACE,UAAAqB,EAAiB,oBAAkB,CACtC;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAA8C,EAACnE,EAAU,OAAV,EACC,UAAA,gBAAAmE;AAAA,UAACvE;AAAA,UAAA;AAAA,YACC,iBAAe0D;AAAA,YACf,SAAO;AAAA,YAEP,UAAA,gBAAAa;AAAA,cAACR;AAAA,cAAA;AAAA,gBACE,GAAGD;AAAA,gBACJ,MAAAd;AAAA,gBACA,OAAOmB;AAAA,gBACP,UAAUC;AAAA,gBACV,QAAQ,CAACK,MACPjB,IAASiB,GAAGhD,CAAgB;AAAA,gBAE9B,SAAS,CAACgD,MACRhB,IAAUgB,GAAGhD,CAAgB;AAAA,gBAE/B,YAAAiC;AAAA,gBACA,YAAAE;AAAA,gBACA,YAAAD;AAAA,gBACA,YAAYE,KAAa,CAAC,CAACP,MAAUpB;AAAA,cAAA;AAAA,YAAA;AAAA,UACvC;AAAA,QAAA,GAEJ;AAAA,SACEkB,KAAgBC,KAAWnB,MAC3B,gBAAAqC;AAAA,UAACnE,EAAU;AAAA,UAAV;AAAA,YACC,MAAMiD,KAAWnB,IAAU,WAAW;AAAA,YACtC,OAAOmB,KAAWnB,IAAU,eAAe;AAAA,YAC3C,SAAQ;AAAA,YACR,KAAI;AAAA,YACJ,YAAW;AAAA,YAEV,UAAAmB,KAAWnB,IACV,gBAAAsC,EAAAE,IAAA,EACE,UAAA;AAAA,cAAA,gBAAAH,EAACI,GAAA,EAAK,cAAa,WACjB,UAAA,gBAAAJ,EAACK,MAAa,GAChB;AAAA,cACCvB;AAAA,YAAA,EAAA,CACH,IAEAD;AAAA,UAAA;AAAA,QAAA;AAAA,QAILE,KAASpB,KAAW,gBAAAqC,EAACnE,EAAU,OAAV,EAAiB,UAAAkD,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEjD;AAEJ,GChHauB,KAAiB,CAAC;AAAA,EAC7B,MAAA9B,IAAO;AAAA,EACP,IAAAE;AAAA,EACA,MAAAC;AAAA,EACA,yBAAA1B;AAAA,EACA,0BAAAsD;AAAA,EACA,gCAAAC;AAAA,EACA,gCAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAhC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAgC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAhC;AAAA,EACA,QAAA/B;AAAA,EACA,aAAAgE;AAAA,EACA,SAAArD;AAAA,EACA,YAAAwB;AAAA,EACA,YAAAE;AAAA,EACA,YAAAD;AAAA,EACA,UAAAJ;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAA+B,KAAkB;AAAA,EAClB,+BAAAC,IAAgC;AAAA,EAChC,MAAAzC;AAAA,EACA,WAAA0C;AAAA,EACA,CAAC,yBAAyBC;AAAA,EAC1B,CAAC,gBAAgBC;AAAA,EACjB,CAAC,cAAcC;AAAA;AAAA,EAEf,GAAGC;AACL,MAA2B;AACzB,QAAM,CAACC,GAAUC,CAAW,IAAIC;AAAA,IAC9BR,KAAiCD;AAAA,EAAA,GAG7BtF,IAAMC,GAA4BjB,EAA6B,GAG/DgH,IAA0BC,GAAA,GAE1BC,IAAsBD,GAAA,GAGtBE,IAAoB,GACxB/C,KAAU/B,KAAU,OAAO,OAAOA,CAAM,EAAE,KAAK,CAAC+B,MAAUA,MAAU,EAAI,IAIpEgD,IAAsB,GAC1BjD,KAAYgC,KAAY,OAAO,OAAOA,CAAQ,EAAE,KAAK,OAAO,IAKxDxB,IAAqB,CAAC,EAAEwC,KAAYnE,IAEpC,EAAE,YAAAqE,GAAY,YAAAC,GAAY,kBAAAC,GAAkB,mBAAAC,EAAA,IAChDC,GAAS;AAAA,IACP,IAAA1D;AAAA,IACA,OAAAkC;AAAA,IACA,aAAA/B;AAAA,IACA,cAAcE;AAAA,IACd,WAAAO;AAAA,EAAA,CACD,GAGG+C,IAA8C,OAAO;AAAA,IACzD9B;AAAA,EAAA,GAII+B,KAAmBC,GAAQ,OAE7B/D,MAAS,UACL9B;AAAA,IACEO;AAAA,IACAoF;AAAA,EAAA,IAEF9F;AAAA,IACEU;AAAA,IACAoF;AAAA,EAAA,GAGe;AAAA,IACrB,CAACG,IAAuCC,MAAoB;AAC1D,YAAMC,KAAmB;AAAA,QACvB,kBAAkBD;AAAA,QAClB,YAEOlC,EAA+CkC,CAAe;AAAA,QAErE,aAAajC,IAAiCiC,CAAe;AAAA,QAC7D,aAAahC,IAAiCgC,CAAe;AAAA,QAC7D,SAAS/B,IAA6B+B,CAAe;AAAA,QACrD,OAAO9B,IAA2B8B,CAAe;AAAA;AAAA,QAEjD,GAAIA,MAAoBxF,KAA2BkE,IAC/C,EAAE,WAAAA,EAAA,IACF,CAAA;AAAA,QACJ,WAAA7B;AAAA,QACA,YAAAH;AAAA,QACA,YAAAE;AAAA,QACA,YAAAD;AAAA,MAAA;AAEF,aACEoC;AAAA,MAEC,CAACA,KAAYiB,MAAoBxF,IAE3B,CAAC,GAAGuF,IAAcE,EAAgB,IAEpCF;AAAA,IACT;AAAA,IACA,CAAA;AAAA,EAAC,GAEF;AAAA,IACDjC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACA1D;AAAA,IACAuE;AAAA,IACAlC;AAAA,IACAH;AAAA,IACAE;AAAA,IACAD;AAAA,IACA+B;AAAA,IACAkB;AAAA,IACA7D;AAAA,EAAA,CACD,GAOKmE,KALiC5F;AAAA,IACrC4D;AAAA,IACA1D;AAAA,EAAA,KAImC6E,MAAanE;AAGlD,SAAIgF,KAA6B,CAACnB,KAChCC,EAAY,EAAI,GAIhB,gBAAAxB;AAAA,IAACjF;AAAA,IAAA;AAAA,MACE,GAAGuG;AAAA,MACH,GAAGU;AAAA,MACJ,gBAAcpB,IAAOgB,IAAsB;AAAA,MAC3C,MAAArD;AAAA,MACA,MAAAC;AAAA,MACA,MAAAE;AAAA,MAEC,UAAA;AAAA,QAAAiC,KACC,gBAAAX,EAAC2C,GAAA,EAAM,WAAU,OAAM,KAAI,KACzB,UAAA;AAAA,UAAA,gBAAA3C,EAAChF,IAAA,EAAyB,GAAG+G,GAC1B,UAAA;AAAA,YAAApB;AAAA,YACAzB,KAAc,gBAAAa,EAAC,OAAA,EAAI,eAAY,QAAO,UAAA,IAAA,CAAC;AAAA,UAAA,GAC1C;AAAA,UACCa,uBACEgC,IAAA,EACC,UAAA;AAAA,YAAA,gBAAA7C;AAAA,cAAC8C;AAAA,cAAA;AAAA,gBACC,IAAIjB;AAAA,gBACJ,cAAYlG,EAAI,OAAO,yBAAyB;AAAA,gBAChD,MAAK;AAAA,gBACL,cAAa;AAAA,gBACb,SAAQ;AAAA,gBAER,4BAACoH,IAAA,CAAA,CAAY;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGdC,IAAA,EAAQ,SAAS,GAChB,UAAA,gBAAAhD,EAAC9E,MAA6B,SAAO,IACnC,UAAA,gBAAA8E,EAACiD,IAAA,EACC,4BAACC,IAAA,EAAI,GAAE,OAAO,UAAArC,EAAA,CAAK,EAAA,CACrB,GACF,EAAA,CACF;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,GAEJ;AAAA,QAEF,gBAAAb;AAAA,UAAC7E;AAAA,UAAA;AAAA,YACC,IAAIwG;AAAA,YACJ,iBAAeH;AAAA,YAEf,UAAA,gBAAAxB,EAACmD,IAAA,EAAa,OAAOb,IAClB,WAACc,MAEE,gBAAApD;AAAA,cAACzB;AAAA,cAAA;AAAA,gBACE,GAAG6E;AAAA,gBACJ,MAAA3E;AAAA,gBACA,MAAAD;AAAA,gBACA,UAAAQ;AAAA,gBACA,QAAAC;AAAA,gBACA,SAAAC;AAAA,gBACA,SAAAvB;AAAA,gBAEA,IAAI7B;AAAA,kBACFmG,EAAW;AAAA,kBACXmB,EAAK;AAAA,gBAAA;AAAA,gBAEP,MAAMtH,EAAwB6C,GAAMyE,EAAK,gBAAgB;AAAA,gBACzD,aAAWtH;AAAA,kBACTwF;AAAA,kBACA8B,EAAK;AAAA,gBAAA;AAAA,gBAEP,eAAatH;AAAA,kBACXuF;AAAA,kBACA+B,EAAK;AAAA,gBAAA;AAAA,gBAEP,wBAAsBtH;AAAA,kBACpBsF;AAAA,kBACAgC,EAAK;AAAA,gBAAA;AAAA,cACP;AAAA,YAAA,EAGN,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD,CAAClC,KAAiCmB,EAAiB,SAAS,uBAC1D/G,IAAA,EACC,UAAA,gBAAA2E;AAAA,UAACoD;AAAA,UAAA;AAAA,YACC,iBAAe1B;AAAA,YACf,oBAAkBK,EAAW;AAAA,YAC7B,iBAAeR;AAAA,YACf,SAAS,MAAMC,EAAY,CAACD,CAAQ;AAAA,YACpC,YAAYnC,KAAesD,KAA6BnB;AAAA,YACxD,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,cAAa;AAAA,YAEb,UAAA;AAAA,cAAA,gBAAAxB;AAAA,gBAACkD;AAAA,gBAAA;AAAA,kBACC,IAAI1E,MAAS,UAAU8E,KAAWC;AAAA,kBAClC,SAAQ;AAAA,kBACR,SAAQ;AAAA,kBACR,eAAc;AAAA,kBACd,IAAG;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEJ/E,MAAS,UACNgD,IACE7F,EAAI,OAAO,gBAAgB,IAC3BA,EAAI,OAAO,gBAAgB,IAC7B6F,IACE7F,EAAI,OAAO,eAAe,IAC1BA,EAAI,OAAO,eAAe;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEpC;AAAA,SAEAkD,KAAgBkD,KAAcpE,MAC9B,gBAAAqC;AAAA,UAAC5E;AAAA,UAAA;AAAA,YACC,MAAM2G,KAAcpE,IAAU,WAAW;AAAA,YACzC,OAAOoE,KAAcpE,IAAU,eAAe;AAAA,YAG9C,mBAAiB,GAAGuE,EAAiB,EAAE;AAAA,YACtC,GAAGA;AAAA,YAGH,UAAAH,KAAcpE,IACb,gBAAAsC,EAAAE,IAAA,EACE,UAAA;AAAA,cAAA,gBAAAH,EAACI,GAAA,EAAK,cAAa,WACjB,UAAA,gBAAAJ,EAACK,MAAa,GAChB;AAAA,cACA,gBAAAJ,EAAC2C,KAAM,KAAI,KAAI,IAAI,GAAGV,EAAiB,EAAE,YACtC,UAAA;AAAA,gBAAApD;AAAA,gBACAgC,KAAYiB,KACX,gBAAA/B;AAAA,kBAACwD;AAAA,kBAAA;AAAA,oBACC,QAAQ1C;AAAA,oBACR,aAAaC;AAAA,oBACb,cAAa;AAAA,oBACb,MAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACR,EAAA,CAEJ;AAAA,YAAA,EAAA,CACF,IAEAlC;AAAA,UAAA;AAAA,QAAA;AAAA,QAILS,KACC,gBAAAW;AAAA,UAAC5E;AAAA,UAAA;AAAA,YAGC,mBAAiB,GAAG8G,EAAkB,EAAE;AAAA,YACxC,MAAK;AAAA,YACJ,GAAGA;AAAA,YAEJ,UAAA;AAAA,cAAA,gBAAAnC,EAACI,GAAA,EACC,UAAA,gBAAAJ,EAACyD,IAAA,CAAA,CAAa,GAChB;AAAA,cACA,gBAAAxD,EAAC2C,KAAM,KAAI,KAAI,IAAI,GAAGT,EAAkB,EAAE,UACvC,UAAA;AAAA,gBAAApD;AAAA,gBACA/B,KAAU8E,KACT,gBAAA9B;AAAA,kBAACwD;AAAA,kBAAA;AAAA,oBACC,QAAAxG;AAAA,oBACA,aAAAgE;AAAA,oBACA,MAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACR,EAAA,CAEJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR,GCxUaV,KAAiB,uBAAO,OAAOoD,IAAoB;AAAA;AAAA,EAE9D,OAAO5H;AAAA,EACP,SAASA;AAAA,EACT,WAAA4B;AAAA,EACA,SAAAJ;AAAA,EACA,uBAAAH;AAAA,EACA,uBAAAK;AAAA,EACA,2BAAA9B;AAAA,EACA,eAAAkC;AAAA,EACA,sBAAAC;AAAA,EACA,kBAAAG;AAAA,EACA,4BAAAI;AAAA,EACA,oBAAAE;AACF,CAAC;"}

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

@@ -0,0 +1,2 @@
+"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;
+//# sourceMappingURL=make-element-focusable-9Yy3tdXd.cjs.js.map

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

@@ -0,0 +1 @@
+{"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-QhMuqMrZ.es.js

@@ -0,0 +1,25 @@
+import { useRef as m, isValidElement as c, cloneElement as f } from "react";
+import { $ as l } from "./useFocusable-Cd_G32KV.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-QhMuqMrZ.es.js.map

package/dist/chunks/make-element-focusable-QhMuqMrZ.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-element-focusable-QhMuqMrZ.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-BgqoIrxE.cjs.js

@@ -0,0 +1,2 @@
+"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-DiP1lZl_.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;
+//# sourceMappingURL=menu-BgqoIrxE.cjs.js.map