@selfdecode/sd-component-library 4.0.73-vite21 → 4.0.73-vite22

package/lib/sd-component-library281.js

@@ -1,126 +1,13 @@
-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"
-            }
-          }
-        )
-      ]
-    }
-  );
+var u = function(n) {
+  var t = /* @__PURE__ */ new WeakMap();
+  return function(e) {
+    if (t.has(e))
+      return t.get(e);
+    var a = n(e);
+    return t.set(e, a), a;
+  };
 };
 export {
-  O as TabV2
+  u as default
 };
 //# sourceMappingURL=sd-component-library281.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library281.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":";;;;;AAOO,MAAMA,IAAyB,CAAC;AAAA,EACrC,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,qBAAAC,IAAsB;AAAA,EACtB,wBAAAC,IAAyB;AAAA,EACzB,gBAAAC,IAAiB;AACnB,MAAM;AACE,QAAAC,IAAMC,EAAuB,IAAI,GACjCC,IAASb,MAAkBC;AAEjC,EAAAa,EAAU,MAAM;;AACd,IAAID,KAAUH,OACZK,IAAAJ,EAAI,YAAJ,QAAAI,EAAa,eAAe;AAAA,MAC1B,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,OAAO;AAAA,IAAA;AAAA,EACR,GACF,CAACF,GAAQH,CAAc,CAAC;AAErB,QAAAM,IAAiBhB,MAAkBC,IAAM,GACzCgB,IAAkBjB,MAAkB,MAAMA,MAAkBC,IAAM,GAClEiB,IAASjB,MAAQM,IAAY;AAGjC,SAAAY,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,SAAS,MAAMlB,EAAST,CAAE;AAAA,MAC1B,IAAI;AAAA,QACF,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,MAAM,IAAIQ,IAAMD,IAAgB,IAAIC,KAAOD,IAAgB,IAAI,CAAC;AAAA,QAChE,QAAQa,IAAS,IAAI;AAAA,MACvB;AAAA,MACA,KAAAF;AAAA,MAEA,UAAA;AAAA,QAAAU,gBAAAA,EAAA;AAAA,UAACD;AAAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,QAAQ,GAAGrB,IAAeS,CAAmB;AAAA,cAC7C,aAAAV;AAAA,cACA,aAAAD;AAAA,cACA,aAAagB,IAAS,UAAU;AAAA,cAChC,mBAAmB;AAAA,cACnB,cAAcA,IACV,GAAGd,CAAY,MAAMA,CAAY,WACjCmB,IACA,KAAKnB,CAAY,WACjB;AAAA,cACJ,IAAI;AAAA,YACN;AAAA,UAAA;AAAA,QACF;AAAA,QAEAsB,gBAAAA,EAAA;AAAA,UAACD;AAAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,aAAAtB;AAAA,cACA,aAAAD;AAAA,cACA,aAAagB,IAAS,eAAe;AAAA,cACrC,WAAW;AAAA,YACb;AAAA,YAEA,UAAAQ,gBAAAA,EAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,gBAAgB,CAAChB,GAAU,MAAM;AAAA,gBACjC,eAAc;AAAA,gBACd,OAAOO,IAASjB,IAAcD;AAAA,gBAC9B,IAAI;AAAA,kBACF,IAAI;AAAA,kBACJ,eAAe;AAAA,kBACf,IAAAU;AAAA,gBACF;AAAA,gBAEC,UAAAX;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QACF;AAAA,QAEA2B,gBAAAA,EAAA;AAAA,UAACD;AAAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,QAAQ,GAAGrB,IAAeU,CAAsB;AAAA,cAChD,aAAAX;AAAA,cACA,aAAAD;AAAA,cACA,mBAAmBgB,IAAS,SAAS;AAAA,cACrC,iBAAiBI,IAAkB,UAAU;AAAA,cAC7C,kBAAkBD,IAAiB,UAAU;AAAA,cAC7C,gBAAgB;AAAA,cAChB,cAAc,OAAOA,IAAiBjB,IAAe,CAAC,MACpDkB,IAAkBlB,IAAe,CACnC;AAAA,cACA,IAAI;AAAA,cACJ,IAAIc,IAAS,QAAQ;AAAA,YACvB;AAAA,UAAA;AAAA,QACF;AAAA,QAECA,KACCQ,gBAAAA,EAAA;AAAA,UAACD;AAAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,IAAIxB;AAAA,cACJ,QAAQ,GAAGQ,CAAU;AAAA,cACrB,OAAO,GAAGD,CAAS;AAAA,cACnB,UAAU;AAAA,cACV,MAAM;AAAA,cACN,QAAQ;AAAA,cACR,WAAW;AAAA,cACX,cAAc;AAAA,YAChB;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"sd-component-library281.js","sources":["../node_modules/@emotion/react/node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js"],"sourcesContent":["var weakMemoize = function weakMemoize(func) {\n  // $FlowFixMe flow doesn't include all non-primitive types as allowed for weakmaps\n  var cache = new WeakMap();\n  return function (arg) {\n    if (cache.has(arg)) {\n      // $FlowFixMe\n      return cache.get(arg);\n    }\n\n    var ret = func(arg);\n    cache.set(arg, ret);\n    return ret;\n  };\n};\n\nexport { weakMemoize as default };\n"],"names":["weakMemoize","func","cache","arg","ret"],"mappings":"AAAG,IAACA,IAAc,SAAqBC,GAAM;AAE3C,MAAIC,IAAQ,oBAAI;AAChB,SAAO,SAAUC,GAAK;AACpB,QAAID,EAAM,IAAIC,CAAG;AAEf,aAAOD,EAAM,IAAIC,CAAG;AAGtB,QAAIC,IAAMH,EAAKE,CAAG;AAClB,WAAAD,EAAM,IAAIC,GAAKC,CAAG,GACXA;AAAA,EACX;AACA;","x_google_ignoreList":[0]}

package/lib/sd-component-library282.js

@@ -1,14 +1,35 @@
-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 });
+var r = !0;
+function o(i, e, n) {
+  var s = "";
+  return n.split(" ").forEach(function(t) {
+    i[t] !== void 0 ? e.push(i[t] + ";") : s += t + " ";
+  }), s;
+}
+var d = function(e, n, s) {
+  var t = e.key + "-" + n.name;
+  // we only need to add the styles to the registered cache if the
+  // class name could be used further down
+  // the tree but if it's a string tag, we know it won't
+  // so we don't have to add it to registered cache.
+  // this improves memory usage since we can avoid storing the whole style string
+  (s === !1 || // we need to always store it if we're in compat mode and
+  // in node since emotion-server relies on whether a style is in
+  // the registered cache to know whether a style is global or not
+  // also, note that this check will be dead code eliminated in the browser
+  r === !1) && e.registered[t] === void 0 && (e.registered[t] = n.styles);
+}, u = function(e, n, s) {
+  d(e, n, s);
+  var t = e.key + "-" + n.name;
+  if (e.inserted[n.name] === void 0) {
+    var f = n;
+    do
+      e.insert(n === f ? "." + t : "", f, e.sheet, !0), f = f.next;
+    while (f !== void 0);
+  }
 };
 export {
-  x as ScrollableTabWrapper
+  o as getRegisteredStyles,
+  u as insertStyles,
+  d as registerStyles
 };
 //# sourceMappingURL=sd-component-library282.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library282.js","sources":["../src/components/tabs/tabs-menu/partials/scrollable-tab-wrapper/scrollable-tab-wrapper.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ScrollableTabWrapperProps as Props } from \"./interfaces\";\n\nexport const ScrollableTabWrapper: React.FC<Props> = (props) => {\n  const { hash, selectedTab, autoScrollTabs, scrollTabOnSelect, children } =\n    props;\n\n  const tabRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!autoScrollTabs) return;\n\n    /**\n     * If current tab is the selected one, call the callback to scroll the tab.\n     */\n    if (selectedTab === hash && tabRef.current) {\n      scrollTabOnSelect(tabRef);\n    }\n  }, [selectedTab, hash, autoScrollTabs, tabRef, scrollTabOnSelect]);\n\n  return (\n    <Box data-test=\"scrollable-tab-wrapper\" ref={tabRef}>\n      {children}\n    </Box>\n  );\n};\n"],"names":["ScrollableTabWrapper","props","hash","selectedTab","autoScrollTabs","scrollTabOnSelect","children","tabRef","useRef","useEffect","Box"],"mappings":";;;;AAMa,MAAAA,IAAwC,CAACC,MAAU;AAC9D,QAAM,EAAE,MAAAC,GAAM,aAAAC,GAAa,gBAAAC,GAAgB,mBAAAC,GAAmB,UAAAC,EAC5D,IAAAL,GAEIM,IAASC,EAAuB,IAAI;AAE1C,SAAAC,EAAU,MAAM;AACd,IAAKL,KAKDD,MAAgBD,KAAQK,EAAO,WACjCF,EAAkBE,CAAM;AAAA,EAC1B,GACC,CAACJ,GAAaD,GAAME,GAAgBG,GAAQF,CAAiB,CAAC,yBAG9DK,GAAI,EAAA,aAAU,0BAAyB,KAAKH,GAC1C,UAAAD,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library282.js","sources":["../node_modules/@emotion/react/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js"],"sourcesContent":["var isBrowser = \"object\" !== 'undefined';\nfunction getRegisteredStyles(registered, registeredStyles, classNames) {\n  var rawClassName = '';\n  classNames.split(' ').forEach(function (className) {\n    if (registered[className] !== undefined) {\n      registeredStyles.push(registered[className] + \";\");\n    } else {\n      rawClassName += className + \" \";\n    }\n  });\n  return rawClassName;\n}\nvar registerStyles = function registerStyles(cache, serialized, isStringTag) {\n  var className = cache.key + \"-\" + serialized.name;\n\n  if ( // we only need to add the styles to the registered cache if the\n  // class name could be used further down\n  // the tree but if it's a string tag, we know it won't\n  // so we don't have to add it to registered cache.\n  // this improves memory usage since we can avoid storing the whole style string\n  (isStringTag === false || // we need to always store it if we're in compat mode and\n  // in node since emotion-server relies on whether a style is in\n  // the registered cache to know whether a style is global or not\n  // also, note that this check will be dead code eliminated in the browser\n  isBrowser === false ) && cache.registered[className] === undefined) {\n    cache.registered[className] = serialized.styles;\n  }\n};\nvar insertStyles = function insertStyles(cache, serialized, isStringTag) {\n  registerStyles(cache, serialized, isStringTag);\n  var className = cache.key + \"-\" + serialized.name;\n\n  if (cache.inserted[serialized.name] === undefined) {\n    var current = serialized;\n\n    do {\n      cache.insert(serialized === current ? \".\" + className : '', current, cache.sheet, true);\n\n      current = current.next;\n    } while (current !== undefined);\n  }\n};\n\nexport { getRegisteredStyles, insertStyles, registerStyles };\n"],"names":["isBrowser","getRegisteredStyles","registered","registeredStyles","classNames","rawClassName","className","registerStyles","cache","serialized","isStringTag","insertStyles","current"],"mappings":"AAAA,IAAIA,IAAY;AAChB,SAASC,EAAoBC,GAAYC,GAAkBC,GAAY;AACrE,MAAIC,IAAe;AACnB,SAAAD,EAAW,MAAM,GAAG,EAAE,QAAQ,SAAUE,GAAW;AACjD,IAAIJ,EAAWI,CAAS,MAAM,SAC5BH,EAAiB,KAAKD,EAAWI,CAAS,IAAI,GAAG,IAEjDD,KAAgBC,IAAY;AAAA,EAElC,CAAG,GACMD;AACT;AACG,IAACE,IAAiB,SAAwBC,GAAOC,GAAYC,GAAa;AAC3E,MAAIJ,IAAYE,EAAM,MAAM,MAAMC,EAAW;AAE7C;AAAA;AAAA;AAAA;AAAA;AAAA,GAKCC,MAAgB;AAAA;AAAA;AAAA;AAAA,EAIjBV,MAAc,OAAWQ,EAAM,WAAWF,CAAS,MAAM,WACvDE,EAAM,WAAWF,CAAS,IAAIG,EAAW;AAE7C,GACIE,IAAe,SAAsBH,GAAOC,GAAYC,GAAa;AACvE,EAAAH,EAAeC,GAAOC,GAAYC,CAAW;AAC7C,MAAIJ,IAAYE,EAAM,MAAM,MAAMC,EAAW;AAE7C,MAAID,EAAM,SAASC,EAAW,IAAI,MAAM,QAAW;AACjD,QAAIG,IAAUH;AAEd;AACE,MAAAD,EAAM,OAAOC,MAAeG,IAAU,MAAMN,IAAY,IAAIM,GAASJ,EAAM,OAAO,EAAI,GAEtFI,IAAUA,EAAQ;AAAA,WACXA,MAAY;AAAA,EACtB;AACH;","x_google_ignoreList":[0]}

package/lib/sd-component-library283.js

@@ -1,53 +1,168 @@
-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"
+import V from "./sd-component-library285.js";
+import C from "./sd-component-library286.js";
+import D from "./sd-component-library287.js";
+var N = `You have illegal escape sequence in your template literal, most likely inside content's property value.
+Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
+You can read more about this here:
+https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, x = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", A = /[A-Z]|^ms/g, S = /_EMO_([^_]+?)_([^]*?)_EMO_/g, v = function(n) {
+  return n.charCodeAt(1) === 45;
+}, b = function(n) {
+  return n != null && typeof n != "boolean";
+}, E = /* @__PURE__ */ D(function(s) {
+  return v(s) ? s : s.replace(A, "-$&").toLowerCase();
+}), d = function(n, e) {
+  switch (n) {
+    case "animation":
+    case "animationName":
+      if (typeof e == "string")
+        return e.replace(S, function(o, i, r) {
+          return c = {
+            name: i,
+            styles: r,
+            next: c
+          }, i;
+        });
+  }
+  return C[n] !== 1 && !v(n) && typeof e == "number" && e !== 0 ? e + "px" : e;
+};
+if (process.env.NODE_ENV !== "production") {
+  var R = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/, M = ["normal", "none", "initial", "inherit", "unset"], I = d, L = /^-ms-/, Y = /-(.)/g, w = {};
+  d = function(n, e) {
+    if (n === "content" && (typeof e != "string" || M.indexOf(e) === -1 && !R.test(e) && (e.charAt(0) !== e.charAt(e.length - 1) || e.charAt(0) !== '"' && e.charAt(0) !== "'")))
+      throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + e + "\"'`");
+    var o = I(n, e);
+    return o !== "" && !v(n) && n.indexOf("-") !== -1 && w[n] === void 0 && (w[n] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + n.replace(L, "ms-").replace(Y, function(i, r) {
+      return r.toUpperCase();
+    }) + "?")), o;
+  };
+}
+var _ = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
+function f(s, n, e) {
+  if (e == null)
+    return "";
+  if (e.__emotion_styles !== void 0) {
+    if (process.env.NODE_ENV !== "production" && e.toString() === "NO_COMPONENT_SELECTOR")
+      throw new Error(_);
+    return e;
+  }
+  switch (typeof e) {
+    case "boolean":
+      return "";
+    case "object": {
+      if (e.anim === 1)
+        return c = {
+          name: e.name,
+          styles: e.styles,
+          next: c
+        }, e.name;
+      if (e.styles !== void 0) {
+        var o = e.next;
+        if (o !== void 0)
+          for (; o !== void 0; )
+            c = {
+              name: o.name,
+              styles: o.styles,
+              next: c
+            }, o = o.next;
+        var i = e.styles + ";";
+        return process.env.NODE_ENV !== "production" && e.map !== void 0 && (i += e.map), i;
+      }
+      return j(s, n, e);
+    }
+    case "function": {
+      if (s !== void 0) {
+        var r = c, t = e(s);
+        return c = r, f(s, n, t);
+      } else
+        process.env.NODE_ENV !== "production" && console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");
+      break;
+    }
+    case "string":
+      if (process.env.NODE_ENV !== "production") {
+        var a = [], u = e.replace(S, function(m, h, p) {
+          var y = "animation" + a.length;
+          return a.push("const " + y + " = keyframes`" + p.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + y + "}";
+        });
+        a.length && console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n" + [].concat(a, ["`" + u + "`"]).join(`
+`) + `
+
+You should wrap it with \`css\` like this:
+
+` + ("css`" + u + "`"));
+      }
+      break;
+  }
+  if (n == null)
+    return e;
+  var l = n[e];
+  return l !== void 0 ? l : e;
+}
+function j(s, n, e) {
+  var o = "";
+  if (Array.isArray(e))
+    for (var i = 0; i < e.length; i++)
+      o += f(s, n, e[i]) + ";";
+  else
+    for (var r in e) {
+      var t = e[r];
+      if (typeof t != "object")
+        n != null && n[t] !== void 0 ? o += r + "{" + n[t] + "}" : b(t) && (o += E(r) + ":" + d(r, t) + ";");
+      else {
+        if (r === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production")
+          throw new Error(_);
+        if (Array.isArray(t) && typeof t[0] == "string" && (n == null || n[t[0]] === void 0))
+          for (var a = 0; a < t.length; a++)
+            b(t[a]) && (o += E(r) + ":" + d(r, t[a]) + ";");
+        else {
+          var u = f(s, n, t);
+          switch (r) {
+            case "animation":
+            case "animationName": {
+              o += E(r) + ":" + u + ";";
+              break;
             }
+            default:
+              process.env.NODE_ENV !== "production" && r === "undefined" && console.error(x), o += r + "{" + u + "}";
           }
-        ),
-        /* @__PURE__ */ o.jsx(
-          h,
-          {
-            textTransform: "uppercase",
-            color: r ? e : "#434A54",
-            cursor: "pointer",
-            children: l
-          }
-        )
-      ] })
+        }
+      }
+    }
+  return o;
+}
+var O = /label:\s*([^\s;\n{]+)\s*(;|$)/g, g;
+process.env.NODE_ENV !== "production" && (g = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g);
+var c, q = function(n, e, o) {
+  if (n.length === 1 && typeof n[0] == "object" && n[0] !== null && n[0].styles !== void 0)
+    return n[0];
+  var i = !0, r = "";
+  c = void 0;
+  var t = n[0];
+  t == null || t.raw === void 0 ? (i = !1, r += f(o, e, t)) : (process.env.NODE_ENV !== "production" && t[0] === void 0 && console.error(N), r += t[0]);
+  for (var a = 1; a < n.length; a++)
+    r += f(o, e, n[a]), i && (process.env.NODE_ENV !== "production" && t[a] === void 0 && console.error(N), r += t[a]);
+  var u;
+  process.env.NODE_ENV !== "production" && (r = r.replace(g, function(p) {
+    return u = p, "";
+  })), O.lastIndex = 0;
+  for (var l = "", m; (m = O.exec(r)) !== null; )
+    l += "-" + // $FlowFixMe we know it's not null
+    m[1];
+  var h = V(r) + l;
+  return process.env.NODE_ENV !== "production" ? {
+    name: h,
+    styles: r,
+    map: u,
+    next: c,
+    toString: function() {
+      return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
     }
-  );
+  } : {
+    name: h,
+    styles: r,
+    next: c
+  };
 };
 export {
-  T as Tab
+  q as serializeStyles
 };
 //# sourceMappingURL=sd-component-library283.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library283.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;"}
+{"version":3,"file":"sd-component-library283.js","sources":["../node_modules/@emotion/react/node_modules/@emotion/serialize/dist/emotion-serialize.browser.esm.js"],"sourcesContent":["import hashString from '@emotion/hash';\nimport unitless from '@emotion/unitless';\nimport memoize from '@emotion/memoize';\n\nvar ILLEGAL_ESCAPE_SEQUENCE_ERROR = \"You have illegal escape sequence in your template literal, most likely inside content's property value.\\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \\\"content: '\\\\00d7';\\\" should become \\\"content: '\\\\\\\\00d7';\\\".\\nYou can read more about this here:\\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences\";\nvar UNDEFINED_AS_OBJECT_KEY_ERROR = \"You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).\";\nvar hyphenateRegex = /[A-Z]|^ms/g;\nvar animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;\n\nvar isCustomProperty = function isCustomProperty(property) {\n  return property.charCodeAt(1) === 45;\n};\n\nvar isProcessableValue = function isProcessableValue(value) {\n  return value != null && typeof value !== 'boolean';\n};\n\nvar processStyleName = /* #__PURE__ */memoize(function (styleName) {\n  return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, '-$&').toLowerCase();\n});\n\nvar processStyleValue = function processStyleValue(key, value) {\n  switch (key) {\n    case 'animation':\n    case 'animationName':\n      {\n        if (typeof value === 'string') {\n          return value.replace(animationRegex, function (match, p1, p2) {\n            cursor = {\n              name: p1,\n              styles: p2,\n              next: cursor\n            };\n            return p1;\n          });\n        }\n      }\n  }\n\n  if (unitless[key] !== 1 && !isCustomProperty(key) && typeof value === 'number' && value !== 0) {\n    return value + 'px';\n  }\n\n  return value;\n};\n\nif (process.env.NODE_ENV !== 'production') {\n  var contentValuePattern = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\\(|(no-)?(open|close)-quote/;\n  var contentValues = ['normal', 'none', 'initial', 'inherit', 'unset'];\n  var oldProcessStyleValue = processStyleValue;\n  var msPattern = /^-ms-/;\n  var hyphenPattern = /-(.)/g;\n  var hyphenatedCache = {};\n\n  processStyleValue = function processStyleValue(key, value) {\n    if (key === 'content') {\n      if (typeof value !== 'string' || contentValues.indexOf(value) === -1 && !contentValuePattern.test(value) && (value.charAt(0) !== value.charAt(value.length - 1) || value.charAt(0) !== '\"' && value.charAt(0) !== \"'\")) {\n        throw new Error(\"You seem to be using a value for 'content' without quotes, try replacing it with `content: '\\\"\" + value + \"\\\"'`\");\n      }\n    }\n\n    var processed = oldProcessStyleValue(key, value);\n\n    if (processed !== '' && !isCustomProperty(key) && key.indexOf('-') !== -1 && hyphenatedCache[key] === undefined) {\n      hyphenatedCache[key] = true;\n      console.error(\"Using kebab-case for css properties in objects is not supported. Did you mean \" + key.replace(msPattern, 'ms-').replace(hyphenPattern, function (str, _char) {\n        return _char.toUpperCase();\n      }) + \"?\");\n    }\n\n    return processed;\n  };\n}\n\nvar noComponentSelectorMessage = 'Component selectors can only be used in conjunction with ' + '@emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware ' + 'compiler transform.';\n\nfunction handleInterpolation(mergedProps, registered, interpolation) {\n  if (interpolation == null) {\n    return '';\n  }\n\n  if (interpolation.__emotion_styles !== undefined) {\n    if (process.env.NODE_ENV !== 'production' && interpolation.toString() === 'NO_COMPONENT_SELECTOR') {\n      throw new Error(noComponentSelectorMessage);\n    }\n\n    return interpolation;\n  }\n\n  switch (typeof interpolation) {\n    case 'boolean':\n      {\n        return '';\n      }\n\n    case 'object':\n      {\n        if (interpolation.anim === 1) {\n          cursor = {\n            name: interpolation.name,\n            styles: interpolation.styles,\n            next: cursor\n          };\n          return interpolation.name;\n        }\n\n        if (interpolation.styles !== undefined) {\n          var next = interpolation.next;\n\n          if (next !== undefined) {\n            // not the most efficient thing ever but this is a pretty rare case\n            // and there will be very few iterations of this generally\n            while (next !== undefined) {\n              cursor = {\n                name: next.name,\n                styles: next.styles,\n                next: cursor\n              };\n              next = next.next;\n            }\n          }\n\n          var styles = interpolation.styles + \";\";\n\n          if (process.env.NODE_ENV !== 'production' && interpolation.map !== undefined) {\n            styles += interpolation.map;\n          }\n\n          return styles;\n        }\n\n        return createStringFromObject(mergedProps, registered, interpolation);\n      }\n\n    case 'function':\n      {\n        if (mergedProps !== undefined) {\n          var previousCursor = cursor;\n          var result = interpolation(mergedProps);\n          cursor = previousCursor;\n          return handleInterpolation(mergedProps, registered, result);\n        } else if (process.env.NODE_ENV !== 'production') {\n          console.error('Functions that are interpolated in css calls will be stringified.\\n' + 'If you want to have a css call based on props, create a function that returns a css call like this\\n' + 'let dynamicStyle = (props) => css`color: ${props.color}`\\n' + 'It can be called directly with props or interpolated in a styled call like this\\n' + \"let SomeComponent = styled('div')`${dynamicStyle}`\");\n        }\n\n        break;\n      }\n\n    case 'string':\n      if (process.env.NODE_ENV !== 'production') {\n        var matched = [];\n        var replaced = interpolation.replace(animationRegex, function (match, p1, p2) {\n          var fakeVarName = \"animation\" + matched.length;\n          matched.push(\"const \" + fakeVarName + \" = keyframes`\" + p2.replace(/^@keyframes animation-\\w+/, '') + \"`\");\n          return \"${\" + fakeVarName + \"}\";\n        });\n\n        if (matched.length) {\n          console.error('`keyframes` output got interpolated into plain string, please wrap it with `css`.\\n\\n' + 'Instead of doing this:\\n\\n' + [].concat(matched, [\"`\" + replaced + \"`\"]).join('\\n') + '\\n\\nYou should wrap it with `css` like this:\\n\\n' + (\"css`\" + replaced + \"`\"));\n        }\n      }\n\n      break;\n  } // finalize string values (regular strings and functions interpolated into css calls)\n\n\n  if (registered == null) {\n    return interpolation;\n  }\n\n  var cached = registered[interpolation];\n  return cached !== undefined ? cached : interpolation;\n}\n\nfunction createStringFromObject(mergedProps, registered, obj) {\n  var string = '';\n\n  if (Array.isArray(obj)) {\n    for (var i = 0; i < obj.length; i++) {\n      string += handleInterpolation(mergedProps, registered, obj[i]) + \";\";\n    }\n  } else {\n    for (var _key in obj) {\n      var value = obj[_key];\n\n      if (typeof value !== 'object') {\n        if (registered != null && registered[value] !== undefined) {\n          string += _key + \"{\" + registered[value] + \"}\";\n        } else if (isProcessableValue(value)) {\n          string += processStyleName(_key) + \":\" + processStyleValue(_key, value) + \";\";\n        }\n      } else {\n        if (_key === 'NO_COMPONENT_SELECTOR' && process.env.NODE_ENV !== 'production') {\n          throw new Error(noComponentSelectorMessage);\n        }\n\n        if (Array.isArray(value) && typeof value[0] === 'string' && (registered == null || registered[value[0]] === undefined)) {\n          for (var _i = 0; _i < value.length; _i++) {\n            if (isProcessableValue(value[_i])) {\n              string += processStyleName(_key) + \":\" + processStyleValue(_key, value[_i]) + \";\";\n            }\n          }\n        } else {\n          var interpolated = handleInterpolation(mergedProps, registered, value);\n\n          switch (_key) {\n            case 'animation':\n            case 'animationName':\n              {\n                string += processStyleName(_key) + \":\" + interpolated + \";\";\n                break;\n              }\n\n            default:\n              {\n                if (process.env.NODE_ENV !== 'production' && _key === 'undefined') {\n                  console.error(UNDEFINED_AS_OBJECT_KEY_ERROR);\n                }\n\n                string += _key + \"{\" + interpolated + \"}\";\n              }\n          }\n        }\n      }\n    }\n  }\n\n  return string;\n}\n\nvar labelPattern = /label:\\s*([^\\s;\\n{]+)\\s*(;|$)/g;\nvar sourceMapPattern;\n\nif (process.env.NODE_ENV !== 'production') {\n  sourceMapPattern = /\\/\\*#\\ssourceMappingURL=data:application\\/json;\\S+\\s+\\*\\//g;\n} // this is the cursor for keyframes\n// keyframes are stored on the SerializedStyles object as a linked list\n\n\nvar cursor;\nvar serializeStyles = function serializeStyles(args, registered, mergedProps) {\n  if (args.length === 1 && typeof args[0] === 'object' && args[0] !== null && args[0].styles !== undefined) {\n    return args[0];\n  }\n\n  var stringMode = true;\n  var styles = '';\n  cursor = undefined;\n  var strings = args[0];\n\n  if (strings == null || strings.raw === undefined) {\n    stringMode = false;\n    styles += handleInterpolation(mergedProps, registered, strings);\n  } else {\n    if (process.env.NODE_ENV !== 'production' && strings[0] === undefined) {\n      console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);\n    }\n\n    styles += strings[0];\n  } // we start at 1 since we've already handled the first arg\n\n\n  for (var i = 1; i < args.length; i++) {\n    styles += handleInterpolation(mergedProps, registered, args[i]);\n\n    if (stringMode) {\n      if (process.env.NODE_ENV !== 'production' && strings[i] === undefined) {\n        console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);\n      }\n\n      styles += strings[i];\n    }\n  }\n\n  var sourceMap;\n\n  if (process.env.NODE_ENV !== 'production') {\n    styles = styles.replace(sourceMapPattern, function (match) {\n      sourceMap = match;\n      return '';\n    });\n  } // using a global regex with .exec is stateful so lastIndex has to be reset each time\n\n\n  labelPattern.lastIndex = 0;\n  var identifierName = '';\n  var match; // https://esbench.com/bench/5b809c2cf2949800a0f61fb5\n\n  while ((match = labelPattern.exec(styles)) !== null) {\n    identifierName += '-' + // $FlowFixMe we know it's not null\n    match[1];\n  }\n\n  var name = hashString(styles) + identifierName;\n\n  if (process.env.NODE_ENV !== 'production') {\n    // $FlowFixMe SerializedStyles type doesn't have toString property (and we don't want to add it)\n    return {\n      name: name,\n      styles: styles,\n      map: sourceMap,\n      next: cursor,\n      toString: function toString() {\n        return \"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).\";\n      }\n    };\n  }\n\n  return {\n    name: name,\n    styles: styles,\n    next: cursor\n  };\n};\n\nexport { serializeStyles };\n"],"names":["ILLEGAL_ESCAPE_SEQUENCE_ERROR","UNDEFINED_AS_OBJECT_KEY_ERROR","hyphenateRegex","animationRegex","isCustomProperty","property","isProcessableValue","value","processStyleName","memoize","styleName","processStyleValue","key","match","p1","p2","cursor","unitless","contentValuePattern","contentValues","oldProcessStyleValue","msPattern","hyphenPattern","hyphenatedCache","processed","str","_char","noComponentSelectorMessage","handleInterpolation","mergedProps","registered","interpolation","next","styles","createStringFromObject","previousCursor","result","matched","replaced","fakeVarName","cached","obj","string","_key","_i","interpolated","labelPattern","sourceMapPattern","serializeStyles","args","stringMode","strings","i","sourceMap","identifierName","name","hashString"],"mappings":"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","x_google_ignoreList":[0]}

package/lib/sd-component-library284.js

@@ -1,52 +1,8 @@
-var n = Object.defineProperty;
-var R = (t, e, s) => e in t ? n(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
-var i = (t, e, s) => (R(t, typeof e != "symbol" ? e + "" : e, s), s);
-class h {
-  constructor() {
-    i(this, "refRegistry", {});
-  }
-  /**
-   * Check if ref is registered for a component with provided ID.
-   * @param id ID for the component.
-   */
-  doesRefExist(e) {
-    return !!this.refRegistry[e];
-  }
-  /**
-   * Register a ref.
-   *
-   * @param id ID for the component.
-   * @param ref React Ref object for the component. Used for scrolling.
-   */
-  addRef(e, s) {
-    const r = e.startsWith("#") ? e : `#${e}`;
-    this.refRegistry[r] = s;
-  }
-  /**
-   * Remove a ref from registry.
-   *
-   * @param id ID for the component.
-   */
-  removeRef(e) {
-    this.doesRefExist(e) ? delete this.refRegistry[e] : console.error(`Ref with ID ${e} does not exist in the registry`);
-  }
-  /**
-   * Scroll the component with provided ID into the view.
-   *
-   * @param id ID for the component.
-   * @param behavior Scroll behavior.
-   */
-  scrollToRef(e, { behavior: s = "smooth", block: r, inline: f }) {
-    var o;
-    this.doesRefExist(e) ? (o = this.refRegistry[e].current) == null || o.scrollIntoView({
-      behavior: s,
-      block: r,
-      inline: f
-    }) : console.error(`Ref with ID ${e} does not exist in the registry`);
-  }
-}
-const g = new h();
+import * as e from "react";
+var t = function(n) {
+  return n();
+}, a = e["useInsertionEffect"] ? e["useInsertionEffect"] : !1, c = a || t;
 export {
-  g as refsManager
+  c as useInsertionEffectAlwaysWithSyncFallback
 };
 //# sourceMappingURL=sd-component-library284.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library284.js","sources":["../src/components/utils/anchor/refs-manager.ts"],"sourcesContent":["import React from \"react\";\n\nimport { refsMap } from \"./interfaces\";\n\n/**\n * Refs Manager class to keep record of registered refs on the page.\n */\nclass RefsManager {\n  refRegistry: refsMap = {};\n\n  /**\n   * Check if ref is registered for a component with provided ID.\n   * @param id ID for the component.\n   */\n  public doesRefExist(id: string) {\n    return !!this.refRegistry[id];\n  }\n\n  /**\n   * Register a ref.\n   *\n   * @param id ID for the component.\n   * @param ref React Ref object for the component. Used for scrolling.\n   */\n  public addRef(\n    id: string,\n    ref: React.MutableRefObject<HTMLDivElement | undefined>\n  ) {\n    const key = id.startsWith(\"#\") ? id : `#${id}`;\n\n    this.refRegistry[key] = ref;\n  }\n\n  /**\n   * Remove a ref from registry.\n   *\n   * @param id ID for the component.\n   */\n  public removeRef(id: string) {\n    if (this.doesRefExist(id)) delete this.refRegistry[id];\n    else console.error(`Ref with ID ${id} does not exist in the registry`);\n  }\n\n  /**\n   * Scroll the component with provided ID into the view.\n   *\n   * @param id ID for the component.\n   * @param behavior Scroll behavior.\n   */\n  public scrollToRef(\n    id: string,\n    { behavior = \"smooth\", block, inline }: ScrollIntoViewOptions\n  ) {\n    if (this.doesRefExist(id))\n      this.refRegistry[id].current?.scrollIntoView({\n        behavior,\n        block,\n        inline,\n      });\n    else console.error(`Ref with ID ${id} does not exist in the registry`);\n  }\n}\n\nexport const refsManager = new RefsManager();\n"],"names":["RefsManager","__publicField","id","ref","key","behavior","block","inline","_a","refsManager"],"mappings":";;;AAOA,MAAMA,EAAY;AAAA,EAAlB;AACE,IAAAC,EAAA,qBAAuB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhB,aAAaC,GAAY;AAC9B,WAAO,CAAC,CAAC,KAAK,YAAYA,CAAE;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQO,OACLA,GACAC,GACA;AACA,UAAMC,IAAMF,EAAG,WAAW,GAAG,IAAIA,IAAK,IAAIA,CAAE;AAEvC,SAAA,YAAYE,CAAG,IAAID;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOO,UAAUD,GAAY;AACvB,IAAA,KAAK,aAAaA,CAAE,IAAU,OAAA,KAAK,YAAYA,CAAE,IACxC,QAAA,MAAM,eAAeA,CAAE,iCAAiC;AAAA,EACvE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQO,YACLA,GACA,EAAE,UAAAG,IAAW,UAAU,OAAAC,GAAO,QAAAC,KAC9B;AA7CJ,QAAAC;AA8CQ,IAAA,KAAK,aAAaN,CAAE,KACtBM,IAAA,KAAK,YAAYN,CAAE,EAAE,YAArB,QAAAM,EAA8B,eAAe;AAAA,MAC3C,UAAAH;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,IAAA,KAES,QAAA,MAAM,eAAeL,CAAE,iCAAiC;AAAA,EACvE;AACF;AAEa,MAAAO,IAAc,IAAIT,EAAY;"}
+{"version":3,"file":"sd-component-library284.js","sources":["../node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js"],"sourcesContent":["import * as React from 'react';\n\nvar syncFallback = function syncFallback(create) {\n  return create();\n};\n\nvar useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : false;\nvar useInsertionEffectAlwaysWithSyncFallback = useInsertionEffect || syncFallback;\nvar useInsertionEffectWithLayoutFallback = useInsertionEffect || React.useLayoutEffect;\n\nexport { useInsertionEffectAlwaysWithSyncFallback, useInsertionEffectWithLayoutFallback };\n"],"names":["syncFallback","create","useInsertionEffect","React","useInsertionEffectAlwaysWithSyncFallback"],"mappings":";AAEA,IAAIA,IAAe,SAAsBC,GAAQ;AAC/C,SAAOA,EAAM;AACf,GAEIC,IAAqBC,EAAM,oBAAyB,IAAIA,EAAM,oBAAyB,IAAI,IAC3FC,IAA2CF,KAAsBF;","x_google_ignoreList":[0]}