@selfdecode/sd-component-library 4.0.114 → 4.0.115

package/lib/sd-component-library272.js

@@ -1,13 +1,33 @@
-import { j as c } from "./sd-component-library198.js";
-import { useRef as f, useEffect as n } from "react";
-import { Box as p } from "rebass";
-const m = (l) => {
-  const { hash: e, selectedTab: t, autoScrollTabs: o, scrollTabOnSelect: a, children: s } = l, r = f(null);
-  return n(() => {
-    o && t === e && r.current && a(r);
-  }, [t, e, o, r, a]), /* @__PURE__ */ c.jsx(p, { "data-test": "scrollable-tab-wrapper", ref: r, children: s });
-};
+import { j as r } from "./sd-component-library198.js";
+import { ReactComponent as s } from "./sd-component-library194.js";
+import { FlexItemsCenter as i } from "./sd-component-library36.js";
+const l = ({ width: e, direction: t, onClick: o }) => /* @__PURE__ */ r.jsx(
+  i,
+  {
+    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 {
-  m as ScrollableTabWrapper
+  l as ArrowButton
 };
 //# sourceMappingURL=sd-component-library272.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library272.js","sources":["../src/components/tabs/tabs-menu/partials/scrollable-tab-wrapper/scrollable-tab-wrapper.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ScrollableTabWrapperProps as Props } from \"./interfaces\";\n\nexport const ScrollableTabWrapper: React.FC<Props> = (props) => {\n  const { hash, selectedTab, autoScrollTabs, scrollTabOnSelect, children } =\n    props;\n\n  const tabRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!autoScrollTabs) return;\n\n    /**\n     * If current tab is the selected one, call the callback to scroll the tab.\n     */\n    if (selectedTab === hash && tabRef.current) {\n      scrollTabOnSelect(tabRef);\n    }\n  }, [selectedTab, hash, autoScrollTabs, tabRef, scrollTabOnSelect]);\n\n  return (\n    <Box data-test=\"scrollable-tab-wrapper\" ref={tabRef}>\n      {children}\n    </Box>\n  );\n};\n"],"names":["ScrollableTabWrapper","props","hash","selectedTab","autoScrollTabs","scrollTabOnSelect","children","tabRef","useRef","useEffect","Box"],"mappings":";;;AAMa,MAAAA,IAAwC,CAACC,MAAU;AAC9D,QAAM,EAAE,MAAAC,GAAM,aAAAC,GAAa,gBAAAC,GAAgB,mBAAAC,GAAmB,UAAAC,EAC5D,IAAAL,GAEIM,IAASC,EAAuB,IAAI;AAE1C,SAAAC,EAAU,MAAM;AACd,IAAKL,KAKDD,MAAgBD,KAAQK,EAAO,WACjCF,EAAkBE,CAAM;AAAA,EAC1B,GACC,CAACJ,GAAaD,GAAME,GAAgBG,GAAQF,CAAiB,CAAC,yBAG9DK,GAAI,EAAA,aAAU,0BAAyB,KAAKH,GAC1C,UAAAD,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library272.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-library273.js

@@ -1,53 +1,24 @@
-import { j as o } from "./sd-component-library198.js";
-import { ThirteenBold as h } from "./sd-component-library156.js";
-import { Button as m } from "./sd-component-library26.js";
-import { MaxMaxContainer as d } from "./sd-component-library42.js";
-const T = (s) => {
-  const {
-    Icon: i,
-    iconHeight: n,
-    title: l,
-    isActive: r,
-    hash: t,
-    onTabSelect: c,
-    enableScroll: a,
-    activeColor: e,
-    history: p
-  } = s, x = a ? {
-    scrollTo: t
-  } : {};
-  return /* @__PURE__ */ o.jsx(
-    m,
+import { j as e } from "./sd-component-library198.js";
+import { Box as n } from "rebass";
+const g = ({ width: s, direction: t, offset: o }) => {
+  const r = "#000000AA", a = "#00000000";
+  return /* @__PURE__ */ e.jsx(
+    n,
     {
-      bg: "transparent",
-      onClick: () => c(t),
-      history: p,
-      "data-testid": `tab-${t}`,
-      ...x,
-      children: /* @__PURE__ */ o.jsxs(d, { gap: ["15px", "20px"], children: [
-        /* @__PURE__ */ o.jsx(
-          i,
-          {
-            style: {
-              height: n,
-              fill: r ? e : "#434A54"
-            }
-          }
-        ),
-        /* @__PURE__ */ o.jsx(
-          h,
-          {
-            textTransform: "uppercase",
-            color: r ? e : "#434A54",
-            cursor: "pointer",
-            children: l
-          }
-        )
-      ] })
+      sx: {
+        position: "absolute",
+        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 {
-  T as Tab
+  g as Mask
 };
 //# sourceMappingURL=sd-component-library273.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library273.js","sources":["../src/components/tabs/tabs-menu/partials/tab/tab.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button, MaxMaxContainer, ThirteenBold } from \"../../../../..\";\nimport { TabProps } from \"./interfaces\";\n\n/**\n * Tab component to render a single tab button.\n */\nexport const Tab: React.FC<TabProps> = (props) => {\n  const {\n    Icon,\n    iconHeight,\n    title,\n    isActive,\n    hash,\n    onTabSelect,\n    enableScroll,\n    activeColor,\n    history,\n  } = props;\n\n  const scrollProps = enableScroll\n    ? {\n        scrollTo: hash,\n      }\n    : {};\n\n  return (\n    <Button\n      bg=\"transparent\"\n      onClick={() => onTabSelect(hash)}\n      history={history}\n      data-testid={`tab-${hash}`}\n      {...scrollProps}\n    >\n      <MaxMaxContainer gap={[\"15px\", \"20px\"]}>\n        <Icon\n          style={{\n            height: iconHeight,\n            fill: isActive ? activeColor : \"#434A54\",\n          }}\n        />\n        <ThirteenBold\n          textTransform=\"uppercase\"\n          color={isActive ? activeColor : \"#434A54\"}\n          cursor=\"pointer\"\n        >\n          {title}\n        </ThirteenBold>\n      </MaxMaxContainer>\n    </Button>\n  );\n};\n"],"names":["Tab","props","Icon","iconHeight","title","isActive","hash","onTabSelect","enableScroll","activeColor","history","scrollProps","jsx","Button","MaxMaxContainer","ThirteenBold"],"mappings":";;;;AAQa,MAAAA,IAA0B,CAACC,MAAU;AAC1C,QAAA;AAAA,IACJ,MAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,EACE,IAAAT,GAEEU,IAAcH,IAChB;AAAA,IACE,UAAUF;AAAA,MAEZ;AAGF,SAAAM,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,SAAS,MAAMN,EAAYD,CAAI;AAAA,MAC/B,SAAAI;AAAA,MACA,eAAa,OAAOJ,CAAI;AAAA,MACvB,GAAGK;AAAA,MAEJ,iCAACG,GAAgB,EAAA,KAAK,CAAC,QAAQ,MAAM,GACnC,UAAA;AAAA,QAAAF,gBAAAA,EAAA;AAAA,UAACV;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,QAAQC;AAAA,cACR,MAAME,IAAWI,IAAc;AAAA,YACjC;AAAA,UAAA;AAAA,QACF;AAAA,QACAG,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,eAAc;AAAA,YACd,OAAOV,IAAWI,IAAc;AAAA,YAChC,QAAO;AAAA,YAEN,UAAAL;AAAA,UAAA;AAAA,QACH;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library273.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-library274.js

@@ -1,125 +1,128 @@
-import { j as i } from "./sd-component-library198.js";
-import { useRef as B, useEffect as L } from "react";
-import { Box as s } from "rebass";
-import { ResponsiveTextV2 as V } from "./sd-component-library152.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,
+import { j as t } from "./sd-component-library198.js";
+import { Flex as f, Box as W } from "rebass";
+import { Button as y } from "./sd-component-library26.js";
+import { ResponsiveTextV2 as m } from "./sd-component-library152.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(
+    f,
     {
-      onClick: () => S(b),
+      flexDirection: "column",
       sx: {
-        cursor: "pointer",
-        position: "relative",
-        left: `-${n > e ? 2 : n == e ? 1 : 0}px`,
-        zIndex: t ? 1 : 0
+        width: "fit-content",
+        maxWidth: _,
+        minWidth: "fit-content",
+        ...w
       },
-      ref: c,
       children: [
-        /* @__PURE__ */ i.jsx(
-          s,
+        /* @__PURE__ */ t.jsxs(
+          y,
           {
-            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"
-            }
+            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__ */ i.jsx(
-          s,
+        /* @__PURE__ */ t.jsx(
+          z,
           {
-            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"
-            }
+            active: i || !!a,
+            activeColor: T,
+            color: o
           }
         )
       ]
     }
   );
-};
+}
 export {
-  R as TabV2
+  z as Ribbon,
+  E as Tab
 };
 //# sourceMappingURL=sd-component-library274.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library274.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":"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"}
+{"version":3,"file":"sd-component-library274.js","sources":["../src/components/tabs/tab-bar/partials/tab/tab.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { Button } from \"../../../../buttons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TabProps } from \"./interfaces\";\n\nexport const Ribbon = ({\n  active = false,\n  activeColor = \"cl_purple\",\n  color = \"transparent\",\n}) => (\n  <Box\n    height={4}\n    width=\"100%\"\n    bg={active ? activeColor : color}\n    sx={{\n      mt: \"auto\",\n      transition: \"all 175ms ease\",\n    }}\n    data-testid=\"tab-ribbon\"\n  />\n);\n\nexport function Tab<T>({\n  width,\n  height,\n  label,\n  secondaryText,\n  icon,\n  id,\n  onClick,\n  selected = false,\n  activeColor = \"cl_purple\",\n  color = \"cl_darkGrey\",\n  tabPadding,\n  bg = \"cl_transparent\",\n  activeBg = \"cl_transparent\",\n  activeRibbonColor,\n  borderRadius = \"4px\",\n  tabHeaderComponent,\n  elementId,\n  maxWidth,\n  labelSx,\n  secondaryTextSx,\n  containerSx,\n}: TabProps<T>) {\n  const activeColorOfRibbon = tabHeaderComponent\n    ? selected\n      ? activeBg\n      : bg\n    : activeRibbonColor || activeColor;\n\n  return (\n    <Flex\n      flexDirection=\"column\"\n      sx={{\n        width: \"fit-content\",\n        maxWidth,\n        minWidth: \"fit-content\",\n        ...containerSx,\n      }}\n    >\n      <Button\n        id={elementId}\n        width={width}\n        height={height}\n        bg={selected ? activeBg : bg}\n        onClick={onClick}\n        borderRadius={borderRadius}\n        data-testid={`tab-${id}`}\n        padding={tabPadding}\n        disabled={selected}\n        display=\"flex\"\n      >\n        {label && (\n          <ResponsiveTextV2\n            fontSizeWeight={[[13, \"bold\"]]}\n            sx={{\n              letterSpacing: \"1.3px\",\n              textTransform: \"uppercase\",\n              ...labelSx,\n            }}\n            data-testid=\"tab-text\"\n            color={selected ? activeColor : color}\n          >\n            {label}\n          </ResponsiveTextV2>\n        )}\n\n        {secondaryText && (\n          <ResponsiveTextV2\n            fontSizeWeight={[[10, \"semi-bold\"]]}\n            sx={{\n              letterSpacing: \"1px\",\n              textTransform: \"uppercase\",\n              ...secondaryTextSx,\n            }}\n            color={selected ? activeColor : color}\n          >\n            {secondaryText}\n          </ResponsiveTextV2>\n        )}\n\n        {icon && (\n          <Flex\n            height=\"16px\"\n            flexDirection=\"column\"\n            justifyContent=\"space-between\"\n            ml=\"10px\"\n          >\n            {icon}\n          </Flex>\n        )}\n\n        {/* Render custom component, if provided */}\n        {tabHeaderComponent}\n      </Button>\n\n      <Ribbon\n        active={selected || !!tabHeaderComponent} // in tabHeaderComponent mode, it should fill the gap.\n        activeColor={activeColorOfRibbon}\n        color={bg}\n      />\n    </Flex>\n  );\n}\n"],"names":["Ribbon","active","activeColor","color","jsx","Box","Tab","width","height","label","secondaryText","icon","id","onClick","selected","tabPadding","bg","activeBg","activeRibbonColor","borderRadius","tabHeaderComponent","elementId","maxWidth","labelSx","secondaryTextSx","containerSx","activeColorOfRibbon","jsxs","Flex","Button","ResponsiveTextV2"],"mappings":";;;;AAQO,MAAMA,IAAS,CAAC;AAAA,EACrB,QAAAC,IAAS;AAAA,EACT,aAAAC,IAAc;AAAA,EACd,OAAAC,IAAQ;AACV,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,QAAQ;AAAA,IACR,OAAM;AAAA,IACN,IAAIJ,IAASC,IAAcC;AAAA,IAC3B,IAAI;AAAA,MACF,IAAI;AAAA,MACJ,YAAY;AAAA,IACd;AAAA,IACA,eAAY;AAAA,EAAA;AACd;AAGK,SAASG,EAAO;AAAA,EACrB,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,IAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,aAAAZ,IAAc;AAAA,EACd,OAAAC,IAAQ;AAAA,EACR,YAAAY;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,UAAAC,IAAW;AAAA,EACX,mBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,oBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AACF,GAAgB;AACd,QAAMC,IAAsBN,IACxBN,IACEG,IACAD,IACFE,KAAqBhB;AAGvB,SAAAyB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,IAAI;AAAA,QACF,OAAO;AAAA,QACP,UAAAN;AAAA,QACA,UAAU;AAAA,QACV,GAAGG;AAAA,MACL;AAAA,MAEA,UAAA;AAAA,QAAAE,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAIR;AAAA,YACJ,OAAAd;AAAA,YACA,QAAAC;AAAA,YACA,IAAIM,IAAWG,IAAWD;AAAA,YAC1B,SAAAH;AAAA,YACA,cAAAM;AAAA,YACA,eAAa,OAAOP,CAAE;AAAA,YACtB,SAASG;AAAA,YACT,UAAUD;AAAA,YACV,SAAQ;AAAA,YAEP,UAAA;AAAA,cACCL,KAAAL,gBAAAA,EAAA;AAAA,gBAAC0B;AAAA,gBAAA;AAAA,kBACC,gBAAgB,CAAC,CAAC,IAAI,MAAM,CAAC;AAAA,kBAC7B,IAAI;AAAA,oBACF,eAAe;AAAA,oBACf,eAAe;AAAA,oBACf,GAAGP;AAAA,kBACL;AAAA,kBACA,eAAY;AAAA,kBACZ,OAAOT,IAAWZ,IAAcC;AAAA,kBAE/B,UAAAM;AAAA,gBAAA;AAAA,cACH;AAAA,cAGDC,KACCN,gBAAAA,EAAA;AAAA,gBAAC0B;AAAA,gBAAA;AAAA,kBACC,gBAAgB,CAAC,CAAC,IAAI,WAAW,CAAC;AAAA,kBAClC,IAAI;AAAA,oBACF,eAAe;AAAA,oBACf,eAAe;AAAA,oBACf,GAAGN;AAAA,kBACL;AAAA,kBACA,OAAOV,IAAWZ,IAAcC;AAAA,kBAE/B,UAAAO;AAAA,gBAAA;AAAA,cACH;AAAA,cAGDC,KACCP,gBAAAA,EAAA;AAAA,gBAACwB;AAAA,gBAAA;AAAA,kBACC,QAAO;AAAA,kBACP,eAAc;AAAA,kBACd,gBAAe;AAAA,kBACf,IAAG;AAAA,kBAEF,UAAAjB;AAAA,gBAAA;AAAA,cACH;AAAA,cAIDS;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,QAEAhB,gBAAAA,EAAA;AAAA,UAACJ;AAAA,UAAA;AAAA,YACC,QAAQc,KAAY,CAAC,CAACM;AAAA,YACtB,aAAaM;AAAA,YACb,OAAOV;AAAA,UAAA;AAAA,QACT;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library282.js

@@ -1,5 +1,13 @@
-const s = "";
+import * as e from "react";
+const a = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 18.2, height: 20, viewBox: "0 0 18.2 20", ...t }, /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("style", null, `
+      .calendar{
+        fill:none;
+        stroke-linecap:round;
+        stroke-linejoin:round;
+        stroke-width:2px;
+      }
+    `)), /* @__PURE__ */ e.createElement("g", { transform: "translate(-3.5 -2)" }, /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M6.3,6H18.9a1.8,1.8,0,0,1,1.8,1.8V20.4a1.8,1.8,0,0,1-1.8,1.8H6.3a1.8,1.8,0,0,1-1.8-1.8V7.8A1.8,1.8,0,0,1,6.3,6Z", transform: "translate(0 -1.2)" }), /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M24,3V6.6", transform: "translate(-7.8 0)" }), /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M12,3V6.6", transform: "translate(-3 0)" }), /* @__PURE__ */ e.createElement("path", { className: "calendar", stroke: "current", d: "M4.5,15H20.7", transform: "translate(0 -4.8)" })));
 export {
-  s as default
+  a as ReactComponent
 };
 //# sourceMappingURL=sd-component-library282.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library282.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library282.js","sources":["../src/components/icons/calendar-icon/calendar.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOC4yIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMTguMiAyMCI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jYWxlbmRhcnsKICAgICAgICBmaWxsOm5vbmU7CiAgICAgICAgc3Ryb2tlLWxpbmVjYXA6cm91bmQ7CiAgICAgICAgc3Ryb2tlLWxpbmVqb2luOnJvdW5kOwogICAgICAgIHN0cm9rZS13aWR0aDoycHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjUgLTIpIj4KICAgIDxwYXRoIGNsYXNzPSJjYWxlbmRhciIgc3Ryb2tlPSJjdXJyZW50IiBkPSJNNi4zLDZIMTguOWExLjgsMS44LDAsMCwxLDEuOCwxLjhWMjAuNGExLjgsMS44LDAsMCwxLTEuOCwxLjhINi4zYTEuOCwxLjgsMCwwLDEtMS44LTEuOFY3LjhBMS44LDEuOCwwLDAsMSw2LjMsNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEuMikiLz4KICAgIDxwYXRoIGNsYXNzPSJjYWxlbmRhciIgc3Ryb2tlPSJjdXJyZW50IiBkPSJNMjQsM1Y2LjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03LjggMCkiLz4KICAgIDxwYXRoIGNsYXNzPSJjYWxlbmRhciIgc3Ryb2tlPSJjdXJyZW50IiBkPSJNMTIsM1Y2LjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zIDApIi8+CiAgICA8cGF0aCBjbGFzcz0iY2FsZW5kYXIiIHN0cm9rZT0iY3VycmVudCIgZD0iTTQuNSwxNUgyMC43IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC00LjgpIi8+CiAgPC9nPgo8L3N2Zz4=\""],"names":["SvgCalendar","props","React"],"mappings":";AACK,MAACA,IAAc,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,MAAM,QAAQ,IAAI,SAAS,eAAe,GAAGD,KAAyB,gBAAAC,EAAM,cAAc,QAAQ,MAAsB,gBAAAA,EAAM,cAAc,SAAS,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAiJ,CAAC,GAAmB,gBAAAA,EAAM,cAAc,KAAK,EAAE,WAAW,wBAAwC,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,mHAAmH,WAAW,oBAAqB,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,aAAa,WAAW,oBAAmB,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,aAAa,WAAW,kBAAmB,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,WAAW,YAAY,QAAQ,WAAW,GAAG,gBAAgB,WAAW,oBAAmB,CAAE,CAAC,CAAC;"}

package/lib/sd-component-library283.js

@@ -1,5 +1,5 @@
-const t = "";
+const s = "";
 export {
-  t as default
+  s as default
 };
 //# sourceMappingURL=sd-component-library283.js.map

package/lib/sd-component-library284.js

@@ -1,73 +1,5 @@
-import { startOfDay as y, addDays as l, endOfDay as i, startOfWeek as O, addWeeks as n, endOfWeek as S, startOfMonth as u, addMonths as f, endOfMonth as M, startOfYear as b, addYears as c, endOfYear as C, isSameDay as r, format as W } from "date-fns";
-const D = (t) => W(t, "EEE d MMM yyyy"), x = (t) => {
-  const e = "No date selected";
-  return !t || !t.startDate || !t.endDate ? e : r(t.startDate, t.endDate) ? D(t.startDate) : `${D(t.startDate)} - ${D(
-    t.endDate
-  )}`;
-}, Y = [
-  {
-    label: "Yesterday",
-    startDate: y(l(/* @__PURE__ */ new Date(), -1)),
-    endDate: i(l(/* @__PURE__ */ new Date(), -1))
-  },
-  {
-    label: "Last Week",
-    startDate: O(n(/* @__PURE__ */ new Date(), -1), { weekStartsOn: 1 }),
-    endDate: S(n(/* @__PURE__ */ new Date(), -1), { weekStartsOn: 1 })
-  },
-  {
-    label: "Last 2 Weeks",
-    startDate: O(n(/* @__PURE__ */ new Date(), -2), { weekStartsOn: 1 }),
-    endDate: S(n(/* @__PURE__ */ new Date(), -1), { weekStartsOn: 1 })
-  },
-  {
-    label: "Last Month",
-    startDate: u(f(/* @__PURE__ */ new Date(), -1)),
-    endDate: M(f(/* @__PURE__ */ new Date(), -1))
-  },
-  {
-    label: "Last Year",
-    startDate: b(c(/* @__PURE__ */ new Date(), -1)),
-    endDate: C(c(/* @__PURE__ */ new Date(), -1))
-  }
-], _ = (t, e, E, k, m, h) => {
-  const o = (m || Y).map(
-    ({ label: s, startDate: d, endDate: w }) => ({
-      label: s,
-      range: (a) => ({
-        startDate: d,
-        endDate: w
-      }),
-      isSelected: (a) => a.startDate && a.endDate ? r(a.startDate, d) && r(a.endDate, w) : !1
-    })
-  );
-  return h ? o.concat({
-    label: "Custom Range",
-    range: (s) => (e(), {
-      startDate: (t == null ? void 0 : t.startDate) || /* @__PURE__ */ new Date(),
-      endDate: (t == null ? void 0 : t.endDate) || /* @__PURE__ */ new Date()
-    }),
-    isSelected: (s) => k
-  }) : o;
-}, g = (t) => ({
-  ...t,
-  rangeColors: [t.color ?? "#9E1CB5"],
-  weekStartsOn: 1,
-  inputRanges: [],
-  ranges: [
-    t.selectedRange ?? {
-      startDate: /* @__PURE__ */ new Date(),
-      endDate: /* @__PURE__ */ new Date()
-    }
-  ],
-  months: t.months,
-  onChange: (e) => {
-    t.setSelectedRange(e.range1);
-  }
-});
+const t = "";
 export {
-  g as getCalendarProps,
-  x as getSelectedRangeText,
-  _ as getStaticRanges
+  t as default
 };
 //# sourceMappingURL=sd-component-library284.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library284.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/utils.ts"],"sourcesContent":["import { OnChangeProps, Range, StaticRange } from \"react-date-range\";\n\nimport {\n  addDays,\n  addMonths,\n  addWeeks,\n  addYears,\n  endOfDay,\n  endOfMonth,\n  endOfWeek,\n  endOfYear,\n  format,\n  isSameDay,\n  startOfDay,\n  startOfMonth,\n  startOfWeek,\n  startOfYear,\n} from \"date-fns\";\n\nimport { OnRangeSelection, StaticRangeOption } from \"./interfaces\";\nimport { BaseDateRangeInputMobileProps } from \"./partials/base-date-range-input-mobile/interfaces\";\n\nconst getFormattedDate = (date: Date) => format(date, \"EEE d MMM yyyy\");\n\nexport const getSelectedRangeText = (range: Range | null | undefined) => {\n  const defaultText = \"No date selected\";\n\n  return !range || !range.startDate || !range.endDate\n    ? defaultText\n    : isSameDay(range.startDate, range.endDate)\n    ? getFormattedDate(range.startDate)\n    : `${getFormattedDate(range.startDate)} - ${getFormattedDate(\n        range.endDate\n      )}`;\n};\n\nconst ranges = [\n  {\n    label: \"Yesterday\",\n    startDate: startOfDay(addDays(new Date(), -1)),\n    endDate: endOfDay(addDays(new Date(), -1)),\n  },\n  {\n    label: \"Last Week\",\n    startDate: startOfWeek(addWeeks(new Date(), -1), { weekStartsOn: 1 }),\n    endDate: endOfWeek(addWeeks(new Date(), -1), { weekStartsOn: 1 }),\n  },\n  {\n    label: \"Last 2 Weeks\",\n    startDate: startOfWeek(addWeeks(new Date(), -2), { weekStartsOn: 1 }),\n    endDate: endOfWeek(addWeeks(new Date(), -1), { weekStartsOn: 1 }),\n  },\n  {\n    label: \"Last Month\",\n    startDate: startOfMonth(addMonths(new Date(), -1)),\n    endDate: endOfMonth(addMonths(new Date(), -1)),\n  },\n  {\n    label: \"Last Year\",\n    startDate: startOfYear(addYears(new Date(), -1)),\n    endDate: endOfYear(addYears(new Date(), -1)),\n  },\n];\n\nexport const getStaticRanges = (\n  selectedRange: Range | undefined | null,\n  onCustomRangeSelect: () => void,\n  deselectCustomRange: () => void,\n  customOptionSelected: boolean,\n  customRanges?: StaticRangeOption[],\n  mobile?: boolean\n): StaticRange[] => {\n  const rangesToShow = customRanges || ranges;\n  const staticRanges: StaticRange[] = rangesToShow.map(\n    ({ label, startDate, endDate }) => ({\n      label,\n      range: (_) => ({\n        startDate,\n        endDate,\n      }),\n      isSelected: (range) =>\n        range.startDate && range.endDate\n          ? isSameDay(range.startDate, startDate) &&\n            isSameDay(range.endDate, endDate)\n          : false,\n    })\n  );\n\n  return !mobile\n    ? staticRanges\n    : staticRanges.concat({\n        label: \"Custom Range\",\n        range: (_) => {\n          onCustomRangeSelect();\n          return {\n            startDate: selectedRange?.startDate || new Date(),\n            endDate: selectedRange?.endDate || new Date(),\n          };\n        },\n        isSelected: (_) => customOptionSelected,\n      });\n};\n\nexport const getCalendarProps = (props: BaseDateRangeInputMobileProps) => ({\n  ...props,\n  rangeColors: [props.color ?? \"#9E1CB5\"],\n  weekStartsOn: 1,\n  inputRanges: [],\n  ranges: [\n    props.selectedRange ?? {\n      startDate: new Date(),\n      endDate: new Date(),\n    },\n  ],\n  months: props.months,\n  onChange: (value: OnChangeProps) => {\n    props.setSelectedRange((value as OnRangeSelection).range1);\n  },\n});\n"],"names":["getFormattedDate","date","format","getSelectedRangeText","range","defaultText","isSameDay","ranges","startOfDay","addDays","endOfDay","startOfWeek","addWeeks","endOfWeek","startOfMonth","addMonths","endOfMonth","startOfYear","addYears","endOfYear","getStaticRanges","selectedRange","onCustomRangeSelect","deselectCustomRange","customOptionSelected","customRanges","mobile","staticRanges","label","startDate","endDate","_","getCalendarProps","props","value"],"mappings":";AAsBA,MAAMA,IAAmB,CAACC,MAAeC,EAAOD,GAAM,gBAAgB,GAEzDE,IAAuB,CAACC,MAAoC;AACvE,QAAMC,IAAc;AAEb,SAAA,CAACD,KAAS,CAACA,EAAM,aAAa,CAACA,EAAM,UACxCC,IACAC,EAAUF,EAAM,WAAWA,EAAM,OAAO,IACxCJ,EAAiBI,EAAM,SAAS,IAChC,GAAGJ,EAAiBI,EAAM,SAAS,CAAC,MAAMJ;AAAA,IACxCI,EAAM;AAAA,EACP,CAAA;AACP,GAEMG,IAAS;AAAA,EACb;AAAA,IACE,OAAO;AAAA,IACP,WAAWC,EAAWC,sBAAY,KAAK,GAAG,EAAE,CAAC;AAAA,IAC7C,SAASC,EAASD,sBAAY,KAAK,GAAG,EAAE,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,WAAWE,EAAYC,EAAa,oBAAA,KAAA,GAAQ,EAAE,GAAG,EAAE,cAAc,GAAG;AAAA,IACpE,SAASC,EAAUD,EAAa,oBAAA,KAAA,GAAQ,EAAE,GAAG,EAAE,cAAc,GAAG;AAAA,EAClE;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,WAAWD,EAAYC,EAAa,oBAAA,KAAA,GAAQ,EAAE,GAAG,EAAE,cAAc,GAAG;AAAA,IACpE,SAASC,EAAUD,EAAa,oBAAA,KAAA,GAAQ,EAAE,GAAG,EAAE,cAAc,GAAG;AAAA,EAClE;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,WAAWE,EAAaC,sBAAc,KAAK,GAAG,EAAE,CAAC;AAAA,IACjD,SAASC,EAAWD,sBAAc,KAAK,GAAG,EAAE,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,WAAWE,EAAYC,sBAAa,KAAK,GAAG,EAAE,CAAC;AAAA,IAC/C,SAASC,EAAUD,sBAAa,KAAK,GAAG,EAAE,CAAC;AAAA,EAC7C;AACF,GAEaE,IAAkB,CAC7BC,GACAC,GACAC,GACAC,GACAC,GACAC,MACkB;AAElB,QAAMC,KADeF,KAAgBlB,GACY;AAAA,IAC/C,CAAC,EAAE,OAAAqB,GAAO,WAAAC,GAAW,SAAAC,SAAe;AAAA,MAClC,OAAAF;AAAA,MACA,OAAO,CAACG,OAAO;AAAA,QACb,WAAAF;AAAA,QACA,SAAAC;AAAA,MAAA;AAAA,MAEF,YAAY,CAAC1B,MACXA,EAAM,aAAaA,EAAM,UACrBE,EAAUF,EAAM,WAAWyB,CAAS,KACpCvB,EAAUF,EAAM,SAAS0B,CAAO,IAChC;AAAA,IAAA;AAAA,EACR;AAGF,SAAQJ,IAEJC,EAAa,OAAO;AAAA,IAClB,OAAO;AAAA,IACP,OAAO,CAACI,OACcT,KACb;AAAA,MACL,YAAWD,KAAA,gBAAAA,EAAe,cAAa,oBAAI,KAAK;AAAA,MAChD,UAASA,KAAA,gBAAAA,EAAe,YAAW,oBAAI,KAAK;AAAA,IAAA;AAAA,IAGhD,YAAY,CAACU,MAAMP;AAAA,EAAA,CACpB,IAXDG;AAYN,GAEaK,IAAmB,CAACC,OAA0C;AAAA,EACzE,GAAGA;AAAA,EACH,aAAa,CAACA,EAAM,SAAS,SAAS;AAAA,EACtC,cAAc;AAAA,EACd,aAAa,CAAC;AAAA,EACd,QAAQ;AAAA,IACNA,EAAM,iBAAiB;AAAA,MACrB,+BAAe,KAAK;AAAA,MACpB,6BAAa,KAAK;AAAA,IACpB;AAAA,EACF;AAAA,EACA,QAAQA,EAAM;AAAA,EACd,UAAU,CAACC,MAAyB;AAC5B,IAAAD,EAAA,iBAAkBC,EAA2B,MAAM;AAAA,EAC3D;AACF;"}
+{"version":3,"file":"sd-component-library284.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}