@selfdecode/sd-component-library 4.0.97 → 4.0.99

package/lib/sd-component-library315.js

@@ -1,96 +1,29 @@
-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-library230.js";
-import { getCoordinateForArc as $ } from "./sd-component-library92.js";
-import { ResponsiveTextV2 as z } from "./sd-component-library151.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,
+import { j as r } from "./sd-component-library197.js";
+import { ResponsiveTextV2 as s } from "./sd-component-library151.js";
+const x = (t) => {
+  const { onClick: e, title: o, height: i } = t;
+  return /* @__PURE__ */ r.jsx(
+    s,
     {
+      fontSizeWeight: [[16, "regular"]],
       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
-            }
-          )
+        position: "relative",
+        height: `${i}px`,
+        px: "15px",
+        display: "flex",
+        justifyContent: "flex-start",
+        alignItems: "center",
+        opacity: 0.8,
+        ":hover": {
+          opacity: 1
         }
-      )
+      },
+      onClick: e,
+      children: o
     }
   );
 };
 export {
-  D as MatchedRangeLabelBox
+  x as SearchAutocompleteRow
 };
 //# sourceMappingURL=sd-component-library315.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library315.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-library315.js","sources":["../src/components/inputs/search-autocomplete-input/partials/search-autocomplete-row/search-autocomplete-row.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { SearchAutocompleteRowProps as Props } from \"./interfaces\";\n\nexport const SearchAutocompleteRow = <\n  T extends { id: string } = { id: string }\n>(\n  props: Props<T>\n) => {\n  const { onClick, title, height } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[[16, \"regular\"]]}\n      sx={{\n        position: \"relative\",\n        height: `${height}px`,\n        px: \"15px\",\n        display: \"flex\",\n        justifyContent: \"flex-start\",\n        alignItems: \"center\",\n        opacity: 0.8,\n        \":hover\": {\n          opacity: 1,\n        },\n      }}\n      onClick={onClick}\n    >\n      {title}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["SearchAutocompleteRow","props","onClick","title","height","jsx","ResponsiveTextV2"],"mappings":";;AAKa,MAAAA,IAAwB,CAGnCC,MACG;AACH,QAAM,EAAE,SAAAC,GAAS,OAAAC,GAAO,QAAAC,EAAA,IAAWH;AAGjC,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC;AAAA,MAChC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,QAAQ,GAAGF,CAAM;AAAA,QACjB,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,SAAS;AAAA,QACT,UAAU;AAAA,UACR,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,SAAAF;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library316.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-library232.js";
-import { OutlineMeterRange as M } from "./sd-component-library236.js";
-import { LabelPointer as b } from "./sd-component-library326.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-library92.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-library316.js.map

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

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

@@ -1,28 +1,54 @@
-import { j as x } from "./sd-component-library197.js";
-import { getInnerX as u, degToRad as r, getInnerY as i } from "./sd-component-library92.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
-    }
-  );
-};
+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-library232.js";
+import { OutlineMeterRange as M } from "./sd-component-library236.js";
+import { LabelPointer as b } from "./sd-component-library326.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 {
-  j as BaseOutlineArc
+  A as SmileyMeterRange
 };
 //# sourceMappingURL=sd-component-library318.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library318.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;"}
+{"version":3,"file":"sd-component-library318.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-library32.js

@@ -1,5 +1,5 @@
 import { j as e } from "./sd-component-library197.js";
-import { Box as p } from "rebass";
+import { Box as d } from "rebass";
 import { useHover as j } from "./sd-component-library3.js";
 import { isTouchScreen as S } from "./sd-component-library4.js";
 import { FlexItemsCenter as g, FlexCenter as w } from "./sd-component-library35.js";
@@ -7,21 +7,22 @@ const R = ({
   onChange: o,
   value: r,
   isHoverCheckbox: n,
-  ...s
+  stopPropagation: s = !1,
+  ...t
 }) => {
-  const t = (x) => {
-    x.stopPropagation(), o(!r);
-  }, i = n && !r;
+  const i = (c) => {
+    s && c.stopPropagation(), o(!r);
+  }, x = n && !r;
   return /* @__PURE__ */ e.jsx(
     v,
     {
       showInnerBox: r,
-      onClick: t,
-      showHoverCheckbox: i,
-      ...s
+      onClick: i,
+      showHoverCheckbox: x,
+      ...t
     }
   );
-}, z = "10px", c = "20px", B = "5px", v = ({
+}, z = "10px", l = "20px", B = "5px", v = ({
   disabled: o,
   containerSx: r,
   showHoverCheckbox: n,
@@ -29,14 +30,14 @@ const R = ({
   showBGColorWhenIdle: t,
   disabledColor: i = "cl_grey",
   color: x = "cl_blue",
-  children: d,
+  children: c,
   showInnerBox: C,
   onClick: m,
-  borderRadius: k = "3px",
-  borderWidth: a = "2px",
+  borderRadius: a = "3px",
+  borderWidth: k = "2px",
   innerBoxSx: b
 }) => {
-  const { isHover: u, hoverCallbacks: f } = j(), h = u || !n || S(), l = o ? i : x;
+  const { isHover: f, hoverCallbacks: u } = j(), h = f || !n || S(), p = o ? i : x;
   return /* @__PURE__ */ e.jsxs(
     g,
     {
@@ -46,28 +47,28 @@ const R = ({
         gap: "10px",
         ...r
       },
-      ...f,
+      ...u,
       children: [
-        /* @__PURE__ */ e.jsx(p, { size: c, sx: { flexShrink: 0 }, children: /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsx(d, { size: l, sx: { flexShrink: 0 }, children: /* @__PURE__ */ e.jsx(
           w,
           {
-            width: h ? c : B,
-            height: c,
+            width: h ? l : B,
+            height: l,
             bg: t && h ? "" : s,
             sx: {
               flexShrink: 0,
-              borderRadius: k,
-              borderWidth: a,
-              borderColor: l,
+              borderRadius: a,
+              borderWidth: k,
+              borderColor: p,
               borderStyle: "solid",
               transition: "width 0.1s ease-in"
             },
             children: C && /* @__PURE__ */ e.jsx(
-              p,
+              d,
               {
                 sx: {
                   border: `calc(${z} / 2) solid`,
-                  borderColor: l,
+                  borderColor: p,
                   borderRadius: "2px",
                   ...b
                 }
@@ -75,7 +76,7 @@ const R = ({
             )
           }
         ) }),
-        d
+        c
       ]
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library32.js","sources":["../src/components/checkboxes/checkbox-v2/checkbox-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { useHover } from \"../../../core/custom-hooks\";\nimport { isTouchScreen } from \"../../../core/functions\";\nimport { FlexCenter, FlexItemsCenter } from \"../../containers\";\nimport {\n  CheckboxV2ContainerProps as ContainerProps,\n  CheckboxV2Props as Props,\n} from \"./interfaces\";\n\nexport const CheckboxV2: React.FC<Props> = ({\n  onChange,\n  value,\n  isHoverCheckbox,\n  ...containerProps\n}) => {\n  const onClick: ContainerProps[\"onClick\"] = (event) => {\n    event.stopPropagation();\n    onChange(!value);\n  };\n\n  const showHoverCheckbox = isHoverCheckbox && !value;\n\n  return (\n    <CheckboxV2Container\n      showInnerBox={value}\n      onClick={onClick}\n      showHoverCheckbox={showHoverCheckbox}\n      {...containerProps}\n    />\n  );\n};\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nexport const CheckboxV2Container: React.FC<ContainerProps> = ({\n  disabled,\n  containerSx,\n  showHoverCheckbox,\n  bg,\n  showBGColorWhenIdle,\n  disabledColor = \"cl_grey\",\n  color = \"cl_blue\",\n  children,\n  showInnerBox,\n  onClick,\n  borderRadius = \"3px\",\n  borderWidth = \"2px\",\n  innerBoxSx,\n}) => {\n  const { isHover, hoverCallbacks } = useHover();\n  const isCheckboxExtended = isHover || !showHoverCheckbox || isTouchScreen();\n  const currentColor = disabled ? disabledColor : color;\n\n  return (\n    <FlexItemsCenter\n      onClick={disabled ? undefined : onClick}\n      sx={{\n        cursor: disabled ? \"default\" : \"pointer\",\n        gap: \"10px\",\n        ...containerSx,\n      }}\n      {...hoverCallbacks}\n    >\n      <Box size={outerBoxSize} sx={{ flexShrink: 0 }}>\n        <FlexCenter\n          width={isCheckboxExtended ? outerBoxSize : shrankSize}\n          height={outerBoxSize}\n          bg={showBGColorWhenIdle ? (isCheckboxExtended ? \"\" : bg) : bg}\n          sx={{\n            flexShrink: 0,\n            borderRadius,\n            borderWidth,\n            borderColor: currentColor,\n            borderStyle: \"solid\",\n            transition: \"width 0.1s ease-in\",\n          }}\n        >\n          {showInnerBox && (\n            <Box\n              sx={{\n                border: `calc(${innerBoxSize} / 2) solid`,\n                borderColor: currentColor,\n                borderRadius: \"2px\",\n                ...innerBoxSx,\n              }}\n            />\n          )}\n        </FlexCenter>\n      </Box>\n\n      {children}\n    </FlexItemsCenter>\n  );\n};\n"],"names":["CheckboxV2","onChange","value","isHoverCheckbox","containerProps","onClick","event","showHoverCheckbox","jsx","CheckboxV2Container","innerBoxSize","outerBoxSize","shrankSize","disabled","containerSx","bg","showBGColorWhenIdle","disabledColor","color","children","showInnerBox","borderRadius","borderWidth","innerBoxSx","isHover","hoverCallbacks","useHover","isCheckboxExtended","isTouchScreen","currentColor","jsxs","FlexItemsCenter","Box","FlexCenter"],"mappings":";;;;;AAYO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAAC,IAAqC,CAACC,MAAU;AACpD,IAAAA,EAAM,gBAAgB,GACtBL,EAAS,CAACC,CAAK;AAAA,EAAA,GAGXK,IAAoBJ,KAAmB,CAACD;AAG5C,SAAAM,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAcP;AAAA,MACd,SAAAG;AAAA,MACA,mBAAAE;AAAA,MACC,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV,GAEMM,IAAe,QACfC,IAAe,QAEfC,IAAa,OAENH,IAAgD,CAAC;AAAA,EAC5D,UAAAI;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAP;AAAA,EACA,IAAAQ;AAAA,EACA,qBAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAf;AAAA,EACA,cAAAgB,IAAe;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,YAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,GAAS,gBAAAC,EAAe,IAAIC,EAAS,GACvCC,IAAqBH,KAAW,CAACjB,KAAqBqB,EAAc,GACpEC,IAAehB,IAAWI,IAAgBC;AAG9C,SAAAY,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASlB,IAAW,SAAYR;AAAA,MAChC,IAAI;AAAA,QACF,QAAQQ,IAAW,YAAY;AAAA,QAC/B,KAAK;AAAA,QACL,GAAGC;AAAA,MACL;AAAA,MACC,GAAGW;AAAA,MAEJ,UAAA;AAAA,QAAAjB,gBAAAA,MAACwB,KAAI,MAAMrB,GAAc,IAAI,EAAE,YAAY,KACzC,UAAAH,gBAAAA,EAAA;AAAA,UAACyB;AAAA,UAAA;AAAA,YACC,OAAON,IAAqBhB,IAAeC;AAAA,YAC3C,QAAQD;AAAA,YACR,IAAIK,KAAuBW,IAAqB,KAAWZ;AAAA,YAC3D,IAAI;AAAA,cACF,YAAY;AAAA,cACZ,cAAAM;AAAA,cACA,aAAAC;AAAA,cACA,aAAaO;AAAA,cACb,aAAa;AAAA,cACb,YAAY;AAAA,YACd;AAAA,YAEC,UACCT,KAAAZ,gBAAAA,EAAA;AAAA,cAACwB;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,kBACF,QAAQ,QAAQtB,CAAY;AAAA,kBAC5B,aAAamB;AAAA,kBACb,cAAc;AAAA,kBACd,GAAGN;AAAA,gBACL;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA,GAGN;AAAA,QAECJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library32.js","sources":["../src/components/checkboxes/checkbox-v2/checkbox-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { useHover } from \"../../../core/custom-hooks\";\nimport { isTouchScreen } from \"../../../core/functions\";\nimport { FlexCenter, FlexItemsCenter } from \"../../containers\";\nimport {\n  CheckboxV2ContainerProps as ContainerProps,\n  CheckboxV2Props as Props,\n} from \"./interfaces\";\n\nexport const CheckboxV2: React.FC<Props> = ({\n  onChange,\n  value,\n  isHoverCheckbox,\n  stopPropagation = false,\n  ...containerProps\n}) => {\n  const onClick: ContainerProps[\"onClick\"] = (event) => {\n    stopPropagation && event.stopPropagation();\n    onChange(!value);\n  };\n\n  const showHoverCheckbox = isHoverCheckbox && !value;\n\n  return (\n    <CheckboxV2Container\n      showInnerBox={value}\n      onClick={onClick}\n      showHoverCheckbox={showHoverCheckbox}\n      {...containerProps}\n    />\n  );\n};\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nexport const CheckboxV2Container: React.FC<ContainerProps> = ({\n  disabled,\n  containerSx,\n  showHoverCheckbox,\n  bg,\n  showBGColorWhenIdle,\n  disabledColor = \"cl_grey\",\n  color = \"cl_blue\",\n  children,\n  showInnerBox,\n  onClick,\n  borderRadius = \"3px\",\n  borderWidth = \"2px\",\n  innerBoxSx,\n}) => {\n  const { isHover, hoverCallbacks } = useHover();\n  const isCheckboxExtended = isHover || !showHoverCheckbox || isTouchScreen();\n  const currentColor = disabled ? disabledColor : color;\n\n  return (\n    <FlexItemsCenter\n      onClick={disabled ? undefined : onClick}\n      sx={{\n        cursor: disabled ? \"default\" : \"pointer\",\n        gap: \"10px\",\n        ...containerSx,\n      }}\n      {...hoverCallbacks}\n    >\n      <Box size={outerBoxSize} sx={{ flexShrink: 0 }}>\n        <FlexCenter\n          width={isCheckboxExtended ? outerBoxSize : shrankSize}\n          height={outerBoxSize}\n          bg={showBGColorWhenIdle ? (isCheckboxExtended ? \"\" : bg) : bg}\n          sx={{\n            flexShrink: 0,\n            borderRadius,\n            borderWidth,\n            borderColor: currentColor,\n            borderStyle: \"solid\",\n            transition: \"width 0.1s ease-in\",\n          }}\n        >\n          {showInnerBox && (\n            <Box\n              sx={{\n                border: `calc(${innerBoxSize} / 2) solid`,\n                borderColor: currentColor,\n                borderRadius: \"2px\",\n                ...innerBoxSx,\n              }}\n            />\n          )}\n        </FlexCenter>\n      </Box>\n\n      {children}\n    </FlexItemsCenter>\n  );\n};\n"],"names":["CheckboxV2","onChange","value","isHoverCheckbox","stopPropagation","containerProps","onClick","event","showHoverCheckbox","jsx","CheckboxV2Container","innerBoxSize","outerBoxSize","shrankSize","disabled","containerSx","bg","showBGColorWhenIdle","disabledColor","color","children","showInnerBox","borderRadius","borderWidth","innerBoxSx","isHover","hoverCallbacks","useHover","isCheckboxExtended","isTouchScreen","currentColor","jsxs","FlexItemsCenter","Box","FlexCenter"],"mappings":";;;;;AAYO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,MAAM;AACE,QAAAC,IAAqC,CAACC,MAAU;AACpD,IAAAH,KAAmBG,EAAM,mBACzBN,EAAS,CAACC,CAAK;AAAA,EAAA,GAGXM,IAAoBL,KAAmB,CAACD;AAG5C,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAcR;AAAA,MACd,SAAAI;AAAA,MACA,mBAAAE;AAAA,MACC,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV,GAEMM,IAAe,QACfC,IAAe,QAEfC,IAAa,OAENH,IAAgD,CAAC;AAAA,EAC5D,UAAAI;AAAA,EACA,aAAAC;AAAA,EACA,mBAAAP;AAAA,EACA,IAAAQ;AAAA,EACA,qBAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAf;AAAA,EACA,cAAAgB,IAAe;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,YAAAC;AACF,MAAM;AACJ,QAAM,EAAE,SAAAC,GAAS,gBAAAC,EAAe,IAAIC,EAAS,GACvCC,IAAqBH,KAAW,CAACjB,KAAqBqB,EAAc,GACpEC,IAAehB,IAAWI,IAAgBC;AAG9C,SAAAY,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASlB,IAAW,SAAYR;AAAA,MAChC,IAAI;AAAA,QACF,QAAQQ,IAAW,YAAY;AAAA,QAC/B,KAAK;AAAA,QACL,GAAGC;AAAA,MACL;AAAA,MACC,GAAGW;AAAA,MAEJ,UAAA;AAAA,QAAAjB,gBAAAA,MAACwB,KAAI,MAAMrB,GAAc,IAAI,EAAE,YAAY,KACzC,UAAAH,gBAAAA,EAAA;AAAA,UAACyB;AAAA,UAAA;AAAA,YACC,OAAON,IAAqBhB,IAAeC;AAAA,YAC3C,QAAQD;AAAA,YACR,IAAIK,KAAuBW,IAAqB,KAAWZ;AAAA,YAC3D,IAAI;AAAA,cACF,YAAY;AAAA,cACZ,cAAAM;AAAA,cACA,aAAAC;AAAA,cACA,aAAaO;AAAA,cACb,aAAa;AAAA,cACb,YAAY;AAAA,YACd;AAAA,YAEC,UACCT,KAAAZ,gBAAAA,EAAA;AAAA,cAACwB;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,kBACF,QAAQ,QAAQtB,CAAY;AAAA,kBAC5B,aAAamB;AAAA,kBACb,cAAc;AAAA,kBACd,GAAGN;AAAA,gBACL;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA,GAGN;AAAA,QAECJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library49.js

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

package/lib/sd-component-library5.js

@@ -2,7 +2,7 @@ import { j as e } from "./sd-component-library197.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-library204.js";
+import { ReactComponent as L } from "./sd-component-library205.js";
 const Z = (p) => {
   const {
     width: x = ["100%"],

package/lib/sd-component-library50.js

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

package/lib/sd-component-library52.js

@@ -1,8 +1,8 @@
 import { j as t } from "./sd-component-library197.js";
-import { BaseBooleanFeedback as m } from "./sd-component-library213.js";
+import { BaseBooleanFeedback as m } from "./sd-component-library207.js";
 import { IconButton as n } from "./sd-component-library22.js";
-import { ReactComponent as c } from "./sd-component-library214.js";
-import { ReactComponent as u } from "./sd-component-library215.js";
+import { ReactComponent as c } from "./sd-component-library208.js";
+import { ReactComponent as u } from "./sd-component-library209.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-library53.js

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

package/lib/sd-component-library54.js

@@ -2,9 +2,9 @@ import { j as o } from "./sd-component-library197.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-library211.js";
+import { BaseFeedbackContainer as S } from "./sd-component-library214.js";
 import { GridContainerV2 as y } from "./sd-component-library39.js";
-import { BaseFeedbackButton as a } from "./sd-component-library212.js";
+import { BaseFeedbackButton as a } from "./sd-component-library215.js";
 import { FrMaxContainer as x } from "./sd-component-library38.js";
 import { ReactComponent as B } from "./sd-component-library177.js";
 const D = ({

package/lib/sd-component-library6.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-library9.js";
 import { MaxFrContainer as E } from "./sd-component-library40.js";
-import { ReactComponent as S } from "./sd-component-library204.js";
+import { ReactComponent as S } from "./sd-component-library205.js";
 const $ = (d) => {
   const {
     header: s,

package/lib/sd-component-library64.js

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

package/lib/sd-component-library65.js

@@ -2,7 +2,7 @@ import { j as e } from "./sd-component-library197.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 { ReactComponent as z } from "./sd-component-library281.js";
 import { BaseLabel as E } from "./sd-component-library227.js";
 import { OutsideClickBox as J } from "./sd-component-library11.js";
 import { BaseDateRangeInput as L } from "./sd-component-library63.js";

package/lib/sd-component-library75.js

@@ -2,8 +2,8 @@ import { j as t } from "./sd-component-library197.js";
 import { useState as d } from "react";
 import { OutsideClickBox as g } from "./sd-component-library11.js";
 import { SecondaryTextInput as j } from "./sd-component-library78.js";
-import { ReactComponent as v } from "./sd-component-library223.js";
-import { SearchAutocompleteResultsBox as C } from "./sd-component-library225.js";
+import { ReactComponent as v } from "./sd-component-library222.js";
+import { SearchAutocompleteResultsBox as C } from "./sd-component-library223.js";
 const F = (s) => {
   const {
     searchValue: r,

package/lib/sd-component-library76.js

@@ -1,11 +1,11 @@
 import { j as s } from "./sd-component-library197.js";
 import { useState as V } from "react";
 import { useDependantState as q } from "./sd-component-library3.js";
-import { SearchBox as z } from "./sd-component-library222.js";
+import { SearchBox as z } from "./sd-component-library224.js";
 import { OutsideClickBox as G } from "./sd-component-library11.js";
 import { PrimaryTextInput as H } from "./sd-component-library74.js";
-import { ReactComponent as J } from "./sd-component-library223.js";
-import { ReactComponent as M } from "./sd-component-library224.js";
+import { ReactComponent as J } from "./sd-component-library222.js";
+import { ReactComponent as M } from "./sd-component-library225.js";
 function f(i, o, e, t) {
   t == null || t(i, o), e(i);
 }

package/lib/sd-component-library80.js

@@ -1,7 +1,7 @@
 import { j as r } from "./sd-component-library197.js";
 import { Box as p } from "rebass";
 import { PrimaryTextInput as x } from "./sd-component-library74.js";
-import { ReactComponent as m } from "./sd-component-library223.js";
+import { ReactComponent as m } from "./sd-component-library222.js";
 const j = ({
   placeholder: s = "Enter your Search",
   searchStyle: a,