@commercetools/nimbus 2.1.0 → 2.2.0

package/dist/chunks/drawer-BZBluK-I.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer-BZBluK-I.es.js","sources":["../../src/components/drawer/drawer.slots.tsx","../../src/components/drawer/components/drawer.context.tsx","../../src/components/drawer/components/drawer.root.tsx","../../src/components/drawer/components/drawer.trigger.tsx","../../src/components/drawer/components/drawer.content.tsx","../../src/components/drawer/components/drawer.header.tsx","../../src/components/drawer/components/drawer.body.tsx","../../src/components/drawer/components/drawer.footer.tsx","../../src/components/drawer/components/drawer.title.tsx","../../src/components/drawer/drawer.i18n.ts","../../src/components/drawer/components/drawer.close-trigger.tsx","../../src/components/drawer/drawer.tsx"],"sourcesContent":["import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { drawerSlotRecipe } from \"./drawer.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: drawerSlotRecipe,\n});\n\n// Root slot - provides recipe context + config to all child components\nexport type DrawerRootSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerRootSlot = withProvider<HTMLDivElement, DrawerRootSlotProps>(\n  \"div\",\n  \"root\"\n);\n\n// Trigger slot - button that opens the drawer\nexport type DrawerTriggerSlotProps = HTMLChakraProps<\"button\">;\nexport const DrawerTriggerSlot = withContext<\n  HTMLButtonElement,\n  DrawerTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Backdrop slot - overlay displayed behind the drawer\nexport type DrawerModalOverlaySlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerModalOverlaySlot = withContext<\n  HTMLDivElement,\n  DrawerModalOverlaySlotProps\n>(\"div\", \"modalOverlay\");\n\n// modal slot - positions the drawer content\nexport type DrawerModalSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerModalSlot = withContext<\n  HTMLDivElement,\n  DrawerModalSlotProps\n>(\"div\", \"modal\");\n\n// Content slot - main drawer container\nexport type DrawerContentSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerContentSlot = withContext<\n  HTMLDivElement,\n  DrawerContentSlotProps\n>(\"div\", \"content\");\n\n// Header slot - drawer header section\nexport type DrawerHeaderSlotProps = HTMLChakraProps<\"header\">;\nexport const DrawerHeaderSlot = withContext<HTMLElement, DrawerHeaderSlotProps>(\n  \"header\",\n  \"header\"\n);\n\n// Body slot - drawer body content\nexport type DrawerBodySlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerBodySlot = withContext<HTMLDivElement, DrawerBodySlotProps>(\n  \"div\",\n  \"body\"\n);\n\n// Footer slot - drawer footer section with actions\nexport type DrawerFooterSlotProps = HTMLChakraProps<\"footer\">;\nexport const DrawerFooterSlot = withContext<HTMLElement, DrawerFooterSlotProps>(\n  \"footer\",\n  \"footer\"\n);\n\n// Title slot - accessible drawer title\nexport type DrawerTitleSlotProps = HTMLChakraProps<\"h2\">;\nexport const DrawerTitleSlot = withContext<\n  HTMLHeadingElement,\n  DrawerTitleSlotProps\n>(\"h2\", \"title\");\n\n// Close trigger slot - div container for positioning close button\nexport type DrawerCloseTriggerSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerCloseTriggerSlot = withContext<\n  HTMLDivElement,\n  DrawerCloseTriggerSlotProps\n>(\"div\", \"closeTrigger\");\n","import { createContext, useContext } from \"react\";\nimport type { DrawerRootProps } from \"../drawer.types\";\n\n/**\n * Context value containing drawer configuration passed from Root to child components\n */\nexport type DrawerContextValue = DrawerRootProps;\n\nexport const DrawerContext = createContext<DrawerContextValue | undefined>(\n  undefined\n);\n\n/**\n * Hook to access drawer configuration from DrawerContext\n * @returns Drawer configuration from context\n * @throws Error if used outside of Drawer.Root\n */\nexport const useDrawerRootContext = (): DrawerContextValue => {\n  const context = useContext(DrawerContext);\n  if (!context) {\n    throw new Error(\"useDrawerContext must be used within Drawer.Root\");\n  }\n  return context;\n};\n\n/**\n * Provider component that passes drawer configuration down to child components\n */\nexport const DrawerProvider = ({\n  children,\n  value,\n}: {\n  children: React.ReactNode;\n  value: DrawerContextValue;\n}) => {\n  return <DrawerContext value={value}>{children}</DrawerContext>;\n};\n","import React from \"react\";\nimport { DialogTrigger as RaDialogTrigger } from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DrawerRootSlot } from \"../drawer.slots\";\nimport type { DrawerRootProps } from \"../drawer.types\";\nimport { DrawerProvider } from \"./drawer.context\";\nimport { drawerSlotRecipe } from \"../drawer.recipe\";\n\nexport const DrawerRoot = (props: DrawerRootProps) => {\n  const recipe = useSlotRecipe({ recipe: drawerSlotRecipe });\n  // Extract recipe props\n  const [recipeProps] = recipe.splitVariantProps(props);\n  // Extract props that are usable on RaDialogTrigger\n  const { children, isOpen, onOpenChange, defaultOpen = false } = props;\n\n  const content = <DrawerRootSlot {...recipeProps}>{children}</DrawerRootSlot>;\n\n  // Check if any child is a Drawer.Trigger component\n  // React Aria's DialogTrigger needs a pressable child, so we only use it when there's a trigger\n  const hasDrawerTrigger = React.Children.toArray(children).some((child) => {\n    if (React.isValidElement(child) && typeof child.type === \"function\") {\n      const displayName = (\n        child.type as React.ComponentType & { displayName?: string }\n      )?.displayName;\n      return (\n        displayName === \"DrawerTrigger\" || displayName === \"Drawer.Trigger\"\n      );\n    }\n    return false;\n  });\n\n  // Share all props (config + variant props) with the Drawer subcomponents\n  return (\n    <DrawerProvider value={props}>\n      {hasDrawerTrigger ? (\n        // When there's a Drawer.Trigger, use DialogTrigger for React Aria integration\n        <RaDialogTrigger\n          isOpen={isOpen}\n          onOpenChange={onOpenChange}\n          defaultOpen={defaultOpen}\n        >\n          {content}\n        </RaDialogTrigger>\n      ) : (\n        // When no Drawer.Trigger, skip DialogTrigger to avoid the warning\n        content\n      )}\n    </DrawerProvider>\n  );\n};\n\nDrawerRoot.displayName = \"Drawer.Root\";\n","import { Button as RaButton } from \"react-aria-components\";\nimport { DrawerTriggerSlot } from \"../drawer.slots\";\nimport type { DrawerTriggerProps } from \"../drawer.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Drawer.Trigger - The trigger element that opens the drawer when activated\n *\n * @supportsStyleProps\n */\nexport const DrawerTrigger = ({\n  ref: forwardedRef,\n  children,\n  asChild,\n  ...props\n}: DrawerTriggerProps) => {\n  // If asChild is true, wrap children directly in RaButton with asChild\n  if (asChild) {\n    return (\n      <chakra.button ref={forwardedRef} asChild {...props}>\n        {children}\n      </chakra.button>\n    );\n  }\n\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  // Otherwise, wrap with both DrawerTriggerSlot and RaButton\n  // Only pass React Aria compatible props to avoid type conflicts\n  return (\n    <DrawerTriggerSlot {...styleProps} asChild>\n      <RaButton ref={forwardedRef} {...restProps}>\n        {children}\n      </RaButton>\n    </DrawerTriggerSlot>\n  );\n};\n\nDrawerTrigger.displayName = \"Drawer.Trigger\";\n","import {\n  Modal as RaModal,\n  ModalOverlay as RaModalOverlay,\n  Dialog as RaDialog,\n} from \"react-aria-components\";\nimport {\n  DrawerModalOverlaySlot,\n  DrawerModalSlot,\n  DrawerContentSlot,\n} from \"../drawer.slots\";\nimport type { DrawerContentProps } from \"../drawer.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useDrawerRootContext } from \"./drawer.context\";\n\n/**\n * Drawer.Content - The main drawer content container\n *\n * @supportsStyleProps\n */\nexport const DrawerContent = (props: DrawerContentProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  // Get 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\n/**\n * Drawer.Header - The header section of the drawer\n *\n * @supportsStyleProps\n */\nexport const DrawerHeader = (props: DrawerHeaderProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerHeaderSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DrawerHeaderSlot>\n  );\n};\n\nDrawerHeader.displayName = \"Drawer.Header\";\n","import { DrawerBodySlot } from \"../drawer.slots\";\nimport type { DrawerBodyProps } from \"../drawer.types\";\n\n/**\n * Drawer.Body - The main body content section of the drawer\n *\n * @supportsStyleProps\n */\nexport const DrawerBody = (props: DrawerBodyProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const defaultProps = {\n    /**\n     * Set tabIndex to 0 to allow the body to receive focus,\n     * effectively enabling scrolling via keyboard arrow keys.\n     */\n    tabIndex: 0,\n  };\n\n  return (\n    <DrawerBodySlot ref={forwardedRef} {...defaultProps} {...restProps}>\n      {children}\n    </DrawerBodySlot>\n  );\n};\n\nDrawerBody.displayName = \"Drawer.Body\";\n","import { DrawerFooterSlot } from \"../drawer.slots\";\nimport type { DrawerFooterProps } from \"../drawer.types\";\n\n/**\n * Drawer.Footer - The footer section of the drawer\n *\n * @supportsStyleProps\n */\nexport const DrawerFooter = (props: DrawerFooterProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerFooterSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DrawerFooterSlot>\n  );\n};\n\nDrawerFooter.displayName = \"Drawer.Footer\";\n","import { DrawerTitleSlot } from \"../drawer.slots\";\nimport type { DrawerTitleProps } from \"../drawer.types\";\nimport { Heading } from \"@/components\";\n\n/**\n * Drawer.Title - The accessible title element for the drawer\n *\n * @supportsStyleProps\n */\nexport const DrawerTitle = (props: DrawerTitleProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerTitleSlot asChild {...restProps}>\n      <Heading ref={forwardedRef} slot=\"title\" as=\"h2\" textStyle=\"lg\">\n        {children}\n      </Heading>\n    </DrawerTitleSlot>\n  );\n};\n\nDrawerTitle.displayName = \"Drawer.Title\";\n","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\n/**\n * Drawer.CloseTrigger - A button that closes the drawer when activated\n *\n * @supportsStyleProps\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-DfJY_5pD.cjs.js

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

package/dist/chunks/drawer-DfJY_5pD.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer-DfJY_5pD.cjs.js","sources":["../../src/components/drawer/drawer.slots.tsx","../../src/components/drawer/components/drawer.context.tsx","../../src/components/drawer/components/drawer.root.tsx","../../src/components/drawer/components/drawer.trigger.tsx","../../src/components/drawer/components/drawer.content.tsx","../../src/components/drawer/components/drawer.header.tsx","../../src/components/drawer/components/drawer.body.tsx","../../src/components/drawer/components/drawer.footer.tsx","../../src/components/drawer/components/drawer.title.tsx","../../src/components/drawer/drawer.i18n.ts","../../src/components/drawer/components/drawer.close-trigger.tsx","../../src/components/drawer/drawer.tsx"],"sourcesContent":["import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { drawerSlotRecipe } from \"./drawer.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: drawerSlotRecipe,\n});\n\n// Root slot - provides recipe context + config to all child components\nexport type DrawerRootSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerRootSlot = withProvider<HTMLDivElement, DrawerRootSlotProps>(\n  \"div\",\n  \"root\"\n);\n\n// Trigger slot - button that opens the drawer\nexport type DrawerTriggerSlotProps = HTMLChakraProps<\"button\">;\nexport const DrawerTriggerSlot = withContext<\n  HTMLButtonElement,\n  DrawerTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Backdrop slot - overlay displayed behind the drawer\nexport type DrawerModalOverlaySlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerModalOverlaySlot = withContext<\n  HTMLDivElement,\n  DrawerModalOverlaySlotProps\n>(\"div\", \"modalOverlay\");\n\n// modal slot - positions the drawer content\nexport type DrawerModalSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerModalSlot = withContext<\n  HTMLDivElement,\n  DrawerModalSlotProps\n>(\"div\", \"modal\");\n\n// Content slot - main drawer container\nexport type DrawerContentSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerContentSlot = withContext<\n  HTMLDivElement,\n  DrawerContentSlotProps\n>(\"div\", \"content\");\n\n// Header slot - drawer header section\nexport type DrawerHeaderSlotProps = HTMLChakraProps<\"header\">;\nexport const DrawerHeaderSlot = withContext<HTMLElement, DrawerHeaderSlotProps>(\n  \"header\",\n  \"header\"\n);\n\n// Body slot - drawer body content\nexport type DrawerBodySlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerBodySlot = withContext<HTMLDivElement, DrawerBodySlotProps>(\n  \"div\",\n  \"body\"\n);\n\n// Footer slot - drawer footer section with actions\nexport type DrawerFooterSlotProps = HTMLChakraProps<\"footer\">;\nexport const DrawerFooterSlot = withContext<HTMLElement, DrawerFooterSlotProps>(\n  \"footer\",\n  \"footer\"\n);\n\n// Title slot - accessible drawer title\nexport type DrawerTitleSlotProps = HTMLChakraProps<\"h2\">;\nexport const DrawerTitleSlot = withContext<\n  HTMLHeadingElement,\n  DrawerTitleSlotProps\n>(\"h2\", \"title\");\n\n// Close trigger slot - div container for positioning close button\nexport type DrawerCloseTriggerSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerCloseTriggerSlot = withContext<\n  HTMLDivElement,\n  DrawerCloseTriggerSlotProps\n>(\"div\", \"closeTrigger\");\n","import { createContext, useContext } from \"react\";\nimport type { DrawerRootProps } from \"../drawer.types\";\n\n/**\n * Context value containing drawer configuration passed from Root to child components\n */\nexport type DrawerContextValue = DrawerRootProps;\n\nexport const DrawerContext = createContext<DrawerContextValue | undefined>(\n  undefined\n);\n\n/**\n * Hook to access drawer configuration from DrawerContext\n * @returns Drawer configuration from context\n * @throws Error if used outside of Drawer.Root\n */\nexport const useDrawerRootContext = (): DrawerContextValue => {\n  const context = useContext(DrawerContext);\n  if (!context) {\n    throw new Error(\"useDrawerContext must be used within Drawer.Root\");\n  }\n  return context;\n};\n\n/**\n * Provider component that passes drawer configuration down to child components\n */\nexport const DrawerProvider = ({\n  children,\n  value,\n}: {\n  children: React.ReactNode;\n  value: DrawerContextValue;\n}) => {\n  return <DrawerContext value={value}>{children}</DrawerContext>;\n};\n","import React from \"react\";\nimport { DialogTrigger as RaDialogTrigger } from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DrawerRootSlot } from \"../drawer.slots\";\nimport type { DrawerRootProps } from \"../drawer.types\";\nimport { DrawerProvider } from \"./drawer.context\";\nimport { drawerSlotRecipe } from \"../drawer.recipe\";\n\nexport const DrawerRoot = (props: DrawerRootProps) => {\n  const recipe = useSlotRecipe({ recipe: drawerSlotRecipe });\n  // Extract recipe props\n  const [recipeProps] = recipe.splitVariantProps(props);\n  // Extract props that are usable on RaDialogTrigger\n  const { children, isOpen, onOpenChange, defaultOpen = false } = props;\n\n  const content = <DrawerRootSlot {...recipeProps}>{children}</DrawerRootSlot>;\n\n  // Check if any child is a Drawer.Trigger component\n  // React Aria's DialogTrigger needs a pressable child, so we only use it when there's a trigger\n  const hasDrawerTrigger = React.Children.toArray(children).some((child) => {\n    if (React.isValidElement(child) && typeof child.type === \"function\") {\n      const displayName = (\n        child.type as React.ComponentType & { displayName?: string }\n      )?.displayName;\n      return (\n        displayName === \"DrawerTrigger\" || displayName === \"Drawer.Trigger\"\n      );\n    }\n    return false;\n  });\n\n  // Share all props (config + variant props) with the Drawer subcomponents\n  return (\n    <DrawerProvider value={props}>\n      {hasDrawerTrigger ? (\n        // When there's a Drawer.Trigger, use DialogTrigger for React Aria integration\n        <RaDialogTrigger\n          isOpen={isOpen}\n          onOpenChange={onOpenChange}\n          defaultOpen={defaultOpen}\n        >\n          {content}\n        </RaDialogTrigger>\n      ) : (\n        // When no Drawer.Trigger, skip DialogTrigger to avoid the warning\n        content\n      )}\n    </DrawerProvider>\n  );\n};\n\nDrawerRoot.displayName = \"Drawer.Root\";\n","import { Button as RaButton } from \"react-aria-components\";\nimport { DrawerTriggerSlot } from \"../drawer.slots\";\nimport type { DrawerTriggerProps } from \"../drawer.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Drawer.Trigger - The trigger element that opens the drawer when activated\n *\n * @supportsStyleProps\n */\nexport const DrawerTrigger = ({\n  ref: forwardedRef,\n  children,\n  asChild,\n  ...props\n}: DrawerTriggerProps) => {\n  // If asChild is true, wrap children directly in RaButton with asChild\n  if (asChild) {\n    return (\n      <chakra.button ref={forwardedRef} asChild {...props}>\n        {children}\n      </chakra.button>\n    );\n  }\n\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  // Otherwise, wrap with both DrawerTriggerSlot and RaButton\n  // Only pass React Aria compatible props to avoid type conflicts\n  return (\n    <DrawerTriggerSlot {...styleProps} asChild>\n      <RaButton ref={forwardedRef} {...restProps}>\n        {children}\n      </RaButton>\n    </DrawerTriggerSlot>\n  );\n};\n\nDrawerTrigger.displayName = \"Drawer.Trigger\";\n","import {\n  Modal as RaModal,\n  ModalOverlay as RaModalOverlay,\n  Dialog as RaDialog,\n} from \"react-aria-components\";\nimport {\n  DrawerModalOverlaySlot,\n  DrawerModalSlot,\n  DrawerContentSlot,\n} from \"../drawer.slots\";\nimport type { DrawerContentProps } from \"../drawer.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useDrawerRootContext } from \"./drawer.context\";\n\n/**\n * Drawer.Content - The main drawer content container\n *\n * @supportsStyleProps\n */\nexport const DrawerContent = (props: DrawerContentProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  // Get 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\n/**\n * Drawer.Header - The header section of the drawer\n *\n * @supportsStyleProps\n */\nexport const DrawerHeader = (props: DrawerHeaderProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerHeaderSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DrawerHeaderSlot>\n  );\n};\n\nDrawerHeader.displayName = \"Drawer.Header\";\n","import { DrawerBodySlot } from \"../drawer.slots\";\nimport type { DrawerBodyProps } from \"../drawer.types\";\n\n/**\n * Drawer.Body - The main body content section of the drawer\n *\n * @supportsStyleProps\n */\nexport const DrawerBody = (props: DrawerBodyProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const defaultProps = {\n    /**\n     * Set tabIndex to 0 to allow the body to receive focus,\n     * effectively enabling scrolling via keyboard arrow keys.\n     */\n    tabIndex: 0,\n  };\n\n  return (\n    <DrawerBodySlot ref={forwardedRef} {...defaultProps} {...restProps}>\n      {children}\n    </DrawerBodySlot>\n  );\n};\n\nDrawerBody.displayName = \"Drawer.Body\";\n","import { DrawerFooterSlot } from \"../drawer.slots\";\nimport type { DrawerFooterProps } from \"../drawer.types\";\n\n/**\n * Drawer.Footer - The footer section of the drawer\n *\n * @supportsStyleProps\n */\nexport const DrawerFooter = (props: DrawerFooterProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerFooterSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DrawerFooterSlot>\n  );\n};\n\nDrawerFooter.displayName = \"Drawer.Footer\";\n","import { DrawerTitleSlot } from \"../drawer.slots\";\nimport type { DrawerTitleProps } from \"../drawer.types\";\nimport { Heading } from \"@/components\";\n\n/**\n * Drawer.Title - The accessible title element for the drawer\n *\n * @supportsStyleProps\n */\nexport const DrawerTitle = (props: DrawerTitleProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerTitleSlot asChild {...restProps}>\n      <Heading ref={forwardedRef} slot=\"title\" as=\"h2\" textStyle=\"lg\">\n        {children}\n      </Heading>\n    </DrawerTitleSlot>\n  );\n};\n\nDrawerTitle.displayName = \"Drawer.Title\";\n","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\n/**\n * Drawer.CloseTrigger - A button that closes the drawer when activated\n *\n * @supportsStyleProps\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/field-errors-ClQprmQz.es.js

@@ -1,213 +0,0 @@
-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";
-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",
-    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."
-  },
-  // Length validation
-  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."
-  },
-  // Format validation
-  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."
-  },
-  // Numeric validation
-  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."
-  },
-  // Server/async validation
-  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"
-}, R = (t) => typeof t == "object", N = (t, r) => {
-  if (!r) return null;
-  switch (t) {
-    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 = (t) => {
-  switch (t) {
-    // Basic validation
-    case e.MISSING:
-      return /* @__PURE__ */ i(a, { ...l.missingRequiredField });
-    case e.INVALID:
-      return /* @__PURE__ */ i(a, { ...l.invalidValue });
-    case e.EMPTY:
-      return /* @__PURE__ */ i(a, { ...l.emptyValue });
-    // Length validation
-    case e.MIN_LENGTH:
-      return /* @__PURE__ */ i(a, { ...l.valueTooShort });
-    case e.MAX_LENGTH:
-      return /* @__PURE__ */ i(a, { ...l.valueTooLong });
-    // Format validation
-    case e.FORMAT:
-      return /* @__PURE__ */ i(a, { ...l.invalidFormat });
-    case e.DUPLICATE:
-      return /* @__PURE__ */ i(a, { ...l.duplicateValue });
-    // Numeric validation
-    case e.NEGATIVE:
-      return /* @__PURE__ */ i(a, { ...l.invalidNegativeNumber });
-    case e.FRACTIONS:
-      return /* @__PURE__ */ i(a, { ...l.invalidFractionalNumber });
-    case e.BELOW_MIN:
-      return /* @__PURE__ */ i(a, { ...l.valueBelowMinimum });
-    case e.ABOVE_MAX:
-      return /* @__PURE__ */ i(a, { ...l.valueAboveMaximum });
-    case e.OUT_OF_RANGE:
-      return /* @__PURE__ */ i(a, { ...l.valueOutOfRange });
-    // Server/async validation
-    case e.INVALID_FROM_SERVER:
-      return /* @__PURE__ */ i(a, { ...l.invalidFromServer });
-    case e.NOT_FOUND:
-      return /* @__PURE__ */ i(a, { ...l.resourceNotFound });
-    case e.BLOCKED:
-      return /* @__PURE__ */ i(a, { ...l.valueBlocked });
-    default:
-      return null;
-  }
-}, o = ({
-  id: t,
-  errors: r,
-  isVisible: g = !0,
-  // Default to true for backwards compatibility, but will be auto-handled in future
-  renderError: F,
-  renderDefaultError: b,
-  customMessages: p,
-  ...M
-}) => {
-  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(u, { children: m }, n);
-    const c = b?.(n, d);
-    if (c)
-      return /* @__PURE__ */ i(u, { children: c }, n);
-    const v = N(n, p);
-    if (v)
-      return /* @__PURE__ */ i(u, { children: v }, n);
-    const E = f(n);
-    return E ? /* @__PURE__ */ i(u, { children: E }, n) : null;
-  }) });
-};
-o.displayName = "FieldErrors";
-o.errorTypes = e;
-o.getBuiltInMessage = f;
-o.getCustomMessage = N;
-export {
-  o as F,
-  e as a
-};
-//# sourceMappingURL=field-errors-ClQprmQz.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"field-errors-ClQprmQz.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 { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  FieldErrorsMessageSlotProps,\n  FieldErrorsRootSlotProps,\n} from \"./field-errors.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"fieldErrors\",\n});\n\nexport const FieldErrorsRoot: SlotComponent<\n  HTMLDivElement,\n  FieldErrorsRootSlotProps\n> = withProvider<HTMLDivElement, FieldErrorsRootSlotProps>(\"div\", \"root\");\n\nexport const FieldErrorsMessage: SlotComponent<\n  HTMLDivElement,\n  FieldErrorsMessageSlotProps\n> = withContext<HTMLDivElement, FieldErrorsMessageSlotProps>(\"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 {\n  HTMLChakraProps,\n  SlotRecipeProps,\n  UnstyledProp,\n} from \"@chakra-ui/react\";\nimport type { OmitInternalProps } from \"../../type-utils/omit-props\";\n\n// ============================================================\n// RECIPE PROPS\n// ============================================================\n\ntype FieldErrorsRecipeProps = SlotRecipeProps<\"fieldErrors\"> & UnstyledProp;\n\n// ============================================================\n// SLOT PROPS\n// ============================================================\n\nexport type FieldErrorsRootSlotProps = OmitInternalProps<\n  HTMLChakraProps<\"div\", FieldErrorsRecipeProps>\n>;\n\nexport type FieldErrorsMessageSlotProps = HTMLChakraProps<\"div\">;\n\n// ============================================================\n// HELPER TYPES\n// ============================================================\n\nexport type FieldErrorsData = Record<string, boolean>;\n\nexport type TErrorRenderer = (key: string, error?: boolean) => ReactNode;\n\nexport const FieldErrorTypes = {\n  MISSING: \"missing\",\n  INVALID: \"invalid\",\n  EMPTY: \"empty\",\n  MIN_LENGTH: \"min\",\n  MAX_LENGTH: \"max\",\n  FORMAT: \"format\",\n  DUPLICATE: \"duplicate\",\n  NEGATIVE: \"negative\",\n  FRACTIONS: \"fractions\",\n  BELOW_MIN: \"belowMin\",\n  ABOVE_MAX: \"aboveMax\",\n  OUT_OF_RANGE: \"outOfRange\",\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\n// ============================================================\n// MAIN PROPS\n// ============================================================\n\nexport type FieldErrorsProps = FieldErrorsRootSlotProps & {\n  /**\n   * Object mapping error types to boolean values indicating presence\n   */\n  errors?: FieldErrorsData;\n  /**\n   * Whether the error messages are visible\n   * @default false\n   */\n  isVisible?: boolean;\n  /**\n   * Custom render function for error messages\n   */\n  renderError?: TErrorRenderer;\n  /**\n   * Default render function for error messages when no custom renderer is provided\n   */\n  renderDefaultError?: TErrorRenderer;\n  /**\n   * Custom message overrides for specific error types\n   */\n  customMessages?: {\n    /** Message for missing field error */\n    missing?: ReactNode;\n    /** Message for invalid field error */\n    invalid?: ReactNode;\n    /** Message for empty field error */\n    empty?: ReactNode;\n    /** Message for minimum length error */\n    min?: ReactNode;\n    /** Message for maximum length error */\n    max?: ReactNode;\n    /** Message for format error */\n    format?: ReactNode;\n    /** Message for duplicate value error */\n    duplicate?: ReactNode;\n    /** Message for negative value error */\n    negative?: ReactNode;\n    /** Message for fractional value error */\n    fractions?: ReactNode;\n    /** Message for below minimum value error */\n    belowMin?: ReactNode;\n    /** Message for above maximum value error */\n    aboveMax?: ReactNode;\n    /** Message for out of range error */\n    outOfRange?: ReactNode;\n    /** Message for invalid from server error */\n    invalidFromServer?: ReactNode;\n    /** Message for not found error */\n    notFound?: ReactNode;\n    /** Message for blocked error */\n    blocked?: ReactNode;\n  };\n};\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 *\n * @see {@link https://nimbus.commercetools.com/components/field-errors}\n *\n * @supportsStyleProps\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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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 { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  FieldErrorsMessageSlotProps,\n  FieldErrorsRootSlotProps,\n} from \"./field-errors.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"fieldErrors\",\n});\n\nexport const FieldErrorsRoot: SlotComponent<\n  HTMLDivElement,\n  FieldErrorsRootSlotProps\n> = withProvider<HTMLDivElement, FieldErrorsRootSlotProps>(\"div\", \"root\");\n\nexport const FieldErrorsMessage: SlotComponent<\n  HTMLDivElement,\n  FieldErrorsMessageSlotProps\n> = withContext<HTMLDivElement, FieldErrorsMessageSlotProps>(\"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 {\n  HTMLChakraProps,\n  SlotRecipeProps,\n  UnstyledProp,\n} from \"@chakra-ui/react\";\nimport type { OmitInternalProps } from \"../../type-utils/omit-props\";\n\n// ============================================================\n// RECIPE PROPS\n// ============================================================\n\ntype FieldErrorsRecipeProps = SlotRecipeProps<\"fieldErrors\"> & UnstyledProp;\n\n// ============================================================\n// SLOT PROPS\n// ============================================================\n\nexport type FieldErrorsRootSlotProps = OmitInternalProps<\n  HTMLChakraProps<\"div\", FieldErrorsRecipeProps>\n>;\n\nexport type FieldErrorsMessageSlotProps = HTMLChakraProps<\"div\">;\n\n// ============================================================\n// HELPER TYPES\n// ============================================================\n\nexport type FieldErrorsData = Record<string, boolean>;\n\nexport type TErrorRenderer = (key: string, error?: boolean) => ReactNode;\n\nexport const FieldErrorTypes = {\n  MISSING: \"missing\",\n  INVALID: \"invalid\",\n  EMPTY: \"empty\",\n  MIN_LENGTH: \"min\",\n  MAX_LENGTH: \"max\",\n  FORMAT: \"format\",\n  DUPLICATE: \"duplicate\",\n  NEGATIVE: \"negative\",\n  FRACTIONS: \"fractions\",\n  BELOW_MIN: \"belowMin\",\n  ABOVE_MAX: \"aboveMax\",\n  OUT_OF_RANGE: \"outOfRange\",\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\n// ============================================================\n// MAIN PROPS\n// ============================================================\n\nexport type FieldErrorsProps = FieldErrorsRootSlotProps & {\n  /**\n   * Object mapping error types to boolean values indicating presence\n   */\n  errors?: FieldErrorsData;\n  /**\n   * Whether the error messages are visible\n   * @default false\n   */\n  isVisible?: boolean;\n  /**\n   * Custom render function for error messages\n   */\n  renderError?: TErrorRenderer;\n  /**\n   * Default render function for error messages when no custom renderer is provided\n   */\n  renderDefaultError?: TErrorRenderer;\n  /**\n   * Custom message overrides for specific error types\n   */\n  customMessages?: {\n    /** Message for missing field error */\n    missing?: ReactNode;\n    /** Message for invalid field error */\n    invalid?: ReactNode;\n    /** Message for empty field error */\n    empty?: ReactNode;\n    /** Message for minimum length error */\n    min?: ReactNode;\n    /** Message for maximum length error */\n    max?: ReactNode;\n    /** Message for format error */\n    format?: ReactNode;\n    /** Message for duplicate value error */\n    duplicate?: ReactNode;\n    /** Message for negative value error */\n    negative?: ReactNode;\n    /** Message for fractional value error */\n    fractions?: ReactNode;\n    /** Message for below minimum value error */\n    belowMin?: ReactNode;\n    /** Message for above maximum value error */\n    aboveMax?: ReactNode;\n    /** Message for out of range error */\n    outOfRange?: ReactNode;\n    /** Message for invalid from server error */\n    invalidFromServer?: ReactNode;\n    /** Message for not found error */\n    notFound?: ReactNode;\n    /** Message for blocked error */\n    blocked?: ReactNode;\n  };\n};\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 *\n * @see {@link https://nimbus.commercetools.com/components/field-errors}\n *\n * @supportsStyleProps\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/form-field-BqlkPY29.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-field-BqlkPY29.es.js","sources":["../../src/components/form-field/components/form-field.context.tsx","../../src/components/form-field/form-field.slots.tsx","../../src/components/form-field/components/form-field.root.tsx","../../src/components/form-field/components/form-field.label.tsx","../../src/components/form-field/components/form-field.input.tsx","../../src/components/form-field/components/form-field.description.tsx","../../src/components/form-field/components/form-field.error.tsx","../../src/components/form-field/components/form-field.info-box.tsx","../../src/components/form-field/form-field.tsx"],"sourcesContent":["import { createContext, type ReactNode } from \"react\";\nimport type {\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldLabelSlotProps,\n} from \"../form-field.types\";\n\nexport type FormFieldContextPayloadType = {\n  label: ReactNode;\n  labelSlotProps?: FormFieldLabelSlotProps;\n  input: ReactNode;\n  inputSlotProps?: FormFieldInputSlotProps;\n  description: ReactNode;\n  descriptionSlotProps?: FormFieldDescriptionSlotProps;\n  error: ReactNode;\n  errorSlotProps?: FormFieldErrorSlotProps;\n  info: ReactNode;\n  isInvalid?: boolean;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n};\n\nexport type FormFieldContextType = {\n  context: FormFieldContextPayloadType;\n  setContext: React.Dispatch<React.SetStateAction<FormFieldContextPayloadType>>;\n};\n\nexport const FormFieldContext = createContext<FormFieldContextType>({\n  context: {\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n  },\n  setContext: () => {},\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  FormFieldRootSlotProps,\n  FormFieldLabelSlotProps,\n  FormFieldInputSlotProps,\n  FormFieldDescriptionSlotProps,\n  FormFieldErrorSlotProps,\n  FormFieldPopoverSlotProps,\n} from \"./form-field.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"formField\",\n});\n\n// Root slot\nexport const FormFieldRootSlot = withProvider<\n  HTMLDivElement,\n  FormFieldRootSlotProps\n>(\"div\", \"root\");\n\n// Label Slot\nexport const FormFieldLabelSlot = withContext<\n  HTMLDivElement,\n  FormFieldLabelSlotProps\n>(\"div\", \"label\");\n\n// Input Slot\nexport const FormFieldInputSlot = withContext<\n  HTMLDivElement,\n  FormFieldInputSlotProps\n>(\"div\", \"input\");\n\n// Description Slot\nexport const FormFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  FormFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport const FormFieldErrorSlot = withContext<\n  HTMLDivElement,\n  FormFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// Error Slot\nexport const FormFieldPopoverSlot = withContext<\n  HTMLDivElement,\n  FormFieldPopoverSlotProps\n>(\"div\", \"popover\");\n","import {\n  Children,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useMemo,\n  useState,\n  useRef,\n} from \"react\";\nimport type { FormFieldProps } from \"../form-field.types\";\nimport { useField, useObjectRef } from \"react-aria\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport {\n  FormFieldContext,\n  type FormFieldContextPayloadType,\n} from \"./form-field.context\";\nimport {\n  FormFieldDescriptionSlot,\n  FormFieldErrorSlot,\n  FormFieldInputSlot,\n  FormFieldLabelSlot,\n  FormFieldPopoverSlot,\n  FormFieldRootSlot,\n} from \"../form-field.slots\";\nimport { Dialog, DialogTrigger, Popover } from \"react-aria-components\";\nimport { Box, IconButton } from \"@/components\";\nimport { ErrorOutline, HelpOutline } from \"@commercetools/nimbus-icons\";\n\n/**\n * # FormField.Root\n *\n * displays miscellaneous inputs in a FormField context\n *\n * @supportsStyleProps\n */\nexport const FormFieldRoot = function FormFieldRoot({\n  ref: forwardedRef,\n  id,\n  isInvalid,\n  isRequired,\n  isDisabled,\n  isReadOnly,\n  children,\n  ...props\n}: FormFieldProps) {\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const [context, setContext] = useState<FormFieldContextPayloadType>({\n    label: null,\n    description: null,\n    error: null,\n    info: null,\n    input: null,\n    isInvalid,\n    isRequired,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const useFieldArgs: Parameters<typeof useField>[0] = useMemo(() => {\n    const args: Parameters<typeof useField>[0] = {\n      id,\n      description: context.description,\n      errorMessage: context.error,\n    };\n\n    if (context.label) {\n      args.label = context.label;\n    } else {\n      // Context will always start out null, so we need to stub out some aria attributes\n      // FIXME: This is a hack to get the form field to work, but it's not the best solution\n      // FIXME: We should find a better way to handle this by redesigning the FormField component's structure\n      args[\"aria-label\"] = \"empty-label\";\n      args[\"aria-labelledby\"] = \"empty-label\";\n    }\n\n    return args;\n  }, [id, context.description, context.error, context.label]);\n\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n    useField(useFieldArgs);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }));\n  }, [isInvalid, isRequired, isDisabled, isReadOnly]);\n\n  const inputProps = useMemo(\n    () => ({\n      ...fieldProps,\n      isInvalid,\n      isRequired,\n      isDisabled,\n      isReadOnly,\n    }),\n    [fieldProps, isInvalid, isRequired, isDisabled, isReadOnly]\n  );\n\n  const contextValue = useMemo(() => ({ context, setContext }), [context]);\n\n  return (\n    <FormFieldContext.Provider value={contextValue}>\n      <FormFieldRootSlot ref={ref} {...props}>\n        {context.label && (\n          <FormFieldLabelSlot {...context.labelSlotProps}>\n            <label {...labelProps}>\n              {context.label}\n              {isRequired && <sup aria-hidden=\"true\">*</sup>}\n            </label>\n            {context.info && (\n              <DialogTrigger>\n                <Box\n                  as=\"span\"\n                  display=\"inline-block\"\n                  position=\"relative\"\n                  width=\"1ch\"\n                  height=\"1ch\"\n                  ml=\"200\"\n                >\n                  <Box\n                    as=\"span\"\n                    display=\"inline-flex\"\n                    position=\"absolute\"\n                    top=\"50%\"\n                    right=\"50%\"\n                    transform=\"translate(50%, -50%)\"\n                  >\n                    <IconButton\n                      aria-label=\"__MORE INFO\"\n                      size=\"2xs\"\n                      colorPalette=\"info\"\n                      variant=\"link\"\n                    >\n                      <HelpOutline />\n                    </IconButton>\n                  </Box>\n                </Box>\n                <Popover>\n                  <FormFieldPopoverSlot asChild>\n                    <Dialog>\n                      <Box p=\"300\">{context.info}</Box>\n                    </Dialog>\n                  </FormFieldPopoverSlot>\n                </Popover>\n              </DialogTrigger>\n            )}\n          </FormFieldLabelSlot>\n        )}\n        {context.input && (\n          <FormFieldInputSlot {...context.inputSlotProps}>\n            {Children.map(context.input, (child) => {\n              // Important: Check if the child is a valid React element before cloning.\n              if (isValidElement(child)) {\n                return cloneElement(child, inputProps);\n              }\n              // If it's not a valid element (e.g., text node, null, undefined), return it as is.\n              return child;\n            })}\n          </FormFieldInputSlot>\n        )}\n        {context.description && (\n          <FormFieldDescriptionSlot\n            {...descriptionProps}\n            {...context.descriptionSlotProps}\n          >\n            {context.description}\n          </FormFieldDescriptionSlot>\n        )}\n        {isInvalid && context.error && (\n          <FormFieldErrorSlot\n            {...errorMessageProps}\n            {...context.errorSlotProps}\n          >\n            <Box\n              as={ErrorOutline}\n              display=\"inline-flex\"\n              boxSize=\"400\"\n              verticalAlign=\"text-bottom\"\n              mr=\"100\"\n              alignSelf=\"center\"\n            />\n            {context.error}\n          </FormFieldErrorSlot>\n        )}\n        {children}\n      </FormFieldRootSlot>\n    </FormFieldContext.Provider>\n  );\n};\n\nFormFieldRoot.displayName = \"FormField.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldLabelSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Label - The label element for the form field\n *\n * @supportsStyleProps\n */\n// TODO: should this be wrapped in react-aria's `LabelContext` provider?, e.g. https://react-spectrum.adobe.com/react-aria/TextField.html#custom-children\nexport const FormFieldLabel = ({\n  children,\n  ...labelSlotProps\n}: FormFieldLabelSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      label: children,\n      labelSlotProps,\n    }));\n\n    // Cleanup: clear label when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        label: null,\n        labelSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldLabel.displayName = \"FormField.Label\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldInputSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Input - The input wrapper element for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldInput = ({\n  children,\n  ...inputSlotProps\n}: FormFieldInputSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      input: children,\n      inputSlotProps,\n    }));\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldInput.displayName = \"FormField.Input\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldDescriptionSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Description - The description element for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldDescription = ({\n  children,\n  ...descriptionSlotProps\n}: FormFieldDescriptionSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      description: children,\n      descriptionSlotProps,\n    }));\n\n    // Cleanup: clear description when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        description: null,\n        descriptionSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldDescription.displayName = \"FormField.Description\";\n","import { useContext, useEffect } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\nimport type { FormFieldErrorSlotProps } from \"../form-field.types\";\n\n/**\n * FormField.Error - The error message element for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldError = ({\n  children,\n  ...errorSlotProps\n}: FormFieldErrorSlotProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      error: children,\n      errorSlotProps,\n    }));\n\n    // Cleanup: clear error when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        error: null,\n        errorSlotProps: undefined,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldError.displayName = \"FormField.Error\";\n","import { useContext, useEffect, type ReactNode } from \"react\";\nimport { FormFieldContext } from \"./form-field.context\";\n\ntype FormFieldInfoBoxProps = {\n  /**\n   * The content to display in the InfoBox\n   */\n  children: ReactNode;\n};\n\n/**\n * FormField.InfoBox - The info box popover content for the form field\n *\n * @supportsStyleProps\n */\nexport const FormFieldInfoBox = ({ children }: FormFieldInfoBoxProps) => {\n  const { setContext } = useContext(FormFieldContext);\n\n  useEffect(() => {\n    setContext((prevContext) => ({\n      ...prevContext,\n      info: children,\n    }));\n\n    // Cleanup: clear info when component unmounts\n    return () => {\n      setContext((prevContext) => ({\n        ...prevContext,\n        info: null,\n      }));\n    };\n  }, [children, setContext]);\n\n  return null;\n};\n\nFormFieldInfoBox.displayName = \"FormField.InfoBox\";\n","import {\n  FormFieldRoot,\n  FormFieldLabel,\n  FormFieldInput,\n  FormFieldDescription,\n  FormFieldError,\n  FormFieldInfoBox,\n} from \"./components\";\n\nexport const FormField = {\n  /**\n   * # FormField.Root\n   *\n   * The root container for the form field that provides context and state management\n   * for all child components. Handles React Aria integration for accessibility,\n   * manages field state (required, invalid, disabled, readonly), and coordinates\n   * rendering of label, input, description, and error elements.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root isRequired isInvalid>\n   *   <FormField.Label>Username</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Description>Enter your username</FormField.Description>\n   *   <FormField.Error>Username is required</FormField.Error>\n   * </FormField.Root>\n   * ```\n   */\n  Root: FormFieldRoot,\n\n  /**\n   * # FormField.Label\n   *\n   * The label element for the form field. Automatically associates with the input\n   * via React Aria and displays a required indicator when the field is required.\n   * Supports an optional info box trigger for additional field information.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Email Address</FormField.Label>\n   *   <FormField.InfoBox>\n   *     Your email will be used for account notifications\n   *   </FormField.InfoBox>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  Label: FormFieldLabel,\n\n  /**\n   * # FormField.Input\n   *\n   * The input wrapper element that receives and displays the actual input component.\n   * Automatically clones children and passes accessibility props, validation state,\n   * and field attributes from React Aria.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Password</FormField.Label>\n   *   <FormField.Input>\n   *     <PasswordInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  Input: FormFieldInput,\n\n  /**\n   * # FormField.Description\n   *\n   * The description element that provides helpful information about the field.\n   * Automatically associates with the input via `aria-describedby` for screen readers.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>Username</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Description>\n   *     Must be 3-20 characters, letters and numbers only\n   *   </FormField.Description>\n   * </FormField.Root>\n   * ```\n   */\n  Description: FormFieldDescription,\n\n  /**\n   * # FormField.Error\n   *\n   * The error message element that displays validation errors. Only visible when\n   * the field is invalid. Automatically associates with the input via\n   * `aria-errormessage` and includes an error icon.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root isInvalid>\n   *   <FormField.Label>Email</FormField.Label>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   *   <FormField.Error>Please enter a valid email address</FormField.Error>\n   * </FormField.Root>\n   * ```\n   */\n  Error: FormFieldError,\n\n  /**\n   * # FormField.InfoBox\n   *\n   * The info box content that appears in a popover when the help icon next to\n   * the label is clicked. Use for additional context or instructions that don't\n   * need to be visible by default.\n   *\n   * @example\n   * ```tsx\n   * <FormField.Root>\n   *   <FormField.Label>API Key</FormField.Label>\n   *   <FormField.InfoBox>\n   *     Your API key can be found in your account settings.\n   *     Keep it secure and never share it publicly.\n   *   </FormField.InfoBox>\n   *   <FormField.Input>\n   *     <TextInput />\n   *   </FormField.Input>\n   * </FormField.Root>\n   * ```\n   */\n  InfoBox: FormFieldInfoBox,\n};\n\nexport {\n  FormFieldRoot as _FormFieldRoot,\n  FormFieldLabel as _FormFieldLabel,\n  FormFieldInput as _FormFieldInput,\n  FormFieldDescription as _FormFieldDescription,\n  FormFieldError as _FormFieldError,\n  FormFieldInfoBox as _FormFieldInfoBox,\n};\n"],"names":["FormFieldContext","createContext","withProvider","withContext","createSlotRecipeContext","FormFieldRootSlot","FormFieldLabelSlot","FormFieldInputSlot","FormFieldDescriptionSlot","FormFieldErrorSlot","FormFieldPopoverSlot","FormFieldRoot","forwardedRef","id","isInvalid","isRequired","isDisabled","isReadOnly","children","props","localRef","useRef","ref","useObjectRef","mergeRefs","context","setContext","useState","useFieldArgs","useMemo","args","labelProps","fieldProps","descriptionProps","errorMessageProps","useField","useEffect","prevContext","inputProps","contextValue","jsx","jsxs","DialogTrigger","Box","IconButton","HelpOutline","Popover","Dialog","Children","child","isValidElement","cloneElement","ErrorOutline","FormFieldLabel","labelSlotProps","useContext","FormFieldInput","inputSlotProps","FormFieldDescription","descriptionSlotProps","FormFieldError","errorSlotProps","FormFieldInfoBox","FormField"],"mappings":"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"}

package/dist/chunks/form-field-lALRYL6D.cjs.js

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