@selfdecode/sd-component-library 4.0.73-vite19 → 4.0.73-vite20

package/lib/sd-component-library161.js

@@ -1,18 +1,18 @@
-import { j as t } from "./sd-component-library195.js";
-import o from "react";
-import { ResponsiveTextV2 as a } from "./sd-component-library147.js";
-const s = o.forwardRef(
-  (e, r) => /* @__PURE__ */ t.jsx(a, { ...e, ref: r })
-), m = o.forwardRef(
-  (e, r) => /* @__PURE__ */ t.jsx(s, { textTransform: "uppercase", ...e, ref: r })
-), c = o.forwardRef(
-  (e, r) => /* @__PURE__ */ t.jsx(s, { textTransform: "lowercase", ...e, ref: r })
-), n = o.forwardRef(
-  (e, r) => /* @__PURE__ */ t.jsx(s, { textTransform: "capitalize", ...e, ref: r })
+import { j as o } from "./sd-component-library195.js";
+import r from "react";
+import { BaseTextV2 as s } from "./sd-component-library136.js";
+const f = r.forwardRef(
+  (t, e) => /* @__PURE__ */ o.jsx(s, { ref: e, ...t })
+), i = r.forwardRef(
+  (t, e) => /* @__PURE__ */ o.jsx(f, { fontWeight: "bold", ...t, ref: e })
+), m = r.forwardRef(
+  (t, e) => /* @__PURE__ */ o.jsx(f, { fontWeight: "semi-bold", ...t, ref: e })
+), n = r.forwardRef(
+  (t, e) => /* @__PURE__ */ o.jsx(f, { fontWeight: "regular", ...t, ref: e })
 );
 export {
-  n as CapitalizedText,
-  c as LowercaseText,
-  m as UppercaseText
+  i as BoldText,
+  n as RegularText,
+  m as SemiBoldText
 };
 //# sourceMappingURL=sd-component-library161.js.map

package/lib/sd-component-library161.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library161.js","sources":["../src/components/texts/transformed-texts.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2, ResponsiveTextV2Props } from \"./responsive-text-v2\";\n\ntype MainProps = Omit<ResponsiveTextV2Props, \"textTransform\"> &\n  Required<Pick<ResponsiveTextV2Props, \"textTransform\">>;\nconst TransformedText = React.forwardRef<HTMLDivElement, MainProps>(\n  (props, ref) => <ResponsiveTextV2 {...props} ref={ref} />\n);\n\ntype Props = Omit<MainProps, \"textTransform\">;\nexport const UppercaseText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <TransformedText textTransform=\"uppercase\" {...props} ref={ref} />\n  )\n);\n\nexport const LowercaseText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <TransformedText textTransform=\"lowercase\" {...props} ref={ref} />\n  )\n);\n\nexport const CapitalizedText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <TransformedText textTransform=\"capitalize\" {...props} ref={ref} />\n  )\n);\n"],"names":["TransformedText","React","props","ref","ResponsiveTextV2","UppercaseText","jsx","LowercaseText","CapitalizedText"],"mappings":";;;AAMA,MAAMA,IAAkBC,EAAM;AAAA,EAC5B,CAACC,GAAOC,4BAASC,GAAkB,EAAA,GAAGF,GAAO,KAAAC,GAAU;AACzD,GAGaE,IAAgBJ,EAAM;AAAA,EACjC,CAACC,GAAOC,MACNG,gBAAAA,EAAAA,IAACN,KAAgB,eAAc,aAAa,GAAGE,GAAO,KAAAC,GAAU;AAEpE,GAEaI,IAAgBN,EAAM;AAAA,EACjC,CAACC,GAAOC,MACNG,gBAAAA,EAAAA,IAACN,KAAgB,eAAc,aAAa,GAAGE,GAAO,KAAAC,GAAU;AAEpE,GAEaK,IAAkBP,EAAM;AAAA,EACnC,CAACC,GAAOC,MACNG,gBAAAA,EAAAA,IAACN,KAAgB,eAAc,cAAc,GAAGE,GAAO,KAAAC,GAAU;AAErE;"}
+{"version":3,"file":"sd-component-library161.js","sources":["../src/components/texts/weighted-texts.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseTextV2, BaseTextV2Props } from \"./base-text-v2\";\n\ntype MainProps = Omit<BaseTextV2Props, \"fontWeight\" | \"fontSize\"> &\n  Required<Pick<BaseTextV2Props, \"fontWeight\" | \"fontSize\">>;\nconst WeightedText = React.forwardRef<HTMLDivElement, MainProps>(\n  (props, ref) => <BaseTextV2 ref={ref} {...props} />\n);\n\ntype Props = Omit<MainProps, \"fontWeight\">;\nexport const BoldText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => <WeightedText fontWeight=\"bold\" {...props} ref={ref} />\n);\n\nexport const SemiBoldText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => <WeightedText fontWeight=\"semi-bold\" {...props} ref={ref} />\n);\n\nexport const RegularText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => <WeightedText fontWeight=\"regular\" {...props} ref={ref} />\n);\n"],"names":["WeightedText","React","props","ref","BaseTextV2","BoldText","jsx","SemiBoldText","RegularText"],"mappings":";;;AAMA,MAAMA,IAAeC,EAAM;AAAA,EACzB,CAACC,GAAOC,4BAASC,GAAW,EAAA,KAAAD,GAAW,GAAGD,GAAO;AACnD,GAGaG,IAAWJ,EAAM;AAAA,EAC5B,CAACC,GAAOC,MAAQG,gBAAAA,EAAAA,IAACN,KAAa,YAAW,QAAQ,GAAGE,GAAO,KAAAC,GAAU;AACvE,GAEaI,IAAeN,EAAM;AAAA,EAChC,CAACC,GAAOC,MAAQG,gBAAAA,EAAAA,IAACN,KAAa,YAAW,aAAa,GAAGE,GAAO,KAAAC,GAAU;AAC5E,GAEaK,IAAcP,EAAM;AAAA,EAC/B,CAACC,GAAOC,MAAQG,gBAAAA,EAAAA,IAACN,KAAa,YAAW,WAAW,GAAGE,GAAO,KAAAC,GAAU;AAC1E;"}

package/lib/sd-component-library162.js

@@ -1,13 +1,18 @@
-import { j as o } from "./sd-component-library195.js";
-import r from "react";
-import { SemiBoldText as a, BoldText as m } from "./sd-component-library160.js";
-const f = r.forwardRef(
-  (e, t) => /* @__PURE__ */ o.jsx(a, { textTransform: "uppercase", ...e, ref: t })
-), i = r.forwardRef(
-  (e, t) => /* @__PURE__ */ o.jsx(m, { textTransform: "capitalize", ...e, ref: t })
+import { j as t } from "./sd-component-library195.js";
+import o from "react";
+import { ResponsiveTextV2 as a } from "./sd-component-library148.js";
+const s = o.forwardRef(
+  (e, r) => /* @__PURE__ */ t.jsx(a, { ...e, ref: r })
+), m = o.forwardRef(
+  (e, r) => /* @__PURE__ */ t.jsx(s, { textTransform: "uppercase", ...e, ref: r })
+), c = o.forwardRef(
+  (e, r) => /* @__PURE__ */ t.jsx(s, { textTransform: "lowercase", ...e, ref: r })
+), n = o.forwardRef(
+  (e, r) => /* @__PURE__ */ t.jsx(s, { textTransform: "capitalize", ...e, ref: r })
 );
 export {
-  i as CapitalizedBoldText,
-  f as UppercaseSemiBoldText
+  n as CapitalizedText,
+  c as LowercaseText,
+  m as UppercaseText
 };
 //# sourceMappingURL=sd-component-library162.js.map

package/lib/sd-component-library162.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library162.js","sources":["../src/components/texts/mixed-texts.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseTextV2Props } from \"./base-text-v2\";\nimport { BoldText, SemiBoldText } from \"./weighted-texts\";\n\ntype Props = Omit<BaseTextV2Props, \"fontWeight\" | \"textTransform\"> &\n  Required<Pick<BaseTextV2Props, \"fontSize\">>;\nexport const UppercaseSemiBoldText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <SemiBoldText textTransform=\"uppercase\" {...props} ref={ref} />\n  )\n);\n\nexport const CapitalizedBoldText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => <BoldText textTransform=\"capitalize\" {...props} ref={ref} />\n);\n"],"names":["UppercaseSemiBoldText","React","props","ref","jsx","SemiBoldText","CapitalizedBoldText","BoldText"],"mappings":";;;AAOO,MAAMA,IAAwBC,EAAM;AAAA,EACzC,CAACC,GAAOC,MACNC,gBAAAA,EAAAA,IAACC,KAAa,eAAc,aAAa,GAAGH,GAAO,KAAAC,GAAU;AAEjE,GAEaG,IAAsBL,EAAM;AAAA,EACvC,CAACC,GAAOC,MAAQC,gBAAAA,EAAAA,IAACG,KAAS,eAAc,cAAc,GAAGL,GAAO,KAAAC,GAAU;AAC5E;"}
+{"version":3,"file":"sd-component-library162.js","sources":["../src/components/texts/transformed-texts.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2, ResponsiveTextV2Props } from \"./responsive-text-v2\";\n\ntype MainProps = Omit<ResponsiveTextV2Props, \"textTransform\"> &\n  Required<Pick<ResponsiveTextV2Props, \"textTransform\">>;\nconst TransformedText = React.forwardRef<HTMLDivElement, MainProps>(\n  (props, ref) => <ResponsiveTextV2 {...props} ref={ref} />\n);\n\ntype Props = Omit<MainProps, \"textTransform\">;\nexport const UppercaseText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <TransformedText textTransform=\"uppercase\" {...props} ref={ref} />\n  )\n);\n\nexport const LowercaseText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <TransformedText textTransform=\"lowercase\" {...props} ref={ref} />\n  )\n);\n\nexport const CapitalizedText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <TransformedText textTransform=\"capitalize\" {...props} ref={ref} />\n  )\n);\n"],"names":["TransformedText","React","props","ref","ResponsiveTextV2","UppercaseText","jsx","LowercaseText","CapitalizedText"],"mappings":";;;AAMA,MAAMA,IAAkBC,EAAM;AAAA,EAC5B,CAACC,GAAOC,4BAASC,GAAkB,EAAA,GAAGF,GAAO,KAAAC,GAAU;AACzD,GAGaE,IAAgBJ,EAAM;AAAA,EACjC,CAACC,GAAOC,MACNG,gBAAAA,EAAAA,IAACN,KAAgB,eAAc,aAAa,GAAGE,GAAO,KAAAC,GAAU;AAEpE,GAEaI,IAAgBN,EAAM;AAAA,EACjC,CAACC,GAAOC,MACNG,gBAAAA,EAAAA,IAACN,KAAgB,eAAc,aAAa,GAAGE,GAAO,KAAAC,GAAU;AAEpE,GAEaK,IAAkBP,EAAM;AAAA,EACnC,CAACC,GAAOC,MACNG,gBAAAA,EAAAA,IAACN,KAAgB,eAAc,cAAc,GAAGE,GAAO,KAAAC,GAAU;AAErE;"}

package/lib/sd-component-library163.js

@@ -1,66 +1,13 @@
-import { j as t } from "./sd-component-library195.js";
+import { j as o } from "./sd-component-library195.js";
 import r from "react";
-import { getResponsiveNumericArray as s, getResponsivePxArray as f } from "./sd-component-library4.js";
-import { RegularText as n, BoldText as i, SemiBoldText as x } from "./sd-component-library160.js";
-const m = r.forwardRef(
-  (e, o) => /* @__PURE__ */ t.jsx(
-    n,
-    {
-      fontSize: s(16, 18, !1),
-      ...e,
-      ref: o
-    }
-  )
-), p = r.forwardRef((e, o) => /* @__PURE__ */ t.jsx(
-  n,
-  {
-    fontSize: s(18, 24, !0, 20),
-    lineHeight: f(21, 27, !0, 23),
-    ...e,
-    ref: o
-  }
-)), u = r.forwardRef(
-  (e, o) => /* @__PURE__ */ t.jsx(
-    i,
-    {
-      fontSize: s(16, 18, !1),
-      ...e,
-      ref: o
-    }
-  )
-), S = r.forwardRef(
-  (e, o) => /* @__PURE__ */ t.jsx(
-    i,
-    {
-      fontSize: s(18, 24, !0, 20),
-      lineHeight: f(21, 27, !0, 23),
-      ...e,
-      ref: o
-    }
-  )
-), T = r.forwardRef(
-  (e, o) => /* @__PURE__ */ t.jsx(
-    i,
-    {
-      fontSize: s(24, 32),
-      ...e,
-      ref: o
-    }
-  )
-), c = r.forwardRef((e, o) => /* @__PURE__ */ t.jsx(
-  x,
-  {
-    fontSize: s(24, 32),
-    ...e,
-    ref: o
-  }
-));
+import { SemiBoldText as a, BoldText as m } from "./sd-component-library161.js";
+const f = r.forwardRef(
+  (e, t) => /* @__PURE__ */ o.jsx(a, { textTransform: "uppercase", ...e, ref: t })
+), i = r.forwardRef(
+  (e, t) => /* @__PURE__ */ o.jsx(m, { textTransform: "capitalize", ...e, ref: t })
+);
 export {
-  S as BoldResponsiveText,
-  T as MediumBoldResponsiveText,
-  p as MediumRegularResponsiveText,
-  c as MediumSemiBoldResponsiveText,
-  m as RegularResponsiveText,
-  u as SmallBoldResponsiveText
+  i as CapitalizedBoldText,
+  f as UppercaseSemiBoldText
 };
 //# sourceMappingURL=sd-component-library163.js.map

package/lib/sd-component-library163.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library163.js","sources":["../src/components/texts/responsive-texts.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  getResponsiveNumericArray,\n  getResponsivePxArray,\n} from \"../../core/functions\";\nimport { BaseTextV2Props } from \"./base-text-v2\";\nimport { BoldText, RegularText, SemiBoldText } from \"./weighted-texts\";\n\ntype Props = Omit<BaseTextV2Props, \"fontSize\" | \"fontWeight\">;\nexport const RegularResponsiveText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <RegularText\n      fontSize={getResponsiveNumericArray(16, 18, false)}\n      {...props}\n      ref={ref}\n    />\n  )\n);\n\nexport const MediumRegularResponsiveText = React.forwardRef<\n  HTMLDivElement,\n  Props\n>((props, ref) => (\n  <RegularText\n    fontSize={getResponsiveNumericArray(18, 24, true, 20)}\n    lineHeight={getResponsivePxArray(21, 27, true, 23)}\n    {...props}\n    ref={ref}\n  />\n));\n\nexport const SmallBoldResponsiveText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <BoldText\n      fontSize={getResponsiveNumericArray(16, 18, false)}\n      {...props}\n      ref={ref}\n    />\n  )\n);\n\nexport const BoldResponsiveText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <BoldText\n      fontSize={getResponsiveNumericArray(18, 24, true, 20)}\n      lineHeight={getResponsivePxArray(21, 27, true, 23)}\n      {...props}\n      ref={ref}\n    />\n  )\n);\n\nexport const MediumBoldResponsiveText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <BoldText\n      fontSize={getResponsiveNumericArray(24, 32)}\n      {...props}\n      ref={ref}\n    />\n  )\n);\n\nexport const MediumSemiBoldResponsiveText = React.forwardRef<\n  HTMLDivElement,\n  Props\n>((props, ref) => (\n  <SemiBoldText\n    fontSize={getResponsiveNumericArray(24, 32)}\n    {...props}\n    ref={ref}\n  />\n));\n"],"names":["RegularResponsiveText","React","props","ref","jsx","RegularText","getResponsiveNumericArray","MediumRegularResponsiveText","getResponsivePxArray","SmallBoldResponsiveText","BoldText","BoldResponsiveText","MediumBoldResponsiveText","MediumSemiBoldResponsiveText","SemiBoldText"],"mappings":";;;;AAUO,MAAMA,IAAwBC,EAAM;AAAA,EACzC,CAACC,GAAOC,MACNC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAUC,EAA0B,IAAI,IAAI,EAAK;AAAA,MAChD,GAAGJ;AAAA,MACJ,KAAAC;AAAA,IAAA;AAAA,EACF;AAEJ,GAEaI,IAA8BN,EAAM,WAG/C,CAACC,GAAOC,MACRC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,UAAUC,EAA0B,IAAI,IAAI,IAAM,EAAE;AAAA,IACpD,YAAYE,EAAqB,IAAI,IAAI,IAAM,EAAE;AAAA,IAChD,GAAGN;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD,GAEYM,IAA0BR,EAAM;AAAA,EAC3C,CAACC,GAAOC,MACNC,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,UAAUJ,EAA0B,IAAI,IAAI,EAAK;AAAA,MAChD,GAAGJ;AAAA,MACJ,KAAAC;AAAA,IAAA;AAAA,EACF;AAEJ,GAEaQ,IAAqBV,EAAM;AAAA,EACtC,CAACC,GAAOC,MACNC,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,UAAUJ,EAA0B,IAAI,IAAI,IAAM,EAAE;AAAA,MACpD,YAAYE,EAAqB,IAAI,IAAI,IAAM,EAAE;AAAA,MAChD,GAAGN;AAAA,MACJ,KAAAC;AAAA,IAAA;AAAA,EACF;AAEJ,GAEaS,IAA2BX,EAAM;AAAA,EAC5C,CAACC,GAAOC,MACNC,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,UAAUJ,EAA0B,IAAI,EAAE;AAAA,MACzC,GAAGJ;AAAA,MACJ,KAAAC;AAAA,IAAA;AAAA,EACF;AAEJ,GAEaU,IAA+BZ,EAAM,WAGhD,CAACC,GAAOC,MACRC,gBAAAA,EAAA;AAAA,EAACU;AAAA,EAAA;AAAA,IACC,UAAUR,EAA0B,IAAI,EAAE;AAAA,IACzC,GAAGJ;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD;"}
+{"version":3,"file":"sd-component-library163.js","sources":["../src/components/texts/mixed-texts.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseTextV2Props } from \"./base-text-v2\";\nimport { BoldText, SemiBoldText } from \"./weighted-texts\";\n\ntype Props = Omit<BaseTextV2Props, \"fontWeight\" | \"textTransform\"> &\n  Required<Pick<BaseTextV2Props, \"fontSize\">>;\nexport const UppercaseSemiBoldText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <SemiBoldText textTransform=\"uppercase\" {...props} ref={ref} />\n  )\n);\n\nexport const CapitalizedBoldText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => <BoldText textTransform=\"capitalize\" {...props} ref={ref} />\n);\n"],"names":["UppercaseSemiBoldText","React","props","ref","jsx","SemiBoldText","CapitalizedBoldText","BoldText"],"mappings":";;;AAOO,MAAMA,IAAwBC,EAAM;AAAA,EACzC,CAACC,GAAOC,MACNC,gBAAAA,EAAAA,IAACC,KAAa,eAAc,aAAa,GAAGH,GAAO,KAAAC,GAAU;AAEjE,GAEaG,IAAsBL,EAAM;AAAA,EACvC,CAACC,GAAOC,MAAQC,gBAAAA,EAAAA,IAACG,KAAS,eAAc,cAAc,GAAGL,GAAO,KAAAC,GAAU;AAC5E;"}

package/lib/sd-component-library164.js

@@ -1,108 +1,66 @@
-import { j as o } from "./sd-component-library195.js";
-import h from "react";
-import "./sd-component-library198.js";
-import { useHover as m } from "./sd-component-library3.js";
-import { Flex as s, Box as i } from "./sd-component-library199.js";
-import { ReactComponent as b } from "./sd-component-library186.js";
-import { HorizontalDivider as n } from "./sd-component-library51.js";
-import { TriangularPointerIcon as u } from "./sd-component-library189.js";
-import { ActionBox as g } from "./sd-component-library234.js";
-const C = (x) => {
-  const {
-    actions: e,
-    actionsBoxWidth: l = "max-content",
-    actionBoxPx: p,
-    actionBoxPy: a
-  } = x, { isHover: t, hoverCallbacks: d } = m();
-  return e.length ? /* @__PURE__ */ o.jsxs(
-    s,
+import { j as t } from "./sd-component-library195.js";
+import r from "react";
+import { getResponsiveNumericArray as s, getResponsivePxArray as f } from "./sd-component-library5.js";
+import { RegularText as n, BoldText as i, SemiBoldText as x } from "./sd-component-library161.js";
+const m = r.forwardRef(
+  (e, o) => /* @__PURE__ */ t.jsx(
+    n,
     {
-      sx: {
-        width: "fit-content",
-        position: "relative",
-        borderRadius: [!0, !0, !t, !t].map((r) => r ? "50%" : "0").join(" ")
-      },
-      ...d,
-      "data-test": "actions-tooltip",
-      children: [
-        /* @__PURE__ */ o.jsx(
-          s,
-          {
-            sx: {
-              width: "20px",
-              height: "20px",
-              justifyContent: "center",
-              alignItems: "center",
-              borderWidth: "1px",
-              borderColor: "cl_lightGrey",
-              borderRadius: "50%",
-              borderStyle: "solid",
-              svg: {
-                transform: `rotate3d(${t ? 1 : 0}, 0, 0, 180deg)`,
-                transition: "transform 0.2s",
-                width: "10px",
-                fill: "cl_blue"
-              }
-            },
-            children: /* @__PURE__ */ o.jsx(b, {})
-          }
-        ),
-        t && /* @__PURE__ */ o.jsxs(
-          i,
-          {
-            sx: {
-              position: "absolute",
-              top: "calc(100% + 12px)",
-              right: "-20px",
-              width: l
-            },
-            children: [
-              /* @__PURE__ */ o.jsx(n, { color: "cl_purple", height: "2px" }),
-              /* @__PURE__ */ o.jsx(
-                u,
-                {
-                  direction: "top",
-                  sx: { position: "absolute", top: "-10px", right: "24px" }
-                }
-              ),
-              /* @__PURE__ */ o.jsx(
-                i,
-                {
-                  sx: {
-                    position: "absolute",
-                    width: "100%",
-                    height: "12px",
-                    left: 0,
-                    top: "-12px"
-                  }
-                }
-              ),
-              /* @__PURE__ */ o.jsx(
-                i,
-                {
-                  sx: {
-                    borderWidth: "1px",
-                    borderColor: "cl_lightGrey",
-                    borderStyle: "solid",
-                    borderTopStyle: "none",
-                    boxShadow: "2px 3px 10px rgba(211,223,255,0.25)",
-                    borderRadius: "0 0 3px 3px",
-                    bg: "cl_white"
-                  },
-                  children: e.map((r, c) => /* @__PURE__ */ o.jsxs(h.Fragment, { children: [
-                    /* @__PURE__ */ o.jsx(g, { ...r, px: p, py: a }),
-                    c !== e.length - 1 && /* @__PURE__ */ o.jsx(n, { color: "cl_headerLine" })
-                  ] }, r.text))
-                }
-              )
-            ]
-          }
-        )
-      ]
+      fontSize: s(16, 18, !1),
+      ...e,
+      ref: o
     }
-  ) : null;
-};
+  )
+), p = r.forwardRef((e, o) => /* @__PURE__ */ t.jsx(
+  n,
+  {
+    fontSize: s(18, 24, !0, 20),
+    lineHeight: f(21, 27, !0, 23),
+    ...e,
+    ref: o
+  }
+)), u = r.forwardRef(
+  (e, o) => /* @__PURE__ */ t.jsx(
+    i,
+    {
+      fontSize: s(16, 18, !1),
+      ...e,
+      ref: o
+    }
+  )
+), S = r.forwardRef(
+  (e, o) => /* @__PURE__ */ t.jsx(
+    i,
+    {
+      fontSize: s(18, 24, !0, 20),
+      lineHeight: f(21, 27, !0, 23),
+      ...e,
+      ref: o
+    }
+  )
+), T = r.forwardRef(
+  (e, o) => /* @__PURE__ */ t.jsx(
+    i,
+    {
+      fontSize: s(24, 32),
+      ...e,
+      ref: o
+    }
+  )
+), c = r.forwardRef((e, o) => /* @__PURE__ */ t.jsx(
+  x,
+  {
+    fontSize: s(24, 32),
+    ...e,
+    ref: o
+  }
+));
 export {
-  C as ActionsTooltip
+  S as BoldResponsiveText,
+  T as MediumBoldResponsiveText,
+  p as MediumRegularResponsiveText,
+  c as MediumSemiBoldResponsiveText,
+  m as RegularResponsiveText,
+  u as SmallBoldResponsiveText
 };
 //# sourceMappingURL=sd-component-library164.js.map

package/lib/sd-component-library164.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library164.js","sources":["../src/components/tooltips/actions-tooltip/actions-tooltip.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { useHover } from \"../../../core/custom-hooks\";\nimport { HorizontalDivider } from \"../../dividers/horizontal-divider\";\nimport { ShortDownArrowIcon } from \"../../icons/short-dropdown-arrow-icon\";\nimport { TriangularPointerIcon } from \"../../icons/triangular-pointer-icon\";\nimport { ActionsTooltipProps as Props } from \"./interfaces\";\nimport { ActionBox } from \"./partials/action-box\";\n\nexport const ActionsTooltip: React.FC<Props> = (props) => {\n  const {\n    actions,\n    actionsBoxWidth = \"max-content\",\n    actionBoxPx,\n    actionBoxPy,\n  } = props;\n\n  const { isHover, hoverCallbacks } = useHover();\n\n  if (!actions.length) return null;\n\n  return (\n    <Flex\n      sx={{\n        width: \"fit-content\",\n        position: \"relative\",\n        borderRadius: [true, true, !isHover, !isHover]\n          .map((flag) => (flag ? \"50%\" : \"0\"))\n          .join(\" \"),\n      }}\n      {...hoverCallbacks}\n      data-test=\"actions-tooltip\"\n    >\n      <Flex\n        sx={{\n          width: \"20px\",\n          height: \"20px\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          borderWidth: \"1px\",\n          borderColor: \"cl_lightGrey\",\n          borderRadius: \"50%\",\n          borderStyle: \"solid\",\n          svg: {\n            transform: `rotate3d(${isHover ? 1 : 0}, 0, 0, 180deg)`,\n            transition: \"transform 0.2s\",\n            width: \"10px\",\n            fill: \"cl_blue\",\n          },\n        }}\n      >\n        <ShortDownArrowIcon />\n      </Flex>\n\n      {isHover && (\n        <Box\n          sx={{\n            position: \"absolute\",\n            top: \"calc(100% + 12px)\",\n            right: \"-20px\",\n            width: actionsBoxWidth,\n          }}\n        >\n          <HorizontalDivider color=\"cl_purple\" height=\"2px\" />\n\n          <TriangularPointerIcon\n            direction=\"top\"\n            sx={{ position: \"absolute\", top: \"-10px\", right: \"24px\" }}\n          />\n\n          <Box\n            sx={{\n              position: \"absolute\",\n              width: \"100%\",\n              height: \"12px\",\n              left: 0,\n              top: \"-12px\",\n            }}\n          />\n\n          <Box\n            sx={{\n              borderWidth: \"1px\",\n              borderColor: \"cl_lightGrey\",\n              borderStyle: \"solid\",\n              borderTopStyle: \"none\",\n              boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n              borderRadius: \"0 0 3px 3px\",\n              bg: \"cl_white\",\n            }}\n          >\n            {actions.map((action, idx) => (\n              <React.Fragment key={action.text}>\n                <ActionBox {...action} px={actionBoxPx} py={actionBoxPy} />\n\n                {idx !== actions.length - 1 && (\n                  <HorizontalDivider color=\"cl_headerLine\" />\n                )}\n              </React.Fragment>\n            ))}\n          </Box>\n        </Box>\n      )}\n    </Flex>\n  );\n};\n"],"names":["ActionsTooltip","props","actions","actionsBoxWidth","actionBoxPx","actionBoxPy","isHover","hoverCallbacks","useHover","jsxs","Flex","flag","jsx","ShortDownArrowIcon","Box","HorizontalDivider","TriangularPointerIcon","action","idx","React","ActionBox"],"mappings":";;;;;;;;;AAWa,MAAAA,IAAkC,CAACC,MAAU;AAClD,QAAA;AAAA,IACJ,SAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,aAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAAJ,GAEE,EAAE,SAAAK,GAAS,gBAAAC,EAAe,IAAIC,EAAS;AAE7C,SAAKN,EAAQ,SAGXO,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAc,CAAC,IAAM,IAAM,CAACJ,GAAS,CAACA,CAAO,EAC1C,IAAI,CAACK,MAAUA,IAAO,QAAQ,GAAI,EAClC,KAAK,GAAG;AAAA,MACb;AAAA,MACC,GAAGJ;AAAA,MACJ,aAAU;AAAA,MAEV,UAAA;AAAA,QAAAK,gBAAAA,EAAA;AAAA,UAACF;AAAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,gBAAgB;AAAA,cAChB,YAAY;AAAA,cACZ,aAAa;AAAA,cACb,aAAa;AAAA,cACb,cAAc;AAAA,cACd,aAAa;AAAA,cACb,KAAK;AAAA,gBACH,WAAW,YAAYJ,IAAU,IAAI,CAAC;AAAA,gBACtC,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACP,MAAM;AAAA,cACR;AAAA,YACF;AAAA,YAEA,gCAACO,GAAmB,EAAA;AAAA,UAAA;AAAA,QACtB;AAAA,QAECP,KACCG,gBAAAA,EAAA;AAAA,UAACK;AAAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,UAAU;AAAA,cACV,KAAK;AAAA,cACL,OAAO;AAAA,cACP,OAAOX;AAAA,YACT;AAAA,YAEA,UAAA;AAAA,cAAAS,gBAAAA,EAAA,IAACG,GAAkB,EAAA,OAAM,aAAY,QAAO,OAAM;AAAA,cAElDH,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,IAAI,EAAE,UAAU,YAAY,KAAK,SAAS,OAAO,OAAO;AAAA,gBAAA;AAAA,cAC1D;AAAA,cAEAJ,gBAAAA,EAAA;AAAA,gBAACE;AAAAA,gBAAA;AAAA,kBACC,IAAI;AAAA,oBACF,UAAU;AAAA,oBACV,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,MAAM;AAAA,oBACN,KAAK;AAAA,kBACP;AAAA,gBAAA;AAAA,cACF;AAAA,cAEAF,gBAAAA,EAAA;AAAA,gBAACE;AAAAA,gBAAA;AAAA,kBACC,IAAI;AAAA,oBACF,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,gBAAgB;AAAA,oBAChB,WAAW;AAAA,oBACX,cAAc;AAAA,oBACd,IAAI;AAAA,kBACN;AAAA,kBAEC,UAAAZ,EAAQ,IAAI,CAACe,GAAQC,MACnBT,gBAAAA,EAAAA,KAAAU,EAAM,UAAN,EACC,UAAA;AAAA,oBAAAP,gBAAAA,MAACQ,KAAW,GAAGH,GAAQ,IAAIb,GAAa,IAAIC,GAAa;AAAA,oBAExDa,MAAQhB,EAAQ,SAAS,KACvBU,gBAAAA,EAAA,IAAAG,GAAA,EAAkB,OAAM,iBAAgB;AAAA,kBAAA,KAJxBE,EAAO,IAM5B,CACD;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAlFsB;AAsF9B;"}
+{"version":3,"file":"sd-component-library164.js","sources":["../src/components/texts/responsive-texts.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  getResponsiveNumericArray,\n  getResponsivePxArray,\n} from \"../../core/functions\";\nimport { BaseTextV2Props } from \"./base-text-v2\";\nimport { BoldText, RegularText, SemiBoldText } from \"./weighted-texts\";\n\ntype Props = Omit<BaseTextV2Props, \"fontSize\" | \"fontWeight\">;\nexport const RegularResponsiveText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <RegularText\n      fontSize={getResponsiveNumericArray(16, 18, false)}\n      {...props}\n      ref={ref}\n    />\n  )\n);\n\nexport const MediumRegularResponsiveText = React.forwardRef<\n  HTMLDivElement,\n  Props\n>((props, ref) => (\n  <RegularText\n    fontSize={getResponsiveNumericArray(18, 24, true, 20)}\n    lineHeight={getResponsivePxArray(21, 27, true, 23)}\n    {...props}\n    ref={ref}\n  />\n));\n\nexport const SmallBoldResponsiveText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <BoldText\n      fontSize={getResponsiveNumericArray(16, 18, false)}\n      {...props}\n      ref={ref}\n    />\n  )\n);\n\nexport const BoldResponsiveText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <BoldText\n      fontSize={getResponsiveNumericArray(18, 24, true, 20)}\n      lineHeight={getResponsivePxArray(21, 27, true, 23)}\n      {...props}\n      ref={ref}\n    />\n  )\n);\n\nexport const MediumBoldResponsiveText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <BoldText\n      fontSize={getResponsiveNumericArray(24, 32)}\n      {...props}\n      ref={ref}\n    />\n  )\n);\n\nexport const MediumSemiBoldResponsiveText = React.forwardRef<\n  HTMLDivElement,\n  Props\n>((props, ref) => (\n  <SemiBoldText\n    fontSize={getResponsiveNumericArray(24, 32)}\n    {...props}\n    ref={ref}\n  />\n));\n"],"names":["RegularResponsiveText","React","props","ref","jsx","RegularText","getResponsiveNumericArray","MediumRegularResponsiveText","getResponsivePxArray","SmallBoldResponsiveText","BoldText","BoldResponsiveText","MediumBoldResponsiveText","MediumSemiBoldResponsiveText","SemiBoldText"],"mappings":";;;;AAUO,MAAMA,IAAwBC,EAAM;AAAA,EACzC,CAACC,GAAOC,MACNC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAUC,EAA0B,IAAI,IAAI,EAAK;AAAA,MAChD,GAAGJ;AAAA,MACJ,KAAAC;AAAA,IAAA;AAAA,EACF;AAEJ,GAEaI,IAA8BN,EAAM,WAG/C,CAACC,GAAOC,MACRC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,UAAUC,EAA0B,IAAI,IAAI,IAAM,EAAE;AAAA,IACpD,YAAYE,EAAqB,IAAI,IAAI,IAAM,EAAE;AAAA,IAChD,GAAGN;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD,GAEYM,IAA0BR,EAAM;AAAA,EAC3C,CAACC,GAAOC,MACNC,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,UAAUJ,EAA0B,IAAI,IAAI,EAAK;AAAA,MAChD,GAAGJ;AAAA,MACJ,KAAAC;AAAA,IAAA;AAAA,EACF;AAEJ,GAEaQ,IAAqBV,EAAM;AAAA,EACtC,CAACC,GAAOC,MACNC,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,UAAUJ,EAA0B,IAAI,IAAI,IAAM,EAAE;AAAA,MACpD,YAAYE,EAAqB,IAAI,IAAI,IAAM,EAAE;AAAA,MAChD,GAAGN;AAAA,MACJ,KAAAC;AAAA,IAAA;AAAA,EACF;AAEJ,GAEaS,IAA2BX,EAAM;AAAA,EAC5C,CAACC,GAAOC,MACNC,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,UAAUJ,EAA0B,IAAI,EAAE;AAAA,MACzC,GAAGJ;AAAA,MACJ,KAAAC;AAAA,IAAA;AAAA,EACF;AAEJ,GAEaU,IAA+BZ,EAAM,WAGhD,CAACC,GAAOC,MACRC,gBAAAA,EAAA;AAAA,EAACU;AAAA,EAAA;AAAA,IACC,UAAUR,EAA0B,IAAI,EAAE;AAAA,IACzC,GAAGJ;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD;"}

package/lib/sd-component-library165.js

@@ -1,59 +1,108 @@
 import { j as o } from "./sd-component-library195.js";
-import "./sd-component-library198.js";
-import { BaseTooltip as m } from "./sd-component-library166.js";
-import { Box as x } from "./sd-component-library199.js";
-import { ReactComponent as c } from "./sd-component-library278.js";
-const T = (r) => {
+import h from "react";
+import "./sd-component-library196.js";
+import { useHover as m } from "./sd-component-library4.js";
+import { Flex as s, Box as i } from "./sd-component-library197.js";
+import { ReactComponent as b } from "./sd-component-library187.js";
+import { HorizontalDivider as n } from "./sd-component-library52.js";
+import { TriangularPointerIcon as u } from "./sd-component-library190.js";
+import { ActionBox as g } from "./sd-component-library230.js";
+const C = (x) => {
   const {
-    tooltipText: s,
-    width: e,
-    iconColor: n,
-    placement: l,
-    iconWidth: a = "16px",
-    color: t,
-    bg: i,
-    dontTranslate: p = !1
-  } = r;
-  return /* @__PURE__ */ o.jsx(
-    m,
+    actions: e,
+    actionsBoxWidth: l = "max-content",
+    actionBoxPx: p,
+    actionBoxPy: a
+  } = x, { isHover: t, hoverCallbacks: d } = m();
+  return e.length ? /* @__PURE__ */ o.jsxs(
+    s,
     {
-      color: t,
-      bg: i,
-      width: e,
-      placement: l,
-      "data-test": "base-info-tooltip",
-      tooltipText: s,
-      dontTranslate: p,
-      children: /* @__PURE__ */ o.jsx(
-        x,
-        {
-          sx: {
-            path: {
-              transition: "all 0.5s"
-            },
-            ":hover": {
-              path: {
-                fill: i,
-                stroke: t
-              }
-            }
-          },
-          children: /* @__PURE__ */ o.jsx(
-            c,
-            {
-              style: {
-                width: a,
-                fill: "none",
-                stroke: n
+      sx: {
+        width: "fit-content",
+        position: "relative",
+        borderRadius: [!0, !0, !t, !t].map((r) => r ? "50%" : "0").join(" ")
+      },
+      ...d,
+      "data-test": "actions-tooltip",
+      children: [
+        /* @__PURE__ */ o.jsx(
+          s,
+          {
+            sx: {
+              width: "20px",
+              height: "20px",
+              justifyContent: "center",
+              alignItems: "center",
+              borderWidth: "1px",
+              borderColor: "cl_lightGrey",
+              borderRadius: "50%",
+              borderStyle: "solid",
+              svg: {
+                transform: `rotate3d(${t ? 1 : 0}, 0, 0, 180deg)`,
+                transition: "transform 0.2s",
+                width: "10px",
+                fill: "cl_blue"
               }
-            }
-          )
-        }
-      )
+            },
+            children: /* @__PURE__ */ o.jsx(b, {})
+          }
+        ),
+        t && /* @__PURE__ */ o.jsxs(
+          i,
+          {
+            sx: {
+              position: "absolute",
+              top: "calc(100% + 12px)",
+              right: "-20px",
+              width: l
+            },
+            children: [
+              /* @__PURE__ */ o.jsx(n, { color: "cl_purple", height: "2px" }),
+              /* @__PURE__ */ o.jsx(
+                u,
+                {
+                  direction: "top",
+                  sx: { position: "absolute", top: "-10px", right: "24px" }
+                }
+              ),
+              /* @__PURE__ */ o.jsx(
+                i,
+                {
+                  sx: {
+                    position: "absolute",
+                    width: "100%",
+                    height: "12px",
+                    left: 0,
+                    top: "-12px"
+                  }
+                }
+              ),
+              /* @__PURE__ */ o.jsx(
+                i,
+                {
+                  sx: {
+                    borderWidth: "1px",
+                    borderColor: "cl_lightGrey",
+                    borderStyle: "solid",
+                    borderTopStyle: "none",
+                    boxShadow: "2px 3px 10px rgba(211,223,255,0.25)",
+                    borderRadius: "0 0 3px 3px",
+                    bg: "cl_white"
+                  },
+                  children: e.map((r, c) => /* @__PURE__ */ o.jsxs(h.Fragment, { children: [
+                    /* @__PURE__ */ o.jsx(g, { ...r, px: p, py: a }),
+                    c !== e.length - 1 && /* @__PURE__ */ o.jsx(n, { color: "cl_headerLine" })
+                  ] }, r.text))
+                }
+              )
+            ]
+          }
+        )
+      ]
     }
-  );
+  ) : null;
 };
 export {
-  T as BaseInfoTooltip
+  C as ActionsTooltip
 };
 //# sourceMappingURL=sd-component-library165.js.map

package/lib/sd-component-library165.js.map

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library165.js","sources":["../src/components/tooltips/base-info-tooltip/base-info-tooltip.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { BaseTooltip } from \"../base-tooltip\";\nimport { InfoIcon } from \"./assets\";\nimport { BaseInfoTooltipProps } from \"./interfaces\";\n\n/**\n * BaseInfoTooltip component.\n * @deprecated\n */\nexport const BaseInfoTooltip: React.FC<BaseInfoTooltipProps> = (props) => {\n  const {\n    tooltipText,\n    width,\n    iconColor,\n    placement,\n    iconWidth = \"16px\",\n    color,\n    bg,\n    dontTranslate = false,\n  } = props;\n\n  return (\n    <BaseTooltip\n      color={color}\n      bg={bg}\n      width={width}\n      placement={placement}\n      data-test=\"base-info-tooltip\"\n      tooltipText={tooltipText}\n      dontTranslate={dontTranslate}\n    >\n      <Box\n        sx={{\n          path: {\n            transition: \"all 0.5s\",\n          },\n          \":hover\": {\n            path: {\n              fill: bg,\n              stroke: color,\n            },\n          },\n        }}\n      >\n        <InfoIcon\n          style={{\n            width: iconWidth,\n            fill: \"none\",\n            stroke: iconColor,\n          }}\n        />\n      </Box>\n    </BaseTooltip>\n  );\n};\n"],"names":["BaseInfoTooltip","props","tooltipText","width","iconColor","placement","iconWidth","color","bg","dontTranslate","jsx","BaseTooltip","Box","InfoIcon"],"mappings":";;;;;AAYa,MAAAA,IAAkD,CAACC,MAAU;AAClE,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,OAAAC;AAAA,IACA,IAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,EACd,IAAAR;AAGF,SAAAS,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAJ;AAAA,MACA,IAAAC;AAAA,MACA,OAAAL;AAAA,MACA,WAAAE;AAAA,MACA,aAAU;AAAA,MACV,aAAAH;AAAA,MACA,eAAAO;AAAA,MAEA,UAAAC,gBAAAA,EAAA;AAAA,QAACE;AAAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,MAAM;AAAA,cACJ,YAAY;AAAA,YACd;AAAA,YACA,UAAU;AAAA,cACR,MAAM;AAAA,gBACJ,MAAMJ;AAAA,gBACN,QAAQD;AAAA,cACV;AAAA,YACF;AAAA,UACF;AAAA,UAEA,UAAAG,gBAAAA,EAAA;AAAA,YAACG;AAAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACL,OAAOP;AAAA,gBACP,MAAM;AAAA,gBACN,QAAQF;AAAA,cACV;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library165.js","sources":["../src/components/tooltips/actions-tooltip/actions-tooltip.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { useHover } from \"../../../core/custom-hooks\";\nimport { HorizontalDivider } from \"../../dividers/horizontal-divider\";\nimport { ShortDownArrowIcon } from \"../../icons/short-dropdown-arrow-icon\";\nimport { TriangularPointerIcon } from \"../../icons/triangular-pointer-icon\";\nimport { ActionsTooltipProps as Props } from \"./interfaces\";\nimport { ActionBox } from \"./partials/action-box\";\n\nexport const ActionsTooltip: React.FC<Props> = (props) => {\n  const {\n    actions,\n    actionsBoxWidth = \"max-content\",\n    actionBoxPx,\n    actionBoxPy,\n  } = props;\n\n  const { isHover, hoverCallbacks } = useHover();\n\n  if (!actions.length) return null;\n\n  return (\n    <Flex\n      sx={{\n        width: \"fit-content\",\n        position: \"relative\",\n        borderRadius: [true, true, !isHover, !isHover]\n          .map((flag) => (flag ? \"50%\" : \"0\"))\n          .join(\" \"),\n      }}\n      {...hoverCallbacks}\n      data-test=\"actions-tooltip\"\n    >\n      <Flex\n        sx={{\n          width: \"20px\",\n          height: \"20px\",\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          borderWidth: \"1px\",\n          borderColor: \"cl_lightGrey\",\n          borderRadius: \"50%\",\n          borderStyle: \"solid\",\n          svg: {\n            transform: `rotate3d(${isHover ? 1 : 0}, 0, 0, 180deg)`,\n            transition: \"transform 0.2s\",\n            width: \"10px\",\n            fill: \"cl_blue\",\n          },\n        }}\n      >\n        <ShortDownArrowIcon />\n      </Flex>\n\n      {isHover && (\n        <Box\n          sx={{\n            position: \"absolute\",\n            top: \"calc(100% + 12px)\",\n            right: \"-20px\",\n            width: actionsBoxWidth,\n          }}\n        >\n          <HorizontalDivider color=\"cl_purple\" height=\"2px\" />\n\n          <TriangularPointerIcon\n            direction=\"top\"\n            sx={{ position: \"absolute\", top: \"-10px\", right: \"24px\" }}\n          />\n\n          <Box\n            sx={{\n              position: \"absolute\",\n              width: \"100%\",\n              height: \"12px\",\n              left: 0,\n              top: \"-12px\",\n            }}\n          />\n\n          <Box\n            sx={{\n              borderWidth: \"1px\",\n              borderColor: \"cl_lightGrey\",\n              borderStyle: \"solid\",\n              borderTopStyle: \"none\",\n              boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n              borderRadius: \"0 0 3px 3px\",\n              bg: \"cl_white\",\n            }}\n          >\n            {actions.map((action, idx) => (\n              <React.Fragment key={action.text}>\n                <ActionBox {...action} px={actionBoxPx} py={actionBoxPy} />\n\n                {idx !== actions.length - 1 && (\n                  <HorizontalDivider color=\"cl_headerLine\" />\n                )}\n              </React.Fragment>\n            ))}\n          </Box>\n        </Box>\n      )}\n    </Flex>\n  );\n};\n"],"names":["ActionsTooltip","props","actions","actionsBoxWidth","actionBoxPx","actionBoxPy","isHover","hoverCallbacks","useHover","jsxs","Flex","flag","jsx","ShortDownArrowIcon","Box","HorizontalDivider","TriangularPointerIcon","action","idx","React","ActionBox"],"mappings":";;;;;;;;;AAWa,MAAAA,IAAkC,CAACC,MAAU;AAClD,QAAA;AAAA,IACJ,SAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,aAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAAJ,GAEE,EAAE,SAAAK,GAAS,gBAAAC,EAAe,IAAIC,EAAS;AAE7C,SAAKN,EAAQ,SAGXO,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAO;AAAA,QACP,UAAU;AAAA,QACV,cAAc,CAAC,IAAM,IAAM,CAACJ,GAAS,CAACA,CAAO,EAC1C,IAAI,CAACK,MAAUA,IAAO,QAAQ,GAAI,EAClC,KAAK,GAAG;AAAA,MACb;AAAA,MACC,GAAGJ;AAAA,MACJ,aAAU;AAAA,MAEV,UAAA;AAAA,QAAAK,gBAAAA,EAAA;AAAA,UAACF;AAAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,gBAAgB;AAAA,cAChB,YAAY;AAAA,cACZ,aAAa;AAAA,cACb,aAAa;AAAA,cACb,cAAc;AAAA,cACd,aAAa;AAAA,cACb,KAAK;AAAA,gBACH,WAAW,YAAYJ,IAAU,IAAI,CAAC;AAAA,gBACtC,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACP,MAAM;AAAA,cACR;AAAA,YACF;AAAA,YAEA,gCAACO,GAAmB,EAAA;AAAA,UAAA;AAAA,QACtB;AAAA,QAECP,KACCG,gBAAAA,EAAA;AAAA,UAACK;AAAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,UAAU;AAAA,cACV,KAAK;AAAA,cACL,OAAO;AAAA,cACP,OAAOX;AAAA,YACT;AAAA,YAEA,UAAA;AAAA,cAAAS,gBAAAA,EAAA,IAACG,GAAkB,EAAA,OAAM,aAAY,QAAO,OAAM;AAAA,cAElDH,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,IAAI,EAAE,UAAU,YAAY,KAAK,SAAS,OAAO,OAAO;AAAA,gBAAA;AAAA,cAC1D;AAAA,cAEAJ,gBAAAA,EAAA;AAAA,gBAACE;AAAAA,gBAAA;AAAA,kBACC,IAAI;AAAA,oBACF,UAAU;AAAA,oBACV,OAAO;AAAA,oBACP,QAAQ;AAAA,oBACR,MAAM;AAAA,oBACN,KAAK;AAAA,kBACP;AAAA,gBAAA;AAAA,cACF;AAAA,cAEAF,gBAAAA,EAAA;AAAA,gBAACE;AAAAA,gBAAA;AAAA,kBACC,IAAI;AAAA,oBACF,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,aAAa;AAAA,oBACb,gBAAgB;AAAA,oBAChB,WAAW;AAAA,oBACX,cAAc;AAAA,oBACd,IAAI;AAAA,kBACN;AAAA,kBAEC,UAAAZ,EAAQ,IAAI,CAACe,GAAQC,MACnBT,gBAAAA,EAAAA,KAAAU,EAAM,UAAN,EACC,UAAA;AAAA,oBAAAP,gBAAAA,MAACQ,KAAW,GAAGH,GAAQ,IAAIb,GAAa,IAAIC,GAAa;AAAA,oBAExDa,MAAQhB,EAAQ,SAAS,KACvBU,gBAAAA,EAAA,IAAAG,GAAA,EAAkB,OAAM,iBAAgB;AAAA,kBAAA,KAJxBE,EAAO,IAM5B,CACD;AAAA,gBAAA;AAAA,cACH;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAlFsB;AAsF9B;"}