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

package/lib/sd-component-library273.js

@@ -1,78 +1,53 @@
-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 { createElement as p } from "./sd-component-library274.js";
+import * as n from "react";
+import s from "./sd-component-library275.js";
+import _ from "./sd-component-library276.js";
+import { p as u } from "./sd-component-library277.js";
+import { T as y } from "./sd-component-library278.js";
+const a = _.version, r = (e, o, ...t) => p(e, u(o), ...t), d = {
+  __EMOTION_VERSION__: a,
+  theme: {}
+}, c = /* @__PURE__ */ n.createContext(d), E = () => n.useContext(c), m = typeof Symbol == "function" && Symbol.for, h = m ? Symbol.for("react.element") : 60103, x = m ? Symbol.for("react.forward_ref") : 60103, i = {
+  isMergeableObject: (e) => !!e && typeof e == "object" && e.$$typeof !== h && e.$$typeof !== x,
+  arrayMerge: (e, o) => o
+}, l = (e, o) => s(e, o, i);
+function T(...e) {
+  return s.all(e, i);
+}
+l.all = T;
+const O = ({
+  context: e,
+  children: o
+}) => r(y.Provider, {
+  value: e.theme
+}, r(c.Provider, {
+  value: e,
+  children: o
+}));
+function R({
+  theme: e,
+  children: o
+}) {
+  const t = E();
+  process.env.NODE_ENV !== "production" && t.__EMOTION_VERSION__ !== a && console.warn("Multiple versions of Emotion detected,", "and theming might not work as expected.", "Please ensure there is only one copy of @emotion/react installed in your application.");
+  const f = typeof e == "function" ? {
+    ...t,
+    theme: e(t.theme)
+  } : l.all({}, t, {
+    theme: e
+  });
+  return r(O, {
+    context: f,
+    children: o
+  });
+}
 export {
-  g as CustomScrollableOptionsBox
+  R as ThemeProvider,
+  c as __ThemeUIContext,
+  O as __ThemeUIInternalBaseThemeProvider,
+  d as __themeUiDefaultContextValue,
+  r as jsx,
+  l as merge,
+  E as useThemeUI
 };
 //# sourceMappingURL=sd-component-library273.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library273.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-library273.js","sources":["../node_modules/@theme-ui/core/dist/theme-ui-core.browser.esm.js"],"sourcesContent":["import { jsx as jsx$1, ThemeContext } from '@emotion/react';\nimport * as React from 'react';\nimport deepmerge from 'deepmerge';\nimport packageInfo from '@emotion/react/package.json';\nimport { p as parseProps } from './parseProps-780b287c.browser.esm.js';\nimport '@theme-ui/css';\n\nconst __EMOTION_VERSION__ = packageInfo.version;\nconst jsx = (type, props, ...children) => jsx$1(type, parseProps(props), ...children);\n\n/**\n * @internal for Babel JSX pragma\n * @see https://github.com/system-ui/theme-ui/issues/1603\n */\nconst createElement = jsx;\n/**\n * @internal\n */\nconst __themeUiDefaultContextValue = {\n  __EMOTION_VERSION__,\n  theme: {}\n};\n\n/**\n * @internal\n */\nconst __ThemeUIContext = /*#__PURE__*/React.createContext(__themeUiDefaultContextValue);\nconst useThemeUI = () => React.useContext(__ThemeUIContext);\nconst canUseSymbol = typeof Symbol === 'function' && Symbol.for;\nconst REACT_ELEMENT = canUseSymbol ? Symbol.for('react.element') : 0xeac7;\nconst FORWARD_REF = canUseSymbol ? Symbol.for('react.forward_ref') : 0xeac7;\nconst deepmergeOptions = {\n  isMergeableObject: n => {\n    return !!n && typeof n === 'object' && n.$$typeof !== REACT_ELEMENT && n.$$typeof !== FORWARD_REF;\n  },\n  arrayMerge: (_leftArray, rightArray) => rightArray\n};\n\n/**\n * Deeply merge themes\n */\nconst merge = (a, b) => deepmerge(a, b, deepmergeOptions);\nfunction mergeAll(...args) {\n  return deepmerge.all(args, deepmergeOptions);\n}\nmerge.all = mergeAll;\n/**\n * @internal\n */\nconst __ThemeUIInternalBaseThemeProvider = ({\n  context,\n  children\n}) => jsx(ThemeContext.Provider, {\n  value: context.theme\n}, jsx(__ThemeUIContext.Provider, {\n  value: context,\n  children\n}));\nfunction ThemeProvider({\n  theme,\n  children\n}) {\n  const outer = useThemeUI();\n  if (process.env.NODE_ENV !== 'production') {\n    if (outer.__EMOTION_VERSION__ !== __EMOTION_VERSION__) {\n      console.warn('Multiple versions of Emotion detected,', 'and theming might not work as expected.', 'Please ensure there is only one copy of @emotion/react installed in your application.');\n    }\n  }\n  const context = typeof theme === 'function' ? {\n    ...outer,\n    theme: theme(outer.theme)\n  } : merge.all({}, outer, {\n    theme\n  });\n  return jsx(__ThemeUIInternalBaseThemeProvider, {\n    context,\n    children\n  });\n}\n\nexport { ThemeProvider, __ThemeUIContext, __ThemeUIInternalBaseThemeProvider, __themeUiDefaultContextValue, createElement, jsx, merge, useThemeUI };\n"],"names":["__EMOTION_VERSION__","packageInfo","jsx","type","props","children","jsx$1","parseProps","__themeUiDefaultContextValue","__ThemeUIContext","React","useThemeUI","canUseSymbol","REACT_ELEMENT","FORWARD_REF","deepmergeOptions","n","_leftArray","rightArray","merge","a","b","deepmerge","mergeAll","args","__ThemeUIInternalBaseThemeProvider","context","ThemeContext","ThemeProvider","theme","outer"],"mappings":";;;;;;AAOA,MAAMA,IAAsBC,EAAY,SAClCC,IAAM,CAACC,GAAMC,MAAUC,MAAaC,EAAMH,GAAMI,EAAWH,CAAK,GAAG,GAAGC,CAAQ,GAU9EG,IAA+B;AAAA,EACnC,qBAAAR;AAAA,EACA,OAAO,CAAE;AACX,GAKMS,IAAgC,gBAAAC,EAAM,cAAcF,CAA4B,GAChFG,IAAa,MAAMD,EAAM,WAAWD,CAAgB,GACpDG,IAAe,OAAO,UAAW,cAAc,OAAO,KACtDC,IAAgBD,IAAe,OAAO,IAAI,eAAe,IAAI,OAC7DE,IAAcF,IAAe,OAAO,IAAI,mBAAmB,IAAI,OAC/DG,IAAmB;AAAA,EACvB,mBAAmB,CAAAC,MACV,CAAC,CAACA,KAAK,OAAOA,KAAM,YAAYA,EAAE,aAAaH,KAAiBG,EAAE,aAAaF;AAAA,EAExF,YAAY,CAACG,GAAYC,MAAeA;AAC1C,GAKMC,IAAQ,CAACC,GAAGC,MAAMC,EAAUF,GAAGC,GAAGN,CAAgB;AACxD,SAASQ,KAAYC,GAAM;AACzB,SAAOF,EAAU,IAAIE,GAAMT,CAAgB;AAC7C;AACAI,EAAM,MAAMI;AAIP,MAACE,IAAqC,CAAC;AAAA,EAC1C,SAAAC;AAAA,EACA,UAAArB;AACF,MAAMH,EAAIyB,EAAa,UAAU;AAAA,EAC/B,OAAOD,EAAQ;AACjB,GAAGxB,EAAIO,EAAiB,UAAU;AAAA,EAChC,OAAOiB;AAAA,EACP,UAAArB;AACF,CAAC,CAAC;AACF,SAASuB,EAAc;AAAA,EACrB,OAAAC;AAAA,EACA,UAAAxB;AACF,GAAG;AACD,QAAMyB,IAAQnB;AACd,EAAI,QAAQ,IAAI,aAAa,gBACvBmB,EAAM,wBAAwB9B,KAChC,QAAQ,KAAK,0CAA0C,2CAA2C,uFAAuF;AAG7L,QAAM0B,IAAU,OAAOG,KAAU,aAAa;AAAA,IAC5C,GAAGC;AAAA,IACH,OAAOD,EAAMC,EAAM,KAAK;AAAA,EACzB,IAAGX,EAAM,IAAI,CAAE,GAAEW,GAAO;AAAA,IACvB,OAAAD;AAAA,EACJ,CAAG;AACD,SAAO3B,EAAIuB,GAAoC;AAAA,IAC7C,SAAAC;AAAA,IACA,UAAArB;AAAA,EACJ,CAAG;AACH;","x_google_ignoreList":[0]}

package/lib/sd-component-library274.js

@@ -1,80 +1,256 @@
-import { j as r } from "./sd-component-library195.js";
-import { createElement as u } from "react";
-import "./sd-component-library196.js";
-import { Box as i } from "./sd-component-library197.js";
-import { TriangularPointerIcon as g } from "./sd-component-library190.js";
-import { HorizontalDivider as f } from "./sd-component-library52.js";
-import { OptionRow as w } from "./sd-component-library673.js";
-const k = 8, e = 5, c = k + 2 * e, l = c / 2, n = "cl_header", s = "cl_lightGrey", C = "46px", S = 4, B = (a) => {
-  const { isVisible: d, options: p, value: t, onChange: b } = a;
-  if (!d)
-    return null;
-  const x = (o) => () => b(o), m = [
-    t,
-    ...p.filter(({ id: o }) => o !== t.id)
-  ], h = `${c}px`;
-  return /* @__PURE__ */ r.jsxs(
-    i,
-    {
-      sx: {
-        minWidth: "100%",
-        position: "absolute",
-        top: "100%",
-        right: 0,
-        zIndex: 1,
-        cursor: "default"
+import { h as E, E as N, c as k, w as x, T as b } from "./sd-component-library278.js";
+import * as l from "react";
+import { insertStyles as g, registerStyles as _, getRegisteredStyles as C } from "./sd-component-library312.js";
+import { useInsertionEffectWithLayoutFallback as p, useInsertionEffectAlwaysWithSyncFallback as D } from "./sd-component-library313.js";
+import { serializeStyles as w } from "./sd-component-library314.js";
+import "./sd-component-library315.js";
+var O = {
+  name: "@emotion/react",
+  version: "11.11.1",
+  main: "dist/emotion-react.cjs.js",
+  module: "dist/emotion-react.esm.js",
+  browser: {
+    "./dist/emotion-react.esm.js": "./dist/emotion-react.browser.esm.js"
+  },
+  exports: {
+    ".": {
+      module: {
+        worker: "./dist/emotion-react.worker.esm.js",
+        browser: "./dist/emotion-react.browser.esm.js",
+        default: "./dist/emotion-react.esm.js"
       },
-      children: [
-        /* @__PURE__ */ r.jsx(g, { direction: "top", mr: "15px", ml: "auto" }),
-        /* @__PURE__ */ r.jsx(f, { color: "cl_purple", height: "2px" }),
-        /* @__PURE__ */ r.jsx(
-          i,
-          {
-            sx: {
-              bg: "cl_white",
-              borderRadius: "0 0 3px 3px",
-              boxShadow: "0px 3px 10px #0000001A",
-              borderWidth: "1px",
-              borderColor: "cl_lightGrey",
-              borderStyle: "solid",
-              borderTopStyle: "none",
-              overflow: "auto",
-              maxHeight: `calc(${C} * ${S})`,
-              scrollbarWidth: "thin",
-              scrollbarColor: `${n} ${s}`,
-              "::-webkit-scrollbar-track": {
-                borderRadius: l,
-                bg: n,
-                border: `${e}px solid transparent`,
-                backgroundClip: "content-box"
-              },
-              "::-webkit-scrollbar": {
-                width: h,
-                bg: "transparent"
-              },
-              "::-webkit-scrollbar-thumb": {
-                borderRadius: l,
-                bg: s,
-                border: `${e}px solid transparent`,
-                backgroundClip: "content-box"
-              }
-            },
-            children: m.map((o) => /* @__PURE__ */ u(
-              w,
-              {
-                onClick: x(o),
-                ...o,
-                key: o.id,
-                currentSelection: t.id === o.id
-              }
-            ))
+      import: "./dist/emotion-react.cjs.mjs",
+      default: "./dist/emotion-react.cjs.js"
+    },
+    "./jsx-runtime": {
+      module: {
+        worker: "./jsx-runtime/dist/emotion-react-jsx-runtime.worker.esm.js",
+        browser: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",
+        default: "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js"
+      },
+      import: "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
+      default: "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
+    },
+    "./_isolated-hnrs": {
+      module: {
+        worker: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.worker.esm.js",
+        browser: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",
+        default: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js"
+      },
+      import: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
+      default: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
+    },
+    "./jsx-dev-runtime": {
+      module: {
+        worker: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.worker.esm.js",
+        browser: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",
+        default: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js"
+      },
+      import: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
+      default: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
+    },
+    "./package.json": "./package.json",
+    "./types/css-prop": "./types/css-prop.d.ts",
+    "./macro": {
+      types: {
+        import: "./macro.d.mts",
+        default: "./macro.d.ts"
+      },
+      default: "./macro.js"
+    }
+  },
+  types: "types/index.d.ts",
+  files: [
+    "src",
+    "dist",
+    "jsx-runtime",
+    "jsx-dev-runtime",
+    "_isolated-hnrs",
+    "types/*.d.ts",
+    "macro.*"
+  ],
+  sideEffects: !1,
+  author: "Emotion Contributors",
+  license: "MIT",
+  scripts: {
+    "test:typescript": "dtslint types"
+  },
+  dependencies: {
+    "@babel/runtime": "^7.18.3",
+    "@emotion/babel-plugin": "^11.11.0",
+    "@emotion/cache": "^11.11.0",
+    "@emotion/serialize": "^1.1.2",
+    "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
+    "@emotion/utils": "^1.2.1",
+    "@emotion/weak-memoize": "^0.3.1",
+    "hoist-non-react-statics": "^3.3.1"
+  },
+  peerDependencies: {
+    react: ">=16.8.0"
+  },
+  peerDependenciesMeta: {
+    "@types/react": {
+      optional: !0
+    }
+  },
+  devDependencies: {
+    "@definitelytyped/dtslint": "0.0.112",
+    "@emotion/css": "11.11.0",
+    "@emotion/css-prettifier": "1.1.3",
+    "@emotion/server": "11.11.0",
+    "@emotion/styled": "11.11.0",
+    "html-tag-names": "^1.1.2",
+    react: "16.14.0",
+    "svg-tag-names": "^1.1.1",
+    typescript: "^4.5.5"
+  },
+  repository: "https://github.com/emotion-js/emotion/tree/main/packages/react",
+  publishConfig: {
+    access: "public"
+  },
+  "umd:main": "dist/emotion-react.umd.min.js",
+  preconstruct: {
+    entrypoints: [
+      "./index.js",
+      "./jsx-runtime.js",
+      "./jsx-dev-runtime.js",
+      "./_isolated-hnrs.js"
+    ],
+    umdName: "emotionReact",
+    exports: {
+      envConditions: [
+        "browser",
+        "worker"
+      ],
+      extra: {
+        "./types/css-prop": "./types/css-prop.d.ts",
+        "./macro": {
+          types: {
+            import: "./macro.d.mts",
+            default: "./macro.d.ts"
+          },
+          default: "./macro.js"
+        }
+      }
+    }
+  }
+}, L = function(e, o) {
+  var r = arguments;
+  if (o == null || !E.call(o, "css"))
+    return l.createElement.apply(void 0, r);
+  var n = r.length, s = new Array(n);
+  s[0] = N, s[1] = k(e, o);
+  for (var t = 2; t < n; t++)
+    s[t] = r[t];
+  return l.createElement.apply(null, s);
+}, v = !1, z = /* @__PURE__ */ x(function(i, e) {
+  process.env.NODE_ENV !== "production" && !v && // check for className as well since the user is
+  // probably using the custom createElement which
+  // means it will be turned into a className prop
+  // $FlowFixMe I don't really want to add it to the type since it shouldn't be used
+  (i.className || i.css) && (console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?"), v = !0);
+  var o = i.styles, r = w([o], void 0, l.useContext(b)), n = l.useRef();
+  return p(function() {
+    var s = e.key + "-global", t = new e.sheet.constructor({
+      key: s,
+      nonce: e.sheet.nonce,
+      container: e.sheet.container,
+      speedy: e.sheet.isSpeedy
+    }), a = !1, c = document.querySelector('style[data-emotion="' + s + " " + r.name + '"]');
+    return e.sheet.tags.length && (t.before = e.sheet.tags[0]), c !== null && (a = !0, c.setAttribute("data-emotion", s), t.hydrate([c])), n.current = [t, a], function() {
+      t.flush();
+    };
+  }, [e]), p(function() {
+    var s = n.current, t = s[0], a = s[1];
+    if (a) {
+      s[1] = !1;
+      return;
+    }
+    if (r.next !== void 0 && g(e, r.next, !0), t.tags.length) {
+      var c = t.tags[t.tags.length - 1].nextElementSibling;
+      t.before = c, t.flush();
+    }
+    e.insert("", r, t, !1);
+  }, [e, r.name]), null;
+});
+process.env.NODE_ENV !== "production" && (z.displayName = "EmotionGlobal");
+var R = function i(e) {
+  for (var o = e.length, r = 0, n = ""; r < o; r++) {
+    var s = e[r];
+    if (s != null) {
+      var t = void 0;
+      switch (typeof s) {
+        case "boolean":
+          break;
+        case "object": {
+          if (Array.isArray(s))
+            t = i(s);
+          else {
+            process.env.NODE_ENV !== "production" && s.styles !== void 0 && s.name !== void 0 && console.error("You have passed styles created with `css` from `@emotion/react` package to the `cx`.\n`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component."), t = "";
+            for (var a in s)
+              s[a] && a && (t && (t += " "), t += a);
           }
-        )
-      ]
+          break;
+        }
+        default:
+          t = s;
+      }
+      t && (n && (n += " "), n += t);
     }
-  );
+  }
+  return n;
 };
+function S(i, e, o) {
+  var r = [], n = C(i, r, o);
+  return r.length < 2 ? o : n + e(r);
+}
+var A = function(e) {
+  var o = e.cache, r = e.serializedArr;
+  return D(function() {
+    for (var n = 0; n < r.length; n++)
+      g(o, r[n], !1);
+  }), null;
+}, T = /* @__PURE__ */ x(function(i, e) {
+  var o = !1, r = [], n = function() {
+    if (o && process.env.NODE_ENV !== "production")
+      throw new Error("css can only be used during render");
+    for (var d = arguments.length, u = new Array(d), m = 0; m < d; m++)
+      u[m] = arguments[m];
+    var f = w(u, e.registered);
+    return r.push(f), _(e, f, !1), e.key + "-" + f.name;
+  }, s = function() {
+    if (o && process.env.NODE_ENV !== "production")
+      throw new Error("cx can only be used during render");
+    for (var d = arguments.length, u = new Array(d), m = 0; m < d; m++)
+      u[m] = arguments[m];
+    return S(e.registered, n, R(u));
+  }, t = {
+    css: n,
+    cx: s,
+    theme: l.useContext(b)
+  }, a = i.children(t);
+  return o = !0, /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(A, {
+    cache: e,
+    serializedArr: r
+  }), a);
+});
+process.env.NODE_ENV !== "production" && (T.displayName = "EmotionClassNames");
+if (process.env.NODE_ENV !== "production") {
+  var j = !0, I = typeof jest < "u" || typeof vi < "u";
+  if (j && !I) {
+    var h = (
+      // $FlowIgnore
+      typeof globalThis < "u" ? globalThis : j ? window : global
+    ), y = "__EMOTION_REACT_" + O.version.split(".")[0] + "__";
+    h[y] && console.warn("You are loading @emotion/react when it is already loaded. Running multiple instances may cause problems. This can happen if multiple versions are used, or if multiple builds of the same version are used."), h[y] = !0;
+  }
+}
 export {
-  B as CustomScrollableOptionsBox
+  T as ClassNames,
+  z as Global,
+  b as ThemeContext,
+  L as createElement,
+  L as jsx,
+  x as withEmotionCache
 };
 //# sourceMappingURL=sd-component-library274.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library274.js","sources":["../src/components/selectors/primary-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 { HorizontalDivider } from \"../../../../dividers/horizontal-divider\";\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { SelectorOptionV2 } from \"../../../selector-v2\";\nimport { OptionRow } from \"../option-row\";\nimport { CustomScrollableOptionsBoxProps as Props } from \"./interfaces\";\n\nconst scrollbarWidth = 8;\nconst offset = 5;\nconst totalWidth = scrollbarWidth + 2 * offset;\nconst borderRadius = totalWidth / 2;\n\nconst trackColor = \"cl_header\";\nconst thumbColor = \"cl_lightGrey\";\nconst rowHeight = \"46px\";\nconst maxRows = 4;\n\nexport const CustomScrollableOptionsBox = <T extends string = string>(\n  props: Props<T>\n) => {\n  const { isVisible, options, value, onChange } = props;\n\n  if (!isVisible) return null;\n\n  const onSelect = (option: SelectorOptionV2<T>) => () => onChange(option);\n  const regroupedOptions = [\n    value,\n    ...options.filter(({ id }) => id !== value.id),\n  ];\n\n  const scrollbarWidthStr = `${totalWidth}px`;\n\n  return (\n    <Box\n      sx={{\n        minWidth: \"100%\",\n        position: \"absolute\",\n        top: \"100%\",\n        right: 0,\n        zIndex: 1,\n        cursor: \"default\",\n      }}\n    >\n      <TriangularPointerIcon direction=\"top\" mr=\"15px\" ml=\"auto\" />\n\n      <HorizontalDivider color=\"cl_purple\" height=\"2px\" />\n\n      <Box\n        sx={{\n          bg: \"cl_white\",\n          borderRadius: \"0 0 3px 3px\",\n          boxShadow: \"0px 3px 10px #0000001A\",\n          borderWidth: \"1px\",\n          borderColor: \"cl_lightGrey\",\n          borderStyle: \"solid\",\n          borderTopStyle: \"none\",\n          overflow: \"auto\",\n          maxHeight: `calc(${rowHeight} * ${maxRows})`,\n          scrollbarWidth: \"thin\",\n          scrollbarColor: `${trackColor} ${thumbColor}`,\n          \"::-webkit-scrollbar-track\": {\n            borderRadius,\n            bg: trackColor,\n            border: `${offset}px solid transparent`,\n            backgroundClip: \"content-box\",\n          },\n          \"::-webkit-scrollbar\": {\n            width: scrollbarWidthStr,\n            bg: \"transparent\",\n          },\n          \"::-webkit-scrollbar-thumb\": {\n            borderRadius,\n            bg: thumbColor,\n            border: `${offset}px solid transparent`,\n            backgroundClip: \"content-box\",\n          },\n        }}\n      >\n        {(regroupedOptions as SelectorOptionV2<T>[]).map((option) => (\n          <OptionRow\n            onClick={onSelect(option)}\n            {...option}\n            key={option.id}\n            currentSelection={value.id === option.id}\n          />\n        ))}\n      </Box>\n    </Box>\n  );\n};\n"],"names":["scrollbarWidth","offset","totalWidth","borderRadius","trackColor","thumbColor","rowHeight","maxRows","CustomScrollableOptionsBox","props","isVisible","options","value","onChange","onSelect","option","regroupedOptions","id","scrollbarWidthStr","jsxs","Box","jsx","TriangularPointerIcon","HorizontalDivider","createElement","OptionRow"],"mappings":";;;;;;;AAUA,MAAMA,IAAiB,GACjBC,IAAS,GACTC,IAAaF,IAAiB,IAAIC,GAClCE,IAAeD,IAAa,GAE5BE,IAAa,aACbC,IAAa,gBACbC,IAAY,QACZC,IAAU,GAEHC,IAA6B,CACxCC,MACG;AACH,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,OAAAC,GAAO,UAAAC,MAAaJ;AAEhD,MAAI,CAACC;AAAkB,WAAA;AAEvB,QAAMI,IAAW,CAACC,MAAgC,MAAMF,EAASE,CAAM,GACjEC,IAAmB;AAAA,IACvBJ;AAAA,IACA,GAAGD,EAAQ,OAAO,CAAC,EAAE,IAAAM,EAAG,MAAMA,MAAOL,EAAM,EAAE;AAAA,EAAA,GAGzCM,IAAoB,GAAGhB,CAAU;AAGrC,SAAAiB,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,UAAU;AAAA,QACV,KAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MAEA,UAAA;AAAA,QAAAC,gBAAAA,MAACC,KAAsB,WAAU,OAAM,IAAG,QAAO,IAAG,QAAO;AAAA,QAE1DD,gBAAAA,EAAA,IAAAE,GAAA,EAAkB,OAAM,aAAY,QAAO,OAAM;AAAA,QAElDF,gBAAAA,EAAA;AAAA,UAACD;AAAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,IAAI;AAAA,cACJ,cAAc;AAAA,cACd,WAAW;AAAA,cACX,aAAa;AAAA,cACb,aAAa;AAAA,cACb,aAAa;AAAA,cACb,gBAAgB;AAAA,cAChB,UAAU;AAAA,cACV,WAAW,QAAQd,CAAS,MAAMC,CAAO;AAAA,cACzC,gBAAgB;AAAA,cAChB,gBAAgB,GAAGH,CAAU,IAAIC,CAAU;AAAA,cAC3C,6BAA6B;AAAA,gBAC3B,cAAAF;AAAA,gBACA,IAAIC;AAAA,gBACJ,QAAQ,GAAGH,CAAM;AAAA,gBACjB,gBAAgB;AAAA,cAClB;AAAA,cACA,uBAAuB;AAAA,gBACrB,OAAOiB;AAAA,gBACP,IAAI;AAAA,cACN;AAAA,cACA,6BAA6B;AAAA,gBAC3B,cAAAf;AAAA,gBACA,IAAIE;AAAA,gBACJ,QAAQ,GAAGJ,CAAM;AAAA,gBACjB,gBAAgB;AAAA,cAClB;AAAA,YACF;AAAA,YAEE,UAAAe,EAA2C,IAAI,CAACD,MAChD,gBAAAS;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,SAASX,EAASC,CAAM;AAAA,gBACvB,GAAGA;AAAA,gBACJ,KAAKA,EAAO;AAAA,gBACZ,kBAAkBH,EAAM,OAAOG,EAAO;AAAA,cAAA;AAAA,YAAA,CAEzC;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library274.js","sources":["../node_modules/@emotion/react/dist/emotion-react.browser.esm.js"],"sourcesContent":["import { h as hasOwnProperty, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext, i as isBrowser$1 } from './emotion-element-c39617d8.browser.esm.js';\nexport { C as CacheProvider, T as ThemeContext, a as ThemeProvider, _ as __unsafe_useEmotionCache, u as useTheme, w as withEmotionCache, b as withTheme } from './emotion-element-c39617d8.browser.esm.js';\nimport * as React from 'react';\nimport { insertStyles, registerStyles, getRegisteredStyles } from '@emotion/utils';\nimport { useInsertionEffectWithLayoutFallback, useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';\nimport { serializeStyles } from '@emotion/serialize';\nimport '@emotion/cache';\nimport '@babel/runtime/helpers/extends';\nimport '@emotion/weak-memoize';\nimport '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js';\nimport 'hoist-non-react-statics';\n\nvar pkg = {\n\tname: \"@emotion/react\",\n\tversion: \"11.11.1\",\n\tmain: \"dist/emotion-react.cjs.js\",\n\tmodule: \"dist/emotion-react.esm.js\",\n\tbrowser: {\n\t\t\"./dist/emotion-react.esm.js\": \"./dist/emotion-react.browser.esm.js\"\n\t},\n\texports: {\n\t\t\".\": {\n\t\t\tmodule: {\n\t\t\t\tworker: \"./dist/emotion-react.worker.esm.js\",\n\t\t\t\tbrowser: \"./dist/emotion-react.browser.esm.js\",\n\t\t\t\t\"default\": \"./dist/emotion-react.esm.js\"\n\t\t\t},\n\t\t\t\"import\": \"./dist/emotion-react.cjs.mjs\",\n\t\t\t\"default\": \"./dist/emotion-react.cjs.js\"\n\t\t},\n\t\t\"./jsx-runtime\": {\n\t\t\tmodule: {\n\t\t\t\tworker: \"./jsx-runtime/dist/emotion-react-jsx-runtime.worker.esm.js\",\n\t\t\t\tbrowser: \"./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js\",\n\t\t\t\t\"default\": \"./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js\"\n\t\t\t},\n\t\t\t\"import\": \"./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs\",\n\t\t\t\"default\": \"./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js\"\n\t\t},\n\t\t\"./_isolated-hnrs\": {\n\t\t\tmodule: {\n\t\t\t\tworker: \"./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.worker.esm.js\",\n\t\t\t\tbrowser: \"./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js\",\n\t\t\t\t\"default\": \"./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js\"\n\t\t\t},\n\t\t\t\"import\": \"./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs\",\n\t\t\t\"default\": \"./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js\"\n\t\t},\n\t\t\"./jsx-dev-runtime\": {\n\t\t\tmodule: {\n\t\t\t\tworker: \"./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.worker.esm.js\",\n\t\t\t\tbrowser: \"./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js\",\n\t\t\t\t\"default\": \"./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js\"\n\t\t\t},\n\t\t\t\"import\": \"./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs\",\n\t\t\t\"default\": \"./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js\"\n\t\t},\n\t\t\"./package.json\": \"./package.json\",\n\t\t\"./types/css-prop\": \"./types/css-prop.d.ts\",\n\t\t\"./macro\": {\n\t\t\ttypes: {\n\t\t\t\t\"import\": \"./macro.d.mts\",\n\t\t\t\t\"default\": \"./macro.d.ts\"\n\t\t\t},\n\t\t\t\"default\": \"./macro.js\"\n\t\t}\n\t},\n\ttypes: \"types/index.d.ts\",\n\tfiles: [\n\t\t\"src\",\n\t\t\"dist\",\n\t\t\"jsx-runtime\",\n\t\t\"jsx-dev-runtime\",\n\t\t\"_isolated-hnrs\",\n\t\t\"types/*.d.ts\",\n\t\t\"macro.*\"\n\t],\n\tsideEffects: false,\n\tauthor: \"Emotion Contributors\",\n\tlicense: \"MIT\",\n\tscripts: {\n\t\t\"test:typescript\": \"dtslint types\"\n\t},\n\tdependencies: {\n\t\t\"@babel/runtime\": \"^7.18.3\",\n\t\t\"@emotion/babel-plugin\": \"^11.11.0\",\n\t\t\"@emotion/cache\": \"^11.11.0\",\n\t\t\"@emotion/serialize\": \"^1.1.2\",\n\t\t\"@emotion/use-insertion-effect-with-fallbacks\": \"^1.0.1\",\n\t\t\"@emotion/utils\": \"^1.2.1\",\n\t\t\"@emotion/weak-memoize\": \"^0.3.1\",\n\t\t\"hoist-non-react-statics\": \"^3.3.1\"\n\t},\n\tpeerDependencies: {\n\t\treact: \">=16.8.0\"\n\t},\n\tpeerDependenciesMeta: {\n\t\t\"@types/react\": {\n\t\t\toptional: true\n\t\t}\n\t},\n\tdevDependencies: {\n\t\t\"@definitelytyped/dtslint\": \"0.0.112\",\n\t\t\"@emotion/css\": \"11.11.0\",\n\t\t\"@emotion/css-prettifier\": \"1.1.3\",\n\t\t\"@emotion/server\": \"11.11.0\",\n\t\t\"@emotion/styled\": \"11.11.0\",\n\t\t\"html-tag-names\": \"^1.1.2\",\n\t\treact: \"16.14.0\",\n\t\t\"svg-tag-names\": \"^1.1.1\",\n\t\ttypescript: \"^4.5.5\"\n\t},\n\trepository: \"https://github.com/emotion-js/emotion/tree/main/packages/react\",\n\tpublishConfig: {\n\t\taccess: \"public\"\n\t},\n\t\"umd:main\": \"dist/emotion-react.umd.min.js\",\n\tpreconstruct: {\n\t\tentrypoints: [\n\t\t\t\"./index.js\",\n\t\t\t\"./jsx-runtime.js\",\n\t\t\t\"./jsx-dev-runtime.js\",\n\t\t\t\"./_isolated-hnrs.js\"\n\t\t],\n\t\tumdName: \"emotionReact\",\n\t\texports: {\n\t\t\tenvConditions: [\n\t\t\t\t\"browser\",\n\t\t\t\t\"worker\"\n\t\t\t],\n\t\t\textra: {\n\t\t\t\t\"./types/css-prop\": \"./types/css-prop.d.ts\",\n\t\t\t\t\"./macro\": {\n\t\t\t\t\ttypes: {\n\t\t\t\t\t\t\"import\": \"./macro.d.mts\",\n\t\t\t\t\t\t\"default\": \"./macro.d.ts\"\n\t\t\t\t\t},\n\t\t\t\t\t\"default\": \"./macro.js\"\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n};\n\nvar jsx = function jsx(type, props) {\n  var args = arguments;\n\n  if (props == null || !hasOwnProperty.call(props, 'css')) {\n    // $FlowFixMe\n    return React.createElement.apply(undefined, args);\n  }\n\n  var argsLength = args.length;\n  var createElementArgArray = new Array(argsLength);\n  createElementArgArray[0] = Emotion;\n  createElementArgArray[1] = createEmotionProps(type, props);\n\n  for (var i = 2; i < argsLength; i++) {\n    createElementArgArray[i] = args[i];\n  } // $FlowFixMe\n\n\n  return React.createElement.apply(null, createElementArgArray);\n};\n\nvar warnedAboutCssPropForGlobal = false; // maintain place over rerenders.\n// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild\n// initial client-side render from SSR, use place of hydrating tag\n\nvar Global = /* #__PURE__ */withEmotionCache(function (props, cache) {\n  if (process.env.NODE_ENV !== 'production' && !warnedAboutCssPropForGlobal && ( // check for className as well since the user is\n  // probably using the custom createElement which\n  // means it will be turned into a className prop\n  // $FlowFixMe I don't really want to add it to the type since it shouldn't be used\n  props.className || props.css)) {\n    console.error(\"It looks like you're using the css prop on Global, did you mean to use the styles prop instead?\");\n    warnedAboutCssPropForGlobal = true;\n  }\n\n  var styles = props.styles;\n  var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext));\n\n  if (!isBrowser$1) {\n    var _ref;\n\n    var serializedNames = serialized.name;\n    var serializedStyles = serialized.styles;\n    var next = serialized.next;\n\n    while (next !== undefined) {\n      serializedNames += ' ' + next.name;\n      serializedStyles += next.styles;\n      next = next.next;\n    }\n\n    var shouldCache = cache.compat === true;\n    var rules = cache.insert(\"\", {\n      name: serializedNames,\n      styles: serializedStyles\n    }, cache.sheet, shouldCache);\n\n    if (shouldCache) {\n      return null;\n    }\n\n    return /*#__PURE__*/React.createElement(\"style\", (_ref = {}, _ref[\"data-emotion\"] = cache.key + \"-global \" + serializedNames, _ref.dangerouslySetInnerHTML = {\n      __html: rules\n    }, _ref.nonce = cache.sheet.nonce, _ref));\n  } // yes, i know these hooks are used conditionally\n  // but it is based on a constant that will never change at runtime\n  // it's effectively like having two implementations and switching them out\n  // so it's not actually breaking anything\n\n\n  var sheetRef = React.useRef();\n  useInsertionEffectWithLayoutFallback(function () {\n    var key = cache.key + \"-global\"; // use case of https://github.com/emotion-js/emotion/issues/2675\n\n    var sheet = new cache.sheet.constructor({\n      key: key,\n      nonce: cache.sheet.nonce,\n      container: cache.sheet.container,\n      speedy: cache.sheet.isSpeedy\n    });\n    var rehydrating = false; // $FlowFixMe\n\n    var node = document.querySelector(\"style[data-emotion=\\\"\" + key + \" \" + serialized.name + \"\\\"]\");\n\n    if (cache.sheet.tags.length) {\n      sheet.before = cache.sheet.tags[0];\n    }\n\n    if (node !== null) {\n      rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other <Global/>s\n\n      node.setAttribute('data-emotion', key);\n      sheet.hydrate([node]);\n    }\n\n    sheetRef.current = [sheet, rehydrating];\n    return function () {\n      sheet.flush();\n    };\n  }, [cache]);\n  useInsertionEffectWithLayoutFallback(function () {\n    var sheetRefCurrent = sheetRef.current;\n    var sheet = sheetRefCurrent[0],\n        rehydrating = sheetRefCurrent[1];\n\n    if (rehydrating) {\n      sheetRefCurrent[1] = false;\n      return;\n    }\n\n    if (serialized.next !== undefined) {\n      // insert keyframes\n      insertStyles(cache, serialized.next, true);\n    }\n\n    if (sheet.tags.length) {\n      // if this doesn't exist then it will be null so the style element will be appended\n      var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;\n      sheet.before = element;\n      sheet.flush();\n    }\n\n    cache.insert(\"\", serialized, sheet, false);\n  }, [cache, serialized.name]);\n  return null;\n});\n\nif (process.env.NODE_ENV !== 'production') {\n  Global.displayName = 'EmotionGlobal';\n}\n\nfunction css() {\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n\n  return serializeStyles(args);\n}\n\nvar keyframes = function keyframes() {\n  var insertable = css.apply(void 0, arguments);\n  var name = \"animation-\" + insertable.name; // $FlowFixMe\n\n  return {\n    name: name,\n    styles: \"@keyframes \" + name + \"{\" + insertable.styles + \"}\",\n    anim: 1,\n    toString: function toString() {\n      return \"_EMO_\" + this.name + \"_\" + this.styles + \"_EMO_\";\n    }\n  };\n};\n\nvar classnames = function classnames(args) {\n  var len = args.length;\n  var i = 0;\n  var cls = '';\n\n  for (; i < len; i++) {\n    var arg = args[i];\n    if (arg == null) continue;\n    var toAdd = void 0;\n\n    switch (typeof arg) {\n      case 'boolean':\n        break;\n\n      case 'object':\n        {\n          if (Array.isArray(arg)) {\n            toAdd = classnames(arg);\n          } else {\n            if (process.env.NODE_ENV !== 'production' && arg.styles !== undefined && arg.name !== undefined) {\n              console.error('You have passed styles created with `css` from `@emotion/react` package to the `cx`.\\n' + '`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component.');\n            }\n\n            toAdd = '';\n\n            for (var k in arg) {\n              if (arg[k] && k) {\n                toAdd && (toAdd += ' ');\n                toAdd += k;\n              }\n            }\n          }\n\n          break;\n        }\n\n      default:\n        {\n          toAdd = arg;\n        }\n    }\n\n    if (toAdd) {\n      cls && (cls += ' ');\n      cls += toAdd;\n    }\n  }\n\n  return cls;\n};\n\nfunction merge(registered, css, className) {\n  var registeredStyles = [];\n  var rawClassName = getRegisteredStyles(registered, registeredStyles, className);\n\n  if (registeredStyles.length < 2) {\n    return className;\n  }\n\n  return rawClassName + css(registeredStyles);\n}\n\nvar Insertion = function Insertion(_ref) {\n  var cache = _ref.cache,\n      serializedArr = _ref.serializedArr;\n  useInsertionEffectAlwaysWithSyncFallback(function () {\n\n    for (var i = 0; i < serializedArr.length; i++) {\n      insertStyles(cache, serializedArr[i], false);\n    }\n  });\n\n  return null;\n};\n\nvar ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {\n  var hasRendered = false;\n  var serializedArr = [];\n\n  var css = function css() {\n    if (hasRendered && process.env.NODE_ENV !== 'production') {\n      throw new Error('css can only be used during render');\n    }\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    var serialized = serializeStyles(args, cache.registered);\n    serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`\n\n    registerStyles(cache, serialized, false);\n    return cache.key + \"-\" + serialized.name;\n  };\n\n  var cx = function cx() {\n    if (hasRendered && process.env.NODE_ENV !== 'production') {\n      throw new Error('cx can only be used during render');\n    }\n\n    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n      args[_key2] = arguments[_key2];\n    }\n\n    return merge(cache.registered, css, classnames(args));\n  };\n\n  var content = {\n    css: css,\n    cx: cx,\n    theme: React.useContext(ThemeContext)\n  };\n  var ele = props.children(content);\n  hasRendered = true;\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {\n    cache: cache,\n    serializedArr: serializedArr\n  }), ele);\n});\n\nif (process.env.NODE_ENV !== 'production') {\n  ClassNames.displayName = 'EmotionClassNames';\n}\n\nif (process.env.NODE_ENV !== 'production') {\n  var isBrowser = \"object\" !== 'undefined'; // #1727, #2905 for some reason Jest and Vitest evaluate modules twice if some consuming module gets mocked\n\n  var isTestEnv = typeof jest !== 'undefined' || typeof vi !== 'undefined';\n\n  if (isBrowser && !isTestEnv) {\n    // globalThis has wide browser support - https://caniuse.com/?search=globalThis, Node.js 12 and later\n    var globalContext = // $FlowIgnore\n    typeof globalThis !== 'undefined' ? globalThis // eslint-disable-line no-undef\n    : isBrowser ? window : global;\n    var globalKey = \"__EMOTION_REACT_\" + pkg.version.split('.')[0] + \"__\";\n\n    if (globalContext[globalKey]) {\n      console.warn('You are loading @emotion/react when it is already loaded. Running ' + 'multiple instances may cause problems. This can happen if multiple ' + 'versions are used, or if multiple builds of the same version are ' + 'used.');\n    }\n\n    globalContext[globalKey] = true;\n  }\n}\n\nexport { ClassNames, Global, jsx as createElement, css, jsx, keyframes };\n"],"names":["pkg","jsx","type","props","args","hasOwnProperty","React","argsLength","createElementArgArray","Emotion","createEmotionProps","i","warnedAboutCssPropForGlobal","Global","withEmotionCache","cache","styles","serialized","serializeStyles","ThemeContext","sheetRef","useInsertionEffectWithLayoutFallback","key","sheet","rehydrating","node","sheetRefCurrent","insertStyles","element","classnames","len","cls","arg","toAdd","k","merge","registered","css","className","registeredStyles","rawClassName","getRegisteredStyles","Insertion","_ref","serializedArr","useInsertionEffectAlwaysWithSyncFallback","ClassNames","hasRendered","_len","_key","registerStyles","cx","_len2","_key2","content","ele","isBrowser","isTestEnv","globalContext","globalKey"],"mappings":"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","x_google_ignoreList":[0]}