@commercetools/nimbus 3.7.0 → 3.8.0

package/dist/chunks/default-page-Dem7Ik1K.es.js

@@ -0,0 +1,116 @@
+import { t as e } from "./mergeProps-CLXn4wzB.es.js";
+import { t } from "./useObjectRef-CiW-zdxU.es.js";
+import { t as n } from "./useLink-CzignDqj.es.js";
+import { t as r } from "./arrow-back-C4TEsDPp.es.js";
+import { n as i, t as a } from "./normalize-messages-migTwRpM.es.js";
+import { t as o } from "./extract-style-props-YWZOestG.es.js";
+import { t as s } from "./merge-refs-C1GcH9iY.es.js";
+import { useRef as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { createSlotRecipeContext as d, useSlotRecipe as f } from "@chakra-ui/react/styled-system";
+//#region src/components/default-page/default-page.slots.tsx
+var { withProvider: p, withContext: m } = d({ key: "nimbusDefaultPage" }), h = p("div", "root"), g = m("header", "header"), _ = m("div", "actions"), v = m("a", "backLink"), y = m("h1", "title"), b = m("p", "subtitle"), x = m("div", "tabNav"), S = m("main", "content"), C = m("footer", "footer"), w = ({ ref: e, children: t, ...n }) => {
+	let [r, i] = f({ key: "nimbusDefaultPage" }).splitVariantProps(n);
+	return /* @__PURE__ */ l(h, {
+		ref: e,
+		...r,
+		...i,
+		children: t
+	});
+};
+w.displayName = "DefaultPage.Root";
+//#endregion
+//#region src/components/default-page/components/default-page.header.tsx
+var T = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ l(g, {
+	ref: e,
+	...n,
+	children: t
+});
+T.displayName = "DefaultPage.Header";
+//#endregion
+//#region src/components/default-page/components/default-page.actions.tsx
+var E = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ l(_, {
+	ref: e,
+	...n,
+	children: t
+});
+E.displayName = "DefaultPage.Actions";
+//#endregion
+//#region src/components/default-page/default-page.messages.ts
+var D = {
+	en: a({ backLink: "Go back" }),
+	de: a({ backLink: "Zurück" }),
+	es: a({ backLink: "Volver" }),
+	"fr-FR": a({ backLink: "Retour" }),
+	"pt-BR": a({ backLink: "Voltar" })
+}, O = ({ ref: a, href: d, children: f, ...p }) => {
+	let m = i(D), [h, g] = o(p), _ = c(null), y = t(s(_, a)), { linkProps: b } = n({
+		...g,
+		href: d,
+		elementType: "a"
+	}, y);
+	return /* @__PURE__ */ u(v, {
+		ref: y,
+		...e(h, g, b),
+		children: [/* @__PURE__ */ l(r, {}), f ?? m.format("backLink")]
+	});
+};
+O.displayName = "DefaultPage.BackLink";
+//#endregion
+//#region src/components/default-page/components/default-page.title.tsx
+var k = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ l(y, {
+	ref: e,
+	...n,
+	children: t
+});
+k.displayName = "DefaultPage.Title";
+//#endregion
+//#region src/components/default-page/components/default-page.subtitle.tsx
+var A = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ l(b, {
+	ref: e,
+	...n,
+	children: t
+});
+A.displayName = "DefaultPage.Subtitle";
+//#endregion
+//#region src/components/default-page/components/default-page.content.tsx
+var j = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ l(S, {
+	ref: e,
+	tabIndex: 0,
+	...n,
+	children: t
+});
+j.displayName = "DefaultPage.Content";
+//#endregion
+//#region src/components/default-page/components/default-page.footer.tsx
+var M = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ l(C, {
+	ref: e,
+	...n,
+	children: t
+});
+M.displayName = "DefaultPage.Footer";
+//#endregion
+//#region src/components/default-page/components/default-page.tab-nav.tsx
+var N = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ l(x, {
+	ref: e,
+	...n,
+	children: t
+});
+N.displayName = "DefaultPage.TabNav";
+//#endregion
+//#region src/components/default-page/default-page.tsx
+var P = {
+	Root: w,
+	Header: T,
+	BackLink: O,
+	Title: k,
+	Subtitle: A,
+	Actions: E,
+	Content: j,
+	Footer: M,
+	TabNav: N
+};
+//#endregion
+export { P as t };
+
+//# sourceMappingURL=default-page-Dem7Ik1K.es.js.map

package/dist/chunks/default-page-Dem7Ik1K.es.js.map

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

package/dist/chunks/dialog-Cn83GAuS.es.js

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

package/dist/chunks/dialog-Cn83GAuS.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-Cn83GAuS.es.js","names":["React","RaDialogTrigger","RaButton","RaModalOverlay","RaModal","RaDialog","dialogMessages_en","dialogMessages_de","dialogMessages_es","dialogMessages_fr","dialogMessages_pt","Close","$f2ff30fde7b014be$export$3ddf2d174ce01153","$8b8d26808cb8cb53$export$2b77a92f1a5ad772","$7705c033048f6da7$export$353f5b6fc5456de1","ForwardRef","useLocalizedStringFormatter","normalizeMessages","IconButton","Heading","extractStyleProps","$3ARPR$react","createSlotRecipeContext","DialogRootSlot","withProvider","DialogTriggerSlot","withContext","DialogModalOverlaySlot","DialogModalSlot","DialogContentSlot","DialogHeaderSlot","DialogBodySlot","DialogFooterSlot","DialogTitleSlot","DialogCloseTriggerSlot","DialogContext","createContext","useDialogRootContext","context","useContext","DialogProvider","DialogRoot","recipeProps","useSlotRecipe","props","content","hasDialogTrigger","children","child","displayName","$f2ff30fde7b014be$export$2e1e1122cf0cba88","DialogTrigger","forwardedRef","asChild","chakra","styleProps","restProps","DialogContent","ariaLabel","modalProps","$8b8d26808cb8cb53$export$8948f78d83984c69","DialogHeader","DialogBody","scrollBehavior","DialogFooter","DialogTitle","dialogMessagesStrings","DialogCloseTrigger","msg","Dialog"],"sources":["../../src/components/dialog/dialog.slots.tsx","../../src/components/dialog/components/dialog.context.tsx","../../src/components/dialog/components/dialog.root.tsx","../../src/components/dialog/components/dialog.trigger.tsx","../../src/components/dialog/components/dialog.content.tsx","../../src/components/dialog/components/dialog.header.tsx","../../src/components/dialog/components/dialog.body.tsx","../../src/components/dialog/components/dialog.footer.tsx","../../src/components/dialog/components/dialog.title.tsx","../../src/components/dialog/intl/en.ts","../../src/components/dialog/intl/de.ts","../../src/components/dialog/intl/es.ts","../../src/components/dialog/intl/fr-FR.ts","../../src/components/dialog/intl/pt-BR.ts","../../src/components/dialog/dialog.messages.ts","../../src/components/dialog/components/dialog.close-trigger.tsx","../../src/components/dialog/dialog.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  DialogBodySlotProps,\n  DialogCloseTriggerSlotProps,\n  DialogContentSlotProps,\n  DialogFooterSlotProps,\n  DialogHeaderSlotProps,\n  DialogModalOverlaySlotProps,\n  DialogModalSlotProps,\n  DialogRootProps,\n  DialogTitleSlotProps,\n  DialogTriggerSlotProps,\n} from \"./dialog.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusDialog\",\n});\n\n// Root slot - provides recipe context + config to all child components\nexport const DialogRootSlot = withProvider<HTMLDivElement, DialogRootProps>(\n  \"div\",\n  \"root\"\n);\n\n// Trigger slot - button that opens the dialog\nexport const DialogTriggerSlot = withContext<\n  HTMLButtonElement,\n  DialogTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Backdrop slot - overlay displayed behind the dialog\nexport const DialogModalOverlaySlot = withContext<\n  HTMLDivElement,\n  DialogModalOverlaySlotProps\n>(\"div\", \"modalOverlay\");\n\n// modal slot - positions the dialog content\n\nexport const DialogModalSlot = withContext<\n  HTMLDivElement,\n  DialogModalSlotProps\n>(\"div\", \"modal\");\n\n// Content slot - main dialog container\nexport const DialogContentSlot = withContext<\n  HTMLDivElement,\n  DialogContentSlotProps\n>(\"div\", \"content\");\n\n// Header slot - dialog header section\nexport const DialogHeaderSlot = withContext<HTMLElement, DialogHeaderSlotProps>(\n  \"header\",\n  \"header\"\n);\n\n// Body slot - dialog body content\nexport const DialogBodySlot = withContext<HTMLDivElement, DialogBodySlotProps>(\n  \"div\",\n  \"body\"\n);\n\n// Footer slot - dialog footer section with actions\nexport const DialogFooterSlot = withContext<HTMLElement, DialogFooterSlotProps>(\n  \"footer\",\n  \"footer\"\n);\n\n// Title slot - accessible dialog title\nexport const DialogTitleSlot = withContext<\n  HTMLHeadingElement,\n  DialogTitleSlotProps\n>(\"h2\", \"title\");\n\n// Close trigger slot - div container for positioning close button\nexport const DialogCloseTriggerSlot = withContext<\n  HTMLDivElement,\n  DialogCloseTriggerSlotProps\n>(\"div\", \"closeTrigger\");\n","import { createContext, useContext } from \"react\";\nimport type { DialogRootProps } from \"../dialog.types\";\n\n/**\n * Context value containing dialog configuration passed from Root to child components\n */\nexport type DialogContextValue = DialogRootProps;\n\nexport const DialogContext = createContext<DialogContextValue | undefined>(\n  undefined\n);\n\n/**\n * Hook to access dialog configuration from DialogContext\n * @returns Dialog configuration from context\n * @throws Error if used outside of Dialog.Root\n */\nexport const useDialogRootContext = (): DialogContextValue => {\n  const context = useContext(DialogContext);\n  if (!context) {\n    throw new Error(\"useDialogContext must be used within Dialog.Root\");\n  }\n  return context;\n};\n\n/**\n * Provider component that passes dialog configuration down to child components\n */\nexport const DialogProvider = ({\n  children,\n  value,\n}: {\n  children: React.ReactNode;\n  value: DialogContextValue;\n}) => {\n  return <DialogContext value={value}>{children}</DialogContext>;\n};\n","import React from \"react\";\nimport { DialogTrigger as RaDialogTrigger } from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DialogRootSlot } from \"../dialog.slots\";\nimport type { DialogRootProps } from \"../dialog.types\";\nimport { DialogProvider } from \"./dialog.context\";\n\n/**\n * Dialog.Root - The root component that provides context and state management\n *\n * @supportsStyleProps\n */\nexport const DialogRoot = (props: DialogRootProps) => {\n  const recipe = useSlotRecipe({ key: \"nimbusDialog\" });\n  // Extract recipe props\n  const [recipeProps] = recipe.splitVariantProps(props);\n  // Extract props that are usable on RaDialogTrigger\n  const { children, isOpen, onOpenChange, defaultOpen = false } = props;\n\n  const content = <DialogRootSlot {...recipeProps}>{children}</DialogRootSlot>;\n\n  // Check if any direct child is a Dialog.Trigger component\n  // React Aria's DialogTrigger needs a pressable child, so we only use it when there's a trigger\n  const hasDialogTrigger = React.Children.toArray(children).some((child) => {\n    if (React.isValidElement(child) && typeof child.type === \"function\") {\n      const displayName = (\n        child.type as React.ComponentType & { displayName?: string }\n      )?.displayName;\n      return (\n        displayName === \"DialogTrigger\" || displayName === \"Dialog.Trigger\"\n      );\n    }\n    return false;\n  });\n\n  // Share all props (config + variant props) with the Dialog subcomponents\n  return (\n    <DialogProvider value={props}>\n      {hasDialogTrigger ? (\n        // When there's a Dialog.Trigger, use DialogTrigger for React Aria integration\n        <RaDialogTrigger\n          isOpen={isOpen}\n          onOpenChange={onOpenChange}\n          defaultOpen={defaultOpen}\n        >\n          {content}\n        </RaDialogTrigger>\n      ) : (\n        // When no Dialog.Trigger, skip using RaDialogTrigger to avoid console.warning's\n        content\n      )}\n    </DialogProvider>\n  );\n};\n\nDialogRoot.displayName = \"Dialog.Root\";\n","import { Button as RaButton } from \"react-aria-components\";\nimport { DialogTriggerSlot } from \"../dialog.slots\";\nimport type { DialogTriggerProps } from \"../dialog.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Dialog.Trigger - The button or element that opens the dialog\n *\n * @supportsStyleProps\n */\nexport const DialogTrigger = ({\n  ref: forwardedRef,\n  children,\n  asChild,\n  ...props\n}: DialogTriggerProps) => {\n  // If asChild is true, wrap children directly in RaButton with asChild\n  if (asChild) {\n    return (\n      <chakra.button ref={forwardedRef} asChild {...props}>\n        {children}\n      </chakra.button>\n    );\n  }\n\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  // Otherwise, wrap with both DialogTriggerSlot and RaButton\n  // Only pass React Aria compatible props to avoid type conflicts\n  return (\n    <DialogTriggerSlot {...styleProps} asChild>\n      <RaButton ref={forwardedRef} {...restProps}>\n        {children}\n      </RaButton>\n    </DialogTriggerSlot>\n  );\n};\n\nDialogTrigger.displayName = \"Dialog.Trigger\";\n","import {\n  Modal as RaModal,\n  ModalOverlay as RaModalOverlay,\n  Dialog as RaDialog,\n} from \"react-aria-components\";\nimport {\n  DialogModalOverlaySlot,\n  DialogModalSlot,\n  DialogContentSlot,\n} from \"../dialog.slots\";\nimport type { DialogContentProps } from \"../dialog.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useDialogRootContext } from \"./dialog.context\";\n\n/**\n * Dialog.Content - The main dialog content container\n *\n * @supportsStyleProps\n */\nexport const DialogContent = (props: DialogContentProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  // Get recipe configuration from context instead of props\n  const {\n    defaultOpen,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    shouldCloseOnInteractOutside,\n    isOpen,\n    onOpenChange,\n    \"aria-label\": ariaLabel,\n  } = useDialogRootContext();\n\n  const modalProps = {\n    defaultOpen,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    shouldCloseOnInteractOutside,\n    isOpen,\n    onOpenChange,\n  };\n\n  const [styleProps] = extractStyleProps(restProps);\n\n  return (\n    <DialogModalOverlaySlot asChild>\n      <RaModalOverlay {...modalProps}>\n        <DialogModalSlot asChild>\n          <RaModal>\n            <DialogContentSlot asChild {...styleProps}>\n              <RaDialog ref={forwardedRef} aria-label={ariaLabel}>\n                {children}\n              </RaDialog>\n            </DialogContentSlot>\n          </RaModal>\n        </DialogModalSlot>\n      </RaModalOverlay>\n    </DialogModalOverlaySlot>\n  );\n};\n\nDialogContent.displayName = \"Dialog.Content\";\n","import { DialogHeaderSlot } from \"../dialog.slots\";\nimport type { DialogHeaderProps } from \"../dialog.types\";\n\n/**\n * Dialog.Header - The header section of the dialog\n *\n * @supportsStyleProps\n */\nexport const DialogHeader = (props: DialogHeaderProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DialogHeaderSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DialogHeaderSlot>\n  );\n};\n\nDialogHeader.displayName = \"Dialog.Header\";\n","import { DialogBodySlot } from \"../dialog.slots\";\nimport type { DialogBodyProps } from \"../dialog.types\";\nimport { useDialogRootContext } from \"./dialog.context\";\n\n/**\n * Dialog.Body - The main body content section\n *\n * @supportsStyleProps\n */\nexport const DialogBody = (props: DialogBodyProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n  const { scrollBehavior } = useDialogRootContext();\n\n  const defaultProps = {\n    /**\n     * if scrollBehavior is set to \"inside\", set tabIndex to 0 to allow the body to\n     * receive focus, effectively enabling scrolling via keyboard\n     * arrow keys.\n     */\n    tabIndex: scrollBehavior === \"inside\" ? 0 : undefined,\n  };\n\n  return (\n    <DialogBodySlot ref={forwardedRef} {...defaultProps} {...restProps}>\n      {children}\n    </DialogBodySlot>\n  );\n};\n\nDialogBody.displayName = \"Dialog.Body\";\n","import { DialogFooterSlot } from \"../dialog.slots\";\nimport type { DialogFooterProps } from \"../dialog.types\";\n\n/**\n * Dialog.Footer - The footer section with action buttons\n *\n * @supportsStyleProps\n */\nexport const DialogFooter = (props: DialogFooterProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DialogFooterSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DialogFooterSlot>\n  );\n};\n\nDialogFooter.displayName = \"Dialog.Footer\";\n","import { DialogTitleSlot } from \"../dialog.slots\";\nimport type { DialogTitleProps } from \"../dialog.types\";\nimport { Heading } from \"@/components\";\n\n/**\n * Dialog.Title - The accessible title element\n *\n * @supportsStyleProps\n */\nexport const DialogTitle = (props: DialogTitleProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DialogTitleSlot asChild {...restProps}>\n      <Heading ref={forwardedRef} slot=\"title\" as=\"h2\" textStyle=\"lg\">\n        {children}\n      </Heading>\n    </DialogTitleSlot>\n  );\n};\n\nDialogTitle.displayName = \"Dialog.Title\";\n","/**\n * Pre-compiled en messages for Dialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Close dialog` };\n","/**\n * Pre-compiled de messages for Dialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Dialog schließen` };\n","/**\n * Pre-compiled es messages for Dialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Cerrar diálogo` };\n","/**\n * Pre-compiled fr-FR messages for Dialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Fermer la boîte de dialogue` };\n","/**\n * Pre-compiled pt-BR messages for Dialog\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Fechar caixa de diálogo` };\n","/**\n * Pre-compiled localized messages for Dialog component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport dialogMessages_en from \"./intl/en\";\nimport dialogMessages_de from \"./intl/de\";\nimport dialogMessages_es from \"./intl/es\";\nimport dialogMessages_fr from \"./intl/fr-FR\";\nimport dialogMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const dialogMessagesStrings: LocalizedStrings<string, LocalizedString> =\n  {\n    en: normalizeMessages(dialogMessages_en),\n    de: normalizeMessages(dialogMessages_de),\n    es: normalizeMessages(dialogMessages_es),\n    \"fr-FR\": normalizeMessages(dialogMessages_fr),\n    \"pt-BR\": normalizeMessages(dialogMessages_pt),\n  } as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Dialog component\n */\nexport type DialogMessageKey = \"closeTrigger\";\n","import { Close } from \"@commercetools/nimbus-icons\";\nimport { DialogCloseTriggerSlot } from \"../dialog.slots\";\nimport type { DialogCloseTriggerProps } from \"../dialog.types\";\nimport { IconButton } from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { dialogMessagesStrings } from \"../dialog.messages\";\n\n/**\n * Dialog.CloseTrigger - A button that closes the dialog\n *\n * @supportsStyleProps\n */\nexport const DialogCloseTrigger = (props: DialogCloseTriggerProps) => {\n  const msg = useLocalizedStringFormatter(dialogMessagesStrings);\n  const { ref: forwardedRef, \"aria-label\": ariaLabel, ...restProps } = props;\n\n  return (\n    <DialogCloseTriggerSlot>\n      <IconButton\n        ref={forwardedRef}\n        slot=\"close\"\n        size=\"xs\"\n        variant=\"ghost\"\n        aria-label={ariaLabel || msg.format(\"closeTrigger\")}\n        {...restProps}\n      >\n        <Close />\n      </IconButton>\n    </DialogCloseTriggerSlot>\n  );\n};\n\nDialogCloseTrigger.displayName = \"Dialog.CloseTrigger\";\n","import { DialogRoot } from \"./components/dialog.root\";\nimport { DialogTrigger } from \"./components/dialog.trigger\";\nimport { DialogContent } from \"./components/dialog.content\";\nimport { DialogHeader } from \"./components/dialog.header\";\nimport { DialogBody } from \"./components/dialog.body\";\nimport { DialogFooter } from \"./components/dialog.footer\";\nimport { DialogTitle } from \"./components/dialog.title\";\nimport { DialogCloseTrigger } from \"./components/dialog.close-trigger\";\n\n/**\n * Dialog\n * ============================================================\n * A foundational dialog component for overlays that require user attention.\n * Built with React Aria Components for accessibility and WCAG 2.1 AA compliance.\n *\n * Features:\n * - Controlled and uncontrolled modes\n * - Customizable placement, size, and animations\n * - Focus management and keyboard navigation\n * - Click-outside and Escape key dismissal\n * - Portal rendering support\n * - Backdrop overlay with animations\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n *   <Dialog.Content size=\"md\" placement=\"center\">\n *     <Dialog.Header>\n *       <Dialog.Title>Dialog Title</Dialog.Title>\n *       <Dialog.CloseTrigger>×</Dialog.CloseTrigger>\n *     </Dialog.Header>\n *     <Dialog.Body>\n *       Dialog content goes here\n *     </Dialog.Body>\n *     <Dialog.Footer>\n *       <button>Cancel</button>\n *       <button>Save</button>\n *     </Dialog.Footer>\n *   </Dialog.Content>\n * </Dialog.Root>\n * ```\n *\n * @see https://nimbus-documentation.vercel.app/components/feedback/dialog\n */\nexport const Dialog = {\n  /**\n   * # Dialog.Root\n   *\n   * The root component that provides context and state management for the dialog.\n   * Uses React Aria's DialogTrigger for accessibility and keyboard interaction.\n   *\n   * This component must wrap all dialog parts (Trigger, Content, etc.) and provides\n   * the dialog open/close state and variant styling context.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Root>\n   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n   *   <Dialog.Content>\n   *     <Dialog.Header>\n   *       <Dialog.Title>Dialog Title</Dialog.Title>\n   *     </Dialog.Header>\n   *     <Dialog.Body>Dialog content</Dialog.Body>\n   *   </Dialog.Content>\n   * </Dialog.Root>\n   * ```\n   */\n  Root: DialogRoot,\n  /**\n   * # Dialog.Trigger\n   *\n   * The trigger element that opens the dialog when activated.\n   * Uses React Aria's Button for accessibility and keyboard support.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Root>\n   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n   *   <Dialog.Content>...</Dialog.Content>\n   * </Dialog.Root>\n   * ```\n   */\n  Trigger: DialogTrigger,\n  /**\n   * # Dialog.Content\n   *\n   * The main dialog content container that wraps React Aria's Modal and Dialog.\n   * Handles portalling, backdrop, positioning, and content styling.\n   *\n   * This component creates the dialog overlay, positions the content, and provides\n   * accessibility features like focus management and keyboard dismissal.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Root>\n   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n   *   <Dialog.Content size=\"md\" placement=\"center\">\n   *     <Dialog.Header>\n   *       <Dialog.Title>Title</Dialog.Title>\n   *     </Dialog.Header>\n   *     <Dialog.Body>Content</Dialog.Body>\n   *     <Dialog.Footer>Actions</Dialog.Footer>\n   *   </Dialog.Content>\n   * </Dialog.Root>\n   * ```\n   */\n  Content: DialogContent,\n  /**\n   * # Dialog.Header\n   *\n   * The header section of the dialog content.\n   * Typically contains the title and close button.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Content>\n   *   <Dialog.Header>\n   *     <Dialog.Title>Dialog Title</Dialog.Title>\n   *     <Dialog.CloseTrigger />\n   *   </Dialog.Header>\n   *   <Dialog.Body>...</Dialog.Body>\n   * </Dialog.Content>\n   * ```\n   */\n  Header: DialogHeader,\n  /**\n   * # Dialog.Body\n   *\n   * The main body content section of the dialog.\n   * Contains the primary dialog content and handles overflow/scrolling.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Content>\n   *   <Dialog.Header>...</Dialog.Header>\n   *   <Dialog.Body>\n   *     <p>This is the main content of the dialog.</p>\n   *   </Dialog.Body>\n   *   <Dialog.Footer>...</Dialog.Footer>\n   * </Dialog.Content>\n   * ```\n   */\n  Body: DialogBody,\n  /**\n   * # Dialog.Footer\n   *\n   * The footer section of the dialog, typically containing action buttons.\n   * Provides consistent spacing and alignment for dialog actions.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Content>\n   *   <Dialog.Header>...</Dialog.Header>\n   *   <Dialog.Body>...</Dialog.Body>\n   *   <Dialog.Footer>\n   *     <Button variant=\"outline\">Cancel</Button>\n   *     <Button>Confirm</Button>\n   *   </Dialog.Footer>\n   * </Dialog.Content>\n   * ```\n   */\n  Footer: DialogFooter,\n  /**\n   * # Dialog.Title\n   *\n   * The accessible title element for the dialog.\n   * Uses React Aria's Heading for proper accessibility and screen reader support.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Content>\n   *   <Dialog.Header>\n   *     <Dialog.Title>Confirm Action</Dialog.Title>\n   *   </Dialog.Header>\n   *   <Dialog.Body>...</Dialog.Body>\n   * </Dialog.Content>\n   * ```\n   */\n  Title: DialogTitle,\n  /**\n   * # Dialog.CloseTrigger\n   *\n   * A button that closes the dialog when activated.\n   * Displays an IconButton with a close (X) icon by default.\n   *\n   * The component automatically handles the close behavior through React Aria's\n   * context, so no additional onPress handler is needed.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Root>\n   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n   *   <Dialog.Content>\n   *     <Dialog.Header>\n   *       <Dialog.Title>Title</Dialog.Title>\n   *       <Dialog.CloseTrigger aria-label=\"Close dialog\" />\n   *     </Dialog.Header>\n   *     <Dialog.Body>Content</Dialog.Body>\n   *   </Dialog.Content>\n   * </Dialog.Root>\n   * ```\n   */\n  CloseTrigger: DialogCloseTrigger,\n};\n"],"mappings":";;;;;;;;;;;;AAcA,IAAM,EAAE,iBAAc,mBAAgBsB,EAAwB,EAC5D,KAAK,eACP,CAAC,GAGYC,IAAiBC,EAC5B,OACA,MACF,GAGaC,IAAoBC,EAG/B,UAAU,SAAS,GAGRC,IAAyBD,EAGpC,OAAO,cAAc,GAIVE,IAAkBF,EAG7B,OAAO,OAAO,GAGHG,IAAoBH,EAG/B,OAAO,SAAS,GAGLI,IAAmBJ,EAC9B,UACA,QACF,GAGaK,IAAiBL,EAC5B,OACA,MACF,GAGaM,IAAmBN,EAC9B,UACA,QACF,GAGaO,IAAkBP,EAG7B,MAAM,OAAO,GAGFQ,IAAyBR,EAGpC,OAAO,cAAc,GCrEVS,IAAgBC,EAC3B,KAAA,CACF,GAOaC,UAAiD;CAC5D,IAAMC,IAAUC,EAAWJ,CAAa;CACxC,IAAI,CAACG,GACH,MAAU,MAAM,kDAAkD;CAEpE,OAAOA;AACT,GAKaE,KAAkB,EAC7B,aACA,eAKO,kBAACL,GAAD;CAAsB;CAAQ;AAAwB,CAAA,GCvBlDM,KAAc,MAA2B;CAGpD,IAAM,CAACC,KAFQC,EAAc,EAAE,KAAK,eAAe,CAE7B,CAAA,CAAO,kBAAkBC,CAAK,GAE9C,EAAE,aAAU,WAAQ,iBAAc,iBAAc,OAAUA,GAE1DC,IAAU,kBAACtB,GAAD;EAAgB,GAAImB;EAAc;CAAyB,CAAA,GAIrEI,IAAmB9C,EAAM,SAAS,QAAQ+C,CAAQ,CAAC,CAAC,MAAM,MAAU;EACxE,IAAI/C,EAAM,eAAegD,CAAK,KAAK,OAAOA,EAAM,QAAS,YAAY;GACnE,IAAMC,IACJD,EAAM,MACL;GACH,OACEC,MAAgB,mBAAmBA,MAAgB;EAEvD;EACA,OAAO;CACT,CAAC;CAGD,OACE,kBAACT,GAAD;EAAgB,OAAOI;EACpB,UAAAE,IAEC,kBAAC7C,GAAD;GACU;GACM;GACD;GAEZ,UAAA4C;EACc,CAAA,IAGjBA;CAEY,CAAA;AAEpB;AAEA,EAAW,cAAc;;;AC5CzB,IAAaM,KAAiB,EAC5B,KAAKC,GACL,aACA,YACA,GAAGR,QACqB;CAExB,IAAIS,GACF,OACE,kBAACC,EAAO,QAAR;EAAe,KAAKF;EAAc,SAAA;EAAQ,GAAIR;EAC3C;CACY,CAAA;CAInB,IAAM,CAACW,GAAYC,KAAapC,EAAkBwB,CAAK;CAIvD,OACE,kBAACnB,GAAD;EAAmB,GAAI8B;EAAY,SAAA;EACjC,UAAA,kBAACrD,GAAD;GAAU,KAAKkD;GAAc,GAAII;GAC9B;EACO,CAAA;CACO,CAAA;AAEvB;AAEA,EAAc,cAAc;;;ACpB5B,IAAaC,KAAiB,MAA8B;CAC1D,IAAM,EAAE,KAAKL,GAAc,aAAU,GAAGI,MAAcZ,GAGhD,EACJ,gBACA,kBACA,8BACA,iCACA,WACA,iBACA,cAAcc,MACZrB,EAAqB,GAEnBsB,IAAa;EACjB;EACA;EACA;EACA;EACA;EACA;CACF,GAEM,CAACJ,KAAcnC,EAAkBoC,CAAS;CAEhD,OACE,kBAAC7B,GAAD;EAAwB,SAAA;EACtB,UAAA,kBAACxB,GAAD;GAAgB,GAAIwD;GAClB,UAAA,kBAAC/B,GAAD;IAAiB,SAAA;IACf,UAAA,kBAACxB,GAAD,EAAA,UACE,kBAACyB,GAAD;KAAmB,SAAA;KAAQ,GAAI0B;KAC7B,UAAA,kBAAClD,GAAD;MAAU,KAAK+C;MAAc,cAAYM;MACtC;KACO,CAAA;IACO,CAAA,EACZ,CAAA;GACM,CAAA;EACH,CAAA;CACM,CAAA;AAE5B;AAEA,EAAc,cAAc;;;ACrD5B,IAAaG,KAAgB,MAA6B;CACxD,IAAM,EAAE,KAAKT,GAAc,aAAU,GAAGI,MAAcZ;CAEtD,OACE,kBAACd,GAAD;EAAkB,KAAKsB;EAAc,GAAII;EACtC;CACe,CAAA;AAEtB;AAEA,EAAa,cAAc;;;ACT3B,IAAaM,KAAc,MAA2B;CACpD,IAAM,EAAE,KAAKV,GAAc,aAAU,GAAGI,MAAcZ,GAChD,EAAE,sBAAmBP,EAAqB;CAWhD,OACE,kBAACN,GAAD;EAAgB,KAAKqB;EAJrB,UAAUW,MAAmB,WAAW,IAAI,KAAA;EAIS,GAAIP;EACtD;CACa,CAAA;AAEpB;AAEA,EAAW,cAAc;;;ACrBzB,IAAaQ,KAAgB,MAA6B;CACxD,IAAM,EAAE,KAAKZ,GAAc,aAAU,GAAGI,MAAcZ;CAEtD,OACE,kBAACZ,GAAD;EAAkB,KAAKoB;EAAc,GAAII;EACtC;CACe,CAAA;AAEtB;AAEA,EAAa,cAAc;;;ACT3B,IAAaS,KAAe,MAA4B;CACtD,IAAM,EAAE,KAAKb,GAAc,aAAU,GAAGI,MAAcZ;CAEtD,OACE,kBAACX,GAAD;EAAiB,SAAA;EAAQ,GAAIuB;EAC3B,UAAA,kBAACrC,GAAD;GAAS,KAAKiC;GAAc,MAAK;GAAQ,IAAG;GAAK,WAAU;GACxD;EACM,CAAA;CACM,CAAA;AAErB;AAEA,EAAY,cAAc;;;AME1B,IAAac,IACX;CACE,IAAIjD,EAAkBX,ELnBT,cAAc,eKmBLA,CAAiB;CACvC,IAAIW,EAAkBV,EJpBT,cAAc,mBIoBLA,CAAiB;CACvC,IAAIU,EAAkBT,EHrBT,cAAc,iBGqBLA,CAAiB;CACvC,SAASS,EAAkBR,EFtBd,cAAc,8BEsBAA,CAAiB;CAC5C,SAASQ,EAAkBP,EDvBd,cAAc,0BCuBAA,CAAiB;AAC9C,GClBWyD,KAAsB,MAAmC;CACpE,IAAMC,IAAMpD,EAA4BkD,CAAqB,GACvD,EAAE,KAAKd,GAAc,cAAcM,GAAW,GAAGF,MAAcZ;CAErE,OACE,kBAACV,GAAD,EAAA,UACE,kBAAChB,GAAD;EACE,KAAKkC;EACL,MAAK;EACL,MAAK;EACL,SAAQ;EACR,cAAYM,KAAaU,EAAI,OAAO,cAAc;EAClD,GAAIZ;EAEJ,UAAA,kBAAC7C,GAAD,CAAQ,CAAA;CACE,CAAA,EACU,CAAA;AAE5B;AAEA,EAAmB,cAAc;;;ACajC,IAAa0D,IAAS;CAuBpB,MAAM5B;CAeN,SAASU;CAwBT,SAASM;CAkBT,QAAQI;CAkBR,MAAMC;CAmBN,QAAQE;CAiBR,OAAOC;CAwBP,cAAcE;AAChB"}

package/dist/chunks/dialog-DOtvYB7R.cjs

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

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

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

package/dist/chunks/drag-indicator-Bn35eLne.cjs

@@ -0,0 +1,2 @@
+const e=require("./mergeProps-BgWtdfQT.cjs"),t=require("./useLocalizedStringFormatter-DZODvb53.cjs"),n=require("./useHighlightSelectionDescription-CoOPxiKa.cjs");let r=require("react"),i=require("react/jsx-runtime");function a(e){return e&&e.__esModule?e.default:e}function o(r,i){let{key:o}=r,s=i.selectionManager,c=e.i(),l=!i.selectionManager.canSelectItem(o),u=i.selectionManager.isSelected(o);return{checkboxProps:{id:c,"aria-label":t.n(a(n.r),`@react-aria/grid`).format(`select`),isSelected:u,isDisabled:l,onChange:()=>s.toggleSelection(o)}}}var s=(0,r.forwardRef)((e,t)=>(0,i.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`1em`,height:`1em`,viewBox:`0 0 24 24`,"aria-hidden":`true`,fill:`currentColor`,ref:t,...e,children:(0,i.jsx)(`path`,{d:`M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2m-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2`})}));Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=drag-indicator-Bn35eLne.cjs.map

package/dist/chunks/drag-indicator-Bn35eLne.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-indicator-Bn35eLne.cjs.js","names":["$390e54f620492c70$export$f680877a34711e37","$cf2482eff2eeeec2$export$f12b703ca79dfbb1","$iU8zV$intlStringsmjs","_jsx","forwardRef","require_mergeProps","require_useLocalizedStringFormatter","require_useHighlightSelectionDescription","react","react_jsx_runtime","$parcel$interopDefault","a","$575d7acf5e0b35f6$export$70e2eed1a92976ad","props","manager","state","checkboxId","isDisabled","key","isSelected","ForwardRef"],"sources":["../../../../node_modules/.pnpm/react-aria@3.53.1_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/grid/useGridSelectionCheckbox.mjs","../../../nimbus-icons/dist/esm/material-icons/drag-indicator.js"],"sourcesContent":["import $iU8zV$intlStringsmjs from \"./intlStrings.mjs\";\nimport {useId as $390e54f620492c70$export$f680877a34711e37} from \"../utils/useId.mjs\";\nimport {useLocalizedStringFormatter as $cf2482eff2eeeec2$export$f12b703ca79dfbb1} from \"../i18n/useLocalizedStringFormatter.mjs\";\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\n\n\nfunction $575d7acf5e0b35f6$export$70e2eed1a92976ad(props, state) {\n    let { key: key } = props;\n    let manager = state.selectionManager;\n    let checkboxId = (0, $390e54f620492c70$export$f680877a34711e37)();\n    let isDisabled = !state.selectionManager.canSelectItem(key);\n    let isSelected = state.selectionManager.isSelected(key);\n    // Checkbox should always toggle selection, regardless of selectionBehavior.\n    let onChange = ()=>manager.toggleSelection(key);\n    const stringFormatter = (0, $cf2482eff2eeeec2$export$f12b703ca79dfbb1)((0, ($parcel$interopDefault($iU8zV$intlStringsmjs))), '@react-aria/grid');\n    return {\n        checkboxProps: {\n            id: checkboxId,\n            'aria-label': stringFormatter.format('select'),\n            isSelected: isSelected,\n            isDisabled: isDisabled,\n            onChange: onChange\n        }\n    };\n}\n\n\nexport {$575d7acf5e0b35f6$export$70e2eed1a92976ad as useGridSelectionCheckbox};\n//# sourceMappingURL=useGridSelectionCheckbox.mjs.map\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nconst SvgDragIndicator = (props, ref) => (_jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\", fill: \"currentColor\", ref: ref, ...props, children: _jsx(\"path\", { d: \"M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2m-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2\" }) }));\nconst ForwardRef = forwardRef(SvgDragIndicator);\nexport default ForwardRef;\n"],"ignoreList":[0],"mappings":"iOAKA,SAASU,EAAuB,EAAG,CACjC,OAAOC,GAAKA,EAAE,WAAaA,EAAE,QAAUA,CACzC,CAIA,SAASC,EAA0C,EAAO,EAAO,CAC7D,GAAI,CAAO,OAAQC,EACfC,EAAUC,EAAM,iBAChBC,EAAiBhB,EAAAA,EAA2C,EAC5DiB,EAAa,CAACF,EAAM,iBAAiB,cAAcG,CAAG,EACtDC,EAAaJ,EAAM,iBAAiB,WAAWG,CAAG,EAItD,MAAO,CACH,cAAe,CACX,GAAIF,EACJ,aAJoBf,EAAAA,EAAgDS,EAAuBR,EAAAA,CAAqB,EAAK,kBAIzF,CAAC,CAAC,OAAO,QAAQ,EACjC,aACA,aACF,aARCY,EAAQ,gBAAgBI,CAAG,CAS1C,CACJ,CACJ,CC1BA,IAAME,GAAA,EAAahB,EAAAA,WAAAA,EADO,EAAO,KAAA,EAASD,EAAAA,IAAAA,CAAK,MAAO,CAAE,MAAO,6BAA8B,MAAO,MAAO,OAAQ,MAAO,QAAS,YAAa,cAAe,OAAQ,KAAM,eAAqB,MAAK,GAAGU,EAAO,UAAA,EAAUV,EAAAA,IAAAA,CAAK,OAAQ,CAAE,EAAG,+RAAgS,CAAC,CAAE,CAAC,CACne"}

package/dist/chunks/drag-indicator-DySP1q5q.es.js

@@ -0,0 +1,34 @@
+import { i as e } from "./mergeProps-CLXn4wzB.es.js";
+import { n as t } from "./useLocalizedStringFormatter-BjLzw317.es.js";
+import { r as n } from "./useHighlightSelectionDescription-HN_ZpG80.es.js";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region ../../node_modules/.pnpm/react-aria@3.53.1_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/grid/useGridSelectionCheckbox.mjs
+function a(e) {
+	return e && e.__esModule ? e.default : e;
+}
+function o(r, i) {
+	let { key: o } = r, s = i.selectionManager, c = e(), l = !i.selectionManager.canSelectItem(o), u = i.selectionManager.isSelected(o);
+	return { checkboxProps: {
+		id: c,
+		"aria-label": t(a(n), "@react-aria/grid").format("select"),
+		isSelected: u,
+		isDisabled: l,
+		onChange: () => s.toggleSelection(o)
+	} };
+}
+var s = r((e, t) => i("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "1em",
+	height: "1em",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	fill: "currentColor",
+	ref: t,
+	...e,
+	children: i("path", { d: "M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2m-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2" })
+}));
+//#endregion
+export { o as n, s as t };
+
+//# sourceMappingURL=drag-indicator-DySP1q5q.es.js.map

package/dist/chunks/drag-indicator-DySP1q5q.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-indicator-DySP1q5q.es.js","names":["$iU8zV$intlStringsmjs","_jsx","$390e54f620492c70$export$f680877a34711e37","$cf2482eff2eeeec2$export$f12b703ca79dfbb1","$f0d3402d161c642d$exports","$parcel$interopDefault","a","$575d7acf5e0b35f6$export$70e2eed1a92976ad","props","manager","state","checkboxId","isDisabled","key","isSelected","ForwardRef","forwardRef","jsx"],"sources":["../../../../node_modules/.pnpm/react-aria@3.53.1_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/grid/useGridSelectionCheckbox.mjs","../../../nimbus-icons/dist/esm/material-icons/drag-indicator.js"],"sourcesContent":["import $iU8zV$intlStringsmjs from \"./intlStrings.mjs\";\nimport {useId as $390e54f620492c70$export$f680877a34711e37} from \"../utils/useId.mjs\";\nimport {useLocalizedStringFormatter as $cf2482eff2eeeec2$export$f12b703ca79dfbb1} from \"../i18n/useLocalizedStringFormatter.mjs\";\n\n\nfunction $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\n\n\nfunction $575d7acf5e0b35f6$export$70e2eed1a92976ad(props, state) {\n    let { key: key } = props;\n    let manager = state.selectionManager;\n    let checkboxId = (0, $390e54f620492c70$export$f680877a34711e37)();\n    let isDisabled = !state.selectionManager.canSelectItem(key);\n    let isSelected = state.selectionManager.isSelected(key);\n    // Checkbox should always toggle selection, regardless of selectionBehavior.\n    let onChange = ()=>manager.toggleSelection(key);\n    const stringFormatter = (0, $cf2482eff2eeeec2$export$f12b703ca79dfbb1)((0, ($parcel$interopDefault($iU8zV$intlStringsmjs))), '@react-aria/grid');\n    return {\n        checkboxProps: {\n            id: checkboxId,\n            'aria-label': stringFormatter.format('select'),\n            isSelected: isSelected,\n            isDisabled: isDisabled,\n            onChange: onChange\n        }\n    };\n}\n\n\nexport {$575d7acf5e0b35f6$export$70e2eed1a92976ad as useGridSelectionCheckbox};\n//# sourceMappingURL=useGridSelectionCheckbox.mjs.map\n","import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from \"react\";\nconst SvgDragIndicator = (props, ref) => (_jsx(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", \"aria-hidden\": \"true\", fill: \"currentColor\", ref: ref, ...props, children: _jsx(\"path\", { d: \"M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2m-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2\" }) }));\nconst ForwardRef = forwardRef(SvgDragIndicator);\nexport default ForwardRef;\n"],"ignoreList":[0],"mappings":";;;;;;AAKA,SAASK,EAAuB,GAAG;CACjC,OAAOC,KAAKA,EAAE,aAAaA,EAAE,UAAUA;AACzC;AAIA,SAASC,EAA0C,GAAO,GAAO;CAC7D,IAAI,EAAO,WAAQC,GACfC,IAAUC,EAAM,kBAChBC,IAAiBT,EAA2C,GAC5DU,IAAa,CAACF,EAAM,iBAAiB,cAAcG,CAAG,GACtDC,IAAaJ,EAAM,iBAAiB,WAAWG,CAAG;CAItD,OAAO,EACH,eAAe;EACX,IAAIF;EACJ,cAJoBR,EAAgDE,EAAuBL,CAAqB,GAAK,kBAIzF,CAAC,CAAC,OAAO,QAAQ;EACjC;EACA;EACF,gBARCS,EAAQ,gBAAgBI,CAAG;CAS1C,EACJ;AACJ;AC1BA,IAAME,IAAaC,GADO,GAAO,MAASf,EAAK,OAAO;CAAE,OAAO;CAA8B,OAAO;CAAO,QAAQ;CAAO,SAAS;CAAa,eAAe;CAAQ,MAAM;CAAqB;CAAK,GAAGO;CAAO,UAAUP,EAAK,QAAQ,EAAE,GAAG,gSAAgS,CAAC;AAAE,CAAC,CACne"}

package/dist/chunks/draggable-list-BVxey-BU.cjs

@@ -0,0 +1,2 @@
+const e=require("./SSRProvider-BkGdO-EE.cjs"),t=require("./CollectionBuilder-CPobPAxl.cjs"),n=require("./mergeProps-BgWtdfQT.cjs"),r=require("./useObjectRef-B_odk_Xk.cjs"),i=require("./useCollection-C6dnK7lQ.cjs"),a=require("./I18nProvider-DqSwQ3so.cjs"),o=require("./filterDOMProps-C573IslZ.cjs"),s=require("./FocusScope-n2Oz9si6.cjs"),c=require("./checkbox-C6xVkYIT.cjs"),l=require("./VisuallyHidden-DmGxdPqF.cjs"),u=require("./ListBox-Cu8WmekC.cjs"),d=require("./useLoadMoreSentinel-BYIQ8z2q.cjs"),f=require("./useCollator-sbaXvMKS.cjs"),p=require("./useDrop-DRbSHbL-.cjs"),m=require("./useDragAndDrop-DaKySR-c.cjs"),h=require("./useFocusRing-CBDQXjhn.cjs"),g=require("./useHover-1sqAXpDb.cjs"),_=require("./useGridListItem-DUu28Fee.cjs"),v=require("./drag-indicator-Bn35eLne.cjs"),y=require("./utils-tbrKoWZQ.cjs"),b=require("./Autocomplete-CKi3KR8-.cjs"),x=require("./Collection-C_t7jCFT.cjs"),S=require("./Button-CwMvFWJZ.cjs"),C=require("./Text-C4dsZQdS.cjs"),w=require("./DragAndDrop-DuC7qfRT.cjs"),ee=require("./SharedElementTransition-DQ0Qvxcn.cjs"),te=require("./SelectionIndicator-DChjs9BH.cjs"),T=require("./useListState-vHoeixKN.cjs"),E=require("./useListData-JCxEwIQP.cjs"),D=require("./close-MovqoOGD.cjs"),O=require("./form-field-DWn2ln7Y.cjs"),k=require("./normalize-messages-D3QZsMK8.cjs"),A=require("./icon-button-CdnkEz-r.cjs"),j=require("./extract-style-props-e57WhXBe.cjs");let M=require("react");M=e.a(M,1);let N=require("react/jsx-runtime"),P=require("@chakra-ui/react/styled-system");var F=(0,M.createContext)(null),I=(0,M.forwardRef)(function(e,n){return[e,n]=y.n(e,n,F),M.default.createElement(t.n,{content:M.default.createElement(t.i,e)},t=>M.default.createElement(L,{props:e,collection:t,gridListRef:n}))});function L({props:e,collection:t,gridListRef:r}){[e,r]=y.n(e,r,b.n);let{shouldUseVirtualFocus:i,filter:c,disallowTypeAhead:l,UNSTABLE_focusOnEntry:p,...m}=e,{dragAndDropHooks:g,keyboardNavigationBehavior:v=`arrow`,layout:S=`stack`,orientation:C=`vertical`}=e,{CollectionRoot:te,isVirtualized:E,layoutDelegate:D,dropTargetDelegate:O}=(0,M.useContext)(x.t),k=T.t({...m,collection:t,children:void 0,layoutDelegate:D}),A=T.n(k,c),j=f.t({usage:`search`,sensitivity:`base`}),{disabledBehavior:N,disabledKeys:P}=A.selectionManager,{direction:F}=a.t(),I=(0,M.useMemo)(()=>new d.n({collection:A.collection,collator:j,ref:r,disabledKeys:P,disabledBehavior:N,layoutDelegate:D,layout:S,orientation:C,direction:F}),[A.collection,r,S,C,P,N,D,j,F]),{gridProps:L}=_.n({...m,keyboardDelegate:I,keyboardNavigationBehavior:S===`grid`?`tab`:v,isVirtualized:E,shouldSelectOnPressUp:e.shouldSelectOnPressUp,disallowTypeAhead:l,UNSTABLE_focusOnEntry:p},A,r),R=A.selectionManager,B=!!g?.useDraggableCollectionState,V=!!g?.useDroppableCollectionState,U=(0,M.useRef)(B),W=(0,M.useRef)(V);(0,M.useEffect)(()=>{process.env.NODE_ENV!==`production`&&(U.current!==B&&console.warn(`Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.`),W.current!==V&&console.warn(`Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.`))},[B,V]);let G,K,q,J=!1,Y=null,ne=(0,M.useRef)(null);if(B&&g){G=g.useDraggableCollectionState({collection:A.collection,selectionManager:R,preview:g.renderDragPreview?ne:void 0}),g.useDraggableCollection({},G,r);let e=g.DragPreview;Y=g.renderDragPreview?M.default.createElement(e,{ref:ne},g.renderDragPreview):null}if(V&&g){K=g.useDroppableCollectionState({collection:A.collection,selectionManager:R});let e=g.dropTargetDelegate||O||new g.ListDropTargetDelegate(t,r,{layout:S,direction:F,orientation:C});q=g.useDroppableCollection({keyboardDelegate:I,dropTargetDelegate:e},K,r),J=K.isDropTarget({type:`root`})}let{focusProps:re,isFocused:X,isFocusVisible:Z}=h.t(),Q=A.collection.size===0,ie={isDropTarget:J,orientation:C,isEmpty:Q,isFocused:X,isFocusVisible:Z,layout:S,state:A},$=y.r({...e,children:void 0,defaultClassName:`react-aria-GridList`,values:ie}),ae=null;if(Q&&e.renderEmptyState){let t=e.renderEmptyState(ie);ae=M.default.createElement(`div`,{role:`row`,"aria-rowindex":1,style:{display:`contents`}},M.default.createElement(`div`,{role:`gridcell`,style:{display:`contents`}},t))}let oe=o.t(e,{global:!0});return M.default.createElement(s.n,null,M.default.createElement(y.o.div,{...n.t(oe,$,L,re,q?.collectionProps,null),ref:r,slot:e.slot||void 0,onScroll:e.onScroll,"data-drop-target":J||void 0,"data-empty":Q||void 0,"data-focused":X||void 0,"data-focus-visible":Z||void 0,"data-layout":S,"data-orientation":C},M.default.createElement(y.t,{values:[[u.n,A],[w.n,{dragAndDropHooks:g,dragState:G,dropState:K}],[w.i,{render:z}]]},V&&M.default.createElement(H,null),M.default.createElement(ee.t,null,M.default.createElement(te,{collection:A.collection,scrollRef:r,persistedKeys:w.r(R,g,K),renderDropIndicator:w.t(g,K)}))),ae,Y))}var R=t.t(t.f,function(e,t,i){let a=(0,M.useContext)(u.n),{dragAndDropHooks:s,dragState:d,dropState:f}=(0,M.useContext)(w.n),p=r.t(t),{isVirtualized:v}=(0,M.useContext)(x.t),ee=d&&!(d.isDisabled||d.selectionManager.isDisabled(i.key)),{rowProps:T,gridCellProps:E,descriptionProps:D,...O}=_.t({node:i,shouldSelectOnPressUp:!!d,isVirtualized:v,focusMode:e.focusMode,allowsArrowNavigation:e.allowsArrowNavigation},a,p),{hoverProps:k,isHovered:A}=g.t({isDisabled:!O.allowsSelection&&!O.hasAction&&!ee,onHoverStart:i.props.onHoverStart,onHoverChange:i.props.onHoverChange,onHoverEnd:i.props.onHoverEnd}),{isFocusVisible:j,focusProps:N}=h.t(),{isFocusVisible:P,focusProps:F}=h.t({within:!0}),{checkboxProps:I}=m.n({key:i.key},a),L=a.selectionManager.disabledBehavior===`all`&&O.isDisabled?{isDisabled:!0}:{},R=null;d&&s&&(R=s.useDraggableItem({key:i.key,hasDragButton:!0},d));let z=null,B=(0,M.useRef)(null),{visuallyHiddenProps:V}=l.n();f&&s&&(z=s.useDropIndicator({target:{type:`item`,key:i.key,dropPosition:`on`}},f,B));let H=d&&d.isDragging(i.key),U=y.r({...e,id:void 0,children:i.rendered,defaultClassName:`react-aria-GridListItem`,values:{...O,isHovered:A,isFocusVisible:j,isFocusVisibleWithin:P,selectionMode:a.selectionManager.selectionMode,selectionBehavior:a.selectionManager.selectionBehavior,allowsDragging:!!d,isDragging:H,isDropTarget:z?.isDropTarget,id:i.key,state:a}}),W=(0,M.useRef)(null);(0,M.useEffect)(()=>{d&&!W.current&&console.warn(`Draggable items in a GridList must contain a <Button slot="drag"> element so that keyboard and screen reader users can drag them.`)},[]),(0,M.useEffect)(()=>{!i.textValue&&process.env.NODE_ENV!==`production`&&console.warn("A `textValue` prop is required for <GridListItem> elements with non-plain text children in order to support accessibility features such as type to select.")},[i.textValue]);let G=o.t(e,{global:!0});return delete G.id,delete G.onClick,M.default.createElement(M.default.Fragment,null,z&&!z.isHidden&&M.default.createElement(`div`,{role:`row`,style:{position:`absolute`}},M.default.createElement(`div`,{role:`gridcell`},M.default.createElement(`div`,{role:`button`,...V,...z?.dropIndicatorProps,ref:B}))),M.default.createElement(y.o.div,{...n.t(G,U,T,N,F,k,R?.dragProps),ref:p,"data-selected":O.isSelected||void 0,"data-disabled":O.isDisabled||void 0,"data-hovered":A||void 0,"data-focused":O.isFocused||void 0,"data-focus-visible":j||void 0,"data-focus-visible-within":P||void 0,"data-pressed":O.isPressed||void 0,"data-allows-dragging":!!d||void 0,"data-dragging":H||void 0,"data-drop-target":z?.isDropTarget||void 0,"data-selection-mode":a.selectionManager.selectionMode===`none`?void 0:a.selectionManager.selectionMode},M.default.createElement(`div`,{...E,style:{display:`contents`}},M.default.createElement(y.t,{values:[[c.n,{slots:{[y.a]:{},selection:I}}],[c.r,{slots:{[y.a]:{},selection:I}}],[S.t,{slots:{[y.a]:L,drag:{...R?.dragButtonProps,ref:W,style:{pointerEvents:`none`}}}}],[C.n,{slots:{[y.a]:{},description:D}}],[x.t,x.r],[u.n,null],[b.n,null],[b.t,null],[te.t,{isSelected:O.isSelected}]]},U.children))))});function z(e,t){t=r.t(t);let{dragAndDropHooks:n,dropState:i}=(0,M.useContext)(w.n),a=(0,M.useRef)(null),{dropIndicatorProps:o,isHidden:s,isDropTarget:c}=n.useDropIndicator(e,i,a);return s?null:M.default.createElement(V,{...e,dropIndicatorProps:o,isDropTarget:c,buttonRef:a,ref:t})}function B(e,t){let{dropIndicatorProps:n,isDropTarget:r,buttonRef:i,...a}=e,{visuallyHiddenProps:o}=l.n(),s=y.r({...a,defaultClassName:`react-aria-DropIndicator`,values:{isDropTarget:r}});return M.default.createElement(y.o.div,{...s,role:`row`,ref:t,"data-drop-target":r||void 0},M.default.createElement(`div`,{role:`gridcell`},M.default.createElement(`div`,{...o,role:`button`,...n,ref:i}),s.children))}var V=(0,M.forwardRef)(B);function H(){let{dragAndDropHooks:e,dropState:t}=(0,M.useContext)(w.n),n=(0,M.useRef)(null),{dropIndicatorProps:r}=e.useDropIndicator({target:{type:`root`}},t,n),i=t.isDropTarget({type:`root`}),{visuallyHiddenProps:a}=l.n();return!i&&r[`aria-hidden`]?null:M.default.createElement(`div`,{role:`row`,"aria-hidden":r[`aria-hidden`],style:{position:`absolute`}},M.default.createElement(`div`,{role:`gridcell`},M.default.createElement(`div`,{role:`button`,...a,...r,ref:n})))}t.t(t.l,function(e,t,n){let r=(0,M.useContext)(u.n),{isVirtualized:a}=(0,M.useContext)(x.t),{isLoading:s,onLoadMore:c,scrollOffset:l,...f}=e,p=(0,M.useRef)(null),m=(0,M.useMemo)(()=>({onLoadMore:c,collection:r?.collection,sentinelRef:p,scrollOffset:l}),[c,l,p,r?.collection]);d.t(m,p);let h=y.r({...f,id:void 0,children:n.rendered,defaultClassName:`react-aria-GridListLoadingIndicator`,values:void 0});return M.default.createElement(M.default.Fragment,null,M.default.createElement(`div`,{style:{position:`relative`,width:0,height:0},inert:i.i(!0)},M.default.createElement(`div`,{"data-testid":`loadMoreSentinel`,ref:p,style:{position:`absolute`,height:1,width:1}})),s&&h.children&&M.default.createElement(y.o.div,{...h,...o.t(e,{global:!0}),role:`row`,ref:t},M.default.createElement(`div`,{"aria-colindex":a?1:void 0,role:`gridcell`},h.children)))});async function U(e,t,n){let r=[],i=[];for(let n of e)if(p.b(n)&&n.types.has(t))try{r.push(JSON.parse(await n.getText(t)))}catch{}else i.push(n);let a=i.length>0&&n?await n(i):[];return[...r,...a].map(e=>e.key==null&&e.id==null?{...e,key:crypto.randomUUID()}:e)}var W=`nimbus-collection-item`;function G(e,t,n,r){return e.has(n)?t.includes(`move`)?`move`:`cancel`:r.onExternalDrop&&(r.acceptExternalTypes??[]).some(t=>e.has(t))&&t.includes(r.externalDropOperation)?r.externalDropOperation:`cancel`}function K(e){let{dataFormatBase:t=W,dragNamespace:n,onExternalDrop:r,acceptExternalTypes:i,externalDropOperation:a=`copy`,serializeDragItem:o,onInsertItems:s,onAppendItems:c,onReorder:l,onRemoveItems:u}=e,d=n?`${t}:${n}`:t,{dragAndDropHooks:f}=m.t({getItems(e,t){return t.map(e=>({[d]:JSON.stringify(e),...o?.(e)??{}}))},acceptedDragTypes:r?[d,...i??[]]:[d],getDropOperation:(e,t,n)=>G(t,n,d,{onExternalDrop:r,acceptExternalTypes:i,externalDropOperation:a}),async onInsert(e){if(!s)return;let t=await U(e.items,d,r);t.length>0&&s(t,e.target)},async onRootDrop(e){if(!c)return;let t=await U(e.items,d,r);t.length>0&&c(t)},onReorder(e){l?.(e.keys,e.target)},async onDragEnd(e){e.dropOperation===`move`&&!e.isInternal&&u?.(e.keys)}});return{dragAndDropHooks:f}}function q(e){return{onInsertItems(t,n){n.dropPosition===`before`?e.insertBefore(n.key,...t):n.dropPosition===`after`&&e.insertAfter(n.key,...t)},onAppendItems(t){e.append(...t)},onReorder(t,n){n.dropPosition===`before`?e.moveBefore(n.key,t):n.dropPosition===`after`&&e.moveAfter(n.key,t)},onRemoveItems(t){e.remove(...t)}}}var J=e=>{let t=e.key??e.id;if(t==null)throw Error("createArrayHandlers: item has no `key` or `id` field. Provide a custom `getKey` function.");return t};function Y(e,t,n,r){if(typeof process>`u`||process.env.NODE_ENV===`production`)return;let i=n&&t.some(e=>e.key!=null&&e.id!=null&&r(e));console.warn(i?`createArrayHandlers: ${e} matched no item. Your items have both a \`key\` and an \`id\` field, so the default getKey used \`key\`, but this collection is keyed by \`id\`. Pass an explicit getKey, e.g. createArrayHandlers(setItems, (item) => item.id).`:`createArrayHandlers: ${e} matched no item.`)}function ne(e,t=J){let n=t===J;return{onInsertItems(r,i){e(e=>{let a=e.findIndex(e=>t(e)===i.key);if(a===-1)return Y(`the drop target`,e,n,e=>e.id===i.key),[...e,...r];let o=i.dropPosition===`before`?a:a+1;return[...e.slice(0,o),...r,...e.slice(o)]})},onAppendItems(t){e(e=>[...e,...t])},onReorder(r,i){e(e=>{let a=e.filter(e=>r.has(t(e))),o=e.filter(e=>!r.has(t(e))),s=o.findIndex(e=>t(e)===i.key);if(s===-1)return Y(`the reorder target`,e,n,e=>e.id===i.key),[...o,...a];let c=i.dropPosition===`before`?s:s+1;return[...o.slice(0,c),...a,...o.slice(c)]})},onRemoveItems(r){e(e=>{let i=e.filter(e=>!r.has(t(e)));return i.length===e.length&&r.size>0&&Y(`the keys to remove`,e,n,e=>r.has(e.id)),i})}}}var re=Object.prototype.hasOwnProperty;function X(e,t,n){for(n of e.keys())if(Z(n,t))return n}function Z(e,t){var n,r,i;if(e===t)return!0;if(e&&t&&(n=e.constructor)===t.constructor){if(n===Date)return e.getTime()===t.getTime();if(n===RegExp)return e.toString()===t.toString();if(n===Array){if((r=e.length)===t.length)for(;r--&&Z(e[r],t[r]););return r===-1}if(n===Set){if(e.size!==t.size)return!1;for(r of e)if(i=r,i&&typeof i==`object`&&(i=X(t,i),!i)||!t.has(i))return!1;return!0}if(n===Map){if(e.size!==t.size)return!1;for(r of e)if(i=r[0],i&&typeof i==`object`&&(i=X(t,i),!i)||!Z(r[1],t.get(i)))return!1;return!0}if(n===ArrayBuffer)e=new Uint8Array(e),t=new Uint8Array(t);else if(n===DataView){if((r=e.byteLength)===t.byteLength)for(;r--&&e.getInt8(r)===t.getInt8(r););return r===-1}if(ArrayBuffer.isView(e)){if((r=e.byteLength)===t.byteLength)for(;r--&&e[r]===t[r];);return r===-1}if(!n||typeof e==`object`){for(n in r=0,e)if(re.call(e,n)&&++r&&!re.call(t,n)||!(n in t)||!Z(e[n],t[n]))return!1;return Object.keys(t).length===r}}return e!==e&&t!==t}var Q={en:k.t({emptyMessage:`drop items here`,removeButtonLabel:`remove item`}),de:k.t({emptyMessage:`Artikel hier ablegen`,removeButtonLabel:`Artikel entfernen`}),es:k.t({emptyMessage:`Soltar artículos aquí`,removeButtonLabel:`Eliminar artículo`}),"fr-FR":k.t({emptyMessage:`Déposer les articles ici`,removeButtonLabel:`Supprimer l'article`}),"pt-BR":k.t({emptyMessage:`arrastar itens aqui`,removeButtonLabel:`remover item`})},{withProvider:ie,withContext:$}=(0,P.createSlotRecipeContext)({key:`nimbusDraggableList`}),ae=ie(`div`,`root`),oe=$(`div`,`item`),se=$(`div`,`itemContent`),ce=$(`div`,`empty`),le=({children:e,id:t,onRemoveItem:n,removeButtonLabel:r,textValue:i,...a})=>{let o=k.n(Q),s=typeof e==`string`?e:void 0,[l,u]=j.t(a);return(0,N.jsx)(oe,{...l,asChild:!0,children:(0,N.jsx)(R,{id:t,textValue:i??s,...u,children:({allowsDragging:i,selectionBehavior:a,selectionMode:s})=>(0,N.jsxs)(N.Fragment,{children:[i&&(0,N.jsx)(A.t,{slot:`drag`,size:`2xs`,variant:`ghost`,flex:`0 0 auto`,colorPalette:`neutral`,children:(0,N.jsx)(v.t,{})}),s===`multiple`&&a===`toggle`&&(0,N.jsx)(c.t,{flex:`0 0 auto`,slot:`selection`}),(0,N.jsx)(se,{children:e}),n&&(0,N.jsx)(A.t,{"aria-label":r??o.format(`removeButtonLabel`),size:`2xs`,variant:`ghost`,onPress:t?()=>n(t):void 0,flex:`0 0 auto`,colorPalette:`neutral`,children:(0,N.jsx)(D.t,{})})]})})})};le.displayName=`DraggableList.Item`;var ue=`nimbus-draggable-list-item`,de=e=>e.key??e.id,fe=({children:e,ref:t,items:n=[],getKey:r=de,onUpdateItems:i,removableItems:a,renderEmptyState:o,dragNamespace:s,onExternalDrop:c,acceptExternalTypes:l,externalDropOperation:u,serializeDragItem:d,...f})=>{let p=k.n(Q),m=o??p.format(`emptyMessage`),h=E.t({initialItems:n,getKey:r}),g=(0,M.useRef)(!1),_=(0,M.useRef)(n??[]);(0,M.useEffect)(()=>{if(n!==_.current&&!Z(n,_.current)&&!Z(n,h.items)){g.current=!0;let e=h.items.map(e=>r(e));if(h.remove(...e),h.append(...n),h.selectedKeys!==`all`&&h.selectedKeys.size>0){let e=new Set(n.map(e=>r(e))),t=new Set([...h.selectedKeys].filter(t=>e.has(t)));h.setSelectedKeys(t)}_.current=n;let t=!1;return queueMicrotask(()=>{t||(g.current=!1)}),()=>{t=!0}}},[n]),(0,M.useEffect)(()=>{g.current||(_.current=h.items,i?.(h.items))},[h.items,i]);let{dragAndDropHooks:v}=K({dataFormatBase:ue,dragNamespace:s,onExternalDrop:c,acceptExternalTypes:l,externalDropOperation:u,serializeDragItem:d,...q(h)}),y=(0,M.useCallback)(e=>{h.remove(e)},[h.remove]);if(!e&&n?.length>0&&(!n?.[0]?.key||!n?.[0]?.label))throw Error(`Nimbus DraggableList: when "children" is not provided, items must have both "key" and "label" properties`);let[b]=(0,P.useSlotRecipe)({key:`nimbusDraggableList`}).splitVariantProps(f),[x,S]=j.t(f);return(0,N.jsx)(ae,{...x,...b,asChild:!0,children:(0,N.jsx)(I,{ref:t,...S,renderEmptyState:()=>(0,N.jsx)(ce,{children:m}),dragAndDropHooks:v,items:h.items,dependencies:[y],children:t=>e?typeof e==`function`?e({...t,onRemoveItem:a?y:void 0}):e:(0,M.createElement)(le,{...t,key:t.key,onRemoveItem:a?y:void 0},t.label)})})};fe.displayName=`DraggableList.Root`;var pe=({label:e,description:t,error:n,infoBox:r,isRequired:i,isInvalid:a,isDisabled:o,isReadOnly:s,id:c,items:l,...u})=>(0,N.jsxs)(O.t.Root,{id:c,isRequired:i,isInvalid:a,isDisabled:o,isReadOnly:s,children:[(0,N.jsx)(O.t.Label,{children:e}),(0,N.jsx)(O.t.Input,{children:(0,N.jsx)(fe,{disabledKeys:o?l?.map(e=>e.key):void 0,items:l,...u})}),t&&(0,N.jsx)(O.t.Description,{children:t}),n&&(0,N.jsx)(O.t.Error,{children:n}),r&&(0,N.jsx)(O.t.InfoBox,{children:r})]});pe.displayName=`DraggableList.Field`;var me={Root:fe,Item:le,Field:pe};Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return ne}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return me}});
+//# sourceMappingURL=draggable-list-BVxey-BU.cjs.map