react-inspire-toast 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,22 @@
+import React from 'react';
+
+type ToastType = "info" | "success" | "error" | "warning";
+interface Toast {
+    id: number;
+    message: string;
+    type: ToastType;
+}
+interface ToastOptions {
+    truncate?: number;
+}
+interface ToastContextProps {
+    addToast: (message: string, type?: ToastType, duration?: number, options?: ToastOptions) => void;
+}
+declare const useToast: () => ToastContextProps;
+declare const ToastProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+
+declare function showQuoteToast(addToast: (message: string, type: ToastType, duration: number) => void, duration?: number, type?: ToastType): Promise<void>;
+
+export { type Toast, type ToastOptions, ToastProvider, type ToastType, showQuoteToast, useToast };

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+
+type ToastType = "info" | "success" | "error" | "warning";
+interface Toast {
+    id: number;
+    message: string;
+    type: ToastType;
+}
+interface ToastOptions {
+    truncate?: number;
+}
+interface ToastContextProps {
+    addToast: (message: string, type?: ToastType, duration?: number, options?: ToastOptions) => void;
+}
+declare const useToast: () => ToastContextProps;
+declare const ToastProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+
+declare function showQuoteToast(addToast: (message: string, type: ToastType, duration: number) => void, duration?: number, type?: ToastType): Promise<void>;
+
+export { type Toast, type ToastOptions, ToastProvider, type ToastType, showQuoteToast, useToast };

package/dist/index.js

@@ -0,0 +1,120 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  ToastProvider: () => ToastProvider,
+  showQuoteToast: () => showQuoteToast,
+  useToast: () => useToast
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/ToastProvider.tsx
+var import_react = __toESM(require("react"));
+
+// #style-inject:#style-inject
+function styleInject(css, { insertAt } = {}) {
+  if (!css || typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+// src/toast.css
+styleInject(".toast-container {\n  position: fixed;\n  top: 1rem;\n  right: 1rem;\n  width: 320px;\n  max-height: 80vh;\n  overflow-y: auto;\n  z-index: 9999;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.toast {\n  padding: 1rem 1.5rem;\n  border-radius: 8px;\n  color: #fff;\n  font-size: 1rem;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n  animation: fadeIn 0.3s;\n  word-break: break-word;\n}\n.toast-info {\n  background: #2196f3;\n}\n.toast-success {\n  background: #43a047;\n}\n.toast-error {\n  background: #e53935;\n}\n.toast-warning {\n  background: #ffa000;\n  color: #222;\n}\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n");
+
+// src/ToastProvider.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ToastContext = import_react.default.createContext(
+  void 0
+);
+var useToast = () => {
+  const ctx = import_react.default.useContext(ToastContext);
+  if (!ctx) throw new Error("useToast must be used within ToastProvider");
+  return ctx;
+};
+var ToastProvider = ({
+  children
+}) => {
+  const [toasts, setToasts] = (0, import_react.useState)([]);
+  const idRef = (0, import_react.useRef)(0);
+  const addToast = (0, import_react.useCallback)(
+    (message, type = "info", duration = 4e3, options) => {
+      let displayMsg = message;
+      if (options?.truncate && message.length > options.truncate) {
+        displayMsg = message.slice(0, options.truncate) + "...";
+      }
+      const id = ++idRef.current;
+      setToasts((prev) => [...prev, { id, message: displayMsg, type }]);
+      setTimeout(() => {
+        setToasts((prev) => prev.filter((t) => t.id !== id));
+      }, duration);
+    },
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ToastContext.Provider, { value: { addToast }, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "toast-container", children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `toast toast-${toast.type}`, children: toast.message }, toast.id)) })
+  ] });
+};
+
+// src/showQuoteToast.ts
+async function showQuoteToast(addToast, duration = 4e3, type = "info") {
+  try {
+    const res = await fetch(
+      "https://thequoteshub.com/api/random-quote?format=json"
+    );
+    const data = await res.json();
+    addToast(data.text, type, duration);
+  } catch (error) {
+    addToast("Failed to fetch quote", "error", duration);
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ToastProvider,
+  showQuoteToast,
+  useToast
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/ToastProvider.tsx","#style-inject:#style-inject","../src/toast.css","../src/showQuoteToast.ts"],"sourcesContent":["export { ToastProvider, useToast } from \"./ToastProvider\";\r\nexport { showQuoteToast } from \"./showQuoteToast\";\r\nexport type { Toast, ToastType, ToastOptions } from \"./ToastProvider\";\r\n","import React, { useCallback, useRef, useState } from \"react\";\r\nimport \"./toast.css\";\r\n\r\nexport type ToastType = \"info\" | \"success\" | \"error\" | \"warning\";\r\n\r\nexport interface Toast {\r\n  id: number;\r\n  message: string;\r\n  type: ToastType;\r\n}\r\n\r\nexport interface ToastOptions {\r\n  truncate?: number; // max length of message, if set\r\n}\r\n\r\ninterface ToastContextProps {\r\n  addToast: (\r\n    message: string,\r\n    type?: ToastType,\r\n    duration?: number,\r\n    options?: ToastOptions,\r\n  ) => void;\r\n}\r\n\r\nconst ToastContext = React.createContext<ToastContextProps | undefined>(\r\n  undefined,\r\n);\r\n\r\nexport const useToast = () => {\r\n  const ctx = React.useContext(ToastContext);\r\n  if (!ctx) throw new Error(\"useToast must be used within ToastProvider\");\r\n  return ctx;\r\n};\r\n\r\nexport const ToastProvider: React.FC<{ children: React.ReactNode }> = ({\r\n  children,\r\n}) => {\r\n  const [toasts, setToasts] = useState<Toast[]>([]);\r\n  const idRef = useRef(0);\r\n\r\n  const addToast = useCallback(\r\n    (\r\n      message: string,\r\n      type: ToastType = \"info\",\r\n      duration = 4000,\r\n      options?: ToastOptions,\r\n    ) => {\r\n      let displayMsg = message;\r\n      if (options?.truncate && message.length > options.truncate) {\r\n        displayMsg = message.slice(0, options.truncate) + \"...\";\r\n      }\r\n      const id = ++idRef.current;\r\n      setToasts((prev) => [...prev, { id, message: displayMsg, type }]);\r\n      setTimeout(() => {\r\n        setToasts((prev) => prev.filter((t) => t.id !== id));\r\n      }, duration);\r\n    },\r\n    [],\r\n  );\r\n\r\n  return (\r\n    <ToastContext.Provider value={{ addToast }}>\r\n      {children}\r\n      <div className=\"toast-container\">\r\n        {toasts.map((toast) => (\r\n          <div key={toast.id} className={`toast toast-${toast.type}`}>\r\n            {toast.message}\r\n          </div>\r\n        ))}\r\n      </div>\r\n    </ToastContext.Provider>\r\n  );\r\n};\r\n","\n          export default function styleInject(css, { insertAt } = {}) {\n            if (!css || typeof document === 'undefined') return\n          \n            const head = document.head || document.getElementsByTagName('head')[0]\n            const style = document.createElement('style')\n            style.type = 'text/css'\n          \n            if (insertAt === 'top') {\n              if (head.firstChild) {\n                head.insertBefore(style, head.firstChild)\n              } else {\n                head.appendChild(style)\n              }\n            } else {\n              head.appendChild(style)\n            }\n          \n            if (style.styleSheet) {\n              style.styleSheet.cssText = css\n            } else {\n              style.appendChild(document.createTextNode(css))\n            }\n          }\n          ","import styleInject from '#style-inject';styleInject(\".toast-container {\\n  position: fixed;\\n  top: 1rem;\\n  right: 1rem;\\n  width: 320px;\\n  max-height: 80vh;\\n  overflow-y: auto;\\n  z-index: 9999;\\n  display: flex;\\n  flex-direction: column;\\n  gap: 0.75rem;\\n}\\n.toast {\\n  padding: 1rem 1.5rem;\\n  border-radius: 8px;\\n  color: #fff;\\n  font-size: 1rem;\\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\\n  animation: fadeIn 0.3s;\\n  word-break: break-word;\\n}\\n.toast-info {\\n  background: #2196f3;\\n}\\n.toast-success {\\n  background: #43a047;\\n}\\n.toast-error {\\n  background: #e53935;\\n}\\n.toast-warning {\\n  background: #ffa000;\\n  color: #222;\\n}\\n@keyframes fadeIn {\\n  from {\\n    opacity: 0;\\n    transform: translateY(-10px);\\n  }\\n  to {\\n    opacity: 1;\\n    transform: translateY(0);\\n  }\\n}\\n\")","// useQuoteToast.ts\r\nimport { type ToastType } from \"./ToastProvider\";\r\n\r\nexport async function showQuoteToast(\r\n  addToast: (message: string, type: ToastType, duration: number) => void,\r\n  duration = 4000,\r\n  type: ToastType = \"info\",\r\n) {\r\n  try {\r\n    const res = await fetch(\r\n      \"https://thequoteshub.com/api/random-quote?format=json\",\r\n    );\r\n    const data = await res.json();\r\n    addToast(data.text, type, duration);\r\n  } catch (error) {\r\n    addToast(\"Failed to fetch quote\", \"error\", duration);\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAqD;;;ACC5B,SAAR,YAA6B,KAAK,EAAE,SAAS,IAAI,CAAC,GAAG;AAC1D,MAAI,CAAC,OAAO,OAAO,aAAa,YAAa;AAE7C,QAAM,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACrE,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,OAAO;AAEb,MAAI,aAAa,OAAO;AACtB,QAAI,KAAK,YAAY;AACnB,WAAK,aAAa,OAAO,KAAK,UAAU;AAAA,IAC1C,OAAO;AACL,WAAK,YAAY,KAAK;AAAA,IACxB;AAAA,EACF,OAAO;AACL,SAAK,YAAY,KAAK;AAAA,EACxB;AAEA,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;;;ACvB8B,YAAY,kvBAAkvB;;;AF6DlyB;AArCJ,IAAM,eAAe,aAAAA,QAAM;AAAA,EACzB;AACF;AAEO,IAAM,WAAW,MAAM;AAC5B,QAAM,MAAM,aAAAA,QAAM,WAAW,YAAY;AACzC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,4CAA4C;AACtE,SAAO;AACT;AAEO,IAAM,gBAAyD,CAAC;AAAA,EACrE;AACF,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAkB,CAAC,CAAC;AAChD,QAAM,YAAQ,qBAAO,CAAC;AAEtB,QAAM,eAAW;AAAA,IACf,CACE,SACA,OAAkB,QAClB,WAAW,KACX,YACG;AACH,UAAI,aAAa;AACjB,UAAI,SAAS,YAAY,QAAQ,SAAS,QAAQ,UAAU;AAC1D,qBAAa,QAAQ,MAAM,GAAG,QAAQ,QAAQ,IAAI;AAAA,MACpD;AACA,YAAM,KAAK,EAAE,MAAM;AACnB,gBAAU,CAAC,SAAS,CAAC,GAAG,MAAM,EAAE,IAAI,SAAS,YAAY,KAAK,CAAC,CAAC;AAChE,iBAAW,MAAM;AACf,kBAAU,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AAAA,MACrD,GAAG,QAAQ;AAAA,IACb;AAAA,IACA,CAAC;AAAA,EACH;AAEA,SACE,6CAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,SAAS,GACtC;AAAA;AAAA,IACD,4CAAC,SAAI,WAAU,mBACZ,iBAAO,IAAI,CAAC,UACX,4CAAC,SAAmB,WAAW,eAAe,MAAM,IAAI,IACrD,gBAAM,WADC,MAAM,EAEhB,CACD,GACH;AAAA,KACF;AAEJ;;;AGrEA,eAAsB,eACpB,UACA,WAAW,KACX,OAAkB,QAClB;AACA,MAAI;AACF,UAAM,MAAM,MAAM;AAAA,MAChB;AAAA,IACF;AACA,UAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,aAAS,KAAK,MAAM,MAAM,QAAQ;AAAA,EACpC,SAAS,OAAO;AACd,aAAS,yBAAyB,SAAS,QAAQ;AAAA,EACrD;AACF;","names":["React"]}

package/dist/index.mjs

@@ -0,0 +1,81 @@
+// src/ToastProvider.tsx
+import React, { useCallback, useRef, useState } from "react";
+
+// #style-inject:#style-inject
+function styleInject(css, { insertAt } = {}) {
+  if (!css || typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+// src/toast.css
+styleInject(".toast-container {\n  position: fixed;\n  top: 1rem;\n  right: 1rem;\n  width: 320px;\n  max-height: 80vh;\n  overflow-y: auto;\n  z-index: 9999;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.toast {\n  padding: 1rem 1.5rem;\n  border-radius: 8px;\n  color: #fff;\n  font-size: 1rem;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n  animation: fadeIn 0.3s;\n  word-break: break-word;\n}\n.toast-info {\n  background: #2196f3;\n}\n.toast-success {\n  background: #43a047;\n}\n.toast-error {\n  background: #e53935;\n}\n.toast-warning {\n  background: #ffa000;\n  color: #222;\n}\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n");
+
+// src/ToastProvider.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var ToastContext = React.createContext(
+  void 0
+);
+var useToast = () => {
+  const ctx = React.useContext(ToastContext);
+  if (!ctx) throw new Error("useToast must be used within ToastProvider");
+  return ctx;
+};
+var ToastProvider = ({
+  children
+}) => {
+  const [toasts, setToasts] = useState([]);
+  const idRef = useRef(0);
+  const addToast = useCallback(
+    (message, type = "info", duration = 4e3, options) => {
+      let displayMsg = message;
+      if (options?.truncate && message.length > options.truncate) {
+        displayMsg = message.slice(0, options.truncate) + "...";
+      }
+      const id = ++idRef.current;
+      setToasts((prev) => [...prev, { id, message: displayMsg, type }]);
+      setTimeout(() => {
+        setToasts((prev) => prev.filter((t) => t.id !== id));
+      }, duration);
+    },
+    []
+  );
+  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: { addToast }, children: [
+    children,
+    /* @__PURE__ */ jsx("div", { className: "toast-container", children: toasts.map((toast) => /* @__PURE__ */ jsx("div", { className: `toast toast-${toast.type}`, children: toast.message }, toast.id)) })
+  ] });
+};
+
+// src/showQuoteToast.ts
+async function showQuoteToast(addToast, duration = 4e3, type = "info") {
+  try {
+    const res = await fetch(
+      "https://thequoteshub.com/api/random-quote?format=json"
+    );
+    const data = await res.json();
+    addToast(data.text, type, duration);
+  } catch (error) {
+    addToast("Failed to fetch quote", "error", duration);
+  }
+}
+export {
+  ToastProvider,
+  showQuoteToast,
+  useToast
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ToastProvider.tsx","#style-inject:#style-inject","../src/toast.css","../src/showQuoteToast.ts"],"sourcesContent":["import React, { useCallback, useRef, useState } from \"react\";\r\nimport \"./toast.css\";\r\n\r\nexport type ToastType = \"info\" | \"success\" | \"error\" | \"warning\";\r\n\r\nexport interface Toast {\r\n  id: number;\r\n  message: string;\r\n  type: ToastType;\r\n}\r\n\r\nexport interface ToastOptions {\r\n  truncate?: number; // max length of message, if set\r\n}\r\n\r\ninterface ToastContextProps {\r\n  addToast: (\r\n    message: string,\r\n    type?: ToastType,\r\n    duration?: number,\r\n    options?: ToastOptions,\r\n  ) => void;\r\n}\r\n\r\nconst ToastContext = React.createContext<ToastContextProps | undefined>(\r\n  undefined,\r\n);\r\n\r\nexport const useToast = () => {\r\n  const ctx = React.useContext(ToastContext);\r\n  if (!ctx) throw new Error(\"useToast must be used within ToastProvider\");\r\n  return ctx;\r\n};\r\n\r\nexport const ToastProvider: React.FC<{ children: React.ReactNode }> = ({\r\n  children,\r\n}) => {\r\n  const [toasts, setToasts] = useState<Toast[]>([]);\r\n  const idRef = useRef(0);\r\n\r\n  const addToast = useCallback(\r\n    (\r\n      message: string,\r\n      type: ToastType = \"info\",\r\n      duration = 4000,\r\n      options?: ToastOptions,\r\n    ) => {\r\n      let displayMsg = message;\r\n      if (options?.truncate && message.length > options.truncate) {\r\n        displayMsg = message.slice(0, options.truncate) + \"...\";\r\n      }\r\n      const id = ++idRef.current;\r\n      setToasts((prev) => [...prev, { id, message: displayMsg, type }]);\r\n      setTimeout(() => {\r\n        setToasts((prev) => prev.filter((t) => t.id !== id));\r\n      }, duration);\r\n    },\r\n    [],\r\n  );\r\n\r\n  return (\r\n    <ToastContext.Provider value={{ addToast }}>\r\n      {children}\r\n      <div className=\"toast-container\">\r\n        {toasts.map((toast) => (\r\n          <div key={toast.id} className={`toast toast-${toast.type}`}>\r\n            {toast.message}\r\n          </div>\r\n        ))}\r\n      </div>\r\n    </ToastContext.Provider>\r\n  );\r\n};\r\n","\n          export default function styleInject(css, { insertAt } = {}) {\n            if (!css || typeof document === 'undefined') return\n          \n            const head = document.head || document.getElementsByTagName('head')[0]\n            const style = document.createElement('style')\n            style.type = 'text/css'\n          \n            if (insertAt === 'top') {\n              if (head.firstChild) {\n                head.insertBefore(style, head.firstChild)\n              } else {\n                head.appendChild(style)\n              }\n            } else {\n              head.appendChild(style)\n            }\n          \n            if (style.styleSheet) {\n              style.styleSheet.cssText = css\n            } else {\n              style.appendChild(document.createTextNode(css))\n            }\n          }\n          ","import styleInject from '#style-inject';styleInject(\".toast-container {\\n  position: fixed;\\n  top: 1rem;\\n  right: 1rem;\\n  width: 320px;\\n  max-height: 80vh;\\n  overflow-y: auto;\\n  z-index: 9999;\\n  display: flex;\\n  flex-direction: column;\\n  gap: 0.75rem;\\n}\\n.toast {\\n  padding: 1rem 1.5rem;\\n  border-radius: 8px;\\n  color: #fff;\\n  font-size: 1rem;\\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\\n  animation: fadeIn 0.3s;\\n  word-break: break-word;\\n}\\n.toast-info {\\n  background: #2196f3;\\n}\\n.toast-success {\\n  background: #43a047;\\n}\\n.toast-error {\\n  background: #e53935;\\n}\\n.toast-warning {\\n  background: #ffa000;\\n  color: #222;\\n}\\n@keyframes fadeIn {\\n  from {\\n    opacity: 0;\\n    transform: translateY(-10px);\\n  }\\n  to {\\n    opacity: 1;\\n    transform: translateY(0);\\n  }\\n}\\n\")","// useQuoteToast.ts\r\nimport { type ToastType } from \"./ToastProvider\";\r\n\r\nexport async function showQuoteToast(\r\n  addToast: (message: string, type: ToastType, duration: number) => void,\r\n  duration = 4000,\r\n  type: ToastType = \"info\",\r\n) {\r\n  try {\r\n    const res = await fetch(\r\n      \"https://thequoteshub.com/api/random-quote?format=json\",\r\n    );\r\n    const data = await res.json();\r\n    addToast(data.text, type, duration);\r\n  } catch (error) {\r\n    addToast(\"Failed to fetch quote\", \"error\", duration);\r\n  }\r\n}\r\n"],"mappings":";AAAA,OAAO,SAAS,aAAa,QAAQ,gBAAgB;;;ACC5B,SAAR,YAA6B,KAAK,EAAE,SAAS,IAAI,CAAC,GAAG;AAC1D,MAAI,CAAC,OAAO,OAAO,aAAa,YAAa;AAE7C,QAAM,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACrE,QAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,QAAM,OAAO;AAEb,MAAI,aAAa,OAAO;AACtB,QAAI,KAAK,YAAY;AACnB,WAAK,aAAa,OAAO,KAAK,UAAU;AAAA,IAC1C,OAAO;AACL,WAAK,YAAY,KAAK;AAAA,IACxB;AAAA,EACF,OAAO;AACL,SAAK,YAAY,KAAK;AAAA,EACxB;AAEA,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;;;ACvB8B,YAAY,kvBAAkvB;;;AF6DlyB,SAIM,KAJN;AArCJ,IAAM,eAAe,MAAM;AAAA,EACzB;AACF;AAEO,IAAM,WAAW,MAAM;AAC5B,QAAM,MAAM,MAAM,WAAW,YAAY;AACzC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,4CAA4C;AACtE,SAAO;AACT;AAEO,IAAM,gBAAyD,CAAC;AAAA,EACrE;AACF,MAAM;AACJ,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAkB,CAAC,CAAC;AAChD,QAAM,QAAQ,OAAO,CAAC;AAEtB,QAAM,WAAW;AAAA,IACf,CACE,SACA,OAAkB,QAClB,WAAW,KACX,YACG;AACH,UAAI,aAAa;AACjB,UAAI,SAAS,YAAY,QAAQ,SAAS,QAAQ,UAAU;AAC1D,qBAAa,QAAQ,MAAM,GAAG,QAAQ,QAAQ,IAAI;AAAA,MACpD;AACA,YAAM,KAAK,EAAE,MAAM;AACnB,gBAAU,CAAC,SAAS,CAAC,GAAG,MAAM,EAAE,IAAI,SAAS,YAAY,KAAK,CAAC,CAAC;AAChE,iBAAW,MAAM;AACf,kBAAU,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AAAA,MACrD,GAAG,QAAQ;AAAA,IACb;AAAA,IACA,CAAC;AAAA,EACH;AAEA,SACE,qBAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,SAAS,GACtC;AAAA;AAAA,IACD,oBAAC,SAAI,WAAU,mBACZ,iBAAO,IAAI,CAAC,UACX,oBAAC,SAAmB,WAAW,eAAe,MAAM,IAAI,IACrD,gBAAM,WADC,MAAM,EAEhB,CACD,GACH;AAAA,KACF;AAEJ;;;AGrEA,eAAsB,eACpB,UACA,WAAW,KACX,OAAkB,QAClB;AACA,MAAI;AACF,UAAM,MAAM,MAAM;AAAA,MAChB;AAAA,IACF;AACA,UAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,aAAS,KAAK,MAAM,MAAM,QAAQ;AAAA,EACpC,SAAS,OAAO;AACd,aAAS,yBAAyB,SAAS,QAAQ;AAAA,EACrD;AACF;","names":[]}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "react-inspire-toast",
+  "version": "1.0.0",
+  "description": "Inspiring quote toast notifications for React",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.13",
+    "esbuild-style-plugin": "^1.6.3",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git@github-personal:Mohid-Anwar/react-inspire-toast.git"
+  },
+  "keywords": [
+    "react",
+    "toast",
+    "notifications",
+    "quotes",
+    "inspiration"
+  ],
+  "author": "Mohid Anwar",
+  "license": "MIT"
+}