holie-vkit 1.1.10 → 1.1.11

package/dist/hooks/useToast.d.ts

@@ -0,0 +1,10 @@
+export interface ToastOptions {
+    message: string;
+    type?: "info" | "success" | "warning" | "error";
+    duration?: number;
+}
+export declare function useToast(): {
+    showToast: (options: ToastOptions) => void;
+    hideToast: () => void;
+    ToastComponent: () => import("react/jsx-runtime").JSX.Element | null;
+};

package/dist/hooks/useToast.js

@@ -1,2 +1,26 @@
-"use strict";
-// File intentionally removed. Use useToast.tsx instead.
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+export function useToast() {
+    const [toast, setToast] = React.useState(null);
+    const showToast = (options) => setToast(options);
+    const hideToast = () => setToast(null);
+    React.useEffect(() => {
+        if (toast && toast.duration !== 0) {
+            const timer = setTimeout(() => setToast(null), toast.duration || 3000);
+            return () => clearTimeout(timer);
+        }
+    }, [toast]);
+    let bgClass = "bg-blue-500 text-white";
+    if ((toast === null || toast === void 0 ? void 0 : toast.type) === "success")
+        bgClass = "bg-green-500 text-white";
+    else if ((toast === null || toast === void 0 ? void 0 : toast.type) === "error")
+        bgClass = "bg-red-500 text-white";
+    else if ((toast === null || toast === void 0 ? void 0 : toast.type) === "warning")
+        bgClass = "bg-yellow-500 text-black";
+    function ToastComponent() {
+        if (!toast)
+            return null;
+        return (_jsx("div", { className: `fixed bottom-4 right-4 px-4 py-2 rounded shadow-lg z-50 ${bgClass}`, children: toast.message }));
+    }
+    return { showToast, hideToast, ToastComponent };
+}

package/dist/index.d.ts

@@ -38,3 +38,4 @@ export * from './components/Progress';
 export * from './components/Skeleton';
 export * from './components/Table';
 export * from './components/Toast';
+export { useToast } from './hooks/useToast';

package/dist/index.js

@@ -39,3 +39,5 @@ export * from './components/Progress';
 export * from './components/Skeleton';
 export * from './components/Table';
 export * from './components/Toast';
+// Export hooks
+export { useToast } from './hooks/useToast';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "holie-vkit",
-  "version": "1.1.10",
+  "version": "1.1.11",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/index.js",