optimize toast code

src/components/Toast/Toast.stories.tsx

@@ -1,10 +1,10 @@
-import { Button, useToast, ToastProps } from "@/components";
+import { Button, useCUIToast, ToastProps } from "@/components";
 const ToastTrigger = (props: ToastProps) => {
-  const { createToast } = useToast();
+  const { createCUIToast } = useCUIToast();
   return (
     <Button
       onClick={() => {
-        createToast(props);
+        createCUIToast(props);
       }}
     >
       Create Toast

src/components/Toast/Toast.tsx

@@ -3,11 +3,11 @@ import * as RadixUIToast from "@radix-ui/react-toast";
 import { Button, ButtonProps, Icon, IconButton, IconName } from "@/components";
 import styled, { keyframes } from "styled-components";
 
-interface ToastContextProps {
-  createToast: (toast: ToastProps) => void;
+export interface ToastContextProps {
+  createCUIToast: (toast: ToastProps) => void;
 }
 export const ToastContext = createContext<ToastContextProps>({
-  createToast: () => null,
+  createCUIToast: () => null,
 });
 
 type ToastType = "danger" | "warning" | "default" | "success";
@@ -202,7 +202,7 @@ export const ToastProvider = ({ children, ...props }: RadixUIToast.ToastProps) =
     }
   };
   const value = {
-    createToast: (toast: ToastProps) => {
+    createCUIToast: (toast: ToastProps): void => {
       setToasts(currentToasts => {
         const newMap = new Map(currentToasts);
         newMap.set(toast?.id ?? String(Date.now()), toast);

src/components/Toast/useToast.tsx → src/components/Toast/useCUIToast.tsx

@@ -1,6 +1,7 @@
 import { useContext } from "react";
-import { ToastContext } from "./Toast";
-export const useToast = () => {
+import { ToastContext, ToastContextProps } from "./Toast";
+
+export const useCUIToast = (): ToastContextProps => {
   const result = useContext(ToastContext);
   if (!result) {
     throw new Error("Context used outside of its Provider!");

src/components/index.ts

@@ -49,5 +49,5 @@ export { TextField } from "./Input/TextField";
 export { Title } from "./Typography/Title/Title";
 export { Tooltip } from "./Tooltip/Tooltip";
 export { default as ClickUIProvider } from "./ClickUIProvider/ClickUIProvider";
-export { useToast } from "./Toast/useToast";
+export { useCUIToast } from "./Toast/useCUIToast";
 export { UserIcon as ProfileIcon } from "./icons/UserIcon";