@genai-fi/base 4.3.1 → 4.3.3

package/dist/assets/Help.css

@@ -1 +1 @@
-._helpButton_p1m35_1{position:absolute;z-index:10;left:-3rem;top:.5rem;color:#0a4bd6;background:#fff6;transition:opacity .3s ease-out;opacity:0}._helpButtonInplace_p1m35_12{color:#0a4bd6;margin-left:8px;transition:opacity .3s ease-out;opacity:.2}._helpButton_p1m35_1:hover{background:#fff}._container_p1m35_23{position:relative;border-radius:6px}._container_p1m35_23:hover ._helpButton_p1m35_1{opacity:1}._inplaceContainer_p1m35_32{display:flex;align-items:center}._inplaceContainer_p1m35_32:hover ._helpButtonInplace_p1m35_12{opacity:1}._active_p1m35_41{box-shadow:0 0 10px #0a4bd6}._helpButtonInside_p1m35_45{left:1rem}
+._helpButton_cw98j_1{position:absolute;z-index:10;color:#0a4bd6;background:#fff6;transition:opacity .3s ease-out;opacity:0}._helpButton_cw98j_1._left_cw98j_10{left:-3rem;top:.5rem}._helpButton_cw98j_1._right_cw98j_15{right:-3rem;top:.5rem}._helpButton_cw98j_1._top_cw98j_20{top:-3rem;right:.5rem}._helpButton_cw98j_1._bottom_cw98j_25{bottom:-3rem;right:.5rem}._helpButtonInplace_cw98j_30{color:#0a4bd6;margin-left:8px;transition:opacity .3s ease-out;opacity:.2}._helpButton_cw98j_1:hover{background:#fff}._container_cw98j_41{position:relative;border-radius:6px}._container_cw98j_41:hover ._helpButton_cw98j_1{opacity:1}._helpButton_cw98j_1:focus{opacity:1;background:#fff}._inplaceContainer_cw98j_55{display:flex;align-items:center}._inplaceContainer_cw98j_55:hover ._helpButtonInplace_cw98j_30{opacity:1}._helpButtonInplace_cw98j_30:focus{opacity:1;background:#fff}._active_cw98j_69{box-shadow:0 0 10px #0a4bd6}._helpButtonInside_cw98j_73{left:1rem}._closeButton_cw98j_77{margin-top:.5rem;align-self:flex-end;font-size:.75rem;padding:3px 8px}

package/dist/assets/InfoPop.css

@@ -1 +1 @@
-._popper_35oif_1{display:flex;flex-direction:column;padding:1rem 1.5rem;border-radius:6px;box-shadow:2px 2px 4px #a4acbb;font-family:Andika,sans-serif;animation:_fadeIn_35oif_1 .3s ease-out;max-width:250px}._dark_35oif_12{background:#0a4bd6;color:#fff}._light_35oif_17{background:#fff;color:#444}._popper_35oif_1._bottom_35oif_22,._popper_35oif_1._top_35oif_27{margin-top:10px;margin-bottom:10px}._popper_35oif_1._right_35oif_32{margin-left:5px;margin-right:5px}._popper_35oif_1._left_35oif_37{margin-right:5px;margin-left:5px}@keyframes _fadeIn_35oif_1{0%{opacity:0}to{opacity:1}}._popper_35oif_1._right_35oif_32:before{content:"";position:absolute;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #0a4bd6;left:0;top:calc(50% - 10px)}._popper_35oif_1._left_35oif_37:before{content:"";position:absolute;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #0a4bd6;right:0;top:calc(50% - 10px)}._popper_35oif_1._bottom_35oif_22:before{content:"";position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #0a4bd6;top:0;left:calc(50% - 8px)}._popper_35oif_1._top_35oif_27:before{content:"";position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #0a4bd6;bottom:0;left:calc(50% - 8px)}._popper_35oif_1 h2{margin:0;font-size:1.2rem}._popper_35oif_1 p{margin:0;font-size:.9rem}
+._popper_19um0_1{position:relative;display:flex;flex-direction:column;padding:1rem 1.5rem;border-radius:6px;font-family:Andika,sans-serif;animation:_fadeIn_19um0_1 .3s ease-out;max-width:250px;--infopop-bg: #0a4bd6}._dark_19um0_13{--infopop-bg: #0a4bd6;background:var(--infopop-bg);color:#fff}._light_19um0_19{--infopop-bg: white;background:var(--infopop-bg);color:#444}._arrow_19um0_25{position:absolute;width:0;height:0;background:none;transform:rotate(45deg)}._root_19um0_34[data-popper-placement^=bottom] ._arrow_19um0_25{top:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #0a4bd6}._root_19um0_34[data-popper-placement^=top] ._arrow_19um0_25{bottom:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #0a4bd6}._root_19um0_34[data-popper-placement^=right] ._arrow_19um0_25{left:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #0a4bd6}._root_19um0_34[data-popper-placement^=left] ._arrow_19um0_25{right:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #0a4bd6}._popper_19um0_1._right_19um0_60:before{content:"";position:absolute;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #0a4bd6;left:0;top:calc(50% - 10px)}._popper_19um0_1._left_19um0_72:before{content:"";position:absolute;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #0a4bd6;right:0;top:calc(50% - 10px)}._popper_19um0_1._bottom_19um0_84:before{content:"";position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #0a4bd6;top:0;left:calc(50% - 8px)}._popper_19um0_1._top_19um0_96:before{content:"";position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #0a4bd6;bottom:0;left:calc(50% - 8px)}._popper_19um0_1 h2{margin:0;font-size:1.2rem}._popper_19um0_1 p{margin:0;font-size:.9rem}._root_19um0_34[data-popper-placement^=bottom] ._popper_19um0_1{margin-top:10px}._root_19um0_34[data-popper-placement^=top] ._popper_19um0_1{margin-bottom:10px}._root_19um0_34[data-popper-placement^=right] ._popper_19um0_1{margin-left:5px}._root_19um0_34[data-popper-placement^=left] ._popper_19um0_1{margin-right:5px}@keyframes _fadeIn_19um0_1{0%{opacity:0}to{opacity:1}}

package/dist/components/Feedback/Feedback.js

@@ -1,4 +1,4 @@
-import { jsx as t, jsxs as S, Fragment as T } from "react/jsx-runtime";
+import { jsx as o, jsxs as S, Fragment as T } from "react/jsx-runtime";
 import "../../state/webrtcState.js";
 import { useState as r, useEffect as g } from "react";
 import { useTranslation as w } from "react-i18next";
@@ -18,16 +18,16 @@ import "../IconMenu/context.js";
 import "@emotion/react";
 import I from "./FeedbackForm.js";
 import { c as v } from "../../createSvgIcon-BM4dw4Lw.js";
-const j = v(/* @__PURE__ */ t("path", {
+const j = v(/* @__PURE__ */ o("path", {
   d: "M12 6c0-.55-.45-1-1-1H5.82l.66-3.18.02-.23c0-.31-.13-.59-.33-.8L5.38 0 .44 4.94C.17 5.21 0 5.59 0 6v6.5c0 .83.67 1.5 1.5 1.5h6.75c.62 0 1.15-.38 1.38-.91l2.26-5.29c.07-.17.11-.36.11-.55zm10.5 4h-6.75c-.62 0-1.15.38-1.38.91l-2.26 5.29c-.07.17-.11.36-.11.55V18c0 .55.45 1 1 1h5.18l-.66 3.18-.02.24c0 .31.13.59.33.8l.79.78 4.94-4.94c.27-.27.44-.65.44-1.06v-6.5c0-.83-.67-1.5-1.5-1.5"
 }), "ThumbsUpDown");
-function R({ application: s, apiUrl: o, delay: n, className: a, style: p, variant: u }) {
+function R({ application: s, apiUrl: t, delay: n, className: a, style: p, variant: u }) {
   const { t: f } = w(), [l, c] = r(!1), [d, h] = r(""), [b, m] = r(!1), i = localStorage.getItem("feedbackSubmitted") === "true";
   return g(() => {
     if (!i) {
       const k = setTimeout(
         () => {
-          o && fetch(`${o}`).then((e) => e.json()).then((e) => {
+          t && fetch(`${t}`).then((e) => e.json()).then((e) => {
             h(e.token), c(!0);
           }).catch(() => {
             console.warn("Feedback denied");
@@ -37,22 +37,23 @@ function R({ application: s, apiUrl: o, delay: n, className: a, style: p, varian
       );
       return () => clearTimeout(k);
     }
-  }, [i, n, o]), /* @__PURE__ */ S(T, { children: [
-    l && /* @__PURE__ */ t(
+  }, [i, n, t]), /* @__PURE__ */ S(T, { children: [
+    l && /* @__PURE__ */ o(
       F,
       {
         variant: u ?? "contained",
         onClick: () => m(!0),
         className: a,
         style: p,
-        startIcon: /* @__PURE__ */ t(j, {}),
+        startIcon: /* @__PURE__ */ o(j, {}),
         children: f("feedback.button")
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ o(
       I,
       {
         open: b,
+        apiUrl: t,
         onClose: () => m(!1),
         onDone: () => {
           localStorage.setItem("feedbackSubmitted", "true"), c(!1);

package/dist/components/Feedback/FeedbackForm.d.ts

@@ -2,8 +2,9 @@ interface Props {
     token: string;
     application: string;
     open?: boolean;
+    apiUrl: string;
     onClose?: () => void;
     onDone?: () => void;
 }
-export default function FeedbackForm({ application, open, onClose, token, onDone }: Props): import("react/jsx-runtime").JSX.Element;
+export default function FeedbackForm({ application, open, onClose, token, onDone, apiUrl }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Feedback/FeedbackForm.js

@@ -1,88 +1,107 @@
-import { jsxs as o, Fragment as N, jsx as e } from "react/jsx-runtime";
-import { Dialog as T, DialogContent as Y, DialogActions as _ } from "@mui/material";
-import { s as l } from "../../Feedback.module-C2gI6YmB.js";
-import { useState as r, useRef as j, useEffect as A } from "react";
-import { Button as b } from "../Button/Button.js";
-import B from "./Rating.js";
-import F from "./Recommend.js";
-import y from "./Experience.js";
-import { useTranslation as I } from "react-i18next";
-const x = "https://store.gen-ai.fi/common/thank_you_graphic.jpg";
-function M(c, n, a) {
-  return !(c <= 0 || c > 5 || n <= 0 || n > 5 || a.length > 1e3);
+import { jsxs as r, Fragment as F, jsx as e } from "react/jsx-runtime";
+import { Dialog as S, DialogContent as Y, DialogActions as _ } from "@mui/material";
+import { s as h } from "../../Feedback.module-C2gI6YmB.js";
+import { useState as o, useRef as A, useEffect as B } from "react";
+import { Button as T } from "../Button/Button.js";
+import D from "./Rating.js";
+import O from "./Recommend.js";
+import I from "./Experience.js";
+import { useTranslation as M } from "react-i18next";
+const y = "https://store.gen-ai.fi/common/thank_you_graphic.jpg";
+function P(a, t, s) {
+  return !(a <= 0 || a > 5 || t <= 0 || t > 5 || s.length > 1e3);
 }
-function L({ application: c, open: n, onClose: a, token: S, onDone: w }) {
-  const { t } = I(), [d, f] = r(0), [m, u] = r(0), [h, g] = r(""), [i, C] = r(!1), [s, v] = r(!1), p = j(!1);
-  A(() => {
-    if (!n || p.current) return;
-    const E = new Image();
-    E.src = x, p.current = !0;
-  }, [n]);
-  const R = M(d, m, h), D = () => {
-  }, k = () => {
-    a && a(), setTimeout(() => {
-      C(!1), v(!1), f(0), u(0), g("");
+function Q({ application: a, open: t, onClose: s, token: E, onDone: g, apiUrl: p }) {
+  const { t: n } = M(), [l, k] = o(0), [f, b] = o(0), [d, x] = o(""), [i, C] = o(!1), [c, m] = o(!1), v = A(!1);
+  B(() => {
+    if (!t || v.current) return;
+    const u = new Image();
+    u.src = y, v.current = !0;
+  }, [t]);
+  const N = P(l, f, d), j = () => {
+    p && fetch(`${p}`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({
+        token: E,
+        application: a,
+        rating: l,
+        recommend: f,
+        describe: d,
+        valuableFeature: "",
+        suggestions: ""
+      })
+    }).then((u) => {
+      u.ok ? (C(!0), g && g()) : m(!0);
+    }).catch(() => {
+      m(!0);
+    });
+  }, R = () => {
+    s && s(), setTimeout(() => {
+      C(!1), m(!1), k(0), b(0), x("");
     }, 500);
   };
-  return /* @__PURE__ */ o(
-    T,
+  return /* @__PURE__ */ r(
+    S,
     {
-      open: n ?? !1,
-      onClose: k,
+      open: t ?? !1,
+      onClose: R,
       children: [
-        /* @__PURE__ */ o(Y, { className: l.feedback, children: [
-          !i && !s && /* @__PURE__ */ o(N, { children: [
-            /* @__PURE__ */ e("h1", { children: t("feedback.title") }),
+        /* @__PURE__ */ r(Y, { className: h.feedback, children: [
+          !i && !c && /* @__PURE__ */ r(F, { children: [
+            /* @__PURE__ */ e("h1", { children: n("feedback.title") }),
             /* @__PURE__ */ e(
-              B,
+              D,
               {
-                rating: d,
-                onChange: f
+                rating: l,
+                onChange: k
               }
             ),
             /* @__PURE__ */ e(
-              F,
+              O,
               {
-                rating: m,
-                onChange: u
+                rating: f,
+                onChange: b
               }
             ),
             /* @__PURE__ */ e(
-              y,
+              I,
               {
-                experience: h,
-                onChange: g
+                experience: d,
+                onChange: x
               }
             )
           ] }),
-          i && /* @__PURE__ */ e("div", { className: l.thankYouBox, children: /* @__PURE__ */ e(
+          i && /* @__PURE__ */ e("div", { className: h.thankYouBox, children: /* @__PURE__ */ e(
             "img",
             {
-              src: x,
-              alt: t("feedback.thankYou")
+              src: y,
+              alt: n("feedback.thankYou")
             }
           ) }),
-          s && /* @__PURE__ */ o("div", { className: l.messageBox, children: [
-            /* @__PURE__ */ e("h1", { children: t("feedback.error") }),
-            /* @__PURE__ */ e("p", { children: t("feedback.errorMessage") })
+          c && /* @__PURE__ */ r("div", { className: h.messageBox, children: [
+            /* @__PURE__ */ e("h1", { children: n("feedback.error") }),
+            /* @__PURE__ */ e("p", { children: n("feedback.errorMessage") })
           ] })
         ] }),
-        /* @__PURE__ */ o(_, { children: [
+        /* @__PURE__ */ r(_, { children: [
           /* @__PURE__ */ e(
-            b,
+            T,
             {
-              variant: !i && !s ? "outlined" : "contained",
-              onClick: k,
-              children: t("feedback.close")
+              variant: !i && !c ? "outlined" : "contained",
+              onClick: R,
+              children: n("feedback.close")
             }
           ),
-          !i && !s && /* @__PURE__ */ e(
-            b,
+          !i && !c && /* @__PURE__ */ e(
+            T,
             {
               variant: "contained",
-              onClick: D,
-              disabled: !R,
-              children: t("feedback.send")
+              onClick: j,
+              disabled: !N,
+              children: n("feedback.send")
             }
           )
         ] })
@@ -91,5 +110,5 @@ function L({ application: c, open: n, onClose: a, token: S, onDone: w }) {
   );
 }
 export {
-  L as default
+  Q as default
 };

package/dist/components/Help/Help.d.ts

@@ -5,8 +5,11 @@ interface Props extends PropsWithChildren {
     active?: boolean;
     style?: CSSProperties;
     placement?: 'top' | 'bottom' | 'left' | 'right';
+    buttonPlacement?: 'top' | 'bottom' | 'left' | 'right';
     inplace?: boolean;
     inside?: boolean;
+    keepOpen?: boolean;
+    closeLabel?: string;
 }
-export default function Help({ message, children, widget, style: customStyle, active, placement, inplace, inside, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Help({ message, children, widget, style: customStyle, active, placement, inplace, inside, keepOpen, closeLabel, buttonPlacement, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Help/Help.js

@@ -1,69 +1,108 @@
-import { jsx as e, jsxs as I } from "react/jsx-runtime";
-import { IconButton as s } from "@mui/material";
-import f from "../InfoPop/InfoPop.js";
-import { c as v } from "../../createSvgIcon-BM4dw4Lw.js";
-import { useState as C } from "react";
-import '../../assets/Help.css';const p = v(/* @__PURE__ */ e("path", {
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { IconButton as p } from "@mui/material";
+import w from "../InfoPop/InfoPop.js";
+import { c as g } from "../../createSvgIcon-BM4dw4Lw.js";
+import { useState as S } from "react";
+import { C as $ } from "../../Close-Cv_QwhIN.js";
+import "../../state/webrtcState.js";
+import "react-i18next";
+import "../../hooks/peer.js";
+import { Button as z } from "../Button/Button.js";
+import "../../index-SOhdqzHq.js";
+import "../../style/theme.js";
+import "../../util/canvas.js";
+import "../../FileSaver.min-DhePf63e.js";
+import "../BusyButton/BusyButton.js";
+import "../../browser-HW-wgeM2.js";
+import "../WorkflowLayout/lines.js";
+import "../WorkflowLayout/svgContext.js";
+import "../WorkflowLayout/Widget.js";
+import "../IconMenu/context.js";
+import "@emotion/react";
+import '../../assets/Help.css';const u = g(/* @__PURE__ */ o("path", {
   d: "M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4"
-}), "HelpOutline"), S = "_helpButton_p1m35_1", g = "_helpButtonInplace_p1m35_12", $ = "_container_p1m35_23", k = "_inplaceContainer_p1m35_32", x = "_active_p1m35_41", y = "_helpButtonInside_p1m35_45", t = {
-  helpButton: S,
-  helpButtonInplace: g,
-  container: $,
+}), "HelpOutline"), N = "_helpButton_cw98j_1", b = "_left_cw98j_10", x = "_right_cw98j_15", y = "_top_cw98j_20", E = "_bottom_cw98j_25", H = "_helpButtonInplace_cw98j_30", M = "_container_cw98j_41", k = "_inplaceContainer_cw98j_55", L = "_active_cw98j_69", T = "_helpButtonInside_cw98j_73", A = "_closeButton_cw98j_77", t = {
+  helpButton: N,
+  left: b,
+  right: x,
+  top: y,
+  bottom: E,
+  helpButtonInplace: H,
+  container: M,
   inplaceContainer: k,
-  active: x,
-  helpButtonInside: y
+  active: L,
+  helpButtonInside: T,
+  closeButton: A
 };
-function j({
-  message: u,
+function lt({
+  message: _,
   children: h,
-  widget: m,
-  style: _,
-  active: d,
-  placement: B,
+  widget: d,
+  style: f,
+  active: B,
+  placement: I,
   inplace: n,
-  inside: o
+  inside: e,
+  keepOpen: c,
+  closeLabel: j,
+  buttonPlacement: C = "left"
 }) {
-  const [c, l] = C(null), a = (i) => {
-    l(n || o ? i.currentTarget : i.currentTarget.parentElement);
-  }, r = () => {
-    l(null);
+  const [l, r] = S(null), s = (a) => {
+    r(
+      (v) => v ? null : n || e ? a.currentTarget : a.currentTarget.parentElement
+    );
+  }, i = () => {
+    r(null);
   };
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ m(
     "div",
     {
-      className: `${n ? t.inplaceContainer : t.container} ${c && !n && !o ? t.active : ""}`,
-      "data-widget": m,
-      "data-active": d ? "true" : "false",
-      style: _,
+      className: `${n ? t.inplaceContainer : t.container} ${l && !n && !e ? t.active : ""}`,
+      "data-widget": d,
+      "data-active": B ? "true" : "false",
+      style: f,
       children: [
-        !n && /* @__PURE__ */ e(
-          s,
+        !n && /* @__PURE__ */ o(
+          p,
           {
-            onClick: a,
-            onMouseLeave: r,
-            className: `${t.helpButton} ${o ? t.helpButtonInside : ""}`,
+            onClick: s,
+            onMouseLeave: c ? void 0 : i,
+            className: `${t.helpButton} ${e ? t.helpButtonInside : ""} ${t[C]}`,
             color: "inherit",
-            children: /* @__PURE__ */ e(p, { fontSize: "medium" })
+            children: /* @__PURE__ */ o(u, { fontSize: "medium" })
           }
         ),
         h,
-        n && /* @__PURE__ */ e(
-          s,
+        n && /* @__PURE__ */ o(
+          p,
           {
-            onClick: a,
-            onMouseLeave: r,
+            onClick: s,
+            onMouseLeave: c ? void 0 : i,
             className: t.helpButtonInplace,
             color: "inherit",
-            children: /* @__PURE__ */ e(p, { fontSize: "medium" })
+            children: /* @__PURE__ */ o(u, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ e(
-          f,
+        /* @__PURE__ */ m(
+          w,
           {
-            anchorEl: c,
-            open: !!c,
-            placement: B,
-            children: u
+            anchorEl: l,
+            open: !!l,
+            placement: I,
+            children: [
+              _,
+              c && /* @__PURE__ */ o(
+                z,
+                {
+                  onClick: i,
+                  className: t.closeButton,
+                  color: "inherit",
+                  startIcon: /* @__PURE__ */ o($, { fontSize: "small" }),
+                  variant: "outlined",
+                  children: j || "Close"
+                }
+              )
+            ]
           }
         )
       ]
@@ -71,5 +110,5 @@ function j({
   );
 }
 export {
-  j as default
+  lt as default
 };

package/dist/components/InfoPop/InfoPop.d.ts

@@ -6,5 +6,5 @@ interface Props extends Omit<PopperProps, 'children'>, PropsWithChildren {
     offsetX?: number;
     delay?: number;
 }
-export default function InfoPop({ open, delay, children, offsetY, offsetX, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function InfoPop({ open, delay, children, offsetY, offsetX, modifiers: userModifiers, theme, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/InfoPop/InfoPop.js

@@ -1,48 +1,75 @@
-import { jsx as c } from "react/jsx-runtime";
-import { Popper as u } from "@mui/material";
-import { useState as d, useRef as h, useEffect as g } from "react";
-import '../../assets/InfoPop.css';const I = "_popper_35oif_1", b = "_fadeIn_35oif_1", k = "_dark_35oif_12", x = "_light_35oif_17", O = "_bottom_35oif_22", $ = "_top_35oif_27", v = "_right_35oif_32", P = "_left_35oif_37", i = {
-  popper: I,
-  fadeIn: b,
-  dark: k,
-  light: x,
-  bottom: O,
-  top: $,
-  right: v,
-  left: P
+import { jsx as f, jsxs as E } from "react/jsx-runtime";
+import { Popper as N } from "@mui/material";
+import { useState as d, useRef as O, useEffect as j, useMemo as v } from "react";
+import '../../assets/InfoPop.css';const P = "_popper_19um0_1", R = "_fadeIn_19um0_1", T = "_dark_19um0_13", $ = "_light_19um0_19", z = "_arrow_19um0_25", A = "_root_19um0_34", S = "_right_19um0_60", q = "_left_19um0_72", B = "_bottom_19um0_84", C = "_top_19um0_96", e = {
+  popper: P,
+  fadeIn: R,
+  dark: T,
+  light: $,
+  arrow: z,
+  root: A,
+  right: S,
+  left: q,
+  bottom: B,
+  top: C
 };
-function z({ open: t, delay: o, children: m, offsetY: f = 0, offsetX: r = 0, ...e }) {
-  const [p, s] = d(t), n = h(t);
-  n.current = t, g(() => {
+function H({
+  open: t,
+  delay: r,
+  children: h,
+  offsetY: s = 0,
+  offsetX: n = 0,
+  modifiers: c,
+  theme: w = "dark",
+  ...x
+}) {
+  const [g, i] = d(t), p = O(t), [a, I] = d(null);
+  p.current = t, j(() => {
     if (t) {
-      const _ = o ? setTimeout(() => {
-        n.current && s(t);
-      }, o) : void 0;
+      const o = r ? setTimeout(() => {
+        p.current && i(t);
+      }, r) : void 0;
       return () => {
-        _ && clearTimeout(_);
+        o && clearTimeout(o);
       };
     } else
-      s(!1);
-  }, [t, o]);
-  const a = e.placement || "bottom", l = r || f ? [
-    {
+      i(!1);
+  }, [t, r]);
+  const k = v(() => {
+    const o = [...c ?? []], m = (b, u) => {
+      const l = o.findIndex((_) => (_ == null ? void 0 : _.name) === b);
+      l >= 0 ? o[l] = u : o.push(u);
+    };
+    return (n || s) && m("offset", {
       name: "offset",
-      options: {
-        offset: [r, f]
-      }
-    }
-  ] : e.modifiers;
-  return /* @__PURE__ */ c(
-    u,
+      options: { offset: [n, s] }
+    }), a && m("arrow", {
+      name: "arrow",
+      options: { element: a, padding: 8 }
+    }), o;
+  }, [c, n, s, a]);
+  return /* @__PURE__ */ f(
+    N,
     {
-      open: o ? p : t,
-      ...e,
-      modifiers: l,
+      open: r ? g : t,
+      ...x,
+      className: e.root,
+      modifiers: k,
       sx: { zIndex: 10 },
-      children: /* @__PURE__ */ c("div", { className: `${i.popper} ${i[a]} ${i[e.theme || "dark"]}`, children: m })
+      children: /* @__PURE__ */ E("div", { className: `${e.popper} ${e[w]}`, children: [
+        /* @__PURE__ */ f(
+          "span",
+          {
+            ref: I,
+            className: e.arrow,
+            "data-popper-arrow": !0
+          }
+        ),
+        h
+      ] })
     }
   );
 }
 export {
-  z as default
+  H as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@genai-fi/base",
-    "version": "4.3.1",
+    "version": "4.3.3",
     "license": "MIT",
     "type": "module",
     "main": "dist/main.js",