@deepnoid/ui 0.0.84 → 0.0.86

package/dist/{chunk-NTTHTGDK.mjs → chunk-FNPWLOGV.mjs}

@@ -4,9 +4,9 @@ import {
   __toESM
 } from "./chunk-IZ6II3QA.mjs";
 
-// ../../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"(exports, module2) {
+  "../../node_modules/pretty-format/node_modules/ansi-styles/index.js"(exports, module2) {
     "use strict";
     var ANSI_BACKGROUND_OFFSET = 10;
     var wrapAnsi256 = (offset = 0) => (code) => `\x1B[${38 + offset};5;${code}m`;
@@ -142,9 +142,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"(exports) {
+  "../../node_modules/pretty-format/build/collections.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", {
       value: true
@@ -260,9 +260,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"(exports) {
+  "../../node_modules/pretty-format/build/plugins/AsymmetricMatcher.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", {
       value: true
@@ -347,9 +347,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"(exports) {
+  "../../node_modules/pretty-format/build/plugins/ConvertAnsi.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", {
       value: true
@@ -418,9 +418,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"(exports) {
+  "../../node_modules/pretty-format/build/plugins/DOMCollection.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", {
       value: true
@@ -468,9 +468,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"(exports) {
+  "../../node_modules/pretty-format/build/plugins/lib/escapeHTML.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", {
       value: true
@@ -482,9 +482,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"(exports) {
+  "../../node_modules/pretty-format/build/plugins/lib/markup.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", {
       value: true
@@ -537,9 +537,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"(exports) {
+  "../../node_modules/pretty-format/build/plugins/DOMElement.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", {
       value: true
@@ -625,9 +625,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"(exports) {
+  "../../node_modules/pretty-format/build/plugins/Immutable.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", {
       value: true
@@ -782,9 +782,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"(exports) {
+  "../../node_modules/react-is/cjs/react-is.production.min.js"(exports) {
     "use strict";
     var b = 60103;
     var c = 60106;
@@ -920,9 +920,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"(exports) {
+  "../../node_modules/react-is/cjs/react-is.development.js"(exports) {
     "use strict";
     if (process.env.NODE_ENV !== "production") {
       (function() {
@@ -1112,9 +1112,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"(exports, module2) {
+  "../../node_modules/react-is/index.js"(exports, module2) {
     "use strict";
     if (process.env.NODE_ENV === "production") {
       module2.exports = require_react_is_production_min();
@@ -1124,9 +1124,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"(exports) {
+  "../../node_modules/pretty-format/build/plugins/ReactElement.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", {
       value: true
@@ -1254,9 +1254,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"(exports) {
+  "../../node_modules/pretty-format/build/plugins/ReactTestComponent.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", {
       value: true
@@ -1316,9 +1316,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"(exports) {
+  "../../node_modules/pretty-format/build/index.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", {
       value: true
@@ -8749,9 +8749,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:
@@ -9184,7 +9182,7 @@ var require_lz_string = __commonJS({
 // ../../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]";
@@ -9232,7 +9230,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) {
@@ -9336,7 +9334,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 (
@@ -9519,7 +9517,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;
 }
@@ -9588,7 +9586,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, " ");
 }
@@ -9957,7 +9955,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) {
@@ -10024,7 +10022,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"]);
 }

package/dist/chunk-FRIK4CS7.mjs

@@ -0,0 +1,83 @@
+"use client";
+import {
+  getToastPosition
+} from "./chunk-ZOTHPHXA.mjs";
+import {
+  toast_default
+} from "./chunk-HH2LF2SU.mjs";
+
+// src/components/toast/use-toast.tsx
+import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ToastContext = createContext(null);
+var useToast = () => {
+  const context = useContext(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+};
+var ToastProvider = ({
+  globalOptions,
+  children
+}) => {
+  const [toasts, setToasts] = useState([]);
+  const [containerStyle, setContainerStyle] = useState({});
+  const toastRef = useRef();
+  const addToast = useCallback((content, options) => {
+    const id = Date.now();
+    const newToast = {
+      id,
+      content,
+      ...options
+    };
+    setToasts((prevToasts) => [...prevToasts, newToast]);
+    setTimeout(() => {
+      setToasts((prevToasts) => prevToasts.filter((toast) => toast.id !== id));
+    }, options.duration || 3e3);
+  }, []);
+  const removeToast = useCallback((id) => {
+    setToasts((prevToasts) => prevToasts.filter((toast) => toast.id !== id));
+  }, []);
+  const value = {
+    default: (content, options) => addToast(content, { type: "default", icon: "info-circle", color: "default", ...globalOptions, ...options }),
+    info: (content, options) => addToast(content, { type: "info", icon: "info-circle", color: "info", ...globalOptions, ...options }),
+    success: (content, options) => addToast(content, { type: "success", icon: "check-circle", color: "success", ...globalOptions, ...options }),
+    warning: (content, options) => addToast(content, {
+      type: "warning",
+      icon: "exclamation-triangle",
+      color: "warning",
+      ...globalOptions,
+      ...options
+    }),
+    error: (content, options) => addToast(content, { type: "error", icon: "exclamation-circle", color: "danger", ...globalOptions, ...options })
+  };
+  useEffect(() => {
+    var _a;
+    const width = typeof ((_a = toastRef.current) == null ? void 0 : _a.getWidth) === "function" ? toastRef.current.getWidth() : (globalOptions == null ? void 0 : globalOptions.width) || 300;
+    const offset = 20;
+    const calculatePosition = () => {
+      const placement = (globalOptions == null ? void 0 : globalOptions.placement) || "bottom-right";
+      const { top, left, bottom, right } = getToastPosition(placement, width, offset);
+      setContainerStyle({
+        position: "fixed",
+        top: top !== void 0 ? `${top}px` : void 0,
+        left: left !== void 0 ? `${left}px` : void 0,
+        bottom: bottom !== void 0 ? `${bottom}px` : void 0,
+        right: right !== void 0 ? `${right}px` : void 0
+      });
+    };
+    calculatePosition();
+    window.addEventListener("resize", calculatePosition);
+    return () => window.removeEventListener("resize", calculatePosition);
+  }, [globalOptions == null ? void 0 : globalOptions.placement, globalOptions == null ? void 0 : globalOptions.width]);
+  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value, children: [
+    children,
+    /* @__PURE__ */ jsx("div", { id: "deepnoid-toast-container", className: "flex flex-col gap-[10px]", style: containerStyle, children: toasts.map((toast) => /* @__PURE__ */ jsx(toast_default, { ref: toastRef, onClose: () => removeToast(toast.id), ...toast }, toast.id)) })
+  ] });
+};
+
+export {
+  useToast,
+  ToastProvider
+};

package/dist/{chunk-ILMIS63S.mjs → chunk-H7BLXC5M.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   require_lib
-} from "./chunk-NTTHTGDK.mjs";
+} from "./chunk-FNPWLOGV.mjs";
 import {
   __commonJS,
   __require,
@@ -1044,9 +1044,9 @@ var require_color_convert = __commonJS({
   }
 });
 
-// ../../node_modules/ansi-styles/index.js
+// ../../node_modules/@testing-library/jest-dom/node_modules/ansi-styles/index.js
 var require_ansi_styles = __commonJS({
-  "../../node_modules/ansi-styles/index.js"(exports, module) {
+  "../../node_modules/@testing-library/jest-dom/node_modules/ansi-styles/index.js"(exports, module) {
     "use strict";
     var wrapAnsi16 = (fn, offset) => (...args) => {
       const code = fn(...args);
@@ -1186,9 +1186,9 @@ var require_ansi_styles = __commonJS({
   }
 });
 
-// ../../node_modules/has-flag/index.js
+// ../../node_modules/@testing-library/jest-dom/node_modules/has-flag/index.js
 var require_has_flag = __commonJS({
-  "../../node_modules/has-flag/index.js"(exports, module) {
+  "../../node_modules/@testing-library/jest-dom/node_modules/has-flag/index.js"(exports, module) {
     "use strict";
     module.exports = (flag, argv = process.argv) => {
       const prefix = flag.startsWith("-") ? "" : flag.length === 1 ? "-" : "--";
@@ -1199,9 +1199,9 @@ var require_has_flag = __commonJS({
   }
 });
 
-// ../../node_modules/supports-color/index.js
+// ../../node_modules/@testing-library/jest-dom/node_modules/supports-color/index.js
 var require_supports_color = __commonJS({
-  "../../node_modules/supports-color/index.js"(exports, module) {
+  "../../node_modules/@testing-library/jest-dom/node_modules/supports-color/index.js"(exports, module) {
     "use strict";
     var os = __require("os");
     var tty = __require("tty");
@@ -3761,7 +3761,7 @@ function $d708735ed1303b43$var$addParent(obj, parent) {
 var $d708735ed1303b43$export$2e2bcd8739ae039 = $d708735ed1303b43$export$98e6a39c04603d36;
 var $149c1bd638913645$export$98e6a39c04603d36 = (0, $d708735ed1303b43$export$2e2bcd8739ae039);
 
-// ../../node_modules/dom-accessibility-api/dist/polyfills/array.from.mjs
+// ../../node_modules/@testing-library/jest-dom/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]";
@@ -3809,7 +3809,7 @@ function arrayFrom(arrayLike, mapFn) {
   return A;
 }
 
-// ../../node_modules/dom-accessibility-api/dist/polyfills/SetLike.mjs
+// ../../node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api/dist/polyfills/SetLike.mjs
 function _typeof(o) {
   "@babel/helpers - typeof";
   return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
@@ -3913,7 +3913,7 @@ var SetLike = /* @__PURE__ */ function() {
 }();
 var SetLike_default = typeof Set === "undefined" ? Set : SetLike;
 
-// ../../node_modules/dom-accessibility-api/dist/getRole.mjs
+// ../../node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api/dist/getRole.mjs
 function getLocalName(element) {
   var _element$localName;
   return (
@@ -4098,7 +4098,7 @@ function getExplicitRole(element) {
   return null;
 }
 
-// ../../node_modules/dom-accessibility-api/dist/util.mjs
+// ../../node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api/dist/util.mjs
 var presentationRoles = ["presentation", "none"];
 function isElement(node) {
   return node !== null && node.nodeType === node.ELEMENT_NODE;
@@ -4168,7 +4168,7 @@ function hasAnyConcreteRoles(node, roles2) {
   return false;
 }
 
-// ../../node_modules/dom-accessibility-api/dist/accessible-name-and-description.mjs
+// ../../node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api/dist/accessible-name-and-description.mjs
 function asFlatString(s) {
   return s.trim().replace(/\s\s+/g, " ");
 }
@@ -4537,7 +4537,7 @@ function computeTextAlternative(root) {
   }));
 }
 
-// ../../node_modules/dom-accessibility-api/dist/accessible-description.mjs
+// ../../node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api/dist/accessible-description.mjs
 function _typeof2(o) {
   "@babel/helpers - typeof";
   return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
@@ -4608,7 +4608,7 @@ function computeAccessibleDescription(root) {
   return description;
 }
 
-// ../../node_modules/dom-accessibility-api/dist/accessible-name.mjs
+// ../../node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api/dist/accessible-name.mjs
 function prohibitsNaming(node) {
   return hasAnyConcreteRoles(node, ["caption", "code", "deletion", "emphasis", "generic", "insertion", "none", "paragraph", "presentation", "strong", "subscript", "superscript"]);
 }

package/dist/{chunk-XTJL67KM.mjs → chunk-HH2LF2SU.mjs}

@@ -1,7 +1,4 @@
 "use client";
-import {
-  useToast
-} from "./chunk-5T5F5WVS.mjs";
 import {
   Icon_default
 } from "./chunk-AHORH5PH.mjs";
@@ -13,66 +10,55 @@ import {
 } from "./chunk-J725QONZ.mjs";
 
 // src/components/toast/toast.tsx
-import { forwardRef, useCallback, useMemo, useState } from "react";
-import { createPortal } from "react-dom";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useImperativeHandle, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 var Toast = forwardRef((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, tooltip.variantKeys);
-  const { placement = "bottom", offset = 5, classNames, ...tooltipProps } = props;
-  const slots = useMemo(() => tooltip({ ...variantProps }), [variantProps]);
-  const [targetRect, setTargetRect] = useState(null);
-  const { toastPosition, toastRef } = useToast({ placement, offset, targetRect });
-  const condition = true;
-  const getBaseProps = useCallback(
+  const [props, variantProps] = mapPropsVariants(originalProps, toast.variantKeys);
+  const { placement, classNames, showIcon = true, showCloseButton = true, onClose, ...toastProps } = props;
+  const slots = useMemo(() => toast({ ...variantProps }), [variantProps]);
+  const toastRef = useRef(null);
+  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 = useCallback(
+  const getBaseProps = 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__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { ...getBaseProps(), onPointerLeave: () => setTargetRect(null), onPointerEnter: () => {
-    }, children: [
-      /* @__PURE__ */ jsx(Icon_default, { name: "info-circle", fill: true }),
-      props.content,
-      /* @__PURE__ */ jsx(Icon_default, { name: "close", className: "cursor-pointer" })
-    ] }),
-    condition && createPortal(
-      /* @__PURE__ */ 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__ */ jsxs("div", { ref: toastRef, ...getBaseProps(), children: [
+    showIcon && /* @__PURE__ */ jsx(Icon_default, { name: originalProps.icon || "info-circle", fill: true, className: "mt-[2px]" }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1", children: props.content }),
+    showCloseButton && /* @__PURE__ */ 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",

package/dist/{chunk-ADDUBJ4I.mjs → chunk-S4DTK5GI.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   getConfig
-} from "./chunk-NTTHTGDK.mjs";
+} from "./chunk-FNPWLOGV.mjs";
 import {
   __export
 } from "./chunk-IZ6II3QA.mjs";

package/dist/chunk-ZOTHPHXA.mjs

@@ -0,0 +1,41 @@
+"use client";
+
+// src/components/toast/toast-utils.ts
+var getToastPosition = (placement, width, offset) => {
+  let top = void 0;
+  let left = void 0;
+  let bottom = void 0;
+  let right = void 0;
+  const viewportWidth = window.innerWidth;
+  switch (placement) {
+    case "top-left":
+      top = offset;
+      left = offset;
+      break;
+    case "top-right":
+      top = offset;
+      right = offset;
+      break;
+    case "top-center":
+      top = offset;
+      left = (viewportWidth - width) / 2;
+      break;
+    case "bottom-left":
+      bottom = offset;
+      left = offset;
+      break;
+    case "bottom-right":
+      bottom = offset;
+      right = offset;
+      break;
+    case "bottom-center":
+      bottom = offset;
+      left = (viewportWidth - width) / 2;
+      break;
+  }
+  return { top, left, bottom, right };
+};
+
+export {
+  getToastPosition
+};