@selfdecode/sd-component-library 4.0.108 → 4.0.110

package/lib/sd-component-library71.js

@@ -1,69 +1,74 @@
-import { j as I } from "./sd-component-library198.js";
-import { useRef as R, useState as j, useEffect as m } from "react";
-import { Input as w } from "@rebass/forms";
-import { InvalidInputError as C } from "./sd-component-library70.js";
-function E(t, e, n) {
-  return (a) => {
-    const o = a.target.value;
+import { j as w } from "./sd-component-library198.js";
+import { useRef as C, useState as E, useEffect as g } from "react";
+import { Input as K } from "@rebass/forms";
+import { translatedTextSuffix as x } from "./sd-component-library5.js";
+import { InvalidInputError as P } from "./sd-component-library70.js";
+function M(t, s, n) {
+  return (i) => {
+    const o = i.target.value;
     let r = !1;
     try {
       n == null || n(o, t);
-    } catch (s) {
-      if (r = !0, !(s instanceof C))
-        throw s;
+    } catch (a) {
+      if (r = !0, !(a instanceof P))
+        throw a;
     } finally {
-      !r && e(o), r && e(t);
+      !r && s(o), r && s(t);
     }
   };
 }
-const A = (t) => {
+const B = (t) => {
   const {
-    value: e = "",
+    value: s = "",
     textAlign: n,
-    type: a,
+    type: i,
     padding: o,
     width: r = "100%",
-    onChange: s,
-    onKeyPress: i = {},
-    focusInput: f = !1,
-    variant: g,
-    inputMode: l,
-    autoFocus: x = !1,
-    errorBackground: y = !1,
-    sx: h
-  } = t, u = R(null), [p, c] = j(e);
-  m(() => {
-    c(e);
-  }, [e]), m(() => {
-    !f || !u.current || u.current.focus();
-  }, [u, f]);
-  const v = (d) => {
-    d.key in i && i[d.key]();
+    onChange: a,
+    onKeyPress: f = {},
+    focusInput: p = !1,
+    variant: h,
+    inputMode: y,
+    autoFocus: v = !1,
+    errorBackground: I = !1,
+    sx: R
+  } = t;
+  let e = s, l = "";
+  e.endsWith(x) && (e = e.slice(0, -x.length), l = "no-translate");
+  const u = C(null), [c, m] = E(e);
+  g(() => {
+    m(e);
+  }, [e]), g(() => {
+    !p || !u.current || u.current.focus();
+  }, [u, p]);
+  const j = (d) => {
+    d.key in f && f[d.key]();
   };
-  return /* @__PURE__ */ I.jsx(
-    w,
+  return /* @__PURE__ */ w.jsx(
+    K,
     {
       "data-testid": "base-input",
       ...t,
-      variant: `_inputs.${g}`,
+      variant: `_inputs.${h}`,
       sx: {
         textAlign: n,
         padding: o,
         width: r,
-        backgroundColor: y ? "rgba(255, 0, 0, 0.05)" : "",
-        ...h
+        backgroundColor: I ? "rgba(255, 0, 0, 0.05)" : "",
+        ...R
       },
-      value: p,
-      autoFocus: x,
-      type: a,
-      onChange: E(p, c, s),
-      onKeyPress: v,
+      value: c,
+      autoFocus: v,
+      type: i,
+      onChange: M(c, m, a),
+      onKeyPress: j,
       ref: u,
-      inputMode: l
+      inputMode: y,
+      className: l
     }
   );
 };
 export {
-  A as Input
+  B as Input
 };
 //# sourceMappingURL=sd-component-library71.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library71.js","sources":["../src/components/inputs/input/input.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport { Input as RebassInput } from \"@rebass/forms\";\n\nimport { InvalidInputError } from \".\";\nimport { InputProps as Props } from \"./interfaces\";\n\n/**\n * Validate and update the input field's value.\n *\n * @param oldValue The previous input value.\n * @param setValue The new input value.\n * @param callback The callback funciton to run when input changes.\n */\nfunction changeWrapper(\n  oldValue: string,\n  setValue: React.Dispatch<React.SetStateAction<string>>,\n  callback?: (newValue: string, oldValue: string) => void\n): (event: React.ChangeEvent<HTMLInputElement>) => void {\n  return (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = event.target.value;\n    let exceptionRaised = false;\n    try {\n      callback?.(newValue, oldValue);\n    } catch (error) {\n      exceptionRaised = true;\n      if (!(error instanceof InvalidInputError)) {\n        throw error;\n      }\n    } finally {\n      !exceptionRaised && setValue(newValue);\n      exceptionRaised && setValue(oldValue);\n    }\n  };\n}\n\n/**\n * Base input component. Other input components should be built from this.\n */\nexport const Input: React.FC<Props> = (props) => {\n  const {\n    value = \"\",\n    textAlign,\n    type,\n    padding,\n    width = \"100%\",\n    onChange,\n    onKeyPress = {},\n    focusInput = false,\n    variant,\n    inputMode,\n    autoFocus = false,\n    errorBackground = false,\n    sx,\n  } = props;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const [mValue, setMValue] = useState(value);\n\n  useEffect(() => {\n    setMValue(value);\n  }, [value]);\n\n  useEffect(() => {\n    if (!focusInput || !inputRef.current) return;\n\n    inputRef.current.focus();\n  }, [inputRef, focusInput]);\n\n  const handleOnKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key in onKeyPress) {\n      onKeyPress[e.key]();\n    }\n  };\n\n  return (\n    <RebassInput\n      data-testid=\"base-input\"\n      {...props}\n      variant={`_inputs.${variant}`}\n      sx={{\n        textAlign,\n        padding,\n        width,\n        backgroundColor: errorBackground ? \"rgba(255, 0, 0, 0.05)\" : \"\",\n        ...sx,\n      }}\n      value={mValue}\n      autoFocus={autoFocus}\n      type={type}\n      onChange={changeWrapper(mValue, setMValue, onChange)}\n      onKeyPress={handleOnKeyPress}\n      ref={inputRef}\n      inputMode={inputMode}\n    />\n  );\n};\n"],"names":["changeWrapper","oldValue","setValue","callback","event","newValue","exceptionRaised","error","InvalidInputError","Input","props","value","textAlign","type","padding","width","onChange","onKeyPress","focusInput","variant","inputMode","autoFocus","errorBackground","sx","inputRef","useRef","mValue","setMValue","useState","useEffect","handleOnKeyPress","e","jsx","RebassInput"],"mappings":";;;;AAcA,SAASA,EACPC,GACAC,GACAC,GACsD;AACtD,SAAO,CAACC,MAA+C;AAC/C,UAAAC,IAAWD,EAAM,OAAO;AAC9B,QAAIE,IAAkB;AAClB,QAAA;AACF,MAAAH,KAAA,QAAAA,EAAWE,GAAUJ;AAAA,aACdM,GAAO;AAEV,UADcD,IAAA,IACd,EAAEC,aAAiBC;AACf,cAAAD;AAAA,IACR,UACA;AACC,OAAAD,KAAmBJ,EAASG,CAAQ,GACrCC,KAAmBJ,EAASD,CAAQ;AAAA,IACtC;AAAA,EAAA;AAEJ;AAKa,MAAAQ,IAAyB,CAACC,MAAU;AACzC,QAAA;AAAA,IACJ,OAAAC,IAAQ;AAAA,IACR,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC;AAAA,IACA,YAAAC,IAAa,CAAC;AAAA,IACd,YAAAC,IAAa;AAAA,IACb,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,iBAAAC,IAAkB;AAAA,IAClB,IAAAC;AAAA,EACE,IAAAb,GAEEc,IAAWC,EAAyB,IAAI,GAExC,CAACC,GAAQC,CAAS,IAAIC,EAASjB,CAAK;AAE1C,EAAAkB,EAAU,MAAM;AACd,IAAAF,EAAUhB,CAAK;AAAA,EAAA,GACd,CAACA,CAAK,CAAC,GAEVkB,EAAU,MAAM;AACV,IAAA,CAACX,KAAc,CAACM,EAAS,WAE7BA,EAAS,QAAQ;EAAM,GACtB,CAACA,GAAUN,CAAU,CAAC;AAEnB,QAAAY,IAAmB,CAACC,MAA6C;AACjE,IAAAA,EAAE,OAAOd,KACAA,EAAAc,EAAE,GAAG;EAClB;AAIA,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACX,GAAGvB;AAAA,MACJ,SAAS,WAAWS,CAAO;AAAA,MAC3B,IAAI;AAAA,QACF,WAAAP;AAAA,QACA,SAAAE;AAAA,QACA,OAAAC;AAAA,QACA,iBAAiBO,IAAkB,0BAA0B;AAAA,QAC7D,GAAGC;AAAA,MACL;AAAA,MACA,OAAOG;AAAA,MACP,WAAAL;AAAA,MACA,MAAAR;AAAA,MACA,UAAUb,EAAc0B,GAAQC,GAAWX,CAAQ;AAAA,MACnD,YAAYc;AAAA,MACZ,KAAKN;AAAA,MACL,WAAAJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library71.js","sources":["../src/components/inputs/input/input.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport { Input as RebassInput } from \"@rebass/forms\";\n\nimport { InvalidInputError } from \".\";\nimport { translatedTextSuffix } from \"../../../core/constants\";\nimport { InputProps as Props } from \"./interfaces\";\n\n/**\n * Validate and update the input field's value.\n *\n * @param oldValue The previous input value.\n * @param setValue The new input value.\n * @param callback The callback funciton to run when input changes.\n */\nfunction changeWrapper(\n  oldValue: string,\n  setValue: React.Dispatch<React.SetStateAction<string>>,\n  callback?: (newValue: string, oldValue: string) => void\n): (event: React.ChangeEvent<HTMLInputElement>) => void {\n  return (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = event.target.value;\n    let exceptionRaised = false;\n    try {\n      callback?.(newValue, oldValue);\n    } catch (error) {\n      exceptionRaised = true;\n      if (!(error instanceof InvalidInputError)) {\n        throw error;\n      }\n    } finally {\n      !exceptionRaised && setValue(newValue);\n      exceptionRaised && setValue(oldValue);\n    }\n  };\n}\n\n/**\n * Base input component. Other input components should be built from this.\n */\nexport const Input: React.FC<Props> = (props) => {\n  const {\n    value = \"\",\n    textAlign,\n    type,\n    padding,\n    width = \"100%\",\n    onChange,\n    onKeyPress = {},\n    focusInput = false,\n    variant,\n    inputMode,\n    autoFocus = false,\n    errorBackground = false,\n    sx,\n  } = props;\n\n  let valueToUse = value;\n  let className: string = \"\";\n\n  if (valueToUse.endsWith(translatedTextSuffix)) {\n    valueToUse = valueToUse.slice(0, -translatedTextSuffix.length);\n    className = \"no-translate\";\n  }\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const [mValue, setMValue] = useState(valueToUse);\n\n  useEffect(() => {\n    setMValue(valueToUse);\n  }, [valueToUse]);\n\n  useEffect(() => {\n    if (!focusInput || !inputRef.current) return;\n\n    inputRef.current.focus();\n  }, [inputRef, focusInput]);\n\n  const handleOnKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key in onKeyPress) {\n      onKeyPress[e.key]();\n    }\n  };\n\n  return (\n    <RebassInput\n      data-testid=\"base-input\"\n      {...props}\n      variant={`_inputs.${variant}`}\n      sx={{\n        textAlign,\n        padding,\n        width,\n        backgroundColor: errorBackground ? \"rgba(255, 0, 0, 0.05)\" : \"\",\n        ...sx,\n      }}\n      value={mValue}\n      autoFocus={autoFocus}\n      type={type}\n      onChange={changeWrapper(mValue, setMValue, onChange)}\n      onKeyPress={handleOnKeyPress}\n      ref={inputRef}\n      inputMode={inputMode}\n      className={className}\n    />\n  );\n};\n"],"names":["changeWrapper","oldValue","setValue","callback","event","newValue","exceptionRaised","error","InvalidInputError","Input","props","value","textAlign","type","padding","width","onChange","onKeyPress","focusInput","variant","inputMode","autoFocus","errorBackground","sx","valueToUse","className","translatedTextSuffix","inputRef","useRef","mValue","setMValue","useState","useEffect","handleOnKeyPress","e","jsx","RebassInput"],"mappings":";;;;;AAeA,SAASA,EACPC,GACAC,GACAC,GACsD;AACtD,SAAO,CAACC,MAA+C;AAC/C,UAAAC,IAAWD,EAAM,OAAO;AAC9B,QAAIE,IAAkB;AAClB,QAAA;AACF,MAAAH,KAAA,QAAAA,EAAWE,GAAUJ;AAAA,aACdM,GAAO;AAEV,UADcD,IAAA,IACd,EAAEC,aAAiBC;AACf,cAAAD;AAAA,IACR,UACA;AACC,OAAAD,KAAmBJ,EAASG,CAAQ,GACrCC,KAAmBJ,EAASD,CAAQ;AAAA,IACtC;AAAA,EAAA;AAEJ;AAKa,MAAAQ,IAAyB,CAACC,MAAU;AACzC,QAAA;AAAA,IACJ,OAAAC,IAAQ;AAAA,IACR,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC;AAAA,IACA,YAAAC,IAAa,CAAC;AAAA,IACd,YAAAC,IAAa;AAAA,IACb,SAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,iBAAAC,IAAkB;AAAA,IAClB,IAAAC;AAAA,EACE,IAAAb;AAEJ,MAAIc,IAAab,GACbc,IAAoB;AAEpB,EAAAD,EAAW,SAASE,CAAoB,MAC1CF,IAAaA,EAAW,MAAM,GAAG,CAACE,EAAqB,MAAM,GACjDD,IAAA;AAGR,QAAAE,IAAWC,EAAyB,IAAI,GAExC,CAACC,GAAQC,CAAS,IAAIC,EAASP,CAAU;AAE/C,EAAAQ,EAAU,MAAM;AACd,IAAAF,EAAUN,CAAU;AAAA,EAAA,GACnB,CAACA,CAAU,CAAC,GAEfQ,EAAU,MAAM;AACV,IAAA,CAACd,KAAc,CAACS,EAAS,WAE7BA,EAAS,QAAQ;EAAM,GACtB,CAACA,GAAUT,CAAU,CAAC;AAEnB,QAAAe,IAAmB,CAACC,MAA6C;AACjE,IAAAA,EAAE,OAAOjB,KACAA,EAAAiB,EAAE,GAAG;EAClB;AAIA,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACX,GAAG1B;AAAA,MACJ,SAAS,WAAWS,CAAO;AAAA,MAC3B,IAAI;AAAA,QACF,WAAAP;AAAA,QACA,SAAAE;AAAA,QACA,OAAAC;AAAA,QACA,iBAAiBO,IAAkB,0BAA0B;AAAA,QAC7D,GAAGC;AAAA,MACL;AAAA,MACA,OAAOM;AAAA,MACP,WAAAR;AAAA,MACA,MAAAR;AAAA,MACA,UAAUb,EAAc6B,GAAQC,GAAWd,CAAQ;AAAA,MACnD,YAAYiB;AAAA,MACZ,KAAKN;AAAA,MACL,WAAAP;AAAA,MACA,WAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library87.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-library12.js";
 import { ReactComponent as $ } from "./sd-component-library189.js";
-import { ActionBox as A } from "./sd-component-library235.js";
+import { ActionBox as A } from "./sd-component-library229.js";
 import { FlexCenter as M } from "./sd-component-library36.js";
 import { HorizontalDivider as a } from "./sd-component-library50.js";
 const G = (d) => {

package/lib/sd-component-library88.js

@@ -1,13 +1,13 @@
 import { j as e } from "./sd-component-library198.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 { 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 { defaultPointerWidth as z, defaultTextBottomMargin as X } from "./sd-component-library231.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-library232.js";
 import { isValueInRange as J } from "./sd-component-library93.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 { COLOR_TO_ICON_MAP as K, defaultSmileyWidth as Q, defaultDistanceBetweenRanges as U } from "./sd-component-library233.js";
+import { isCorrectSmileyMeterConfig as Z, getIsHorizontal as ee } from "./sd-component-library234.js";
+import { SmileyMeterRanges as te } from "./sd-component-library235.js";
+import { MatchedRangeLabelBox as ie } from "./sd-component-library236.js";
 import { FlexCenter as oe } from "./sd-component-library36.js";
 const xe = ($) => {
   const {

package/lib/sd-component-library89.js

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

package/lib/sd-component-library90.js

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

package/lib/sd-component-library91.js

@@ -1,6 +1,6 @@
 import { j as r } from "./sd-component-library198.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-library230.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-library232.js";
 import { isCorrectOutlineMeterConfig as ae } from "./sd-component-library93.js";
 import { OutlineMeterRange as re } from "./sd-component-library237.js";
 import { OutlineMeterScale as ie } from "./sd-component-library238.js";

package/lib/sd-component-library92.js

@@ -1,5 +1,5 @@
 import { j as u } from "./sd-component-library198.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 { 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-library232.js";
 import { OutlineMeter as C } from "./sd-component-library91.js";
 const T = (e) => {
   const {

package/lib/sd-component-library94.js

@@ -1,11 +1,11 @@
 import { j as o } from "./sd-component-library198.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-library230.js";
-import { defaultPointerWidth as ae } from "./sd-component-library229.js";
-import { DiscreteRange as oe } 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-library232.js";
+import { defaultPointerWidth as ae } from "./sd-component-library231.js";
+import { DiscreteRange as oe } from "./sd-component-library246.js";
 import { OutlineMeterScale as le } from "./sd-component-library238.js";
-import { DiscreteMeterNeedle as re } from "./sd-component-library242.js";
-import { MatchedRangeLabelBox as ne } from "./sd-component-library243.js";
+import { DiscreteMeterNeedle as re } from "./sd-component-library247.js";
+import { MatchedRangeLabelBox as ne } from "./sd-component-library248.js";
 function fe(x) {
   const {
     marginTop: b = "50px",

package/lib/sd-component-library95.js

@@ -1,5 +1,5 @@
 import { j as o } from "./sd-component-library198.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 { 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-library232.js";
 import { MultiOptionDiscreteOutlineMeter as k } from "./sd-component-library94.js";
 function C(e) {
   const {

package/lib/sd-component-library96.js

@@ -1,12 +1,12 @@
 import { j as r } from "./sd-component-library198.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-library230.js";
-import { mapAdjacent as ie, isLabelActive as x, flipPosition as R } from "./sd-component-library244.js";
-import { GradientMeterRange as ne } from "./sd-component-library245.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-library232.js";
+import { mapAdjacent as ie, isLabelActive as x, flipPosition as R } from "./sd-component-library241.js";
+import { GradientMeterRange as ne } from "./sd-component-library242.js";
 import { OutlineMeterScale as se } from "./sd-component-library238.js";
-import { GradientMeterNeedle as de } from "./sd-component-library246.js";
-import { OutlineMeterLabelPointer as le } from "./sd-component-library247.js";
-import { BaseMeterLabelBox as ue } from "./sd-component-library248.js";
+import { GradientMeterNeedle as de } from "./sd-component-library243.js";
+import { OutlineMeterLabelPointer as le } from "./sd-component-library244.js";
+import { BaseMeterLabelBox as ue } from "./sd-component-library245.js";
 const je = (b) => {
   const {
     width: o = V,

package/lib/sd-component-library97.js

@@ -1,5 +1,5 @@
 import { j as m } from "./sd-component-library198.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 { 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-library232.js";
 import { GradientOutlineMeter as f } from "./sd-component-library96.js";
 const j = (e) => {
   const {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selfdecode/sd-component-library",
-  "version": "4.0.108",
+  "version": "4.0.110",
   "private": false,
   "license": "MIT",
   "files": [
@@ -116,7 +116,7 @@
   "peerDependencies": {
     "@rebass/forms": "^4.0.6",
     "date-fns": "^2.30.0",
-    "emotion-theming": "^10.0.28",
+    "emotion-theming": "^10.0.27",
     "lodash-es": "^4.17.21",
     "react": "^18.2.0",
     "react-date-range": "1.1.3",