@selfdecode/sd-component-library 4.0.103 → 4.0.105

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

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

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

@@ -1,5 +1,5 @@
 import { j as e } from "./sd-component-library197.js";
-import { getSelectedRangeText as l } from "./sd-component-library284.js";
+import { getSelectedRangeText as l } from "./sd-component-library283.js";
 import { FourteenRegular as n } from "./sd-component-library145.js";
 import { FourteenSb as p } from "./sd-component-library146.js";
 import { BaseGridContainer as i } from "./sd-component-library36.js";

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-library213.js";
 const d = ({
   width: r = "100%",
   height: t = "1px",

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-library213.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-library211.js";
+import { BaseBooleanFeedback as m } from "./sd-component-library210.js";
 import { IconButton as n } from "./sd-component-library22.js";
-import { ReactComponent as c } from "./sd-component-library212.js";
-import { ReactComponent as u } from "./sd-component-library213.js";
+import { ReactComponent as c } from "./sd-component-library211.js";
+import { ReactComponent as u } from "./sd-component-library212.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-library59.js

@@ -1,8 +1,8 @@
 import { j as n } from "./sd-component-library197.js";
-import { InputLabel as v } from "./sd-component-library60.js";
-import { GridContainerV2 as z } from "./sd-component-library39.js";
+import { InputLabel as z } from "./sd-component-library60.js";
+import { GridContainerV2 as C } from "./sd-component-library39.js";
 import { BaseTextV2 as p } from "./sd-component-library139.js";
-const k = ({
+const w = ({
   gap: f = "0px",
   cursor: m = "pointer",
   sx: d,
@@ -16,18 +16,19 @@ const k = ({
   showErrorMessageText: r = !0,
   errorMessage: t,
   errorMessageProps: x,
-  bg: j = t ? "rgba(255, 0, 0, 0.05)" : "white",
-  id: _,
-  children: a,
-  ...S
+  baseBgColor: j = "white",
+  bg: _ = t ? "rgba(255, 0, 0, 0.05)" : j,
+  id: a,
+  children: S,
+  ...v
 }) => /* @__PURE__ */ n.jsxs(
-  z,
+  C,
   {
     width: h,
     gap: f,
-    bg: j,
+    bg: _,
     textAlign: e,
-    ...S,
+    ...v,
     sx: {
       position: "relative",
       cursor: m,
@@ -37,9 +38,9 @@ const k = ({
     },
     children: [
       c && /* @__PURE__ */ n.jsxs(
-        v,
+        z,
         {
-          htmlFor: _,
+          htmlFor: a,
           maxWidth: "100%",
           color: t ? "cl_red" : "cl_darkGrey",
           fontSize: 10,
@@ -68,7 +69,7 @@ const k = ({
           ]
         }
       ),
-      a,
+      S,
       r && !!t && /* @__PURE__ */ n.jsx(
         p,
         {
@@ -91,6 +92,6 @@ const k = ({
   }
 );
 export {
-  k as InputContainer
+  w as InputContainer
 };
 //# 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/input-container/input-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Grid } from \"../../containers\";\nimport { BaseTextV2 } from \"../../texts\";\nimport { InputLabel } from \"../input-label\";\nimport { InputContainerProps as Props } from \"./interfaces\";\n\nexport const InputContainer: React.FC<Props> = ({\n  gap = \"0px\",\n  cursor = \"pointer\",\n  sx,\n  required = false,\n  textAlign = \"left\",\n  width = \"240px\",\n  label,\n  labelProps,\n  secondaryLabel = required ? \"*\" : undefined,\n  secondaryLabelProps = required\n    ? { color: \"cl_purple\", fontSize: 16, lineHeight: \"12px\" }\n    : undefined,\n  showErrorMessageText = true,\n  errorMessage,\n  errorMessageProps,\n  bg = errorMessage ? \"rgba(255, 0, 0, 0.05)\" : \"white\",\n  id,\n  children,\n  ...props\n}) => (\n  <Grid\n    {...{ width, gap, bg, textAlign }}\n    {...props}\n    sx={{\n      position: \"relative\",\n      cursor,\n      flexGrow: 1,\n      \"> * \": !!errorMessage ? { borderBottomColor: \"cl_red\" } : {},\n      ...sx,\n    }}\n  >\n    {label && (\n      <InputLabel\n        htmlFor={id}\n        maxWidth=\"100%\"\n        color={!!errorMessage ? \"cl_red\" : \"cl_darkGrey\"}\n        fontSize={10}\n        fontWeight=\"600\"\n        {...labelProps}\n        sx={{\n          letterSpacing: \"1px\",\n          textTransform: \"uppercase\",\n          cursor: \"default\",\n          ...labelProps?.sx,\n        }}\n      >\n        {label}\n\n        {secondaryLabel && (\n          <BaseTextV2\n            display=\"inline-block\"\n            textTransform=\"uppercase\"\n            letterSpacing=\"1px\"\n            color=\"cl_grey\"\n            ml=\"3px\"\n            {...secondaryLabelProps}\n          >\n            {secondaryLabel}\n          </BaseTextV2>\n        )}\n      </InputLabel>\n    )}\n\n    {children}\n\n    {showErrorMessageText && !!errorMessage && (\n      <BaseTextV2\n        fontSize=\"12px\"\n        lineHeight=\"12px\"\n        color=\"cl_red\"\n        maxWidth=\"100%\"\n        {...errorMessageProps}\n        sx={{\n          position: \"absolute\",\n          top: \"calc(100% + 5px)\",\n          left: 0,\n          cursor: \"default\",\n          ...errorMessageProps?.sx,\n        }}\n      >\n        {errorMessage}\n      </BaseTextV2>\n    )}\n  </Grid>\n);\n"],"names":["InputContainer","gap","cursor","sx","required","textAlign","width","label","labelProps","secondaryLabel","secondaryLabelProps","showErrorMessageText","errorMessage","errorMessageProps","bg","id","children","props","jsxs","Grid","InputLabel","jsx","BaseTextV2"],"mappings":";;;;AAOO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,KAAAC,IAAM;AAAA,EACN,QAAAC,IAAS;AAAA,EACT,IAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC,IAAiBL,IAAW,MAAM;AAAA,EAClC,qBAAAM,IAAsBN,IAClB,EAAE,OAAO,aAAa,UAAU,IAAI,YAAY,OAChD,IAAA;AAAA,EACJ,sBAAAO,IAAuB;AAAA,EACvB,cAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,IAAAC,IAAKF,IAAe,0BAA0B;AAAA,EAC9C,IAAAG;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACO,OAAAb;AAAA,IAAO,KAAAL;AAAA,IAAK,IAAAa;AAAA,IAAI,WAAAT;AAAA,IACrB,GAAGY;AAAA,IACJ,IAAI;AAAA,MACF,UAAU;AAAA,MACV,QAAAf;AAAA,MACA,UAAU;AAAA,MACV,QAAUU,IAAe,EAAE,mBAAmB,aAAa,CAAC;AAAA,MAC5D,GAAGT;AAAA,IACL;AAAA,IAEC,UAAA;AAAA,MACCI,KAAAW,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAASL;AAAA,UACT,UAAS;AAAA,UACT,OAASH,IAAe,WAAW;AAAA,UACnC,UAAU;AAAA,UACV,YAAW;AAAA,UACV,GAAGJ;AAAA,UACJ,IAAI;AAAA,YACF,eAAe;AAAA,YACf,eAAe;AAAA,YACf,QAAQ;AAAA,YACR,GAAGA,KAAA,gBAAAA,EAAY;AAAA,UACjB;AAAA,UAEC,UAAA;AAAA,YAAAD;AAAA,YAEAE,KACCY,gBAAAA,EAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,eAAc;AAAA,gBACd,eAAc;AAAA,gBACd,OAAM;AAAA,gBACN,IAAG;AAAA,gBACF,GAAGZ;AAAA,gBAEH,UAAAD;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,MAGDO;AAAA,MAEAL,KAAwB,CAAC,CAACC,KACzBS,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,YAAW;AAAA,UACX,OAAM;AAAA,UACN,UAAS;AAAA,UACR,GAAGT;AAAA,UACJ,IAAI;AAAA,YACF,UAAU;AAAA,YACV,KAAK;AAAA,YACL,MAAM;AAAA,YACN,QAAQ;AAAA,YACR,GAAGA,KAAA,gBAAAA,EAAmB;AAAA,UACxB;AAAA,UAEC,UAAAD;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library59.js","sources":["../src/components/forms-v2/input-container/input-container.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Grid } from \"../../containers\";\nimport { BaseTextV2 } from \"../../texts\";\nimport { InputLabel } from \"../input-label\";\nimport { InputContainerProps as Props } from \"./interfaces\";\n\nexport const InputContainer: React.FC<Props> = ({\n  gap = \"0px\",\n  cursor = \"pointer\",\n  sx,\n  required = false,\n  textAlign = \"left\",\n  width = \"240px\",\n  label,\n  labelProps,\n  secondaryLabel = required ? \"*\" : undefined,\n  secondaryLabelProps = required\n    ? { color: \"cl_purple\", fontSize: 16, lineHeight: \"12px\" }\n    : undefined,\n  showErrorMessageText = true,\n  errorMessage,\n  errorMessageProps,\n  baseBgColor = \"white\",\n  bg = errorMessage ? \"rgba(255, 0, 0, 0.05)\" : baseBgColor,\n  id,\n  children,\n  ...props\n}) => (\n  <Grid\n    {...{ width, gap, bg, textAlign }}\n    {...props}\n    sx={{\n      position: \"relative\",\n      cursor,\n      flexGrow: 1,\n      \"> * \": !!errorMessage ? { borderBottomColor: \"cl_red\" } : {},\n      ...sx,\n    }}\n  >\n    {label && (\n      <InputLabel\n        htmlFor={id}\n        maxWidth=\"100%\"\n        color={!!errorMessage ? \"cl_red\" : \"cl_darkGrey\"}\n        fontSize={10}\n        fontWeight=\"600\"\n        {...labelProps}\n        sx={{\n          letterSpacing: \"1px\",\n          textTransform: \"uppercase\",\n          cursor: \"default\",\n          ...labelProps?.sx,\n        }}\n      >\n        {label}\n\n        {secondaryLabel && (\n          <BaseTextV2\n            display=\"inline-block\"\n            textTransform=\"uppercase\"\n            letterSpacing=\"1px\"\n            color=\"cl_grey\"\n            ml=\"3px\"\n            {...secondaryLabelProps}\n          >\n            {secondaryLabel}\n          </BaseTextV2>\n        )}\n      </InputLabel>\n    )}\n\n    {children}\n\n    {showErrorMessageText && !!errorMessage && (\n      <BaseTextV2\n        fontSize=\"12px\"\n        lineHeight=\"12px\"\n        color=\"cl_red\"\n        maxWidth=\"100%\"\n        {...errorMessageProps}\n        sx={{\n          position: \"absolute\",\n          top: \"calc(100% + 5px)\",\n          left: 0,\n          cursor: \"default\",\n          ...errorMessageProps?.sx,\n        }}\n      >\n        {errorMessage}\n      </BaseTextV2>\n    )}\n  </Grid>\n);\n"],"names":["InputContainer","gap","cursor","sx","required","textAlign","width","label","labelProps","secondaryLabel","secondaryLabelProps","showErrorMessageText","errorMessage","errorMessageProps","baseBgColor","bg","id","children","props","jsxs","Grid","InputLabel","jsx","BaseTextV2"],"mappings":";;;;AAOO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,KAAAC,IAAM;AAAA,EACN,QAAAC,IAAS;AAAA,EACT,IAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC,IAAiBL,IAAW,MAAM;AAAA,EAClC,qBAAAM,IAAsBN,IAClB,EAAE,OAAO,aAAa,UAAU,IAAI,YAAY,OAChD,IAAA;AAAA,EACJ,sBAAAO,IAAuB;AAAA,EACvB,cAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,IAAAC,IAAKH,IAAe,0BAA0BE;AAAA,EAC9C,IAAAE;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACO,OAAAd;AAAA,IAAO,KAAAL;AAAA,IAAK,IAAAc;AAAA,IAAI,WAAAV;AAAA,IACrB,GAAGa;AAAA,IACJ,IAAI;AAAA,MACF,UAAU;AAAA,MACV,QAAAhB;AAAA,MACA,UAAU;AAAA,MACV,QAAUU,IAAe,EAAE,mBAAmB,aAAa,CAAC;AAAA,MAC5D,GAAGT;AAAA,IACL;AAAA,IAEC,UAAA;AAAA,MACCI,KAAAY,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAASL;AAAA,UACT,UAAS;AAAA,UACT,OAASJ,IAAe,WAAW;AAAA,UACnC,UAAU;AAAA,UACV,YAAW;AAAA,UACV,GAAGJ;AAAA,UACJ,IAAI;AAAA,YACF,eAAe;AAAA,YACf,eAAe;AAAA,YACf,QAAQ;AAAA,YACR,GAAGA,KAAA,gBAAAA,EAAY;AAAA,UACjB;AAAA,UAEC,UAAA;AAAA,YAAAD;AAAA,YAEAE,KACCa,gBAAAA,EAAA;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,eAAc;AAAA,gBACd,eAAc;AAAA,gBACd,OAAM;AAAA,gBACN,IAAG;AAAA,gBACF,GAAGb;AAAA,gBAEH,UAAAD;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,MAGDQ;AAAA,MAEAN,KAAwB,CAAC,CAACC,KACzBU,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,YAAW;AAAA,UACX,OAAM;AAAA,UACN,UAAS;AAAA,UACR,GAAGV;AAAA,UACJ,IAAI;AAAA,YACF,UAAU;AAAA,YACV,KAAK;AAAA,YACL,MAAM;AAAA,YACN,QAAQ;AAAA,YACR,GAAGA,KAAA,gBAAAA,EAAmB;AAAA,UACxB;AAAA,UAEC,UAAAD;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAEJ;"}

package/lib/sd-component-library62.js

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

package/lib/sd-component-library63.js

@@ -1,12 +1,12 @@
 import { j as t } from "./sd-component-library197.js";
 import { useState as v, useRef as w } from "react";
+import "./sd-component-library281.js";
 import "./sd-component-library282.js";
-import "./sd-component-library283.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-library283.js";
+import { BaseDateRangeInputMobile as O } from "./sd-component-library284.js";
+import { BaseDateRangeInputDesktop as P } from "./sd-component-library285.js";
 const J = (n) => {
   const {
     color: d = "#9E1CB5",

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-library281.js";
+import { ReactComponent as S } from "./sd-component-library286.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-library281.js";
+import { ReactComponent as z } from "./sd-component-library286.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-library66.js

@@ -19,9 +19,9 @@ const N = (u) => {
     alignCalendar: y = "left",
     maxDate: C,
     minDate: w,
-    labelVariant: D = "selectors.secondary",
-    labelMargin: S,
     errorMessage: a,
+    labelVariant: D,
+    labelMargin: S,
     errorBackground: v,
     onFocus: d,
     sx: B
@@ -68,7 +68,7 @@ const N = (u) => {
                   M,
                   {
                     "data-testid": "primary-date-input-label",
-                    variant: `${D}${a ? "Error" : ""}`,
+                    variant: D ?? `selectors.secondary${a ? "Error" : ""}`,
                     label: l,
                     height: [""],
                     m: S

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library66.js","sources":["../src/components/inputs/date-inputs/primary-date-input/primary-date-input.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { format } from \"date-fns\";\nimport { random } from \"lodash-es\";\nimport { Box } from \"rebass\";\n\nimport { FrMaxContainer } from \"../../../containers\";\nimport { ShortDownArrowIcon } from \"../../../icons/short-dropdown-arrow-icon\";\nimport { BaseLabel } from \"../../../labels/base-label\";\nimport { ResponsiveText } from \"../../../texts\";\nimport { BaseDateInput } from \"../base-date-input\";\nimport { PrimaryDateInputProps as Props } from \"./interfaces\";\n\nexport const PrimaryDateInput: React.FC<Props> = (props) => {\n  const {\n    label,\n    selectedDate,\n    onDateSelect,\n    defaultPlaceholder,\n    gap = [\"12px\"],\n    width = [\"180px\"],\n    alignCalendar = \"left\",\n    maxDate,\n    minDate,\n    labelVariant = \"selectors.secondary\",\n    labelMargin,\n    errorMessage,\n    errorBackground,\n    onFocus,\n    sx,\n  } = props;\n\n  const [showCalendar, setShowCalendar] = useState(false);\n\n  const handleDateSelect = (date: Date) => {\n    onDateSelect(date);\n    setShowCalendar(false);\n  };\n\n  const [hasFocus, setHasFocus] = useState(false);\n  const boxRef = useRef<HTMLDivElement>();\n  // Use a random negative tab index to make collisions very unlikely\n  const tabIndex = useMemo(() => -1 * random(1, 100000), []);\n\n  /**\n   * When focus changes on the document, determine if it's inside this component\n   */\n  const onFocusChange = () => {\n    if (boxRef.current?.contains(document.activeElement)) {\n      setHasFocus(true);\n    } else {\n      setHasFocus(false);\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener(\"focusin\", onFocusChange);\n    return () => {\n      document.removeEventListener(\"focusin\", onFocusChange);\n    };\n  }, []);\n\n  // Hide calendar if focus is lost\n  useEffect(() => {\n    if (!hasFocus) setShowCalendar(false);\n  }, [hasFocus]);\n\n  return (\n    <Box\n      ref={boxRef}\n      tabIndex={tabIndex}\n      sx={{\n        outline: \"none\",\n        ...sx,\n      }}\n      data-testid=\"primary-date-input\"\n    >\n      <BaseDateInput\n        showCalendar={hasFocus && showCalendar}\n        selectedDate={selectedDate}\n        onDateSelect={handleDateSelect}\n        alignCalendar={alignCalendar}\n        maxDate={maxDate}\n        minDate={minDate}\n        width={width}\n      >\n        <Box\n          sx={{\n            display: \"grid\",\n            gridTemplateColumns: \"1fr\",\n            rowGap: gap,\n          }}\n        >\n          {label && (\n            <BaseLabel\n              data-testid=\"primary-date-input-label\"\n              variant={`${labelVariant}${errorMessage ? \"Error\" : \"\"}`}\n              label={label}\n              height={[\"\"]}\n              m={labelMargin}\n            />\n          )}\n\n          <Box\n            data-testid=\"primary-date-input-field\"\n            onClick={() => {\n              setShowCalendar(!showCalendar);\n              if (!showCalendar) {\n                !!onFocus && onFocus();\n              }\n            }}\n            width=\"100%\"\n            sx={{\n              cursor: \"pointer\",\n              width: \"max-content\",\n              backgroundColor: errorBackground ? \"rgba(255, 0, 0, 0.05)\" : \"\",\n            }}\n          >\n            <FrMaxContainer>\n              <Box\n                sx={{\n                  paddingY: \"14px\",\n                  borderBottom: \"solid 2px\",\n                  borderColor: errorMessage ? \"cl_red\" : \"cl_lightGrey\",\n                }}\n              >\n                <ResponsiveText\n                  fontSizeWeight={[\n                    [16, \"regular\"],\n                    [18, \"regular\"],\n                  ]}\n                  textAlign=\"left\"\n                  cursor=\"pointer\"\n                  color={selectedDate ? \"cl_darkGrey\" : \"cl_grey\"}\n                >\n                  {selectedDate\n                    ? format(selectedDate, \"P\")\n                    : defaultPlaceholder}\n                </ResponsiveText>\n              </Box>\n              <Box\n                sx={{\n                  width: [\"10px\"],\n                  height: [\"50px\", \"52px\"],\n                  display: \"flex\",\n                  borderBottom: \"solid 2px\",\n                  borderColor: errorMessage ? \"cl_red\" : \"cl_lightGrey\",\n                }}\n              >\n                <ShortDownArrowIcon\n                  style={{\n                    width: \"100%\",\n                    fill: \"#434A54\",\n                  }}\n                />\n              </Box>\n            </FrMaxContainer>\n          </Box>\n        </Box>\n      </BaseDateInput>\n    </Box>\n  );\n};\n"],"names":["PrimaryDateInput","props","label","selectedDate","onDateSelect","defaultPlaceholder","gap","width","alignCalendar","maxDate","minDate","labelVariant","labelMargin","errorMessage","errorBackground","onFocus","sx","showCalendar","setShowCalendar","useState","handleDateSelect","date","hasFocus","setHasFocus","boxRef","useRef","tabIndex","useMemo","random","onFocusChange","_a","useEffect","jsx","Box","BaseDateInput","jsxs","BaseLabel","FrMaxContainer","ResponsiveText","format","ShortDownArrowIcon"],"mappings":"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"}
+{"version":3,"file":"sd-component-library66.js","sources":["../src/components/inputs/date-inputs/primary-date-input/primary-date-input.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\n\nimport { format } from \"date-fns\";\nimport { random } from \"lodash-es\";\nimport { Box } from \"rebass\";\n\nimport { FrMaxContainer } from \"../../../containers\";\nimport { ShortDownArrowIcon } from \"../../../icons/short-dropdown-arrow-icon\";\nimport { BaseLabel } from \"../../../labels/base-label\";\nimport { ResponsiveText } from \"../../../texts\";\nimport { BaseDateInput } from \"../base-date-input\";\nimport { PrimaryDateInputProps as Props } from \"./interfaces\";\n\nexport const PrimaryDateInput: React.FC<Props> = (props) => {\n  const {\n    label,\n    selectedDate,\n    onDateSelect,\n    defaultPlaceholder,\n    gap = [\"12px\"],\n    width = [\"180px\"],\n    alignCalendar = \"left\",\n    maxDate,\n    minDate,\n    errorMessage,\n    labelVariant,\n    labelMargin,\n    errorBackground,\n    onFocus,\n    sx,\n  } = props;\n\n  const [showCalendar, setShowCalendar] = useState(false);\n\n  const handleDateSelect = (date: Date) => {\n    onDateSelect(date);\n    setShowCalendar(false);\n  };\n\n  const [hasFocus, setHasFocus] = useState(false);\n  const boxRef = useRef<HTMLDivElement>();\n  // Use a random negative tab index to make collisions very unlikely\n  const tabIndex = useMemo(() => -1 * random(1, 100000), []);\n\n  /**\n   * When focus changes on the document, determine if it's inside this component\n   */\n  const onFocusChange = () => {\n    if (boxRef.current?.contains(document.activeElement)) {\n      setHasFocus(true);\n    } else {\n      setHasFocus(false);\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener(\"focusin\", onFocusChange);\n    return () => {\n      document.removeEventListener(\"focusin\", onFocusChange);\n    };\n  }, []);\n\n  // Hide calendar if focus is lost\n  useEffect(() => {\n    if (!hasFocus) setShowCalendar(false);\n  }, [hasFocus]);\n\n  return (\n    <Box\n      ref={boxRef}\n      tabIndex={tabIndex}\n      sx={{\n        outline: \"none\",\n        ...sx,\n      }}\n      data-testid=\"primary-date-input\"\n    >\n      <BaseDateInput\n        showCalendar={hasFocus && showCalendar}\n        selectedDate={selectedDate}\n        onDateSelect={handleDateSelect}\n        alignCalendar={alignCalendar}\n        maxDate={maxDate}\n        minDate={minDate}\n        width={width}\n      >\n        <Box\n          sx={{\n            display: \"grid\",\n            gridTemplateColumns: \"1fr\",\n            rowGap: gap,\n          }}\n        >\n          {label && (\n            <BaseLabel\n              data-testid=\"primary-date-input-label\"\n              variant={\n                labelVariant ??\n                `selectors.secondary${errorMessage ? \"Error\" : \"\"}`\n              }\n              label={label}\n              height={[\"\"]}\n              m={labelMargin}\n            />\n          )}\n\n          <Box\n            data-testid=\"primary-date-input-field\"\n            onClick={() => {\n              setShowCalendar(!showCalendar);\n              if (!showCalendar) {\n                !!onFocus && onFocus();\n              }\n            }}\n            width=\"100%\"\n            sx={{\n              cursor: \"pointer\",\n              width: \"max-content\",\n              backgroundColor: errorBackground ? \"rgba(255, 0, 0, 0.05)\" : \"\",\n            }}\n          >\n            <FrMaxContainer>\n              <Box\n                sx={{\n                  paddingY: \"14px\",\n                  borderBottom: \"solid 2px\",\n                  borderColor: errorMessage ? \"cl_red\" : \"cl_lightGrey\",\n                }}\n              >\n                <ResponsiveText\n                  fontSizeWeight={[\n                    [16, \"regular\"],\n                    [18, \"regular\"],\n                  ]}\n                  textAlign=\"left\"\n                  cursor=\"pointer\"\n                  color={selectedDate ? \"cl_darkGrey\" : \"cl_grey\"}\n                >\n                  {selectedDate\n                    ? format(selectedDate, \"P\")\n                    : defaultPlaceholder}\n                </ResponsiveText>\n              </Box>\n              <Box\n                sx={{\n                  width: [\"10px\"],\n                  height: [\"50px\", \"52px\"],\n                  display: \"flex\",\n                  borderBottom: \"solid 2px\",\n                  borderColor: errorMessage ? \"cl_red\" : \"cl_lightGrey\",\n                }}\n              >\n                <ShortDownArrowIcon\n                  style={{\n                    width: \"100%\",\n                    fill: \"#434A54\",\n                  }}\n                />\n              </Box>\n            </FrMaxContainer>\n          </Box>\n        </Box>\n      </BaseDateInput>\n    </Box>\n  );\n};\n"],"names":["PrimaryDateInput","props","label","selectedDate","onDateSelect","defaultPlaceholder","gap","width","alignCalendar","maxDate","minDate","errorMessage","labelVariant","labelMargin","errorBackground","onFocus","sx","showCalendar","setShowCalendar","useState","handleDateSelect","date","hasFocus","setHasFocus","boxRef","useRef","tabIndex","useMemo","random","onFocusChange","_a","useEffect","jsx","Box","BaseDateInput","jsxs","BaseLabel","FrMaxContainer","ResponsiveText","format","ShortDownArrowIcon"],"mappings":";;;;;;;;;;AAaa,MAAAA,IAAoC,CAACC,MAAU;AACpD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,KAAAC,IAAM,CAAC,MAAM;AAAA,IACb,OAAAC,IAAQ,CAAC,OAAO;AAAA,IAChB,eAAAC,IAAgB;AAAA,IAChB,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,IAAAC;AAAA,EACE,IAAAf,GAEE,CAACgB,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhDC,IAAmB,CAACC,MAAe;AACvC,IAAAjB,EAAaiB,CAAI,GACjBH,EAAgB,EAAK;AAAA,EAAA,GAGjB,CAACI,GAAUC,CAAW,IAAIJ,EAAS,EAAK,GACxCK,IAASC,KAETC,IAAWC,EAAQ,MAAM,KAAKC,EAAO,GAAG,GAAM,GAAG,CAAA,CAAE,GAKnDC,IAAgB,MAAM;;AAC1B,KAAIC,IAAAN,EAAO,YAAP,QAAAM,EAAgB,SAAS,SAAS,iBACpCP,EAAY,EAAI,IAEhBA,EAAY,EAAK;AAAA,EACnB;AAGF,SAAAQ,EAAU,OACC,SAAA,iBAAiB,WAAWF,CAAa,GAC3C,MAAM;AACF,aAAA,oBAAoB,WAAWA,CAAa;AAAA,EAAA,IAEtD,CAAE,CAAA,GAGLE,EAAU,MAAM;AACd,IAAKT,KAAUJ,EAAgB,EAAK;AAAA,EAAA,GACnC,CAACI,CAAQ,CAAC,GAGXU,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKT;AAAA,MACL,UAAAE;AAAA,MACA,IAAI;AAAA,QACF,SAAS;AAAA,QACT,GAAGV;AAAA,MACL;AAAA,MACA,eAAY;AAAA,MAEZ,UAAAgB,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,cAAcZ,KAAYL;AAAA,UAC1B,cAAAd;AAAA,UACA,cAAciB;AAAA,UACd,eAAAZ;AAAA,UACA,SAAAC;AAAA,UACA,SAAAC;AAAA,UACA,OAAAH;AAAA,UAEA,UAAA4B,gBAAAA,EAAA;AAAA,YAACF;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,gBACF,SAAS;AAAA,gBACT,qBAAqB;AAAA,gBACrB,QAAQ3B;AAAA,cACV;AAAA,cAEC,UAAA;AAAA,gBACCJ,KAAA8B,gBAAAA,EAAA;AAAA,kBAACI;AAAA,kBAAA;AAAA,oBACC,eAAY;AAAA,oBACZ,SACExB,KACA,sBAAsBD,IAAe,UAAU,EAAE;AAAA,oBAEnD,OAAAT;AAAA,oBACA,QAAQ,CAAC,EAAE;AAAA,oBACX,GAAGW;AAAA,kBAAA;AAAA,gBACL;AAAA,gBAGFmB,gBAAAA,EAAA;AAAA,kBAACC;AAAA,kBAAA;AAAA,oBACC,eAAY;AAAA,oBACZ,SAAS,MAAM;AACb,sBAAAf,EAAgB,CAACD,CAAY,GACxBA,KACDF,KAAWA;oBAEjB;AAAA,oBACA,OAAM;AAAA,oBACN,IAAI;AAAA,sBACF,QAAQ;AAAA,sBACR,OAAO;AAAA,sBACP,iBAAiBD,IAAkB,0BAA0B;AAAA,oBAC/D;AAAA,oBAEA,iCAACuB,GACC,EAAA,UAAA;AAAA,sBAAAL,gBAAAA,EAAA;AAAA,wBAACC;AAAA,wBAAA;AAAA,0BACC,IAAI;AAAA,4BACF,UAAU;AAAA,4BACV,cAAc;AAAA,4BACd,aAAatB,IAAe,WAAW;AAAA,0BACzC;AAAA,0BAEA,UAAAqB,gBAAAA,EAAA;AAAA,4BAACM;AAAA,4BAAA;AAAA,8BACC,gBAAgB;AAAA,gCACd,CAAC,IAAI,SAAS;AAAA,gCACd,CAAC,IAAI,SAAS;AAAA,8BAChB;AAAA,8BACA,WAAU;AAAA,8BACV,QAAO;AAAA,8BACP,OAAOnC,IAAe,gBAAgB;AAAA,8BAErC,UACGA,IAAAoC,EAAOpC,GAAc,GAAG,IACxBE;AAAA,4BAAA;AAAA,0BACN;AAAA,wBAAA;AAAA,sBACF;AAAA,sBACA2B,gBAAAA,EAAA;AAAA,wBAACC;AAAA,wBAAA;AAAA,0BACC,IAAI;AAAA,4BACF,OAAO,CAAC,MAAM;AAAA,4BACd,QAAQ,CAAC,QAAQ,MAAM;AAAA,4BACvB,SAAS;AAAA,4BACT,cAAc;AAAA,4BACd,aAAatB,IAAe,WAAW;AAAA,0BACzC;AAAA,0BAEA,UAAAqB,gBAAAA,EAAA;AAAA,4BAACQ;AAAAA,4BAAA;AAAA,8BACC,OAAO;AAAA,gCACL,OAAO;AAAA,gCACP,MAAM;AAAA,8BACR;AAAA,4BAAA;AAAA,0BACF;AAAA,wBAAA;AAAA,sBACF;AAAA,oBAAA,GACF;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library86.js

@@ -5,7 +5,7 @@ import { useHover as R } from "./sd-component-library3.js";
 import { getResponsiveClick as H } from "./sd-component-library4.js";
 import { OutsideClickBox as W } from "./sd-component-library11.js";
 import { ReactComponent as $ } from "./sd-component-library188.js";
-import { ActionBox as A } from "./sd-component-library254.js";
+import { ActionBox as A } from "./sd-component-library228.js";
 import { FlexCenter as M } from "./sd-component-library35.js";
 import { HorizontalDivider as a } from "./sd-component-library49.js";
 const G = (d) => {

package/lib/sd-component-library87.js

@@ -1,13 +1,13 @@
 import { j as e } from "./sd-component-library197.js";
 import { Box as R } from "rebass";
 import { useElementCoordinates as _ } from "./sd-component-library3.js";
-import { defaultPointerWidth as z, defaultTextBottomMargin as X } from "./sd-component-library228.js";
-import { labelWidth as Y, defaultDistanceFromLabelToRanges as W, labelPaddingX as A, defaultWidth as D, defaultHeight as E, defaultArc as G, defaultPointStrokeWidth as H, defaultInnerPointRadius as V, defaultGaugeWidth as q, defaultMaskBorderRadius as N } from "./sd-component-library229.js";
+import { defaultPointerWidth as z, defaultTextBottomMargin as X } from "./sd-component-library229.js";
+import { labelWidth as Y, defaultDistanceFromLabelToRanges as W, labelPaddingX as A, defaultWidth as D, defaultHeight as E, defaultArc as G, defaultPointStrokeWidth as H, defaultInnerPointRadius as V, defaultGaugeWidth as q, defaultMaskBorderRadius as N } from "./sd-component-library230.js";
 import { isValueInRange as J } from "./sd-component-library92.js";
-import { COLOR_TO_ICON_MAP as K, defaultSmileyWidth as Q, defaultDistanceBetweenRanges as U } from "./sd-component-library230.js";
-import { isCorrectSmileyMeterConfig as Z, getIsHorizontal as ee } from "./sd-component-library231.js";
-import { SmileyMeterRanges as te } from "./sd-component-library232.js";
-import { MatchedRangeLabelBox as ie } from "./sd-component-library233.js";
+import { COLOR_TO_ICON_MAP as K, defaultSmileyWidth as Q, defaultDistanceBetweenRanges as U } from "./sd-component-library231.js";
+import { isCorrectSmileyMeterConfig as Z, getIsHorizontal as ee } from "./sd-component-library232.js";
+import { SmileyMeterRanges as te } from "./sd-component-library233.js";
+import { MatchedRangeLabelBox as ie } from "./sd-component-library234.js";
 import { FlexCenter as oe } from "./sd-component-library35.js";
 const xe = ($) => {
   const {

package/lib/sd-component-library88.js

@@ -1,6 +1,6 @@
 import { j as s } from "./sd-component-library197.js";
-import { smallMeterMaskBorderRadius as n } from "./sd-component-library229.js";
-import { smallSmileyMeterWidth as d, smallSmileyMeterHeight as h, smallSmileyGaugeWidth as S, smallSmileyWidth as u, smallSmileyInnerPointRadius as y, smallSmileyInnerPointStrokeWidth as g } from "./sd-component-library230.js";
+import { smallMeterMaskBorderRadius as n } from "./sd-component-library230.js";
+import { smallSmileyMeterWidth as d, smallSmileyMeterHeight as h, smallSmileyGaugeWidth as S, smallSmileyWidth as u, smallSmileyInnerPointRadius as y, smallSmileyInnerPointStrokeWidth as g } from "./sd-component-library231.js";
 import { SmileyMeterV2 as W } from "./sd-component-library87.js";
 const k = (e) => {
   const {

package/lib/sd-component-library89.js

@@ -1,6 +1,6 @@
 import { j as l } from "./sd-component-library197.js";
 import { Box as f } from "rebass";
-import { ReactComponent as d } from "./sd-component-library234.js";
+import { ReactComponent as d } from "./sd-component-library235.js";
 import { BaseGridContainer as h } from "./sd-component-library36.js";
 const F = [
   "#5CA13A",

package/lib/sd-component-library90.js

@@ -1,11 +1,11 @@
 import { j as r } from "./sd-component-library197.js";
 import { Box as H } from "rebass";
-import { labelWidth as I, defaultDistanceFromLabelToRanges as p, labelPaddingX as X, defaultArc as A, defaultWidth as E, defaultHeight as G, defaultDistanceBetweenRanges as Y, defaultGaugeWidth as q, defaultPointStrokeWidth as y, defaultInnerPointRadius as z, defaultDistanceFromRangesToNeedle as J, defaultInnerCircleStrokeWidth as K, defaultInnerCircleRadius as Q, defaultNeedleWidth as U, defaultNumberOfDashes as V, defaultDashHeight as Z, defaultDashWidth as _, defaultDistanceFromRangesToScale as ee, defaultMaskBorderRadius as te } from "./sd-component-library229.js";
+import { labelWidth as I, defaultDistanceFromLabelToRanges as p, labelPaddingX as X, defaultArc as A, defaultWidth as E, defaultHeight as G, defaultDistanceBetweenRanges as Y, defaultGaugeWidth as q, defaultPointStrokeWidth as y, defaultInnerPointRadius as z, defaultDistanceFromRangesToNeedle as J, defaultInnerCircleStrokeWidth as K, defaultInnerCircleRadius as Q, defaultNeedleWidth as U, defaultNumberOfDashes as V, defaultDashHeight as Z, defaultDashWidth as _, defaultDistanceFromRangesToScale as ee, defaultMaskBorderRadius as te } from "./sd-component-library230.js";
 import { isCorrectOutlineMeterConfig as ae } from "./sd-component-library92.js";
-import { OutlineMeterRange as re } from "./sd-component-library235.js";
-import { OutlineMeterScale as ie } from "./sd-component-library236.js";
-import { OutlineMeterNeedle as se } from "./sd-component-library237.js";
-import { OutlineMeterLabelBox as oe } from "./sd-component-library238.js";
+import { OutlineMeterRange as re } from "./sd-component-library236.js";
+import { OutlineMeterScale as ie } from "./sd-component-library237.js";
+import { OutlineMeterNeedle as se } from "./sd-component-library238.js";
+import { OutlineMeterLabelBox as oe } from "./sd-component-library239.js";
 const ge = (R) => {
   const {
     marginTop: x = "50px",

package/lib/sd-component-library91.js

@@ -1,5 +1,5 @@
 import { j as u } from "./sd-component-library197.js";
-import { smallMeterWidth as g, smallMeterHeight as c, smallMeterPointStrokeWidth as R, smallMeterPointRadius as W, smallMeterInnerCircleStrokeWidth as k, smallMeterInnerCircleRadius as S, smallMeterGaugeWidth as p, smallMeterDistanceBetweenRanges as f, smallMeterDistanceFromRangesToNeedle as w, smallMeterNeedleWidth as x, smallMeterMaskBorderRadius as B } from "./sd-component-library229.js";
+import { smallMeterWidth as g, smallMeterHeight as c, smallMeterPointStrokeWidth as R, smallMeterPointRadius as W, smallMeterInnerCircleStrokeWidth as k, smallMeterInnerCircleRadius as S, smallMeterGaugeWidth as p, smallMeterDistanceBetweenRanges as f, smallMeterDistanceFromRangesToNeedle as w, smallMeterNeedleWidth as x, smallMeterMaskBorderRadius as B } from "./sd-component-library230.js";
 import { OutlineMeter as C } from "./sd-component-library90.js";
 const T = (e) => {
   const {

package/lib/sd-component-library93.js

@@ -1,11 +1,11 @@
 import { j as o } from "./sd-component-library197.js";
 import { Box as y } from "rebass";
-import { labelWidth as E, defaultDistanceFromLabelToRanges as R, labelPaddingX as G, defaultArc as P, defaultWidth as X, defaultHeight as Y, defaultDistanceBetweenRanges as A, defaultGaugeWidth as V, defaultDistanceFromRangesToNeedle as _, defaultInnerCircleStrokeWidth as q, defaultInnerCircleRadius as J, defaultNeedleWidth as K, defaultNumberOfDashes as Q, defaultDashHeight as U, defaultDashWidth as Z, defaultDistanceFromRangesToScale as ee, defaultMaskBorderRadius as te } from "./sd-component-library229.js";
-import { defaultPointerWidth as ae } from "./sd-component-library228.js";
-import { DiscreteRange as oe } from "./sd-component-library239.js";
-import { OutlineMeterScale as le } from "./sd-component-library236.js";
-import { DiscreteMeterNeedle as re } from "./sd-component-library240.js";
-import { MatchedRangeLabelBox as ne } from "./sd-component-library241.js";
+import { labelWidth as E, defaultDistanceFromLabelToRanges as R, labelPaddingX as G, defaultArc as P, defaultWidth as X, defaultHeight as Y, defaultDistanceBetweenRanges as A, defaultGaugeWidth as V, defaultDistanceFromRangesToNeedle as _, defaultInnerCircleStrokeWidth as q, defaultInnerCircleRadius as J, defaultNeedleWidth as K, defaultNumberOfDashes as Q, defaultDashHeight as U, defaultDashWidth as Z, defaultDistanceFromRangesToScale as ee, defaultMaskBorderRadius as te } from "./sd-component-library230.js";
+import { defaultPointerWidth as ae } from "./sd-component-library229.js";
+import { DiscreteRange as oe } from "./sd-component-library240.js";
+import { OutlineMeterScale as le } from "./sd-component-library237.js";
+import { DiscreteMeterNeedle as re } from "./sd-component-library241.js";
+import { MatchedRangeLabelBox as ne } from "./sd-component-library242.js";
 function fe(x) {
   const {
     marginTop: b = "50px",

package/lib/sd-component-library94.js

@@ -1,5 +1,5 @@
 import { j as o } from "./sd-component-library197.js";
-import { smallMeterWidth as u, smallMeterHeight as M, smallMeterInnerCircleStrokeWidth as c, smallMeterInnerCircleRadius as h, smallMeterGaugeWidth as g, smallMeterDistanceBetweenRanges as R, smallMeterDistanceFromRangesToNeedle as W, smallMeterNeedleWidth as p, smallMeterMaskBorderRadius as f } from "./sd-component-library229.js";
+import { smallMeterWidth as u, smallMeterHeight as M, smallMeterInnerCircleStrokeWidth as c, smallMeterInnerCircleRadius as h, smallMeterGaugeWidth as g, smallMeterDistanceBetweenRanges as R, smallMeterDistanceFromRangesToNeedle as W, smallMeterNeedleWidth as p, smallMeterMaskBorderRadius as f } from "./sd-component-library230.js";
 import { MultiOptionDiscreteOutlineMeter as k } from "./sd-component-library93.js";
 function C(e) {
   const {

package/lib/sd-component-library95.js

@@ -1,12 +1,12 @@
 import { j as r } from "./sd-component-library197.js";
 import { Box as H } from "rebass";
-import { defaultWidth as V, defaultHeight as X, labelWidth as Y, defaultDistanceFromLabelToRanges as p, labelPaddingX as z, defaultGaugeWidth as E, defaultInnerPointRadius as _, defaultPointStrokeWidth as q, defaultArc as J, defaultDistanceFromRangesToScale as K, defaultDashHeight as Q, defaultDashWidth as U, defaultNumberOfDashes as Z, defaultNeedleWidth as ee, defaultInnerCircleRadius as te, defaultInnerCircleStrokeWidth as re, defaultDistanceFromRangesToNeedle as ae, defaultMaskBorderRadius as oe } from "./sd-component-library229.js";
-import { mapAdjacent as ie, isLabelActive as x, flipPosition as R } from "./sd-component-library242.js";
-import { GradientMeterRange as ne } from "./sd-component-library243.js";
-import { OutlineMeterScale as se } from "./sd-component-library236.js";
-import { GradientMeterNeedle as de } from "./sd-component-library244.js";
-import { OutlineMeterLabelPointer as le } from "./sd-component-library245.js";
-import { BaseMeterLabelBox as ue } from "./sd-component-library246.js";
+import { defaultWidth as V, defaultHeight as X, labelWidth as Y, defaultDistanceFromLabelToRanges as p, labelPaddingX as z, defaultGaugeWidth as E, defaultInnerPointRadius as _, defaultPointStrokeWidth as q, defaultArc as J, defaultDistanceFromRangesToScale as K, defaultDashHeight as Q, defaultDashWidth as U, defaultNumberOfDashes as Z, defaultNeedleWidth as ee, defaultInnerCircleRadius as te, defaultInnerCircleStrokeWidth as re, defaultDistanceFromRangesToNeedle as ae, defaultMaskBorderRadius as oe } from "./sd-component-library230.js";
+import { mapAdjacent as ie, isLabelActive as x, flipPosition as R } from "./sd-component-library243.js";
+import { GradientMeterRange as ne } from "./sd-component-library244.js";
+import { OutlineMeterScale as se } from "./sd-component-library237.js";
+import { GradientMeterNeedle as de } from "./sd-component-library245.js";
+import { OutlineMeterLabelPointer as le } from "./sd-component-library246.js";
+import { BaseMeterLabelBox as ue } from "./sd-component-library247.js";
 const je = (b) => {
   const {
     width: o = V,

package/lib/sd-component-library96.js

@@ -1,5 +1,5 @@
 import { j as m } from "./sd-component-library197.js";
-import { smallMeterWidth as h, smallMeterHeight as u, smallMeterGaugeWidth as M, smallMeterDistanceFromRangesToNeedle as c, smallMeterInnerCircleStrokeWidth as g, smallMeterInnerCircleRadius as W, smallMeterPointStrokeWidth as R, smallMeterPointRadius as S, smallMeterNeedleWidth as p } from "./sd-component-library229.js";
+import { smallMeterWidth as h, smallMeterHeight as u, smallMeterGaugeWidth as M, smallMeterDistanceFromRangesToNeedle as c, smallMeterInnerCircleStrokeWidth as g, smallMeterInnerCircleRadius as W, smallMeterPointStrokeWidth as R, smallMeterPointRadius as S, smallMeterNeedleWidth as p } from "./sd-component-library230.js";
 import { GradientOutlineMeter as f } from "./sd-component-library95.js";
 const j = (e) => {
   const {

package/lib/sd-component-library99.js

@@ -1,8 +1,8 @@
 import { j as o } from "./sd-component-library197.js";
 import { Box as j } from "rebass";
 import { isPDFFlow as g } from "./sd-component-library4.js";
-import { areSegmentsValid as v } from "./sd-component-library247.js";
-import { Segment as w } from "./sd-component-library248.js";
+import { areSegmentsValid as v } from "./sd-component-library248.js";
+import { Segment as w } from "./sd-component-library249.js";
 const E = ({
   segments: x,
   outlineWidth: e = 2,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selfdecode/sd-component-library",
-  "version": "4.0.103",
+  "version": "4.0.105",
   "private": false,
   "license": "MIT",
   "files": [
@@ -42,7 +42,7 @@
     "prebuild": "npm run clean",
     "postbuild": "npm run copy",
     "build": "tsc & vite build",
-    "prepublishOnly": "npm run ci:test & npm run build",
+    "prepublishOnly": "npm run build",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },