@selfdecode/sd-component-library 4.0.143 → 4.0.145

package/lib/sd-component-library297.js

@@ -1,38 +1,54 @@
 import { j as t } from "./sd-component-library197.js";
-const h = (n) => {
-  const {
-    color: s,
-    innerCircleRadius: $,
-    innerCircleStrokeWidth: d,
-    dx: i,
-    dy: r,
-    radius: e,
-    tipX: l,
-    tipY: o,
-    needleWidth: c
-  } = n;
-  return /* @__PURE__ */ t.jsxs("g", { children: [
-    /* @__PURE__ */ t.jsx(
-      "path",
-      {
-        d: `M${l - i},${o - r} A${c / 2},${c / 2} 0 0,0 ${l + i},${o + r} L${e + i},${e + r} L${e - i},${e - r} Z`,
-        fill: s
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      "circle",
-      {
-        cx: e,
-        cy: e,
-        r: $ + d,
-        strokeWidth: d,
-        stroke: s,
-        fill: "white"
-      }
-    )
-  ] });
-};
+import x from "react";
+import u from "./sd-component-library196.js";
+import { getIsHorizontal as j, getRangeProperties as p } from "./sd-component-library229.js";
+import { OutlineMeterRange as M } from "./sd-component-library257.js";
+import { LabelPointer as b } from "./sd-component-library322.js";
+const A = x.forwardRef(
+  (e, r) => {
+    const {
+      segmented: o,
+      diameter: n,
+      arc: a,
+      totalRanges: i,
+      distanceBetweenRanges: s,
+      start: m,
+      end: c,
+      idx: d,
+      hideLabels: l,
+      isMatchedRange: g
+    } = e, f = !o, R = n / 2, { rangeArcMiddle: h } = p(
+      a,
+      i,
+      s,
+      d,
+      m,
+      c
+    );
+    return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(
+        M,
+        {
+          ...e,
+          hideLabels: !0,
+          connected: f,
+          ref: r
+        }
+      ),
+      !l && !g && /* @__PURE__ */ t.jsx(
+        b,
+        {
+          ...e,
+          radius: R,
+          color: u.colors.cl_lightGrey,
+          alpha: h,
+          horizontal: j(e)
+        }
+      )
+    ] });
+  }
+);
 export {
-  h as BaseNeedle
+  A as SmileyMeterRange
 };
 //# sourceMappingURL=sd-component-library297.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library297.js","sources":["../src/components/meters/outline-meter/partials/base-needle/base-needle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseNeedleProps as Props } from \"./interfaces\";\n\nexport const BaseNeedle: React.FC<Props> = (props) => {\n  const {\n    color,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    dx,\n    dy,\n    radius,\n    tipX,\n    tipY,\n    needleWidth,\n  } = props;\n\n  return (\n    <g>\n      <path\n        d={`M${tipX - dx},${tipY - dy} A${needleWidth / 2},${\n          needleWidth / 2\n        } 0 0,0 ${tipX + dx},${tipY + dy} L${radius + dx},${radius + dy} L${\n          radius - dx\n        },${radius - dy} Z`}\n        fill={color}\n      />\n      <circle\n        cx={radius}\n        cy={radius}\n        r={innerCircleRadius + innerCircleStrokeWidth}\n        strokeWidth={innerCircleStrokeWidth}\n        stroke={color}\n        fill=\"white\"\n      />\n    </g>\n  );\n};\n"],"names":["BaseNeedle","props","color","innerCircleRadius","innerCircleStrokeWidth","dx","dy","radius","tipX","tipY","needleWidth","jsx"],"mappings":";AAIa,MAAAA,IAA8B,CAACC,MAAU;AAC9C,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAAT;AAEJ,gCACG,KACC,EAAA,UAAA;AAAA,IAAAU,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIH,IAAOH,CAAE,IAAII,IAAOH,CAAE,KAAKI,IAAc,CAAC,IAC/CA,IAAc,CAChB,UAAUF,IAAOH,CAAE,IAAII,IAAOH,CAAE,KAAKC,IAASF,CAAE,IAAIE,IAASD,CAAE,KAC7DC,IAASF,CACX,IAAIE,IAASD,CAAE;AAAA,QACf,MAAMJ;AAAA,MAAA;AAAA,IACR;AAAA,IACAS,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIJ;AAAA,QACJ,IAAIA;AAAA,QACJ,GAAGJ,IAAoBC;AAAA,QACvB,aAAaA;AAAA,QACb,QAAQF;AAAA,QACR,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library297.js","sources":["../src/components/meters/smiley-meter-v2/partials/smiley-meter-range/smiley-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { LabelPointer } from \"../../../common-outline-meter-partials\";\nimport { OutlineMeterRange } from \"../../../outline-meter/partials/outline-meter-range\";\nimport { getIsHorizontal, getRangeProperties } from \"../../utils\";\nimport { SmileyMeterRangeProps as Props } from \"./interfaces\";\n\nexport const SmileyMeterRange = React.forwardRef<SVGCircleElement, Props>(\n  (props, pointRef) => {\n    const {\n      segmented,\n      diameter,\n      arc,\n      totalRanges,\n      distanceBetweenRanges,\n      start,\n      end,\n      idx,\n      hideLabels,\n      isMatchedRange,\n    } = props;\n\n    const needConnection = !segmented;\n\n    const radius = diameter / 2;\n\n    const { rangeArcMiddle: alpha } = getRangeProperties(\n      arc,\n      totalRanges,\n      distanceBetweenRanges,\n      idx,\n      start,\n      end\n    );\n\n    return (\n      <>\n        <OutlineMeterRange\n          {...props}\n          hideLabels\n          connected={needConnection}\n          ref={pointRef}\n        />\n\n        {!hideLabels && !isMatchedRange && (\n          <LabelPointer\n            {...props}\n            radius={radius}\n            color={theme.colors.cl_lightGrey}\n            alpha={alpha}\n            horizontal={getIsHorizontal(props)}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["SmileyMeterRange","React","props","pointRef","segmented","diameter","arc","totalRanges","distanceBetweenRanges","start","end","idx","hideLabels","isMatchedRange","needConnection","radius","alpha","getRangeProperties","jsxs","Fragment","jsx","OutlineMeterRange","LabelPointer","theme","getIsHorizontal"],"mappings":";;;;;;AAQO,MAAMA,IAAmBC,EAAM;AAAA,EACpC,CAACC,GAAOC,MAAa;AACb,UAAA;AAAA,MACJ,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,KAAAC;AAAA,MACA,aAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,OAAAC;AAAA,MACA,KAAAC;AAAA,MACA,KAAAC;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,IACE,IAAAX,GAEEY,IAAiB,CAACV,GAElBW,IAASV,IAAW,GAEpB,EAAE,gBAAgBW,EAAA,IAAUC;AAAA,MAChCX;AAAA,MACAC;AAAA,MACAC;AAAA,MACAG;AAAA,MACAF;AAAA,MACAC;AAAA,IAAA;AAGF,WAEIQ,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAAGnB;AAAA,UACJ,YAAU;AAAA,UACV,WAAWY;AAAA,UACX,KAAKX;AAAA,QAAA;AAAA,MACP;AAAA,MAEC,CAACS,KAAc,CAACC,KACfO,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACE,GAAGpB;AAAA,UACJ,QAAAa;AAAA,UACA,OAAOQ,EAAM,OAAO;AAAA,UACpB,OAAAP;AAAA,UACA,YAAYQ,EAAgBtB,CAAK;AAAA,QAAA;AAAA,MACnC;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF;"}

package/lib/sd-component-library298.js

@@ -1,96 +1,8 @@
-import { j as a } from "./sd-component-library197.js";
-import { useState as S, useCallback as B } from "react";
-import { Box as Y } from "rebass";
-import { labelPaddingX as c, labelWidth as W } from "./sd-component-library227.js";
-import { getCoordinateForArc as $ } from "./sd-component-library91.js";
-import { ResponsiveTextV2 as z } from "./sd-component-library150.js";
-const D = (j) => {
-  const {
-    label: d,
-    color: p,
-    alpha: e,
-    radius: r,
-    horizontal: v,
-    pointerLength: m,
-    round: y,
-    pointY: i
-  } = j, [h, C] = S(0), [f, R] = S(0), T = B((t) => {
-    if (t) {
-      const { height: o, y: l } = t.getBoundingClientRect();
-      C(o), R(l);
-    }
-  }, []);
-  let { x: b, y: g } = $(
-    r + m,
-    e,
-    r
-  );
-  const s = e === 180, n = e < 180, u = e > 180;
-  if (v) {
-    const { x: t, y: o } = $(
-      r,
-      e,
-      r
-    );
-    b = t + m * (n ? -1 : 1), g = o;
-  }
-  if (!d)
-    return null;
-  let x = y || s ? `${c}px` : void 0;
-  if (!x && i) {
-    const t = f - h, o = f;
-    x = [
-      n || i > t,
-      u || i > t,
-      u || i < o,
-      n || i < o
-    ].map((l) => l ? `${c}px` : "0").join(" ");
-  }
-  return /* @__PURE__ */ a.jsx(
-    Y,
-    {
-      sx: {
-        position: "absolute",
-        left: `${b}px`,
-        top: `${g}px`
-      },
-      children: /* @__PURE__ */ a.jsx(
-        Y,
-        {
-          sx: {
-            boxSizing: "content-box",
-            position: "relative",
-            top: `calc(-${h}px)`,
-            left: s ? "-50%" : n ? "-100%" : void 0,
-            py: "7px",
-            px: `${c}px`,
-            borderColor: p,
-            borderWidth: "2px",
-            borderStyle: "solid",
-            borderRadius: x,
-            bg: "cl_white",
-            "& > div": {
-              maxWidth: s ? void 0 : `${W}px`
-            }
-          },
-          ref: T,
-          children: /* @__PURE__ */ a.jsx(
-            z,
-            {
-              fontSizeWeight: [[12, "semi-bold"]],
-              width: "max-content",
-              color: p !== "#CCD0DB" ? p : "cl_darkGrey",
-              textTransform: "uppercase",
-              letterSpacing: "1.8px",
-              children: d
-            }
-          )
-        }
-      )
-    }
-  );
+const p = (c, r, n, t) => {
+  const o = c - (r - 1) * n, s = t / r, e = (t + 1) / r, a = (360 - c) / 2 + n * t + o * s, S = a + o * (e - s);
+  return { rangeArcStart: a, rangeArcEnd: S };
 };
 export {
-  D as MatchedRangeLabelBox
+  p as getRangeProperties
 };
 //# sourceMappingURL=sd-component-library298.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library298.js","sources":["../src/components/meters/common-outline-meter-partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../texts/responsive-text-v2\";\nimport { labelPaddingX, labelWidth } from \"../../outline-meter/contants\";\nimport { getCoordinateForArc } from \"../../outline-meter/utils\";\nimport { MatchedRangeLabelBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n  const {\n    label,\n    color,\n    alpha,\n    radius,\n    horizontal,\n    pointerLength,\n    round,\n    pointY,\n  } = props;\n\n  const [textHeight, setTextHeight] = useState(0);\n  const [textY, setTextY] = useState(0);\n\n  const ref = useCallback((node: HTMLElement) => {\n    if (node) {\n      const { height, y } = node.getBoundingClientRect();\n      setTextHeight(height);\n      setTextY(y);\n    }\n  }, []);\n\n  let { x: pointerEndX, y: pointerEndY } = getCoordinateForArc(\n    radius + pointerLength,\n    alpha,\n    radius\n  );\n\n  const isOnTop = alpha === 180;\n  const isOnLeft = alpha < 180;\n  const isOnRight = alpha > 180;\n\n  if (horizontal) {\n    const { x: pointerStartX, y: pointerStartY } = getCoordinateForArc(\n      radius,\n      alpha,\n      radius\n    );\n\n    pointerEndX = pointerStartX + pointerLength * (isOnLeft ? -1 : 1);\n    pointerEndY = pointerStartY;\n  }\n\n  if (!label) return null;\n\n  let borderRadius = round || isOnTop ? `${labelPaddingX}px` : undefined;\n  if (!borderRadius && pointY) {\n    const textTopY = textY - textHeight;\n    const textBottomY = textY;\n\n    borderRadius = [\n      isOnLeft || pointY > textTopY,\n      isOnRight || pointY > textTopY,\n      isOnRight || pointY < textBottomY,\n      isOnLeft || pointY < textBottomY,\n    ]\n      .map((flag) => (flag ? `${labelPaddingX}px` : \"0\"))\n      .join(\" \");\n  }\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        left: `${pointerEndX}px`,\n        top: `${pointerEndY}px`,\n      }}\n    >\n      <Box\n        sx={{\n          boxSizing: \"content-box\",\n          position: \"relative\",\n          top: `calc(-${textHeight}px)`,\n          left: isOnTop ? \"-50%\" : isOnLeft ? \"-100%\" : undefined,\n          py: \"7px\",\n          px: `${labelPaddingX}px`,\n          borderColor: color,\n          borderWidth: \"2px\",\n          borderStyle: \"solid\",\n          borderRadius,\n          bg: \"cl_white\",\n          \"& > div\": {\n            maxWidth: isOnTop ? undefined : `${labelWidth}px`,\n          },\n        }}\n        ref={ref}\n      >\n        <ResponsiveTextV2\n          fontSizeWeight={[[12, \"semi-bold\"]]}\n          width=\"max-content\"\n          color={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":["MatchedRangeLabelBox","props","label","color","alpha","radius","horizontal","pointerLength","round","pointY","textHeight","setTextHeight","useState","textY","setTextY","ref","useCallback","node","height","y","pointerEndX","pointerEndY","getCoordinateForArc","isOnTop","isOnLeft","isOnRight","pointerStartX","pointerStartY","borderRadius","labelPaddingX","textTopY","textBottomY","flag","jsx","Box","labelWidth","ResponsiveTextV2"],"mappings":";;;;;;AASa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAR,GAEE,CAACS,GAAYC,CAAa,IAAIC,EAAS,CAAC,GACxC,CAACC,GAAOC,CAAQ,IAAIF,EAAS,CAAC,GAE9BG,IAAMC,EAAY,CAACC,MAAsB;AAC7C,QAAIA,GAAM;AACR,YAAM,EAAE,QAAAC,GAAQ,GAAAC,EAAE,IAAIF,EAAK,sBAAsB;AACjD,MAAAN,EAAcO,CAAM,GACpBJ,EAASK,CAAC;AAAA,IACZ;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,MAAI,EAAE,GAAGC,GAAa,GAAGC,EAAgB,IAAAC;AAAA,IACvCjB,IAASE;AAAA,IACTH;AAAA,IACAC;AAAA,EAAA;AAGF,QAAMkB,IAAUnB,MAAU,KACpBoB,IAAWpB,IAAQ,KACnBqB,IAAYrB,IAAQ;AAE1B,MAAIE,GAAY;AACd,UAAM,EAAE,GAAGoB,GAAe,GAAGC,EAAkB,IAAAL;AAAA,MAC7CjB;AAAA,MACAD;AAAA,MACAC;AAAA,IAAA;AAGY,IAAAe,IAAAM,IAAgBnB,KAAiBiB,IAAW,KAAK,IACjDH,IAAAM;AAAA,EAChB;AAEA,MAAI,CAACzB;AAAc,WAAA;AAEnB,MAAI0B,IAAepB,KAASe,IAAU,GAAGM,CAAa,OAAO;AACzD,MAAA,CAACD,KAAgBnB,GAAQ;AAC3B,UAAMqB,IAAWjB,IAAQH,GACnBqB,IAAclB;AAEL,IAAAe,IAAA;AAAA,MACbJ,KAAYf,IAASqB;AAAA,MACrBL,KAAahB,IAASqB;AAAA,MACtBL,KAAahB,IAASsB;AAAA,MACtBP,KAAYf,IAASsB;AAAA,IACvB,EACG,IAAI,CAACC,MAAUA,IAAO,GAAGH,CAAa,OAAO,GAAI,EACjD,KAAK,GAAG;AAAA,EACb;AAGE,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,MAAM,GAAGd,CAAW;AAAA,QACpB,KAAK,GAAGC,CAAW;AAAA,MACrB;AAAA,MAEA,UAAAY,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,WAAW;AAAA,YACX,UAAU;AAAA,YACV,KAAK,SAASxB,CAAU;AAAA,YACxB,MAAMa,IAAU,SAASC,IAAW,UAAU;AAAA,YAC9C,IAAI;AAAA,YACJ,IAAI,GAAGK,CAAa;AAAA,YACpB,aAAa1B;AAAA,YACb,aAAa;AAAA,YACb,aAAa;AAAA,YACb,cAAAyB;AAAA,YACA,IAAI;AAAA,YACJ,WAAW;AAAA,cACT,UAAUL,IAAU,SAAY,GAAGY,CAAU;AAAA,YAC/C;AAAA,UACF;AAAA,UACA,KAAApB;AAAA,UAEA,UAAAkB,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,CAAC,IAAI,WAAW,CAAC;AAAA,cAClC,OAAM;AAAA,cACN,OAAOjC,MAAU,YAAYA,IAAQ;AAAA,cACrC,eAAc;AAAA,cACd,eAAc;AAAA,cAEb,UAAAD;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library298.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/utils.ts"],"sourcesContent":["export const getRangeProperties = (\n  arc: number,\n  totalRanges: number,\n  distanceBetweenRanges: number,\n  idx: number\n) => {\n  const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n\n  const start = idx / totalRanges;\n  const end = (idx + 1) / totalRanges;\n\n  const arcStart = (360 - arc) / 2; // deg\n\n  const rangeArcStart =\n    arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n\n  const rangeArcEnd = rangeArcStart + arcForRanges * (end - start);\n\n  return { rangeArcStart, rangeArcEnd };\n};\n"],"names":["getRangeProperties","arc","totalRanges","distanceBetweenRanges","idx","arcForRanges","start","end","rangeArcStart","rangeArcEnd"],"mappings":"AAAO,MAAMA,IAAqB,CAChCC,GACAC,GACAC,GACAC,MACG;AACG,QAAAC,IAAeJ,KAAOC,IAAc,KAAKC,GAEzCG,IAAQF,IAAMF,GACdK,KAAOH,IAAM,KAAKF,GAIlBM,KAFY,MAAMP,KAAO,IAGlBE,IAAwBC,IAAMC,IAAeC,GAEpDG,IAAcD,IAAgBH,KAAgBE,IAAMD;AAEnD,SAAA,EAAE,eAAAE,GAAe,aAAAC;AAC1B;"}

package/lib/sd-component-library299.js

@@ -1,54 +1,28 @@
-import { j as t } from "./sd-component-library197.js";
-import x from "react";
-import u from "./sd-component-library196.js";
-import { getIsHorizontal as j, getRangeProperties as p } from "./sd-component-library229.js";
-import { OutlineMeterRange as M } from "./sd-component-library233.js";
-import { LabelPointer as b } from "./sd-component-library322.js";
-const A = x.forwardRef(
-  (e, r) => {
-    const {
-      segmented: o,
-      diameter: n,
-      arc: a,
-      totalRanges: i,
-      distanceBetweenRanges: s,
-      start: m,
-      end: c,
-      idx: d,
-      hideLabels: l,
-      isMatchedRange: g
-    } = e, f = !o, R = n / 2, { rangeArcMiddle: h } = p(
-      a,
-      i,
-      s,
-      d,
-      m,
-      c
-    );
-    return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsx(
-        M,
-        {
-          ...e,
-          hideLabels: !0,
-          connected: f,
-          ref: r
-        }
-      ),
-      !l && !g && /* @__PURE__ */ t.jsx(
-        b,
-        {
-          ...e,
-          radius: R,
-          color: u.colors.cl_lightGrey,
-          alpha: h,
-          horizontal: j(e)
-        }
-      )
-    ] });
-  }
-);
+import { j as x } from "./sd-component-library197.js";
+import { getInnerX as u, degToRad as r, getInnerY as i } from "./sd-component-library91.js";
+const j = (p) => {
+  const {
+    startX: $,
+    startY: e,
+    endX: a,
+    endY: d,
+    radius: n,
+    color: A,
+    width: t,
+    roundStart: l = !0,
+    roundEnd: I = !0,
+    startAlpha: o,
+    endAlpha: s
+  } = p, c = s - o, m = u($, r(o), t), X = i(e, r(o), t), Y = u(a, r(s), t), h = i(d, r(s), t);
+  return /* @__PURE__ */ x.jsx(
+    "path",
+    {
+      d: `M${$},${e} A${n},${n} 0 ${c > 180 ? "1" : "0"},1 ${a},${d} ${I ? `A${t / 2},${t / 2} 0 0,1 ` : "L"}${Y},${h} A${n - t},${n - t} 0 ${c > 180 ? "1" : "0"},0 ${m},${X} ${l ? `A${t / 2},${t / 2} 0 0,1 ` : "L"}${$},${e}`,
+      fill: A
+    }
+  );
+};
 export {
-  A as SmileyMeterRange
+  j as BaseOutlineArc
 };
 //# sourceMappingURL=sd-component-library299.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library299.js","sources":["../src/components/meters/smiley-meter-v2/partials/smiley-meter-range/smiley-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { LabelPointer } from \"../../../common-outline-meter-partials\";\nimport { OutlineMeterRange } from \"../../../outline-meter/partials/outline-meter-range\";\nimport { getIsHorizontal, getRangeProperties } from \"../../utils\";\nimport { SmileyMeterRangeProps as Props } from \"./interfaces\";\n\nexport const SmileyMeterRange = React.forwardRef<SVGCircleElement, Props>(\n  (props, pointRef) => {\n    const {\n      segmented,\n      diameter,\n      arc,\n      totalRanges,\n      distanceBetweenRanges,\n      start,\n      end,\n      idx,\n      hideLabels,\n      isMatchedRange,\n    } = props;\n\n    const needConnection = !segmented;\n\n    const radius = diameter / 2;\n\n    const { rangeArcMiddle: alpha } = getRangeProperties(\n      arc,\n      totalRanges,\n      distanceBetweenRanges,\n      idx,\n      start,\n      end\n    );\n\n    return (\n      <>\n        <OutlineMeterRange\n          {...props}\n          hideLabels\n          connected={needConnection}\n          ref={pointRef}\n        />\n\n        {!hideLabels && !isMatchedRange && (\n          <LabelPointer\n            {...props}\n            radius={radius}\n            color={theme.colors.cl_lightGrey}\n            alpha={alpha}\n            horizontal={getIsHorizontal(props)}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["SmileyMeterRange","React","props","pointRef","segmented","diameter","arc","totalRanges","distanceBetweenRanges","start","end","idx","hideLabels","isMatchedRange","needConnection","radius","alpha","getRangeProperties","jsxs","Fragment","jsx","OutlineMeterRange","LabelPointer","theme","getIsHorizontal"],"mappings":";;;;;;AAQO,MAAMA,IAAmBC,EAAM;AAAA,EACpC,CAACC,GAAOC,MAAa;AACb,UAAA;AAAA,MACJ,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,KAAAC;AAAA,MACA,aAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,OAAAC;AAAA,MACA,KAAAC;AAAA,MACA,KAAAC;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,IACE,IAAAX,GAEEY,IAAiB,CAACV,GAElBW,IAASV,IAAW,GAEpB,EAAE,gBAAgBW,EAAA,IAAUC;AAAA,MAChCX;AAAA,MACAC;AAAA,MACAC;AAAA,MACAG;AAAA,MACAF;AAAA,MACAC;AAAA,IAAA;AAGF,WAEIQ,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAAGnB;AAAA,UACJ,YAAU;AAAA,UACV,WAAWY;AAAA,UACX,KAAKX;AAAA,QAAA;AAAA,MACP;AAAA,MAEC,CAACS,KAAc,CAACC,KACfO,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACE,GAAGpB;AAAA,UACJ,QAAAa;AAAA,UACA,OAAOQ,EAAM,OAAO;AAAA,UACpB,OAAAP;AAAA,UACA,YAAYQ,EAAgBtB,CAAK;AAAA,QAAA;AAAA,MACnC;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"sd-component-library299.js","sources":["../src/components/meters/outline-meter/partials/base-outline-arc/base-outline-arc.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { degToRad, getInnerX, getInnerY } from \"../../utils\";\nimport { BaseOutlineArcProps as Props } from \"./interfaces\";\n\nexport const BaseOutlineArc: React.FC<Props> = (props) => {\n  const {\n    startX,\n    startY,\n    endX,\n    endY,\n    radius,\n    color,\n    width,\n    roundStart = true,\n    roundEnd = true,\n    startAlpha,\n    endAlpha,\n  } = props;\n\n  const arc = endAlpha - startAlpha;\n\n  const startInnerX = getInnerX(startX, degToRad(startAlpha), width);\n  const startInnerY = getInnerY(startY, degToRad(startAlpha), width);\n\n  const endInnerX = getInnerX(endX, degToRad(endAlpha), width);\n  const endInnerY = getInnerY(endY, degToRad(endAlpha), width);\n\n  return (\n    <path\n      d={`M${startX},${startY} A${radius},${radius} 0 ${\n        arc > 180 ? \"1\" : \"0\"\n      },1 ${endX},${endY} ${\n        roundEnd ? `A${width / 2},${width / 2} 0 0,1 ` : \"L\"\n      }${endInnerX},${endInnerY} A${radius - width},${radius - width} 0 ${\n        arc > 180 ? \"1\" : \"0\"\n      },0 ${startInnerX},${startInnerY} ${\n        roundStart ? `A${width / 2},${width / 2} 0 0,1 ` : \"L\"\n      }${startX},${startY}`}\n      fill={color}\n    />\n  );\n};\n"],"names":["BaseOutlineArc","props","startX","startY","endX","endY","radius","color","width","roundStart","roundEnd","startAlpha","endAlpha","arc","startInnerX","getInnerX","degToRad","startInnerY","getInnerY","endInnerX","endInnerY","jsx"],"mappings":";;AAKa,MAAAA,IAAkC,CAACC,MAAU;AAClD,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,UAAAC,IAAW;AAAA,IACX,YAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAX,GAEEY,IAAMD,IAAWD,GAEjBG,IAAcC,EAAUb,GAAQc,EAASL,CAAU,GAAGH,CAAK,GAC3DS,IAAcC,EAAUf,GAAQa,EAASL,CAAU,GAAGH,CAAK,GAE3DW,IAAYJ,EAAUX,GAAMY,EAASJ,CAAQ,GAAGJ,CAAK,GACrDY,IAAYF,EAAUb,GAAMW,EAASJ,CAAQ,GAAGJ,CAAK;AAGzD,SAAAa,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAG,IAAInB,CAAM,IAAIC,CAAM,KAAKG,CAAM,IAAIA,CAAM,MAC1CO,IAAM,MAAM,MAAM,GACpB,MAAMT,CAAI,IAAIC,CAAI,IAChBK,IAAW,IAAIF,IAAQ,CAAC,IAAIA,IAAQ,CAAC,YAAY,GACnD,GAAGW,CAAS,IAAIC,CAAS,KAAKd,IAASE,CAAK,IAAIF,IAASE,CAAK,MAC5DK,IAAM,MAAM,MAAM,GACpB,MAAMC,CAAW,IAAIG,CAAW,IAC9BR,IAAa,IAAID,IAAQ,CAAC,IAAIA,IAAQ,CAAC,YAAY,GACrD,GAAGN,CAAM,IAAIC,CAAM;AAAA,MACnB,MAAMI;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/lib/sd-component-library300.js

@@ -1,8 +1,7 @@
-const p = (c, r, n, t) => {
-  const o = c - (r - 1) * n, s = t / r, e = (t + 1) / r, a = (360 - c) / 2 + n * t + o * s, S = a + o * (e - s);
-  return { rangeArcStart: a, rangeArcEnd: S };
-};
+import { j as e } from "./sd-component-library197.js";
+import { LabelPointer as t } from "./sd-component-library322.js";
+const s = (r) => /* @__PURE__ */ e.jsx(t, { ...r });
 export {
-  p as getRangeProperties
+  s as DiscreteMeterLabelPointer
 };
 //# sourceMappingURL=sd-component-library300.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library300.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/utils.ts"],"sourcesContent":["export const getRangeProperties = (\n  arc: number,\n  totalRanges: number,\n  distanceBetweenRanges: number,\n  idx: number\n) => {\n  const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n\n  const start = idx / totalRanges;\n  const end = (idx + 1) / totalRanges;\n\n  const arcStart = (360 - arc) / 2; // deg\n\n  const rangeArcStart =\n    arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n\n  const rangeArcEnd = rangeArcStart + arcForRanges * (end - start);\n\n  return { rangeArcStart, rangeArcEnd };\n};\n"],"names":["getRangeProperties","arc","totalRanges","distanceBetweenRanges","idx","arcForRanges","start","end","rangeArcStart","rangeArcEnd"],"mappings":"AAAO,MAAMA,IAAqB,CAChCC,GACAC,GACAC,GACAC,MACG;AACG,QAAAC,IAAeJ,KAAOC,IAAc,KAAKC,GAEzCG,IAAQF,IAAMF,GACdK,KAAOH,IAAM,KAAKF,GAIlBM,KAFY,MAAMP,KAAO,IAGlBE,IAAwBC,IAAMC,IAAeC,GAEpDG,IAAcD,IAAgBH,KAAgBE,IAAMD;AAEnD,SAAA,EAAE,eAAAE,GAAe,aAAAC;AAC1B;"}
+{"version":3,"file":"sd-component-library300.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-label-pointer/discrete-meter-label-pointer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { LabelPointer } from \"../../../common-outline-meter-partials\";\nimport { DiscreteMeterLabelPointerProps as Props } from \"./interfaces\";\n\nexport const DiscreteMeterLabelPointer: React.FC<Props> = (props) => {\n  return <LabelPointer {...props} />;\n};\n"],"names":["DiscreteMeterLabelPointer","props","jsx","LabelPointer"],"mappings":";;AAKa,MAAAA,IAA6C,CAACC,MAClDC,gBAAAA,EAAA,IAACC,GAAc,EAAA,GAAGF,EAAO,CAAA;"}

package/lib/sd-component-library301.js

@@ -1,7 +1,38 @@
-import { j as e } from "./sd-component-library197.js";
-import { LabelPointer as t } from "./sd-component-library322.js";
-const s = (r) => /* @__PURE__ */ e.jsx(t, { ...r });
+import { j as t } from "./sd-component-library197.js";
+const h = (n) => {
+  const {
+    color: s,
+    innerCircleRadius: $,
+    innerCircleStrokeWidth: d,
+    dx: i,
+    dy: r,
+    radius: e,
+    tipX: l,
+    tipY: o,
+    needleWidth: c
+  } = n;
+  return /* @__PURE__ */ t.jsxs("g", { children: [
+    /* @__PURE__ */ t.jsx(
+      "path",
+      {
+        d: `M${l - i},${o - r} A${c / 2},${c / 2} 0 0,0 ${l + i},${o + r} L${e + i},${e + r} L${e - i},${e - r} Z`,
+        fill: s
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "circle",
+      {
+        cx: e,
+        cy: e,
+        r: $ + d,
+        strokeWidth: d,
+        stroke: s,
+        fill: "white"
+      }
+    )
+  ] });
+};
 export {
-  s as DiscreteMeterLabelPointer
+  h as BaseNeedle
 };
 //# sourceMappingURL=sd-component-library301.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library301.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-label-pointer/discrete-meter-label-pointer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { LabelPointer } from \"../../../common-outline-meter-partials\";\nimport { DiscreteMeterLabelPointerProps as Props } from \"./interfaces\";\n\nexport const DiscreteMeterLabelPointer: React.FC<Props> = (props) => {\n  return <LabelPointer {...props} />;\n};\n"],"names":["DiscreteMeterLabelPointer","props","jsx","LabelPointer"],"mappings":";;AAKa,MAAAA,IAA6C,CAACC,MAClDC,gBAAAA,EAAA,IAACC,GAAc,EAAA,GAAGF,EAAO,CAAA;"}
+{"version":3,"file":"sd-component-library301.js","sources":["../src/components/meters/outline-meter/partials/base-needle/base-needle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseNeedleProps as Props } from \"./interfaces\";\n\nexport const BaseNeedle: React.FC<Props> = (props) => {\n  const {\n    color,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    dx,\n    dy,\n    radius,\n    tipX,\n    tipY,\n    needleWidth,\n  } = props;\n\n  return (\n    <g>\n      <path\n        d={`M${tipX - dx},${tipY - dy} A${needleWidth / 2},${\n          needleWidth / 2\n        } 0 0,0 ${tipX + dx},${tipY + dy} L${radius + dx},${radius + dy} L${\n          radius - dx\n        },${radius - dy} Z`}\n        fill={color}\n      />\n      <circle\n        cx={radius}\n        cy={radius}\n        r={innerCircleRadius + innerCircleStrokeWidth}\n        strokeWidth={innerCircleStrokeWidth}\n        stroke={color}\n        fill=\"white\"\n      />\n    </g>\n  );\n};\n"],"names":["BaseNeedle","props","color","innerCircleRadius","innerCircleStrokeWidth","dx","dy","radius","tipX","tipY","needleWidth","jsx"],"mappings":";AAIa,MAAAA,IAA8B,CAACC,MAAU;AAC9C,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAAT;AAEJ,gCACG,KACC,EAAA,UAAA;AAAA,IAAAU,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIH,IAAOH,CAAE,IAAII,IAAOH,CAAE,KAAKI,IAAc,CAAC,IAC/CA,IAAc,CAChB,UAAUF,IAAOH,CAAE,IAAII,IAAOH,CAAE,KAAKC,IAASF,CAAE,IAAIE,IAASD,CAAE,KAC7DC,IAASF,CACX,IAAIE,IAASD,CAAE;AAAA,QACf,MAAMJ;AAAA,MAAA;AAAA,IACR;AAAA,IACAS,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIJ;AAAA,QACJ,IAAIA;AAAA,QACJ,GAAGJ,IAAoBC;AAAA,QACvB,aAAaA;AAAA,QACb,QAAQF;AAAA,QACR,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library303.js

@@ -1,4 +1,4 @@
-import e from "./sd-component-library318.js";
+import e from "./sd-component-library317.js";
 function p(t, o) {
   t.prototype = Object.create(o.prototype), t.prototype.constructor = t, e(t, o);
 }

package/lib/sd-component-library315.js

@@ -1,5 +1,5 @@
 import { j as e } from "./sd-component-library197.js";
-import { getSelectedRangeText as l } from "./sd-component-library280.js";
+import { getSelectedRangeText as l } from "./sd-component-library279.js";
 import { FourteenRegular as n } from "./sd-component-library144.js";
 import { FourteenSb as p } from "./sd-component-library145.js";
 import { BaseGridContainer as i } from "./sd-component-library35.js";

package/lib/sd-component-library317.js

@@ -1,93 +1,9 @@
-import { j as o } from "./sd-component-library197.js";
-import { useState as L, useCallback as M } from "react";
-import V from "./sd-component-library196.js";
-import { getCoordinateForArc as f } from "./sd-component-library91.js";
-import { GridContainerV2 as X } from "./sd-component-library38.js";
-import { ResponsiveTextV2 as g } from "./sd-component-library150.js";
-const y = "21.5px", w = 10, j = `${w}px`, J = ({
-  segment: $,
-  isHover: r,
-  animationDuration: S,
-  labelOffset: i,
-  labelPointerOffset: k,
-  radius: c,
-  mobile: e,
-  labelOffsetMobile: u
-}) => {
-  const { start: p, end: a, text: R, color: z, secondaryText: C } = $, d = c * 2, t = (p + a) / 2, h = Math.round(t * 360), { x: _, y: x } = f(c, h), [n, A] = L(), G = M((m) => {
-    m && A(m.getBoundingClientRect());
-  }, []), l = `all ${S}ms`, s = t > 0.5 ? "right" : "left", I = d + i, { x: T, y: W } = f(
-    c + u,
-    h,
-    c
-  ), b = t < 0.5, B = t < 0.15 || t > 0.85, F = t > 0.35 || t < 0.65;
-  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    !e && /* @__PURE__ */ o.jsx(
-      "line",
-      {
-        x1: _ + (s === "left" ? -1 : 1) * k,
-        x2: s === "left" ? -i : d + i,
-        y1: x,
-        y2: x,
-        stroke: V.colors.cl_lightGrey,
-        strokeWidth: 1
-      }
-    ),
-    /* @__PURE__ */ o.jsx(
-      "foreignObject",
-      {
-        x: e ? T : s === "left" ? -i : I - ((n == null ? void 0 : n.width) ?? 0),
-        y: e ? W : x,
-        width: ((n == null ? void 0 : n.width) ?? 0) + w,
-        height: 50,
-        style: { overflow: "visible" },
-        children: /* @__PURE__ */ o.jsxs(
-          X,
-          {
-            width: "fit-content",
-            justifyItems: "flex-start",
-            gap: r ? "1px" : "4px",
-            sx: {
-              transform: e ? `translate(${b ? -100 : 0}%, calc(${y} * ${B ? 0 : F ? -1 : -0.5}))` : `translateY(calc(${y} / -2)) scale(${r ? 1.3 : 1})`,
-              transition: l,
-              transformOrigin: s,
-              ...e ? {
-                borderRadius: "4px",
-                boxShadow: "0px 3px 6px #00000029",
-                px: "5px",
-                py: "3px"
-              } : s === "left" ? { pr: j } : { pl: j }
-            },
-            bg: "cl_white",
-            children: [
-              /* @__PURE__ */ o.jsx(
-                g,
-                {
-                  width: "fit-content",
-                  fontSizeWeight: [18, "bold"],
-                  color: z,
-                  sx: { transition: l },
-                  ref: G,
-                  children: R
-                }
-              ),
-              /* @__PURE__ */ o.jsx(
-                g,
-                {
-                  fontSizeWeight: [r ? 13 : 14, "bold"],
-                  color: r ? "cl_darkGrey" : "cl_grey",
-                  sx: { transition: l },
-                  children: C ?? `${Math.round((a - p) * 100)}%`
-                }
-              )
-            ]
-          }
-        )
-      }
-    )
-  ] });
-};
+function e(o, r) {
+  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, f) {
+    return t.__proto__ = f, t;
+  }, e(o, r);
+}
 export {
-  J as SegmentLabel
+  e as default
 };
 //# sourceMappingURL=sd-component-library317.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library317.js","sources":["../src/components/meters/donut-diagram/partials/segment-label/segment-label.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { Grid } from \"../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { getCoordinateForArc } from \"../../../outline-meter/utils\";\nimport { DonutSegmentLabelPosition } from \"../../interfaces\";\nimport { SegmentLabelProps as Props } from \"./interfaces\";\n\nconst rowHeight = \"21.5px\";\nconst maskSize = 10;\nconst maskSizePx = `${maskSize}px`;\n\nexport const SegmentLabel: React.FC<Props> = ({\n  segment,\n  isHover,\n  animationDuration,\n  labelOffset,\n  labelPointerOffset,\n  radius,\n  mobile,\n  labelOffsetMobile,\n}) => {\n  const { start, end, text, color, secondaryText } = segment;\n  const diameter = radius * 2;\n  const middle = (start + end) / 2;\n  const middleAlpha = Math.round(middle * 360);\n  const { x, y } = getCoordinateForArc(radius, middleAlpha);\n\n  const [rect, setRect] = useState<DOMRect>();\n  const ref = useCallback((node: HTMLDivElement) => {\n    if (node) {\n      setRect(node.getBoundingClientRect());\n    }\n  }, []);\n\n  const transition = `all ${animationDuration}ms`;\n\n  const position: DonutSegmentLabelPosition = middle > 0.5 ? \"right\" : \"left\";\n  const maxX = diameter + labelOffset;\n\n  const { x: pointerX, y: pointerY } = getCoordinateForArc(\n    radius + labelOffsetMobile,\n    middleAlpha,\n    radius\n  );\n\n  const isAtLeft = middle < 0.5;\n  const isInBottom = middle < 0.15 || middle > 0.85;\n  const isInTop = middle > 0.35 || middle < 0.65;\n\n  return (\n    <>\n      {!mobile && (\n        <line\n          x1={x + (position === \"left\" ? -1 : 1) * labelPointerOffset}\n          x2={position === \"left\" ? -labelOffset : diameter + labelOffset}\n          y1={y}\n          y2={y}\n          stroke={theme.colors[\"cl_lightGrey\"]}\n          strokeWidth={1}\n        />\n      )}\n\n      <foreignObject\n        x={\n          mobile\n            ? pointerX\n            : position === \"left\"\n            ? -labelOffset\n            : maxX - (rect?.width ?? 0)\n        }\n        y={mobile ? pointerY : y}\n        width={(rect?.width ?? 0) + maskSize}\n        height={50}\n        style={{ overflow: \"visible\" }}\n      >\n        <Grid\n          width=\"fit-content\"\n          justifyItems=\"flex-start\"\n          gap={isHover ? \"1px\" : \"4px\"}\n          sx={{\n            transform: mobile\n              ? `translate(${isAtLeft ? -100 : 0}%, calc(${rowHeight} * ${\n                  isInBottom ? 0 : isInTop ? -1 : -0.5\n                }))`\n              : `translateY(calc(${rowHeight} / -2)) scale(${\n                  isHover ? 1.3 : 1\n                })`,\n            transition,\n            transformOrigin: position,\n            ...(mobile\n              ? {\n                  borderRadius: \"4px\",\n                  boxShadow: \"0px 3px 6px #00000029\",\n                  px: \"5px\",\n                  py: \"3px\",\n                }\n              : position === \"left\"\n              ? { pr: maskSizePx }\n              : { pl: maskSizePx }),\n          }}\n          bg=\"cl_white\"\n        >\n          <ResponsiveTextV2\n            width=\"fit-content\"\n            fontSizeWeight={[18, \"bold\"]}\n            color={color}\n            sx={{ transition }}\n            ref={ref}\n          >\n            {text}\n          </ResponsiveTextV2>\n\n          <ResponsiveTextV2\n            fontSizeWeight={[isHover ? 13 : 14, \"bold\"]}\n            color={isHover ? \"cl_darkGrey\" : \"cl_grey\"}\n            sx={{ transition }}\n          >\n            {secondaryText ?? `${Math.round((end - start) * 100)}%`}\n          </ResponsiveTextV2>\n        </Grid>\n      </foreignObject>\n    </>\n  );\n};\n"],"names":["rowHeight","maskSize","maskSizePx","SegmentLabel","segment","isHover","animationDuration","labelOffset","labelPointerOffset","radius","mobile","labelOffsetMobile","start","end","text","color","secondaryText","diameter","middle","middleAlpha","x","y","getCoordinateForArc","rect","setRect","useState","ref","useCallback","node","transition","position","maxX","pointerX","pointerY","isAtLeft","isInBottom","isInTop","jsxs","Fragment","jsx","theme","Grid","ResponsiveTextV2"],"mappings":"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"}
+{"version":3,"file":"sd-component-library317.js","sources":["../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js"],"sourcesContent":["export default function _setPrototypeOf(o, p) {\n  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  };\n  return _setPrototypeOf(o, p);\n}"],"names":["_setPrototypeOf","p","o"],"mappings":"AAAe,SAASA,EAAgB,GAAGC,GAAG;AAC5C,SAAAD,IAAkB,OAAO,iBAAiB,OAAO,eAAe,KAAI,IAAK,SAAyBE,GAAGD,GAAG;AACtG,WAAAC,EAAE,YAAYD,GACPC;AAAA,EACX,GACSF,EAAgB,GAAGC,CAAC;AAC7B;","x_google_ignoreList":[0]}