@commercetools/nimbus 2.9.0 → 2.10.0

package/dist/chunks/default-page-B-Sp5fDS.es.js

@@ -0,0 +1,247 @@
+import { jsx as o, jsxs as N } from "react/jsx-runtime";
+import { createSlotRecipeContext as L, useSlotRecipe as R } from "@chakra-ui/react/styled-system";
+import { useRef as $ } from "react";
+import { $ as x } from "./useLink-CozRsmDk.es.js";
+import { a as v } from "./mergeProps-Bcbq3GVJ.es.js";
+import { $ as T } from "./useObjectRef-tuMEdnba.es.js";
+import { e as h } from "./extract-style-props-D_NsrT_t.es.js";
+import { m as M } from "./merge-refs-D-zSwpoh.es.js";
+import { ArrowBack as B } from "@commercetools/nimbus-icons";
+import { n, u as C } from "./normalize-messages-CeN1NEyM.es.js";
+const { withProvider: F, withContext: s } = /* @__PURE__ */ L({
+  key: "nimbusDefaultPage"
+}), A = /* @__PURE__ */ F("div", "root"), G = /* @__PURE__ */ s("header", "header"), _ = /* @__PURE__ */ s("div", "actions"), H = /* @__PURE__ */ s(
+  "a",
+  "backLink"
+), w = /* @__PURE__ */ s("h1", "title"), j = /* @__PURE__ */ s(
+  "p",
+  "subtitle"
+), z = /* @__PURE__ */ s("div", "tabNav"), I = /* @__PURE__ */ s("main", "content"), V = /* @__PURE__ */ s("footer", "footer"), u = ({
+  ref: e,
+  children: a,
+  ...t
+}) => {
+  const r = R({ key: "nimbusDefaultPage" }), [l, c] = r.splitVariantProps(t);
+  return /* @__PURE__ */ o(A, { ref: e, ...l, ...c, children: a });
+};
+u.displayName = "DefaultPage.Root";
+const g = ({
+  ref: e,
+  children: a,
+  ...t
+}) => /* @__PURE__ */ o(G, { ref: e, ...t, children: a });
+g.displayName = "DefaultPage.Header";
+const P = ({
+  ref: e,
+  children: a,
+  ...t
+}) => /* @__PURE__ */ o(_, { ref: e, ...t, children: a });
+P.displayName = "DefaultPage.Actions";
+const q = { backLink: "Go back" }, E = { backLink: "Go back" }, J = { backLink: "Go back" }, K = { backLink: "Go back" }, O = { backLink: "Go back" }, Q = {
+  en: /* @__PURE__ */ n(q),
+  de: /* @__PURE__ */ n(E),
+  es: /* @__PURE__ */ n(J),
+  "fr-FR": /* @__PURE__ */ n(K),
+  "pt-BR": /* @__PURE__ */ n(O)
+}, m = ({
+  ref: e,
+  href: a,
+  children: t,
+  ...r
+}) => {
+  const l = C(Q), [c, i] = h(r), S = $(null), f = T(M(S, e)), { linkProps: y } = x(
+    { ...i, href: a, elementType: "a" },
+    f
+  );
+  return /* @__PURE__ */ N(
+    H,
+    {
+      ref: f,
+      ...v(c, i, y),
+      children: [
+        /* @__PURE__ */ o(B, {}),
+        t ?? l.format("backLink")
+      ]
+    }
+  );
+};
+m.displayName = "DefaultPage.BackLink";
+const p = ({
+  ref: e,
+  children: a,
+  ...t
+}) => /* @__PURE__ */ o(w, { ref: e, ...t, children: a });
+p.displayName = "DefaultPage.Title";
+const d = ({
+  ref: e,
+  children: a,
+  ...t
+}) => /* @__PURE__ */ o(j, { ref: e, ...t, children: a });
+d.displayName = "DefaultPage.Subtitle";
+const b = ({
+  ref: e,
+  children: a,
+  ...t
+}) => /* @__PURE__ */ o(I, { ref: e, tabIndex: 0, ...t, children: a });
+b.displayName = "DefaultPage.Content";
+const k = ({
+  ref: e,
+  children: a,
+  ...t
+}) => /* @__PURE__ */ o(V, { ref: e, ...t, children: a });
+k.displayName = "DefaultPage.Footer";
+const D = ({
+  ref: e,
+  children: a,
+  ...t
+}) => /* @__PURE__ */ o(z, { ref: e, ...t, children: a });
+D.displayName = "DefaultPage.TabNav";
+const ne = {
+  /**
+   * # DefaultPage.Root
+   *
+   * The root container that provides context and styling for the default page.
+   * Must wrap all default page parts.
+   *
+   * @example
+   * ```tsx
+   * <DefaultPage.Root>
+   *   <DefaultPage.Header>...</DefaultPage.Header>
+   *   <DefaultPage.Content>...</DefaultPage.Content>
+   * </DefaultPage.Root>
+   * ```
+   */
+  Root: u,
+  /**
+   * # DefaultPage.Header
+   *
+   * The header section containing the optional back link, title, subtitle,
+   * actions, and optional tab navigation.
+   *
+   * @example
+   * ```tsx
+   * <DefaultPage.Header>
+   *   <DefaultPage.BackLink href="/products">Back</DefaultPage.BackLink>
+   *   <DefaultPage.Title>Product Name</DefaultPage.Title>
+   * </DefaultPage.Header>
+   * ```
+   */
+  Header: g,
+  /**
+   * # DefaultPage.BackLink
+   *
+   * A navigation link that takes the user back to the parent page.
+   * Requires an `href` prop for the navigation target.
+   * When present, the `Actions` slot automatically shifts down to align
+   * with the title row.
+   *
+   * @example
+   * ```tsx
+   * <DefaultPage.BackLink href="/products">Back to products</DefaultPage.BackLink>
+   * ```
+   */
+  BackLink: m,
+  /**
+   * # DefaultPage.Title
+   *
+   * The main page title heading. Renders as an `h1` element.
+   *
+   * @example
+   * ```tsx
+   * <DefaultPage.Title>Product Details</DefaultPage.Title>
+   * ```
+   */
+  Title: p,
+  /**
+   * # DefaultPage.Subtitle
+   *
+   * An optional subtitle displayed below the title.
+   *
+   * @example
+   * ```tsx
+   * <DefaultPage.Subtitle>SKU-12345</DefaultPage.Subtitle>
+   * ```
+   */
+  Subtitle: d,
+  /**
+   * # DefaultPage.Actions
+   *
+   * A container for action buttons displayed alongside the title.
+   * Place inside `DefaultPage.Header` — the grid layout positions it
+   * automatically next to the title (or next to the title row when
+   * a `BackLink` is present).
+   *
+   * @example
+   * ```tsx
+   * <DefaultPage.Actions>
+   *   <Button>Save</Button>
+   *   <Button variant="ghost">Delete</Button>
+   * </DefaultPage.Actions>
+   * ```
+   */
+  Actions: P,
+  /**
+   * # DefaultPage.Content
+   *
+   * The main content area of the default page.
+   *
+   * @example
+   * ```tsx
+   * <DefaultPage.Content>
+   *   Form fields here
+   * </DefaultPage.Content>
+   * ```
+   */
+  Content: b,
+  /**
+   * # DefaultPage.Footer
+   *
+   * Optional footer section, typically used for form action bars.
+   * Omit for info/read-only pages.
+   *
+   * @example
+   * ```tsx
+   * <DefaultPage.Footer>
+   *   <Button>Save</Button>
+   *   <Button variant="ghost">Cancel</Button>
+   * </DefaultPage.Footer>
+   * ```
+   */
+  Footer: k,
+  /**
+   * # DefaultPage.TabNav
+   *
+   * Layout container for tab navigation in the header.
+   * Positions itself in the header grid's last row at full width.
+   * Place inside `DefaultPage.Header`.
+   *
+   * Wrap a `TabNav.Root` inside, or use `as={TabNav.Root}` for a flatter DOM.
+   *
+   * @example
+   * ```tsx
+   * <DefaultPage.Header>
+   *   <DefaultPage.Title>Customer Details</DefaultPage.Title>
+   *   <DefaultPage.TabNav>
+   *     <TabNav.Root aria-label="Customer sections">
+   *       <TabNav.Item href="/general" isCurrent>General</TabNav.Item>
+   *       <TabNav.Item href="/addresses">Addresses</TabNav.Item>
+   *     </TabNav.Root>
+   *   </DefaultPage.TabNav>
+   * </DefaultPage.Header>
+   * ```
+   */
+  TabNav: D
+};
+export {
+  ne as D,
+  P as a,
+  m as b,
+  b as c,
+  k as d,
+  g as e,
+  u as f,
+  d as g,
+  D as h,
+  p as i
+};
+//# sourceMappingURL=default-page-B-Sp5fDS.es.js.map

package/dist/chunks/default-page-B-Sp5fDS.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-page-B-Sp5fDS.es.js","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: `Go back` };\n","/**\n * Pre-compiled es 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 fr-FR 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 pt-BR 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 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"],"names":["withProvider","withContext","createSlotRecipeContext","DefaultPageRootSlot","DefaultPageHeaderSlot","DefaultPageActionsSlot","DefaultPageBackLinkSlot","DefaultPageTitleSlot","DefaultPageSubtitleSlot","DefaultPageTabNavSlot","DefaultPageContentSlot","DefaultPageFooterSlot","DefaultPageRoot","ref","children","props","recipe","useSlotRecipe","recipeProps","restProps","DefaultPageHeader","jsx","DefaultPageActions","defaultPageMessages_en","defaultPageMessages_de","defaultPageMessages_es","defaultPageMessages_fr","defaultPageMessages_pt","defaultPageMessagesStrings","normalizeMessages","DefaultPageBackLink","forwardedRef","href","msg","useLocalizedStringFormatter","styleProps","functionalProps","extractStyleProps","localRef","useRef","useObjectRef","mergeRefs","linkProps","useLink","jsxs","mergeProps","ArrowBack","DefaultPageTitle","DefaultPageSubtitle","DefaultPageContent","DefaultPageFooter","DefaultPageTabNav","DefaultPage"],"mappings":"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"}

package/dist/chunks/dialog-2VC555bv.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),f=require("react"),h=require("./Dialog-3tr7frni.cjs.js"),x=require("@chakra-ui/react/styled-system"),q=require("./Button-B00E728H.cjs.js"),m=require("./extract-style-props-MWsS2n9A.cjs.js"),p=require("./Modal-D9lB9ZR8.cjs.js"),N=require("./heading-C9xy87Zc.cjs.js"),w=require("@commercetools/nimbus-icons"),n=require("./normalize-messages-Dogs8lYA.cjs.js"),O=require("./icon-button-Dus3CyuU.cjs.js"),{withProvider:B,withContext:a}=x.createSlotRecipeContext({key:"nimbusDialog"}),z=B("div","root"),F=a("button","trigger"),H=a("div","modalOverlay"),_=a("div","modal"),I=a("div","content"),k=a("header","header"),E=a("div","body"),L=a("footer","footer"),V=a("h2","title"),A=a("div","closeTrigger"),y=f.createContext(void 0),b=()=>{const e=f.useContext(y);if(!e)throw new Error("useDialogContext must be used within Dialog.Root");return e},J=({children:e,value:r})=>o.jsx(y,{value:r,children:e}),C=e=>{const r=x.useSlotRecipe({key:"nimbusDialog"}),[t]=r.splitVariantProps(e),{children:s,isOpen:i,onOpenChange:l,defaultOpen:u=!1}=e,g=o.jsx(z,{...t,children:s}),D=f.Children.toArray(s).some(c=>{if(f.isValidElement(c)&&typeof c.type=="function"){const d=c.type?.displayName;return d==="DialogTrigger"||d==="Dialog.Trigger"}return!1});return o.jsx(J,{value:e,children:D?o.jsx(h.$f2ff30fde7b014be$export$2e1e1122cf0cba88,{isOpen:i,onOpenChange:l,defaultOpen:u,children:g}):g})};C.displayName="Dialog.Root";const j=({ref:e,children:r,asChild:t,...s})=>{if(t)return o.jsx(x.chakra.button,{ref:e,asChild:!0,...s,children:r});const[i,l]=m.extractStyleProps(s);return o.jsx(F,{...i,asChild:!0,children:o.jsx(q.$7705c033048f6da7$export$353f5b6fc5456de1,{ref:e,...l,children:r})})};j.displayName="Dialog.Trigger";const T=e=>{const{ref:r,children:t,...s}=e,{defaultOpen:i,isDismissable:l,isKeyboardDismissDisabled:u,shouldCloseOnInteractOutside:g,isOpen:D,onOpenChange:c}=b(),d={defaultOpen:i,isDismissable:l,isKeyboardDismissDisabled:u,shouldCloseOnInteractOutside:g,isOpen:D,onOpenChange:c},[M]=m.extractStyleProps(s);return o.jsx(H,{asChild:!0,children:o.jsx(p.$8b8d26808cb8cb53$export$8948f78d83984c69,{...d,children:o.jsx(_,{asChild:!0,children:o.jsx(p.$8b8d26808cb8cb53$export$2b77a92f1a5ad772,{children:o.jsx(I,{asChild:!0,...M,children:o.jsx(h.$f2ff30fde7b014be$export$3ddf2d174ce01153,{ref:r,children:t})})})})})})};T.displayName="Dialog.Content";const S=e=>{const{ref:r,children:t,...s}=e;return o.jsx(k,{ref:r,...s,children:t})};S.displayName="Dialog.Header";const P=e=>{const{ref:r,children:t,...s}=e,{scrollBehavior:i}=b(),l={tabIndex:i==="inside"?0:void 0};return o.jsx(E,{ref:r,...l,...s,children:t})};P.displayName="Dialog.Body";const $=e=>{const{ref:r,children:t,...s}=e;return o.jsx(L,{ref:r,...s,children:t})};$.displayName="Dialog.Footer";const R=e=>{const{ref:r,children:t,...s}=e;return o.jsx(V,{asChild:!0,...s,children:o.jsx(N.Heading,{ref:r,slot:"title",as:"h2",textStyle:"lg",children:t})})};R.displayName="Dialog.Title";const K={closeTrigger:"Close dialog"},W={closeTrigger:"Dialog schließen"},G={closeTrigger:"Cerrar diálogo"},Q={closeTrigger:"Fermer la boîte de dialogue"},U={closeTrigger:"Fechar caixa de diálogo"},X={en:n.normalizeMessages(K),de:n.normalizeMessages(W),es:n.normalizeMessages(G),"fr-FR":n.normalizeMessages(Q),"pt-BR":n.normalizeMessages(U)},v=e=>{const r=n.useLocalizedStringFormatter(X),{ref:t,"aria-label":s,...i}=e;return o.jsx(A,{children:o.jsx(O.IconButton,{ref:t,slot:"close",size:"xs",variant:"ghost","aria-label":s||r.format("closeTrigger"),...i,children:o.jsx(w.Close,{})})})};v.displayName="Dialog.CloseTrigger";const Y={Root:C,Trigger:j,Content:T,Header:S,Body:P,Footer:$,Title:R,CloseTrigger:v};exports.Dialog=Y;
+//# sourceMappingURL=dialog-2VC555bv.cjs.js.map

package/dist/chunks/dialog-2VC555bv.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-2VC555bv.cjs.js","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  } = 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}>{children}</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"],"names":["withProvider","withContext","createSlotRecipeContext","DialogRootSlot","DialogTriggerSlot","DialogModalOverlaySlot","DialogModalSlot","DialogContentSlot","DialogHeaderSlot","DialogBodySlot","DialogFooterSlot","DialogTitleSlot","DialogCloseTriggerSlot","DialogContext","createContext","useDialogRootContext","context","useContext","DialogProvider","children","value","jsx","DialogRoot","props","recipe","useSlotRecipe","recipeProps","isOpen","onOpenChange","defaultOpen","content","hasDialogTrigger","React","child","displayName","RaDialogTrigger","DialogTrigger","forwardedRef","asChild","chakra","styleProps","restProps","extractStyleProps","RaButton","DialogContent","isDismissable","isKeyboardDismissDisabled","shouldCloseOnInteractOutside","modalProps","RaModalOverlay","RaModal","RaDialog","DialogHeader","DialogBody","scrollBehavior","defaultProps","DialogFooter","DialogTitle","Heading","dialogMessages_en","dialogMessages_de","dialogMessages_es","dialogMessages_fr","dialogMessages_pt","dialogMessagesStrings","normalizeMessages","DialogCloseTrigger","msg","useLocalizedStringFormatter","ariaLabel","IconButton","Close","Dialog"],"mappings":"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"}