prometeo-design-system 4.0.0 → 4.1.1

package/dist/DatePicker.es.js

@@ -1,4 +1,4 @@
-import { D as r, D as t } from "./DatePicker-6eb-0Ns5.js";
+import { D as r, D as t } from "./DatePicker-QuBgR5DQ.js";
 export {
   r as DatePicker,
   t as default

package/dist/DialogModal.es.js

@@ -1,30 +1,30 @@
 import { j as o } from "./jsx-runtime-GkKLlHH4.js";
-import { forwardRef as h, memo as s, useState as D, useRef as p, useCallback as n, useImperativeHandle as R } from "react";
+import { forwardRef as h, memo as r, useState as D, useRef as p, useCallback as n, useImperativeHandle as R } from "react";
 import { c as j } from "./cn-B6yFEsav.js";
-const C = h(
+const b = h(
   ({ children: e, onClose: t, className: a }, i) => {
-    const [l, r] = D(!1), [c, f] = D(null), x = p(t), u = p(c);
+    const [s, l] = D(!1), [c, f] = D(null), x = p(t), u = p(c);
     x.current = t, u.current = c;
     const m = n((g) => {
-      f(g ?? null), r(!0);
+      f(g ?? null), l(!0);
     }, []), d = n(() => {
-      r(!1), x.current?.(u.current), setTimeout(() => f(null), 300);
+      l(!1), x.current?.(u.current), setTimeout(() => f(null), 300);
     }, []);
     return R(
       i,
       () => ({
         open: m,
         close: d,
-        isOpen: l,
+        isOpen: s,
         getContext: () => u.current
       }),
-      [m, d, l]
-    ), /* @__PURE__ */ o.jsx(o.Fragment, { children: l && /* @__PURE__ */ o.jsx(
+      [m, d, s]
+    ), /* @__PURE__ */ o.jsx(o.Fragment, { children: s && /* @__PURE__ */ o.jsx(
       "div",
       {
         className: "fixed inset-0 z-50 flex items-center justify-center bg-black/30 backdrop-blur-[1.5px]",
         onClick: d,
-        children: /* @__PURE__ */ o.jsx(
+        children: /* @__PURE__ */ o.jsxs(
           "div",
           {
             className: j(
@@ -32,41 +32,44 @@ const C = h(
               a
             ),
             onClick: (g) => g.stopPropagation(),
-            children: typeof e == "function" ? e(c) : e
+            children: [
+              /* @__PURE__ */ o.jsx("div", { className: "absolute bg-transparent -inset-4 z-[-1]" }),
+              typeof e == "function" ? e(c) : e
+            ]
           }
         )
       }
     ) });
   }
 );
-C.displayName = "Dialog";
-const b = s(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: /* @__PURE__ */ o.jsx("div", { className: j("flex flex-col gap-4 h-full"), children: e }) }));
-b.displayName = "DialogContent";
-const N = s(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("h1", { className: t, children: e }));
+b.displayName = "Dialog";
+const C = r(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: /* @__PURE__ */ o.jsx("div", { className: j("flex flex-col gap-4 h-full"), children: e }) }));
+C.displayName = "DialogContent";
+const N = r(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("h1", { className: t, children: e }));
 N.displayName = "DialogTitle";
-const v = s(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }));
+const v = r(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }));
 v.displayName = "DialogHeader";
-const y = s(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }));
+const y = r(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }));
 y.displayName = "DialogFooter";
-const k = Object.assign(C, {
-  Content: b,
+const k = Object.assign(b, {
+  Content: C,
   Header: v,
   Footer: y,
   Title: N
 });
 k.displayName = "DialogModal";
 const H = () => {
-  const e = p(null), t = n((r) => {
-    e.current?.open(r);
+  const e = p(null), t = n((l) => {
+    e.current?.open(l);
   }, []), a = n(() => {
     e.current?.close();
-  }, []), i = n(() => e.current?.isOpen ?? !1, []), l = n(() => e.current?.getContext() ?? null, []);
+  }, []), i = n(() => e.current?.isOpen ?? !1, []), s = n(() => e.current?.getContext() ?? null, []);
   return {
     ref: e,
     open: t,
     close: a,
     isOpen: i,
-    getContext: l
+    getContext: s
   };
 };
 export {

package/dist/PlainTooltip.d.ts

@@ -0,0 +1,6 @@
+export * from './exports/PlainTooltip'
+export {}
+import PrometeoDesignSystem from './exports/PlainTooltip'
+export default PrometeoDesignSystem
+export * from './exports/PlainTooltip'
+export {}

package/dist/PlainTooltip.es.js

@@ -0,0 +1,72 @@
+import { j as y } from "./jsx-runtime-GkKLlHH4.js";
+import { c as _ } from "./cn-B6yFEsav.js";
+import { memo as j, useRef as v, useCallback as A, useEffect as a } from "react";
+import { createPortal as C } from "react-dom";
+const G = ({ title: w, children: p, delayToShow: x = 500, delayToClose: R = 1e3, className: B, attachToParent: d = !1, disabled: D = !1 }) => {
+  const s = v(null), r = v(null), n = v(null), o = A(() => {
+    if (typeof window > "u")
+      return;
+    const e = r.current, i = s.current;
+    if (!e || !i)
+      return;
+    const l = window.getComputedStyle(e).display, c = e.style.display, m = e.style.visibility, f = e.style.translate, h = l === "none";
+    h && (e.style.visibility = "hidden", e.style.display = "block"), f && e.style.removeProperty("translate");
+    const E = i.getBoundingClientRect();
+    d ? (e.style.removeProperty("position"), e.style.removeProperty("left"), e.style.removeProperty("top")) : (e.style.setProperty("position", "fixed"), e.style.setProperty("left", `${E.right}px`), e.style.setProperty("top", `${E.bottom}px`));
+    const u = e.getBoundingClientRect(), I = window.innerWidth, N = window.innerHeight, b = Math.max(0, 0 - u.left), M = Math.max(0, u.right - I), L = Math.max(0, 0 - u.top), P = Math.max(0, u.bottom - N), O = b > 0 ? b + 16 : M > 0 ? -(M + 16) : 0, T = L > 0 ? L + 16 : P > 0 ? -(P + 16) : 0;
+    O === 0 && T === 0 ? e.style.removeProperty("translate") : e.style.setProperty("translate", `${O}px ${T}px`), h && (e.style.display = c, e.style.visibility = m);
+  }, [d]);
+  if (a(() => {
+    const t = s.current, e = r.current;
+    if (!t || !e)
+      return;
+    const i = (m, f) => {
+      n.current = setTimeout(() => {
+        f();
+      }, m);
+    }, l = () => {
+      n.current && clearTimeout(n.current), o(), i(x, () => {
+        r.current?.classList.add("visible");
+      });
+    }, c = () => {
+      n.current && clearTimeout(n.current), i(R, () => {
+        r.current?.classList.remove("visible");
+      });
+    };
+    return t.addEventListener("mouseenter", l), t.addEventListener("mouseleave", c), () => {
+      t.removeEventListener("mouseenter", l), t.removeEventListener("mouseleave", c);
+    };
+  }, [x, R, o]), a(() => {
+    o();
+  }, [o, w]), a(() => {
+    if (typeof window > "u")
+      return;
+    const t = () => {
+      r.current && r.current.classList.contains("visible") && o();
+    };
+    return window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), () => {
+      window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
+    };
+  }, [o]), a(() => () => {
+    n.current && clearTimeout(n.current);
+  }, []), D) return p;
+  const g = /* @__PURE__ */ y.jsx("span", { ref: r, className: _(
+    "plain-tooltip ",
+    "absolute z-999",
+    "bg-neutral-weak-default px-2 py-1 rounded-lg w-max",
+    "text-neutral-strong-default prometeo-fonts-body-small ",
+    B,
+    r.current?.innerText?.length && r.current?.innerText?.length > Math.floor(450 / 10) ? "w-max line-clamp-1" : "max-w-[200px] line-clamp-none"
+  ), children: w });
+  return !d && typeof document < "u" ? /* @__PURE__ */ y.jsxs("div", { ref: s, children: [
+    p,
+    C(g, document.body)
+  ] }) : /* @__PURE__ */ y.jsxs("div", { ref: s, children: [
+    p,
+    g
+  ] });
+}, $ = j(G);
+$.displayName = "PlainTooltip";
+export {
+  $ as default
+};