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

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library278.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-horizontal/tooltip-with-pointer-horizontal.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerPartialProps as Props } from \"../interfaces\";\n\nexport const TooltipWithPointerHorizontal = React.forwardRef<\n  HTMLDivElement,\n  Props\n>(\n  (\n    {\n      pointerSx,\n      tooltipSx,\n      tooltipText,\n      tooltipWidth,\n      tooltipPy,\n      tooltipPx,\n      pointerSize,\n      tooltipOffset,\n      placement,\n      containerSx,\n      animationDuration,\n      state,\n      pointerColor,\n    },\n    ref\n  ) => {\n    const tooltipContainerProps =\n      placement === \"right\"\n        ? {\n            left: \"100%\",\n          }\n        : {\n            right: \"100%\",\n          };\n\n    const pointerCommonProps = {\n      size: `${pointerSize}px`,\n      color: pointerColor,\n      sx: {\n        my: \"auto\",\n        ...pointerSx,\n      },\n    };\n\n    return (\n      <Flex\n        sx={{\n          position: \"absolute\",\n          top: \"calc(50% - 14px)\",\n          cursor: \"default\",\n          alignItems: \"center\",\n          opacity: state === \"entered\" ? 1 : 0,\n          transition: `opacity ${animationDuration}ms`,\n          zIndex: 1,\n          ...tooltipContainerProps,\n          ...tooltipSx,\n        }}\n        ref={ref}\n        data-test=\"tooltip-content\"\n      >\n        {placement === \"right\" && (\n          <>\n            <Box width={`${tooltipOffset}px`} />\n            <TriangularPointerIcon direction=\"left\" {...pointerCommonProps} />\n          </>\n        )}\n\n        <ResponsiveTextV2\n          fontSizeWeight={[14, \"regular\"]}\n          sx={{\n            width: tooltipWidth,\n            lineHeight: \"16px\",\n            bg: \"cl_white\",\n            px: tooltipPx,\n            py: tooltipPy,\n            borderColor: \"cl_lightGrey\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n            ...(placement === \"left\"\n              ? {\n                  borderRightWidth: \"2px\",\n                  borderRightColor: pointerColor,\n                  borderRadius: \"3px 0 0 3px\",\n                }\n              : {\n                  borderLeftWidth: \"2px\",\n                  borderLeftColor: pointerColor,\n                  borderRadius: \"0 3px 3px 0\",\n                }),\n          }}\n        >\n          {tooltipText}\n        </ResponsiveTextV2>\n\n        {placement === \"left\" && (\n          <>\n            <TriangularPointerIcon direction=\"right\" {...pointerCommonProps} />\n            <Box width={`${tooltipOffset}px`} />\n          </>\n        )}\n      </Flex>\n    );\n  }\n);\n"],"names":["TooltipWithPointerHorizontal","React","pointerSx","tooltipSx","tooltipText","tooltipWidth","tooltipPy","tooltipPx","pointerSize","tooltipOffset","placement","containerSx","animationDuration","state","pointerColor","ref","tooltipContainerProps","pointerCommonProps","jsxs","Flex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2"],"mappings":";;;;;;AAQO,MAAMA,IAA+BC,EAAM;AAAA,EAIhD,CACE;AAAA,IACE,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,KAEFC,MACG;AACG,UAAAC,IACJN,MAAc,UACV;AAAA,MACE,MAAM;AAAA,IAAA,IAER;AAAA,MACE,OAAO;AAAA,IAAA,GAGTO,IAAqB;AAAA,MACzB,MAAM,GAAGT,CAAW;AAAA,MACpB,OAAOM;AAAA,MACP,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,GAAGZ;AAAA,MACL;AAAA,IAAA;AAIA,WAAAgB,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,UAAU;AAAA,UACV,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,SAASN,MAAU,YAAY,IAAI;AAAA,UACnC,YAAY,WAAWD,CAAiB;AAAA,UACxC,QAAQ;AAAA,UACR,GAAGI;AAAA,UACH,GAAGb;AAAA,QACL;AAAA,QACA,KAAAY;AAAA,QACA,aAAU;AAAA,QAET,UAAA;AAAA,UAAAL,MAAc,WAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACC,GAAI,EAAA,OAAO,GAAGb,CAAa,MAAM;AAAA,YACjCY,gBAAAA,EAAA,IAAAE,GAAA,EAAsB,WAAU,QAAQ,GAAGN,EAAoB,CAAA;AAAA,UAAA,GAClE;AAAA,UAGFI,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,cAC9B,IAAI;AAAA,gBACF,OAAOnB;AAAA,gBACP,YAAY;AAAA,gBACZ,IAAI;AAAA,gBACJ,IAAIE;AAAA,gBACJ,IAAID;AAAA,gBACJ,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,GAAII,MAAc,SACd;AAAA,kBACE,kBAAkB;AAAA,kBAClB,kBAAkBI;AAAA,kBAClB,cAAc;AAAA,gBAAA,IAEhB;AAAA,kBACE,iBAAiB;AAAA,kBACjB,iBAAiBA;AAAA,kBACjB,cAAc;AAAA,gBAChB;AAAA,cACN;AAAA,cAEC,UAAAV;AAAA,YAAA;AAAA,UACH;AAAA,UAECM,MAAc,UAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACE,GAAsB,EAAA,WAAU,SAAS,GAAGN,EAAoB,CAAA;AAAA,YAChEI,gBAAAA,EAAA,IAAAC,GAAA,EAAI,OAAO,GAAGb,CAAa,MAAM;AAAA,UAAA,GACpC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
+{"version":3,"file":"sd-component-library278.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-library279.js

@@ -1,96 +1,270 @@
-import { j as o } from "./sd-component-library195.js";
-import g from "react";
-import "./sd-component-library196.js";
-import { Flex as j, Box as s } from "./sd-component-library197.js";
-import { TriangularPointerIcon as n } from "./sd-component-library190.js";
-import { ResponsiveTextV2 as y } from "./sd-component-library148.js";
-const $ = g.forwardRef(
-  ({
-    pointerSx: x,
-    tooltipPx: p,
-    tooltipText: d,
-    tooltipSx: a,
-    tooltipPy: l,
-    tooltipOffset: e,
-    pointerSize: m,
-    tooltipWidth: c,
-    placement: t,
-    state: h,
-    containerSx: R,
-    animationDuration: b,
-    pointerColor: r
-  }, u) => {
-    const f = t === "bottom" ? {
-      top: "100%"
-    } : {
-      bottom: "100%"
-    }, i = {
-      size: `${m}px`,
-      color: r,
-      sx: {
-        my: "auto",
-        ...x
+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-library273.js";
+import { get as S, css as C } from "./sd-component-library280.js";
+import { Global as G } from "./sd-component-library274.js";
+import { jsx as h, jsxs as H } from "./sd-component-library281.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);
       }
     };
-    return /* @__PURE__ */ o.jsxs(
-      j,
-      {
-        flexDirection: "column",
-        sx: {
-          position: "absolute",
-          left: "50%",
-          transform: "translateX(-50%)",
-          cursor: "default",
-          alignItems: "center",
-          opacity: h === "entered" ? 1 : 0,
-          transition: `opacity ${b}ms`,
-          zIndex: 1,
-          ...f,
-          ...a
-        },
-        ref: u,
-        "data-test": "tooltip-content",
-        children: [
-          t === "bottom" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-            /* @__PURE__ */ o.jsx(s, { height: `${e}px` }),
-            /* @__PURE__ */ o.jsx(n, { direction: "top", ...i })
-          ] }),
-          /* @__PURE__ */ o.jsx(
-            y,
-            {
-              fontSizeWeight: [14, "regular"],
-              sx: {
-                width: c,
-                lineHeight: "16px",
-                bg: "cl_white",
-                px: p,
-                py: l,
-                borderColor: "cl_lightGrey",
-                borderWidth: "1px",
-                borderStyle: "solid",
-                ...t === "top" ? {
-                  borderBottomWidth: "2px",
-                  borderBottomColor: r,
-                  borderRadius: "3px 3px 0 0"
-                } : {
-                  borderTopWidth: "2px",
-                  borderTopColor: r,
-                  borderRadius: "0 0 3px 3px"
-                }
-              },
-              children: d
-            }
-          ),
-          t === "top" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-            /* @__PURE__ */ o.jsx(n, { direction: "bottom", ...i }),
-            /* @__PURE__ */ o.jsx(s, { height: `${e}px` })
-          ] })
-        ]
-      }
-    );
+  }, [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 {
-  $ as TooltipWithPointerVertical
+  oe as ColorModeProvider
 };
 //# sourceMappingURL=sd-component-library279.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library279.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-vertical/tooltip-with-pointer-vertical.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerPartialProps as Props } from \"../interfaces\";\n\nexport const TooltipWithPointerVertical = React.forwardRef<\n  HTMLDivElement,\n  Props\n>(\n  (\n    {\n      pointerSx,\n      tooltipPx,\n      tooltipText,\n      tooltipSx,\n      tooltipPy,\n      tooltipOffset,\n      pointerSize,\n      tooltipWidth,\n      placement,\n      state,\n      containerSx,\n      animationDuration,\n      pointerColor,\n    },\n    ref\n  ) => {\n    const tooltipContainerProps =\n      placement === \"bottom\"\n        ? {\n            top: \"100%\",\n          }\n        : {\n            bottom: \"100%\",\n          };\n\n    const pointerCommonProps = {\n      size: `${pointerSize}px`,\n      color: pointerColor,\n      sx: {\n        my: \"auto\",\n        ...pointerSx,\n      },\n    };\n\n    return (\n      <Flex\n        flexDirection=\"column\"\n        sx={{\n          position: \"absolute\",\n          left: \"50%\",\n          transform: \"translateX(-50%)\",\n          cursor: \"default\",\n          alignItems: \"center\",\n          opacity: state === \"entered\" ? 1 : 0,\n          transition: `opacity ${animationDuration}ms`,\n          zIndex: 1,\n          ...tooltipContainerProps,\n          ...tooltipSx,\n        }}\n        ref={ref}\n        data-test=\"tooltip-content\"\n      >\n        {placement === \"bottom\" && (\n          <>\n            <Box height={`${tooltipOffset}px`} />\n            <TriangularPointerIcon direction=\"top\" {...pointerCommonProps} />\n          </>\n        )}\n\n        <ResponsiveTextV2\n          fontSizeWeight={[14, \"regular\"]}\n          sx={{\n            width: tooltipWidth,\n            lineHeight: \"16px\",\n            bg: \"cl_white\",\n            px: tooltipPx,\n            py: tooltipPy,\n            borderColor: \"cl_lightGrey\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n            ...(placement === \"top\"\n              ? {\n                  borderBottomWidth: \"2px\",\n                  borderBottomColor: pointerColor,\n                  borderRadius: \"3px 3px 0 0\",\n                }\n              : {\n                  borderTopWidth: \"2px\",\n                  borderTopColor: pointerColor,\n                  borderRadius: \"0 0 3px 3px\",\n                }),\n          }}\n        >\n          {tooltipText}\n        </ResponsiveTextV2>\n\n        {placement === \"top\" && (\n          <>\n            <TriangularPointerIcon direction=\"bottom\" {...pointerCommonProps} />\n            <Box height={`${tooltipOffset}px`} />\n          </>\n        )}\n      </Flex>\n    );\n  }\n);\n"],"names":["TooltipWithPointerVertical","React","pointerSx","tooltipPx","tooltipText","tooltipSx","tooltipPy","tooltipOffset","pointerSize","tooltipWidth","placement","state","containerSx","animationDuration","pointerColor","ref","tooltipContainerProps","pointerCommonProps","jsxs","Flex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2"],"mappings":";;;;;;AAQO,MAAMA,IAA6BC,EAAM;AAAA,EAI9C,CACE;AAAA,IACE,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,KAEFC,MACG;AACG,UAAAC,IACJN,MAAc,WACV;AAAA,MACE,KAAK;AAAA,IAAA,IAEP;AAAA,MACE,QAAQ;AAAA,IAAA,GAGVO,IAAqB;AAAA,MACzB,MAAM,GAAGT,CAAW;AAAA,MACpB,OAAOM;AAAA,MACP,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,GAAGZ;AAAA,MACL;AAAA,IAAA;AAIA,WAAAgB,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,eAAc;AAAA,QACd,IAAI;AAAA,UACF,UAAU;AAAA,UACV,MAAM;AAAA,UACN,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,SAASR,MAAU,YAAY,IAAI;AAAA,UACnC,YAAY,WAAWE,CAAiB;AAAA,UACxC,QAAQ;AAAA,UACR,GAAGG;AAAA,UACH,GAAGX;AAAA,QACL;AAAA,QACA,KAAAU;AAAA,QACA,aAAU;AAAA,QAET,UAAA;AAAA,UAAAL,MAAc,YAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACC,GAAI,EAAA,QAAQ,GAAGf,CAAa,MAAM;AAAA,YAClCc,gBAAAA,EAAA,IAAAE,GAAA,EAAsB,WAAU,OAAO,GAAGN,EAAoB,CAAA;AAAA,UAAA,GACjE;AAAA,UAGFI,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,cAC9B,IAAI;AAAA,gBACF,OAAOf;AAAA,gBACP,YAAY;AAAA,gBACZ,IAAI;AAAA,gBACJ,IAAIN;AAAA,gBACJ,IAAIG;AAAA,gBACJ,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,GAAII,MAAc,QACd;AAAA,kBACE,mBAAmB;AAAA,kBACnB,mBAAmBI;AAAA,kBACnB,cAAc;AAAA,gBAAA,IAEhB;AAAA,kBACE,gBAAgB;AAAA,kBAChB,gBAAgBA;AAAA,kBAChB,cAAc;AAAA,gBAChB;AAAA,cACN;AAAA,cAEC,UAAAV;AAAA,YAAA;AAAA,UACH;AAAA,UAECM,MAAc,SAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACE,GAAsB,EAAA,WAAU,UAAU,GAAGN,EAAoB,CAAA;AAAA,YACjEI,gBAAAA,EAAA,IAAAC,GAAA,EAAI,QAAQ,GAAGf,CAAa,MAAM;AAAA,UAAA,GACrC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
+{"version":3,"file":"sd-component-library279.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]}

package/lib/sd-component-library28.js

@@ -1,6 +1,6 @@
 import { j as o } from "./sd-component-library195.js";
-import { LogoButton as e } from "./sd-component-library231.js";
-import { ReactComponent as r } from "./sd-component-library233.js";
+import { LogoButton as e } from "./sd-component-library223.js";
+import { ReactComponent as r } from "./sd-component-library225.js";
 const p = (t) => /* @__PURE__ */ o.jsx(
   e,
   {