@commercetools/nimbus 2.10.0 → 3.0.0

package/dist/chunks/{alert-DHUVtbqx.cjs.js.map → alert-DhjefOnW.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"alert-DHUVtbqx.cjs.js","sources":["../../src/components/alert/alert.slots.tsx","../../src/components/alert/components/alert.root.tsx","../../src/components/alert/components/alert.title.tsx","../../src/components/alert/components/alert.description.tsx","../../src/components/alert/components/alert.actions.tsx","../../src/components/alert/intl/en.ts","../../src/components/alert/intl/de.ts","../../src/components/alert/intl/es.ts","../../src/components/alert/intl/fr-FR.ts","../../src/components/alert/intl/pt-BR.ts","../../src/components/alert/alert.messages.ts","../../src/components/alert/components/alert.dismiss-button.tsx","../../src/components/alert/alert.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  AlertActionsSlotProps,\n  AlertDescriptionProps,\n  AlertDismissButtonProps,\n  AlertIconSlotProps,\n  AlertRootSlotProps,\n  AlertTitleProps,\n} from \"./alert.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusAlert\",\n});\n\nexport const AlertRoot = withProvider<HTMLDivElement, AlertRootSlotProps>(\n  \"div\",\n  \"root\"\n);\n\nexport const AlertTitle = withContext<HTMLDivElement, AlertTitleProps>(\n  \"div\",\n  \"title\"\n);\n\nexport const AlertDescription = withContext<\n  HTMLDivElement,\n  AlertDescriptionProps\n>(\"div\", \"description\");\n\nexport const AlertIcon = withContext<HTMLDivElement, AlertIconSlotProps>(\n  \"div\",\n  \"icon\"\n);\n\nexport const AlertActions = withContext<HTMLDivElement, AlertActionsSlotProps>(\n  \"div\",\n  \"actions\"\n);\n\n// This is a div wrapper for layout placement - note that we expect it to receive `IconButton` props, but we use a `div`.\n// We then forward the consumer props to the interior `IconButton` component.\nexport const AlertDismissButton = withContext<\n  HTMLDivElement,\n  AlertDismissButtonProps\n>(\"div\", \"dismissButton\");\n","import { AlertRoot as AlertRootSlot, AlertIcon } from \"../alert.slots\";\nimport type { AlertProps, AlertRootComponent } from \"../alert.types\";\nimport {\n  CheckCircleOutline,\n  ErrorOutline,\n  Info,\n  WarningAmber,\n} from \"@commercetools/nimbus-icons\";\n\nconst getIconFromColorPalette = (colorPalette: AlertProps[\"colorPalette\"]) => {\n  switch (colorPalette) {\n    case \"critical\":\n      return <ErrorOutline />;\n    case \"info\":\n      return <Info />;\n    case \"warning\":\n      return <WarningAmber />;\n    case \"positive\":\n      return <CheckCircleOutline />;\n    default:\n      return null;\n  }\n};\n\n/**\n * Alert.Root - Provides feedback to the user about the status of an action or system event\n *\n * @supportsStyleProps\n */\nexport const AlertRoot: AlertRootComponent = (props) => {\n  const { ref, children, ...restProps } = props;\n\n  return (\n    <AlertRootSlot ref={ref} {...restProps} role=\"alert\">\n      <AlertIcon alignItems=\"flex-start\">\n        {getIconFromColorPalette(restProps.colorPalette)}\n      </AlertIcon>\n      {children}\n    </AlertRootSlot>\n  );\n};\n\nAlertRoot.displayName = \"Alert.Root\";\n","import { AlertTitle as AlertTitleSlot } from \"../alert.slots\";\nimport type { AlertTitleProps } from \"../alert.types\";\n\n/**\n * Alert.Title - Displays the title text for the alert\n *\n * @supportsStyleProps\n */\nexport const AlertTitle = ({ children, ...props }: AlertTitleProps) => {\n  return (\n    <AlertTitleSlot {...props} fontWeight=\"600\">\n      {children}\n    </AlertTitleSlot>\n  );\n};\n\nAlertTitle.displayName = \"Alert.Title\";\n","import { AlertDescription as AlertDescriptionSlot } from \"../alert.slots\";\nimport type { AlertDescriptionProps } from \"../alert.types\";\n\n/**\n * Alert.Description - Displays the description text for the alert\n *\n * @supportsStyleProps\n */\nexport const AlertDescription = ({\n  children,\n  ...props\n}: AlertDescriptionProps) => {\n  return <AlertDescriptionSlot {...props}>{children}</AlertDescriptionSlot>;\n};\n\nAlertDescription.displayName = \"Alert.Description\";\n","import { AlertActions as AlertActionsSlot } from \"../alert.slots\";\nimport type { AlertActionsProps } from \"../alert.types\";\n\n/**\n * Alert.Actions - Container for action buttons within the alert\n *\n * @supportsStyleProps\n */\nexport const AlertActions = ({ children, ...props }: AlertActionsProps) => {\n  return <AlertActionsSlot {...props}>{children}</AlertActionsSlot>;\n};\n\nAlertActions.displayName = \"Alert.Actions\";\n","/**\n * Pre-compiled en messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Dismiss` };\n","/**\n * Pre-compiled de messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Verwerfen` };\n","/**\n * Pre-compiled es messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Desechar` };\n","/**\n * Pre-compiled fr-FR messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Fermer` };\n","/**\n * Pre-compiled pt-BR messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Dispensar` };\n","/**\n * Pre-compiled localized messages for Alert 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 alertMessages_en from \"./intl/en\";\nimport alertMessages_de from \"./intl/de\";\nimport alertMessages_es from \"./intl/es\";\nimport alertMessages_fr from \"./intl/fr-FR\";\nimport alertMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const alertMessagesStrings: LocalizedStrings<string, LocalizedString> = {\n  en: normalizeMessages(alertMessages_en),\n  de: normalizeMessages(alertMessages_de),\n  es: normalizeMessages(alertMessages_es),\n  \"fr-FR\": normalizeMessages(alertMessages_fr),\n  \"pt-BR\": normalizeMessages(alertMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Alert component\n */\nexport type AlertMessageKey = \"dismiss\";\n","import { AlertDismissButton as AlertDismissButtonSlot } from \"../alert.slots\";\nimport type { AlertDismissButtonProps } from \"../alert.types\";\nimport { Clear } from \"@commercetools/nimbus-icons\";\nimport { IconButton } from \"../../icon-button\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { alertMessagesStrings } from \"../alert.messages\";\n\n/**\n * Alert.DismissButton - Button to dismiss or close the alert\n *\n * @supportsStyleProps\n */\nexport const AlertDismissButton = ({ ...props }: AlertDismissButtonProps) => {\n  const msg = useLocalizedStringFormatter(alertMessagesStrings);\n\n  return (\n    <AlertDismissButtonSlot>\n      <IconButton\n        aria-label={msg.format(\"dismiss\")}\n        {...props}\n        variant=\"ghost\"\n        size=\"2xs\"\n      >\n        <Clear role=\"img\" />\n      </IconButton>\n    </AlertDismissButtonSlot>\n  );\n};\n\nAlertDismissButton.displayName = \"Alert.DismissButton\";\n","import {\n  AlertTitle,\n  AlertDescription,\n  AlertActions,\n  AlertDismissButton,\n  AlertRoot,\n} from \"./components\";\n\n/**\n * Alert\n * ============================================================\n * Provides feedback to the user about the status of an action or system event\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/alert}\n *\n * @example\n * ```tsx\n * <Alert.Root tone=\"info\" variant=\"outlined\">\n *   <Alert.Title>Information</Alert.Title>\n *   <Alert.Description>This is an informational alert message.</Alert.Description>\n * </Alert.Root>\n * ```\n */\nexport const Alert = {\n  /**\n   * # Alert.Root\n   *\n   * The root component that provides context and configuration for the alert.\n   * Must wrap all alert parts (Title, Description, Actions, DismissButton) to coordinate their behavior.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"info\" variant=\"outlined\">\n   *   <Alert.Title>Title</Alert.Title>\n   *   <Alert.Description>Description</Alert.Description>\n   * </Alert.Root>\n   * ```\n   */\n  Root: AlertRoot,\n  /**\n   * # Alert.Title\n   *\n   * Displays the title text for the alert.\n   * Typically shown in bold to provide a clear heading for the alert message.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"critical\">\n   *   <Alert.Title>Error Occurred</Alert.Title>\n   * </Alert.Root>\n   * ```\n   */\n  Title: AlertTitle,\n  /**\n   * # Alert.Description\n   *\n   * Displays the descriptive text for the alert.\n   * Provides detailed information about the alert's purpose or the action required.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"warning\">\n   *   <Alert.Title>Warning</Alert.Title>\n   *   <Alert.Description>Please review the following items before proceeding.</Alert.Description>\n   * </Alert.Root>\n   * ```\n   */\n  Description: AlertDescription,\n  /**\n   * # Alert.Actions\n   *\n   * Container for action buttons within the alert.\n   * Allows users to take actions directly from the alert message.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"positive\">\n   *   <Alert.Title>Success</Alert.Title>\n   *   <Alert.Description>Your changes have been saved.</Alert.Description>\n   *   <Alert.Actions>\n   *     <Button>View Details</Button>\n   *   </Alert.Actions>\n   * </Alert.Root>\n   * ```\n   */\n  Actions: AlertActions,\n  /**\n   * # Alert.DismissButton\n   *\n   * Button to dismiss or close the alert.\n   * Provides users with the ability to manually remove the alert from view.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"info\">\n   *   <Alert.Title>Notification</Alert.Title>\n   *   <Alert.Description>You have new messages.</Alert.Description>\n   *   <Alert.DismissButton onClick={() => console.log('Dismissed')} />\n   * </Alert.Root>\n   * ```\n   */\n  DismissButton: AlertDismissButton,\n};\n\n// exports for internal use by react-docgen\nexport {\n  AlertRoot as _AlertRoot,\n  AlertTitle as _AlertTitle,\n  AlertDescription as _AlertDescription,\n  AlertActions as _AlertActions,\n  AlertDismissButton as _AlertDismissButton,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","AlertRoot","AlertTitle","AlertDescription","AlertIcon","AlertActions","AlertDismissButton","getIconFromColorPalette","colorPalette","ErrorOutline","Info","WarningAmber","CheckCircleOutline","props","ref","children","restProps","AlertRootSlot","jsx","AlertTitleSlot","AlertDescriptionSlot","AlertActionsSlot","alertMessages_en","alertMessages_de","alertMessages_es","alertMessages_fr","alertMessages_pt","alertMessagesStrings","normalizeMessages","msg","useLocalizedStringFormatter","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":"oOAUM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,aACP,CAAC,EAEYC,EAAYH,EACvB,MACA,MACF,EAEaI,EAAaH,EACxB,MACA,OACF,EAEaI,EAAmBJ,EAG9B,MAAO,aAAa,EAETK,EAAYL,EACvB,MACA,MACF,EAEaM,EAAeN,EAC1B,MACA,SACF,EAIaO,EAAqBP,EAGhC,MAAO,eAAe,ECnClBQ,EAA2BC,GAA6C,CAC5E,OAAQA,EAAA,CACN,IAAK,WACH,aAAQC,EAAAA,aAAA,EAAa,EACvB,IAAK,OACH,aAAQC,EAAAA,KAAA,EAAK,EACf,IAAK,UACH,aAAQC,EAAAA,aAAA,EAAa,EACvB,IAAK,WACH,aAAQC,EAAAA,mBAAA,EAAmB,EAC7B,QACE,OAAO,IAAA,CAEb,EAOaX,EAAiCY,GAAU,CACtD,KAAM,CAAE,IAAAC,EAAK,SAAAC,EAAU,GAAGC,GAAcH,EAExC,cACGI,EAAA,CAAc,IAAAH,EAAW,GAAGE,EAAW,KAAK,QAC3C,SAAA,CAAAE,MAACd,GAAU,WAAW,aACnB,SAAAG,EAAwBS,EAAU,YAAY,EACjD,EACCD,CAAA,EACH,CAEJ,EAEAd,EAAU,YAAc,aClCjB,MAAMC,EAAa,CAAC,CAAE,SAAAa,EAAU,GAAGF,WAErCM,EAAA,CAAgB,GAAGN,EAAO,WAAW,MACnC,SAAAE,EACH,EAIJb,EAAW,YAAc,cCRlB,MAAMC,EAAmB,CAAC,CAC/B,SAAAY,EACA,GAAGF,CACL,IACSK,EAAAA,IAACE,EAAA,CAAsB,GAAGP,EAAQ,SAAAE,CAAA,CAAS,EAGpDZ,EAAiB,YAAc,oBCPxB,MAAME,EAAe,CAAC,CAAE,SAAAU,EAAU,GAAGF,KACnCK,EAAAA,IAACG,EAAA,CAAkB,GAAGR,EAAQ,SAAAE,CAAA,CAAS,EAGhDV,EAAa,YAAc,gBCN3B,MAAAiB,EAAe,CAAE,QAAS,SAAA,ECA1BC,EAAe,CAAE,QAAS,WAAA,ECA1BC,EAAe,CAAE,QAAS,UAAA,ECA1BC,EAAe,CAAE,QAAS,QAAA,ECA1BC,EAAe,CAAE,QAAS,WAAA,ECiBbC,EAAkE,CAC7E,GAAIC,EAAAA,kBAAkBN,CAAgB,EACtC,GAAIM,EAAAA,kBAAkBL,CAAgB,EACtC,GAAIK,EAAAA,kBAAkBJ,CAAgB,EACtC,QAASI,EAAAA,kBAAkBH,CAAgB,EAC3C,QAASG,EAAAA,kBAAkBF,CAAgB,CAC7C,ECjBapB,EAAqB,CAAC,CAAE,GAAGO,KAAqC,CAC3E,MAAMgB,EAAMC,EAAAA,4BAA4BH,CAAoB,EAE5D,aACGI,EAAA,CACC,SAAAb,EAAAA,IAACc,EAAAA,WAAA,CACC,aAAYH,EAAI,OAAO,SAAS,EAC/B,GAAGhB,EACJ,QAAQ,QACR,KAAK,MAEL,SAAAK,EAAAA,IAACe,EAAAA,MAAA,CAAM,KAAK,KAAA,CAAM,CAAA,CAAA,EAEtB,CAEJ,EAEA3B,EAAmB,YAAc,sBCN1B,MAAM4B,EAAQ,CAenB,KAAMjC,EAcN,MAAOC,EAeP,YAAaC,EAkBb,QAASE,EAgBT,cAAeC,CACjB"}
+{"version":3,"file":"alert-DhjefOnW.cjs.js","sources":["../../src/components/alert/alert.slots.tsx","../../src/components/alert/components/alert.root.tsx","../../src/components/alert/components/alert.title.tsx","../../src/components/alert/components/alert.description.tsx","../../src/components/alert/components/alert.actions.tsx","../../src/components/alert/intl/en.ts","../../src/components/alert/intl/de.ts","../../src/components/alert/intl/es.ts","../../src/components/alert/intl/fr-FR.ts","../../src/components/alert/intl/pt-BR.ts","../../src/components/alert/alert.messages.ts","../../src/components/alert/components/alert.dismiss-button.tsx","../../src/components/alert/alert.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  AlertActionsSlotProps,\n  AlertDescriptionProps,\n  AlertDismissButtonProps,\n  AlertIconSlotProps,\n  AlertRootSlotProps,\n  AlertTitleProps,\n} from \"./alert.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusAlert\",\n});\n\nexport const AlertRoot = withProvider<HTMLDivElement, AlertRootSlotProps>(\n  \"div\",\n  \"root\"\n);\n\nexport const AlertTitle = withContext<HTMLDivElement, AlertTitleProps>(\n  \"div\",\n  \"title\"\n);\n\nexport const AlertDescription = withContext<\n  HTMLDivElement,\n  AlertDescriptionProps\n>(\"div\", \"description\");\n\nexport const AlertIcon = withContext<HTMLDivElement, AlertIconSlotProps>(\n  \"div\",\n  \"icon\"\n);\n\nexport const AlertActions = withContext<HTMLDivElement, AlertActionsSlotProps>(\n  \"div\",\n  \"actions\"\n);\n\n// This is a div wrapper for layout placement - note that we expect it to receive `IconButton` props, but we use a `div`.\n// We then forward the consumer props to the interior `IconButton` component.\nexport const AlertDismissButton = withContext<\n  HTMLDivElement,\n  AlertDismissButtonProps\n>(\"div\", \"dismissButton\");\n","import { AlertRoot as AlertRootSlot, AlertIcon } from \"../alert.slots\";\nimport type { AlertProps, AlertRootComponent } from \"../alert.types\";\nimport {\n  CheckCircleOutline,\n  ErrorOutline,\n  Info,\n  WarningAmber,\n} from \"@commercetools/nimbus-icons\";\n\nconst getIconFromColorPalette = (colorPalette: AlertProps[\"colorPalette\"]) => {\n  switch (colorPalette) {\n    case \"critical\":\n      return <ErrorOutline />;\n    case \"info\":\n      return <Info />;\n    case \"warning\":\n      return <WarningAmber />;\n    case \"positive\":\n      return <CheckCircleOutline />;\n    default:\n      return null;\n  }\n};\n\n/**\n * Alert.Root - Provides feedback to the user about the status of an action or system event\n *\n * @supportsStyleProps\n */\nexport const AlertRoot: AlertRootComponent = (props) => {\n  const { ref, children, ...restProps } = props;\n\n  return (\n    <AlertRootSlot ref={ref} {...restProps} role=\"alert\">\n      <AlertIcon alignItems=\"flex-start\">\n        {getIconFromColorPalette(restProps.colorPalette)}\n      </AlertIcon>\n      {children}\n    </AlertRootSlot>\n  );\n};\n\nAlertRoot.displayName = \"Alert.Root\";\n","import { AlertTitle as AlertTitleSlot } from \"../alert.slots\";\nimport type { AlertTitleProps } from \"../alert.types\";\n\n/**\n * Alert.Title - Displays the title text for the alert\n *\n * @supportsStyleProps\n */\nexport const AlertTitle = ({ children, ...props }: AlertTitleProps) => {\n  return (\n    <AlertTitleSlot {...props} fontWeight=\"600\">\n      {children}\n    </AlertTitleSlot>\n  );\n};\n\nAlertTitle.displayName = \"Alert.Title\";\n","import { AlertDescription as AlertDescriptionSlot } from \"../alert.slots\";\nimport type { AlertDescriptionProps } from \"../alert.types\";\n\n/**\n * Alert.Description - Displays the description text for the alert\n *\n * @supportsStyleProps\n */\nexport const AlertDescription = ({\n  children,\n  ...props\n}: AlertDescriptionProps) => {\n  return <AlertDescriptionSlot {...props}>{children}</AlertDescriptionSlot>;\n};\n\nAlertDescription.displayName = \"Alert.Description\";\n","import { AlertActions as AlertActionsSlot } from \"../alert.slots\";\nimport type { AlertActionsProps } from \"../alert.types\";\n\n/**\n * Alert.Actions - Container for action buttons within the alert\n *\n * @supportsStyleProps\n */\nexport const AlertActions = ({ children, ...props }: AlertActionsProps) => {\n  return <AlertActionsSlot {...props}>{children}</AlertActionsSlot>;\n};\n\nAlertActions.displayName = \"Alert.Actions\";\n","/**\n * Pre-compiled en messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Dismiss` };\n","/**\n * Pre-compiled de messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Verwerfen` };\n","/**\n * Pre-compiled es messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Desechar` };\n","/**\n * Pre-compiled fr-FR messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Fermer` };\n","/**\n * Pre-compiled pt-BR messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Dispensar` };\n","/**\n * Pre-compiled localized messages for Alert 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 alertMessages_en from \"./intl/en\";\nimport alertMessages_de from \"./intl/de\";\nimport alertMessages_es from \"./intl/es\";\nimport alertMessages_fr from \"./intl/fr-FR\";\nimport alertMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const alertMessagesStrings: LocalizedStrings<string, LocalizedString> = {\n  en: normalizeMessages(alertMessages_en),\n  de: normalizeMessages(alertMessages_de),\n  es: normalizeMessages(alertMessages_es),\n  \"fr-FR\": normalizeMessages(alertMessages_fr),\n  \"pt-BR\": normalizeMessages(alertMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Alert component\n */\nexport type AlertMessageKey = \"dismiss\";\n","import { AlertDismissButton as AlertDismissButtonSlot } from \"../alert.slots\";\nimport type { AlertDismissButtonProps } from \"../alert.types\";\nimport { Clear } from \"@commercetools/nimbus-icons\";\nimport { IconButton } from \"../../icon-button\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { alertMessagesStrings } from \"../alert.messages\";\n\n/**\n * Alert.DismissButton - Button to dismiss or close the alert\n *\n * @supportsStyleProps\n */\nexport const AlertDismissButton = ({ ...props }: AlertDismissButtonProps) => {\n  const msg = useLocalizedStringFormatter(alertMessagesStrings);\n\n  return (\n    <AlertDismissButtonSlot>\n      <IconButton\n        aria-label={msg.format(\"dismiss\")}\n        {...props}\n        variant=\"ghost\"\n        size=\"2xs\"\n      >\n        <Clear role=\"img\" />\n      </IconButton>\n    </AlertDismissButtonSlot>\n  );\n};\n\nAlertDismissButton.displayName = \"Alert.DismissButton\";\n","import {\n  AlertTitle,\n  AlertDescription,\n  AlertActions,\n  AlertDismissButton,\n  AlertRoot,\n} from \"./components\";\n\n/**\n * Alert\n * ============================================================\n * Provides feedback to the user about the status of an action or system event\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/alert}\n *\n * @example\n * ```tsx\n * <Alert.Root tone=\"info\" variant=\"outlined\">\n *   <Alert.Title>Information</Alert.Title>\n *   <Alert.Description>This is an informational alert message.</Alert.Description>\n * </Alert.Root>\n * ```\n */\nexport const Alert = {\n  /**\n   * # Alert.Root\n   *\n   * The root component that provides context and configuration for the alert.\n   * Must wrap all alert parts (Title, Description, Actions, DismissButton) to coordinate their behavior.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"info\" variant=\"outlined\">\n   *   <Alert.Title>Title</Alert.Title>\n   *   <Alert.Description>Description</Alert.Description>\n   * </Alert.Root>\n   * ```\n   */\n  Root: AlertRoot,\n  /**\n   * # Alert.Title\n   *\n   * Displays the title text for the alert.\n   * Typically shown in bold to provide a clear heading for the alert message.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"critical\">\n   *   <Alert.Title>Error Occurred</Alert.Title>\n   * </Alert.Root>\n   * ```\n   */\n  Title: AlertTitle,\n  /**\n   * # Alert.Description\n   *\n   * Displays the descriptive text for the alert.\n   * Provides detailed information about the alert's purpose or the action required.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"warning\">\n   *   <Alert.Title>Warning</Alert.Title>\n   *   <Alert.Description>Please review the following items before proceeding.</Alert.Description>\n   * </Alert.Root>\n   * ```\n   */\n  Description: AlertDescription,\n  /**\n   * # Alert.Actions\n   *\n   * Container for action buttons within the alert.\n   * Allows users to take actions directly from the alert message.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"positive\">\n   *   <Alert.Title>Success</Alert.Title>\n   *   <Alert.Description>Your changes have been saved.</Alert.Description>\n   *   <Alert.Actions>\n   *     <Button>View Details</Button>\n   *   </Alert.Actions>\n   * </Alert.Root>\n   * ```\n   */\n  Actions: AlertActions,\n  /**\n   * # Alert.DismissButton\n   *\n   * Button to dismiss or close the alert.\n   * Provides users with the ability to manually remove the alert from view.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"info\">\n   *   <Alert.Title>Notification</Alert.Title>\n   *   <Alert.Description>You have new messages.</Alert.Description>\n   *   <Alert.DismissButton onClick={() => console.log('Dismissed')} />\n   * </Alert.Root>\n   * ```\n   */\n  DismissButton: AlertDismissButton,\n};\n\n// exports for internal use by react-docgen\nexport {\n  AlertRoot as _AlertRoot,\n  AlertTitle as _AlertTitle,\n  AlertDescription as _AlertDescription,\n  AlertActions as _AlertActions,\n  AlertDismissButton as _AlertDismissButton,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","AlertRoot","AlertTitle","AlertDescription","AlertIcon","AlertActions","AlertDismissButton","getIconFromColorPalette","colorPalette","ErrorOutline","Info","WarningAmber","CheckCircleOutline","props","ref","children","restProps","AlertRootSlot","jsx","AlertTitleSlot","AlertDescriptionSlot","AlertActionsSlot","alertMessages_en","alertMessages_de","alertMessages_es","alertMessages_fr","alertMessages_pt","alertMessagesStrings","normalizeMessages","msg","useLocalizedStringFormatter","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":"oOAUM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,aACP,CAAC,EAEYC,EAAYH,EACvB,MACA,MACF,EAEaI,EAAaH,EACxB,MACA,OACF,EAEaI,EAAmBJ,EAG9B,MAAO,aAAa,EAETK,EAAYL,EACvB,MACA,MACF,EAEaM,EAAeN,EAC1B,MACA,SACF,EAIaO,EAAqBP,EAGhC,MAAO,eAAe,ECnClBQ,EAA2BC,GAA6C,CAC5E,OAAQA,EAAA,CACN,IAAK,WACH,aAAQC,EAAAA,aAAA,EAAa,EACvB,IAAK,OACH,aAAQC,EAAAA,KAAA,EAAK,EACf,IAAK,UACH,aAAQC,EAAAA,aAAA,EAAa,EACvB,IAAK,WACH,aAAQC,EAAAA,mBAAA,EAAmB,EAC7B,QACE,OAAO,IAAA,CAEb,EAOaX,EAAiCY,GAAU,CACtD,KAAM,CAAE,IAAAC,EAAK,SAAAC,EAAU,GAAGC,GAAcH,EAExC,cACGI,EAAA,CAAc,IAAAH,EAAW,GAAGE,EAAW,KAAK,QAC3C,SAAA,CAAAE,MAACd,GAAU,WAAW,aACnB,SAAAG,EAAwBS,EAAU,YAAY,EACjD,EACCD,CAAA,EACH,CAEJ,EAEAd,EAAU,YAAc,aClCjB,MAAMC,EAAa,CAAC,CAAE,SAAAa,EAAU,GAAGF,WAErCM,EAAA,CAAgB,GAAGN,EAAO,WAAW,MACnC,SAAAE,EACH,EAIJb,EAAW,YAAc,cCRlB,MAAMC,EAAmB,CAAC,CAC/B,SAAAY,EACA,GAAGF,CACL,IACSK,EAAAA,IAACE,EAAA,CAAsB,GAAGP,EAAQ,SAAAE,CAAA,CAAS,EAGpDZ,EAAiB,YAAc,oBCPxB,MAAME,EAAe,CAAC,CAAE,SAAAU,EAAU,GAAGF,KACnCK,EAAAA,IAACG,EAAA,CAAkB,GAAGR,EAAQ,SAAAE,CAAA,CAAS,EAGhDV,EAAa,YAAc,gBCN3B,MAAAiB,EAAe,CAAE,QAAS,SAAA,ECA1BC,EAAe,CAAE,QAAS,WAAA,ECA1BC,EAAe,CAAE,QAAS,UAAA,ECA1BC,EAAe,CAAE,QAAS,QAAA,ECA1BC,EAAe,CAAE,QAAS,WAAA,ECiBbC,EAAkE,CAC7E,GAAIC,EAAAA,kBAAkBN,CAAgB,EACtC,GAAIM,EAAAA,kBAAkBL,CAAgB,EACtC,GAAIK,EAAAA,kBAAkBJ,CAAgB,EACtC,QAASI,EAAAA,kBAAkBH,CAAgB,EAC3C,QAASG,EAAAA,kBAAkBF,CAAgB,CAC7C,ECjBapB,EAAqB,CAAC,CAAE,GAAGO,KAAqC,CAC3E,MAAMgB,EAAMC,EAAAA,4BAA4BH,CAAoB,EAE5D,aACGI,EAAA,CACC,SAAAb,EAAAA,IAACc,EAAAA,WAAA,CACC,aAAYH,EAAI,OAAO,SAAS,EAC/B,GAAGhB,EACJ,QAAQ,QACR,KAAK,MAEL,SAAAK,EAAAA,IAACe,EAAAA,MAAA,CAAM,KAAK,KAAA,CAAM,CAAA,CAAA,EAEtB,CAEJ,EAEA3B,EAAmB,YAAc,sBCN1B,MAAM4B,EAAQ,CAenB,KAAMjC,EAcN,MAAOC,EAeP,YAAaC,EAkBb,QAASE,EAgBT,cAAeC,CACjB"}

package/dist/chunks/{alert-B0Bwo4-D.es.js → alert-Xxqyst93.es.js}

@@ -1,7 +1,7 @@
 import { jsxs as A, jsx as s } from "react/jsx-runtime";
 import { createSlotRecipeContext as u } from "@chakra-ui/react/styled-system";
 import { CheckCircleOutline as p, WarningAmber as g, Info as f, ErrorOutline as h, Clear as D } from "@commercetools/nimbus-icons";
-import { I as v } from "./icon-button-DwOSMjvL.es.js";
+import { I as v } from "./icon-button-BEAbGl9T.es.js";
 import { n as r, u as x } from "./normalize-messages-CeN1NEyM.es.js";
 const { withProvider: B, withContext: i } = /* @__PURE__ */ u({
   key: "nimbusAlert"
@@ -155,4 +155,4 @@ export {
   n as d,
   l as e
 };
-//# sourceMappingURL=alert-B0Bwo4-D.es.js.map
+//# sourceMappingURL=alert-Xxqyst93.es.js.map

package/dist/chunks/{alert-B0Bwo4-D.es.js.map → alert-Xxqyst93.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"alert-B0Bwo4-D.es.js","sources":["../../src/components/alert/alert.slots.tsx","../../src/components/alert/components/alert.root.tsx","../../src/components/alert/components/alert.title.tsx","../../src/components/alert/components/alert.description.tsx","../../src/components/alert/components/alert.actions.tsx","../../src/components/alert/intl/en.ts","../../src/components/alert/intl/de.ts","../../src/components/alert/intl/es.ts","../../src/components/alert/intl/fr-FR.ts","../../src/components/alert/intl/pt-BR.ts","../../src/components/alert/alert.messages.ts","../../src/components/alert/components/alert.dismiss-button.tsx","../../src/components/alert/alert.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  AlertActionsSlotProps,\n  AlertDescriptionProps,\n  AlertDismissButtonProps,\n  AlertIconSlotProps,\n  AlertRootSlotProps,\n  AlertTitleProps,\n} from \"./alert.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusAlert\",\n});\n\nexport const AlertRoot = withProvider<HTMLDivElement, AlertRootSlotProps>(\n  \"div\",\n  \"root\"\n);\n\nexport const AlertTitle = withContext<HTMLDivElement, AlertTitleProps>(\n  \"div\",\n  \"title\"\n);\n\nexport const AlertDescription = withContext<\n  HTMLDivElement,\n  AlertDescriptionProps\n>(\"div\", \"description\");\n\nexport const AlertIcon = withContext<HTMLDivElement, AlertIconSlotProps>(\n  \"div\",\n  \"icon\"\n);\n\nexport const AlertActions = withContext<HTMLDivElement, AlertActionsSlotProps>(\n  \"div\",\n  \"actions\"\n);\n\n// This is a div wrapper for layout placement - note that we expect it to receive `IconButton` props, but we use a `div`.\n// We then forward the consumer props to the interior `IconButton` component.\nexport const AlertDismissButton = withContext<\n  HTMLDivElement,\n  AlertDismissButtonProps\n>(\"div\", \"dismissButton\");\n","import { AlertRoot as AlertRootSlot, AlertIcon } from \"../alert.slots\";\nimport type { AlertProps, AlertRootComponent } from \"../alert.types\";\nimport {\n  CheckCircleOutline,\n  ErrorOutline,\n  Info,\n  WarningAmber,\n} from \"@commercetools/nimbus-icons\";\n\nconst getIconFromColorPalette = (colorPalette: AlertProps[\"colorPalette\"]) => {\n  switch (colorPalette) {\n    case \"critical\":\n      return <ErrorOutline />;\n    case \"info\":\n      return <Info />;\n    case \"warning\":\n      return <WarningAmber />;\n    case \"positive\":\n      return <CheckCircleOutline />;\n    default:\n      return null;\n  }\n};\n\n/**\n * Alert.Root - Provides feedback to the user about the status of an action or system event\n *\n * @supportsStyleProps\n */\nexport const AlertRoot: AlertRootComponent = (props) => {\n  const { ref, children, ...restProps } = props;\n\n  return (\n    <AlertRootSlot ref={ref} {...restProps} role=\"alert\">\n      <AlertIcon alignItems=\"flex-start\">\n        {getIconFromColorPalette(restProps.colorPalette)}\n      </AlertIcon>\n      {children}\n    </AlertRootSlot>\n  );\n};\n\nAlertRoot.displayName = \"Alert.Root\";\n","import { AlertTitle as AlertTitleSlot } from \"../alert.slots\";\nimport type { AlertTitleProps } from \"../alert.types\";\n\n/**\n * Alert.Title - Displays the title text for the alert\n *\n * @supportsStyleProps\n */\nexport const AlertTitle = ({ children, ...props }: AlertTitleProps) => {\n  return (\n    <AlertTitleSlot {...props} fontWeight=\"600\">\n      {children}\n    </AlertTitleSlot>\n  );\n};\n\nAlertTitle.displayName = \"Alert.Title\";\n","import { AlertDescription as AlertDescriptionSlot } from \"../alert.slots\";\nimport type { AlertDescriptionProps } from \"../alert.types\";\n\n/**\n * Alert.Description - Displays the description text for the alert\n *\n * @supportsStyleProps\n */\nexport const AlertDescription = ({\n  children,\n  ...props\n}: AlertDescriptionProps) => {\n  return <AlertDescriptionSlot {...props}>{children}</AlertDescriptionSlot>;\n};\n\nAlertDescription.displayName = \"Alert.Description\";\n","import { AlertActions as AlertActionsSlot } from \"../alert.slots\";\nimport type { AlertActionsProps } from \"../alert.types\";\n\n/**\n * Alert.Actions - Container for action buttons within the alert\n *\n * @supportsStyleProps\n */\nexport const AlertActions = ({ children, ...props }: AlertActionsProps) => {\n  return <AlertActionsSlot {...props}>{children}</AlertActionsSlot>;\n};\n\nAlertActions.displayName = \"Alert.Actions\";\n","/**\n * Pre-compiled en messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Dismiss` };\n","/**\n * Pre-compiled de messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Verwerfen` };\n","/**\n * Pre-compiled es messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Desechar` };\n","/**\n * Pre-compiled fr-FR messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Fermer` };\n","/**\n * Pre-compiled pt-BR messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Dispensar` };\n","/**\n * Pre-compiled localized messages for Alert 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 alertMessages_en from \"./intl/en\";\nimport alertMessages_de from \"./intl/de\";\nimport alertMessages_es from \"./intl/es\";\nimport alertMessages_fr from \"./intl/fr-FR\";\nimport alertMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const alertMessagesStrings: LocalizedStrings<string, LocalizedString> = {\n  en: normalizeMessages(alertMessages_en),\n  de: normalizeMessages(alertMessages_de),\n  es: normalizeMessages(alertMessages_es),\n  \"fr-FR\": normalizeMessages(alertMessages_fr),\n  \"pt-BR\": normalizeMessages(alertMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Alert component\n */\nexport type AlertMessageKey = \"dismiss\";\n","import { AlertDismissButton as AlertDismissButtonSlot } from \"../alert.slots\";\nimport type { AlertDismissButtonProps } from \"../alert.types\";\nimport { Clear } from \"@commercetools/nimbus-icons\";\nimport { IconButton } from \"../../icon-button\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { alertMessagesStrings } from \"../alert.messages\";\n\n/**\n * Alert.DismissButton - Button to dismiss or close the alert\n *\n * @supportsStyleProps\n */\nexport const AlertDismissButton = ({ ...props }: AlertDismissButtonProps) => {\n  const msg = useLocalizedStringFormatter(alertMessagesStrings);\n\n  return (\n    <AlertDismissButtonSlot>\n      <IconButton\n        aria-label={msg.format(\"dismiss\")}\n        {...props}\n        variant=\"ghost\"\n        size=\"2xs\"\n      >\n        <Clear role=\"img\" />\n      </IconButton>\n    </AlertDismissButtonSlot>\n  );\n};\n\nAlertDismissButton.displayName = \"Alert.DismissButton\";\n","import {\n  AlertTitle,\n  AlertDescription,\n  AlertActions,\n  AlertDismissButton,\n  AlertRoot,\n} from \"./components\";\n\n/**\n * Alert\n * ============================================================\n * Provides feedback to the user about the status of an action or system event\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/alert}\n *\n * @example\n * ```tsx\n * <Alert.Root tone=\"info\" variant=\"outlined\">\n *   <Alert.Title>Information</Alert.Title>\n *   <Alert.Description>This is an informational alert message.</Alert.Description>\n * </Alert.Root>\n * ```\n */\nexport const Alert = {\n  /**\n   * # Alert.Root\n   *\n   * The root component that provides context and configuration for the alert.\n   * Must wrap all alert parts (Title, Description, Actions, DismissButton) to coordinate their behavior.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"info\" variant=\"outlined\">\n   *   <Alert.Title>Title</Alert.Title>\n   *   <Alert.Description>Description</Alert.Description>\n   * </Alert.Root>\n   * ```\n   */\n  Root: AlertRoot,\n  /**\n   * # Alert.Title\n   *\n   * Displays the title text for the alert.\n   * Typically shown in bold to provide a clear heading for the alert message.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"critical\">\n   *   <Alert.Title>Error Occurred</Alert.Title>\n   * </Alert.Root>\n   * ```\n   */\n  Title: AlertTitle,\n  /**\n   * # Alert.Description\n   *\n   * Displays the descriptive text for the alert.\n   * Provides detailed information about the alert's purpose or the action required.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"warning\">\n   *   <Alert.Title>Warning</Alert.Title>\n   *   <Alert.Description>Please review the following items before proceeding.</Alert.Description>\n   * </Alert.Root>\n   * ```\n   */\n  Description: AlertDescription,\n  /**\n   * # Alert.Actions\n   *\n   * Container for action buttons within the alert.\n   * Allows users to take actions directly from the alert message.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"positive\">\n   *   <Alert.Title>Success</Alert.Title>\n   *   <Alert.Description>Your changes have been saved.</Alert.Description>\n   *   <Alert.Actions>\n   *     <Button>View Details</Button>\n   *   </Alert.Actions>\n   * </Alert.Root>\n   * ```\n   */\n  Actions: AlertActions,\n  /**\n   * # Alert.DismissButton\n   *\n   * Button to dismiss or close the alert.\n   * Provides users with the ability to manually remove the alert from view.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"info\">\n   *   <Alert.Title>Notification</Alert.Title>\n   *   <Alert.Description>You have new messages.</Alert.Description>\n   *   <Alert.DismissButton onClick={() => console.log('Dismissed')} />\n   * </Alert.Root>\n   * ```\n   */\n  DismissButton: AlertDismissButton,\n};\n\n// exports for internal use by react-docgen\nexport {\n  AlertRoot as _AlertRoot,\n  AlertTitle as _AlertTitle,\n  AlertDescription as _AlertDescription,\n  AlertActions as _AlertActions,\n  AlertDismissButton as _AlertDismissButton,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","AlertRoot","AlertTitle","AlertDescription","AlertIcon","AlertActions","AlertDismissButton","getIconFromColorPalette","colorPalette","ErrorOutline","Info","WarningAmber","CheckCircleOutline","props","ref","children","restProps","AlertRootSlot","jsx","AlertTitleSlot","AlertDescriptionSlot","AlertActionsSlot","alertMessages_en","alertMessages_de","alertMessages_es","alertMessages_fr","alertMessages_pt","alertMessagesStrings","normalizeMessages","msg","useLocalizedStringFormatter","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":";;;;;AAUA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAEYC,IAAY,gBAAAH;AAAA,EACvB;AAAA,EACA;AACF,GAEaI,IAAa,gBAAAH;AAAA,EACxB;AAAA,EACA;AACF,GAEaI,IAAmB,gBAAAJ,EAG9B,OAAO,aAAa,GAETK,IAAY,gBAAAL;AAAA,EACvB;AAAA,EACA;AACF,GAEaM,IAAe,gBAAAN;AAAA,EAC1B;AAAA,EACA;AACF,GAIaO,IAAqB,gBAAAP,EAGhC,OAAO,eAAe,GCnClBQ,IAA0B,CAACC,MAA6C;AAC5E,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,+BAAQC,GAAA,EAAa;AAAA,IACvB,KAAK;AACH,+BAAQC,GAAA,EAAK;AAAA,IACf,KAAK;AACH,+BAAQC,GAAA,EAAa;AAAA,IACvB,KAAK;AACH,+BAAQC,GAAA,EAAmB;AAAA,IAC7B;AACE,aAAO;AAAA,EAAA;AAEb,GAOaX,IAAgC,CAACY,MAAU;AACtD,QAAM,EAAE,KAAAC,GAAK,UAAAC,GAAU,GAAGC,MAAcH;AAExC,2BACGI,GAAA,EAAc,KAAAH,GAAW,GAAGE,GAAW,MAAK,SAC3C,UAAA;AAAA,IAAA,gBAAAE,EAACd,KAAU,YAAW,cACnB,UAAAG,EAAwBS,EAAU,YAAY,GACjD;AAAA,IACCD;AAAA,EAAA,GACH;AAEJ;AAEAd,EAAU,cAAc;AClCjB,MAAMC,IAAa,CAAC,EAAE,UAAAa,GAAU,GAAGF,0BAErCM,GAAA,EAAgB,GAAGN,GAAO,YAAW,OACnC,UAAAE,GACH;AAIJb,EAAW,cAAc;ACRlB,MAAMC,IAAmB,CAAC;AAAA,EAC/B,UAAAY;AAAA,EACA,GAAGF;AACL,MACS,gBAAAK,EAACE,GAAA,EAAsB,GAAGP,GAAQ,UAAAE,EAAA,CAAS;AAGpDZ,EAAiB,cAAc;ACPxB,MAAME,IAAe,CAAC,EAAE,UAAAU,GAAU,GAAGF,QACnC,gBAAAK,EAACG,GAAA,EAAkB,GAAGR,GAAQ,UAAAE,EAAA,CAAS;AAGhDV,EAAa,cAAc;ACN3B,MAAAiB,IAAe,EAAE,SAAS,UAAA,GCA1BC,IAAe,EAAE,SAAS,YAAA,GCA1BC,IAAe,EAAE,SAAS,WAAA,GCA1BC,IAAe,EAAE,SAAS,SAAA,GCA1BC,IAAe,EAAE,SAAS,YAAA,GCiBbC,IAAkE;AAAA,EAC7E,IAAI,gBAAAC,EAAkBN,CAAgB;AAAA,EACtC,IAAI,gBAAAM,EAAkBL,CAAgB;AAAA,EACtC,IAAI,gBAAAK,EAAkBJ,CAAgB;AAAA,EACtC,SAAS,gBAAAI,EAAkBH,CAAgB;AAAA,EAC3C,SAAS,gBAAAG,EAAkBF,CAAgB;AAC7C,GCjBapB,IAAqB,CAAC,EAAE,GAAGO,QAAqC;AAC3E,QAAMgB,IAAMC,EAA4BH,CAAoB;AAE5D,2BACGI,GAAA,EACC,UAAA,gBAAAb;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,cAAYH,EAAI,OAAO,SAAS;AAAA,MAC/B,GAAGhB;AAAA,MACJ,SAAQ;AAAA,MACR,MAAK;AAAA,MAEL,UAAA,gBAAAK,EAACe,GAAA,EAAM,MAAK,MAAA,CAAM;AAAA,IAAA;AAAA,EAAA,GAEtB;AAEJ;AAEA3B,EAAmB,cAAc;ACN1B,MAAM4B,IAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAenB,MAAMjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcN,OAAOC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAeP,aAAaC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBb,SAASE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBT,eAAeC;AACjB;"}
+{"version":3,"file":"alert-Xxqyst93.es.js","sources":["../../src/components/alert/alert.slots.tsx","../../src/components/alert/components/alert.root.tsx","../../src/components/alert/components/alert.title.tsx","../../src/components/alert/components/alert.description.tsx","../../src/components/alert/components/alert.actions.tsx","../../src/components/alert/intl/en.ts","../../src/components/alert/intl/de.ts","../../src/components/alert/intl/es.ts","../../src/components/alert/intl/fr-FR.ts","../../src/components/alert/intl/pt-BR.ts","../../src/components/alert/alert.messages.ts","../../src/components/alert/components/alert.dismiss-button.tsx","../../src/components/alert/alert.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  AlertActionsSlotProps,\n  AlertDescriptionProps,\n  AlertDismissButtonProps,\n  AlertIconSlotProps,\n  AlertRootSlotProps,\n  AlertTitleProps,\n} from \"./alert.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusAlert\",\n});\n\nexport const AlertRoot = withProvider<HTMLDivElement, AlertRootSlotProps>(\n  \"div\",\n  \"root\"\n);\n\nexport const AlertTitle = withContext<HTMLDivElement, AlertTitleProps>(\n  \"div\",\n  \"title\"\n);\n\nexport const AlertDescription = withContext<\n  HTMLDivElement,\n  AlertDescriptionProps\n>(\"div\", \"description\");\n\nexport const AlertIcon = withContext<HTMLDivElement, AlertIconSlotProps>(\n  \"div\",\n  \"icon\"\n);\n\nexport const AlertActions = withContext<HTMLDivElement, AlertActionsSlotProps>(\n  \"div\",\n  \"actions\"\n);\n\n// This is a div wrapper for layout placement - note that we expect it to receive `IconButton` props, but we use a `div`.\n// We then forward the consumer props to the interior `IconButton` component.\nexport const AlertDismissButton = withContext<\n  HTMLDivElement,\n  AlertDismissButtonProps\n>(\"div\", \"dismissButton\");\n","import { AlertRoot as AlertRootSlot, AlertIcon } from \"../alert.slots\";\nimport type { AlertProps, AlertRootComponent } from \"../alert.types\";\nimport {\n  CheckCircleOutline,\n  ErrorOutline,\n  Info,\n  WarningAmber,\n} from \"@commercetools/nimbus-icons\";\n\nconst getIconFromColorPalette = (colorPalette: AlertProps[\"colorPalette\"]) => {\n  switch (colorPalette) {\n    case \"critical\":\n      return <ErrorOutline />;\n    case \"info\":\n      return <Info />;\n    case \"warning\":\n      return <WarningAmber />;\n    case \"positive\":\n      return <CheckCircleOutline />;\n    default:\n      return null;\n  }\n};\n\n/**\n * Alert.Root - Provides feedback to the user about the status of an action or system event\n *\n * @supportsStyleProps\n */\nexport const AlertRoot: AlertRootComponent = (props) => {\n  const { ref, children, ...restProps } = props;\n\n  return (\n    <AlertRootSlot ref={ref} {...restProps} role=\"alert\">\n      <AlertIcon alignItems=\"flex-start\">\n        {getIconFromColorPalette(restProps.colorPalette)}\n      </AlertIcon>\n      {children}\n    </AlertRootSlot>\n  );\n};\n\nAlertRoot.displayName = \"Alert.Root\";\n","import { AlertTitle as AlertTitleSlot } from \"../alert.slots\";\nimport type { AlertTitleProps } from \"../alert.types\";\n\n/**\n * Alert.Title - Displays the title text for the alert\n *\n * @supportsStyleProps\n */\nexport const AlertTitle = ({ children, ...props }: AlertTitleProps) => {\n  return (\n    <AlertTitleSlot {...props} fontWeight=\"600\">\n      {children}\n    </AlertTitleSlot>\n  );\n};\n\nAlertTitle.displayName = \"Alert.Title\";\n","import { AlertDescription as AlertDescriptionSlot } from \"../alert.slots\";\nimport type { AlertDescriptionProps } from \"../alert.types\";\n\n/**\n * Alert.Description - Displays the description text for the alert\n *\n * @supportsStyleProps\n */\nexport const AlertDescription = ({\n  children,\n  ...props\n}: AlertDescriptionProps) => {\n  return <AlertDescriptionSlot {...props}>{children}</AlertDescriptionSlot>;\n};\n\nAlertDescription.displayName = \"Alert.Description\";\n","import { AlertActions as AlertActionsSlot } from \"../alert.slots\";\nimport type { AlertActionsProps } from \"../alert.types\";\n\n/**\n * Alert.Actions - Container for action buttons within the alert\n *\n * @supportsStyleProps\n */\nexport const AlertActions = ({ children, ...props }: AlertActionsProps) => {\n  return <AlertActionsSlot {...props}>{children}</AlertActionsSlot>;\n};\n\nAlertActions.displayName = \"Alert.Actions\";\n","/**\n * Pre-compiled en messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Dismiss` };\n","/**\n * Pre-compiled de messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Verwerfen` };\n","/**\n * Pre-compiled es messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Desechar` };\n","/**\n * Pre-compiled fr-FR messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Fermer` };\n","/**\n * Pre-compiled pt-BR messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Dispensar` };\n","/**\n * Pre-compiled localized messages for Alert 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 alertMessages_en from \"./intl/en\";\nimport alertMessages_de from \"./intl/de\";\nimport alertMessages_es from \"./intl/es\";\nimport alertMessages_fr from \"./intl/fr-FR\";\nimport alertMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const alertMessagesStrings: LocalizedStrings<string, LocalizedString> = {\n  en: normalizeMessages(alertMessages_en),\n  de: normalizeMessages(alertMessages_de),\n  es: normalizeMessages(alertMessages_es),\n  \"fr-FR\": normalizeMessages(alertMessages_fr),\n  \"pt-BR\": normalizeMessages(alertMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Alert component\n */\nexport type AlertMessageKey = \"dismiss\";\n","import { AlertDismissButton as AlertDismissButtonSlot } from \"../alert.slots\";\nimport type { AlertDismissButtonProps } from \"../alert.types\";\nimport { Clear } from \"@commercetools/nimbus-icons\";\nimport { IconButton } from \"../../icon-button\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { alertMessagesStrings } from \"../alert.messages\";\n\n/**\n * Alert.DismissButton - Button to dismiss or close the alert\n *\n * @supportsStyleProps\n */\nexport const AlertDismissButton = ({ ...props }: AlertDismissButtonProps) => {\n  const msg = useLocalizedStringFormatter(alertMessagesStrings);\n\n  return (\n    <AlertDismissButtonSlot>\n      <IconButton\n        aria-label={msg.format(\"dismiss\")}\n        {...props}\n        variant=\"ghost\"\n        size=\"2xs\"\n      >\n        <Clear role=\"img\" />\n      </IconButton>\n    </AlertDismissButtonSlot>\n  );\n};\n\nAlertDismissButton.displayName = \"Alert.DismissButton\";\n","import {\n  AlertTitle,\n  AlertDescription,\n  AlertActions,\n  AlertDismissButton,\n  AlertRoot,\n} from \"./components\";\n\n/**\n * Alert\n * ============================================================\n * Provides feedback to the user about the status of an action or system event\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/alert}\n *\n * @example\n * ```tsx\n * <Alert.Root tone=\"info\" variant=\"outlined\">\n *   <Alert.Title>Information</Alert.Title>\n *   <Alert.Description>This is an informational alert message.</Alert.Description>\n * </Alert.Root>\n * ```\n */\nexport const Alert = {\n  /**\n   * # Alert.Root\n   *\n   * The root component that provides context and configuration for the alert.\n   * Must wrap all alert parts (Title, Description, Actions, DismissButton) to coordinate their behavior.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"info\" variant=\"outlined\">\n   *   <Alert.Title>Title</Alert.Title>\n   *   <Alert.Description>Description</Alert.Description>\n   * </Alert.Root>\n   * ```\n   */\n  Root: AlertRoot,\n  /**\n   * # Alert.Title\n   *\n   * Displays the title text for the alert.\n   * Typically shown in bold to provide a clear heading for the alert message.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"critical\">\n   *   <Alert.Title>Error Occurred</Alert.Title>\n   * </Alert.Root>\n   * ```\n   */\n  Title: AlertTitle,\n  /**\n   * # Alert.Description\n   *\n   * Displays the descriptive text for the alert.\n   * Provides detailed information about the alert's purpose or the action required.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"warning\">\n   *   <Alert.Title>Warning</Alert.Title>\n   *   <Alert.Description>Please review the following items before proceeding.</Alert.Description>\n   * </Alert.Root>\n   * ```\n   */\n  Description: AlertDescription,\n  /**\n   * # Alert.Actions\n   *\n   * Container for action buttons within the alert.\n   * Allows users to take actions directly from the alert message.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"positive\">\n   *   <Alert.Title>Success</Alert.Title>\n   *   <Alert.Description>Your changes have been saved.</Alert.Description>\n   *   <Alert.Actions>\n   *     <Button>View Details</Button>\n   *   </Alert.Actions>\n   * </Alert.Root>\n   * ```\n   */\n  Actions: AlertActions,\n  /**\n   * # Alert.DismissButton\n   *\n   * Button to dismiss or close the alert.\n   * Provides users with the ability to manually remove the alert from view.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"info\">\n   *   <Alert.Title>Notification</Alert.Title>\n   *   <Alert.Description>You have new messages.</Alert.Description>\n   *   <Alert.DismissButton onClick={() => console.log('Dismissed')} />\n   * </Alert.Root>\n   * ```\n   */\n  DismissButton: AlertDismissButton,\n};\n\n// exports for internal use by react-docgen\nexport {\n  AlertRoot as _AlertRoot,\n  AlertTitle as _AlertTitle,\n  AlertDescription as _AlertDescription,\n  AlertActions as _AlertActions,\n  AlertDismissButton as _AlertDismissButton,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","AlertRoot","AlertTitle","AlertDescription","AlertIcon","AlertActions","AlertDismissButton","getIconFromColorPalette","colorPalette","ErrorOutline","Info","WarningAmber","CheckCircleOutline","props","ref","children","restProps","AlertRootSlot","jsx","AlertTitleSlot","AlertDescriptionSlot","AlertActionsSlot","alertMessages_en","alertMessages_de","alertMessages_es","alertMessages_fr","alertMessages_pt","alertMessagesStrings","normalizeMessages","msg","useLocalizedStringFormatter","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":"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"}

package/dist/chunks/avatar-BxWYEvDv.es.js

@@ -0,0 +1,59 @@
+import { jsxs as h, jsx as u } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { Person as A } from "@commercetools/nimbus-icons";
+import { createRecipeContext as I } from "@chakra-ui/react/styled-system";
+import { n as e, u as M } from "./normalize-messages-CeN1NEyM.es.js";
+import { getInitials as x, getFullName as F } from "../components/utils.es.js";
+import { I as S } from "./image-DRigLU80.es.js";
+const { withContext: _ } = /* @__PURE__ */ I({ key: "nimbusAvatar" }), $ = /* @__PURE__ */ _(
+  "figure"
+), k = {
+  avatarLabel: (a) => `Avatar image for ${a.fullName}`,
+  avatarLabelGeneric: "Generic user avatar"
+}, R = {
+  avatarLabel: (a) => `Avatarbild für ${a.fullName}`,
+  avatarLabelGeneric: "Generic user avatar"
+}, w = {
+  avatarLabel: (a) => `Imagen de avatar para ${a.fullName}`,
+  avatarLabelGeneric: "Generic user avatar"
+}, y = {
+  avatarLabel: (a) => `Image d'avatar pour ${a.fullName}`,
+  avatarLabelGeneric: "Generic user avatar"
+}, E = {
+  avatarLabel: (a) => `Avatar para ${a.fullName}`,
+  avatarLabelGeneric: "Generic user avatar"
+}, j = {
+  en: /* @__PURE__ */ e(k),
+  de: /* @__PURE__ */ e(R),
+  es: /* @__PURE__ */ e(w),
+  "fr-FR": /* @__PURE__ */ e(y),
+  "pt-BR": /* @__PURE__ */ e(E)
+}, z = (a) => {
+  const s = M(j), { ref: b, firstName: o, lastName: l, src: r, alt: d, ...p } = a, [n, i] = g(!1), [c, m] = g(!1), v = x(o, l), t = F(o, l), f = t ? s.format("avatarLabel", { fullName: t }) : s.format("avatarLabelGeneric"), L = {
+    "aria-label": f,
+    ref: b,
+    ...p
+  }, G = () => {
+    i(!0), m(!1);
+  }, N = () => {
+    i(!1), m(!0);
+  };
+  return /* @__PURE__ */ h($, { ...L, children: [
+    (!r || !n || c) && (v.length > 0 ? v : /* @__PURE__ */ u(A, { "aria-hidden": "true" })),
+    r && /* @__PURE__ */ u(
+      S,
+      {
+        src: r,
+        alt: d || t || f,
+        onLoad: G,
+        onError: N,
+        display: n && !c ? "block" : "none"
+      }
+    )
+  ] });
+};
+z.displayName = "Avatar";
+export {
+  z as A
+};
+//# sourceMappingURL=avatar-BxWYEvDv.es.js.map

package/dist/chunks/avatar-BxWYEvDv.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-BxWYEvDv.es.js","sources":["../../src/components/avatar/avatar.slots.tsx","../../src/components/avatar/intl/en.ts","../../src/components/avatar/intl/de.ts","../../src/components/avatar/intl/es.ts","../../src/components/avatar/intl/fr-FR.ts","../../src/components/avatar/intl/pt-BR.ts","../../src/components/avatar/avatar.messages.ts","../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { AvatarRootSlotProps } from \"./avatar.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusAvatar\" });\n\nexport const AvatarRoot = withContext<HTMLElement, AvatarRootSlotProps>(\n  \"figure\"\n);\n","/**\n * Pre-compiled en messages for Avatar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  avatarLabel: (args: Record<string, string | number>) =>\n    `Avatar image for ${args.fullName}`,\n  avatarLabelGeneric: `Generic user avatar`,\n};\n","/**\n * Pre-compiled de messages for Avatar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  avatarLabel: (args: Record<string, string | number>) =>\n    `Avatarbild für ${args.fullName}`,\n  avatarLabelGeneric: `Generic user avatar`,\n};\n","/**\n * Pre-compiled es messages for Avatar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  avatarLabel: (args: Record<string, string | number>) =>\n    `Imagen de avatar para ${args.fullName}`,\n  avatarLabelGeneric: `Generic user avatar`,\n};\n","/**\n * Pre-compiled fr-FR messages for Avatar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  avatarLabel: (args: Record<string, string | number>) =>\n    `Image d'avatar pour ${args.fullName}`,\n  avatarLabelGeneric: `Generic user avatar`,\n};\n","/**\n * Pre-compiled pt-BR messages for Avatar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  avatarLabel: (args: Record<string, string | number>) =>\n    `Avatar para ${args.fullName}`,\n  avatarLabelGeneric: `Generic user avatar`,\n};\n","/**\n * Pre-compiled localized messages for Avatar 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 avatarMessages_en from \"./intl/en\";\nimport avatarMessages_de from \"./intl/de\";\nimport avatarMessages_es from \"./intl/es\";\nimport avatarMessages_fr from \"./intl/fr-FR\";\nimport avatarMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const avatarMessagesStrings: LocalizedStrings<string, LocalizedString> =\n  {\n    en: normalizeMessages(avatarMessages_en),\n    de: normalizeMessages(avatarMessages_de),\n    es: normalizeMessages(avatarMessages_es),\n    \"fr-FR\": normalizeMessages(avatarMessages_fr),\n    \"pt-BR\": normalizeMessages(avatarMessages_pt),\n  } as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Avatar component\n */\nexport type AvatarMessageKey = \"avatarLabel\" | \"avatarLabelGeneric\";\n","import { useState } from \"react\";\nimport { Person } from \"@commercetools/nimbus-icons\";\nimport { Image } from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { type AvatarProps } from \"./avatar.types\";\nimport { AvatarRoot } from \"./avatar.slots\";\nimport { avatarMessagesStrings } from \"./avatar.messages\";\nimport { getInitials, getFullName } from \"./utils\";\n\n/**\n * Avatar\n * ============================================================\n * A small image or icon that identifies and personalizes the user within the interface.\n * Displays user images or automatically generates initials from first and last names.\n * Falls back to initials if image fails to load, and to a Person icon when no\n * usable initials can be derived.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/media/avatar}\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <Avatar firstName=\"John\" lastName=\"Doe\" src=\"https://example.com/avatar.jpg\" />\n * ```\n *\n * @example\n * ```tsx\n * // With initials fallback\n * <Avatar firstName=\"Jane\" lastName=\"Smith\" />\n * ```\n *\n * @example\n * ```tsx\n * // No names provided — renders the Person icon and a generic localized label\n * <Avatar />\n * ```\n */\nexport const Avatar = (props: AvatarProps) => {\n  const msg = useLocalizedStringFormatter(avatarMessagesStrings);\n  const { ref, firstName, lastName, src, alt, ...rest } = props;\n  const [imageLoaded, setImageLoaded] = useState(false);\n  const [imageError, setImageError] = useState(false);\n\n  const initials = getInitials(firstName, lastName);\n  const fullName = getFullName(firstName, lastName);\n\n  const avatarLabel = fullName\n    ? msg.format(\"avatarLabel\", { fullName })\n    : msg.format(\"avatarLabelGeneric\");\n\n  const sharedProps = {\n    \"aria-label\": avatarLabel,\n    ref,\n    ...rest,\n  };\n\n  const onLoad = () => {\n    setImageLoaded(true);\n    setImageError(false);\n  };\n\n  const onError = () => {\n    setImageLoaded(false);\n    setImageError(true);\n  };\n\n  // Show the fallback (initials or Person icon) when no src is provided,\n  // while the image is loading, or when the image failed to load.\n  const shouldShowFallback = !src || !imageLoaded || imageError;\n\n  return (\n    <AvatarRoot {...sharedProps}>\n      {shouldShowFallback &&\n        (initials.length > 0 ? initials : <Person aria-hidden=\"true\" />)}\n\n      {src && (\n        <Image\n          src={src}\n          alt={alt || fullName || avatarLabel}\n          onLoad={onLoad}\n          onError={onError}\n          display={imageLoaded && !imageError ? \"block\" : \"none\"}\n        />\n      )}\n    </AvatarRoot>\n  );\n};\n\nAvatar.displayName = \"Avatar\";\n"],"names":["withContext","createRecipeContext","AvatarRoot","avatarMessages_en","args","avatarMessages_de","avatarMessages_es","avatarMessages_fr","avatarMessages_pt","avatarMessagesStrings","normalizeMessages","Avatar","props","msg","useLocalizedStringFormatter","ref","firstName","lastName","src","alt","rest","imageLoaded","setImageLoaded","useState","imageError","setImageError","initials","getInitials","fullName","getFullName","avatarLabel","sharedProps","onLoad","onError","jsxs","jsx","Person","Image"],"mappings":";;;;;;;AAGA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,KAAK,gBAAgB,GAEtDC,IAAa,gBAAAF;AAAA,EACxB;AACF,GCDAG,IAAe;AAAA,EACb,aAAa,CAACC,MACZ,oBAAoBA,EAAK,QAAQ;AAAA,EACnC,oBAAoB;AACtB,GCJAC,IAAe;AAAA,EACb,aAAa,CAACD,MACZ,kBAAkBA,EAAK,QAAQ;AAAA,EACjC,oBAAoB;AACtB,GCJAE,IAAe;AAAA,EACb,aAAa,CAACF,MACZ,yBAAyBA,EAAK,QAAQ;AAAA,EACxC,oBAAoB;AACtB,GCJAG,IAAe;AAAA,EACb,aAAa,CAACH,MACZ,uBAAuBA,EAAK,QAAQ;AAAA,EACtC,oBAAoB;AACtB,GCJAI,IAAe;AAAA,EACb,aAAa,CAACJ,MACZ,eAAeA,EAAK,QAAQ;AAAA,EAC9B,oBAAoB;AACtB,GCaaK,IACX;AAAA,EACE,IAAI,gBAAAC,EAAkBP,CAAiB;AAAA,EACvC,IAAI,gBAAAO,EAAkBL,CAAiB;AAAA,EACvC,IAAI,gBAAAK,EAAkBJ,CAAiB;AAAA,EACvC,SAAS,gBAAAI,EAAkBH,CAAiB;AAAA,EAC5C,SAAS,gBAAAG,EAAkBF,CAAiB;AAC9C,GCQWG,IAAS,CAACC,MAAuB;AAC5C,QAAMC,IAAMC,EAA4BL,CAAqB,GACvD,EAAE,KAAAM,GAAK,WAAAC,GAAW,UAAAC,GAAU,KAAAC,GAAK,KAAAC,GAAK,GAAGC,MAASR,GAClD,CAACS,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAACC,GAAYC,CAAa,IAAIF,EAAS,EAAK,GAE5CG,IAAWC,EAAYX,GAAWC,CAAQ,GAC1CW,IAAWC,EAAYb,GAAWC,CAAQ,GAE1Ca,IAAcF,IAChBf,EAAI,OAAO,eAAe,EAAE,UAAAe,GAAU,IACtCf,EAAI,OAAO,oBAAoB,GAE7BkB,IAAc;AAAA,IAClB,cAAcD;AAAA,IACd,KAAAf;AAAA,IACA,GAAGK;AAAA,EAAA,GAGCY,IAAS,MAAM;AACnB,IAAAV,EAAe,EAAI,GACnBG,EAAc,EAAK;AAAA,EACrB,GAEMQ,IAAU,MAAM;AACpB,IAAAX,EAAe,EAAK,GACpBG,EAAc,EAAI;AAAA,EACpB;AAMA,SACE,gBAAAS,EAAChC,GAAA,EAAY,GAAG6B,GACb,UAAA;AAAA,KAJsB,CAACb,KAAO,CAACG,KAAeG,OAK5CE,EAAS,SAAS,IAAIA,IAAW,gBAAAS,EAACC,GAAA,EAAO,eAAY,OAAA,CAAO;AAAA,IAE9DlB,KACC,gBAAAiB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAAnB;AAAA,QACA,KAAKC,KAAOS,KAAYE;AAAA,QACxB,QAAAE;AAAA,QACA,SAAAC;AAAA,QACA,SAASZ,KAAe,CAACG,IAAa,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAClD,GAEJ;AAEJ;AAEAb,EAAO,cAAc;"}

package/dist/chunks/avatar-CAvEZh0T.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),b=require("react"),q=require("@commercetools/nimbus-icons"),z=require("@chakra-ui/react/styled-system"),e=require("./normalize-messages-Dogs8lYA.cjs.js"),d=require("../components/utils.cjs"),I=require("./image-CGOYoc2s.cjs.js"),{withContext:$}=z.createRecipeContext({key:"nimbusAvatar"}),x=$("figure"),S={avatarLabel:a=>`Avatar image for ${a.fullName}`,avatarLabelGeneric:"Generic user avatar"},y={avatarLabel:a=>`Avatarbild für ${a.fullName}`,avatarLabelGeneric:"Generic user avatar"},R={avatarLabel:a=>`Imagen de avatar para ${a.fullName}`,avatarLabelGeneric:"Generic user avatar"},_={avatarLabel:a=>`Image d'avatar pour ${a.fullName}`,avatarLabelGeneric:"Generic user avatar"},j={avatarLabel:a=>`Avatar para ${a.fullName}`,avatarLabelGeneric:"Generic user avatar"},F={en:e.normalizeMessages(S),de:e.normalizeMessages(y),es:e.normalizeMessages(R),"fr-FR":e.normalizeMessages(_),"pt-BR":e.normalizeMessages(j)},f=a=>{const n=e.useLocalizedStringFormatter(F),{ref:L,firstName:o,lastName:l,src:r,alt:M,...G}=a,[i,c]=b.useState(!1),[u,v]=b.useState(!1),m=d.getInitials(o,l),s=d.getFullName(o,l),g=s?n.format("avatarLabel",{fullName:s}):n.format("avatarLabelGeneric"),N={"aria-label":g,ref:L,...G},p=()=>{c(!0),v(!1)},A=()=>{c(!1),v(!0)},h=!r||!i||u;return t.jsxs(x,{...N,children:[h&&(m.length>0?m:t.jsx(q.Person,{"aria-hidden":"true"})),r&&t.jsx(I.Image,{src:r,alt:M||s||g,onLoad:p,onError:A,display:i&&!u?"block":"none"})]})};f.displayName="Avatar";exports.Avatar=f;
+//# sourceMappingURL=avatar-CAvEZh0T.cjs.js.map

package/dist/chunks/avatar-CAvEZh0T.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-CAvEZh0T.cjs.js","sources":["../../src/components/avatar/avatar.slots.tsx","../../src/components/avatar/intl/en.ts","../../src/components/avatar/intl/de.ts","../../src/components/avatar/intl/es.ts","../../src/components/avatar/intl/fr-FR.ts","../../src/components/avatar/intl/pt-BR.ts","../../src/components/avatar/avatar.messages.ts","../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { AvatarRootSlotProps } from \"./avatar.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusAvatar\" });\n\nexport const AvatarRoot = withContext<HTMLElement, AvatarRootSlotProps>(\n  \"figure\"\n);\n","/**\n * Pre-compiled en messages for Avatar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  avatarLabel: (args: Record<string, string | number>) =>\n    `Avatar image for ${args.fullName}`,\n  avatarLabelGeneric: `Generic user avatar`,\n};\n","/**\n * Pre-compiled de messages for Avatar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  avatarLabel: (args: Record<string, string | number>) =>\n    `Avatarbild für ${args.fullName}`,\n  avatarLabelGeneric: `Generic user avatar`,\n};\n","/**\n * Pre-compiled es messages for Avatar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  avatarLabel: (args: Record<string, string | number>) =>\n    `Imagen de avatar para ${args.fullName}`,\n  avatarLabelGeneric: `Generic user avatar`,\n};\n","/**\n * Pre-compiled fr-FR messages for Avatar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  avatarLabel: (args: Record<string, string | number>) =>\n    `Image d'avatar pour ${args.fullName}`,\n  avatarLabelGeneric: `Generic user avatar`,\n};\n","/**\n * Pre-compiled pt-BR messages for Avatar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  avatarLabel: (args: Record<string, string | number>) =>\n    `Avatar para ${args.fullName}`,\n  avatarLabelGeneric: `Generic user avatar`,\n};\n","/**\n * Pre-compiled localized messages for Avatar 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 avatarMessages_en from \"./intl/en\";\nimport avatarMessages_de from \"./intl/de\";\nimport avatarMessages_es from \"./intl/es\";\nimport avatarMessages_fr from \"./intl/fr-FR\";\nimport avatarMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const avatarMessagesStrings: LocalizedStrings<string, LocalizedString> =\n  {\n    en: normalizeMessages(avatarMessages_en),\n    de: normalizeMessages(avatarMessages_de),\n    es: normalizeMessages(avatarMessages_es),\n    \"fr-FR\": normalizeMessages(avatarMessages_fr),\n    \"pt-BR\": normalizeMessages(avatarMessages_pt),\n  } as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Avatar component\n */\nexport type AvatarMessageKey = \"avatarLabel\" | \"avatarLabelGeneric\";\n","import { useState } from \"react\";\nimport { Person } from \"@commercetools/nimbus-icons\";\nimport { Image } from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { type AvatarProps } from \"./avatar.types\";\nimport { AvatarRoot } from \"./avatar.slots\";\nimport { avatarMessagesStrings } from \"./avatar.messages\";\nimport { getInitials, getFullName } from \"./utils\";\n\n/**\n * Avatar\n * ============================================================\n * A small image or icon that identifies and personalizes the user within the interface.\n * Displays user images or automatically generates initials from first and last names.\n * Falls back to initials if image fails to load, and to a Person icon when no\n * usable initials can be derived.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/media/avatar}\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <Avatar firstName=\"John\" lastName=\"Doe\" src=\"https://example.com/avatar.jpg\" />\n * ```\n *\n * @example\n * ```tsx\n * // With initials fallback\n * <Avatar firstName=\"Jane\" lastName=\"Smith\" />\n * ```\n *\n * @example\n * ```tsx\n * // No names provided — renders the Person icon and a generic localized label\n * <Avatar />\n * ```\n */\nexport const Avatar = (props: AvatarProps) => {\n  const msg = useLocalizedStringFormatter(avatarMessagesStrings);\n  const { ref, firstName, lastName, src, alt, ...rest } = props;\n  const [imageLoaded, setImageLoaded] = useState(false);\n  const [imageError, setImageError] = useState(false);\n\n  const initials = getInitials(firstName, lastName);\n  const fullName = getFullName(firstName, lastName);\n\n  const avatarLabel = fullName\n    ? msg.format(\"avatarLabel\", { fullName })\n    : msg.format(\"avatarLabelGeneric\");\n\n  const sharedProps = {\n    \"aria-label\": avatarLabel,\n    ref,\n    ...rest,\n  };\n\n  const onLoad = () => {\n    setImageLoaded(true);\n    setImageError(false);\n  };\n\n  const onError = () => {\n    setImageLoaded(false);\n    setImageError(true);\n  };\n\n  // Show the fallback (initials or Person icon) when no src is provided,\n  // while the image is loading, or when the image failed to load.\n  const shouldShowFallback = !src || !imageLoaded || imageError;\n\n  return (\n    <AvatarRoot {...sharedProps}>\n      {shouldShowFallback &&\n        (initials.length > 0 ? initials : <Person aria-hidden=\"true\" />)}\n\n      {src && (\n        <Image\n          src={src}\n          alt={alt || fullName || avatarLabel}\n          onLoad={onLoad}\n          onError={onError}\n          display={imageLoaded && !imageError ? \"block\" : \"none\"}\n        />\n      )}\n    </AvatarRoot>\n  );\n};\n\nAvatar.displayName = \"Avatar\";\n"],"names":["withContext","createRecipeContext","AvatarRoot","avatarMessages_en","args","avatarMessages_de","avatarMessages_es","avatarMessages_fr","avatarMessages_pt","avatarMessagesStrings","normalizeMessages","Avatar","props","msg","useLocalizedStringFormatter","ref","firstName","lastName","src","alt","rest","imageLoaded","setImageLoaded","useState","imageError","setImageError","initials","getInitials","fullName","getFullName","avatarLabel","sharedProps","onLoad","onError","shouldShowFallback","jsxs","jsx","Person","Image"],"mappings":"sRAGM,CAAE,YAAAA,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,IAAK,eAAgB,EAEtDC,EAAaF,EACxB,QACF,ECDAG,EAAe,CACb,YAAcC,GACZ,oBAAoBA,EAAK,QAAQ,GACnC,mBAAoB,qBACtB,ECJAC,EAAe,CACb,YAAcD,GACZ,kBAAkBA,EAAK,QAAQ,GACjC,mBAAoB,qBACtB,ECJAE,EAAe,CACb,YAAcF,GACZ,yBAAyBA,EAAK,QAAQ,GACxC,mBAAoB,qBACtB,ECJAG,EAAe,CACb,YAAcH,GACZ,uBAAuBA,EAAK,QAAQ,GACtC,mBAAoB,qBACtB,ECJAI,EAAe,CACb,YAAcJ,GACZ,eAAeA,EAAK,QAAQ,GAC9B,mBAAoB,qBACtB,ECaaK,EACX,CACE,GAAIC,EAAAA,kBAAkBP,CAAiB,EACvC,GAAIO,EAAAA,kBAAkBL,CAAiB,EACvC,GAAIK,EAAAA,kBAAkBJ,CAAiB,EACvC,QAASI,EAAAA,kBAAkBH,CAAiB,EAC5C,QAASG,EAAAA,kBAAkBF,CAAiB,CAC9C,ECQWG,EAAUC,GAAuB,CAC5C,MAAMC,EAAMC,EAAAA,4BAA4BL,CAAqB,EACvD,CAAE,IAAAM,EAAK,UAAAC,EAAW,SAAAC,EAAU,IAAAC,EAAK,IAAAC,EAAK,GAAGC,GAASR,EAClD,CAACS,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAC9C,CAACC,EAAYC,CAAa,EAAIF,EAAAA,SAAS,EAAK,EAE5CG,EAAWC,EAAAA,YAAYX,EAAWC,CAAQ,EAC1CW,EAAWC,EAAAA,YAAYb,EAAWC,CAAQ,EAE1Ca,EAAcF,EAChBf,EAAI,OAAO,cAAe,CAAE,SAAAe,EAAU,EACtCf,EAAI,OAAO,oBAAoB,EAE7BkB,EAAc,CAClB,aAAcD,EACd,IAAAf,EACA,GAAGK,CAAA,EAGCY,EAAS,IAAM,CACnBV,EAAe,EAAI,EACnBG,EAAc,EAAK,CACrB,EAEMQ,EAAU,IAAM,CACpBX,EAAe,EAAK,EACpBG,EAAc,EAAI,CACpB,EAIMS,EAAqB,CAAChB,GAAO,CAACG,GAAeG,EAEnD,OACEW,EAAAA,KAACjC,EAAA,CAAY,GAAG6B,EACb,SAAA,CAAAG,IACER,EAAS,OAAS,EAAIA,EAAWU,MAACC,EAAAA,OAAA,CAAO,cAAY,MAAA,CAAO,GAE9DnB,GACCkB,EAAAA,IAACE,EAAAA,MAAA,CACC,IAAApB,EACA,IAAKC,GAAOS,GAAYE,EACxB,OAAAE,EACA,QAAAC,EACA,QAASZ,GAAe,CAACG,EAAa,QAAU,MAAA,CAAA,CAClD,EAEJ,CAEJ,EAEAb,EAAO,YAAc"}

package/dist/chunks/{button-VPIzqipu.cjs.js → button-C8BxhnrL.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const b=require("react/jsx-runtime"),p=require("react"),R=require("./useButton-DUEihKk3.cjs.js"),x=require("./useObjectRef-mEu7QX6X.cjs.js"),c=require("./Button-B00E728H.cjs.js"),m=require("./utils-CJJvg8rY.cjs.js"),q=require("./merge-refs-D8liJcZz.cjs.js"),v=require("@chakra-ui/react/styled-system"),C=require("./emotion-is-prop-valid.esm-ux_11lix.cjs.js"),h=require("./index-CoMspoGo.cjs.js"),y=["onPress","onPressStart","onPressEnd","onPressChange","onPressUp","onFocusChange","onHoverStart","onHoverEnd","onHoverChange","onMoveStart","onMove","onMoveEnd"],B=e=>y.some(t=>e.includes(t)),{withContext:E}=v.createRecipeContext({key:"nimbusButton"}),g=E("button",{defaultProps:{type:"button"},shouldForwardProp(e,t){const o=!t?.includes(e)&&!h.system.isValidProperty(e);return C.isPropValid(e)&&o&&!B(e)}}),a=e=>{const{ref:t,as:o,asChild:n,children:u,...i}=e,d=p.useRef(null),f=x.$03e8ab2d84d7657a$export$4338b53315abf666(q.mergeRefs(d,t)),[s,r]=m.$7230ffa83bc0c2cf$export$29f1550f4b0d4415(i,f,c.$7705c033048f6da7$export$24d547caef80ccd1),l=o||(n?"a":"button"),{buttonProps:$,isPressed:P}=R.$ac4318a9c075bb9f$export$ea18c227d4417cc3({...s,elementType:l},r);return b.jsx(g,{ref:r,...s,...$,as:o,asChild:n,slot:s.slot||void 0,"data-pressed":P||void 0,children:u})};a.displayName="Button";const S=Object.assign(a,{Context:c.$7705c033048f6da7$export$24d547caef80ccd1});exports.Button=S;
-//# sourceMappingURL=button-VPIzqipu.cjs.js.map
+"use strict";const b=require("react/jsx-runtime"),p=require("react"),R=require("./useButton-DUEihKk3.cjs.js"),x=require("./useObjectRef-mEu7QX6X.cjs.js"),c=require("./Button-B00E728H.cjs.js"),m=require("./utils-CJJvg8rY.cjs.js"),q=require("./merge-refs-D8liJcZz.cjs.js"),v=require("@chakra-ui/react/styled-system"),C=require("./emotion-is-prop-valid.esm-ux_11lix.cjs.js"),h=require("./index-D7XQqnz_.cjs.js"),y=["onPress","onPressStart","onPressEnd","onPressChange","onPressUp","onFocusChange","onHoverStart","onHoverEnd","onHoverChange","onMoveStart","onMove","onMoveEnd"],B=e=>y.some(t=>e.includes(t)),{withContext:E}=v.createRecipeContext({key:"nimbusButton"}),g=E("button",{defaultProps:{type:"button"},shouldForwardProp(e,t){const o=!t?.includes(e)&&!h.system.isValidProperty(e);return C.isPropValid(e)&&o&&!B(e)}}),a=e=>{const{ref:t,as:o,asChild:n,children:u,...i}=e,d=p.useRef(null),f=x.$03e8ab2d84d7657a$export$4338b53315abf666(q.mergeRefs(d,t)),[s,r]=m.$7230ffa83bc0c2cf$export$29f1550f4b0d4415(i,f,c.$7705c033048f6da7$export$24d547caef80ccd1),l=o||(n?"a":"button"),{buttonProps:$,isPressed:P}=R.$ac4318a9c075bb9f$export$ea18c227d4417cc3({...s,elementType:l},r);return b.jsx(g,{ref:r,...s,...$,as:o,asChild:n,slot:s.slot||void 0,"data-pressed":P||void 0,children:u})};a.displayName="Button";const S=Object.assign(a,{Context:c.$7705c033048f6da7$export$24d547caef80ccd1});exports.Button=S;
+//# sourceMappingURL=button-C8BxhnrL.cjs.js.map

package/dist/chunks/{button-VPIzqipu.cjs.js.map → button-C8BxhnrL.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-VPIzqipu.cjs.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\nimport type { ButtonRootSlotProps } from \"./button.types\";\n\n/**\n * React Aria-specific event props that should NOT be forwarded to DOM elements.\n * These are custom event handlers that React Aria uses internally but are not\n * valid DOM event handlers.\n *\n * @see https://react-spectrum.adobe.com/react-aria/interactions.html\n */\nconst REACT_ARIA_EVENT_PROPS = [\n  \"onPress\",\n  \"onPressStart\",\n  \"onPressEnd\",\n  \"onPressChange\",\n  \"onPressUp\",\n  \"onFocusChange\",\n  \"onHoverStart\",\n  \"onHoverEnd\",\n  \"onHoverChange\",\n  \"onMoveStart\",\n  \"onMove\",\n  \"onMoveEnd\",\n];\n\n/**\n * Checks if a prop is a React Aria-specific event handler that should not\n * be forwarded to the DOM.\n */\nconst isReactAriaEventProp = (prop: string): boolean =>\n  REACT_ARIA_EVENT_PROPS.some((ariaProp) => prop.includes(ariaProp));\n\nconst { withContext } = createRecipeContext({\n  key: \"nimbusButton\",\n});\n\n/**\n * Root component that provides the styling context for the Button component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ButtonRoot = withContext<HTMLButtonElement, ButtonRootSlotProps>(\n  \"button\",\n  {\n    defaultProps: {\n      type: \"button\",\n    },\n    /**\n     * Filter out React Aria-specific props that shouldn't reach the DOM.\n     * These props are consumed by useButton() but may still be present in\n     * contextProps from ButtonContext slots.\n     */\n    shouldForwardProp(prop, variantKeys) {\n      const chakraSfp =\n        !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n      return (\n        shouldForwardProp(prop) && chakraSfp && !isReactAriaEventProp(prop)\n      );\n    },\n  }\n);\n","import { useRef } from \"react\";\nimport { useButton, useObjectRef } from \"react-aria\";\nimport { ButtonContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs } from \"@/utils\";\nimport { ButtonRoot } from \"./button.slots.tsx\";\nimport type { ButtonProps } from \"./button.types.ts\";\n\n/**\n * # Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nconst ButtonComponent = (props: ButtonProps) => {\n  const { ref: forwardedRef, as, asChild, children, ...rest } = props;\n\n  // create a local ref (because the consumer may not provide a forwardedRef)\n  const localRef = useRef<HTMLButtonElement>(null);\n  // merge the local ref with a potentially forwarded ref\n  const baseRef = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  // Consume context props based on slot (this enables slot-aware behavior)\n  const [contextProps, contextRef] = useContextProps(\n    rest,\n    baseRef,\n    ButtonContext\n  );\n\n  // if asChild is set, for react-aria to add the button-role, the elementType\n  // has to be manually set to something else than button\n  const elementType = as || (asChild ? \"a\" : \"button\") || \"button\";\n\n  // Let useButton process all behavior and accessibility concerns\n  const { buttonProps, isPressed } = useButton(\n    {\n      ...contextProps,\n      elementType,\n    },\n    contextRef\n  );\n\n  return (\n    <ButtonRoot\n      ref={contextRef}\n      {...contextProps}\n      {...buttonProps}\n      as={as}\n      asChild={asChild}\n      slot={contextProps.slot || undefined}\n      data-pressed={isPressed || undefined}\n    >\n      {children}\n    </ButtonRoot>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nButtonComponent.displayName = \"Button\";\n\n/**\n * ### Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nexport const Button: typeof ButtonComponent & {\n  // TypeScript can't properly name the internal React Aria types when inferring\n  // Button.Context, so we explicitly type it using typeof and Object.assign\n  /**\n   * ### Button.Context\n   *\n   * Re-exports React-Aria's `ButtonContext`\n   *\n   * For advanced use cases, **you generally will not need this**\n   *\n   * @see {@link https://react-spectrum.adobe.com/react-aria/advanced.html#contexts}\n   * @see {@link https://react-spectrum.adobe.com/react-aria/Button.html#contexts}\n   */\n  Context: typeof ButtonContext;\n} = Object.assign(ButtonComponent, {\n  Context: ButtonContext,\n});\n"],"names":["REACT_ARIA_EVENT_PROPS","isReactAriaEventProp","prop","ariaProp","withContext","createRecipeContext","ButtonRoot","variantKeys","chakraSfp","system","shouldForwardProp","ButtonComponent","props","forwardedRef","as","asChild","children","rest","localRef","useRef","baseRef","useObjectRef","mergeRefs","contextProps","contextRef","useContextProps","ButtonContext","elementType","buttonProps","isPressed","useButton","jsx","Button"],"mappings":"yZAYMA,EAAyB,CAC7B,UACA,eACA,aACA,gBACA,YACA,gBACA,eACA,aACA,gBACA,cACA,SACA,WACF,EAMMC,EAAwBC,GAC5BF,EAAuB,KAAMG,GAAaD,EAAK,SAASC,CAAQ,CAAC,EAE7D,CAAE,YAAAC,CAAA,EAAgBC,sBAAoB,CAC1C,IAAK,cACP,CAAC,EAMYC,EAAaF,EACxB,SACA,CACE,aAAc,CACZ,KAAM,QAAA,EAOR,kBAAkBF,EAAMK,EAAa,CACnC,MAAMC,EACJ,CAACD,GAAa,SAASL,CAAI,GAAK,CAACO,EAAAA,OAAO,gBAAgBP,CAAI,EAC9D,OACEQ,EAAAA,YAAkBR,CAAI,GAAKM,GAAa,CAACP,EAAqBC,CAAI,CAEtE,CAAA,CAEJ,EC/CMS,EAAmBC,GAAuB,CAC9C,KAAM,CAAE,IAAKC,EAAc,GAAAC,EAAI,QAAAC,EAAS,SAAAC,EAAU,GAAGC,GAASL,EAGxDM,EAAWC,EAAAA,OAA0B,IAAI,EAEzCC,EAAUC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUL,CAAY,CAAC,EAGxD,CAACU,EAAcC,CAAU,EAAIC,EAAAA,0CACjCR,EACAG,EACAM,EAAAA,yCAAA,EAKIC,EAAcb,IAAOC,EAAU,IAAM,UAGrC,CAAE,YAAAa,EAAa,UAAAC,CAAA,EAAcC,EAAAA,0CACjC,CACE,GAAGP,EACH,YAAAI,CAAA,EAEFH,CAAA,EAGF,OACEO,EAAAA,IAACzB,EAAA,CACC,IAAKkB,EACJ,GAAGD,EACH,GAAGK,EACJ,GAAAd,EACA,QAAAC,EACA,KAAMQ,EAAa,MAAQ,OAC3B,eAAcM,GAAa,OAE1B,SAAAb,CAAA,CAAA,CAGP,EAGAL,EAAgB,YAAc,SASvB,MAAMqB,EAcT,OAAO,OAAOrB,EAAiB,CACjC,QAASe,EAAAA,yCACX,CAAC"}
+{"version":3,"file":"button-C8BxhnrL.cjs.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\nimport type { ButtonRootSlotProps } from \"./button.types\";\n\n/**\n * React Aria-specific event props that should NOT be forwarded to DOM elements.\n * These are custom event handlers that React Aria uses internally but are not\n * valid DOM event handlers.\n *\n * @see https://react-spectrum.adobe.com/react-aria/interactions.html\n */\nconst REACT_ARIA_EVENT_PROPS = [\n  \"onPress\",\n  \"onPressStart\",\n  \"onPressEnd\",\n  \"onPressChange\",\n  \"onPressUp\",\n  \"onFocusChange\",\n  \"onHoverStart\",\n  \"onHoverEnd\",\n  \"onHoverChange\",\n  \"onMoveStart\",\n  \"onMove\",\n  \"onMoveEnd\",\n];\n\n/**\n * Checks if a prop is a React Aria-specific event handler that should not\n * be forwarded to the DOM.\n */\nconst isReactAriaEventProp = (prop: string): boolean =>\n  REACT_ARIA_EVENT_PROPS.some((ariaProp) => prop.includes(ariaProp));\n\nconst { withContext } = createRecipeContext({\n  key: \"nimbusButton\",\n});\n\n/**\n * Root component that provides the styling context for the Button component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ButtonRoot = withContext<HTMLButtonElement, ButtonRootSlotProps>(\n  \"button\",\n  {\n    defaultProps: {\n      type: \"button\",\n    },\n    /**\n     * Filter out React Aria-specific props that shouldn't reach the DOM.\n     * These props are consumed by useButton() but may still be present in\n     * contextProps from ButtonContext slots.\n     */\n    shouldForwardProp(prop, variantKeys) {\n      const chakraSfp =\n        !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n      return (\n        shouldForwardProp(prop) && chakraSfp && !isReactAriaEventProp(prop)\n      );\n    },\n  }\n);\n","import { useRef } from \"react\";\nimport { useButton, useObjectRef } from \"react-aria\";\nimport { ButtonContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs } from \"@/utils\";\nimport { ButtonRoot } from \"./button.slots.tsx\";\nimport type { ButtonProps } from \"./button.types.ts\";\n\n/**\n * # Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nconst ButtonComponent = (props: ButtonProps) => {\n  const { ref: forwardedRef, as, asChild, children, ...rest } = props;\n\n  // create a local ref (because the consumer may not provide a forwardedRef)\n  const localRef = useRef<HTMLButtonElement>(null);\n  // merge the local ref with a potentially forwarded ref\n  const baseRef = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  // Consume context props based on slot (this enables slot-aware behavior)\n  const [contextProps, contextRef] = useContextProps(\n    rest,\n    baseRef,\n    ButtonContext\n  );\n\n  // if asChild is set, for react-aria to add the button-role, the elementType\n  // has to be manually set to something else than button\n  const elementType = as || (asChild ? \"a\" : \"button\") || \"button\";\n\n  // Let useButton process all behavior and accessibility concerns\n  const { buttonProps, isPressed } = useButton(\n    {\n      ...contextProps,\n      elementType,\n    },\n    contextRef\n  );\n\n  return (\n    <ButtonRoot\n      ref={contextRef}\n      {...contextProps}\n      {...buttonProps}\n      as={as}\n      asChild={asChild}\n      slot={contextProps.slot || undefined}\n      data-pressed={isPressed || undefined}\n    >\n      {children}\n    </ButtonRoot>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nButtonComponent.displayName = \"Button\";\n\n/**\n * ### Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nexport const Button: typeof ButtonComponent & {\n  // TypeScript can't properly name the internal React Aria types when inferring\n  // Button.Context, so we explicitly type it using typeof and Object.assign\n  /**\n   * ### Button.Context\n   *\n   * Re-exports React-Aria's `ButtonContext`\n   *\n   * For advanced use cases, **you generally will not need this**\n   *\n   * @see {@link https://react-spectrum.adobe.com/react-aria/advanced.html#contexts}\n   * @see {@link https://react-spectrum.adobe.com/react-aria/Button.html#contexts}\n   */\n  Context: typeof ButtonContext;\n} = Object.assign(ButtonComponent, {\n  Context: ButtonContext,\n});\n"],"names":["REACT_ARIA_EVENT_PROPS","isReactAriaEventProp","prop","ariaProp","withContext","createRecipeContext","ButtonRoot","variantKeys","chakraSfp","system","shouldForwardProp","ButtonComponent","props","forwardedRef","as","asChild","children","rest","localRef","useRef","baseRef","useObjectRef","mergeRefs","contextProps","contextRef","useContextProps","ButtonContext","elementType","buttonProps","isPressed","useButton","jsx","Button"],"mappings":"yZAYMA,EAAyB,CAC7B,UACA,eACA,aACA,gBACA,YACA,gBACA,eACA,aACA,gBACA,cACA,SACA,WACF,EAMMC,EAAwBC,GAC5BF,EAAuB,KAAMG,GAAaD,EAAK,SAASC,CAAQ,CAAC,EAE7D,CAAE,YAAAC,CAAA,EAAgBC,sBAAoB,CAC1C,IAAK,cACP,CAAC,EAMYC,EAAaF,EACxB,SACA,CACE,aAAc,CACZ,KAAM,QAAA,EAOR,kBAAkBF,EAAMK,EAAa,CACnC,MAAMC,EACJ,CAACD,GAAa,SAASL,CAAI,GAAK,CAACO,EAAAA,OAAO,gBAAgBP,CAAI,EAC9D,OACEQ,EAAAA,YAAkBR,CAAI,GAAKM,GAAa,CAACP,EAAqBC,CAAI,CAEtE,CAAA,CAEJ,EC/CMS,EAAmBC,GAAuB,CAC9C,KAAM,CAAE,IAAKC,EAAc,GAAAC,EAAI,QAAAC,EAAS,SAAAC,EAAU,GAAGC,GAASL,EAGxDM,EAAWC,EAAAA,OAA0B,IAAI,EAEzCC,EAAUC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUL,CAAY,CAAC,EAGxD,CAACU,EAAcC,CAAU,EAAIC,EAAAA,0CACjCR,EACAG,EACAM,EAAAA,yCAAA,EAKIC,EAAcb,IAAOC,EAAU,IAAM,UAGrC,CAAE,YAAAa,EAAa,UAAAC,CAAA,EAAcC,EAAAA,0CACjC,CACE,GAAGP,EACH,YAAAI,CAAA,EAEFH,CAAA,EAGF,OACEO,EAAAA,IAACzB,EAAA,CACC,IAAKkB,EACJ,GAAGD,EACH,GAAGK,EACJ,GAAAd,EACA,QAAAC,EACA,KAAMQ,EAAa,MAAQ,OAC3B,eAAcM,GAAa,OAE1B,SAAAb,CAAA,CAAA,CAGP,EAGAL,EAAgB,YAAc,SASvB,MAAMqB,EAcT,OAAO,OAAOrB,EAAiB,CACjC,QAASe,EAAAA,yCACX,CAAC"}

package/dist/chunks/{button-dtLOSwKi.es.js → button-DDk_A6fN.es.js}

@@ -1,13 +1,13 @@
 import { jsx as $ } from "react/jsx-runtime";
 import { useRef as P } from "react";
-import { $ as b } from "./useButton-Bn8_4cDG.es.js";
+import { $ as b } from "./useButton-CvZJwQeR.es.js";
 import { $ as R } from "./useObjectRef-tuMEdnba.es.js";
-import { $ as a } from "./Button-i3wfJjZy.es.js";
+import { $ as a } from "./Button-BbiBXpLI.es.js";
 import { $ as x } from "./utils-BBrLCz2b.es.js";
 import { m as v } from "./merge-refs-D-zSwpoh.es.js";
 import { createRecipeContext as C } from "@chakra-ui/react/styled-system";
 import { i as h } from "./emotion-is-prop-valid.esm-BUuA3iy8.es.js";
-import { s as E } from "./index-B5W9PQbq.es.js";
+import { s as E } from "./index-B_vTRVge.es.js";
 const y = [
   "onPress",
   "onPressStart",
@@ -72,4 +72,4 @@ const N = /* @__PURE__ */ Object.assign(c, {
 export {
   N as B
 };
-//# sourceMappingURL=button-dtLOSwKi.es.js.map
+//# sourceMappingURL=button-DDk_A6fN.es.js.map

package/dist/chunks/{button-dtLOSwKi.es.js.map → button-DDk_A6fN.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-dtLOSwKi.es.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\nimport type { ButtonRootSlotProps } from \"./button.types\";\n\n/**\n * React Aria-specific event props that should NOT be forwarded to DOM elements.\n * These are custom event handlers that React Aria uses internally but are not\n * valid DOM event handlers.\n *\n * @see https://react-spectrum.adobe.com/react-aria/interactions.html\n */\nconst REACT_ARIA_EVENT_PROPS = [\n  \"onPress\",\n  \"onPressStart\",\n  \"onPressEnd\",\n  \"onPressChange\",\n  \"onPressUp\",\n  \"onFocusChange\",\n  \"onHoverStart\",\n  \"onHoverEnd\",\n  \"onHoverChange\",\n  \"onMoveStart\",\n  \"onMove\",\n  \"onMoveEnd\",\n];\n\n/**\n * Checks if a prop is a React Aria-specific event handler that should not\n * be forwarded to the DOM.\n */\nconst isReactAriaEventProp = (prop: string): boolean =>\n  REACT_ARIA_EVENT_PROPS.some((ariaProp) => prop.includes(ariaProp));\n\nconst { withContext } = createRecipeContext({\n  key: \"nimbusButton\",\n});\n\n/**\n * Root component that provides the styling context for the Button component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ButtonRoot = withContext<HTMLButtonElement, ButtonRootSlotProps>(\n  \"button\",\n  {\n    defaultProps: {\n      type: \"button\",\n    },\n    /**\n     * Filter out React Aria-specific props that shouldn't reach the DOM.\n     * These props are consumed by useButton() but may still be present in\n     * contextProps from ButtonContext slots.\n     */\n    shouldForwardProp(prop, variantKeys) {\n      const chakraSfp =\n        !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n      return (\n        shouldForwardProp(prop) && chakraSfp && !isReactAriaEventProp(prop)\n      );\n    },\n  }\n);\n","import { useRef } from \"react\";\nimport { useButton, useObjectRef } from \"react-aria\";\nimport { ButtonContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs } from \"@/utils\";\nimport { ButtonRoot } from \"./button.slots.tsx\";\nimport type { ButtonProps } from \"./button.types.ts\";\n\n/**\n * # Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nconst ButtonComponent = (props: ButtonProps) => {\n  const { ref: forwardedRef, as, asChild, children, ...rest } = props;\n\n  // create a local ref (because the consumer may not provide a forwardedRef)\n  const localRef = useRef<HTMLButtonElement>(null);\n  // merge the local ref with a potentially forwarded ref\n  const baseRef = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  // Consume context props based on slot (this enables slot-aware behavior)\n  const [contextProps, contextRef] = useContextProps(\n    rest,\n    baseRef,\n    ButtonContext\n  );\n\n  // if asChild is set, for react-aria to add the button-role, the elementType\n  // has to be manually set to something else than button\n  const elementType = as || (asChild ? \"a\" : \"button\") || \"button\";\n\n  // Let useButton process all behavior and accessibility concerns\n  const { buttonProps, isPressed } = useButton(\n    {\n      ...contextProps,\n      elementType,\n    },\n    contextRef\n  );\n\n  return (\n    <ButtonRoot\n      ref={contextRef}\n      {...contextProps}\n      {...buttonProps}\n      as={as}\n      asChild={asChild}\n      slot={contextProps.slot || undefined}\n      data-pressed={isPressed || undefined}\n    >\n      {children}\n    </ButtonRoot>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nButtonComponent.displayName = \"Button\";\n\n/**\n * ### Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nexport const Button: typeof ButtonComponent & {\n  // TypeScript can't properly name the internal React Aria types when inferring\n  // Button.Context, so we explicitly type it using typeof and Object.assign\n  /**\n   * ### Button.Context\n   *\n   * Re-exports React-Aria's `ButtonContext`\n   *\n   * For advanced use cases, **you generally will not need this**\n   *\n   * @see {@link https://react-spectrum.adobe.com/react-aria/advanced.html#contexts}\n   * @see {@link https://react-spectrum.adobe.com/react-aria/Button.html#contexts}\n   */\n  Context: typeof ButtonContext;\n} = Object.assign(ButtonComponent, {\n  Context: ButtonContext,\n});\n"],"names":["REACT_ARIA_EVENT_PROPS","isReactAriaEventProp","prop","ariaProp","withContext","createRecipeContext","ButtonRoot","variantKeys","chakraSfp","system","shouldForwardProp","ButtonComponent","props","forwardedRef","as","asChild","children","rest","localRef","useRef","baseRef","useObjectRef","mergeRefs","contextProps","contextRef","useContextProps","ButtonContext","elementType","buttonProps","isPressed","useButton","jsx","Button"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMMC,IAAuB,CAACC,MAC5BF,EAAuB,KAAK,CAACG,MAAaD,EAAK,SAASC,CAAQ,CAAC,GAE7D,EAAE,aAAAC,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,KAAK;AACP,CAAC,GAMYC,IAAa,gBAAAF;AAAA,EACxB;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,MAAM;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOR,kBAAkBF,GAAMK,GAAa;AACnC,YAAMC,IACJ,CAACD,GAAa,SAASL,CAAI,KAAK,CAACO,EAAO,gBAAgBP,CAAI;AAC9D,aACEQ,EAAkBR,CAAI,KAAKM,KAAa,CAACP,EAAqBC,CAAI;AAAA,IAEtE;AAAA,EAAA;AAEJ,GC/CMS,IAAkB,CAACC,MAAuB;AAC9C,QAAM,EAAE,KAAKC,GAAc,IAAAC,GAAI,SAAAC,GAAS,UAAAC,GAAU,GAAGC,MAASL,GAGxDM,IAAWC,EAA0B,IAAI,GAEzCC,IAAUC,EAAaC,EAAUJ,GAAUL,CAAY,CAAC,GAGxD,CAACU,GAAcC,CAAU,IAAIC;AAAAA,IACjCR;AAAA,IACAG;AAAA,IACAM;AAAAA,EAAA,GAKIC,IAAcb,MAAOC,IAAU,MAAM,WAGrC,EAAE,aAAAa,GAAa,WAAAC,EAAA,IAAcC;AAAAA,IACjC;AAAA,MACE,GAAGP;AAAA,MACH,aAAAI;AAAA,IAAA;AAAA,IAEFH;AAAA,EAAA;AAGF,SACE,gBAAAO;AAAA,IAACzB;AAAA,IAAA;AAAA,MACC,KAAKkB;AAAA,MACJ,GAAGD;AAAA,MACH,GAAGK;AAAA,MACJ,IAAAd;AAAA,MACA,SAAAC;AAAA,MACA,MAAMQ,EAAa,QAAQ;AAAA,MAC3B,gBAAcM,KAAa;AAAA,MAE1B,UAAAb;AAAA,IAAA;AAAA,EAAA;AAGP;AAGAL,EAAgB,cAAc;AASvB,MAAMqB,IAcT,uBAAO,OAAOrB,GAAiB;AAAA,EACjC,SAASe;AACX,CAAC;"}
+{"version":3,"file":"button-DDk_A6fN.es.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\nimport type { ButtonRootSlotProps } from \"./button.types\";\n\n/**\n * React Aria-specific event props that should NOT be forwarded to DOM elements.\n * These are custom event handlers that React Aria uses internally but are not\n * valid DOM event handlers.\n *\n * @see https://react-spectrum.adobe.com/react-aria/interactions.html\n */\nconst REACT_ARIA_EVENT_PROPS = [\n  \"onPress\",\n  \"onPressStart\",\n  \"onPressEnd\",\n  \"onPressChange\",\n  \"onPressUp\",\n  \"onFocusChange\",\n  \"onHoverStart\",\n  \"onHoverEnd\",\n  \"onHoverChange\",\n  \"onMoveStart\",\n  \"onMove\",\n  \"onMoveEnd\",\n];\n\n/**\n * Checks if a prop is a React Aria-specific event handler that should not\n * be forwarded to the DOM.\n */\nconst isReactAriaEventProp = (prop: string): boolean =>\n  REACT_ARIA_EVENT_PROPS.some((ariaProp) => prop.includes(ariaProp));\n\nconst { withContext } = createRecipeContext({\n  key: \"nimbusButton\",\n});\n\n/**\n * Root component that provides the styling context for the Button component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ButtonRoot = withContext<HTMLButtonElement, ButtonRootSlotProps>(\n  \"button\",\n  {\n    defaultProps: {\n      type: \"button\",\n    },\n    /**\n     * Filter out React Aria-specific props that shouldn't reach the DOM.\n     * These props are consumed by useButton() but may still be present in\n     * contextProps from ButtonContext slots.\n     */\n    shouldForwardProp(prop, variantKeys) {\n      const chakraSfp =\n        !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n      return (\n        shouldForwardProp(prop) && chakraSfp && !isReactAriaEventProp(prop)\n      );\n    },\n  }\n);\n","import { useRef } from \"react\";\nimport { useButton, useObjectRef } from \"react-aria\";\nimport { ButtonContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs } from \"@/utils\";\nimport { ButtonRoot } from \"./button.slots.tsx\";\nimport type { ButtonProps } from \"./button.types.ts\";\n\n/**\n * # Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nconst ButtonComponent = (props: ButtonProps) => {\n  const { ref: forwardedRef, as, asChild, children, ...rest } = props;\n\n  // create a local ref (because the consumer may not provide a forwardedRef)\n  const localRef = useRef<HTMLButtonElement>(null);\n  // merge the local ref with a potentially forwarded ref\n  const baseRef = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  // Consume context props based on slot (this enables slot-aware behavior)\n  const [contextProps, contextRef] = useContextProps(\n    rest,\n    baseRef,\n    ButtonContext\n  );\n\n  // if asChild is set, for react-aria to add the button-role, the elementType\n  // has to be manually set to something else than button\n  const elementType = as || (asChild ? \"a\" : \"button\") || \"button\";\n\n  // Let useButton process all behavior and accessibility concerns\n  const { buttonProps, isPressed } = useButton(\n    {\n      ...contextProps,\n      elementType,\n    },\n    contextRef\n  );\n\n  return (\n    <ButtonRoot\n      ref={contextRef}\n      {...contextProps}\n      {...buttonProps}\n      as={as}\n      asChild={asChild}\n      slot={contextProps.slot || undefined}\n      data-pressed={isPressed || undefined}\n    >\n      {children}\n    </ButtonRoot>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nButtonComponent.displayName = \"Button\";\n\n/**\n * ### Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nexport const Button: typeof ButtonComponent & {\n  // TypeScript can't properly name the internal React Aria types when inferring\n  // Button.Context, so we explicitly type it using typeof and Object.assign\n  /**\n   * ### Button.Context\n   *\n   * Re-exports React-Aria's `ButtonContext`\n   *\n   * For advanced use cases, **you generally will not need this**\n   *\n   * @see {@link https://react-spectrum.adobe.com/react-aria/advanced.html#contexts}\n   * @see {@link https://react-spectrum.adobe.com/react-aria/Button.html#contexts}\n   */\n  Context: typeof ButtonContext;\n} = Object.assign(ButtonComponent, {\n  Context: ButtonContext,\n});\n"],"names":["REACT_ARIA_EVENT_PROPS","isReactAriaEventProp","prop","ariaProp","withContext","createRecipeContext","ButtonRoot","variantKeys","chakraSfp","system","shouldForwardProp","ButtonComponent","props","forwardedRef","as","asChild","children","rest","localRef","useRef","baseRef","useObjectRef","mergeRefs","contextProps","contextRef","useContextProps","ButtonContext","elementType","buttonProps","isPressed","useButton","jsx","Button"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMMC,IAAuB,CAACC,MAC5BF,EAAuB,KAAK,CAACG,MAAaD,EAAK,SAASC,CAAQ,CAAC,GAE7D,EAAE,aAAAC,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,KAAK;AACP,CAAC,GAMYC,IAAa,gBAAAF;AAAA,EACxB;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,MAAM;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOR,kBAAkBF,GAAMK,GAAa;AACnC,YAAMC,IACJ,CAACD,GAAa,SAASL,CAAI,KAAK,CAACO,EAAO,gBAAgBP,CAAI;AAC9D,aACEQ,EAAkBR,CAAI,KAAKM,KAAa,CAACP,EAAqBC,CAAI;AAAA,IAEtE;AAAA,EAAA;AAEJ,GC/CMS,IAAkB,CAACC,MAAuB;AAC9C,QAAM,EAAE,KAAKC,GAAc,IAAAC,GAAI,SAAAC,GAAS,UAAAC,GAAU,GAAGC,MAASL,GAGxDM,IAAWC,EAA0B,IAAI,GAEzCC,IAAUC,EAAaC,EAAUJ,GAAUL,CAAY,CAAC,GAGxD,CAACU,GAAcC,CAAU,IAAIC;AAAAA,IACjCR;AAAA,IACAG;AAAA,IACAM;AAAAA,EAAA,GAKIC,IAAcb,MAAOC,IAAU,MAAM,WAGrC,EAAE,aAAAa,GAAa,WAAAC,EAAA,IAAcC;AAAAA,IACjC;AAAA,MACE,GAAGP;AAAA,MACH,aAAAI;AAAA,IAAA;AAAA,IAEFH;AAAA,EAAA;AAGF,SACE,gBAAAO;AAAA,IAACzB;AAAA,IAAA;AAAA,MACC,KAAKkB;AAAA,MACJ,GAAGD;AAAA,MACH,GAAGK;AAAA,MACJ,IAAAd;AAAA,MACA,SAAAC;AAAA,MACA,MAAMQ,EAAa,QAAQ;AAAA,MAC3B,gBAAcM,KAAa;AAAA,MAE1B,UAAAb;AAAA,IAAA;AAAA,EAAA;AAGP;AAGAL,EAAgB,cAAc;AASvB,MAAMqB,IAcT,uBAAO,OAAOrB,GAAiB;AAAA,EACjC,SAASe;AACX,CAAC;"}

package/dist/chunks/{calendar-BF94XT1s.es.js → calendar-CCbKuHRw.es.js}

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { i as S, c as T, d as A, e as F, f as I, g as z, a as P, j as L } from "./Calendar-BGX_ecv9.es.js";
+import { i as S, c as T, d as A, e as F, f as I, g as z, a as P, j as L } from "./Calendar-D2xXO9yf.es.js";
 import { createSlotRecipeContext as N, useSlotRecipe as j } from "@chakra-ui/react/styled-system";
-import { e as B } from "./extract-style-props-D_NsrT_t.es.js";
+import { e as B } from "./extract-style-props-Bcwub3j6.es.js";
 import { c as l, d as G } from "./useDateFormatter-BOTFx29q.es.js";
 import { useContext as u } from "react";
-import { $ } from "./Button-i3wfJjZy.es.js";
+import { $ } from "./Button-BbiBXpLI.es.js";
 import { e as H, d as w } from "./utils-BBrLCz2b.es.js";
 import { $ as v } from "./Text-DOcU1ycg.es.js";
 import { $ as D } from "./I18nProvider-BuwVdK1A.es.js";
@@ -16,7 +16,7 @@ import { T as M } from "./text-Ci0HmiFd.es.js";
 import { B as R } from "./box-DuBoAZvq.es.js";
 import { F as V } from "./flex-BqxAMF-7.es.js";
 import { V as J } from "./visually-hidden-D7g0JQ0T.es.js";
-import { I as p } from "./icon-button-DwOSMjvL.es.js";
+import { I as p } from "./icon-button-BEAbGl9T.es.js";
 const { withProvider: K, withContext: s } = /* @__PURE__ */ N({
   key: "nimbusCalendar"
 }), W = /* @__PURE__ */ K("div", "root"), q = /* @__PURE__ */ s("div", "header"), E = /* @__PURE__ */ s("div", "grids"), O = /* @__PURE__ */ s("div", "monthTitle"), Q = /* @__PURE__ */ s("table", "grid"), U = /* @__PURE__ */ s("thead", "gridHeader"), X = /* @__PURE__ */ s("th", "headerCell"), Z = /* @__PURE__ */ s("tbody", "gridBody"), ee = /* @__PURE__ */ s("td", "bodyCell"), te = {
@@ -224,4 +224,4 @@ const { withProvider: K, withContext: s } = /* @__PURE__ */ N({
 export {
   Ye as C
 };
-//# sourceMappingURL=calendar-BF94XT1s.es.js.map
+//# sourceMappingURL=calendar-CCbKuHRw.es.js.map

package/dist/chunks/{calendar-BF94XT1s.es.js.map → calendar-CCbKuHRw.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"calendar-BF94XT1s.es.js","sources":["../../src/components/calendar/calendar.slots.tsx","../../src/components/calendar/intl/en.ts","../../src/components/calendar/intl/de.ts","../../src/components/calendar/intl/es.ts","../../src/components/calendar/intl/fr-FR.ts","../../src/components/calendar/intl/pt-BR.ts","../../src/components/calendar/calendar.messages.ts","../../src/components/calendar/components/calendar.custom-context.tsx","../../src/components/calendar/components/calendar.grids.tsx","../../src/components/calendar/components/calendar.header.tsx","../../src/components/calendar/calendar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  CalendarCellSlotProps,\n  CalendarGridBodySlotProps,\n  CalendarGridHeaderSlotProps,\n  CalendarGridSlotProps,\n  CalendarGridsSlotProps,\n  CalendarHeaderCellSlotProps,\n  CalendarHeaderSlotProps,\n  CalendarMonthTitleSlotProps,\n  CalendarRootSlotProps,\n} from \"./calendar.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusCalendar\",\n});\n\nexport const CalendarRootSlot: SlotComponent<\n  HTMLDivElement,\n  CalendarRootSlotProps\n> = withProvider<HTMLDivElement, CalendarRootSlotProps>(\"div\", \"root\");\n\nexport const CalendarHeaderSlot = withContext<\n  HTMLDivElement,\n  CalendarHeaderSlotProps\n>(\"div\", \"header\");\n\nexport const CalendarGridsSlot = withContext<\n  HTMLDivElement,\n  CalendarGridsSlotProps\n>(\"div\", \"grids\");\n\nexport const CalendarMonthTitleSlot = withContext<\n  HTMLDivElement,\n  CalendarMonthTitleSlotProps\n>(\"div\", \"monthTitle\");\n\nexport const CalendarGridSlot = withContext<\n  HTMLTableElement,\n  CalendarGridSlotProps\n>(\"table\", \"grid\");\n\nexport const CalendarGridHeaderSlot = withContext<\n  HTMLTableSectionElement,\n  CalendarGridHeaderSlotProps\n>(\"thead\", \"gridHeader\");\n\nexport const CalendarHeaderCellSlot = withContext<\n  HTMLTableCellElement,\n  CalendarHeaderCellSlotProps\n>(\"th\", \"headerCell\");\n\nexport const CalendarGridBodySlot = withContext<\n  HTMLTableSectionElement,\n  CalendarGridBodySlotProps\n>(\"tbody\", \"gridBody\");\n\nexport const CalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  CalendarCellSlotProps\n>(\"td\", \"bodyCell\");\n","/**\n * Pre-compiled en messages for Calendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Next month`,\n  nextYear: `Next year`,\n  previousMonth: `Previous month`,\n  previousYear: `Previous year`,\n};\n","/**\n * Pre-compiled de messages for Calendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Nächsten Monat`,\n  nextYear: `Nächstes Jahr`,\n  previousMonth: `Letzten Monat`,\n  previousYear: `Letztes Jahr`,\n};\n","/**\n * Pre-compiled es messages for Calendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Próximo mes`,\n  nextYear: `Próximo año`,\n  previousMonth: `Mes anterior`,\n  previousYear: `Año anterior`,\n};\n","/**\n * Pre-compiled fr-FR messages for Calendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Mois suivant`,\n  nextYear: `Année suivante`,\n  previousMonth: `Mois précédent`,\n  previousYear: `Année précédente`,\n};\n","/**\n * Pre-compiled pt-BR messages for Calendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Próximo mês`,\n  nextYear: `Próximo ano`,\n  previousMonth: `Mês anterior`,\n  previousYear: `Ano anterior`,\n};\n","/**\n * Pre-compiled localized messages for Calendar 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 calendarMessages_en from \"./intl/en\";\nimport calendarMessages_de from \"./intl/de\";\nimport calendarMessages_es from \"./intl/es\";\nimport calendarMessages_fr from \"./intl/fr-FR\";\nimport calendarMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const calendarMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(calendarMessages_en),\n  de: normalizeMessages(calendarMessages_de),\n  es: normalizeMessages(calendarMessages_es),\n  \"fr-FR\": normalizeMessages(calendarMessages_fr),\n  \"pt-BR\": normalizeMessages(calendarMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Calendar component\n */\nexport type CalendarMessageKey =\n  | \"nextMonth\"\n  | \"nextYear\"\n  | \"previousMonth\"\n  | \"previousYear\";\n","import { getLocalTimeZone } from \"@internationalized/date\";\nimport { useContext } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  CalendarStateContext,\n  TextContext,\n  useLocale,\n} from \"react-aria-components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { calendarMessagesStrings } from \"../calendar.messages\";\n\nexport const CalendarCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const { locale } = useLocale();\n  const msg = useLocalizedStringFormatter(calendarMessagesStrings);\n  const buttonContext = useContext(ButtonContext)!;\n  const textContext = useContext(TextContext)!;\n  const calendarState = useContext(CalendarStateContext)!;\n\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    \"next-month\": {\n      onPress: () => calendarState.focusNextSection(),\n      \"aria-label\": msg.format(\"nextMonth\"),\n    },\n    \"previous-month\": {\n      onPress: () => calendarState.focusPreviousSection(),\n      \"aria-label\": msg.format(\"previousMonth\"),\n    },\n    \"next-year\": {\n      onPress: () => calendarState.focusNextSection(true),\n      \"aria-label\": msg.format(\"nextYear\"),\n    },\n    \"previous-year\": {\n      onPress: () => calendarState.focusPreviousSection(true),\n      \"aria-label\": msg.format(\"previousYear\"),\n    },\n  };\n\n  /**\n   * Text slots\n   * ================================\n   */\n  const monthLabel = new Intl.DateTimeFormat(locale, {\n    month: \"long\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const monthRangeLabel = [\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.start.toDate(getLocalTimeZone())),\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.end.toDate(getLocalTimeZone())),\n  ].join(\" - \");\n\n  const yearLabel = new Intl.DateTimeFormat(locale, {\n    year: \"numeric\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const textSlots = {\n    month: { children: monthLabel },\n    monthRange: { children: monthRangeLabel },\n    year: { children: yearLabel },\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            ...buttonContext,\n            slots: {\n              ...(buttonContext &&\n              typeof buttonContext === \"object\" &&\n              \"slots\" in buttonContext\n                ? buttonContext.slots\n                : {}),\n              ...buttonSlots,\n            },\n          },\n        ],\n        [\n          TextContext,\n          {\n            ...textContext,\n            slots: {\n              ...(textContext &&\n              typeof textContext === \"object\" &&\n              \"slots\" in textContext\n                ? textContext.slots\n                : {}),\n              ...textSlots,\n            },\n          },\n        ],\n      ]}\n    >\n      {children}\n    </Provider>\n  );\n};\n","import { useContext } from \"react\";\nimport { today, getLocalTimeZone } from \"@internationalized/date\";\nimport {\n  CalendarGrid as RaCalendarGrid,\n  CalendarGridBody as RaCalendarGridBody,\n  CalendarGridHeader as RaCalendarGridHeader,\n  CalendarHeaderCell as RaCalendarHeaderCell,\n  CalendarCell as RaCalendarCell,\n  useSlottedContext,\n  CalendarContext,\n  CalendarStateContext,\n  useLocale,\n} from \"react-aria-components\";\n\nimport { Box } from \"@/components\";\n\nimport {\n  CalendarCellSlot,\n  CalendarGridBodySlot,\n  CalendarGridHeaderSlot,\n  CalendarGridSlot,\n  CalendarGridsSlot,\n  CalendarHeaderCellSlot,\n  CalendarMonthTitleSlot,\n} from \"../calendar.slots\";\n\nexport const CalendarGrids = () => {\n  const { locale } = useLocale();\n  const context = useSlottedContext(CalendarContext);\n  const calendarState = useContext(CalendarStateContext)!;\n  const visibleMonthsCount = context?.visibleDuration?.months || 1;\n  const todayDate = today(getLocalTimeZone());\n  const showMonthTitles = visibleMonthsCount > 1;\n\n  return (\n    <CalendarGridsSlot>\n      {Array.from({ length: visibleMonthsCount }, (_, index) => {\n        const gridDate = calendarState.visibleRange.start.add({\n          months: index,\n        });\n        const monthName = new Intl.DateTimeFormat(locale, {\n          month: \"long\",\n        }).format(gridDate.toDate(getLocalTimeZone()));\n\n        return (\n          <Box\n            key={monthName}\n            width={visibleMonthsCount == 1 ? \"full\" : \"auto\"}\n          >\n            {showMonthTitles && (\n              <CalendarMonthTitleSlot>{monthName}</CalendarMonthTitleSlot>\n            )}\n            <CalendarGridSlot asChild>\n              <RaCalendarGrid offset={{ months: index }} weekdayStyle=\"short\">\n                <CalendarGridHeaderSlot asChild>\n                  <RaCalendarGridHeader>\n                    {(day) => (\n                      <CalendarHeaderCellSlot asChild>\n                        <RaCalendarHeaderCell>{day}</RaCalendarHeaderCell>\n                      </CalendarHeaderCellSlot>\n                    )}\n                  </RaCalendarGridHeader>\n                </CalendarGridHeaderSlot>\n                <CalendarGridBodySlot asChild>\n                  <RaCalendarGridBody>\n                    {(date) => {\n                      const isToday = date.compare(todayDate) === 0;\n                      return (\n                        <CalendarCellSlot asChild data-today={isToday}>\n                          <RaCalendarCell date={date} />\n                        </CalendarCellSlot>\n                      );\n                    }}\n                  </RaCalendarGridBody>\n                </CalendarGridBodySlot>\n              </RaCalendarGrid>\n            </CalendarGridSlot>\n          </Box>\n        );\n      })}\n    </CalendarGridsSlot>\n  );\n};\n","import {\n  CalendarContext,\n  Heading,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport {\n  Box,\n  Flex,\n  IconButton,\n  Stack,\n  Text,\n  VisuallyHidden,\n} from \"@/components\";\nimport {\n  KeyboardArrowLeft,\n  KeyboardArrowRight,\n} from \"@commercetools/nimbus-icons\";\nimport { CalendarHeaderSlot } from \"../calendar.slots\";\n\nexport const CalendarHeader = () => {\n  const calendarProps = useSlottedContext(CalendarContext);\n\n  // Needed to decide wether to show a single month or a range\n  const visibleDurationMonths = calendarProps?.visibleDuration?.months || 1;\n  const showRangeLabel = visibleDurationMonths > 1;\n\n  return (\n    <CalendarHeaderSlot>\n      <Flex>\n        <Stack direction=\"row\" alignItems=\"center\">\n          {/** solely for screen readers, if not present, a11y issues are raised */}\n          <VisuallyHidden>\n            <Heading />\n          </VisuallyHidden>\n          <IconButton\n            slot={showRangeLabel ? \"previous\" : \"previous-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width={showRangeLabel ? \"4000\" : \"2000\"}\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot={showRangeLabel ? \"monthRange\" : \"month\"}\n          />\n          <IconButton\n            slot={showRangeLabel ? \"next\" : \"next-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n        <Box flexGrow=\"1\" />\n        <Stack direction=\"row\" alignItems=\"center\">\n          <IconButton\n            slot=\"previous-year\"\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width=\"1400\"\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot=\"year\"\n          />\n          <IconButton\n            slot=\"next-year\"\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n      </Flex>\n    </CalendarHeaderSlot>\n  );\n};\n","import type { CalendarProps } from \"./calendar.types\";\nimport type { DateValue } from \"react-aria\";\n\nimport { Calendar as RaCalendar } from \"react-aria-components\";\n\nimport { CalendarRootSlot } from \"./calendar.slots\";\nimport {\n  CalendarGrids,\n  CalendarHeader,\n  CalendarCustomContext,\n} from \"./components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * # Calendar\n *\n * Calendars display a grid of days in one or more months and allow users to select a single date.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/calendar}\n */\nexport const Calendar = (props: CalendarProps<DateValue>) => {\n  const recipe = useSlotRecipe({ key: \"nimbusCalendar\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <CalendarRootSlot {...recipeProps} {...styleProps} asChild>\n      <RaCalendar {...otherProps}>\n        <CalendarCustomContext>\n          <CalendarHeader />\n          <CalendarGrids />\n        </CalendarCustomContext>\n      </RaCalendar>\n    </CalendarRootSlot>\n  );\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","CalendarRootSlot","CalendarHeaderSlot","CalendarGridsSlot","CalendarMonthTitleSlot","CalendarGridSlot","CalendarGridHeaderSlot","CalendarHeaderCellSlot","CalendarGridBodySlot","CalendarCellSlot","calendarMessages_en","calendarMessages_de","calendarMessages_es","calendarMessages_fr","calendarMessages_pt","calendarMessagesStrings","normalizeMessages","CalendarCustomContext","children","locale","useLocale","msg","useLocalizedStringFormatter","buttonContext","useContext","ButtonContext","textContext","TextContext","calendarState","CalendarStateContext","buttonSlots","monthLabel","getLocalTimeZone","monthRangeLabel","yearLabel","textSlots","jsx","Provider","CalendarGrids","context","useSlottedContext","CalendarContext","visibleMonthsCount","todayDate","today","showMonthTitles","_","index","gridDate","monthName","jsxs","Box","RaCalendarGrid","RaCalendarGridHeader","day","RaCalendarHeaderCell","RaCalendarGridBody","date","isToday","RaCalendarCell","CalendarHeader","showRangeLabel","Flex","Stack","VisuallyHidden","Heading","IconButton","KeyboardArrowLeft","Text","KeyboardArrowRight","Calendar","props","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","RaCalendar"],"mappings":"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"}
+{"version":3,"file":"calendar-CCbKuHRw.es.js","sources":["../../src/components/calendar/calendar.slots.tsx","../../src/components/calendar/intl/en.ts","../../src/components/calendar/intl/de.ts","../../src/components/calendar/intl/es.ts","../../src/components/calendar/intl/fr-FR.ts","../../src/components/calendar/intl/pt-BR.ts","../../src/components/calendar/calendar.messages.ts","../../src/components/calendar/components/calendar.custom-context.tsx","../../src/components/calendar/components/calendar.grids.tsx","../../src/components/calendar/components/calendar.header.tsx","../../src/components/calendar/calendar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  CalendarCellSlotProps,\n  CalendarGridBodySlotProps,\n  CalendarGridHeaderSlotProps,\n  CalendarGridSlotProps,\n  CalendarGridsSlotProps,\n  CalendarHeaderCellSlotProps,\n  CalendarHeaderSlotProps,\n  CalendarMonthTitleSlotProps,\n  CalendarRootSlotProps,\n} from \"./calendar.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusCalendar\",\n});\n\nexport const CalendarRootSlot: SlotComponent<\n  HTMLDivElement,\n  CalendarRootSlotProps\n> = withProvider<HTMLDivElement, CalendarRootSlotProps>(\"div\", \"root\");\n\nexport const CalendarHeaderSlot = withContext<\n  HTMLDivElement,\n  CalendarHeaderSlotProps\n>(\"div\", \"header\");\n\nexport const CalendarGridsSlot = withContext<\n  HTMLDivElement,\n  CalendarGridsSlotProps\n>(\"div\", \"grids\");\n\nexport const CalendarMonthTitleSlot = withContext<\n  HTMLDivElement,\n  CalendarMonthTitleSlotProps\n>(\"div\", \"monthTitle\");\n\nexport const CalendarGridSlot = withContext<\n  HTMLTableElement,\n  CalendarGridSlotProps\n>(\"table\", \"grid\");\n\nexport const CalendarGridHeaderSlot = withContext<\n  HTMLTableSectionElement,\n  CalendarGridHeaderSlotProps\n>(\"thead\", \"gridHeader\");\n\nexport const CalendarHeaderCellSlot = withContext<\n  HTMLTableCellElement,\n  CalendarHeaderCellSlotProps\n>(\"th\", \"headerCell\");\n\nexport const CalendarGridBodySlot = withContext<\n  HTMLTableSectionElement,\n  CalendarGridBodySlotProps\n>(\"tbody\", \"gridBody\");\n\nexport const CalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  CalendarCellSlotProps\n>(\"td\", \"bodyCell\");\n","/**\n * Pre-compiled en messages for Calendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Next month`,\n  nextYear: `Next year`,\n  previousMonth: `Previous month`,\n  previousYear: `Previous year`,\n};\n","/**\n * Pre-compiled de messages for Calendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Nächsten Monat`,\n  nextYear: `Nächstes Jahr`,\n  previousMonth: `Letzten Monat`,\n  previousYear: `Letztes Jahr`,\n};\n","/**\n * Pre-compiled es messages for Calendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Próximo mes`,\n  nextYear: `Próximo año`,\n  previousMonth: `Mes anterior`,\n  previousYear: `Año anterior`,\n};\n","/**\n * Pre-compiled fr-FR messages for Calendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Mois suivant`,\n  nextYear: `Année suivante`,\n  previousMonth: `Mois précédent`,\n  previousYear: `Année précédente`,\n};\n","/**\n * Pre-compiled pt-BR messages for Calendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Próximo mês`,\n  nextYear: `Próximo ano`,\n  previousMonth: `Mês anterior`,\n  previousYear: `Ano anterior`,\n};\n","/**\n * Pre-compiled localized messages for Calendar 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 calendarMessages_en from \"./intl/en\";\nimport calendarMessages_de from \"./intl/de\";\nimport calendarMessages_es from \"./intl/es\";\nimport calendarMessages_fr from \"./intl/fr-FR\";\nimport calendarMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const calendarMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(calendarMessages_en),\n  de: normalizeMessages(calendarMessages_de),\n  es: normalizeMessages(calendarMessages_es),\n  \"fr-FR\": normalizeMessages(calendarMessages_fr),\n  \"pt-BR\": normalizeMessages(calendarMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Calendar component\n */\nexport type CalendarMessageKey =\n  | \"nextMonth\"\n  | \"nextYear\"\n  | \"previousMonth\"\n  | \"previousYear\";\n","import { getLocalTimeZone } from \"@internationalized/date\";\nimport { useContext } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  CalendarStateContext,\n  TextContext,\n  useLocale,\n} from \"react-aria-components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { calendarMessagesStrings } from \"../calendar.messages\";\n\nexport const CalendarCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const { locale } = useLocale();\n  const msg = useLocalizedStringFormatter(calendarMessagesStrings);\n  const buttonContext = useContext(ButtonContext)!;\n  const textContext = useContext(TextContext)!;\n  const calendarState = useContext(CalendarStateContext)!;\n\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    \"next-month\": {\n      onPress: () => calendarState.focusNextSection(),\n      \"aria-label\": msg.format(\"nextMonth\"),\n    },\n    \"previous-month\": {\n      onPress: () => calendarState.focusPreviousSection(),\n      \"aria-label\": msg.format(\"previousMonth\"),\n    },\n    \"next-year\": {\n      onPress: () => calendarState.focusNextSection(true),\n      \"aria-label\": msg.format(\"nextYear\"),\n    },\n    \"previous-year\": {\n      onPress: () => calendarState.focusPreviousSection(true),\n      \"aria-label\": msg.format(\"previousYear\"),\n    },\n  };\n\n  /**\n   * Text slots\n   * ================================\n   */\n  const monthLabel = new Intl.DateTimeFormat(locale, {\n    month: \"long\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const monthRangeLabel = [\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.start.toDate(getLocalTimeZone())),\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.end.toDate(getLocalTimeZone())),\n  ].join(\" - \");\n\n  const yearLabel = new Intl.DateTimeFormat(locale, {\n    year: \"numeric\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const textSlots = {\n    month: { children: monthLabel },\n    monthRange: { children: monthRangeLabel },\n    year: { children: yearLabel },\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            ...buttonContext,\n            slots: {\n              ...(buttonContext &&\n              typeof buttonContext === \"object\" &&\n              \"slots\" in buttonContext\n                ? buttonContext.slots\n                : {}),\n              ...buttonSlots,\n            },\n          },\n        ],\n        [\n          TextContext,\n          {\n            ...textContext,\n            slots: {\n              ...(textContext &&\n              typeof textContext === \"object\" &&\n              \"slots\" in textContext\n                ? textContext.slots\n                : {}),\n              ...textSlots,\n            },\n          },\n        ],\n      ]}\n    >\n      {children}\n    </Provider>\n  );\n};\n","import { useContext } from \"react\";\nimport { today, getLocalTimeZone } from \"@internationalized/date\";\nimport {\n  CalendarGrid as RaCalendarGrid,\n  CalendarGridBody as RaCalendarGridBody,\n  CalendarGridHeader as RaCalendarGridHeader,\n  CalendarHeaderCell as RaCalendarHeaderCell,\n  CalendarCell as RaCalendarCell,\n  useSlottedContext,\n  CalendarContext,\n  CalendarStateContext,\n  useLocale,\n} from \"react-aria-components\";\n\nimport { Box } from \"@/components\";\n\nimport {\n  CalendarCellSlot,\n  CalendarGridBodySlot,\n  CalendarGridHeaderSlot,\n  CalendarGridSlot,\n  CalendarGridsSlot,\n  CalendarHeaderCellSlot,\n  CalendarMonthTitleSlot,\n} from \"../calendar.slots\";\n\nexport const CalendarGrids = () => {\n  const { locale } = useLocale();\n  const context = useSlottedContext(CalendarContext);\n  const calendarState = useContext(CalendarStateContext)!;\n  const visibleMonthsCount = context?.visibleDuration?.months || 1;\n  const todayDate = today(getLocalTimeZone());\n  const showMonthTitles = visibleMonthsCount > 1;\n\n  return (\n    <CalendarGridsSlot>\n      {Array.from({ length: visibleMonthsCount }, (_, index) => {\n        const gridDate = calendarState.visibleRange.start.add({\n          months: index,\n        });\n        const monthName = new Intl.DateTimeFormat(locale, {\n          month: \"long\",\n        }).format(gridDate.toDate(getLocalTimeZone()));\n\n        return (\n          <Box\n            key={monthName}\n            width={visibleMonthsCount == 1 ? \"full\" : \"auto\"}\n          >\n            {showMonthTitles && (\n              <CalendarMonthTitleSlot>{monthName}</CalendarMonthTitleSlot>\n            )}\n            <CalendarGridSlot asChild>\n              <RaCalendarGrid offset={{ months: index }} weekdayStyle=\"short\">\n                <CalendarGridHeaderSlot asChild>\n                  <RaCalendarGridHeader>\n                    {(day) => (\n                      <CalendarHeaderCellSlot asChild>\n                        <RaCalendarHeaderCell>{day}</RaCalendarHeaderCell>\n                      </CalendarHeaderCellSlot>\n                    )}\n                  </RaCalendarGridHeader>\n                </CalendarGridHeaderSlot>\n                <CalendarGridBodySlot asChild>\n                  <RaCalendarGridBody>\n                    {(date) => {\n                      const isToday = date.compare(todayDate) === 0;\n                      return (\n                        <CalendarCellSlot asChild data-today={isToday}>\n                          <RaCalendarCell date={date} />\n                        </CalendarCellSlot>\n                      );\n                    }}\n                  </RaCalendarGridBody>\n                </CalendarGridBodySlot>\n              </RaCalendarGrid>\n            </CalendarGridSlot>\n          </Box>\n        );\n      })}\n    </CalendarGridsSlot>\n  );\n};\n","import {\n  CalendarContext,\n  Heading,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport {\n  Box,\n  Flex,\n  IconButton,\n  Stack,\n  Text,\n  VisuallyHidden,\n} from \"@/components\";\nimport {\n  KeyboardArrowLeft,\n  KeyboardArrowRight,\n} from \"@commercetools/nimbus-icons\";\nimport { CalendarHeaderSlot } from \"../calendar.slots\";\n\nexport const CalendarHeader = () => {\n  const calendarProps = useSlottedContext(CalendarContext);\n\n  // Needed to decide wether to show a single month or a range\n  const visibleDurationMonths = calendarProps?.visibleDuration?.months || 1;\n  const showRangeLabel = visibleDurationMonths > 1;\n\n  return (\n    <CalendarHeaderSlot>\n      <Flex>\n        <Stack direction=\"row\" alignItems=\"center\">\n          {/** solely for screen readers, if not present, a11y issues are raised */}\n          <VisuallyHidden>\n            <Heading />\n          </VisuallyHidden>\n          <IconButton\n            slot={showRangeLabel ? \"previous\" : \"previous-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width={showRangeLabel ? \"4000\" : \"2000\"}\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot={showRangeLabel ? \"monthRange\" : \"month\"}\n          />\n          <IconButton\n            slot={showRangeLabel ? \"next\" : \"next-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n        <Box flexGrow=\"1\" />\n        <Stack direction=\"row\" alignItems=\"center\">\n          <IconButton\n            slot=\"previous-year\"\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width=\"1400\"\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot=\"year\"\n          />\n          <IconButton\n            slot=\"next-year\"\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n      </Flex>\n    </CalendarHeaderSlot>\n  );\n};\n","import type { CalendarProps } from \"./calendar.types\";\nimport type { DateValue } from \"react-aria\";\n\nimport { Calendar as RaCalendar } from \"react-aria-components\";\n\nimport { CalendarRootSlot } from \"./calendar.slots\";\nimport {\n  CalendarGrids,\n  CalendarHeader,\n  CalendarCustomContext,\n} from \"./components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * # Calendar\n *\n * Calendars display a grid of days in one or more months and allow users to select a single date.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/calendar}\n */\nexport const Calendar = (props: CalendarProps<DateValue>) => {\n  const recipe = useSlotRecipe({ key: \"nimbusCalendar\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <CalendarRootSlot {...recipeProps} {...styleProps} asChild>\n      <RaCalendar {...otherProps}>\n        <CalendarCustomContext>\n          <CalendarHeader />\n          <CalendarGrids />\n        </CalendarCustomContext>\n      </RaCalendar>\n    </CalendarRootSlot>\n  );\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","CalendarRootSlot","CalendarHeaderSlot","CalendarGridsSlot","CalendarMonthTitleSlot","CalendarGridSlot","CalendarGridHeaderSlot","CalendarHeaderCellSlot","CalendarGridBodySlot","CalendarCellSlot","calendarMessages_en","calendarMessages_de","calendarMessages_es","calendarMessages_fr","calendarMessages_pt","calendarMessagesStrings","normalizeMessages","CalendarCustomContext","children","locale","useLocale","msg","useLocalizedStringFormatter","buttonContext","useContext","ButtonContext","textContext","TextContext","calendarState","CalendarStateContext","buttonSlots","monthLabel","getLocalTimeZone","monthRangeLabel","yearLabel","textSlots","jsx","Provider","CalendarGrids","context","useSlottedContext","CalendarContext","visibleMonthsCount","todayDate","today","showMonthTitles","_","index","gridDate","monthName","jsxs","Box","RaCalendarGrid","RaCalendarGridHeader","day","RaCalendarHeaderCell","RaCalendarGridBody","date","isToday","RaCalendarCell","CalendarHeader","showRangeLabel","Flex","Stack","VisuallyHidden","Heading","IconButton","KeyboardArrowLeft","Text","KeyboardArrowRight","Calendar","props","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","RaCalendar"],"mappings":"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"}

package/dist/chunks/{calendar-B7eb7JPU.cjs.js → calendar-DyS7pcka.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),r=require("./Calendar-qtcwvK7h.cjs.js"),M=require("@chakra-ui/react/styled-system"),q=require("./extract-style-props-MWsS2n9A.cjs.js"),i=require("./useDateFormatter-ByIfprdB.cjs.js"),$=require("react"),v=require("./Button-B00E728H.cjs.js"),p=require("./utils-CJJvg8rY.cjs.js"),y=require("./Text-Bcx532Tc.cjs.js"),S=require("./I18nProvider-CYQgXCEn.cjs.js"),x=require("./normalize-messages-Dogs8lYA.cjs.js"),D=require("./Heading-CbPZk2Am.cjs.js"),b=require("@commercetools/nimbus-icons"),j=require("./stack-CIN13EDn.cjs.js"),C=require("./text-D73rGEjF.cjs.js"),P=require("./box-CWni3A32.cjs.js"),R=require("./flex-DwGL6TCj.cjs.js"),z=require("./visually-hidden-CXpij2Ju.cjs.js"),f=require("./icon-button-Dus3CyuU.cjs.js"),{withProvider:I,withContext:c}=M.createSlotRecipeContext({key:"nimbusCalendar"}),T=I("div","root"),Y=c("div","header"),A=c("div","grids"),B=c("div","monthTitle"),F=c("table","grid"),L=c("thead","gridHeader"),H=c("th","headerCell"),N=c("tbody","gridBody"),k=c("td","bodyCell"),G={nextMonth:"Next month",nextYear:"Next year",previousMonth:"Previous month",previousYear:"Previous year"},_={nextMonth:"Nächsten Monat",nextYear:"Nächstes Jahr",previousMonth:"Letzten Monat",previousYear:"Letztes Jahr"},K={nextMonth:"Próximo mes",nextYear:"Próximo año",previousMonth:"Mes anterior",previousYear:"Año anterior"},J={nextMonth:"Mois suivant",nextYear:"Année suivante",previousMonth:"Mois précédent",previousYear:"Année précédente"},W={nextMonth:"Próximo mês",nextYear:"Próximo ano",previousMonth:"Mês anterior",previousYear:"Ano anterior"},V={en:x.normalizeMessages(G),de:x.normalizeMessages(_),es:x.normalizeMessages(K),"fr-FR":x.normalizeMessages(J),"pt-BR":x.normalizeMessages(W)},E=({children:d})=>{const{locale:n}=S.$2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7(),t=x.useLocalizedStringFormatter(V),a=$.useContext(v.$7705c033048f6da7$export$24d547caef80ccd1),s=$.useContext(y.$efe09c6d1c304b50$export$9afb8bc826b033ea),o=$.useContext(r.$6f9a1820b787aac7$export$9e31dcedda1dadc7),g={"next-month":{onPress:()=>o.focusNextSection(),"aria-label":t.format("nextMonth")},"previous-month":{onPress:()=>o.focusPreviousSection(),"aria-label":t.format("previousMonth")},"next-year":{onPress:()=>o.focusNextSection(!0),"aria-label":t.format("nextYear")},"previous-year":{onPress:()=>o.focusPreviousSection(!0),"aria-label":t.format("previousYear")}},h=new Intl.DateTimeFormat(n,{month:"long"}).format(o.focusedDate.toDate(i.$ad063034c8620db8$export$aa8b41735afcabd2())),m=[new Intl.DateTimeFormat(n,{month:"long"}).format(o.visibleRange.start.toDate(i.$ad063034c8620db8$export$aa8b41735afcabd2())),new Intl.DateTimeFormat(n,{month:"long"}).format(o.visibleRange.end.toDate(i.$ad063034c8620db8$export$aa8b41735afcabd2()))].join(" - "),u=new Intl.DateTimeFormat(n,{year:"numeric"}).format(o.focusedDate.toDate(i.$ad063034c8620db8$export$aa8b41735afcabd2())),l={month:{children:h},monthRange:{children:m},year:{children:u}};return e.jsx(p.$7230ffa83bc0c2cf$export$2881499e37b75b9a,{values:[[v.$7705c033048f6da7$export$24d547caef80ccd1,{...a,slots:{...a&&typeof a=="object"&&"slots"in a?a.slots:{},...g}}],[y.$efe09c6d1c304b50$export$9afb8bc826b033ea,{...s,slots:{...s&&typeof s=="object"&&"slots"in s?s.slots:{},...l}}]],children:d})},O=()=>{const{locale:d}=S.$2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7(),n=p.$7230ffa83bc0c2cf$export$fabf2dc03a41866e(r.$6f9a1820b787aac7$export$3b805cea1f178355),t=$.useContext(r.$6f9a1820b787aac7$export$9e31dcedda1dadc7),a=n?.visibleDuration?.months||1,s=i.$ad063034c8620db8$export$d0bdf45af03a6ea3(i.$ad063034c8620db8$export$aa8b41735afcabd2()),o=a>1;return e.jsx(A,{children:Array.from({length:a},(g,h)=>{const m=t.visibleRange.start.add({months:h}),u=new Intl.DateTimeFormat(d,{month:"long"}).format(m.toDate(i.$ad063034c8620db8$export$aa8b41735afcabd2()));return e.jsxs(P.Box,{width:a==1?"full":"auto",children:[o&&e.jsx(B,{children:u}),e.jsx(F,{asChild:!0,children:e.jsxs(r.$6f9a1820b787aac7$export$5bd780d491cfc46c,{offset:{months:h},weekdayStyle:"short",children:[e.jsx(L,{asChild:!0,children:e.jsx(r.$6f9a1820b787aac7$export$22e2d15eaa4d2377,{children:l=>e.jsx(H,{asChild:!0,children:e.jsx(r.$6f9a1820b787aac7$export$ad2135cac3a11b3d,{children:l})})})}),e.jsx(N,{asChild:!0,children:e.jsx(r.$6f9a1820b787aac7$export$e11f8ba65d857bff,{children:l=>{const w=l.compare(s)===0;return e.jsx(k,{asChild:!0,"data-today":w,children:e.jsx(r.$6f9a1820b787aac7$export$5d847498420df57b,{date:l})})}})})]})})]},u)})})},Q=()=>{const t=(p.$7230ffa83bc0c2cf$export$fabf2dc03a41866e(r.$6f9a1820b787aac7$export$3b805cea1f178355)?.visibleDuration?.months||1)>1;return e.jsx(Y,{children:e.jsxs(R.Flex,{children:[e.jsxs(j.Stack,{direction:"row",alignItems:"center",children:[e.jsx(z.VisuallyHidden,{children:e.jsx(D.$2ec61d1d4f780267$export$a8a3e93435678ff9,{})}),e.jsx(f.IconButton,{slot:t?"previous":"previous-month",size:"xs",variant:"ghost",colorPalette:"primary",children:e.jsx(b.KeyboardArrowLeft,{})}),e.jsx(C.Text,{textStyle:"sm",fontWeight:"500",color:"neutral.11",width:t?"4000":"2000",textAlign:"center","aria-hidden":"true",slot:t?"monthRange":"month"}),e.jsx(f.IconButton,{slot:t?"next":"next-month",size:"xs",variant:"ghost",colorPalette:"primary",children:e.jsx(b.KeyboardArrowRight,{})})]}),e.jsx(P.Box,{flexGrow:"1"}),e.jsxs(j.Stack,{direction:"row",alignItems:"center",children:[e.jsx(f.IconButton,{slot:"previous-year",size:"xs",variant:"ghost",colorPalette:"primary",children:e.jsx(b.KeyboardArrowLeft,{})}),e.jsx(C.Text,{textStyle:"sm",fontWeight:"500",color:"neutral.11",width:"1400",textAlign:"center","aria-hidden":"true",slot:"year"}),e.jsx(f.IconButton,{slot:"next-year",size:"xs",variant:"ghost",colorPalette:"primary",children:e.jsx(b.KeyboardArrowRight,{})})]})]})})},U=d=>{const n=M.useSlotRecipe({key:"nimbusCalendar"}),[t,a]=n.splitVariantProps(d),[s,o]=q.extractStyleProps(a);return e.jsx(T,{...t,...s,asChild:!0,children:e.jsx(r.$6f9a1820b787aac7$export$e1aef45b828286de,{...o,children:e.jsxs(E,{children:[e.jsx(Q,{}),e.jsx(O,{})]})})})};exports.Calendar=U;
-//# sourceMappingURL=calendar-B7eb7JPU.cjs.js.map
+"use strict";const e=require("react/jsx-runtime"),r=require("./Calendar-qtcwvK7h.cjs.js"),M=require("@chakra-ui/react/styled-system"),q=require("./extract-style-props-DWdgk4rX.cjs.js"),i=require("./useDateFormatter-ByIfprdB.cjs.js"),$=require("react"),v=require("./Button-B00E728H.cjs.js"),p=require("./utils-CJJvg8rY.cjs.js"),y=require("./Text-Bcx532Tc.cjs.js"),S=require("./I18nProvider-CYQgXCEn.cjs.js"),x=require("./normalize-messages-Dogs8lYA.cjs.js"),D=require("./Heading-CbPZk2Am.cjs.js"),b=require("@commercetools/nimbus-icons"),j=require("./stack-CIN13EDn.cjs.js"),C=require("./text-D73rGEjF.cjs.js"),P=require("./box-CWni3A32.cjs.js"),R=require("./flex-DwGL6TCj.cjs.js"),z=require("./visually-hidden-CXpij2Ju.cjs.js"),f=require("./icon-button-xxvxJnj0.cjs.js"),{withProvider:I,withContext:c}=M.createSlotRecipeContext({key:"nimbusCalendar"}),T=I("div","root"),Y=c("div","header"),A=c("div","grids"),B=c("div","monthTitle"),F=c("table","grid"),L=c("thead","gridHeader"),H=c("th","headerCell"),N=c("tbody","gridBody"),k=c("td","bodyCell"),G={nextMonth:"Next month",nextYear:"Next year",previousMonth:"Previous month",previousYear:"Previous year"},_={nextMonth:"Nächsten Monat",nextYear:"Nächstes Jahr",previousMonth:"Letzten Monat",previousYear:"Letztes Jahr"},K={nextMonth:"Próximo mes",nextYear:"Próximo año",previousMonth:"Mes anterior",previousYear:"Año anterior"},J={nextMonth:"Mois suivant",nextYear:"Année suivante",previousMonth:"Mois précédent",previousYear:"Année précédente"},W={nextMonth:"Próximo mês",nextYear:"Próximo ano",previousMonth:"Mês anterior",previousYear:"Ano anterior"},V={en:x.normalizeMessages(G),de:x.normalizeMessages(_),es:x.normalizeMessages(K),"fr-FR":x.normalizeMessages(J),"pt-BR":x.normalizeMessages(W)},E=({children:d})=>{const{locale:n}=S.$2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7(),t=x.useLocalizedStringFormatter(V),a=$.useContext(v.$7705c033048f6da7$export$24d547caef80ccd1),s=$.useContext(y.$efe09c6d1c304b50$export$9afb8bc826b033ea),o=$.useContext(r.$6f9a1820b787aac7$export$9e31dcedda1dadc7),g={"next-month":{onPress:()=>o.focusNextSection(),"aria-label":t.format("nextMonth")},"previous-month":{onPress:()=>o.focusPreviousSection(),"aria-label":t.format("previousMonth")},"next-year":{onPress:()=>o.focusNextSection(!0),"aria-label":t.format("nextYear")},"previous-year":{onPress:()=>o.focusPreviousSection(!0),"aria-label":t.format("previousYear")}},h=new Intl.DateTimeFormat(n,{month:"long"}).format(o.focusedDate.toDate(i.$ad063034c8620db8$export$aa8b41735afcabd2())),m=[new Intl.DateTimeFormat(n,{month:"long"}).format(o.visibleRange.start.toDate(i.$ad063034c8620db8$export$aa8b41735afcabd2())),new Intl.DateTimeFormat(n,{month:"long"}).format(o.visibleRange.end.toDate(i.$ad063034c8620db8$export$aa8b41735afcabd2()))].join(" - "),u=new Intl.DateTimeFormat(n,{year:"numeric"}).format(o.focusedDate.toDate(i.$ad063034c8620db8$export$aa8b41735afcabd2())),l={month:{children:h},monthRange:{children:m},year:{children:u}};return e.jsx(p.$7230ffa83bc0c2cf$export$2881499e37b75b9a,{values:[[v.$7705c033048f6da7$export$24d547caef80ccd1,{...a,slots:{...a&&typeof a=="object"&&"slots"in a?a.slots:{},...g}}],[y.$efe09c6d1c304b50$export$9afb8bc826b033ea,{...s,slots:{...s&&typeof s=="object"&&"slots"in s?s.slots:{},...l}}]],children:d})},O=()=>{const{locale:d}=S.$2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7(),n=p.$7230ffa83bc0c2cf$export$fabf2dc03a41866e(r.$6f9a1820b787aac7$export$3b805cea1f178355),t=$.useContext(r.$6f9a1820b787aac7$export$9e31dcedda1dadc7),a=n?.visibleDuration?.months||1,s=i.$ad063034c8620db8$export$d0bdf45af03a6ea3(i.$ad063034c8620db8$export$aa8b41735afcabd2()),o=a>1;return e.jsx(A,{children:Array.from({length:a},(g,h)=>{const m=t.visibleRange.start.add({months:h}),u=new Intl.DateTimeFormat(d,{month:"long"}).format(m.toDate(i.$ad063034c8620db8$export$aa8b41735afcabd2()));return e.jsxs(P.Box,{width:a==1?"full":"auto",children:[o&&e.jsx(B,{children:u}),e.jsx(F,{asChild:!0,children:e.jsxs(r.$6f9a1820b787aac7$export$5bd780d491cfc46c,{offset:{months:h},weekdayStyle:"short",children:[e.jsx(L,{asChild:!0,children:e.jsx(r.$6f9a1820b787aac7$export$22e2d15eaa4d2377,{children:l=>e.jsx(H,{asChild:!0,children:e.jsx(r.$6f9a1820b787aac7$export$ad2135cac3a11b3d,{children:l})})})}),e.jsx(N,{asChild:!0,children:e.jsx(r.$6f9a1820b787aac7$export$e11f8ba65d857bff,{children:l=>{const w=l.compare(s)===0;return e.jsx(k,{asChild:!0,"data-today":w,children:e.jsx(r.$6f9a1820b787aac7$export$5d847498420df57b,{date:l})})}})})]})})]},u)})})},Q=()=>{const t=(p.$7230ffa83bc0c2cf$export$fabf2dc03a41866e(r.$6f9a1820b787aac7$export$3b805cea1f178355)?.visibleDuration?.months||1)>1;return e.jsx(Y,{children:e.jsxs(R.Flex,{children:[e.jsxs(j.Stack,{direction:"row",alignItems:"center",children:[e.jsx(z.VisuallyHidden,{children:e.jsx(D.$2ec61d1d4f780267$export$a8a3e93435678ff9,{})}),e.jsx(f.IconButton,{slot:t?"previous":"previous-month",size:"xs",variant:"ghost",colorPalette:"primary",children:e.jsx(b.KeyboardArrowLeft,{})}),e.jsx(C.Text,{textStyle:"sm",fontWeight:"500",color:"neutral.11",width:t?"4000":"2000",textAlign:"center","aria-hidden":"true",slot:t?"monthRange":"month"}),e.jsx(f.IconButton,{slot:t?"next":"next-month",size:"xs",variant:"ghost",colorPalette:"primary",children:e.jsx(b.KeyboardArrowRight,{})})]}),e.jsx(P.Box,{flexGrow:"1"}),e.jsxs(j.Stack,{direction:"row",alignItems:"center",children:[e.jsx(f.IconButton,{slot:"previous-year",size:"xs",variant:"ghost",colorPalette:"primary",children:e.jsx(b.KeyboardArrowLeft,{})}),e.jsx(C.Text,{textStyle:"sm",fontWeight:"500",color:"neutral.11",width:"1400",textAlign:"center","aria-hidden":"true",slot:"year"}),e.jsx(f.IconButton,{slot:"next-year",size:"xs",variant:"ghost",colorPalette:"primary",children:e.jsx(b.KeyboardArrowRight,{})})]})]})})},U=d=>{const n=M.useSlotRecipe({key:"nimbusCalendar"}),[t,a]=n.splitVariantProps(d),[s,o]=q.extractStyleProps(a);return e.jsx(T,{...t,...s,asChild:!0,children:e.jsx(r.$6f9a1820b787aac7$export$e1aef45b828286de,{...o,children:e.jsxs(E,{children:[e.jsx(Q,{}),e.jsx(O,{})]})})})};exports.Calendar=U;
+//# sourceMappingURL=calendar-DyS7pcka.cjs.js.map