@starasia/toast 1.0.0

package/README.md

@@ -0,0 +1,71 @@
+# starasia toast
+
+starasia toast is a strict and customizable toast component for web development projects, designed for simplicity and adherence to strict design guidelines.
+
+## Screenshots
+
+![App Screenshot](https://github.com/primaramadhaniputra/image/blob/main/IToast.png)
+
+## Package instalation
+
+Instal package using pnpm
+
+```bash
+  pnpm add @starasia/toast
+```
+
+Instal package using yarn
+
+```bash
+  yarn add @starasia/toast
+```
+
+Instal package using npm
+
+```bash
+  npm i @starasia/toast
+```
+
+## Usage/Examples
+
+```javascript
+import React from "react";
+import {ToastContainer, toast} from "@starasia/toast";
+import ReactDOM from "react-dom/client";
+
+const App = () => {
+  const handleAddToastSuccess = () => {
+    toast.success("New Feature Available success");
+  };
+  const handleAddToastDefault = () => {
+    toast.default("New Feature Available default");
+  };
+  const handleAddToastInfo = () => {
+    toast.info("New Feature Available info");
+  };
+  const handleAddToastDanger = () => {
+    toast.danger("New Feature Available danger");
+  };
+  return (
+    <div>
+      <button onClick={handleAddToastSuccess}>success</button>
+      <button onClick={handleAddToastDefault}>default</button>
+      <button onClick={handleAddToastInfo}>info</button>
+      <button onClick={handleAddToastDanger}>danger</button>
+      <ToastContainer type="outline" direction="bottom-right" />
+    </div>
+  );
+};
+
+ReactDOM.createRoot(document.getElementById("app")!).render(<App />);
+
+```
+
+## Props
+
+#### Props that you can pass to <ToastContainer {...props} />
+
+| Prop Name | Value                                                     | required |
+| :-------- | :-------------------------------------------------------- | :------- |
+| type      | "solid" / "outline"                                       | false    |
+| direction | "bottom-right" / "bottom-left" / "top-right" / "top-left" | false    |

package/dist/Toast.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { IToastContainer } from "./types";
+export declare const ToastContainer: React.FC<IToastContainer>;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { ToastContainer } from "./Toast";
+export { toast } from "./state";
+export * from "./types";

package/dist/state.d.ts

@@ -0,0 +1,21 @@
+declare class Observer {
+    subscribers: Array<(toast: any | any) => void>;
+    toasts: any[];
+    constructor();
+    subscribe: (subscriber: (toast: any | any) => void) => () => void;
+    publish: (data: any) => void;
+    addToast: (data: any) => void;
+    create: (data: {
+        message?: string;
+        type?: any;
+    }) => number;
+    dismiss: (id?: number | string) => string | number | undefined;
+    danger: (message: string) => number;
+    warning: (message: string) => number;
+    success: (message: string) => number;
+    info: (message: string) => number;
+    default: (message: string) => number;
+}
+export declare const ToastState: Observer;
+export declare const toast: any;
+export {};