@selfdecode/sd-component-library 4.0.76-test2 → 4.0.76-test3

package/lib/sd-component-library309.js

@@ -1,96 +1,22 @@
-import { j as a } from "./sd-component-library190.js";
-import { useState as S, useCallback as B } from "react";
-import { Box as Y } from "rebass";
-import { labelPaddingX as c, labelWidth as W } from "./sd-component-library226.js";
-import { getCoordinateForArc as $ } from "./sd-component-library86.js";
-import { ResponsiveTextV2 as z } from "./sd-component-library144.js";
-const D = (j) => {
-  const {
-    label: d,
-    color: p,
-    alpha: e,
-    radius: r,
-    horizontal: v,
-    pointerLength: m,
-    round: y,
-    pointY: i
-  } = j, [h, C] = S(0), [f, R] = S(0), T = B((t) => {
-    if (t) {
-      const { height: o, y: l } = t.getBoundingClientRect();
-      C(o), R(l);
+import { getDefaultExportFromCjs as _ } from "./sd-component-library195.js";
+import { __module as r } from "./sd-component-library316.js";
+import { __require as t } from "./sd-component-library317.js";
+import { __require as c } from "./sd-component-library318.js";
+function e() {
+  if (!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ > "u" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE != "function")) {
+    if (process.env.NODE_ENV !== "production")
+      throw new Error("^_^");
+    try {
+      __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e);
+    } catch (o) {
+      console.error(o);
     }
-  }, []);
-  let { x: b, y: g } = $(
-    r + m,
-    e,
-    r
-  );
-  const s = e === 180, n = e < 180, u = e > 180;
-  if (v) {
-    const { x: t, y: o } = $(
-      r,
-      e,
-      r
-    );
-    b = t + m * (n ? -1 : 1), g = o;
   }
-  if (!d)
-    return null;
-  let x = y || s ? `${c}px` : void 0;
-  if (!x && i) {
-    const t = f - h, o = f;
-    x = [
-      n || i > t,
-      u || i > t,
-      u || i < o,
-      n || i < o
-    ].map((l) => l ? `${c}px` : "0").join(" ");
-  }
-  return /* @__PURE__ */ a.jsx(
-    Y,
-    {
-      sx: {
-        position: "absolute",
-        left: `${b}px`,
-        top: `${g}px`
-      },
-      children: /* @__PURE__ */ a.jsx(
-        Y,
-        {
-          sx: {
-            boxSizing: "content-box",
-            position: "relative",
-            top: `calc(-${h}px)`,
-            left: s ? "-50%" : n ? "-100%" : void 0,
-            py: "7px",
-            px: `${c}px`,
-            borderColor: p,
-            borderWidth: "2px",
-            borderStyle: "solid",
-            borderRadius: x,
-            bg: "cl_white",
-            "& > div": {
-              maxWidth: s ? void 0 : `${W}px`
-            }
-          },
-          ref: T,
-          children: /* @__PURE__ */ a.jsx(
-            z,
-            {
-              fontSizeWeight: [[12, "semi-bold"]],
-              width: "max-content",
-              color: p !== "#CCD0DB" ? p : "cl_darkGrey",
-              textTransform: "uppercase",
-              letterSpacing: "1.8px",
-              children: d
-            }
-          )
-        }
-      )
-    }
-  );
-};
+}
+process.env.NODE_ENV === "production" ? (e(), r.exports = t()) : r.exports = c();
+var i = r.exports;
+const s = /* @__PURE__ */ _(i);
 export {
-  D as MatchedRangeLabelBox
+  s as default
 };
 //# sourceMappingURL=sd-component-library309.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library309.js","sources":["../src/components/meters/common-outline-meter-partials/matched-range-label-box/matched-range-label-box.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ResponsiveTextV2 } from \"../../../texts/responsive-text-v2\";\nimport { labelPaddingX, labelWidth } from \"../../outline-meter/contants\";\nimport { getCoordinateForArc } from \"../../outline-meter/utils\";\nimport { MatchedRangeLabelBoxProps as Props } from \"./interfaces\";\n\nexport const MatchedRangeLabelBox: React.FC<Props> = (props) => {\n  const {\n    label,\n    color,\n    alpha,\n    radius,\n    horizontal,\n    pointerLength,\n    round,\n    pointY,\n  } = props;\n\n  const [textHeight, setTextHeight] = useState(0);\n  const [textY, setTextY] = useState(0);\n\n  const ref = useCallback((node: HTMLElement) => {\n    if (node) {\n      const { height, y } = node.getBoundingClientRect();\n      setTextHeight(height);\n      setTextY(y);\n    }\n  }, []);\n\n  let { x: pointerEndX, y: pointerEndY } = getCoordinateForArc(\n    radius + pointerLength,\n    alpha,\n    radius\n  );\n\n  const isOnTop = alpha === 180;\n  const isOnLeft = alpha < 180;\n  const isOnRight = alpha > 180;\n\n  if (horizontal) {\n    const { x: pointerStartX, y: pointerStartY } = getCoordinateForArc(\n      radius,\n      alpha,\n      radius\n    );\n\n    pointerEndX = pointerStartX + pointerLength * (isOnLeft ? -1 : 1);\n    pointerEndY = pointerStartY;\n  }\n\n  if (!label) return null;\n\n  let borderRadius = round || isOnTop ? `${labelPaddingX}px` : undefined;\n  if (!borderRadius && pointY) {\n    const textTopY = textY - textHeight;\n    const textBottomY = textY;\n\n    borderRadius = [\n      isOnLeft || pointY > textTopY,\n      isOnRight || pointY > textTopY,\n      isOnRight || pointY < textBottomY,\n      isOnLeft || pointY < textBottomY,\n    ]\n      .map((flag) => (flag ? `${labelPaddingX}px` : \"0\"))\n      .join(\" \");\n  }\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        left: `${pointerEndX}px`,\n        top: `${pointerEndY}px`,\n      }}\n    >\n      <Box\n        sx={{\n          boxSizing: \"content-box\",\n          position: \"relative\",\n          top: `calc(-${textHeight}px)`,\n          left: isOnTop ? \"-50%\" : isOnLeft ? \"-100%\" : undefined,\n          py: \"7px\",\n          px: `${labelPaddingX}px`,\n          borderColor: color,\n          borderWidth: \"2px\",\n          borderStyle: \"solid\",\n          borderRadius,\n          bg: \"cl_white\",\n          \"& > div\": {\n            maxWidth: isOnTop ? undefined : `${labelWidth}px`,\n          },\n        }}\n        ref={ref}\n      >\n        <ResponsiveTextV2\n          fontSizeWeight={[[12, \"semi-bold\"]]}\n          width=\"max-content\"\n          color={color !== \"#CCD0DB\" ? color : \"cl_darkGrey\"}\n          textTransform=\"uppercase\"\n          letterSpacing=\"1.8px\"\n        >\n          {label}\n        </ResponsiveTextV2>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["MatchedRangeLabelBox","props","label","color","alpha","radius","horizontal","pointerLength","round","pointY","textHeight","setTextHeight","useState","textY","setTextY","ref","useCallback","node","height","y","pointerEndX","pointerEndY","getCoordinateForArc","isOnTop","isOnLeft","isOnRight","pointerStartX","pointerStartY","borderRadius","labelPaddingX","textTopY","textBottomY","flag","jsx","Box","labelWidth","ResponsiveTextV2"],"mappings":";;;;;;AASa,MAAAA,IAAwC,CAACC,MAAU;AACxD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,EACE,IAAAR,GAEE,CAACS,GAAYC,CAAa,IAAIC,EAAS,CAAC,GACxC,CAACC,GAAOC,CAAQ,IAAIF,EAAS,CAAC,GAE9BG,IAAMC,EAAY,CAACC,MAAsB;AAC7C,QAAIA,GAAM;AACR,YAAM,EAAE,QAAAC,GAAQ,GAAAC,EAAE,IAAIF,EAAK,sBAAsB;AACjD,MAAAN,EAAcO,CAAM,GACpBJ,EAASK,CAAC;AAAA,IACZ;AAAA,EACF,GAAG,CAAE,CAAA;AAEL,MAAI,EAAE,GAAGC,GAAa,GAAGC,EAAgB,IAAAC;AAAA,IACvCjB,IAASE;AAAA,IACTH;AAAA,IACAC;AAAA,EAAA;AAGF,QAAMkB,IAAUnB,MAAU,KACpBoB,IAAWpB,IAAQ,KACnBqB,IAAYrB,IAAQ;AAE1B,MAAIE,GAAY;AACd,UAAM,EAAE,GAAGoB,GAAe,GAAGC,EAAkB,IAAAL;AAAA,MAC7CjB;AAAA,MACAD;AAAA,MACAC;AAAA,IAAA;AAGY,IAAAe,IAAAM,IAAgBnB,KAAiBiB,IAAW,KAAK,IACjDH,IAAAM;AAAA,EAChB;AAEA,MAAI,CAACzB;AAAc,WAAA;AAEnB,MAAI0B,IAAepB,KAASe,IAAU,GAAGM,CAAa,OAAO;AACzD,MAAA,CAACD,KAAgBnB,GAAQ;AAC3B,UAAMqB,IAAWjB,IAAQH,GACnBqB,IAAclB;AAEL,IAAAe,IAAA;AAAA,MACbJ,KAAYf,IAASqB;AAAA,MACrBL,KAAahB,IAASqB;AAAA,MACtBL,KAAahB,IAASsB;AAAA,MACtBP,KAAYf,IAASsB;AAAA,IACvB,EACG,IAAI,CAACC,MAAUA,IAAO,GAAGH,CAAa,OAAO,GAAI,EACjD,KAAK,GAAG;AAAA,EACb;AAGE,SAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,MAAM,GAAGd,CAAW;AAAA,QACpB,KAAK,GAAGC,CAAW;AAAA,MACrB;AAAA,MAEA,UAAAY,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,YACF,WAAW;AAAA,YACX,UAAU;AAAA,YACV,KAAK,SAASxB,CAAU;AAAA,YACxB,MAAMa,IAAU,SAASC,IAAW,UAAU;AAAA,YAC9C,IAAI;AAAA,YACJ,IAAI,GAAGK,CAAa;AAAA,YACpB,aAAa1B;AAAA,YACb,aAAa;AAAA,YACb,aAAa;AAAA,YACb,cAAAyB;AAAA,YACA,IAAI;AAAA,YACJ,WAAW;AAAA,cACT,UAAUL,IAAU,SAAY,GAAGY,CAAU;AAAA,YAC/C;AAAA,UACF;AAAA,UACA,KAAApB;AAAA,UAEA,UAAAkB,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,CAAC,IAAI,WAAW,CAAC;AAAA,cAClC,OAAM;AAAA,cACN,OAAOjC,MAAU,YAAYA,IAAQ;AAAA,cACrC,eAAc;AAAA,cACd,eAAc;AAAA,cAEb,UAAAD;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library309.js","sources":["../node_modules/react-dom/index.js"],"sourcesContent":["'use strict';\n\nfunction checkDCE() {\n  /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */\n  if (\n    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined' ||\n    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== 'function'\n  ) {\n    return;\n  }\n  if (process.env.NODE_ENV !== 'production') {\n    // This branch is unreachable because this function is only called\n    // in production, but the condition is true only in development.\n    // Therefore if the branch is still here, dead code elimination wasn't\n    // properly applied.\n    // Don't change the message. React DevTools relies on it. Also make sure\n    // this message doesn't occur elsewhere in this function, or it will cause\n    // a false positive.\n    throw new Error('^_^');\n  }\n  try {\n    // Verify that the code above has been dead code eliminated (DCE'd).\n    __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);\n  } catch (err) {\n    // DevTools shouldn't crash React, no matter what.\n    // We should still report in case we break this code.\n    console.error(err);\n  }\n}\n\nif (process.env.NODE_ENV === 'production') {\n  // DCE check should happen before ReactDOM bundle executes so that\n  // DevTools can report bad minification during injection.\n  checkDCE();\n  module.exports = require('./cjs/react-dom.production.min.js');\n} else {\n  module.exports = require('./cjs/react-dom.development.js');\n}\n"],"names":["checkDCE","err","reactDomModule","require$$0","require$$1"],"mappings":";;;;AAEA,SAASA,IAAW;AAElB,MACE,SAAO,iCAAmC,OAC1C,OAAO,+BAA+B,YAAa,aAIrD;AAAA,QAAI,QAAQ,IAAI,aAAa;AAQ3B,YAAM,IAAI,MAAM,KAAK;AAEvB,QAAI;AAEF,qCAA+B,SAASA,CAAQ;AAAA,IACjD,SAAQC,GAAK;AAGZ,cAAQ,MAAMA,CAAG;AAAA,IAClB;AAAA;AACH;AAEI,QAAQ,IAAI,aAAa,gBAG3BD,KACAE,EAAA,UAAiBC,OAEjBD,EAAA,UAAiBE;;;","x_google_ignoreList":[0]}

package/lib/sd-component-library31.js

@@ -1,77 +1,77 @@
-import { j as o } from "./sd-component-library190.js";
-import { useMemo as j, useRef as w, useEffect as S } from "react";
-import { Label as g } from "@rebass/forms";
-import { Box as h } from "rebass";
-import { useDependantState as z } from "./sd-component-library3.js";
-import { FlexCenter as B } from "./sd-component-library35.js";
-function y(n, e) {
-  return (d) => {
-    const r = d.target.checked ? "checked" : "unchecked";
+import { j as o } from "./sd-component-library191.js";
+import { r as d } from "./sd-component-library188.js";
+import { Label as w } from "@rebass/forms";
+import { Box as p } from "rebass";
+import { useDependantState as S } from "./sd-component-library3.js";
+import { FlexCenter as g } from "./sd-component-library35.js";
+function z(n, e) {
+  return (a) => {
+    const r = a.target.checked ? "checked" : "unchecked";
     e == null || e(r), n(r);
   };
 }
-const R = "10px", s = "20px", a = "5px", f = ({ sx: n, ...e }) => /* @__PURE__ */ o.jsx(
-  h,
+const B = "10px", s = "20px", h = "5px", k = ({ sx: n, ...e }) => /* @__PURE__ */ o.jsx(
+  p,
   {
-    size: R,
+    size: B,
     sx: {
       borderRadius: "2px",
       ...n
     },
     ...e
   }
-), $ = ({
+), q = ({
   children: n,
   onChange: e,
-  value: d = "unchecked",
+  value: a = "unchecked",
   disabled: r = !1,
-  color: p = "cl_blue",
-  bg: i = "cl_transparent",
-  borderWidth: k = "2px",
-  m = "10px",
-  isHoverCheckbox: u = !1
+  color: u = "cl_blue",
+  bg: c = "cl_transparent",
+  borderWidth: m = "2px",
+  m: b = "10px",
+  isHoverCheckbox: l = !1
 }) => {
-  const [t, b] = z(d), x = j(
-    () => r ? "cl_grey" : p,
-    [p, r]
-  ), c = w(null);
-  S(() => {
-    c.current && (c.current.checked = t === "checked", c.current.indeterminate = t === "partial");
+  const [t, C] = S(a), x = d.useMemo(
+    () => r ? "cl_grey" : u,
+    [u, r]
+  ), i = d.useRef(null);
+  d.useEffect(() => {
+    i.current && (i.current.checked = t === "checked", i.current.indeterminate = t === "partial");
   }, [t]);
-  const l = u && t === "unchecked", C = l ? null : t !== "partial" ? /* @__PURE__ */ o.jsx(
-    f,
+  const f = l && t === "unchecked", j = f ? null : t !== "partial" ? /* @__PURE__ */ o.jsx(
+    k,
     {
       sx: {
-        bg: t === "checked" ? x : i
+        bg: t === "checked" ? x : c
       },
       "data-testid": "checkbox-inner-square"
     }
   ) : /* @__PURE__ */ o.jsx(
-    f,
+    k,
     {
       sx: {
         border: "5px solid",
         borderColor: x,
-        borderLeftColor: i,
-        borderTopColor: i
+        borderLeftColor: c,
+        borderTopColor: c
       },
       "data-testid": "checkbox-inner-triangle"
     }
   );
-  return /* @__PURE__ */ o.jsxs(g, { alignItems: "center", "data-testid": "partial-checkbox", children: [
+  return /* @__PURE__ */ o.jsxs(w, { alignItems: "center", "data-testid": "partial-checkbox", children: [
     /* @__PURE__ */ o.jsxs(
-      B,
+      g,
       {
         size: s,
         sx: {
           position: "relative",
-          m,
+          m: b,
           cursor: "pointer",
           flexShrink: 0
         },
         children: [
           /* @__PURE__ */ o.jsx(
-            h,
+            p,
             {
               as: "input",
               type: "checkbox",
@@ -83,36 +83,36 @@ const R = "10px", s = "20px", a = "5px", f = ({ sx: n, ...e }) => /* @__PURE__ *
                 height: 1,
                 overflow: "hidden"
               },
-              onChange: y(b, e),
+              onChange: z(C, e),
               checked: t === "checked",
               disabled: r,
-              ref: c,
+              ref: i,
               "data-testid": "checkbox-input"
             }
           ),
           /* @__PURE__ */ o.jsx(
-            h,
+            p,
             {
               sx: {
                 position: "absolute",
                 left: 0,
                 top: 0,
                 borderRadius: "3px",
-                bg: i,
-                width: l ? a : s,
+                bg: c,
+                width: f ? h : s,
                 height: s,
                 borderColor: x,
                 borderStyle: "solid",
-                borderWidth: k,
-                ...u ? {
+                borderWidth: m,
+                ...l ? {
                   /* Extends the area where hovering works */
                   ":before": {
                     content: "''",
                     position: "absolute",
                     top: 0,
                     bottom: 0,
-                    left: a,
-                    width: `calc(${s} - ${a})`
+                    left: h,
+                    width: `calc(${s} - ${h})`
                   },
                   ":hover": {
                     transition: "width 0.1s ease-in",
@@ -123,7 +123,7 @@ const R = "10px", s = "20px", a = "5px", f = ({ sx: n, ...e }) => /* @__PURE__ *
               "data-testid": "checkbox-outer-square"
             }
           ),
-          C
+          j
         ]
       }
     ),
@@ -131,6 +131,6 @@ const R = "10px", s = "20px", a = "5px", f = ({ sx: n, ...e }) => /* @__PURE__ *
   ] });
 };
 export {
-  $ as PartialCheckbox
+  q as PartialCheckbox
 };
 //# sourceMappingURL=sd-component-library31.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library31.js","sources":["../src/components/checkboxes/partial-checkbox/partial-checkbox.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\n\nimport { Label } from \"@rebass/forms\";\nimport { Box, BoxProps } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { FlexCenter } from \"../../containers\";\nimport { PartialCheckboxProps, PartialCheckboxState } from \"./interfaces\";\n\n/**\n * Wrapper for the change event\n *\n * @param setState The dispatch function to set the state\n * @param callback The call function to run when the event happens\n */\nfunction changeWrapper(\n  setState: React.Dispatch<React.SetStateAction<PartialCheckboxState>>,\n  callback?: (newValue: PartialCheckboxState) => void\n): (event: React.ChangeEvent<HTMLInputElement>) => void {\n  return (event) => {\n    const newValue = event.target.checked ? \"checked\" : \"unchecked\";\n    callback?.(newValue);\n    setState(newValue);\n  };\n}\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nconst InnerBox: React.FC<Pick<BoxProps, \"sx\">> = ({ sx, ...props }) => (\n  <Box\n    size={innerBoxSize}\n    sx={{\n      borderRadius: \"2px\",\n      ...sx,\n    }}\n    {...props}\n  />\n);\n\n/**\n * Checkbox component that supports partially checked state\n * @deprecated use PartialCheckboxV2 instead\n */\nexport const PartialCheckbox: React.FC<PartialCheckboxProps> = ({\n  children,\n  onChange,\n  value = \"unchecked\",\n  disabled = false,\n  color = \"cl_blue\",\n  bg = \"cl_transparent\",\n  borderWidth = \"2px\",\n  m = \"10px\",\n  isHoverCheckbox = false,\n}) => {\n  const [checkboxState, setCheckboxState] =\n    useDependantState<PartialCheckboxState>(value);\n  const checkedBgColor = useMemo(\n    () => (disabled ? \"cl_grey\" : color),\n    [color, disabled]\n  );\n\n  // Checkbox ref\n  const ref = useRef<HTMLInputElement>(null);\n\n  // Update checkbox element properties if state changes\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.checked = checkboxState === \"checked\";\n      ref.current.indeterminate = checkboxState === \"partial\";\n    }\n  }, [checkboxState]);\n\n  const showHoverCheckbox = isHoverCheckbox && checkboxState === \"unchecked\";\n\n  const innerCheckBox = showHoverCheckbox ? null : checkboxState !==\n    \"partial\" ? (\n    <InnerBox\n      sx={{\n        bg: checkboxState === \"checked\" ? checkedBgColor : bg,\n      }}\n      data-testid=\"checkbox-inner-square\"\n    />\n  ) : (\n    <InnerBox\n      sx={{\n        border: \"5px solid\",\n        borderColor: checkedBgColor,\n        borderLeftColor: bg,\n        borderTopColor: bg,\n      }}\n      data-testid=\"checkbox-inner-triangle\"\n    />\n  );\n\n  return (\n    <Label alignItems=\"center\" data-testid=\"partial-checkbox\">\n      <FlexCenter\n        size={outerBoxSize}\n        sx={{\n          position: \"relative\",\n          m,\n          cursor: \"pointer\",\n          flexShrink: 0,\n        }}\n      >\n        <Box\n          as={\"input\"}\n          type={\"checkbox\"}\n          sx={{\n            position: \"absolute\",\n            opacity: 0,\n            zIndex: -1,\n            width: 1,\n            height: 1,\n            overflow: \"hidden\",\n          }}\n          onChange={changeWrapper(setCheckboxState, onChange)}\n          checked={checkboxState === \"checked\"}\n          disabled={disabled}\n          ref={ref}\n          data-testid=\"checkbox-input\"\n        />\n        {/* Outer border of the checkbox */}\n        <Box\n          sx={{\n            position: \"absolute\",\n            left: 0,\n            top: 0,\n            borderRadius: \"3px\",\n            bg,\n            width: showHoverCheckbox ? shrankSize : outerBoxSize,\n            height: outerBoxSize,\n            borderColor: checkedBgColor,\n            borderStyle: \"solid\",\n            borderWidth: borderWidth,\n            ...(isHoverCheckbox\n              ? {\n                  /* Extends the area where hovering works */\n                  \":before\": {\n                    content: \"''\",\n                    position: \"absolute\",\n                    top: 0,\n                    bottom: 0,\n                    left: shrankSize,\n                    width: `calc(${outerBoxSize} - ${shrankSize})`,\n                  },\n                  \":hover\": {\n                    transition: \"width 0.1s ease-in\",\n                    width: outerBoxSize,\n                  },\n                }\n              : {}),\n          }}\n          data-testid=\"checkbox-outer-square\"\n        />\n\n        {innerCheckBox}\n      </FlexCenter>\n\n      {children}\n    </Label>\n  );\n};\n"],"names":["changeWrapper","setState","callback","event","newValue","innerBoxSize","outerBoxSize","shrankSize","InnerBox","sx","props","jsx","Box","PartialCheckbox","children","onChange","value","disabled","color","bg","borderWidth","isHoverCheckbox","checkboxState","setCheckboxState","useDependantState","checkedBgColor","useMemo","ref","useRef","useEffect","showHoverCheckbox","innerCheckBox","jsxs","Label","FlexCenter"],"mappings":"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"}
+{"version":3,"file":"sd-component-library31.js","sources":["../src/components/checkboxes/partial-checkbox/partial-checkbox.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from \"react\";\n\nimport { Label } from \"@rebass/forms\";\nimport { Box, BoxProps } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { FlexCenter } from \"../../containers\";\nimport { PartialCheckboxProps, PartialCheckboxState } from \"./interfaces\";\n\n/**\n * Wrapper for the change event\n *\n * @param setState The dispatch function to set the state\n * @param callback The call function to run when the event happens\n */\nfunction changeWrapper(\n  setState: React.Dispatch<React.SetStateAction<PartialCheckboxState>>,\n  callback?: (newValue: PartialCheckboxState) => void\n): (event: React.ChangeEvent<HTMLInputElement>) => void {\n  return (event) => {\n    const newValue = event.target.checked ? \"checked\" : \"unchecked\";\n    callback?.(newValue);\n    setState(newValue);\n  };\n}\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\nconst InnerBox: React.FC<Pick<BoxProps, \"sx\">> = ({ sx, ...props }) => (\n  <Box\n    size={innerBoxSize}\n    sx={{\n      borderRadius: \"2px\",\n      ...sx,\n    }}\n    {...props}\n  />\n);\n\n/**\n * Checkbox component that supports partially checked state\n * @deprecated use PartialCheckboxV2 instead\n */\nexport const PartialCheckbox: React.FC<PartialCheckboxProps> = ({\n  children,\n  onChange,\n  value = \"unchecked\",\n  disabled = false,\n  color = \"cl_blue\",\n  bg = \"cl_transparent\",\n  borderWidth = \"2px\",\n  m = \"10px\",\n  isHoverCheckbox = false,\n}) => {\n  const [checkboxState, setCheckboxState] =\n    useDependantState<PartialCheckboxState>(value);\n  const checkedBgColor = useMemo(\n    () => (disabled ? \"cl_grey\" : color),\n    [color, disabled]\n  );\n\n  // Checkbox ref\n  const ref = useRef<HTMLInputElement>(null);\n\n  // Update checkbox element properties if state changes\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.checked = checkboxState === \"checked\";\n      ref.current.indeterminate = checkboxState === \"partial\";\n    }\n  }, [checkboxState]);\n\n  const showHoverCheckbox = isHoverCheckbox && checkboxState === \"unchecked\";\n\n  const innerCheckBox = showHoverCheckbox ? null : checkboxState !==\n    \"partial\" ? (\n    <InnerBox\n      sx={{\n        bg: checkboxState === \"checked\" ? checkedBgColor : bg,\n      }}\n      data-testid=\"checkbox-inner-square\"\n    />\n  ) : (\n    <InnerBox\n      sx={{\n        border: \"5px solid\",\n        borderColor: checkedBgColor,\n        borderLeftColor: bg,\n        borderTopColor: bg,\n      }}\n      data-testid=\"checkbox-inner-triangle\"\n    />\n  );\n\n  return (\n    <Label alignItems=\"center\" data-testid=\"partial-checkbox\">\n      <FlexCenter\n        size={outerBoxSize}\n        sx={{\n          position: \"relative\",\n          m,\n          cursor: \"pointer\",\n          flexShrink: 0,\n        }}\n      >\n        <Box\n          as={\"input\"}\n          type={\"checkbox\"}\n          sx={{\n            position: \"absolute\",\n            opacity: 0,\n            zIndex: -1,\n            width: 1,\n            height: 1,\n            overflow: \"hidden\",\n          }}\n          onChange={changeWrapper(setCheckboxState, onChange)}\n          checked={checkboxState === \"checked\"}\n          disabled={disabled}\n          ref={ref}\n          data-testid=\"checkbox-input\"\n        />\n        {/* Outer border of the checkbox */}\n        <Box\n          sx={{\n            position: \"absolute\",\n            left: 0,\n            top: 0,\n            borderRadius: \"3px\",\n            bg,\n            width: showHoverCheckbox ? shrankSize : outerBoxSize,\n            height: outerBoxSize,\n            borderColor: checkedBgColor,\n            borderStyle: \"solid\",\n            borderWidth: borderWidth,\n            ...(isHoverCheckbox\n              ? {\n                  /* Extends the area where hovering works */\n                  \":before\": {\n                    content: \"''\",\n                    position: \"absolute\",\n                    top: 0,\n                    bottom: 0,\n                    left: shrankSize,\n                    width: `calc(${outerBoxSize} - ${shrankSize})`,\n                  },\n                  \":hover\": {\n                    transition: \"width 0.1s ease-in\",\n                    width: outerBoxSize,\n                  },\n                }\n              : {}),\n          }}\n          data-testid=\"checkbox-outer-square\"\n        />\n\n        {innerCheckBox}\n      </FlexCenter>\n\n      {children}\n    </Label>\n  );\n};\n"],"names":["changeWrapper","setState","callback","event","newValue","innerBoxSize","outerBoxSize","shrankSize","InnerBox","sx","props","jsx","Box","PartialCheckbox","children","onChange","value","disabled","color","bg","borderWidth","m","isHoverCheckbox","checkboxState","setCheckboxState","useDependantState","checkedBgColor","useMemo","ref","useRef","useEffect","showHoverCheckbox","innerCheckBox","jsxs","Label","FlexCenter"],"mappings":";;;;;;AAeA,SAASA,EACPC,GACAC,GACsD;AACtD,SAAO,CAACC,MAAU;AAChB,UAAMC,IAAWD,EAAM,OAAO,UAAU,YAAY;AACpD,IAAAD,KAAA,QAAAA,EAAWE,IACXH,EAASG,CAAQ;AAAA,EAAA;AAErB;AAEA,MAAMC,IAAe,QACfC,IAAe,QAEfC,IAAa,OAEbC,IAA2C,CAAC,EAAE,IAAAC,GAAI,GAAGC,EACzD,MAAAC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAMP;AAAA,IACN,IAAI;AAAA,MACF,cAAc;AAAA,MACd,GAAGI;AAAA,IACL;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,GAOWG,IAAkD,CAAC;AAAA,EAC9D,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,IAAAC,IAAK;AAAA,EACL,aAAAC,IAAc;AAAA,EACd,GAAAC,IAAI;AAAA,EACJ,iBAAAC,IAAkB;AACpB,MAAM;AACJ,QAAM,CAACC,GAAeC,CAAgB,IACpCC,EAAwCT,CAAK,GACzCU,IAAiBC,EAAA;AAAA,IACrB,MAAOV,IAAW,YAAYC;AAAA,IAC9B,CAACA,GAAOD,CAAQ;AAAA,EAAA,GAIZW,IAAMC,SAAyB,IAAI;AAGzCC,EAAAA,EAAAA,UAAU,MAAM;AACd,IAAIF,EAAI,YACFA,EAAA,QAAQ,UAAUL,MAAkB,WACpCK,EAAA,QAAQ,gBAAgBL,MAAkB;AAAA,EAChD,GACC,CAACA,CAAa,CAAC;AAEZ,QAAAQ,IAAoBT,KAAmBC,MAAkB,aAEzDS,IAAgBD,IAAoB,OAAOR,MAC/C,YACAZ,gBAAAA,EAAA;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,IAAIe,MAAkB,YAAYG,IAAiBP;AAAA,MACrD;AAAA,MACA,eAAY;AAAA,IAAA;AAAA,EAAA,IAGdR,gBAAAA,EAAA;AAAA,IAACH;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,QAAQ;AAAA,QACR,aAAakB;AAAA,QACb,iBAAiBP;AAAA,QACjB,gBAAgBA;AAAA,MAClB;AAAA,MACA,eAAY;AAAA,IAAA;AAAA,EAAA;AAIhB,SACGc,gBAAAA,EAAAA,KAAAC,GAAA,EAAM,YAAW,UAAS,eAAY,oBACrC,UAAA;AAAA,IAAAD,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAM7B;AAAA,QACN,IAAI;AAAA,UACF,UAAU;AAAA,UACV,GAAAe;AAAA,UACA,QAAQ;AAAA,UACR,YAAY;AAAA,QACd;AAAA,QAEA,UAAA;AAAA,UAAAV,gBAAAA,EAAA;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,MAAM;AAAA,cACN,IAAI;AAAA,gBACF,UAAU;AAAA,gBACV,SAAS;AAAA,gBACT,QAAQ;AAAA,gBACR,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,UAAU;AAAA,cACZ;AAAA,cACA,UAAUZ,EAAcwB,GAAkBT,CAAQ;AAAA,cAClD,SAASQ,MAAkB;AAAA,cAC3B,UAAAN;AAAA,cACA,KAAAW;AAAA,cACA,eAAY;AAAA,YAAA;AAAA,UACd;AAAA,UAEAjB,gBAAAA,EAAA;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,gBACF,UAAU;AAAA,gBACV,MAAM;AAAA,gBACN,KAAK;AAAA,gBACL,cAAc;AAAA,gBACd,IAAAO;AAAA,gBACA,OAAOY,IAAoBxB,IAAaD;AAAA,gBACxC,QAAQA;AAAA,gBACR,aAAaoB;AAAA,gBACb,aAAa;AAAA,gBACb,aAAAN;AAAA,gBACA,GAAIE,IACA;AAAA;AAAA,kBAEE,WAAW;AAAA,oBACT,SAAS;AAAA,oBACT,UAAU;AAAA,oBACV,KAAK;AAAA,oBACL,QAAQ;AAAA,oBACR,MAAMf;AAAA,oBACN,OAAO,QAAQD,CAAY,MAAMC,CAAU;AAAA,kBAC7C;AAAA,kBACA,UAAU;AAAA,oBACR,YAAY;AAAA,oBACZ,OAAOD;AAAA,kBACT;AAAA,gBAAA,IAEF,CAAC;AAAA,cACP;AAAA,cACA,eAAY;AAAA,YAAA;AAAA,UACd;AAAA,UAEC0B;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,IAEClB;AAAA,EACH,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library310.js

@@ -1,54 +1,7 @@
-import { j as t } from "./sd-component-library190.js";
-import x from "react";
-import u from "./sd-component-library189.js";
-import { getIsHorizontal as j, getRangeProperties as p } from "./sd-component-library228.js";
-import { OutlineMeterRange as M } from "./sd-component-library232.js";
-import { LabelPointer as b } from "./sd-component-library320.js";
-const A = x.forwardRef(
-  (e, r) => {
-    const {
-      segmented: o,
-      diameter: n,
-      arc: a,
-      totalRanges: i,
-      distanceBetweenRanges: s,
-      start: m,
-      end: c,
-      idx: d,
-      hideLabels: l,
-      isMatchedRange: g
-    } = e, f = !o, R = n / 2, { rangeArcMiddle: h } = p(
-      a,
-      i,
-      s,
-      d,
-      m,
-      c
-    );
-    return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsx(
-        M,
-        {
-          ...e,
-          hideLabels: !0,
-          connected: f,
-          ref: r
-        }
-      ),
-      !l && !g && /* @__PURE__ */ t.jsx(
-        b,
-        {
-          ...e,
-          radius: R,
-          color: u.colors.cl_lightGrey,
-          alpha: h,
-          horizontal: j(e)
-        }
-      )
-    ] });
-  }
-);
+const a = {
+  disabled: !1
+};
 export {
-  A as SmileyMeterRange
+  a as default
 };
 //# sourceMappingURL=sd-component-library310.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library310.js","sources":["../src/components/meters/smiley-meter-v2/partials/smiley-meter-range/smiley-meter-range.tsx"],"sourcesContent":["import React from \"react\";\n\nimport theme from \"../../../../../core/theme\";\nimport { LabelPointer } from \"../../../common-outline-meter-partials\";\nimport { OutlineMeterRange } from \"../../../outline-meter/partials/outline-meter-range\";\nimport { getIsHorizontal, getRangeProperties } from \"../../utils\";\nimport { SmileyMeterRangeProps as Props } from \"./interfaces\";\n\nexport const SmileyMeterRange = React.forwardRef<SVGCircleElement, Props>(\n  (props, pointRef) => {\n    const {\n      segmented,\n      diameter,\n      arc,\n      totalRanges,\n      distanceBetweenRanges,\n      start,\n      end,\n      idx,\n      hideLabels,\n      isMatchedRange,\n    } = props;\n\n    const needConnection = !segmented;\n\n    const radius = diameter / 2;\n\n    const { rangeArcMiddle: alpha } = getRangeProperties(\n      arc,\n      totalRanges,\n      distanceBetweenRanges,\n      idx,\n      start,\n      end\n    );\n\n    return (\n      <>\n        <OutlineMeterRange\n          {...props}\n          hideLabels\n          connected={needConnection}\n          ref={pointRef}\n        />\n\n        {!hideLabels && !isMatchedRange && (\n          <LabelPointer\n            {...props}\n            radius={radius}\n            color={theme.colors.cl_lightGrey}\n            alpha={alpha}\n            horizontal={getIsHorizontal(props)}\n          />\n        )}\n      </>\n    );\n  }\n);\n"],"names":["SmileyMeterRange","React","props","pointRef","segmented","diameter","arc","totalRanges","distanceBetweenRanges","start","end","idx","hideLabels","isMatchedRange","needConnection","radius","alpha","getRangeProperties","jsxs","Fragment","jsx","OutlineMeterRange","LabelPointer","theme","getIsHorizontal"],"mappings":";;;;;;AAQO,MAAMA,IAAmBC,EAAM;AAAA,EACpC,CAACC,GAAOC,MAAa;AACb,UAAA;AAAA,MACJ,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,KAAAC;AAAA,MACA,aAAAC;AAAA,MACA,uBAAAC;AAAA,MACA,OAAAC;AAAA,MACA,KAAAC;AAAA,MACA,KAAAC;AAAA,MACA,YAAAC;AAAA,MACA,gBAAAC;AAAA,IACE,IAAAX,GAEEY,IAAiB,CAACV,GAElBW,IAASV,IAAW,GAEpB,EAAE,gBAAgBW,EAAA,IAAUC;AAAA,MAChCX;AAAA,MACAC;AAAA,MACAC;AAAA,MACAG;AAAA,MACAF;AAAA,MACAC;AAAA,IAAA;AAGF,WAEIQ,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACE,GAAGnB;AAAA,UACJ,YAAU;AAAA,UACV,WAAWY;AAAA,UACX,KAAKX;AAAA,QAAA;AAAA,MACP;AAAA,MAEC,CAACS,KAAc,CAACC,KACfO,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACE,GAAGpB;AAAA,UACJ,QAAAa;AAAA,UACA,OAAOQ,EAAM,OAAO;AAAA,UACpB,OAAAP;AAAA,UACA,YAAYQ,EAAgBtB,CAAK;AAAA,QAAA;AAAA,MACnC;AAAA,IAEJ,EAAA,CAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"sd-component-library310.js","sources":["../node_modules/react-transition-group/esm/config.js"],"sourcesContent":["export default {\n  disabled: false\n};"],"names":["config"],"mappings":"AAAA,MAAeA,IAAA;AAAA,EACb,UAAU;AACZ;","x_google_ignoreList":[0]}

package/lib/sd-component-library311.js

@@ -1,38 +1,22 @@
-import { j as t } from "./sd-component-library190.js";
-const h = (n) => {
-  const {
-    color: s,
-    innerCircleRadius: $,
-    innerCircleStrokeWidth: d,
-    dx: i,
-    dy: r,
-    radius: e,
-    tipX: l,
-    tipY: o,
-    needleWidth: c
-  } = n;
-  return /* @__PURE__ */ t.jsxs("g", { children: [
-    /* @__PURE__ */ t.jsx(
-      "path",
-      {
-        d: `M${l - i},${o - r} A${c / 2},${c / 2} 0 0,0 ${l + i},${o + r} L${e + i},${e + r} L${e - i},${e - r} Z`,
-        fill: s
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      "circle",
-      {
-        cx: e,
-        cy: e,
-        r: $ + d,
-        strokeWidth: d,
-        stroke: s,
-        fill: "white"
-      }
-    )
-  ] });
-};
+import e from "./sd-component-library292.js";
+var n = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
+  enter: e.number,
+  exit: e.number,
+  appear: e.number
+}).isRequired]) : null;
+process.env.NODE_ENV !== "production" && e.oneOfType([e.string, e.shape({
+  enter: e.string,
+  exit: e.string,
+  active: e.string
+}), e.shape({
+  enter: e.string,
+  enterDone: e.string,
+  enterActive: e.string,
+  exit: e.string,
+  exitDone: e.string,
+  exitActive: e.string
+})]);
 export {
-  h as BaseNeedle
+  n as timeoutsShape
 };
 //# sourceMappingURL=sd-component-library311.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library311.js","sources":["../src/components/meters/outline-meter/partials/base-needle/base-needle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { BaseNeedleProps as Props } from \"./interfaces\";\n\nexport const BaseNeedle: React.FC<Props> = (props) => {\n  const {\n    color,\n    innerCircleRadius,\n    innerCircleStrokeWidth,\n    dx,\n    dy,\n    radius,\n    tipX,\n    tipY,\n    needleWidth,\n  } = props;\n\n  return (\n    <g>\n      <path\n        d={`M${tipX - dx},${tipY - dy} A${needleWidth / 2},${\n          needleWidth / 2\n        } 0 0,0 ${tipX + dx},${tipY + dy} L${radius + dx},${radius + dy} L${\n          radius - dx\n        },${radius - dy} Z`}\n        fill={color}\n      />\n      <circle\n        cx={radius}\n        cy={radius}\n        r={innerCircleRadius + innerCircleStrokeWidth}\n        strokeWidth={innerCircleStrokeWidth}\n        stroke={color}\n        fill=\"white\"\n      />\n    </g>\n  );\n};\n"],"names":["BaseNeedle","props","color","innerCircleRadius","innerCircleStrokeWidth","dx","dy","radius","tipX","tipY","needleWidth","jsx"],"mappings":";AAIa,MAAAA,IAA8B,CAACC,MAAU;AAC9C,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,aAAAC;AAAA,EACE,IAAAT;AAEJ,gCACG,KACC,EAAA,UAAA;AAAA,IAAAU,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,GAAG,IAAIH,IAAOH,CAAE,IAAII,IAAOH,CAAE,KAAKI,IAAc,CAAC,IAC/CA,IAAc,CAChB,UAAUF,IAAOH,CAAE,IAAII,IAAOH,CAAE,KAAKC,IAASF,CAAE,IAAIE,IAASD,CAAE,KAC7DC,IAASF,CACX,IAAIE,IAASD,CAAE;AAAA,QACf,MAAMJ;AAAA,MAAA;AAAA,IACR;AAAA,IACAS,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAIJ;AAAA,QACJ,IAAIA;AAAA,QACJ,GAAGJ,IAAoBC;AAAA,QACvB,aAAaA;AAAA,QACb,QAAQF;AAAA,QACR,MAAK;AAAA,MAAA;AAAA,IACP;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library311.js","sources":["../node_modules/react-transition-group/esm/utils/PropTypes.js"],"sourcesContent":["import PropTypes from 'prop-types';\nexport var timeoutsShape = process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.number, PropTypes.shape({\n  enter: PropTypes.number,\n  exit: PropTypes.number,\n  appear: PropTypes.number\n}).isRequired]) : null;\nexport var classNamesShape = process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.string, PropTypes.shape({\n  enter: PropTypes.string,\n  exit: PropTypes.string,\n  active: PropTypes.string\n}), PropTypes.shape({\n  enter: PropTypes.string,\n  enterDone: PropTypes.string,\n  enterActive: PropTypes.string,\n  exit: PropTypes.string,\n  exitDone: PropTypes.string,\n  exitActive: PropTypes.string\n})]) : null;"],"names":["timeoutsShape","PropTypes"],"mappings":";AACU,IAACA,IAAgB,QAAQ,IAAI,aAAa,eAAeC,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,MAAM;AAAA,EACxH,OAAOA,EAAU;AAAA,EACjB,MAAMA,EAAU;AAAA,EAChB,QAAQA,EAAU;AACpB,CAAC,EAAE,UAAU,CAAC,IAAI;AACW,QAAQ,IAAI,aAAa,gBAAeA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,MAAM;AAAA,EAC1H,OAAOA,EAAU;AAAA,EACjB,MAAMA,EAAU;AAAA,EAChB,QAAQA,EAAU;AACpB,CAAC,GAAGA,EAAU,MAAM;AAAA,EAClB,OAAOA,EAAU;AAAA,EACjB,WAAWA,EAAU;AAAA,EACrB,aAAaA,EAAU;AAAA,EACvB,MAAMA,EAAU;AAAA,EAChB,UAAUA,EAAU;AAAA,EACpB,YAAYA,EAAU;AACxB,CAAC,CAAC,CAAC;","x_google_ignoreList":[0]}

package/lib/sd-component-library312.js

@@ -1,28 +1,6 @@
-import { j as x } from "./sd-component-library190.js";
-import { getInnerX as u, degToRad as r, getInnerY as i } from "./sd-component-library86.js";
-const j = (p) => {
-  const {
-    startX: $,
-    startY: e,
-    endX: a,
-    endY: d,
-    radius: n,
-    color: A,
-    width: t,
-    roundStart: l = !0,
-    roundEnd: I = !0,
-    startAlpha: o,
-    endAlpha: s
-  } = p, c = s - o, m = u($, r(o), t), X = i(e, r(o), t), Y = u(a, r(s), t), h = i(d, r(s), t);
-  return /* @__PURE__ */ x.jsx(
-    "path",
-    {
-      d: `M${$},${e} A${n},${n} 0 ${c > 180 ? "1" : "0"},1 ${a},${d} ${I ? `A${t / 2},${t / 2} 0 0,1 ` : "L"}${Y},${h} A${n - t},${n - t} 0 ${c > 180 ? "1" : "0"},0 ${m},${X} ${l ? `A${t / 2},${t / 2} 0 0,1 ` : "L"}${$},${e}`,
-      fill: A
-    }
-  );
-};
+import t from "./sd-component-library188.js";
+const e = t.createContext(null);
 export {
-  j as BaseOutlineArc
+  e as default
 };
 //# sourceMappingURL=sd-component-library312.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library312.js","sources":["../src/components/meters/outline-meter/partials/base-outline-arc/base-outline-arc.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { degToRad, getInnerX, getInnerY } from \"../../utils\";\nimport { BaseOutlineArcProps as Props } from \"./interfaces\";\n\nexport const BaseOutlineArc: React.FC<Props> = (props) => {\n  const {\n    startX,\n    startY,\n    endX,\n    endY,\n    radius,\n    color,\n    width,\n    roundStart = true,\n    roundEnd = true,\n    startAlpha,\n    endAlpha,\n  } = props;\n\n  const arc = endAlpha - startAlpha;\n\n  const startInnerX = getInnerX(startX, degToRad(startAlpha), width);\n  const startInnerY = getInnerY(startY, degToRad(startAlpha), width);\n\n  const endInnerX = getInnerX(endX, degToRad(endAlpha), width);\n  const endInnerY = getInnerY(endY, degToRad(endAlpha), width);\n\n  return (\n    <path\n      d={`M${startX},${startY} A${radius},${radius} 0 ${\n        arc > 180 ? \"1\" : \"0\"\n      },1 ${endX},${endY} ${\n        roundEnd ? `A${width / 2},${width / 2} 0 0,1 ` : \"L\"\n      }${endInnerX},${endInnerY} A${radius - width},${radius - width} 0 ${\n        arc > 180 ? \"1\" : \"0\"\n      },0 ${startInnerX},${startInnerY} ${\n        roundStart ? `A${width / 2},${width / 2} 0 0,1 ` : \"L\"\n      }${startX},${startY}`}\n      fill={color}\n    />\n  );\n};\n"],"names":["BaseOutlineArc","props","startX","startY","endX","endY","radius","color","width","roundStart","roundEnd","startAlpha","endAlpha","arc","startInnerX","getInnerX","degToRad","startInnerY","getInnerY","endInnerX","endInnerY","jsx"],"mappings":";;AAKa,MAAAA,IAAkC,CAACC,MAAU;AAClD,QAAA;AAAA,IACJ,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,UAAAC,IAAW;AAAA,IACX,YAAAC;AAAA,IACA,UAAAC;AAAA,EACE,IAAAX,GAEEY,IAAMD,IAAWD,GAEjBG,IAAcC,EAAUb,GAAQc,EAASL,CAAU,GAAGH,CAAK,GAC3DS,IAAcC,EAAUf,GAAQa,EAASL,CAAU,GAAGH,CAAK,GAE3DW,IAAYJ,EAAUX,GAAMY,EAASJ,CAAQ,GAAGJ,CAAK,GACrDY,IAAYF,EAAUb,GAAMW,EAASJ,CAAQ,GAAGJ,CAAK;AAGzD,SAAAa,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAG,IAAInB,CAAM,IAAIC,CAAM,KAAKG,CAAM,IAAIA,CAAM,MAC1CO,IAAM,MAAM,MAAM,GACpB,MAAMT,CAAI,IAAIC,CAAI,IAChBK,IAAW,IAAIF,IAAQ,CAAC,IAAIA,IAAQ,CAAC,YAAY,GACnD,GAAGW,CAAS,IAAIC,CAAS,KAAKd,IAASE,CAAK,IAAIF,IAASE,CAAK,MAC5DK,IAAM,MAAM,MAAM,GACpB,MAAMC,CAAW,IAAIG,CAAW,IAC9BR,IAAa,IAAID,IAAQ,CAAC,IAAIA,IAAQ,CAAC,YAAY,GACrD,GAAGN,CAAM,IAAIC,CAAM;AAAA,MACnB,MAAMI;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"sd-component-library312.js","sources":["../node_modules/react-transition-group/esm/TransitionGroupContext.js"],"sourcesContent":["import React from 'react';\nexport default React.createContext(null);"],"names":["TransitionGroupContext","React"],"mappings":";AACA,MAAAA,IAAeC,EAAM,cAAc,IAAI;","x_google_ignoreList":[0]}

package/lib/sd-component-library313.js

@@ -1,8 +1,5 @@
-const p = (c, r, n, t) => {
-  const o = c - (r - 1) * n, s = t / r, e = (t + 1) / r, a = (360 - c) / 2 + n * t + o * s, S = a + o * (e - s);
-  return { rangeArcStart: a, rangeArcEnd: S };
-};
+var r = {};
 export {
-  p as getRangeProperties
+  r as __exports
 };
 //# sourceMappingURL=sd-component-library313.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library313.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/utils.ts"],"sourcesContent":["export const getRangeProperties = (\n  arc: number,\n  totalRanges: number,\n  distanceBetweenRanges: number,\n  idx: number\n) => {\n  const arcForRanges = arc - (totalRanges - 1) * distanceBetweenRanges;\n\n  const start = idx / totalRanges;\n  const end = (idx + 1) / totalRanges;\n\n  const arcStart = (360 - arc) / 2; // deg\n\n  const rangeArcStart =\n    arcStart + distanceBetweenRanges * idx + arcForRanges * start;\n\n  const rangeArcEnd = rangeArcStart + arcForRanges * (end - start);\n\n  return { rangeArcStart, rangeArcEnd };\n};\n"],"names":["getRangeProperties","arc","totalRanges","distanceBetweenRanges","idx","arcForRanges","start","end","rangeArcStart","rangeArcEnd"],"mappings":"AAAO,MAAMA,IAAqB,CAChCC,GACAC,GACAC,GACAC,MACG;AACG,QAAAC,IAAeJ,KAAOC,IAAc,KAAKC,GAEzCG,IAAQF,IAAMF,GACdK,KAAOH,IAAM,KAAKF,GAIlBM,KAFY,MAAMP,KAAO,IAGlBE,IAAwBC,IAAMC,IAAeC,GAEpDG,IAAcD,IAAgBH,KAAgBE,IAAMD;AAEnD,SAAA,EAAE,eAAAE,GAAe,aAAAC;AAC1B;"}
+{"version":3,"file":"sd-component-library313.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/sd-component-library314.js

@@ -1,7 +1,5 @@
-import { j as e } from "./sd-component-library190.js";
-import { LabelPointer as t } from "./sd-component-library320.js";
-const s = (r) => /* @__PURE__ */ e.jsx(t, { ...r });
+var e = {};
 export {
-  s as DiscreteMeterLabelPointer
+  e as __exports
 };
 //# sourceMappingURL=sd-component-library314.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library314.js","sources":["../src/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-label-pointer/discrete-meter-label-pointer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { LabelPointer } from \"../../../common-outline-meter-partials\";\nimport { DiscreteMeterLabelPointerProps as Props } from \"./interfaces\";\n\nexport const DiscreteMeterLabelPointer: React.FC<Props> = (props) => {\n  return <LabelPointer {...props} />;\n};\n"],"names":["DiscreteMeterLabelPointer","props","jsx","LabelPointer"],"mappings":";;AAKa,MAAAA,IAA6C,CAACC,MAClDC,gBAAAA,EAAA,IAACC,GAAc,EAAA,GAAGF,EAAO,CAAA;"}
+{"version":3,"file":"sd-component-library314.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/sd-component-library315.js

@@ -1,37 +1,9 @@
-import { j as i } from "./sd-component-library190.js";
-import { ResponsiveTextV2 as n } from "./sd-component-library144.js";
-const s = (o) => {
-  const { currentSelection: e, title: r, onClick: t } = o;
-  return /* @__PURE__ */ i.jsx(
-    n,
-    {
-      fontSizeWeight: [[14, e ? "bold" : "regular"]],
-      onClick: t,
-      sx: {
-        height: "46px",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "flex-end",
-        pr: "25px",
-        pl: "10px",
-        ...e ? {
-          cursor: "default"
-        } : {
-          borderTopStyle: "solid",
-          borderWidth: "1px",
-          borderColor: "cl_headerLine",
-          cursor: "pointer",
-          opacity: 0.8,
-          ":hover": {
-            opacity: 1
-          }
-        }
-      },
-      children: r
-    }
-  );
-};
+function e(o, r) {
+  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, f) {
+    return t.__proto__ = f, t;
+  }, e(o, r);
+}
 export {
-  s as OptionRow
+  e as default
 };
 //# sourceMappingURL=sd-component-library315.js.map