@commercetools/nimbus 3.0.0 → 3.2.0

package/dist/chunks/drawer-bxGNjfqv.cjs

@@ -0,0 +1,2 @@
+const e=require("./SSRProvider-z3ddXNrm.cjs.js"),t=require("./Dialog-CKEw-ul4.cjs.js"),n=require("./Modal-wR2INhB2.cjs.js"),r=require("./Button-1hWj0x5_.cjs.js"),i=require("./icon-button-DJxT-1uM.cjs.js"),a=require("./normalize-messages-BMIBfw4v.cjs.js"),o=require("./heading-BiA2hLSk.cjs.js"),s=require("./theme-COAfGfIg.cjs.js"),c=require("./extract-style-props-CVl34XLj.cjs.js");let l=require("react");l=e.i(l,1);let u=require("react/jsx-runtime"),d=require("@commercetools/nimbus-icons"),f=require("@chakra-ui/react/styled-system");var{withProvider:p,withContext:m}=(0,f.createSlotRecipeContext)({key:`nimbusDrawer`}),h=p(`div`,`root`),g=m(`button`,`trigger`),_=m(`div`,`modalOverlay`),v=m(`div`,`modal`),y=m(`div`,`content`),b=m(`header`,`header`),x=m(`div`,`body`),S=m(`footer`,`footer`),C=m(`h2`,`title`),w=m(`div`,`closeTrigger`),T=(0,l.createContext)(void 0),E=()=>{let e=(0,l.useContext)(T);if(!e)throw Error(`useDrawerContext must be used within Drawer.Root`);return e},D=({children:e,value:t})=>(0,u.jsx)(T,{value:t,children:e}),O=e=>{let[n]=(0,f.useSlotRecipe)({recipe:s.p}).splitVariantProps(e),{children:r,isOpen:i,onOpenChange:a,defaultOpen:o=!1}=e,c=(0,u.jsx)(h,{...n,children:r}),d=l.default.Children.toArray(r).some(e=>{if(l.default.isValidElement(e)&&typeof e.type==`function`){let t=e.type?.displayName;return t===`DrawerTrigger`||t===`Drawer.Trigger`}return!1});return(0,u.jsx)(D,{value:{...e,hasDrawerTrigger:d},children:d?(0,u.jsx)(t.t,{isOpen:i,onOpenChange:a,defaultOpen:o,children:c}):c})};O.displayName=`Drawer.Root`;var k=({ref:e,children:t,asChild:n,...i})=>{if(n)return(0,u.jsx)(f.chakra.button,{ref:e,asChild:!0,...i,children:t});let[a,o]=c.t(i);return(0,u.jsx)(g,{...a,asChild:!0,children:(0,u.jsx)(r.n,{ref:e,...o,children:t})})};k.displayName=`Drawer.Trigger`;var A=e=>{let{ref:r,children:i,...a}=e,{hasDrawerTrigger:o,isDismissable:s=!0,isKeyboardDismissDisabled:l,shouldCloseOnInteractOutside:d,isOpen:f,onOpenChange:p,defaultOpen:m}=E(),h=o?{isDismissable:s,isKeyboardDismissDisabled:l,shouldCloseOnInteractOutside:d}:{isDismissable:s,isKeyboardDismissDisabled:l,shouldCloseOnInteractOutside:d,isOpen:f,onOpenChange:p,defaultOpen:m},[g,b]=c.t(a);return(0,u.jsx)(_,{asChild:!0,children:(0,u.jsx)(n.n,{...h,children:(0,u.jsx)(v,{asChild:!0,children:(0,u.jsx)(n.t,{children:(0,u.jsx)(y,{asChild:!0,...g,children:(0,u.jsx)(t.n,{ref:r,...b,children:i})})})})})})};A.displayName=`Drawer.Content`;var j=e=>{let{ref:t,children:n,...r}=e;return(0,u.jsx)(b,{ref:t,...r,children:n})};j.displayName=`Drawer.Header`;var M=e=>{let{ref:t,children:n,...r}=e;return(0,u.jsx)(x,{ref:t,tabIndex:0,...r,children:n})};M.displayName=`Drawer.Body`;var N=e=>{let{ref:t,children:n,...r}=e;return(0,u.jsx)(S,{ref:t,...r,children:n})};N.displayName=`Drawer.Footer`;var P=e=>{let{ref:t,children:n,...r}=e;return(0,u.jsx)(C,{asChild:!0,...r,children:(0,u.jsx)(o.t,{ref:t,slot:`title`,as:`h2`,textStyle:`lg`,children:n})})};P.displayName=`Drawer.Title`;var F={en:a.t({closeTrigger:`Close drawer`}),de:a.t({closeTrigger:`Schublade schließen`}),es:a.t({closeTrigger:`Cerrar bandeja`}),"fr-FR":a.t({closeTrigger:`Fermer le volet`}),"pt-BR":a.t({closeTrigger:`Fechar gaveta`})},I=e=>{let t=a.n(F),{ref:n,"aria-label":r,...o}=e;return(0,u.jsx)(w,{children:(0,u.jsx)(i.t,{ref:n,slot:`close`,size:`xs`,variant:`ghost`,"aria-label":r||t.format(`closeTrigger`),...o,children:(0,u.jsx)(d.Close,{})})})};I.displayName=`Drawer.CloseTrigger`;var L={Root:O,Trigger:k,Content:A,Header:j,Body:M,Footer:N,Title:P,CloseTrigger:I};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return L}});
+//# sourceMappingURL=drawer-bxGNjfqv.cjs.js.map

package/dist/chunks/drawer-bxGNjfqv.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-bxGNjfqv.cjs.js","names":[],"sources":["../../src/components/drawer/drawer.slots.tsx","../../src/components/drawer/components/drawer.context.tsx","../../src/components/drawer/components/drawer.root.tsx","../../src/components/drawer/components/drawer.trigger.tsx","../../src/components/drawer/components/drawer.content.tsx","../../src/components/drawer/components/drawer.header.tsx","../../src/components/drawer/components/drawer.body.tsx","../../src/components/drawer/components/drawer.footer.tsx","../../src/components/drawer/components/drawer.title.tsx","../../src/components/drawer/intl/en.ts","../../src/components/drawer/intl/de.ts","../../src/components/drawer/intl/es.ts","../../src/components/drawer/intl/fr-FR.ts","../../src/components/drawer/intl/pt-BR.ts","../../src/components/drawer/drawer.messages.ts","../../src/components/drawer/components/drawer.close-trigger.tsx","../../src/components/drawer/drawer.tsx"],"sourcesContent":["import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusDrawer\",\n});\n\n// Root slot - provides recipe context + config to all child components\nexport type DrawerRootSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerRootSlot = withProvider<HTMLDivElement, DrawerRootSlotProps>(\n  \"div\",\n  \"root\"\n);\n\n// Trigger slot - button that opens the drawer\nexport type DrawerTriggerSlotProps = HTMLChakraProps<\"button\">;\nexport const DrawerTriggerSlot = withContext<\n  HTMLButtonElement,\n  DrawerTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Backdrop slot - overlay displayed behind the drawer\nexport type DrawerModalOverlaySlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerModalOverlaySlot = withContext<\n  HTMLDivElement,\n  DrawerModalOverlaySlotProps\n>(\"div\", \"modalOverlay\");\n\n// modal slot - positions the drawer content\nexport type DrawerModalSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerModalSlot = withContext<\n  HTMLDivElement,\n  DrawerModalSlotProps\n>(\"div\", \"modal\");\n\n// Content slot - main drawer container\nexport type DrawerContentSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerContentSlot = withContext<\n  HTMLDivElement,\n  DrawerContentSlotProps\n>(\"div\", \"content\");\n\n// Header slot - drawer header section\nexport type DrawerHeaderSlotProps = HTMLChakraProps<\"header\">;\nexport const DrawerHeaderSlot = withContext<HTMLElement, DrawerHeaderSlotProps>(\n  \"header\",\n  \"header\"\n);\n\n// Body slot - drawer body content\nexport type DrawerBodySlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerBodySlot = withContext<HTMLDivElement, DrawerBodySlotProps>(\n  \"div\",\n  \"body\"\n);\n\n// Footer slot - drawer footer section with actions\nexport type DrawerFooterSlotProps = HTMLChakraProps<\"footer\">;\nexport const DrawerFooterSlot = withContext<HTMLElement, DrawerFooterSlotProps>(\n  \"footer\",\n  \"footer\"\n);\n\n// Title slot - accessible drawer title\nexport type DrawerTitleSlotProps = HTMLChakraProps<\"h2\">;\nexport const DrawerTitleSlot = withContext<\n  HTMLHeadingElement,\n  DrawerTitleSlotProps\n>(\"h2\", \"title\");\n\n// Close trigger slot - div container for positioning close button\nexport type DrawerCloseTriggerSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerCloseTriggerSlot = withContext<\n  HTMLDivElement,\n  DrawerCloseTriggerSlotProps\n>(\"div\", \"closeTrigger\");\n","import { createContext, useContext } from \"react\";\nimport type { DrawerRootProps } from \"../drawer.types\";\n\n/**\n * Context value containing drawer configuration passed from Root to child components\n */\nexport type DrawerContextValue = DrawerRootProps & {\n  /**\n   * Internal flag indicating whether the drawer has a Drawer.Trigger component.\n   * Used by DrawerContent to determine whether DialogTrigger is managing state.\n   */\n  hasDrawerTrigger?: boolean;\n};\n\nexport const DrawerContext = createContext<DrawerContextValue | undefined>(\n  undefined\n);\n\n/**\n * Hook to access drawer configuration from DrawerContext\n * @returns Drawer configuration from context\n * @throws Error if used outside of Drawer.Root\n */\nexport const useDrawerRootContext = (): DrawerContextValue => {\n  const context = useContext(DrawerContext);\n  if (!context) {\n    throw new Error(\"useDrawerContext must be used within Drawer.Root\");\n  }\n  return context;\n};\n\n/**\n * Provider component that passes drawer configuration down to child components\n */\nexport const DrawerProvider = ({\n  children,\n  value,\n}: {\n  children: React.ReactNode;\n  value: DrawerContextValue;\n}) => {\n  return <DrawerContext value={value}>{children}</DrawerContext>;\n};\n","import React from \"react\";\nimport { DialogTrigger as RaDialogTrigger } from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DrawerRootSlot } from \"../drawer.slots\";\nimport type { DrawerRootProps } from \"../drawer.types\";\nimport { DrawerProvider } from \"./drawer.context\";\nimport { drawerSlotRecipe } from \"../drawer.recipe\";\n\nexport const DrawerRoot = (props: DrawerRootProps) => {\n  const recipe = useSlotRecipe({ recipe: drawerSlotRecipe });\n  // Extract recipe props\n  const [recipeProps] = recipe.splitVariantProps(props);\n  // Extract props that are usable on RaDialogTrigger\n  const { children, isOpen, onOpenChange, defaultOpen = false } = props;\n\n  const content = <DrawerRootSlot {...recipeProps}>{children}</DrawerRootSlot>;\n\n  // Check if any child is a Drawer.Trigger component\n  // React Aria's DialogTrigger needs a pressable child, so we only use it when there's a trigger\n  const hasDrawerTrigger = React.Children.toArray(children).some((child) => {\n    if (React.isValidElement(child) && typeof child.type === \"function\") {\n      const displayName = (\n        child.type as React.ComponentType & { displayName?: string }\n      )?.displayName;\n      return (\n        displayName === \"DrawerTrigger\" || displayName === \"Drawer.Trigger\"\n      );\n    }\n    return false;\n  });\n\n  // Share all props (config + variant props) with the Drawer subcomponents\n  // Also pass hasDrawerTrigger so DrawerContent knows whether to manage its own state\n  return (\n    <DrawerProvider value={{ ...props, hasDrawerTrigger }}>\n      {hasDrawerTrigger ? (\n        // When there's a Drawer.Trigger, use DialogTrigger for React Aria integration\n        <RaDialogTrigger\n          isOpen={isOpen}\n          onOpenChange={onOpenChange}\n          defaultOpen={defaultOpen}\n        >\n          {content}\n        </RaDialogTrigger>\n      ) : (\n        // When no Drawer.Trigger, skip DialogTrigger to avoid the warning\n        content\n      )}\n    </DrawerProvider>\n  );\n};\n\nDrawerRoot.displayName = \"Drawer.Root\";\n","import { Button as RaButton } from \"react-aria-components\";\nimport { DrawerTriggerSlot } from \"../drawer.slots\";\nimport type { DrawerTriggerProps } from \"../drawer.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Drawer.Trigger - The trigger element that opens the drawer when activated\n *\n * @supportsStyleProps\n */\nexport const DrawerTrigger = ({\n  ref: forwardedRef,\n  children,\n  asChild,\n  ...props\n}: DrawerTriggerProps) => {\n  // If asChild is true, wrap children directly in RaButton with asChild\n  if (asChild) {\n    return (\n      <chakra.button ref={forwardedRef} asChild {...props}>\n        {children}\n      </chakra.button>\n    );\n  }\n\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  // Otherwise, wrap with both DrawerTriggerSlot and RaButton\n  // Only pass React Aria compatible props to avoid type conflicts\n  return (\n    <DrawerTriggerSlot {...styleProps} asChild>\n      <RaButton ref={forwardedRef} {...restProps}>\n        {children}\n      </RaButton>\n    </DrawerTriggerSlot>\n  );\n};\n\nDrawerTrigger.displayName = \"Drawer.Trigger\";\n","import {\n  Modal as RaModal,\n  ModalOverlay as RaModalOverlay,\n  Dialog as RaDialog,\n} from \"react-aria-components\";\nimport {\n  DrawerModalOverlaySlot,\n  DrawerModalSlot,\n  DrawerContentSlot,\n} from \"../drawer.slots\";\nimport type { DrawerContentProps } from \"../drawer.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useDrawerRootContext } from \"./drawer.context\";\n\n/**\n * Drawer.Content - The main drawer content container\n *\n * @supportsStyleProps\n */\nexport const DrawerContent = (props: DrawerContentProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  // Get configuration from context\n  const {\n    hasDrawerTrigger,\n    isDismissable = true, // Default to true so clicking outside closes the drawer\n    isKeyboardDismissDisabled,\n    shouldCloseOnInteractOutside,\n    isOpen,\n    onOpenChange,\n    defaultOpen,\n  } = useDrawerRootContext();\n\n  // When there's a Drawer.Trigger, DialogTrigger manages state via React Context\n  // When there's NO Drawer.Trigger, ModalOverlay must manage its own state\n  const modalProps = hasDrawerTrigger\n    ? {\n        // With trigger: Only pass dismissal props, state is managed by DialogTrigger\n        isDismissable,\n        isKeyboardDismissDisabled,\n        shouldCloseOnInteractOutside,\n      }\n    : {\n        // Without trigger: Pass state management props to ModalOverlay\n        isDismissable,\n        isKeyboardDismissDisabled,\n        shouldCloseOnInteractOutside,\n        isOpen,\n        onOpenChange,\n        defaultOpen,\n      };\n\n  const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n  return (\n    <DrawerModalOverlaySlot asChild>\n      <RaModalOverlay {...modalProps}>\n        <DrawerModalSlot asChild>\n          <RaModal>\n            <DrawerContentSlot asChild {...styleProps}>\n              <RaDialog ref={forwardedRef} {...functionalProps}>\n                {children}\n              </RaDialog>\n            </DrawerContentSlot>\n          </RaModal>\n        </DrawerModalSlot>\n      </RaModalOverlay>\n    </DrawerModalOverlaySlot>\n  );\n};\n\nDrawerContent.displayName = \"Drawer.Content\";\n","import { DrawerHeaderSlot } from \"../drawer.slots\";\nimport type { DrawerHeaderProps } from \"../drawer.types\";\n\n/**\n * Drawer.Header - The header section of the drawer\n *\n * @supportsStyleProps\n */\nexport const DrawerHeader = (props: DrawerHeaderProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerHeaderSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DrawerHeaderSlot>\n  );\n};\n\nDrawerHeader.displayName = \"Drawer.Header\";\n","import { DrawerBodySlot } from \"../drawer.slots\";\nimport type { DrawerBodyProps } from \"../drawer.types\";\n\n/**\n * Drawer.Body - The main body content section of the drawer\n *\n * @supportsStyleProps\n */\nexport const DrawerBody = (props: DrawerBodyProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const defaultProps = {\n    /**\n     * Set tabIndex to 0 to allow the body to receive focus,\n     * effectively enabling scrolling via keyboard arrow keys.\n     */\n    tabIndex: 0,\n  };\n\n  return (\n    <DrawerBodySlot ref={forwardedRef} {...defaultProps} {...restProps}>\n      {children}\n    </DrawerBodySlot>\n  );\n};\n\nDrawerBody.displayName = \"Drawer.Body\";\n","import { DrawerFooterSlot } from \"../drawer.slots\";\nimport type { DrawerFooterProps } from \"../drawer.types\";\n\n/**\n * Drawer.Footer - The footer section of the drawer\n *\n * @supportsStyleProps\n */\nexport const DrawerFooter = (props: DrawerFooterProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerFooterSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DrawerFooterSlot>\n  );\n};\n\nDrawerFooter.displayName = \"Drawer.Footer\";\n","import { DrawerTitleSlot } from \"../drawer.slots\";\nimport type { DrawerTitleProps } from \"../drawer.types\";\nimport { Heading } from \"@/components\";\n\n/**\n * Drawer.Title - The accessible title element for the drawer\n *\n * @supportsStyleProps\n */\nexport const DrawerTitle = (props: DrawerTitleProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerTitleSlot asChild {...restProps}>\n      <Heading ref={forwardedRef} slot=\"title\" as=\"h2\" textStyle=\"lg\">\n        {children}\n      </Heading>\n    </DrawerTitleSlot>\n  );\n};\n\nDrawerTitle.displayName = \"Drawer.Title\";\n","/**\n * Pre-compiled en messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Close drawer` };\n","/**\n * Pre-compiled de messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Schublade schließen` };\n","/**\n * Pre-compiled es messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Cerrar bandeja` };\n","/**\n * Pre-compiled fr-FR messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Fermer le volet` };\n","/**\n * Pre-compiled pt-BR messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Fechar gaveta` };\n","/**\n * Pre-compiled localized messages for Drawer component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport drawerMessages_en from \"./intl/en\";\nimport drawerMessages_de from \"./intl/de\";\nimport drawerMessages_es from \"./intl/es\";\nimport drawerMessages_fr from \"./intl/fr-FR\";\nimport drawerMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const drawerMessagesStrings: LocalizedStrings<string, LocalizedString> =\n  {\n    en: normalizeMessages(drawerMessages_en),\n    de: normalizeMessages(drawerMessages_de),\n    es: normalizeMessages(drawerMessages_es),\n    \"fr-FR\": normalizeMessages(drawerMessages_fr),\n    \"pt-BR\": normalizeMessages(drawerMessages_pt),\n  } as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Drawer component\n */\nexport type DrawerMessageKey = \"closeTrigger\";\n","import { Close } from \"@commercetools/nimbus-icons\";\nimport { DrawerCloseTriggerSlot } from \"../drawer.slots\";\nimport type { DrawerCloseTriggerProps } from \"../drawer.types\";\nimport { IconButton } from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { drawerMessagesStrings } from \"../drawer.messages\";\n\n/**\n * Drawer.CloseTrigger - A button that closes the drawer when activated\n *\n * @supportsStyleProps\n */\nexport const DrawerCloseTrigger = (props: DrawerCloseTriggerProps) => {\n  const msg = useLocalizedStringFormatter(drawerMessagesStrings);\n  const { ref: forwardedRef, \"aria-label\": ariaLabel, ...restProps } = props;\n\n  return (\n    <DrawerCloseTriggerSlot>\n      <IconButton\n        ref={forwardedRef}\n        slot=\"close\"\n        size=\"xs\"\n        variant=\"ghost\"\n        aria-label={ariaLabel || msg.format(\"closeTrigger\")}\n        {...restProps}\n      >\n        <Close />\n      </IconButton>\n    </DrawerCloseTriggerSlot>\n  );\n};\n\nDrawerCloseTrigger.displayName = \"Drawer.CloseTrigger\";\n","import { DrawerRoot } from \"./components/drawer.root\";\nimport { DrawerTrigger } from \"./components/drawer.trigger\";\nimport { DrawerContent } from \"./components/drawer.content\";\nimport { DrawerHeader } from \"./components/drawer.header\";\nimport { DrawerBody } from \"./components/drawer.body\";\nimport { DrawerFooter } from \"./components/drawer.footer\";\nimport { DrawerTitle } from \"./components/drawer.title\";\nimport { DrawerCloseTrigger } from \"./components/drawer.close-trigger\";\n\n/**\n * Drawer\n * ============================================================\n * A foundational drawer component for overlays that require user attention.\n * Built for accessibility and WCAG 2.1 AA compliance.\n *\n * Features:\n * - Controlled and uncontrolled modes\n * - Customizable placement, size, and animations\n * - Focus management and keyboard navigation\n * - Click-outside and Escape key dismissal\n * - Portal rendering support\n * - Backdrop overlay with animations\n *\n * @example\n * ```tsx\n * <Drawer.Root>\n *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n *   <Drawer.Content size=\"md\" placement=\"center\">\n *     <Drawer.Header>\n *       <Drawer.Title>Drawer Title</Drawer.Title>\n *       <Drawer.CloseTrigger>×</Drawer.CloseTrigger>\n *     </Drawer.Header>\n *     <Drawer.Body>\n *       Drawer content goes here\n *     </Drawer.Body>\n *     <Drawer.Footer>\n *       <button>Cancel</button>\n *       <button>Save</button>\n *     </Drawer.Footer>\n *   </Drawer.Content>\n * </Drawer.Root>\n * ```\n * @see https://nimbus-documentation.vercel.app/components/feedback/drawer\n */\nexport const Drawer = {\n  /**\n   * # Drawer.Root\n   *\n   * The root component that provides context and state management for the drawer.\n   * Handles accessibility and keyboard interaction.\n   *\n   * This component must wrap all drawer parts (Trigger, Content, etc.) and provides\n   * the drawer open/close state and variant styling context.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>\n   *     <Drawer.Header>\n   *       <Drawer.Title>Drawer Title</Drawer.Title>\n   *     </Drawer.Header>\n   *     <Drawer.Body>Drawer content</Drawer.Body>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Root: DrawerRoot,\n  /**\n   * # Drawer.Trigger\n   *\n   * The trigger element that opens the drawer when activated.\n   * Provides accessibility and keyboard support.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>...</Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Trigger: DrawerTrigger,\n  /**\n   * # Drawer.Content\n   *\n   * The main drawer content container that handles portalling, backdrop,\n   * positioning, and content styling.\n   *\n   * This component creates the drawer overlay, positions the content, and provides\n   * accessibility features like focus management and keyboard dismissal.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content size=\"md\" placement=\"center\">\n   *     <Drawer.Header>\n   *       <Drawer.Title>Title</Drawer.Title>\n   *     </Drawer.Header>\n   *     <Drawer.Body>Content</Drawer.Body>\n   *     <Drawer.Footer>Actions</Drawer.Footer>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Content: DrawerContent,\n  /**\n   * # Drawer.Header\n   *\n   * The header section of the drawer content.\n   * Typically contains the title and close button.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>\n   *     <Drawer.Title>Drawer Title</Drawer.Title>\n   *     <Drawer.CloseTrigger />\n   *   </Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   * </Drawer.Content>\n   * ```\n   */\n  Header: DrawerHeader,\n  /**\n   * # Drawer.Body\n   *\n   * The main body content section of the drawer.\n   * Contains the primary drawer content and handles overflow/scrolling.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>...</Drawer.Header>\n   *   <Drawer.Body>\n   *     <p>This is the main content of the drawer.</p>\n   *   </Drawer.Body>\n   *   <Drawer.Footer>...</Drawer.Footer>\n   * </Drawer.Content>\n   * ```\n   */\n  Body: DrawerBody,\n  /**\n   * # Drawer.Footer\n   *\n   * The footer section of the drawer, typically containing action buttons.\n   * Provides consistent spacing and alignment for drawer actions.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>...</Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   *   <Drawer.Footer>\n   *     <Button variant=\"outline\">Cancel</Button>\n   *     <Button>Confirm</Button>\n   *   </Drawer.Footer>\n   * </Drawer.Content>\n   * ```\n   */\n  Footer: DrawerFooter,\n  /**\n   * # Drawer.Title\n   *\n   * The accessible title element for the drawer.\n   * Provides proper accessibility and screen reader support.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>\n   *     <Drawer.Title>Confirm Action</Drawer.Title>\n   *   </Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   * </Drawer.Content>\n   * ```\n   */\n  Title: DrawerTitle,\n  /**\n   * # Drawer.CloseTrigger\n   *\n   * A button that closes the drawer when activated.\n   * Displays an IconButton with a close (X) icon by default.\n   *\n   * The component automatically handles the close behavior,\n   * so no additional onPress handler is needed.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>\n   *     <Drawer.Header>\n   *       <Drawer.Title>Title</Drawer.Title>\n   *       <Drawer.CloseTrigger aria-label=\"Close drawer\" />\n   *     </Drawer.Header>\n   *     <Drawer.Body>Content</Drawer.Body>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  CloseTrigger: DrawerCloseTrigger,\n};\n\n// Internal exports for react-docgen\nexport {\n  DrawerRoot as _DrawerRoot,\n  DrawerTrigger as _DrawerTrigger,\n  DrawerContent as _DrawerContent,\n  DrawerHeader as _DrawerHeader,\n  DrawerBody as _DrawerBody,\n  DrawerFooter as _DrawerFooter,\n  DrawerTitle as _DrawerTitle,\n  DrawerCloseTrigger as _DrawerCloseTrigger,\n};\n"],"mappings":"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"}

package/dist/chunks/drawer-kupvdMWj.esm.js

@@ -0,0 +1,189 @@
+import { n as e, t } from "./Dialog-Bz1VofkM.esm.js";
+import { n, t as r } from "./Modal-CEjlYSfY.esm.js";
+import { n as i } from "./Button-BS6XRDWw.esm.js";
+import { t as a } from "./icon-button-D0cEzjex.esm.js";
+import { n as o, t as s } from "./normalize-messages-CKl8ms10.esm.js";
+import { t as c } from "./heading-Bf0XwaRf.esm.js";
+import { p as l } from "./theme-CwhQYvW9.esm.js";
+import { t as u } from "./extract-style-props-4RoFSvGV.esm.js";
+import d, { createContext as f, useContext as p } from "react";
+import { jsx as m } from "react/jsx-runtime";
+import { Close as h } from "@commercetools/nimbus-icons";
+import { chakra as g, createSlotRecipeContext as _, useSlotRecipe as v } from "@chakra-ui/react/styled-system";
+//#region src/components/drawer/drawer.slots.tsx
+var { withProvider: y, withContext: b } = _({ key: "nimbusDrawer" }), x = y("div", "root"), S = b("button", "trigger"), C = b("div", "modalOverlay"), w = b("div", "modal"), T = b("div", "content"), E = b("header", "header"), D = b("div", "body"), O = b("footer", "footer"), k = b("h2", "title"), A = b("div", "closeTrigger"), j = f(void 0), M = () => {
+	let e = p(j);
+	if (!e) throw Error("useDrawerContext must be used within Drawer.Root");
+	return e;
+}, N = ({ children: e, value: t }) => /* @__PURE__ */ m(j, {
+	value: t,
+	children: e
+}), P = (e) => {
+	let [n] = v({ recipe: l }).splitVariantProps(e), { children: r, isOpen: i, onOpenChange: a, defaultOpen: o = !1 } = e, s = /* @__PURE__ */ m(x, {
+		...n,
+		children: r
+	}), c = d.Children.toArray(r).some((e) => {
+		if (d.isValidElement(e) && typeof e.type == "function") {
+			let t = e.type?.displayName;
+			return t === "DrawerTrigger" || t === "Drawer.Trigger";
+		}
+		return !1;
+	});
+	return /* @__PURE__ */ m(N, {
+		value: {
+			...e,
+			hasDrawerTrigger: c
+		},
+		children: c ? /* @__PURE__ */ m(t, {
+			isOpen: i,
+			onOpenChange: a,
+			defaultOpen: o,
+			children: s
+		}) : s
+	});
+};
+P.displayName = "Drawer.Root";
+//#endregion
+//#region src/components/drawer/components/drawer.trigger.tsx
+var F = ({ ref: e, children: t, asChild: n, ...r }) => {
+	if (n) return /* @__PURE__ */ m(g.button, {
+		ref: e,
+		asChild: !0,
+		...r,
+		children: t
+	});
+	let [a, o] = u(r);
+	return /* @__PURE__ */ m(S, {
+		...a,
+		asChild: !0,
+		children: /* @__PURE__ */ m(i, {
+			ref: e,
+			...o,
+			children: t
+		})
+	});
+};
+F.displayName = "Drawer.Trigger";
+//#endregion
+//#region src/components/drawer/components/drawer.content.tsx
+var I = (t) => {
+	let { ref: i, children: a, ...o } = t, { hasDrawerTrigger: s, isDismissable: c = !0, isKeyboardDismissDisabled: l, shouldCloseOnInteractOutside: d, isOpen: f, onOpenChange: p, defaultOpen: h } = M(), g = s ? {
+		isDismissable: c,
+		isKeyboardDismissDisabled: l,
+		shouldCloseOnInteractOutside: d
+	} : {
+		isDismissable: c,
+		isKeyboardDismissDisabled: l,
+		shouldCloseOnInteractOutside: d,
+		isOpen: f,
+		onOpenChange: p,
+		defaultOpen: h
+	}, [_, v] = u(o);
+	return /* @__PURE__ */ m(C, {
+		asChild: !0,
+		children: /* @__PURE__ */ m(n, {
+			...g,
+			children: /* @__PURE__ */ m(w, {
+				asChild: !0,
+				children: /* @__PURE__ */ m(r, { children: /* @__PURE__ */ m(T, {
+					asChild: !0,
+					..._,
+					children: /* @__PURE__ */ m(e, {
+						ref: i,
+						...v,
+						children: a
+					})
+				}) })
+			})
+		})
+	});
+};
+I.displayName = "Drawer.Content";
+//#endregion
+//#region src/components/drawer/components/drawer.header.tsx
+var L = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ m(E, {
+		ref: t,
+		...r,
+		children: n
+	});
+};
+L.displayName = "Drawer.Header";
+//#endregion
+//#region src/components/drawer/components/drawer.body.tsx
+var R = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ m(D, {
+		ref: t,
+		tabIndex: 0,
+		...r,
+		children: n
+	});
+};
+R.displayName = "Drawer.Body";
+//#endregion
+//#region src/components/drawer/components/drawer.footer.tsx
+var z = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ m(O, {
+		ref: t,
+		...r,
+		children: n
+	});
+};
+z.displayName = "Drawer.Footer";
+//#endregion
+//#region src/components/drawer/components/drawer.title.tsx
+var B = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ m(k, {
+		asChild: !0,
+		...r,
+		children: /* @__PURE__ */ m(c, {
+			ref: t,
+			slot: "title",
+			as: "h2",
+			textStyle: "lg",
+			children: n
+		})
+	});
+};
+B.displayName = "Drawer.Title";
+//#endregion
+//#region src/components/drawer/drawer.messages.ts
+var V = {
+	en: s({ closeTrigger: "Close drawer" }),
+	de: s({ closeTrigger: "Schublade schließen" }),
+	es: s({ closeTrigger: "Cerrar bandeja" }),
+	"fr-FR": s({ closeTrigger: "Fermer le volet" }),
+	"pt-BR": s({ closeTrigger: "Fechar gaveta" })
+}, H = (e) => {
+	let t = o(V), { ref: n, "aria-label": r, ...i } = e;
+	return /* @__PURE__ */ m(A, { children: /* @__PURE__ */ m(a, {
+		ref: n,
+		slot: "close",
+		size: "xs",
+		variant: "ghost",
+		"aria-label": r || t.format("closeTrigger"),
+		...i,
+		children: /* @__PURE__ */ m(h, {})
+	}) });
+};
+H.displayName = "Drawer.CloseTrigger";
+//#endregion
+//#region src/components/drawer/drawer.tsx
+var U = {
+	Root: P,
+	Trigger: F,
+	Content: I,
+	Header: L,
+	Body: R,
+	Footer: z,
+	Title: B,
+	CloseTrigger: H
+};
+//#endregion
+export { R as a, F as c, z as i, P as l, H as n, L as o, B as r, I as s, U as t };
+
+//# sourceMappingURL=drawer-kupvdMWj.esm.js.map

package/dist/chunks/drawer-kupvdMWj.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-kupvdMWj.esm.js","names":[],"sources":["../../src/components/drawer/drawer.slots.tsx","../../src/components/drawer/components/drawer.context.tsx","../../src/components/drawer/components/drawer.root.tsx","../../src/components/drawer/components/drawer.trigger.tsx","../../src/components/drawer/components/drawer.content.tsx","../../src/components/drawer/components/drawer.header.tsx","../../src/components/drawer/components/drawer.body.tsx","../../src/components/drawer/components/drawer.footer.tsx","../../src/components/drawer/components/drawer.title.tsx","../../src/components/drawer/intl/en.ts","../../src/components/drawer/intl/de.ts","../../src/components/drawer/intl/es.ts","../../src/components/drawer/intl/fr-FR.ts","../../src/components/drawer/intl/pt-BR.ts","../../src/components/drawer/drawer.messages.ts","../../src/components/drawer/components/drawer.close-trigger.tsx","../../src/components/drawer/drawer.tsx"],"sourcesContent":["import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusDrawer\",\n});\n\n// Root slot - provides recipe context + config to all child components\nexport type DrawerRootSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerRootSlot = withProvider<HTMLDivElement, DrawerRootSlotProps>(\n  \"div\",\n  \"root\"\n);\n\n// Trigger slot - button that opens the drawer\nexport type DrawerTriggerSlotProps = HTMLChakraProps<\"button\">;\nexport const DrawerTriggerSlot = withContext<\n  HTMLButtonElement,\n  DrawerTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Backdrop slot - overlay displayed behind the drawer\nexport type DrawerModalOverlaySlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerModalOverlaySlot = withContext<\n  HTMLDivElement,\n  DrawerModalOverlaySlotProps\n>(\"div\", \"modalOverlay\");\n\n// modal slot - positions the drawer content\nexport type DrawerModalSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerModalSlot = withContext<\n  HTMLDivElement,\n  DrawerModalSlotProps\n>(\"div\", \"modal\");\n\n// Content slot - main drawer container\nexport type DrawerContentSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerContentSlot = withContext<\n  HTMLDivElement,\n  DrawerContentSlotProps\n>(\"div\", \"content\");\n\n// Header slot - drawer header section\nexport type DrawerHeaderSlotProps = HTMLChakraProps<\"header\">;\nexport const DrawerHeaderSlot = withContext<HTMLElement, DrawerHeaderSlotProps>(\n  \"header\",\n  \"header\"\n);\n\n// Body slot - drawer body content\nexport type DrawerBodySlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerBodySlot = withContext<HTMLDivElement, DrawerBodySlotProps>(\n  \"div\",\n  \"body\"\n);\n\n// Footer slot - drawer footer section with actions\nexport type DrawerFooterSlotProps = HTMLChakraProps<\"footer\">;\nexport const DrawerFooterSlot = withContext<HTMLElement, DrawerFooterSlotProps>(\n  \"footer\",\n  \"footer\"\n);\n\n// Title slot - accessible drawer title\nexport type DrawerTitleSlotProps = HTMLChakraProps<\"h2\">;\nexport const DrawerTitleSlot = withContext<\n  HTMLHeadingElement,\n  DrawerTitleSlotProps\n>(\"h2\", \"title\");\n\n// Close trigger slot - div container for positioning close button\nexport type DrawerCloseTriggerSlotProps = HTMLChakraProps<\"div\">;\nexport const DrawerCloseTriggerSlot = withContext<\n  HTMLDivElement,\n  DrawerCloseTriggerSlotProps\n>(\"div\", \"closeTrigger\");\n","import { createContext, useContext } from \"react\";\nimport type { DrawerRootProps } from \"../drawer.types\";\n\n/**\n * Context value containing drawer configuration passed from Root to child components\n */\nexport type DrawerContextValue = DrawerRootProps & {\n  /**\n   * Internal flag indicating whether the drawer has a Drawer.Trigger component.\n   * Used by DrawerContent to determine whether DialogTrigger is managing state.\n   */\n  hasDrawerTrigger?: boolean;\n};\n\nexport const DrawerContext = createContext<DrawerContextValue | undefined>(\n  undefined\n);\n\n/**\n * Hook to access drawer configuration from DrawerContext\n * @returns Drawer configuration from context\n * @throws Error if used outside of Drawer.Root\n */\nexport const useDrawerRootContext = (): DrawerContextValue => {\n  const context = useContext(DrawerContext);\n  if (!context) {\n    throw new Error(\"useDrawerContext must be used within Drawer.Root\");\n  }\n  return context;\n};\n\n/**\n * Provider component that passes drawer configuration down to child components\n */\nexport const DrawerProvider = ({\n  children,\n  value,\n}: {\n  children: React.ReactNode;\n  value: DrawerContextValue;\n}) => {\n  return <DrawerContext value={value}>{children}</DrawerContext>;\n};\n","import React from \"react\";\nimport { DialogTrigger as RaDialogTrigger } from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DrawerRootSlot } from \"../drawer.slots\";\nimport type { DrawerRootProps } from \"../drawer.types\";\nimport { DrawerProvider } from \"./drawer.context\";\nimport { drawerSlotRecipe } from \"../drawer.recipe\";\n\nexport const DrawerRoot = (props: DrawerRootProps) => {\n  const recipe = useSlotRecipe({ recipe: drawerSlotRecipe });\n  // Extract recipe props\n  const [recipeProps] = recipe.splitVariantProps(props);\n  // Extract props that are usable on RaDialogTrigger\n  const { children, isOpen, onOpenChange, defaultOpen = false } = props;\n\n  const content = <DrawerRootSlot {...recipeProps}>{children}</DrawerRootSlot>;\n\n  // Check if any child is a Drawer.Trigger component\n  // React Aria's DialogTrigger needs a pressable child, so we only use it when there's a trigger\n  const hasDrawerTrigger = React.Children.toArray(children).some((child) => {\n    if (React.isValidElement(child) && typeof child.type === \"function\") {\n      const displayName = (\n        child.type as React.ComponentType & { displayName?: string }\n      )?.displayName;\n      return (\n        displayName === \"DrawerTrigger\" || displayName === \"Drawer.Trigger\"\n      );\n    }\n    return false;\n  });\n\n  // Share all props (config + variant props) with the Drawer subcomponents\n  // Also pass hasDrawerTrigger so DrawerContent knows whether to manage its own state\n  return (\n    <DrawerProvider value={{ ...props, hasDrawerTrigger }}>\n      {hasDrawerTrigger ? (\n        // When there's a Drawer.Trigger, use DialogTrigger for React Aria integration\n        <RaDialogTrigger\n          isOpen={isOpen}\n          onOpenChange={onOpenChange}\n          defaultOpen={defaultOpen}\n        >\n          {content}\n        </RaDialogTrigger>\n      ) : (\n        // When no Drawer.Trigger, skip DialogTrigger to avoid the warning\n        content\n      )}\n    </DrawerProvider>\n  );\n};\n\nDrawerRoot.displayName = \"Drawer.Root\";\n","import { Button as RaButton } from \"react-aria-components\";\nimport { DrawerTriggerSlot } from \"../drawer.slots\";\nimport type { DrawerTriggerProps } from \"../drawer.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Drawer.Trigger - The trigger element that opens the drawer when activated\n *\n * @supportsStyleProps\n */\nexport const DrawerTrigger = ({\n  ref: forwardedRef,\n  children,\n  asChild,\n  ...props\n}: DrawerTriggerProps) => {\n  // If asChild is true, wrap children directly in RaButton with asChild\n  if (asChild) {\n    return (\n      <chakra.button ref={forwardedRef} asChild {...props}>\n        {children}\n      </chakra.button>\n    );\n  }\n\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  // Otherwise, wrap with both DrawerTriggerSlot and RaButton\n  // Only pass React Aria compatible props to avoid type conflicts\n  return (\n    <DrawerTriggerSlot {...styleProps} asChild>\n      <RaButton ref={forwardedRef} {...restProps}>\n        {children}\n      </RaButton>\n    </DrawerTriggerSlot>\n  );\n};\n\nDrawerTrigger.displayName = \"Drawer.Trigger\";\n","import {\n  Modal as RaModal,\n  ModalOverlay as RaModalOverlay,\n  Dialog as RaDialog,\n} from \"react-aria-components\";\nimport {\n  DrawerModalOverlaySlot,\n  DrawerModalSlot,\n  DrawerContentSlot,\n} from \"../drawer.slots\";\nimport type { DrawerContentProps } from \"../drawer.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useDrawerRootContext } from \"./drawer.context\";\n\n/**\n * Drawer.Content - The main drawer content container\n *\n * @supportsStyleProps\n */\nexport const DrawerContent = (props: DrawerContentProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  // Get configuration from context\n  const {\n    hasDrawerTrigger,\n    isDismissable = true, // Default to true so clicking outside closes the drawer\n    isKeyboardDismissDisabled,\n    shouldCloseOnInteractOutside,\n    isOpen,\n    onOpenChange,\n    defaultOpen,\n  } = useDrawerRootContext();\n\n  // When there's a Drawer.Trigger, DialogTrigger manages state via React Context\n  // When there's NO Drawer.Trigger, ModalOverlay must manage its own state\n  const modalProps = hasDrawerTrigger\n    ? {\n        // With trigger: Only pass dismissal props, state is managed by DialogTrigger\n        isDismissable,\n        isKeyboardDismissDisabled,\n        shouldCloseOnInteractOutside,\n      }\n    : {\n        // Without trigger: Pass state management props to ModalOverlay\n        isDismissable,\n        isKeyboardDismissDisabled,\n        shouldCloseOnInteractOutside,\n        isOpen,\n        onOpenChange,\n        defaultOpen,\n      };\n\n  const [styleProps, functionalProps] = extractStyleProps(restProps);\n\n  return (\n    <DrawerModalOverlaySlot asChild>\n      <RaModalOverlay {...modalProps}>\n        <DrawerModalSlot asChild>\n          <RaModal>\n            <DrawerContentSlot asChild {...styleProps}>\n              <RaDialog ref={forwardedRef} {...functionalProps}>\n                {children}\n              </RaDialog>\n            </DrawerContentSlot>\n          </RaModal>\n        </DrawerModalSlot>\n      </RaModalOverlay>\n    </DrawerModalOverlaySlot>\n  );\n};\n\nDrawerContent.displayName = \"Drawer.Content\";\n","import { DrawerHeaderSlot } from \"../drawer.slots\";\nimport type { DrawerHeaderProps } from \"../drawer.types\";\n\n/**\n * Drawer.Header - The header section of the drawer\n *\n * @supportsStyleProps\n */\nexport const DrawerHeader = (props: DrawerHeaderProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerHeaderSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DrawerHeaderSlot>\n  );\n};\n\nDrawerHeader.displayName = \"Drawer.Header\";\n","import { DrawerBodySlot } from \"../drawer.slots\";\nimport type { DrawerBodyProps } from \"../drawer.types\";\n\n/**\n * Drawer.Body - The main body content section of the drawer\n *\n * @supportsStyleProps\n */\nexport const DrawerBody = (props: DrawerBodyProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const defaultProps = {\n    /**\n     * Set tabIndex to 0 to allow the body to receive focus,\n     * effectively enabling scrolling via keyboard arrow keys.\n     */\n    tabIndex: 0,\n  };\n\n  return (\n    <DrawerBodySlot ref={forwardedRef} {...defaultProps} {...restProps}>\n      {children}\n    </DrawerBodySlot>\n  );\n};\n\nDrawerBody.displayName = \"Drawer.Body\";\n","import { DrawerFooterSlot } from \"../drawer.slots\";\nimport type { DrawerFooterProps } from \"../drawer.types\";\n\n/**\n * Drawer.Footer - The footer section of the drawer\n *\n * @supportsStyleProps\n */\nexport const DrawerFooter = (props: DrawerFooterProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerFooterSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DrawerFooterSlot>\n  );\n};\n\nDrawerFooter.displayName = \"Drawer.Footer\";\n","import { DrawerTitleSlot } from \"../drawer.slots\";\nimport type { DrawerTitleProps } from \"../drawer.types\";\nimport { Heading } from \"@/components\";\n\n/**\n * Drawer.Title - The accessible title element for the drawer\n *\n * @supportsStyleProps\n */\nexport const DrawerTitle = (props: DrawerTitleProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DrawerTitleSlot asChild {...restProps}>\n      <Heading ref={forwardedRef} slot=\"title\" as=\"h2\" textStyle=\"lg\">\n        {children}\n      </Heading>\n    </DrawerTitleSlot>\n  );\n};\n\nDrawerTitle.displayName = \"Drawer.Title\";\n","/**\n * Pre-compiled en messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Close drawer` };\n","/**\n * Pre-compiled de messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Schublade schließen` };\n","/**\n * Pre-compiled es messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Cerrar bandeja` };\n","/**\n * Pre-compiled fr-FR messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Fermer le volet` };\n","/**\n * Pre-compiled pt-BR messages for Drawer\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { closeTrigger: `Fechar gaveta` };\n","/**\n * Pre-compiled localized messages for Drawer component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport drawerMessages_en from \"./intl/en\";\nimport drawerMessages_de from \"./intl/de\";\nimport drawerMessages_es from \"./intl/es\";\nimport drawerMessages_fr from \"./intl/fr-FR\";\nimport drawerMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const drawerMessagesStrings: LocalizedStrings<string, LocalizedString> =\n  {\n    en: normalizeMessages(drawerMessages_en),\n    de: normalizeMessages(drawerMessages_de),\n    es: normalizeMessages(drawerMessages_es),\n    \"fr-FR\": normalizeMessages(drawerMessages_fr),\n    \"pt-BR\": normalizeMessages(drawerMessages_pt),\n  } as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Drawer component\n */\nexport type DrawerMessageKey = \"closeTrigger\";\n","import { Close } from \"@commercetools/nimbus-icons\";\nimport { DrawerCloseTriggerSlot } from \"../drawer.slots\";\nimport type { DrawerCloseTriggerProps } from \"../drawer.types\";\nimport { IconButton } from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { drawerMessagesStrings } from \"../drawer.messages\";\n\n/**\n * Drawer.CloseTrigger - A button that closes the drawer when activated\n *\n * @supportsStyleProps\n */\nexport const DrawerCloseTrigger = (props: DrawerCloseTriggerProps) => {\n  const msg = useLocalizedStringFormatter(drawerMessagesStrings);\n  const { ref: forwardedRef, \"aria-label\": ariaLabel, ...restProps } = props;\n\n  return (\n    <DrawerCloseTriggerSlot>\n      <IconButton\n        ref={forwardedRef}\n        slot=\"close\"\n        size=\"xs\"\n        variant=\"ghost\"\n        aria-label={ariaLabel || msg.format(\"closeTrigger\")}\n        {...restProps}\n      >\n        <Close />\n      </IconButton>\n    </DrawerCloseTriggerSlot>\n  );\n};\n\nDrawerCloseTrigger.displayName = \"Drawer.CloseTrigger\";\n","import { DrawerRoot } from \"./components/drawer.root\";\nimport { DrawerTrigger } from \"./components/drawer.trigger\";\nimport { DrawerContent } from \"./components/drawer.content\";\nimport { DrawerHeader } from \"./components/drawer.header\";\nimport { DrawerBody } from \"./components/drawer.body\";\nimport { DrawerFooter } from \"./components/drawer.footer\";\nimport { DrawerTitle } from \"./components/drawer.title\";\nimport { DrawerCloseTrigger } from \"./components/drawer.close-trigger\";\n\n/**\n * Drawer\n * ============================================================\n * A foundational drawer component for overlays that require user attention.\n * Built for accessibility and WCAG 2.1 AA compliance.\n *\n * Features:\n * - Controlled and uncontrolled modes\n * - Customizable placement, size, and animations\n * - Focus management and keyboard navigation\n * - Click-outside and Escape key dismissal\n * - Portal rendering support\n * - Backdrop overlay with animations\n *\n * @example\n * ```tsx\n * <Drawer.Root>\n *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n *   <Drawer.Content size=\"md\" placement=\"center\">\n *     <Drawer.Header>\n *       <Drawer.Title>Drawer Title</Drawer.Title>\n *       <Drawer.CloseTrigger>×</Drawer.CloseTrigger>\n *     </Drawer.Header>\n *     <Drawer.Body>\n *       Drawer content goes here\n *     </Drawer.Body>\n *     <Drawer.Footer>\n *       <button>Cancel</button>\n *       <button>Save</button>\n *     </Drawer.Footer>\n *   </Drawer.Content>\n * </Drawer.Root>\n * ```\n * @see https://nimbus-documentation.vercel.app/components/feedback/drawer\n */\nexport const Drawer = {\n  /**\n   * # Drawer.Root\n   *\n   * The root component that provides context and state management for the drawer.\n   * Handles accessibility and keyboard interaction.\n   *\n   * This component must wrap all drawer parts (Trigger, Content, etc.) and provides\n   * the drawer open/close state and variant styling context.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>\n   *     <Drawer.Header>\n   *       <Drawer.Title>Drawer Title</Drawer.Title>\n   *     </Drawer.Header>\n   *     <Drawer.Body>Drawer content</Drawer.Body>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Root: DrawerRoot,\n  /**\n   * # Drawer.Trigger\n   *\n   * The trigger element that opens the drawer when activated.\n   * Provides accessibility and keyboard support.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>...</Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Trigger: DrawerTrigger,\n  /**\n   * # Drawer.Content\n   *\n   * The main drawer content container that handles portalling, backdrop,\n   * positioning, and content styling.\n   *\n   * This component creates the drawer overlay, positions the content, and provides\n   * accessibility features like focus management and keyboard dismissal.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content size=\"md\" placement=\"center\">\n   *     <Drawer.Header>\n   *       <Drawer.Title>Title</Drawer.Title>\n   *     </Drawer.Header>\n   *     <Drawer.Body>Content</Drawer.Body>\n   *     <Drawer.Footer>Actions</Drawer.Footer>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  Content: DrawerContent,\n  /**\n   * # Drawer.Header\n   *\n   * The header section of the drawer content.\n   * Typically contains the title and close button.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>\n   *     <Drawer.Title>Drawer Title</Drawer.Title>\n   *     <Drawer.CloseTrigger />\n   *   </Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   * </Drawer.Content>\n   * ```\n   */\n  Header: DrawerHeader,\n  /**\n   * # Drawer.Body\n   *\n   * The main body content section of the drawer.\n   * Contains the primary drawer content and handles overflow/scrolling.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>...</Drawer.Header>\n   *   <Drawer.Body>\n   *     <p>This is the main content of the drawer.</p>\n   *   </Drawer.Body>\n   *   <Drawer.Footer>...</Drawer.Footer>\n   * </Drawer.Content>\n   * ```\n   */\n  Body: DrawerBody,\n  /**\n   * # Drawer.Footer\n   *\n   * The footer section of the drawer, typically containing action buttons.\n   * Provides consistent spacing and alignment for drawer actions.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>...</Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   *   <Drawer.Footer>\n   *     <Button variant=\"outline\">Cancel</Button>\n   *     <Button>Confirm</Button>\n   *   </Drawer.Footer>\n   * </Drawer.Content>\n   * ```\n   */\n  Footer: DrawerFooter,\n  /**\n   * # Drawer.Title\n   *\n   * The accessible title element for the drawer.\n   * Provides proper accessibility and screen reader support.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Content>\n   *   <Drawer.Header>\n   *     <Drawer.Title>Confirm Action</Drawer.Title>\n   *   </Drawer.Header>\n   *   <Drawer.Body>...</Drawer.Body>\n   * </Drawer.Content>\n   * ```\n   */\n  Title: DrawerTitle,\n  /**\n   * # Drawer.CloseTrigger\n   *\n   * A button that closes the drawer when activated.\n   * Displays an IconButton with a close (X) icon by default.\n   *\n   * The component automatically handles the close behavior,\n   * so no additional onPress handler is needed.\n   *\n   * @example\n   * ```tsx\n   * <Drawer.Root>\n   *   <Drawer.Trigger>Open Drawer</Drawer.Trigger>\n   *   <Drawer.Content>\n   *     <Drawer.Header>\n   *       <Drawer.Title>Title</Drawer.Title>\n   *       <Drawer.CloseTrigger aria-label=\"Close drawer\" />\n   *     </Drawer.Header>\n   *     <Drawer.Body>Content</Drawer.Body>\n   *   </Drawer.Content>\n   * </Drawer.Root>\n   * ```\n   */\n  CloseTrigger: DrawerCloseTrigger,\n};\n\n// Internal exports for react-docgen\nexport {\n  DrawerRoot as _DrawerRoot,\n  DrawerTrigger as _DrawerTrigger,\n  DrawerContent as _DrawerContent,\n  DrawerHeader as _DrawerHeader,\n  DrawerBody as _DrawerBody,\n  DrawerFooter as _DrawerFooter,\n  DrawerTitle as _DrawerTitle,\n  DrawerCloseTrigger as _DrawerCloseTrigger,\n};\n"],"mappings":"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"}

package/dist/chunks/emotion-is-prop-valid.esm-Da5ZiFMX.cjs

@@ -0,0 +1,2 @@
+function e(e){var t=Object.create(null);return function(n){return t[n]===void 0&&(t[n]=e(n)),t[n]}}var t=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,n=e(function(e){return t.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
+//# sourceMappingURL=emotion-is-prop-valid.esm-Da5ZiFMX.cjs.js.map

package/dist/chunks/emotion-is-prop-valid.esm-Da5ZiFMX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"emotion-is-prop-valid.esm-Da5ZiFMX.cjs.js","names":[],"sources":["../../../../node_modules/.pnpm/@emotion+memoize@0.9.0/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js","../../../../node_modules/.pnpm/@emotion+is-prop-valid@1.4.0/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js"],"sourcesContent":["function memoize(fn) {\n  var cache = Object.create(null);\n  return function (arg) {\n    if (cache[arg] === undefined) cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\n\nexport { memoize as default };\n","import memoize from '@emotion/memoize';\n\n// eslint-disable-next-line no-undef\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar isPropValid = /* #__PURE__ */memoize(function (prop) {\n  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n  /* o */\n  && prop.charCodeAt(1) === 110\n  /* n */\n  && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport { isPropValid as default };\n"],"x_google_ignoreList":[0,1],"mappings":"AAAA,SAAS,EAAQ,EAAI,CACnB,IAAI,EAAQ,OAAO,OAAO,IAAI,EAC9B,OAAO,SAAU,EAAK,CAEpB,OADI,EAAM,KAAS,IAAA,KAAW,EAAM,GAAO,EAAG,CAAG,GAC1C,EAAM,EACf,CACF,CCHA,IAAI,EAAkB,gjIAElB,EAA6B,EAAQ,SAAU,EAAM,CACvD,OAAO,EAAgB,KAAK,CAAI,GAAK,EAAK,WAAW,CAAC,IAAM,KAEzD,EAAK,WAAW,CAAC,IAAM,KAEvB,EAAK,WAAW,CAAC,EAAI,EAC1B,CAEA"}

package/dist/chunks/emotion-is-prop-valid.esm-DzQ0qso_.esm.js

@@ -0,0 +1,16 @@
+//#region ../../node_modules/.pnpm/@emotion+memoize@0.9.0/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
+function e(e) {
+	var t = Object.create(null);
+	return function(n) {
+		return t[n] === void 0 && (t[n] = e(n)), t[n];
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@emotion+is-prop-valid@1.4.0/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js
+var t = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, n = /* #__PURE__ */ e(function(e) {
+	return t.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+});
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=emotion-is-prop-valid.esm-DzQ0qso_.esm.js.map

package/dist/chunks/emotion-is-prop-valid.esm-DzQ0qso_.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emotion-is-prop-valid.esm-DzQ0qso_.esm.js","names":[],"sources":["../../../../node_modules/.pnpm/@emotion+memoize@0.9.0/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js","../../../../node_modules/.pnpm/@emotion+is-prop-valid@1.4.0/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js"],"sourcesContent":["function memoize(fn) {\n  var cache = Object.create(null);\n  return function (arg) {\n    if (cache[arg] === undefined) cache[arg] = fn(arg);\n    return cache[arg];\n  };\n}\n\nexport { memoize as default };\n","import memoize from '@emotion/memoize';\n\n// eslint-disable-next-line no-undef\nvar reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23\n\nvar isPropValid = /* #__PURE__ */memoize(function (prop) {\n  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111\n  /* o */\n  && prop.charCodeAt(1) === 110\n  /* n */\n  && prop.charCodeAt(2) < 91;\n}\n/* Z+1 */\n);\n\nexport { isPropValid as default };\n"],"x_google_ignoreList":[0,1],"mappings":";AAAA,SAAS,EAAQ,GAAI;CACnB,IAAI,IAAQ,OAAO,OAAO,IAAI;CAC9B,OAAO,SAAU,GAAK;EAEpB,OADI,EAAM,OAAS,KAAA,MAAW,EAAM,KAAO,EAAG,CAAG,IAC1C,EAAM;CACf;AACF;;;ACHA,IAAI,IAAkB,ijIAElB,IAA6B,kBAAQ,SAAU,GAAM;CACvD,OAAO,EAAgB,KAAK,CAAI,KAAK,EAAK,WAAW,CAAC,MAAM,OAEzD,EAAK,WAAW,CAAC,MAAM,OAEvB,EAAK,WAAW,CAAC,IAAI;AAC1B,CAEA"}

package/dist/chunks/extract-padding-props-C-IyriM4.cjs

@@ -0,0 +1,2 @@
+let e=require("@chakra-ui/react/scroll-area"),t=require("react/jsx-runtime");var n=({children:n,orientation:r=`both`,viewportRef:i,contentPaddingProps:a})=>{let{hasOverflowX:o,hasOverflowY:s}=(0,e.useScrollAreaContext)(),c=o||s?0:void 0,l=r===`horizontal`?{minHeight:0,height:`100%`}:{minWidth:`100%`,width:`100%`,height:`100%`},u=r===`vertical`?{overflowX:`hidden`}:r===`horizontal`?{overflowY:`hidden`}:void 0;return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e.ScrollArea.Viewport,{ref:i,tabIndex:c,style:u,children:(0,t.jsx)(e.ScrollArea.Content,{...a,style:l,children:n})}),(r===`vertical`||r===`both`)&&(0,t.jsx)(e.ScrollArea.Scrollbar,{orientation:`vertical`}),(r===`horizontal`||r===`both`)&&(0,t.jsx)(e.ScrollArea.Scrollbar,{orientation:`horizontal`}),r===`both`&&(0,t.jsx)(e.ScrollArea.Corner,{})]})},r=r=>{let{ref:i,viewportRef:o,children:s,orientation:c=`both`,value:l,...u}=r,[d,f]=a(u),p=(0,t.jsx)(n,{orientation:c,viewportRef:o,contentPaddingProps:d,children:s});return l?(0,t.jsx)(e.ScrollArea.RootProvider,{ref:i,value:l,...f,children:p}):(0,t.jsx)(e.ScrollArea.Root,{ref:i,...f,children:p})};r.displayName=`ScrollArea`;var i=new Set([`p`,`pt`,`pr`,`pb`,`pl`,`ps`,`pe`,`px`,`py`,`padding`,`paddingTop`,`paddingRight`,`paddingBottom`,`paddingLeft`,`paddingX`,`paddingY`,`paddingInline`,`paddingBlock`,`paddingInlineStart`,`paddingInlineEnd`,`paddingBlockStart`,`paddingBlockEnd`,`paddingStart`,`paddingEnd`]);function a(e){let t={},n={...e};return Object.keys(e).forEach(r=>{Object.prototype.hasOwnProperty.call(e,r)&&i.has(r)&&(t[r]=e[r],delete n[r])}),[t,n]}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=extract-padding-props-C-IyriM4.cjs.js.map

package/dist/chunks/extract-padding-props-C-IyriM4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract-padding-props-C-IyriM4.cjs.js","names":[],"sources":["../../src/components/scroll-area/scroll-area.tsx","../../src/utils/extract-padding-props.ts"],"sourcesContent":["import {\n  ScrollArea as ChakraScrollArea,\n  useScrollAreaContext,\n} from \"@chakra-ui/react/scroll-area\";\nimport { extractPaddingProps } from \"@/utils\";\nimport type { ScrollAreaProps } from \"./scroll-area.types\";\n\ntype ScrollAreaPartsProps = Pick<\n  ScrollAreaProps,\n  \"children\" | \"orientation\" | \"viewportRef\"\n> & {\n  /** Padding style props extracted from Root, applied to Content. */\n  contentPaddingProps?: Record<string, unknown>;\n};\n\n/**\n * Private component that renders inside ChakraScrollArea.Root\n * so it can access useScrollAreaContext() for conditional tabIndex.\n * Composes Viewport + Content + Scrollbar(s) + Corner.\n */\nconst ScrollAreaParts = ({\n  children,\n  orientation = \"both\",\n  viewportRef,\n  contentPaddingProps,\n}: ScrollAreaPartsProps) => {\n  const { hasOverflowX, hasOverflowY } = useScrollAreaContext();\n  const tabIndex = hasOverflowX || hasOverflowY ? 0 : undefined;\n\n  // Zag always writes `min-width: fit-content` inline on the content slot so\n  // horizontal scroll works. That makes the wrapper grow to fit its widest\n  // child, which stretches every `width: 100%` sibling to that same overgrown\n  // width. For `vertical` and `both` orientations we want the wrapper to stay\n  // at viewport width so `width: 100%` children behave naturally — any\n  // descendant that still overflows (e.g. `white-space: nowrap` text) shows\n  // up as viewport scroll via descendant overflow, which is exactly what the\n  // horizontal scrollbar in `both` is for. `horizontal` keeps Zag's\n  // fit-content so a row of items can scroll as usual.\n  const contentAxisLock =\n    orientation === \"horizontal\"\n      ? { minHeight: 0, height: \"100%\" }\n      : { minWidth: \"100%\", width: \"100%\", height: \"100%\" };\n\n  // Belt-and-suspenders: clip the suppressed axis on the viewport so a child\n  // with an explicit fixed size larger than the viewport can't escape either.\n  // Inline `style` is required because Zag writes `overflow: auto` inline and\n  // recipe-generated classes can't outspecify inline styles.\n  const viewportAxisClip =\n    orientation === \"vertical\"\n      ? { overflowX: \"hidden\" as const }\n      : orientation === \"horizontal\"\n        ? { overflowY: \"hidden\" as const }\n        : undefined;\n\n  return (\n    <>\n      <ChakraScrollArea.Viewport\n        ref={viewportRef}\n        tabIndex={tabIndex}\n        style={viewportAxisClip}\n      >\n        <ChakraScrollArea.Content\n          {...contentPaddingProps}\n          style={contentAxisLock}\n        >\n          {children}\n        </ChakraScrollArea.Content>\n      </ChakraScrollArea.Viewport>\n      {(orientation === \"vertical\" || orientation === \"both\") && (\n        <ChakraScrollArea.Scrollbar orientation=\"vertical\" />\n      )}\n      {(orientation === \"horizontal\" || orientation === \"both\") && (\n        <ChakraScrollArea.Scrollbar orientation=\"horizontal\" />\n      )}\n      {orientation === \"both\" && <ChakraScrollArea.Corner />}\n    </>\n  );\n};\n\n/**\n * # ScrollArea\n *\n * A scrollable container with custom-styled scrollbar overlays.\n * Replaces native scrollbars with themed overlay indicators that appear\n * on hover or during scrolling.\n *\n * Built on Chakra UI's ScrollArea (powered by Ark UI) with Nimbus\n * design tokens and keyboard accessibility.\n *\n * @supportsStyleProps\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/scroll-area}\n *\n * @example\n * ```tsx\n * <ScrollArea maxH=\"200px\" aria-label=\"Log output\">\n *   {content}\n * </ScrollArea>\n * ```\n */\nexport const ScrollArea = (props: ScrollAreaProps) => {\n  const {\n    ref,\n    viewportRef,\n    children,\n    orientation = \"both\",\n    value,\n    ...restProps\n  } = props;\n\n  const [paddingProps, rootProps] = extractPaddingProps(restProps);\n\n  const parts = (\n    <ScrollAreaParts\n      orientation={orientation}\n      viewportRef={viewportRef}\n      contentPaddingProps={paddingProps}\n    >\n      {children}\n    </ScrollAreaParts>\n  );\n\n  if (value) {\n    return (\n      <ChakraScrollArea.RootProvider ref={ref} value={value} {...rootProps}>\n        {parts}\n      </ChakraScrollArea.RootProvider>\n    );\n  }\n\n  return (\n    <ChakraScrollArea.Root ref={ref} {...rootProps}>\n      {parts}\n    </ChakraScrollArea.Root>\n  );\n};\n\nScrollArea.displayName = \"ScrollArea\";\n","/**\n * Padding style prop keys recognised by Chakra UI.\n * Used to forward padding from a parent slot to an inner slot\n * (e.g. ScrollArea Root → Content).\n */\nconst PADDING_PROP_KEYS = new Set([\n  \"p\",\n  \"pt\",\n  \"pr\",\n  \"pb\",\n  \"pl\",\n  \"ps\",\n  \"pe\",\n  \"px\",\n  \"py\",\n  \"padding\",\n  \"paddingTop\",\n  \"paddingRight\",\n  \"paddingBottom\",\n  \"paddingLeft\",\n  \"paddingX\",\n  \"paddingY\",\n  \"paddingInline\",\n  \"paddingBlock\",\n  \"paddingInlineStart\",\n  \"paddingInlineEnd\",\n  \"paddingBlockStart\",\n  \"paddingBlockEnd\",\n  \"paddingStart\",\n  \"paddingEnd\",\n]);\n\n/**\n * Extracts padding style-props from an object, separating them from other props.\n * Responsive values (arrays and objects like `{ base: \"200\", md: \"400\" }`)\n * are supported — they are extracted by key name unchanged.\n * @param props The props object to separate\n * @returns A tuple containing [paddingProps, otherProps]\n */\nexport function extractPaddingProps<T extends object>(\n  props: T\n): [Record<string, unknown>, Omit<T, string>] {\n  const paddingProps: Record<string, unknown> = {};\n  const otherProps = { ...props } as Record<string, unknown>;\n\n  Object.keys(props).forEach((key) => {\n    if (\n      Object.prototype.hasOwnProperty.call(props, key) &&\n      PADDING_PROP_KEYS.has(key)\n    ) {\n      paddingProps[key] = props[key as keyof T];\n      delete otherProps[key];\n    }\n  });\n\n  return [paddingProps, otherProps as Omit<T, string>];\n}\n"],"mappings":"6EAoBA,IAAM,GAAmB,CACvB,WACA,cAAc,OACd,cACA,yBAC0B,CAC1B,GAAM,CAAE,eAAc,iBAAA,EAAA,EAAA,sBAAsC,EACtD,EAAW,GAAgB,EAAe,EAAI,IAAA,GAW9C,EACJ,IAAgB,aACZ,CAAE,UAAW,EAAG,OAAQ,MAAO,EAC/B,CAAE,SAAU,OAAQ,MAAO,OAAQ,OAAQ,MAAO,EAMlD,EACJ,IAAgB,WACZ,CAAE,UAAW,QAAkB,EAC/B,IAAgB,aACd,CAAE,UAAW,QAAkB,EAC/B,IAAA,GAER,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,WAAiB,SAAlB,CACE,IAAK,EACK,WACV,MAAO,YAEP,EAAA,EAAA,KAAC,EAAA,WAAiB,QAAlB,CACE,GAAI,EACJ,MAAO,EAEN,UACuB,CAAA,CACD,CAAA,GACzB,IAAgB,YAAc,IAAgB,UAC9C,EAAA,EAAA,KAAC,EAAA,WAAiB,UAAlB,CAA4B,YAAY,UAAY,CAAA,GAEpD,IAAgB,cAAgB,IAAgB,UAChD,EAAA,EAAA,KAAC,EAAA,WAAiB,UAAlB,CAA4B,YAAY,YAAc,CAAA,EAEvD,IAAgB,SAAU,EAAA,EAAA,KAAC,EAAA,WAAiB,OAAlB,CAA0B,CAAA,CACrD,CAAA,CAAA,CAEN,EAuBa,EAAc,GAA2B,CACpD,GAAM,CACJ,MACA,cACA,WACA,cAAc,OACd,QACA,GAAG,GACD,EAEE,CAAC,EAAc,GAAa,EAAoB,CAAS,EAEzD,GACJ,EAAA,EAAA,KAAC,EAAD,CACe,cACA,cACb,oBAAqB,EAEpB,UACc,CAAA,EAWnB,OARI,GAEA,EAAA,EAAA,KAAC,EAAA,WAAiB,aAAlB,CAAoC,MAAY,QAAO,GAAI,WACxD,CAC4B,CAAA,GAKjC,EAAA,EAAA,KAAC,EAAA,WAAiB,KAAlB,CAA4B,MAAK,GAAI,WAClC,CACoB,CAAA,CAE3B,EAEA,EAAW,YAAc,aCpIzB,IAAM,EAAoB,IAAI,IAAI,CAChC,IACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,UACA,aACA,eACA,gBACA,cACA,WACA,WACA,gBACA,eACA,qBACA,mBACA,oBACA,kBACA,eACA,YACF,CAAC,EASD,SAAgB,EACd,EAC4C,CAC5C,IAAM,EAAwC,CAAC,EACzC,EAAa,CAAE,GAAG,CAAM,EAY9B,OAVA,OAAO,KAAK,CAAK,EAAE,QAAS,GAAQ,CAEhC,OAAO,UAAU,eAAe,KAAK,EAAO,CAAG,GAC/C,EAAkB,IAAI,CAAG,IAEzB,EAAa,GAAO,EAAM,GAC1B,OAAO,EAAW,GAEtB,CAAC,EAEM,CAAC,EAAc,CAA6B,CACrD"}

package/dist/chunks/extract-padding-props-erREJ5xh.esm.js

@@ -0,0 +1,84 @@
+import { ScrollArea as e, useScrollArea as t, useScrollAreaContext as n, useScrollAreaContext as r } from "@chakra-ui/react/scroll-area";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/scroll-area/scroll-area.tsx
+var s = ({ children: t, orientation: r = "both", viewportRef: s, contentPaddingProps: c }) => {
+	let { hasOverflowX: l, hasOverflowY: u } = n(), d = l || u ? 0 : void 0, f = r === "horizontal" ? {
+		minHeight: 0,
+		height: "100%"
+	} : {
+		minWidth: "100%",
+		width: "100%",
+		height: "100%"
+	}, p = r === "vertical" ? { overflowX: "hidden" } : r === "horizontal" ? { overflowY: "hidden" } : void 0;
+	return /* @__PURE__ */ o(i, { children: [
+		/* @__PURE__ */ a(e.Viewport, {
+			ref: s,
+			tabIndex: d,
+			style: p,
+			children: /* @__PURE__ */ a(e.Content, {
+				...c,
+				style: f,
+				children: t
+			})
+		}),
+		(r === "vertical" || r === "both") && /* @__PURE__ */ a(e.Scrollbar, { orientation: "vertical" }),
+		(r === "horizontal" || r === "both") && /* @__PURE__ */ a(e.Scrollbar, { orientation: "horizontal" }),
+		r === "both" && /* @__PURE__ */ a(e.Corner, {})
+	] });
+}, c = (t) => {
+	let { ref: n, viewportRef: r, children: i, orientation: o = "both", value: c, ...l } = t, [d, f] = u(l), p = /* @__PURE__ */ a(s, {
+		orientation: o,
+		viewportRef: r,
+		contentPaddingProps: d,
+		children: i
+	});
+	return c ? /* @__PURE__ */ a(e.RootProvider, {
+		ref: n,
+		value: c,
+		...f,
+		children: p
+	}) : /* @__PURE__ */ a(e.Root, {
+		ref: n,
+		...f,
+		children: p
+	});
+};
+c.displayName = "ScrollArea";
+//#endregion
+//#region src/utils/extract-padding-props.ts
+var l = new Set([
+	"p",
+	"pt",
+	"pr",
+	"pb",
+	"pl",
+	"ps",
+	"pe",
+	"px",
+	"py",
+	"padding",
+	"paddingTop",
+	"paddingRight",
+	"paddingBottom",
+	"paddingLeft",
+	"paddingX",
+	"paddingY",
+	"paddingInline",
+	"paddingBlock",
+	"paddingInlineStart",
+	"paddingInlineEnd",
+	"paddingBlockStart",
+	"paddingBlockEnd",
+	"paddingStart",
+	"paddingEnd"
+]);
+function u(e) {
+	let t = {}, n = { ...e };
+	return Object.keys(e).forEach((r) => {
+		Object.prototype.hasOwnProperty.call(e, r) && l.has(r) && (t[r] = e[r], delete n[r]);
+	}), [t, n];
+}
+//#endregion
+export { r as n, c as r, t };
+
+//# sourceMappingURL=extract-padding-props-erREJ5xh.esm.js.map

package/dist/chunks/extract-padding-props-erREJ5xh.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract-padding-props-erREJ5xh.esm.js","names":[],"sources":["../../src/components/scroll-area/scroll-area.tsx","../../src/utils/extract-padding-props.ts"],"sourcesContent":["import {\n  ScrollArea as ChakraScrollArea,\n  useScrollAreaContext,\n} from \"@chakra-ui/react/scroll-area\";\nimport { extractPaddingProps } from \"@/utils\";\nimport type { ScrollAreaProps } from \"./scroll-area.types\";\n\ntype ScrollAreaPartsProps = Pick<\n  ScrollAreaProps,\n  \"children\" | \"orientation\" | \"viewportRef\"\n> & {\n  /** Padding style props extracted from Root, applied to Content. */\n  contentPaddingProps?: Record<string, unknown>;\n};\n\n/**\n * Private component that renders inside ChakraScrollArea.Root\n * so it can access useScrollAreaContext() for conditional tabIndex.\n * Composes Viewport + Content + Scrollbar(s) + Corner.\n */\nconst ScrollAreaParts = ({\n  children,\n  orientation = \"both\",\n  viewportRef,\n  contentPaddingProps,\n}: ScrollAreaPartsProps) => {\n  const { hasOverflowX, hasOverflowY } = useScrollAreaContext();\n  const tabIndex = hasOverflowX || hasOverflowY ? 0 : undefined;\n\n  // Zag always writes `min-width: fit-content` inline on the content slot so\n  // horizontal scroll works. That makes the wrapper grow to fit its widest\n  // child, which stretches every `width: 100%` sibling to that same overgrown\n  // width. For `vertical` and `both` orientations we want the wrapper to stay\n  // at viewport width so `width: 100%` children behave naturally — any\n  // descendant that still overflows (e.g. `white-space: nowrap` text) shows\n  // up as viewport scroll via descendant overflow, which is exactly what the\n  // horizontal scrollbar in `both` is for. `horizontal` keeps Zag's\n  // fit-content so a row of items can scroll as usual.\n  const contentAxisLock =\n    orientation === \"horizontal\"\n      ? { minHeight: 0, height: \"100%\" }\n      : { minWidth: \"100%\", width: \"100%\", height: \"100%\" };\n\n  // Belt-and-suspenders: clip the suppressed axis on the viewport so a child\n  // with an explicit fixed size larger than the viewport can't escape either.\n  // Inline `style` is required because Zag writes `overflow: auto` inline and\n  // recipe-generated classes can't outspecify inline styles.\n  const viewportAxisClip =\n    orientation === \"vertical\"\n      ? { overflowX: \"hidden\" as const }\n      : orientation === \"horizontal\"\n        ? { overflowY: \"hidden\" as const }\n        : undefined;\n\n  return (\n    <>\n      <ChakraScrollArea.Viewport\n        ref={viewportRef}\n        tabIndex={tabIndex}\n        style={viewportAxisClip}\n      >\n        <ChakraScrollArea.Content\n          {...contentPaddingProps}\n          style={contentAxisLock}\n        >\n          {children}\n        </ChakraScrollArea.Content>\n      </ChakraScrollArea.Viewport>\n      {(orientation === \"vertical\" || orientation === \"both\") && (\n        <ChakraScrollArea.Scrollbar orientation=\"vertical\" />\n      )}\n      {(orientation === \"horizontal\" || orientation === \"both\") && (\n        <ChakraScrollArea.Scrollbar orientation=\"horizontal\" />\n      )}\n      {orientation === \"both\" && <ChakraScrollArea.Corner />}\n    </>\n  );\n};\n\n/**\n * # ScrollArea\n *\n * A scrollable container with custom-styled scrollbar overlays.\n * Replaces native scrollbars with themed overlay indicators that appear\n * on hover or during scrolling.\n *\n * Built on Chakra UI's ScrollArea (powered by Ark UI) with Nimbus\n * design tokens and keyboard accessibility.\n *\n * @supportsStyleProps\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/scroll-area}\n *\n * @example\n * ```tsx\n * <ScrollArea maxH=\"200px\" aria-label=\"Log output\">\n *   {content}\n * </ScrollArea>\n * ```\n */\nexport const ScrollArea = (props: ScrollAreaProps) => {\n  const {\n    ref,\n    viewportRef,\n    children,\n    orientation = \"both\",\n    value,\n    ...restProps\n  } = props;\n\n  const [paddingProps, rootProps] = extractPaddingProps(restProps);\n\n  const parts = (\n    <ScrollAreaParts\n      orientation={orientation}\n      viewportRef={viewportRef}\n      contentPaddingProps={paddingProps}\n    >\n      {children}\n    </ScrollAreaParts>\n  );\n\n  if (value) {\n    return (\n      <ChakraScrollArea.RootProvider ref={ref} value={value} {...rootProps}>\n        {parts}\n      </ChakraScrollArea.RootProvider>\n    );\n  }\n\n  return (\n    <ChakraScrollArea.Root ref={ref} {...rootProps}>\n      {parts}\n    </ChakraScrollArea.Root>\n  );\n};\n\nScrollArea.displayName = \"ScrollArea\";\n","/**\n * Padding style prop keys recognised by Chakra UI.\n * Used to forward padding from a parent slot to an inner slot\n * (e.g. ScrollArea Root → Content).\n */\nconst PADDING_PROP_KEYS = new Set([\n  \"p\",\n  \"pt\",\n  \"pr\",\n  \"pb\",\n  \"pl\",\n  \"ps\",\n  \"pe\",\n  \"px\",\n  \"py\",\n  \"padding\",\n  \"paddingTop\",\n  \"paddingRight\",\n  \"paddingBottom\",\n  \"paddingLeft\",\n  \"paddingX\",\n  \"paddingY\",\n  \"paddingInline\",\n  \"paddingBlock\",\n  \"paddingInlineStart\",\n  \"paddingInlineEnd\",\n  \"paddingBlockStart\",\n  \"paddingBlockEnd\",\n  \"paddingStart\",\n  \"paddingEnd\",\n]);\n\n/**\n * Extracts padding style-props from an object, separating them from other props.\n * Responsive values (arrays and objects like `{ base: \"200\", md: \"400\" }`)\n * are supported — they are extracted by key name unchanged.\n * @param props The props object to separate\n * @returns A tuple containing [paddingProps, otherProps]\n */\nexport function extractPaddingProps<T extends object>(\n  props: T\n): [Record<string, unknown>, Omit<T, string>] {\n  const paddingProps: Record<string, unknown> = {};\n  const otherProps = { ...props } as Record<string, unknown>;\n\n  Object.keys(props).forEach((key) => {\n    if (\n      Object.prototype.hasOwnProperty.call(props, key) &&\n      PADDING_PROP_KEYS.has(key)\n    ) {\n      paddingProps[key] = props[key as keyof T];\n      delete otherProps[key];\n    }\n  });\n\n  return [paddingProps, otherProps as Omit<T, string>];\n}\n"],"mappings":";;;AAoBA,IAAM,KAAmB,EACvB,aACA,iBAAc,QACd,gBACA,6BAC0B;CAC1B,IAAM,EAAE,iBAAc,oBAAiB,EAAqB,GACtD,IAAW,KAAgB,IAAe,IAAI,KAAA,GAW9C,IACJ,MAAgB,eACZ;EAAE,WAAW;EAAG,QAAQ;CAAO,IAC/B;EAAE,UAAU;EAAQ,OAAO;EAAQ,QAAQ;CAAO,GAMlD,IACJ,MAAgB,aACZ,EAAE,WAAW,SAAkB,IAC/B,MAAgB,eACd,EAAE,WAAW,SAAkB,IAC/B,KAAA;CAER,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,EAAiB,UAAlB;GACE,KAAK;GACK;GACV,OAAO;aAEP,kBAAC,EAAiB,SAAlB;IACE,GAAI;IACJ,OAAO;IAEN;GACuB,CAAA;EACD,CAAA;GACzB,MAAgB,cAAc,MAAgB,WAC9C,kBAAC,EAAiB,WAAlB,EAA4B,aAAY,WAAY,CAAA;GAEpD,MAAgB,gBAAgB,MAAgB,WAChD,kBAAC,EAAiB,WAAlB,EAA4B,aAAY,aAAc,CAAA;EAEvD,MAAgB,UAAU,kBAAC,EAAiB,QAAlB,CAA0B,CAAA;CACrD,EAAA,CAAA;AAEN,GAuBa,KAAc,MAA2B;CACpD,IAAM,EACJ,QACA,gBACA,aACA,iBAAc,QACd,UACA,GAAG,MACD,GAEE,CAAC,GAAc,KAAa,EAAoB,CAAS,GAEzD,IACJ,kBAAC,GAAD;EACe;EACA;EACb,qBAAqB;EAEpB;CACc,CAAA;CAWnB,OARI,IAEA,kBAAC,EAAiB,cAAlB;EAAoC;EAAY;EAAO,GAAI;YACxD;CAC4B,CAAA,IAKjC,kBAAC,EAAiB,MAAlB;EAA4B;EAAK,GAAI;YAClC;CACoB,CAAA;AAE3B;AAEA,EAAW,cAAc;;;ACpIzB,IAAM,IAAoB,IAAI,IAAI;CAChC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AASD,SAAgB,EACd,GAC4C;CAC5C,IAAM,IAAwC,CAAC,GACzC,IAAa,EAAE,GAAG,EAAM;CAY9B,OAVA,OAAO,KAAK,CAAK,EAAE,SAAS,MAAQ;EAClC,AACE,OAAO,UAAU,eAAe,KAAK,GAAO,CAAG,KAC/C,EAAkB,IAAI,CAAG,MAEzB,EAAa,KAAO,EAAM,IAC1B,OAAO,EAAW;CAEtB,CAAC,GAEM,CAAC,GAAc,CAA6B;AACrD"}

package/dist/chunks/extract-style-props-4RoFSvGV.esm.js

@@ -0,0 +1,12 @@
+import { t as e } from "./theme-CwhQYvW9.esm.js";
+//#region src/utils/extract-style-props.ts
+function t(t) {
+	let n = {}, r = { ...t };
+	return Object.keys(t).forEach((i) => {
+		Object.prototype.hasOwnProperty.call(t, i) && e.isValidProperty(i) && (n[i] = t[i], delete r[i]);
+	}), [n, r];
+}
+//#endregion
+export { t };
+
+//# sourceMappingURL=extract-style-props-4RoFSvGV.esm.js.map

package/dist/chunks/extract-style-props-4RoFSvGV.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract-style-props-4RoFSvGV.esm.js","names":[],"sources":["../../src/utils/extract-style-props.ts"],"sourcesContent":["import { system } from \"@/theme\";\n\n/**\n * Extracts chakra-ui style-props from an object, separating them from other props\n * @param props The props object to separate\n * @returns A tuple containing [styleProps, otherProps]\n */\nexport function extractStyleProps<T extends object>(\n  props: T\n): [Record<string, unknown>, Omit<T, string>] {\n  const styleProps: Record<string, unknown> = {};\n  const otherProps = { ...props } as Record<string, unknown>;\n\n  // Process only own properties\n  Object.keys(props).forEach((key) => {\n    if (\n      Object.prototype.hasOwnProperty.call(props, key) &&\n      system.isValidProperty(key)\n    ) {\n      styleProps[key] = props[key as keyof T];\n      delete otherProps[key];\n    }\n  });\n\n  return [styleProps, otherProps as Omit<T, string>];\n}\n"],"mappings":";;AAOA,SAAgB,EACd,GAC4C;CAC5C,IAAM,IAAsC,CAAC,GACvC,IAAa,EAAE,GAAG,EAAM;CAa9B,OAVA,OAAO,KAAK,CAAK,EAAE,SAAS,MAAQ;EAClC,AACE,OAAO,UAAU,eAAe,KAAK,GAAO,CAAG,KAC/C,EAAO,gBAAgB,CAAG,MAE1B,EAAW,KAAO,EAAM,IACxB,OAAO,EAAW;CAEtB,CAAC,GAEM,CAAC,GAAY,CAA6B;AACnD"}

package/dist/chunks/extract-style-props-CVl34XLj.cjs

@@ -0,0 +1,2 @@
+const e=require("./theme-COAfGfIg.cjs.js");function t(t){let n={},r={...t};return Object.keys(t).forEach(i=>{Object.prototype.hasOwnProperty.call(t,i)&&e.t.isValidProperty(i)&&(n[i]=t[i],delete r[i])}),[n,r]}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});
+//# sourceMappingURL=extract-style-props-CVl34XLj.cjs.js.map

package/dist/chunks/extract-style-props-CVl34XLj.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract-style-props-CVl34XLj.cjs.js","names":[],"sources":["../../src/utils/extract-style-props.ts"],"sourcesContent":["import { system } from \"@/theme\";\n\n/**\n * Extracts chakra-ui style-props from an object, separating them from other props\n * @param props The props object to separate\n * @returns A tuple containing [styleProps, otherProps]\n */\nexport function extractStyleProps<T extends object>(\n  props: T\n): [Record<string, unknown>, Omit<T, string>] {\n  const styleProps: Record<string, unknown> = {};\n  const otherProps = { ...props } as Record<string, unknown>;\n\n  // Process only own properties\n  Object.keys(props).forEach((key) => {\n    if (\n      Object.prototype.hasOwnProperty.call(props, key) &&\n      system.isValidProperty(key)\n    ) {\n      styleProps[key] = props[key as keyof T];\n      delete otherProps[key];\n    }\n  });\n\n  return [styleProps, otherProps as Omit<T, string>];\n}\n"],"mappings":"2CAOA,SAAgB,EACd,EAC4C,CAC5C,IAAM,EAAsC,CAAC,EACvC,EAAa,CAAE,GAAG,CAAM,EAa9B,OAVA,OAAO,KAAK,CAAK,EAAE,QAAS,GAAQ,CAEhC,OAAO,UAAU,eAAe,KAAK,EAAO,CAAG,GAC/C,EAAA,EAAO,gBAAgB,CAAG,IAE1B,EAAW,GAAO,EAAM,GACxB,OAAO,EAAW,GAEtB,CAAC,EAEM,CAAC,EAAY,CAA6B,CACnD"}

package/dist/chunks/field-errors-D4_oFvCt.cjs

@@ -0,0 +1,2 @@
+const e=require("./normalize-messages-BMIBfw4v.cjs.js");let t=require("react/jsx-runtime");var{withProvider:n,withContext:r}=(0,require("@chakra-ui/react/styled-system").createSlotRecipeContext)({key:`nimbusFieldErrors`}),i=n(`div`,`root`),a=r(`div`,`message`),o={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`},s={en:e.t({duplicateValue:`This value is already in use. It must be unique.`,emptyValue:`This field cannot be empty.`,invalidFormat:`Please enter a valid format.`,invalidFractionalNumber:`A whole number is required.`,invalidFromServer:`Server validation failed. Please check your input.`,invalidNegativeNumber:`Negative number is not supported.`,invalidValue:`The provided value is invalid.`,missingRequiredField:`This field is required. Provide a value.`,resourceNotFound:`The requested resource was not found.`,valueAboveMaximum:`Value must be less than or equal to the maximum.`,valueBelowMinimum:`Value must be greater than or equal to the minimum.`,valueBlocked:`This value is not allowed.`,valueOutOfRange:`Value must be within the acceptable range.`,valueTooLong:`This value is too long.`,valueTooShort:`This value is too short.`}),de:e.t({duplicateValue:`Dieser Wert wird bereits verwendet. Er muss eindeutig sein.`,emptyValue:`Dieses Feld darf nicht leer sein.`,invalidFormat:`Bitte geben Sie ein gültiges Format ein.`,invalidFractionalNumber:`Eine ganze Zahl ist erforderlich.`,invalidFromServer:`Die Servervalidierung ist fehlgeschlagen. Bitte überprüfen Sie Ihre Eingabe.`,invalidNegativeNumber:`Negative Zahlen werden nicht unterstützt.`,invalidValue:`Der angegebene Wert ist ungültig.`,missingRequiredField:`Dies ist ein Pflichtfeld. Bitte geben Sie einen Wert ein.`,resourceNotFound:`Die angeforderte Ressource wurde nicht gefunden.`,valueAboveMaximum:`Der Wert muss kleiner oder gleich dem Höchstwert sein.`,valueBelowMinimum:`Der Wert muss größer oder gleich dem Mindestwert sein.`,valueBlocked:`Dieser Wert ist nicht erlaubt.`,valueOutOfRange:`Der Wert muss im akzeptablen Bereich liegen.`,valueTooLong:`Der Wert ist zu lang.`,valueTooShort:`Der Wert ist zu kurz.`}),es:e.t({duplicateValue:`Este valor ya está en uso. Debe ser único.`,emptyValue:`Este campo no puede estar vacío.`,invalidFormat:`Introduce un valor válido.`,invalidFractionalNumber:`Se requiere un número entero.`,invalidFromServer:`Ha fallado la validación del servidor. Comprueba tus entradas.`,invalidNegativeNumber:`Los números negativos no están permitidos.`,invalidValue:`El valor proporcionado no es válido.`,missingRequiredField:`Este campo es obligatorio. Proporciona un valor.`,resourceNotFound:`No se ha encontrado el recurso solicitado.`,valueAboveMaximum:`El valor debe ser igual o inferior al máximo.`,valueBelowMinimum:`El valor debe ser igual o superior al mínimo.`,valueBlocked:`Este valor no está permitido.`,valueOutOfRange:`El valor debe estar en un rango aceptable.`,valueTooLong:`Este valor es demasiado largo.`,valueTooShort:`Este valor es demasiado corto.`}),"fr-FR":e.t({duplicateValue:`Cette clé est déjà utilisée. Elle doit être unique.`,emptyValue:`Ce champ ne peut pas être vide.`,invalidFormat:`Veuillez entrer un format valide.`,invalidFractionalNumber:`Un nombre entier est requis.`,invalidFromServer:`Échec de la validation du serveur. Veuillez vérifier votre saisie.`,invalidNegativeNumber:`Nombre négatif non pris en charge.`,invalidValue:`La valeur fournie n'est pas valide`,missingRequiredField:`Ce champ est requis. Veuillez indiquer une valeur.`,resourceNotFound:`Impossible de trouver la ressource demandée.`,valueAboveMaximum:`La valeur doit être égale ou inférieure au maximum.`,valueBelowMinimum:`La valeur doit être supérieure ou égale au minimum.`,valueBlocked:`Cette valeur n'est pas autorisée.`,valueOutOfRange:`La valeur doit être dans la plage acceptable.`,valueTooLong:`Cette valeur est trop longue.`,valueTooShort:`Cette valeur est trop courte.`}),"pt-BR":e.t({duplicateValue:`O valor já está em uso. Use um valor único.`,emptyValue:`O campo não pode estar vazio.`,invalidFormat:`Insira um formato válido.`,invalidFractionalNumber:`É necessário um número inteiro.`,invalidFromServer:`A validação do servidor falhou. Verifique os dados inseridos.`,invalidNegativeNumber:`Números negativos não podem ser usados.`,invalidValue:`O valor fornecido é inválido.`,missingRequiredField:`Este campo é obrigatório. Informe um valor.`,resourceNotFound:`O recurso solicitado não foi encontrado.`,valueAboveMaximum:`O valor deve ser menor ou igual ao máximo.`,valueBelowMinimum:`O valor deve ser maior ou igual ao mínimo.`,valueBlocked:`O valor não é permitido.`,valueOutOfRange:`O valor deve estar dentro do intervalo aceitável.`,valueTooLong:`O valor é muito longo.`,valueTooShort:`O valor é muito curto.`})},c=e=>typeof e==`object`,l=(e,t)=>{if(!t)return null;switch(e){case o.MISSING:return t.missing||null;case o.INVALID:return t.invalid||null;case o.EMPTY:return t.empty||null;case o.MIN_LENGTH:return t.min||null;case o.MAX_LENGTH:return t.max||null;case o.FORMAT:return t.format||null;case o.DUPLICATE:return t.duplicate||null;case o.NEGATIVE:return t.negative||null;case o.FRACTIONS:return t.fractions||null;case o.BELOW_MIN:return t.belowMin||null;case o.ABOVE_MAX:return t.aboveMax||null;case o.OUT_OF_RANGE:return t.outOfRange||null;case o.INVALID_FROM_SERVER:return t.invalidFromServer||null;case o.NOT_FOUND:return t.notFound||null;case o.BLOCKED:return t.blocked||null;default:return null}},u=(e,t)=>{switch(e){case o.MISSING:return t(`missingRequiredField`);case o.INVALID:return t(`invalidValue`);case o.EMPTY:return t(`emptyValue`);case o.MIN_LENGTH:return t(`valueTooShort`);case o.MAX_LENGTH:return t(`valueTooLong`);case o.FORMAT:return t(`invalidFormat`);case o.DUPLICATE:return t(`duplicateValue`);case o.NEGATIVE:return t(`invalidNegativeNumber`);case o.FRACTIONS:return t(`invalidFractionalNumber`);case o.BELOW_MIN:return t(`valueBelowMinimum`);case o.ABOVE_MAX:return t(`valueAboveMaximum`);case o.OUT_OF_RANGE:return t(`valueOutOfRange`);case o.INVALID_FROM_SERVER:return t(`invalidFromServer`);case o.NOT_FOUND:return t(`resourceNotFound`);case o.BLOCKED:return t(`valueBlocked`);default:return null}},d=({id:n,errors:r,isVisible:o=!0,renderError:d,renderDefaultError:f,customMessages:p,...m})=>{let h=e.n(s);if(!o||!r||!c(r))return null;let g=Object.entries(r).filter(([,e])=>e);return g.length===0?null:(0,t.jsx)(i,{id:n,role:`alert`,...m,children:g.map(([e,n])=>{let r=d?.(e,n);if(r)return(0,t.jsx)(a,{children:r},e);let i=f?.(e,n);if(i)return(0,t.jsx)(a,{children:i},e);let o=l(e,p);if(o)return(0,t.jsx)(a,{children:o},e);let s=u(e,h.format);return s?(0,t.jsx)(a,{children:s},e):null})})};d.displayName=`FieldErrors`,d.errorTypes=o,d.getBuiltInMessage=u,d.getCustomMessage=l,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});
+//# sourceMappingURL=field-errors-D4_oFvCt.cjs.js.map