@commercetools/nimbus 0.0.0-canary-20251013071647 → 0.0.0-canary-20251013204307

package/dist/chunks/{drawer-wpiy6Y4h.es.js → drawer-BJ4qvGnj.es.js}

@@ -1,15 +1,15 @@
 import { jsx as r } from "react/jsx-runtime";
 import w, { useContext as R, createContext as S } from "react";
-import { k as v, h as N } from "./Dialog-FtshtbuD.es.js";
+import { k as v, h as N } from "./Dialog-Qpq4hk89.es.js";
 import { createSlotRecipeContext as O, useSlotRecipe as H, chakra as B } from "@chakra-ui/react/styled-system";
-import { n as m } from "./index-DthLdwMN.es.js";
-import { a as I } from "./Button-DbDspzBf.es.js";
-import { e as g } from "./extractStyleProps-CNXOLneR.es.js";
-import { $ as M, a as F } from "./Modal-CVRxKbK2.es.js";
+import { l as m } from "./index-CtB71yr7.es.js";
+import { a as I } from "./Button-Dx3xzN8n.es.js";
+import { e as g } from "./extractStyleProps-DYXEhLtq.es.js";
+import { $ as M, a as F } from "./Modal-DZrVgGsJ.es.js";
 import { H as k } from "./heading-BtazVUd5.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-D4w1XTVg.es.js";
+import { I as j } from "./icon-button-DQS2apw-.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-wpiy6Y4h.es.js.map
+//# sourceMappingURL=drawer-BJ4qvGnj.es.js.map

package/dist/chunks/{drawer-wpiy6Y4h.es.js.map → drawer-BJ4qvGnj.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"drawer-wpiy6Y4h.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/extractStyleProps\";\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/extractStyleProps\";\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-BJ4qvGnj.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/extractStyleProps\";\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/extractStyleProps\";\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-DzYXHVbg.cjs.js → drawer-DzW9wBMk.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),u=require("react"),x=require("./Dialog-XGXh4NXU.cjs.js"),g=require("@chakra-ui/react/styled-system"),D=require("./index-Bx9ez6gh.cjs.js"),q=require("./Button-CFZnLKVR.cjs.js"),h=require("./extractStyleProps-G58aSXl8.cjs.js"),p=require("./Modal-CVOcKPNx.cjs.js"),N=require("./heading-BTacGwo9.cjs.js"),O=require("@commercetools/nimbus-icons"),y=require("react-intl"),B=require("./icon-button-CkjZc6Br.cjs.js"),{withProvider:I,withContext:a}=g.createSlotRecipeContext({recipe:D.drawerSlotRecipe}),M=I("div","root"),H=a("button","trigger"),F=a("div","modalOverlay"),E=a("div","modal"),V=a("div","content"),k=a("header","header"),z=a("div","body"),A=a("footer","footer"),K=a("h2","title"),L=a("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}),m=e=>{const t=g.useSlotRecipe({recipe:D.drawerSlotRecipe}),[s]=t.splitVariantProps(e),{children:o,isOpen:n,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:n,onOpenChange:i,defaultOpen:f,children:l}):l})};m.displayName="Drawer.Root";const b=({ref:e,children:t,asChild:s,...o})=>{if(s)return r.jsx(g.chakra.button,{ref:e,asChild:!0,...o,children:t});const[n,i]=h.extractStyleProps(o);return r.jsx(H,{...n,asChild:!0,children:r.jsx(q.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{ref:e,...i,children:t})})};b.displayName="Drawer.Trigger";const j=e=>{const{ref:t,children:s,...o}=e,{defaultOpen:n,isDismissable:i,isKeyboardDismissDisabled:f,shouldCloseOnInteractOutside:l,isOpen:w,onOpenChange:c}=G(),d={defaultOpen:n,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,n={tabIndex:0};return r.jsx(z,{ref:t,...n,...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,n=y.useIntl();return r.jsx(L,{children:r.jsx(B.IconButton,{ref:t,slot:"close",size:"xs",variant:"ghost","aria-label":s||n.formatMessage(Q.closeTrigger),...o,children:r.jsx(O.Close,{})})})};$.displayName="Drawer.CloseTrigger";const U={Root:m,Trigger:b,Content:j,Header:S,Body:T,Footer:P,Title:R,CloseTrigger:$};exports.Drawer=U;
-//# sourceMappingURL=drawer-DzYXHVbg.cjs.js.map
+"use strict";const r=require("react/jsx-runtime"),u=require("react"),x=require("./Dialog-XGXh4NXU.cjs.js"),g=require("@chakra-ui/react/styled-system"),D=require("./index-CRFg4Mhx.cjs.js"),q=require("./Button-CFZnLKVR.cjs.js"),h=require("./extractStyleProps-Dk3fpLyQ.cjs.js"),p=require("./Modal-CVOcKPNx.cjs.js"),N=require("./heading-BTacGwo9.cjs.js"),O=require("@commercetools/nimbus-icons"),y=require("react-intl"),B=require("./icon-button-vWPrT-bR.cjs.js"),{withProvider:I,withContext:a}=g.createSlotRecipeContext({recipe:D.drawerSlotRecipe}),M=I("div","root"),H=a("button","trigger"),F=a("div","modalOverlay"),E=a("div","modal"),V=a("div","content"),k=a("header","header"),z=a("div","body"),A=a("footer","footer"),K=a("h2","title"),L=a("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}),m=e=>{const t=g.useSlotRecipe({recipe:D.drawerSlotRecipe}),[s]=t.splitVariantProps(e),{children:o,isOpen:n,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:n,onOpenChange:i,defaultOpen:f,children:l}):l})};m.displayName="Drawer.Root";const b=({ref:e,children:t,asChild:s,...o})=>{if(s)return r.jsx(g.chakra.button,{ref:e,asChild:!0,...o,children:t});const[n,i]=h.extractStyleProps(o);return r.jsx(H,{...n,asChild:!0,children:r.jsx(q.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{ref:e,...i,children:t})})};b.displayName="Drawer.Trigger";const j=e=>{const{ref:t,children:s,...o}=e,{defaultOpen:n,isDismissable:i,isKeyboardDismissDisabled:f,shouldCloseOnInteractOutside:l,isOpen:w,onOpenChange:c}=G(),d={defaultOpen:n,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,n={tabIndex:0};return r.jsx(z,{ref:t,...n,...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,n=y.useIntl();return r.jsx(L,{children:r.jsx(B.IconButton,{ref:t,slot:"close",size:"xs",variant:"ghost","aria-label":s||n.formatMessage(Q.closeTrigger),...o,children:r.jsx(O.Close,{})})})};$.displayName="Drawer.CloseTrigger";const U={Root:m,Trigger:b,Content:j,Header:S,Body:T,Footer:P,Title:R,CloseTrigger:$};exports.Drawer=U;
+//# sourceMappingURL=drawer-DzW9wBMk.cjs.js.map

package/dist/chunks/{drawer-DzYXHVbg.cjs.js.map → drawer-DzW9wBMk.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"drawer-DzYXHVbg.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/extractStyleProps\";\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/extractStyleProps\";\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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"}
+{"version":3,"file":"drawer-DzW9wBMk.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/extractStyleProps\";\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/extractStyleProps\";\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/{extractStyleProps-CNXOLneR.es.js → extractStyleProps-DYXEhLtq.es.js}

@@ -1,4 +1,4 @@
-import { s } from "./index-DthLdwMN.es.js";
+import { s } from "./index-CtB71yr7.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=extractStyleProps-CNXOLneR.es.js.map
+//# sourceMappingURL=extractStyleProps-DYXEhLtq.es.js.map

package/dist/chunks/{extractStyleProps-CNXOLneR.es.js.map → extractStyleProps-DYXEhLtq.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"extractStyleProps-CNXOLneR.es.js","sources":["../../src/utils/extractStyleProps.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":"extractStyleProps-DYXEhLtq.es.js","sources":["../../src/utils/extractStyleProps.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/{extractStyleProps-G58aSXl8.cjs.js → extractStyleProps-Dk3fpLyQ.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const c=require("./index-Bx9ez6gh.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=extractStyleProps-G58aSXl8.cjs.js.map
+"use strict";const c=require("./index-CRFg4Mhx.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=extractStyleProps-Dk3fpLyQ.cjs.js.map

package/dist/chunks/{extractStyleProps-G58aSXl8.cjs.js.map → extractStyleProps-Dk3fpLyQ.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"extractStyleProps-G58aSXl8.cjs.js","sources":["../../src/utils/extractStyleProps.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":"extractStyleProps-Dk3fpLyQ.cjs.js","sources":["../../src/utils/extractStyleProps.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/{field-errors-n9EuKYPI.es.js → field-errors-CHxHaB5C.es.js}

@@ -1,22 +1,9 @@
 import { jsx as i } from "react/jsx-runtime";
 import { defineMessages as T, FormattedMessage as a } from "react-intl";
-import { createSlotRecipeContext as h } from "@chakra-ui/react/styled-system";
-import { defineSlotRecipe as O } from "@chakra-ui/react";
-const I = /* @__PURE__ */ O({
-  className: "nimbus-field-errors",
-  slots: ["root", "message"],
-  base: {
-    root: {
-      display: "block",
-      colorPalette: "critical"
-    },
-    message: {
-      color: "colorPalette.11"
-    }
-  }
-}), { withProvider: A, withContext: R } = /* @__PURE__ */ h({
-  recipe: I
-}), V = /* @__PURE__ */ A("div", "root"), n = /* @__PURE__ */ R("div", "message"), l = /* @__PURE__ */ T({
+import { createSlotRecipeContext as h } from "@chakra-ui/react";
+const { withProvider: O, withContext: I } = /* @__PURE__ */ h({
+  key: "fieldErrors"
+}), A = /* @__PURE__ */ O("div", "root"), u = /* @__PURE__ */ I("div", "message"), l = /* @__PURE__ */ T({
   // Basic validation
   missingRequiredField: {
     id: "Nimbus.FieldErrors.missingRequiredField",
@@ -118,9 +105,9 @@ const I = /* @__PURE__ */ O({
   INVALID_FROM_SERVER: "invalidFromServer",
   NOT_FOUND: "notFound",
   BLOCKED: "blocked"
-}, _ = (o) => typeof o == "object", f = (o, r) => {
+}, R = (t) => typeof t == "object", N = (t, r) => {
   if (!r) return null;
-  switch (o) {
+  switch (t) {
     case e.MISSING:
       return r.missing || null;
     case e.INVALID:
@@ -154,8 +141,8 @@ const I = /* @__PURE__ */ O({
     default:
       return null;
   }
-}, N = (o) => {
-  switch (o) {
+}, f = (t) => {
+  switch (t) {
     // Basic validation
     case e.MISSING:
       return /* @__PURE__ */ i(a, { ...l.missingRequiredField });
@@ -194,8 +181,8 @@ const I = /* @__PURE__ */ O({
     default:
       return null;
   }
-}, s = ({
-  id: o,
+}, o = ({
+  id: t,
   errors: r,
   isVisible: g = !0,
   // Default to true for backwards compatibility, but will be auto-handled in future
@@ -204,28 +191,28 @@ const I = /* @__PURE__ */ O({
   customMessages: p,
   ...M
 }) => {
-  if (!g || !r || !_(r)) return null;
-  const u = Object.entries(r).filter(([, t]) => t);
-  return u.length === 0 ? null : /* @__PURE__ */ i(V, { id: o, role: "alert", ...M, children: u.map(([t, d]) => {
-    const m = F?.(t, d);
+  if (!g || !r || !R(r)) return null;
+  const s = Object.entries(r).filter(([, n]) => n);
+  return s.length === 0 ? null : /* @__PURE__ */ i(A, { id: t, role: "alert", ...M, children: s.map(([n, d]) => {
+    const m = F?.(n, d);
     if (m)
-      return /* @__PURE__ */ i(n, { children: m }, t);
-    const c = b?.(t, d);
+      return /* @__PURE__ */ i(u, { children: m }, n);
+    const c = b?.(n, d);
     if (c)
-      return /* @__PURE__ */ i(n, { children: c }, t);
-    const v = f(t, p);
+      return /* @__PURE__ */ i(u, { children: c }, n);
+    const v = N(n, p);
     if (v)
-      return /* @__PURE__ */ i(n, { children: v }, t);
-    const E = N(t);
-    return E ? /* @__PURE__ */ i(n, { children: E }, t) : null;
+      return /* @__PURE__ */ i(u, { children: v }, n);
+    const E = f(n);
+    return E ? /* @__PURE__ */ i(u, { children: E }, n) : null;
   }) });
 };
-s.displayName = "FieldErrors";
-s.errorTypes = e;
-s.getBuiltInMessage = N;
-s.getCustomMessage = f;
+o.displayName = "FieldErrors";
+o.errorTypes = e;
+o.getBuiltInMessage = f;
+o.getCustomMessage = N;
 export {
-  s as F,
+  o as F,
   e as a
 };
-//# sourceMappingURL=field-errors-n9EuKYPI.es.js.map
+//# sourceMappingURL=field-errors-CHxHaB5C.es.js.map

package/dist/chunks/field-errors-CHxHaB5C.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-errors-CHxHaB5C.es.js","sources":["../../src/components/field-errors/field-errors.slots.tsx","../../src/components/field-errors/field-errors.i18n.ts","../../src/components/field-errors/field-errors.types.ts","../../src/components/field-errors/field-errors.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  FieldErrorsMessageProps,\n  FieldErrorsRootProps,\n} from \"./field-errors.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"fieldErrors\",\n});\n\nexport const FieldErrorsRoot = withProvider<\n  HTMLDivElement,\n  FieldErrorsRootProps\n>(\"div\", \"root\");\n\nexport const FieldErrorsMessage = withContext<\n  HTMLDivElement,\n  FieldErrorsMessageProps\n>(\"div\", \"message\");\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  // Basic validation\n  missingRequiredField: {\n    id: \"Nimbus.FieldErrors.missingRequiredField\",\n    description: \"Error message for missing required value\",\n    defaultMessage: \"This field is required. Provide a value.\",\n  },\n  invalidValue: {\n    id: \"Nimbus.FieldErrors.invalidValue\",\n    description: \"Error message for invalid value or format\",\n    defaultMessage: \"The provided value is invalid.\",\n  },\n  emptyValue: {\n    id: \"Nimbus.FieldErrors.emptyValue\",\n    description: \"Error message for empty value when content is required\",\n    defaultMessage: \"This field cannot be empty.\",\n  },\n\n  // Length validation\n  valueTooShort: {\n    id: \"Nimbus.FieldErrors.valueTooShort\",\n    description: \"Error message for minimum length validation\",\n    defaultMessage: \"This value is too short.\",\n  },\n  valueTooLong: {\n    id: \"Nimbus.FieldErrors.valueTooLong\",\n    description: \"Error message for maximum length validation\",\n    defaultMessage: \"This value is too long.\",\n  },\n\n  // Format validation\n  invalidFormat: {\n    id: \"Nimbus.FieldErrors.invalidFormat\",\n    description: \"Error message for format validation\",\n    defaultMessage: \"Please enter a valid format.\",\n  },\n  duplicateValue: {\n    id: \"Nimbus.FieldErrors.duplicateValue\",\n    description: \"Error message for duplicate value validation\",\n    defaultMessage: \"This value is already in use. It must be unique.\",\n  },\n\n  // Numeric validation\n  invalidNegativeNumber: {\n    id: \"Nimbus.FieldErrors.invalidNegativeNumber\",\n    description: \"Error message when negative number is used\",\n    defaultMessage: \"Negative number is not supported.\",\n  },\n  invalidFractionalNumber: {\n    id: \"Nimbus.FieldErrors.invalidFractionalNumber\",\n    description: \"Error message when fractional number is used\",\n    defaultMessage: \"A whole number is required.\",\n  },\n  valueBelowMinimum: {\n    id: \"Nimbus.FieldErrors.valueBelowMinimum\",\n    description: \"Error message for values below minimum threshold\",\n    defaultMessage: \"Value must be greater than or equal to the minimum.\",\n  },\n  valueAboveMaximum: {\n    id: \"Nimbus.FieldErrors.valueAboveMaximum\",\n    description: \"Error message for values above maximum threshold\",\n    defaultMessage: \"Value must be less than or equal to the maximum.\",\n  },\n  valueOutOfRange: {\n    id: \"Nimbus.FieldErrors.valueOutOfRange\",\n    description: \"Error message for values outside acceptable range\",\n    defaultMessage: \"Value must be within the acceptable range.\",\n  },\n\n  // Server/async validation\n  invalidFromServer: {\n    id: \"Nimbus.FieldErrors.invalidFromServer\",\n    description: \"Error message for server-side validation errors\",\n    defaultMessage: \"Server validation failed. Please check your input.\",\n  },\n  resourceNotFound: {\n    id: \"Nimbus.FieldErrors.resourceNotFound\",\n    description: \"Error message when a resource is not found\",\n    defaultMessage: \"The requested resource was not found.\",\n  },\n  valueBlocked: {\n    id: \"Nimbus.FieldErrors.valueBlocked\",\n    description: \"Error message for blocked or restricted values\",\n    defaultMessage: \"This value is not allowed.\",\n  },\n});\n","import type { ReactNode } from \"react\";\nimport type { HTMLChakraProps } from \"@chakra-ui/react\";\n\nexport type FieldErrorsMessageProps = HTMLChakraProps<\"div\">;\n\n/**\n * Error object type - compatible with UI-Kit FieldErrors\n * Only entries with truthy values will be rendered as errors\n */\nexport type TFieldErrors = Record<string, boolean>;\n\n/**\n * Function to render custom error messages\n */\nexport type TErrorRenderer = (key: string, error?: boolean) => ReactNode;\n\nexport type FieldErrorsRootProps = HTMLChakraProps<\"div\"> & {\n  id?: string;\n  role?: string;\n  children?: ReactNode;\n};\n\n/**\n * Props for FieldErrors component\n */\nexport type FieldErrorsProps = FieldErrorsRootProps & {\n  /**\n   * ID of the error field for accessibility\n   */\n  id?: string;\n\n  /**\n   * Error object - only truthy values will be rendered\n   * Compatible with UI-Kit FieldErrors format\n   */\n  errors?: TFieldErrors;\n\n  /**\n   * Whether error messages should be visible\n   * @deprecated This prop will be automatically handled by the component\n   */\n  isVisible?: boolean;\n\n  /**\n   * Custom error renderer function\n   * Return null to fall back to renderDefaultError or built-in errors\n   */\n  renderError?: TErrorRenderer;\n\n  /**\n   * Default error renderer function for errors not handled by renderError\n   * Return null to fall back to built-in error handling\n   */\n  renderDefaultError?: TErrorRenderer;\n\n  /**\n   * Custom error messages to override built-in ones\n   */\n  customMessages?: {\n    // Basic validation\n    missing?: ReactNode;\n    invalid?: ReactNode;\n    empty?: ReactNode;\n\n    // Length validation\n    min?: ReactNode;\n    max?: ReactNode;\n\n    // Format validation\n    format?: ReactNode;\n    duplicate?: ReactNode;\n\n    // Numeric validation\n    negative?: ReactNode;\n    fractions?: ReactNode;\n    belowMin?: ReactNode;\n    aboveMax?: ReactNode;\n    outOfRange?: ReactNode;\n\n    // Server/async validation\n    invalidFromServer?: ReactNode;\n    notFound?: ReactNode;\n    blocked?: ReactNode;\n  };\n};\n\n/**\n * Built-in error types that FieldErrors can handle automatically\n */\nexport const FieldErrorTypes = {\n  // Basic validation\n  MISSING: \"missing\",\n  INVALID: \"invalid\",\n  EMPTY: \"empty\",\n\n  // Length validation\n  MIN_LENGTH: \"min\",\n  MAX_LENGTH: \"max\",\n\n  // Format validation\n  FORMAT: \"format\",\n  DUPLICATE: \"duplicate\",\n\n  // Numeric validation\n  NEGATIVE: \"negative\",\n  FRACTIONS: \"fractions\",\n  BELOW_MIN: \"belowMin\",\n  ABOVE_MAX: \"aboveMax\",\n  OUT_OF_RANGE: \"outOfRange\",\n\n  // Server/async validation\n  INVALID_FROM_SERVER: \"invalidFromServer\",\n  NOT_FOUND: \"notFound\",\n  BLOCKED: \"blocked\",\n} as const;\n\nexport type TFieldErrorTypes =\n  (typeof FieldErrorTypes)[keyof typeof FieldErrorTypes];\n","import { FormattedMessage } from \"react-intl\";\nimport { FieldErrorsRoot, FieldErrorsMessage } from \"./field-errors.slots\";\nimport { messages } from \"./field-errors.i18n\";\nimport type { FieldErrorsProps } from \"./field-errors.types\";\nimport { FieldErrorTypes } from \"./field-errors.types\";\n\nconst isObject = (obj: unknown): boolean => typeof obj === \"object\";\n\n/**\n * Get custom message for a given error key\n */\nconst getCustomMessage = (\n  key: string,\n  customMessages?: FieldErrorsProps[\"customMessages\"]\n): React.ReactNode => {\n  if (!customMessages) return null;\n\n  // Map error keys to custom messages\n  switch (key) {\n    case FieldErrorTypes.MISSING:\n      return customMessages.missing || null;\n    case FieldErrorTypes.INVALID:\n      return customMessages.invalid || null;\n    case FieldErrorTypes.EMPTY:\n      return customMessages.empty || null;\n    case FieldErrorTypes.MIN_LENGTH:\n      return customMessages.min || null;\n    case FieldErrorTypes.MAX_LENGTH:\n      return customMessages.max || null;\n    case FieldErrorTypes.FORMAT:\n      return customMessages.format || null;\n    case FieldErrorTypes.DUPLICATE:\n      return customMessages.duplicate || null;\n    case FieldErrorTypes.NEGATIVE:\n      return customMessages.negative || null;\n    case FieldErrorTypes.FRACTIONS:\n      return customMessages.fractions || null;\n    case FieldErrorTypes.BELOW_MIN:\n      return customMessages.belowMin || null;\n    case FieldErrorTypes.ABOVE_MAX:\n      return customMessages.aboveMax || null;\n    case FieldErrorTypes.OUT_OF_RANGE:\n      return customMessages.outOfRange || null;\n    case FieldErrorTypes.INVALID_FROM_SERVER:\n      return customMessages.invalidFromServer || null;\n    case FieldErrorTypes.NOT_FOUND:\n      return customMessages.notFound || null;\n    case FieldErrorTypes.BLOCKED:\n      return customMessages.blocked || null;\n    default:\n      return null;\n  }\n};\n\n/**\n * Get built-in localized message for a given error key\n */\nconst getBuiltInMessage = (key: string): React.ReactNode => {\n  switch (key) {\n    // Basic validation\n    case FieldErrorTypes.MISSING:\n      return <FormattedMessage {...messages.missingRequiredField} />;\n    case FieldErrorTypes.INVALID:\n      return <FormattedMessage {...messages.invalidValue} />;\n    case FieldErrorTypes.EMPTY:\n      return <FormattedMessage {...messages.emptyValue} />;\n\n    // Length validation\n    case FieldErrorTypes.MIN_LENGTH:\n      return <FormattedMessage {...messages.valueTooShort} />;\n    case FieldErrorTypes.MAX_LENGTH:\n      return <FormattedMessage {...messages.valueTooLong} />;\n\n    // Format validation\n    case FieldErrorTypes.FORMAT:\n      return <FormattedMessage {...messages.invalidFormat} />;\n    case FieldErrorTypes.DUPLICATE:\n      return <FormattedMessage {...messages.duplicateValue} />;\n\n    // Numeric validation\n    case FieldErrorTypes.NEGATIVE:\n      return <FormattedMessage {...messages.invalidNegativeNumber} />;\n    case FieldErrorTypes.FRACTIONS:\n      return <FormattedMessage {...messages.invalidFractionalNumber} />;\n    case FieldErrorTypes.BELOW_MIN:\n      return <FormattedMessage {...messages.valueBelowMinimum} />;\n    case FieldErrorTypes.ABOVE_MAX:\n      return <FormattedMessage {...messages.valueAboveMaximum} />;\n    case FieldErrorTypes.OUT_OF_RANGE:\n      return <FormattedMessage {...messages.valueOutOfRange} />;\n\n    // Server/async validation\n    case FieldErrorTypes.INVALID_FROM_SERVER:\n      return <FormattedMessage {...messages.invalidFromServer} />;\n    case FieldErrorTypes.NOT_FOUND:\n      return <FormattedMessage {...messages.resourceNotFound} />;\n    case FieldErrorTypes.BLOCKED:\n      return <FormattedMessage {...messages.valueBlocked} />;\n\n    default:\n      return null;\n  }\n};\n\n/**\n * # FieldErrors\n *\n * Renders error messages based on error object configuration.\n * Provides backwards compatibility with UI-Kit FieldErrors while integrating\n * with Nimbus design system patterns.\n *\n * Supports custom error renderers and localized built-in error messages\n * for common validation scenarios like missing required fields.\n */\nexport const FieldErrors = ({\n  id,\n  errors,\n  isVisible = true, // Default to true for backwards compatibility, but will be auto-handled in future\n  renderError,\n  renderDefaultError,\n  customMessages,\n  ...props\n}: FieldErrorsProps) => {\n  // Don't render if not visible or no errors\n  if (!isVisible) return null;\n  if (!errors || !isObject(errors)) return null;\n\n  // Filter to only show truthy errors\n  const activeErrors = Object.entries(errors).filter(([, error]) => error);\n\n  // Don't render if no active errors\n  if (activeErrors.length === 0) return null;\n\n  return (\n    <FieldErrorsRoot id={id} role=\"alert\" {...props}>\n      {activeErrors.map(([key, error]) => {\n        // Try custom error renderer first\n        const customErrorElement = renderError?.(key, error);\n        if (customErrorElement) {\n          return (\n            <FieldErrorsMessage key={key}>\n              {customErrorElement}\n            </FieldErrorsMessage>\n          );\n        }\n\n        // Try default error renderer second\n        const defaultErrorElement = renderDefaultError?.(key, error);\n        if (defaultErrorElement) {\n          return (\n            <FieldErrorsMessage key={key}>\n              {defaultErrorElement}\n            </FieldErrorsMessage>\n          );\n        }\n\n        // Try custom messages for built-in error types first\n        const customMessage = getCustomMessage(key, customMessages);\n        if (customMessage) {\n          return (\n            <FieldErrorsMessage key={key}>{customMessage}</FieldErrorsMessage>\n          );\n        }\n\n        // Fall back to built-in localized messages\n        const builtInMessage = getBuiltInMessage(key);\n        if (builtInMessage) {\n          return (\n            <FieldErrorsMessage key={key}>{builtInMessage}</FieldErrorsMessage>\n          );\n        }\n\n        // If no renderer handles it, render nothing\n        return null;\n      })}\n    </FieldErrorsRoot>\n  );\n};\n\n// Static properties for backwards compatibility with UI-Kit\nFieldErrors.displayName = \"FieldErrors\";\nFieldErrors.errorTypes = FieldErrorTypes;\n// Static properties for string conversion, mostly for testing\nFieldErrors.getBuiltInMessage = getBuiltInMessage;\nFieldErrors.getCustomMessage = getCustomMessage;\n"],"names":["withProvider","withContext","createSlotRecipeContext","FieldErrorsRoot","FieldErrorsMessage","messages","defineMessages","FieldErrorTypes","isObject","obj","getCustomMessage","key","customMessages","getBuiltInMessage","jsx","FormattedMessage","FieldErrors","id","errors","isVisible","renderError","renderDefaultError","props","activeErrors","error","customErrorElement","defaultErrorElement","customMessage","builtInMessage"],"mappings":"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"}

package/dist/chunks/field-errors-D2re_C_c.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),a=require("react-intl"),p=require("@chakra-ui/react"),{withProvider:h,withContext:O}=p.createSlotRecipeContext({key:"fieldErrors"}),I=h("div","root"),u=O("div","message"),s=a.defineMessages({missingRequiredField:{id:"Nimbus.FieldErrors.missingRequiredField",description:"Error message for missing required value",defaultMessage:"This field is required. Provide a value."},invalidValue:{id:"Nimbus.FieldErrors.invalidValue",description:"Error message for invalid value or format",defaultMessage:"The provided value is invalid."},emptyValue:{id:"Nimbus.FieldErrors.emptyValue",description:"Error message for empty value when content is required",defaultMessage:"This field cannot be empty."},valueTooShort:{id:"Nimbus.FieldErrors.valueTooShort",description:"Error message for minimum length validation",defaultMessage:"This value is too short."},valueTooLong:{id:"Nimbus.FieldErrors.valueTooLong",description:"Error message for maximum length validation",defaultMessage:"This value is too long."},invalidFormat:{id:"Nimbus.FieldErrors.invalidFormat",description:"Error message for format validation",defaultMessage:"Please enter a valid format."},duplicateValue:{id:"Nimbus.FieldErrors.duplicateValue",description:"Error message for duplicate value validation",defaultMessage:"This value is already in use. It must be unique."},invalidNegativeNumber:{id:"Nimbus.FieldErrors.invalidNegativeNumber",description:"Error message when negative number is used",defaultMessage:"Negative number is not supported."},invalidFractionalNumber:{id:"Nimbus.FieldErrors.invalidFractionalNumber",description:"Error message when fractional number is used",defaultMessage:"A whole number is required."},valueBelowMinimum:{id:"Nimbus.FieldErrors.valueBelowMinimum",description:"Error message for values below minimum threshold",defaultMessage:"Value must be greater than or equal to the minimum."},valueAboveMaximum:{id:"Nimbus.FieldErrors.valueAboveMaximum",description:"Error message for values above maximum threshold",defaultMessage:"Value must be less than or equal to the maximum."},valueOutOfRange:{id:"Nimbus.FieldErrors.valueOutOfRange",description:"Error message for values outside acceptable range",defaultMessage:"Value must be within the acceptable range."},invalidFromServer:{id:"Nimbus.FieldErrors.invalidFromServer",description:"Error message for server-side validation errors",defaultMessage:"Server validation failed. Please check your input."},resourceNotFound:{id:"Nimbus.FieldErrors.resourceNotFound",description:"Error message when a resource is not found",defaultMessage:"The requested resource was not found."},valueBlocked:{id:"Nimbus.FieldErrors.valueBlocked",description:"Error message for blocked or restricted values",defaultMessage:"This value is not allowed."}}),e={MISSING:"missing",INVALID:"invalid",EMPTY:"empty",MIN_LENGTH:"min",MAX_LENGTH:"max",FORMAT:"format",DUPLICATE:"duplicate",NEGATIVE:"negative",FRACTIONS:"fractions",BELOW_MIN:"belowMin",ABOVE_MAX:"aboveMax",OUT_OF_RANGE:"outOfRange",INVALID_FROM_SERVER:"invalidFromServer",NOT_FOUND:"notFound",BLOCKED:"blocked"},A=l=>typeof l=="object",g=(l,r)=>{if(!r)return null;switch(l){case e.MISSING:return r.missing||null;case e.INVALID:return r.invalid||null;case e.EMPTY:return r.empty||null;case e.MIN_LENGTH:return r.min||null;case e.MAX_LENGTH:return r.max||null;case e.FORMAT:return r.format||null;case e.DUPLICATE:return r.duplicate||null;case e.NEGATIVE:return r.negative||null;case e.FRACTIONS:return r.fractions||null;case e.BELOW_MIN:return r.belowMin||null;case e.ABOVE_MAX:return r.aboveMax||null;case e.OUT_OF_RANGE:return r.outOfRange||null;case e.INVALID_FROM_SERVER:return r.invalidFromServer||null;case e.NOT_FOUND:return r.notFound||null;case e.BLOCKED:return r.blocked||null;default:return null}},F=l=>{switch(l){case e.MISSING:return i.jsx(a.FormattedMessage,{...s.missingRequiredField});case e.INVALID:return i.jsx(a.FormattedMessage,{...s.invalidValue});case e.EMPTY:return i.jsx(a.FormattedMessage,{...s.emptyValue});case e.MIN_LENGTH:return i.jsx(a.FormattedMessage,{...s.valueTooShort});case e.MAX_LENGTH:return i.jsx(a.FormattedMessage,{...s.valueTooLong});case e.FORMAT:return i.jsx(a.FormattedMessage,{...s.invalidFormat});case e.DUPLICATE:return i.jsx(a.FormattedMessage,{...s.duplicateValue});case e.NEGATIVE:return i.jsx(a.FormattedMessage,{...s.invalidNegativeNumber});case e.FRACTIONS:return i.jsx(a.FormattedMessage,{...s.invalidFractionalNumber});case e.BELOW_MIN:return i.jsx(a.FormattedMessage,{...s.valueBelowMinimum});case e.ABOVE_MAX:return i.jsx(a.FormattedMessage,{...s.valueAboveMaximum});case e.OUT_OF_RANGE:return i.jsx(a.FormattedMessage,{...s.valueOutOfRange});case e.INVALID_FROM_SERVER:return i.jsx(a.FormattedMessage,{...s.invalidFromServer});case e.NOT_FOUND:return i.jsx(a.FormattedMessage,{...s.resourceNotFound});case e.BLOCKED:return i.jsx(a.FormattedMessage,{...s.valueBlocked});default:return null}},n=({id:l,errors:r,isVisible:N=!0,renderError:f,renderDefaultError:M,customMessages:b,...T})=>{if(!N||!r||!A(r))return null;const o=Object.entries(r).filter(([,t])=>t);return o.length===0?null:i.jsx(I,{id:l,role:"alert",...T,children:o.map(([t,d])=>{const m=f?.(t,d);if(m)return i.jsx(u,{children:m},t);const c=M?.(t,d);if(c)return i.jsx(u,{children:c},t);const v=g(t,b);if(v)return i.jsx(u,{children:v},t);const E=F(t);return E?i.jsx(u,{children:E},t):null})})};n.displayName="FieldErrors";n.errorTypes=e;n.getBuiltInMessage=F;n.getCustomMessage=g;exports.FieldErrorTypes=e;exports.FieldErrors=n;
+//# sourceMappingURL=field-errors-D2re_C_c.cjs.js.map

package/dist/chunks/field-errors-D2re_C_c.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-errors-D2re_C_c.cjs.js","sources":["../../src/components/field-errors/field-errors.slots.tsx","../../src/components/field-errors/field-errors.i18n.ts","../../src/components/field-errors/field-errors.types.ts","../../src/components/field-errors/field-errors.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  FieldErrorsMessageProps,\n  FieldErrorsRootProps,\n} from \"./field-errors.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"fieldErrors\",\n});\n\nexport const FieldErrorsRoot = withProvider<\n  HTMLDivElement,\n  FieldErrorsRootProps\n>(\"div\", \"root\");\n\nexport const FieldErrorsMessage = withContext<\n  HTMLDivElement,\n  FieldErrorsMessageProps\n>(\"div\", \"message\");\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  // Basic validation\n  missingRequiredField: {\n    id: \"Nimbus.FieldErrors.missingRequiredField\",\n    description: \"Error message for missing required value\",\n    defaultMessage: \"This field is required. Provide a value.\",\n  },\n  invalidValue: {\n    id: \"Nimbus.FieldErrors.invalidValue\",\n    description: \"Error message for invalid value or format\",\n    defaultMessage: \"The provided value is invalid.\",\n  },\n  emptyValue: {\n    id: \"Nimbus.FieldErrors.emptyValue\",\n    description: \"Error message for empty value when content is required\",\n    defaultMessage: \"This field cannot be empty.\",\n  },\n\n  // Length validation\n  valueTooShort: {\n    id: \"Nimbus.FieldErrors.valueTooShort\",\n    description: \"Error message for minimum length validation\",\n    defaultMessage: \"This value is too short.\",\n  },\n  valueTooLong: {\n    id: \"Nimbus.FieldErrors.valueTooLong\",\n    description: \"Error message for maximum length validation\",\n    defaultMessage: \"This value is too long.\",\n  },\n\n  // Format validation\n  invalidFormat: {\n    id: \"Nimbus.FieldErrors.invalidFormat\",\n    description: \"Error message for format validation\",\n    defaultMessage: \"Please enter a valid format.\",\n  },\n  duplicateValue: {\n    id: \"Nimbus.FieldErrors.duplicateValue\",\n    description: \"Error message for duplicate value validation\",\n    defaultMessage: \"This value is already in use. It must be unique.\",\n  },\n\n  // Numeric validation\n  invalidNegativeNumber: {\n    id: \"Nimbus.FieldErrors.invalidNegativeNumber\",\n    description: \"Error message when negative number is used\",\n    defaultMessage: \"Negative number is not supported.\",\n  },\n  invalidFractionalNumber: {\n    id: \"Nimbus.FieldErrors.invalidFractionalNumber\",\n    description: \"Error message when fractional number is used\",\n    defaultMessage: \"A whole number is required.\",\n  },\n  valueBelowMinimum: {\n    id: \"Nimbus.FieldErrors.valueBelowMinimum\",\n    description: \"Error message for values below minimum threshold\",\n    defaultMessage: \"Value must be greater than or equal to the minimum.\",\n  },\n  valueAboveMaximum: {\n    id: \"Nimbus.FieldErrors.valueAboveMaximum\",\n    description: \"Error message for values above maximum threshold\",\n    defaultMessage: \"Value must be less than or equal to the maximum.\",\n  },\n  valueOutOfRange: {\n    id: \"Nimbus.FieldErrors.valueOutOfRange\",\n    description: \"Error message for values outside acceptable range\",\n    defaultMessage: \"Value must be within the acceptable range.\",\n  },\n\n  // Server/async validation\n  invalidFromServer: {\n    id: \"Nimbus.FieldErrors.invalidFromServer\",\n    description: \"Error message for server-side validation errors\",\n    defaultMessage: \"Server validation failed. Please check your input.\",\n  },\n  resourceNotFound: {\n    id: \"Nimbus.FieldErrors.resourceNotFound\",\n    description: \"Error message when a resource is not found\",\n    defaultMessage: \"The requested resource was not found.\",\n  },\n  valueBlocked: {\n    id: \"Nimbus.FieldErrors.valueBlocked\",\n    description: \"Error message for blocked or restricted values\",\n    defaultMessage: \"This value is not allowed.\",\n  },\n});\n","import type { ReactNode } from \"react\";\nimport type { HTMLChakraProps } from \"@chakra-ui/react\";\n\nexport type FieldErrorsMessageProps = HTMLChakraProps<\"div\">;\n\n/**\n * Error object type - compatible with UI-Kit FieldErrors\n * Only entries with truthy values will be rendered as errors\n */\nexport type TFieldErrors = Record<string, boolean>;\n\n/**\n * Function to render custom error messages\n */\nexport type TErrorRenderer = (key: string, error?: boolean) => ReactNode;\n\nexport type FieldErrorsRootProps = HTMLChakraProps<\"div\"> & {\n  id?: string;\n  role?: string;\n  children?: ReactNode;\n};\n\n/**\n * Props for FieldErrors component\n */\nexport type FieldErrorsProps = FieldErrorsRootProps & {\n  /**\n   * ID of the error field for accessibility\n   */\n  id?: string;\n\n  /**\n   * Error object - only truthy values will be rendered\n   * Compatible with UI-Kit FieldErrors format\n   */\n  errors?: TFieldErrors;\n\n  /**\n   * Whether error messages should be visible\n   * @deprecated This prop will be automatically handled by the component\n   */\n  isVisible?: boolean;\n\n  /**\n   * Custom error renderer function\n   * Return null to fall back to renderDefaultError or built-in errors\n   */\n  renderError?: TErrorRenderer;\n\n  /**\n   * Default error renderer function for errors not handled by renderError\n   * Return null to fall back to built-in error handling\n   */\n  renderDefaultError?: TErrorRenderer;\n\n  /**\n   * Custom error messages to override built-in ones\n   */\n  customMessages?: {\n    // Basic validation\n    missing?: ReactNode;\n    invalid?: ReactNode;\n    empty?: ReactNode;\n\n    // Length validation\n    min?: ReactNode;\n    max?: ReactNode;\n\n    // Format validation\n    format?: ReactNode;\n    duplicate?: ReactNode;\n\n    // Numeric validation\n    negative?: ReactNode;\n    fractions?: ReactNode;\n    belowMin?: ReactNode;\n    aboveMax?: ReactNode;\n    outOfRange?: ReactNode;\n\n    // Server/async validation\n    invalidFromServer?: ReactNode;\n    notFound?: ReactNode;\n    blocked?: ReactNode;\n  };\n};\n\n/**\n * Built-in error types that FieldErrors can handle automatically\n */\nexport const FieldErrorTypes = {\n  // Basic validation\n  MISSING: \"missing\",\n  INVALID: \"invalid\",\n  EMPTY: \"empty\",\n\n  // Length validation\n  MIN_LENGTH: \"min\",\n  MAX_LENGTH: \"max\",\n\n  // Format validation\n  FORMAT: \"format\",\n  DUPLICATE: \"duplicate\",\n\n  // Numeric validation\n  NEGATIVE: \"negative\",\n  FRACTIONS: \"fractions\",\n  BELOW_MIN: \"belowMin\",\n  ABOVE_MAX: \"aboveMax\",\n  OUT_OF_RANGE: \"outOfRange\",\n\n  // Server/async validation\n  INVALID_FROM_SERVER: \"invalidFromServer\",\n  NOT_FOUND: \"notFound\",\n  BLOCKED: \"blocked\",\n} as const;\n\nexport type TFieldErrorTypes =\n  (typeof FieldErrorTypes)[keyof typeof FieldErrorTypes];\n","import { FormattedMessage } from \"react-intl\";\nimport { FieldErrorsRoot, FieldErrorsMessage } from \"./field-errors.slots\";\nimport { messages } from \"./field-errors.i18n\";\nimport type { FieldErrorsProps } from \"./field-errors.types\";\nimport { FieldErrorTypes } from \"./field-errors.types\";\n\nconst isObject = (obj: unknown): boolean => typeof obj === \"object\";\n\n/**\n * Get custom message for a given error key\n */\nconst getCustomMessage = (\n  key: string,\n  customMessages?: FieldErrorsProps[\"customMessages\"]\n): React.ReactNode => {\n  if (!customMessages) return null;\n\n  // Map error keys to custom messages\n  switch (key) {\n    case FieldErrorTypes.MISSING:\n      return customMessages.missing || null;\n    case FieldErrorTypes.INVALID:\n      return customMessages.invalid || null;\n    case FieldErrorTypes.EMPTY:\n      return customMessages.empty || null;\n    case FieldErrorTypes.MIN_LENGTH:\n      return customMessages.min || null;\n    case FieldErrorTypes.MAX_LENGTH:\n      return customMessages.max || null;\n    case FieldErrorTypes.FORMAT:\n      return customMessages.format || null;\n    case FieldErrorTypes.DUPLICATE:\n      return customMessages.duplicate || null;\n    case FieldErrorTypes.NEGATIVE:\n      return customMessages.negative || null;\n    case FieldErrorTypes.FRACTIONS:\n      return customMessages.fractions || null;\n    case FieldErrorTypes.BELOW_MIN:\n      return customMessages.belowMin || null;\n    case FieldErrorTypes.ABOVE_MAX:\n      return customMessages.aboveMax || null;\n    case FieldErrorTypes.OUT_OF_RANGE:\n      return customMessages.outOfRange || null;\n    case FieldErrorTypes.INVALID_FROM_SERVER:\n      return customMessages.invalidFromServer || null;\n    case FieldErrorTypes.NOT_FOUND:\n      return customMessages.notFound || null;\n    case FieldErrorTypes.BLOCKED:\n      return customMessages.blocked || null;\n    default:\n      return null;\n  }\n};\n\n/**\n * Get built-in localized message for a given error key\n */\nconst getBuiltInMessage = (key: string): React.ReactNode => {\n  switch (key) {\n    // Basic validation\n    case FieldErrorTypes.MISSING:\n      return <FormattedMessage {...messages.missingRequiredField} />;\n    case FieldErrorTypes.INVALID:\n      return <FormattedMessage {...messages.invalidValue} />;\n    case FieldErrorTypes.EMPTY:\n      return <FormattedMessage {...messages.emptyValue} />;\n\n    // Length validation\n    case FieldErrorTypes.MIN_LENGTH:\n      return <FormattedMessage {...messages.valueTooShort} />;\n    case FieldErrorTypes.MAX_LENGTH:\n      return <FormattedMessage {...messages.valueTooLong} />;\n\n    // Format validation\n    case FieldErrorTypes.FORMAT:\n      return <FormattedMessage {...messages.invalidFormat} />;\n    case FieldErrorTypes.DUPLICATE:\n      return <FormattedMessage {...messages.duplicateValue} />;\n\n    // Numeric validation\n    case FieldErrorTypes.NEGATIVE:\n      return <FormattedMessage {...messages.invalidNegativeNumber} />;\n    case FieldErrorTypes.FRACTIONS:\n      return <FormattedMessage {...messages.invalidFractionalNumber} />;\n    case FieldErrorTypes.BELOW_MIN:\n      return <FormattedMessage {...messages.valueBelowMinimum} />;\n    case FieldErrorTypes.ABOVE_MAX:\n      return <FormattedMessage {...messages.valueAboveMaximum} />;\n    case FieldErrorTypes.OUT_OF_RANGE:\n      return <FormattedMessage {...messages.valueOutOfRange} />;\n\n    // Server/async validation\n    case FieldErrorTypes.INVALID_FROM_SERVER:\n      return <FormattedMessage {...messages.invalidFromServer} />;\n    case FieldErrorTypes.NOT_FOUND:\n      return <FormattedMessage {...messages.resourceNotFound} />;\n    case FieldErrorTypes.BLOCKED:\n      return <FormattedMessage {...messages.valueBlocked} />;\n\n    default:\n      return null;\n  }\n};\n\n/**\n * # FieldErrors\n *\n * Renders error messages based on error object configuration.\n * Provides backwards compatibility with UI-Kit FieldErrors while integrating\n * with Nimbus design system patterns.\n *\n * Supports custom error renderers and localized built-in error messages\n * for common validation scenarios like missing required fields.\n */\nexport const FieldErrors = ({\n  id,\n  errors,\n  isVisible = true, // Default to true for backwards compatibility, but will be auto-handled in future\n  renderError,\n  renderDefaultError,\n  customMessages,\n  ...props\n}: FieldErrorsProps) => {\n  // Don't render if not visible or no errors\n  if (!isVisible) return null;\n  if (!errors || !isObject(errors)) return null;\n\n  // Filter to only show truthy errors\n  const activeErrors = Object.entries(errors).filter(([, error]) => error);\n\n  // Don't render if no active errors\n  if (activeErrors.length === 0) return null;\n\n  return (\n    <FieldErrorsRoot id={id} role=\"alert\" {...props}>\n      {activeErrors.map(([key, error]) => {\n        // Try custom error renderer first\n        const customErrorElement = renderError?.(key, error);\n        if (customErrorElement) {\n          return (\n            <FieldErrorsMessage key={key}>\n              {customErrorElement}\n            </FieldErrorsMessage>\n          );\n        }\n\n        // Try default error renderer second\n        const defaultErrorElement = renderDefaultError?.(key, error);\n        if (defaultErrorElement) {\n          return (\n            <FieldErrorsMessage key={key}>\n              {defaultErrorElement}\n            </FieldErrorsMessage>\n          );\n        }\n\n        // Try custom messages for built-in error types first\n        const customMessage = getCustomMessage(key, customMessages);\n        if (customMessage) {\n          return (\n            <FieldErrorsMessage key={key}>{customMessage}</FieldErrorsMessage>\n          );\n        }\n\n        // Fall back to built-in localized messages\n        const builtInMessage = getBuiltInMessage(key);\n        if (builtInMessage) {\n          return (\n            <FieldErrorsMessage key={key}>{builtInMessage}</FieldErrorsMessage>\n          );\n        }\n\n        // If no renderer handles it, render nothing\n        return null;\n      })}\n    </FieldErrorsRoot>\n  );\n};\n\n// Static properties for backwards compatibility with UI-Kit\nFieldErrors.displayName = \"FieldErrors\";\nFieldErrors.errorTypes = FieldErrorTypes;\n// Static properties for string conversion, mostly for testing\nFieldErrors.getBuiltInMessage = getBuiltInMessage;\nFieldErrors.getCustomMessage = getCustomMessage;\n"],"names":["withProvider","withContext","createSlotRecipeContext","FieldErrorsRoot","FieldErrorsMessage","messages","defineMessages","FieldErrorTypes","isObject","obj","getCustomMessage","key","customMessages","getBuiltInMessage","jsx","FormattedMessage","FieldErrors","id","errors","isVisible","renderError","renderDefaultError","props","activeErrors","error","customErrorElement","defaultErrorElement","customMessage","builtInMessage"],"mappings":"wGAMM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,aACP,CAAC,EAEYC,EAAkBH,EAG7B,MAAO,MAAM,EAEFI,EAAqBH,EAGhC,MAAO,SAAS,EChBLI,EAAWC,EAAAA,eAAe,CAErC,qBAAsB,CACpB,GAAI,0CACJ,YAAa,2CACb,eAAgB,0CAAA,EAElB,aAAc,CACZ,GAAI,kCACJ,YAAa,4CACb,eAAgB,gCAAA,EAElB,WAAY,CACV,GAAI,gCACJ,YAAa,yDACb,eAAgB,6BAAA,EAIlB,cAAe,CACb,GAAI,mCACJ,YAAa,8CACb,eAAgB,0BAAA,EAElB,aAAc,CACZ,GAAI,kCACJ,YAAa,8CACb,eAAgB,yBAAA,EAIlB,cAAe,CACb,GAAI,mCACJ,YAAa,sCACb,eAAgB,8BAAA,EAElB,eAAgB,CACd,GAAI,oCACJ,YAAa,+CACb,eAAgB,kDAAA,EAIlB,sBAAuB,CACrB,GAAI,2CACJ,YAAa,6CACb,eAAgB,mCAAA,EAElB,wBAAyB,CACvB,GAAI,6CACJ,YAAa,+CACb,eAAgB,6BAAA,EAElB,kBAAmB,CACjB,GAAI,uCACJ,YAAa,mDACb,eAAgB,qDAAA,EAElB,kBAAmB,CACjB,GAAI,uCACJ,YAAa,mDACb,eAAgB,kDAAA,EAElB,gBAAiB,CACf,GAAI,qCACJ,YAAa,oDACb,eAAgB,4CAAA,EAIlB,kBAAmB,CACjB,GAAI,uCACJ,YAAa,kDACb,eAAgB,oDAAA,EAElB,iBAAkB,CAChB,GAAI,sCACJ,YAAa,6CACb,eAAgB,uCAAA,EAElB,aAAc,CACZ,GAAI,kCACJ,YAAa,iDACb,eAAgB,4BAAA,CAEpB,CAAC,ECEYC,EAAkB,CAE7B,QAAS,UACT,QAAS,UACT,MAAO,QAGP,WAAY,MACZ,WAAY,MAGZ,OAAQ,SACR,UAAW,YAGX,SAAU,WACV,UAAW,YACX,UAAW,WACX,UAAW,WACX,aAAc,aAGd,oBAAqB,oBACrB,UAAW,WACX,QAAS,SACX,EC5GMC,EAAYC,GAA0B,OAAOA,GAAQ,SAKrDC,EAAmB,CACvBC,EACAC,IACoB,CACpB,GAAI,CAACA,EAAgB,OAAO,KAG5B,OAAQD,EAAA,CACN,KAAKJ,EAAgB,QACnB,OAAOK,EAAe,SAAW,KACnC,KAAKL,EAAgB,QACnB,OAAOK,EAAe,SAAW,KACnC,KAAKL,EAAgB,MACnB,OAAOK,EAAe,OAAS,KACjC,KAAKL,EAAgB,WACnB,OAAOK,EAAe,KAAO,KAC/B,KAAKL,EAAgB,WACnB,OAAOK,EAAe,KAAO,KAC/B,KAAKL,EAAgB,OACnB,OAAOK,EAAe,QAAU,KAClC,KAAKL,EAAgB,UACnB,OAAOK,EAAe,WAAa,KACrC,KAAKL,EAAgB,SACnB,OAAOK,EAAe,UAAY,KACpC,KAAKL,EAAgB,UACnB,OAAOK,EAAe,WAAa,KACrC,KAAKL,EAAgB,UACnB,OAAOK,EAAe,UAAY,KACpC,KAAKL,EAAgB,UACnB,OAAOK,EAAe,UAAY,KACpC,KAAKL,EAAgB,aACnB,OAAOK,EAAe,YAAc,KACtC,KAAKL,EAAgB,oBACnB,OAAOK,EAAe,mBAAqB,KAC7C,KAAKL,EAAgB,UACnB,OAAOK,EAAe,UAAY,KACpC,KAAKL,EAAgB,QACnB,OAAOK,EAAe,SAAW,KACnC,QACE,OAAO,IAAA,CAEb,EAKMC,EAAqBF,GAAiC,CAC1D,OAAQA,EAAA,CAEN,KAAKJ,EAAgB,QACnB,OAAOO,EAAAA,IAACC,EAAAA,iBAAA,CAAkB,GAAGV,EAAS,oBAAA,CAAsB,EAC9D,KAAKE,EAAgB,QACnB,OAAOO,EAAAA,IAACC,EAAAA,iBAAA,CAAkB,GAAGV,EAAS,YAAA,CAAc,EACtD,KAAKE,EAAgB,MACnB,OAAOO,EAAAA,IAACC,EAAAA,iBAAA,CAAkB,GAAGV,EAAS,UAAA,CAAY,EAGpD,KAAKE,EAAgB,WACnB,OAAOO,EAAAA,IAACC,EAAAA,iBAAA,CAAkB,GAAGV,EAAS,aAAA,CAAe,EACvD,KAAKE,EAAgB,WACnB,OAAOO,EAAAA,IAACC,EAAAA,iBAAA,CAAkB,GAAGV,EAAS,YAAA,CAAc,EAGtD,KAAKE,EAAgB,OACnB,OAAOO,EAAAA,IAACC,EAAAA,iBAAA,CAAkB,GAAGV,EAAS,aAAA,CAAe,EACvD,KAAKE,EAAgB,UACnB,OAAOO,EAAAA,IAACC,EAAAA,iBAAA,CAAkB,GAAGV,EAAS,cAAA,CAAgB,EAGxD,KAAKE,EAAgB,SACnB,OAAOO,EAAAA,IAACC,EAAAA,iBAAA,CAAkB,GAAGV,EAAS,qBAAA,CAAuB,EAC/D,KAAKE,EAAgB,UACnB,OAAOO,EAAAA,IAACC,EAAAA,iBAAA,CAAkB,GAAGV,EAAS,uBAAA,CAAyB,EACjE,KAAKE,EAAgB,UACnB,OAAOO,EAAAA,IAACC,EAAAA,iBAAA,CAAkB,GAAGV,EAAS,iBAAA,CAAmB,EAC3D,KAAKE,EAAgB,UACnB,OAAOO,EAAAA,IAACC,EAAAA,iBAAA,CAAkB,GAAGV,EAAS,iBAAA,CAAmB,EAC3D,KAAKE,EAAgB,aACnB,OAAOO,EAAAA,IAACC,EAAAA,iBAAA,CAAkB,GAAGV,EAAS,eAAA,CAAiB,EAGzD,KAAKE,EAAgB,oBACnB,OAAOO,EAAAA,IAACC,EAAAA,iBAAA,CAAkB,GAAGV,EAAS,iBAAA,CAAmB,EAC3D,KAAKE,EAAgB,UACnB,OAAOO,EAAAA,IAACC,EAAAA,iBAAA,CAAkB,GAAGV,EAAS,gBAAA,CAAkB,EAC1D,KAAKE,EAAgB,QACnB,OAAOO,EAAAA,IAACC,EAAAA,iBAAA,CAAkB,GAAGV,EAAS,YAAA,CAAc,EAEtD,QACE,OAAO,IAAA,CAEb,EAYaW,EAAc,CAAC,CAC1B,GAAAC,EACA,OAAAC,EACA,UAAAC,EAAY,GACZ,YAAAC,EACA,mBAAAC,EACA,eAAAT,EACA,GAAGU,CACL,IAAwB,CAGtB,GADI,CAACH,GACD,CAACD,GAAU,CAACV,EAASU,CAAM,EAAG,OAAO,KAGzC,MAAMK,EAAe,OAAO,QAAQL,CAAM,EAAE,OAAO,CAAC,CAAA,CAAGM,CAAK,IAAMA,CAAK,EAGvE,OAAID,EAAa,SAAW,EAAU,KAGpCT,EAAAA,IAACX,EAAA,CAAgB,GAAAc,EAAQ,KAAK,QAAS,GAAGK,EACvC,SAAAC,EAAa,IAAI,CAAC,CAACZ,EAAKa,CAAK,IAAM,CAElC,MAAMC,EAAqBL,IAAcT,EAAKa,CAAK,EACnD,GAAIC,EACF,OACEX,EAAAA,IAACV,EAAA,CACE,SAAAqB,CAAA,EADsBd,CAEzB,EAKJ,MAAMe,EAAsBL,IAAqBV,EAAKa,CAAK,EAC3D,GAAIE,EACF,OACEZ,EAAAA,IAACV,EAAA,CACE,SAAAsB,CAAA,EADsBf,CAEzB,EAKJ,MAAMgB,EAAgBjB,EAAiBC,EAAKC,CAAc,EAC1D,GAAIe,EACF,OACEb,EAAAA,IAACV,EAAA,CAA8B,SAAAuB,CAAA,EAANhB,CAAoB,EAKjD,MAAMiB,EAAiBf,EAAkBF,CAAG,EAC5C,OAAIiB,EAEAd,EAAAA,IAACV,EAAA,CAA8B,SAAAwB,CAAA,EAANjB,CAAqB,EAK3C,IACT,CAAC,CAAA,CACH,CAEJ,EAGAK,EAAY,YAAc,cAC1BA,EAAY,WAAaT,EAEzBS,EAAY,kBAAoBH,EAChCG,EAAY,iBAAmBN"}