@selfdecode/sd-component-library 4.0.76 → 4.0.77

package/lib/sd-component-library676.js

@@ -1,13 +1,13 @@
-import m from "./sd-component-library586.js";
-import f from "./sd-component-library557.js";
-import i from "./sd-component-library616.js";
-import s from "./sd-component-library585.js";
-function d(t, r) {
-  s(2, arguments);
-  var e = f(t), o = m(r), a = i(e) - o;
-  return e.setUTCDate(e.getUTCDate() - a * 7), e;
+import f from "./sd-component-library597.js";
+import i from "./sd-component-library574.js";
+import g from "./sd-component-library622.js";
+import n from "./sd-component-library596.js";
+function C(t, r, o) {
+  n(2, arguments);
+  var e = i(t), a = f(r), m = g(e, o) - a;
+  return e.setUTCDate(e.getUTCDate() - m * 7), e;
 }
 export {
-  d as default
+  C as default
 };
 //# sourceMappingURL=sd-component-library676.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library676.js","sources":["../node_modules/date-fns/esm/_lib/setUTCISOWeek/index.js"],"sourcesContent":["import toInteger from \"../toInteger/index.js\";\nimport toDate from \"../../toDate/index.js\";\nimport getUTCISOWeek from \"../getUTCISOWeek/index.js\";\nimport requiredArgs from \"../requiredArgs/index.js\";\nexport default function setUTCISOWeek(dirtyDate, dirtyISOWeek) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var isoWeek = toInteger(dirtyISOWeek);\n  var diff = getUTCISOWeek(date) - isoWeek;\n  date.setUTCDate(date.getUTCDate() - diff * 7);\n  return date;\n}"],"names":["setUTCISOWeek","dirtyDate","dirtyISOWeek","requiredArgs","date","toDate","isoWeek","toInteger","diff","getUTCISOWeek"],"mappings":";;;;AAIe,SAASA,EAAcC,GAAWC,GAAc;AAC7D,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAOC,EAAOJ,CAAS,GACvBK,IAAUC,EAAUL,CAAY,GAChCM,IAAOC,EAAcL,CAAI,IAAIE;AACjC,SAAAF,EAAK,WAAWA,EAAK,WAAU,IAAKI,IAAO,CAAC,GACrCJ;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library676.js","sources":["../node_modules/date-fns/esm/_lib/setUTCWeek/index.js"],"sourcesContent":["import toInteger from \"../toInteger/index.js\";\nimport toDate from \"../../toDate/index.js\";\nimport getUTCWeek from \"../getUTCWeek/index.js\";\nimport requiredArgs from \"../requiredArgs/index.js\";\nexport default function setUTCWeek(dirtyDate, dirtyWeek, options) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var week = toInteger(dirtyWeek);\n  var diff = getUTCWeek(date, options) - week;\n  date.setUTCDate(date.getUTCDate() - diff * 7);\n  return date;\n}"],"names":["setUTCWeek","dirtyDate","dirtyWeek","options","requiredArgs","date","toDate","week","toInteger","diff","getUTCWeek"],"mappings":";;;;AAIe,SAASA,EAAWC,GAAWC,GAAWC,GAAS;AAChE,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAOC,EAAOL,CAAS,GACvBM,IAAOC,EAAUN,CAAS,GAC1BO,IAAOC,EAAWL,GAAMF,CAAO,IAAII;AACvC,SAAAF,EAAK,WAAWA,EAAK,WAAU,IAAKI,IAAO,CAAC,GACrCJ;AACT;","x_google_ignoreList":[0]}

package/lib/sd-component-library677.js

@@ -1,17 +1,13 @@
-import k from "./sd-component-library557.js";
-import D from "./sd-component-library585.js";
-import m from "./sd-component-library586.js";
-import { getDefaultOptions as S } from "./sd-component-library589.js";
-function U(O, p, e) {
-  var r, o, a, l, n, i, d, v;
-  D(2, arguments);
-  var s = S(), u = m((r = (o = (a = (l = e == null ? void 0 : e.weekStartsOn) !== null && l !== void 0 ? l : e == null || (n = e.locale) === null || n === void 0 || (i = n.options) === null || i === void 0 ? void 0 : i.weekStartsOn) !== null && a !== void 0 ? a : s.weekStartsOn) !== null && o !== void 0 ? o : (d = s.locale) === null || d === void 0 || (v = d.options) === null || v === void 0 ? void 0 : v.weekStartsOn) !== null && r !== void 0 ? r : 0);
-  if (!(u >= 0 && u <= 6))
-    throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var t = k(O), f = m(p), w = t.getUTCDay(), c = f % 7, _ = (c + 7) % 7, g = (_ < u ? 7 : 0) + f - w;
-  return t.setUTCDate(t.getUTCDate() + g), t;
+import m from "./sd-component-library597.js";
+import f from "./sd-component-library574.js";
+import i from "./sd-component-library620.js";
+import s from "./sd-component-library596.js";
+function d(t, r) {
+  s(2, arguments);
+  var e = f(t), o = m(r), a = i(e) - o;
+  return e.setUTCDate(e.getUTCDate() - a * 7), e;
 }
 export {
-  U as default
+  d as default
 };
 //# sourceMappingURL=sd-component-library677.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library677.js","sources":["../node_modules/date-fns/esm/_lib/setUTCDay/index.js"],"sourcesContent":["import toDate from \"../../toDate/index.js\";\nimport requiredArgs from \"../requiredArgs/index.js\";\nimport toInteger from \"../toInteger/index.js\";\nimport { getDefaultOptions } from \"../defaultOptions/index.js\";\nexport default function setUTCDay(dirtyDate, dirtyDay, options) {\n  var _ref, _ref2, _ref3, _options$weekStartsOn, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;\n  requiredArgs(2, arguments);\n  var defaultOptions = getDefaultOptions();\n  var weekStartsOn = toInteger((_ref = (_ref2 = (_ref3 = (_options$weekStartsOn = options === null || options === void 0 ? void 0 : options.weekStartsOn) !== null && _options$weekStartsOn !== void 0 ? _options$weekStartsOn : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.weekStartsOn) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions.weekStartsOn) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.weekStartsOn) !== null && _ref !== void 0 ? _ref : 0);\n\n  // Test if weekStartsOn is between 0 and 6 _and_ is not NaN\n  if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {\n    throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');\n  }\n  var date = toDate(dirtyDate);\n  var day = toInteger(dirtyDay);\n  var currentDay = date.getUTCDay();\n  var remainder = day % 7;\n  var dayIndex = (remainder + 7) % 7;\n  var diff = (dayIndex < weekStartsOn ? 7 : 0) + day - currentDay;\n  date.setUTCDate(date.getUTCDate() + diff);\n  return date;\n}"],"names":["setUTCDay","dirtyDate","dirtyDay","options","_ref","_ref2","_ref3","_options$weekStartsOn","_options$locale","_options$locale$optio","_defaultOptions$local","_defaultOptions$local2","requiredArgs","defaultOptions","getDefaultOptions","weekStartsOn","toInteger","date","toDate","day","currentDay","remainder","dayIndex","diff"],"mappings":";;;;AAIe,SAASA,EAAUC,GAAWC,GAAUC,GAAS;AAC9D,MAAIC,GAAMC,GAAOC,GAAOC,GAAuBC,GAAiBC,GAAuBC,GAAuBC;AAC9G,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAiBC,KACjBC,IAAeC,GAAWZ,KAAQC,KAASC,KAASC,IAAwBJ,KAAY,OAA6B,SAASA,EAAQ,kBAAkB,QAAQI,MAA0B,SAASA,IAAwBJ,KAAY,SAAuCK,IAAkBL,EAAQ,YAAY,QAAQK,MAAoB,WAAmBC,IAAwBD,EAAgB,aAAa,QAAQC,MAA0B,SAAtL,SAAwMA,EAAsB,kBAAkB,QAAQH,MAAU,SAASA,IAAQO,EAAe,kBAAkB,QAAQR,MAAU,SAASA,KAASK,IAAwBG,EAAe,YAAY,QAAQH,MAA0B,WAAmBC,IAAyBD,EAAsB,aAAa,QAAQC,MAA2B,SAAzG,SAA2HA,EAAuB,kBAAkB,QAAQP,MAAS,SAASA,IAAO,CAAC;AAGp4B,MAAI,EAAEW,KAAgB,KAAKA,KAAgB;AACzC,UAAM,IAAI,WAAW,kDAAkD;AAEzE,MAAIE,IAAOC,EAAOjB,CAAS,GACvBkB,IAAMH,EAAUd,CAAQ,GACxBkB,IAAaH,EAAK,aAClBI,IAAYF,IAAM,GAClBG,KAAYD,IAAY,KAAK,GAC7BE,KAAQD,IAAWP,IAAe,IAAI,KAAKI,IAAMC;AACrD,SAAAH,EAAK,WAAWA,EAAK,WAAY,IAAGM,CAAI,GACjCN;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library677.js","sources":["../node_modules/date-fns/esm/_lib/setUTCISOWeek/index.js"],"sourcesContent":["import toInteger from \"../toInteger/index.js\";\nimport toDate from \"../../toDate/index.js\";\nimport getUTCISOWeek from \"../getUTCISOWeek/index.js\";\nimport requiredArgs from \"../requiredArgs/index.js\";\nexport default function setUTCISOWeek(dirtyDate, dirtyISOWeek) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var isoWeek = toInteger(dirtyISOWeek);\n  var diff = getUTCISOWeek(date) - isoWeek;\n  date.setUTCDate(date.getUTCDate() - diff * 7);\n  return date;\n}"],"names":["setUTCISOWeek","dirtyDate","dirtyISOWeek","requiredArgs","date","toDate","isoWeek","toInteger","diff","getUTCISOWeek"],"mappings":";;;;AAIe,SAASA,EAAcC,GAAWC,GAAc;AAC7D,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAOC,EAAOJ,CAAS,GACvBK,IAAUC,EAAUL,CAAY,GAChCM,IAAOC,EAAcL,CAAI,IAAIE;AACjC,SAAAF,EAAK,WAAWA,EAAK,WAAU,IAAKI,IAAO,CAAC,GACrCJ;AACT;","x_google_ignoreList":[0]}

package/lib/sd-component-library678.js

@@ -1,14 +1,17 @@
-import m from "./sd-component-library557.js";
-import v from "./sd-component-library585.js";
-import s from "./sd-component-library586.js";
-function y(t, a) {
-  v(2, arguments);
-  var r = s(a);
-  r % 7 === 0 && (r = r - 7);
-  var o = 1, e = m(t), n = e.getUTCDay(), d = r % 7, f = (d + 7) % 7, i = (f < o ? 7 : 0) + r - n;
-  return e.setUTCDate(e.getUTCDate() + i), e;
+import k from "./sd-component-library574.js";
+import D from "./sd-component-library596.js";
+import m from "./sd-component-library597.js";
+import { getDefaultOptions as S } from "./sd-component-library600.js";
+function U(O, p, e) {
+  var r, o, a, l, n, i, d, v;
+  D(2, arguments);
+  var s = S(), u = m((r = (o = (a = (l = e == null ? void 0 : e.weekStartsOn) !== null && l !== void 0 ? l : e == null || (n = e.locale) === null || n === void 0 || (i = n.options) === null || i === void 0 ? void 0 : i.weekStartsOn) !== null && a !== void 0 ? a : s.weekStartsOn) !== null && o !== void 0 ? o : (d = s.locale) === null || d === void 0 || (v = d.options) === null || v === void 0 ? void 0 : v.weekStartsOn) !== null && r !== void 0 ? r : 0);
+  if (!(u >= 0 && u <= 6))
+    throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
+  var t = k(O), f = m(p), w = t.getUTCDay(), c = f % 7, _ = (c + 7) % 7, g = (_ < u ? 7 : 0) + f - w;
+  return t.setUTCDate(t.getUTCDate() + g), t;
 }
 export {
-  y as default
+  U as default
 };
 //# sourceMappingURL=sd-component-library678.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library678.js","sources":["../node_modules/date-fns/esm/_lib/setUTCISODay/index.js"],"sourcesContent":["import toDate from \"../../toDate/index.js\";\nimport requiredArgs from \"../requiredArgs/index.js\";\nimport toInteger from \"../toInteger/index.js\";\nexport default function setUTCISODay(dirtyDate, dirtyDay) {\n  requiredArgs(2, arguments);\n  var day = toInteger(dirtyDay);\n  if (day % 7 === 0) {\n    day = day - 7;\n  }\n  var weekStartsOn = 1;\n  var date = toDate(dirtyDate);\n  var currentDay = date.getUTCDay();\n  var remainder = day % 7;\n  var dayIndex = (remainder + 7) % 7;\n  var diff = (dayIndex < weekStartsOn ? 7 : 0) + day - currentDay;\n  date.setUTCDate(date.getUTCDate() + diff);\n  return date;\n}"],"names":["setUTCISODay","dirtyDate","dirtyDay","requiredArgs","day","toInteger","weekStartsOn","date","toDate","currentDay","remainder","dayIndex","diff"],"mappings":";;;AAGe,SAASA,EAAaC,GAAWC,GAAU;AACxD,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAMC,EAAUH,CAAQ;AAC5B,EAAIE,IAAM,MAAM,MACdA,IAAMA,IAAM;AAEd,MAAIE,IAAe,GACfC,IAAOC,EAAOP,CAAS,GACvBQ,IAAaF,EAAK,aAClBG,IAAYN,IAAM,GAClBO,KAAYD,IAAY,KAAK,GAC7BE,KAAQD,IAAWL,IAAe,IAAI,KAAKF,IAAMK;AACrD,SAAAF,EAAK,WAAWA,EAAK,WAAY,IAAGK,CAAI,GACjCL;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"sd-component-library678.js","sources":["../node_modules/date-fns/esm/_lib/setUTCDay/index.js"],"sourcesContent":["import toDate from \"../../toDate/index.js\";\nimport requiredArgs from \"../requiredArgs/index.js\";\nimport toInteger from \"../toInteger/index.js\";\nimport { getDefaultOptions } from \"../defaultOptions/index.js\";\nexport default function setUTCDay(dirtyDate, dirtyDay, options) {\n  var _ref, _ref2, _ref3, _options$weekStartsOn, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;\n  requiredArgs(2, arguments);\n  var defaultOptions = getDefaultOptions();\n  var weekStartsOn = toInteger((_ref = (_ref2 = (_ref3 = (_options$weekStartsOn = options === null || options === void 0 ? void 0 : options.weekStartsOn) !== null && _options$weekStartsOn !== void 0 ? _options$weekStartsOn : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.weekStartsOn) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions.weekStartsOn) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.weekStartsOn) !== null && _ref !== void 0 ? _ref : 0);\n\n  // Test if weekStartsOn is between 0 and 6 _and_ is not NaN\n  if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {\n    throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');\n  }\n  var date = toDate(dirtyDate);\n  var day = toInteger(dirtyDay);\n  var currentDay = date.getUTCDay();\n  var remainder = day % 7;\n  var dayIndex = (remainder + 7) % 7;\n  var diff = (dayIndex < weekStartsOn ? 7 : 0) + day - currentDay;\n  date.setUTCDate(date.getUTCDate() + diff);\n  return date;\n}"],"names":["setUTCDay","dirtyDate","dirtyDay","options","_ref","_ref2","_ref3","_options$weekStartsOn","_options$locale","_options$locale$optio","_defaultOptions$local","_defaultOptions$local2","requiredArgs","defaultOptions","getDefaultOptions","weekStartsOn","toInteger","date","toDate","day","currentDay","remainder","dayIndex","diff"],"mappings":";;;;AAIe,SAASA,EAAUC,GAAWC,GAAUC,GAAS;AAC9D,MAAIC,GAAMC,GAAOC,GAAOC,GAAuBC,GAAiBC,GAAuBC,GAAuBC;AAC9G,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAiBC,KACjBC,IAAeC,GAAWZ,KAAQC,KAASC,KAASC,IAAwBJ,KAAY,OAA6B,SAASA,EAAQ,kBAAkB,QAAQI,MAA0B,SAASA,IAAwBJ,KAAY,SAAuCK,IAAkBL,EAAQ,YAAY,QAAQK,MAAoB,WAAmBC,IAAwBD,EAAgB,aAAa,QAAQC,MAA0B,SAAtL,SAAwMA,EAAsB,kBAAkB,QAAQH,MAAU,SAASA,IAAQO,EAAe,kBAAkB,QAAQR,MAAU,SAASA,KAASK,IAAwBG,EAAe,YAAY,QAAQH,MAA0B,WAAmBC,IAAyBD,EAAsB,aAAa,QAAQC,MAA2B,SAAzG,SAA2HA,EAAuB,kBAAkB,QAAQP,MAAS,SAASA,IAAO,CAAC;AAGp4B,MAAI,EAAEW,KAAgB,KAAKA,KAAgB;AACzC,UAAM,IAAI,WAAW,kDAAkD;AAEzE,MAAIE,IAAOC,EAAOjB,CAAS,GACvBkB,IAAMH,EAAUd,CAAQ,GACxBkB,IAAaH,EAAK,aAClBI,IAAYF,IAAM,GAClBG,KAAYD,IAAY,KAAK,GAC7BE,KAAQD,IAAWP,IAAe,IAAI,KAAKI,IAAMC;AACrD,SAAAH,EAAK,WAAWA,EAAK,WAAY,IAAGM,CAAI,GACjCN;AACT;","x_google_ignoreList":[0]}

package/lib/sd-component-library679.js

@@ -1,85 +1,14 @@
-import { j as e } from "./sd-component-library190.js";
-import { useState as A, useCallback as F } from "react";
-import { getCoordinateForArc as X, degToRad as B } from "./sd-component-library86.js";
-const D = (Y) => {
-  const {
-    pointerLength: p,
-    pointerWidth: r,
-    radius: x,
-    alpha: s,
-    color: $,
-    label: d,
-    textBottomMargin: g,
-    horizontal: k,
-    counterClockWise: C
-  } = Y, [a, E] = A(0), m = F((o) => {
-    o && E(o.getBoundingClientRect().width);
-  }, []);
-  if (!d)
-    return null;
-  const { x: c, y: l } = X(
-    x,
-    s
-  );
-  let { x: t, y: n } = X(
-    x + p,
-    s,
-    x
-  );
-  const f = (o, b) => ({
-    transform: `rotateY(${C ? 180 : 0}deg)`,
-    transformOrigin: `${o}px ${b}px`
-  });
-  if (Math.round(s) === 180) {
-    const o = n - r / 2 - g;
-    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(
-        "line",
-        {
-          x1: c,
-          y1: l,
-          x2: t,
-          y2: n,
-          stroke: $,
-          strokeWidth: r
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "text",
-        {
-          ref: m,
-          x: t - a / 2,
-          y: o,
-          style: f(t, o),
-          children: d
-        }
-      )
-    ] });
-  }
-  const u = B(s), y = Math.sin(u), h = Math.sign(y);
-  k && (t = c + p * -h, n = l);
-  const j = r / 2 * Math.cos(u), L = r / 2 * y, i = r / 2 / h, M = t - (s < 180 ? 1 : 0) * a, S = t - a * h, R = M + a / 2, W = n - i - g;
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      "path",
-      {
-        d: `M${c + j},${l + L} L${c - j},${l - L} L${t},${n - i} L${S},${n - i} L${S},${n + i} L${t},${n + i} Z`,
-        fill: $
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      "text",
-      {
-        ref: m,
-        x: M,
-        y: W,
-        style: f(R, W),
-        children: d
-      }
-    )
-  ] });
-};
+import m from "./sd-component-library574.js";
+import v from "./sd-component-library596.js";
+import s from "./sd-component-library597.js";
+function y(t, a) {
+  v(2, arguments);
+  var r = s(a);
+  r % 7 === 0 && (r = r - 7);
+  var o = 1, e = m(t), n = e.getUTCDay(), d = r % 7, f = (d + 7) % 7, i = (f < o ? 7 : 0) + r - n;
+  return e.setUTCDate(e.getUTCDate() + i), e;
+}
 export {
-  D as LabelPointer
+  y as default
 };
 //# sourceMappingURL=sd-component-library679.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library679.js","sources":["../src/components/meters/common-outline-meter-partials/label-pointer/label-pointer.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport { degToRad, getCoordinateForArc } from \"../../outline-meter/utils\";\nimport { LabelPointerProps as Props } from \"./interfaces\";\n\nexport const LabelPointer: React.FC<Props> = (props) => {\n  const {\n    pointerLength,\n    pointerWidth,\n    radius,\n    alpha,\n    color,\n    label,\n    textBottomMargin,\n    horizontal,\n    counterClockWise,\n  } = props;\n\n  const [textWidth, setTextWidth] = useState(0);\n  const ref = useCallback((text: SVGTextElement) => {\n    if (text) setTextWidth(text.getBoundingClientRect().width);\n  }, []);\n\n  if (!label) return null;\n\n  const { x: pointerStartX, y: pointerStartY } = getCoordinateForArc(\n    radius,\n    alpha\n  );\n\n  let { x: pointerEndX, y: pointerEndY } = getCoordinateForArc(\n    radius + pointerLength,\n    alpha,\n    radius\n  );\n\n  const getStyle = (x: number, y: number) => ({\n    transform: `rotateY(${counterClockWise ? 180 : 0}deg)`,\n    transformOrigin: `${x}px ${y}px`,\n  });\n\n  if (Math.round(alpha) === 180) {\n    const textY = pointerEndY - pointerWidth / 2 - textBottomMargin;\n\n    return (\n      <>\n        <line\n          x1={pointerStartX}\n          y1={pointerStartY}\n          x2={pointerEndX}\n          y2={pointerEndY}\n          stroke={color}\n          strokeWidth={pointerWidth}\n        />\n\n        <text\n          ref={ref}\n          x={pointerEndX - textWidth / 2}\n          y={textY}\n          style={getStyle(pointerEndX, textY)}\n        >\n          {label}\n        </text>\n      </>\n    );\n  }\n\n  const alphaInRad = degToRad(alpha);\n  const sinAlpha = Math.sin(alphaInRad);\n  const sinAlphaSign = Math.sign(sinAlpha);\n\n  if (horizontal) {\n    pointerEndX = pointerStartX + pointerLength * -sinAlphaSign;\n    pointerEndY = pointerStartY;\n  }\n\n  const dx = (pointerWidth / 2) * Math.cos(alphaInRad);\n  const dy = (pointerWidth / 2) * sinAlpha;\n  const endDy = pointerWidth / 2 / sinAlphaSign;\n  const textStartX = pointerEndX - (alpha < 180 ? 1 : 0) * textWidth;\n  const textEndX = pointerEndX - textWidth * sinAlphaSign;\n  const textMiddleX = textStartX + textWidth / 2;\n  const textY = pointerEndY - endDy - textBottomMargin;\n\n  return (\n    <>\n      <path\n        d={`M${pointerStartX + dx},${pointerStartY + dy} L${\n          pointerStartX - dx\n        },${pointerStartY - dy} L${pointerEndX},${\n          pointerEndY - endDy\n        } L${textEndX},${pointerEndY - endDy} L${textEndX},${\n          pointerEndY + endDy\n        } L${pointerEndX},${pointerEndY + endDy} Z`}\n        fill={color}\n      />\n\n      <text\n        ref={ref}\n        x={textStartX}\n        y={textY}\n        style={getStyle(textMiddleX, textY)}\n      >\n        {label}\n      </text>\n    </>\n  );\n};\n"],"names":["LabelPointer","props","pointerLength","pointerWidth","radius","alpha","color","label","textBottomMargin","horizontal","counterClockWise","textWidth","setTextWidth","useState","ref","useCallback","text","pointerStartX","pointerStartY","getCoordinateForArc","pointerEndX","pointerEndY","getStyle","x","y","textY","jsxs","Fragment","jsx","alphaInRad","degToRad","sinAlpha","sinAlphaSign","dx","dy","endDy","textStartX","textEndX","textMiddleX"],"mappings":"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"}
+{"version":3,"file":"sd-component-library679.js","sources":["../node_modules/date-fns/esm/_lib/setUTCISODay/index.js"],"sourcesContent":["import toDate from \"../../toDate/index.js\";\nimport requiredArgs from \"../requiredArgs/index.js\";\nimport toInteger from \"../toInteger/index.js\";\nexport default function setUTCISODay(dirtyDate, dirtyDay) {\n  requiredArgs(2, arguments);\n  var day = toInteger(dirtyDay);\n  if (day % 7 === 0) {\n    day = day - 7;\n  }\n  var weekStartsOn = 1;\n  var date = toDate(dirtyDate);\n  var currentDay = date.getUTCDay();\n  var remainder = day % 7;\n  var dayIndex = (remainder + 7) % 7;\n  var diff = (dayIndex < weekStartsOn ? 7 : 0) + day - currentDay;\n  date.setUTCDate(date.getUTCDate() + diff);\n  return date;\n}"],"names":["setUTCISODay","dirtyDate","dirtyDay","requiredArgs","day","toInteger","weekStartsOn","date","toDate","currentDay","remainder","dayIndex","diff"],"mappings":";;;AAGe,SAASA,EAAaC,GAAWC,GAAU;AACxD,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAMC,EAAUH,CAAQ;AAC5B,EAAIE,IAAM,MAAM,MACdA,IAAMA,IAAM;AAEd,MAAIE,IAAe,GACfC,IAAOC,EAAOP,CAAS,GACvBQ,IAAaF,EAAK,aAClBG,IAAYN,IAAM,GAClBO,KAAYD,IAAY,KAAK,GAC7BE,KAAQD,IAAWL,IAAe,IAAI,KAAKF,IAAMK;AACrD,SAAAF,EAAK,WAAWA,EAAK,WAAY,IAAGK,CAAI,GACjCL;AACT;","x_google_ignoreList":[0]}

package/lib/sd-component-library680.js

@@ -1,4 +1,4 @@
-import o from "./sd-component-library584.js";
+import o from "./sd-component-library595.js";
 function f(r, e) {
   if (o(r) !== "object" || r === null)
     return r;

package/lib/sd-component-library70.js

@@ -1,15 +1,15 @@
 import { j as s } from "./sd-component-library190.js";
-import { useState as T } from "react";
-import { useDependantState as V } from "./sd-component-library3.js";
-import { SearchBox as q } from "./sd-component-library219.js";
-import { OutsideClickBox as z } from "./sd-component-library11.js";
-import { PrimaryTextInput as G } from "./sd-component-library68.js";
-import { ReactComponent as H } from "./sd-component-library216.js";
-import { ReactComponent as J } from "./sd-component-library220.js";
+import { useState as V } from "react";
+import { useDependantState as q } from "./sd-component-library3.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-library216.js";
+import { ReactComponent as M } from "./sd-component-library219.js";
 function f(i, o, e, t) {
   t == null || t(i, o), e(i);
 }
-function tt(i) {
+function ot(i) {
   const {
     onClickSearch: o,
     onClickClose: e,
@@ -17,54 +17,55 @@ function tt(i) {
     m: d,
     mt: g,
     mr: S,
-    mb: j,
-    ml: C,
+    mb: C,
+    ml: j,
     onChange: a,
     padding: b,
-    textAlign: y,
-    placeholder: B = "Enter your Search",
-    focusInput: R,
+    textAlign: R,
+    placeholder: y = "Enter your Search",
+    focusInput: B,
     value: p,
-    width: v,
+    width: k,
     searchRight: c,
     searchColor: m,
     searchResults: n,
-    useRouterLinks: k = !1,
+    useRouterLinks: v = !1,
     sx: D,
     id: E,
     containerSx: F,
     xColor: I = "#434A54",
     searchBottom: A = "15px",
     xBottom: O = "16px",
-    maxWidth: P
-  } = i, [r, u] = V(p), W = m || (r ? "#4568F9" : "#CCD0DB"), l = t ? "15px" : "40px", X = t && c || l, x = () => r && (o == null ? void 0 : o(r)), [w, h] = T(!1);
+    maxWidth: P,
+    onResultClick: W
+  } = i, [r, u] = q(p), X = m || (r ? "#4568F9" : "#CCD0DB"), l = t ? "15px" : "40px", w = t && c || l, x = () => r && (o == null ? void 0 : o(r)), [K, h] = V(!1);
   return /* @__PURE__ */ s.jsxs(
-    z,
+    G,
     {
       onClickOutside: () => h(!1),
       sx: {
         position: "relative",
         bg: "white",
-        width: v,
+        width: k,
         m: d,
         mt: g,
         mr: S,
-        mb: j,
-        ml: C,
+        mb: C,
+        ml: j,
         maxWidth: P,
         ...F
       },
       "data-test": "search-input",
       children: [
         /* @__PURE__ */ s.jsx(
-          G,
+          H,
           {
-            onChange: (K, L) => f(K, L, u, a),
+            onChange: (L, T) => f(L, T, u, a),
             padding: b,
-            textAlign: y,
+            textAlign: R,
             value: p,
-            placeholder: B,
-            focusInput: R,
+            placeholder: y,
+            focusInput: B,
             sx: D,
             id: E,
             onKeyPress: {
@@ -74,14 +75,14 @@ function tt(i) {
           }
         ),
         /* @__PURE__ */ s.jsx(
-          H,
+          J,
           {
             style: {
               height: "18px",
               position: "absolute",
-              right: X,
+              right: w,
               bottom: A,
-              fill: W,
+              fill: X,
               cursor: r ? "pointer" : "default",
               transition: "all .1s"
             },
@@ -89,7 +90,7 @@ function tt(i) {
           }
         ),
         !t && /* @__PURE__ */ s.jsx(
-          J,
+          M,
           {
             style: {
               height: "16px",
@@ -104,18 +105,12 @@ function tt(i) {
             }
           }
         ),
-        !!(n != null && n.length) && w && /* @__PURE__ */ s.jsx(
-          q,
-          {
-            searchResults: n,
-            useRouterLinks: k
-          }
-        )
+        !!(n != null && n.length) && K && /* @__PURE__ */ s.jsx(z, { searchResults: n, useRouterLinks: v, onResultClick: W })
       ]
     }
   );
 }
 export {
-  tt as SearchInput
+  ot as SearchInput
 };
 //# sourceMappingURL=sd-component-library70.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library70.js","sources":["../src/components/inputs/search-input/search-input.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { OutsideClickBox } from \"../../boxes\";\nimport { PrimaryTextInput } from \"../primary-text-input\";\nimport { SearchIcon, XIcon } from \"./assets\";\nimport { SearchInputProps } from \"./interfaces\";\nimport { SearchBox } from \"./search-box\";\n\nfunction onChangeWrapper(\n  newValue: string,\n  oldValue: string,\n  setCurrentValue: React.Dispatch<React.SetStateAction<string | undefined>>,\n  onChange: undefined | ((newValue: string, oldValue: string) => void)\n) {\n  onChange?.(newValue, oldValue);\n  setCurrentValue(newValue);\n}\n\n/**\n * Search input component.\n */\nexport function SearchInput(\n  props: SearchInputProps\n): React.ReactElement<SearchInputProps> {\n  const {\n    onClickSearch,\n    onClickClose,\n    hideX,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n    onChange,\n    padding,\n    textAlign,\n    placeholder = \"Enter your Search\",\n    focusInput,\n    value,\n    width,\n    searchRight,\n    searchColor,\n    searchResults,\n    useRouterLinks = false,\n    sx,\n    id,\n    containerSx,\n    xColor = \"#434A54\",\n    searchBottom = \"15px\",\n    xBottom = \"16px\",\n    maxWidth,\n  } = props;\n\n  const [currentValue, setCurrentValue] = useDependantState(value);\n\n  const fill = searchColor ? searchColor : currentValue ? \"#4568F9\" : \"#CCD0DB\";\n  const defaultRight = hideX ? \"15px\" : \"40px\";\n  const right = hideX\n    ? searchRight\n      ? searchRight\n      : defaultRight\n    : defaultRight;\n\n  const handleSearch = () => currentValue && onClickSearch?.(currentValue);\n\n  const [focused, setFocused] = useState(false);\n\n  return (\n    <OutsideClickBox\n      onClickOutside={() => setFocused(false)}\n      sx={{\n        position: \"relative\",\n        bg: \"white\",\n        width,\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n        maxWidth,\n        ...containerSx,\n      }}\n      data-test=\"search-input\"\n    >\n      <PrimaryTextInput\n        onChange={(newValue, oldValue) =>\n          onChangeWrapper(newValue, oldValue, setCurrentValue, onChange)\n        }\n        {...{ padding, textAlign, value, placeholder, focusInput, sx, id }}\n        onKeyPress={{\n          Enter: handleSearch,\n        }}\n        onFocus={() => setFocused(true)}\n      />\n\n      <SearchIcon\n        style={{\n          height: \"18px\",\n          position: \"absolute\",\n          right: right,\n          bottom: searchBottom,\n          fill: fill,\n          cursor: currentValue ? \"pointer\" : \"default\",\n          transition: \"all .1s\",\n        }}\n        onClick={handleSearch}\n      />\n\n      {!hideX && (\n        <XIcon\n          style={{\n            height: \"16px\",\n            position: \"absolute\",\n            right: \"10px\",\n            bottom: xBottom,\n            fill: xColor,\n            cursor: \"pointer\",\n          }}\n          onClick={() => {\n            onClickClose?.();\n            onChangeWrapper(\"\", currentValue || \"\", setCurrentValue, onChange);\n          }}\n        />\n      )}\n      {!!searchResults?.length && focused && (\n        <SearchBox\n          searchResults={searchResults}\n          useRouterLinks={useRouterLinks}\n        />\n      )}\n    </OutsideClickBox>\n  );\n}\n"],"names":["onChangeWrapper","newValue","oldValue","setCurrentValue","onChange","SearchInput","props","onClickSearch","onClickClose","hideX","m","mt","mr","mb","ml","padding","textAlign","placeholder","focusInput","value","width","searchRight","searchColor","searchResults","useRouterLinks","sx","id","containerSx","xColor","searchBottom","xBottom","maxWidth","currentValue","useDependantState","fill","defaultRight","right","handleSearch","focused","setFocused","useState","jsxs","OutsideClickBox","jsx","PrimaryTextInput","SearchIcon","XIcon","SearchBox"],"mappings":"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"}
+{"version":3,"file":"sd-component-library70.js","sources":["../src/components/inputs/search-input/search-input.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { OutsideClickBox } from \"../../boxes\";\nimport { PrimaryTextInput } from \"../primary-text-input\";\nimport { SearchIcon, XIcon } from \"./assets\";\nimport { SearchInputProps } from \"./interfaces\";\nimport { SearchBox } from \"./search-box\";\n\nfunction onChangeWrapper(\n  newValue: string,\n  oldValue: string,\n  setCurrentValue: React.Dispatch<React.SetStateAction<string | undefined>>,\n  onChange: undefined | ((newValue: string, oldValue: string) => void)\n) {\n  onChange?.(newValue, oldValue);\n  setCurrentValue(newValue);\n}\n\n/**\n * Search input component.\n */\nexport function SearchInput(\n  props: SearchInputProps\n): React.ReactElement<SearchInputProps> {\n  const {\n    onClickSearch,\n    onClickClose,\n    hideX,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n    onChange,\n    padding,\n    textAlign,\n    placeholder = \"Enter your Search\",\n    focusInput,\n    value,\n    width,\n    searchRight,\n    searchColor,\n    searchResults,\n    useRouterLinks = false,\n    sx,\n    id,\n    containerSx,\n    xColor = \"#434A54\",\n    searchBottom = \"15px\",\n    xBottom = \"16px\",\n    maxWidth,\n    onResultClick,\n  } = props;\n\n  const [currentValue, setCurrentValue] = useDependantState(value);\n\n  const fill = searchColor ? searchColor : currentValue ? \"#4568F9\" : \"#CCD0DB\";\n  const defaultRight = hideX ? \"15px\" : \"40px\";\n  const right = hideX\n    ? searchRight\n      ? searchRight\n      : defaultRight\n    : defaultRight;\n\n  const handleSearch = () => currentValue && onClickSearch?.(currentValue);\n\n  const [focused, setFocused] = useState(false);\n\n  return (\n    <OutsideClickBox\n      onClickOutside={() => setFocused(false)}\n      sx={{\n        position: \"relative\",\n        bg: \"white\",\n        width,\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n        maxWidth,\n        ...containerSx,\n      }}\n      data-test=\"search-input\"\n    >\n      <PrimaryTextInput\n        onChange={(newValue, oldValue) =>\n          onChangeWrapper(newValue, oldValue, setCurrentValue, onChange)\n        }\n        {...{ padding, textAlign, value, placeholder, focusInput, sx, id }}\n        onKeyPress={{\n          Enter: handleSearch,\n        }}\n        onFocus={() => setFocused(true)}\n      />\n\n      <SearchIcon\n        style={{\n          height: \"18px\",\n          position: \"absolute\",\n          right: right,\n          bottom: searchBottom,\n          fill: fill,\n          cursor: currentValue ? \"pointer\" : \"default\",\n          transition: \"all .1s\",\n        }}\n        onClick={handleSearch}\n      />\n\n      {!hideX && (\n        <XIcon\n          style={{\n            height: \"16px\",\n            position: \"absolute\",\n            right: \"10px\",\n            bottom: xBottom,\n            fill: xColor,\n            cursor: \"pointer\",\n          }}\n          onClick={() => {\n            onClickClose?.();\n            onChangeWrapper(\"\", currentValue || \"\", setCurrentValue, onChange);\n          }}\n        />\n      )}\n      {!!searchResults?.length && focused && (\n        <SearchBox {...{ searchResults, useRouterLinks, onResultClick }} />\n      )}\n    </OutsideClickBox>\n  );\n}\n"],"names":["onChangeWrapper","newValue","oldValue","setCurrentValue","onChange","SearchInput","props","onClickSearch","onClickClose","hideX","m","mt","mr","mb","ml","padding","textAlign","placeholder","focusInput","value","width","searchRight","searchColor","searchResults","useRouterLinks","sx","id","containerSx","xColor","searchBottom","xBottom","maxWidth","onResultClick","currentValue","useDependantState","fill","defaultRight","right","handleSearch","focused","setFocused","useState","jsxs","OutsideClickBox","jsx","PrimaryTextInput","SearchIcon","XIcon","SearchBox"],"mappings":"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"}

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-library218.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-library218.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-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-library248.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 O } from "./sd-component-library3.js";
-import { defaultPointerWidth as _, defaultTextBottomMargin as z } from "./sd-component-library222.js";
-import { labelWidth as X, defaultDistanceFromLabelToRanges as W, labelPaddingX as Y, defaultWidth as A, defaultHeight as D, defaultArc as E, defaultPointStrokeWidth as G, defaultInnerPointRadius as H, defaultGaugeWidth as V, defaultMaskBorderRadius as q } from "./sd-component-library223.js";
+import { defaultPointerWidth as _, defaultTextBottomMargin as z } from "./sd-component-library223.js";
+import { labelWidth as X, defaultDistanceFromLabelToRanges as W, labelPaddingX as Y, defaultWidth as A, defaultHeight as D, defaultArc as E, defaultPointStrokeWidth as G, defaultInnerPointRadius as H, defaultGaugeWidth as V, defaultMaskBorderRadius as q } from "./sd-component-library224.js";
 import { isValueInRange as N } from "./sd-component-library86.js";
-import { COLOR_TO_ICON_MAP as J, defaultSmileyWidth as K, defaultDistanceBetweenRanges as Q } from "./sd-component-library224.js";
-import { isCorrectSmileyMeterConfig as U, getIsHorizontal as Z } from "./sd-component-library225.js";
-import { SmileyMeterRanges as ee } from "./sd-component-library226.js";
-import { MatchedRangeLabelBox as te } from "./sd-component-library227.js";
+import { COLOR_TO_ICON_MAP as J, defaultSmileyWidth as K, defaultDistanceBetweenRanges as Q } from "./sd-component-library225.js";
+import { isCorrectSmileyMeterConfig as U, getIsHorizontal as Z } from "./sd-component-library226.js";
+import { SmileyMeterRanges as ee } from "./sd-component-library227.js";
+import { MatchedRangeLabelBox as te } from "./sd-component-library228.js";
 import { FlexCenter as ie } from "./sd-component-library35.js";
 const he = ($) => {
   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-library223.js";
-import { smallSmileyMeterWidth as d, smallSmileyMeterHeight as h, smallSmileyGaugeWidth as S, smallSmileyWidth as u, smallSmileyInnerPointRadius as y, smallSmileyInnerPointStrokeWidth as g } from "./sd-component-library224.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-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-library228.js";
+import { ReactComponent as d } from "./sd-component-library250.js";
 import { BaseGridContainer as h } from "./sd-component-library36.js";
 const F = [
   "#5CA13A",

package/lib/sd-component-library84.js

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

package/lib/sd-component-library85.js

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

package/lib/sd-component-library87.js

@@ -1,11 +1,11 @@
 import { j as o } from "./sd-component-library190.js";
 import { Box as H } from "rebass";
-import { labelWidth as y, defaultDistanceFromLabelToRanges as R, labelPaddingX as E, defaultArc as G, defaultWidth as P, defaultHeight as X, defaultDistanceBetweenRanges as Y, defaultGaugeWidth as _, defaultDistanceFromRangesToNeedle as A, defaultInnerCircleStrokeWidth as V, defaultInnerCircleRadius as q, defaultNeedleWidth as J, defaultNumberOfDashes as K, defaultDashHeight as Q, defaultDashWidth as U, defaultDistanceFromRangesToScale as Z, defaultMaskBorderRadius as ee } from "./sd-component-library223.js";
-import { defaultPointerWidth as te } from "./sd-component-library222.js";
-import { DiscreteRange as ae } from "./sd-component-library233.js";
+import { labelWidth as y, defaultDistanceFromLabelToRanges as R, labelPaddingX as E, defaultArc as G, defaultWidth as P, defaultHeight as X, defaultDistanceBetweenRanges as Y, defaultGaugeWidth as _, defaultDistanceFromRangesToNeedle as A, defaultInnerCircleStrokeWidth as V, defaultInnerCircleRadius as q, defaultNeedleWidth as J, defaultNumberOfDashes as K, defaultDashHeight as Q, defaultDashWidth as U, defaultDistanceFromRangesToScale as Z, defaultMaskBorderRadius as ee } from "./sd-component-library224.js";
+import { defaultPointerWidth as te } from "./sd-component-library223.js";
+import { DiscreteRange as ae } from "./sd-component-library229.js";
 import { OutlineMeterScale as oe } from "./sd-component-library230.js";
-import { DiscreteMeterNeedle as le } from "./sd-component-library234.js";
-import { MatchedRangeLabelBox as re } from "./sd-component-library235.js";
+import { DiscreteMeterNeedle as le } from "./sd-component-library231.js";
+import { MatchedRangeLabelBox as re } from "./sd-component-library232.js";
 function me(x) {
   const {
     marginTop: b = "50px",

package/lib/sd-component-library88.js

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

package/lib/sd-component-library89.js

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

package/lib/sd-component-library90.js

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

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-library249.js";
+import X from "./sd-component-library248.js";
 import { OutsideClickBox as P } from "./sd-component-library11.js";
-import { ReactComponent as z } from "./sd-component-library250.js";
+import { ReactComponent as z } from "./sd-component-library249.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/package.json

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