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

package/lib/sd-component-library227.js

@@ -1,135 +1,53 @@
-import { j as t } from "./sd-component-library195.js";
-import { Select as A } from "./sd-component-library208.js";
-import "./sd-component-library196.js";
-import { getNoTranslateClass as d } from "./sd-component-library111.js";
-import { Box as T } from "./sd-component-library197.js";
-import { MaxMaxContainer as Z } from "./sd-component-library44.js";
-import { BaseLabel as q } from "./sd-component-library224.js";
-import { ResponsiveTextV2 as D } from "./sd-component-library148.js";
-const Y = ({
-  variant: r,
-  options: u,
-  width: f,
-  m: g,
-  mt: h,
-  mr: C,
-  mb: j,
-  ml: v,
-  gap: $,
-  selectorLabel: i,
-  secondLabel: e,
-  errorMessage: m,
-  disabledTextValue: n,
-  hideDefaultOnSelect: y,
-  labelMargin: b,
-  selectElementHeight: B,
-  defaultOptionColor: x,
-  textTransform: F,
-  onSelect: N,
-  noOptionsToSelect: a,
-  name: o,
-  selection: l,
-  hasDefaultValue: S,
-  onFocus: _,
-  errorBackground: E,
-  labelContainerAlignItems: M,
-  translateSelect: c = !0,
-  translateDefaultOption: p,
-  containerVariant: V,
-  disabled: z,
-  pl: I
-}) => {
-  const R = !r || !["compact", "tertiary", "secondaryV2", "updatedSecondary"].includes(
-    r
-  ), W = navigator.userAgent.toLowerCase().indexOf("firefox") > -1, k = d(
-    p !== !0 && !c || p === !1
-  ), w = d(!c);
-  return /* @__PURE__ */ t.jsxs(
-    T,
-    {
-      variant: `_containers.selectors.${V || r}`,
-      sx: {
-        width: f,
-        m: g,
-        mt: h,
-        mr: C,
-        mb: j,
-        ml: v,
-        position: "relative",
-        ...R ? {
-          svg: {
-            transform: `translate(-2px,${W ? 0 : 5}px) scale(.78)`,
-            fill: "#4568F8"
-          }
-        } : {},
-        path: {
-          d: "path('M12,8.6L6.72,3.29C6.32,2.9,5.68,2.9,5.29,3.29C4.90,3.69,4.9,4.33,5.29,4.73L11.23,10.7C11.44,10.91,11.72,11.01,12,11C12.27,11.01,12.55,10.91,12.76,10.7L18.7,4.73C19.09,4.33,19.09,3.69,18.7,3.29C18.31,2.9,17.67,2.9,17.27,3.29Z M12,8.6')"
-        },
-        gap: $
-      },
-      "data-testid": "base-selector-v2",
-      children: [
-        i && /* @__PURE__ */ t.jsxs(Z, { gap: "0px", alignItems: M, children: [
-          /* @__PURE__ */ t.jsx(
-            q,
-            {
-              htmlFor: o,
-              variant: `selectors.${r}${m ? "Error" : ""}`,
-              label: i,
-              m: b,
-              "data-test": "selector-label"
-            }
-          ),
-          e && /* @__PURE__ */ t.jsx(
-            D,
-            {
-              letterSpacing: "1px",
-              textTransform: "uppercase",
-              mt: e.mt,
-              ml: e.ml || "3px",
-              color: e.color || "cl_grey",
-              fontSizeWeight: e.fontSizeWeight || [10, "semi-bold"],
-              "data-test": "second-label",
-              children: e.text
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t.jsx(
-          A,
-          {
-            id: o,
-            name: o,
-            height: B,
-            value: a ? n : l.title.trim(),
-            variant: `_selectors.${r}${m ? "Error" : ""}`,
-            onChange: (s) => N(s.target.value),
-            onFocus: _,
-            backgroundColor: E ? "rgba(255, 0, 0, 0.05)" : "",
-            sx: {
-              textTransform: F,
-              ...x && l.value === null ? { color: x } : {},
-              pl: I
-            },
-            disabled: z || a,
-            children: a ? /* @__PURE__ */ t.jsx("option", { "data-test": "disabled-option", children: n }, "disabledTextValue") : /* @__PURE__ */ t.jsx(t.Fragment, { children: u.slice(
-              // should default option be hidden?
-              S && y && l.value !== null ? 1 : 0
-            ).map((s) => /* @__PURE__ */ t.jsx(
-              "option",
-              {
-                "data-testid": "selector-option",
-                className: s.value === null ? k : w,
-                children: s.title
-              },
-              s.id
-            )) })
-          }
-        )
-      ]
-    }
-  );
-};
+import { createContext as O, forwardRef as C, createElement as s, Fragment as S } from "react";
+import T from "./sd-component-library336.js";
+import { getRegisteredStyles as p, insertStyles as w } from "./sd-component-library339.js";
+import { serializeStyles as c } from "./sd-component-library228.js";
+var x = Object.prototype.hasOwnProperty, y = /* @__PURE__ */ O(
+  // 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" ? T() : null
+), D = /* @__PURE__ */ O({});
+y.Provider;
+var L = function(r) {
+  var e = function(m, n) {
+    return /* @__PURE__ */ s(y.Consumer, null, function(l) {
+      return r(m, l, n);
+    });
+  };
+  return /* @__PURE__ */ C(e);
+}, d = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", N = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", h = function() {
+  return null;
+}, _ = function(r, e, i, m) {
+  var n = i === null ? e.css : e.css(i);
+  typeof n == "string" && r.registered[n] !== void 0 && (n = r.registered[n]);
+  var l = e[d], E = [n], u = "";
+  typeof e.className == "string" ? u = p(r.registered, E, e.className) : e.className != null && (u = e.className + " ");
+  var o = c(E);
+  if (process.env.NODE_ENV !== "production" && o.name.indexOf("-") === -1) {
+    var v = e[N];
+    v && (o = c([o, "label:" + v + ";"]));
+  }
+  w(r, o, typeof l == "string"), u += r.key + "-" + o.name;
+  var f = {};
+  for (var a in e)
+    x.call(e, a) && a !== "css" && a !== d && (process.env.NODE_ENV === "production" || a !== N) && (f[a] = e[a]);
+  f.ref = m, f.className = u;
+  var P = /* @__PURE__ */ s(l, f), g = /* @__PURE__ */ s(h, null);
+  return /* @__PURE__ */ s(S, null, g, P);
+}, b = /* @__PURE__ */ L(function(t, r, e) {
+  return typeof t.css == "function" ? /* @__PURE__ */ s(D.Consumer, null, function(i) {
+    return _(r, t, i, e);
+  }) : _(r, t, null, e);
+});
+process.env.NODE_ENV !== "production" && (b.displayName = "EmotionCssPropInternal");
 export {
-  Y as BaseSelectorV2
+  b as E,
+  D as T,
+  x as h,
+  L as w
 };
 //# sourceMappingURL=sd-component-library227.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library227.js","sources":["../src/components/selectors/selector-v2/partials/base-selector-v2/base-selector-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Select } from \"@rebass/forms\";\nimport { Box } from \"rebass\";\n\nimport { MaxMaxContainer } from \"../../../../containers\";\nimport { BaseLabel } from \"../../../../labels/base-label\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { getNoTranslateClass } from \"../../../selector/selector\";\nimport { BaseSelectorV2Props as Props } from \"./interfaces\";\n\nexport const BaseSelectorV2 = <T extends string = string>({\n  variant,\n  options,\n  width,\n  m,\n  mt,\n  mr,\n  mb,\n  ml,\n  gap,\n  selectorLabel,\n  secondLabel,\n  errorMessage,\n  disabledTextValue,\n  hideDefaultOnSelect,\n  labelMargin,\n  selectElementHeight,\n  defaultOptionColor,\n  textTransform,\n  onSelect,\n  noOptionsToSelect,\n  name,\n  selection,\n  hasDefaultValue,\n  onFocus,\n  errorBackground,\n  labelContainerAlignItems,\n  translateSelect = true,\n  translateDefaultOption,\n  containerVariant,\n  disabled,\n  pl,\n}: Props<T>) => {\n  const useDefaultIconStyles =\n    !variant ||\n    ![\"compact\", \"tertiary\", \"secondaryV2\", \"updatedSecondary\"].includes(\n      variant\n    );\n  const isFirefox = navigator.userAgent.toLowerCase().indexOf(\"firefox\") > -1;\n\n  const defaultOptionClassName = getNoTranslateClass(\n    (translateDefaultOption !== true && !translateSelect) ||\n      translateDefaultOption === false\n  );\n  const regularOptionClassName = getNoTranslateClass(!translateSelect);\n\n  return (\n    <Box\n      variant={`_containers.selectors.${containerVariant || variant}`}\n      sx={{\n        width,\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n        position: \"relative\",\n        ...(useDefaultIconStyles\n          ? {\n              svg: {\n                transform: `translate(-2px,${isFirefox ? 0 : 5}px) scale(.78)`,\n                fill: \"#4568F8\",\n              },\n            }\n          : {}),\n        path: {\n          d: \"path('M12,8.6L6.72,3.29C6.32,2.9,5.68,2.9,5.29,3.29C4.90,3.69,4.9,4.33,5.29,4.73L11.23,10.7C11.44,10.91,11.72,11.01,12,11C12.27,11.01,12.55,10.91,12.76,10.7L18.7,4.73C19.09,4.33,19.09,3.69,18.7,3.29C18.31,2.9,17.67,2.9,17.27,3.29Z M12,8.6')\",\n        },\n        gap,\n      }}\n      data-testid=\"base-selector-v2\"\n    >\n      {selectorLabel && (\n        <MaxMaxContainer gap=\"0px\" alignItems={labelContainerAlignItems}>\n          <BaseLabel\n            htmlFor={name}\n            variant={`selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n            label={selectorLabel}\n            m={labelMargin}\n            data-test=\"selector-label\"\n          />\n\n          {secondLabel && (\n            <ResponsiveTextV2\n              letterSpacing=\"1px\"\n              textTransform=\"uppercase\"\n              mt={secondLabel.mt}\n              ml={secondLabel.ml || \"3px\"}\n              color={secondLabel.color || \"cl_grey\"}\n              fontSizeWeight={secondLabel.fontSizeWeight || [10, \"semi-bold\"]}\n              data-test=\"second-label\"\n            >\n              {secondLabel.text}\n            </ResponsiveTextV2>\n          )}\n        </MaxMaxContainer>\n      )}\n\n      <Select\n        id={name}\n        name={name}\n        height={selectElementHeight}\n        value={noOptionsToSelect ? disabledTextValue : selection.title.trim()}\n        variant={`_selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n        onChange={(event) => onSelect(event.target.value)}\n        onFocus={onFocus}\n        backgroundColor={errorBackground ? \"rgba(255, 0, 0, 0.05)\" : \"\"}\n        sx={{\n          textTransform,\n          ...(defaultOptionColor && selection.value === null\n            ? { color: defaultOptionColor }\n            : {}),\n          pl,\n        }}\n        disabled={disabled || noOptionsToSelect}\n      >\n        {noOptionsToSelect ? (\n          <option key=\"disabledTextValue\" data-test=\"disabled-option\">\n            {disabledTextValue}\n          </option>\n        ) : (\n          <>\n            {options\n              .slice(\n                // should default option be hidden?\n                hasDefaultValue &&\n                  hideDefaultOnSelect &&\n                  selection.value !== null\n                  ? 1\n                  : 0\n              )\n              .map((option) => (\n                <option\n                  key={option.id}\n                  data-testid=\"selector-option\"\n                  className={\n                    option.value === null\n                      ? defaultOptionClassName\n                      : regularOptionClassName\n                  }\n                >\n                  {option.title}\n                </option>\n              ))}\n          </>\n        )}\n      </Select>\n    </Box>\n  );\n};\n"],"names":["BaseSelectorV2","variant","options","width","m","mt","mr","mb","ml","gap","selectorLabel","secondLabel","errorMessage","disabledTextValue","hideDefaultOnSelect","labelMargin","selectElementHeight","defaultOptionColor","textTransform","onSelect","noOptionsToSelect","name","selection","hasDefaultValue","onFocus","errorBackground","labelContainerAlignItems","translateSelect","translateDefaultOption","containerVariant","disabled","pl","useDefaultIconStyles","isFirefox","defaultOptionClassName","getNoTranslateClass","regularOptionClassName","jsxs","Box","MaxMaxContainer","jsx","BaseLabel","ResponsiveTextV2","Select","event","Fragment","option"],"mappings":"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"}
+{"version":3,"file":"sd-component-library227.js","sources":["../node_modules/@emotion/core/dist/emotion-element-04d85134.browser.esm.js"],"sourcesContent":["import '@babel/runtime/helpers/inheritsLoose';\nimport { createContext, forwardRef, createElement, Fragment } from 'react';\nimport createCache from '@emotion/cache';\nimport { getRegisteredStyles, insertStyles } from '@emotion/utils';\nimport { serializeStyles } from '@emotion/serialize';\n\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\n\nvar EmotionCacheContext = /*#__PURE__*/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' ? createCache() : null);\nvar ThemeContext = /*#__PURE__*/createContext({});\nvar CacheProvider = EmotionCacheContext.Provider;\n\nvar withEmotionCache = function withEmotionCache(func) {\n  var render = function render(props, ref) {\n    return /*#__PURE__*/createElement(EmotionCacheContext.Consumer, null, function (cache) {\n      return func(props, cache, ref);\n    });\n  }; // $FlowFixMe\n\n\n  return /*#__PURE__*/forwardRef(render);\n};\n\n// thus we only need to replace what is a valid character for JS, but not for CSS\n\nvar sanitizeIdentifier = function sanitizeIdentifier(identifier) {\n  return identifier.replace(/\\$/g, '-');\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/css' 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; // TODO: check if this still works with all of those different JSX functions\n\n  if (process.env.NODE_ENV !== 'production') {\n    var error = new Error();\n\n    if (error.stack) {\n      // chrome\n      var match = error.stack.match(/at (?:Object\\.|Module\\.|)(?:jsx|createEmotionProps).*\\n\\s+at (?:Object\\.|)([A-Z][A-Za-z$]+) /);\n\n      if (!match) {\n        // safari and firefox\n        match = error.stack.match(/.*\\n([A-Z][A-Za-z$]+)@/);\n      }\n\n      if (match) {\n        newProps[labelPropName] = sanitizeIdentifier(match[1]);\n      }\n    }\n  }\n\n  return newProps;\n};\n\nvar Noop = function Noop() {\n  return null;\n};\n\nvar render = function render(cache, props, theme, ref) {\n  var cssProp = theme === null ? props.css : props.css(theme); // 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 type = 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);\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  var rules = insertStyles(cache, serialized, typeof type === 'string');\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  var ele = /*#__PURE__*/createElement(type, newProps);\n  var possiblyStyleElement = /*#__PURE__*/createElement(Noop, null);\n\n\n  return /*#__PURE__*/createElement(Fragment, null, possiblyStyleElement, ele);\n}; // eslint-disable-next-line no-undef\n\n\nvar Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {\n  if (typeof props.css === 'function') {\n    return /*#__PURE__*/createElement(ThemeContext.Consumer, null, function (theme) {\n      return render(cache, props, theme, ref);\n    });\n  }\n\n  return render(cache, props, null, ref);\n});\n\nif (process.env.NODE_ENV !== 'production') {\n  Emotion.displayName = 'EmotionCssPropInternal';\n}\n\nexport { CacheProvider as C, Emotion as E, ThemeContext as T, createEmotionProps as c, hasOwnProperty as h, withEmotionCache as w };\n"],"names":["hasOwnProperty","EmotionCacheContext","createContext","createCache","ThemeContext","withEmotionCache","func","render","props","ref","createElement","cache","forwardRef","typePropName","labelPropName","Noop","theme","cssProp","type","registeredStyles","className","getRegisteredStyles","serialized","serializeStyles","labelFromStack","insertStyles","newProps","key","ele","possiblyStyleElement","Fragment","Emotion"],"mappings":";;;;AAMG,IAACA,IAAiB,OAAO,UAAU,gBAElCC,IAAmC,gBAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMvC,OAAO,cAAgB,MAAcC,EAAa,IAAG;AAAI,GACrDC,IAA4B,gBAAAF,EAAc,EAAE;AAC5BD,EAAoB;AAErC,IAACI,IAAmB,SAA0BC,GAAM;AACrD,MAAIC,IAAS,SAAgBC,GAAOC,GAAK;AACvC,WAAoB,gBAAAC,EAAcT,EAAoB,UAAU,MAAM,SAAUU,GAAO;AACrF,aAAOL,EAAKE,GAAOG,GAAOF,CAAG;AAAA,IACnC,CAAK;AAAA,EACL;AAGE,SAAoB,gBAAAG,EAAWL,CAAM;AACvC,GAQIM,IAAe,sCACfC,IAAgB,uCAsChBC,IAAO,WAAgB;AACzB,SAAO;AACT,GAEIR,IAAS,SAAgBI,GAAOH,GAAOQ,GAAOP,GAAK;AACrD,MAAIQ,IAAUD,MAAU,OAAOR,EAAM,MAAMA,EAAM,IAAIQ,CAAK;AAI1D,EAAI,OAAOC,KAAY,YAAYN,EAAM,WAAWM,CAAO,MAAM,WAC/DA,IAAUN,EAAM,WAAWM,CAAO;AAGpC,MAAIC,IAAOV,EAAMK,CAAY,GACzBM,IAAmB,CAACF,CAAO,GAC3BG,IAAY;AAEhB,EAAI,OAAOZ,EAAM,aAAc,WAC7BY,IAAYC,EAAoBV,EAAM,YAAYQ,GAAkBX,EAAM,SAAS,IAC1EA,EAAM,aAAa,SAC5BY,IAAYZ,EAAM,YAAY;AAGhC,MAAIc,IAAaC,EAAgBJ,CAAgB;AAEjD,MAAI,QAAQ,IAAI,aAAa,gBAAgBG,EAAW,KAAK,QAAQ,GAAG,MAAM,IAAI;AAChF,QAAIE,IAAiBhB,EAAMM,CAAa;AAExC,IAAIU,MACFF,IAAaC,EAAgB,CAACD,GAAY,WAAWE,IAAiB,GAAG,CAAC;AAAA,EAE7E;AAEW,EAAAC,EAAad,GAAOW,GAAY,OAAOJ,KAAS,QAAQ,GACpEE,KAAaT,EAAM,MAAM,MAAMW,EAAW;AAC1C,MAAII,IAAW,CAAA;AAEf,WAASC,KAAOnB;AACd,IAAIR,EAAe,KAAKQ,GAAOmB,CAAG,KAAKA,MAAQ,SAASA,MAAQd,MAAiB,QAAQ,IAAI,aAAa,gBAAgBc,MAAQb,OAChIY,EAASC,CAAG,IAAInB,EAAMmB,CAAG;AAI7B,EAAAD,EAAS,MAAMjB,GACfiB,EAAS,YAAYN;AACrB,MAAIQ,IAAmB,gBAAAlB,EAAcQ,GAAMQ,CAAQ,GAC/CG,IAAoC,gBAAAnB,EAAcK,GAAM,IAAI;AAGhE,SAAoB,gBAAAL,EAAcoB,GAAU,MAAMD,GAAsBD,CAAG;AAC7E,GAGIG,IAAyB,gBAAA1B,EAAiB,SAAUG,GAAOG,GAAOF,GAAK;AACzE,SAAI,OAAOD,EAAM,OAAQ,aACH,gBAAAE,EAAcN,EAAa,UAAU,MAAM,SAAUY,GAAO;AAC9E,WAAOT,EAAOI,GAAOH,GAAOQ,GAAOP,CAAG;AAAA,EAC5C,CAAK,IAGIF,EAAOI,GAAOH,GAAO,MAAMC,CAAG;AACvC,CAAC;AAEG,QAAQ,IAAI,aAAa,iBAC3BsB,EAAQ,cAAc;","x_google_ignoreList":[0]}

package/lib/sd-component-library228.js

@@ -1,78 +1,167 @@
-import { j as o } from "./sd-component-library195.js";
-import "./sd-component-library196.js";
-import { Box as e } from "./sd-component-library197.js";
-import { CustomScrollbarBox as p } from "./sd-component-library51.js";
-import { HorizontalDivider as s } from "./sd-component-library52.js";
-import { ResponsiveTextV2 as d } from "./sd-component-library148.js";
-const g = ({
-  options: l,
-  onSelect: t
-}) => {
-  const i = {
-    borderColor: "cl_lightGrey",
-    borderWidth: "1px"
-  }, x = (r) => () => t(r);
-  return /* @__PURE__ */ o.jsxs(
-    e,
-    {
-      sx: {
-        position: "absolute",
-        top: "100%",
-        right: 0,
-        zIndex: 1
-      },
-      children: [
-        /* @__PURE__ */ o.jsx(s, { color: "cl_purple", height: "2px" }),
-        /* @__PURE__ */ o.jsx(
-          e,
-          {
-            sx: {
-              bg: "cl_white",
-              borderRadius: "0 0 3px 3px",
-              ...i,
-              borderStyle: "solid",
-              borderTopStyle: "none",
-              boxShadow: "0px 3px 10px #0000001A"
-            },
-            children: /* @__PURE__ */ o.jsx(
-              p,
-              {
-                height: "180px",
-                width: "max-content",
-                scrollbarThumbColor: "cl_purple",
-                scrollbarTrackColor: "cl_headerLine",
-                scrollbarWidth: "5px",
-                hoverScrollbarWidth: "5px",
-                bg: "cl_transparent",
-                p: "5px 7px 5px 0",
-                sx: { pr: "8px" },
-                children: l.map((r) => /* @__PURE__ */ o.jsx(
-                  d,
-                  {
-                    fontSizeWeight: [14, "regular"],
-                    sx: {
-                      display: "flex",
-                      alignItems: "center",
-                      height: "36px",
-                      px: "10px",
-                      borderColor: "cl_headerLine",
-                      borderWidth: "1px",
-                      borderBottomStyle: "solid"
-                    },
-                    onClick: x(r),
-                    children: r.title
-                  },
-                  r.id
-                ))
-              }
-            )
+import C from "./sd-component-library340.js";
+import D from "./sd-component-library341.js";
+import A from "./sd-component-library329.js";
+var N = `You have illegal escape sequence in your template literal, most likely inside content's property value.
+Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
+You can read more about this here:
+https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`, x = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).", R = /[A-Z]|^ms/g, g = /_EMO_([^_]+?)_([^]*?)_EMO_/g, v = function(n) {
+  return n.charCodeAt(1) === 45;
+}, b = function(n) {
+  return n != null && typeof n != "boolean";
+}, E = A(function(a) {
+  return v(a) ? a : a.replace(R, "-$&").toLowerCase();
+}), d = function(n, e) {
+  switch (n) {
+    case "animation":
+    case "animationName":
+      if (typeof e == "string")
+        return e.replace(g, function(o, s, r) {
+          return c = {
+            name: s,
+            styles: r,
+            next: c
+          }, s;
+        });
+  }
+  return D[n] !== 1 && !v(n) && typeof e == "number" && e !== 0 ? e + "px" : e;
+};
+if (process.env.NODE_ENV !== "production") {
+  var I = /(attr|calc|counters?|url)\(/, j = ["normal", "none", "counter", "open-quote", "close-quote", "no-open-quote", "no-close-quote", "initial", "inherit", "unset"], M = d, q = /^-ms-/, L = /-(.)/g, O = {};
+  d = function(n, e) {
+    n === "content" && (typeof e != "string" || j.indexOf(e) === -1 && !I.test(e) && (e.charAt(0) !== e.charAt(e.length - 1) || e.charAt(0) !== '"' && e.charAt(0) !== "'")) && console.error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + e + "\"'`");
+    var o = M(n, e);
+    return o !== "" && !v(n) && n.indexOf("-") !== -1 && O[n] === void 0 && (O[n] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + n.replace(q, "ms-").replace(L, function(s, r) {
+      return r.toUpperCase();
+    }) + "?")), o;
+  };
+}
+var w = !0;
+function p(a, n, e, o) {
+  if (e == null)
+    return "";
+  if (e.__emotion_styles !== void 0) {
+    if (process.env.NODE_ENV !== "production" && e.toString() === "NO_COMPONENT_SELECTOR")
+      throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");
+    return e;
+  }
+  switch (typeof e) {
+    case "boolean":
+      return "";
+    case "object": {
+      if (e.anim === 1)
+        return c = {
+          name: e.name,
+          styles: e.styles,
+          next: c
+        }, e.name;
+      if (e.styles !== void 0) {
+        var s = e.next;
+        if (s !== void 0)
+          for (; s !== void 0; )
+            c = {
+              name: s.name,
+              styles: s.styles,
+              next: c
+            }, s = s.next;
+        var r = e.styles + ";";
+        return process.env.NODE_ENV !== "production" && e.map !== void 0 && (r += e.map), r;
+      }
+      return Y(a, n, e);
+    }
+    case "function": {
+      if (a !== void 0) {
+        var t = c, i = e(a);
+        return c = t, p(a, n, i, o);
+      } else
+        process.env.NODE_ENV !== "production" && console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");
+      break;
+    }
+    case "string":
+      if (process.env.NODE_ENV !== "production") {
+        var u = [], f = e.replace(g, function(m, h, V) {
+          var y = "animation" + u.length;
+          return u.push("const " + y + " = keyframes`" + V.replace(/^@keyframes animation-\w+/, "") + "`"), "${" + y + "}";
+        });
+        u.length && console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n" + [].concat(u, ["`" + f + "`"]).join(`
+`) + `
+
+You should wrap it with \`css\` like this:
+
+` + ("css`" + f + "`"));
+      }
+      break;
+  }
+  if (n == null)
+    return e;
+  var l = n[e];
+  return process.env.NODE_ENV !== "production" && o && w && l !== void 0 && (console.error("Interpolating a className from css`` is not recommended and will cause problems with composition.\nInterpolating a className from css`` will be completely unsupported in a future major version of Emotion"), w = !1), l !== void 0 && !o ? l : e;
+}
+function Y(a, n, e) {
+  var o = "";
+  if (Array.isArray(e))
+    for (var s = 0; s < e.length; s++)
+      o += p(a, n, e[s], !1);
+  else
+    for (var r in e) {
+      var t = e[r];
+      if (typeof t != "object")
+        n != null && n[t] !== void 0 ? o += r + "{" + n[t] + "}" : b(t) && (o += E(r) + ":" + d(r, t) + ";");
+      else {
+        if (r === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production")
+          throw new Error("Component selectors can only be used in conjunction with babel-plugin-emotion.");
+        if (Array.isArray(t) && typeof t[0] == "string" && (n == null || n[t[0]] === void 0))
+          for (var i = 0; i < t.length; i++)
+            b(t[i]) && (o += E(r) + ":" + d(r, t[i]) + ";");
+        else {
+          var u = p(a, n, t, !1);
+          switch (r) {
+            case "animation":
+            case "animationName": {
+              o += E(r) + ":" + u + ";";
+              break;
+            }
+            default:
+              process.env.NODE_ENV !== "production" && r === "undefined" && console.error(x), o += r + "{" + u + "}";
           }
-        )
-      ]
+        }
+      }
+    }
+  return o;
+}
+var _ = /label:\s*([^\s;\n{]+)\s*;/g, S;
+process.env.NODE_ENV !== "production" && (S = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//);
+var c, F = function(n, e, o) {
+  if (n.length === 1 && typeof n[0] == "object" && n[0] !== null && n[0].styles !== void 0)
+    return n[0];
+  var s = !0, r = "";
+  c = void 0;
+  var t = n[0];
+  t == null || t.raw === void 0 ? (s = !1, r += p(o, e, t, !1)) : (process.env.NODE_ENV !== "production" && t[0] === void 0 && console.error(N), r += t[0]);
+  for (var i = 1; i < n.length; i++)
+    r += p(o, e, n[i], r.charCodeAt(r.length - 1) === 46), s && (process.env.NODE_ENV !== "production" && t[i] === void 0 && console.error(N), r += t[i]);
+  var u;
+  process.env.NODE_ENV !== "production" && (r = r.replace(S, function(h) {
+    return u = h, "";
+  })), _.lastIndex = 0;
+  for (var f = "", l; (l = _.exec(r)) !== null; )
+    f += "-" + // $FlowFixMe we know it's not null
+    l[1];
+  var m = C(r) + f;
+  return process.env.NODE_ENV !== "production" ? {
+    name: m,
+    styles: r,
+    map: u,
+    next: c,
+    toString: function() {
+      return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
     }
-  );
+  } : {
+    name: m,
+    styles: r,
+    next: c
+  };
 };
 export {
-  g as CustomScrollableOptionsBox
+  F as serializeStyles
 };
 //# sourceMappingURL=sd-component-library228.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library228.js","sources":["../src/components/selectors/custom-scrollable-selector/partials/custom-scrollable-options-box/custom-scrollable-options-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { CustomScrollbarBox } from \"../../../../custom-scrollbar-box\";\nimport { HorizontalDivider } from \"../../../../dividers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { SelectorOptionV2 } from \"../../../selector-v2\";\nimport { CustomScrollableOptionsBoxProps as Props } from \"./interfaces\";\n\nexport const CustomScrollableOptionsBox = <T extends string = string>({\n  options,\n  onSelect,\n}: Props<T>) => {\n  const lightGreyThinBorder = {\n    borderColor: \"cl_lightGrey\",\n    borderWidth: \"1px\",\n  };\n\n  const onClick = (option: SelectorOptionV2<T>) => () => onSelect(option);\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        top: \"100%\",\n        right: 0,\n        zIndex: 1,\n      }}\n    >\n      <HorizontalDivider color=\"cl_purple\" height=\"2px\" />\n\n      <Box\n        sx={{\n          bg: \"cl_white\",\n          borderRadius: \"0 0 3px 3px\",\n          ...lightGreyThinBorder,\n          borderStyle: \"solid\",\n          borderTopStyle: \"none\",\n          boxShadow: \"0px 3px 10px #0000001A\",\n        }}\n      >\n        <CustomScrollbarBox\n          height=\"180px\"\n          width=\"max-content\"\n          scrollbarThumbColor=\"cl_purple\"\n          scrollbarTrackColor=\"cl_headerLine\"\n          scrollbarWidth=\"5px\"\n          hoverScrollbarWidth=\"5px\"\n          bg=\"cl_transparent\"\n          p=\"5px 7px 5px 0\"\n          sx={{ pr: \"8px\" }}\n        >\n          {options.map((option) => (\n            <ResponsiveTextV2\n              key={option.id}\n              fontSizeWeight={[14, \"regular\"]}\n              sx={{\n                display: \"flex\",\n                alignItems: \"center\",\n                height: \"36px\",\n                px: \"10px\",\n                borderColor: \"cl_headerLine\",\n                borderWidth: \"1px\",\n                borderBottomStyle: \"solid\",\n              }}\n              onClick={onClick(option)}\n            >\n              {option.title}\n            </ResponsiveTextV2>\n          ))}\n        </CustomScrollbarBox>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["CustomScrollableOptionsBox","options","onSelect","lightGreyThinBorder","onClick","option","jsxs","Box","jsx","HorizontalDivider","CustomScrollbarBox","ResponsiveTextV2"],"mappings":";;;;;;AAUO,MAAMA,IAA6B,CAA4B;AAAA,EACpE,SAAAC;AAAA,EACA,UAAAC;AACF,MAAgB;AACd,QAAMC,IAAsB;AAAA,IAC1B,aAAa;AAAA,IACb,aAAa;AAAA,EAAA,GAGTC,IAAU,CAACC,MAAgC,MAAMH,EAASG,CAAM;AAGpE,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,MAEA,UAAA;AAAA,QAAAC,gBAAAA,EAAA,IAACC,GAAkB,EAAA,OAAM,aAAY,QAAO,OAAM;AAAA,QAElDD,gBAAAA,EAAA;AAAA,UAACD;AAAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,IAAI;AAAA,cACJ,cAAc;AAAA,cACd,GAAGJ;AAAA,cACH,aAAa;AAAA,cACb,gBAAgB;AAAA,cAChB,WAAW;AAAA,YACb;AAAA,YAEA,UAAAK,gBAAAA,EAAA;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,QAAO;AAAA,gBACP,OAAM;AAAA,gBACN,qBAAoB;AAAA,gBACpB,qBAAoB;AAAA,gBACpB,gBAAe;AAAA,gBACf,qBAAoB;AAAA,gBACpB,IAAG;AAAA,gBACH,GAAE;AAAA,gBACF,IAAI,EAAE,IAAI,MAAM;AAAA,gBAEf,UAAAT,EAAQ,IAAI,CAACI,MACZG,gBAAAA,EAAA;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBAEC,gBAAgB,CAAC,IAAI,SAAS;AAAA,oBAC9B,IAAI;AAAA,sBACF,SAAS;AAAA,sBACT,YAAY;AAAA,sBACZ,QAAQ;AAAA,sBACR,IAAI;AAAA,sBACJ,aAAa;AAAA,sBACb,aAAa;AAAA,sBACb,mBAAmB;AAAA,oBACrB;AAAA,oBACA,SAASP,EAAQC,CAAM;AAAA,oBAEtB,UAAOA,EAAA;AAAA,kBAAA;AAAA,kBAbHA,EAAO;AAAA,gBAAA,CAef;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library228.js","sources":["../node_modules/@emotion/serialize/dist/serialize.browser.esm.js"],"sourcesContent":["import hashString from '@emotion/hash';\nimport unitless from '@emotion/unitless';\nimport memoize from '@emotion/memoize';\n\nvar ILLEGAL_ESCAPE_SEQUENCE_ERROR = \"You have illegal escape sequence in your template literal, most likely inside content's property value.\\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \\\"content: '\\\\00d7';\\\" should become \\\"content: '\\\\\\\\00d7';\\\".\\nYou can read more about this here:\\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences\";\nvar UNDEFINED_AS_OBJECT_KEY_ERROR = \"You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).\";\nvar hyphenateRegex = /[A-Z]|^ms/g;\nvar animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;\n\nvar isCustomProperty = function isCustomProperty(property) {\n  return property.charCodeAt(1) === 45;\n};\n\nvar isProcessableValue = function isProcessableValue(value) {\n  return value != null && typeof value !== 'boolean';\n};\n\nvar processStyleName = memoize(function (styleName) {\n  return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, '-$&').toLowerCase();\n});\n\nvar processStyleValue = function processStyleValue(key, value) {\n  switch (key) {\n    case 'animation':\n    case 'animationName':\n      {\n        if (typeof value === 'string') {\n          return value.replace(animationRegex, function (match, p1, p2) {\n            cursor = {\n              name: p1,\n              styles: p2,\n              next: cursor\n            };\n            return p1;\n          });\n        }\n      }\n  }\n\n  if (unitless[key] !== 1 && !isCustomProperty(key) && typeof value === 'number' && value !== 0) {\n    return value + 'px';\n  }\n\n  return value;\n};\n\nif (process.env.NODE_ENV !== 'production') {\n  var contentValuePattern = /(attr|calc|counters?|url)\\(/;\n  var contentValues = ['normal', 'none', 'counter', 'open-quote', 'close-quote', 'no-open-quote', 'no-close-quote', 'initial', 'inherit', 'unset'];\n  var oldProcessStyleValue = processStyleValue;\n  var msPattern = /^-ms-/;\n  var hyphenPattern = /-(.)/g;\n  var hyphenatedCache = {};\n\n  processStyleValue = function processStyleValue(key, value) {\n    if (key === 'content') {\n      if (typeof value !== 'string' || contentValues.indexOf(value) === -1 && !contentValuePattern.test(value) && (value.charAt(0) !== value.charAt(value.length - 1) || value.charAt(0) !== '\"' && value.charAt(0) !== \"'\")) {\n        console.error(\"You seem to be using a value for 'content' without quotes, try replacing it with `content: '\\\"\" + value + \"\\\"'`\");\n      }\n    }\n\n    var processed = oldProcessStyleValue(key, value);\n\n    if (processed !== '' && !isCustomProperty(key) && key.indexOf('-') !== -1 && hyphenatedCache[key] === undefined) {\n      hyphenatedCache[key] = true;\n      console.error(\"Using kebab-case for css properties in objects is not supported. Did you mean \" + key.replace(msPattern, 'ms-').replace(hyphenPattern, function (str, _char) {\n        return _char.toUpperCase();\n      }) + \"?\");\n    }\n\n    return processed;\n  };\n}\n\nvar shouldWarnAboutInterpolatingClassNameFromCss = true;\n\nfunction handleInterpolation(mergedProps, registered, interpolation, couldBeSelectorInterpolation) {\n  if (interpolation == null) {\n    return '';\n  }\n\n  if (interpolation.__emotion_styles !== undefined) {\n    if (process.env.NODE_ENV !== 'production' && interpolation.toString() === 'NO_COMPONENT_SELECTOR') {\n      throw new Error('Component selectors can only be used in conjunction with babel-plugin-emotion.');\n    }\n\n    return interpolation;\n  }\n\n  switch (typeof interpolation) {\n    case 'boolean':\n      {\n        return '';\n      }\n\n    case 'object':\n      {\n        if (interpolation.anim === 1) {\n          cursor = {\n            name: interpolation.name,\n            styles: interpolation.styles,\n            next: cursor\n          };\n          return interpolation.name;\n        }\n\n        if (interpolation.styles !== undefined) {\n          var next = interpolation.next;\n\n          if (next !== undefined) {\n            // not the most efficient thing ever but this is a pretty rare case\n            // and there will be very few iterations of this generally\n            while (next !== undefined) {\n              cursor = {\n                name: next.name,\n                styles: next.styles,\n                next: cursor\n              };\n              next = next.next;\n            }\n          }\n\n          var styles = interpolation.styles + \";\";\n\n          if (process.env.NODE_ENV !== 'production' && interpolation.map !== undefined) {\n            styles += interpolation.map;\n          }\n\n          return styles;\n        }\n\n        return createStringFromObject(mergedProps, registered, interpolation);\n      }\n\n    case 'function':\n      {\n        if (mergedProps !== undefined) {\n          var previousCursor = cursor;\n          var result = interpolation(mergedProps);\n          cursor = previousCursor;\n          return handleInterpolation(mergedProps, registered, result, couldBeSelectorInterpolation);\n        } else if (process.env.NODE_ENV !== 'production') {\n          console.error('Functions that are interpolated in css calls will be stringified.\\n' + 'If you want to have a css call based on props, create a function that returns a css call like this\\n' + 'let dynamicStyle = (props) => css`color: ${props.color}`\\n' + 'It can be called directly with props or interpolated in a styled call like this\\n' + \"let SomeComponent = styled('div')`${dynamicStyle}`\");\n        }\n\n        break;\n      }\n\n    case 'string':\n      if (process.env.NODE_ENV !== 'production') {\n        var matched = [];\n        var replaced = interpolation.replace(animationRegex, function (match, p1, p2) {\n          var fakeVarName = \"animation\" + matched.length;\n          matched.push(\"const \" + fakeVarName + \" = keyframes`\" + p2.replace(/^@keyframes animation-\\w+/, '') + \"`\");\n          return \"${\" + fakeVarName + \"}\";\n        });\n\n        if (matched.length) {\n          console.error('`keyframes` output got interpolated into plain string, please wrap it with `css`.\\n\\n' + 'Instead of doing this:\\n\\n' + [].concat(matched, [\"`\" + replaced + \"`\"]).join('\\n') + '\\n\\nYou should wrap it with `css` like this:\\n\\n' + (\"css`\" + replaced + \"`\"));\n        }\n      }\n\n      break;\n  } // finalize string values (regular strings and functions interpolated into css calls)\n\n\n  if (registered == null) {\n    return interpolation;\n  }\n\n  var cached = registered[interpolation];\n\n  if (process.env.NODE_ENV !== 'production' && couldBeSelectorInterpolation && shouldWarnAboutInterpolatingClassNameFromCss && cached !== undefined) {\n    console.error('Interpolating a className from css`` is not recommended and will cause problems with composition.\\n' + 'Interpolating a className from css`` will be completely unsupported in a future major version of Emotion');\n    shouldWarnAboutInterpolatingClassNameFromCss = false;\n  }\n\n  return cached !== undefined && !couldBeSelectorInterpolation ? cached : interpolation;\n}\n\nfunction createStringFromObject(mergedProps, registered, obj) {\n  var string = '';\n\n  if (Array.isArray(obj)) {\n    for (var i = 0; i < obj.length; i++) {\n      string += handleInterpolation(mergedProps, registered, obj[i], false);\n    }\n  } else {\n    for (var _key in obj) {\n      var value = obj[_key];\n\n      if (typeof value !== 'object') {\n        if (registered != null && registered[value] !== undefined) {\n          string += _key + \"{\" + registered[value] + \"}\";\n        } else if (isProcessableValue(value)) {\n          string += processStyleName(_key) + \":\" + processStyleValue(_key, value) + \";\";\n        }\n      } else {\n        if (_key === 'NO_COMPONENT_SELECTOR' && process.env.NODE_ENV !== 'production') {\n          throw new Error('Component selectors can only be used in conjunction with babel-plugin-emotion.');\n        }\n\n        if (Array.isArray(value) && typeof value[0] === 'string' && (registered == null || registered[value[0]] === undefined)) {\n          for (var _i = 0; _i < value.length; _i++) {\n            if (isProcessableValue(value[_i])) {\n              string += processStyleName(_key) + \":\" + processStyleValue(_key, value[_i]) + \";\";\n            }\n          }\n        } else {\n          var interpolated = handleInterpolation(mergedProps, registered, value, false);\n\n          switch (_key) {\n            case 'animation':\n            case 'animationName':\n              {\n                string += processStyleName(_key) + \":\" + interpolated + \";\";\n                break;\n              }\n\n            default:\n              {\n                if (process.env.NODE_ENV !== 'production' && _key === 'undefined') {\n                  console.error(UNDEFINED_AS_OBJECT_KEY_ERROR);\n                }\n\n                string += _key + \"{\" + interpolated + \"}\";\n              }\n          }\n        }\n      }\n    }\n  }\n\n  return string;\n}\n\nvar labelPattern = /label:\\s*([^\\s;\\n{]+)\\s*;/g;\nvar sourceMapPattern;\n\nif (process.env.NODE_ENV !== 'production') {\n  sourceMapPattern = /\\/\\*#\\ssourceMappingURL=data:application\\/json;\\S+\\s+\\*\\//;\n} // this is the cursor for keyframes\n// keyframes are stored on the SerializedStyles object as a linked list\n\n\nvar cursor;\nvar serializeStyles = function serializeStyles(args, registered, mergedProps) {\n  if (args.length === 1 && typeof args[0] === 'object' && args[0] !== null && args[0].styles !== undefined) {\n    return args[0];\n  }\n\n  var stringMode = true;\n  var styles = '';\n  cursor = undefined;\n  var strings = args[0];\n\n  if (strings == null || strings.raw === undefined) {\n    stringMode = false;\n    styles += handleInterpolation(mergedProps, registered, strings, false);\n  } else {\n    if (process.env.NODE_ENV !== 'production' && strings[0] === undefined) {\n      console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);\n    }\n\n    styles += strings[0];\n  } // we start at 1 since we've already handled the first arg\n\n\n  for (var i = 1; i < args.length; i++) {\n    styles += handleInterpolation(mergedProps, registered, args[i], styles.charCodeAt(styles.length - 1) === 46);\n\n    if (stringMode) {\n      if (process.env.NODE_ENV !== 'production' && strings[i] === undefined) {\n        console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);\n      }\n\n      styles += strings[i];\n    }\n  }\n\n  var sourceMap;\n\n  if (process.env.NODE_ENV !== 'production') {\n    styles = styles.replace(sourceMapPattern, function (match) {\n      sourceMap = match;\n      return '';\n    });\n  } // using a global regex with .exec is stateful so lastIndex has to be reset each time\n\n\n  labelPattern.lastIndex = 0;\n  var identifierName = '';\n  var match; // https://esbench.com/bench/5b809c2cf2949800a0f61fb5\n\n  while ((match = labelPattern.exec(styles)) !== null) {\n    identifierName += '-' + // $FlowFixMe we know it's not null\n    match[1];\n  }\n\n  var name = hashString(styles) + identifierName;\n\n  if (process.env.NODE_ENV !== 'production') {\n    // $FlowFixMe SerializedStyles type doesn't have toString property (and we don't want to add it)\n    return {\n      name: name,\n      styles: styles,\n      map: sourceMap,\n      next: cursor,\n      toString: function toString() {\n        return \"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).\";\n      }\n    };\n  }\n\n  return {\n    name: name,\n    styles: styles,\n    next: cursor\n  };\n};\n\nexport { serializeStyles };\n"],"names":["ILLEGAL_ESCAPE_SEQUENCE_ERROR","UNDEFINED_AS_OBJECT_KEY_ERROR","hyphenateRegex","animationRegex","isCustomProperty","property","isProcessableValue","value","processStyleName","memoize","styleName","processStyleValue","key","match","p1","p2","cursor","unitless","contentValuePattern","contentValues","oldProcessStyleValue","msPattern","hyphenPattern","hyphenatedCache","processed","str","_char","shouldWarnAboutInterpolatingClassNameFromCss","handleInterpolation","mergedProps","registered","interpolation","couldBeSelectorInterpolation","next","styles","createStringFromObject","previousCursor","result","matched","replaced","fakeVarName","cached","obj","string","i","_key","_i","interpolated","labelPattern","sourceMapPattern","serializeStyles","args","stringMode","strings","sourceMap","identifierName","name","hashString"],"mappings":"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","x_google_ignoreList":[0]}