@selfdecode/sd-component-library 4.0.73-vite17 → 4.0.73-vite18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selfdecode/sd-component-library",
-  "version": "4.0.73-vite17",
+  "version": "4.0.73-vite18",
   "private": false,
   "license": "MIT",
   "files": [

package/lib/sd-component-library10.js

@@ -1,42 +0,0 @@
-import { j as t } from "./sd-component-library195.js";
-import "./sd-component-library197.js";
-import { MaxMaxContainer as d } from "./sd-component-library43.js";
-import { Box as e, Flex as o } from "./sd-component-library198.js";
-import { TenSb as p } from "./sd-component-library150.js";
-const j = function(i) {
-  const {
-    leftColor: x,
-    rightColor: n,
-    icon: s,
-    fillColor: a,
-    text: l,
-    textColor: c
-  } = i, r = {
-    justifyContent: "center",
-    alignItems: "center",
-    height: "100%",
-    width: "100%"
-  };
-  return /* @__PURE__ */ t.jsxs(d, { "data-test": "bicolor-badge", children: [
-    /* @__PURE__ */ t.jsx(e, { sx: {
-      bg: x || "cl_blue",
-      width: "36px",
-      height: "26px",
-      borderRadius: "13px 0 0 13px",
-      pl: "5px"
-    }, "data-test": "left-badge-container", children: /* @__PURE__ */ t.jsx(o, { sx: r, children: /* @__PURE__ */ t.jsx(e, { sx: {
-      fill: a || "cl_white",
-      width: "14px"
-    }, "data-test": "icon-container", children: s }) }) }),
-    /* @__PURE__ */ t.jsx(e, { sx: {
-      bg: n || "cl_darkGrey",
-      height: "26px",
-      borderRadius: "0  0 13px 0",
-      p: "0 20px"
-    }, "data-test": "right-badge-container", children: /* @__PURE__ */ t.jsx(o, { sx: r, children: /* @__PURE__ */ t.jsx(p, { color: c || "cl_white", textTransform: "uppercase", letterSpacing: ["1px"], "data-test": "text-container", children: l }) }) })
-  ] });
-};
-export {
-  j as BicolorBadge
-};
-//# sourceMappingURL=sd-component-library10.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library10.js","sources":["../src/components/bicolor-badge/bicolor-badge.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { MaxMaxContainer } from \"../containers/grid-containers/max-max-container\";\nimport { TenSb } from \"../texts/ten-sb\";\nimport { BicolorBadgeProps } from \"./interfaces\";\n\nexport const BicolorBadge: React.FC<BicolorBadgeProps> = function (\n  props: BicolorBadgeProps\n) {\n  const { leftColor, rightColor, icon, fillColor, text, textColor } = props;\n\n  const flexSx = {\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    height: \"100%\",\n    width: \"100%\",\n  };\n\n  return (\n    <MaxMaxContainer data-test=\"bicolor-badge\">\n      <Box\n        sx={{\n          bg: leftColor || \"cl_blue\",\n          width: \"36px\",\n          height: \"26px\",\n          borderRadius: \"13px 0 0 13px\",\n          pl: \"5px\",\n        }}\n        data-test=\"left-badge-container\"\n      >\n        <Flex sx={flexSx}>\n          <Box\n            sx={{ fill: fillColor || \"cl_white\", width: \"14px\" }}\n            data-test=\"icon-container\"\n          >\n            {icon}\n          </Box>\n        </Flex>\n      </Box>\n      <Box\n        sx={{\n          bg: rightColor || \"cl_darkGrey\",\n          height: \"26px\",\n          borderRadius: \"0  0 13px 0\",\n          p: \"0 20px\",\n        }}\n        data-test=\"right-badge-container\"\n      >\n        <Flex sx={flexSx}>\n          <TenSb\n            color={textColor || \"cl_white\"}\n            textTransform=\"uppercase\"\n            letterSpacing={[\"1px\"]}\n            data-test=\"text-container\"\n          >\n            {text}\n          </TenSb>\n        </Flex>\n      </Box>\n    </MaxMaxContainer>\n  );\n};\n"],"names":["BicolorBadge","props","leftColor","rightColor","icon","fillColor","text","textColor","flexSx","justifyContent","alignItems","height","width","jsxs","MaxMaxContainer","jsx","Box","bg","borderRadius","pl","Flex","fill","p","TenSb"],"mappings":";;;;;AAQaA,MAAAA,IAA4C,SACvDC,GACA;AACM,QAAA;AAAA,IAAEC,WAAAA;AAAAA,IAAWC,YAAAA;AAAAA,IAAYC,MAAAA;AAAAA,IAAMC,WAAAA;AAAAA,IAAWC,MAAAA;AAAAA,IAAMC,WAAAA;AAAAA,EAAcN,IAAAA,GAE9DO,IAAS;AAAA,IACbC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,OAAO;AAAA,EAAA;AAIP,SAAAC,gBAAAA,EAAA,KAACC,GAAgB,EAAA,aAAU,iBACzB,UAAA;AAAA,IAAAC,gBAAAA,MAACC,KACC,IAAI;AAAA,MACFC,IAAIf,KAAa;AAAA,MACjBU,OAAO;AAAA,MACPD,QAAQ;AAAA,MACRO,cAAc;AAAA,MACdC,IAAI;AAAA,IACN,GACA,aAAU,wBAEV,UAAAJ,gBAAAA,EAAAA,IAACK,KAAK,IAAIZ,GACR,UAACO,gBAAAA,EAAAA,IAAAC,GAAA,EACC,IAAI;AAAA,MAAEK,MAAMhB,KAAa;AAAA,MAAYO,OAAO;AAAA,IAAA,GAC5C,aAAU,kBAETR,UAAAA,EACH,CAAA,EACF,CAAA,GACF;AAAA,IACAW,gBAAAA,MAACC,KACC,IAAI;AAAA,MACFC,IAAId,KAAc;AAAA,MAClBQ,QAAQ;AAAA,MACRO,cAAc;AAAA,MACdI,GAAG;AAAA,IACL,GACA,aAAU,yBAEV,UAAAP,gBAAAA,EAAA,IAACK,KAAK,IAAIZ,GACR,UAACO,gBAAAA,MAAAQ,GAAA,EACC,OAAOhB,KAAa,YACpB,eAAc,aACd,eAAe,CAAC,KAAK,GACrB,aAAU,kBAETD,UACHA,GAAA,EAAA,CACF,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library100.js

@@ -1,104 +0,0 @@
-import { j as t } from "./sd-component-library195.js";
-import { useRef as B, useState as I, useEffect as R } from "react";
-import "./sd-component-library197.js";
-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-library260.js";
-import { Box as s } from "./sd-component-library198.js";
-import { OutsideClickBox as P } from "./sd-component-library14.js";
-import { ReactComponent as _ } from "./sd-component-library261.js";
-import { FlexCenter as z } from "./sd-component-library37.js";
-import { Button as A } from "./sd-component-library28.js";
-const r = 500, K = (p) => {
-  const {
-    variant: d,
-    children: l,
-    containerBg: c,
-    xIconColor: x,
-    showXIcon: m = !0,
-    onClickX: n,
-    coverBg: u = "rgba(69,104,249, 0.4)",
-    width: h = "auto",
-    isOpen: i,
-    borderRadius: f = ["5px"],
-    outerPadding: g = ["30px", "auto", "150px"],
-    innerPadding: w = ["40px 20px", "50px"],
-    popUpHeight: C = "100%",
-    containerSx: k,
-    innerSx: v,
-    closeOnClickOutside: S = !1,
-    mountOnEnter: b = !0,
-    unmountOnExit: j,
-    intermediateContainerSx: y
-  } = p, o = B(null), [O, a] = I(null);
-  return R(() => {
-    let e;
-    return i ? a(l) : e = setTimeout(() => {
-      a(null);
-    }, r), () => clearTimeout(e);
-  }, [i, l]), E(o.current, i && !F()), T() ? null : /* @__PURE__ */ t.jsx(X, { nodeRef: o, in: i, timeout: {
-    enter: 0,
-    exit: r
-  }, mountOnEnter: b, unmountOnExit: j, children: (e) => (
-    /** This most outer container is the background */
-    /* @__PURE__ */ t.jsx(s, { sx: {
-      width: "100vw",
-      minHeight: "100vh",
-      zIndex: "150",
-      position: "fixed",
-      overflowX: "hidden",
-      overflowY: "scroll",
-      top: 0,
-      left: 0,
-      bottom: 0,
-      backgroundColor: u,
-      opacity: e === "entered" ? 1 : 0,
-      transition: `opacity ${r}ms ease-in-out`,
-      display: ["entering", "entered", "exiting"].includes(e) ? "block" : "none",
-      ...k
-    }, ref: o, children: /* @__PURE__ */ t.jsx(z, { sx: {
-      position: "relative",
-      width: "100%",
-      height: C
-    }, children: /* @__PURE__ */ t.jsxs(s, { sx: {
-      maxWidth: "100vw",
-      zIndex: "180",
-      margin: "auto",
-      whiteSpace: "nowrap",
-      padding: g,
-      ...y
-    }, "data-test": "modal", children: [
-      /* @__PURE__ */ t.jsx(P, { variant: `_modals.inner.${d}`, sx: {
-        width: h,
-        borderRadius: f,
-        whiteSpace: "normal",
-        textAlign: "center",
-        display: "inline-block",
-        alignSelf: "top",
-        backgroundColor: c || "white",
-        padding: w,
-        ...v
-      }, onClickOutside: () => {
-        S && n && n();
-      }, children: O }),
-      m && /* @__PURE__ */ t.jsx(A, { onClick: n, "data-test": "x-icon", sx: {
-        p: 0,
-        bg: "cl_transparent",
-        display: "inline-block",
-        verticalAlign: "top",
-        width: "20px",
-        height: "20px",
-        marginLeft: "6px",
-        marginTop: "4px"
-      }, children: /* @__PURE__ */ t.jsx(_, { style: {
-        fill: x || "#4568F9",
-        width: "20px",
-        height: "20px"
-      } }) })
-    ] }) }) })
-  ) });
-};
-export {
-  K as Modal
-};
-//# sourceMappingURL=sd-component-library100.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library100.js","sources":["../src/components/modals/modal/modal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { Box } from \"rebass\";\n\nimport { useBodyScrollLock } from \"../../../core/custom-hooks\";\nimport { isIOS, isPDFFlow } from \"../../../core/functions\";\nimport { OutsideClickBox } from \"../../boxes\";\nimport { Button } from \"../../buttons\";\nimport { FlexCenter } from \"../../containers\";\nimport { XIcon } from \"./assets\";\nimport { ModalProps } from \"./interfaces\";\n\nconst animationDuration = 500; // milliseconds\n\n/**\n * The modal container.\n */\nexport const Modal: React.FC<ModalProps> = (props) => {\n  const {\n    variant,\n    children,\n    containerBg,\n    xIconColor,\n    showXIcon = true,\n    onClickX,\n    coverBg = \"rgba(69,104,249, 0.4)\",\n    width = \"auto\",\n    isOpen,\n    borderRadius = [\"5px\"],\n    outerPadding = [\"30px\", \"auto\", \"150px\"],\n    innerPadding = [\"40px 20px\", \"50px\"],\n    popUpHeight = \"100%\",\n    containerSx,\n    innerSx,\n    closeOnClickOutside = false,\n    mountOnEnter = true,\n    unmountOnExit,\n    intermediateContainerSx,\n  } = props;\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const [content, setContent] = useState<React.ReactNode>(null);\n\n  useEffect(() => {\n    let timer: NodeJS.Timeout;\n    if (isOpen) {\n      setContent(children);\n    } else {\n      timer = setTimeout(() => {\n        setContent(null);\n      }, animationDuration);\n    }\n    return () => clearTimeout(timer);\n  }, [isOpen, children]);\n\n  useBodyScrollLock(ref.current, isOpen && !isIOS());\n\n  if (isPDFFlow()) return null;\n\n  return (\n    <Transition\n      nodeRef={ref}\n      in={isOpen}\n      timeout={{\n        enter: 0,\n        exit: animationDuration,\n      }}\n      mountOnEnter={mountOnEnter}\n      unmountOnExit={unmountOnExit}\n    >\n      {(state) => (\n        /** This most outer container is the background */\n        <Box\n          sx={{\n            width: \"100vw\",\n            minHeight: \"100vh\",\n            zIndex: \"150\",\n            position: \"fixed\",\n            overflowX: \"hidden\",\n            overflowY: \"scroll\",\n            top: 0,\n            left: 0,\n            bottom: 0,\n            backgroundColor: coverBg,\n            opacity: state === \"entered\" ? 1 : 0,\n            transition: `opacity ${animationDuration}ms ease-in-out`,\n            display: [\"entering\", \"entered\", \"exiting\"].includes(state)\n              ? \"block\"\n              : \"none\",\n            ...containerSx,\n          }}\n          ref={ref}\n        >\n          {/** This following container is the frame of the whole screen, used\n           * as an in-between relative-position container for the popup */}\n          <FlexCenter\n            sx={{\n              position: \"relative\",\n              width: \"100%\",\n              height: popUpHeight,\n            }}\n          >\n            {/** This following container is the complete popup,\n             * as in contents and the X close icon */}\n            <Box\n              sx={{\n                maxWidth: \"100vw\",\n                zIndex: \"180\",\n                margin: \"auto\",\n                whiteSpace: \"nowrap\",\n                padding: outerPadding,\n                ...intermediateContainerSx,\n              }}\n              data-test=\"modal\"\n            >\n              {/** This following container and its content is\n               *  the actual content of the popup */}\n              <OutsideClickBox\n                variant={`_modals.inner.${variant}`}\n                sx={{\n                  width,\n                  borderRadius,\n                  whiteSpace: \"normal\",\n                  textAlign: \"center\",\n                  display: \"inline-block\",\n                  alignSelf: \"top\",\n                  backgroundColor: containerBg || \"white\",\n                  padding: innerPadding,\n                  ...innerSx,\n                }}\n                onClickOutside={() => {\n                  if (closeOnClickOutside && onClickX) {\n                    onClickX();\n                  }\n                }}\n              >\n                {content}\n              </OutsideClickBox>\n\n              {/** This following container and its content is the X button */}\n              {showXIcon && (\n                <Button\n                  onClick={onClickX}\n                  data-test=\"x-icon\"\n                  sx={{\n                    p: 0,\n                    bg: \"cl_transparent\",\n                    display: \"inline-block\",\n                    verticalAlign: \"top\",\n                    width: \"20px\",\n                    height: \"20px\",\n                    marginLeft: \"6px\",\n                    marginTop: \"4px\",\n                  }}\n                >\n                  <XIcon\n                    style={{\n                      fill: xIconColor || \"#4568F9\",\n                      width: \"20px\",\n                      height: \"20px\",\n                    }}\n                  />\n                </Button>\n              )}\n            </Box>\n          </FlexCenter>\n        </Box>\n      )}\n    </Transition>\n  );\n};\n"],"names":["animationDuration","Modal","props","variant","children","containerBg","xIconColor","showXIcon","onClickX","coverBg","width","isOpen","borderRadius","outerPadding","innerPadding","popUpHeight","containerSx","innerSx","closeOnClickOutside","mountOnEnter","unmountOnExit","intermediateContainerSx","ref","useRef","content","setContent","useState","useEffect","timer","setTimeout","clearTimeout","useBodyScrollLock","current","isIOS","isPDFFlow","Transition","enter","exit","state","jsx","Box","minHeight","zIndex","position","overflowX","overflowY","top","left","bottom","backgroundColor","opacity","transition","display","includes","FlexCenter","height","jsxs","maxWidth","margin","whiteSpace","padding","OutsideClickBox","textAlign","alignSelf","Button","p","bg","verticalAlign","marginLeft","marginTop","XIcon","fill"],"mappings":"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"}

package/lib/sd-component-library101.js

@@ -1,13 +0,0 @@
-import { j as t } from "./sd-component-library195.js";
-import { Modal as o } from "./sd-component-library100.js";
-import { TwentyFourBold as a } from "./sd-component-library158.js";
-import { EighteenRegular as e } from "./sd-component-library139.js";
-const n = (r) => /* @__PURE__ */ t.jsxs(o, { ...r, variant: "primary", "data-test": "primary-modal", children: [
-  /* @__PURE__ */ t.jsx(a, { color: "cl_darkGrey", mb: ["40px"], children: r.heading }),
-  /* @__PURE__ */ t.jsx(e, { color: "cl_darkGrey", width: ["auto"], m: ["0 auto"], mb: ["28px"], children: r.text }),
-  r.children
-] });
-export {
-  n as PrimaryModal
-};
-//# sourceMappingURL=sd-component-library101.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library101.js","sources":["../src/components/modals/primary-modal/primary-modal.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { EighteenRegular, TwentyFourBold } from \"../../texts\";\nimport { Modal } from \"../modal\";\nimport { PrimaryModalProps } from \"./interfaces\";\n\n/**\n * The tour button.\n */\nexport const PrimaryModal: React.FC<PrimaryModalProps> = (props) => {\n  return (\n    <Modal {...props} variant=\"primary\" data-test=\"primary-modal\">\n      <TwentyFourBold color=\"cl_darkGrey\" mb={[\"40px\"]}>\n        {props.heading}\n      </TwentyFourBold>\n\n      <EighteenRegular\n        color=\"cl_darkGrey\"\n        width={[\"auto\"]}\n        m={[\"0 auto\"]}\n        mb={[\"28px\"]}\n      >\n        {props.text}\n      </EighteenRegular>\n\n      {props.children}\n    </Modal>\n  );\n};\n"],"names":["PrimaryModal","props","Modal","jsx","TwentyFourBold","heading","EighteenRegular","text","children"],"mappings":";;;;AASO,MAAMA,IAA6CC,CAAUA,6BAE/DC,GAAM,EAAA,GAAID,GAAO,SAAQ,WAAU,aAAU,iBAC5C,UAAA;AAAA,EAACE,gBAAAA,EAAAA,IAAAC,GAAA,EAAe,OAAM,eAAc,IAAI,CAAC,MAAM,GAC5CH,YAAMI,QACT,CAAA;AAAA,wBAECC,GACC,EAAA,OAAM,eACN,OAAO,CAAC,MAAM,GACd,GAAG,CAAC,QAAQ,GACZ,IAAI,CAAC,MAAM,GAEVL,YAAMM,MACT;AAAA,EAECN,EAAMO;AACT,EAAA,CAAA;"}

package/lib/sd-component-library102.js

@@ -1,51 +0,0 @@
-import { j as r } from "./sd-component-library195.js";
-import { useDependantState as j } from "./sd-component-library3.js";
-import { SquareButton as g } from "./sd-component-library266.js";
-import { ReactComponent as P } from "./sd-component-library263.js";
-import { CurrentPage as h } from "./sd-component-library267.js";
-import { ReactComponent as S } from "./sd-component-library265.js";
-import { GridCenter as R } from "./sd-component-library44.js";
-function x(m, t, o, n) {
-  t == null || t(o, n), m(o);
-}
-const D = (m) => {
-  const {
-    currentPage: t,
-    lastPage: o,
-    borderStyle: n,
-    borderWidth: s,
-    borderColor: i,
-    fill: a,
-    onChange: p,
-    m: u,
-    mt: C,
-    mr: f,
-    mb: l,
-    ml: c
-  } = m, [e, d] = j(t);
-  return /* @__PURE__ */ r.jsxs(R, { sx: {
-    gridGap: 3,
-    gridTemplateColumns: "repeat(3, max-content)",
-    m: u,
-    mt: C,
-    mr: f,
-    mb: l,
-    ml: c
-  }, "data-testid": "page-selector", children: [
-    /* @__PURE__ */ r.jsx(g, { disabled: e <= 1, onClick: () => {
-      x(d, p, e - 1, e);
-    }, borderStyle: n, borderWidth: s, borderColor: i, fill: a, children: /* @__PURE__ */ r.jsx(P, { style: {
-      marginRight: "3px"
-    } }) }),
-    /* @__PURE__ */ r.jsx(h, { currentPage: e }),
-    /* @__PURE__ */ r.jsx(g, { disabled: e >= o, onClick: () => {
-      x(d, p, e + 1, e);
-    }, borderStyle: n, borderWidth: s, borderColor: i, fill: a, children: /* @__PURE__ */ r.jsx(S, { style: {
-      marginLeft: "3px"
-    } }) })
-  ] });
-};
-export {
-  D as PageSelector
-};
-//# sourceMappingURL=sd-component-library102.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library102.js","sources":["../src/components/page-selectors/page-selector/page-selector.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { SquareButton } from \"../../buttons/partials/square-button\";\nimport { GridCenter } from \"../../containers\";\nimport { Next, Previous } from \"./assets\";\nimport { PageSelectorProps } from \"./interfaces\";\nimport { CurrentPage } from \"./partials/current-page\";\n\n/**\n * Create an onChange function using the given setValue and callback.\n *\n * @param setValue The function used to set the component's value\n * @param callback The callback to run when the value changes.\n * @param newValue The new value after clicking next/previous.\n * @param setValue The old value before clicking next/previous.\n *\n */\n\nfunction changeWrapper(\n  setValue: React.Dispatch<React.SetStateAction<number>>,\n  callback: PageSelectorProps[\"onChange\"],\n  newValue: number,\n  oldValue: number\n) {\n  callback?.(newValue, oldValue);\n  setValue(newValue);\n}\n\n/**\n * Base page selector component. Other page selector components should be built from this.\n */\nexport const PageSelector: React.FunctionComponent<PageSelectorProps> = (\n  props: PageSelectorProps\n): React.ReactElement<PageSelectorProps> => {\n  const {\n    currentPage,\n    lastPage,\n    borderStyle,\n    borderWidth,\n    borderColor,\n    fill,\n    onChange,\n    m,\n    mt,\n    mr,\n    mb,\n    ml,\n  } = props;\n\n  const [mCurrentPage, setMCurrentPage] =\n    useDependantState<number>(currentPage);\n\n  return (\n    <GridCenter\n      sx={{\n        gridGap: 3,\n        gridTemplateColumns: \"repeat(3, max-content)\",\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n      }}\n      data-testid=\"page-selector\"\n    >\n      <SquareButton\n        disabled={mCurrentPage <= 1}\n        onClick={() => {\n          changeWrapper(\n            setMCurrentPage,\n            onChange,\n            mCurrentPage - 1,\n            mCurrentPage\n          );\n        }}\n        borderStyle={borderStyle}\n        borderWidth={borderWidth}\n        borderColor={borderColor}\n        fill={fill}\n      >\n        <Previous style={{ marginRight: \"3px\" }} />\n      </SquareButton>\n\n      <CurrentPage currentPage={mCurrentPage} />\n\n      <SquareButton\n        disabled={mCurrentPage >= lastPage}\n        onClick={() => {\n          changeWrapper(\n            setMCurrentPage,\n            onChange,\n            mCurrentPage + 1,\n            mCurrentPage\n          );\n        }}\n        borderStyle={borderStyle}\n        borderWidth={borderWidth}\n        borderColor={borderColor}\n        fill={fill}\n      >\n        <Next style={{ marginLeft: \"3px\" }} />\n      </SquareButton>\n    </GridCenter>\n  );\n};\n"],"names":["changeWrapper","setValue","callback","newValue","oldValue","PageSelector","props","currentPage","lastPage","borderStyle","borderWidth","borderColor","fill","onChange","m","mt","mr","mb","ml","mCurrentPage","setMCurrentPage","useDependantState","jsxs","GridCenter","gridGap","gridTemplateColumns","jsx","SquareButton","Previous","marginRight","CurrentPage","Next","marginLeft"],"mappings":";;;;;;;AAmBA,SAASA,EACPC,GACAC,GACAC,GACAC,GACA;AACAF,EAAAA,KAAAA,QAAAA,EAAWC,GAAUC,IACrBH,EAASE,CAAQ;AACnB;AAKaE,MAAAA,IAA2DA,CACtEC,MAC0C;AACpC,QAAA;AAAA,IACJC,aAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,MAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,GAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,EACEZ,IAAAA,GAEE,CAACa,GAAcC,CAAe,IAClCC,EAA0Bd,CAAW;AAGrC,SAAAe,gBAAAA,EAAA,KAACC,KACC,IAAI;AAAA,IACFC,SAAS;AAAA,IACTC,qBAAqB;AAAA,IACrBX,GAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACAC,IAAAA;AAAAA,EAAAA,GAEF,eAAY,iBAEZ,UAAA;AAAA,IAAAQ,gBAAAA,EAAA,IAACC,GACC,EAAA,UAAUR,KAAgB,GAC1B,SAAS,MAAM;AACbnB,MAAAA,EACEoB,GACAP,GACAM,IAAe,GACfA,CACF;AAAA,IAAA,GAEF,aAAAV,GACA,aAAAC,GACA,aAAAC,GACA,MAAAC,GAEA,UAAAc,gBAAAA,EAAA,IAACE,KAAS,OAAO;AAAA,MAAEC,aAAa;AAAA,OAAQ,EAC1C,CAAA;AAAA,IAEAH,gBAAAA,EAAAA,IAACI,GAAY,EAAA,aAAaX,EAAa,CAAA;AAAA,0BAEtCQ,GACC,EAAA,UAAUR,KAAgBX,GAC1B,SAAS,MAAM;AACbR,MAAAA,EACEoB,GACAP,GACAM,IAAe,GACfA,CACF;AAAA,IAAA,GAEF,aAAAV,GACA,aAAAC,GACA,aAAAC,GACA,MAAAC,GAEA,UAAAc,gBAAAA,EAAA,IAACK,KAAK,OAAO;AAAA,MAAEC,YAAY;AAAA,OAAQ,EACrC,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library103.js

@@ -1,29 +0,0 @@
-import { j as t } from "./sd-component-library195.js";
-import "./sd-component-library197.js";
-import { MaxWidthContainer as p } from "./sd-component-library47.js";
-import { Flex as l } from "./sd-component-library198.js";
-import { TwelveSb as x } from "./sd-component-library157.js";
-import { PageSelector as c } from "./sd-component-library102.js";
-const b = ({
-  currentPage: e,
-  itemsTotal: r,
-  itemsPerPage: n,
-  onChange: o,
-  hideTotal: a,
-  bgSx: i,
-  innerSx: s
-}) => /* @__PURE__ */ t.jsxs(p, { bgSx: i, innerSx: {
-  display: "flex",
-  justifyContent: "space-between",
-  ...s
-}, "data-test": "pagination-bar", children: [
-  /* @__PURE__ */ t.jsx(l, { flexDirection: "column", justifyContent: "center", children: /* @__PURE__ */ t.jsxs(x, { color: "cl_darkGrey", textTransform: "uppercase", letterSpacing: ["2px"], "data-test": "pagination-bar-info", children: [
-    `Showing ${(e - 1) * n + 1} - ${Math.min(r, e * n)}`,
-    !a && ` / ${r}`
-  ] }) }),
-  /* @__PURE__ */ t.jsx(c, { currentPage: e, lastPage: Math.ceil(r / n), onChange: o, "data-test": "page-selector" })
-] });
-export {
-  b as PaginationBar
-};
-//# sourceMappingURL=sd-component-library103.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library103.js","sources":["../src/components/pagination-bars/pagination-bar/pagination-bar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { MaxWidthContainer } from \"../../containers\";\nimport { PageSelector } from \"../../page-selectors\";\nimport { TwelveSb } from \"../../texts\";\nimport { PaginationBarProps } from \"./interfaces\";\n\nexport const PaginationBar: React.FC<PaginationBarProps> = ({\n  currentPage,\n  itemsTotal,\n  itemsPerPage,\n  onChange,\n  hideTotal,\n  bgSx,\n  innerSx,\n}) => {\n  return (\n    <MaxWidthContainer\n      bgSx={bgSx}\n      innerSx={{ display: \"flex\", justifyContent: \"space-between\", ...innerSx }}\n      data-test=\"pagination-bar\"\n    >\n      <Flex flexDirection=\"column\" justifyContent=\"center\">\n        <TwelveSb\n          color=\"cl_darkGrey\"\n          textTransform=\"uppercase\"\n          letterSpacing={[\"2px\"]}\n          data-test=\"pagination-bar-info\"\n        >\n          {`Showing ${(currentPage - 1) * itemsPerPage + 1} - ${Math.min(\n            itemsTotal,\n            currentPage * itemsPerPage\n          )}`}\n          {!hideTotal && ` / ${itemsTotal}`}\n        </TwelveSb>\n      </Flex>\n\n      <PageSelector\n        currentPage={currentPage}\n        lastPage={Math.ceil(itemsTotal / itemsPerPage)}\n        onChange={onChange}\n        data-test=\"page-selector\"\n      />\n    </MaxWidthContainer>\n  );\n};\n"],"names":["PaginationBar","currentPage","itemsTotal","itemsPerPage","onChange","hideTotal","bgSx","innerSx","jsxs","MaxWidthContainer","display","justifyContent","jsx","Flex","TwelveSb","Math","min","PageSelector","ceil"],"mappings":";;;;;;AASO,MAAMA,IAA8CA,CAAC;AAAA,EAC1DC,aAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,SAAAA;AACF,MAEIC,gBAAAA,OAACC,GACC,EAAA,MAAAH,GACA,SAAS;AAAA,EAAEI,SAAS;AAAA,EAAQC,gBAAgB;AAAA,EAAiB,GAAGJ;AAAAA,GAChE,aAAU,kBAEV,UAAA;AAAA,EAAAK,gBAAAA,MAACC,KAAK,eAAc,UAAS,gBAAe,UAC1C,iCAACC,GACC,EAAA,OAAM,eACN,eAAc,aACd,eAAe,CAAC,KAAK,GACrB,aAAU,uBAER,UAAA;AAAA,IAAWb,YAAAA,IAAc,KAAKE,IAAe,CAAE,MAAKY,KAAKC,IACzDd,GACAD,IAAcE,CAChB,CAAE;AAAA,IACD,CAACE,KAAc,MAAKH,CAAW;AAAA,EAAA,EAAA,CAClC,EACF,CAAA;AAAA,EAEAU,gBAAAA,EAAAA,IAACK,GACC,EAAA,aAAAhB,GACA,UAAUc,KAAKG,KAAKhB,IAAaC,CAAY,GAC7C,UAAAC,GACA,aAAU,gBAAe,CAAA;AAE7B,EAAA,CAAA;"}

package/lib/sd-component-library104.js

@@ -1,41 +0,0 @@
-import { j as e } from "./sd-component-library195.js";
-import { PaginationBarButton as i } from "./sd-component-library262.js";
-import { ReactComponent as h } from "./sd-component-library263.js";
-import { PaginationBarCurrentPage as u } from "./sd-component-library264.js";
-import { ReactComponent as f } from "./sd-component-library265.js";
-import { GridContainerV2 as s } from "./sd-component-library41.js";
-import { ResponsiveTextV2 as j } from "./sd-component-library147.js";
-const k = (a) => {
-  const {
-    currentPage: t,
-    itemsTotal: o,
-    itemsPerPage: r,
-    hideTotal: p,
-    onChange: n,
-    sx: m,
-    ...x
-  } = a, c = t > 1, l = t * r < o, g = () => n(t - 1), d = () => n(t + 1);
-  return /* @__PURE__ */ e.jsxs(s, { gap: "20px", justifyContent: "center", sx: {
-    cursor: "default",
-    userSelect: "none",
-    ...m
-  }, ...x, children: [
-    /* @__PURE__ */ e.jsxs(j, { fontSizeWeight: [10, "semi-bold"], letterSpacing: "1.8px", textTransform: "uppercase", textAlign: "center", children: [
-      `Showing ${(t - 1) * r + 1} - ${Math.min(o, t * r)}`,
-      !p && ` / ${o}`
-    ] }),
-    /* @__PURE__ */ e.jsxs(s, { height: "42px", gap: "10px", gridTemplateColumns: "repeat(3, 42px)", children: [
-      /* @__PURE__ */ e.jsx(i, { disabled: !c, onClick: g, children: /* @__PURE__ */ e.jsx(h, { style: {
-        marginRight: "2px"
-      } }) }),
-      /* @__PURE__ */ e.jsx(u, { children: t }),
-      /* @__PURE__ */ e.jsx(i, { disabled: !l, onClick: d, children: /* @__PURE__ */ e.jsx(f, { style: {
-        marginLeft: "2px"
-      } }) })
-    ] })
-  ] });
-};
-export {
-  k as PaginationBarMobile
-};
-//# sourceMappingURL=sd-component-library104.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library104.js","sources":["../src/components/pagination-bars/pagination-bar-mobile/pagination-bar-mobile.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Grid } from \"../../containers\";\nimport { Next, Previous } from \"../../page-selectors/page-selector/assets\";\nimport { ResponsiveTextV2 } from \"../../texts\";\nimport { PaginationBarMobileProps as Props } from \"./interfaces\";\nimport { PaginationBarButton, PaginationBarCurrentPage } from \"./partials\";\n\nexport const PaginationBarMobile: React.FC<Props> = (props) => {\n  const {\n    currentPage,\n    itemsTotal,\n    itemsPerPage,\n    hideTotal,\n    onChange,\n    sx,\n    ...gridProps\n  } = props;\n\n  const hasPrevious = currentPage > 1;\n  const hasNext = currentPage * itemsPerPage < itemsTotal;\n\n  const onClickPrevious = () => onChange(currentPage - 1);\n  const onClickNext = () => onChange(currentPage + 1);\n\n  return (\n    <Grid\n      gap=\"20px\"\n      justifyContent=\"center\"\n      sx={{ cursor: \"default\", userSelect: \"none\", ...sx }}\n      {...gridProps}\n    >\n      <ResponsiveTextV2\n        fontSizeWeight={[10, \"semi-bold\"]}\n        letterSpacing=\"1.8px\"\n        textTransform=\"uppercase\"\n        textAlign=\"center\"\n      >\n        {`Showing ${(currentPage - 1) * itemsPerPage + 1} - ${Math.min(\n          itemsTotal,\n          currentPage * itemsPerPage\n        )}`}\n        {!hideTotal && ` / ${itemsTotal}`}\n      </ResponsiveTextV2>\n\n      <Grid height=\"42px\" gap=\"10px\" gridTemplateColumns=\"repeat(3, 42px)\">\n        <PaginationBarButton disabled={!hasPrevious} onClick={onClickPrevious}>\n          <Previous style={{ marginRight: \"2px\" }} />\n        </PaginationBarButton>\n\n        <PaginationBarCurrentPage>{currentPage}</PaginationBarCurrentPage>\n\n        <PaginationBarButton disabled={!hasNext} onClick={onClickNext}>\n          <Next style={{ marginLeft: \"2px\" }} />\n        </PaginationBarButton>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":["PaginationBarMobile","props","currentPage","itemsTotal","itemsPerPage","hideTotal","onChange","sx","gridProps","hasPrevious","hasNext","onClickPrevious","onClickNext","Grid","cursor","userSelect","jsxs","ResponsiveTextV2","Math","min","jsx","PaginationBarButton","Previous","marginRight","PaginationBarCurrentPage","Next","marginLeft"],"mappings":";;;;;;;AAQO,MAAMA,IAAwCC,CAAUA,MAAA;AACvD,QAAA;AAAA,IACJC,aAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,IAAAA;AAAAA,IACA,GAAGC;AAAAA,EACDP,IAAAA,GAEEQ,IAAcP,IAAc,GAC5BQ,IAAUR,IAAcE,IAAeD,GAEvCQ,IAAkBA,MAAML,EAASJ,IAAc,CAAC,GAChDU,IAAcA,MAAMN,EAASJ,IAAc,CAAC;AAElD,gCACGW,GACC,EAAA,KAAI,QACJ,gBAAe,UACf,IAAI;AAAA,IAAEC,QAAQ;AAAA,IAAWC,YAAY;AAAA,IAAQ,GAAGR;AAAAA,EAAAA,GAC5CC,GAAAA,GAEJ,UAAA;AAAA,IAACQ,gBAAAA,EAAAA,KAAAC,GAAA,EACC,gBAAgB,CAAC,IAAI,WAAW,GAChC,eAAc,SACd,eAAc,aACd,WAAU,UAER,UAAA;AAAA,MAAWf,YAAAA,IAAc,KAAKE,IAAe,CAAE,MAAKc,KAAKC,IACzDhB,GACAD,IAAcE,CAChB,CAAE;AAAA,MACD,CAACC,KAAc,MAAKF,CAAW;AAAA,IAAA,GAClC;AAAA,2BAECU,GAAK,EAAA,QAAO,QAAO,KAAI,QAAO,qBAAoB,mBACjD,UAAA;AAAA,MAACO,gBAAAA,EAAAA,IAAAC,GAAA,EAAoB,UAAU,CAACZ,GAAa,SAASE,GACpD,UAAAS,gBAAAA,EAAAA,IAACE,KAAS,OAAO;AAAA,QAAEC,aAAa;AAAA,SAAQ,EAC1C,CAAA;AAAA,MAEAH,gBAAAA,EAAAA,IAACI,KAA0BtB,UAAYA,EAAA,CAAA;AAAA,MAEvCkB,gBAAAA,EAAAA,IAACC,KAAoB,UAAU,CAACX,GAAS,SAASE,GAChD,UAACQ,gBAAAA,EAAAA,IAAAK,GAAA,EAAK,OAAO;AAAA,QAAEC,YAAY;AAAA,SAAQ,EACrC,CAAA;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library105.js

@@ -1,7 +0,0 @@
-import { j as r } from "./sd-component-library195.js";
-import { ProgressBar as e } from "./sd-component-library106.js";
-const o = (t) => /* @__PURE__ */ r.jsx(e, { ...t, variant: "line", totalSteps: t.totalSteps, currentStep: t.currentStep, "data-test": "line-progress-bar" });
-export {
-  o as LineProgressBar
-};
-//# sourceMappingURL=sd-component-library105.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library105.js","sources":["../src/components/progress-bars/line-progress-bar/line-progress-bar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ProgressBar } from \"../progress-bar\";\nimport { LineProgressBarProps } from \"./interfaces\";\n\n/**\n * The LineProgressBar component.\n */\nexport const LineProgressBar: React.FunctionComponent<LineProgressBarProps> = (\n  props: LineProgressBarProps\n): React.ReactElement<LineProgressBarProps> => {\n  return (\n    <ProgressBar\n      {...props}\n      variant=\"line\"\n      totalSteps={props.totalSteps}\n      currentStep={props.currentStep}\n      data-test=\"line-progress-bar\"\n    />\n  );\n};\n"],"names":["LineProgressBar","props","jsx","ProgressBar","totalSteps","currentStep"],"mappings":";;AAQaA,MAAAA,IAAiEA,CAC5EC,MAGGC,gBAAAA,EAAAA,IAAAC,GAAA,EACC,GAAIF,GACJ,SAAQ,QACR,YAAYA,EAAMG,YAClB,aAAaH,EAAMI,aACnB,aAAU,oBACV,CAAA;"}

package/lib/sd-component-library106.js

@@ -1,41 +0,0 @@
-import { j as s } from "./sd-component-library195.js";
-import "./sd-component-library197.js";
-import { Flex as i, Box as t } from "./sd-component-library198.js";
-const g = ({
-  totalSteps: e,
-  currentStep: d,
-  variant: o,
-  ...r
-}) => {
-  const a = r.withBackgroundProps ? {
-    completed: {
-      background: r.completedBackground
-    },
-    remains: {
-      background: r.remainsBackground
-    }
-  } : {
-    completed: {
-      bg: r.completedColor || "cl_purple"
-    },
-    remains: {
-      bg: r.reaminsColor || "cl_lightGrey"
-    }
-  }, n = Math.max(0, Math.min(d, e));
-  return /* @__PURE__ */ s.jsxs(i, { ...r, sx: {
-    width: "100%"
-  }, "data-test": "progress-bar", children: [
-    /* @__PURE__ */ s.jsx(t, { variant: `_progressBars.${o}.done`, sx: {
-      width: `${n / e * 100}%`,
-      ...a.completed
-    } }),
-    /* @__PURE__ */ s.jsx(t, { variant: `_progressBars.${o}.remains`, sx: {
-      width: `${(1 - n / e) * 100}%`,
-      ...a.remains
-    } })
-  ] });
-};
-export {
-  g as ProgressBar
-};
-//# sourceMappingURL=sd-component-library106.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library106.js","sources":["../src/components/progress-bars/progress-bar/progress-bar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { ProgressBarProps } from \"./interfaces\";\n\n/**\n * Base progress bar component. Other progress components should be built from this.\n */\nexport const ProgressBar: React.FC<ProgressBarProps> = ({\n  totalSteps,\n  currentStep,\n  variant,\n  ...props\n}) => {\n  const backgroundProps = props.withBackgroundProps\n    ? {\n        completed: {\n          background: props.completedBackground,\n        },\n        remains: {\n          background: props.remainsBackground,\n        },\n      }\n    : {\n        completed: {\n          bg: props.completedColor || \"cl_purple\",\n        },\n        remains: {\n          bg: props.reaminsColor || \"cl_lightGrey\",\n        },\n      };\n\n  const displayedStep = Math.max(0, Math.min(currentStep, totalSteps));\n\n  return (\n    <Flex {...props} sx={{ width: \"100%\" }} data-test=\"progress-bar\">\n      <Box\n        variant={`_progressBars.${variant}.done`}\n        sx={{\n          width: `${(displayedStep / totalSteps) * 100}%`,\n          ...backgroundProps.completed,\n        }}\n      />\n      <Box\n        variant={`_progressBars.${variant}.remains`}\n        sx={{\n          width: `${(1 - displayedStep / totalSteps) * 100}%`,\n          ...backgroundProps.remains,\n        }}\n      />\n    </Flex>\n  );\n};\n"],"names":["ProgressBar","totalSteps","currentStep","variant","props","backgroundProps","withBackgroundProps","completed","background","completedBackground","remains","remainsBackground","bg","completedColor","reaminsColor","displayedStep","Math","max","min","jsxs","Flex","width","jsx","Box"],"mappings":";;;AASO,MAAMA,IAA0CA,CAAC;AAAA,EACtDC,YAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACA,GAAGC;AACL,MAAM;AACEC,QAAAA,IAAkBD,EAAME,sBAC1B;AAAA,IACEC,WAAW;AAAA,MACTC,YAAYJ,EAAMK;AAAAA,IACpB;AAAA,IACAC,SAAS;AAAA,MACPF,YAAYJ,EAAMO;AAAAA,IACpB;AAAA,EAAA,IAEF;AAAA,IACEJ,WAAW;AAAA,MACTK,IAAIR,EAAMS,kBAAkB;AAAA,IAC9B;AAAA,IACAH,SAAS;AAAA,MACPE,IAAIR,EAAMU,gBAAgB;AAAA,IAC5B;AAAA,EAAA,GAGAC,IAAgBC,KAAKC,IAAI,GAAGD,KAAKE,IAAIhB,GAAaD,CAAU,CAAC;AAEnE,SACGkB,gBAAAA,EAAA,KAAAC,GAAA,EAAK,GAAIhB,GAAO,IAAI;AAAA,IAAEiB,OAAO;AAAA,EAAA,GAAU,aAAU,gBAChD,UAAA;AAAA,IAAAC,gBAAAA,MAACC,GACC,EAAA,SAAU,iBAAgBpB,CAAQ,SAClC,IAAI;AAAA,MACFkB,OAAQ,GAAGN,IAAgBd,IAAc,GAAI;AAAA,MAC7C,GAAGI,EAAgBE;AAAAA,IAAAA,GACnB;AAAA,0BAEHgB,GACC,EAAA,SAAU,iBAAgBpB,CAAQ,YAClC,IAAI;AAAA,MACFkB,OAAQ,IAAG,IAAIN,IAAgBd,KAAc,GAAI;AAAA,MACjD,GAAGI,EAAgBK;AAAAA,IAAAA,GACnB;AAAA,EAEN,EAAA,CAAA;AAEJ;"}

package/lib/sd-component-library107.js

@@ -1,35 +0,0 @@
-import { j as s } from "./sd-component-library195.js";
-import "./sd-component-library197.js";
-import { Box as i } from "./sd-component-library198.js";
-const d = ({
-  currentStep: p,
-  totalSteps: o,
-  height: r = "6px",
-  borderRadius: t = "3px",
-  baseColor: e = "cl_lightGrey",
-  activeColor: n = "cl_purple",
-  containerSx: a
-}) => {
-  const x = Math.max(0, Math.min(p, o));
-  return /* @__PURE__ */ s.jsx(i, { sx: {
-    position: "relative",
-    height: r,
-    borderRadius: t,
-    bg: e,
-    ...a
-  }, "data-test": "rounded-progress-bar", children: /* @__PURE__ */ s.jsx(i, { sx: {
-    position: "absolute",
-    left: 0,
-    top: 0,
-    width: `${Math.floor(x / o * 100)}%`,
-    minWidth: `calc(${t} * 2)`,
-    height: r,
-    borderRadius: t,
-    bg: n,
-    transition: "width 1s"
-  } }) });
-};
-export {
-  d as RoundedProgressBar
-};
-//# sourceMappingURL=sd-component-library107.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library107.js","sources":["../src/components/progress-bars/rounded-progress-bar/rounded-progress-bar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { RoundedProgressBarProps as Props } from \"./interfaces\";\n\nexport const RoundedProgressBar: React.FC<Props> = ({\n  currentStep,\n  totalSteps,\n  height = \"6px\",\n  borderRadius = \"3px\",\n  baseColor = \"cl_lightGrey\",\n  activeColor = \"cl_purple\",\n  containerSx,\n}) => {\n  const displayedStep = Math.max(0, Math.min(currentStep, totalSteps));\n\n  return (\n    <Box\n      sx={{\n        position: \"relative\",\n        height,\n        borderRadius,\n        bg: baseColor,\n        ...containerSx,\n      }}\n      data-test=\"rounded-progress-bar\"\n    >\n      <Box\n        sx={{\n          position: \"absolute\",\n          left: 0,\n          top: 0,\n          width: `${Math.floor((displayedStep / totalSteps) * 100)}%`,\n          minWidth: `calc(${borderRadius} * 2)`,\n          height,\n          borderRadius,\n          bg: activeColor,\n          transition: \"width 1s\",\n        }}\n      />\n    </Box>\n  );\n};\n"],"names":["RoundedProgressBar","currentStep","totalSteps","height","borderRadius","baseColor","activeColor","containerSx","displayedStep","Math","max","min","jsx","Box","position","bg","left","top","width","floor","minWidth","transition"],"mappings":";;;AAMO,MAAMA,IAAsCA,CAAC;AAAA,EAClDC,aAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,QAAAA,IAAS;AAAA,EACTC,cAAAA,IAAe;AAAA,EACfC,WAAAA,IAAY;AAAA,EACZC,aAAAA,IAAc;AAAA,EACdC,aAAAA;AACF,MAAM;AACEC,QAAAA,IAAgBC,KAAKC,IAAI,GAAGD,KAAKE,IAAIV,GAAaC,CAAU,CAAC;AAGjE,SAAAU,gBAAAA,EAAA,IAACC,KACC,IAAI;AAAA,IACFC,UAAU;AAAA,IACVX,QAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAW,IAAIV;AAAAA,IACJ,GAAGE;AAAAA,EAAAA,GAEL,aAAU,wBAEV,UAAAK,gBAAAA,EAAAA,IAACC,KACC,IAAI;AAAA,IACFC,UAAU;AAAA,IACVE,MAAM;AAAA,IACNC,KAAK;AAAA,IACLC,OAAQ,GAAET,KAAKU,MAAOX,IAAgBN,IAAc,GAAG,CAAE;AAAA,IACzDkB,UAAW,QAAOhB,CAAa;AAAA,IAC/BD,QAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAW,IAAIT;AAAAA,IACJe,YAAY;AAAA,EAAA,EACZ,CAAA,EAEN,CAAA;AAEJ;"}

package/lib/sd-component-library108.js

@@ -1,16 +0,0 @@
-import { j as o } from "./sd-component-library195.js";
-import "./sd-component-library197.js";
-import { Box as n } from "./sd-component-library198.js";
-import { ProgressBar as a } from "./sd-component-library106.js";
-const c = (r) => {
-  const {
-    firstStripeColor: t = "#F0C8FE",
-    secondStripeColor: e = "#FAEFFF",
-    remainingBarColor: i = "#713580"
-  } = r;
-  return /* @__PURE__ */ o.jsx(n, { children: /* @__PURE__ */ o.jsx(a, { variant: "stripedLine", ...r, withBackgroundProps: !0, completedBackground: `repeating-linear-gradient(45deg, ${t}, ${t} 4px, ${e} 4px, ${e} 8px)`, remainsBackground: i, totalSteps: r.totalSteps, currentStep: r.currentStep, "data-test": "striped-line-progress-bar" }) });
-};
-export {
-  c as StripedLineProgressBar
-};
-//# sourceMappingURL=sd-component-library108.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library108.js","sources":["../src/components/progress-bars/striped-line-progress-bar/striped-line-progress-bar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ProgressBar } from \"../progress-bar\";\nimport { StripedLineProgressBarProps } from \"./interfaces\";\n\n/**\n * The StripedLineProgressBar component.\n */\nexport const StripedLineProgressBar: React.FunctionComponent<\n  StripedLineProgressBarProps\n> = (\n  props: StripedLineProgressBarProps\n): React.ReactElement<StripedLineProgressBarProps> => {\n  const {\n    firstStripeColor = \"#F0C8FE\",\n    secondStripeColor = \"#FAEFFF\",\n    remainingBarColor = \"#713580\",\n  } = props;\n\n  return (\n    <Box>\n      <ProgressBar\n        variant=\"stripedLine\"\n        {...props}\n        withBackgroundProps={true}\n        completedBackground={\n          `repeating-linear-gradient(45deg, ${firstStripeColor}, ${firstStripeColor} 4px,` +\n          ` ${secondStripeColor} 4px, ${secondStripeColor} 8px)`\n        }\n        remainsBackground={remainingBarColor}\n        totalSteps={props.totalSteps}\n        currentStep={props.currentStep}\n        data-test=\"striped-line-progress-bar\"\n      />\n    </Box>\n  );\n};\n"],"names":["StripedLineProgressBar","props","firstStripeColor","secondStripeColor","remainingBarColor","jsx","Box","ProgressBar","totalSteps","currentStep"],"mappings":";;;;AAUaA,MAAAA,IAETA,CACFC,MACoD;AAC9C,QAAA;AAAA,IACJC,kBAAAA,IAAmB;AAAA,IACnBC,mBAAAA,IAAoB;AAAA,IACpBC,mBAAAA,IAAoB;AAAA,EAClBH,IAAAA;AAEJ,SACGI,gBAAAA,EAAAA,IAAAC,GAAA,EACC,UAACD,gBAAAA,EAAAA,IAAAE,GAAA,EACC,SAAQ,eACJN,GAAAA,GACJ,qBAAqB,IACrB,qBACG,oCAAmCC,CAAiB,KAAIA,CAAiB,SACtEC,CAAkB,SAAQA,CAAkB,SAElD,mBAAmBC,GACnB,YAAYH,EAAMO,YAClB,aAAaP,EAAMQ,aACnB,aAAU,6BAA2B,EAEzC,CAAA;AAEJ;"}

package/lib/sd-component-library109.js

@@ -1,24 +0,0 @@
-import { j as p } from "./sd-component-library195.js";
-import "./sd-component-library197.js";
-import { Flex as x } from "./sd-component-library198.js";
-import { ProgressStep as n } from "./sd-component-library200.js";
-const j = ({
-  height: t,
-  steps: s,
-  step: i,
-  onStepClick: o,
-  ...m
-}) => {
-  const a = (e) => o ? () => o(e + 1) : void 0;
-  return /* @__PURE__ */ p.jsx(x, { ...m, sx: {
-    position: "relative",
-    pl: t || 16,
-    "> *": {
-      width: [100 / (s - 1) + "%"]
-    }
-  }, "data-test": "progress-steps", children: [...Array(s)].map((e, r) => /* @__PURE__ */ p.jsx(n, { active: r < i, height: t || 16, onClick: a(r) }, r)) });
-};
-export {
-  j as ProgressSteps
-};
-//# sourceMappingURL=sd-component-library109.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library109.js","sources":["../src/components/progress-steps/progress-steps.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Flex } from \"rebass\";\n\nimport { ProgressStepsProps } from \"./interfaces\";\nimport { ProgressStep } from \"./progress-step\";\n\n/**\n * Progress bar component. Accept step and steps attributes.\n */\nexport const ProgressSteps: React.FC<ProgressStepsProps> = ({\n  height,\n  steps,\n  step,\n  onStepClick,\n  ...props\n}) => {\n  const getOnStepClick = (idx: number) =>\n    onStepClick ? () => onStepClick(idx + 1) : undefined;\n  return (\n    <Flex\n      {...props}\n      sx={{\n        position: \"relative\",\n        pl: height || 16,\n        \"> *\": {\n          width: [100 / (steps - 1) + \"%\"],\n        },\n      }}\n      data-test=\"progress-steps\"\n    >\n      {[...Array(steps)].map((_, i) => (\n        <ProgressStep\n          key={i}\n          active={i < step}\n          height={height || 16}\n          onClick={getOnStepClick(i)}\n        />\n      ))}\n    </Flex>\n  );\n};\n"],"names":["ProgressSteps","height","steps","step","onStepClick","props","getOnStepClick","idx","undefined","jsx","Flex","position","pl","width","Array","map","_","i","ProgressStep"],"mappings":";;;;AAUO,MAAMA,IAA8CA,CAAC;AAAA,EAC1DC,QAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACA,GAAGC;AACL,MAAM;AACEC,QAAAA,IAAiBA,CAACC,MACtBH,IAAc,MAAMA,EAAYG,IAAM,CAAC,IAAIC;AAC7C,SACGC,gBAAAA,EAAA,IAAAC,GAAA,EACC,GAAIL,GACJ,IAAI;AAAA,IACFM,UAAU;AAAA,IACVC,IAAIX,KAAU;AAAA,IACd,OAAO;AAAA,MACLY,OAAO,CAAC,OAAOX,IAAQ,KAAK,GAAG;AAAA,IACjC;AAAA,EACF,GACA,aAAU,kBAET,UAAC,CAAA,GAAGY,MAAMZ,CAAK,CAAC,EAAEa,IAAI,CAACC,GAAGC,MACxBR,gBAAAA,EAAA,IAAAS,GAAA,EAEC,QAAQD,IAAId,GACZ,QAAQF,KAAU,IAClB,SAASK,EAAeW,CAAC,EAAA,GAHpBA,CAGsB,CAE9B,EACH,CAAA;AAEJ;"}

package/lib/sd-component-library11.js

@@ -1,16 +0,0 @@
-import { j as r } from "./sd-component-library195.js";
-import "./sd-component-library197.js";
-import { Box as e } from "./sd-component-library198.js";
-const d = (o) => {
-  const {
-    children: t,
-    ...s
-  } = o;
-  return /* @__PURE__ */ r.jsx(e, { "data-test": "desktop-hidden-box", sx: {
-    display: ["block", "none"]
-  }, ...s, children: t });
-};
-export {
-  d as DesktopHiddenBox
-};
-//# sourceMappingURL=sd-component-library11.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library11.js","sources":["../src/components/boxes/desktop-hidden-box/desktop-hidden-box.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { DesktopHiddenBoxProps as Props } from \"./interfaces\";\n\n/**\n * Desktop Hidden Box component. This component, and it's children,\n *  won't be visible on desktop screens\n *  @deprecated use useBreakPoints() hook instead\n */\nexport const DesktopHiddenBox: React.FC<Props> = (props) => {\n  const { children, ...boxProps } = props;\n\n  return (\n    <Box\n      data-test=\"desktop-hidden-box\"\n      sx={{ display: [\"block\", \"none\"] }}\n      {...boxProps}\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["DesktopHiddenBox","props","children","boxProps","jsx","Box","display"],"mappings":";;;AAWO,MAAMA,IAAqCC,CAAUA,MAAA;AACpD,QAAA;AAAA,IAAEC,UAAAA;AAAAA,IAAU,GAAGC;AAAAA,EAAaF,IAAAA;AAElC,SACGG,gBAAAA,EAAA,IAAAC,GAAA,EACC,aAAU,sBACV,IAAI;AAAA,IAAEC,SAAS,CAAC,SAAS,MAAM;AAAA,EAAA,GAC3BH,GAAAA,GAEHD,UAAAA,EACH,CAAA;AAEJ;"}