@selfdecode/sd-component-library 4.0.73 → 4.0.75

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library94.js","sources":["../src/components/meters/dashed-meter/dashed-meter.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { BaseGridContainer } from \"../../containers/grid-containers/base-grid-container\";\nimport { DashedMeterProps as Props } from \"./interfaces\";\n\nexport const DashedMeter: React.FC<Props> = (props) => {\n  const {\n    value,\n    vertical,\n    gap = [\"5px\"],\n    width,\n    dashWidth = \"18px\",\n    verticalDashWidth = \"11px\",\n    dashHeight = \"6px\",\n    verticalDashHeight = \"5px\",\n    dashBorderRadius = \"2px\",\n    activeColor = \"cl_purple\",\n    ...baseProps\n  } = props;\n  return (\n    <BaseGridContainer\n      width={width}\n      gap={gap}\n      gridTemplateColumns={[\n        vertical ? \"max-content\" : \"repeat(5, max-content)\",\n      ]}\n      {...baseProps}\n      data-testid=\"dashed-meter\"\n    >\n      {Array(5)\n        .fill(\"\")\n        .map((_, idx) =>\n          vertical ? (\n            <Box\n              key={idx}\n              sx={{\n                height: verticalDashHeight,\n                width: verticalDashWidth,\n                borderRadius: dashBorderRadius,\n                bg: value < 5 - idx ? \"cl_grey\" : activeColor,\n              }}\n              data-testid={value < 5 - idx ? \"dash-inactive\" : \"dash-active\"}\n            />\n          ) : (\n            <Box\n              key={idx}\n              sx={{\n                height: dashHeight,\n                width: dashWidth,\n                borderRadius: dashBorderRadius,\n                bg: value <= idx ? \"cl_grey\" : activeColor,\n              }}\n              data-testid={value <= idx ? \"dash-inactive\" : \"dash-active\"}\n            />\n          )\n        )}\n    </BaseGridContainer>\n  );\n};\n"],"names":["DashedMeter","props","value","vertical","gap","width","dashWidth","verticalDashWidth","dashHeight","verticalDashHeight","dashBorderRadius","activeColor","baseProps","jsx","BaseGridContainer","_","idx","Box"],"mappings":";;;AAOa,MAAAA,IAA+B,CAACC,MAAU;AAC/C,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,KAAAC,IAAM,CAAC,KAAK;AAAA,IACZ,OAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,mBAAAC,IAAoB;AAAA,IACpB,YAAAC,IAAa;AAAA,IACb,oBAAAC,IAAqB;AAAA,IACrB,kBAAAC,IAAmB;AAAA,IACnB,aAAAC,IAAc;AAAA,IACd,GAAGC;AAAA,EACD,IAAAX;AAEF,SAAAY,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAT;AAAA,MACA,KAAAD;AAAA,MACA,qBAAqB;AAAA,QACnBD,IAAW,gBAAgB;AAAA,MAC7B;AAAA,MACC,GAAGS;AAAA,MACJ,eAAY;AAAA,MAEX,UAAM,MAAA,CAAC,EACL,KAAK,EAAE,EACP;AAAA,QAAI,CAACG,GAAGC,MACPb,IACEU,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YAEC,IAAI;AAAA,cACF,QAAQR;AAAA,cACR,OAAOF;AAAA,cACP,cAAcG;AAAA,cACd,IAAIR,IAAQ,IAAIc,IAAM,YAAYL;AAAA,YACpC;AAAA,YACA,eAAaT,IAAQ,IAAIc,IAAM,kBAAkB;AAAA,UAAA;AAAA,UAP5CA;AAAA,QAAA,IAUPH,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YAEC,IAAI;AAAA,cACF,QAAQT;AAAA,cACR,OAAOF;AAAA,cACP,cAAcI;AAAA,cACd,IAAIR,KAASc,IAAM,YAAYL;AAAA,YACjC;AAAA,YACA,eAAaT,KAASc,IAAM,kBAAkB;AAAA,UAAA;AAAA,UAPzCA;AAAA,QAQP;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGR;"}

package/lib/sd-component-library95.js

@@ -0,0 +1,49 @@
+import { j as n } from "./sd-component-library195.js";
+import { Box as h } from "rebass";
+import { GridContainerV2 as u } from "./sd-component-library41.js";
+const f = (c) => {
+  const {
+    value: i,
+    activeColor: l = "cl_purple",
+    maxValue: r = 5,
+    heightPx: o = 25,
+    gap: p = "3px",
+    inactiveColor: d = "cl_grey",
+    barWidth: a = "5px",
+    minHeight: e = 0,
+    ...m
+  } = c, s = [];
+  for (let t = 0; t < r; t++) {
+    const x = t < i ? l : d, g = e ? (o - e) / (r - 1) * t + e : o / r * (t + 1);
+    s.push(
+      /* @__PURE__ */ n.jsx(
+        h,
+        {
+          "data-testid": t < i ? "single-bar-active" : "single-bar-inactive",
+          sx: {
+            width: a,
+            borderRadius: `calc(${a} / 2)`,
+            height: `${g}px`,
+            backgroundColor: x
+          }
+        },
+        t
+      )
+    );
+  }
+  return /* @__PURE__ */ n.jsx(
+    u,
+    {
+      "data-testid": "bars-meter",
+      alignItems: "end",
+      gridTemplateColumns: [`repeat(${r}, max-content)`],
+      gap: p,
+      ...m,
+      children: s
+    }
+  );
+};
+export {
+  f as BarsMeter
+};
+//# sourceMappingURL=sd-component-library95.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library95.js","sources":["../src/components/meters/bars-meter/bars-meter.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { Grid } from \"../../containers\";\nimport { BarsMeterProps as Props } from \"./interfaces\";\n\n/**\n *  BarsMeter component.\n */\nexport const BarsMeter: React.FC<Props> = (props) => {\n  const {\n    value,\n    activeColor = \"cl_purple\",\n    maxValue = 5,\n    heightPx = 25,\n    gap = \"3px\",\n    inactiveColor = \"cl_grey\",\n    barWidth = \"5px\",\n    minHeight = 0,\n    ...gridProps\n  } = props;\n\n  const bars: React.ReactNode[] = [];\n\n  for (let i = 0; i < maxValue; i++) {\n    const color = i < value ? activeColor : inactiveColor;\n    const height = minHeight\n      ? ((heightPx - minHeight) / (maxValue - 1)) * i + minHeight\n      : (heightPx / maxValue) * (i + 1);\n\n    bars.push(\n      <Box\n        data-testid={i < value ? \"single-bar-active\" : \"single-bar-inactive\"}\n        key={i}\n        sx={{\n          width: barWidth,\n          borderRadius: `calc(${barWidth} / 2)`,\n          height: `${height}px`,\n          backgroundColor: color,\n        }}\n      />\n    );\n  }\n\n  return (\n    <Grid\n      data-testid=\"bars-meter\"\n      alignItems=\"end\"\n      gridTemplateColumns={[`repeat(${maxValue}, max-content)`]}\n      gap={gap}\n      {...gridProps}\n    >\n      {bars}\n    </Grid>\n  );\n};\n"],"names":["BarsMeter","props","value","activeColor","maxValue","heightPx","gap","inactiveColor","barWidth","minHeight","gridProps","bars","i","color","height","jsx","Box","Grid"],"mappings":";;;AAUa,MAAAA,IAA6B,CAACC,MAAU;AAC7C,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,KAAAC,IAAM;AAAA,IACN,eAAAC,IAAgB;AAAA,IAChB,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EACD,IAAAT,GAEEU,IAA0B,CAAA;AAEhC,WAASC,IAAI,GAAGA,IAAIR,GAAUQ,KAAK;AAC3B,UAAAC,IAAQD,IAAIV,IAAQC,IAAcI,GAClCO,IAASL,KACTJ,IAAWI,MAAcL,IAAW,KAAMQ,IAAIH,IAC/CJ,IAAWD,KAAaQ,IAAI;AAE5B,IAAAD,EAAA;AAAA,MACHI,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,eAAaJ,IAAIV,IAAQ,sBAAsB;AAAA,UAE/C,IAAI;AAAA,YACF,OAAOM;AAAA,YACP,cAAc,QAAQA,CAAQ;AAAA,YAC9B,QAAQ,GAAGM,CAAM;AAAA,YACjB,iBAAiBD;AAAA,UACnB;AAAA,QAAA;AAAA,QANKD;AAAA,MAOP;AAAA,IAAA;AAAA,EAEJ;AAGE,SAAAG,gBAAAA,EAAA;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,YAAW;AAAA,MACX,qBAAqB,CAAC,UAAUb,CAAQ,gBAAgB;AAAA,MACxD,KAAAE;AAAA,MACC,GAAGI;AAAA,MAEH,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library96.js

@@ -0,0 +1,72 @@
+import { j as o } from "./sd-component-library195.js";
+import { Box as j } from "rebass";
+import { isPDFFlow as g } from "./sd-component-library4.js";
+import { areSegmentsValid as v } from "./sd-component-library244.js";
+import { Segment as w } from "./sd-component-library247.js";
+const E = ({
+  segments: x,
+  outlineWidth: e = 2,
+  segmentWidth: n = 40,
+  size: r = 280,
+  labelOffset: p = 100,
+  labelPointerOffset: m = 10,
+  verticalOffset: d = 20,
+  sideOffset: a = 5,
+  labelOffsetMobile: f = 30,
+  mobile: t = !1,
+  verticalOffsetMobile: l = 50,
+  containerSx: u,
+  children: c
+}) => {
+  const h = g();
+  if (!v(x))
+    return null;
+  const i = {
+    width: `${r}px`,
+    height: `${r}px`
+  };
+  return /* @__PURE__ */ o.jsx(
+    j,
+    {
+      sx: {
+        overflow: "hidden",
+        cursor: "default",
+        ...t ? {} : { pr: "10px" },
+        ...u
+      },
+      children: /* @__PURE__ */ o.jsxs(
+        "svg",
+        {
+          ...i,
+          style: {
+            margin: `${t ? l : d}px ${p + a}px`,
+            borderRadius: `${r / 2}px`,
+            ...!h && { boxShadow: "10px 15px 15px #9BA2B44D" },
+            overflow: "visible"
+          },
+          children: [
+            x.map((s) => /* @__PURE__ */ o.jsx(
+              w,
+              {
+                segment: s,
+                segmentWidth: n,
+                size: r,
+                outlineWidth: e,
+                labelOffset: p,
+                labelPointerOffset: m,
+                mobile: t,
+                labelOffsetMobile: f
+              },
+              s.text
+            )),
+            /* @__PURE__ */ o.jsx("foreignObject", { x: 0, y: 0, ...i, style: { pointerEvents: "none" }, children: c })
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  E as DonutDiagram
+};
+//# sourceMappingURL=sd-component-library96.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library96.js","sources":["../src/components/meters/donut-diagram/donut-diagram.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { isPDFFlow } from \"../../../core/functions\";\nimport { DonutDiagramProps as Props } from \"./interfaces\";\nimport { Segment } from \"./partials\";\nimport { areSegmentsValid } from \"./utils\";\n\nexport const DonutDiagram: React.FC<Props> = ({\n  segments,\n  outlineWidth = 2,\n  segmentWidth = 40,\n  size = 280,\n  labelOffset = 100,\n  labelPointerOffset = 10,\n  verticalOffset = 20,\n  sideOffset = 5,\n  labelOffsetMobile = 30,\n  mobile = false,\n  verticalOffsetMobile = 50,\n  containerSx,\n  children,\n}) => {\n  const isPdf = isPDFFlow();\n\n  if (!areSegmentsValid(segments)) return null;\n\n  const sizes = {\n    width: `${size}px`,\n    height: `${size}px`,\n  };\n\n  return (\n    <Box\n      sx={{\n        overflow: \"hidden\",\n        cursor: \"default\",\n        ...(mobile ? {} : { pr: \"10px\" }),\n        ...containerSx,\n      }}\n    >\n      <svg\n        {...sizes}\n        style={{\n          margin: `${mobile ? verticalOffsetMobile : verticalOffset}px ${\n            labelOffset + sideOffset\n          }px`,\n          borderRadius: `${size / 2}px`,\n          ...(!isPdf && { boxShadow: \"10px 15px 15px #9BA2B44D\" }),\n          overflow: \"visible\",\n        }}\n      >\n        {segments.map((segment) => (\n          <Segment\n            key={segment.text}\n            segment={segment}\n            segmentWidth={segmentWidth}\n            size={size}\n            outlineWidth={outlineWidth}\n            labelOffset={labelOffset}\n            labelPointerOffset={labelPointerOffset}\n            mobile={mobile}\n            labelOffsetMobile={labelOffsetMobile}\n          />\n        ))}\n\n        <foreignObject x={0} y={0} {...sizes} style={{ pointerEvents: \"none\" }}>\n          {children}\n        </foreignObject>\n      </svg>\n    </Box>\n  );\n};\n"],"names":["DonutDiagram","segments","outlineWidth","segmentWidth","size","labelOffset","labelPointerOffset","verticalOffset","sideOffset","labelOffsetMobile","mobile","verticalOffsetMobile","containerSx","children","isPdf","isPDFFlow","areSegmentsValid","sizes","jsx","Box","jsxs","segment","Segment"],"mappings":";;;;;AASO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,MAAAC,IAAO;AAAA,EACP,aAAAC,IAAc;AAAA,EACd,oBAAAC,IAAqB;AAAA,EACrB,gBAAAC,IAAiB;AAAA,EACjB,YAAAC,IAAa;AAAA,EACb,mBAAAC,IAAoB;AAAA,EACpB,QAAAC,IAAS;AAAA,EACT,sBAAAC,IAAuB;AAAA,EACvB,aAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACJ,QAAMC,IAAQC;AAEV,MAAA,CAACC,EAAiBf,CAAQ;AAAU,WAAA;AAExC,QAAMgB,IAAQ;AAAA,IACZ,OAAO,GAAGb,CAAI;AAAA,IACd,QAAQ,GAAGA,CAAI;AAAA,EAAA;AAIf,SAAAc,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,GAAIT,IAAS,CAAA,IAAK,EAAE,IAAI,OAAO;AAAA,QAC/B,GAAGE;AAAA,MACL;AAAA,MAEA,UAAAQ,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGH;AAAA,UACJ,OAAO;AAAA,YACL,QAAQ,GAAGP,IAASC,IAAuBJ,CAAc,MACvDF,IAAcG,CAChB;AAAA,YACA,cAAc,GAAGJ,IAAO,CAAC;AAAA,YACzB,GAAI,CAACU,KAAS,EAAE,WAAW,2BAA2B;AAAA,YACtD,UAAU;AAAA,UACZ;AAAA,UAEC,UAAA;AAAA,YAASb,EAAA,IAAI,CAACoB,MACbH,gBAAAA,EAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBAEC,SAAAD;AAAA,gBACA,cAAAlB;AAAA,gBACA,MAAAC;AAAA,gBACA,cAAAF;AAAA,gBACA,aAAAG;AAAA,gBACA,oBAAAC;AAAA,gBACA,QAAAI;AAAA,gBACA,mBAAAD;AAAA,cAAA;AAAA,cARKY,EAAQ;AAAA,YAAA,CAUhB;AAAA,YAEAH,gBAAAA,EAAAA,IAAA,iBAAA,EAAc,GAAG,GAAG,GAAG,GAAI,GAAGD,GAAO,OAAO,EAAE,eAAe,UAC3D,UAAAJ,EACH,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library97.js

@@ -0,0 +1,51 @@
+import { j as n } from "./sd-component-library195.js";
+import { areSegmentsValid as h } from "./sd-component-library244.js";
+import { CompactDonutGaugeSegment as x } from "./sd-component-library245.js";
+import { CompactDonutGaugeValueIndicator as f } from "./sd-component-library246.js";
+const C = ({
+  segments: e,
+  size: r = 70,
+  value: t,
+  segmentWidth: m = 10,
+  outlineWidth: c = 2,
+  cursor: p = "default",
+  children: a
+}) => {
+  if (!h(e))
+    return null;
+  if (t > 1 || t < 0)
+    return console.error(
+      "Value should be not less than 0 and not higher than 1",
+      `Received: ${t}`
+    ), null;
+  const i = e.find(
+    ({ start: o, end: u }) => t >= o && t <= u
+  ), s = {
+    width: `${r}px`,
+    height: `${r}px`
+  };
+  return /* @__PURE__ */ n.jsxs("svg", { ...s, style: { cursor: p }, children: [
+    e.map((o) => /* @__PURE__ */ n.jsx(
+      x,
+      {
+        segment: o,
+        isMatching: o.start === i.start,
+        size: r,
+        segmentWidth: m,
+        outlineWidth: c
+      },
+      o.color
+    )),
+    a ? /* @__PURE__ */ n.jsx("foreignObject", { x: 0, y: 0, ...s, children: a }) : /* @__PURE__ */ n.jsx(
+      f,
+      {
+        size: r,
+        segment: i
+      }
+    )
+  ] });
+};
+export {
+  C as CompactDonutGauge
+};
+//# sourceMappingURL=sd-component-library97.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library97.js","sources":["../src/components/meters/compact-donut-gauge/compact-donut-gauge.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { areSegmentsValid } from \"../donut-diagram/utils\";\nimport { CompactDonutGaugeProps as Props } from \"./interfaces\";\nimport {\n  CompactDonutGaugeSegment,\n  CompactDonutGaugeValueIndicator,\n} from \"./partials\";\n\nexport const CompactDonutGauge: React.FC<PropsWithChildren<Props>> = ({\n  segments,\n  size = 70,\n  value,\n  segmentWidth = 10,\n  outlineWidth = 2,\n  cursor = \"default\",\n  children,\n}) => {\n  if (!areSegmentsValid(segments)) return null;\n\n  if (value > 1 || value < 0) {\n    console.error(\n      \"Value should be not less than 0 and not higher than 1\",\n      `Received: ${value}`\n    );\n    return null;\n  }\n\n  const matchingSegment = segments.find(\n    ({ start, end }) => value >= start && value <= end\n  )!;\n\n  const sizes = {\n    width: `${size}px`,\n    height: `${size}px`,\n  };\n\n  return (\n    <svg {...sizes} style={{ cursor }}>\n      {segments.map((segment) => (\n        <CompactDonutGaugeSegment\n          segment={segment}\n          isMatching={segment.start === matchingSegment.start}\n          size={size}\n          segmentWidth={segmentWidth}\n          outlineWidth={outlineWidth}\n          key={segment.color}\n        />\n      ))}\n\n      {children ? (\n        <foreignObject x={0} y={0} {...sizes}>\n          {children}\n        </foreignObject>\n      ) : (\n        <CompactDonutGaugeValueIndicator\n          size={size}\n          segment={matchingSegment}\n        />\n      )}\n    </svg>\n  );\n};\n"],"names":["CompactDonutGauge","segments","size","value","segmentWidth","outlineWidth","cursor","children","areSegmentsValid","matchingSegment","start","end","sizes","segment","jsx","CompactDonutGaugeSegment","CompactDonutGaugeValueIndicator"],"mappings":";;;;AASO,MAAMA,IAAwD,CAAC;AAAA,EACpE,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,QAAAC,IAAS;AAAA,EACT,UAAAC;AACF,MAAM;AACA,MAAA,CAACC,EAAiBP,CAAQ;AAAU,WAAA;AAEpC,MAAAE,IAAQ,KAAKA,IAAQ;AACf,mBAAA;AAAA,MACN;AAAA,MACA,aAAaA,CAAK;AAAA,IAAA,GAEb;AAGT,QAAMM,IAAkBR,EAAS;AAAA,IAC/B,CAAC,EAAE,OAAAS,GAAO,KAAAC,QAAUR,KAASO,KAASP,KAASQ;AAAA,EAAA,GAG3CC,IAAQ;AAAA,IACZ,OAAO,GAAGV,CAAI;AAAA,IACd,QAAQ,GAAGA,CAAI;AAAA,EAAA;AAGjB,gCACG,OAAK,EAAA,GAAGU,GAAO,OAAO,EAAE,QAAAN,EACtB,GAAA,UAAA;AAAA,IAASL,EAAA,IAAI,CAACY,MACbC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAF;AAAA,QACA,YAAYA,EAAQ,UAAUJ,EAAgB;AAAA,QAC9C,MAAAP;AAAA,QACA,cAAAE;AAAA,QACA,cAAAC;AAAA,MAAA;AAAA,MACKQ,EAAQ;AAAA,IAAA,CAEhB;AAAA,IAEAN,IACEO,gBAAAA,EAAA,IAAA,iBAAA,EAAc,GAAG,GAAG,GAAG,GAAI,GAAGF,GAC5B,UAAAL,EAAA,CACH,IAEAO,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAAd;AAAA,QACA,SAASO;AAAA,MAAA;AAAA,IACX;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library98.js

@@ -0,0 +1,53 @@
+import { j as r } from "./sd-component-library195.js";
+import { LinearGaugeSegment as c } from "./sd-component-library248.js";
+import { LinearGaugeLabel as d } from "./sd-component-library249.js";
+import { GridCenter as f } from "./sd-component-library44.js";
+import { GridContainerV2 as h } from "./sd-component-library41.js";
+function $(l) {
+  const {
+    gap: o = 3,
+    segmentHeight: i = 8,
+    value: n,
+    options: t,
+    labelGap: s = 12,
+    defaultColor: m = "cl_lightGrey",
+    defaultMatchedColor: p,
+    cursor: u = "default",
+    labelProps: g
+  } = l;
+  return /* @__PURE__ */ r.jsx(
+    f,
+    {
+      width: "100%",
+      gap: `${o}px`,
+      gridTemplateColumns: `repeat(${t.length}, 1fr)`,
+      sx: { cursor: u },
+      children: t.map((e, x) => {
+        const a = e.value === n ? e.labelColor ?? p : m;
+        return /* @__PURE__ */ r.jsxs(h, { gap: `${s}px`, children: [
+          /* @__PURE__ */ r.jsx(
+            c,
+            {
+              color: a,
+              segmentHeight: i,
+              idx: x,
+              total: t.length
+            }
+          ),
+          /* @__PURE__ */ r.jsx(
+            d,
+            {
+              text: e.label,
+              color: a,
+              ...g
+            }
+          )
+        ] }, `${e.value}`);
+      })
+    }
+  );
+}
+export {
+  $ as LinearDiscreteGaugeMeter
+};
+//# sourceMappingURL=sd-component-library98.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library98.js","sources":["../src/components/meters/linear-discrete-gauge-meter/linear-discrete-gauge-meter.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { Grid, GridCenter } from \"../../containers\";\nimport {\n  LinearGaugeLabel,\n  LinearGaugeSegment,\n} from \"../linear-gauge-meter-partials\";\nimport { LinearDiscreteGaugeMeterProps as Props } from \"./interfaces\";\n\nexport function LinearDiscreteGaugeMeter<T>(\n  props: PropsWithChildren<Props<T>>\n) {\n  const {\n    gap = 3,\n    segmentHeight = 8,\n    value,\n    options,\n    labelGap = 12,\n    defaultColor = \"cl_lightGrey\",\n    defaultMatchedColor,\n    cursor = \"default\",\n    labelProps,\n  } = props;\n\n  return (\n    <GridCenter\n      width=\"100%\"\n      gap={`${gap}px`}\n      gridTemplateColumns={`repeat(${options.length}, 1fr)`}\n      sx={{ cursor }}\n    >\n      {options.map((option, idx) => {\n        const color =\n          option.value === value\n            ? option.labelColor ?? defaultMatchedColor\n            : defaultColor;\n\n        return (\n          <Grid gap={`${labelGap}px`} key={`${option.value}`}>\n            <LinearGaugeSegment\n              color={color}\n              segmentHeight={segmentHeight}\n              idx={idx}\n              total={options.length}\n            />\n\n            <LinearGaugeLabel\n              text={option.label}\n              color={color}\n              {...labelProps}\n            />\n          </Grid>\n        );\n      })}\n    </GridCenter>\n  );\n}\n"],"names":["LinearDiscreteGaugeMeter","props","gap","segmentHeight","value","options","labelGap","defaultColor","defaultMatchedColor","cursor","labelProps","jsx","GridCenter","option","idx","color","jsxs","Grid","LinearGaugeSegment","LinearGaugeLabel"],"mappings":";;;;;AASO,SAASA,EACdC,GACA;AACM,QAAA;AAAA,IACJ,KAAAC,IAAM;AAAA,IACN,eAAAC,IAAgB;AAAA,IAChB,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,cAAAC,IAAe;AAAA,IACf,qBAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,YAAAC;AAAA,EACE,IAAAT;AAGF,SAAAU,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,KAAK,GAAGV,CAAG;AAAA,MACX,qBAAqB,UAAUG,EAAQ,MAAM;AAAA,MAC7C,IAAI,EAAE,QAAAI,EAAO;AAAA,MAEZ,UAAQJ,EAAA,IAAI,CAACQ,GAAQC,MAAQ;AAC5B,cAAMC,IACJF,EAAO,UAAUT,IACbS,EAAO,cAAcL,IACrBD;AAEN,eACGS,gBAAAA,EAAA,KAAAC,GAAA,EAAK,KAAK,GAAGX,CAAQ,MACpB,UAAA;AAAA,UAAAK,gBAAAA,EAAA;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,OAAAH;AAAA,cACA,eAAAZ;AAAA,cACA,KAAAW;AAAA,cACA,OAAOT,EAAQ;AAAA,YAAA;AAAA,UACjB;AAAA,UAEAM,gBAAAA,EAAA;AAAA,YAACQ;AAAA,YAAA;AAAA,cACC,MAAMN,EAAO;AAAA,cACb,OAAAE;AAAA,cACC,GAAGL;AAAA,YAAA;AAAA,UACN;AAAA,QAZ+B,EAAA,GAAA,GAAGG,EAAO,KAAK,EAahD;AAAA,MAAA,CAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library99.js

@@ -0,0 +1,51 @@
+import { j as e } from "./sd-component-library195.js";
+import { isMatchingRange as u } from "./sd-component-library250.js";
+import { GridCenter as c } from "./sd-component-library44.js";
+import { GridContainerV2 as f } from "./sd-component-library41.js";
+import { LinearGaugeSegment as d } from "./sd-component-library248.js";
+import { LinearGaugeLabel as j } from "./sd-component-library249.js";
+const M = ({
+  gap: i = 3,
+  segmentHeight: l = 8,
+  value: n,
+  options: t,
+  labelGap: o = 12,
+  defaultColor: s = "cl_lightGrey",
+  defaultMatchedColor: g,
+  cursor: x = "default",
+  labelProps: p
+}) => /* @__PURE__ */ e.jsx(
+  c,
+  {
+    width: "100%",
+    gap: `${i}px`,
+    gridTemplateColumns: t.map(({ start: r, end: a }) => `${a - r}fr`).join(" "),
+    sx: { cursor: x },
+    children: t.map((r, a) => {
+      const m = u(r, n) ? r.labelColor ?? g : s;
+      return /* @__PURE__ */ e.jsxs(f, { gap: `${o}px`, children: [
+        /* @__PURE__ */ e.jsx(
+          d,
+          {
+            color: m,
+            segmentHeight: l,
+            idx: a,
+            total: t.length
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          j,
+          {
+            text: r.label,
+            color: m,
+            ...p
+          }
+        )
+      ] }, `${r.start}`);
+    })
+  }
+);
+export {
+  M as LinearNumericGaugeMeter
+};
+//# sourceMappingURL=sd-component-library99.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library99.js","sources":["../src/components/meters/linear-numeric-gauge-meter/linear-numeric-gauge-meter.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Grid, GridCenter } from \"../../containers\";\nimport {\n  LinearGaugeLabel,\n  LinearGaugeSegment,\n} from \"../linear-gauge-meter-partials\";\nimport { LinearNumericGaugeMeterProps as Props } from \"./interfaces\";\nimport { isMatchingRange } from \"./utils\";\n\nexport const LinearNumericGaugeMeter: React.FC<Props> = ({\n  gap = 3,\n  segmentHeight = 8,\n  value,\n  options,\n  labelGap = 12,\n  defaultColor = \"cl_lightGrey\",\n  defaultMatchedColor,\n  cursor = \"default\",\n  labelProps,\n}) => {\n  return (\n    <GridCenter\n      width=\"100%\"\n      gap={`${gap}px`}\n      gridTemplateColumns={options\n        .map(({ start, end }) => `${end - start}fr`)\n        .join(\" \")}\n      sx={{ cursor }}\n    >\n      {options.map((option, idx) => {\n        const color = isMatchingRange(option, value)\n          ? option.labelColor ?? defaultMatchedColor\n          : defaultColor;\n\n        return (\n          <Grid gap={`${labelGap}px`} key={`${option.start}`}>\n            <LinearGaugeSegment\n              color={color}\n              segmentHeight={segmentHeight}\n              idx={idx}\n              total={options.length}\n            />\n\n            <LinearGaugeLabel\n              text={option.label}\n              color={color}\n              {...labelProps}\n            />\n          </Grid>\n        );\n      })}\n    </GridCenter>\n  );\n};\n"],"names":["LinearNumericGaugeMeter","gap","segmentHeight","value","options","labelGap","defaultColor","defaultMatchedColor","cursor","labelProps","jsx","GridCenter","start","end","option","idx","color","isMatchingRange","jsxs","Grid","LinearGaugeSegment","LinearGaugeLabel"],"mappings":";;;;;;AAUO,MAAMA,IAA2C,CAAC;AAAA,EACvD,KAAAC,IAAM;AAAA,EACN,eAAAC,IAAgB;AAAA,EAChB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,qBAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,KAAK,GAAGV,CAAG;AAAA,IACX,qBAAqBG,EAClB,IAAI,CAAC,EAAE,OAAAQ,GAAO,KAAAC,EAAU,MAAA,GAAGA,IAAMD,CAAK,IAAI,EAC1C,KAAK,GAAG;AAAA,IACX,IAAI,EAAE,QAAAJ,EAAO;AAAA,IAEZ,UAAQJ,EAAA,IAAI,CAACU,GAAQC,MAAQ;AAC5B,YAAMC,IAAQC,EAAgBH,GAAQX,CAAK,IACvCW,EAAO,cAAcP,IACrBD;AAEJ,aACGY,gBAAAA,EAAA,KAAAC,GAAA,EAAK,KAAK,GAAGd,CAAQ,MACpB,UAAA;AAAA,QAAAK,gBAAAA,EAAA;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,OAAAJ;AAAA,YACA,eAAAd;AAAA,YACA,KAAAa;AAAA,YACA,OAAOX,EAAQ;AAAA,UAAA;AAAA,QACjB;AAAA,QAEAM,gBAAAA,EAAA;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,MAAMP,EAAO;AAAA,YACb,OAAAE;AAAA,YACC,GAAGP;AAAA,UAAA;AAAA,QACN;AAAA,MAZ+B,EAAA,GAAA,GAAGK,EAAO,KAAK,EAahD;AAAA,IAAA,CAEH;AAAA,EAAA;AAAA;"}

package/lib/setupTests.d.ts

@@ -1,3 +1 @@
-import "@testing-library/jest-dom";
-import "@testing-library/jest-dom/extend-expect";
-import "jest-canvas-mock";
+export {};

package/lib/style.css

@@ -0,0 +1 @@
+.rdrCalendarWrapper{box-sizing:border-box;background:#ffffff;display:-webkit-inline-box;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rdrDateDisplay{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}.rdrDateDisplayItem{-webkit-box-flex:1;flex:1 1;width:0;text-align:center;color:inherit}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}.rdrMonthAndYearPickers{-webkit-box-flex:1;flex:1 1 auto;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:-webkit-box;display:flex}.rdrMonthsVertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:-webkit-box;display:flex}.rdrWeekDay{flex-basis:calc(100% / 7);box-sizing:inherit;text-align:center}.rdrDays{display:-webkit-box;display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{position:absolute;font-size:1.6em;line-height:1.6em;top:0;right:.25em;color:red}.rdrDay{box-sizing:inherit;width:calc(100% / 7);position:relative;font:inherit;cursor:pointer}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align: auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{display:-webkit-inline-box;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rdrStaticRanges{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:-webkit-box;display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #23394236;border:1px solid transparent}.rdrDateDisplayItem input{cursor:pointer;height:2.5em;line-height:2.5em;border:0px;background:transparent;width:100%;color:#849095}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{-webkit-box-align:center;align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px 30px 10px 10px;border-radius:4px;outline:0;color:#3e484f;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;cursor:pointer;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{display:block;width:24px;height:24px;margin:0 .833em;padding:0;border:0;border-radius:5px;background:#EFF2F7}.rdrNextPrevButton:hover{background:#E1E7F0}.rdrNextPrevButton i{display:block;width:0;height:0;padding:0;text-align:center;border-style:solid;margin:auto;-webkit-transform:translate(-3px,0px);transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:transparent rgb(52,73,94) transparent transparent;-webkit-transform:translate(-3px,0px);transform:translate(-3px)}.rdrNextButton i{margin:0 0 0 7px;border-width:4px 4px 4px 6px;border-color:transparent transparent transparent rgb(52,73,94);-webkit-transform:translate(3px,0px);transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{font-weight:400;line-height:2.667em;color:#849095}.rdrDay{background:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;padding:0;line-height:3em;height:3em;text-align:center;color:#1d2429}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;font-weight:300;position:absolute;left:0;right:0;top:5px;bottom:5px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";position:absolute;bottom:4px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%);width:18px;height:2px;border-radius:2px;background:#3d91ff}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;top:5px;left:0;right:0;bottom:5px}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;border-left-width:1px;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;border-right-width:1px;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{background:rgba(255,255,255,.09);position:absolute;top:3px;left:0;right:0;bottom:3px;pointer-events:none;border:0px solid currentColor;z-index:1}.rdrDayStartPreview{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{font-size:12px;width:226px;border-right:solid 1px #eff2f7;background:#fff}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{border:0;cursor:pointer;display:block;outline:0;border-bottom:1px solid #eff2f7;padding:0;background:#fff}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;outline:0;line-height:18px;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{-webkit-box-align:center;align-items:center;padding:5px 20px}.rdrInputRangeInput{width:30px;height:30px;line-height:30px;border-radius:4px;text-align:center;border:solid 1px rgb(222,231,235);margin-right:10px;color:#6c767a}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;outline:0;color:#333}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";border:1px solid currentColor;border-radius:1.333em;position:absolute;top:-2px;bottom:-2px;left:0;right:0;background:transparent}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{-webkit-filter:grayscale(100%) opacity(60%);filter:grayscale(100%) opacity(60%)}.rdrMonthName{text-align:left;font-weight:600;color:#849095;padding:.833em}

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@selfdecode/sd-component-library",
-  "version": "4.0.73",
+  "version": "4.0.75",
   "private": false,
   "license": "MIT",
-  "main": "./lib/index.js",
   "files": [
     "lib"
   ],
@@ -12,27 +11,18 @@
   },
   "dependencies": {
     "@rebass/forms": "^4.0.6",
-    "bfj": "^7.0.2",
     "body-scroll-lock": "^4.0.0-beta.0",
     "browserslist": "^4.18.1",
-    "camelcase": "^6.2.1",
     "date-fns": "^2.30.0",
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
     "emotion-theming": "^10.0.27",
-    "fs-extra": "^10.0.0",
     "history": "^4.10.1",
-    "identity-obj-proxy": "^3.0.0",
-    "next-share": "^0.18.0",
-    "prompts": "^2.4.2",
-    "react": "^18.2.0",
     "react-app-polyfill": "^3.0.0",
     "react-contenteditable": "^3.3.6",
     "react-date-range": "1.1.3",
     "react-dev-utils": "^12.0.1",
-    "react-dom": "^18.2.0",
     "react-refresh": "^0.11.0",
-    "react-router-dom": "^5.3.3",
     "react-transition-group": "^4.4.1",
     "rebass": "^4.0.7",
     "resolve": "^1.20.0",
@@ -50,18 +40,14 @@
     ]
   },
   "scripts": {
-    "start": "node scripts/start.js",
-    "ci-test": "npm run-script ci-prettier-check && jest --collectCoverage",
+    "ci:test": "vitest run --coverage.provider c8",
     "ci-prettier-check": "prettier-check 'src/**/@(*.js|*.ts|*.tsx|*.json|*.css|*.scss|*.md)!(*.chunk.js)'",
-    "test": "node scripts/test.js",
-    "styleguide": "styleguidist server --port=7070",
-    "styleguide:build": "styleguidist build",
     "clean": "npx shx rm -rf ./lib",
     "copy": "copyfiles -u 1 ./src/**/*.svg ./lib",
     "prebuild": "npm run clean",
     "postbuild": "npm run copy",
-    "build": "tsc --build && webpack",
-    "prepublishOnly": "npm run ci-test && npm run build"
+    "build": "tsc & vite build",
+    "prepublishOnly": "npm run ci:test & npm run build"
   },
   "eslintConfig": {
     "extends": "react-app"
@@ -79,20 +65,15 @@
     ]
   },
   "devDependencies": {
-    "@babel/core": "^7.16.0",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
-    "@svgr/webpack": "^5.5.0",
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^13.3.0",
-    "@testing-library/user-event": "^7.2.1",
+    "@testing-library/dom": "^9.3.1",
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^13.4.0",
     "@trivago/prettier-plugin-sort-imports": "^3.1.1",
     "@types/body-scroll-lock": "^3.1.0",
-    "@types/enzyme": "^3.10.5",
     "@types/history": "^4.7.11",
-    "@types/jest": "^24.9.1",
     "@types/lodash": "^4.14.182",
     "@types/lodash-es": "^4.17.8",
-    "@types/node": "^18.7.11",
+    "@types/node": "^18.17.1",
     "@types/react": "^18.0.17",
     "@types/react-date-range": "1.1.3",
     "@types/react-dom": "^18.0.6",
@@ -100,55 +81,38 @@
     "@types/react-transition-group": "^4.4.1",
     "@types/rebass": "^4.0.6",
     "@types/rebass__forms": "^4.0.2",
-    "@zarconontol/enzyme-adapter-react-18": "^0.7.3",
-    "babel-jest": "^27.4.2",
-    "babel-loader": "^8.2.3",
-    "babel-plugin-named-asset-import": "^0.3.8",
-    "babel-preset-react-app": "^10.0.1",
-    "case-sensitive-paths-webpack-plugin": "^2.4.0",
+    "@vitejs/plugin-react": "^4.0.4",
+    "c8": "^8.0.0",
     "copyfiles": "^2.3.0",
-    "css-loader": "^6.5.1",
-    "css-minimizer-webpack-plugin": "^3.2.0",
-    "enzyme": "^3.11.0",
     "eslint": "^8.3.0",
     "eslint-config-react-app": "^7.0.1",
-    "eslint-webpack-plugin": "^3.1.1",
     "file-loader": "^6.2.0",
-    "html-webpack-plugin": "^5.5.0",
     "husky": "^4.2.5",
-    "jest": "^27.4.3",
-    "jest-canvas-mock": "^2.4.0",
-    "jest-resolve": "^27.4.2",
-    "jest-watch-typeahead": "^1.0.0",
     "lint-staged": "^10.2.11",
-    "lodash-es": "^4.17.21",
-    "mini-css-extract-plugin": "^2.4.5",
     "postcss": "^8.4.4",
     "postcss-flexbugs-fixes": "^5.0.2",
-    "postcss-loader": "^6.2.1",
     "postcss-normalize": "^10.0.1",
     "postcss-preset-env": "^7.0.1",
     "prettier": "^2.0.5",
     "prettier-check": "^2.0.0",
     "react-docgen-typescript": "^1.18.0",
-    "react-styleguidist": "^11.2.0",
     "sass": "^1.52.1",
-    "sass-loader": "^12.3.0",
     "shelljs": "^0.8.4",
-    "source-map-loader": "^3.0.0",
-    "style-loader": "^3.3.1",
     "tailwindcss": "^3.0.2",
-    "terser-webpack-plugin": "^5.2.5",
-    "typescript": "^4.6.4",
-    "webpack": "^5.64.4",
-    "webpack-cli": "^4.1.0",
-    "webpack-dev-server": "^4.6.0",
-    "webpack-manifest-plugin": "^4.0.2",
-    "webpack-node-externals": "^2.5.2",
-    "workbox-webpack-plugin": "^6.4.1"
+    "typescript": "4.6.4",
+    "vite": "^4.4.2",
+    "vite-plugin-dts": "^3.4.0",
+    "vite-plugin-svgr": "^3.2.0",
+    "vitest": "^0.33.0"
   },
   "peerDependencies": {
-    "lodash-es": "^4.17.21"
+    "lodash-es": "^4.17.21",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^5.3.3",
+    "emotion-theming": "^10.0.28",
+    "@rebass/forms": "^4.0.6",
+    "rebass": "^4.0.7"
   },
   "description": "The SelfDecode Component Library (SCL) was built with intention of speeding up the development of all products under SD, by creating a single source for all shared components such as form components which are re-used across our different products.",
   "repository": {
@@ -156,64 +120,10 @@
     "url": "git+ssh://git@bitbucket.org/selfdecode/sd-component-library.git"
   },
   "author": "selfdecode",
-  "homepage": "https://bitbucket.org/selfdecode/sd-component-library#readme",
-  "jest": {
-    "roots": [
-      "<rootDir>/src"
-    ],
-    "collectCoverageFrom": [
-      "src/**/*.{js,jsx,ts,tsx}",
-      "!src/**/*.d.ts"
-    ],
-    "setupFiles": [
-      "react-app-polyfill/jsdom"
-    ],
-    "setupFilesAfterEnv": [
-      "<rootDir>/src/setupTests.ts"
-    ],
-    "testMatch": [
-      "<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
-      "<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
-    ],
-    "testEnvironment": "jsdom",
-    "transform": {
-      "^.+\\.(js|jsx|mjs|cjs|ts|tsx)$": "<rootDir>/config/jest/babelTransform.js",
-      "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
-      "^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
-    },
-    "transformIgnorePatterns": [
-      "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs|cjs|ts|tsx)$",
-      "^.+\\.module\\.(css|sass|scss)$"
-    ],
-    "modulePaths": [
-      "/Users/vaibhav/development/SelfDecode/frontend-component-library/src"
-    ],
-    "moduleNameMapper": {
-      "^react-native$": "react-native-web",
-      "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy",
-      "lodash-es": "lodash"
-    },
-    "moduleFileExtensions": [
-      "web.js",
-      "js",
-      "web.ts",
-      "ts",
-      "web.tsx",
-      "tsx",
-      "json",
-      "web.jsx",
-      "jsx",
-      "node"
-    ],
-    "watchPlugins": [
-      "jest-watch-typeahead/filename",
-      "jest-watch-typeahead/testname"
-    ],
-    "resetMocks": true
-  },
-  "babel": {
-    "presets": [
-      "react-app"
-    ]
-  }
+  "homepage": "https://github.com/selfdecode/frontend-component-library#readme",
+  "type": "module",
+  "main": "./lib/sd-component-library.js",
+  "module": "./lib/sd-component-library.js",
+  "types": "./lib/sd-component-library.d.ts",
+  "sideEffects": false
 }

package/lib/0494d4103772511cf11590e5e6d92ecf.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="20.45" viewBox="0 0 20.45 22">
-    <path class="a" d="M17.9,10.758a4.785,4.785,0,0,0,4.78-4.79c0-2.646-9.56-2.646-9.56,0A4.785,4.785,0,0,0,17.9,10.758Z" transform="translate(-7.678 -3.984)"/>
-    <path class="a" d="M17.685,17.7l0,0a.39.39,0,0,1,0-.735l0,0a10.277,10.277,0,0,0,6.7-8.671q.024-.252.035-.508a.44.44,0,0,0-.438-.459H22.368a.435.435,0,0,0-.434.413q-.013.24-.04.476a7.753,7.753,0,0,1-15.408,0q-.027-.236-.04-.476a.435.435,0,0,0-.434-.413H4.4a.44.44,0,0,0-.438.459q.011.256.035.508a10.277,10.277,0,0,0,6.7,8.671l0,0a.39.39,0,0,1,0,.735l0,0A10.277,10.277,0,0,0,4,26.369q-.024.252-.035.508a.44.44,0,0,0,.438.459H6.013a.435.435,0,0,0,.434-.413q.013-.24.04-.476a7.771,7.771,0,0,1,7.7-6.882h0a7.771,7.771,0,0,1,7.7,6.882q.027.236.04.476a.435.435,0,0,0,.434.413h1.609a.44.44,0,0,0,.438-.459q-.011-.256-.035-.508A10.277,10.277,0,0,0,17.685,17.7Z" transform="translate(-3.965 -5.337)"/>
-</svg>

package/lib/077dc132a657b8d72f09112ca29aecf4.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.983 6.021">
-    <path d="M1795.1,1135.7l4.66,4.217a.338.338,0,0,0,.462,0l4.66-4.217a.266.266,0,0,0,0-.417l-.5-1.2a.327.327,0,0,0-.231-.091.319.319,0,0,0-.227.091l-3.934,3.557-3.932-3.557a.334.334,0,0,0-.457,0l-.5,1.2a.266.266,0,0,0,0,.417Z" transform="translate(-1795.001 -1133.985)"/>
-</svg>