@commercetools/nimbus 0.0.0-canary-20251024125521 → 0.0.0-canary-20251024153651

package/dist/chunks/{drawer-LRm6SeM-.es.js → drawer-CEcfCY6S.es.js}

@@ -2,14 +2,14 @@ import { jsx as r } from "react/jsx-runtime";
 import w, { useContext as S, createContext as R } from "react";
 import { k as v, h as N } from "./Dialog-C3sNnu1k.es.js";
 import { createSlotRecipeContext as O, useSlotRecipe as H, chakra as B } from "@chakra-ui/react/styled-system";
-import { l as m } from "./index-CaeeOiBp.es.js";
+import { l as m } from "./index-DlmEj62V.es.js";
 import { a as I } from "./Button-C4ud7YxN.es.js";
-import { e as g } from "./extract-style-props-CZpdYA8m.es.js";
+import { e as g } from "./extract-style-props-CTVOvGhe.es.js";
 import { $ as M, a as F } from "./Modal-BTJk-mW-.es.js";
 import { H as k } from "./heading-14HwlWvH.es.js";
 import { Close as E } from "@commercetools/nimbus-icons";
 import { defineMessages as V, useIntl as _ } from "react-intl";
-import { I as j } from "./icon-button-g4dZUH5O.es.js";
+import { I as j } from "./icon-button-CKfDmEjG.es.js";
 const { withProvider: z, withContext: s } = /* @__PURE__ */ O({
   recipe: m
 }), A = /* @__PURE__ */ z(
@@ -301,4 +301,4 @@ const we = {
 export {
   we as D
 };
-//# sourceMappingURL=drawer-LRm6SeM-.es.js.map
+//# sourceMappingURL=drawer-CEcfCY6S.es.js.map

package/dist/chunks/{drawer-LRm6SeM-.es.js.map → drawer-CEcfCY6S.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"drawer-LRm6SeM-.es.js","sources":["../../src/components/drawer/drawer.slots.tsx","../../src/components/drawer/components/drawer.context.tsx","../../src/components/drawer/components/drawer.root.tsx","../../src/components/drawer/components/drawer.trigger.tsx","../../src/components/drawer/components/drawer.content.tsx","../../src/components/drawer/components/drawer.header.tsx","../../src/components/drawer/components/drawer.body.tsx","../../src/components/drawer/components/drawer.footer.tsx","../../src/components/drawer/components/drawer.title.tsx","../../src/components/drawer/drawer.i18n.ts","../../src/components/drawer/components/drawer.close-trigger.tsx","../../src/components/drawer/drawer.tsx"],"sourcesContent":["import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { drawerSlotRecipe } from \"./drawer.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: drawerSlotRecipe,\n});\n\n// Root slot - provides recipe context + config to all child components\nexport type DrawerRootSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerRootSlot = withProvider<HTMLDivElement, DrawerRootSlotProps>(\n  \"div\",\n  \"root\"\n);\n\n// Trigger slot - button that opens the drawer\nexport type DrawerTriggerSlotProps = HTMLChakraProps<\"button\">;\nexport const DrawerTriggerSlot = withContext<\n  HTMLButtonElement,\n  DrawerTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Backdrop slot - overlay displayed behind the drawer\nexport type DrawerModalOverlaySlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerModalOverlaySlot = withContext<\n  HTMLDivElement,\n  DrawerModalOverlaySlotProps\n>(\"div\", \"modalOverlay\");\n\n// modal slot - positions the drawer content\nexport type DrawerModalSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerModalSlot = withContext<\n  HTMLDivElement,\n  DrawerModalSlotProps\n>(\"div\", \"modal\");\n\n// Content slot - main drawer container\nexport type DrawerContentSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerContentSlot = withContext<\n  HTMLDivElement,\n  DrawerContentSlotProps\n>(\"div\", \"content\");\n\n// Header slot - drawer header section\nexport type DrawerHeaderSlotProps = HTMLChakraProps<\"header\">;\nexport const DrawerHeaderSlot = withContext<HTMLElement, DrawerHeaderSlotProps>(\n  \"header\",\n  \"header\"\n);\n\n// Body slot - drawer body content\nexport type DrawerBodySlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerBodySlot = withContext<HTMLDivElement, DrawerBodySlotProps>(\n  \"div\",\n  \"body\"\n);\n\n// Footer slot - drawer footer section with actions\nexport type DrawerFooterSlotProps = HTMLChakraProps<\"footer\">;\nexport const DrawerFooterSlot = withContext<HTMLElement, DrawerFooterSlotProps>(\n  \"footer\",\n  \"footer\"\n);\n\n// Title slot - accessible drawer title\nexport type DrawerTitleSlotProps = HTMLChakraProps<\"h2\">;\nexport const DrawerTitleSlot = withContext<\n  HTMLHeadingElement,\n  DrawerTitleSlotProps\n>(\"h2\", \"title\");\n\n// Close trigger slot - div container for positioning close button\nexport type DrawerCloseTriggerSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerCloseTriggerSlot = withContext<\n  HTMLDivElement,\n  DrawerCloseTriggerSlotProps\n>(\"div\", \"closeTrigger\");\n","import { createContext, useContext } from \"react\";\nimport type { DrawerRootProps } from \"../drawer.types\";\n\n/**\n * Context value containing drawer configuration passed from Root to child components\n */\nexport type DrawerContextValue = DrawerRootProps;\n\nexport const DrawerContext = createContext<DrawerContextValue | undefined>(\n  undefined\n);\n\n/**\n * Hook to access drawer configuration from DrawerContext\n * @returns Drawer configuration from context\n * @throws Error if used outside of Drawer.Root\n */\nexport const useDrawerRootContext = (): DrawerContextValue => {\n  const context = useContext(DrawerContext);\n  if (!context) {\n    throw new Error(\"useDrawerContext must be used within Drawer.Root\");\n  }\n  return context;\n};\n\n/**\n * Provider component that passes drawer configuration down to child components\n */\nexport const DrawerProvider = ({\n  children,\n  value,\n}: {\n  children: React.ReactNode;\n  value: DrawerContextValue;\n}) => {\n  return <DrawerContext value={value}>{children}</DrawerContext>;\n};\n","import React from \"react\";\nimport { DialogTrigger as RaDialogTrigger } from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DrawerRootSlot } from \"../drawer.slots\";\nimport type { DrawerRootProps } from \"../drawer.types\";\nimport { DrawerProvider } from \"./drawer.context\";\nimport { drawerSlotRecipe } from \"../drawer.recipe\";\n\nexport const DrawerRoot = (props: DrawerRootProps) => {\n  const recipe = useSlotRecipe({ recipe: drawerSlotRecipe });\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 = <DrawerRootSlot {...recipeProps}>{children}</DrawerRootSlot>;\n\n  // Check if any child is a Drawer.Trigger component\n  // React Aria's DialogTrigger needs a pressable child, so we only use it when there's a trigger\n  const hasDrawerTrigger = 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 === \"DrawerTrigger\" || displayName === \"Drawer.Trigger\"\n      );\n    }\n    return false;\n  });\n\n  // Share all props (config + variant props) with the Drawer subcomponents\n  return (\n    <DrawerProvider value={props}>\n      {hasDrawerTrigger ? (\n        // When there's a Drawer.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 Drawer.Trigger, skip DialogTrigger to avoid the warning\n        content\n      )}\n    </DrawerProvider>\n  );\n};\n\nDrawerRoot.displayName = \"Drawer.Root\";\n","import { Button as RaButton } from \"react-aria-components\";\nimport { DrawerTriggerSlot } from \"../drawer.slots\";\nimport type { DrawerTriggerProps } from \"../drawer.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\n\nexport const DrawerTrigger = ({\n  ref: forwardedRef,\n  children,\n  asChild,\n  ...props\n}: DrawerTriggerProps) => {\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 DrawerTriggerSlot and RaButton\n  // Only pass React Aria compatible props to avoid type conflicts\n  return (\n    <DrawerTriggerSlot {...styleProps} asChild>\n      <RaButton ref={forwardedRef} {...restProps}>\n        {children}\n      </RaButton>\n    </DrawerTriggerSlot>\n  );\n};\n\nDrawerTrigger.displayName = \"Drawer.Trigger\";\n","import {\n  Modal as RaModal,\n  ModalOverlay as RaModalOverlay,\n  Dialog as RaDialog,\n} from \"react-aria-components\";\nimport {\n  DrawerModalOverlaySlot,\n  DrawerModalSlot,\n  DrawerContentSlot,\n} from \"../drawer.slots\";\nimport type { DrawerContentProps } from \"../drawer.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useDrawerRootContext } from \"./drawer.context\";\n\nexport const DrawerContent = (props: DrawerContentProps) => {\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  } = useDrawerRootContext();\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    <DrawerModalOverlaySlot asChild>\n      <RaModalOverlay {...modalProps}>\n        <DrawerModalSlot asChild>\n          <RaModal>\n            <DrawerContentSlot asChild {...styleProps}>\n              <RaDialog ref={forwardedRef}>{children}</RaDialog>\n            </DrawerContentSlot>\n          </RaModal>\n        </DrawerModalSlot>\n      </RaModalOverlay>\n    </DrawerModalOverlaySlot>\n  );\n};\n\nDrawerContent.displayName = \"Drawer.Content\";\n","import { DrawerHeaderSlot } from \"../drawer.slots\";\nimport type { DrawerHeaderProps } from \"../drawer.types\";\n\nexport const DrawerHeader = (props: DrawerHeaderProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerHeaderSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DrawerHeaderSlot>\n  );\n};\n\nDrawerHeader.displayName = \"Drawer.Header\";\n","import { DrawerBodySlot } from \"../drawer.slots\";\nimport type { DrawerBodyProps } from \"../drawer.types\";\n\nexport const DrawerBody = (props: DrawerBodyProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const defaultProps = {\n    /**\n     * Set tabIndex to 0 to allow the body to receive focus,\n     * effectively enabling scrolling via keyboard arrow keys.\n     */\n    tabIndex: 0,\n  };\n\n  return (\n    <DrawerBodySlot ref={forwardedRef} {...defaultProps} {...restProps}>\n      {children}\n    </DrawerBodySlot>\n  );\n};\n\nDrawerBody.displayName = \"Drawer.Body\";\n","import { DrawerFooterSlot } from \"../drawer.slots\";\nimport type { DrawerFooterProps } from \"../drawer.types\";\n\nexport const DrawerFooter = (props: DrawerFooterProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerFooterSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DrawerFooterSlot>\n  );\n};\n\nDrawerFooter.displayName = \"Drawer.Footer\";\n","import { DrawerTitleSlot } from \"../drawer.slots\";\nimport type { DrawerTitleProps } from \"../drawer.types\";\nimport { Heading } from \"@/components\";\n\nexport const DrawerTitle = (props: DrawerTitleProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerTitleSlot asChild {...restProps}>\n      <Heading ref={forwardedRef} slot=\"title\" as=\"h2\" textStyle=\"lg\">\n        {children}\n      </Heading>\n    </DrawerTitleSlot>\n  );\n};\n\nDrawerTitle.displayName = \"Drawer.Title\";\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  closeTrigger: {\n    id: \"Nimbus.Drawer.closeTrigger\",\n    description: \"aria-label for the default close trigger button\",\n    defaultMessage: \"Close drawer\",\n  },\n});\n","import { Close } from \"@commercetools/nimbus-icons\";\nimport { DrawerCloseTriggerSlot } from \"../drawer.slots\";\nimport type { DrawerCloseTriggerProps } from \"../drawer.types\";\nimport { IconButton } from \"@/components\";\nimport { messages } from \"../drawer.i18n\";\nimport { useIntl } from \"react-intl\";\n\nexport const DrawerCloseTrigger = (props: DrawerCloseTriggerProps) => {\n  const { ref: forwardedRef, \"aria-label\": ariaLabel, ...restProps } = props;\n  const intl = useIntl();\n\n  return (\n    <DrawerCloseTriggerSlot>\n      <IconButton\n        ref={forwardedRef}\n        slot=\"close\"\n        size=\"xs\"\n        variant=\"ghost\"\n        aria-label={ariaLabel || intl.formatMessage(messages.closeTrigger)}\n        {...restProps}\n      >\n        <Close />\n      </IconButton>\n    </DrawerCloseTriggerSlot>\n  );\n};\n\nDrawerCloseTrigger.displayName = \"Drawer.CloseTrigger\";\n","import { DrawerRoot } from \"./components/drawer.root\";\nimport { DrawerTrigger } from \"./components/drawer.trigger\";\nimport { DrawerContent } from \"./components/drawer.content\";\nimport { DrawerHeader } from \"./components/drawer.header\";\nimport { DrawerBody } from \"./components/drawer.body\";\nimport { DrawerFooter } from \"./components/drawer.footer\";\nimport { DrawerTitle } from \"./components/drawer.title\";\nimport { DrawerCloseTrigger } from \"./components/drawer.close-trigger\";\n\n/**\n * Drawer\n * ============================================================\n * A foundational drawer component for overlays that require user attention.\n * Built 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 * <Drawer.Root>\n *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n *   <Drawer.Content size=\"md\" placement=\"center\">\n *     <Drawer.Header>\n *       <Drawer.Title>Drawer Title</Drawer.Title>\n *       <Drawer.CloseTrigger>×</Drawer.CloseTrigger>\n *     </Drawer.Header>\n *     <Drawer.Body>\n *       Drawer content goes here\n *     </Drawer.Body>\n *     <Drawer.Footer>\n *       <button>Cancel</button>\n *       <button>Save</button>\n *     </Drawer.Footer>\n *   </Drawer.Content>\n * </Drawer.Root>\n * ```\n * @see https://nimbus-documentation.vercel.app/components/feedback/drawer\n */\nexport const Drawer = {\n  /**\n   * # Drawer.Root\n   *\n   * The root component that provides context and state management for the drawer.\n   * Handles accessibility and keyboard interaction.\n   *\n   * This component must wrap all drawer parts (Trigger, Content, etc.) and provides\n   * the drawer open/close state and variant styling context.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>\n   *     <Drawer.Header>\n   *       <Drawer.Title>Drawer Title</Drawer.Title>\n   *     </Drawer.Header>\n   *     <Drawer.Body>Drawer content</Drawer.Body>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Root: DrawerRoot,\n  /**\n   * # Drawer.Trigger\n   *\n   * The trigger element that opens the drawer when activated.\n   * Provides accessibility and keyboard support.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>...</Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Trigger: DrawerTrigger,\n  /**\n   * # Drawer.Content\n   *\n   * The main drawer content container that handles portalling, backdrop,\n   * positioning, and content styling.\n   *\n   * This component creates the drawer overlay, positions the content, and provides\n   * accessibility features like focus management and keyboard dismissal.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content size=\"md\" placement=\"center\">\n   *     <Drawer.Header>\n   *       <Drawer.Title>Title</Drawer.Title>\n   *     </Drawer.Header>\n   *     <Drawer.Body>Content</Drawer.Body>\n   *     <Drawer.Footer>Actions</Drawer.Footer>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Content: DrawerContent,\n  /**\n   * # Drawer.Header\n   *\n   * The header section of the drawer content.\n   * Typically contains the title and close button.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>\n   *     <Drawer.Title>Drawer Title</Drawer.Title>\n   *     <Drawer.CloseTrigger />\n   *   </Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   * </Drawer.Content>\n   * ```\n   */\n  Header: DrawerHeader,\n  /**\n   * # Drawer.Body\n   *\n   * The main body content section of the drawer.\n   * Contains the primary drawer content and handles overflow/scrolling.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>...</Drawer.Header>\n   *   <Drawer.Body>\n   *     <p>This is the main content of the drawer.</p>\n   *   </Drawer.Body>\n   *   <Drawer.Footer>...</Drawer.Footer>\n   * </Drawer.Content>\n   * ```\n   */\n  Body: DrawerBody,\n  /**\n   * # Drawer.Footer\n   *\n   * The footer section of the drawer, typically containing action buttons.\n   * Provides consistent spacing and alignment for drawer actions.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>...</Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   *   <Drawer.Footer>\n   *     <Button variant=\"outline\">Cancel</Button>\n   *     <Button>Confirm</Button>\n   *   </Drawer.Footer>\n   * </Drawer.Content>\n   * ```\n   */\n  Footer: DrawerFooter,\n  /**\n   * # Drawer.Title\n   *\n   * The accessible title element for the drawer.\n   * Provides proper accessibility and screen reader support.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>\n   *     <Drawer.Title>Confirm Action</Drawer.Title>\n   *   </Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   * </Drawer.Content>\n   * ```\n   */\n  Title: DrawerTitle,\n  /**\n   * # Drawer.CloseTrigger\n   *\n   * A button that closes the drawer when activated.\n   * Displays an IconButton with a close (X) icon by default.\n   *\n   * The component automatically handles the close behavior,\n   * so no additional onPress handler is needed.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>\n   *     <Drawer.Header>\n   *       <Drawer.Title>Title</Drawer.Title>\n   *       <Drawer.CloseTrigger aria-label=\"Close drawer\" />\n   *     </Drawer.Header>\n   *     <Drawer.Body>Content</Drawer.Body>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  CloseTrigger: DrawerCloseTrigger,\n};\n\n// Internal exports for react-docgen\nexport {\n  DrawerRoot as _DrawerRoot,\n  DrawerTrigger as _DrawerTrigger,\n  DrawerContent as _DrawerContent,\n  DrawerHeader as _DrawerHeader,\n  DrawerBody as _DrawerBody,\n  DrawerFooter as _DrawerFooter,\n  DrawerTitle as _DrawerTitle,\n  DrawerCloseTrigger as _DrawerCloseTrigger,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","drawerSlotRecipe","DrawerRootSlot","DrawerTriggerSlot","DrawerModalOverlaySlot","DrawerModalSlot","DrawerContentSlot","DrawerHeaderSlot","DrawerBodySlot","DrawerFooterSlot","DrawerTitleSlot","DrawerCloseTriggerSlot","DrawerContext","createContext","useDrawerRootContext","context","useContext","DrawerProvider","children","value","jsx","DrawerRoot","props","recipe","useSlotRecipe","recipeProps","isOpen","onOpenChange","defaultOpen","content","hasDrawerTrigger","React","child","displayName","RaDialogTrigger","DrawerTrigger","forwardedRef","asChild","chakra","styleProps","restProps","extractStyleProps","RaButton","DrawerContent","isDismissable","isKeyboardDismissDisabled","shouldCloseOnInteractOutside","modalProps","RaModalOverlay","RaModal","RaDialog","DrawerHeader","DrawerBody","DrawerFooter","DrawerTitle","Heading","messages","defineMessages","DrawerCloseTrigger","ariaLabel","intl","useIntl","IconButton","Close","Drawer"],"mappings":"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"}
+{"version":3,"file":"drawer-CEcfCY6S.es.js","sources":["../../src/components/drawer/drawer.slots.tsx","../../src/components/drawer/components/drawer.context.tsx","../../src/components/drawer/components/drawer.root.tsx","../../src/components/drawer/components/drawer.trigger.tsx","../../src/components/drawer/components/drawer.content.tsx","../../src/components/drawer/components/drawer.header.tsx","../../src/components/drawer/components/drawer.body.tsx","../../src/components/drawer/components/drawer.footer.tsx","../../src/components/drawer/components/drawer.title.tsx","../../src/components/drawer/drawer.i18n.ts","../../src/components/drawer/components/drawer.close-trigger.tsx","../../src/components/drawer/drawer.tsx"],"sourcesContent":["import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { drawerSlotRecipe } from \"./drawer.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: drawerSlotRecipe,\n});\n\n// Root slot - provides recipe context + config to all child components\nexport type DrawerRootSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerRootSlot = withProvider<HTMLDivElement, DrawerRootSlotProps>(\n  \"div\",\n  \"root\"\n);\n\n// Trigger slot - button that opens the drawer\nexport type DrawerTriggerSlotProps = HTMLChakraProps<\"button\">;\nexport const DrawerTriggerSlot = withContext<\n  HTMLButtonElement,\n  DrawerTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Backdrop slot - overlay displayed behind the drawer\nexport type DrawerModalOverlaySlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerModalOverlaySlot = withContext<\n  HTMLDivElement,\n  DrawerModalOverlaySlotProps\n>(\"div\", \"modalOverlay\");\n\n// modal slot - positions the drawer content\nexport type DrawerModalSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerModalSlot = withContext<\n  HTMLDivElement,\n  DrawerModalSlotProps\n>(\"div\", \"modal\");\n\n// Content slot - main drawer container\nexport type DrawerContentSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerContentSlot = withContext<\n  HTMLDivElement,\n  DrawerContentSlotProps\n>(\"div\", \"content\");\n\n// Header slot - drawer header section\nexport type DrawerHeaderSlotProps = HTMLChakraProps<\"header\">;\nexport const DrawerHeaderSlot = withContext<HTMLElement, DrawerHeaderSlotProps>(\n  \"header\",\n  \"header\"\n);\n\n// Body slot - drawer body content\nexport type DrawerBodySlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerBodySlot = withContext<HTMLDivElement, DrawerBodySlotProps>(\n  \"div\",\n  \"body\"\n);\n\n// Footer slot - drawer footer section with actions\nexport type DrawerFooterSlotProps = HTMLChakraProps<\"footer\">;\nexport const DrawerFooterSlot = withContext<HTMLElement, DrawerFooterSlotProps>(\n  \"footer\",\n  \"footer\"\n);\n\n// Title slot - accessible drawer title\nexport type DrawerTitleSlotProps = HTMLChakraProps<\"h2\">;\nexport const DrawerTitleSlot = withContext<\n  HTMLHeadingElement,\n  DrawerTitleSlotProps\n>(\"h2\", \"title\");\n\n// Close trigger slot - div container for positioning close button\nexport type DrawerCloseTriggerSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerCloseTriggerSlot = withContext<\n  HTMLDivElement,\n  DrawerCloseTriggerSlotProps\n>(\"div\", \"closeTrigger\");\n","import { createContext, useContext } from \"react\";\nimport type { DrawerRootProps } from \"../drawer.types\";\n\n/**\n * Context value containing drawer configuration passed from Root to child components\n */\nexport type DrawerContextValue = DrawerRootProps;\n\nexport const DrawerContext = createContext<DrawerContextValue | undefined>(\n  undefined\n);\n\n/**\n * Hook to access drawer configuration from DrawerContext\n * @returns Drawer configuration from context\n * @throws Error if used outside of Drawer.Root\n */\nexport const useDrawerRootContext = (): DrawerContextValue => {\n  const context = useContext(DrawerContext);\n  if (!context) {\n    throw new Error(\"useDrawerContext must be used within Drawer.Root\");\n  }\n  return context;\n};\n\n/**\n * Provider component that passes drawer configuration down to child components\n */\nexport const DrawerProvider = ({\n  children,\n  value,\n}: {\n  children: React.ReactNode;\n  value: DrawerContextValue;\n}) => {\n  return <DrawerContext value={value}>{children}</DrawerContext>;\n};\n","import React from \"react\";\nimport { DialogTrigger as RaDialogTrigger } from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DrawerRootSlot } from \"../drawer.slots\";\nimport type { DrawerRootProps } from \"../drawer.types\";\nimport { DrawerProvider } from \"./drawer.context\";\nimport { drawerSlotRecipe } from \"../drawer.recipe\";\n\nexport const DrawerRoot = (props: DrawerRootProps) => {\n  const recipe = useSlotRecipe({ recipe: drawerSlotRecipe });\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 = <DrawerRootSlot {...recipeProps}>{children}</DrawerRootSlot>;\n\n  // Check if any child is a Drawer.Trigger component\n  // React Aria's DialogTrigger needs a pressable child, so we only use it when there's a trigger\n  const hasDrawerTrigger = 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 === \"DrawerTrigger\" || displayName === \"Drawer.Trigger\"\n      );\n    }\n    return false;\n  });\n\n  // Share all props (config + variant props) with the Drawer subcomponents\n  return (\n    <DrawerProvider value={props}>\n      {hasDrawerTrigger ? (\n        // When there's a Drawer.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 Drawer.Trigger, skip DialogTrigger to avoid the warning\n        content\n      )}\n    </DrawerProvider>\n  );\n};\n\nDrawerRoot.displayName = \"Drawer.Root\";\n","import { Button as RaButton } from \"react-aria-components\";\nimport { DrawerTriggerSlot } from \"../drawer.slots\";\nimport type { DrawerTriggerProps } from \"../drawer.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\n\nexport const DrawerTrigger = ({\n  ref: forwardedRef,\n  children,\n  asChild,\n  ...props\n}: DrawerTriggerProps) => {\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 DrawerTriggerSlot and RaButton\n  // Only pass React Aria compatible props to avoid type conflicts\n  return (\n    <DrawerTriggerSlot {...styleProps} asChild>\n      <RaButton ref={forwardedRef} {...restProps}>\n        {children}\n      </RaButton>\n    </DrawerTriggerSlot>\n  );\n};\n\nDrawerTrigger.displayName = \"Drawer.Trigger\";\n","import {\n  Modal as RaModal,\n  ModalOverlay as RaModalOverlay,\n  Dialog as RaDialog,\n} from \"react-aria-components\";\nimport {\n  DrawerModalOverlaySlot,\n  DrawerModalSlot,\n  DrawerContentSlot,\n} from \"../drawer.slots\";\nimport type { DrawerContentProps } from \"../drawer.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useDrawerRootContext } from \"./drawer.context\";\n\nexport const DrawerContent = (props: DrawerContentProps) => {\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  } = useDrawerRootContext();\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    <DrawerModalOverlaySlot asChild>\n      <RaModalOverlay {...modalProps}>\n        <DrawerModalSlot asChild>\n          <RaModal>\n            <DrawerContentSlot asChild {...styleProps}>\n              <RaDialog ref={forwardedRef}>{children}</RaDialog>\n            </DrawerContentSlot>\n          </RaModal>\n        </DrawerModalSlot>\n      </RaModalOverlay>\n    </DrawerModalOverlaySlot>\n  );\n};\n\nDrawerContent.displayName = \"Drawer.Content\";\n","import { DrawerHeaderSlot } from \"../drawer.slots\";\nimport type { DrawerHeaderProps } from \"../drawer.types\";\n\nexport const DrawerHeader = (props: DrawerHeaderProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerHeaderSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DrawerHeaderSlot>\n  );\n};\n\nDrawerHeader.displayName = \"Drawer.Header\";\n","import { DrawerBodySlot } from \"../drawer.slots\";\nimport type { DrawerBodyProps } from \"../drawer.types\";\n\nexport const DrawerBody = (props: DrawerBodyProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const defaultProps = {\n    /**\n     * Set tabIndex to 0 to allow the body to receive focus,\n     * effectively enabling scrolling via keyboard arrow keys.\n     */\n    tabIndex: 0,\n  };\n\n  return (\n    <DrawerBodySlot ref={forwardedRef} {...defaultProps} {...restProps}>\n      {children}\n    </DrawerBodySlot>\n  );\n};\n\nDrawerBody.displayName = \"Drawer.Body\";\n","import { DrawerFooterSlot } from \"../drawer.slots\";\nimport type { DrawerFooterProps } from \"../drawer.types\";\n\nexport const DrawerFooter = (props: DrawerFooterProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerFooterSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DrawerFooterSlot>\n  );\n};\n\nDrawerFooter.displayName = \"Drawer.Footer\";\n","import { DrawerTitleSlot } from \"../drawer.slots\";\nimport type { DrawerTitleProps } from \"../drawer.types\";\nimport { Heading } from \"@/components\";\n\nexport const DrawerTitle = (props: DrawerTitleProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerTitleSlot asChild {...restProps}>\n      <Heading ref={forwardedRef} slot=\"title\" as=\"h2\" textStyle=\"lg\">\n        {children}\n      </Heading>\n    </DrawerTitleSlot>\n  );\n};\n\nDrawerTitle.displayName = \"Drawer.Title\";\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  closeTrigger: {\n    id: \"Nimbus.Drawer.closeTrigger\",\n    description: \"aria-label for the default close trigger button\",\n    defaultMessage: \"Close drawer\",\n  },\n});\n","import { Close } from \"@commercetools/nimbus-icons\";\nimport { DrawerCloseTriggerSlot } from \"../drawer.slots\";\nimport type { DrawerCloseTriggerProps } from \"../drawer.types\";\nimport { IconButton } from \"@/components\";\nimport { messages } from \"../drawer.i18n\";\nimport { useIntl } from \"react-intl\";\n\nexport const DrawerCloseTrigger = (props: DrawerCloseTriggerProps) => {\n  const { ref: forwardedRef, \"aria-label\": ariaLabel, ...restProps } = props;\n  const intl = useIntl();\n\n  return (\n    <DrawerCloseTriggerSlot>\n      <IconButton\n        ref={forwardedRef}\n        slot=\"close\"\n        size=\"xs\"\n        variant=\"ghost\"\n        aria-label={ariaLabel || intl.formatMessage(messages.closeTrigger)}\n        {...restProps}\n      >\n        <Close />\n      </IconButton>\n    </DrawerCloseTriggerSlot>\n  );\n};\n\nDrawerCloseTrigger.displayName = \"Drawer.CloseTrigger\";\n","import { DrawerRoot } from \"./components/drawer.root\";\nimport { DrawerTrigger } from \"./components/drawer.trigger\";\nimport { DrawerContent } from \"./components/drawer.content\";\nimport { DrawerHeader } from \"./components/drawer.header\";\nimport { DrawerBody } from \"./components/drawer.body\";\nimport { DrawerFooter } from \"./components/drawer.footer\";\nimport { DrawerTitle } from \"./components/drawer.title\";\nimport { DrawerCloseTrigger } from \"./components/drawer.close-trigger\";\n\n/**\n * Drawer\n * ============================================================\n * A foundational drawer component for overlays that require user attention.\n * Built 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 * <Drawer.Root>\n *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n *   <Drawer.Content size=\"md\" placement=\"center\">\n *     <Drawer.Header>\n *       <Drawer.Title>Drawer Title</Drawer.Title>\n *       <Drawer.CloseTrigger>×</Drawer.CloseTrigger>\n *     </Drawer.Header>\n *     <Drawer.Body>\n *       Drawer content goes here\n *     </Drawer.Body>\n *     <Drawer.Footer>\n *       <button>Cancel</button>\n *       <button>Save</button>\n *     </Drawer.Footer>\n *   </Drawer.Content>\n * </Drawer.Root>\n * ```\n * @see https://nimbus-documentation.vercel.app/components/feedback/drawer\n */\nexport const Drawer = {\n  /**\n   * # Drawer.Root\n   *\n   * The root component that provides context and state management for the drawer.\n   * Handles accessibility and keyboard interaction.\n   *\n   * This component must wrap all drawer parts (Trigger, Content, etc.) and provides\n   * the drawer open/close state and variant styling context.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>\n   *     <Drawer.Header>\n   *       <Drawer.Title>Drawer Title</Drawer.Title>\n   *     </Drawer.Header>\n   *     <Drawer.Body>Drawer content</Drawer.Body>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Root: DrawerRoot,\n  /**\n   * # Drawer.Trigger\n   *\n   * The trigger element that opens the drawer when activated.\n   * Provides accessibility and keyboard support.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>...</Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Trigger: DrawerTrigger,\n  /**\n   * # Drawer.Content\n   *\n   * The main drawer content container that handles portalling, backdrop,\n   * positioning, and content styling.\n   *\n   * This component creates the drawer overlay, positions the content, and provides\n   * accessibility features like focus management and keyboard dismissal.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content size=\"md\" placement=\"center\">\n   *     <Drawer.Header>\n   *       <Drawer.Title>Title</Drawer.Title>\n   *     </Drawer.Header>\n   *     <Drawer.Body>Content</Drawer.Body>\n   *     <Drawer.Footer>Actions</Drawer.Footer>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Content: DrawerContent,\n  /**\n   * # Drawer.Header\n   *\n   * The header section of the drawer content.\n   * Typically contains the title and close button.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>\n   *     <Drawer.Title>Drawer Title</Drawer.Title>\n   *     <Drawer.CloseTrigger />\n   *   </Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   * </Drawer.Content>\n   * ```\n   */\n  Header: DrawerHeader,\n  /**\n   * # Drawer.Body\n   *\n   * The main body content section of the drawer.\n   * Contains the primary drawer content and handles overflow/scrolling.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>...</Drawer.Header>\n   *   <Drawer.Body>\n   *     <p>This is the main content of the drawer.</p>\n   *   </Drawer.Body>\n   *   <Drawer.Footer>...</Drawer.Footer>\n   * </Drawer.Content>\n   * ```\n   */\n  Body: DrawerBody,\n  /**\n   * # Drawer.Footer\n   *\n   * The footer section of the drawer, typically containing action buttons.\n   * Provides consistent spacing and alignment for drawer actions.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>...</Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   *   <Drawer.Footer>\n   *     <Button variant=\"outline\">Cancel</Button>\n   *     <Button>Confirm</Button>\n   *   </Drawer.Footer>\n   * </Drawer.Content>\n   * ```\n   */\n  Footer: DrawerFooter,\n  /**\n   * # Drawer.Title\n   *\n   * The accessible title element for the drawer.\n   * Provides proper accessibility and screen reader support.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>\n   *     <Drawer.Title>Confirm Action</Drawer.Title>\n   *   </Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   * </Drawer.Content>\n   * ```\n   */\n  Title: DrawerTitle,\n  /**\n   * # Drawer.CloseTrigger\n   *\n   * A button that closes the drawer when activated.\n   * Displays an IconButton with a close (X) icon by default.\n   *\n   * The component automatically handles the close behavior,\n   * so no additional onPress handler is needed.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>\n   *     <Drawer.Header>\n   *       <Drawer.Title>Title</Drawer.Title>\n   *       <Drawer.CloseTrigger aria-label=\"Close drawer\" />\n   *     </Drawer.Header>\n   *     <Drawer.Body>Content</Drawer.Body>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  CloseTrigger: DrawerCloseTrigger,\n};\n\n// Internal exports for react-docgen\nexport {\n  DrawerRoot as _DrawerRoot,\n  DrawerTrigger as _DrawerTrigger,\n  DrawerContent as _DrawerContent,\n  DrawerHeader as _DrawerHeader,\n  DrawerBody as _DrawerBody,\n  DrawerFooter as _DrawerFooter,\n  DrawerTitle as _DrawerTitle,\n  DrawerCloseTrigger as _DrawerCloseTrigger,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","drawerSlotRecipe","DrawerRootSlot","DrawerTriggerSlot","DrawerModalOverlaySlot","DrawerModalSlot","DrawerContentSlot","DrawerHeaderSlot","DrawerBodySlot","DrawerFooterSlot","DrawerTitleSlot","DrawerCloseTriggerSlot","DrawerContext","createContext","useDrawerRootContext","context","useContext","DrawerProvider","children","value","jsx","DrawerRoot","props","recipe","useSlotRecipe","recipeProps","isOpen","onOpenChange","defaultOpen","content","hasDrawerTrigger","React","child","displayName","RaDialogTrigger","DrawerTrigger","forwardedRef","asChild","chakra","styleProps","restProps","extractStyleProps","RaButton","DrawerContent","isDismissable","isKeyboardDismissDisabled","shouldCloseOnInteractOutside","modalProps","RaModalOverlay","RaModal","RaDialog","DrawerHeader","DrawerBody","DrawerFooter","DrawerTitle","Heading","messages","defineMessages","DrawerCloseTrigger","ariaLabel","intl","useIntl","IconButton","Close","Drawer"],"mappings":"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"}

package/dist/chunks/{drawer-D3PNF9As.cjs.js → drawer-TBV6cxVI.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),u=require("react"),x=require("./Dialog-DINBl88u.cjs.js"),g=require("@chakra-ui/react/styled-system"),D=require("./index-CxLKWOES.cjs.js"),q=require("./Button-DLCecw8f.cjs.js"),h=require("./extract-style-props-IfUYxPJV.cjs.js"),p=require("./Modal-C9uSJ3BN.cjs.js"),N=require("./heading-DWweWKGQ.cjs.js"),O=require("@commercetools/nimbus-icons"),y=require("react-intl"),B=require("./icon-button-B28VUff9.cjs.js"),{withProvider:I,withContext:n}=g.createSlotRecipeContext({recipe:D.drawerSlotRecipe}),M=I("div","root"),H=n("button","trigger"),F=n("div","modalOverlay"),E=n("div","modal"),V=n("div","content"),k=n("header","header"),z=n("div","body"),A=n("footer","footer"),K=n("h2","title"),L=n("div","closeTrigger"),C=u.createContext(void 0),G=()=>{const e=u.useContext(C);if(!e)throw new Error("useDrawerContext must be used within Drawer.Root");return e},J=({children:e,value:t})=>r.jsx(C,{value:t,children:e}),b=e=>{const t=g.useSlotRecipe({recipe:D.drawerSlotRecipe}),[s]=t.splitVariantProps(e),{children:o,isOpen:a,onOpenChange:i,defaultOpen:f=!1}=e,l=r.jsx(M,{...s,children:o}),w=u.Children.toArray(o).some(c=>{if(u.isValidElement(c)&&typeof c.type=="function"){const d=c.type?.displayName;return d==="DrawerTrigger"||d==="Drawer.Trigger"}return!1});return r.jsx(J,{value:e,children:w?r.jsx(x.$de32f1b87079253c$export$2e1e1122cf0cba88,{isOpen:a,onOpenChange:i,defaultOpen:f,children:l}):l})};b.displayName="Drawer.Root";const m=({ref:e,children:t,asChild:s,...o})=>{if(s)return r.jsx(g.chakra.button,{ref:e,asChild:!0,...o,children:t});const[a,i]=h.extractStyleProps(o);return r.jsx(H,{...a,asChild:!0,children:r.jsx(q.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{ref:e,...i,children:t})})};m.displayName="Drawer.Trigger";const j=e=>{const{ref:t,children:s,...o}=e,{defaultOpen:a,isDismissable:i,isKeyboardDismissDisabled:f,shouldCloseOnInteractOutside:l,isOpen:w,onOpenChange:c}=G(),d={defaultOpen:a,isDismissable:i,isKeyboardDismissDisabled:f,shouldCloseOnInteractOutside:l,isOpen:w,onOpenChange:c},[v]=h.extractStyleProps(o);return r.jsx(F,{asChild:!0,children:r.jsx(p.$f3f84453ead64de5$export$8948f78d83984c69,{...d,children:r.jsx(E,{asChild:!0,children:r.jsx(p.$f3f84453ead64de5$export$2b77a92f1a5ad772,{children:r.jsx(V,{asChild:!0,...v,children:r.jsx(x.$de32f1b87079253c$export$3ddf2d174ce01153,{ref:t,children:s})})})})})})};j.displayName="Drawer.Content";const S=e=>{const{ref:t,children:s,...o}=e;return r.jsx(k,{ref:t,...o,children:s})};S.displayName="Drawer.Header";const T=e=>{const{ref:t,children:s,...o}=e,a={tabIndex:0};return r.jsx(z,{ref:t,...a,...o,children:s})};T.displayName="Drawer.Body";const P=e=>{const{ref:t,children:s,...o}=e;return r.jsx(A,{ref:t,...o,children:s})};P.displayName="Drawer.Footer";const R=e=>{const{ref:t,children:s,...o}=e;return r.jsx(K,{asChild:!0,...o,children:r.jsx(N.Heading,{ref:t,slot:"title",as:"h2",textStyle:"lg",children:s})})};R.displayName="Drawer.Title";const Q=y.defineMessages({closeTrigger:{id:"Nimbus.Drawer.closeTrigger",description:"aria-label for the default close trigger button",defaultMessage:"Close drawer"}}),$=e=>{const{ref:t,"aria-label":s,...o}=e,a=y.useIntl();return r.jsx(L,{children:r.jsx(B.IconButton,{ref:t,slot:"close",size:"xs",variant:"ghost","aria-label":s||a.formatMessage(Q.closeTrigger),...o,children:r.jsx(O.Close,{})})})};$.displayName="Drawer.CloseTrigger";const U={Root:b,Trigger:m,Content:j,Header:S,Body:T,Footer:P,Title:R,CloseTrigger:$};exports.Drawer=U;
-//# sourceMappingURL=drawer-D3PNF9As.cjs.js.map
+"use strict";const r=require("react/jsx-runtime"),u=require("react"),x=require("./Dialog-DINBl88u.cjs.js"),g=require("@chakra-ui/react/styled-system"),D=require("./index-hUcMzBfs.cjs.js"),q=require("./Button-DLCecw8f.cjs.js"),h=require("./extract-style-props-0H1Ajy_s.cjs.js"),p=require("./Modal-C9uSJ3BN.cjs.js"),N=require("./heading-DWweWKGQ.cjs.js"),O=require("@commercetools/nimbus-icons"),y=require("react-intl"),B=require("./icon-button-CCOl3BcF.cjs.js"),{withProvider:I,withContext:n}=g.createSlotRecipeContext({recipe:D.drawerSlotRecipe}),M=I("div","root"),H=n("button","trigger"),F=n("div","modalOverlay"),E=n("div","modal"),V=n("div","content"),k=n("header","header"),z=n("div","body"),A=n("footer","footer"),K=n("h2","title"),L=n("div","closeTrigger"),C=u.createContext(void 0),G=()=>{const e=u.useContext(C);if(!e)throw new Error("useDrawerContext must be used within Drawer.Root");return e},J=({children:e,value:t})=>r.jsx(C,{value:t,children:e}),b=e=>{const t=g.useSlotRecipe({recipe:D.drawerSlotRecipe}),[s]=t.splitVariantProps(e),{children:o,isOpen:a,onOpenChange:i,defaultOpen:f=!1}=e,l=r.jsx(M,{...s,children:o}),w=u.Children.toArray(o).some(c=>{if(u.isValidElement(c)&&typeof c.type=="function"){const d=c.type?.displayName;return d==="DrawerTrigger"||d==="Drawer.Trigger"}return!1});return r.jsx(J,{value:e,children:w?r.jsx(x.$de32f1b87079253c$export$2e1e1122cf0cba88,{isOpen:a,onOpenChange:i,defaultOpen:f,children:l}):l})};b.displayName="Drawer.Root";const m=({ref:e,children:t,asChild:s,...o})=>{if(s)return r.jsx(g.chakra.button,{ref:e,asChild:!0,...o,children:t});const[a,i]=h.extractStyleProps(o);return r.jsx(H,{...a,asChild:!0,children:r.jsx(q.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{ref:e,...i,children:t})})};m.displayName="Drawer.Trigger";const j=e=>{const{ref:t,children:s,...o}=e,{defaultOpen:a,isDismissable:i,isKeyboardDismissDisabled:f,shouldCloseOnInteractOutside:l,isOpen:w,onOpenChange:c}=G(),d={defaultOpen:a,isDismissable:i,isKeyboardDismissDisabled:f,shouldCloseOnInteractOutside:l,isOpen:w,onOpenChange:c},[v]=h.extractStyleProps(o);return r.jsx(F,{asChild:!0,children:r.jsx(p.$f3f84453ead64de5$export$8948f78d83984c69,{...d,children:r.jsx(E,{asChild:!0,children:r.jsx(p.$f3f84453ead64de5$export$2b77a92f1a5ad772,{children:r.jsx(V,{asChild:!0,...v,children:r.jsx(x.$de32f1b87079253c$export$3ddf2d174ce01153,{ref:t,children:s})})})})})})};j.displayName="Drawer.Content";const S=e=>{const{ref:t,children:s,...o}=e;return r.jsx(k,{ref:t,...o,children:s})};S.displayName="Drawer.Header";const T=e=>{const{ref:t,children:s,...o}=e,a={tabIndex:0};return r.jsx(z,{ref:t,...a,...o,children:s})};T.displayName="Drawer.Body";const P=e=>{const{ref:t,children:s,...o}=e;return r.jsx(A,{ref:t,...o,children:s})};P.displayName="Drawer.Footer";const R=e=>{const{ref:t,children:s,...o}=e;return r.jsx(K,{asChild:!0,...o,children:r.jsx(N.Heading,{ref:t,slot:"title",as:"h2",textStyle:"lg",children:s})})};R.displayName="Drawer.Title";const Q=y.defineMessages({closeTrigger:{id:"Nimbus.Drawer.closeTrigger",description:"aria-label for the default close trigger button",defaultMessage:"Close drawer"}}),$=e=>{const{ref:t,"aria-label":s,...o}=e,a=y.useIntl();return r.jsx(L,{children:r.jsx(B.IconButton,{ref:t,slot:"close",size:"xs",variant:"ghost","aria-label":s||a.formatMessage(Q.closeTrigger),...o,children:r.jsx(O.Close,{})})})};$.displayName="Drawer.CloseTrigger";const U={Root:b,Trigger:m,Content:j,Header:S,Body:T,Footer:P,Title:R,CloseTrigger:$};exports.Drawer=U;
+//# sourceMappingURL=drawer-TBV6cxVI.cjs.js.map

package/dist/chunks/{drawer-D3PNF9As.cjs.js.map → drawer-TBV6cxVI.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"drawer-D3PNF9As.cjs.js","sources":["../../src/components/drawer/drawer.slots.tsx","../../src/components/drawer/components/drawer.context.tsx","../../src/components/drawer/components/drawer.root.tsx","../../src/components/drawer/components/drawer.trigger.tsx","../../src/components/drawer/components/drawer.content.tsx","../../src/components/drawer/components/drawer.header.tsx","../../src/components/drawer/components/drawer.body.tsx","../../src/components/drawer/components/drawer.footer.tsx","../../src/components/drawer/components/drawer.title.tsx","../../src/components/drawer/drawer.i18n.ts","../../src/components/drawer/components/drawer.close-trigger.tsx","../../src/components/drawer/drawer.tsx"],"sourcesContent":["import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { drawerSlotRecipe } from \"./drawer.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: drawerSlotRecipe,\n});\n\n// Root slot - provides recipe context + config to all child components\nexport type DrawerRootSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerRootSlot = withProvider<HTMLDivElement, DrawerRootSlotProps>(\n  \"div\",\n  \"root\"\n);\n\n// Trigger slot - button that opens the drawer\nexport type DrawerTriggerSlotProps = HTMLChakraProps<\"button\">;\nexport const DrawerTriggerSlot = withContext<\n  HTMLButtonElement,\n  DrawerTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Backdrop slot - overlay displayed behind the drawer\nexport type DrawerModalOverlaySlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerModalOverlaySlot = withContext<\n  HTMLDivElement,\n  DrawerModalOverlaySlotProps\n>(\"div\", \"modalOverlay\");\n\n// modal slot - positions the drawer content\nexport type DrawerModalSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerModalSlot = withContext<\n  HTMLDivElement,\n  DrawerModalSlotProps\n>(\"div\", \"modal\");\n\n// Content slot - main drawer container\nexport type DrawerContentSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerContentSlot = withContext<\n  HTMLDivElement,\n  DrawerContentSlotProps\n>(\"div\", \"content\");\n\n// Header slot - drawer header section\nexport type DrawerHeaderSlotProps = HTMLChakraProps<\"header\">;\nexport const DrawerHeaderSlot = withContext<HTMLElement, DrawerHeaderSlotProps>(\n  \"header\",\n  \"header\"\n);\n\n// Body slot - drawer body content\nexport type DrawerBodySlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerBodySlot = withContext<HTMLDivElement, DrawerBodySlotProps>(\n  \"div\",\n  \"body\"\n);\n\n// Footer slot - drawer footer section with actions\nexport type DrawerFooterSlotProps = HTMLChakraProps<\"footer\">;\nexport const DrawerFooterSlot = withContext<HTMLElement, DrawerFooterSlotProps>(\n  \"footer\",\n  \"footer\"\n);\n\n// Title slot - accessible drawer title\nexport type DrawerTitleSlotProps = HTMLChakraProps<\"h2\">;\nexport const DrawerTitleSlot = withContext<\n  HTMLHeadingElement,\n  DrawerTitleSlotProps\n>(\"h2\", \"title\");\n\n// Close trigger slot - div container for positioning close button\nexport type DrawerCloseTriggerSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerCloseTriggerSlot = withContext<\n  HTMLDivElement,\n  DrawerCloseTriggerSlotProps\n>(\"div\", \"closeTrigger\");\n","import { createContext, useContext } from \"react\";\nimport type { DrawerRootProps } from \"../drawer.types\";\n\n/**\n * Context value containing drawer configuration passed from Root to child components\n */\nexport type DrawerContextValue = DrawerRootProps;\n\nexport const DrawerContext = createContext<DrawerContextValue | undefined>(\n  undefined\n);\n\n/**\n * Hook to access drawer configuration from DrawerContext\n * @returns Drawer configuration from context\n * @throws Error if used outside of Drawer.Root\n */\nexport const useDrawerRootContext = (): DrawerContextValue => {\n  const context = useContext(DrawerContext);\n  if (!context) {\n    throw new Error(\"useDrawerContext must be used within Drawer.Root\");\n  }\n  return context;\n};\n\n/**\n * Provider component that passes drawer configuration down to child components\n */\nexport const DrawerProvider = ({\n  children,\n  value,\n}: {\n  children: React.ReactNode;\n  value: DrawerContextValue;\n}) => {\n  return <DrawerContext value={value}>{children}</DrawerContext>;\n};\n","import React from \"react\";\nimport { DialogTrigger as RaDialogTrigger } from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DrawerRootSlot } from \"../drawer.slots\";\nimport type { DrawerRootProps } from \"../drawer.types\";\nimport { DrawerProvider } from \"./drawer.context\";\nimport { drawerSlotRecipe } from \"../drawer.recipe\";\n\nexport const DrawerRoot = (props: DrawerRootProps) => {\n  const recipe = useSlotRecipe({ recipe: drawerSlotRecipe });\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 = <DrawerRootSlot {...recipeProps}>{children}</DrawerRootSlot>;\n\n  // Check if any child is a Drawer.Trigger component\n  // React Aria's DialogTrigger needs a pressable child, so we only use it when there's a trigger\n  const hasDrawerTrigger = 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 === \"DrawerTrigger\" || displayName === \"Drawer.Trigger\"\n      );\n    }\n    return false;\n  });\n\n  // Share all props (config + variant props) with the Drawer subcomponents\n  return (\n    <DrawerProvider value={props}>\n      {hasDrawerTrigger ? (\n        // When there's a Drawer.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 Drawer.Trigger, skip DialogTrigger to avoid the warning\n        content\n      )}\n    </DrawerProvider>\n  );\n};\n\nDrawerRoot.displayName = \"Drawer.Root\";\n","import { Button as RaButton } from \"react-aria-components\";\nimport { DrawerTriggerSlot } from \"../drawer.slots\";\nimport type { DrawerTriggerProps } from \"../drawer.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\n\nexport const DrawerTrigger = ({\n  ref: forwardedRef,\n  children,\n  asChild,\n  ...props\n}: DrawerTriggerProps) => {\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 DrawerTriggerSlot and RaButton\n  // Only pass React Aria compatible props to avoid type conflicts\n  return (\n    <DrawerTriggerSlot {...styleProps} asChild>\n      <RaButton ref={forwardedRef} {...restProps}>\n        {children}\n      </RaButton>\n    </DrawerTriggerSlot>\n  );\n};\n\nDrawerTrigger.displayName = \"Drawer.Trigger\";\n","import {\n  Modal as RaModal,\n  ModalOverlay as RaModalOverlay,\n  Dialog as RaDialog,\n} from \"react-aria-components\";\nimport {\n  DrawerModalOverlaySlot,\n  DrawerModalSlot,\n  DrawerContentSlot,\n} from \"../drawer.slots\";\nimport type { DrawerContentProps } from \"../drawer.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useDrawerRootContext } from \"./drawer.context\";\n\nexport const DrawerContent = (props: DrawerContentProps) => {\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  } = useDrawerRootContext();\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    <DrawerModalOverlaySlot asChild>\n      <RaModalOverlay {...modalProps}>\n        <DrawerModalSlot asChild>\n          <RaModal>\n            <DrawerContentSlot asChild {...styleProps}>\n              <RaDialog ref={forwardedRef}>{children}</RaDialog>\n            </DrawerContentSlot>\n          </RaModal>\n        </DrawerModalSlot>\n      </RaModalOverlay>\n    </DrawerModalOverlaySlot>\n  );\n};\n\nDrawerContent.displayName = \"Drawer.Content\";\n","import { DrawerHeaderSlot } from \"../drawer.slots\";\nimport type { DrawerHeaderProps } from \"../drawer.types\";\n\nexport const DrawerHeader = (props: DrawerHeaderProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerHeaderSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DrawerHeaderSlot>\n  );\n};\n\nDrawerHeader.displayName = \"Drawer.Header\";\n","import { DrawerBodySlot } from \"../drawer.slots\";\nimport type { DrawerBodyProps } from \"../drawer.types\";\n\nexport const DrawerBody = (props: DrawerBodyProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const defaultProps = {\n    /**\n     * Set tabIndex to 0 to allow the body to receive focus,\n     * effectively enabling scrolling via keyboard arrow keys.\n     */\n    tabIndex: 0,\n  };\n\n  return (\n    <DrawerBodySlot ref={forwardedRef} {...defaultProps} {...restProps}>\n      {children}\n    </DrawerBodySlot>\n  );\n};\n\nDrawerBody.displayName = \"Drawer.Body\";\n","import { DrawerFooterSlot } from \"../drawer.slots\";\nimport type { DrawerFooterProps } from \"../drawer.types\";\n\nexport const DrawerFooter = (props: DrawerFooterProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerFooterSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DrawerFooterSlot>\n  );\n};\n\nDrawerFooter.displayName = \"Drawer.Footer\";\n","import { DrawerTitleSlot } from \"../drawer.slots\";\nimport type { DrawerTitleProps } from \"../drawer.types\";\nimport { Heading } from \"@/components\";\n\nexport const DrawerTitle = (props: DrawerTitleProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerTitleSlot asChild {...restProps}>\n      <Heading ref={forwardedRef} slot=\"title\" as=\"h2\" textStyle=\"lg\">\n        {children}\n      </Heading>\n    </DrawerTitleSlot>\n  );\n};\n\nDrawerTitle.displayName = \"Drawer.Title\";\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  closeTrigger: {\n    id: \"Nimbus.Drawer.closeTrigger\",\n    description: \"aria-label for the default close trigger button\",\n    defaultMessage: \"Close drawer\",\n  },\n});\n","import { Close } from \"@commercetools/nimbus-icons\";\nimport { DrawerCloseTriggerSlot } from \"../drawer.slots\";\nimport type { DrawerCloseTriggerProps } from \"../drawer.types\";\nimport { IconButton } from \"@/components\";\nimport { messages } from \"../drawer.i18n\";\nimport { useIntl } from \"react-intl\";\n\nexport const DrawerCloseTrigger = (props: DrawerCloseTriggerProps) => {\n  const { ref: forwardedRef, \"aria-label\": ariaLabel, ...restProps } = props;\n  const intl = useIntl();\n\n  return (\n    <DrawerCloseTriggerSlot>\n      <IconButton\n        ref={forwardedRef}\n        slot=\"close\"\n        size=\"xs\"\n        variant=\"ghost\"\n        aria-label={ariaLabel || intl.formatMessage(messages.closeTrigger)}\n        {...restProps}\n      >\n        <Close />\n      </IconButton>\n    </DrawerCloseTriggerSlot>\n  );\n};\n\nDrawerCloseTrigger.displayName = \"Drawer.CloseTrigger\";\n","import { DrawerRoot } from \"./components/drawer.root\";\nimport { DrawerTrigger } from \"./components/drawer.trigger\";\nimport { DrawerContent } from \"./components/drawer.content\";\nimport { DrawerHeader } from \"./components/drawer.header\";\nimport { DrawerBody } from \"./components/drawer.body\";\nimport { DrawerFooter } from \"./components/drawer.footer\";\nimport { DrawerTitle } from \"./components/drawer.title\";\nimport { DrawerCloseTrigger } from \"./components/drawer.close-trigger\";\n\n/**\n * Drawer\n * ============================================================\n * A foundational drawer component for overlays that require user attention.\n * Built 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 * <Drawer.Root>\n *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n *   <Drawer.Content size=\"md\" placement=\"center\">\n *     <Drawer.Header>\n *       <Drawer.Title>Drawer Title</Drawer.Title>\n *       <Drawer.CloseTrigger>×</Drawer.CloseTrigger>\n *     </Drawer.Header>\n *     <Drawer.Body>\n *       Drawer content goes here\n *     </Drawer.Body>\n *     <Drawer.Footer>\n *       <button>Cancel</button>\n *       <button>Save</button>\n *     </Drawer.Footer>\n *   </Drawer.Content>\n * </Drawer.Root>\n * ```\n * @see https://nimbus-documentation.vercel.app/components/feedback/drawer\n */\nexport const Drawer = {\n  /**\n   * # Drawer.Root\n   *\n   * The root component that provides context and state management for the drawer.\n   * Handles accessibility and keyboard interaction.\n   *\n   * This component must wrap all drawer parts (Trigger, Content, etc.) and provides\n   * the drawer open/close state and variant styling context.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>\n   *     <Drawer.Header>\n   *       <Drawer.Title>Drawer Title</Drawer.Title>\n   *     </Drawer.Header>\n   *     <Drawer.Body>Drawer content</Drawer.Body>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Root: DrawerRoot,\n  /**\n   * # Drawer.Trigger\n   *\n   * The trigger element that opens the drawer when activated.\n   * Provides accessibility and keyboard support.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>...</Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Trigger: DrawerTrigger,\n  /**\n   * # Drawer.Content\n   *\n   * The main drawer content container that handles portalling, backdrop,\n   * positioning, and content styling.\n   *\n   * This component creates the drawer overlay, positions the content, and provides\n   * accessibility features like focus management and keyboard dismissal.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content size=\"md\" placement=\"center\">\n   *     <Drawer.Header>\n   *       <Drawer.Title>Title</Drawer.Title>\n   *     </Drawer.Header>\n   *     <Drawer.Body>Content</Drawer.Body>\n   *     <Drawer.Footer>Actions</Drawer.Footer>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Content: DrawerContent,\n  /**\n   * # Drawer.Header\n   *\n   * The header section of the drawer content.\n   * Typically contains the title and close button.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>\n   *     <Drawer.Title>Drawer Title</Drawer.Title>\n   *     <Drawer.CloseTrigger />\n   *   </Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   * </Drawer.Content>\n   * ```\n   */\n  Header: DrawerHeader,\n  /**\n   * # Drawer.Body\n   *\n   * The main body content section of the drawer.\n   * Contains the primary drawer content and handles overflow/scrolling.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>...</Drawer.Header>\n   *   <Drawer.Body>\n   *     <p>This is the main content of the drawer.</p>\n   *   </Drawer.Body>\n   *   <Drawer.Footer>...</Drawer.Footer>\n   * </Drawer.Content>\n   * ```\n   */\n  Body: DrawerBody,\n  /**\n   * # Drawer.Footer\n   *\n   * The footer section of the drawer, typically containing action buttons.\n   * Provides consistent spacing and alignment for drawer actions.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>...</Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   *   <Drawer.Footer>\n   *     <Button variant=\"outline\">Cancel</Button>\n   *     <Button>Confirm</Button>\n   *   </Drawer.Footer>\n   * </Drawer.Content>\n   * ```\n   */\n  Footer: DrawerFooter,\n  /**\n   * # Drawer.Title\n   *\n   * The accessible title element for the drawer.\n   * Provides proper accessibility and screen reader support.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>\n   *     <Drawer.Title>Confirm Action</Drawer.Title>\n   *   </Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   * </Drawer.Content>\n   * ```\n   */\n  Title: DrawerTitle,\n  /**\n   * # Drawer.CloseTrigger\n   *\n   * A button that closes the drawer when activated.\n   * Displays an IconButton with a close (X) icon by default.\n   *\n   * The component automatically handles the close behavior,\n   * so no additional onPress handler is needed.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>\n   *     <Drawer.Header>\n   *       <Drawer.Title>Title</Drawer.Title>\n   *       <Drawer.CloseTrigger aria-label=\"Close drawer\" />\n   *     </Drawer.Header>\n   *     <Drawer.Body>Content</Drawer.Body>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  CloseTrigger: DrawerCloseTrigger,\n};\n\n// Internal exports for react-docgen\nexport {\n  DrawerRoot as _DrawerRoot,\n  DrawerTrigger as _DrawerTrigger,\n  DrawerContent as _DrawerContent,\n  DrawerHeader as _DrawerHeader,\n  DrawerBody as _DrawerBody,\n  DrawerFooter as _DrawerFooter,\n  DrawerTitle as _DrawerTitle,\n  DrawerCloseTrigger as _DrawerCloseTrigger,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","drawerSlotRecipe","DrawerRootSlot","DrawerTriggerSlot","DrawerModalOverlaySlot","DrawerModalSlot","DrawerContentSlot","DrawerHeaderSlot","DrawerBodySlot","DrawerFooterSlot","DrawerTitleSlot","DrawerCloseTriggerSlot","DrawerContext","createContext","useDrawerRootContext","context","useContext","DrawerProvider","children","value","jsx","DrawerRoot","props","recipe","useSlotRecipe","recipeProps","isOpen","onOpenChange","defaultOpen","content","hasDrawerTrigger","React","child","displayName","RaDialogTrigger","DrawerTrigger","forwardedRef","asChild","chakra","styleProps","restProps","extractStyleProps","RaButton","DrawerContent","isDismissable","isKeyboardDismissDisabled","shouldCloseOnInteractOutside","modalProps","RaModalOverlay","RaModal","RaDialog","DrawerHeader","DrawerBody","defaultProps","DrawerFooter","DrawerTitle","Heading","messages","defineMessages","DrawerCloseTrigger","ariaLabel","intl","useIntl","IconButton","Close","Drawer"],"mappings":"6cAMM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,OAAQC,EAAAA,gBACV,CAAC,EAIYC,EAAiBJ,EAC5B,MACA,MACF,EAIaK,EAAoBJ,EAG/B,SAAU,SAAS,EAIRK,EAAyBL,EAGpC,MAAO,cAAc,EAIVM,EAAkBN,EAG7B,MAAO,OAAO,EAIHO,EAAoBP,EAG/B,MAAO,SAAS,EAILQ,EAAmBR,EAC9B,SACA,QACF,EAIaS,EAAiBT,EAC5B,MACA,MACF,EAIaU,EAAmBV,EAC9B,SACA,QACF,EAIaW,EAAkBX,EAG7B,KAAM,OAAO,EAIFY,EAAyBZ,EAGpC,MAAO,cAAc,ECtEVa,EAAgBC,EAAAA,cAC3B,MACF,EAOaC,EAAuB,IAA0B,CAC5D,MAAMC,EAAUC,EAAAA,WAAWJ,CAAa,EACxC,GAAI,CAACG,EACH,MAAM,IAAI,MAAM,kDAAkD,EAEpE,OAAOA,CACT,EAKaE,EAAiB,CAAC,CAC7B,SAAAC,EACA,MAAAC,CACF,IAISC,EAAAA,IAACR,EAAA,CAAc,MAAAO,EAAe,SAAAD,CAAA,CAAS,EC3BnCG,EAAcC,GAA2B,CACpD,MAAMC,EAASC,EAAAA,cAAc,CAAE,OAAQvB,EAAAA,iBAAkB,EAEnD,CAACwB,CAAW,EAAIF,EAAO,kBAAkBD,CAAK,EAE9C,CAAE,SAAAJ,EAAU,OAAAQ,EAAQ,aAAAC,EAAc,YAAAC,EAAc,IAAUN,EAE1DO,EAAUT,EAAAA,IAAClB,EAAA,CAAgB,GAAGuB,EAAc,SAAAP,EAAS,EAIrDY,EAAmBC,EAAM,SAAS,QAAQb,CAAQ,EAAE,KAAMc,GAAU,CACxE,GAAID,EAAM,eAAeC,CAAK,GAAK,OAAOA,EAAM,MAAS,WAAY,CACnE,MAAMC,EACJD,EAAM,MACL,YACH,OACEC,IAAgB,iBAAmBA,IAAgB,gBAEvD,CACA,MAAO,EACT,CAAC,EAGD,OACEb,EAAAA,IAACH,EAAA,CAAe,MAAOK,EACpB,SAAAQ,EAECV,EAAAA,IAACc,EAAAA,0CAAA,CACC,OAAAR,EACA,aAAAC,EACA,YAAAC,EAEC,SAAAC,CAAA,CAAA,EAIHA,EAEJ,CAEJ,EAEAR,EAAW,YAAc,cC7ClB,MAAMc,EAAgB,CAAC,CAC5B,IAAKC,EACL,SAAAlB,EACA,QAAAmB,EACA,GAAGf,CACL,IAA0B,CAExB,GAAIe,EACF,OACEjB,MAACkB,EAAAA,OAAO,OAAP,CAAc,IAAKF,EAAc,QAAO,GAAE,GAAGd,EAC3C,SAAAJ,CAAA,CACH,EAIJ,KAAM,CAACqB,EAAYC,CAAS,EAAIC,EAAAA,kBAAkBnB,CAAK,EAIvD,OACEF,EAAAA,IAACjB,EAAA,CAAmB,GAAGoC,EAAY,QAAO,GACxC,SAAAnB,EAAAA,IAACsB,EAAAA,0CAAA,CAAS,IAAKN,EAAe,GAAGI,EAC9B,SAAAtB,EACH,EACF,CAEJ,EAEAiB,EAAc,YAAc,iBCpBrB,MAAMQ,EAAiBrB,GAA8B,CAC1D,KAAM,CAAE,IAAKc,EAAc,SAAAlB,EAAU,GAAGsB,GAAclB,EAGhD,CACJ,YAAAM,EACA,cAAAgB,EACA,0BAAAC,EACA,6BAAAC,EACA,OAAApB,EACA,aAAAC,CAAA,EACEb,EAAA,EAEEiC,EAAa,CACjB,YAAAnB,EACA,cAAAgB,EACA,0BAAAC,EACA,6BAAAC,EACA,OAAApB,EACA,aAAAC,CAAA,EAGI,CAACY,CAAU,EAAIE,EAAAA,kBAAkBD,CAAS,EAEhD,OACEpB,EAAAA,IAAChB,EAAA,CAAuB,QAAO,GAC7B,SAAAgB,EAAAA,IAAC4B,4CAAA,CAAgB,GAAGD,EAClB,SAAA3B,EAAAA,IAACf,EAAA,CAAgB,QAAO,GACtB,SAAAe,EAAAA,IAAC6B,EAAAA,0CAAA,CACC,SAAA7B,EAAAA,IAACd,EAAA,CAAkB,QAAO,GAAE,GAAGiC,EAC7B,SAAAnB,MAAC8B,EAAAA,0CAAA,CAAS,IAAKd,EAAe,SAAAlB,EAAS,CAAA,CACzC,CAAA,CACF,CAAA,CACF,EACF,EACF,CAEJ,EAEAyB,EAAc,YAAc,iBClDrB,MAAMQ,EAAgB7B,GAA6B,CACxD,KAAM,CAAE,IAAKc,EAAc,SAAAlB,EAAU,GAAGsB,GAAclB,EAEtD,aACGf,EAAA,CAAiB,IAAK6B,EAAe,GAAGI,EACtC,SAAAtB,EACH,CAEJ,EAEAiC,EAAa,YAAc,gBCVpB,MAAMC,EAAc9B,GAA2B,CACpD,KAAM,CAAE,IAAKc,EAAc,SAAAlB,EAAU,GAAGsB,GAAclB,EAEhD+B,EAAe,CAKnB,SAAU,CAAA,EAGZ,OACEjC,EAAAA,IAACZ,GAAe,IAAK4B,EAAe,GAAGiB,EAAe,GAAGb,EACtD,SAAAtB,EACH,CAEJ,EAEAkC,EAAW,YAAc,cClBlB,MAAME,EAAgBhC,GAA6B,CACxD,KAAM,CAAE,IAAKc,EAAc,SAAAlB,EAAU,GAAGsB,GAAclB,EAEtD,aACGb,EAAA,CAAiB,IAAK2B,EAAe,GAAGI,EACtC,SAAAtB,EACH,CAEJ,EAEAoC,EAAa,YAAc,gBCTpB,MAAMC,EAAejC,GAA4B,CACtD,KAAM,CAAE,IAAKc,EAAc,SAAAlB,EAAU,GAAGsB,GAAclB,EAEtD,aACGZ,EAAA,CAAgB,QAAO,GAAE,GAAG8B,EAC3B,SAAApB,EAAAA,IAACoC,UAAA,CAAQ,IAAKpB,EAAc,KAAK,QAAQ,GAAG,KAAK,UAAU,KACxD,SAAAlB,EACH,EACF,CAEJ,EAEAqC,EAAY,YAAc,eCdnB,MAAME,EAAWC,EAAAA,eAAe,CACrC,aAAc,CACZ,GAAI,6BACJ,YAAa,kDACb,eAAgB,cAAA,CAEpB,CAAC,ECDYC,EAAsBrC,GAAmC,CACpE,KAAM,CAAE,IAAKc,EAAc,aAAcwB,EAAW,GAAGpB,GAAclB,EAC/DuC,EAAOC,EAAAA,QAAA,EAEb,aACGnD,EAAA,CACC,SAAAS,EAAAA,IAAC2C,EAAAA,WAAA,CACC,IAAK3B,EACL,KAAK,QACL,KAAK,KACL,QAAQ,QACR,aAAYwB,GAAaC,EAAK,cAAcJ,EAAS,YAAY,EAChE,GAAGjB,EAEJ,eAACwB,EAAAA,MAAA,CAAA,CAAM,CAAA,CAAA,EAEX,CAEJ,EAEAL,EAAmB,YAAc,sBCiB1B,MAAMM,EAAS,CAuBpB,KAAM5C,EAeN,QAASc,EAwBT,QAASQ,EAkBT,OAAQQ,EAkBR,KAAMC,EAmBN,OAAQE,EAiBR,MAAOC,EAwBP,aAAcI,CAChB"}
+{"version":3,"file":"drawer-TBV6cxVI.cjs.js","sources":["../../src/components/drawer/drawer.slots.tsx","../../src/components/drawer/components/drawer.context.tsx","../../src/components/drawer/components/drawer.root.tsx","../../src/components/drawer/components/drawer.trigger.tsx","../../src/components/drawer/components/drawer.content.tsx","../../src/components/drawer/components/drawer.header.tsx","../../src/components/drawer/components/drawer.body.tsx","../../src/components/drawer/components/drawer.footer.tsx","../../src/components/drawer/components/drawer.title.tsx","../../src/components/drawer/drawer.i18n.ts","../../src/components/drawer/components/drawer.close-trigger.tsx","../../src/components/drawer/drawer.tsx"],"sourcesContent":["import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { drawerSlotRecipe } from \"./drawer.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: drawerSlotRecipe,\n});\n\n// Root slot - provides recipe context + config to all child components\nexport type DrawerRootSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerRootSlot = withProvider<HTMLDivElement, DrawerRootSlotProps>(\n  \"div\",\n  \"root\"\n);\n\n// Trigger slot - button that opens the drawer\nexport type DrawerTriggerSlotProps = HTMLChakraProps<\"button\">;\nexport const DrawerTriggerSlot = withContext<\n  HTMLButtonElement,\n  DrawerTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Backdrop slot - overlay displayed behind the drawer\nexport type DrawerModalOverlaySlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerModalOverlaySlot = withContext<\n  HTMLDivElement,\n  DrawerModalOverlaySlotProps\n>(\"div\", \"modalOverlay\");\n\n// modal slot - positions the drawer content\nexport type DrawerModalSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerModalSlot = withContext<\n  HTMLDivElement,\n  DrawerModalSlotProps\n>(\"div\", \"modal\");\n\n// Content slot - main drawer container\nexport type DrawerContentSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerContentSlot = withContext<\n  HTMLDivElement,\n  DrawerContentSlotProps\n>(\"div\", \"content\");\n\n// Header slot - drawer header section\nexport type DrawerHeaderSlotProps = HTMLChakraProps<\"header\">;\nexport const DrawerHeaderSlot = withContext<HTMLElement, DrawerHeaderSlotProps>(\n  \"header\",\n  \"header\"\n);\n\n// Body slot - drawer body content\nexport type DrawerBodySlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerBodySlot = withContext<HTMLDivElement, DrawerBodySlotProps>(\n  \"div\",\n  \"body\"\n);\n\n// Footer slot - drawer footer section with actions\nexport type DrawerFooterSlotProps = HTMLChakraProps<\"footer\">;\nexport const DrawerFooterSlot = withContext<HTMLElement, DrawerFooterSlotProps>(\n  \"footer\",\n  \"footer\"\n);\n\n// Title slot - accessible drawer title\nexport type DrawerTitleSlotProps = HTMLChakraProps<\"h2\">;\nexport const DrawerTitleSlot = withContext<\n  HTMLHeadingElement,\n  DrawerTitleSlotProps\n>(\"h2\", \"title\");\n\n// Close trigger slot - div container for positioning close button\nexport type DrawerCloseTriggerSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerCloseTriggerSlot = withContext<\n  HTMLDivElement,\n  DrawerCloseTriggerSlotProps\n>(\"div\", \"closeTrigger\");\n","import { createContext, useContext } from \"react\";\nimport type { DrawerRootProps } from \"../drawer.types\";\n\n/**\n * Context value containing drawer configuration passed from Root to child components\n */\nexport type DrawerContextValue = DrawerRootProps;\n\nexport const DrawerContext = createContext<DrawerContextValue | undefined>(\n  undefined\n);\n\n/**\n * Hook to access drawer configuration from DrawerContext\n * @returns Drawer configuration from context\n * @throws Error if used outside of Drawer.Root\n */\nexport const useDrawerRootContext = (): DrawerContextValue => {\n  const context = useContext(DrawerContext);\n  if (!context) {\n    throw new Error(\"useDrawerContext must be used within Drawer.Root\");\n  }\n  return context;\n};\n\n/**\n * Provider component that passes drawer configuration down to child components\n */\nexport const DrawerProvider = ({\n  children,\n  value,\n}: {\n  children: React.ReactNode;\n  value: DrawerContextValue;\n}) => {\n  return <DrawerContext value={value}>{children}</DrawerContext>;\n};\n","import React from \"react\";\nimport { DialogTrigger as RaDialogTrigger } from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DrawerRootSlot } from \"../drawer.slots\";\nimport type { DrawerRootProps } from \"../drawer.types\";\nimport { DrawerProvider } from \"./drawer.context\";\nimport { drawerSlotRecipe } from \"../drawer.recipe\";\n\nexport const DrawerRoot = (props: DrawerRootProps) => {\n  const recipe = useSlotRecipe({ recipe: drawerSlotRecipe });\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 = <DrawerRootSlot {...recipeProps}>{children}</DrawerRootSlot>;\n\n  // Check if any child is a Drawer.Trigger component\n  // React Aria's DialogTrigger needs a pressable child, so we only use it when there's a trigger\n  const hasDrawerTrigger = 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 === \"DrawerTrigger\" || displayName === \"Drawer.Trigger\"\n      );\n    }\n    return false;\n  });\n\n  // Share all props (config + variant props) with the Drawer subcomponents\n  return (\n    <DrawerProvider value={props}>\n      {hasDrawerTrigger ? (\n        // When there's a Drawer.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 Drawer.Trigger, skip DialogTrigger to avoid the warning\n        content\n      )}\n    </DrawerProvider>\n  );\n};\n\nDrawerRoot.displayName = \"Drawer.Root\";\n","import { Button as RaButton } from \"react-aria-components\";\nimport { DrawerTriggerSlot } from \"../drawer.slots\";\nimport type { DrawerTriggerProps } from \"../drawer.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\n\nexport const DrawerTrigger = ({\n  ref: forwardedRef,\n  children,\n  asChild,\n  ...props\n}: DrawerTriggerProps) => {\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 DrawerTriggerSlot and RaButton\n  // Only pass React Aria compatible props to avoid type conflicts\n  return (\n    <DrawerTriggerSlot {...styleProps} asChild>\n      <RaButton ref={forwardedRef} {...restProps}>\n        {children}\n      </RaButton>\n    </DrawerTriggerSlot>\n  );\n};\n\nDrawerTrigger.displayName = \"Drawer.Trigger\";\n","import {\n  Modal as RaModal,\n  ModalOverlay as RaModalOverlay,\n  Dialog as RaDialog,\n} from \"react-aria-components\";\nimport {\n  DrawerModalOverlaySlot,\n  DrawerModalSlot,\n  DrawerContentSlot,\n} from \"../drawer.slots\";\nimport type { DrawerContentProps } from \"../drawer.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useDrawerRootContext } from \"./drawer.context\";\n\nexport const DrawerContent = (props: DrawerContentProps) => {\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  } = useDrawerRootContext();\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    <DrawerModalOverlaySlot asChild>\n      <RaModalOverlay {...modalProps}>\n        <DrawerModalSlot asChild>\n          <RaModal>\n            <DrawerContentSlot asChild {...styleProps}>\n              <RaDialog ref={forwardedRef}>{children}</RaDialog>\n            </DrawerContentSlot>\n          </RaModal>\n        </DrawerModalSlot>\n      </RaModalOverlay>\n    </DrawerModalOverlaySlot>\n  );\n};\n\nDrawerContent.displayName = \"Drawer.Content\";\n","import { DrawerHeaderSlot } from \"../drawer.slots\";\nimport type { DrawerHeaderProps } from \"../drawer.types\";\n\nexport const DrawerHeader = (props: DrawerHeaderProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerHeaderSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DrawerHeaderSlot>\n  );\n};\n\nDrawerHeader.displayName = \"Drawer.Header\";\n","import { DrawerBodySlot } from \"../drawer.slots\";\nimport type { DrawerBodyProps } from \"../drawer.types\";\n\nexport const DrawerBody = (props: DrawerBodyProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const defaultProps = {\n    /**\n     * Set tabIndex to 0 to allow the body to receive focus,\n     * effectively enabling scrolling via keyboard arrow keys.\n     */\n    tabIndex: 0,\n  };\n\n  return (\n    <DrawerBodySlot ref={forwardedRef} {...defaultProps} {...restProps}>\n      {children}\n    </DrawerBodySlot>\n  );\n};\n\nDrawerBody.displayName = \"Drawer.Body\";\n","import { DrawerFooterSlot } from \"../drawer.slots\";\nimport type { DrawerFooterProps } from \"../drawer.types\";\n\nexport const DrawerFooter = (props: DrawerFooterProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerFooterSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DrawerFooterSlot>\n  );\n};\n\nDrawerFooter.displayName = \"Drawer.Footer\";\n","import { DrawerTitleSlot } from \"../drawer.slots\";\nimport type { DrawerTitleProps } from \"../drawer.types\";\nimport { Heading } from \"@/components\";\n\nexport const DrawerTitle = (props: DrawerTitleProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerTitleSlot asChild {...restProps}>\n      <Heading ref={forwardedRef} slot=\"title\" as=\"h2\" textStyle=\"lg\">\n        {children}\n      </Heading>\n    </DrawerTitleSlot>\n  );\n};\n\nDrawerTitle.displayName = \"Drawer.Title\";\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  closeTrigger: {\n    id: \"Nimbus.Drawer.closeTrigger\",\n    description: \"aria-label for the default close trigger button\",\n    defaultMessage: \"Close drawer\",\n  },\n});\n","import { Close } from \"@commercetools/nimbus-icons\";\nimport { DrawerCloseTriggerSlot } from \"../drawer.slots\";\nimport type { DrawerCloseTriggerProps } from \"../drawer.types\";\nimport { IconButton } from \"@/components\";\nimport { messages } from \"../drawer.i18n\";\nimport { useIntl } from \"react-intl\";\n\nexport const DrawerCloseTrigger = (props: DrawerCloseTriggerProps) => {\n  const { ref: forwardedRef, \"aria-label\": ariaLabel, ...restProps } = props;\n  const intl = useIntl();\n\n  return (\n    <DrawerCloseTriggerSlot>\n      <IconButton\n        ref={forwardedRef}\n        slot=\"close\"\n        size=\"xs\"\n        variant=\"ghost\"\n        aria-label={ariaLabel || intl.formatMessage(messages.closeTrigger)}\n        {...restProps}\n      >\n        <Close />\n      </IconButton>\n    </DrawerCloseTriggerSlot>\n  );\n};\n\nDrawerCloseTrigger.displayName = \"Drawer.CloseTrigger\";\n","import { DrawerRoot } from \"./components/drawer.root\";\nimport { DrawerTrigger } from \"./components/drawer.trigger\";\nimport { DrawerContent } from \"./components/drawer.content\";\nimport { DrawerHeader } from \"./components/drawer.header\";\nimport { DrawerBody } from \"./components/drawer.body\";\nimport { DrawerFooter } from \"./components/drawer.footer\";\nimport { DrawerTitle } from \"./components/drawer.title\";\nimport { DrawerCloseTrigger } from \"./components/drawer.close-trigger\";\n\n/**\n * Drawer\n * ============================================================\n * A foundational drawer component for overlays that require user attention.\n * Built 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 * <Drawer.Root>\n *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n *   <Drawer.Content size=\"md\" placement=\"center\">\n *     <Drawer.Header>\n *       <Drawer.Title>Drawer Title</Drawer.Title>\n *       <Drawer.CloseTrigger>×</Drawer.CloseTrigger>\n *     </Drawer.Header>\n *     <Drawer.Body>\n *       Drawer content goes here\n *     </Drawer.Body>\n *     <Drawer.Footer>\n *       <button>Cancel</button>\n *       <button>Save</button>\n *     </Drawer.Footer>\n *   </Drawer.Content>\n * </Drawer.Root>\n * ```\n * @see https://nimbus-documentation.vercel.app/components/feedback/drawer\n */\nexport const Drawer = {\n  /**\n   * # Drawer.Root\n   *\n   * The root component that provides context and state management for the drawer.\n   * Handles accessibility and keyboard interaction.\n   *\n   * This component must wrap all drawer parts (Trigger, Content, etc.) and provides\n   * the drawer open/close state and variant styling context.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>\n   *     <Drawer.Header>\n   *       <Drawer.Title>Drawer Title</Drawer.Title>\n   *     </Drawer.Header>\n   *     <Drawer.Body>Drawer content</Drawer.Body>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Root: DrawerRoot,\n  /**\n   * # Drawer.Trigger\n   *\n   * The trigger element that opens the drawer when activated.\n   * Provides accessibility and keyboard support.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>...</Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Trigger: DrawerTrigger,\n  /**\n   * # Drawer.Content\n   *\n   * The main drawer content container that handles portalling, backdrop,\n   * positioning, and content styling.\n   *\n   * This component creates the drawer overlay, positions the content, and provides\n   * accessibility features like focus management and keyboard dismissal.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content size=\"md\" placement=\"center\">\n   *     <Drawer.Header>\n   *       <Drawer.Title>Title</Drawer.Title>\n   *     </Drawer.Header>\n   *     <Drawer.Body>Content</Drawer.Body>\n   *     <Drawer.Footer>Actions</Drawer.Footer>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Content: DrawerContent,\n  /**\n   * # Drawer.Header\n   *\n   * The header section of the drawer content.\n   * Typically contains the title and close button.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>\n   *     <Drawer.Title>Drawer Title</Drawer.Title>\n   *     <Drawer.CloseTrigger />\n   *   </Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   * </Drawer.Content>\n   * ```\n   */\n  Header: DrawerHeader,\n  /**\n   * # Drawer.Body\n   *\n   * The main body content section of the drawer.\n   * Contains the primary drawer content and handles overflow/scrolling.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>...</Drawer.Header>\n   *   <Drawer.Body>\n   *     <p>This is the main content of the drawer.</p>\n   *   </Drawer.Body>\n   *   <Drawer.Footer>...</Drawer.Footer>\n   * </Drawer.Content>\n   * ```\n   */\n  Body: DrawerBody,\n  /**\n   * # Drawer.Footer\n   *\n   * The footer section of the drawer, typically containing action buttons.\n   * Provides consistent spacing and alignment for drawer actions.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>...</Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   *   <Drawer.Footer>\n   *     <Button variant=\"outline\">Cancel</Button>\n   *     <Button>Confirm</Button>\n   *   </Drawer.Footer>\n   * </Drawer.Content>\n   * ```\n   */\n  Footer: DrawerFooter,\n  /**\n   * # Drawer.Title\n   *\n   * The accessible title element for the drawer.\n   * Provides proper accessibility and screen reader support.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>\n   *     <Drawer.Title>Confirm Action</Drawer.Title>\n   *   </Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   * </Drawer.Content>\n   * ```\n   */\n  Title: DrawerTitle,\n  /**\n   * # Drawer.CloseTrigger\n   *\n   * A button that closes the drawer when activated.\n   * Displays an IconButton with a close (X) icon by default.\n   *\n   * The component automatically handles the close behavior,\n   * so no additional onPress handler is needed.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>\n   *     <Drawer.Header>\n   *       <Drawer.Title>Title</Drawer.Title>\n   *       <Drawer.CloseTrigger aria-label=\"Close drawer\" />\n   *     </Drawer.Header>\n   *     <Drawer.Body>Content</Drawer.Body>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  CloseTrigger: DrawerCloseTrigger,\n};\n\n// Internal exports for react-docgen\nexport {\n  DrawerRoot as _DrawerRoot,\n  DrawerTrigger as _DrawerTrigger,\n  DrawerContent as _DrawerContent,\n  DrawerHeader as _DrawerHeader,\n  DrawerBody as _DrawerBody,\n  DrawerFooter as _DrawerFooter,\n  DrawerTitle as _DrawerTitle,\n  DrawerCloseTrigger as _DrawerCloseTrigger,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","drawerSlotRecipe","DrawerRootSlot","DrawerTriggerSlot","DrawerModalOverlaySlot","DrawerModalSlot","DrawerContentSlot","DrawerHeaderSlot","DrawerBodySlot","DrawerFooterSlot","DrawerTitleSlot","DrawerCloseTriggerSlot","DrawerContext","createContext","useDrawerRootContext","context","useContext","DrawerProvider","children","value","jsx","DrawerRoot","props","recipe","useSlotRecipe","recipeProps","isOpen","onOpenChange","defaultOpen","content","hasDrawerTrigger","React","child","displayName","RaDialogTrigger","DrawerTrigger","forwardedRef","asChild","chakra","styleProps","restProps","extractStyleProps","RaButton","DrawerContent","isDismissable","isKeyboardDismissDisabled","shouldCloseOnInteractOutside","modalProps","RaModalOverlay","RaModal","RaDialog","DrawerHeader","DrawerBody","defaultProps","DrawerFooter","DrawerTitle","Heading","messages","defineMessages","DrawerCloseTrigger","ariaLabel","intl","useIntl","IconButton","Close","Drawer"],"mappings":"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"}

package/dist/chunks/{extract-style-props-IfUYxPJV.cjs.js → extract-style-props-0H1Ajy_s.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const c=require("./index-CxLKWOES.cjs.js");function o(e){const r={},s={...e};return Object.keys(e).forEach(t=>{Object.prototype.hasOwnProperty.call(e,t)&&c.system.isValidProperty(t)&&(r[t]=e[t],delete s[t])}),[r,s]}exports.extractStyleProps=o;
-//# sourceMappingURL=extract-style-props-IfUYxPJV.cjs.js.map
+"use strict";const c=require("./index-hUcMzBfs.cjs.js");function o(e){const r={},s={...e};return Object.keys(e).forEach(t=>{Object.prototype.hasOwnProperty.call(e,t)&&c.system.isValidProperty(t)&&(r[t]=e[t],delete s[t])}),[r,s]}exports.extractStyleProps=o;
+//# sourceMappingURL=extract-style-props-0H1Ajy_s.cjs.js.map

package/dist/chunks/{extract-style-props-IfUYxPJV.cjs.js.map → extract-style-props-0H1Ajy_s.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"extract-style-props-IfUYxPJV.cjs.js","sources":["../../src/utils/extract-style-props.ts"],"sourcesContent":["import { system } from \"@/theme\";\n\n/**\n * Extracts chakra-ui style-props from an object, separating them from other props\n * @param props The props object to separate\n * @returns A tuple containing [styleProps, otherProps]\n */\nexport function extractStyleProps<T extends object>(\n  props: T\n): [Record<string, unknown>, Omit<T, string>] {\n  const styleProps: Record<string, unknown> = {};\n  const otherProps = { ...props } as Record<string, unknown>;\n\n  // Process only own properties\n  Object.keys(props).forEach((key) => {\n    if (\n      Object.prototype.hasOwnProperty.call(props, key) &&\n      system.isValidProperty(key)\n    ) {\n      styleProps[key] = props[key as keyof T];\n      delete otherProps[key];\n    }\n  });\n\n  return [styleProps, otherProps as Omit<T, string>];\n}\n"],"names":["extractStyleProps","props","styleProps","otherProps","key","system"],"mappings":"wDAOO,SAASA,EACdC,EAC4C,CAC5C,MAAMC,EAAsC,CAAA,EACtCC,EAAa,CAAE,GAAGF,CAAA,EAGxB,cAAO,KAAKA,CAAK,EAAE,QAASG,GAAQ,CAEhC,OAAO,UAAU,eAAe,KAAKH,EAAOG,CAAG,GAC/CC,EAAAA,OAAO,gBAAgBD,CAAG,IAE1BF,EAAWE,CAAG,EAAIH,EAAMG,CAAc,EACtC,OAAOD,EAAWC,CAAG,EAEzB,CAAC,EAEM,CAACF,EAAYC,CAA6B,CACnD"}
+{"version":3,"file":"extract-style-props-0H1Ajy_s.cjs.js","sources":["../../src/utils/extract-style-props.ts"],"sourcesContent":["import { system } from \"@/theme\";\n\n/**\n * Extracts chakra-ui style-props from an object, separating them from other props\n * @param props The props object to separate\n * @returns A tuple containing [styleProps, otherProps]\n */\nexport function extractStyleProps<T extends object>(\n  props: T\n): [Record<string, unknown>, Omit<T, string>] {\n  const styleProps: Record<string, unknown> = {};\n  const otherProps = { ...props } as Record<string, unknown>;\n\n  // Process only own properties\n  Object.keys(props).forEach((key) => {\n    if (\n      Object.prototype.hasOwnProperty.call(props, key) &&\n      system.isValidProperty(key)\n    ) {\n      styleProps[key] = props[key as keyof T];\n      delete otherProps[key];\n    }\n  });\n\n  return [styleProps, otherProps as Omit<T, string>];\n}\n"],"names":["extractStyleProps","props","styleProps","otherProps","key","system"],"mappings":"wDAOO,SAASA,EACdC,EAC4C,CAC5C,MAAMC,EAAsC,CAAA,EACtCC,EAAa,CAAE,GAAGF,CAAA,EAGxB,cAAO,KAAKA,CAAK,EAAE,QAASG,GAAQ,CAEhC,OAAO,UAAU,eAAe,KAAKH,EAAOG,CAAG,GAC/CC,EAAAA,OAAO,gBAAgBD,CAAG,IAE1BF,EAAWE,CAAG,EAAIH,EAAMG,CAAc,EACtC,OAAOD,EAAWC,CAAG,EAEzB,CAAC,EAEM,CAACF,EAAYC,CAA6B,CACnD"}

package/dist/chunks/{extract-style-props-CZpdYA8m.es.js → extract-style-props-CTVOvGhe.es.js}

@@ -1,4 +1,4 @@
-import { s } from "./index-CaeeOiBp.es.js";
+import { s } from "./index-DlmEj62V.es.js";
 function a(e) {
   const r = {}, o = { ...e };
   return Object.keys(e).forEach((t) => {
@@ -8,4 +8,4 @@ function a(e) {
 export {
   a as e
 };
-//# sourceMappingURL=extract-style-props-CZpdYA8m.es.js.map
+//# sourceMappingURL=extract-style-props-CTVOvGhe.es.js.map

package/dist/chunks/{extract-style-props-CZpdYA8m.es.js.map → extract-style-props-CTVOvGhe.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"extract-style-props-CZpdYA8m.es.js","sources":["../../src/utils/extract-style-props.ts"],"sourcesContent":["import { system } from \"@/theme\";\n\n/**\n * Extracts chakra-ui style-props from an object, separating them from other props\n * @param props The props object to separate\n * @returns A tuple containing [styleProps, otherProps]\n */\nexport function extractStyleProps<T extends object>(\n  props: T\n): [Record<string, unknown>, Omit<T, string>] {\n  const styleProps: Record<string, unknown> = {};\n  const otherProps = { ...props } as Record<string, unknown>;\n\n  // Process only own properties\n  Object.keys(props).forEach((key) => {\n    if (\n      Object.prototype.hasOwnProperty.call(props, key) &&\n      system.isValidProperty(key)\n    ) {\n      styleProps[key] = props[key as keyof T];\n      delete otherProps[key];\n    }\n  });\n\n  return [styleProps, otherProps as Omit<T, string>];\n}\n"],"names":["extractStyleProps","props","styleProps","otherProps","key","system"],"mappings":";AAOO,SAASA,EACdC,GAC4C;AAC5C,QAAMC,IAAsC,CAAA,GACtCC,IAAa,EAAE,GAAGF,EAAA;AAGxB,gBAAO,KAAKA,CAAK,EAAE,QAAQ,CAACG,MAAQ;AAClC,IACE,OAAO,UAAU,eAAe,KAAKH,GAAOG,CAAG,KAC/CC,EAAO,gBAAgBD,CAAG,MAE1BF,EAAWE,CAAG,IAAIH,EAAMG,CAAc,GACtC,OAAOD,EAAWC,CAAG;AAAA,EAEzB,CAAC,GAEM,CAACF,GAAYC,CAA6B;AACnD;"}
+{"version":3,"file":"extract-style-props-CTVOvGhe.es.js","sources":["../../src/utils/extract-style-props.ts"],"sourcesContent":["import { system } from \"@/theme\";\n\n/**\n * Extracts chakra-ui style-props from an object, separating them from other props\n * @param props The props object to separate\n * @returns A tuple containing [styleProps, otherProps]\n */\nexport function extractStyleProps<T extends object>(\n  props: T\n): [Record<string, unknown>, Omit<T, string>] {\n  const styleProps: Record<string, unknown> = {};\n  const otherProps = { ...props } as Record<string, unknown>;\n\n  // Process only own properties\n  Object.keys(props).forEach((key) => {\n    if (\n      Object.prototype.hasOwnProperty.call(props, key) &&\n      system.isValidProperty(key)\n    ) {\n      styleProps[key] = props[key as keyof T];\n      delete otherProps[key];\n    }\n  });\n\n  return [styleProps, otherProps as Omit<T, string>];\n}\n"],"names":["extractStyleProps","props","styleProps","otherProps","key","system"],"mappings":";AAOO,SAASA,EACdC,GAC4C;AAC5C,QAAMC,IAAsC,CAAA,GACtCC,IAAa,EAAE,GAAGF,EAAA;AAGxB,gBAAO,KAAKA,CAAK,EAAE,QAAQ,CAACG,MAAQ;AAClC,IACE,OAAO,UAAU,eAAe,KAAKH,GAAOG,CAAG,KAC/CC,EAAO,gBAAgBD,CAAG,MAE1BF,EAAWE,CAAG,IAAIH,EAAMG,CAAc,GACtC,OAAOD,EAAWC,CAAG;AAAA,EAEzB,CAAC,GAEM,CAACF,GAAYC,CAA6B;AACnD;"}

package/dist/chunks/{form-field-B6PqLujT.es.js → form-field-BHz1U87W.es.js}

@@ -6,7 +6,7 @@ import { HelpOutline as G, ErrorOutline as J } from "@commercetools/nimbus-icons
 import { $ as K } from "./useObjectRef-CaJ5pgjX.es.js";
 import { $ as O } from "./useField-WtCRFMK8.es.js";
 import { B as b } from "./box-DuBoAZvq.es.js";
-import { I as Q } from "./icon-button-g4dZUH5O.es.js";
+import { I as Q } from "./icon-button-CKfDmEjG.es.js";
 const a = /* @__PURE__ */ w({
   context: {
     label: null,
@@ -228,4 +228,4 @@ export {
   ro as e,
   to as f
 };
-//# sourceMappingURL=form-field-B6PqLujT.es.js.map
+//# sourceMappingURL=form-field-BHz1U87W.es.js.map

package/dist/chunks/{form-field-B6PqLujT.es.js.map → form-field-BHz1U87W.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"form-field-B6PqLujT.es.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.slots.tsx","../../src/components/form-field/components/form-field.root.tsx","../../src/components/form-field/components/form-field.label.tsx","../../src/components/form-field/components/form-field.input.tsx","../../src/components/form-field/components/form-field.description.tsx","../../src/components/form-field/components/form-field.error.tsx","../../src/components/form-field/components/form-field.info-box.tsx","../../src/components/form-field/form-field.tsx"],"sourcesContent":["import { createContext, type ReactNode } from \"react\";\nimport type {\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldLabelSlotProps,\n} from \"../form-field.types\";\n\nexport type FormFieldContextPayloadType = {\n  label: ReactNode;\n  labelSlotProps?: FormFieldLabelSlotProps;\n  input: ReactNode;\n  inputSlotProps?: FormFieldInputSlotProps;\n  description: ReactNode;\n  descriptionSlotProps?: FormFieldDescriptionSlotProps;\n  error: ReactNode;\n  errorSlotProps?: FormFieldErrorSlotProps;\n  info: ReactNode;\n  isInvalid?: boolean;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n};\n\nexport type FormFieldContextType = {\n  context: FormFieldContextPayloadType;\n  setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;\n};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n  context: {\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n  },\n  setContext: () => {},\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  FormFieldRootSlotProps,\n  FormFieldLabelSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldPopoverSlotProps,\n} from \"./form-field.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"formField\",\n});\n\n// Root slot\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import {\n  Children,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useMemo,\n  useState,\n  useRef,\n} from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField, useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldInputSlot,\n  FormFieldLabelSlot,\n  FormFieldPopoverSlot,\n  FormFieldRootSlot,\n} from \"../form-field.slots\";\nimport { Dialog, DialogTrigger, Popover } from \"react-aria-components\";\nimport { Box, IconButton } from \"@/components\";\nimport { ErrorOutline, HelpOutline } from \"@commercetools/nimbus-icons\";\n\n/**\n * # FormField\n *\n * displays miscellaneous inputs in a FormField context\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/formfield}\n */\nexport const FormFieldRoot = function FormFieldRoot({\n  ref: forwardedRef,\n  id,\n  isInvalid,\n  isRequired,\n  isDisabled,\n  isReadOnly,\n  children,\n  ...props\n}: FormFieldProps) {\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const [context, setContext] = useState<FormFieldContextPayloadType>({\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n    isInvalid,\n    isRequired,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const useFieldArgs: Parameters<typeof useField>[0] = useMemo(() => {\n    const args: Parameters<typeof useField>[0] = {\n      id,\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      args.label = context.label;\n    } else {\n      // Context will always start out null, so we need to stub out some aria attributes\n      // FIXME: This is a hack to get the form field to work, but it's not the best solution\n      // FIXME: We should find a better way to handle this by redesigning the FormField component's structure\n      args[\"aria-label\"] = \"empty-label\";\n      args[\"aria-labelledby\"] = \"empty-label\";\n    }\n\n    return args;\n  }, [id, context.description, context.error, context.label]);\n\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n    useField(useFieldArgs);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }));\n  }, [isInvalid, isRequired, isDisabled, isReadOnly]);\n\n  const inputProps = useMemo(\n    () => ({\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }),\n    [fieldProps, isInvalid, isRequired, isDisabled, isReadOnly]\n  );\n\n  const contextValue = useMemo(() => ({ context, setContext }), [context]);\n\n  return (\n    <FormFieldContext.Provider value={contextValue}>\n      <FormFieldRootSlot ref={ref} {...props}>\n        {context.label && (\n          <FormFieldLabelSlot {...context.labelSlotProps}>\n            <label {...labelProps}>\n              {context.label}\n              {isRequired && <sup aria-hidden=\"true\">*</sup>}\n            </label>\n            {context.info && (\n              <DialogTrigger>\n                <Box\n                  as=\"span\"\n                  display=\"inline-block\"\n                  position=\"relative\"\n                  width=\"1ch\"\n                  height=\"1ch\"\n                  ml=\"200\"\n                >\n                  <Box\n                    as=\"span\"\n                    display=\"inline-flex\"\n                    position=\"absolute\"\n                    top=\"50%\"\n                    right=\"50%\"\n                    transform=\"translate(50%, -50%)\"\n                  >\n                    <IconButton\n                      aria-label=\"__MORE INFO\"\n                      size=\"2xs\"\n                      tone=\"info\"\n                      variant=\"link\"\n                    >\n                      <HelpOutline />\n                    </IconButton>\n                  </Box>\n                </Box>\n                <Popover>\n                  <FormFieldPopoverSlot asChild>\n                    <Dialog>\n                      <Box p=\"300\">{context.info}</Box>\n                    </Dialog>\n                  </FormFieldPopoverSlot>\n                </Popover>\n              </DialogTrigger>\n            )}\n          </FormFieldLabelSlot>\n        )}\n        {context.input && (\n          <FormFieldInputSlot {...context.inputSlotProps}>\n            {Children.map(context.input, (child) => {\n              // Important: Check if the child is a valid React element before cloning.\n              if (isValidElement(child)) {\n                return cloneElement(child, inputProps);\n              }\n              // If it's not a valid element (e.g., text node, null, undefined), return it as is.\n              return child;\n            })}\n          </FormFieldInputSlot>\n        )}\n        {context.description && (\n          <FormFieldDescriptionSlot\n            {...descriptionProps}\n            {...context.descriptionSlotProps}\n          >\n            {context.description}\n          </FormFieldDescriptionSlot>\n        )}\n        {isInvalid && context.error && (\n          <FormFieldErrorSlot\n            {...errorMessageProps}\n            {...context.errorSlotProps}\n          >\n            <Box\n              as={ErrorOutline}\n              display=\"inline-flex\"\n              boxSize=\"400\"\n              verticalAlign=\"text-bottom\"\n              mr=\"100\"\n              alignSelf=\"center\"\n            />\n            {context.error}\n          </FormFieldErrorSlot>\n        )}\n        {children}\n      </FormFieldRootSlot>\n    </FormFieldContext.Provider>\n  );\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.types\";\n\nexport const FormFieldLabel = ({\n  children,\n  ...labelSlotProps\n}: FormFieldLabelSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      label: children,\n      labelSlotProps,\n    }));\n\n    // Cleanup: clear label when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        label: null,\n        labelSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.types\";\n\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      input: children,\n      inputSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.types\";\n\nexport const FormFieldDescription = ({\n  children,\n  ...descriptionSlotProps\n}: FormFieldDescriptionSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      description: children,\n      descriptionSlotProps,\n    }));\n\n    // Cleanup: clear description when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        description: null,\n        descriptionSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.types\";\n\nexport const FormFieldError = ({\n  children,\n  ...errorSlotProps\n}: FormFieldErrorSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      error: children,\n      errorSlotProps,\n    }));\n\n    // Cleanup: clear error when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        error: null,\n        errorSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect, type ReactNode } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\n\ntype FormFieldInfoBoxProps = {\n  /**\n   * The content to display in the InfoBox\n   */\n  children: ReactNode;\n};\n\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n\n    // Cleanup: clear info when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        info: null,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n","import { FormFieldRoot } from \"./components/form-field.root\";\nimport { FormFieldLabel } from \"./components/form-field.label\";\nimport { FormFieldInput } from \"./components/form-field.input\";\nimport { FormFieldDescription } from \"./components/form-field.description\";\nimport { FormFieldError } from \"./components/form-field.error\";\nimport { FormFieldInfoBox } from \"./components/form-field.info-box\";\n\nexport const FormField = {\n  Root: FormFieldRoot,\n  Label: FormFieldLabel,\n  Input: FormFieldInput,\n  Description: FormFieldDescription,\n  Error: FormFieldError,\n  InfoBox: FormFieldInfoBox,\n};\n\nexport {\n  FormFieldRoot as _FormFieldRoot,\n  FormFieldLabel as _FormFieldLabel,\n  FormFieldInput as _FormFieldInput,\n  FormFieldDescription as _FormFieldDescription,\n  FormFieldError as _FormFieldError,\n  FormFieldInfoBox as _FormFieldInfoBox,\n};\n"],"names":["FormFieldContext","createContext","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardedRef","id","isInvalid","isRequired","isDisabled","isReadOnly","children","props","localRef","useRef","ref","useObjectRef","mergeRefs","context","setContext","useState","useFieldArgs","useMemo","args","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","contextValue","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","Children","child","isValidElement","cloneElement","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"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"}
+{"version":3,"file":"form-field-BHz1U87W.es.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.slots.tsx","../../src/components/form-field/components/form-field.root.tsx","../../src/components/form-field/components/form-field.label.tsx","../../src/components/form-field/components/form-field.input.tsx","../../src/components/form-field/components/form-field.description.tsx","../../src/components/form-field/components/form-field.error.tsx","../../src/components/form-field/components/form-field.info-box.tsx","../../src/components/form-field/form-field.tsx"],"sourcesContent":["import { createContext, type ReactNode } from \"react\";\nimport type {\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldLabelSlotProps,\n} from \"../form-field.types\";\n\nexport type FormFieldContextPayloadType = {\n  label: ReactNode;\n  labelSlotProps?: FormFieldLabelSlotProps;\n  input: ReactNode;\n  inputSlotProps?: FormFieldInputSlotProps;\n  description: ReactNode;\n  descriptionSlotProps?: FormFieldDescriptionSlotProps;\n  error: ReactNode;\n  errorSlotProps?: FormFieldErrorSlotProps;\n  info: ReactNode;\n  isInvalid?: boolean;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n};\n\nexport type FormFieldContextType = {\n  context: FormFieldContextPayloadType;\n  setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;\n};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n  context: {\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n  },\n  setContext: () => {},\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  FormFieldRootSlotProps,\n  FormFieldLabelSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldPopoverSlotProps,\n} from \"./form-field.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"formField\",\n});\n\n// Root slot\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import {\n  Children,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useMemo,\n  useState,\n  useRef,\n} from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField, useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldInputSlot,\n  FormFieldLabelSlot,\n  FormFieldPopoverSlot,\n  FormFieldRootSlot,\n} from \"../form-field.slots\";\nimport { Dialog, DialogTrigger, Popover } from \"react-aria-components\";\nimport { Box, IconButton } from \"@/components\";\nimport { ErrorOutline, HelpOutline } from \"@commercetools/nimbus-icons\";\n\n/**\n * # FormField\n *\n * displays miscellaneous inputs in a FormField context\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/formfield}\n */\nexport const FormFieldRoot = function FormFieldRoot({\n  ref: forwardedRef,\n  id,\n  isInvalid,\n  isRequired,\n  isDisabled,\n  isReadOnly,\n  children,\n  ...props\n}: FormFieldProps) {\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const [context, setContext] = useState<FormFieldContextPayloadType>({\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n    isInvalid,\n    isRequired,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const useFieldArgs: Parameters<typeof useField>[0] = useMemo(() => {\n    const args: Parameters<typeof useField>[0] = {\n      id,\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      args.label = context.label;\n    } else {\n      // Context will always start out null, so we need to stub out some aria attributes\n      // FIXME: This is a hack to get the form field to work, but it's not the best solution\n      // FIXME: We should find a better way to handle this by redesigning the FormField component's structure\n      args[\"aria-label\"] = \"empty-label\";\n      args[\"aria-labelledby\"] = \"empty-label\";\n    }\n\n    return args;\n  }, [id, context.description, context.error, context.label]);\n\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n    useField(useFieldArgs);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }));\n  }, [isInvalid, isRequired, isDisabled, isReadOnly]);\n\n  const inputProps = useMemo(\n    () => ({\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }),\n    [fieldProps, isInvalid, isRequired, isDisabled, isReadOnly]\n  );\n\n  const contextValue = useMemo(() => ({ context, setContext }), [context]);\n\n  return (\n    <FormFieldContext.Provider value={contextValue}>\n      <FormFieldRootSlot ref={ref} {...props}>\n        {context.label && (\n          <FormFieldLabelSlot {...context.labelSlotProps}>\n            <label {...labelProps}>\n              {context.label}\n              {isRequired && <sup aria-hidden=\"true\">*</sup>}\n            </label>\n            {context.info && (\n              <DialogTrigger>\n                <Box\n                  as=\"span\"\n                  display=\"inline-block\"\n                  position=\"relative\"\n                  width=\"1ch\"\n                  height=\"1ch\"\n                  ml=\"200\"\n                >\n                  <Box\n                    as=\"span\"\n                    display=\"inline-flex\"\n                    position=\"absolute\"\n                    top=\"50%\"\n                    right=\"50%\"\n                    transform=\"translate(50%, -50%)\"\n                  >\n                    <IconButton\n                      aria-label=\"__MORE INFO\"\n                      size=\"2xs\"\n                      tone=\"info\"\n                      variant=\"link\"\n                    >\n                      <HelpOutline />\n                    </IconButton>\n                  </Box>\n                </Box>\n                <Popover>\n                  <FormFieldPopoverSlot asChild>\n                    <Dialog>\n                      <Box p=\"300\">{context.info}</Box>\n                    </Dialog>\n                  </FormFieldPopoverSlot>\n                </Popover>\n              </DialogTrigger>\n            )}\n          </FormFieldLabelSlot>\n        )}\n        {context.input && (\n          <FormFieldInputSlot {...context.inputSlotProps}>\n            {Children.map(context.input, (child) => {\n              // Important: Check if the child is a valid React element before cloning.\n              if (isValidElement(child)) {\n                return cloneElement(child, inputProps);\n              }\n              // If it's not a valid element (e.g., text node, null, undefined), return it as is.\n              return child;\n            })}\n          </FormFieldInputSlot>\n        )}\n        {context.description && (\n          <FormFieldDescriptionSlot\n            {...descriptionProps}\n            {...context.descriptionSlotProps}\n          >\n            {context.description}\n          </FormFieldDescriptionSlot>\n        )}\n        {isInvalid && context.error && (\n          <FormFieldErrorSlot\n            {...errorMessageProps}\n            {...context.errorSlotProps}\n          >\n            <Box\n              as={ErrorOutline}\n              display=\"inline-flex\"\n              boxSize=\"400\"\n              verticalAlign=\"text-bottom\"\n              mr=\"100\"\n              alignSelf=\"center\"\n            />\n            {context.error}\n          </FormFieldErrorSlot>\n        )}\n        {children}\n      </FormFieldRootSlot>\n    </FormFieldContext.Provider>\n  );\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.types\";\n\nexport const FormFieldLabel = ({\n  children,\n  ...labelSlotProps\n}: FormFieldLabelSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      label: children,\n      labelSlotProps,\n    }));\n\n    // Cleanup: clear label when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        label: null,\n        labelSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.types\";\n\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      input: children,\n      inputSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.types\";\n\nexport const FormFieldDescription = ({\n  children,\n  ...descriptionSlotProps\n}: FormFieldDescriptionSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      description: children,\n      descriptionSlotProps,\n    }));\n\n    // Cleanup: clear description when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        description: null,\n        descriptionSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.types\";\n\nexport const FormFieldError = ({\n  children,\n  ...errorSlotProps\n}: FormFieldErrorSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      error: children,\n      errorSlotProps,\n    }));\n\n    // Cleanup: clear error when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        error: null,\n        errorSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n","import { useContext, useEffect, type ReactNode } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\n\ntype FormFieldInfoBoxProps = {\n  /**\n   * The content to display in the InfoBox\n   */\n  children: ReactNode;\n};\n\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n\n    // Cleanup: clear info when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        info: null,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n","import { FormFieldRoot } from \"./components/form-field.root\";\nimport { FormFieldLabel } from \"./components/form-field.label\";\nimport { FormFieldInput } from \"./components/form-field.input\";\nimport { FormFieldDescription } from \"./components/form-field.description\";\nimport { FormFieldError } from \"./components/form-field.error\";\nimport { FormFieldInfoBox } from \"./components/form-field.info-box\";\n\nexport const FormField = {\n  Root: FormFieldRoot,\n  Label: FormFieldLabel,\n  Input: FormFieldInput,\n  Description: FormFieldDescription,\n  Error: FormFieldError,\n  InfoBox: FormFieldInfoBox,\n};\n\nexport {\n  FormFieldRoot as _FormFieldRoot,\n  FormFieldLabel as _FormFieldLabel,\n  FormFieldInput as _FormFieldInput,\n  FormFieldDescription as _FormFieldDescription,\n  FormFieldError as _FormFieldError,\n  FormFieldInfoBox as _FormFieldInfoBox,\n};\n"],"names":["FormFieldContext","createContext","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardedRef","id","isInvalid","isRequired","isDisabled","isReadOnly","children","props","localRef","useRef","ref","useObjectRef","mergeRefs","context","setContext","useState","useFieldArgs","useMemo","args","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","contextValue","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","Children","child","isValidElement","cloneElement","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"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"}

package/dist/chunks/{form-field-B9wlWUcK.cjs.js → form-field-zi8RBlcC.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),r=require("react"),h=require("@chakra-ui/react"),f=require("./Dialog-DINBl88u.cjs.js"),m=require("@commercetools/nimbus-icons"),y=require("./useObjectRef-4v2MxSjQ.cjs.js"),z=require("./useField-lK6K_h1G.cjs.js"),x=require("./box-CWni3A32.cjs.js"),A=require("./icon-button-B28VUff9.cjs.js"),u=r.createContext({context:{label:null,description:null,error:null,info:null,input:null},setContext:()=>{}}),{withProvider:V,withContext:d}=h.createSlotRecipeContext({key:"formField"}),_=V("div","root"),D=d("div","label"),H=d("div","input"),N=d("div","description"),O=d("div","error"),G=d("div","popover"),j=function({ref:s,id:o,isInvalid:t,isRequired:c,isDisabled:p,isReadOnly:a,children:v,...g}){const B=r.useRef(null),M=y.$df56164dff5785e2$export$4338b53315abf666(h.mergeRefs(B,s)),[e,F]=r.useState({label:null,description:null,error:null,info:null,input:null,isInvalid:t,isRequired:c,isDisabled:p,isReadOnly:a}),I=r.useMemo(()=>{const i={id:o,description:e.description,errorMessage:e.error};return e.label?i.label=e.label:(i["aria-label"]="empty-label",i["aria-labelledby"]="empty-label"),i},[o,e.description,e.error,e.label]),{labelProps:q,fieldProps:b,descriptionProps:L,errorMessageProps:R}=z.$2baaea4c71418dea$export$294aa081a6c6f55d(I);r.useEffect(()=>{F(i=>({...i,isInvalid:t,isRequired:c,isDisabled:p,isReadOnly:a}))},[t,c,p,a]);const k=r.useMemo(()=>({...b,isInvalid:t,isRequired:c,isDisabled:p,isReadOnly:a}),[b,t,c,p,a]),w=r.useMemo(()=>({context:e,setContext:F}),[e]);return n.jsx(u.Provider,{value:w,children:n.jsxs(_,{ref:M,...g,children:[e.label&&n.jsxs(D,{...e.labelSlotProps,children:[n.jsxs("label",{...q,children:[e.label,c&&n.jsx("sup",{"aria-hidden":"true",children:"*"})]}),e.info&&n.jsxs(f.$de32f1b87079253c$export$2e1e1122cf0cba88,{children:[n.jsx(x.Box,{as:"span",display:"inline-block",position:"relative",width:"1ch",height:"1ch",ml:"200",children:n.jsx(x.Box,{as:"span",display:"inline-flex",position:"absolute",top:"50%",right:"50%",transform:"translate(50%, -50%)",children:n.jsx(A.IconButton,{"aria-label":"__MORE INFO",size:"2xs",tone:"info",variant:"link",children:n.jsx(m.HelpOutline,{})})})}),n.jsx(f.$07b14b47974efb58$export$5b6b19405a83ff9d,{children:n.jsx(G,{asChild:!0,children:n.jsx(f.$de32f1b87079253c$export$3ddf2d174ce01153,{children:n.jsx(x.Box,{p:"300",children:e.info})})})})]})]}),e.input&&n.jsx(H,{...e.inputSlotProps,children:r.Children.map(e.input,i=>r.isValidElement(i)?r.cloneElement(i,k):i)}),e.description&&n.jsx(N,{...L,...e.descriptionSlotProps,children:e.description}),t&&e.error&&n.jsxs(O,{...R,...e.errorSlotProps,children:[n.jsx(x.Box,{as:m.ErrorOutline,display:"inline-flex",boxSize:"400",verticalAlign:"text-bottom",mr:"100",alignSelf:"center"}),e.error]}),v]})})},C=({children:l,...s})=>{const{setContext:o}=r.useContext(u);return r.useEffect(()=>(o(t=>({...t,label:l,labelSlotProps:s})),()=>{o(t=>({...t,label:null,labelSlotProps:void 0}))}),[l,o]),null},S=({children:l,...s})=>{const{setContext:o}=r.useContext(u);return r.useEffect(()=>{o(t=>({...t,input:l,inputSlotProps:s}))},[l,o]),null},$=({children:l,...s})=>{const{setContext:o}=r.useContext(u);return r.useEffect(()=>(o(t=>({...t,description:l,descriptionSlotProps:s})),()=>{o(t=>({...t,description:null,descriptionSlotProps:void 0}))}),[l,o]),null},P=({children:l,...s})=>{const{setContext:o}=r.useContext(u);return r.useEffect(()=>(o(t=>({...t,error:l,errorSlotProps:s})),()=>{o(t=>({...t,error:null,errorSlotProps:void 0}))}),[l,o]),null},E=({children:l})=>{const{setContext:s}=r.useContext(u);return r.useEffect(()=>(s(o=>({...o,info:l})),()=>{s(o=>({...o,info:null}))}),[l,s]),null},J={Root:j,Label:C,Input:S,Description:$,Error:P,InfoBox:E};exports.FormField=J;exports.FormFieldDescription=$;exports.FormFieldError=P;exports.FormFieldInfoBox=E;exports.FormFieldInput=S;exports.FormFieldLabel=C;exports.FormFieldRoot=j;
-//# sourceMappingURL=form-field-B9wlWUcK.cjs.js.map
+"use strict";const n=require("react/jsx-runtime"),r=require("react"),h=require("@chakra-ui/react"),f=require("./Dialog-DINBl88u.cjs.js"),m=require("@commercetools/nimbus-icons"),y=require("./useObjectRef-4v2MxSjQ.cjs.js"),z=require("./useField-lK6K_h1G.cjs.js"),x=require("./box-CWni3A32.cjs.js"),A=require("./icon-button-CCOl3BcF.cjs.js"),u=r.createContext({context:{label:null,description:null,error:null,info:null,input:null},setContext:()=>{}}),{withProvider:V,withContext:d}=h.createSlotRecipeContext({key:"formField"}),_=V("div","root"),D=d("div","label"),H=d("div","input"),N=d("div","description"),O=d("div","error"),G=d("div","popover"),j=function({ref:s,id:o,isInvalid:t,isRequired:c,isDisabled:p,isReadOnly:a,children:v,...g}){const B=r.useRef(null),M=y.$df56164dff5785e2$export$4338b53315abf666(h.mergeRefs(B,s)),[e,F]=r.useState({label:null,description:null,error:null,info:null,input:null,isInvalid:t,isRequired:c,isDisabled:p,isReadOnly:a}),I=r.useMemo(()=>{const i={id:o,description:e.description,errorMessage:e.error};return e.label?i.label=e.label:(i["aria-label"]="empty-label",i["aria-labelledby"]="empty-label"),i},[o,e.description,e.error,e.label]),{labelProps:q,fieldProps:b,descriptionProps:L,errorMessageProps:R}=z.$2baaea4c71418dea$export$294aa081a6c6f55d(I);r.useEffect(()=>{F(i=>({...i,isInvalid:t,isRequired:c,isDisabled:p,isReadOnly:a}))},[t,c,p,a]);const k=r.useMemo(()=>({...b,isInvalid:t,isRequired:c,isDisabled:p,isReadOnly:a}),[b,t,c,p,a]),w=r.useMemo(()=>({context:e,setContext:F}),[e]);return n.jsx(u.Provider,{value:w,children:n.jsxs(_,{ref:M,...g,children:[e.label&&n.jsxs(D,{...e.labelSlotProps,children:[n.jsxs("label",{...q,children:[e.label,c&&n.jsx("sup",{"aria-hidden":"true",children:"*"})]}),e.info&&n.jsxs(f.$de32f1b87079253c$export$2e1e1122cf0cba88,{children:[n.jsx(x.Box,{as:"span",display:"inline-block",position:"relative",width:"1ch",height:"1ch",ml:"200",children:n.jsx(x.Box,{as:"span",display:"inline-flex",position:"absolute",top:"50%",right:"50%",transform:"translate(50%, -50%)",children:n.jsx(A.IconButton,{"aria-label":"__MORE INFO",size:"2xs",tone:"info",variant:"link",children:n.jsx(m.HelpOutline,{})})})}),n.jsx(f.$07b14b47974efb58$export$5b6b19405a83ff9d,{children:n.jsx(G,{asChild:!0,children:n.jsx(f.$de32f1b87079253c$export$3ddf2d174ce01153,{children:n.jsx(x.Box,{p:"300",children:e.info})})})})]})]}),e.input&&n.jsx(H,{...e.inputSlotProps,children:r.Children.map(e.input,i=>r.isValidElement(i)?r.cloneElement(i,k):i)}),e.description&&n.jsx(N,{...L,...e.descriptionSlotProps,children:e.description}),t&&e.error&&n.jsxs(O,{...R,...e.errorSlotProps,children:[n.jsx(x.Box,{as:m.ErrorOutline,display:"inline-flex",boxSize:"400",verticalAlign:"text-bottom",mr:"100",alignSelf:"center"}),e.error]}),v]})})},C=({children:l,...s})=>{const{setContext:o}=r.useContext(u);return r.useEffect(()=>(o(t=>({...t,label:l,labelSlotProps:s})),()=>{o(t=>({...t,label:null,labelSlotProps:void 0}))}),[l,o]),null},S=({children:l,...s})=>{const{setContext:o}=r.useContext(u);return r.useEffect(()=>{o(t=>({...t,input:l,inputSlotProps:s}))},[l,o]),null},$=({children:l,...s})=>{const{setContext:o}=r.useContext(u);return r.useEffect(()=>(o(t=>({...t,description:l,descriptionSlotProps:s})),()=>{o(t=>({...t,description:null,descriptionSlotProps:void 0}))}),[l,o]),null},P=({children:l,...s})=>{const{setContext:o}=r.useContext(u);return r.useEffect(()=>(o(t=>({...t,error:l,errorSlotProps:s})),()=>{o(t=>({...t,error:null,errorSlotProps:void 0}))}),[l,o]),null},E=({children:l})=>{const{setContext:s}=r.useContext(u);return r.useEffect(()=>(s(o=>({...o,info:l})),()=>{s(o=>({...o,info:null}))}),[l,s]),null},J={Root:j,Label:C,Input:S,Description:$,Error:P,InfoBox:E};exports.FormField=J;exports.FormFieldDescription=$;exports.FormFieldError=P;exports.FormFieldInfoBox=E;exports.FormFieldInput=S;exports.FormFieldLabel=C;exports.FormFieldRoot=j;
+//# sourceMappingURL=form-field-zi8RBlcC.cjs.js.map