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

package/lib/sd-component-library121.js

@@ -1,12 +1,12 @@
-import { jsx as e } from "./sd-component-library195.js";
+import { j as e } from "./sd-component-library195.js";
 import { SelectorV2 as o } from "./sd-component-library119.js";
-const c = (r) => {
+const s = (t) => {
   const {
-    gap: t = "8px"
-  } = r;
-  return /* @__PURE__ */ e(o, { ...r, variant: "secondaryV2", labelContainerAlignItems: "start", gap: t });
+    gap: r = "8px"
+  } = t;
+  return /* @__PURE__ */ e.jsx(o, { ...t, variant: "secondaryV2", labelContainerAlignItems: "start", gap: r });
 };
 export {
-  c as SecondarySelectorV2
+  s as SecondarySelectorV2
 };
 //# sourceMappingURL=sd-component-library121.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library121.js","sources":["../src/components/selectors/secondary-selector-v2/secondary-selector-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { SelectorV2 } from \"../selector-v2\";\nimport { SecondarySelectorV2Props as Props } from \"./interfaces\";\n\nexport const SecondarySelectorV2: React.FC<Props> = (props) => {\n  const { gap = \"8px\" } = props;\n  return (\n    <SelectorV2\n      {...props}\n      variant=\"secondaryV2\"\n      labelContainerAlignItems=\"start\"\n      gap={gap}\n    />\n  );\n};\n"],"names":["SecondarySelectorV2","props","gap","jsx","SelectorV2"],"mappings":";;AAKO,MAAMA,IAAwCC,CAAUA,MAAA;AACvD,QAAA;AAAA,IAAEC,KAAAA,IAAM;AAAA,EAAUD,IAAAA;AAEtB,SAAA,gBAAAE,EAACC,KACC,GAAIH,GACJ,SAAQ,eACR,0BAAyB,SACzB,KAAAC,EACA,CAAA;AAEN;"}
+{"version":3,"file":"sd-component-library121.js","sources":["../src/components/selectors/secondary-selector-v2/secondary-selector-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { SelectorV2 } from \"../selector-v2\";\nimport { SecondarySelectorV2Props as Props } from \"./interfaces\";\n\nexport const SecondarySelectorV2: React.FC<Props> = (props) => {\n  const { gap = \"8px\" } = props;\n  return (\n    <SelectorV2\n      {...props}\n      variant=\"secondaryV2\"\n      labelContainerAlignItems=\"start\"\n      gap={gap}\n    />\n  );\n};\n"],"names":["SecondarySelectorV2","props","gap","jsx","SelectorV2"],"mappings":";;AAKO,MAAMA,IAAwCC,CAAUA,MAAA;AACvD,QAAA;AAAA,IAAEC,KAAAA,IAAM;AAAA,EAAUD,IAAAA;AAEtB,SAAAE,gBAAAA,MAACC,KACC,GAAIH,GACJ,SAAQ,eACR,0BAAyB,SACzB,KAAAC,EACA,CAAA;AAEN;"}

package/lib/sd-component-library122.js

@@ -1,6 +1,6 @@
-import { jsx as t } from "./sd-component-library195.js";
+import { j as t } from "./sd-component-library195.js";
 import { SelectorV2 as e } from "./sd-component-library119.js";
-const i = (r) => /* @__PURE__ */ t(e, { ...r, variant: "primaryV2", "data-testid": "primary-selector-v2" });
+const i = (r) => /* @__PURE__ */ t.jsx(e, { ...r, variant: "primaryV2", "data-testid": "primary-selector-v2" });
 export {
   i as PrimarySelectorV2
 };

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library122.js","sources":["../src/components/selectors/primary-selector-v2/primary-selector-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { SelectorV2 } from \"../selector-v2\";\nimport { PrimarySelectorV2Props as Props } from \"./interfaces\";\n\nexport const PrimarySelectorV2: React.FC<Props> = (props) => {\n  return (\n    <SelectorV2\n      {...props}\n      variant=\"primaryV2\"\n      data-testid=\"primary-selector-v2\"\n    />\n  );\n};\n"],"names":["PrimarySelectorV2","props","SelectorV2"],"mappings":";;AAKO,MAAMA,IAAsCC,CAAUA,wBAExDC,GACC,EAAA,GAAID,GACJ,SAAQ,aACR,eAAY,sBACZ,CAAA;"}
+{"version":3,"file":"sd-component-library122.js","sources":["../src/components/selectors/primary-selector-v2/primary-selector-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { SelectorV2 } from \"../selector-v2\";\nimport { PrimarySelectorV2Props as Props } from \"./interfaces\";\n\nexport const PrimarySelectorV2: React.FC<Props> = (props) => {\n  return (\n    <SelectorV2\n      {...props}\n      variant=\"primaryV2\"\n      data-testid=\"primary-selector-v2\"\n    />\n  );\n};\n"],"names":["PrimarySelectorV2","props","SelectorV2"],"mappings":";;AAKO,MAAMA,IAAsCC,CAAUA,4BAExDC,GACC,EAAA,GAAID,GACJ,SAAQ,aACR,eAAY,sBACZ,CAAA;"}

package/lib/sd-component-library123.js

@@ -1,22 +1,22 @@
-import { jsxs as n, jsx as t } from "./sd-component-library195.js";
-import { useState as c, useCallback as d } from "react";
+import { j as e } from "./sd-component-library195.js";
+import { useState as n, useCallback as c } from "react";
 import "./sd-component-library198.js";
+import { Box as d } from "./sd-component-library199.js";
 import { SelectorV2 as m } from "./sd-component-library119.js";
-import { Box as p } from "./sd-component-library199.js";
-import { ResponsiveTextV2 as f } from "./sd-component-library147.js";
-const S = ({
+import { ResponsiveTextV2 as p } from "./sd-component-library147.js";
+const y = ({
   selectorLabel: o,
   gap: r = 5,
   ...i
 }) => {
-  const [a, l] = c(0), s = d((e) => {
-    e && l(e.getBoundingClientRect().width);
+  const [s, a] = n(0), l = c((t) => {
+    t && a(t.getBoundingClientRect().width);
   }, []);
-  return /* @__PURE__ */ n(p, { sx: {
+  return /* @__PURE__ */ e.jsxs(d, { sx: {
     position: "relative"
   }, "data-testid": "combined-secondary-selector-v2", children: [
-    /* @__PURE__ */ t(m, { ...i, variant: "secondaryV2", containerVariant: "combined", pl: `${a + r}px` }),
-    /* @__PURE__ */ t(f, { fontSizeWeight: [18, "regular"], color: "cl_grey", sx: {
+    /* @__PURE__ */ e.jsx(m, { ...i, variant: "secondaryV2", containerVariant: "combined", pl: `${s + r}px` }),
+    /* @__PURE__ */ e.jsx(p, { fontSizeWeight: [18, "regular"], color: "cl_grey", sx: {
       position: "absolute",
       left: 0,
       top: 0,
@@ -24,10 +24,10 @@ const S = ({
       height: "100%",
       alignItems: "flex-start",
       cursor: "default"
-    }, ref: s, "data-testid": "combined-secondary-selector-label", children: o })
+    }, ref: l, "data-testid": "combined-secondary-selector-label", children: o })
   ] });
 };
 export {
-  S as CombinedSecondarySelectorV2
+  y as CombinedSecondarySelectorV2
 };
 //# sourceMappingURL=sd-component-library123.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library123.js","sources":["../src/components/selectors/combined-secondary-selector-v2/combined-secondary-selector-v2.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../texts\";\nimport { SelectorV2 } from \"../selector-v2\";\nimport { CombinedSecondarySelectorV2Props as Props } from \"./interfaces\";\n\nexport const CombinedSecondarySelectorV2: React.FC<Props> = ({\n  selectorLabel,\n  gap = 5,\n  ...restOfProps\n}) => {\n  const [labelWidth, setLabelWidth] = useState(0);\n  const labelRef = useCallback((node: HTMLDivElement) => {\n    if (node) setLabelWidth(node.getBoundingClientRect().width);\n  }, []);\n\n  return (\n    <Box\n      sx={{ position: \"relative\" }}\n      data-testid=\"combined-secondary-selector-v2\"\n    >\n      <SelectorV2\n        {...restOfProps}\n        variant=\"secondaryV2\"\n        containerVariant=\"combined\"\n        pl={`${labelWidth + gap}px`}\n      />\n\n      <ResponsiveTextV2\n        fontSizeWeight={[18, \"regular\"]}\n        color=\"cl_grey\"\n        sx={{\n          position: \"absolute\",\n          left: 0,\n          top: 0,\n          display: \"flex\",\n          height: \"100%\",\n          alignItems: \"flex-start\",\n          cursor: \"default\",\n        }}\n        ref={labelRef}\n        data-testid=\"combined-secondary-selector-label\"\n      >\n        {selectorLabel}\n      </ResponsiveTextV2>\n    </Box>\n  );\n};\n"],"names":["CombinedSecondarySelectorV2","selectorLabel","gap","restOfProps","labelWidth","setLabelWidth","useState","labelRef","useCallback","node","getBoundingClientRect","width","jsxs","Box","position","jsx","SelectorV2","ResponsiveTextV2","left","top","display","height","alignItems","cursor"],"mappings":";;;;;;AAQO,MAAMA,IAA+CA,CAAC;AAAA,EAC3DC,eAAAA;AAAAA,EACAC,KAAAA,IAAM;AAAA,EACN,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,CAAC,GACxCC,IAAWC,EAAY,CAACC,MAAyB;AACjDA,IAAAA,KAAoBA,EAAAA,EAAKC,sBAAsB,EAAEC,KAAK;AAAA,EAC5D,GAAG,CAAE,CAAA;AAGH,SAAA,gBAAAC,EAACC,KACC,IAAI;AAAA,IAAEC,UAAU;AAAA,EAAA,GAChB,eAAY,kCAEZ,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EACC,GAAIb,GACJ,SAAQ,eACR,kBAAiB,YACjB,IAAK,GAAEC,IAAaF,CAAI,KAAI,CAAA;AAAA,IAG9B,gBAAAa,EAACE,KACC,gBAAgB,CAAC,IAAI,SAAS,GAC9B,OAAM,WACN,IAAI;AAAA,MACFH,UAAU;AAAA,MACVI,MAAM;AAAA,MACNC,KAAK;AAAA,MACLC,SAAS;AAAA,MACTC,QAAQ;AAAA,MACRC,YAAY;AAAA,MACZC,QAAQ;AAAA,IAAA,GAEV,KAAKhB,GACL,eAAY,qCAEXN,UACHA,GAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library123.js","sources":["../src/components/selectors/combined-secondary-selector-v2/combined-secondary-selector-v2.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../texts\";\nimport { SelectorV2 } from \"../selector-v2\";\nimport { CombinedSecondarySelectorV2Props as Props } from \"./interfaces\";\n\nexport const CombinedSecondarySelectorV2: React.FC<Props> = ({\n  selectorLabel,\n  gap = 5,\n  ...restOfProps\n}) => {\n  const [labelWidth, setLabelWidth] = useState(0);\n  const labelRef = useCallback((node: HTMLDivElement) => {\n    if (node) setLabelWidth(node.getBoundingClientRect().width);\n  }, []);\n\n  return (\n    <Box\n      sx={{ position: \"relative\" }}\n      data-testid=\"combined-secondary-selector-v2\"\n    >\n      <SelectorV2\n        {...restOfProps}\n        variant=\"secondaryV2\"\n        containerVariant=\"combined\"\n        pl={`${labelWidth + gap}px`}\n      />\n\n      <ResponsiveTextV2\n        fontSizeWeight={[18, \"regular\"]}\n        color=\"cl_grey\"\n        sx={{\n          position: \"absolute\",\n          left: 0,\n          top: 0,\n          display: \"flex\",\n          height: \"100%\",\n          alignItems: \"flex-start\",\n          cursor: \"default\",\n        }}\n        ref={labelRef}\n        data-testid=\"combined-secondary-selector-label\"\n      >\n        {selectorLabel}\n      </ResponsiveTextV2>\n    </Box>\n  );\n};\n"],"names":["CombinedSecondarySelectorV2","selectorLabel","gap","restOfProps","labelWidth","setLabelWidth","useState","labelRef","useCallback","node","getBoundingClientRect","width","jsxs","Box","position","jsx","SelectorV2","ResponsiveTextV2","left","top","display","height","alignItems","cursor"],"mappings":";;;;;;AAQO,MAAMA,IAA+CA,CAAC;AAAA,EAC3DC,eAAAA;AAAAA,EACAC,KAAAA,IAAM;AAAA,EACN,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,CAAC,GACxCC,IAAWC,EAAY,CAACC,MAAyB;AACjDA,IAAAA,KAAoBA,EAAAA,EAAKC,sBAAsB,EAAEC,KAAK;AAAA,EAC5D,GAAG,CAAE,CAAA;AAGH,SAAAC,gBAAAA,EAAA,KAACC,KACC,IAAI;AAAA,IAAEC,UAAU;AAAA,EAAA,GAChB,eAAY,kCAEZ,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAAC,GAAA,EACC,GAAIb,GACJ,SAAQ,eACR,kBAAiB,YACjB,IAAK,GAAEC,IAAaF,CAAI,KAAI,CAAA;AAAA,IAG9Ba,gBAAAA,MAACE,KACC,gBAAgB,CAAC,IAAI,SAAS,GAC9B,OAAM,WACN,IAAI;AAAA,MACFH,UAAU;AAAA,MACVI,MAAM;AAAA,MACNC,KAAK;AAAA,MACLC,SAAS;AAAA,MACTC,QAAQ;AAAA,MACRC,YAAY;AAAA,MACZC,QAAQ;AAAA,IAAA,GAEV,KAAKhB,GACL,eAAY,qCAEXN,UACHA,GAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library124.js

@@ -1,27 +1,27 @@
-import { jsxs as n, jsx as o } from "./sd-component-library195.js";
+import { j as o } from "./sd-component-library195.js";
 import { useState as x } from "react";
-import { BaseLabel as u } from "./sd-component-library228.js";
-import { ReactComponent as h } from "./sd-component-library186.js";
-import { CustomScrollableOptionsBox as S } from "./sd-component-library283.js";
+import { BaseLabel as f } from "./sd-component-library233.js";
+import { ReactComponent as u } from "./sd-component-library186.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library270.js";
+import { GridContainerV2 as S } from "./sd-component-library41.js";
 import { OutsideClickBox as b } from "./sd-component-library14.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library147.js";
-import { GridContainerV2 as g } from "./sd-component-library41.js";
-import { FlexCenter as O } from "./sd-component-library37.js";
-const R = (s) => {
+import { FlexCenter as g } from "./sd-component-library37.js";
+const G = (l) => {
   const {
-    value: c,
-    onChange: p,
+    value: n,
+    onChange: c,
     options: r,
-    width: a,
-    label: m,
-    containerSx: d
-  } = s, [e, i] = x(!1), l = r.find((t) => t.id === c.id), f = () => i(!1);
-  return l ? /* @__PURE__ */ n(g, { width: a, variant: "_containers.selectors.customScrollable", sx: {
+    width: p,
+    label: a,
+    containerSx: m
+  } = l, [e, i] = x(!1), s = r.find((t) => t.id === n.id), d = () => i(!1);
+  return s ? /* @__PURE__ */ o.jsxs(S, { width: p, variant: "_containers.selectors.customScrollable", sx: {
     cursor: "default",
-    ...d
+    ...m
   }, children: [
-    /* @__PURE__ */ o(u, { variant: "selectors.customScrollable", label: m }),
-    /* @__PURE__ */ n(b, { onClickOutside: f, onClick: () => i((t) => !t), sx: {
+    /* @__PURE__ */ o.jsx(f, { variant: "selectors.customScrollable", label: a }),
+    /* @__PURE__ */ o.jsxs(b, { onClickOutside: d, onClick: () => i((t) => !t), sx: {
       position: "relative",
       display: "grid",
       gridTemplateColumns: "1fr max-content",
@@ -33,17 +33,17 @@ const R = (s) => {
       borderColor: "cl_lightGrey",
       borderWidth: "2px"
     }, children: [
-      /* @__PURE__ */ o(C, { fontSizeWeight: [[24, "bold"]], color: "cl_purple", children: l.title }),
-      /* @__PURE__ */ o(O, { width: "10px", height: "10px", sx: {
+      /* @__PURE__ */ o.jsx(C, { fontSizeWeight: [[24, "bold"]], color: "cl_purple", children: s.title }),
+      /* @__PURE__ */ o.jsx(g, { width: "10px", height: "10px", sx: {
         transform: `rotate3d(${e ? 1 : 0}, 0, 0, 180deg)`,
         transition: "all 0.2s",
         fill: "cl_purple"
-      }, children: /* @__PURE__ */ o(h, {}) }),
-      e && /* @__PURE__ */ o(S, { options: r, onSelect: p })
+      }, children: /* @__PURE__ */ o.jsx(u, {}) }),
+      e && /* @__PURE__ */ o.jsx(h, { options: r, onSelect: c })
     ] })
   ] }) : null;
 };
 export {
-  R as CustomScrollableSelector
+  G as CustomScrollableSelector
 };
 //# sourceMappingURL=sd-component-library124.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library124.js","sources":["../src/components/selectors/custom-scrollable-selector/custom-scrollable-selector.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport {\n  FlexCenter,\n  Grid,\n  OutsideClickBox,\n  ResponsiveTextV2,\n  ShortDownArrowIcon,\n} from \"../../../index\";\nimport { BaseLabel } from \"../../labels/base-label\";\nimport { CustomScrollableSelectorProps as Props } from \"./interfaces\";\nimport { CustomScrollableOptionsBox } from \"./partials\";\n\nexport const CustomScrollableSelector = <T extends string = string>(\n  props: Props<T>\n) => {\n  const { value, onChange, options, width, label, containerSx } = props;\n\n  const [showOptions, setShowOptions] = useState(false);\n\n  const selectedOption = options.find((option) => option.id === value.id);\n\n  const hideOptions = () => setShowOptions(false);\n\n  if (!selectedOption) return null;\n\n  return (\n    <Grid\n      width={width}\n      variant=\"_containers.selectors.customScrollable\"\n      sx={{ cursor: \"default\", ...containerSx }}\n    >\n      <BaseLabel variant=\"selectors.customScrollable\" label={label} />\n\n      <OutsideClickBox\n        onClickOutside={hideOptions}\n        onClick={() => setShowOptions((prev) => !prev)}\n        sx={{\n          position: \"relative\",\n          display: \"grid\",\n          gridTemplateColumns: \"1fr max-content\",\n          gap: \"5px\",\n          alignItems: \"center\",\n          cursor: \"pointer\",\n          pb: \"2px\",\n          borderBottom: \"2px solid\",\n          borderColor: \"cl_lightGrey\",\n          borderWidth: \"2px\",\n        }}\n      >\n        <ResponsiveTextV2 fontSizeWeight={[[24, \"bold\"]]} color=\"cl_purple\">\n          {selectedOption.title}\n        </ResponsiveTextV2>\n\n        <FlexCenter\n          width=\"10px\"\n          height=\"10px\"\n          sx={{\n            transform: `rotate3d(${showOptions ? 1 : 0}, 0, 0, 180deg)`,\n            transition: \"all 0.2s\",\n            fill: \"cl_purple\",\n          }}\n        >\n          <ShortDownArrowIcon />\n        </FlexCenter>\n\n        {showOptions && (\n          <CustomScrollableOptionsBox options={options} onSelect={onChange} />\n        )}\n      </OutsideClickBox>\n    </Grid>\n  );\n};\n"],"names":["CustomScrollableSelector","props","value","onChange","options","width","label","containerSx","showOptions","setShowOptions","useState","selectedOption","find","option","id","hideOptions","jsxs","Grid","cursor","jsx","BaseLabel","OutsideClickBox","prev","position","display","gridTemplateColumns","gap","alignItems","pb","borderBottom","borderColor","borderWidth","ResponsiveTextV2","title","FlexCenter","transform","transition","fill","ShortDownArrowIcon","CustomScrollableOptionsBox"],"mappings":";;;;;;;;;AAaaA,MAAAA,IAA2B,CACtCC,MACG;AACG,QAAA;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,UAAAA;AAAAA,IAAUC,SAAAA;AAAAA,IAASC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,IAAOC,aAAAA;AAAAA,EAAgBN,IAAAA,GAE1D,CAACO,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAiBP,EAAQQ,KAAMC,OAAWA,EAAOC,OAAOZ,EAAMY,EAAE,GAEhEC,IAAcA,MAAMN,EAAe,EAAK;AAE9C,SAAKE,IAGF,gBAAAK,EAAAC,GAAA,EACC,OAAAZ,GACA,SAAQ,0CACR,IAAI;AAAA,IAAEa,QAAQ;AAAA,IAAW,GAAGX;AAAAA,EAE5B,GAAA,UAAA;AAAA,IAAC,gBAAAY,EAAAC,GAAA,EAAU,SAAQ,8BAA6B,OAAAd,EAAa,CAAA;AAAA,IAE7D,gBAAAU,EAACK,GACC,EAAA,gBAAgBN,GAChB,SAAS,MAAMN,EAAgBa,CAASA,MAAA,CAACA,CAAI,GAC7C,IAAI;AAAA,MACFC,UAAU;AAAA,MACVC,SAAS;AAAA,MACTC,qBAAqB;AAAA,MACrBC,KAAK;AAAA,MACLC,YAAY;AAAA,MACZT,QAAQ;AAAA,MACRU,IAAI;AAAA,MACJC,cAAc;AAAA,MACdC,aAAa;AAAA,MACbC,aAAa;AAAA,IAGf,GAAA,UAAA;AAAA,MAAC,gBAAAZ,EAAAa,GAAA,EAAiB,gBAAgB,CAAC,CAAC,IAAI,MAAM,CAAC,GAAG,OAAM,aACrDrB,UAAAA,EAAesB,MAClB,CAAA;AAAA,wBAECC,GACC,EAAA,OAAM,QACN,QAAO,QACP,IAAI;AAAA,QACFC,WAAY,YAAW3B,IAAc,IAAI,CAAE;AAAA,QAC3C4B,YAAY;AAAA,QACZC,MAAM;AAAA,MACR,GAEA,UAAC,gBAAAlB,EAAAmB,GAAA,CAAA,CAAkB,EACrB,CAAA;AAAA,MAEC9B,KACC,gBAAAW,EAACoB,GAA2B,EAAA,SAAAnC,GAAkB,UAAUD,GACzD;AAAA,IAAA,GACH;AAAA,EACF,EAAA,CAAA,IA9C0B;AAgD9B;"}
+{"version":3,"file":"sd-component-library124.js","sources":["../src/components/selectors/custom-scrollable-selector/custom-scrollable-selector.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport {\n  FlexCenter,\n  Grid,\n  OutsideClickBox,\n  ResponsiveTextV2,\n  ShortDownArrowIcon,\n} from \"../../../index\";\nimport { BaseLabel } from \"../../labels/base-label\";\nimport { CustomScrollableSelectorProps as Props } from \"./interfaces\";\nimport { CustomScrollableOptionsBox } from \"./partials\";\n\nexport const CustomScrollableSelector = <T extends string = string>(\n  props: Props<T>\n) => {\n  const { value, onChange, options, width, label, containerSx } = props;\n\n  const [showOptions, setShowOptions] = useState(false);\n\n  const selectedOption = options.find((option) => option.id === value.id);\n\n  const hideOptions = () => setShowOptions(false);\n\n  if (!selectedOption) return null;\n\n  return (\n    <Grid\n      width={width}\n      variant=\"_containers.selectors.customScrollable\"\n      sx={{ cursor: \"default\", ...containerSx }}\n    >\n      <BaseLabel variant=\"selectors.customScrollable\" label={label} />\n\n      <OutsideClickBox\n        onClickOutside={hideOptions}\n        onClick={() => setShowOptions((prev) => !prev)}\n        sx={{\n          position: \"relative\",\n          display: \"grid\",\n          gridTemplateColumns: \"1fr max-content\",\n          gap: \"5px\",\n          alignItems: \"center\",\n          cursor: \"pointer\",\n          pb: \"2px\",\n          borderBottom: \"2px solid\",\n          borderColor: \"cl_lightGrey\",\n          borderWidth: \"2px\",\n        }}\n      >\n        <ResponsiveTextV2 fontSizeWeight={[[24, \"bold\"]]} color=\"cl_purple\">\n          {selectedOption.title}\n        </ResponsiveTextV2>\n\n        <FlexCenter\n          width=\"10px\"\n          height=\"10px\"\n          sx={{\n            transform: `rotate3d(${showOptions ? 1 : 0}, 0, 0, 180deg)`,\n            transition: \"all 0.2s\",\n            fill: \"cl_purple\",\n          }}\n        >\n          <ShortDownArrowIcon />\n        </FlexCenter>\n\n        {showOptions && (\n          <CustomScrollableOptionsBox options={options} onSelect={onChange} />\n        )}\n      </OutsideClickBox>\n    </Grid>\n  );\n};\n"],"names":["CustomScrollableSelector","props","value","onChange","options","width","label","containerSx","showOptions","setShowOptions","useState","selectedOption","find","option","id","hideOptions","jsxs","Grid","cursor","jsx","BaseLabel","OutsideClickBox","prev","position","display","gridTemplateColumns","gap","alignItems","pb","borderBottom","borderColor","borderWidth","ResponsiveTextV2","title","FlexCenter","transform","transition","fill","ShortDownArrowIcon","CustomScrollableOptionsBox"],"mappings":";;;;;;;;;AAaaA,MAAAA,IAA2B,CACtCC,MACG;AACG,QAAA;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,UAAAA;AAAAA,IAAUC,SAAAA;AAAAA,IAASC,OAAAA;AAAAA,IAAOC,OAAAA;AAAAA,IAAOC,aAAAA;AAAAA,EAAgBN,IAAAA,GAE1D,CAACO,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAiBP,EAAQQ,KAAMC,OAAWA,EAAOC,OAAOZ,EAAMY,EAAE,GAEhEC,IAAcA,MAAMN,EAAe,EAAK;AAE9C,SAAKE,IAGFK,gBAAAA,EAAAA,KAAAC,GAAA,EACC,OAAAZ,GACA,SAAQ,0CACR,IAAI;AAAA,IAAEa,QAAQ;AAAA,IAAW,GAAGX;AAAAA,EAE5B,GAAA,UAAA;AAAA,IAACY,gBAAAA,EAAAA,IAAAC,GAAA,EAAU,SAAQ,8BAA6B,OAAAd,EAAa,CAAA;AAAA,IAE7DU,gBAAAA,EAAAA,KAACK,GACC,EAAA,gBAAgBN,GAChB,SAAS,MAAMN,EAAgBa,CAASA,MAAA,CAACA,CAAI,GAC7C,IAAI;AAAA,MACFC,UAAU;AAAA,MACVC,SAAS;AAAA,MACTC,qBAAqB;AAAA,MACrBC,KAAK;AAAA,MACLC,YAAY;AAAA,MACZT,QAAQ;AAAA,MACRU,IAAI;AAAA,MACJC,cAAc;AAAA,MACdC,aAAa;AAAA,MACbC,aAAa;AAAA,IAGf,GAAA,UAAA;AAAA,MAACZ,gBAAAA,EAAAA,IAAAa,GAAA,EAAiB,gBAAgB,CAAC,CAAC,IAAI,MAAM,CAAC,GAAG,OAAM,aACrDrB,UAAAA,EAAesB,MAClB,CAAA;AAAA,4BAECC,GACC,EAAA,OAAM,QACN,QAAO,QACP,IAAI;AAAA,QACFC,WAAY,YAAW3B,IAAc,IAAI,CAAE;AAAA,QAC3C4B,YAAY;AAAA,QACZC,MAAM;AAAA,MACR,GAEA,UAAClB,gBAAAA,EAAA,IAAAmB,GAAA,CAAA,CAAkB,EACrB,CAAA;AAAA,MAEC9B,KACCW,gBAAAA,EAAA,IAACoB,GAA2B,EAAA,SAAAnC,GAAkB,UAAUD,GACzD;AAAA,IAAA,GACH;AAAA,EACF,EAAA,CAAA,IA9C0B;AAgD9B;"}

package/lib/sd-component-library125.js

@@ -1,26 +1,26 @@
-import { jsxs as i, jsx as o } from "./sd-component-library195.js";
-import { useState as m } from "react";
+import { j as o } from "./sd-component-library195.js";
+import { useState as x } from "react";
 import "./sd-component-library198.js";
-import { Flex as l } from "./sd-component-library199.js";
-import { CustomScrollableOptionsBox as x } from "./sd-component-library282.js";
 import { OutsideClickBox as d } from "./sd-component-library14.js";
-import { BaseLabel as f } from "./sd-component-library228.js";
-import { ReactComponent as h } from "./sd-component-library186.js";
-import { ResponsiveTextV2 as u } from "./sd-component-library147.js";
-const j = (t) => {
+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-library271.js";
+import { ResponsiveTextV2 as b } from "./sd-component-library147.js";
+const w = (t) => {
   const {
     leftSlot: s,
-    label: n,
-    value: c,
-    width: p
-  } = t, [e, r] = m(!1);
-  return /* @__PURE__ */ i(d, { onClickOutside: () => r(!1), onClick: () => r((a) => !a), sx: {
-    width: p,
+    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(f, { variant: "selectors.primaryV2", label: n }),
-    /* @__PURE__ */ i(l, { alignItems: "center", sx: {
+    /* @__PURE__ */ o.jsx(u, { variant: "selectors.primaryV2", label: l }),
+    /* @__PURE__ */ o.jsxs(i, { alignItems: "center", sx: {
       height: "42px",
       borderRadius: "3px",
       border: "1px solid",
@@ -28,17 +28,17 @@ const j = (t) => {
       px: "16px"
     }, children: [
       s,
-      /* @__PURE__ */ o(u, { fontSizeWeight: [[16, "regular"]], color: "cl_purple", children: c.title }),
-      /* @__PURE__ */ o(l, { width: "10px", height: "10px", alignItems: "center", justifyContent: "center", ml: "auto", sx: {
+      /* @__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(h, {}) })
+      }, children: /* @__PURE__ */ o.jsx(f, {}) })
     ] }),
-    /* @__PURE__ */ o(x, { isVisible: e, ...t })
+    /* @__PURE__ */ o.jsx(h, { isVisible: e, ...t })
   ] });
 };
 export {
-  j as PrimaryCustomScrollableSelector
+  w as PrimaryCustomScrollableSelector
 };
 //# sourceMappingURL=sd-component-library125.js.map

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

@@ -1 +1 @@
-{"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","OutsideClickBox","hideOptions","onSelectorClick","prev","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;AAI1D,2BACGC,GACC,EAAA,gBALgBC,MAAMH,EAAkB,EAAK,GAM7C,SALoBI,MAAMJ,EAAmBK,CAAAA,MAAS,CAACA,CAAI,GAM3D,IAAI;AAAA,IAAEP,OAAAA;AAAAA,IAAOQ,UAAU;AAAA,IAAYC,QAAQ;AAAA,EAE3C,GAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAU,SAAQ,uBAAsB,OAAAb,EAAa,CAAA;AAAA,IAErD,gBAAAc,EAAAC,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,MAEA,gBAAAa,EAAAS,GAAA,EAAiB,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC,GAAG,OAAM,aACxDpB,UAAAA,EAAMqB,MACT,CAAA;AAAA,MAEC,gBAAAV,EAAAG,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,UAAC,gBAAAS,EAAAc,GAAA,CAAA,CAAkB,EACrB,CAAA;AAAA,IAAA,GACF;AAAA,IAEC,gBAAAd,EAAAe,GAAA,EAA2B,WAAWxB,GAAoBL,GAAAA,EAAM,CAAA;AAAA,EACnE,EAAA,CAAA;AAEJ;"}
+{"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,6 +1,6 @@
-import { jsx as e } from "./sd-component-library195.js";
+import { j as e } from "./sd-component-library195.js";
 import { SelectorV2 as r } from "./sd-component-library119.js";
-const d = (t) => /* @__PURE__ */ e(r, { variant: "updatedSecondary", gap: ["0"], defaultOptionColor: t.defaultOptionColor || "cl_grey", ...t, "data-test": "tertiary-selector-v2" });
+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
 };

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

@@ -1 +1 @@
-{"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,MAEjE,gBAAAC,EAAAC,GAAA,EACC,SAAQ,oBACR,KAAK,CAAC,GAAG,GACT,oBAAoBF,EAAMG,sBAAsB,WAC5CH,GAAAA,GACJ,aAAU,uBACV,CAAA;"}
+{"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 +1,29 @@
-import { jsxs as x, jsx as t } from "./sd-component-library195.js";
-import { EighteenBold as g } from "./sd-component-library138.js";
+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 { IconButton as l } from "./sd-component-library25.js";
-import { GridCenter as f } from "./sd-component-library44.js";
-const D = ({
+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: s
+  m: l
 }) => {
   const r = e.findIndex(({
-    id: p
-  }) => p === o.id), n = r === 0, d = r === e.length - 1, h = () => i(e[r - 1]), m = () => i(e[r + 1]);
-  return /* @__PURE__ */ x(f, { width: a, gridTemplateColumns: "max-content 1fr max-content", gap: "5px", m: s, "data-testid": "carousel-switch", children: [
-    /* @__PURE__ */ t(l, { width: "100%", height: "6px", disabled: n, onClick: h, color: n ? "cl_grey" : "cl_blue", sx: {
+    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(c, {}) }),
-    /* @__PURE__ */ t(g, { textAlign: "center", color: "cl_purple", "data-testid": "current-selection", children: o.title }),
-    /* @__PURE__ */ t(l, { width: "100%", height: "6px", disabled: d, color: d ? "cl_grey" : "cl_blue", onClick: m, sx: {
+    }, "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(c, {}) })
+    }, "data-testid": "switch-next-icon", children: /* @__PURE__ */ t.jsx(c, {}) })
   ] });
 };
 export {
-  D as CarouselSwitch
+  C as CarouselSwitch
 };
 //# sourceMappingURL=sd-component-library127.js.map

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

@@ -1 +1 @@
-{"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,SAAA,gBAAAQ,EAACC,KACC,OAAAX,GACA,qBAAqB,+BACrB,KAAK,OACL,GAAAC,GACA,eAAY,mBAEZ,UAAA;AAAA,IAAA,gBAAAW,EAACC,GACC,EAAA,OAAO,QACP,QAAQ,OACR,UAAUR,GACV,SAASG,GACT,OAAOH,IAAe,YAAY,WAClC,IAAI;AAAA,MACFS,WAAW;AAAA,IAAA,GAEb,eAAY,wBAEZ,UAAA,gBAAAF,EAACG,IAAiB,CAAA,GACpB;AAAA,IAEA,gBAAAH,EAACI,KACC,WAAU,UACV,OAAM,aACN,eAAY,qBAEXnB,UAAAA,EAAiBoB,MACpB,CAAA;AAAA,IAEC,gBAAAL,EAAAC,GAAA,EACC,OAAO,QACP,QAAQ,OACR,UAAUP,GACV,OAAOA,IAAgB,YAAY,WACnC,SAASG,GACT,IAAI;AAAA,MACFK,WAAW;AAAA,IAAA,GAEb,eAAY,oBAEZ,UAAA,gBAAAF,EAACG,IAAiB,CAAA,GACpB;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"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,18 +1,18 @@
-import { jsxs as v, jsx as n } from "./sd-component-library195.js";
-import { useState as b, useEffect as C } from "react";
+import { j as r } from "./sd-component-library195.js";
+import { useState as v, useEffect as b } from "react";
 import "./sd-component-library198.js";
-import { Box as a, Flex as g } from "./sd-component-library199.js";
-const R = (t) => {
+import { Flex as m, Box as a } from "./sd-component-library199.js";
+const S = (t) => {
   const {
     value: e
-  } = t, [r, o] = b(e || "left");
-  C(() => {
-    e && o(e);
+  } = t, [o, n] = v(e || "left");
+  b(() => {
+    e && n(e);
   }, [e]);
   const l = () => {
-    o("left"), t.leftActive();
+    n("left"), t.leftActive();
   }, x = () => {
-    o("right"), t.rightActive();
+    n("right"), t.rightActive();
   }, u = {
     color: t.activeTextColor || "#fff",
     border: "none",
@@ -22,35 +22,35 @@ const R = (t) => {
     border: "1px solid",
     borderColor: t.unactiveTextColor,
     backgroundColor: t.unactiveBGColor || "transparent"
-  }, c = (f) => f === r ? u : h, i = t.borderRadius || "3px", d = `${i} 0 0 ${i}`, s = `0 ${i} ${i} 0`;
-  return /* @__PURE__ */ v(g, { ...t, width: t.width || "280px", sx: {
+  }, 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__ */ n(a, { sx: {
+    /* @__PURE__ */ r.jsx(a, { sx: {
       backgroundColor: t.activeBGColor,
       height: "100%",
       width: "50%",
       position: "absolute",
-      transform: r === "left" ? "translateX(0)" : "translateX(100%)",
+      transform: o === "left" ? "translateX(0)" : "translateX(100%)",
       transitionProperty: "transform",
       transitionTimingFunction: "ease-out",
       transitionDuration: "0.1s",
-      borderRadius: r === "left" ? d : s
+      borderRadius: o === "left" ? c : d
     } }),
-    /* @__PURE__ */ n(a, { onClick: l, width: "50%", variant: "_switches.textSwitch.side", py: t.sidePy, px: t.sidePx, sx: {
-      borderRadius: d,
-      ...c("left"),
+    /* @__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__ */ n(a, { onClick: x, width: "50%", variant: "_switches.textSwitch.side", py: t.sidePy, px: t.sidePx, sx: {
-      borderRadius: s,
-      ...c("right"),
+    /* @__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 {
-  R as TextSwitch
+  S as TextSwitch
 };
 //# sourceMappingURL=sd-component-library128.js.map

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

@@ -1 +1 @@
-{"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,SAAA,gBAAAG,EAACC,QACKzB,GACJ,OAAOA,EAAM0B,SAAS,SACtB,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,QAAQ;AAAA,EAAA,GAEV,aAAU,eAEV,UAAA;AAAA,IAAA,gBAAAC,EAACC,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,IAEH,gBAAAM,EAAAC,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,IACC,gBAAAX,EAAAC,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;"}
+{"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,13 +1,15 @@
-import { jsx as t } from "./sd-component-library195.js";
+import { j as o } from "./sd-component-library195.js";
 import "./sd-component-library198.js";
-import { useDependantState as a } from "./sd-component-library3.js";
+import { useDependantState as x } from "./sd-component-library3.js";
 import { Box as e } from "./sd-component-library199.js";
-const i = 200, m = (r) => {
+const i = 200, u = (r) => {
   const {
     initialState: s = !1,
-    onClick: o
-  } = r, [n, p] = a(s);
-  return /* @__PURE__ */ t(e, { width: "35px", height: "14px", sx: {
+    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",
@@ -15,9 +17,7 @@ const i = 200, m = (r) => {
     borderColor: "cl_headerLine",
     bg: "cl_white",
     cursor: "pointer"
-  }, onClick: () => {
-    p((l) => !l), setTimeout(() => o == null ? void 0 : o(), i);
-  }, children: /* @__PURE__ */ t(e, { sx: {
+  }, onClick: a, children: /* @__PURE__ */ o.jsx(e, { sx: {
     height: "14px",
     position: "absolute",
     borderRadius: "7px",
@@ -33,6 +33,6 @@ const i = 200, m = (r) => {
   } }) });
 };
 export {
-  m as ToggleSwitch
+  u as ToggleSwitch
 };
 //# sourceMappingURL=sd-component-library129.js.map

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

@@ -1 +1 @@
-{"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","Box","position","borderRadius","borderWidth","borderStyle","borderColor","bg","cursor","onBadgeClick","prev","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;AAOhE,2BACGK,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,SAlBiBC,MAAM;AACXC,IAAAA,EAAAA,CAAAA,MAAS,CAACA,CAAI,GACjB,WAAA,MAAMb,KAAAA,gBAAAA,KAAaJ,CAAiB;AAAA,EAAA,GAkB7C,UAAA,gBAAAkB,EAACV,KACC,IAAI;AAAA,IACFW,QAAQ;AAAA,IACRV,UAAU;AAAA,IACVC,cAAc;AAAA,IACdU,SAAS;AAAA,IACTN,IAAI;AAAA,IACJO,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;"}
+{"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 +1,14 @@
-import { jsx as s } from "./sd-component-library195.js";
+import { j as t } from "./sd-component-library195.js";
 import "./sd-component-library198.js";
 import { Box as a } from "./sd-component-library199.js";
-const x = (o) => {
+const m = (o) => {
   const {
     children: r,
-    ...t
+    ...s
   } = o;
-  return /* @__PURE__ */ s(a, { className: "no-translate", ...t, children: r });
+  return /* @__PURE__ */ t.jsx(a, { className: "no-translate", ...s, children: r });
 };
 export {
-  x as NoTranslateBox
+  m as NoTranslateBox
 };
 //# sourceMappingURL=sd-component-library13.js.map

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

@@ -1 +1 @@
-{"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,2BACGG,GAAI,EAAA,WAAU,gBAAmBD,GAAAA,GAC/BD,UAAAA,EACH,CAAA;AAEJ;"}
+{"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;"}