@selfdecode/sd-component-library 4.0.73-vite13 → 4.0.73-vite14

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library252.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-needle/discrete-meter-needle.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { BaseNeedle } from \"../../../outline-meter/partials/base-needle\";\nimport {\n  degToRad,\n  getCoordinateForArc,\n  getInnerX,\n  getInnerY,\n} from \"../../../outline-meter/utils\";\nimport { DiscreteMeterNeedleProps as Props } from \"./interfaces\";\n\nexport function DiscreteMeterNeedle<T>(props: PropsWithChildren<Props<T>>) {\n  const {\n    needleColor,\n    options,\n    value,\n    needleWidth,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    diameter,\n    arc,\n    distanceBetweenRanges,\n    distanceFromRange,\n    gaugeWidth,\n  } = props;\n\n  const matchingRangeIndex = options.findIndex(\n    (option) => value === option.value\n  );\n\n  const radius = diameter / 2;\n\n  const arcStart = (360 - arc) / 2;\n  const arcForRanges = arc - (options.length - 1) * distanceBetweenRanges;\n\n  const start = matchingRangeIndex / options.length;\n  const end = (matchingRangeIndex + 1) / options.length;\n\n  const rangeArc = arcForRanges * (end - start);\n\n  const rangeArcStart =\n    arcStart +\n    distanceBetweenRanges * matchingRangeIndex +\n    arcForRanges * start;\n\n  const valueAlpha = rangeArcStart + rangeArc / 2;\n  const { x: valueX, y: valueY } = getCoordinateForArc(radius, valueAlpha);\n\n  const needleTipX = getInnerX(\n    valueX,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n  const needleTipY = getInnerY(\n    valueY,\n    degToRad(valueAlpha),\n    distanceFromRange + gaugeWidth + needleWidth / 2\n  );\n\n  const dx = (needleWidth / 2) * Math.cos(degToRad(valueAlpha));\n  const dy = (needleWidth / 2) * Math.sin(degToRad(valueAlpha));\n\n  return (\n    <BaseNeedle\n      dx={dx}\n      dy={dy}\n      color={needleColor}\n      radius={radius}\n      tipX={needleTipX}\n      tipY={needleTipY}\n      innerCircleStrokeWidth={innerCircleStrokeWidth}\n      innerCircleRadius={innerCircleRadius}\n      needleWidth={needleWidth}\n    />\n  );\n}\n"],"names":["DiscreteMeterNeedle","props","needleColor","options","value","needleWidth","innerCircleRadius","innerCircleStrokeWidth","diameter","arc","distanceBetweenRanges","distanceFromRange","gaugeWidth","matchingRangeIndex","findIndex","option","radius","arcStart","arcForRanges","length","start","end","rangeArc","valueAlpha","x","valueX","y","valueY","getCoordinateForArc","needleTipX","getInnerX","degToRad","needleTipY","getInnerY","dx","Math","cos","dy","sin","jsx","BaseNeedle"],"mappings":";;;AAWO,SAASA,EAAuBC,GAAoC;AACnE,QAAA;AAAA,IACJC,aAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,wBAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,uBAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,YAAAA;AAAAA,EACEX,IAAAA,GAEEY,IAAqBV,EAAQW,UAChCC,CAAWX,MAAAA,MAAUW,EAAOX,KAC/B,GAEMY,IAASR,IAAW,GAEpBS,KAAY,MAAMR,KAAO,GACzBS,IAAeT,KAAON,EAAQgB,SAAS,KAAKT,GAE5CU,IAAQP,IAAqBV,EAAQgB,QACrCE,KAAOR,IAAqB,KAAKV,EAAQgB,QAEzCG,IAAWJ,KAAgBG,IAAMD,IAOjCG,IAJJN,IACAP,IAAwBG,IACxBK,IAAeE,IAEkBE,IAAW,GACxC;AAAA,IAAEE,GAAGC;AAAAA,IAAQC,GAAGC;AAAAA,EAAAA,IAAWC,EAAoBZ,GAAQO,CAAU,GAEjEM,IAAaC,EACjBL,GACAM,EAASR,CAAU,GACnBZ,IAAoBC,IAAaP,IAAc,CACjD,GACM2B,IAAaC,EACjBN,GACAI,EAASR,CAAU,GACnBZ,IAAoBC,IAAaP,IAAc,CACjD,GAEM6B,IAAM7B,IAAc,IAAK8B,KAAKC,IAAIL,EAASR,CAAU,CAAC,GACtDc,IAAMhC,IAAc,IAAK8B,KAAKG,IAAIP,EAASR,CAAU,CAAC;AAE5D,SACG,gBAAAgB,EAAAC,GAAA,EACC,IAAAN,GACA,IAAAG,GACA,OAAOnC,GACP,QAAAc,GACA,MAAMa,GACN,MAAMG,GACN,wBAAAzB,GACA,mBAAAD,GACA,aAAAD,EACA,CAAA;AAEN;"}
+{"version":3,"file":"sd-component-library252.js","sources":["../src/components/meters/outline-meter/partials/outline-meter-label-pointer/outline-meter-label-pointer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { OutlineMeterLabelPointerProps as Props } from \"./interfaces\";\n\nexport const OutlineMeterLabelPointer: React.FC<Props> = (props) => {\n  const { position, diameter, rangeY, rangeX, distanceFromRanges, isInRange } =\n    props;\n\n  if (isInRange) return null;\n\n  const { startX, startY, endX, endY } =\n    position === \"left\"\n      ? {\n          startX: rangeX || 0,\n          startY: rangeY || diameter / 2 - 0.5,\n          endX: -distanceFromRanges,\n          endY: diameter / 2 - 0.5,\n        }\n      : position === \"top\"\n      ? {\n          startX: rangeX || diameter / 2,\n          startY: rangeY || 0,\n          endX: diameter / 2,\n          endY: -distanceFromRanges,\n        }\n      : {\n          startX: rangeX || diameter,\n          startY: rangeY || diameter / 2 - 0.5,\n          endX: diameter + distanceFromRanges,\n          endY: diameter / 2 - 0.5,\n        };\n\n  return (\n    <path d={`M${startX},${startY} L${endX},${endY}`} stroke={\"#CCD0DB\"} />\n  );\n};\n"],"names":["OutlineMeterLabelPointer","props","position","diameter","rangeY","rangeX","distanceFromRanges","isInRange","startX","startY","endX","endY","jsx"],"mappings":";AAIO,MAAMA,IAA6CC,CAAUA,MAAA;AAC5D,QAAA;AAAA,IAAEC,UAAAA;AAAAA,IAAUC,UAAAA;AAAAA,IAAUC,QAAAA;AAAAA,IAAQC,QAAAA;AAAAA,IAAQC,oBAAAA;AAAAA,IAAoBC,WAAAA;AAAAA,EAC9DN,IAAAA;AAEEM,MAAAA;AAAkB,WAAA;AAEhB,QAAA;AAAA,IAAEC,QAAAA;AAAAA,IAAQC,QAAAA;AAAAA,IAAQC,MAAAA;AAAAA,IAAMC,MAAAA;AAAAA,EAAAA,IAC5BT,MAAa,SACT;AAAA,IACEM,QAAQH,KAAU;AAAA,IAClBI,QAAQL,KAAUD,IAAW,IAAI;AAAA,IACjCO,MAAM,CAACJ;AAAAA,IACPK,MAAMR,IAAW,IAAI;AAAA,EAAA,IAEvBD,MAAa,QACb;AAAA,IACEM,QAAQH,KAAUF,IAAW;AAAA,IAC7BM,QAAQL,KAAU;AAAA,IAClBM,MAAMP,IAAW;AAAA,IACjBQ,MAAM,CAACL;AAAAA,EAAAA,IAET;AAAA,IACEE,QAAQH,KAAUF;AAAAA,IAClBM,QAAQL,KAAUD,IAAW,IAAI;AAAA,IACjCO,MAAMP,IAAWG;AAAAA,IACjBK,MAAMR,IAAW,IAAI;AAAA,EAAA;AAG7B,SACGS,gBAAAA,EAAAA,IAAA,QAAA,EAAK,GAAI,IAAGJ,CAAO,IAAGC,CAAO,KAAIC,CAAK,IAAGC,CAAK,IAAG,QAAQ,UAAa,CAAA;AAE3E;"}

package/lib/sd-component-library253.js

@@ -1,19 +1,45 @@
-import { jsx as s } from "./sd-component-library195.js";
-import { getRangeProperties as d } from "./sd-component-library674.js";
-import { MatchedRangeLabelBox as i } from "./sd-component-library645.js";
-const h = (e) => {
+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-library236.js";
+import { Box as x } from "./sd-component-library199.js";
+import { ResponsiveTextV2 as v } from "./sd-component-library147.js";
+const T = (l) => {
   const {
-    idx: a,
-    totalRanges: t,
-    distanceBetweenRanges: r,
-    arc: n
-  } = e, {
-    rangeArcStart: o,
-    rangeArcEnd: c
-  } = d(n, t, r, a), g = Math.round((o + c) / 2);
-  return /* @__PURE__ */ s(i, { ...e, alpha: g, round: !0 });
+    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 {
-  h as MatchedRangeLabelBox
+  T as BaseMeterLabelBox
 };
 //# sourceMappingURL=sd-component-library253.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library253.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { MatchedRangeLabelBox as LabelBox } from \"../../../common-outline-meter-partials\";\nimport { getRangeProperties } from \"../../utils\";\nimport { MatchedRangeLabelBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n  const { idx, totalRanges, distanceBetweenRanges, arc } = props;\n\n  const { rangeArcStart, rangeArcEnd } = getRangeProperties(\n    arc,\n    totalRanges,\n    distanceBetweenRanges,\n    idx\n  );\n\n  const alpha = Math.round((rangeArcStart + rangeArcEnd) / 2);\n\n  return <LabelBox {...props} alpha={alpha} round />;\n};\n"],"names":["MatchedRangeLabelBox","props","idx","totalRanges","distanceBetweenRanges","arc","rangeArcStart","rangeArcEnd","getRangeProperties","alpha","Math","round","LabelBox"],"mappings":";;;AAMO,MAAMA,IAAyCC,CAAUA,MAAA;AACxD,QAAA;AAAA,IAAEC,KAAAA;AAAAA,IAAKC,aAAAA;AAAAA,IAAaC,uBAAAA;AAAAA,IAAuBC,KAAAA;AAAAA,EAAQJ,IAAAA,GAEnD;AAAA,IAAEK,eAAAA;AAAAA,IAAeC,aAAAA;AAAAA,EAAgBC,IAAAA,EACrCH,GACAF,GACAC,GACAF,CACF,GAEMO,IAAQC,KAAKC,OAAOL,IAAgBC,KAAe,CAAC;AAE1D,2BAAQK,GAAS,EAAA,GAAIX,GAAO,OAAAQ,GAAc,OAAK,GAAG,CAAA;AACpD;"}
+{"version":3,"file":"sd-component-library253.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","current","getBoundingClientRect","height","left","undefined","right","top","jsx","Box","py","px","labelPaddingX","borderColor","borderWidth","borderStyle","borderBottomStyle","borderRadius","bg","maxWidth","labelWidth","ResponsiveTextV2"],"mappings":";;;;;;AAQO,MAAMA,IAAsCC,CAAUA,MAAA;AACrD,QAAA;AAAA,IACJC,UAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,2BAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,OAAAA;AAAAA,EACEN,IAAAA,GACEO,IAAMC,KACN,CAACC,GAAYC,CAAa,IAAIC,EAAS,CAAC;AAE9CC,EAAAA,EAAU,MAAM;AACd,IAAIL,EAAIM,WAASH,EAAcH,EAAIM,QAAQC,sBAAsB,EAAEC,MAAM;AAAA,EAAA,GACxE,CAACR,CAAG,CAAC;AAER,QAAMS,IACJf,MAAa,UACR,GAAEC,IAAWE,CAA0B,OACxCH,MAAa,QACZ,GAAEC,IAAW,CAAE,OAChBe,QACAC,IACJjB,MAAa,SACR,GAAEC,IAAWE,CAA0B,OACxCa,QACAE,IACJlB,MAAa,UAAUA,MAAa,UAC/B,GAAEC,IAAW,CAAE,OACf,GAAE,CAACE,CAA0B;AAGlC,SAAAgB,gBAAAA,EAAA,IAACC,KAAI,IAAI;AAAA,IAAEpB,UAAU;AAAA,IAAYe,MAAAA;AAAAA,IAAMG,KAAAA;AAAAA,IAAKD,OAAAA;AAAAA,EAAM,GAChD,UAACE,gBAAAA,EAAAA,IAAAC,GAAA,EACC,IAAI;AAAA,IACFpB,UAAU;AAAA,IACVkB,KAAM,IAAGV,CAAW;AAAA,IACpBO,MAAMf,MAAa,QAAQ,SAASgB;AAAAA,IACpCK,IAAI;AAAA,IACJC,IAAIlB,IAAa,GAAEmB,CAAc,OAAM;AAAA,IACvCC,aAAapB,IAAYC,IAAQ;AAAA,IACjCoB,aAAarB,IAAY,QAAQ;AAAA,IACjCsB,aAAatB,IAAY,UAAU;AAAA,IACnCuB,mBACE,CAACvB,KAAaJ,MAAa,QAAQ,SAAS;AAAA,IAC9C4B,cAAcxB,IACT,GAAEmB,CAAc,MAAKA,CAAc,MAClCvB,MAAa,SAAU,GAAEuB,CAAc,OAAM,GAC9C,IAAGvB,MAAa,UAAW,GAAEuB,CAAc,OAAM,GAAI,KACtD;AAAA,IACJM,IAAI;AAAA,IACJ,WAAW;AAAA,MACTC,UAAU9B,MAAa,QAAQgB,SAAa,GAAEe,CAAW;AAAA,IAC3D;AAAA,EACF,GACA,KAAAzB,GAEA,UAAAa,gBAAAA,MAACa,GACC,EAAA,OAAM,eACN,gBAAgB,CAAC,CAAC,IAAI,WAAW,CAAC,GAClC,OAAO5B,KAAaC,MAAU,YAAYA,IAAQ,eAClD,eAAc,aACd,eAAc,SAEbH,UACHA,EAAA,CAAA,EACF,CAAA,EACF,CAAA;AAEJ;"}

package/lib/sd-component-library255.js

@@ -1,10 +1,10 @@
-import { jsxs as O, jsx as o } from "./sd-component-library195.js";
-import { useHover as R } from "./sd-component-library3.js";
+import { j as n } from "./sd-component-library195.js";
+import { useHover as Z } from "./sd-component-library3.js";
 import { getCoordinateForArc as l } from "./sd-component-library89.js";
-import { getSegmentCoordinates as q } from "./sd-component-library254.js";
-import { SegmentLabel as z } from "./sd-component-library725.js";
-const h = 300, J = ({
-  segment: s,
+import { getSegmentCoordinates as O } from "./sd-component-library254.js";
+import { SegmentLabel as q } from "./sd-component-library708.js";
+const h = 300, G = ({
+  segment: o,
   segmentWidth: $,
   outlineWidth: f,
   size: i,
@@ -13,42 +13,42 @@ const h = 300, J = ({
 }) => {
   const {
     start: p,
-    end: u,
-    color: k
-  } = s, {
-    labelOffset: x
+    end: x,
+    color: u
+  } = o, {
+    labelOffset: j
   } = c, t = i / 2, d = t - $, {
-    startInnerX: A,
-    startInnerY: M,
-    endInnerX: X,
-    endInnerY: Y,
-    endX: v,
-    endY: S,
-    startY: g,
-    startX: H,
+    startInnerX: k,
+    startInnerY: A,
+    endInnerX: M,
+    endInnerY: X,
+    endX: Y,
+    endY: v,
+    startY: S,
+    startX: g,
     arc: e
-  } = q(s, t, $), r = i / 2, I = Math.round(p * 360), L = Math.round(u * 360), {
-    isHover: w,
-    hoverCallbacks: y
-  } = R(), m = w && !a, n = Math.sqrt(2) * (t + x), {
-    x: C,
-    y: Z
-  } = l(n, I, t), {
-    x: j,
-    y: E
-  } = l(n, L, t);
-  return /* @__PURE__ */ O("g", { ...a ? {} : y, children: [
-    /* @__PURE__ */ o("path", { d: `M${r},${r} L${C},${Z} A${n},${n} 0 ${e > 180 ? "1" : "0"},1 ${j},${E}Z`, fill: "transparent" }),
-    /* @__PURE__ */ o("path", { d: `M${r},${r} L${H},${g} A${t},${t} 0 ${e > 180 ? "1" : "0"},1 ${v},${S}Z`, fill: k, strokeWidth: f, stroke: "white" }),
-    /* @__PURE__ */ o("path", { d: `M${r},${r} L${A},${M} A${d},${d} 0 ${e > 180 ? "1" : "0"},1 ${X},${Y}Z`, fill: "white", style: {
+  } = 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" }),
+    /* @__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__ */ o(z, { segment: s, radius: t, animationDuration: h, isHover: m, mobile: a, ...c })
+    /* @__PURE__ */ n.jsx(q, { segment: o, radius: t, animationDuration: h, isHover: m, mobile: a, ...c })
   ] });
 };
 export {
-  J as Segment
+  G as Segment
 };
 //# sourceMappingURL=sd-component-library255.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library255.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","size","diameter","mobile","labelProps","start","end","color","labelOffset","radius","innerRadius","startInnerX","startInnerY","endInnerX","endInnerY","endX","endY","startY","startX","arc","getSegmentCoordinates","center","startAlpha","Math","round","endAlpha","isHover","hoverCallbacks","useHover","showHover","maxRadius","sqrt","x","maskStartX","y","maskStartY","getCoordinateForArc","maskEndX","maskEndY","jsx","transform","transformOrigin","transition","SegmentLabel"],"mappings":";;;;;AAQA,MAAMA,IAAoB,KAEbC,IAA2BA,CAAC;AAAA,EACvCC,SAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,MAAMC;AAAAA,EACNC,QAAAA;AAAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,IAAKC,OAAAA;AAAAA,EAAUT,IAAAA,GACxB;AAAA,IAAEU,aAAAA;AAAAA,EAAgBJ,IAAAA,GAElBK,IAASP,IAAW,GACpBQ,IAAcD,IAASV,GAEvB;AAAA,IACJY,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,KAAAA;AAAAA,EACEC,IAAAA,EAAsBtB,GAASW,GAAQV,CAAY,GAEjDsB,IAASnB,IAAW,GAEpBoB,IAAaC,KAAKC,MAAMnB,IAAQ,GAAG,GACnCoB,IAAWF,KAAKC,MAAMlB,IAAM,GAAG,GAE/B;AAAA,IAAEoB,SAAAA;AAAAA,IAASC,gBAAAA;AAAAA,MAAmBC,EAAS,GACvCC,IAAYH,KAAW,CAACvB,GAExB2B,IAAYP,KAAKQ,KAAK,CAAC,KAAKtB,IAASD,IAErC;AAAA,IAAEwB,GAAGC;AAAAA,IAAYC,GAAGC;AAAAA,EAAeC,IAAAA,EACvCN,GACAR,GACAb,CACF,GAEM;AAAA,IAAEuB,GAAGK;AAAAA,IAAUH,GAAGI;AAAAA,EAAaF,IAAAA,EACnCN,GACAL,GACAhB,CACF;AAEA,2BACG,KAAON,EAAAA,GAAAA,IAAS,KAAKwB,GAEpB,UAAA;AAAA,IAAC,gBAAAY,EAAA,QAAA,EACC,GAAI,IAAGlB,CAAO,IAAGA,CAAO,KAAIY,CAAW,IAAGE,CAAW,KAAIL,CAAU,IAAGA,CAAU,MAC9EX,IAAM,MAAM,MAAM,GACnB,MAAKkB,CAAS,IAAGC,CAAS,KAC3B,MAAK,cAAa,CAAA;AAAA,IAInB,gBAAAC,EAAA,QAAA,EACC,GAAI,IAAGlB,CAAO,IAAGA,CAAO,KAAIH,CAAO,IAAGD,CAAO,KAAIR,CAAO,IAAGA,CAAO,MAChEU,IAAM,MAAM,MAAM,GACnB,MAAKJ,CAAK,IAAGC,CAAK,KACnB,MAAMT,GACN,aAAaP,GACb,QAAO,SAAO;AAAA,IAIhB,gBAAAuC,EAAC,QACC,EAAA,GAAI,IAAGlB,CAAO,IAAGA,CAAO,KAAIV,CAAY,IAAGC,CAAY,KAAIF,CAAY,IAAGA,CAAY,MACpFS,IAAM,MAAM,MAAM,GACnB,MAAKN,CAAU,IAAGC,CAAU,KAC7B,MAAK,SACL,OAAO;AAAA,MACL0B,WAAY,SAAQX,IAAY,MAAM,CAAE;AAAA,MACxCY,iBAAiB;AAAA,MACjBC,YAAa,OAAM9C,CAAkB;AAAA,IAAA,GACrC;AAAA,IAGJ,gBAAA2C,EAACI,KACC,SAAA7C,GACA,QAAAW,GACA,mBAAAb,GACA,SAASiC,GACT,QAAA1B,GACA,GAAIC,GAAW;AAAA,EAEnB,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library255.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","size","diameter","mobile","labelProps","start","end","color","labelOffset","radius","innerRadius","startInnerX","startInnerY","endInnerX","endInnerY","endX","endY","startY","startX","arc","getSegmentCoordinates","center","startAlpha","Math","round","endAlpha","isHover","hoverCallbacks","useHover","showHover","maxRadius","sqrt","x","maskStartX","y","maskStartY","getCoordinateForArc","maskEndX","maskEndY","jsx","transform","transformOrigin","transition","SegmentLabel"],"mappings":";;;;;AAQA,MAAMA,IAAoB,KAEbC,IAA2BA,CAAC;AAAA,EACvCC,SAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,MAAMC;AAAAA,EACNC,QAAAA;AAAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAA;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,IAAKC,OAAAA;AAAAA,EAAUT,IAAAA,GACxB;AAAA,IAAEU,aAAAA;AAAAA,EAAgBJ,IAAAA,GAElBK,IAASP,IAAW,GACpBQ,IAAcD,IAASV,GAEvB;AAAA,IACJY,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,KAAAA;AAAAA,EACEC,IAAAA,EAAsBtB,GAASW,GAAQV,CAAY,GAEjDsB,IAASnB,IAAW,GAEpBoB,IAAaC,KAAKC,MAAMnB,IAAQ,GAAG,GACnCoB,IAAWF,KAAKC,MAAMlB,IAAM,GAAG,GAE/B;AAAA,IAAEoB,SAAAA;AAAAA,IAASC,gBAAAA;AAAAA,MAAmBC,EAAS,GACvCC,IAAYH,KAAW,CAACvB,GAExB2B,IAAYP,KAAKQ,KAAK,CAAC,KAAKtB,IAASD,IAErC;AAAA,IAAEwB,GAAGC;AAAAA,IAAYC,GAAGC;AAAAA,EAAeC,IAAAA,EACvCN,GACAR,GACAb,CACF,GAEM;AAAA,IAAEuB,GAAGK;AAAAA,IAAUH,GAAGI;AAAAA,EAAaF,IAAAA,EACnCN,GACAL,GACAhB,CACF;AAEA,gCACG,KAAON,EAAAA,GAAAA,IAAS,KAAKwB,GAEpB,UAAA;AAAA,IAACY,gBAAAA,EAAAA,IAAA,QAAA,EACC,GAAI,IAAGlB,CAAO,IAAGA,CAAO,KAAIY,CAAW,IAAGE,CAAW,KAAIL,CAAU,IAAGA,CAAU,MAC9EX,IAAM,MAAM,MAAM,GACnB,MAAKkB,CAAS,IAAGC,CAAS,KAC3B,MAAK,cAAa,CAAA;AAAA,IAInBC,gBAAAA,EAAA,IAAA,QAAA,EACC,GAAI,IAAGlB,CAAO,IAAGA,CAAO,KAAIH,CAAO,IAAGD,CAAO,KAAIR,CAAO,IAAGA,CAAO,MAChEU,IAAM,MAAM,MAAM,GACnB,MAAKJ,CAAK,IAAGC,CAAK,KACnB,MAAMT,GACN,aAAaP,GACb,QAAO,SAAO;AAAA,IAIhBuC,gBAAAA,EAAAA,IAAC,QACC,EAAA,GAAI,IAAGlB,CAAO,IAAGA,CAAO,KAAIV,CAAY,IAAGC,CAAY,KAAIF,CAAY,IAAGA,CAAY,MACpFS,IAAM,MAAM,MAAM,GACnB,MAAKN,CAAU,IAAGC,CAAU,KAC7B,MAAK,SACL,OAAO;AAAA,MACL0B,WAAY,SAAQX,IAAY,MAAM,CAAE;AAAA,MACxCY,iBAAiB;AAAA,MACjBC,YAAa,OAAM9C,CAAkB;AAAA,IAAA,GACrC;AAAA,IAGJ2C,gBAAAA,EAAAA,IAACI,KACC,SAAA7C,GACA,QAAAW,GACA,mBAAAb,GACA,SAASiC,GACT,QAAA1B,GACA,GAAIC,GAAW;AAAA,EAEnB,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library256.js

@@ -1,32 +1,32 @@
-import { jsxs as X, jsx as c } from "./sd-component-library195.js";
-import Y from "./sd-component-library194.js";
-import { getSegmentCoordinates as x } from "./sd-component-library254.js";
-const A = ({
-  segment: n,
-  size: e,
-  segmentWidth: o,
-  outlineWidth: i,
+import { j as n } from "./sd-component-library195.js";
+import g from "./sd-component-library194.js";
+import { getSegmentCoordinates as I } from "./sd-component-library254.js";
+const w = ({
+  segment: e,
+  size: o,
+  segmentWidth: s,
+  outlineWidth: c,
   isMatching: a
 }) => {
   const {
     color: d
-  } = n, t = e / 2, s = t - o, {
+  } = e, t = o / 2, $ = t - s, {
     startX: l,
-    startY: h,
-    arc: $,
-    startInnerY: m,
-    startInnerX: p,
-    endInnerY: f,
-    endInnerX: u,
-    endX: g,
-    endY: I
-  } = x(n, t, o), r = e / 2;
-  return /* @__PURE__ */ X("g", { children: [
-    /* @__PURE__ */ c("path", { d: `M${r},${r} L${l},${h} A${t},${t} 0 ${$ > 180 ? "1" : "0"},1 ${g},${I}Z`, fill: a ? d : Y.colors.cl_lightGrey, strokeWidth: i, stroke: "white" }),
-    /* @__PURE__ */ c("path", { d: `M${r},${r} L${p},${m} A${s},${s} 0 ${$ > 180 ? "1" : "0"},1 ${u},${f}Z`, fill: "white" })
+    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" }),
+    /* @__PURE__ */ n.jsx("path", { d: `M${r},${r} L${h},${p} A${$},${$} 0 ${i > 180 ? "1" : "0"},1 ${x},${u}Z`, fill: "white" })
   ] });
 };
 export {
-  A as CompactDonutGaugeSegment
+  w as CompactDonutGaugeSegment
 };
 //# sourceMappingURL=sd-component-library256.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library256.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","size","diameter","segmentWidth","outlineWidth","isMatching","color","radius","innerRadius","startX","startY","arc","startInnerY","startInnerX","endInnerY","endInnerX","endX","endY","getSegmentCoordinates","center","jsx","theme","colors"],"mappings":";;;AAMO,MAAMA,IAA4CA,CAAC;AAAA,EACxDC,SAAAA;AAAAA,EACAC,MAAMC;AAAAA,EACNC,cAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,YAAAA;AACF,MAAM;AACE,QAAA;AAAA,IAAEC,OAAAA;AAAAA,EAAUN,IAAAA,GAEZO,IAASL,IAAW,GACpBM,IAAcD,IAASJ,GAEvB;AAAA,IACJM,QAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,MAAAA;AAAAA,EACEC,IAAAA,EAAsBlB,GAASO,GAAQJ,CAAY,GAEjDgB,IAASjB,IAAW;AAE1B,2BACG,KAEC,EAAA,UAAA;AAAA,IAAA,gBAAAkB,EAAC,QACC,EAAA,GAAI,IAAGD,CAAO,IAAGA,CAAO,KAAIV,CAAO,IAAGC,CAAO,KAAIH,CAAO,IAAGA,CAAO,MAChEI,IAAM,MAAM,MAAM,GACnB,MAAKK,CAAK,IAAGC,CAAK,KACnB,MAAMZ,IAAaC,IAAQe,EAAMC,OAAO,cACxC,aAAalB,GACb,QAAO,SAAO;AAAA,IAIhB,gBAAAgB,EAAC,QACC,EAAA,GAAI,IAAGD,CAAO,IAAGA,CAAO,KAAIN,CAAY,IAAGD,CAAY,KAAIJ,CAAY,IAAGA,CAAY,MACpFG,IAAM,MAAM,MAAM,GACnB,MAAKI,CAAU,IAAGD,CAAU,KAC7B,MAAK,QAAO,CAAA;AAAA,EAEhB,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library256.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","size","diameter","segmentWidth","outlineWidth","isMatching","color","radius","innerRadius","startX","startY","arc","startInnerY","startInnerX","endInnerY","endInnerX","endX","endY","getSegmentCoordinates","center","jsx","theme","colors"],"mappings":";;;AAMO,MAAMA,IAA4CA,CAAC;AAAA,EACxDC,SAAAA;AAAAA,EACAC,MAAMC;AAAAA,EACNC,cAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,YAAAA;AACF,MAAM;AACE,QAAA;AAAA,IAAEC,OAAAA;AAAAA,EAAUN,IAAAA,GAEZO,IAASL,IAAW,GACpBM,IAAcD,IAASJ,GAEvB;AAAA,IACJM,QAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,KAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,MAAAA;AAAAA,EACEC,IAAAA,EAAsBlB,GAASO,GAAQJ,CAAY,GAEjDgB,IAASjB,IAAW;AAE1B,gCACG,KAEC,EAAA,UAAA;AAAA,IAAAkB,gBAAAA,EAAA,IAAC,QACC,EAAA,GAAI,IAAGD,CAAO,IAAGA,CAAO,KAAIV,CAAO,IAAGC,CAAO,KAAIH,CAAO,IAAGA,CAAO,MAChEI,IAAM,MAAM,MAAM,GACnB,MAAKK,CAAK,IAAGC,CAAK,KACnB,MAAMZ,IAAaC,IAAQe,EAAMC,OAAO,cACxC,aAAalB,GACb,QAAO,SAAO;AAAA,IAIhBgB,gBAAAA,EAAAA,IAAC,QACC,EAAA,GAAI,IAAGD,CAAO,IAAGA,CAAO,KAAIN,CAAY,IAAGD,CAAY,KAAIJ,CAAY,IAAGA,CAAY,MACpFG,IAAM,MAAM,MAAM,GACnB,MAAKI,CAAU,IAAGD,CAAU,KAC7B,MAAK,QAAO,CAAA;AAAA,EAEhB,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library257.js

@@ -1,24 +1,24 @@
-import { jsx as e, jsxs as h } from "./sd-component-library195.js";
+import { j as t } from "./sd-component-library195.js";
 import { FlexCenter as s } from "./sd-component-library37.js";
 import { ResponsiveTextV2 as i } from "./sd-component-library147.js";
-const x = ({
+const l = ({
   segment: {
     start: n,
     end: r,
-    color: t
+    color: e
   },
   size: o
-}) => /* @__PURE__ */ e("foreignObject", { x: 0, y: 0, width: o, height: o, children: /* @__PURE__ */ e(s, { height: "100%", children: /* @__PURE__ */ h(i, { fontSizeWeight: [20, "bold"], color: t, sx: {
+}) => /* @__PURE__ */ t.jsx("foreignObject", { x: 0, y: 0, width: o, height: o, children: /* @__PURE__ */ t.jsx(s, { height: "100%", children: /* @__PURE__ */ t.jsxs(i, { fontSizeWeight: [20, "bold"], color: e, sx: {
   position: "relative"
 }, children: [
   Math.round((r - n) * 100),
-  /* @__PURE__ */ e(i, { fontSizeWeight: [10, "bold"], color: t, sx: {
+  /* @__PURE__ */ t.jsx(i, { fontSizeWeight: [10, "bold"], color: e, sx: {
     position: "absolute",
     top: "4px",
     left: "100%"
   }, children: "%" })
 ] }) }) });
 export {
-  x as CompactDonutGaugeValueIndicator
+  l as CompactDonutGaugeValueIndicator
 };
 //# sourceMappingURL=sd-component-library257.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library257.js","sources":["../src/components/meters/compact-donut-gauge/partials/compact-donut-gauge-value-indicator/compact-donut-gauge-value-indicator.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { FlexCenter } from \"../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { CompactDonutGaugeValueIndicatorProps as Props } from \"./interfaces\";\n\nexport const CompactDonutGaugeValueIndicator: React.FC<Props> = ({\n  segment: { start, end, color },\n  size,\n}) => {\n  return (\n    <foreignObject x={0} y={0} width={size} height={size}>\n      <FlexCenter height=\"100%\">\n        <ResponsiveTextV2\n          fontSizeWeight={[20, \"bold\"]}\n          color={color}\n          sx={{ position: \"relative\" }}\n        >\n          {Math.round((end - start) * 100)}\n\n          <ResponsiveTextV2\n            fontSizeWeight={[10, \"bold\"]}\n            color={color}\n            sx={{ position: \"absolute\", top: \"4px\", left: \"100%\" }}\n          >\n            %\n          </ResponsiveTextV2>\n        </ResponsiveTextV2>\n      </FlexCenter>\n    </foreignObject>\n  );\n};\n"],"names":["CompactDonutGaugeValueIndicator","segment","start","end","color","size","jsx","FlexCenter","ResponsiveTextV2","position","Math","round","top","left"],"mappings":";;;AAQO,MAAMA,IAAmDA,CAAC;AAAA,EAC/DC,SAAS;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,IAAKC,OAAAA;AAAAA,EAAM;AAAA,EAC7BC,MAAAA;AACF,MAEI,gBAAAC,EAAC,mBAAc,GAAG,GAAG,GAAG,GAAG,OAAOD,GAAM,QAAQA,GAC9C,UAAA,gBAAAC,EAACC,KAAW,QAAO,QACjB,4BAACC,GACC,EAAA,gBAAgB,CAAC,IAAI,MAAM,GAC3B,OAAAJ,GACA,IAAI;AAAA,EAAEK,UAAU;AAEfC,GAAAA,UAAAA;AAAAA,EAAKC,KAAAA,OAAOR,IAAMD,KAAS,GAAG;AAAA,EAE/B,gBAAAI,EAACE,KACC,gBAAgB,CAAC,IAAI,MAAM,GAC3B,OAAAJ,GACA,IAAI;AAAA,IAAEK,UAAU;AAAA,IAAYG,KAAK;AAAA,IAAOC,MAAM;AAAA,EAAA,GAAS,UAGzD,KAAA;AAAA,GACF,GACF,EACF,CAAA;"}
+{"version":3,"file":"sd-component-library257.js","sources":["../src/components/meters/compact-donut-gauge/partials/compact-donut-gauge-value-indicator/compact-donut-gauge-value-indicator.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { FlexCenter } from \"../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { CompactDonutGaugeValueIndicatorProps as Props } from \"./interfaces\";\n\nexport const CompactDonutGaugeValueIndicator: React.FC<Props> = ({\n  segment: { start, end, color },\n  size,\n}) => {\n  return (\n    <foreignObject x={0} y={0} width={size} height={size}>\n      <FlexCenter height=\"100%\">\n        <ResponsiveTextV2\n          fontSizeWeight={[20, \"bold\"]}\n          color={color}\n          sx={{ position: \"relative\" }}\n        >\n          {Math.round((end - start) * 100)}\n\n          <ResponsiveTextV2\n            fontSizeWeight={[10, \"bold\"]}\n            color={color}\n            sx={{ position: \"absolute\", top: \"4px\", left: \"100%\" }}\n          >\n            %\n          </ResponsiveTextV2>\n        </ResponsiveTextV2>\n      </FlexCenter>\n    </foreignObject>\n  );\n};\n"],"names":["CompactDonutGaugeValueIndicator","segment","start","end","color","size","jsx","FlexCenter","ResponsiveTextV2","position","Math","round","top","left"],"mappings":";;;AAQO,MAAMA,IAAmDA,CAAC;AAAA,EAC/DC,SAAS;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,KAAAA;AAAAA,IAAKC,OAAAA;AAAAA,EAAM;AAAA,EAC7BC,MAAAA;AACF,MAEIC,gBAAAA,MAAC,mBAAc,GAAG,GAAG,GAAG,GAAG,OAAOD,GAAM,QAAQA,GAC9C,UAAAC,gBAAAA,EAAAA,IAACC,KAAW,QAAO,QACjB,iCAACC,GACC,EAAA,gBAAgB,CAAC,IAAI,MAAM,GAC3B,OAAAJ,GACA,IAAI;AAAA,EAAEK,UAAU;AAEfC,GAAAA,UAAAA;AAAAA,EAAKC,KAAAA,OAAOR,IAAMD,KAAS,GAAG;AAAA,EAE/BI,gBAAAA,MAACE,KACC,gBAAgB,CAAC,IAAI,MAAM,GAC3B,OAAAJ,GACA,IAAI;AAAA,IAAEK,UAAU;AAAA,IAAYG,KAAK;AAAA,IAAOC,MAAM;AAAA,EAAA,GAAS,UAGzD,KAAA;AAAA,GACF,GACF,EACF,CAAA;"}

package/lib/sd-component-library258.js

@@ -1,18 +1,18 @@
-import { jsx as p } from "./sd-component-library195.js";
+import { j as x } from "./sd-component-library195.js";
 import "./sd-component-library198.js";
-import { Box as x } from "./sd-component-library199.js";
-const f = ({
+import { Box as p } from "./sd-component-library199.js";
+const $ = ({
   idx: o,
   color: t,
-  total: a,
+  total: i,
   segmentHeight: r
 }) => {
-  const i = `${o === 0 ? r / 2 : 0}px`, s = `${o === a - 1 ? r / 2 : 0}px`;
-  return /* @__PURE__ */ p(x, { bg: t, height: r, sx: {
-    borderRadius: `${i} ${[...Array(2)].fill(s).join(" ")} ${i}`
+  const s = `${o === 0 ? r / 2 : 0}px`, a = `${o === i - 1 ? r / 2 : 0}px`;
+  return /* @__PURE__ */ x.jsx(p, { bg: t, height: r, sx: {
+    borderRadius: `${s} ${[...Array(2)].fill(a).join(" ")} ${s}`
   } });
 };
 export {
-  f as LinearGaugeSegment
+  $ as LinearGaugeSegment
 };
 //# sourceMappingURL=sd-component-library258.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library258.js","sources":["../src/components/meters/linear-gauge-meter-partials/linear-gauge-segment/linear-gauge-segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { LinearGaugeSegmentProps as Props } from \"./interfaces\";\n\nexport const LinearGaugeSegment: React.FC<Props> = ({\n  idx,\n  color,\n  total,\n  segmentHeight,\n}) => {\n  const leftRadius = `${idx === 0 ? segmentHeight / 2 : 0}px`;\n  const rightRadius = `${idx === total - 1 ? segmentHeight / 2 : 0}px`;\n\n  return (\n    <Box\n      bg={color}\n      height={segmentHeight}\n      sx={{\n        borderRadius: `${leftRadius} ${[...Array(2)]\n          .fill(rightRadius)\n          .join(\" \")} ${leftRadius}`,\n      }}\n    />\n  );\n};\n"],"names":["LinearGaugeSegment","idx","color","total","segmentHeight","leftRadius","rightRadius","Box","borderRadius","Array","fill","join"],"mappings":";;;AAMO,MAAMA,IAAsCA,CAAC;AAAA,EAClDC,KAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,eAAAA;AACF,MAAM;AACJ,QAAMC,IAAc,GAAEJ,MAAQ,IAAIG,IAAgB,IAAI,CAAE,MAClDE,IAAe,GAAEL,MAAQE,IAAQ,IAAIC,IAAgB,IAAI,CAAE;AAEjE,2BACGG,GACC,EAAA,IAAIL,GACJ,QAAQE,GACR,IAAI;AAAA,IACFI,cAAe,GAAEH,CAAW,IAAG,CAAC,GAAGI,MAAM,CAAC,CAAC,EACxCC,KAAKJ,CAAW,EAChBK,KAAK,GAAG,CAAE,IAAGN,CAAW;AAAA,EAE7B,EAAA,CAAA;AAEN;"}
+{"version":3,"file":"sd-component-library258.js","sources":["../src/components/meters/linear-gauge-meter-partials/linear-gauge-segment/linear-gauge-segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { LinearGaugeSegmentProps as Props } from \"./interfaces\";\n\nexport const LinearGaugeSegment: React.FC<Props> = ({\n  idx,\n  color,\n  total,\n  segmentHeight,\n}) => {\n  const leftRadius = `${idx === 0 ? segmentHeight / 2 : 0}px`;\n  const rightRadius = `${idx === total - 1 ? segmentHeight / 2 : 0}px`;\n\n  return (\n    <Box\n      bg={color}\n      height={segmentHeight}\n      sx={{\n        borderRadius: `${leftRadius} ${[...Array(2)]\n          .fill(rightRadius)\n          .join(\" \")} ${leftRadius}`,\n      }}\n    />\n  );\n};\n"],"names":["LinearGaugeSegment","idx","color","total","segmentHeight","leftRadius","rightRadius","Box","borderRadius","Array","fill","join"],"mappings":";;;AAMO,MAAMA,IAAsCA,CAAC;AAAA,EAClDC,KAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,eAAAA;AACF,MAAM;AACJ,QAAMC,IAAc,GAAEJ,MAAQ,IAAIG,IAAgB,IAAI,CAAE,MAClDE,IAAe,GAAEL,MAAQE,IAAQ,IAAIC,IAAgB,IAAI,CAAE;AAEjE,+BACGG,GACC,EAAA,IAAIL,GACJ,QAAQE,GACR,IAAI;AAAA,IACFI,cAAe,GAAEH,CAAW,IAAG,CAAC,GAAGI,MAAM,CAAC,CAAC,EACxCC,KAAKJ,CAAW,EAChBK,KAAK,GAAG,CAAE,IAAGN,CAAW;AAAA,EAE7B,EAAA,CAAA;AAEN;"}

package/lib/sd-component-library259.js

@@ -1,11 +1,11 @@
-import { jsx as o } from "./sd-component-library195.js";
+import { j as o } from "./sd-component-library195.js";
 import { ResponsiveTextV2 as r } from "./sd-component-library147.js";
-const x = ({
+const m = ({
   text: e,
   color: t,
   ...i
-}) => /* @__PURE__ */ o(r, { height: "12px", fontSizeWeight: [10, "semi-bold"], color: t, mx: "auto", maxWidth: "100%", textAlign: "center", ...i, children: e });
+}) => /* @__PURE__ */ o.jsx(r, { height: "12px", fontSizeWeight: [10, "semi-bold"], color: t, mx: "auto", maxWidth: "100%", textAlign: "center", ...i, children: e });
 export {
-  x as LinearGaugeLabel
+  m as LinearGaugeLabel
 };
 //# sourceMappingURL=sd-component-library259.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library259.js","sources":["../src/components/meters/linear-gauge-meter-partials/linear-gauge-label/linear-gauge-label.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../texts\";\nimport { LinearGaugeLabelProps as Props } from \"./interfaces\";\n\nexport const LinearGaugeLabel: React.FC<Props> = ({\n  text,\n  color,\n  ...restOfProps\n}) => {\n  return (\n    <ResponsiveTextV2\n      height=\"12px\"\n      fontSizeWeight={[10, \"semi-bold\"]}\n      color={color}\n      mx=\"auto\"\n      maxWidth=\"100%\"\n      textAlign=\"center\"\n      {...restOfProps}\n    >\n      {text}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["LinearGaugeLabel","text","color","restOfProps","ResponsiveTextV2"],"mappings":";;AAKO,MAAMA,IAAoCA,CAAC;AAAA,EAChDC,MAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACA,GAAGC;AACL,wBAEKC,GACC,EAAA,QAAO,QACP,gBAAgB,CAAC,IAAI,WAAW,GAChC,OAAAF,GACA,IAAG,QACH,UAAS,QACT,WAAU,UACV,GAAIC,GAEHF,UACHA,EAAA,CAAA;"}
+{"version":3,"file":"sd-component-library259.js","sources":["../src/components/meters/linear-gauge-meter-partials/linear-gauge-label/linear-gauge-label.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../texts\";\nimport { LinearGaugeLabelProps as Props } from \"./interfaces\";\n\nexport const LinearGaugeLabel: React.FC<Props> = ({\n  text,\n  color,\n  ...restOfProps\n}) => {\n  return (\n    <ResponsiveTextV2\n      height=\"12px\"\n      fontSizeWeight={[10, \"semi-bold\"]}\n      color={color}\n      mx=\"auto\"\n      maxWidth=\"100%\"\n      textAlign=\"center\"\n      {...restOfProps}\n    >\n      {text}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["LinearGaugeLabel","text","color","restOfProps","ResponsiveTextV2"],"mappings":";;AAKO,MAAMA,IAAoCA,CAAC;AAAA,EAChDC,MAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACA,GAAGC;AACL,4BAEKC,GACC,EAAA,QAAO,QACP,gBAAgB,CAAC,IAAI,WAAW,GAChC,OAAAF,GACA,IAAG,QACH,UAAS,QACT,WAAU,UACV,GAAIC,GAEHF,UACHA,EAAA,CAAA;"}

package/lib/sd-component-library26.js

@@ -1,8 +1,8 @@
-import { jsx as o } from "./sd-component-library195.js";
-import { ReactComponent as t } from "./sd-component-library214.js";
-import { LogoButton as e } from "./sd-component-library215.js";
-const y = (r) => /* @__PURE__ */ o(e, { ...r, variant: "poweredByLogo", "data-test": "powered-by-grey-logo-button", children: /* @__PURE__ */ o(t, {}) });
+import { j as o } from "./sd-component-library195.js";
+import { LogoButton as r } from "./sd-component-library214.js";
+import { ReactComponent as e } from "./sd-component-library215.js";
+const s = (t) => /* @__PURE__ */ o.jsx(r, { ...t, variant: "poweredByLogo", "data-test": "powered-by-grey-logo-button", children: /* @__PURE__ */ o.jsx(e, {}) });
 export {
-  y as PoweredByGreyLogoButton
+  s as PoweredByGreyLogoButton
 };
 //# sourceMappingURL=sd-component-library26.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library26.js","sources":["../src/components/buttons/logos/powered-by-grey-logo/powered-by-grey-logo.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { LogoButton } from \"../logo\";\nimport { PoweredByGrey } from \"./assets\";\nimport { PoweredByGreyLogoProps } from \"./interfaces\";\n\n/**\n * The powered by grey logo button.\n */\nexport const PoweredByGreyLogoButton: React.FC<PoweredByGreyLogoProps> = (\n  props\n) => {\n  return (\n    <LogoButton\n      {...props}\n      variant=\"poweredByLogo\"\n      data-test=\"powered-by-grey-logo-button\"\n    >\n      <PoweredByGrey />\n    </LogoButton>\n  );\n};\n"],"names":["PoweredByGreyLogoButton","props","jsx","LogoButton","PoweredByGrey"],"mappings":";;;AASO,MAAMA,IACXC,CACGA,MAED,gBAAAC,EAACC,GACC,EAAA,GAAIF,GACJ,SAAQ,iBACR,aAAU,+BAEV,UAAC,gBAAAC,EAAAE,GAAA,CAAa,CAAA,EAChB,CAAA;"}
+{"version":3,"file":"sd-component-library26.js","sources":["../src/components/buttons/logos/powered-by-grey-logo/powered-by-grey-logo.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { LogoButton } from \"../logo\";\nimport { PoweredByGrey } from \"./assets\";\nimport { PoweredByGreyLogoProps } from \"./interfaces\";\n\n/**\n * The powered by grey logo button.\n */\nexport const PoweredByGreyLogoButton: React.FC<PoweredByGreyLogoProps> = (\n  props\n) => {\n  return (\n    <LogoButton\n      {...props}\n      variant=\"poweredByLogo\"\n      data-test=\"powered-by-grey-logo-button\"\n    >\n      <PoweredByGrey />\n    </LogoButton>\n  );\n};\n"],"names":["PoweredByGreyLogoButton","props","jsx","LogoButton","PoweredByGrey"],"mappings":";;;AASO,MAAMA,IACXC,CACGA,MAEDC,gBAAAA,EAAA,IAACC,GACC,EAAA,GAAIF,GACJ,SAAQ,iBACR,aAAU,+BAEV,UAACC,gBAAAA,EAAA,IAAAE,GAAA,CAAa,CAAA,EAChB,CAAA;"}