@selfdecode/sd-component-library 4.0.6 → 4.0.7-3.2

package/lib/sd-component-library280.js

@@ -0,0 +1,154 @@
+const e = "@emotion/react", s = "11.11.1", t = "dist/emotion-react.cjs.js", o = "dist/emotion-react.esm.js", r = {
+  "./dist/emotion-react.esm.js": "./dist/emotion-react.browser.esm.js"
+}, i = {
+  ".": {
+    module: {
+      worker: "./dist/emotion-react.worker.esm.js",
+      browser: "./dist/emotion-react.browser.esm.js",
+      default: "./dist/emotion-react.esm.js"
+    },
+    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"
+  }
+}, n = "types/index.d.ts", m = [
+  "src",
+  "dist",
+  "jsx-runtime",
+  "jsx-dev-runtime",
+  "_isolated-hnrs",
+  "types/*.d.ts",
+  "macro.*"
+], c = !1, d = "Emotion Contributors", a = "MIT", j = {
+  "test:typescript": "dtslint types"
+}, p = {
+  "@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"
+}, u = {
+  react: ">=16.8.0"
+}, l = {
+  "@types/react": {
+    optional: !0
+  }
+}, x = {
+  "@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"
+}, f = "https://github.com/emotion-js/emotion/tree/main/packages/react", h = {
+  access: "public"
+}, w = {
+  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"
+      }
+    }
+  }
+}, b = {
+  name: e,
+  version: s,
+  main: t,
+  module: o,
+  browser: r,
+  exports: i,
+  types: n,
+  files: m,
+  sideEffects: c,
+  author: d,
+  license: a,
+  scripts: j,
+  dependencies: p,
+  peerDependencies: u,
+  peerDependenciesMeta: l,
+  devDependencies: x,
+  repository: f,
+  publishConfig: h,
+  "umd:main": "dist/emotion-react.umd.min.js",
+  preconstruct: w
+};
+export {
+  d as author,
+  r as browser,
+  b as default,
+  p as dependencies,
+  x as devDependencies,
+  i as exports,
+  m as files,
+  a as license,
+  t as main,
+  o as module,
+  e as name,
+  u as peerDependencies,
+  l as peerDependenciesMeta,
+  w as preconstruct,
+  h as publishConfig,
+  f as repository,
+  j as scripts,
+  c as sideEffects,
+  n as types,
+  s as version
+};
+//# sourceMappingURL=sd-component-library280.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library280.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/sd-component-library281.js

@@ -0,0 +1,17 @@
+import { css as e } from "./sd-component-library284.js";
+const f = (t) => (n) => {
+  const s = e(t.sx)(n), c = typeof t.css == "function" ? t.css(n) : t.css;
+  return [s, c];
+};
+function u(t) {
+  if (!t || !t.sx && !t.css)
+    return t;
+  const n = {};
+  for (let s in t)
+    s !== "sx" && (n[s] = t[s]);
+  return n.css = f(t), n;
+}
+export {
+  u as p
+};
+//# sourceMappingURL=sd-component-library281.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library281.js","sources":["../node_modules/@theme-ui/core/dist/parseProps-780b287c.browser.esm.js"],"sourcesContent":["import { css } from '@theme-ui/css';\n\nconst getCSS = props => theme => {\n  const styles = css(props.sx)(theme);\n  const raw = typeof props.css === 'function' ? props.css(theme) : props.css;\n  return [styles, raw];\n};\nfunction parseProps(props) {\n  if (!props || !props.sx && !props.css) return props;\n  const next = {};\n  for (let key in props) {\n    if (key === 'sx') continue;\n    next[key] = props[key];\n  }\n  next.css = getCSS(props);\n  return next;\n}\n\nexport { parseProps as p };\n"],"names":["getCSS","props","theme","styles","css","raw","parseProps","next","key"],"mappings":";AAEA,MAAMA,IAAS,CAAAC,MAAS,CAAAC,MAAS;AAC/B,QAAMC,IAASC,EAAIH,EAAM,EAAE,EAAEC,CAAK,GAC5BG,IAAM,OAAOJ,EAAM,OAAQ,aAAaA,EAAM,IAAIC,CAAK,IAAID,EAAM;AACvE,SAAO,CAACE,GAAQE,CAAG;AACrB;AACA,SAASC,EAAWL,GAAO;AACzB,MAAI,CAACA,KAAS,CAACA,EAAM,MAAM,CAACA,EAAM;AAAK,WAAOA;AAC9C,QAAMM,IAAO,CAAA;AACb,WAASC,KAAOP;AACd,IAAIO,MAAQ,SACZD,EAAKC,CAAG,IAAIP,EAAMO,CAAG;AAEvB,SAAAD,EAAK,MAAMP,EAAOC,CAAK,GAChBM;AACT;","x_google_ignoreList":[0]}

package/lib/sd-component-library282.js

@@ -0,0 +1,94 @@
+import * as i from "react";
+import { forwardRef as p, useContext as O } from "react";
+import S from "./sd-component-library314.js";
+import { getRegisteredStyles as C, registerStyles as P, insertStyles as T } from "./sd-component-library301.js";
+import { serializeStyles as E } from "./sd-component-library303.js";
+import { useInsertionEffectAlwaysWithSyncFallback as w } from "./sd-component-library302.js";
+var N = {}.hasOwnProperty, d = /* @__PURE__ */ i.createContext(
+  // we're doing this to avoid preconstruct's dead code elimination in this one case
+  // because this module is primarily intended for the browser and node
+  // but it's also required in react native and similar environments sometimes
+  // and we could have a special build just for that
+  // but this is much easier and the native packages
+  // might use a different theme context in the future anyway
+  typeof HTMLElement < "u" ? /* @__PURE__ */ S({
+    key: "css"
+  }) : null
+);
+process.env.NODE_ENV !== "production" && (d.displayName = "EmotionCacheContext");
+d.Provider;
+var y = function(t) {
+  return /* @__PURE__ */ p(function(e, r) {
+    var a = O(d);
+    return t(e, a, r);
+  });
+}, _ = /* @__PURE__ */ i.createContext({});
+process.env.NODE_ENV !== "production" && (_.displayName = "EmotionThemeContext");
+var g = function(t) {
+  var e = t.split(".");
+  return e[e.length - 1];
+}, x = function(t) {
+  var e = /^\s+at\s+([A-Za-z0-9$.]+)\s/.exec(t);
+  if (e || (e = /^([A-Za-z0-9$.]+)@/.exec(t), e))
+    return g(e[1]);
+}, L = /* @__PURE__ */ new Set(["renderWithHooks", "processChild", "finishClassComponent", "renderToString"]), z = function(t) {
+  return t.replace(/\$/g, "-");
+}, D = function(t) {
+  if (t)
+    for (var e = t.split(`
+`), r = 0; r < e.length; r++) {
+      var a = x(e[r]);
+      if (a) {
+        if (L.has(a))
+          break;
+        if (/^[A-Z]/.test(a))
+          return z(a);
+      }
+    }
+}, m = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", u = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", $ = function(t, e) {
+  if (process.env.NODE_ENV !== "production" && typeof e.css == "string" && // check if there is a css declaration
+  e.css.indexOf(":") !== -1)
+    throw new Error("Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`" + e.css + "`");
+  var r = {};
+  for (var a in e)
+    N.call(e, a) && (r[a] = e[a]);
+  if (r[m] = t, process.env.NODE_ENV !== "production" && e.css && (typeof e.css != "object" || typeof e.css.name != "string" || e.css.name.indexOf("-") === -1)) {
+    var o = D(new Error().stack);
+    o && (r[u] = o);
+  }
+  return r;
+}, F = function(t) {
+  var e = t.cache, r = t.serialized, a = t.isStringTag;
+  return P(e, r, a), w(function() {
+    return T(e, r, a);
+  }), null;
+}, h = /* @__PURE__ */ y(function(n, t, e) {
+  var r = n.css;
+  typeof r == "string" && t.registered[r] !== void 0 && (r = t.registered[r]);
+  var a = n[m], o = [r], f = "";
+  typeof n.className == "string" ? f = C(t.registered, o, n.className) : n.className != null && (f = n.className + " ");
+  var c = E(o, void 0, i.useContext(_));
+  if (process.env.NODE_ENV !== "production" && c.name.indexOf("-") === -1) {
+    var v = n[u];
+    v && (c = E([c, "label:" + v + ";"]));
+  }
+  f += t.key + "-" + c.name;
+  var l = {};
+  for (var s in n)
+    N.call(n, s) && s !== "css" && s !== m && (process.env.NODE_ENV === "production" || s !== u) && (l[s] = n[s]);
+  return l.ref = e, l.className = f, /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(F, {
+    cache: t,
+    serialized: c,
+    isStringTag: typeof a == "string"
+  }), /* @__PURE__ */ i.createElement(a, l));
+});
+process.env.NODE_ENV !== "production" && (h.displayName = "EmotionCssPropInternal");
+var M = h;
+export {
+  M as E,
+  _ as T,
+  $ as c,
+  N as h,
+  y as w
+};
+//# sourceMappingURL=sd-component-library282.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library282.js","sources":["../node_modules/@emotion/react/dist/emotion-element-c39617d8.browser.esm.js"],"sourcesContent":["import * as React from 'react';\nimport { useContext, forwardRef } from 'react';\nimport createCache from '@emotion/cache';\nimport _extends from '@babel/runtime/helpers/esm/extends';\nimport weakMemoize from '@emotion/weak-memoize';\nimport hoistNonReactStatics from '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js';\nimport { getRegisteredStyles, registerStyles, insertStyles } from '@emotion/utils';\nimport { serializeStyles } from '@emotion/serialize';\nimport { useInsertionEffectAlwaysWithSyncFallback } from '@emotion/use-insertion-effect-with-fallbacks';\n\nvar isBrowser = \"object\" !== 'undefined';\nvar hasOwnProperty = {}.hasOwnProperty;\n\nvar EmotionCacheContext = /* #__PURE__ */React.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case\n// because this module is primarily intended for the browser and node\n// but it's also required in react native and similar environments sometimes\n// and we could have a special build just for that\n// but this is much easier and the native packages\n// might use a different theme context in the future anyway\ntypeof HTMLElement !== 'undefined' ? /* #__PURE__ */createCache({\n  key: 'css'\n}) : null);\n\nif (process.env.NODE_ENV !== 'production') {\n  EmotionCacheContext.displayName = 'EmotionCacheContext';\n}\n\nvar CacheProvider = EmotionCacheContext.Provider;\nvar __unsafe_useEmotionCache = function useEmotionCache() {\n  return useContext(EmotionCacheContext);\n};\n\nvar withEmotionCache = function withEmotionCache(func) {\n  // $FlowFixMe\n  return /*#__PURE__*/forwardRef(function (props, ref) {\n    // the cache will never be null in the browser\n    var cache = useContext(EmotionCacheContext);\n    return func(props, cache, ref);\n  });\n};\n\nif (!isBrowser) {\n  withEmotionCache = function withEmotionCache(func) {\n    return function (props) {\n      var cache = useContext(EmotionCacheContext);\n\n      if (cache === null) {\n        // yes, we're potentially creating this on every render\n        // it doesn't actually matter though since it's only on the server\n        // so there will only every be a single render\n        // that could change in the future because of suspense and etc. but for now,\n        // this works and i don't want to optimise for a future thing that we aren't sure about\n        cache = createCache({\n          key: 'css'\n        });\n        return /*#__PURE__*/React.createElement(EmotionCacheContext.Provider, {\n          value: cache\n        }, func(props, cache));\n      } else {\n        return func(props, cache);\n      }\n    };\n  };\n}\n\nvar ThemeContext = /* #__PURE__ */React.createContext({});\n\nif (process.env.NODE_ENV !== 'production') {\n  ThemeContext.displayName = 'EmotionThemeContext';\n}\n\nvar useTheme = function useTheme() {\n  return React.useContext(ThemeContext);\n};\n\nvar getTheme = function getTheme(outerTheme, theme) {\n  if (typeof theme === 'function') {\n    var mergedTheme = theme(outerTheme);\n\n    if (process.env.NODE_ENV !== 'production' && (mergedTheme == null || typeof mergedTheme !== 'object' || Array.isArray(mergedTheme))) {\n      throw new Error('[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!');\n    }\n\n    return mergedTheme;\n  }\n\n  if (process.env.NODE_ENV !== 'production' && (theme == null || typeof theme !== 'object' || Array.isArray(theme))) {\n    throw new Error('[ThemeProvider] Please make your theme prop a plain object');\n  }\n\n  return _extends({}, outerTheme, theme);\n};\n\nvar createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {\n  return weakMemoize(function (theme) {\n    return getTheme(outerTheme, theme);\n  });\n});\nvar ThemeProvider = function ThemeProvider(props) {\n  var theme = React.useContext(ThemeContext);\n\n  if (props.theme !== theme) {\n    theme = createCacheWithTheme(theme)(props.theme);\n  }\n\n  return /*#__PURE__*/React.createElement(ThemeContext.Provider, {\n    value: theme\n  }, props.children);\n};\nfunction withTheme(Component) {\n  var componentName = Component.displayName || Component.name || 'Component';\n\n  var render = function render(props, ref) {\n    var theme = React.useContext(ThemeContext);\n    return /*#__PURE__*/React.createElement(Component, _extends({\n      theme: theme,\n      ref: ref\n    }, props));\n  }; // $FlowFixMe\n\n\n  var WithTheme = /*#__PURE__*/React.forwardRef(render);\n  WithTheme.displayName = \"WithTheme(\" + componentName + \")\";\n  return hoistNonReactStatics(WithTheme, Component);\n}\n\nvar getLastPart = function getLastPart(functionName) {\n  // The match may be something like 'Object.createEmotionProps' or\n  // 'Loader.prototype.render'\n  var parts = functionName.split('.');\n  return parts[parts.length - 1];\n};\n\nvar getFunctionNameFromStackTraceLine = function getFunctionNameFromStackTraceLine(line) {\n  // V8\n  var match = /^\\s+at\\s+([A-Za-z0-9$.]+)\\s/.exec(line);\n  if (match) return getLastPart(match[1]); // Safari / Firefox\n\n  match = /^([A-Za-z0-9$.]+)@/.exec(line);\n  if (match) return getLastPart(match[1]);\n  return undefined;\n};\n\nvar internalReactFunctionNames = /* #__PURE__ */new Set(['renderWithHooks', 'processChild', 'finishClassComponent', 'renderToString']); // These identifiers come from error stacks, so they have to be valid JS\n// identifiers, thus we only need to replace what is a valid character for JS,\n// but not for CSS.\n\nvar sanitizeIdentifier = function sanitizeIdentifier(identifier) {\n  return identifier.replace(/\\$/g, '-');\n};\n\nvar getLabelFromStackTrace = function getLabelFromStackTrace(stackTrace) {\n  if (!stackTrace) return undefined;\n  var lines = stackTrace.split('\\n');\n\n  for (var i = 0; i < lines.length; i++) {\n    var functionName = getFunctionNameFromStackTraceLine(lines[i]); // The first line of V8 stack traces is just \"Error\"\n\n    if (!functionName) continue; // If we reach one of these, we have gone too far and should quit\n\n    if (internalReactFunctionNames.has(functionName)) break; // The component name is the first function in the stack that starts with an\n    // uppercase letter\n\n    if (/^[A-Z]/.test(functionName)) return sanitizeIdentifier(functionName);\n  }\n\n  return undefined;\n};\n\nvar typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';\nvar labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';\nvar createEmotionProps = function createEmotionProps(type, props) {\n  if (process.env.NODE_ENV !== 'production' && typeof props.css === 'string' && // check if there is a css declaration\n  props.css.indexOf(':') !== -1) {\n    throw new Error(\"Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`\" + props.css + \"`\");\n  }\n\n  var newProps = {};\n\n  for (var key in props) {\n    if (hasOwnProperty.call(props, key)) {\n      newProps[key] = props[key];\n    }\n  }\n\n  newProps[typePropName] = type; // For performance, only call getLabelFromStackTrace in development and when\n  // the label hasn't already been computed\n\n  if (process.env.NODE_ENV !== 'production' && !!props.css && (typeof props.css !== 'object' || typeof props.css.name !== 'string' || props.css.name.indexOf('-') === -1)) {\n    var label = getLabelFromStackTrace(new Error().stack);\n    if (label) newProps[labelPropName] = label;\n  }\n\n  return newProps;\n};\n\nvar Insertion = function Insertion(_ref) {\n  var cache = _ref.cache,\n      serialized = _ref.serialized,\n      isStringTag = _ref.isStringTag;\n  registerStyles(cache, serialized, isStringTag);\n  useInsertionEffectAlwaysWithSyncFallback(function () {\n    return insertStyles(cache, serialized, isStringTag);\n  });\n\n  return null;\n};\n\nvar Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {\n  var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works\n  // not passing the registered cache to serializeStyles because it would\n  // make certain babel optimisations not possible\n\n  if (typeof cssProp === 'string' && cache.registered[cssProp] !== undefined) {\n    cssProp = cache.registered[cssProp];\n  }\n\n  var WrappedComponent = props[typePropName];\n  var registeredStyles = [cssProp];\n  var className = '';\n\n  if (typeof props.className === 'string') {\n    className = getRegisteredStyles(cache.registered, registeredStyles, props.className);\n  } else if (props.className != null) {\n    className = props.className + \" \";\n  }\n\n  var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext));\n\n  if (process.env.NODE_ENV !== 'production' && serialized.name.indexOf('-') === -1) {\n    var labelFromStack = props[labelPropName];\n\n    if (labelFromStack) {\n      serialized = serializeStyles([serialized, 'label:' + labelFromStack + ';']);\n    }\n  }\n\n  className += cache.key + \"-\" + serialized.name;\n  var newProps = {};\n\n  for (var key in props) {\n    if (hasOwnProperty.call(props, key) && key !== 'css' && key !== typePropName && (process.env.NODE_ENV === 'production' || key !== labelPropName)) {\n      newProps[key] = props[key];\n    }\n  }\n\n  newProps.ref = ref;\n  newProps.className = className;\n  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {\n    cache: cache,\n    serialized: serialized,\n    isStringTag: typeof WrappedComponent === 'string'\n  }), /*#__PURE__*/React.createElement(WrappedComponent, newProps));\n});\n\nif (process.env.NODE_ENV !== 'production') {\n  Emotion.displayName = 'EmotionCssPropInternal';\n}\n\nvar Emotion$1 = Emotion;\n\nexport { CacheProvider as C, Emotion$1 as E, ThemeContext as T, __unsafe_useEmotionCache as _, ThemeProvider as a, withTheme as b, createEmotionProps as c, hasOwnProperty as h, isBrowser as i, useTheme as u, withEmotionCache as w };\n"],"names":["hasOwnProperty","EmotionCacheContext","React","createCache","withEmotionCache","func","forwardRef","props","ref","cache","useContext","ThemeContext","getLastPart","functionName","parts","getFunctionNameFromStackTraceLine","line","match","internalReactFunctionNames","sanitizeIdentifier","identifier","getLabelFromStackTrace","stackTrace","lines","i","typePropName","labelPropName","createEmotionProps","type","newProps","key","label","Insertion","_ref","serialized","isStringTag","registerStyles","useInsertionEffectAlwaysWithSyncFallback","insertStyles","Emotion","cssProp","WrappedComponent","registeredStyles","className","getRegisteredStyles","serializeStyles","labelFromStack","Emotion$1"],"mappings":"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","x_google_ignoreList":[0]}

package/lib/sd-component-library283.js

@@ -0,0 +1,270 @@
+import { useState as P, useEffect as M, useCallback as A, useMemo as b, useLayoutEffect as Q } from "react";
+import { useThemeUI as U, __ThemeUIInternalBaseThemeProvider as _, jsx as N } from "./sd-component-library277.js";
+import { get as S, css as C } from "./sd-component-library284.js";
+import { Global as G } from "./sd-component-library278.js";
+import { jsx as h, jsxs as H } from "./sd-component-library285.js";
+const x = (o) => `--theme-ui-${o.replace("-__default", "")}`, j = (o) => `var(${x(o)})`, T = (...o) => o.filter(Boolean).join("-"), W = /* @__PURE__ */ new Set(["useCustomProperties", "initialColorModeName", "printColorModeName", "initialColorMode", "useLocalStorage", "config"]), V = (o, t) => {
+  const r = Array.isArray(o) ? [] : {};
+  for (let e in o) {
+    const s = o[e], n = T(t, e);
+    if (s && typeof s == "object") {
+      r[e] = V(s, n);
+      continue;
+    }
+    if (W.has(e)) {
+      r[e] = s;
+      continue;
+    }
+    r[e] = j(n);
+  }
+  return r;
+}, p = (o, t) => {
+  let r = {};
+  for (let e in t) {
+    if (e === "modes")
+      continue;
+    const s = T(o, e), n = t[e];
+    n && typeof n == "object" ? r = {
+      ...r,
+      ...p(s, n)
+    } : r[x(s)] = n;
+  }
+  return r;
+}, Y = (o = {}) => {
+  const {
+    useCustomProperties: t,
+    initialColorModeName: r,
+    printColorModeName: e,
+    useRootStyles: s
+  } = o.config || o || {}, n = o.rawColors || o.colors;
+  if (!n || s === !1)
+    return {};
+  if (t === !1)
+    return C({
+      color: "text",
+      bg: "background"
+    })(o);
+  const a = n.modes || {}, d = R(n, a);
+  if (e) {
+    let l = a[e];
+    !l && e === r && (l = n), l ? d["@media print"] = p("colors", l) : console.error("Theme UI `printColorModeName` was not found in colors scale", {
+      colors: n,
+      printColorModeName: e
+    });
+  }
+  const c = (l) => j(`colors-${l}`);
+  return C({
+    ...d,
+    color: c("text"),
+    bg: c("background")
+  })(o);
+};
+function R(o, t) {
+  const r = p("colors", o);
+  return Object.keys(t).forEach((e) => {
+    const s = `.theme-ui-${e}`, n = `&${s}, ${s} &`;
+    r[n] = p("colors", t[e]);
+  }), r;
+}
+const L = "theme-ui-color-mode", g = "(prefers-color-scheme: dark)", B = "(prefers-color-scheme: light)", k = {
+  get: () => {
+    try {
+      return window.localStorage.getItem(L);
+    } catch (o) {
+      console.warn("localStorage is disabled and color mode might not work as expected.", "Please check your Site Settings.", o);
+    }
+  },
+  set: (o) => {
+    try {
+      window.localStorage.setItem(L, o);
+    } catch (t) {
+      console.warn("localStorage is disabled and color mode might not work as expected.", "Please check your Site Settings.", t);
+    }
+  }
+}, E = () => {
+  if (typeof window < "u" && window.matchMedia) {
+    if (window.matchMedia(g).matches)
+      return "dark";
+    if (window.matchMedia(B).matches)
+      return "light";
+  }
+  return null;
+}, $ = typeof window > "u" ? () => {
+} : Q, D = ({
+  outerCtx: o,
+  children: t
+}) => {
+  const r = o.theme || {}, {
+    initialColorModeName: e,
+    useColorSchemeMediaQuery: s,
+    useLocalStorage: n
+  } = r.config || r;
+  let [a, d] = P(() => s !== !1 && E() || e);
+  $(() => {
+    const i = n !== !1 && k.get();
+    typeof document < "u" && document.documentElement.classList.remove("theme-ui-" + i), s !== "system" && i && i !== a && (a = i, d(i));
+  }, []), M(() => {
+    a && n !== !1 && k.set(a);
+  }, [a, n]);
+  const c = A(() => {
+    const i = E();
+    d(i || e);
+  }, [e]);
+  if (M(() => {
+    if (s === "system" && window.matchMedia) {
+      const i = window.matchMedia(g);
+      typeof i.addEventListener == "function" ? i.addEventListener("change", c) : typeof i.addListener == "function" && i.addListener(c);
+    }
+    return () => {
+      if (s === "system" && window.matchMedia) {
+        const i = window.matchMedia(g);
+        typeof i.removeEventListener == "function" ? i.removeEventListener("change", c) : typeof i.removeListener == "function" && i.removeListener(c);
+      }
+    };
+  }, [s, c]), process.env.NODE_ENV !== "production") {
+    var l, u;
+    (l = r.colors) != null && l.modes && e && Object.keys(r.colors.modes).indexOf(e) > -1 && console.warn("[theme-ui] The `initialColorModeName` value should be a unique name and cannot reference a key in `theme.colors.modes`.");
+    const i = [], v = (f) => (Object.keys(f).forEach((w) => {
+      i.push(w), typeof f[w] == "object" && v(f[w]);
+    }), i);
+    v((u = r.colors) != null ? u : {}).forEach((f) => {
+      f !== f.trim() && console.warn(`[theme-ui] Key \`${f}\` in theme.colors contains leading/trailing whitespace, which can cause bugs in your project.`);
+    });
+  }
+  const m = O({
+    colorMode: a,
+    outerTheme: r
+  }), K = {
+    ...o,
+    theme: m,
+    colorMode: a,
+    setColorMode: d
+  };
+  return H(_, {
+    context: K,
+    children: [h(q, {
+      theme: m
+    }), t]
+  });
+}, y = (o) => {
+  const t = {
+    ...o
+  };
+  return delete t.modes, t;
+};
+function I(o, t) {
+  for (const [r, e] of Object.entries(o))
+    if (typeof e == "string" && !e.startsWith("var("))
+      t[r] = e;
+    else if (typeof e == "object") {
+      const s = {
+        ...t[r]
+      };
+      I(e, s), t[r] = s;
+    }
+}
+function O({
+  outerTheme: o,
+  colorMode: t
+}) {
+  return b(() => {
+    const e = {
+      ...o
+    }, s = S(e, "colors.modes", {}), n = S(s, t, {});
+    t && (e.colors = {
+      ...e.colors,
+      ...n
+    });
+    const {
+      useCustomProperties: a,
+      initialColorModeName: d = "__default"
+    } = o.config || o;
+    let c = o.rawColors || o.colors || {};
+    if (a !== !1) {
+      const l = e.rawColors != null, u = e.colors || {};
+      if (l)
+        c = {
+          ...c
+        }, I(u, c), c.modes && (c.modes[d] = y(c)), e.rawColors = c;
+      else if (!("modes" in c))
+        e.rawColors = u;
+      else {
+        const m = {
+          [d]: y(c),
+          ...c.modes
+        };
+        e.rawColors = {
+          ...u,
+          modes: m
+        };
+      }
+      e.colors = V(y(c), "colors");
+    }
+    return e;
+  }, [t, o]);
+}
+function q({
+  theme: o
+}) {
+  return N(G, {
+    styles: () => ({
+      html: Y(o)
+    })
+  });
+}
+function z({
+  outerCtx: o,
+  children: t
+}) {
+  var r;
+  const e = O({
+    outerTheme: o.theme,
+    colorMode: o.colorMode
+  }), [s, n] = P(
+    // Note: we could also check some "ssr-enabled" flag as an optimization for
+    // SPAs, as deeply nested theme providers will also pay a performance penalty
+    // for this SSR bug fix
+    () => {
+      var l;
+      return ((l = e.config) == null ? void 0 : l.useLocalStorage) !== !1;
+    }
+  );
+  $(() => void n(!1), []);
+  const a = e.rawColors || e.colors, d = (r = e.config) == null ? void 0 : r.useCustomProperties, c = b(() => {
+    if (d === !1)
+      return {};
+    const l = a || {};
+    return C(R(l, l.modes || {}))(e);
+  }, [e, a, d]);
+  return h(_, {
+    context: {
+      ...o,
+      theme: e
+    },
+    children: N("div", {
+      "data-themeui-nested-provider": !0,
+      // the key here ensures that children will be rerendered after color
+      // mode is read from localStorage
+      key: Number(s),
+      suppressHydrationWarning: !0,
+      css: c,
+      children: t
+    })
+  });
+}
+const oe = ({
+  children: o
+}) => {
+  const t = U();
+  return typeof t.setColorMode != "function" ? h(D, {
+    outerCtx: t,
+    children: o
+  }) : h(z, {
+    outerCtx: t,
+    children: o
+  });
+};
+export {
+  oe as ColorModeProvider
+};
+//# sourceMappingURL=sd-component-library283.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library283.js","sources":["../node_modules/@theme-ui/color-modes/dist/theme-ui-color-modes.esm.js"],"sourcesContent":["import { useState, useEffect, useCallback, useMemo, useLayoutEffect } from 'react';\nimport { useThemeUI, jsx as jsx$1, __ThemeUIInternalBaseThemeProvider } from '@theme-ui/core';\nimport { css, get } from '@theme-ui/css';\nimport { Global } from '@emotion/react';\nimport { jsx, jsxs } from '@theme-ui/core/jsx-runtime';\n\nconst toVarName = key => `--theme-ui-${key.replace('-__default', '')}`;\nconst toVarValue = key => `var(${toVarName(key)})`;\nconst join = (...args) => args.filter(Boolean).join('-');\nconst reservedKeys = new Set(['useCustomProperties', 'initialColorModeName', 'printColorModeName', 'initialColorMode', 'useLocalStorage', 'config']);\n\n// convert theme values to custom properties\nconst toCustomProperties = (obj, parent) => {\n  const next = Array.isArray(obj) ? [] : {};\n  for (let key in obj) {\n    const value = obj[key];\n    const name = join(parent, key);\n    if (value && typeof value === 'object') {\n      next[key] = toCustomProperties(value, name);\n      continue;\n    }\n    if (reservedKeys.has(key)) {\n      next[key] = value;\n      continue;\n    }\n    next[key] = toVarValue(name);\n  }\n  return next;\n};\n\n/**\n * @internal\n * Recursively transforms an object into CSS variables excluding \"modes\" key.\n */\nconst __objectToVars = (parent, obj) => {\n  let vars = {};\n  for (let key in obj) {\n    if (key === 'modes') continue;\n    const name = join(parent, key);\n    const value = obj[key];\n    if (value && typeof value === 'object') {\n      vars = {\n        ...vars,\n        ...__objectToVars(name, value)\n      };\n    } else {\n      vars[toVarName(name)] = value;\n    }\n  }\n  return vars;\n};\n\n/**\n * @internal\n * Creates root styles for color modes.\n * - Transforms color scale into CSS variables.\n * - Sets background and text color.\n */\nconst __createColorStyles = (theme = {}) => {\n  const {\n    useCustomProperties,\n    initialColorModeName,\n    printColorModeName,\n    useRootStyles\n  } = theme.config || theme || {};\n  const colors = theme.rawColors || theme.colors;\n  if (!colors || useRootStyles === false) return {};\n  if (useCustomProperties === false) {\n    return css({\n      color: 'text',\n      bg: 'background'\n    })(theme);\n  }\n  const modes = colors.modes || {};\n  const styles = __createColorProperties(colors, modes);\n  if (printColorModeName) {\n    let printMode = modes[printColorModeName];\n    if (!printMode && printColorModeName === initialColorModeName) printMode = colors;\n    if (printMode) {\n      styles['@media print'] = __objectToVars('colors', printMode);\n    } else {\n      console.error(`Theme UI \\`printColorModeName\\` was not found in colors scale`, {\n        colors,\n        printColorModeName\n      });\n    }\n  }\n  const colorToVarValue = color => toVarValue(`colors-${color}`);\n  return css({\n    ...styles,\n    color: colorToVarValue('text'),\n    bg: colorToVarValue('background')\n  })(theme);\n};\n\n/**\n * @internal\n * Returns an object with colors turned into Custom CSS Properties and\n * .theme-ui-<colormode> classes used for no-flash serverside rendering.\n */\nfunction __createColorProperties(colors, modes) {\n  const styles = __objectToVars('colors', colors);\n  Object.keys(modes).forEach(mode => {\n    const className = `.theme-ui-${mode}`;\n    const key = `&${className}, ${className} &`;\n    styles[key] = __objectToVars('colors', modes[mode]);\n  });\n  return styles;\n}\n\nconst STORAGE_KEY = 'theme-ui-color-mode';\nconst DARK_QUERY = '(prefers-color-scheme: dark)';\nconst LIGHT_QUERY = '(prefers-color-scheme: light)';\nconst storage = {\n  get: () => {\n    try {\n      return window.localStorage.getItem(STORAGE_KEY);\n    } catch (err) {\n      console.warn('localStorage is disabled and color mode might not work as expected.', 'Please check your Site Settings.', err);\n    }\n  },\n  set: value => {\n    try {\n      window.localStorage.setItem(STORAGE_KEY, value);\n    } catch (err) {\n      console.warn('localStorage is disabled and color mode might not work as expected.', 'Please check your Site Settings.', err);\n    }\n  }\n};\nconst getPreferredColorScheme = () => {\n  if (typeof window !== 'undefined' && window.matchMedia) {\n    if (window.matchMedia(DARK_QUERY).matches) {\n      return 'dark';\n    }\n    if (window.matchMedia(LIGHT_QUERY).matches) {\n      return 'light';\n    }\n  }\n  return null;\n};\nconst useClientsideEffect = typeof window === 'undefined' ? () => {} : useLayoutEffect;\nconst TopLevelColorModeProvider = ({\n  outerCtx,\n  children\n}) => {\n  const outerTheme = outerCtx.theme || {};\n  const {\n    initialColorModeName,\n    useColorSchemeMediaQuery,\n    useLocalStorage\n  } = outerTheme.config || outerTheme;\n  let [colorMode, setColorMode] = useState(() => {\n    const preferredMode = useColorSchemeMediaQuery !== false && getPreferredColorScheme();\n    return preferredMode || initialColorModeName;\n  });\n\n  // on first render, we read the color mode from localStorage and\n  // clear the class on document element body\n  useClientsideEffect(() => {\n    const stored = useLocalStorage !== false && storage.get();\n    if (typeof document !== 'undefined') {\n      document.documentElement.classList.remove('theme-ui-' + stored);\n    }\n    if (useColorSchemeMediaQuery !== 'system' && stored && stored !== colorMode) {\n      colorMode = stored;\n      setColorMode(stored);\n    }\n  }, []);\n\n  // when mode changes, we save it to localStorage\n  useEffect(() => {\n    if (colorMode && useLocalStorage !== false) {\n      storage.set(colorMode);\n    }\n  }, [colorMode, useLocalStorage]);\n  const setPreferredColorScheme = useCallback(() => {\n    const preferredColorScheme = getPreferredColorScheme();\n    setColorMode(preferredColorScheme || initialColorModeName);\n  }, [initialColorModeName]);\n  useEffect(() => {\n    if (useColorSchemeMediaQuery === 'system' && window.matchMedia) {\n      // It doesn't matter if we add the listener only to the dark media query\n      // Because in our callback function we'll check for both media queries (light and dark).\n      const darkMQL = window.matchMedia(DARK_QUERY);\n      if (typeof darkMQL.addEventListener === 'function') {\n        darkMQL.addEventListener('change', setPreferredColorScheme);\n      } else if (typeof darkMQL.addListener === 'function') {\n        darkMQL.addListener(setPreferredColorScheme);\n      }\n    }\n    return () => {\n      if (useColorSchemeMediaQuery === 'system' && window.matchMedia) {\n        const darkMQL = window.matchMedia(DARK_QUERY);\n        if (typeof darkMQL.removeEventListener === 'function') {\n          darkMQL.removeEventListener('change', setPreferredColorScheme);\n        } else if (typeof darkMQL.removeListener === 'function') {\n          darkMQL.removeListener(setPreferredColorScheme);\n        }\n      }\n    };\n  }, [useColorSchemeMediaQuery, setPreferredColorScheme]);\n  if (process.env.NODE_ENV !== 'production') {\n    var _outerTheme$colors, _outerTheme$colors2;\n    if ((_outerTheme$colors = outerTheme.colors) != null && _outerTheme$colors.modes && initialColorModeName && Object.keys(outerTheme.colors.modes).indexOf(initialColorModeName) > -1) {\n      console.warn('[theme-ui] The `initialColorModeName` value should be a unique name' + ' and cannot reference a key in `theme.colors.modes`.');\n    }\n    const allColorKeys = [];\n    const flattenKeys = obj => {\n      Object.keys(obj).forEach(key => {\n        allColorKeys.push(key);\n        if (typeof obj[key] === 'object') {\n          flattenKeys(obj[key]);\n        }\n      });\n      return allColorKeys;\n    };\n    flattenKeys((_outerTheme$colors2 = outerTheme.colors) != null ? _outerTheme$colors2 : {}).forEach(color => {\n      if (color !== color.trim()) {\n        console.warn(`[theme-ui] Key \\`${color}\\` in theme.colors contains leading/trailing ` + 'whitespace, which can cause bugs in your project.');\n      }\n    });\n  }\n  const newTheme = useThemeWithAppliedColorMode({\n    colorMode,\n    outerTheme\n  });\n  const newCtx = {\n    ...outerCtx,\n    theme: newTheme,\n    colorMode,\n    setColorMode\n  };\n  return jsxs(__ThemeUIInternalBaseThemeProvider, {\n    context: newCtx,\n    children: [jsx(GlobalColorStyles, {\n      theme: newTheme\n    }), children]\n  });\n};\nfunction useColorMode() {\n  const {\n    colorMode,\n    setColorMode\n  } = useThemeUI();\n  if (typeof setColorMode !== 'function') {\n    throw new Error(`[useColorMode] requires the ColorModeProvider component`);\n  }\n\n  // We're allowing the user to specify a narrower type for its color mode name.\n  return [colorMode, setColorMode];\n}\nconst omitModes = colors => {\n  const res = {\n    ...colors\n  };\n  delete res.modes;\n  return res;\n};\nfunction copyRawColors(colors, outerThemeRawColors) {\n  for (const [key, value] of Object.entries(colors)) {\n    if (typeof value === 'string' && !value.startsWith('var(')) {\n      outerThemeRawColors[key] = value;\n    } else if (typeof value === 'object') {\n      const newValue = {\n        ...outerThemeRawColors[key]\n      };\n      copyRawColors(value, newValue);\n      outerThemeRawColors[key] = newValue;\n    }\n  }\n}\nfunction useThemeWithAppliedColorMode({\n  outerTheme,\n  colorMode\n}) {\n  const theme = useMemo(() => {\n    const res = {\n      ...outerTheme\n    };\n    const modes = get(res, 'colors.modes', {});\n    const currentColorMode = get(modes, colorMode, {});\n    if (colorMode) {\n      res.colors = {\n        ...res.colors,\n        ...currentColorMode\n      };\n    }\n    const {\n      useCustomProperties,\n      initialColorModeName = '__default'\n    } = outerTheme.config || outerTheme;\n    let outerThemeRawColors = outerTheme.rawColors || outerTheme.colors || {};\n    if (useCustomProperties !== false) {\n      const alreadyHasRawColors = res.rawColors != null;\n      const colors = res.colors || {};\n      if (alreadyHasRawColors) {\n        outerThemeRawColors = {\n          ...outerThemeRawColors\n        };\n        copyRawColors(colors, outerThemeRawColors);\n        if (outerThemeRawColors.modes) {\n          outerThemeRawColors.modes[initialColorModeName] = omitModes(outerThemeRawColors);\n        }\n        res.rawColors = outerThemeRawColors;\n      } else {\n        if (!('modes' in outerThemeRawColors)) {\n          res.rawColors = colors;\n        } else {\n          const modes = {\n            [initialColorModeName]: omitModes(outerThemeRawColors),\n            ...outerThemeRawColors.modes\n          };\n          res.rawColors = {\n            ...colors,\n            modes\n          }; /* modes doesn't match index signature by design */\n        }\n      }\n\n      res.colors = toCustomProperties(omitModes(outerThemeRawColors), 'colors');\n    }\n    return res;\n  }, [colorMode, outerTheme]);\n  return theme;\n}\nfunction GlobalColorStyles({\n  theme\n}) {\n  return jsx$1(Global, {\n    styles: () => {\n      return {\n        html: __createColorStyles(theme)\n      };\n    }\n  });\n}\nfunction NestedColorModeProvider({\n  outerCtx,\n  children\n}) {\n  var _newTheme$config2;\n  const newTheme = useThemeWithAppliedColorMode({\n    outerTheme: outerCtx.theme,\n    colorMode: outerCtx.colorMode\n  });\n\n  // Nested theme providers need to be rerendered after hydration for the correct\n  // color mode to apply.\n  const [needsRerender, setNeedsRerender] = useState(\n  // Note: we could also check some \"ssr-enabled\" flag as an optimization for\n  // SPAs, as deeply nested theme providers will also pay a performance penalty\n  // for this SSR bug fix\n  () => {\n    var _newTheme$config;\n    return ((_newTheme$config = newTheme.config) == null ? void 0 : _newTheme$config.useLocalStorage) !== false;\n  });\n  useClientsideEffect(() => void setNeedsRerender(false), []);\n  const themeColors = newTheme.rawColors || newTheme.colors;\n  const useCustomProperties = (_newTheme$config2 = newTheme.config) == null ? void 0 : _newTheme$config2.useCustomProperties;\n  const colorVars = useMemo(() => {\n    if (useCustomProperties === false) {\n      return {};\n    }\n    const colors = themeColors || {};\n    return css(__createColorProperties(colors, colors.modes || {}))(newTheme);\n  }, [newTheme, themeColors, useCustomProperties]);\n  return jsx(__ThemeUIInternalBaseThemeProvider, {\n    context: {\n      ...outerCtx,\n      theme: newTheme\n    },\n    children: jsx$1('div', {\n      'data-themeui-nested-provider': true,\n      // the key here ensures that children will be rerendered after color\n      // mode is read from localStorage\n      key: Number(needsRerender),\n      suppressHydrationWarning: true,\n      css: colorVars,\n      children\n    })\n  });\n}\nconst ColorModeProvider = ({\n  children\n}) => {\n  const outerCtx = useThemeUI();\n  const isTopLevelColorModeProvider = typeof outerCtx.setColorMode !== 'function';\n  return isTopLevelColorModeProvider ? jsx(TopLevelColorModeProvider, {\n    outerCtx: outerCtx,\n    children: children\n  }) : jsx(NestedColorModeProvider, {\n    outerCtx: outerCtx,\n    children: children\n  });\n};\nconst noflash = `(function() { try {\n  var mode = localStorage.getItem('theme-ui-color-mode');\n  if (!mode) return\n  document.documentElement.classList.add('theme-ui-' + mode);\n} catch (e) {} })();`;\nconst InitializeColorMode = () => jsx$1('script', {\n  key: 'theme-ui-no-flash',\n  dangerouslySetInnerHTML: {\n    __html: noflash\n  }\n});\n\nexport { ColorModeProvider, InitializeColorMode, useColorMode };\n"],"names":["toVarName","key","toVarValue","join","args","reservedKeys","toCustomProperties","obj","parent","next","value","name","__objectToVars","vars","__createColorStyles","theme","useCustomProperties","initialColorModeName","printColorModeName","useRootStyles","colors","css","modes","styles","__createColorProperties","printMode","colorToVarValue","color","mode","className","STORAGE_KEY","DARK_QUERY","LIGHT_QUERY","storage","err","getPreferredColorScheme","useClientsideEffect","useLayoutEffect","TopLevelColorModeProvider","outerCtx","children","outerTheme","useColorSchemeMediaQuery","useLocalStorage","colorMode","setColorMode","useState","stored","useEffect","setPreferredColorScheme","useCallback","preferredColorScheme","darkMQL","_outerTheme$colors","_outerTheme$colors2","allColorKeys","flattenKeys","newTheme","useThemeWithAppliedColorMode","newCtx","jsxs","__ThemeUIInternalBaseThemeProvider","jsx","GlobalColorStyles","omitModes","res","copyRawColors","outerThemeRawColors","newValue","useMemo","get","currentColorMode","alreadyHasRawColors","jsx$1","Global","NestedColorModeProvider","_newTheme$config2","needsRerender","setNeedsRerender","_newTheme$config","themeColors","colorVars","ColorModeProvider","useThemeUI"],"mappings":"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","x_google_ignoreList":[0]}