@selfdecode/sd-component-library 4.0.73-vite2 → 4.0.73-vite20

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library267.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;AAAAA,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-library268.js

@@ -0,0 +1,127 @@
+import { j as t } from "./sd-component-library195.js";
+import "./sd-component-library196.js";
+import { Flex as f, Box as W } from "./sd-component-library197.js";
+import { Button as y } from "./sd-component-library29.js";
+import { ResponsiveTextV2 as m } from "./sd-component-library148.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"
+    }
+  }
+);
+function E({
+  width: n,
+  height: s,
+  label: r,
+  secondaryText: p,
+  icon: l,
+  id: h,
+  onClick: u,
+  selected: i = !1,
+  activeColor: o = "cl_purple",
+  color: a = "cl_darkGrey",
+  tabPadding: d,
+  bg: e = "cl_transparent",
+  activeBg: c = "cl_transparent",
+  activeRibbonColor: j,
+  borderRadius: b = "4px",
+  tabHeaderComponent: x,
+  elementId: _,
+  maxWidth: g,
+  labelSx: R,
+  secondaryTextSx: S,
+  containerSx: w
+}) {
+  const T = x ? i ? c : e : j || o;
+  return /* @__PURE__ */ t.jsxs(
+    f,
+    {
+      flexDirection: "column",
+      sx: {
+        width: "fit-content",
+        maxWidth: g,
+        minWidth: "fit-content",
+        ...w
+      },
+      children: [
+        /* @__PURE__ */ t.jsxs(
+          y,
+          {
+            id: _,
+            width: n,
+            height: s,
+            bg: i ? c : e,
+            onClick: u,
+            borderRadius: b,
+            "data-test": `tab-${h}`,
+            padding: d,
+            disabled: i,
+            display: "flex",
+            children: [
+              r && /* @__PURE__ */ t.jsx(
+                m,
+                {
+                  fontSizeWeight: [[13, "bold"]],
+                  sx: {
+                    letterSpacing: "1.3px",
+                    textTransform: "uppercase",
+                    ...R
+                  },
+                  color: i ? o : a,
+                  children: r
+                }
+              ),
+              p && /* @__PURE__ */ t.jsx(
+                m,
+                {
+                  fontSizeWeight: [[10, "semi-bold"]],
+                  sx: {
+                    letterSpacing: "1px",
+                    textTransform: "uppercase",
+                    ...S
+                  },
+                  color: i ? o : a,
+                  children: p
+                }
+              ),
+              l && /* @__PURE__ */ t.jsx(
+                f,
+                {
+                  height: "16px",
+                  flexDirection: "column",
+                  justifyContent: "space-between",
+                  ml: "10px",
+                  children: l
+                }
+              ),
+              x
+            ]
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          z,
+          {
+            active: i || !!x,
+            activeColor: T,
+            color: e
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  z as Ribbon,
+  E as Tab
+};
+//# sourceMappingURL=sd-component-library268.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library268.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  />\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-test={`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            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;AAAAA,EAAA;AAAA,IACC,QAAQ;AAAA,IACR,OAAM;AAAA,IACN,IAAIJ,IAASC,IAAcC;AAAA,IAC3B,IAAI;AAAA,MACF,IAAI;AAAA,MACJ,YAAY;AAAA,IACd;AAAA,EAAA;AACF;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;AAAAA,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,aAAW,OAAOP,CAAE;AAAA,YACpB,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,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;AAAAA,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-library269.js

@@ -0,0 +1,126 @@
+import { j as i } from "./sd-component-library195.js";
+import { useRef as _, useEffect as z } from "react";
+import "./sd-component-library196.js";
+import { Box as s } from "./sd-component-library197.js";
+import { ResponsiveTextV2 as L } from "./sd-component-library148.js";
+const O = ({
+  id: b,
+  label: a,
+  color: g,
+  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: B = 4,
+  scrollOnChange: l = !0
+}) => {
+  const c = _(null), t = e === n;
+  z(() => {
+    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, T = 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` : T ? `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(
+              L,
+              {
+                fontSizeWeight: [v, "bold"],
+                textTransform: "uppercase",
+                color: t ? x : g,
+                sx: {
+                  bg: "cl_white",
+                  letterSpacing: "1px",
+                  px: u
+                },
+                children: a
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ i.jsx(
+          s,
+          {
+            sx: {
+              height: `${o + B}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"
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  O as TabV2
+};
+//# sourceMappingURL=sd-component-library269.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library269.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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"}

package/lib/sd-component-library27.js

@@ -0,0 +1,16 @@
+import { j as o } from "./sd-component-library195.js";
+import { LogoButton as r } from "./sd-component-library209.js";
+import { ReactComponent as e } from "./sd-component-library210.js";
+const s = (t) => /* @__PURE__ */ o.jsx(
+  r,
+  {
+    ...t,
+    variant: "poweredByLogo",
+    "data-test": "powered-by-grey-logo-button",
+    children: /* @__PURE__ */ o.jsx(e, {})
+  }
+);
+export {
+  s as PoweredByGreyLogoButton
+};
+//# sourceMappingURL=sd-component-library27.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library27.js","sources":["../src/components/buttons/logos/powered-by-grey-logo/powered-by-grey-logo.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { LogoButton } from \"../logo\";\nimport { PoweredByGrey } from \"./assets\";\nimport { PoweredByGreyLogoProps } from \"./interfaces\";\n\n/**\n * The powered by grey logo button.\n */\nexport const PoweredByGreyLogoButton: React.FC<PoweredByGreyLogoProps> = (\n  props\n) => {\n  return (\n    <LogoButton\n      {...props}\n      variant=\"poweredByLogo\"\n      data-test=\"powered-by-grey-logo-button\"\n    >\n      <PoweredByGrey />\n    </LogoButton>\n  );\n};\n"],"names":["PoweredByGreyLogoButton","props","jsx","LogoButton","PoweredByGrey"],"mappings":";;;AASa,MAAAA,IAA4D,CACvEC,MAGEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,SAAQ;AAAA,IACR,aAAU;AAAA,IAEV,gCAACG,GAAc,EAAA;AAAA,EAAA;AAAA;"}

package/lib/sd-component-library270.js

@@ -0,0 +1,14 @@
+import { j as c } from "./sd-component-library195.js";
+import { useRef as f, useEffect as n } from "react";
+import "./sd-component-library196.js";
+import { Box as p } from "./sd-component-library197.js";
+const x = (s) => {
+  const { hash: e, selectedTab: t, autoScrollTabs: o, scrollTabOnSelect: a, children: l } = s, 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: l });
+};
+export {
+  x as ScrollableTabWrapper
+};
+//# sourceMappingURL=sd-component-library270.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library270.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;"}

package/lib/sd-component-library271.js

@@ -0,0 +1,53 @@
+import { j as o } from "./sd-component-library195.js";
+import { ThirteenBold as h } from "./sd-component-library152.js";
+import { Button as m } from "./sd-component-library29.js";
+import { MaxMaxContainer as f } from "./sd-component-library44.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,
+    {
+      bg: "transparent",
+      onClick: () => c(t),
+      history: p,
+      "data-test": `tab-${t}`,
+      ...x,
+      children: /* @__PURE__ */ o.jsxs(f, { 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
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  T as Tab
+};
+//# sourceMappingURL=sd-component-library271.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library271.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-test={`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,aAAW,OAAOJ,CAAI;AAAA,MACrB,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;"}

package/lib/sd-component-library272.js

@@ -0,0 +1,28 @@
+import { j as i } from "./sd-component-library195.js";
+import { FlexCenter as l } from "./sd-component-library38.js";
+const x = ({
+  children: t,
+  disabled: o,
+  onClick: e
+}) => {
+  const r = o ? "cl_lightGrey" : "cl_blue";
+  return /* @__PURE__ */ i.jsx(
+    l,
+    {
+      height: "100%",
+      sx: {
+        borderWidth: "2px",
+        borderColor: r,
+        borderStyle: "solid",
+        borderRadius: "5px",
+        fill: r
+      },
+      onClick: o ? void 0 : e,
+      children: t
+    }
+  );
+};
+export {
+  x as PaginationBarButton
+};
+//# sourceMappingURL=sd-component-library272.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library272.js","sources":["../src/components/pagination-bars/pagination-bar-mobile/partials/pagination-bar-button/pagination-bar-button.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { FlexCenter } from \"../../../../containers\";\nimport { PaginationBarButtonProps as Props } from \"./interfaces\";\n\nexport const PaginationBarButton: React.FC<PropsWithChildren<Props>> = ({\n  children,\n  disabled,\n  onClick,\n}) => {\n  const color = disabled ? \"cl_lightGrey\" : \"cl_blue\";\n  return (\n    <FlexCenter\n      height=\"100%\"\n      sx={{\n        borderWidth: \"2px\",\n        borderColor: color,\n        borderStyle: \"solid\",\n        borderRadius: \"5px\",\n        fill: color,\n      }}\n      onClick={disabled ? undefined : onClick}\n    >\n      {children}\n    </FlexCenter>\n  );\n};\n"],"names":["PaginationBarButton","children","disabled","onClick","color","jsx","FlexCenter"],"mappings":";;AAKO,MAAMA,IAA0D,CAAC;AAAA,EACtE,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AACF,MAAM;AACE,QAAAC,IAAQF,IAAW,iBAAiB;AAExC,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,IAAI;AAAA,QACF,aAAa;AAAA,QACb,aAAaF;AAAA,QACb,aAAa;AAAA,QACb,cAAc;AAAA,QACd,MAAMA;AAAA,MACR;AAAA,MACA,SAASF,IAAW,SAAYC;AAAA,MAE/B,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library273.js

@@ -0,0 +1,25 @@
+import { j as r } from "./sd-component-library195.js";
+import { ResponsiveTextV2 as t } from "./sd-component-library148.js";
+const n = ({
+  children: e
+}) => /* @__PURE__ */ r.jsx(
+  t,
+  {
+    fontSizeWeight: [18, "regular"],
+    sx: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      height: "100%",
+      borderRadius: "5px",
+      borderWidth: "1px",
+      borderColor: "cl_lightGrey",
+      borderStyle: "solid"
+    },
+    children: e
+  }
+);
+export {
+  n as PaginationBarCurrentPage
+};
+//# sourceMappingURL=sd-component-library273.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library273.js","sources":["../src/components/pagination-bars/pagination-bar-mobile/partials/pagination-bar-current-page/pagination-bar-current-page.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts\";\n\nexport const PaginationBarCurrentPage: React.FC<PropsWithChildren<{}>> = ({\n  children,\n}) => {\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[18, \"regular\"]}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        height: \"100%\",\n        borderRadius: \"5px\",\n        borderWidth: \"1px\",\n        borderColor: \"cl_lightGrey\",\n        borderStyle: \"solid\",\n      }}\n    >\n      {children}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["PaginationBarCurrentPage","children","jsx","ResponsiveTextV2"],"mappings":";;AAIO,MAAMA,IAA4D,CAAC;AAAA,EACxE,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,IAC9B,IAAI;AAAA,MACF,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,aAAa;AAAA,MACb,aAAa;AAAA,MACb,aAAa;AAAA,IACf;AAAA,IAEC,UAAAF;AAAA,EAAA;AAAA;"}

package/lib/sd-component-library274.js

@@ -0,0 +1,8 @@
+import * as e from "react";
+const t = (l) => /* @__PURE__ */ e.createElement("svg", { id: "Capa_1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", x: "0px", y: "0px", viewBox: "0 0 460.775 460.775", style: {
+  enableBackground: "new 0 0 460.775 460.775"
+}, xmlSpace: "preserve", ...l }, /* @__PURE__ */ e.createElement("path", { d: "M285.08,230.397L456.218,59.27c6.076-6.077,6.076-15.911,0-21.986L423.511,4.565c-2.913-2.911-6.866-4.55-10.992-4.55 c-4.127,0-8.08,1.639-10.993,4.55l-171.138,171.14L59.25,4.565c-2.913-2.911-6.866-4.55-10.993-4.55 c-4.126,0-8.08,1.639-10.992,4.55L4.558,37.284c-6.077,6.075-6.077,15.909,0,21.986l171.138,171.128L4.575,401.505 c-6.074,6.077-6.074,15.911,0,21.986l32.709,32.719c2.911,2.911,6.865,4.55,10.992,4.55c4.127,0,8.08-1.639,10.994-4.55 l171.117-171.12l171.118,171.12c2.913,2.911,6.866,4.55,10.993,4.55c4.128,0,8.081-1.639,10.992-4.55l32.709-32.719 c6.074-6.075,6.074-15.909,0-21.986L285.08,230.397z" }), /* @__PURE__ */ e.createElement("g", null), /* @__PURE__ */ e.createElement("g", null), /* @__PURE__ */ e.createElement("g", null), /* @__PURE__ */ e.createElement("g", null), /* @__PURE__ */ e.createElement("g", null), /* @__PURE__ */ e.createElement("g", null), /* @__PURE__ */ e.createElement("g", null), /* @__PURE__ */ e.createElement("g", null), /* @__PURE__ */ e.createElement("g", null), /* @__PURE__ */ e.createElement("g", null), /* @__PURE__ */ e.createElement("g", null), /* @__PURE__ */ e.createElement("g", null), /* @__PURE__ */ e.createElement("g", null), /* @__PURE__ */ e.createElement("g", null), /* @__PURE__ */ e.createElement("g", null));
+export {
+  t as ReactComponent
+};
+//# sourceMappingURL=sd-component-library274.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library274.js","sources":["../src/components/modals/modal/assets/x-symbol.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNDYwLjc3NSA0NjAuNzc1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NjAuNzc1IDQ2MC43NzU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTI4NS4wOCwyMzAuMzk3TDQ1Ni4yMTgsNTkuMjdjNi4wNzYtNi4wNzcsNi4wNzYtMTUuOTExLDAtMjEuOTg2TDQyMy41MTEsNC41NjVjLTIuOTEzLTIuOTExLTYuODY2LTQuNTUtMTAuOTkyLTQuNTUKCWMtNC4xMjcsMC04LjA4LDEuNjM5LTEwLjk5Myw0LjU1bC0xNzEuMTM4LDE3MS4xNEw1OS4yNSw0LjU2NWMtMi45MTMtMi45MTEtNi44NjYtNC41NS0xMC45OTMtNC41NQoJYy00LjEyNiwwLTguMDgsMS42MzktMTAuOTkyLDQuNTVMNC41NTgsMzcuMjg0Yy02LjA3Nyw2LjA3NS02LjA3NywxNS45MDksMCwyMS45ODZsMTcxLjEzOCwxNzEuMTI4TDQuNTc1LDQwMS41MDUKCWMtNi4wNzQsNi4wNzctNi4wNzQsMTUuOTExLDAsMjEuOTg2bDMyLjcwOSwzMi43MTljMi45MTEsMi45MTEsNi44NjUsNC41NSwxMC45OTIsNC41NWM0LjEyNywwLDguMDgtMS42MzksMTAuOTk0LTQuNTUKCWwxNzEuMTE3LTE3MS4xMmwxNzEuMTE4LDE3MS4xMmMyLjkxMywyLjkxMSw2Ljg2Niw0LjU1LDEwLjk5Myw0LjU1YzQuMTI4LDAsOC4wODEtMS42MzksMTAuOTkyLTQuNTVsMzIuNzA5LTMyLjcxOQoJYzYuMDc0LTYuMDc1LDYuMDc0LTE1LjkwOSwwLTIxLjk4NkwyODUuMDgsMjMwLjM5N3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==\""],"names":["SvgXSymbol","props","React"],"mappings":";AACK,MAACA,IAAa,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,IAAI,UAAU,OAAO,8BAA8B,YAAY,gCAAgC,GAAG,OAAO,GAAG,OAAO,SAAS,uBAAuB,OAAO;AAAA,EACnO,kBAAkB;AACpB,GAAG,UAAU,YAAY,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,4lBAA4lB,GAAmB,gBAAAA,EAAM,cAAc,KAAK,IAAI,GAAmB,gBAAAA,EAAM,cAAc,KAAK,IAAI,GAAmB,gBAAAA,EAAM,cAAc,KAAK,IAAI,GAAmB,gBAAAA,EAAM,cAAc,KAAK,IAAI,GAAmB,gBAAAA,EAAM,cAAc,KAAK,IAAI,GAAmB,gBAAAA,EAAM,cAAc,KAAK,IAAI,GAAmB,gBAAAA,EAAM,cAAc,KAAK,IAAI,GAAmB,gBAAAA,EAAM,cAAc,KAAK,IAAI,GAAmB,gBAAAA,EAAM,cAAc,KAAK,IAAI,GAAmB,gBAAAA,EAAM,cAAc,KAAK,IAAI,GAAmB,gBAAAA,EAAM,cAAc,KAAK,IAAI,GAAmB,gBAAAA,EAAM,cAAc,KAAK,IAAI,GAAmB,gBAAAA,EAAM,cAAc,KAAK,IAAI,GAAmB,gBAAAA,EAAM,cAAc,KAAK,IAAI,GAAmB,gBAAAA,EAAM,cAAc,KAAK,IAAI,CAAC;"}

package/lib/sd-component-library275.js

@@ -0,0 +1,44 @@
+import { j as o } from "./sd-component-library195.js";
+import p from "react";
+import "./sd-component-library196.js";
+import { Box as a } from "./sd-component-library197.js";
+import { AutocompleteOptionBox as n } from "./sd-component-library389.js";
+import { HorizontalDivider as d } from "./sd-component-library52.js";
+function j(s) {
+  const { results: t, value: i, onSelect: x, translateContent: l = !0 } = s;
+  return /* @__PURE__ */ o.jsx(
+    a,
+    {
+      sx: {
+        position: "absolute",
+        top: "100%",
+        bg: "white",
+        width: "100%",
+        borderRadius: "0px 0px 3px 3px",
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderColor: "#C8CCE5",
+        boxShadow: "2px 3px 10px rgba(211,223,255,0.25)",
+        zIndex: 100
+      },
+      className: l ? void 0 : "no-translate",
+      "data-test": "results-box",
+      children: t.map(({ synonyms: r }, e) => /* @__PURE__ */ o.jsxs(p.Fragment, { children: [
+        /* @__PURE__ */ o.jsx(
+          n,
+          {
+            value: i,
+            synonyms: r,
+            onSelect: x
+          },
+          r.join()
+        ),
+        e !== t.length - 1 && /* @__PURE__ */ o.jsx(d, { color: "cl_lightGrey" })
+      ] }, e))
+    }
+  );
+}
+export {
+  j as ResultsBox
+};
+//# sourceMappingURL=sd-component-library275.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library275.js","sources":["../src/components/inputs/autocomplete-input/partials/results-box/results-box.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { HorizontalDivider } from \"../../../../dividers/horizontal-divider\";\nimport { AutocompleteOptionBox } from \"../autocomplete-option-box\";\nimport { ResultsBoxProps as Props } from \"./interfaces\";\n\nexport function ResultsBox<T>(props: PropsWithChildren<Props<T>>) {\n  const { results, value, onSelect, translateContent = true } = props;\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        top: \"100%\",\n        bg: \"white\",\n        width: \"100%\",\n        borderRadius: \"0px 0px 3px 3px\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"#C8CCE5\",\n        boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n        zIndex: 100,\n      }}\n      className={!translateContent ? \"no-translate\" : undefined}\n      data-test=\"results-box\"\n    >\n      {results.map(({ synonyms }, idx) => (\n        <React.Fragment key={idx}>\n          <AutocompleteOptionBox\n            value={value}\n            synonyms={synonyms}\n            key={synonyms.join()}\n            onSelect={onSelect}\n          />\n          {idx !== results.length - 1 && (\n            <HorizontalDivider color=\"cl_lightGrey\" />\n          )}\n        </React.Fragment>\n      ))}\n    </Box>\n  );\n}\n"],"names":["ResultsBox","props","results","value","onSelect","translateContent","jsx","Box","synonyms","idx","jsxs","React","AutocompleteOptionBox","HorizontalDivider"],"mappings":";;;;;;AAQO,SAASA,EAAcC,GAAoC;AAChE,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,UAAAC,GAAU,kBAAAC,IAAmB,GAAS,IAAAJ;AAG5D,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,cAAc;AAAA,QACd,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,WAAW;AAAA,QACX,QAAQ;AAAA,MACV;AAAA,MACA,WAAYF,IAAoC,SAAjB;AAAA,MAC/B,aAAU;AAAA,MAET,UAAAH,EAAQ,IAAI,CAAC,EAAE,UAAAM,EAAA,GAAYC,MAC1BC,gBAAAA,OAACC,EAAM,UAAN,EACC,UAAA;AAAA,QAAAL,gBAAAA,EAAA;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,OAAAT;AAAA,YACA,UAAAK;AAAA,YAEA,UAAAJ;AAAA,UAAA;AAAA,UADKI,EAAS,KAAK;AAAA,QAErB;AAAA,QACCC,MAAQP,EAAQ,SAAS,KACvBI,gBAAAA,EAAA,IAAAO,GAAA,EAAkB,OAAM,gBAAe;AAAA,MAAA,EAAA,GARvBJ,CAUrB,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library276.js

@@ -0,0 +1,17 @@
+import { j as e } from "./sd-component-library195.js";
+import { Button as i } from "./sd-component-library29.js";
+const c = (t) => /* @__PURE__ */ e.jsx(
+  i,
+  {
+    ...t,
+    variant: "_circle",
+    width: [`${t.diameter}px`],
+    height: [`${t.diameter}px`],
+    "data-test": "circle-button",
+    children: t.children
+  }
+);
+export {
+  c as CircleButton
+};
+//# sourceMappingURL=sd-component-library276.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library276.js","sources":["../src/components/buttons/partials/circle-button/circle-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { CircleButtonProps } from \".\";\nimport { Button } from \"../../button\";\n\n/**\n * The circle button.\n */\nexport const CircleButton: React.FunctionComponent<CircleButtonProps> = (\n  props: CircleButtonProps\n): React.ReactElement<CircleButtonProps> => {\n  return (\n    <Button\n      {...props}\n      variant=\"_circle\"\n      width={[`${props.diameter}px`]}\n      height={[`${props.diameter}px`]}\n      data-test=\"circle-button\"\n    >\n      {props.children}\n    </Button>\n  );\n};\n"],"names":["CircleButton","props","jsx","Button"],"mappings":";;AAQa,MAAAA,IAA2D,CACtEC,MAGEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,SAAQ;AAAA,IACR,OAAO,CAAC,GAAGA,EAAM,QAAQ,IAAI;AAAA,IAC7B,QAAQ,CAAC,GAAGA,EAAM,QAAQ,IAAI;AAAA,IAC9B,aAAU;AAAA,IAET,UAAMA,EAAA;AAAA,EAAA;AAAA;"}

package/lib/sd-component-library277.js

@@ -0,0 +1,6 @@
+import * as t from "react";
+const o = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ t.createElement("path", { fill: "#4B71F7", d: "M0 9h24v6h-24z" }));
+export {
+  o as ReactComponent
+};
+//# sourceMappingURL=sd-component-library277.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library277.js","sources":["../src/components/inputs/primary-number-input/assets/minus-active.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjNEI3MUY3IiBkPSJNMCA5aDI0djZoLTI0eiIvPjwvc3ZnPg==\""],"names":["SvgMinusActive","props","React"],"mappings":";AACK,MAACA,IAAiB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,MAAM,WAAW,GAAG,iBAAgB,CAAE,CAAC;"}

package/lib/sd-component-library278.js

@@ -0,0 +1,6 @@
+import * as t from "react";
+const h = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ t.createElement("path", { fill: "#4B71F7", d: "M24 9h-9v-9h-6v9h-9v6h9v9h6v-9h9z" }));
+export {
+  h as ReactComponent
+};
+//# sourceMappingURL=sd-component-library278.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library278.js","sources":["../src/components/inputs/primary-number-input/assets/plus-active.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjNEI3MUY3IiBkPSJNMjQgOWgtOXYtOWgtNnY5aC05djZoOXY5aDZ2LTloOXoiLz48L3N2Zz4=\""],"names":["SvgPlusActive","props","React"],"mappings":";AACK,MAACA,IAAgB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,MAAM,WAAW,GAAG,oCAAmC,CAAE,CAAC;"}

package/lib/sd-component-library279.js

@@ -0,0 +1,6 @@
+import * as t from "react";
+const a = (e) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 22 22.94", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M2494.01,1419.91l-5.42-5.67a9.187,9.187,0,1,0-7.04,3.3,9.042,9.042,0,0,0,5.27-1.67l5.46,5.71a1.2,1.2,0,0,0,.87.37A1.2,1.2,0,0,0,2494.01,1419.91Zm-12.46-18.46a6.84,6.84,0,1,1-6.8,6.84A6.829,6.829,0,0,1,2481.55,1401.45Z", transform: "translate(-2472.34 -1399.03)" }));
+export {
+  a as ReactComponent
+};
+//# sourceMappingURL=sd-component-library279.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library279.js","sources":["../src/components/inputs/search-input/presentational/assets/search.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMi45NCI+CiAgPHBhdGggZD0iTTI0OTQuMDEsMTQxOS45MWwtNS40Mi01LjY3YTkuMTg3LDkuMTg3LDAsMSwwLTcuMDQsMy4zLDkuMDQyLDkuMDQyLDAsMCwwLDUuMjctMS42N2w1LjQ2LDUuNzFhMS4yLDEuMiwwLDAsMCwuODcuMzdBMS4yLDEuMiwwLDAsMCwyNDk0LjAxLDE0MTkuOTFabS0xMi40Ni0xOC40NmE2Ljg0LDYuODQsMCwxLDEtNi44LDYuODRBNi44MjksNi44MjksMCwwLDEsMjQ4MS41NSwxNDAxLjQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0NzIuMzQgLTEzOTkuMDMpIi8+Cjwvc3ZnPgo=\""],"names":["SvgSearch","props","React"],"mappings":";AACK,MAACA,IAAY,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,gBAAgB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,6NAA6N,WAAW,gCAAgC,CAAC;"}

package/lib/sd-component-library28.js

@@ -0,0 +1,16 @@
+import { j as o } from "./sd-component-library195.js";
+import { LogoButton as e } from "./sd-component-library209.js";
+import { ReactComponent as r } from "./sd-component-library211.js";
+const p = (t) => /* @__PURE__ */ o.jsx(
+  e,
+  {
+    ...t,
+    variant: "poweredByLogo",
+    "data-test": "powered-by-white-logo-button",
+    children: /* @__PURE__ */ o.jsx(r, {})
+  }
+);
+export {
+  p as PoweredByWhiteLogoButton
+};
+//# sourceMappingURL=sd-component-library28.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library28.js","sources":["../src/components/buttons/logos/powered-by-white-logo/powered-by-white-logo.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { LogoButton } from \"../logo\";\nimport { PoweredByWhite } from \"./assets\";\nimport { PoweredByWhiteLogoProps as Props } from \"./interfaces\";\n\n/**\n * The powered by white logo button.\n */\nexport const PoweredByWhiteLogoButton: React.FC<Props> = (props) => {\n  return (\n    <LogoButton\n      {...props}\n      variant=\"poweredByLogo\"\n      data-test=\"powered-by-white-logo-button\"\n    >\n      <PoweredByWhite />\n    </LogoButton>\n  );\n};\n"],"names":["PoweredByWhiteLogoButton","props","jsx","LogoButton","PoweredByWhite"],"mappings":";;;AASa,MAAAA,IAA4C,CAACC,MAEtDC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,SAAQ;AAAA,IACR,aAAU;AAAA,IAEV,gCAACG,GAAe,EAAA;AAAA,EAAA;AAAA;"}