@commercetools/nimbus 2.10.0 → 3.0.0

package/dist/chunks/{focusSafely-DqnNk8Cr.es.js.map → focusSafely-Cpjz2BzP.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"focusSafely-DqnNk8Cr.es.js","sources":["../../../../node_modules/.pnpm/react-aria@3.48.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/utils/runAfterTransition.mjs","../../../../node_modules/.pnpm/react-aria@3.48.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/interactions/focusSafely.mjs"],"sourcesContent":["import {getEventTarget as $23f2114a1b82827e$export$e58f029f0fbfdb29} from \"./shadowdom/DOMFunctions.mjs\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ // We store a global list of elements that are currently transitioning,\n// mapped to a set of CSS properties that are transitioning for that element.\n// This is necessary rather than a simple count of transitions because of browser\n// bugs, e.g. Chrome sometimes fires both transitionend and transitioncancel rather\n// than one or the other. So we need to track what's actually transitioning so that\n// we can ignore these duplicate events.\n\nlet $081cb5757e08788e$var$transitionsByElement = new Map();\n// A list of callbacks to call once there are no transitioning elements.\nlet $081cb5757e08788e$var$transitionCallbacks = new Set();\nfunction $081cb5757e08788e$var$setupGlobalEvents() {\n    if (typeof window === 'undefined') return;\n    function isTransitionEvent(event) {\n        return 'propertyName' in event;\n    }\n    let onTransitionStart = (e)=>{\n        let eventTarget = (0, $23f2114a1b82827e$export$e58f029f0fbfdb29)(e);\n        if (!isTransitionEvent(e) || !eventTarget) return;\n        // Add the transitioning property to the list for this element.\n        let transitions = $081cb5757e08788e$var$transitionsByElement.get(eventTarget);\n        if (!transitions) {\n            transitions = new Set();\n            $081cb5757e08788e$var$transitionsByElement.set(eventTarget, transitions);\n            // The transitioncancel event must be registered on the element itself, rather than as a global\n            // event. This enables us to handle when the node is deleted from the document while it is transitioning.\n            // In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.\n            eventTarget.addEventListener('transitioncancel', onTransitionEnd, {\n                once: true\n            });\n        }\n        transitions.add(e.propertyName);\n    };\n    let onTransitionEnd = (e)=>{\n        let eventTarget = (0, $23f2114a1b82827e$export$e58f029f0fbfdb29)(e);\n        if (!isTransitionEvent(e) || !eventTarget) return;\n        // Remove property from list of transitioning properties.\n        let properties = $081cb5757e08788e$var$transitionsByElement.get(eventTarget);\n        if (!properties) return;\n        properties.delete(e.propertyName);\n        // If empty, remove transitioncancel event, and remove the element from the list of transitioning elements.\n        if (properties.size === 0) {\n            eventTarget.removeEventListener('transitioncancel', onTransitionEnd);\n            $081cb5757e08788e$var$transitionsByElement.delete(eventTarget);\n        }\n        // If no transitioning elements, call all of the queued callbacks.\n        if ($081cb5757e08788e$var$transitionsByElement.size === 0) {\n            for (let cb of $081cb5757e08788e$var$transitionCallbacks)cb();\n            $081cb5757e08788e$var$transitionCallbacks.clear();\n        }\n    };\n    document.body.addEventListener('transitionrun', onTransitionStart);\n    document.body.addEventListener('transitionend', onTransitionEnd);\n}\nif (typeof document !== 'undefined') {\n    if (document.readyState !== 'loading') $081cb5757e08788e$var$setupGlobalEvents();\n    else document.addEventListener('DOMContentLoaded', $081cb5757e08788e$var$setupGlobalEvents);\n}\n/**\n * Cleans up any elements that are no longer in the document.\n * This is necessary because we can't rely on transitionend events to fire\n * for elements that are removed from the document while transitioning.\n */ function $081cb5757e08788e$var$cleanupDetachedElements() {\n    for (const [eventTarget] of $081cb5757e08788e$var$transitionsByElement)// Similar to `eventTarget instanceof Element && !eventTarget.isConnected`, but avoids\n    // the explicit instanceof check, since it may be different in different contexts.\n    if ('isConnected' in eventTarget && !eventTarget.isConnected) $081cb5757e08788e$var$transitionsByElement.delete(eventTarget);\n}\nfunction $081cb5757e08788e$export$24490316f764c430(fn) {\n    // Wait one frame to see if an animation starts, e.g. a transition on mount.\n    requestAnimationFrame(()=>{\n        $081cb5757e08788e$var$cleanupDetachedElements();\n        // If no transitions are running, call the function immediately.\n        // Otherwise, add it to a list of callbacks to run at the end of the animation.\n        if ($081cb5757e08788e$var$transitionsByElement.size === 0) fn();\n        else $081cb5757e08788e$var$transitionCallbacks.add(fn);\n    });\n}\n\n\nexport {$081cb5757e08788e$export$24490316f764c430 as runAfterTransition};\n//# sourceMappingURL=runAfterTransition.mjs.map\n","import {focusWithoutScrolling as $1969ac565cfec8d0$export$de79e2c695e052f3} from \"../utils/focusWithoutScrolling.mjs\";\nimport {getActiveElement as $23f2114a1b82827e$export$cd4e5573fbe2b576} from \"../utils/shadowdom/DOMFunctions.mjs\";\nimport {getInteractionModality as $8f5a2122b0992be3$export$630ff653c5ada6a9} from \"./useFocusVisible.mjs\";\nimport {getOwnerDocument as $d447af545b77c9f1$export$b204af158042fbac} from \"../utils/domHelpers.mjs\";\nimport {runAfterTransition as $081cb5757e08788e$export$24490316f764c430} from \"../utils/runAfterTransition.mjs\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the 'License');\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\nfunction $f192c2f16961cbe0$export$80f3e147d781571c(element) {\n    if (!element.isConnected) return;\n    // If the user is interacting with a virtual cursor, e.g. screen reader, then\n    // wait until after any animated transitions that are currently occurring on\n    // the page before shifting focus. This avoids issues with VoiceOver on iOS\n    // causing the page to scroll when moving focus if the element is transitioning\n    // from off the screen.\n    const ownerDocument = (0, $d447af545b77c9f1$export$b204af158042fbac)(element);\n    if ((0, $8f5a2122b0992be3$export$630ff653c5ada6a9)() === 'virtual') {\n        let lastFocusedElement = (0, $23f2114a1b82827e$export$cd4e5573fbe2b576)(ownerDocument);\n        (0, $081cb5757e08788e$export$24490316f764c430)(()=>{\n            const activeElement = (0, $23f2114a1b82827e$export$cd4e5573fbe2b576)(ownerDocument);\n            // If focus did not move or focus was lost to the body, and the element is still in the document, focus it.\n            if ((activeElement === lastFocusedElement || activeElement === ownerDocument.body) && element.isConnected) (0, $1969ac565cfec8d0$export$de79e2c695e052f3)(element);\n        });\n    } else (0, $1969ac565cfec8d0$export$de79e2c695e052f3)(element);\n}\n\n\nexport {$f192c2f16961cbe0$export$80f3e147d781571c as focusSafely};\n//# sourceMappingURL=focusSafely.mjs.map\n"],"names":["$081cb5757e08788e$var$transitionsByElement","$081cb5757e08788e$var$transitionCallbacks","$081cb5757e08788e$var$cleanupDetachedElements","eventTarget","$081cb5757e08788e$export$24490316f764c430","fn","$f192c2f16961cbe0$export$80f3e147d781571c","element","ownerDocument","$d447af545b77c9f1$export$b204af158042fbac","$8f5a2122b0992be3$export$630ff653c5ada6a9","lastFocusedElement","$23f2114a1b82827e$export$cd4e5573fbe2b576","activeElement","$1969ac565cfec8d0$export$de79e2c695e052f3"],"mappings":";;AAmBA,IAAIA,IAA6C,oBAAI,IAAG,GAEpDC,IAA4C,oBAAI,IAAG;AAoDnD,SAASC,IAAgD;AACzD,aAAW,CAACC,CAAW,KAAKH;AAE5B,IAAI,iBAAiBG,KAAe,CAACA,EAAY,eAAaH,EAA2C,OAAOG,CAAW;AAC/H;AACA,SAASC,EAA0CC,GAAI;AAEnD,wBAAsB,MAAI;AACtB,IAAAH,EAA6C,GAGzCF,EAA2C,SAAS,IAAGK,EAAE,IACxDJ,EAA0C,IAAII,CAAE;AAAA,EACzD,CAAC;AACL;AClEA,SAASC,EAA0CC,GAAS;AACxD,MAAI,CAACA,EAAQ,YAAa;AAM1B,QAAMC,IAAoBC,EAA2CF,CAAO;AAC5E,MAAQG,EAAyC,MAAQ,WAAW;AAChE,QAAIC,IAAyBC,EAA2CJ,CAAa;AACrF,IAAIJ,EAA2C,MAAI;AAC/C,YAAMS,IAAoBD,EAA2CJ,CAAa;AAElF,OAAKK,MAAkBF,KAAsBE,MAAkBL,EAAc,SAASD,EAAQ,eAAiBO,EAA2CP,CAAO;AAAA,IACrK,CAAC;AAAA,EACL,MAAO,CAAIO,EAA2CP,CAAO;AACjE;","x_google_ignoreList":[0,1]}
+{"version":3,"file":"focusSafely-Cpjz2BzP.es.js","sources":["../../../../node_modules/.pnpm/react-aria@3.48.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/utils/runAfterTransition.mjs","../../../../node_modules/.pnpm/react-aria@3.48.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/interactions/focusSafely.mjs"],"sourcesContent":["import {getEventTarget as $23f2114a1b82827e$export$e58f029f0fbfdb29} from \"./shadowdom/DOMFunctions.mjs\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ // We store a global list of elements that are currently transitioning,\n// mapped to a set of CSS properties that are transitioning for that element.\n// This is necessary rather than a simple count of transitions because of browser\n// bugs, e.g. Chrome sometimes fires both transitionend and transitioncancel rather\n// than one or the other. So we need to track what's actually transitioning so that\n// we can ignore these duplicate events.\n\nlet $081cb5757e08788e$var$transitionsByElement = new Map();\n// A list of callbacks to call once there are no transitioning elements.\nlet $081cb5757e08788e$var$transitionCallbacks = new Set();\nfunction $081cb5757e08788e$var$setupGlobalEvents() {\n    if (typeof window === 'undefined') return;\n    function isTransitionEvent(event) {\n        return 'propertyName' in event;\n    }\n    let onTransitionStart = (e)=>{\n        let eventTarget = (0, $23f2114a1b82827e$export$e58f029f0fbfdb29)(e);\n        if (!isTransitionEvent(e) || !eventTarget) return;\n        // Add the transitioning property to the list for this element.\n        let transitions = $081cb5757e08788e$var$transitionsByElement.get(eventTarget);\n        if (!transitions) {\n            transitions = new Set();\n            $081cb5757e08788e$var$transitionsByElement.set(eventTarget, transitions);\n            // The transitioncancel event must be registered on the element itself, rather than as a global\n            // event. This enables us to handle when the node is deleted from the document while it is transitioning.\n            // In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.\n            eventTarget.addEventListener('transitioncancel', onTransitionEnd, {\n                once: true\n            });\n        }\n        transitions.add(e.propertyName);\n    };\n    let onTransitionEnd = (e)=>{\n        let eventTarget = (0, $23f2114a1b82827e$export$e58f029f0fbfdb29)(e);\n        if (!isTransitionEvent(e) || !eventTarget) return;\n        // Remove property from list of transitioning properties.\n        let properties = $081cb5757e08788e$var$transitionsByElement.get(eventTarget);\n        if (!properties) return;\n        properties.delete(e.propertyName);\n        // If empty, remove transitioncancel event, and remove the element from the list of transitioning elements.\n        if (properties.size === 0) {\n            eventTarget.removeEventListener('transitioncancel', onTransitionEnd);\n            $081cb5757e08788e$var$transitionsByElement.delete(eventTarget);\n        }\n        // If no transitioning elements, call all of the queued callbacks.\n        if ($081cb5757e08788e$var$transitionsByElement.size === 0) {\n            for (let cb of $081cb5757e08788e$var$transitionCallbacks)cb();\n            $081cb5757e08788e$var$transitionCallbacks.clear();\n        }\n    };\n    document.body.addEventListener('transitionrun', onTransitionStart);\n    document.body.addEventListener('transitionend', onTransitionEnd);\n}\nif (typeof document !== 'undefined') {\n    if (document.readyState !== 'loading') $081cb5757e08788e$var$setupGlobalEvents();\n    else document.addEventListener('DOMContentLoaded', $081cb5757e08788e$var$setupGlobalEvents);\n}\n/**\n * Cleans up any elements that are no longer in the document.\n * This is necessary because we can't rely on transitionend events to fire\n * for elements that are removed from the document while transitioning.\n */ function $081cb5757e08788e$var$cleanupDetachedElements() {\n    for (const [eventTarget] of $081cb5757e08788e$var$transitionsByElement)// Similar to `eventTarget instanceof Element && !eventTarget.isConnected`, but avoids\n    // the explicit instanceof check, since it may be different in different contexts.\n    if ('isConnected' in eventTarget && !eventTarget.isConnected) $081cb5757e08788e$var$transitionsByElement.delete(eventTarget);\n}\nfunction $081cb5757e08788e$export$24490316f764c430(fn) {\n    // Wait one frame to see if an animation starts, e.g. a transition on mount.\n    requestAnimationFrame(()=>{\n        $081cb5757e08788e$var$cleanupDetachedElements();\n        // If no transitions are running, call the function immediately.\n        // Otherwise, add it to a list of callbacks to run at the end of the animation.\n        if ($081cb5757e08788e$var$transitionsByElement.size === 0) fn();\n        else $081cb5757e08788e$var$transitionCallbacks.add(fn);\n    });\n}\n\n\nexport {$081cb5757e08788e$export$24490316f764c430 as runAfterTransition};\n//# sourceMappingURL=runAfterTransition.mjs.map\n","import {focusWithoutScrolling as $1969ac565cfec8d0$export$de79e2c695e052f3} from \"../utils/focusWithoutScrolling.mjs\";\nimport {getActiveElement as $23f2114a1b82827e$export$cd4e5573fbe2b576} from \"../utils/shadowdom/DOMFunctions.mjs\";\nimport {getInteractionModality as $8f5a2122b0992be3$export$630ff653c5ada6a9} from \"./useFocusVisible.mjs\";\nimport {getOwnerDocument as $d447af545b77c9f1$export$b204af158042fbac} from \"../utils/domHelpers.mjs\";\nimport {runAfterTransition as $081cb5757e08788e$export$24490316f764c430} from \"../utils/runAfterTransition.mjs\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the 'License');\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\nfunction $f192c2f16961cbe0$export$80f3e147d781571c(element) {\n    if (!element.isConnected) return;\n    // If the user is interacting with a virtual cursor, e.g. screen reader, then\n    // wait until after any animated transitions that are currently occurring on\n    // the page before shifting focus. This avoids issues with VoiceOver on iOS\n    // causing the page to scroll when moving focus if the element is transitioning\n    // from off the screen.\n    const ownerDocument = (0, $d447af545b77c9f1$export$b204af158042fbac)(element);\n    if ((0, $8f5a2122b0992be3$export$630ff653c5ada6a9)() === 'virtual') {\n        let lastFocusedElement = (0, $23f2114a1b82827e$export$cd4e5573fbe2b576)(ownerDocument);\n        (0, $081cb5757e08788e$export$24490316f764c430)(()=>{\n            const activeElement = (0, $23f2114a1b82827e$export$cd4e5573fbe2b576)(ownerDocument);\n            // If focus did not move or focus was lost to the body, and the element is still in the document, focus it.\n            if ((activeElement === lastFocusedElement || activeElement === ownerDocument.body) && element.isConnected) (0, $1969ac565cfec8d0$export$de79e2c695e052f3)(element);\n        });\n    } else (0, $1969ac565cfec8d0$export$de79e2c695e052f3)(element);\n}\n\n\nexport {$f192c2f16961cbe0$export$80f3e147d781571c as focusSafely};\n//# sourceMappingURL=focusSafely.mjs.map\n"],"names":["$081cb5757e08788e$var$transitionsByElement","$081cb5757e08788e$var$transitionCallbacks","$081cb5757e08788e$var$cleanupDetachedElements","eventTarget","$081cb5757e08788e$export$24490316f764c430","fn","$f192c2f16961cbe0$export$80f3e147d781571c","element","ownerDocument","$d447af545b77c9f1$export$b204af158042fbac","$8f5a2122b0992be3$export$630ff653c5ada6a9","lastFocusedElement","$23f2114a1b82827e$export$cd4e5573fbe2b576","activeElement","$1969ac565cfec8d0$export$de79e2c695e052f3"],"mappings":";;AAmBA,IAAIA,IAA6C,oBAAI,IAAG,GAEpDC,IAA4C,oBAAI,IAAG;AAoDnD,SAASC,IAAgD;AACzD,aAAW,CAACC,CAAW,KAAKH;AAE5B,IAAI,iBAAiBG,KAAe,CAACA,EAAY,eAAaH,EAA2C,OAAOG,CAAW;AAC/H;AACA,SAASC,EAA0CC,GAAI;AAEnD,wBAAsB,MAAI;AACtB,IAAAH,EAA6C,GAGzCF,EAA2C,SAAS,IAAGK,EAAE,IACxDJ,EAA0C,IAAII,CAAE;AAAA,EACzD,CAAC;AACL;AClEA,SAASC,EAA0CC,GAAS;AACxD,MAAI,CAACA,EAAQ,YAAa;AAM1B,QAAMC,IAAoBC,EAA2CF,CAAO;AAC5E,MAAQG,EAAyC,MAAQ,WAAW;AAChE,QAAIC,IAAyBC,EAA2CJ,CAAa;AACrF,IAAIJ,EAA2C,MAAI;AAC/C,YAAMS,IAAoBD,EAA2CJ,CAAa;AAElF,OAAKK,MAAkBF,KAAsBE,MAAkBL,EAAc,SAASD,EAAQ,eAAiBO,EAA2CP,CAAO;AAAA,IACrK,CAAC;AAAA,EACL,MAAO,CAAIO,EAA2CP,CAAO;AACjE;","x_google_ignoreList":[0,1]}

package/dist/chunks/form-action-bar-B7zd3XAE.es.js

@@ -0,0 +1,101 @@
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
+import { B as t } from "./button-DDk_A6fN.es.js";
+import { G as C } from "./group-C9O-E531.es.js";
+import { L as m } from "./loading-spinner-DjYAzT9l.es.js";
+import { n as e, u as S } from "./normalize-messages-CeN1NEyM.es.js";
+const u = {
+  ariaLabel: "Form actions",
+  cancel: "Cancel",
+  delete: "Delete",
+  save: "Save"
+}, x = {
+  ariaLabel: "Form actions",
+  cancel: "Cancel",
+  delete: "Delete",
+  save: "Save"
+}, z = {
+  ariaLabel: "Form actions",
+  cancel: "Cancel",
+  delete: "Delete",
+  save: "Save"
+}, P = {
+  ariaLabel: "Form actions",
+  cancel: "Cancel",
+  delete: "Delete",
+  save: "Save"
+}, _ = {
+  ariaLabel: "Form actions",
+  cancel: "Cancel",
+  delete: "Delete",
+  save: "Save"
+}, h = {
+  en: /* @__PURE__ */ e(u),
+  de: /* @__PURE__ */ e(x),
+  es: /* @__PURE__ */ e(z),
+  "fr-FR": /* @__PURE__ */ e(P),
+  "pt-BR": /* @__PURE__ */ e(_)
+}, y = ({
+  onSave: d,
+  onCancel: f,
+  onDelete: n,
+  saveLabel: v,
+  cancelLabel: b,
+  deleteLabel: p,
+  isSaveDisabled: B = !1,
+  isSaveLoading: c = !1,
+  isDeleteLoading: i = !1,
+  "aria-label": L,
+  cancelSlot: g,
+  buttonSize: s
+}) => {
+  const a = S(h), r = c || i, F = v ?? a.format("save"), A = b ?? a.format("cancel"), D = p ?? a.format("delete"), M = L ?? a.format("ariaLabel");
+  return /* @__PURE__ */ o(C, { "aria-label": M, gap: "300", children: [
+    n && /* @__PURE__ */ o(
+      t,
+      {
+        variant: "solid",
+        colorPalette: "critical",
+        size: s,
+        isDisabled: r,
+        onPress: n,
+        "data-slot": "delete",
+        children: [
+          D,
+          i && /* @__PURE__ */ l(m, { ml: "100", size: "2xs" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ l(
+      t,
+      {
+        variant: "outline",
+        size: s,
+        isDisabled: r,
+        onPress: f,
+        slot: g,
+        "data-slot": "cancel",
+        children: A
+      }
+    ),
+    /* @__PURE__ */ o(
+      t,
+      {
+        variant: "solid",
+        colorPalette: "primary",
+        size: s,
+        isDisabled: B || r,
+        onPress: d,
+        "data-slot": "save",
+        children: [
+          F,
+          c && /* @__PURE__ */ l(m, { ml: "100", size: "2xs" })
+        ]
+      }
+    )
+  ] });
+};
+y.displayName = "FormActionBar";
+export {
+  y as F
+};
+//# sourceMappingURL=form-action-bar-B7zd3XAE.es.js.map

package/dist/chunks/form-action-bar-B7zd3XAE.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-action-bar-B7zd3XAE.es.js","sources":["../../src/patterns/actions/form-action-bar/intl/en.ts","../../src/patterns/actions/form-action-bar/intl/de.ts","../../src/patterns/actions/form-action-bar/intl/es.ts","../../src/patterns/actions/form-action-bar/intl/fr-FR.ts","../../src/patterns/actions/form-action-bar/intl/pt-BR.ts","../../src/patterns/actions/form-action-bar/form-action-bar.messages.ts","../../src/patterns/actions/form-action-bar/form-action-bar.tsx"],"sourcesContent":["/**\n * Pre-compiled en messages for FormActionBar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  ariaLabel: `Form actions`,\n  cancel: `Cancel`,\n  delete: `Delete`,\n  save: `Save`,\n};\n","/**\n * Pre-compiled de messages for FormActionBar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  ariaLabel: `Form actions`,\n  cancel: `Cancel`,\n  delete: `Delete`,\n  save: `Save`,\n};\n","/**\n * Pre-compiled es messages for FormActionBar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  ariaLabel: `Form actions`,\n  cancel: `Cancel`,\n  delete: `Delete`,\n  save: `Save`,\n};\n","/**\n * Pre-compiled fr-FR messages for FormActionBar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  ariaLabel: `Form actions`,\n  cancel: `Cancel`,\n  delete: `Delete`,\n  save: `Save`,\n};\n","/**\n * Pre-compiled pt-BR messages for FormActionBar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  ariaLabel: `Form actions`,\n  cancel: `Cancel`,\n  delete: `Delete`,\n  save: `Save`,\n};\n","/**\n * Pre-compiled localized messages for FormActionBar 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 formActionBarMessages_en from \"./intl/en\";\nimport formActionBarMessages_de from \"./intl/de\";\nimport formActionBarMessages_es from \"./intl/es\";\nimport formActionBarMessages_fr from \"./intl/fr-FR\";\nimport formActionBarMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const formActionBarMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(formActionBarMessages_en),\n  de: normalizeMessages(formActionBarMessages_de),\n  es: normalizeMessages(formActionBarMessages_es),\n  \"fr-FR\": normalizeMessages(formActionBarMessages_fr),\n  \"pt-BR\": normalizeMessages(formActionBarMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for FormActionBar component\n */\nexport type FormActionBarMessageKey =\n  | \"ariaLabel\"\n  | \"cancel\"\n  | \"delete\"\n  | \"save\";\n","import { Button } from \"@/components/button/button\";\nimport { Group } from \"@/components/group/group\";\nimport { LoadingSpinner } from \"@/components/loading-spinner/loading-spinner\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { formActionBarMessagesStrings } from \"./form-action-bar.messages\";\nimport type { FormActionBarProps } from \"./form-action-bar.types\";\n\n/**\n * # FormActionBar\n *\n * A pattern providing save / cancel / optional delete buttons for form footers.\n *\n * Works inside any footer slot: `DefaultPage.Footer`, `ModalPage.Footer`,\n * `Drawer.Footer`, `Dialog.Footer`. Replaces separate form-page wrappers.\n *\n * @example\n * ```tsx\n * <FormActionBar\n *   onSave={handleSave}\n *   onCancel={handleCancel}\n *   onDelete={handleDelete}\n *   isSaveDisabled={!isDirty}\n *   isSaveLoading={isSaving}\n * />\n * ```\n */\nexport const FormActionBar = ({\n  onSave,\n  onCancel,\n  onDelete,\n  saveLabel,\n  cancelLabel,\n  deleteLabel,\n  isSaveDisabled = false,\n  isSaveLoading = false,\n  isDeleteLoading = false,\n  \"aria-label\": ariaLabel,\n  cancelSlot,\n  buttonSize,\n}: FormActionBarProps) => {\n  const msg = useLocalizedStringFormatter(formActionBarMessagesStrings);\n  const isBusy = isSaveLoading || isDeleteLoading;\n\n  const resolvedSaveLabel = saveLabel ?? msg.format(\"save\");\n  const resolvedCancelLabel = cancelLabel ?? msg.format(\"cancel\");\n  const resolvedDeleteLabel = deleteLabel ?? msg.format(\"delete\");\n  const resolvedAriaLabel = ariaLabel ?? msg.format(\"ariaLabel\");\n\n  return (\n    <Group aria-label={resolvedAriaLabel} gap=\"300\">\n      {onDelete && (\n        <Button\n          variant=\"solid\"\n          colorPalette=\"critical\"\n          size={buttonSize}\n          isDisabled={isBusy}\n          onPress={onDelete}\n          data-slot=\"delete\"\n        >\n          {resolvedDeleteLabel}\n          {isDeleteLoading && <LoadingSpinner ml=\"100\" size=\"2xs\" />}\n        </Button>\n      )}\n      <Button\n        variant=\"outline\"\n        size={buttonSize}\n        isDisabled={isBusy}\n        onPress={onCancel}\n        slot={cancelSlot}\n        data-slot=\"cancel\"\n      >\n        {resolvedCancelLabel}\n      </Button>\n      <Button\n        variant=\"solid\"\n        colorPalette=\"primary\"\n        size={buttonSize}\n        isDisabled={isSaveDisabled || isBusy}\n        onPress={onSave}\n        data-slot=\"save\"\n      >\n        {resolvedSaveLabel}\n        {isSaveLoading && <LoadingSpinner ml=\"100\" size=\"2xs\" />}\n      </Button>\n    </Group>\n  );\n};\n\nFormActionBar.displayName = \"FormActionBar\";\n"],"names":["formActionBarMessages_en","formActionBarMessages_de","formActionBarMessages_es","formActionBarMessages_fr","formActionBarMessages_pt","formActionBarMessagesStrings","normalizeMessages","FormActionBar","onSave","onCancel","onDelete","saveLabel","cancelLabel","deleteLabel","isSaveDisabled","isSaveLoading","isDeleteLoading","ariaLabel","cancelSlot","buttonSize","msg","useLocalizedStringFormatter","isBusy","resolvedSaveLabel","resolvedCancelLabel","resolvedDeleteLabel","resolvedAriaLabel","jsxs","Group","Button","jsx","LoadingSpinner"],"mappings":";;;;;AAMA,MAAAA,IAAe;AAAA,EACb,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AACR,GCLAC,IAAe;AAAA,EACb,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AACR,GCLAC,IAAe;AAAA,EACb,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AACR,GCLAC,IAAe;AAAA,EACb,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AACR,GCLAC,IAAe;AAAA,EACb,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AACR,GCYaC,IAGT;AAAA,EACF,IAAI,gBAAAC,EAAkBN,CAAwB;AAAA,EAC9C,IAAI,gBAAAM,EAAkBL,CAAwB;AAAA,EAC9C,IAAI,gBAAAK,EAAkBJ,CAAwB;AAAA,EAC9C,SAAS,gBAAAI,EAAkBH,CAAwB;AAAA,EACnD,SAAS,gBAAAG,EAAkBF,CAAwB;AACrD,GCNaG,IAAgB,CAAC;AAAA,EAC5B,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,eAAAC,IAAgB;AAAA,EAChB,iBAAAC,IAAkB;AAAA,EAClB,cAAcC;AAAA,EACd,YAAAC;AAAA,EACA,YAAAC;AACF,MAA0B;AACxB,QAAMC,IAAMC,EAA4BhB,CAA4B,GAC9DiB,IAASP,KAAiBC,GAE1BO,IAAoBZ,KAAaS,EAAI,OAAO,MAAM,GAClDI,IAAsBZ,KAAeQ,EAAI,OAAO,QAAQ,GACxDK,IAAsBZ,KAAeO,EAAI,OAAO,QAAQ,GACxDM,IAAoBT,KAAaG,EAAI,OAAO,WAAW;AAE7D,SACE,gBAAAO,EAACC,GAAA,EAAM,cAAYF,GAAmB,KAAI,OACvC,UAAA;AAAA,IAAAhB,KACC,gBAAAiB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,cAAa;AAAA,QACb,MAAMV;AAAA,QACN,YAAYG;AAAA,QACZ,SAASZ;AAAA,QACT,aAAU;AAAA,QAET,UAAA;AAAA,UAAAe;AAAA,UACAT,KAAmB,gBAAAc,EAACC,GAAA,EAAe,IAAG,OAAM,MAAK,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAG5D,gBAAAD;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAMV;AAAA,QACN,YAAYG;AAAA,QACZ,SAASb;AAAA,QACT,MAAMS;AAAA,QACN,aAAU;AAAA,QAET,UAAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,cAAa;AAAA,QACb,MAAMV;AAAA,QACN,YAAYL,KAAkBQ;AAAA,QAC9B,SAASd;AAAA,QACT,aAAU;AAAA,QAET,UAAA;AAAA,UAAAe;AAAA,UACAR,KAAiB,gBAAAe,EAACC,GAAA,EAAe,IAAG,OAAM,MAAK,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACxD,GACF;AAEJ;AAEAxB,EAAc,cAAc;"}

package/dist/chunks/form-action-bar-Bzst5Vxz.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),t=require("./button-C8BxhnrL.cjs.js"),F=require("./group-CkyuWqOe.cjs.js"),c=require("./loading-spinner-KDA1v0Qr.cjs.js"),a=require("./normalize-messages-Dogs8lYA.cjs.js"),x={ariaLabel:"Form actions",cancel:"Cancel",delete:"Delete",save:"Save"},S={ariaLabel:"Form actions",cancel:"Cancel",delete:"Delete",save:"Save"},j={ariaLabel:"Form actions",cancel:"Cancel",delete:"Delete",save:"Save"},D={ariaLabel:"Form actions",cancel:"Cancel",delete:"Delete",save:"Save"},C={ariaLabel:"Form actions",cancel:"Cancel",delete:"Delete",save:"Save"},q={en:a.normalizeMessages(x),de:a.normalizeMessages(S),es:a.normalizeMessages(j),"fr-FR":a.normalizeMessages(D),"pt-BR":a.normalizeMessages(C)},m=({onSave:d,onCancel:v,onDelete:n,saveLabel:g,cancelLabel:f,deleteLabel:u,isSaveDisabled:b=!1,isSaveLoading:l=!1,isDeleteLoading:i=!1,"aria-label":B,cancelSlot:M,buttonSize:r})=>{const s=a.useLocalizedStringFormatter(q),o=l||i,L=g??s.format("save"),p=f??s.format("cancel"),z=u??s.format("delete"),A=B??s.format("ariaLabel");return e.jsxs(F.Group,{"aria-label":A,gap:"300",children:[n&&e.jsxs(t.Button,{variant:"solid",colorPalette:"critical",size:r,isDisabled:o,onPress:n,"data-slot":"delete",children:[z,i&&e.jsx(c.LoadingSpinner,{ml:"100",size:"2xs"})]}),e.jsx(t.Button,{variant:"outline",size:r,isDisabled:o,onPress:v,slot:M,"data-slot":"cancel",children:p}),e.jsxs(t.Button,{variant:"solid",colorPalette:"primary",size:r,isDisabled:b||o,onPress:d,"data-slot":"save",children:[L,l&&e.jsx(c.LoadingSpinner,{ml:"100",size:"2xs"})]})]})};m.displayName="FormActionBar";exports.FormActionBar=m;
+//# sourceMappingURL=form-action-bar-Bzst5Vxz.cjs.js.map

package/dist/chunks/form-action-bar-Bzst5Vxz.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-action-bar-Bzst5Vxz.cjs.js","sources":["../../src/patterns/actions/form-action-bar/intl/en.ts","../../src/patterns/actions/form-action-bar/intl/de.ts","../../src/patterns/actions/form-action-bar/intl/es.ts","../../src/patterns/actions/form-action-bar/intl/fr-FR.ts","../../src/patterns/actions/form-action-bar/intl/pt-BR.ts","../../src/patterns/actions/form-action-bar/form-action-bar.messages.ts","../../src/patterns/actions/form-action-bar/form-action-bar.tsx"],"sourcesContent":["/**\n * Pre-compiled en messages for FormActionBar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  ariaLabel: `Form actions`,\n  cancel: `Cancel`,\n  delete: `Delete`,\n  save: `Save`,\n};\n","/**\n * Pre-compiled de messages for FormActionBar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  ariaLabel: `Form actions`,\n  cancel: `Cancel`,\n  delete: `Delete`,\n  save: `Save`,\n};\n","/**\n * Pre-compiled es messages for FormActionBar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  ariaLabel: `Form actions`,\n  cancel: `Cancel`,\n  delete: `Delete`,\n  save: `Save`,\n};\n","/**\n * Pre-compiled fr-FR messages for FormActionBar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  ariaLabel: `Form actions`,\n  cancel: `Cancel`,\n  delete: `Delete`,\n  save: `Save`,\n};\n","/**\n * Pre-compiled pt-BR messages for FormActionBar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  ariaLabel: `Form actions`,\n  cancel: `Cancel`,\n  delete: `Delete`,\n  save: `Save`,\n};\n","/**\n * Pre-compiled localized messages for FormActionBar 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 formActionBarMessages_en from \"./intl/en\";\nimport formActionBarMessages_de from \"./intl/de\";\nimport formActionBarMessages_es from \"./intl/es\";\nimport formActionBarMessages_fr from \"./intl/fr-FR\";\nimport formActionBarMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const formActionBarMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(formActionBarMessages_en),\n  de: normalizeMessages(formActionBarMessages_de),\n  es: normalizeMessages(formActionBarMessages_es),\n  \"fr-FR\": normalizeMessages(formActionBarMessages_fr),\n  \"pt-BR\": normalizeMessages(formActionBarMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for FormActionBar component\n */\nexport type FormActionBarMessageKey =\n  | \"ariaLabel\"\n  | \"cancel\"\n  | \"delete\"\n  | \"save\";\n","import { Button } from \"@/components/button/button\";\nimport { Group } from \"@/components/group/group\";\nimport { LoadingSpinner } from \"@/components/loading-spinner/loading-spinner\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { formActionBarMessagesStrings } from \"./form-action-bar.messages\";\nimport type { FormActionBarProps } from \"./form-action-bar.types\";\n\n/**\n * # FormActionBar\n *\n * A pattern providing save / cancel / optional delete buttons for form footers.\n *\n * Works inside any footer slot: `DefaultPage.Footer`, `ModalPage.Footer`,\n * `Drawer.Footer`, `Dialog.Footer`. Replaces separate form-page wrappers.\n *\n * @example\n * ```tsx\n * <FormActionBar\n *   onSave={handleSave}\n *   onCancel={handleCancel}\n *   onDelete={handleDelete}\n *   isSaveDisabled={!isDirty}\n *   isSaveLoading={isSaving}\n * />\n * ```\n */\nexport const FormActionBar = ({\n  onSave,\n  onCancel,\n  onDelete,\n  saveLabel,\n  cancelLabel,\n  deleteLabel,\n  isSaveDisabled = false,\n  isSaveLoading = false,\n  isDeleteLoading = false,\n  \"aria-label\": ariaLabel,\n  cancelSlot,\n  buttonSize,\n}: FormActionBarProps) => {\n  const msg = useLocalizedStringFormatter(formActionBarMessagesStrings);\n  const isBusy = isSaveLoading || isDeleteLoading;\n\n  const resolvedSaveLabel = saveLabel ?? msg.format(\"save\");\n  const resolvedCancelLabel = cancelLabel ?? msg.format(\"cancel\");\n  const resolvedDeleteLabel = deleteLabel ?? msg.format(\"delete\");\n  const resolvedAriaLabel = ariaLabel ?? msg.format(\"ariaLabel\");\n\n  return (\n    <Group aria-label={resolvedAriaLabel} gap=\"300\">\n      {onDelete && (\n        <Button\n          variant=\"solid\"\n          colorPalette=\"critical\"\n          size={buttonSize}\n          isDisabled={isBusy}\n          onPress={onDelete}\n          data-slot=\"delete\"\n        >\n          {resolvedDeleteLabel}\n          {isDeleteLoading && <LoadingSpinner ml=\"100\" size=\"2xs\" />}\n        </Button>\n      )}\n      <Button\n        variant=\"outline\"\n        size={buttonSize}\n        isDisabled={isBusy}\n        onPress={onCancel}\n        slot={cancelSlot}\n        data-slot=\"cancel\"\n      >\n        {resolvedCancelLabel}\n      </Button>\n      <Button\n        variant=\"solid\"\n        colorPalette=\"primary\"\n        size={buttonSize}\n        isDisabled={isSaveDisabled || isBusy}\n        onPress={onSave}\n        data-slot=\"save\"\n      >\n        {resolvedSaveLabel}\n        {isSaveLoading && <LoadingSpinner ml=\"100\" size=\"2xs\" />}\n      </Button>\n    </Group>\n  );\n};\n\nFormActionBar.displayName = \"FormActionBar\";\n"],"names":["formActionBarMessages_en","formActionBarMessages_de","formActionBarMessages_es","formActionBarMessages_fr","formActionBarMessages_pt","formActionBarMessagesStrings","normalizeMessages","FormActionBar","onSave","onCancel","onDelete","saveLabel","cancelLabel","deleteLabel","isSaveDisabled","isSaveLoading","isDeleteLoading","ariaLabel","cancelSlot","buttonSize","msg","useLocalizedStringFormatter","isBusy","resolvedSaveLabel","resolvedCancelLabel","resolvedDeleteLabel","resolvedAriaLabel","jsxs","Group","Button","jsx","LoadingSpinner"],"mappings":"8NAMAA,EAAe,CACb,UAAW,eACX,OAAQ,SACR,OAAQ,SACR,KAAM,MACR,ECLAC,EAAe,CACb,UAAW,eACX,OAAQ,SACR,OAAQ,SACR,KAAM,MACR,ECLAC,EAAe,CACb,UAAW,eACX,OAAQ,SACR,OAAQ,SACR,KAAM,MACR,ECLAC,EAAe,CACb,UAAW,eACX,OAAQ,SACR,OAAQ,SACR,KAAM,MACR,ECLAC,EAAe,CACb,UAAW,eACX,OAAQ,SACR,OAAQ,SACR,KAAM,MACR,ECYaC,EAGT,CACF,GAAIC,EAAAA,kBAAkBN,CAAwB,EAC9C,GAAIM,EAAAA,kBAAkBL,CAAwB,EAC9C,GAAIK,EAAAA,kBAAkBJ,CAAwB,EAC9C,QAASI,EAAAA,kBAAkBH,CAAwB,EACnD,QAASG,EAAAA,kBAAkBF,CAAwB,CACrD,ECNaG,EAAgB,CAAC,CAC5B,OAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,YAAAC,EACA,YAAAC,EACA,eAAAC,EAAiB,GACjB,cAAAC,EAAgB,GAChB,gBAAAC,EAAkB,GAClB,aAAcC,EACd,WAAAC,EACA,WAAAC,CACF,IAA0B,CACxB,MAAMC,EAAMC,EAAAA,4BAA4BhB,CAA4B,EAC9DiB,EAASP,GAAiBC,EAE1BO,EAAoBZ,GAAaS,EAAI,OAAO,MAAM,EAClDI,EAAsBZ,GAAeQ,EAAI,OAAO,QAAQ,EACxDK,EAAsBZ,GAAeO,EAAI,OAAO,QAAQ,EACxDM,EAAoBT,GAAaG,EAAI,OAAO,WAAW,EAE7D,OACEO,EAAAA,KAACC,EAAAA,MAAA,CAAM,aAAYF,EAAmB,IAAI,MACvC,SAAA,CAAAhB,GACCiB,EAAAA,KAACE,EAAAA,OAAA,CACC,QAAQ,QACR,aAAa,WACb,KAAMV,EACN,WAAYG,EACZ,QAASZ,EACT,YAAU,SAET,SAAA,CAAAe,EACAT,GAAmBc,EAAAA,IAACC,iBAAA,CAAe,GAAG,MAAM,KAAK,KAAA,CAAM,CAAA,CAAA,CAAA,EAG5DD,EAAAA,IAACD,EAAAA,OAAA,CACC,QAAQ,UACR,KAAMV,EACN,WAAYG,EACZ,QAASb,EACT,KAAMS,EACN,YAAU,SAET,SAAAM,CAAA,CAAA,EAEHG,EAAAA,KAACE,EAAAA,OAAA,CACC,QAAQ,QACR,aAAa,UACb,KAAMV,EACN,WAAYL,GAAkBQ,EAC9B,QAASd,EACT,YAAU,OAET,SAAA,CAAAe,EACAR,GAAiBe,EAAAA,IAACC,iBAAA,CAAe,GAAG,MAAM,KAAK,KAAA,CAAM,CAAA,CAAA,CAAA,CACxD,EACF,CAEJ,EAEAxB,EAAc,YAAc"}

package/dist/chunks/{form-field-DzzyQud_.es.js → form-field-8H5wbjSo.es.js}

@@ -4,10 +4,10 @@ import { createSlotRecipeContext as G } from "@chakra-ui/react/styled-system";
 import { $ as J } from "./useField-lGJsB_QJ.es.js";
 import { $ as K } from "./useObjectRef-tuMEdnba.es.js";
 import { m as O } from "./merge-refs-D-zSwpoh.es.js";
-import { j as Q, $ as R, k as T } from "./Dialog-Dwy2_Ptk.es.js";
+import { j as Q, $ as R, k as T } from "./Dialog-BVUZ7ef8.es.js";
 import { HelpOutline as U, ErrorOutline as W } from "@commercetools/nimbus-icons";
 import { B as F } from "./box-DuBoAZvq.es.js";
-import { I as X } from "./icon-button-DwOSMjvL.es.js";
+import { I as X } from "./icon-button-BEAbGl9T.es.js";
 const a = /* @__PURE__ */ z({
   context: {
     label: null,
@@ -350,4 +350,4 @@ export {
   S as e,
   P as f
 };
-//# sourceMappingURL=form-field-DzzyQud_.es.js.map
+//# sourceMappingURL=form-field-8H5wbjSo.es.js.map

package/dist/chunks/{form-field-DzzyQud_.es.js.map → form-field-8H5wbjSo.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"form-field-DzzyQud_.es.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.slots.tsx","../../src/components/form-field/components/form-field.root.tsx","../../src/components/form-field/components/form-field.label.tsx","../../src/components/form-field/components/form-field.input.tsx","../../src/components/form-field/components/form-field.description.tsx","../../src/components/form-field/components/form-field.error.tsx","../../src/components/form-field/components/form-field.info-box.tsx","../../src/components/form-field/form-field.tsx"],"sourcesContent":["import { createContext, type ReactNode } from \"react\";\nimport type {\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldLabelSlotProps,\n} from \"../form-field.types\";\n\nexport type FormFieldInputProps = Record<string, unknown>;\n\nexport type FormFieldContextPayloadType = {\n  label: ReactNode;\n  labelSlotProps?: FormFieldLabelSlotProps;\n  description: ReactNode;\n  descriptionSlotProps?: FormFieldDescriptionSlotProps;\n  error: ReactNode;\n  errorSlotProps?: FormFieldErrorSlotProps;\n  info: ReactNode;\n  isInvalid?: boolean;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n};\n\nexport type FormFieldContextType = {\n  context: FormFieldContextPayloadType;\n  setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;\n  inputProps: FormFieldInputProps;\n};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n  context: {\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n  },\n  setContext: () => {},\n  inputProps: {},\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  FormFieldRootSlotProps,\n  FormFieldLabelSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldPopoverSlotProps,\n} from \"./form-field.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusFormField\",\n});\n\n// Root slot\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import { useEffect, useMemo, useState, useRef } from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField, useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@/utils\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldLabelSlot,\n  FormFieldPopoverSlot,\n  FormFieldRootSlot,\n} from \"../form-field.slots\";\nimport { Dialog, DialogTrigger, Popover } from \"react-aria-components\";\nimport { Box, IconButton } from \"@/components\";\nimport { ErrorOutline, HelpOutline } from \"@commercetools/nimbus-icons\";\n\n/**\n * # FormField.Root\n *\n * displays miscellaneous inputs in a FormField context\n *\n * @supportsStyleProps\n */\nexport const FormFieldRoot = function FormFieldRoot({\n  ref: forwardedRef,\n  id,\n  isInvalid,\n  isRequired,\n  isDisabled,\n  isReadOnly,\n  children,\n  ...props\n}: FormFieldProps) {\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const [context, setContext] = useState<FormFieldContextPayloadType>({\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    isInvalid,\n    isRequired,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const useFieldArgs: Parameters<typeof useField>[0] = useMemo(() => {\n    const args: Parameters<typeof useField>[0] = {\n      id,\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      args.label = context.label;\n    } else {\n      // Context will always start out null, so we need to stub out some aria attributes\n      // FIXME: This is a hack to get the form field to work, but it's not the best solution\n      // FIXME: We should find a better way to handle this by redesigning the FormField component's structure\n      args[\"aria-label\"] = \"empty-label\";\n      args[\"aria-labelledby\"] = \"empty-label\";\n    }\n\n    return args;\n  }, [id, context.description, context.error, context.label]);\n\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n    useField(useFieldArgs);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }));\n  }, [isInvalid, isRequired, isDisabled, isReadOnly]);\n\n  const inputProps = useMemo(\n    () => ({\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }),\n    [fieldProps, isInvalid, isRequired, isDisabled, isReadOnly]\n  );\n\n  const contextValue = useMemo(\n    () => ({ context, setContext, inputProps }),\n    [context, inputProps]\n  );\n\n  return (\n    <FormFieldContext.Provider value={contextValue}>\n      <FormFieldRootSlot ref={ref} {...props}>\n        {context.label && (\n          <FormFieldLabelSlot {...context.labelSlotProps}>\n            <label {...labelProps} data-required={isRequired}>\n              {context.label}\n              {isRequired && <sup aria-hidden=\"true\">*</sup>}\n            </label>\n            {context.info && (\n              <DialogTrigger>\n                <Box\n                  as=\"span\"\n                  display=\"inline-block\"\n                  position=\"relative\"\n                  width=\"1ch\"\n                  height=\"1ch\"\n                  ml=\"200\"\n                >\n                  <Box\n                    as=\"span\"\n                    display=\"inline-flex\"\n                    position=\"absolute\"\n                    top=\"50%\"\n                    right=\"50%\"\n                    transform=\"translate(50%, -50%)\"\n                  >\n                    <IconButton\n                      aria-label=\"__MORE INFO\"\n                      size=\"2xs\"\n                      colorPalette=\"info\"\n                      variant=\"link\"\n                    >\n                      <HelpOutline />\n                    </IconButton>\n                  </Box>\n                </Box>\n                <Popover>\n                  <FormFieldPopoverSlot asChild>\n                    <Dialog>\n                      <Box p=\"300\">{context.info}</Box>\n                    </Dialog>\n                  </FormFieldPopoverSlot>\n                </Popover>\n              </DialogTrigger>\n            )}\n          </FormFieldLabelSlot>\n        )}\n        {context.description && (\n          <FormFieldDescriptionSlot\n            {...descriptionProps}\n            {...context.descriptionSlotProps}\n          >\n            {context.description}\n          </FormFieldDescriptionSlot>\n        )}\n        {isInvalid && context.error && (\n          <FormFieldErrorSlot\n            {...errorMessageProps}\n            {...context.errorSlotProps}\n          >\n            <Box\n              as={ErrorOutline}\n              display=\"inline-flex\"\n              boxSize=\"400\"\n              flexShrink=\"0\"\n              mt=\"50\"\n            />\n            {context.error}\n          </FormFieldErrorSlot>\n        )}\n        {children}\n      </FormFieldRootSlot>\n    </FormFieldContext.Provider>\n  );\n};\n\nFormFieldRoot.displayName = \"FormField.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Label - The label element for the form field\n *\n * @supportsStyleProps\n */\n// TODO: should this be wrapped in react-aria's `LabelContext` provider?, e.g. https://react-spectrum.adobe.com/react-aria/TextField.html#custom-children\nexport const FormFieldLabel = ({\n  children,\n  ...labelSlotProps\n}: FormFieldLabelSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      label: children,\n      labelSlotProps,\n    }));\n\n    // Cleanup: clear label when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        label: null,\n        labelSlotProps: undefined,\n      }));\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldLabel.displayName = \"FormField.Label\";\n","import { Children, cloneElement, isValidElement, useContext } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.types\";\nimport { FormFieldInputSlot } from \"../form-field.slots\";\n\n/**\n * FormField.Input - The input wrapper element for the form field\n *\n * Renders children directly (with injected field props) to avoid\n * the state-based indirection that causes cursor position issues\n * on controlled inputs.\n *\n * @supportsStyleProps\n */\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { inputProps } = useContext(FormFieldContext);\n\n  return (\n    <FormFieldInputSlot {...inputSlotProps}>\n      {Children.map(children, (child) => {\n        if (isValidElement(child)) {\n          return cloneElement(child, inputProps);\n        }\n        return child;\n      })}\n    </FormFieldInputSlot>\n  );\n};\n\nFormFieldInput.displayName = \"FormField.Input\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Description - The description element for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldDescription = ({\n  children,\n  ...descriptionSlotProps\n}: FormFieldDescriptionSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      description: children,\n      descriptionSlotProps,\n    }));\n\n    // Cleanup: clear description when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        description: null,\n        descriptionSlotProps: undefined,\n      }));\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldDescription.displayName = \"FormField.Description\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Error - The error message element for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldError = ({\n  children,\n  ...errorSlotProps\n}: FormFieldErrorSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      error: children,\n      errorSlotProps,\n    }));\n\n    // Cleanup: clear error when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        error: null,\n        errorSlotProps: undefined,\n      }));\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldError.displayName = \"FormField.Error\";\n","import { useContext, useEffect, type ReactNode } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\n\ntype FormFieldInfoBoxProps = {\n  /**\n   * The content to display in the InfoBox\n   */\n  children: ReactNode;\n};\n\n/**\n * FormField.InfoBox - The info box popover content for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n\n    // Cleanup: clear info when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        info: null,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldInfoBox.displayName = \"FormField.InfoBox\";\n","import {\n  FormFieldRoot,\n  FormFieldLabel,\n  FormFieldInput,\n  FormFieldDescription,\n  FormFieldError,\n  FormFieldInfoBox,\n} from \"./components\";\n\nexport const FormField = {\n  /**\n   * # FormField.Root\n   *\n   * The root container for the form field that provides context and state management\n   * for all child components. Handles React Aria integration for accessibility,\n   * manages field state (required, invalid, disabled, readonly), and coordinates\n   * rendering of label, input, description, and error elements.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root isRequired isInvalid>\n   *   <FormField.Label>Username</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Description>Enter your username</FormField.Description>\n   *   <FormField.Error>Username is required</FormField.Error>\n   * </FormField.Root>\n   * ```\n   */\n  Root: FormFieldRoot,\n\n  /**\n   * # FormField.Label\n   *\n   * The label element for the form field. Automatically associates with the input\n   * via React Aria and displays a required indicator when the field is required.\n   * Supports an optional info box trigger for additional field information.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Email Address</FormField.Label>\n   *   <FormField.InfoBox>\n   *     Your email will be used for account notifications\n   *   </FormField.InfoBox>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  Label: FormFieldLabel,\n\n  /**\n   * # FormField.Input\n   *\n   * The input wrapper element that receives and displays the actual input component.\n   * Automatically clones children and passes accessibility props, validation state,\n   * and field attributes from React Aria.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Password</FormField.Label>\n   *   <FormField.Input>\n   *     <PasswordInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  Input: FormFieldInput,\n\n  /**\n   * # FormField.Description\n   *\n   * The description element that provides helpful information about the field.\n   * Automatically associates with the input via `aria-describedby` for screen readers.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Username</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Description>\n   *     Must be 3-20 characters, letters and numbers only\n   *   </FormField.Description>\n   * </FormField.Root>\n   * ```\n   */\n  Description: FormFieldDescription,\n\n  /**\n   * # FormField.Error\n   *\n   * The error message element that displays validation errors. Only visible when\n   * the field is invalid. Automatically associates with the input via\n   * `aria-errormessage` and includes an error icon.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root isInvalid>\n   *   <FormField.Label>Email</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Error>Please enter a valid email address</FormField.Error>\n   * </FormField.Root>\n   * ```\n   */\n  Error: FormFieldError,\n\n  /**\n   * # FormField.InfoBox\n   *\n   * The info box content that appears in a popover when the help icon next to\n   * the label is clicked. Use for additional context or instructions that don't\n   * need to be visible by default.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>API Key</FormField.Label>\n   *   <FormField.InfoBox>\n   *     Your API key can be found in your account settings.\n   *     Keep it secure and never share it publicly.\n   *   </FormField.InfoBox>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  InfoBox: FormFieldInfoBox,\n};\n\nexport {\n  FormFieldRoot as _FormFieldRoot,\n  FormFieldLabel as _FormFieldLabel,\n  FormFieldInput as _FormFieldInput,\n  FormFieldDescription as _FormFieldDescription,\n  FormFieldError as _FormFieldError,\n  FormFieldInfoBox as _FormFieldInfoBox,\n};\n"],"names":["FormFieldContext","createContext","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardedRef","id","isInvalid","isRequired","isDisabled","isReadOnly","children","props","localRef","useRef","ref","useObjectRef","mergeRefs","context","setContext","useState","useFieldArgs","useMemo","args","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","contextValue","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","child","isValidElement","cloneElement","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"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"}
+{"version":3,"file":"form-field-8H5wbjSo.es.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.slots.tsx","../../src/components/form-field/components/form-field.root.tsx","../../src/components/form-field/components/form-field.label.tsx","../../src/components/form-field/components/form-field.input.tsx","../../src/components/form-field/components/form-field.description.tsx","../../src/components/form-field/components/form-field.error.tsx","../../src/components/form-field/components/form-field.info-box.tsx","../../src/components/form-field/form-field.tsx"],"sourcesContent":["import { createContext, type ReactNode } from \"react\";\nimport type {\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldLabelSlotProps,\n} from \"../form-field.types\";\n\nexport type FormFieldInputProps = Record<string, unknown>;\n\nexport type FormFieldContextPayloadType = {\n  label: ReactNode;\n  labelSlotProps?: FormFieldLabelSlotProps;\n  description: ReactNode;\n  descriptionSlotProps?: FormFieldDescriptionSlotProps;\n  error: ReactNode;\n  errorSlotProps?: FormFieldErrorSlotProps;\n  info: ReactNode;\n  isInvalid?: boolean;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n};\n\nexport type FormFieldContextType = {\n  context: FormFieldContextPayloadType;\n  setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;\n  inputProps: FormFieldInputProps;\n};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n  context: {\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n  },\n  setContext: () => {},\n  inputProps: {},\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  FormFieldRootSlotProps,\n  FormFieldLabelSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldPopoverSlotProps,\n} from \"./form-field.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusFormField\",\n});\n\n// Root slot\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import { useEffect, useMemo, useState, useRef } from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField, useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@/utils\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldLabelSlot,\n  FormFieldPopoverSlot,\n  FormFieldRootSlot,\n} from \"../form-field.slots\";\nimport { Dialog, DialogTrigger, Popover } from \"react-aria-components\";\nimport { Box, IconButton } from \"@/components\";\nimport { ErrorOutline, HelpOutline } from \"@commercetools/nimbus-icons\";\n\n/**\n * # FormField.Root\n *\n * displays miscellaneous inputs in a FormField context\n *\n * @supportsStyleProps\n */\nexport const FormFieldRoot = function FormFieldRoot({\n  ref: forwardedRef,\n  id,\n  isInvalid,\n  isRequired,\n  isDisabled,\n  isReadOnly,\n  children,\n  ...props\n}: FormFieldProps) {\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const [context, setContext] = useState<FormFieldContextPayloadType>({\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    isInvalid,\n    isRequired,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const useFieldArgs: Parameters<typeof useField>[0] = useMemo(() => {\n    const args: Parameters<typeof useField>[0] = {\n      id,\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      args.label = context.label;\n    } else {\n      // Context will always start out null, so we need to stub out some aria attributes\n      // FIXME: This is a hack to get the form field to work, but it's not the best solution\n      // FIXME: We should find a better way to handle this by redesigning the FormField component's structure\n      args[\"aria-label\"] = \"empty-label\";\n      args[\"aria-labelledby\"] = \"empty-label\";\n    }\n\n    return args;\n  }, [id, context.description, context.error, context.label]);\n\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n    useField(useFieldArgs);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }));\n  }, [isInvalid, isRequired, isDisabled, isReadOnly]);\n\n  const inputProps = useMemo(\n    () => ({\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }),\n    [fieldProps, isInvalid, isRequired, isDisabled, isReadOnly]\n  );\n\n  const contextValue = useMemo(\n    () => ({ context, setContext, inputProps }),\n    [context, inputProps]\n  );\n\n  return (\n    <FormFieldContext.Provider value={contextValue}>\n      <FormFieldRootSlot ref={ref} {...props}>\n        {context.label && (\n          <FormFieldLabelSlot {...context.labelSlotProps}>\n            <label {...labelProps} data-required={isRequired}>\n              {context.label}\n              {isRequired && <sup aria-hidden=\"true\">*</sup>}\n            </label>\n            {context.info && (\n              <DialogTrigger>\n                <Box\n                  as=\"span\"\n                  display=\"inline-block\"\n                  position=\"relative\"\n                  width=\"1ch\"\n                  height=\"1ch\"\n                  ml=\"200\"\n                >\n                  <Box\n                    as=\"span\"\n                    display=\"inline-flex\"\n                    position=\"absolute\"\n                    top=\"50%\"\n                    right=\"50%\"\n                    transform=\"translate(50%, -50%)\"\n                  >\n                    <IconButton\n                      aria-label=\"__MORE INFO\"\n                      size=\"2xs\"\n                      colorPalette=\"info\"\n                      variant=\"link\"\n                    >\n                      <HelpOutline />\n                    </IconButton>\n                  </Box>\n                </Box>\n                <Popover>\n                  <FormFieldPopoverSlot asChild>\n                    <Dialog>\n                      <Box p=\"300\">{context.info}</Box>\n                    </Dialog>\n                  </FormFieldPopoverSlot>\n                </Popover>\n              </DialogTrigger>\n            )}\n          </FormFieldLabelSlot>\n        )}\n        {context.description && (\n          <FormFieldDescriptionSlot\n            {...descriptionProps}\n            {...context.descriptionSlotProps}\n          >\n            {context.description}\n          </FormFieldDescriptionSlot>\n        )}\n        {isInvalid && context.error && (\n          <FormFieldErrorSlot\n            {...errorMessageProps}\n            {...context.errorSlotProps}\n          >\n            <Box\n              as={ErrorOutline}\n              display=\"inline-flex\"\n              boxSize=\"400\"\n              flexShrink=\"0\"\n              mt=\"50\"\n            />\n            {context.error}\n          </FormFieldErrorSlot>\n        )}\n        {children}\n      </FormFieldRootSlot>\n    </FormFieldContext.Provider>\n  );\n};\n\nFormFieldRoot.displayName = \"FormField.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Label - The label element for the form field\n *\n * @supportsStyleProps\n */\n// TODO: should this be wrapped in react-aria's `LabelContext` provider?, e.g. https://react-spectrum.adobe.com/react-aria/TextField.html#custom-children\nexport const FormFieldLabel = ({\n  children,\n  ...labelSlotProps\n}: FormFieldLabelSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      label: children,\n      labelSlotProps,\n    }));\n\n    // Cleanup: clear label when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        label: null,\n        labelSlotProps: undefined,\n      }));\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldLabel.displayName = \"FormField.Label\";\n","import { Children, cloneElement, isValidElement, useContext } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.types\";\nimport { FormFieldInputSlot } from \"../form-field.slots\";\n\n/**\n * FormField.Input - The input wrapper element for the form field\n *\n * Renders children directly (with injected field props) to avoid\n * the state-based indirection that causes cursor position issues\n * on controlled inputs.\n *\n * @supportsStyleProps\n */\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { inputProps } = useContext(FormFieldContext);\n\n  return (\n    <FormFieldInputSlot {...inputSlotProps}>\n      {Children.map(children, (child) => {\n        if (isValidElement(child)) {\n          return cloneElement(child, inputProps);\n        }\n        return child;\n      })}\n    </FormFieldInputSlot>\n  );\n};\n\nFormFieldInput.displayName = \"FormField.Input\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Description - The description element for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldDescription = ({\n  children,\n  ...descriptionSlotProps\n}: FormFieldDescriptionSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      description: children,\n      descriptionSlotProps,\n    }));\n\n    // Cleanup: clear description when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        description: null,\n        descriptionSlotProps: undefined,\n      }));\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldDescription.displayName = \"FormField.Description\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Error - The error message element for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldError = ({\n  children,\n  ...errorSlotProps\n}: FormFieldErrorSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      error: children,\n      errorSlotProps,\n    }));\n\n    // Cleanup: clear error when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        error: null,\n        errorSlotProps: undefined,\n      }));\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldError.displayName = \"FormField.Error\";\n","import { useContext, useEffect, type ReactNode } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\n\ntype FormFieldInfoBoxProps = {\n  /**\n   * The content to display in the InfoBox\n   */\n  children: ReactNode;\n};\n\n/**\n * FormField.InfoBox - The info box popover content for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n\n    // Cleanup: clear info when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        info: null,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldInfoBox.displayName = \"FormField.InfoBox\";\n","import {\n  FormFieldRoot,\n  FormFieldLabel,\n  FormFieldInput,\n  FormFieldDescription,\n  FormFieldError,\n  FormFieldInfoBox,\n} from \"./components\";\n\nexport const FormField = {\n  /**\n   * # FormField.Root\n   *\n   * The root container for the form field that provides context and state management\n   * for all child components. Handles React Aria integration for accessibility,\n   * manages field state (required, invalid, disabled, readonly), and coordinates\n   * rendering of label, input, description, and error elements.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root isRequired isInvalid>\n   *   <FormField.Label>Username</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Description>Enter your username</FormField.Description>\n   *   <FormField.Error>Username is required</FormField.Error>\n   * </FormField.Root>\n   * ```\n   */\n  Root: FormFieldRoot,\n\n  /**\n   * # FormField.Label\n   *\n   * The label element for the form field. Automatically associates with the input\n   * via React Aria and displays a required indicator when the field is required.\n   * Supports an optional info box trigger for additional field information.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Email Address</FormField.Label>\n   *   <FormField.InfoBox>\n   *     Your email will be used for account notifications\n   *   </FormField.InfoBox>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  Label: FormFieldLabel,\n\n  /**\n   * # FormField.Input\n   *\n   * The input wrapper element that receives and displays the actual input component.\n   * Automatically clones children and passes accessibility props, validation state,\n   * and field attributes from React Aria.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Password</FormField.Label>\n   *   <FormField.Input>\n   *     <PasswordInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  Input: FormFieldInput,\n\n  /**\n   * # FormField.Description\n   *\n   * The description element that provides helpful information about the field.\n   * Automatically associates with the input via `aria-describedby` for screen readers.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Username</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Description>\n   *     Must be 3-20 characters, letters and numbers only\n   *   </FormField.Description>\n   * </FormField.Root>\n   * ```\n   */\n  Description: FormFieldDescription,\n\n  /**\n   * # FormField.Error\n   *\n   * The error message element that displays validation errors. Only visible when\n   * the field is invalid. Automatically associates with the input via\n   * `aria-errormessage` and includes an error icon.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root isInvalid>\n   *   <FormField.Label>Email</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Error>Please enter a valid email address</FormField.Error>\n   * </FormField.Root>\n   * ```\n   */\n  Error: FormFieldError,\n\n  /**\n   * # FormField.InfoBox\n   *\n   * The info box content that appears in a popover when the help icon next to\n   * the label is clicked. Use for additional context or instructions that don't\n   * need to be visible by default.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>API Key</FormField.Label>\n   *   <FormField.InfoBox>\n   *     Your API key can be found in your account settings.\n   *     Keep it secure and never share it publicly.\n   *   </FormField.InfoBox>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  InfoBox: FormFieldInfoBox,\n};\n\nexport {\n  FormFieldRoot as _FormFieldRoot,\n  FormFieldLabel as _FormFieldLabel,\n  FormFieldInput as _FormFieldInput,\n  FormFieldDescription as _FormFieldDescription,\n  FormFieldError as _FormFieldError,\n  FormFieldInfoBox as _FormFieldInfoBox,\n};\n"],"names":["FormFieldContext","createContext","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardedRef","id","isInvalid","isRequired","isDisabled","isReadOnly","children","props","localRef","useRef","ref","useObjectRef","mergeRefs","context","setContext","useState","useFieldArgs","useMemo","args","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","contextValue","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","child","isValidElement","cloneElement","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"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"}

package/dist/chunks/{form-field-v_NZnNpK.cjs.js → form-field-CRA4BE4c.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const t=require("react"),l=require("react/jsx-runtime"),k=require("@chakra-ui/react/styled-system"),R=require("./useField-BVQNiEG8.cjs.js"),w=require("./useObjectRef-mEu7QX6X.cjs.js"),z=require("./merge-refs-D8liJcZz.cjs.js"),x=require("./Dialog-3tr7frni.cjs.js"),E=require("@commercetools/nimbus-icons"),F=require("./box-CWni3A32.cjs.js"),D=require("./icon-button-Dus3CyuU.cjs.js"),a=t.createContext({context:{label:null,description:null,error:null,info:null},setContext:()=>{},inputProps:{}}),{withProvider:V,withContext:p}=k.createSlotRecipeContext({key:"nimbusFormField"}),_=V("div","root"),A=p("div","label"),H=p("div","input"),J=p("div","description"),O=p("div","error"),W=p("div","popover"),m=function({ref:s,id:o,isInvalid:e,isRequired:i,isDisabled:u,isReadOnly:d,children:v,...y}){const B=t.useRef(null),g=w.$03e8ab2d84d7657a$export$4338b53315abf666(z.mergeRefs(B,s)),[r,P]=t.useState({label:null,description:null,error:null,info:null,isInvalid:e,isRequired:i,isDisabled:u,isReadOnly:d}),N=t.useMemo(()=>{const c={id:o,description:r.description,errorMessage:r.error};return r.label?c.label=r.label:(c["aria-label"]="empty-label",c["aria-labelledby"]="empty-label"),c},[o,r.description,r.error,r.label]),{labelProps:I,fieldProps:S,descriptionProps:M,errorMessageProps:q}=R.$191c9b6d48a0a4e2$export$294aa081a6c6f55d(N);t.useEffect(()=>{P(c=>({...c,isInvalid:e,isRequired:i,isDisabled:u,isReadOnly:d}))},[e,i,u,d]);const $=t.useMemo(()=>({...S,isInvalid:e,isRequired:i,isDisabled:u,isReadOnly:d}),[S,e,i,u,d]),L=t.useMemo(()=>({context:r,setContext:P,inputProps:$}),[r,$]);return l.jsx(a.Provider,{value:L,children:l.jsxs(_,{ref:g,...y,children:[r.label&&l.jsxs(A,{...r.labelSlotProps,children:[l.jsxs("label",{...I,"data-required":i,children:[r.label,i&&l.jsx("sup",{"aria-hidden":"true",children:"*"})]}),r.info&&l.jsxs(x.$f2ff30fde7b014be$export$2e1e1122cf0cba88,{children:[l.jsx(F.Box,{as:"span",display:"inline-block",position:"relative",width:"1ch",height:"1ch",ml:"200",children:l.jsx(F.Box,{as:"span",display:"inline-flex",position:"absolute",top:"50%",right:"50%",transform:"translate(50%, -50%)",children:l.jsx(D.IconButton,{"aria-label":"__MORE INFO",size:"2xs",colorPalette:"info",variant:"link",children:l.jsx(E.HelpOutline,{})})})}),l.jsx(x.$542a13ca2fa5b484$export$5b6b19405a83ff9d,{children:l.jsx(W,{asChild:!0,children:l.jsx(x.$f2ff30fde7b014be$export$3ddf2d174ce01153,{children:l.jsx(F.Box,{p:"300",children:r.info})})})})]})]}),r.description&&l.jsx(J,{...M,...r.descriptionSlotProps,children:r.description}),e&&r.error&&l.jsxs(O,{...q,...r.errorSlotProps,children:[l.jsx(F.Box,{as:E.ErrorOutline,display:"inline-flex",boxSize:"400",flexShrink:"0",mt:"50"}),r.error]}),v]})})};m.displayName="FormField.Root";const f=({children:n,...s})=>{const{setContext:o}=t.useContext(a);return t.useEffect(()=>(o(e=>({...e,label:n,labelSlotProps:s})),()=>{o(e=>({...e,label:null,labelSlotProps:void 0}))}),[n,o]),null};f.displayName="FormField.Label";const b=({children:n,...s})=>{const{inputProps:o}=t.useContext(a);return l.jsx(H,{...s,children:t.Children.map(n,e=>t.isValidElement(e)?t.cloneElement(e,o):e)})};b.displayName="FormField.Input";const h=({children:n,...s})=>{const{setContext:o}=t.useContext(a);return t.useEffect(()=>(o(e=>({...e,description:n,descriptionSlotProps:s})),()=>{o(e=>({...e,description:null,descriptionSlotProps:void 0}))}),[n,o]),null};h.displayName="FormField.Description";const j=({children:n,...s})=>{const{setContext:o}=t.useContext(a);return t.useEffect(()=>(o(e=>({...e,error:n,errorSlotProps:s})),()=>{o(e=>({...e,error:null,errorSlotProps:void 0}))}),[n,o]),null};j.displayName="FormField.Error";const C=({children:n})=>{const{setContext:s}=t.useContext(a);return t.useEffect(()=>(s(o=>({...o,info:n})),()=>{s(o=>({...o,info:null}))}),[n,s]),null};C.displayName="FormField.InfoBox";const G={Root:m,Label:f,Input:b,Description:h,Error:j,InfoBox:C};exports.FormField=G;exports.FormFieldDescription=h;exports.FormFieldError=j;exports.FormFieldInfoBox=C;exports.FormFieldInput=b;exports.FormFieldLabel=f;exports.FormFieldRoot=m;
-//# sourceMappingURL=form-field-v_NZnNpK.cjs.js.map
+"use strict";const t=require("react"),l=require("react/jsx-runtime"),k=require("@chakra-ui/react/styled-system"),R=require("./useField-BVQNiEG8.cjs.js"),w=require("./useObjectRef-mEu7QX6X.cjs.js"),z=require("./merge-refs-D8liJcZz.cjs.js"),x=require("./Dialog-3tr7frni.cjs.js"),E=require("@commercetools/nimbus-icons"),F=require("./box-CWni3A32.cjs.js"),D=require("./icon-button-xxvxJnj0.cjs.js"),a=t.createContext({context:{label:null,description:null,error:null,info:null},setContext:()=>{},inputProps:{}}),{withProvider:V,withContext:p}=k.createSlotRecipeContext({key:"nimbusFormField"}),_=V("div","root"),A=p("div","label"),H=p("div","input"),J=p("div","description"),O=p("div","error"),W=p("div","popover"),m=function({ref:s,id:o,isInvalid:e,isRequired:i,isDisabled:u,isReadOnly:d,children:v,...y}){const B=t.useRef(null),g=w.$03e8ab2d84d7657a$export$4338b53315abf666(z.mergeRefs(B,s)),[r,P]=t.useState({label:null,description:null,error:null,info:null,isInvalid:e,isRequired:i,isDisabled:u,isReadOnly:d}),N=t.useMemo(()=>{const c={id:o,description:r.description,errorMessage:r.error};return r.label?c.label=r.label:(c["aria-label"]="empty-label",c["aria-labelledby"]="empty-label"),c},[o,r.description,r.error,r.label]),{labelProps:I,fieldProps:S,descriptionProps:M,errorMessageProps:q}=R.$191c9b6d48a0a4e2$export$294aa081a6c6f55d(N);t.useEffect(()=>{P(c=>({...c,isInvalid:e,isRequired:i,isDisabled:u,isReadOnly:d}))},[e,i,u,d]);const $=t.useMemo(()=>({...S,isInvalid:e,isRequired:i,isDisabled:u,isReadOnly:d}),[S,e,i,u,d]),L=t.useMemo(()=>({context:r,setContext:P,inputProps:$}),[r,$]);return l.jsx(a.Provider,{value:L,children:l.jsxs(_,{ref:g,...y,children:[r.label&&l.jsxs(A,{...r.labelSlotProps,children:[l.jsxs("label",{...I,"data-required":i,children:[r.label,i&&l.jsx("sup",{"aria-hidden":"true",children:"*"})]}),r.info&&l.jsxs(x.$f2ff30fde7b014be$export$2e1e1122cf0cba88,{children:[l.jsx(F.Box,{as:"span",display:"inline-block",position:"relative",width:"1ch",height:"1ch",ml:"200",children:l.jsx(F.Box,{as:"span",display:"inline-flex",position:"absolute",top:"50%",right:"50%",transform:"translate(50%, -50%)",children:l.jsx(D.IconButton,{"aria-label":"__MORE INFO",size:"2xs",colorPalette:"info",variant:"link",children:l.jsx(E.HelpOutline,{})})})}),l.jsx(x.$542a13ca2fa5b484$export$5b6b19405a83ff9d,{children:l.jsx(W,{asChild:!0,children:l.jsx(x.$f2ff30fde7b014be$export$3ddf2d174ce01153,{children:l.jsx(F.Box,{p:"300",children:r.info})})})})]})]}),r.description&&l.jsx(J,{...M,...r.descriptionSlotProps,children:r.description}),e&&r.error&&l.jsxs(O,{...q,...r.errorSlotProps,children:[l.jsx(F.Box,{as:E.ErrorOutline,display:"inline-flex",boxSize:"400",flexShrink:"0",mt:"50"}),r.error]}),v]})})};m.displayName="FormField.Root";const f=({children:n,...s})=>{const{setContext:o}=t.useContext(a);return t.useEffect(()=>(o(e=>({...e,label:n,labelSlotProps:s})),()=>{o(e=>({...e,label:null,labelSlotProps:void 0}))}),[n,o]),null};f.displayName="FormField.Label";const b=({children:n,...s})=>{const{inputProps:o}=t.useContext(a);return l.jsx(H,{...s,children:t.Children.map(n,e=>t.isValidElement(e)?t.cloneElement(e,o):e)})};b.displayName="FormField.Input";const h=({children:n,...s})=>{const{setContext:o}=t.useContext(a);return t.useEffect(()=>(o(e=>({...e,description:n,descriptionSlotProps:s})),()=>{o(e=>({...e,description:null,descriptionSlotProps:void 0}))}),[n,o]),null};h.displayName="FormField.Description";const j=({children:n,...s})=>{const{setContext:o}=t.useContext(a);return t.useEffect(()=>(o(e=>({...e,error:n,errorSlotProps:s})),()=>{o(e=>({...e,error:null,errorSlotProps:void 0}))}),[n,o]),null};j.displayName="FormField.Error";const C=({children:n})=>{const{setContext:s}=t.useContext(a);return t.useEffect(()=>(s(o=>({...o,info:n})),()=>{s(o=>({...o,info:null}))}),[n,s]),null};C.displayName="FormField.InfoBox";const G={Root:m,Label:f,Input:b,Description:h,Error:j,InfoBox:C};exports.FormField=G;exports.FormFieldDescription=h;exports.FormFieldError=j;exports.FormFieldInfoBox=C;exports.FormFieldInput=b;exports.FormFieldLabel=f;exports.FormFieldRoot=m;
+//# sourceMappingURL=form-field-CRA4BE4c.cjs.js.map

package/dist/chunks/{form-field-v_NZnNpK.cjs.js.map → form-field-CRA4BE4c.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"form-field-v_NZnNpK.cjs.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.slots.tsx","../../src/components/form-field/components/form-field.root.tsx","../../src/components/form-field/components/form-field.label.tsx","../../src/components/form-field/components/form-field.input.tsx","../../src/components/form-field/components/form-field.description.tsx","../../src/components/form-field/components/form-field.error.tsx","../../src/components/form-field/components/form-field.info-box.tsx","../../src/components/form-field/form-field.tsx"],"sourcesContent":["import { createContext, type ReactNode } from \"react\";\nimport type {\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldLabelSlotProps,\n} from \"../form-field.types\";\n\nexport type FormFieldInputProps = Record<string, unknown>;\n\nexport type FormFieldContextPayloadType = {\n  label: ReactNode;\n  labelSlotProps?: FormFieldLabelSlotProps;\n  description: ReactNode;\n  descriptionSlotProps?: FormFieldDescriptionSlotProps;\n  error: ReactNode;\n  errorSlotProps?: FormFieldErrorSlotProps;\n  info: ReactNode;\n  isInvalid?: boolean;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n};\n\nexport type FormFieldContextType = {\n  context: FormFieldContextPayloadType;\n  setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;\n  inputProps: FormFieldInputProps;\n};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n  context: {\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n  },\n  setContext: () => {},\n  inputProps: {},\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  FormFieldRootSlotProps,\n  FormFieldLabelSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldPopoverSlotProps,\n} from \"./form-field.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusFormField\",\n});\n\n// Root slot\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import { useEffect, useMemo, useState, useRef } from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField, useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@/utils\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldLabelSlot,\n  FormFieldPopoverSlot,\n  FormFieldRootSlot,\n} from \"../form-field.slots\";\nimport { Dialog, DialogTrigger, Popover } from \"react-aria-components\";\nimport { Box, IconButton } from \"@/components\";\nimport { ErrorOutline, HelpOutline } from \"@commercetools/nimbus-icons\";\n\n/**\n * # FormField.Root\n *\n * displays miscellaneous inputs in a FormField context\n *\n * @supportsStyleProps\n */\nexport const FormFieldRoot = function FormFieldRoot({\n  ref: forwardedRef,\n  id,\n  isInvalid,\n  isRequired,\n  isDisabled,\n  isReadOnly,\n  children,\n  ...props\n}: FormFieldProps) {\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const [context, setContext] = useState<FormFieldContextPayloadType>({\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    isInvalid,\n    isRequired,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const useFieldArgs: Parameters<typeof useField>[0] = useMemo(() => {\n    const args: Parameters<typeof useField>[0] = {\n      id,\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      args.label = context.label;\n    } else {\n      // Context will always start out null, so we need to stub out some aria attributes\n      // FIXME: This is a hack to get the form field to work, but it's not the best solution\n      // FIXME: We should find a better way to handle this by redesigning the FormField component's structure\n      args[\"aria-label\"] = \"empty-label\";\n      args[\"aria-labelledby\"] = \"empty-label\";\n    }\n\n    return args;\n  }, [id, context.description, context.error, context.label]);\n\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n    useField(useFieldArgs);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }));\n  }, [isInvalid, isRequired, isDisabled, isReadOnly]);\n\n  const inputProps = useMemo(\n    () => ({\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }),\n    [fieldProps, isInvalid, isRequired, isDisabled, isReadOnly]\n  );\n\n  const contextValue = useMemo(\n    () => ({ context, setContext, inputProps }),\n    [context, inputProps]\n  );\n\n  return (\n    <FormFieldContext.Provider value={contextValue}>\n      <FormFieldRootSlot ref={ref} {...props}>\n        {context.label && (\n          <FormFieldLabelSlot {...context.labelSlotProps}>\n            <label {...labelProps} data-required={isRequired}>\n              {context.label}\n              {isRequired && <sup aria-hidden=\"true\">*</sup>}\n            </label>\n            {context.info && (\n              <DialogTrigger>\n                <Box\n                  as=\"span\"\n                  display=\"inline-block\"\n                  position=\"relative\"\n                  width=\"1ch\"\n                  height=\"1ch\"\n                  ml=\"200\"\n                >\n                  <Box\n                    as=\"span\"\n                    display=\"inline-flex\"\n                    position=\"absolute\"\n                    top=\"50%\"\n                    right=\"50%\"\n                    transform=\"translate(50%, -50%)\"\n                  >\n                    <IconButton\n                      aria-label=\"__MORE INFO\"\n                      size=\"2xs\"\n                      colorPalette=\"info\"\n                      variant=\"link\"\n                    >\n                      <HelpOutline />\n                    </IconButton>\n                  </Box>\n                </Box>\n                <Popover>\n                  <FormFieldPopoverSlot asChild>\n                    <Dialog>\n                      <Box p=\"300\">{context.info}</Box>\n                    </Dialog>\n                  </FormFieldPopoverSlot>\n                </Popover>\n              </DialogTrigger>\n            )}\n          </FormFieldLabelSlot>\n        )}\n        {context.description && (\n          <FormFieldDescriptionSlot\n            {...descriptionProps}\n            {...context.descriptionSlotProps}\n          >\n            {context.description}\n          </FormFieldDescriptionSlot>\n        )}\n        {isInvalid && context.error && (\n          <FormFieldErrorSlot\n            {...errorMessageProps}\n            {...context.errorSlotProps}\n          >\n            <Box\n              as={ErrorOutline}\n              display=\"inline-flex\"\n              boxSize=\"400\"\n              flexShrink=\"0\"\n              mt=\"50\"\n            />\n            {context.error}\n          </FormFieldErrorSlot>\n        )}\n        {children}\n      </FormFieldRootSlot>\n    </FormFieldContext.Provider>\n  );\n};\n\nFormFieldRoot.displayName = \"FormField.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Label - The label element for the form field\n *\n * @supportsStyleProps\n */\n// TODO: should this be wrapped in react-aria's `LabelContext` provider?, e.g. https://react-spectrum.adobe.com/react-aria/TextField.html#custom-children\nexport const FormFieldLabel = ({\n  children,\n  ...labelSlotProps\n}: FormFieldLabelSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      label: children,\n      labelSlotProps,\n    }));\n\n    // Cleanup: clear label when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        label: null,\n        labelSlotProps: undefined,\n      }));\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldLabel.displayName = \"FormField.Label\";\n","import { Children, cloneElement, isValidElement, useContext } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.types\";\nimport { FormFieldInputSlot } from \"../form-field.slots\";\n\n/**\n * FormField.Input - The input wrapper element for the form field\n *\n * Renders children directly (with injected field props) to avoid\n * the state-based indirection that causes cursor position issues\n * on controlled inputs.\n *\n * @supportsStyleProps\n */\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { inputProps } = useContext(FormFieldContext);\n\n  return (\n    <FormFieldInputSlot {...inputSlotProps}>\n      {Children.map(children, (child) => {\n        if (isValidElement(child)) {\n          return cloneElement(child, inputProps);\n        }\n        return child;\n      })}\n    </FormFieldInputSlot>\n  );\n};\n\nFormFieldInput.displayName = \"FormField.Input\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Description - The description element for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldDescription = ({\n  children,\n  ...descriptionSlotProps\n}: FormFieldDescriptionSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      description: children,\n      descriptionSlotProps,\n    }));\n\n    // Cleanup: clear description when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        description: null,\n        descriptionSlotProps: undefined,\n      }));\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldDescription.displayName = \"FormField.Description\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Error - The error message element for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldError = ({\n  children,\n  ...errorSlotProps\n}: FormFieldErrorSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      error: children,\n      errorSlotProps,\n    }));\n\n    // Cleanup: clear error when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        error: null,\n        errorSlotProps: undefined,\n      }));\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldError.displayName = \"FormField.Error\";\n","import { useContext, useEffect, type ReactNode } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\n\ntype FormFieldInfoBoxProps = {\n  /**\n   * The content to display in the InfoBox\n   */\n  children: ReactNode;\n};\n\n/**\n * FormField.InfoBox - The info box popover content for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n\n    // Cleanup: clear info when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        info: null,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldInfoBox.displayName = \"FormField.InfoBox\";\n","import {\n  FormFieldRoot,\n  FormFieldLabel,\n  FormFieldInput,\n  FormFieldDescription,\n  FormFieldError,\n  FormFieldInfoBox,\n} from \"./components\";\n\nexport const FormField = {\n  /**\n   * # FormField.Root\n   *\n   * The root container for the form field that provides context and state management\n   * for all child components. Handles React Aria integration for accessibility,\n   * manages field state (required, invalid, disabled, readonly), and coordinates\n   * rendering of label, input, description, and error elements.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root isRequired isInvalid>\n   *   <FormField.Label>Username</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Description>Enter your username</FormField.Description>\n   *   <FormField.Error>Username is required</FormField.Error>\n   * </FormField.Root>\n   * ```\n   */\n  Root: FormFieldRoot,\n\n  /**\n   * # FormField.Label\n   *\n   * The label element for the form field. Automatically associates with the input\n   * via React Aria and displays a required indicator when the field is required.\n   * Supports an optional info box trigger for additional field information.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Email Address</FormField.Label>\n   *   <FormField.InfoBox>\n   *     Your email will be used for account notifications\n   *   </FormField.InfoBox>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  Label: FormFieldLabel,\n\n  /**\n   * # FormField.Input\n   *\n   * The input wrapper element that receives and displays the actual input component.\n   * Automatically clones children and passes accessibility props, validation state,\n   * and field attributes from React Aria.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Password</FormField.Label>\n   *   <FormField.Input>\n   *     <PasswordInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  Input: FormFieldInput,\n\n  /**\n   * # FormField.Description\n   *\n   * The description element that provides helpful information about the field.\n   * Automatically associates with the input via `aria-describedby` for screen readers.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Username</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Description>\n   *     Must be 3-20 characters, letters and numbers only\n   *   </FormField.Description>\n   * </FormField.Root>\n   * ```\n   */\n  Description: FormFieldDescription,\n\n  /**\n   * # FormField.Error\n   *\n   * The error message element that displays validation errors. Only visible when\n   * the field is invalid. Automatically associates with the input via\n   * `aria-errormessage` and includes an error icon.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root isInvalid>\n   *   <FormField.Label>Email</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Error>Please enter a valid email address</FormField.Error>\n   * </FormField.Root>\n   * ```\n   */\n  Error: FormFieldError,\n\n  /**\n   * # FormField.InfoBox\n   *\n   * The info box content that appears in a popover when the help icon next to\n   * the label is clicked. Use for additional context or instructions that don't\n   * need to be visible by default.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>API Key</FormField.Label>\n   *   <FormField.InfoBox>\n   *     Your API key can be found in your account settings.\n   *     Keep it secure and never share it publicly.\n   *   </FormField.InfoBox>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  InfoBox: FormFieldInfoBox,\n};\n\nexport {\n  FormFieldRoot as _FormFieldRoot,\n  FormFieldLabel as _FormFieldLabel,\n  FormFieldInput as _FormFieldInput,\n  FormFieldDescription as _FormFieldDescription,\n  FormFieldError as _FormFieldError,\n  FormFieldInfoBox as _FormFieldInfoBox,\n};\n"],"names":["FormFieldContext","createContext","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardedRef","id","isInvalid","isRequired","isDisabled","isReadOnly","children","props","localRef","useRef","ref","useObjectRef","mergeRefs","context","setContext","useState","useFieldArgs","useMemo","args","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","contextValue","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","child","isValidElement","cloneElement","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"4YA6BaA,EAAmBC,EAAAA,cAAoC,CAClE,QAAS,CACP,MAAO,KACP,YAAa,KACb,MAAO,KACP,KAAM,IAAA,EAER,WAAY,IAAM,CAAC,EACnB,WAAY,CAAA,CACd,CAAC,EC5BK,CAAE,aAAAC,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,iBACP,CAAC,EAGYC,EAAoBH,EAG/B,MAAO,MAAM,EAGFI,EAAqBH,EAGhC,MAAO,OAAO,EAGHI,EAAqBJ,EAGhC,MAAO,OAAO,EAGHK,EAA2BL,EAGtC,MAAO,aAAa,EAGTM,EAAqBN,EAGhC,MAAO,OAAO,EAGHO,EAAuBP,EAGlC,MAAO,SAAS,ECtBLQ,EAAgB,SAAuB,CAClD,IAAKC,EACL,GAAAC,EACA,UAAAC,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAmB,CACjB,MAAMC,EAAWC,EAAAA,OAAuB,IAAI,EACtCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUR,CAAY,CAAC,EACpD,CAACa,EAASC,CAAU,EAAIC,WAAsC,CAClE,MAAO,KACP,YAAa,KACb,MAAO,KACP,KAAM,KACN,UAAAb,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,CAAA,CACD,EAEKW,EAA+CC,EAAAA,QAAQ,IAAM,CACjE,MAAMC,EAAuC,CAC3C,GAAAjB,EACA,YAAaY,EAAQ,YACrB,aAAcA,EAAQ,KAAA,EAGxB,OAAIA,EAAQ,MACVK,EAAK,MAAQL,EAAQ,OAKrBK,EAAK,YAAY,EAAI,cACrBA,EAAK,iBAAiB,EAAI,eAGrBA,CACT,EAAG,CAACjB,EAAIY,EAAQ,YAAaA,EAAQ,MAAOA,EAAQ,KAAK,CAAC,EAEpD,CAAE,WAAAM,EAAY,WAAAC,EAAY,iBAAAC,EAAkB,kBAAAC,CAAA,EAChDC,EAAAA,0CAASP,CAAY,EAEvBQ,EAAAA,UAAU,IAAM,CACdV,EAAYW,IAAiB,CAC3B,GAAGA,EACH,UAAAvB,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,CAAA,EACA,CACJ,EAAG,CAACH,EAAWC,EAAYC,EAAYC,CAAU,CAAC,EAElD,MAAMqB,EAAaT,EAAAA,QACjB,KAAO,CACL,GAAGG,EACH,UAAAlB,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,CAAA,GAEF,CAACe,EAAYlB,EAAWC,EAAYC,EAAYC,CAAU,CAAA,EAGtDsB,EAAeV,EAAAA,QACnB,KAAO,CAAE,QAAAJ,EAAS,WAAAC,EAAY,WAAAY,IAC9B,CAACb,EAASa,CAAU,CAAA,EAGtB,OACEE,EAAAA,IAACxC,EAAiB,SAAjB,CAA0B,MAAOuC,EAChC,SAAAE,EAAAA,KAACpC,EAAA,CAAkB,IAAAiB,EAAW,GAAGH,EAC9B,SAAA,CAAAM,EAAQ,OACPgB,OAACnC,EAAA,CAAoB,GAAGmB,EAAQ,eAC9B,SAAA,CAAAgB,EAAAA,KAAC,QAAA,CAAO,GAAGV,EAAY,gBAAehB,EACnC,SAAA,CAAAU,EAAQ,MACRV,GAAcyB,EAAAA,IAAC,MAAA,CAAI,cAAY,OAAO,SAAA,GAAA,CAAC,CAAA,EAC1C,EACCf,EAAQ,MACPgB,EAAAA,KAACC,EAAAA,0CAAA,CACC,SAAA,CAAAF,EAAAA,IAACG,EAAAA,IAAA,CACC,GAAG,OACH,QAAQ,eACR,SAAS,WACT,MAAM,MACN,OAAO,MACP,GAAG,MAEH,SAAAH,EAAAA,IAACG,EAAAA,IAAA,CACC,GAAG,OACH,QAAQ,cACR,SAAS,WACT,IAAI,MACJ,MAAM,MACN,UAAU,uBAEV,SAAAH,EAAAA,IAACI,EAAAA,WAAA,CACC,aAAW,cACX,KAAK,MACL,aAAa,OACb,QAAQ,OAER,eAACC,EAAAA,YAAA,CAAA,CAAY,CAAA,CAAA,CACf,CAAA,CACF,CAAA,QAEDC,EAAAA,0CAAA,CACC,SAAAN,MAAC9B,EAAA,CAAqB,QAAO,GAC3B,SAAA8B,EAAAA,IAACO,EAAAA,0CAAA,CACC,SAAAP,MAACG,EAAAA,IAAA,CAAI,EAAE,MAAO,SAAAlB,EAAQ,IAAA,CAAK,CAAA,CAC7B,EACF,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EAEJ,EAEDA,EAAQ,aACPe,EAAAA,IAAChC,EAAA,CACE,GAAGyB,EACH,GAAGR,EAAQ,qBAEX,SAAAA,EAAQ,WAAA,CAAA,EAGZX,GAAaW,EAAQ,OACpBgB,EAAAA,KAAChC,EAAA,CACE,GAAGyB,EACH,GAAGT,EAAQ,eAEZ,SAAA,CAAAe,EAAAA,IAACG,EAAAA,IAAA,CACC,GAAIK,EAAAA,aACJ,QAAQ,cACR,QAAQ,MACR,WAAW,IACX,GAAG,IAAA,CAAA,EAEJvB,EAAQ,KAAA,CAAA,CAAA,EAGZP,CAAA,CAAA,CACH,CAAA,CACF,CAEJ,EAEAP,EAAc,YAAc,iBCrKrB,MAAMsC,EAAiB,CAAC,CAC7B,SAAA/B,EACA,GAAGgC,CACL,IAA+B,CAC7B,KAAM,CAAE,WAAAxB,CAAA,EAAeyB,EAAAA,WAAWnD,CAAgB,EAElDoC,OAAAA,EAAAA,UAAU,KACRV,EAAYW,IAAiB,CAC3B,GAAGA,EACH,MAAOnB,EACP,eAAAgC,CAAA,EACA,EAGK,IAAM,CACXxB,EAAYW,IAAiB,CAC3B,GAAGA,EACH,MAAO,KACP,eAAgB,MAAA,EAChB,CACJ,GAEC,CAACnB,EAAUQ,CAAU,CAAC,EAElB,IACT,EAEAuB,EAAe,YAAc,kBCvBtB,MAAMG,EAAiB,CAAC,CAC7B,SAAAlC,EACA,GAAGmC,CACL,IAA+B,CAC7B,KAAM,CAAE,WAAAf,CAAA,EAAea,EAAAA,WAAWnD,CAAgB,EAElD,OACEwC,EAAAA,IAACjC,GAAoB,GAAG8C,EACrB,oBAAS,IAAInC,EAAWoC,GACnBC,EAAAA,eAAeD,CAAK,EACfE,EAAAA,aAAaF,EAAOhB,CAAU,EAEhCgB,CACR,CAAA,CACH,CAEJ,EAEAF,EAAe,YAAc,kBCvBtB,MAAMK,EAAuB,CAAC,CACnC,SAAAvC,EACA,GAAGwC,CACL,IAAqC,CACnC,KAAM,CAAE,WAAAhC,CAAA,EAAeyB,EAAAA,WAAWnD,CAAgB,EAElDoC,OAAAA,EAAAA,UAAU,KACRV,EAAYW,IAAiB,CAC3B,GAAGA,EACH,YAAanB,EACb,qBAAAwC,CAAA,EACA,EAGK,IAAM,CACXhC,EAAYW,IAAiB,CAC3B,GAAGA,EACH,YAAa,KACb,qBAAsB,MAAA,EACtB,CACJ,GAEC,CAACnB,EAAUQ,CAAU,CAAC,EAElB,IACT,EAEA+B,EAAqB,YAAc,wBC3B5B,MAAME,EAAiB,CAAC,CAC7B,SAAAzC,EACA,GAAG0C,CACL,IAA+B,CAC7B,KAAM,CAAE,WAAAlC,CAAA,EAAeyB,EAAAA,WAAWnD,CAAgB,EAElDoC,OAAAA,EAAAA,UAAU,KACRV,EAAYW,IAAiB,CAC3B,GAAGA,EACH,MAAOnB,EACP,eAAA0C,CAAA,EACA,EAGK,IAAM,CACXlC,EAAYW,IAAiB,CAC3B,GAAGA,EACH,MAAO,KACP,eAAgB,MAAA,EAChB,CACJ,GAEC,CAACnB,EAAUQ,CAAU,CAAC,EAElB,IACT,EAEAiC,EAAe,YAAc,kBCrBtB,MAAME,EAAmB,CAAC,CAAE,SAAA3C,KAAsC,CACvE,KAAM,CAAE,WAAAQ,CAAA,EAAeyB,EAAAA,WAAWnD,CAAgB,EAElDoC,OAAAA,EAAAA,UAAU,KACRV,EAAYW,IAAiB,CAC3B,GAAGA,EACH,KAAMnB,CAAA,EACN,EAGK,IAAM,CACXQ,EAAYW,IAAiB,CAC3B,GAAGA,EACH,KAAM,IAAA,EACN,CACJ,GACC,CAACnB,EAAUQ,CAAU,CAAC,EAElB,IACT,EAEAmC,EAAiB,YAAc,oBC3BxB,MAAMC,EAAY,CAqBvB,KAAMnD,EAsBN,MAAOsC,EAmBP,MAAOG,EAqBP,YAAaK,EAoBb,MAAOE,EAuBP,QAASE,CACX"}
+{"version":3,"file":"form-field-CRA4BE4c.cjs.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.slots.tsx","../../src/components/form-field/components/form-field.root.tsx","../../src/components/form-field/components/form-field.label.tsx","../../src/components/form-field/components/form-field.input.tsx","../../src/components/form-field/components/form-field.description.tsx","../../src/components/form-field/components/form-field.error.tsx","../../src/components/form-field/components/form-field.info-box.tsx","../../src/components/form-field/form-field.tsx"],"sourcesContent":["import { createContext, type ReactNode } from \"react\";\nimport type {\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldLabelSlotProps,\n} from \"../form-field.types\";\n\nexport type FormFieldInputProps = Record<string, unknown>;\n\nexport type FormFieldContextPayloadType = {\n  label: ReactNode;\n  labelSlotProps?: FormFieldLabelSlotProps;\n  description: ReactNode;\n  descriptionSlotProps?: FormFieldDescriptionSlotProps;\n  error: ReactNode;\n  errorSlotProps?: FormFieldErrorSlotProps;\n  info: ReactNode;\n  isInvalid?: boolean;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n};\n\nexport type FormFieldContextType = {\n  context: FormFieldContextPayloadType;\n  setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;\n  inputProps: FormFieldInputProps;\n};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n  context: {\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n  },\n  setContext: () => {},\n  inputProps: {},\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  FormFieldRootSlotProps,\n  FormFieldLabelSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldPopoverSlotProps,\n} from \"./form-field.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusFormField\",\n});\n\n// Root slot\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import { useEffect, useMemo, useState, useRef } from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField, useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@/utils\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldLabelSlot,\n  FormFieldPopoverSlot,\n  FormFieldRootSlot,\n} from \"../form-field.slots\";\nimport { Dialog, DialogTrigger, Popover } from \"react-aria-components\";\nimport { Box, IconButton } from \"@/components\";\nimport { ErrorOutline, HelpOutline } from \"@commercetools/nimbus-icons\";\n\n/**\n * # FormField.Root\n *\n * displays miscellaneous inputs in a FormField context\n *\n * @supportsStyleProps\n */\nexport const FormFieldRoot = function FormFieldRoot({\n  ref: forwardedRef,\n  id,\n  isInvalid,\n  isRequired,\n  isDisabled,\n  isReadOnly,\n  children,\n  ...props\n}: FormFieldProps) {\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const [context, setContext] = useState<FormFieldContextPayloadType>({\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    isInvalid,\n    isRequired,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const useFieldArgs: Parameters<typeof useField>[0] = useMemo(() => {\n    const args: Parameters<typeof useField>[0] = {\n      id,\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      args.label = context.label;\n    } else {\n      // Context will always start out null, so we need to stub out some aria attributes\n      // FIXME: This is a hack to get the form field to work, but it's not the best solution\n      // FIXME: We should find a better way to handle this by redesigning the FormField component's structure\n      args[\"aria-label\"] = \"empty-label\";\n      args[\"aria-labelledby\"] = \"empty-label\";\n    }\n\n    return args;\n  }, [id, context.description, context.error, context.label]);\n\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n    useField(useFieldArgs);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }));\n  }, [isInvalid, isRequired, isDisabled, isReadOnly]);\n\n  const inputProps = useMemo(\n    () => ({\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }),\n    [fieldProps, isInvalid, isRequired, isDisabled, isReadOnly]\n  );\n\n  const contextValue = useMemo(\n    () => ({ context, setContext, inputProps }),\n    [context, inputProps]\n  );\n\n  return (\n    <FormFieldContext.Provider value={contextValue}>\n      <FormFieldRootSlot ref={ref} {...props}>\n        {context.label && (\n          <FormFieldLabelSlot {...context.labelSlotProps}>\n            <label {...labelProps} data-required={isRequired}>\n              {context.label}\n              {isRequired && <sup aria-hidden=\"true\">*</sup>}\n            </label>\n            {context.info && (\n              <DialogTrigger>\n                <Box\n                  as=\"span\"\n                  display=\"inline-block\"\n                  position=\"relative\"\n                  width=\"1ch\"\n                  height=\"1ch\"\n                  ml=\"200\"\n                >\n                  <Box\n                    as=\"span\"\n                    display=\"inline-flex\"\n                    position=\"absolute\"\n                    top=\"50%\"\n                    right=\"50%\"\n                    transform=\"translate(50%, -50%)\"\n                  >\n                    <IconButton\n                      aria-label=\"__MORE INFO\"\n                      size=\"2xs\"\n                      colorPalette=\"info\"\n                      variant=\"link\"\n                    >\n                      <HelpOutline />\n                    </IconButton>\n                  </Box>\n                </Box>\n                <Popover>\n                  <FormFieldPopoverSlot asChild>\n                    <Dialog>\n                      <Box p=\"300\">{context.info}</Box>\n                    </Dialog>\n                  </FormFieldPopoverSlot>\n                </Popover>\n              </DialogTrigger>\n            )}\n          </FormFieldLabelSlot>\n        )}\n        {context.description && (\n          <FormFieldDescriptionSlot\n            {...descriptionProps}\n            {...context.descriptionSlotProps}\n          >\n            {context.description}\n          </FormFieldDescriptionSlot>\n        )}\n        {isInvalid && context.error && (\n          <FormFieldErrorSlot\n            {...errorMessageProps}\n            {...context.errorSlotProps}\n          >\n            <Box\n              as={ErrorOutline}\n              display=\"inline-flex\"\n              boxSize=\"400\"\n              flexShrink=\"0\"\n              mt=\"50\"\n            />\n            {context.error}\n          </FormFieldErrorSlot>\n        )}\n        {children}\n      </FormFieldRootSlot>\n    </FormFieldContext.Provider>\n  );\n};\n\nFormFieldRoot.displayName = \"FormField.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Label - The label element for the form field\n *\n * @supportsStyleProps\n */\n// TODO: should this be wrapped in react-aria's `LabelContext` provider?, e.g. https://react-spectrum.adobe.com/react-aria/TextField.html#custom-children\nexport const FormFieldLabel = ({\n  children,\n  ...labelSlotProps\n}: FormFieldLabelSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      label: children,\n      labelSlotProps,\n    }));\n\n    // Cleanup: clear label when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        label: null,\n        labelSlotProps: undefined,\n      }));\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldLabel.displayName = \"FormField.Label\";\n","import { Children, cloneElement, isValidElement, useContext } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.types\";\nimport { FormFieldInputSlot } from \"../form-field.slots\";\n\n/**\n * FormField.Input - The input wrapper element for the form field\n *\n * Renders children directly (with injected field props) to avoid\n * the state-based indirection that causes cursor position issues\n * on controlled inputs.\n *\n * @supportsStyleProps\n */\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { inputProps } = useContext(FormFieldContext);\n\n  return (\n    <FormFieldInputSlot {...inputSlotProps}>\n      {Children.map(children, (child) => {\n        if (isValidElement(child)) {\n          return cloneElement(child, inputProps);\n        }\n        return child;\n      })}\n    </FormFieldInputSlot>\n  );\n};\n\nFormFieldInput.displayName = \"FormField.Input\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Description - The description element for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldDescription = ({\n  children,\n  ...descriptionSlotProps\n}: FormFieldDescriptionSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      description: children,\n      descriptionSlotProps,\n    }));\n\n    // Cleanup: clear description when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        description: null,\n        descriptionSlotProps: undefined,\n      }));\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldDescription.displayName = \"FormField.Description\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Error - The error message element for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldError = ({\n  children,\n  ...errorSlotProps\n}: FormFieldErrorSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      error: children,\n      errorSlotProps,\n    }));\n\n    // Cleanup: clear error when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        error: null,\n        errorSlotProps: undefined,\n      }));\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldError.displayName = \"FormField.Error\";\n","import { useContext, useEffect, type ReactNode } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\n\ntype FormFieldInfoBoxProps = {\n  /**\n   * The content to display in the InfoBox\n   */\n  children: ReactNode;\n};\n\n/**\n * FormField.InfoBox - The info box popover content for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n\n    // Cleanup: clear info when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        info: null,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldInfoBox.displayName = \"FormField.InfoBox\";\n","import {\n  FormFieldRoot,\n  FormFieldLabel,\n  FormFieldInput,\n  FormFieldDescription,\n  FormFieldError,\n  FormFieldInfoBox,\n} from \"./components\";\n\nexport const FormField = {\n  /**\n   * # FormField.Root\n   *\n   * The root container for the form field that provides context and state management\n   * for all child components. Handles React Aria integration for accessibility,\n   * manages field state (required, invalid, disabled, readonly), and coordinates\n   * rendering of label, input, description, and error elements.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root isRequired isInvalid>\n   *   <FormField.Label>Username</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Description>Enter your username</FormField.Description>\n   *   <FormField.Error>Username is required</FormField.Error>\n   * </FormField.Root>\n   * ```\n   */\n  Root: FormFieldRoot,\n\n  /**\n   * # FormField.Label\n   *\n   * The label element for the form field. Automatically associates with the input\n   * via React Aria and displays a required indicator when the field is required.\n   * Supports an optional info box trigger for additional field information.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Email Address</FormField.Label>\n   *   <FormField.InfoBox>\n   *     Your email will be used for account notifications\n   *   </FormField.InfoBox>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  Label: FormFieldLabel,\n\n  /**\n   * # FormField.Input\n   *\n   * The input wrapper element that receives and displays the actual input component.\n   * Automatically clones children and passes accessibility props, validation state,\n   * and field attributes from React Aria.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Password</FormField.Label>\n   *   <FormField.Input>\n   *     <PasswordInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  Input: FormFieldInput,\n\n  /**\n   * # FormField.Description\n   *\n   * The description element that provides helpful information about the field.\n   * Automatically associates with the input via `aria-describedby` for screen readers.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Username</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Description>\n   *     Must be 3-20 characters, letters and numbers only\n   *   </FormField.Description>\n   * </FormField.Root>\n   * ```\n   */\n  Description: FormFieldDescription,\n\n  /**\n   * # FormField.Error\n   *\n   * The error message element that displays validation errors. Only visible when\n   * the field is invalid. Automatically associates with the input via\n   * `aria-errormessage` and includes an error icon.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root isInvalid>\n   *   <FormField.Label>Email</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Error>Please enter a valid email address</FormField.Error>\n   * </FormField.Root>\n   * ```\n   */\n  Error: FormFieldError,\n\n  /**\n   * # FormField.InfoBox\n   *\n   * The info box content that appears in a popover when the help icon next to\n   * the label is clicked. Use for additional context or instructions that don't\n   * need to be visible by default.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>API Key</FormField.Label>\n   *   <FormField.InfoBox>\n   *     Your API key can be found in your account settings.\n   *     Keep it secure and never share it publicly.\n   *   </FormField.InfoBox>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  InfoBox: FormFieldInfoBox,\n};\n\nexport {\n  FormFieldRoot as _FormFieldRoot,\n  FormFieldLabel as _FormFieldLabel,\n  FormFieldInput as _FormFieldInput,\n  FormFieldDescription as _FormFieldDescription,\n  FormFieldError as _FormFieldError,\n  FormFieldInfoBox as _FormFieldInfoBox,\n};\n"],"names":["FormFieldContext","createContext","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardedRef","id","isInvalid","isRequired","isDisabled","isReadOnly","children","props","localRef","useRef","ref","useObjectRef","mergeRefs","context","setContext","useState","useFieldArgs","useMemo","args","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","contextValue","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","child","isValidElement","cloneElement","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"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"}

package/dist/chunks/{getItemCount-BEy-gD1d.es.js → getItemCount-BlW7-DM4.es.js}

@@ -1,8 +1,8 @@
 import { $ as y, b } from "./utils-BBrLCz2b.es.js";
-import { $ as K, b as m } from "./CollectionBuilder-CbqLnlVI.es.js";
+import { $ as K, b as m } from "./CollectionBuilder-GnbDoE-A.es.js";
 import x, { createContext as $, useMemo as D } from "react";
-import { d as p, e as w, f as N } from "./useCollection-BHV9RL7c.es.js";
-import { $ as c } from "./useDescription-Cs3XF2eh.es.js";
+import { d as p, e as w, f as N } from "./useCollection-RgQhRQUv.es.js";
+import { $ as c } from "./useDescription-CUA6cnWB.es.js";
 import { $ as R } from "./useCollator-BHtcueqX.es.js";
 const v = /* @__PURE__ */ $({}), O = /* @__PURE__ */ K(m, function(e, t) {
   return [e, t] = y(e, t, v), /* @__PURE__ */ x.createElement(b.header, {
@@ -209,4 +209,4 @@ export {
   O as d,
   u as e
 };
-//# sourceMappingURL=getItemCount-BEy-gD1d.es.js.map
+//# sourceMappingURL=getItemCount-BlW7-DM4.es.js.map