@commercetools/nimbus 2.9.0 → 2.10.0

package/dist/chunks/loading-spinner-DjYAzT9l.es.js

@@ -0,0 +1,53 @@
+import { jsx as n, jsxs as d } from "react/jsx-runtime";
+import { $ as p } from "./useProgressBar-1LUKhG4E.es.js";
+import { a as g } from "./mergeProps-Bcbq3GVJ.es.js";
+import { createRecipeContext as l } from "@chakra-ui/react/styled-system";
+import { n as e, u as c } from "./normalize-messages-CeN1NEyM.es.js";
+const { withContext: C } = /* @__PURE__ */ l({ key: "nimbusLoadingSpinner" }), f = /* @__PURE__ */ C("div"), m = { default: "Loading data" }, u = { default: "Daten werden geladen" }, L = { default: "Cargando datos" }, h = { default: "Chargement des données" }, S = { default: "Carregando dados" }, b = {
+  en: /* @__PURE__ */ e(m),
+  de: /* @__PURE__ */ e(u),
+  es: /* @__PURE__ */ e(L),
+  "fr-FR": /* @__PURE__ */ e(h),
+  "pt-BR": /* @__PURE__ */ e(S)
+}, x = "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", M = "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", k = (t) => {
+  const o = c(b).format("default"), { ref: r, "aria-label": a = o, ...s } = t, { progressBarProps: i } = p({
+    isIndeterminate: !0,
+    "aria-label": a,
+    ...s
+  });
+  return /* @__PURE__ */ n(
+    f,
+    {
+      ref: r,
+      ...g(s, i),
+      "aria-label": a,
+      children: /* @__PURE__ */ d("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", children: [
+        /* @__PURE__ */ n(
+          "path",
+          {
+            d: x,
+            "data-svg-path": "spinner-circle",
+            strokeWidth: "3",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ n(
+          "path",
+          {
+            d: M,
+            "data-svg-path": "spinner-pointer",
+            strokeWidth: "3",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ] })
+    }
+  );
+};
+k.displayName = "LoadingSpinner";
+export {
+  k as L
+};
+//# sourceMappingURL=loading-spinner-DjYAzT9l.es.js.map

package/dist/chunks/loading-spinner-DjYAzT9l.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-spinner-DjYAzT9l.es.js","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"],"names":["withContext","createRecipeContext","LoadingSpinnerRoot","loadingSpinnerMessages_en","loadingSpinnerMessages_de","loadingSpinnerMessages_es","loadingSpinnerMessages_fr","loadingSpinnerMessages_pt","loadingSpinnerMessagesStrings","normalizeMessages","circlePath","pointerPath","LoadingSpinner","props","defaultLabel","useLocalizedStringFormatter","ref","ariaLabel","restProps","progressBarProps","useProgressBar","jsx","mergeProps"],"mappings":";;;;;AAGA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,KAAK,wBAAwB,GAM9DC,IAAqB,gBAAAF,EAGhC,KAAK,GCNPG,IAAe,EAAE,SAAS,eAAA,GCA1BC,IAAe,EAAE,SAAS,uBAAA,GCA1BC,IAAe,EAAE,SAAS,iBAAA,GCA1BC,IAAe,EAAE,SAAS,yBAAA,GCA1BC,IAAe,EAAE,SAAS,mBAAA,GCiBbC,IAGT;AAAA,EACF,IAAI,gBAAAC,EAAkBN,CAAyB;AAAA,EAC/C,IAAI,gBAAAM,EAAkBL,CAAyB;AAAA,EAC/C,IAAI,gBAAAK,EAAkBJ,CAAyB;AAAA,EAC/C,SAAS,gBAAAI,EAAkBH,CAAyB;AAAA,EACpD,SAAS,gBAAAG,EAAkBF,CAAyB;AACtD,GC1BMG,IACJ,mtBACIC,IACJ,4LASWC,IAAiB,CAACC,MAA+B;AAE5D,QAAMC,IADMC,EAA4BP,CAA6B,EAC5C,OAAO,SAAS,GACnC,EAAE,KAAAQ,GAAK,cAAcC,IAAYH,GAAc,GAAGI,MAAcL,GAChE,EAAE,kBAAAM,EAAA,IAAqBC,EAAe;AAAA,IAC1C,iBAAiB;AAAA,IACjB,cAAcH;AAAA,IACd,GAAGC;AAAA,EAAA,CACJ;AAED,SACE,gBAAAG;AAAA,IAACnB;AAAA,IAAA;AAAA,MACC,KAAAc;AAAA,MACC,GAAGM,EAAWJ,GAAWC,CAAgB;AAAA,MAC1C,cAAYF;AAAA,MAEZ,4BAAC,OAAA,EAAI,OAAM,8BAA6B,SAAQ,aAAY,MAAK,QAC/D,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAGX;AAAA,YACH,iBAAc;AAAA,YACd,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjB,gBAAAW;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAGV;AAAA,YACH,iBAAc;AAAA,YACd,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAC,EAAe,cAAc;"}

package/dist/chunks/loading-spinner-KDA1v0Qr.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),g=require("./useProgressBar-X5P0-Fth.cjs.js"),l=require("./mergeProps-D1Fp1oji.cjs.js"),c=require("@chakra-ui/react/styled-system"),e=require("./normalize-messages-Dogs8lYA.cjs.js"),{withContext:p}=c.createRecipeContext({key:"nimbusLoadingSpinner"}),C=p("div"),u={default:"Loading data"},m={default:"Daten werden geladen"},f={default:"Cargando datos"},L={default:"Chargement des données"},M={default:"Carregando dados"},S={en:e.normalizeMessages(u),de:e.normalizeMessages(m),es:e.normalizeMessages(f),"fr-FR":e.normalizeMessages(L),"pt-BR":e.normalizeMessages(M)},h="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",x="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",r=t=>{const o=e.useLocalizedStringFormatter(S).format("default"),{ref:i,"aria-label":n=o,...a}=t,{progressBarProps:d}=g.$723aca2821613fe7$export$ed5abd763a836edc({isIndeterminate:!0,"aria-label":n,...a});return s.jsx(C,{ref:i,...l.$bbaa08b3cd72f041$export$9d1611c77c2fe928(a,d),"aria-label":n,children:s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",children:[s.jsx("path",{d:h,"data-svg-path":"spinner-circle",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"}),s.jsx("path",{d:x,"data-svg-path":"spinner-pointer",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})]})})};r.displayName="LoadingSpinner";exports.LoadingSpinner=r;
+//# sourceMappingURL=loading-spinner-KDA1v0Qr.cjs.js.map

package/dist/chunks/loading-spinner-KDA1v0Qr.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-spinner-KDA1v0Qr.cjs.js","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"],"names":["withContext","createRecipeContext","LoadingSpinnerRoot","loadingSpinnerMessages_en","loadingSpinnerMessages_de","loadingSpinnerMessages_es","loadingSpinnerMessages_fr","loadingSpinnerMessages_pt","loadingSpinnerMessagesStrings","normalizeMessages","circlePath","pointerPath","LoadingSpinner","props","defaultLabel","useLocalizedStringFormatter","ref","ariaLabel","restProps","progressBarProps","useProgressBar","jsx","mergeProps"],"mappings":"wOAGM,CAAE,YAAAA,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,IAAK,uBAAwB,EAM9DC,EAAqBF,EAGhC,KAAK,ECNPG,EAAe,CAAE,QAAS,cAAA,ECA1BC,EAAe,CAAE,QAAS,sBAAA,ECA1BC,EAAe,CAAE,QAAS,gBAAA,ECA1BC,EAAe,CAAE,QAAS,wBAAA,ECA1BC,EAAe,CAAE,QAAS,kBAAA,ECiBbC,EAGT,CACF,GAAIC,EAAAA,kBAAkBN,CAAyB,EAC/C,GAAIM,EAAAA,kBAAkBL,CAAyB,EAC/C,GAAIK,EAAAA,kBAAkBJ,CAAyB,EAC/C,QAASI,EAAAA,kBAAkBH,CAAyB,EACpD,QAASG,EAAAA,kBAAkBF,CAAyB,CACtD,EC1BMG,EACJ,ktBACIC,EACJ,2LASWC,EAAkBC,GAA+B,CAE5D,MAAMC,EADMC,EAAAA,4BAA4BP,CAA6B,EAC5C,OAAO,SAAS,EACnC,CAAE,IAAAQ,EAAK,aAAcC,EAAYH,EAAc,GAAGI,GAAcL,EAChE,CAAE,iBAAAM,CAAA,EAAqBC,4CAAe,CAC1C,gBAAiB,GACjB,aAAcH,EACd,GAAGC,CAAA,CACJ,EAED,OACEG,EAAAA,IAACnB,EAAA,CACC,IAAAc,EACC,GAAGM,EAAAA,0CAAWJ,EAAWC,CAAgB,EAC1C,aAAYF,EAEZ,gBAAC,MAAA,CAAI,MAAM,6BAA6B,QAAQ,YAAY,KAAK,OAC/D,SAAA,CAAAI,EAAAA,IAAC,OAAA,CACC,EAAGX,EACH,gBAAc,iBACd,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,EAEjBW,EAAAA,IAAC,OAAA,CACC,EAAGV,EACH,gBAAc,kBACd,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CAAA,CACF,CAAA,CAAA,CAGN,EAEAC,EAAe,YAAc"}

package/dist/chunks/localized-field-CVsS8mIU.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-Blu-9yQ8.es.js";
+import { F as I } from "./form-field-DzzyQud_.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-CtR9Fk-m.es.js";
+import { M as je } from "./multiline-text-input-Ba7_M6Y8.es.js";
+import { T as Ee } from "./text-input-BF5QoIeL.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-DwOSMjvL.es.js";
+import { B as Pe } from "./button-dtLOSwKi.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-CVsS8mIU.es.js.map