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

package/lib/sd-component-library278.js

@@ -1,125 +1,78 @@
-import { j as i } from "./sd-component-library195.js";
-import { useRef as B, useEffect as L } from "react";
-import { Box as s } from "rebass";
-import { ResponsiveTextV2 as V } from "./sd-component-library147.js";
-const R = ({
-  id: b,
-  label: g,
-  color: a,
-  activeColor: x,
-  borderColor: r,
-  borderWidth: p,
-  borderRadius: o,
-  selectedIndex: e,
-  idx: n,
-  onSelect: S,
-  dashWidth: $ = 20,
-  dashHeight: j = 3,
-  px: u,
-  fontSize: v,
-  totalTabs: y,
-  topAdditionalOffset: w = 8,
-  bottomAdditionalOffset: T = 4,
-  scrollOnChange: l = !0
-}) => {
-  const c = B(null), t = e === n;
-  L(() => {
-    var h;
-    t && l && ((h = c.current) == null || h.scrollIntoView({
-      behavior: "smooth",
-      inline: "center",
-      block: "end"
-    }));
-  }, [t, l]);
-  const f = e === n + 1, m = e !== -1 && e === n - 1, z = n === y - 1;
-  return /* @__PURE__ */ i.jsxs(
-    s,
-    {
-      onClick: () => S(b),
-      sx: {
-        cursor: "pointer",
-        position: "relative",
-        left: `-${n > e ? 2 : n == e ? 1 : 0}px`,
-        zIndex: t ? 1 : 0
-      },
-      ref: c,
-      children: [
-        /* @__PURE__ */ i.jsx(
-          s,
-          {
-            sx: {
-              height: `${o + w}px`,
-              borderWidth: p,
-              borderColor: r,
-              borderStyle: t ? "solid" : "none",
-              borderBottomStyle: "none",
-              borderRadius: t ? `${o}px ${o}px 0 0` : z ? `0 ${o}px 0 0` : void 0,
-              bg: "cl_white"
-            }
-          }
-        ),
-        /* @__PURE__ */ i.jsx(
-          s,
-          {
-            sx: {
-              borderWidth: p,
-              borderColor: r,
-              borderStyle: t ? "none solid" : "none",
-              boxSizing: "content-box"
-            },
-            children: /* @__PURE__ */ i.jsx(
-              V,
-              {
-                fontSizeWeight: [v, "bold"],
-                textTransform: "uppercase",
-                color: t ? x : a,
-                sx: {
-                  bg: "cl_white",
-                  letterSpacing: "1px",
-                  px: u
-                },
-                children: g
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ i.jsx(
-          s,
-          {
-            sx: {
-              height: `${o + T}px`,
-              borderWidth: p,
-              borderColor: r,
-              borderBottomStyle: t ? "none" : "solid",
-              borderLeftStyle: m ? "solid" : "none",
-              borderRightStyle: f ? "solid" : "none",
-              borderTopStyle: "none",
-              borderRadius: `0 0 ${f ? o : 0}px ${m ? o : 0}px`,
-              bg: "cl_white",
-              mx: t ? "1px" : void 0
-            }
-          }
-        ),
-        t && /* @__PURE__ */ i.jsx(
-          s,
-          {
-            sx: {
-              bg: x,
-              height: `${j}px`,
-              width: `${$}px`,
-              position: "absolute",
-              left: "50%",
-              bottom: 0,
-              transform: "translateX(-50%)",
-              borderRadius: "1px"
-            }
-          }
-        )
-      ]
+import { jsxs as e, Fragment as p, jsx as o } from "./sd-component-library195.js";
+import _ from "react";
+import "./sd-component-library198.js";
+import { Box as d, Flex as R } from "./sd-component-library199.js";
+import { TriangularPointerIcon as s } from "./sd-component-library189.js";
+import { ResponsiveTextV2 as T } from "./sd-component-library147.js";
+const F = _.forwardRef(({
+  pointerSx: x,
+  tooltipPx: l,
+  tooltipText: a,
+  tooltipSx: m,
+  tooltipPy: c,
+  tooltipOffset: i,
+  pointerSize: h,
+  tooltipWidth: b,
+  placement: t,
+  state: f,
+  containerSx: W,
+  animationDuration: u,
+  pointerColor: r
+}, g) => {
+  const y = t === "bottom" ? {
+    top: "100%"
+  } : {
+    bottom: "100%"
+  }, n = {
+    size: `${h}px`,
+    color: r,
+    sx: {
+      my: "auto",
+      ...x
     }
-  );
-};
+  };
+  return /* @__PURE__ */ e(R, { flexDirection: "column", sx: {
+    position: "absolute",
+    left: "50%",
+    transform: "translateX(-50%)",
+    cursor: "default",
+    alignItems: "center",
+    opacity: f === "entered" ? 1 : 0,
+    transition: `opacity ${u}ms`,
+    zIndex: 1,
+    ...y,
+    ...m
+  }, ref: g, "data-test": "tooltip-content", children: [
+    t === "bottom" && /* @__PURE__ */ e(p, { children: [
+      /* @__PURE__ */ o(d, { height: `${i}px` }),
+      /* @__PURE__ */ o(s, { direction: "top", ...n })
+    ] }),
+    /* @__PURE__ */ o(T, { fontSizeWeight: [14, "regular"], sx: {
+      width: b,
+      lineHeight: "16px",
+      bg: "cl_white",
+      px: l,
+      py: c,
+      borderColor: "cl_lightGrey",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      ...t === "top" ? {
+        borderBottomWidth: "2px",
+        borderBottomColor: r,
+        borderRadius: "3px 3px 0 0"
+      } : {
+        borderTopWidth: "2px",
+        borderTopColor: r,
+        borderRadius: "0 0 3px 3px"
+      }
+    }, children: a }),
+    t === "top" && /* @__PURE__ */ e(p, { children: [
+      /* @__PURE__ */ o(s, { direction: "bottom", ...n }),
+      /* @__PURE__ */ o(d, { height: `${i}px` })
+    ] })
+  ] });
+});
 export {
-  R as TabV2
+  F as TooltipWithPointerVertical
 };
 //# sourceMappingURL=sd-component-library278.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library278.js","sources":["../src/components/tabs/tab-bar-v2/partials/tab-v2/tab-v2.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TabV2Props as Props } from \"./interfaces\";\n\nexport const TabV2: React.FC<Props> = ({\n  id,\n  label,\n  color,\n  activeColor,\n  borderColor,\n  borderWidth,\n  borderRadius,\n  selectedIndex,\n  idx,\n  onSelect,\n  dashWidth = 20,\n  dashHeight = 3,\n  px,\n  fontSize,\n  totalTabs,\n  topAdditionalOffset = 8,\n  bottomAdditionalOffset = 4,\n  scrollOnChange = true,\n}) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const active = selectedIndex === idx;\n\n  useEffect(() => {\n    if (active && scrollOnChange)\n      ref.current?.scrollIntoView({\n        behavior: \"smooth\",\n        inline: \"center\",\n        block: \"end\",\n      });\n  }, [active, scrollOnChange]);\n\n  const atLeftOfActive = selectedIndex === idx + 1;\n  const atRightOfActive = selectedIndex !== -1 && selectedIndex === idx - 1;\n  const isLast = idx === totalTabs - 1;\n\n  return (\n    <Box\n      onClick={() => onSelect(id)}\n      sx={{\n        cursor: \"pointer\",\n        position: \"relative\",\n        left: `-${idx > selectedIndex ? 2 : idx == selectedIndex ? 1 : 0}px`,\n        zIndex: active ? 1 : 0,\n      }}\n      ref={ref}\n    >\n      <Box\n        sx={{\n          height: `${borderRadius + topAdditionalOffset}px`,\n          borderWidth,\n          borderColor,\n          borderStyle: active ? \"solid\" : \"none\",\n          borderBottomStyle: \"none\",\n          borderRadius: active\n            ? `${borderRadius}px ${borderRadius}px 0 0`\n            : isLast\n            ? `0 ${borderRadius}px 0 0`\n            : undefined,\n          bg: \"cl_white\",\n        }}\n      />\n\n      <Box\n        sx={{\n          borderWidth,\n          borderColor,\n          borderStyle: active ? \"none solid\" : \"none\",\n          boxSizing: \"content-box\",\n        }}\n      >\n        <ResponsiveTextV2\n          fontSizeWeight={[fontSize, \"bold\"]}\n          textTransform=\"uppercase\"\n          color={active ? activeColor : color}\n          sx={{\n            bg: \"cl_white\",\n            letterSpacing: \"1px\",\n            px,\n          }}\n        >\n          {label}\n        </ResponsiveTextV2>\n      </Box>\n\n      <Box\n        sx={{\n          height: `${borderRadius + bottomAdditionalOffset}px`,\n          borderWidth,\n          borderColor,\n          borderBottomStyle: active ? \"none\" : \"solid\",\n          borderLeftStyle: atRightOfActive ? \"solid\" : \"none\",\n          borderRightStyle: atLeftOfActive ? \"solid\" : \"none\",\n          borderTopStyle: \"none\",\n          borderRadius: `0 0 ${atLeftOfActive ? borderRadius : 0}px ${\n            atRightOfActive ? borderRadius : 0\n          }px`,\n          bg: \"cl_white\",\n          mx: active ? \"1px\" : undefined,\n        }}\n      />\n\n      {active && (\n        <Box\n          sx={{\n            bg: activeColor,\n            height: `${dashHeight}px`,\n            width: `${dashWidth}px`,\n            position: \"absolute\",\n            left: \"50%\",\n            bottom: 0,\n            transform: \"translateX(-50%)\",\n            borderRadius: \"1px\",\n          }}\n        />\n      )}\n    </Box>\n  );\n};\n"],"names":["TabV2","id","label","color","activeColor","borderColor","borderWidth","borderRadius","selectedIndex","idx","onSelect","dashWidth","dashHeight","px","fontSize","totalTabs","topAdditionalOffset","bottomAdditionalOffset","scrollOnChange","ref","useRef","active","useEffect","_a","atLeftOfActive","atRightOfActive","isLast","jsxs","Box","jsx","ResponsiveTextV2"],"mappings":";;;;AAOO,MAAMA,IAAyB,CAAC;AAAA,EACrC,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC,IAAsB;AAAA,EACtB,wBAAAC,IAAyB;AAAA,EACzB,gBAAAC,IAAiB;AACnB,MAAM;AACE,QAAAC,IAAMC,EAAuB,IAAI,GACjCC,IAASb,MAAkBC;AAEjC,EAAAa,EAAU,MAAM;;AACd,IAAID,KAAUH,OACZK,IAAAJ,EAAI,YAAJ,QAAAI,EAAa,eAAe;AAAA,MAC1B,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA;AAAA,EACR,GACF,CAACF,GAAQH,CAAc,CAAC;AAErB,QAAAM,IAAiBhB,MAAkBC,IAAM,GACzCgB,IAAkBjB,MAAkB,MAAMA,MAAkBC,IAAM,GAClEiB,IAASjB,MAAQM,IAAY;AAGjC,SAAAY,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAS,MAAMlB,EAAST,CAAE;AAAA,MAC1B,IAAI;AAAA,QACF,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,MAAM,IAAIQ,IAAMD,IAAgB,IAAIC,KAAOD,IAAgB,IAAI,CAAC;AAAA,QAChE,QAAQa,IAAS,IAAI;AAAA,MACvB;AAAA,MACA,KAAAF;AAAA,MAEA,UAAA;AAAA,QAAAU,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,QAAQ,GAAGrB,IAAeS,CAAmB;AAAA,cAC7C,aAAAV;AAAA,cACA,aAAAD;AAAA,cACA,aAAagB,IAAS,UAAU;AAAA,cAChC,mBAAmB;AAAA,cACnB,cAAcA,IACV,GAAGd,CAAY,MAAMA,CAAY,WACjCmB,IACA,KAAKnB,CAAY,WACjB;AAAA,cACJ,IAAI;AAAA,YACN;AAAA,UAAA;AAAA,QACF;AAAA,QAEAsB,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,aAAAtB;AAAA,cACA,aAAAD;AAAA,cACA,aAAagB,IAAS,eAAe;AAAA,cACrC,WAAW;AAAA,YACb;AAAA,YAEA,UAAAQ,gBAAAA,EAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,gBAAgB,CAAChB,GAAU,MAAM;AAAA,gBACjC,eAAc;AAAA,gBACd,OAAOO,IAASjB,IAAcD;AAAA,gBAC9B,IAAI;AAAA,kBACF,IAAI;AAAA,kBACJ,eAAe;AAAA,kBACf,IAAAU;AAAA,gBACF;AAAA,gBAEC,UAAAX;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QACF;AAAA,QAEA2B,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,QAAQ,GAAGrB,IAAeU,CAAsB;AAAA,cAChD,aAAAX;AAAA,cACA,aAAAD;AAAA,cACA,mBAAmBgB,IAAS,SAAS;AAAA,cACrC,iBAAiBI,IAAkB,UAAU;AAAA,cAC7C,kBAAkBD,IAAiB,UAAU;AAAA,cAC7C,gBAAgB;AAAA,cAChB,cAAc,OAAOA,IAAiBjB,IAAe,CAAC,MACpDkB,IAAkBlB,IAAe,CACnC;AAAA,cACA,IAAI;AAAA,cACJ,IAAIc,IAAS,QAAQ;AAAA,YACvB;AAAA,UAAA;AAAA,QACF;AAAA,QAECA,KACCQ,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,IAAIxB;AAAA,cACJ,QAAQ,GAAGQ,CAAU;AAAA,cACrB,OAAO,GAAGD,CAAS;AAAA,cACnB,UAAU;AAAA,cACV,MAAM;AAAA,cACN,QAAQ;AAAA,cACR,WAAW;AAAA,cACX,cAAc;AAAA,YAChB;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"sd-component-library278.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-vertical/tooltip-with-pointer-vertical.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerPartialProps as Props } from \"../interfaces\";\n\nexport const TooltipWithPointerVertical = React.forwardRef<\n  HTMLDivElement,\n  Props\n>(\n  (\n    {\n      pointerSx,\n      tooltipPx,\n      tooltipText,\n      tooltipSx,\n      tooltipPy,\n      tooltipOffset,\n      pointerSize,\n      tooltipWidth,\n      placement,\n      state,\n      containerSx,\n      animationDuration,\n      pointerColor,\n    },\n    ref\n  ) => {\n    const tooltipContainerProps =\n      placement === \"bottom\"\n        ? {\n            top: \"100%\",\n          }\n        : {\n            bottom: \"100%\",\n          };\n\n    const pointerCommonProps = {\n      size: `${pointerSize}px`,\n      color: pointerColor,\n      sx: {\n        my: \"auto\",\n        ...pointerSx,\n      },\n    };\n\n    return (\n      <Flex\n        flexDirection=\"column\"\n        sx={{\n          position: \"absolute\",\n          left: \"50%\",\n          transform: \"translateX(-50%)\",\n          cursor: \"default\",\n          alignItems: \"center\",\n          opacity: state === \"entered\" ? 1 : 0,\n          transition: `opacity ${animationDuration}ms`,\n          zIndex: 1,\n          ...tooltipContainerProps,\n          ...tooltipSx,\n        }}\n        ref={ref}\n        data-test=\"tooltip-content\"\n      >\n        {placement === \"bottom\" && (\n          <>\n            <Box height={`${tooltipOffset}px`} />\n            <TriangularPointerIcon direction=\"top\" {...pointerCommonProps} />\n          </>\n        )}\n\n        <ResponsiveTextV2\n          fontSizeWeight={[14, \"regular\"]}\n          sx={{\n            width: tooltipWidth,\n            lineHeight: \"16px\",\n            bg: \"cl_white\",\n            px: tooltipPx,\n            py: tooltipPy,\n            borderColor: \"cl_lightGrey\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n            ...(placement === \"top\"\n              ? {\n                  borderBottomWidth: \"2px\",\n                  borderBottomColor: pointerColor,\n                  borderRadius: \"3px 3px 0 0\",\n                }\n              : {\n                  borderTopWidth: \"2px\",\n                  borderTopColor: pointerColor,\n                  borderRadius: \"0 0 3px 3px\",\n                }),\n          }}\n        >\n          {tooltipText}\n        </ResponsiveTextV2>\n\n        {placement === \"top\" && (\n          <>\n            <TriangularPointerIcon direction=\"bottom\" {...pointerCommonProps} />\n            <Box height={`${tooltipOffset}px`} />\n          </>\n        )}\n      </Flex>\n    );\n  }\n);\n"],"names":["TooltipWithPointerVertical","React","forwardRef","pointerSx","tooltipPx","tooltipText","tooltipSx","tooltipPy","tooltipOffset","pointerSize","tooltipWidth","placement","state","containerSx","animationDuration","pointerColor","ref","tooltipContainerProps","top","bottom","pointerCommonProps","size","color","sx","my","jsxs","Flex","position","left","transform","cursor","alignItems","opacity","transition","zIndex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2","width","lineHeight","bg","px","py","borderColor","borderWidth","borderStyle","borderBottomWidth","borderBottomColor","borderRadius","borderTopWidth","borderTopColor"],"mappings":";;;;;;AAQaA,MAAAA,IAA6BC,EAAMC,WAI9C,CACE;AAAA,EACEC,WAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,mBAAAA;AAAAA,EACAC,cAAAA;AACF,GACAC,MACG;AACGC,QAAAA,IACJN,MAAc,WACV;AAAA,IACEO,KAAK;AAAA,EAAA,IAEP;AAAA,IACEC,QAAQ;AAAA,EAAA,GAGVC,IAAqB;AAAA,IACzBC,MAAO,GAAEZ,CAAY;AAAA,IACrBa,OAAOP;AAAAA,IACPQ,IAAI;AAAA,MACFC,IAAI;AAAA,MACJ,GAAGrB;AAAAA,IACL;AAAA,EAAA;AAGF,SACG,gBAAAsB,EAAAC,GAAA,EACC,eAAc,UACd,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,MAAM;AAAA,IACNC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRC,YAAY;AAAA,IACZC,SAASpB,MAAU,YAAY,IAAI;AAAA,IACnCqB,YAAa,WAAUnB,CAAkB;AAAA,IACzCoB,QAAQ;AAAA,IACR,GAAGjB;AAAAA,IACH,GAAGX;AAAAA,EACL,GACA,KAAAU,GACA,aAAU,mBAETL,UAAAA;AAAAA,IAAAA,MAAc,YAEX,gBAAAc,EAAAU,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAI,EAAA,QAAS,GAAE7B,CAAc,MAAI;AAAA,MACjC,gBAAA4B,EAAAE,GAAA,EAAsB,WAAU,OAAUlB,GAAAA,EAAmB,CAAA;AAAA,IAAA,GAChE;AAAA,sBAGDmB,GACC,EAAA,gBAAgB,CAAC,IAAI,SAAS,GAC9B,IAAI;AAAA,MACFC,OAAO9B;AAAAA,MACP+B,YAAY;AAAA,MACZC,IAAI;AAAA,MACJC,IAAIvC;AAAAA,MACJwC,IAAIrC;AAAAA,MACJsC,aAAa;AAAA,MACbC,aAAa;AAAA,MACbC,aAAa;AAAA,MACb,GAAIpC,MAAc,QACd;AAAA,QACEqC,mBAAmB;AAAA,QACnBC,mBAAmBlC;AAAAA,QACnBmC,cAAc;AAAA,MAAA,IAEhB;AAAA,QACEC,gBAAgB;AAAA,QAChBC,gBAAgBrC;AAAAA,QAChBmC,cAAc;AAAA,MAChB;AAAA,IAAA,GAGL7C,UACHA,GAAA;AAAA,IAECM,MAAc,SAEX,gBAAAc,EAAAU,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACE,GAAsB,EAAA,WAAU,UAAalB,GAAAA,EAAmB,CAAA;AAAA,MAChE,gBAAAgB,EAAAC,GAAA,EAAI,QAAS,GAAE7B,CAAc,MAAI;AAAA,IAAA,GACpC;AAAA,EAEJ,EAAA,CAAA;AAEJ,CACF;"}

package/lib/sd-component-library279.js

@@ -1,5 +1,18 @@
-var r = {};
+import { jsxs as p, jsx as r } from "./sd-component-library195.js";
+import { FlexCenterSpaceBetween as s } from "./sd-component-library37.js";
+import { ResponsiveTextV2 as t } from "./sd-component-library147.js";
+const l = ({
+  title: i,
+  secondaryText: e,
+  onClick: o,
+  textTransform: n
+}) => /* @__PURE__ */ p(s, { width: "100%", p: "12px 16px", onClick: o, bg: "white", sx: {
+  cursor: "pointer"
+}, children: [
+  /* @__PURE__ */ r(t, { fontSizeWeight: [16, "regular"], textTransform: n, children: i }),
+  e && /* @__PURE__ */ r(t, { fontSizeWeight: [14, "regular"], children: e })
+] });
 export {
-  r as __exports
+  l as CustomOptionBox
 };
 //# sourceMappingURL=sd-component-library279.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library279.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library279.js","sources":["../src/components/selectors/custom-selector/partials/custom-option-box/custom-option-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { FlexCenterSpaceBetween } from \"../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { CustomOptionBoxProps as Props } from \"./interfaces\";\n\nexport const CustomOptionBox: React.FC<Props> = ({\n  title,\n  secondaryText,\n  onClick,\n  textTransform,\n}) => {\n  return (\n    <FlexCenterSpaceBetween\n      width=\"100%\"\n      p=\"12px 16px\"\n      onClick={onClick}\n      bg=\"white\"\n      sx={{ cursor: \"pointer\" }}\n    >\n      <ResponsiveTextV2\n        fontSizeWeight={[16, \"regular\"]}\n        textTransform={textTransform}\n      >\n        {title}\n      </ResponsiveTextV2>\n\n      {secondaryText && (\n        <ResponsiveTextV2 fontSizeWeight={[14, \"regular\"]}>\n          {secondaryText}\n        </ResponsiveTextV2>\n      )}\n    </FlexCenterSpaceBetween>\n  );\n};\n"],"names":["CustomOptionBox","title","secondaryText","onClick","textTransform","jsxs","FlexCenterSpaceBetween","cursor","jsx","ResponsiveTextV2"],"mappings":";;;AAMO,MAAMA,IAAmCA,CAAC;AAAA,EAC/CC,OAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,eAAAA;AACF,MAEI,gBAAAC,EAACC,KACC,OAAM,QACN,GAAE,aACF,SAAAH,GACA,IAAG,SACH,IAAI;AAAA,EAAEI,QAAQ;AAEd,GAAA,UAAA;AAAA,EAAA,gBAAAC,EAACC,KACC,gBAAgB,CAAC,IAAI,SAAS,GAC9B,eAAAL,GAECH,UACHA,GAAA;AAAA,EAECC,uBACEO,GAAiB,EAAA,gBAAgB,CAAC,IAAI,SAAS,GAC7CP,UACHA,GAAA;AAEJ,EAAA,CAAA;"}

package/lib/sd-component-library28.js

@@ -1,22 +1,17 @@
-import { j as r } from "./sd-component-library195.js";
-import { Link as O } from "react-router-dom";
-import { Button as Q, Flex as T } from "rebass";
-import { LoadingSpinner as U } from "./sd-component-library210.js";
-function V(t, e, o) {
+import { jsx as r, Fragment as O } from "./sd-component-library195.js";
+import { Link as Q } from "react-router-dom";
+import { Button as T } from "./sd-component-library198.js";
+import { Flex as U } from "./sd-component-library199.js";
+import { LoadingSpinner as V } from "./sd-component-library212.js";
+function X(o, t, e) {
   return (n) => {
-    t == null || t(n), e && (`#${e}` !== window.location.hash && (o != null && o.replace(
-      `${window.location.pathname.split("#")[0]}#${e}`
-    ) || window.history.replaceState(
-      void 0,
-      "",
-      `${window.location.pathname.split("#")[0]}#${e}`
-    )), window.dispatchEvent(new HashChangeEvent("hashchange")));
+    o == null || o(n), t && (`#${t}` !== window.location.hash && (e != null && e.replace(`${window.location.pathname.split("#")[0]}#${t}`) || window.history.replaceState(void 0, "", `${window.location.pathname.split("#")[0]}#${t}`)), window.dispatchEvent(new HashChangeEvent("hashchange")));
   };
 }
-const X = ({
-  link: t,
-  isInternal: e = !0,
-  children: o,
+const Y = ({
+  link: o,
+  isInternal: t = !0,
+  children: e,
   target: n = "_self",
   rel: i = "noopener noreferrer"
 }) => {
@@ -25,128 +20,97 @@ const X = ({
     color: "inherit",
     textDecoration: "none"
   };
-  return t === void 0 ? /* @__PURE__ */ r.jsx(r.Fragment, { children: o }) : e ? /* @__PURE__ */ r.jsx(O, { to: t, style: a, "data-test": "react-router-link", children: o }) : /* @__PURE__ */ r.jsx(
-    "a",
-    {
-      href: t,
-      target: n,
-      rel: i,
-      style: a,
-      "data-test": "anchor-tag",
-      children: o
-    }
-  );
-}, ot = (t) => {
+  return o === void 0 ? /* @__PURE__ */ r(O, { children: e }) : t ? /* @__PURE__ */ r(Q, { to: o, style: a, "data-test": "react-router-link", children: e }) : /* @__PURE__ */ r("a", { href: o, target: n, rel: i, style: a, "data-test": "anchor-tag", children: e });
+}, no = (o) => {
   const {
-    link: e,
-    isInternal: o = !0,
+    link: t,
+    isInternal: e = !0,
     scrollTo: n,
     onClick: i,
     children: a,
     disabled: d,
-    variant: l,
+    variant: s,
     padding: h,
     fontSize: c,
     fontWeight: p,
     letterSpacing: v,
-    textDecoration: u,
-    textTransform: f,
-    hoverFontWeight: m,
-    hoverTextDecoration: x,
-    borderRadius: g,
-    width: w,
-    height: b,
-    borderStyle: j,
-    borderWidth: S,
-    borderColor: y,
-    fill: B,
-    color: W,
-    bg: k,
-    stroke: C,
+    textDecoration: f,
+    textTransform: m,
+    hoverFontWeight: u,
+    hoverTextDecoration: g,
+    borderRadius: w,
+    width: b,
+    height: x,
+    borderStyle: S,
+    borderWidth: y,
+    borderColor: B,
+    fill: W,
+    color: k,
+    bg: C,
+    stroke: F,
     hoverBorderStyle: $,
     hoverBorderWidth: E,
-    hoverBorderColor: F,
-    hoverFill: I,
-    hoverColor: D,
+    hoverBorderColor: I,
+    hoverFill: D,
+    hoverColor: j,
     hoverBg: z,
     hoverStroke: H,
     display: L,
     transition: P,
-    history: R,
+    history: _,
     zIndex: M,
-    cursor: _ = "pointer",
+    cursor: R = "pointer",
     rel: q,
     target: A
-  } = t, {
-    loading: s = !1,
+  } = o, {
+    loading: l = !1,
     loadingIconProps: G = {},
     onHover: J,
     sx: K,
     ...N
-  } = t;
-  if (e !== void 0 && i !== void 0)
+  } = o;
+  if (t !== void 0 && i !== void 0)
     throw new Error("Cannot have link and onClick at the same time");
-  return /* @__PURE__ */ r.jsx(
-    X,
-    {
-      link: e,
-      isInternal: o,
-      rel: q,
-      target: A,
-      children: /* @__PURE__ */ r.jsx(
-        Q,
-        {
-          ...N,
-          variant: l,
-          sx: {
-            position: "relative",
-            display: L,
-            padding: h,
-            fontFamily: "proxima-nova",
-            fontSize: c,
-            fontWeight: p,
-            letterSpacing: v,
-            textDecoration: u,
-            textTransform: f,
-            width: w,
-            height: b,
-            borderRadius: g,
-            borderStyle: j,
-            borderWidth: S,
-            borderColor: y,
-            fill: B,
-            stroke: C,
-            color: W,
-            bg: k,
-            outline: "none !important",
-            transition: P,
-            ":hover": {
-              cursor: d ? "default" : _,
-              borderStyle: $,
-              borderWidth: E,
-              borderColor: F,
-              fill: I,
-              stroke: H,
-              color: D,
-              bg: z,
-              hoverFontWeight: m,
-              hoverTextDecoration: x
-            },
-            zIndex: M,
-            ...K
-          },
-          onClick: e === void 0 ? V(i, n, R) : () => {
-          },
-          onMouseEnter: J,
-          disabled: d || s,
-          "data-test": "button",
-          children: s ? /* @__PURE__ */ r.jsx(T, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ r.jsx(U, { ...G }) }) : a
-        }
-      )
-    }
-  );
+  return /* @__PURE__ */ r(Y, { link: t, isInternal: e, rel: q, target: A, children: /* @__PURE__ */ r(T, { ...N, variant: s, sx: {
+    position: "relative",
+    display: L,
+    padding: h,
+    fontFamily: "proxima-nova",
+    fontSize: c,
+    fontWeight: p,
+    letterSpacing: v,
+    textDecoration: f,
+    textTransform: m,
+    width: b,
+    height: x,
+    borderRadius: w,
+    borderStyle: S,
+    borderWidth: y,
+    borderColor: B,
+    fill: W,
+    stroke: F,
+    color: k,
+    bg: C,
+    outline: "none !important",
+    transition: P,
+    ":hover": {
+      cursor: d ? "default" : R,
+      borderStyle: $,
+      borderWidth: E,
+      borderColor: I,
+      fill: D,
+      stroke: H,
+      color: j,
+      bg: z,
+      hoverFontWeight: u,
+      hoverTextDecoration: g
+    },
+    zIndex: M,
+    ...K
+  }, onClick: t === void 0 ? X(i, n, _) : () => {
+  }, onMouseEnter: J, disabled: d || l, "data-test": "button", children: l ? /* @__PURE__ */ r(U, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ r(V, { ...G }) }) : a }) });
 };
 export {
-  ot as Button
+  no as Button
 };
 //# sourceMappingURL=sd-component-library28.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library28.js","sources":["../src/components/buttons/button/button.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport { History } from \"history\";\nimport { Flex, Button as RebassButton } from \"rebass\";\n\nimport { LoadingSpinner } from \"../../animations/loading-spinner\";\nimport { ButtonProps } from \"./interfaces\";\n\n/**\n * A wrapper to handle various click behaviours for buttons.\n *\n * @param history The history object for navigation.\n * @param onClick The call back to run on button click.\n * @param link The location to navigate to if the button is a link.\n * @param scrollTo The section of the page to scroll to.\n *\n * @returns The on click call back.\n */\nfunction clickWrapper(\n  onClick?: ButtonProps[\"onClick\"],\n  scrollTo?: string,\n  history?: History\n): (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void {\n  return (_event: React.MouseEvent<HTMLButtonElement, MouseEvent>): void => {\n    onClick?.(_event);\n\n    if (scrollTo) {\n      // If current hash is not same as new hash, update the hash\n      if (`#${scrollTo}` !== window.location.hash)\n        history?.replace(\n          `${window.location.pathname.split(\"#\")[0]}#${scrollTo}`\n        ) ||\n          window.history.replaceState(\n            undefined,\n            \"\",\n            `${window.location.pathname.split(\"#\")[0]}#${scrollTo}`\n          );\n      // Otherwise forcefully dispatch a `hashchange` event to scroll.\n      window.dispatchEvent(new HashChangeEvent(\"hashchange\"));\n    }\n  };\n}\n\nconst ButtonWrapper: React.FC<\n  Pick<ButtonProps, \"link\" | \"isInternal\" | \"children\" | \"target\" | \"rel\">\n> = ({\n  link,\n  isInternal = true,\n  children,\n  target = \"_self\",\n  rel = \"noopener noreferrer\",\n}) => {\n  const linkStyle: React.CSSProperties = {\n    display: \"grid\",\n    color: \"inherit\",\n    textDecoration: \"none\",\n  };\n\n  return link === undefined ? (\n    <>{children}</>\n  ) : isInternal ? (\n    <Link to={link} style={linkStyle} data-test=\"react-router-link\">\n      {children}\n    </Link>\n  ) : (\n    <a\n      href={link}\n      target={target}\n      rel={rel}\n      style={linkStyle}\n      data-test=\"anchor-tag\"\n    >\n      {children}\n    </a>\n  );\n};\n\n/**\n * Base button component. Other button components should be built from this.\n */\nexport const Button: React.FC<ButtonProps> = (props) => {\n  const {\n    link,\n    isInternal = true,\n    scrollTo,\n    onClick,\n    children,\n    disabled,\n    variant,\n    padding,\n    fontSize,\n    fontWeight,\n    letterSpacing,\n    textDecoration,\n    textTransform,\n    hoverFontWeight,\n    hoverTextDecoration,\n    borderRadius,\n    width,\n    height,\n    borderStyle,\n    borderWidth,\n    borderColor,\n    fill,\n    color,\n    bg,\n    stroke,\n    hoverBorderStyle,\n    hoverBorderWidth,\n    hoverBorderColor,\n    hoverFill,\n    hoverColor,\n    hoverBg,\n    hoverStroke,\n    display,\n    transition,\n    history,\n    zIndex,\n    cursor = \"pointer\",\n    rel,\n    target,\n  } = props;\n\n  const {\n    loading = false,\n    loadingIconProps = {},\n    onHover,\n    sx,\n    ...actualProps\n  } = props;\n\n  if (link !== undefined && onClick !== undefined) {\n    throw new Error(\"Cannot have link and onClick at the same time\");\n  }\n\n  return (\n    <ButtonWrapper\n      link={link}\n      isInternal={isInternal}\n      rel={rel}\n      target={target}\n    >\n      <RebassButton\n        {...actualProps}\n        variant={variant}\n        sx={{\n          position: \"relative\",\n          display,\n          padding,\n          fontFamily: \"proxima-nova\",\n          fontSize,\n          fontWeight,\n          letterSpacing,\n          textDecoration,\n          textTransform,\n          width,\n          height,\n          borderRadius,\n          borderStyle,\n          borderWidth,\n          borderColor,\n          fill,\n          stroke,\n          color,\n          bg,\n          outline: \"none !important\",\n          transition,\n          \":hover\": {\n            cursor: disabled ? \"default\" : cursor,\n            borderStyle: hoverBorderStyle,\n            borderWidth: hoverBorderWidth,\n            borderColor: hoverBorderColor,\n            fill: hoverFill,\n            stroke: hoverStroke,\n            color: hoverColor,\n            bg: hoverBg,\n            hoverFontWeight,\n            hoverTextDecoration,\n          },\n          zIndex,\n          ...sx,\n        }}\n        onClick={\n          link === undefined\n            ? clickWrapper(onClick, scrollTo, history)\n            : () => {}\n        }\n        onMouseEnter={onHover}\n        disabled={disabled || loading}\n        data-test=\"button\"\n      >\n        {!loading ? (\n          children\n        ) : (\n          <Flex justifyContent=\"center\" alignItems=\"center\">\n            <LoadingSpinner {...loadingIconProps} />\n          </Flex>\n        )}\n      </RebassButton>\n    </ButtonWrapper>\n  );\n};\n"],"names":["clickWrapper","onClick","scrollTo","history","_event","ButtonWrapper","link","isInternal","children","target","rel","linkStyle","jsx","Fragment","Link","Button","props","disabled","variant","padding","fontSize","fontWeight","letterSpacing","textDecoration","textTransform","hoverFontWeight","hoverTextDecoration","borderRadius","width","height","borderStyle","borderWidth","borderColor","fill","color","bg","stroke","hoverBorderStyle","hoverBorderWidth","hoverBorderColor","hoverFill","hoverColor","hoverBg","hoverStroke","display","transition","zIndex","cursor","loading","loadingIconProps","onHover","sx","actualProps","RebassButton","Flex","LoadingSpinner"],"mappings":"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"}
+{"version":3,"file":"sd-component-library28.js","sources":["../src/components/buttons/button/button.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport { History } from \"history\";\nimport { Flex, Button as RebassButton } from \"rebass\";\n\nimport { LoadingSpinner } from \"../../animations/loading-spinner\";\nimport { ButtonProps } from \"./interfaces\";\n\n/**\n * A wrapper to handle various click behaviours for buttons.\n *\n * @param history The history object for navigation.\n * @param onClick The call back to run on button click.\n * @param link The location to navigate to if the button is a link.\n * @param scrollTo The section of the page to scroll to.\n *\n * @returns The on click call back.\n */\nfunction clickWrapper(\n  onClick?: ButtonProps[\"onClick\"],\n  scrollTo?: string,\n  history?: History\n): (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void {\n  return (_event: React.MouseEvent<HTMLButtonElement, MouseEvent>): void => {\n    onClick?.(_event);\n\n    if (scrollTo) {\n      // If current hash is not same as new hash, update the hash\n      if (`#${scrollTo}` !== window.location.hash)\n        history?.replace(\n          `${window.location.pathname.split(\"#\")[0]}#${scrollTo}`\n        ) ||\n          window.history.replaceState(\n            undefined,\n            \"\",\n            `${window.location.pathname.split(\"#\")[0]}#${scrollTo}`\n          );\n      // Otherwise forcefully dispatch a `hashchange` event to scroll.\n      window.dispatchEvent(new HashChangeEvent(\"hashchange\"));\n    }\n  };\n}\n\nconst ButtonWrapper: React.FC<\n  Pick<ButtonProps, \"link\" | \"isInternal\" | \"children\" | \"target\" | \"rel\">\n> = ({\n  link,\n  isInternal = true,\n  children,\n  target = \"_self\",\n  rel = \"noopener noreferrer\",\n}) => {\n  const linkStyle: React.CSSProperties = {\n    display: \"grid\",\n    color: \"inherit\",\n    textDecoration: \"none\",\n  };\n\n  return link === undefined ? (\n    <>{children}</>\n  ) : isInternal ? (\n    <Link to={link} style={linkStyle} data-test=\"react-router-link\">\n      {children}\n    </Link>\n  ) : (\n    <a\n      href={link}\n      target={target}\n      rel={rel}\n      style={linkStyle}\n      data-test=\"anchor-tag\"\n    >\n      {children}\n    </a>\n  );\n};\n\n/**\n * Base button component. Other button components should be built from this.\n */\nexport const Button: React.FC<ButtonProps> = (props) => {\n  const {\n    link,\n    isInternal = true,\n    scrollTo,\n    onClick,\n    children,\n    disabled,\n    variant,\n    padding,\n    fontSize,\n    fontWeight,\n    letterSpacing,\n    textDecoration,\n    textTransform,\n    hoverFontWeight,\n    hoverTextDecoration,\n    borderRadius,\n    width,\n    height,\n    borderStyle,\n    borderWidth,\n    borderColor,\n    fill,\n    color,\n    bg,\n    stroke,\n    hoverBorderStyle,\n    hoverBorderWidth,\n    hoverBorderColor,\n    hoverFill,\n    hoverColor,\n    hoverBg,\n    hoverStroke,\n    display,\n    transition,\n    history,\n    zIndex,\n    cursor = \"pointer\",\n    rel,\n    target,\n  } = props;\n\n  const {\n    loading = false,\n    loadingIconProps = {},\n    onHover,\n    sx,\n    ...actualProps\n  } = props;\n\n  if (link !== undefined && onClick !== undefined) {\n    throw new Error(\"Cannot have link and onClick at the same time\");\n  }\n\n  return (\n    <ButtonWrapper\n      link={link}\n      isInternal={isInternal}\n      rel={rel}\n      target={target}\n    >\n      <RebassButton\n        {...actualProps}\n        variant={variant}\n        sx={{\n          position: \"relative\",\n          display,\n          padding,\n          fontFamily: \"proxima-nova\",\n          fontSize,\n          fontWeight,\n          letterSpacing,\n          textDecoration,\n          textTransform,\n          width,\n          height,\n          borderRadius,\n          borderStyle,\n          borderWidth,\n          borderColor,\n          fill,\n          stroke,\n          color,\n          bg,\n          outline: \"none !important\",\n          transition,\n          \":hover\": {\n            cursor: disabled ? \"default\" : cursor,\n            borderStyle: hoverBorderStyle,\n            borderWidth: hoverBorderWidth,\n            borderColor: hoverBorderColor,\n            fill: hoverFill,\n            stroke: hoverStroke,\n            color: hoverColor,\n            bg: hoverBg,\n            hoverFontWeight,\n            hoverTextDecoration,\n          },\n          zIndex,\n          ...sx,\n        }}\n        onClick={\n          link === undefined\n            ? clickWrapper(onClick, scrollTo, history)\n            : () => {}\n        }\n        onMouseEnter={onHover}\n        disabled={disabled || loading}\n        data-test=\"button\"\n      >\n        {!loading ? (\n          children\n        ) : (\n          <Flex justifyContent=\"center\" alignItems=\"center\">\n            <LoadingSpinner {...loadingIconProps} />\n          </Flex>\n        )}\n      </RebassButton>\n    </ButtonWrapper>\n  );\n};\n"],"names":["clickWrapper","onClick","scrollTo","history","_event","window","location","hash","replace","pathname","split","replaceState","undefined","dispatchEvent","HashChangeEvent","ButtonWrapper","link","isInternal","children","target","rel","linkStyle","display","color","textDecoration","jsx","Fragment","Link","Button","props","disabled","variant","padding","fontSize","fontWeight","letterSpacing","textTransform","hoverFontWeight","hoverTextDecoration","borderRadius","width","height","borderStyle","borderWidth","borderColor","fill","bg","stroke","hoverBorderStyle","hoverBorderWidth","hoverBorderColor","hoverFill","hoverColor","hoverBg","hoverStroke","transition","zIndex","cursor","loading","loadingIconProps","onHover","sx","actualProps","Error","RebassButton","position","fontFamily","outline","Flex","LoadingSpinner"],"mappings":"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"}

package/lib/sd-component-library280.js

@@ -1,5 +1,35 @@
-var e = {};
+import { jsxs as i, jsx as r } from "./sd-component-library195.js";
+import n from "react";
+import "./sd-component-library198.js";
+import { TriangularPointerIcon as p } from "./sd-component-library189.js";
+import { SecondaryCustomSelectorOptionRow as a } from "./sd-component-library731.js";
+import { Box as d } from "./sd-component-library199.js";
+import { HorizontalDivider as l } from "./sd-component-library51.js";
+const C = ({
+  options: t,
+  onSelect: c
+}) => {
+  const m = (o) => () => c(o);
+  return /* @__PURE__ */ i(d, { sx: {
+    position: "absolute",
+    right: "-16px",
+    top: "calc(100% - 12px)",
+    minWidth: "calc(100% + 16px)",
+    zIndex: 1
+  }, children: [
+    /* @__PURE__ */ r(p, { direction: "top", mr: "15px", ml: "auto" }),
+    /* @__PURE__ */ r(l, { height: "2px", color: "cl_purple" }),
+    t.map((o, e) => /* @__PURE__ */ i(n.Fragment, { children: [
+      e !== 0 && /* @__PURE__ */ r(l, { color: "cl_headerLine", sx: {
+        borderStyle: "none solid",
+        borderColor: "cl_lightGrey",
+        borderWidth: "1px"
+      } }),
+      /* @__PURE__ */ r(a, { title: o.title, onClick: m(o), isLast: e === t.length - 1 }, o.id)
+    ] }, o.id))
+  ] });
+};
 export {
-  e as __exports
+  C as SecondaryCustomSelectorOptionsBox
 };
 //# sourceMappingURL=sd-component-library280.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library280.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library280.js","sources":["../src/components/selectors/secondary-custom-selector/partials/secondary-custom-selector-options-box/secondary-custom-selector-options-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { HorizontalDivider } from \"../../../../dividers\";\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { SelectorOptionV2 } from \"../../../selector-v2\";\nimport { SecondaryCustomSelectorOptionRow } from \"../secondary-custom-selector-option-row\";\nimport { SecondaryCustomSelectorOptionsBoxProps as Props } from \"./interfaces\";\n\nexport const SecondaryCustomSelectorOptionsBox = <T extends string = string>({\n  options,\n  onSelect,\n}: Props<T>) => {\n  const onClick = (option: SelectorOptionV2<T>) => () => onSelect(option);\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        right: \"-16px\",\n        top: \"calc(100% - 12px)\",\n        minWidth: \"calc(100% + 16px)\",\n        zIndex: 1,\n      }}\n    >\n      <TriangularPointerIcon direction=\"top\" mr=\"15px\" ml=\"auto\" />\n\n      <HorizontalDivider height=\"2px\" color=\"cl_purple\" />\n\n      {options.map((option, idx) => (\n        <React.Fragment key={option.id}>\n          {idx !== 0 && (\n            <HorizontalDivider\n              color=\"cl_headerLine\"\n              sx={{\n                borderStyle: \"none solid\",\n                borderColor: \"cl_lightGrey\",\n                borderWidth: \"1px\",\n              }}\n            />\n          )}\n\n          <SecondaryCustomSelectorOptionRow\n            key={option.id}\n            title={option.title}\n            onClick={onClick(option)}\n            isLast={idx === options.length - 1}\n          />\n        </React.Fragment>\n      ))}\n    </Box>\n  );\n};\n"],"names":["SecondaryCustomSelectorOptionsBox","options","onSelect","onClick","option","jsxs","Box","position","right","top","minWidth","zIndex","jsx","TriangularPointerIcon","HorizontalDivider","map","idx","React","borderStyle","borderColor","borderWidth","SecondaryCustomSelectorOptionRow","title","length","id"],"mappings":";;;;;;;AAUO,MAAMA,IAAoC,CAA4B;AAAA,EAC3EC,SAAAA;AAAAA,EACAC,UAAAA;AACQ,MAAM;AACd,QAAMC,IAAUA,CAACC,MAAgC,MAAMF,EAASE,CAAM;AAGpE,SAAA,gBAAAC,EAACC,KACC,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,KAAK;AAAA,IACLC,UAAU;AAAA,IACVC,QAAQ;AAAA,EAGV,GAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAsB,WAAU,OAAM,IAAG,QAAO,IAAG,QAAM;AAAA,IAEzD,gBAAAD,EAAAE,GAAA,EAAkB,QAAO,OAAM,OAAM,aAAW;AAAA,IAEhDb,EAAQc,IAAI,CAACX,GAAQY,MACnB,gBAAAX,EAAAY,EAAM,UAAN,EACED,UAAAA;AAAAA,MAAAA,MAAQ,KACP,gBAAAJ,EAACE,GACC,EAAA,OAAM,iBACN,IAAI;AAAA,QACFI,aAAa;AAAA,QACbC,aAAa;AAAA,QACbC,aAAa;AAAA,MAAA,GAGlB;AAAA,MAEA,gBAAAR,EAAAS,GAAA,EAEC,OAAOjB,EAAOkB,OACd,SAASnB,EAAQC,CAAM,GACvB,QAAQY,MAAQf,EAAQsB,SAAS,EAAA,GAH5BnB,EAAOoB,EAGuB;AAAA,IAAA,KAhBlBpB,EAAOoB,EAkB5B,CACD;AAAA,EACH,EAAA,CAAA;AAEJ;"}