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

package/lib/sd-component-library125.js

@@ -1,44 +0,0 @@
-import { j as o } from "./sd-component-library195.js";
-import { useState as x } from "react";
-import "./sd-component-library198.js";
-import { OutsideClickBox as d } from "./sd-component-library14.js";
-import { BaseLabel as u } from "./sd-component-library233.js";
-import { Flex as i } from "./sd-component-library199.js";
-import { ReactComponent as f } from "./sd-component-library186.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library273.js";
-import { ResponsiveTextV2 as b } from "./sd-component-library147.js";
-const w = (t) => {
-  const {
-    leftSlot: s,
-    label: l,
-    value: n,
-    width: c
-  } = t, [e, r] = x(!1), p = () => r(!1), a = () => r((m) => !m);
-  return /* @__PURE__ */ o.jsxs(d, { onClickOutside: p, onClick: a, sx: {
-    width: c,
-    position: "relative",
-    cursor: "pointer"
-  }, children: [
-    /* @__PURE__ */ o.jsx(u, { variant: "selectors.primaryV2", label: l }),
-    /* @__PURE__ */ o.jsxs(i, { alignItems: "center", sx: {
-      height: "42px",
-      borderRadius: "3px",
-      border: "1px solid",
-      borderColor: "cl_lightGrey",
-      px: "16px"
-    }, children: [
-      s,
-      /* @__PURE__ */ o.jsx(b, { fontSizeWeight: [[16, "regular"]], color: "cl_purple", children: n.title }),
-      /* @__PURE__ */ o.jsx(i, { width: "10px", height: "10px", alignItems: "center", justifyContent: "center", ml: "auto", sx: {
-        transform: `rotate3d(${e ? 1 : 0}, 0, 0, 180deg)`,
-        transition: "all 0.2s",
-        fill: e ? "cl_purple" : "cl_blue"
-      }, children: /* @__PURE__ */ o.jsx(f, {}) })
-    ] }),
-    /* @__PURE__ */ o.jsx(h, { isVisible: e, ...t })
-  ] });
-};
-export {
-  w as PrimaryCustomScrollableSelector
-};
-//# sourceMappingURL=sd-component-library125.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library125.js","sources":["../src/components/selectors/primary-custom-scrollable-selector/primary-custom-scrollable-selector.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { OutsideClickBox } from \"../../boxes\";\nimport { ShortDownArrowIcon } from \"../../icons\";\nimport { BaseLabel } from \"../../labels/base-label\";\nimport { ResponsiveTextV2 } from \"../../texts\";\nimport { PrimaryCustomScrollableSelectorProps as Props } from \"./interfaces\";\nimport { CustomScrollableOptionsBox } from \"./partials/custom-scrollable-options-box\";\n\nexport const PrimaryCustomScrollableSelector = <T extends string = string>(\n  props: Props<T>\n) => {\n  const { leftSlot, label, value, width } = props;\n\n  const [optionsVisible, setOptionsVisible] = useState(false);\n  const hideOptions = () => setOptionsVisible(false);\n  const onSelectorClick = () => setOptionsVisible((prev) => !prev);\n\n  return (\n    <OutsideClickBox\n      onClickOutside={hideOptions}\n      onClick={onSelectorClick}\n      sx={{ width, position: \"relative\", cursor: \"pointer\" }}\n    >\n      <BaseLabel variant=\"selectors.primaryV2\" label={label} />\n\n      <Flex\n        alignItems=\"center\"\n        sx={{\n          height: \"42px\",\n          borderRadius: \"3px\",\n          border: \"1px solid\",\n          borderColor: \"cl_lightGrey\",\n          px: \"16px\",\n        }}\n      >\n        {leftSlot}\n\n        <ResponsiveTextV2 fontSizeWeight={[[16, \"regular\"]]} color=\"cl_purple\">\n          {value.title}\n        </ResponsiveTextV2>\n\n        <Flex\n          width=\"10px\"\n          height=\"10px\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          ml=\"auto\"\n          sx={{\n            transform: `rotate3d(${optionsVisible ? 1 : 0}, 0, 0, 180deg)`,\n            transition: \"all 0.2s\",\n            fill: optionsVisible ? \"cl_purple\" : \"cl_blue\",\n          }}\n        >\n          <ShortDownArrowIcon />\n        </Flex>\n      </Flex>\n\n      <CustomScrollableOptionsBox isVisible={optionsVisible} {...props} />\n    </OutsideClickBox>\n  );\n};\n"],"names":["PrimaryCustomScrollableSelector","props","leftSlot","label","value","width","optionsVisible","setOptionsVisible","useState","hideOptions","onSelectorClick","prev","OutsideClickBox","position","cursor","jsx","BaseLabel","jsxs","Flex","height","borderRadius","border","borderColor","px","ResponsiveTextV2","title","transform","transition","fill","ShortDownArrowIcon","CustomScrollableOptionsBox"],"mappings":";;;;;;;;;AAWaA,MAAAA,IAAkC,CAC7CC,MACG;AACG,QAAA;AAAA,IAAEC,UAAAA;AAAAA,IAAUC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,EAAUJ,IAAAA,GAEpC,CAACK,GAAgBC,CAAiB,IAAIC,EAAS,EAAK,GACpDC,IAAcA,MAAMF,EAAkB,EAAK,GAC3CG,IAAkBA,MAAMH,EAAmBI,CAAAA,MAAS,CAACA,CAAI;AAE/D,gCACGC,GACC,EAAA,gBAAgBH,GAChB,SAASC,GACT,IAAI;AAAA,IAAEL,OAAAA;AAAAA,IAAOQ,UAAU;AAAA,IAAYC,QAAQ;AAAA,EAE3C,GAAA,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAAC,GAAA,EAAU,SAAQ,uBAAsB,OAAAb,EAAa,CAAA;AAAA,IAErDc,gBAAAA,EAAAA,KAAAC,GAAA,EACC,YAAW,UACX,IAAI;AAAA,MACFC,QAAQ;AAAA,MACRC,cAAc;AAAA,MACdC,QAAQ;AAAA,MACRC,aAAa;AAAA,MACbC,IAAI;AAAA,IAGLrB,GAAAA,UAAAA;AAAAA,MAAAA;AAAAA,MAEAa,gBAAAA,EAAAA,IAAAS,GAAA,EAAiB,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC,GAAG,OAAM,aACxDpB,UAAAA,EAAMqB,MACT,CAAA;AAAA,MAECV,gBAAAA,EAAAA,IAAAG,GAAA,EACC,OAAM,QACN,QAAO,QACP,YAAW,UACX,gBAAe,UACf,IAAG,QACH,IAAI;AAAA,QACFQ,WAAY,YAAWpB,IAAiB,IAAI,CAAE;AAAA,QAC9CqB,YAAY;AAAA,QACZC,MAAMtB,IAAiB,cAAc;AAAA,MACvC,GAEA,UAACS,gBAAAA,EAAA,IAAAc,GAAA,CAAA,CAAkB,EACrB,CAAA;AAAA,IAAA,GACF;AAAA,IAECd,gBAAAA,EAAA,IAAAe,GAAA,EAA2B,WAAWxB,GAAoBL,GAAAA,EAAM,CAAA;AAAA,EACnE,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library126.js

@@ -1,7 +0,0 @@
-import { j as e } from "./sd-component-library195.js";
-import { SelectorV2 as r } from "./sd-component-library119.js";
-const d = (t) => /* @__PURE__ */ e.jsx(r, { variant: "updatedSecondary", gap: ["0"], defaultOptionColor: t.defaultOptionColor || "cl_grey", ...t, "data-test": "tertiary-selector-v2" });
-export {
-  d as UpdatedSecondarySelectorV2
-};
-//# sourceMappingURL=sd-component-library126.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library126.js","sources":["../src/components/selectors/updated-secondary-selector-v2/updated-secondary-selector-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { SelectorV2 } from \"../selector-v2\";\nimport { UpdatedSecondarySelectorV2Props as Props } from \"./interfaces\";\n\nexport const UpdatedSecondarySelectorV2: React.FC<Props> = (props) => {\n  return (\n    <SelectorV2\n      variant=\"updatedSecondary\"\n      gap={[\"0\"]}\n      defaultOptionColor={props.defaultOptionColor || \"cl_grey\"}\n      {...props}\n      data-test=\"tertiary-selector-v2\"\n    />\n  );\n};\n"],"names":["UpdatedSecondarySelectorV2","props","jsx","SelectorV2","defaultOptionColor"],"mappings":";;AAKO,MAAMA,IAA+CC,CAAUA,MAEjEC,gBAAAA,EAAAA,IAAAC,GAAA,EACC,SAAQ,oBACR,KAAK,CAAC,GAAG,GACT,oBAAoBF,EAAMG,sBAAsB,WAC5CH,GAAAA,GACJ,aAAU,uBACV,CAAA;"}

package/lib/sd-component-library127.js

@@ -1,29 +0,0 @@
-import { j as t } from "./sd-component-library195.js";
-import { IconButton as s } from "./sd-component-library25.js";
-import { ReactComponent as c } from "./sd-component-library210.js";
-import { EighteenBold as p } from "./sd-component-library138.js";
-import { GridCenter as g } from "./sd-component-library44.js";
-const C = ({
-  currentSelection: o,
-  selectionOptions: e,
-  onSelect: i,
-  width: a = ["180px"],
-  m: l
-}) => {
-  const r = e.findIndex(({
-    id: m
-  }) => m === o.id), n = r === 0, d = r === e.length - 1, x = () => i(e[r - 1]), h = () => i(e[r + 1]);
-  return /* @__PURE__ */ t.jsxs(g, { width: a, gridTemplateColumns: "max-content 1fr max-content", gap: "5px", m: l, "data-testid": "carousel-switch", children: [
-    /* @__PURE__ */ t.jsx(s, { width: "100%", height: "6px", disabled: n, onClick: x, color: n ? "cl_grey" : "cl_blue", sx: {
-      transform: "rotate(-90deg)"
-    }, "data-testid": "switch-previous-icon", children: /* @__PURE__ */ t.jsx(c, {}) }),
-    /* @__PURE__ */ t.jsx(p, { textAlign: "center", color: "cl_purple", "data-testid": "current-selection", children: o.title }),
-    /* @__PURE__ */ t.jsx(s, { width: "100%", height: "6px", disabled: d, color: d ? "cl_grey" : "cl_blue", onClick: h, sx: {
-      transform: "rotate(90deg)"
-    }, "data-testid": "switch-next-icon", children: /* @__PURE__ */ t.jsx(c, {}) })
-  ] });
-};
-export {
-  C as CarouselSwitch
-};
-//# sourceMappingURL=sd-component-library127.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library127.js","sources":["../src/components/switches/carousel-switch/carousel-switch.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { DropdownArrowIcon } from \"../../accordions/base-accordion/assets\";\nimport { IconButton } from \"../../buttons\";\nimport { GridCenter } from \"../../containers\";\nimport { EighteenBold } from \"../../texts\";\nimport { CarouselSwitchProps } from \"./interfaces\";\n\nexport const CarouselSwitch: React.FC<CarouselSwitchProps> = ({\n  currentSelection,\n  selectionOptions,\n  onSelect,\n  width = [\"180px\"],\n  m,\n}) => {\n  const currentSelectionIndex = selectionOptions.findIndex(\n    ({ id }) => id === currentSelection.id\n  );\n\n  const leftDisabled = currentSelectionIndex === 0;\n  const rightDisabled = currentSelectionIndex === selectionOptions.length - 1;\n\n  const handleSwapLeft = () =>\n    onSelect(selectionOptions[currentSelectionIndex - 1]);\n\n  const handleSwapRight = () =>\n    onSelect(selectionOptions[currentSelectionIndex + 1]);\n\n  return (\n    <GridCenter\n      width={width}\n      gridTemplateColumns={\"max-content 1fr max-content\"}\n      gap={\"5px\"}\n      m={m}\n      data-testid=\"carousel-switch\"\n    >\n      <IconButton\n        width={\"100%\"}\n        height={\"6px\"}\n        disabled={leftDisabled}\n        onClick={handleSwapLeft}\n        color={leftDisabled ? \"cl_grey\" : \"cl_blue\"}\n        sx={{\n          transform: \"rotate(-90deg)\",\n        }}\n        data-testid=\"switch-previous-icon\"\n      >\n        <DropdownArrowIcon />\n      </IconButton>\n\n      <EighteenBold\n        textAlign=\"center\"\n        color=\"cl_purple\"\n        data-testid=\"current-selection\"\n      >\n        {currentSelection.title}\n      </EighteenBold>\n\n      <IconButton\n        width={\"100%\"}\n        height={\"6px\"}\n        disabled={rightDisabled}\n        color={rightDisabled ? \"cl_grey\" : \"cl_blue\"}\n        onClick={handleSwapRight}\n        sx={{\n          transform: \"rotate(90deg)\",\n        }}\n        data-testid=\"switch-next-icon\"\n      >\n        <DropdownArrowIcon />\n      </IconButton>\n    </GridCenter>\n  );\n};\n"],"names":["CarouselSwitch","currentSelection","selectionOptions","onSelect","width","m","currentSelectionIndex","findIndex","id","leftDisabled","rightDisabled","length","handleSwapLeft","handleSwapRight","jsxs","GridCenter","jsx","IconButton","transform","DropdownArrowIcon","EighteenBold","title"],"mappings":";;;;;AAQO,MAAMA,IAAgDA,CAAC;AAAA,EAC5DC,kBAAAA;AAAAA,EACAC,kBAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,OAAAA,IAAQ,CAAC,OAAO;AAAA,EAChBC,GAAAA;AACF,MAAM;AACEC,QAAAA,IAAwBJ,EAAiBK,UAC7C,CAAC;AAAA,IAAEC,IAAAA;AAAAA,EAAAA,MAASA,MAAOP,EAAiBO,EACtC,GAEMC,IAAeH,MAA0B,GACzCI,IAAgBJ,MAA0BJ,EAAiBS,SAAS,GAEpEC,IAAiBA,MACrBT,EAASD,EAAiBI,IAAwB,CAAC,CAAC,GAEhDO,IAAkBA,MACtBV,EAASD,EAAiBI,IAAwB,CAAC,CAAC;AAGpD,SAAAQ,gBAAAA,OAACC,KACC,OAAAX,GACA,qBAAqB,+BACrB,KAAK,OACL,GAAAC,GACA,eAAY,mBAEZ,UAAA;AAAA,IAAAW,gBAAAA,EAAA,IAACC,GACC,EAAA,OAAO,QACP,QAAQ,OACR,UAAUR,GACV,SAASG,GACT,OAAOH,IAAe,YAAY,WAClC,IAAI;AAAA,MACFS,WAAW;AAAA,IAAA,GAEb,eAAY,wBAEZ,UAAAF,gBAAAA,EAAA,IAACG,IAAiB,CAAA,GACpB;AAAA,IAEAH,gBAAAA,EAAAA,IAACI,KACC,WAAU,UACV,OAAM,aACN,eAAY,qBAEXnB,UAAAA,EAAiBoB,MACpB,CAAA;AAAA,IAECL,gBAAAA,EAAA,IAAAC,GAAA,EACC,OAAO,QACP,QAAQ,OACR,UAAUP,GACV,OAAOA,IAAgB,YAAY,WACnC,SAASG,GACT,IAAI;AAAA,MACFK,WAAW;AAAA,IAAA,GAEb,eAAY,oBAEZ,UAAAF,gBAAAA,EAAA,IAACG,IAAiB,CAAA,GACpB;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library128.js

@@ -1,56 +0,0 @@
-import { j as r } from "./sd-component-library195.js";
-import { useState as v, useEffect as b } from "react";
-import "./sd-component-library198.js";
-import { Flex as m, Box as a } from "./sd-component-library199.js";
-const S = (t) => {
-  const {
-    value: e
-  } = t, [o, n] = v(e || "left");
-  b(() => {
-    e && n(e);
-  }, [e]);
-  const l = () => {
-    n("left"), t.leftActive();
-  }, x = () => {
-    n("right"), t.rightActive();
-  }, u = {
-    color: t.activeTextColor || "#fff",
-    border: "none",
-    backgroundColor: "transparent"
-  }, h = {
-    color: t.unactiveTextColor,
-    border: "1px solid",
-    borderColor: t.unactiveTextColor,
-    backgroundColor: t.unactiveBGColor || "transparent"
-  }, s = (f) => f === o ? u : h, i = t.borderRadius || "3px", c = `${i} 0 0 ${i}`, d = `0 ${i} ${i} 0`;
-  return /* @__PURE__ */ r.jsxs(m, { ...t, width: t.width || "280px", sx: {
-    position: "relative",
-    cursor: "pointer"
-  }, "data-test": "text-switch", children: [
-    /* @__PURE__ */ r.jsx(a, { sx: {
-      backgroundColor: t.activeBGColor,
-      height: "100%",
-      width: "50%",
-      position: "absolute",
-      transform: o === "left" ? "translateX(0)" : "translateX(100%)",
-      transitionProperty: "transform",
-      transitionTimingFunction: "ease-out",
-      transitionDuration: "0.1s",
-      borderRadius: o === "left" ? c : d
-    } }),
-    /* @__PURE__ */ r.jsx(a, { onClick: l, width: "50%", variant: "_switches.textSwitch.side", py: t.sidePy, px: t.sidePx, sx: {
-      borderRadius: c,
-      ...s("left"),
-      borderRight: "none !important"
-    }, children: t.leftText }),
-    /* @__PURE__ */ r.jsx(a, { onClick: x, width: "50%", variant: "_switches.textSwitch.side", py: t.sidePy, px: t.sidePx, sx: {
-      borderRadius: d,
-      ...s("right"),
-      borderLeft: "none !important"
-    }, children: t.rightText })
-  ] });
-};
-export {
-  S as TextSwitch
-};
-//# sourceMappingURL=sd-component-library128.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library128.js","sources":["../src/components/switches/text-switch/text-switch.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { Sides, TextSwitchProps } from \"./interfaces\";\n\nexport const TextSwitch: React.FunctionComponent<TextSwitchProps> = (\n  props: TextSwitchProps\n): React.ReactElement<TextSwitchProps> => {\n  const { value } = props;\n  const [activeSide, setActiveSide] = useState<Sides>(value || \"left\");\n\n  useEffect(() => {\n    value && setActiveSide(value);\n  }, [value]);\n\n  const leftClicked = () => {\n    setActiveSide(\"left\");\n    props.leftActive();\n  };\n\n  const rightClicked = () => {\n    setActiveSide(\"right\");\n    props.rightActive();\n  };\n\n  const activeStyle = {\n    color: props.activeTextColor || \"#fff\",\n    border: \"none\",\n    backgroundColor: \"transparent\",\n  };\n\n  const unactiveStyle = {\n    color: props.unactiveTextColor,\n    border: \"1px solid\",\n    borderColor: props.unactiveTextColor,\n    backgroundColor: props.unactiveBGColor || \"transparent\",\n  };\n\n  const currentStyle = (side: Sides) => {\n    return side === activeSide ? activeStyle : unactiveStyle;\n  };\n\n  const borderRadius = props.borderRadius || \"3px\";\n  const leftBorderRadius = `${borderRadius} 0 0 ${borderRadius}`;\n  const rightBorderRadius = `0 ${borderRadius} ${borderRadius} 0`;\n\n  return (\n    <Flex\n      {...props}\n      width={props.width || \"280px\"}\n      sx={{\n        position: \"relative\",\n        cursor: \"pointer\",\n      }}\n      data-test=\"text-switch\"\n    >\n      <Box\n        sx={{\n          backgroundColor: props.activeBGColor,\n          height: \"100%\",\n          width: \"50%\",\n          position: \"absolute\",\n          transform:\n            activeSide === \"left\" ? \"translateX(0)\" : \"translateX(100%)\",\n          transitionProperty: \"transform\",\n          transitionTimingFunction: \"ease-out\",\n          transitionDuration: \"0.1s\",\n          borderRadius:\n            activeSide === \"left\" ? leftBorderRadius : rightBorderRadius,\n        }}\n      />\n      <Box\n        onClick={leftClicked}\n        width=\"50%\"\n        variant=\"_switches.textSwitch.side\"\n        py={props.sidePy}\n        px={props.sidePx}\n        sx={{\n          borderRadius: leftBorderRadius,\n          ...currentStyle(\"left\"),\n          borderRight: \"none !important\",\n        }}\n      >\n        {props.leftText}\n      </Box>\n      <Box\n        onClick={rightClicked}\n        width=\"50%\"\n        variant=\"_switches.textSwitch.side\"\n        py={props.sidePy}\n        px={props.sidePx}\n        sx={{\n          borderRadius: rightBorderRadius,\n          ...currentStyle(\"right\"),\n          borderLeft: \"none !important\",\n        }}\n      >\n        {props.rightText}\n      </Box>\n    </Flex>\n  );\n};\n"],"names":["TextSwitch","props","value","activeSide","setActiveSide","useState","useEffect","leftClicked","leftActive","rightClicked","rightActive","activeStyle","color","activeTextColor","border","backgroundColor","unactiveStyle","unactiveTextColor","borderColor","unactiveBGColor","currentStyle","side","borderRadius","leftBorderRadius","rightBorderRadius","jsxs","Flex","width","position","cursor","jsx","Box","activeBGColor","height","transform","transitionProperty","transitionTimingFunction","transitionDuration","sidePy","sidePx","borderRight","leftText","borderLeft","rightText"],"mappings":";;;;AAMaA,MAAAA,IAAuDA,CAClEC,MACwC;AAClC,QAAA;AAAA,IAAEC,OAAAA;AAAAA,EAAUD,IAAAA,GACZ,CAACE,GAAYC,CAAa,IAAIC,EAAgBH,KAAS,MAAM;AAEnEI,EAAAA,EAAU,MAAM;AACdJ,IAAAA,KAASE,EAAcF,CAAK;AAAA,EAAA,GAC3B,CAACA,CAAK,CAAC;AAEV,QAAMK,IAAcA,MAAM;AACxBH,IAAAA,EAAc,MAAM,GACpBH,EAAMO,WAAW;AAAA,EAAA,GAGbC,IAAeA,MAAM;AACzBL,IAAAA,EAAc,OAAO,GACrBH,EAAMS,YAAY;AAAA,EAAA,GAGdC,IAAc;AAAA,IAClBC,OAAOX,EAAMY,mBAAmB;AAAA,IAChCC,QAAQ;AAAA,IACRC,iBAAiB;AAAA,EAAA,GAGbC,IAAgB;AAAA,IACpBJ,OAAOX,EAAMgB;AAAAA,IACbH,QAAQ;AAAA,IACRI,aAAajB,EAAMgB;AAAAA,IACnBF,iBAAiBd,EAAMkB,mBAAmB;AAAA,EAAA,GAGtCC,IAAeA,CAACC,MACbA,MAASlB,IAAaQ,IAAcK,GAGvCM,IAAerB,EAAMqB,gBAAgB,OACrCC,IAAoB,GAAED,CAAa,QAAOA,CAAa,IACvDE,IAAqB,KAAIF,CAAa,IAAGA,CAAa;AAG1D,SAAAG,gBAAAA,EAAA,KAACC,QACKzB,GACJ,OAAOA,EAAM0B,SAAS,SACtB,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,QAAQ;AAAA,EAAA,GAEV,aAAU,eAEV,UAAA;AAAA,IAAAC,gBAAAA,MAACC,KACC,IAAI;AAAA,MACFhB,iBAAiBd,EAAM+B;AAAAA,MACvBC,QAAQ;AAAA,MACRN,OAAO;AAAA,MACPC,UAAU;AAAA,MACVM,WACE/B,MAAe,SAAS,kBAAkB;AAAA,MAC5CgC,oBAAoB;AAAA,MACpBC,0BAA0B;AAAA,MAC1BC,oBAAoB;AAAA,MACpBf,cACEnB,MAAe,SAASoB,IAAmBC;AAAAA,IAAAA,GAC7C;AAAA,IAEHM,gBAAAA,EAAA,IAAAC,GAAA,EACC,SAASxB,GACT,OAAM,OACN,SAAQ,6BACR,IAAIN,EAAMqC,QACV,IAAIrC,EAAMsC,QACV,IAAI;AAAA,MACFjB,cAAcC;AAAAA,MACd,GAAGH,EAAa,MAAM;AAAA,MACtBoB,aAAa;AAAA,IAAA,GAGdvC,YAAMwC,UACT;AAAA,IACCX,gBAAAA,EAAA,IAAAC,GAAA,EACC,SAAStB,GACT,OAAM,OACN,SAAQ,6BACR,IAAIR,EAAMqC,QACV,IAAIrC,EAAMsC,QACV,IAAI;AAAA,MACFjB,cAAcE;AAAAA,MACd,GAAGJ,EAAa,OAAO;AAAA,MACvBsB,YAAY;AAAA,IAAA,GAGbzC,YAAM0C,WACT;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library129.js

@@ -1,38 +0,0 @@
-import { j as o } from "./sd-component-library195.js";
-import "./sd-component-library198.js";
-import { useDependantState as x } from "./sd-component-library3.js";
-import { Box as e } from "./sd-component-library199.js";
-const i = 200, u = (r) => {
-  const {
-    initialState: s = !1,
-    onClick: t
-  } = r, [n, p] = x(s), a = () => {
-    p((l) => !l), setTimeout(() => t == null ? void 0 : t(), i);
-  };
-  return /* @__PURE__ */ o.jsx(e, { width: "35px", height: "14px", sx: {
-    position: "relative",
-    borderRadius: "7px",
-    borderWidth: "1px",
-    borderStyle: "solid",
-    borderColor: "cl_headerLine",
-    bg: "cl_white",
-    cursor: "pointer"
-  }, onClick: a, children: /* @__PURE__ */ o.jsx(e, { sx: {
-    height: "14px",
-    position: "absolute",
-    borderRadius: "7px",
-    outline: "1px solid white",
-    bg: "cl_purple",
-    textTransform: "uppercase",
-    overflow: "hidden",
-    width: "20px",
-    top: "-1px",
-    left: "-1px",
-    transform: `translateX(${n ? "15px" : 0})`,
-    transition: `all ${i}ms`
-  } }) });
-};
-export {
-  u as ToggleSwitch
-};
-//# sourceMappingURL=sd-component-library129.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library129.js","sources":["../src/components/switches/toggle-switch/toggle-switch.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { ToggleSwitchProps as Props } from \"./interfaces\";\n\nconst animationDuration = 200;\n\nexport const ToggleSwitch: React.FC<Props> = (props) => {\n  const { initialState = false, onClick } = props;\n  const [isToggled, setIsToggled] = useDependantState(initialState);\n\n  const onBadgeClick = () => {\n    setIsToggled((prev) => !prev);\n    setTimeout(() => onClick?.(), animationDuration);\n  };\n\n  return (\n    <Box\n      width=\"35px\"\n      height=\"14px\"\n      sx={{\n        position: \"relative\",\n        borderRadius: \"7px\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"cl_headerLine\",\n        bg: \"cl_white\",\n        cursor: \"pointer\",\n      }}\n      onClick={onBadgeClick}\n    >\n      <Box\n        sx={{\n          height: \"14px\",\n          position: \"absolute\",\n          borderRadius: \"7px\",\n          outline: \"1px solid white\",\n          bg: \"cl_purple\",\n          textTransform: \"uppercase\",\n          overflow: \"hidden\",\n          width: \"20px\",\n          top: \"-1px\",\n          left: \"-1px\",\n          transform: `translateX(${isToggled ? \"15px\" : 0})`,\n          transition: `all ${animationDuration}ms`,\n        }}\n      />\n    </Box>\n  );\n};\n"],"names":["animationDuration","ToggleSwitch","props","initialState","onClick","isToggled","setIsToggled","useDependantState","onBadgeClick","prev","Box","position","borderRadius","borderWidth","borderStyle","borderColor","bg","cursor","jsx","height","outline","textTransform","overflow","width","top","left","transform","transition"],"mappings":";;;;AAOA,MAAMA,IAAoB,KAEbC,IAAiCC,CAAUA,MAAA;AAChD,QAAA;AAAA,IAAEC,cAAAA,IAAe;AAAA,IAAOC,SAAAA;AAAAA,EAAYF,IAAAA,GACpC,CAACG,GAAWC,CAAY,IAAIC,EAAkBJ,CAAY,GAE1DK,IAAeA,MAAM;AACXC,IAAAA,EAAAA,CAAAA,MAAS,CAACA,CAAI,GACjB,WAAA,MAAML,KAAAA,gBAAAA,KAAaJ,CAAiB;AAAA,EAAA;AAGjD,+BACGU,GACC,EAAA,OAAM,QACN,QAAO,QACP,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,aAAa;AAAA,IACbC,aAAa;AAAA,IACbC,aAAa;AAAA,IACbC,IAAI;AAAA,IACJC,QAAQ;AAAA,EAAA,GAEV,SAAST,GAET,UAAAU,gBAAAA,EAAAA,IAACR,KACC,IAAI;AAAA,IACFS,QAAQ;AAAA,IACRR,UAAU;AAAA,IACVC,cAAc;AAAA,IACdQ,SAAS;AAAA,IACTJ,IAAI;AAAA,IACJK,eAAe;AAAA,IACfC,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,KAAK;AAAA,IACLC,MAAM;AAAA,IACNC,WAAY,cAAarB,IAAY,SAAS,CAAE;AAAA,IAChDsB,YAAa,OAAM3B,CAAkB;AAAA,EAAA,EACrC,CAAA,EAEN,CAAA;AAEJ;"}

package/lib/sd-component-library13.js

@@ -1,14 +0,0 @@
-import { j as t } from "./sd-component-library195.js";
-import "./sd-component-library198.js";
-import { Box as a } from "./sd-component-library199.js";
-const m = (o) => {
-  const {
-    children: r,
-    ...s
-  } = o;
-  return /* @__PURE__ */ t.jsx(a, { className: "no-translate", ...s, children: r });
-};
-export {
-  m as NoTranslateBox
-};
-//# sourceMappingURL=sd-component-library13.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library13.js","sources":["../src/components/boxes/no-translate-box/no-translate-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { NoTranslateBoxProps as Props } from \"./interfaces\";\n\nexport const NoTranslateBox: React.FC<Props> = (props) => {\n  const { children, ...boxProps } = props;\n\n  return (\n    <Box className=\"no-translate\" {...boxProps}>\n      {children}\n    </Box>\n  );\n};\n"],"names":["NoTranslateBox","props","children","boxProps","Box"],"mappings":";;;AAMO,MAAMA,IAAmCC,CAAUA,MAAA;AAClD,QAAA;AAAA,IAAEC,UAAAA;AAAAA,IAAU,GAAGC;AAAAA,EAAaF,IAAAA;AAElC,+BACGG,GAAI,EAAA,WAAU,gBAAmBD,GAAAA,GAC/BD,UAAAA,EACH,CAAA;AAEJ;"}

package/lib/sd-component-library130.js

@@ -1,75 +0,0 @@
-import { j as t } from "./sd-component-library195.js";
-import { useState as y } from "react";
-import "./sd-component-library198.js";
-import { useBoundingClientRect as m } from "./sd-component-library3.js";
-import { Flex as x } from "./sd-component-library199.js";
-import { ArrowButton as l } from "./sd-component-library275.js";
-import { Mask as p } from "./sd-component-library276.js";
-import { Tab as A } from "./sd-component-library277.js";
-import { HorizontalDivider as E } from "./sd-component-library51.js";
-const s = 30, e = `${s}px`, w = "30px";
-function U({
-  tabs: u,
-  selectedTabId: j,
-  onTabSelect: c,
-  activeColor: g = "cl_purple",
-  color: R = "cl_darkGrey",
-  displayBorder: k = !0,
-  tabPadding: v = ["16px 24px"],
-  tabWidth: C,
-  tabHeight: F,
-  tabMaxWidth: B,
-  labelSx: W,
-  secondaryTextSx: z,
-  scrollable: n = !0,
-  containerSx: M,
-  dontTranslate: S,
-  tabSx: X,
-  innerContainerSx: _
-}) {
-  const [d, a] = y(0), {
-    ref: $,
-    rect: r
-  } = m({
-    listenForResize: !0
-  }), {
-    ref: D,
-    rect: o
-  } = m({
-    listenForResize: !0
-  }), f = !n && o && r && !!d, h = !n && o && r && d + r.width < o.width, L = () => {
-    o && r && a((i) => Math.max(0, i - r.width + 2 * s));
-  }, O = () => {
-    o && r && a((i) => Math.min(o.width - r.width + s, i + r.width - 2 * s));
-  };
-  return /* @__PURE__ */ t.jsxs(x, { sx: {
-    flexDirection: "column",
-    position: "relative",
-    overflow: "hidden",
-    width: "100%",
-    ...M
-  }, className: S ? "no-translate" : void 0, ref: $, "data-test": "tabs-bar", children: [
-    f && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsx(l, { width: e, onClick: L, direction: "left" }),
-      /* @__PURE__ */ t.jsx(p, { width: w, offset: e, direction: "left" })
-    ] }),
-    h && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsx(l, { width: e, onClick: O, direction: "right" }),
-      /* @__PURE__ */ t.jsx(p, { width: w, offset: e, direction: "right" })
-    ] }),
-    /* @__PURE__ */ t.jsx(x, { sx: {
-      width: n ? "auto" : "max-content",
-      ml: f ? e : 0,
-      mr: h ? e : 0,
-      transform: `translateX(${-d}px)`,
-      transition: "transform 0.2s",
-      overflowX: n ? "auto" : void 0,
-      ..._
-    }, ref: D, children: u.map((i) => /* @__PURE__ */ t.jsx(A, { activeColor: g, color: R, ...i, selected: j === i.id, onClick: () => c == null ? void 0 : c(i.id), tabPadding: v, width: C, height: F, maxWidth: B, labelSx: W, secondaryTextSx: z, containerSx: X, "data-test": `tab-${i.id}` }, String(i.id))) }),
-    k && /* @__PURE__ */ t.jsx(E, { height: "2px" })
-  ] });
-}
-export {
-  U as TabBar
-};
-//# sourceMappingURL=sd-component-library130.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library130.js","sources":["../src/components/tabs/tab-bar/tab-bar.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { useBoundingClientRect } from \"../../../core/custom-hooks\";\nimport { HorizontalDivider } from \"../../dividers\";\nimport { TabBarProps } from \"./interfaces\";\nimport { ArrowButton, Mask, Tab } from \"./partials\";\n\nconst arrowButtonWidthPx = 30;\nconst arrowButtonWidth = `${arrowButtonWidthPx}px`;\nconst maskWidth = \"30px\";\n\nexport function TabBar<T>({\n  tabs,\n  selectedTabId,\n  onTabSelect,\n  activeColor = \"cl_purple\",\n  color = \"cl_darkGrey\",\n  displayBorder = true,\n  tabPadding = [\"16px 24px\"],\n  tabWidth,\n  tabHeight,\n  tabMaxWidth,\n  labelSx,\n  secondaryTextSx,\n  scrollable = true,\n  containerSx,\n  dontTranslate,\n  tabSx,\n  innerContainerSx,\n}: TabBarProps<T>) {\n  const [xOffset, setXOffset] = useState(0);\n\n  const { ref: containerRef, rect: containerRect } = useBoundingClientRect({\n    listenForResize: true,\n  });\n  const { ref: contentRef, rect: contentRect } = useBoundingClientRect({\n    listenForResize: true,\n  });\n\n  const canScrollLeft =\n    !scrollable && contentRect && containerRect && !!xOffset;\n  const canScrollRight =\n    !scrollable &&\n    contentRect &&\n    containerRect &&\n    xOffset + containerRect.width < contentRect.width;\n\n  const onScrollLeftClick = () => {\n    contentRect &&\n      containerRect &&\n      setXOffset((prev) =>\n        Math.max(0, prev - containerRect.width + 2 * arrowButtonWidthPx)\n      );\n  };\n\n  const onScrollRightClick = () => {\n    contentRect &&\n      containerRect &&\n      setXOffset((prev) =>\n        Math.min(\n          contentRect.width - containerRect.width + arrowButtonWidthPx,\n          prev + containerRect.width - 2 * arrowButtonWidthPx\n        )\n      );\n  };\n\n  return (\n    <Flex\n      sx={{\n        flexDirection: \"column\",\n        position: \"relative\",\n        overflow: \"hidden\",\n        width: \"100%\",\n        ...containerSx,\n      }}\n      className={dontTranslate ? \"no-translate\" : undefined}\n      ref={containerRef}\n      data-test=\"tabs-bar\"\n    >\n      {canScrollLeft && (\n        <>\n          <ArrowButton\n            width={arrowButtonWidth}\n            onClick={onScrollLeftClick}\n            direction=\"left\"\n          />\n\n          <Mask width={maskWidth} offset={arrowButtonWidth} direction=\"left\" />\n        </>\n      )}\n\n      {canScrollRight && (\n        <>\n          <ArrowButton\n            width={arrowButtonWidth}\n            onClick={onScrollRightClick}\n            direction=\"right\"\n          />\n\n          <Mask width={maskWidth} offset={arrowButtonWidth} direction=\"right\" />\n        </>\n      )}\n\n      <Flex\n        sx={{\n          width: scrollable ? \"auto\" : \"max-content\",\n          ml: canScrollLeft ? arrowButtonWidth : 0,\n          mr: canScrollRight ? arrowButtonWidth : 0,\n          transform: `translateX(${-xOffset}px)`,\n          transition: \"transform 0.2s\",\n          overflowX: scrollable ? \"auto\" : undefined,\n          ...innerContainerSx,\n        }}\n        ref={contentRef}\n      >\n        {tabs.map((t) => (\n          <Tab\n            key={String(t.id)}\n            activeColor={activeColor}\n            color={color}\n            {...t}\n            selected={selectedTabId === t.id}\n            onClick={() => onTabSelect?.(t.id)}\n            tabPadding={tabPadding}\n            width={tabWidth}\n            height={tabHeight}\n            maxWidth={tabMaxWidth}\n            labelSx={labelSx}\n            secondaryTextSx={secondaryTextSx}\n            containerSx={tabSx}\n            data-test={`tab-${t.id}`}\n          />\n        ))}\n      </Flex>\n\n      {displayBorder && <HorizontalDivider height=\"2px\" />}\n    </Flex>\n  );\n}\n"],"names":["arrowButtonWidthPx","arrowButtonWidth","maskWidth","TabBar","tabs","selectedTabId","onTabSelect","activeColor","color","displayBorder","tabPadding","tabWidth","tabHeight","tabMaxWidth","labelSx","secondaryTextSx","scrollable","containerSx","dontTranslate","tabSx","innerContainerSx","xOffset","setXOffset","useState","ref","containerRef","rect","containerRect","useBoundingClientRect","listenForResize","contentRef","contentRect","canScrollLeft","canScrollRight","width","onScrollLeftClick","prev","Math","max","onScrollRightClick","min","jsxs","Flex","flexDirection","position","overflow","undefined","Fragment","jsx","ArrowButton","Mask","ml","mr","transform","transition","overflowX","map","t","Tab","id","String","HorizontalDivider"],"mappings":"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"}

package/lib/sd-component-library131.js

@@ -1,73 +0,0 @@
-import { j as t } from "./sd-component-library195.js";
-import "./sd-component-library198.js";
-import { Box as w, Flex as s } from "./sd-component-library199.js";
-import { TabV2 as T } from "./sd-component-library274.js";
-import { GridContainerV2 as _ } from "./sd-component-library41.js";
-const h = 25, W = ({
-  tabs: e,
-  selectedTabId: m,
-  onSelect: c,
-  borderWidth: l = "1px",
-  color: f = "cl_blue",
-  activeColor: a = "cl_purple",
-  borderColor: i = "cl_lightGrey",
-  borderRadius: n = 12,
-  tabPx: g = "30px",
-  fontSize: S = 13,
-  tabTopAdditionalOffset: u = 8,
-  tabBottomAdditionalOffset: r = 4,
-  maxWidth: y = "1170px",
-  scrollOnChange: j = !0
-}) => {
-  const x = e.findIndex(({
-    id: o
-  }) => o === m);
-  if (!e.length)
-    return null;
-  const p = x === 0, d = x === e.length - 1;
-  return /* @__PURE__ */ t.jsx(w, { sx: {
-    width: "100%",
-    overflowX: "auto",
-    scrollbarWidth: "none",
-    "::-webkit-scrollbar": {
-      height: 0
-    }
-  }, children: /* @__PURE__ */ t.jsxs(s, { sx: {
-    width: "fit-content",
-    minWidth: "100%",
-    overflow: "hidden"
-  }, children: [
-    /* @__PURE__ */ t.jsx(s, { sx: {
-      width: `calc((100% - ${y}) / 2)`,
-      minWidth: `${h}px`,
-      height: `${n + r}px`,
-      mt: "auto",
-      borderWidth: l,
-      borderColor: i,
-      borderRadius: `0 0 ${p ? n : 0}px 0`,
-      borderBottomStyle: "solid",
-      borderTopStyle: "none",
-      borderLeftStyle: "none",
-      borderRightStyle: p ? "solid" : "none"
-    } }),
-    /* @__PURE__ */ t.jsx(_, { gridTemplateColumns: `repeat(${e.length}, max-content)`, minWidth: "fit-content", children: e.map((o, $) => /* @__PURE__ */ t.jsx(T, { ...o, idx: $, selectedIndex: x, borderWidth: l, borderColor: i, color: f, activeColor: a, borderRadius: n, onSelect: c, px: g, fontSize: S, totalTabs: e.length, topAdditionalOffset: u, bottomAdditionalOffset: r, scrollOnChange: j }, o.id)) }),
-    /* @__PURE__ */ t.jsx(s, { sx: {
-      flexGrow: 1,
-      minWidth: `${h}px`,
-      transform: "translateX(-2px)",
-      height: `${n + r}px`,
-      mt: "auto",
-      borderWidth: l,
-      borderColor: i,
-      borderBottomStyle: "solid",
-      borderTopStyle: "none",
-      borderRightStyle: "none",
-      borderLeftStyle: d ? "solid" : "none",
-      borderRadius: `0 0 0 ${d ? n : 0}px`
-    } })
-  ] }) });
-};
-export {
-  W as TabBarV2
-};
-//# sourceMappingURL=sd-component-library131.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library131.js","sources":["../src/components/tabs/tab-bar-v2/tab-bar-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { Grid } from \"../../containers\";\nimport { TabBarV2Props as Props } from \"./interfaces\";\nimport { TabV2 } from \"./partials\";\n\nconst sideOffset = 25; // px\n\nexport const TabBarV2: React.FC<Props> = ({\n  tabs,\n  selectedTabId,\n  onSelect,\n  borderWidth = \"1px\",\n  color = \"cl_blue\",\n  activeColor = \"cl_purple\",\n  borderColor = \"cl_lightGrey\",\n  borderRadius = 12,\n  tabPx = \"30px\",\n  fontSize = 13,\n  tabTopAdditionalOffset = 8,\n  tabBottomAdditionalOffset = 4,\n  maxWidth = \"1170px\",\n  scrollOnChange = true,\n}) => {\n  const selectedIndex = tabs.findIndex(({ id }) => id === selectedTabId);\n\n  if (!tabs.length) return null;\n\n  const isFirstSelected = selectedIndex === 0;\n  const isLastSelected = selectedIndex === tabs.length - 1;\n\n  return (\n    <Box\n      sx={{\n        width: \"100%\",\n        overflowX: \"auto\",\n        scrollbarWidth: \"none\",\n        \"::-webkit-scrollbar\": {\n          height: 0,\n        },\n      }}\n    >\n      <Flex\n        sx={{\n          width: \"fit-content\",\n          minWidth: \"100%\",\n          overflow: \"hidden\",\n        }}\n      >\n        <Flex\n          sx={{\n            width: `calc((100% - ${maxWidth}) / 2)`,\n            minWidth: `${sideOffset}px`,\n            height: `${borderRadius + tabBottomAdditionalOffset}px`,\n            mt: \"auto\",\n            borderWidth,\n            borderColor,\n            borderRadius: `0 0 ${isFirstSelected ? borderRadius : 0}px 0`,\n            borderBottomStyle: \"solid\",\n            borderTopStyle: \"none\",\n            borderLeftStyle: \"none\",\n            borderRightStyle: isFirstSelected ? \"solid\" : \"none\",\n          }}\n        />\n\n        <Grid\n          gridTemplateColumns={`repeat(${tabs.length}, max-content)`}\n          minWidth=\"fit-content\"\n        >\n          {tabs.map((tab, idx) => (\n            <TabV2\n              key={tab.id}\n              {...tab}\n              idx={idx}\n              selectedIndex={selectedIndex}\n              borderWidth={borderWidth}\n              borderColor={borderColor}\n              color={color}\n              activeColor={activeColor}\n              borderRadius={borderRadius}\n              onSelect={onSelect}\n              px={tabPx}\n              fontSize={fontSize}\n              totalTabs={tabs.length}\n              topAdditionalOffset={tabTopAdditionalOffset}\n              bottomAdditionalOffset={tabBottomAdditionalOffset}\n              scrollOnChange={scrollOnChange}\n            />\n          ))}\n        </Grid>\n\n        <Flex\n          sx={{\n            flexGrow: 1,\n            minWidth: `${sideOffset}px`,\n            transform: \"translateX(-2px)\",\n            height: `${borderRadius + tabBottomAdditionalOffset}px`,\n            mt: \"auto\",\n            borderWidth,\n            borderColor,\n            borderBottomStyle: \"solid\",\n            borderTopStyle: \"none\",\n            borderRightStyle: \"none\",\n            borderLeftStyle: isLastSelected ? \"solid\" : \"none\",\n            borderRadius: `0 0 0 ${isLastSelected ? borderRadius : 0}px`,\n          }}\n        />\n      </Flex>\n    </Box>\n  );\n};\n"],"names":["sideOffset","TabBarV2","tabs","selectedTabId","onSelect","borderWidth","color","activeColor","borderColor","borderRadius","tabPx","fontSize","tabTopAdditionalOffset","tabBottomAdditionalOffset","maxWidth","scrollOnChange","selectedIndex","findIndex","id","length","isFirstSelected","isLastSelected","jsx","Box","width","overflowX","scrollbarWidth","height","jsxs","Flex","minWidth","overflow","mt","borderBottomStyle","borderTopStyle","borderLeftStyle","borderRightStyle","Grid","map","tab","idx","TabV2","flexGrow","transform"],"mappings":";;;;;AAQA,MAAMA,IAAa,IAENC,IAA4BA,CAAC;AAAA,EACxCC,MAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,aAAAA,IAAc;AAAA,EACdC,OAAAA,IAAQ;AAAA,EACRC,aAAAA,IAAc;AAAA,EACdC,aAAAA,IAAc;AAAA,EACdC,cAAAA,IAAe;AAAA,EACfC,OAAAA,IAAQ;AAAA,EACRC,UAAAA,IAAW;AAAA,EACXC,wBAAAA,IAAyB;AAAA,EACzBC,2BAAAA,IAA4B;AAAA,EAC5BC,UAAAA,IAAW;AAAA,EACXC,gBAAAA,IAAiB;AACnB,MAAM;AACEC,QAAAA,IAAgBd,EAAKe,UAAU,CAAC;AAAA,IAAEC,IAAAA;AAAAA,EAAAA,MAASA,MAAOf,CAAa;AAErE,MAAI,CAACD,EAAKiB;AAAe,WAAA;AAEzB,QAAMC,IAAkBJ,MAAkB,GACpCK,IAAiBL,MAAkBd,EAAKiB,SAAS;AAGrD,SAAAG,gBAAAA,EAAA,IAACC,KACC,IAAI;AAAA,IACFC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,gBAAgB;AAAA,IAChB,uBAAuB;AAAA,MACrBC,QAAQ;AAAA,IACV;AAAA,EACF,GAEA,UAACC,gBAAAA,EAAAA,KAAAC,GAAA,EACC,IAAI;AAAA,IACFL,OAAO;AAAA,IACPM,UAAU;AAAA,IACVC,UAAU;AAAA,EAGZ,GAAA,UAAA;AAAA,IAAAT,gBAAAA,MAACO,KACC,IAAI;AAAA,MACFL,OAAQ,gBAAeV,CAAS;AAAA,MAChCgB,UAAW,GAAE9B,CAAW;AAAA,MACxB2B,QAAS,GAAElB,IAAeI,CAA0B;AAAA,MACpDmB,IAAI;AAAA,MACJ3B,aAAAA;AAAAA,MACAG,aAAAA;AAAAA,MACAC,cAAe,OAAMW,IAAkBX,IAAe,CAAE;AAAA,MACxDwB,mBAAmB;AAAA,MACnBC,gBAAgB;AAAA,MAChBC,iBAAiB;AAAA,MACjBC,kBAAkBhB,IAAkB,UAAU;AAAA,IAAA,GAC9C;AAAA,0BAGHiB,GACC,EAAA,qBAAsB,UAASnC,EAAKiB,MAAO,kBAC3C,UAAS,eAERjB,UAAKoC,EAAAA,IAAI,CAACC,GAAKC,4BACbC,GAEC,EAAA,GAAIF,GACJ,KAAAC,GACA,eAAAxB,GACA,aAAAX,GACA,aAAAG,GACA,OAAAF,GACA,aAAAC,GACA,cAAAE,GACA,UAAAL,GACA,IAAIM,GACJ,UAAAC,GACA,WAAWT,EAAKiB,QAChB,qBAAqBP,GACrB,wBAAwBC,GACxB,gBAAAE,KAfKwB,EAAIrB,EAesB,CAElC,GACH;AAAA,IAEAI,gBAAAA,MAACO,KACC,IAAI;AAAA,MACFa,UAAU;AAAA,MACVZ,UAAW,GAAE9B,CAAW;AAAA,MACxB2C,WAAW;AAAA,MACXhB,QAAS,GAAElB,IAAeI,CAA0B;AAAA,MACpDmB,IAAI;AAAA,MACJ3B,aAAAA;AAAAA,MACAG,aAAAA;AAAAA,MACAyB,mBAAmB;AAAA,MACnBC,gBAAgB;AAAA,MAChBE,kBAAkB;AAAA,MAClBD,iBAAiBd,IAAiB,UAAU;AAAA,MAC5CZ,cAAe,SAAQY,IAAiBZ,IAAe,CAAE;AAAA,IAAA,GACzD;AAAA,EAAA,EAEN,CAAA,EACF,CAAA;AAEJ;"}

package/lib/sd-component-library132.js

@@ -1,21 +0,0 @@
-import { j as s } from "./sd-component-library195.js";
-import "./sd-component-library198.js";
-import { Box as d } from "./sd-component-library199.js";
-import { TabBarV2 as i } from "./sd-component-library131.js";
-const l = (r) => {
-  const {
-    tabs: e,
-    selectedTabId: t,
-    ...n
-  } = r, a = e.findIndex(({
-    id: c
-  }) => c === t), o = e[a];
-  return o ? /* @__PURE__ */ s.jsxs(d, { children: [
-    /* @__PURE__ */ s.jsx(i, { tabs: e, selectedTabId: t, ...n }),
-    o.component
-  ] }) : null;
-};
-export {
-  l as TabbedViewV2
-};
-//# sourceMappingURL=sd-component-library132.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library132.js","sources":["../src/components/tabs/tabbed-view-v2/tabbed-view-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { TabBarV2 } from \"../tab-bar-v2\";\nimport { TabbedViewV2Props as Props } from \"./interfaces\";\n\nexport const TabbedViewV2: React.FC<Props> = (props) => {\n  const { tabs, selectedTabId, ...tabsProps } = props;\n\n  const selectedTabIndex = tabs.findIndex(({ id }) => id === selectedTabId);\n  const selectedTab = tabs[selectedTabIndex];\n\n  if (!selectedTab) return null;\n\n  return (\n    <Box>\n      <TabBarV2 tabs={tabs} selectedTabId={selectedTabId} {...tabsProps} />\n      {selectedTab.component}\n    </Box>\n  );\n};\n"],"names":["TabbedViewV2","props","tabs","selectedTabId","tabsProps","selectedTabIndex","findIndex","id","selectedTab","Box","jsx","TabBarV2","component"],"mappings":";;;;AAOO,MAAMA,IAAiCC,CAAUA,MAAA;AAChD,QAAA;AAAA,IAAEC,MAAAA;AAAAA,IAAMC,eAAAA;AAAAA,IAAe,GAAGC;AAAAA,EAAcH,IAAAA,GAExCI,IAAmBH,EAAKI,UAAU,CAAC;AAAA,IAAEC,IAAAA;AAAAA,EAAAA,MAASA,MAAOJ,CAAa,GAClEK,IAAcN,EAAKG,CAAgB;AAEzC,SAAKG,2BAGFC,GACC,EAAA,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACC,GAAS,EAAA,MAAAT,GAAY,eAAAC,GAA8B,GAAIC,EAAU,CAAA;AAAA,IACjEI,EAAYI;AAAAA,EACf,EAAA,CAAA,IANuB;AAQ3B;"}

package/lib/sd-component-library133.js

@@ -1,60 +0,0 @@
-import { j as r } from "./sd-component-library195.js";
-import { useRef as v, useState as w, useEffect as m } from "react";
-import "./sd-component-library198.js";
-import { Box as S } from "./sd-component-library199.js";
-import { BaseGridContainer as C } from "./sd-component-library38.js";
-import { ScrollableTabWrapper as j } from "./sd-component-library278.js";
-import { MaxMaxContainer as E } from "./sd-component-library43.js";
-import { Tab as y } from "./sd-component-library279.js";
-import { VerticalDivider as B } from "./sd-component-library52.js";
-const L = (o) => {
-  const t = o.find((n) => window.location.hash === `#${n.hash}`);
-  return (t == null ? void 0 : t.hash) || o.length && o[0].hash || "";
-};
-function _(o) {
-  const {
-    tabs: t,
-    onTabSelect: n,
-    selectedTab: s,
-    activeColor: u = "#9E1CB5",
-    enableScroll: f = !0,
-    gap: h = ["15px"],
-    allowChangingTabs: a = !0,
-    autoScrollTabs: p = !1,
-    history: x
-  } = o, i = v(null), [d, c] = w(t.length && t[0].hash || ""), T = o.sticky ? {
-    position: "sticky",
-    top: o.top || ["0px"]
-  } : {};
-  m(() => {
-    s && c(s);
-  }, [s]);
-  const g = (e) => {
-    n && n(e), a && c(e);
-  };
-  m(() => {
-    const e = () => a && c(L(t));
-    return !s && e(), window.addEventListener("hashchange", e), () => window.removeEventListener("hashchange", e);
-  }, [t, s, a]);
-  const b = (e) => {
-    if (e.current && i.current) {
-      const l = e.current.offsetLeft;
-      i.current.scroll({
-        left: l,
-        behavior: "smooth"
-      });
-    }
-  };
-  return /* @__PURE__ */ r.jsx(S, { ref: i, sx: {
-    ...T,
-    backgroundColor: "cl_white",
-    overflowX: ["scroll", "unset"]
-  }, children: /* @__PURE__ */ r.jsx(C, { gridTemplateColumns: [`repeat(${2 * t.length - 1}, max-content)`], width: ["100%"], gap: h, "data-test": "tabs-menu", children: t.map((e, l) => /* @__PURE__ */ r.jsx(j, { hash: e.hash, autoScrollTabs: p, selectedTab: d, scrollTabOnSelect: b, children: /* @__PURE__ */ r.jsxs(E, { gap: e.divider ? h : ["0px"], children: [
-    /* @__PURE__ */ r.jsx(y, { Icon: e.Icon, iconHeight: e.iconHeight, title: e.title, hash: e.hash, activeColor: u, isActive: d === e.hash, onTabSelect: g, enableScroll: f, history: x, "data-test": `tabs-menu-${e.hash}` }),
-    e.divider && /* @__PURE__ */ r.jsx(B, {})
-  ] }, l) }, e.hash)) }) });
-}
-export {
-  _ as TabsMenu
-};
-//# sourceMappingURL=sd-component-library133.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library133.js","sources":["../src/components/tabs/tabs-menu/tabs-menu.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { BaseGridContainer } from \"../../containers/grid-containers/base-grid-container\";\nimport { MaxMaxContainer } from \"../../containers/grid-containers/max-max-container\";\nimport { VerticalDivider } from \"../../dividers/vertical-divider\";\nimport { TabObject, TabsMenuProps } from \"./interfaces\";\nimport { ScrollableTabWrapper } from \"./partials/scrollable-tab-wrapper\";\nimport { Tab } from \"./partials/tab\";\n\n/**\n * Return the hash of currently active tab or empty string if none.\n *\n * @param tabs Array of all tabs.\n */\nconst getCurrentTab = (tabs: Array<TabObject>) => {\n  const currentTab = tabs.find(\n    (tab) => window.location.hash === `#${tab.hash}`\n  );\n  return currentTab?.hash || (tabs.length && tabs[0].hash) || \"\";\n};\n\n/**\n * TabsMenu component.\n */\nexport function TabsMenu(props: TabsMenuProps) {\n  const {\n    tabs,\n    onTabSelect,\n    selectedTab: overrideSelectedTab,\n    activeColor = \"#9E1CB5\",\n    enableScroll = true,\n    gap = [\"15px\"],\n    allowChangingTabs = true,\n    autoScrollTabs = false,\n    history,\n  } = props;\n\n  const tabsGroupRef = useRef<HTMLDivElement>(null);\n  const [selectedTab, setSelectedTab] = useState<string>(\n    (tabs.length && tabs[0].hash) || \"\"\n  );\n\n  const styles = props.sticky\n    ? {\n        position: \"sticky\",\n        top: props.top || [\"0px\"],\n      }\n    : {};\n\n  /**\n   * Set currently selected tab if it's set by the parent.\n   */\n  useEffect(() => {\n    overrideSelectedTab && setSelectedTab(overrideSelectedTab);\n  }, [overrideSelectedTab]);\n\n  /**\n   * Call the callback if present, when any tab is selected. Then\n   * update the current tab if allowed.\n   *\n   * @param hash : Hash of the selected tab.\n   */\n  const onTabSelectWrapper = (hash: string) => {\n    onTabSelect && onTabSelect(hash);\n    allowChangingTabs && setSelectedTab(hash);\n  };\n\n  /**\n   * Once the component is mounted, we add a listener for `hashChange` event\n   * so that whenever window hash changes, we check if updated hash is one\n   * of the currently present tabs and then mark it as active tab.\n   *\n   * Upon un-mount, we remove the listener.\n   */\n  useEffect(() => {\n    const updateCurrentTab = () =>\n      allowChangingTabs && setSelectedTab(getCurrentTab(tabs));\n\n    /**\n     * Update current tab according to window hash upon page load.\n     */\n    !overrideSelectedTab && updateCurrentTab();\n\n    window.addEventListener(\"hashchange\", updateCurrentTab);\n    return () => window.removeEventListener(\"hashchange\", updateCurrentTab);\n  }, [tabs, overrideSelectedTab, allowChangingTabs]);\n\n  /**\n   * When selected tab is updated, and tabs menu is scrollable (in mobiles screen)\n   * the selected tab should be scrolled to the left.\n   */\n  const scrollTabOnSelect = (tabRef: RefObject<HTMLDivElement>) => {\n    if (tabRef.current && tabsGroupRef.current) {\n      const tabLeftOffset = tabRef.current.offsetLeft;\n      tabsGroupRef.current.scroll({\n        left: tabLeftOffset,\n        behavior: \"smooth\",\n      });\n    }\n  };\n\n  return (\n    <Box\n      ref={tabsGroupRef}\n      sx={{\n        ...(styles as CSSProperties),\n        backgroundColor: \"cl_white\",\n        overflowX: [\"scroll\", \"unset\"],\n      }}\n    >\n      <BaseGridContainer\n        gridTemplateColumns={[`repeat(${2 * tabs.length - 1}, max-content)`]}\n        width={[\"100%\"]}\n        gap={gap}\n        data-test=\"tabs-menu\"\n      >\n        {tabs.map((tab, index) => (\n          <ScrollableTabWrapper\n            key={tab.hash}\n            hash={tab.hash}\n            autoScrollTabs={autoScrollTabs}\n            selectedTab={selectedTab}\n            scrollTabOnSelect={scrollTabOnSelect}\n          >\n            <MaxMaxContainer gap={tab.divider ? gap : [\"0px\"]} key={index}>\n              <Tab\n                Icon={tab.Icon}\n                iconHeight={tab.iconHeight}\n                title={tab.title}\n                hash={tab.hash}\n                activeColor={activeColor}\n                isActive={selectedTab === tab.hash}\n                onTabSelect={onTabSelectWrapper}\n                enableScroll={enableScroll}\n                history={history}\n                data-test={`tabs-menu-${tab.hash}`}\n              />\n              {tab.divider && <VerticalDivider />}\n            </MaxMaxContainer>\n          </ScrollableTabWrapper>\n        ))}\n      </BaseGridContainer>\n    </Box>\n  );\n}\n"],"names":["getCurrentTab","tabs","currentTab","find","tab","window","location","hash","length","TabsMenu","props","onTabSelect","selectedTab","overrideSelectedTab","activeColor","enableScroll","gap","allowChangingTabs","autoScrollTabs","history","tabsGroupRef","useRef","setSelectedTab","useState","styles","sticky","position","top","useEffect","onTabSelectWrapper","updateCurrentTab","addEventListener","removeEventListener","scrollTabOnSelect","tabRef","current","tabLeftOffset","offsetLeft","scroll","left","behavior","jsx","Box","backgroundColor","overflowX","BaseGridContainer","map","index","ScrollableTabWrapper","jsxs","MaxMaxContainer","divider","Tab","Icon","iconHeight","title","VerticalDivider"],"mappings":"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"}

package/lib/sd-component-library134.js

@@ -1,59 +0,0 @@
-import { j as W } from "./sd-component-library195.js";
-import { Text as j } from "./sd-component-library198.js";
-const w = (t) => {
-  const {
-    children: e,
-    width: o = "100%",
-    height: n,
-    color: r = "cl_darkGrey",
-    display: i = "block",
-    cursor: a = "default",
-    textAlign: l,
-    textDecoration: s,
-    textTransform: c,
-    letterSpacing: m,
-    backgroundColor: h,
-    lineHeight: x,
-    hoverTextDecoration: f,
-    hoverFontWeight: d,
-    onClick: g,
-    m: v,
-    mt: u,
-    mr: F,
-    mb: T,
-    ml: b,
-    dontTranslate: k = !1
-  } = t, y = t.withFontProperties ? {
-    fontFamily: t.fontFamily,
-    fontSize: t.fontSize,
-    fontWeight: t.fontWeight
-  } : {
-    variant: t.variant
-  };
-  return /* @__PURE__ */ W.jsx(j, { ...y, sx: {
-    width: o,
-    height: n,
-    color: r,
-    display: i,
-    cursor: a,
-    textAlign: l,
-    textDecoration: s,
-    textTransform: c,
-    letterSpacing: m,
-    lineHeight: x,
-    backgroundColor: h,
-    m: v,
-    mt: u,
-    mr: F,
-    mb: T,
-    ml: b,
-    ":hover": {
-      textDecoration: f,
-      fontWeight: d
-    }
-  }, onClick: g, className: k ? "no-translate" : void 0, "data-test": "base-text", children: e });
-};
-export {
-  w as BaseText
-};
-//# sourceMappingURL=sd-component-library134.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library134.js","sources":["../src/components/texts/base-text/base-text.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Text } from \"rebass\";\n\nimport { BaseTextProps } from \"./interfaces\";\n\n/**\n * @deprecated use BaseTextV2 instead\n */\nexport const BaseText = (props: BaseTextProps) => {\n  const {\n    children,\n    width = \"100%\",\n    height,\n    color = \"cl_darkGrey\",\n    display = \"block\",\n    cursor = \"default\",\n    textAlign,\n    textDecoration,\n    textTransform,\n    letterSpacing,\n    backgroundColor,\n    lineHeight,\n    hoverTextDecoration,\n    hoverFontWeight,\n    onClick,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n    dontTranslate = false,\n  } = props;\n\n  // variant and FontProperties cannot be applied together.\n  const variantOrFontProperties = props.withFontProperties\n    ? {\n        fontFamily: props.fontFamily,\n        fontSize: props.fontSize,\n        fontWeight: props.fontWeight,\n      }\n    : { variant: props.variant };\n\n  return (\n    <Text\n      {...variantOrFontProperties}\n      sx={{\n        width,\n        height,\n        color,\n        display,\n        cursor,\n        textAlign,\n        textDecoration,\n        textTransform,\n        letterSpacing,\n        lineHeight,\n        backgroundColor,\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n        \":hover\": {\n          textDecoration: hoverTextDecoration,\n          fontWeight: hoverFontWeight,\n        },\n      }}\n      onClick={onClick}\n      className={dontTranslate ? \"no-translate\" : undefined}\n      data-test=\"base-text\"\n    >\n      {children}\n    </Text>\n  );\n};\n"],"names":["BaseText","props","children","width","height","color","display","cursor","textAlign","textDecoration","textTransform","letterSpacing","backgroundColor","lineHeight","hoverTextDecoration","hoverFontWeight","onClick","m","mt","mr","mb","ml","dontTranslate","variantOrFontProperties","withFontProperties","fontFamily","fontSize","fontWeight","variant","jsx","Text","undefined"],"mappings":";;AASaA,MAAAA,IAAWA,CAACC,MAAyB;AAC1C,QAAA;AAAA,IACJC,UAAAA;AAAAA,IACAC,OAAAA,IAAQ;AAAA,IACRC,QAAAA;AAAAA,IACAC,OAAAA,IAAQ;AAAA,IACRC,SAAAA,IAAU;AAAA,IACVC,QAAAA,IAAS;AAAA,IACTC,WAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,qBAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,GAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,eAAAA,IAAgB;AAAA,EACdrB,IAAAA,GAGEsB,IAA0BtB,EAAMuB,qBAClC;AAAA,IACEC,YAAYxB,EAAMwB;AAAAA,IAClBC,UAAUzB,EAAMyB;AAAAA,IAChBC,YAAY1B,EAAM0B;AAAAA,EAAAA,IAEpB;AAAA,IAAEC,SAAS3B,EAAM2B;AAAAA,EAAAA;AAErB,SACGC,gBAAAA,EAAA,IAAAC,GAAA,EACC,GAAIP,GACJ,IAAI;AAAA,IACFpB,OAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAE,YAAAA;AAAAA,IACAD,iBAAAA;AAAAA,IACAK,GAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACA,UAAU;AAAA,MACRZ,gBAAgBK;AAAAA,MAChBa,YAAYZ;AAAAA,IACd;AAAA,EAAA,GAEF,SAAAC,GACA,WAAWM,IAAgB,iBAAiBS,QAC5C,aAAU,aAET7B,UAAAA,EACH,CAAA;AAEJ;"}