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

package/lib/sd-component-library291.js

@@ -0,0 +1,96 @@
+import { j as o } from "./sd-component-library196.js";
+import f from "./sd-component-library193.js";
+import "./sd-component-library199.js";
+import { Flex as j, Box as s } from "./sd-component-library200.js";
+import { TriangularPointerIcon as n } from "./sd-component-library189.js";
+import { ResponsiveTextV2 as y } from "./sd-component-library147.js";
+const $ = f.forwardRef(
+  ({
+    pointerSx: x,
+    tooltipPx: p,
+    tooltipText: d,
+    tooltipSx: a,
+    tooltipPy: m,
+    tooltipOffset: e,
+    pointerSize: l,
+    tooltipWidth: c,
+    placement: t,
+    state: h,
+    containerSx: R,
+    animationDuration: b,
+    pointerColor: r
+  }, g) => {
+    const u = t === "bottom" ? {
+      top: "100%"
+    } : {
+      bottom: "100%"
+    }, i = {
+      size: `${l}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,
+          ...u,
+          ...a
+        },
+        ref: g,
+        "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: m,
+                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` })
+          ] })
+        ]
+      }
+    );
+  }
+);
+export {
+  $ as TooltipWithPointerVertical
+};
+//# sourceMappingURL=sd-component-library291.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library291.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","pointerSx","tooltipPx","tooltipText","tooltipSx","tooltipPy","tooltipOffset","pointerSize","tooltipWidth","placement","state","containerSx","animationDuration","pointerColor","ref","tooltipContainerProps","pointerCommonProps","jsxs","Flex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2"],"mappings":";;;;;;AAQO,MAAMA,IAA6BC,EAAM;AAAA,EAI9C,CACE;AAAA,IACE,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,KAEFC,MACG;AACG,UAAAC,IACJN,MAAc,WACV;AAAA,MACE,KAAK;AAAA,IAAA,IAEP;AAAA,MACE,QAAQ;AAAA,IAAA,GAGVO,IAAqB;AAAA,MACzB,MAAM,GAAGT,CAAW;AAAA,MACpB,OAAOM;AAAA,MACP,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,GAAGZ;AAAA,MACL;AAAA,IAAA;AAIA,WAAAgB,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,eAAc;AAAA,QACd,IAAI;AAAA,UACF,UAAU;AAAA,UACV,MAAM;AAAA,UACN,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,SAASR,MAAU,YAAY,IAAI;AAAA,UACnC,YAAY,WAAWE,CAAiB;AAAA,UACxC,QAAQ;AAAA,UACR,GAAGG;AAAA,UACH,GAAGX;AAAA,QACL;AAAA,QACA,KAAAU;AAAA,QACA,aAAU;AAAA,QAET,UAAA;AAAA,UAAAL,MAAc,YAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACC,GAAI,EAAA,QAAQ,GAAGf,CAAa,MAAM;AAAA,YAClCc,gBAAAA,EAAA,IAAAE,GAAA,EAAsB,WAAU,OAAO,GAAGN,EAAoB,CAAA;AAAA,UAAA,GACjE;AAAA,UAGFI,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,cAC9B,IAAI;AAAA,gBACF,OAAOf;AAAA,gBACP,YAAY;AAAA,gBACZ,IAAI;AAAA,gBACJ,IAAIN;AAAA,gBACJ,IAAIG;AAAA,gBACJ,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,GAAII,MAAc,QACd;AAAA,kBACE,mBAAmB;AAAA,kBACnB,mBAAmBI;AAAA,kBACnB,cAAc;AAAA,gBAAA,IAEhB;AAAA,kBACE,gBAAgB;AAAA,kBAChB,gBAAgBA;AAAA,kBAChB,cAAc;AAAA,gBAChB;AAAA,cACN;AAAA,cAEC,UAAAV;AAAA,YAAA;AAAA,UACH;AAAA,UAECM,MAAc,SAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACE,GAAsB,EAAA,WAAU,UAAU,GAAGN,EAAoB,CAAA;AAAA,YACjEI,gBAAAA,EAAA,IAAAC,GAAA,EAAI,QAAQ,GAAGf,CAAa,MAAM;AAAA,UAAA,GACrC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}

package/lib/sd-component-library292.js

@@ -0,0 +1,5 @@
+var r = {};
+export {
+  r as __exports
+};
+//# sourceMappingURL=sd-component-library292.js.map

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

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

package/lib/sd-component-library293.js

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=sd-component-library293.js.map

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

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

package/lib/sd-component-library294.js

@@ -0,0 +1,5 @@
+var r = {};
+export {
+  r as __exports
+};
+//# sourceMappingURL=sd-component-library294.js.map

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

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

package/lib/sd-component-library295.js

@@ -0,0 +1,7 @@
+import { getAugmentedNamespace as e } from "./sd-component-library203.js";
+import * as r from "./sd-component-library324.js";
+const m = /* @__PURE__ */ e(r);
+export {
+  m as default
+};
+//# sourceMappingURL=sd-component-library295.js.map

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

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

package/lib/sd-component-library296.js

@@ -0,0 +1,7 @@
+import { getAugmentedNamespace as e } from "./sd-component-library203.js";
+import * as m from "./sd-component-library326.js";
+const t = /* @__PURE__ */ e(m);
+export {
+  t as default
+};
+//# sourceMappingURL=sd-component-library296.js.map

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

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

package/lib/sd-component-library297.js

@@ -0,0 +1,7 @@
+import { getAugmentedNamespace as e } from "./sd-component-library203.js";
+import * as m from "./sd-component-library339.js";
+const t = /* @__PURE__ */ e(m);
+export {
+  t as default
+};
+//# sourceMappingURL=sd-component-library297.js.map

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

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

package/lib/sd-component-library298.js

@@ -0,0 +1,7 @@
+import { getAugmentedNamespace as e } from "./sd-component-library203.js";
+import * as m from "./sd-component-library311.js";
+const t = /* @__PURE__ */ e(m);
+export {
+  t as default
+};
+//# sourceMappingURL=sd-component-library298.js.map

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

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

package/lib/sd-component-library299.js

@@ -0,0 +1,5 @@
+var r = {};
+export {
+  r as __exports
+};
+//# sourceMappingURL=sd-component-library299.js.map

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

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

package/lib/sd-component-library3.js

@@ -0,0 +1,123 @@
+import { r as i } from "./sd-component-library193.js";
+import { disableBodyScroll as m, enableBodyScroll as w } from "./sd-component-library194.js";
+import { debounce as h } from "lodash-es";
+import a from "./sd-component-library195.js";
+const S = (e) => {
+  const [t, n] = i.useState(e);
+  return i.useEffect(() => {
+    n(e);
+  }, [e]), [t, n];
+}, g = (e, t) => {
+  const [n, o] = i.useState(!1), [c, u] = i.useState(0), r = i.useCallback(() => {
+    e.current && (o(!1), u(e.current.getBoundingClientRect().height), o(!0));
+  }, [e, t]), s = i.useCallback(h(r, 200), [
+    e
+  ]);
+  return i.useEffect(() => (setTimeout(() => {
+    r();
+  }), window.addEventListener("resize", s), window.addEventListener("change", s), () => {
+    window.removeEventListener("resize", s), window.removeEventListener("change", s);
+  }), [s, r]), { contentHeight: c, isHeightMeasured: n };
+};
+function M(e, t) {
+  i.useEffect(() => {
+    const n = (o) => {
+      !e.current || e.current.contains(o.target) || t(o);
+    };
+    return document.addEventListener("mousedown", n), document.addEventListener("touchstart", n), () => {
+      document.removeEventListener("mousedown", n), document.removeEventListener("touchstart", n);
+    };
+  }, [e, t]);
+}
+function d(e) {
+  const t = typeof window < "u" && typeof window.matchMedia < "u", n = !1, [o, c] = i.useState(() => t ? matchMedia(e).matches : n);
+  return i.useEffect(() => {
+    let u = !0;
+    if (!t)
+      return;
+    const r = matchMedia(e), s = () => {
+      u && c(r.matches);
+    };
+    return r.addEventListener ? r.addEventListener("change", s) : r.addListener(s), () => {
+      u = !1, r.removeEventListener ? r.removeEventListener("change", s) : r.removeListener(s);
+    };
+  }, [e, t]), o;
+}
+function p() {
+  const e = a.breakpoints[0], t = a.breakpoints[1], n = a.breakpoints[2], o = d(`(min-width:${e})`), c = d(
+    `(min-width:${t})`
+  ), u = d(`(min-width:${n})`);
+  let r = !1, s = !1, f = !1, l = !1;
+  return u ? l = !0 : c ? f = !0 : o ? s = !0 : r = !0, {
+    isMobile: r,
+    isLargeMobile: s,
+    isTab: f,
+    isDesktop: l,
+    isWiderThanMobile: o,
+    isWiderThanLargeMobile: c
+  };
+}
+function k(e, t, n) {
+  if (e.current) {
+    const o = {
+      root: e.current,
+      rootMargin: t,
+      threshold: 1
+    };
+    return new IntersectionObserver(n, o);
+  }
+}
+function C(e) {
+  const [t, n] = i.useState(!1);
+  return {
+    isHover: t,
+    hoverCallbacks: {
+      onMouseEnter: () => {
+        n(!0), e == null || e(!0);
+      },
+      onMouseLeave: () => {
+        n(!1), e == null || e(!1);
+      }
+    }
+  };
+}
+function y() {
+  const e = i.useRef(null), [t, n] = i.useState(0), [o, c] = i.useState(0);
+  return i.useEffect(() => {
+    if (e.current) {
+      const { x: u, y: r } = e.current.getBoundingClientRect();
+      n(u), c(r);
+    }
+  }, [e.current]), { ref: e, x: t, y: o };
+}
+function z(e = {}) {
+  const { listenForResize: t, checkEachRender: n, debounceDelay: o = 200 } = e, c = i.useRef(null), [u, r] = i.useState(), s = i.useCallback(
+    h(() => {
+      c.current && r(c.current.getBoundingClientRect());
+    }, o),
+    [c]
+  );
+  return i.useEffect(() => {
+    n && s();
+  }), i.useEffect(() => (s(), t && (window.addEventListener("resize", s), window.addEventListener("change", s)), () => {
+    t && (window.removeEventListener("resize", s), window.removeEventListener("change", s));
+  }), [s, t]), { ref: c, rect: u };
+}
+const R = (e, t = !0) => {
+  i.useEffect(() => (e && t && m(e), () => {
+    e && w(e);
+  }), [e, t]);
+};
+export {
+  R as useBodyScrollLock,
+  z as useBoundingClientRect,
+  p as useBreakPoints,
+  S as useDependantState,
+  y as useElementCoordinates,
+  C as useHover,
+  k as useIntersectionObserver,
+  d as useMediaQuery,
+  M as useOnClickOutside,
+  g as useResize
+};
+//# sourceMappingURL=sd-component-library3.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library3.js","sources":["../src/core/custom-hooks.ts"],"sourcesContent":["import {\n  Dispatch,\n  RefObject,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { disableBodyScroll, enableBodyScroll } from \"body-scroll-lock\";\nimport { debounce } from \"lodash-es\";\n\nimport theme from \"./theme\";\n\n/**\n * A custom useState hook function, that automatically\n * updates the state whenever the dependency param changes\n *\n * Note that, for maximum performance, dependency should be\n * the result of calling useMemo or useCallback: otherwise,\n * the state would be reseted on each render of the component\n * @param dependency\n */\nexport const useDependantState = <D>(\n  dependency: D\n): [D, Dispatch<SetStateAction<D>>] => {\n  const [state, setState] = useState<D>(dependency);\n\n  useEffect(() => {\n    setState(dependency);\n  }, [dependency]);\n\n  return [state, setState];\n};\n\n/**\n * The useCarousel hook\n */\nexport const useCarousel = (\n  itemWidth: number,\n  amountOfItems: number,\n  spacing: number\n): {\n  ref: any;\n  leftIsDisabled: boolean;\n  rightIsDisabled: boolean;\n  swipe: (direction: 1 | -1) => void;\n} => {\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [divElem, setDivElem] = useState<HTMLDivElement | null>(null);\n\n  const leftIsDisabled: boolean = useMemo(() => {\n    if (!divElem) return false;\n    // There's no items to the left\n    return currentIndex === 0;\n  }, [currentIndex, divElem]);\n\n  const rightIsDisabled: boolean = useMemo(() => {\n    if (!divElem) return false;\n\n    // How many elements are to the right of the current one\n    const remainingItems = amountOfItems - currentIndex;\n\n    /* How many pixels are:\n       - from the left corner of the element that is most to the left\n       - to the right corner of the element that is most to the right\n    */\n    const remainingPixels = itemWidth * remainingItems;\n\n    return remainingPixels < divElem.offsetWidth;\n  }, [currentIndex, divElem, amountOfItems, itemWidth]);\n\n  const swipe = (direction: 1 | -1) => {\n    if (divElem) {\n      const newcurrentIndex = currentIndex + direction;\n      const pixelsToTheRight = (itemWidth + spacing) * newcurrentIndex;\n\n      const left = pixelsToTheRight;\n      divElem.scroll({ left, behavior: \"smooth\" });\n\n      setCurrentIndex((prev) => prev + direction);\n    }\n  };\n\n  return { swipe, ref: setDivElem, leftIsDisabled, rightIsDisabled };\n};\n\n/**\n * Calculates height of specified element and carries out recalculation of height\n * on window resize with the delay of 0.2s.\n * @param refElement ref to an element height of which is going to be measured.\n * @returns current content state and height measuring status\n */\nexport const useResize = (\n  refElement: RefObject<HTMLDivElement | null>,\n  contentHash?: string\n): {\n  contentHeight: number;\n  isHeightMeasured: boolean;\n} => {\n  const [isHeightMeasured, setIsHeightMeasured] = useState<boolean>(false);\n  const [contentHeight, setContentHeight] = useState<number>(0);\n\n  const calcContentHeight = useCallback(() => {\n    if (refElement.current) {\n      setIsHeightMeasured(false);\n      setContentHeight(refElement.current.getBoundingClientRect().height);\n      setIsHeightMeasured(true);\n    }\n  }, [refElement, contentHash]);\n\n  /**\n   * Waits for 0.2 seconds and recalculates content height\n   */\n  const handleResize = useCallback(debounce(calcContentHeight, 200), [\n    refElement,\n  ]);\n\n  useEffect(() => {\n    // Not finished painting without setTimeout.\n    // If ever running into further problems consider adding requestAnimationFrame as well.\n    setTimeout(() => {\n      calcContentHeight();\n    });\n\n    window.addEventListener(\"resize\", handleResize);\n    window.addEventListener(\"change\", handleResize);\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n      window.removeEventListener(\"change\", handleResize);\n    };\n  }, [handleResize, calcContentHeight]);\n\n  return { contentHeight, isHeightMeasured };\n};\n\n/**\n * Executes handler function each time user clicks outside of ref object.\n */\nexport function useOnClickOutside(\n  ref: RefObject<HTMLElement>,\n  handler: (event: MouseEvent | TouchEvent) => void\n) {\n  useEffect(() => {\n    const listener = (event: MouseEvent | TouchEvent) => {\n      if (!ref.current || ref.current.contains(event.target as Node)) {\n        return;\n      }\n      handler(event);\n    };\n    document.addEventListener(\"mousedown\", listener);\n    document.addEventListener(\"touchstart\", listener);\n    return () => {\n      document.removeEventListener(\"mousedown\", listener);\n      document.removeEventListener(\"touchstart\", listener);\n    };\n  }, [ref, handler]);\n}\n\nexport function useMediaQuery(query: string) {\n  const supportMatchMedia =\n    typeof window !== \"undefined\" && typeof window.matchMedia !== \"undefined\";\n  const defaultMatches = false;\n\n  const [isMatchQuery, setIsMatchQuery] = useState(() => {\n    if (supportMatchMedia) {\n      const queryList = matchMedia(query);\n      return queryList.matches;\n    } else {\n      return defaultMatches;\n    }\n  });\n\n  useEffect(() => {\n    let active = true;\n\n    if (!supportMatchMedia) {\n      return undefined;\n    }\n\n    const queryList = matchMedia(query);\n\n    const updateMatch = () => {\n      if (active) {\n        setIsMatchQuery(queryList.matches);\n      }\n    };\n\n    if (queryList.addEventListener)\n      queryList.addEventListener(\"change\", updateMatch);\n    else queryList.addListener(updateMatch);\n\n    return () => {\n      active = false;\n      if (queryList.removeEventListener)\n        queryList.removeEventListener(\"change\", updateMatch);\n      else queryList.removeListener(updateMatch);\n    };\n  }, [query, supportMatchMedia]);\n\n  return isMatchQuery;\n}\n\n/**\n * Provides set of flags indicating what is the current screen size.\n */\nexport function useBreakPoints() {\n  const mobileSize = theme.breakpoints[0];\n  const largeMobileSize = theme.breakpoints[1];\n  const tabSize = theme.breakpoints[2];\n\n  const isWiderThanMobile = useMediaQuery(`(min-width:${mobileSize})`);\n  const isWiderThanLargeMobile = useMediaQuery(\n    `(min-width:${largeMobileSize})`\n  );\n  const isWiderThanTab = useMediaQuery(`(min-width:${tabSize})`);\n\n  let isMobile = false,\n    isLargeMobile = false,\n    isTab = false,\n    isDesktop = false;\n\n  if (isWiderThanTab) {\n    isDesktop = true;\n  } else if (isWiderThanLargeMobile) {\n    isTab = true;\n  } else if (isWiderThanMobile) {\n    isLargeMobile = true;\n  } else isMobile = true;\n\n  return {\n    isMobile,\n    isLargeMobile,\n    isTab,\n    isDesktop,\n    isWiderThanMobile,\n    isWiderThanLargeMobile,\n  };\n}\n\n/**\n * Provided intersection observer for the specified elements.\n *\n * @param rootRef Ref for the root element.\n * @param rootMargin Margin for the root element area.\n * @param callback Function to process intersection changes.\n */\nexport function useIntersectionObserver(\n  rootRef: RefObject<HTMLElement>,\n  rootMargin: string,\n  callback: IntersectionObserverCallback\n) {\n  if (rootRef.current) {\n    const options = {\n      root: rootRef.current,\n      rootMargin,\n      threshold: 1,\n    };\n\n    return new IntersectionObserver(callback, options);\n  }\n}\n\nexport function useHover(onHover?: (newState: boolean) => void) {\n  const [isHover, setIsHover] = useState(false);\n\n  const hoverCallbacks = {\n    onMouseEnter: () => {\n      const newState = true;\n      setIsHover(newState);\n      onHover?.(newState);\n    },\n    onMouseLeave: () => {\n      const newState = false;\n      setIsHover(newState);\n      onHover?.(newState);\n    },\n  };\n\n  return {\n    isHover,\n    hoverCallbacks,\n  };\n}\n\nexport function useContentSize<T extends Element = HTMLElement>(\n  settings: {\n    listenForResize?: boolean;\n    debounceDelay?: number;\n    checkEachRender?: boolean;\n  } = {}\n) {\n  const { ref, rect } = useBoundingClientRect<T>(settings);\n  return {\n    ref,\n    contentWidth: rect?.width ?? 0,\n    contentHeight: rect?.height ?? 0,\n  };\n}\n\nexport function useElementCoordinates<T extends Element = HTMLElement>() {\n  const ref = useRef<T>(null);\n\n  const [x, setX] = useState(0);\n  const [y, setY] = useState(0);\n\n  useEffect(() => {\n    if (ref.current) {\n      const { x, y } = ref.current.getBoundingClientRect();\n      setX(x);\n      setY(y);\n    }\n  }, [ref.current]);\n\n  return { ref, x, y };\n}\n\nexport function useBoundingClientRect<T extends Element = HTMLElement>(\n  settings: {\n    listenForResize?: boolean;\n    debounceDelay?: number;\n    checkEachRender?: boolean;\n  } = {}\n) {\n  const { listenForResize, checkEachRender, debounceDelay = 200 } = settings;\n  const ref = useRef<T>(null);\n\n  const [rect, setRect] = useState<DOMRect>();\n\n  const handleResize = useCallback(\n    debounce(() => {\n      ref.current && setRect(ref.current.getBoundingClientRect());\n    }, debounceDelay),\n    [ref]\n  );\n\n  useEffect(() => {\n    if (checkEachRender) handleResize();\n  });\n\n  useEffect(() => {\n    handleResize();\n\n    if (listenForResize) {\n      window.addEventListener(\"resize\", handleResize);\n      window.addEventListener(\"change\", handleResize);\n    }\n\n    return () => {\n      if (listenForResize) {\n        window.removeEventListener(\"resize\", handleResize);\n        window.removeEventListener(\"change\", handleResize);\n      }\n    };\n  }, [handleResize, listenForResize]);\n\n  return { ref, rect };\n}\n\nexport const useBodyScrollLock = <T extends HTMLElement = HTMLElement>(\n  target: T | null,\n  shouldEnable = true\n) => {\n  useEffect(() => {\n    if (target && shouldEnable) disableBodyScroll(target);\n    return () => {\n      if (target) enableBodyScroll(target);\n    };\n  }, [target, shouldEnable]);\n};\n"],"names":["useDependantState","dependency","state","setState","useState","useEffect","useResize","refElement","contentHash","isHeightMeasured","setIsHeightMeasured","contentHeight","setContentHeight","calcContentHeight","useCallback","handleResize","debounce","useOnClickOutside","ref","handler","listener","event","useMediaQuery","query","supportMatchMedia","defaultMatches","isMatchQuery","setIsMatchQuery","active","queryList","updateMatch","useBreakPoints","mobileSize","theme","largeMobileSize","tabSize","isWiderThanMobile","isWiderThanLargeMobile","isWiderThanTab","isMobile","isLargeMobile","isTab","isDesktop","useIntersectionObserver","rootRef","rootMargin","callback","options","useHover","onHover","isHover","setIsHover","useElementCoordinates","useRef","x","setX","y","setY","useBoundingClientRect","settings","listenForResize","checkEachRender","debounceDelay","rect","setRect","useBodyScrollLock","target","shouldEnable","disableBodyScroll","enableBodyScroll"],"mappings":"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"}

package/lib/sd-component-library30.js

@@ -0,0 +1,20 @@
+import { j as n } from "./sd-component-library196.js";
+import { Button as e } from "./sd-component-library28.js";
+const s = (t) => {
+  const { color: o, children: r } = t;
+  return /* @__PURE__ */ n.jsx(
+    e,
+    {
+      ...t,
+      bg: "Transparent",
+      padding: ["0px"],
+      color: o || "cl_blue",
+      "data-test": "text-cta-button",
+      children: r
+    }
+  );
+};
+export {
+  s as TextCtaButton
+};
+//# sourceMappingURL=sd-component-library30.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library30.js","sources":["../src/components/buttons/cta/text-cta-button/text-cta-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../button\";\nimport { TextCtaButtonProps } from \"./interfaces\";\n\n/**\n * The text cta button.\n */\nexport const TextCtaButton: React.FunctionComponent<TextCtaButtonProps> = (\n  props: TextCtaButtonProps\n): React.ReactElement<TextCtaButtonProps> => {\n  const { color, children } = props;\n\n  return (\n    <Button\n      {...props}\n      bg=\"Transparent\"\n      padding={[\"0px\"]}\n      color={color || \"cl_blue\"}\n      data-test=\"text-cta-button\"\n    >\n      {children}\n    </Button>\n  );\n};\n"],"names":["TextCtaButton","props","color","children","jsx","Button"],"mappings":";;AAQa,MAAAA,IAA6D,CACxEC,MAC2C;AACrC,QAAA,EAAE,OAAAC,GAAO,UAAAC,EAAa,IAAAF;AAG1B,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,IAAG;AAAA,MACH,SAAS,CAAC,KAAK;AAAA,MACf,OAAOC,KAAS;AAAA,MAChB,aAAU;AAAA,MAET,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library300.js

@@ -0,0 +1,5 @@
+var e = {};
+export {
+  e as __exports
+};
+//# sourceMappingURL=sd-component-library300.js.map

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

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

package/lib/sd-component-library301.js

@@ -0,0 +1,10 @@
+import o from "./sd-component-library342.js";
+import e from "./sd-component-library343.js";
+function f(t) {
+  var r = e(t, "string");
+  return o(r) === "symbol" ? r : String(r);
+}
+export {
+  f as default
+};
+//# sourceMappingURL=sd-component-library301.js.map

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

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

@@ -0,0 +1,14 @@
+function e() {
+  return e = Object.assign ? Object.assign.bind() : function(a) {
+    for (var n = 1; n < arguments.length; n++) {
+      var t = arguments[n];
+      for (var r in t)
+        Object.prototype.hasOwnProperty.call(t, r) && (a[r] = t[r]);
+    }
+    return a;
+  }, e.apply(this, arguments);
+}
+export {
+  e as default
+};
+//# sourceMappingURL=sd-component-library302.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library302.js","sources":["../node_modules/@babel/runtime/helpers/esm/extends.js"],"sourcesContent":["export default function _extends() {\n  _extends = Object.assign ? Object.assign.bind() : function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n    return target;\n  };\n  return _extends.apply(this, arguments);\n}"],"names":["_extends","target","i","source","key"],"mappings":"AAAe,SAASA,IAAW;AACjC,SAAAA,IAAW,OAAO,SAAS,OAAO,OAAO,KAAI,IAAK,SAAUC,GAAQ;AAClE,aAASC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AACzC,UAAIC,IAAS,UAAUD,CAAC;AACxB,eAASE,KAAOD;AACd,QAAI,OAAO,UAAU,eAAe,KAAKA,GAAQC,CAAG,MAClDH,EAAOG,CAAG,IAAID,EAAOC,CAAG;AAAA,IAG7B;AACD,WAAOH;AAAA,EACX,GACSD,EAAS,MAAM,MAAM,SAAS;AACvC;","x_google_ignoreList":[0]}

package/lib/sd-component-library303.js

@@ -0,0 +1,9 @@
+import { __module as r } from "./sd-component-library351.js";
+import { __require as e } from "./sd-component-library352.js";
+import { __require as o } from "./sd-component-library353.js";
+process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
+var i = r.exports;
+export {
+  i as r
+};
+//# sourceMappingURL=sd-component-library303.js.map

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

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

@@ -0,0 +1,8 @@
+import e from "./sd-component-library344.js";
+function p(t, o) {
+  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, e(t, o);
+}
+export {
+  p as default
+};
+//# sourceMappingURL=sd-component-library304.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library304.js","sources":["../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js"],"sourcesContent":["import setPrototypeOf from \"./setPrototypeOf.js\";\nexport default function _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n  setPrototypeOf(subClass, superClass);\n}"],"names":["_inheritsLoose","subClass","superClass","setPrototypeOf"],"mappings":";AACe,SAASA,EAAeC,GAAUC,GAAY;AAC3D,EAAAD,EAAS,YAAY,OAAO,OAAOC,EAAW,SAAS,GACvDD,EAAS,UAAU,cAAcA,GACjCE,EAAeF,GAAUC,CAAU;AACrC;","x_google_ignoreList":[0]}