@selfdecode/sd-component-library 4.0.73-vite17 → 4.0.73-vite18

package/lib/sd-component-library164.js

@@ -1,78 +0,0 @@
-import { j as o } from "./sd-component-library195.js";
-import h from "react";
-import "./sd-component-library197.js";
-import { useHover as m } from "./sd-component-library3.js";
-import { Flex as s, Box as i } from "./sd-component-library198.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-library233.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, { 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 {
-  C as ActionsTooltip
-};
-//# sourceMappingURL=sd-component-library164.js.map

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

@@ -1 +0,0 @@
-{"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","length","jsxs","Flex","width","position","borderRadius","map","flag","join","jsx","height","justifyContent","alignItems","borderWidth","borderColor","borderStyle","svg","transform","transition","fill","ShortDownArrowIcon","Box","top","right","HorizontalDivider","TriangularPointerIcon","left","borderTopStyle","boxShadow","bg","action","idx","React","ActionBox","text"],"mappings":";;;;;;;;;AAWO,MAAMA,IAAmCC,CAAUA,MAAA;AAClD,QAAA;AAAA,IACJC,SAAAA;AAAAA,IACAC,iBAAAA,IAAkB;AAAA,IAClBC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,EACEJ,IAAAA,GAEE;AAAA,IAAEK,SAAAA;AAAAA,IAASC,gBAAAA;AAAAA,MAAmBC,EAAS;AAE7C,SAAKN,EAAQO,SAGXC,gBAAAA,EAAA,KAACC,KACC,IAAI;AAAA,IACFC,OAAO;AAAA,IACPC,UAAU;AAAA,IACVC,cAAc,CAAC,IAAM,IAAM,CAACR,GAAS,CAACA,CAAO,EAC1CS,IAAKC,OAAUA,IAAO,QAAQ,GAAI,EAClCC,KAAK,GAAG;AAAA,EAETV,GAAAA,GAAAA,GACJ,aAAU,mBAEV,UAAA;AAAA,IAAAW,gBAAAA,MAACP,KACC,IAAI;AAAA,MACFC,OAAO;AAAA,MACPO,QAAQ;AAAA,MACRC,gBAAgB;AAAA,MAChBC,YAAY;AAAA,MACZC,aAAa;AAAA,MACbC,aAAa;AAAA,MACbT,cAAc;AAAA,MACdU,aAAa;AAAA,MACbC,KAAK;AAAA,QACHC,WAAY,YAAWpB,IAAU,IAAI,CAAE;AAAA,QACvCqB,YAAY;AAAA,QACZf,OAAO;AAAA,QACPgB,MAAM;AAAA,MACR;AAAA,IACF,GAEA,UAACV,gBAAAA,EAAA,IAAAW,GAAA,CAAA,CAAkB,EACrB,CAAA;AAAA,IAECvB,KACEI,gBAAAA,EAAA,KAAAoB,GAAA,EACC,IAAI;AAAA,MACFjB,UAAU;AAAA,MACVkB,KAAK;AAAA,MACLC,OAAO;AAAA,MACPpB,OAAOT;AAAAA,IAGT,GAAA,UAAA;AAAA,MAAAe,gBAAAA,EAAA,IAACe,GAAkB,EAAA,OAAM,aAAY,QAAO,OAAK;AAAA,MAEhDf,gBAAAA,EAAAA,IAAAgB,GAAA,EACC,WAAU,OACV,IAAI;AAAA,QAAErB,UAAU;AAAA,QAAYkB,KAAK;AAAA,QAASC,OAAO;AAAA,MAAA,GAAS;AAAA,MAG5Dd,gBAAAA,MAACY,KACC,IAAI;AAAA,QACFjB,UAAU;AAAA,QACVD,OAAO;AAAA,QACPO,QAAQ;AAAA,QACRgB,MAAM;AAAA,QACNJ,KAAK;AAAA,MAAA,GACL;AAAA,MAGJb,gBAAAA,MAACY,KACC,IAAI;AAAA,QACFR,aAAa;AAAA,QACbC,aAAa;AAAA,QACbC,aAAa;AAAA,QACbY,gBAAgB;AAAA,QAChBC,WAAW;AAAA,QACXvB,cAAc;AAAA,QACdwB,IAAI;AAAA,MACN,GAECpC,YAAQa,IAAI,CAACwB,GAAQC,MACpB9B,gBAAAA,EAAAA,KAAC+B,EAAM,UAAN,EACC,UAAA;AAAA,QAAAvB,gBAAAA,MAACwB,KAAcH,GAAAA,GAAQ,IAAInC,GAAa,IAAIC,GAAY;AAAA,QAEvDmC,MAAQtC,EAAQO,SAAS,KACvBS,gBAAAA,EAAA,IAAAe,GAAA,EAAkB,OAAM,iBAC1B;AAAA,MALkBM,EAAAA,GAAAA,EAAOI,IAM5B,CACD,GACH;AAAA,IAAA,GACF;AAAA,EAEJ,EAAA,CAAA,IApF0B;AAsF9B;"}

package/lib/sd-component-library165.js

@@ -1,36 +0,0 @@
-import { j as o } from "./sd-component-library195.js";
-import "./sd-component-library197.js";
-import { BaseTooltip as m } from "./sd-component-library166.js";
-import { Box as x } from "./sd-component-library198.js";
-import { ReactComponent as c } from "./sd-component-library273.js";
-const T = (r) => {
-  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, { 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
-  } }) }) });
-};
-export {
-  T as BaseInfoTooltip
-};
-//# sourceMappingURL=sd-component-library165.js.map

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

@@ -1 +0,0 @@
-{"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","path","transition","fill","stroke","InfoIcon"],"mappings":";;;;;AAYO,MAAMA,IAAmDC,CAAUA,MAAA;AAClE,QAAA;AAAA,IACJC,aAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,WAAAA,IAAY;AAAA,IACZC,OAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,eAAAA,IAAgB;AAAA,EACdR,IAAAA;AAEJ,SACGS,gBAAAA,EAAAA,IAAAC,GAAA,EACC,OAAAJ,GACA,IAAAC,GACA,OAAAL,GACA,WAAAE,GACA,aAAU,qBACV,aAAAH,GACA,eAAAO,GAEA,UAACC,gBAAAA,EAAAA,IAAAE,GAAA,EACC,IAAI;AAAA,IACFC,MAAM;AAAA,MACJC,YAAY;AAAA,IACd;AAAA,IACA,UAAU;AAAA,MACRD,MAAM;AAAA,QACJE,MAAMP;AAAAA,QACNQ,QAAQT;AAAAA,MACV;AAAA,IACF;AAAA,EACF,GAEA,UAACG,gBAAAA,EAAAA,IAAAO,GAAA,EACC,OAAO;AAAA,IACLd,OAAOG;AAAAA,IACPS,MAAM;AAAA,IACNC,QAAQZ;AAAAA,EAAAA,GACR,GAEN,EACF,CAAA;AAEJ;"}

package/lib/sd-component-library166.js

@@ -1,53 +0,0 @@
-import { j as t } from "./sd-component-library195.js";
-import { useRef as x, useEffect as u } from "react";
-import "./sd-component-library197.js";
-import { Box as r } from "./sd-component-library198.js";
-import { TwelveRegular as f } from "./sd-component-library156.js";
-const w = (l) => {
-  const {
-    tooltipText: p,
-    placement: o = "right",
-    children: c,
-    dontTranslate: a = !1,
-    ...d
-  } = l, e = x(null), i = x(null);
-  return u(() => {
-    if (e.current && i.current) {
-      const m = e.current, n = i.current;
-      if (o === "right") {
-        const s = window.getComputedStyle(m).width;
-        n.style.left = `${parseInt(s) + 10}px`;
-      } else {
-        const s = window.getComputedStyle(n).width;
-        n.style.left = `-${parseInt(s) + 10}px`;
-      }
-    }
-  }, [o]), /* @__PURE__ */ t.jsxs(r, { "data-test": "base-tooltip", sx: {
-    position: "relative",
-    ".content-box:hover": {
-      "+ .tooltip-box": {
-        opacity: 1,
-        visibility: "visible"
-      }
-    }
-  }, children: [
-    /* @__PURE__ */ t.jsx(r, { className: "content-box", sx: {
-      maxWidth: "max-content"
-    }, ref: e, children: c }),
-    /* @__PURE__ */ t.jsx(r, { ref: i, className: "tooltip-box", sx: {
-      ...d,
-      transition: "all 0.5s",
-      position: "absolute",
-      padding: "20px",
-      borderRadius: o === "right" ? "0 5px 5px 5px" : "5px 0 5px 5px",
-      top: 0,
-      opacity: 0,
-      visibility: "hidden",
-      zIndex: 1
-    }, children: /* @__PURE__ */ t.jsx(f, { color: l.color, dontTranslate: a, children: p }) })
-  ] });
-};
-export {
-  w as BaseTooltip
-};
-//# sourceMappingURL=sd-component-library166.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library166.js","sources":["../src/components/tooltips/base-tooltip/base-tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { TwelveRegular } from \"../../texts/twelve-regular\";\nimport { BaseTooltipProps } from \"./interfaces\";\n\n/**\n * BaseTooltip component.\n * @deprecated\n */\nexport const BaseTooltip: React.FC<BaseTooltipProps> = (props) => {\n  const {\n    tooltipText,\n    placement = \"right\",\n    children,\n    dontTranslate = false,\n    ...remainingProps\n  } = props;\n\n  const contentBoxEl = useRef<HTMLDivElement>(null);\n  const tooltipBoxEl = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (contentBoxEl.current && tooltipBoxEl.current) {\n      const contentBox = contentBoxEl.current;\n      const tooltipBox = tooltipBoxEl.current;\n\n      if (placement === \"right\") {\n        const boxWidth = window.getComputedStyle(contentBox).width;\n        tooltipBox.style.left = `${parseInt(boxWidth) + 10}px`;\n      } else {\n        const tooltipBoxWidth = window.getComputedStyle(tooltipBox).width;\n        tooltipBox.style.left = `-${parseInt(tooltipBoxWidth) + 10}px`;\n      }\n    }\n  }, [placement]);\n\n  return (\n    <Box\n      data-test=\"base-tooltip\"\n      sx={{\n        position: \"relative\",\n        \".content-box:hover\": {\n          \"+ .tooltip-box\": {\n            opacity: 1,\n            visibility: \"visible\",\n          },\n        },\n      }}\n    >\n      <Box\n        className=\"content-box\"\n        sx={{\n          maxWidth: \"max-content\",\n        }}\n        ref={contentBoxEl}\n      >\n        {children}\n      </Box>\n      <Box\n        ref={tooltipBoxEl}\n        className=\"tooltip-box\"\n        sx={{\n          ...remainingProps,\n          transition: \"all 0.5s\",\n          position: \"absolute\",\n          padding: \"20px\",\n          borderRadius:\n            placement === \"right\" ? \"0 5px 5px 5px\" : \"5px 0 5px 5px\",\n          top: 0,\n          opacity: 0,\n          visibility: \"hidden\",\n          zIndex: 1,\n        }}\n      >\n        <TwelveRegular color={props.color} dontTranslate={dontTranslate}>\n          {tooltipText}\n        </TwelveRegular>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["BaseTooltip","props","tooltipText","placement","children","dontTranslate","remainingProps","contentBoxEl","useRef","tooltipBoxEl","useEffect","current","contentBox","tooltipBox","boxWidth","window","getComputedStyle","width","style","left","parseInt","tooltipBoxWidth","jsxs","Box","position","opacity","visibility","jsx","maxWidth","transition","padding","borderRadius","top","zIndex","TwelveRegular","color"],"mappings":";;;;;AAWO,MAAMA,IAA2CC,CAAUA,MAAA;AAC1D,QAAA;AAAA,IACJC,aAAAA;AAAAA,IACAC,WAAAA,IAAY;AAAA,IACZC,UAAAA;AAAAA,IACAC,eAAAA,IAAgB;AAAA,IAChB,GAAGC;AAAAA,EACDL,IAAAA,GAEEM,IAAeC,EAAuB,IAAI,GAC1CC,IAAeD,EAAuB,IAAI;AAEhDE,SAAAA,EAAU,MAAM;AACVH,QAAAA,EAAaI,WAAWF,EAAaE,SAAS;AAChD,YAAMC,IAAaL,EAAaI,SAC1BE,IAAaJ,EAAaE;AAEhC,UAAIR,MAAc,SAAS;AACzB,cAAMW,IAAWC,OAAOC,iBAAiBJ,CAAU,EAAEK;AACrDJ,QAAAA,EAAWK,MAAMC,OAAQ,GAAEC,SAASN,CAAQ,IAAI,EAAG;AAAA,MAAA,OAC9C;AACL,cAAMO,IAAkBN,OAAOC,iBAAiBH,CAAU,EAAEI;AAC5DJ,QAAAA,EAAWK,MAAMC,OAAQ,IAAGC,SAASC,CAAe,IAAI,EAAG;AAAA,MAC7D;AAAA,IACF;AAAA,EAAA,GACC,CAAClB,CAAS,CAAC,GAGXmB,gBAAAA,EAAA,KAAAC,GAAA,EACC,aAAU,gBACV,IAAI;AAAA,IACFC,UAAU;AAAA,IACV,sBAAsB;AAAA,MACpB,kBAAkB;AAAA,QAChBC,SAAS;AAAA,QACTC,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EAGF,GAAA,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAAJ,GAAA,EACC,WAAU,eACV,IAAI;AAAA,MACFK,UAAU;AAAA,IAAA,GAEZ,KAAKrB,GAEJH,UAAAA,GACH;AAAA,0BACCmB,GACC,EAAA,KAAKd,GACL,WAAU,eACV,IAAI;AAAA,MACF,GAAGH;AAAAA,MACHuB,YAAY;AAAA,MACZL,UAAU;AAAA,MACVM,SAAS;AAAA,MACTC,cACE5B,MAAc,UAAU,kBAAkB;AAAA,MAC5C6B,KAAK;AAAA,MACLP,SAAS;AAAA,MACTC,YAAY;AAAA,MACZO,QAAQ;AAAA,IACV,GAEA,gCAACC,GAAc,EAAA,OAAOjC,EAAMkC,OAAO,eAAA9B,GAChCH,aACH,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library167.js

@@ -1,17 +0,0 @@
-import { j as n } from "./sd-component-library195.js";
-import { BaseInfoTooltip as m } from "./sd-component-library165.js";
-const s = (o) => {
-  const {
-    tooltipText: t,
-    placement: r,
-    bg: i = "cl_purple",
-    color: p = "cl_white",
-    width: e = ["204px"],
-    iconColor: l = "#4568F9"
-  } = o;
-  return /* @__PURE__ */ n.jsx(m, { "data-test": "primary-info-tooltip", ...o, color: p, bg: i, width: e, placement: r, tooltipText: t, iconColor: l });
-};
-export {
-  s as PrimaryInfoTooltip
-};
-//# sourceMappingURL=sd-component-library167.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library167.js","sources":["../src/components/tooltips/primary-info-tooltip/primary-info-tooltip.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseInfoTooltip } from \"../base-info-tooltip\";\nimport { PrimaryInfoTooltipProps } from \"./interfaces\";\n\n/**\n * PrimaryInfoTooltip component.\n * @deprecated\n */\nexport const PrimaryInfoTooltip: React.FC<PrimaryInfoTooltipProps> = (\n  props\n) => {\n  const {\n    tooltipText,\n    placement,\n    bg = \"cl_purple\",\n    color = \"cl_white\",\n    width = [\"204px\"],\n    iconColor = \"#4568F9\",\n  } = props;\n  return (\n    <BaseInfoTooltip\n      data-test=\"primary-info-tooltip\"\n      {...props}\n      color={color}\n      bg={bg}\n      width={width}\n      placement={placement}\n      tooltipText={tooltipText}\n      iconColor={iconColor}\n    />\n  );\n};\n"],"names":["PrimaryInfoTooltip","props","tooltipText","placement","bg","color","width","iconColor","jsx","BaseInfoTooltip"],"mappings":";;AASO,MAAMA,IACXC,CACGA,MAAA;AACG,QAAA;AAAA,IACJC,aAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,IAAAA,IAAK;AAAA,IACLC,OAAAA,IAAQ;AAAA,IACRC,OAAAA,IAAQ,CAAC,OAAO;AAAA,IAChBC,WAAAA,IAAY;AAAA,EACVN,IAAAA;AAEF,SAAAO,gBAAAA,EAAA,IAACC,GACC,EAAA,aAAU,2BACNR,GACJ,OAAAI,GACA,IAAAD,GACA,OAAAE,GACA,WAAAH,GACA,aAAAD,GACA,WAAAK,EACA,CAAA;AAEN;"}

package/lib/sd-component-library168.js

@@ -1,73 +0,0 @@
-import { j as t } from "./sd-component-library195.js";
-import w, { useRef as c, useEffect as y } from "react";
-import "./sd-component-library197.js";
-import { Box as o } from "./sd-component-library198.js";
-import { ReactComponent as g } from "./sd-component-library273.js";
-const I = w.forwardRef((x, a) => {
-  const {
-    placement: e,
-    bg: r = "cl_purple",
-    color: p = "cl_white",
-    width: d = ["max-content"],
-    iconColor: m = "#4568F9",
-    iconWidth: h = "16px",
-    children: f,
-    ...u
-  } = x, i = c(null), n = c(null);
-  return y(() => {
-    if (i.current && n.current) {
-      const b = i.current, s = n.current;
-      if (e === "right") {
-        const l = window.getComputedStyle(b).width;
-        s.style.left = `${parseInt(l) + 10}px`;
-      } else {
-        const l = window.getComputedStyle(s).width;
-        s.style.left = `-${parseInt(l) + 10}px`;
-      }
-    }
-  }, [e]), /* @__PURE__ */ t.jsxs(o, { ref: a, "data-test": "react-element-tooltip", sx: {
-    position: "relative",
-    ".content-box:hover": {
-      "+ .tooltip-box": {
-        opacity: 1,
-        visibility: "visible"
-      }
-    }
-  }, children: [
-    /* @__PURE__ */ t.jsx(o, { className: "content-box", sx: {
-      maxWidth: "max-content"
-    }, ref: i, children: /* @__PURE__ */ t.jsx(o, { sx: {
-      path: {
-        transition: "all 0.5s"
-      },
-      ":hover": {
-        path: {
-          fill: r,
-          stroke: p
-        }
-      }
-    }, children: /* @__PURE__ */ t.jsx(g, { style: {
-      width: h,
-      fill: "none",
-      stroke: m
-    } }) }) }),
-    /* @__PURE__ */ t.jsx(o, { ref: n, className: "tooltip-box", sx: {
-      ...u,
-      bg: r,
-      width: d,
-      transition: "all 0.5s",
-      position: "absolute",
-      padding: "20px",
-      borderRadius: e === "right" ? "0 5px 5px 5px" : "5px 0 5px 5px",
-      top: 0,
-      opacity: 0,
-      visibility: "hidden",
-      zIndex: 1,
-      color: p
-    }, children: f })
-  ] });
-});
-export {
-  I as ReactElementTooltip
-};
-//# sourceMappingURL=sd-component-library168.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library168.js","sources":["../src/components/tooltips/react-element-tooltip/react-element-tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\n\nimport { Box, BoxProps } from \"rebass\";\n\nimport { InfoIcon } from \"../base-info-tooltip/assets\";\nimport { ReactElementTooltipProps } from \"./interfaces\";\n\n/**\n * PrimaryInfoTooltip component.\n */\nexport const ReactElementTooltip = React.forwardRef<\n  React.FC<BoxProps>,\n  ReactElementTooltipProps\n>((props, ref) => {\n  const {\n    placement,\n    bg = \"cl_purple\",\n    color = \"cl_white\",\n    width = [\"max-content\"],\n    iconColor = \"#4568F9\",\n    iconWidth = \"16px\",\n    children,\n    ...remainingProps\n  } = props;\n\n  const contentBoxEl = useRef<HTMLDivElement>(null);\n  const tooltipBoxEl = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (contentBoxEl.current && tooltipBoxEl.current) {\n      const contentBox = contentBoxEl.current;\n      const tooltipBox = tooltipBoxEl.current;\n\n      if (placement === \"right\") {\n        const boxWidth = window.getComputedStyle(contentBox).width;\n        tooltipBox.style.left = `${parseInt(boxWidth) + 10}px`;\n      } else {\n        const tooltipBoxWidth = window.getComputedStyle(tooltipBox).width;\n        tooltipBox.style.left = `-${parseInt(tooltipBoxWidth) + 10}px`;\n      }\n    }\n  }, [placement]);\n\n  return (\n    <Box\n      ref={ref}\n      data-test=\"react-element-tooltip\"\n      sx={{\n        position: \"relative\",\n        \".content-box:hover\": {\n          \"+ .tooltip-box\": {\n            opacity: 1,\n            visibility: \"visible\",\n          },\n        },\n      }}\n    >\n      <Box\n        className=\"content-box\"\n        sx={{ maxWidth: \"max-content\" }}\n        ref={contentBoxEl}\n      >\n        <Box\n          sx={{\n            path: { transition: \"all 0.5s\" },\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      </Box>\n      <Box\n        ref={tooltipBoxEl}\n        className=\"tooltip-box\"\n        sx={{\n          ...remainingProps,\n          bg: bg,\n          width: width,\n          transition: \"all 0.5s\",\n          position: \"absolute\",\n          padding: \"20px\",\n          borderRadius:\n            placement === \"right\" ? \"0 5px 5px 5px\" : \"5px 0 5px 5px\",\n          top: 0,\n          opacity: 0,\n          visibility: \"hidden\",\n          zIndex: 1,\n          color: color,\n        }}\n      >\n        {children}\n      </Box>\n    </Box>\n  );\n});\n"],"names":["ReactElementTooltip","React","forwardRef","props","ref","placement","bg","color","width","iconColor","iconWidth","children","remainingProps","contentBoxEl","useRef","tooltipBoxEl","useEffect","current","contentBox","tooltipBox","boxWidth","window","getComputedStyle","style","left","parseInt","tooltipBoxWidth","jsxs","Box","position","opacity","visibility","jsx","maxWidth","path","transition","fill","stroke","InfoIcon","padding","borderRadius","top","zIndex"],"mappings":";;;;;AAUO,MAAMA,IAAsBC,EAAMC,WAGvC,CAACC,GAAOC,MAAQ;AACV,QAAA;AAAA,IACJC,WAAAA;AAAAA,IACAC,IAAAA,IAAK;AAAA,IACLC,OAAAA,IAAQ;AAAA,IACRC,OAAAA,IAAQ,CAAC,aAAa;AAAA,IACtBC,WAAAA,IAAY;AAAA,IACZC,WAAAA,IAAY;AAAA,IACZC,UAAAA;AAAAA,IACA,GAAGC;AAAAA,EACDT,IAAAA,GAEEU,IAAeC,EAAuB,IAAI,GAC1CC,IAAeD,EAAuB,IAAI;AAEhDE,SAAAA,EAAU,MAAM;AACVH,QAAAA,EAAaI,WAAWF,EAAaE,SAAS;AAChD,YAAMC,IAAaL,EAAaI,SAC1BE,IAAaJ,EAAaE;AAEhC,UAAIZ,MAAc,SAAS;AACzB,cAAMe,IAAWC,OAAOC,iBAAiBJ,CAAU,EAAEV;AACrDW,QAAAA,EAAWI,MAAMC,OAAQ,GAAEC,SAASL,CAAQ,IAAI,EAAG;AAAA,MAAA,OAC9C;AACL,cAAMM,IAAkBL,OAAOC,iBAAiBH,CAAU,EAAEX;AAC5DW,QAAAA,EAAWI,MAAMC,OAAQ,IAAGC,SAASC,CAAe,IAAI,EAAG;AAAA,MAC7D;AAAA,IACF;AAAA,EAAA,GACC,CAACrB,CAAS,CAAC,GAGXsB,gBAAAA,EAAAA,KAAAC,GAAA,EACC,KAAAxB,GACA,aAAU,yBACV,IAAI;AAAA,IACFyB,UAAU;AAAA,IACV,sBAAsB;AAAA,MACpB,kBAAkB;AAAA,QAChBC,SAAS;AAAA,QACTC,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EAGF,GAAA,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAAJ,GAAA,EACC,WAAU,eACV,IAAI;AAAA,MAAEK,UAAU;AAAA,IAAA,GAChB,KAAKpB,GAEL,UAAAmB,gBAAAA,EAAAA,IAACJ,KACC,IAAI;AAAA,MACFM,MAAM;AAAA,QAAEC,YAAY;AAAA,MAAW;AAAA,MAC/B,UAAU;AAAA,QACRD,MAAM;AAAA,UACJE,MAAM9B;AAAAA,UACN+B,QAAQ9B;AAAAA,QACV;AAAA,MACF;AAAA,IACF,GAEA,UAACyB,gBAAAA,EAAAA,IAAAM,GAAA,EACC,OAAO;AAAA,MACL9B,OAAOE;AAAAA,MACP0B,MAAM;AAAA,MACNC,QAAQ5B;AAAAA,IAAAA,EACR,CAAA,EAEN,CAAA,GACF;AAAA,0BACCmB,GACC,EAAA,KAAKb,GACL,WAAU,eACV,IAAI;AAAA,MACF,GAAGH;AAAAA,MACHN,IAAAA;AAAAA,MACAE,OAAAA;AAAAA,MACA2B,YAAY;AAAA,MACZN,UAAU;AAAA,MACVU,SAAS;AAAA,MACTC,cACEnC,MAAc,UAAU,kBAAkB;AAAA,MAC5CoC,KAAK;AAAA,MACLX,SAAS;AAAA,MACTC,YAAY;AAAA,MACZW,QAAQ;AAAA,MACRnC,OAAAA;AAAAA,OAGDI,UAAAA,EACH,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,CAAC;"}

package/lib/sd-component-library169.js

@@ -1,62 +0,0 @@
-import { j as o } from "./sd-component-library195.js";
-import { useState as v, useRef as a } from "react";
-import "./sd-component-library197.js";
-import { useBreakPoints as y, useBodyScrollLock as z } from "./sd-component-library3.js";
-import { Box as C } from "./sd-component-library198.js";
-import E from "./sd-component-library260.js";
-import { TooltipWithPointerMobile as M } from "./sd-component-library274.js";
-import { TooltipWithPointerHorizontal as V } from "./sd-component-library275.js";
-import { TooltipWithPointerVertical as D } from "./sd-component-library276.js";
-const f = 200, K = (x) => {
-  const {
-    children: u,
-    placement: s = "right",
-    tooltipOffset: h = 5,
-    pointerSize: d = 5,
-    tooltipPx: P = "10px",
-    tooltipPy: T = "5px",
-    tooltipWidth: j = "max-content",
-    tooltipVisible: S,
-    containerSx: b,
-    pointerSx: k,
-    showMobileVersion: l,
-    mobileTitle: w,
-    stopPropagation: R,
-    zIndex: W = 10,
-    pointerColor: p = "cl_purple",
-    ...r
-  } = x, {
-    isDesktop: g
-  } = y(), t = l !== void 0 ? l : !g, [m, B] = v(!1), O = (n) => {
-    R && n.stopPropagation(), B((e) => !e);
-  }, i = a(null), c = a(null);
-  return z(c.current, t && m), /* @__PURE__ */ o.jsxs(C, { sx: {
-    width: "max-content",
-    position: "relative",
-    ...b
-  }, ref: c, onClick: t ? O : void 0, "data-test": "tooltip-with-pointer", children: [
-    u,
-    /* @__PURE__ */ o.jsx(E, { in: t ? m : S, timeout: {
-      enter: 0,
-      exit: f
-    }, mountOnEnter: !0, unmountOnExit: !0, nodeRef: i, children: (n) => {
-      const e = {
-        placement: s,
-        animationDuration: f,
-        state: n,
-        pointerSize: d,
-        tooltipPx: P,
-        tooltipPy: T,
-        tooltipWidth: j,
-        tooltipOffset: h,
-        pointerSx: k,
-        pointerColor: p
-      };
-      return t ? /* @__PURE__ */ o.jsx(M, { ...r, zIndex: W, mobileTitle: w, pointerColor: p, ref: i }) : ["left", "right"].includes(s) ? /* @__PURE__ */ o.jsx(V, { ...r, ...e, ref: i }) : /* @__PURE__ */ o.jsx(D, { ...r, ...e, ref: i });
-    } })
-  ] });
-};
-export {
-  K as TooltipWithPointer
-};
-//# sourceMappingURL=sd-component-library169.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library169.js","sources":["../src/components/tooltips/tooltip-with-pointer/tooltip-with-pointer.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { Box } from \"rebass\";\n\nimport { useBodyScrollLock, useBreakPoints } from \"../../../core/custom-hooks\";\nimport { TooltipWithPointerProps as Props } from \"./interfaces\";\nimport {\n  TooltipWithPointerHorizontal,\n  TooltipWithPointerMobile,\n  TooltipWithPointerVertical,\n} from \"./partials\";\n\nconst animationDuration = 200;\n\nexport const TooltipWithPointer: React.FC<Props> = (props) => {\n  const {\n    children,\n    placement = \"right\",\n    tooltipOffset = 5,\n    pointerSize = 5,\n    tooltipPx = \"10px\",\n    tooltipPy = \"5px\",\n    tooltipWidth = \"max-content\",\n    tooltipVisible,\n    containerSx,\n    pointerSx,\n    showMobileVersion,\n    mobileTitle,\n    stopPropagation,\n    zIndex = 10,\n    pointerColor = \"cl_purple\",\n    ...restOfProps\n  } = props;\n\n  const { isDesktop } = useBreakPoints();\n  const useMobileStyle =\n    showMobileVersion !== undefined ? showMobileVersion : !isDesktop;\n\n  const [showTooltip, setShowTooltip] = useState(false);\n  const onTooltipClick: React.MouseEventHandler = (event) => {\n    stopPropagation && event.stopPropagation();\n    setShowTooltip((prev) => !prev);\n  };\n\n  const tooltipRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  useBodyScrollLock(containerRef.current, useMobileStyle && showTooltip);\n\n  return (\n    <Box\n      sx={{\n        width: \"max-content\",\n        position: \"relative\",\n        ...containerSx,\n      }}\n      ref={containerRef}\n      onClick={useMobileStyle ? onTooltipClick : undefined}\n      data-test=\"tooltip-with-pointer\"\n    >\n      {children}\n\n      <Transition\n        in={useMobileStyle ? showTooltip : tooltipVisible}\n        timeout={{ enter: 0, exit: animationDuration }}\n        mountOnEnter\n        unmountOnExit\n        nodeRef={tooltipRef}\n      >\n        {(state) => {\n          const commonProps = {\n            placement,\n            animationDuration,\n            state,\n            pointerSize,\n            tooltipPx,\n            tooltipPy,\n            tooltipWidth,\n            tooltipOffset,\n            pointerSx,\n            pointerColor,\n          };\n\n          return useMobileStyle ? (\n            <TooltipWithPointerMobile\n              {...restOfProps}\n              zIndex={zIndex}\n              mobileTitle={mobileTitle}\n              pointerColor={pointerColor}\n              ref={tooltipRef}\n            />\n          ) : [\"left\", \"right\"].includes(placement) ? (\n            <TooltipWithPointerHorizontal\n              {...restOfProps}\n              {...commonProps}\n              ref={tooltipRef}\n            />\n          ) : (\n            <TooltipWithPointerVertical\n              {...restOfProps}\n              {...commonProps}\n              ref={tooltipRef}\n            />\n          );\n        }}\n      </Transition>\n    </Box>\n  );\n};\n"],"names":["animationDuration","TooltipWithPointer","props","children","placement","tooltipOffset","pointerSize","tooltipPx","tooltipPy","tooltipWidth","tooltipVisible","containerSx","pointerSx","showMobileVersion","mobileTitle","stopPropagation","zIndex","pointerColor","restOfProps","isDesktop","useBreakPoints","useMobileStyle","undefined","showTooltip","setShowTooltip","useState","onTooltipClick","event","prev","tooltipRef","useRef","containerRef","current","jsxs","Box","width","position","Transition","enter","exit","state","commonProps","jsx","TooltipWithPointerMobile","includes","TooltipWithPointerHorizontal","TooltipWithPointerVertical"],"mappings":";;;;;;;;;AAaA,MAAMA,IAAoB,KAEbC,IAAuCC,CAAUA,MAAA;AACtD,QAAA;AAAA,IACJC,UAAAA;AAAAA,IACAC,WAAAA,IAAY;AAAA,IACZC,eAAAA,IAAgB;AAAA,IAChBC,aAAAA,IAAc;AAAA,IACdC,WAAAA,IAAY;AAAA,IACZC,WAAAA,IAAY;AAAA,IACZC,cAAAA,IAAe;AAAA,IACfC,gBAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,QAAAA,IAAS;AAAA,IACTC,cAAAA,IAAe;AAAA,IACf,GAAGC;AAAAA,EACDhB,IAAAA,GAEE;AAAA,IAAEiB,WAAAA;AAAAA,MAAcC,EAAe,GAC/BC,IACJR,MAAsBS,SAAYT,IAAoB,CAACM,GAEnD,CAACI,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9CC,IAA2CC,CAAUA,MAAA;AACzDZ,IAAAA,KAAmBY,EAAMZ,mBACTa,EAAAA,CAAAA,MAAS,CAACA,CAAI;AAAA,EAAA,GAG1BC,IAAaC,EAAuB,IAAI,GACxCC,IAAeD,EAAuB,IAAI;AAC9BC,SAAAA,EAAAA,EAAaC,SAASX,KAAkBE,CAAW,GAGnEU,gBAAAA,EAAA,KAACC,KACC,IAAI;AAAA,IACFC,OAAO;AAAA,IACPC,UAAU;AAAA,IACV,GAAGzB;AAAAA,EAAAA,GAEL,KAAKoB,GACL,SAASV,IAAiBK,IAAiBJ,QAC3C,aAAU,wBAETnB,UAAAA;AAAAA,IAAAA;AAAAA,0BAEAkC,GACC,EAAA,IAAIhB,IAAiBE,IAAcb,GACnC,SAAS;AAAA,MAAE4B,OAAO;AAAA,MAAGC,MAAMvC;AAAAA,IAAAA,GAC3B,cAAY,IACZ,eAAa,IACb,SAAS6B,GAEPW,UAAU,CAAAA,MAAA;AACV,YAAMC,IAAc;AAAA,QAClBrC,WAAAA;AAAAA,QACAJ,mBAAAA;AAAAA,QACAwC,OAAAA;AAAAA,QACAlC,aAAAA;AAAAA,QACAC,WAAAA;AAAAA,QACAC,WAAAA;AAAAA,QACAC,cAAAA;AAAAA,QACAJ,eAAAA;AAAAA,QACAO,WAAAA;AAAAA,QACAK,cAAAA;AAAAA,MAAAA;AAGF,aAAOI,IACLqB,gBAAAA,EAAAA,IAACC,QACKzB,GACJ,QAAAF,GACA,aAAAF,GACA,cAAAG,GACA,KAAKY,GAAW,IAEhB,CAAC,QAAQ,OAAO,EAAEe,SAASxC,CAAS,IACtCsC,gBAAAA,EAAAA,IAACG,GACC,EAAA,GAAI3B,GACAuB,GAAAA,GACJ,KAAKZ,GAAW,IAGlBa,gBAAAA,EAAA,IAACI,KACC,GAAI5B,GACAuB,GAAAA,GACJ,KAAKZ,EAER,CAAA;AAAA,IAAA,GAEL;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library17.js

@@ -1,7 +0,0 @@
-import { j as a } from "./sd-component-library195.js";
-import { Breadcrumb as t } from "./sd-component-library18.js";
-const m = (r) => /* @__PURE__ */ a.jsx(t, { variant: "secondary", ...r, "data-test": "secondary-breadcrumb" });
-export {
-  m as SecondaryBreadcrumb
-};
-//# sourceMappingURL=sd-component-library17.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library17.js","sources":["../src/components/breadcrumbs/secondary-breadcrumb/secondary-breadcrumb.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Breadcrumb } from \"../breadcrumb\";\nimport { SecondaryBreadcrumbProps as Props } from \"./interfaces\";\n\nexport const SecondaryBreadcrumb: React.FC<Props> = (props) => {\n  return (\n    <Breadcrumb\n      variant=\"secondary\"\n      {...props}\n      data-test=\"secondary-breadcrumb\"\n    />\n  );\n};\n"],"names":["SecondaryBreadcrumb","props","Breadcrumb"],"mappings":";;AAKO,MAAMA,IAAwCC,CAAUA,4BAE1DC,GACC,EAAA,SAAQ,aACJD,GAAAA,GACJ,aAAU,uBACV,CAAA;"}

package/lib/sd-component-library170.js

@@ -1,44 +0,0 @@
-import { j as n } from "./sd-component-library195.js";
-import "./sd-component-library197.js";
-import { ReactComponent as p } from "./sd-component-library186.js";
-import { ReactComponent as a } from "./sd-component-library185.js";
-import { ReactComponent as x } from "./sd-component-library175.js";
-import { ReactComponent as C } from "./sd-component-library177.js";
-import { Box as g } from "./sd-component-library198.js";
-const t = (o) => {
-  const {
-    sx: r,
-    onClick: e,
-    fill: c,
-    iconHeight: i,
-    IconComponent: m,
-    disabled: s
-  } = o;
-  return /* @__PURE__ */ n.jsx(g, { onClick: s ? () => {
-  } : e, sx: {
-    bg: "transparent",
-    cursor: "pointer",
-    width: "min-content",
-    ...r
-  }, children: /* @__PURE__ */ n.jsx(m, { style: {
-    height: i || "18px",
-    fill: s ? "#CCD0DB" : c || "#4568F9"
-  } }) });
-}, S = (o) => {
-  const {
-    rotationDegree: r,
-    iconHeight: e,
-    ...c
-  } = o;
-  return /* @__PURE__ */ n.jsx(t, { ...c, iconHeight: e || "12px", IconComponent: p, sx: {
-    transform: `rotate(${r}deg)`
-  } });
-}, H = (o) => /* @__PURE__ */ n.jsx(t, { ...o, IconComponent: a }), d = (o) => /* @__PURE__ */ n.jsx(t, { ...o, IconComponent: x, iconHeight: "16px" }), R = (o) => /* @__PURE__ */ n.jsx(t, { ...o, IconComponent: C });
-export {
-  d as CrossIconButton,
-  R as HamburgerIconButton,
-  t as IconButton,
-  H as SearchIconButton,
-  S as ShortArrowIconButton
-};
-//# sourceMappingURL=sd-component-library170.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library170.js","sources":["../src/components/complex/navbar/partials/icon-buttons/icon-buttons.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport {\n  CrossIcon,\n  HamburgerIcon,\n  SearchIcon,\n  ShortDownArrowIcon,\n} from \"../../../../icons\";\nimport { IconButtonProps, ShortArrowIconButtonProps } from \"./interfaces\";\n\nexport const IconButton: React.FC<IconButtonProps> = (props) => {\n  const { sx, onClick, fill, iconHeight, IconComponent, disabled } = props;\n\n  return (\n    <Box\n      onClick={disabled ? () => {} : onClick}\n      sx={{\n        bg: \"transparent\",\n        cursor: \"pointer\",\n        width: \"min-content\",\n        ...sx,\n      }}\n    >\n      <IconComponent\n        style={{\n          height: iconHeight || \"18px\",\n          fill: disabled ? \"#CCD0DB\" : fill || \"#4568F9\",\n        }}\n      />\n    </Box>\n  );\n};\n\nexport const ShortArrowIconButton: React.FC<ShortArrowIconButtonProps> = (\n  props\n) => {\n  const { rotationDegree, iconHeight, ...rest } = props;\n\n  return (\n    <IconButton\n      {...rest}\n      iconHeight={iconHeight || \"12px\"}\n      IconComponent={ShortDownArrowIcon}\n      sx={{\n        transform: `rotate(${rotationDegree}deg)`,\n      }}\n    />\n  );\n};\n\nexport const SearchIconButton: React.FC<\n  Omit<IconButtonProps, \"IconComponent\">\n> = (props) => {\n  return <IconButton {...props} IconComponent={SearchIcon} />;\n};\n\nexport const CrossIconButton: React.FC<\n  Omit<IconButtonProps, \"IconComponent\" | \"iconHeight\">\n> = (props) => {\n  return <IconButton {...props} IconComponent={CrossIcon} iconHeight=\"16px\" />;\n};\n\nexport const HamburgerIconButton: React.FC<\n  Omit<IconButtonProps, \"IconComponent\">\n> = (props) => {\n  return <IconButton {...props} IconComponent={HamburgerIcon} />;\n};\n"],"names":["IconButton","props","sx","onClick","fill","iconHeight","IconComponent","disabled","jsx","Box","bg","cursor","width","height","ShortArrowIconButton","rotationDegree","rest","ShortDownArrowIcon","transform","SearchIconButton","SearchIcon","CrossIconButton","CrossIcon","HamburgerIconButton","HamburgerIcon"],"mappings":";;;;;;;AAYO,MAAMA,IAAyCC,CAAUA,MAAA;AACxD,QAAA;AAAA,IAAEC,IAAAA;AAAAA,IAAIC,SAAAA;AAAAA,IAASC,MAAAA;AAAAA,IAAMC,YAAAA;AAAAA,IAAYC,eAAAA;AAAAA,IAAeC,UAAAA;AAAAA,EAAaN,IAAAA;AAEnE,SACGO,gBAAAA,EAAA,IAAAC,GAAA,EACC,SAASF,IAAW,MAAM;AAAA,EAAA,IAAKJ,GAC/B,IAAI;AAAA,IACFO,IAAI;AAAA,IACJC,QAAQ;AAAA,IACRC,OAAO;AAAA,IACP,GAAGV;AAAAA,EACL,GAEA,UAACM,gBAAAA,EAAAA,IAAAF,GAAA,EACC,OAAO;AAAA,IACLO,QAAQR,KAAc;AAAA,IACtBD,MAAMG,IAAW,YAAYH,KAAQ;AAAA,EAAA,EACrC,CAAA,EAEN,CAAA;AAEJ,GAEaU,IACXb,CACGA,MAAA;AACG,QAAA;AAAA,IAAEc,gBAAAA;AAAAA,IAAgBV,YAAAA;AAAAA,IAAY,GAAGW;AAAAA,EAASf,IAAAA;AAG9C,SAAAO,gBAAAA,MAACR,KACC,GAAIgB,GACJ,YAAYX,KAAc,QAC1B,eAAeY,GACf,IAAI;AAAA,IACFC,WAAY,UAASH,CAAe;AAAA,EAEtC,EAAA,CAAA;AAEN,GAEaI,IAERlB,CAAUA,MACLO,gBAAAA,EAAAA,IAAAR,GAAA,EAAW,GAAIC,GAAO,eAAemB,EAAc,CAAA,GAGhDC,IAERpB,CAAUA,4BACLD,GAAeC,EAAAA,GAAAA,GAAO,eAAeqB,GAAW,YAAW,OAAS,CAAA,GAGjEC,IAERtB,CAAUA,MACLO,gBAAAA,EAAAA,IAAAR,GAAA,EAAW,GAAIC,GAAO,eAAeuB,EAAiB,CAAA;"}