@selfdecode/sd-component-library 4.0.76-test1 → 4.0.76-test3

package/lib/sd-component-library130.js

@@ -1,94 +1,94 @@
-import { j as r } from "./sd-component-library190.js";
-import { useRef as v, useState as w, useEffect as m } from "react";
-import { Box as S } from "rebass";
-import { ScrollableTabWrapper as C } from "./sd-component-library266.js";
-import { Tab as j } from "./sd-component-library267.js";
-import { VerticalDivider as E } from "./sd-component-library50.js";
-import { BaseGridContainer as y } from "./sd-component-library36.js";
-import { MaxMaxContainer as L } from "./sd-component-library41.js";
-const k = (o) => {
-  const t = o.find(
-    (s) => window.location.hash === `#${s.hash}`
+import { j as o } from "./sd-component-library191.js";
+import { r as a } from "./sd-component-library188.js";
+import { Box as v } from "rebass";
+import { ScrollableTabWrapper as w } from "./sd-component-library271.js";
+import { Tab as S } from "./sd-component-library272.js";
+import { VerticalDivider as C } from "./sd-component-library50.js";
+import { BaseGridContainer as j } from "./sd-component-library36.js";
+import { MaxMaxContainer as E } from "./sd-component-library41.js";
+const y = (r) => {
+  const t = r.find(
+    (n) => window.location.hash === `#${n.hash}`
   );
-  return (t == null ? void 0 : t.hash) || o.length && o[0].hash || "";
+  return (t == null ? void 0 : t.hash) || r.length && r[0].hash || "";
 };
-function W(o) {
+function O(r) {
   const {
     tabs: t,
-    onTabSelect: s,
-    selectedTab: n,
+    onTabSelect: n,
+    selectedTab: s,
     activeColor: u = "#9E1CB5",
-    enableScroll: f = !0,
-    gap: h = ["15px"],
-    allowChangingTabs: a = !0,
+    enableScroll: m = !0,
+    gap: d = ["15px"],
+    allowChangingTabs: i = !0,
     autoScrollTabs: p = !1,
     history: x
-  } = o, i = v(null), [d, c] = w(
+  } = r, c = a.useRef(null), [f, l] = a.useState(
     t.length && t[0].hash || ""
-  ), T = o.sticky ? {
+  ), T = r.sticky ? {
     position: "sticky",
-    top: o.top || ["0px"]
+    top: r.top || ["0px"]
   } : {};
-  m(() => {
-    n && c(n);
-  }, [n]);
+  a.useEffect(() => {
+    s && l(s);
+  }, [s]);
   const g = (e) => {
-    s && s(e), a && c(e);
+    n && n(e), i && l(e);
   };
-  m(() => {
-    const e = () => a && c(k(t));
-    return !n && e(), window.addEventListener("hashchange", e), () => window.removeEventListener("hashchange", e);
-  }, [t, n, a]);
+  a.useEffect(() => {
+    const e = () => i && l(y(t));
+    return !s && e(), window.addEventListener("hashchange", e), () => window.removeEventListener("hashchange", e);
+  }, [t, s, i]);
   const b = (e) => {
-    if (e.current && i.current) {
-      const l = e.current.offsetLeft;
-      i.current.scroll({
-        left: l,
+    if (e.current && c.current) {
+      const h = e.current.offsetLeft;
+      c.current.scroll({
+        left: h,
         behavior: "smooth"
       });
     }
   };
-  return /* @__PURE__ */ r.jsx(
-    S,
+  return /* @__PURE__ */ o.jsx(
+    v,
     {
-      ref: i,
+      ref: c,
       sx: {
         ...T,
         backgroundColor: "cl_white",
         overflowX: ["scroll", "unset"]
       },
-      children: /* @__PURE__ */ r.jsx(
-        y,
+      children: /* @__PURE__ */ o.jsx(
+        j,
         {
           gridTemplateColumns: [`repeat(${2 * t.length - 1}, max-content)`],
           width: ["100%"],
-          gap: h,
+          gap: d,
           "data-testid": "tabs-menu",
-          children: t.map((e, l) => /* @__PURE__ */ r.jsx(
-            C,
+          children: t.map((e, h) => /* @__PURE__ */ o.jsx(
+            w,
             {
               hash: e.hash,
               autoScrollTabs: p,
-              selectedTab: d,
+              selectedTab: f,
               scrollTabOnSelect: b,
-              children: /* @__PURE__ */ r.jsxs(L, { gap: e.divider ? h : ["0px"], children: [
-                /* @__PURE__ */ r.jsx(
-                  j,
+              children: /* @__PURE__ */ o.jsxs(E, { gap: e.divider ? d : ["0px"], children: [
+                /* @__PURE__ */ o.jsx(
+                  S,
                   {
                     Icon: e.Icon,
                     iconHeight: e.iconHeight,
                     title: e.title,
                     hash: e.hash,
                     activeColor: u,
-                    isActive: d === e.hash,
+                    isActive: f === e.hash,
                     onTabSelect: g,
-                    enableScroll: f,
+                    enableScroll: m,
                     history: x,
                     "data-testid": `tabs-menu-${e.hash}`
                   }
                 ),
-                e.divider && /* @__PURE__ */ r.jsx(E, {})
-              ] }, l)
+                e.divider && /* @__PURE__ */ o.jsx(C, {})
+              ] }, h)
             },
             e.hash
           ))
@@ -98,6 +98,6 @@ function W(o) {
   );
 }
 export {
-  W as TabsMenu
+  O as TabsMenu
 };
 //# sourceMappingURL=sd-component-library130.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library130.js","sources":["../src/components/tabs/tabs-menu/tabs-menu.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { BaseGridContainer, MaxMaxContainer } from \"../../containers\";\nimport { VerticalDivider } from \"../../dividers\";\nimport { TabObject, TabsMenuProps } from \"./interfaces\";\nimport { ScrollableTabWrapper } from \"./partials/scrollable-tab-wrapper\";\nimport { Tab } from \"./partials/tab\";\n\n/**\n * Return the hash of currently active tab or empty string if none.\n *\n * @param tabs Array of all tabs.\n */\nconst getCurrentTab = (tabs: Array<TabObject>) => {\n  const currentTab = tabs.find(\n    (tab) => window.location.hash === `#${tab.hash}`\n  );\n  return currentTab?.hash || (tabs.length && tabs[0].hash) || \"\";\n};\n\n/**\n * TabsMenu component.\n */\nexport function TabsMenu(props: TabsMenuProps) {\n  const {\n    tabs,\n    onTabSelect,\n    selectedTab: overrideSelectedTab,\n    activeColor = \"#9E1CB5\",\n    enableScroll = true,\n    gap = [\"15px\"],\n    allowChangingTabs = true,\n    autoScrollTabs = false,\n    history,\n  } = props;\n\n  const tabsGroupRef = useRef<HTMLDivElement>(null);\n  const [selectedTab, setSelectedTab] = useState<string>(\n    (tabs.length && tabs[0].hash) || \"\"\n  );\n\n  const styles = props.sticky\n    ? {\n        position: \"sticky\",\n        top: props.top || [\"0px\"],\n      }\n    : {};\n\n  /**\n   * Set currently selected tab if it's set by the parent.\n   */\n  useEffect(() => {\n    overrideSelectedTab && setSelectedTab(overrideSelectedTab);\n  }, [overrideSelectedTab]);\n\n  /**\n   * Call the callback if present, when any tab is selected. Then\n   * update the current tab if allowed.\n   *\n   * @param hash : Hash of the selected tab.\n   */\n  const onTabSelectWrapper = (hash: string) => {\n    onTabSelect && onTabSelect(hash);\n    allowChangingTabs && setSelectedTab(hash);\n  };\n\n  /**\n   * Once the component is mounted, we add a listener for `hashChange` event\n   * so that whenever window hash changes, we check if updated hash is one\n   * of the currently present tabs and then mark it as active tab.\n   *\n   * Upon un-mount, we remove the listener.\n   */\n  useEffect(() => {\n    const updateCurrentTab = () =>\n      allowChangingTabs && setSelectedTab(getCurrentTab(tabs));\n\n    /**\n     * Update current tab according to window hash upon page load.\n     */\n    !overrideSelectedTab && updateCurrentTab();\n\n    window.addEventListener(\"hashchange\", updateCurrentTab);\n    return () => window.removeEventListener(\"hashchange\", updateCurrentTab);\n  }, [tabs, overrideSelectedTab, allowChangingTabs]);\n\n  /**\n   * When selected tab is updated, and tabs menu is scrollable (in mobiles screen)\n   * the selected tab should be scrolled to the left.\n   */\n  const scrollTabOnSelect = (tabRef: RefObject<HTMLDivElement>) => {\n    if (tabRef.current && tabsGroupRef.current) {\n      const tabLeftOffset = tabRef.current.offsetLeft;\n      tabsGroupRef.current.scroll({\n        left: tabLeftOffset,\n        behavior: \"smooth\",\n      });\n    }\n  };\n\n  return (\n    <Box\n      ref={tabsGroupRef}\n      sx={{\n        ...(styles as CSSProperties),\n        backgroundColor: \"cl_white\",\n        overflowX: [\"scroll\", \"unset\"],\n      }}\n    >\n      <BaseGridContainer\n        gridTemplateColumns={[`repeat(${2 * tabs.length - 1}, max-content)`]}\n        width={[\"100%\"]}\n        gap={gap}\n        data-testid=\"tabs-menu\"\n      >\n        {tabs.map((tab, index) => (\n          <ScrollableTabWrapper\n            key={tab.hash}\n            hash={tab.hash}\n            autoScrollTabs={autoScrollTabs}\n            selectedTab={selectedTab}\n            scrollTabOnSelect={scrollTabOnSelect}\n          >\n            <MaxMaxContainer gap={tab.divider ? gap : [\"0px\"]} key={index}>\n              <Tab\n                Icon={tab.Icon}\n                iconHeight={tab.iconHeight}\n                title={tab.title}\n                hash={tab.hash}\n                activeColor={activeColor}\n                isActive={selectedTab === tab.hash}\n                onTabSelect={onTabSelectWrapper}\n                enableScroll={enableScroll}\n                history={history}\n                data-testid={`tabs-menu-${tab.hash}`}\n              />\n              {tab.divider && <VerticalDivider />}\n            </MaxMaxContainer>\n          </ScrollableTabWrapper>\n        ))}\n      </BaseGridContainer>\n    </Box>\n  );\n}\n"],"names":["getCurrentTab","tabs","currentTab","tab","TabsMenu","props","onTabSelect","overrideSelectedTab","activeColor","enableScroll","gap","allowChangingTabs","autoScrollTabs","history","tabsGroupRef","useRef","selectedTab","setSelectedTab","useState","styles","useEffect","onTabSelectWrapper","hash","updateCurrentTab","scrollTabOnSelect","tabRef","tabLeftOffset","jsx","Box","BaseGridContainer","index","ScrollableTabWrapper","jsxs","MaxMaxContainer","Tab","VerticalDivider"],"mappings":";;;;;;;;AAqBA,MAAMA,IAAgB,CAACC,MAA2B;AAChD,QAAMC,IAAaD,EAAK;AAAA,IACtB,CAACE,MAAQ,OAAO,SAAS,SAAS,IAAIA,EAAI,IAAI;AAAA,EAAA;AAEhD,UAAOD,KAAA,gBAAAA,EAAY,SAASD,EAAK,UAAUA,EAAK,CAAC,EAAE,QAAS;AAC9D;AAKO,SAASG,EAASC,GAAsB;AACvC,QAAA;AAAA,IACJ,MAAAJ;AAAA,IACA,aAAAK;AAAA,IACA,aAAaC;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,cAAAC,IAAe;AAAA,IACf,KAAAC,IAAM,CAAC,MAAM;AAAA,IACb,mBAAAC,IAAoB;AAAA,IACpB,gBAAAC,IAAiB;AAAA,IACjB,SAAAC;AAAA,EACE,IAAAR,GAEES,IAAeC,EAAuB,IAAI,GAC1C,CAACC,GAAaC,CAAc,IAAIC;AAAA,IACnCjB,EAAK,UAAUA,EAAK,CAAC,EAAE,QAAS;AAAA,EAAA,GAG7BkB,IAASd,EAAM,SACjB;AAAA,IACE,UAAU;AAAA,IACV,KAAKA,EAAM,OAAO,CAAC,KAAK;AAAA,MAE1B;AAKJ,EAAAe,EAAU,MAAM;AACd,IAAAb,KAAuBU,EAAeV,CAAmB;AAAA,EAAA,GACxD,CAACA,CAAmB,CAAC;AAQlB,QAAAc,IAAqB,CAACC,MAAiB;AAC3C,IAAAhB,KAAeA,EAAYgB,CAAI,GAC/BX,KAAqBM,EAAeK,CAAI;AAAA,EAAA;AAU1C,EAAAF,EAAU,MAAM;AACd,UAAMG,IAAmB,MACvBZ,KAAqBM,EAAejB,EAAcC,CAAI,CAAC;AAKzD,YAACM,KAAuBgB,KAEjB,OAAA,iBAAiB,cAAcA,CAAgB,GAC/C,MAAM,OAAO,oBAAoB,cAAcA,CAAgB;AAAA,EACrE,GAAA,CAACtB,GAAMM,GAAqBI,CAAiB,CAAC;AAM3C,QAAAa,IAAoB,CAACC,MAAsC;AAC3D,QAAAA,EAAO,WAAWX,EAAa,SAAS;AACpC,YAAAY,IAAgBD,EAAO,QAAQ;AACrC,MAAAX,EAAa,QAAQ,OAAO;AAAA,QAC1B,MAAMY;AAAA,QACN,UAAU;AAAA,MAAA,CACX;AAAA,IACH;AAAA,EAAA;AAIA,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKd;AAAA,MACL,IAAI;AAAA,QACF,GAAIK;AAAA,QACJ,iBAAiB;AAAA,QACjB,WAAW,CAAC,UAAU,OAAO;AAAA,MAC/B;AAAA,MAEA,UAAAQ,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,qBAAqB,CAAC,UAAU,IAAI5B,EAAK,SAAS,CAAC,gBAAgB;AAAA,UACnE,OAAO,CAAC,MAAM;AAAA,UACd,KAAAS;AAAA,UACA,eAAY;AAAA,UAEX,UAAKT,EAAA,IAAI,CAACE,GAAK2B,MACdH,gBAAAA,EAAA;AAAA,YAACI;AAAA,YAAA;AAAA,cAEC,MAAM5B,EAAI;AAAA,cACV,gBAAAS;AAAA,cACA,aAAAI;AAAA,cACA,mBAAAQ;AAAA,cAEA,UAAAQ,gBAAAA,EAAA,KAACC,KAAgB,KAAK9B,EAAI,UAAUO,IAAM,CAAC,KAAK,GAC9C,UAAA;AAAA,gBAAAiB,gBAAAA,EAAA;AAAA,kBAACO;AAAA,kBAAA;AAAA,oBACC,MAAM/B,EAAI;AAAA,oBACV,YAAYA,EAAI;AAAA,oBAChB,OAAOA,EAAI;AAAA,oBACX,MAAMA,EAAI;AAAA,oBACV,aAAAK;AAAA,oBACA,UAAUQ,MAAgBb,EAAI;AAAA,oBAC9B,aAAakB;AAAA,oBACb,cAAAZ;AAAA,oBACA,SAAAI;AAAA,oBACA,eAAa,aAAaV,EAAI,IAAI;AAAA,kBAAA;AAAA,gBACpC;AAAA,gBACCA,EAAI,WAAWwB,gBAAAA,MAACQ,GAAgB,CAAA,CAAA;AAAA,cAAA,EAAA,GAbqBL,CAcxD;AAAA,YAAA;AAAA,YApBK3B,EAAI;AAAA,UAAA,CAsBZ;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library130.js","sources":["../src/components/tabs/tabs-menu/tabs-menu.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { BaseGridContainer, MaxMaxContainer } from \"../../containers\";\nimport { VerticalDivider } from \"../../dividers\";\nimport { TabObject, TabsMenuProps } from \"./interfaces\";\nimport { ScrollableTabWrapper } from \"./partials/scrollable-tab-wrapper\";\nimport { Tab } from \"./partials/tab\";\n\n/**\n * Return the hash of currently active tab or empty string if none.\n *\n * @param tabs Array of all tabs.\n */\nconst getCurrentTab = (tabs: Array<TabObject>) => {\n  const currentTab = tabs.find(\n    (tab) => window.location.hash === `#${tab.hash}`\n  );\n  return currentTab?.hash || (tabs.length && tabs[0].hash) || \"\";\n};\n\n/**\n * TabsMenu component.\n */\nexport function TabsMenu(props: TabsMenuProps) {\n  const {\n    tabs,\n    onTabSelect,\n    selectedTab: overrideSelectedTab,\n    activeColor = \"#9E1CB5\",\n    enableScroll = true,\n    gap = [\"15px\"],\n    allowChangingTabs = true,\n    autoScrollTabs = false,\n    history,\n  } = props;\n\n  const tabsGroupRef = useRef<HTMLDivElement>(null);\n  const [selectedTab, setSelectedTab] = useState<string>(\n    (tabs.length && tabs[0].hash) || \"\"\n  );\n\n  const styles = props.sticky\n    ? {\n        position: \"sticky\",\n        top: props.top || [\"0px\"],\n      }\n    : {};\n\n  /**\n   * Set currently selected tab if it's set by the parent.\n   */\n  useEffect(() => {\n    overrideSelectedTab && setSelectedTab(overrideSelectedTab);\n  }, [overrideSelectedTab]);\n\n  /**\n   * Call the callback if present, when any tab is selected. Then\n   * update the current tab if allowed.\n   *\n   * @param hash : Hash of the selected tab.\n   */\n  const onTabSelectWrapper = (hash: string) => {\n    onTabSelect && onTabSelect(hash);\n    allowChangingTabs && setSelectedTab(hash);\n  };\n\n  /**\n   * Once the component is mounted, we add a listener for `hashChange` event\n   * so that whenever window hash changes, we check if updated hash is one\n   * of the currently present tabs and then mark it as active tab.\n   *\n   * Upon un-mount, we remove the listener.\n   */\n  useEffect(() => {\n    const updateCurrentTab = () =>\n      allowChangingTabs && setSelectedTab(getCurrentTab(tabs));\n\n    /**\n     * Update current tab according to window hash upon page load.\n     */\n    !overrideSelectedTab && updateCurrentTab();\n\n    window.addEventListener(\"hashchange\", updateCurrentTab);\n    return () => window.removeEventListener(\"hashchange\", updateCurrentTab);\n  }, [tabs, overrideSelectedTab, allowChangingTabs]);\n\n  /**\n   * When selected tab is updated, and tabs menu is scrollable (in mobiles screen)\n   * the selected tab should be scrolled to the left.\n   */\n  const scrollTabOnSelect = (tabRef: RefObject<HTMLDivElement>) => {\n    if (tabRef.current && tabsGroupRef.current) {\n      const tabLeftOffset = tabRef.current.offsetLeft;\n      tabsGroupRef.current.scroll({\n        left: tabLeftOffset,\n        behavior: \"smooth\",\n      });\n    }\n  };\n\n  return (\n    <Box\n      ref={tabsGroupRef}\n      sx={{\n        ...(styles as CSSProperties),\n        backgroundColor: \"cl_white\",\n        overflowX: [\"scroll\", \"unset\"],\n      }}\n    >\n      <BaseGridContainer\n        gridTemplateColumns={[`repeat(${2 * tabs.length - 1}, max-content)`]}\n        width={[\"100%\"]}\n        gap={gap}\n        data-testid=\"tabs-menu\"\n      >\n        {tabs.map((tab, index) => (\n          <ScrollableTabWrapper\n            key={tab.hash}\n            hash={tab.hash}\n            autoScrollTabs={autoScrollTabs}\n            selectedTab={selectedTab}\n            scrollTabOnSelect={scrollTabOnSelect}\n          >\n            <MaxMaxContainer gap={tab.divider ? gap : [\"0px\"]} key={index}>\n              <Tab\n                Icon={tab.Icon}\n                iconHeight={tab.iconHeight}\n                title={tab.title}\n                hash={tab.hash}\n                activeColor={activeColor}\n                isActive={selectedTab === tab.hash}\n                onTabSelect={onTabSelectWrapper}\n                enableScroll={enableScroll}\n                history={history}\n                data-testid={`tabs-menu-${tab.hash}`}\n              />\n              {tab.divider && <VerticalDivider />}\n            </MaxMaxContainer>\n          </ScrollableTabWrapper>\n        ))}\n      </BaseGridContainer>\n    </Box>\n  );\n}\n"],"names":["getCurrentTab","tabs","currentTab","tab","TabsMenu","props","onTabSelect","overrideSelectedTab","activeColor","enableScroll","gap","allowChangingTabs","autoScrollTabs","history","tabsGroupRef","useRef","selectedTab","setSelectedTab","useState","styles","useEffect","onTabSelectWrapper","hash","updateCurrentTab","scrollTabOnSelect","tabRef","tabLeftOffset","jsx","Box","BaseGridContainer","index","ScrollableTabWrapper","jsxs","MaxMaxContainer","Tab","VerticalDivider"],"mappings":"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"}

package/lib/sd-component-library131.js

@@ -1,4 +1,4 @@
-import { j } from "./sd-component-library190.js";
+import { j } from "./sd-component-library191.js";
 import { Text as D } from "rebass";
 const w = (t) => {
   const {

package/lib/sd-component-library132.js

@@ -1,8 +1,8 @@
-import { j as x } from "./sd-component-library190.js";
-import l from "react";
-import { Text as c } from "rebass";
-import { SD_WEIGHT_TO_WEIGHT_MAP as d } from "./sd-component-library143.js";
-const W = l.forwardRef((o, r) => {
+import { j as f } from "./sd-component-library191.js";
+import c from "./sd-component-library188.js";
+import { Text as l } from "rebass";
+import { SD_WEIGHT_TO_WEIGHT_MAP as p } from "./sd-component-library143.js";
+const W = c.forwardRef((o, r) => {
   const {
     children: e,
     color: a = "cl_darkGrey",
@@ -11,14 +11,14 @@ const W = l.forwardRef((o, r) => {
     dontTranslate: i = !1,
     fontWeight: t,
     ...m
-  } = o, f = d[t] ?? t;
-  return /* @__PURE__ */ x.jsx(
-    c,
+  } = o, x = p[t] ?? t;
+  return /* @__PURE__ */ f.jsx(
+    l,
     {
       "data-testid": "base-text-v2",
       color: a,
       fontFamily: "proxima-nova",
-      fontWeight: f,
+      fontWeight: x,
       ...m,
       sx: {
         textTransform: s,

package/lib/sd-component-library133.js

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

package/lib/sd-component-library134.js

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

package/lib/sd-component-library135.js

@@ -1,4 +1,4 @@
-import { j as e } from "./sd-component-library190.js";
+import { j as e } from "./sd-component-library191.js";
 import { BaseText as r } from "./sd-component-library131.js";
 const n = (t) => /* @__PURE__ */ e.jsx(r, { ...t, variant: "_18Bold", "data-test": "18-bold", children: t.children });
 export {

package/lib/sd-component-library136.js

@@ -1,4 +1,4 @@
-import { j as e } from "./sd-component-library190.js";
+import { j as e } from "./sd-component-library191.js";
 import { BaseText as t } from "./sd-component-library131.js";
 const n = (r) => /* @__PURE__ */ e.jsx(t, { ...r, variant: "_18Regular", "data-test": "18-regular", children: r.children });
 export {

package/lib/sd-component-library137.js

@@ -1,4 +1,4 @@
-import { j as e } from "./sd-component-library190.js";
+import { j as e } from "./sd-component-library191.js";
 import { BaseText as r } from "./sd-component-library131.js";
 const s = (t) => /* @__PURE__ */ e.jsx(r, { ...t, variant: "_55Semibold", "data-test": "55-sb", children: t.children });
 export {

package/lib/sd-component-library138.js

@@ -1,4 +1,4 @@
-import { j as e } from "./sd-component-library190.js";
+import { j as e } from "./sd-component-library191.js";
 import { BaseText as t } from "./sd-component-library131.js";
 const o = (r) => /* @__PURE__ */ e.jsx(t, { ...r, variant: "_14Regular", "data-test": "14-reg", children: r.children });
 export {

package/lib/sd-component-library139.js

@@ -1,4 +1,4 @@
-import { j as e } from "./sd-component-library190.js";
+import { j as e } from "./sd-component-library191.js";
 import { BaseText as r } from "./sd-component-library131.js";
 const n = (t) => /* @__PURE__ */ e.jsx(r, { ...t, variant: "_14Semibold", "data-test": "14-sb", children: t.children });
 export {

package/lib/sd-component-library14.js

@@ -1,4 +1,4 @@
-import { j as a } from "./sd-component-library190.js";
+import { j as a } from "./sd-component-library191.js";
 import { Breadcrumb as o } from "./sd-component-library15.js";
 const d = (r) => /* @__PURE__ */ a.jsx(
   o,

package/lib/sd-component-library140.js

@@ -1,4 +1,4 @@
-import { j as r } from "./sd-component-library190.js";
+import { j as r } from "./sd-component-library191.js";
 import { BaseText as o } from "./sd-component-library131.js";
 const d = (t) => /* @__PURE__ */ r.jsx(o, { ...t, variant: "_40Bold", "data-test": "40-bold", children: t.children });
 export {

package/lib/sd-component-library141.js

@@ -1,4 +1,4 @@
-import { j as t } from "./sd-component-library190.js";
+import { j as t } from "./sd-component-library191.js";
 import { Text as s } from "rebass";
 const n = (r) => /* @__PURE__ */ t.jsx(s, { as: "span", className: "no-translate", ...r, children: r.children });
 export {

package/lib/sd-component-library142.js

@@ -1,4 +1,4 @@
-import { j as p } from "./sd-component-library190.js";
+import { j as p } from "./sd-component-library191.js";
 import { SD_WEIGHT_TO_WEIGHT_MAP as x } from "./sd-component-library143.js";
 import { BaseText as c } from "./sd-component-library131.js";
 const T = (e) => {

package/lib/sd-component-library144.js

@@ -1,12 +1,12 @@
-import { j as f } from "./sd-component-library190.js";
-import m from "react";
+import { j as m } from "./sd-component-library191.js";
+import f from "./sd-component-library188.js";
 import { BaseTextV2 as x } from "./sd-component-library132.js";
 import { SD_WEIGHT_TO_WEIGHT_MAP as c } from "./sd-component-library143.js";
-const d = m.forwardRef((e, s) => {
+const R = f.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(
+  return /* @__PURE__ */ m.jsx(
     x,
     {
       "data-testid": "responsive-text-v2",
@@ -18,6 +18,6 @@ const d = m.forwardRef((e, s) => {
   );
 });
 export {
-  d as ResponsiveTextV2
+  R as ResponsiveTextV2
 };
 //# sourceMappingURL=sd-component-library144.js.map

package/lib/sd-component-library145.js

@@ -1,4 +1,4 @@
-import { j as r } from "./sd-component-library190.js";
+import { j as r } from "./sd-component-library191.js";
 import { BaseText as t } from "./sd-component-library131.js";
 const n = (e) => /* @__PURE__ */ r.jsx(t, { ...e, variant: "_16Regular", "data-test": "16-reg", children: e.children });
 export {

package/lib/sd-component-library146.js

@@ -1,4 +1,4 @@
-import { j as e } from "./sd-component-library190.js";
+import { j as e } from "./sd-component-library191.js";
 import { BaseText as r } from "./sd-component-library131.js";
 const o = (t) => /* @__PURE__ */ e.jsx(r, { ...t, variant: "_16Semibold", "data-test": "16-sb", children: t.children });
 export {

package/lib/sd-component-library147.js

@@ -1,4 +1,4 @@
-import { j as e } from "./sd-component-library190.js";
+import { j as e } from "./sd-component-library191.js";
 import { BaseText as r } from "./sd-component-library131.js";
 const o = (t) => /* @__PURE__ */ e.jsx(r, { "data-testid": "10-sb", ...t, variant: "_10SemiBold", children: t.children });
 export {

package/lib/sd-component-library148.js

@@ -1,4 +1,4 @@
-import { j as r } from "./sd-component-library190.js";
+import { j as r } from "./sd-component-library191.js";
 import { BaseText as e } from "./sd-component-library131.js";
 const n = (t) => /* @__PURE__ */ r.jsx(e, { ...t, variant: "_13Bold", "data-test": "13-bold", children: t.children });
 export {

package/lib/sd-component-library149.js

@@ -1,4 +1,4 @@
-import { j as e } from "./sd-component-library190.js";
+import { j as e } from "./sd-component-library191.js";
 import { BaseText as t } from "./sd-component-library131.js";
 const n = (r) => /* @__PURE__ */ e.jsx(t, { ...r, variant: "_13Regular", "data-test": "13-regular", children: r.children });
 export {

package/lib/sd-component-library15.js

@@ -1,5 +1,5 @@
-import { j as i } from "./sd-component-library190.js";
-import { renderUpToFiveCrumbs as o, renderMoreThanFiveCrumbs as m } from "./sd-component-library201.js";
+import { j as i } from "./sd-component-library191.js";
+import { renderUpToFiveCrumbs as o, renderMoreThanFiveCrumbs as m } from "./sd-component-library203.js";
 import { GridCenter as d } from "./sd-component-library42.js";
 const h = ({
   textTransform: t,

package/lib/sd-component-library150.js

@@ -1,4 +1,4 @@
-import { j as e } from "./sd-component-library190.js";
+import { j as e } from "./sd-component-library191.js";
 import { BaseText as r } from "./sd-component-library131.js";
 const o = (t) => /* @__PURE__ */ e.jsx(r, { ...t, variant: "_13Semibold", "data-test": "13-sb", children: t.children });
 export {

package/lib/sd-component-library151.js

@@ -1,4 +1,4 @@
-import { j as r } from "./sd-component-library190.js";
+import { j as r } from "./sd-component-library191.js";
 import { BaseText as o } from "./sd-component-library131.js";
 const a = (t) => /* @__PURE__ */ r.jsx(o, { ...t, variant: "_32Bold", "data-test": "32-bold", children: t.children });
 export {

package/lib/sd-component-library152.js

@@ -1,4 +1,4 @@
-import { j as t } from "./sd-component-library190.js";
+import { j as t } from "./sd-component-library191.js";
 import { BaseText as e } from "./sd-component-library131.js";
 const o = (r) => /* @__PURE__ */ t.jsx(e, { ...r, variant: "_32Regular", "data-test": "32-reg", children: r.children });
 export {

package/lib/sd-component-library153.js

@@ -1,4 +1,4 @@
-import { j as r } from "./sd-component-library190.js";
+import { j as r } from "./sd-component-library191.js";
 import { BaseText as t } from "./sd-component-library131.js";
 const n = (e) => /* @__PURE__ */ r.jsx(t, { ...e, variant: "_12Regular", "data-test": "12-reg", children: e.children });
 export {

package/lib/sd-component-library154.js

@@ -1,4 +1,4 @@
-import { j as e } from "./sd-component-library190.js";
+import { j as e } from "./sd-component-library191.js";
 import { BaseText as r } from "./sd-component-library131.js";
 const s = (t) => /* @__PURE__ */ e.jsx(r, { ...t, variant: "_12Semibold", "data-test": "12-sb", children: t.children });
 export {

package/lib/sd-component-library155.js

@@ -1,4 +1,4 @@
-import { j as r } from "./sd-component-library190.js";
+import { j as r } from "./sd-component-library191.js";
 import { BaseText as o } from "./sd-component-library131.js";
 const i = (t) => /* @__PURE__ */ r.jsx(o, { "data-testid": "24-bold", ...t, variant: "_24Bold", children: t.children });
 export {

package/lib/sd-component-library156.js

@@ -1,4 +1,4 @@
-import { j as t } from "./sd-component-library190.js";
+import { j as t } from "./sd-component-library191.js";
 import { BaseText as e } from "./sd-component-library131.js";
 const o = (r) => /* @__PURE__ */ t.jsx(e, { ...r, variant: "_24Regular", "data-test": "24-reg", children: r.children });
 export {

package/lib/sd-component-library157.js

@@ -1,17 +1,17 @@
-import { j as o } from "./sd-component-library190.js";
-import r from "react";
+import { j as e } from "./sd-component-library191.js";
+import r from "./sd-component-library188.js";
 import { BaseTextV2 as s } from "./sd-component-library132.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 })
+  (o, t) => /* @__PURE__ */ e.jsx(s, { ref: t, ...o })
+), d = r.forwardRef(
+  (o, t) => /* @__PURE__ */ e.jsx(f, { fontWeight: "bold", ...o, ref: t })
 ), m = r.forwardRef(
-  (t, e) => /* @__PURE__ */ o.jsx(f, { fontWeight: "semi-bold", ...t, ref: e })
+  (o, t) => /* @__PURE__ */ e.jsx(f, { fontWeight: "semi-bold", ...o, ref: t })
 ), n = r.forwardRef(
-  (t, e) => /* @__PURE__ */ o.jsx(f, { fontWeight: "regular", ...t, ref: e })
+  (o, t) => /* @__PURE__ */ e.jsx(f, { fontWeight: "regular", ...o, ref: t })
 );
 export {
-  i as BoldText,
+  d as BoldText,
   n as RegularText,
   m as SemiBoldText
 };

package/lib/sd-component-library158.js

@@ -1,5 +1,5 @@
-import { j as t } from "./sd-component-library190.js";
-import o from "react";
+import { j as t } from "./sd-component-library191.js";
+import o from "./sd-component-library188.js";
 import { ResponsiveTextV2 as a } from "./sd-component-library144.js";
 const s = o.forwardRef(
   (e, r) => /* @__PURE__ */ t.jsx(a, { ...e, ref: r })

package/lib/sd-component-library159.js

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

package/lib/sd-component-library16.js

@@ -1,4 +1,4 @@
-import { j as e } from "./sd-component-library190.js";
+import { j as e } from "./sd-component-library191.js";
 import { Box as c, Text as a } from "rebass";
 const u = ({
   textTransform: n = "capitalize",

package/lib/sd-component-library160.js

@@ -1,8 +1,8 @@
-import { j as t } from "./sd-component-library190.js";
-import r from "react";
+import { j as t } from "./sd-component-library191.js";
+import r from "./sd-component-library188.js";
 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-library157.js";
-const m = r.forwardRef(
+const l = r.forwardRef(
   (e, o) => /* @__PURE__ */ t.jsx(
     n,
     {
@@ -60,7 +60,7 @@ export {
   T as MediumBoldResponsiveText,
   p as MediumRegularResponsiveText,
   c as MediumSemiBoldResponsiveText,
-  m as RegularResponsiveText,
+  l as RegularResponsiveText,
   u as SmallBoldResponsiveText
 };
 //# sourceMappingURL=sd-component-library160.js.map

package/lib/sd-component-library161.js

@@ -1,19 +1,19 @@
-import { j as o } from "./sd-component-library190.js";
-import h from "react";
-import { Flex as s, Box as i } from "rebass";
+import { j as o } from "./sd-component-library191.js";
+import h from "./sd-component-library188.js";
+import { Flex as s, Box as e } from "rebass";
 import { useHover as m } from "./sd-component-library3.js";
 import { ReactComponent as b } from "./sd-component-library181.js";
-import { TriangularPointerIcon as u } from "./sd-component-library184.js";
-import { ActionBox as g } from "./sd-component-library254.js";
+import { TriangularPointerIcon as g } from "./sd-component-library184.js";
+import { ActionBox as u } from "./sd-component-library227.js";
 import { HorizontalDivider as n } from "./sd-component-library49.js";
 const B = (x) => {
   const {
-    actions: e,
-    actionsBoxWidth: l = "max-content",
-    actionBoxPx: p,
+    actions: i,
+    actionsBoxWidth: p = "max-content",
+    actionBoxPx: l,
     actionBoxPy: a
   } = x, { isHover: t, hoverCallbacks: d } = m();
-  return e.length ? /* @__PURE__ */ o.jsxs(
+  return i.length ? /* @__PURE__ */ o.jsxs(
     s,
     {
       sx: {
@@ -47,25 +47,25 @@ const B = (x) => {
           }
         ),
         t && /* @__PURE__ */ o.jsxs(
-          i,
+          e,
           {
             sx: {
               position: "absolute",
               top: "calc(100% + 12px)",
               right: "-20px",
-              width: l
+              width: p
             },
             children: [
               /* @__PURE__ */ o.jsx(n, { color: "cl_purple", height: "2px" }),
               /* @__PURE__ */ o.jsx(
-                u,
+                g,
                 {
                   direction: "top",
                   sx: { position: "absolute", top: "-10px", right: "24px" }
                 }
               ),
               /* @__PURE__ */ o.jsx(
-                i,
+                e,
                 {
                   sx: {
                     position: "absolute",
@@ -77,7 +77,7 @@ const B = (x) => {
                 }
               ),
               /* @__PURE__ */ o.jsx(
-                i,
+                e,
                 {
                   sx: {
                     borderWidth: "1px",
@@ -88,9 +88,9 @@ const B = (x) => {
                     borderRadius: "0 0 3px 3px",
                     bg: "cl_white"
                   },
-                  children: e.map((r, c) => /* @__PURE__ */ o.jsxs(h.Fragment, { children: [
-                    /* @__PURE__ */ o.jsx(g, { ...r, px: p, py: a }),
-                    c !== e.length - 1 && /* @__PURE__ */ o.jsx(n, { color: "cl_headerLine" })
+                  children: i.map((r, c) => /* @__PURE__ */ o.jsxs(h.Fragment, { children: [
+                    /* @__PURE__ */ o.jsx(u, { ...r, px: l, py: a }),
+                    c !== i.length - 1 && /* @__PURE__ */ o.jsx(n, { color: "cl_headerLine" })
                   ] }, r.text))
                 }
               )