@commercetools/nimbus 3.0.0 → 3.2.0

package/dist/chunks/default-page-CcRsREFi.cjs

@@ -0,0 +1,2 @@
+const e=require("./mergeProps-CiOPEjJs.cjs.js"),t=require("./useObjectRef-B_VeQHvx.cjs.js"),n=require("./useLink-BYUu9Lzo.cjs.js"),r=require("./normalize-messages-BMIBfw4v.cjs.js"),i=require("./extract-style-props-CVl34XLj.cjs.js"),a=require("./merge-refs-DjTl2ATo.cjs.js");let o=require("react"),s=require("react/jsx-runtime"),c=require("@commercetools/nimbus-icons"),l=require("@chakra-ui/react/styled-system");var{withProvider:u,withContext:d}=(0,l.createSlotRecipeContext)({key:`nimbusDefaultPage`}),f=u(`div`,`root`),p=d(`header`,`header`),m=d(`div`,`actions`),h=d(`a`,`backLink`),g=d(`h1`,`title`),_=d(`p`,`subtitle`),v=d(`div`,`tabNav`),y=d(`main`,`content`),b=d(`footer`,`footer`),x=({ref:e,children:t,...n})=>{let[r,i]=(0,l.useSlotRecipe)({key:`nimbusDefaultPage`}).splitVariantProps(n);return(0,s.jsx)(f,{ref:e,...r,...i,children:t})};x.displayName=`DefaultPage.Root`;var S=({ref:e,children:t,...n})=>(0,s.jsx)(p,{ref:e,...n,children:t});S.displayName=`DefaultPage.Header`;var C=({ref:e,children:t,...n})=>(0,s.jsx)(m,{ref:e,...n,children:t});C.displayName=`DefaultPage.Actions`;var w={en:r.t({backLink:`Go back`}),de:r.t({backLink:`Zurück`}),es:r.t({backLink:`Volver`}),"fr-FR":r.t({backLink:`Retour`}),"pt-BR":r.t({backLink:`Voltar`})},T=({ref:l,href:u,children:d,...f})=>{let p=r.n(w),[m,g]=i.t(f),_=t.t(a.t((0,o.useRef)(null),l)),{linkProps:v}=n.t({...g,href:u,elementType:`a`},_);return(0,s.jsxs)(h,{ref:_,...e.t(m,g,v),children:[(0,s.jsx)(c.ArrowBack,{}),d??p.format(`backLink`)]})};T.displayName=`DefaultPage.BackLink`;var E=({ref:e,children:t,...n})=>(0,s.jsx)(g,{ref:e,...n,children:t});E.displayName=`DefaultPage.Title`;var D=({ref:e,children:t,...n})=>(0,s.jsx)(_,{ref:e,...n,children:t});D.displayName=`DefaultPage.Subtitle`;var O=({ref:e,children:t,...n})=>(0,s.jsx)(y,{ref:e,tabIndex:0,...n,children:t});O.displayName=`DefaultPage.Content`;var k=({ref:e,children:t,...n})=>(0,s.jsx)(b,{ref:e,...n,children:t});k.displayName=`DefaultPage.Footer`;var A=({ref:e,children:t,...n})=>(0,s.jsx)(v,{ref:e,...n,children:t});A.displayName=`DefaultPage.TabNav`;var j={Root:x,Header:S,BackLink:T,Title:E,Subtitle:D,Actions:C,Content:O,Footer:k,TabNav:A};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return x}});
+//# sourceMappingURL=default-page-CcRsREFi.cjs.js.map

package/dist/chunks/default-page-CcRsREFi.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-page-CcRsREFi.cjs.js","names":[],"sources":["../../src/components/default-page/default-page.slots.tsx","../../src/components/default-page/components/default-page.root.tsx","../../src/components/default-page/components/default-page.header.tsx","../../src/components/default-page/components/default-page.actions.tsx","../../src/components/default-page/intl/en.ts","../../src/components/default-page/intl/de.ts","../../src/components/default-page/intl/es.ts","../../src/components/default-page/intl/fr-FR.ts","../../src/components/default-page/intl/pt-BR.ts","../../src/components/default-page/default-page.messages.ts","../../src/components/default-page/components/default-page.back-link.tsx","../../src/components/default-page/components/default-page.title.tsx","../../src/components/default-page/components/default-page.subtitle.tsx","../../src/components/default-page/components/default-page.content.tsx","../../src/components/default-page/components/default-page.footer.tsx","../../src/components/default-page/components/default-page.tab-nav.tsx","../../src/components/default-page/default-page.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  DefaultPageRootSlotProps,\n  DefaultPageHeaderSlotProps,\n  DefaultPageActionsSlotProps,\n  DefaultPageBackLinkSlotProps,\n  DefaultPageTitleSlotProps,\n  DefaultPageSubtitleSlotProps,\n  DefaultPageTabNavSlotProps,\n  DefaultPageContentSlotProps,\n  DefaultPageFooterSlotProps,\n} from \"./default-page.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusDefaultPage\",\n});\n\n/**\n * Root component that provides the styling context for the DefaultPage component.\n */\nexport const DefaultPageRootSlot: SlotComponent<\n  HTMLDivElement,\n  DefaultPageRootSlotProps\n> = withProvider<HTMLDivElement, DefaultPageRootSlotProps>(\"div\", \"root\");\n\nexport const DefaultPageHeaderSlot: SlotComponent<\n  HTMLElement,\n  DefaultPageHeaderSlotProps\n> = withContext<HTMLElement, DefaultPageHeaderSlotProps>(\"header\", \"header\");\n\nexport const DefaultPageActionsSlot: SlotComponent<\n  HTMLDivElement,\n  DefaultPageActionsSlotProps\n> = withContext<HTMLDivElement, DefaultPageActionsSlotProps>(\"div\", \"actions\");\n\nexport const DefaultPageBackLinkSlot: SlotComponent<\n  HTMLAnchorElement,\n  DefaultPageBackLinkSlotProps\n> = withContext<HTMLAnchorElement, DefaultPageBackLinkSlotProps>(\n  \"a\",\n  \"backLink\"\n);\n\nexport const DefaultPageTitleSlot: SlotComponent<\n  HTMLHeadingElement,\n  DefaultPageTitleSlotProps\n> = withContext<HTMLHeadingElement, DefaultPageTitleSlotProps>(\"h1\", \"title\");\n\nexport const DefaultPageSubtitleSlot: SlotComponent<\n  HTMLParagraphElement,\n  DefaultPageSubtitleSlotProps\n> = withContext<HTMLParagraphElement, DefaultPageSubtitleSlotProps>(\n  \"p\",\n  \"subtitle\"\n);\n\nexport const DefaultPageTabNavSlot: SlotComponent<\n  HTMLDivElement,\n  DefaultPageTabNavSlotProps\n> = withContext<HTMLDivElement, DefaultPageTabNavSlotProps>(\"div\", \"tabNav\");\n\nexport const DefaultPageContentSlot: SlotComponent<\n  HTMLElement,\n  DefaultPageContentSlotProps\n> = withContext<HTMLElement, DefaultPageContentSlotProps>(\"main\", \"content\");\n\nexport const DefaultPageFooterSlot: SlotComponent<\n  HTMLElement,\n  DefaultPageFooterSlotProps\n> = withContext<HTMLElement, DefaultPageFooterSlotProps>(\"footer\", \"footer\");\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DefaultPageRootSlot } from \"../default-page.slots\";\nimport type { DefaultPageProps } from \"../default-page.types\";\n\n/**\n * DefaultPage.Root - The root container for the default page layout\n *\n * @supportsStyleProps\n */\nexport const DefaultPageRoot = ({\n  ref,\n  children,\n  ...props\n}: DefaultPageProps) => {\n  const recipe = useSlotRecipe({ key: \"nimbusDefaultPage\" });\n  const [recipeProps, restProps] = recipe.splitVariantProps(props);\n\n  return (\n    <DefaultPageRootSlot ref={ref} {...recipeProps} {...restProps}>\n      {children}\n    </DefaultPageRootSlot>\n  );\n};\n\nDefaultPageRoot.displayName = \"DefaultPage.Root\";\n","import { DefaultPageHeaderSlot } from \"../default-page.slots\";\nimport type { DefaultPageHeaderProps } from \"../default-page.types\";\n\n/**\n * DefaultPage.Header - The header section containing back link, title, and subtitle\n *\n * @supportsStyleProps\n */\nexport const DefaultPageHeader = ({\n  ref,\n  children,\n  ...props\n}: DefaultPageHeaderProps) => {\n  return (\n    <DefaultPageHeaderSlot ref={ref} {...props}>\n      {children}\n    </DefaultPageHeaderSlot>\n  );\n};\n\nDefaultPageHeader.displayName = \"DefaultPage.Header\";\n","import { DefaultPageActionsSlot } from \"../default-page.slots\";\nimport type { DefaultPageActionsProps } from \"../default-page.types\";\n\n/**\n * DefaultPage.Actions - Action buttons displayed alongside the title\n *\n * @supportsStyleProps\n */\nexport const DefaultPageActions = ({\n  ref,\n  children,\n  ...props\n}: DefaultPageActionsProps) => {\n  return (\n    <DefaultPageActionsSlot ref={ref} {...props}>\n      {children}\n    </DefaultPageActionsSlot>\n  );\n};\n\nDefaultPageActions.displayName = \"DefaultPage.Actions\";\n","/**\n * Pre-compiled en messages for DefaultPage\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { backLink: `Go back` };\n","/**\n * Pre-compiled de messages for DefaultPage\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { backLink: `Zurück` };\n","/**\n * Pre-compiled es messages for DefaultPage\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { backLink: `Volver` };\n","/**\n * Pre-compiled fr-FR messages for DefaultPage\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { backLink: `Retour` };\n","/**\n * Pre-compiled pt-BR messages for DefaultPage\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { backLink: `Voltar` };\n","/**\n * Pre-compiled localized messages for DefaultPage 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 defaultPageMessages_en from \"./intl/en\";\nimport defaultPageMessages_de from \"./intl/de\";\nimport defaultPageMessages_es from \"./intl/es\";\nimport defaultPageMessages_fr from \"./intl/fr-FR\";\nimport defaultPageMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const defaultPageMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(defaultPageMessages_en),\n  de: normalizeMessages(defaultPageMessages_de),\n  es: normalizeMessages(defaultPageMessages_es),\n  \"fr-FR\": normalizeMessages(defaultPageMessages_fr),\n  \"pt-BR\": normalizeMessages(defaultPageMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for DefaultPage component\n */\nexport type DefaultPageMessageKey = \"backLink\";\n","import { useRef } from \"react\";\nimport { useLink, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@/utils\";\nimport { ArrowBack } from \"@commercetools/nimbus-icons\";\nimport { DefaultPageBackLinkSlot } from \"../default-page.slots\";\nimport type { DefaultPageBackLinkProps } from \"../default-page.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { defaultPageMessagesStrings } from \"../default-page.messages\";\n\n/**\n * DefaultPage.BackLink - Back navigation link for the default page\n *\n * @supportsStyleProps\n */\nexport const DefaultPageBackLink = ({\n  ref: forwardedRef,\n  href,\n  children,\n  ...props\n}: DefaultPageBackLinkProps) => {\n  const msg = useLocalizedStringFormatter(defaultPageMessagesStrings);\n  const [styleProps, functionalProps] = extractStyleProps(props);\n\n  const localRef = useRef<HTMLAnchorElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const { linkProps } = useLink(\n    { ...functionalProps, href, elementType: \"a\" },\n    ref\n  );\n\n  return (\n    <DefaultPageBackLinkSlot\n      ref={ref}\n      {...mergeProps(styleProps, functionalProps, linkProps)}\n    >\n      <ArrowBack />\n      {children ?? msg.format(\"backLink\")}\n    </DefaultPageBackLinkSlot>\n  );\n};\n\nDefaultPageBackLink.displayName = \"DefaultPage.BackLink\";\n","import { DefaultPageTitleSlot } from \"../default-page.slots\";\nimport type { DefaultPageTitleProps } from \"../default-page.types\";\n\n/**\n * DefaultPage.Title - The page title heading\n *\n * @supportsStyleProps\n */\nexport const DefaultPageTitle = ({\n  ref,\n  children,\n  ...props\n}: DefaultPageTitleProps) => {\n  return (\n    <DefaultPageTitleSlot ref={ref} {...props}>\n      {children}\n    </DefaultPageTitleSlot>\n  );\n};\n\nDefaultPageTitle.displayName = \"DefaultPage.Title\";\n","import { DefaultPageSubtitleSlot } from \"../default-page.slots\";\nimport type { DefaultPageSubtitleProps } from \"../default-page.types\";\n\n/**\n * DefaultPage.Subtitle - Optional subtitle text below the page title\n *\n * @supportsStyleProps\n */\nexport const DefaultPageSubtitle = ({\n  ref,\n  children,\n  ...props\n}: DefaultPageSubtitleProps) => {\n  return (\n    <DefaultPageSubtitleSlot ref={ref} {...props}>\n      {children}\n    </DefaultPageSubtitleSlot>\n  );\n};\n\nDefaultPageSubtitle.displayName = \"DefaultPage.Subtitle\";\n","import { DefaultPageContentSlot } from \"../default-page.slots\";\nimport type { DefaultPageContentProps } from \"../default-page.types\";\n\n/**\n * DefaultPage.Content - The main content area of the default page.\n *\n * @supportsStyleProps\n */\nexport const DefaultPageContent = ({\n  ref,\n  children,\n  ...props\n}: DefaultPageContentProps) => {\n  return (\n    <DefaultPageContentSlot ref={ref} tabIndex={0} {...props}>\n      {children}\n    </DefaultPageContentSlot>\n  );\n};\n\nDefaultPageContent.displayName = \"DefaultPage.Content\";\n","import { DefaultPageFooterSlot } from \"../default-page.slots\";\nimport type { DefaultPageFooterProps } from \"../default-page.types\";\n\n/**\n * DefaultPage.Footer - Optional footer section, typically for form actions\n *\n * @supportsStyleProps\n */\nexport const DefaultPageFooter = ({\n  ref,\n  children,\n  ...props\n}: DefaultPageFooterProps) => {\n  return (\n    <DefaultPageFooterSlot ref={ref} {...props}>\n      {children}\n    </DefaultPageFooterSlot>\n  );\n};\n\nDefaultPageFooter.displayName = \"DefaultPage.Footer\";\n","import { DefaultPageTabNavSlot } from \"../default-page.slots\";\nimport type { DefaultPageTabNavProps } from \"../default-page.types\";\n\n/**\n * DefaultPage.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 `DefaultPage.Header` for route-based page navigation.\n * Wrap a `TabNav.Root` inside this component.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <DefaultPage.TabNav>\n *   <TabNav.Root aria-label=\"Customer sections\">\n *     <TabNav.Item href=\"/general\" isCurrent>General</TabNav.Item>\n *   </TabNav.Root>\n * </DefaultPage.TabNav>\n * ```\n */\nexport const DefaultPageTabNav = ({\n  ref,\n  children,\n  ...props\n}: DefaultPageTabNavProps) => {\n  return (\n    <DefaultPageTabNavSlot ref={ref} {...props}>\n      {children}\n    </DefaultPageTabNavSlot>\n  );\n};\n\nDefaultPageTabNav.displayName = \"DefaultPage.TabNav\";\n","import {\n  DefaultPageRoot,\n  DefaultPageHeader,\n  DefaultPageActions,\n  DefaultPageBackLink,\n  DefaultPageTitle,\n  DefaultPageSubtitle,\n  DefaultPageContent,\n  DefaultPageFooter,\n  DefaultPageTabNav,\n} from \"./components\";\n\n/**\n * DefaultPage\n * ============================================================\n * A compound component providing a flexible page skeleton for both main-level\n * and detail views. Supports an optional back navigation link, header, content\n * area, and optional footer.\n *\n * Consolidates `MainPage` and `DetailPage` into a single component. Use\n * `DefaultPage.BackLink` when the page represents a detail view that needs\n * back navigation; omit it for top-level pages.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/default-page}\n * @example\n * ```tsx\n * // Detail view (with back link)\n * <DefaultPage.Root>\n *   <DefaultPage.Header>\n *     <DefaultPage.BackLink href=\"/products\">Back to products</DefaultPage.BackLink>\n *     <DefaultPage.Title>Product Details</DefaultPage.Title>\n *     <DefaultPage.Actions>\n *       <Button>Edit</Button>\n *     </DefaultPage.Actions>\n *     <DefaultPage.Subtitle>SKU-12345</DefaultPage.Subtitle>\n *   </DefaultPage.Header>\n *   <DefaultPage.Content>\n *     Main content here\n *   </DefaultPage.Content>\n *   <DefaultPage.Footer>\n *     Footer actions here\n *   </DefaultPage.Footer>\n * </DefaultPage.Root>\n *\n * // Main view (without back link)\n * <DefaultPage.Root>\n *   <DefaultPage.Header>\n *     <DefaultPage.Title>Products</DefaultPage.Title>\n *     <DefaultPage.Actions>\n *       <Button>Add product</Button>\n *     </DefaultPage.Actions>\n *   </DefaultPage.Header>\n *   <DefaultPage.Content>\n *     Main content here\n *   </DefaultPage.Content>\n * </DefaultPage.Root>\n * ```\n */\nexport const DefaultPage = {\n  /**\n   * # DefaultPage.Root\n   *\n   * The root container that provides context and styling for the default page.\n   * Must wrap all default page parts.\n   *\n   * @example\n   * ```tsx\n   * <DefaultPage.Root>\n   *   <DefaultPage.Header>...</DefaultPage.Header>\n   *   <DefaultPage.Content>...</DefaultPage.Content>\n   * </DefaultPage.Root>\n   * ```\n   */\n  Root: DefaultPageRoot,\n  /**\n   * # DefaultPage.Header\n   *\n   * The header section containing the optional back link, title, subtitle,\n   * actions, and optional tab navigation.\n   *\n   * @example\n   * ```tsx\n   * <DefaultPage.Header>\n   *   <DefaultPage.BackLink href=\"/products\">Back</DefaultPage.BackLink>\n   *   <DefaultPage.Title>Product Name</DefaultPage.Title>\n   * </DefaultPage.Header>\n   * ```\n   */\n  Header: DefaultPageHeader,\n  /**\n   * # DefaultPage.BackLink\n   *\n   * A navigation link that takes the user back to the parent page.\n   * Requires an `href` prop for the navigation target.\n   * When present, the `Actions` slot automatically shifts down to align\n   * with the title row.\n   *\n   * @example\n   * ```tsx\n   * <DefaultPage.BackLink href=\"/products\">Back to products</DefaultPage.BackLink>\n   * ```\n   */\n  BackLink: DefaultPageBackLink,\n  /**\n   * # DefaultPage.Title\n   *\n   * The main page title heading. Renders as an `h1` element.\n   *\n   * @example\n   * ```tsx\n   * <DefaultPage.Title>Product Details</DefaultPage.Title>\n   * ```\n   */\n  Title: DefaultPageTitle,\n  /**\n   * # DefaultPage.Subtitle\n   *\n   * An optional subtitle displayed below the title.\n   *\n   * @example\n   * ```tsx\n   * <DefaultPage.Subtitle>SKU-12345</DefaultPage.Subtitle>\n   * ```\n   */\n  Subtitle: DefaultPageSubtitle,\n  /**\n   * # DefaultPage.Actions\n   *\n   * A container for action buttons displayed alongside the title.\n   * Place inside `DefaultPage.Header` — the grid layout positions it\n   * automatically next to the title (or next to the title row when\n   * a `BackLink` is present).\n   *\n   * @example\n   * ```tsx\n   * <DefaultPage.Actions>\n   *   <Button>Save</Button>\n   *   <Button variant=\"ghost\">Delete</Button>\n   * </DefaultPage.Actions>\n   * ```\n   */\n  Actions: DefaultPageActions,\n  /**\n   * # DefaultPage.Content\n   *\n   * The main content area of the default page.\n   *\n   * @example\n   * ```tsx\n   * <DefaultPage.Content>\n   *   Form fields here\n   * </DefaultPage.Content>\n   * ```\n   */\n  Content: DefaultPageContent,\n  /**\n   * # DefaultPage.Footer\n   *\n   * Optional footer section, typically used for form action bars.\n   * Omit for info/read-only pages.\n   *\n   * @example\n   * ```tsx\n   * <DefaultPage.Footer>\n   *   <Button>Save</Button>\n   *   <Button variant=\"ghost\">Cancel</Button>\n   * </DefaultPage.Footer>\n   * ```\n   */\n  Footer: DefaultPageFooter,\n  /**\n   * # DefaultPage.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 `DefaultPage.Header`.\n   *\n   * Wrap a `TabNav.Root` inside, or use `as={TabNav.Root}` for a flatter DOM.\n   *\n   * @example\n   * ```tsx\n   * <DefaultPage.Header>\n   *   <DefaultPage.Title>Customer Details</DefaultPage.Title>\n   *   <DefaultPage.TabNav>\n   *     <TabNav.Root aria-label=\"Customer sections\">\n   *       <TabNav.Item href=\"/general\" isCurrent>General</TabNav.Item>\n   *       <TabNav.Item href=\"/addresses\">Addresses</TabNav.Item>\n   *     </TabNav.Root>\n   *   </DefaultPage.TabNav>\n   * </DefaultPage.Header>\n   * ```\n   */\n  TabNav: DefaultPageTabNav,\n};\n\nexport {\n  DefaultPageRoot as _DefaultPageRoot,\n  DefaultPageHeader as _DefaultPageHeader,\n  DefaultPageActions as _DefaultPageActions,\n  DefaultPageBackLink as _DefaultPageBackLink,\n  DefaultPageTitle as _DefaultPageTitle,\n  DefaultPageSubtitle as _DefaultPageSubtitle,\n  DefaultPageContent as _DefaultPageContent,\n  DefaultPageFooter as _DefaultPageFooter,\n  DefaultPageTabNav as _DefaultPageTabNav,\n};\n"],"mappings":"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"}

package/dist/chunks/dialog-BbknnPiL.esm.js

@@ -0,0 +1,181 @@
+import { n as e, t } from "./Dialog-Bz1VofkM.esm.js";
+import { n, t as r } from "./Modal-CEjlYSfY.esm.js";
+import { n as i } from "./Button-BS6XRDWw.esm.js";
+import { t as a } from "./icon-button-D0cEzjex.esm.js";
+import { n as o, t as s } from "./normalize-messages-CKl8ms10.esm.js";
+import { t as c } from "./heading-Bf0XwaRf.esm.js";
+import { t as l } from "./extract-style-props-4RoFSvGV.esm.js";
+import u, { createContext as d, useContext as f } from "react";
+import { jsx as p } from "react/jsx-runtime";
+import { Close as m } from "@commercetools/nimbus-icons";
+import { chakra as h, createSlotRecipeContext as g, useSlotRecipe as _ } from "@chakra-ui/react/styled-system";
+//#region src/components/dialog/dialog.slots.tsx
+var { withProvider: v, withContext: y } = g({ key: "nimbusDialog" }), b = v("div", "root"), x = y("button", "trigger"), S = y("div", "modalOverlay"), C = y("div", "modal"), w = y("div", "content"), T = y("header", "header"), E = y("div", "body"), D = y("footer", "footer"), O = y("h2", "title"), k = y("div", "closeTrigger"), A = d(void 0), j = () => {
+	let e = f(A);
+	if (!e) throw Error("useDialogContext must be used within Dialog.Root");
+	return e;
+}, M = ({ children: e, value: t }) => /* @__PURE__ */ p(A, {
+	value: t,
+	children: e
+}), N = (e) => {
+	let [n] = _({ key: "nimbusDialog" }).splitVariantProps(e), { children: r, isOpen: i, onOpenChange: a, defaultOpen: o = !1 } = e, s = /* @__PURE__ */ p(b, {
+		...n,
+		children: r
+	});
+	return /* @__PURE__ */ p(M, {
+		value: e,
+		children: u.Children.toArray(r).some((e) => {
+			if (u.isValidElement(e) && typeof e.type == "function") {
+				let t = e.type?.displayName;
+				return t === "DialogTrigger" || t === "Dialog.Trigger";
+			}
+			return !1;
+		}) ? /* @__PURE__ */ p(t, {
+			isOpen: i,
+			onOpenChange: a,
+			defaultOpen: o,
+			children: s
+		}) : s
+	});
+};
+N.displayName = "Dialog.Root";
+//#endregion
+//#region src/components/dialog/components/dialog.trigger.tsx
+var P = ({ ref: e, children: t, asChild: n, ...r }) => {
+	if (n) return /* @__PURE__ */ p(h.button, {
+		ref: e,
+		asChild: !0,
+		...r,
+		children: t
+	});
+	let [a, o] = l(r);
+	return /* @__PURE__ */ p(x, {
+		...a,
+		asChild: !0,
+		children: /* @__PURE__ */ p(i, {
+			ref: e,
+			...o,
+			children: t
+		})
+	});
+};
+P.displayName = "Dialog.Trigger";
+//#endregion
+//#region src/components/dialog/components/dialog.content.tsx
+var F = (t) => {
+	let { ref: i, children: a, ...o } = t, { defaultOpen: s, isDismissable: c, isKeyboardDismissDisabled: u, shouldCloseOnInteractOutside: d, isOpen: f, onOpenChange: m, "aria-label": h } = j(), g = {
+		defaultOpen: s,
+		isDismissable: c,
+		isKeyboardDismissDisabled: u,
+		shouldCloseOnInteractOutside: d,
+		isOpen: f,
+		onOpenChange: m
+	}, [_] = l(o);
+	return /* @__PURE__ */ p(S, {
+		asChild: !0,
+		children: /* @__PURE__ */ p(n, {
+			...g,
+			children: /* @__PURE__ */ p(C, {
+				asChild: !0,
+				children: /* @__PURE__ */ p(r, { children: /* @__PURE__ */ p(w, {
+					asChild: !0,
+					..._,
+					children: /* @__PURE__ */ p(e, {
+						ref: i,
+						"aria-label": h,
+						children: a
+					})
+				}) })
+			})
+		})
+	});
+};
+F.displayName = "Dialog.Content";
+//#endregion
+//#region src/components/dialog/components/dialog.header.tsx
+var I = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ p(T, {
+		ref: t,
+		...r,
+		children: n
+	});
+};
+I.displayName = "Dialog.Header";
+//#endregion
+//#region src/components/dialog/components/dialog.body.tsx
+var L = (e) => {
+	let { ref: t, children: n, ...r } = e, { scrollBehavior: i } = j();
+	return /* @__PURE__ */ p(E, {
+		ref: t,
+		tabIndex: i === "inside" ? 0 : void 0,
+		...r,
+		children: n
+	});
+};
+L.displayName = "Dialog.Body";
+//#endregion
+//#region src/components/dialog/components/dialog.footer.tsx
+var R = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ p(D, {
+		ref: t,
+		...r,
+		children: n
+	});
+};
+R.displayName = "Dialog.Footer";
+//#endregion
+//#region src/components/dialog/components/dialog.title.tsx
+var z = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ p(O, {
+		asChild: !0,
+		...r,
+		children: /* @__PURE__ */ p(c, {
+			ref: t,
+			slot: "title",
+			as: "h2",
+			textStyle: "lg",
+			children: n
+		})
+	});
+};
+z.displayName = "Dialog.Title";
+//#endregion
+//#region src/components/dialog/dialog.messages.ts
+var B = {
+	en: s({ closeTrigger: "Close dialog" }),
+	de: s({ closeTrigger: "Dialog schließen" }),
+	es: s({ closeTrigger: "Cerrar diálogo" }),
+	"fr-FR": s({ closeTrigger: "Fermer la boîte de dialogue" }),
+	"pt-BR": s({ closeTrigger: "Fechar caixa de diálogo" })
+}, V = (e) => {
+	let t = o(B), { ref: n, "aria-label": r, ...i } = e;
+	return /* @__PURE__ */ p(k, { children: /* @__PURE__ */ p(a, {
+		ref: n,
+		slot: "close",
+		size: "xs",
+		variant: "ghost",
+		"aria-label": r || t.format("closeTrigger"),
+		...i,
+		children: /* @__PURE__ */ p(m, {})
+	}) });
+};
+V.displayName = "Dialog.CloseTrigger";
+//#endregion
+//#region src/components/dialog/dialog.tsx
+var H = {
+	Root: N,
+	Trigger: P,
+	Content: F,
+	Header: I,
+	Body: L,
+	Footer: R,
+	Title: z,
+	CloseTrigger: V
+};
+//#endregion
+export { H as t };
+
+//# sourceMappingURL=dialog-BbknnPiL.esm.js.map

package/dist/chunks/dialog-BbknnPiL.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-BbknnPiL.esm.js","names":[],"sources":["../../src/components/dialog/dialog.slots.tsx","../../src/components/dialog/components/dialog.context.tsx","../../src/components/dialog/components/dialog.root.tsx","../../src/components/dialog/components/dialog.trigger.tsx","../../src/components/dialog/components/dialog.content.tsx","../../src/components/dialog/components/dialog.header.tsx","../../src/components/dialog/components/dialog.body.tsx","../../src/components/dialog/components/dialog.footer.tsx","../../src/components/dialog/components/dialog.title.tsx","../../src/components/dialog/intl/en.ts","../../src/components/dialog/intl/de.ts","../../src/components/dialog/intl/es.ts","../../src/components/dialog/intl/fr-FR.ts","../../src/components/dialog/intl/pt-BR.ts","../../src/components/dialog/dialog.messages.ts","../../src/components/dialog/components/dialog.close-trigger.tsx","../../src/components/dialog/dialog.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  DialogBodySlotProps,\n  DialogCloseTriggerSlotProps,\n  DialogContentSlotProps,\n  DialogFooterSlotProps,\n  DialogHeaderSlotProps,\n  DialogModalOverlaySlotProps,\n  DialogModalSlotProps,\n  DialogRootProps,\n  DialogTitleSlotProps,\n  DialogTriggerSlotProps,\n} from \"./dialog.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusDialog\",\n});\n\n// Root slot - provides recipe context + config to all child components\nexport const DialogRootSlot = withProvider<HTMLDivElement, DialogRootProps>(\n  \"div\",\n  \"root\"\n);\n\n// Trigger slot - button that opens the dialog\nexport const DialogTriggerSlot = withContext<\n  HTMLButtonElement,\n  DialogTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Backdrop slot - overlay displayed behind the dialog\nexport const DialogModalOverlaySlot = withContext<\n  HTMLDivElement,\n  DialogModalOverlaySlotProps\n>(\"div\", \"modalOverlay\");\n\n// modal slot - positions the dialog content\n\nexport const DialogModalSlot = withContext<\n  HTMLDivElement,\n  DialogModalSlotProps\n>(\"div\", \"modal\");\n\n// Content slot - main dialog container\nexport const DialogContentSlot = withContext<\n  HTMLDivElement,\n  DialogContentSlotProps\n>(\"div\", \"content\");\n\n// Header slot - dialog header section\nexport const DialogHeaderSlot = withContext<HTMLElement, DialogHeaderSlotProps>(\n  \"header\",\n  \"header\"\n);\n\n// Body slot - dialog body content\nexport const DialogBodySlot = withContext<HTMLDivElement, DialogBodySlotProps>(\n  \"div\",\n  \"body\"\n);\n\n// Footer slot - dialog footer section with actions\nexport const DialogFooterSlot = withContext<HTMLElement, DialogFooterSlotProps>(\n  \"footer\",\n  \"footer\"\n);\n\n// Title slot - accessible dialog title\nexport const DialogTitleSlot = withContext<\n  HTMLHeadingElement,\n  DialogTitleSlotProps\n>(\"h2\", \"title\");\n\n// Close trigger slot - div container for positioning close button\nexport const DialogCloseTriggerSlot = withContext<\n  HTMLDivElement,\n  DialogCloseTriggerSlotProps\n>(\"div\", \"closeTrigger\");\n","import { createContext, useContext } from \"react\";\nimport type { DialogRootProps } from \"../dialog.types\";\n\n/**\n * Context value containing dialog configuration passed from Root to child components\n */\nexport type DialogContextValue = DialogRootProps;\n\nexport const DialogContext = createContext<DialogContextValue | undefined>(\n  undefined\n);\n\n/**\n * Hook to access dialog configuration from DialogContext\n * @returns Dialog configuration from context\n * @throws Error if used outside of Dialog.Root\n */\nexport const useDialogRootContext = (): DialogContextValue => {\n  const context = useContext(DialogContext);\n  if (!context) {\n    throw new Error(\"useDialogContext must be used within Dialog.Root\");\n  }\n  return context;\n};\n\n/**\n * Provider component that passes dialog configuration down to child components\n */\nexport const DialogProvider = ({\n  children,\n  value,\n}: {\n  children: React.ReactNode;\n  value: DialogContextValue;\n}) => {\n  return <DialogContext value={value}>{children}</DialogContext>;\n};\n","import React from \"react\";\nimport { DialogTrigger as RaDialogTrigger } from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DialogRootSlot } from \"../dialog.slots\";\nimport type { DialogRootProps } from \"../dialog.types\";\nimport { DialogProvider } from \"./dialog.context\";\n\n/**\n * Dialog.Root - The root component that provides context and state management\n *\n * @supportsStyleProps\n */\nexport const DialogRoot = (props: DialogRootProps) => {\n  const recipe = useSlotRecipe({ key: \"nimbusDialog\" });\n  // Extract recipe props\n  const [recipeProps] = recipe.splitVariantProps(props);\n  // Extract props that are usable on RaDialogTrigger\n  const { children, isOpen, onOpenChange, defaultOpen = false } = props;\n\n  const content = <DialogRootSlot {...recipeProps}>{children}</DialogRootSlot>;\n\n  // Check if any direct child is a Dialog.Trigger component\n  // React Aria's DialogTrigger needs a pressable child, so we only use it when there's a trigger\n  const hasDialogTrigger = React.Children.toArray(children).some((child) => {\n    if (React.isValidElement(child) && typeof child.type === \"function\") {\n      const displayName = (\n        child.type as React.ComponentType & { displayName?: string }\n      )?.displayName;\n      return (\n        displayName === \"DialogTrigger\" || displayName === \"Dialog.Trigger\"\n      );\n    }\n    return false;\n  });\n\n  // Share all props (config + variant props) with the Dialog subcomponents\n  return (\n    <DialogProvider value={props}>\n      {hasDialogTrigger ? (\n        // When there's a Dialog.Trigger, use DialogTrigger for React Aria integration\n        <RaDialogTrigger\n          isOpen={isOpen}\n          onOpenChange={onOpenChange}\n          defaultOpen={defaultOpen}\n        >\n          {content}\n        </RaDialogTrigger>\n      ) : (\n        // When no Dialog.Trigger, skip using RaDialogTrigger to avoid console.warning's\n        content\n      )}\n    </DialogProvider>\n  );\n};\n\nDialogRoot.displayName = \"Dialog.Root\";\n","import { Button as RaButton } from \"react-aria-components\";\nimport { DialogTriggerSlot } from \"../dialog.slots\";\nimport type { DialogTriggerProps } from \"../dialog.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Dialog.Trigger - The button or element that opens the dialog\n *\n * @supportsStyleProps\n */\nexport const DialogTrigger = ({\n  ref: forwardedRef,\n  children,\n  asChild,\n  ...props\n}: DialogTriggerProps) => {\n  // If asChild is true, wrap children directly in RaButton with asChild\n  if (asChild) {\n    return (\n      <chakra.button ref={forwardedRef} asChild {...props}>\n        {children}\n      </chakra.button>\n    );\n  }\n\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  // Otherwise, wrap with both DialogTriggerSlot and RaButton\n  // Only pass React Aria compatible props to avoid type conflicts\n  return (\n    <DialogTriggerSlot {...styleProps} asChild>\n      <RaButton ref={forwardedRef} {...restProps}>\n        {children}\n      </RaButton>\n    </DialogTriggerSlot>\n  );\n};\n\nDialogTrigger.displayName = \"Dialog.Trigger\";\n","import {\n  Modal as RaModal,\n  ModalOverlay as RaModalOverlay,\n  Dialog as RaDialog,\n} from \"react-aria-components\";\nimport {\n  DialogModalOverlaySlot,\n  DialogModalSlot,\n  DialogContentSlot,\n} from \"../dialog.slots\";\nimport type { DialogContentProps } from \"../dialog.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useDialogRootContext } from \"./dialog.context\";\n\n/**\n * Dialog.Content - The main dialog content container\n *\n * @supportsStyleProps\n */\nexport const DialogContent = (props: DialogContentProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  // Get recipe configuration from context instead of props\n  const {\n    defaultOpen,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    shouldCloseOnInteractOutside,\n    isOpen,\n    onOpenChange,\n    \"aria-label\": ariaLabel,\n  } = useDialogRootContext();\n\n  const modalProps = {\n    defaultOpen,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    shouldCloseOnInteractOutside,\n    isOpen,\n    onOpenChange,\n  };\n\n  const [styleProps] = extractStyleProps(restProps);\n\n  return (\n    <DialogModalOverlaySlot asChild>\n      <RaModalOverlay {...modalProps}>\n        <DialogModalSlot asChild>\n          <RaModal>\n            <DialogContentSlot asChild {...styleProps}>\n              <RaDialog ref={forwardedRef} aria-label={ariaLabel}>\n                {children}\n              </RaDialog>\n            </DialogContentSlot>\n          </RaModal>\n        </DialogModalSlot>\n      </RaModalOverlay>\n    </DialogModalOverlaySlot>\n  );\n};\n\nDialogContent.displayName = \"Dialog.Content\";\n","import { DialogHeaderSlot } from \"../dialog.slots\";\nimport type { DialogHeaderProps } from \"../dialog.types\";\n\n/**\n * Dialog.Header - The header section of the dialog\n *\n * @supportsStyleProps\n */\nexport const DialogHeader = (props: DialogHeaderProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DialogHeaderSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DialogHeaderSlot>\n  );\n};\n\nDialogHeader.displayName = \"Dialog.Header\";\n","import { DialogBodySlot } from \"../dialog.slots\";\nimport type { DialogBodyProps } from \"../dialog.types\";\nimport { useDialogRootContext } from \"./dialog.context\";\n\n/**\n * Dialog.Body - The main body content section\n *\n * @supportsStyleProps\n */\nexport const DialogBody = (props: DialogBodyProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n  const { scrollBehavior } = useDialogRootContext();\n\n  const defaultProps = {\n    /**\n     * if scrollBehavior is set to \"inside\", set tabIndex to 0 to allow the body to\n     * receive focus, effectively enabling scrolling via keyboard\n     * arrow keys.\n     */\n    tabIndex: scrollBehavior === \"inside\" ? 0 : undefined,\n  };\n\n  return (\n    <DialogBodySlot ref={forwardedRef} {...defaultProps} {...restProps}>\n      {children}\n    </DialogBodySlot>\n  );\n};\n\nDialogBody.displayName = \"Dialog.Body\";\n","import { DialogFooterSlot } from \"../dialog.slots\";\nimport type { DialogFooterProps } from \"../dialog.types\";\n\n/**\n * Dialog.Footer - The footer section with action buttons\n *\n * @supportsStyleProps\n */\nexport const DialogFooter = (props: DialogFooterProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DialogFooterSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DialogFooterSlot>\n  );\n};\n\nDialogFooter.displayName = \"Dialog.Footer\";\n","import { DialogTitleSlot } from \"../dialog.slots\";\nimport type { DialogTitleProps } from \"../dialog.types\";\nimport { Heading } from \"@/components\";\n\n/**\n * Dialog.Title - The accessible title element\n *\n * @supportsStyleProps\n */\nexport const DialogTitle = (props: DialogTitleProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DialogTitleSlot asChild {...restProps}>\n      <Heading ref={forwardedRef} slot=\"title\" as=\"h2\" textStyle=\"lg\">\n        {children}\n      </Heading>\n    </DialogTitleSlot>\n  );\n};\n\nDialogTitle.displayName = \"Dialog.Title\";\n","/**\n * Pre-compiled en messages for Dialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Close dialog` };\n","/**\n * Pre-compiled de messages for Dialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Dialog schließen` };\n","/**\n * Pre-compiled es messages for Dialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Cerrar diálogo` };\n","/**\n * Pre-compiled fr-FR messages for Dialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Fermer la boîte de dialogue` };\n","/**\n * Pre-compiled pt-BR messages for Dialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Fechar caixa de diálogo` };\n","/**\n * Pre-compiled localized messages for Dialog 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 dialogMessages_en from \"./intl/en\";\nimport dialogMessages_de from \"./intl/de\";\nimport dialogMessages_es from \"./intl/es\";\nimport dialogMessages_fr from \"./intl/fr-FR\";\nimport dialogMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const dialogMessagesStrings: LocalizedStrings<string, LocalizedString> =\n  {\n    en: normalizeMessages(dialogMessages_en),\n    de: normalizeMessages(dialogMessages_de),\n    es: normalizeMessages(dialogMessages_es),\n    \"fr-FR\": normalizeMessages(dialogMessages_fr),\n    \"pt-BR\": normalizeMessages(dialogMessages_pt),\n  } as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Dialog component\n */\nexport type DialogMessageKey = \"closeTrigger\";\n","import { Close } from \"@commercetools/nimbus-icons\";\nimport { DialogCloseTriggerSlot } from \"../dialog.slots\";\nimport type { DialogCloseTriggerProps } from \"../dialog.types\";\nimport { IconButton } from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { dialogMessagesStrings } from \"../dialog.messages\";\n\n/**\n * Dialog.CloseTrigger - A button that closes the dialog\n *\n * @supportsStyleProps\n */\nexport const DialogCloseTrigger = (props: DialogCloseTriggerProps) => {\n  const msg = useLocalizedStringFormatter(dialogMessagesStrings);\n  const { ref: forwardedRef, \"aria-label\": ariaLabel, ...restProps } = props;\n\n  return (\n    <DialogCloseTriggerSlot>\n      <IconButton\n        ref={forwardedRef}\n        slot=\"close\"\n        size=\"xs\"\n        variant=\"ghost\"\n        aria-label={ariaLabel || msg.format(\"closeTrigger\")}\n        {...restProps}\n      >\n        <Close />\n      </IconButton>\n    </DialogCloseTriggerSlot>\n  );\n};\n\nDialogCloseTrigger.displayName = \"Dialog.CloseTrigger\";\n","import { DialogRoot } from \"./components/dialog.root\";\nimport { DialogTrigger } from \"./components/dialog.trigger\";\nimport { DialogContent } from \"./components/dialog.content\";\nimport { DialogHeader } from \"./components/dialog.header\";\nimport { DialogBody } from \"./components/dialog.body\";\nimport { DialogFooter } from \"./components/dialog.footer\";\nimport { DialogTitle } from \"./components/dialog.title\";\nimport { DialogCloseTrigger } from \"./components/dialog.close-trigger\";\n\n/**\n * Dialog\n * ============================================================\n * A foundational dialog component for overlays that require user attention.\n * Built with React Aria Components for accessibility and WCAG 2.1 AA compliance.\n *\n * Features:\n * - Controlled and uncontrolled modes\n * - Customizable placement, size, and animations\n * - Focus management and keyboard navigation\n * - Click-outside and Escape key dismissal\n * - Portal rendering support\n * - Backdrop overlay with animations\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n *   <Dialog.Content size=\"md\" placement=\"center\">\n *     <Dialog.Header>\n *       <Dialog.Title>Dialog Title</Dialog.Title>\n *       <Dialog.CloseTrigger>×</Dialog.CloseTrigger>\n *     </Dialog.Header>\n *     <Dialog.Body>\n *       Dialog content goes here\n *     </Dialog.Body>\n *     <Dialog.Footer>\n *       <button>Cancel</button>\n *       <button>Save</button>\n *     </Dialog.Footer>\n *   </Dialog.Content>\n * </Dialog.Root>\n * ```\n *\n * @see https://nimbus-documentation.vercel.app/components/feedback/dialog\n */\nexport const Dialog = {\n  /**\n   * # Dialog.Root\n   *\n   * The root component that provides context and state management for the dialog.\n   * Uses React Aria's DialogTrigger for accessibility and keyboard interaction.\n   *\n   * This component must wrap all dialog parts (Trigger, Content, etc.) and provides\n   * the dialog open/close state and variant styling context.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Root>\n   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n   *   <Dialog.Content>\n   *     <Dialog.Header>\n   *       <Dialog.Title>Dialog Title</Dialog.Title>\n   *     </Dialog.Header>\n   *     <Dialog.Body>Dialog content</Dialog.Body>\n   *   </Dialog.Content>\n   * </Dialog.Root>\n   * ```\n   */\n  Root: DialogRoot,\n  /**\n   * # Dialog.Trigger\n   *\n   * The trigger element that opens the dialog when activated.\n   * Uses React Aria's Button for accessibility and keyboard support.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Root>\n   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n   *   <Dialog.Content>...</Dialog.Content>\n   * </Dialog.Root>\n   * ```\n   */\n  Trigger: DialogTrigger,\n  /**\n   * # Dialog.Content\n   *\n   * The main dialog content container that wraps React Aria's Modal and Dialog.\n   * Handles portalling, backdrop, positioning, and content styling.\n   *\n   * This component creates the dialog overlay, positions the content, and provides\n   * accessibility features like focus management and keyboard dismissal.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Root>\n   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n   *   <Dialog.Content size=\"md\" placement=\"center\">\n   *     <Dialog.Header>\n   *       <Dialog.Title>Title</Dialog.Title>\n   *     </Dialog.Header>\n   *     <Dialog.Body>Content</Dialog.Body>\n   *     <Dialog.Footer>Actions</Dialog.Footer>\n   *   </Dialog.Content>\n   * </Dialog.Root>\n   * ```\n   */\n  Content: DialogContent,\n  /**\n   * # Dialog.Header\n   *\n   * The header section of the dialog content.\n   * Typically contains the title and close button.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Content>\n   *   <Dialog.Header>\n   *     <Dialog.Title>Dialog Title</Dialog.Title>\n   *     <Dialog.CloseTrigger />\n   *   </Dialog.Header>\n   *   <Dialog.Body>...</Dialog.Body>\n   * </Dialog.Content>\n   * ```\n   */\n  Header: DialogHeader,\n  /**\n   * # Dialog.Body\n   *\n   * The main body content section of the dialog.\n   * Contains the primary dialog content and handles overflow/scrolling.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Content>\n   *   <Dialog.Header>...</Dialog.Header>\n   *   <Dialog.Body>\n   *     <p>This is the main content of the dialog.</p>\n   *   </Dialog.Body>\n   *   <Dialog.Footer>...</Dialog.Footer>\n   * </Dialog.Content>\n   * ```\n   */\n  Body: DialogBody,\n  /**\n   * # Dialog.Footer\n   *\n   * The footer section of the dialog, typically containing action buttons.\n   * Provides consistent spacing and alignment for dialog actions.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Content>\n   *   <Dialog.Header>...</Dialog.Header>\n   *   <Dialog.Body>...</Dialog.Body>\n   *   <Dialog.Footer>\n   *     <Button variant=\"outline\">Cancel</Button>\n   *     <Button>Confirm</Button>\n   *   </Dialog.Footer>\n   * </Dialog.Content>\n   * ```\n   */\n  Footer: DialogFooter,\n  /**\n   * # Dialog.Title\n   *\n   * The accessible title element for the dialog.\n   * Uses React Aria's Heading for proper accessibility and screen reader support.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Content>\n   *   <Dialog.Header>\n   *     <Dialog.Title>Confirm Action</Dialog.Title>\n   *   </Dialog.Header>\n   *   <Dialog.Body>...</Dialog.Body>\n   * </Dialog.Content>\n   * ```\n   */\n  Title: DialogTitle,\n  /**\n   * # Dialog.CloseTrigger\n   *\n   * A button that closes the dialog when activated.\n   * Displays an IconButton with a close (X) icon by default.\n   *\n   * The component automatically handles the close behavior through React Aria's\n   * context, so no additional onPress handler is needed.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Root>\n   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n   *   <Dialog.Content>\n   *     <Dialog.Header>\n   *       <Dialog.Title>Title</Dialog.Title>\n   *       <Dialog.CloseTrigger aria-label=\"Close dialog\" />\n   *     </Dialog.Header>\n   *     <Dialog.Body>Content</Dialog.Body>\n   *   </Dialog.Content>\n   * </Dialog.Root>\n   * ```\n   */\n  CloseTrigger: DialogCloseTrigger,\n};\n\n// Internal exports for react-docgen\nexport {\n  DialogRoot as _DialogRoot,\n  DialogTrigger as _DialogTrigger,\n  DialogContent as _DialogContent,\n  DialogHeader as _DialogHeader,\n  DialogBody as _DialogBody,\n  DialogFooter as _DialogFooter,\n  DialogTitle as _DialogTitle,\n  DialogCloseTrigger as _DialogCloseTrigger,\n};\n"],"mappings":"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"}

package/dist/chunks/dialog-XLoAxfTo.cjs

@@ -0,0 +1,2 @@
+const e=require("./SSRProvider-z3ddXNrm.cjs.js"),t=require("./Dialog-CKEw-ul4.cjs.js"),n=require("./Modal-wR2INhB2.cjs.js"),r=require("./Button-1hWj0x5_.cjs.js"),i=require("./icon-button-DJxT-1uM.cjs.js"),a=require("./normalize-messages-BMIBfw4v.cjs.js"),o=require("./heading-BiA2hLSk.cjs.js"),s=require("./extract-style-props-CVl34XLj.cjs.js");let c=require("react");c=e.i(c,1);let l=require("react/jsx-runtime"),u=require("@commercetools/nimbus-icons"),d=require("@chakra-ui/react/styled-system");var{withProvider:f,withContext:p}=(0,d.createSlotRecipeContext)({key:`nimbusDialog`}),m=f(`div`,`root`),h=p(`button`,`trigger`),g=p(`div`,`modalOverlay`),_=p(`div`,`modal`),v=p(`div`,`content`),y=p(`header`,`header`),b=p(`div`,`body`),x=p(`footer`,`footer`),S=p(`h2`,`title`),C=p(`div`,`closeTrigger`),w=(0,c.createContext)(void 0),T=()=>{let e=(0,c.useContext)(w);if(!e)throw Error(`useDialogContext must be used within Dialog.Root`);return e},E=({children:e,value:t})=>(0,l.jsx)(w,{value:t,children:e}),D=e=>{let[n]=(0,d.useSlotRecipe)({key:`nimbusDialog`}).splitVariantProps(e),{children:r,isOpen:i,onOpenChange:a,defaultOpen:o=!1}=e,s=(0,l.jsx)(m,{...n,children:r});return(0,l.jsx)(E,{value:e,children:c.default.Children.toArray(r).some(e=>{if(c.default.isValidElement(e)&&typeof e.type==`function`){let t=e.type?.displayName;return t===`DialogTrigger`||t===`Dialog.Trigger`}return!1})?(0,l.jsx)(t.t,{isOpen:i,onOpenChange:a,defaultOpen:o,children:s}):s})};D.displayName=`Dialog.Root`;var O=({ref:e,children:t,asChild:n,...i})=>{if(n)return(0,l.jsx)(d.chakra.button,{ref:e,asChild:!0,...i,children:t});let[a,o]=s.t(i);return(0,l.jsx)(h,{...a,asChild:!0,children:(0,l.jsx)(r.n,{ref:e,...o,children:t})})};O.displayName=`Dialog.Trigger`;var k=e=>{let{ref:r,children:i,...a}=e,{defaultOpen:o,isDismissable:c,isKeyboardDismissDisabled:u,shouldCloseOnInteractOutside:d,isOpen:f,onOpenChange:p,"aria-label":m}=T(),h={defaultOpen:o,isDismissable:c,isKeyboardDismissDisabled:u,shouldCloseOnInteractOutside:d,isOpen:f,onOpenChange:p},[y]=s.t(a);return(0,l.jsx)(g,{asChild:!0,children:(0,l.jsx)(n.n,{...h,children:(0,l.jsx)(_,{asChild:!0,children:(0,l.jsx)(n.t,{children:(0,l.jsx)(v,{asChild:!0,...y,children:(0,l.jsx)(t.n,{ref:r,"aria-label":m,children:i})})})})})})};k.displayName=`Dialog.Content`;var A=e=>{let{ref:t,children:n,...r}=e;return(0,l.jsx)(y,{ref:t,...r,children:n})};A.displayName=`Dialog.Header`;var j=e=>{let{ref:t,children:n,...r}=e,{scrollBehavior:i}=T();return(0,l.jsx)(b,{ref:t,tabIndex:i===`inside`?0:void 0,...r,children:n})};j.displayName=`Dialog.Body`;var M=e=>{let{ref:t,children:n,...r}=e;return(0,l.jsx)(x,{ref:t,...r,children:n})};M.displayName=`Dialog.Footer`;var N=e=>{let{ref:t,children:n,...r}=e;return(0,l.jsx)(S,{asChild:!0,...r,children:(0,l.jsx)(o.t,{ref:t,slot:`title`,as:`h2`,textStyle:`lg`,children:n})})};N.displayName=`Dialog.Title`;var P={en:a.t({closeTrigger:`Close dialog`}),de:a.t({closeTrigger:`Dialog schließen`}),es:a.t({closeTrigger:`Cerrar diálogo`}),"fr-FR":a.t({closeTrigger:`Fermer la boîte de dialogue`}),"pt-BR":a.t({closeTrigger:`Fechar caixa de diálogo`})},F=e=>{let t=a.n(P),{ref:n,"aria-label":r,...o}=e;return(0,l.jsx)(C,{children:(0,l.jsx)(i.t,{ref:n,slot:`close`,size:`xs`,variant:`ghost`,"aria-label":r||t.format(`closeTrigger`),...o,children:(0,l.jsx)(u.Close,{})})})};F.displayName=`Dialog.CloseTrigger`;var I={Root:D,Trigger:O,Content:k,Header:A,Body:j,Footer:M,Title:N,CloseTrigger:F};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return I}});
+//# sourceMappingURL=dialog-XLoAxfTo.cjs.js.map

package/dist/chunks/dialog-XLoAxfTo.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-XLoAxfTo.cjs.js","names":[],"sources":["../../src/components/dialog/dialog.slots.tsx","../../src/components/dialog/components/dialog.context.tsx","../../src/components/dialog/components/dialog.root.tsx","../../src/components/dialog/components/dialog.trigger.tsx","../../src/components/dialog/components/dialog.content.tsx","../../src/components/dialog/components/dialog.header.tsx","../../src/components/dialog/components/dialog.body.tsx","../../src/components/dialog/components/dialog.footer.tsx","../../src/components/dialog/components/dialog.title.tsx","../../src/components/dialog/intl/en.ts","../../src/components/dialog/intl/de.ts","../../src/components/dialog/intl/es.ts","../../src/components/dialog/intl/fr-FR.ts","../../src/components/dialog/intl/pt-BR.ts","../../src/components/dialog/dialog.messages.ts","../../src/components/dialog/components/dialog.close-trigger.tsx","../../src/components/dialog/dialog.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  DialogBodySlotProps,\n  DialogCloseTriggerSlotProps,\n  DialogContentSlotProps,\n  DialogFooterSlotProps,\n  DialogHeaderSlotProps,\n  DialogModalOverlaySlotProps,\n  DialogModalSlotProps,\n  DialogRootProps,\n  DialogTitleSlotProps,\n  DialogTriggerSlotProps,\n} from \"./dialog.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusDialog\",\n});\n\n// Root slot - provides recipe context + config to all child components\nexport const DialogRootSlot = withProvider<HTMLDivElement, DialogRootProps>(\n  \"div\",\n  \"root\"\n);\n\n// Trigger slot - button that opens the dialog\nexport const DialogTriggerSlot = withContext<\n  HTMLButtonElement,\n  DialogTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Backdrop slot - overlay displayed behind the dialog\nexport const DialogModalOverlaySlot = withContext<\n  HTMLDivElement,\n  DialogModalOverlaySlotProps\n>(\"div\", \"modalOverlay\");\n\n// modal slot - positions the dialog content\n\nexport const DialogModalSlot = withContext<\n  HTMLDivElement,\n  DialogModalSlotProps\n>(\"div\", \"modal\");\n\n// Content slot - main dialog container\nexport const DialogContentSlot = withContext<\n  HTMLDivElement,\n  DialogContentSlotProps\n>(\"div\", \"content\");\n\n// Header slot - dialog header section\nexport const DialogHeaderSlot = withContext<HTMLElement, DialogHeaderSlotProps>(\n  \"header\",\n  \"header\"\n);\n\n// Body slot - dialog body content\nexport const DialogBodySlot = withContext<HTMLDivElement, DialogBodySlotProps>(\n  \"div\",\n  \"body\"\n);\n\n// Footer slot - dialog footer section with actions\nexport const DialogFooterSlot = withContext<HTMLElement, DialogFooterSlotProps>(\n  \"footer\",\n  \"footer\"\n);\n\n// Title slot - accessible dialog title\nexport const DialogTitleSlot = withContext<\n  HTMLHeadingElement,\n  DialogTitleSlotProps\n>(\"h2\", \"title\");\n\n// Close trigger slot - div container for positioning close button\nexport const DialogCloseTriggerSlot = withContext<\n  HTMLDivElement,\n  DialogCloseTriggerSlotProps\n>(\"div\", \"closeTrigger\");\n","import { createContext, useContext } from \"react\";\nimport type { DialogRootProps } from \"../dialog.types\";\n\n/**\n * Context value containing dialog configuration passed from Root to child components\n */\nexport type DialogContextValue = DialogRootProps;\n\nexport const DialogContext = createContext<DialogContextValue | undefined>(\n  undefined\n);\n\n/**\n * Hook to access dialog configuration from DialogContext\n * @returns Dialog configuration from context\n * @throws Error if used outside of Dialog.Root\n */\nexport const useDialogRootContext = (): DialogContextValue => {\n  const context = useContext(DialogContext);\n  if (!context) {\n    throw new Error(\"useDialogContext must be used within Dialog.Root\");\n  }\n  return context;\n};\n\n/**\n * Provider component that passes dialog configuration down to child components\n */\nexport const DialogProvider = ({\n  children,\n  value,\n}: {\n  children: React.ReactNode;\n  value: DialogContextValue;\n}) => {\n  return <DialogContext value={value}>{children}</DialogContext>;\n};\n","import React from \"react\";\nimport { DialogTrigger as RaDialogTrigger } from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DialogRootSlot } from \"../dialog.slots\";\nimport type { DialogRootProps } from \"../dialog.types\";\nimport { DialogProvider } from \"./dialog.context\";\n\n/**\n * Dialog.Root - The root component that provides context and state management\n *\n * @supportsStyleProps\n */\nexport const DialogRoot = (props: DialogRootProps) => {\n  const recipe = useSlotRecipe({ key: \"nimbusDialog\" });\n  // Extract recipe props\n  const [recipeProps] = recipe.splitVariantProps(props);\n  // Extract props that are usable on RaDialogTrigger\n  const { children, isOpen, onOpenChange, defaultOpen = false } = props;\n\n  const content = <DialogRootSlot {...recipeProps}>{children}</DialogRootSlot>;\n\n  // Check if any direct child is a Dialog.Trigger component\n  // React Aria's DialogTrigger needs a pressable child, so we only use it when there's a trigger\n  const hasDialogTrigger = React.Children.toArray(children).some((child) => {\n    if (React.isValidElement(child) && typeof child.type === \"function\") {\n      const displayName = (\n        child.type as React.ComponentType & { displayName?: string }\n      )?.displayName;\n      return (\n        displayName === \"DialogTrigger\" || displayName === \"Dialog.Trigger\"\n      );\n    }\n    return false;\n  });\n\n  // Share all props (config + variant props) with the Dialog subcomponents\n  return (\n    <DialogProvider value={props}>\n      {hasDialogTrigger ? (\n        // When there's a Dialog.Trigger, use DialogTrigger for React Aria integration\n        <RaDialogTrigger\n          isOpen={isOpen}\n          onOpenChange={onOpenChange}\n          defaultOpen={defaultOpen}\n        >\n          {content}\n        </RaDialogTrigger>\n      ) : (\n        // When no Dialog.Trigger, skip using RaDialogTrigger to avoid console.warning's\n        content\n      )}\n    </DialogProvider>\n  );\n};\n\nDialogRoot.displayName = \"Dialog.Root\";\n","import { Button as RaButton } from \"react-aria-components\";\nimport { DialogTriggerSlot } from \"../dialog.slots\";\nimport type { DialogTriggerProps } from \"../dialog.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Dialog.Trigger - The button or element that opens the dialog\n *\n * @supportsStyleProps\n */\nexport const DialogTrigger = ({\n  ref: forwardedRef,\n  children,\n  asChild,\n  ...props\n}: DialogTriggerProps) => {\n  // If asChild is true, wrap children directly in RaButton with asChild\n  if (asChild) {\n    return (\n      <chakra.button ref={forwardedRef} asChild {...props}>\n        {children}\n      </chakra.button>\n    );\n  }\n\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  // Otherwise, wrap with both DialogTriggerSlot and RaButton\n  // Only pass React Aria compatible props to avoid type conflicts\n  return (\n    <DialogTriggerSlot {...styleProps} asChild>\n      <RaButton ref={forwardedRef} {...restProps}>\n        {children}\n      </RaButton>\n    </DialogTriggerSlot>\n  );\n};\n\nDialogTrigger.displayName = \"Dialog.Trigger\";\n","import {\n  Modal as RaModal,\n  ModalOverlay as RaModalOverlay,\n  Dialog as RaDialog,\n} from \"react-aria-components\";\nimport {\n  DialogModalOverlaySlot,\n  DialogModalSlot,\n  DialogContentSlot,\n} from \"../dialog.slots\";\nimport type { DialogContentProps } from \"../dialog.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useDialogRootContext } from \"./dialog.context\";\n\n/**\n * Dialog.Content - The main dialog content container\n *\n * @supportsStyleProps\n */\nexport const DialogContent = (props: DialogContentProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  // Get recipe configuration from context instead of props\n  const {\n    defaultOpen,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    shouldCloseOnInteractOutside,\n    isOpen,\n    onOpenChange,\n    \"aria-label\": ariaLabel,\n  } = useDialogRootContext();\n\n  const modalProps = {\n    defaultOpen,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    shouldCloseOnInteractOutside,\n    isOpen,\n    onOpenChange,\n  };\n\n  const [styleProps] = extractStyleProps(restProps);\n\n  return (\n    <DialogModalOverlaySlot asChild>\n      <RaModalOverlay {...modalProps}>\n        <DialogModalSlot asChild>\n          <RaModal>\n            <DialogContentSlot asChild {...styleProps}>\n              <RaDialog ref={forwardedRef} aria-label={ariaLabel}>\n                {children}\n              </RaDialog>\n            </DialogContentSlot>\n          </RaModal>\n        </DialogModalSlot>\n      </RaModalOverlay>\n    </DialogModalOverlaySlot>\n  );\n};\n\nDialogContent.displayName = \"Dialog.Content\";\n","import { DialogHeaderSlot } from \"../dialog.slots\";\nimport type { DialogHeaderProps } from \"../dialog.types\";\n\n/**\n * Dialog.Header - The header section of the dialog\n *\n * @supportsStyleProps\n */\nexport const DialogHeader = (props: DialogHeaderProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DialogHeaderSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DialogHeaderSlot>\n  );\n};\n\nDialogHeader.displayName = \"Dialog.Header\";\n","import { DialogBodySlot } from \"../dialog.slots\";\nimport type { DialogBodyProps } from \"../dialog.types\";\nimport { useDialogRootContext } from \"./dialog.context\";\n\n/**\n * Dialog.Body - The main body content section\n *\n * @supportsStyleProps\n */\nexport const DialogBody = (props: DialogBodyProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n  const { scrollBehavior } = useDialogRootContext();\n\n  const defaultProps = {\n    /**\n     * if scrollBehavior is set to \"inside\", set tabIndex to 0 to allow the body to\n     * receive focus, effectively enabling scrolling via keyboard\n     * arrow keys.\n     */\n    tabIndex: scrollBehavior === \"inside\" ? 0 : undefined,\n  };\n\n  return (\n    <DialogBodySlot ref={forwardedRef} {...defaultProps} {...restProps}>\n      {children}\n    </DialogBodySlot>\n  );\n};\n\nDialogBody.displayName = \"Dialog.Body\";\n","import { DialogFooterSlot } from \"../dialog.slots\";\nimport type { DialogFooterProps } from \"../dialog.types\";\n\n/**\n * Dialog.Footer - The footer section with action buttons\n *\n * @supportsStyleProps\n */\nexport const DialogFooter = (props: DialogFooterProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DialogFooterSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DialogFooterSlot>\n  );\n};\n\nDialogFooter.displayName = \"Dialog.Footer\";\n","import { DialogTitleSlot } from \"../dialog.slots\";\nimport type { DialogTitleProps } from \"../dialog.types\";\nimport { Heading } from \"@/components\";\n\n/**\n * Dialog.Title - The accessible title element\n *\n * @supportsStyleProps\n */\nexport const DialogTitle = (props: DialogTitleProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DialogTitleSlot asChild {...restProps}>\n      <Heading ref={forwardedRef} slot=\"title\" as=\"h2\" textStyle=\"lg\">\n        {children}\n      </Heading>\n    </DialogTitleSlot>\n  );\n};\n\nDialogTitle.displayName = \"Dialog.Title\";\n","/**\n * Pre-compiled en messages for Dialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Close dialog` };\n","/**\n * Pre-compiled de messages for Dialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Dialog schließen` };\n","/**\n * Pre-compiled es messages for Dialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Cerrar diálogo` };\n","/**\n * Pre-compiled fr-FR messages for Dialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Fermer la boîte de dialogue` };\n","/**\n * Pre-compiled pt-BR messages for Dialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Fechar caixa de diálogo` };\n","/**\n * Pre-compiled localized messages for Dialog 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 dialogMessages_en from \"./intl/en\";\nimport dialogMessages_de from \"./intl/de\";\nimport dialogMessages_es from \"./intl/es\";\nimport dialogMessages_fr from \"./intl/fr-FR\";\nimport dialogMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const dialogMessagesStrings: LocalizedStrings<string, LocalizedString> =\n  {\n    en: normalizeMessages(dialogMessages_en),\n    de: normalizeMessages(dialogMessages_de),\n    es: normalizeMessages(dialogMessages_es),\n    \"fr-FR\": normalizeMessages(dialogMessages_fr),\n    \"pt-BR\": normalizeMessages(dialogMessages_pt),\n  } as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Dialog component\n */\nexport type DialogMessageKey = \"closeTrigger\";\n","import { Close } from \"@commercetools/nimbus-icons\";\nimport { DialogCloseTriggerSlot } from \"../dialog.slots\";\nimport type { DialogCloseTriggerProps } from \"../dialog.types\";\nimport { IconButton } from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { dialogMessagesStrings } from \"../dialog.messages\";\n\n/**\n * Dialog.CloseTrigger - A button that closes the dialog\n *\n * @supportsStyleProps\n */\nexport const DialogCloseTrigger = (props: DialogCloseTriggerProps) => {\n  const msg = useLocalizedStringFormatter(dialogMessagesStrings);\n  const { ref: forwardedRef, \"aria-label\": ariaLabel, ...restProps } = props;\n\n  return (\n    <DialogCloseTriggerSlot>\n      <IconButton\n        ref={forwardedRef}\n        slot=\"close\"\n        size=\"xs\"\n        variant=\"ghost\"\n        aria-label={ariaLabel || msg.format(\"closeTrigger\")}\n        {...restProps}\n      >\n        <Close />\n      </IconButton>\n    </DialogCloseTriggerSlot>\n  );\n};\n\nDialogCloseTrigger.displayName = \"Dialog.CloseTrigger\";\n","import { DialogRoot } from \"./components/dialog.root\";\nimport { DialogTrigger } from \"./components/dialog.trigger\";\nimport { DialogContent } from \"./components/dialog.content\";\nimport { DialogHeader } from \"./components/dialog.header\";\nimport { DialogBody } from \"./components/dialog.body\";\nimport { DialogFooter } from \"./components/dialog.footer\";\nimport { DialogTitle } from \"./components/dialog.title\";\nimport { DialogCloseTrigger } from \"./components/dialog.close-trigger\";\n\n/**\n * Dialog\n * ============================================================\n * A foundational dialog component for overlays that require user attention.\n * Built with React Aria Components for accessibility and WCAG 2.1 AA compliance.\n *\n * Features:\n * - Controlled and uncontrolled modes\n * - Customizable placement, size, and animations\n * - Focus management and keyboard navigation\n * - Click-outside and Escape key dismissal\n * - Portal rendering support\n * - Backdrop overlay with animations\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n *   <Dialog.Content size=\"md\" placement=\"center\">\n *     <Dialog.Header>\n *       <Dialog.Title>Dialog Title</Dialog.Title>\n *       <Dialog.CloseTrigger>×</Dialog.CloseTrigger>\n *     </Dialog.Header>\n *     <Dialog.Body>\n *       Dialog content goes here\n *     </Dialog.Body>\n *     <Dialog.Footer>\n *       <button>Cancel</button>\n *       <button>Save</button>\n *     </Dialog.Footer>\n *   </Dialog.Content>\n * </Dialog.Root>\n * ```\n *\n * @see https://nimbus-documentation.vercel.app/components/feedback/dialog\n */\nexport const Dialog = {\n  /**\n   * # Dialog.Root\n   *\n   * The root component that provides context and state management for the dialog.\n   * Uses React Aria's DialogTrigger for accessibility and keyboard interaction.\n   *\n   * This component must wrap all dialog parts (Trigger, Content, etc.) and provides\n   * the dialog open/close state and variant styling context.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Root>\n   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n   *   <Dialog.Content>\n   *     <Dialog.Header>\n   *       <Dialog.Title>Dialog Title</Dialog.Title>\n   *     </Dialog.Header>\n   *     <Dialog.Body>Dialog content</Dialog.Body>\n   *   </Dialog.Content>\n   * </Dialog.Root>\n   * ```\n   */\n  Root: DialogRoot,\n  /**\n   * # Dialog.Trigger\n   *\n   * The trigger element that opens the dialog when activated.\n   * Uses React Aria's Button for accessibility and keyboard support.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Root>\n   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n   *   <Dialog.Content>...</Dialog.Content>\n   * </Dialog.Root>\n   * ```\n   */\n  Trigger: DialogTrigger,\n  /**\n   * # Dialog.Content\n   *\n   * The main dialog content container that wraps React Aria's Modal and Dialog.\n   * Handles portalling, backdrop, positioning, and content styling.\n   *\n   * This component creates the dialog overlay, positions the content, and provides\n   * accessibility features like focus management and keyboard dismissal.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Root>\n   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n   *   <Dialog.Content size=\"md\" placement=\"center\">\n   *     <Dialog.Header>\n   *       <Dialog.Title>Title</Dialog.Title>\n   *     </Dialog.Header>\n   *     <Dialog.Body>Content</Dialog.Body>\n   *     <Dialog.Footer>Actions</Dialog.Footer>\n   *   </Dialog.Content>\n   * </Dialog.Root>\n   * ```\n   */\n  Content: DialogContent,\n  /**\n   * # Dialog.Header\n   *\n   * The header section of the dialog content.\n   * Typically contains the title and close button.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Content>\n   *   <Dialog.Header>\n   *     <Dialog.Title>Dialog Title</Dialog.Title>\n   *     <Dialog.CloseTrigger />\n   *   </Dialog.Header>\n   *   <Dialog.Body>...</Dialog.Body>\n   * </Dialog.Content>\n   * ```\n   */\n  Header: DialogHeader,\n  /**\n   * # Dialog.Body\n   *\n   * The main body content section of the dialog.\n   * Contains the primary dialog content and handles overflow/scrolling.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Content>\n   *   <Dialog.Header>...</Dialog.Header>\n   *   <Dialog.Body>\n   *     <p>This is the main content of the dialog.</p>\n   *   </Dialog.Body>\n   *   <Dialog.Footer>...</Dialog.Footer>\n   * </Dialog.Content>\n   * ```\n   */\n  Body: DialogBody,\n  /**\n   * # Dialog.Footer\n   *\n   * The footer section of the dialog, typically containing action buttons.\n   * Provides consistent spacing and alignment for dialog actions.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Content>\n   *   <Dialog.Header>...</Dialog.Header>\n   *   <Dialog.Body>...</Dialog.Body>\n   *   <Dialog.Footer>\n   *     <Button variant=\"outline\">Cancel</Button>\n   *     <Button>Confirm</Button>\n   *   </Dialog.Footer>\n   * </Dialog.Content>\n   * ```\n   */\n  Footer: DialogFooter,\n  /**\n   * # Dialog.Title\n   *\n   * The accessible title element for the dialog.\n   * Uses React Aria's Heading for proper accessibility and screen reader support.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Content>\n   *   <Dialog.Header>\n   *     <Dialog.Title>Confirm Action</Dialog.Title>\n   *   </Dialog.Header>\n   *   <Dialog.Body>...</Dialog.Body>\n   * </Dialog.Content>\n   * ```\n   */\n  Title: DialogTitle,\n  /**\n   * # Dialog.CloseTrigger\n   *\n   * A button that closes the dialog when activated.\n   * Displays an IconButton with a close (X) icon by default.\n   *\n   * The component automatically handles the close behavior through React Aria's\n   * context, so no additional onPress handler is needed.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Root>\n   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n   *   <Dialog.Content>\n   *     <Dialog.Header>\n   *       <Dialog.Title>Title</Dialog.Title>\n   *       <Dialog.CloseTrigger aria-label=\"Close dialog\" />\n   *     </Dialog.Header>\n   *     <Dialog.Body>Content</Dialog.Body>\n   *   </Dialog.Content>\n   * </Dialog.Root>\n   * ```\n   */\n  CloseTrigger: DialogCloseTrigger,\n};\n\n// Internal exports for react-docgen\nexport {\n  DialogRoot as _DialogRoot,\n  DialogTrigger as _DialogTrigger,\n  DialogContent as _DialogContent,\n  DialogHeader as _DialogHeader,\n  DialogBody as _DialogBody,\n  DialogFooter as _DialogFooter,\n  DialogTitle as _DialogTitle,\n  DialogCloseTrigger as _DialogCloseTrigger,\n};\n"],"mappings":"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"}