@selfdecode/sd-component-library 4.0.76 → 4.0.78

package/lib/sd-component-library54.js

@@ -2,9 +2,9 @@ import { j as o } from "./sd-component-library190.js";
 import { Box as l } from "rebass";
 import { useHover as k, useBreakPoints as g } from "./sd-component-library3.js";
 import { isTouchScreen as C } from "./sd-component-library4.js";
-import { BaseFeedbackContainer as S } from "./sd-component-library205.js";
+import { BaseFeedbackContainer as S } from "./sd-component-library208.js";
 import { GridContainerV2 as y } from "./sd-component-library39.js";
-import { BaseFeedbackButton as a } from "./sd-component-library206.js";
+import { BaseFeedbackButton as a } from "./sd-component-library209.js";
 import { FrMaxContainer as x } from "./sd-component-library38.js";
 import { ReactComponent as B } from "./sd-component-library170.js";
 const D = ({

package/lib/sd-component-library56.js

@@ -1,12 +1,11 @@
 import { j as e } from "./sd-component-library190.js";
-import { useCallback as f, useMemo as u } from "react";
+import { useCallback as p, useMemo as u } from "react";
+import { Calendar as g } from "react-date-range";
 import "./sd-component-library275.js";
 import "./sd-component-library276.js";
-import "./sd-component-library277.js";
 import { Box as o } from "rebass";
-import { TenSb as g } from "./sd-component-library147.js";
-import { __exports as b } from "./sd-component-library278.js";
-const W = (a) => {
+import { TenSb as b } from "./sd-component-library147.js";
+const B = (a) => {
   const {
     color: i,
     selectedDate: l,
@@ -16,16 +15,16 @@ const W = (a) => {
     maxDate: d,
     width: c = "max-content",
     zIndex: x = 2
-  } = a, m = f(
+  } = a, m = p(
     (t) => r(t),
     [r]
-  ), p = u(() => {
+  ), h = u(() => {
     const t = {
       left: [],
       right: []
     };
     return n === "left" ? (t.left = ["0", "0"], t.right = ["0", "unset"]) : n === "right" && (t.left = ["0", "unset"], t.right = ["0", "0"]), t;
-  }, [n]), h = {
+  }, [n]), f = {
     ...a,
     color: i || "#9E1CB5",
     date: l || d || /* @__PURE__ */ new Date(),
@@ -63,13 +62,13 @@ const W = (a) => {
                   maxWidth: "max-content",
                   width: ["80vw", "max-content"],
                   top: ["30px", "0px"],
-                  ...p,
+                  ...h,
                   margin: ["0 auto", "auto"],
                   backgroundColor: "#fff",
                   zIndex: x
                 },
                 "data-testid": "calendar-wrapper",
-                children: /* @__PURE__ */ e.jsx(g, { children: /* @__PURE__ */ e.jsx(b.Calendar, { ...h }) })
+                children: /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx(g, { ...f }) })
               }
             )
           }
@@ -79,6 +78,6 @@ const W = (a) => {
   );
 };
 export {
-  W as BaseDateInput
+  B as BaseDateInput
 };
 //# sourceMappingURL=sd-component-library56.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library56.js","sources":["../src/components/inputs/date-inputs/base-date-input/base-date-input.tsx"],"sourcesContent":["// theme css file\nimport React, { useCallback, useMemo } from \"react\";\nimport { Calendar, OnChangeProps } from \"react-date-range\";\nimport \"react-date-range/dist/styles.css\";\n// main style file\nimport \"react-date-range/dist/theme/default.css\";\n\nimport { Box } from \"rebass\";\n\nimport { TenSb } from \"../../../texts\";\nimport { BaseDateInputProps as Props } from \"./interfaces\";\n\nexport const BaseDateInput: React.FC<Props> = (props) => {\n  const {\n    color,\n    selectedDate,\n    showCalendar,\n    alignCalendar = \"left\",\n    onDateSelect,\n    maxDate,\n    width = \"max-content\",\n    zIndex = 2,\n  } = props;\n\n  const handleChange = useCallback(\n    (date: OnChangeProps) => onDateSelect(date as Date),\n    [onDateSelect]\n  );\n\n  const calendarAlignmentStyles = useMemo(() => {\n    const calendarAlignmentStyles: {\n      [key: string]: Array<string | undefined>;\n    } = {\n      left: [],\n      right: [],\n    };\n\n    if (alignCalendar === \"left\") {\n      calendarAlignmentStyles.left = [\"0\", \"0\"];\n      calendarAlignmentStyles.right = [\"0\", \"unset\"];\n    } else if (alignCalendar === \"right\") {\n      calendarAlignmentStyles.left = [\"0\", \"unset\"];\n      calendarAlignmentStyles.right = [\"0\", \"0\"];\n    }\n    return calendarAlignmentStyles;\n  }, [alignCalendar]);\n\n  const calendarProps = {\n    ...props,\n    color: color || \"#9E1CB5\",\n    date: selectedDate || maxDate || new Date(),\n    onChange: handleChange,\n  };\n\n  return (\n    <Box\n      data-testid=\"base-date-input\"\n      sx={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        position: \"relative\",\n        width: width,\n      }}\n    >\n      <Box>{props.children}</Box>\n      {showCalendar && (\n        <Box\n          data-testid=\"base-date-input-calendar\"\n          sx={{\n            position: \"relative\",\n          }}\n        >\n          <Box\n            sx={{\n              overflowX: [\"scroll\", \"auto\"],\n              borderStyle: \"solid\",\n              borderWidth: \"1px\",\n              minWidth: [\"auto\", \"max-content\"],\n              borderColor: \"cl_lightGrey\",\n              position: [\"fixed\", \"absolute\"],\n              maxWidth: \"max-content\",\n              width: [\"80vw\", \"max-content\"],\n              top: [\"30px\", \"0px\"],\n              ...calendarAlignmentStyles,\n              margin: [\"0 auto\", \"auto\"],\n              backgroundColor: \"#fff\",\n              zIndex,\n            }}\n            data-testid=\"calendar-wrapper\"\n          >\n            <TenSb>\n              <Calendar {...calendarProps} />\n            </TenSb>\n          </Box>\n        </Box>\n      )}\n    </Box>\n  );\n};\n"],"names":["BaseDateInput","props","color","selectedDate","showCalendar","alignCalendar","onDateSelect","maxDate","width","zIndex","handleChange","useCallback","date","calendarAlignmentStyles","useMemo","calendarProps","jsxs","Box","jsx","TenSb","Calendar"],"mappings":";;;;;;;;AAYa,MAAAA,IAAiC,CAACC,MAAU;AACjD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,EACP,IAAAR,GAEES,IAAeC;AAAA,IACnB,CAACC,MAAwBN,EAAaM,CAAY;AAAA,IAClD,CAACN,CAAY;AAAA,EAAA,GAGTO,IAA0BC,EAAQ,MAAM;AAC5C,UAAMD,IAEF;AAAA,MACF,MAAM,CAAC;AAAA,MACP,OAAO,CAAC;AAAA,IAAA;AAGV,WAAIR,MAAkB,UACpBQ,EAAwB,OAAO,CAAC,KAAK,GAAG,GACxCA,EAAwB,QAAQ,CAAC,KAAK,OAAO,KACpCR,MAAkB,YAC3BQ,EAAwB,OAAO,CAAC,KAAK,OAAO,GAC5CA,EAAwB,QAAQ,CAAC,KAAK,GAAG,IAEpCA;AAAAA,EAAA,GACN,CAACR,CAAa,CAAC,GAEZU,IAAgB;AAAA,IACpB,GAAGd;AAAA,IACH,OAAOC,KAAS;AAAA,IAChB,MAAMC,KAAgBI,KAAW,oBAAI,KAAK;AAAA,IAC1C,UAAUG;AAAA,EAAA;AAIV,SAAAM,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,UAAU;AAAA,QACV,OAAAT;AAAA,MACF;AAAA,MAEA,UAAA;AAAA,QAACU,gBAAAA,EAAAA,IAAAD,GAAA,EAAK,YAAM,SAAS,CAAA;AAAA,QACpBb,KACCc,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,IAAI;AAAA,cACF,UAAU;AAAA,YACZ;AAAA,YAEA,UAAAC,gBAAAA,EAAA;AAAA,cAACD;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,kBACF,WAAW,CAAC,UAAU,MAAM;AAAA,kBAC5B,aAAa;AAAA,kBACb,aAAa;AAAA,kBACb,UAAU,CAAC,QAAQ,aAAa;AAAA,kBAChC,aAAa;AAAA,kBACb,UAAU,CAAC,SAAS,UAAU;AAAA,kBAC9B,UAAU;AAAA,kBACV,OAAO,CAAC,QAAQ,aAAa;AAAA,kBAC7B,KAAK,CAAC,QAAQ,KAAK;AAAA,kBACnB,GAAGJ;AAAA,kBACH,QAAQ,CAAC,UAAU,MAAM;AAAA,kBACzB,iBAAiB;AAAA,kBACjB,QAAAJ;AAAA,gBACF;AAAA,gBACA,eAAY;AAAA,gBAEZ,gCAACU,GACC,EAAA,UAAAD,gBAAAA,MAACE,EAAAA,UAAU,EAAA,GAAGL,EAAe,CAAA,GAC/B;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"sd-component-library56.js","sources":["../src/components/inputs/date-inputs/base-date-input/base-date-input.tsx"],"sourcesContent":["// theme css file\nimport React, { useCallback, useMemo } from \"react\";\nimport { Calendar, OnChangeProps } from \"react-date-range\";\nimport \"react-date-range/dist/styles.css\";\n// main style file\nimport \"react-date-range/dist/theme/default.css\";\n\nimport { Box } from \"rebass\";\n\nimport { TenSb } from \"../../../texts\";\nimport { BaseDateInputProps as Props } from \"./interfaces\";\n\nexport const BaseDateInput: React.FC<Props> = (props) => {\n  const {\n    color,\n    selectedDate,\n    showCalendar,\n    alignCalendar = \"left\",\n    onDateSelect,\n    maxDate,\n    width = \"max-content\",\n    zIndex = 2,\n  } = props;\n\n  const handleChange = useCallback(\n    (date: OnChangeProps) => onDateSelect(date as Date),\n    [onDateSelect]\n  );\n\n  const calendarAlignmentStyles = useMemo(() => {\n    const calendarAlignmentStyles: {\n      [key: string]: Array<string | undefined>;\n    } = {\n      left: [],\n      right: [],\n    };\n\n    if (alignCalendar === \"left\") {\n      calendarAlignmentStyles.left = [\"0\", \"0\"];\n      calendarAlignmentStyles.right = [\"0\", \"unset\"];\n    } else if (alignCalendar === \"right\") {\n      calendarAlignmentStyles.left = [\"0\", \"unset\"];\n      calendarAlignmentStyles.right = [\"0\", \"0\"];\n    }\n    return calendarAlignmentStyles;\n  }, [alignCalendar]);\n\n  const calendarProps = {\n    ...props,\n    color: color || \"#9E1CB5\",\n    date: selectedDate || maxDate || new Date(),\n    onChange: handleChange,\n  };\n\n  return (\n    <Box\n      data-testid=\"base-date-input\"\n      sx={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        position: \"relative\",\n        width: width,\n      }}\n    >\n      <Box>{props.children}</Box>\n      {showCalendar && (\n        <Box\n          data-testid=\"base-date-input-calendar\"\n          sx={{\n            position: \"relative\",\n          }}\n        >\n          <Box\n            sx={{\n              overflowX: [\"scroll\", \"auto\"],\n              borderStyle: \"solid\",\n              borderWidth: \"1px\",\n              minWidth: [\"auto\", \"max-content\"],\n              borderColor: \"cl_lightGrey\",\n              position: [\"fixed\", \"absolute\"],\n              maxWidth: \"max-content\",\n              width: [\"80vw\", \"max-content\"],\n              top: [\"30px\", \"0px\"],\n              ...calendarAlignmentStyles,\n              margin: [\"0 auto\", \"auto\"],\n              backgroundColor: \"#fff\",\n              zIndex,\n            }}\n            data-testid=\"calendar-wrapper\"\n          >\n            <TenSb>\n              <Calendar {...calendarProps} />\n            </TenSb>\n          </Box>\n        </Box>\n      )}\n    </Box>\n  );\n};\n"],"names":["BaseDateInput","props","color","selectedDate","showCalendar","alignCalendar","onDateSelect","maxDate","width","zIndex","handleChange","useCallback","date","calendarAlignmentStyles","useMemo","calendarProps","jsxs","Box","jsx","TenSb","Calendar"],"mappings":";;;;;;;AAYa,MAAAA,IAAiC,CAACC,MAAU;AACjD,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,EACP,IAAAR,GAEES,IAAeC;AAAA,IACnB,CAACC,MAAwBN,EAAaM,CAAY;AAAA,IAClD,CAACN,CAAY;AAAA,EAAA,GAGTO,IAA0BC,EAAQ,MAAM;AAC5C,UAAMD,IAEF;AAAA,MACF,MAAM,CAAC;AAAA,MACP,OAAO,CAAC;AAAA,IAAA;AAGV,WAAIR,MAAkB,UACpBQ,EAAwB,OAAO,CAAC,KAAK,GAAG,GACxCA,EAAwB,QAAQ,CAAC,KAAK,OAAO,KACpCR,MAAkB,YAC3BQ,EAAwB,OAAO,CAAC,KAAK,OAAO,GAC5CA,EAAwB,QAAQ,CAAC,KAAK,GAAG,IAEpCA;AAAAA,EAAA,GACN,CAACR,CAAa,CAAC,GAEZU,IAAgB;AAAA,IACpB,GAAGd;AAAA,IACH,OAAOC,KAAS;AAAA,IAChB,MAAMC,KAAgBI,KAAW,oBAAI,KAAK;AAAA,IAC1C,UAAUG;AAAA,EAAA;AAIV,SAAAM,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,UAAU;AAAA,QACV,OAAAT;AAAA,MACF;AAAA,MAEA,UAAA;AAAA,QAACU,gBAAAA,EAAAA,IAAAD,GAAA,EAAK,YAAM,SAAS,CAAA;AAAA,QACpBb,KACCc,gBAAAA,EAAA;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,IAAI;AAAA,cACF,UAAU;AAAA,YACZ;AAAA,YAEA,UAAAC,gBAAAA,EAAA;AAAA,cAACD;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,kBACF,WAAW,CAAC,UAAU,MAAM;AAAA,kBAC5B,aAAa;AAAA,kBACb,aAAa;AAAA,kBACb,UAAU,CAAC,QAAQ,aAAa;AAAA,kBAChC,aAAa;AAAA,kBACb,UAAU,CAAC,SAAS,UAAU;AAAA,kBAC9B,UAAU;AAAA,kBACV,OAAO,CAAC,QAAQ,aAAa;AAAA,kBAC7B,KAAK,CAAC,QAAQ,KAAK;AAAA,kBACnB,GAAGJ;AAAA,kBACH,QAAQ,CAAC,UAAU,MAAM;AAAA,kBACzB,iBAAiB;AAAA,kBACjB,QAAAJ;AAAA,gBACF;AAAA,gBACA,eAAY;AAAA,gBAEZ,gCAACU,GACC,EAAA,UAAAD,gBAAAA,MAACE,GAAU,EAAA,GAAGL,EAAe,CAAA,GAC/B;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/lib/sd-component-library57.js

@@ -1,12 +1,12 @@
 import { j as t } from "./sd-component-library190.js";
 import { useState as v, useRef as w } from "react";
+import "./sd-component-library275.js";
 import "./sd-component-library276.js";
-import "./sd-component-library277.js";
 import { Box as s } from "rebass";
 import { useBreakPoints as M, useDependantState as y } from "./sd-component-library3.js";
-import { getStaticRanges as E } from "./sd-component-library279.js";
-import { BaseDateRangeInputMobile as O } from "./sd-component-library280.js";
-import { BaseDateRangeInputDesktop as P } from "./sd-component-library281.js";
+import { getStaticRanges as E } from "./sd-component-library277.js";
+import { BaseDateRangeInputMobile as O } from "./sd-component-library278.js";
+import { BaseDateRangeInputDesktop as P } from "./sd-component-library279.js";
 const J = (n) => {
   const {
     color: d = "#9E1CB5",

package/lib/sd-component-library58.js

@@ -2,7 +2,7 @@ import { j as t } from "./sd-component-library190.js";
 import { useState as u } from "react";
 import { Flex as g } from "rebass";
 import { BaseDateInput as C } from "./sd-component-library56.js";
-import { ReactComponent as S } from "./sd-component-library282.js";
+import { ReactComponent as S } from "./sd-component-library280.js";
 import { Button as D } from "./sd-component-library25.js";
 import { FrMaxContainer as b } from "./sd-component-library38.js";
 const k = (r) => {

package/lib/sd-component-library59.js

@@ -2,7 +2,7 @@ import { j as e } from "./sd-component-library190.js";
 import { useState as I, useCallback as M, useMemo as v } from "react";
 import { Box as F, Flex as O } from "rebass";
 import { useBreakPoints as W } from "./sd-component-library3.js";
-import { ReactComponent as z } from "./sd-component-library282.js";
+import { ReactComponent as z } from "./sd-component-library280.js";
 import { BaseLabel as E } from "./sd-component-library221.js";
 import { OutsideClickBox as J } from "./sd-component-library11.js";
 import { BaseDateRangeInput as L } from "./sd-component-library57.js";

package/lib/sd-component-library6.js

@@ -4,7 +4,7 @@ import { Box as e, Flex as S } from "rebass";
 import { isPDFFlow as D } from "./sd-component-library4.js";
 import { SecondaryBadge as F } from "./sd-component-library9.js";
 import { MaxFrContainer as I } from "./sd-component-library40.js";
-import { ReactComponent as k } from "./sd-component-library197.js";
+import { ReactComponent as k } from "./sd-component-library194.js";
 const _ = (l) => {
   const {
     header: x,

package/lib/sd-component-library60.js

@@ -1,10 +1,10 @@
 import { j as e } from "./sd-component-library190.js";
 import { useState as x, useRef as _, useMemo as F, useEffect as f } from "react";
-import { random as R } from "lodash-es";
+import { format as R } from "date-fns";
+import { random as k } from "lodash-es";
 import { Box as r } from "rebass";
-import { BaseDateInput as k } from "./sd-component-library56.js";
-import { BaseLabel as G } from "./sd-component-library221.js";
-import I from "./sd-component-library283.js";
+import { BaseDateInput as G } from "./sd-component-library56.js";
+import { BaseLabel as I } from "./sd-component-library221.js";
 import { ReactComponent as M } from "./sd-component-library181.js";
 import { FrMaxContainer as A } from "./sd-component-library38.js";
 import { ResponsiveText as L } from "./sd-component-library142.js";
@@ -26,7 +26,7 @@ const K = (u) => {
     onFocus: d
   } = u, [n, s] = x(!1), B = (o) => {
     h(o), s(!1);
-  }, [i, c] = x(!1), m = _(), E = F(() => -1 * R(1, 1e5), []), p = () => {
+  }, [i, c] = x(!1), m = _(), E = F(() => -1 * k(1, 1e5), []), p = () => {
     var o;
     (o = m.current) != null && o.contains(document.activeElement) ? c(!0) : c(!1);
   };
@@ -44,7 +44,7 @@ const K = (u) => {
       },
       "data-testid": "primary-date-input",
       children: /* @__PURE__ */ e.jsx(
-        k,
+        G,
         {
           showCalendar: i && n,
           selectedDate: t,
@@ -63,7 +63,7 @@ const K = (u) => {
               },
               children: [
                 l ? /* @__PURE__ */ e.jsx(
-                  G,
+                  I,
                   {
                     "data-testid": "primary-date-input-label",
                     variant: `${D}${a ? "Error" : ""}`,
@@ -104,7 +104,7 @@ const K = (u) => {
                               textAlign: "left",
                               cursor: "pointer",
                               color: t ? "cl_darkGrey" : "cl_grey",
-                              children: t ? I(t, "P") : g
+                              children: t ? R(t, "P") : g
                             }
                           )
                         }

package/lib/sd-component-library65.js

@@ -1,8 +1,8 @@
 import { j as o } from "./sd-component-library190.js";
 import { useState as z } from "react";
-import D from "./sd-component-library211.js";
+import D from "./sd-component-library214.js";
 import u from "./sd-component-library189.js";
-import { escapeWrapper as F, unescapeWrapper as d } from "./sd-component-library212.js";
+import { escapeWrapper as F, unescapeWrapper as d } from "./sd-component-library215.js";
 import { GridContainerV2 as G } from "./sd-component-library39.js";
 import { BaseTextV2 as T } from "./sd-component-library132.js";
 import { HorizontalDivider as B } from "./sd-component-library49.js";

package/lib/sd-component-library67.js

@@ -1,10 +1,10 @@
 import { j as i } from "./sd-component-library190.js";
 import u from "react";
 import { Flex as R } from "rebass";
-import { CircleButton as a } from "./sd-component-library213.js";
-import { ReactComponent as _ } from "./sd-component-library214.js";
+import { CircleButton as a } from "./sd-component-library211.js";
+import { ReactComponent as _ } from "./sd-component-library212.js";
 import { NumberInput as I } from "./sd-component-library66.js";
-import { ReactComponent as M } from "./sd-component-library215.js";
+import { ReactComponent as M } from "./sd-component-library213.js";
 function m(d, t) {
   return (r, o) => {
     t == null || t(r, o), d(r);

package/lib/sd-component-library69.js

@@ -2,8 +2,8 @@ import { j as t } from "./sd-component-library190.js";
 import { useState as d } from "react";
 import { OutsideClickBox as g } from "./sd-component-library11.js";
 import { SecondaryTextInput as j } from "./sd-component-library72.js";
-import { ReactComponent as v } from "./sd-component-library216.js";
-import { SearchAutocompleteResultsBox as C } from "./sd-component-library217.js";
+import { ReactComponent as v } from "./sd-component-library217.js";
+import { SearchAutocompleteResultsBox as C } from "./sd-component-library219.js";
 const F = (s) => {
   const {
     searchValue: r,

package/lib/sd-component-library70.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library70.js","sources":["../src/components/inputs/search-input/search-input.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { OutsideClickBox } from \"../../boxes\";\nimport { PrimaryTextInput } from \"../primary-text-input\";\nimport { SearchIcon, XIcon } from \"./assets\";\nimport { SearchInputProps } from \"./interfaces\";\nimport { SearchBox } from \"./search-box\";\n\nfunction onChangeWrapper(\n  newValue: string,\n  oldValue: string,\n  setCurrentValue: React.Dispatch<React.SetStateAction<string | undefined>>,\n  onChange: undefined | ((newValue: string, oldValue: string) => void)\n) {\n  onChange?.(newValue, oldValue);\n  setCurrentValue(newValue);\n}\n\n/**\n * Search input component.\n */\nexport function SearchInput(\n  props: SearchInputProps\n): React.ReactElement<SearchInputProps> {\n  const {\n    onClickSearch,\n    onClickClose,\n    hideX,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n    onChange,\n    padding,\n    textAlign,\n    placeholder = \"Enter your Search\",\n    focusInput,\n    value,\n    width,\n    searchRight,\n    searchColor,\n    searchResults,\n    useRouterLinks = false,\n    sx,\n    id,\n    containerSx,\n    xColor = \"#434A54\",\n    searchBottom = \"15px\",\n    xBottom = \"16px\",\n    maxWidth,\n  } = props;\n\n  const [currentValue, setCurrentValue] = useDependantState(value);\n\n  const fill = searchColor ? searchColor : currentValue ? \"#4568F9\" : \"#CCD0DB\";\n  const defaultRight = hideX ? \"15px\" : \"40px\";\n  const right = hideX\n    ? searchRight\n      ? searchRight\n      : defaultRight\n    : defaultRight;\n\n  const handleSearch = () => currentValue && onClickSearch?.(currentValue);\n\n  const [focused, setFocused] = useState(false);\n\n  return (\n    <OutsideClickBox\n      onClickOutside={() => setFocused(false)}\n      sx={{\n        position: \"relative\",\n        bg: \"white\",\n        width,\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n        maxWidth,\n        ...containerSx,\n      }}\n      data-test=\"search-input\"\n    >\n      <PrimaryTextInput\n        onChange={(newValue, oldValue) =>\n          onChangeWrapper(newValue, oldValue, setCurrentValue, onChange)\n        }\n        {...{ padding, textAlign, value, placeholder, focusInput, sx, id }}\n        onKeyPress={{\n          Enter: handleSearch,\n        }}\n        onFocus={() => setFocused(true)}\n      />\n\n      <SearchIcon\n        style={{\n          height: \"18px\",\n          position: \"absolute\",\n          right: right,\n          bottom: searchBottom,\n          fill: fill,\n          cursor: currentValue ? \"pointer\" : \"default\",\n          transition: \"all .1s\",\n        }}\n        onClick={handleSearch}\n      />\n\n      {!hideX && (\n        <XIcon\n          style={{\n            height: \"16px\",\n            position: \"absolute\",\n            right: \"10px\",\n            bottom: xBottom,\n            fill: xColor,\n            cursor: \"pointer\",\n          }}\n          onClick={() => {\n            onClickClose?.();\n            onChangeWrapper(\"\", currentValue || \"\", setCurrentValue, onChange);\n          }}\n        />\n      )}\n      {!!searchResults?.length && focused && (\n        <SearchBox\n          searchResults={searchResults}\n          useRouterLinks={useRouterLinks}\n        />\n      )}\n    </OutsideClickBox>\n  );\n}\n"],"names":["onChangeWrapper","newValue","oldValue","setCurrentValue","onChange","SearchInput","props","onClickSearch","onClickClose","hideX","m","mt","mr","mb","ml","padding","textAlign","placeholder","focusInput","value","width","searchRight","searchColor","searchResults","useRouterLinks","sx","id","containerSx","xColor","searchBottom","xBottom","maxWidth","currentValue","useDependantState","fill","defaultRight","right","handleSearch","focused","setFocused","useState","jsxs","OutsideClickBox","jsx","PrimaryTextInput","SearchIcon","XIcon","SearchBox"],"mappings":"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"}
+{"version":3,"file":"sd-component-library70.js","sources":["../src/components/inputs/search-input/search-input.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { OutsideClickBox } from \"../../boxes\";\nimport { PrimaryTextInput } from \"../primary-text-input\";\nimport { SearchIcon, XIcon } from \"./assets\";\nimport { SearchInputProps } from \"./interfaces\";\nimport { SearchBox } from \"./search-box\";\n\nfunction onChangeWrapper(\n  newValue: string,\n  oldValue: string,\n  setCurrentValue: React.Dispatch<React.SetStateAction<string | undefined>>,\n  onChange: undefined | ((newValue: string, oldValue: string) => void)\n) {\n  onChange?.(newValue, oldValue);\n  setCurrentValue(newValue);\n}\n\n/**\n * Search input component.\n */\nexport function SearchInput(\n  props: SearchInputProps\n): React.ReactElement<SearchInputProps> {\n  const {\n    onClickSearch,\n    onClickClose,\n    hideX,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n    onChange,\n    padding,\n    textAlign,\n    placeholder = \"Enter your Search\",\n    focusInput,\n    value,\n    width,\n    searchRight,\n    searchColor,\n    searchResults,\n    useRouterLinks = false,\n    sx,\n    id,\n    containerSx,\n    xColor = \"#434A54\",\n    searchBottom = \"15px\",\n    xBottom = \"16px\",\n    maxWidth,\n    onResultClick,\n  } = props;\n\n  const [currentValue, setCurrentValue] = useDependantState(value);\n\n  const fill = searchColor ? searchColor : currentValue ? \"#4568F9\" : \"#CCD0DB\";\n  const defaultRight = hideX ? \"15px\" : \"40px\";\n  const right = hideX\n    ? searchRight\n      ? searchRight\n      : defaultRight\n    : defaultRight;\n\n  const handleSearch = () => currentValue && onClickSearch?.(currentValue);\n\n  const [focused, setFocused] = useState(false);\n\n  return (\n    <OutsideClickBox\n      onClickOutside={() => setFocused(false)}\n      sx={{\n        position: \"relative\",\n        bg: \"white\",\n        width,\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n        maxWidth,\n        ...containerSx,\n      }}\n      data-test=\"search-input\"\n    >\n      <PrimaryTextInput\n        onChange={(newValue, oldValue) =>\n          onChangeWrapper(newValue, oldValue, setCurrentValue, onChange)\n        }\n        {...{ padding, textAlign, value, placeholder, focusInput, sx, id }}\n        onKeyPress={{\n          Enter: handleSearch,\n        }}\n        onFocus={() => setFocused(true)}\n      />\n\n      <SearchIcon\n        style={{\n          height: \"18px\",\n          position: \"absolute\",\n          right: right,\n          bottom: searchBottom,\n          fill: fill,\n          cursor: currentValue ? \"pointer\" : \"default\",\n          transition: \"all .1s\",\n        }}\n        onClick={handleSearch}\n      />\n\n      {!hideX && (\n        <XIcon\n          style={{\n            height: \"16px\",\n            position: \"absolute\",\n            right: \"10px\",\n            bottom: xBottom,\n            fill: xColor,\n            cursor: \"pointer\",\n          }}\n          onClick={() => {\n            onClickClose?.();\n            onChangeWrapper(\"\", currentValue || \"\", setCurrentValue, onChange);\n          }}\n        />\n      )}\n      {!!searchResults?.length && focused && (\n        <SearchBox {...{ searchResults, useRouterLinks, onResultClick }} />\n      )}\n    </OutsideClickBox>\n  );\n}\n"],"names":["onChangeWrapper","newValue","oldValue","setCurrentValue","onChange","SearchInput","props","onClickSearch","onClickClose","hideX","m","mt","mr","mb","ml","padding","textAlign","placeholder","focusInput","value","width","searchRight","searchColor","searchResults","useRouterLinks","sx","id","containerSx","xColor","searchBottom","xBottom","maxWidth","onResultClick","currentValue","useDependantState","fill","defaultRight","right","handleSearch","focused","setFocused","useState","jsxs","OutsideClickBox","jsx","PrimaryTextInput","SearchIcon","XIcon","SearchBox"],"mappings":";;;;;;;;AASA,SAASA,EACPC,GACAC,GACAC,GACAC,GACA;AACA,EAAAA,KAAA,QAAAA,EAAWH,GAAUC,IACrBC,EAAgBF,CAAQ;AAC1B;AAKO,SAASI,GACdC,GACsC;AAChC,QAAA;AAAA,IACJ,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,UAAAV;AAAA,IACA,SAAAW;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,cAAAC,IAAe;AAAA,IACf,SAAAC,IAAU;AAAA,IACV,UAAAC;AAAA,IACA,eAAAC;AAAA,EACE,IAAA1B,GAEE,CAAC2B,GAAc9B,CAAe,IAAI+B,EAAkBf,CAAK,GAEzDgB,IAAOb,MAA4BW,IAAe,YAAY,YAC9DG,IAAe3B,IAAQ,SAAS,QAChC4B,IAAQ5B,KACVY,KAEEe,GAGAE,IAAe,MAAML,MAAgB1B,KAAA,gBAAAA,EAAgB0B,KAErD,CAACM,GAASC,CAAU,IAAIC,EAAS,EAAK;AAG1C,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgB,MAAMH,EAAW,EAAK;AAAA,MACtC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,IAAI;AAAA,QACJ,OAAApB;AAAA,QACA,GAAAV;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,QACA,UAAAiB;AAAA,QACA,GAAGJ;AAAA,MACL;AAAA,MACA,aAAU;AAAA,MAEV,UAAA;AAAA,QAAAiB,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAU,CAAC5C,GAAUC,MACnBF,EAAgBC,GAAUC,GAAUC,GAAiBC,CAAQ;AAAA,YAEzD,SAAAW;AAAA,YAAS,WAAAC;AAAA,YAAW,OAAAG;AAAA,YAAO,aAAAF;AAAA,YAAa,YAAAC;AAAA,YAAY,IAAAO;AAAA,YAAI,IAAAC;AAAA,YAC9D,YAAY;AAAA,cACV,OAAOY;AAAA,YACT;AAAA,YACA,SAAS,MAAME,EAAW,EAAI;AAAA,UAAA;AAAA,QAChC;AAAA,QAEAI,gBAAAA,EAAA;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,QAAQ;AAAA,cACR,UAAU;AAAA,cACV,OAAAT;AAAA,cACA,QAAQR;AAAA,cACR,MAAAM;AAAA,cACA,QAAQF,IAAe,YAAY;AAAA,cACnC,YAAY;AAAA,YACd;AAAA,YACA,SAASK;AAAA,UAAA;AAAA,QACX;AAAA,QAEC,CAAC7B,KACAmC,gBAAAA,EAAA;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,QAAQ;AAAA,cACR,UAAU;AAAA,cACV,OAAO;AAAA,cACP,QAAQjB;AAAA,cACR,MAAMF;AAAA,cACN,QAAQ;AAAA,YACV;AAAA,YACA,SAAS,MAAM;AACE,cAAApB,KAAA,QAAAA,KACfR,EAAgB,IAAIiC,KAAgB,IAAI9B,GAAiBC,CAAQ;AAAA,YACnE;AAAA,UAAA;AAAA,QACF;AAAA,QAED,CAAC,EAACmB,KAAA,QAAAA,EAAe,WAAUgB,KAC1BK,gBAAAA,EAAAA,IAACI,GAAW,EAAK,eAAAzB,GAAe,gBAAAC,GAAgB,eAAAQ,EAAiB,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIzE;"}

package/lib/sd-component-library71.js

@@ -1,6 +1,6 @@
 import { j as r } from "./sd-component-library190.js";
 import { Box as I } from "rebass";
-import { SecondaryInputLabels as B } from "./sd-component-library218.js";
+import { SecondaryInputLabels as B } from "./sd-component-library220.js";
 import { NumberInput as A } from "./sd-component-library66.js";
 const k = (n) => {
   const {

package/lib/sd-component-library72.js

@@ -1,6 +1,6 @@
 import { j as t } from "./sd-component-library190.js";
 import { Box as c } from "rebass";
-import { SecondaryInputLabels as u } from "./sd-component-library218.js";
+import { SecondaryInputLabels as u } from "./sd-component-library220.js";
 import { PrimaryTextInput as f } from "./sd-component-library68.js";
 const T = (e) => {
   const { m: r, mb: s, ml: n, mr: o, mt: a, width: m, padding: p, sx: x, inputSx: d, ...i } = e;

package/lib/sd-component-library74.js

@@ -1,7 +1,7 @@
 import { j as r } from "./sd-component-library190.js";
 import { Box as p } from "rebass";
 import { PrimaryTextInput as x } from "./sd-component-library68.js";
-import { ReactComponent as m } from "./sd-component-library216.js";
+import { ReactComponent as m } from "./sd-component-library217.js";
 const j = ({
   placeholder: s = "Enter your Search",
   searchStyle: a,

package/lib/sd-component-library80.js

@@ -5,7 +5,7 @@ import { useHover as R } from "./sd-component-library3.js";
 import { getResponsiveClick as H } from "./sd-component-library4.js";
 import { OutsideClickBox as W } from "./sd-component-library11.js";
 import { ReactComponent as $ } from "./sd-component-library181.js";
-import { ActionBox as A } from "./sd-component-library248.js";
+import { ActionBox as A } from "./sd-component-library250.js";
 import { FlexCenter as M } from "./sd-component-library35.js";
 import { HorizontalDivider as a } from "./sd-component-library49.js";
 const G = (d) => {

package/lib/sd-component-library97.js

@@ -3,9 +3,9 @@ import { useRef as B, useState as I, useEffect as R } from "react";
 import { Box as s } from "rebass";
 import { useBodyScrollLock as E } from "./sd-component-library3.js";
 import { isIOS as F, isPDFFlow as T } from "./sd-component-library4.js";
-import X from "./sd-component-library249.js";
+import X from "./sd-component-library248.js";
 import { OutsideClickBox as P } from "./sd-component-library11.js";
-import { ReactComponent as z } from "./sd-component-library250.js";
+import { ReactComponent as z } from "./sd-component-library249.js";
 import { FlexCenter as A } from "./sd-component-library35.js";
 import { Button as D } from "./sd-component-library25.js";
 const r = 500, J = (d) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selfdecode/sd-component-library",
-  "version": "4.0.76",
+  "version": "4.0.78",
   "private": false,
   "license": "MIT",
   "files": [
@@ -10,21 +10,16 @@
     "lib": "lib"
   },
   "dependencies": {
-    "@rebass/forms": "^4.0.6",
     "body-scroll-lock": "^4.0.0-beta.0",
     "browserslist": "^4.18.1",
-    "date-fns": "^2.30.0",
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
-    "emotion-theming": "^10.0.27",
     "history": "^4.10.1",
     "react-app-polyfill": "^3.0.0",
     "react-contenteditable": "^3.3.6",
-    "react-date-range": "1.1.3",
     "react-dev-utils": "^12.0.1",
     "react-refresh": "^0.11.0",
     "react-transition-group": "^4.4.1",
-    "rebass": "^4.0.7",
     "resolve": "^1.20.0",
     "resolve-url-loader": "^4.0.0",
     "semver": "^7.3.5"
@@ -106,10 +101,12 @@
     "vitest": "^0.33.0"
   },
   "peerDependencies": {
+    "date-fns": "^2.30.0",
     "lodash-es": "^4.17.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^5.3.3",
+    "react-date-range": "1.1.3",
     "emotion-theming": "^10.0.28",
     "@rebass/forms": "^4.0.6",
     "rebass": "^4.0.7"

package/lib/sd-component-library321.js

@@ -1,5 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};
-//# sourceMappingURL=sd-component-library321.js.map

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

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

package/lib/sd-component-library322.js

@@ -1,11 +0,0 @@
-import e from "./sd-component-library557.js";
-import a from "./sd-component-library585.js";
-function u(t) {
-  a(1, arguments);
-  var r = e(t);
-  return r.setHours(0, 0, 0, 0), r;
-}
-export {
-  u as default
-};
-//# sourceMappingURL=sd-component-library322.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library322.js","sources":["../node_modules/date-fns/esm/startOfDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\nexport default function startOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}"],"names":["startOfDay","dirtyDate","requiredArgs","date","toDate"],"mappings":";;AAoBe,SAASA,EAAWC,GAAW;AAC5C,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAOC,EAAOH,CAAS;AAC3B,SAAAE,EAAK,SAAS,GAAG,GAAG,GAAG,CAAC,GACjBA;AACT;","x_google_ignoreList":[0]}

package/lib/sd-component-library323.js

@@ -1,12 +0,0 @@
-import o from "./sd-component-library586.js";
-import n from "./sd-component-library557.js";
-import i from "./sd-component-library585.js";
-function s(e, a) {
-  i(2, arguments);
-  var t = n(e), r = o(a);
-  return isNaN(r) ? /* @__PURE__ */ new Date(NaN) : (r && t.setDate(t.getDate() + r), t);
-}
-export {
-  s as default
-};
-//# sourceMappingURL=sd-component-library323.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library323.js","sources":["../node_modules/date-fns/esm/addDays/index.js"],"sourcesContent":["import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name addDays\n * @category Day Helpers\n * @summary Add the specified number of days to the given date.\n *\n * @description\n * Add the specified number of days to the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} - the new date with the days added\n * @throws {TypeError} - 2 arguments required\n *\n * @example\n * // Add 10 days to 1 September 2014:\n * const result = addDays(new Date(2014, 8, 1), 10)\n * //=> Thu Sep 11 2014 00:00:00\n */\nexport default function addDays(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var amount = toInteger(dirtyAmount);\n  if (isNaN(amount)) {\n    return new Date(NaN);\n  }\n  if (!amount) {\n    // If 0 days, no-op to avoid changing times in the hour before end of DST\n    return date;\n  }\n  date.setDate(date.getDate() + amount);\n  return date;\n}"],"names":["addDays","dirtyDate","dirtyAmount","requiredArgs","date","toDate","amount","toInteger"],"mappings":";;;AAqBe,SAASA,EAAQC,GAAWC,GAAa;AACtD,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAOC,EAAOJ,CAAS,GACvBK,IAASC,EAAUL,CAAW;AAClC,SAAI,MAAMI,CAAM,IACP,oBAAI,KAAK,GAAG,KAEhBA,KAILF,EAAK,QAAQA,EAAK,QAAS,IAAGE,CAAM,GAC7BF;AACT;","x_google_ignoreList":[0]}

package/lib/sd-component-library324.js

@@ -1,11 +0,0 @@
-import e from "./sd-component-library557.js";
-import o from "./sd-component-library585.js";
-function f(t) {
-  o(1, arguments);
-  var r = e(t);
-  return r.setHours(23, 59, 59, 999), r;
-}
-export {
-  f as default
-};
-//# sourceMappingURL=sd-component-library324.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library324.js","sources":["../node_modules/date-fns/esm/endOfDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name endOfDay\n * @category Day Helpers\n * @summary Return the end of a day for the given date.\n *\n * @description\n * Return the end of a day for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the end of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The end of a day for 2 September 2014 11:55:00:\n * const result = endOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 23:59:59.999\n */\nexport default function endOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(23, 59, 59, 999);\n  return date;\n}"],"names":["endOfDay","dirtyDate","requiredArgs","date","toDate"],"mappings":";;AAoBe,SAASA,EAASC,GAAW;AAC1C,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAOC,EAAOH,CAAS;AAC3B,SAAAE,EAAK,SAAS,IAAI,IAAI,IAAI,GAAG,GACtBA;AACT;","x_google_ignoreList":[0]}

package/lib/sd-component-library325.js

@@ -1,17 +0,0 @@
-import p from "./sd-component-library557.js";
-import w from "./sd-component-library586.js";
-import c from "./sd-component-library585.js";
-import { getDefaultOptions as k } from "./sd-component-library589.js";
-function D(O, e) {
-  var l, r, a, i, n, d, v, u;
-  c(1, arguments);
-  var s = k(), o = w((l = (r = (a = (i = e == null ? void 0 : e.weekStartsOn) !== null && i !== void 0 ? i : e == null || (n = e.locale) === null || n === void 0 || (d = n.options) === null || d === void 0 ? void 0 : d.weekStartsOn) !== null && a !== void 0 ? a : s.weekStartsOn) !== null && r !== void 0 ? r : (v = s.locale) === null || v === void 0 || (u = v.options) === null || u === void 0 ? void 0 : u.weekStartsOn) !== null && l !== void 0 ? l : 0);
-  if (!(o >= 0 && o <= 6))
-    throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");
-  var t = p(O), f = t.getDay(), m = (f < o ? 7 : 0) + f - o;
-  return t.setDate(t.getDate() - m), t.setHours(0, 0, 0, 0), t;
-}
-export {
-  D as default
-};
-//# sourceMappingURL=sd-component-library325.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library325.js","sources":["../node_modules/date-fns/esm/startOfWeek/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport toInteger from \"../_lib/toInteger/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport { getDefaultOptions } from \"../_lib/defaultOptions/index.js\";\n/**\n * @name startOfWeek\n * @category Week Helpers\n * @summary Return the start of a week for the given date.\n *\n * @description\n * Return the start of a week for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @param {Object} [options] - an object with options.\n * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}\n * @param {0|1|2|3|4|5|6} [options.weekStartsOn=0] - the index of the first day of the week (0 - Sunday)\n * @returns {Date} the start of a week\n * @throws {TypeError} 1 argument required\n * @throws {RangeError} `options.weekStartsOn` must be between 0 and 6\n *\n * @example\n * // The start of a week for 2 September 2014 11:55:00:\n * const result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Sun Aug 31 2014 00:00:00\n *\n * @example\n * // If the week starts on Monday, the start of the week for 2 September 2014 11:55:00:\n * const result = startOfWeek(new Date(2014, 8, 2, 11, 55, 0), { weekStartsOn: 1 })\n * //=> Mon Sep 01 2014 00:00:00\n */\nexport default function startOfWeek(dirtyDate, options) {\n  var _ref, _ref2, _ref3, _options$weekStartsOn, _options$locale, _options$locale$optio, _defaultOptions$local, _defaultOptions$local2;\n  requiredArgs(1, arguments);\n  var defaultOptions = getDefaultOptions();\n  var weekStartsOn = toInteger((_ref = (_ref2 = (_ref3 = (_options$weekStartsOn = options === null || options === void 0 ? void 0 : options.weekStartsOn) !== null && _options$weekStartsOn !== void 0 ? _options$weekStartsOn : options === null || options === void 0 ? void 0 : (_options$locale = options.locale) === null || _options$locale === void 0 ? void 0 : (_options$locale$optio = _options$locale.options) === null || _options$locale$optio === void 0 ? void 0 : _options$locale$optio.weekStartsOn) !== null && _ref3 !== void 0 ? _ref3 : defaultOptions.weekStartsOn) !== null && _ref2 !== void 0 ? _ref2 : (_defaultOptions$local = defaultOptions.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.weekStartsOn) !== null && _ref !== void 0 ? _ref : 0);\n\n  // Test if weekStartsOn is between 0 and 6 _and_ is not NaN\n  if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {\n    throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');\n  }\n  var date = toDate(dirtyDate);\n  var day = date.getDay();\n  var diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;\n  date.setDate(date.getDate() - diff);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}"],"names":["startOfWeek","dirtyDate","options","_ref","_ref2","_ref3","_options$weekStartsOn","_options$locale","_options$locale$optio","_defaultOptions$local","_defaultOptions$local2","requiredArgs","defaultOptions","getDefaultOptions","weekStartsOn","toInteger","date","toDate","day","diff"],"mappings":";;;;AA+Be,SAASA,EAAYC,GAAWC,GAAS;AACtD,MAAIC,GAAMC,GAAOC,GAAOC,GAAuBC,GAAiBC,GAAuBC,GAAuBC;AAC9G,EAAAC,EAAa,GAAG,SAAS;AACzB,MAAIC,IAAiBC,KACjBC,IAAeC,GAAWZ,KAAQC,KAASC,KAASC,IAAwBJ,KAAY,OAA6B,SAASA,EAAQ,kBAAkB,QAAQI,MAA0B,SAASA,IAAwBJ,KAAY,SAAuCK,IAAkBL,EAAQ,YAAY,QAAQK,MAAoB,WAAmBC,IAAwBD,EAAgB,aAAa,QAAQC,MAA0B,SAAtL,SAAwMA,EAAsB,kBAAkB,QAAQH,MAAU,SAASA,IAAQO,EAAe,kBAAkB,QAAQR,MAAU,SAASA,KAASK,IAAwBG,EAAe,YAAY,QAAQH,MAA0B,WAAmBC,IAAyBD,EAAsB,aAAa,QAAQC,MAA2B,SAAzG,SAA2HA,EAAuB,kBAAkB,QAAQP,MAAS,SAASA,IAAO,CAAC;AAGp4B,MAAI,EAAEW,KAAgB,KAAKA,KAAgB;AACzC,UAAM,IAAI,WAAW,kDAAkD;AAEzE,MAAIE,IAAOC,EAAOhB,CAAS,GACvBiB,IAAMF,EAAK,UACXG,KAAQD,IAAMJ,IAAe,IAAI,KAAKI,IAAMJ;AAChD,SAAAE,EAAK,QAAQA,EAAK,QAAS,IAAGG,CAAI,GAClCH,EAAK,SAAS,GAAG,GAAG,GAAG,CAAC,GACjBA;AACT;","x_google_ignoreList":[0]}

package/lib/sd-component-library326.js

@@ -1,12 +0,0 @@
-import o from "./sd-component-library586.js";
-import m from "./sd-component-library323.js";
-import d from "./sd-component-library585.js";
-function f(r, t) {
-  d(2, arguments);
-  var a = o(t), e = a * 7;
-  return m(r, e);
-}
-export {
-  f as default
-};
-//# sourceMappingURL=sd-component-library326.js.map