@selfdecode/sd-component-library 4.0.77 → 4.0.78-test

package/lib/components/utils/anchor/interfaces.d.ts

@@ -3,8 +3,8 @@ import { BoxProps } from "rebass";
 /**
  * Type for the refsMap to be stored in reference manager.
  */
-export declare type refsMap = {
-    [key: string]: React.MutableRefObject<HTMLElement | undefined>;
+export declare type NodesMap = {
+    [key: string]: HTMLDivElement | undefined;
 };
 /**
  * Interface for Anchor props.

package/lib/components/utils/anchor/refs-manager.d.ts

@@ -1,10 +1,9 @@
-import React from "react";
-import { refsMap } from "./interfaces";
+import { NodesMap } from "./interfaces";
 /**
  * Refs Manager class to keep record of registered refs on the page.
  */
 declare class RefsManager {
-    refRegistry: refsMap;
+    refRegistry: NodesMap;
     /**
      * Check if ref is registered for a component with provided ID.
      * @param id ID for the component.
@@ -16,7 +15,8 @@ declare class RefsManager {
      * @param id ID for the component.
      * @param ref React Ref object for the component. Used for scrolling.
      */
-    addRef(id: string, ref: React.MutableRefObject<HTMLDivElement | undefined>): void;
+    addRef(id: string, ref: HTMLDivElement | undefined): void;
+    getRef(id: string): HTMLDivElement | undefined;
     /**
      * Remove a ref from registry.
      *

package/lib/sd-component-library101.js

@@ -1,7 +1,7 @@
 import { j as e } from "./sd-component-library190.js";
-import { PaginationBarButton as i } from "./sd-component-library255.js";
+import { PaginationBarButton as i } from "./sd-component-library270.js";
 import { ReactComponent as h } from "./sd-component-library252.js";
-import { PaginationBarCurrentPage as u } from "./sd-component-library256.js";
+import { PaginationBarCurrentPage as u } from "./sd-component-library271.js";
 import { ReactComponent as f } from "./sd-component-library254.js";
 import { GridContainerV2 as s } from "./sd-component-library39.js";
 import { ResponsiveTextV2 as j } from "./sd-component-library144.js";

package/lib/sd-component-library107.js

@@ -4,7 +4,7 @@ import { Select as q } from "@rebass/forms";
 import { Box as G } from "rebass";
 import { useDependantState as J } from "./sd-component-library3.js";
 import { MaxMaxContainer as K } from "./sd-component-library41.js";
-import { BaseLabel as P } from "./sd-component-library221.js";
+import { BaseLabel as P } from "./sd-component-library222.js";
 import { ResponsiveTextV2 as Q } from "./sd-component-library144.js";
 const U = (a, r, t, d, o, n) => {
   const m = d.find(

package/lib/sd-component-library112.js

@@ -3,7 +3,7 @@ import u, { useState as h, useMemo as f } from "react";
 import { Box as g } from "rebass";
 import { OutsideClickBox as b } from "./sd-component-library11.js";
 import { ReactComponent as j } from "./sd-component-library181.js";
-import { CustomOptionBox as C } from "./sd-component-library258.js";
+import { CustomOptionBox as C } from "./sd-component-library262.js";
 import { GridCenter as S } from "./sd-component-library42.js";
 import { EighteenRegular as d } from "./sd-component-library136.js";
 import { HorizontalDivider as _ } from "./sd-component-library49.js";

package/lib/sd-component-library113.js

@@ -1,9 +1,9 @@
 import { j as o } from "./sd-component-library190.js";
 import { useState as x } from "react";
-import { BaseLabel as f } from "./sd-component-library221.js";
+import { BaseLabel as f } from "./sd-component-library222.js";
 import { OutsideClickBox as u } from "./sd-component-library11.js";
 import { ReactComponent as h } from "./sd-component-library181.js";
-import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library257.js";
+import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library261.js";
 import { GridContainerV2 as g } from "./sd-component-library39.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library144.js";
 import { FlexCenter as j } from "./sd-component-library35.js";

package/lib/sd-component-library115.js

@@ -5,7 +5,7 @@ import { ReactComponent as x } from "./sd-component-library181.js";
 import { ResponsiveTextV2 as f } from "./sd-component-library144.js";
 import { BaseTextV2 as u } from "./sd-component-library132.js";
 import { FlexCenter as h } from "./sd-component-library35.js";
-import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library257.js";
+import { SecondaryCustomSelectorOptionsBox as g } from "./sd-component-library261.js";
 const k = ({
   width: l,
   options: r,

package/lib/sd-component-library116.js

@@ -1,6 +1,6 @@
 import { j as i } from "./sd-component-library190.js";
 import { useMemo as S, useCallback as p } from "react";
-import { BaseSelectorV2 as u } from "./sd-component-library259.js";
+import { BaseSelectorV2 as u } from "./sd-component-library263.js";
 const g = ({
   value: s,
   onChange: r,

package/lib/sd-component-library121.js

@@ -1,8 +1,8 @@
 import { j as o } from "./sd-component-library190.js";
 import { useState as x } from "react";
-import { BaseLabel as f } from "./sd-component-library221.js";
+import { BaseLabel as f } from "./sd-component-library222.js";
 import { ReactComponent as u } from "./sd-component-library181.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library260.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library264.js";
 import { GridContainerV2 as S } from "./sd-component-library39.js";
 import { OutsideClickBox as b } from "./sd-component-library11.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library144.js";

package/lib/sd-component-library122.js

@@ -2,9 +2,9 @@ import { j as o } from "./sd-component-library190.js";
 import { useState as x } from "react";
 import { Flex as i } from "rebass";
 import { OutsideClickBox as d } from "./sd-component-library11.js";
-import { BaseLabel as u } from "./sd-component-library221.js";
+import { BaseLabel as u } from "./sd-component-library222.js";
 import { ReactComponent as f } from "./sd-component-library181.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library261.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library265.js";
 import { ResponsiveTextV2 as b } from "./sd-component-library144.js";
 const w = (t) => {
   const { leftSlot: s, label: l, value: n, width: c } = t, [e, r] = x(!1), p = () => r(!1), a = () => r((m) => !m);

package/lib/sd-component-library124.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library190.js";
 import { IconButton as s } from "./sd-component-library22.js";
-import { ReactComponent as c } from "./sd-component-library197.js";
+import { ReactComponent as c } from "./sd-component-library194.js";
 import { EighteenBold as p } from "./sd-component-library135.js";
 import { GridCenter as g } from "./sd-component-library42.js";
 const C = ({

package/lib/sd-component-library127.js

@@ -2,9 +2,9 @@ import { j as t } from "./sd-component-library190.js";
 import { useState as y } from "react";
 import { Flex as m } from "rebass";
 import { useBoundingClientRect as x } from "./sd-component-library3.js";
-import { ArrowButton as l } from "./sd-component-library262.js";
-import { Mask as p } from "./sd-component-library263.js";
-import { Tab as A } from "./sd-component-library264.js";
+import { ArrowButton as l } from "./sd-component-library256.js";
+import { Mask as p } from "./sd-component-library257.js";
+import { Tab as A } from "./sd-component-library258.js";
 import { HorizontalDivider as E } from "./sd-component-library49.js";
 const s = 30, e = `${s}px`, w = "30px";
 function Q({

package/lib/sd-component-library128.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library190.js";
 import { Box as w, Flex as s } from "rebass";
-import { TabV2 as T } from "./sd-component-library265.js";
+import { TabV2 as T } from "./sd-component-library255.js";
 import { GridContainerV2 as G } from "./sd-component-library39.js";
 const h = 25, b = ({
   tabs: e,

package/lib/sd-component-library130.js

@@ -1,8 +1,8 @@
 import { j as r } from "./sd-component-library190.js";
 import { useRef as v, useState as w, useEffect as m } from "react";
 import { Box as S } from "rebass";
-import { ScrollableTabWrapper as C } from "./sd-component-library266.js";
-import { Tab as j } from "./sd-component-library267.js";
+import { ScrollableTabWrapper as C } from "./sd-component-library259.js";
+import { Tab as j } from "./sd-component-library260.js";
 import { VerticalDivider as E } from "./sd-component-library50.js";
 import { BaseGridContainer as y } from "./sd-component-library36.js";
 import { MaxMaxContainer as L } from "./sd-component-library41.js";

package/lib/sd-component-library15.js

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

package/lib/sd-component-library161.js

@@ -4,7 +4,7 @@ import { Flex as s, Box as i } from "rebass";
 import { useHover as m } from "./sd-component-library3.js";
 import { ReactComponent as b } from "./sd-component-library181.js";
 import { TriangularPointerIcon as u } from "./sd-component-library184.js";
-import { ActionBox as g } from "./sd-component-library222.js";
+import { ActionBox as g } from "./sd-component-library211.js";
 import { HorizontalDivider as n } from "./sd-component-library49.js";
 const B = (x) => {
   const {

package/lib/sd-component-library162.js

@@ -1,7 +1,7 @@
 import { j as o } from "./sd-component-library190.js";
 import { Box as m } from "rebass";
 import { BaseTooltip as c } from "./sd-component-library163.js";
-import { ReactComponent as f } from "./sd-component-library268.js";
+import { ReactComponent as f } from "./sd-component-library266.js";
 const T = (i) => {
   const {
     tooltipText: n,

package/lib/sd-component-library165.js

@@ -1,7 +1,7 @@
 import { j as t } from "./sd-component-library190.js";
 import w, { useRef as c, useEffect as y } from "react";
 import { Box as o } from "rebass";
-import { ReactComponent as g } from "./sd-component-library268.js";
+import { ReactComponent as g } from "./sd-component-library266.js";
 const E = w.forwardRef((x, a) => {
   const {
     placement: e,

package/lib/sd-component-library166.js

@@ -2,10 +2,10 @@ import { j as o } from "./sd-component-library190.js";
 import { useState as y, useRef as a } from "react";
 import { Box as z } from "rebass";
 import { useBreakPoints as B, useBodyScrollLock as C } from "./sd-component-library3.js";
-import E from "./sd-component-library248.js";
-import { TooltipWithPointerMobile as M } from "./sd-component-library269.js";
-import { TooltipWithPointerHorizontal as V } from "./sd-component-library270.js";
-import { TooltipWithPointerVertical as D } from "./sd-component-library271.js";
+import E from "./sd-component-library223.js";
+import { TooltipWithPointerMobile as M } from "./sd-component-library267.js";
+import { TooltipWithPointerHorizontal as V } from "./sd-component-library268.js";
+import { TooltipWithPointerVertical as D } from "./sd-component-library269.js";
 const f = 200, J = (u) => {
   const {
     children: x,

package/lib/sd-component-library167.js

@@ -1,28 +1,29 @@
-import { j as x } from "./sd-component-library190.js";
-import { useRef as E, useCallback as b, useEffect as h } from "react";
-import { Box as j } from "rebass";
-import { refsManager as l } from "./sd-component-library272.js";
-const O = (m) => {
-  const e = E(), {
-    id: n,
-    onScrolledToTop: o,
-    offsetYAdjustment: r = 0,
-    behavior: u = "smooth",
-    block: w,
-    inline: p,
-    children: v,
-    ...g
-  } = m, s = () => {
-    const t = window.location.hash;
-    t && l.scrollToRef(t, { behavior: u, block: w, inline: p });
-  }, c = b(() => {
-    var a, d;
-    const t = window.pageYOffset, i = (a = e.current) == null ? void 0 : a.offsetTop, f = (d = e.current) == null ? void 0 : d.offsetHeight;
-    i !== void 0 && f !== void 0 && o && t + r >= i && t + r <= i + f && o(n);
-  }, [o, r, n]);
-  return h(() => (e.current && l.addRef(n, e), o && document.addEventListener("scroll", c), () => document.removeEventListener("scroll", c)), [n, e, o, c]), h(() => (s(), window.addEventListener("hashchange", s), () => window.removeEventListener("hashchange", s)), []), /* @__PURE__ */ x.jsx(j, { "data-test": "anchor", ref: e, ...g, children: v });
+import { j as R } from "./sd-component-library190.js";
+import { useCallback as c, useEffect as g } from "react";
+import { Box as H } from "rebass";
+import { refsManager as r } from "./sd-component-library272.js";
+const C = ({
+  id: s,
+  onScrolledToTop: n,
+  offsetYAdjustment: a = 0,
+  behavior: m = "smooth",
+  block: w,
+  inline: v,
+  children: E,
+  ...u
+}) => {
+  const o = c(() => {
+    const e = window.location.hash;
+    console.log("Handle hash change", e, r.doesRefExist(e)), e && r.scrollToRef(e, { behavior: m, block: w, inline: v });
+  }, []), x = c((e) => {
+    console.log("Register ref", s, e), r.addRef(s, e), o();
+  }, [s, o]), f = c(() => {
+    const e = window.pageYOffset, t = r.getRef(s), i = t == null ? void 0 : t.offsetTop, h = t == null ? void 0 : t.offsetHeight;
+    i !== void 0 && h !== void 0 && n && e + a >= i && e + a <= i + h && n(s);
+  }, [n, a, s]);
+  return g(() => (n && document.addEventListener("scroll", f), () => document.removeEventListener("scroll", f)), [s, n, f]), g(() => (window.addEventListener("hashchange", o), () => window.removeEventListener("hashchange", o)), [o]), /* @__PURE__ */ R.jsx(H, { ref: x, ...u, children: E });
 };
 export {
-  O as Anchor
+  C as Anchor
 };
 //# sourceMappingURL=sd-component-library167.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library167.js","sources":["../src/components/utils/anchor/anchor.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { AnchorProps } from \"./interfaces\";\nimport { refsManager } from \"./refs-manager\";\n\n/**\n * Anchor component. This component allows scrolling to the components\n * when window hash is changed.\n */\nexport const Anchor: React.FC<AnchorProps> = (props) => {\n  const ref = useRef<HTMLDivElement>();\n\n  const {\n    id: childId,\n    onScrolledToTop,\n    offsetYAdjustment = 0,\n    behavior = \"smooth\",\n    block,\n    inline,\n    children,\n    ...boxProps\n  } = props;\n\n  /**\n   * Scroll to the component when window hash is changed.\n   */\n  const handleHashChange = () => {\n    const newHash = window.location.hash;\n    if (newHash) refsManager.scrollToRef(newHash, { behavior, block, inline });\n  };\n\n  /**\n   * On every scroll, check if anchor's children are scrolled to the\n   * top of screen. If so, call the callback present in the props.\n   */\n  const handleScroll = useCallback(() => {\n    const windowYOffset = window.pageYOffset;\n    const elementOffset = ref.current?.offsetTop;\n    const elementHeight = ref.current?.offsetHeight;\n\n    if (\n      elementOffset !== undefined &&\n      elementHeight !== undefined &&\n      onScrolledToTop &&\n      windowYOffset + offsetYAdjustment >= elementOffset &&\n      windowYOffset + offsetYAdjustment <= elementOffset + elementHeight\n    ) {\n      onScrolledToTop(childId);\n    }\n  }, [onScrolledToTop, offsetYAdjustment, childId]);\n\n  /**\n   * Register new ref for the provided ID.\n   */\n  useEffect(() => {\n    if (ref.current) refsManager.addRef(childId, ref);\n    if (onScrolledToTop) {\n      document.addEventListener(\"scroll\", handleScroll);\n    }\n\n    return () => document.removeEventListener(\"scroll\", handleScroll);\n  }, [childId, ref, onScrolledToTop, handleScroll]);\n\n  /**\n   * Register event listeners for hash change.\n   * Remove upon component un-mount.\n   */\n  useEffect(() => {\n    /**\n     * Scroll to a component if URL contains a hash on page load.\n     */\n    handleHashChange();\n\n    window.addEventListener(\"hashchange\", handleHashChange);\n\n    return () => window.removeEventListener(\"hashchange\", handleHashChange);\n  }, []);\n\n  return (\n    <Box data-test=\"anchor\" ref={ref} {...boxProps}>\n      {children}\n    </Box>\n  );\n};\n"],"names":["Anchor","props","ref","useRef","childId","onScrolledToTop","offsetYAdjustment","behavior","block","inline","children","boxProps","handleHashChange","newHash","refsManager","handleScroll","useCallback","windowYOffset","elementOffset","_a","elementHeight","_b","useEffect","Box"],"mappings":";;;;AAWa,MAAAA,IAAgC,CAACC,MAAU;AACtD,QAAMC,IAAMC,KAEN;AAAA,IACJ,IAAIC;AAAA,IACJ,iBAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAV,GAKEW,IAAmB,MAAM;AACvB,UAAAC,IAAU,OAAO,SAAS;AAC5B,IAAAA,KAASC,EAAY,YAAYD,GAAS,EAAE,UAAAN,GAAU,OAAAC,GAAO,QAAAC,GAAQ;AAAA,EAAA,GAOrEM,IAAeC,EAAY,MAAM;;AACrC,UAAMC,IAAgB,OAAO,aACvBC,KAAgBC,IAAAjB,EAAI,YAAJ,gBAAAiB,EAAa,WAC7BC,KAAgBC,IAAAnB,EAAI,YAAJ,gBAAAmB,EAAa;AAGjC,IAAAH,MAAkB,UAClBE,MAAkB,UAClBf,KACAY,IAAgBX,KAAqBY,KACrCD,IAAgBX,KAAqBY,IAAgBE,KAErDf,EAAgBD,CAAO;AAAA,EAExB,GAAA,CAACC,GAAiBC,GAAmBF,CAAO,CAAC;AAKhD,SAAAkB,EAAU,OACJpB,EAAI,WAAqBY,EAAA,OAAOV,GAASF,CAAG,GAC5CG,KACO,SAAA,iBAAiB,UAAUU,CAAY,GAG3C,MAAM,SAAS,oBAAoB,UAAUA,CAAY,IAC/D,CAACX,GAASF,GAAKG,GAAiBU,CAAY,CAAC,GAMhDO,EAAU,OAISV,KAEV,OAAA,iBAAiB,cAAcA,CAAgB,GAE/C,MAAM,OAAO,oBAAoB,cAAcA,CAAgB,IACrE,CAAE,CAAA,yBAGFW,GAAI,EAAA,aAAU,UAAS,KAAArB,GAAW,GAAGS,GACnC,UAAAD,EACH,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library167.js","sources":["../src/components/utils/anchor/anchor.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { AnchorProps } from \"./interfaces\";\nimport { refsManager } from \"./refs-manager\";\n\n/**\n * Anchor component. This component allows scrolling to the components\n * when window hash is changed.\n */\nexport const Anchor: React.FC<AnchorProps> = ({\n                                                id: childId,\n                                                onScrolledToTop,\n                                                offsetYAdjustment = 0,\n                                                behavior = \"smooth\",\n                                                block,\n                                                inline,\n                                                children,\n                                                ...boxProps\n                                              }) => {\n\n  /**\n   * Scroll to the component when window hash is changed.\n   */\n  const handleHashChange = useCallback(() => {\n    const newHash = window.location.hash;\n    console.log(\"Handle hash change\", newHash, refsManager.doesRefExist(newHash))\n    if (newHash) refsManager.scrollToRef(newHash, { behavior, block, inline });\n  }, []);\n\n  const ref = useCallback((node: HTMLDivElement) => {\n    console.log(\"Register ref\", childId, node);\n    refsManager.addRef(childId, node);\n    handleHashChange()\n  }, [childId, handleHashChange])\n\n  /**\n   * On every scroll, check if anchor's children are scrolled to the\n   * top of screen. If so, call the callback present in the props.\n   */\n  const handleScroll = useCallback(() => {\n    const windowYOffset = window.pageYOffset;\n    const element = refsManager.getRef(childId);\n    const elementOffset = element?.offsetTop;\n    const elementHeight = element?.offsetHeight;\n\n    if (\n      elementOffset !== undefined &&\n      elementHeight !== undefined &&\n      onScrolledToTop &&\n      windowYOffset + offsetYAdjustment >= elementOffset &&\n      windowYOffset + offsetYAdjustment <= elementOffset + elementHeight\n    ) {\n      onScrolledToTop(childId);\n    }\n  }, [onScrolledToTop, offsetYAdjustment, childId]);\n\n  /**\n   * Register new ref for the provided ID.\n   */\n  useEffect(() => {\n    if (onScrolledToTop) {\n      document.addEventListener(\"scroll\", handleScroll);\n    }\n\n    return () => document.removeEventListener(\"scroll\", handleScroll);\n  }, [childId, onScrolledToTop, handleScroll]);\n\n  /**\n   * Register event listeners for hash change.\n   * Remove upon component un-mount.\n   */\n  useEffect(() => {\n    window.addEventListener(\"hashchange\", handleHashChange);\n\n    return () => window.removeEventListener(\"hashchange\", handleHashChange);\n  }, [handleHashChange]);\n\n  return (\n    <Box ref={ref} {...boxProps}>\n      {children}\n    </Box>\n  );\n};\n"],"names":["Anchor","childId","onScrolledToTop","offsetYAdjustment","behavior","block","inline","children","boxProps","handleHashChange","useCallback","newHash","refsManager","ref","node","handleScroll","windowYOffset","element","elementOffset","elementHeight","useEffect","jsx","Box"],"mappings":";;;;AAWO,MAAMA,IAAgC,CAAC;AAAA,EACE,IAAIC;AAAA,EACJ,iBAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AAK5C,QAAAC,IAAmBC,EAAY,MAAM;AACnC,UAAAC,IAAU,OAAO,SAAS;AAChC,YAAQ,IAAI,sBAAsBA,GAASC,EAAY,aAAaD,CAAO,CAAC,GACxEA,KAASC,EAAY,YAAYD,GAAS,EAAE,UAAAP,GAAU,OAAAC,GAAO,QAAAC,GAAQ;AAAA,EAC3E,GAAG,CAAE,CAAA,GAECO,IAAMH,EAAY,CAACI,MAAyB;AACxC,YAAA,IAAI,gBAAgBb,GAASa,CAAI,GAC7BF,EAAA,OAAOX,GAASa,CAAI,GACfL;EAAA,GAChB,CAACR,GAASQ,CAAgB,CAAC,GAMxBM,IAAeL,EAAY,MAAM;AACrC,UAAMM,IAAgB,OAAO,aACvBC,IAAUL,EAAY,OAAOX,CAAO,GACpCiB,IAAgBD,KAAA,gBAAAA,EAAS,WACzBE,IAAgBF,KAAA,gBAAAA,EAAS;AAG7B,IAAAC,MAAkB,UAClBC,MAAkB,UAClBjB,KACAc,IAAgBb,KAAqBe,KACrCF,IAAgBb,KAAqBe,IAAgBC,KAErDjB,EAAgBD,CAAO;AAAA,EAExB,GAAA,CAACC,GAAiBC,GAAmBF,CAAO,CAAC;AAKhD,SAAAmB,EAAU,OACJlB,KACO,SAAA,iBAAiB,UAAUa,CAAY,GAG3C,MAAM,SAAS,oBAAoB,UAAUA,CAAY,IAC/D,CAACd,GAASC,GAAiBa,CAAY,CAAC,GAM3CK,EAAU,OACD,OAAA,iBAAiB,cAAcX,CAAgB,GAE/C,MAAM,OAAO,oBAAoB,cAAcA,CAAgB,IACrE,CAACA,CAAgB,CAAC,GAGlBY,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,KAAAT,GAAW,GAAGL,GAChB,UAAAD,EACH,CAAA;AAEJ;"}

package/lib/sd-component-library190.js

@@ -1,6 +1,6 @@
-import { __module as e } from "./sd-component-library194.js";
-import { __require as r } from "./sd-component-library195.js";
-import { __require as o } from "./sd-component-library196.js";
+import { __module as e } from "./sd-component-library197.js";
+import { __require as r } from "./sd-component-library198.js";
+import { __require as o } from "./sd-component-library199.js";
 process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
 var m = e.exports;
 export {

package/lib/sd-component-library191.js

@@ -1,78 +1,6 @@
-const j = (n, s = {}) => {
-  let o = {};
-  const c = Object.keys(n);
-  let i = Object.keys(s);
-  return O(n, s), c.forEach((r) => {
-    const a = n[r];
-    if (Array.isArray(a))
-      s[r] ? o = { ...o, [r]: s[r] } : o = { ...o, [r]: n[r] };
-    else {
-      const f = Object.keys(n[r]);
-      let t;
-      s[r] && (t = Object.keys(s[r]));
-      const A = n[r];
-      if (Array.isArray(A) || (o = b(
-        f,
-        o,
-        A,
-        r
-      )), t != null && t.length) {
-        const k = s[r];
-        Array.isArray(k) || (o = b(
-          t,
-          o,
-          k,
-          r
-        ));
-      }
-    }
-    i = i.filter((f) => f !== r);
-  }), i.forEach((r) => {
-    const a = s[r];
-    if (Array.isArray(a))
-      o = { ...o, [r]: s[r] };
-    else if (Object.keys(s[r]).length) {
-      const f = Object.keys(s[r]);
-      o = b(
-        f,
-        o,
-        a,
-        r
-      );
-    }
-  }), o;
-}, b = (n, s, o, c) => {
-  let i = {};
-  return n.forEach((r) => {
-    const a = o[r];
-    Array.isArray(a) || typeof a == "number" || typeof a == "string" ? i = {
-      ...s,
-      [c]: {
-        ...s[c],
-        ...i[c],
-        [r]: a
-      }
-    } : i = {
-      ...s,
-      [c]: {
-        ...s[c],
-        ...i[c],
-        [r]: { ...a }
-      }
-    };
-  }), i;
-}, O = (n, s) => {
-  Object.keys(n).forEach((c) => {
-    Object.keys(n[c]).forEach((r) => {
-      const a = s[c];
-      if (a && !Array.isArray(a) && a[r])
-        throw new Error(
-          `Variant ${r} already exists under ${c} in SelfDecode's base theme library. Please choose a different name`
-        );
-    });
-  });
-};
+import * as t from "react";
+const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 9.983 6.021", ...a }, /* @__PURE__ */ t.createElement("path", { d: "M1795.1,1135.7l4.66,4.217a.338.338,0,0,0,.462,0l4.66-4.217a.266.266,0,0,0,0-.417l-.5-1.2a.327.327,0,0,0-.231-.091.319.319,0,0,0-.227.091l-3.934,3.557-3.932-3.557a.334.334,0,0,0-.457,0l-.5,1.2a.266.266,0,0,0,0,.417Z", transform: "translate(-1795.001 -1133.985)" }));
 export {
-  j as mergeThemes
+  e as ReactComponent
 };
 //# sourceMappingURL=sd-component-library191.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library191.js","sources":["../src/components/wrapper/functions.ts"],"sourcesContent":["import { KeyValue, Theme } from \"./interfaces\";\n\n/**\n *\n * @param baseTheme - our library's base theme with all the variants that we have established.\n * @param clientsTheme - the client's theme, which holds any other theming variants the client has ceated in their own project.\n *\n * @returns - a merged theme object, containing both our styling variants and the client's.\n */\n\nexport const mergeThemes = (\n  baseTheme: Theme,\n  clientsTheme: Theme = {}\n): Theme => {\n  let mergedTheme: Theme = {};\n\n  // Extract all keys from our base theme and our client's theme - these would be variants/forms/text/buttons etc.\n  const baseThemeKeys = Object.keys(baseTheme);\n  let clientsThemeKeys = Object.keys(clientsTheme);\n\n  // Check if the client overrides any of the base theme variants. If they do, throw an error.\n  checkIfClientOverridesBaseThemeVariants(baseTheme, clientsTheme);\n\n  // Start the operation of building our merged theme\n  baseThemeKeys.forEach((themeKey: string) => {\n    // If this section is not an object, for example 'breakpoints', which is an array of strings, then we don't want to itterate over the array, but just insert it to the them and finish this loop.\n\n    const section = baseTheme[themeKey];\n    if (Array.isArray(section)) {\n      // If the client has a similar section, we priorotize their values here and allow them to over write ours.\n      if (clientsTheme[themeKey]) {\n        mergedTheme = { ...mergedTheme, [themeKey]: clientsTheme[themeKey] };\n      } else {\n        mergedTheme = { ...mergedTheme, [themeKey]: baseTheme[themeKey] };\n      }\n    }\n\n    // If this section IS and object, then we want to itterate over its keys and unpack it\n    else {\n      // Extract the keys of all the variants from the current section in the base theme\n      const baseThemeSectionKeys = Object.keys(baseTheme[themeKey]);\n\n      // Declare the clients theme section keys for this current section\n      let clientsThemeSectionKeys: string[] | undefined;\n\n      // If the clients theme has this section, extract the keys of all the variants from the current section in the client's theme\n      if (clientsTheme[themeKey]) {\n        clientsThemeSectionKeys = Object.keys(clientsTheme[themeKey]);\n      }\n\n      // Add all the variants of this current section from the base theme to the merged theme\n      const section = baseTheme[themeKey];\n      if (!Array.isArray(section))\n        mergedTheme = addSectionToTheme(\n          baseThemeSectionKeys,\n          mergedTheme,\n          section,\n          themeKey\n        );\n\n      // If the client's section keys for this section aren't undefined (meaning the client has not added anything under this section in their theme) then skip. Otherwise, we add their variants for this current section to the merged theme.\n      if (clientsThemeSectionKeys?.length) {\n        const section = clientsTheme[themeKey];\n\n        // If this section is an instant of KeyValue\n        if (!Array.isArray(section))\n          mergedTheme = addSectionToTheme(\n            clientsThemeSectionKeys,\n            mergedTheme,\n            section,\n            themeKey\n          );\n      }\n    }\n\n    // We remove this current theme key (the section) from the client's theme keys as we've already unpacked all that it carried\n    clientsThemeKeys = clientsThemeKeys.filter((key) => key !== themeKey);\n  });\n\n  // We start itterating over the remaining keys in he client's theme keys (those are the sections that were unique to the user's theme, that we haven't included in our theme).\n  clientsThemeKeys.forEach((themeKey: string) => {\n    // If this section is not an object, for example 'breakpoints', which is an array of strings, then we don't want to itterate over the array, but just insert it to the them and finish this loop.\n\n    const section = clientsTheme[themeKey];\n\n    if (Array.isArray(section)) {\n      mergedTheme = { ...mergedTheme, [themeKey]: clientsTheme[themeKey] };\n    }\n\n    // If this section IS a non empty object, then we want to itterate over its keys and unpack it\n    else if (Object.keys(clientsTheme[themeKey]).length) {\n      const clientsThemeSectionKeys = Object.keys(clientsTheme[themeKey]);\n      mergedTheme = addSectionToTheme(\n        clientsThemeSectionKeys,\n        mergedTheme,\n        section,\n        themeKey\n      );\n    }\n  });\n  return mergedTheme;\n};\n\n/**\n *\n * @param themeSectionKeys - Array of all the keys for this current section. These are second level keys when looking at the theme. An example section might be \"buttons\" and some of the keys will have in this array would be \"_cta\", \"_circle\", \"_square\" etc.\n * @param mergedTheme - The most updated version of our final theme. We use it to unpack where needed, so we won't overwrite previously added sections.\n * @param themeToUnpack - The theme we are currently unpacking (baseTheme or the clientTheme)\n * @param themeKey - The key of the section we are currently unpacking. Following the example from above, this will be \"buttons\".\n *\n * @returns - An updated theme after adding all the keys of this section.\n */\nconst addSectionToTheme = (\n  themeSectionKeys: string[],\n  mergedTheme: Theme,\n  sectionToUnpack: KeyValue,\n  themeKey: string\n): Theme => {\n  // The updated theme object that we'll be returning after adding this section\n  let updatedTheme: Theme = {};\n\n  themeSectionKeys.forEach((sectionKey: string) => {\n    const subSection = sectionToUnpack[sectionKey];\n\n    if (\n      Array.isArray(subSection) ||\n      typeof subSection === \"number\" ||\n      typeof subSection === \"string\"\n    ) {\n      updatedTheme = {\n        ...mergedTheme,\n        [themeKey]: {\n          ...mergedTheme[themeKey],\n          ...updatedTheme[themeKey],\n          [sectionKey]: subSection,\n        },\n      };\n    } else {\n      updatedTheme = {\n        ...mergedTheme,\n        [themeKey]: {\n          ...mergedTheme[themeKey],\n          ...updatedTheme[themeKey],\n          [sectionKey]: { ...subSection },\n        },\n      };\n    }\n  });\n  return updatedTheme;\n};\n\n/**\n *\n * @param baseTheme - The theme that we provide.\n * @param clientsTheme - The theme that the client provides\n *\n * Throws an error if we have overlapping keys. Otherwise, returns nothing and allows our function to continue its work.\n */\nconst checkIfClientOverridesBaseThemeVariants = (\n  baseTheme: Theme,\n  clientsTheme: Theme\n) => {\n  const baseThemeKeys = Object.keys(baseTheme);\n\n  baseThemeKeys.forEach((themeKey: string) => {\n    const baseThemeSectionKeys = Object.keys(baseTheme[themeKey]);\n    baseThemeSectionKeys.forEach((sectionKey: string) => {\n      const clentsThemeSection = clientsTheme[themeKey];\n      if (\n        clentsThemeSection &&\n        !Array.isArray(clentsThemeSection) &&\n        clentsThemeSection[sectionKey]\n      ) {\n        throw new Error(\n          `Variant ${sectionKey} already exists under ${themeKey} in SelfDecode's base theme library. Please choose a different name`\n        );\n      }\n    });\n  });\n};\n"],"names":["mergeThemes","baseTheme","clientsTheme","mergedTheme","baseThemeKeys","clientsThemeKeys","checkIfClientOverridesBaseThemeVariants","themeKey","section","baseThemeSectionKeys","clientsThemeSectionKeys","addSectionToTheme","key","themeSectionKeys","sectionToUnpack","updatedTheme","sectionKey","subSection","clentsThemeSection"],"mappings":"AAUO,MAAMA,IAAc,CACzBC,GACAC,IAAsB,OACZ;AACV,MAAIC,IAAqB,CAAA;AAGnB,QAAAC,IAAgB,OAAO,KAAKH,CAAS;AACvC,MAAAI,IAAmB,OAAO,KAAKH,CAAY;AAG/C,SAAAI,EAAwCL,GAAWC,CAAY,GAGjDE,EAAA,QAAQ,CAACG,MAAqB;AAGpC,UAAAC,IAAUP,EAAUM,CAAQ;AAC9B,QAAA,MAAM,QAAQC,CAAO;AAEnB,MAAAN,EAAaK,CAAQ,IACTJ,IAAA,EAAE,GAAGA,GAAa,CAACI,CAAQ,GAAGL,EAAaK,CAAQ,MAEnDJ,IAAA,EAAE,GAAGA,GAAa,CAACI,CAAQ,GAAGN,EAAUM,CAAQ;SAK7D;AAEH,YAAME,IAAuB,OAAO,KAAKR,EAAUM,CAAQ,CAAC;AAGxD,UAAAG;AAGA,MAAAR,EAAaK,CAAQ,MACvBG,IAA0B,OAAO,KAAKR,EAAaK,CAAQ,CAAC;AAIxDC,YAAAA,IAAUP,EAAUM,CAAQ;AAUlC,UATK,MAAM,QAAQC,CAAO,MACVL,IAAAQ;AAAA,QACZF;AAAA,QACAN;AAAA,QACAK;AAAAA,QACAD;AAAA,MAAA,IAIAG,KAAA,QAAAA,EAAyB,QAAQ;AAC7BF,cAAAA,IAAUN,EAAaK,CAAQ;AAGjC,QAAC,MAAM,QAAQC,CAAO,MACVL,IAAAQ;AAAA,UACZD;AAAA,UACAP;AAAA,UACAK;AAAAA,UACAD;AAAA,QAAA;AAAA,MAEN;AAAA,IACF;AAGA,IAAAF,IAAmBA,EAAiB,OAAO,CAACO,MAAQA,MAAQL,CAAQ;AAAA,EAAA,CACrE,GAGgBF,EAAA,QAAQ,CAACE,MAAqB;AAGvC,UAAAC,IAAUN,EAAaK,CAAQ;AAEjC,QAAA,MAAM,QAAQC,CAAO;AACT,MAAAL,IAAA,EAAE,GAAGA,GAAa,CAACI,CAAQ,GAAGL,EAAaK,CAAQ;aAI1D,OAAO,KAAKL,EAAaK,CAAQ,CAAC,EAAE,QAAQ;AACnD,YAAMG,IAA0B,OAAO,KAAKR,EAAaK,CAAQ,CAAC;AACpD,MAAAJ,IAAAQ;AAAA,QACZD;AAAA,QACAP;AAAA,QACAK;AAAA,QACAD;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA,CACD,GACMJ;AACT,GAWMQ,IAAoB,CACxBE,GACAV,GACAW,GACAP,MACU;AAEV,MAAIQ,IAAsB,CAAA;AAET,SAAAF,EAAA,QAAQ,CAACG,MAAuB;AACzC,UAAAC,IAAaH,EAAgBE,CAAU;AAG3C,IAAA,MAAM,QAAQC,CAAU,KACxB,OAAOA,KAAe,YACtB,OAAOA,KAAe,WAEPF,IAAA;AAAA,MACb,GAAGZ;AAAA,MACH,CAACI,CAAQ,GAAG;AAAA,QACV,GAAGJ,EAAYI,CAAQ;AAAA,QACvB,GAAGQ,EAAaR,CAAQ;AAAA,QACxB,CAACS,CAAU,GAAGC;AAAA,MAChB;AAAA,IAAA,IAGaF,IAAA;AAAA,MACb,GAAGZ;AAAA,MACH,CAACI,CAAQ,GAAG;AAAA,QACV,GAAGJ,EAAYI,CAAQ;AAAA,QACvB,GAAGQ,EAAaR,CAAQ;AAAA,QACxB,CAACS,CAAU,GAAG,EAAE,GAAGC,EAAW;AAAA,MAChC;AAAA,IAAA;AAAA,EAEJ,CACD,GACMF;AACT,GASMT,IAA0C,CAC9CL,GACAC,MACG;AAGW,EAFQ,OAAO,KAAKD,CAAS,EAE7B,QAAQ,CAACM,MAAqB;AAErB,IADQ,OAAO,KAAKN,EAAUM,CAAQ,CAAC,EACvC,QAAQ,CAACS,MAAuB;AAC7C,YAAAE,IAAqBhB,EAAaK,CAAQ;AAE9C,UAAAW,KACA,CAAC,MAAM,QAAQA,CAAkB,KACjCA,EAAmBF,CAAU;AAE7B,cAAM,IAAI;AAAA,UACR,WAAWA,CAAU,yBAAyBT,CAAQ;AAAA,QAAA;AAAA,IAE1D,CACD;AAAA,EAAA,CACF;AACH;"}
+{"version":3,"file":"sd-component-library191.js","sources":["../src/components/feature-explanation/assets/dropdown-arrow.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5Ljk4MyA2LjAyMSI+CiAgICA8cGF0aCBkPSJNMTc5NS4xLDExMzUuN2w0LjY2LDQuMjE3YS4zMzguMzM4LDAsMCwwLC40NjIsMGw0LjY2LTQuMjE3YS4yNjYuMjY2LDAsMCwwLDAtLjQxN2wtLjUtMS4yYS4zMjcuMzI3LDAsMCwwLS4yMzEtLjA5MS4zMTkuMzE5LDAsMCwwLS4yMjcuMDkxbC0zLjkzNCwzLjU1Ny0zLjkzMi0zLjU1N2EuMzM0LjMzNCwwLDAsMC0uNDU3LDBsLS41LDEuMmEuMjY2LjI2NiwwLDAsMCwwLC40MTdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc5NS4wMDEgLTExMzMuOTg1KSIvPgo8L3N2Zz4=\""],"names":["SvgDropdownArrow","props","React"],"mappings":";AACK,MAACA,IAAmB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,mBAAmB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,0NAA0N,WAAW,kCAAkC,CAAC;"}

package/lib/sd-component-library192.js

@@ -1,6 +1,78 @@
-import * as t from "react";
-const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 9.983 6.021", ...a }, /* @__PURE__ */ t.createElement("path", { d: "M1795.1,1135.7l4.66,4.217a.338.338,0,0,0,.462,0l4.66-4.217a.266.266,0,0,0,0-.417l-.5-1.2a.327.327,0,0,0-.231-.091.319.319,0,0,0-.227.091l-3.934,3.557-3.932-3.557a.334.334,0,0,0-.457,0l-.5,1.2a.266.266,0,0,0,0,.417Z", transform: "translate(-1795.001 -1133.985)" }));
+const j = (n, s = {}) => {
+  let o = {};
+  const c = Object.keys(n);
+  let i = Object.keys(s);
+  return O(n, s), c.forEach((r) => {
+    const a = n[r];
+    if (Array.isArray(a))
+      s[r] ? o = { ...o, [r]: s[r] } : o = { ...o, [r]: n[r] };
+    else {
+      const f = Object.keys(n[r]);
+      let t;
+      s[r] && (t = Object.keys(s[r]));
+      const A = n[r];
+      if (Array.isArray(A) || (o = b(
+        f,
+        o,
+        A,
+        r
+      )), t != null && t.length) {
+        const k = s[r];
+        Array.isArray(k) || (o = b(
+          t,
+          o,
+          k,
+          r
+        ));
+      }
+    }
+    i = i.filter((f) => f !== r);
+  }), i.forEach((r) => {
+    const a = s[r];
+    if (Array.isArray(a))
+      o = { ...o, [r]: s[r] };
+    else if (Object.keys(s[r]).length) {
+      const f = Object.keys(s[r]);
+      o = b(
+        f,
+        o,
+        a,
+        r
+      );
+    }
+  }), o;
+}, b = (n, s, o, c) => {
+  let i = {};
+  return n.forEach((r) => {
+    const a = o[r];
+    Array.isArray(a) || typeof a == "number" || typeof a == "string" ? i = {
+      ...s,
+      [c]: {
+        ...s[c],
+        ...i[c],
+        [r]: a
+      }
+    } : i = {
+      ...s,
+      [c]: {
+        ...s[c],
+        ...i[c],
+        [r]: { ...a }
+      }
+    };
+  }), i;
+}, O = (n, s) => {
+  Object.keys(n).forEach((c) => {
+    Object.keys(n[c]).forEach((r) => {
+      const a = s[c];
+      if (a && !Array.isArray(a) && a[r])
+        throw new Error(
+          `Variant ${r} already exists under ${c} in SelfDecode's base theme library. Please choose a different name`
+        );
+    });
+  });
+};
 export {
-  e as ReactComponent
+  j as mergeThemes
 };
 //# sourceMappingURL=sd-component-library192.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library192.js","sources":["../src/components/feature-explanation/assets/dropdown-arrow.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5Ljk4MyA2LjAyMSI+CiAgICA8cGF0aCBkPSJNMTc5NS4xLDExMzUuN2w0LjY2LDQuMjE3YS4zMzguMzM4LDAsMCwwLC40NjIsMGw0LjY2LTQuMjE3YS4yNjYuMjY2LDAsMCwwLDAtLjQxN2wtLjUtMS4yYS4zMjcuMzI3LDAsMCwwLS4yMzEtLjA5MS4zMTkuMzE5LDAsMCwwLS4yMjcuMDkxbC0zLjkzNCwzLjU1Ny0zLjkzMi0zLjU1N2EuMzM0LjMzNCwwLDAsMC0uNDU3LDBsLS41LDEuMmEuMjY2LjI2NiwwLDAsMCwwLC40MTdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTc5NS4wMDEgLTExMzMuOTg1KSIvPgo8L3N2Zz4=\""],"names":["SvgDropdownArrow","props","React"],"mappings":";AACK,MAACA,IAAmB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,SAAS,mBAAmB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,0NAA0N,WAAW,kCAAkC,CAAC;"}
+{"version":3,"file":"sd-component-library192.js","sources":["../src/components/wrapper/functions.ts"],"sourcesContent":["import { KeyValue, Theme } from \"./interfaces\";\n\n/**\n *\n * @param baseTheme - our library's base theme with all the variants that we have established.\n * @param clientsTheme - the client's theme, which holds any other theming variants the client has ceated in their own project.\n *\n * @returns - a merged theme object, containing both our styling variants and the client's.\n */\n\nexport const mergeThemes = (\n  baseTheme: Theme,\n  clientsTheme: Theme = {}\n): Theme => {\n  let mergedTheme: Theme = {};\n\n  // Extract all keys from our base theme and our client's theme - these would be variants/forms/text/buttons etc.\n  const baseThemeKeys = Object.keys(baseTheme);\n  let clientsThemeKeys = Object.keys(clientsTheme);\n\n  // Check if the client overrides any of the base theme variants. If they do, throw an error.\n  checkIfClientOverridesBaseThemeVariants(baseTheme, clientsTheme);\n\n  // Start the operation of building our merged theme\n  baseThemeKeys.forEach((themeKey: string) => {\n    // If this section is not an object, for example 'breakpoints', which is an array of strings, then we don't want to itterate over the array, but just insert it to the them and finish this loop.\n\n    const section = baseTheme[themeKey];\n    if (Array.isArray(section)) {\n      // If the client has a similar section, we priorotize their values here and allow them to over write ours.\n      if (clientsTheme[themeKey]) {\n        mergedTheme = { ...mergedTheme, [themeKey]: clientsTheme[themeKey] };\n      } else {\n        mergedTheme = { ...mergedTheme, [themeKey]: baseTheme[themeKey] };\n      }\n    }\n\n    // If this section IS and object, then we want to itterate over its keys and unpack it\n    else {\n      // Extract the keys of all the variants from the current section in the base theme\n      const baseThemeSectionKeys = Object.keys(baseTheme[themeKey]);\n\n      // Declare the clients theme section keys for this current section\n      let clientsThemeSectionKeys: string[] | undefined;\n\n      // If the clients theme has this section, extract the keys of all the variants from the current section in the client's theme\n      if (clientsTheme[themeKey]) {\n        clientsThemeSectionKeys = Object.keys(clientsTheme[themeKey]);\n      }\n\n      // Add all the variants of this current section from the base theme to the merged theme\n      const section = baseTheme[themeKey];\n      if (!Array.isArray(section))\n        mergedTheme = addSectionToTheme(\n          baseThemeSectionKeys,\n          mergedTheme,\n          section,\n          themeKey\n        );\n\n      // If the client's section keys for this section aren't undefined (meaning the client has not added anything under this section in their theme) then skip. Otherwise, we add their variants for this current section to the merged theme.\n      if (clientsThemeSectionKeys?.length) {\n        const section = clientsTheme[themeKey];\n\n        // If this section is an instant of KeyValue\n        if (!Array.isArray(section))\n          mergedTheme = addSectionToTheme(\n            clientsThemeSectionKeys,\n            mergedTheme,\n            section,\n            themeKey\n          );\n      }\n    }\n\n    // We remove this current theme key (the section) from the client's theme keys as we've already unpacked all that it carried\n    clientsThemeKeys = clientsThemeKeys.filter((key) => key !== themeKey);\n  });\n\n  // We start itterating over the remaining keys in he client's theme keys (those are the sections that were unique to the user's theme, that we haven't included in our theme).\n  clientsThemeKeys.forEach((themeKey: string) => {\n    // If this section is not an object, for example 'breakpoints', which is an array of strings, then we don't want to itterate over the array, but just insert it to the them and finish this loop.\n\n    const section = clientsTheme[themeKey];\n\n    if (Array.isArray(section)) {\n      mergedTheme = { ...mergedTheme, [themeKey]: clientsTheme[themeKey] };\n    }\n\n    // If this section IS a non empty object, then we want to itterate over its keys and unpack it\n    else if (Object.keys(clientsTheme[themeKey]).length) {\n      const clientsThemeSectionKeys = Object.keys(clientsTheme[themeKey]);\n      mergedTheme = addSectionToTheme(\n        clientsThemeSectionKeys,\n        mergedTheme,\n        section,\n        themeKey\n      );\n    }\n  });\n  return mergedTheme;\n};\n\n/**\n *\n * @param themeSectionKeys - Array of all the keys for this current section. These are second level keys when looking at the theme. An example section might be \"buttons\" and some of the keys will have in this array would be \"_cta\", \"_circle\", \"_square\" etc.\n * @param mergedTheme - The most updated version of our final theme. We use it to unpack where needed, so we won't overwrite previously added sections.\n * @param themeToUnpack - The theme we are currently unpacking (baseTheme or the clientTheme)\n * @param themeKey - The key of the section we are currently unpacking. Following the example from above, this will be \"buttons\".\n *\n * @returns - An updated theme after adding all the keys of this section.\n */\nconst addSectionToTheme = (\n  themeSectionKeys: string[],\n  mergedTheme: Theme,\n  sectionToUnpack: KeyValue,\n  themeKey: string\n): Theme => {\n  // The updated theme object that we'll be returning after adding this section\n  let updatedTheme: Theme = {};\n\n  themeSectionKeys.forEach((sectionKey: string) => {\n    const subSection = sectionToUnpack[sectionKey];\n\n    if (\n      Array.isArray(subSection) ||\n      typeof subSection === \"number\" ||\n      typeof subSection === \"string\"\n    ) {\n      updatedTheme = {\n        ...mergedTheme,\n        [themeKey]: {\n          ...mergedTheme[themeKey],\n          ...updatedTheme[themeKey],\n          [sectionKey]: subSection,\n        },\n      };\n    } else {\n      updatedTheme = {\n        ...mergedTheme,\n        [themeKey]: {\n          ...mergedTheme[themeKey],\n          ...updatedTheme[themeKey],\n          [sectionKey]: { ...subSection },\n        },\n      };\n    }\n  });\n  return updatedTheme;\n};\n\n/**\n *\n * @param baseTheme - The theme that we provide.\n * @param clientsTheme - The theme that the client provides\n *\n * Throws an error if we have overlapping keys. Otherwise, returns nothing and allows our function to continue its work.\n */\nconst checkIfClientOverridesBaseThemeVariants = (\n  baseTheme: Theme,\n  clientsTheme: Theme\n) => {\n  const baseThemeKeys = Object.keys(baseTheme);\n\n  baseThemeKeys.forEach((themeKey: string) => {\n    const baseThemeSectionKeys = Object.keys(baseTheme[themeKey]);\n    baseThemeSectionKeys.forEach((sectionKey: string) => {\n      const clentsThemeSection = clientsTheme[themeKey];\n      if (\n        clentsThemeSection &&\n        !Array.isArray(clentsThemeSection) &&\n        clentsThemeSection[sectionKey]\n      ) {\n        throw new Error(\n          `Variant ${sectionKey} already exists under ${themeKey} in SelfDecode's base theme library. Please choose a different name`\n        );\n      }\n    });\n  });\n};\n"],"names":["mergeThemes","baseTheme","clientsTheme","mergedTheme","baseThemeKeys","clientsThemeKeys","checkIfClientOverridesBaseThemeVariants","themeKey","section","baseThemeSectionKeys","clientsThemeSectionKeys","addSectionToTheme","key","themeSectionKeys","sectionToUnpack","updatedTheme","sectionKey","subSection","clentsThemeSection"],"mappings":"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"}

package/lib/sd-component-library194.js

@@ -1,5 +1,6 @@
-var e = { exports: {} };
+import * as t from "react";
+const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 9.984, height: 6.021, viewBox: "0 0 9.984 6.021", ...a }, /* @__PURE__ */ t.createElement("path", { id: "dropdown_arrow_up", d: "M1262.106,88.295l4.662-4.218a.336.336,0,0,1,.459,0l4.662,4.218a.266.266,0,0,1,0,.416l-.5,1.205a.327.327,0,0,1-.23.091.331.331,0,0,1-.23-.091L1267,86.359l-3.93,3.557a.338.338,0,0,1-.46,0l-.5-1.205a.265.265,0,0,1,0-.416Z", transform: "translate(-1262.005 -83.986)" }));
 export {
-  e as __module
+  e as ReactComponent
 };
 //# sourceMappingURL=sd-component-library194.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library194.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library194.js","sources":["../src/components/accordions/base-accordion/assets/dropdown_arrow_up.svg"],"sourcesContent":["export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljk4NCIgaGVpZ2h0PSI2LjAyMSIgdmlld0JveD0iMCAwIDkuOTg0IDYuMDIxIj4NCiAgPHBhdGggaWQ9ImRyb3Bkb3duX2Fycm93X3VwIiBkPSJNMTI2Mi4xMDYsODguMjk1bDQuNjYyLTQuMjE4YS4zMzYuMzM2LDAsMCwxLC40NTksMGw0LjY2Miw0LjIxOGEuMjY2LjI2NiwwLDAsMSwwLC40MTZsLS41LDEuMjA1YS4zMjcuMzI3LDAsMCwxLS4yMy4wOTEuMzMxLjMzMSwwLDAsMS0uMjMtLjA5MUwxMjY3LDg2LjM1OWwtMy45MywzLjU1N2EuMzM4LjMzOCwwLDAsMS0uNDYsMGwtLjUtMS4yMDVhLjI2NS4yNjUsMCwwLDEsMC0uNDE2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNjIuMDA1IC04My45ODYpIi8+DQo8L3N2Zz4NCg==\""],"names":["SvgDropdownArrowUp","props","React"],"mappings":";AACK,MAACA,IAAqB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,OAAO,QAAQ,OAAO,SAAS,mBAAmB,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,IAAI,qBAAqB,GAAG,8NAA8N,WAAW,+BAA8B,CAAE,CAAC;"}

package/lib/sd-component-library195.js

@@ -1,33 +1,28 @@
-import { __exports as t } from "./sd-component-library273.js";
-import R from "react";
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var p;
-function v() {
-  if (p)
-    return t;
-  p = 1;
-  var s = R, m = Symbol.for("react.element"), l = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, a = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function i(o, r, u) {
-    var e, n = {}, _ = null, f = null;
-    u !== void 0 && (_ = "" + u), r.key !== void 0 && (_ = "" + r.key), r.ref !== void 0 && (f = r.ref);
-    for (e in r)
-      c.call(r, e) && !d.hasOwnProperty(e) && (n[e] = r[e]);
-    if (o && o.defaultProps)
-      for (e in r = o.defaultProps, r)
-        n[e] === void 0 && (n[e] = r[e]);
-    return { $$typeof: m, type: o, key: _, ref: f, props: n, _owner: a.current };
-  }
-  return t.Fragment = l, t.jsx = i, t.jsxs = i, t;
-}
+import { j as o } from "./sd-component-library190.js";
+import { Box as m } from "rebass";
+import { ReactComponent as p } from "./sd-component-library175.js";
+const l = (t) => {
+  const { width: n, height: r, fill: e, stroke: i, icon: s } = t, a = s || p;
+  return /* @__PURE__ */ o.jsx(
+    m,
+    {
+      sx: {
+        width: n || 25,
+        height: r || 25,
+        fill: e || "purple",
+        stroke: i || "none",
+        animation: "rotation 2s infinite linear",
+        "@keyframes rotation ": {
+          from: { transform: "rotate(0deg)" },
+          to: { transform: "rotate(359deg)" }
+        }
+      },
+      "data-test": "loading-spinner",
+      children: /* @__PURE__ */ o.jsx(a, {})
+    }
+  );
+};
 export {
-  v as __require
+  l as LoadingSpinner
 };
 //# sourceMappingURL=sd-component-library195.js.map