@commercetools/nimbus 2.11.0 → 3.0.0

package/dist/chunks/modal-page-BiF7R0Pr.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-page-BiF7R0Pr.cjs.js","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"],"names":["withProvider","withContext","createSlotRecipeContext","ModalPageRootSlot","ModalPageTopBarSlot","ModalPageHeaderSlot","ModalPageTitleSlot","ModalPageSubtitleSlot","ModalPageActionsSlot","ModalPageTabNavSlot","ModalPageContentSlot","ModalPageFooterSlot","ModalPageRoot","ref","isOpen","onClose","children","width","handleOpenChange","useCallback","open","jsx","Drawer","modalPageMessages_en","args","modalPageMessages_de","modalPageMessages_es","modalPageMessages_fr","modalPageMessages_pt","modalPageMessagesStrings","normalizeMessages","ModalPageTopBar","previousPathLabel","currentPathLabel","props","msg","useLocalizedStringFormatter","jsxs","IconButton","ArrowBack","Text","ModalPageHeader","ModalPageTitle","Heading","ModalPageSubtitle","ModalPageActions","ModalPageTabNav","ModalPageContent","ModalPageFooter","ModalPage"],"mappings":"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"}

package/dist/chunks/{modal-page-7Mp-9hq7.es.js → modal-page-CfoF1omY.es.js}

@@ -1,126 +1,126 @@
-import { jsx as t, jsxs as v } from "react/jsx-runtime";
-import { createSlotRecipeContext as k } from "@chakra-ui/react/styled-system";
-import { H as B } from "./heading-DztD9438.es.js";
-import { ArrowBack as N } from "@commercetools/nimbus-icons";
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { createSlotRecipeContext as B } from "@chakra-ui/react/styled-system";
+import { H as N } from "./heading-DztD9438.es.js";
+import { ArrowBack as T } from "@commercetools/nimbus-icons";
 import { T as i } from "./text-Ci0HmiFd.es.js";
-import { I as T } from "./icon-button-COjLtd6N.es.js";
-import { n as l, u as y } from "./normalize-messages-CeN1NEyM.es.js";
+import { I as y } from "./icon-button-BEAbGl9T.es.js";
+import { n as r, u as k } from "./normalize-messages-CeN1NEyM.es.js";
 import { useCallback as x } from "react";
-import { D as d } from "./drawer-DNLkEvD0.es.js";
-const { withProvider: C, withContext: s } = /* @__PURE__ */ k({
+import { D as d } from "./drawer-D2VDzpBe.es.js";
+const { withProvider: C, withContext: s } = /* @__PURE__ */ B({
   key: "nimbusModalPage"
 }), R = /* @__PURE__ */ C("div", "root"), F = /* @__PURE__ */ s("div", "topBar"), H = /* @__PURE__ */ s("header", "header"), w = /* @__PURE__ */ s("div", "title"), A = /* @__PURE__ */ s(
   "p",
   "subtitle"
-), G = /* @__PURE__ */ s("div", "actions"), L = /* @__PURE__ */ s("div", "tabNav"), _ = /* @__PURE__ */ s("div", "content"), $ = /* @__PURE__ */ s("footer", "footer"), c = ({
+), L = /* @__PURE__ */ s("div", "actions"), _ = /* @__PURE__ */ s("div", "tabNav"), $ = /* @__PURE__ */ s("div", "content"), z = /* @__PURE__ */ s("footer", "footer"), c = ({
   ref: a,
-  isOpen: o,
-  onClose: e,
-  children: r,
+  isOpen: e,
+  onClose: o,
+  children: l,
   width: n = "calc(100vw - {spacing.1200})"
 }) => {
-  const S = x(
-    (f) => {
-      f || e();
+  const v = x(
+    (S) => {
+      S || o();
     },
-    [e]
+    [o]
   );
   return /* @__PURE__ */ t(
     d.Root,
     {
-      isOpen: o,
-      onOpenChange: S,
+      isOpen: e,
+      onOpenChange: v,
       placement: "right",
       isDismissable: !1,
-      children: /* @__PURE__ */ t(d.Content, { width: n, children: /* @__PURE__ */ t(R, { ref: a, children: r }) })
+      children: /* @__PURE__ */ t(d.Content, { width: n, children: /* @__PURE__ */ t(R, { ref: a, children: l }) })
     }
   );
 };
 c.displayName = "ModalPage.Root";
-const z = {
-  backButton: (a) => `Go back to ${a.previousPathLabel}`
-}, D = {
+const D = {
   backButton: (a) => `Go back to ${a.previousPathLabel}`
 }, j = {
-  backButton: (a) => `Go back to ${a.previousPathLabel}`
+  backButton: (a) => `Zurück zu ${a.previousPathLabel}`
 }, I = {
-  backButton: (a) => `Go back to ${a.previousPathLabel}`
+  backButton: (a) => `Volver a ${a.previousPathLabel}`
 }, O = {
-  backButton: (a) => `Go back to ${a.previousPathLabel}`
-}, W = {
-  en: /* @__PURE__ */ l(z),
-  de: /* @__PURE__ */ l(D),
-  es: /* @__PURE__ */ l(j),
-  "fr-FR": /* @__PURE__ */ l(I),
-  "pt-BR": /* @__PURE__ */ l(O)
+  backButton: (a) => `Retourner à ${a.previousPathLabel}`
+}, V = {
+  backButton: (a) => `Voltar para ${a.previousPathLabel}`
+}, G = {
+  en: /* @__PURE__ */ r(D),
+  de: /* @__PURE__ */ r(j),
+  es: /* @__PURE__ */ r(I),
+  "fr-FR": /* @__PURE__ */ r(O),
+  "pt-BR": /* @__PURE__ */ r(V)
 }, g = ({
   ref: a,
-  previousPathLabel: o,
-  currentPathLabel: e,
-  ...r
+  previousPathLabel: e,
+  currentPathLabel: o,
+  ...l
 }) => {
-  const n = y(W);
-  return /* @__PURE__ */ v(F, { ref: a, ...r, children: [
+  const n = k(G);
+  return /* @__PURE__ */ f(F, { ref: a, ...l, children: [
     /* @__PURE__ */ t(
-      T,
+      y,
       {
         slot: "close",
         size: "xs",
         variant: "ghost",
-        "aria-label": n.format("backButton", { previousPathLabel: o }),
+        "aria-label": n.format("backButton", { previousPathLabel: e }),
         autoFocus: !0,
-        children: /* @__PURE__ */ t(N, {})
+        children: /* @__PURE__ */ t(T, {})
       }
     ),
-    /* @__PURE__ */ t(i, { color: "neutral.11", textStyle: "sm", "aria-hidden": "true", children: o }),
+    /* @__PURE__ */ t(i, { color: "neutral.11", textStyle: "sm", "aria-hidden": "true", children: e }),
     /* @__PURE__ */ t(i, { color: "neutral.11", textStyle: "sm", "aria-hidden": "true", children: "/" }),
-    /* @__PURE__ */ t(i, { textStyle: "sm", fontWeight: "medium", "aria-current": "page", children: e })
+    /* @__PURE__ */ t(i, { textStyle: "sm", fontWeight: "medium", "aria-current": "page", children: o })
   ] });
 };
 g.displayName = "ModalPage.TopBar";
 const m = ({
   ref: a,
-  children: o,
-  ...e
-}) => /* @__PURE__ */ t(H, { ref: a, ...e, children: o });
+  children: e,
+  ...o
+}) => /* @__PURE__ */ t(H, { ref: a, ...o, children: e });
 m.displayName = "ModalPage.Header";
+const u = ({
+  ref: a,
+  children: e,
+  ...o
+}) => /* @__PURE__ */ t(w, { ref: a, ...o, children: /* @__PURE__ */ t(N, { slot: "title", as: "h2", children: e }) });
+u.displayName = "ModalPage.Title";
 const P = ({
   ref: a,
-  children: o,
-  ...e
-}) => /* @__PURE__ */ t(w, { ref: a, ...e, children: /* @__PURE__ */ t(B, { slot: "title", as: "h2", children: o }) });
-P.displayName = "ModalPage.Title";
+  children: e,
+  ...o
+}) => /* @__PURE__ */ t(A, { ref: a, slot: "description", ...o, children: e });
+P.displayName = "ModalPage.Subtitle";
 const p = ({
   ref: a,
-  children: o,
-  ...e
-}) => /* @__PURE__ */ t(A, { ref: a, slot: "description", ...e, children: o });
-p.displayName = "ModalPage.Subtitle";
-const u = ({
-  ref: a,
-  children: o,
-  ...e
-}) => /* @__PURE__ */ t(G, { ref: a, ...e, children: o });
-u.displayName = "ModalPage.Actions";
+  children: e,
+  ...o
+}) => /* @__PURE__ */ t(L, { ref: a, ...o, children: e });
+p.displayName = "ModalPage.Actions";
 const M = ({
   ref: a,
-  children: o,
-  ...e
-}) => /* @__PURE__ */ t(L, { ref: a, ...e, children: o });
+  children: e,
+  ...o
+}) => /* @__PURE__ */ t(_, { ref: a, ...o, children: e });
 M.displayName = "ModalPage.TabNav";
 const b = ({
   ref: a,
-  children: o,
-  ...e
-}) => /* @__PURE__ */ t(_, { ref: a, ...e, children: o });
+  children: e,
+  ...o
+}) => /* @__PURE__ */ t($, { ref: a, ...o, children: e });
 b.displayName = "ModalPage.Content";
 const h = ({
   ref: a,
-  children: o,
-  ...e
-}) => /* @__PURE__ */ t($, { ref: a, ...e, children: o });
+  children: e,
+  ...o
+}) => /* @__PURE__ */ t(z, { ref: a, ...o, children: e });
 h.displayName = "ModalPage.Footer";
-const Z = {
+const Y = {
   /**
    * # ModalPage.Root
    *
@@ -177,7 +177,7 @@ const Z = {
    * <ModalPage.Title>Edit Product</ModalPage.Title>
    * ```
    */
-  Title: P,
+  Title: u,
   /**
    * # ModalPage.Subtitle
    *
@@ -188,7 +188,7 @@ const Z = {
    * <ModalPage.Subtitle>Fill in the product details</ModalPage.Subtitle>
    * ```
    */
-  Subtitle: p,
+  Subtitle: P,
   /**
    * # ModalPage.Actions
    *
@@ -201,7 +201,7 @@ const Z = {
    * </ModalPage.Actions>
    * ```
    */
-  Actions: u,
+  Actions: p,
   /**
    * # ModalPage.TabNav
    *
@@ -254,15 +254,15 @@ const Z = {
   Footer: h
 };
 export {
-  Z as M,
-  u as a,
+  Y as M,
+  p as a,
   b,
   h as c,
   m as d,
   c as e,
-  p as f,
+  P as f,
   M as g,
-  P as h,
+  u as h,
   g as i
 };
-//# sourceMappingURL=modal-page-7Mp-9hq7.es.js.map
+//# sourceMappingURL=modal-page-CfoF1omY.es.js.map

package/dist/chunks/{modal-page-hqz13F_k.cjs.js.map → modal-page-CfoF1omY.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modal-page-hqz13F_k.cjs.js","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    `Go back to ${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    `Go back to ${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    `Go back to ${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    `Go back to ${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"],"names":["withProvider","withContext","createSlotRecipeContext","ModalPageRootSlot","ModalPageTopBarSlot","ModalPageHeaderSlot","ModalPageTitleSlot","ModalPageSubtitleSlot","ModalPageActionsSlot","ModalPageTabNavSlot","ModalPageContentSlot","ModalPageFooterSlot","ModalPageRoot","ref","isOpen","onClose","children","width","handleOpenChange","useCallback","open","jsx","Drawer","modalPageMessages_en","args","modalPageMessages_de","modalPageMessages_es","modalPageMessages_fr","modalPageMessages_pt","modalPageMessagesStrings","normalizeMessages","ModalPageTopBar","previousPathLabel","currentPathLabel","props","msg","useLocalizedStringFormatter","jsxs","IconButton","ArrowBack","Text","ModalPageHeader","ModalPageTitle","Heading","ModalPageSubtitle","ModalPageActions","ModalPageTabNav","ModalPageContent","ModalPageFooter","ModalPage"],"mappings":"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"}
+{"version":3,"file":"modal-page-CfoF1omY.es.js","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"],"names":["withProvider","withContext","createSlotRecipeContext","ModalPageRootSlot","ModalPageTopBarSlot","ModalPageHeaderSlot","ModalPageTitleSlot","ModalPageSubtitleSlot","ModalPageActionsSlot","ModalPageTabNavSlot","ModalPageContentSlot","ModalPageFooterSlot","ModalPageRoot","ref","isOpen","onClose","children","width","handleOpenChange","useCallback","open","jsx","Drawer","modalPageMessages_en","args","modalPageMessages_de","modalPageMessages_es","modalPageMessages_fr","modalPageMessages_pt","modalPageMessagesStrings","normalizeMessages","ModalPageTopBar","previousPathLabel","currentPathLabel","props","msg","useLocalizedStringFormatter","jsxs","IconButton","ArrowBack","Text","ModalPageHeader","ModalPageTitle","Heading","ModalPageSubtitle","ModalPageActions","ModalPageTabNav","ModalPageContent","ModalPageFooter","ModalPage"],"mappings":"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"}

package/dist/chunks/{money-input-C0FNshvC.es.js → money-input-B7loCwhJ.es.js}

@@ -5,15 +5,15 @@ import { $ as mi } from "./I18nProvider-BuwVdK1A.es.js";
 import { $ as b } from "./mergeProps-Bcbq3GVJ.es.js";
 import { designTokens as di } from "@commercetools/nimbus-tokens";
 import { HighPrecision as yi } from "@commercetools/nimbus-icons";
-import { e as hi } from "./extract-style-props-D86m_g63.es.js";
-import { G as Mi } from "./group-DmZFJeQ4.es.js";
-import { i as Si } from "./index-CTrsTsK6.es.js";
+import { e as hi } from "./extract-style-props-Bcwub3j6.es.js";
+import { G as Mi } from "./group-C9O-E531.es.js";
+import { i as Si } from "./index-B_vTRVge.es.js";
 import { n as h, u as Pi } from "./normalize-messages-CeN1NEyM.es.js";
-import { S as A } from "./select-DzHkNbNO.es.js";
-import { N as Ci } from "./number-input-DP-OVZI2.es.js";
-import { M as Ii } from "./make-element-focusable-QhMuqMrZ.es.js";
+import { S as A } from "./select-Cd_w-w3c.es.js";
+import { N as Ci } from "./number-input-C7007r95.es.js";
+import { M as Ii } from "./make-element-focusable-CDZnSp67.es.js";
 import { B as Ri } from "./box-DuBoAZvq.es.js";
-import { T as U } from "./tooltip-Bx5ngdcy.es.js";
+import { T as U } from "./tooltip-BCSTJUeB.es.js";
 const d = {
   ADP: { fractionDigits: 0 },
   AED: { fractionDigits: 2 },
@@ -552,4 +552,4 @@ p.displayName = "MoneyInput";
 export {
   p as M
 };
-//# sourceMappingURL=money-input-C0FNshvC.es.js.map
+//# sourceMappingURL=money-input-B7loCwhJ.es.js.map