npm - @commercetools/nimbus - Versions diffs - 2.9.1 → 2.11.0 - Mend

@commercetools/nimbus 2.9.1 → 2.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1490) hide show

package/dist/chunks/default-page-CRVgInf7.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const s=require("react/jsx-runtime"),S=require("@chakra-ui/react/styled-system"),N=require("react"),R=require("./useLink-BhhDMENk.cjs.js"),L=require("./mergeProps-D1Fp1oji.cjs.js"),j=require("./useObjectRef-mEu7QX6X.cjs.js"),M=require("./extract-style-props-DiP1lZl_.cjs.js"),T=require("./merge-refs-D8liJcZz.cjs.js"),$=require("@commercetools/nimbus-icons"),n=require("./normalize-messages-Dogs8lYA.cjs.js"),{withProvider:q,withContext:o}=S.createSlotRecipeContext({key:"nimbusDefaultPage"}),v=q("div","root"),z=o("header","header"),B=o("div","actions"),C=o("a","backLink"),F=o("h1","title"),h=o("p","subtitle"),A=o("div","tabNav"),G=o("main","content"),H=o("footer","footer"),u=({ref:e,children:t,...a})=>{const l=S.useSlotRecipe({key:"nimbusDefaultPage"}),[r,c]=l.splitVariantProps(a);return s.jsx(v,{ref:e,...r,...c,children:t})};u.displayName="DefaultPage.Root";const i=({ref:e,children:t,...a})=>s.jsx(z,{ref:e,...a,children:t});i.displayName="DefaultPage.Header";const f=({ref:e,children:t,...a})=>s.jsx(B,{ref:e,...a,children:t});f.displayName="DefaultPage.Actions";const _={backLink:"Go back"},w={backLink:"Go back"},I={backLink:"Go back"},J={backLink:"Go back"},O={backLink:"Go back"},V={en:n.normalizeMessages(_),de:n.normalizeMessages(w),es:n.normalizeMessages(I),"fr-FR":n.normalizeMessages(J),"pt-BR":n.normalizeMessages(O)},g=({ref:e,href:t,children:a,...l})=>{const r=n.useLocalizedStringFormatter(V),[c,p]=M.extractStyleProps(l),x=N.useRef(null),m=j.$03e8ab2d84d7657a$export$4338b53315abf666(T.mergeRefs(x,e)),{linkProps:y}=R.$40d752843fab8930$export$dcf14c9974fe2767({...p,href:t,elementType:"a"},m);return s.jsxs(C,{ref:m,...L.$bbaa08b3cd72f041$export$9d1611c77c2fe928(c,p,y),children:[s.jsx($.ArrowBack,{}),a??r.format("backLink")]})};g.displayName="DefaultPage.BackLink";const P=({ref:e,children:t,...a})=>s.jsx(F,{ref:e,...a,children:t});P.displayName="DefaultPage.Title";const D=({ref:e,children:t,...a})=>s.jsx(h,{ref:e,...a,children:t});D.displayName="DefaultPage.Subtitle";const d=({ref:e,children:t,...a})=>s.jsx(G,{ref:e,tabIndex:0,...a,children:t});d.displayName="DefaultPage.Content";const b=({ref:e,children:t,...a})=>s.jsx(H,{ref:e,...a,children:t});b.displayName="DefaultPage.Footer";const k=({ref:e,children:t,...a})=>s.jsx(A,{ref:e,...a,children:t});k.displayName="DefaultPage.TabNav";const W={Root:u,Header:i,BackLink:g,Title:P,Subtitle:D,Actions:f,Content:d,Footer:b,TabNav:k};exports.DefaultPage=W;exports.DefaultPageActions=f;exports.DefaultPageBackLink=g;exports.DefaultPageContent=d;exports.DefaultPageFooter=b;exports.DefaultPageHeader=i;exports.DefaultPageRoot=u;exports.DefaultPageSubtitle=D;exports.DefaultPageTabNav=k;exports.DefaultPageTitle=P;
2	+ //# sourceMappingURL=default-page-CRVgInf7.cjs.js.map

package/dist/chunks/default-page-CRVgInf7.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"default-page-CRVgInf7.cjs.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/default-page-CkacXcz2.es.js ADDED Viewed

@@ -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-D86m_g63.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-CkacXcz2.es.js.map

package/dist/chunks/default-page-CkacXcz2.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"default-page-CkacXcz2.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-CdRhZEAb.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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-DiP1lZl_.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-BwxwVPZQ.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;
2	+ //# sourceMappingURL=dialog-CdRhZEAb.cjs.js.map

package/dist/chunks/dialog-CdRhZEAb.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"dialog-CdRhZEAb.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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"}