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

package/lib/sd-component-library196.js

@@ -1,89 +1,78 @@
-import r, { forwardRef as a } from "react";
-import { Box as i } from "./sd-component-library197.js";
-import { Flex as g } from "./sd-component-library197.js";
-function n() {
-  return n = Object.assign || function(e) {
-    for (var t = 1; t < arguments.length; t++) {
-      var o = arguments[t];
-      for (var f in o)
-        Object.prototype.hasOwnProperty.call(o, f) && (e[f] = o[f]);
+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
+        ));
+      }
     }
-    return e;
-  }, n.apply(this, arguments);
-}
-var l = a(function(e, t) {
-  return r.createElement(i, n({
-    ref: t,
-    tx: "text"
-  }, e));
-});
-a(function(e, t) {
-  return r.createElement(i, n({
-    ref: t,
-    as: "h2",
-    tx: "text",
-    variant: "heading"
-  }, e, {
-    __css: {
-      fontSize: 4,
-      fontFamily: "heading",
-      fontWeight: "heading",
-      lineHeight: "heading"
+    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
+      );
     }
-  }));
-});
-var s = a(function(e, t) {
-  return r.createElement(i, n({
-    ref: t,
-    as: "a",
-    variant: "link"
-  }, e));
-}), m = a(function(e, t) {
-  return r.createElement(i, n({
-    ref: t,
-    as: "button",
-    tx: "buttons",
-    variant: "primary"
-  }, e, {
-    __css: {
-      appearance: "none",
-      display: "inline-block",
-      textAlign: "center",
-      lineHeight: "inherit",
-      textDecoration: "none",
-      fontSize: "inherit",
-      px: 3,
-      py: 2,
-      color: "white",
-      bg: "primary",
-      border: 0,
-      borderRadius: 4
-    }
-  }));
-});
-a(function(e, t) {
-  return r.createElement(i, n({
-    ref: t,
-    as: "img"
-  }, e, {
-    __css: {
-      maxWidth: "100%",
-      height: "auto"
-    }
-  }));
-});
-var h = a(function(e, t) {
-  return r.createElement(i, n({
-    ref: t,
-    variant: "card"
-  }, e));
-});
+  }), 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 {
-  i as Box,
-  m as Button,
-  h as Card,
-  g as Flex,
-  s as Link,
-  l as Text
+  j as mergeThemes
 };
 //# sourceMappingURL=sd-component-library196.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library196.js","sources":["../node_modules/rebass/dist/index.esm.js"],"sourcesContent":["function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React, { forwardRef } from 'react';\nimport { Box, Flex } from 'reflexbox';\nexport { Box, Flex };\nexport var Text = forwardRef(function (props, ref) {\n  return React.createElement(Box, _extends({\n    ref: ref,\n    tx: \"text\"\n  }, props));\n});\nexport var Heading = forwardRef(function (props, ref) {\n  return React.createElement(Box, _extends({\n    ref: ref,\n    as: \"h2\",\n    tx: \"text\",\n    variant: \"heading\"\n  }, props, {\n    __css: {\n      fontSize: 4,\n      fontFamily: 'heading',\n      fontWeight: 'heading',\n      lineHeight: 'heading'\n    }\n  }));\n});\nexport var Link = forwardRef(function (props, ref) {\n  return React.createElement(Box, _extends({\n    ref: ref,\n    as: \"a\",\n    variant: \"link\"\n  }, props));\n});\nexport var Button = forwardRef(function (props, ref) {\n  return React.createElement(Box, _extends({\n    ref: ref,\n    as: \"button\",\n    tx: \"buttons\",\n    variant: \"primary\"\n  }, props, {\n    __css: {\n      appearance: 'none',\n      display: 'inline-block',\n      textAlign: 'center',\n      lineHeight: 'inherit',\n      textDecoration: 'none',\n      fontSize: 'inherit',\n      px: 3,\n      py: 2,\n      color: 'white',\n      bg: 'primary',\n      border: 0,\n      borderRadius: 4\n    }\n  }));\n});\nexport var Image = forwardRef(function (props, ref) {\n  return React.createElement(Box, _extends({\n    ref: ref,\n    as: \"img\"\n  }, props, {\n    __css: {\n      maxWidth: '100%',\n      height: 'auto'\n    }\n  }));\n});\nexport var Card = forwardRef(function (props, ref) {\n  return React.createElement(Box, _extends({\n    ref: ref,\n    variant: \"card\"\n  }, props));\n});\n"],"names":["_extends","target","i","source","key","Text","forwardRef","props","ref","React","Box","Link","Button","Card"],"mappings":";;;AAAA,SAASA,IAAW;AAAE,SAAAA,IAAW,OAAO,UAAU,SAAUC,GAAQ;AAAE,aAASC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAAE,UAAIC,IAAS,UAAUD,CAAC;AAAG,eAASE,KAAOD;AAAU,QAAI,OAAO,UAAU,eAAe,KAAKA,GAAQC,CAAG,MAAKH,EAAOG,CAAG,IAAID,EAAOC,CAAG;AAAA,IAAQ;AAAC,WAAOH;AAAA,KAAkBD,EAAS,MAAM,MAAM,SAAS;AAAI;AAKnT,IAACK,IAAOC,EAAW,SAAUC,GAAOC,GAAK;AACjD,SAAOC,EAAM,cAAcC,GAAKV,EAAS;AAAA,IACvC,KAAKQ;AAAA,IACL,IAAI;AAAA,EACR,GAAKD,CAAK,CAAC;AACX,CAAC;AACoBD,EAAW,SAAUC,GAAOC,GAAK;AACpD,SAAOC,EAAM,cAAcC,GAAKV,EAAS;AAAA,IACvC,KAAKQ;AAAA,IACL,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,SAAS;AAAA,EACV,GAAED,GAAO;AAAA,IACR,OAAO;AAAA,MACL,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,IACb;AAAA,EACF,CAAA,CAAC;AACJ,CAAC;AACS,IAACI,IAAOL,EAAW,SAAUC,GAAOC,GAAK;AACjD,SAAOC,EAAM,cAAcC,GAAKV,EAAS;AAAA,IACvC,KAAKQ;AAAA,IACL,IAAI;AAAA,IACJ,SAAS;AAAA,EACb,GAAKD,CAAK,CAAC;AACX,CAAC,GACUK,IAASN,EAAW,SAAUC,GAAOC,GAAK;AACnD,SAAOC,EAAM,cAAcC,GAAKV,EAAS;AAAA,IACvC,KAAKQ;AAAA,IACL,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,SAAS;AAAA,EACV,GAAED,GAAO;AAAA,IACR,OAAO;AAAA,MACL,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,cAAc;AAAA,IACf;AAAA,EACF,CAAA,CAAC;AACJ,CAAC;AACkBD,EAAW,SAAUC,GAAOC,GAAK;AAClD,SAAOC,EAAM,cAAcC,GAAKV,EAAS;AAAA,IACvC,KAAKQ;AAAA,IACL,IAAI;AAAA,EACL,GAAED,GAAO;AAAA,IACR,OAAO;AAAA,MACL,UAAU;AAAA,MACV,QAAQ;AAAA,IACT;AAAA,EACF,CAAA,CAAC;AACJ,CAAC;AACS,IAACM,IAAOP,EAAW,SAAUC,GAAOC,GAAK;AACjD,SAAOC,EAAM,cAAcC,GAAKV,EAAS;AAAA,IACvC,KAAKQ;AAAA,IACL,SAAS;AAAA,EACb,GAAKD,CAAK,CAAC;AACX,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library196.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-library197.js

@@ -1,65 +1,43 @@
-import { __exports as o } from "./sd-component-library280.js";
-import v from "react";
-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
-});
-var h = o.Flex = P = o.Box = void 0;
-f(v);
-var d = f(p), n = x, u = y(_), g = f(m);
-function c() {
-  if (typeof WeakMap != "function")
-    return null;
-  var e = /* @__PURE__ */ new WeakMap();
-  return c = function() {
-    return e;
-  }, e;
-}
-function y(e) {
-  if (e && e.__esModule)
-    return e;
-  var r = c();
-  if (r && r.has(e))
-    return r.get(e);
-  var t = {};
-  if (e != null) {
-    var l = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for (var a in e)
-      if (Object.prototype.hasOwnProperty.call(e, a)) {
-        var i = l ? Object.getOwnPropertyDescriptor(e, a) : null;
-        i && (i.get || i.set) ? Object.defineProperty(t, a, i) : t[a] = e[a];
+import "react";
+import { useThemeUI as n, ThemeProvider as l, jsx as m, __themeUiDefaultContextValue as c } from "./sd-component-library273.js";
+import { css as f } from "./sd-component-library280.js";
+import { ColorModeProvider as u } from "./sd-component-library279.js";
+import { Global as d } from "./sd-component-library274.js";
+import { jsx as s, jsxs as a } from "./sd-component-library281.js";
+const h = () => m(d, {
+  styles: (r) => {
+    var e;
+    const o = r, {
+      useRootStyles: t
+    } = o.config || o;
+    if (t === !1 || o.styles && !o.styles.root)
+      return null;
+    const i = ((e = o.config) == null ? void 0 : e.useBorderBox) === !1 ? void 0 : "border-box";
+    return f({
+      "*": {
+        boxSizing: i
+      },
+      html: {
+        variant: "styles.root"
+      },
+      body: {
+        margin: 0
       }
+    })(o);
   }
-  return t.default = e, r && r.set(e, t), t;
-}
-function f(e) {
-  return e && e.__esModule ? e : { default: e };
-}
-var O = function(r) {
-  return (0, u.default)(r.sx)(r.theme);
-}, $ = function(r) {
-  return (0, u.default)(r.__css)(r.theme);
-}, q = function(r) {
-  var t = r.theme, l = r.variant, a = r.tx, i = a === void 0 ? "variants" : a;
-  return (0, u.default)((0, u.get)(t, i + "." + l, (0, u.get)(t, l)))(t);
-}, s = (0, d.default)("div", {
-  shouldForwardProp: g.default
-})({
-  boxSizing: "border-box",
-  margin: 0,
-  minWidth: 0
-}, $, q, O, function(e) {
-  return e.css;
-}, (0, n.compose)(n.space, n.layout, n.typography, n.color, n.flexbox)), P = o.Box = s, w = (0, d.default)(s)({
-  display: "flex"
-});
-h = o.Flex = w;
+}), j = ({
+  theme: r,
+  children: e
+}) => {
+  const t = n() === c;
+  return s(l, {
+    theme: r,
+    children: a(u, {
+      children: [t && s(h, {}), e]
+    })
+  });
+};
 export {
-  P as Box,
-  h as Flex,
-  o as default
+  j as ThemeUIProvider
 };
 //# sourceMappingURL=sd-component-library197.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library197.js","sources":["../node_modules/rebass/node_modules/reflexbox/dist/index.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.Flex = exports.Box = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _styled = _interopRequireDefault(require(\"@emotion/styled\"));\n\nvar _styledSystem = require(\"styled-system\");\n\nvar _css = _interopRequireWildcard(require(\"@styled-system/css\"));\n\nvar _shouldForwardProp = _interopRequireDefault(require(\"@styled-system/should-forward-prop\"));\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar sx = function sx(props) {\n  return (0, _css[\"default\"])(props.sx)(props.theme);\n};\n\nvar base = function base(props) {\n  return (0, _css[\"default\"])(props.__css)(props.theme);\n};\n\nvar variant = function variant(_ref) {\n  var theme = _ref.theme,\n      variant = _ref.variant,\n      _ref$tx = _ref.tx,\n      tx = _ref$tx === void 0 ? 'variants' : _ref$tx;\n  return (0, _css[\"default\"])((0, _css.get)(theme, tx + '.' + variant, (0, _css.get)(theme, variant)))(theme);\n};\n\nvar Box = (0, _styled[\"default\"])('div', {\n  shouldForwardProp: _shouldForwardProp[\"default\"]\n})({\n  boxSizing: 'border-box',\n  margin: 0,\n  minWidth: 0\n}, base, variant, sx, function (props) {\n  return props.css;\n}, (0, _styledSystem.compose)(_styledSystem.space, _styledSystem.layout, _styledSystem.typography, _styledSystem.color, _styledSystem.flexbox));\nexports.Box = Box;\nvar Flex = (0, _styled[\"default\"])(Box)({\n  display: 'flex'\n});\nexports.Flex = Flex;"],"names":["dist","Flex_1","Box_1","_interopRequireDefault","require$$0","_styled","require$$1","_styledSystem","require$$2","_css","_interopRequireWildcard","require$$3","_shouldForwardProp","require$$4","_getRequireWildcardCache","cache","obj","newObj","hasPropertyDescriptor","key","desc","sx","props","base","variant","_ref","theme","_ref$tx","tx","Box","Flex"],"mappings":";;;;;;AAEA,OAAO,eAAeA,GAAS,cAAc;AAAA,EAC3C,OAAO;AACT,CAAC;AACD,IAAAC,IAAAD,EAAA,OAAeE,IAAAF,EAAA,MAAc;AAEhBG,EAAuBC,CAAgB;AAEpD,IAAIC,IAAUF,EAAuBG,CAA0B,GAE3DC,IAAgBC,GAEhBC,IAAOC,EAAwBC,CAA6B,GAE5DC,IAAqBT,EAAuBU,CAA6C;AAE7F,SAASC,IAA2B;AAAE,MAAI,OAAO,WAAY;AAAY,WAAO;AAAM,MAAIC,IAAQ,oBAAI,QAAS;AAAE,SAAAD,IAA2B,WAAoC;AAAE,WAAOC;AAAA,KAAiBA;AAAQ;AAElN,SAASL,EAAwBM,GAAK;AAAE,MAAIA,KAAOA,EAAI;AAAc,WAAOA;AAAO,MAAID,IAAQD;AAA4B,MAAIC,KAASA,EAAM,IAAIC,CAAG;AAAK,WAAOD,EAAM,IAAIC,CAAG;AAAK,MAAIC,IAAS,CAAE;AAAE,MAAID,KAAO,MAAM;AAAE,QAAIE,IAAwB,OAAO,kBAAkB,OAAO;AAA0B,aAASC,KAAOH;AAAO,UAAI,OAAO,UAAU,eAAe,KAAKA,GAAKG,CAAG,GAAG;AAAE,YAAIC,IAAOF,IAAwB,OAAO,yBAAyBF,GAAKG,CAAG,IAAI;AAAM,QAAIC,MAASA,EAAK,OAAOA,EAAK,OAAQ,OAAO,eAAeH,GAAQE,GAAKC,CAAI,IAAYH,EAAOE,CAAG,IAAIH,EAAIG,CAAG;AAAA;EAAQ;AAAG,SAAAF,EAAO,UAAaD,GAASD,KAASA,EAAM,IAAIC,GAAKC,CAAM,GAAYA;AAAS;AAExpB,SAASd,EAAuBa,GAAK;AAAE,SAAOA,KAAOA,EAAI,aAAaA,IAAM,EAAE,SAAWA,EAAG;AAAK;AAEjG,IAAIK,IAAK,SAAYC,GAAO;AAC1B,aAAWb,EAAK,SAAYa,EAAM,EAAE,EAAEA,EAAM,KAAK;AACnD,GAEIC,IAAO,SAAcD,GAAO;AAC9B,aAAWb,EAAK,SAAYa,EAAM,KAAK,EAAEA,EAAM,KAAK;AACtD,GAEIE,IAAU,SAAiBC,GAAM;AACnC,MAAIC,IAAQD,EAAK,OACbD,IAAUC,EAAK,SACfE,IAAUF,EAAK,IACfG,IAAKD,MAAY,SAAS,aAAaA;AAC3C,aAAWlB,EAAK,aAAgBA,EAAK,KAAKiB,GAAOE,IAAK,MAAMJ,OAAaf,EAAK,KAAKiB,GAAOF,CAAO,CAAC,CAAC,EAAEE,CAAK;AAC5G,GAEIG,QAAUxB,EAAQ,SAAY,OAAO;AAAA,EACvC,mBAAmBO,EAAmB;AACxC,CAAC,EAAE;AAAA,EACD,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,UAAU;AACZ,GAAGW,GAAMC,GAASH,GAAI,SAAUC,GAAO;AACrC,SAAOA,EAAM;AACf,OAAOf,EAAc,SAASA,EAAc,OAAOA,EAAc,QAAQA,EAAc,YAAYA,EAAc,OAAOA,EAAc,OAAO,CAAC,GACnIL,IAAAF,EAAA,MAAG6B,GACVC,QAAWzB,EAAQ,SAAYwB,CAAG,EAAE;AAAA,EACtC,SAAS;AACX,CAAC;AACD5B,IAAAD,EAAA,OAAe8B;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library197.js","sources":["../node_modules/@theme-ui/theme-provider/dist/theme-ui-theme-provider.esm.js"],"sourcesContent":["import React from 'react';\nimport { useThemeUI, ThemeProvider as ThemeProvider$1, jsx as jsx$1, __themeUiDefaultContextValue } from '@theme-ui/core';\nimport { css } from '@theme-ui/css';\nimport { ColorModeProvider } from '@theme-ui/color-modes';\nimport { Global } from '@emotion/react';\nimport { jsx, jsxs } from '@theme-ui/core/jsx-runtime';\n\nconst RootStyles = () => jsx$1(Global, {\n  styles: emotionTheme => {\n    var _theme$config;\n    const theme = emotionTheme;\n    const {\n      useRootStyles\n    } = theme.config || theme;\n    if (useRootStyles === false || theme.styles && !theme.styles.root) {\n      return null;\n    }\n    const boxSizing = ((_theme$config = theme.config) == null ? void 0 : _theme$config.useBorderBox) === false ? undefined : 'border-box';\n    return css({\n      '*': {\n        boxSizing\n      },\n      html: {\n        variant: 'styles.root'\n      },\n      body: {\n        margin: 0\n      }\n    })(theme);\n  }\n});\nconst ThemeUIProvider = ({\n  theme,\n  children\n}) => {\n  const outer = useThemeUI();\n  const isTopLevel = outer === __themeUiDefaultContextValue;\n  return jsx(ThemeProvider$1, {\n    theme: theme,\n    children: jsxs(ColorModeProvider, {\n      children: [isTopLevel && jsx(RootStyles, {}), children]\n    })\n  });\n};\n\n/** @deprecated ThemeProvider is now called ThemeUIProvider to reduce confusion with Emotion */\nconst ThemeProvider = ({\n  theme,\n  children\n}) => {\n  React.useEffect(() => {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn('[theme-ui] The export ThemeUIProvider is deprecated and is now called ThemeProvider to reduce confusion with Emotion. Please update your import; ThemeUIProvider will be removed in a future version.');\n    }\n  }, []);\n  const outer = useThemeUI();\n  const isTopLevel = outer === __themeUiDefaultContextValue;\n  return jsx(ThemeProvider$1, {\n    theme: theme,\n    children: jsxs(ColorModeProvider, {\n      children: [isTopLevel && jsx(RootStyles, {}), children]\n    })\n  });\n};\n\nexport { ThemeProvider, ThemeUIProvider };\n"],"names":["RootStyles","jsx$1","Global","emotionTheme","_theme$config","theme","useRootStyles","boxSizing","css","ThemeUIProvider","children","isTopLevel","useThemeUI","__themeUiDefaultContextValue","jsx","ThemeProvider$1","jsxs","ColorModeProvider"],"mappings":";;;;;;AAOA,MAAMA,IAAa,MAAMC,EAAMC,GAAQ;AAAA,EACrC,QAAQ,CAAAC,MAAgB;AACtB,QAAIC;AACJ,UAAMC,IAAQF,GACR;AAAA,MACJ,eAAAG;AAAA,IACN,IAAQD,EAAM,UAAUA;AACpB,QAAIC,MAAkB,MAASD,EAAM,UAAU,CAACA,EAAM,OAAO;AAC3D,aAAO;AAET,UAAME,MAAcH,IAAgBC,EAAM,WAAW,OAAO,SAASD,EAAc,kBAAkB,KAAQ,SAAY;AACzH,WAAOI,EAAI;AAAA,MACT,KAAK;AAAA,QACH,WAAAD;AAAA,MACD;AAAA,MACD,MAAM;AAAA,QACJ,SAAS;AAAA,MACV;AAAA,MACD,MAAM;AAAA,QACJ,QAAQ;AAAA,MACT;AAAA,IACP,CAAK,EAAEF,CAAK;AAAA,EACT;AACH,CAAC,GACKI,IAAkB,CAAC;AAAA,EACvB,OAAAJ;AAAA,EACA,UAAAK;AACF,MAAM;AAEJ,QAAMC,IADQC,QACeC;AAC7B,SAAOC,EAAIC,GAAiB;AAAA,IAC1B,OAAOV;AAAA,IACP,UAAUW,EAAKC,GAAmB;AAAA,MAChC,UAAU,CAACN,KAAcG,EAAId,GAAY,CAAA,CAAE,GAAGU,CAAQ;AAAA,IAC5D,CAAK;AAAA,EACL,CAAG;AACH;","x_google_ignoreList":[0]}

package/lib/sd-component-library198.js

@@ -1,78 +1,89 @@
-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
-        ));
-      }
+import r, { forwardRef as a } from "react";
+import { Box as i } from "./sd-component-library199.js";
+import { Flex as g } from "./sd-component-library199.js";
+function n() {
+  return n = Object.assign || function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var o = arguments[t];
+      for (var f in o)
+        Object.prototype.hasOwnProperty.call(o, f) && (e[f] = o[f]);
     }
-    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
-      );
+    return e;
+  }, n.apply(this, arguments);
+}
+var l = a(function(e, t) {
+  return r.createElement(i, n({
+    ref: t,
+    tx: "text"
+  }, e));
+});
+a(function(e, t) {
+  return r.createElement(i, n({
+    ref: t,
+    as: "h2",
+    tx: "text",
+    variant: "heading"
+  }, e, {
+    __css: {
+      fontSize: 4,
+      fontFamily: "heading",
+      fontWeight: "heading",
+      lineHeight: "heading"
     }
-  }), 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`
-        );
-    });
-  });
-};
+  }));
+});
+var s = a(function(e, t) {
+  return r.createElement(i, n({
+    ref: t,
+    as: "a",
+    variant: "link"
+  }, e));
+}), m = a(function(e, t) {
+  return r.createElement(i, n({
+    ref: t,
+    as: "button",
+    tx: "buttons",
+    variant: "primary"
+  }, e, {
+    __css: {
+      appearance: "none",
+      display: "inline-block",
+      textAlign: "center",
+      lineHeight: "inherit",
+      textDecoration: "none",
+      fontSize: "inherit",
+      px: 3,
+      py: 2,
+      color: "white",
+      bg: "primary",
+      border: 0,
+      borderRadius: 4
+    }
+  }));
+});
+a(function(e, t) {
+  return r.createElement(i, n({
+    ref: t,
+    as: "img"
+  }, e, {
+    __css: {
+      maxWidth: "100%",
+      height: "auto"
+    }
+  }));
+});
+var h = a(function(e, t) {
+  return r.createElement(i, n({
+    ref: t,
+    variant: "card"
+  }, e));
+});
 export {
-  j as mergeThemes
+  i as Box,
+  m as Button,
+  h as Card,
+  g as Flex,
+  s as Link,
+  l as Text
 };
 //# 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/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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"}
+{"version":3,"file":"sd-component-library198.js","sources":["../node_modules/rebass/dist/index.esm.js"],"sourcesContent":["function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React, { forwardRef } from 'react';\nimport { Box, Flex } from 'reflexbox';\nexport { Box, Flex };\nexport var Text = forwardRef(function (props, ref) {\n  return React.createElement(Box, _extends({\n    ref: ref,\n    tx: \"text\"\n  }, props));\n});\nexport var Heading = forwardRef(function (props, ref) {\n  return React.createElement(Box, _extends({\n    ref: ref,\n    as: \"h2\",\n    tx: \"text\",\n    variant: \"heading\"\n  }, props, {\n    __css: {\n      fontSize: 4,\n      fontFamily: 'heading',\n      fontWeight: 'heading',\n      lineHeight: 'heading'\n    }\n  }));\n});\nexport var Link = forwardRef(function (props, ref) {\n  return React.createElement(Box, _extends({\n    ref: ref,\n    as: \"a\",\n    variant: \"link\"\n  }, props));\n});\nexport var Button = forwardRef(function (props, ref) {\n  return React.createElement(Box, _extends({\n    ref: ref,\n    as: \"button\",\n    tx: \"buttons\",\n    variant: \"primary\"\n  }, props, {\n    __css: {\n      appearance: 'none',\n      display: 'inline-block',\n      textAlign: 'center',\n      lineHeight: 'inherit',\n      textDecoration: 'none',\n      fontSize: 'inherit',\n      px: 3,\n      py: 2,\n      color: 'white',\n      bg: 'primary',\n      border: 0,\n      borderRadius: 4\n    }\n  }));\n});\nexport var Image = forwardRef(function (props, ref) {\n  return React.createElement(Box, _extends({\n    ref: ref,\n    as: \"img\"\n  }, props, {\n    __css: {\n      maxWidth: '100%',\n      height: 'auto'\n    }\n  }));\n});\nexport var Card = forwardRef(function (props, ref) {\n  return React.createElement(Box, _extends({\n    ref: ref,\n    variant: \"card\"\n  }, props));\n});\n"],"names":["_extends","target","i","source","key","Text","forwardRef","props","ref","React","Box","Link","Button","Card"],"mappings":";;;AAAA,SAASA,IAAW;AAAE,SAAAA,IAAW,OAAO,UAAU,SAAUC,GAAQ;AAAE,aAASC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAAE,UAAIC,IAAS,UAAUD,CAAC;AAAG,eAASE,KAAOD;AAAU,QAAI,OAAO,UAAU,eAAe,KAAKA,GAAQC,CAAG,MAAKH,EAAOG,CAAG,IAAID,EAAOC,CAAG;AAAA,IAAQ;AAAC,WAAOH;AAAA,KAAkBD,EAAS,MAAM,MAAM,SAAS;AAAI;AAKnT,IAACK,IAAOC,EAAW,SAAUC,GAAOC,GAAK;AACjD,SAAOC,EAAM,cAAcC,GAAKV,EAAS;AAAA,IACvC,KAAKQ;AAAA,IACL,IAAI;AAAA,EACR,GAAKD,CAAK,CAAC;AACX,CAAC;AACoBD,EAAW,SAAUC,GAAOC,GAAK;AACpD,SAAOC,EAAM,cAAcC,GAAKV,EAAS;AAAA,IACvC,KAAKQ;AAAA,IACL,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,SAAS;AAAA,EACV,GAAED,GAAO;AAAA,IACR,OAAO;AAAA,MACL,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,IACb;AAAA,EACF,CAAA,CAAC;AACJ,CAAC;AACS,IAACI,IAAOL,EAAW,SAAUC,GAAOC,GAAK;AACjD,SAAOC,EAAM,cAAcC,GAAKV,EAAS;AAAA,IACvC,KAAKQ;AAAA,IACL,IAAI;AAAA,IACJ,SAAS;AAAA,EACb,GAAKD,CAAK,CAAC;AACX,CAAC,GACUK,IAASN,EAAW,SAAUC,GAAOC,GAAK;AACnD,SAAOC,EAAM,cAAcC,GAAKV,EAAS;AAAA,IACvC,KAAKQ;AAAA,IACL,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,SAAS;AAAA,EACV,GAAED,GAAO;AAAA,IACR,OAAO;AAAA,MACL,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,cAAc;AAAA,IACf;AAAA,EACF,CAAA,CAAC;AACJ,CAAC;AACkBD,EAAW,SAAUC,GAAOC,GAAK;AAClD,SAAOC,EAAM,cAAcC,GAAKV,EAAS;AAAA,IACvC,KAAKQ;AAAA,IACL,IAAI;AAAA,EACL,GAAED,GAAO;AAAA,IACR,OAAO;AAAA,MACL,UAAU;AAAA,MACV,QAAQ;AAAA,IACT;AAAA,EACF,CAAA,CAAC;AACJ,CAAC;AACS,IAACM,IAAOP,EAAW,SAAUC,GAAOC,GAAK;AACjD,SAAOC,EAAM,cAAcC,GAAKV,EAAS;AAAA,IACvC,KAAKQ;AAAA,IACL,SAAS;AAAA,EACb,GAAKD,CAAK,CAAC;AACX,CAAC;","x_google_ignoreList":[0]}