@yamada-ui/alert 1.0.43 → 1.1.0-dev-20241029032301

package/dist/alert.d.mts

@@ -1,17 +1,17 @@
 import * as react from 'react';
 import * as _yamada_ui_core from '@yamada-ui/core';
-import { AlertStatuses, FC, HTMLUIProps, ThemeProps } from '@yamada-ui/core';
-import * as _yamada_ui_icon from '@yamada-ui/icon';
+import { AlertStatuses, HTMLUIProps, ThemeProps, FC } from '@yamada-ui/core';
+import * as _yamada_ui_lucide_src_lucide_icon from '@yamada-ui/lucide/src/lucide-icon';
 import { LoadingProps } from '@yamada-ui/loading';
 
 declare const defaultStatuses: {
     readonly error: {
         readonly colorScheme: "danger";
-        readonly icon: FC<_yamada_ui_icon.IconProps>;
+        readonly icon: _yamada_ui_core.Component<"svg", _yamada_ui_lucide_src_lucide_icon.LucideIconProps>;
     };
     readonly info: {
         readonly colorScheme: "info";
-        readonly icon: FC<_yamada_ui_icon.IconProps>;
+        readonly icon: _yamada_ui_core.Component<"svg", _yamada_ui_lucide_src_lucide_icon.LucideIconProps>;
     };
     readonly loading: {
         readonly colorScheme: "primary";
@@ -19,16 +19,16 @@ declare const defaultStatuses: {
     };
     readonly success: {
         readonly colorScheme: "success";
-        readonly icon: FC<_yamada_ui_icon.IconProps>;
+        readonly icon: _yamada_ui_core.Component<"svg", _yamada_ui_lucide_src_lucide_icon.LucideIconProps>;
     };
     readonly warning: {
         readonly colorScheme: "warning";
-        readonly icon: FC<_yamada_ui_icon.IconProps>;
+        readonly icon: _yamada_ui_core.Component<"svg", _yamada_ui_lucide_src_lucide_icon.LucideIconProps>;
     };
 };
 type Status = keyof typeof defaultStatuses;
-declare const getStatusColorScheme: (status: Status, statuses?: AlertStatuses) => "danger" | "info" | "primary" | "link" | "success" | "warning" | "amber" | "blackAlpha" | "blue" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "indigo" | "lime" | "neutral" | "orange" | "pink" | "purple" | "red" | "rose" | "secondary" | "sky" | "teal" | "violet" | "whiteAlpha" | "yellow" | ({} & string);
-declare const getStatusIcon: (status: Status, statuses?: AlertStatuses) => FC<_yamada_ui_icon.IconProps> | _yamada_ui_core.Component<"svg", LoadingProps> | react.FC;
+declare const getStatusColorScheme: (status: Status, statuses?: AlertStatuses) => "danger" | "link" | "info" | "primary" | "success" | "warning" | "amber" | "blackAlpha" | "blue" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "indigo" | "lime" | "neutral" | "orange" | "pink" | "purple" | "red" | "rose" | "secondary" | "sky" | "teal" | "violet" | "whiteAlpha" | "yellow" | ({} & string);
+declare const getStatusIcon: (status: Status, statuses?: AlertStatuses) => _yamada_ui_core.Component<"svg", _yamada_ui_lucide_src_lucide_icon.LucideIconProps> | _yamada_ui_core.Component<"svg", LoadingProps> | react.FC;
 interface AlertOptions {
     /**
      * The status of the alert.

package/dist/alert.d.ts

@@ -1,17 +1,17 @@
 import * as react from 'react';
 import * as _yamada_ui_core from '@yamada-ui/core';
-import { AlertStatuses, FC, HTMLUIProps, ThemeProps } from '@yamada-ui/core';
-import * as _yamada_ui_icon from '@yamada-ui/icon';
+import { AlertStatuses, HTMLUIProps, ThemeProps, FC } from '@yamada-ui/core';
+import * as _yamada_ui_lucide_src_lucide_icon from '@yamada-ui/lucide/src/lucide-icon';
 import { LoadingProps } from '@yamada-ui/loading';
 
 declare const defaultStatuses: {
     readonly error: {
         readonly colorScheme: "danger";
-        readonly icon: FC<_yamada_ui_icon.IconProps>;
+        readonly icon: _yamada_ui_core.Component<"svg", _yamada_ui_lucide_src_lucide_icon.LucideIconProps>;
     };
     readonly info: {
         readonly colorScheme: "info";
-        readonly icon: FC<_yamada_ui_icon.IconProps>;
+        readonly icon: _yamada_ui_core.Component<"svg", _yamada_ui_lucide_src_lucide_icon.LucideIconProps>;
     };
     readonly loading: {
         readonly colorScheme: "primary";
@@ -19,16 +19,16 @@ declare const defaultStatuses: {
     };
     readonly success: {
         readonly colorScheme: "success";
-        readonly icon: FC<_yamada_ui_icon.IconProps>;
+        readonly icon: _yamada_ui_core.Component<"svg", _yamada_ui_lucide_src_lucide_icon.LucideIconProps>;
     };
     readonly warning: {
         readonly colorScheme: "warning";
-        readonly icon: FC<_yamada_ui_icon.IconProps>;
+        readonly icon: _yamada_ui_core.Component<"svg", _yamada_ui_lucide_src_lucide_icon.LucideIconProps>;
     };
 };
 type Status = keyof typeof defaultStatuses;
-declare const getStatusColorScheme: (status: Status, statuses?: AlertStatuses) => "danger" | "info" | "primary" | "link" | "success" | "warning" | "amber" | "blackAlpha" | "blue" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "indigo" | "lime" | "neutral" | "orange" | "pink" | "purple" | "red" | "rose" | "secondary" | "sky" | "teal" | "violet" | "whiteAlpha" | "yellow" | ({} & string);
-declare const getStatusIcon: (status: Status, statuses?: AlertStatuses) => FC<_yamada_ui_icon.IconProps> | _yamada_ui_core.Component<"svg", LoadingProps> | react.FC;
+declare const getStatusColorScheme: (status: Status, statuses?: AlertStatuses) => "danger" | "link" | "info" | "primary" | "success" | "warning" | "amber" | "blackAlpha" | "blue" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "indigo" | "lime" | "neutral" | "orange" | "pink" | "purple" | "red" | "rose" | "secondary" | "sky" | "teal" | "violet" | "whiteAlpha" | "yellow" | ({} & string);
+declare const getStatusIcon: (status: Status, statuses?: AlertStatuses) => _yamada_ui_core.Component<"svg", _yamada_ui_lucide_src_lucide_icon.LucideIconProps> | _yamada_ui_core.Component<"svg", LoadingProps> | react.FC;
 interface AlertOptions {
     /**
      * The status of the alert.

package/dist/alert.js

@@ -30,16 +30,16 @@ __export(alert_exports, {
 });
 module.exports = __toCommonJS(alert_exports);
 var import_core = require("@yamada-ui/core");
-var import_icon = require("@yamada-ui/icon");
 var import_loading = require("@yamada-ui/loading");
+var import_lucide = require("@yamada-ui/lucide");
 var import_utils = require("@yamada-ui/utils");
 var import_jsx_runtime = require("react/jsx-runtime");
 var defaultStatuses = {
-  error: { colorScheme: "danger", icon: import_icon.WarningIcon },
-  info: { colorScheme: "info", icon: import_icon.InfoIcon },
+  error: { colorScheme: "danger", icon: import_lucide.TriangleAlert },
+  info: { colorScheme: "info", icon: import_lucide.Info },
   loading: { colorScheme: "primary", icon: import_loading.Loading },
-  success: { colorScheme: "success", icon: import_icon.CheckIcon },
-  warning: { colorScheme: "warning", icon: import_icon.WarningIcon }
+  success: { colorScheme: "success", icon: import_lucide.CircleCheckBig },
+  warning: { colorScheme: "warning", icon: import_lucide.TriangleAlert }
 };
 var [AlertProvider, useAlert] = (0, import_utils.createContext)({
   name: `AlertStylesContext`,

package/dist/alert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/alert.tsx"],"sourcesContent":["import type {\n  AlertStatuses,\n  CSSUIObject,\n  FC,\n  HTMLUIProps,\n  ThemeProps,\n} from \"@yamada-ui/core\"\nimport type { LoadingProps } from \"@yamada-ui/loading\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentMultiStyle,\n  useTheme,\n} from \"@yamada-ui/core\"\nimport { CheckIcon, InfoIcon, WarningIcon } from \"@yamada-ui/icon\"\nimport { Loading } from \"@yamada-ui/loading\"\nimport { createContext, cx } from \"@yamada-ui/utils\"\n\nconst defaultStatuses = {\n  error: { colorScheme: \"danger\", icon: WarningIcon },\n  info: { colorScheme: \"info\", icon: InfoIcon },\n  loading: { colorScheme: \"primary\", icon: Loading },\n  success: { colorScheme: \"success\", icon: CheckIcon },\n  warning: { colorScheme: \"warning\", icon: WarningIcon },\n} as const\n\nexport type Status = keyof typeof defaultStatuses\n\ninterface AlertContext {\n  status: Status\n  styles: { [key: string]: CSSUIObject | undefined }\n}\n\nconst [AlertProvider, useAlert] = createContext<AlertContext>({\n  name: `AlertStylesContext`,\n  errorMessage: `useAlert returned is 'undefined'. Seems you forgot to wrap the components in \"<Alert />\" `,\n})\n\nexport const getStatusColorScheme = (\n  status: Status,\n  statuses?: AlertStatuses,\n) => statuses?.[status]?.colorScheme ?? defaultStatuses[status].colorScheme\n\nexport const getStatusIcon = (status: Status, statuses?: AlertStatuses) =>\n  statuses?.[status]?.icon ?? defaultStatuses[status].icon\n\ninterface AlertOptions {\n  /**\n   * The status of the alert.\n   *\n   * @default 'info'\n   */\n  status?: Status\n}\n\nexport interface AlertProps\n  extends HTMLUIProps,\n    ThemeProps<\"Alert\">,\n    AlertOptions {}\n\n/**\n * `Alert` is a component that conveys information to the user.\n *\n * @see Docs https://yamada-ui.com/components/feedback/alert\n */\nexport const Alert = forwardRef<AlertProps, \"div\">(\n  ({ colorScheme, status = \"info\", ...props }, ref) => {\n    const { theme } = useTheme()\n    const statuses = theme.__config?.alert?.statuses ?? {}\n\n    colorScheme ??= getStatusColorScheme(status, statuses)\n\n    const [styles, mergedProps] = useComponentMultiStyle(\"Alert\", {\n      ...props,\n      colorScheme,\n    })\n    const { className, children, ...rest } = omitThemeProps(mergedProps)\n\n    const css: CSSUIObject = {\n      alignItems: \"center\",\n      display: \"flex\",\n      overflow: \"hidden\",\n      position: \"relative\",\n      w: \"100%\",\n      ...styles.container,\n    }\n\n    return (\n      <AlertProvider value={{ status, styles }}>\n        <ui.div\n          ref={ref}\n          className={cx(\"ui-alert\", className)}\n          role=\"alert\"\n          __css={css}\n          {...rest}\n        >\n          {children}\n        </ui.div>\n      </AlertProvider>\n    )\n  },\n)\n\nAlert.displayName = \"Alert\"\nAlert.__ui__ = \"Alert\"\n\nexport interface AlertIconProps extends HTMLUIProps<\"span\"> {\n  variant?: LoadingProps[\"variant\"]\n}\n\nexport const AlertIcon: FC<AlertIconProps> = ({\n  className,\n  variant = \"oval\",\n  children,\n  ...rest\n}) => {\n  const { status, styles } = useAlert()\n  const { theme } = useTheme()\n  const statuses = theme.__config?.alert?.statuses ?? {}\n\n  const Icon = getStatusIcon(status, statuses)\n  const css: CSSUIObject = {\n    ...styles.icon,\n    ...(status === \"loading\" ? styles.loading : {}),\n  }\n\n  return (\n    <ui.span\n      className={cx(\"ui-alert__icon\", className)}\n      display=\"inherit\"\n      __css={css}\n      {...rest}\n    >\n      {children || (\n        <Icon\n          {...(status === \"loading\"\n            ? { variant, color: \"currentcolor\" }\n            : { boxSize: \"100%\" })}\n        />\n      )}\n    </ui.span>\n  )\n}\n\nAlertIcon.displayName = \"AlertIcon\"\nAlertIcon.__ui__ = \"AlertIcon\"\n\nexport interface AlertTitleProps extends HTMLUIProps<\"p\"> {}\n\nexport const AlertTitle = forwardRef<AlertTitleProps, \"p\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = useAlert()\n\n    const css: CSSUIObject = {\n      display: \"block\",\n      ...styles.title,\n    }\n\n    return (\n      <ui.p\n        ref={ref}\n        className={cx(\"ui-alert__title\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nAlertTitle.displayName = \"AlertTitle\"\nAlertTitle.__ui__ = \"AlertTitle\"\n\nexport interface AlertDescriptionProps extends HTMLUIProps<\"span\"> {}\n\nexport const AlertDescription = forwardRef<AlertDescriptionProps, \"span\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = useAlert()\n\n    const css: CSSUIObject = {\n      ...styles.description,\n    }\n\n    return (\n      <ui.span\n        ref={ref}\n        className={cx(\"ui-alert__desc\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nAlertDescription.displayName = \"AlertDescription\"\nAlertDescription.__ui__ = \"AlertDescription\"\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/alert.tsx"],"sourcesContent":["import type {\n  AlertStatuses,\n  CSSUIObject,\n  FC,\n  HTMLUIProps,\n  ThemeProps,\n} from \"@yamada-ui/core\"\nimport type { LoadingProps } from \"@yamada-ui/loading\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentMultiStyle,\n  useTheme,\n} from \"@yamada-ui/core\"\nimport { Loading } from \"@yamada-ui/loading\"\nimport { CircleCheckBig, Info, TriangleAlert } from \"@yamada-ui/lucide\"\nimport { createContext, cx } from \"@yamada-ui/utils\"\n\nconst defaultStatuses = {\n  error: { colorScheme: \"danger\", icon: TriangleAlert },\n  info: { colorScheme: \"info\", icon: Info },\n  loading: { colorScheme: \"primary\", icon: Loading },\n  success: { colorScheme: \"success\", icon: CircleCheckBig },\n  warning: { colorScheme: \"warning\", icon: TriangleAlert },\n} as const\n\nexport type Status = keyof typeof defaultStatuses\n\ninterface AlertContext {\n  status: Status\n  styles: { [key: string]: CSSUIObject | undefined }\n}\n\nconst [AlertProvider, useAlert] = createContext<AlertContext>({\n  name: `AlertStylesContext`,\n  errorMessage: `useAlert returned is 'undefined'. Seems you forgot to wrap the components in \"<Alert />\" `,\n})\n\nexport const getStatusColorScheme = (\n  status: Status,\n  statuses?: AlertStatuses,\n) => statuses?.[status]?.colorScheme ?? defaultStatuses[status].colorScheme\n\nexport const getStatusIcon = (status: Status, statuses?: AlertStatuses) =>\n  statuses?.[status]?.icon ?? defaultStatuses[status].icon\n\ninterface AlertOptions {\n  /**\n   * The status of the alert.\n   *\n   * @default 'info'\n   */\n  status?: Status\n}\n\nexport interface AlertProps\n  extends HTMLUIProps,\n    ThemeProps<\"Alert\">,\n    AlertOptions {}\n\n/**\n * `Alert` is a component that conveys information to the user.\n *\n * @see Docs https://yamada-ui.com/components/feedback/alert\n */\nexport const Alert = forwardRef<AlertProps, \"div\">(\n  ({ colorScheme, status = \"info\", ...props }, ref) => {\n    const { theme } = useTheme()\n    const statuses = theme.__config?.alert?.statuses ?? {}\n\n    colorScheme ??= getStatusColorScheme(status, statuses)\n\n    const [styles, mergedProps] = useComponentMultiStyle(\"Alert\", {\n      ...props,\n      colorScheme,\n    })\n    const { className, children, ...rest } = omitThemeProps(mergedProps)\n\n    const css: CSSUIObject = {\n      alignItems: \"center\",\n      display: \"flex\",\n      overflow: \"hidden\",\n      position: \"relative\",\n      w: \"100%\",\n      ...styles.container,\n    }\n\n    return (\n      <AlertProvider value={{ status, styles }}>\n        <ui.div\n          ref={ref}\n          className={cx(\"ui-alert\", className)}\n          role=\"alert\"\n          __css={css}\n          {...rest}\n        >\n          {children}\n        </ui.div>\n      </AlertProvider>\n    )\n  },\n)\n\nAlert.displayName = \"Alert\"\nAlert.__ui__ = \"Alert\"\n\nexport interface AlertIconProps extends HTMLUIProps<\"span\"> {\n  variant?: LoadingProps[\"variant\"]\n}\n\nexport const AlertIcon: FC<AlertIconProps> = ({\n  className,\n  variant = \"oval\",\n  children,\n  ...rest\n}) => {\n  const { status, styles } = useAlert()\n  const { theme } = useTheme()\n  const statuses = theme.__config?.alert?.statuses ?? {}\n\n  const Icon = getStatusIcon(status, statuses)\n  const css: CSSUIObject = {\n    ...styles.icon,\n    ...(status === \"loading\" ? styles.loading : {}),\n  }\n\n  return (\n    <ui.span\n      className={cx(\"ui-alert__icon\", className)}\n      display=\"inherit\"\n      __css={css}\n      {...rest}\n    >\n      {children || (\n        <Icon\n          {...(status === \"loading\"\n            ? { variant, color: \"currentcolor\" }\n            : { boxSize: \"100%\" })}\n        />\n      )}\n    </ui.span>\n  )\n}\n\nAlertIcon.displayName = \"AlertIcon\"\nAlertIcon.__ui__ = \"AlertIcon\"\n\nexport interface AlertTitleProps extends HTMLUIProps<\"p\"> {}\n\nexport const AlertTitle = forwardRef<AlertTitleProps, \"p\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = useAlert()\n\n    const css: CSSUIObject = {\n      display: \"block\",\n      ...styles.title,\n    }\n\n    return (\n      <ui.p\n        ref={ref}\n        className={cx(\"ui-alert__title\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nAlertTitle.displayName = \"AlertTitle\"\nAlertTitle.__ui__ = \"AlertTitle\"\n\nexport interface AlertDescriptionProps extends HTMLUIProps<\"span\"> {}\n\nexport const AlertDescription = forwardRef<AlertDescriptionProps, \"span\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = useAlert()\n\n    const css: CSSUIObject = {\n      ...styles.description,\n    }\n\n    return (\n      <ui.span\n        ref={ref}\n        className={cx(\"ui-alert__desc\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nAlertDescription.displayName = \"AlertDescription\"\nAlertDescription.__ui__ = \"AlertDescription\"\n"],"mappings":"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","names":[]}

package/dist/alert.mjs

@@ -6,7 +6,7 @@ import {
   AlertTitle,
   getStatusColorScheme,
   getStatusIcon
-} from "./chunk-WQNMPM4A.mjs";
+} from "./chunk-GD46XQQQ.mjs";
 export {
   Alert,
   AlertDescription,

package/dist/{chunk-WQNMPM4A.mjs → chunk-GD46XQQQ.mjs}

@@ -8,16 +8,16 @@ import {
   useComponentMultiStyle,
   useTheme
 } from "@yamada-ui/core";
-import { CheckIcon, InfoIcon, WarningIcon } from "@yamada-ui/icon";
 import { Loading } from "@yamada-ui/loading";
+import { CircleCheckBig, Info, TriangleAlert } from "@yamada-ui/lucide";
 import { createContext, cx } from "@yamada-ui/utils";
 import { jsx } from "react/jsx-runtime";
 var defaultStatuses = {
-  error: { colorScheme: "danger", icon: WarningIcon },
-  info: { colorScheme: "info", icon: InfoIcon },
+  error: { colorScheme: "danger", icon: TriangleAlert },
+  info: { colorScheme: "info", icon: Info },
   loading: { colorScheme: "primary", icon: Loading },
-  success: { colorScheme: "success", icon: CheckIcon },
-  warning: { colorScheme: "warning", icon: WarningIcon }
+  success: { colorScheme: "success", icon: CircleCheckBig },
+  warning: { colorScheme: "warning", icon: TriangleAlert }
 };
 var [AlertProvider, useAlert] = createContext({
   name: `AlertStylesContext`,
@@ -146,4 +146,4 @@ export {
   AlertTitle,
   AlertDescription
 };
-//# sourceMappingURL=chunk-WQNMPM4A.mjs.map
+//# sourceMappingURL=chunk-GD46XQQQ.mjs.map

package/dist/chunk-GD46XQQQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/alert.tsx"],"sourcesContent":["import type {\n  AlertStatuses,\n  CSSUIObject,\n  FC,\n  HTMLUIProps,\n  ThemeProps,\n} from \"@yamada-ui/core\"\nimport type { LoadingProps } from \"@yamada-ui/loading\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentMultiStyle,\n  useTheme,\n} from \"@yamada-ui/core\"\nimport { Loading } from \"@yamada-ui/loading\"\nimport { CircleCheckBig, Info, TriangleAlert } from \"@yamada-ui/lucide\"\nimport { createContext, cx } from \"@yamada-ui/utils\"\n\nconst defaultStatuses = {\n  error: { colorScheme: \"danger\", icon: TriangleAlert },\n  info: { colorScheme: \"info\", icon: Info },\n  loading: { colorScheme: \"primary\", icon: Loading },\n  success: { colorScheme: \"success\", icon: CircleCheckBig },\n  warning: { colorScheme: \"warning\", icon: TriangleAlert },\n} as const\n\nexport type Status = keyof typeof defaultStatuses\n\ninterface AlertContext {\n  status: Status\n  styles: { [key: string]: CSSUIObject | undefined }\n}\n\nconst [AlertProvider, useAlert] = createContext<AlertContext>({\n  name: `AlertStylesContext`,\n  errorMessage: `useAlert returned is 'undefined'. Seems you forgot to wrap the components in \"<Alert />\" `,\n})\n\nexport const getStatusColorScheme = (\n  status: Status,\n  statuses?: AlertStatuses,\n) => statuses?.[status]?.colorScheme ?? defaultStatuses[status].colorScheme\n\nexport const getStatusIcon = (status: Status, statuses?: AlertStatuses) =>\n  statuses?.[status]?.icon ?? defaultStatuses[status].icon\n\ninterface AlertOptions {\n  /**\n   * The status of the alert.\n   *\n   * @default 'info'\n   */\n  status?: Status\n}\n\nexport interface AlertProps\n  extends HTMLUIProps,\n    ThemeProps<\"Alert\">,\n    AlertOptions {}\n\n/**\n * `Alert` is a component that conveys information to the user.\n *\n * @see Docs https://yamada-ui.com/components/feedback/alert\n */\nexport const Alert = forwardRef<AlertProps, \"div\">(\n  ({ colorScheme, status = \"info\", ...props }, ref) => {\n    const { theme } = useTheme()\n    const statuses = theme.__config?.alert?.statuses ?? {}\n\n    colorScheme ??= getStatusColorScheme(status, statuses)\n\n    const [styles, mergedProps] = useComponentMultiStyle(\"Alert\", {\n      ...props,\n      colorScheme,\n    })\n    const { className, children, ...rest } = omitThemeProps(mergedProps)\n\n    const css: CSSUIObject = {\n      alignItems: \"center\",\n      display: \"flex\",\n      overflow: \"hidden\",\n      position: \"relative\",\n      w: \"100%\",\n      ...styles.container,\n    }\n\n    return (\n      <AlertProvider value={{ status, styles }}>\n        <ui.div\n          ref={ref}\n          className={cx(\"ui-alert\", className)}\n          role=\"alert\"\n          __css={css}\n          {...rest}\n        >\n          {children}\n        </ui.div>\n      </AlertProvider>\n    )\n  },\n)\n\nAlert.displayName = \"Alert\"\nAlert.__ui__ = \"Alert\"\n\nexport interface AlertIconProps extends HTMLUIProps<\"span\"> {\n  variant?: LoadingProps[\"variant\"]\n}\n\nexport const AlertIcon: FC<AlertIconProps> = ({\n  className,\n  variant = \"oval\",\n  children,\n  ...rest\n}) => {\n  const { status, styles } = useAlert()\n  const { theme } = useTheme()\n  const statuses = theme.__config?.alert?.statuses ?? {}\n\n  const Icon = getStatusIcon(status, statuses)\n  const css: CSSUIObject = {\n    ...styles.icon,\n    ...(status === \"loading\" ? styles.loading : {}),\n  }\n\n  return (\n    <ui.span\n      className={cx(\"ui-alert__icon\", className)}\n      display=\"inherit\"\n      __css={css}\n      {...rest}\n    >\n      {children || (\n        <Icon\n          {...(status === \"loading\"\n            ? { variant, color: \"currentcolor\" }\n            : { boxSize: \"100%\" })}\n        />\n      )}\n    </ui.span>\n  )\n}\n\nAlertIcon.displayName = \"AlertIcon\"\nAlertIcon.__ui__ = \"AlertIcon\"\n\nexport interface AlertTitleProps extends HTMLUIProps<\"p\"> {}\n\nexport const AlertTitle = forwardRef<AlertTitleProps, \"p\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = useAlert()\n\n    const css: CSSUIObject = {\n      display: \"block\",\n      ...styles.title,\n    }\n\n    return (\n      <ui.p\n        ref={ref}\n        className={cx(\"ui-alert__title\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nAlertTitle.displayName = \"AlertTitle\"\nAlertTitle.__ui__ = \"AlertTitle\"\n\nexport interface AlertDescriptionProps extends HTMLUIProps<\"span\"> {}\n\nexport const AlertDescription = forwardRef<AlertDescriptionProps, \"span\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = useAlert()\n\n    const css: CSSUIObject = {\n      ...styles.description,\n    }\n\n    return (\n      <ui.span\n        ref={ref}\n        className={cx(\"ui-alert__desc\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nAlertDescription.displayName = \"AlertDescription\"\nAlertDescription.__ui__ = \"AlertDescription\"\n"],"mappings":";;;AAQA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB,SAAS,gBAAgB,MAAM,qBAAqB;AACpD,SAAS,eAAe,UAAU;AAyE1B;AAvER,IAAM,kBAAkB;AAAA,EACtB,OAAO,EAAE,aAAa,UAAU,MAAM,cAAc;AAAA,EACpD,MAAM,EAAE,aAAa,QAAQ,MAAM,KAAK;AAAA,EACxC,SAAS,EAAE,aAAa,WAAW,MAAM,QAAQ;AAAA,EACjD,SAAS,EAAE,aAAa,WAAW,MAAM,eAAe;AAAA,EACxD,SAAS,EAAE,aAAa,WAAW,MAAM,cAAc;AACzD;AASA,IAAM,CAAC,eAAe,QAAQ,IAAI,cAA4B;AAAA,EAC5D,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AAEM,IAAM,uBAAuB,CAClC,QACA,aACA;AA1CF;AA0CK,0DAAW,YAAX,mBAAoB,gBAApB,YAAmC,gBAAgB,MAAM,EAAE;AAAA;AAEzD,IAAM,gBAAgB,CAAC,QAAgB,aAA0B;AA5CxE;AA6CE,0DAAW,YAAX,mBAAoB,SAApB,YAA4B,gBAAgB,MAAM,EAAE;AAAA;AAqB/C,IAAM,QAAQ;AAAA,EACnB,CAAC,EAAE,aAAa,SAAS,QAAQ,GAAG,MAAM,GAAG,QAAQ;AAnEvD;AAoEI,UAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,UAAM,YAAW,uBAAM,aAAN,mBAAgB,UAAhB,mBAAuB,aAAvB,YAAmC,CAAC;AAErD,sDAAgB,qBAAqB,QAAQ,QAAQ;AAErD,UAAM,CAAC,QAAQ,WAAW,IAAI,uBAAuB,SAAS;AAAA,MAC5D,GAAG;AAAA,MACH;AAAA,IACF,CAAC;AACD,UAAM,EAAE,WAAW,UAAU,GAAG,KAAK,IAAI,eAAe,WAAW;AAEnE,UAAM,MAAmB;AAAA,MACvB,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,GAAG;AAAA,MACH,GAAG,OAAO;AAAA,IACZ;AAEA,WACE,oBAAC,iBAAc,OAAO,EAAE,QAAQ,OAAO,GACrC;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,YAAY,SAAS;AAAA,QACnC,MAAK;AAAA,QACL,OAAO;AAAA,QACN,GAAG;AAAA,QAEH;AAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF;AAEA,MAAM,cAAc;AACpB,MAAM,SAAS;AAMR,IAAM,YAAgC,CAAC;AAAA,EAC5C;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,MAAM;AApHN;AAqHE,QAAM,EAAE,QAAQ,OAAO,IAAI,SAAS;AACpC,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,YAAW,uBAAM,aAAN,mBAAgB,UAAhB,mBAAuB,aAAvB,YAAmC,CAAC;AAErD,QAAM,OAAO,cAAc,QAAQ,QAAQ;AAC3C,QAAM,MAAmB;AAAA,IACvB,GAAG,OAAO;AAAA,IACV,GAAI,WAAW,YAAY,OAAO,UAAU,CAAC;AAAA,EAC/C;AAEA,SACE;AAAA,IAAC,GAAG;AAAA,IAAH;AAAA,MACC,WAAW,GAAG,kBAAkB,SAAS;AAAA,MACzC,SAAQ;AAAA,MACR,OAAO;AAAA,MACN,GAAG;AAAA,MAEH,sBACC;AAAA,QAAC;AAAA;AAAA,UACE,GAAI,WAAW,YACZ,EAAE,SAAS,OAAO,eAAe,IACjC,EAAE,SAAS,OAAO;AAAA;AAAA,MACxB;AAAA;AAAA,EAEJ;AAEJ;AAEA,UAAU,cAAc;AACxB,UAAU,SAAS;AAIZ,IAAM,aAAa;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,EAAE,OAAO,IAAI,SAAS;AAE5B,UAAM,MAAmB;AAAA,MACvB,SAAS;AAAA,MACT,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,mBAAmB,SAAS;AAAA,QAC1C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AACzB,WAAW,SAAS;AAIb,IAAM,mBAAmB;AAAA,EAC9B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,EAAE,OAAO,IAAI,SAAS;AAE5B,UAAM,MAAmB;AAAA,MACvB,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,kBAAkB,SAAS;AAAA,QACzC,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,iBAAiB,cAAc;AAC/B,iBAAiB,SAAS;","names":[]}

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 export { Alert, AlertDescription, AlertDescriptionProps, AlertIcon, AlertIconProps, AlertProps, AlertTitle, AlertTitleProps } from './alert.mjs';
 import 'react';
 import '@yamada-ui/core';
-import '@yamada-ui/icon';
+import '@yamada-ui/lucide/src/lucide-icon';
 import '@yamada-ui/loading';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { Alert, AlertDescription, AlertDescriptionProps, AlertIcon, AlertIconProps, AlertProps, AlertTitle, AlertTitleProps } from './alert.js';
 import 'react';
 import '@yamada-ui/core';
-import '@yamada-ui/icon';
+import '@yamada-ui/lucide/src/lucide-icon';
 import '@yamada-ui/loading';

package/dist/index.js

@@ -30,16 +30,16 @@ module.exports = __toCommonJS(src_exports);
 
 // src/alert.tsx
 var import_core = require("@yamada-ui/core");
-var import_icon = require("@yamada-ui/icon");
 var import_loading = require("@yamada-ui/loading");
+var import_lucide = require("@yamada-ui/lucide");
 var import_utils = require("@yamada-ui/utils");
 var import_jsx_runtime = require("react/jsx-runtime");
 var defaultStatuses = {
-  error: { colorScheme: "danger", icon: import_icon.WarningIcon },
-  info: { colorScheme: "info", icon: import_icon.InfoIcon },
+  error: { colorScheme: "danger", icon: import_lucide.TriangleAlert },
+  info: { colorScheme: "info", icon: import_lucide.Info },
   loading: { colorScheme: "primary", icon: import_loading.Loading },
-  success: { colorScheme: "success", icon: import_icon.CheckIcon },
-  warning: { colorScheme: "warning", icon: import_icon.WarningIcon }
+  success: { colorScheme: "success", icon: import_lucide.CircleCheckBig },
+  warning: { colorScheme: "warning", icon: import_lucide.TriangleAlert }
 };
 var [AlertProvider, useAlert] = (0, import_utils.createContext)({
   name: `AlertStylesContext`,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/alert.tsx"],"sourcesContent":["export { Alert, AlertDescription, AlertIcon, AlertTitle } from \"./alert\"\nexport type {\n  AlertDescriptionProps,\n  AlertIconProps,\n  AlertProps,\n  AlertTitleProps,\n} from \"./alert\"\n","import type {\n  AlertStatuses,\n  CSSUIObject,\n  FC,\n  HTMLUIProps,\n  ThemeProps,\n} from \"@yamada-ui/core\"\nimport type { LoadingProps } from \"@yamada-ui/loading\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentMultiStyle,\n  useTheme,\n} from \"@yamada-ui/core\"\nimport { CheckIcon, InfoIcon, WarningIcon } from \"@yamada-ui/icon\"\nimport { Loading } from \"@yamada-ui/loading\"\nimport { createContext, cx } from \"@yamada-ui/utils\"\n\nconst defaultStatuses = {\n  error: { colorScheme: \"danger\", icon: WarningIcon },\n  info: { colorScheme: \"info\", icon: InfoIcon },\n  loading: { colorScheme: \"primary\", icon: Loading },\n  success: { colorScheme: \"success\", icon: CheckIcon },\n  warning: { colorScheme: \"warning\", icon: WarningIcon },\n} as const\n\nexport type Status = keyof typeof defaultStatuses\n\ninterface AlertContext {\n  status: Status\n  styles: { [key: string]: CSSUIObject | undefined }\n}\n\nconst [AlertProvider, useAlert] = createContext<AlertContext>({\n  name: `AlertStylesContext`,\n  errorMessage: `useAlert returned is 'undefined'. Seems you forgot to wrap the components in \"<Alert />\" `,\n})\n\nexport const getStatusColorScheme = (\n  status: Status,\n  statuses?: AlertStatuses,\n) => statuses?.[status]?.colorScheme ?? defaultStatuses[status].colorScheme\n\nexport const getStatusIcon = (status: Status, statuses?: AlertStatuses) =>\n  statuses?.[status]?.icon ?? defaultStatuses[status].icon\n\ninterface AlertOptions {\n  /**\n   * The status of the alert.\n   *\n   * @default 'info'\n   */\n  status?: Status\n}\n\nexport interface AlertProps\n  extends HTMLUIProps,\n    ThemeProps<\"Alert\">,\n    AlertOptions {}\n\n/**\n * `Alert` is a component that conveys information to the user.\n *\n * @see Docs https://yamada-ui.com/components/feedback/alert\n */\nexport const Alert = forwardRef<AlertProps, \"div\">(\n  ({ colorScheme, status = \"info\", ...props }, ref) => {\n    const { theme } = useTheme()\n    const statuses = theme.__config?.alert?.statuses ?? {}\n\n    colorScheme ??= getStatusColorScheme(status, statuses)\n\n    const [styles, mergedProps] = useComponentMultiStyle(\"Alert\", {\n      ...props,\n      colorScheme,\n    })\n    const { className, children, ...rest } = omitThemeProps(mergedProps)\n\n    const css: CSSUIObject = {\n      alignItems: \"center\",\n      display: \"flex\",\n      overflow: \"hidden\",\n      position: \"relative\",\n      w: \"100%\",\n      ...styles.container,\n    }\n\n    return (\n      <AlertProvider value={{ status, styles }}>\n        <ui.div\n          ref={ref}\n          className={cx(\"ui-alert\", className)}\n          role=\"alert\"\n          __css={css}\n          {...rest}\n        >\n          {children}\n        </ui.div>\n      </AlertProvider>\n    )\n  },\n)\n\nAlert.displayName = \"Alert\"\nAlert.__ui__ = \"Alert\"\n\nexport interface AlertIconProps extends HTMLUIProps<\"span\"> {\n  variant?: LoadingProps[\"variant\"]\n}\n\nexport const AlertIcon: FC<AlertIconProps> = ({\n  className,\n  variant = \"oval\",\n  children,\n  ...rest\n}) => {\n  const { status, styles } = useAlert()\n  const { theme } = useTheme()\n  const statuses = theme.__config?.alert?.statuses ?? {}\n\n  const Icon = getStatusIcon(status, statuses)\n  const css: CSSUIObject = {\n    ...styles.icon,\n    ...(status === \"loading\" ? styles.loading : {}),\n  }\n\n  return (\n    <ui.span\n      className={cx(\"ui-alert__icon\", className)}\n      display=\"inherit\"\n      __css={css}\n      {...rest}\n    >\n      {children || (\n        <Icon\n          {...(status === \"loading\"\n            ? { variant, color: \"currentcolor\" }\n            : { boxSize: \"100%\" })}\n        />\n      )}\n    </ui.span>\n  )\n}\n\nAlertIcon.displayName = \"AlertIcon\"\nAlertIcon.__ui__ = \"AlertIcon\"\n\nexport interface AlertTitleProps extends HTMLUIProps<\"p\"> {}\n\nexport const AlertTitle = forwardRef<AlertTitleProps, \"p\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = useAlert()\n\n    const css: CSSUIObject = {\n      display: \"block\",\n      ...styles.title,\n    }\n\n    return (\n      <ui.p\n        ref={ref}\n        className={cx(\"ui-alert__title\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nAlertTitle.displayName = \"AlertTitle\"\nAlertTitle.__ui__ = \"AlertTitle\"\n\nexport interface AlertDescriptionProps extends HTMLUIProps<\"span\"> {}\n\nexport const AlertDescription = forwardRef<AlertDescriptionProps, \"span\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = useAlert()\n\n    const css: CSSUIObject = {\n      ...styles.description,\n    }\n\n    return (\n      <ui.span\n        ref={ref}\n        className={cx(\"ui-alert__desc\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nAlertDescription.displayName = \"AlertDescription\"\nAlertDescription.__ui__ = \"AlertDescription\"\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/alert.tsx"],"sourcesContent":["export { Alert, AlertDescription, AlertIcon, AlertTitle } from \"./alert\"\nexport type {\n  AlertDescriptionProps,\n  AlertIconProps,\n  AlertProps,\n  AlertTitleProps,\n} from \"./alert\"\n","import type {\n  AlertStatuses,\n  CSSUIObject,\n  FC,\n  HTMLUIProps,\n  ThemeProps,\n} from \"@yamada-ui/core\"\nimport type { LoadingProps } from \"@yamada-ui/loading\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentMultiStyle,\n  useTheme,\n} from \"@yamada-ui/core\"\nimport { Loading } from \"@yamada-ui/loading\"\nimport { CircleCheckBig, Info, TriangleAlert } from \"@yamada-ui/lucide\"\nimport { createContext, cx } from \"@yamada-ui/utils\"\n\nconst defaultStatuses = {\n  error: { colorScheme: \"danger\", icon: TriangleAlert },\n  info: { colorScheme: \"info\", icon: Info },\n  loading: { colorScheme: \"primary\", icon: Loading },\n  success: { colorScheme: \"success\", icon: CircleCheckBig },\n  warning: { colorScheme: \"warning\", icon: TriangleAlert },\n} as const\n\nexport type Status = keyof typeof defaultStatuses\n\ninterface AlertContext {\n  status: Status\n  styles: { [key: string]: CSSUIObject | undefined }\n}\n\nconst [AlertProvider, useAlert] = createContext<AlertContext>({\n  name: `AlertStylesContext`,\n  errorMessage: `useAlert returned is 'undefined'. Seems you forgot to wrap the components in \"<Alert />\" `,\n})\n\nexport const getStatusColorScheme = (\n  status: Status,\n  statuses?: AlertStatuses,\n) => statuses?.[status]?.colorScheme ?? defaultStatuses[status].colorScheme\n\nexport const getStatusIcon = (status: Status, statuses?: AlertStatuses) =>\n  statuses?.[status]?.icon ?? defaultStatuses[status].icon\n\ninterface AlertOptions {\n  /**\n   * The status of the alert.\n   *\n   * @default 'info'\n   */\n  status?: Status\n}\n\nexport interface AlertProps\n  extends HTMLUIProps,\n    ThemeProps<\"Alert\">,\n    AlertOptions {}\n\n/**\n * `Alert` is a component that conveys information to the user.\n *\n * @see Docs https://yamada-ui.com/components/feedback/alert\n */\nexport const Alert = forwardRef<AlertProps, \"div\">(\n  ({ colorScheme, status = \"info\", ...props }, ref) => {\n    const { theme } = useTheme()\n    const statuses = theme.__config?.alert?.statuses ?? {}\n\n    colorScheme ??= getStatusColorScheme(status, statuses)\n\n    const [styles, mergedProps] = useComponentMultiStyle(\"Alert\", {\n      ...props,\n      colorScheme,\n    })\n    const { className, children, ...rest } = omitThemeProps(mergedProps)\n\n    const css: CSSUIObject = {\n      alignItems: \"center\",\n      display: \"flex\",\n      overflow: \"hidden\",\n      position: \"relative\",\n      w: \"100%\",\n      ...styles.container,\n    }\n\n    return (\n      <AlertProvider value={{ status, styles }}>\n        <ui.div\n          ref={ref}\n          className={cx(\"ui-alert\", className)}\n          role=\"alert\"\n          __css={css}\n          {...rest}\n        >\n          {children}\n        </ui.div>\n      </AlertProvider>\n    )\n  },\n)\n\nAlert.displayName = \"Alert\"\nAlert.__ui__ = \"Alert\"\n\nexport interface AlertIconProps extends HTMLUIProps<\"span\"> {\n  variant?: LoadingProps[\"variant\"]\n}\n\nexport const AlertIcon: FC<AlertIconProps> = ({\n  className,\n  variant = \"oval\",\n  children,\n  ...rest\n}) => {\n  const { status, styles } = useAlert()\n  const { theme } = useTheme()\n  const statuses = theme.__config?.alert?.statuses ?? {}\n\n  const Icon = getStatusIcon(status, statuses)\n  const css: CSSUIObject = {\n    ...styles.icon,\n    ...(status === \"loading\" ? styles.loading : {}),\n  }\n\n  return (\n    <ui.span\n      className={cx(\"ui-alert__icon\", className)}\n      display=\"inherit\"\n      __css={css}\n      {...rest}\n    >\n      {children || (\n        <Icon\n          {...(status === \"loading\"\n            ? { variant, color: \"currentcolor\" }\n            : { boxSize: \"100%\" })}\n        />\n      )}\n    </ui.span>\n  )\n}\n\nAlertIcon.displayName = \"AlertIcon\"\nAlertIcon.__ui__ = \"AlertIcon\"\n\nexport interface AlertTitleProps extends HTMLUIProps<\"p\"> {}\n\nexport const AlertTitle = forwardRef<AlertTitleProps, \"p\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = useAlert()\n\n    const css: CSSUIObject = {\n      display: \"block\",\n      ...styles.title,\n    }\n\n    return (\n      <ui.p\n        ref={ref}\n        className={cx(\"ui-alert__title\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nAlertTitle.displayName = \"AlertTitle\"\nAlertTitle.__ui__ = \"AlertTitle\"\n\nexport interface AlertDescriptionProps extends HTMLUIProps<\"span\"> {}\n\nexport const AlertDescription = forwardRef<AlertDescriptionProps, \"span\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = useAlert()\n\n    const css: CSSUIObject = {\n      ...styles.description,\n    }\n\n    return (\n      <ui.span\n        ref={ref}\n        className={cx(\"ui-alert__desc\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nAlertDescription.displayName = \"AlertDescription\"\nAlertDescription.__ui__ = \"AlertDescription\"\n"],"mappings":"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","names":[]}

package/dist/index.mjs

@@ -4,7 +4,7 @@ import {
   AlertDescription,
   AlertIcon,
   AlertTitle
-} from "./chunk-WQNMPM4A.mjs";
+} from "./chunk-GD46XQQQ.mjs";
 export {
   Alert,
   AlertDescription,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/alert",
-  "version": "1.0.43",
+  "version": "1.1.0-dev-20241029032301",
   "description": "Yamada UI alert component",
   "keywords": [
     "yamada",
@@ -36,9 +36,9 @@
     "url": "https://github.com/yamada-ui/yamada-ui/issues"
   },
   "dependencies": {
-    "@yamada-ui/core": "1.15.3",
-    "@yamada-ui/icon": "1.1.9",
-    "@yamada-ui/loading": "1.1.19",
+    "@yamada-ui/core": "1.15.4-dev-20241029032301",
+    "@yamada-ui/lucide": "1.7.2-dev-20241029032301",
+    "@yamada-ui/loading": "1.1.20-dev-20241029032301",
     "@yamada-ui/utils": "1.5.4"
   },
   "devDependencies": {

package/dist/chunk-WQNMPM4A.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/alert.tsx"],"sourcesContent":["import type {\n  AlertStatuses,\n  CSSUIObject,\n  FC,\n  HTMLUIProps,\n  ThemeProps,\n} from \"@yamada-ui/core\"\nimport type { LoadingProps } from \"@yamada-ui/loading\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentMultiStyle,\n  useTheme,\n} from \"@yamada-ui/core\"\nimport { CheckIcon, InfoIcon, WarningIcon } from \"@yamada-ui/icon\"\nimport { Loading } from \"@yamada-ui/loading\"\nimport { createContext, cx } from \"@yamada-ui/utils\"\n\nconst defaultStatuses = {\n  error: { colorScheme: \"danger\", icon: WarningIcon },\n  info: { colorScheme: \"info\", icon: InfoIcon },\n  loading: { colorScheme: \"primary\", icon: Loading },\n  success: { colorScheme: \"success\", icon: CheckIcon },\n  warning: { colorScheme: \"warning\", icon: WarningIcon },\n} as const\n\nexport type Status = keyof typeof defaultStatuses\n\ninterface AlertContext {\n  status: Status\n  styles: { [key: string]: CSSUIObject | undefined }\n}\n\nconst [AlertProvider, useAlert] = createContext<AlertContext>({\n  name: `AlertStylesContext`,\n  errorMessage: `useAlert returned is 'undefined'. Seems you forgot to wrap the components in \"<Alert />\" `,\n})\n\nexport const getStatusColorScheme = (\n  status: Status,\n  statuses?: AlertStatuses,\n) => statuses?.[status]?.colorScheme ?? defaultStatuses[status].colorScheme\n\nexport const getStatusIcon = (status: Status, statuses?: AlertStatuses) =>\n  statuses?.[status]?.icon ?? defaultStatuses[status].icon\n\ninterface AlertOptions {\n  /**\n   * The status of the alert.\n   *\n   * @default 'info'\n   */\n  status?: Status\n}\n\nexport interface AlertProps\n  extends HTMLUIProps,\n    ThemeProps<\"Alert\">,\n    AlertOptions {}\n\n/**\n * `Alert` is a component that conveys information to the user.\n *\n * @see Docs https://yamada-ui.com/components/feedback/alert\n */\nexport const Alert = forwardRef<AlertProps, \"div\">(\n  ({ colorScheme, status = \"info\", ...props }, ref) => {\n    const { theme } = useTheme()\n    const statuses = theme.__config?.alert?.statuses ?? {}\n\n    colorScheme ??= getStatusColorScheme(status, statuses)\n\n    const [styles, mergedProps] = useComponentMultiStyle(\"Alert\", {\n      ...props,\n      colorScheme,\n    })\n    const { className, children, ...rest } = omitThemeProps(mergedProps)\n\n    const css: CSSUIObject = {\n      alignItems: \"center\",\n      display: \"flex\",\n      overflow: \"hidden\",\n      position: \"relative\",\n      w: \"100%\",\n      ...styles.container,\n    }\n\n    return (\n      <AlertProvider value={{ status, styles }}>\n        <ui.div\n          ref={ref}\n          className={cx(\"ui-alert\", className)}\n          role=\"alert\"\n          __css={css}\n          {...rest}\n        >\n          {children}\n        </ui.div>\n      </AlertProvider>\n    )\n  },\n)\n\nAlert.displayName = \"Alert\"\nAlert.__ui__ = \"Alert\"\n\nexport interface AlertIconProps extends HTMLUIProps<\"span\"> {\n  variant?: LoadingProps[\"variant\"]\n}\n\nexport const AlertIcon: FC<AlertIconProps> = ({\n  className,\n  variant = \"oval\",\n  children,\n  ...rest\n}) => {\n  const { status, styles } = useAlert()\n  const { theme } = useTheme()\n  const statuses = theme.__config?.alert?.statuses ?? {}\n\n  const Icon = getStatusIcon(status, statuses)\n  const css: CSSUIObject = {\n    ...styles.icon,\n    ...(status === \"loading\" ? styles.loading : {}),\n  }\n\n  return (\n    <ui.span\n      className={cx(\"ui-alert__icon\", className)}\n      display=\"inherit\"\n      __css={css}\n      {...rest}\n    >\n      {children || (\n        <Icon\n          {...(status === \"loading\"\n            ? { variant, color: \"currentcolor\" }\n            : { boxSize: \"100%\" })}\n        />\n      )}\n    </ui.span>\n  )\n}\n\nAlertIcon.displayName = \"AlertIcon\"\nAlertIcon.__ui__ = \"AlertIcon\"\n\nexport interface AlertTitleProps extends HTMLUIProps<\"p\"> {}\n\nexport const AlertTitle = forwardRef<AlertTitleProps, \"p\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = useAlert()\n\n    const css: CSSUIObject = {\n      display: \"block\",\n      ...styles.title,\n    }\n\n    return (\n      <ui.p\n        ref={ref}\n        className={cx(\"ui-alert__title\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nAlertTitle.displayName = \"AlertTitle\"\nAlertTitle.__ui__ = \"AlertTitle\"\n\nexport interface AlertDescriptionProps extends HTMLUIProps<\"span\"> {}\n\nexport const AlertDescription = forwardRef<AlertDescriptionProps, \"span\">(\n  ({ className, ...rest }, ref) => {\n    const { styles } = useAlert()\n\n    const css: CSSUIObject = {\n      ...styles.description,\n    }\n\n    return (\n      <ui.span\n        ref={ref}\n        className={cx(\"ui-alert__desc\", className)}\n        __css={css}\n        {...rest}\n      />\n    )\n  },\n)\n\nAlertDescription.displayName = \"AlertDescription\"\nAlertDescription.__ui__ = \"AlertDescription\"\n"],"mappings":"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","names":[]}