@selfdecode/sd-component-library 4.0.120 → 4.0.121

package/lib/sd-component-library319.js

@@ -1,8 +1,38 @@
-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 t } from "./sd-component-library198.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 {
-  p as getRangeProperties
+  h as BaseNeedle
 };
 //# sourceMappingURL=sd-component-library319.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library319.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-library319.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-library320.js

@@ -1,96 +1,28 @@
-import { j as a } from "./sd-component-library198.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-library228.js";
-import { getCoordinateForArc as $ } from "./sd-component-library93.js";
-import { ResponsiveTextV2 as z } from "./sd-component-library152.js";
-const D = (j) => {
+import { j as x } from "./sd-component-library198.js";
+import { getInnerX as u, degToRad as r, getInnerY as i } from "./sd-component-library93.js";
+const j = (p) => {
   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,
+    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",
     {
-      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
-            }
-          )
-        }
-      )
+      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 {
-  D as MatchedRangeLabelBox
+  j as BaseOutlineArc
 };
 //# sourceMappingURL=sd-component-library320.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library320.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-library320.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-library323.js

@@ -1,5 +1,5 @@
 import { j as e } from "./sd-component-library198.js";
-import { getSelectedRangeText as l } from "./sd-component-library284.js";
+import { getSelectedRangeText as l } from "./sd-component-library286.js";
 import { FourteenRegular as n } from "./sd-component-library146.js";
 import { FourteenSb as p } from "./sd-component-library147.js";
 import { BaseGridContainer as i } from "./sd-component-library37.js";

package/lib/sd-component-library50.js

@@ -1,5 +1,5 @@
 import { j as o } from "./sd-component-library198.js";
-import { Divider as e } from "./sd-component-library214.js";
+import { Divider as e } from "./sd-component-library211.js";
 const d = ({
   width: r = "100%",
   height: t = "1px",

package/lib/sd-component-library51.js

@@ -1,5 +1,5 @@
 import { j as e } from "./sd-component-library198.js";
-import { Divider as o } from "./sd-component-library214.js";
+import { Divider as o } from "./sd-component-library211.js";
 const x = ({
   width: r = "1px",
   height: t = "41px",

package/lib/sd-component-library53.js

@@ -1,8 +1,8 @@
 import { j as t } from "./sd-component-library198.js";
-import { BaseBooleanFeedback as m } from "./sd-component-library253.js";
+import { BaseBooleanFeedback as m } from "./sd-component-library225.js";
 import { IconButton as n } from "./sd-component-library23.js";
-import { ReactComponent as c } from "./sd-component-library254.js";
-import { ReactComponent as u } from "./sd-component-library255.js";
+import { ReactComponent as c } from "./sd-component-library226.js";
+import { ReactComponent as u } from "./sd-component-library227.js";
 const f = (i) => {
   const { title: s, onPositiveFeedback: r, onNegativeFeedback: d, optionSelected: e } = i, a = (o) => /* @__PURE__ */ t.jsx(n, { onClick: o, "data-testid": "thumbs-up-button", children: /* @__PURE__ */ t.jsx(
     c,

package/lib/sd-component-library54.js

@@ -1,8 +1,8 @@
 import { j as e } from "./sd-component-library198.js";
 import { useHover as x } from "./sd-component-library3.js";
-import { BaseFeedbackContainer as f } from "./sd-component-library210.js";
+import { BaseFeedbackContainer as f } from "./sd-component-library212.js";
 import { BaseGridContainer as j } from "./sd-component-library37.js";
-import { BaseFeedbackButton as k } from "./sd-component-library211.js";
+import { BaseFeedbackButton as k } from "./sd-component-library213.js";
 const C = ({
   questionText: t,
   options: a,

package/lib/sd-component-library55.js

@@ -2,9 +2,9 @@ import { j as o } from "./sd-component-library198.js";
 import { Box as l } from "rebass";
 import { useHover as k, useBreakPoints as g } from "./sd-component-library3.js";
 import { isTouchScreen as C } from "./sd-component-library4.js";
-import { BaseFeedbackContainer as S } from "./sd-component-library210.js";
+import { BaseFeedbackContainer as S } from "./sd-component-library212.js";
 import { GridContainerV2 as y } from "./sd-component-library40.js";
-import { BaseFeedbackButton as a } from "./sd-component-library211.js";
+import { BaseFeedbackButton as a } from "./sd-component-library213.js";
 import { FrMaxContainer as x } from "./sd-component-library39.js";
 import { ReactComponent as B } from "./sd-component-library178.js";
 const D = ({

package/lib/sd-component-library59.js

@@ -1,119 +1,122 @@
-import { j as a } from "./sd-component-library198.js";
-import { useMemo as w, useCallback as y } from "react";
-import { Select as F } from "@rebass/forms";
-import { getNoTranslateClass as f } from "./sd-component-library114.js";
-import { InputContainer as M } from "./sd-component-library60.js";
-const V = ({
+import { j as s } from "./sd-component-library198.js";
+import { useMemo as F, useCallback as M } from "react";
+import { Select as V } from "@rebass/forms";
+import { getNoTranslateClass as g } from "./sd-component-library114.js";
+import { InputContainer as k } from "./sd-component-library60.js";
+const A = ({
   defaultOptionObject: r,
-  hideDefaultOnSelect: x,
+  hideDefaultOnSelect: p,
   options: t,
   value: o,
-  onChange: n,
+  onChange: a,
   disabled: l,
-  disabledTextValue: i,
-  translateSelect: c = !0,
-  translateDefaultOption: m,
-  onFocus: C,
-  id: u,
-  textTransform: h = "none",
-  defaultOptionColor: p = "cl_grey"
+  disabledTextValue: n,
+  translateSelect: i = !0,
+  translateDefaultOption: c,
+  onFocus: x,
+  id: m,
+  textTransform: C = "none",
+  defaultOptionColor: u = "cl_grey",
+  arrowColor: h = "cl_darkGrey",
+  sx: d
 }) => {
-  const s = w(
+  const v = F(
     () => (r ? [r] : []).concat(t),
     [t, r]
-  ), g = y(
+  ), S = M(
     (e) => {
-      const N = s.find(
-        ({ title: _ }) => _.trim().replaceAll(/\s{2,}/g, " ") === e
+      const w = v.find(
+        ({ title: y }) => y.trim().replaceAll(/\s{2,}/g, " ") === e
       );
-      n(N);
+      a(w);
     },
-    [n, s]
-  ), v = !t.length, d = !!r, S = f(
-    m !== !0 && !c || m === !1
-  ), j = f(!c), L = navigator.userAgent.toLowerCase().indexOf("firefox") > -1;
-  return /* @__PURE__ */ a.jsx(
-    F,
+    [a, v]
+  ), f = !t.length, j = !!r, L = g(
+    c !== !0 && !i || c === !1
+  ), N = g(!i), _ = navigator.userAgent.toLowerCase().indexOf("firefox") > -1;
+  return /* @__PURE__ */ s.jsx(
+    V,
     {
-      value: v ? i : o.title.trim(),
-      onChange: (e) => g(e.target.value),
+      value: f ? n : o.title.trim(),
+      onChange: (e) => S(e.target.value),
       variant: "_inputs.v2",
       sx: {
         pr: "16px",
-        textTransform: h,
+        textTransform: C,
         cursor: "inherit",
         borderBottomColor: "inherit",
-        ...p && o.value === null ? { color: p } : {},
+        ...u && o.value === null ? { color: u } : {},
         // to override default styles for selector arrow
         "& + svg": {
-          fill: l ? "cl_lightGrey" : "cl_darkGrey",
-          transform: `translate(10px, ${L ? 0 : 5}px) scale(.78)`,
+          fill: l ? "cl_lightGrey" : h,
+          transform: `translate(10px, ${_ ? 0 : 5}px) scale(.78)`,
           path: {
             d: "path('M12,8.6L6.72,3.29C6.32,2.9,5.68,2.9,5.29,3.29C4.90,3.69,4.9,4.33,5.29,4.73L11.23,10.7C11.44,10.91,11.72,11.01,12,11C12.27,11.01,12.55,10.91,12.76,10.7L18.7,4.73C19.09,4.33,19.09,3.69,18.7,3.29C18.31,2.9,17.67,2.9,17.27,3.29Z M12,8.6')"
           }
-        }
+        },
+        ...d
       },
-      id: u,
+      id: m,
       disabled: l,
-      onFocus: C,
-      children: v ? /* @__PURE__ */ a.jsx("option", { "data-test": "disabled-option", children: i }, "disabledTextValue") : s.slice(
+      onFocus: x,
+      children: f ? /* @__PURE__ */ s.jsx("option", { "data-test": "disabled-option", children: n }, "disabledTextValue") : v.slice(
         // should default option be hidden?
-        d && x && o.value !== null ? 1 : 0
-      ).map((e) => /* @__PURE__ */ a.jsx(
+        j && p && o.value !== null ? 1 : 0
+      ).map((e) => /* @__PURE__ */ s.jsx(
         "option",
         {
           "data-testid": "selector-option",
           value: e.title,
-          className: e.value === null ? S : j,
+          className: e.value === null ? L : N,
           children: e.title
         },
         e.id
       ))
     }
   );
-}, E = ({
+}, R = ({
   defaultOptionObject: r,
-  hideDefaultOnSelect: x,
+  hideDefaultOnSelect: p,
   options: t,
   value: o,
-  onChange: n,
+  onChange: a,
   disabled: l,
-  disabledTextValue: i,
-  translateSelect: c,
-  translateDefaultOption: m,
-  onFocus: C,
-  id: u,
-  textTransform: h,
-  defaultOptionColor: p,
-  ...s
-}) => /* @__PURE__ */ a.jsx(
-  M,
+  disabledTextValue: n,
+  translateSelect: i,
+  translateDefaultOption: c,
+  onFocus: x,
+  id: m,
+  textTransform: C,
+  defaultOptionColor: u,
+  ...h
+}) => /* @__PURE__ */ s.jsx(
+  k,
   {
-    id: u,
+    id: m,
     cursor: l ? "not-allowed" : "pointer",
-    ...s,
-    children: /* @__PURE__ */ a.jsx(
-      V,
+    ...h,
+    children: /* @__PURE__ */ s.jsx(
+      A,
       {
         defaultOptionObject: r,
-        hideDefaultOnSelect: x,
+        hideDefaultOnSelect: p,
         options: t,
         value: o,
-        onChange: n,
+        onChange: a,
         disabled: l,
-        disabledTextValue: i,
-        translateSelect: c,
-        translateDefaultOption: m,
-        onFocus: C,
-        id: u,
-        textTransform: h,
-        defaultOptionColor: p
+        disabledTextValue: n,
+        translateSelect: i,
+        translateDefaultOption: c,
+        onFocus: x,
+        id: m,
+        textTransform: C,
+        defaultOptionColor: u
       }
     )
   }
 );
 export {
-  V as FormV2Selector,
-  E as FormV2SelectorWithContainer
+  A as FormV2Selector,
+  R as FormV2SelectorWithContainer
 };
 //# sourceMappingURL=sd-component-library59.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library59.js","sources":["../src/components/forms-v2/form-v2-selector/form-v2-selector.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\n\nimport { Select } from \"@rebass/forms\";\nimport { SxProps } from \"rebass\";\n\nimport { SelectorOptionV2 } from \"../../selectors\";\nimport { getNoTranslateClass } from \"../../selectors/selector/selector\";\nimport { InputContainer, InputContainerProps } from \"../input-container\";\nimport { FormV2SelectorProps as Props } from \"./interfaces\";\n\nexport const FormV2Selector = <T extends string = string>({\n  defaultOptionObject,\n  hideDefaultOnSelect,\n  options,\n  value: selection,\n  onChange,\n  disabled,\n  disabledTextValue,\n  translateSelect = true,\n  translateDefaultOption,\n  onFocus,\n  id,\n  textTransform = \"none\",\n  defaultOptionColor = \"cl_grey\",\n}: Props<T>) => {\n  const allOptions = useMemo<SelectorOptionV2<T | null>[]>(\n    () =>\n      (\n        (defaultOptionObject\n          ? [defaultOptionObject]\n          : []) as SelectorOptionV2<T | null>[]\n      ).concat(options),\n    [options, defaultOptionObject]\n  );\n\n  const onSelect = useCallback(\n    (selectionString: string) => {\n      const newSelection = allOptions.find(\n        ({ title }) =>\n          title.trim().replaceAll(/\\s{2,}/g, \" \") === selectionString\n      )!;\n      onChange(newSelection);\n    },\n    [onChange, allOptions]\n  );\n\n  const noOptionsToSelect = !options.length;\n  const hasDefaultValue = !!defaultOptionObject;\n\n  const defaultOptionClassName = getNoTranslateClass(\n    (translateDefaultOption !== true && !translateSelect) ||\n      translateDefaultOption === false\n  );\n  const regularOptionClassName = getNoTranslateClass(!translateSelect);\n\n  const isFirefox = navigator.userAgent.toLowerCase().indexOf(\"firefox\") > -1;\n\n  return (\n    <Select\n      value={noOptionsToSelect ? disabledTextValue : selection.title.trim()}\n      onChange={(event) => onSelect(event.target.value)}\n      variant=\"_inputs.v2\"\n      sx={\n        {\n          pr: \"16px\",\n          textTransform,\n          cursor: \"inherit\",\n          borderBottomColor: \"inherit\",\n          ...(defaultOptionColor && selection.value === null\n            ? { color: defaultOptionColor }\n            : {}),\n          // to override default styles for selector arrow\n          \"& + svg\": {\n            fill: disabled ? \"cl_lightGrey\" : \"cl_darkGrey\",\n            transform: `translate(10px, ${isFirefox ? 0 : 5}px) scale(.78)`,\n            path: {\n              d: \"path('M12,8.6L6.72,3.29C6.32,2.9,5.68,2.9,5.29,3.29C4.90,3.69,4.9,4.33,5.29,4.73L11.23,10.7C11.44,10.91,11.72,11.01,12,11C12.27,11.01,12.55,10.91,12.76,10.7L18.7,4.73C19.09,4.33,19.09,3.69,18.7,3.29C18.31,2.9,17.67,2.9,17.27,3.29Z M12,8.6')\",\n            },\n          },\n        } as SxProps[\"sx\"]\n      }\n      {...{ id, disabled, onFocus }}\n    >\n      {noOptionsToSelect ? (\n        <option key=\"disabledTextValue\" data-test=\"disabled-option\">\n          {disabledTextValue}\n        </option>\n      ) : (\n        allOptions\n          .slice(\n            // should default option be hidden?\n            hasDefaultValue && hideDefaultOnSelect && selection.value !== null\n              ? 1\n              : 0\n          )\n          .map((option) => (\n            <option\n              key={option.id}\n              data-testid=\"selector-option\"\n              value={option.title}\n              className={\n                option.value === null\n                  ? defaultOptionClassName\n                  : regularOptionClassName\n              }\n            >\n              {option.title}\n            </option>\n          ))\n      )}\n    </Select>\n  );\n};\n\nexport const FormV2SelectorWithContainer = <T extends string = string>({\n  defaultOptionObject,\n  hideDefaultOnSelect,\n  options,\n  value,\n  onChange,\n  disabled,\n  disabledTextValue,\n  translateSelect,\n  translateDefaultOption,\n  onFocus,\n  id,\n  textTransform,\n  defaultOptionColor,\n  ...containerProps\n}: Props<T> & InputContainerProps) => (\n  <InputContainer\n    id={id}\n    cursor={disabled ? \"not-allowed\" : \"pointer\"}\n    {...containerProps}\n  >\n    <FormV2Selector\n      {...{\n        defaultOptionObject,\n        hideDefaultOnSelect,\n        options,\n        value,\n        onChange,\n        disabled,\n        disabledTextValue,\n        translateSelect,\n        translateDefaultOption,\n        onFocus,\n        id,\n        textTransform,\n        defaultOptionColor,\n      }}\n    />\n  </InputContainer>\n);\n"],"names":["FormV2Selector","defaultOptionObject","hideDefaultOnSelect","options","selection","onChange","disabled","disabledTextValue","translateSelect","translateDefaultOption","onFocus","id","textTransform","defaultOptionColor","allOptions","useMemo","onSelect","useCallback","selectionString","newSelection","title","noOptionsToSelect","hasDefaultValue","defaultOptionClassName","getNoTranslateClass","regularOptionClassName","isFirefox","jsx","Select","event","option","FormV2SelectorWithContainer","value","containerProps","InputContainer"],"mappings":"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"}
+{"version":3,"file":"sd-component-library59.js","sources":["../src/components/forms-v2/form-v2-selector/form-v2-selector.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\n\nimport { Select } from \"@rebass/forms\";\nimport { SxProps } from \"rebass\";\n\nimport { SelectorOptionV2 } from \"../../selectors\";\nimport { getNoTranslateClass } from \"../../selectors/selector/selector\";\nimport { InputContainer, InputContainerProps } from \"../input-container\";\nimport { FormV2SelectorProps as Props } from \"./interfaces\";\n\nexport const FormV2Selector = <T extends string = string>({\n  defaultOptionObject,\n  hideDefaultOnSelect,\n  options,\n  value: selection,\n  onChange,\n  disabled,\n  disabledTextValue,\n  translateSelect = true,\n  translateDefaultOption,\n  onFocus,\n  id,\n  textTransform = \"none\",\n  defaultOptionColor = \"cl_grey\",\n  arrowColor = \"cl_darkGrey\",\n  sx,\n}: Props<T>) => {\n  const allOptions = useMemo<SelectorOptionV2<T | null>[]>(\n    () =>\n      (\n        (defaultOptionObject\n          ? [defaultOptionObject]\n          : []) as SelectorOptionV2<T | null>[]\n      ).concat(options),\n    [options, defaultOptionObject]\n  );\n\n  const onSelect = useCallback(\n    (selectionString: string) => {\n      const newSelection = allOptions.find(\n        ({ title }) =>\n          title.trim().replaceAll(/\\s{2,}/g, \" \") === selectionString\n      )!;\n      onChange(newSelection);\n    },\n    [onChange, allOptions]\n  );\n\n  const noOptionsToSelect = !options.length;\n  const hasDefaultValue = !!defaultOptionObject;\n\n  const defaultOptionClassName = getNoTranslateClass(\n    (translateDefaultOption !== true && !translateSelect) ||\n      translateDefaultOption === false\n  );\n  const regularOptionClassName = getNoTranslateClass(!translateSelect);\n\n  const isFirefox = navigator.userAgent.toLowerCase().indexOf(\"firefox\") > -1;\n\n  return (\n    <Select\n      value={noOptionsToSelect ? disabledTextValue : selection.title.trim()}\n      onChange={(event) => onSelect(event.target.value)}\n      variant=\"_inputs.v2\"\n      sx={\n        {\n          pr: \"16px\",\n          textTransform,\n          cursor: \"inherit\",\n          borderBottomColor: \"inherit\",\n          ...(defaultOptionColor && selection.value === null\n            ? { color: defaultOptionColor }\n            : {}),\n          // to override default styles for selector arrow\n          \"& + svg\": {\n            fill: disabled ? \"cl_lightGrey\" : arrowColor,\n            transform: `translate(10px, ${isFirefox ? 0 : 5}px) scale(.78)`,\n            path: {\n              d: \"path('M12,8.6L6.72,3.29C6.32,2.9,5.68,2.9,5.29,3.29C4.90,3.69,4.9,4.33,5.29,4.73L11.23,10.7C11.44,10.91,11.72,11.01,12,11C12.27,11.01,12.55,10.91,12.76,10.7L18.7,4.73C19.09,4.33,19.09,3.69,18.7,3.29C18.31,2.9,17.67,2.9,17.27,3.29Z M12,8.6')\",\n            },\n          },\n          ...sx,\n        } as SxProps[\"sx\"]\n      }\n      {...{ id, disabled, onFocus }}\n    >\n      {noOptionsToSelect ? (\n        <option key=\"disabledTextValue\" data-test=\"disabled-option\">\n          {disabledTextValue}\n        </option>\n      ) : (\n        allOptions\n          .slice(\n            // should default option be hidden?\n            hasDefaultValue && hideDefaultOnSelect && selection.value !== null\n              ? 1\n              : 0\n          )\n          .map((option) => (\n            <option\n              key={option.id}\n              data-testid=\"selector-option\"\n              value={option.title}\n              className={\n                option.value === null\n                  ? defaultOptionClassName\n                  : regularOptionClassName\n              }\n            >\n              {option.title}\n            </option>\n          ))\n      )}\n    </Select>\n  );\n};\n\nexport const FormV2SelectorWithContainer = <T extends string = string>({\n  defaultOptionObject,\n  hideDefaultOnSelect,\n  options,\n  value,\n  onChange,\n  disabled,\n  disabledTextValue,\n  translateSelect,\n  translateDefaultOption,\n  onFocus,\n  id,\n  textTransform,\n  defaultOptionColor,\n  ...containerProps\n}: Props<T> & InputContainerProps) => (\n  <InputContainer\n    id={id}\n    cursor={disabled ? \"not-allowed\" : \"pointer\"}\n    {...containerProps}\n  >\n    <FormV2Selector\n      {...{\n        defaultOptionObject,\n        hideDefaultOnSelect,\n        options,\n        value,\n        onChange,\n        disabled,\n        disabledTextValue,\n        translateSelect,\n        translateDefaultOption,\n        onFocus,\n        id,\n        textTransform,\n        defaultOptionColor,\n      }}\n    />\n  </InputContainer>\n);\n"],"names":["FormV2Selector","defaultOptionObject","hideDefaultOnSelect","options","selection","onChange","disabled","disabledTextValue","translateSelect","translateDefaultOption","onFocus","id","textTransform","defaultOptionColor","arrowColor","sx","allOptions","useMemo","onSelect","useCallback","selectionString","newSelection","title","noOptionsToSelect","hasDefaultValue","defaultOptionClassName","getNoTranslateClass","regularOptionClassName","isFirefox","jsx","Select","event","option","FormV2SelectorWithContainer","value","containerProps","InputContainer"],"mappings":"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"}

package/lib/sd-component-library6.js

@@ -2,7 +2,7 @@ import { j as e } from "./sd-component-library198.js";
 import { useRef as T, useState as q, useCallback as J } from "react";
 import { Box as o } from "rebass";
 import { useResize as K } from "./sd-component-library3.js";
-import { ReactComponent as L } from "./sd-component-library212.js";
+import { ReactComponent as L } from "./sd-component-library206.js";
 const Z = (p) => {
   const {
     width: x = ["100%"],

package/lib/sd-component-library62.js

@@ -3,7 +3,7 @@ import { useState as d, useRef as w, useCallback as I, useMemo as L } from "reac
 import { Box as V } from "rebass";
 import { useOnClickOutside as _ } from "./sd-component-library3.js";
 import { SecondaryTextInput as $ } from "./sd-component-library79.js";
-import { ResultsBox as A } from "./sd-component-library215.js";
+import { ResultsBox as A } from "./sd-component-library214.js";
 function P(i, l, a) {
   const o = (c) => {
     const t = c.toLowerCase().indexOf(a.toLowerCase());

package/lib/sd-component-library63.js

@@ -1,8 +1,8 @@
 import { j as e } from "./sd-component-library198.js";
 import { useCallback as p, useMemo as u } from "react";
 import { Calendar as g } from "react-date-range";
-import "./sd-component-library282.js";
-import "./sd-component-library283.js";
+import "./sd-component-library284.js";
+import "./sd-component-library285.js";
 import { Box as o } from "rebass";
 import { TenSb as b } from "./sd-component-library155.js";
 const B = (a) => {

package/lib/sd-component-library64.js

@@ -1,12 +1,12 @@
 import { j as t } from "./sd-component-library198.js";
 import { useState as v, useRef as w } from "react";
-import "./sd-component-library282.js";
-import "./sd-component-library283.js";
+import "./sd-component-library284.js";
+import "./sd-component-library285.js";
 import { Box as s } from "rebass";
 import { useBreakPoints as M, useDependantState as y } from "./sd-component-library3.js";
-import { getStaticRanges as E } from "./sd-component-library284.js";
-import { BaseDateRangeInputMobile as O } from "./sd-component-library285.js";
-import { BaseDateRangeInputDesktop as P } from "./sd-component-library286.js";
+import { getStaticRanges as E } from "./sd-component-library286.js";
+import { BaseDateRangeInputMobile as O } from "./sd-component-library287.js";
+import { BaseDateRangeInputDesktop as P } from "./sd-component-library288.js";
 const J = (n) => {
   const {
     color: d = "#9E1CB5",

package/lib/sd-component-library65.js

@@ -2,7 +2,7 @@ import { j as t } from "./sd-component-library198.js";
 import { useState as u } from "react";
 import { Flex as g } from "rebass";
 import { BaseDateInput as C } from "./sd-component-library63.js";
-import { ReactComponent as S } from "./sd-component-library287.js";
+import { ReactComponent as S } from "./sd-component-library283.js";
 import { Button as D } from "./sd-component-library26.js";
 import { FrMaxContainer as b } from "./sd-component-library39.js";
 const k = (r) => {

package/lib/sd-component-library66.js

@@ -2,8 +2,8 @@ import { j as e } from "./sd-component-library198.js";
 import { useState as I, useCallback as M, useMemo as v } from "react";
 import { Box as F, Flex as O } from "rebass";
 import { useBreakPoints as W } from "./sd-component-library3.js";
-import { ReactComponent as z } from "./sd-component-library287.js";
-import { BaseLabel as E } from "./sd-component-library226.js";
+import { ReactComponent as z } from "./sd-component-library283.js";
+import { BaseLabel as E } from "./sd-component-library228.js";
 import { OutsideClickBox as J } from "./sd-component-library12.js";
 import { BaseDateRangeInput as L } from "./sd-component-library64.js";
 import { IconButton as X } from "./sd-component-library23.js";

package/lib/sd-component-library67.js

@@ -4,7 +4,7 @@ import { format as k } from "date-fns";
 import { random as G } from "lodash-es";
 import { Box as r } from "rebass";
 import { BaseDateInput as I } from "./sd-component-library63.js";
-import { BaseLabel as M } from "./sd-component-library226.js";
+import { BaseLabel as M } from "./sd-component-library228.js";
 import { ReactComponent as A } from "./sd-component-library189.js";
 import { FrMaxContainer as L } from "./sd-component-library39.js";
 import { ResponsiveText as P } from "./sd-component-library150.js";

package/lib/sd-component-library7.js

@@ -4,7 +4,7 @@ import { Box as i, Flex as b } from "rebass";
 import { isPDFFlow as v } from "./sd-component-library4.js";
 import { SecondaryBadge as C } from "./sd-component-library10.js";
 import { MaxFrContainer as E } from "./sd-component-library41.js";
-import { ReactComponent as S } from "./sd-component-library212.js";
+import { ReactComponent as S } from "./sd-component-library206.js";
 const $ = (d) => {
   const {
     header: s,

package/lib/sd-component-library72.js

@@ -1,8 +1,8 @@
 import { j as n } from "./sd-component-library198.js";
 import { useState as z } from "react";
-import D from "./sd-component-library216.js";
+import D from "./sd-component-library222.js";
 import u from "./sd-component-library197.js";
-import { escapeWrapper as F, unescapeWrapper as d } from "./sd-component-library217.js";
+import { escapeWrapper as F, unescapeWrapper as d } from "./sd-component-library223.js";
 import { GridContainerV2 as G } from "./sd-component-library40.js";
 import { BaseTextV2 as T } from "./sd-component-library140.js";
 import { HorizontalDivider as B } from "./sd-component-library50.js";

package/lib/sd-component-library74.js

@@ -1,10 +1,10 @@
 import { j as i } from "./sd-component-library198.js";
 import u from "react";
 import { Flex as R } from "rebass";
-import { CircleButton as a } from "./sd-component-library218.js";
-import { ReactComponent as _ } from "./sd-component-library219.js";
+import { CircleButton as a } from "./sd-component-library215.js";
+import { ReactComponent as _ } from "./sd-component-library216.js";
 import { NumberInput as I } from "./sd-component-library73.js";
-import { ReactComponent as M } from "./sd-component-library220.js";
+import { ReactComponent as M } from "./sd-component-library217.js";
 function m(d, t) {
   return (r, o) => {
     t == null || t(r, o), d(r);