@selfdecode/sd-component-library 4.0.13 → 4.0.14-8.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library125.js","sources":["../src/components/tabs/tab-bar/tab-bar.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { useBoundingClientRect } from \"../../../core/custom-hooks\";\nimport { HorizontalDivider } from \"../../dividers\";\nimport { TabBarProps } from \"./interfaces\";\nimport { ArrowButton, Mask, Tab } from \"./partials\";\n\nconst arrowButtonWidthPx = 30;\nconst arrowButtonWidth = `${arrowButtonWidthPx}px`;\nconst maskWidth = \"30px\";\n\nexport function TabBar<T>({\n  tabs,\n  selectedTabId,\n  onTabSelect,\n  activeColor = \"cl_purple\",\n  color = \"cl_darkGrey\",\n  displayBorder = true,\n  tabPadding = [\"16px 24px\"],\n  tabWidth,\n  tabHeight,\n  tabMaxWidth,\n  labelSx,\n  secondaryTextSx,\n  scrollable = true,\n  containerSx,\n  dontTranslate,\n  tabSx,\n  innerContainerSx,\n}: TabBarProps<T>) {\n  const [xOffset, setXOffset] = useState(0);\n\n  const { ref: containerRef, rect: containerRect } = useBoundingClientRect({\n    listenForResize: true,\n  });\n  const { ref: contentRef, rect: contentRect } = useBoundingClientRect({\n    listenForResize: true,\n  });\n\n  const canScrollLeft =\n    !scrollable && contentRect && containerRect && !!xOffset;\n  const canScrollRight =\n    !scrollable &&\n    contentRect &&\n    containerRect &&\n    xOffset + containerRect.width < contentRect.width;\n\n  const onScrollLeftClick = () => {\n    contentRect &&\n      containerRect &&\n      setXOffset((prev) =>\n        Math.max(0, prev - containerRect.width + 2 * arrowButtonWidthPx)\n      );\n  };\n\n  const onScrollRightClick = () => {\n    contentRect &&\n      containerRect &&\n      setXOffset((prev) =>\n        Math.min(\n          contentRect.width - containerRect.width + arrowButtonWidthPx,\n          prev + containerRect.width - 2 * arrowButtonWidthPx\n        )\n      );\n  };\n\n  return (\n    <Flex\n      sx={{\n        flexDirection: \"column\",\n        position: \"relative\",\n        overflow: \"hidden\",\n        width: \"100%\",\n        ...containerSx,\n      }}\n      className={dontTranslate ? \"no-translate\" : undefined}\n      ref={containerRef}\n      data-testid=\"tabs-bar\"\n    >\n      {canScrollLeft && (\n        <>\n          <ArrowButton\n            width={arrowButtonWidth}\n            onClick={onScrollLeftClick}\n            direction=\"left\"\n          />\n\n          <Mask width={maskWidth} offset={arrowButtonWidth} direction=\"left\" />\n        </>\n      )}\n\n      {canScrollRight && (\n        <>\n          <ArrowButton\n            width={arrowButtonWidth}\n            onClick={onScrollRightClick}\n            direction=\"right\"\n          />\n\n          <Mask width={maskWidth} offset={arrowButtonWidth} direction=\"right\" />\n        </>\n      )}\n\n      <Flex\n        sx={{\n          width: scrollable ? \"auto\" : \"max-content\",\n          ml: canScrollLeft ? arrowButtonWidth : 0,\n          mr: canScrollRight ? arrowButtonWidth : 0,\n          transform: `translateX(${-xOffset}px)`,\n          transition: \"transform 0.2s\",\n          overflowX: scrollable ? \"auto\" : undefined,\n          ...innerContainerSx,\n        }}\n        ref={contentRef}\n      >\n        {tabs.map((t) => (\n          <Tab\n            key={String(t.id)}\n            activeColor={activeColor}\n            color={color}\n            {...t}\n            selected={selectedTabId === t.id}\n            onClick={() => onTabSelect?.(t.id)}\n            tabPadding={tabPadding}\n            width={tabWidth}\n            height={tabHeight}\n            maxWidth={tabMaxWidth}\n            labelSx={labelSx}\n            secondaryTextSx={secondaryTextSx}\n            containerSx={tabSx}\n            data-test={`tab-${t.id}`}\n          />\n        ))}\n      </Flex>\n\n      {displayBorder && <HorizontalDivider height=\"2px\" />}\n    </Flex>\n  );\n}\n"],"names":["arrowButtonWidthPx","arrowButtonWidth","maskWidth","TabBar","tabs","selectedTabId","onTabSelect","activeColor","color","displayBorder","tabPadding","tabWidth","tabHeight","tabMaxWidth","labelSx","secondaryTextSx","scrollable","containerSx","dontTranslate","tabSx","innerContainerSx","xOffset","setXOffset","useState","containerRef","containerRect","useBoundingClientRect","contentRef","contentRect","canScrollLeft","canScrollRight","onScrollLeftClick","prev","onScrollRightClick","jsxs","Flex","Fragment","jsx","ArrowButton","Mask","t","Tab","HorizontalDivider"],"mappings":";;;;;;;;AASA,MAAMA,IAAqB,IACrBC,IAAmB,GAAGD,CAAkB,MACxCE,IAAY;AAEX,SAASC,EAAU;AAAA,EACxB,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,OAAAC,IAAQ;AAAA,EACR,eAAAC,IAAgB;AAAA,EAChB,YAAAC,IAAa,CAAC,WAAW;AAAA,EACzB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,kBAAAC;AACF,GAAmB;AACjB,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,CAAC,GAElC,EAAE,KAAKC,GAAc,MAAMC,EAAA,IAAkBC,EAAsB;AAAA,IACvE,iBAAiB;AAAA,EAAA,CAClB,GACK,EAAE,KAAKC,GAAY,MAAMC,EAAA,IAAgBF,EAAsB;AAAA,IACnE,iBAAiB;AAAA,EAAA,CAClB,GAEKG,IACJ,CAACb,KAAcY,KAAeH,KAAiB,CAAC,CAACJ,GAC7CS,IACJ,CAACd,KACDY,KACAH,KACAJ,IAAUI,EAAc,QAAQG,EAAY,OAExCG,IAAoB,MAAM;AAC9B,IAAAH,KACEH,KACAH;AAAA,MAAW,CAACU,MACV,KAAK,IAAI,GAAGA,IAAOP,EAAc,QAAQ,IAAIzB,CAAkB;AAAA,IAAA;AAAA,EACjE,GAGEiC,IAAqB,MAAM;AAC/B,IAAAL,KACEH,KACAH;AAAA,MAAW,CAACU,MACV,KAAK;AAAA,QACHJ,EAAY,QAAQH,EAAc,QAAQzB;AAAA,QAC1CgC,IAAOP,EAAc,QAAQ,IAAIzB;AAAA,MACnC;AAAA,IAAA;AAAA,EACF;AAIF,SAAAkC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,eAAe;AAAA,QACf,UAAU;AAAA,QACV,UAAU;AAAA,QACV,OAAO;AAAA,QACP,GAAGlB;AAAA,MACL;AAAA,MACA,WAAWC,IAAgB,iBAAiB;AAAA,MAC5C,KAAKM;AAAA,MACL,eAAY;AAAA,MAEX,UAAA;AAAA,QAAAK,KAEGK,gBAAAA,EAAA,KAAAE,YAAA,EAAA,UAAA;AAAA,UAAAC,gBAAAA,EAAA;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAOrC;AAAA,cACP,SAAS8B;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UACZ;AAAA,gCAECQ,GAAK,EAAA,OAAOrC,GAAW,QAAQD,GAAkB,WAAU,QAAO;AAAA,QAAA,GACrE;AAAA,QAGD6B,KAEGI,gBAAAA,EAAA,KAAAE,YAAA,EAAA,UAAA;AAAA,UAAAC,gBAAAA,EAAA;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAOrC;AAAA,cACP,SAASgC;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UACZ;AAAA,gCAECM,GAAK,EAAA,OAAOrC,GAAW,QAAQD,GAAkB,WAAU,SAAQ;AAAA,QAAA,GACtE;AAAA,QAGFoC,gBAAAA,EAAA;AAAA,UAACF;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,OAAOnB,IAAa,SAAS;AAAA,cAC7B,IAAIa,IAAgB5B,IAAmB;AAAA,cACvC,IAAI6B,IAAiB7B,IAAmB;AAAA,cACxC,WAAW,cAAc,CAACoB,CAAO;AAAA,cACjC,YAAY;AAAA,cACZ,WAAWL,IAAa,SAAS;AAAA,cACjC,GAAGI;AAAA,YACL;AAAA,YACA,KAAKO;AAAA,YAEJ,UAAAvB,EAAK,IAAI,CAACoC,MACTH,gBAAAA,EAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBAEC,aAAAlC;AAAA,gBACA,OAAAC;AAAA,gBACC,GAAGgC;AAAA,gBACJ,UAAUnC,MAAkBmC,EAAE;AAAA,gBAC9B,SAAS,MAAMlC,KAAA,gBAAAA,EAAckC,EAAE;AAAA,gBAC/B,YAAA9B;AAAA,gBACA,OAAOC;AAAA,gBACP,QAAQC;AAAA,gBACR,UAAUC;AAAA,gBACV,SAAAC;AAAA,gBACA,iBAAAC;AAAA,gBACA,aAAaI;AAAA,gBACb,aAAW,OAAOqB,EAAE,EAAE;AAAA,cAAA;AAAA,cAbjB,OAAOA,EAAE,EAAE;AAAA,YAAA,CAenB;AAAA,UAAA;AAAA,QACH;AAAA,QAEC/B,KAAiB4B,gBAAAA,EAAAA,IAACK,GAAkB,EAAA,QAAO,MAAM,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGxD;"}

package/lib/sd-component-library126.js

@@ -0,0 +1,119 @@
+import { j as t } from "./sd-component-library169.js";
+import { Box as w, Flex as s } from "rebass";
+import { TabV2 as T } from "./sd-component-library234.js";
+import { GridContainerV2 as G } from "./sd-component-library34.js";
+const h = 25, b = ({
+  tabs: e,
+  selectedTabId: c,
+  onSelect: m,
+  borderWidth: l = "1px",
+  color: f = "cl_blue",
+  activeColor: a = "cl_purple",
+  borderColor: i = "cl_lightGrey",
+  borderRadius: n = 12,
+  tabPx: g = "30px",
+  fontSize: S = 13,
+  tabTopAdditionalOffset: u = 8,
+  tabBottomAdditionalOffset: r = 4,
+  maxWidth: y = "1170px",
+  scrollOnChange: j = !0
+}) => {
+  const x = e.findIndex(({ id: o }) => o === c);
+  if (!e.length)
+    return null;
+  const d = x === 0, p = x === e.length - 1;
+  return /* @__PURE__ */ t.jsx(
+    w,
+    {
+      sx: {
+        width: "100%",
+        overflowX: "auto",
+        scrollbarWidth: "none",
+        "::-webkit-scrollbar": {
+          height: 0
+        }
+      },
+      children: /* @__PURE__ */ t.jsxs(
+        s,
+        {
+          sx: {
+            width: "fit-content",
+            minWidth: "100%",
+            overflow: "hidden"
+          },
+          children: [
+            /* @__PURE__ */ t.jsx(
+              s,
+              {
+                sx: {
+                  width: `calc((100% - ${y}) / 2)`,
+                  minWidth: `${h}px`,
+                  height: `${n + r}px`,
+                  mt: "auto",
+                  borderWidth: l,
+                  borderColor: i,
+                  borderRadius: `0 0 ${d ? n : 0}px 0`,
+                  borderBottomStyle: "solid",
+                  borderTopStyle: "none",
+                  borderLeftStyle: "none",
+                  borderRightStyle: d ? "solid" : "none"
+                }
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              G,
+              {
+                gridTemplateColumns: `repeat(${e.length}, max-content)`,
+                minWidth: "fit-content",
+                children: e.map((o, $) => /* @__PURE__ */ t.jsx(
+                  T,
+                  {
+                    ...o,
+                    idx: $,
+                    selectedIndex: x,
+                    borderWidth: l,
+                    borderColor: i,
+                    color: f,
+                    activeColor: a,
+                    borderRadius: n,
+                    onSelect: m,
+                    px: g,
+                    fontSize: S,
+                    totalTabs: e.length,
+                    topAdditionalOffset: u,
+                    bottomAdditionalOffset: r,
+                    scrollOnChange: j
+                  },
+                  o.id
+                ))
+              }
+            ),
+            /* @__PURE__ */ t.jsx(
+              s,
+              {
+                sx: {
+                  flexGrow: 1,
+                  minWidth: `${h}px`,
+                  transform: "translateX(-2px)",
+                  height: `${n + r}px`,
+                  mt: "auto",
+                  borderWidth: l,
+                  borderColor: i,
+                  borderBottomStyle: "solid",
+                  borderTopStyle: "none",
+                  borderRightStyle: "none",
+                  borderLeftStyle: p ? "solid" : "none",
+                  borderRadius: `0 0 0 ${p ? n : 0}px`
+                }
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  b as TabBarV2
+};
+//# sourceMappingURL=sd-component-library126.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library126.js","sources":["../src/components/tabs/tab-bar-v2/tab-bar-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { Grid } from \"../../containers\";\nimport { TabBarV2Props as Props } from \"./interfaces\";\nimport { TabV2 } from \"./partials\";\n\nconst sideOffset = 25; // px\n\nexport const TabBarV2: React.FC<Props> = ({\n  tabs,\n  selectedTabId,\n  onSelect,\n  borderWidth = \"1px\",\n  color = \"cl_blue\",\n  activeColor = \"cl_purple\",\n  borderColor = \"cl_lightGrey\",\n  borderRadius = 12,\n  tabPx = \"30px\",\n  fontSize = 13,\n  tabTopAdditionalOffset = 8,\n  tabBottomAdditionalOffset = 4,\n  maxWidth = \"1170px\",\n  scrollOnChange = true,\n}) => {\n  const selectedIndex = tabs.findIndex(({ id }) => id === selectedTabId);\n\n  if (!tabs.length) return null;\n\n  const isFirstSelected = selectedIndex === 0;\n  const isLastSelected = selectedIndex === tabs.length - 1;\n\n  return (\n    <Box\n      sx={{\n        width: \"100%\",\n        overflowX: \"auto\",\n        scrollbarWidth: \"none\",\n        \"::-webkit-scrollbar\": {\n          height: 0,\n        },\n      }}\n    >\n      <Flex\n        sx={{\n          width: \"fit-content\",\n          minWidth: \"100%\",\n          overflow: \"hidden\",\n        }}\n      >\n        <Flex\n          sx={{\n            width: `calc((100% - ${maxWidth}) / 2)`,\n            minWidth: `${sideOffset}px`,\n            height: `${borderRadius + tabBottomAdditionalOffset}px`,\n            mt: \"auto\",\n            borderWidth,\n            borderColor,\n            borderRadius: `0 0 ${isFirstSelected ? borderRadius : 0}px 0`,\n            borderBottomStyle: \"solid\",\n            borderTopStyle: \"none\",\n            borderLeftStyle: \"none\",\n            borderRightStyle: isFirstSelected ? \"solid\" : \"none\",\n          }}\n        />\n\n        <Grid\n          gridTemplateColumns={`repeat(${tabs.length}, max-content)`}\n          minWidth=\"fit-content\"\n        >\n          {tabs.map((tab, idx) => (\n            <TabV2\n              key={tab.id}\n              {...tab}\n              idx={idx}\n              selectedIndex={selectedIndex}\n              borderWidth={borderWidth}\n              borderColor={borderColor}\n              color={color}\n              activeColor={activeColor}\n              borderRadius={borderRadius}\n              onSelect={onSelect}\n              px={tabPx}\n              fontSize={fontSize}\n              totalTabs={tabs.length}\n              topAdditionalOffset={tabTopAdditionalOffset}\n              bottomAdditionalOffset={tabBottomAdditionalOffset}\n              scrollOnChange={scrollOnChange}\n            />\n          ))}\n        </Grid>\n\n        <Flex\n          sx={{\n            flexGrow: 1,\n            minWidth: `${sideOffset}px`,\n            transform: \"translateX(-2px)\",\n            height: `${borderRadius + tabBottomAdditionalOffset}px`,\n            mt: \"auto\",\n            borderWidth,\n            borderColor,\n            borderBottomStyle: \"solid\",\n            borderTopStyle: \"none\",\n            borderRightStyle: \"none\",\n            borderLeftStyle: isLastSelected ? \"solid\" : \"none\",\n            borderRadius: `0 0 0 ${isLastSelected ? borderRadius : 0}px`,\n          }}\n        />\n      </Flex>\n    </Box>\n  );\n};\n"],"names":["sideOffset","TabBarV2","tabs","selectedTabId","onSelect","borderWidth","color","activeColor","borderColor","borderRadius","tabPx","fontSize","tabTopAdditionalOffset","tabBottomAdditionalOffset","maxWidth","scrollOnChange","selectedIndex","id","isFirstSelected","isLastSelected","jsx","Box","jsxs","Flex","Grid","tab","idx","TabV2"],"mappings":"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"}

package/lib/sd-component-library127.js

@@ -0,0 +1,14 @@
+import { j as s } from "./sd-component-library169.js";
+import { Box as d } from "rebass";
+import { TabBarV2 as b } from "./sd-component-library126.js";
+const p = (r) => {
+  const { tabs: e, selectedTabId: t, ...n } = r, a = e.findIndex(({ id: c }) => c === t), o = e[a];
+  return o ? /* @__PURE__ */ s.jsxs(d, { children: [
+    /* @__PURE__ */ s.jsx(b, { tabs: e, selectedTabId: t, ...n }),
+    o.component
+  ] }) : null;
+};
+export {
+  p as TabbedViewV2
+};
+//# sourceMappingURL=sd-component-library127.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library127.js","sources":["../src/components/tabs/tabbed-view-v2/tabbed-view-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { TabBarV2 } from \"../tab-bar-v2\";\nimport { TabbedViewV2Props as Props } from \"./interfaces\";\n\nexport const TabbedViewV2: React.FC<Props> = (props) => {\n  const { tabs, selectedTabId, ...tabsProps } = props;\n\n  const selectedTabIndex = tabs.findIndex(({ id }) => id === selectedTabId);\n  const selectedTab = tabs[selectedTabIndex];\n\n  if (!selectedTab) return null;\n\n  return (\n    <Box>\n      <TabBarV2 tabs={tabs} selectedTabId={selectedTabId} {...tabsProps} />\n      {selectedTab.component}\n    </Box>\n  );\n};\n"],"names":["TabbedViewV2","props","tabs","selectedTabId","tabsProps","selectedTabIndex","id","selectedTab","Box","jsx","TabBarV2"],"mappings":";;;AAOa,MAAAA,IAAgC,CAACC,MAAU;AACtD,QAAM,EAAE,MAAAC,GAAM,eAAAC,GAAe,GAAGC,MAAcH,GAExCI,IAAmBH,EAAK,UAAU,CAAC,EAAE,IAAAI,QAASA,MAAOH,CAAa,GAClEI,IAAcL,EAAKG,CAAgB;AAEzC,SAAKE,2BAGFC,GACC,EAAA,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACC,GAAS,EAAA,MAAAR,GAAY,eAAAC,GAA+B,GAAGC,EAAW,CAAA;AAAA,IAClEG,EAAY;AAAA,EACf,EAAA,CAAA,IANuB;AAQ3B;"}

package/lib/sd-component-library128.js

@@ -0,0 +1,69 @@
+import { j } from "./sd-component-library169.js";
+import { Text as D } from "rebass";
+const w = (t) => {
+  const {
+    children: e,
+    width: o = "100%",
+    height: r,
+    color: n = "cl_darkGrey",
+    display: i = "block",
+    cursor: a = "default",
+    textAlign: l,
+    textDecoration: s,
+    textTransform: c,
+    letterSpacing: m,
+    backgroundColor: f,
+    lineHeight: h,
+    hoverTextDecoration: x,
+    hoverFontWeight: d,
+    onClick: g,
+    m: v,
+    mt: u,
+    mr: F,
+    mb: T,
+    ml: b,
+    dontTranslate: k = !1,
+    ...y
+  } = t, W = t.withFontProperties ? {
+    fontFamily: t.fontFamily,
+    fontSize: t.fontSize,
+    fontWeight: t.fontWeight
+  } : { variant: t.variant };
+  return /* @__PURE__ */ j.jsx(
+    D,
+    {
+      "data-testid": "base-text",
+      ...y,
+      ...W,
+      sx: {
+        width: o,
+        height: r,
+        color: n,
+        display: i,
+        cursor: a,
+        textAlign: l,
+        textDecoration: s,
+        textTransform: c,
+        letterSpacing: m,
+        lineHeight: h,
+        backgroundColor: f,
+        m: v,
+        mt: u,
+        mr: F,
+        mb: T,
+        ml: b,
+        ":hover": {
+          textDecoration: x,
+          fontWeight: d
+        }
+      },
+      onClick: g,
+      className: k ? "no-translate" : void 0,
+      children: e
+    }
+  );
+};
+export {
+  w as BaseText
+};
+//# sourceMappingURL=sd-component-library128.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library128.js","sources":["../src/components/texts/base-text/base-text.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Text } from \"rebass\";\n\nimport { BaseTextProps } from \"./interfaces\";\n\n/**\n * @deprecated use BaseTextV2 instead\n */\nexport const BaseText = (props: BaseTextProps) => {\n  const {\n    children,\n    width = \"100%\",\n    height,\n    color = \"cl_darkGrey\",\n    display = \"block\",\n    cursor = \"default\",\n    textAlign,\n    textDecoration,\n    textTransform,\n    letterSpacing,\n    backgroundColor,\n    lineHeight,\n    hoverTextDecoration,\n    hoverFontWeight,\n    onClick,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n    dontTranslate = false,\n    ...restOfProps\n  } = props;\n\n  // variant and FontProperties cannot be applied together.\n  const variantOrFontProperties = props.withFontProperties\n    ? {\n        fontFamily: props.fontFamily,\n        fontSize: props.fontSize,\n        fontWeight: props.fontWeight,\n      }\n    : { variant: props.variant };\n\n  return (\n    <Text\n      data-testid=\"base-text\"\n      {...restOfProps}\n      {...variantOrFontProperties}\n      sx={{\n        width,\n        height,\n        color,\n        display,\n        cursor,\n        textAlign,\n        textDecoration,\n        textTransform,\n        letterSpacing,\n        lineHeight,\n        backgroundColor,\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n        \":hover\": {\n          textDecoration: hoverTextDecoration,\n          fontWeight: hoverFontWeight,\n        },\n      }}\n      onClick={onClick}\n      className={dontTranslate ? \"no-translate\" : undefined}\n    >\n      {children}\n    </Text>\n  );\n};\n"],"names":["BaseText","props","children","width","height","color","display","cursor","textAlign","textDecoration","textTransform","letterSpacing","backgroundColor","lineHeight","hoverTextDecoration","hoverFontWeight","onClick","m","mt","mr","mb","ml","dontTranslate","restOfProps","variantOrFontProperties","jsx","Text"],"mappings":";;AASa,MAAAA,IAAW,CAACC,MAAyB;AAC1C,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,SAAAC,IAAU;AAAA,IACV,QAAAC,IAAS;AAAA,IACT,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,GAAGC;AAAA,EACD,IAAAtB,GAGEuB,IAA0BvB,EAAM,qBAClC;AAAA,IACE,YAAYA,EAAM;AAAA,IAClB,UAAUA,EAAM;AAAA,IAChB,YAAYA,EAAM;AAAA,EAEpB,IAAA,EAAE,SAASA,EAAM;AAGnB,SAAAwB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACX,GAAGH;AAAA,MACH,GAAGC;AAAA,MACJ,IAAI;AAAA,QACF,OAAArB;AAAA,QACA,QAAAC;AAAA,QACA,OAAAC;AAAA,QACA,SAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAAAC;AAAA,QACA,gBAAAC;AAAA,QACA,eAAAC;AAAA,QACA,eAAAC;AAAA,QACA,YAAAE;AAAA,QACA,iBAAAD;AAAA,QACA,GAAAK;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,QACA,UAAU;AAAA,UACR,gBAAgBP;AAAA,UAChB,YAAYC;AAAA,QACd;AAAA,MACF;AAAA,MACA,SAAAC;AAAA,MACA,WAAWM,IAAgB,iBAAiB;AAAA,MAE3C,UAAApB;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library129.js

@@ -0,0 +1,42 @@
+import { j as x } from "./sd-component-library169.js";
+import p from "react";
+import { Text as T } from "rebass";
+import { getTranslationsSensibleProps as _, generateTestLocator as h } from "./sd-component-library4.js";
+import { SD_WEIGHT_TO_WEIGHT_MAP as g } from "./sd-component-library134.js";
+const G = p.forwardRef((o, e) => {
+  const {
+    children: r,
+    color: a = "cl_darkGrey",
+    textTransform: s,
+    sx: n,
+    dontTranslate: i = !1,
+    fontWeight: t,
+    testLocatorId: l,
+    ...m
+  } = o, { addNoTranslateClass: d, children: f } = _(
+    r,
+    i
+  ), c = g[t] ?? t;
+  return /* @__PURE__ */ x.jsx(
+    T,
+    {
+      "data-testid": "base-text-v2",
+      color: a,
+      fontFamily: "proxima-nova",
+      fontWeight: c,
+      ...m,
+      sx: {
+        textTransform: s,
+        ...n
+      },
+      ...h(l),
+      className: d ? "no-translate" : void 0,
+      ref: e,
+      children: f
+    }
+  );
+});
+export {
+  G as BaseTextV2
+};
+//# sourceMappingURL=sd-component-library129.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library129.js","sources":["../src/components/texts/base-text-v2/base-text-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Text } from \"rebass\";\n\nimport {\n  generateTestLocator,\n  getTranslationsSensibleProps,\n} from \"../../../core/functions\";\nimport { SDWeight, SD_WEIGHT_TO_WEIGHT_MAP } from \"../responsive-text\";\nimport { BaseTextV2Props as Props } from \"./interfaces\";\n\nexport const BaseTextV2: React.FC<Props> = React.forwardRef<\n  HTMLDivElement,\n  Props\n>((props, ref) => {\n  const {\n    children: initialChildren,\n    color = \"cl_darkGrey\",\n    textTransform,\n    sx,\n    dontTranslate = false,\n    fontWeight,\n    testLocatorId,\n    ...textProps\n  } = props;\n\n  const { addNoTranslateClass, children } = getTranslationsSensibleProps(\n    initialChildren,\n    dontTranslate\n  );\n\n  const weight = SD_WEIGHT_TO_WEIGHT_MAP[fontWeight as SDWeight] ?? fontWeight;\n\n  return (\n    <Text\n      data-testid=\"base-text-v2\"\n      color={color}\n      fontFamily=\"proxima-nova\"\n      fontWeight={weight}\n      {...textProps}\n      sx={{\n        textTransform,\n        ...sx as any,\n      }}\n      {...generateTestLocator(testLocatorId)}\n      className={addNoTranslateClass ? \"no-translate\" : undefined}\n      ref={ref}\n    >\n      {children}\n    </Text>\n  );\n});\n"],"names":["BaseTextV2","React","props","ref","initialChildren","color","textTransform","sx","dontTranslate","fontWeight","testLocatorId","textProps","addNoTranslateClass","children","getTranslationsSensibleProps","weight","SD_WEIGHT_TO_WEIGHT_MAP","jsx","Text","generateTestLocator"],"mappings":";;;;;AAWO,MAAMA,IAA8BC,EAAM,WAG/C,CAACC,GAAOC,MAAQ;AACV,QAAA;AAAA,IACJ,UAAUC;AAAA,IACV,OAAAC,IAAQ;AAAA,IACR,eAAAC;AAAA,IACA,IAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAT,GAEE,EAAE,qBAAAU,GAAqB,UAAAC,EAAA,IAAaC;AAAA,IACxCV;AAAA,IACAI;AAAA,EAAA,GAGIO,IAASC,EAAwBP,CAAsB,KAAKA;AAGhE,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAAb;AAAA,MACA,YAAW;AAAA,MACX,YAAYU;AAAA,MACX,GAAGJ;AAAA,MACJ,IAAI;AAAA,QACF,eAAAL;AAAA,QACA,GAAGC;AAAA,MACL;AAAA,MACC,GAAGY,EAAoBT,CAAa;AAAA,MACrC,WAAWE,IAAsB,iBAAiB;AAAA,MAClD,KAAAT;AAAA,MAEC,UAAAU;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/lib/sd-component-library13.js

@@ -0,0 +1,29 @@
+import { j as i } from "./sd-component-library169.js";
+import { renderUpToFiveCrumbs as o, renderMoreThanFiveCrumbs as m } from "./sd-component-library174.js";
+import { GridCenter as d } from "./sd-component-library37.js";
+const h = ({
+  textTransform: t,
+  crumbs: e,
+  variant: r,
+  ...n
+}) => /* @__PURE__ */ i.jsx(
+  d,
+  {
+    "data-testid": "breadcrumb",
+    ...n,
+    gap: "15px",
+    sx: {
+      width: "fit-content",
+      gridTemplateColumns: `repeat(${Math.min(
+        e.length,
+        5
+      )}, max-content)`,
+      textAlign: "center"
+    },
+    children: e.length <= 5 ? o(e, r, t) : m(e, r, t)
+  }
+);
+export {
+  h as Breadcrumb
+};
+//# sourceMappingURL=sd-component-library13.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library13.js","sources":["../src/components/breadcrumbs/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GridCenter } from \"../../containers\";\nimport { renderMoreThanFiveCrumbs, renderUpToFiveCrumbs } from \"./functions\";\nimport { BreadCrumbProps } from \"./interfaces\";\n\nexport const Breadcrumb: React.FC<BreadCrumbProps> = ({\n  textTransform,\n  crumbs,\n  variant,\n  ...props\n}) => {\n  return (\n    <GridCenter\n      data-testid=\"breadcrumb\"\n      {...props}\n      gap=\"15px\"\n      sx={{\n        width: \"fit-content\",\n        gridTemplateColumns: `repeat(${Math.min(\n          crumbs.length,\n          5\n        )}, max-content)`,\n        textAlign: \"center\",\n      }}\n    >\n      {crumbs.length <= 5\n        ? renderUpToFiveCrumbs(crumbs, variant, textTransform)\n        : renderMoreThanFiveCrumbs(crumbs, variant, textTransform)}\n    </GridCenter>\n  );\n};\n"],"names":["Breadcrumb","textTransform","crumbs","variant","props","jsx","GridCenter","renderUpToFiveCrumbs","renderMoreThanFiveCrumbs"],"mappings":";;;AAMO,MAAMA,IAAwC,CAAC;AAAA,EACpD,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACX,GAAGF;AAAA,IACJ,KAAI;AAAA,IACJ,IAAI;AAAA,MACF,OAAO;AAAA,MACP,qBAAqB,UAAU,KAAK;AAAA,QAClCF,EAAO;AAAA,QACP;AAAA,MACD,CAAA;AAAA,MACD,WAAW;AAAA,IACb;AAAA,IAEC,UAAAA,EAAO,UAAU,IACdK,EAAqBL,GAAQC,GAASF,CAAa,IACnDO,EAAyBN,GAAQC,GAASF,CAAa;AAAA,EAAA;AAAA;"}

package/lib/sd-component-library130.js

@@ -0,0 +1,8 @@
+import { j as o } from "./sd-component-library169.js";
+import s from "react";
+import { BaseTextV2 as a } from "./sd-component-library129.js";
+const p = s.forwardRef(({ children: r, ...t }, e) => /* @__PURE__ */ o.jsx(a, { as: "span", ref: e, ...t, children: r }));
+export {
+  p as BaseInlineText
+};
+//# sourceMappingURL=sd-component-library130.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library130.js","sources":["../src/components/texts/base-inline-text/base-inline-text.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseTextV2, BaseTextV2Props as Props } from \"../base-text-v2\";\n\nexport const BaseInlineText: React.FC<Props> = React.forwardRef<\n  HTMLDivElement,\n  Props\n>(({ children, ...props }, ref) => {\n  return (\n    <BaseTextV2 as=\"span\" ref={ref} {...props}>\n      {children}\n    </BaseTextV2>\n  );\n});\n"],"names":["BaseInlineText","React","children","props","ref","BaseTextV2"],"mappings":";;;AAIa,MAAAA,IAAkCC,EAAM,WAGnD,CAAC,EAAE,UAAAC,GAAU,GAAGC,EAAM,GAAGC,4BAEtBC,GAAW,EAAA,IAAG,QAAO,KAAAD,GAAW,GAAGD,GACjC,UAAAD,EACH,CAAA,CAEH;"}

package/lib/sd-component-library131.js

@@ -0,0 +1,8 @@
+import { j as e } from "./sd-component-library169.js";
+import i from "react";
+import { BaseTextV2 as m } from "./sd-component-library129.js";
+const a = i.forwardRef(({ children: r, ...o }, t) => /* @__PURE__ */ e.jsx(m, { color: "inherit", ref: t, ...o, children: r }));
+export {
+  a as InheritColorText
+};
+//# sourceMappingURL=sd-component-library131.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library131.js","sources":["../src/components/texts/inherit-color-text/inherit-color-text.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseTextV2, BaseTextV2Props as Props } from \"../base-text-v2\";\n\nexport const InheritColorText: React.FC<Props> = React.forwardRef<\n  HTMLDivElement,\n  Props\n>(({ children, ...props }, ref) => {\n  return (\n    <BaseTextV2 color=\"inherit\" ref={ref} {...props}>\n      {children}\n    </BaseTextV2>\n  );\n});\n"],"names":["InheritColorText","React","children","props","ref","BaseTextV2"],"mappings":";;;AAIa,MAAAA,IAAoCC,EAAM,WAGrD,CAAC,EAAE,UAAAC,GAAU,GAAGC,EAAM,GAAGC,4BAEtBC,GAAW,EAAA,OAAM,WAAU,KAAAD,GAAW,GAAGD,GACvC,UAAAD,EACH,CAAA,CAEH;"}

package/lib/sd-component-library132.js

@@ -0,0 +1,7 @@
+import { j as t } from "./sd-component-library169.js";
+import { Text as s } from "rebass";
+const n = (r) => /* @__PURE__ */ t.jsx(s, { as: "span", className: "no-translate", ...r, children: r.children });
+export {
+  n as NoTranslate
+};
+//# sourceMappingURL=sd-component-library132.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library132.js","sources":["../src/components/texts/no-translate/no-translate.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Text, TextProps } from \"rebass\";\n\nexport const NoTranslate = (props: TextProps) => {\n  return (\n    <Text as=\"span\" className=\"no-translate\" {...props}>\n      {props.children}\n    </Text>\n  );\n};\n"],"names":["NoTranslate","props","jsx","Text"],"mappings":";;AAIa,MAAAA,IAAc,CAACC,MAExBC,gBAAAA,EAAA,IAACC,KAAK,IAAG,QAAO,WAAU,gBAAgB,GAAGF,GAC1C,UAAAA,EAAM,SACT,CAAA;"}

package/lib/sd-component-library133.js

@@ -0,0 +1,28 @@
+import { j as p } from "./sd-component-library169.js";
+import { SD_WEIGHT_TO_WEIGHT_MAP as x } from "./sd-component-library134.js";
+import { BaseText as c } from "./sd-component-library128.js";
+const T = (e) => {
+  const {
+    fontSizeWeight: r,
+    fontFamily: i = "proxima-nova",
+    ...s
+  } = e, o = ((t) => Array.isArray(t[0]))(r) ? r : [r], n = o.map(([t]) => `${t}px`), a = o.map(
+    ([t, m]) => x[m]
+  );
+  return /* @__PURE__ */ p.jsx(
+    c,
+    {
+      withFontProperties: !0,
+      fontFamily: i,
+      fontSize: n,
+      fontWeight: a,
+      ...s,
+      "data-test": "responsive-text",
+      children: e.children
+    }
+  );
+};
+export {
+  T as ResponsiveText
+};
+//# sourceMappingURL=sd-component-library133.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library133.js","sources":["../src/components/texts/responsive-text/responsive-text.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseText } from \"../base-text\";\nimport {\n  ResponsiveTextProps,\n  SDFontSizeWeight,\n  SD_WEIGHT_TO_WEIGHT_MAP,\n} from \"./interfaces\";\n\n/**\n * Component for use in cases\n * where the fontSize and fontWeight change between breakpoints.\n * @param props.fontSizeWeight format: [fontSize, fontWeight][]\n * @deprecated use ResponsiveTextV2 instead\n */\nexport const ResponsiveText: React.FunctionComponent<ResponsiveTextProps> = (\n  props: ResponsiveTextProps\n): React.ReactElement<ResponsiveTextProps> => {\n  const {\n    fontSizeWeight,\n    fontFamily = \"proxima-nova\",\n    ...baseTextProps\n  } = props;\n\n  const isArray = (\n    fontSizeWeight: SDFontSizeWeight | SDFontSizeWeight[]\n  ): fontSizeWeight is SDFontSizeWeight[] => Array.isArray(fontSizeWeight[0]);\n\n  const fontSizeWeightArray = isArray(fontSizeWeight)\n    ? fontSizeWeight\n    : [fontSizeWeight];\n  const fontSize = fontSizeWeightArray.map(([size]) => `${size}px`);\n  const fontWeight = fontSizeWeightArray.map(\n    ([_, weight]) => SD_WEIGHT_TO_WEIGHT_MAP[weight]\n  );\n\n  return (\n    <BaseText\n      withFontProperties={true}\n      fontFamily={fontFamily}\n      fontSize={fontSize}\n      fontWeight={fontWeight}\n      {...baseTextProps}\n      data-test=\"responsive-text\"\n    >\n      {props.children}\n    </BaseText>\n  );\n};\n"],"names":["ResponsiveText","props","fontSizeWeight","fontFamily","baseTextProps","fontSizeWeightArray","fontSize","size","fontWeight","_","weight","SD_WEIGHT_TO_WEIGHT_MAP","jsx","BaseText"],"mappings":";;;AAea,MAAAA,IAA+D,CAC1EC,MAC4C;AACtC,QAAA;AAAA,IACJ,gBAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,GAAGC;AAAA,EACD,IAAAH,GAMEI,KAJU,CACdH,MACyC,MAAM,QAAQA,EAAe,CAAC,CAAC,GAEtCA,CAAc,IAC9CA,IACA,CAACA,CAAc,GACbI,IAAWD,EAAoB,IAAI,CAAC,CAACE,CAAI,MAAM,GAAGA,CAAI,IAAI,GAC1DC,IAAaH,EAAoB;AAAA,IACrC,CAAC,CAACI,GAAGC,CAAM,MAAMC,EAAwBD,CAAM;AAAA,EAAA;AAI/C,SAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,oBAAoB;AAAA,MACpB,YAAAV;AAAA,MACA,UAAAG;AAAA,MACA,YAAAE;AAAA,MACC,GAAGJ;AAAA,MACJ,aAAU;AAAA,MAET,UAAMH,EAAA;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/lib/sd-component-library134.js

@@ -0,0 +1,10 @@
+const o = ["semi-bold", "regular", "bold"], e = {
+  regular: 400,
+  "semi-bold": 600,
+  bold: 700
+};
+export {
+  e as SD_WEIGHT_TO_WEIGHT_MAP,
+  o as fontWeights
+};
+//# sourceMappingURL=sd-component-library134.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library134.js","sources":["../src/components/texts/responsive-text/interfaces.ts"],"sourcesContent":["import { BaseTextProps } from \"../base-text\";\n\n/**\n * Props we want from the base text.\n */\ntype PropsFromBaseText = Pick<\n  BaseTextProps,\n  | \"children\"\n  | \"color\"\n  | \"display\"\n  | \"cursor\"\n  | \"textAlign\"\n  | \"textDecoration\"\n  | \"textTransform\"\n  | \"letterSpacing\"\n  | \"lineHeight\"\n  | \"backgroundColor\"\n  | \"width\"\n  | \"height\"\n  | \"onClick\"\n  | \"m\"\n  | \"mt\"\n  | \"mr\"\n  | \"mb\"\n  | \"ml\"\n  | \"dontTranslate\"\n>;\n\nexport const fontWeights = [\"semi-bold\", \"regular\", \"bold\"] as const;\n\nexport type SDWeight = typeof fontWeights[number];\n\nexport const SD_WEIGHT_TO_WEIGHT_MAP: { [key in SDWeight]: number } = {\n  regular: 400,\n  \"semi-bold\": 600,\n  bold: 700,\n};\n\n/**\n * SelfDecode's combinations of fontSize and fontWeight.\n */\nexport type SDFontSizeWeight = [number, SDWeight];\n\nexport interface ResponsiveTextProps extends PropsFromBaseText {\n  fontSizeWeight: SDFontSizeWeight[] | SDFontSizeWeight;\n\n  /**\n   * Optional font family\n   */\n  fontFamily?: string;\n}\n"],"names":["fontWeights","SD_WEIGHT_TO_WEIGHT_MAP"],"mappings":"AA4BO,MAAMA,IAAc,CAAC,aAAa,WAAW,MAAM,GAI7CC,IAAyD;AAAA,EACpE,SAAS;AAAA,EACT,aAAa;AAAA,EACb,MAAM;AACR;"}

package/lib/sd-component-library135.js

@@ -0,0 +1,23 @@
+import { j as f } from "./sd-component-library169.js";
+import m from "react";
+import { BaseTextV2 as x } from "./sd-component-library129.js";
+import { SD_WEIGHT_TO_WEIGHT_MAP as c } from "./sd-component-library134.js";
+const d = m.forwardRef((e, s) => {
+  const { fontSizeWeight: r, ...i } = e, o = ((t) => Array.isArray(t[0]))(r) ? r : [r], a = o.map(([t]) => `${t}px`), n = o.map(
+    ([t, p]) => c[p]
+  );
+  return /* @__PURE__ */ f.jsx(
+    x,
+    {
+      "data-testid": "responsive-text-v2",
+      ...i,
+      fontSize: a,
+      fontWeight: n,
+      ref: s
+    }
+  );
+});
+export {
+  d as ResponsiveTextV2
+};
+//# sourceMappingURL=sd-component-library135.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library135.js","sources":["../src/components/texts/responsive-text-v2/responsive-text-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseTextV2 } from \"../base-text-v2\";\nimport { SDFontSizeWeight, SD_WEIGHT_TO_WEIGHT_MAP } from \"../responsive-text\";\nimport { ResponsiveTextV2Props as Props } from \"./interfaces\";\n\nexport const ResponsiveTextV2: React.FC<Props> = React.forwardRef<\n  HTMLDivElement,\n  Props\n>((props, ref) => {\n  const { fontSizeWeight, ...baseTextProps } = props;\n\n  const isArray = (\n    fontSizeWeight: SDFontSizeWeight | SDFontSizeWeight[]\n  ): fontSizeWeight is SDFontSizeWeight[] => Array.isArray(fontSizeWeight[0]);\n\n  const fontSizeWeightArray = isArray(fontSizeWeight)\n    ? fontSizeWeight\n    : [fontSizeWeight];\n  const fontSize = fontSizeWeightArray.map(([size]) => `${size}px`);\n  const fontWeight = fontSizeWeightArray.map(\n    ([_, weight]) => SD_WEIGHT_TO_WEIGHT_MAP[weight]\n  );\n\n  return (\n    <BaseTextV2\n      data-testid=\"responsive-text-v2\"\n      {...baseTextProps}\n      fontSize={fontSize}\n      fontWeight={fontWeight}\n      ref={ref}\n    />\n  );\n});\n"],"names":["ResponsiveTextV2","React","props","ref","fontSizeWeight","baseTextProps","fontSizeWeightArray","fontSize","size","fontWeight","_","weight","SD_WEIGHT_TO_WEIGHT_MAP","jsx","BaseTextV2"],"mappings":";;;;AAMO,MAAMA,IAAoCC,EAAM,WAGrD,CAACC,GAAOC,MAAQ;AAChB,QAAM,EAAE,gBAAAC,GAAgB,GAAGC,EAAA,IAAkBH,GAMvCI,KAJU,CACdF,MACyC,MAAM,QAAQA,EAAe,CAAC,CAAC,GAEtCA,CAAc,IAC9CA,IACA,CAACA,CAAc,GACbG,IAAWD,EAAoB,IAAI,CAAC,CAACE,CAAI,MAAM,GAAGA,CAAI,IAAI,GAC1DC,IAAaH,EAAoB;AAAA,IACrC,CAAC,CAACI,GAAGC,CAAM,MAAMC,EAAwBD,CAAM;AAAA,EAAA;AAI/C,SAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACX,GAAGT;AAAA,MACJ,UAAAE;AAAA,MACA,YAAAE;AAAA,MACA,KAAAN;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/lib/sd-component-library136.js

@@ -0,0 +1,18 @@
+import { j as o } from "./sd-component-library169.js";
+import r from "react";
+import { BaseTextV2 as s } from "./sd-component-library129.js";
+const f = r.forwardRef(
+  (t, e) => /* @__PURE__ */ o.jsx(s, { ref: e, ...t })
+), i = r.forwardRef(
+  (t, e) => /* @__PURE__ */ o.jsx(f, { fontWeight: "bold", ...t, ref: e })
+), m = r.forwardRef(
+  (t, e) => /* @__PURE__ */ o.jsx(f, { fontWeight: "semi-bold", ...t, ref: e })
+), n = r.forwardRef(
+  (t, e) => /* @__PURE__ */ o.jsx(f, { fontWeight: "regular", ...t, ref: e })
+);
+export {
+  i as BoldText,
+  n as RegularText,
+  m as SemiBoldText
+};
+//# sourceMappingURL=sd-component-library136.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library136.js","sources":["../src/components/texts/weighted-texts.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseTextV2, BaseTextV2Props } from \"./base-text-v2\";\n\ntype MainProps = Omit<BaseTextV2Props, \"fontWeight\" | \"fontSize\"> &\n  Required<Pick<BaseTextV2Props, \"fontWeight\" | \"fontSize\">>;\nconst WeightedText = React.forwardRef<HTMLDivElement, MainProps>(\n  (props, ref) => <BaseTextV2 ref={ref} {...props} />\n);\n\ntype Props = Omit<MainProps, \"fontWeight\">;\nexport const BoldText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => <WeightedText fontWeight=\"bold\" {...props} ref={ref} />\n);\n\nexport const SemiBoldText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => <WeightedText fontWeight=\"semi-bold\" {...props} ref={ref} />\n);\n\nexport const RegularText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => <WeightedText fontWeight=\"regular\" {...props} ref={ref} />\n);\n"],"names":["WeightedText","React","props","ref","BaseTextV2","BoldText","jsx","SemiBoldText","RegularText"],"mappings":";;;AAMA,MAAMA,IAAeC,EAAM;AAAA,EACzB,CAACC,GAAOC,4BAASC,GAAW,EAAA,KAAAD,GAAW,GAAGD,GAAO;AACnD,GAGaG,IAAWJ,EAAM;AAAA,EAC5B,CAACC,GAAOC,MAAQG,gBAAAA,EAAAA,IAACN,KAAa,YAAW,QAAQ,GAAGE,GAAO,KAAAC,GAAU;AACvE,GAEaI,IAAeN,EAAM;AAAA,EAChC,CAACC,GAAOC,MAAQG,gBAAAA,EAAAA,IAACN,KAAa,YAAW,aAAa,GAAGE,GAAO,KAAAC,GAAU;AAC5E,GAEaK,IAAcP,EAAM;AAAA,EAC/B,CAACC,GAAOC,MAAQG,gBAAAA,EAAAA,IAACN,KAAa,YAAW,WAAW,GAAGE,GAAO,KAAAC,GAAU;AAC1E;"}

package/lib/sd-component-library137.js

@@ -0,0 +1,18 @@
+import { j as t } from "./sd-component-library169.js";
+import o from "react";
+import { ResponsiveTextV2 as a } from "./sd-component-library135.js";
+const s = o.forwardRef(
+  (e, r) => /* @__PURE__ */ t.jsx(a, { ...e, ref: r })
+), m = o.forwardRef(
+  (e, r) => /* @__PURE__ */ t.jsx(s, { textTransform: "uppercase", ...e, ref: r })
+), c = o.forwardRef(
+  (e, r) => /* @__PURE__ */ t.jsx(s, { textTransform: "lowercase", ...e, ref: r })
+), n = o.forwardRef(
+  (e, r) => /* @__PURE__ */ t.jsx(s, { textTransform: "capitalize", ...e, ref: r })
+);
+export {
+  n as CapitalizedText,
+  c as LowercaseText,
+  m as UppercaseText
+};
+//# sourceMappingURL=sd-component-library137.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library137.js","sources":["../src/components/texts/transformed-texts.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2, ResponsiveTextV2Props } from \"./responsive-text-v2\";\n\ntype MainProps = Omit<ResponsiveTextV2Props, \"textTransform\"> &\n  Required<Pick<ResponsiveTextV2Props, \"textTransform\">>;\nconst TransformedText = React.forwardRef<HTMLDivElement, MainProps>(\n  (props, ref) => <ResponsiveTextV2 {...props} ref={ref} />\n);\n\ntype Props = Omit<MainProps, \"textTransform\">;\nexport const UppercaseText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <TransformedText textTransform=\"uppercase\" {...props} ref={ref} />\n  )\n);\n\nexport const LowercaseText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <TransformedText textTransform=\"lowercase\" {...props} ref={ref} />\n  )\n);\n\nexport const CapitalizedText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <TransformedText textTransform=\"capitalize\" {...props} ref={ref} />\n  )\n);\n"],"names":["TransformedText","React","props","ref","ResponsiveTextV2","UppercaseText","jsx","LowercaseText","CapitalizedText"],"mappings":";;;AAMA,MAAMA,IAAkBC,EAAM;AAAA,EAC5B,CAACC,GAAOC,4BAASC,GAAkB,EAAA,GAAGF,GAAO,KAAAC,GAAU;AACzD,GAGaE,IAAgBJ,EAAM;AAAA,EACjC,CAACC,GAAOC,MACNG,gBAAAA,EAAAA,IAACN,KAAgB,eAAc,aAAa,GAAGE,GAAO,KAAAC,GAAU;AAEpE,GAEaI,IAAgBN,EAAM;AAAA,EACjC,CAACC,GAAOC,MACNG,gBAAAA,EAAAA,IAACN,KAAgB,eAAc,aAAa,GAAGE,GAAO,KAAAC,GAAU;AAEpE,GAEaK,IAAkBP,EAAM;AAAA,EACnC,CAACC,GAAOC,MACNG,gBAAAA,EAAAA,IAACN,KAAgB,eAAc,cAAc,GAAGE,GAAO,KAAAC,GAAU;AAErE;"}

package/lib/sd-component-library138.js

@@ -0,0 +1,13 @@
+import { j as o } from "./sd-component-library169.js";
+import r from "react";
+import { SemiBoldText as a, BoldText as m } from "./sd-component-library136.js";
+const f = r.forwardRef(
+  (e, t) => /* @__PURE__ */ o.jsx(a, { textTransform: "uppercase", ...e, ref: t })
+), i = r.forwardRef(
+  (e, t) => /* @__PURE__ */ o.jsx(m, { textTransform: "capitalize", ...e, ref: t })
+);
+export {
+  i as CapitalizedBoldText,
+  f as UppercaseSemiBoldText
+};
+//# sourceMappingURL=sd-component-library138.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library138.js","sources":["../src/components/texts/mixed-texts.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseTextV2Props } from \"./base-text-v2\";\nimport { BoldText, SemiBoldText } from \"./weighted-texts\";\n\ntype Props = Omit<BaseTextV2Props, \"fontWeight\" | \"textTransform\"> &\n  Required<Pick<BaseTextV2Props, \"fontSize\">>;\nexport const UppercaseSemiBoldText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <SemiBoldText textTransform=\"uppercase\" {...props} ref={ref} />\n  )\n);\n\nexport const CapitalizedBoldText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => <BoldText textTransform=\"capitalize\" {...props} ref={ref} />\n);\n"],"names":["UppercaseSemiBoldText","React","props","ref","jsx","SemiBoldText","CapitalizedBoldText","BoldText"],"mappings":";;;AAOO,MAAMA,IAAwBC,EAAM;AAAA,EACzC,CAACC,GAAOC,MACNC,gBAAAA,EAAAA,IAACC,KAAa,eAAc,aAAa,GAAGH,GAAO,KAAAC,GAAU;AAEjE,GAEaG,IAAsBL,EAAM;AAAA,EACvC,CAACC,GAAOC,MAAQC,gBAAAA,EAAAA,IAACG,KAAS,eAAc,cAAc,GAAGL,GAAO,KAAAC,GAAU;AAC5E;"}

package/lib/sd-component-library139.js

@@ -0,0 +1,66 @@
+import { j as t } from "./sd-component-library169.js";
+import r from "react";
+import { getResponsiveNumericArray as s, getResponsivePxArray as f } from "./sd-component-library4.js";
+import { RegularText as n, BoldText as i, SemiBoldText as x } from "./sd-component-library136.js";
+const m = r.forwardRef(
+  (e, o) => /* @__PURE__ */ t.jsx(
+    n,
+    {
+      fontSize: s(16, 18, !1),
+      ...e,
+      ref: o
+    }
+  )
+), p = r.forwardRef((e, o) => /* @__PURE__ */ t.jsx(
+  n,
+  {
+    fontSize: s(18, 24, !0, 20),
+    lineHeight: f(21, 27, !0, 23),
+    ...e,
+    ref: o
+  }
+)), u = r.forwardRef(
+  (e, o) => /* @__PURE__ */ t.jsx(
+    i,
+    {
+      fontSize: s(16, 18, !1),
+      ...e,
+      ref: o
+    }
+  )
+), S = r.forwardRef(
+  (e, o) => /* @__PURE__ */ t.jsx(
+    i,
+    {
+      fontSize: s(18, 24, !0, 20),
+      lineHeight: f(21, 27, !0, 23),
+      ...e,
+      ref: o
+    }
+  )
+), T = r.forwardRef(
+  (e, o) => /* @__PURE__ */ t.jsx(
+    i,
+    {
+      fontSize: s(24, 32),
+      ...e,
+      ref: o
+    }
+  )
+), c = r.forwardRef((e, o) => /* @__PURE__ */ t.jsx(
+  x,
+  {
+    fontSize: s(24, 32),
+    ...e,
+    ref: o
+  }
+));
+export {
+  S as BoldResponsiveText,
+  T as MediumBoldResponsiveText,
+  p as MediumRegularResponsiveText,
+  c as MediumSemiBoldResponsiveText,
+  m as RegularResponsiveText,
+  u as SmallBoldResponsiveText
+};
+//# sourceMappingURL=sd-component-library139.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library139.js","sources":["../src/components/texts/responsive-texts.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n  getResponsiveNumericArray,\n  getResponsivePxArray,\n} from \"../../core/functions\";\nimport { BaseTextV2Props } from \"./base-text-v2\";\nimport { BoldText, RegularText, SemiBoldText } from \"./weighted-texts\";\n\ntype Props = Omit<BaseTextV2Props, \"fontSize\" | \"fontWeight\">;\nexport const RegularResponsiveText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <RegularText\n      fontSize={getResponsiveNumericArray(16, 18, false)}\n      {...props}\n      ref={ref}\n    />\n  )\n);\n\nexport const MediumRegularResponsiveText = React.forwardRef<\n  HTMLDivElement,\n  Props\n>((props, ref) => (\n  <RegularText\n    fontSize={getResponsiveNumericArray(18, 24, true, 20)}\n    lineHeight={getResponsivePxArray(21, 27, true, 23)}\n    {...props}\n    ref={ref}\n  />\n));\n\nexport const SmallBoldResponsiveText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <BoldText\n      fontSize={getResponsiveNumericArray(16, 18, false)}\n      {...props}\n      ref={ref}\n    />\n  )\n);\n\nexport const BoldResponsiveText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <BoldText\n      fontSize={getResponsiveNumericArray(18, 24, true, 20)}\n      lineHeight={getResponsivePxArray(21, 27, true, 23)}\n      {...props}\n      ref={ref}\n    />\n  )\n);\n\nexport const MediumBoldResponsiveText = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => (\n    <BoldText\n      fontSize={getResponsiveNumericArray(24, 32)}\n      {...props}\n      ref={ref}\n    />\n  )\n);\n\nexport const MediumSemiBoldResponsiveText = React.forwardRef<\n  HTMLDivElement,\n  Props\n>((props, ref) => (\n  <SemiBoldText\n    fontSize={getResponsiveNumericArray(24, 32)}\n    {...props}\n    ref={ref}\n  />\n));\n"],"names":["RegularResponsiveText","React","props","ref","jsx","RegularText","getResponsiveNumericArray","MediumRegularResponsiveText","getResponsivePxArray","SmallBoldResponsiveText","BoldText","BoldResponsiveText","MediumBoldResponsiveText","MediumSemiBoldResponsiveText","SemiBoldText"],"mappings":";;;;AAUO,MAAMA,IAAwBC,EAAM;AAAA,EACzC,CAACC,GAAOC,MACNC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAUC,EAA0B,IAAI,IAAI,EAAK;AAAA,MAChD,GAAGJ;AAAA,MACJ,KAAAC;AAAA,IAAA;AAAA,EACF;AAEJ,GAEaI,IAA8BN,EAAM,WAG/C,CAACC,GAAOC,MACRC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,UAAUC,EAA0B,IAAI,IAAI,IAAM,EAAE;AAAA,IACpD,YAAYE,EAAqB,IAAI,IAAI,IAAM,EAAE;AAAA,IAChD,GAAGN;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD,GAEYM,IAA0BR,EAAM;AAAA,EAC3C,CAACC,GAAOC,MACNC,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,UAAUJ,EAA0B,IAAI,IAAI,EAAK;AAAA,MAChD,GAAGJ;AAAA,MACJ,KAAAC;AAAA,IAAA;AAAA,EACF;AAEJ,GAEaQ,IAAqBV,EAAM;AAAA,EACtC,CAACC,GAAOC,MACNC,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,UAAUJ,EAA0B,IAAI,IAAI,IAAM,EAAE;AAAA,MACpD,YAAYE,EAAqB,IAAI,IAAI,IAAM,EAAE;AAAA,MAChD,GAAGN;AAAA,MACJ,KAAAC;AAAA,IAAA;AAAA,EACF;AAEJ,GAEaS,IAA2BX,EAAM;AAAA,EAC5C,CAACC,GAAOC,MACNC,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,UAAUJ,EAA0B,IAAI,EAAE;AAAA,MACzC,GAAGJ;AAAA,MACJ,KAAAC;AAAA,IAAA;AAAA,EACF;AAEJ,GAEaU,IAA+BZ,EAAM,WAGhD,CAACC,GAAOC,MACRC,gBAAAA,EAAA;AAAA,EAACU;AAAA,EAAA;AAAA,IACC,UAAUR,EAA0B,IAAI,EAAE;AAAA,IACzC,GAAGJ;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD;"}