@commercetools/nimbus 0.0.0-canary-20260127191515 → 0.0.0-canary-20260128095531

package/dist/chunks/drawer-6ahSpyMw.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),f=require("react"),S=require("./Dialog-B64GoQlm.cjs.js"),D=require("@chakra-ui/react/styled-system"),R=require("./index-C04089Bd.cjs.js"),N=require("./Button-C92vyQPT.cjs.js"),P=require("./extract-style-props-C5Zbx7mA.cjs.js"),j=require("./Modal-vGTvonTS.cjs.js"),O=require("./heading-D7xCezAz.cjs.js"),B=require("@commercetools/nimbus-icons"),c=require("./normalize-messages-DtVffO09.cjs.js"),F=require("./icon-button-QUJAfreK.cjs.js"),{withProvider:z,withContext:n}=D.createSlotRecipeContext({recipe:R.drawerSlotRecipe}),H=z("div","root"),_=n("button","trigger"),I=n("div","modalOverlay"),E=n("div","modal"),L=n("div","content"),V=n("header","header"),k=n("div","body"),A=n("footer","footer"),K=n("h2","title"),G=n("div","closeTrigger"),$=f.createContext(void 0),J=()=>{const e=f.useContext($);if(!e)throw new Error("useDrawerContext must be used within Drawer.Root");return e},Q=({children:e,value:t})=>r.jsx($,{value:t,children:e}),p=e=>{const t=D.useSlotRecipe({recipe:R.drawerSlotRecipe}),[o]=t.splitVariantProps(e),{children:s,isOpen:a,onOpenChange:i,defaultOpen:g=!1}=e,l=r.jsx(H,{...o,children:s}),w=f.Children.toArray(s).some(d=>{if(f.isValidElement(d)&&typeof d.type=="function"){const u=d.type?.displayName;return u==="DrawerTrigger"||u==="Drawer.Trigger"}return!1});return r.jsx(Q,{value:{...e,hasDrawerTrigger:w},children:w?r.jsx(S.$de32f1b87079253c$export$2e1e1122cf0cba88,{isOpen:a,onOpenChange:i,defaultOpen:g,children:l}):l})};p.displayName="Drawer.Root";const x=({ref:e,children:t,asChild:o,...s})=>{if(o)return r.jsx(D.chakra.button,{ref:e,asChild:!0,...s,children:t});const[a,i]=P.extractStyleProps(s);return r.jsx(_,{...a,asChild:!0,children:r.jsx(N.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{ref:e,...i,children:t})})};x.displayName="Drawer.Trigger";const h=e=>{const{ref:t,children:o,...s}=e,{hasDrawerTrigger:a,isDismissable:i=!0,isKeyboardDismissDisabled:g,shouldCloseOnInteractOutside:l,isOpen:w,onOpenChange:d,defaultOpen:u}=J(),v=a?{isDismissable:i,isKeyboardDismissDisabled:g,shouldCloseOnInteractOutside:l}:{isDismissable:i,isKeyboardDismissDisabled:g,shouldCloseOnInteractOutside:l,isOpen:w,onOpenChange:d,defaultOpen:u},[M,q]=P.extractStyleProps(s);return r.jsx(I,{asChild:!0,children:r.jsx(j.$f3f84453ead64de5$export$8948f78d83984c69,{...v,children:r.jsx(E,{asChild:!0,children:r.jsx(j.$f3f84453ead64de5$export$2b77a92f1a5ad772,{children:r.jsx(L,{asChild:!0,...M,children:r.jsx(S.$de32f1b87079253c$export$3ddf2d174ce01153,{ref:t,...q,children:o})})})})})})};h.displayName="Drawer.Content";const m=e=>{const{ref:t,children:o,...s}=e;return r.jsx(V,{ref:t,...s,children:o})};m.displayName="Drawer.Header";const y=e=>{const{ref:t,children:o,...s}=e,a={tabIndex:0};return r.jsx(k,{ref:t,...a,...s,children:o})};y.displayName="Drawer.Body";const C=e=>{const{ref:t,children:o,...s}=e;return r.jsx(A,{ref:t,...s,children:o})};C.displayName="Drawer.Footer";const T=e=>{const{ref:t,children:o,...s}=e;return r.jsx(K,{asChild:!0,...s,children:r.jsx(O.Heading,{ref:t,slot:"title",as:"h2",textStyle:"lg",children:o})})};T.displayName="Drawer.Title";const U={closeTrigger:"Close drawer"},W={closeTrigger:"Schublade schließen"},X={closeTrigger:"Cerrar bandeja"},Y={closeTrigger:"Fermer le volet"},Z={closeTrigger:"Fechar gaveta"},ee={en:c.normalizeMessages(U),de:c.normalizeMessages(W),es:c.normalizeMessages(X),"fr-FR":c.normalizeMessages(Y),"pt-BR":c.normalizeMessages(Z)},b=e=>{const t=c.useLocalizedStringFormatter(ee),{ref:o,"aria-label":s,...a}=e;return r.jsx(G,{children:r.jsx(F.IconButton,{ref:o,slot:"close",size:"xs",variant:"ghost","aria-label":s||t.format("closeTrigger"),...a,children:r.jsx(B.Close,{})})})};b.displayName="Drawer.CloseTrigger";const re={Root:p,Trigger:x,Content:h,Header:m,Body:y,Footer:C,Title:T,CloseTrigger:b};exports.Drawer=re;exports.DrawerBody=y;exports.DrawerCloseTrigger=b;exports.DrawerContent=h;exports.DrawerFooter=C;exports.DrawerHeader=m;exports.DrawerRoot=p;exports.DrawerTitle=T;exports.DrawerTrigger=x;
+//# sourceMappingURL=drawer-6ahSpyMw.cjs.js.map

package/dist/chunks/drawer-6ahSpyMw.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-6ahSpyMw.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/intl/en.ts","../../src/components/drawer/intl/de.ts","../../src/components/drawer/intl/es.ts","../../src/components/drawer/intl/fr-FR.ts","../../src/components/drawer/intl/pt-BR.ts","../../src/components/drawer/drawer.messages.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  /**\n   * Internal flag indicating whether the drawer has a Drawer.Trigger component.\n   * Used by DrawerContent to determine whether DialogTrigger is managing state.\n   */\n  hasDrawerTrigger?: boolean;\n};\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  // Also pass hasDrawerTrigger so DrawerContent knows whether to manage its own state\n  return (\n    <DrawerProvider value={{ ...props, hasDrawerTrigger }}>\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\n/**\n * Drawer.Trigger - The trigger element that opens the drawer when activated\n *\n * @supportsStyleProps\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\n/**\n * Drawer.Content - The main drawer content container\n *\n * @supportsStyleProps\n */\nexport const DrawerContent = (props: DrawerContentProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  // Get configuration from context\n  const {\n    hasDrawerTrigger,\n    isDismissable = true, // Default to true so clicking outside closes the drawer\n    isKeyboardDismissDisabled,\n    shouldCloseOnInteractOutside,\n    isOpen,\n    onOpenChange,\n    defaultOpen,\n  } = useDrawerRootContext();\n\n  // When there's a Drawer.Trigger, DialogTrigger manages state via React Context\n  // When there's NO Drawer.Trigger, ModalOverlay must manage its own state\n  const modalProps = hasDrawerTrigger\n    ? {\n        // With trigger: Only pass dismissal props, state is managed by DialogTrigger\n        isDismissable,\n        isKeyboardDismissDisabled,\n        shouldCloseOnInteractOutside,\n      }\n    : {\n        // Without trigger: Pass state management props to ModalOverlay\n        isDismissable,\n        isKeyboardDismissDisabled,\n        shouldCloseOnInteractOutside,\n        isOpen,\n        onOpenChange,\n        defaultOpen,\n      };\n\n  const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n  return (\n    <DrawerModalOverlaySlot asChild>\n      <RaModalOverlay {...modalProps}>\n        <DrawerModalSlot asChild>\n          <RaModal>\n            <DrawerContentSlot asChild {...styleProps}>\n              <RaDialog ref={forwardedRef} {...functionalProps}>\n                {children}\n              </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\n/**\n * Drawer.Header - The header section of the drawer\n *\n * @supportsStyleProps\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\n/**\n * Drawer.Body - The main body content section of the drawer\n *\n * @supportsStyleProps\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\n/**\n * Drawer.Footer - The footer section of the drawer\n *\n * @supportsStyleProps\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\n/**\n * Drawer.Title - The accessible title element for the drawer\n *\n * @supportsStyleProps\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","/**\n * Pre-compiled en messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Close drawer` };\n","/**\n * Pre-compiled de messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Schublade schließen` };\n","/**\n * Pre-compiled es messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Cerrar bandeja` };\n","/**\n * Pre-compiled fr-FR messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Fermer le volet` };\n","/**\n * Pre-compiled pt-BR messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Fechar gaveta` };\n","/**\n * Pre-compiled localized messages for Drawer component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport drawerMessages_en from \"./intl/en\";\nimport drawerMessages_de from \"./intl/de\";\nimport drawerMessages_es from \"./intl/es\";\nimport drawerMessages_fr from \"./intl/fr-FR\";\nimport drawerMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const drawerMessagesStrings: LocalizedStrings<string, LocalizedString> =\n  {\n    en: normalizeMessages(drawerMessages_en),\n    de: normalizeMessages(drawerMessages_de),\n    es: normalizeMessages(drawerMessages_es),\n    \"fr-FR\": normalizeMessages(drawerMessages_fr),\n    \"pt-BR\": normalizeMessages(drawerMessages_pt),\n  } as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Drawer component\n */\nexport type DrawerMessageKey = \"closeTrigger\";\n","import { Close } from \"@commercetools/nimbus-icons\";\nimport { DrawerCloseTriggerSlot } from \"../drawer.slots\";\nimport type { DrawerCloseTriggerProps } from \"../drawer.types\";\nimport { IconButton } from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { drawerMessagesStrings } from \"../drawer.messages\";\n\n/**\n * Drawer.CloseTrigger - A button that closes the drawer when activated\n *\n * @supportsStyleProps\n */\nexport const DrawerCloseTrigger = (props: DrawerCloseTriggerProps) => {\n  const msg = useLocalizedStringFormatter(drawerMessagesStrings);\n  const { ref: forwardedRef, \"aria-label\": ariaLabel, ...restProps } = props;\n\n  return (\n    <DrawerCloseTriggerSlot>\n      <IconButton\n        ref={forwardedRef}\n        slot=\"close\"\n        size=\"xs\"\n        variant=\"ghost\"\n        aria-label={ariaLabel || msg.format(\"closeTrigger\")}\n        {...restProps}\n      >\n        <Close />\n      </IconButton>\n    </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","functionalProps","RaModalOverlay","RaModal","RaDialog","DrawerHeader","DrawerBody","defaultProps","DrawerFooter","DrawerTitle","Heading","drawerMessages_en","drawerMessages_de","drawerMessages_es","drawerMessages_fr","drawerMessages_pt","drawerMessagesStrings","normalizeMessages","DrawerCloseTrigger","msg","useLocalizedStringFormatter","ariaLabel","IconButton","Close","Drawer"],"mappings":"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"}

package/dist/chunks/drawer-CsrMI_eY.es.js

@@ -0,0 +1,320 @@
+import { jsx as r } from "react/jsx-runtime";
+import w, { useContext as N, createContext as O } from "react";
+import { j as M, k as F } from "./Dialog-7Yf08giu.es.js";
+import { createSlotRecipeContext as _, useSlotRecipe as B, chakra as H } from "@chakra-ui/react/styled-system";
+import { k as m } from "./index--N3lf_EW.es.js";
+import { a as I } from "./Button-C9AKe3Kt.es.js";
+import { e as u } from "./extract-style-props-Cgg8HsH7.es.js";
+import { $ as j, a as k } from "./Modal-DCxn1MEV.es.js";
+import { H as z } from "./heading-yS6Ghl2_.es.js";
+import { Close as E } from "@commercetools/nimbus-icons";
+import { n as c, u as L } from "./normalize-messages-BN9BAFXe.es.js";
+import { I as V } from "./icon-button-YqGrVmHT.es.js";
+const { withProvider: A, withContext: a } = /* @__PURE__ */ _({
+  recipe: m
+}), K = /* @__PURE__ */ A(
+  "div",
+  "root"
+), q = /* @__PURE__ */ a("button", "trigger"), G = /* @__PURE__ */ a("div", "modalOverlay"), J = /* @__PURE__ */ a("div", "modal"), Q = /* @__PURE__ */ a("div", "content"), U = /* @__PURE__ */ a(
+  "header",
+  "header"
+), W = /* @__PURE__ */ a(
+  "div",
+  "body"
+), X = /* @__PURE__ */ a(
+  "footer",
+  "footer"
+), Y = /* @__PURE__ */ a("h2", "title"), Z = /* @__PURE__ */ a("div", "closeTrigger"), h = /* @__PURE__ */ O(
+  void 0
+), ee = () => {
+  const e = N(h);
+  if (!e)
+    throw new Error("useDrawerContext must be used within Drawer.Root");
+  return e;
+}, re = ({
+  children: e,
+  value: t
+}) => /* @__PURE__ */ r(h, { value: t, children: e }), D = (e) => {
+  const t = B({ recipe: m }), [s] = t.splitVariantProps(e), { children: o, isOpen: n, onOpenChange: i, defaultOpen: f = !1 } = e, d = /* @__PURE__ */ r(K, { ...s, children: o }), g = w.Children.toArray(o).some((l) => {
+    if (w.isValidElement(l) && typeof l.type == "function") {
+      const p = l.type?.displayName;
+      return p === "DrawerTrigger" || p === "Drawer.Trigger";
+    }
+    return !1;
+  });
+  return /* @__PURE__ */ r(re, { value: { ...e, hasDrawerTrigger: g }, children: g ? (
+    // When there's a Drawer.Trigger, use DialogTrigger for React Aria integration
+    /* @__PURE__ */ r(
+      M,
+      {
+        isOpen: n,
+        onOpenChange: i,
+        defaultOpen: f,
+        children: d
+      }
+    )
+  ) : (
+    // When no Drawer.Trigger, skip DialogTrigger to avoid the warning
+    d
+  ) });
+};
+D.displayName = "Drawer.Root";
+const C = ({
+  ref: e,
+  children: t,
+  asChild: s,
+  ...o
+}) => {
+  if (s)
+    return /* @__PURE__ */ r(H.button, { ref: e, asChild: !0, ...o, children: t });
+  const [n, i] = u(o);
+  return /* @__PURE__ */ r(q, { ...n, asChild: !0, children: /* @__PURE__ */ r(I, { ref: e, ...i, children: t }) });
+};
+C.displayName = "Drawer.Trigger";
+const y = (e) => {
+  const { ref: t, children: s, ...o } = e, {
+    hasDrawerTrigger: n,
+    isDismissable: i = !0,
+    // Default to true so clicking outside closes the drawer
+    isKeyboardDismissDisabled: f,
+    shouldCloseOnInteractOutside: d,
+    isOpen: g,
+    onOpenChange: l,
+    defaultOpen: p
+  } = ee(), $ = n ? {
+    // With trigger: Only pass dismissal props, state is managed by DialogTrigger
+    isDismissable: i,
+    isKeyboardDismissDisabled: f,
+    shouldCloseOnInteractOutside: d
+  } : {
+    // Without trigger: Pass state management props to ModalOverlay
+    isDismissable: i,
+    isKeyboardDismissDisabled: f,
+    shouldCloseOnInteractOutside: d,
+    isOpen: g,
+    onOpenChange: l,
+    defaultOpen: p
+  }, [R, v] = u(o);
+  return /* @__PURE__ */ r(G, { asChild: !0, children: /* @__PURE__ */ r(j, { ...$, children: /* @__PURE__ */ r(J, { asChild: !0, children: /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r(Q, { asChild: !0, ...R, children: /* @__PURE__ */ r(F, { ref: t, ...v, children: s }) }) }) }) }) });
+};
+y.displayName = "Drawer.Content";
+const b = (e) => {
+  const { ref: t, children: s, ...o } = e;
+  return /* @__PURE__ */ r(U, { ref: t, ...o, children: s });
+};
+b.displayName = "Drawer.Header";
+const T = (e) => {
+  const { ref: t, children: s, ...o } = e;
+  return /* @__PURE__ */ r(W, { ref: t, ...{
+    /**
+     * Set tabIndex to 0 to allow the body to receive focus,
+     * effectively enabling scrolling via keyboard arrow keys.
+     */
+    tabIndex: 0
+  }, ...o, children: s });
+};
+T.displayName = "Drawer.Body";
+const x = (e) => {
+  const { ref: t, children: s, ...o } = e;
+  return /* @__PURE__ */ r(X, { ref: t, ...o, children: s });
+};
+x.displayName = "Drawer.Footer";
+const S = (e) => {
+  const { ref: t, children: s, ...o } = e;
+  return /* @__PURE__ */ r(Y, { asChild: !0, ...o, children: /* @__PURE__ */ r(z, { ref: t, slot: "title", as: "h2", textStyle: "lg", children: s }) });
+};
+S.displayName = "Drawer.Title";
+const te = { closeTrigger: "Close drawer" }, oe = { closeTrigger: "Schublade schließen" }, se = { closeTrigger: "Cerrar bandeja" }, ae = { closeTrigger: "Fermer le volet" }, ne = { closeTrigger: "Fechar gaveta" }, ie = {
+  en: /* @__PURE__ */ c(te),
+  de: /* @__PURE__ */ c(oe),
+  es: /* @__PURE__ */ c(se),
+  "fr-FR": /* @__PURE__ */ c(ae),
+  "pt-BR": /* @__PURE__ */ c(ne)
+}, P = (e) => {
+  const t = L(ie), { ref: s, "aria-label": o, ...n } = e;
+  return /* @__PURE__ */ r(Z, { children: /* @__PURE__ */ r(
+    V,
+    {
+      ref: s,
+      slot: "close",
+      size: "xs",
+      variant: "ghost",
+      "aria-label": o || t.format("closeTrigger"),
+      ...n,
+      children: /* @__PURE__ */ r(E, {})
+    }
+  ) });
+};
+P.displayName = "Drawer.CloseTrigger";
+const ye = {
+  /**
+   * # Drawer.Root
+   *
+   * The root component that provides context and state management for the drawer.
+   * Handles accessibility and keyboard interaction.
+   *
+   * This component must wrap all drawer parts (Trigger, Content, etc.) and provides
+   * the drawer open/close state and variant styling context.
+   *
+   * @example
+   * ```tsx
+   * <Drawer.Root>
+   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>
+   *   <Drawer.Content>
+   *     <Drawer.Header>
+   *       <Drawer.Title>Drawer Title</Drawer.Title>
+   *     </Drawer.Header>
+   *     <Drawer.Body>Drawer content</Drawer.Body>
+   *   </Drawer.Content>
+   * </Drawer.Root>
+   * ```
+   */
+  Root: D,
+  /**
+   * # Drawer.Trigger
+   *
+   * The trigger element that opens the drawer when activated.
+   * Provides accessibility and keyboard support.
+   *
+   * @example
+   * ```tsx
+   * <Drawer.Root>
+   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>
+   *   <Drawer.Content>...</Drawer.Content>
+   * </Drawer.Root>
+   * ```
+   */
+  Trigger: C,
+  /**
+   * # Drawer.Content
+   *
+   * The main drawer content container that handles portalling, backdrop,
+   * positioning, and content styling.
+   *
+   * This component creates the drawer overlay, positions the content, and provides
+   * accessibility features like focus management and keyboard dismissal.
+   *
+   * @example
+   * ```tsx
+   * <Drawer.Root>
+   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>
+   *   <Drawer.Content size="md" placement="center">
+   *     <Drawer.Header>
+   *       <Drawer.Title>Title</Drawer.Title>
+   *     </Drawer.Header>
+   *     <Drawer.Body>Content</Drawer.Body>
+   *     <Drawer.Footer>Actions</Drawer.Footer>
+   *   </Drawer.Content>
+   * </Drawer.Root>
+   * ```
+   */
+  Content: y,
+  /**
+   * # Drawer.Header
+   *
+   * The header section of the drawer content.
+   * Typically contains the title and close button.
+   *
+   * @example
+   * ```tsx
+   * <Drawer.Content>
+   *   <Drawer.Header>
+   *     <Drawer.Title>Drawer Title</Drawer.Title>
+   *     <Drawer.CloseTrigger />
+   *   </Drawer.Header>
+   *   <Drawer.Body>...</Drawer.Body>
+   * </Drawer.Content>
+   * ```
+   */
+  Header: b,
+  /**
+   * # Drawer.Body
+   *
+   * The main body content section of the drawer.
+   * Contains the primary drawer content and handles overflow/scrolling.
+   *
+   * @example
+   * ```tsx
+   * <Drawer.Content>
+   *   <Drawer.Header>...</Drawer.Header>
+   *   <Drawer.Body>
+   *     <p>This is the main content of the drawer.</p>
+   *   </Drawer.Body>
+   *   <Drawer.Footer>...</Drawer.Footer>
+   * </Drawer.Content>
+   * ```
+   */
+  Body: T,
+  /**
+   * # Drawer.Footer
+   *
+   * The footer section of the drawer, typically containing action buttons.
+   * Provides consistent spacing and alignment for drawer actions.
+   *
+   * @example
+   * ```tsx
+   * <Drawer.Content>
+   *   <Drawer.Header>...</Drawer.Header>
+   *   <Drawer.Body>...</Drawer.Body>
+   *   <Drawer.Footer>
+   *     <Button variant="outline">Cancel</Button>
+   *     <Button>Confirm</Button>
+   *   </Drawer.Footer>
+   * </Drawer.Content>
+   * ```
+   */
+  Footer: x,
+  /**
+   * # Drawer.Title
+   *
+   * The accessible title element for the drawer.
+   * Provides proper accessibility and screen reader support.
+   *
+   * @example
+   * ```tsx
+   * <Drawer.Content>
+   *   <Drawer.Header>
+   *     <Drawer.Title>Confirm Action</Drawer.Title>
+   *   </Drawer.Header>
+   *   <Drawer.Body>...</Drawer.Body>
+   * </Drawer.Content>
+   * ```
+   */
+  Title: S,
+  /**
+   * # Drawer.CloseTrigger
+   *
+   * A button that closes the drawer when activated.
+   * Displays an IconButton with a close (X) icon by default.
+   *
+   * The component automatically handles the close behavior,
+   * so no additional onPress handler is needed.
+   *
+   * @example
+   * ```tsx
+   * <Drawer.Root>
+   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>
+   *   <Drawer.Content>
+   *     <Drawer.Header>
+   *       <Drawer.Title>Title</Drawer.Title>
+   *       <Drawer.CloseTrigger aria-label="Close drawer" />
+   *     </Drawer.Header>
+   *     <Drawer.Body>Content</Drawer.Body>
+   *   </Drawer.Content>
+   * </Drawer.Root>
+   * ```
+   */
+  CloseTrigger: P
+};
+export {
+  ye as D,
+  T as a,
+  P as b,
+  y as c,
+  x as d,
+  b as e,
+  D as f,
+  S as g,
+  C as h
+};
+//# sourceMappingURL=drawer-CsrMI_eY.es.js.map

package/dist/chunks/drawer-CsrMI_eY.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-CsrMI_eY.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/intl/en.ts","../../src/components/drawer/intl/de.ts","../../src/components/drawer/intl/es.ts","../../src/components/drawer/intl/fr-FR.ts","../../src/components/drawer/intl/pt-BR.ts","../../src/components/drawer/drawer.messages.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  /**\n   * Internal flag indicating whether the drawer has a Drawer.Trigger component.\n   * Used by DrawerContent to determine whether DialogTrigger is managing state.\n   */\n  hasDrawerTrigger?: boolean;\n};\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  // Also pass hasDrawerTrigger so DrawerContent knows whether to manage its own state\n  return (\n    <DrawerProvider value={{ ...props, hasDrawerTrigger }}>\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\n/**\n * Drawer.Trigger - The trigger element that opens the drawer when activated\n *\n * @supportsStyleProps\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\n/**\n * Drawer.Content - The main drawer content container\n *\n * @supportsStyleProps\n */\nexport const DrawerContent = (props: DrawerContentProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  // Get configuration from context\n  const {\n    hasDrawerTrigger,\n    isDismissable = true, // Default to true so clicking outside closes the drawer\n    isKeyboardDismissDisabled,\n    shouldCloseOnInteractOutside,\n    isOpen,\n    onOpenChange,\n    defaultOpen,\n  } = useDrawerRootContext();\n\n  // When there's a Drawer.Trigger, DialogTrigger manages state via React Context\n  // When there's NO Drawer.Trigger, ModalOverlay must manage its own state\n  const modalProps = hasDrawerTrigger\n    ? {\n        // With trigger: Only pass dismissal props, state is managed by DialogTrigger\n        isDismissable,\n        isKeyboardDismissDisabled,\n        shouldCloseOnInteractOutside,\n      }\n    : {\n        // Without trigger: Pass state management props to ModalOverlay\n        isDismissable,\n        isKeyboardDismissDisabled,\n        shouldCloseOnInteractOutside,\n        isOpen,\n        onOpenChange,\n        defaultOpen,\n      };\n\n  const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n  return (\n    <DrawerModalOverlaySlot asChild>\n      <RaModalOverlay {...modalProps}>\n        <DrawerModalSlot asChild>\n          <RaModal>\n            <DrawerContentSlot asChild {...styleProps}>\n              <RaDialog ref={forwardedRef} {...functionalProps}>\n                {children}\n              </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\n/**\n * Drawer.Header - The header section of the drawer\n *\n * @supportsStyleProps\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\n/**\n * Drawer.Body - The main body content section of the drawer\n *\n * @supportsStyleProps\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\n/**\n * Drawer.Footer - The footer section of the drawer\n *\n * @supportsStyleProps\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\n/**\n * Drawer.Title - The accessible title element for the drawer\n *\n * @supportsStyleProps\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","/**\n * Pre-compiled en messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Close drawer` };\n","/**\n * Pre-compiled de messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Schublade schließen` };\n","/**\n * Pre-compiled es messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Cerrar bandeja` };\n","/**\n * Pre-compiled fr-FR messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Fermer le volet` };\n","/**\n * Pre-compiled pt-BR messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Fechar gaveta` };\n","/**\n * Pre-compiled localized messages for Drawer component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport drawerMessages_en from \"./intl/en\";\nimport drawerMessages_de from \"./intl/de\";\nimport drawerMessages_es from \"./intl/es\";\nimport drawerMessages_fr from \"./intl/fr-FR\";\nimport drawerMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const drawerMessagesStrings: LocalizedStrings<string, LocalizedString> =\n  {\n    en: normalizeMessages(drawerMessages_en),\n    de: normalizeMessages(drawerMessages_de),\n    es: normalizeMessages(drawerMessages_es),\n    \"fr-FR\": normalizeMessages(drawerMessages_fr),\n    \"pt-BR\": normalizeMessages(drawerMessages_pt),\n  } as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Drawer component\n */\nexport type DrawerMessageKey = \"closeTrigger\";\n","import { Close } from \"@commercetools/nimbus-icons\";\nimport { DrawerCloseTriggerSlot } from \"../drawer.slots\";\nimport type { DrawerCloseTriggerProps } from \"../drawer.types\";\nimport { IconButton } from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { drawerMessagesStrings } from \"../drawer.messages\";\n\n/**\n * Drawer.CloseTrigger - A button that closes the drawer when activated\n *\n * @supportsStyleProps\n */\nexport const DrawerCloseTrigger = (props: DrawerCloseTriggerProps) => {\n  const msg = useLocalizedStringFormatter(drawerMessagesStrings);\n  const { ref: forwardedRef, \"aria-label\": ariaLabel, ...restProps } = props;\n\n  return (\n    <DrawerCloseTriggerSlot>\n      <IconButton\n        ref={forwardedRef}\n        slot=\"close\"\n        size=\"xs\"\n        variant=\"ghost\"\n        aria-label={ariaLabel || msg.format(\"closeTrigger\")}\n        {...restProps}\n      >\n        <Close />\n      </IconButton>\n    </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","functionalProps","RaModalOverlay","RaModal","RaDialog","DrawerHeader","DrawerBody","DrawerFooter","DrawerTitle","Heading","drawerMessages_en","drawerMessages_de","drawerMessages_es","drawerMessages_fr","drawerMessages_pt","drawerMessagesStrings","normalizeMessages","DrawerCloseTrigger","msg","useLocalizedStringFormatter","ariaLabel","IconButton","Close","Drawer"],"mappings":"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"}