@selfdecode/sd-component-library 4.0.81 → 4.0.82

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

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

@@ -1,23 +1,28 @@
-import { mean as i } from "lodash-es";
-const a = () => navigator.platform ? new RegExp("iPad|iPhone|iPod").test(navigator.platform) : navigator.userAgent.includes("Mac") && "ontouchstart" in window, r = () => "ontouchstart" in window || navigator.maxTouchPoints > 0, u = (o) => {
+import { mean as s } from "lodash-es";
+const u = () => navigator.platform ? new RegExp("iPad|iPhone|iPod").test(navigator.platform) : navigator.userAgent.includes("Mac") && "ontouchstart" in window, r = () => "ontouchstart" in window || navigator.maxTouchPoints > 0, f = (o) => {
   const n = r();
   return {
     shouldUseTouch: n,
     onClick: n ? void 0 : o,
     onTouchStart: n ? o : void 0
   };
-}, p = () => !!window.pdfPreferences, s = (o, n, t = !0, e) => [
+}, t = () => !!window.pdfPreferences, c = (o) => t() ? o.slice(-1) : o, P = (o) => {
+  if (!t())
+    return o;
+}, a = (o, n, e = !0, i) => c([
   o,
   o,
-  ...t ? [e ?? Math.round(i([o, n]))] : [],
+  ...e ? [i ?? Math.round(s([o, n]))] : [],
   n
-], d = (...o) => s(...o).map((n) => `${n}px`);
+]), g = (...o) => a(...o).map((n) => `${n}px`);
 export {
-  u as getResponsiveClick,
-  s as getResponsiveNumericArray,
-  d as getResponsivePxArray,
-  a as isIOS,
-  p as isPDFFlow,
+  P as getPdfSafeStyles,
+  c as getPdfSensibleStylesArray,
+  f as getResponsiveClick,
+  a as getResponsiveNumericArray,
+  g as getResponsivePxArray,
+  u as isIOS,
+  t as isPDFFlow,
   r as isTouchScreen
 };
 //# sourceMappingURL=sd-component-library4.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library4.js","sources":["../src/core/functions.ts"],"sourcesContent":["import { mean } from \"lodash-es\";\n\nexport const isIOS = () =>\n  navigator.platform\n    ? new RegExp(\"iPad|iPhone|iPod\").test(navigator.platform)\n    : navigator.userAgent.includes(\"Mac\") && \"ontouchstart\" in window;\n\nexport const isTouchScreen = () =>\n  \"ontouchstart\" in window || navigator.maxTouchPoints > 0;\n\nexport const getResponsiveClick = (callback: () => void) => {\n  const shouldUseTouch = isTouchScreen();\n\n  return {\n    shouldUseTouch,\n    onClick: shouldUseTouch ? undefined : callback,\n    onTouchStart: shouldUseTouch ? callback : undefined,\n  };\n};\n\nexport const isPDFFlow = () => !!(window as any).pdfPreferences;\n\ntype FunctionArgs<T> = T extends (...args: infer Args) => any ? Args : never;\n\nexport const getResponsiveNumericArray = (\n  start: number,\n  end: number,\n  endsWithDesktop: boolean = true,\n  mediumValue?: number\n) => [\n  start,\n  start,\n  ...(endsWithDesktop ? [mediumValue ?? Math.round(mean([start, end]))] : []),\n  end,\n];\n\nexport const getResponsivePxArray = (\n  ...args: FunctionArgs<typeof getResponsiveNumericArray>\n) => getResponsiveNumericArray(...args).map((n) => `${n}px`);\n"],"names":["isIOS","isTouchScreen","getResponsiveClick","callback","shouldUseTouch","isPDFFlow","getResponsiveNumericArray","start","end","endsWithDesktop","mediumValue","mean","getResponsivePxArray","args"],"mappings":";AAEO,MAAMA,IAAQ,MACnB,UAAU,WACN,IAAI,OAAO,kBAAkB,EAAE,KAAK,UAAU,QAAQ,IACtD,UAAU,UAAU,SAAS,KAAK,KAAK,kBAAkB,QAElDC,IAAgB,MAC3B,kBAAkB,UAAU,UAAU,iBAAiB,GAE5CC,IAAqB,CAACC,MAAyB;AAC1D,QAAMC,IAAiBH;AAEhB,SAAA;AAAA,IACL,gBAAAG;AAAA,IACA,SAASA,IAAiB,SAAYD;AAAA,IACtC,cAAcC,IAAiBD,IAAW;AAAA,EAAA;AAE9C,GAEaE,IAAY,MAAM,CAAC,CAAE,OAAe,gBAIpCC,IAA4B,CACvCC,GACAC,GACAC,IAA2B,IAC3BC,MACG;AAAA,EACHH;AAAA,EACAA;AAAA,EACA,GAAIE,IAAkB,CAACC,KAAe,KAAK,MAAMC,EAAK,CAACJ,GAAOC,CAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AAAA,EACzEA;AACF,GAEaI,IAAuB,IAC/BC,MACAP,EAA0B,GAAGO,CAAI,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI;"}
+{"version":3,"file":"sd-component-library4.js","sources":["../src/core/functions.ts"],"sourcesContent":["import { mean } from \"lodash-es\";\n\nexport const isIOS = () =>\n  navigator.platform\n    ? new RegExp(\"iPad|iPhone|iPod\").test(navigator.platform)\n    : navigator.userAgent.includes(\"Mac\") && \"ontouchstart\" in window;\n\nexport const isTouchScreen = () =>\n  \"ontouchstart\" in window || navigator.maxTouchPoints > 0;\n\nexport const getResponsiveClick = (callback: () => void) => {\n  const shouldUseTouch = isTouchScreen();\n\n  return {\n    shouldUseTouch,\n    onClick: shouldUseTouch ? undefined : callback,\n    onTouchStart: shouldUseTouch ? callback : undefined,\n  };\n};\n\nexport const isPDFFlow = () => !!(window as any).pdfPreferences;\n\nexport const getPdfSensibleStylesArray = <T>(styles: T[]) => {\n  const isPdf = isPDFFlow();\n  return isPdf ? styles.slice(-1) : styles;\n};\n\nexport const getPdfSafeStyles = <T extends object>(obj: T) => {\n  const isPdf = isPDFFlow();\n  if (!isPdf) return obj;\n};\n\ntype FunctionArgs<T> = T extends (...args: infer Args) => any ? Args : never;\n\nexport const getResponsiveNumericArray = (\n  start: number,\n  end: number,\n  endsWithDesktop: boolean = true,\n  mediumValue?: number\n) =>\n  getPdfSensibleStylesArray([\n    start,\n    start,\n    ...(endsWithDesktop ? [mediumValue ?? Math.round(mean([start, end]))] : []),\n    end,\n  ]);\n\nexport const getResponsivePxArray = (\n  ...args: FunctionArgs<typeof getResponsiveNumericArray>\n) => getResponsiveNumericArray(...args).map((n) => `${n}px`);\n"],"names":["isIOS","isTouchScreen","getResponsiveClick","callback","shouldUseTouch","isPDFFlow","getPdfSensibleStylesArray","styles","getPdfSafeStyles","obj","getResponsiveNumericArray","start","end","endsWithDesktop","mediumValue","mean","getResponsivePxArray","args"],"mappings":";AAEO,MAAMA,IAAQ,MACnB,UAAU,WACN,IAAI,OAAO,kBAAkB,EAAE,KAAK,UAAU,QAAQ,IACtD,UAAU,UAAU,SAAS,KAAK,KAAK,kBAAkB,QAElDC,IAAgB,MAC3B,kBAAkB,UAAU,UAAU,iBAAiB,GAE5CC,IAAqB,CAACC,MAAyB;AAC1D,QAAMC,IAAiBH;AAEhB,SAAA;AAAA,IACL,gBAAAG;AAAA,IACA,SAASA,IAAiB,SAAYD;AAAA,IACtC,cAAcC,IAAiBD,IAAW;AAAA,EAAA;AAE9C,GAEaE,IAAY,MAAM,CAAC,CAAE,OAAe,gBAEpCC,IAA4B,CAAIC,MAC7BF,MACCE,EAAO,MAAM,EAAE,IAAIA,GAGvBC,IAAmB,CAAmBC,MAAW;AAE5D,MAAI,CADUJ;AACK,WAAAI;AACrB,GAIaC,IAA4B,CACvCC,GACAC,GACAC,IAA2B,IAC3BC,MAEAR,EAA0B;AAAA,EACxBK;AAAA,EACAA;AAAA,EACA,GAAIE,IAAkB,CAACC,KAAe,KAAK,MAAMC,EAAK,CAACJ,GAAOC,CAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AAAA,EACzEA;AACF,CAAC,GAEUI,IAAuB,IAC/BC,MACAP,EAA0B,GAAGO,CAAI,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI;"}

package/lib/sd-component-library5.js

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

package/lib/sd-component-library59.js

@@ -3,7 +3,7 @@ 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-library280.js";
-import { BaseLabel as E } from "./sd-component-library219.js";
+import { BaseLabel as E } from "./sd-component-library221.js";
 import { OutsideClickBox as J } from "./sd-component-library11.js";
 import { BaseDateRangeInput as L } from "./sd-component-library57.js";
 import { IconButton as X } from "./sd-component-library22.js";

package/lib/sd-component-library6.js

@@ -4,7 +4,7 @@ import { Box as e, Flex as S } from "rebass";
 import { isPDFFlow as D } from "./sd-component-library4.js";
 import { SecondaryBadge as F } from "./sd-component-library9.js";
 import { MaxFrContainer as I } from "./sd-component-library40.js";
-import { ReactComponent as k } from "./sd-component-library194.js";
+import { ReactComponent as k } from "./sd-component-library198.js";
 const _ = (l) => {
   const {
     header: x,

package/lib/sd-component-library60.js

@@ -4,7 +4,7 @@ import { format as R } from "date-fns";
 import { random as k } from "lodash-es";
 import { Box as r } from "rebass";
 import { BaseDateInput as G } from "./sd-component-library56.js";
-import { BaseLabel as I } from "./sd-component-library219.js";
+import { BaseLabel as I } from "./sd-component-library221.js";
 import { ReactComponent as M } from "./sd-component-library181.js";
 import { FrMaxContainer as A } from "./sd-component-library38.js";
 import { ResponsiveText as L } from "./sd-component-library142.js";

package/lib/sd-component-library69.js

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

package/lib/sd-component-library70.js

@@ -1,11 +1,11 @@
 import { j as s } from "./sd-component-library190.js";
 import { useState as V } from "react";
 import { useDependantState as q } from "./sd-component-library3.js";
-import { SearchBox as z } from "./sd-component-library220.js";
+import { SearchBox as z } from "./sd-component-library218.js";
 import { OutsideClickBox as G } from "./sd-component-library11.js";
 import { PrimaryTextInput as H } from "./sd-component-library68.js";
-import { ReactComponent as J } from "./sd-component-library217.js";
-import { ReactComponent as M } from "./sd-component-library221.js";
+import { ReactComponent as J } from "./sd-component-library216.js";
+import { ReactComponent as M } from "./sd-component-library219.js";
 function f(i, o, e, t) {
   t == null || t(i, o), e(i);
 }

package/lib/sd-component-library71.js

@@ -1,6 +1,6 @@
 import { j as r } from "./sd-component-library190.js";
 import { Box as I } from "rebass";
-import { SecondaryInputLabels as B } from "./sd-component-library216.js";
+import { SecondaryInputLabels as B } from "./sd-component-library220.js";
 import { NumberInput as A } from "./sd-component-library66.js";
 const k = (n) => {
   const {

package/lib/sd-component-library72.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library190.js";
 import { Box as c } from "rebass";
-import { SecondaryInputLabels as u } from "./sd-component-library216.js";
+import { SecondaryInputLabels as u } from "./sd-component-library220.js";
 import { PrimaryTextInput as f } from "./sd-component-library68.js";
 const T = (e) => {
   const { m: r, mb: s, ml: n, mr: o, mt: a, width: m, padding: p, sx: x, inputSx: d, ...i } = e;

package/lib/sd-component-library74.js

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

package/lib/sd-component-library75.js

@@ -1,6 +1,6 @@
 import { j as o } from "./sd-component-library190.js";
 import { Box as c } from "rebass";
-import { BaseLabel as e } from "./sd-component-library219.js";
+import { BaseLabel as e } from "./sd-component-library221.js";
 import { TextInput as m } from "./sd-component-library73.js";
 import { BaseTextV2 as s } from "./sd-component-library132.js";
 const _ = ({

package/lib/sd-component-library80.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-library181.js";
-import { ActionBox as A } from "./sd-component-library223.js";
+import { ActionBox as A } from "./sd-component-library222.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-library81.js

@@ -1,13 +1,13 @@
 import { j as e } from "./sd-component-library190.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-library229.js";
+import { defaultPointerWidth as z, defaultTextBottomMargin as X } from "./sd-component-library223.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-library224.js";
 import { isValueInRange as J } from "./sd-component-library86.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-library225.js";
+import { isCorrectSmileyMeterConfig as Z, getIsHorizontal as ee } from "./sd-component-library226.js";
+import { SmileyMeterRanges as te } from "./sd-component-library227.js";
+import { MatchedRangeLabelBox as ie } from "./sd-component-library228.js";
 import { FlexCenter as oe } from "./sd-component-library35.js";
 const xe = ($) => {
   const {

package/lib/sd-component-library82.js

@@ -1,6 +1,6 @@
 import { j as s } from "./sd-component-library190.js";
 import { smallMeterMaskBorderRadius as n } from "./sd-component-library224.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 { smallSmileyMeterWidth as d, smallSmileyMeterHeight as h, smallSmileyGaugeWidth as S, smallSmileyWidth as u, smallSmileyInnerPointRadius as y, smallSmileyInnerPointStrokeWidth as g } from "./sd-component-library225.js";
 import { SmileyMeterV2 as W } from "./sd-component-library81.js";
 const k = (e) => {
   const {

package/lib/sd-component-library83.js

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

package/lib/sd-component-library84.js

@@ -2,10 +2,10 @@ import { j as r } from "./sd-component-library190.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-library224.js";
 import { isCorrectOutlineMeterConfig as ae } from "./sd-component-library86.js";
-import { OutlineMeterRange as re } from "./sd-component-library225.js";
-import { OutlineMeterScale as ie } from "./sd-component-library226.js";
-import { OutlineMeterNeedle as se } from "./sd-component-library227.js";
-import { OutlineMeterLabelBox as oe } from "./sd-component-library228.js";
+import { OutlineMeterRange as re } from "./sd-component-library230.js";
+import { OutlineMeterScale as ie } from "./sd-component-library231.js";
+import { OutlineMeterNeedle as se } from "./sd-component-library232.js";
+import { OutlineMeterLabelBox as oe } from "./sd-component-library233.js";
 const ge = (R) => {
   const {
     marginTop: x = "50px",

package/lib/sd-component-library87.js

@@ -1,11 +1,11 @@
 import { j as o } from "./sd-component-library190.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-library224.js";
-import { defaultPointerWidth as ae } from "./sd-component-library229.js";
-import { DiscreteRange as oe } from "./sd-component-library236.js";
-import { OutlineMeterScale as le } from "./sd-component-library226.js";
-import { DiscreteMeterNeedle as re } from "./sd-component-library237.js";
-import { MatchedRangeLabelBox as ne } from "./sd-component-library238.js";
+import { defaultPointerWidth as ae } from "./sd-component-library223.js";
+import { DiscreteRange as oe } from "./sd-component-library234.js";
+import { OutlineMeterScale as le } from "./sd-component-library231.js";
+import { DiscreteMeterNeedle as re } from "./sd-component-library235.js";
+import { MatchedRangeLabelBox as ne } from "./sd-component-library236.js";
 function fe(x) {
   const {
     marginTop: b = "50px",

package/lib/sd-component-library89.js

@@ -1,12 +1,12 @@
 import { j as r } from "./sd-component-library190.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-library224.js";
-import { mapAdjacent as ie, isLabelActive as x, flipPosition as R } from "./sd-component-library248.js";
-import { GradientMeterRange as ne } from "./sd-component-library249.js";
-import { OutlineMeterScale as se } from "./sd-component-library226.js";
-import { GradientMeterNeedle as de } from "./sd-component-library250.js";
-import { OutlineMeterLabelPointer as le } from "./sd-component-library251.js";
-import { BaseMeterLabelBox as ue } from "./sd-component-library252.js";
+import { mapAdjacent as ie, isLabelActive as x, flipPosition as R } from "./sd-component-library237.js";
+import { GradientMeterRange as ne } from "./sd-component-library238.js";
+import { OutlineMeterScale as se } from "./sd-component-library231.js";
+import { GradientMeterNeedle as de } from "./sd-component-library239.js";
+import { OutlineMeterLabelPointer as le } from "./sd-component-library240.js";
+import { BaseMeterLabelBox as ue } from "./sd-component-library241.js";
 const je = (b) => {
   const {
     width: o = V,

package/lib/sd-component-library93.js

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

package/lib/sd-component-library94.js

@@ -1,7 +1,7 @@
 import { j as n } from "./sd-component-library190.js";
-import { areSegmentsValid as h } from "./sd-component-library234.js";
-import { CompactDonutGaugeSegment as x } from "./sd-component-library255.js";
-import { CompactDonutGaugeValueIndicator as f } from "./sd-component-library256.js";
+import { areSegmentsValid as h } from "./sd-component-library242.js";
+import { CompactDonutGaugeSegment as x } from "./sd-component-library244.js";
+import { CompactDonutGaugeValueIndicator as f } from "./sd-component-library245.js";
 const C = ({
   segments: e,
   size: r = 70,

package/lib/sd-component-library96.js

@@ -1,5 +1,5 @@
 import { j as e } from "./sd-component-library190.js";
-import { isMatchingRange as u } from "./sd-component-library245.js";
+import { isMatchingRange as u } from "./sd-component-library248.js";
 import { GridCenter as c } from "./sd-component-library42.js";
 import { GridContainerV2 as f } from "./sd-component-library39.js";
 import { LinearGaugeSegment as d } from "./sd-component-library246.js";

package/lib/sd-component-library97.js

@@ -3,9 +3,9 @@ import { useRef as B, useState as I, useEffect as R } from "react";
 import { Box as s } from "rebass";
 import { useBodyScrollLock as E } from "./sd-component-library3.js";
 import { isIOS as F, isPDFFlow as T } from "./sd-component-library4.js";
-import X from "./sd-component-library243.js";
+import X from "./sd-component-library249.js";
 import { OutsideClickBox as P } from "./sd-component-library11.js";
-import { ReactComponent as z } from "./sd-component-library244.js";
+import { ReactComponent as z } from "./sd-component-library250.js";
 import { FlexCenter as A } from "./sd-component-library35.js";
 import { Button as D } from "./sd-component-library25.js";
 const r = 500, J = (d) => {

package/lib/sd-component-library99.js

@@ -1,9 +1,9 @@
 import { j as r } from "./sd-component-library190.js";
 import { useDependantState as j } from "./sd-component-library3.js";
-import { SquareButton as g } from "./sd-component-library239.js";
-import { ReactComponent as P } from "./sd-component-library240.js";
-import { CurrentPage as h } from "./sd-component-library241.js";
-import { ReactComponent as S } from "./sd-component-library242.js";
+import { SquareButton as g } from "./sd-component-library251.js";
+import { ReactComponent as P } from "./sd-component-library252.js";
+import { CurrentPage as h } from "./sd-component-library253.js";
+import { ReactComponent as S } from "./sd-component-library254.js";
 import { GridCenter as R } from "./sd-component-library42.js";
 function x(m, t, o, n) {
   t == null || t(o, n), m(o);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selfdecode/sd-component-library",
-  "version": "4.0.81",
+  "version": "4.0.82",
   "private": false,
   "license": "MIT",
   "files": [