feat: update config-provider config

Author: Ohh-889

packages/ui/src/components/config-provider/ConfigProvider.tsx

@@ -3,9 +3,9 @@
 import { ConfigContext } from './context';
 import type { ComponentConfig, ConfigProviderProps } from './types';
 
-const COMPONENT_KEYS = ['accordion'] satisfies (keyof ComponentConfig)[];
+const COMPONENT_KEYS = ['accordion', 'alert', 'icon'] satisfies (keyof ComponentConfig)[];
 
-export const ConfigProvider = (props: ConfigProviderProps) => {
+const ConfigProvider = (props: ConfigProviderProps) => {
   const { children, direction = 'ltr', size = 'md', theme = { color: 'default' }, ...rest } = props;
 
   const componentConfig = Object.fromEntries(
@@ -21,3 +21,5 @@ export const ConfigProvider = (props: ConfigProviderProps) => {
 
   return <ConfigContext.Provider value={componentConfig}>{children}</ConfigContext.Provider>;
 };
+
+export default ConfigProvider;

packages/ui/src/components/config-provider/context.ts

@@ -6,7 +6,7 @@ import type { ComponentConfig } from './types';
 
 export const ConfigContext = createContext<ComponentConfig>({});
 
-export const useComponentConfig = <T extends keyof ComponentConfig>(component: T) => {
+export const useComponentConfig = <T extends keyof ComponentConfig>(component: T): ComponentConfig[T] => {
   const config = useContext(ConfigContext);
 
   if (!config) {

packages/ui/src/components/config-provider/index.ts

@@ -1,3 +1,3 @@
-export * from './ConfigProvider';
+export { default as ConfigProvider } from './ConfigProvider';
 
 export * from './types';

packages/ui/src/components/config-provider/types.ts

@@ -3,6 +3,8 @@ import type { ThemeOptions } from '@soybean-react-ui/tailwind-plugin';
 import type { ThemeSize } from '@/types/other';
 
 import type { AccordionProps } from '../accordion/types';
+import type { AlertProps } from '../alert';
+import type { IconProps } from '../icon';
 
 export interface ConfigProviderProps extends ConfigProps {
   children: React.ReactNode;
@@ -16,6 +18,15 @@ export interface ConfigProps extends ComponentConfig {
 
 export type ComponentConfig = {
   accordion?: AccordionConfig;
+  alert?: AlertConfig;
+  icon?: IconConfig;
 };
 
 export type AccordionConfig = Pick<AccordionProps, 'className' | 'classNames' | 'dir' | 'size' | 'triggerIcon'>;
+
+export type AlertConfig = Pick<
+  AlertProps,
+  'className' | 'classNames' | 'color' | 'icon' | 'leading' | 'size' | 'trailing' | 'variant'
+>;
+
+export type IconConfig = Pick<IconProps, 'className' | 'color' | 'height' | 'inline' | 'width'>;