@selfdecode/sd-component-library 4.0.92 → 4.0.93

package/lib/sd-component-library314.js

@@ -1,96 +1,29 @@
-import { j as a } from "./sd-component-library195.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-library91.js";
-import { ResponsiveTextV2 as z } from "./sd-component-library149.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-library196.js";
+import { ResponsiveTextV2 as s } from "./sd-component-library150.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-library314.js.map

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

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

@@ -1,9 +1,9 @@
-import { j as t } from "./sd-component-library195.js";
+import { j as t } from "./sd-component-library196.js";
 import x from "react";
-import u from "./sd-component-library194.js";
+import u from "./sd-component-library195.js";
 import { getIsHorizontal as j, getRangeProperties as p } from "./sd-component-library232.js";
-import { OutlineMeterRange as M } from "./sd-component-library235.js";
-import { LabelPointer as b } from "./sd-component-library325.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 {

package/lib/sd-component-library316.js

@@ -1,28 +1,96 @@
-import { j as x } from "./sd-component-library195.js";
-import { getInnerX as u, degToRad as r, getInnerY as i } from "./sd-component-library91.js";
-const j = (p) => {
+import { j as a } from "./sd-component-library196.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-library150.js";
+const D = (j) => {
   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",
+    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,
     {
-      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
+      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
+            }
+          )
+        }
+      )
     }
   );
 };
 export {
-  j as BaseOutlineArc
+  D as MatchedRangeLabelBox
 };
 //# 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/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-library316.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;"}

package/lib/sd-component-library317.js

@@ -1,4 +1,4 @@
-import { j as t } from "./sd-component-library195.js";
+import { j as t } from "./sd-component-library196.js";
 const h = (n) => {
   const {
     color: s,

package/lib/sd-component-library318.js

@@ -1,8 +1,28 @@
-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 x } from "./sd-component-library196.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 {
-  p as getRangeProperties
+  j as BaseOutlineArc
 };
 //# 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/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-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;"}

package/lib/sd-component-library319.js

@@ -1,7 +1,8 @@
-import { j as e } from "./sd-component-library195.js";
-import { LabelPointer as t } from "./sd-component-library325.js";
-const s = (r) => /* @__PURE__ */ e.jsx(t, { ...r });
+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 {
-  s as DiscreteMeterLabelPointer
+  p as getRangeProperties
 };
 //# 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/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-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;"}

package/lib/sd-component-library32.js

@@ -1,4 +1,4 @@
-import { j as c } from "./sd-component-library195.js";
+import { j as c } from "./sd-component-library196.js";
 import { CheckboxV2Container as e } from "./sd-component-library208.js";
 const m = ({
   onChange: r,

package/lib/sd-component-library320.js

@@ -1,37 +1,7 @@
-import { j as i } from "./sd-component-library195.js";
-import { ResponsiveTextV2 as n } from "./sd-component-library149.js";
-const s = (o) => {
-  const { currentSelection: e, title: r, onClick: t } = o;
-  return /* @__PURE__ */ i.jsx(
-    n,
-    {
-      fontSizeWeight: [[14, e ? "bold" : "regular"]],
-      onClick: t,
-      sx: {
-        height: "46px",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "flex-end",
-        pr: "25px",
-        pl: "10px",
-        ...e ? {
-          cursor: "default"
-        } : {
-          borderTopStyle: "solid",
-          borderWidth: "1px",
-          borderColor: "cl_headerLine",
-          cursor: "pointer",
-          opacity: 0.8,
-          ":hover": {
-            opacity: 1
-          }
-        }
-      },
-      children: r
-    }
-  );
-};
+import { j as e } from "./sd-component-library196.js";
+import { LabelPointer as t } from "./sd-component-library326.js";
+const s = (r) => /* @__PURE__ */ e.jsx(t, { ...r });
 export {
-  s as OptionRow
+  s as DiscreteMeterLabelPointer
 };
 //# 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/selectors/primary-custom-scrollable-selector/partials/option-row/option-row.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { OptionRowProps as Props } from \"./interfaces\";\n\nexport const OptionRow = <T extends string = string>(props: Props<T>) => {\n  const { currentSelection, title, onClick } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[[14, currentSelection ? \"bold\" : \"regular\"]]}\n      onClick={onClick}\n      sx={{\n        height: \"46px\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"flex-end\",\n        pr: \"25px\",\n        pl: \"10px\",\n        ...(currentSelection\n          ? {\n              cursor: \"default\",\n            }\n          : {\n              borderTopStyle: \"solid\",\n              borderWidth: \"1px\",\n              borderColor: \"cl_headerLine\",\n              cursor: \"pointer\",\n              opacity: 0.8,\n              \":hover\": {\n                opacity: 1,\n              },\n            }),\n      }}\n    >\n      {title}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["OptionRow","props","currentSelection","title","onClick","jsx","ResponsiveTextV2"],"mappings":";;AAKa,MAAAA,IAAY,CAA4BC,MAAoB;AACvE,QAAM,EAAE,kBAAAC,GAAkB,OAAAC,GAAO,SAAAC,EAAA,IAAYH;AAG3C,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,CAAC,IAAIJ,IAAmB,SAAS,SAAS,CAAC;AAAA,MAC5D,SAAAE;AAAA,MACA,IAAI;AAAA,QACF,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,GAAIF,IACA;AAAA,UACE,QAAQ;AAAA,QAAA,IAEV;AAAA,UACE,gBAAgB;AAAA,UAChB,aAAa;AAAA,UACb,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,UAAU;AAAA,YACR,SAAS;AAAA,UACX;AAAA,QACF;AAAA,MACN;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library320.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-library321.js

@@ -1,32 +1,37 @@
-import { j as e } from "./sd-component-library195.js";
-import { getSelectedRangeText as l } from "./sd-component-library282.js";
-import { FourteenRegular as n } from "./sd-component-library143.js";
-import { FourteenSb as p } from "./sd-component-library144.js";
-import { BaseGridContainer as i } from "./sd-component-library36.js";
-const a = (r) => {
-  const { isMobile: o, selectedRange: t } = r;
-  return /* @__PURE__ */ e.jsxs(
-    i,
+import { j as i } from "./sd-component-library196.js";
+import { ResponsiveTextV2 as n } from "./sd-component-library150.js";
+const s = (o) => {
+  const { currentSelection: e, title: r, onClick: t } = o;
+  return /* @__PURE__ */ i.jsx(
+    n,
     {
-      ...o ? {
-        p: "10px 20px",
-        gap: "3px",
-        borderWidth: "1px 0",
-        borderStyle: "solid",
-        borderColor: "#CCD0DB"
-      } : {
-        gap: "10px",
-        m: "auto 0",
-        justifyContent: "flex-end"
+      fontSizeWeight: [[14, e ? "bold" : "regular"]],
+      onClick: t,
+      sx: {
+        height: "46px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "flex-end",
+        pr: "25px",
+        pl: "10px",
+        ...e ? {
+          cursor: "default"
+        } : {
+          borderTopStyle: "solid",
+          borderWidth: "1px",
+          borderColor: "cl_headerLine",
+          cursor: "pointer",
+          opacity: 0.8,
+          ":hover": {
+            opacity: 1
+          }
+        }
       },
-      children: [
-        /* @__PURE__ */ e.jsx(n, { color: "cl_grey", children: "Selected:" }),
-        /* @__PURE__ */ e.jsx(p, { color: "cl_purple", children: l(t) })
-      ]
+      children: r
     }
   );
 };
 export {
-  a as SelectedRangeText
+  s as OptionRow
 };
 //# sourceMappingURL=sd-component-library321.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library321.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/partials/selected-range-text/selected-range-text.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseGridContainer } from \"../../../../../containers\";\nimport { FourteenRegular } from \"../../../../../texts/fourteen-regular\";\nimport { FourteenSb } from \"../../../../../texts/fourteen-sb\";\nimport { getSelectedRangeText } from \"../../utils\";\nimport { SelectedRangeTextProps as Props } from \"./interfaces\";\n\nexport const SelectedRangeText: React.FC<Props> = (props) => {\n  const { isMobile, selectedRange } = props;\n\n  return (\n    <BaseGridContainer\n      {...(isMobile\n        ? {\n            p: \"10px 20px\",\n            gap: \"3px\",\n            borderWidth: \"1px 0\",\n            borderStyle: \"solid\",\n            borderColor: \"#CCD0DB\",\n          }\n        : {\n            gap: \"10px\",\n            m: \"auto 0\",\n            justifyContent: \"flex-end\",\n          })}\n    >\n      <FourteenRegular color=\"cl_grey\">Selected:</FourteenRegular>\n\n      <FourteenSb color=\"cl_purple\">\n        {getSelectedRangeText(selectedRange)}\n      </FourteenSb>\n    </BaseGridContainer>\n  );\n};\n"],"names":["SelectedRangeText","props","isMobile","selectedRange","jsxs","BaseGridContainer","jsx","FourteenRegular","FourteenSb","getSelectedRangeText"],"mappings":";;;;;AAQa,MAAAA,IAAqC,CAACC,MAAU;AACrD,QAAA,EAAE,UAAAC,GAAU,eAAAC,EAAkB,IAAAF;AAGlC,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAIH,IACD;AAAA,QACE,GAAG;AAAA,QACH,KAAK;AAAA,QACL,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,MAAA,IAEf;AAAA,QACE,KAAK;AAAA,QACL,GAAG;AAAA,QACH,gBAAgB;AAAA,MAClB;AAAA,MAEJ,UAAA;AAAA,QAACI,gBAAAA,EAAA,IAAAC,GAAA,EAAgB,OAAM,WAAU,UAAS,aAAA;AAAA,8BAEzCC,GAAW,EAAA,OAAM,aACf,UAAAC,EAAqBN,CAAa,GACrC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library321.js","sources":["../src/components/selectors/primary-custom-scrollable-selector/partials/option-row/option-row.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../../texts/responsive-text-v2\";\nimport { OptionRowProps as Props } from \"./interfaces\";\n\nexport const OptionRow = <T extends string = string>(props: Props<T>) => {\n  const { currentSelection, title, onClick } = props;\n\n  return (\n    <ResponsiveTextV2\n      fontSizeWeight={[[14, currentSelection ? \"bold\" : \"regular\"]]}\n      onClick={onClick}\n      sx={{\n        height: \"46px\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"flex-end\",\n        pr: \"25px\",\n        pl: \"10px\",\n        ...(currentSelection\n          ? {\n              cursor: \"default\",\n            }\n          : {\n              borderTopStyle: \"solid\",\n              borderWidth: \"1px\",\n              borderColor: \"cl_headerLine\",\n              cursor: \"pointer\",\n              opacity: 0.8,\n              \":hover\": {\n                opacity: 1,\n              },\n            }),\n      }}\n    >\n      {title}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["OptionRow","props","currentSelection","title","onClick","jsx","ResponsiveTextV2"],"mappings":";;AAKa,MAAAA,IAAY,CAA4BC,MAAoB;AACvE,QAAM,EAAE,kBAAAC,GAAkB,OAAAC,GAAO,SAAAC,EAAA,IAAYH;AAG3C,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,CAAC,CAAC,IAAIJ,IAAmB,SAAS,SAAS,CAAC;AAAA,MAC5D,SAAAE;AAAA,MACA,IAAI;AAAA,QACF,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,GAAIF,IACA;AAAA,UACE,QAAQ;AAAA,QAAA,IAEV;AAAA,UACE,gBAAgB;AAAA,UAChB,aAAa;AAAA,UACb,aAAa;AAAA,UACb,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,UAAU;AAAA,YACR,SAAS;AAAA,UACX;AAAA,QACF;AAAA,MACN;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library322.js

@@ -1,24 +1,32 @@
-import { j as r } from "./sd-component-library195.js";
-import { endOfDay as s } from "date-fns";
-import { SecondaryBlueButton as p } from "./sd-component-library19.js";
-const c = (e) => {
-  const { onClose: n, onSelect: o, selectedRange: t } = e, a = () => {
-    t && o({
-      startDate: t.startDate ?? /* @__PURE__ */ new Date(),
-      endDate: s(t.endDate ?? /* @__PURE__ */ new Date())
-    }), n();
-  };
-  return /* @__PURE__ */ r.jsx(
-    p,
+import { j as e } from "./sd-component-library196.js";
+import { getSelectedRangeText as l } from "./sd-component-library283.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-library36.js";
+const a = (r) => {
+  const { isMobile: o, selectedRange: t } = r;
+  return /* @__PURE__ */ e.jsxs(
+    i,
     {
-      width: "140px",
-      onClick: a,
-      disabled: !t || !t.startDate || !t.endDate,
-      children: "Apply"
+      ...o ? {
+        p: "10px 20px",
+        gap: "3px",
+        borderWidth: "1px 0",
+        borderStyle: "solid",
+        borderColor: "#CCD0DB"
+      } : {
+        gap: "10px",
+        m: "auto 0",
+        justifyContent: "flex-end"
+      },
+      children: [
+        /* @__PURE__ */ e.jsx(n, { color: "cl_grey", children: "Selected:" }),
+        /* @__PURE__ */ e.jsx(p, { color: "cl_purple", children: l(t) })
+      ]
     }
   );
 };
 export {
-  c as ApplyButton
+  a as SelectedRangeText
 };
 //# sourceMappingURL=sd-component-library322.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library322.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/partials/apply-button/apply-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { endOfDay } from \"date-fns\";\n\nimport { SecondaryBlueButton } from \"../../../../../buttons\";\nimport { ApplyButtonProps as Props } from \"./interfaces\";\n\nexport const ApplyButton: React.FC<Props> = (props) => {\n  const { onClose, onSelect, selectedRange } = props;\n\n  const handleApply = () => {\n    selectedRange &&\n      onSelect({\n        startDate: selectedRange.startDate ?? new Date(),\n        endDate: endOfDay(selectedRange.endDate ?? new Date()),\n      });\n    onClose();\n  };\n\n  return (\n    <SecondaryBlueButton\n      width=\"140px\"\n      onClick={handleApply}\n      disabled={\n        !selectedRange || !selectedRange.startDate || !selectedRange.endDate\n      }\n    >\n      Apply\n    </SecondaryBlueButton>\n  );\n};\n"],"names":["ApplyButton","props","onClose","onSelect","selectedRange","handleApply","endOfDay","jsx","SecondaryBlueButton"],"mappings":";;;AAOa,MAAAA,IAA+B,CAACC,MAAU;AACrD,QAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,eAAAC,EAAA,IAAkBH,GAEvCI,IAAc,MAAM;AACxB,IAAAD,KACED,EAAS;AAAA,MACP,WAAWC,EAAc,aAAa,oBAAI,KAAK;AAAA,MAC/C,SAASE,EAASF,EAAc,WAAW,oBAAI,MAAM;AAAA,IAAA,CACtD,GACKF;EAAA;AAIR,SAAAK,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,SAASH;AAAA,MACT,UACE,CAACD,KAAiB,CAACA,EAAc,aAAa,CAACA,EAAc;AAAA,MAEhE,UAAA;AAAA,IAAA;AAAA,EAAA;AAIL;"}
+{"version":3,"file":"sd-component-library322.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/partials/selected-range-text/selected-range-text.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseGridContainer } from \"../../../../../containers\";\nimport { FourteenRegular } from \"../../../../../texts/fourteen-regular\";\nimport { FourteenSb } from \"../../../../../texts/fourteen-sb\";\nimport { getSelectedRangeText } from \"../../utils\";\nimport { SelectedRangeTextProps as Props } from \"./interfaces\";\n\nexport const SelectedRangeText: React.FC<Props> = (props) => {\n  const { isMobile, selectedRange } = props;\n\n  return (\n    <BaseGridContainer\n      {...(isMobile\n        ? {\n            p: \"10px 20px\",\n            gap: \"3px\",\n            borderWidth: \"1px 0\",\n            borderStyle: \"solid\",\n            borderColor: \"#CCD0DB\",\n          }\n        : {\n            gap: \"10px\",\n            m: \"auto 0\",\n            justifyContent: \"flex-end\",\n          })}\n    >\n      <FourteenRegular color=\"cl_grey\">Selected:</FourteenRegular>\n\n      <FourteenSb color=\"cl_purple\">\n        {getSelectedRangeText(selectedRange)}\n      </FourteenSb>\n    </BaseGridContainer>\n  );\n};\n"],"names":["SelectedRangeText","props","isMobile","selectedRange","jsxs","BaseGridContainer","jsx","FourteenRegular","FourteenSb","getSelectedRangeText"],"mappings":";;;;;AAQa,MAAAA,IAAqC,CAACC,MAAU;AACrD,QAAA,EAAE,UAAAC,GAAU,eAAAC,EAAkB,IAAAF;AAGlC,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAIH,IACD;AAAA,QACE,GAAG;AAAA,QACH,KAAK;AAAA,QACL,aAAa;AAAA,QACb,aAAa;AAAA,QACb,aAAa;AAAA,MAAA,IAEf;AAAA,QACE,KAAK;AAAA,QACL,GAAG;AAAA,QACH,gBAAgB;AAAA,MAClB;AAAA,MAEJ,UAAA;AAAA,QAACI,gBAAAA,EAAA,IAAAC,GAAA,EAAgB,OAAM,WAAU,UAAS,aAAA;AAAA,8BAEzCC,GAAW,EAAA,OAAM,aACf,UAAAC,EAAqBN,CAAa,GACrC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}