feat: add Alert component & theme

Author: psychedelicious

lib/chakra-re-exports/index.ts

@@ -2,6 +2,10 @@
  * These components are re-exported directly from Chakra without any customizations.
  */
 
+//
+export type { AlertDescriptionProps, AlertIconProps, AlertProps, AlertStatus, AlertTitleProps } from '@chakra-ui/react';
+export { Alert, AlertDescription, AlertIcon, AlertTitle } from '@chakra-ui/react';
+
 // AspectRatio
 export type { AspectRatioProps } from '@chakra-ui/react';
 export { AspectRatio } from '@chakra-ui/react';

lib/theme/components/alert.ts

@@ -0,0 +1,16 @@
+import { alertAnatomy as parts } from '@chakra-ui/anatomy';
+import { createMultiStyleConfigHelpers } from '@chakra-ui/styled-system';
+
+const { defineMultiStyleConfig, definePartsStyle } = createMultiStyleConfigHelpers(parts.keys);
+
+const baseStyle = definePartsStyle(() => ({
+  container: {
+    borderRadius: 'base',
+    fontSize: 'sm',
+    shadow: 'md',
+  },
+}));
+
+export const alertTheme = defineMultiStyleConfig({
+  baseStyle,
+});

lib/theme/components/index.ts

@@ -1,6 +1,7 @@
 import type { ThemeOverride } from '@chakra-ui/react';
 
 import { accordionTheme } from './accordion';
+import { alertTheme } from './alert';
 import { badgeTheme } from './badge';
 import { buttonTheme } from './button';
 import { cardTheme } from './card';
@@ -25,6 +26,7 @@ import { tooltipTheme } from './tooltip';
 
 export const components: ThemeOverride['components'] = {
   Accordion: accordionTheme,
+  Alert: alertTheme,
   Badge: badgeTheme,
   Button: buttonTheme,
   Card: cardTheme,