@selfdecode/sd-component-library 4.0.97 → 4.0.99

package/lib/sd-component-library278.js

@@ -1,86 +1,88 @@
-import { j as r } from "./sd-component-library197.js";
-import u from "react";
+import { j as o } from "./sd-component-library197.js";
+import g from "react";
 import { Flex as j, Box as s } from "rebass";
-import { TriangularPointerIcon as x } from "./sd-component-library191.js";
-import { ResponsiveTextV2 as R } from "./sd-component-library151.js";
-const $ = u.forwardRef(
+import { TriangularPointerIcon as n } from "./sd-component-library191.js";
+import { ResponsiveTextV2 as y } from "./sd-component-library151.js";
+const w = g.forwardRef(
   ({
-    pointerSx: n,
-    tooltipSx: d,
-    tooltipText: p,
-    tooltipWidth: l,
-    tooltipPy: a,
-    tooltipPx: h,
-    pointerSize: c,
-    tooltipOffset: i,
+    pointerSx: x,
+    tooltipPx: p,
+    tooltipText: d,
+    tooltipSx: a,
+    tooltipPy: l,
+    tooltipOffset: e,
+    pointerSize: m,
+    tooltipWidth: c,
     placement: t,
-    containerSx: y,
-    animationDuration: g,
-    state: m,
-    pointerColor: o
-  }, f) => {
-    const b = t === "right" ? {
-      left: "100%"
+    state: h,
+    containerSx: R,
+    animationDuration: b,
+    pointerColor: r
+  }, u) => {
+    const f = t === "bottom" ? {
+      top: "100%"
     } : {
-      right: "100%"
-    }, e = {
-      size: `${c}px`,
-      color: o,
+      bottom: "100%"
+    }, i = {
+      size: `${m}px`,
+      color: r,
       sx: {
         my: "auto",
-        ...n
+        ...x
       }
     };
-    return /* @__PURE__ */ r.jsxs(
+    return /* @__PURE__ */ o.jsxs(
       j,
       {
+        flexDirection: "column",
         sx: {
           position: "absolute",
-          top: "calc(50% - 14px)",
+          left: "50%",
+          transform: "translateX(-50%)",
           cursor: "default",
           alignItems: "center",
-          opacity: m === "entered" ? 1 : 0,
-          transition: `opacity ${g}ms`,
+          opacity: h === "entered" ? 1 : 0,
+          transition: `opacity ${b}ms`,
           zIndex: 1,
-          ...b,
-          ...d
+          ...f,
+          ...a
         },
-        ref: f,
+        ref: u,
         "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 })
+          t === "bottom" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+            /* @__PURE__ */ o.jsx(s, { height: `${e}px` }),
+            /* @__PURE__ */ o.jsx(n, { direction: "top", ...i })
           ] }),
-          /* @__PURE__ */ r.jsx(
-            R,
+          /* @__PURE__ */ o.jsx(
+            y,
             {
               fontSizeWeight: [14, "regular"],
               sx: {
-                width: l,
+                width: c,
                 lineHeight: "16px",
                 bg: "cl_white",
-                px: h,
-                py: a,
+                px: p,
+                py: l,
                 borderColor: "cl_lightGrey",
                 borderWidth: "1px",
                 borderStyle: "solid",
-                ...t === "left" ? {
-                  borderRightWidth: "2px",
-                  borderRightColor: o,
-                  borderRadius: "3px 0 0 3px"
+                ...t === "top" ? {
+                  borderBottomWidth: "2px",
+                  borderBottomColor: r,
+                  borderRadius: "3px 3px 0 0"
                 } : {
-                  borderLeftWidth: "2px",
-                  borderLeftColor: o,
-                  borderRadius: "0 3px 3px 0"
+                  borderTopWidth: "2px",
+                  borderTopColor: r,
+                  borderRadius: "0 0 3px 3px"
                 }
               },
-              children: p
+              children: d
             }
           ),
-          t === "left" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-            /* @__PURE__ */ r.jsx(x, { direction: "right", ...e }),
-            /* @__PURE__ */ r.jsx(s, { width: `${i}px` })
+          t === "top" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+            /* @__PURE__ */ o.jsx(n, { direction: "bottom", ...i }),
+            /* @__PURE__ */ o.jsx(s, { height: `${e}px` })
           ] })
         ]
       }
@@ -88,6 +90,6 @@ const $ = u.forwardRef(
   }
 );
 export {
-  $ as TooltipWithPointerHorizontal
+  w as TooltipWithPointerVertical
 };
 //# sourceMappingURL=sd-component-library278.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library278.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","pointerSx","tooltipSx","tooltipText","tooltipWidth","tooltipPy","tooltipPx","pointerSize","tooltipOffset","placement","containerSx","animationDuration","state","pointerColor","ref","tooltipContainerProps","pointerCommonProps","jsxs","Flex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2"],"mappings":";;;;;AAQO,MAAMA,IAA+BC,EAAM;AAAA,EAIhD,CACE;AAAA,IACE,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,KAEFC,MACG;AACG,UAAAC,IACJN,MAAc,UACV;AAAA,MACE,MAAM;AAAA,IAAA,IAER;AAAA,MACE,OAAO;AAAA,IAAA,GAGTO,IAAqB;AAAA,MACzB,MAAM,GAAGT,CAAW;AAAA,MACpB,OAAOM;AAAA,MACP,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,GAAGZ;AAAA,MACL;AAAA,IAAA;AAIA,WAAAgB,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,UAAU;AAAA,UACV,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,SAASN,MAAU,YAAY,IAAI;AAAA,UACnC,YAAY,WAAWD,CAAiB;AAAA,UACxC,QAAQ;AAAA,UACR,GAAGI;AAAA,UACH,GAAGb;AAAA,QACL;AAAA,QACA,KAAAY;AAAA,QACA,aAAU;AAAA,QAET,UAAA;AAAA,UAAAL,MAAc,WAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACC,GAAI,EAAA,OAAO,GAAGb,CAAa,MAAM;AAAA,YACjCY,gBAAAA,EAAA,IAAAE,GAAA,EAAsB,WAAU,QAAQ,GAAGN,EAAoB,CAAA;AAAA,UAAA,GAClE;AAAA,UAGFI,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,cAC9B,IAAI;AAAA,gBACF,OAAOnB;AAAA,gBACP,YAAY;AAAA,gBACZ,IAAI;AAAA,gBACJ,IAAIE;AAAA,gBACJ,IAAID;AAAA,gBACJ,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,GAAII,MAAc,SACd;AAAA,kBACE,kBAAkB;AAAA,kBAClB,kBAAkBI;AAAA,kBAClB,cAAc;AAAA,gBAAA,IAEhB;AAAA,kBACE,iBAAiB;AAAA,kBACjB,iBAAiBA;AAAA,kBACjB,cAAc;AAAA,gBAChB;AAAA,cACN;AAAA,cAEC,UAAAV;AAAA,YAAA;AAAA,UACH;AAAA,UAECM,MAAc,UAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACE,GAAsB,EAAA,WAAU,SAAS,GAAGN,EAAoB,CAAA;AAAA,YAChEI,gBAAAA,EAAA,IAAAC,GAAA,EAAI,OAAO,GAAGb,CAAa,MAAM;AAAA,UAAA,GACpC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
+{"version":3,"file":"sd-component-library278.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","pointerSx","tooltipPx","tooltipText","tooltipSx","tooltipPy","tooltipOffset","pointerSize","tooltipWidth","placement","state","containerSx","animationDuration","pointerColor","ref","tooltipContainerProps","pointerCommonProps","jsxs","Flex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2"],"mappings":";;;;;AAQO,MAAMA,IAA6BC,EAAM;AAAA,EAI9C,CACE;AAAA,IACE,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,KAEFC,MACG;AACG,UAAAC,IACJN,MAAc,WACV;AAAA,MACE,KAAK;AAAA,IAAA,IAEP;AAAA,MACE,QAAQ;AAAA,IAAA,GAGVO,IAAqB;AAAA,MACzB,MAAM,GAAGT,CAAW;AAAA,MACpB,OAAOM;AAAA,MACP,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,GAAGZ;AAAA,MACL;AAAA,IAAA;AAIA,WAAAgB,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,eAAc;AAAA,QACd,IAAI;AAAA,UACF,UAAU;AAAA,UACV,MAAM;AAAA,UACN,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,SAASR,MAAU,YAAY,IAAI;AAAA,UACnC,YAAY,WAAWE,CAAiB;AAAA,UACxC,QAAQ;AAAA,UACR,GAAGG;AAAA,UACH,GAAGX;AAAA,QACL;AAAA,QACA,KAAAU;AAAA,QACA,aAAU;AAAA,QAET,UAAA;AAAA,UAAAL,MAAc,YAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACC,GAAI,EAAA,QAAQ,GAAGf,CAAa,MAAM;AAAA,YAClCc,gBAAAA,EAAA,IAAAE,GAAA,EAAsB,WAAU,OAAO,GAAGN,EAAoB,CAAA;AAAA,UAAA,GACjE;AAAA,UAGFI,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,cAC9B,IAAI;AAAA,gBACF,OAAOf;AAAA,gBACP,YAAY;AAAA,gBACZ,IAAI;AAAA,gBACJ,IAAIN;AAAA,gBACJ,IAAIG;AAAA,gBACJ,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,GAAII,MAAc,QACd;AAAA,kBACE,mBAAmB;AAAA,kBACnB,mBAAmBI;AAAA,kBACnB,cAAc;AAAA,gBAAA,IAEhB;AAAA,kBACE,gBAAgB;AAAA,kBAChB,gBAAgBA;AAAA,kBAChB,cAAc;AAAA,gBAChB;AAAA,cACN;AAAA,cAEC,UAAAV;AAAA,YAAA;AAAA,UACH;AAAA,UAECM,MAAc,SAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACE,GAAsB,EAAA,WAAU,UAAU,GAAGN,EAAoB,CAAA;AAAA,YACjEI,gBAAAA,EAAA,IAAAC,GAAA,EAAI,QAAQ,GAAGf,CAAa,MAAM;AAAA,UAAA,GACrC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

package/lib/sd-component-library279.js

@@ -1,95 +1,5 @@
-import { j as o } from "./sd-component-library197.js";
-import g from "react";
-import { Flex as j, Box as s } from "rebass";
-import { TriangularPointerIcon as n } from "./sd-component-library191.js";
-import { ResponsiveTextV2 as y } from "./sd-component-library151.js";
-const w = 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` })
-          ] })
-        ]
-      }
-    );
-  }
-);
+var r = {};
 export {
-  w as TooltipWithPointerVertical
+  r as __exports
 };
 //# sourceMappingURL=sd-component-library279.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library279.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","pointerSx","tooltipPx","tooltipText","tooltipSx","tooltipPy","tooltipOffset","pointerSize","tooltipWidth","placement","state","containerSx","animationDuration","pointerColor","ref","tooltipContainerProps","pointerCommonProps","jsxs","Flex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2"],"mappings":";;;;;AAQO,MAAMA,IAA6BC,EAAM;AAAA,EAI9C,CACE;AAAA,IACE,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,KAEFC,MACG;AACG,UAAAC,IACJN,MAAc,WACV;AAAA,MACE,KAAK;AAAA,IAAA,IAEP;AAAA,MACE,QAAQ;AAAA,IAAA,GAGVO,IAAqB;AAAA,MACzB,MAAM,GAAGT,CAAW;AAAA,MACpB,OAAOM;AAAA,MACP,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,GAAGZ;AAAA,MACL;AAAA,IAAA;AAIA,WAAAgB,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,eAAc;AAAA,QACd,IAAI;AAAA,UACF,UAAU;AAAA,UACV,MAAM;AAAA,UACN,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,SAASR,MAAU,YAAY,IAAI;AAAA,UACnC,YAAY,WAAWE,CAAiB;AAAA,UACxC,QAAQ;AAAA,UACR,GAAGG;AAAA,UACH,GAAGX;AAAA,QACL;AAAA,QACA,KAAAU;AAAA,QACA,aAAU;AAAA,QAET,UAAA;AAAA,UAAAL,MAAc,YAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACC,GAAI,EAAA,QAAQ,GAAGf,CAAa,MAAM;AAAA,YAClCc,gBAAAA,EAAA,IAAAE,GAAA,EAAsB,WAAU,OAAO,GAAGN,EAAoB,CAAA;AAAA,UAAA,GACjE;AAAA,UAGFI,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,cAC9B,IAAI;AAAA,gBACF,OAAOf;AAAA,gBACP,YAAY;AAAA,gBACZ,IAAI;AAAA,gBACJ,IAAIN;AAAA,gBACJ,IAAIG;AAAA,gBACJ,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,GAAII,MAAc,QACd;AAAA,kBACE,mBAAmB;AAAA,kBACnB,mBAAmBI;AAAA,kBACnB,cAAc;AAAA,gBAAA,IAEhB;AAAA,kBACE,gBAAgB;AAAA,kBAChB,gBAAgBA;AAAA,kBAChB,cAAc;AAAA,gBAChB;AAAA,cACN;AAAA,cAEC,UAAAV;AAAA,YAAA;AAAA,UACH;AAAA,UAECM,MAAc,SAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACE,GAAsB,EAAA,WAAU,UAAU,GAAGN,EAAoB,CAAA;AAAA,YACjEI,gBAAAA,EAAA,IAAAC,GAAA,EAAI,QAAQ,GAAGf,CAAa,MAAM;AAAA,UAAA,GACrC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
+{"version":3,"file":"sd-component-library279.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/sd-component-library280.js

@@ -1,52 +1,5 @@
-var n = Object.defineProperty;
-var R = (t, e, s) => e in t ? n(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
-var i = (t, e, s) => (R(t, typeof e != "symbol" ? e + "" : e, s), s);
-class h {
-  constructor() {
-    i(this, "refRegistry", {});
-  }
-  /**
-   * Check if ref is registered for a component with provided ID.
-   * @param id ID for the component.
-   */
-  doesRefExist(e) {
-    return !!this.refRegistry[e];
-  }
-  /**
-   * Register a ref.
-   *
-   * @param id ID for the component.
-   * @param ref React Ref object for the component. Used for scrolling.
-   */
-  addRef(e, s) {
-    const r = e.startsWith("#") ? e : `#${e}`;
-    this.refRegistry[r] = s;
-  }
-  /**
-   * Remove a ref from registry.
-   *
-   * @param id ID for the component.
-   */
-  removeRef(e) {
-    this.doesRefExist(e) ? delete this.refRegistry[e] : console.error(`Ref with ID ${e} does not exist in the registry`);
-  }
-  /**
-   * Scroll the component with provided ID into the view.
-   *
-   * @param id ID for the component.
-   * @param behavior Scroll behavior.
-   */
-  scrollToRef(e, { behavior: s = "smooth", block: r, inline: f }) {
-    var o;
-    this.doesRefExist(e) ? (o = this.refRegistry[e].current) == null || o.scrollIntoView({
-      behavior: s,
-      block: r,
-      inline: f
-    }) : console.error(`Ref with ID ${e} does not exist in the registry`);
-  }
-}
-const g = new h();
+var e = {};
 export {
-  g as refsManager
+  e as __exports
 };
 //# 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/utils/anchor/refs-manager.ts"],"sourcesContent":["import React from \"react\";\n\nimport { refsMap } from \"./interfaces\";\n\n/**\n * Refs Manager class to keep record of registered refs on the page.\n */\nclass RefsManager {\n  refRegistry: refsMap = {};\n\n  /**\n   * Check if ref is registered for a component with provided ID.\n   * @param id ID for the component.\n   */\n  public doesRefExist(id: string) {\n    return !!this.refRegistry[id];\n  }\n\n  /**\n   * Register a ref.\n   *\n   * @param id ID for the component.\n   * @param ref React Ref object for the component. Used for scrolling.\n   */\n  public addRef(\n    id: string,\n    ref: React.MutableRefObject<HTMLDivElement | undefined>\n  ) {\n    const key = id.startsWith(\"#\") ? id : `#${id}`;\n\n    this.refRegistry[key] = ref;\n  }\n\n  /**\n   * Remove a ref from registry.\n   *\n   * @param id ID for the component.\n   */\n  public removeRef(id: string) {\n    if (this.doesRefExist(id)) delete this.refRegistry[id];\n    else console.error(`Ref with ID ${id} does not exist in the registry`);\n  }\n\n  /**\n   * Scroll the component with provided ID into the view.\n   *\n   * @param id ID for the component.\n   * @param behavior Scroll behavior.\n   */\n  public scrollToRef(\n    id: string,\n    { behavior = \"smooth\", block, inline }: ScrollIntoViewOptions\n  ) {\n    if (this.doesRefExist(id))\n      this.refRegistry[id].current?.scrollIntoView({\n        behavior,\n        block,\n        inline,\n      });\n    else console.error(`Ref with ID ${id} does not exist in the registry`);\n  }\n}\n\nexport const refsManager = new RefsManager();\n"],"names":["RefsManager","__publicField","id","ref","key","behavior","block","inline","_a","refsManager"],"mappings":";;;AAOA,MAAMA,EAAY;AAAA,EAAlB;AACE,IAAAC,EAAA,qBAAuB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhB,aAAaC,GAAY;AAC9B,WAAO,CAAC,CAAC,KAAK,YAAYA,CAAE;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQO,OACLA,GACAC,GACA;AACA,UAAMC,IAAMF,EAAG,WAAW,GAAG,IAAIA,IAAK,IAAIA,CAAE;AAEvC,SAAA,YAAYE,CAAG,IAAID;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOO,UAAUD,GAAY;AACvB,IAAA,KAAK,aAAaA,CAAE,IAAU,OAAA,KAAK,YAAYA,CAAE,IACxC,QAAA,MAAM,eAAeA,CAAE,iCAAiC;AAAA,EACvE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQO,YACLA,GACA,EAAE,UAAAG,IAAW,UAAU,OAAAC,GAAO,QAAAC,KAC9B;AA7CJ,QAAAC;AA8CQ,IAAA,KAAK,aAAaN,CAAE,KACtBM,IAAA,KAAK,YAAYN,CAAE,EAAE,YAArB,QAAAM,EAA8B,eAAe;AAAA,MAC3C,UAAAH;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,IAAA,KAES,QAAA,MAAM,eAAeL,CAAE,iCAAiC;AAAA,EACvE;AACF;AAEa,MAAAO,IAAc,IAAIT,EAAY;"}
+{"version":3,"file":"sd-component-library280.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/sd-component-library281.js

@@ -1,9 +1,13 @@
-var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function l(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
+import * as e from "react";
+const a = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 18.2, height: 20, viewBox: "0 0 18.2 20", ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, `
+      .calendar{
+        fill:none;
+        stroke-linecap:round;
+        stroke-linejoin:round;
+        stroke-width:2px;
+      }
+    `)), /* @__PURE__ */ e.createElement("g", { transform: "translate(-3.5 -2)" }, /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M6.3,6H18.9a1.8,1.8,0,0,1,1.8,1.8V20.4a1.8,1.8,0,0,1-1.8,1.8H6.3a1.8,1.8,0,0,1-1.8-1.8V7.8A1.8,1.8,0,0,1,6.3,6Z", transform: "translate(0 -1.2)" }), /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M24,3V6.6", transform: "translate(-7.8 0)" }), /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M12,3V6.6", transform: "translate(-3 0)" }), /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M4.5,15H20.7", transform: "translate(0 -4.8)" })));
 export {
-  o as commonjsGlobal,
-  l as getDefaultExportFromCjs
+  a as ReactComponent
 };
 //# sourceMappingURL=sd-component-library281.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library281.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"sd-component-library281.js","sources":["../src/components/icons/calendar-icon/calendar.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC4yIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMTguMiAyMCI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jYWxlbmRhcnsKICAgICAgICBmaWxsOm5vbmU7CiAgICAgICAgc3Ryb2tlLWxpbmVjYXA6cm91bmQ7CiAgICAgICAgc3Ryb2tlLWxpbmVqb2luOnJvdW5kOwogICAgICAgIHN0cm9rZS13aWR0aDoycHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjUgLTIpIj4KICAgIDxwYXRoIGNsYXNzPSJjYWxlbmRhciIgc3Ryb2tlPSJjdXJyZW50IiBkPSJNNi4zLDZIMTguOWExLjgsMS44LDAsMCwxLDEuOCwxLjhWMjAuNGExLjgsMS44LDAsMCwxLTEuOCwxLjhINi4zYTEuOCwxLjgsMCwwLDEtMS44LTEuOFY3LjhBMS44LDEuOCwwLDAsMSw2LjMsNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEuMikiLz4KICAgIDxwYXRoIGNsYXNzPSJjYWxlbmRhciIgc3Ryb2tlPSJjdXJyZW50IiBkPSJNMjQsM1Y2LjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03LjggMCkiLz4KICAgIDxwYXRoIGNsYXNzPSJjYWxlbmRhciIgc3Ryb2tlPSJjdXJyZW50IiBkPSJNMTIsM1Y2LjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zIDApIi8+CiAgICA8cGF0aCBjbGFzcz0iY2FsZW5kYXIiIHN0cm9rZT0iY3VycmVudCIgZD0iTTQuNSwxNUgyMC43IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC00LjgpIi8+CiAgPC9nPgo8L3N2Zz4=\""],"names":["SvgCalendar","props","React"],"mappings":";AACK,MAACA,IAAc,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,MAAM,QAAQ,IAAI,SAAS,eAAe,GAAGD,KAAyB,gBAAAC,EAAM,cAAc,QAAQ,MAAsB,gBAAAA,EAAM,cAAc,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAiJ,CAAC,GAAmB,gBAAAA,EAAM,cAAc,KAAK,EAAE,WAAW,wBAAwC,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,mHAAmH,WAAW,oBAAqB,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,aAAa,WAAW,oBAAmB,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,aAAa,WAAW,kBAAmB,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,gBAAgB,WAAW,oBAAmB,CAAE,CAAC,CAAC;"}

package/lib/sd-component-library287.js

@@ -1,13 +1,9 @@
-import * as e from "react";
-const a = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 18.2, height: 20, viewBox: "0 0 18.2 20", ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, `
-      .calendar{
-        fill:none;
-        stroke-linecap:round;
-        stroke-linejoin:round;
-        stroke-width:2px;
-      }
-    `)), /* @__PURE__ */ e.createElement("g", { transform: "translate(-3.5 -2)" }, /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M6.3,6H18.9a1.8,1.8,0,0,1,1.8,1.8V20.4a1.8,1.8,0,0,1-1.8,1.8H6.3a1.8,1.8,0,0,1-1.8-1.8V7.8A1.8,1.8,0,0,1,6.3,6Z", transform: "translate(0 -1.2)" }), /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M24,3V6.6", transform: "translate(-7.8 0)" }), /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M12,3V6.6", transform: "translate(-3 0)" }), /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M4.5,15H20.7", transform: "translate(0 -4.8)" })));
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
 export {
-  a as ReactComponent
+  o as commonjsGlobal,
+  l as getDefaultExportFromCjs
 };
 //# 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/icons/calendar-icon/calendar.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC4yIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMTguMiAyMCI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jYWxlbmRhcnsKICAgICAgICBmaWxsOm5vbmU7CiAgICAgICAgc3Ryb2tlLWxpbmVjYXA6cm91bmQ7CiAgICAgICAgc3Ryb2tlLWxpbmVqb2luOnJvdW5kOwogICAgICAgIHN0cm9rZS13aWR0aDoycHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjUgLTIpIj4KICAgIDxwYXRoIGNsYXNzPSJjYWxlbmRhciIgc3Ryb2tlPSJjdXJyZW50IiBkPSJNNi4zLDZIMTguOWExLjgsMS44LDAsMCwxLDEuOCwxLjhWMjAuNGExLjgsMS44LDAsMCwxLTEuOCwxLjhINi4zYTEuOCwxLjgsMCwwLDEtMS44LTEuOFY3LjhBMS44LDEuOCwwLDAsMSw2LjMsNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEuMikiLz4KICAgIDxwYXRoIGNsYXNzPSJjYWxlbmRhciIgc3Ryb2tlPSJjdXJyZW50IiBkPSJNMjQsM1Y2LjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03LjggMCkiLz4KICAgIDxwYXRoIGNsYXNzPSJjYWxlbmRhciIgc3Ryb2tlPSJjdXJyZW50IiBkPSJNMTIsM1Y2LjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zIDApIi8+CiAgICA8cGF0aCBjbGFzcz0iY2FsZW5kYXIiIHN0cm9rZT0iY3VycmVudCIgZD0iTTQuNSwxNUgyMC43IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC00LjgpIi8+CiAgPC9nPgo8L3N2Zz4=\""],"names":["SvgCalendar","props","React"],"mappings":";AACK,MAACA,IAAc,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,MAAM,QAAQ,IAAI,SAAS,eAAe,GAAGD,KAAyB,gBAAAC,EAAM,cAAc,QAAQ,MAAsB,gBAAAA,EAAM,cAAc,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAiJ,CAAC,GAAmB,gBAAAA,EAAM,cAAc,KAAK,EAAE,WAAW,wBAAwC,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,mHAAmH,WAAW,oBAAqB,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,aAAa,WAAW,oBAAmB,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,aAAa,WAAW,kBAAmB,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,gBAAgB,WAAW,oBAAmB,CAAE,CAAC,CAAC;"}
+{"version":3,"file":"sd-component-library287.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/lib/sd-component-library290.js

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs as e } from "./sd-component-library281.js";
+import { getDefaultExportFromCjs as e } from "./sd-component-library287.js";
 import { __module as r } from "./sd-component-library291.js";
 import { __require as o } from "./sd-component-library292.js";
 import { __require as p } from "./sd-component-library293.js";

package/lib/sd-component-library314.js

@@ -1,29 +1,96 @@
-import { j as r } from "./sd-component-library197.js";
-import { ResponsiveTextV2 as s } from "./sd-component-library151.js";
-const x = (t) => {
-  const { onClick: e, title: o, height: i } = t;
-  return /* @__PURE__ */ r.jsx(
-    s,
+import { j as a } from "./sd-component-library197.js";
+import { useState as S, useCallback as B } from "react";
+import { Box as Y } from "rebass";
+import { labelPaddingX as c, labelWidth as W } from "./sd-component-library230.js";
+import { getCoordinateForArc as $ } from "./sd-component-library92.js";
+import { ResponsiveTextV2 as z } from "./sd-component-library151.js";
+const D = (j) => {
+  const {
+    label: d,
+    color: p,
+    alpha: e,
+    radius: r,
+    horizontal: v,
+    pointerLength: m,
+    round: y,
+    pointY: i
+  } = j, [h, C] = S(0), [f, R] = S(0), T = B((t) => {
+    if (t) {
+      const { height: o, y: l } = t.getBoundingClientRect();
+      C(o), R(l);
+    }
+  }, []);
+  let { x: b, y: g } = $(
+    r + m,
+    e,
+    r
+  );
+  const s = e === 180, n = e < 180, u = e > 180;
+  if (v) {
+    const { x: t, y: o } = $(
+      r,
+      e,
+      r
+    );
+    b = t + m * (n ? -1 : 1), g = o;
+  }
+  if (!d)
+    return null;
+  let x = y || s ? `${c}px` : void 0;
+  if (!x && i) {
+    const t = f - h, o = f;
+    x = [
+      n || i > t,
+      u || i > t,
+      u || i < o,
+      n || i < o
+    ].map((l) => l ? `${c}px` : "0").join(" ");
+  }
+  return /* @__PURE__ */ a.jsx(
+    Y,
     {
-      fontSizeWeight: [[16, "regular"]],
       sx: {
-        position: "relative",
-        height: `${i}px`,
-        px: "15px",
-        display: "flex",
-        justifyContent: "flex-start",
-        alignItems: "center",
-        opacity: 0.8,
-        ":hover": {
-          opacity: 1
-        }
+        position: "absolute",
+        left: `${b}px`,
+        top: `${g}px`
       },
-      onClick: e,
-      children: o
+      children: /* @__PURE__ */ a.jsx(
+        Y,
+        {
+          sx: {
+            boxSizing: "content-box",
+            position: "relative",
+            top: `calc(-${h}px)`,
+            left: s ? "-50%" : n ? "-100%" : void 0,
+            py: "7px",
+            px: `${c}px`,
+            borderColor: p,
+            borderWidth: "2px",
+            borderStyle: "solid",
+            borderRadius: x,
+            bg: "cl_white",
+            "& > div": {
+              maxWidth: s ? void 0 : `${W}px`
+            }
+          },
+          ref: T,
+          children: /* @__PURE__ */ a.jsx(
+            z,
+            {
+              fontSizeWeight: [[12, "semi-bold"]],
+              width: "max-content",
+              color: p !== "#CCD0DB" ? p : "cl_darkGrey",
+              textTransform: "uppercase",
+              letterSpacing: "1.8px",
+              children: d
+            }
+          )
+        }
+      )
     }
   );
 };
 export {
-  x as SearchAutocompleteRow
+  D as MatchedRangeLabelBox
 };
 //# sourceMappingURL=sd-component-library314.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library314.js","sources":["../src/components/inputs/search-autocomplete-input/partials/search-autocomplete-row/search-autocomplete-row.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { SearchAutocompleteRowProps as Props } from \"./interfaces\";\n\nexport const SearchAutocompleteRow = <\n  T extends { id: string } = { id: string }\n>(\n  props: Props<T>\n) => {\n  const { onClick, title, height } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[[16, \"regular\"]]}\n      sx={{\n        position: \"relative\",\n        height: `${height}px`,\n        px: \"15px\",\n        display: \"flex\",\n        justifyContent: \"flex-start\",\n        alignItems: \"center\",\n        opacity: 0.8,\n        \":hover\": {\n          opacity: 1,\n        },\n      }}\n      onClick={onClick}\n    >\n      {title}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["SearchAutocompleteRow","props","onClick","title","height","jsx","ResponsiveTextV2"],"mappings":";;AAKa,MAAAA,IAAwB,CAGnCC,MACG;AACH,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,QAAAC,EAAA,IAAWH;AAGjC,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC;AAAA,MAChC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,QAAQ,GAAGF,CAAM;AAAA,QACjB,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,UAAU;AAAA,UACR,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,SAAAF;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library314.js","sources":["../src/components/meters/common-outline-meter-partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../texts/responsive-text-v2\";\nimport { labelPaddingX, labelWidth } from \"../../outline-meter/contants\";\nimport { getCoordinateForArc } from \"../../outline-meter/utils\";\nimport { MatchedRangeLabelBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n  const {\n    label,\n    color,\n    alpha,\n    radius,\n    horizontal,\n    pointerLength,\n    round,\n    pointY,\n  } = props;\n\n  const [textHeight, setTextHeight] = useState(0);\n  const [textY, setTextY] = useState(0);\n\n  const ref = useCallback((node: HTMLElement) => {\n    if (node) {\n      const { height, y } = node.getBoundingClientRect();\n      setTextHeight(height);\n      setTextY(y);\n    }\n  }, []);\n\n  let { x: pointerEndX, y: pointerEndY } = getCoordinateForArc(\n    radius + pointerLength,\n    alpha,\n    radius\n  );\n\n  const isOnTop = alpha === 180;\n  const isOnLeft = alpha < 180;\n  const isOnRight = alpha > 180;\n\n  if (horizontal) {\n    const { x: pointerStartX, y: pointerStartY } = getCoordinateForArc(\n      radius,\n      alpha,\n      radius\n    );\n\n    pointerEndX = pointerStartX + pointerLength * (isOnLeft ? -1 : 1);\n    pointerEndY = pointerStartY;\n  }\n\n  if (!label) return null;\n\n  let borderRadius = round || isOnTop ? `${labelPaddingX}px` : undefined;\n  if (!borderRadius && pointY) {\n    const textTopY = textY - textHeight;\n    const textBottomY = textY;\n\n    borderRadius = [\n      isOnLeft || pointY > textTopY,\n      isOnRight || pointY > textTopY,\n      isOnRight || pointY < textBottomY,\n      isOnLeft || pointY < textBottomY,\n    ]\n      .map((flag) => (flag ? `${labelPaddingX}px` : \"0\"))\n      .join(\" \");\n  }\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        left: `${pointerEndX}px`,\n        top: `${pointerEndY}px`,\n      }}\n    >\n      <Box\n        sx={{\n          boxSizing: \"content-box\",\n          position: \"relative\",\n          top: `calc(-${textHeight}px)`,\n          left: isOnTop ? \"-50%\" : isOnLeft ? \"-100%\" : undefined,\n          py: \"7px\",\n          px: `${labelPaddingX}px`,\n          borderColor: color,\n          borderWidth: \"2px\",\n          borderStyle: \"solid\",\n          borderRadius,\n          bg: \"cl_white\",\n          \"& > div\": {\n            maxWidth: isOnTop ? undefined : `${labelWidth}px`,\n          },\n        }}\n        ref={ref}\n      >\n        <ResponsiveTextV2\n          fontSizeWeight={[[12, \"semi-bold\"]]}\n          width=\"max-content\"\n          color={color !== \"#CCD0DB\" ? color : \"cl_darkGrey\"}\n          textTransform=\"uppercase\"\n          letterSpacing=\"1.8px\"\n        >\n          {label}\n        </ResponsiveTextV2>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["MatchedRangeLabelBox","props","label","color","alpha","radius","horizontal","pointerLength","round","pointY","textHeight","setTextHeight","useState","textY","setTextY","ref","useCallback","node","height","y","pointerEndX","pointerEndY","getCoordinateForArc","isOnTop","isOnLeft","isOnRight","pointerStartX","pointerStartY","borderRadius","labelPaddingX","textTopY","textBottomY","flag","jsx","Box","labelWidth","ResponsiveTextV2"],"mappings":";;;;;;AASa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAR,GAEE,CAACS,GAAYC,CAAa,IAAIC,EAAS,CAAC,GACxC,CAACC,GAAOC,CAAQ,IAAIF,EAAS,CAAC,GAE9BG,IAAMC,EAAY,CAACC,MAAsB;AAC7C,QAAIA,GAAM;AACR,YAAM,EAAE,QAAAC,GAAQ,GAAAC,EAAE,IAAIF,EAAK,sBAAsB;AACjD,MAAAN,EAAcO,CAAM,GACpBJ,EAASK,CAAC;AAAA,IACZ;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,MAAI,EAAE,GAAGC,GAAa,GAAGC,EAAgB,IAAAC;AAAA,IACvCjB,IAASE;AAAA,IACTH;AAAA,IACAC;AAAA,EAAA;AAGF,QAAMkB,IAAUnB,MAAU,KACpBoB,IAAWpB,IAAQ,KACnBqB,IAAYrB,IAAQ;AAE1B,MAAIE,GAAY;AACd,UAAM,EAAE,GAAGoB,GAAe,GAAGC,EAAkB,IAAAL;AAAA,MAC7CjB;AAAA,MACAD;AAAA,MACAC;AAAA,IAAA;AAGY,IAAAe,IAAAM,IAAgBnB,KAAiBiB,IAAW,KAAK,IACjDH,IAAAM;AAAA,EAChB;AAEA,MAAI,CAACzB;AAAc,WAAA;AAEnB,MAAI0B,IAAepB,KAASe,IAAU,GAAGM,CAAa,OAAO;AACzD,MAAA,CAACD,KAAgBnB,GAAQ;AAC3B,UAAMqB,IAAWjB,IAAQH,GACnBqB,IAAclB;AAEL,IAAAe,IAAA;AAAA,MACbJ,KAAYf,IAASqB;AAAA,MACrBL,KAAahB,IAASqB;AAAA,MACtBL,KAAahB,IAASsB;AAAA,MACtBP,KAAYf,IAASsB;AAAA,IACvB,EACG,IAAI,CAACC,MAAUA,IAAO,GAAGH,CAAa,OAAO,GAAI,EACjD,KAAK,GAAG;AAAA,EACb;AAGE,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,MAAM,GAAGd,CAAW;AAAA,QACpB,KAAK,GAAGC,CAAW;AAAA,MACrB;AAAA,MAEA,UAAAY,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,WAAW;AAAA,YACX,UAAU;AAAA,YACV,KAAK,SAASxB,CAAU;AAAA,YACxB,MAAMa,IAAU,SAASC,IAAW,UAAU;AAAA,YAC9C,IAAI;AAAA,YACJ,IAAI,GAAGK,CAAa;AAAA,YACpB,aAAa1B;AAAA,YACb,aAAa;AAAA,YACb,aAAa;AAAA,YACb,cAAAyB;AAAA,YACA,IAAI;AAAA,YACJ,WAAW;AAAA,cACT,UAAUL,IAAU,SAAY,GAAGY,CAAU;AAAA,YAC/C;AAAA,UACF;AAAA,UACA,KAAApB;AAAA,UAEA,UAAAkB,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,CAAC,IAAI,WAAW,CAAC;AAAA,cAClC,OAAM;AAAA,cACN,OAAOjC,MAAU,YAAYA,IAAQ;AAAA,cACrC,eAAc;AAAA,cACd,eAAc;AAAA,cAEb,UAAAD;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}