@deepnoid/ui 0.0.84 → 0.0.86

package/dist/components/toast/toast.test.js

@@ -26,9 +26,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// ../../node_modules/@testing-library/dom/node_modules/ansi-styles/index.js
+// ../../node_modules/pretty-format/node_modules/ansi-styles/index.js
 var require_ansi_styles = __commonJS({
-  "../../node_modules/@testing-library/dom/node_modules/ansi-styles/index.js"(exports2, module2) {
+  "../../node_modules/pretty-format/node_modules/ansi-styles/index.js"(exports2, module2) {
     "use strict";
     var ANSI_BACKGROUND_OFFSET = 10;
     var wrapAnsi256 = (offset = 0) => (code) => `\x1B[${38 + offset};5;${code}m`;
@@ -164,9 +164,9 @@ var require_ansi_styles = __commonJS({
   }
 });
 
-// ../../node_modules/@testing-library/dom/node_modules/pretty-format/build/collections.js
+// ../../node_modules/pretty-format/build/collections.js
 var require_collections = __commonJS({
-  "../../node_modules/@testing-library/dom/node_modules/pretty-format/build/collections.js"(exports2) {
+  "../../node_modules/pretty-format/build/collections.js"(exports2) {
     "use strict";
     Object.defineProperty(exports2, "__esModule", {
       value: true
@@ -282,9 +282,9 @@ var require_collections = __commonJS({
   }
 });
 
-// ../../node_modules/@testing-library/dom/node_modules/pretty-format/build/plugins/AsymmetricMatcher.js
+// ../../node_modules/pretty-format/build/plugins/AsymmetricMatcher.js
 var require_AsymmetricMatcher = __commonJS({
-  "../../node_modules/@testing-library/dom/node_modules/pretty-format/build/plugins/AsymmetricMatcher.js"(exports2) {
+  "../../node_modules/pretty-format/build/plugins/AsymmetricMatcher.js"(exports2) {
     "use strict";
     Object.defineProperty(exports2, "__esModule", {
       value: true
@@ -369,9 +369,9 @@ var require_ansi_regex = __commonJS({
   }
 });
 
-// ../../node_modules/@testing-library/dom/node_modules/pretty-format/build/plugins/ConvertAnsi.js
+// ../../node_modules/pretty-format/build/plugins/ConvertAnsi.js
 var require_ConvertAnsi = __commonJS({
-  "../../node_modules/@testing-library/dom/node_modules/pretty-format/build/plugins/ConvertAnsi.js"(exports2) {
+  "../../node_modules/pretty-format/build/plugins/ConvertAnsi.js"(exports2) {
     "use strict";
     Object.defineProperty(exports2, "__esModule", {
       value: true
@@ -440,9 +440,9 @@ var require_ConvertAnsi = __commonJS({
   }
 });
 
-// ../../node_modules/@testing-library/dom/node_modules/pretty-format/build/plugins/DOMCollection.js
+// ../../node_modules/pretty-format/build/plugins/DOMCollection.js
 var require_DOMCollection = __commonJS({
-  "../../node_modules/@testing-library/dom/node_modules/pretty-format/build/plugins/DOMCollection.js"(exports2) {
+  "../../node_modules/pretty-format/build/plugins/DOMCollection.js"(exports2) {
     "use strict";
     Object.defineProperty(exports2, "__esModule", {
       value: true
@@ -490,9 +490,9 @@ var require_DOMCollection = __commonJS({
   }
 });
 
-// ../../node_modules/@testing-library/dom/node_modules/pretty-format/build/plugins/lib/escapeHTML.js
+// ../../node_modules/pretty-format/build/plugins/lib/escapeHTML.js
 var require_escapeHTML = __commonJS({
-  "../../node_modules/@testing-library/dom/node_modules/pretty-format/build/plugins/lib/escapeHTML.js"(exports2) {
+  "../../node_modules/pretty-format/build/plugins/lib/escapeHTML.js"(exports2) {
     "use strict";
     Object.defineProperty(exports2, "__esModule", {
       value: true
@@ -504,9 +504,9 @@ var require_escapeHTML = __commonJS({
   }
 });
 
-// ../../node_modules/@testing-library/dom/node_modules/pretty-format/build/plugins/lib/markup.js
+// ../../node_modules/pretty-format/build/plugins/lib/markup.js
 var require_markup = __commonJS({
-  "../../node_modules/@testing-library/dom/node_modules/pretty-format/build/plugins/lib/markup.js"(exports2) {
+  "../../node_modules/pretty-format/build/plugins/lib/markup.js"(exports2) {
     "use strict";
     Object.defineProperty(exports2, "__esModule", {
       value: true
@@ -559,9 +559,9 @@ var require_markup = __commonJS({
   }
 });
 
-// ../../node_modules/@testing-library/dom/node_modules/pretty-format/build/plugins/DOMElement.js
+// ../../node_modules/pretty-format/build/plugins/DOMElement.js
 var require_DOMElement = __commonJS({
-  "../../node_modules/@testing-library/dom/node_modules/pretty-format/build/plugins/DOMElement.js"(exports2) {
+  "../../node_modules/pretty-format/build/plugins/DOMElement.js"(exports2) {
     "use strict";
     Object.defineProperty(exports2, "__esModule", {
       value: true
@@ -647,9 +647,9 @@ var require_DOMElement = __commonJS({
   }
 });
 
-// ../../node_modules/@testing-library/dom/node_modules/pretty-format/build/plugins/Immutable.js
+// ../../node_modules/pretty-format/build/plugins/Immutable.js
 var require_Immutable = __commonJS({
-  "../../node_modules/@testing-library/dom/node_modules/pretty-format/build/plugins/Immutable.js"(exports2) {
+  "../../node_modules/pretty-format/build/plugins/Immutable.js"(exports2) {
     "use strict";
     Object.defineProperty(exports2, "__esModule", {
       value: true
@@ -804,9 +804,9 @@ var require_Immutable = __commonJS({
   }
 });
 
-// ../../node_modules/@testing-library/dom/node_modules/react-is/cjs/react-is.production.min.js
+// ../../node_modules/react-is/cjs/react-is.production.min.js
 var require_react_is_production_min = __commonJS({
-  "../../node_modules/@testing-library/dom/node_modules/react-is/cjs/react-is.production.min.js"(exports2) {
+  "../../node_modules/react-is/cjs/react-is.production.min.js"(exports2) {
     "use strict";
     var b = 60103;
     var c = 60106;
@@ -942,9 +942,9 @@ var require_react_is_production_min = __commonJS({
   }
 });
 
-// ../../node_modules/@testing-library/dom/node_modules/react-is/cjs/react-is.development.js
+// ../../node_modules/react-is/cjs/react-is.development.js
 var require_react_is_development = __commonJS({
-  "../../node_modules/@testing-library/dom/node_modules/react-is/cjs/react-is.development.js"(exports2) {
+  "../../node_modules/react-is/cjs/react-is.development.js"(exports2) {
     "use strict";
     if (process.env.NODE_ENV !== "production") {
       (function() {
@@ -1043,7 +1043,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element = REACT_ELEMENT_TYPE;
         var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment3 = REACT_FRAGMENT_TYPE;
+        var Fragment2 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
         var Portal = REACT_PORTAL_TYPE;
@@ -1107,7 +1107,7 @@ var require_react_is_development = __commonJS({
         exports2.ContextProvider = ContextProvider;
         exports2.Element = Element;
         exports2.ForwardRef = ForwardRef;
-        exports2.Fragment = Fragment3;
+        exports2.Fragment = Fragment2;
         exports2.Lazy = Lazy;
         exports2.Memo = Memo;
         exports2.Portal = Portal;
@@ -1134,9 +1134,9 @@ var require_react_is_development = __commonJS({
   }
 });
 
-// ../../node_modules/@testing-library/dom/node_modules/react-is/index.js
+// ../../node_modules/react-is/index.js
 var require_react_is = __commonJS({
-  "../../node_modules/@testing-library/dom/node_modules/react-is/index.js"(exports2, module2) {
+  "../../node_modules/react-is/index.js"(exports2, module2) {
     "use strict";
     if (process.env.NODE_ENV === "production") {
       module2.exports = require_react_is_production_min();
@@ -1146,9 +1146,9 @@ var require_react_is = __commonJS({
   }
 });
 
-// ../../node_modules/@testing-library/dom/node_modules/pretty-format/build/plugins/ReactElement.js
+// ../../node_modules/pretty-format/build/plugins/ReactElement.js
 var require_ReactElement = __commonJS({
-  "../../node_modules/@testing-library/dom/node_modules/pretty-format/build/plugins/ReactElement.js"(exports2) {
+  "../../node_modules/pretty-format/build/plugins/ReactElement.js"(exports2) {
     "use strict";
     Object.defineProperty(exports2, "__esModule", {
       value: true
@@ -1276,9 +1276,9 @@ var require_ReactElement = __commonJS({
   }
 });
 
-// ../../node_modules/@testing-library/dom/node_modules/pretty-format/build/plugins/ReactTestComponent.js
+// ../../node_modules/pretty-format/build/plugins/ReactTestComponent.js
 var require_ReactTestComponent = __commonJS({
-  "../../node_modules/@testing-library/dom/node_modules/pretty-format/build/plugins/ReactTestComponent.js"(exports2) {
+  "../../node_modules/pretty-format/build/plugins/ReactTestComponent.js"(exports2) {
     "use strict";
     Object.defineProperty(exports2, "__esModule", {
       value: true
@@ -1338,9 +1338,9 @@ var require_ReactTestComponent = __commonJS({
   }
 });
 
-// ../../node_modules/@testing-library/dom/node_modules/pretty-format/build/index.js
+// ../../node_modules/pretty-format/build/index.js
 var require_build = __commonJS({
-  "../../node_modules/@testing-library/dom/node_modules/pretty-format/build/index.js"(exports2) {
+  "../../node_modules/pretty-format/build/index.js"(exports2) {
     "use strict";
     Object.defineProperty(exports2, "__esModule", {
       value: true
@@ -8771,9 +8771,7 @@ var require_lz_string = __commonJS({
             return keyStrBase64.charAt(a);
           });
           switch (res.length % 4) {
-            // To produce valid Base64
             default:
-            // When could this happen ?
             case 0:
               return res;
             case 1:
@@ -9215,7 +9213,7 @@ var ReactDOMClient = __toESM(require("react-dom/client"));
 // ../../node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js
 var prettyFormat = __toESM(require_build());
 
-// ../../node_modules/@testing-library/dom/node_modules/dom-accessibility-api/dist/polyfills/array.from.mjs
+// ../../node_modules/dom-accessibility-api/dist/polyfills/array.from.mjs
 var toStr = Object.prototype.toString;
 function isCallable(fn) {
   return typeof fn === "function" || toStr.call(fn) === "[object Function]";
@@ -9263,7 +9261,7 @@ function arrayFrom(arrayLike, mapFn) {
   return A;
 }
 
-// ../../node_modules/@testing-library/dom/node_modules/dom-accessibility-api/dist/polyfills/SetLike.mjs
+// ../../node_modules/dom-accessibility-api/dist/polyfills/SetLike.mjs
 function _typeof(obj) {
   "@babel/helpers - typeof";
   return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
@@ -9367,7 +9365,7 @@ var SetLike = /* @__PURE__ */ function() {
 }();
 var SetLike_default = typeof Set === "undefined" ? Set : SetLike;
 
-// ../../node_modules/@testing-library/dom/node_modules/dom-accessibility-api/dist/getRole.mjs
+// ../../node_modules/dom-accessibility-api/dist/getRole.mjs
 function getLocalName(element) {
   var _element$localName;
   return (
@@ -9550,7 +9548,7 @@ function getExplicitRole(element) {
   return null;
 }
 
-// ../../node_modules/@testing-library/dom/node_modules/dom-accessibility-api/dist/util.mjs
+// ../../node_modules/dom-accessibility-api/dist/util.mjs
 function isElement(node) {
   return node !== null && node.nodeType === node.ELEMENT_NODE;
 }
@@ -9619,7 +9617,7 @@ function hasAnyConcreteRoles(node, roles2) {
   return false;
 }
 
-// ../../node_modules/@testing-library/dom/node_modules/dom-accessibility-api/dist/accessible-name-and-description.mjs
+// ../../node_modules/dom-accessibility-api/dist/accessible-name-and-description.mjs
 function asFlatString(s) {
   return s.trim().replace(/\s\s+/g, " ");
 }
@@ -9988,7 +9986,7 @@ function computeTextAlternative(root) {
   }));
 }
 
-// ../../node_modules/@testing-library/dom/node_modules/dom-accessibility-api/dist/accessible-description.mjs
+// ../../node_modules/dom-accessibility-api/dist/accessible-description.mjs
 function _typeof2(obj) {
   "@babel/helpers - typeof";
   return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
@@ -10055,7 +10053,7 @@ function computeAccessibleDescription(root) {
   return description;
 }
 
-// ../../node_modules/@testing-library/dom/node_modules/dom-accessibility-api/dist/accessible-name.mjs
+// ../../node_modules/dom-accessibility-api/dist/accessible-name.mjs
 function prohibitsNaming(node) {
   return hasAnyConcreteRoles(node, ["caption", "code", "deletion", "emphasis", "generic", "insertion", "paragraph", "presentation", "strong", "subscript", "superscript"]);
 }
@@ -12873,8 +12871,7 @@ if (typeof process === "undefined" || !((_a = process.env) == null ? void 0 : _a
 }
 
 // src/components/toast/toast.tsx
-var import_react2 = require("react");
-var import_react_dom2 = require("react-dom");
+var import_react = require("react");
 
 // src/utils/tailwind-variants.ts
 var import_tailwind_variants = require("tailwind-variants");
@@ -12915,88 +12912,6 @@ var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
   }
 };
 
-// src/components/toast/useToast.ts
-var import_react = require("react");
-
-// src/components/toast/toast-utils.ts
-var getToastPosition = (placement, targetRect, width, height, offset) => {
-  let x = 0, y = 0;
-  switch (placement) {
-    case "top":
-      x = targetRect.left + targetRect.width / 2 - width / 2;
-      y = targetRect.top - height - offset;
-      break;
-    case "left":
-      x = targetRect.left - width - offset;
-      y = targetRect.top + targetRect.height / 2 - height / 2;
-      break;
-    case "right":
-      x = targetRect.right + offset;
-      y = targetRect.top + targetRect.height / 2 - height / 2;
-      break;
-    case "bottom":
-      x = targetRect.left + targetRect.width / 2 - width / 2;
-      y = targetRect.bottom + offset;
-      break;
-    case "top-start":
-      x = targetRect.left;
-      y = targetRect.top - height - offset;
-      break;
-    case "top-end":
-      x = targetRect.right - width;
-      y = targetRect.top - height - offset;
-      break;
-    case "bottom-start":
-      x = targetRect.left;
-      y = targetRect.bottom + offset;
-      break;
-    case "bottom-end":
-      x = targetRect.right - width;
-      y = targetRect.bottom + offset;
-      break;
-    case "left-start":
-      x = targetRect.left - width - offset;
-      y = targetRect.top;
-      break;
-    case "left-end":
-      x = targetRect.left - width - offset;
-      y = targetRect.bottom - height;
-      break;
-    case "right-start":
-      x = targetRect.right + offset;
-      y = targetRect.top;
-      break;
-    case "right-end":
-      x = targetRect.right + offset;
-      y = targetRect.bottom - height;
-      break;
-  }
-  return { toastX: x, toastY: y };
-};
-
-// src/components/toast/useToast.ts
-var useToast = ({ placement, offset, targetRect }) => {
-  const [toastPosition, setToastPosition] = (0, import_react.useState)({ x: 0, y: 0 });
-  const toastRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    if (targetRect && toastRef.current) {
-      const { width, height } = toastRef.current.getBoundingClientRect();
-      const scrollX = window.scrollX;
-      const scrollY = window.scrollY;
-      const adjustedTargetRect = {
-        ...targetRect,
-        left: targetRect.left + scrollX,
-        top: targetRect.top + scrollY,
-        right: targetRect.right + scrollX,
-        bottom: targetRect.bottom + scrollY
-      };
-      const { toastX, toastY } = getToastPosition(placement, adjustedTargetRect, width, height, offset);
-      setToastPosition({ x: toastX, y: toastY });
-    }
-  }, [placement, offset, targetRect]);
-  return { toastPosition, toastRef };
-};
-
 // src/components/icon/template.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var template = {
@@ -16546,63 +16461,53 @@ var Icon_default = Icon;
 
 // src/components/toast/toast.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var Toast = (0, import_react2.forwardRef)((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, tooltip.variantKeys);
-  const { placement = "bottom", offset = 5, classNames, ...tooltipProps } = props;
-  const slots = (0, import_react2.useMemo)(() => tooltip({ ...variantProps }), [variantProps]);
-  const [targetRect, setTargetRect] = (0, import_react2.useState)(null);
-  const { toastPosition, toastRef } = useToast({ placement, offset, targetRect });
-  const condition = true;
-  const getBaseProps = (0, import_react2.useCallback)(
+var Toast = (0, import_react.forwardRef)((originalProps, ref) => {
+  const [props, variantProps] = mapPropsVariants(originalProps, toast.variantKeys);
+  const { placement, classNames, showIcon = true, showCloseButton = true, onClose, ...toastProps } = props;
+  const slots = (0, import_react.useMemo)(() => toast({ ...variantProps }), [variantProps]);
+  const toastRef = (0, import_react.useRef)(null);
+  (0, import_react.useImperativeHandle)(
+    ref,
     () => ({
-      className: slots.base({ class: classNames == null ? void 0 : classNames.base })
+      getWidth: () => {
+        if (toastRef.current) {
+          return toastRef.current.offsetWidth;
+        }
+      }
     }),
-    [slots, classNames == null ? void 0 : classNames.base]
+    []
   );
-  const getContentProps = (0, import_react2.useCallback)(
+  const getBaseProps = (0, import_react.useCallback)(
     () => ({
-      className: slots.content({ class: classNames == null ? void 0 : classNames.content })
+      className: slots.base({
+        class: [classNames == null ? void 0 : classNames.base, (placement == null ? void 0 : placement.includes("top")) ? "animate-slideInFromTop" : "animate-slideInFromBottom"]
+      })
     }),
-    [slots, classNames == null ? void 0 : classNames.content]
+    [slots, classNames == null ? void 0 : classNames.base]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { ...getBaseProps(), onPointerLeave: () => setTargetRect(null), onPointerEnter: () => {
-    }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "info-circle", fill: true }),
-      props.content,
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "close", className: "cursor-pointer" })
-    ] }),
-    condition && (0, import_react_dom2.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        "div",
-        {
-          ref: toastRef,
-          ...getContentProps(),
-          style: {
-            visibility: toastPosition.x !== 0 ? "visible" : "hidden",
-            transform: `translate3d(${toastPosition.x}px, ${toastPosition.y}px, 0)`
-          },
-          children: props.content
-        }
-      ),
-      document.body
-    )
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { ref: toastRef, ...getBaseProps(), children: [
+    showIcon && /* @__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: "flex-1", children: props.content }),
+    showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon_default, { name: "close", className: "cursor-pointer mt-[2px]", onClick: onClose })
   ] });
 });
 Toast.displayName = "Toast";
 var toast_default = Toast;
-var tooltip = tv({
+var toast = tv({
   slots: {
     base: [
-      "z-0",
+      "w-[300px]",
       "relative",
       "inline-flex",
-      "items-center",
-      "text-md",
-      "gap-[5px]",
+      "items-start",
       "border",
+      "rounded-md",
+      "text-md",
       "p-[10px]",
-      "rounded-md"
+      "gap-[5px]",
+      "z-0",
+      "transition-all",
+      "duration-300"
     ],
     content: [
       "absolute",
@@ -16656,12 +16561,12 @@ var tooltip = tv({
 var import_jsx_runtime4 = require("react/jsx-runtime");
 describe("Toast", () => {
   it("should render correctly", () => {
-    const wrapper = render(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(toast_default, { content: "tooltip" }));
+    const wrapper = render(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(toast_default, { content: "toast content" }));
     expect(() => wrapper.unmount()).not.toThrow();
   });
   it("ref should be forwarded", () => {
     const ref = React2.createRef();
-    render(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(toast_default, { ref, content: "tooltip" }));
+    render(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(toast_default, { ref, content: "toast content" }));
     expect(ref.current).not.toBeNull();
   });
 });

package/dist/components/toast/toast.test.mjs

@@ -1,12 +1,10 @@
 "use client";
 import {
   toast_default
-} from "../../chunk-XTJL67KM.mjs";
-import "../../chunk-5T5F5WVS.mjs";
-import "../../chunk-SDNTEP5C.mjs";
+} from "../../chunk-HH2LF2SU.mjs";
 import {
   render
-} from "../../chunk-NTTHTGDK.mjs";
+} from "../../chunk-FNPWLOGV.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-AHORH5PH.mjs";
 import "../../chunk-QURXBWKK.mjs";
@@ -19,12 +17,12 @@ import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 describe("Toast", () => {
   it("should render correctly", () => {
-    const wrapper = render(/* @__PURE__ */ jsx(toast_default, { content: "tooltip" }));
+    const wrapper = render(/* @__PURE__ */ jsx(toast_default, { content: "toast content" }));
     expect(() => wrapper.unmount()).not.toThrow();
   });
   it("ref should be forwarded", () => {
     const ref = React.createRef();
-    render(/* @__PURE__ */ jsx(toast_default, { ref, content: "tooltip" }));
+    render(/* @__PURE__ */ jsx(toast_default, { ref, content: "toast content" }));
     expect(ref.current).not.toBeNull();
   });
 });

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

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { ToastPlacement } from './toast-utils.mjs';
+import { IconName } from '../icon/Icon.mjs';
+import '../icon/template.mjs';
+
+interface ToastOptions {
+    id: number;
+    width?: number;
+    duration?: number;
+    type?: "default" | "info" | "success" | "warning" | "error";
+    color?: "primary" | "secondary" | "default" | "info" | "success" | "warning" | "danger";
+    placement?: ToastPlacement;
+    icon?: IconName;
+    showIcon?: boolean;
+    showCloseButton?: boolean;
+}
+interface ToastContextValue {
+    default: (content: ReactNode, options?: Omit<ToastOptions, "id" | "placement" | "width">) => void;
+    info: (content: ReactNode, options?: Omit<ToastOptions, "id" | "placement" | "width">) => void;
+    success: (content: ReactNode, options?: Omit<ToastOptions, "id" | "placement" | "width">) => void;
+    warning: (content: ReactNode, options?: Omit<ToastOptions, "id" | "placement" | "width">) => void;
+    error: (content: ReactNode, options?: Omit<ToastOptions, "id" | "placement" | "width">) => void;
+}
+declare const useToast: () => ToastContextValue;
+declare const ToastProvider: ({ globalOptions, children, }: {
+    globalOptions?: Omit<ToastOptions, "id">;
+    children: ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+export { ToastProvider, useToast };

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

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { ToastPlacement } from './toast-utils.js';
+import { IconName } from '../icon/Icon.js';
+import '../icon/template.js';
+
+interface ToastOptions {
+    id: number;
+    width?: number;
+    duration?: number;
+    type?: "default" | "info" | "success" | "warning" | "error";
+    color?: "primary" | "secondary" | "default" | "info" | "success" | "warning" | "danger";
+    placement?: ToastPlacement;
+    icon?: IconName;
+    showIcon?: boolean;
+    showCloseButton?: boolean;
+}
+interface ToastContextValue {
+    default: (content: ReactNode, options?: Omit<ToastOptions, "id" | "placement" | "width">) => void;
+    info: (content: ReactNode, options?: Omit<ToastOptions, "id" | "placement" | "width">) => void;
+    success: (content: ReactNode, options?: Omit<ToastOptions, "id" | "placement" | "width">) => void;
+    warning: (content: ReactNode, options?: Omit<ToastOptions, "id" | "placement" | "width">) => void;
+    error: (content: ReactNode, options?: Omit<ToastOptions, "id" | "placement" | "width">) => void;
+}
+declare const useToast: () => ToastContextValue;
+declare const ToastProvider: ({ globalOptions, children, }: {
+    globalOptions?: Omit<ToastOptions, "id">;
+    children: ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+
+export { ToastProvider, useToast };