@deepnoid/ui 0.0.84 → 0.0.87

package/dist/{chunk-XTJL67KM.mjs → chunk-2COCX2VX.mjs}

@@ -1,10 +1,7 @@
 "use client";
-import {
-  useToast
-} from "./chunk-5T5F5WVS.mjs";
 import {
   Icon_default
-} from "./chunk-AHORH5PH.mjs";
+} from "./chunk-PRUAIZTU.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
@@ -13,66 +10,59 @@ 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 { width = 300, 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,
+          width ? `w-[${width}px]` : "",
+          (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",
       "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",
+      "overflow-auto"
     ],
     content: [
       "absolute",

package/dist/{chunk-KA4L5SCT.mjs → chunk-4DLTBZUQ.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-AHORH5PH.mjs";
+} from "./chunk-PRUAIZTU.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";

package/dist/{chunk-RTH3FPAS.mjs → chunk-4SWFYTMR.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  table_body_default
-} from "./chunk-LGELMZCN.mjs";
 import {
   table_head_default
 } from "./chunk-PUFNT5LS.mjs";
+import {
+  table_body_default
+} from "./chunk-QIZOXBOY.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";

package/dist/{chunk-463XE4SI.mjs → chunk-4VIEZ5FT.mjs}

@@ -1,13 +1,13 @@
 "use client";
+import {
+  option_default
+} from "./chunk-LY6LJRUX.mjs";
 import {
   useSelect
 } from "./chunk-S3QS5B7F.mjs";
-import {
-  option_default
-} from "./chunk-SQLRQTFC.mjs";
 import {
   Icon_default
-} from "./chunk-AHORH5PH.mjs";
+} from "./chunk-PRUAIZTU.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";

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-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"]);
 }