@deepnoid/ui 0.1.221 → 0.1.223

package/dist/components/table/table-body.mjs

@@ -1,19 +1,19 @@
 "use client";
 import {
   table_body_default
-} from "../../chunk-54FDYAUN.mjs";
+} from "../../chunk-Q3KBMVJS.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-VSVBYQF4.mjs";
+import "../../chunk-TE5JU3WA.mjs";
 import "../../chunk-F3HENRVM.mjs";
-import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-JI3WAAZV.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-3DCUMRYP.mjs";
+import "../../chunk-2GCSFWHD.mjs";
+import "../../chunk-EJ4GDC6K.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-AXWICOKO.mjs";
-import "../../chunk-JYW3GEH6.mjs";
+import "../../chunk-6AID2NLT.mjs";
+import "../../chunk-P5L4YI54.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-U4DJHAM5.mjs";

package/dist/components/table/table-head.js

@@ -2504,6 +2504,39 @@ var template = {
       }
     );
   },
+  "new-window": ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "svg",
+      {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "path",
+            {
+              d: "M18 14V18.75C18 19.3467 17.7629 19.919 17.341 20.341C16.919 20.763 16.3467 21 15.75 21H5.25C4.65326 21 4.08097 20.763 3.65901 20.341C3.23705 19.919 3 19.3467 3 18.75V8.25C3 7.65327 3.23705 7.08097 3.65901 6.65901C4.08097 6.23706 4.65326 6 5.25 6H10",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "path",
+            {
+              d: "M13.5 4.5H19.5V10.5M19.5 4.5L9.75 14.25",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      }
+    );
+  },
   // ----------------------------------- old ---------------------------------
   // ** Status **
   "plus-circle": ({ className, fill }) => {

package/dist/components/table/table-head.mjs

@@ -1,19 +1,19 @@
 "use client";
 import {
   table_head_default
-} from "../../chunk-54FDYAUN.mjs";
+} from "../../chunk-Q3KBMVJS.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-VSVBYQF4.mjs";
+import "../../chunk-TE5JU3WA.mjs";
 import "../../chunk-F3HENRVM.mjs";
-import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-JI3WAAZV.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-3DCUMRYP.mjs";
+import "../../chunk-2GCSFWHD.mjs";
+import "../../chunk-EJ4GDC6K.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-AXWICOKO.mjs";
-import "../../chunk-JYW3GEH6.mjs";
+import "../../chunk-6AID2NLT.mjs";
+import "../../chunk-P5L4YI54.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-U4DJHAM5.mjs";

package/dist/components/table/table.js

@@ -2583,6 +2583,39 @@ var template = {
       }
     );
   },
+  "new-window": ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      "svg",
+      {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "path",
+            {
+              d: "M18 14V18.75C18 19.3467 17.7629 19.919 17.341 20.341C16.919 20.763 16.3467 21 15.75 21H5.25C4.65326 21 4.08097 20.763 3.65901 20.341C3.23705 19.919 3 19.3467 3 18.75V8.25C3 7.65327 3.23705 7.08097 3.65901 6.65901C4.08097 6.23706 4.65326 6 5.25 6H10",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "path",
+            {
+              d: "M13.5 4.5H19.5V10.5M19.5 4.5L9.75 14.25",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      }
+    );
+  },
   // ----------------------------------- old ---------------------------------
   // ** Status **
   "plus-circle": ({ className, fill }) => {

package/dist/components/table/table.mjs

@@ -2,19 +2,19 @@
 import {
   getCellStyle,
   table_default
-} from "../../chunk-54FDYAUN.mjs";
+} from "../../chunk-Q3KBMVJS.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-VSVBYQF4.mjs";
+import "../../chunk-TE5JU3WA.mjs";
 import "../../chunk-F3HENRVM.mjs";
-import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-JI3WAAZV.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-3DCUMRYP.mjs";
+import "../../chunk-2GCSFWHD.mjs";
+import "../../chunk-EJ4GDC6K.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-AXWICOKO.mjs";
-import "../../chunk-JYW3GEH6.mjs";
+import "../../chunk-6AID2NLT.mjs";
+import "../../chunk-P5L4YI54.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-U4DJHAM5.mjs";

package/dist/components/timePicker/calendar.js

@@ -2112,6 +2112,39 @@ var template = {
       }
     );
   },
+  "new-window": ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "svg",
+      {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M18 14V18.75C18 19.3467 17.7629 19.919 17.341 20.341C16.919 20.763 16.3467 21 15.75 21H5.25C4.65326 21 4.08097 20.763 3.65901 20.341C3.23705 19.919 3 19.3467 3 18.75V8.25C3 7.65327 3.23705 7.08097 3.65901 6.65901C4.08097 6.23706 4.65326 6 5.25 6H10",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M13.5 4.5H19.5V10.5M19.5 4.5L9.75 14.25",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      }
+    );
+  },
   // ----------------------------------- old ---------------------------------
   // ** Status **
   "plus-circle": ({ className, fill }) => {

package/dist/components/timePicker/calendar.mjs

@@ -6,8 +6,8 @@ import {
 import "../../chunk-ZYIIXWVY.mjs";
 import {
   Icon_default
-} from "../../chunk-AXWICOKO.mjs";
-import "../../chunk-JYW3GEH6.mjs";
+} from "../../chunk-6AID2NLT.mjs";
+import "../../chunk-P5L4YI54.mjs";
 import {
   mapPropsVariants
 } from "../../chunk-E3G5QXSH.mjs";

package/dist/components/toast/index.d.mts

@@ -1,5 +1,5 @@
 export { default as Toast, ToastProps } from './toast.mjs';
-export { ToastProvider, useToast } from './use-toast.mjs';
+export { CreateToastOptions, ToastFunction, ToastId, ToastPromiseMessages, ToastProvider, useToast } from './use-toast.mjs';
 import 'tailwind-variants';
 import 'react';
 import './toast-utils.mjs';

package/dist/components/toast/index.d.ts

@@ -1,5 +1,5 @@
 export { default as Toast, ToastProps } from './toast.js';
-export { ToastProvider, useToast } from './use-toast.js';
+export { CreateToastOptions, ToastFunction, ToastId, ToastPromiseMessages, ToastProvider, useToast } from './use-toast.js';
 import 'tailwind-variants';
 import 'react';
 import './toast-utils.js';

package/dist/components/toast/index.js

@@ -2115,6 +2115,39 @@ var template = {
       }
     );
   },
+  "new-window": ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "svg",
+      {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M18 14V18.75C18 19.3467 17.7629 19.919 17.341 20.341C16.919 20.763 16.3467 21 15.75 21H5.25C4.65326 21 4.08097 20.763 3.65901 20.341C3.23705 19.919 3 19.3467 3 18.75V8.25C3 7.65327 3.23705 7.08097 3.65901 6.65901C4.08097 6.23706 4.65326 6 5.25 6H10",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M13.5 4.5H19.5V10.5M19.5 4.5L9.75 14.25",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      }
+    );
+  },
   // ----------------------------------- old ---------------------------------
   // ** Status **
   "plus-circle": ({ className, fill }) => {
@@ -5299,7 +5332,7 @@ var Toast = (0, import_react.forwardRef)((originalProps, ref) => {
       style: hasShadow ? { boxShadow: "0px 6px 18px rgba(0, 0, 0, 0.10)" } : {},
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
-          showIcon && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: originalProps.icon || "info-circle", fill: true, className: "mt-[2px]" }),
+          showIcon && (originalProps.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "loading", className: "mt-[2px] animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: originalProps.icon || "info-circle", fill: true, className: "mt-[2px]" })),
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: slots.title({ class: classNames == null ? void 0 : classNames.title }), children: title }),
           showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "close", className: "cursor-pointer", onClick: onClose })
         ] }),
@@ -5463,27 +5496,119 @@ var ToastProvider = ({
   const [toasts, setToasts] = (0, import_react2.useState)([]);
   const [containerStyle, setContainerStyle] = (0, import_react2.useState)({});
   const toastRef = (0, import_react2.useRef)(null);
+  const timersRef = (0, import_react2.useRef)(/* @__PURE__ */ new Map());
+  const startTimer = (0, import_react2.useCallback)((id, duration) => {
+    const existing = timersRef.current.get(id);
+    if (existing) clearTimeout(existing);
+    if (!isFinite(duration) || duration <= 0) {
+      timersRef.current.delete(id);
+      return;
+    }
+    const timer = setTimeout(() => {
+      setToasts((prev) => prev.filter((t) => t.id !== id));
+      timersRef.current.delete(id);
+    }, duration);
+    timersRef.current.set(id, timer);
+  }, []);
+  const clearTimer = (0, import_react2.useCallback)((id) => {
+    const timer = timersRef.current.get(id);
+    if (timer) {
+      clearTimeout(timer);
+      timersRef.current.delete(id);
+    }
+  }, []);
+  (0, import_react2.useEffect)(() => {
+    const timers = timersRef.current;
+    return () => {
+      timers.forEach((timer) => clearTimeout(timer));
+      timers.clear();
+    };
+  }, []);
   const addToast = (0, import_react2.useCallback)(
     (title, options = {}) => {
+      var _a, _b;
       const id = Date.now() + Math.floor(Math.random() * 1e5);
+      const duration = options.isLoading ? Infinity : (_b = (_a = options.duration) != null ? _a : globalOptions == null ? void 0 : globalOptions.duration) != null ? _b : 3e3;
       const newToast = {
+        ...globalOptions,
+        ...options,
         id,
         title,
-        duration: 3e3,
-        ...globalOptions,
-        ...options
+        duration
       };
       setToasts((prev) => [...prev, newToast]);
-      setTimeout(() => {
-        setToasts((prevToasts) => prevToasts.filter((toast2) => toast2.id !== id));
-      }, newToast.duration || 3e3);
+      startTimer(id, duration);
+      return id;
     },
-    [globalOptions]
+    [globalOptions, startTimer]
   );
-  const removeToast = (0, import_react2.useCallback)((id) => {
-    setToasts((prevToasts) => prevToasts.filter((toast2) => toast2.id !== id));
-  }, []);
-  const contextValue = addToast;
+  const removeToast = (0, import_react2.useCallback)(
+    (id) => {
+      clearTimer(id);
+      setToasts((prevToasts) => prevToasts.filter((toast2) => toast2.id !== id));
+    },
+    [clearTimer]
+  );
+  const updateToast = (0, import_react2.useCallback)(
+    (id, options) => {
+      setToasts(
+        (prev) => prev.map((t) => {
+          var _a, _b;
+          if (t.id !== id) return t;
+          const updated = { ...t, ...options };
+          if (t.isLoading && options.isLoading === false) {
+            const duration = (_b = (_a = options.duration) != null ? _a : globalOptions == null ? void 0 : globalOptions.duration) != null ? _b : 3e3;
+            updated.duration = duration;
+            startTimer(id, duration);
+          }
+          return updated;
+        })
+      );
+    },
+    [globalOptions == null ? void 0 : globalOptions.duration, startTimer]
+  );
+  const dismissToast = (0, import_react2.useCallback)(
+    (id) => {
+      if (id !== void 0) {
+        removeToast(id);
+      } else {
+        timersRef.current.forEach((timer) => clearTimeout(timer));
+        timersRef.current.clear();
+        setToasts([]);
+      }
+    },
+    [removeToast]
+  );
+  const loadingToast = (0, import_react2.useCallback)(
+    (title, options = {}) => {
+      return addToast(title, { ...options, isLoading: true });
+    },
+    [addToast]
+  );
+  const contextValue = (0, import_react2.useMemo)(() => {
+    const fn = (title, options) => {
+      return addToast(title, options);
+    };
+    fn.loading = loadingToast;
+    fn.update = updateToast;
+    fn.dismiss = dismissToast;
+    fn.promise = (promise, messages, options = {}) => {
+      const id = loadingToast(messages.loading, options);
+      return promise.then(
+        (data) => {
+          const title = typeof messages.success === "function" ? messages.success(data) : messages.success;
+          updateToast(id, { title, color: "success", isLoading: false });
+          return data;
+        },
+        (err) => {
+          const title = typeof messages.error === "function" ? messages.error(err) : messages.error;
+          updateToast(id, { title, color: "danger", isLoading: false });
+          throw err;
+        }
+      );
+    };
+    return fn;
+  }, [addToast, loadingToast, updateToast, dismissToast]);
   (0, import_react2.useEffect)(() => {
     var _a;
     const width = (globalOptions == null ? void 0 : globalOptions.width) ? globalOptions.width : typeof ((_a = toastRef.current) == null ? void 0 : _a.getWidth) === "function" ? toastRef.current.getWidth() : 300;

package/dist/components/toast/index.mjs

@@ -3,14 +3,14 @@ import "../../chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "../../chunk-5UCNLY2A.mjs";
+} from "../../chunk-RY5VVXQ4.mjs";
 import "../../chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "../../chunk-3HANNN76.mjs";
+} from "../../chunk-2URJGQFC.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-AXWICOKO.mjs";
-import "../../chunk-JYW3GEH6.mjs";
+import "../../chunk-6AID2NLT.mjs";
+import "../../chunk-P5L4YI54.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-U4DJHAM5.mjs";

package/dist/components/toast/toast.d.mts

@@ -17,6 +17,7 @@ interface Props {
     classNames?: Record<string, string>;
     showIcon?: boolean;
     showCloseButton?: boolean;
+    isLoading?: boolean;
     onClose?: () => void;
     hasShadow?: boolean;
     disableAnimation?: boolean;

package/dist/components/toast/toast.d.ts

@@ -17,6 +17,7 @@ interface Props {
     classNames?: Record<string, string>;
     showIcon?: boolean;
     showCloseButton?: boolean;
+    isLoading?: boolean;
     onClose?: () => void;
     hasShadow?: boolean;
     disableAnimation?: boolean;

package/dist/components/toast/toast.js

@@ -2111,6 +2111,39 @@ var template = {
       }
     );
   },
+  "new-window": ({ className }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "svg",
+      {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M18 14V18.75C18 19.3467 17.7629 19.919 17.341 20.341C16.919 20.763 16.3467 21 15.75 21H5.25C4.65326 21 4.08097 20.763 3.65901 20.341C3.23705 19.919 3 19.3467 3 18.75V8.25C3 7.65327 3.23705 7.08097 3.65901 6.65901C4.08097 6.23706 4.65326 6 5.25 6H10",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              d: "M13.5 4.5H19.5V10.5M19.5 4.5L9.75 14.25",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      }
+    );
+  },
   // ----------------------------------- old ---------------------------------
   // ** Status **
   "plus-circle": ({ className, fill }) => {
@@ -5295,7 +5328,7 @@ var Toast = (0, import_react.forwardRef)((originalProps, ref) => {
       style: hasShadow ? { boxShadow: "0px 6px 18px rgba(0, 0, 0, 0.10)" } : {},
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
-          showIcon && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: originalProps.icon || "info-circle", fill: true, className: "mt-[2px]" }),
+          showIcon && (originalProps.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "loading", className: "mt-[2px] animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: originalProps.icon || "info-circle", fill: true, className: "mt-[2px]" })),
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: slots.title({ class: classNames == null ? void 0 : classNames.title }), children: title }),
           showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "close", className: "cursor-pointer", onClick: onClose })
         ] }),

package/dist/components/toast/toast.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   toast_default
-} from "../../chunk-3HANNN76.mjs";
+} from "../../chunk-2URJGQFC.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-AXWICOKO.mjs";
-import "../../chunk-JYW3GEH6.mjs";
+import "../../chunk-6AID2NLT.mjs";
+import "../../chunk-P5L4YI54.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-U4DJHAM5.mjs";

package/dist/components/toast/use-toast.d.mts

@@ -5,8 +5,9 @@ import { IconName } from '../icon/Icon.mjs';
 import '../icon/template.mjs';
 import '../../utils/types.mjs';
 
+type ToastId = string | number;
 interface ToastOptions {
-    id: number;
+    id: ToastId;
     title: string;
     width?: number;
     duration?: number;
@@ -15,9 +16,22 @@ interface ToastOptions {
     icon?: IconName;
     showIcon?: boolean;
     showCloseButton?: boolean;
+    isLoading?: boolean;
+    content?: ReactNode;
+}
+type CreateToastOptions = Omit<ToastOptions, "id" | "placement" | "width" | "title">;
+type UpdateToastOptions = Partial<Omit<ToastOptions, "id" | "placement" | "width">>;
+interface ToastPromiseMessages<T> {
+    loading: string;
+    success: string | ((data: T) => string);
+    error: string | ((err: unknown) => string);
 }
 interface ToastFunction {
-    (title: string, options?: Omit<ToastOptions, "id" | "placement" | "width" | "title">): void;
+    (title: string, options?: CreateToastOptions): ToastId;
+    loading: (title: string, options?: Omit<CreateToastOptions, "isLoading">) => ToastId;
+    update: (id: ToastId, options: UpdateToastOptions) => void;
+    dismiss: (id?: ToastId) => void;
+    promise: <T>(promise: Promise<T>, messages: ToastPromiseMessages<T>, options?: Omit<CreateToastOptions, "isLoading">) => Promise<T>;
 }
 declare const useToast: () => ToastFunction;
 declare const ToastProvider: ({ globalOptions, children, }: {
@@ -25,4 +39,4 @@ declare const ToastProvider: ({ globalOptions, children, }: {
     children: ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 
-export { ToastProvider, useToast };
+export { type CreateToastOptions, type ToastFunction, type ToastId, type ToastOptions, type ToastPromiseMessages, ToastProvider, type UpdateToastOptions, useToast };

package/dist/components/toast/use-toast.d.ts

@@ -5,8 +5,9 @@ import { IconName } from '../icon/Icon.js';
 import '../icon/template.js';
 import '../../utils/types.js';
 
+type ToastId = string | number;
 interface ToastOptions {
-    id: number;
+    id: ToastId;
     title: string;
     width?: number;
     duration?: number;
@@ -15,9 +16,22 @@ interface ToastOptions {
     icon?: IconName;
     showIcon?: boolean;
     showCloseButton?: boolean;
+    isLoading?: boolean;
+    content?: ReactNode;
+}
+type CreateToastOptions = Omit<ToastOptions, "id" | "placement" | "width" | "title">;
+type UpdateToastOptions = Partial<Omit<ToastOptions, "id" | "placement" | "width">>;
+interface ToastPromiseMessages<T> {
+    loading: string;
+    success: string | ((data: T) => string);
+    error: string | ((err: unknown) => string);
 }
 interface ToastFunction {
-    (title: string, options?: Omit<ToastOptions, "id" | "placement" | "width" | "title">): void;
+    (title: string, options?: CreateToastOptions): ToastId;
+    loading: (title: string, options?: Omit<CreateToastOptions, "isLoading">) => ToastId;
+    update: (id: ToastId, options: UpdateToastOptions) => void;
+    dismiss: (id?: ToastId) => void;
+    promise: <T>(promise: Promise<T>, messages: ToastPromiseMessages<T>, options?: Omit<CreateToastOptions, "isLoading">) => Promise<T>;
 }
 declare const useToast: () => ToastFunction;
 declare const ToastProvider: ({ globalOptions, children, }: {
@@ -25,4 +39,4 @@ declare const ToastProvider: ({ globalOptions, children, }: {
     children: ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 
-export { ToastProvider, useToast };
+export { type CreateToastOptions, type ToastFunction, type ToastId, type ToastOptions, type ToastPromiseMessages, ToastProvider, type UpdateToastOptions, useToast };