@commercetools/nimbus 0.0.0-canary-20250902075758 → 0.0.0-canary-20250903145300

package/dist/chunks/focusSafely-jDMW9aEx.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"focusSafely-jDMW9aEx.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+utils@3.30.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/utils/dist/runAfterTransition.mjs","../../../../node_modules/.pnpm/@react-aria+interactions@3.25.5_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/interactions/dist/focusSafely.mjs"],"sourcesContent":["/*\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.\nlet $bbed8b41f857bcc0$var$transitionsByElement = new Map();\n// A list of callbacks to call once there are no transitioning elements.\nlet $bbed8b41f857bcc0$var$transitionCallbacks = new Set();\nfunction $bbed8b41f857bcc0$var$setupGlobalEvents() {\n    if (typeof window === 'undefined') return;\n    function isTransitionEvent(event) {\n        return 'propertyName' in event;\n    }\n    let onTransitionStart = (e)=>{\n        if (!isTransitionEvent(e) || !e.target) return;\n        // Add the transitioning property to the list for this element.\n        let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);\n        if (!transitions) {\n            transitions = new Set();\n            $bbed8b41f857bcc0$var$transitionsByElement.set(e.target, 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            e.target.addEventListener('transitioncancel', onTransitionEnd, {\n                once: true\n            });\n        }\n        transitions.add(e.propertyName);\n    };\n    let onTransitionEnd = (e)=>{\n        if (!isTransitionEvent(e) || !e.target) return;\n        // Remove property from list of transitioning properties.\n        let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);\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            e.target.removeEventListener('transitioncancel', onTransitionEnd);\n            $bbed8b41f857bcc0$var$transitionsByElement.delete(e.target);\n        }\n        // If no transitioning elements, call all of the queued callbacks.\n        if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) {\n            for (let cb of $bbed8b41f857bcc0$var$transitionCallbacks)cb();\n            $bbed8b41f857bcc0$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') $bbed8b41f857bcc0$var$setupGlobalEvents();\n    else document.addEventListener('DOMContentLoaded', $bbed8b41f857bcc0$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 $bbed8b41f857bcc0$var$cleanupDetachedElements() {\n    for (const [eventTarget] of $bbed8b41f857bcc0$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) $bbed8b41f857bcc0$var$transitionsByElement.delete(eventTarget);\n}\nfunction $bbed8b41f857bcc0$export$24490316f764c430(fn) {\n    // Wait one frame to see if an animation starts, e.g. a transition on mount.\n    requestAnimationFrame(()=>{\n        $bbed8b41f857bcc0$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 ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) fn();\n        else $bbed8b41f857bcc0$var$transitionCallbacks.add(fn);\n    });\n}\n\n\nexport {$bbed8b41f857bcc0$export$24490316f764c430 as runAfterTransition};\n//# sourceMappingURL=runAfterTransition.module.js.map\n","import {getInteractionModality as $507fabe10e71c6fb$export$630ff653c5ada6a9} from \"./useFocusVisible.mjs\";\nimport {getOwnerDocument as $k50bp$getOwnerDocument, getActiveElement as $k50bp$getActiveElement, runAfterTransition as $k50bp$runAfterTransition, focusWithoutScrolling as $k50bp$focusWithoutScrolling} from \"@react-aria/utils\";\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\nfunction $3ad3f6e1647bc98d$export$80f3e147d781571c(element) {\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, $k50bp$getOwnerDocument)(element);\n    const activeElement = (0, $k50bp$getActiveElement)(ownerDocument);\n    if ((0, $507fabe10e71c6fb$export$630ff653c5ada6a9)() === 'virtual') {\n        let lastFocusedElement = activeElement;\n        (0, $k50bp$runAfterTransition)(()=>{\n            // If focus did not move and the element is still in the document, focus it.\n            if ((0, $k50bp$getActiveElement)(ownerDocument) === lastFocusedElement && element.isConnected) (0, $k50bp$focusWithoutScrolling)(element);\n        });\n    } else (0, $k50bp$focusWithoutScrolling)(element);\n}\n\n\nexport {$3ad3f6e1647bc98d$export$80f3e147d781571c as focusSafely};\n//# sourceMappingURL=focusSafely.module.js.map\n"],"names":["$bbed8b41f857bcc0$var$transitionsByElement","$bbed8b41f857bcc0$var$transitionCallbacks","$bbed8b41f857bcc0$var$cleanupDetachedElements","eventTarget","$bbed8b41f857bcc0$export$24490316f764c430","fn","$3ad3f6e1647bc98d$export$80f3e147d781571c","element","ownerDocument","$k50bp$getOwnerDocument","activeElement","$k50bp$getActiveElement","$507fabe10e71c6fb$export$630ff653c5ada6a9","lastFocusedElement","$k50bp$runAfterTransition","$k50bp$focusWithoutScrolling"],"mappings":"4JAgBA,IAAIA,EAA6C,IAAI,IAEjDC,EAA4C,IAAI,IAkDhD,SAASC,GAAgD,CACzD,SAAW,CAACC,CAAW,IAAKH,EAExB,gBAAiBG,GAAe,CAACA,EAAY,aAAaH,EAA2C,OAAOG,CAAW,CAC/H,CACA,SAASC,EAA0CC,EAAI,CAEnD,sBAAsB,IAAI,CACtBH,EAA6C,EAGzCF,EAA2C,OAAS,EAAGK,EAAE,EACxDJ,EAA0C,IAAII,CAAE,CACzD,CAAC,CACL,CCnEA,SAASC,EAA0CC,EAAS,CAMxD,MAAMC,EAAoBC,EAAAA,0CAAyBF,CAAO,EACpDG,EAAoBC,EAAAA,0CAAyBH,CAAa,EAChE,GAAQI,EAAAA,0CAAyC,IAAQ,UAAW,CAChE,IAAIC,EAAqBH,EACrBI,EAA2B,IAAI,CAEvBH,EAAAA,0CAAyBH,CAAa,IAAMK,GAAsBN,EAAQ,aAAiBQ,EAAAA,0CAA8BR,CAAO,CAC5I,CAAC,CACL,MAAWQ,EAAAA,0CAA8BR,CAAO,CACpD","x_google_ignoreList":[0,1]}
+{"version":3,"file":"focusSafely-jDMW9aEx.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+utils@3.30.1_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@react-aria/utils/dist/runAfterTransition.mjs","../../../../node_modules/.pnpm/@react-aria+interactions@3.25.5_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@react-aria/interactions/dist/focusSafely.mjs"],"sourcesContent":["/*\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.\nlet $bbed8b41f857bcc0$var$transitionsByElement = new Map();\n// A list of callbacks to call once there are no transitioning elements.\nlet $bbed8b41f857bcc0$var$transitionCallbacks = new Set();\nfunction $bbed8b41f857bcc0$var$setupGlobalEvents() {\n    if (typeof window === 'undefined') return;\n    function isTransitionEvent(event) {\n        return 'propertyName' in event;\n    }\n    let onTransitionStart = (e)=>{\n        if (!isTransitionEvent(e) || !e.target) return;\n        // Add the transitioning property to the list for this element.\n        let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);\n        if (!transitions) {\n            transitions = new Set();\n            $bbed8b41f857bcc0$var$transitionsByElement.set(e.target, 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            e.target.addEventListener('transitioncancel', onTransitionEnd, {\n                once: true\n            });\n        }\n        transitions.add(e.propertyName);\n    };\n    let onTransitionEnd = (e)=>{\n        if (!isTransitionEvent(e) || !e.target) return;\n        // Remove property from list of transitioning properties.\n        let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);\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            e.target.removeEventListener('transitioncancel', onTransitionEnd);\n            $bbed8b41f857bcc0$var$transitionsByElement.delete(e.target);\n        }\n        // If no transitioning elements, call all of the queued callbacks.\n        if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) {\n            for (let cb of $bbed8b41f857bcc0$var$transitionCallbacks)cb();\n            $bbed8b41f857bcc0$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') $bbed8b41f857bcc0$var$setupGlobalEvents();\n    else document.addEventListener('DOMContentLoaded', $bbed8b41f857bcc0$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 $bbed8b41f857bcc0$var$cleanupDetachedElements() {\n    for (const [eventTarget] of $bbed8b41f857bcc0$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) $bbed8b41f857bcc0$var$transitionsByElement.delete(eventTarget);\n}\nfunction $bbed8b41f857bcc0$export$24490316f764c430(fn) {\n    // Wait one frame to see if an animation starts, e.g. a transition on mount.\n    requestAnimationFrame(()=>{\n        $bbed8b41f857bcc0$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 ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) fn();\n        else $bbed8b41f857bcc0$var$transitionCallbacks.add(fn);\n    });\n}\n\n\nexport {$bbed8b41f857bcc0$export$24490316f764c430 as runAfterTransition};\n//# sourceMappingURL=runAfterTransition.module.js.map\n","import {getInteractionModality as $507fabe10e71c6fb$export$630ff653c5ada6a9} from \"./useFocusVisible.mjs\";\nimport {getOwnerDocument as $k50bp$getOwnerDocument, getActiveElement as $k50bp$getActiveElement, runAfterTransition as $k50bp$runAfterTransition, focusWithoutScrolling as $k50bp$focusWithoutScrolling} from \"@react-aria/utils\";\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\nfunction $3ad3f6e1647bc98d$export$80f3e147d781571c(element) {\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, $k50bp$getOwnerDocument)(element);\n    const activeElement = (0, $k50bp$getActiveElement)(ownerDocument);\n    if ((0, $507fabe10e71c6fb$export$630ff653c5ada6a9)() === 'virtual') {\n        let lastFocusedElement = activeElement;\n        (0, $k50bp$runAfterTransition)(()=>{\n            // If focus did not move and the element is still in the document, focus it.\n            if ((0, $k50bp$getActiveElement)(ownerDocument) === lastFocusedElement && element.isConnected) (0, $k50bp$focusWithoutScrolling)(element);\n        });\n    } else (0, $k50bp$focusWithoutScrolling)(element);\n}\n\n\nexport {$3ad3f6e1647bc98d$export$80f3e147d781571c as focusSafely};\n//# sourceMappingURL=focusSafely.module.js.map\n"],"names":["$bbed8b41f857bcc0$var$transitionsByElement","$bbed8b41f857bcc0$var$transitionCallbacks","$bbed8b41f857bcc0$var$cleanupDetachedElements","eventTarget","$bbed8b41f857bcc0$export$24490316f764c430","fn","$3ad3f6e1647bc98d$export$80f3e147d781571c","element","ownerDocument","$k50bp$getOwnerDocument","activeElement","$k50bp$getActiveElement","$507fabe10e71c6fb$export$630ff653c5ada6a9","lastFocusedElement","$k50bp$runAfterTransition","$k50bp$focusWithoutScrolling"],"mappings":"4JAgBA,IAAIA,EAA6C,IAAI,IAEjDC,EAA4C,IAAI,IAkDhD,SAASC,GAAgD,CACzD,SAAW,CAACC,CAAW,IAAKH,EAExB,gBAAiBG,GAAe,CAACA,EAAY,aAAaH,EAA2C,OAAOG,CAAW,CAC/H,CACA,SAASC,EAA0CC,EAAI,CAEnD,sBAAsB,IAAI,CACtBH,EAA6C,EAGzCF,EAA2C,OAAS,EAAGK,EAAE,EACxDJ,EAA0C,IAAII,CAAE,CACzD,CAAC,CACL,CCnEA,SAASC,EAA0CC,EAAS,CAMxD,MAAMC,EAAoBC,EAAAA,0CAAyBF,CAAO,EACpDG,EAAoBC,EAAAA,0CAAyBH,CAAa,EAChE,GAAQI,EAAAA,0CAAyC,IAAQ,UAAW,CAChE,IAAIC,EAAqBH,EACrBI,EAA2B,IAAI,CAEvBH,EAAAA,0CAAyBH,CAAa,IAAMK,GAAsBN,EAAQ,aAAiBQ,EAAAA,0CAA8BR,CAAO,CAC5I,CAAC,CACL,MAAWQ,EAAAA,0CAA8BR,CAAO,CACpD","x_google_ignoreList":[0,1]}

package/dist/chunks/focusWithoutScrolling-BlyUcXdY.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"focusWithoutScrolling-BlyUcXdY.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+utils@3.30.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/utils/dist/focusWithoutScrolling.mjs"],"sourcesContent":["/*\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 */ function $7215afc6de606d6b$export$de79e2c695e052f3(element) {\n    if ($7215afc6de606d6b$var$supportsPreventScroll()) element.focus({\n        preventScroll: true\n    });\n    else {\n        let scrollableElements = $7215afc6de606d6b$var$getScrollableElements(element);\n        element.focus();\n        $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements);\n    }\n}\nlet $7215afc6de606d6b$var$supportsPreventScrollCached = null;\nfunction $7215afc6de606d6b$var$supportsPreventScroll() {\n    if ($7215afc6de606d6b$var$supportsPreventScrollCached == null) {\n        $7215afc6de606d6b$var$supportsPreventScrollCached = false;\n        try {\n            let focusElem = document.createElement('div');\n            focusElem.focus({\n                get preventScroll () {\n                    $7215afc6de606d6b$var$supportsPreventScrollCached = true;\n                    return true;\n                }\n            });\n        } catch  {\n        // Ignore\n        }\n    }\n    return $7215afc6de606d6b$var$supportsPreventScrollCached;\n}\nfunction $7215afc6de606d6b$var$getScrollableElements(element) {\n    let parent = element.parentNode;\n    let scrollableElements = [];\n    let rootScrollingElement = document.scrollingElement || document.documentElement;\n    while(parent instanceof HTMLElement && parent !== rootScrollingElement){\n        if (parent.offsetHeight < parent.scrollHeight || parent.offsetWidth < parent.scrollWidth) scrollableElements.push({\n            element: parent,\n            scrollTop: parent.scrollTop,\n            scrollLeft: parent.scrollLeft\n        });\n        parent = parent.parentNode;\n    }\n    if (rootScrollingElement instanceof HTMLElement) scrollableElements.push({\n        element: rootScrollingElement,\n        scrollTop: rootScrollingElement.scrollTop,\n        scrollLeft: rootScrollingElement.scrollLeft\n    });\n    return scrollableElements;\n}\nfunction $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements) {\n    for (let { element: element, scrollTop: scrollTop, scrollLeft: scrollLeft } of scrollableElements){\n        element.scrollTop = scrollTop;\n        element.scrollLeft = scrollLeft;\n    }\n}\n\n\nexport {$7215afc6de606d6b$export$de79e2c695e052f3 as focusWithoutScrolling};\n//# sourceMappingURL=focusWithoutScrolling.module.js.map\n"],"names":["$7215afc6de606d6b$export$de79e2c695e052f3","element","$7215afc6de606d6b$var$supportsPreventScroll","scrollableElements","$7215afc6de606d6b$var$getScrollableElements","$7215afc6de606d6b$var$restoreScrollPosition","$7215afc6de606d6b$var$supportsPreventScrollCached","parent","rootScrollingElement","scrollTop","scrollLeft"],"mappings":"aAUI,SAASA,EAA0CC,EAAS,CAC5D,GAAIC,EAA2C,EAAID,EAAQ,MAAM,CAC7D,cAAe,EACvB,CAAK,MACI,CACD,IAAIE,EAAqBC,EAA4CH,CAAO,EAC5EA,EAAQ,MAAK,EACbI,EAA4CF,CAAkB,CAClE,CACJ,CACA,IAAIG,EAAoD,KACxD,SAASJ,GAA8C,CACnD,GAAII,GAAqD,KAAM,CAC3DA,EAAoD,GACpD,GAAI,CACgB,SAAS,cAAc,KAAK,EAClC,MAAM,CACZ,IAAI,eAAiB,CACjB,OAAAA,EAAoD,GAC7C,EACX,CAChB,CAAa,CACL,MAAS,CAET,CACJ,CACA,OAAOA,CACX,CACA,SAASF,EAA4CH,EAAS,CAC1D,IAAIM,EAASN,EAAQ,WACjBE,EAAqB,CAAA,EACrBK,EAAuB,SAAS,kBAAoB,SAAS,gBACjE,KAAMD,aAAkB,aAAeA,IAAWC,IAC1CD,EAAO,aAAeA,EAAO,cAAgBA,EAAO,YAAcA,EAAO,cAAaJ,EAAmB,KAAK,CAC9G,QAASI,EACT,UAAWA,EAAO,UAClB,WAAYA,EAAO,UAC/B,CAAS,EACDA,EAASA,EAAO,WAEpB,OAAIC,aAAgC,aAAaL,EAAmB,KAAK,CACrE,QAASK,EACT,UAAWA,EAAqB,UAChC,WAAYA,EAAqB,UACzC,CAAK,EACML,CACX,CACA,SAASE,EAA4CF,EAAoB,CACrE,OAAS,CAAE,QAASF,EAAS,UAAWQ,EAAW,WAAYC,CAAU,IAAMP,EAC3EF,EAAQ,UAAYQ,EACpBR,EAAQ,WAAaS,CAE7B","x_google_ignoreList":[0]}
+{"version":3,"file":"focusWithoutScrolling-BlyUcXdY.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+utils@3.30.1_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@react-aria/utils/dist/focusWithoutScrolling.mjs"],"sourcesContent":["/*\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 */ function $7215afc6de606d6b$export$de79e2c695e052f3(element) {\n    if ($7215afc6de606d6b$var$supportsPreventScroll()) element.focus({\n        preventScroll: true\n    });\n    else {\n        let scrollableElements = $7215afc6de606d6b$var$getScrollableElements(element);\n        element.focus();\n        $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements);\n    }\n}\nlet $7215afc6de606d6b$var$supportsPreventScrollCached = null;\nfunction $7215afc6de606d6b$var$supportsPreventScroll() {\n    if ($7215afc6de606d6b$var$supportsPreventScrollCached == null) {\n        $7215afc6de606d6b$var$supportsPreventScrollCached = false;\n        try {\n            let focusElem = document.createElement('div');\n            focusElem.focus({\n                get preventScroll () {\n                    $7215afc6de606d6b$var$supportsPreventScrollCached = true;\n                    return true;\n                }\n            });\n        } catch  {\n        // Ignore\n        }\n    }\n    return $7215afc6de606d6b$var$supportsPreventScrollCached;\n}\nfunction $7215afc6de606d6b$var$getScrollableElements(element) {\n    let parent = element.parentNode;\n    let scrollableElements = [];\n    let rootScrollingElement = document.scrollingElement || document.documentElement;\n    while(parent instanceof HTMLElement && parent !== rootScrollingElement){\n        if (parent.offsetHeight < parent.scrollHeight || parent.offsetWidth < parent.scrollWidth) scrollableElements.push({\n            element: parent,\n            scrollTop: parent.scrollTop,\n            scrollLeft: parent.scrollLeft\n        });\n        parent = parent.parentNode;\n    }\n    if (rootScrollingElement instanceof HTMLElement) scrollableElements.push({\n        element: rootScrollingElement,\n        scrollTop: rootScrollingElement.scrollTop,\n        scrollLeft: rootScrollingElement.scrollLeft\n    });\n    return scrollableElements;\n}\nfunction $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements) {\n    for (let { element: element, scrollTop: scrollTop, scrollLeft: scrollLeft } of scrollableElements){\n        element.scrollTop = scrollTop;\n        element.scrollLeft = scrollLeft;\n    }\n}\n\n\nexport {$7215afc6de606d6b$export$de79e2c695e052f3 as focusWithoutScrolling};\n//# sourceMappingURL=focusWithoutScrolling.module.js.map\n"],"names":["$7215afc6de606d6b$export$de79e2c695e052f3","element","$7215afc6de606d6b$var$supportsPreventScroll","scrollableElements","$7215afc6de606d6b$var$getScrollableElements","$7215afc6de606d6b$var$restoreScrollPosition","$7215afc6de606d6b$var$supportsPreventScrollCached","parent","rootScrollingElement","scrollTop","scrollLeft"],"mappings":"aAUI,SAASA,EAA0CC,EAAS,CAC5D,GAAIC,EAA2C,EAAID,EAAQ,MAAM,CAC7D,cAAe,EACvB,CAAK,MACI,CACD,IAAIE,EAAqBC,EAA4CH,CAAO,EAC5EA,EAAQ,MAAK,EACbI,EAA4CF,CAAkB,CAClE,CACJ,CACA,IAAIG,EAAoD,KACxD,SAASJ,GAA8C,CACnD,GAAII,GAAqD,KAAM,CAC3DA,EAAoD,GACpD,GAAI,CACgB,SAAS,cAAc,KAAK,EAClC,MAAM,CACZ,IAAI,eAAiB,CACjB,OAAAA,EAAoD,GAC7C,EACX,CAChB,CAAa,CACL,MAAS,CAET,CACJ,CACA,OAAOA,CACX,CACA,SAASF,EAA4CH,EAAS,CAC1D,IAAIM,EAASN,EAAQ,WACjBE,EAAqB,CAAA,EACrBK,EAAuB,SAAS,kBAAoB,SAAS,gBACjE,KAAMD,aAAkB,aAAeA,IAAWC,IAC1CD,EAAO,aAAeA,EAAO,cAAgBA,EAAO,YAAcA,EAAO,cAAaJ,EAAmB,KAAK,CAC9G,QAASI,EACT,UAAWA,EAAO,UAClB,WAAYA,EAAO,UAC/B,CAAS,EACDA,EAASA,EAAO,WAEpB,OAAIC,aAAgC,aAAaL,EAAmB,KAAK,CACrE,QAASK,EACT,UAAWA,EAAqB,UAChC,WAAYA,EAAqB,UACzC,CAAK,EACML,CACX,CACA,SAASE,EAA4CF,EAAoB,CACrE,OAAS,CAAE,QAASF,EAAS,UAAWQ,EAAW,WAAYC,CAAU,IAAMP,EAC3EF,EAAQ,UAAYQ,EACpBR,EAAQ,WAAaS,CAE7B","x_google_ignoreList":[0]}

package/dist/chunks/focusWithoutScrolling-CDw3JYiq.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"focusWithoutScrolling-CDw3JYiq.es.js","sources":["../../../../node_modules/.pnpm/@react-aria+utils@3.30.1_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/utils/dist/focusWithoutScrolling.mjs"],"sourcesContent":["/*\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 */ function $7215afc6de606d6b$export$de79e2c695e052f3(element) {\n    if ($7215afc6de606d6b$var$supportsPreventScroll()) element.focus({\n        preventScroll: true\n    });\n    else {\n        let scrollableElements = $7215afc6de606d6b$var$getScrollableElements(element);\n        element.focus();\n        $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements);\n    }\n}\nlet $7215afc6de606d6b$var$supportsPreventScrollCached = null;\nfunction $7215afc6de606d6b$var$supportsPreventScroll() {\n    if ($7215afc6de606d6b$var$supportsPreventScrollCached == null) {\n        $7215afc6de606d6b$var$supportsPreventScrollCached = false;\n        try {\n            let focusElem = document.createElement('div');\n            focusElem.focus({\n                get preventScroll () {\n                    $7215afc6de606d6b$var$supportsPreventScrollCached = true;\n                    return true;\n                }\n            });\n        } catch  {\n        // Ignore\n        }\n    }\n    return $7215afc6de606d6b$var$supportsPreventScrollCached;\n}\nfunction $7215afc6de606d6b$var$getScrollableElements(element) {\n    let parent = element.parentNode;\n    let scrollableElements = [];\n    let rootScrollingElement = document.scrollingElement || document.documentElement;\n    while(parent instanceof HTMLElement && parent !== rootScrollingElement){\n        if (parent.offsetHeight < parent.scrollHeight || parent.offsetWidth < parent.scrollWidth) scrollableElements.push({\n            element: parent,\n            scrollTop: parent.scrollTop,\n            scrollLeft: parent.scrollLeft\n        });\n        parent = parent.parentNode;\n    }\n    if (rootScrollingElement instanceof HTMLElement) scrollableElements.push({\n        element: rootScrollingElement,\n        scrollTop: rootScrollingElement.scrollTop,\n        scrollLeft: rootScrollingElement.scrollLeft\n    });\n    return scrollableElements;\n}\nfunction $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements) {\n    for (let { element: element, scrollTop: scrollTop, scrollLeft: scrollLeft } of scrollableElements){\n        element.scrollTop = scrollTop;\n        element.scrollLeft = scrollLeft;\n    }\n}\n\n\nexport {$7215afc6de606d6b$export$de79e2c695e052f3 as focusWithoutScrolling};\n//# sourceMappingURL=focusWithoutScrolling.module.js.map\n"],"names":["$7215afc6de606d6b$export$de79e2c695e052f3","element","$7215afc6de606d6b$var$supportsPreventScroll","scrollableElements","$7215afc6de606d6b$var$getScrollableElements","$7215afc6de606d6b$var$restoreScrollPosition","$7215afc6de606d6b$var$supportsPreventScrollCached","parent","rootScrollingElement","scrollTop","scrollLeft"],"mappings":"AAUI,SAASA,EAA0CC,GAAS;AAC5D,MAAIC,EAA2C,EAAI,CAAAD,EAAQ,MAAM;AAAA,IAC7D,eAAe;AAAA,EACvB,CAAK;AAAA,OACI;AACD,QAAIE,IAAqBC,EAA4CH,CAAO;AAC5E,IAAAA,EAAQ,MAAK,GACbI,EAA4CF,CAAkB;AAAA,EAClE;AACJ;AACA,IAAIG,IAAoD;AACxD,SAASJ,IAA8C;AACnD,MAAII,KAAqD,MAAM;AAC3D,IAAAA,IAAoD;AACpD,QAAI;AAEA,MADgB,SAAS,cAAc,KAAK,EAClC,MAAM;AAAA,QACZ,IAAI,gBAAiB;AACjB,iBAAAA,IAAoD,IAC7C;AAAA,QACX;AAAA,MAChB,CAAa;AAAA,IACL,QAAS;AAAA,IAET;AAAA,EACJ;AACA,SAAOA;AACX;AACA,SAASF,EAA4CH,GAAS;AAC1D,MAAIM,IAASN,EAAQ,YACjBE,IAAqB,CAAA,GACrBK,IAAuB,SAAS,oBAAoB,SAAS;AACjE,SAAMD,aAAkB,eAAeA,MAAWC;AAC9C,KAAID,EAAO,eAAeA,EAAO,gBAAgBA,EAAO,cAAcA,EAAO,gBAAaJ,EAAmB,KAAK;AAAA,MAC9G,SAASI;AAAA,MACT,WAAWA,EAAO;AAAA,MAClB,YAAYA,EAAO;AAAA,IAC/B,CAAS,GACDA,IAASA,EAAO;AAEpB,SAAIC,aAAgC,eAAaL,EAAmB,KAAK;AAAA,IACrE,SAASK;AAAA,IACT,WAAWA,EAAqB;AAAA,IAChC,YAAYA,EAAqB;AAAA,EACzC,CAAK,GACML;AACX;AACA,SAASE,EAA4CF,GAAoB;AACrE,WAAS,EAAE,SAASF,GAAS,WAAWQ,GAAW,YAAYC,EAAU,KAAMP;AAC3E,IAAAF,EAAQ,YAAYQ,GACpBR,EAAQ,aAAaS;AAE7B;","x_google_ignoreList":[0]}
+{"version":3,"file":"focusWithoutScrolling-CDw3JYiq.es.js","sources":["../../../../node_modules/.pnpm/@react-aria+utils@3.30.1_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@react-aria/utils/dist/focusWithoutScrolling.mjs"],"sourcesContent":["/*\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 */ function $7215afc6de606d6b$export$de79e2c695e052f3(element) {\n    if ($7215afc6de606d6b$var$supportsPreventScroll()) element.focus({\n        preventScroll: true\n    });\n    else {\n        let scrollableElements = $7215afc6de606d6b$var$getScrollableElements(element);\n        element.focus();\n        $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements);\n    }\n}\nlet $7215afc6de606d6b$var$supportsPreventScrollCached = null;\nfunction $7215afc6de606d6b$var$supportsPreventScroll() {\n    if ($7215afc6de606d6b$var$supportsPreventScrollCached == null) {\n        $7215afc6de606d6b$var$supportsPreventScrollCached = false;\n        try {\n            let focusElem = document.createElement('div');\n            focusElem.focus({\n                get preventScroll () {\n                    $7215afc6de606d6b$var$supportsPreventScrollCached = true;\n                    return true;\n                }\n            });\n        } catch  {\n        // Ignore\n        }\n    }\n    return $7215afc6de606d6b$var$supportsPreventScrollCached;\n}\nfunction $7215afc6de606d6b$var$getScrollableElements(element) {\n    let parent = element.parentNode;\n    let scrollableElements = [];\n    let rootScrollingElement = document.scrollingElement || document.documentElement;\n    while(parent instanceof HTMLElement && parent !== rootScrollingElement){\n        if (parent.offsetHeight < parent.scrollHeight || parent.offsetWidth < parent.scrollWidth) scrollableElements.push({\n            element: parent,\n            scrollTop: parent.scrollTop,\n            scrollLeft: parent.scrollLeft\n        });\n        parent = parent.parentNode;\n    }\n    if (rootScrollingElement instanceof HTMLElement) scrollableElements.push({\n        element: rootScrollingElement,\n        scrollTop: rootScrollingElement.scrollTop,\n        scrollLeft: rootScrollingElement.scrollLeft\n    });\n    return scrollableElements;\n}\nfunction $7215afc6de606d6b$var$restoreScrollPosition(scrollableElements) {\n    for (let { element: element, scrollTop: scrollTop, scrollLeft: scrollLeft } of scrollableElements){\n        element.scrollTop = scrollTop;\n        element.scrollLeft = scrollLeft;\n    }\n}\n\n\nexport {$7215afc6de606d6b$export$de79e2c695e052f3 as focusWithoutScrolling};\n//# sourceMappingURL=focusWithoutScrolling.module.js.map\n"],"names":["$7215afc6de606d6b$export$de79e2c695e052f3","element","$7215afc6de606d6b$var$supportsPreventScroll","scrollableElements","$7215afc6de606d6b$var$getScrollableElements","$7215afc6de606d6b$var$restoreScrollPosition","$7215afc6de606d6b$var$supportsPreventScrollCached","parent","rootScrollingElement","scrollTop","scrollLeft"],"mappings":"AAUI,SAASA,EAA0CC,GAAS;AAC5D,MAAIC,EAA2C,EAAI,CAAAD,EAAQ,MAAM;AAAA,IAC7D,eAAe;AAAA,EACvB,CAAK;AAAA,OACI;AACD,QAAIE,IAAqBC,EAA4CH,CAAO;AAC5E,IAAAA,EAAQ,MAAK,GACbI,EAA4CF,CAAkB;AAAA,EAClE;AACJ;AACA,IAAIG,IAAoD;AACxD,SAASJ,IAA8C;AACnD,MAAII,KAAqD,MAAM;AAC3D,IAAAA,IAAoD;AACpD,QAAI;AAEA,MADgB,SAAS,cAAc,KAAK,EAClC,MAAM;AAAA,QACZ,IAAI,gBAAiB;AACjB,iBAAAA,IAAoD,IAC7C;AAAA,QACX;AAAA,MAChB,CAAa;AAAA,IACL,QAAS;AAAA,IAET;AAAA,EACJ;AACA,SAAOA;AACX;AACA,SAASF,EAA4CH,GAAS;AAC1D,MAAIM,IAASN,EAAQ,YACjBE,IAAqB,CAAA,GACrBK,IAAuB,SAAS,oBAAoB,SAAS;AACjE,SAAMD,aAAkB,eAAeA,MAAWC;AAC9C,KAAID,EAAO,eAAeA,EAAO,gBAAgBA,EAAO,cAAcA,EAAO,gBAAaJ,EAAmB,KAAK;AAAA,MAC9G,SAASI;AAAA,MACT,WAAWA,EAAO;AAAA,MAClB,YAAYA,EAAO;AAAA,IAC/B,CAAS,GACDA,IAASA,EAAO;AAEpB,SAAIC,aAAgC,eAAaL,EAAmB,KAAK;AAAA,IACrE,SAASK;AAAA,IACT,WAAWA,EAAqB;AAAA,IAChC,YAAYA,EAAqB;AAAA,EACzC,CAAK,GACML;AACX;AACA,SAASE,EAA4CF,GAAoB;AACrE,WAAS,EAAE,SAASF,GAAS,WAAWQ,GAAW,YAAYC,EAAU,KAAMP;AAC3E,IAAAF,EAAQ,YAAYQ,GACpBR,EAAQ,aAAaS;AAE7B;","x_google_ignoreList":[0]}

package/dist/chunks/{form-field-B1B4BtvO.es.js → form-field-Dtcfgzyo.es.js}

@@ -1,10 +1,9 @@
-import { jsx as i, jsxs as c } from "react/jsx-runtime";
+import { jsx as l, jsxs as c } from "react/jsx-runtime";
 import { createContext as z, forwardRef as $, useState as P, useEffect as n, Children as w, isValidElement as A, cloneElement as E, useContext as d } from "react";
-import { a as H } from "./config-ufbQ08Vi.es.js";
-import { c as y } from "./create-slot-recipe-context-DBNItnlK.es.js";
-import { e as B, $ as L, a as I } from "./Dialog-C3wKnoBH.es.js";
-import { B as m } from "./box-C8731OYq.es.js";
-import { I as M } from "./icon-button-oIKucbza.es.js";
+import { defineSlotRecipe as H, createSlotRecipeContext as y } from "@chakra-ui/react/styled-system";
+import { e as B, $ as L, a as I } from "./Dialog-BeQ6Z6l2.es.js";
+import { B as m } from "./box-DuBoAZvq.es.js";
+import { I as M } from "./icon-button-C20Gw8gQ.es.js";
 import { HelpOutline as R, ErrorOutline as T } from "@commercetools/nimbus-icons";
 import { $ as W } from "./useField-Ce9zQxmx.es.js";
 const a = /* @__PURE__ */ z({
@@ -127,7 +126,7 @@ const a = /* @__PURE__ */ z({
 }), { withProvider: V, withContext: p } = /* @__PURE__ */ y({
   recipe: N
 }), _ = /* @__PURE__ */ V("div", "root"), G = /* @__PURE__ */ p("div", "label"), O = /* @__PURE__ */ p("div", "input"), D = /* @__PURE__ */ p("div", "description"), J = /* @__PURE__ */ p("div", "error"), K = /* @__PURE__ */ p("div", "popover"), Q = /* @__PURE__ */ $(
-  ({ isInvalid: r, isRequired: t, isDisabled: e, isReadOnly: l, children: b, ...g }, h) => {
+  ({ isInvalid: r, isRequired: t, isDisabled: e, isReadOnly: i, children: b, ...g }, h) => {
     const [o, u] = P({
       label: null,
       description: null,
@@ -137,7 +136,7 @@ const a = /* @__PURE__ */ z({
       isInvalid: r,
       isRequired: t,
       isDisabled: e,
-      isReadOnly: l
+      isReadOnly: i
     }), f = {
       description: o.description,
       errorMessage: o.error
@@ -150,24 +149,24 @@ const a = /* @__PURE__ */ z({
         isInvalid: r,
         isRequired: t,
         isDisabled: e,
-        isReadOnly: l
+        isReadOnly: i
       }));
-    }, [r, t, e, l]);
+    }, [r, t, e, i]);
     const C = {
       ...F,
       isInvalid: r,
       isRequired: t,
       isDisabled: e,
-      isReadOnly: l
+      isReadOnly: i
     };
-    return /* @__PURE__ */ i(a.Provider, { value: { context: o, setContext: u }, children: /* @__PURE__ */ c(_, { ref: h, ...g, children: [
+    return /* @__PURE__ */ l(a.Provider, { value: { context: o, setContext: u }, children: /* @__PURE__ */ c(_, { ref: h, ...g, children: [
       o.label && /* @__PURE__ */ c(G, { ...o.labelSlotProps, children: [
         /* @__PURE__ */ c("label", { ...x, children: [
           o.label,
-          t && /* @__PURE__ */ i("sup", { "aria-hidden": "true", children: "*" })
+          t && /* @__PURE__ */ l("sup", { "aria-hidden": "true", children: "*" })
         ] }),
         o.info && /* @__PURE__ */ c(B, { children: [
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ l(
             m,
             {
               as: "span",
@@ -176,7 +175,7 @@ const a = /* @__PURE__ */ z({
               width: "1ch",
               height: "1ch",
               ml: "200",
-              children: /* @__PURE__ */ i(
+              children: /* @__PURE__ */ l(
                 m,
                 {
                   as: "span",
@@ -185,25 +184,25 @@ const a = /* @__PURE__ */ z({
                   top: "50%",
                   right: "50%",
                   transform: "translate(50%, -50%)",
-                  children: /* @__PURE__ */ i(
+                  children: /* @__PURE__ */ l(
                     M,
                     {
                       "aria-label": "__MORE INFO",
                       size: "2xs",
                       tone: "info",
                       variant: "link",
-                      children: /* @__PURE__ */ i(R, {})
+                      children: /* @__PURE__ */ l(R, {})
                     }
                   )
                 }
               )
             }
           ),
-          /* @__PURE__ */ i(L, { children: /* @__PURE__ */ i(K, { asChild: !0, children: /* @__PURE__ */ i(I, { children: /* @__PURE__ */ i(m, { p: "300", children: o.info }) }) }) })
+          /* @__PURE__ */ l(L, { children: /* @__PURE__ */ l(K, { asChild: !0, children: /* @__PURE__ */ l(I, { children: /* @__PURE__ */ l(m, { p: "300", children: o.info }) }) }) })
         ] })
       ] }),
-      o.input && /* @__PURE__ */ i(O, { ...o.inputSlotProps, children: w.map(o.input, (s) => A(s) ? E(s, C) : s) }),
-      o.description && /* @__PURE__ */ i(
+      o.input && /* @__PURE__ */ l(O, { ...o.inputSlotProps, children: w.map(o.input, (s) => A(s) ? E(s, C) : s) }),
+      o.description && /* @__PURE__ */ l(
         D,
         {
           ...v,
@@ -217,7 +216,7 @@ const a = /* @__PURE__ */ z({
           ...S,
           ...o.errorSlotProps,
           children: [
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ l(
               m,
               {
                 as: T,
@@ -240,8 +239,8 @@ const a = /* @__PURE__ */ z({
 }) => {
   const { setContext: e } = d(a);
   return n(() => {
-    e((l) => ({
-      ...l,
+    e((i) => ({
+      ...i,
       label: r,
       labelSlotProps: t
     }));
@@ -252,8 +251,8 @@ const a = /* @__PURE__ */ z({
 }) => {
   const { setContext: e } = d(a);
   return n(() => {
-    e((l) => ({
-      ...l,
+    e((i) => ({
+      ...i,
       input: r,
       inputSlotProps: t
     }));
@@ -264,8 +263,8 @@ const a = /* @__PURE__ */ z({
 }) => {
   const { setContext: e } = d(a);
   return n(() => {
-    e((l) => ({
-      ...l,
+    e((i) => ({
+      ...i,
       description: r,
       descriptionSlotProps: t
     }));
@@ -276,8 +275,8 @@ const a = /* @__PURE__ */ z({
 }) => {
   const { setContext: e } = d(a);
   return n(() => {
-    e((l) => ({
-      ...l,
+    e((i) => ({
+      ...i,
       error: r,
       errorSlotProps: t
     }));
@@ -290,7 +289,7 @@ const a = /* @__PURE__ */ z({
       info: r
     }));
   }, [r, t]), null;
-}, cr = {
+}, sr = {
   Root: Q,
   Label: U,
   Input: X,
@@ -299,7 +298,7 @@ const a = /* @__PURE__ */ z({
   InfoBox: q
 };
 export {
-  cr as F,
+  sr as F,
   Q as a,
   U as b,
   X as c,
@@ -307,4 +306,4 @@ export {
   Z as e,
   q as f
 };
-//# sourceMappingURL=form-field-B1B4BtvO.es.js.map
+//# sourceMappingURL=form-field-Dtcfgzyo.es.js.map

package/dist/chunks/{form-field-B1B4BtvO.es.js.map → form-field-Dtcfgzyo.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"form-field-B1B4BtvO.es.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.recipe.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  FormFieldInputSlotProps,\n  FormFieldLabelSlotProps,\n} from \"../form-field.slots\";\n\nexport type FormFieldContextPayloadType = {\n  label: ReactNode;\n  labelSlotProps?: FormFieldLabelSlotProps;\n  input: ReactNode;\n  inputSlotProps?: FormFieldInputSlotProps;\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};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n  context: {\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n  },\n  setContext: () => {},\n});\n","import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\nconst columnLayout = `\n\"label\"\n\"input\"\n\"description\"\n\"error\"\n`;\nconst rowLayout = `\n\"label input\"\n\"label description\"\n\"label error\"\n`;\n\n/**\n * Recipe configuration for the FormField component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const formFieldRecipe = defineSlotRecipe({\n  slots: [\"root\", \"label\", \"input\", \"description\", \"error\", \"popover\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-ui-form-field\",\n\n  base: {\n    root: {\n      \"--grid-gap\": \"spacing.100\",\n\n      display: \"grid\",\n      width: \"auto\",\n    },\n    label: {\n      gridArea: \"label\",\n      fontWeight: \"500\",\n      color: \"neutral.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    input: {\n      gridArea: \"input\",\n    },\n    description: {\n      gridArea: \"description\",\n      color: \"neutral.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    error: {\n      gridArea: \"error\",\n      color: \"critical.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    popover: {\n      \"--scrollbar-color\": \"colors.neutral.8\",\n      \"--scrollbar-bg\": \"colors.neutral.3\",\n      bg: \"neutral.1\",\n      maxWidth: \"xl\",\n      borderRadius: \"200\",\n      boxShadow: \"6\",\n      border: \"solid-25\",\n      borderColor: \"neutral.8\",\n      maxHeight: \"40svh\",\n      overflow: \"auto\",\n      scrollbarWidth: \"thin\",\n      scrollbarColor: \"var(--scrollbar-color) var(--scrollbar-bg)\",\n      focusRing: \"outside\",\n    },\n  },\n\n  variants: {\n    size: {\n      md: {\n        root: {\n          \"--form-field-font-size\": \"fontSizes.350\",\n          \"--form-field-line-height\": \"lineHeights.500\",\n        },\n      },\n      sm: {\n        root: {\n          \"--form-field-font-size\": \"fontSizes.300\",\n          \"--form-field-line-height\": \"lineHeights.450\",\n        },\n      },\n    },\n    direction: {\n      column: {\n        root: {\n          gridTemplateAreas: columnLayout,\n        },\n        input: {\n          mt: \"var(--grid-gap)\",\n        },\n        description: {\n          mt: \"var(--grid-gap)\",\n        },\n        error: {\n          mt: \"var(--grid-gap)\",\n        },\n      },\n      row: {\n        root: {\n          gridTemplateAreas: rowLayout,\n          gridTemplateColumns: \"auto 1fr\",\n          gridColumnGap: \"200\",\n        },\n        description: {\n          mt: \"var(--grid-gap)\",\n        },\n        error: {\n          mt: \"var(--grid-gap)\",\n        },\n      },\n    },\n  },\n\n  // Default variant values when not explicitly specified\n  defaultVariants: {\n    direction: \"column\",\n    size: \"md\",\n  },\n});\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { formFieldRecipe } from \"./form-field.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: formFieldRecipe,\n});\n\n// Root slot\nexport interface FormFieldRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp\n  > {}\n\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport interface FormFieldLabelSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport interface FormFieldInputSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport interface FormFieldDescriptionSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport interface FormFieldErrorSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport interface FormFieldPopoverSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useEffect,\n  useState,\n} from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField } from \"react-aria\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldInputSlot,\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\n *\n * displays miscellaneous inputs in a FormField context\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/formfield}\n */\nexport const FormFieldRoot = forwardRef<HTMLDivElement, FormFieldProps>(\n  (\n    { isInvalid, isRequired, isDisabled, isReadOnly, children, ...props },\n    ref\n  ) => {\n    const [context, setContext] = useState<FormFieldContextPayloadType>({\n      label: null,\n      description: null,\n      error: null,\n      info: null,\n      input: null,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    });\n\n    const useFieldArgs: Parameters<typeof useField>[0] = {\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      useFieldArgs.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      useFieldArgs[\"aria-label\"] = \"empty-label\";\n      useFieldArgs[\"aria-labelledby\"] = \"empty-label\";\n    }\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 = {\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    };\n\n    return (\n      <FormFieldContext.Provider value={{ context, setContext }}>\n        <FormFieldRootSlot ref={ref} {...props}>\n          {context.label && (\n            <FormFieldLabelSlot {...context.labelSlotProps}>\n              <label {...labelProps}>\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                        tone=\"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.input && (\n            <FormFieldInputSlot {...context.inputSlotProps}>\n              {Children.map(context.input, (child) => {\n                // Important: Check if the child is a valid React element before cloning.\n                if (isValidElement(child)) {\n                  return cloneElement(child, inputProps);\n                }\n                // If it's not a valid element (e.g., text node, null, undefined), return it as is.\n                return child;\n              })}\n            </FormFieldInputSlot>\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                verticalAlign=\"text-bottom\"\n                mr=\"100\"\n              />\n              {context.error}\n            </FormFieldErrorSlot>\n          )}\n          {children}\n        </FormFieldRootSlot>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.slots\";\n\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  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      input: children,\n      inputSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.slots\";\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  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.slots\";\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  }, [children, setContext]);\n\n  return null;\n};\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\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { FormFieldRoot } from \"./components/form-field.root\";\nimport { FormFieldLabel } from \"./components/form-field.label\";\nimport { FormFieldInput } from \"./components/form-field.input\";\nimport { FormFieldDescription } from \"./components/form-field.description\";\nimport { FormFieldError } from \"./components/form-field.error\";\nimport { FormFieldInfoBox } from \"./components/form-field.info-box\";\n\nexport const FormField = {\n  Root: FormFieldRoot,\n  Label: FormFieldLabel,\n  Input: FormFieldInput,\n  Description: FormFieldDescription,\n  Error: FormFieldError,\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","columnLayout","rowLayout","formFieldRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardRef","isInvalid","isRequired","isDisabled","isReadOnly","children","props","ref","context","setContext","useState","useFieldArgs","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","Children","child","isValidElement","cloneElement","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":";;;;;;;;;AA6BO,MAAMA,IAAmB,gBAAAC,EAAoC;AAAA,EAClE,SAAS;AAAA,IACP,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,YAAY,MAAM;AAAA,EAAC;AACrB,CAAC,GCpCKC,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA,GAMfC,IAAY;AAAA;AAAA;AAAA;AAAA,GAULC,IAAkB,gBAAAC,EAAiB;AAAA,EAC9C,OAAO,CAAC,QAAQ,SAAS,SAAS,eAAe,SAAS,SAAS;AAAA;AAAA,EAEnE,WAAW;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,cAAc;AAAA,MAEd,SAAS;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,IAET,OAAO;AAAA,MACL,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAAA,IAEd,OAAO;AAAA,MACL,UAAU;AAAA,IAAA;AAAA,IAEZ,aAAa;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAAA,IAEd,OAAO;AAAA,MACL,UAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAAA,IAEd,SAAS;AAAA,MACP,qBAAqB;AAAA,MACrB,kBAAkB;AAAA,MAClB,IAAI;AAAA,MACJ,UAAU;AAAA,MACV,cAAc;AAAA,MACd,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,WAAW;AAAA,MACX,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,MAChB,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAGF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,0BAA0B;AAAA,UAC1B,4BAA4B;AAAA,QAAA;AAAA,MAC9B;AAAA,MAEF,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,0BAA0B;AAAA,UAC1B,4BAA4B;AAAA,QAAA;AAAA,MAC9B;AAAA,IACF;AAAA,IAEF,WAAW;AAAA,MACT,QAAQ;AAAA,QACN,MAAM;AAAA,UACJ,mBAAmBH;AAAA,QAAA;AAAA,QAErB,OAAO;AAAA,UACL,IAAI;AAAA,QAAA;AAAA,QAEN,aAAa;AAAA,UACX,IAAI;AAAA,QAAA;AAAA,QAEN,OAAO;AAAA,UACL,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,MAEF,KAAK;AAAA,QACH,MAAM;AAAA,UACJ,mBAAmBC;AAAA,UACnB,qBAAqB;AAAA,UACrB,eAAe;AAAA,QAAA;AAAA,QAEjB,aAAa;AAAA,UACX,IAAI;AAAA,QAAA;AAAA,QAEN,OAAO;AAAA,UACL,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAAA;AAAA,EAIF,iBAAiB;AAAA,IACf,WAAW;AAAA,IACX,MAAM;AAAA,EAAA;AAEV,CAAC,GC9GK,EAAE,cAAAG,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,QAAQJ;AACV,CAAC,GASYK,IAAoB,gBAAAH,EAG/B,OAAO,MAAM,GAIFI,IAAqB,gBAAAH,EAGhC,OAAO,OAAO,GAIHI,IAAqB,gBAAAJ,EAGhC,OAAO,OAAO,GAIHK,IAA2B,gBAAAL,EAGtC,OAAO,aAAa,GAITM,IAAqB,gBAAAN,EAGhC,OAAO,OAAO,GAIHO,IAAuB,gBAAAP,EAGlC,OAAO,SAAS,GC1BLQ,IAAgB,gBAAAC;AAAA,EAC3B,CACE,EAAE,WAAAC,GAAW,YAAAC,GAAY,YAAAC,GAAY,YAAAC,GAAY,UAAAC,GAAU,GAAGC,EAAA,GAC9DC,MACG;AACH,UAAM,CAACC,GAASC,CAAU,IAAIC,EAAsC;AAAA,MAClE,OAAO;AAAA,MACP,aAAa;AAAA,MACb,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,WAAAT;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,IAAA,CACD,GAEKO,IAA+C;AAAA,MACnD,aAAaH,EAAQ;AAAA,MACrB,cAAcA,EAAQ;AAAA,IAAA;AAGxB,IAAIA,EAAQ,QACVG,EAAa,QAAQH,EAAQ,SAK7BG,EAAa,YAAY,IAAI,eAC7BA,EAAa,iBAAiB,IAAI;AAGpC,UAAM,EAAE,YAAAC,GAAY,YAAAC,GAAY,kBAAAC,GAAkB,mBAAAC,EAAA,IAChDC,EAASL,CAAY;AAEvB,IAAAM,EAAU,MAAM;AACd,MAAAR,EAAW,CAACS,OAAiB;AAAA,QAC3B,GAAGA;AAAA,QACH,WAAAjB;AAAA,QACA,YAAAC;AAAA,QACA,YAAAC;AAAA,QACA,YAAAC;AAAA,MAAA,EACA;AAAA,IACJ,GAAG,CAACH,GAAWC,GAAYC,GAAYC,CAAU,CAAC;AAElD,UAAMe,IAAa;AAAA,MACjB,GAAGN;AAAA,MACH,WAAAZ;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,IAAA;AAGF,WACE,gBAAAgB,EAACpC,EAAiB,UAAjB,EAA0B,OAAO,EAAE,SAAAwB,GAAS,YAAAC,EAAA,GAC3C,UAAA,gBAAAY,EAAC5B,GAAA,EAAkB,KAAAc,GAAW,GAAGD,GAC9B,UAAA;AAAA,MAAAE,EAAQ,SACP,gBAAAa,EAAC3B,GAAA,EAAoB,GAAGc,EAAQ,gBAC9B,UAAA;AAAA,QAAA,gBAAAa,EAAC,SAAA,EAAO,GAAGT,GACR,UAAA;AAAA,UAAAJ,EAAQ;AAAA,UACRN,KAAc,gBAAAkB,EAAC,OAAA,EAAI,eAAY,QAAO,UAAA,IAAA,CAAC;AAAA,QAAA,GAC1C;AAAA,QACCZ,EAAQ,QACP,gBAAAa,EAACC,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,SAAQ;AAAA,cACR,UAAS;AAAA,cACT,OAAM;AAAA,cACN,QAAO;AAAA,cACP,IAAG;AAAA,cAEH,UAAA,gBAAAH;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,SAAQ;AAAA,kBACR,UAAS;AAAA,kBACT,KAAI;AAAA,kBACJ,OAAM;AAAA,kBACN,WAAU;AAAA,kBAEV,UAAA,gBAAAH;AAAA,oBAACI;AAAA,oBAAA;AAAA,sBACC,cAAW;AAAA,sBACX,MAAK;AAAA,sBACL,MAAK;AAAA,sBACL,SAAQ;AAAA,sBAER,4BAACC,GAAA,CAAA,CAAY;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACf;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,4BAEDC,GAAA,EACC,UAAA,gBAAAN,EAACtB,GAAA,EAAqB,SAAO,IAC3B,UAAA,gBAAAsB,EAACO,GAAA,EACC,UAAA,gBAAAP,EAACG,GAAA,EAAI,GAAE,OAAO,UAAAf,EAAQ,KAAA,CAAK,EAAA,CAC7B,GACF,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,GAEJ;AAAA,MAEDA,EAAQ,SACP,gBAAAY,EAACzB,GAAA,EAAoB,GAAGa,EAAQ,gBAC7B,UAAAoB,EAAS,IAAIpB,EAAQ,OAAO,CAACqB,MAExBC,EAAeD,CAAK,IACfE,EAAaF,GAAOV,CAAU,IAGhCU,CACR,EAAA,CACH;AAAA,MAEDrB,EAAQ,eACP,gBAAAY;AAAA,QAACxB;AAAA,QAAA;AAAA,UACE,GAAGkB;AAAA,UACH,GAAGN,EAAQ;AAAA,UAEX,UAAAA,EAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAGZP,KAAaO,EAAQ,SACpB,gBAAAa;AAAA,QAACxB;AAAA,QAAA;AAAA,UACE,GAAGkB;AAAA,UACH,GAAGP,EAAQ;AAAA,UAEZ,UAAA;AAAA,YAAA,gBAAAY;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,IAAIS;AAAA,gBACJ,SAAQ;AAAA,gBACR,SAAQ;AAAA,gBACR,eAAc;AAAA,gBACd,IAAG;AAAA,cAAA;AAAA,YAAA;AAAA,YAEJxB,EAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGZH;AAAA,IAAA,EAAA,CACH,EAAA,CACF;AAAA,EAEJ;AACF,GC1Ka4B,IAAiB,CAAC;AAAA,EAC7B,UAAA5B;AAAA,EACA,GAAG6B;AACL,MAA+B;AAC7B,QAAM,EAAE,YAAAzB,EAAA,IAAe0B,EAAWnD,CAAgB;AAElD,SAAAiC,EAAU,MAAM;AACd,IAAAR,EAAW,CAACS,OAAiB;AAAA,MAC3B,GAAGA;AAAA,MACH,OAAOb;AAAA,MACP,gBAAA6B;AAAA,IAAA,EACA;AAAA,EACJ,GAAG,CAAC7B,GAAUI,CAAU,CAAC,GAElB;AACT,GCfa2B,IAAiB,CAAC;AAAA,EAC7B,UAAA/B;AAAA,EACA,GAAGgC;AACL,MAA+B;AAC7B,QAAM,EAAE,YAAA5B,EAAA,IAAe0B,EAAWnD,CAAgB;AAElD,SAAAiC,EAAU,MAAM;AACd,IAAAR,EAAW,CAACS,OAAiB;AAAA,MAC3B,GAAGA;AAAA,MACH,OAAOb;AAAA,MACP,gBAAAgC;AAAA,IAAA,EACA;AAAA,EACJ,GAAG,CAAChC,GAAUI,CAAU,CAAC,GAElB;AACT,GCfa6B,IAAuB,CAAC;AAAA,EACnC,UAAAjC;AAAA,EACA,GAAGkC;AACL,MAAqC;AACnC,QAAM,EAAE,YAAA9B,EAAA,IAAe0B,EAAWnD,CAAgB;AAElD,SAAAiC,EAAU,MAAM;AACd,IAAAR,EAAW,CAACS,OAAiB;AAAA,MAC3B,GAAGA;AAAA,MACH,aAAab;AAAA,MACb,sBAAAkC;AAAA,IAAA,EACA;AAAA,EACJ,GAAG,CAAClC,GAAUI,CAAU,CAAC,GAElB;AACT,GCfa+B,IAAiB,CAAC;AAAA,EAC7B,UAAAnC;AAAA,EACA,GAAGoC;AACL,MAA+B;AAC7B,QAAM,EAAE,YAAAhC,EAAA,IAAe0B,EAAWnD,CAAgB;AAElD,SAAAiC,EAAU,MAAM;AACd,IAAAR,EAAW,CAACS,OAAiB;AAAA,MAC3B,GAAGA;AAAA,MACH,OAAOb;AAAA,MACP,gBAAAoC;AAAA,IAAA,EACA;AAAA,EACJ,GAAG,CAACpC,GAAUI,CAAU,CAAC,GAElB;AACT,GCTaiC,IAAmB,CAAC,EAAE,UAAArC,QAAsC;AACvE,QAAM,EAAE,YAAAI,EAAA,IAAe0B,EAAWnD,CAAgB;AAElD,SAAAiC,EAAU,MAAM;AACd,IAAAR,EAAW,CAACS,OAAiB;AAAA,MAC3B,GAAGA;AAAA,MACH,MAAMb;AAAA,IAAA,EACN;AAAA,EACJ,GAAG,CAACA,GAAUI,CAAU,CAAC,GAElB;AACT,GCdakC,KAAY;AAAA,EACvB,MAAM5C;AAAA,EACN,OAAOkC;AAAA,EACP,OAAOG;AAAA,EACP,aAAaE;AAAA,EACb,OAAOE;AAAA,EACP,SAASE;AACX;"}
+{"version":3,"file":"form-field-Dtcfgzyo.es.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.recipe.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  FormFieldInputSlotProps,\n  FormFieldLabelSlotProps,\n} from \"../form-field.slots\";\n\nexport type FormFieldContextPayloadType = {\n  label: ReactNode;\n  labelSlotProps?: FormFieldLabelSlotProps;\n  input: ReactNode;\n  inputSlotProps?: FormFieldInputSlotProps;\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};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n  context: {\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n  },\n  setContext: () => {},\n});\n","import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\nconst columnLayout = `\n\"label\"\n\"input\"\n\"description\"\n\"error\"\n`;\nconst rowLayout = `\n\"label input\"\n\"label description\"\n\"label error\"\n`;\n\n/**\n * Recipe configuration for the FormField component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const formFieldRecipe = defineSlotRecipe({\n  slots: [\"root\", \"label\", \"input\", \"description\", \"error\", \"popover\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-ui-form-field\",\n\n  base: {\n    root: {\n      \"--grid-gap\": \"spacing.100\",\n\n      display: \"grid\",\n      width: \"auto\",\n    },\n    label: {\n      gridArea: \"label\",\n      fontWeight: \"500\",\n      color: \"neutral.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    input: {\n      gridArea: \"input\",\n    },\n    description: {\n      gridArea: \"description\",\n      color: \"neutral.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    error: {\n      gridArea: \"error\",\n      color: \"critical.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    popover: {\n      \"--scrollbar-color\": \"colors.neutral.8\",\n      \"--scrollbar-bg\": \"colors.neutral.3\",\n      bg: \"neutral.1\",\n      maxWidth: \"xl\",\n      borderRadius: \"200\",\n      boxShadow: \"6\",\n      border: \"solid-25\",\n      borderColor: \"neutral.8\",\n      maxHeight: \"40svh\",\n      overflow: \"auto\",\n      scrollbarWidth: \"thin\",\n      scrollbarColor: \"var(--scrollbar-color) var(--scrollbar-bg)\",\n      focusRing: \"outside\",\n    },\n  },\n\n  variants: {\n    size: {\n      md: {\n        root: {\n          \"--form-field-font-size\": \"fontSizes.350\",\n          \"--form-field-line-height\": \"lineHeights.500\",\n        },\n      },\n      sm: {\n        root: {\n          \"--form-field-font-size\": \"fontSizes.300\",\n          \"--form-field-line-height\": \"lineHeights.450\",\n        },\n      },\n    },\n    direction: {\n      column: {\n        root: {\n          gridTemplateAreas: columnLayout,\n        },\n        input: {\n          mt: \"var(--grid-gap)\",\n        },\n        description: {\n          mt: \"var(--grid-gap)\",\n        },\n        error: {\n          mt: \"var(--grid-gap)\",\n        },\n      },\n      row: {\n        root: {\n          gridTemplateAreas: rowLayout,\n          gridTemplateColumns: \"auto 1fr\",\n          gridColumnGap: \"200\",\n        },\n        description: {\n          mt: \"var(--grid-gap)\",\n        },\n        error: {\n          mt: \"var(--grid-gap)\",\n        },\n      },\n    },\n  },\n\n  // Default variant values when not explicitly specified\n  defaultVariants: {\n    direction: \"column\",\n    size: \"md\",\n  },\n});\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { formFieldRecipe } from \"./form-field.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: formFieldRecipe,\n});\n\n// Root slot\nexport interface FormFieldRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp\n  > {}\n\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport interface FormFieldLabelSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport interface FormFieldInputSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport interface FormFieldDescriptionSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport interface FormFieldErrorSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport interface FormFieldPopoverSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useEffect,\n  useState,\n} from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField } from \"react-aria\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldInputSlot,\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\n *\n * displays miscellaneous inputs in a FormField context\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/formfield}\n */\nexport const FormFieldRoot = forwardRef<HTMLDivElement, FormFieldProps>(\n  (\n    { isInvalid, isRequired, isDisabled, isReadOnly, children, ...props },\n    ref\n  ) => {\n    const [context, setContext] = useState<FormFieldContextPayloadType>({\n      label: null,\n      description: null,\n      error: null,\n      info: null,\n      input: null,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    });\n\n    const useFieldArgs: Parameters<typeof useField>[0] = {\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      useFieldArgs.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      useFieldArgs[\"aria-label\"] = \"empty-label\";\n      useFieldArgs[\"aria-labelledby\"] = \"empty-label\";\n    }\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 = {\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    };\n\n    return (\n      <FormFieldContext.Provider value={{ context, setContext }}>\n        <FormFieldRootSlot ref={ref} {...props}>\n          {context.label && (\n            <FormFieldLabelSlot {...context.labelSlotProps}>\n              <label {...labelProps}>\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                        tone=\"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.input && (\n            <FormFieldInputSlot {...context.inputSlotProps}>\n              {Children.map(context.input, (child) => {\n                // Important: Check if the child is a valid React element before cloning.\n                if (isValidElement(child)) {\n                  return cloneElement(child, inputProps);\n                }\n                // If it's not a valid element (e.g., text node, null, undefined), return it as is.\n                return child;\n              })}\n            </FormFieldInputSlot>\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                verticalAlign=\"text-bottom\"\n                mr=\"100\"\n              />\n              {context.error}\n            </FormFieldErrorSlot>\n          )}\n          {children}\n        </FormFieldRootSlot>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.slots\";\n\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  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      input: children,\n      inputSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.slots\";\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  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.slots\";\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  }, [children, setContext]);\n\n  return null;\n};\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\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { FormFieldRoot } from \"./components/form-field.root\";\nimport { FormFieldLabel } from \"./components/form-field.label\";\nimport { FormFieldInput } from \"./components/form-field.input\";\nimport { FormFieldDescription } from \"./components/form-field.description\";\nimport { FormFieldError } from \"./components/form-field.error\";\nimport { FormFieldInfoBox } from \"./components/form-field.info-box\";\n\nexport const FormField = {\n  Root: FormFieldRoot,\n  Label: FormFieldLabel,\n  Input: FormFieldInput,\n  Description: FormFieldDescription,\n  Error: FormFieldError,\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","columnLayout","rowLayout","formFieldRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardRef","isInvalid","isRequired","isDisabled","isReadOnly","children","props","ref","context","setContext","useState","useFieldArgs","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","Children","child","isValidElement","cloneElement","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"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"}

package/dist/chunks/{form-field-6_jyAhgo.cjs.js → form-field-DxcGAb23.cjs.js}

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),i=require("react"),B=require("./config-Mt8_uyhI.cjs.js"),A=require("./create-slot-recipe-context-HIF51Igr.cjs.js"),p=require("./Dialog-BnIvgMq1.cjs.js"),u=require("./box-BPfqlznQ.cjs.js"),H=require("./icon-button-Dqhm4rBI.cjs.js"),m=require("@commercetools/nimbus-icons"),R=require("./useField-DmqO9k7a.cjs.js"),s=i.createContext({context:{label:null,description:null,error:null,info:null,input:null},setContext:()=>{}}),y=`
+"use strict";const t=require("react/jsx-runtime"),i=require("react"),x=require("@chakra-ui/react/styled-system"),p=require("./Dialog-CYa26HlL.cjs.js"),u=require("./box-CWni3A32.cjs.js"),y=require("./icon-button-Cc0MkBbk.cjs.js"),m=require("@commercetools/nimbus-icons"),A=require("./useField-DmqO9k7a.cjs.js"),s=i.createContext({context:{label:null,description:null,error:null,info:null,input:null},setContext:()=>{}}),H=`
 "label"
 "input"
 "description"
@@ -7,5 +7,5 @@
 "label input"
 "label description"
 "label error"
-`,L=B.defineSlotRecipe({slots:["root","label","input","description","error","popover"],className:"nimbus-ui-form-field",base:{root:{"--grid-gap":"spacing.100",display:"grid",width:"auto"},label:{gridArea:"label",fontWeight:"500",color:"neutral.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)"},input:{gridArea:"input"},description:{gridArea:"description",color:"neutral.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)"},error:{gridArea:"error",color:"critical.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)"},popover:{"--scrollbar-color":"colors.neutral.8","--scrollbar-bg":"colors.neutral.3",bg:"neutral.1",maxWidth:"xl",borderRadius:"200",boxShadow:"6",border:"solid-25",borderColor:"neutral.8",maxHeight:"40svh",overflow:"auto",scrollbarWidth:"thin",scrollbarColor:"var(--scrollbar-color) var(--scrollbar-bg)",focusRing:"outside"}},variants:{size:{md:{root:{"--form-field-font-size":"fontSizes.350","--form-field-line-height":"lineHeights.500"}},sm:{root:{"--form-field-font-size":"fontSizes.300","--form-field-line-height":"lineHeights.450"}}},direction:{column:{root:{gridTemplateAreas:y},input:{mt:"var(--grid-gap)"},description:{mt:"var(--grid-gap)"},error:{mt:"var(--grid-gap)"}},row:{root:{gridTemplateAreas:I,gridTemplateColumns:"auto 1fr",gridColumnGap:"200"},description:{mt:"var(--grid-gap)"},error:{mt:"var(--grid-gap)"}}}},defaultVariants:{direction:"column",size:"md"}}),{withProvider:q,withContext:c}=A.createSlotRecipeContext({recipe:L}),M=q("div","root"),T=c("div","label"),W=c("div","input"),k=c("div","description"),D=c("div","error"),N=c("div","popover"),x=i.forwardRef(({isInvalid:e,isRequired:l,isDisabled:o,isReadOnly:n,children:C,...S},j)=>{const[r,f]=i.useState({label:null,description:null,error:null,info:null,input:null,isInvalid:e,isRequired:l,isDisabled:o,isReadOnly:n}),d={description:r.description,errorMessage:r.error};r.label?d.label=r.label:(d["aria-label"]="empty-label",d["aria-labelledby"]="empty-label");const{labelProps:z,fieldProps:E,descriptionProps:P,errorMessageProps:$}=R.$2baaea4c71418dea$export$294aa081a6c6f55d(d);i.useEffect(()=>{f(a=>({...a,isInvalid:e,isRequired:l,isDisabled:o,isReadOnly:n}))},[e,l,o,n]);const w={...E,isInvalid:e,isRequired:l,isDisabled:o,isReadOnly:n};return t.jsx(s.Provider,{value:{context:r,setContext:f},children:t.jsxs(M,{ref:j,...S,children:[r.label&&t.jsxs(T,{...r.labelSlotProps,children:[t.jsxs("label",{...z,children:[r.label,l&&t.jsx("sup",{"aria-hidden":"true",children:"*"})]}),r.info&&t.jsxs(p.$de32f1b87079253c$export$2e1e1122cf0cba88,{children:[t.jsx(u.Box,{as:"span",display:"inline-block",position:"relative",width:"1ch",height:"1ch",ml:"200",children:t.jsx(u.Box,{as:"span",display:"inline-flex",position:"absolute",top:"50%",right:"50%",transform:"translate(50%, -50%)",children:t.jsx(H.IconButton,{"aria-label":"__MORE INFO",size:"2xs",tone:"info",variant:"link",children:t.jsx(m.HelpOutline,{})})})}),t.jsx(p.$07b14b47974efb58$export$5b6b19405a83ff9d,{children:t.jsx(N,{asChild:!0,children:t.jsx(p.$de32f1b87079253c$export$3ddf2d174ce01153,{children:t.jsx(u.Box,{p:"300",children:r.info})})})})]})]}),r.input&&t.jsx(W,{...r.inputSlotProps,children:i.Children.map(r.input,a=>i.isValidElement(a)?i.cloneElement(a,w):a)}),r.description&&t.jsx(k,{...P,...r.descriptionSlotProps,children:r.description}),e&&r.error&&t.jsxs(D,{...$,...r.errorSlotProps,children:[t.jsx(u.Box,{as:m.ErrorOutline,display:"inline-flex",boxSize:"400",verticalAlign:"text-bottom",mr:"100"}),r.error]}),C]})})}),b=({children:e,...l})=>{const{setContext:o}=i.useContext(s);return i.useEffect(()=>{o(n=>({...n,label:e,labelSlotProps:l}))},[e,o]),null},g=({children:e,...l})=>{const{setContext:o}=i.useContext(s);return i.useEffect(()=>{o(n=>({...n,input:e,inputSlotProps:l}))},[e,o]),null},F=({children:e,...l})=>{const{setContext:o}=i.useContext(s);return i.useEffect(()=>{o(n=>({...n,description:e,descriptionSlotProps:l}))},[e,o]),null},h=({children:e,...l})=>{const{setContext:o}=i.useContext(s);return i.useEffect(()=>{o(n=>({...n,error:e,errorSlotProps:l}))},[e,o]),null},v=({children:e})=>{const{setContext:l}=i.useContext(s);return i.useEffect(()=>{l(o=>({...o,info:e}))},[e,l]),null},V={Root:x,Label:b,Input:g,Description:F,Error:h,InfoBox:v};exports.FormField=V;exports.FormFieldDescription=F;exports.FormFieldError=h;exports.FormFieldInfoBox=v;exports.FormFieldInput=g;exports.FormFieldLabel=b;exports.FormFieldRoot=x;
-//# sourceMappingURL=form-field-6_jyAhgo.cjs.js.map
+`,L=x.defineSlotRecipe({slots:["root","label","input","description","error","popover"],className:"nimbus-ui-form-field",base:{root:{"--grid-gap":"spacing.100",display:"grid",width:"auto"},label:{gridArea:"label",fontWeight:"500",color:"neutral.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)"},input:{gridArea:"input"},description:{gridArea:"description",color:"neutral.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)"},error:{gridArea:"error",color:"critical.11",fontSize:"var(--form-field-font-size)",lineHeight:"var(--form-field-line-height)"},popover:{"--scrollbar-color":"colors.neutral.8","--scrollbar-bg":"colors.neutral.3",bg:"neutral.1",maxWidth:"xl",borderRadius:"200",boxShadow:"6",border:"solid-25",borderColor:"neutral.8",maxHeight:"40svh",overflow:"auto",scrollbarWidth:"thin",scrollbarColor:"var(--scrollbar-color) var(--scrollbar-bg)",focusRing:"outside"}},variants:{size:{md:{root:{"--form-field-font-size":"fontSizes.350","--form-field-line-height":"lineHeights.500"}},sm:{root:{"--form-field-font-size":"fontSizes.300","--form-field-line-height":"lineHeights.450"}}},direction:{column:{root:{gridTemplateAreas:H},input:{mt:"var(--grid-gap)"},description:{mt:"var(--grid-gap)"},error:{mt:"var(--grid-gap)"}},row:{root:{gridTemplateAreas:I,gridTemplateColumns:"auto 1fr",gridColumnGap:"200"},description:{mt:"var(--grid-gap)"},error:{mt:"var(--grid-gap)"}}}},defaultVariants:{direction:"column",size:"md"}}),{withProvider:R,withContext:c}=x.createSlotRecipeContext({recipe:L}),q=R("div","root"),M=c("div","label"),T=c("div","input"),W=c("div","description"),k=c("div","error"),D=c("div","popover"),b=i.forwardRef(({isInvalid:e,isRequired:l,isDisabled:o,isReadOnly:n,children:S,...j},z)=>{const[r,f]=i.useState({label:null,description:null,error:null,info:null,input:null,isInvalid:e,isRequired:l,isDisabled:o,isReadOnly:n}),d={description:r.description,errorMessage:r.error};r.label?d.label=r.label:(d["aria-label"]="empty-label",d["aria-labelledby"]="empty-label");const{labelProps:E,fieldProps:P,descriptionProps:$,errorMessageProps:w}=A.$2baaea4c71418dea$export$294aa081a6c6f55d(d);i.useEffect(()=>{f(a=>({...a,isInvalid:e,isRequired:l,isDisabled:o,isReadOnly:n}))},[e,l,o,n]);const B={...P,isInvalid:e,isRequired:l,isDisabled:o,isReadOnly:n};return t.jsx(s.Provider,{value:{context:r,setContext:f},children:t.jsxs(q,{ref:z,...j,children:[r.label&&t.jsxs(M,{...r.labelSlotProps,children:[t.jsxs("label",{...E,children:[r.label,l&&t.jsx("sup",{"aria-hidden":"true",children:"*"})]}),r.info&&t.jsxs(p.$de32f1b87079253c$export$2e1e1122cf0cba88,{children:[t.jsx(u.Box,{as:"span",display:"inline-block",position:"relative",width:"1ch",height:"1ch",ml:"200",children:t.jsx(u.Box,{as:"span",display:"inline-flex",position:"absolute",top:"50%",right:"50%",transform:"translate(50%, -50%)",children:t.jsx(y.IconButton,{"aria-label":"__MORE INFO",size:"2xs",tone:"info",variant:"link",children:t.jsx(m.HelpOutline,{})})})}),t.jsx(p.$07b14b47974efb58$export$5b6b19405a83ff9d,{children:t.jsx(D,{asChild:!0,children:t.jsx(p.$de32f1b87079253c$export$3ddf2d174ce01153,{children:t.jsx(u.Box,{p:"300",children:r.info})})})})]})]}),r.input&&t.jsx(T,{...r.inputSlotProps,children:i.Children.map(r.input,a=>i.isValidElement(a)?i.cloneElement(a,B):a)}),r.description&&t.jsx(W,{...$,...r.descriptionSlotProps,children:r.description}),e&&r.error&&t.jsxs(k,{...w,...r.errorSlotProps,children:[t.jsx(u.Box,{as:m.ErrorOutline,display:"inline-flex",boxSize:"400",verticalAlign:"text-bottom",mr:"100"}),r.error]}),S]})})}),F=({children:e,...l})=>{const{setContext:o}=i.useContext(s);return i.useEffect(()=>{o(n=>({...n,label:e,labelSlotProps:l}))},[e,o]),null},g=({children:e,...l})=>{const{setContext:o}=i.useContext(s);return i.useEffect(()=>{o(n=>({...n,input:e,inputSlotProps:l}))},[e,o]),null},h=({children:e,...l})=>{const{setContext:o}=i.useContext(s);return i.useEffect(()=>{o(n=>({...n,description:e,descriptionSlotProps:l}))},[e,o]),null},v=({children:e,...l})=>{const{setContext:o}=i.useContext(s);return i.useEffect(()=>{o(n=>({...n,error:e,errorSlotProps:l}))},[e,o]),null},C=({children:e})=>{const{setContext:l}=i.useContext(s);return i.useEffect(()=>{l(o=>({...o,info:e}))},[e,l]),null},N={Root:b,Label:F,Input:g,Description:h,Error:v,InfoBox:C};exports.FormField=N;exports.FormFieldDescription=h;exports.FormFieldError=v;exports.FormFieldInfoBox=C;exports.FormFieldInput=g;exports.FormFieldLabel=F;exports.FormFieldRoot=b;
+//# sourceMappingURL=form-field-DxcGAb23.cjs.js.map

package/dist/chunks/{form-field-6_jyAhgo.cjs.js.map → form-field-DxcGAb23.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"form-field-6_jyAhgo.cjs.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.recipe.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  FormFieldInputSlotProps,\n  FormFieldLabelSlotProps,\n} from \"../form-field.slots\";\n\nexport type FormFieldContextPayloadType = {\n  label: ReactNode;\n  labelSlotProps?: FormFieldLabelSlotProps;\n  input: ReactNode;\n  inputSlotProps?: FormFieldInputSlotProps;\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};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n  context: {\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n  },\n  setContext: () => {},\n});\n","import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\nconst columnLayout = `\n\"label\"\n\"input\"\n\"description\"\n\"error\"\n`;\nconst rowLayout = `\n\"label input\"\n\"label description\"\n\"label error\"\n`;\n\n/**\n * Recipe configuration for the FormField component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const formFieldRecipe = defineSlotRecipe({\n  slots: [\"root\", \"label\", \"input\", \"description\", \"error\", \"popover\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-ui-form-field\",\n\n  base: {\n    root: {\n      \"--grid-gap\": \"spacing.100\",\n\n      display: \"grid\",\n      width: \"auto\",\n    },\n    label: {\n      gridArea: \"label\",\n      fontWeight: \"500\",\n      color: \"neutral.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    input: {\n      gridArea: \"input\",\n    },\n    description: {\n      gridArea: \"description\",\n      color: \"neutral.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    error: {\n      gridArea: \"error\",\n      color: \"critical.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    popover: {\n      \"--scrollbar-color\": \"colors.neutral.8\",\n      \"--scrollbar-bg\": \"colors.neutral.3\",\n      bg: \"neutral.1\",\n      maxWidth: \"xl\",\n      borderRadius: \"200\",\n      boxShadow: \"6\",\n      border: \"solid-25\",\n      borderColor: \"neutral.8\",\n      maxHeight: \"40svh\",\n      overflow: \"auto\",\n      scrollbarWidth: \"thin\",\n      scrollbarColor: \"var(--scrollbar-color) var(--scrollbar-bg)\",\n      focusRing: \"outside\",\n    },\n  },\n\n  variants: {\n    size: {\n      md: {\n        root: {\n          \"--form-field-font-size\": \"fontSizes.350\",\n          \"--form-field-line-height\": \"lineHeights.500\",\n        },\n      },\n      sm: {\n        root: {\n          \"--form-field-font-size\": \"fontSizes.300\",\n          \"--form-field-line-height\": \"lineHeights.450\",\n        },\n      },\n    },\n    direction: {\n      column: {\n        root: {\n          gridTemplateAreas: columnLayout,\n        },\n        input: {\n          mt: \"var(--grid-gap)\",\n        },\n        description: {\n          mt: \"var(--grid-gap)\",\n        },\n        error: {\n          mt: \"var(--grid-gap)\",\n        },\n      },\n      row: {\n        root: {\n          gridTemplateAreas: rowLayout,\n          gridTemplateColumns: \"auto 1fr\",\n          gridColumnGap: \"200\",\n        },\n        description: {\n          mt: \"var(--grid-gap)\",\n        },\n        error: {\n          mt: \"var(--grid-gap)\",\n        },\n      },\n    },\n  },\n\n  // Default variant values when not explicitly specified\n  defaultVariants: {\n    direction: \"column\",\n    size: \"md\",\n  },\n});\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { formFieldRecipe } from \"./form-field.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: formFieldRecipe,\n});\n\n// Root slot\nexport interface FormFieldRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp\n  > {}\n\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport interface FormFieldLabelSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport interface FormFieldInputSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport interface FormFieldDescriptionSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport interface FormFieldErrorSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport interface FormFieldPopoverSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useEffect,\n  useState,\n} from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField } from \"react-aria\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldInputSlot,\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\n *\n * displays miscellaneous inputs in a FormField context\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/formfield}\n */\nexport const FormFieldRoot = forwardRef<HTMLDivElement, FormFieldProps>(\n  (\n    { isInvalid, isRequired, isDisabled, isReadOnly, children, ...props },\n    ref\n  ) => {\n    const [context, setContext] = useState<FormFieldContextPayloadType>({\n      label: null,\n      description: null,\n      error: null,\n      info: null,\n      input: null,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    });\n\n    const useFieldArgs: Parameters<typeof useField>[0] = {\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      useFieldArgs.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      useFieldArgs[\"aria-label\"] = \"empty-label\";\n      useFieldArgs[\"aria-labelledby\"] = \"empty-label\";\n    }\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 = {\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    };\n\n    return (\n      <FormFieldContext.Provider value={{ context, setContext }}>\n        <FormFieldRootSlot ref={ref} {...props}>\n          {context.label && (\n            <FormFieldLabelSlot {...context.labelSlotProps}>\n              <label {...labelProps}>\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                        tone=\"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.input && (\n            <FormFieldInputSlot {...context.inputSlotProps}>\n              {Children.map(context.input, (child) => {\n                // Important: Check if the child is a valid React element before cloning.\n                if (isValidElement(child)) {\n                  return cloneElement(child, inputProps);\n                }\n                // If it's not a valid element (e.g., text node, null, undefined), return it as is.\n                return child;\n              })}\n            </FormFieldInputSlot>\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                verticalAlign=\"text-bottom\"\n                mr=\"100\"\n              />\n              {context.error}\n            </FormFieldErrorSlot>\n          )}\n          {children}\n        </FormFieldRootSlot>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.slots\";\n\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  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      input: children,\n      inputSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.slots\";\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  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.slots\";\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  }, [children, setContext]);\n\n  return null;\n};\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\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { FormFieldRoot } from \"./components/form-field.root\";\nimport { FormFieldLabel } from \"./components/form-field.label\";\nimport { FormFieldInput } from \"./components/form-field.input\";\nimport { FormFieldDescription } from \"./components/form-field.description\";\nimport { FormFieldError } from \"./components/form-field.error\";\nimport { FormFieldInfoBox } from \"./components/form-field.info-box\";\n\nexport const FormField = {\n  Root: FormFieldRoot,\n  Label: FormFieldLabel,\n  Input: FormFieldInput,\n  Description: FormFieldDescription,\n  Error: FormFieldError,\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","columnLayout","rowLayout","formFieldRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardRef","isInvalid","isRequired","isDisabled","isReadOnly","children","props","ref","context","setContext","useState","useFieldArgs","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","Children","child","isValidElement","cloneElement","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"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"}
+{"version":3,"file":"form-field-DxcGAb23.cjs.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.recipe.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  FormFieldInputSlotProps,\n  FormFieldLabelSlotProps,\n} from \"../form-field.slots\";\n\nexport type FormFieldContextPayloadType = {\n  label: ReactNode;\n  labelSlotProps?: FormFieldLabelSlotProps;\n  input: ReactNode;\n  inputSlotProps?: FormFieldInputSlotProps;\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};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n  context: {\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n  },\n  setContext: () => {},\n});\n","import { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\nconst columnLayout = `\n\"label\"\n\"input\"\n\"description\"\n\"error\"\n`;\nconst rowLayout = `\n\"label input\"\n\"label description\"\n\"label error\"\n`;\n\n/**\n * Recipe configuration for the FormField component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const formFieldRecipe = defineSlotRecipe({\n  slots: [\"root\", \"label\", \"input\", \"description\", \"error\", \"popover\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-ui-form-field\",\n\n  base: {\n    root: {\n      \"--grid-gap\": \"spacing.100\",\n\n      display: \"grid\",\n      width: \"auto\",\n    },\n    label: {\n      gridArea: \"label\",\n      fontWeight: \"500\",\n      color: \"neutral.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    input: {\n      gridArea: \"input\",\n    },\n    description: {\n      gridArea: \"description\",\n      color: \"neutral.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    error: {\n      gridArea: \"error\",\n      color: \"critical.11\",\n      fontSize: \"var(--form-field-font-size)\",\n      lineHeight: \"var(--form-field-line-height)\",\n    },\n    popover: {\n      \"--scrollbar-color\": \"colors.neutral.8\",\n      \"--scrollbar-bg\": \"colors.neutral.3\",\n      bg: \"neutral.1\",\n      maxWidth: \"xl\",\n      borderRadius: \"200\",\n      boxShadow: \"6\",\n      border: \"solid-25\",\n      borderColor: \"neutral.8\",\n      maxHeight: \"40svh\",\n      overflow: \"auto\",\n      scrollbarWidth: \"thin\",\n      scrollbarColor: \"var(--scrollbar-color) var(--scrollbar-bg)\",\n      focusRing: \"outside\",\n    },\n  },\n\n  variants: {\n    size: {\n      md: {\n        root: {\n          \"--form-field-font-size\": \"fontSizes.350\",\n          \"--form-field-line-height\": \"lineHeights.500\",\n        },\n      },\n      sm: {\n        root: {\n          \"--form-field-font-size\": \"fontSizes.300\",\n          \"--form-field-line-height\": \"lineHeights.450\",\n        },\n      },\n    },\n    direction: {\n      column: {\n        root: {\n          gridTemplateAreas: columnLayout,\n        },\n        input: {\n          mt: \"var(--grid-gap)\",\n        },\n        description: {\n          mt: \"var(--grid-gap)\",\n        },\n        error: {\n          mt: \"var(--grid-gap)\",\n        },\n      },\n      row: {\n        root: {\n          gridTemplateAreas: rowLayout,\n          gridTemplateColumns: \"auto 1fr\",\n          gridColumnGap: \"200\",\n        },\n        description: {\n          mt: \"var(--grid-gap)\",\n        },\n        error: {\n          mt: \"var(--grid-gap)\",\n        },\n      },\n    },\n  },\n\n  // Default variant values when not explicitly specified\n  defaultVariants: {\n    direction: \"column\",\n    size: \"md\",\n  },\n});\n","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { formFieldRecipe } from \"./form-field.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: formFieldRecipe,\n});\n\n// Root slot\nexport interface FormFieldRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof formFieldRecipe> & UnstyledProp\n  > {}\n\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport interface FormFieldLabelSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport interface FormFieldInputSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport interface FormFieldDescriptionSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport interface FormFieldErrorSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport interface FormFieldPopoverSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useEffect,\n  useState,\n} from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField } from \"react-aria\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldInputSlot,\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\n *\n * displays miscellaneous inputs in a FormField context\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/formfield}\n */\nexport const FormFieldRoot = forwardRef<HTMLDivElement, FormFieldProps>(\n  (\n    { isInvalid, isRequired, isDisabled, isReadOnly, children, ...props },\n    ref\n  ) => {\n    const [context, setContext] = useState<FormFieldContextPayloadType>({\n      label: null,\n      description: null,\n      error: null,\n      info: null,\n      input: null,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    });\n\n    const useFieldArgs: Parameters<typeof useField>[0] = {\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      useFieldArgs.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      useFieldArgs[\"aria-label\"] = \"empty-label\";\n      useFieldArgs[\"aria-labelledby\"] = \"empty-label\";\n    }\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 = {\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    };\n\n    return (\n      <FormFieldContext.Provider value={{ context, setContext }}>\n        <FormFieldRootSlot ref={ref} {...props}>\n          {context.label && (\n            <FormFieldLabelSlot {...context.labelSlotProps}>\n              <label {...labelProps}>\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                        tone=\"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.input && (\n            <FormFieldInputSlot {...context.inputSlotProps}>\n              {Children.map(context.input, (child) => {\n                // Important: Check if the child is a valid React element before cloning.\n                if (isValidElement(child)) {\n                  return cloneElement(child, inputProps);\n                }\n                // If it's not a valid element (e.g., text node, null, undefined), return it as is.\n                return child;\n              })}\n            </FormFieldInputSlot>\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                verticalAlign=\"text-bottom\"\n                mr=\"100\"\n              />\n              {context.error}\n            </FormFieldErrorSlot>\n          )}\n          {children}\n        </FormFieldRootSlot>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.slots\";\n\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  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.slots\";\n\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      input: children,\n      inputSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.slots\";\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  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.slots\";\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  }, [children, setContext]);\n\n  return null;\n};\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\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { FormFieldRoot } from \"./components/form-field.root\";\nimport { FormFieldLabel } from \"./components/form-field.label\";\nimport { FormFieldInput } from \"./components/form-field.input\";\nimport { FormFieldDescription } from \"./components/form-field.description\";\nimport { FormFieldError } from \"./components/form-field.error\";\nimport { FormFieldInfoBox } from \"./components/form-field.info-box\";\n\nexport const FormField = {\n  Root: FormFieldRoot,\n  Label: FormFieldLabel,\n  Input: FormFieldInput,\n  Description: FormFieldDescription,\n  Error: FormFieldError,\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","columnLayout","rowLayout","formFieldRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardRef","isInvalid","isRequired","isDisabled","isReadOnly","children","props","ref","context","setContext","useState","useFieldArgs","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","Children","child","isValidElement","cloneElement","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"sTA6BaA,EAAmBC,EAAAA,cAAoC,CAClE,QAAS,CACP,MAAO,KACP,YAAa,KACb,MAAO,KACP,KAAM,KACN,MAAO,IAAA,EAET,WAAY,IAAM,CAAC,CACrB,CAAC,ECpCKC,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA,EAMfC,EAAY;AAAA;AAAA;AAAA;AAAA,EAULC,EAAkBC,EAAAA,iBAAiB,CAC9C,MAAO,CAAC,OAAQ,QAAS,QAAS,cAAe,QAAS,SAAS,EAEnE,UAAW,uBAEX,KAAM,CACJ,KAAM,CACJ,aAAc,cAEd,QAAS,OACT,MAAO,MAAA,EAET,MAAO,CACL,SAAU,QACV,WAAY,MACZ,MAAO,aACP,SAAU,8BACV,WAAY,+BAAA,EAEd,MAAO,CACL,SAAU,OAAA,EAEZ,YAAa,CACX,SAAU,cACV,MAAO,aACP,SAAU,8BACV,WAAY,+BAAA,EAEd,MAAO,CACL,SAAU,QACV,MAAO,cACP,SAAU,8BACV,WAAY,+BAAA,EAEd,QAAS,CACP,oBAAqB,mBACrB,iBAAkB,mBAClB,GAAI,YACJ,SAAU,KACV,aAAc,MACd,UAAW,IACX,OAAQ,WACR,YAAa,YACb,UAAW,QACX,SAAU,OACV,eAAgB,OAChB,eAAgB,6CAChB,UAAW,SAAA,CACb,EAGF,SAAU,CACR,KAAM,CACJ,GAAI,CACF,KAAM,CACJ,yBAA0B,gBAC1B,2BAA4B,iBAAA,CAC9B,EAEF,GAAI,CACF,KAAM,CACJ,yBAA0B,gBAC1B,2BAA4B,iBAAA,CAC9B,CACF,EAEF,UAAW,CACT,OAAQ,CACN,KAAM,CACJ,kBAAmBH,CAAA,EAErB,MAAO,CACL,GAAI,iBAAA,EAEN,YAAa,CACX,GAAI,iBAAA,EAEN,MAAO,CACL,GAAI,iBAAA,CACN,EAEF,IAAK,CACH,KAAM,CACJ,kBAAmBC,EACnB,oBAAqB,WACrB,cAAe,KAAA,EAEjB,YAAa,CACX,GAAI,iBAAA,EAEN,MAAO,CACL,GAAI,iBAAA,CACN,CACF,CACF,EAIF,gBAAiB,CACf,UAAW,SACX,KAAM,IAAA,CAEV,CAAC,EC9GK,CAAE,aAAAG,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,OAAQJ,CACV,CAAC,EASYK,EAAoBH,EAG/B,MAAO,MAAM,EAIFI,EAAqBH,EAGhC,MAAO,OAAO,EAIHI,EAAqBJ,EAGhC,MAAO,OAAO,EAIHK,EAA2BL,EAGtC,MAAO,aAAa,EAITM,EAAqBN,EAGhC,MAAO,OAAO,EAIHO,EAAuBP,EAGlC,MAAO,SAAS,EC1BLQ,EAAgBC,EAAAA,WAC3B,CACE,CAAE,UAAAC,EAAW,WAAAC,EAAY,WAAAC,EAAY,WAAAC,EAAY,SAAAC,EAAU,GAAGC,CAAA,EAC9DC,IACG,CACH,KAAM,CAACC,EAASC,CAAU,EAAIC,WAAsC,CAClE,MAAO,KACP,YAAa,KACb,MAAO,KACP,KAAM,KACN,MAAO,KACP,UAAAT,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,CAAA,CACD,EAEKO,EAA+C,CACnD,YAAaH,EAAQ,YACrB,aAAcA,EAAQ,KAAA,EAGpBA,EAAQ,MACVG,EAAa,MAAQH,EAAQ,OAK7BG,EAAa,YAAY,EAAI,cAC7BA,EAAa,iBAAiB,EAAI,eAGpC,KAAM,CAAE,WAAAC,EAAY,WAAAC,EAAY,iBAAAC,EAAkB,kBAAAC,CAAA,EAChDC,EAAAA,0CAASL,CAAY,EAEvBM,EAAAA,UAAU,IAAM,CACdR,EAAYS,IAAiB,CAC3B,GAAGA,EACH,UAAAjB,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,CAAA,EACA,CACJ,EAAG,CAACH,EAAWC,EAAYC,EAAYC,CAAU,CAAC,EAElD,MAAMe,EAAa,CACjB,GAAGN,EACH,UAAAZ,EACA,WAAAC,EACA,WAAAC,EACA,WAAAC,CAAA,EAGF,OACEgB,EAAAA,IAACpC,EAAiB,SAAjB,CAA0B,MAAO,CAAE,QAAAwB,EAAS,WAAAC,CAAA,EAC3C,SAAAY,EAAAA,KAAC5B,EAAA,CAAkB,IAAAc,EAAW,GAAGD,EAC9B,SAAA,CAAAE,EAAQ,OACPa,OAAC3B,EAAA,CAAoB,GAAGc,EAAQ,eAC9B,SAAA,CAAAa,EAAAA,KAAC,QAAA,CAAO,GAAGT,EACR,SAAA,CAAAJ,EAAQ,MACRN,GAAckB,EAAAA,IAAC,MAAA,CAAI,cAAY,OAAO,SAAA,GAAA,CAAC,CAAA,EAC1C,EACCZ,EAAQ,MACPa,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,KAAK,OACL,QAAQ,OAER,eAACC,EAAAA,YAAA,CAAA,CAAY,CAAA,CAAA,CACf,CAAA,CACF,CAAA,QAEDC,EAAAA,0CAAA,CACC,SAAAN,MAACtB,EAAA,CAAqB,QAAO,GAC3B,SAAAsB,EAAAA,IAACO,EAAAA,0CAAA,CACC,SAAAP,MAACG,EAAAA,IAAA,CAAI,EAAE,MAAO,SAAAf,EAAQ,IAAA,CAAK,CAAA,CAC7B,EACF,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EAEJ,EAEDA,EAAQ,OACPY,EAAAA,IAACzB,EAAA,CAAoB,GAAGa,EAAQ,eAC7B,SAAAoB,EAAAA,SAAS,IAAIpB,EAAQ,MAAQqB,GAExBC,EAAAA,eAAeD,CAAK,EACfE,EAAAA,aAAaF,EAAOV,CAAU,EAGhCU,CACR,CAAA,CACH,EAEDrB,EAAQ,aACPY,EAAAA,IAACxB,EAAA,CACE,GAAGkB,EACH,GAAGN,EAAQ,qBAEX,SAAAA,EAAQ,WAAA,CAAA,EAGZP,GAAaO,EAAQ,OACpBa,EAAAA,KAACxB,EAAA,CACE,GAAGkB,EACH,GAAGP,EAAQ,eAEZ,SAAA,CAAAY,EAAAA,IAACG,EAAAA,IAAA,CACC,GAAIS,EAAAA,aACJ,QAAQ,cACR,QAAQ,MACR,cAAc,cACd,GAAG,KAAA,CAAA,EAEJxB,EAAQ,KAAA,CAAA,CAAA,EAGZH,CAAA,CAAA,CACH,CAAA,CACF,CAEJ,CACF,EC1Ka4B,EAAiB,CAAC,CAC7B,SAAA5B,EACA,GAAG6B,CACL,IAA+B,CAC7B,KAAM,CAAE,WAAAzB,CAAA,EAAe0B,EAAAA,WAAWnD,CAAgB,EAElDiC,OAAAA,EAAAA,UAAU,IAAM,CACdR,EAAYS,IAAiB,CAC3B,GAAGA,EACH,MAAOb,EACP,eAAA6B,CAAA,EACA,CACJ,EAAG,CAAC7B,EAAUI,CAAU,CAAC,EAElB,IACT,ECfa2B,EAAiB,CAAC,CAC7B,SAAA/B,EACA,GAAGgC,CACL,IAA+B,CAC7B,KAAM,CAAE,WAAA5B,CAAA,EAAe0B,EAAAA,WAAWnD,CAAgB,EAElDiC,OAAAA,EAAAA,UAAU,IAAM,CACdR,EAAYS,IAAiB,CAC3B,GAAGA,EACH,MAAOb,EACP,eAAAgC,CAAA,EACA,CACJ,EAAG,CAAChC,EAAUI,CAAU,CAAC,EAElB,IACT,ECfa6B,EAAuB,CAAC,CACnC,SAAAjC,EACA,GAAGkC,CACL,IAAqC,CACnC,KAAM,CAAE,WAAA9B,CAAA,EAAe0B,EAAAA,WAAWnD,CAAgB,EAElDiC,OAAAA,EAAAA,UAAU,IAAM,CACdR,EAAYS,IAAiB,CAC3B,GAAGA,EACH,YAAab,EACb,qBAAAkC,CAAA,EACA,CACJ,EAAG,CAAClC,EAAUI,CAAU,CAAC,EAElB,IACT,ECfa+B,EAAiB,CAAC,CAC7B,SAAAnC,EACA,GAAGoC,CACL,IAA+B,CAC7B,KAAM,CAAE,WAAAhC,CAAA,EAAe0B,EAAAA,WAAWnD,CAAgB,EAElDiC,OAAAA,EAAAA,UAAU,IAAM,CACdR,EAAYS,IAAiB,CAC3B,GAAGA,EACH,MAAOb,EACP,eAAAoC,CAAA,EACA,CACJ,EAAG,CAACpC,EAAUI,CAAU,CAAC,EAElB,IACT,ECTaiC,EAAmB,CAAC,CAAE,SAAArC,KAAsC,CACvE,KAAM,CAAE,WAAAI,CAAA,EAAe0B,EAAAA,WAAWnD,CAAgB,EAElDiC,OAAAA,EAAAA,UAAU,IAAM,CACdR,EAAYS,IAAiB,CAC3B,GAAGA,EACH,KAAMb,CAAA,EACN,CACJ,EAAG,CAACA,EAAUI,CAAU,CAAC,EAElB,IACT,ECdakC,EAAY,CACvB,KAAM5C,EACN,MAAOkC,EACP,MAAOG,EACP,YAAaE,EACb,MAAOE,EACP,QAASE,CACX"}

package/dist/chunks/grid-Chuw1xje.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),r=require("@chakra-ui/react/grid"),e=s=>{const{ref:t,...i}=s;return n.jsx(r.Grid,{ref:t,...i})};e.displayName="Grid";const d=Object.assign(e,{Item:r.GridItem});exports.Grid=d;
+//# sourceMappingURL=grid-Chuw1xje.cjs.js.map

package/dist/chunks/{grid-CWdLtU5p.cjs.js.map → grid-Chuw1xje.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"grid-CWdLtU5p.cjs.js","sources":["../../src/components/grid/grid.tsx"],"sourcesContent":["import {\n  Grid as ChakraGrid,\n  GridItem,\n  type GridProps as ChakraGridProps,\n} from \"@chakra-ui/react/grid\";\n\n/**\n * # Grid\n *\n * An easily customizable Grid component, re-exported from Chakra UI, that provides a consistent layout structure across different products.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/grid}\n */\nexport interface GridProps extends ChakraGridProps {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst GridComponent = (props: GridProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraGrid ref={ref} {...restProps} />;\n};\n\nGridComponent.displayName = \"Grid\";\n\nexport const Grid = Object.assign(GridComponent, {\n  Item: GridItem,\n});\n"],"names":["GridComponent","props","ref","restProps","jsx","ChakraGrid","Grid","GridItem"],"mappings":"2FAkBMA,EAAiBC,GAAqB,CAC1C,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAcF,EAC9B,OAAOG,EAAAA,IAACC,EAAAA,KAAA,CAAW,IAAAH,EAAW,GAAGC,CAAA,CAAW,CAC9C,EAEAH,EAAc,YAAc,OAErB,MAAMM,EAAO,OAAO,OAAON,EAAe,CAC/C,KAAMO,EAAAA,QACR,CAAC"}
+{"version":3,"file":"grid-Chuw1xje.cjs.js","sources":["../../src/components/grid/grid.tsx"],"sourcesContent":["import {\n  Grid as ChakraGrid,\n  GridItem,\n  type GridProps as ChakraGridProps,\n} from \"@chakra-ui/react/grid\";\n\n/**\n * # Grid\n *\n * An easily customizable Grid component, re-exported from Chakra UI, that provides a consistent layout structure across different products.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/grid}\n */\nexport interface GridProps extends ChakraGridProps {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst GridComponent = (props: GridProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraGrid ref={ref} {...restProps} />;\n};\n\nGridComponent.displayName = \"Grid\";\n\nexport const Grid = Object.assign(GridComponent, {\n  Item: GridItem,\n});\n"],"names":["GridComponent","props","ref","restProps","jsx","ChakraGrid","Grid","GridItem"],"mappings":"qFAkBMA,EAAiBC,GAAqB,CAC1C,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAcF,EAC9B,OAAOG,EAAAA,IAACC,EAAAA,KAAA,CAAW,IAAAH,EAAW,GAAGC,CAAA,CAAW,CAC9C,EAEAH,EAAc,YAAc,OAErB,MAAMM,EAAO,OAAO,OAAON,EAAe,CAC/C,KAAMO,EAAAA,QACR,CAAC"}

package/dist/chunks/grid-De8qjf98.es.js

@@ -0,0 +1,14 @@
+import { jsx as i } from "react/jsx-runtime";
+import { GridItem as e, Grid as m } from "@chakra-ui/react/grid";
+const r = (t) => {
+  const { ref: o, ...s } = t;
+  return /* @__PURE__ */ i(m, { ref: o, ...s });
+};
+r.displayName = "Grid";
+const G = /* @__PURE__ */ Object.assign(r, {
+  Item: e
+});
+export {
+  G
+};
+//# sourceMappingURL=grid-De8qjf98.es.js.map

package/dist/chunks/{grid-Cdmh4YaF.es.js.map → grid-De8qjf98.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"grid-Cdmh4YaF.es.js","sources":["../../src/components/grid/grid.tsx"],"sourcesContent":["import {\n  Grid as ChakraGrid,\n  GridItem,\n  type GridProps as ChakraGridProps,\n} from \"@chakra-ui/react/grid\";\n\n/**\n * # Grid\n *\n * An easily customizable Grid component, re-exported from Chakra UI, that provides a consistent layout structure across different products.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/grid}\n */\nexport interface GridProps extends ChakraGridProps {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst GridComponent = (props: GridProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraGrid ref={ref} {...restProps} />;\n};\n\nGridComponent.displayName = \"Grid\";\n\nexport const Grid = Object.assign(GridComponent, {\n  Item: GridItem,\n});\n"],"names":["GridComponent","props","ref","restProps","jsx","ChakraGrid","Grid","GridItem"],"mappings":";;AAkBA,MAAMA,IAAgB,CAACC,MAAqB;AAC1C,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AAC9B,SAAO,gBAAAG,EAACC,GAAA,EAAW,KAAAH,GAAW,GAAGC,EAAA,CAAW;AAC9C;AAEAH,EAAc,cAAc;AAErB,MAAMM,IAAO,uBAAO,OAAON,GAAe;AAAA,EAC/C,MAAMO;AACR,CAAC;"}
+{"version":3,"file":"grid-De8qjf98.es.js","sources":["../../src/components/grid/grid.tsx"],"sourcesContent":["import {\n  Grid as ChakraGrid,\n  GridItem,\n  type GridProps as ChakraGridProps,\n} from \"@chakra-ui/react/grid\";\n\n/**\n * # Grid\n *\n * An easily customizable Grid component, re-exported from Chakra UI, that provides a consistent layout structure across different products.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/grid}\n */\nexport interface GridProps extends ChakraGridProps {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nconst GridComponent = (props: GridProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraGrid ref={ref} {...restProps} />;\n};\n\nGridComponent.displayName = \"Grid\";\n\nexport const Grid = Object.assign(GridComponent, {\n  Item: GridItem,\n});\n"],"names":["GridComponent","props","ref","restProps","jsx","ChakraGrid","Grid","GridItem"],"mappings":";;AAkBA,MAAMA,IAAgB,CAACC,MAAqB;AAC1C,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AAC9B,SAAO,gBAAAG,EAACC,GAAA,EAAW,KAAAH,GAAW,GAAGC,EAAA,CAAW;AAC9C;AAEAH,EAAc,cAAc;AAErB,MAAMM,IAAO,uBAAO,OAAON,GAAe;AAAA,EAC/C,MAAMO;AACR,CAAC;"}