@commercetools/nimbus 2.2.0 → 2.3.1

package/dist/chunks/{dialog-gyrFT8w0.cjs.js.map → dialog-D_bclPPG.cjs.js.map}

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

package/dist/chunks/{dialog-DuS3dXVi.es.js → dialog-DnTNN0As.es.js}

@@ -1,15 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
 import m, { useContext as v, createContext as w } from "react";
-import { j as N, k as O } from "./Dialog-B0BQfdQa.es.js";
+import { j as N, k as O } from "./Dialog-C3fAbDNn.es.js";
 import { useSlotRecipe as M, chakra as F } from "@chakra-ui/react/styled-system";
 import { createSlotRecipeContext as B } from "@chakra-ui/react";
-import { a as _ } from "./Button-BjcDZ5eb.es.js";
-import { e as u } from "./extract-style-props-BdibuNZ7.es.js";
-import { $ as H, a as k } from "./Modal-K4JEy19g.es.js";
-import { H as I } from "./heading-nfjoR4vL.es.js";
+import { a as _ } from "./Button-CmpJG0ec.es.js";
+import { e as u } from "./extract-style-props-B8tpnj8B.es.js";
+import { $ as H, a as k } from "./Modal-DJG9WuG4.es.js";
+import { H as I } from "./heading-CwsT9zp_.es.js";
 import { Close as z } from "@commercetools/nimbus-icons";
 import { n as d, u as j } from "./normalize-messages-D5T4I93D.es.js";
-import { I as E } from "./icon-button-CosIm3oY.es.js";
+import { I as E } from "./icon-button-DBBY3Dn9.es.js";
 const { withProvider: L, withContext: a } = /* @__PURE__ */ B({
   key: "dialog"
 }), V = /* @__PURE__ */ L(
@@ -302,4 +302,4 @@ const he = {
 export {
   he as D
 };
-//# sourceMappingURL=dialog-DuS3dXVi.es.js.map
+//# sourceMappingURL=dialog-DnTNN0As.es.js.map

package/dist/chunks/{dialog-DuS3dXVi.es.js.map → dialog-DnTNN0As.es.js.map}

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

package/dist/chunks/{draggable-list-z7a7tu_F.es.js → draggable-list-BA-Ta1tl.es.js}

@@ -1,42 +1,42 @@
 import { jsx as w, jsxs as Qe, Fragment as dt } from "react/jsx-runtime";
-import { F as X } from "./form-field-BfDU18h3.es.js";
+import { F as X } from "./form-field-JQ-0X24M.es.js";
 import A, { useState as Q, useEffect as L, useRef as S, version as st, useCallback as Z, useImperativeHandle as ct, forwardRef as _e, useContext as J, createContext as pt, useMemo as eu, createElement as Dt } from "react";
-import { $ as gt } from "./Button-BjcDZ5eb.es.js";
+import { $ as gt } from "./Button-CmpJG0ec.es.js";
 import { a as mt, b as uu, c as ft } from "./RSPContexts-DLgb84PF.es.js";
-import { f as Bt, h as ke, j as bt } from "./SelectionManager-CX9btso_.es.js";
-import { a as Ke, e as tu, g as Ee, $ as ru } from "./utils-B6pV5ewr.es.js";
-import { a as Ae, e as Be, f as Et, g as xt, h as Ct, i as bn } from "./ListBox-RrHJjnuq.es.js";
+import { f as Bt, h as ke, j as bt } from "./SelectionManager-LP-e3_n1.es.js";
+import { a as Ke, e as tu, g as Ee, $ as ru } from "./utils-9vu7GUaz.es.js";
+import { a as Ae, e as Be, f as Et, g as xt, h as Ct, i as bn } from "./ListBox-CYNLUQ3a.es.js";
 import { a as $t, $ as yt } from "./SelectionIndicator-B27AsfqE.es.js";
 import { $ as vt } from "./Text-DOcU1ycg.es.js";
-import { $ as ht, e as kt, f as At, g as Tt, h as $n } from "./CollectionBuilder-BOe312C_.es.js";
-import { c as ee, d as nu, a as Pe, $ as Ie } from "./mergeProps-Dsl8k3Ig.es.js";
+import { $ as ht, e as kt, f as At, g as Tt, h as $n } from "./CollectionBuilder-DYW6tbzU.es.js";
+import { b as ee, c as nu, $ as Pe, a as Ie } from "./mergeProps-D1jjFfMs.es.js";
 import { $ as ou } from "./filterDOMProps-BSVCO5jK.es.js";
 import { $ as au } from "./useObjectRef-CaJ5pgjX.es.js";
-import { a as Ft, $ as St, b as An } from "./useListState-Dd0Mtev3.es.js";
-import { b as Kt, c as Pt, a as It, $ as zt } from "./useGridListItem-CJrr2QNO.es.js";
+import { a as Ft, $ as St, b as An } from "./useListState-BgQn1ZbV.es.js";
+import { b as Kt, c as Pt, a as It, $ as zt } from "./useGridListItem-W6DzfYRB.es.js";
 import { $ as ne } from "./useLocalizedStringFormatter-DWb0DkHL.es.js";
-import { $ as wt } from "./useHover-BQRSM3qT.es.js";
-import { $ as iu } from "./useFocusRing-FPt2Rwil.es.js";
-import { b as Ot } from "./FocusScope-CqEZq7sr.es.js";
-import { a as ze } from "./VisuallyHidden-BLRzeMsq.es.js";
+import { $ as wt } from "./useHover-BtRK9g2L.es.js";
+import { $ as iu } from "./useFocusRing-oMAqzr3e.es.js";
+import { b as Ot } from "./FocusScope-bj_mamFe.es.js";
+import { a as ze } from "./VisuallyHidden-BIA5VRNP.es.js";
 import { $ as Vt } from "./useCollator-BjnMaGJd.es.js";
 import { $ as lu } from "./context-DW7UvQ8z.es.js";
-import { c as He } from "./Header-CiYtrnTw.es.js";
-import { f as jt, b as Lt, e as du, d as su, c as ae } from "./useFocusVisible-B3HmFL2Q.es.js";
+import { c as He } from "./Header-Dc_tzDs3.es.js";
+import { f as jt, b as Lt, e as du, d as su, c as ae } from "./useFocusVisible-Uw6yFmFY.es.js";
 import { $ as ie } from "./LiveAnnouncer-CsPyaceH.es.js";
-import { d as Rt } from "./Dialog-B0BQfdQa.es.js";
-import { $ as Mt } from "./getScrollParent-MZgwmCKW.es.js";
-import { a as we, $ as Nt } from "./scrollIntoView-B7D07fJk.es.js";
+import { d as Rt } from "./Dialog-C3fAbDNn.es.js";
+import { $ as Mt } from "./getScrollParent-DlqhSzBC.es.js";
+import { a as we, $ as Nt } from "./scrollIntoView-CQMm8-SR.es.js";
 import { b as Ht, c as Ut, a as qt, f as Gt } from "./platform-Z5fvtFmM.es.js";
 import { $ as Xt } from "./useGlobalListeners-BOOfV5Wh.es.js";
 import { flushSync as Yt } from "react-dom";
 import { useSlotRecipe as Zt } from "@chakra-ui/react/styled-system";
-import { e as cu } from "./extract-style-props-BdibuNZ7.es.js";
+import { e as cu } from "./extract-style-props-B8tpnj8B.es.js";
 import { n as ue, u as pu } from "./normalize-messages-D5T4I93D.es.js";
 import { createSlotRecipeContext as Jt } from "@chakra-ui/react";
 import { DragIndicator as Wt, Close as Qt } from "@commercetools/nimbus-icons";
-import { C as _t } from "./checkbox-CputcCVr.es.js";
-import { I as Ue } from "./icon-button-CosIm3oY.es.js";
+import { C as _t } from "./checkbox-DyjLPpNB.es.js";
+import { I as Ue } from "./icon-button-DBBY3Dn9.es.js";
 import { a as er } from "./useListData-CX8_NxJv.es.js";
 var I = /* @__PURE__ */ (function(e) {
   return e[e.none = 0] = "none", e[e.cancel = 0] = "cancel", e[e.move = 1] = "move", e[e.copy = 2] = "copy", e[e.link = 4] = "link", e[e.all = 7] = "all", e;
@@ -4107,4 +4107,4 @@ export {
   Re as b,
   ot as c
 };
-//# sourceMappingURL=draggable-list-z7a7tu_F.es.js.map
+//# sourceMappingURL=draggable-list-BA-Ta1tl.es.js.map