@selfdecode/sd-component-library 4.0.147 → 4.0.148

package/lib/sd-component-library25.js

@@ -1,47 +1,124 @@
-import { j as B } from "./sd-component-library197.js";
-import { Button as C } from "./sd-component-library24.js";
-const m = (r) => {
-  const {
-    v1: h,
-    disabled: o,
-    borderRadius: a = h ? "0" : "5px",
-    borderWidth: e = "2px",
-    borderColor: s,
-    color: t,
-    bg: b,
-    hoverBorderColor: c,
-    hoverColor: l,
-    hoverBg: v,
-    disabledBg: d = "cl_grey",
-    disabledColor: i = "cl_white",
-    children: g,
-    height: n = "42px"
-  } = r;
-  return /* @__PURE__ */ B.jsx(
-    C,
-    {
-      "data-testid": "cta-button",
-      ...r,
-      variant: "_cta",
-      borderRadius: a,
-      height: n,
-      bg: o ? d : b,
-      color: o ? i : t,
-      fill: t,
-      borderStyle: "solid",
-      borderWidth: e,
-      borderColor: o ? "cl_grey" : s,
-      hoverBg: o ? d : v,
-      hoverColor: o ? i : l,
-      hoverFill: l,
-      hoverBorderStyle: "solid",
-      hoverBorderWidth: e,
-      hoverBorderColor: o ? "cl_grey" : c,
-      children: g
-    }
-  );
+import { j as o } from "./sd-component-library169.js";
+import { Label as m } from "@rebass/forms";
+import { Box as d } from "rebass";
+import { useDependantState as g } from "./sd-component-library3.js";
+import { generateTestLocator as w } from "./sd-component-library4.js";
+import { FlexCenter as k } from "./sd-component-library30.js";
+function y(s, e) {
+  return (n) => {
+    const t = n.target.checked;
+    e == null || e(t), s(t);
+  };
+}
+const C = "10px", r = "20px", j = "5px", R = ({
+  children: s,
+  onChange: e,
+  checked: n,
+  disabled: t,
+  color: p = "cl_blue",
+  bg: a = "cl_white",
+  borderWidth: c = "1px",
+  m: h = "10px",
+  width: u = ["100%"],
+  isHoverCheckbox: b = !1,
+  testLocatorId: l
+}) => {
+  const [x, f] = g(!!n), i = b && !x;
+  return /* @__PURE__ */ o.jsxs(m, { sx: { alignItems: "center", width: u }, "data-testid": "checkbox", children: [
+    /* @__PURE__ */ o.jsxs(
+      k,
+      {
+        size: r,
+        sx: {
+          position: "relative",
+          m: h,
+          cursor: t ? "default" : "pointer",
+          flexShrink: 0
+        },
+        children: [
+          /* @__PURE__ */ o.jsx(
+            d,
+            {
+              as: "input",
+              type: "checkbox",
+              sx: {
+                position: "absolute",
+                opacity: 0,
+                zIndex: -1,
+                width: 1,
+                height: 1,
+                overflow: "hidden"
+              },
+              onChange: y(f, e),
+              checked: x,
+              disabled: t || !1,
+              "data-testid": "checkbox-input",
+              ...w(l)
+            }
+          ),
+          /* @__PURE__ */ o.jsx(
+            d,
+            {
+              sx: {
+                transition: "width 0.1s ease-in",
+                position: "absolute",
+                left: "0px",
+                top: "0px",
+                borderRadius: "3px",
+                bg: a,
+                width: i ? j : r,
+                height: r,
+                borderColor: p,
+                borderStyle: "solid",
+                borderWidth: c,
+                "input:disabled ~ &": {
+                  borderColor: "cl_grey",
+                  borderStyle: "dotted"
+                },
+                /* Extends the area where hovering works */
+                ":before": i ? {
+                  content: "''",
+                  position: "absolute",
+                  top: "0px",
+                  bottom: "0px",
+                  left: "5px",
+                  width: "20px"
+                } : "",
+                ":hover": i ? {
+                  transition: "width 0.1s ease-in",
+                  width: r
+                } : ""
+              },
+              "data-testid": "checkbox-outer-square"
+            }
+          ),
+          !i && /* @__PURE__ */ o.jsx(
+            d,
+            {
+              size: C,
+              sx: {
+                borderRadius: "2px",
+                bg: "cl_white",
+                opacity: 0,
+                zIndex: 1,
+                "input:checked ~ &": {
+                  bg: p,
+                  opacity: 1
+                },
+                "input:disabled ~ &": {
+                  bg: "cl_grey"
+                }
+              },
+              "data-testid": "checkbox-inner-square"
+            }
+          )
+        ]
+      }
+    ),
+    s
+  ] });
 };
 export {
-  m as CtaButton
+  R as Checkbox
 };
 //# sourceMappingURL=sd-component-library25.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library25.js","sources":["../src/components/buttons/cta/cta-button/cta-button.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Button } from \"../../button\";\nimport { CtaButtonProps } from \"./interfaces\";\n\n/**\n * The cta button.\n */\nexport const CtaButton: React.FC<CtaButtonProps> = (props) => {\n  const {\n    v1,\n    disabled,\n    borderRadius = v1 ? \"0\" : \"5px\",\n    borderWidth = \"2px\",\n    borderColor,\n    color,\n    bg,\n    hoverBorderColor,\n    hoverColor,\n    hoverBg,\n    disabledBg = \"cl_grey\",\n    disabledColor = \"cl_white\",\n    children,\n    height = \"42px\",\n  } = props;\n\n  return (\n    <Button\n      data-testid=\"cta-button\"\n      {...props}\n      variant=\"_cta\"\n      borderRadius={borderRadius}\n      height={height}\n      bg={disabled ? disabledBg : bg}\n      color={disabled ? disabledColor : color}\n      fill={color}\n      borderStyle=\"solid\"\n      borderWidth={borderWidth}\n      borderColor={disabled ? \"cl_grey\" : borderColor}\n      hoverBg={disabled ? disabledBg : hoverBg}\n      hoverColor={disabled ? disabledColor : hoverColor}\n      hoverFill={hoverColor}\n      hoverBorderStyle=\"solid\"\n      hoverBorderWidth={borderWidth}\n      hoverBorderColor={disabled ? \"cl_grey\" : hoverBorderColor}\n    >\n      {children}\n    </Button>\n  );\n};\n"],"names":["CtaButton","props","v1","disabled","borderRadius","borderWidth","borderColor","color","bg","hoverBorderColor","hoverColor","hoverBg","disabledBg","disabledColor","children","height","jsx","Button"],"mappings":";;AAQa,MAAAA,IAAsC,CAACC,MAAU;AACtD,QAAA;AAAA,IACJ,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC,IAAeF,IAAK,MAAM;AAAA,IAC1B,aAAAG,IAAc;AAAA,IACd,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,IAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,eAAAC,IAAgB;AAAA,IAChB,UAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,EACP,IAAAd;AAGF,SAAAe,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACX,GAAGhB;AAAA,MACJ,SAAQ;AAAA,MACR,cAAAG;AAAA,MACA,QAAAW;AAAA,MACA,IAAIZ,IAAWS,IAAaJ;AAAA,MAC5B,OAAOL,IAAWU,IAAgBN;AAAA,MAClC,MAAMA;AAAA,MACN,aAAY;AAAA,MACZ,aAAAF;AAAA,MACA,aAAaF,IAAW,YAAYG;AAAA,MACpC,SAASH,IAAWS,IAAaD;AAAA,MACjC,YAAYR,IAAWU,IAAgBH;AAAA,MACvC,WAAWA;AAAA,MACX,kBAAiB;AAAA,MACjB,kBAAkBL;AAAA,MAClB,kBAAkBF,IAAW,YAAYM;AAAA,MAExC,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library25.js","sources":["../src/components/checkboxes/checkbox/checkbox.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Label } from \"@rebass/forms\";\nimport { Box } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { generateTestLocator } from \"../../../core/functions\";\nimport { FlexCenter } from \"../../containers\";\nimport { CheckboxProps } from \"./interfaces\";\n\n/**\n * Wrapper for the change event\n *\n * @param setChecked The dispatch function to set the state\n * @param callback The call function to run when the event happens\n */\nfunction changeWrapper(\n  setChecked: React.Dispatch<React.SetStateAction<boolean>>,\n  callback?: (newValue: boolean) => void\n): (event: React.ChangeEvent<HTMLInputElement>) => void {\n  return (event) => {\n    const newValue = event.target.checked;\n    callback?.(newValue);\n    setChecked(newValue);\n  };\n}\n\nconst innerBoxSize = \"10px\";\nconst outerBoxSize = \"20px\";\n\nconst shrankSize = \"5px\";\n\n/**\n * Base checkbox component. Other checkbox components should be built from this.\n * @deprecated use CheckboxV2 instead\n */\nexport const Checkbox = ({\n  children,\n  onChange,\n  checked,\n  disabled,\n  color = \"cl_blue\",\n  bg = \"cl_white\",\n  borderWidth = \"1px\",\n  m = \"10px\",\n  width = [\"100%\"],\n  isHoverCheckbox = false,\n  testLocatorId,\n}: CheckboxProps) => {\n  const [isChecked, setIsChecked] = useDependantState(!!checked);\n  const showHoverCheckbox = isHoverCheckbox && !isChecked;\n\n  return (\n    <Label sx={{ alignItems: \"center\", width }} data-testid=\"checkbox\">\n      <FlexCenter\n        size={outerBoxSize}\n        sx={{\n          position: \"relative\",\n          m,\n          cursor: disabled ? \"default\" : \"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(setIsChecked, onChange)}\n          checked={isChecked}\n          disabled={disabled || false}\n          data-testid=\"checkbox-input\"\n          {...generateTestLocator(testLocatorId)}\n        />\n        {/* Outer border of the checkbox */}\n        <Box\n          sx={{\n            transition: \"width 0.1s ease-in\",\n            position: \"absolute\",\n            left: \"0px\",\n            top: \"0px\",\n            borderRadius: \"3px\",\n            bg,\n            width: showHoverCheckbox ? shrankSize : outerBoxSize,\n            height: outerBoxSize,\n            borderColor: color,\n            borderStyle: \"solid\",\n            borderWidth: borderWidth,\n            \"input:disabled ~ &\": {\n              borderColor: \"cl_grey\",\n              borderStyle: \"dotted\",\n            },\n            /* Extends the area where hovering works */\n            \":before\": showHoverCheckbox\n              ? {\n                  content: \"''\",\n                  position: \"absolute\",\n                  top: \"0px\",\n                  bottom: \"0px\",\n                  left: \"5px\",\n                  width: \"20px\",\n                }\n              : \"\",\n            \":hover\": showHoverCheckbox\n              ? {\n                  transition: \"width 0.1s ease-in\",\n                  width: outerBoxSize,\n                }\n              : \"\",\n          }}\n          data-testid=\"checkbox-outer-square\"\n        />\n        {/* Inner square of the checkbox */}\n        {!showHoverCheckbox && (\n          <Box\n            size={innerBoxSize}\n            sx={{\n              borderRadius: \"2px\",\n              bg: \"cl_white\",\n              opacity: 0,\n              zIndex: 1,\n              \"input:checked ~ &\": {\n                bg: color,\n                opacity: 1,\n              },\n              \"input:disabled ~ &\": {\n                bg: \"cl_grey\",\n              },\n            }}\n            data-testid=\"checkbox-inner-square\"\n          />\n        )}\n      </FlexCenter>\n\n      {children}\n    </Label>\n  );\n};\n"],"names":["changeWrapper","setChecked","callback","event","newValue","innerBoxSize","outerBoxSize","shrankSize","Checkbox","children","onChange","checked","disabled","color","bg","borderWidth","m","width","isHoverCheckbox","testLocatorId","isChecked","setIsChecked","useDependantState","showHoverCheckbox","jsxs","Label","FlexCenter","jsx","Box","generateTestLocator"],"mappings":";;;;;;AAgBA,SAASA,EACPC,GACAC,GACsD;AACtD,SAAO,CAACC,MAAU;AACV,UAAAC,IAAWD,EAAM,OAAO;AAC9B,IAAAD,KAAA,QAAAA,EAAWE,IACXH,EAAWG,CAAQ;AAAA,EAAA;AAEvB;AAEA,MAAMC,IAAe,QACfC,IAAe,QAEfC,IAAa,OAMNC,IAAW,CAAC;AAAA,EACvB,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,IAAAC,IAAK;AAAA,EACL,aAAAC,IAAc;AAAA,EACd,GAAAC,IAAI;AAAA,EACJ,OAAAC,IAAQ,CAAC,MAAM;AAAA,EACf,iBAAAC,IAAkB;AAAA,EAClB,eAAAC;AACF,MAAqB;AACnB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAkB,CAAC,CAACX,CAAO,GACvDY,IAAoBL,KAAmB,CAACE;AAG5C,SAAAI,gBAAAA,OAACC,KAAM,IAAI,EAAE,YAAY,UAAU,OAAAR,EAAS,GAAA,eAAY,YACtD,UAAA;AAAA,IAAAO,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAMpB;AAAA,QACN,IAAI;AAAA,UACF,UAAU;AAAA,UACV,GAAAU;AAAA,UACA,QAAQJ,IAAW,YAAY;AAAA,UAC/B,YAAY;AAAA,QACd;AAAA,QAEA,UAAA;AAAA,UAAAe,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,UAAU5B,EAAcqB,GAAcX,CAAQ;AAAA,cAC9C,SAASU;AAAA,cACT,UAAUR,KAAY;AAAA,cACtB,eAAY;AAAA,cACX,GAAGiB,EAAoBV,CAAa;AAAA,YAAA;AAAA,UACvC;AAAA,UAEAQ,gBAAAA,EAAA;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,gBACF,YAAY;AAAA,gBACZ,UAAU;AAAA,gBACV,MAAM;AAAA,gBACN,KAAK;AAAA,gBACL,cAAc;AAAA,gBACd,IAAAd;AAAA,gBACA,OAAOS,IAAoBhB,IAAaD;AAAA,gBACxC,QAAQA;AAAA,gBACR,aAAaO;AAAA,gBACb,aAAa;AAAA,gBACb,aAAAE;AAAA,gBACA,sBAAsB;AAAA,kBACpB,aAAa;AAAA,kBACb,aAAa;AAAA,gBACf;AAAA;AAAA,gBAEA,WAAWQ,IACP;AAAA,kBACE,SAAS;AAAA,kBACT,UAAU;AAAA,kBACV,KAAK;AAAA,kBACL,QAAQ;AAAA,kBACR,MAAM;AAAA,kBACN,OAAO;AAAA,gBAAA,IAET;AAAA,gBACJ,UAAUA,IACN;AAAA,kBACE,YAAY;AAAA,kBACZ,OAAOjB;AAAA,gBAAA,IAET;AAAA,cACN;AAAA,cACA,eAAY;AAAA,YAAA;AAAA,UACd;AAAA,UAEC,CAACiB,KACAI,gBAAAA,EAAA;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAMvB;AAAA,cACN,IAAI;AAAA,gBACF,cAAc;AAAA,gBACd,IAAI;AAAA,gBACJ,SAAS;AAAA,gBACT,QAAQ;AAAA,gBACR,qBAAqB;AAAA,kBACnB,IAAIQ;AAAA,kBACJ,SAAS;AAAA,gBACX;AAAA,gBACA,sBAAsB;AAAA,kBACpB,IAAI;AAAA,gBACN;AAAA,cACF;AAAA,cACA,eAAY;AAAA,YAAA;AAAA,UACd;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,IAECJ;AAAA,EACH,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library250.js

@@ -1,24 +1,9 @@
-import { j as x } from "./sd-component-library197.js";
-import { Box as n } from "rebass";
-const $ = ({
-  idx: o,
-  color: t,
-  total: i,
-  segmentHeight: r
-}) => {
-  const s = `${o === 0 ? r / 2 : 0}px`, a = `${o === i - 1 ? r / 2 : 0}px`;
-  return /* @__PURE__ */ x.jsx(
-    n,
-    {
-      bg: t,
-      height: r,
-      sx: {
-        borderRadius: `${s} ${[...Array(2)].fill(a).join(" ")} ${s}`
-      }
-    }
-  );
-};
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
 export {
-  $ as LinearGaugeSegment
+  o as commonjsGlobal,
+  l as getDefaultExportFromCjs
 };
 //# sourceMappingURL=sd-component-library250.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library250.js","sources":["../src/components/meters/linear-gauge-meter-partials/linear-gauge-segment/linear-gauge-segment.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { LinearGaugeSegmentProps as Props } from \"./interfaces\";\n\nexport const LinearGaugeSegment: React.FC<Props> = ({\n  idx,\n  color,\n  total,\n  segmentHeight,\n}) => {\n  const leftRadius = `${idx === 0 ? segmentHeight / 2 : 0}px`;\n  const rightRadius = `${idx === total - 1 ? segmentHeight / 2 : 0}px`;\n\n  return (\n    <Box\n      bg={color}\n      height={segmentHeight}\n      sx={{\n        borderRadius: `${leftRadius} ${[...Array(2)]\n          .fill(rightRadius)\n          .join(\" \")} ${leftRadius}`,\n      }}\n    />\n  );\n};\n"],"names":["LinearGaugeSegment","idx","color","total","segmentHeight","leftRadius","rightRadius","jsx","Box"],"mappings":";;AAMO,MAAMA,IAAsC,CAAC;AAAA,EAClD,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AACF,MAAM;AACJ,QAAMC,IAAa,GAAGJ,MAAQ,IAAIG,IAAgB,IAAI,CAAC,MACjDE,IAAc,GAAGL,MAAQE,IAAQ,IAAIC,IAAgB,IAAI,CAAC;AAG9D,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAIN;AAAA,MACJ,QAAQE;AAAA,MACR,IAAI;AAAA,QACF,cAAc,GAAGC,CAAU,IAAI,CAAC,GAAG,MAAM,CAAC,CAAC,EACxC,KAAKC,CAAW,EAChB,KAAK,GAAG,CAAC,IAAID,CAAU;AAAA,MAC5B;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library250.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/lib/sd-component-library251.js

@@ -1,23 +1,5 @@
-import { j as o } from "./sd-component-library197.js";
-import { ResponsiveTextV2 as r } from "./sd-component-library150.js";
-const m = ({
-  text: e,
-  color: t,
-  ...i
-}) => /* @__PURE__ */ o.jsx(
-  r,
-  {
-    height: "12px",
-    fontSizeWeight: [10, "semi-bold"],
-    color: t,
-    mx: "auto",
-    maxWidth: "100%",
-    textAlign: "center",
-    ...i,
-    children: e
-  }
-);
+var e = {};
 export {
-  m as LinearGaugeLabel
+  e as __exports
 };
 //# sourceMappingURL=sd-component-library251.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library251.js","sources":["../src/components/meters/linear-gauge-meter-partials/linear-gauge-label/linear-gauge-label.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ResponsiveTextV2 } from \"../../../texts\";\nimport { LinearGaugeLabelProps as Props } from \"./interfaces\";\n\nexport const LinearGaugeLabel: React.FC<Props> = ({\n  text,\n  color,\n  ...restOfProps\n}) => {\n  return (\n    <ResponsiveTextV2\n      height=\"12px\"\n      fontSizeWeight={[10, \"semi-bold\"]}\n      color={color}\n      mx=\"auto\"\n      maxWidth=\"100%\"\n      textAlign=\"center\"\n      {...restOfProps}\n    >\n      {text}\n    </ResponsiveTextV2>\n  );\n};\n"],"names":["LinearGaugeLabel","text","color","restOfProps","jsx","ResponsiveTextV2"],"mappings":";;AAKO,MAAMA,IAAoC,CAAC;AAAA,EAChD,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,QAAO;AAAA,IACP,gBAAgB,CAAC,IAAI,WAAW;AAAA,IAChC,OAAAH;AAAA,IACA,IAAG;AAAA,IACH,UAAS;AAAA,IACT,WAAU;AAAA,IACT,GAAGC;AAAA,IAEH,UAAAF;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"sd-component-library251.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/sd-component-library252.js

@@ -1,328 +1,39 @@
-import O from "./sd-component-library298.js";
-import D from "./sd-component-library299.js";
-import o from "./sd-component-library286.js";
-import v from "react";
-import b from "react-dom";
-import N from "./sd-component-library300.js";
-import { timeoutsShape as R } from "./sd-component-library301.js";
-import g from "./sd-component-library302.js";
-var x = "unmounted", l = "exited", f = "entering", h = "entered", T = "exiting", p = /* @__PURE__ */ function(d) {
-  D(u, d);
-  function u(i, e) {
-    var t;
-    t = d.call(this, i, e) || this;
-    var n = e, r = n && !n.isMounting ? i.enter : i.appear, s;
-    return t.appearStatus = null, i.in ? r ? (s = l, t.appearStatus = f) : s = h : i.unmountOnExit || i.mountOnEnter ? s = x : s = l, t.state = {
-      status: s
-    }, t.nextCallback = null, t;
-  }
-  u.getDerivedStateFromProps = function(e, t) {
-    var n = e.in;
-    return n && t.status === x ? {
-      status: l
-    } : null;
-  };
-  var a = u.prototype;
-  return a.componentDidMount = function() {
-    this.updateStatus(!0, this.appearStatus);
-  }, a.componentDidUpdate = function(e) {
-    var t = null;
-    if (e !== this.props) {
-      var n = this.state.status;
-      this.props.in ? n !== f && n !== h && (t = f) : (n === f || n === h) && (t = T);
-    }
-    this.updateStatus(!1, t);
-  }, a.componentWillUnmount = function() {
-    this.cancelNextCallback();
-  }, a.getTimeouts = function() {
-    var e = this.props.timeout, t, n, r;
-    return t = n = r = e, e != null && typeof e != "number" && (t = e.exit, n = e.enter, r = e.appear !== void 0 ? e.appear : n), {
-      exit: t,
-      enter: n,
-      appear: r
-    };
-  }, a.updateStatus = function(e, t) {
-    e === void 0 && (e = !1), t !== null ? (this.cancelNextCallback(), t === f ? this.performEnter(e) : this.performExit()) : this.props.unmountOnExit && this.state.status === l && this.setState({
-      status: x
-    });
-  }, a.performEnter = function(e) {
-    var t = this, n = this.props.enter, r = this.context ? this.context.isMounting : e, s = this.props.nodeRef ? [r] : [b.findDOMNode(this), r], c = s[0], m = s[1], S = this.getTimeouts(), C = r ? S.appear : S.enter;
-    if (!e && !n || N.disabled) {
-      this.safeSetState({
-        status: h
-      }, function() {
-        t.props.onEntered(c);
-      });
-      return;
-    }
-    this.props.onEnter(c, m), this.safeSetState({
-      status: f
-    }, function() {
-      t.props.onEntering(c, m), t.onTransitionEnd(C, function() {
-        t.safeSetState({
-          status: h
-        }, function() {
-          t.props.onEntered(c, m);
-        });
-      });
-    });
-  }, a.performExit = function() {
-    var e = this, t = this.props.exit, n = this.getTimeouts(), r = this.props.nodeRef ? void 0 : b.findDOMNode(this);
-    if (!t || N.disabled) {
-      this.safeSetState({
-        status: l
-      }, function() {
-        e.props.onExited(r);
-      });
-      return;
+var c = function u(r, t) {
+  if (r === t)
+    return !0;
+  if (r && t && typeof r == "object" && typeof t == "object") {
+    if (r.constructor !== t.constructor)
+      return !1;
+    var f, e, o;
+    if (Array.isArray(r)) {
+      if (f = r.length, f != t.length)
+        return !1;
+      for (e = f; e-- !== 0; )
+        if (!u(r[e], t[e]))
+          return !1;
+      return !0;
     }
-    this.props.onExit(r), this.safeSetState({
-      status: T
-    }, function() {
-      e.props.onExiting(r), e.onTransitionEnd(n.exit, function() {
-        e.safeSetState({
-          status: l
-        }, function() {
-          e.props.onExited(r);
-        });
-      });
-    });
-  }, a.cancelNextCallback = function() {
-    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
-  }, a.safeSetState = function(e, t) {
-    t = this.setNextCallback(t), this.setState(e, t);
-  }, a.setNextCallback = function(e) {
-    var t = this, n = !0;
-    return this.nextCallback = function(r) {
-      n && (n = !1, t.nextCallback = null, e(r));
-    }, this.nextCallback.cancel = function() {
-      n = !1;
-    }, this.nextCallback;
-  }, a.onTransitionEnd = function(e, t) {
-    this.setNextCallback(t);
-    var n = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this), r = e == null && !this.props.addEndListener;
-    if (!n || r) {
-      setTimeout(this.nextCallback, 0);
-      return;
+    if (r.constructor === RegExp)
+      return r.source === t.source && r.flags === t.flags;
+    if (r.valueOf !== Object.prototype.valueOf)
+      return r.valueOf() === t.valueOf();
+    if (r.toString !== Object.prototype.toString)
+      return r.toString() === t.toString();
+    if (o = Object.keys(r), f = o.length, f !== Object.keys(t).length)
+      return !1;
+    for (e = f; e-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(t, o[e]))
+        return !1;
+    for (e = f; e-- !== 0; ) {
+      var n = o[e];
+      if (!u(r[n], t[n]))
+        return !1;
     }
-    if (this.props.addEndListener) {
-      var s = this.props.nodeRef ? [this.nextCallback] : [n, this.nextCallback], c = s[0], m = s[1];
-      this.props.addEndListener(c, m);
-    }
-    e != null && setTimeout(this.nextCallback, e);
-  }, a.render = function() {
-    var e = this.state.status;
-    if (e === x)
-      return null;
-    var t = this.props, n = t.children;
-    t.in, t.mountOnEnter, t.unmountOnExit, t.appear, t.enter, t.exit, t.timeout, t.addEndListener, t.onEnter, t.onEntering, t.onEntered, t.onExit, t.onExiting, t.onExited, t.nodeRef;
-    var r = O(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
-    return (
-      // allows for nested Transitions
-      /* @__PURE__ */ v.createElement(g.Provider, {
-        value: null
-      }, typeof n == "function" ? n(e, r) : v.cloneElement(v.Children.only(n), r))
-    );
-  }, u;
-}(v.Component);
-p.contextType = g;
-p.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * A React reference to DOM element that need to transition:
-   * https://stackoverflow.com/a/51127130/4671932
-   *
-   *   - When `nodeRef` prop is used, `node` is not passed to callback functions
-   *      (e.g. `onEnter`) because user already has direct access to the node.
-   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new
-   *     `nodeRef` need to be provided to `Transition` with changed `key` prop
-   *     (see
-   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
-   */
-  nodeRef: o.shape({
-    current: typeof Element > "u" ? o.any : function(d, u, a, i, e, t) {
-      var n = d[u];
-      return o.instanceOf(n && "ownerDocument" in n ? n.ownerDocument.defaultView.Element : Element)(d, u, a, i, e, t);
-    }
-  }),
-  /**
-   * A `function` child can be used instead of a React element. This function is
-   * called with the current transition status (`'entering'`, `'entered'`,
-   * `'exiting'`, `'exited'`), which can be used to apply context
-   * specific props to a component.
-   *
-   * ```jsx
-   * <Transition in={this.state.in} timeout={150}>
-   *   {state => (
-   *     <MyComponent className={`fade fade-${state}`} />
-   *   )}
-   * </Transition>
-   * ```
-   */
-  children: o.oneOfType([o.func.isRequired, o.element.isRequired]).isRequired,
-  /**
-   * Show the component; triggers the enter or exit states
-   */
-  in: o.bool,
-  /**
-   * By default the child component is mounted immediately along with
-   * the parent `Transition` component. If you want to "lazy mount" the component on the
-   * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
-   * mounted, even on "exited", unless you also specify `unmountOnExit`.
-   */
-  mountOnEnter: o.bool,
-  /**
-   * By default the child component stays mounted after it reaches the `'exited'` state.
-   * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
-   */
-  unmountOnExit: o.bool,
-  /**
-   * By default the child component does not perform the enter transition when
-   * it first mounts, regardless of the value of `in`. If you want this
-   * behavior, set both `appear` and `in` to `true`.
-   *
-   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
-   * > only adds an additional enter transition. However, in the
-   * > `<CSSTransition>` component that first enter transition does result in
-   * > additional `.appear-*` classes, that way you can choose to style it
-   * > differently.
-   */
-  appear: o.bool,
-  /**
-   * Enable or disable enter transitions.
-   */
-  enter: o.bool,
-  /**
-   * Enable or disable exit transitions.
-   */
-  exit: o.bool,
-  /**
-   * The duration of the transition, in milliseconds.
-   * Required unless `addEndListener` is provided.
-   *
-   * You may specify a single timeout for all transitions:
-   *
-   * ```jsx
-   * timeout={500}
-   * ```
-   *
-   * or individually:
-   *
-   * ```jsx
-   * timeout={{
-   *  appear: 500,
-   *  enter: 300,
-   *  exit: 500,
-   * }}
-   * ```
-   *
-   * - `appear` defaults to the value of `enter`
-   * - `enter` defaults to `0`
-   * - `exit` defaults to `0`
-   *
-   * @type {number | { enter?: number, exit?: number, appear?: number }}
-   */
-  timeout: function(u) {
-    var a = R;
-    u.addEndListener || (a = a.isRequired);
-    for (var i = arguments.length, e = new Array(i > 1 ? i - 1 : 0), t = 1; t < i; t++)
-      e[t - 1] = arguments[t];
-    return a.apply(void 0, [u].concat(e));
-  },
-  /**
-   * Add a custom transition end trigger. Called with the transitioning
-   * DOM node and a `done` callback. Allows for more fine grained transition end
-   * logic. Timeouts are still used as a fallback if provided.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * ```jsx
-   * addEndListener={(node, done) => {
-   *   // use the css transitionend event to mark the finish of a transition
-   *   node.addEventListener('transitionend', done, false);
-   * }}
-   * ```
-   */
-  addEndListener: o.func,
-  /**
-   * Callback fired before the "entering" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool) -> void
-   */
-  onEnter: o.func,
-  /**
-   * Callback fired after the "entering" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool)
-   */
-  onEntering: o.func,
-  /**
-   * Callback fired after the "entered" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool) -> void
-   */
-  onEntered: o.func,
-  /**
-   * Callback fired before the "exiting" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExit: o.func,
-  /**
-   * Callback fired after the "exiting" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExiting: o.func,
-  /**
-   * Callback fired after the "exited" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExited: o.func
-} : {};
-function E() {
-}
-p.defaultProps = {
-  in: !1,
-  mountOnEnter: !1,
-  unmountOnExit: !1,
-  appear: !1,
-  enter: !0,
-  exit: !0,
-  onEnter: E,
-  onEntering: E,
-  onEntered: E,
-  onExit: E,
-  onExiting: E,
-  onExited: E
+    return !0;
+  }
+  return r !== r && t !== t;
 };
-p.UNMOUNTED = x;
-p.EXITED = l;
-p.ENTERING = f;
-p.ENTERED = h;
-p.EXITING = T;
-const _ = p;
 export {
-  h as ENTERED,
-  f as ENTERING,
-  l as EXITED,
-  T as EXITING,
-  x as UNMOUNTED,
-  _ as default
+  c as f
 };
 //# sourceMappingURL=sd-component-library252.js.map