@selfdecode/sd-component-library 4.0.73-vite4 → 4.0.73-vite5

package/lib/sd-component-library290.js

@@ -1,94 +1,7 @@
-import { j as r } from "./sd-component-library196.js";
-import j from "./sd-component-library193.js";
-import "./sd-component-library199.js";
-import { Flex as u, Box as s } from "./sd-component-library200.js";
-import { TriangularPointerIcon as x } from "./sd-component-library189.js";
-import { ResponsiveTextV2 as R } from "./sd-component-library147.js";
-const $ = j.forwardRef(
-  ({
-    pointerSx: n,
-    tooltipSx: d,
-    tooltipText: p,
-    tooltipWidth: l,
-    tooltipPy: a,
-    tooltipPx: h,
-    pointerSize: c,
-    tooltipOffset: i,
-    placement: t,
-    containerSx: y,
-    animationDuration: m,
-    state: g,
-    pointerColor: o
-  }, f) => {
-    const b = t === "right" ? {
-      left: "100%"
-    } : {
-      right: "100%"
-    }, e = {
-      size: `${c}px`,
-      color: o,
-      sx: {
-        my: "auto",
-        ...n
-      }
-    };
-    return /* @__PURE__ */ r.jsxs(
-      u,
-      {
-        sx: {
-          position: "absolute",
-          top: "calc(50% - 14px)",
-          cursor: "default",
-          alignItems: "center",
-          opacity: g === "entered" ? 1 : 0,
-          transition: `opacity ${m}ms`,
-          zIndex: 1,
-          ...b,
-          ...d
-        },
-        ref: f,
-        "data-test": "tooltip-content",
-        children: [
-          t === "right" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-            /* @__PURE__ */ r.jsx(s, { width: `${i}px` }),
-            /* @__PURE__ */ r.jsx(x, { direction: "left", ...e })
-          ] }),
-          /* @__PURE__ */ r.jsx(
-            R,
-            {
-              fontSizeWeight: [14, "regular"],
-              sx: {
-                width: l,
-                lineHeight: "16px",
-                bg: "cl_white",
-                px: h,
-                py: a,
-                borderColor: "cl_lightGrey",
-                borderWidth: "1px",
-                borderStyle: "solid",
-                ...t === "left" ? {
-                  borderRightWidth: "2px",
-                  borderRightColor: o,
-                  borderRadius: "3px 0 0 3px"
-                } : {
-                  borderLeftWidth: "2px",
-                  borderLeftColor: o,
-                  borderRadius: "0 3px 3px 0"
-                }
-              },
-              children: p
-            }
-          ),
-          t === "left" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-            /* @__PURE__ */ r.jsx(x, { direction: "right", ...e }),
-            /* @__PURE__ */ r.jsx(s, { width: `${i}px` })
-          ] })
-        ]
-      }
-    );
-  }
-);
+import { getAugmentedNamespace as e } from "./sd-component-library307.js";
+import * as r from "./sd-component-library324.js";
+const m = /* @__PURE__ */ e(r);
 export {
-  $ as TooltipWithPointerHorizontal
+  m as default
 };
 //# sourceMappingURL=sd-component-library290.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library290.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-horizontal/tooltip-with-pointer-horizontal.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerPartialProps as Props } from \"../interfaces\";\n\nexport const TooltipWithPointerHorizontal = React.forwardRef<\n  HTMLDivElement,\n  Props\n>(\n  (\n    {\n      pointerSx,\n      tooltipSx,\n      tooltipText,\n      tooltipWidth,\n      tooltipPy,\n      tooltipPx,\n      pointerSize,\n      tooltipOffset,\n      placement,\n      containerSx,\n      animationDuration,\n      state,\n      pointerColor,\n    },\n    ref\n  ) => {\n    const tooltipContainerProps =\n      placement === \"right\"\n        ? {\n            left: \"100%\",\n          }\n        : {\n            right: \"100%\",\n          };\n\n    const pointerCommonProps = {\n      size: `${pointerSize}px`,\n      color: pointerColor,\n      sx: {\n        my: \"auto\",\n        ...pointerSx,\n      },\n    };\n\n    return (\n      <Flex\n        sx={{\n          position: \"absolute\",\n          top: \"calc(50% - 14px)\",\n          cursor: \"default\",\n          alignItems: \"center\",\n          opacity: state === \"entered\" ? 1 : 0,\n          transition: `opacity ${animationDuration}ms`,\n          zIndex: 1,\n          ...tooltipContainerProps,\n          ...tooltipSx,\n        }}\n        ref={ref}\n        data-test=\"tooltip-content\"\n      >\n        {placement === \"right\" && (\n          <>\n            <Box width={`${tooltipOffset}px`} />\n            <TriangularPointerIcon direction=\"left\" {...pointerCommonProps} />\n          </>\n        )}\n\n        <ResponsiveTextV2\n          fontSizeWeight={[14, \"regular\"]}\n          sx={{\n            width: tooltipWidth,\n            lineHeight: \"16px\",\n            bg: \"cl_white\",\n            px: tooltipPx,\n            py: tooltipPy,\n            borderColor: \"cl_lightGrey\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n            ...(placement === \"left\"\n              ? {\n                  borderRightWidth: \"2px\",\n                  borderRightColor: pointerColor,\n                  borderRadius: \"3px 0 0 3px\",\n                }\n              : {\n                  borderLeftWidth: \"2px\",\n                  borderLeftColor: pointerColor,\n                  borderRadius: \"0 3px 3px 0\",\n                }),\n          }}\n        >\n          {tooltipText}\n        </ResponsiveTextV2>\n\n        {placement === \"left\" && (\n          <>\n            <TriangularPointerIcon direction=\"right\" {...pointerCommonProps} />\n            <Box width={`${tooltipOffset}px`} />\n          </>\n        )}\n      </Flex>\n    );\n  }\n);\n"],"names":["TooltipWithPointerHorizontal","React","pointerSx","tooltipSx","tooltipText","tooltipWidth","tooltipPy","tooltipPx","pointerSize","tooltipOffset","placement","containerSx","animationDuration","state","pointerColor","ref","tooltipContainerProps","pointerCommonProps","jsxs","Flex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2"],"mappings":";;;;;;AAQO,MAAMA,IAA+BC,EAAM;AAAA,EAIhD,CACE;AAAA,IACE,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,KAEFC,MACG;AACG,UAAAC,IACJN,MAAc,UACV;AAAA,MACE,MAAM;AAAA,IAAA,IAER;AAAA,MACE,OAAO;AAAA,IAAA,GAGTO,IAAqB;AAAA,MACzB,MAAM,GAAGT,CAAW;AAAA,MACpB,OAAOM;AAAA,MACP,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,GAAGZ;AAAA,MACL;AAAA,IAAA;AAIA,WAAAgB,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,UAAU;AAAA,UACV,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,SAASN,MAAU,YAAY,IAAI;AAAA,UACnC,YAAY,WAAWD,CAAiB;AAAA,UACxC,QAAQ;AAAA,UACR,GAAGI;AAAA,UACH,GAAGb;AAAA,QACL;AAAA,QACA,KAAAY;AAAA,QACA,aAAU;AAAA,QAET,UAAA;AAAA,UAAAL,MAAc,WAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACC,GAAI,EAAA,OAAO,GAAGb,CAAa,MAAM;AAAA,YACjCY,gBAAAA,EAAA,IAAAE,GAAA,EAAsB,WAAU,QAAQ,GAAGN,EAAoB,CAAA;AAAA,UAAA,GAClE;AAAA,UAGFI,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,cAC9B,IAAI;AAAA,gBACF,OAAOnB;AAAA,gBACP,YAAY;AAAA,gBACZ,IAAI;AAAA,gBACJ,IAAIE;AAAA,gBACJ,IAAID;AAAA,gBACJ,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,GAAII,MAAc,SACd;AAAA,kBACE,kBAAkB;AAAA,kBAClB,kBAAkBI;AAAA,kBAClB,cAAc;AAAA,gBAAA,IAEhB;AAAA,kBACE,iBAAiB;AAAA,kBACjB,iBAAiBA;AAAA,kBACjB,cAAc;AAAA,gBAChB;AAAA,cACN;AAAA,cAEC,UAAAV;AAAA,YAAA;AAAA,UACH;AAAA,UAECM,MAAc,UAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACE,GAAsB,EAAA,WAAU,SAAS,GAAGN,EAAoB,CAAA;AAAA,YAChEI,gBAAAA,EAAA,IAAAC,GAAA,EAAI,OAAO,GAAGb,CAAa,MAAM;AAAA,UAAA,GACpC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
+{"version":3,"file":"sd-component-library290.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/lib/sd-component-library291.js

@@ -1,96 +1,7 @@
-import { j as o } from "./sd-component-library196.js";
-import f from "./sd-component-library193.js";
-import "./sd-component-library199.js";
-import { Flex as j, Box as s } from "./sd-component-library200.js";
-import { TriangularPointerIcon as n } from "./sd-component-library189.js";
-import { ResponsiveTextV2 as y } from "./sd-component-library147.js";
-const $ = f.forwardRef(
-  ({
-    pointerSx: x,
-    tooltipPx: p,
-    tooltipText: d,
-    tooltipSx: a,
-    tooltipPy: m,
-    tooltipOffset: e,
-    pointerSize: l,
-    tooltipWidth: c,
-    placement: t,
-    state: h,
-    containerSx: R,
-    animationDuration: b,
-    pointerColor: r
-  }, g) => {
-    const u = t === "bottom" ? {
-      top: "100%"
-    } : {
-      bottom: "100%"
-    }, i = {
-      size: `${l}px`,
-      color: r,
-      sx: {
-        my: "auto",
-        ...x
-      }
-    };
-    return /* @__PURE__ */ o.jsxs(
-      j,
-      {
-        flexDirection: "column",
-        sx: {
-          position: "absolute",
-          left: "50%",
-          transform: "translateX(-50%)",
-          cursor: "default",
-          alignItems: "center",
-          opacity: h === "entered" ? 1 : 0,
-          transition: `opacity ${b}ms`,
-          zIndex: 1,
-          ...u,
-          ...a
-        },
-        ref: g,
-        "data-test": "tooltip-content",
-        children: [
-          t === "bottom" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-            /* @__PURE__ */ o.jsx(s, { height: `${e}px` }),
-            /* @__PURE__ */ o.jsx(n, { direction: "top", ...i })
-          ] }),
-          /* @__PURE__ */ o.jsx(
-            y,
-            {
-              fontSizeWeight: [14, "regular"],
-              sx: {
-                width: c,
-                lineHeight: "16px",
-                bg: "cl_white",
-                px: p,
-                py: m,
-                borderColor: "cl_lightGrey",
-                borderWidth: "1px",
-                borderStyle: "solid",
-                ...t === "top" ? {
-                  borderBottomWidth: "2px",
-                  borderBottomColor: r,
-                  borderRadius: "3px 3px 0 0"
-                } : {
-                  borderTopWidth: "2px",
-                  borderTopColor: r,
-                  borderRadius: "0 0 3px 3px"
-                }
-              },
-              children: d
-            }
-          ),
-          t === "top" && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-            /* @__PURE__ */ o.jsx(n, { direction: "bottom", ...i }),
-            /* @__PURE__ */ o.jsx(s, { height: `${e}px` })
-          ] })
-        ]
-      }
-    );
-  }
-);
+import { getAugmentedNamespace as e } from "./sd-component-library307.js";
+import * as m from "./sd-component-library326.js";
+const t = /* @__PURE__ */ e(m);
 export {
-  $ as TooltipWithPointerVertical
+  t as default
 };
 //# sourceMappingURL=sd-component-library291.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library291.js","sources":["../src/components/tooltips/tooltip-with-pointer/partials/tooltip-with-pointer-vertical/tooltip-with-pointer-vertical.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { TriangularPointerIcon } from \"../../../../icons\";\nimport { ResponsiveTextV2 } from \"../../../../texts\";\nimport { TooltipWithPointerPartialProps as Props } from \"../interfaces\";\n\nexport const TooltipWithPointerVertical = React.forwardRef<\n  HTMLDivElement,\n  Props\n>(\n  (\n    {\n      pointerSx,\n      tooltipPx,\n      tooltipText,\n      tooltipSx,\n      tooltipPy,\n      tooltipOffset,\n      pointerSize,\n      tooltipWidth,\n      placement,\n      state,\n      containerSx,\n      animationDuration,\n      pointerColor,\n    },\n    ref\n  ) => {\n    const tooltipContainerProps =\n      placement === \"bottom\"\n        ? {\n            top: \"100%\",\n          }\n        : {\n            bottom: \"100%\",\n          };\n\n    const pointerCommonProps = {\n      size: `${pointerSize}px`,\n      color: pointerColor,\n      sx: {\n        my: \"auto\",\n        ...pointerSx,\n      },\n    };\n\n    return (\n      <Flex\n        flexDirection=\"column\"\n        sx={{\n          position: \"absolute\",\n          left: \"50%\",\n          transform: \"translateX(-50%)\",\n          cursor: \"default\",\n          alignItems: \"center\",\n          opacity: state === \"entered\" ? 1 : 0,\n          transition: `opacity ${animationDuration}ms`,\n          zIndex: 1,\n          ...tooltipContainerProps,\n          ...tooltipSx,\n        }}\n        ref={ref}\n        data-test=\"tooltip-content\"\n      >\n        {placement === \"bottom\" && (\n          <>\n            <Box height={`${tooltipOffset}px`} />\n            <TriangularPointerIcon direction=\"top\" {...pointerCommonProps} />\n          </>\n        )}\n\n        <ResponsiveTextV2\n          fontSizeWeight={[14, \"regular\"]}\n          sx={{\n            width: tooltipWidth,\n            lineHeight: \"16px\",\n            bg: \"cl_white\",\n            px: tooltipPx,\n            py: tooltipPy,\n            borderColor: \"cl_lightGrey\",\n            borderWidth: \"1px\",\n            borderStyle: \"solid\",\n            ...(placement === \"top\"\n              ? {\n                  borderBottomWidth: \"2px\",\n                  borderBottomColor: pointerColor,\n                  borderRadius: \"3px 3px 0 0\",\n                }\n              : {\n                  borderTopWidth: \"2px\",\n                  borderTopColor: pointerColor,\n                  borderRadius: \"0 0 3px 3px\",\n                }),\n          }}\n        >\n          {tooltipText}\n        </ResponsiveTextV2>\n\n        {placement === \"top\" && (\n          <>\n            <TriangularPointerIcon direction=\"bottom\" {...pointerCommonProps} />\n            <Box height={`${tooltipOffset}px`} />\n          </>\n        )}\n      </Flex>\n    );\n  }\n);\n"],"names":["TooltipWithPointerVertical","React","pointerSx","tooltipPx","tooltipText","tooltipSx","tooltipPy","tooltipOffset","pointerSize","tooltipWidth","placement","state","containerSx","animationDuration","pointerColor","ref","tooltipContainerProps","pointerCommonProps","jsxs","Flex","Fragment","jsx","Box","TriangularPointerIcon","ResponsiveTextV2"],"mappings":";;;;;;AAQO,MAAMA,IAA6BC,EAAM;AAAA,EAI9C,CACE;AAAA,IACE,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,KAEFC,MACG;AACG,UAAAC,IACJN,MAAc,WACV;AAAA,MACE,KAAK;AAAA,IAAA,IAEP;AAAA,MACE,QAAQ;AAAA,IAAA,GAGVO,IAAqB;AAAA,MACzB,MAAM,GAAGT,CAAW;AAAA,MACpB,OAAOM;AAAA,MACP,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,GAAGZ;AAAA,MACL;AAAA,IAAA;AAIA,WAAAgB,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,eAAc;AAAA,QACd,IAAI;AAAA,UACF,UAAU;AAAA,UACV,MAAM;AAAA,UACN,WAAW;AAAA,UACX,QAAQ;AAAA,UACR,YAAY;AAAA,UACZ,SAASR,MAAU,YAAY,IAAI;AAAA,UACnC,YAAY,WAAWE,CAAiB;AAAA,UACxC,QAAQ;AAAA,UACR,GAAGG;AAAA,UACH,GAAGX;AAAA,QACL;AAAA,QACA,KAAAU;AAAA,QACA,aAAU;AAAA,QAET,UAAA;AAAA,UAAAL,MAAc,YAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACC,GAAI,EAAA,QAAQ,GAAGf,CAAa,MAAM;AAAA,YAClCc,gBAAAA,EAAA,IAAAE,GAAA,EAAsB,WAAU,OAAO,GAAGN,EAAoB,CAAA;AAAA,UAAA,GACjE;AAAA,UAGFI,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,gBAAgB,CAAC,IAAI,SAAS;AAAA,cAC9B,IAAI;AAAA,gBACF,OAAOf;AAAA,gBACP,YAAY;AAAA,gBACZ,IAAI;AAAA,gBACJ,IAAIN;AAAA,gBACJ,IAAIG;AAAA,gBACJ,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,aAAa;AAAA,gBACb,GAAII,MAAc,QACd;AAAA,kBACE,mBAAmB;AAAA,kBACnB,mBAAmBI;AAAA,kBACnB,cAAc;AAAA,gBAAA,IAEhB;AAAA,kBACE,gBAAgB;AAAA,kBAChB,gBAAgBA;AAAA,kBAChB,cAAc;AAAA,gBAChB;AAAA,cACN;AAAA,cAEC,UAAAV;AAAA,YAAA;AAAA,UACH;AAAA,UAECM,MAAc,SAEXQ,gBAAAA,EAAAA,KAAAE,EAAA,UAAA,EAAA,UAAA;AAAA,YAAAC,gBAAAA,EAAA,IAACE,GAAsB,EAAA,WAAU,UAAU,GAAGN,EAAoB,CAAA;AAAA,YACjEI,gBAAAA,EAAA,IAAAC,GAAA,EAAI,QAAQ,GAAGf,CAAa,MAAM;AAAA,UAAA,GACrC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;"}
+{"version":3,"file":"sd-component-library291.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/lib/sd-component-library292.js

@@ -1,5 +1,7 @@
-var r = {};
+import { getAugmentedNamespace as e } from "./sd-component-library307.js";
+import * as m from "./sd-component-library339.js";
+const t = /* @__PURE__ */ e(m);
 export {
-  r as __exports
+  t as default
 };
 //# sourceMappingURL=sd-component-library292.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library292.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library292.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/lib/sd-component-library293.js

@@ -1,5 +1,7 @@
-var e = { exports: {} };
+import { getAugmentedNamespace as e } from "./sd-component-library307.js";
+import * as m from "./sd-component-library295.js";
+const t = /* @__PURE__ */ e(m);
 export {
-  e as __module
+  t as default
 };
 //# sourceMappingURL=sd-component-library293.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library293.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library293.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/lib/sd-component-library294.js

@@ -1,5 +1,65 @@
-var r = {};
+import { __exports as o } from "./sd-component-library341.js";
+import v from "react";
+import p from "./sd-component-library290.js";
+import x from "./sd-component-library291.js";
+import _ from "./sd-component-library292.js";
+import m from "./sd-component-library293.js";
+Object.defineProperty(o, "__esModule", {
+  value: !0
+});
+var h = o.Flex = P = o.Box = void 0;
+f(v);
+var d = f(p), n = x, u = y(_), g = f(m);
+function c() {
+  if (typeof WeakMap != "function")
+    return null;
+  var e = /* @__PURE__ */ new WeakMap();
+  return c = function() {
+    return e;
+  }, e;
+}
+function y(e) {
+  if (e && e.__esModule)
+    return e;
+  var r = c();
+  if (r && r.has(e))
+    return r.get(e);
+  var t = {};
+  if (e != null) {
+    var l = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for (var a in e)
+      if (Object.prototype.hasOwnProperty.call(e, a)) {
+        var i = l ? Object.getOwnPropertyDescriptor(e, a) : null;
+        i && (i.get || i.set) ? Object.defineProperty(t, a, i) : t[a] = e[a];
+      }
+  }
+  return t.default = e, r && r.set(e, t), t;
+}
+function f(e) {
+  return e && e.__esModule ? e : { default: e };
+}
+var O = function(r) {
+  return (0, u.default)(r.sx)(r.theme);
+}, $ = function(r) {
+  return (0, u.default)(r.__css)(r.theme);
+}, q = function(r) {
+  var t = r.theme, l = r.variant, a = r.tx, i = a === void 0 ? "variants" : a;
+  return (0, u.default)((0, u.get)(t, i + "." + l, (0, u.get)(t, l)))(t);
+}, s = (0, d.default)("div", {
+  shouldForwardProp: g.default
+})({
+  boxSizing: "border-box",
+  margin: 0,
+  minWidth: 0
+}, $, q, O, function(e) {
+  return e.css;
+}, (0, n.compose)(n.space, n.layout, n.typography, n.color, n.flexbox)), P = o.Box = s, w = (0, d.default)(s)({
+  display: "flex"
+});
+h = o.Flex = w;
 export {
-  r as __exports
+  P as Box,
+  h as Flex,
+  o as default
 };
 //# sourceMappingURL=sd-component-library294.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library294.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library294.js","sources":["../node_modules/@rebass/forms/node_modules/reflexbox/dist/index.js"],"sourcesContent":["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.Flex = exports.Box = void 0;\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _styled = _interopRequireDefault(require(\"@emotion/styled\"));\n\nvar _styledSystem = require(\"styled-system\");\n\nvar _css = _interopRequireWildcard(require(\"@styled-system/css\"));\n\nvar _shouldForwardProp = _interopRequireDefault(require(\"@styled-system/should-forward-prop\"));\n\nfunction _getRequireWildcardCache() { if (typeof WeakMap !== \"function\") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }\n\nfunction _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; if (obj != null) { var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj[\"default\"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { \"default\": obj }; }\n\nvar sx = function sx(props) {\n  return (0, _css[\"default\"])(props.sx)(props.theme);\n};\n\nvar base = function base(props) {\n  return (0, _css[\"default\"])(props.__css)(props.theme);\n};\n\nvar variant = function variant(_ref) {\n  var theme = _ref.theme,\n      variant = _ref.variant,\n      _ref$tx = _ref.tx,\n      tx = _ref$tx === void 0 ? 'variants' : _ref$tx;\n  return (0, _css[\"default\"])((0, _css.get)(theme, tx + '.' + variant, (0, _css.get)(theme, variant)))(theme);\n};\n\nvar Box = (0, _styled[\"default\"])('div', {\n  shouldForwardProp: _shouldForwardProp[\"default\"]\n})({\n  boxSizing: 'border-box',\n  margin: 0,\n  minWidth: 0\n}, base, variant, sx, function (props) {\n  return props.css;\n}, (0, _styledSystem.compose)(_styledSystem.space, _styledSystem.layout, _styledSystem.typography, _styledSystem.color, _styledSystem.flexbox));\nexports.Box = Box;\nvar Flex = (0, _styled[\"default\"])(Box)({\n  display: 'flex'\n});\nexports.Flex = Flex;"],"names":["dist","Flex_1","Box_1","_interopRequireDefault","require$$0","_styled","require$$1","_styledSystem","require$$2","_css","_interopRequireWildcard","require$$3","_shouldForwardProp","require$$4","_getRequireWildcardCache","cache","obj","newObj","hasPropertyDescriptor","key","desc","sx","props","base","variant","_ref","theme","_ref$tx","tx","Box","Flex"],"mappings":";;;;;;AAEA,OAAO,eAAeA,GAAS,cAAc;AAAA,EAC3C,OAAO;AACT,CAAC;AACD,IAAAC,IAAAD,EAAA,OAAeE,IAAAF,EAAA,MAAc;AAEhBG,EAAuBC,CAAgB;AAEpD,IAAIC,IAAUF,EAAuBG,CAA0B,GAE3DC,IAAgBC,GAEhBC,IAAOC,EAAwBC,CAA6B,GAE5DC,IAAqBT,EAAuBU,CAA6C;AAE7F,SAASC,IAA2B;AAAE,MAAI,OAAO,WAAY;AAAY,WAAO;AAAM,MAAIC,IAAQ,oBAAI,QAAS;AAAE,SAAAD,IAA2B,WAAoC;AAAE,WAAOC;AAAA,KAAiBA;AAAQ;AAElN,SAASL,EAAwBM,GAAK;AAAE,MAAIA,KAAOA,EAAI;AAAc,WAAOA;AAAO,MAAID,IAAQD;AAA4B,MAAIC,KAASA,EAAM,IAAIC,CAAG;AAAK,WAAOD,EAAM,IAAIC,CAAG;AAAK,MAAIC,IAAS,CAAE;AAAE,MAAID,KAAO,MAAM;AAAE,QAAIE,IAAwB,OAAO,kBAAkB,OAAO;AAA0B,aAASC,KAAOH;AAAO,UAAI,OAAO,UAAU,eAAe,KAAKA,GAAKG,CAAG,GAAG;AAAE,YAAIC,IAAOF,IAAwB,OAAO,yBAAyBF,GAAKG,CAAG,IAAI;AAAM,QAAIC,MAASA,EAAK,OAAOA,EAAK,OAAQ,OAAO,eAAeH,GAAQE,GAAKC,CAAI,IAAYH,EAAOE,CAAG,IAAIH,EAAIG,CAAG;AAAA;EAAQ;AAAG,SAAAF,EAAO,UAAaD,GAASD,KAASA,EAAM,IAAIC,GAAKC,CAAM,GAAYA;AAAS;AAExpB,SAASd,EAAuBa,GAAK;AAAE,SAAOA,KAAOA,EAAI,aAAaA,IAAM,EAAE,SAAWA,EAAG;AAAK;AAEjG,IAAIK,IAAK,SAAYC,GAAO;AAC1B,aAAWb,EAAK,SAAYa,EAAM,EAAE,EAAEA,EAAM,KAAK;AACnD,GAEIC,IAAO,SAAcD,GAAO;AAC9B,aAAWb,EAAK,SAAYa,EAAM,KAAK,EAAEA,EAAM,KAAK;AACtD,GAEIE,IAAU,SAAiBC,GAAM;AACnC,MAAIC,IAAQD,EAAK,OACbD,IAAUC,EAAK,SACfE,IAAUF,EAAK,IACfG,IAAKD,MAAY,SAAS,aAAaA;AAC3C,aAAWlB,EAAK,aAAgBA,EAAK,KAAKiB,GAAOE,IAAK,MAAMJ,OAAaf,EAAK,KAAKiB,GAAOF,CAAO,CAAC,CAAC,EAAEE,CAAK;AAC5G,GAEIG,QAAUxB,EAAQ,SAAY,OAAO;AAAA,EACvC,mBAAmBO,EAAmB;AACxC,CAAC,EAAE;AAAA,EACD,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,UAAU;AACZ,GAAGW,GAAMC,GAASH,GAAI,SAAUC,GAAO;AACrC,SAAOA,EAAM;AACf,OAAOf,EAAc,SAASA,EAAc,OAAOA,EAAc,QAAQA,EAAc,YAAYA,EAAc,OAAOA,EAAc,OAAO,CAAC,GACnIL,IAAAF,EAAA,MAAG6B,GACVC,QAAWzB,EAAQ,SAAYwB,CAAG,EAAE;AAAA,EACtC,SAAS;AACX,CAAC;AACD5B,IAAAD,EAAA,OAAe8B;","x_google_ignoreList":[0]}

package/lib/sd-component-library295.js

@@ -1,7 +1,28 @@
-import { getAugmentedNamespace as e } from "./sd-component-library203.js";
-import * as r from "./sd-component-library324.js";
-const m = /* @__PURE__ */ e(r);
+import m from "./sd-component-library316.js";
+import e from "./sd-component-library340.js";
+import "./sd-component-library326.js";
+import { compose as p } from "./sd-component-library327.js";
+import { space as i } from "./sd-component-library336.js";
+import { typography as f } from "./sd-component-library330.js";
+import { color as a } from "./sd-component-library329.js";
+import { layout as n } from "./sd-component-library328.js";
+import { flexbox as l } from "./sd-component-library331.js";
+import { border as d } from "./sd-component-library333.js";
+import { background as c } from "./sd-component-library334.js";
+import { position as s } from "./sd-component-library335.js";
+import { grid as u } from "./sd-component-library332.js";
+import { shadow as x } from "./sd-component-library337.js";
+import { buttonStyle as y, textStyle as g, colorStyle as S } from "./sd-component-library338.js";
+var b = p(i, f, a, n, l, d, c, s, u, x, y, g, S), h = b.propNames, v = function(r) {
+  var t = new RegExp("^(" + r.join("|") + ")$");
+  return m(function(o) {
+    return e(o) && !t.test(o);
+  });
+};
+const G = v(h);
 export {
-  m as default
+  v as createShouldForwardProp,
+  G as default,
+  h as props
 };
 //# sourceMappingURL=sd-component-library295.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library295.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"sd-component-library295.js","sources":["../node_modules/@styled-system/should-forward-prop/dist/index.esm.js"],"sourcesContent":["import memoize from '@emotion/memoize';\nimport isPropValid from '@emotion/is-prop-valid';\nimport { compose, space, typography, color, layout, flexbox, border, background, position, grid, shadow, buttonStyle, textStyle, colorStyle } from 'styled-system';\nvar all = compose(space, typography, color, layout, flexbox, border, background, position, grid, shadow, buttonStyle, textStyle, colorStyle);\nexport var props = all.propNames;\nexport var createShouldForwardProp = function createShouldForwardProp(props) {\n  var regex = new RegExp(\"^(\" + props.join('|') + \")$\");\n  return memoize(function (prop) {\n    return isPropValid(prop) && !regex.test(prop);\n  });\n};\nexport default createShouldForwardProp(props);\n"],"names":["all","compose","space","typography","color","layout","flexbox","border","background","position","grid","shadow","buttonStyle","textStyle","colorStyle","props","createShouldForwardProp","regex","memoize","prop","isPropValid","index_esm"],"mappings":";;;;;;;;;;;;;;;AAGA,IAAIA,IAAMC,EAAQC,GAAOC,GAAYC,GAAOC,GAAQC,GAASC,GAAQC,GAAYC,GAAUC,GAAMC,GAAQC,GAAaC,GAAWC,CAAU,GAChIC,IAAQf,EAAI,WACZgB,IAA0B,SAAiCD,GAAO;AAC3E,MAAIE,IAAQ,IAAI,OAAO,OAAOF,EAAM,KAAK,GAAG,IAAI,IAAI;AACpD,SAAOG,EAAQ,SAAUC,GAAM;AAC7B,WAAOC,EAAYD,CAAI,KAAK,CAACF,EAAM,KAAKE,CAAI;AAAA,EAChD,CAAG;AACH;AACA,MAAeE,IAAAL,EAAwBD,CAAK;","x_google_ignoreList":[0]}

package/lib/sd-component-library296.js

@@ -1,7 +1,5 @@
-import { getAugmentedNamespace as e } from "./sd-component-library203.js";
-import * as m from "./sd-component-library326.js";
-const t = /* @__PURE__ */ e(m);
+const s = "";
 export {
-  t as default
+  s as default
 };
 //# sourceMappingURL=sd-component-library296.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library296.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"sd-component-library296.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/sd-component-library297.js

@@ -1,6 +1,4 @@
-import { getAugmentedNamespace as e } from "./sd-component-library203.js";
-import * as m from "./sd-component-library339.js";
-const t = /* @__PURE__ */ e(m);
+const t = "";
 export {
   t as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library297.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"sd-component-library297.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/sd-component-library298.js

@@ -1,7 +1,86 @@
-import { getAugmentedNamespace as e } from "./sd-component-library203.js";
-import * as m from "./sd-component-library311.js";
-const t = /* @__PURE__ */ e(m);
+import p from "./sd-component-library371.js";
+import f from "./sd-component-library372.js";
+import h from "./sd-component-library373.js";
+import w from "./sd-component-library374.js";
+import r from "./sd-component-library375.js";
+import i from "./sd-component-library376.js";
+import y from "./sd-component-library377.js";
+import l from "./sd-component-library378.js";
+import u from "./sd-component-library379.js";
+import M from "./sd-component-library380.js";
+import O from "./sd-component-library381.js";
+import b from "./sd-component-library382.js";
+import s from "./sd-component-library383.js";
+import C from "./sd-component-library304.js";
+const n = (t) => C(t, "EEE d MMM yyyy"), A = (t) => {
+  const e = "No date selected";
+  return !t || !t.startDate || !t.endDate ? e : s(t.startDate, t.endDate) ? n(t.startDate) : `${n(t.startDate)} - ${n(
+    t.endDate
+  )}`;
+}, W = [
+  {
+    label: "Yesterday",
+    startDate: p(f(/* @__PURE__ */ new Date(), -1)),
+    endDate: h(f(/* @__PURE__ */ new Date(), -1))
+  },
+  {
+    label: "Last Week",
+    startDate: w(r(/* @__PURE__ */ new Date(), -1), { weekStartsOn: 1 }),
+    endDate: i(r(/* @__PURE__ */ new Date(), -1), { weekStartsOn: 1 })
+  },
+  {
+    label: "Last 2 Weeks",
+    startDate: w(r(/* @__PURE__ */ new Date(), -2), { weekStartsOn: 1 }),
+    endDate: i(r(/* @__PURE__ */ new Date(), -1), { weekStartsOn: 1 })
+  },
+  {
+    label: "Last Month",
+    startDate: y(l(/* @__PURE__ */ new Date(), -1)),
+    endDate: u(l(/* @__PURE__ */ new Date(), -1))
+  },
+  {
+    label: "Last Year",
+    startDate: M(O(/* @__PURE__ */ new Date(), -1)),
+    endDate: b(O(/* @__PURE__ */ new Date(), -1))
+  }
+], G = (t, e, Y, S, c, k) => {
+  const D = (c || W).map(
+    ({ label: o, startDate: m, endDate: d }) => ({
+      label: o,
+      range: (a) => ({
+        startDate: m,
+        endDate: d
+      }),
+      isSelected: (a) => a.startDate && a.endDate ? s(a.startDate, m) && s(a.endDate, d) : !1
+    })
+  );
+  return k ? D.concat({
+    label: "Custom Range",
+    range: (o) => (e(), {
+      startDate: (t == null ? void 0 : t.startDate) || /* @__PURE__ */ new Date(),
+      endDate: (t == null ? void 0 : t.endDate) || /* @__PURE__ */ new Date()
+    }),
+    isSelected: (o) => S
+  }) : D;
+}, H = (t) => ({
+  ...t,
+  rangeColors: [t.color ?? "#9E1CB5"],
+  weekStartsOn: 1,
+  inputRanges: [],
+  ranges: [
+    t.selectedRange ?? {
+      startDate: /* @__PURE__ */ new Date(),
+      endDate: /* @__PURE__ */ new Date()
+    }
+  ],
+  months: t.months,
+  onChange: (e) => {
+    t.setSelectedRange(e.range1);
+  }
+});
 export {
-  t as default
+  H as getCalendarProps,
+  A as getSelectedRangeText,
+  G as getStaticRanges
 };
 //# sourceMappingURL=sd-component-library298.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library298.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"sd-component-library298.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/utils.ts"],"sourcesContent":["import { OnChangeProps, Range, StaticRange } from \"react-date-range\";\n\nimport {\n  addDays,\n  addMonths,\n  addWeeks,\n  addYears,\n  endOfDay,\n  endOfMonth,\n  endOfWeek,\n  endOfYear,\n  format,\n  isSameDay,\n  startOfDay,\n  startOfMonth,\n  startOfWeek,\n  startOfYear,\n} from \"date-fns\";\n\nimport { OnRangeSelection, StaticRangeOption } from \"./interfaces\";\nimport { BaseDateRangeInputMobileProps } from \"./partials/base-date-range-input-mobile/interfaces\";\n\nconst getFormattedDate = (date: Date) => format(date, \"EEE d MMM yyyy\");\n\nexport const getSelectedRangeText = (range: Range | null | undefined) => {\n  const defaultText = \"No date selected\";\n\n  return !range || !range.startDate || !range.endDate\n    ? defaultText\n    : isSameDay(range.startDate, range.endDate)\n    ? getFormattedDate(range.startDate)\n    : `${getFormattedDate(range.startDate)} - ${getFormattedDate(\n        range.endDate\n      )}`;\n};\n\nconst ranges = [\n  {\n    label: \"Yesterday\",\n    startDate: startOfDay(addDays(new Date(), -1)),\n    endDate: endOfDay(addDays(new Date(), -1)),\n  },\n  {\n    label: \"Last Week\",\n    startDate: startOfWeek(addWeeks(new Date(), -1), { weekStartsOn: 1 }),\n    endDate: endOfWeek(addWeeks(new Date(), -1), { weekStartsOn: 1 }),\n  },\n  {\n    label: \"Last 2 Weeks\",\n    startDate: startOfWeek(addWeeks(new Date(), -2), { weekStartsOn: 1 }),\n    endDate: endOfWeek(addWeeks(new Date(), -1), { weekStartsOn: 1 }),\n  },\n  {\n    label: \"Last Month\",\n    startDate: startOfMonth(addMonths(new Date(), -1)),\n    endDate: endOfMonth(addMonths(new Date(), -1)),\n  },\n  {\n    label: \"Last Year\",\n    startDate: startOfYear(addYears(new Date(), -1)),\n    endDate: endOfYear(addYears(new Date(), -1)),\n  },\n];\n\nexport const getStaticRanges = (\n  selectedRange: Range | undefined | null,\n  onCustomRangeSelect: () => void,\n  deselectCustomRange: () => void,\n  customOptionSelected: boolean,\n  customRanges?: StaticRangeOption[],\n  mobile?: boolean\n): StaticRange[] => {\n  const rangesToShow = customRanges || ranges;\n  const staticRanges: StaticRange[] = rangesToShow.map(\n    ({ label, startDate, endDate }) => ({\n      label,\n      range: (_) => ({\n        startDate,\n        endDate,\n      }),\n      isSelected: (range) =>\n        range.startDate && range.endDate\n          ? isSameDay(range.startDate, startDate) &&\n            isSameDay(range.endDate, endDate)\n          : false,\n    })\n  );\n\n  return !mobile\n    ? staticRanges\n    : staticRanges.concat({\n        label: \"Custom Range\",\n        range: (_) => {\n          onCustomRangeSelect();\n          return {\n            startDate: selectedRange?.startDate || new Date(),\n            endDate: selectedRange?.endDate || new Date(),\n          };\n        },\n        isSelected: (_) => customOptionSelected,\n      });\n};\n\nexport const getCalendarProps = (props: BaseDateRangeInputMobileProps) => ({\n  ...props,\n  rangeColors: [props.color ?? \"#9E1CB5\"],\n  weekStartsOn: 1,\n  inputRanges: [],\n  ranges: [\n    props.selectedRange ?? {\n      startDate: new Date(),\n      endDate: new Date(),\n    },\n  ],\n  months: props.months,\n  onChange: (value: OnChangeProps) => {\n    props.setSelectedRange((value as OnRangeSelection).range1);\n  },\n});\n"],"names":["getFormattedDate","date","format","getSelectedRangeText","range","defaultText","isSameDay","ranges","startOfDay","addDays","endOfDay","startOfWeek","addWeeks","endOfWeek","startOfMonth","addMonths","endOfMonth","startOfYear","addYears","endOfYear","getStaticRanges","selectedRange","onCustomRangeSelect","deselectCustomRange","customOptionSelected","customRanges","mobile","staticRanges","label","startDate","endDate","_","getCalendarProps","props","value"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAMA,IAAmB,CAACC,MAAeC,EAAOD,GAAM,gBAAgB,GAEzDE,IAAuB,CAACC,MAAoC;AACvE,QAAMC,IAAc;AAEb,SAAA,CAACD,KAAS,CAACA,EAAM,aAAa,CAACA,EAAM,UACxCC,IACAC,EAAUF,EAAM,WAAWA,EAAM,OAAO,IACxCJ,EAAiBI,EAAM,SAAS,IAChC,GAAGJ,EAAiBI,EAAM,SAAS,CAAC,MAAMJ;AAAA,IACxCI,EAAM;AAAA,EACP,CAAA;AACP,GAEMG,IAAS;AAAA,EACb;AAAA,IACE,OAAO;AAAA,IACP,WAAWC,EAAWC,sBAAY,KAAK,GAAG,EAAE,CAAC;AAAA,IAC7C,SAASC,EAASD,sBAAY,KAAK,GAAG,EAAE,CAAC;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,WAAWE,EAAYC,EAAa,oBAAA,KAAA,GAAQ,EAAE,GAAG,EAAE,cAAc,GAAG;AAAA,IACpE,SAASC,EAAUD,EAAa,oBAAA,KAAA,GAAQ,EAAE,GAAG,EAAE,cAAc,GAAG;AAAA,EAClE;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,WAAWD,EAAYC,EAAa,oBAAA,KAAA,GAAQ,EAAE,GAAG,EAAE,cAAc,GAAG;AAAA,IACpE,SAASC,EAAUD,EAAa,oBAAA,KAAA,GAAQ,EAAE,GAAG,EAAE,cAAc,GAAG;AAAA,EAClE;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,WAAWE,EAAaC,sBAAc,KAAK,GAAG,EAAE,CAAC;AAAA,IACjD,SAASC,EAAWD,sBAAc,KAAK,GAAG,EAAE,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,WAAWE,EAAYC,sBAAa,KAAK,GAAG,EAAE,CAAC;AAAA,IAC/C,SAASC,EAAUD,sBAAa,KAAK,GAAG,EAAE,CAAC;AAAA,EAC7C;AACF,GAEaE,IAAkB,CAC7BC,GACAC,GACAC,GACAC,GACAC,GACAC,MACkB;AAElB,QAAMC,KADeF,KAAgBlB,GACY;AAAA,IAC/C,CAAC,EAAE,OAAAqB,GAAO,WAAAC,GAAW,SAAAC,SAAe;AAAA,MAClC,OAAAF;AAAA,MACA,OAAO,CAACG,OAAO;AAAA,QACb,WAAAF;AAAA,QACA,SAAAC;AAAA,MAAA;AAAA,MAEF,YAAY,CAAC1B,MACXA,EAAM,aAAaA,EAAM,UACrBE,EAAUF,EAAM,WAAWyB,CAAS,KACpCvB,EAAUF,EAAM,SAAS0B,CAAO,IAChC;AAAA,IAAA;AAAA,EACR;AAGF,SAAQJ,IAEJC,EAAa,OAAO;AAAA,IAClB,OAAO;AAAA,IACP,OAAO,CAACI,OACcT,KACb;AAAA,MACL,YAAWD,KAAA,gBAAAA,EAAe,cAAa,oBAAI,KAAK;AAAA,MAChD,UAASA,KAAA,gBAAAA,EAAe,YAAW,oBAAI,KAAK;AAAA,IAAA;AAAA,IAGhD,YAAY,CAACU,MAAMP;AAAA,EAAA,CACpB,IAXDG;AAYN,GAEaK,IAAmB,CAACC,OAA0C;AAAA,EACzE,GAAGA;AAAA,EACH,aAAa,CAACA,EAAM,SAAS,SAAS;AAAA,EACtC,cAAc;AAAA,EACd,aAAa,CAAC;AAAA,EACd,QAAQ;AAAA,IACNA,EAAM,iBAAiB;AAAA,MACrB,+BAAe,KAAK;AAAA,MACpB,6BAAa,KAAK;AAAA,IACpB;AAAA,EACF;AAAA,EACA,QAAQA,EAAM;AAAA,EACd,UAAU,CAACC,MAAyB;AAC5B,IAAAD,EAAA,iBAAkBC,EAA2B,MAAM;AAAA,EAC3D;AACF;"}

package/lib/sd-component-library299.js

@@ -1,5 +1,107 @@
-var r = {};
+import { j as r } from "./sd-component-library195.js";
+import l from "react";
+import "./sd-component-library301.js";
+import "./sd-component-library196.js";
+import { getCalendarProps as s } from "./sd-component-library298.js";
+import { Box as x } from "./sd-component-library197.js";
+import { OutsideClickBox as m } from "./sd-component-library14.js";
+import { ResponsiveTextV2 as c } from "./sd-component-library147.js";
+import { __exports as f } from "./sd-component-library302.js";
+import { SelectedRangeText as h } from "./sd-component-library660.js";
+import { FrFrContainer as g } from "./sd-component-library39.js";
+import { PrimaryTextButton as u } from "./sd-component-library24.js";
+import { ApplyButton as R } from "./sd-component-library661.js";
+const A = l.forwardRef(
+  (e, i) => {
+    const { zIndex: a, customOptionSelected: n, handleCancel: o, getStaticRanges: d } = e, p = (t) => {
+      t == null || t.preventDefault(), o();
+    };
+    return /* @__PURE__ */ r.jsx(
+      x,
+      {
+        sx: {
+          position: "fixed",
+          top: 0,
+          left: 0,
+          width: "100vw",
+          height: "100vh",
+          overflowY: "auto",
+          py: "30px",
+          bg: "#434A5499"
+        },
+        "data-test": "calendar-wrapper",
+        children: /* @__PURE__ */ r.jsxs(
+          m,
+          {
+            onClickOutside: p,
+            sx: {
+              borderStyle: "solid",
+              borderWidth: "1px",
+              borderColor: "cl_lightGrey",
+              minWidth: "352px",
+              width: "max-content",
+              backgroundColor: "#fff",
+              m: "auto",
+              borderRadius: "4px",
+              zIndex: a,
+              ".rdrDateRangePickerWrapper": {
+                width: "100%",
+                flexDirection: "column"
+              },
+              ".rdrDefinedRangesWrapper": {
+                width: "100%"
+              },
+              ".rdrCalendarWrapper": {
+                display: n ? "inline-flex" : "none"
+              },
+              ".rdrInputRanges": {
+                display: "none"
+              },
+              ".rdrStaticRanges:before": {
+                fontSize: "16px",
+                fontFamily: "proxima-nova",
+                color: "#9BA2B4",
+                fontWeight: "300",
+                p: "10px 20px"
+              },
+              ".rdrStaticRange": {
+                fontSize: "16px",
+                fontFamily: "proxima-nova",
+                color: "#434A54",
+                borderBottomWidth: "0"
+              }
+            },
+            children: [
+              /* @__PURE__ */ r.jsx(c, { fontSizeWeight: [12, "semi-bold"], ref: i, children: /* @__PURE__ */ r.jsx(
+                f.DateRangePicker,
+                {
+                  ...s(e),
+                  direction: "vertical",
+                  staticRanges: d(!0)
+                }
+              ) }),
+              /* @__PURE__ */ r.jsx(h, { ...e, isMobile: !0 }),
+              /* @__PURE__ */ r.jsxs(g, { p: "10px 20px", children: [
+                /* @__PURE__ */ r.jsx(
+                  u,
+                  {
+                    onClick: o,
+                    height: "42px",
+                    color: "cl_darkGrey",
+                    padding: "0",
+                    children: "Cancel"
+                  }
+                ),
+                /* @__PURE__ */ r.jsx(R, { ...e })
+              ] })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
 export {
-  r as __exports
+  A as BaseDateRangeInputMobile
 };
 //# sourceMappingURL=sd-component-library299.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library299.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"sd-component-library299.js","sources":["../src/components/inputs/date-inputs/base-date-range-input/partials/base-date-range-input-mobile/base-date-range-input-mobile.tsx"],"sourcesContent":["import React from \"react\";\nimport { DateRangePicker } from \"react-date-range\";\n\nimport { Box } from \"rebass\";\n\nimport { OutsideClickBox } from \"../../../../../boxes\";\nimport { PrimaryTextButton } from \"../../../../../buttons\";\nimport { FrFrContainer } from \"../../../../../containers\";\nimport { ResponsiveTextV2 } from \"../../../../../texts/responsive-text-v2\";\nimport { getCalendarProps } from \"../../utils\";\nimport { ApplyButton } from \"../apply-button\";\nimport { SelectedRangeText } from \"../selected-range-text\";\nimport { BaseDateRangeInputMobileProps as Props } from \"./interfaces\";\n\nexport const BaseDateRangeInputMobile = React.forwardRef<HTMLDivElement, Props>(\n  (props, ref) => {\n    const { zIndex, customOptionSelected, handleCancel, getStaticRanges } =\n      props;\n\n    const onClickOutside = (event?: React.MouseEvent<HTMLDivElement>) => {\n      event?.preventDefault();\n      handleCancel();\n    };\n\n    return (\n      <Box\n        sx={{\n          position: \"fixed\",\n          top: 0,\n          left: 0,\n          width: \"100vw\",\n          height: \"100vh\",\n          overflowY: \"auto\",\n          py: \"30px\",\n          bg: \"#434A5499\",\n        }}\n        data-test=\"calendar-wrapper\"\n      >\n        <OutsideClickBox\n          onClickOutside={onClickOutside}\n          sx={{\n            borderStyle: \"solid\",\n            borderWidth: \"1px\",\n            borderColor: \"cl_lightGrey\",\n            minWidth: \"352px\",\n            width: \"max-content\",\n            backgroundColor: \"#fff\",\n            m: \"auto\",\n            borderRadius: \"4px\",\n            zIndex,\n            \".rdrDateRangePickerWrapper\": {\n              width: \"100%\",\n              flexDirection: \"column\",\n            },\n            \".rdrDefinedRangesWrapper\": {\n              width: \"100%\",\n            },\n            \".rdrCalendarWrapper\": {\n              display: customOptionSelected ? \"inline-flex\" : \"none\",\n            },\n            \".rdrInputRanges\": {\n              display: \"none\",\n            },\n            \".rdrStaticRanges:before\": {\n              fontSize: \"16px\",\n              fontFamily: \"proxima-nova\",\n              color: \"#9BA2B4\",\n              fontWeight: \"300\",\n              p: \"10px 20px\",\n            },\n            \".rdrStaticRange\": {\n              fontSize: \"16px\",\n              fontFamily: \"proxima-nova\",\n              color: \"#434A54\",\n              borderBottomWidth: \"0\",\n            },\n          }}\n        >\n          <ResponsiveTextV2 fontSizeWeight={[12, \"semi-bold\"]} ref={ref}>\n            <DateRangePicker\n              {...getCalendarProps(props)}\n              direction=\"vertical\"\n              staticRanges={getStaticRanges(true)}\n            />\n          </ResponsiveTextV2>\n\n          <SelectedRangeText {...props} isMobile />\n\n          <FrFrContainer p=\"10px 20px\">\n            <PrimaryTextButton\n              onClick={handleCancel}\n              height=\"42px\"\n              color=\"cl_darkGrey\"\n              padding=\"0\"\n            >\n              Cancel\n            </PrimaryTextButton>\n\n            <ApplyButton {...props} />\n          </FrFrContainer>\n        </OutsideClickBox>\n      </Box>\n    );\n  }\n);\n"],"names":["BaseDateRangeInputMobile","React","props","ref","zIndex","customOptionSelected","handleCancel","getStaticRanges","onClickOutside","event","jsx","Box","jsxs","OutsideClickBox","ResponsiveTextV2","DateRangePicker","getCalendarProps","SelectedRangeText","FrFrContainer","PrimaryTextButton","ApplyButton"],"mappings":";;;;;;;;;;;;;AAcO,MAAMA,IAA2BC,EAAM;AAAA,EAC5C,CAACC,GAAOC,MAAQ;AACd,UAAM,EAAE,QAAAC,GAAQ,sBAAAC,GAAsB,cAAAC,GAAc,iBAAAC,MAClDL,GAEIM,IAAiB,CAACC,MAA6C;AACnE,MAAAA,KAAA,QAAAA,EAAO,kBACMH;IAAA;AAIb,WAAAI,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,UAAU;AAAA,UACV,KAAK;AAAA,UACL,MAAM;AAAA,UACN,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,IAAI;AAAA,UACJ,IAAI;AAAA,QACN;AAAA,QACA,aAAU;AAAA,QAEV,UAAAC,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,gBAAAL;AAAA,YACA,IAAI;AAAA,cACF,aAAa;AAAA,cACb,aAAa;AAAA,cACb,aAAa;AAAA,cACb,UAAU;AAAA,cACV,OAAO;AAAA,cACP,iBAAiB;AAAA,cACjB,GAAG;AAAA,cACH,cAAc;AAAA,cACd,QAAAJ;AAAA,cACA,8BAA8B;AAAA,gBAC5B,OAAO;AAAA,gBACP,eAAe;AAAA,cACjB;AAAA,cACA,4BAA4B;AAAA,gBAC1B,OAAO;AAAA,cACT;AAAA,cACA,uBAAuB;AAAA,gBACrB,SAASC,IAAuB,gBAAgB;AAAA,cAClD;AAAA,cACA,mBAAmB;AAAA,gBACjB,SAAS;AAAA,cACX;AAAA,cACA,2BAA2B;AAAA,gBACzB,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACP,YAAY;AAAA,gBACZ,GAAG;AAAA,cACL;AAAA,cACA,mBAAmB;AAAA,gBACjB,UAAU;AAAA,gBACV,YAAY;AAAA,gBACZ,OAAO;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,YAEA,UAAA;AAAA,cAAAK,gBAAAA,MAACI,KAAiB,gBAAgB,CAAC,IAAI,WAAW,GAAG,KAAAX,GACnD,UAAAO,gBAAAA,EAAA;AAAA,gBAACK,EAAA;AAAA,gBAAA;AAAA,kBACE,GAAGC,EAAiBd,CAAK;AAAA,kBAC1B,WAAU;AAAA,kBACV,cAAcK,EAAgB,EAAI;AAAA,gBAAA;AAAA,cAAA,GAEtC;AAAA,cAECG,gBAAAA,EAAA,IAAAO,GAAA,EAAmB,GAAGf,GAAO,UAAQ,GAAC,CAAA;AAAA,cAEvCU,gBAAAA,EAAAA,KAACM,GAAc,EAAA,GAAE,aACf,UAAA;AAAA,gBAAAR,gBAAAA,EAAA;AAAA,kBAACS;AAAA,kBAAA;AAAA,oBACC,SAASb;AAAA,oBACT,QAAO;AAAA,oBACP,OAAM;AAAA,oBACN,SAAQ;AAAA,oBACT,UAAA;AAAA,kBAAA;AAAA,gBAED;AAAA,gBAEAI,gBAAAA,EAAAA,IAACU,GAAa,EAAA,GAAGlB,GAAO;AAAA,cAAA,GAC1B;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}