@selfdecode/sd-component-library 4.0.87 → 4.0.88

package/lib/sd-component-library208.js

@@ -1,8 +1,68 @@
-import * as c from "react";
-const h = (l) => /* @__PURE__ */ c.createElement("svg", { id: "Layer_1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", x: "0px", y: "0px", viewBox: "0 0 139.5 48.1", style: {
-  enableBackground: "new 0 0 139.5 48.1"
-}, xmlSpace: "preserve", ...l }, /* @__PURE__ */ c.createElement("path", { fill: "#ffffff", d: "M138,30.7L138,30.7h-0.5l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0h0.2v0.5l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0v-0.5h0.2 C138,30.8,138,30.8,138,30.7C138,30.8,138,30.8,138,30.7C138,30.8,138,30.8,138,30.7C138,30.8,138,30.8,138,30.7 C138,30.8,138,30.8,138,30.7L138,30.7L138,30.7z M138.8,30.8C138.8,30.8,138.8,30.7,138.8,30.8C138.8,30.7,138.8,30.7,138.8,30.8 C138.8,30.7,138.8,30.7,138.8,30.8h-0.1l0,0l0,0l0,0l0,0l-0.1,0.4l0,0l-0.1-0.4l0,0l0,0l0,0l0,0h-0.1l0,0l0,0v0.6l0,0l0,0l0,0l0,0 l0,0l0,0l0,0l0,0v-0.5l0.2,0.5l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0.2-0.5v0.5l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0L138.8,30.8L138.8,30.8 z M39.5,33.1c-1.5-0.4-2.6-0.6-2.6-1.5c0-0.8,0.7-1.3,1.9-1.3c1.3,0,2.6,0.5,3.6,1.3l0,0c0.1,0.1,0.2,0,0.3,0l1.3-1.7 c0.1-0.1,0.1-0.2,0-0.3c-1.4-1.2-3.2-1.8-5-1.7c-3.1,0-5,1.8-5,3.9c0,2.9,2.7,3.5,4.9,4c1.5,0.4,2.6,0.7,2.6,1.7 c0,0.7-0.7,1.5-2.3,1.5c-1.5,0-2.9-0.6-4-1.6l0,0c-0.1-0.1-0.2,0-0.3,0l-1.3,1.8c-0.1,0.1,0,0.2,0,0.3c1.5,1.3,3.4,2,5.4,2 c3.5,0,5.2-1.8,5.2-4.2C44.4,34.2,41.7,33.6,39.5,33.1z M50.5,31.4c-0.1,0-0.1,0-0.2,0c-2.7,0.1-4.7,2.3-4.7,5c0,0.2,0,0.3,0,0.5 c0.1,2.6,2.4,4.7,5,4.5c1.4,0,2.7-0.4,3.8-1.2c0.1-0.1,0.1-0.2,0-0.2l-0.8-1.2l0,0c-0.1-0.1-0.3-0.1-0.4,0c-0.3,0.2-0.6,0.4-0.9,0.5 c-2.4,0.7-3.8-0.5-4-2h6.9c0.1,0,0.2-0.1,0.2-0.2v-0.4C55.3,33.5,53.3,31.4,50.5,31.4z M52.8,35.4h-4.5l0,0c0,0-0.1,0-0.1-0.1 c0.1-1.2,1.1-2.1,2.3-2C51.7,33.3,52.8,34.2,52.8,35.4L52.8,35.4L52.8,35.4z M59.6,27.8h-2.1c-0.1,0-0.2,0.1-0.2,0.2v13.1 c0,0.1,0.1,0.2,0.2,0.2h2.1l0,0c0.1,0,0.2-0.1,0.2-0.2V28l0,0C59.8,27.9,59.7,27.8,59.6,27.8z M66.2,27.8c-0.1,0-0.3,0-0.4,0 c-1.7,0.1-2.9,1.6-2.8,3.3v0.8h-1.5l0,0V34l0,0H63v7.2l0,0h2.4l0,0V34h1.9l0,0v-2.1l0,0h-1.9v-0.7c0-0.9,0.5-1.4,1.2-1.4 c0.3,0,0.5,0.1,0.8,0.2l0,0l0,0l0.5-1.7l0,0C67.5,27.9,66.8,27.8,66.2,27.8z M74.3,27.8h-4.9c-0.1,0-0.2,0.1-0.2,0.2v13 c0,0.1,0.1,0.2,0.2,0.2h4.9c0.2,0,0.4,0,0.6,0c3.6-0.1,6.5-3.1,6.3-6.7c0-0.2,0-0.4,0-0.6C81.1,30.4,78,27.6,74.3,27.8z M74.3,38.9 h-2.1c-0.1,0-0.2-0.1-0.2-0.2v-8.1c0-0.1,0.1-0.2,0.2-0.2h2.1c0.1,0,0.3,0,0.4,0c2.2,0.2,3.8,2.1,3.7,4.3c0,0.1,0,0.1,0,0.2 C78.4,37,76.6,38.9,74.3,38.9z M87.5,31.4c-0.1,0-0.1,0-0.2,0c-2.7,0.1-4.7,2.3-4.7,5c0,0.2,0,0.3,0,0.5c0.1,2.6,2.4,4.7,5,4.5 c1.4,0,2.8-0.4,3.9-1.3c0,0,0,0,0-0.1l-1-1.5l0,0c0,0,0,0-0.1,0c-0.7,0.6-1.6,0.9-2.5,0.9c-1.3,0.1-2.5-0.9-2.7-2.2h7v-0.5 C92.2,33.5,90.3,31.4,87.5,31.4z M89.8,35.4h-4.6l0,0l0,0c0.1-1.2,1.1-2.1,2.3-2l0,0C88.7,33.3,89.7,34.2,89.8,35.4L89.8,35.4 L89.8,35.4z M100.9,38.2C100.9,38.1,100.9,38.1,100.9,38.2c-0.1,0-0.1,0-0.2,0c-0.5,0.6-1.2,0.9-1.9,0.9c-0.1,0-0.2,0-0.2,0 c-1.4-0.1-2.4-1.4-2.3-2.8c0-0.1,0-0.2,0-0.3c0-1.4,1.2-2.5,2.6-2.5c0.8,0,1.5,0.3,1.9,0.9l0,0c0,0,0.1,0,0.2,0l1.5-1.4v-0.1 c-0.9-1.1-2.3-1.7-3.7-1.6c-0.4,0-0.9,0-1.3,0.1c-2.6,0.6-4.2,3.3-3.6,5.9c0.4,2.1,2.1,3.7,4.2,3.9c1.6,0.3,3.3-0.3,4.4-1.6v-0.1 L100.9,38.2z M108.7,31.3c-2.8,0-5,2.2-5,5s2.2,5,5,5s5-2.2,5-5C113.7,33.6,111.4,31.3,108.7,31.3z M111.1,36.3c0,0.2,0,0.4,0,0.6 c-0.2,1.3-1.4,2.3-2.7,2.1c-1.3-0.2-2.3-1.4-2.1-2.7c0-0.2,0-0.4,0-0.6c0.2-1.3,1.4-2.3,2.7-2.1C110.3,33.8,111.2,35,111.1,36.3z  M124.6,27.8h-2.1c-0.1,0-0.2,0.1-0.2,0.2v4.8c-0.7-0.9-1.8-1.5-2.9-1.4c-2.4,0-4.2,1.9-4.2,5c0,3.2,1.8,5,4.2,5 c1.1,0,2.2-0.5,2.9-1.4v1.2c0,0.1,0.1,0.2,0.2,0.2h2.1c0.1,0,0.2-0.1,0.2-0.2V28C124.8,27.9,124.7,27.8,124.6,27.8z M122.2,38 c-0.5,0.7-1.3,1.1-2.2,1.1c-0.1,0-0.1,0-0.2,0c-1.4-0.2-2.3-1.4-2.2-2.7c0-0.1,0-0.2,0-0.2c0-1.4,1-2.5,2.4-2.5 c0.8,0,1.6,0.4,2.2,1.1C122.2,34.8,122.2,38,122.2,38z M131.7,31.4c-0.1,0-0.1,0-0.2,0c-2.7,0.1-4.7,2.3-4.7,4.9c0,0.2,0,0.3,0,0.5 c0.1,2.6,2.4,4.7,5,4.5c1.4,0.1,2.8-0.4,3.9-1.3l-1.1-1.6c-0.7,0.6-1.6,0.9-2.5,0.9c-1.3,0.1-2.5-0.9-2.7-2.2h7v-0.5 C136.5,33.5,134.6,31.4,131.7,31.4z M129.4,35.4c0.1-1.2,1.1-2.1,2.3-2.1c0,0,0,0,0.1,0c1.2,0,2.2,0.9,2.3,2.1H129.4z M12.7,29.2 c3.3,0,5.9-2.7,5.9-5.9l0,0c0-3.3-11.9-3.3-11.9,0C6.8,26.5,9.4,29.2,12.7,29.2z M17.1,35.2L17.1,35.2c4.6-1.7,7.9-5.9,8.3-10.8 c0-0.2,0-0.4,0-0.6c0-0.3-0.2-0.6-0.5-0.6l0,0h-2c-0.3,0-0.5,0.2-0.5,0.5c0,0.2,0,0.4,0,0.6c-0.6,5.3-5.4,9.1-10.7,8.5 c-4.5-0.5-8-4-8.5-8.5c0-0.2,0-0.4,0-0.6c0-0.3-0.3-0.5-0.5-0.5h-2c-0.3,0-0.5,0.2-0.5,0.5l0,0c0,0.2,0,0.4,0,0.6 c0.5,4.9,3.7,9.1,8.3,10.8l0,0c0.3,0.1,0.4,0.4,0.3,0.6c0,0.1-0.2,0.3-0.3,0.3c-4.7,1.8-8,6-8.5,10.9c0,0.2,0,0.4,0,0.6 c0,0.3,0.2,0.6,0.5,0.6l0,0h2c0.3,0,0.5-0.2,0.5-0.5c0-0.2,0-0.4,0-0.6c0.6-4.9,4.7-8.5,9.6-8.5s9,3.7,9.6,8.5c0,0.2,0,0.4,0,0.6 c0,0.3,0.3,0.5,0.5,0.5h2c0.3,0,0.5-0.2,0.5-0.5l0,0c0-0.2,0-0.4,0-0.6c-0.5-4.9-3.7-9.1-8.3-10.8c-0.3-0.1-0.4-0.4-0.3-0.6 C16.8,35.3,16.9,35.2,17.1,35.2z M1.7,6.4h1.8c1.4,0,2.1-0.9,2.1-2s-0.8-2-2.1-2H0.7V9h1V6.4z M1.7,3.2h1.7c0.7,0,1.2,0.5,1.2,1.2 S4.1,5.6,3.4,5.6H1.7V3.2z M10.8,9.1c2,0,3.4-1.5,3.4-3.4s-1.4-3.4-3.4-3.4S7.4,3.7,7.4,5.7S8.8,9.1,10.8,9.1z M10.8,3.1 c1.4,0,2.3,1.1,2.3,2.6s-0.9,2.6-2.3,2.6S8.5,7.2,8.5,5.7S9.4,3.1,10.8,3.1z M18.5,9l1.4-5.1L21.3,9h1l1.9-6.7h-1.1l-1.4,5.4 l-1.4-5.4h-0.8L18,7.7l-1.4-5.4h-1.1L17.4,9H18.5z M26.1,9h4.5V8.1h-3.5V6h3.4V5.2h-3.4v-2h3.5V2.3h-4.5V9z M33.8,6.4H35L36.7,9h1.2 l-1.7-2.7c0.8-0.1,1.7-0.7,1.7-1.9s-0.9-2-2.1-2H33V9h1V6.4H33.8z M33.8,3.2h1.7c0.7,0,1.2,0.5,1.2,1.2s-0.5,1.2-1.2,1.2h-1.7V3.2z  M40,9h4.5V8.1H41V6h3.4V5.2H41v-2h3.5V2.3H40V9z M52.6,5.7c0-1.9-1.4-3.3-3.5-3.3h-2.4V9h2.4C51.2,9,52.6,7.6,52.6,5.7z M47.7,3.2 h1.4c1.6,0,2.4,1.1,2.4,2.5c0,1.3-0.9,2.4-2.4,2.4h-1.4V3.2z M63.5,7.2c0-0.8-0.6-1.5-1.3-1.6c0.6-0.1,1.2-0.7,1.2-1.5 c0-1-0.7-1.7-1.9-1.7h-3.1V9h3.2C62.8,9,63.5,8.2,63.5,7.2z M59.4,3.2h1.9c0.7,0,1,0.4,1,1s-0.4,1-1,1h-1.9V3.2z M59.4,8.1V6h2 c0.7,0,1.1,0.5,1.1,1c0,0.6-0.4,1-1.1,1h-2V8.1z M69.8,2.3l-1.9,3l-2-3h-1.2l2.7,3.9V9h1V6.2L71,2.3H69.8z" }));
+import { j as r } from "./sd-component-library195.js";
+import { Box as n } from "rebass";
+import { useHover as S } from "./sd-component-library3.js";
+import { isTouchScreen as j } from "./sd-component-library4.js";
+import { FlexItemsCenter as v, FlexCenter as z } from "./sd-component-library35.js";
+const g = "10px", e = "20px", B = "5px", R = ({
+  disabled: o,
+  containerSx: x,
+  showHoverCheckbox: c,
+  bg: s,
+  showBGColorWhenIdle: l,
+  disabledColor: p = "cl_grey",
+  color: h = "cl_blue",
+  children: d,
+  showInnerBox: m,
+  onClick: u,
+  borderRadius: C = "3px",
+  borderWidth: a = "2px",
+  innerBoxSx: f
+}) => {
+  const { isHover: b, hoverCallbacks: k } = S(), t = b || !c || j(), i = o ? p : h;
+  return /* @__PURE__ */ r.jsxs(
+    v,
+    {
+      onClick: o ? void 0 : u,
+      sx: {
+        cursor: o ? "default" : "pointer",
+        gap: "10px",
+        ...x
+      },
+      ...k,
+      children: [
+        /* @__PURE__ */ r.jsx(n, { size: e, sx: { flexShrink: 0 }, children: /* @__PURE__ */ r.jsx(
+          z,
+          {
+            width: t ? e : B,
+            height: e,
+            bg: l && t ? "" : s,
+            sx: {
+              flexShrink: 0,
+              borderRadius: C,
+              borderWidth: a,
+              borderColor: i,
+              borderStyle: "solid",
+              transition: "width 0.1s ease-in"
+            },
+            children: m && /* @__PURE__ */ r.jsx(
+              n,
+              {
+                sx: {
+                  border: `calc(${g} / 2) solid`,
+                  borderColor: i,
+                  borderRadius: "2px",
+                  ...f
+                }
+              }
+            )
+          }
+        ) }),
+        d
+      ]
+    }
+  );
+};
 export {
-  h as ReactComponent
+  R as CheckboxV2Container
 };
 //# sourceMappingURL=sd-component-library208.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library208.js","sources":["../src/components/buttons/logos/powered-by-white-logo/assets/powered-by-white.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMzkuNSA0OC4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMzkuNSA0OC4xOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xMzgsMzAuN0wxMzgsMzAuN2gtMC41bDAsMGwwLDBsMCwwbDAsMGwwLDBsMCwwbDAsMGwwLDBoMC4ydjAuNWwwLDBsMCwwbDAsMGwwLDBsMCwwbDAsMGwwLDBsMCwwdi0wLjVoMC4yCglDMTM4LDMwLjgsMTM4LDMwLjgsMTM4LDMwLjdDMTM4LDMwLjgsMTM4LDMwLjgsMTM4LDMwLjdDMTM4LDMwLjgsMTM4LDMwLjgsMTM4LDMwLjdDMTM4LDMwLjgsMTM4LDMwLjgsMTM4LDMwLjcKCUMxMzgsMzAuOCwxMzgsMzAuOCwxMzgsMzAuN0wxMzgsMzAuN0wxMzgsMzAuN3ogTTEzOC44LDMwLjhDMTM4LjgsMzAuOCwxMzguOCwzMC43LDEzOC44LDMwLjhDMTM4LjgsMzAuNywxMzguOCwzMC43LDEzOC44LDMwLjgKCUMxMzguOCwzMC43LDEzOC44LDMwLjcsMTM4LjgsMzAuOGgtMC4xbDAsMGwwLDBsMCwwbDAsMGwtMC4xLDAuNGwwLDBsLTAuMS0wLjRsMCwwbDAsMGwwLDBsMCwwaC0wLjFsMCwwbDAsMHYwLjZsMCwwbDAsMGwwLDBsMCwwCglsMCwwbDAsMGwwLDBsMCwwdi0wLjVsMC4yLDAuNWwwLDBsMCwwbDAsMGwwLDBsMCwwbDAsMGwwLDBsMCwwbDAuMi0wLjV2MC41bDAsMGwwLDBsMCwwbDAsMGwwLDBsMCwwbDAsMGwwLDBMMTM4LjgsMzAuOEwxMzguOCwzMC44Cgl6IE0zOS41LDMzLjFjLTEuNS0wLjQtMi42LTAuNi0yLjYtMS41YzAtMC44LDAuNy0xLjMsMS45LTEuM2MxLjMsMCwyLjYsMC41LDMuNiwxLjNsMCwwYzAuMSwwLjEsMC4yLDAsMC4zLDBsMS4zLTEuNwoJYzAuMS0wLjEsMC4xLTAuMiwwLTAuM2MtMS40LTEuMi0zLjItMS44LTUtMS43Yy0zLjEsMC01LDEuOC01LDMuOWMwLDIuOSwyLjcsMy41LDQuOSw0YzEuNSwwLjQsMi42LDAuNywyLjYsMS43CgljMCwwLjctMC43LDEuNS0yLjMsMS41Yy0xLjUsMC0yLjktMC42LTQtMS42bDAsMGMtMC4xLTAuMS0wLjIsMC0wLjMsMGwtMS4zLDEuOGMtMC4xLDAuMSwwLDAuMiwwLDAuM2MxLjUsMS4zLDMuNCwyLDUuNCwyCgljMy41LDAsNS4yLTEuOCw1LjItNC4yQzQ0LjQsMzQuMiw0MS43LDMzLjYsMzkuNSwzMy4xeiBNNTAuNSwzMS40Yy0wLjEsMC0wLjEsMC0wLjIsMGMtMi43LDAuMS00LjcsMi4zLTQuNyw1YzAsMC4yLDAsMC4zLDAsMC41CgljMC4xLDIuNiwyLjQsNC43LDUsNC41YzEuNCwwLDIuNy0wLjQsMy44LTEuMmMwLjEtMC4xLDAuMS0wLjIsMC0wLjJsLTAuOC0xLjJsMCwwYy0wLjEtMC4xLTAuMy0wLjEtMC40LDBjLTAuMywwLjItMC42LDAuNC0wLjksMC41CgljLTIuNCwwLjctMy44LTAuNS00LTJoNi45YzAuMSwwLDAuMi0wLjEsMC4yLTAuMnYtMC40QzU1LjMsMzMuNSw1My4zLDMxLjQsNTAuNSwzMS40eiBNNTIuOCwzNS40aC00LjVsMCwwYzAsMC0wLjEsMC0wLjEtMC4xCgljMC4xLTEuMiwxLjEtMi4xLDIuMy0yQzUxLjcsMzMuMyw1Mi44LDM0LjIsNTIuOCwzNS40TDUyLjgsMzUuNEw1Mi44LDM1LjR6IE01OS42LDI3LjhoLTIuMWMtMC4xLDAtMC4yLDAuMS0wLjIsMC4ydjEzLjEKCWMwLDAuMSwwLjEsMC4yLDAuMiwwLjJoMi4xbDAsMGMwLjEsMCwwLjItMC4xLDAuMi0wLjJWMjhsMCwwQzU5LjgsMjcuOSw1OS43LDI3LjgsNTkuNiwyNy44eiBNNjYuMiwyNy44Yy0wLjEsMC0wLjMsMC0wLjQsMAoJYy0xLjcsMC4xLTIuOSwxLjYtMi44LDMuM3YwLjhoLTEuNWwwLDBWMzRsMCwwSDYzdjcuMmwwLDBoMi40bDAsMFYzNGgxLjlsMCwwdi0yLjFsMCwwaC0xLjl2LTAuN2MwLTAuOSwwLjUtMS40LDEuMi0xLjQKCWMwLjMsMCwwLjUsMC4xLDAuOCwwLjJsMCwwbDAsMGwwLjUtMS43bDAsMEM2Ny41LDI3LjksNjYuOCwyNy44LDY2LjIsMjcuOHogTTc0LjMsMjcuOGgtNC45Yy0wLjEsMC0wLjIsMC4xLTAuMiwwLjJ2MTMKCWMwLDAuMSwwLjEsMC4yLDAuMiwwLjJoNC45YzAuMiwwLDAuNCwwLDAuNiwwYzMuNi0wLjEsNi41LTMuMSw2LjMtNi43YzAtMC4yLDAtMC40LDAtMC42QzgxLjEsMzAuNCw3OCwyNy42LDc0LjMsMjcuOHogTTc0LjMsMzguOQoJaC0yLjFjLTAuMSwwLTAuMi0wLjEtMC4yLTAuMnYtOC4xYzAtMC4xLDAuMS0wLjIsMC4yLTAuMmgyLjFjMC4xLDAsMC4zLDAsMC40LDBjMi4yLDAuMiwzLjgsMi4xLDMuNyw0LjNjMCwwLjEsMCwwLjEsMCwwLjIKCUM3OC40LDM3LDc2LjYsMzguOSw3NC4zLDM4Ljl6IE04Ny41LDMxLjRjLTAuMSwwLTAuMSwwLTAuMiwwYy0yLjcsMC4xLTQuNywyLjMtNC43LDVjMCwwLjIsMCwwLjMsMCwwLjVjMC4xLDIuNiwyLjQsNC43LDUsNC41CgljMS40LDAsMi44LTAuNCwzLjktMS4zYzAsMCwwLDAsMC0wLjFsLTEtMS41bDAsMGMwLDAsMCwwLTAuMSwwYy0wLjcsMC42LTEuNiwwLjktMi41LDAuOWMtMS4zLDAuMS0yLjUtMC45LTIuNy0yLjJoN3YtMC41CglDOTIuMiwzMy41LDkwLjMsMzEuNCw4Ny41LDMxLjR6IE04OS44LDM1LjRoLTQuNmwwLDBsMCwwYzAuMS0xLjIsMS4xLTIuMSwyLjMtMmwwLDBDODguNywzMy4zLDg5LjcsMzQuMiw4OS44LDM1LjRMODkuOCwzNS40CglMODkuOCwzNS40eiBNMTAwLjksMzguMkMxMDAuOSwzOC4xLDEwMC45LDM4LjEsMTAwLjksMzguMmMtMC4xLDAtMC4xLDAtMC4yLDBjLTAuNSwwLjYtMS4yLDAuOS0xLjksMC45Yy0wLjEsMC0wLjIsMC0wLjIsMAoJYy0xLjQtMC4xLTIuNC0xLjQtMi4zLTIuOGMwLTAuMSwwLTAuMiwwLTAuM2MwLTEuNCwxLjItMi41LDIuNi0yLjVjMC44LDAsMS41LDAuMywxLjksMC45bDAsMGMwLDAsMC4xLDAsMC4yLDBsMS41LTEuNHYtMC4xCgljLTAuOS0xLjEtMi4zLTEuNy0zLjctMS42Yy0wLjQsMC0wLjksMC0xLjMsMC4xYy0yLjYsMC42LTQuMiwzLjMtMy42LDUuOWMwLjQsMi4xLDIuMSwzLjcsNC4yLDMuOWMxLjYsMC4zLDMuMy0wLjMsNC40LTEuNnYtMC4xCglMMTAwLjksMzguMnogTTEwOC43LDMxLjNjLTIuOCwwLTUsMi4yLTUsNXMyLjIsNSw1LDVzNS0yLjIsNS01QzExMy43LDMzLjYsMTExLjQsMzEuMywxMDguNywzMS4zeiBNMTExLjEsMzYuM2MwLDAuMiwwLDAuNCwwLDAuNgoJYy0wLjIsMS4zLTEuNCwyLjMtMi43LDIuMWMtMS4zLTAuMi0yLjMtMS40LTIuMS0yLjdjMC0wLjIsMC0wLjQsMC0wLjZjMC4yLTEuMywxLjQtMi4zLDIuNy0yLjFDMTEwLjMsMzMuOCwxMTEuMiwzNSwxMTEuMSwzNi4zegoJIE0xMjQuNiwyNy44aC0yLjFjLTAuMSwwLTAuMiwwLjEtMC4yLDAuMnY0LjhjLTAuNy0wLjktMS44LTEuNS0yLjktMS40Yy0yLjQsMC00LjIsMS45LTQuMiw1YzAsMy4yLDEuOCw1LDQuMiw1CgljMS4xLDAsMi4yLTAuNSwyLjktMS40djEuMmMwLDAuMSwwLjEsMC4yLDAuMiwwLjJoMi4xYzAuMSwwLDAuMi0wLjEsMC4yLTAuMlYyOEMxMjQuOCwyNy45LDEyNC43LDI3LjgsMTI0LjYsMjcuOHogTTEyMi4yLDM4CgljLTAuNSwwLjctMS4zLDEuMS0yLjIsMS4xYy0wLjEsMC0wLjEsMC0wLjIsMGMtMS40LTAuMi0yLjMtMS40LTIuMi0yLjdjMC0wLjEsMC0wLjIsMC0wLjJjMC0xLjQsMS0yLjUsMi40LTIuNQoJYzAuOCwwLDEuNiwwLjQsMi4yLDEuMUMxMjIuMiwzNC44LDEyMi4yLDM4LDEyMi4yLDM4eiBNMTMxLjcsMzEuNGMtMC4xLDAtMC4xLDAtMC4yLDBjLTIuNywwLjEtNC43LDIuMy00LjcsNC45YzAsMC4yLDAsMC4zLDAsMC41CgljMC4xLDIuNiwyLjQsNC43LDUsNC41YzEuNCwwLjEsMi44LTAuNCwzLjktMS4zbC0xLjEtMS42Yy0wLjcsMC42LTEuNiwwLjktMi41LDAuOWMtMS4zLDAuMS0yLjUtMC45LTIuNy0yLjJoN3YtMC41CglDMTM2LjUsMzMuNSwxMzQuNiwzMS40LDEzMS43LDMxLjR6IE0xMjkuNCwzNS40YzAuMS0xLjIsMS4xLTIuMSwyLjMtMi4xYzAsMCwwLDAsMC4xLDBjMS4yLDAsMi4yLDAuOSwyLjMsMi4xSDEyOS40eiBNMTIuNywyOS4yCgljMy4zLDAsNS45LTIuNyw1LjktNS45bDAsMGMwLTMuMy0xMS45LTMuMy0xMS45LDBDNi44LDI2LjUsOS40LDI5LjIsMTIuNywyOS4yeiBNMTcuMSwzNS4yTDE3LjEsMzUuMmM0LjYtMS43LDcuOS01LjksOC4zLTEwLjgKCWMwLTAuMiwwLTAuNCwwLTAuNmMwLTAuMy0wLjItMC42LTAuNS0wLjZsMCwwaC0yYy0wLjMsMC0wLjUsMC4yLTAuNSwwLjVjMCwwLjIsMCwwLjQsMCwwLjZjLTAuNiw1LjMtNS40LDkuMS0xMC43LDguNQoJYy00LjUtMC41LTgtNC04LjUtOC41YzAtMC4yLDAtMC40LDAtMC42YzAtMC4zLTAuMy0wLjUtMC41LTAuNWgtMmMtMC4zLDAtMC41LDAuMi0wLjUsMC41bDAsMGMwLDAuMiwwLDAuNCwwLDAuNgoJYzAuNSw0LjksMy43LDkuMSw4LjMsMTAuOGwwLDBjMC4zLDAuMSwwLjQsMC40LDAuMywwLjZjMCwwLjEtMC4yLDAuMy0wLjMsMC4zYy00LjcsMS44LTgsNi04LjUsMTAuOWMwLDAuMiwwLDAuNCwwLDAuNgoJYzAsMC4zLDAuMiwwLjYsMC41LDAuNmwwLDBoMmMwLjMsMCwwLjUtMC4yLDAuNS0wLjVjMC0wLjIsMC0wLjQsMC0wLjZjMC42LTQuOSw0LjctOC41LDkuNi04LjVzOSwzLjcsOS42LDguNWMwLDAuMiwwLDAuNCwwLDAuNgoJYzAsMC4zLDAuMywwLjUsMC41LDAuNWgyYzAuMywwLDAuNS0wLjIsMC41LTAuNWwwLDBjMC0wLjIsMC0wLjQsMC0wLjZjLTAuNS00LjktMy43LTkuMS04LjMtMTAuOGMtMC4zLTAuMS0wLjQtMC40LTAuMy0wLjYKCUMxNi44LDM1LjMsMTYuOSwzNS4yLDE3LjEsMzUuMnogTTEuNyw2LjRoMS44YzEuNCwwLDIuMS0wLjksMi4xLTJzLTAuOC0yLTIuMS0ySDAuN1Y5aDFWNi40eiBNMS43LDMuMmgxLjdjMC43LDAsMS4yLDAuNSwxLjIsMS4yCglTNC4xLDUuNiwzLjQsNS42SDEuN1YzLjJ6IE0xMC44LDkuMWMyLDAsMy40LTEuNSwzLjQtMy40cy0xLjQtMy40LTMuNC0zLjRTNy40LDMuNyw3LjQsNS43UzguOCw5LjEsMTAuOCw5LjF6IE0xMC44LDMuMQoJYzEuNCwwLDIuMywxLjEsMi4zLDIuNnMtMC45LDIuNi0yLjMsMi42UzguNSw3LjIsOC41LDUuN1M5LjQsMy4xLDEwLjgsMy4xeiBNMTguNSw5bDEuNC01LjFMMjEuMyw5aDFsMS45LTYuN2gtMS4xbC0xLjQsNS40CglsLTEuNC01LjRoLTAuOEwxOCw3LjdsLTEuNC01LjRoLTEuMUwxNy40LDlIMTguNXogTTI2LjEsOWg0LjVWOC4xaC0zLjVWNmgzLjRWNS4yaC0zLjR2LTJoMy41VjIuM2gtNC41Vjl6IE0zMy44LDYuNEgzNUwzNi43LDloMS4yCglsLTEuNy0yLjdjMC44LTAuMSwxLjctMC43LDEuNy0xLjlzLTAuOS0yLTIuMS0ySDMzVjloMVY2LjRIMzMuOHogTTMzLjgsMy4yaDEuN2MwLjcsMCwxLjIsMC41LDEuMiwxLjJzLTAuNSwxLjItMS4yLDEuMmgtMS43VjMuMnoKCSBNNDAsOWg0LjVWOC4xSDQxVjZoMy40VjUuMkg0MXYtMmgzLjVWMi4zSDQwVjl6IE01Mi42LDUuN2MwLTEuOS0xLjQtMy4zLTMuNS0zLjNoLTIuNFY5aDIuNEM1MS4yLDksNTIuNiw3LjYsNTIuNiw1Ljd6IE00Ny43LDMuMgoJaDEuNGMxLjYsMCwyLjQsMS4xLDIuNCwyLjVjMCwxLjMtMC45LDIuNC0yLjQsMi40aC0xLjRWMy4yeiBNNjMuNSw3LjJjMC0wLjgtMC42LTEuNS0xLjMtMS42YzAuNi0wLjEsMS4yLTAuNywxLjItMS41CgljMC0xLTAuNy0xLjctMS45LTEuN2gtMy4xVjloMy4yQzYyLjgsOSw2My41LDguMiw2My41LDcuMnogTTU5LjQsMy4yaDEuOWMwLjcsMCwxLDAuNCwxLDFzLTAuNCwxLTEsMWgtMS45VjMuMnogTTU5LjQsOC4xVjZoMgoJYzAuNywwLDEuMSwwLjUsMS4xLDFjMCwwLjYtMC40LDEtMS4xLDFoLTJWOC4xeiBNNjkuOCwyLjNsLTEuOSwzbC0yLTNoLTEuMmwyLjcsMy45VjloMVY2LjJMNzEsMi4zSDY5Ljh6Ii8+Cjwvc3ZnPgo=\""],"names":["SvgPoweredByWhite","props","React"],"mappings":";AACK,MAACA,IAAoB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,IAAI,WAAW,OAAO,8BAA8B,YAAY,gCAAgC,GAAG,OAAO,GAAG,OAAO,SAAS,kBAAkB,OAAO;AAAA,EACtO,kBAAkB;AACpB,GAAG,UAAU,YAAY,GAAGD,EAAK,GAAoB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,MAAM,WAAW,GAAG,y4KAAw4K,CAAE,CAAC;"}
+{"version":3,"file":"sd-component-library208.js","sources":["../src/components/checkboxes/checkbox-v2/partials/checkbox-v2-container/checkbox-v2-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { useHover } from \"../../../../../core/custom-hooks\";\nimport { isTouchScreen } from \"../../../../../core/functions\";\nimport { FlexCenter, FlexItemsCenter } from \"../../../../containers\";\nimport { CheckboxV2ContainerProps as Props } from \"./interfaces\";\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nexport const CheckboxV2Container: React.FC<Props> = ({\n  disabled,\n  containerSx,\n  showHoverCheckbox,\n  bg,\n  showBGColorWhenIdle,\n  disabledColor = \"cl_grey\",\n  color = \"cl_blue\",\n  children,\n  showInnerBox,\n  onClick,\n  borderRadius = \"3px\",\n  borderWidth = \"2px\",\n  innerBoxSx,\n}) => {\n  const { isHover, hoverCallbacks } = useHover();\n  const isCheckboxExtended = isHover || !showHoverCheckbox || isTouchScreen();\n  const currentColor = disabled ? disabledColor : color;\n\n  return (\n    <FlexItemsCenter\n      onClick={disabled ? undefined : onClick}\n      sx={{\n        cursor: disabled ? \"default\" : \"pointer\",\n        gap: \"10px\",\n        ...containerSx,\n      }}\n      {...hoverCallbacks}\n    >\n      <Box size={outerBoxSize} sx={{ flexShrink: 0 }}>\n        <FlexCenter\n          width={isCheckboxExtended ? outerBoxSize : shrankSize}\n          height={outerBoxSize}\n          bg={showBGColorWhenIdle ? (isCheckboxExtended ? \"\" : bg) : bg}\n          sx={{\n            flexShrink: 0,\n            borderRadius,\n            borderWidth,\n            borderColor: currentColor,\n            borderStyle: \"solid\",\n            transition: \"width 0.1s ease-in\",\n          }}\n        >\n          {showInnerBox && (\n            <Box\n              sx={{\n                border: `calc(${innerBoxSize} / 2) solid`,\n                borderColor: currentColor,\n                borderRadius: \"2px\",\n                ...innerBoxSx,\n              }}\n            />\n          )}\n        </FlexCenter>\n      </Box>\n\n      {children}\n    </FlexItemsCenter>\n  );\n};\n"],"names":["innerBoxSize","outerBoxSize","shrankSize","CheckboxV2Container","disabled","containerSx","showHoverCheckbox","bg","showBGColorWhenIdle","disabledColor","color","children","showInnerBox","onClick","borderRadius","borderWidth","innerBoxSx","isHover","hoverCallbacks","useHover","isCheckboxExtended","isTouchScreen","currentColor","jsxs","FlexItemsCenter","jsx","Box","FlexCenter"],"mappings":";;;;;AASA,MAAMA,IAAe,QACfC,IAAe,QAEfC,IAAa,OAENC,IAAuC,CAAC;AAAA,EACnD,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,IAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,YAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,GAAS,gBAAAC,EAAe,IAAIC,EAAS,GACvCC,IAAqBH,KAAW,CAACX,KAAqBe,EAAc,GACpEC,IAAelB,IAAWK,IAAgBC;AAG9C,SAAAa,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASpB,IAAW,SAAYS;AAAA,MAChC,IAAI;AAAA,QACF,QAAQT,IAAW,YAAY;AAAA,QAC/B,KAAK;AAAA,QACL,GAAGC;AAAA,MACL;AAAA,MACC,GAAGa;AAAA,MAEJ,UAAA;AAAA,QAAAO,gBAAAA,MAACC,KAAI,MAAMzB,GAAc,IAAI,EAAE,YAAY,KACzC,UAAAwB,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,OAAOP,IAAqBnB,IAAeC;AAAA,YAC3C,QAAQD;AAAA,YACR,IAAIO,KAAuBY,IAAqB,KAAWb;AAAA,YAC3D,IAAI;AAAA,cACF,YAAY;AAAA,cACZ,cAAAO;AAAA,cACA,aAAAC;AAAA,cACA,aAAaO;AAAA,cACb,aAAa;AAAA,cACb,YAAY;AAAA,YACd;AAAA,YAEC,UACCV,KAAAa,gBAAAA,EAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,kBACF,QAAQ,QAAQ1B,CAAY;AAAA,kBAC5B,aAAasB;AAAA,kBACb,cAAc;AAAA,kBACd,GAAGN;AAAA,gBACL;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA,GAGN;AAAA,QAECL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library23.js

@@ -1,6 +1,6 @@
 import { j as o } from "./sd-component-library195.js";
-import { LogoButton as e } from "./sd-component-library206.js";
-import { ReactComponent as r } from "./sd-component-library207.js";
+import { LogoButton as e } from "./sd-component-library205.js";
+import { ReactComponent as r } from "./sd-component-library206.js";
 const s = (t) => /* @__PURE__ */ o.jsx(
   e,
   {

package/lib/sd-component-library231.js

@@ -1,7 +1,7 @@
 import { j as a } from "./sd-component-library195.js";
 import R, { createElement as g } from "react";
 import { isValueInRange as f } from "./sd-component-library91.js";
-import { SmileyMeterRange as d } from "./sd-component-library314.js";
+import { SmileyMeterRange as d } from "./sd-component-library315.js";
 const j = R.forwardRef(
   (r, m) => {
     const { value: s, ranges: n, distanceFromRanges: c } = r, o = n.findIndex(

package/lib/sd-component-library232.js

@@ -1,6 +1,6 @@
 import { j as h } from "./sd-component-library195.js";
 import { getRangeProperties as p } from "./sd-component-library230.js";
-import { MatchedRangeLabelBox as u } from "./sd-component-library315.js";
+import { MatchedRangeLabelBox as u } from "./sd-component-library314.js";
 const b = (e) => {
   const {
     range: a,

package/lib/sd-component-library24.js

@@ -1,6 +1,6 @@
 import { j as o } from "./sd-component-library195.js";
-import { LogoButton as e } from "./sd-component-library206.js";
-import { ReactComponent as r } from "./sd-component-library208.js";
+import { LogoButton as e } from "./sd-component-library205.js";
+import { ReactComponent as r } from "./sd-component-library207.js";
 const p = (t) => /* @__PURE__ */ o.jsx(
   e,
   {

package/lib/sd-component-library240.js

@@ -1,6 +1,6 @@
 import { j as g } from "./sd-component-library195.js";
 import { getRangeProperties as d } from "./sd-component-library318.js";
-import { MatchedRangeLabelBox as x } from "./sd-component-library315.js";
+import { MatchedRangeLabelBox as x } from "./sd-component-library314.js";
 const h = (e) => {
   const { idx: t, totalRanges: a, distanceBetweenRanges: r, arc: n } = e, { rangeArcStart: o, rangeArcEnd: s } = d(
     n,

package/lib/sd-component-library25.js

@@ -1,7 +1,7 @@
 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-library205.js";
+import { LoadingSpinner as U } from "./sd-component-library204.js";
 function V(t, e, o) {
   return (n) => {
     t == null || t(n), e && (`#${e}` !== window.location.hash && (o != null && o.replace(

package/lib/sd-component-library262.js

@@ -1,33 +1,33 @@
-import { j as e } from "./sd-component-library195.js";
-import { FlexCenterSpaceBetween as p } from "./sd-component-library35.js";
-import { ResponsiveTextV2 as t } from "./sd-component-library149.js";
-const h = ({
-  title: i,
-  secondaryText: r,
-  textTransform: o,
-  ...n
-}) => /* @__PURE__ */ e.jsxs(
-  p,
+import { j as r } from "./sd-component-library195.js";
+import { ReactComponent as s } from "./sd-component-library191.js";
+import { FlexItemsCenter as i } from "./sd-component-library35.js";
+const l = ({ width: e, direction: t, onClick: o }) => /* @__PURE__ */ r.jsx(
+  i,
   {
-    width: "100%",
-    p: "12px 16px",
-    bg: "white",
-    sx: { cursor: "pointer" },
-    ...n,
-    children: [
-      /* @__PURE__ */ e.jsx(
-        t,
-        {
-          fontSizeWeight: [16, "regular"],
-          textTransform: o,
-          children: i
-        }
-      ),
-      r && /* @__PURE__ */ e.jsx(t, { fontSizeWeight: [14, "regular"], children: r })
-    ]
+    justifyContent: t === "right" ? "flex-end" : "flex-start",
+    sx: {
+      position: "absolute",
+      ...t === "right" ? { right: 0 } : 0,
+      top: 0,
+      width: e,
+      height: "100%",
+      stroke: "cl_blue",
+      cursor: "pointer",
+      bg: "cl_white",
+      ":hover": { stroke: "cl_purple" },
+      zIndex: 1
+    },
+    onClick: o,
+    children: /* @__PURE__ */ r.jsx(
+      s,
+      {
+        width: "18px",
+        transform: `rotate(${t === "right" ? 180 : 0})`
+      }
+    )
   }
 );
 export {
-  h as CustomOptionBox
+  l as ArrowButton
 };
 //# sourceMappingURL=sd-component-library262.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library262.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  textTransform,\n  ...props\n}) => {\n  return (\n    <FlexCenterSpaceBetween\n      width=\"100%\"\n      p=\"12px 16px\"\n      bg=\"white\"\n      sx={{ cursor: \"pointer\" }}\n      {...props}\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","textTransform","props","jsxs","FlexCenterSpaceBetween","jsx","ResponsiveTextV2"],"mappings":";;;AAMO,MAAMA,IAAmC,CAAC;AAAA,EAC/C,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,GAAE;AAAA,IACF,IAAG;AAAA,IACH,IAAI,EAAE,QAAQ,UAAU;AAAA,IACvB,GAAGF;AAAA,IAEJ,UAAA;AAAA,MAAAG,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,UAC9B,eAAAL;AAAA,UAEC,UAAAF;AAAA,QAAA;AAAA,MACH;AAAA,MAECC,2BACEM,GAAiB,EAAA,gBAAgB,CAAC,IAAI,SAAS,GAC7C,UACHN,GAAA;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"sd-component-library262.js","sources":["../src/components/tabs/tab-bar/partials/arrow-button/arrow-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { FlexItemsCenter } from \"../../../../containers\";\nimport { ThinArrowLeftIcon } from \"../../../../icons\";\nimport { ArrowButtonProps as Props } from \"./interfaces\";\n\nexport const ArrowButton: React.FC<Props> = ({ width, direction, onClick }) => {\n  return (\n    <FlexItemsCenter\n      justifyContent={direction === \"right\" ? \"flex-end\" : \"flex-start\"}\n      sx={{\n        position: \"absolute\",\n        ...(direction === \"right\" ? { right: 0 } : { left: 0 } ? 0 : undefined),\n        top: 0,\n        width,\n        height: \"100%\",\n        stroke: \"cl_blue\",\n        cursor: \"pointer\",\n        bg: \"cl_white\",\n        \":hover\": { stroke: \"cl_purple\" },\n        zIndex: 1,\n      }}\n      onClick={onClick}\n    >\n      <ThinArrowLeftIcon\n        width=\"18px\"\n        transform={`rotate(${direction === \"right\" ? 180 : 0})`}\n      />\n    </FlexItemsCenter>\n  );\n};\n"],"names":["ArrowButton","width","direction","onClick","jsx","FlexItemsCenter","ThinArrowLeftIcon"],"mappings":";;;AAMO,MAAMA,IAA+B,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,SAAAC,QAE7DC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,gBAAgBH,MAAc,UAAU,aAAa;AAAA,IACrD,IAAI;AAAA,MACF,UAAU;AAAA,MACV,GAAIA,MAAc,UAAU,EAAE,OAAO,EAAE,IAAkB;AAAA,MACzD,KAAK;AAAA,MACL,OAAAD;AAAA,MACA,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,IAAI;AAAA,MACJ,UAAU,EAAE,QAAQ,YAAY;AAAA,MAChC,QAAQ;AAAA,IACV;AAAA,IACA,SAAAE;AAAA,IAEA,UAAAC,gBAAAA,EAAA;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,WAAW,UAAUJ,MAAc,UAAU,MAAM,CAAC;AAAA,MAAA;AAAA,IACtD;AAAA,EAAA;AAAA;"}

package/lib/sd-component-library263.js

@@ -1,54 +1,24 @@
-import { j as r } from "./sd-component-library195.js";
-import s from "react";
+import { j as e } from "./sd-component-library195.js";
 import { Box as n } from "rebass";
-import { TriangularPointerIcon as m } from "./sd-component-library189.js";
-import { SecondaryCustomSelectorOptionRow as x } from "./sd-component-library324.js";
-import { HorizontalDivider as i } from "./sd-component-library49.js";
-const f = ({
-  options: t,
-  onSelect: l
-}) => {
-  const c = (o) => () => l(o);
-  return /* @__PURE__ */ r.jsxs(
+const g = ({ width: s, direction: t, offset: o }) => {
+  const r = "#000000AA", a = "#00000000";
+  return /* @__PURE__ */ e.jsx(
     n,
     {
       sx: {
         position: "absolute",
-        right: "-16px",
-        top: "calc(100% - 12px)",
-        minWidth: "calc(100% + 16px)",
-        zIndex: 1
-      },
-      children: [
-        /* @__PURE__ */ r.jsx(m, { direction: "top", mr: "15px", ml: "auto" }),
-        /* @__PURE__ */ r.jsx(i, { height: "2px", color: "cl_purple" }),
-        t.map((o, e) => /* @__PURE__ */ r.jsxs(s.Fragment, { children: [
-          e !== 0 && /* @__PURE__ */ r.jsx(
-            i,
-            {
-              color: "cl_headerLine",
-              sx: {
-                borderStyle: "none solid",
-                borderColor: "cl_lightGrey",
-                borderWidth: "1px"
-              }
-            }
-          ),
-          /* @__PURE__ */ r.jsx(
-            x,
-            {
-              title: o.title,
-              onClick: c(o),
-              isLast: e === t.length - 1
-            },
-            o.id
-          )
-        ] }, o.id))
-      ]
+        top: 0,
+        left: t === "left" ? o : void 0,
+        right: t === "right" ? o : void 0,
+        height: "100%",
+        width: s,
+        background: `transparent linear-gradient(-90deg, ${t === "left" ? a : r} 0%, ${t === "right" ? a : r} 100%) 0% 0% no-repeat padding-box`,
+        opacity: 0.05
+      }
     }
   );
 };
 export {
-  f as SecondaryCustomSelectorOptionsBox
+  g as Mask
 };
 //# sourceMappingURL=sd-component-library263.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library263.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","jsx","TriangularPointerIcon","HorizontalDivider","idx","React","SecondaryCustomSelectorOptionRow"],"mappings":";;;;;;AAUO,MAAMA,IAAoC,CAA4B;AAAA,EAC3E,SAAAC;AAAA,EACA,UAAAC;AACF,MAAgB;AACd,QAAMC,IAAU,CAACC,MAAgC,MAAMF,EAASE,CAAM;AAGpE,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,OAAO;AAAA,QACP,KAAK;AAAA,QACL,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA,MAEA,UAAA;AAAA,QAAAC,gBAAAA,MAACC,KAAsB,WAAU,OAAM,IAAG,QAAO,IAAG,QAAO;AAAA,QAE1DD,gBAAAA,EAAA,IAAAE,GAAA,EAAkB,QAAO,OAAM,OAAM,aAAY;AAAA,QAEjDR,EAAQ,IAAI,CAACG,GAAQM,MACnBL,gBAAAA,EAAAA,KAAAM,EAAM,UAAN,EACE,UAAA;AAAA,UAAAD,MAAQ,KACPH,gBAAAA,EAAA;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,IAAI;AAAA,gBACF,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,aAAa;AAAA,cACf;AAAA,YAAA;AAAA,UACF;AAAA,UAGFF,gBAAAA,EAAA;AAAA,YAACK;AAAA,YAAA;AAAA,cAEC,OAAOR,EAAO;AAAA,cACd,SAASD,EAAQC,CAAM;AAAA,cACvB,QAAQM,MAAQT,EAAQ,SAAS;AAAA,YAAA;AAAA,YAH5BG,EAAO;AAAA,UAId;AAAA,QAAA,KAjBmBA,EAAO,EAkB5B,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library263.js","sources":["../src/components/tabs/tab-bar/partials/mask/mask.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { MaskProps as Props } from \"./interfaces\";\n\nexport const Mask: React.FC<Props> = ({ width, direction, offset }) => {\n  const startColor = \"#000000AA\";\n  const endColor = \"#00000000\";\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        top: 0,\n        left: direction === \"left\" ? offset : undefined,\n        right: direction === \"right\" ? offset : undefined,\n        height: \"100%\",\n        width,\n        background: `transparent linear-gradient(-90deg, ${\n          direction === \"left\" ? endColor : startColor\n        } 0%, ${\n          direction === \"right\" ? endColor : startColor\n        } 100%) 0% 0% no-repeat padding-box`,\n        opacity: 0.05,\n      }}\n    />\n  );\n};\n"],"names":["Mask","width","direction","offset","startColor","endColor","jsx","Box"],"mappings":";;AAMO,MAAMA,IAAwB,CAAC,EAAE,OAAAC,GAAO,WAAAC,GAAW,QAAAC,QAAa;AACrE,QAAMC,IAAa,aACbC,IAAW;AAGf,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAML,MAAc,SAASC,IAAS;AAAA,QACtC,OAAOD,MAAc,UAAUC,IAAS;AAAA,QACxC,QAAQ;AAAA,QACR,OAAAF;AAAA,QACA,YAAY,uCACVC,MAAc,SAASG,IAAWD,CACpC,QACEF,MAAc,UAAUG,IAAWD,CACrC;AAAA,QACA,SAAS;AAAA,MACX;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library264.js

@@ -1,134 +1,128 @@
 import { j as t } from "./sd-component-library195.js";
-import { Select as A } from "@rebass/forms";
-import { Box as T } from "rebass";
-import { getNoTranslateClass as p } from "./sd-component-library112.js";
-import { BaseLabel as Z } from "./sd-component-library226.js";
-import { MaxMaxContainer as q } from "./sd-component-library41.js";
-import { ResponsiveTextV2 as D } from "./sd-component-library149.js";
-const X = ({
-  variant: r,
-  options: u,
-  width: f,
-  m: g,
-  mt: h,
-  mr: C,
-  mb: j,
-  ml: v,
-  gap: $,
-  selectorLabel: i,
-  secondLabel: e,
-  errorMessage: m,
-  disabledTextValue: n,
-  hideDefaultOnSelect: y,
-  labelMargin: b,
-  selectElementHeight: F,
-  defaultOptionColor: c,
-  textTransform: N,
-  onSelect: S,
-  noOptionsToSelect: a,
-  name: o,
-  selection: l,
-  hasDefaultValue: B,
-  onFocus: E,
-  errorBackground: M,
-  labelContainerAlignItems: V,
-  translateSelect: d = !0,
-  translateDefaultOption: x,
-  containerVariant: _,
-  disabled: z,
-  pl: I
-}) => {
-  const R = !r || !["compact", "tertiary", "secondaryV2", "updatedSecondary"].includes(
-    r
-  ), W = navigator.userAgent.toLowerCase().indexOf("firefox") > -1, k = p(
-    x !== !0 && !d || x === !1
-  ), w = p(!d);
+import { Flex as f, Box as W } from "rebass";
+import { Button as y } from "./sd-component-library25.js";
+import { ResponsiveTextV2 as m } from "./sd-component-library149.js";
+const z = ({
+  active: n = !1,
+  activeColor: s = "cl_purple",
+  color: r = "transparent"
+}) => /* @__PURE__ */ t.jsx(
+  W,
+  {
+    height: 4,
+    width: "100%",
+    bg: n ? s : r,
+    sx: {
+      mt: "auto",
+      transition: "all 175ms ease"
+    },
+    "data-testid": "tab-ribbon"
+  }
+);
+function E({
+  width: n,
+  height: s,
+  label: r,
+  secondaryText: x,
+  icon: p,
+  id: d,
+  onClick: h,
+  selected: i = !1,
+  activeColor: e = "cl_purple",
+  color: l = "cl_darkGrey",
+  tabPadding: u,
+  bg: o = "cl_transparent",
+  activeBg: c = "cl_transparent",
+  activeRibbonColor: b,
+  borderRadius: j = "4px",
+  tabHeaderComponent: a,
+  elementId: g,
+  maxWidth: _,
+  labelSx: R,
+  secondaryTextSx: S,
+  containerSx: w
+}) {
+  const T = a ? i ? c : o : b || e;
   return /* @__PURE__ */ t.jsxs(
-    T,
+    f,
     {
-      variant: `_containers.selectors.${_ || r}`,
+      flexDirection: "column",
       sx: {
-        width: f,
-        m: g,
-        mt: h,
-        mr: C,
-        mb: j,
-        ml: v,
-        position: "relative",
-        ...R ? {
-          svg: {
-            transform: `translate(-2px,${W ? 0 : 5}px) scale(.78)`,
-            fill: "#4568F8"
-          }
-        } : {},
-        path: {
-          d: "path('M12,8.6L6.72,3.29C6.32,2.9,5.68,2.9,5.29,3.29C4.90,3.69,4.9,4.33,5.29,4.73L11.23,10.7C11.44,10.91,11.72,11.01,12,11C12.27,11.01,12.55,10.91,12.76,10.7L18.7,4.73C19.09,4.33,19.09,3.69,18.7,3.29C18.31,2.9,17.67,2.9,17.27,3.29Z M12,8.6')"
-        },
-        gap: $
+        width: "fit-content",
+        maxWidth: _,
+        minWidth: "fit-content",
+        ...w
       },
-      "data-testid": "base-selector-v2",
       children: [
-        i && /* @__PURE__ */ t.jsxs(q, { gap: "0px", alignItems: V, children: [
-          /* @__PURE__ */ t.jsx(
-            Z,
-            {
-              htmlFor: o,
-              variant: `selectors.${r}${m ? "Error" : ""}`,
-              label: i,
-              m: b,
-              "data-testid": "selector-label"
-            }
-          ),
-          e && /* @__PURE__ */ t.jsx(
-            D,
-            {
-              letterSpacing: "1px",
-              textTransform: "uppercase",
-              mt: e.mt,
-              ml: e.ml || "3px",
-              color: e.color || "cl_grey",
-              fontSizeWeight: e.fontSizeWeight || [10, "semi-bold"],
-              "data-testid": "second-label",
-              children: e.text
-            }
-          )
-        ] }),
+        /* @__PURE__ */ t.jsxs(
+          y,
+          {
+            id: g,
+            width: n,
+            height: s,
+            bg: i ? c : o,
+            onClick: h,
+            borderRadius: j,
+            "data-testid": `tab-${d}`,
+            padding: u,
+            disabled: i,
+            display: "flex",
+            children: [
+              r && /* @__PURE__ */ t.jsx(
+                m,
+                {
+                  fontSizeWeight: [[13, "bold"]],
+                  sx: {
+                    letterSpacing: "1.3px",
+                    textTransform: "uppercase",
+                    ...R
+                  },
+                  "data-testid": "tab-text",
+                  color: i ? e : l,
+                  children: r
+                }
+              ),
+              x && /* @__PURE__ */ t.jsx(
+                m,
+                {
+                  fontSizeWeight: [[10, "semi-bold"]],
+                  sx: {
+                    letterSpacing: "1px",
+                    textTransform: "uppercase",
+                    ...S
+                  },
+                  color: i ? e : l,
+                  children: x
+                }
+              ),
+              p && /* @__PURE__ */ t.jsx(
+                f,
+                {
+                  height: "16px",
+                  flexDirection: "column",
+                  justifyContent: "space-between",
+                  ml: "10px",
+                  children: p
+                }
+              ),
+              a
+            ]
+          }
+        ),
         /* @__PURE__ */ t.jsx(
-          A,
+          z,
           {
-            id: o,
-            name: o,
-            height: F,
-            value: a ? n : l.title.trim(),
-            variant: `_selectors.${r}${m ? "Error" : ""}`,
-            onChange: (s) => S(s.target.value),
-            onFocus: E,
-            backgroundColor: M ? "rgba(255, 0, 0, 0.05)" : "",
-            sx: {
-              textTransform: N,
-              ...c && l.value === null ? { color: c } : {},
-              pl: I
-            },
-            disabled: z || a,
-            children: a ? /* @__PURE__ */ t.jsx("option", { "data-test": "disabled-option", children: n }, "disabledTextValue") : /* @__PURE__ */ t.jsx(t.Fragment, { children: u.slice(
-              // should default option be hidden?
-              B && y && l.value !== null ? 1 : 0
-            ).map((s) => /* @__PURE__ */ t.jsx(
-              "option",
-              {
-                "data-testid": "selector-option",
-                className: s.value === null ? k : w,
-                children: s.title
-              },
-              s.id
-            )) })
+            active: i || !!a,
+            activeColor: T,
+            color: o
           }
         )
       ]
     }
   );
-};
+}
 export {
-  X as BaseSelectorV2
+  z as Ribbon,
+  E as Tab
 };
 //# sourceMappingURL=sd-component-library264.js.map