@selfdecode/sd-component-library 4.0.73-vite17-no-postcss → 4.0.73-vite19

package/lib/sd-component-library283.js

@@ -1,78 +1,5 @@
-import { j as o } from "./sd-component-library195.js";
-import g from "react";
-import "./sd-component-library198.js";
-import { Flex as j, Box as s } from "./sd-component-library199.js";
-import { TriangularPointerIcon as n } from "./sd-component-library189.js";
-import { ResponsiveTextV2 as y } from "./sd-component-library147.js";
-const $ = g.forwardRef(({
-  pointerSx: x,
-  tooltipPx: p,
-  tooltipText: d,
-  tooltipSx: a,
-  tooltipPy: l,
-  tooltipOffset: e,
-  pointerSize: m,
-  tooltipWidth: c,
-  placement: t,
-  state: h,
-  containerSx: R,
-  animationDuration: b,
-  pointerColor: r
-}, u) => {
-  const f = t === "bottom" ? {
-    top: "100%"
-  } : {
-    bottom: "100%"
-  }, i = {
-    size: `${m}px`,
-    color: r,
-    sx: {
-      my: "auto",
-      ...x
-    }
-  };
-  return /* @__PURE__ */ o.jsxs(j, { flexDirection: "column", sx: {
-    position: "absolute",
-    left: "50%",
-    transform: "translateX(-50%)",
-    cursor: "default",
-    alignItems: "center",
-    opacity: h === "entered" ? 1 : 0,
-    transition: `opacity ${b}ms`,
-    zIndex: 1,
-    ...f,
-    ...a
-  }, ref: u, "data-test": "tooltip-content", children: [
-    t === "bottom" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      /* @__PURE__ */ o.jsx(s, { height: `${e}px` }),
-      /* @__PURE__ */ o.jsx(n, { direction: "top", ...i })
-    ] }),
-    /* @__PURE__ */ o.jsx(y, { fontSizeWeight: [14, "regular"], sx: {
-      width: c,
-      lineHeight: "16px",
-      bg: "cl_white",
-      px: p,
-      py: l,
-      borderColor: "cl_lightGrey",
-      borderWidth: "1px",
-      borderStyle: "solid",
-      ...t === "top" ? {
-        borderBottomWidth: "2px",
-        borderBottomColor: r,
-        borderRadius: "3px 3px 0 0"
-      } : {
-        borderTopWidth: "2px",
-        borderTopColor: r,
-        borderRadius: "0 0 3px 3px"
-      }
-    }, children: d }),
-    t === "top" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      /* @__PURE__ */ o.jsx(n, { direction: "bottom", ...i }),
-      /* @__PURE__ */ o.jsx(s, { height: `${e}px` })
-    ] })
-  ] });
-});
+var e = {};
 export {
-  $ as TooltipWithPointerVertical
+  e as __exports
 };
 //# 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/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-vertical/tooltip-with-pointer-vertical.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerPartialProps as Props } from \"../interfaces\";\n\nexport const TooltipWithPointerVertical = React.forwardRef<\n  HTMLDivElement,\n  Props\n>(\n  (\n    {\n      pointerSx,\n      tooltipPx,\n      tooltipText,\n      tooltipSx,\n      tooltipPy,\n      tooltipOffset,\n      pointerSize,\n      tooltipWidth,\n      placement,\n      state,\n      containerSx,\n      animationDuration,\n      pointerColor,\n    },\n    ref\n  ) => {\n    const tooltipContainerProps =\n      placement === \"bottom\"\n        ? {\n            top: \"100%\",\n          }\n        : {\n            bottom: \"100%\",\n          };\n\n    const pointerCommonProps = {\n      size: `${pointerSize}px`,\n      color: pointerColor,\n      sx: {\n        my: \"auto\",\n        ...pointerSx,\n      },\n    };\n\n    return (\n      <Flex\n        flexDirection=\"column\"\n        sx={{\n          position: \"absolute\",\n          left: \"50%\",\n          transform: \"translateX(-50%)\",\n          cursor: \"default\",\n          alignItems: \"center\",\n          opacity: state === \"entered\" ? 1 : 0,\n          transition: `opacity ${animationDuration}ms`,\n          zIndex: 1,\n          ...tooltipContainerProps,\n          ...tooltipSx,\n        }}\n        ref={ref}\n        data-test=\"tooltip-content\"\n      >\n        {placement === \"bottom\" && (\n          <>\n            <Box height={`${tooltipOffset}px`} />\n            <TriangularPointerIcon direction=\"top\" {...pointerCommonProps} />\n          </>\n        )}\n\n        <ResponsiveTextV2\n          fontSizeWeight={[14, \"regular\"]}\n          sx={{\n            width: tooltipWidth,\n            lineHeight: \"16px\",\n            bg: \"cl_white\",\n            px: tooltipPx,\n            py: tooltipPy,\n            borderColor: \"cl_lightGrey\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n            ...(placement === \"top\"\n              ? {\n                  borderBottomWidth: \"2px\",\n                  borderBottomColor: pointerColor,\n                  borderRadius: \"3px 3px 0 0\",\n                }\n              : {\n                  borderTopWidth: \"2px\",\n                  borderTopColor: pointerColor,\n                  borderRadius: \"0 0 3px 3px\",\n                }),\n          }}\n        >\n          {tooltipText}\n        </ResponsiveTextV2>\n\n        {placement === \"top\" && (\n          <>\n            <TriangularPointerIcon direction=\"bottom\" {...pointerCommonProps} />\n            <Box height={`${tooltipOffset}px`} />\n          </>\n        )}\n      </Flex>\n    );\n  }\n);\n"],"names":["TooltipWithPointerVertical","React","forwardRef","pointerSx","tooltipPx","tooltipText","tooltipSx","tooltipPy","tooltipOffset","pointerSize","tooltipWidth","placement","state","containerSx","animationDuration","pointerColor","ref","tooltipContainerProps","top","bottom","pointerCommonProps","size","color","sx","my","jsxs","Flex","position","left","transform","cursor","alignItems","opacity","transition","zIndex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2","width","lineHeight","bg","px","py","borderColor","borderWidth","borderStyle","borderBottomWidth","borderBottomColor","borderRadius","borderTopWidth","borderTopColor"],"mappings":";;;;;;AAQaA,MAAAA,IAA6BC,EAAMC,WAI9C,CACE;AAAA,EACEC,WAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,mBAAAA;AAAAA,EACAC,cAAAA;AACF,GACAC,MACG;AACGC,QAAAA,IACJN,MAAc,WACV;AAAA,IACEO,KAAK;AAAA,EAAA,IAEP;AAAA,IACEC,QAAQ;AAAA,EAAA,GAGVC,IAAqB;AAAA,IACzBC,MAAO,GAAEZ,CAAY;AAAA,IACrBa,OAAOP;AAAAA,IACPQ,IAAI;AAAA,MACFC,IAAI;AAAA,MACJ,GAAGrB;AAAAA,IACL;AAAA,EAAA;AAGF,SACGsB,gBAAAA,EAAA,KAAAC,GAAA,EACC,eAAc,UACd,IAAI;AAAA,IACFC,UAAU;AAAA,IACVC,MAAM;AAAA,IACNC,WAAW;AAAA,IACXC,QAAQ;AAAA,IACRC,YAAY;AAAA,IACZC,SAASpB,MAAU,YAAY,IAAI;AAAA,IACnCqB,YAAa,WAAUnB,CAAkB;AAAA,IACzCoB,QAAQ;AAAA,IACR,GAAGjB;AAAAA,IACH,GAAGX;AAAAA,EACL,GACA,KAAAU,GACA,aAAU,mBAETL,UAAAA;AAAAA,IAAAA,MAAc,YAEXc,gBAAAA,EAAAA,KAAAU,EAAA,UAAA,EAAA,UAAA;AAAA,MAAAC,gBAAAA,EAAA,IAACC,GAAI,EAAA,QAAS,GAAE7B,CAAc,MAAI;AAAA,MACjC4B,gBAAAA,EAAA,IAAAE,GAAA,EAAsB,WAAU,OAAUlB,GAAAA,EAAmB,CAAA;AAAA,IAAA,GAChE;AAAA,0BAGDmB,GACC,EAAA,gBAAgB,CAAC,IAAI,SAAS,GAC9B,IAAI;AAAA,MACFC,OAAO9B;AAAAA,MACP+B,YAAY;AAAA,MACZC,IAAI;AAAA,MACJC,IAAIvC;AAAAA,MACJwC,IAAIrC;AAAAA,MACJsC,aAAa;AAAA,MACbC,aAAa;AAAA,MACbC,aAAa;AAAA,MACb,GAAIpC,MAAc,QACd;AAAA,QACEqC,mBAAmB;AAAA,QACnBC,mBAAmBlC;AAAAA,QACnBmC,cAAc;AAAA,MAAA,IAEhB;AAAA,QACEC,gBAAgB;AAAA,QAChBC,gBAAgBrC;AAAAA,QAChBmC,cAAc;AAAA,MAChB;AAAA,IAAA,GAGL7C,UACHA,GAAA;AAAA,IAECM,MAAc,SAEXc,gBAAAA,EAAAA,KAAAU,EAAA,UAAA,EAAA,UAAA;AAAA,MAAAC,gBAAAA,EAAA,IAACE,GAAsB,EAAA,WAAU,UAAalB,GAAAA,EAAmB,CAAA;AAAA,MAChEgB,gBAAAA,EAAA,IAAAC,GAAA,EAAI,QAAS,GAAE7B,CAAc,MAAI;AAAA,IAAA,GACpC;AAAA,EAEJ,EAAA,CAAA;AAEJ,CACF;"}
+{"version":3,"file":"sd-component-library283.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/sd-component-library284.js

@@ -1,56 +1,10 @@
-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`);
-  }
+import o from "./sd-component-library313.js";
+import e from "./sd-component-library314.js";
+function f(t) {
+  var r = e(t, "string");
+  return o(r) === "symbol" ? r : String(r);
 }
-const g = new h();
 export {
-  g as refsManager
+  f as default
 };
 //# sourceMappingURL=sd-component-library284.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library284.js","sources":["../src/components/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","refRegistry","doesRefExist","id","addRef","ref","key","startsWith","removeRef","error","scrollToRef","behavior","block","inline","_a","current","scrollIntoView","refsManager"],"mappings":";;;AAOA,MAAMA,EAAY;AAAA,EAAlB;AACEC,IAAAA,EAAAA,qBAAuB,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhBC,aAAaC,GAAY;AAC9B,WAAO,CAAC,CAAC,KAAKF,YAAYE,CAAE;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQOC,OACLD,GACAE,GACA;AACA,UAAMC,IAAMH,EAAGI,WAAW,GAAG,IAAIJ,IAAM,IAAGA,CAAG;AAExCF,SAAAA,YAAYK,CAAG,IAAID;AAAAA,EAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOOG,UAAUL,GAAY;AACvB,IAAA,KAAKD,aAAaC,CAAE,IAAU,OAAA,KAAKF,YAAYE,CAAE,IACxCM,QAAAA,MAAO,eAAcN,CAAG,iCAAgC;AAAA,EACvE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQOO,YACLP,GACA;AAAA,IAAEQ,UAAAA,IAAW;AAAA,IAAUC,OAAAA;AAAAA,IAAOC,QAAAA;AAAAA,EAAAA,GAC9B;AA7CJ,QAAAC;AA8CQ,IAAA,KAAKZ,aAAaC,CAAE,KACtBW,IAAA,KAAKb,YAAYE,CAAE,EAAEY,YAArB,QAAAD,EAA8BE,eAAe;AAAA,MAC3CL,UAAAA;AAAAA,MACAC,OAAAA;AAAAA,MACAC,QAAAA;AAAAA,IAAAA,KAESJ,QAAAA,MAAO,eAAcN,CAAG,iCAAgC;AAAA,EACvE;AACF;AAEac,MAAAA,IAAc,IAAIjB,EAAY;"}
+{"version":3,"file":"sd-component-library284.js","sources":["../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"],"sourcesContent":["import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n  var key = toPrimitive(arg, \"string\");\n  return _typeof(key) === \"symbol\" ? key : String(key);\n}"],"names":["_toPropertyKey","arg","key","toPrimitive","_typeof"],"mappings":";;AAEe,SAASA,EAAeC,GAAK;AAC1C,MAAIC,IAAMC,EAAYF,GAAK,QAAQ;AACnC,SAAOG,EAAQF,CAAG,MAAM,WAAWA,IAAM,OAAOA,CAAG;AACrD;","x_google_ignoreList":[0]}

package/lib/sd-component-library285.js

@@ -1,10 +1,9 @@
-import o from "./sd-component-library322.js";
-import e from "./sd-component-library323.js";
-function f(t) {
-  var r = e(t, "string");
-  return o(r) === "symbol" ? r : String(r);
-}
+import { __module as r } from "./sd-component-library324.js";
+import { __require as e } from "./sd-component-library325.js";
+import { __require as o } from "./sd-component-library326.js";
+process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
+var i = r.exports;
 export {
-  f as default
+  i as r
 };
 //# sourceMappingURL=sd-component-library285.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library285.js","sources":["../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"],"sourcesContent":["import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function _toPropertyKey(arg) {\n  var key = toPrimitive(arg, \"string\");\n  return _typeof(key) === \"symbol\" ? key : String(key);\n}"],"names":["_toPropertyKey","arg","key","toPrimitive","_typeof"],"mappings":";;AAEe,SAASA,EAAeC,GAAK;AAC1C,MAAIC,IAAMC,EAAYF,GAAK,QAAQ;AACnC,SAAOG,EAAQF,CAAG,MAAM,WAAWA,IAAM,OAAOA,CAAG;AACrD;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library285.js","sources":["../node_modules/react-is/index.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-is.production.min.js');\n} else {\n  module.exports = require('./cjs/react-is.development.js');\n}\n"],"names":["reactIsModule","require$$0","require$$1"],"mappings":";;;AAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,MAEjBD,EAAA,UAAiBE;;","x_google_ignoreList":[0]}

package/lib/sd-component-library286.js

@@ -1,9 +1,52 @@
-import { __module as r } from "./sd-component-library324.js";
-import { __require as e } from "./sd-component-library325.js";
-import { __require as o } from "./sd-component-library326.js";
-process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
-var i = r.exports;
+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();
 export {
-  i as r
+  g as refsManager
 };
 //# sourceMappingURL=sd-component-library286.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library286.js","sources":["../node_modules/react-is/index.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-is.production.min.js');\n} else {\n  module.exports = require('./cjs/react-is.development.js');\n}\n"],"names":["reactIsModule","require$$0","require$$1"],"mappings":";;;AAEI,QAAQ,IAAI,aAAa,eAC3BA,EAAA,UAAiBC,MAEjBD,EAAA,UAAiBE;;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library286.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;"}

package/lib/sd-component-library288.js

@@ -1,5 +1,7 @@
-var e = {};
+import { getAugmentedNamespace as e } from "./sd-component-library305.js";
+import * as r from "./sd-component-library327.js";
+const m = /* @__PURE__ */ e(r);
 export {
-  e as __exports
+  m as default
 };
 //# sourceMappingURL=sd-component-library288.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library288.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library288.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/lib/sd-component-library289.js

@@ -1,5 +1,7 @@
-var r = {};
+import { getAugmentedNamespace as e } from "./sd-component-library305.js";
+import * as m from "./sd-component-library329.js";
+const t = /* @__PURE__ */ e(m);
 export {
-  r as __exports
+  t as default
 };
 //# sourceMappingURL=sd-component-library289.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library289.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library289.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/lib/sd-component-library29.js

@@ -17,7 +17,29 @@ const m = (r) => {
     children: g,
     height: n = "42px"
   } = r;
-  return /* @__PURE__ */ B.jsx(C, { ...r, variant: "_cta", borderRadius: a, height: n, bg: o ? d : b, color: o ? i : t, fill: t, borderStyle: "solid", borderWidth: e, borderColor: o ? "cl_grey" : s, hoverBg: o ? d : v, hoverColor: o ? i : l, hoverFill: l, hoverBorderStyle: "solid", hoverBorderWidth: e, hoverBorderColor: o ? "cl_grey" : c, "data-test": "cta-button", children: g });
+  return /* @__PURE__ */ B.jsx(
+    C,
+    {
+      ...r,
+      variant: "_cta",
+      borderRadius: a,
+      height: n,
+      bg: o ? d : b,
+      color: o ? i : t,
+      fill: t,
+      borderStyle: "solid",
+      borderWidth: e,
+      borderColor: o ? "cl_grey" : s,
+      hoverBg: o ? d : v,
+      hoverColor: o ? i : l,
+      hoverFill: l,
+      hoverBorderStyle: "solid",
+      hoverBorderWidth: e,
+      hoverBorderColor: o ? "cl_grey" : c,
+      "data-test": "cta-button",
+      children: g
+    }
+  );
 };
 export {
   m as CtaButton

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library29.js","sources":["../src/components/buttons/cta/cta-button/cta-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../button\";\nimport { CtaButtonProps } from \"./interfaces\";\n\n/**\n * The cta button.\n */\nexport const CtaButton: React.FC<CtaButtonProps> = (props) => {\n  const {\n    v1,\n    disabled,\n    borderRadius = v1 ? \"0\" : \"5px\",\n    borderWidth = \"2px\",\n    borderColor,\n    color,\n    bg,\n    hoverBorderColor,\n    hoverColor,\n    hoverBg,\n    disabledBg = \"cl_grey\",\n    disabledColor = \"cl_white\",\n    children,\n    height = \"42px\",\n  } = props;\n\n  return (\n    <Button\n      {...props}\n      variant=\"_cta\"\n      borderRadius={borderRadius}\n      height={height}\n      bg={disabled ? disabledBg : bg}\n      color={disabled ? disabledColor : color}\n      fill={color}\n      borderStyle=\"solid\"\n      borderWidth={borderWidth}\n      borderColor={disabled ? \"cl_grey\" : borderColor}\n      hoverBg={disabled ? disabledBg : hoverBg}\n      hoverColor={disabled ? disabledColor : hoverColor}\n      hoverFill={hoverColor}\n      hoverBorderStyle=\"solid\"\n      hoverBorderWidth={borderWidth}\n      hoverBorderColor={disabled ? \"cl_grey\" : hoverBorderColor}\n      data-test=\"cta-button\"\n    >\n      {children}\n    </Button>\n  );\n};\n"],"names":["CtaButton","props","v1","disabled","borderRadius","borderWidth","borderColor","color","bg","hoverBorderColor","hoverColor","hoverBg","disabledBg","disabledColor","children","height","jsx","Button"],"mappings":";;AAQO,MAAMA,IAAuCC,CAAUA,MAAA;AACtD,QAAA;AAAA,IACJC,IAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,cAAAA,IAAeF,IAAK,MAAM;AAAA,IAC1BG,aAAAA,IAAc;AAAA,IACdC,aAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,YAAAA,IAAa;AAAA,IACbC,eAAAA,IAAgB;AAAA,IAChBC,UAAAA;AAAAA,IACAC,QAAAA,IAAS;AAAA,EACPd,IAAAA;AAGF,SAAAe,gBAAAA,MAACC,KACKhB,GAAAA,GACJ,SAAQ,QACR,cAAAG,GACA,QAAAW,GACA,IAAIZ,IAAWS,IAAaJ,GAC5B,OAAOL,IAAWU,IAAgBN,GAClC,MAAMA,GACN,aAAY,SACZ,aAAAF,GACA,aAAaF,IAAW,YAAYG,GACpC,SAASH,IAAWS,IAAaD,GACjC,YAAYR,IAAWU,IAAgBH,GACvC,WAAWA,GACX,kBAAiB,SACjB,kBAAkBL,GAClB,kBAAkBF,IAAW,YAAYM,GACzC,aAAU,cAETK,UAAAA,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library29.js","sources":["../src/components/buttons/cta/cta-button/cta-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../button\";\nimport { CtaButtonProps } from \"./interfaces\";\n\n/**\n * The cta button.\n */\nexport const CtaButton: React.FC<CtaButtonProps> = (props) => {\n  const {\n    v1,\n    disabled,\n    borderRadius = v1 ? \"0\" : \"5px\",\n    borderWidth = \"2px\",\n    borderColor,\n    color,\n    bg,\n    hoverBorderColor,\n    hoverColor,\n    hoverBg,\n    disabledBg = \"cl_grey\",\n    disabledColor = \"cl_white\",\n    children,\n    height = \"42px\",\n  } = props;\n\n  return (\n    <Button\n      {...props}\n      variant=\"_cta\"\n      borderRadius={borderRadius}\n      height={height}\n      bg={disabled ? disabledBg : bg}\n      color={disabled ? disabledColor : color}\n      fill={color}\n      borderStyle=\"solid\"\n      borderWidth={borderWidth}\n      borderColor={disabled ? \"cl_grey\" : borderColor}\n      hoverBg={disabled ? disabledBg : hoverBg}\n      hoverColor={disabled ? disabledColor : hoverColor}\n      hoverFill={hoverColor}\n      hoverBorderStyle=\"solid\"\n      hoverBorderWidth={borderWidth}\n      hoverBorderColor={disabled ? \"cl_grey\" : hoverBorderColor}\n      data-test=\"cta-button\"\n    >\n      {children}\n    </Button>\n  );\n};\n"],"names":["CtaButton","props","v1","disabled","borderRadius","borderWidth","borderColor","color","bg","hoverBorderColor","hoverColor","hoverBg","disabledBg","disabledColor","children","height","jsx","Button"],"mappings":";;AAQa,MAAAA,IAAsC,CAACC,MAAU;AACtD,QAAA;AAAA,IACJ,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC,IAAeF,IAAK,MAAM;AAAA,IAC1B,aAAAG,IAAc;AAAA,IACd,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,IAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,eAAAC,IAAgB;AAAA,IAChB,UAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,EACP,IAAAd;AAGF,SAAAe,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGhB;AAAA,MACJ,SAAQ;AAAA,MACR,cAAAG;AAAA,MACA,QAAAW;AAAA,MACA,IAAIZ,IAAWS,IAAaJ;AAAA,MAC5B,OAAOL,IAAWU,IAAgBN;AAAA,MAClC,MAAMA;AAAA,MACN,aAAY;AAAA,MACZ,aAAAF;AAAA,MACA,aAAaF,IAAW,YAAYG;AAAA,MACpC,SAASH,IAAWS,IAAaD;AAAA,MACjC,YAAYR,IAAWU,IAAgBH;AAAA,MACvC,WAAWA;AAAA,MACX,kBAAiB;AAAA,MACjB,kBAAkBL;AAAA,MAClB,kBAAkBF,IAAW,YAAYM;AAAA,MACzC,aAAU;AAAA,MAET,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library290.js

@@ -1,7 +1,7 @@
 import { getAugmentedNamespace as e } from "./sd-component-library305.js";
-import * as r from "./sd-component-library327.js";
-const m = /* @__PURE__ */ e(r);
+import * as m from "./sd-component-library342.js";
+const t = /* @__PURE__ */ e(m);
 export {
-  m as default
+  t as default
 };
 //# sourceMappingURL=sd-component-library290.js.map

package/lib/sd-component-library291.js

@@ -1,5 +1,5 @@
 import { getAugmentedNamespace as e } from "./sd-component-library305.js";
-import * as m from "./sd-component-library329.js";
+import * as m from "./sd-component-library295.js";
 const t = /* @__PURE__ */ e(m);
 export {
   t as default

package/lib/sd-component-library292.js

@@ -1,7 +1,32 @@
-import { getAugmentedNamespace as e } from "./sd-component-library305.js";
-import * as m from "./sd-component-library342.js";
-const t = /* @__PURE__ */ e(m);
+import { j as n } from "./sd-component-library195.js";
+import { Button as a } from "./sd-component-library28.js";
+const u = (r) => {
+  const {
+    borderColor: e,
+    borderStyle: o,
+    borderWidth: i,
+    fill: d,
+    width: l,
+    height: h,
+    disabled: t
+  } = r;
+  return /* @__PURE__ */ n.jsx(
+    a,
+    {
+      ...r,
+      width: l || ["30px"],
+      height: h || ["30px"],
+      borderColor: t ? "cl_lightGrey" : e || "#4668F8",
+      borderStyle: o || "solid",
+      borderWidth: i || "2px",
+      fill: t ? "cl_lightGrey" : d || "#4668F8",
+      "data-test": "square-button",
+      variant: "_square",
+      children: r.children
+    }
+  );
+};
 export {
-  t as default
+  u as SquareButton
 };
 //# sourceMappingURL=sd-component-library292.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library292.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"sd-component-library292.js","sources":["../src/components/buttons/partials/square-button/square-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../button\";\nimport { SquareButtonProps } from \"./interfaces\";\n\n/**\n * The circle button.\n */\nexport const SquareButton: React.FunctionComponent<SquareButtonProps> = (\n  props: SquareButtonProps\n): React.ReactElement<SquareButtonProps> => {\n  const {\n    borderColor,\n    borderStyle,\n    borderWidth,\n    fill,\n    width,\n    height,\n    disabled,\n  } = props;\n  return (\n    <Button\n      {...props}\n      width={width || [\"30px\"]}\n      height={height || [\"30px\"]}\n      borderColor={!disabled ? borderColor || \"#4668F8\" : \"cl_lightGrey\"}\n      borderStyle={borderStyle || \"solid\"}\n      borderWidth={borderWidth || \"2px\"}\n      fill={!disabled ? fill || \"#4668F8\" : \"cl_lightGrey\"}\n      data-test=\"square-button\"\n      variant=\"_square\"\n    >\n      {props.children}\n    </Button>\n  );\n};\n"],"names":["SquareButton","props","borderColor","borderStyle","borderWidth","fill","width","height","disabled","jsx","Button"],"mappings":";;AAQa,MAAAA,IAA2D,CACtEC,MAC0C;AACpC,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAP;AAEF,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGT;AAAA,MACJ,OAAOK,KAAS,CAAC,MAAM;AAAA,MACvB,QAAQC,KAAU,CAAC,MAAM;AAAA,MACzB,aAAcC,IAAsC,iBAA3BN,KAAe;AAAA,MACxC,aAAaC,KAAe;AAAA,MAC5B,aAAaC,KAAe;AAAA,MAC5B,MAAOI,IAA+B,iBAApBH,KAAQ;AAAA,MAC1B,aAAU;AAAA,MACV,SAAQ;AAAA,MAEP,UAAMJ,EAAA;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/lib/sd-component-library293.js

@@ -1,7 +1,27 @@
-import { getAugmentedNamespace as e } from "./sd-component-library305.js";
-import * as m from "./sd-component-library295.js";
-const t = /* @__PURE__ */ e(m);
+import { j as t } from "./sd-component-library195.js";
+import { ResponsiveTextV2 as o } from "./sd-component-library147.js";
+const s = (e) => {
+  const { currentPage: r } = e;
+  return /* @__PURE__ */ t.jsx(
+    o,
+    {
+      fontSizeWeight: [14, "regular"],
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        borderColor: "cl_lightGrey",
+        borderWidth: 1,
+        borderStyle: "solid",
+        borderRadius: "3px",
+        height: "30px",
+        minWidth: "30px"
+      },
+      children: r
+    }
+  );
+};
 export {
-  t as default
+  s as CurrentPage
 };
 //# sourceMappingURL=sd-component-library293.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library293.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"sd-component-library293.js","sources":["../src/components/page-selectors/page-selector/partials/current-page/current-page.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { CurrentPageProps as Props } from \"./interfaces\";\n\nexport const CurrentPage: React.FC<Props> = (props) => {\n  const { currentPage } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[14, \"regular\"]}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        borderColor: \"cl_lightGrey\",\n        borderWidth: 1,\n        borderStyle: \"solid\",\n        borderRadius: \"3px\",\n        height: \"30px\",\n        minWidth: \"30px\",\n      }}\n    >\n      {currentPage}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["CurrentPage","props","currentPage","jsx","ResponsiveTextV2"],"mappings":";;AAKa,MAAAA,IAA+B,CAACC,MAAU;AAC/C,QAAA,EAAE,aAAAC,EAAgB,IAAAD;AAGtB,SAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,MAC9B,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,QACb,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,UAAU;AAAA,MACZ;AAAA,MAEC,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library294.js

@@ -1,9 +1,9 @@
 import { __exports as o } from "./sd-component-library344.js";
 import v from "react";
-import p from "./sd-component-library290.js";
-import x from "./sd-component-library291.js";
-import _ from "./sd-component-library292.js";
-import m from "./sd-component-library293.js";
+import p from "./sd-component-library288.js";
+import x from "./sd-component-library289.js";
+import _ from "./sd-component-library290.js";
+import m from "./sd-component-library291.js";
 Object.defineProperty(o, "__esModule", {
   value: !0
 });

package/lib/sd-component-library295.js

@@ -1,4 +1,4 @@
-import m from "./sd-component-library321.js";
+import m from "./sd-component-library323.js";
 import e from "./sd-component-library343.js";
 import "./sd-component-library329.js";
 import { compose as p } from "./sd-component-library330.js";

package/lib/sd-component-library3.js

@@ -10,15 +10,14 @@ const p = (e) => {
 }, k = (e, t) => {
   const [n, r] = u(!1), [o, c] = u(0), i = f(() => {
     e.current && (r(!1), c(e.current.getBoundingClientRect().height), r(!0));
-  }, [e, t]), s = f(v(i, 200), [e]);
+  }, [e, t]), s = f(v(i, 200), [
+    e
+  ]);
   return a(() => (setTimeout(() => {
     i();
   }), window.addEventListener("resize", s), window.addEventListener("change", s), () => {
     window.removeEventListener("resize", s), window.removeEventListener("change", s);
-  }), [s, i]), {
-    contentHeight: o,
-    isHeightMeasured: n
-  };
+  }), [s, i]), { contentHeight: o, isHeightMeasured: n };
 };
 function y(e, t) {
   a(() => {
@@ -45,7 +44,9 @@ function l(e) {
   }, [e, t]), r;
 }
 function z() {
-  const e = d.breakpoints[0], t = d.breakpoints[1], n = d.breakpoints[2], r = l(`(min-width:${e})`), o = l(`(min-width:${t})`), c = l(`(min-width:${n})`);
+  const e = d.breakpoints[0], t = d.breakpoints[1], n = d.breakpoints[2], r = l(`(min-width:${e})`), o = l(
+    `(min-width:${t})`
+  ), c = l(`(min-width:${n})`);
   let i = !1, s = !1, h = !1, m = !1;
   return c ? m = !0 : o ? h = !0 : r ? s = !0 : i = !0, {
     isMobile: i,
@@ -84,34 +85,23 @@ function B() {
   const e = w(null), [t, n] = u(0), [r, o] = u(0);
   return a(() => {
     if (e.current) {
-      const {
-        x: c,
-        y: i
-      } = e.current.getBoundingClientRect();
+      const { x: c, y: i } = e.current.getBoundingClientRect();
       n(c), o(i);
     }
-  }, [e.current]), {
-    ref: e,
-    x: t,
-    y: r
-  };
+  }, [e.current]), { ref: e, x: t, y: r };
 }
 function T(e = {}) {
-  const {
-    listenForResize: t,
-    checkEachRender: n,
-    debounceDelay: r = 200
-  } = e, o = w(null), [c, i] = u(), s = f(v(() => {
-    o.current && i(o.current.getBoundingClientRect());
-  }, r), [o]);
+  const { listenForResize: t, checkEachRender: n, debounceDelay: r = 200 } = e, o = w(null), [c, i] = u(), s = f(
+    v(() => {
+      o.current && i(o.current.getBoundingClientRect());
+    }, r),
+    [o]
+  );
   return a(() => {
     n && s();
   }), a(() => (s(), t && (window.addEventListener("resize", s), window.addEventListener("change", s)), () => {
     t && (window.removeEventListener("resize", s), window.removeEventListener("change", s));
-  }), [s, t]), {
-    ref: o,
-    rect: c
-  };
+  }), [s, t]), { ref: o, rect: c };
 }
 const I = (e, t = !0) => {
   a(() => (e && t && L(e), () => {