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

package/lib/sd-component-library272.js

@@ -1,24 +1,57 @@
-const i = (t, n) => [t, n], T = function* (t = []) {
-  for (; t.length > 1; )
-    yield i(t[0], t[1]), t = t.slice(1);
-}, I = (t, n, e) => {
-  if (n && !e)
-    return n;
-  if (!n && e)
-    return e;
-  if (n && e) {
-    const s = a(n), r = a(e), c = s.map((B, f) => Math.round(B * (1 - t) + r[f] * t));
-    return c ? u(c[0], c[1], c[2]) : "";
-  }
-  return "";
-}, u = (t, n, e) => "#" + (16777216 + (t << 16) + (n << 8) + e).toString(16).slice(1), a = (t) => {
-  const n = t.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);
-  return n ? n.slice(1).map((e) => parseInt(e, 16)) : null;
-}, h = (t, n, e) => Math.floor(t * n) === (e === "left" ? 0 : e === "right" ? n - 1 : 1), _ = (t) => t === "left" ? "right" : t === "top" ? "top" : "left";
+import { j as n } from "./sd-component-library195.js";
+import { useRef as g, useState as $, useEffect as b } from "react";
+import "./sd-component-library198.js";
+import { labelPaddingX as o, labelWidth as u } from "./sd-component-library255.js";
+import { Box as x } from "./sd-component-library199.js";
+import { ResponsiveTextV2 as v } from "./sd-component-library148.js";
+const T = (l) => {
+  const {
+    position: t,
+    diameter: r,
+    label: d,
+    distanceFromLabelToRanges: p,
+    isInRange: e,
+    color: s
+  } = l, i = g(), [a, c] = $(0);
+  b(() => {
+    i.current && c(i.current.getBoundingClientRect().height);
+  }, [i]);
+  const m = t === "right" ? `${r + p}px` : t === "top" ? `${r / 2}px` : void 0, h = t === "left" ? `${r + p}px` : void 0, f = t === "left" || t === "right" ? `${r / 2}px` : `${-p}px`;
+  return /* @__PURE__ */ n.jsx(x, { sx: { position: "absolute", left: m, top: f, right: h }, children: /* @__PURE__ */ n.jsx(
+    x,
+    {
+      sx: {
+        position: "relative",
+        top: `-${a}px`,
+        left: t === "top" ? "-50%" : void 0,
+        py: "7px",
+        px: e ? `${o}px` : "0",
+        borderColor: e ? s : "cl_lightGrey",
+        borderWidth: e ? "2px" : "1pt",
+        borderStyle: e ? "solid" : "none",
+        borderBottomStyle: !e && t === "top" ? "none" : "solid",
+        borderRadius: e ? `${o}px ${o}px ${t !== "left" ? `${o}px` : "0"} ${t !== "right" ? `${o}px` : "0"}` : "0",
+        bg: "cl_white",
+        "& > div": {
+          maxWidth: t === "top" ? void 0 : `${u}px`
+        }
+      },
+      ref: i,
+      children: /* @__PURE__ */ n.jsx(
+        v,
+        {
+          width: "max-content",
+          fontSizeWeight: [[12, "semi-bold"]],
+          color: e && s !== "#CCD0DB" ? s : "cl_darkGrey",
+          textTransform: "uppercase",
+          letterSpacing: "1.8px",
+          children: d
+        }
+      )
+    }
+  ) });
+};
 export {
-  _ as flipPosition,
-  I as getFractionColor,
-  h as isLabelActive,
-  T as mapAdjacent
+  T as BaseMeterLabelBox
 };
 //# sourceMappingURL=sd-component-library272.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library272.js","sources":["../src/components/meters/gradient-outline-meter/utils.ts"],"sourcesContent":["import { OutlineMeterLabelPosition } from \"../outline-meter\";\n\nconst pair = <T>(a: T, b: T): [T, T] => [a, b];\n\n/**\n * Returns an array of mapped adjacent elements into pairs.\n */\nexport const mapAdjacent = function* <T>(iter: T[] = []) {\n  while (iter.length > 1) {\n    yield pair<T>(iter[0], iter[1]);\n    iter = iter.slice(1);\n  }\n};\n\n/**\n * @param fraction numerical value from 0 to 1.\n * @param lowColor initial color of the gradient.\n * @param topColor final color of the gradient.\n * @returns color of gradient at specified fraction point or empty string\n */\nexport const getFractionColor = (\n  fraction: number,\n  lowColor?: string,\n  topColor?: string\n): string => {\n  if (lowColor && !topColor) return lowColor;\n  if (!lowColor && topColor) return topColor;\n  if (lowColor && topColor) {\n    const lowRGB = hexToRGB(lowColor);\n    const topRGB = hexToRGB(topColor);\n    const resultRGB = lowRGB!.map((component, i) => {\n      return Math.round(component * (1 - fraction) + topRGB![i] * fraction);\n    });\n    return resultRGB ? rgbToHex(resultRGB[0], resultRGB[1], resultRGB[2]) : \"\";\n  }\n  return \"\";\n};\n\n/**\n * Converts rgb color representation into hex representation.\n * @param red component of color.\n * @param green component of color.\n * @param blue component of color.\n */\nconst rgbToHex = (red: number, green: number, blue: number): string => {\n  const BITS_IN_BYTE = 8;\n  return (\n    \"#\" +\n    (\n      (1 << (3 * BITS_IN_BYTE)) +\n      (red << (2 * BITS_IN_BYTE)) +\n      (green << BITS_IN_BYTE) +\n      blue\n    )\n      .toString(16)\n      .slice(1)\n  );\n};\n\n/**\n * Converts hex representation of color into rgb.\n * @param hex complete and correct representation of color\n */\nconst hexToRGB = (hex: string) => {\n  const normal = hex.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);\n  return normal ? normal.slice(1).map((e) => parseInt(e, 16)) : null;\n};\n\nexport const isLabelActive = (\n  value: number,\n  totalColors: number,\n  position: OutlineMeterLabelPosition\n) =>\n  Math.floor(value * totalColors) ===\n  (position === \"left\" ? 0 : position === \"right\" ? totalColors - 1 : 1);\n\n/**\n * Mirrors entered position for outline meter label.\n */\nexport const flipPosition = (position: OutlineMeterLabelPosition) =>\n  position === \"left\" ? \"right\" : position === \"top\" ? \"top\" : \"left\";\n"],"names":["pair","a","b","mapAdjacent","iter","getFractionColor","fraction","lowColor","topColor","lowRGB","hexToRGB","topRGB","resultRGB","component","i","rgbToHex","red","green","blue","hex","normal","isLabelActive","value","totalColors","position","flipPosition"],"mappings":"AAEA,MAAMA,IAAO,CAAIC,GAAMC,MAAiB,CAACD,GAAGC,CAAC,GAKhCC,IAAc,WAAcC,IAAY,IAAI;AAChD,SAAAA,EAAK,SAAS;AACnB,UAAMJ,EAAQI,EAAK,CAAC,GAAGA,EAAK,CAAC,CAAC,GACvBA,IAAAA,EAAK,MAAM,CAAC;AAEvB,GAQaC,IAAmB,CAC9BC,GACAC,GACAC,MACW;AACX,MAAID,KAAY,CAACC;AAAiB,WAAAD;AAClC,MAAI,CAACA,KAAYC;AAAiB,WAAAA;AAClC,MAAID,KAAYC,GAAU;AAClB,UAAAC,IAASC,EAASH,CAAQ,GAC1BI,IAASD,EAASF,CAAQ,GAC1BI,IAAYH,EAAQ,IAAI,CAACI,GAAWC,MACjC,KAAK,MAAMD,KAAa,IAAIP,KAAYK,EAAQG,CAAC,IAAIR,CAAQ,CACrE;AACM,WAAAM,IAAYG,EAASH,EAAU,CAAC,GAAGA,EAAU,CAAC,GAAGA,EAAU,CAAC,CAAC,IAAI;AAAA,EAC1E;AACO,SAAA;AACT,GAQMG,IAAW,CAACC,GAAaC,GAAeC,MAG1C,OAEG,YACAF,KAAQ,OACRC,KAAS,KACVC,GAEC,SAAS,EAAE,EACX,MAAM,CAAC,GAQRR,IAAW,CAACS,MAAgB;AAC1B,QAAAC,IAASD,EAAI,MAAM,6CAA6C;AACtE,SAAOC,IAASA,EAAO,MAAM,CAAC,EAAE,IAAI,CAAC,MAAM,SAAS,GAAG,EAAE,CAAC,IAAI;AAChE,GAEaC,IAAgB,CAC3BC,GACAC,GACAC,MAEA,KAAK,MAAMF,IAAQC,CAAW,OAC7BC,MAAa,SAAS,IAAIA,MAAa,UAAUD,IAAc,IAAI,IAKzDE,IAAe,CAACD,MAC3BA,MAAa,SAAS,UAAUA,MAAa,QAAQ,QAAQ;"}
+{"version":3,"file":"sd-component-library272.js","sources":["../src/components/meters/outline-meter/partials/base-meter-label-box/base-meter-label-box.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { labelPaddingX, labelWidth } from \"../../contants\";\nimport { BaseMeterLabelBoxProps as Props } from \"./interfaces\";\n\nexport const BaseMeterLabelBox: React.FC<Props> = (props) => {\n  const {\n    position,\n    diameter,\n    label,\n    distanceFromLabelToRanges,\n    isInRange,\n    color,\n  } = props;\n  const ref = useRef<HTMLElement>();\n  const [textHeight, setTextHeight] = useState(0);\n\n  useEffect(() => {\n    if (ref.current) setTextHeight(ref.current.getBoundingClientRect().height);\n  }, [ref]);\n\n  const left =\n    position === \"right\"\n      ? `${diameter + distanceFromLabelToRanges}px`\n      : position === \"top\"\n      ? `${diameter / 2}px`\n      : undefined;\n  const right =\n    position === \"left\"\n      ? `${diameter + distanceFromLabelToRanges}px`\n      : undefined;\n  const top =\n    position === \"left\" || position === \"right\"\n      ? `${diameter / 2}px`\n      : `${-distanceFromLabelToRanges}px`;\n\n  return (\n    <Box sx={{ position: \"absolute\", left, top, right }}>\n      <Box\n        sx={{\n          position: \"relative\",\n          top: `-${textHeight}px`,\n          left: position === \"top\" ? \"-50%\" : undefined,\n          py: \"7px\",\n          px: isInRange ? `${labelPaddingX}px` : \"0\",\n          borderColor: isInRange ? color : \"cl_lightGrey\",\n          borderWidth: isInRange ? \"2px\" : \"1pt\",\n          borderStyle: isInRange ? \"solid\" : \"none\",\n          borderBottomStyle:\n            !isInRange && position === \"top\" ? \"none\" : \"solid\",\n          borderRadius: isInRange\n            ? `${labelPaddingX}px ${labelPaddingX}px ${\n                position !== \"left\" ? `${labelPaddingX}px` : \"0\"\n              } ${position !== \"right\" ? `${labelPaddingX}px` : \"0\"}`\n            : \"0\",\n          bg: \"cl_white\",\n          \"& > div\": {\n            maxWidth: position === \"top\" ? undefined : `${labelWidth}px`,\n          },\n        }}\n        ref={ref}\n      >\n        <ResponsiveTextV2\n          width=\"max-content\"\n          fontSizeWeight={[[12, \"semi-bold\"]]}\n          color={isInRange && color !== \"#CCD0DB\" ? color : \"cl_darkGrey\"}\n          textTransform=\"uppercase\"\n          letterSpacing=\"1.8px\"\n        >\n          {label}\n        </ResponsiveTextV2>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["BaseMeterLabelBox","props","position","diameter","label","distanceFromLabelToRanges","isInRange","color","ref","useRef","textHeight","setTextHeight","useState","useEffect","left","right","top","jsx","Box","labelPaddingX","labelWidth","ResponsiveTextV2"],"mappings":";;;;;;AAQa,MAAAA,IAAqC,CAACC,MAAU;AACrD,QAAA;AAAA,IACJ,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,2BAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,EACE,IAAAN,GACEO,IAAMC,KACN,CAACC,GAAYC,CAAa,IAAIC,EAAS,CAAC;AAE9C,EAAAC,EAAU,MAAM;AACd,IAAIL,EAAI,WAASG,EAAcH,EAAI,QAAQ,sBAAsB,EAAE,MAAM;AAAA,EAAA,GACxE,CAACA,CAAG,CAAC;AAER,QAAMM,IACJZ,MAAa,UACT,GAAGC,IAAWE,CAAyB,OACvCH,MAAa,QACb,GAAGC,IAAW,CAAC,OACf,QACAY,IACJb,MAAa,SACT,GAAGC,IAAWE,CAAyB,OACvC,QACAW,IACJd,MAAa,UAAUA,MAAa,UAChC,GAAGC,IAAW,CAAC,OACf,GAAG,CAACE,CAAyB;AAGjC,SAAAY,gBAAAA,MAACC,KAAI,IAAI,EAAE,UAAU,YAAY,MAAAJ,GAAM,KAAAE,GAAK,OAAAD,EAC1C,GAAA,UAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK,IAAIR,CAAU;AAAA,QACnB,MAAMR,MAAa,QAAQ,SAAS;AAAA,QACpC,IAAI;AAAA,QACJ,IAAII,IAAY,GAAGa,CAAa,OAAO;AAAA,QACvC,aAAab,IAAYC,IAAQ;AAAA,QACjC,aAAaD,IAAY,QAAQ;AAAA,QACjC,aAAaA,IAAY,UAAU;AAAA,QACnC,mBACE,CAACA,KAAaJ,MAAa,QAAQ,SAAS;AAAA,QAC9C,cAAcI,IACV,GAAGa,CAAa,MAAMA,CAAa,MACjCjB,MAAa,SAAS,GAAGiB,CAAa,OAAO,GAC/C,IAAIjB,MAAa,UAAU,GAAGiB,CAAa,OAAO,GAAG,KACrD;AAAA,QACJ,IAAI;AAAA,QACJ,WAAW;AAAA,UACT,UAAUjB,MAAa,QAAQ,SAAY,GAAGkB,CAAU;AAAA,QAC1D;AAAA,MACF;AAAA,MACA,KAAAZ;AAAA,MAEA,UAAAS,gBAAAA,EAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,gBAAgB,CAAC,CAAC,IAAI,WAAW,CAAC;AAAA,UAClC,OAAOf,KAAaC,MAAU,YAAYA,IAAQ;AAAA,UAClD,eAAc;AAAA,UACd,eAAc;AAAA,UAEb,UAAAH;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library273.js

@@ -1,112 +1,53 @@
-import { j as t } from "./sd-component-library195.js";
-import { getCoordinateForArc as A, getInnerX as H, getInnerY as M, degToRad as E } from "./sd-component-library90.js";
-import { getFractionColor as O } from "./sd-component-library272.js";
-import { BaseOutlineArc as X } from "./sd-component-library656.js";
-const w = "#CCD0DB", q = (G) => {
-  const {
-    diameter: I,
-    idx: d,
-    endColor: Y,
-    startColor: f,
-    segmented: v,
-    totalRanges: n,
-    value: i,
-    arc: l,
-    innerPointRadius: W,
-    pointStrokeWidth: C,
-    gaugeWidth: e,
-    pointColor: $
-  } = G, c = d / n, x = (d + 1) / n, k = i >= c && i <= x, R = (360 - l) / 2, r = I / 2, g = R + l * c, j = R + l * x, { x: u, y: h } = A(
-    r,
-    g
-  ), { x: m, y } = A(
-    r,
-    j
-  );
-  if (v || !k)
-    return /* @__PURE__ */ t.jsx(
-      X,
-      {
-        startX: u,
-        startY: h,
-        endX: m,
-        endY: y,
-        startAlpha: g,
-        endAlpha: j,
-        color: v || i > x ? `url(#gradient-${f}-${Y})` : w,
-        radius: r,
-        width: e
-      }
-    );
-  const o = g + (i - c) / (x - c) * l / n, { x: a, y: s } = A(r, o), F = H(a, E(o), e), B = M(s, E(o), e), D = d >= n / 2, S = d + 1 === n / 2 + 0.5, z = S ? (a - u) / (m - u) : (s - h) / (y - h), p = O(z, f, Y);
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx("defs", { children: /* @__PURE__ */ t.jsxs(
-      "linearGradient",
-      {
-        id: `value-gradient-${p}`,
-        ...D ? {
-          x1: 0,
-          y1: 0,
-          x2: 0,
-          y2: 1
-        } : S ? { x1: 0, y1: 0, x2: 1, y2: 0 } : {
-          x1: 0,
-          y1: 1,
-          x2: 0,
-          y2: 0
-        },
-        children: [
-          /* @__PURE__ */ t.jsx("stop", { stopColor: f, offset: "0%" }),
-          /* @__PURE__ */ t.jsx("stop", { stopColor: p, offset: "100%" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ t.jsxs("g", { children: [
-      /* @__PURE__ */ t.jsx(
-        X,
-        {
-          startX: u,
-          startY: h,
-          endX: a,
-          endY: s,
-          startAlpha: g,
-          endAlpha: o,
-          color: `url(#value-gradient-${p})`,
-          radius: r,
-          width: e,
-          roundEnd: !1
-        }
-      ),
-      /* @__PURE__ */ t.jsx(
-        X,
-        {
-          startX: a,
-          startY: s,
-          endX: m,
-          endY: y,
-          startAlpha: o,
-          endAlpha: j,
-          color: w,
-          radius: r,
-          width: e,
-          roundStart: !1
-        }
-      ),
-      /* @__PURE__ */ t.jsx(
-        "circle",
-        {
-          cx: (a + F) / 2,
-          cy: (s + B) / 2,
-          r: C + W,
-          strokeWidth: C,
-          stroke: $ || p,
-          fill: "white"
-        }
-      )
-    ] })
-  ] });
-};
+import { createElement as p } from "./sd-component-library274.js";
+import * as n from "react";
+import s from "./sd-component-library275.js";
+import _ from "./sd-component-library276.js";
+import { p as u } from "./sd-component-library277.js";
+import { T as y } from "./sd-component-library278.js";
+const a = _.version, r = (e, o, ...t) => p(e, u(o), ...t), d = {
+  __EMOTION_VERSION__: a,
+  theme: {}
+}, c = /* @__PURE__ */ n.createContext(d), E = () => n.useContext(c), m = typeof Symbol == "function" && Symbol.for, h = m ? Symbol.for("react.element") : 60103, x = m ? Symbol.for("react.forward_ref") : 60103, i = {
+  isMergeableObject: (e) => !!e && typeof e == "object" && e.$$typeof !== h && e.$$typeof !== x,
+  arrayMerge: (e, o) => o
+}, l = (e, o) => s(e, o, i);
+function T(...e) {
+  return s.all(e, i);
+}
+l.all = T;
+const O = ({
+  context: e,
+  children: o
+}) => r(y.Provider, {
+  value: e.theme
+}, r(c.Provider, {
+  value: e,
+  children: o
+}));
+function R({
+  theme: e,
+  children: o
+}) {
+  const t = E();
+  process.env.NODE_ENV !== "production" && t.__EMOTION_VERSION__ !== a && console.warn("Multiple versions of Emotion detected,", "and theming might not work as expected.", "Please ensure there is only one copy of @emotion/react installed in your application.");
+  const f = typeof e == "function" ? {
+    ...t,
+    theme: e(t.theme)
+  } : l.all({}, t, {
+    theme: e
+  });
+  return r(O, {
+    context: f,
+    children: o
+  });
+}
 export {
-  q as GradientMeterRange
+  R as ThemeProvider,
+  c as __ThemeUIContext,
+  O as __ThemeUIInternalBaseThemeProvider,
+  d as __themeUiDefaultContextValue,
+  r as jsx,
+  l as merge,
+  E as useThemeUI
 };
 //# sourceMappingURL=sd-component-library273.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library273.js","sources":["../src/components/meters/gradient-outline-meter/partials/gradient-meter-range/gradient-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseOutlineArc } from \"../../../outline-meter/partials/base-outline-arc\";\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n} from \"../../../outline-meter/utils\";\nimport { getFractionColor } from \"../../utils\";\nimport { GradientMeterRangeProps as Props } from \"./interfaces\";\n\nconst grey = \"#CCD0DB\";\nexport const GradientMeterRange: React.FC<Props> = (props) => {\n  const {\n    diameter,\n    idx,\n    endColor,\n    startColor,\n    segmented,\n    totalRanges,\n    value,\n    arc,\n    innerPointRadius,\n    pointStrokeWidth,\n    gaugeWidth,\n    pointColor,\n  } = props;\n\n  const start = idx / totalRanges;\n  const end = (idx + 1) / totalRanges;\n\n  const valueWithinRange = value >= start && value <= end;\n\n  const arcStart = (360 - arc) / 2; // deg\n\n  const radius = diameter / 2;\n\n  const rangeArcStart = arcStart + arc * start;\n  const rangeArcEnd = arcStart + arc * end;\n\n  const { x: rangeStartX, y: rangeStartY } = getCoordinateForArc(\n    radius,\n    rangeArcStart\n  );\n  const { x: rangeEndX, y: rangeEndY } = getCoordinateForArc(\n    radius,\n    rangeArcEnd\n  );\n\n  if (segmented || !valueWithinRange)\n    return (\n      <BaseOutlineArc\n        startX={rangeStartX}\n        startY={rangeStartY}\n        endX={rangeEndX}\n        endY={rangeEndY}\n        startAlpha={rangeArcStart}\n        endAlpha={rangeArcEnd}\n        color={\n          segmented || value > end\n            ? `url(#gradient-${startColor}-${endColor})`\n            : grey\n        }\n        radius={radius}\n        width={gaugeWidth}\n      />\n    );\n\n  const valueAlpha =\n    rangeArcStart + (((value - start) / (end - start)) * arc) / totalRanges;\n  const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n  const valueInnerX = getInnerX(valueX, degToRad(valueAlpha), gaugeWidth);\n  const valueInnerY = getInnerY(valueY, degToRad(valueAlpha), gaugeWidth);\n\n  const useVerticalGradient = idx >= totalRanges / 2;\n  const useHorizontalGradient = idx + 1 === totalRanges / 2 + 0.5;\n\n  const fraction = useHorizontalGradient\n    ? (valueX - rangeStartX) / (rangeEndX - rangeStartX)\n    : (valueY - rangeStartY) / (rangeEndY - rangeStartY);\n  const color = getFractionColor(fraction, startColor, endColor);\n\n  return (\n    <>\n      <defs>\n        <linearGradient\n          id={`value-gradient-${color}`}\n          {...(useVerticalGradient\n            ? {\n                x1: 0,\n                y1: 0,\n                x2: 0,\n                y2: 1,\n              }\n            : useHorizontalGradient\n            ? { x1: 0, y1: 0, x2: 1, y2: 0 }\n            : {\n                x1: 0,\n                y1: 1,\n                x2: 0,\n                y2: 0,\n              })}\n        >\n          <stop stopColor={startColor} offset=\"0%\" />\n          <stop stopColor={color} offset=\"100%\" />\n        </linearGradient>\n      </defs>\n      <g>\n        <BaseOutlineArc\n          startX={rangeStartX}\n          startY={rangeStartY}\n          endX={valueX}\n          endY={valueY}\n          startAlpha={rangeArcStart}\n          endAlpha={valueAlpha}\n          color={`url(#value-gradient-${color})`}\n          radius={radius}\n          width={gaugeWidth}\n          roundEnd={false}\n        />\n        <BaseOutlineArc\n          startX={valueX}\n          startY={valueY}\n          endX={rangeEndX}\n          endY={rangeEndY}\n          startAlpha={valueAlpha}\n          endAlpha={rangeArcEnd}\n          color={grey}\n          radius={radius}\n          width={gaugeWidth}\n          roundStart={false}\n        />\n        <circle\n          cx={(valueX + valueInnerX) / 2}\n          cy={(valueY + valueInnerY) / 2}\n          r={pointStrokeWidth + innerPointRadius}\n          strokeWidth={pointStrokeWidth}\n          stroke={pointColor || color}\n          fill=\"white\"\n        />\n      </g>\n    </>\n  );\n};\n"],"names":["grey","GradientMeterRange","props","diameter","idx","endColor","startColor","segmented","totalRanges","value","arc","innerPointRadius","pointStrokeWidth","gaugeWidth","pointColor","start","end","valueWithinRange","arcStart","radius","rangeArcStart","rangeArcEnd","rangeStartX","rangeStartY","getCoordinateForArc","rangeEndX","rangeEndY","jsx","BaseOutlineArc","valueAlpha","valueX","valueY","valueInnerX","getInnerX","degToRad","valueInnerY","getInnerY","useVerticalGradient","useHorizontalGradient","fraction","color","getFractionColor","jsxs","Fragment"],"mappings":"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"}
+{"version":3,"file":"sd-component-library273.js","sources":["../node_modules/@theme-ui/core/dist/theme-ui-core.browser.esm.js"],"sourcesContent":["import { jsx as jsx$1, ThemeContext } from '@emotion/react';\nimport * as React from 'react';\nimport deepmerge from 'deepmerge';\nimport packageInfo from '@emotion/react/package.json';\nimport { p as parseProps } from './parseProps-780b287c.browser.esm.js';\nimport '@theme-ui/css';\n\nconst __EMOTION_VERSION__ = packageInfo.version;\nconst jsx = (type, props, ...children) => jsx$1(type, parseProps(props), ...children);\n\n/**\n * @internal for Babel JSX pragma\n * @see https://github.com/system-ui/theme-ui/issues/1603\n */\nconst createElement = jsx;\n/**\n * @internal\n */\nconst __themeUiDefaultContextValue = {\n  __EMOTION_VERSION__,\n  theme: {}\n};\n\n/**\n * @internal\n */\nconst __ThemeUIContext = /*#__PURE__*/React.createContext(__themeUiDefaultContextValue);\nconst useThemeUI = () => React.useContext(__ThemeUIContext);\nconst canUseSymbol = typeof Symbol === 'function' && Symbol.for;\nconst REACT_ELEMENT = canUseSymbol ? Symbol.for('react.element') : 0xeac7;\nconst FORWARD_REF = canUseSymbol ? Symbol.for('react.forward_ref') : 0xeac7;\nconst deepmergeOptions = {\n  isMergeableObject: n => {\n    return !!n && typeof n === 'object' && n.$$typeof !== REACT_ELEMENT && n.$$typeof !== FORWARD_REF;\n  },\n  arrayMerge: (_leftArray, rightArray) => rightArray\n};\n\n/**\n * Deeply merge themes\n */\nconst merge = (a, b) => deepmerge(a, b, deepmergeOptions);\nfunction mergeAll(...args) {\n  return deepmerge.all(args, deepmergeOptions);\n}\nmerge.all = mergeAll;\n/**\n * @internal\n */\nconst __ThemeUIInternalBaseThemeProvider = ({\n  context,\n  children\n}) => jsx(ThemeContext.Provider, {\n  value: context.theme\n}, jsx(__ThemeUIContext.Provider, {\n  value: context,\n  children\n}));\nfunction ThemeProvider({\n  theme,\n  children\n}) {\n  const outer = useThemeUI();\n  if (process.env.NODE_ENV !== 'production') {\n    if (outer.__EMOTION_VERSION__ !== __EMOTION_VERSION__) {\n      console.warn('Multiple versions of Emotion detected,', 'and theming might not work as expected.', 'Please ensure there is only one copy of @emotion/react installed in your application.');\n    }\n  }\n  const context = typeof theme === 'function' ? {\n    ...outer,\n    theme: theme(outer.theme)\n  } : merge.all({}, outer, {\n    theme\n  });\n  return jsx(__ThemeUIInternalBaseThemeProvider, {\n    context,\n    children\n  });\n}\n\nexport { ThemeProvider, __ThemeUIContext, __ThemeUIInternalBaseThemeProvider, __themeUiDefaultContextValue, createElement, jsx, merge, useThemeUI };\n"],"names":["__EMOTION_VERSION__","packageInfo","jsx","type","props","children","jsx$1","parseProps","__themeUiDefaultContextValue","__ThemeUIContext","React","useThemeUI","canUseSymbol","REACT_ELEMENT","FORWARD_REF","deepmergeOptions","n","_leftArray","rightArray","merge","a","b","deepmerge","mergeAll","args","__ThemeUIInternalBaseThemeProvider","context","ThemeContext","ThemeProvider","theme","outer"],"mappings":";;;;;;AAOA,MAAMA,IAAsBC,EAAY,SAClCC,IAAM,CAACC,GAAMC,MAAUC,MAAaC,EAAMH,GAAMI,EAAWH,CAAK,GAAG,GAAGC,CAAQ,GAU9EG,IAA+B;AAAA,EACnC,qBAAAR;AAAA,EACA,OAAO,CAAE;AACX,GAKMS,IAAgC,gBAAAC,EAAM,cAAcF,CAA4B,GAChFG,IAAa,MAAMD,EAAM,WAAWD,CAAgB,GACpDG,IAAe,OAAO,UAAW,cAAc,OAAO,KACtDC,IAAgBD,IAAe,OAAO,IAAI,eAAe,IAAI,OAC7DE,IAAcF,IAAe,OAAO,IAAI,mBAAmB,IAAI,OAC/DG,IAAmB;AAAA,EACvB,mBAAmB,CAAAC,MACV,CAAC,CAACA,KAAK,OAAOA,KAAM,YAAYA,EAAE,aAAaH,KAAiBG,EAAE,aAAaF;AAAA,EAExF,YAAY,CAACG,GAAYC,MAAeA;AAC1C,GAKMC,IAAQ,CAACC,GAAGC,MAAMC,EAAUF,GAAGC,GAAGN,CAAgB;AACxD,SAASQ,KAAYC,GAAM;AACzB,SAAOF,EAAU,IAAIE,GAAMT,CAAgB;AAC7C;AACAI,EAAM,MAAMI;AAIP,MAACE,IAAqC,CAAC;AAAA,EAC1C,SAAAC;AAAA,EACA,UAAArB;AACF,MAAMH,EAAIyB,EAAa,UAAU;AAAA,EAC/B,OAAOD,EAAQ;AACjB,GAAGxB,EAAIO,EAAiB,UAAU;AAAA,EAChC,OAAOiB;AAAA,EACP,UAAArB;AACF,CAAC,CAAC;AACF,SAASuB,EAAc;AAAA,EACrB,OAAAC;AAAA,EACA,UAAAxB;AACF,GAAG;AACD,QAAMyB,IAAQnB;AACd,EAAI,QAAQ,IAAI,aAAa,gBACvBmB,EAAM,wBAAwB9B,KAChC,QAAQ,KAAK,0CAA0C,2CAA2C,uFAAuF;AAG7L,QAAM0B,IAAU,OAAOG,KAAU,aAAa;AAAA,IAC5C,GAAGC;AAAA,IACH,OAAOD,EAAMC,EAAM,KAAK;AAAA,EACzB,IAAGX,EAAM,IAAI,CAAE,GAAEW,GAAO;AAAA,IACvB,OAAAD;AAAA,EACJ,CAAG;AACD,SAAO3B,EAAIuB,GAAoC;AAAA,IAC7C,SAAAC;AAAA,IACA,UAAArB;AAAA,EACJ,CAAG;AACH;","x_google_ignoreList":[0]}

package/lib/sd-component-library274.js

@@ -1,50 +1,256 @@
-import { j as N } from "./sd-component-library195.js";
-import { getInnerX as k, getInnerY as B, degToRad as c, getCoordinateForArc as i } from "./sd-component-library90.js";
-import { getFractionColor as b } from "./sd-component-library272.js";
-import { BaseNeedle as q } from "./sd-component-library657.js";
-const O = (R) => {
-  const {
-    ranges: r,
-    distanceFromRange: d,
-    innerCircleRadius: X,
-    innerCircleStrokeWidth: Y,
-    needleWidth: n,
-    arc: a,
-    value: l,
-    gaugeWidth: g,
-    diameter: v,
-    needleColor: S
-  } = R, s = v / 2, e = r.length, t = Math.floor(l * e), y = r[t][0], A = r[t][1], u = (360 - a) / 2, m = u + a * t / e, E = u + a * (t + 1) / e, p = t / e, M = (t + 1) / e, { x: h, y: x } = i(
-    s,
-    m
-  ), { x: j, y: F } = i(
-    s,
-    E
-  ), o = m + (l - p) / (M - p) * a / r.length, { x: C, y: f } = i(s, o), G = k(
-    C,
-    c(o),
-    d + g + n / 2
-  ), I = B(
-    f,
-    c(o),
-    d + g + n / 2
-  ), T = n / 2 * Math.cos(c(o)), W = n / 2 * Math.sin(c(o)), z = t + 1 === e / 2 + 0.5 ? (C - h) / (j - h) : (f - x) / (F - x), H = b(z, y, A);
-  return /* @__PURE__ */ N.jsx(
-    q,
-    {
-      radius: s,
-      innerCircleRadius: X,
-      innerCircleStrokeWidth: Y,
-      needleWidth: n,
-      color: S || H,
-      dx: T,
-      dy: W,
-      tipX: G,
-      tipY: I
+import { h as E, E as N, c as k, w as x, T as b } from "./sd-component-library278.js";
+import * as l from "react";
+import { insertStyles as g, registerStyles as _, getRegisteredStyles as C } from "./sd-component-library312.js";
+import { useInsertionEffectWithLayoutFallback as p, useInsertionEffectAlwaysWithSyncFallback as D } from "./sd-component-library313.js";
+import { serializeStyles as w } from "./sd-component-library314.js";
+import "./sd-component-library315.js";
+var O = {
+  name: "@emotion/react",
+  version: "11.11.1",
+  main: "dist/emotion-react.cjs.js",
+  module: "dist/emotion-react.esm.js",
+  browser: {
+    "./dist/emotion-react.esm.js": "./dist/emotion-react.browser.esm.js"
+  },
+  exports: {
+    ".": {
+      module: {
+        worker: "./dist/emotion-react.worker.esm.js",
+        browser: "./dist/emotion-react.browser.esm.js",
+        default: "./dist/emotion-react.esm.js"
+      },
+      import: "./dist/emotion-react.cjs.mjs",
+      default: "./dist/emotion-react.cjs.js"
+    },
+    "./jsx-runtime": {
+      module: {
+        worker: "./jsx-runtime/dist/emotion-react-jsx-runtime.worker.esm.js",
+        browser: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",
+        default: "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js"
+      },
+      import: "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
+      default: "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
+    },
+    "./_isolated-hnrs": {
+      module: {
+        worker: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.worker.esm.js",
+        browser: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",
+        default: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js"
+      },
+      import: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
+      default: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
+    },
+    "./jsx-dev-runtime": {
+      module: {
+        worker: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.worker.esm.js",
+        browser: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",
+        default: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js"
+      },
+      import: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
+      default: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
+    },
+    "./package.json": "./package.json",
+    "./types/css-prop": "./types/css-prop.d.ts",
+    "./macro": {
+      types: {
+        import: "./macro.d.mts",
+        default: "./macro.d.ts"
+      },
+      default: "./macro.js"
     }
-  );
+  },
+  types: "types/index.d.ts",
+  files: [
+    "src",
+    "dist",
+    "jsx-runtime",
+    "jsx-dev-runtime",
+    "_isolated-hnrs",
+    "types/*.d.ts",
+    "macro.*"
+  ],
+  sideEffects: !1,
+  author: "Emotion Contributors",
+  license: "MIT",
+  scripts: {
+    "test:typescript": "dtslint types"
+  },
+  dependencies: {
+    "@babel/runtime": "^7.18.3",
+    "@emotion/babel-plugin": "^11.11.0",
+    "@emotion/cache": "^11.11.0",
+    "@emotion/serialize": "^1.1.2",
+    "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
+    "@emotion/utils": "^1.2.1",
+    "@emotion/weak-memoize": "^0.3.1",
+    "hoist-non-react-statics": "^3.3.1"
+  },
+  peerDependencies: {
+    react: ">=16.8.0"
+  },
+  peerDependenciesMeta: {
+    "@types/react": {
+      optional: !0
+    }
+  },
+  devDependencies: {
+    "@definitelytyped/dtslint": "0.0.112",
+    "@emotion/css": "11.11.0",
+    "@emotion/css-prettifier": "1.1.3",
+    "@emotion/server": "11.11.0",
+    "@emotion/styled": "11.11.0",
+    "html-tag-names": "^1.1.2",
+    react: "16.14.0",
+    "svg-tag-names": "^1.1.1",
+    typescript: "^4.5.5"
+  },
+  repository: "https://github.com/emotion-js/emotion/tree/main/packages/react",
+  publishConfig: {
+    access: "public"
+  },
+  "umd:main": "dist/emotion-react.umd.min.js",
+  preconstruct: {
+    entrypoints: [
+      "./index.js",
+      "./jsx-runtime.js",
+      "./jsx-dev-runtime.js",
+      "./_isolated-hnrs.js"
+    ],
+    umdName: "emotionReact",
+    exports: {
+      envConditions: [
+        "browser",
+        "worker"
+      ],
+      extra: {
+        "./types/css-prop": "./types/css-prop.d.ts",
+        "./macro": {
+          types: {
+            import: "./macro.d.mts",
+            default: "./macro.d.ts"
+          },
+          default: "./macro.js"
+        }
+      }
+    }
+  }
+}, L = function(e, o) {
+  var r = arguments;
+  if (o == null || !E.call(o, "css"))
+    return l.createElement.apply(void 0, r);
+  var n = r.length, s = new Array(n);
+  s[0] = N, s[1] = k(e, o);
+  for (var t = 2; t < n; t++)
+    s[t] = r[t];
+  return l.createElement.apply(null, s);
+}, v = !1, z = /* @__PURE__ */ x(function(i, e) {
+  process.env.NODE_ENV !== "production" && !v && // check for className as well since the user is
+  // probably using the custom createElement which
+  // means it will be turned into a className prop
+  // $FlowFixMe I don't really want to add it to the type since it shouldn't be used
+  (i.className || i.css) && (console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?"), v = !0);
+  var o = i.styles, r = w([o], void 0, l.useContext(b)), n = l.useRef();
+  return p(function() {
+    var s = e.key + "-global", t = new e.sheet.constructor({
+      key: s,
+      nonce: e.sheet.nonce,
+      container: e.sheet.container,
+      speedy: e.sheet.isSpeedy
+    }), a = !1, c = document.querySelector('style[data-emotion="' + s + " " + r.name + '"]');
+    return e.sheet.tags.length && (t.before = e.sheet.tags[0]), c !== null && (a = !0, c.setAttribute("data-emotion", s), t.hydrate([c])), n.current = [t, a], function() {
+      t.flush();
+    };
+  }, [e]), p(function() {
+    var s = n.current, t = s[0], a = s[1];
+    if (a) {
+      s[1] = !1;
+      return;
+    }
+    if (r.next !== void 0 && g(e, r.next, !0), t.tags.length) {
+      var c = t.tags[t.tags.length - 1].nextElementSibling;
+      t.before = c, t.flush();
+    }
+    e.insert("", r, t, !1);
+  }, [e, r.name]), null;
+});
+process.env.NODE_ENV !== "production" && (z.displayName = "EmotionGlobal");
+var R = function i(e) {
+  for (var o = e.length, r = 0, n = ""; r < o; r++) {
+    var s = e[r];
+    if (s != null) {
+      var t = void 0;
+      switch (typeof s) {
+        case "boolean":
+          break;
+        case "object": {
+          if (Array.isArray(s))
+            t = i(s);
+          else {
+            process.env.NODE_ENV !== "production" && s.styles !== void 0 && s.name !== void 0 && console.error("You have passed styles created with `css` from `@emotion/react` package to the `cx`.\n`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component."), t = "";
+            for (var a in s)
+              s[a] && a && (t && (t += " "), t += a);
+          }
+          break;
+        }
+        default:
+          t = s;
+      }
+      t && (n && (n += " "), n += t);
+    }
+  }
+  return n;
 };
+function S(i, e, o) {
+  var r = [], n = C(i, r, o);
+  return r.length < 2 ? o : n + e(r);
+}
+var A = function(e) {
+  var o = e.cache, r = e.serializedArr;
+  return D(function() {
+    for (var n = 0; n < r.length; n++)
+      g(o, r[n], !1);
+  }), null;
+}, T = /* @__PURE__ */ x(function(i, e) {
+  var o = !1, r = [], n = function() {
+    if (o && process.env.NODE_ENV !== "production")
+      throw new Error("css can only be used during render");
+    for (var d = arguments.length, u = new Array(d), m = 0; m < d; m++)
+      u[m] = arguments[m];
+    var f = w(u, e.registered);
+    return r.push(f), _(e, f, !1), e.key + "-" + f.name;
+  }, s = function() {
+    if (o && process.env.NODE_ENV !== "production")
+      throw new Error("cx can only be used during render");
+    for (var d = arguments.length, u = new Array(d), m = 0; m < d; m++)
+      u[m] = arguments[m];
+    return S(e.registered, n, R(u));
+  }, t = {
+    css: n,
+    cx: s,
+    theme: l.useContext(b)
+  }, a = i.children(t);
+  return o = !0, /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(A, {
+    cache: e,
+    serializedArr: r
+  }), a);
+});
+process.env.NODE_ENV !== "production" && (T.displayName = "EmotionClassNames");
+if (process.env.NODE_ENV !== "production") {
+  var j = !0, I = typeof jest < "u" || typeof vi < "u";
+  if (j && !I) {
+    var h = (
+      // $FlowIgnore
+      typeof globalThis < "u" ? globalThis : j ? window : global
+    ), y = "__EMOTION_REACT_" + O.version.split(".")[0] + "__";
+    h[y] && console.warn("You are loading @emotion/react when it is already loaded. Running multiple instances may cause problems. This can happen if multiple versions are used, or if multiple builds of the same version are used."), h[y] = !0;
+  }
+}
 export {
-  O as GradientMeterNeedle
+  T as ClassNames,
+  z as Global,
+  b as ThemeContext,
+  L as createElement,
+  L as jsx,
+  x as withEmotionCache
 };
 //# sourceMappingURL=sd-component-library274.js.map