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

package/lib/sd-component-library278.js

@@ -1,78 +1,94 @@
-import { j as n } from "./sd-component-library195.js";
-import { useHover as Z } from "./sd-component-library4.js";
-import { getCoordinateForArc as l } from "./sd-component-library90.js";
-import { getSegmentCoordinates as O } from "./sd-component-library277.js";
-import { SegmentLabel as q } from "./sd-component-library724.js";
-const h = 300, G = ({
-  segment: o,
-  segmentWidth: $,
-  outlineWidth: f,
-  size: i,
-  mobile: a,
-  ...c
-}) => {
-  const { start: p, end: x, color: u } = o, { labelOffset: j } = c, t = i / 2, d = t - $, {
-    startInnerX: k,
-    startInnerY: A,
-    endInnerX: M,
-    endInnerY: X,
-    endX: Y,
-    endY: v,
-    startY: S,
-    startX: g,
-    arc: e
-  } = O(o, t, $), r = i / 2, H = Math.round(p * 360), I = Math.round(x * 360), { isHover: L, hoverCallbacks: w } = Z(), m = L && !a, s = Math.sqrt(2) * (t + j), { x: y, y: C } = l(
-    s,
-    H,
-    t
-  ), { x: E, y: R } = l(
-    s,
-    I,
-    t
-  );
-  return /* @__PURE__ */ n.jsxs("g", { ...a ? {} : w, children: [
-    /* @__PURE__ */ n.jsx(
-      "path",
-      {
-        d: `M${r},${r} L${y},${C} A${s},${s} 0 ${e > 180 ? "1" : "0"},1 ${E},${R}Z`,
-        fill: "transparent"
+import * as i from "react";
+import { forwardRef as p, useContext as O } from "react";
+import S from "./sd-component-library340.js";
+import { getRegisteredStyles as C, registerStyles as P, insertStyles as T } from "./sd-component-library312.js";
+import { serializeStyles as E } from "./sd-component-library314.js";
+import { useInsertionEffectAlwaysWithSyncFallback as w } from "./sd-component-library313.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);
       }
-    ),
-    /* @__PURE__ */ n.jsx(
-      "path",
-      {
-        d: `M${r},${r} L${g},${S} A${t},${t} 0 ${e > 180 ? "1" : "0"},1 ${Y},${v}Z`,
-        fill: u,
-        strokeWidth: f,
-        stroke: "white"
-      }
-    ),
-    /* @__PURE__ */ n.jsx(
-      "path",
-      {
-        d: `M${r},${r} L${k},${A} A${d},${d} 0 ${e > 180 ? "1" : "0"},1 ${M},${X}Z`,
-        fill: "white",
-        style: {
-          transform: `scale(${m ? 0.8 : 1}`,
-          transformOrigin: "center",
-          transition: `all ${h}ms`
-        }
-      }
-    ),
-    /* @__PURE__ */ n.jsx(
-      q,
-      {
-        segment: o,
-        radius: t,
-        animationDuration: h,
-        isHover: m,
-        mobile: a,
-        ...c
-      }
-    )
-  ] });
-};
+    }
+}, 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 {
-  G as Segment
+  M as E,
+  _ as T,
+  $ as c,
+  N as h,
+  y as w
 };
 //# sourceMappingURL=sd-component-library278.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library278.js","sources":["../src/components/meters/donut-diagram/partials/segment/segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useHover } from \"../../../../../core/custom-hooks\";\nimport { getCoordinateForArc } from \"../../../outline-meter/utils\";\nimport { getSegmentCoordinates } from \"../../utils\";\nimport { SegmentLabel } from \"../segment-label\";\nimport { SegmentProps as Props } from \"./interfaces\";\n\nconst animationDuration = 300;\n\nexport const Segment: React.FC<Props> = ({\n  segment,\n  segmentWidth,\n  outlineWidth,\n  size: diameter,\n  mobile,\n  ...labelProps\n}) => {\n  const { start, end, color } = segment;\n  const { labelOffset } = labelProps;\n\n  const radius = diameter / 2;\n  const innerRadius = radius - segmentWidth;\n\n  const {\n    startInnerX,\n    startInnerY,\n    endInnerX,\n    endInnerY,\n    endX,\n    endY,\n    startY,\n    startX,\n    arc,\n  } = getSegmentCoordinates(segment, radius, segmentWidth);\n\n  const center = diameter / 2;\n\n  const startAlpha = Math.round(start * 360);\n  const endAlpha = Math.round(end * 360);\n\n  const { isHover, hoverCallbacks } = useHover();\n  const showHover = isHover && !mobile;\n\n  const maxRadius = Math.sqrt(2) * (radius + labelOffset);\n\n  const { x: maskStartX, y: maskStartY } = getCoordinateForArc(\n    maxRadius,\n    startAlpha,\n    radius\n  );\n\n  const { x: maskEndX, y: maskEndY } = getCoordinateForArc(\n    maxRadius,\n    endAlpha,\n    radius\n  );\n\n  return (\n    <g {...(mobile ? {} : hoverCallbacks)}>\n      {/* mask */}\n      <path\n        d={`M${center},${center} L${maskStartX},${maskStartY} A${maxRadius},${maxRadius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${maskEndX},${maskEndY}Z`}\n        fill=\"transparent\"\n      />\n\n      {/* colored sector */}\n      <path\n        d={`M${center},${center} L${startX},${startY} A${radius},${radius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endX},${endY}Z`}\n        fill={color}\n        strokeWidth={outlineWidth}\n        stroke=\"white\"\n      />\n\n      {/* white inner sector */}\n      <path\n        d={`M${center},${center} L${startInnerX},${startInnerY} A${innerRadius},${innerRadius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endInnerX},${endInnerY}Z`}\n        fill=\"white\"\n        style={{\n          transform: `scale(${showHover ? 0.8 : 1}`,\n          transformOrigin: \"center\",\n          transition: `all ${animationDuration}ms`,\n        }}\n      />\n\n      <SegmentLabel\n        segment={segment}\n        radius={radius}\n        animationDuration={animationDuration}\n        isHover={showHover}\n        mobile={mobile}\n        {...labelProps}\n      />\n    </g>\n  );\n};\n"],"names":["animationDuration","Segment","segment","segmentWidth","outlineWidth","diameter","mobile","labelProps","start","end","color","labelOffset","radius","innerRadius","startInnerX","startInnerY","endInnerX","endInnerY","endX","endY","startY","startX","arc","getSegmentCoordinates","center","startAlpha","endAlpha","isHover","hoverCallbacks","useHover","showHover","maxRadius","maskStartX","maskStartY","getCoordinateForArc","maskEndX","maskEndY","jsx","SegmentLabel"],"mappings":";;;;;AAQA,MAAMA,IAAoB,KAEbC,IAA2B,CAAC;AAAA,EACvC,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAMC;AAAA,EACN,QAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,EAAE,OAAAC,GAAO,KAAAC,GAAK,OAAAC,EAAA,IAAUR,GACxB,EAAE,aAAAS,EAAgB,IAAAJ,GAElBK,IAASP,IAAW,GACpBQ,IAAcD,IAAST,GAEvB;AAAA,IACJ,aAAAW;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,EACE,IAAAC,EAAsBrB,GAASU,GAAQT,CAAY,GAEjDqB,IAASnB,IAAW,GAEpBoB,IAAa,KAAK,MAAMjB,IAAQ,GAAG,GACnCkB,IAAW,KAAK,MAAMjB,IAAM,GAAG,GAE/B,EAAE,SAAAkB,GAAS,gBAAAC,EAAe,IAAIC,EAAS,GACvCC,IAAYH,KAAW,CAACrB,GAExByB,IAAY,KAAK,KAAK,CAAC,KAAKnB,IAASD,IAErC,EAAE,GAAGqB,GAAY,GAAGC,EAAe,IAAAC;AAAA,IACvCH;AAAA,IACAN;AAAA,IACAb;AAAA,EAAA,GAGI,EAAE,GAAGuB,GAAU,GAAGC,EAAa,IAAAF;AAAA,IACnCH;AAAA,IACAL;AAAA,IACAd;AAAA,EAAA;AAGF,gCACG,KAAG,EAAA,GAAIN,IAAS,KAAKsB,GAEpB,UAAA;AAAA,IAAAS,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIb,CAAM,IAAIA,CAAM,KAAKQ,CAAU,IAAIC,CAAU,KAAKF,CAAS,IAAIA,CAAS,MAC7ET,IAAM,MAAM,MAAM,GACpB,MAAMa,CAAQ,IAAIC,CAAQ;AAAA,QAC1B,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,IAGAC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIb,CAAM,IAAIA,CAAM,KAAKH,CAAM,IAAID,CAAM,KAAKR,CAAM,IAAIA,CAAM,MAC/DU,IAAM,MAAM,MAAM,GACpB,MAAMJ,CAAI,IAAIC,CAAI;AAAA,QAClB,MAAMT;AAAA,QACN,aAAaN;AAAA,QACb,QAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAGAiC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIb,CAAM,IAAIA,CAAM,KAAKV,CAAW,IAAIC,CAAW,KAAKF,CAAW,IAAIA,CAAW,MACnFS,IAAM,MAAM,MAAM,GACpB,MAAMN,CAAS,IAAIC,CAAS;AAAA,QAC5B,MAAK;AAAA,QACL,OAAO;AAAA,UACL,WAAW,SAASa,IAAY,MAAM,CAAC;AAAA,UACvC,iBAAiB;AAAA,UACjB,YAAY,OAAO9B,CAAiB;AAAA,QACtC;AAAA,MAAA;AAAA,IACF;AAAA,IAEAqC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAApC;AAAA,QACA,QAAAU;AAAA,QACA,mBAAAZ;AAAA,QACA,SAAS8B;AAAA,QACT,QAAAxB;AAAA,QACC,GAAGC;AAAA,MAAA;AAAA,IACN;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"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,44 +1,270 @@
-import { j as n } from "./sd-component-library195.js";
-import g from "./sd-component-library3.js";
-import { getSegmentCoordinates as I } from "./sd-component-library277.js";
-const w = ({
-  segment: e,
-  size: o,
-  segmentWidth: s,
-  outlineWidth: c,
-  isMatching: a
+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 { color: d } = e, t = o / 2, $ = t - s, {
-    startX: l,
-    startY: m,
-    arc: i,
-    startInnerY: p,
-    startInnerX: h,
-    endInnerY: u,
-    endInnerX: x,
-    endX: f,
-    endY: j
-  } = I(e, t, s), r = o / 2;
-  return /* @__PURE__ */ n.jsxs("g", { children: [
-    /* @__PURE__ */ n.jsx(
-      "path",
-      {
-        d: `M${r},${r} L${l},${m} A${t},${t} 0 ${i > 180 ? "1" : "0"},1 ${f},${j}Z`,
-        fill: a ? d : g.colors.cl_lightGrey,
-        strokeWidth: c,
-        stroke: "white"
+  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);
       }
-    ),
-    /* @__PURE__ */ n.jsx(
-      "path",
-      {
-        d: `M${r},${r} L${h},${p} A${$},${$} 0 ${i > 180 ? "1" : "0"},1 ${x},${u}Z`,
-        fill: "white"
+    };
+  }, [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 {
-  w as CompactDonutGaugeSegment
+  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/meters/compact-donut-gauge/partials/compact-donut-gauge-segment/compact-donut-gauge-segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { getSegmentCoordinates } from \"../../../donut-diagram/utils\";\nimport { CompactDonutGaugeSegmentProps as Props } from \"./interfaces\";\n\nexport const CompactDonutGaugeSegment: React.FC<Props> = ({\n  segment,\n  size: diameter,\n  segmentWidth,\n  outlineWidth,\n  isMatching,\n}) => {\n  const { color } = segment;\n\n  const radius = diameter / 2;\n  const innerRadius = radius - segmentWidth;\n\n  const {\n    startX,\n    startY,\n    arc,\n    startInnerY,\n    startInnerX,\n    endInnerY,\n    endInnerX,\n    endX,\n    endY,\n  } = getSegmentCoordinates(segment, radius, segmentWidth);\n\n  const center = diameter / 2;\n\n  return (\n    <g>\n      {/* colored sector */}\n      <path\n        d={`M${center},${center} L${startX},${startY} A${radius},${radius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endX},${endY}Z`}\n        fill={isMatching ? color : theme.colors[\"cl_lightGrey\"]}\n        strokeWidth={outlineWidth}\n        stroke=\"white\"\n      />\n\n      {/* white inner sector */}\n      <path\n        d={`M${center},${center} L${startInnerX},${startInnerY} A${innerRadius},${innerRadius} 0 ${\n          arc > 180 ? \"1\" : \"0\"\n        },1 ${endInnerX},${endInnerY}Z`}\n        fill=\"white\"\n      />\n    </g>\n  );\n};\n"],"names":["CompactDonutGaugeSegment","segment","diameter","segmentWidth","outlineWidth","isMatching","color","radius","innerRadius","startX","startY","arc","startInnerY","startInnerX","endInnerY","endInnerX","endX","endY","getSegmentCoordinates","center","jsx","theme"],"mappings":";;;AAMO,MAAMA,IAA4C,CAAC;AAAA,EACxD,SAAAC;AAAA,EACA,MAAMC;AAAA,EACN,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AACF,MAAM;AACE,QAAA,EAAE,OAAAC,EAAU,IAAAL,GAEZM,IAASL,IAAW,GACpBM,IAAcD,IAASJ,GAEvB;AAAA,IACJ,QAAAM;AAAA,IACA,QAAAC;AAAA,IACA,KAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,EACE,IAAAC,EAAsBjB,GAASM,GAAQJ,CAAY,GAEjDgB,IAASjB,IAAW;AAE1B,gCACG,KAEC,EAAA,UAAA;AAAA,IAAAkB,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAID,CAAM,IAAIA,CAAM,KAAKV,CAAM,IAAIC,CAAM,KAAKH,CAAM,IAAIA,CAAM,MAC/DI,IAAM,MAAM,MAAM,GACpB,MAAMK,CAAI,IAAIC,CAAI;AAAA,QAClB,MAAMZ,IAAaC,IAAQe,EAAM,OAAO;AAAA,QACxC,aAAajB;AAAA,QACb,QAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAGAgB,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAID,CAAM,IAAIA,CAAM,KAAKN,CAAW,IAAID,CAAW,KAAKJ,CAAW,IAAIA,CAAW,MACnFG,IAAM,MAAM,MAAM,GACpB,MAAMI,CAAS,IAAID,CAAS;AAAA,QAC5B,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"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-library220.js";
-import { ReactComponent as r } from "./sd-component-library221.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,
   {