@commercetools/nimbus 2.11.0 → 3.1.0

package/dist/chunks/alert-DDg6_MW0.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-DDg6_MW0.esm.js","names":[],"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"],"mappings":";;;;;;AAUA,IAAM,EAAE,iBAAc,mBAAgB,EAAwB,EAC5D,KAAK,cACP,CAAC,GAEY,IAAY,EACvB,OACA,MACF,GAEa,IAAa,EACxB,OACA,OACF,GAEa,IAAmB,EAG9B,OAAO,aAAa,GAET,IAAY,EACvB,OACA,MACF,GAEa,IAAe,EAC1B,OACA,SACF,GAIa,IAAqB,EAGhC,OAAO,eAAe,GCnClB,KAA2B,MAA6C;CAC5E,QAAQ,GAAR;EACE,KAAK,YACH,OAAO,kBAAC,GAAD,CAAe,CAAA;EACxB,KAAK,QACH,OAAO,kBAAC,GAAD,CAAO,CAAA;EAChB,KAAK,WACH,OAAO,kBAAC,GAAD,CAAe,CAAA;EACxB,KAAK,YACH,OAAO,kBAAC,GAAD,CAAqB,CAAA;EAC9B,SACE,OAAO;CACX;AACF,GAOa,KAAiC,MAAU;CACtD,IAAM,EAAE,QAAK,aAAU,GAAG,MAAc;CAExC,OACE,kBAAC,GAAD;EAAoB;EAAK,GAAI;EAAW,MAAK;YAA7C,CACE,kBAAC,GAAD;GAAW,YAAW;aACnB,EAAwB,EAAU,YAAY;EACtC,CAAA,GACV,CACY;;AAEnB;AAEA,EAAU,cAAc;;;AClCxB,IAAa,KAAc,EAAE,aAAU,GAAG,QAEtC,kBAAC,GAAD;CAAgB,GAAI;CAAO,YAAW;CACnC;AACa,CAAA;AAIpB,EAAW,cAAc;;;ACRzB,IAAa,KAAoB,EAC/B,aACA,GAAG,QAEI,kBAAC,GAAD;CAAsB,GAAI;CAAQ;AAA+B,CAAA;AAG1E,EAAiB,cAAc;;;ACP/B,IAAa,KAAgB,EAAE,aAAU,GAAG,QACnC,kBAAC,GAAD;CAAkB,GAAI;CAAQ;AAA2B,CAAA;AAGlE,EAAa,cAAc;;;AMW3B,IAAa,IAAkE;CAC7E,IAAI,EAAkB,ELlBP,SAAS,UKkBF,CAAgB;CACtC,IAAI,EAAkB,EJnBP,SAAS,YImBF,CAAgB;CACtC,IAAI,EAAkB,EHpBP,SAAS,WGoBF,CAAgB;CACtC,SAAS,EAAkB,EFrBZ,SAAS,SEqBG,CAAgB;CAC3C,SAAS,EAAkB,EDtBZ,SAAS,YCsBG,CAAgB;AAC7C,GCjBa,KAAsB,EAAE,GAAG,QAIpC,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CACE,cALM,EAA4B,CAKtB,EAAI,OAAO,SAAS;CAChC,GAAI;CACJ,SAAQ;CACR,MAAK;WAEL,kBAAC,GAAD,EAAO,MAAK,MAAO,CAAA;AACT,CAAA,EACU,CAAA;AAI5B,EAAmB,cAAc;;;ACNjC,IAAa,IAAQ;CAenB,MAAM;CAcN,OAAO;CAeP,aAAa;CAkBb,SAAS;CAgBT,eAAe;AACjB"}

package/dist/chunks/alert-Dt4cJWLN.cjs

@@ -0,0 +1,2 @@
+const e=require("./icon-button-VYRqOd0H.cjs.js"),t=require("./normalize-messages-BMIBfw4v.cjs.js");let n=require("@chakra-ui/react/styled-system"),r=require("react/jsx-runtime"),i=require("@commercetools/nimbus-icons");var{withProvider:a,withContext:o}=(0,n.createSlotRecipeContext)({key:`nimbusAlert`}),s=a(`div`,`root`),c=o(`div`,`title`),l=o(`div`,`description`),u=o(`div`,`icon`),d=o(`div`,`actions`),f=o(`div`,`dismissButton`),p=e=>{switch(e){case`critical`:return(0,r.jsx)(i.ErrorOutline,{});case`info`:return(0,r.jsx)(i.Info,{});case`warning`:return(0,r.jsx)(i.WarningAmber,{});case`positive`:return(0,r.jsx)(i.CheckCircleOutline,{});default:return null}},m=e=>{let{ref:t,children:n,...i}=e;return(0,r.jsxs)(s,{ref:t,...i,role:`alert`,children:[(0,r.jsx)(u,{alignItems:`flex-start`,children:p(i.colorPalette)}),n]})};m.displayName=`Alert.Root`;var h=({children:e,...t})=>(0,r.jsx)(c,{...t,fontWeight:`600`,children:e});h.displayName=`Alert.Title`;var g=({children:e,...t})=>(0,r.jsx)(l,{...t,children:e});g.displayName=`Alert.Description`;var _=({children:e,...t})=>(0,r.jsx)(d,{...t,children:e});_.displayName=`Alert.Actions`;var v={en:t.t({dismiss:`Dismiss`}),de:t.t({dismiss:`Verwerfen`}),es:t.t({dismiss:`Desechar`}),"fr-FR":t.t({dismiss:`Fermer`}),"pt-BR":t.t({dismiss:`Dispensar`})},y=({...n})=>(0,r.jsx)(f,{children:(0,r.jsx)(e.t,{"aria-label":t.n(v).format(`dismiss`),...n,variant:`ghost`,size:`2xs`,children:(0,r.jsx)(i.Clear,{role:`img`})})});y.displayName=`Alert.DismissButton`;var b={Root:m,Title:h,Description:g,Actions:_,DismissButton:y};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return b}});
+//# sourceMappingURL=alert-Dt4cJWLN.cjs.js.map

package/dist/chunks/alert-Dt4cJWLN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-Dt4cJWLN.cjs.js","names":[],"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"],"mappings":"2NAUA,GAAM,CAAE,eAAc,gBAAA,EAAA,EAAA,yBAAwC,CAC5D,IAAK,aACP,CAAC,EAEY,EAAY,EACvB,MACA,MACF,EAEa,EAAa,EACxB,MACA,OACF,EAEa,EAAmB,EAG9B,MAAO,aAAa,EAET,EAAY,EACvB,MACA,MACF,EAEa,EAAe,EAC1B,MACA,SACF,EAIa,EAAqB,EAGhC,MAAO,eAAe,ECnClB,EAA2B,GAA6C,CAC5E,OAAQ,EAAR,CACE,IAAK,WACH,OAAO,EAAA,EAAA,KAAC,EAAA,aAAD,CAAe,CAAA,EACxB,IAAK,OACH,OAAO,EAAA,EAAA,KAAC,EAAA,KAAD,CAAO,CAAA,EAChB,IAAK,UACH,OAAO,EAAA,EAAA,KAAC,EAAA,aAAD,CAAe,CAAA,EACxB,IAAK,WACH,OAAO,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAqB,CAAA,EAC9B,QACE,OAAO,IACX,CACF,EAOa,EAAiC,GAAU,CACtD,GAAM,CAAE,MAAK,WAAU,GAAG,GAAc,EAExC,OACE,EAAA,EAAA,MAAC,EAAD,CAAoB,MAAK,GAAI,EAAW,KAAK,iBAA7C,EACE,EAAA,EAAA,KAAC,EAAD,CAAW,WAAW,sBACnB,EAAwB,EAAU,YAAY,CACtC,CAAA,EACV,CACY,GAEnB,EAEA,EAAU,YAAc,aClCxB,IAAa,GAAc,CAAE,WAAU,GAAG,MAEtC,EAAA,EAAA,KAAC,EAAD,CAAgB,GAAI,EAAO,WAAW,MACnC,UACa,CAAA,EAIpB,EAAW,YAAc,cCRzB,IAAa,GAAoB,CAC/B,WACA,GAAG,MAEI,EAAA,EAAA,KAAC,EAAD,CAAsB,GAAI,EAAQ,UAA+B,CAAA,EAG1E,EAAiB,YAAc,oBCP/B,IAAa,GAAgB,CAAE,WAAU,GAAG,MACnC,EAAA,EAAA,KAAC,EAAD,CAAkB,GAAI,EAAQ,UAA2B,CAAA,EAGlE,EAAa,YAAc,gBMW3B,IAAa,EAAkE,CAC7E,GAAI,EAAA,EAAkB,CLlBP,QAAS,SKkBF,CAAgB,EACtC,GAAI,EAAA,EAAkB,CJnBP,QAAS,WImBF,CAAgB,EACtC,GAAI,EAAA,EAAkB,CHpBP,QAAS,UGoBF,CAAgB,EACtC,QAAS,EAAA,EAAkB,CFrBZ,QAAS,QEqBG,CAAgB,EAC3C,QAAS,EAAA,EAAkB,CDtBZ,QAAS,WCsBG,CAAgB,CAC7C,ECjBa,GAAsB,CAAE,GAAG,MAIpC,EAAA,EAAA,KAAC,EAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,aALM,EAAA,EAA4B,CAKtB,EAAI,OAAO,SAAS,EAChC,GAAI,EACJ,QAAQ,QACR,KAAK,gBAEL,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,KAAK,KAAO,CAAA,CACT,CAAA,CACU,CAAA,EAI5B,EAAmB,YAAc,sBCNjC,IAAa,EAAQ,CAenB,KAAM,EAcN,MAAO,EAeP,YAAa,EAkBb,QAAS,EAgBT,cAAe,CACjB"}

package/dist/chunks/animation-Co56ERuY.cjs

@@ -0,0 +1,2 @@
+const e=require("./mergeProps-Dn9WJiIo.cjs.js");let t=require("react"),n=require("react-dom");function r(n,r=!0){let[i,o]=(0,t.useState)(!0),s=i&&r;return e.a(()=>{if(s&&n.current&&`getAnimations`in n.current)for(let e of n.current.getAnimations())e instanceof CSSTransition&&e.cancel()},[n,s]),a(n,s,(0,t.useCallback)(()=>o(!1),[])),s}function i(e,n){let[r,i]=(0,t.useState)(n?`open`:`closed`);switch(r){case`open`:n||i(`exiting`);break;case`closed`:case`exiting`:n&&i(`open`);break}let o=r===`exiting`;return a(e,o,(0,t.useCallback)(()=>{i(e=>e===`exiting`?`closed`:e)},[])),o}function a(t,r,i){e.a(()=>{if(r&&t.current){if(!(`getAnimations`in t.current)){i();return}let e=t.current.getAnimations();if(e.length===0){i();return}let r=!1;return Promise.allSettled(e.map(e=>e.finished)).then(()=>{r||(0,n.flushSync)(()=>{i()})}),()=>{r=!0}}},[t,r,i])}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=animation-Co56ERuY.cjs.js.map

package/dist/chunks/animation-Co56ERuY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation-Co56ERuY.cjs.js","names":["$c4867b2f328c2698$export$e5c5a5f917a5871c"],"sources":["../../../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/utils/animation.mjs"],"sourcesContent":["import {useLayoutEffect as $c4867b2f328c2698$export$e5c5a5f917a5871c} from \"./useLayoutEffect.mjs\";\nimport {flushSync as $5MIG0$flushSync} from \"react-dom\";\nimport {useState as $5MIG0$useState, useCallback as $5MIG0$useCallback} from \"react\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\nfunction $fcc7165e876206c6$export$6d3443f2c48bfc20(ref, isReady = true) {\n    let [isEntering, setEntering] = (0, $5MIG0$useState)(true);\n    let isAnimationReady = isEntering && isReady;\n    // There are two cases for entry animations:\n    // 1. CSS @keyframes. The `animation` property is set during the isEntering state, and it is removed after the animation finishes.\n    // 2. CSS transitions. The initial styles are applied during the isEntering state, and removed immediately, causing the transition to occur.\n    //\n    // In the second case, cancel any transitions that were triggered prior to the isEntering = false state (when the transition is supposed to start).\n    // This can happen when isReady starts as false (e.g. popovers prior to placement calculation).\n    (0, $c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{\n        if (isAnimationReady && ref.current && 'getAnimations' in ref.current) {\n            for (let animation of ref.current.getAnimations())if (animation instanceof CSSTransition) animation.cancel();\n        }\n    }, [\n        ref,\n        isAnimationReady\n    ]);\n    $fcc7165e876206c6$var$useAnimation(ref, isAnimationReady, (0, $5MIG0$useCallback)(()=>setEntering(false), []));\n    return isAnimationReady;\n}\nfunction $fcc7165e876206c6$export$45fda7c47f93fd48(ref, isOpen) {\n    let [exitState, setExitState] = (0, $5MIG0$useState)(isOpen ? 'open' : 'closed');\n    switch(exitState){\n        case 'open':\n            // If isOpen becomes false, set the state to exiting.\n            if (!isOpen) setExitState('exiting');\n            break;\n        case 'closed':\n        case 'exiting':\n            // If we are exiting and isOpen becomes true, the animation was interrupted.\n            // Reset the state to open.\n            if (isOpen) setExitState('open');\n            break;\n    }\n    let isExiting = exitState === 'exiting';\n    $fcc7165e876206c6$var$useAnimation(ref, isExiting, (0, $5MIG0$useCallback)(()=>{\n        // Set the state to closed, which will cause the element to be unmounted.\n        setExitState((state)=>state === 'exiting' ? 'closed' : state);\n    }, []));\n    return isExiting;\n}\nfunction $fcc7165e876206c6$var$useAnimation(ref, isActive, onEnd) {\n    (0, $c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{\n        if (isActive && ref.current) {\n            if (!('getAnimations' in ref.current)) {\n                // JSDOM\n                onEnd();\n                return;\n            }\n            let animations = ref.current.getAnimations();\n            if (animations.length === 0) {\n                onEnd();\n                return;\n            }\n            let canceled = false;\n            Promise.allSettled(animations.map((a)=>a.finished)).then(()=>{\n                if (!canceled) (0, $5MIG0$flushSync)(()=>{\n                    onEnd();\n                });\n            });\n            return ()=>{\n                canceled = true;\n            };\n        }\n    }, [\n        ref,\n        isActive,\n        onEnd\n    ]);\n}\n\n\nexport {$fcc7165e876206c6$export$6d3443f2c48bfc20 as useEnterAnimation, $fcc7165e876206c6$export$45fda7c47f93fd48 as useExitAnimation};\n//# sourceMappingURL=animation.mjs.map\n"],"x_google_ignoreList":[0],"mappings":"8FAiBA,SAAS,EAA0C,EAAK,EAAU,GAAM,CACpE,GAAI,CAAC,EAAY,IAAA,EAAA,EAAA,UAAoC,EAAI,EACrD,EAAmB,GAAc,EAgBrC,OATA,EAAIA,MAA+C,CAC/C,GAAI,GAAoB,EAAI,SAAW,kBAAmB,EAAI,YACrD,IAAI,KAAa,EAAI,QAAQ,cAAc,EAAM,aAAqB,eAAe,EAAU,OAAO,CAEnH,EAAG,CACC,EACA,CACJ,CAAC,EACD,EAAmC,EAAK,GAAA,EAAA,EAAA,iBAA8C,EAAY,EAAK,EAAG,CAAC,CAAC,CAAC,EACtG,CACX,CACA,SAAS,EAA0C,EAAK,EAAQ,CAC5D,GAAI,CAAC,EAAW,IAAA,EAAA,EAAA,UAAqC,EAAS,OAAS,QAAQ,EAC/E,OAAO,EAAP,CACI,IAAK,OAEI,GAAQ,EAAa,SAAS,EACnC,MACJ,IAAK,SACL,IAAK,UAGG,GAAQ,EAAa,MAAM,EAC/B,KACR,CACA,IAAI,EAAY,IAAc,UAK9B,OAJA,EAAmC,EAAK,GAAA,EAAA,EAAA,iBAAuC,CAE3E,EAAc,GAAQ,IAAU,UAAY,SAAW,CAAK,CAChE,EAAG,CAAC,CAAC,CAAC,EACC,CACX,CACA,SAAS,EAAmC,EAAK,EAAU,EAAO,CAC9D,EAAIA,MAA+C,CAC/C,GAAI,GAAY,EAAI,QAAS,CACzB,GAAI,EAAE,kBAAmB,EAAI,SAAU,CAEnC,EAAM,EACN,MACJ,CACA,IAAI,EAAa,EAAI,QAAQ,cAAc,EAC3C,GAAI,EAAW,SAAW,EAAG,CACzB,EAAM,EACN,MACJ,CACA,IAAI,EAAW,GAMf,OALA,QAAQ,WAAW,EAAW,IAAK,GAAI,EAAE,QAAQ,CAAC,EAAE,SAAS,CACpD,IAAU,EAAA,EAAA,eAA0B,CACrC,EAAM,CACV,CAAC,CACL,CAAC,MACU,CACP,EAAW,EACf,CACJ,CACJ,EAAG,CACC,EACA,EACA,CACJ,CAAC,CACL"}

package/dist/chunks/animation-DtVCczVU.esm.js

@@ -0,0 +1,57 @@
+import { a as e } from "./mergeProps-CTd2pucx.esm.js";
+import { useCallback as t, useState as n } from "react";
+import { flushSync as r } from "react-dom";
+//#region ../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/utils/animation.mjs
+function i(r, i = !0) {
+	let [a, s] = n(!0), c = a && i;
+	return e(() => {
+		if (c && r.current && "getAnimations" in r.current) for (let e of r.current.getAnimations()) e instanceof CSSTransition && e.cancel();
+	}, [r, c]), o(r, c, t(() => s(!1), [])), c;
+}
+function a(e, r) {
+	let [i, a] = n(r ? "open" : "closed");
+	switch (i) {
+		case "open":
+			r || a("exiting");
+			break;
+		case "closed":
+		case "exiting":
+			r && a("open");
+			break;
+	}
+	let s = i === "exiting";
+	return o(e, s, t(() => {
+		a((e) => e === "exiting" ? "closed" : e);
+	}, [])), s;
+}
+function o(t, n, i) {
+	e(() => {
+		if (n && t.current) {
+			if (!("getAnimations" in t.current)) {
+				i();
+				return;
+			}
+			let e = t.current.getAnimations();
+			if (e.length === 0) {
+				i();
+				return;
+			}
+			let n = !1;
+			return Promise.allSettled(e.map((e) => e.finished)).then(() => {
+				n || r(() => {
+					i();
+				});
+			}), () => {
+				n = !0;
+			};
+		}
+	}, [
+		t,
+		n,
+		i
+	]);
+}
+//#endregion
+export { i as n, a as t };
+
+//# sourceMappingURL=animation-DtVCczVU.esm.js.map

package/dist/chunks/animation-DtVCczVU.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation-DtVCczVU.esm.js","names":["$5MIG0$useState","$5MIG0$useCallback","$5MIG0$flushSync"],"sources":["../../../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/utils/animation.mjs"],"sourcesContent":["import {useLayoutEffect as $c4867b2f328c2698$export$e5c5a5f917a5871c} from \"./useLayoutEffect.mjs\";\nimport {flushSync as $5MIG0$flushSync} from \"react-dom\";\nimport {useState as $5MIG0$useState, useCallback as $5MIG0$useCallback} from \"react\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\nfunction $fcc7165e876206c6$export$6d3443f2c48bfc20(ref, isReady = true) {\n    let [isEntering, setEntering] = (0, $5MIG0$useState)(true);\n    let isAnimationReady = isEntering && isReady;\n    // There are two cases for entry animations:\n    // 1. CSS @keyframes. The `animation` property is set during the isEntering state, and it is removed after the animation finishes.\n    // 2. CSS transitions. The initial styles are applied during the isEntering state, and removed immediately, causing the transition to occur.\n    //\n    // In the second case, cancel any transitions that were triggered prior to the isEntering = false state (when the transition is supposed to start).\n    // This can happen when isReady starts as false (e.g. popovers prior to placement calculation).\n    (0, $c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{\n        if (isAnimationReady && ref.current && 'getAnimations' in ref.current) {\n            for (let animation of ref.current.getAnimations())if (animation instanceof CSSTransition) animation.cancel();\n        }\n    }, [\n        ref,\n        isAnimationReady\n    ]);\n    $fcc7165e876206c6$var$useAnimation(ref, isAnimationReady, (0, $5MIG0$useCallback)(()=>setEntering(false), []));\n    return isAnimationReady;\n}\nfunction $fcc7165e876206c6$export$45fda7c47f93fd48(ref, isOpen) {\n    let [exitState, setExitState] = (0, $5MIG0$useState)(isOpen ? 'open' : 'closed');\n    switch(exitState){\n        case 'open':\n            // If isOpen becomes false, set the state to exiting.\n            if (!isOpen) setExitState('exiting');\n            break;\n        case 'closed':\n        case 'exiting':\n            // If we are exiting and isOpen becomes true, the animation was interrupted.\n            // Reset the state to open.\n            if (isOpen) setExitState('open');\n            break;\n    }\n    let isExiting = exitState === 'exiting';\n    $fcc7165e876206c6$var$useAnimation(ref, isExiting, (0, $5MIG0$useCallback)(()=>{\n        // Set the state to closed, which will cause the element to be unmounted.\n        setExitState((state)=>state === 'exiting' ? 'closed' : state);\n    }, []));\n    return isExiting;\n}\nfunction $fcc7165e876206c6$var$useAnimation(ref, isActive, onEnd) {\n    (0, $c4867b2f328c2698$export$e5c5a5f917a5871c)(()=>{\n        if (isActive && ref.current) {\n            if (!('getAnimations' in ref.current)) {\n                // JSDOM\n                onEnd();\n                return;\n            }\n            let animations = ref.current.getAnimations();\n            if (animations.length === 0) {\n                onEnd();\n                return;\n            }\n            let canceled = false;\n            Promise.allSettled(animations.map((a)=>a.finished)).then(()=>{\n                if (!canceled) (0, $5MIG0$flushSync)(()=>{\n                    onEnd();\n                });\n            });\n            return ()=>{\n                canceled = true;\n            };\n        }\n    }, [\n        ref,\n        isActive,\n        onEnd\n    ]);\n}\n\n\nexport {$fcc7165e876206c6$export$6d3443f2c48bfc20 as useEnterAnimation, $fcc7165e876206c6$export$45fda7c47f93fd48 as useExitAnimation};\n//# sourceMappingURL=animation.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;;AAiBA,SAAS,EAA0C,GAAK,IAAU,IAAM;CACpE,IAAI,CAAC,GAAY,KAAmBA,EAAiB,EAAI,GACrD,IAAmB,KAAc;CAgBrC,OATA,QAAmD;EAC/C,IAAI,KAAoB,EAAI,WAAW,mBAAmB,EAAI,cACrD,IAAI,KAAa,EAAI,QAAQ,cAAc,GAAE,AAAI,aAAqB,iBAAe,EAAU,OAAO;CAEnH,GAAG,CACC,GACA,CACJ,CAAC,GACD,EAAmC,GAAK,GAAsBC,QAAwB,EAAY,EAAK,GAAG,CAAC,CAAC,CAAC,GACtG;AACX;AACA,SAAS,EAA0C,GAAK,GAAQ;CAC5D,IAAI,CAAC,GAAW,KAAoBD,EAAiB,IAAS,SAAS,QAAQ;CAC/E,QAAO,GAAP;EACI,KAAK;GAED,AAAK,KAAQ,EAAa,SAAS;GACnC;EACJ,KAAK;EACL,KAAK;GAGD,AAAI,KAAQ,EAAa,MAAM;GAC/B;CACR;CACA,IAAI,IAAY,MAAc;CAK9B,OAJA,EAAmC,GAAK,GAAeC,QAAwB;EAE3E,GAAc,MAAQ,MAAU,YAAY,WAAW,CAAK;CAChE,GAAG,CAAC,CAAC,CAAC,GACC;AACX;AACA,SAAS,EAAmC,GAAK,GAAU,GAAO;CAC9D,QAAmD;EAC/C,IAAI,KAAY,EAAI,SAAS;GACzB,IAAI,EAAE,mBAAmB,EAAI,UAAU;IAEnC,EAAM;IACN;GACJ;GACA,IAAI,IAAa,EAAI,QAAQ,cAAc;GAC3C,IAAI,EAAW,WAAW,GAAG;IACzB,EAAM;IACN;GACJ;GACA,IAAI,IAAW;GAMf,OALA,QAAQ,WAAW,EAAW,KAAK,MAAI,EAAE,QAAQ,CAAC,EAAE,WAAS;IACzD,AAAK,KAAU,QAA0B;KACrC,EAAM;IACV,CAAC;GACL,CAAC,SACU;IACP,IAAW;GACf;EACJ;CACJ,GAAG;EACC;EACA;EACA;CACJ,CAAC;AACL"}

package/dist/chunks/avatar-CUV-ADEm.cjs

@@ -0,0 +1,2 @@
+const e=require("./normalize-messages-BMIBfw4v.cjs.js"),t=require("./utils-vrw_4e5N.cjs.js"),n=require("./image-BbaK1P_m.cjs.js");let r=require("@chakra-ui/react/styled-system"),i=require("react"),a=require("react/jsx-runtime"),o=require("@commercetools/nimbus-icons");var{withContext:s}=(0,r.createRecipeContext)({key:`nimbusAvatar`}),c=s(`figure`),l={en:e.t({avatarLabel:e=>`Avatar image for ${e.fullName}`,avatarLabelGeneric:`Generic user avatar`}),de:e.t({avatarLabel:e=>`Avatarbild für ${e.fullName}`,avatarLabelGeneric:`Generischer Benutzeravatar`}),es:e.t({avatarLabel:e=>`Imagen de avatar para ${e.fullName}`,avatarLabelGeneric:`Avatar de usuario genérico`}),"fr-FR":e.t({avatarLabel:e=>`Image d'avatar pour ${e.fullName}`,avatarLabelGeneric:`Avatar d'utilisateur générique`}),"pt-BR":e.t({avatarLabel:e=>`Avatar para ${e.fullName}`,avatarLabelGeneric:`Avatar genérico de usuário`})},u=r=>{let s=e.n(l),{ref:u,firstName:d,lastName:f,src:p,alt:m,...h}=r,[g,_]=(0,i.useState)(!1),[v,y]=(0,i.useState)(!1),b=t.n(d,f),x=t.t(d,f),S=x?s.format(`avatarLabel`,{fullName:x}):s.format(`avatarLabelGeneric`),C={"aria-label":S,ref:u,...h},w=()=>{_(!0),y(!1)},T=()=>{_(!1),y(!0)},E=!p||!g||v;return(0,a.jsxs)(c,{...C,children:[E&&(b.length>0?b:(0,a.jsx)(o.Person,{"aria-hidden":`true`})),p&&(0,a.jsx)(n.t,{src:p,alt:m||x||S,onLoad:w,onError:T,display:g&&!v?`block`:`none`})]})};u.displayName=`Avatar`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});
+//# sourceMappingURL=avatar-CUV-ADEm.cjs.js.map

package/dist/chunks/avatar-CUV-ADEm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-CUV-ADEm.cjs.js","names":[],"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: `Generischer Benutzeravatar`,\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: `Avatar de usuario genérico`,\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: `Avatar d'utilisateur générique`,\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: `Avatar genérico de usuário`,\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"],"mappings":"6QAGA,GAAM,CAAE,gBAAA,EAAA,EAAA,qBAAoC,CAAE,IAAK,cAAe,CAAC,EAEtD,EAAa,EACxB,QACF,EMgBa,EACX,CACE,GAAI,EAAA,EAAkB,CLlBxB,YAAc,GACZ,oBAAoB,EAAK,WAC3B,mBAAoB,qBKgBI,CAAiB,EACvC,GAAI,EAAA,EAAkB,CJnBxB,YAAc,GACZ,kBAAkB,EAAK,WACzB,mBAAoB,4BIiBI,CAAiB,EACvC,GAAI,EAAA,EAAkB,CHpBxB,YAAc,GACZ,yBAAyB,EAAK,WAChC,mBAAoB,4BGkBI,CAAiB,EACvC,QAAS,EAAA,EAAkB,CFrB7B,YAAc,GACZ,uBAAuB,EAAK,WAC9B,mBAAoB,gCEmBS,CAAiB,EAC5C,QAAS,EAAA,EAAkB,CDtB7B,YAAc,GACZ,eAAe,EAAK,WACtB,mBAAoB,4BCoBS,CAAiB,CAC9C,ECQW,EAAU,GAAuB,CAC5C,IAAM,EAAM,EAAA,EAA4B,CAAqB,EACvD,CAAE,MAAK,YAAW,WAAU,MAAK,MAAK,GAAG,GAAS,EAClD,CAAC,EAAa,IAAA,EAAA,EAAA,UAA2B,EAAK,EAC9C,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,EAAK,EAE5C,EAAW,EAAA,EAAY,EAAW,CAAQ,EAC1C,EAAW,EAAA,EAAY,EAAW,CAAQ,EAE1C,EAAc,EAChB,EAAI,OAAO,cAAe,CAAE,UAAS,CAAC,EACtC,EAAI,OAAO,oBAAoB,EAE7B,EAAc,CAClB,aAAc,EACd,MACA,GAAG,CACL,EAEM,MAAe,CACnB,EAAe,EAAI,EACnB,EAAc,EAAK,CACrB,EAEM,MAAgB,CACpB,EAAe,EAAK,EACpB,EAAc,EAAI,CACpB,EAIM,EAAqB,CAAC,GAAO,CAAC,GAAe,EAEnD,OACE,EAAA,EAAA,MAAC,EAAD,CAAY,GAAI,WAAhB,CACG,IACE,EAAS,OAAS,EAAI,GAAW,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,cAAY,MAAQ,CAAA,GAE/D,IACC,EAAA,EAAA,KAAC,EAAA,EAAD,CACO,MACL,IAAK,GAAO,GAAY,EAChB,SACC,UACT,QAAS,GAAe,CAAC,EAAa,QAAU,MACjD,CAAA,CAEO,GAEhB,EAEA,EAAO,YAAc"}

package/dist/chunks/avatar-RYRmFBep.esm.js

@@ -0,0 +1,55 @@
+import { n as e, t } from "./normalize-messages-CKl8ms10.esm.js";
+import { n, t as r } from "./utils-DdbD74Lh.esm.js";
+import { t as i } from "./image-CSOHDYIY.esm.js";
+import { createRecipeContext as a } from "@chakra-ui/react/styled-system";
+import { useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Person as l } from "@commercetools/nimbus-icons";
+//#region src/components/avatar/avatar.slots.tsx
+var { withContext: u } = a({ key: "nimbusAvatar" }), d = u("figure"), f = {
+	en: t({
+		avatarLabel: (e) => `Avatar image for ${e.fullName}`,
+		avatarLabelGeneric: "Generic user avatar"
+	}),
+	de: t({
+		avatarLabel: (e) => `Avatarbild für ${e.fullName}`,
+		avatarLabelGeneric: "Generischer Benutzeravatar"
+	}),
+	es: t({
+		avatarLabel: (e) => `Imagen de avatar para ${e.fullName}`,
+		avatarLabelGeneric: "Avatar de usuario genérico"
+	}),
+	"fr-FR": t({
+		avatarLabel: (e) => `Image d'avatar pour ${e.fullName}`,
+		avatarLabelGeneric: "Avatar d'utilisateur générique"
+	}),
+	"pt-BR": t({
+		avatarLabel: (e) => `Avatar para ${e.fullName}`,
+		avatarLabelGeneric: "Avatar genérico de usuário"
+	})
+}, p = (t) => {
+	let a = e(f), { ref: u, firstName: p, lastName: m, src: h, alt: g, ..._ } = t, [v, y] = o(!1), [b, x] = o(!1), S = n(p, m), C = r(p, m), w = C ? a.format("avatarLabel", { fullName: C }) : a.format("avatarLabelGeneric"), T = {
+		"aria-label": w,
+		ref: u,
+		..._
+	}, E = () => {
+		y(!0), x(!1);
+	}, D = () => {
+		y(!1), x(!0);
+	}, O = !h || !v || b;
+	return /* @__PURE__ */ c(d, {
+		...T,
+		children: [O && (S.length > 0 ? S : /* @__PURE__ */ s(l, { "aria-hidden": "true" })), h && /* @__PURE__ */ s(i, {
+			src: h,
+			alt: g || C || w,
+			onLoad: E,
+			onError: D,
+			display: v && !b ? "block" : "none"
+		})]
+	});
+};
+p.displayName = "Avatar";
+//#endregion
+export { p as t };
+
+//# sourceMappingURL=avatar-RYRmFBep.esm.js.map

package/dist/chunks/avatar-RYRmFBep.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-RYRmFBep.esm.js","names":[],"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: `Generischer Benutzeravatar`,\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: `Avatar de usuario genérico`,\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: `Avatar d'utilisateur générique`,\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: `Avatar genérico de usuário`,\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"],"mappings":";;;;;;;;AAGA,IAAM,EAAE,mBAAgB,EAAoB,EAAE,KAAK,eAAe,CAAC,GAEtD,IAAa,EACxB,QACF,GMgBa,IACX;CACE,IAAI,EAAkB;ELlBxB,cAAc,MACZ,oBAAoB,EAAK;EAC3B,oBAAoB;CKgBI,CAAiB;CACvC,IAAI,EAAkB;EJnBxB,cAAc,MACZ,kBAAkB,EAAK;EACzB,oBAAoB;CIiBI,CAAiB;CACvC,IAAI,EAAkB;EHpBxB,cAAc,MACZ,yBAAyB,EAAK;EAChC,oBAAoB;CGkBI,CAAiB;CACvC,SAAS,EAAkB;EFrB7B,cAAc,MACZ,uBAAuB,EAAK;EAC9B,oBAAoB;CEmBS,CAAiB;CAC5C,SAAS,EAAkB;EDtB7B,cAAc,MACZ,eAAe,EAAK;EACtB,oBAAoB;CCoBS,CAAiB;AAC9C,GCQW,KAAU,MAAuB;CAC5C,IAAM,IAAM,EAA4B,CAAqB,GACvD,EAAE,QAAK,cAAW,aAAU,QAAK,QAAK,GAAG,MAAS,GAClD,CAAC,GAAa,KAAkB,EAAS,EAAK,GAC9C,CAAC,GAAY,KAAiB,EAAS,EAAK,GAE5C,IAAW,EAAY,GAAW,CAAQ,GAC1C,IAAW,EAAY,GAAW,CAAQ,GAE1C,IAAc,IAChB,EAAI,OAAO,eAAe,EAAE,YAAS,CAAC,IACtC,EAAI,OAAO,oBAAoB,GAE7B,IAAc;EAClB,cAAc;EACd;EACA,GAAG;CACL,GAEM,UAAe;EAEnB,AADA,EAAe,EAAI,GACnB,EAAc,EAAK;CACrB,GAEM,UAAgB;EAEpB,AADA,EAAe,EAAK,GACpB,EAAc,EAAI;CACpB,GAIM,IAAqB,CAAC,KAAO,CAAC,KAAe;CAEnD,OACE,kBAAC,GAAD;EAAY,GAAI;YAAhB,CACG,MACE,EAAS,SAAS,IAAI,IAAW,kBAAC,GAAD,EAAQ,eAAY,OAAQ,CAAA,IAE/D,KACC,kBAAC,GAAD;GACO;GACL,KAAK,KAAO,KAAY;GAChB;GACC;GACT,SAAS,KAAe,CAAC,IAAa,UAAU;EACjD,CAAA,CAEO;;AAEhB;AAEA,EAAO,cAAc"}

package/dist/chunks/badge-CKG4pZs_.cjs

@@ -0,0 +1,2 @@
+const e=require("./mergeProps-Dn9WJiIo.cjs.js"),t=require("./useObjectRef-B_VeQHvx.cjs.js"),n=require("./merge-refs-DjTl2ATo.cjs.js");let r=require("@chakra-ui/react/styled-system"),i=require("react"),a=require("react/jsx-runtime");var{withContext:o}=(0,r.createRecipeContext)({key:`nimbusBadge`}),s=o(`span`),c=r=>{let{ref:o,children:c,...l}=r;return(0,a.jsx)(s,{...e.t(l,{ref:t.t(n.t((0,i.useRef)(null),o))}),children:c})};c.displayName=`Badge`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});
+//# sourceMappingURL=badge-CKG4pZs_.cjs.js.map

package/dist/chunks/badge-CKG4pZs_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-CKG4pZs_.cjs.js","names":[],"sources":["../../src/components/badge/badge.slots.tsx","../../src/components/badge/badge.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { BadgeRootSlotProps } from \"./badge.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusBadge\" });\n\nexport const BadgeRoot = withContext<HTMLSpanElement, BadgeRootSlotProps>(\n  \"span\"\n);\n","import { useRef } from \"react\";\nimport { BadgeRoot } from \"./badge.slots\";\nimport type { BadgeProps } from \"./badge.types\";\nimport { mergeRefs } from \"@/utils\";\nimport { useObjectRef, mergeProps } from \"react-aria\";\n/**\n * # Badge\n *\n * Briefly highlights or categorizes associated UI elements with concise visual cues for status or metadata.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/badge}\n * @supportsStyleProps\n */\n\nexport const Badge = (props: BadgeProps) => {\n  const { ref: forwardedRef, children, ...rest } = props;\n\n  const localRef = useRef<HTMLSpanElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return <BadgeRoot {...mergeProps(rest, { ref })}>{children}</BadgeRoot>;\n};\n\nBadge.displayName = \"Badge\";\n"],"mappings":"wOAGA,GAAM,CAAE,gBAAA,EAAA,EAAA,qBAAoC,CAAE,IAAK,aAAc,CAAC,EAErD,EAAY,EACvB,MACF,ECOa,EAAS,GAAsB,CAC1C,GAAM,CAAE,IAAK,EAAc,WAAU,GAAG,GAAS,EAKjD,OAAO,EAAA,EAAA,KAAC,EAAD,CAAW,GAAI,EAAA,EAAW,EAAM,CAAE,IAF7B,EAAA,EAAa,EAAA,GAAA,EAAA,EAAA,QADgB,IACN,EAAU,CAAY,CAEhB,CAAI,CAAC,EAAI,UAAoB,CAAA,CACxE,EAEA,EAAM,YAAc"}

package/dist/chunks/badge-CSXlHJE5.esm.js

@@ -0,0 +1,19 @@
+import { t as e } from "./mergeProps-CTd2pucx.esm.js";
+import { t } from "./useObjectRef-ClgudS2C.esm.js";
+import { t as n } from "./merge-refs-C1GcH9iY.esm.js";
+import { createRecipeContext as r } from "@chakra-ui/react/styled-system";
+import { useRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/badge/badge.slots.tsx
+var { withContext: o } = r({ key: "nimbusBadge" }), s = o("span"), c = (r) => {
+	let { ref: o, children: c, ...l } = r;
+	return /* @__PURE__ */ a(s, {
+		...e(l, { ref: t(n(i(null), o)) }),
+		children: c
+	});
+};
+c.displayName = "Badge";
+//#endregion
+export { c as t };
+
+//# sourceMappingURL=badge-CSXlHJE5.esm.js.map

package/dist/chunks/badge-CSXlHJE5.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-CSXlHJE5.esm.js","names":[],"sources":["../../src/components/badge/badge.slots.tsx","../../src/components/badge/badge.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { BadgeRootSlotProps } from \"./badge.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusBadge\" });\n\nexport const BadgeRoot = withContext<HTMLSpanElement, BadgeRootSlotProps>(\n  \"span\"\n);\n","import { useRef } from \"react\";\nimport { BadgeRoot } from \"./badge.slots\";\nimport type { BadgeProps } from \"./badge.types\";\nimport { mergeRefs } from \"@/utils\";\nimport { useObjectRef, mergeProps } from \"react-aria\";\n/**\n * # Badge\n *\n * Briefly highlights or categorizes associated UI elements with concise visual cues for status or metadata.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/badge}\n * @supportsStyleProps\n */\n\nexport const Badge = (props: BadgeProps) => {\n  const { ref: forwardedRef, children, ...rest } = props;\n\n  const localRef = useRef<HTMLSpanElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return <BadgeRoot {...mergeProps(rest, { ref })}>{children}</BadgeRoot>;\n};\n\nBadge.displayName = \"Badge\";\n"],"mappings":";;;;;;;AAGA,IAAM,EAAE,mBAAgB,EAAoB,EAAE,KAAK,cAAc,CAAC,GAErD,IAAY,EACvB,MACF,GCOa,KAAS,MAAsB;CAC1C,IAAM,EAAE,KAAK,GAAc,aAAU,GAAG,MAAS;CAKjD,OAAO,kBAAC,GAAD;EAAW,GAAI,EAAW,GAAM,EAAE,KAF7B,EAAa,EADR,EAAwB,IACN,GAAU,CAAY,CAEhB,EAAI,CAAC;EAAI;CAAoB,CAAA;AACxE;AAEA,EAAM,cAAc"}

package/dist/chunks/box-BO5SEdrn.cjs

@@ -0,0 +1,2 @@
+require("@chakra-ui/react/styled-system");let e=require("react/jsx-runtime"),t=require("@chakra-ui/react/box");var n=n=>{let{ref:r,...i}=n;return(0,e.jsx)(t.Box,{ref:r,...i})};n.displayName=`Box`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
+//# sourceMappingURL=box-BO5SEdrn.cjs.js.map

package/dist/chunks/box-BO5SEdrn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-BO5SEdrn.cjs.js","names":[],"sources":["../../src/components/box/box.tsx"],"sourcesContent":["import { type HTMLChakraProps } from \"@chakra-ui/react/styled-system\";\nimport { Box as ChakraBox } from \"@chakra-ui/react/box\";\n\nexport type BoxProps = HTMLChakraProps<\"div\"> & {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n};\n\n/**\n * # Box\n *\n * A basic layout component that serves as a wrapper or container.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/box}\n *\n * @supportsStyleProps\n */\nexport const Box = (props: BoxProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraBox ref={ref} {...restProps} />;\n};\n\nBox.displayName = \"Box\";\n"],"mappings":"+GAiBA,IAAa,EAAO,GAAoB,CACtC,GAAM,CAAE,MAAK,GAAG,GAAc,EAC9B,OAAO,EAAA,EAAA,KAAC,EAAA,IAAD,CAAgB,MAAK,GAAI,CAAY,CAAA,CAC9C,EAEA,EAAI,YAAc"}

package/dist/chunks/box-DQiakoKP.esm.js

@@ -0,0 +1,16 @@
+import "@chakra-ui/react/styled-system";
+import { jsx as e } from "react/jsx-runtime";
+import { Box as t } from "@chakra-ui/react/box";
+//#region src/components/box/box.tsx
+var n = (n) => {
+	let { ref: r, ...i } = n;
+	return /* @__PURE__ */ e(t, {
+		ref: r,
+		...i
+	});
+};
+n.displayName = "Box";
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=box-DQiakoKP.esm.js.map

package/dist/chunks/box-DQiakoKP.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-DQiakoKP.esm.js","names":[],"sources":["../../src/components/box/box.tsx"],"sourcesContent":["import { type HTMLChakraProps } from \"@chakra-ui/react/styled-system\";\nimport { Box as ChakraBox } from \"@chakra-ui/react/box\";\n\nexport type BoxProps = HTMLChakraProps<\"div\"> & {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n};\n\n/**\n * # Box\n *\n * A basic layout component that serves as a wrapper or container.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/box}\n *\n * @supportsStyleProps\n */\nexport const Box = (props: BoxProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraBox ref={ref} {...restProps} />;\n};\n\nBox.displayName = \"Box\";\n"],"mappings":";;;;AAiBA,IAAa,KAAO,MAAoB;CACtC,IAAM,EAAE,QAAK,GAAG,MAAc;CAC9B,OAAO,kBAAC,GAAD;EAAgB;EAAK,GAAI;CAAY,CAAA;AAC9C;AAEA,EAAI,cAAc"}

package/dist/chunks/button-DI-KzpA1.cjs

@@ -0,0 +1,2 @@
+const e=require("./useObjectRef-B_VeQHvx.cjs.js"),t=require("./utils-C3WnIiIP.cjs.js"),n=require("./useButton-1qepM1if.cjs.js"),r=require("./Button-DL46qJN7.cjs.js"),i=require("./emotion-is-prop-valid.esm-Da5ZiFMX.cjs.js"),a=require("./theme-COAfGfIg.cjs.js"),o=require("./merge-refs-DjTl2ATo.cjs.js");let s=require("@chakra-ui/react/styled-system"),c=require("react"),l=require("react/jsx-runtime");var u=[`onPress`,`onPressStart`,`onPressEnd`,`onPressChange`,`onPressUp`,`onFocusChange`,`onHoverStart`,`onHoverEnd`,`onHoverChange`,`onMoveStart`,`onMove`,`onMoveEnd`],d=e=>u.some(t=>e.includes(t)),{withContext:f}=(0,s.createRecipeContext)({key:`nimbusButton`}),p=f(`button`,{defaultProps:{type:`button`},shouldForwardProp(e,t){let n=!t?.includes(e)&&!a.t.isValidProperty(e);return i.t(e)&&n&&!d(e)}}),m=i=>{let{ref:a,as:s,asChild:u,children:d,...f}=i,[m,h]=t.n(f,e.t(o.t((0,c.useRef)(null),a)),r.t),g=s||(u?`a`:`button`)||`button`,{buttonProps:_,isPressed:v}=n.t({...m,elementType:g},h);return(0,l.jsx)(p,{ref:h,...m,..._,as:s,asChild:u,slot:m.slot||void 0,"data-pressed":v||void 0,children:d})};m.displayName=`Button`;var h=Object.assign(m,{Context:r.t});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});
+//# sourceMappingURL=button-DI-KzpA1.cjs.js.map

package/dist/chunks/button-DI-KzpA1.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-DI-KzpA1.cjs.js","names":[],"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"],"mappings":"gZAYA,IAAM,EAAyB,CAC7B,UACA,eACA,aACA,gBACA,YACA,gBACA,eACA,aACA,gBACA,cACA,SACA,WACF,EAMM,EAAwB,GAC5B,EAAuB,KAAM,GAAa,EAAK,SAAS,CAAQ,CAAC,EAE7D,CAAE,gBAAA,EAAA,EAAA,qBAAoC,CAC1C,IAAK,cACP,CAAC,EAMY,EAAa,EACxB,SACA,CACE,aAAc,CACZ,KAAM,QACR,EAMA,kBAAkB,EAAM,EAAa,CACnC,IAAM,EACJ,CAAC,GAAa,SAAS,CAAI,GAAK,CAAC,EAAA,EAAO,gBAAgB,CAAI,EAC9D,OACE,EAAA,EAAkB,CAAI,GAAK,GAAa,CAAC,EAAqB,CAAI,CAEtE,CACF,CACF,EC/CM,EAAmB,GAAuB,CAC9C,GAAM,CAAE,IAAK,EAAc,KAAI,UAAS,WAAU,GAAG,GAAS,EAQxD,CAAC,EAAc,GAAc,EAAA,EACjC,EAJc,EAAA,EAAa,EAAA,GAAA,EAAA,EAAA,QAFc,IAEJ,EAAU,CAAY,CAK3D,EACA,EAAA,CACF,EAIM,EAAc,IAAO,EAAU,IAAM,WAAa,SAGlD,CAAE,cAAa,aAAc,EAAA,EACjC,CACE,GAAG,EACH,aACF,EACA,CACF,EAEA,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,GAAI,EACJ,GAAI,EACA,KACK,UACT,KAAM,EAAa,MAAQ,IAAA,GAC3B,eAAc,GAAa,IAAA,GAE1B,UACS,CAAA,CAEhB,EAGA,EAAgB,YAAc,SAS9B,IAAa,EAcT,OAAO,OAAO,EAAiB,CACjC,QAAS,EAAA,CACX,CAAC"}

package/dist/chunks/button-DoRiR0zC.esm.js

@@ -0,0 +1,52 @@
+import { t as e } from "./useObjectRef-ClgudS2C.esm.js";
+import { n as t } from "./utils-fV6_MPu5.esm.js";
+import { t as n } from "./useButton-C-yW56Xt.esm.js";
+import { t as r } from "./Button-DegJUc0f.esm.js";
+import { t as i } from "./emotion-is-prop-valid.esm-DzQ0qso_.esm.js";
+import { t as a } from "./theme-CwhQYvW9.esm.js";
+import { t as o } from "./merge-refs-C1GcH9iY.esm.js";
+import { createRecipeContext as s } from "@chakra-ui/react/styled-system";
+import { useRef as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/components/button/button.slots.tsx
+var u = [
+	"onPress",
+	"onPressStart",
+	"onPressEnd",
+	"onPressChange",
+	"onPressUp",
+	"onFocusChange",
+	"onHoverStart",
+	"onHoverEnd",
+	"onHoverChange",
+	"onMoveStart",
+	"onMove",
+	"onMoveEnd"
+], d = (e) => u.some((t) => e.includes(t)), { withContext: f } = s({ key: "nimbusButton" }), p = f("button", {
+	defaultProps: { type: "button" },
+	shouldForwardProp(e, t) {
+		let n = !t?.includes(e) && !a.isValidProperty(e);
+		return i(e) && n && !d(e);
+	}
+}), m = (i) => {
+	let { ref: a, as: s, asChild: u, children: d, ...f } = i, [m, h] = t(f, e(o(c(null), a)), r), g = s || (u ? "a" : "button") || "button", { buttonProps: _, isPressed: v } = n({
+		...m,
+		elementType: g
+	}, h);
+	return /* @__PURE__ */ l(p, {
+		ref: h,
+		...m,
+		..._,
+		as: s,
+		asChild: u,
+		slot: m.slot || void 0,
+		"data-pressed": v || void 0,
+		children: d
+	});
+};
+m.displayName = "Button";
+var h = Object.assign(m, { Context: r });
+//#endregion
+export { h as t };
+
+//# sourceMappingURL=button-DoRiR0zC.esm.js.map

package/dist/chunks/button-DoRiR0zC.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-DoRiR0zC.esm.js","names":[],"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"],"mappings":";;;;;;;;;;;AAYA,IAAM,IAAyB;CAC7B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GAMM,KAAwB,MAC5B,EAAuB,MAAM,MAAa,EAAK,SAAS,CAAQ,CAAC,GAE7D,EAAE,mBAAgB,EAAoB,EAC1C,KAAK,eACP,CAAC,GAMY,IAAa,EACxB,UACA;CACE,cAAc,EACZ,MAAM,SACR;CAMA,kBAAkB,GAAM,GAAa;EACnC,IAAM,IACJ,CAAC,GAAa,SAAS,CAAI,KAAK,CAAC,EAAO,gBAAgB,CAAI;EAC9D,OACE,EAAkB,CAAI,KAAK,KAAa,CAAC,EAAqB,CAAI;CAEtE;AACF,CACF,GC/CM,KAAmB,MAAuB;CAC9C,IAAM,EAAE,KAAK,GAAc,OAAI,YAAS,aAAU,GAAG,MAAS,GAQxD,CAAC,GAAc,KAAc,EACjC,GAJc,EAAa,EAFZ,EAA0B,IAEJ,GAAU,CAAY,CAK3D,GACA,CACF,GAIM,IAAc,MAAO,IAAU,MAAM,aAAa,UAGlD,EAAE,gBAAa,iBAAc,EACjC;EACE,GAAG;EACH;CACF,GACA,CACF;CAEA,OACE,kBAAC,GAAD;EACE,KAAK;EACL,GAAI;EACJ,GAAI;EACA;EACK;EACT,MAAM,EAAa,QAAQ,KAAA;EAC3B,gBAAc,KAAa,KAAA;EAE1B;CACS,CAAA;AAEhB;AAGA,EAAgB,cAAc;AAS9B,IAAa,IAcT,OAAO,OAAO,GAAiB,EACjC,SAAS,EACX,CAAC"}