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

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library.js","sources":["../src/index.tsx"],"sourcesContent":["// Type imports before exporting\n// Wrapper export\nimport Wrapper from \"./components/wrapper\";\nimport theme from \"./core/theme\";\nexport const ComponentLibTheme = theme;\n\nexport const ComponentLibThemeProvider = Wrapper;\n\n// Accordion exports\nexport * from \"./components/accordions\";\n\n// Badge exports\nexport * from \"./components/badges\";\n\n// Bicolor Badge exports\nexport * from \"./components/bicolor-badge\";\n\n// Boxes exports\nexport * from \"./components/boxes\";\n\n// Breadcrumb exports\nexport * from \"./components/breadcrumbs\";\n\n// Button exports\nexport * from \"./components/buttons\";\n\n// Card exports\nexport * from \"./components/cards\";\n\n//Checkboxes exports\nexport * from \"./components/checkboxes\";\n\n// Container exports\nexport * from \"./components/containers\";\n\n// Custom Scrollbar Box exports\nexport * from \"./components/custom-scrollbar-box\";\n\n// Divider components exports\nexport * from \"./components/dividers\";\n\n// Feature explanation component export\nexport * from \"./components/feature-explanation\";\n\n// Feedback exports\nexport * from \"./components/boolean-feedback\";\nexport * from \"./components/feedback\";\n\n// Input exports\nexport * from \"./components/inputs\";\n\n// Links components exports\nexport * from \"./components/links\";\n\n// Lists components exports\nexport * from \"./components/lists\";\n\n// Menus\nexport * from \"./components/menus\";\n\n// Meters\nexport * from \"./components/meters\";\n\n// Modals\nexport * from \"./components/modals\";\n\n// Page selector exports\nexport * from \"./components/page-selectors\";\n\n// Pagination bars exports\nexport * from \"./components/pagination-bars\";\n\n// Progress bar exports\nexport * from \"./components/progress-bars\";\n\n// Progress steps components exports\nexport * from \"./components/progress-steps\";\n\n// Selector exports\nexport * from \"./components/selectors\";\n\n// Switch exports\nexport * from \"./components/switches\";\n\n// Tabs\nexport * from \"./components/tabs\";\n\n// Text components exports\nexport * from \"./components/texts\";\n\n// Tooltips\nexport * from \"./components/tooltips\";\n\n// Complex components\nexport * from \"./components/complex\";\n\n// Util components exports\nexport * from \"./components/utils\";\n\n// Custom hooks\nexport {\n  useResize,\n  useBodyScrollLock,\n  useElementCoordinates,\n  useBoundingClientRect,\n  useIntersectionObserver,\n} from \"./core/custom-hooks\";\n\nexport * from \"./core/functions\";\n\n// Icons\nexport * from \"./components/icons\";\n"],"names":["ComponentLibTheme","theme","ComponentLibThemeProvider","Wrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAMA,IAAoBC,GAEpBC,IAA4BC;"}
+{"version":3,"file":"sd-component-library.js","sources":["../src/index.tsx"],"sourcesContent":["// Type imports before exporting\n// Wrapper export\nexport { default as ComponentLibThemeProvider } from \"./components/wrapper\";\nimport theme from \"./core/theme\";\nexport const ComponentLibTheme = theme;\n\n// Accordion exports\nexport * from \"./components/accordions\";\n\n// Badge exports\nexport * from \"./components/badges\";\n\n// Bicolor Badge exports\nexport * from \"./components/bicolor-badge\";\n\n// Boxes exports\nexport * from \"./components/boxes\";\n\n// Breadcrumb exports\nexport * from \"./components/breadcrumbs\";\n\n// Button exports\nexport * from \"./components/buttons\";\n\n// Card exports\nexport * from \"./components/cards\";\n\n//Checkboxes exports\nexport * from \"./components/checkboxes\";\n\n// Container exports\nexport * from \"./components/containers\";\n\n// Custom Scrollbar Box exports\nexport * from \"./components/custom-scrollbar-box\";\n\n// Divider components exports\nexport * from \"./components/dividers\";\n\n// Feature explanation component export\nexport * from \"./components/feature-explanation\";\n\n// Feedback exports\nexport * from \"./components/boolean-feedback\";\nexport * from \"./components/feedback\";\n\n// Input exports\nexport * from \"./components/inputs\";\n\n// Links components exports\nexport * from \"./components/links\";\n\n// Lists components exports\nexport * from \"./components/lists\";\n\n// Menus\nexport * from \"./components/menus\";\n\n// Meters\nexport * from \"./components/meters\";\n\n// Modals\nexport * from \"./components/modals\";\n\n// Page selector exports\nexport * from \"./components/page-selectors\";\n\n// Pagination bars exports\nexport * from \"./components/pagination-bars\";\n\n// Progress bar exports\nexport * from \"./components/progress-bars\";\n\n// Progress steps components exports\nexport * from \"./components/progress-steps\";\n\n// Selector exports\nexport * from \"./components/selectors\";\n\n// Switch exports\nexport * from \"./components/switches\";\n\n// Tabs\nexport * from \"./components/tabs\";\n\n// Text components exports\nexport * from \"./components/texts\";\n\n// Tooltips\nexport * from \"./components/tooltips\";\n\n// Complex components\nexport * from \"./components/complex\";\n\n// Util components exports\nexport * from \"./components/utils\";\n\n// Custom hooks\nexport {\n  useResize,\n  useBodyScrollLock,\n  useElementCoordinates,\n  useBoundingClientRect,\n  useIntersectionObserver,\n} from \"./core/custom-hooks\";\n\nexport * from \"./core/functions\";\n\n// Icons\nexport * from \"./components/icons\";\n"],"names":["ComponentLibTheme","theme"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAMA,IAAoBC;"}

package/lib/sd-component-library100.js

@@ -1,9 +1,9 @@
 import { j as e } from "./sd-component-library195.js";
-import { isMatchingRange as u } from "./sd-component-library262.js";
+import { isMatchingRange as u } from "./sd-component-library255.js";
 import { GridCenter as c } from "./sd-component-library45.js";
 import { GridContainerV2 as f } from "./sd-component-library42.js";
-import { LinearGaugeSegment as d } from "./sd-component-library260.js";
-import { LinearGaugeLabel as j } from "./sd-component-library261.js";
+import { LinearGaugeSegment as d } from "./sd-component-library256.js";
+import { LinearGaugeLabel as j } from "./sd-component-library257.js";
 const M = ({
   gap: i = 3,
   segmentHeight: l = 8,

package/lib/sd-component-library101.js

@@ -3,10 +3,10 @@ import { useRef as B, useState as I, useEffect as R } from "react";
 import "./sd-component-library196.js";
 import { useBodyScrollLock as E } from "./sd-component-library4.js";
 import { isIOS as F, isPDFFlow as T } from "./sd-component-library5.js";
-import X from "./sd-component-library235.js";
+import X from "./sd-component-library262.js";
 import { Box as s } from "./sd-component-library197.js";
 import { OutsideClickBox as P } from "./sd-component-library15.js";
-import { ReactComponent as _ } from "./sd-component-library236.js";
+import { ReactComponent as _ } from "./sd-component-library263.js";
 import { FlexCenter as z } from "./sd-component-library38.js";
 import { Button as A } from "./sd-component-library29.js";
 const r = 500, K = (p) => {

package/lib/sd-component-library103.js

@@ -1,9 +1,9 @@
 import { j as r } from "./sd-component-library195.js";
 import { useDependantState as j } from "./sd-component-library4.js";
-import { SquareButton as g } from "./sd-component-library267.js";
-import { ReactComponent as P } from "./sd-component-library264.js";
-import { CurrentPage as h } from "./sd-component-library268.js";
-import { ReactComponent as S } from "./sd-component-library266.js";
+import { SquareButton as g } from "./sd-component-library260.js";
+import { ReactComponent as P } from "./sd-component-library224.js";
+import { CurrentPage as h } from "./sd-component-library261.js";
+import { ReactComponent as S } from "./sd-component-library226.js";
 import { GridCenter as R } from "./sd-component-library45.js";
 function x(m, t, o, n) {
   t == null || t(o, n), m(o);

package/lib/sd-component-library105.js

@@ -1,8 +1,8 @@
 import { j as e } from "./sd-component-library195.js";
-import { PaginationBarButton as i } from "./sd-component-library263.js";
-import { ReactComponent as h } from "./sd-component-library264.js";
-import { PaginationBarCurrentPage as u } from "./sd-component-library265.js";
-import { ReactComponent as f } from "./sd-component-library266.js";
+import { PaginationBarButton as i } from "./sd-component-library223.js";
+import { ReactComponent as h } from "./sd-component-library224.js";
+import { PaginationBarCurrentPage as u } from "./sd-component-library225.js";
+import { ReactComponent as f } from "./sd-component-library226.js";
 import { GridContainerV2 as s } from "./sd-component-library42.js";
 import { ResponsiveTextV2 as j } from "./sd-component-library148.js";
 const k = (a) => {

package/lib/sd-component-library111.js

@@ -1,11 +1,11 @@
 import { j as e } from "./sd-component-library195.js";
 import { useMemo as Z } from "react";
-import { Select as q } from "./sd-component-library204.js";
+import { Select as q } from "./sd-component-library212.js";
 import "./sd-component-library196.js";
 import { useDependantState as G } from "./sd-component-library4.js";
 import { Box as J } from "./sd-component-library197.js";
 import { MaxMaxContainer as K } from "./sd-component-library44.js";
-import { BaseLabel as P } from "./sd-component-library213.js";
+import { BaseLabel as P } from "./sd-component-library221.js";
 import { ResponsiveTextV2 as Q } from "./sd-component-library148.js";
 const U = (r, a, t, d, o, n) => {
   const m = d.find(

package/lib/sd-component-library117.js

@@ -1,6 +1,6 @@
 import { j as o } from "./sd-component-library195.js";
 import { useState as x } from "react";
-import { BaseLabel as f } from "./sd-component-library213.js";
+import { BaseLabel as f } from "./sd-component-library221.js";
 import { OutsideClickBox as u } from "./sd-component-library15.js";
 import { ReactComponent as h } from "./sd-component-library187.js";
 import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library270.js";

package/lib/sd-component-library120.js

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

package/lib/sd-component-library125.js

@@ -1,8 +1,8 @@
 import { j as o } from "./sd-component-library195.js";
 import { useState as x } from "react";
-import { BaseLabel as f } from "./sd-component-library213.js";
+import { BaseLabel as f } from "./sd-component-library221.js";
 import { ReactComponent as u } from "./sd-component-library187.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library272.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library273.js";
 import { GridContainerV2 as S } from "./sd-component-library42.js";
 import { OutsideClickBox as b } from "./sd-component-library15.js";
 import { ResponsiveTextV2 as C } from "./sd-component-library148.js";

package/lib/sd-component-library126.js

@@ -2,10 +2,10 @@ import { j as o } from "./sd-component-library195.js";
 import { useState as x } from "react";
 import "./sd-component-library196.js";
 import { OutsideClickBox as d } from "./sd-component-library15.js";
-import { BaseLabel as u } from "./sd-component-library213.js";
+import { BaseLabel as u } from "./sd-component-library221.js";
 import { Flex as i } from "./sd-component-library197.js";
 import { ReactComponent as f } from "./sd-component-library187.js";
-import { CustomScrollableOptionsBox as h } from "./sd-component-library273.js";
+import { CustomScrollableOptionsBox as h } from "./sd-component-library274.js";
 import { ResponsiveTextV2 as b } from "./sd-component-library148.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-library128.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library195.js";
 import { IconButton as s } from "./sd-component-library26.js";
-import { ReactComponent as c } from "./sd-component-library224.js";
+import { ReactComponent as c } from "./sd-component-library222.js";
 import { EighteenBold as p } from "./sd-component-library139.js";
 import { GridCenter as g } from "./sd-component-library45.js";
 const C = ({

package/lib/sd-component-library131.js

@@ -3,9 +3,9 @@ import { useState as y } from "react";
 import "./sd-component-library196.js";
 import { useBoundingClientRect as m } from "./sd-component-library4.js";
 import { Flex as x } from "./sd-component-library197.js";
-import { ArrowButton as l } from "./sd-component-library278.js";
-import { Mask as p } from "./sd-component-library279.js";
-import { Tab as A } from "./sd-component-library280.js";
+import { ArrowButton as l } from "./sd-component-library264.js";
+import { Mask as p } from "./sd-component-library265.js";
+import { Tab as A } from "./sd-component-library266.js";
 import { HorizontalDivider as E } from "./sd-component-library52.js";
 const s = 30, e = `${s}px`, w = "30px";
 function U({

package/lib/sd-component-library132.js

@@ -1,7 +1,7 @@
 import { j as t } from "./sd-component-library195.js";
 import "./sd-component-library196.js";
 import { Box as w, Flex as s } from "./sd-component-library197.js";
-import { TabV2 as T } from "./sd-component-library281.js";
+import { TabV2 as T } from "./sd-component-library271.js";
 import { GridContainerV2 as _ } from "./sd-component-library42.js";
 const h = 25, W = ({
   tabs: e,

package/lib/sd-component-library134.js

@@ -3,9 +3,9 @@ import { useRef as v, useState as w, useEffect as m } from "react";
 import "./sd-component-library196.js";
 import { Box as S } from "./sd-component-library197.js";
 import { BaseGridContainer as C } from "./sd-component-library39.js";
-import { ScrollableTabWrapper as j } from "./sd-component-library282.js";
+import { ScrollableTabWrapper as j } from "./sd-component-library267.js";
 import { MaxMaxContainer as E } from "./sd-component-library44.js";
-import { Tab as y } from "./sd-component-library283.js";
+import { Tab as y } from "./sd-component-library268.js";
 import { VerticalDivider as B } from "./sd-component-library53.js";
 const L = (o) => {
   const t = o.find(

package/lib/sd-component-library165.js

@@ -6,7 +6,7 @@ import { Flex as s, Box as i } from "./sd-component-library197.js";
 import { ReactComponent as b } from "./sd-component-library187.js";
 import { HorizontalDivider as n } from "./sd-component-library52.js";
 import { TriangularPointerIcon as u } from "./sd-component-library190.js";
-import { ActionBox as g } from "./sd-component-library214.js";
+import { ActionBox as g } from "./sd-component-library210.js";
 const C = (x) => {
   const {
     actions: e,

package/lib/sd-component-library166.js

@@ -2,7 +2,7 @@ import { j as o } from "./sd-component-library195.js";
 import "./sd-component-library196.js";
 import { BaseTooltip as m } from "./sd-component-library167.js";
 import { Box as x } from "./sd-component-library197.js";
-import { ReactComponent as c } from "./sd-component-library274.js";
+import { ReactComponent as c } from "./sd-component-library276.js";
 const T = (r) => {
   const {
     tooltipText: s,

package/lib/sd-component-library169.js

@@ -2,7 +2,7 @@ import { j as t } from "./sd-component-library195.js";
 import w, { useRef as c, useEffect as y } from "react";
 import "./sd-component-library196.js";
 import { Box as o } from "./sd-component-library197.js";
-import { ReactComponent as g } from "./sd-component-library274.js";
+import { ReactComponent as g } from "./sd-component-library276.js";
 const I = w.forwardRef((x, a) => {
   const {
     placement: e,

package/lib/sd-component-library170.js

@@ -3,10 +3,10 @@ import { useState as v, useRef as a } from "react";
 import "./sd-component-library196.js";
 import { useBreakPoints as y, useBodyScrollLock as z } from "./sd-component-library4.js";
 import { Box as C } from "./sd-component-library197.js";
-import E from "./sd-component-library235.js";
-import { TooltipWithPointerMobile as M } from "./sd-component-library275.js";
-import { TooltipWithPointerHorizontal as V } from "./sd-component-library276.js";
-import { TooltipWithPointerVertical as D } from "./sd-component-library277.js";
+import E from "./sd-component-library262.js";
+import { TooltipWithPointerMobile as M } from "./sd-component-library277.js";
+import { TooltipWithPointerHorizontal as V } from "./sd-component-library278.js";
+import { TooltipWithPointerVertical as D } from "./sd-component-library279.js";
 const f = 200, K = (x) => {
   const {
     children: u,

package/lib/sd-component-library173.js

@@ -1,7 +1,7 @@
 import { j as x } from "./sd-component-library195.js";
 import { useRef as E, useCallback as b, useEffect as h } from "react";
 import "./sd-component-library196.js";
-import { refsManager as l } from "./sd-component-library284.js";
+import { refsManager as l } from "./sd-component-library275.js";
 import { Box as j } from "./sd-component-library197.js";
 const Y = (m) => {
   const e = E(), {

package/lib/sd-component-library19.js

@@ -1,5 +1,5 @@
 import { j as o } from "./sd-component-library195.js";
-import { renderUpToFiveCrumbs as i, renderMoreThanFiveCrumbs as m } from "./sd-component-library202.js";
+import { renderUpToFiveCrumbs as i, renderMoreThanFiveCrumbs as m } from "./sd-component-library206.js";
 import { GridCenter as p } from "./sd-component-library45.js";
 const h = ({
   textTransform: t,

package/lib/sd-component-library195.js

@@ -1,6 +1,6 @@
-import { __module as e } from "./sd-component-library217.js";
-import { __require as r } from "./sd-component-library218.js";
-import { __require as o } from "./sd-component-library219.js";
+import { __module as e } from "./sd-component-library203.js";
+import { __require as r } from "./sd-component-library204.js";
+import { __require as o } from "./sd-component-library205.js";
 process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
 var m = e.exports;
 export {

package/lib/sd-component-library197.js

@@ -1,9 +1,9 @@
-import { __exports as o } from "./sd-component-library298.js";
+import { __exports as o } from "./sd-component-library280.js";
 import v from "react";
-import p from "./sd-component-library299.js";
-import x from "./sd-component-library300.js";
-import _ from "./sd-component-library301.js";
-import m from "./sd-component-library302.js";
+import p from "./sd-component-library281.js";
+import x from "./sd-component-library282.js";
+import _ from "./sd-component-library283.js";
+import m from "./sd-component-library284.js";
 Object.defineProperty(o, "__esModule", {
   value: !0
 });

package/lib/sd-component-library198.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-library198.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library198.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-library198.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;"}

package/lib/sd-component-library199.js

@@ -1,52 +1,80 @@
-import p from "./sd-component-library225.js";
-import { createElement as o } from "react";
-import i from "./sd-component-library226.js";
-import { T as c } from "./sd-component-library227.js";
-import "./sd-component-library228.js";
-import "./sd-component-library229.js";
-function f(n, e) {
-  var r = Object.keys(n);
-  if (Object.getOwnPropertySymbols) {
-    var t = Object.getOwnPropertySymbols(n);
-    e && (t = t.filter(function(u) {
-      return Object.getOwnPropertyDescriptor(n, u).enumerable;
-    })), r.push.apply(r, t);
-  }
-  return r;
-}
-function a(n) {
-  for (var e = 1; e < arguments.length; e++) {
-    var r = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? f(Object(r), !0).forEach(function(t) {
-      p(n, t, r[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(r)) : f(Object(r)).forEach(function(t) {
-      Object.defineProperty(n, t, Object.getOwnPropertyDescriptor(r, t));
-    });
-  }
-  return n;
-}
-var l = function(e, r) {
+import * as i from "react";
+import { forwardRef as _, useContext as y } from "react";
+import h from "./sd-component-library287.js";
+import O from "./sd-component-library288.js";
+import v from "./sd-component-library289.js";
+import { getRegisteredStyles as P, registerStyles as C, insertStyles as g } from "./sd-component-library290.js";
+import { serializeStyles as d } from "./sd-component-library291.js";
+import { useInsertionEffectAlwaysWithSyncFallback as T } from "./sd-component-library292.js";
+var w = {}.hasOwnProperty, m = /* @__PURE__ */ i.createContext(
+  // we're doing this to avoid preconstruct's dead code elimination in this one case
+  // because this module is primarily intended for the browser and node
+  // but it's also required in react native and similar environments sometimes
+  // and we could have a special build just for that
+  // but this is much easier and the native packages
+  // might use a different theme context in the future anyway
+  typeof HTMLElement < "u" ? /* @__PURE__ */ h({
+    key: "css"
+  }) : null
+);
+process.env.NODE_ENV !== "production" && (m.displayName = "EmotionCacheContext");
+m.Provider;
+var x = function(e) {
+  return /* @__PURE__ */ _(function(r, n) {
+    var o = y(m);
+    return e(r, o, n);
+  });
+}, f = /* @__PURE__ */ i.createContext({});
+process.env.NODE_ENV !== "production" && (f.displayName = "EmotionThemeContext");
+var S = function(e, r) {
   if (typeof r == "function") {
-    var t = r(e);
-    if (process.env.NODE_ENV !== "production" && (t == null || typeof t != "object" || Array.isArray(t)))
+    var n = r(e);
+    if (process.env.NODE_ENV !== "production" && (n == null || typeof n != "object" || Array.isArray(n)))
       throw new Error("[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!");
-    return t;
+    return n;
   }
   if (process.env.NODE_ENV !== "production" && (r == null || typeof r != "object" || Array.isArray(r)))
     throw new Error("[ThemeProvider] Please make your theme prop a plain object");
-  return a({}, e, {}, r);
-}, y = i(function(n) {
-  return i(function(e) {
-    return l(n, e);
+  return O({}, e, r);
+}, D = /* @__PURE__ */ v(function(t) {
+  return v(function(e) {
+    return S(t, e);
   });
-}), j = function(e) {
-  return /* @__PURE__ */ o(c.Consumer, null, function(r) {
-    return e.theme !== r && (r = y(r)(e.theme)), /* @__PURE__ */ o(c.Provider, {
-      value: r
-    }, e.children);
-  });
-};
+}), W = function(e) {
+  var r = i.useContext(f);
+  return e.theme !== r && (r = D(r)(e.theme)), /* @__PURE__ */ i.createElement(f.Provider, {
+    value: r
+  }, e.children);
+}, N = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", p = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", A = function(e) {
+  var r = e.cache, n = e.serialized, o = e.isStringTag;
+  return C(r, n, o), T(function() {
+    return g(r, n, o);
+  }), null;
+}, V = /* @__PURE__ */ x(function(t, e, r) {
+  var n = t.css;
+  typeof n == "string" && e.registered[n] !== void 0 && (n = e.registered[n]);
+  var o = t[N], u = [n], c = "";
+  typeof t.className == "string" ? c = P(e.registered, u, t.className) : t.className != null && (c = t.className + " ");
+  var s = d(u, void 0, i.useContext(f));
+  if (process.env.NODE_ENV !== "production" && s.name.indexOf("-") === -1) {
+    var E = t[p];
+    E && (s = d([s, "label:" + E + ";"]));
+  }
+  c += e.key + "-" + s.name;
+  var l = {};
+  for (var a in t)
+    w.call(t, a) && a !== "css" && a !== N && (process.env.NODE_ENV === "production" || a !== p) && (l[a] = t[a]);
+  return l.ref = r, l.className = c, /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(A, {
+    cache: e,
+    serialized: s,
+    isStringTag: typeof o == "string"
+  }), /* @__PURE__ */ i.createElement(o, l));
+});
+process.env.NODE_ENV !== "production" && (V.displayName = "EmotionCssPropInternal");
 export {
-  j as ThemeProvider
+  f as T,
+  W as a,
+  w as h,
+  x as w
 };
 //# sourceMappingURL=sd-component-library199.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library199.js","sources":["../node_modules/emotion-theming/dist/emotion-theming.browser.esm.js"],"sourcesContent":["import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';\nimport React, { createElement, forwardRef } from 'react';\nimport { ThemeContext } from '@emotion/core';\nimport weakMemoize from '@emotion/weak-memoize';\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport hoistNonReactStatics from 'hoist-non-react-statics';\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nvar getTheme = function getTheme(outerTheme, theme) {\n  if (typeof theme === 'function') {\n    var mergedTheme = theme(outerTheme);\n\n    if (process.env.NODE_ENV !== 'production' && (mergedTheme == null || typeof mergedTheme !== 'object' || Array.isArray(mergedTheme))) {\n      throw new Error('[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!');\n    }\n\n    return mergedTheme;\n  }\n\n  if (process.env.NODE_ENV !== 'production' && (theme == null || typeof theme !== 'object' || Array.isArray(theme))) {\n    throw new Error('[ThemeProvider] Please make your theme prop a plain object');\n  }\n\n  return _objectSpread({}, outerTheme, {}, theme);\n};\n\nvar createCacheWithTheme = weakMemoize(function (outerTheme) {\n  return weakMemoize(function (theme) {\n    return getTheme(outerTheme, theme);\n  });\n});\n\nvar ThemeProvider = function ThemeProvider(props) {\n  return /*#__PURE__*/createElement(ThemeContext.Consumer, null, function (theme) {\n    if (props.theme !== theme) {\n      theme = createCacheWithTheme(theme)(props.theme);\n    }\n\n    return /*#__PURE__*/createElement(ThemeContext.Provider, {\n      value: theme\n    }, props.children);\n  });\n};\n\n// should we change this to be forwardRef/withCSSContext style so it doesn't merge with props?\nfunction withTheme(Component) {\n  var componentName = Component.displayName || Component.name || 'Component';\n\n  var render = function render(props, ref) {\n    return /*#__PURE__*/createElement(ThemeContext.Consumer, null, function (theme) {\n      return /*#__PURE__*/createElement(Component, _extends({\n        theme: theme,\n        ref: ref\n      }, props));\n    });\n  }; // $FlowFixMe\n\n\n  var WithTheme = /*#__PURE__*/forwardRef(render);\n  WithTheme.displayName = \"WithTheme(\" + componentName + \")\";\n  return hoistNonReactStatics(WithTheme, Component);\n}\n\nfunction useTheme() {\n  return React.useContext(ThemeContext);\n}\n\nexport { ThemeProvider, useTheme, withTheme };\n"],"names":["ownKeys","object","enumerableOnly","keys","symbols","sym","_objectSpread","target","i","source","key","_defineProperty","getTheme","outerTheme","theme","mergedTheme","createCacheWithTheme","weakMemoize","ThemeProvider","props","createElement","ThemeContext"],"mappings":";;;;;;AAOA,SAASA,EAAQC,GAAQC,GAAgB;AAAE,MAAIC,IAAO,OAAO,KAAKF,CAAM;AAAG,MAAI,OAAO,uBAAuB;AAAE,QAAIG,IAAU,OAAO,sBAAsBH,CAAM;AAAG,IAAIC,MAAgBE,IAAUA,EAAQ,OAAO,SAAUC,GAAK;AAAE,aAAO,OAAO,yBAAyBJ,GAAQI,CAAG,EAAE;AAAA,IAAW,CAAE,IAAGF,EAAK,KAAK,MAAMA,GAAMC,CAAO;AAAA,EAAE;AAAG,SAAOD;AAAO;AAErV,SAASG,EAAcC,GAAQ;AAAE,WAASC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAAE,QAAIC,IAAS,UAAUD,CAAC,KAAK,OAAO,UAAUA,CAAC,IAAI,CAAE;AAAE,IAAIA,IAAI,IAAKR,EAAQ,OAAOS,CAAM,GAAG,EAAI,EAAE,QAAQ,SAAUC,GAAK;AAAE,MAAAC,EAAgBJ,GAAQG,GAAKD,EAAOC,CAAG,CAAC;AAAA,IAAI,CAAA,IAAc,OAAO,4BAA6B,OAAO,iBAAiBH,GAAQ,OAAO,0BAA0BE,CAAM,CAAC,IAAYT,EAAQ,OAAOS,CAAM,CAAC,EAAE,QAAQ,SAAUC,GAAK;AAAE,aAAO,eAAeH,GAAQG,GAAK,OAAO,yBAAyBD,GAAQC,CAAG,CAAC;AAAA,IAAE,CAAE;AAAA,EAAM;AAAC,SAAOH;AAAS;AAEthB,IAAIK,IAAW,SAAkBC,GAAYC,GAAO;AAClD,MAAI,OAAOA,KAAU,YAAY;AAC/B,QAAIC,IAAcD,EAAMD,CAAU;AAElC,QAAI,QAAQ,IAAI,aAAa,iBAAiBE,KAAe,QAAQ,OAAOA,KAAgB,YAAY,MAAM,QAAQA,CAAW;AAC/H,YAAM,IAAI,MAAM,4FAA4F;AAG9G,WAAOA;AAAA,EACR;AAED,MAAI,QAAQ,IAAI,aAAa,iBAAiBD,KAAS,QAAQ,OAAOA,KAAU,YAAY,MAAM,QAAQA,CAAK;AAC7G,UAAM,IAAI,MAAM,4DAA4D;AAG9E,SAAOR,EAAc,CAAE,GAAEO,GAAY,CAAE,GAAEC,CAAK;AAChD,GAEIE,IAAuBC,EAAY,SAAUJ,GAAY;AAC3D,SAAOI,EAAY,SAAUH,GAAO;AAClC,WAAOF,EAASC,GAAYC,CAAK;AAAA,EACrC,CAAG;AACH,CAAC,GAEGI,IAAgB,SAAuBC,GAAO;AAChD,SAAoB,gBAAAC,EAAcC,EAAa,UAAU,MAAM,SAAUP,GAAO;AAC9E,WAAIK,EAAM,UAAUL,MAClBA,IAAQE,EAAqBF,CAAK,EAAEK,EAAM,KAAK,IAG7B,gBAAAC,EAAcC,EAAa,UAAU;AAAA,MACvD,OAAOP;AAAA,IACb,GAAOK,EAAM,QAAQ;AAAA,EACrB,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library199.js","sources":["../node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js"],"sourcesContent":["import * as React from 'react';\nimport { useContext, forwardRef } from 'react';\nimport createCache from '@emotion/cache';\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport weakMemoize from '@emotion/weak-memoize';\nimport hoistNonReactStatics from '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js';\nimport { getRegisteredStyles, registerStyles, insertStyles } from '@emotion/utils';\nimport { serializeStyles } from '@emotion/serialize';\nimport { useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';\n\nvar isBrowser = \"object\" !== 'undefined';\nvar hasOwnProperty = {}.hasOwnProperty;\n\nvar EmotionCacheContext = /* #__PURE__ */React.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case\n// because this module is primarily intended for the browser and node\n// but it's also required in react native and similar environments sometimes\n// and we could have a special build just for that\n// but this is much easier and the native packages\n// might use a different theme context in the future anyway\ntypeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache({\n  key: 'css'\n}) : null);\n\nif (process.env.NODE_ENV !== 'production') {\n  EmotionCacheContext.displayName = 'EmotionCacheContext';\n}\n\nvar CacheProvider = EmotionCacheContext.Provider;\nvar __unsafe_useEmotionCache = function useEmotionCache() {\n  return useContext(EmotionCacheContext);\n};\n\nvar withEmotionCache = function withEmotionCache(func) {\n  // $FlowFixMe\n  return /*#__PURE__*/forwardRef(function (props, ref) {\n    // the cache will never be null in the browser\n    var cache = useContext(EmotionCacheContext);\n    return func(props, cache, ref);\n  });\n};\n\nif (!isBrowser) {\n  withEmotionCache = function withEmotionCache(func) {\n    return function (props) {\n      var cache = useContext(EmotionCacheContext);\n\n      if (cache === null) {\n        // yes, we're potentially creating this on every render\n        // it doesn't actually matter though since it's only on the server\n        // so there will only every be a single render\n        // that could change in the future because of suspense and etc. but for now,\n        // this works and i don't want to optimise for a future thing that we aren't sure about\n        cache = createCache({\n          key: 'css'\n        });\n        return /*#__PURE__*/React.createElement(EmotionCacheContext.Provider, {\n          value: cache\n        }, func(props, cache));\n      } else {\n        return func(props, cache);\n      }\n    };\n  };\n}\n\nvar ThemeContext = /* #__PURE__ */React.createContext({});\n\nif (process.env.NODE_ENV !== 'production') {\n  ThemeContext.displayName = 'EmotionThemeContext';\n}\n\nvar useTheme = function useTheme() {\n  return React.useContext(ThemeContext);\n};\n\nvar getTheme = function getTheme(outerTheme, theme) {\n  if (typeof theme === 'function') {\n    var mergedTheme = theme(outerTheme);\n\n    if (process.env.NODE_ENV !== 'production' && (mergedTheme == null || typeof mergedTheme !== 'object' || Array.isArray(mergedTheme))) {\n      throw new Error('[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!');\n    }\n\n    return mergedTheme;\n  }\n\n  if (process.env.NODE_ENV !== 'production' && (theme == null || typeof theme !== 'object' || Array.isArray(theme))) {\n    throw new Error('[ThemeProvider] Please make your theme prop a plain object');\n  }\n\n  return _extends({}, outerTheme, theme);\n};\n\nvar createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {\n  return weakMemoize(function (theme) {\n    return getTheme(outerTheme, theme);\n  });\n});\nvar ThemeProvider = function ThemeProvider(props) {\n  var theme = React.useContext(ThemeContext);\n\n  if (props.theme !== theme) {\n    theme = createCacheWithTheme(theme)(props.theme);\n  }\n\n  return /*#__PURE__*/React.createElement(ThemeContext.Provider, {\n    value: theme\n  }, props.children);\n};\nfunction withTheme(Component) {\n  var componentName = Component.displayName || Component.name || 'Component';\n\n  var render = function render(props, ref) {\n    var theme = React.useContext(ThemeContext);\n    return /*#__PURE__*/React.createElement(Component, _extends({\n      theme: theme,\n      ref: ref\n    }, props));\n  }; // $FlowFixMe\n\n\n  var WithTheme = /*#__PURE__*/React.forwardRef(render);\n  WithTheme.displayName = \"WithTheme(\" + componentName + \")\";\n  return hoistNonReactStatics(WithTheme, Component);\n}\n\nvar getLastPart = function getLastPart(functionName) {\n  // The match may be something like 'Object.createEmotionProps' or\n  // 'Loader.prototype.render'\n  var parts = functionName.split('.');\n  return parts[parts.length - 1];\n};\n\nvar getFunctionNameFromStackTraceLine = function getFunctionNameFromStackTraceLine(line) {\n  // V8\n  var match = /^\\s+at\\s+([A-Za-z0-9$.]+)\\s/.exec(line);\n  if (match) return getLastPart(match[1]); // Safari / Firefox\n\n  match = /^([A-Za-z0-9$.]+)@/.exec(line);\n  if (match) return getLastPart(match[1]);\n  return undefined;\n};\n\nvar internalReactFunctionNames = /* #__PURE__ */new Set(['renderWithHooks', 'processChild', 'finishClassComponent', 'renderToString']); // These identifiers come from error stacks, so they have to be valid JS\n// identifiers, thus we only need to replace what is a valid character for JS,\n// but not for CSS.\n\nvar sanitizeIdentifier = function sanitizeIdentifier(identifier) {\n  return identifier.replace(/\\$/g, '-');\n};\n\nvar getLabelFromStackTrace = function getLabelFromStackTrace(stackTrace) {\n  if (!stackTrace) return undefined;\n  var lines = stackTrace.split('\\n');\n\n  for (var i = 0; i < lines.length; i++) {\n    var functionName = getFunctionNameFromStackTraceLine(lines[i]); // The first line of V8 stack traces is just \"Error\"\n\n    if (!functionName) continue; // If we reach one of these, we have gone too far and should quit\n\n    if (internalReactFunctionNames.has(functionName)) break; // The component name is the first function in the stack that starts with an\n    // uppercase letter\n\n    if (/^[A-Z]/.test(functionName)) return sanitizeIdentifier(functionName);\n  }\n\n  return undefined;\n};\n\nvar typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';\nvar labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';\nvar createEmotionProps = function createEmotionProps(type, props) {\n  if (process.env.NODE_ENV !== 'production' && typeof props.css === 'string' && // check if there is a css declaration\n  props.css.indexOf(':') !== -1) {\n    throw new Error(\"Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`\" + props.css + \"`\");\n  }\n\n  var newProps = {};\n\n  for (var key in props) {\n    if (hasOwnProperty.call(props, key)) {\n      newProps[key] = props[key];\n    }\n  }\n\n  newProps[typePropName] = type; // For performance, only call getLabelFromStackTrace in development and when\n  // the label hasn't already been computed\n\n  if (process.env.NODE_ENV !== 'production' && !!props.css && (typeof props.css !== 'object' || typeof props.css.name !== 'string' || props.css.name.indexOf('-') === -1)) {\n    var label = getLabelFromStackTrace(new Error().stack);\n    if (label) newProps[labelPropName] = label;\n  }\n\n  return newProps;\n};\n\nvar Insertion = function Insertion(_ref) {\n  var cache = _ref.cache,\n      serialized = _ref.serialized,\n      isStringTag = _ref.isStringTag;\n  registerStyles(cache, serialized, isStringTag);\n  useInsertionEffectAlwaysWithSyncFallback(function () {\n    return insertStyles(cache, serialized, isStringTag);\n  });\n\n  return null;\n};\n\nvar Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {\n  var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works\n  // not passing the registered cache to serializeStyles because it would\n  // make certain babel optimisations not possible\n\n  if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {\n    cssProp = cache.registered[cssProp];\n  }\n\n  var WrappedComponent = props[typePropName];\n  var registeredStyles = [cssProp];\n  var className = '';\n\n  if (typeof props.className === 'string') {\n    className = getRegisteredStyles(cache.registered, registeredStyles, props.className);\n  } else if (props.className != null) {\n    className = props.className + \" \";\n  }\n\n  var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext));\n\n  if (process.env.NODE_ENV !== 'production' && serialized.name.indexOf('-') === -1) {\n    var labelFromStack = props[labelPropName];\n\n    if (labelFromStack) {\n      serialized = serializeStyles([serialized, 'label:' + labelFromStack + ';']);\n    }\n  }\n\n  className += cache.key + \"-\" + serialized.name;\n  var newProps = {};\n\n  for (var key in props) {\n    if (hasOwnProperty.call(props, key) && key !== 'css' && key !== typePropName && (process.env.NODE_ENV === 'production' || key !== labelPropName)) {\n      newProps[key] = props[key];\n    }\n  }\n\n  newProps.ref = ref;\n  newProps.className = className;\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {\n    cache: cache,\n    serialized: serialized,\n    isStringTag: typeof WrappedComponent === 'string'\n  }), /*#__PURE__*/React.createElement(WrappedComponent, newProps));\n});\n\nif (process.env.NODE_ENV !== 'production') {\n  Emotion.displayName = 'EmotionCssPropInternal';\n}\n\nvar Emotion$1 = Emotion;\n\nexport { CacheProvider as C, Emotion$1 as E, ThemeContext as T, __unsafe_useEmotionCache as _, ThemeProvider as a, withTheme as b, createEmotionProps as c, hasOwnProperty as h, isBrowser as i, useTheme as u, withEmotionCache as w };\n"],"names":["hasOwnProperty","EmotionCacheContext","React","createCache","withEmotionCache","func","forwardRef","props","ref","cache","useContext","ThemeContext","getTheme","outerTheme","theme","mergedTheme","_extends","createCacheWithTheme","weakMemoize","ThemeProvider","typePropName","labelPropName","Insertion","_ref","serialized","isStringTag","registerStyles","useInsertionEffectAlwaysWithSyncFallback","insertStyles","Emotion","cssProp","WrappedComponent","registeredStyles","className","getRegisteredStyles","serializeStyles","labelFromStack","newProps","key"],"mappings":";;;;;;;;AAWG,IAACA,IAAiB,CAAE,EAAC,gBAEpBC,IAAqC,gBAAAC,EAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAM/C,OAAO,cAAgB,MAA6B,gBAAAC,EAAY;AAAA,IAC9D,KAAK;AAAA,EACP,CAAC,IAAI;AAAI;AAEL,QAAQ,IAAI,aAAa,iBAC3BF,EAAoB,cAAc;AAGhBA,EAAoB;AAKrC,IAACG,IAAmB,SAA0BC,GAAM;AAErD,SAAoB,gBAAAC,EAAW,SAAUC,GAAOC,GAAK;AAEnD,QAAIC,IAAQC,EAAWT,CAAmB;AAC1C,WAAOI,EAAKE,GAAOE,GAAOD,CAAG;AAAA,EACjC,CAAG;AACH,GA0BIG,IAA8B,gBAAAT,EAAM,cAAc,EAAE;AAEpD,QAAQ,IAAI,aAAa,iBAC3BS,EAAa,cAAc;AAO7B,IAAIC,IAAW,SAAkBC,GAAYC,GAAO;AAClD,MAAI,OAAOA,KAAU,YAAY;AAC/B,QAAIC,IAAcD,EAAMD,CAAU;AAElC,QAAI,QAAQ,IAAI,aAAa,iBAAiBE,KAAe,QAAQ,OAAOA,KAAgB,YAAY,MAAM,QAAQA,CAAW;AAC/H,YAAM,IAAI,MAAM,4FAA4F;AAG9G,WAAOA;AAAA,EACR;AAED,MAAI,QAAQ,IAAI,aAAa,iBAAiBD,KAAS,QAAQ,OAAOA,KAAU,YAAY,MAAM,QAAQA,CAAK;AAC7G,UAAM,IAAI,MAAM,4DAA4D;AAG9E,SAAOE,EAAS,CAAA,GAAIH,GAAYC,CAAK;AACvC,GAEIG,IAAsC,gBAAAC,EAAY,SAAUL,GAAY;AAC1E,SAAOK,EAAY,SAAUJ,GAAO;AAClC,WAAOF,EAASC,GAAYC,CAAK;AAAA,EACrC,CAAG;AACH,CAAC,GACGK,IAAgB,SAAuBZ,GAAO;AAChD,MAAIO,IAAQZ,EAAM,WAAWS,CAAY;AAEzC,SAAIJ,EAAM,UAAUO,MAClBA,IAAQG,EAAqBH,CAAK,EAAEP,EAAM,KAAK,IAG7B,gBAAAL,EAAM,cAAcS,EAAa,UAAU;AAAA,IAC7D,OAAOG;AAAA,EACX,GAAKP,EAAM,QAAQ;AACnB,GA6DIa,IAAe,sCACfC,IAAgB,uCA0BhBC,IAAY,SAAmBC,GAAM;AACvC,MAAId,IAAQc,EAAK,OACbC,IAAaD,EAAK,YAClBE,IAAcF,EAAK;AACvB,SAAAG,EAAejB,GAAOe,GAAYC,CAAW,GAC7CE,EAAyC,WAAY;AACnD,WAAOC,EAAanB,GAAOe,GAAYC,CAAW;AAAA,EACtD,CAAG,GAEM;AACT,GAEII,IAAyB,gBAAAzB,EAAiB,SAAUG,GAAOE,GAAOD,GAAK;AACzE,MAAIsB,IAAUvB,EAAM;AAIpB,EAAI,OAAOuB,KAAY,YAAYrB,EAAM,WAAWqB,CAAO,MAAM,WAC/DA,IAAUrB,EAAM,WAAWqB,CAAO;AAGpC,MAAIC,IAAmBxB,EAAMa,CAAY,GACrCY,IAAmB,CAACF,CAAO,GAC3BG,IAAY;AAEhB,EAAI,OAAO1B,EAAM,aAAc,WAC7B0B,IAAYC,EAAoBzB,EAAM,YAAYuB,GAAkBzB,EAAM,SAAS,IAC1EA,EAAM,aAAa,SAC5B0B,IAAY1B,EAAM,YAAY;AAGhC,MAAIiB,IAAaW,EAAgBH,GAAkB,QAAW9B,EAAM,WAAWS,CAAY,CAAC;AAE5F,MAAI,QAAQ,IAAI,aAAa,gBAAgBa,EAAW,KAAK,QAAQ,GAAG,MAAM,IAAI;AAChF,QAAIY,IAAiB7B,EAAMc,CAAa;AAExC,IAAIe,MACFZ,IAAaW,EAAgB,CAACX,GAAY,WAAWY,IAAiB,GAAG,CAAC;AAAA,EAE7E;AAED,EAAAH,KAAaxB,EAAM,MAAM,MAAMe,EAAW;AAC1C,MAAIa,IAAW,CAAA;AAEf,WAASC,KAAO/B;AACd,IAAIP,EAAe,KAAKO,GAAO+B,CAAG,KAAKA,MAAQ,SAASA,MAAQlB,MAAiB,QAAQ,IAAI,aAAa,gBAAgBkB,MAAQjB,OAChIgB,EAASC,CAAG,IAAI/B,EAAM+B,CAAG;AAI7B,SAAAD,EAAS,MAAM7B,GACf6B,EAAS,YAAYJ,GACD,gBAAA/B,EAAM,cAAcA,EAAM,UAAU,MAAmB,gBAAAA,EAAM,cAAcoB,GAAW;AAAA,IACxG,OAAOb;AAAA,IACP,YAAYe;AAAA,IACZ,aAAa,OAAOO,KAAqB;AAAA,EAC1C,CAAA,GAAgB,gBAAA7B,EAAM,cAAc6B,GAAkBM,CAAQ,CAAC;AAClE,CAAC;AAEG,QAAQ,IAAI,aAAa,iBAC3BR,EAAQ,cAAc;","x_google_ignoreList":[0]}

package/lib/sd-component-library2.js

@@ -1,10 +1,10 @@
 import { j as r } from "./sd-component-library195.js";
 import m from "react";
-import { ThemeProvider as t } from "./sd-component-library199.js";
-import o from "./sd-component-library3.js";
-import { mergeThemes as i } from "./sd-component-library200.js";
-const d = (e) => /* @__PURE__ */ r.jsx(m.StrictMode, { children: /* @__PURE__ */ r.jsx(t, { theme: i(o, e.clientsTheme), children: e.children }) });
+import t from "./sd-component-library3.js";
+import { mergeThemes as o } from "./sd-component-library198.js";
+import { a as i } from "./sd-component-library199.js";
+const a = (e) => /* @__PURE__ */ r.jsx(m.StrictMode, { children: /* @__PURE__ */ r.jsx(i, { theme: o(t, e.clientsTheme), children: e.children }) });
 export {
-  d as Wrapper
+  a as Wrapper
 };
 //# sourceMappingURL=sd-component-library2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library2.js","sources":["../src/components/wrapper/wrapper.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ThemeProvider } from \"emotion-theming\";\n\nimport baseTheme from \"../../core/theme\";\nimport { mergeThemes } from \"./functions\";\nimport { WrapperProps } from \"./interfaces\";\n\n/**\n * Wrapper for the whole react application.\n */\nexport const Wrapper: React.FC<WrapperProps> = (props) => {\n  return (\n    <React.StrictMode>\n      <ThemeProvider theme={mergeThemes(baseTheme, props.clientsTheme)}>\n        {props.children}\n      </ThemeProvider>\n    </React.StrictMode>\n  );\n};\n"],"names":["Wrapper","props","jsx","React","ThemeProvider","mergeThemes","baseTheme"],"mappings":";;;;;AAWa,MAAAA,IAAkC,CAACC,MAE3CC,gBAAAA,EAAAA,IAAAC,EAAM,YAAN,EACC,gCAACC,GAAc,EAAA,OAAOC,EAAYC,GAAWL,EAAM,YAAY,GAC5D,UAAAA,EAAM,UACT,EACF,CAAA;"}
+{"version":3,"file":"sd-component-library2.js","sources":["../src/components/wrapper/wrapper.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ThemeProvider } from \"@emotion/react\";\n\nimport baseTheme from \"../../core/theme\";\nimport { mergeThemes } from \"./functions\";\nimport { WrapperProps } from \"./interfaces\";\n\n/**\n * Wrapper for the whole react application.\n */\nexport const Wrapper: React.FC<WrapperProps> = (props) => {\n  return (\n    <React.StrictMode>\n      <ThemeProvider theme={mergeThemes(baseTheme, props.clientsTheme)}>\n        {props.children}\n      </ThemeProvider>\n    </React.StrictMode>\n  );\n};\n"],"names":["Wrapper","props","jsx","React","ThemeProvider","mergeThemes","baseTheme"],"mappings":";;;;;AAWa,MAAAA,IAAkC,CAACC,MAE3CC,gBAAAA,EAAAA,IAAAC,EAAM,YAAN,EACC,gCAACC,GAAc,EAAA,OAAOC,EAAYC,GAAWL,EAAM,YAAY,GAC5D,UAAAA,EAAM,UACT,EACF,CAAA;"}