prometeo-design-system 3.1.7 → 4.1.0

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/Icons/ReassignmentFill.es.js

@@ -2,7 +2,7 @@ import { j as s } from "../jsx-runtime-GkKLlHH4.js";
 import { m as a } from "../iconUtils-D0lVAgGT.js";
 const c = a(
   ({ size: t = 24, className: h, ...i }) => {
-    const e = "translate(480,-480) scale(52,52) translate(-8,-8)";
+    const e = "translate(480,-480) scale(58,56) translate(-8,-8)";
     return /* @__PURE__ */ s.jsxs(
       "svg",
       {

package/dist/Icons/StarFill.d.ts

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

package/dist/Icons/StarFill.es.js

@@ -0,0 +1,19 @@
+import { j as r } from "../jsx-runtime-GkKLlHH4.js";
+import { m as L } from "../iconUtils-D0lVAgGT.js";
+const i = L(({ size: t = 24, className: o, ...s }) => /* @__PURE__ */ r.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    ...s,
+    viewBox: "0 -960 960 960",
+    width: t,
+    height: t,
+    fill: "currentColor",
+    className: o,
+    children: /* @__PURE__ */ r.jsx("path", { d: "M233 -100L298 -381L80 -570L368 -595L480 -860L592 -595L880 -570L662 -381L727 -100L480 -249L233 -100Z" })
+  }
+));
+export {
+  i as StarFill,
+  i as default
+};

package/dist/Icons/components/StarFill.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from '../iconUtils';
+export type { IconProps };
+export declare const StarFill: import('react').MemoExoticComponent<(props: IconProps) => import('react').ReactElement>;
+export default StarFill;

package/dist/Icons/index.d.ts

@@ -61,5 +61,6 @@ export { UserAddFill } from './components/UserAddFill';
 export { Reassignment } from './components/Reassignment';
 export { ReassignmentFill } from './components/ReassignmentFill';
 export { Send } from './components/Send';
+export { StarFill } from './components/StarFill';
 export type { IconProps } from './iconUtils';
 export type { IconComponent } from './types';

package/dist/Icons/types.d.ts

@@ -59,8 +59,9 @@ import { TrashFill } from './components/TrashFill';
 import { MessageSquareFill } from './components/MessageSquareFill';
 import { UserAddFill } from './components/UserAddFill';
 import { Reassignment } from './components/Reassignment';
-import { default as ReassignmentFill } from './components/ReassignmentFill';
-import { default as Send } from './components/Send';
+import { ReassignmentFill } from './components/ReassignmentFill';
+import { Send } from './components/Send';
+import { StarFill } from './components/StarFill';
 export type IconsMap = {
     Ticket: typeof Ticket;
     Home: typeof Home;
@@ -125,6 +126,7 @@ export type IconsMap = {
     Reassignment: typeof Reassignment;
     ReassignmentFill: typeof ReassignmentFill;
     Send: typeof Send;
+    StarFill: typeof StarFill;
 };
 export type IconName = keyof IconsMap;
 export type IconComponent = IconsMap[IconName];

package/dist/Icons.es.js

@@ -1,14 +1,14 @@
 import { Ticket as e } from "./Icons/Ticket.es.js";
 import { Home as p } from "./Icons/Home.es.js";
 import { Boards as f } from "./Icons/Boards.es.js";
-import { Notifications as i } from "./Icons/Notifications.es.js";
+import { Notifications as l } from "./Icons/Notifications.es.js";
 import { Help as a } from "./Icons/Help.es.js";
 import { Settings as n } from "./Icons/Settings.es.js";
 import { CrevronLeft as C } from "./Icons/CrevronLeft.es.js";
 import { CrevronRight as F } from "./Icons/CrevronRight.es.js";
 import { ArrowLeft as A } from "./Icons/ArrowLeft.es.js";
-import { Shared as k } from "./Icons/Shared.es.js";
-import { ChevronDown as S } from "./Icons/ChevronDown.es.js";
+import { Shared as g } from "./Icons/Shared.es.js";
+import { ChevronDown as y } from "./Icons/ChevronDown.es.js";
 import { Collapse as w } from "./Icons/Collapse.es.js";
 import { Calendar as U } from "./Icons/Calendar.es.js";
 import { Close as D } from "./Icons/Close.es.js";
@@ -28,13 +28,13 @@ import { AccountCircle as oo } from "./Icons/AccountCircle.es.js";
 import { UserAdd as eo } from "./Icons/UserAdd.es.js";
 import { AttachFile as po } from "./Icons/AttachFile.es.js";
 import { HistoryActivity as fo } from "./Icons/HistoryActivity.es.js";
-import { MessageSquare as io } from "./Icons/MessageSquare.es.js";
+import { MessageSquare as lo } from "./Icons/MessageSquare.es.js";
 import { CloseNavBarDesktop as ao } from "./Icons/CloseNavBarDesktop.es.js";
 import { EyeVisibility as no } from "./Icons/EyeVisibility.es.js";
 import { EyeVisibilityOff as co } from "./Icons/EyeVisibilityOff.es.js";
 import { Check as ho } from "./Icons/Check.es.js";
-import { Info as go } from "./Icons/Info.es.js";
-import { Error as yo } from "./Icons/Error.es.js";
+import { Info as So } from "./Icons/Info.es.js";
+import { Error as ko } from "./Icons/Error.es.js";
 import { TicketFilled as uo } from "./Icons/TicketFilled.es.js";
 import { UploadCloud as Eo } from "./Icons/UploadCloud.es.js";
 import { Clock as vo } from "./Icons/Clock.es.js";
@@ -55,12 +55,13 @@ import { Image as rr } from "./Icons/Image.es.js";
 import { DocumentFill as tr } from "./Icons/DocumentFill.es.js";
 import { Company as mr } from "./Icons/Company.es.js";
 import { EditFill as xr } from "./Icons/EditFill.es.js";
-import { TrashFill as lr } from "./Icons/TrashFill.es.js";
+import { TrashFill as ir } from "./Icons/TrashFill.es.js";
 import { MessageSquareFill as sr } from "./Icons/MessageSquareFill.es.js";
 import { UserAddFill as dr } from "./Icons/UserAddFill.es.js";
 import { Reassignment as cr } from "./Icons/Reassignment.es.js";
 import { ReassignmentFill as hr } from "./Icons/ReassignmentFill.es.js";
-import { Send as gr } from "./Icons/Send.es.js";
+import { Send as Sr } from "./Icons/Send.es.js";
+import { StarFill as kr } from "./Icons/StarFill.es.js";
 export {
   oo as AccountCircle,
   z as Add,
@@ -73,7 +74,7 @@ export {
   ho as Check,
   No as CheckCircle,
   jo as CheckList,
-  S as ChevronDown,
+  y as ChevronDown,
   vo as Clock,
   D as Close,
   ao as CloseNavBarDesktop,
@@ -87,7 +88,7 @@ export {
   J as Edit,
   xr as EditFill,
   Xo as Email,
-  yo as Error,
+  ko as Error,
   no as EyeVisibility,
   co as EyeVisibilityOff,
   _ as FaLock,
@@ -99,26 +100,27 @@ export {
   fo as HistoryActivity,
   p as Home,
   rr as Image,
-  go as Info,
+  So as Info,
   H as Logout,
-  io as MessageSquare,
+  lo as MessageSquare,
   sr as MessageSquareFill,
   W as MoreVert,
-  i as Notifications,
+  l as Notifications,
   Lo as Pause,
   cr as Reassignment,
   hr as ReassignmentFill,
   $o as Reload,
   I as Search,
-  gr as Send,
+  Sr as Send,
   n as Settings,
-  k as Shared,
+  g as Shared,
   bo as Sort,
+  kr as StarFill,
   P as Stars,
   e as Ticket,
   uo as TicketFilled,
   Mo as Trash,
-  lr as TrashFill,
+  ir as TrashFill,
   Q as Upload,
   Eo as UploadCloud,
   eo as UserAdd,

package/dist/Input.es.js

@@ -1,12 +1,13 @@
 import { j as t } from "./jsx-runtime-GkKLlHH4.js";
 import { c as e } from "./cn-B6yFEsav.js";
-import { memo as _, forwardRef as q, useState as V } from "react";
-import F from "./Spinner.es.js";
-import { u as ee } from "./useLabelBackground-BDIHUdND.js";
-import { H as te } from "./HelperComponent-ljsn0xD6.js";
-import { EyeVisibility as re } from "./Icons/EyeVisibility.es.js";
-import { EyeVisibilityOff as oe } from "./Icons/EyeVisibilityOff.es.js";
-import { Close as se } from "./Icons/Close.es.js";
+import { memo as q, forwardRef as V, useState as F } from "react";
+import ee from "./Spinner.es.js";
+import { u as te } from "./useLabelBackground-BDIHUdND.js";
+import { H as re } from "./HelperComponent-ljsn0xD6.js";
+import { EyeVisibility as oe } from "./Icons/EyeVisibility.es.js";
+import { EyeVisibilityOff as se } from "./Icons/EyeVisibilityOff.es.js";
+import le from "./Button.es.js";
+import { Close as ae } from "./Icons/Close.es.js";
 const m = {
   default: {
     container: "",
@@ -41,38 +42,39 @@ const m = {
     label: e("text-success", "peer-focus:text-success-light"),
     icon: e("text-success-light", "peer-focus:text-success-light")
   }
-}, H = q(
+}, $ = V(
   ({
     label: x,
     icon: s,
     iconPosition: d = "left",
-    onChange: $,
-    value: I,
+    onChange: I,
+    value: S,
     name: h,
     width: i = "100%",
     height: l,
     variant: a = "default",
     labelVariant: o = "default",
-    size: S = "medium",
+    size: E = "medium",
     disabled: u = !1,
     type: r = "text",
     isFetching: n,
     errorComponent: b,
     helperComponent: g,
-    placeholder: E,
+    placeholder: L,
     required: j = !1,
-    onFocus: L,
-    onBlur: P,
+    onFocus: P,
+    onBlur: R,
     onKeyDown: k,
-    onKeyUp: C,
-    className: R,
+    onKeyUp: B,
+    className: C,
     style: D,
-    readOnly: B = !1,
+    readOnly: M = !1,
     onClear: N,
-    ...z
-  }, M) => {
-    const [w, O] = V(!1), { ref: T } = ee();
-    let f = S;
+    onClickIcon: z,
+    ...v
+  }, O) => {
+    const [w, T] = F(!1), { ref: A } = te();
+    let f = E;
     l && (f = "customHeight");
     const c = {
       small: {
@@ -103,11 +105,11 @@ const m = {
         label: "text-sm peer-focus:text-sm peer-placeholder-shown:text-xs ",
         icon: "w-6 h-6 right-3"
       }
-    }, A = () => {
-      O(!w);
+    }, G = () => {
+      T(!w);
     }, y = {};
     i && i !== "100%" && (y.width = i), l && (y.height = l);
-    const v = a === "error" && b, G = !v && g, J = r === "password", K = () => o === "static" ? "-top-1 -translate-y-full left-0 pl-3" : s ? `${p ? "peer-placeholder-shown:top-[calc(50%-12px)]" : "peer-placeholder-shown:top-1/2"} -translate-y-1/2 peer-focus:top-0 peer-focus:left-3 peer-focus:px-1 peer-focus:ml-0 peer-focus:mr-0 ${d === "left" ? "peer-placeholder-shown:ml-6" : "peer-placeholder-shown:mr-6"}` : `${p ? "peer-placeholder-shown:top-[calc(50%-12px)]" : "peer-placeholder-shown:top-1/2"} -translate-y-1/2 peer-focus:top-0 peer-focus:left-3 peer-focus:px-1`, Q = () => l ? c.customHeight.label : c[f].label, U = () => l ? { height: l } : {}, W = () => o === "default" ? x : E || x || "", X = () => J ? s ? d === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : s ? d === "left" ? "pl-10 pr-3" : "pr-10 pl-3" : "", Y = o === "default" && "transition-all duration-200 ease-in-out", p = b || g;
+    const H = a === "error" && b, J = !H && g, K = r === "password", Q = () => o === "static" ? "-top-1 -translate-y-full left-0 pl-3" : s ? `${p ? "peer-placeholder-shown:top-[calc(50%-12px)]" : "peer-placeholder-shown:top-1/2"} -translate-y-1/2 peer-focus:top-0 peer-focus:left-3 peer-focus:px-1 peer-focus:ml-0 peer-focus:mr-0 ${d === "left" ? "peer-placeholder-shown:ml-6" : "peer-placeholder-shown:mr-6"}` : `${p ? "peer-placeholder-shown:top-[calc(50%-12px)]" : "peer-placeholder-shown:top-1/2"} -translate-y-1/2 peer-focus:top-0 peer-focus:left-3 peer-focus:px-1`, U = () => l ? c.customHeight.label : c[f].label, W = () => l ? { height: l } : {}, X = () => o === "default" ? x : L || x || "", Y = () => K ? s ? d === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : s ? d === "left" ? "pl-10 pr-3" : "pr-10 pl-3" : "", Z = o === "default" && "transition-all duration-200 ease-in-out", p = b || g;
     return /* @__PURE__ */ t.jsxs(
       "div",
       {
@@ -117,7 +119,7 @@ const m = {
           !i && "w-full",
           "bg-inherit",
           o === "static" && "mt-2",
-          R
+          C
         ),
         style: { ...D, ...y },
         children: [
@@ -126,9 +128,9 @@ const m = {
             {
               id: h,
               name: h,
-              ref: M,
-              value: I,
-              placeholder: W(),
+              ref: O,
+              value: S,
+              placeholder: X(),
               type: r === "password" && w ? "text" : r,
               className: e(
                 "peer w-full border rounded-lg bg-transparent appearance-none transition-all duration-200 ease-in-out",
@@ -140,32 +142,32 @@ const m = {
                 s && "pr-10",
                 u && "bg-transparent opacity-60 border-neutral-strong-default text-neutral-medium-disabled",
                 m[a].container,
-                X()
+                Y()
               ),
-              style: U(),
-              onChange: $,
-              onFocus: L,
-              onBlur: P,
+              style: W(),
+              onChange: I,
+              onFocus: P,
+              onBlur: R,
               disabled: u,
               required: j,
               onKeyDown: k,
-              onKeyUp: C,
-              defaultValue: z.defaultValue,
-              readOnly: B,
-              ...z
+              onKeyUp: B,
+              defaultValue: v.defaultValue,
+              readOnly: M,
+              ...v
             }
           ),
           /* @__PURE__ */ t.jsx(
             "label",
             {
-              ref: T,
+              ref: A,
               htmlFor: h,
               className: e(
                 "absolute left-3 pointer-events-none px-1 z-10",
-                Y,
-                Q(),
+                Z,
+                U(),
                 m[a].label,
-                K(),
+                Q(),
                 j && "after:content-['*'] after:text-error-default after:ml-1",
                 u && "text-neutral-medium-disabled prometeo-fonts-label-large"
               ),
@@ -181,19 +183,19 @@ const m = {
                 `absolute ${p ? "top-[calc(50%-12px)]" : "top-1/2"} -translate-y-1/2 flex items-center justify-center z-10`,
                 c[f].icon,
                 m[a].icon,
-                r === "password" && !n ? "cursor-pointer" : "pointer-events-none",
+                (r === "password" || z) && !n ? "cursor-pointer" : "pointer-events-none",
                 d === "right" ? "right-3" : "left-3"
               ),
-              onClick: r === "password" && !n ? A : void 0,
-              onMouseDown: (Z) => r === "password" && !n && Z.preventDefault(),
+              onClick: n ? void 0 : r === "password" ? G : z,
+              onMouseDown: (_) => r === "password" && !n && _.preventDefault(),
               children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", children: [
-                n && r !== "password" ? /* @__PURE__ */ t.jsx(F, { variant: "sync", size: "small", className: "size-5" }) : s,
-                r === "password" && (w ? /* @__PURE__ */ t.jsx(re, { size: 24, className: "" }) : /* @__PURE__ */ t.jsx(oe, { size: 24, className: "" }))
+                n && r !== "password" ? /* @__PURE__ */ t.jsx(ee, { variant: "sync", size: "small", className: "size-5" }) : s,
+                r === "password" && (w ? /* @__PURE__ */ t.jsx(oe, { size: 24, className: "" }) : /* @__PURE__ */ t.jsx(se, { size: 24, className: "" }))
               ] })
             }
           ),
           N && /* @__PURE__ */ t.jsx(
-            "button",
+            le,
             {
               type: "button",
               className: e(
@@ -204,17 +206,19 @@ const m = {
               ),
               disabled: u,
               onClick: N,
-              children: /* @__PURE__ */ t.jsx(se, { size: 20, className: "" })
+              variant: "text",
+              color: "secondary",
+              icon: /* @__PURE__ */ t.jsx(ae, { size: 20, className: "" })
             }
           ),
-          p && /* @__PURE__ */ t.jsx("div", { className: "min-h-6", children: (v || G) && /* @__PURE__ */ t.jsx(te, { className: "absolute ", variant: a, children: b || g }) })
+          p && /* @__PURE__ */ t.jsx("div", { className: "min-h-6", children: (H || J) && /* @__PURE__ */ t.jsx(re, { className: "absolute ", variant: a, children: b || g }) })
         ]
       }
     );
   }
 );
-H.displayName = "Input";
-const me = _(H);
+$.displayName = "Input";
+const be = q($);
 export {
-  me as default
+  be as default
 };

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
+};

package/dist/PyrionLayout.d.ts

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