@selfdecode/sd-component-library 4.0.73-vite14 → 4.0.73-vite15

package/lib/sd-component-library280.js

@@ -1,30 +1,12 @@
-import { j as o } from "./sd-component-library195.js";
-import { ThirteenBold as h } from "./sd-component-library151.js";
-import { Button as m } from "./sd-component-library28.js";
-import { MaxMaxContainer as f } from "./sd-component-library43.js";
-const T = (s) => {
-  const {
-    Icon: i,
-    iconHeight: n,
-    title: l,
-    isActive: r,
-    hash: t,
-    onTabSelect: c,
-    enableScroll: a,
-    activeColor: e,
-    history: p
-  } = s, x = a ? {
-    scrollTo: t
-  } : {};
-  return /* @__PURE__ */ o.jsx(m, { bg: "transparent", onClick: () => c(t), history: p, "data-test": `tab-${t}`, ...x, children: /* @__PURE__ */ o.jsxs(f, { gap: ["15px", "20px"], children: [
-    /* @__PURE__ */ o.jsx(i, { style: {
-      height: n,
-      fill: r ? e : "#434A54"
-    } }),
-    /* @__PURE__ */ o.jsx(h, { textTransform: "uppercase", color: r ? e : "#434A54", cursor: "pointer", children: l })
-  ] }) });
-};
+import * as e from "react";
+const t = (n) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", ...n }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, `
+            .info-icon-a {
+            stroke-linecap: round;
+            stroke-linejoin: round;
+            stroke-width: 2px;
+            }
+        `)), /* @__PURE__ */ e.createElement("g", { transform: "translate(1 1)" }, /* @__PURE__ */ e.createElement("path", { className: "info-icon-a", d: "M19,11a8,8,0,1,1-8-8A8,8,0,0,1,19,11Z", transform: "translate(-3 -3)" }), /* @__PURE__ */ e.createElement("path", { className: "info-icon-a", d: "M18,21.2V18", transform: "translate(-10 -10)" }), /* @__PURE__ */ e.createElement("path", { className: "info-icon-a", d: "M18,12h0", transform: "translate(-10 -7.2)" })));
 export {
-  T as Tab
+  t as ReactComponent
 };
 //# sourceMappingURL=sd-component-library280.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library280.js","sources":["../src/components/tabs/tabs-menu/partials/tab/tab.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button, MaxMaxContainer, ThirteenBold } from \"../../../../..\";\nimport { TabProps } from \"./interfaces\";\n\n/**\n * Tab component to render a single tab button.\n */\nexport const Tab: React.FC<TabProps> = (props) => {\n  const {\n    Icon,\n    iconHeight,\n    title,\n    isActive,\n    hash,\n    onTabSelect,\n    enableScroll,\n    activeColor,\n    history,\n  } = props;\n\n  const scrollProps = enableScroll\n    ? {\n        scrollTo: hash,\n      }\n    : {};\n\n  return (\n    <Button\n      bg=\"transparent\"\n      onClick={() => onTabSelect(hash)}\n      history={history}\n      data-test={`tab-${hash}`}\n      {...scrollProps}\n    >\n      <MaxMaxContainer gap={[\"15px\", \"20px\"]}>\n        <Icon\n          style={{\n            height: iconHeight,\n            fill: isActive ? activeColor : \"#434A54\",\n          }}\n        />\n        <ThirteenBold\n          textTransform=\"uppercase\"\n          color={isActive ? activeColor : \"#434A54\"}\n          cursor=\"pointer\"\n        >\n          {title}\n        </ThirteenBold>\n      </MaxMaxContainer>\n    </Button>\n  );\n};\n"],"names":["Tab","props","Icon","iconHeight","title","isActive","hash","onTabSelect","enableScroll","activeColor","history","scrollProps","scrollTo","jsx","Button","jsxs","MaxMaxContainer","height","fill","ThirteenBold"],"mappings":";;;;AAQO,MAAMA,IAA2BC,CAAUA,MAAA;AAC1C,QAAA;AAAA,IACJC,MAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,SAAAA;AAAAA,EACET,IAAAA,GAEEU,IAAcH,IAChB;AAAA,IACEI,UAAUN;AAAAA,MAEZ;AAGF,SAAAO,gBAAAA,MAACC,KACC,IAAG,eACH,SAAS,MAAMP,EAAYD,CAAI,GAC/B,SAAAI,GACA,aAAY,OAAMJ,CAAK,IACvB,GAAIK,GAEJ,UAAAI,gBAAAA,EAAAA,KAACC,KAAgB,KAAK,CAAC,QAAQ,MAAM,GACnC,UAAA;AAAA,IAAAH,gBAAAA,MAACX,KACC,OAAO;AAAA,MACLe,QAAQd;AAAAA,MACRe,MAAMb,IAAWI,IAAc;AAAA,IAAA,GAC/B;AAAA,IAEJI,gBAAAA,EAAAA,IAACM,GACC,EAAA,eAAc,aACd,OAAOd,IAAWI,IAAc,WAChC,QAAO,WAENL,UACHA,EAAA,CAAA;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library280.js","sources":["../src/components/tooltips/base-info-tooltip/assets/info-icon.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5pbmZvLWljb24tYSB7CiAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwOiByb3VuZDsKICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsKICAgICAgICAgICAgc3Ryb2tlLXdpZHRoOiAycHg7CiAgICAgICAgICAgIH0KICAgICAgICA8L3N0eWxlPgogICAgPC9kZWZzPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+CiAgICAgICAgPHBhdGggY2xhc3M9ImluZm8taWNvbi1hIiBkPSJNMTksMTFhOCw4LDAsMSwxLTgtOEE4LDgsMCwwLDEsMTksMTFaIgogICAgICAgICAgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zIC0zKSIvPgogICAgICAgIDxwYXRoIGNsYXNzPSJpbmZvLWljb24tYSIgZD0iTTE4LDIxLjJWMTgiCiAgICAgICAgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwIC0xMCkiLz4KICAgICAgICA8cGF0aCBjbGFzcz0iaW5mby1pY29uLWEiIGQ9Ik0xOCwxMmgwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAgLTcuMikiLz4KICAgIDwvZz4KPC9zdmc+Cg==\""],"names":["SvgInfoIcon","props","React"],"mappings":";AACK,MAACA,IAAc,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,MAAsB,gBAAAA,EAAM,cAAc,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAgK,CAAC,GAAmB,gBAAAA,EAAM,cAAc,KAAK,EAAE,WAAW,iBAAgB,GAAoB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,eAAe,GAAG,yCAAyC,WAAW,oBAAoB,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,eAAe,GAAG,eAAe,WAAW,qBAAoB,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,eAAe,GAAG,YAAY,WAAW,sBAAuB,CAAA,CAAC,CAAC;"}

package/lib/sd-component-library281.js

@@ -1,12 +1,36 @@
-import * as e from "react";
-const t = (n) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", ...n }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, `
-            .info-icon-a {
-            stroke-linecap: round;
-            stroke-linejoin: round;
-            stroke-width: 2px;
-            }
-        `)), /* @__PURE__ */ e.createElement("g", { transform: "translate(1 1)" }, /* @__PURE__ */ e.createElement("path", { className: "info-icon-a", d: "M19,11a8,8,0,1,1-8-8A8,8,0,0,1,19,11Z", transform: "translate(-3 -3)" }), /* @__PURE__ */ e.createElement("path", { className: "info-icon-a", d: "M18,21.2V18", transform: "translate(-10 -10)" }), /* @__PURE__ */ e.createElement("path", { className: "info-icon-a", d: "M18,12h0", transform: "translate(-10 -7.2)" })));
+import { j as i } from "./sd-component-library195.js";
+import d from "react";
+import { FlexCenter as e } from "./sd-component-library37.js";
+import { ResponsiveTextV2 as r } from "./sd-component-library147.js";
+import { HorizontalDivider as m } from "./sd-component-library51.js";
+const g = d.forwardRef(({
+  mobileTitle: t,
+  tooltipWidth: o,
+  tooltipText: x,
+  zIndex: h,
+  pointerColor: n
+}, p) => /* @__PURE__ */ i.jsx(e, { sx: {
+  position: "fixed",
+  top: 0,
+  left: 0,
+  width: "100vw",
+  height: "100vh",
+  bg: "#262626AA",
+  zIndex: h
+}, ref: p, children: /* @__PURE__ */ i.jsxs(e, { flexDirection: "column", sx: {
+  width: o,
+  maxWidth: "min(500px, calc(100vw - 30px))",
+  bg: "cl_white",
+  p: "20px",
+  borderRadius: "5px"
+}, children: [
+  t && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+    /* @__PURE__ */ i.jsx(r, { maxWidth: "100%", fontSizeWeight: [16, "bold"], children: t }),
+    /* @__PURE__ */ i.jsx(m, { width: "min(50px, calc(100% - 40px))", color: n, height: "2px", m: "10px 0" })
+  ] }),
+  /* @__PURE__ */ i.jsx(r, { maxWidth: "100%", fontSizeWeight: [14, "regular"], children: x })
+] }) }));
 export {
-  t as ReactComponent
+  g as TooltipWithPointerMobile
 };
 //# sourceMappingURL=sd-component-library281.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library281.js","sources":["../src/components/tooltips/base-info-tooltip/assets/info-icon.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGU+CiAgICAgICAgICAgIC5pbmZvLWljb24tYSB7CiAgICAgICAgICAgIHN0cm9rZS1saW5lY2FwOiByb3VuZDsKICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsKICAgICAgICAgICAgc3Ryb2tlLXdpZHRoOiAycHg7CiAgICAgICAgICAgIH0KICAgICAgICA8L3N0eWxlPgogICAgPC9kZWZzPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+CiAgICAgICAgPHBhdGggY2xhc3M9ImluZm8taWNvbi1hIiBkPSJNMTksMTFhOCw4LDAsMSwxLTgtOEE4LDgsMCwwLDEsMTksMTFaIgogICAgICAgICAgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zIC0zKSIvPgogICAgICAgIDxwYXRoIGNsYXNzPSJpbmZvLWljb24tYSIgZD0iTTE4LDIxLjJWMTgiCiAgICAgICAgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwIC0xMCkiLz4KICAgICAgICA8cGF0aCBjbGFzcz0iaW5mby1pY29uLWEiIGQ9Ik0xOCwxMmgwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAgLTcuMikiLz4KICAgIDwvZz4KPC9zdmc+Cg==\""],"names":["SvgInfoIcon","props","React"],"mappings":";AACK,MAACA,IAAc,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,MAAsB,gBAAAA,EAAM,cAAc,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAgK,CAAC,GAAmB,gBAAAA,EAAM,cAAc,KAAK,EAAE,WAAW,iBAAgB,GAAoB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,eAAe,GAAG,yCAAyC,WAAW,oBAAoB,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,eAAe,GAAG,eAAe,WAAW,qBAAoB,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,eAAe,GAAG,YAAY,WAAW,sBAAuB,CAAA,CAAC,CAAC;"}
+{"version":3,"file":"sd-component-library281.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-mobile/tooltip-with-pointer-mobile.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { FlexCenter } from \"../../../../containers\";\nimport { HorizontalDivider } from \"../../../../dividers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerProps } from \"../../interfaces\";\n\ntype Props = Pick<\n  TooltipWithPointerProps,\n  \"mobileTitle\" | \"tooltipText\" | \"tooltipWidth\" | \"zIndex\" | \"pointerColor\"\n>;\n\nexport const TooltipWithPointerMobile = React.forwardRef<HTMLDivElement, Props>(\n  ({ mobileTitle, tooltipWidth, tooltipText, zIndex, pointerColor }, ref) => {\n    return (\n      <FlexCenter\n        sx={{\n          position: \"fixed\",\n          top: 0,\n          left: 0,\n          width: \"100vw\",\n          height: \"100vh\",\n          bg: \"#262626AA\",\n          zIndex,\n        }}\n        ref={ref}\n      >\n        <FlexCenter\n          flexDirection=\"column\"\n          sx={{\n            width: tooltipWidth,\n            maxWidth: \"min(500px, calc(100vw - 30px))\",\n            bg: \"cl_white\",\n            p: \"20px\",\n            borderRadius: \"5px\",\n          }}\n        >\n          {mobileTitle && (\n            <>\n              <ResponsiveTextV2 maxWidth=\"100%\" fontSizeWeight={[16, \"bold\"]}>\n                {mobileTitle}\n              </ResponsiveTextV2>\n\n              <HorizontalDivider\n                width=\"min(50px, calc(100% - 40px))\"\n                color={pointerColor}\n                height=\"2px\"\n                m=\"10px 0\"\n              />\n            </>\n          )}\n\n          <ResponsiveTextV2 maxWidth=\"100%\" fontSizeWeight={[14, \"regular\"]}>\n            {tooltipText}\n          </ResponsiveTextV2>\n        </FlexCenter>\n      </FlexCenter>\n    );\n  }\n);\n"],"names":["TooltipWithPointerMobile","React","forwardRef","mobileTitle","tooltipWidth","tooltipText","zIndex","pointerColor","ref","jsx","FlexCenter","position","top","left","width","height","bg","jsxs","maxWidth","p","borderRadius","Fragment","ResponsiveTextV2","HorizontalDivider"],"mappings":";;;;;AAYaA,MAAAA,IAA2BC,EAAMC,WAC5C,CAAC;AAAA,EAAEC,aAAAA;AAAAA,EAAaC,cAAAA;AAAAA,EAAcC,aAAAA;AAAAA,EAAaC,QAAAA;AAAAA,EAAQC,cAAAA;AAAa,GAAGC,MAE/DC,gBAAAA,EAAA,IAACC,KACC,IAAI;AAAA,EACFC,UAAU;AAAA,EACVC,KAAK;AAAA,EACLC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,IAAI;AAAA,EACJV,QAAAA;AAAAA,GAEF,KAAAE,GAEA,UAAAS,gBAAAA,EAAA,KAACP,GACC,EAAA,eAAc,UACd,IAAI;AAAA,EACFI,OAAOV;AAAAA,EACPc,UAAU;AAAA,EACVF,IAAI;AAAA,EACJG,GAAG;AAAA,EACHC,cAAc;AAGfjB,GAAAA,UAAAA;AAAAA,EAAAA,KAEGc,gBAAAA,EAAA,KAAAI,YAAA,EAAA,UAAA;AAAA,IAACZ,gBAAAA,EAAAA,IAAAa,GAAA,EAAiB,UAAS,QAAO,gBAAgB,CAAC,IAAI,MAAM,GAC1DnB,UACHA,EAAA,CAAA;AAAA,IAEAM,gBAAAA,EAAAA,IAACc,KACC,OAAM,gCACN,OAAOhB,GACP,QAAO,OACP,GAAE,SAAQ,CAAA;AAAA,EAAA,GAEd;AAAA,EAGFE,gBAAAA,EAAAA,IAACa,KAAiB,UAAS,QAAO,gBAAgB,CAAC,IAAI,SAAS,GAC7DjB,UACHA,EAAA,CAAA;AAAA,EACF,CAAA,EACF,CAAA,CAGN;"}

package/lib/sd-component-library282.js

@@ -1,10 +1,77 @@
-import o from "./sd-component-library309.js";
-import e from "./sd-component-library310.js";
-function f(t) {
-  var r = e(t, "string");
-  return o(r) === "symbol" ? r : String(r);
-}
+import { j as r } from "./sd-component-library195.js";
+import u from "react";
+import "./sd-component-library198.js";
+import { Flex as j, Box as s } from "./sd-component-library199.js";
+import { TriangularPointerIcon as x } from "./sd-component-library189.js";
+import { ResponsiveTextV2 as R } from "./sd-component-library147.js";
+const $ = u.forwardRef(({
+  pointerSx: n,
+  tooltipSx: d,
+  tooltipText: p,
+  tooltipWidth: l,
+  tooltipPy: a,
+  tooltipPx: h,
+  pointerSize: c,
+  tooltipOffset: i,
+  placement: t,
+  containerSx: y,
+  animationDuration: m,
+  state: g,
+  pointerColor: o
+}, f) => {
+  const b = t === "right" ? {
+    left: "100%"
+  } : {
+    right: "100%"
+  }, e = {
+    size: `${c}px`,
+    color: o,
+    sx: {
+      my: "auto",
+      ...n
+    }
+  };
+  return /* @__PURE__ */ r.jsxs(j, { sx: {
+    position: "absolute",
+    top: "calc(50% - 14px)",
+    cursor: "default",
+    alignItems: "center",
+    opacity: g === "entered" ? 1 : 0,
+    transition: `opacity ${m}ms`,
+    zIndex: 1,
+    ...b,
+    ...d
+  }, ref: f, "data-test": "tooltip-content", children: [
+    t === "right" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsx(s, { width: `${i}px` }),
+      /* @__PURE__ */ r.jsx(x, { direction: "left", ...e })
+    ] }),
+    /* @__PURE__ */ r.jsx(R, { fontSizeWeight: [14, "regular"], sx: {
+      width: l,
+      lineHeight: "16px",
+      bg: "cl_white",
+      px: h,
+      py: a,
+      borderColor: "cl_lightGrey",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      ...t === "left" ? {
+        borderRightWidth: "2px",
+        borderRightColor: o,
+        borderRadius: "3px 0 0 3px"
+      } : {
+        borderLeftWidth: "2px",
+        borderLeftColor: o,
+        borderRadius: "0 3px 3px 0"
+      }
+    }, children: p }),
+    t === "left" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsx(x, { direction: "right", ...e }),
+      /* @__PURE__ */ r.jsx(s, { width: `${i}px` })
+    ] })
+  ] });
+});
 export {
-  f as default
+  $ as TooltipWithPointerHorizontal
 };
 //# sourceMappingURL=sd-component-library282.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library282.js","sources":["../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"],"sourcesContent":["import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n  var key = toPrimitive(arg, \"string\");\n  return _typeof(key) === \"symbol\" ? key : String(key);\n}"],"names":["_toPropertyKey","arg","key","toPrimitive","_typeof"],"mappings":";;AAEe,SAASA,EAAeC,GAAK;AAC1C,MAAIC,IAAMC,EAAYF,GAAK,QAAQ;AACnC,SAAOG,EAAQF,CAAG,MAAM,WAAWA,IAAM,OAAOA,CAAG;AACrD;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library282.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-horizontal/tooltip-with-pointer-horizontal.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerPartialProps as Props } from \"../interfaces\";\n\nexport const TooltipWithPointerHorizontal = React.forwardRef<\n  HTMLDivElement,\n  Props\n>(\n  (\n    {\n      pointerSx,\n      tooltipSx,\n      tooltipText,\n      tooltipWidth,\n      tooltipPy,\n      tooltipPx,\n      pointerSize,\n      tooltipOffset,\n      placement,\n      containerSx,\n      animationDuration,\n      state,\n      pointerColor,\n    },\n    ref\n  ) => {\n    const tooltipContainerProps =\n      placement === \"right\"\n        ? {\n            left: \"100%\",\n          }\n        : {\n            right: \"100%\",\n          };\n\n    const pointerCommonProps = {\n      size: `${pointerSize}px`,\n      color: pointerColor,\n      sx: {\n        my: \"auto\",\n        ...pointerSx,\n      },\n    };\n\n    return (\n      <Flex\n        sx={{\n          position: \"absolute\",\n          top: \"calc(50% - 14px)\",\n          cursor: \"default\",\n          alignItems: \"center\",\n          opacity: state === \"entered\" ? 1 : 0,\n          transition: `opacity ${animationDuration}ms`,\n          zIndex: 1,\n          ...tooltipContainerProps,\n          ...tooltipSx,\n        }}\n        ref={ref}\n        data-test=\"tooltip-content\"\n      >\n        {placement === \"right\" && (\n          <>\n            <Box width={`${tooltipOffset}px`} />\n            <TriangularPointerIcon direction=\"left\" {...pointerCommonProps} />\n          </>\n        )}\n\n        <ResponsiveTextV2\n          fontSizeWeight={[14, \"regular\"]}\n          sx={{\n            width: tooltipWidth,\n            lineHeight: \"16px\",\n            bg: \"cl_white\",\n            px: tooltipPx,\n            py: tooltipPy,\n            borderColor: \"cl_lightGrey\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n            ...(placement === \"left\"\n              ? {\n                  borderRightWidth: \"2px\",\n                  borderRightColor: pointerColor,\n                  borderRadius: \"3px 0 0 3px\",\n                }\n              : {\n                  borderLeftWidth: \"2px\",\n                  borderLeftColor: pointerColor,\n                  borderRadius: \"0 3px 3px 0\",\n                }),\n          }}\n        >\n          {tooltipText}\n        </ResponsiveTextV2>\n\n        {placement === \"left\" && (\n          <>\n            <TriangularPointerIcon direction=\"right\" {...pointerCommonProps} />\n            <Box width={`${tooltipOffset}px`} />\n          </>\n        )}\n      </Flex>\n    );\n  }\n);\n"],"names":["TooltipWithPointerHorizontal","React","forwardRef","pointerSx","tooltipSx","tooltipText","tooltipWidth","tooltipPy","tooltipPx","pointerSize","tooltipOffset","placement","containerSx","animationDuration","state","pointerColor","ref","tooltipContainerProps","left","right","pointerCommonProps","size","color","sx","my","jsxs","Flex","position","top","cursor","alignItems","opacity","transition","zIndex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2","width","lineHeight","bg","px","py","borderColor","borderWidth","borderStyle","borderRightWidth","borderRightColor","borderRadius","borderLeftWidth","borderLeftColor"],"mappings":";;;;;;AAQaA,MAAAA,IAA+BC,EAAMC,WAIhD,CACE;AAAA,EACEC,WAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,mBAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,cAAAA;AACF,GACAC,MACG;AACGC,QAAAA,IACJN,MAAc,UACV;AAAA,IACEO,MAAM;AAAA,EAAA,IAER;AAAA,IACEC,OAAO;AAAA,EAAA,GAGTC,IAAqB;AAAA,IACzBC,MAAO,GAAEZ,CAAY;AAAA,IACrBa,OAAOP;AAAAA,IACPQ,IAAI;AAAA,MACFC,IAAI;AAAA,MACJ,GAAGrB;AAAAA,IACL;AAAA,EAAA;AAIA,SAAAsB,gBAAAA,EAAA,KAACC,KACC,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,QAAQ;AAAA,IACRC,YAAY;AAAA,IACZC,SAASjB,MAAU,YAAY,IAAI;AAAA,IACnCkB,YAAa,WAAUnB,CAAkB;AAAA,IACzCoB,QAAQ;AAAA,IACR,GAAGhB;AAAAA,IACH,GAAGb;AAAAA,EACL,GACA,KAAAY,GACA,aAAU,mBAETL,UAAAA;AAAAA,IAAAA,MAAc,WAEXc,gBAAAA,EAAAA,KAAAS,EAAA,UAAA,EAAA,UAAA;AAAA,MAAAC,gBAAAA,EAAA,IAACC,GAAI,EAAA,OAAQ,GAAE1B,CAAc,MAAI;AAAA,MAChCyB,gBAAAA,EAAA,IAAAE,GAAA,EAAsB,WAAU,QAAWjB,GAAAA,EAAmB,CAAA;AAAA,IAAA,GACjE;AAAA,0BAGDkB,GACC,EAAA,gBAAgB,CAAC,IAAI,SAAS,GAC9B,IAAI;AAAA,MACFC,OAAOjC;AAAAA,MACPkC,YAAY;AAAA,MACZC,IAAI;AAAA,MACJC,IAAIlC;AAAAA,MACJmC,IAAIpC;AAAAA,MACJqC,aAAa;AAAA,MACbC,aAAa;AAAA,MACbC,aAAa;AAAA,MACb,GAAInC,MAAc,SACd;AAAA,QACEoC,kBAAkB;AAAA,QAClBC,kBAAkBjC;AAAAA,QAClBkC,cAAc;AAAA,MAAA,IAEhB;AAAA,QACEC,iBAAiB;AAAA,QACjBC,iBAAiBpC;AAAAA,QACjBkC,cAAc;AAAA,MAChB;AAAA,IAAA,GAGL5C,UACHA,GAAA;AAAA,IAECM,MAAc,UAEXc,gBAAAA,EAAAA,KAAAS,EAAA,UAAA,EAAA,UAAA;AAAA,MAAAC,gBAAAA,EAAA,IAACE,GAAsB,EAAA,WAAU,SAAYjB,GAAAA,EAAmB,CAAA;AAAA,MAC/De,gBAAAA,EAAA,IAAAC,GAAA,EAAI,OAAQ,GAAE1B,CAAc,MAAI;AAAA,IAAA,GACnC;AAAA,EAEJ,EAAA,CAAA;AAEJ,CACF;"}

package/lib/sd-component-library283.js

@@ -1,9 +1,78 @@
-import { __module as r } from "./sd-component-library320.js";
-import { __require as e } from "./sd-component-library321.js";
-import { __require as o } from "./sd-component-library322.js";
-process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
-var i = r.exports;
+import { j as o } from "./sd-component-library195.js";
+import g from "react";
+import "./sd-component-library198.js";
+import { Flex as j, Box as s } from "./sd-component-library199.js";
+import { TriangularPointerIcon as n } from "./sd-component-library189.js";
+import { ResponsiveTextV2 as y } from "./sd-component-library147.js";
+const $ = g.forwardRef(({
+  pointerSx: x,
+  tooltipPx: p,
+  tooltipText: d,
+  tooltipSx: a,
+  tooltipPy: l,
+  tooltipOffset: e,
+  pointerSize: m,
+  tooltipWidth: c,
+  placement: t,
+  state: h,
+  containerSx: R,
+  animationDuration: b,
+  pointerColor: r
+}, u) => {
+  const f = t === "bottom" ? {
+    top: "100%"
+  } : {
+    bottom: "100%"
+  }, i = {
+    size: `${m}px`,
+    color: r,
+    sx: {
+      my: "auto",
+      ...x
+    }
+  };
+  return /* @__PURE__ */ o.jsxs(j, { flexDirection: "column", sx: {
+    position: "absolute",
+    left: "50%",
+    transform: "translateX(-50%)",
+    cursor: "default",
+    alignItems: "center",
+    opacity: h === "entered" ? 1 : 0,
+    transition: `opacity ${b}ms`,
+    zIndex: 1,
+    ...f,
+    ...a
+  }, ref: u, "data-test": "tooltip-content", children: [
+    t === "bottom" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      /* @__PURE__ */ o.jsx(s, { height: `${e}px` }),
+      /* @__PURE__ */ o.jsx(n, { direction: "top", ...i })
+    ] }),
+    /* @__PURE__ */ o.jsx(y, { fontSizeWeight: [14, "regular"], sx: {
+      width: c,
+      lineHeight: "16px",
+      bg: "cl_white",
+      px: p,
+      py: l,
+      borderColor: "cl_lightGrey",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      ...t === "top" ? {
+        borderBottomWidth: "2px",
+        borderBottomColor: r,
+        borderRadius: "3px 3px 0 0"
+      } : {
+        borderTopWidth: "2px",
+        borderTopColor: r,
+        borderRadius: "0 0 3px 3px"
+      }
+    }, children: d }),
+    t === "top" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      /* @__PURE__ */ o.jsx(n, { direction: "bottom", ...i }),
+      /* @__PURE__ */ o.jsx(s, { height: `${e}px` })
+    ] })
+  ] });
+});
 export {
-  i as r
+  $ as TooltipWithPointerVertical
 };
 //# sourceMappingURL=sd-component-library283.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library283.js","sources":["../node_modules/react-is/index.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-is.production.min.js');\n} else {\n  module.exports = require('./cjs/react-is.development.js');\n}\n"],"names":["reactIsModule","require$$0","require$$1"],"mappings":";;;AAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,MAEjBD,EAAA,UAAiBE;;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library283.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-vertical/tooltip-with-pointer-vertical.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerPartialProps as Props } from \"../interfaces\";\n\nexport const TooltipWithPointerVertical = React.forwardRef<\n  HTMLDivElement,\n  Props\n>(\n  (\n    {\n      pointerSx,\n      tooltipPx,\n      tooltipText,\n      tooltipSx,\n      tooltipPy,\n      tooltipOffset,\n      pointerSize,\n      tooltipWidth,\n      placement,\n      state,\n      containerSx,\n      animationDuration,\n      pointerColor,\n    },\n    ref\n  ) => {\n    const tooltipContainerProps =\n      placement === \"bottom\"\n        ? {\n            top: \"100%\",\n          }\n        : {\n            bottom: \"100%\",\n          };\n\n    const pointerCommonProps = {\n      size: `${pointerSize}px`,\n      color: pointerColor,\n      sx: {\n        my: \"auto\",\n        ...pointerSx,\n      },\n    };\n\n    return (\n      <Flex\n        flexDirection=\"column\"\n        sx={{\n          position: \"absolute\",\n          left: \"50%\",\n          transform: \"translateX(-50%)\",\n          cursor: \"default\",\n          alignItems: \"center\",\n          opacity: state === \"entered\" ? 1 : 0,\n          transition: `opacity ${animationDuration}ms`,\n          zIndex: 1,\n          ...tooltipContainerProps,\n          ...tooltipSx,\n        }}\n        ref={ref}\n        data-test=\"tooltip-content\"\n      >\n        {placement === \"bottom\" && (\n          <>\n            <Box height={`${tooltipOffset}px`} />\n            <TriangularPointerIcon direction=\"top\" {...pointerCommonProps} />\n          </>\n        )}\n\n        <ResponsiveTextV2\n          fontSizeWeight={[14, \"regular\"]}\n          sx={{\n            width: tooltipWidth,\n            lineHeight: \"16px\",\n            bg: \"cl_white\",\n            px: tooltipPx,\n            py: tooltipPy,\n            borderColor: \"cl_lightGrey\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n            ...(placement === \"top\"\n              ? {\n                  borderBottomWidth: \"2px\",\n                  borderBottomColor: pointerColor,\n                  borderRadius: \"3px 3px 0 0\",\n                }\n              : {\n                  borderTopWidth: \"2px\",\n                  borderTopColor: pointerColor,\n                  borderRadius: \"0 0 3px 3px\",\n                }),\n          }}\n        >\n          {tooltipText}\n        </ResponsiveTextV2>\n\n        {placement === \"top\" && (\n          <>\n            <TriangularPointerIcon direction=\"bottom\" {...pointerCommonProps} />\n            <Box height={`${tooltipOffset}px`} />\n          </>\n        )}\n      </Flex>\n    );\n  }\n);\n"],"names":["TooltipWithPointerVertical","React","forwardRef","pointerSx","tooltipPx","tooltipText","tooltipSx","tooltipPy","tooltipOffset","pointerSize","tooltipWidth","placement","state","containerSx","animationDuration","pointerColor","ref","tooltipContainerProps","top","bottom","pointerCommonProps","size","color","sx","my","jsxs","Flex","position","left","transform","cursor","alignItems","opacity","transition","zIndex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2","width","lineHeight","bg","px","py","borderColor","borderWidth","borderStyle","borderBottomWidth","borderBottomColor","borderRadius","borderTopWidth","borderTopColor"],"mappings":";;;;;;AAQaA,MAAAA,IAA6BC,EAAMC,WAI9C,CACE;AAAA,EACEC,WAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,mBAAAA;AAAAA,EACAC,cAAAA;AACF,GACAC,MACG;AACGC,QAAAA,IACJN,MAAc,WACV;AAAA,IACEO,KAAK;AAAA,EAAA,IAEP;AAAA,IACEC,QAAQ;AAAA,EAAA,GAGVC,IAAqB;AAAA,IACzBC,MAAO,GAAEZ,CAAY;AAAA,IACrBa,OAAOP;AAAAA,IACPQ,IAAI;AAAA,MACFC,IAAI;AAAA,MACJ,GAAGrB;AAAAA,IACL;AAAA,EAAA;AAGF,SACGsB,gBAAAA,EAAA,KAAAC,GAAA,EACC,eAAc,UACd,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,MAAM;AAAA,IACNC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRC,YAAY;AAAA,IACZC,SAASpB,MAAU,YAAY,IAAI;AAAA,IACnCqB,YAAa,WAAUnB,CAAkB;AAAA,IACzCoB,QAAQ;AAAA,IACR,GAAGjB;AAAAA,IACH,GAAGX;AAAAA,EACL,GACA,KAAAU,GACA,aAAU,mBAETL,UAAAA;AAAAA,IAAAA,MAAc,YAEXc,gBAAAA,EAAAA,KAAAU,EAAA,UAAA,EAAA,UAAA;AAAA,MAAAC,gBAAAA,EAAA,IAACC,GAAI,EAAA,QAAS,GAAE7B,CAAc,MAAI;AAAA,MACjC4B,gBAAAA,EAAA,IAAAE,GAAA,EAAsB,WAAU,OAAUlB,GAAAA,EAAmB,CAAA;AAAA,IAAA,GAChE;AAAA,0BAGDmB,GACC,EAAA,gBAAgB,CAAC,IAAI,SAAS,GAC9B,IAAI;AAAA,MACFC,OAAO9B;AAAAA,MACP+B,YAAY;AAAA,MACZC,IAAI;AAAA,MACJC,IAAIvC;AAAAA,MACJwC,IAAIrC;AAAAA,MACJsC,aAAa;AAAA,MACbC,aAAa;AAAA,MACbC,aAAa;AAAA,MACb,GAAIpC,MAAc,QACd;AAAA,QACEqC,mBAAmB;AAAA,QACnBC,mBAAmBlC;AAAAA,QACnBmC,cAAc;AAAA,MAAA,IAEhB;AAAA,QACEC,gBAAgB;AAAA,QAChBC,gBAAgBrC;AAAAA,QAChBmC,cAAc;AAAA,MAChB;AAAA,IAAA,GAGL7C,UACHA,GAAA;AAAA,IAECM,MAAc,SAEXc,gBAAAA,EAAAA,KAAAU,EAAA,UAAA,EAAA,UAAA;AAAA,MAAAC,gBAAAA,EAAA,IAACE,GAAsB,EAAA,WAAU,UAAalB,GAAAA,EAAmB,CAAA;AAAA,MAChEgB,gBAAAA,EAAA,IAAAC,GAAA,EAAI,QAAS,GAAE7B,CAAc,MAAI;AAAA,IAAA,GACpC;AAAA,EAEJ,EAAA,CAAA;AAEJ,CACF;"}

package/lib/sd-component-library284.js

@@ -1,5 +1,10 @@
-var r = {};
+import o from "./sd-component-library310.js";
+import e from "./sd-component-library311.js";
+function f(t) {
+  var r = e(t, "string");
+  return o(r) === "symbol" ? r : String(r);
+}
 export {
-  r as __exports
+  f as default
 };
 //# sourceMappingURL=sd-component-library284.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library284.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library284.js","sources":["../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"],"sourcesContent":["import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n  var key = toPrimitive(arg, \"string\");\n  return _typeof(key) === \"symbol\" ? key : String(key);\n}"],"names":["_toPropertyKey","arg","key","toPrimitive","_typeof"],"mappings":";;AAEe,SAASA,EAAeC,GAAK;AAC1C,MAAIC,IAAMC,EAAYF,GAAK,QAAQ;AACnC,SAAOG,EAAQF,CAAG,MAAM,WAAWA,IAAM,OAAOA,CAAG;AACrD;","x_google_ignoreList":[0]}

package/lib/sd-component-library285.js

@@ -1,5 +1,9 @@
-var e = {};
+import { __module as r } from "./sd-component-library321.js";
+import { __require as e } from "./sd-component-library322.js";
+import { __require as o } from "./sd-component-library323.js";
+process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
+var i = r.exports;
 export {
-  e as __exports
+  i as r
 };
 //# sourceMappingURL=sd-component-library285.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library285.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library285.js","sources":["../node_modules/react-is/index.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-is.production.min.js');\n} else {\n  module.exports = require('./cjs/react-is.development.js');\n}\n"],"names":["reactIsModule","require$$0","require$$1"],"mappings":";;;AAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,MAEjBD,EAAA,UAAiBE;;","x_google_ignoreList":[0]}

package/lib/sd-component-library286.js

@@ -1,36 +1,5 @@
-import { j as i } from "./sd-component-library195.js";
-import d from "react";
-import { FlexCenter as e } from "./sd-component-library37.js";
-import { ResponsiveTextV2 as r } from "./sd-component-library147.js";
-import { HorizontalDivider as m } from "./sd-component-library51.js";
-const g = d.forwardRef(({
-  mobileTitle: t,
-  tooltipWidth: o,
-  tooltipText: x,
-  zIndex: h,
-  pointerColor: n
-}, p) => /* @__PURE__ */ i.jsx(e, { sx: {
-  position: "fixed",
-  top: 0,
-  left: 0,
-  width: "100vw",
-  height: "100vh",
-  bg: "#262626AA",
-  zIndex: h
-}, ref: p, children: /* @__PURE__ */ i.jsxs(e, { flexDirection: "column", sx: {
-  width: o,
-  maxWidth: "min(500px, calc(100vw - 30px))",
-  bg: "cl_white",
-  p: "20px",
-  borderRadius: "5px"
-}, children: [
-  t && /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-    /* @__PURE__ */ i.jsx(r, { maxWidth: "100%", fontSizeWeight: [16, "bold"], children: t }),
-    /* @__PURE__ */ i.jsx(m, { width: "min(50px, calc(100% - 40px))", color: n, height: "2px", m: "10px 0" })
-  ] }),
-  /* @__PURE__ */ i.jsx(r, { maxWidth: "100%", fontSizeWeight: [14, "regular"], children: x })
-] }) }));
+var r = {};
 export {
-  g as TooltipWithPointerMobile
+  r as __exports
 };
 //# sourceMappingURL=sd-component-library286.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library286.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-mobile/tooltip-with-pointer-mobile.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { FlexCenter } from \"../../../../containers\";\nimport { HorizontalDivider } from \"../../../../dividers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerProps } from \"../../interfaces\";\n\ntype Props = Pick<\n  TooltipWithPointerProps,\n  \"mobileTitle\" | \"tooltipText\" | \"tooltipWidth\" | \"zIndex\" | \"pointerColor\"\n>;\n\nexport const TooltipWithPointerMobile = React.forwardRef<HTMLDivElement, Props>(\n  ({ mobileTitle, tooltipWidth, tooltipText, zIndex, pointerColor }, ref) => {\n    return (\n      <FlexCenter\n        sx={{\n          position: \"fixed\",\n          top: 0,\n          left: 0,\n          width: \"100vw\",\n          height: \"100vh\",\n          bg: \"#262626AA\",\n          zIndex,\n        }}\n        ref={ref}\n      >\n        <FlexCenter\n          flexDirection=\"column\"\n          sx={{\n            width: tooltipWidth,\n            maxWidth: \"min(500px, calc(100vw - 30px))\",\n            bg: \"cl_white\",\n            p: \"20px\",\n            borderRadius: \"5px\",\n          }}\n        >\n          {mobileTitle && (\n            <>\n              <ResponsiveTextV2 maxWidth=\"100%\" fontSizeWeight={[16, \"bold\"]}>\n                {mobileTitle}\n              </ResponsiveTextV2>\n\n              <HorizontalDivider\n                width=\"min(50px, calc(100% - 40px))\"\n                color={pointerColor}\n                height=\"2px\"\n                m=\"10px 0\"\n              />\n            </>\n          )}\n\n          <ResponsiveTextV2 maxWidth=\"100%\" fontSizeWeight={[14, \"regular\"]}>\n            {tooltipText}\n          </ResponsiveTextV2>\n        </FlexCenter>\n      </FlexCenter>\n    );\n  }\n);\n"],"names":["TooltipWithPointerMobile","React","forwardRef","mobileTitle","tooltipWidth","tooltipText","zIndex","pointerColor","ref","jsx","FlexCenter","position","top","left","width","height","bg","jsxs","maxWidth","p","borderRadius","Fragment","ResponsiveTextV2","HorizontalDivider"],"mappings":";;;;;AAYaA,MAAAA,IAA2BC,EAAMC,WAC5C,CAAC;AAAA,EAAEC,aAAAA;AAAAA,EAAaC,cAAAA;AAAAA,EAAcC,aAAAA;AAAAA,EAAaC,QAAAA;AAAAA,EAAQC,cAAAA;AAAa,GAAGC,MAE/DC,gBAAAA,EAAA,IAACC,KACC,IAAI;AAAA,EACFC,UAAU;AAAA,EACVC,KAAK;AAAA,EACLC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,IAAI;AAAA,EACJV,QAAAA;AAAAA,GAEF,KAAAE,GAEA,UAAAS,gBAAAA,EAAA,KAACP,GACC,EAAA,eAAc,UACd,IAAI;AAAA,EACFI,OAAOV;AAAAA,EACPc,UAAU;AAAA,EACVF,IAAI;AAAA,EACJG,GAAG;AAAA,EACHC,cAAc;AAGfjB,GAAAA,UAAAA;AAAAA,EAAAA,KAEGc,gBAAAA,EAAA,KAAAI,YAAA,EAAA,UAAA;AAAA,IAACZ,gBAAAA,EAAAA,IAAAa,GAAA,EAAiB,UAAS,QAAO,gBAAgB,CAAC,IAAI,MAAM,GAC1DnB,UACHA,EAAA,CAAA;AAAA,IAEAM,gBAAAA,EAAAA,IAACc,KACC,OAAM,gCACN,OAAOhB,GACP,QAAO,OACP,GAAE,SAAQ,CAAA;AAAA,EAAA,GAEd;AAAA,EAGFE,gBAAAA,EAAAA,IAACa,KAAiB,UAAS,QAAO,gBAAgB,CAAC,IAAI,SAAS,GAC7DjB,UACHA,EAAA,CAAA;AAAA,EACF,CAAA,EACF,CAAA,CAGN;"}
+{"version":3,"file":"sd-component-library286.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/sd-component-library287.js

@@ -1,77 +1,5 @@
-import { j as r } from "./sd-component-library195.js";
-import u from "react";
-import "./sd-component-library198.js";
-import { Flex as j, Box as s } from "./sd-component-library199.js";
-import { TriangularPointerIcon as x } from "./sd-component-library189.js";
-import { ResponsiveTextV2 as R } from "./sd-component-library147.js";
-const $ = u.forwardRef(({
-  pointerSx: n,
-  tooltipSx: d,
-  tooltipText: p,
-  tooltipWidth: l,
-  tooltipPy: a,
-  tooltipPx: h,
-  pointerSize: c,
-  tooltipOffset: i,
-  placement: t,
-  containerSx: y,
-  animationDuration: m,
-  state: g,
-  pointerColor: o
-}, f) => {
-  const b = t === "right" ? {
-    left: "100%"
-  } : {
-    right: "100%"
-  }, e = {
-    size: `${c}px`,
-    color: o,
-    sx: {
-      my: "auto",
-      ...n
-    }
-  };
-  return /* @__PURE__ */ r.jsxs(j, { sx: {
-    position: "absolute",
-    top: "calc(50% - 14px)",
-    cursor: "default",
-    alignItems: "center",
-    opacity: g === "entered" ? 1 : 0,
-    transition: `opacity ${m}ms`,
-    zIndex: 1,
-    ...b,
-    ...d
-  }, ref: f, "data-test": "tooltip-content", children: [
-    t === "right" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      /* @__PURE__ */ r.jsx(s, { width: `${i}px` }),
-      /* @__PURE__ */ r.jsx(x, { direction: "left", ...e })
-    ] }),
-    /* @__PURE__ */ r.jsx(R, { fontSizeWeight: [14, "regular"], sx: {
-      width: l,
-      lineHeight: "16px",
-      bg: "cl_white",
-      px: h,
-      py: a,
-      borderColor: "cl_lightGrey",
-      borderWidth: "1px",
-      borderStyle: "solid",
-      ...t === "left" ? {
-        borderRightWidth: "2px",
-        borderRightColor: o,
-        borderRadius: "3px 0 0 3px"
-      } : {
-        borderLeftWidth: "2px",
-        borderLeftColor: o,
-        borderRadius: "0 3px 3px 0"
-      }
-    }, children: p }),
-    t === "left" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      /* @__PURE__ */ r.jsx(x, { direction: "right", ...e }),
-      /* @__PURE__ */ r.jsx(s, { width: `${i}px` })
-    ] })
-  ] });
-});
+var e = {};
 export {
-  $ as TooltipWithPointerHorizontal
+  e as __exports
 };
 //# sourceMappingURL=sd-component-library287.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library287.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-horizontal/tooltip-with-pointer-horizontal.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerPartialProps as Props } from \"../interfaces\";\n\nexport const TooltipWithPointerHorizontal = React.forwardRef<\n  HTMLDivElement,\n  Props\n>(\n  (\n    {\n      pointerSx,\n      tooltipSx,\n      tooltipText,\n      tooltipWidth,\n      tooltipPy,\n      tooltipPx,\n      pointerSize,\n      tooltipOffset,\n      placement,\n      containerSx,\n      animationDuration,\n      state,\n      pointerColor,\n    },\n    ref\n  ) => {\n    const tooltipContainerProps =\n      placement === \"right\"\n        ? {\n            left: \"100%\",\n          }\n        : {\n            right: \"100%\",\n          };\n\n    const pointerCommonProps = {\n      size: `${pointerSize}px`,\n      color: pointerColor,\n      sx: {\n        my: \"auto\",\n        ...pointerSx,\n      },\n    };\n\n    return (\n      <Flex\n        sx={{\n          position: \"absolute\",\n          top: \"calc(50% - 14px)\",\n          cursor: \"default\",\n          alignItems: \"center\",\n          opacity: state === \"entered\" ? 1 : 0,\n          transition: `opacity ${animationDuration}ms`,\n          zIndex: 1,\n          ...tooltipContainerProps,\n          ...tooltipSx,\n        }}\n        ref={ref}\n        data-test=\"tooltip-content\"\n      >\n        {placement === \"right\" && (\n          <>\n            <Box width={`${tooltipOffset}px`} />\n            <TriangularPointerIcon direction=\"left\" {...pointerCommonProps} />\n          </>\n        )}\n\n        <ResponsiveTextV2\n          fontSizeWeight={[14, \"regular\"]}\n          sx={{\n            width: tooltipWidth,\n            lineHeight: \"16px\",\n            bg: \"cl_white\",\n            px: tooltipPx,\n            py: tooltipPy,\n            borderColor: \"cl_lightGrey\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n            ...(placement === \"left\"\n              ? {\n                  borderRightWidth: \"2px\",\n                  borderRightColor: pointerColor,\n                  borderRadius: \"3px 0 0 3px\",\n                }\n              : {\n                  borderLeftWidth: \"2px\",\n                  borderLeftColor: pointerColor,\n                  borderRadius: \"0 3px 3px 0\",\n                }),\n          }}\n        >\n          {tooltipText}\n        </ResponsiveTextV2>\n\n        {placement === \"left\" && (\n          <>\n            <TriangularPointerIcon direction=\"right\" {...pointerCommonProps} />\n            <Box width={`${tooltipOffset}px`} />\n          </>\n        )}\n      </Flex>\n    );\n  }\n);\n"],"names":["TooltipWithPointerHorizontal","React","forwardRef","pointerSx","tooltipSx","tooltipText","tooltipWidth","tooltipPy","tooltipPx","pointerSize","tooltipOffset","placement","containerSx","animationDuration","state","pointerColor","ref","tooltipContainerProps","left","right","pointerCommonProps","size","color","sx","my","jsxs","Flex","position","top","cursor","alignItems","opacity","transition","zIndex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2","width","lineHeight","bg","px","py","borderColor","borderWidth","borderStyle","borderRightWidth","borderRightColor","borderRadius","borderLeftWidth","borderLeftColor"],"mappings":";;;;;;AAQaA,MAAAA,IAA+BC,EAAMC,WAIhD,CACE;AAAA,EACEC,WAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,mBAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,cAAAA;AACF,GACAC,MACG;AACGC,QAAAA,IACJN,MAAc,UACV;AAAA,IACEO,MAAM;AAAA,EAAA,IAER;AAAA,IACEC,OAAO;AAAA,EAAA,GAGTC,IAAqB;AAAA,IACzBC,MAAO,GAAEZ,CAAY;AAAA,IACrBa,OAAOP;AAAAA,IACPQ,IAAI;AAAA,MACFC,IAAI;AAAA,MACJ,GAAGrB;AAAAA,IACL;AAAA,EAAA;AAIA,SAAAsB,gBAAAA,EAAA,KAACC,KACC,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,QAAQ;AAAA,IACRC,YAAY;AAAA,IACZC,SAASjB,MAAU,YAAY,IAAI;AAAA,IACnCkB,YAAa,WAAUnB,CAAkB;AAAA,IACzCoB,QAAQ;AAAA,IACR,GAAGhB;AAAAA,IACH,GAAGb;AAAAA,EACL,GACA,KAAAY,GACA,aAAU,mBAETL,UAAAA;AAAAA,IAAAA,MAAc,WAEXc,gBAAAA,EAAAA,KAAAS,EAAA,UAAA,EAAA,UAAA;AAAA,MAAAC,gBAAAA,EAAA,IAACC,GAAI,EAAA,OAAQ,GAAE1B,CAAc,MAAI;AAAA,MAChCyB,gBAAAA,EAAA,IAAAE,GAAA,EAAsB,WAAU,QAAWjB,GAAAA,EAAmB,CAAA;AAAA,IAAA,GACjE;AAAA,0BAGDkB,GACC,EAAA,gBAAgB,CAAC,IAAI,SAAS,GAC9B,IAAI;AAAA,MACFC,OAAOjC;AAAAA,MACPkC,YAAY;AAAA,MACZC,IAAI;AAAA,MACJC,IAAIlC;AAAAA,MACJmC,IAAIpC;AAAAA,MACJqC,aAAa;AAAA,MACbC,aAAa;AAAA,MACbC,aAAa;AAAA,MACb,GAAInC,MAAc,SACd;AAAA,QACEoC,kBAAkB;AAAA,QAClBC,kBAAkBjC;AAAAA,QAClBkC,cAAc;AAAA,MAAA,IAEhB;AAAA,QACEC,iBAAiB;AAAA,QACjBC,iBAAiBpC;AAAAA,QACjBkC,cAAc;AAAA,MAChB;AAAA,IAAA,GAGL5C,UACHA,GAAA;AAAA,IAECM,MAAc,UAEXc,gBAAAA,EAAAA,KAAAS,EAAA,UAAA,EAAA,UAAA;AAAA,MAAAC,gBAAAA,EAAA,IAACE,GAAsB,EAAA,WAAU,SAAYjB,GAAAA,EAAmB,CAAA;AAAA,MAC/De,gBAAAA,EAAA,IAAAC,GAAA,EAAI,OAAQ,GAAE1B,CAAc,MAAI;AAAA,IAAA,GACnC;AAAA,EAEJ,EAAA,CAAA;AAEJ,CACF;"}
+{"version":3,"file":"sd-component-library287.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}