@commercetools/nimbus 3.1.0 → 3.2.0

package/dist/chunks/mergeProps-Dn9WJiIo.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"mergeProps-Dn9WJiIo.cjs.js","names":["$3ARPR$react","$c7eafbbe1ea5834e$export$619500959fc48b26","$aPpn7$clsx"],"sources":["../../../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/utils/chain.mjs","../../../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/utils/useLayoutEffect.mjs","../../../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/utils/useValueEffect.mjs","../../../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/utils/useId.mjs","../../../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/utils/mergeRefs.mjs","../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../../../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/utils/mergeProps.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 */ /**\n * Calls all functions in the order they were chained with the same arguments.\n */ function $a4e76a5424781910$export$e08e3b67e392101e(...callbacks) {\n    return (...args)=>{\n        for (let callback of callbacks)if (typeof callback === 'function') callback(...args);\n    };\n}\n\n\nexport {$a4e76a5424781910$export$e08e3b67e392101e as chain};\n//# sourceMappingURL=chain.mjs.map\n","import $3ARPR$react from \"react\";\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 */ \nconst $c4867b2f328c2698$export$e5c5a5f917a5871c = typeof document !== 'undefined' ? (0, $3ARPR$react).useLayoutEffect : ()=>{};\n\n\nexport {$c4867b2f328c2698$export$e5c5a5f917a5871c as useLayoutEffect};\n//# sourceMappingURL=useLayoutEffect.mjs.map\n","import {useLayoutEffect as $c4867b2f328c2698$export$e5c5a5f917a5871c} from \"./useLayoutEffect.mjs\";\nimport {useState as $dPTrK$useState, useRef as $dPTrK$useRef, useCallback as $dPTrK$useCallback} from \"react\";\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 $1a716630a9e3a599$export$14d238f342723f25(defaultValue) {\n    let [value, setValue] = (0, $dPTrK$useState)(defaultValue);\n    // Keep an up to date copy of value in a ref so we can access the current value in the generator.\n    // This allows us to maintain a stable queue function.\n    let currValue = (0, $dPTrK$useRef)(value);\n    let effect = (0, $dPTrK$useRef)(null);\n    // Store the function in a ref so we can always access the current version\n    // which has the proper `value` in scope.\n    let nextRef = (0, $dPTrK$useRef)(()=>{\n        if (!effect.current) return;\n        // Run the generator to the next yield.\n        let newValue = effect.current.next();\n        // If the generator is done, reset the effect.\n        if (newValue.done) {\n            effect.current = null;\n            return;\n        }\n        // If the value is the same as the current value,\n        // then continue to the next yield. Otherwise,\n        // set the value in state and wait for the next layout effect.\n        if (currValue.current === newValue.value) nextRef.current();\n        else setValue(newValue.value);\n    });\n    (0, $c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{\n        currValue.current = value;\n        // If there is an effect currently running, continue to the next yield.\n        if (effect.current) nextRef.current();\n    });\n    let queue = (0, $dPTrK$useCallback)((fn)=>{\n        effect.current = fn(currValue.current);\n        nextRef.current();\n    }, [\n        nextRef\n    ]);\n    return [\n        value,\n        queue\n    ];\n}\n\n\nexport {$1a716630a9e3a599$export$14d238f342723f25 as useValueEffect};\n//# sourceMappingURL=useValueEffect.mjs.map\n","import {useLayoutEffect as $c4867b2f328c2698$export$e5c5a5f917a5871c} from \"./useLayoutEffect.mjs\";\nimport {useSSRSafeId as $c7eafbbe1ea5834e$export$619500959fc48b26} from \"../ssr/SSRProvider.mjs\";\nimport {useValueEffect as $1a716630a9e3a599$export$14d238f342723f25} from \"./useValueEffect.mjs\";\nimport {useState as $4QKZm$useState, useRef as $4QKZm$useRef, useEffect as $4QKZm$useEffect, useCallback as $4QKZm$useCallback} from \"react\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n// copied from SSRProvider.tsx to reduce exports, if needed again, consider sharing\nlet $390e54f620492c70$var$canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);\nlet $390e54f620492c70$export$d41a04c74483c6ef = new Map();\n// This allows us to clean up the idsUpdaterMap when the id is no longer used.\n// Map is a strong reference, so unused ids wouldn't be cleaned up otherwise.\n// This can happen in suspended components where mount/unmount is not called.\nlet $390e54f620492c70$var$registry;\nif (typeof FinalizationRegistry !== 'undefined') $390e54f620492c70$var$registry = new FinalizationRegistry((heldValue)=>{\n    $390e54f620492c70$export$d41a04c74483c6ef.delete(heldValue);\n});\nfunction $390e54f620492c70$export$f680877a34711e37(defaultId) {\n    let [value, setValue] = (0, $4QKZm$useState)(defaultId);\n    let nextId = (0, $4QKZm$useRef)(null);\n    let res = (0, $c7eafbbe1ea5834e$export$619500959fc48b26)(value);\n    let cleanupRef = (0, $4QKZm$useRef)(null);\n    if ($390e54f620492c70$var$registry) $390e54f620492c70$var$registry.register(cleanupRef, res);\n    if ($390e54f620492c70$var$canUseDOM) {\n        const cacheIdRef = $390e54f620492c70$export$d41a04c74483c6ef.get(res);\n        if (cacheIdRef && !cacheIdRef.includes(nextId)) cacheIdRef.push(nextId);\n        else $390e54f620492c70$export$d41a04c74483c6ef.set(res, [\n            nextId\n        ]);\n    }\n    (0, $c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{\n        let r = res;\n        return ()=>{\n            // In Suspense, the cleanup function may be not called\n            // when it is though, also remove it from the finalization registry.\n            if ($390e54f620492c70$var$registry) $390e54f620492c70$var$registry.unregister(cleanupRef);\n            $390e54f620492c70$export$d41a04c74483c6ef.delete(r);\n        };\n    }, [\n        res\n    ]);\n    // This cannot cause an infinite loop because the ref is always cleaned up.\n    // eslint-disable-next-line\n    (0, $4QKZm$useEffect)(()=>{\n        let newId = nextId.current;\n        if (newId) setValue(newId);\n        return ()=>{\n            if (newId) nextId.current = null;\n        };\n    });\n    return res;\n}\nfunction $390e54f620492c70$export$cd8c9cb68f842629(idA, idB) {\n    if (idA === idB) return idA;\n    let setIdsA = $390e54f620492c70$export$d41a04c74483c6ef.get(idA);\n    if (setIdsA) {\n        setIdsA.forEach((ref)=>ref.current = idB);\n        return idB;\n    }\n    let setIdsB = $390e54f620492c70$export$d41a04c74483c6ef.get(idB);\n    if (setIdsB) {\n        setIdsB.forEach((ref)=>ref.current = idA);\n        return idA;\n    }\n    return idB;\n}\nfunction $390e54f620492c70$export$b4cc09c592e8fdb8(depArray = []) {\n    let id = $390e54f620492c70$export$f680877a34711e37();\n    let [resolvedId, setResolvedId] = (0, $1a716630a9e3a599$export$14d238f342723f25)(id);\n    let updateId = (0, $4QKZm$useCallback)(()=>{\n        setResolvedId(function*() {\n            yield id;\n            yield document.getElementById(id) ? id : undefined;\n        });\n    }, [\n        id,\n        setResolvedId\n    ]);\n    (0, $c4867b2f328c2698$export$e5c5a5f917a5871c)(updateId, [\n        id,\n        updateId,\n        ...depArray\n    ]);\n    return resolvedId;\n}\n\n\nexport {$390e54f620492c70$export$d41a04c74483c6ef as idsUpdaterMap, $390e54f620492c70$export$f680877a34711e37 as useId, $390e54f620492c70$export$cd8c9cb68f842629 as mergeIds, $390e54f620492c70$export$b4cc09c592e8fdb8 as useSlotId};\n//# sourceMappingURL=useId.mjs.map\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 */ function $4064df0d6f9620e1$export$c9058316764c140e(...refs) {\n    if (refs.length === 1 && refs[0]) return refs[0];\n    return (value)=>{\n        let hasCleanup = false;\n        const cleanups = refs.map((ref)=>{\n            const cleanup = $4064df0d6f9620e1$var$setRef(ref, value);\n            hasCleanup ||= typeof cleanup == 'function';\n            return cleanup;\n        });\n        if (hasCleanup) return ()=>{\n            cleanups.forEach((cleanup, i)=>{\n                if (typeof cleanup === 'function') cleanup();\n                else $4064df0d6f9620e1$var$setRef(refs[i], null);\n            });\n        };\n    };\n}\nfunction $4064df0d6f9620e1$var$setRef(ref, value) {\n    if (typeof ref === 'function') return ref(value);\n    else if (ref != null) ref.current = value;\n}\n\n\nexport {$4064df0d6f9620e1$export$c9058316764c140e as mergeRefs};\n//# sourceMappingURL=mergeRefs.mjs.map\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","import {chain as $a4e76a5424781910$export$e08e3b67e392101e} from \"./chain.mjs\";\nimport {mergeIds as $390e54f620492c70$export$cd8c9cb68f842629} from \"./useId.mjs\";\nimport {mergeRefs as $4064df0d6f9620e1$export$c9058316764c140e} from \"./mergeRefs.mjs\";\nimport $aPpn7$clsx from \"clsx\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\nfunction $bbaa08b3cd72f041$export$9d1611c77c2fe928(...args) {\n    // Start with a base clone of the first argument. This is a lot faster than starting\n    // with an empty object and adding properties as we go.\n    let result = {\n        ...args[0]\n    };\n    for(let i = 1; i < args.length; i++){\n        let props = args[i];\n        for(let key in props){\n            let a = result[key];\n            let b = props[key];\n            // Chain events\n            if (typeof a === 'function' && typeof b === 'function' && // This is a lot faster than a regex.\n            key[0] === 'o' && key[1] === 'n' && key.charCodeAt(2) >= /* 'A' */ 65 && key.charCodeAt(2) <= /* 'Z' */ 90) result[key] = (0, $a4e76a5424781910$export$e08e3b67e392101e)(a, b);\n            else if ((key === 'className' || key === 'UNSAFE_className') && typeof a === 'string' && typeof b === 'string') result[key] = (0, $aPpn7$clsx)(a, b);\n            else if (key === 'id' && a && b) result.id = (0, $390e54f620492c70$export$cd8c9cb68f842629)(a, b);\n            else if (key === 'ref' && a && b) result.ref = (0, $4064df0d6f9620e1$export$c9058316764c140e)(a, b);\n            else result[key] = b !== undefined ? b : a;\n        }\n    }\n    return result;\n}\n\n\nexport {$bbaa08b3cd72f041$export$9d1611c77c2fe928 as mergeProps};\n//# sourceMappingURL=mergeProps.mjs.map\n"],"x_google_ignoreList":[0,1,2,3,4,5,6],"mappings":"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"}

package/dist/chunks/modal-page-B7Xc-rUa.cjs

@@ -1,2 +0,0 @@
-const e=require("./icon-button-VYRqOd0H.cjs.js"),t=require("./normalize-messages-BMIBfw4v.cjs.js"),n=require("./heading-C9P6kAMl.cjs.js"),r=require("./text-C6qhggY6.cjs.js"),i=require("./drawer-rYukeLZ7.cjs.js");let a=require("@chakra-ui/react/styled-system"),o=require("react"),s=require("react/jsx-runtime"),c=require("@commercetools/nimbus-icons");var{withProvider:l,withContext:u}=(0,a.createSlotRecipeContext)({key:`nimbusModalPage`}),d=l(`div`,`root`),f=u(`div`,`topBar`),p=u(`header`,`header`),m=u(`div`,`title`),h=u(`p`,`subtitle`),g=u(`div`,`actions`),_=u(`div`,`tabNav`),v=u(`div`,`content`),y=u(`footer`,`footer`),b=({ref:e,isOpen:t,onClose:n,children:r,width:a=`calc(100vw - {spacing.1200})`})=>{let c=(0,o.useCallback)(e=>{e||n()},[n]);return(0,s.jsx)(i.t.Root,{isOpen:t,onOpenChange:c,placement:`right`,isDismissable:!1,children:(0,s.jsx)(i.t.Content,{width:a,children:(0,s.jsx)(d,{ref:e,children:r})})})};b.displayName=`ModalPage.Root`;var x={en:t.t({backButton:e=>`Go back to ${e.previousPathLabel}`}),de:t.t({backButton:e=>`Zurück zu ${e.previousPathLabel}`}),es:t.t({backButton:e=>`Volver a ${e.previousPathLabel}`}),"fr-FR":t.t({backButton:e=>`Retourner à ${e.previousPathLabel}`}),"pt-BR":t.t({backButton:e=>`Voltar para ${e.previousPathLabel}`})},S=({ref:n,previousPathLabel:i,currentPathLabel:a,...o})=>{let l=t.n(x);return(0,s.jsxs)(f,{ref:n,...o,children:[(0,s.jsx)(e.t,{slot:`close`,size:`xs`,variant:`ghost`,"aria-label":l.format(`backButton`,{previousPathLabel:i}),autoFocus:!0,children:(0,s.jsx)(c.ArrowBack,{})}),(0,s.jsx)(r.t,{color:`neutral.11`,textStyle:`sm`,"aria-hidden":`true`,children:i}),(0,s.jsx)(r.t,{color:`neutral.11`,textStyle:`sm`,"aria-hidden":`true`,children:`/`}),(0,s.jsx)(r.t,{textStyle:`sm`,fontWeight:`medium`,"aria-current":`page`,children:a})]})};S.displayName=`ModalPage.TopBar`;var C=({ref:e,children:t,...n})=>(0,s.jsx)(p,{ref:e,...n,children:t});C.displayName=`ModalPage.Header`;var w=({ref:e,children:t,...r})=>(0,s.jsx)(m,{ref:e,...r,children:(0,s.jsx)(n.t,{slot:`title`,as:`h2`,children:t})});w.displayName=`ModalPage.Title`;var T=({ref:e,children:t,...n})=>(0,s.jsx)(h,{ref:e,slot:`description`,...n,children:t});T.displayName=`ModalPage.Subtitle`;var E=({ref:e,children:t,...n})=>(0,s.jsx)(g,{ref:e,...n,children:t});E.displayName=`ModalPage.Actions`;var D=({ref:e,children:t,...n})=>(0,s.jsx)(_,{ref:e,...n,children:t});D.displayName=`ModalPage.TabNav`;var O=({ref:e,children:t,...n})=>(0,s.jsx)(v,{ref:e,...n,children:t});O.displayName=`ModalPage.Content`;var k=({ref:e,children:t,...n})=>(0,s.jsx)(y,{ref:e,...n,children:t});k.displayName=`ModalPage.Footer`;var A={Root:b,TopBar:S,Header:C,Title:w,Subtitle:T,Actions:E,TabNav:D,Content:O,Footer:k};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return b}});
-//# sourceMappingURL=modal-page-B7Xc-rUa.cjs.js.map

package/dist/chunks/modal-page-B7Xc-rUa.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal-page-B7Xc-rUa.cjs.js","names":[],"sources":["../../src/components/modal-page/modal-page.slots.tsx","../../src/components/modal-page/components/modal-page.root.tsx","../../src/components/modal-page/intl/en.ts","../../src/components/modal-page/intl/de.ts","../../src/components/modal-page/intl/es.ts","../../src/components/modal-page/intl/fr-FR.ts","../../src/components/modal-page/intl/pt-BR.ts","../../src/components/modal-page/modal-page.messages.ts","../../src/components/modal-page/components/modal-page.top-bar.tsx","../../src/components/modal-page/components/modal-page.header.tsx","../../src/components/modal-page/components/modal-page.title.tsx","../../src/components/modal-page/components/modal-page.subtitle.tsx","../../src/components/modal-page/components/modal-page.actions.tsx","../../src/components/modal-page/components/modal-page.tab-nav.tsx","../../src/components/modal-page/components/modal-page.content.tsx","../../src/components/modal-page/components/modal-page.footer.tsx","../../src/components/modal-page/modal-page.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  ModalPageRootSlotProps,\n  ModalPageTopBarSlotProps,\n  ModalPageHeaderSlotProps,\n  ModalPageTitleSlotProps,\n  ModalPageSubtitleSlotProps,\n  ModalPageActionsSlotProps,\n  ModalPageTabNavSlotProps,\n  ModalPageContentSlotProps,\n  ModalPageFooterSlotProps,\n} from \"./modal-page.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusModalPage\",\n});\n\nexport const ModalPageRootSlot: SlotComponent<\n  HTMLDivElement,\n  ModalPageRootSlotProps\n> = withProvider<HTMLDivElement, ModalPageRootSlotProps>(\"div\", \"root\");\n\nexport const ModalPageTopBarSlot: SlotComponent<\n  HTMLDivElement,\n  ModalPageTopBarSlotProps\n> = withContext<HTMLDivElement, ModalPageTopBarSlotProps>(\"div\", \"topBar\");\n\n// <header> inside a <dialog> does NOT get the `banner` landmark role — it\n// becomes a generic element. This is correct: no landmark pollution inside the\n// dialog's sectioning context (ARIA spec §5.3.3).\nexport const ModalPageHeaderSlot: SlotComponent<\n  HTMLElement,\n  ModalPageHeaderSlotProps\n> = withContext<HTMLElement, ModalPageHeaderSlotProps>(\"header\", \"header\");\n\nexport const ModalPageTitleSlot: SlotComponent<\n  HTMLDivElement,\n  ModalPageTitleSlotProps\n> = withContext<HTMLDivElement, ModalPageTitleSlotProps>(\"div\", \"title\");\n\nexport const ModalPageSubtitleSlot: SlotComponent<\n  HTMLParagraphElement,\n  ModalPageSubtitleSlotProps\n> = withContext<HTMLParagraphElement, ModalPageSubtitleSlotProps>(\n  \"p\",\n  \"subtitle\"\n);\n\nexport const ModalPageActionsSlot: SlotComponent<\n  HTMLDivElement,\n  ModalPageActionsSlotProps\n> = withContext<HTMLDivElement, ModalPageActionsSlotProps>(\"div\", \"actions\");\n\nexport const ModalPageTabNavSlot: SlotComponent<\n  HTMLDivElement,\n  ModalPageTabNavSlotProps\n> = withContext<HTMLDivElement, ModalPageTabNavSlotProps>(\"div\", \"tabNav\");\n\nexport const ModalPageContentSlot: SlotComponent<\n  HTMLDivElement,\n  ModalPageContentSlotProps\n> = withContext<HTMLDivElement, ModalPageContentSlotProps>(\"div\", \"content\");\n\n// <footer> inside a <dialog> does NOT get the `contentinfo` landmark role —\n// it becomes a generic element. This is correct: no landmark pollution inside\n// the dialog's sectioning context (ARIA spec §5.3.3).\nexport const ModalPageFooterSlot: SlotComponent<\n  HTMLElement,\n  ModalPageFooterSlotProps\n> = withContext<HTMLElement, ModalPageFooterSlotProps>(\"footer\", \"footer\");\n","import { useCallback } from \"react\";\nimport { Drawer } from \"../../drawer/drawer\";\nimport { ModalPageRootSlot } from \"../modal-page.slots\";\nimport type { ModalPageRootProps } from \"../modal-page.types\";\n\n/**\n * ModalPage.Root — fullscreen modal page overlay.\n *\n * Renders a right-side Drawer with near-full-width, full-height layout.\n * Provides the slot recipe context for all ModalPage sub-components via a\n * CSS grid container (rows: topBar / header / content / footer).\n *\n * Style props (e.g. `width`) are forwarded to the Drawer.Content panel.\n * The default width is near-fullscreen; consumers can pass a custom `width`\n * to override.\n *\n * Dismissal: backdrop click is disabled (no accidental close on a full-page\n * form). Escape key remains active (isKeyboardDismissDisabled defaults to\n * false), matching standard browser/OS modal behaviour and WCAG 2.1 SC 2.1.2.\n *\n * Exit animations are handled automatically: the Drawer recipe defines\n * [data-exiting] CSS animations (fade-out on overlay, slide-to-right-full on\n * modal), and React Aria's ModalOverlay waits for animationend before\n * unmounting — no manual delay needed.\n */\n// Note: Root wraps a Drawer instead of rendering a slot directly, so the\n// standard useSlotRecipe / splitVariantProps / extractStyleProps pattern does\n// not apply here. Recipe context is provided by ModalPageRootSlot (withProvider).\nexport const ModalPageRoot = ({\n  ref,\n  isOpen,\n  onClose,\n  children,\n  width = \"calc(100vw - {spacing.1200})\",\n}: ModalPageRootProps) => {\n  const handleOpenChange = useCallback(\n    (open: boolean) => {\n      if (!open) {\n        onClose();\n      }\n    },\n    [onClose]\n  );\n\n  return (\n    <Drawer.Root\n      isOpen={isOpen}\n      onOpenChange={handleOpenChange}\n      placement=\"right\"\n      // Disable backdrop-click dismissal — fullscreen modal pages must not\n      // close on accidental outside click. Escape key remains active.\n      isDismissable={false}\n    >\n      <Drawer.Content width={width}>\n        <ModalPageRootSlot ref={ref}>{children}</ModalPageRootSlot>\n      </Drawer.Content>\n    </Drawer.Root>\n  );\n};\n\nModalPageRoot.displayName = \"ModalPage.Root\";\n","/**\n * Pre-compiled en messages for ModalPage\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  backButton: (args: Record<string, string | number>) =>\n    `Go back to ${args.previousPathLabel}`,\n};\n","/**\n * Pre-compiled de messages for ModalPage\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  backButton: (args: Record<string, string | number>) =>\n    `Zurück zu ${args.previousPathLabel}`,\n};\n","/**\n * Pre-compiled es messages for ModalPage\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  backButton: (args: Record<string, string | number>) =>\n    `Volver a ${args.previousPathLabel}`,\n};\n","/**\n * Pre-compiled fr-FR messages for ModalPage\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  backButton: (args: Record<string, string | number>) =>\n    `Retourner à ${args.previousPathLabel}`,\n};\n","/**\n * Pre-compiled pt-BR messages for ModalPage\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  backButton: (args: Record<string, string | number>) =>\n    `Voltar para ${args.previousPathLabel}`,\n};\n","/**\n * Pre-compiled localized messages for ModalPage component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport modalPageMessages_en from \"./intl/en\";\nimport modalPageMessages_de from \"./intl/de\";\nimport modalPageMessages_es from \"./intl/es\";\nimport modalPageMessages_fr from \"./intl/fr-FR\";\nimport modalPageMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const modalPageMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(modalPageMessages_en),\n  de: normalizeMessages(modalPageMessages_de),\n  es: normalizeMessages(modalPageMessages_es),\n  \"fr-FR\": normalizeMessages(modalPageMessages_fr),\n  \"pt-BR\": normalizeMessages(modalPageMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for ModalPage component\n */\nexport type ModalPageMessageKey = \"backButton\";\n","import { ArrowBack } from \"@commercetools/nimbus-icons\";\nimport { Text } from \"../../text/text\";\nimport { ModalPageTopBarSlot } from \"../modal-page.slots\";\nimport type { ModalPageTopBarProps } from \"../modal-page.types\";\nimport { IconButton } from \"../../icon-button/icon-button\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { modalPageMessagesStrings } from \"../modal-page.messages\";\n\n/**\n * ModalPage.TopBar — breadcrumb navigation row.\n *\n * Renders a back button (uses React Aria `slot=\"close\"` to hook into dialog close)\n * followed by the current path label.\n *\n * @supportsStyleProps\n */\nexport const ModalPageTopBar = ({\n  ref,\n  previousPathLabel,\n  currentPathLabel,\n  ...props\n}: ModalPageTopBarProps) => {\n  const msg = useLocalizedStringFormatter(modalPageMessagesStrings);\n\n  return (\n    <ModalPageTopBarSlot ref={ref} {...props}>\n      <IconButton\n        slot=\"close\"\n        size=\"xs\"\n        variant=\"ghost\"\n        aria-label={msg.format(\"backButton\", { previousPathLabel })}\n        autoFocus\n      >\n        <ArrowBack />\n      </IconButton>\n      <Text color=\"neutral.11\" textStyle=\"sm\" aria-hidden=\"true\">\n        {previousPathLabel}\n      </Text>\n      {/* Separator is decorative — hidden from screen readers */}\n      <Text color=\"neutral.11\" textStyle=\"sm\" aria-hidden=\"true\">\n        /\n      </Text>\n      <Text textStyle=\"sm\" fontWeight=\"medium\" aria-current=\"page\">\n        {currentPathLabel}\n      </Text>\n    </ModalPageTopBarSlot>\n  );\n};\n\nModalPageTopBar.displayName = \"ModalPage.TopBar\";\n","import { ModalPageHeaderSlot } from \"../modal-page.slots\";\nimport type { ModalPageHeaderProps } from \"../modal-page.types\";\n\n/**\n * ModalPage.Header — header section, 2-column grid (title | actions).\n *\n * @supportsStyleProps\n */\nexport const ModalPageHeader = ({\n  ref,\n  children,\n  ...props\n}: ModalPageHeaderProps) => {\n  return (\n    <ModalPageHeaderSlot ref={ref} {...props}>\n      {children}\n    </ModalPageHeaderSlot>\n  );\n};\n\nModalPageHeader.displayName = \"ModalPage.Header\";\n","import { ModalPageTitleSlot } from \"../modal-page.slots\";\nimport type { ModalPageTitleProps } from \"../modal-page.types\";\nimport { Heading } from \"../../heading/heading\";\n\n/**\n * ModalPage.Title — the page title heading. Renders as an `h2` element.\n *\n * Wraps the React Aria `Heading` component with `slot=\"title\"` so the\n * parent Dialog automatically uses it as the accessible name (aria-labelledby).\n *\n * @supportsStyleProps\n */\nexport const ModalPageTitle = ({\n  ref,\n  children,\n  ...props\n}: ModalPageTitleProps) => {\n  return (\n    <ModalPageTitleSlot ref={ref} {...props}>\n      <Heading slot=\"title\" as=\"h2\">\n        {children}\n      </Heading>\n    </ModalPageTitleSlot>\n  );\n};\n\nModalPageTitle.displayName = \"ModalPage.Title\";\n","import { ModalPageSubtitleSlot } from \"../modal-page.slots\";\nimport type { ModalPageSubtitleProps } from \"../modal-page.types\";\n\n/**\n * ModalPage.Subtitle — optional subtitle text below the page title.\n *\n * @supportsStyleProps\n */\nexport const ModalPageSubtitle = ({\n  ref,\n  children,\n  ...props\n}: ModalPageSubtitleProps) => {\n  return (\n    <ModalPageSubtitleSlot ref={ref} slot=\"description\" {...props}>\n      {children}\n    </ModalPageSubtitleSlot>\n  );\n};\n\nModalPageSubtitle.displayName = \"ModalPage.Subtitle\";\n","import { ModalPageActionsSlot } from \"../modal-page.slots\";\nimport type { ModalPageActionsProps } from \"../modal-page.types\";\n\n/**\n * ModalPage.Actions — action buttons container, aligned to the right of the header.\n *\n * @supportsStyleProps\n */\nexport const ModalPageActions = ({\n  ref,\n  children,\n  ...props\n}: ModalPageActionsProps) => {\n  return (\n    <ModalPageActionsSlot ref={ref} {...props}>\n      {children}\n    </ModalPageActionsSlot>\n  );\n};\n\nModalPageActions.displayName = \"ModalPage.Actions\";\n","import { ModalPageTabNavSlot } from \"../modal-page.slots\";\nimport type { ModalPageTabNavProps } from \"../modal-page.types\";\n\n/**\n * ModalPage.TabNav — layout container for tab navigation in the header.\n * Positions itself in the header grid's last row at full width.\n *\n * Place inside `ModalPage.Header` for route-based page navigation.\n * Wrap a `TabNav.Root` inside this component.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <ModalPage.TabNav>\n *   <TabNav.Root aria-label=\"Order sections\">\n *     <TabNav.Item href=\"/general\" isCurrent>General</TabNav.Item>\n *     <TabNav.Item href=\"/items\">Items</TabNav.Item>\n *   </TabNav.Root>\n * </ModalPage.TabNav>\n * ```\n */\nexport const ModalPageTabNav = ({\n  ref,\n  children,\n  ...props\n}: ModalPageTabNavProps) => {\n  return (\n    <ModalPageTabNavSlot ref={ref} {...props}>\n      {children}\n    </ModalPageTabNavSlot>\n  );\n};\n\nModalPageTabNav.displayName = \"ModalPage.TabNav\";\n","import { ModalPageContentSlot } from \"../modal-page.slots\";\nimport type { ModalPageContentProps } from \"../modal-page.types\";\n\n/**\n * ModalPage.Content — scrollable content area.\n *\n * @supportsStyleProps\n */\nexport const ModalPageContent = ({\n  ref,\n  children,\n  ...props\n}: ModalPageContentProps) => {\n  return (\n    <ModalPageContentSlot ref={ref} {...props}>\n      {children}\n    </ModalPageContentSlot>\n  );\n};\n\nModalPageContent.displayName = \"ModalPage.Content\";\n","import { ModalPageFooterSlot } from \"../modal-page.slots\";\nimport type { ModalPageFooterProps } from \"../modal-page.types\";\n\n/**\n * ModalPage.Footer — footer slot, typically containing action buttons.\n *\n * @supportsStyleProps\n */\nexport const ModalPageFooter = ({\n  ref,\n  children,\n  ...props\n}: ModalPageFooterProps) => {\n  return (\n    <ModalPageFooterSlot ref={ref} {...props}>\n      {children}\n    </ModalPageFooterSlot>\n  );\n};\n\nModalPageFooter.displayName = \"ModalPage.Footer\";\n","import {\n  ModalPageRoot,\n  ModalPageTopBar,\n  ModalPageHeader,\n  ModalPageTitle,\n  ModalPageSubtitle,\n  ModalPageActions,\n  ModalPageTabNav,\n  ModalPageContent,\n  ModalPageFooter,\n} from \"./components\";\n\n/**\n * ModalPage\n * ============================================================\n * A fullscreen modal overlay used for form, info, and tabular page patterns.\n * Wraps Drawer internally with right-side placement and near-full-width layout.\n *\n * Used for the ~29 modal page patterns in Merchant Center (form/info/tabular).\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/modal-page}\n *\n * @example\n * ```tsx\n * const [isOpen, setIsOpen] = useState(false);\n *\n * <ModalPage.Root isOpen={isOpen} onClose={() => setIsOpen(false)}>\n *   <ModalPage.TopBar\n *     previousPathLabel=\"Products\"\n *     currentPathLabel=\"Edit Product\"\n *   />\n *   <ModalPage.Header>\n *     <ModalPage.Title>Edit Product</ModalPage.Title>\n *     <ModalPage.Subtitle>Update the product details</ModalPage.Subtitle>\n *     <ModalPage.Actions>\n *       <Button>Save</Button>\n *     </ModalPage.Actions>\n *   </ModalPage.Header>\n *   <ModalPage.Content>\n *     <p>Form content here</p>\n *   </ModalPage.Content>\n *   <ModalPage.Footer>\n *     <Button slot=\"close\" variant=\"outline\">Cancel</Button>\n *     <Button colorPalette=\"primary\" variant=\"solid\">Save</Button>\n *   </ModalPage.Footer>\n * </ModalPage.Root>\n * ```\n */\nexport const ModalPage = {\n  /**\n   * # ModalPage.Root\n   *\n   * The root container. Renders a fullscreen right-side Drawer.\n   * Controlled-only: requires `isOpen` and `onClose`.\n   *\n   * @example\n   * ```tsx\n   * <ModalPage.Root isOpen={isOpen} onClose={() => setIsOpen(false)}>\n   *   <ModalPage.TopBar previousPathLabel=\"Products\" currentPathLabel=\"Edit Product\" />\n   *   <ModalPage.Header>...</ModalPage.Header>\n   *   <ModalPage.Content>...</ModalPage.Content>\n   * </ModalPage.Root>\n   * ```\n   */\n  Root: ModalPageRoot,\n  /**\n   * # ModalPage.TopBar\n   *\n   * Breadcrumb navigation row with a back button and current path label.\n   *\n   * @example\n   * ```tsx\n   * <ModalPage.TopBar\n   *   previousPathLabel=\"Products\"\n   *   currentPathLabel=\"Edit Product\"\n   * />\n   * ```\n   */\n  TopBar: ModalPageTopBar,\n  /**\n   * # ModalPage.Header\n   *\n   * Header section with a 2-column grid layout for Title and Actions.\n   *\n   * @example\n   * ```tsx\n   * <ModalPage.Header>\n   *   <ModalPage.Title>Edit Product</ModalPage.Title>\n   *   <ModalPage.Actions>\n   *     <Button>Save</Button>\n   *   </ModalPage.Actions>\n   * </ModalPage.Header>\n   * ```\n   */\n  Header: ModalPageHeader,\n  /**\n   * # ModalPage.Title\n   *\n   * The main page title heading. Renders as an `h2` element.\n   *\n   * @example\n   * ```tsx\n   * <ModalPage.Title>Edit Product</ModalPage.Title>\n   * ```\n   */\n  Title: ModalPageTitle,\n  /**\n   * # ModalPage.Subtitle\n   *\n   * An optional subtitle displayed below the title.\n   *\n   * @example\n   * ```tsx\n   * <ModalPage.Subtitle>Fill in the product details</ModalPage.Subtitle>\n   * ```\n   */\n  Subtitle: ModalPageSubtitle,\n  /**\n   * # ModalPage.Actions\n   *\n   * Container for action buttons in the header.\n   *\n   * @example\n   * ```tsx\n   * <ModalPage.Actions>\n   *   <Button variant=\"outline\">Preview</Button>\n   * </ModalPage.Actions>\n   * ```\n   */\n  Actions: ModalPageActions,\n  /**\n   * # ModalPage.TabNav\n   *\n   * Layout container for tab navigation in the header.\n   * Positions itself in the header grid's last row at full width.\n   * Place inside `ModalPage.Header`.\n   *\n   * Wrap a `TabNav.Root` inside, or use `as={TabNav.Root}` for a flatter DOM.\n   *\n   * @example\n   * ```tsx\n   * <ModalPage.Header>\n   *   <ModalPage.Title>Order Details</ModalPage.Title>\n   *   <ModalPage.TabNav>\n   *     <TabNav.Root aria-label=\"Order sections\">\n   *       <TabNav.Item href=\"/general\" isCurrent>General</TabNav.Item>\n   *       <TabNav.Item href=\"/items\">Items</TabNav.Item>\n   *     </TabNav.Root>\n   *   </ModalPage.TabNav>\n   * </ModalPage.Header>\n   * ```\n   */\n  TabNav: ModalPageTabNav,\n  /**\n   * # ModalPage.Content\n   *\n   * Scrollable content area.\n   *\n   * @example\n   * ```tsx\n   * <ModalPage.Content>\n   *   <FormField.Root>...</FormField.Root>\n   * </ModalPage.Content>\n   * ```\n   */\n  Content: ModalPageContent,\n  /**\n   * # ModalPage.Footer\n   *\n   * Footer slot for action buttons (save/cancel).\n   *\n   * @example\n   * ```tsx\n   * <ModalPage.Footer>\n   *   <Button slot=\"close\" variant=\"outline\">Cancel</Button>\n   *   <Button variant=\"solid\">Save</Button>\n   * </ModalPage.Footer>\n   * ```\n   */\n  Footer: ModalPageFooter,\n};\n\n// Internal named exports for react-docgen\nexport {\n  ModalPageRoot as _ModalPageRoot,\n  ModalPageTopBar as _ModalPageTopBar,\n  ModalPageHeader as _ModalPageHeader,\n  ModalPageTitle as _ModalPageTitle,\n  ModalPageSubtitle as _ModalPageSubtitle,\n  ModalPageActions as _ModalPageActions,\n  ModalPageTabNav as _ModalPageTabNav,\n  ModalPageContent as _ModalPageContent,\n  ModalPageFooter as _ModalPageFooter,\n};\n"],"mappings":"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"}

package/dist/chunks/modal-page-BW2sYzxS.esm.js

@@ -1,151 +0,0 @@
-import { t as e } from "./icon-button-nyzcQ8NF.esm.js";
-import { n as t, t as n } from "./normalize-messages-CKl8ms10.esm.js";
-import { t as r } from "./heading-DbHqw8Jo.esm.js";
-import { t as i } from "./text-BKasY2HZ.esm.js";
-import { t as a } from "./drawer-8GML6KUn.esm.js";
-import { createSlotRecipeContext as o } from "@chakra-ui/react/styled-system";
-import { useCallback as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { ArrowBack as u } from "@commercetools/nimbus-icons";
-//#region src/components/modal-page/modal-page.slots.tsx
-var { withProvider: d, withContext: f } = o({ key: "nimbusModalPage" }), p = d("div", "root"), m = f("div", "topBar"), h = f("header", "header"), g = f("div", "title"), _ = f("p", "subtitle"), v = f("div", "actions"), y = f("div", "tabNav"), b = f("div", "content"), x = f("footer", "footer"), S = ({ ref: e, isOpen: t, onClose: n, children: r, width: i = "calc(100vw - {spacing.1200})" }) => {
-	let o = s((e) => {
-		e || n();
-	}, [n]);
-	return /* @__PURE__ */ c(a.Root, {
-		isOpen: t,
-		onOpenChange: o,
-		placement: "right",
-		isDismissable: !1,
-		children: /* @__PURE__ */ c(a.Content, {
-			width: i,
-			children: /* @__PURE__ */ c(p, {
-				ref: e,
-				children: r
-			})
-		})
-	});
-};
-S.displayName = "ModalPage.Root";
-//#endregion
-//#region src/components/modal-page/modal-page.messages.ts
-var C = {
-	en: n({ backButton: (e) => `Go back to ${e.previousPathLabel}` }),
-	de: n({ backButton: (e) => `Zurück zu ${e.previousPathLabel}` }),
-	es: n({ backButton: (e) => `Volver a ${e.previousPathLabel}` }),
-	"fr-FR": n({ backButton: (e) => `Retourner à ${e.previousPathLabel}` }),
-	"pt-BR": n({ backButton: (e) => `Voltar para ${e.previousPathLabel}` })
-}, w = ({ ref: n, previousPathLabel: r, currentPathLabel: a, ...o }) => {
-	let s = t(C);
-	return /* @__PURE__ */ l(m, {
-		ref: n,
-		...o,
-		children: [
-			/* @__PURE__ */ c(e, {
-				slot: "close",
-				size: "xs",
-				variant: "ghost",
-				"aria-label": s.format("backButton", { previousPathLabel: r }),
-				autoFocus: !0,
-				children: /* @__PURE__ */ c(u, {})
-			}),
-			/* @__PURE__ */ c(i, {
-				color: "neutral.11",
-				textStyle: "sm",
-				"aria-hidden": "true",
-				children: r
-			}),
-			/* @__PURE__ */ c(i, {
-				color: "neutral.11",
-				textStyle: "sm",
-				"aria-hidden": "true",
-				children: "/"
-			}),
-			/* @__PURE__ */ c(i, {
-				textStyle: "sm",
-				fontWeight: "medium",
-				"aria-current": "page",
-				children: a
-			})
-		]
-	});
-};
-w.displayName = "ModalPage.TopBar";
-//#endregion
-//#region src/components/modal-page/components/modal-page.header.tsx
-var T = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ c(h, {
-	ref: e,
-	...n,
-	children: t
-});
-T.displayName = "ModalPage.Header";
-//#endregion
-//#region src/components/modal-page/components/modal-page.title.tsx
-var E = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ c(g, {
-	ref: e,
-	...n,
-	children: /* @__PURE__ */ c(r, {
-		slot: "title",
-		as: "h2",
-		children: t
-	})
-});
-E.displayName = "ModalPage.Title";
-//#endregion
-//#region src/components/modal-page/components/modal-page.subtitle.tsx
-var D = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ c(_, {
-	ref: e,
-	slot: "description",
-	...n,
-	children: t
-});
-D.displayName = "ModalPage.Subtitle";
-//#endregion
-//#region src/components/modal-page/components/modal-page.actions.tsx
-var O = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ c(v, {
-	ref: e,
-	...n,
-	children: t
-});
-O.displayName = "ModalPage.Actions";
-//#endregion
-//#region src/components/modal-page/components/modal-page.tab-nav.tsx
-var k = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ c(y, {
-	ref: e,
-	...n,
-	children: t
-});
-k.displayName = "ModalPage.TabNav";
-//#endregion
-//#region src/components/modal-page/components/modal-page.content.tsx
-var A = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ c(b, {
-	ref: e,
-	...n,
-	children: t
-});
-A.displayName = "ModalPage.Content";
-//#endregion
-//#region src/components/modal-page/components/modal-page.footer.tsx
-var j = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ c(x, {
-	ref: e,
-	...n,
-	children: t
-});
-j.displayName = "ModalPage.Footer";
-//#endregion
-//#region src/components/modal-page/modal-page.tsx
-var M = {
-	Root: S,
-	TopBar: w,
-	Header: T,
-	Title: E,
-	Subtitle: D,
-	Actions: O,
-	TabNav: k,
-	Content: A,
-	Footer: j
-};
-//#endregion
-export { O as a, T as c, k as i, w as l, j as n, D as o, A as r, E as s, M as t, S as u };
-
-//# sourceMappingURL=modal-page-BW2sYzxS.esm.js.map

package/dist/chunks/modal-page-BW2sYzxS.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modal-page-BW2sYzxS.esm.js","names":[],"sources":["../../src/components/modal-page/modal-page.slots.tsx","../../src/components/modal-page/components/modal-page.root.tsx","../../src/components/modal-page/intl/en.ts","../../src/components/modal-page/intl/de.ts","../../src/components/modal-page/intl/es.ts","../../src/components/modal-page/intl/fr-FR.ts","../../src/components/modal-page/intl/pt-BR.ts","../../src/components/modal-page/modal-page.messages.ts","../../src/components/modal-page/components/modal-page.top-bar.tsx","../../src/components/modal-page/components/modal-page.header.tsx","../../src/components/modal-page/components/modal-page.title.tsx","../../src/components/modal-page/components/modal-page.subtitle.tsx","../../src/components/modal-page/components/modal-page.actions.tsx","../../src/components/modal-page/components/modal-page.tab-nav.tsx","../../src/components/modal-page/components/modal-page.content.tsx","../../src/components/modal-page/components/modal-page.footer.tsx","../../src/components/modal-page/modal-page.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  ModalPageRootSlotProps,\n  ModalPageTopBarSlotProps,\n  ModalPageHeaderSlotProps,\n  ModalPageTitleSlotProps,\n  ModalPageSubtitleSlotProps,\n  ModalPageActionsSlotProps,\n  ModalPageTabNavSlotProps,\n  ModalPageContentSlotProps,\n  ModalPageFooterSlotProps,\n} from \"./modal-page.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusModalPage\",\n});\n\nexport const ModalPageRootSlot: SlotComponent<\n  HTMLDivElement,\n  ModalPageRootSlotProps\n> = withProvider<HTMLDivElement, ModalPageRootSlotProps>(\"div\", \"root\");\n\nexport const ModalPageTopBarSlot: SlotComponent<\n  HTMLDivElement,\n  ModalPageTopBarSlotProps\n> = withContext<HTMLDivElement, ModalPageTopBarSlotProps>(\"div\", \"topBar\");\n\n// <header> inside a <dialog> does NOT get the `banner` landmark role — it\n// becomes a generic element. This is correct: no landmark pollution inside the\n// dialog's sectioning context (ARIA spec §5.3.3).\nexport const ModalPageHeaderSlot: SlotComponent<\n  HTMLElement,\n  ModalPageHeaderSlotProps\n> = withContext<HTMLElement, ModalPageHeaderSlotProps>(\"header\", \"header\");\n\nexport const ModalPageTitleSlot: SlotComponent<\n  HTMLDivElement,\n  ModalPageTitleSlotProps\n> = withContext<HTMLDivElement, ModalPageTitleSlotProps>(\"div\", \"title\");\n\nexport const ModalPageSubtitleSlot: SlotComponent<\n  HTMLParagraphElement,\n  ModalPageSubtitleSlotProps\n> = withContext<HTMLParagraphElement, ModalPageSubtitleSlotProps>(\n  \"p\",\n  \"subtitle\"\n);\n\nexport const ModalPageActionsSlot: SlotComponent<\n  HTMLDivElement,\n  ModalPageActionsSlotProps\n> = withContext<HTMLDivElement, ModalPageActionsSlotProps>(\"div\", \"actions\");\n\nexport const ModalPageTabNavSlot: SlotComponent<\n  HTMLDivElement,\n  ModalPageTabNavSlotProps\n> = withContext<HTMLDivElement, ModalPageTabNavSlotProps>(\"div\", \"tabNav\");\n\nexport const ModalPageContentSlot: SlotComponent<\n  HTMLDivElement,\n  ModalPageContentSlotProps\n> = withContext<HTMLDivElement, ModalPageContentSlotProps>(\"div\", \"content\");\n\n// <footer> inside a <dialog> does NOT get the `contentinfo` landmark role —\n// it becomes a generic element. This is correct: no landmark pollution inside\n// the dialog's sectioning context (ARIA spec §5.3.3).\nexport const ModalPageFooterSlot: SlotComponent<\n  HTMLElement,\n  ModalPageFooterSlotProps\n> = withContext<HTMLElement, ModalPageFooterSlotProps>(\"footer\", \"footer\");\n","import { useCallback } from \"react\";\nimport { Drawer } from \"../../drawer/drawer\";\nimport { ModalPageRootSlot } from \"../modal-page.slots\";\nimport type { ModalPageRootProps } from \"../modal-page.types\";\n\n/**\n * ModalPage.Root — fullscreen modal page overlay.\n *\n * Renders a right-side Drawer with near-full-width, full-height layout.\n * Provides the slot recipe context for all ModalPage sub-components via a\n * CSS grid container (rows: topBar / header / content / footer).\n *\n * Style props (e.g. `width`) are forwarded to the Drawer.Content panel.\n * The default width is near-fullscreen; consumers can pass a custom `width`\n * to override.\n *\n * Dismissal: backdrop click is disabled (no accidental close on a full-page\n * form). Escape key remains active (isKeyboardDismissDisabled defaults to\n * false), matching standard browser/OS modal behaviour and WCAG 2.1 SC 2.1.2.\n *\n * Exit animations are handled automatically: the Drawer recipe defines\n * [data-exiting] CSS animations (fade-out on overlay, slide-to-right-full on\n * modal), and React Aria's ModalOverlay waits for animationend before\n * unmounting — no manual delay needed.\n */\n// Note: Root wraps a Drawer instead of rendering a slot directly, so the\n// standard useSlotRecipe / splitVariantProps / extractStyleProps pattern does\n// not apply here. Recipe context is provided by ModalPageRootSlot (withProvider).\nexport const ModalPageRoot = ({\n  ref,\n  isOpen,\n  onClose,\n  children,\n  width = \"calc(100vw - {spacing.1200})\",\n}: ModalPageRootProps) => {\n  const handleOpenChange = useCallback(\n    (open: boolean) => {\n      if (!open) {\n        onClose();\n      }\n    },\n    [onClose]\n  );\n\n  return (\n    <Drawer.Root\n      isOpen={isOpen}\n      onOpenChange={handleOpenChange}\n      placement=\"right\"\n      // Disable backdrop-click dismissal — fullscreen modal pages must not\n      // close on accidental outside click. Escape key remains active.\n      isDismissable={false}\n    >\n      <Drawer.Content width={width}>\n        <ModalPageRootSlot ref={ref}>{children}</ModalPageRootSlot>\n      </Drawer.Content>\n    </Drawer.Root>\n  );\n};\n\nModalPageRoot.displayName = \"ModalPage.Root\";\n","/**\n * Pre-compiled en messages for ModalPage\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  backButton: (args: Record<string, string | number>) =>\n    `Go back to ${args.previousPathLabel}`,\n};\n","/**\n * Pre-compiled de messages for ModalPage\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  backButton: (args: Record<string, string | number>) =>\n    `Zurück zu ${args.previousPathLabel}`,\n};\n","/**\n * Pre-compiled es messages for ModalPage\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  backButton: (args: Record<string, string | number>) =>\n    `Volver a ${args.previousPathLabel}`,\n};\n","/**\n * Pre-compiled fr-FR messages for ModalPage\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  backButton: (args: Record<string, string | number>) =>\n    `Retourner à ${args.previousPathLabel}`,\n};\n","/**\n * Pre-compiled pt-BR messages for ModalPage\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  backButton: (args: Record<string, string | number>) =>\n    `Voltar para ${args.previousPathLabel}`,\n};\n","/**\n * Pre-compiled localized messages for ModalPage component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport modalPageMessages_en from \"./intl/en\";\nimport modalPageMessages_de from \"./intl/de\";\nimport modalPageMessages_es from \"./intl/es\";\nimport modalPageMessages_fr from \"./intl/fr-FR\";\nimport modalPageMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const modalPageMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(modalPageMessages_en),\n  de: normalizeMessages(modalPageMessages_de),\n  es: normalizeMessages(modalPageMessages_es),\n  \"fr-FR\": normalizeMessages(modalPageMessages_fr),\n  \"pt-BR\": normalizeMessages(modalPageMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for ModalPage component\n */\nexport type ModalPageMessageKey = \"backButton\";\n","import { ArrowBack } from \"@commercetools/nimbus-icons\";\nimport { Text } from \"../../text/text\";\nimport { ModalPageTopBarSlot } from \"../modal-page.slots\";\nimport type { ModalPageTopBarProps } from \"../modal-page.types\";\nimport { IconButton } from \"../../icon-button/icon-button\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { modalPageMessagesStrings } from \"../modal-page.messages\";\n\n/**\n * ModalPage.TopBar — breadcrumb navigation row.\n *\n * Renders a back button (uses React Aria `slot=\"close\"` to hook into dialog close)\n * followed by the current path label.\n *\n * @supportsStyleProps\n */\nexport const ModalPageTopBar = ({\n  ref,\n  previousPathLabel,\n  currentPathLabel,\n  ...props\n}: ModalPageTopBarProps) => {\n  const msg = useLocalizedStringFormatter(modalPageMessagesStrings);\n\n  return (\n    <ModalPageTopBarSlot ref={ref} {...props}>\n      <IconButton\n        slot=\"close\"\n        size=\"xs\"\n        variant=\"ghost\"\n        aria-label={msg.format(\"backButton\", { previousPathLabel })}\n        autoFocus\n      >\n        <ArrowBack />\n      </IconButton>\n      <Text color=\"neutral.11\" textStyle=\"sm\" aria-hidden=\"true\">\n        {previousPathLabel}\n      </Text>\n      {/* Separator is decorative — hidden from screen readers */}\n      <Text color=\"neutral.11\" textStyle=\"sm\" aria-hidden=\"true\">\n        /\n      </Text>\n      <Text textStyle=\"sm\" fontWeight=\"medium\" aria-current=\"page\">\n        {currentPathLabel}\n      </Text>\n    </ModalPageTopBarSlot>\n  );\n};\n\nModalPageTopBar.displayName = \"ModalPage.TopBar\";\n","import { ModalPageHeaderSlot } from \"../modal-page.slots\";\nimport type { ModalPageHeaderProps } from \"../modal-page.types\";\n\n/**\n * ModalPage.Header — header section, 2-column grid (title | actions).\n *\n * @supportsStyleProps\n */\nexport const ModalPageHeader = ({\n  ref,\n  children,\n  ...props\n}: ModalPageHeaderProps) => {\n  return (\n    <ModalPageHeaderSlot ref={ref} {...props}>\n      {children}\n    </ModalPageHeaderSlot>\n  );\n};\n\nModalPageHeader.displayName = \"ModalPage.Header\";\n","import { ModalPageTitleSlot } from \"../modal-page.slots\";\nimport type { ModalPageTitleProps } from \"../modal-page.types\";\nimport { Heading } from \"../../heading/heading\";\n\n/**\n * ModalPage.Title — the page title heading. Renders as an `h2` element.\n *\n * Wraps the React Aria `Heading` component with `slot=\"title\"` so the\n * parent Dialog automatically uses it as the accessible name (aria-labelledby).\n *\n * @supportsStyleProps\n */\nexport const ModalPageTitle = ({\n  ref,\n  children,\n  ...props\n}: ModalPageTitleProps) => {\n  return (\n    <ModalPageTitleSlot ref={ref} {...props}>\n      <Heading slot=\"title\" as=\"h2\">\n        {children}\n      </Heading>\n    </ModalPageTitleSlot>\n  );\n};\n\nModalPageTitle.displayName = \"ModalPage.Title\";\n","import { ModalPageSubtitleSlot } from \"../modal-page.slots\";\nimport type { ModalPageSubtitleProps } from \"../modal-page.types\";\n\n/**\n * ModalPage.Subtitle — optional subtitle text below the page title.\n *\n * @supportsStyleProps\n */\nexport const ModalPageSubtitle = ({\n  ref,\n  children,\n  ...props\n}: ModalPageSubtitleProps) => {\n  return (\n    <ModalPageSubtitleSlot ref={ref} slot=\"description\" {...props}>\n      {children}\n    </ModalPageSubtitleSlot>\n  );\n};\n\nModalPageSubtitle.displayName = \"ModalPage.Subtitle\";\n","import { ModalPageActionsSlot } from \"../modal-page.slots\";\nimport type { ModalPageActionsProps } from \"../modal-page.types\";\n\n/**\n * ModalPage.Actions — action buttons container, aligned to the right of the header.\n *\n * @supportsStyleProps\n */\nexport const ModalPageActions = ({\n  ref,\n  children,\n  ...props\n}: ModalPageActionsProps) => {\n  return (\n    <ModalPageActionsSlot ref={ref} {...props}>\n      {children}\n    </ModalPageActionsSlot>\n  );\n};\n\nModalPageActions.displayName = \"ModalPage.Actions\";\n","import { ModalPageTabNavSlot } from \"../modal-page.slots\";\nimport type { ModalPageTabNavProps } from \"../modal-page.types\";\n\n/**\n * ModalPage.TabNav — layout container for tab navigation in the header.\n * Positions itself in the header grid's last row at full width.\n *\n * Place inside `ModalPage.Header` for route-based page navigation.\n * Wrap a `TabNav.Root` inside this component.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <ModalPage.TabNav>\n *   <TabNav.Root aria-label=\"Order sections\">\n *     <TabNav.Item href=\"/general\" isCurrent>General</TabNav.Item>\n *     <TabNav.Item href=\"/items\">Items</TabNav.Item>\n *   </TabNav.Root>\n * </ModalPage.TabNav>\n * ```\n */\nexport const ModalPageTabNav = ({\n  ref,\n  children,\n  ...props\n}: ModalPageTabNavProps) => {\n  return (\n    <ModalPageTabNavSlot ref={ref} {...props}>\n      {children}\n    </ModalPageTabNavSlot>\n  );\n};\n\nModalPageTabNav.displayName = \"ModalPage.TabNav\";\n","import { ModalPageContentSlot } from \"../modal-page.slots\";\nimport type { ModalPageContentProps } from \"../modal-page.types\";\n\n/**\n * ModalPage.Content — scrollable content area.\n *\n * @supportsStyleProps\n */\nexport const ModalPageContent = ({\n  ref,\n  children,\n  ...props\n}: ModalPageContentProps) => {\n  return (\n    <ModalPageContentSlot ref={ref} {...props}>\n      {children}\n    </ModalPageContentSlot>\n  );\n};\n\nModalPageContent.displayName = \"ModalPage.Content\";\n","import { ModalPageFooterSlot } from \"../modal-page.slots\";\nimport type { ModalPageFooterProps } from \"../modal-page.types\";\n\n/**\n * ModalPage.Footer — footer slot, typically containing action buttons.\n *\n * @supportsStyleProps\n */\nexport const ModalPageFooter = ({\n  ref,\n  children,\n  ...props\n}: ModalPageFooterProps) => {\n  return (\n    <ModalPageFooterSlot ref={ref} {...props}>\n      {children}\n    </ModalPageFooterSlot>\n  );\n};\n\nModalPageFooter.displayName = \"ModalPage.Footer\";\n","import {\n  ModalPageRoot,\n  ModalPageTopBar,\n  ModalPageHeader,\n  ModalPageTitle,\n  ModalPageSubtitle,\n  ModalPageActions,\n  ModalPageTabNav,\n  ModalPageContent,\n  ModalPageFooter,\n} from \"./components\";\n\n/**\n * ModalPage\n * ============================================================\n * A fullscreen modal overlay used for form, info, and tabular page patterns.\n * Wraps Drawer internally with right-side placement and near-full-width layout.\n *\n * Used for the ~29 modal page patterns in Merchant Center (form/info/tabular).\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/modal-page}\n *\n * @example\n * ```tsx\n * const [isOpen, setIsOpen] = useState(false);\n *\n * <ModalPage.Root isOpen={isOpen} onClose={() => setIsOpen(false)}>\n *   <ModalPage.TopBar\n *     previousPathLabel=\"Products\"\n *     currentPathLabel=\"Edit Product\"\n *   />\n *   <ModalPage.Header>\n *     <ModalPage.Title>Edit Product</ModalPage.Title>\n *     <ModalPage.Subtitle>Update the product details</ModalPage.Subtitle>\n *     <ModalPage.Actions>\n *       <Button>Save</Button>\n *     </ModalPage.Actions>\n *   </ModalPage.Header>\n *   <ModalPage.Content>\n *     <p>Form content here</p>\n *   </ModalPage.Content>\n *   <ModalPage.Footer>\n *     <Button slot=\"close\" variant=\"outline\">Cancel</Button>\n *     <Button colorPalette=\"primary\" variant=\"solid\">Save</Button>\n *   </ModalPage.Footer>\n * </ModalPage.Root>\n * ```\n */\nexport const ModalPage = {\n  /**\n   * # ModalPage.Root\n   *\n   * The root container. Renders a fullscreen right-side Drawer.\n   * Controlled-only: requires `isOpen` and `onClose`.\n   *\n   * @example\n   * ```tsx\n   * <ModalPage.Root isOpen={isOpen} onClose={() => setIsOpen(false)}>\n   *   <ModalPage.TopBar previousPathLabel=\"Products\" currentPathLabel=\"Edit Product\" />\n   *   <ModalPage.Header>...</ModalPage.Header>\n   *   <ModalPage.Content>...</ModalPage.Content>\n   * </ModalPage.Root>\n   * ```\n   */\n  Root: ModalPageRoot,\n  /**\n   * # ModalPage.TopBar\n   *\n   * Breadcrumb navigation row with a back button and current path label.\n   *\n   * @example\n   * ```tsx\n   * <ModalPage.TopBar\n   *   previousPathLabel=\"Products\"\n   *   currentPathLabel=\"Edit Product\"\n   * />\n   * ```\n   */\n  TopBar: ModalPageTopBar,\n  /**\n   * # ModalPage.Header\n   *\n   * Header section with a 2-column grid layout for Title and Actions.\n   *\n   * @example\n   * ```tsx\n   * <ModalPage.Header>\n   *   <ModalPage.Title>Edit Product</ModalPage.Title>\n   *   <ModalPage.Actions>\n   *     <Button>Save</Button>\n   *   </ModalPage.Actions>\n   * </ModalPage.Header>\n   * ```\n   */\n  Header: ModalPageHeader,\n  /**\n   * # ModalPage.Title\n   *\n   * The main page title heading. Renders as an `h2` element.\n   *\n   * @example\n   * ```tsx\n   * <ModalPage.Title>Edit Product</ModalPage.Title>\n   * ```\n   */\n  Title: ModalPageTitle,\n  /**\n   * # ModalPage.Subtitle\n   *\n   * An optional subtitle displayed below the title.\n   *\n   * @example\n   * ```tsx\n   * <ModalPage.Subtitle>Fill in the product details</ModalPage.Subtitle>\n   * ```\n   */\n  Subtitle: ModalPageSubtitle,\n  /**\n   * # ModalPage.Actions\n   *\n   * Container for action buttons in the header.\n   *\n   * @example\n   * ```tsx\n   * <ModalPage.Actions>\n   *   <Button variant=\"outline\">Preview</Button>\n   * </ModalPage.Actions>\n   * ```\n   */\n  Actions: ModalPageActions,\n  /**\n   * # ModalPage.TabNav\n   *\n   * Layout container for tab navigation in the header.\n   * Positions itself in the header grid's last row at full width.\n   * Place inside `ModalPage.Header`.\n   *\n   * Wrap a `TabNav.Root` inside, or use `as={TabNav.Root}` for a flatter DOM.\n   *\n   * @example\n   * ```tsx\n   * <ModalPage.Header>\n   *   <ModalPage.Title>Order Details</ModalPage.Title>\n   *   <ModalPage.TabNav>\n   *     <TabNav.Root aria-label=\"Order sections\">\n   *       <TabNav.Item href=\"/general\" isCurrent>General</TabNav.Item>\n   *       <TabNav.Item href=\"/items\">Items</TabNav.Item>\n   *     </TabNav.Root>\n   *   </ModalPage.TabNav>\n   * </ModalPage.Header>\n   * ```\n   */\n  TabNav: ModalPageTabNav,\n  /**\n   * # ModalPage.Content\n   *\n   * Scrollable content area.\n   *\n   * @example\n   * ```tsx\n   * <ModalPage.Content>\n   *   <FormField.Root>...</FormField.Root>\n   * </ModalPage.Content>\n   * ```\n   */\n  Content: ModalPageContent,\n  /**\n   * # ModalPage.Footer\n   *\n   * Footer slot for action buttons (save/cancel).\n   *\n   * @example\n   * ```tsx\n   * <ModalPage.Footer>\n   *   <Button slot=\"close\" variant=\"outline\">Cancel</Button>\n   *   <Button variant=\"solid\">Save</Button>\n   * </ModalPage.Footer>\n   * ```\n   */\n  Footer: ModalPageFooter,\n};\n\n// Internal named exports for react-docgen\nexport {\n  ModalPageRoot as _ModalPageRoot,\n  ModalPageTopBar as _ModalPageTopBar,\n  ModalPageHeader as _ModalPageHeader,\n  ModalPageTitle as _ModalPageTitle,\n  ModalPageSubtitle as _ModalPageSubtitle,\n  ModalPageActions as _ModalPageActions,\n  ModalPageTabNav as _ModalPageTabNav,\n  ModalPageContent as _ModalPageContent,\n  ModalPageFooter as _ModalPageFooter,\n};\n"],"mappings":"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"}