@selfdecode/sd-component-library 4.0.73-vite13 → 4.0.73-vite15

package/lib/sd-component-library103.js

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

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

@@ -1 +1 @@
-{"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,MAEI,gBAAAC,EAACC,GACC,EAAA,MAAAH,GACA,SAAS;AAAA,EAAEI,SAAS;AAAA,EAAQC,gBAAgB;AAAA,EAAiB,GAAGJ;AAAAA,GAChE,aAAU,kBAEV,UAAA;AAAA,EAAA,gBAAAK,EAACC,KAAK,eAAc,UAAS,gBAAe,UAC1C,4BAACC,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,EAEA,gBAAAU,EAACK,GACC,EAAA,aAAAhB,GACA,UAAUc,KAAKG,KAAKhB,IAAaC,CAAY,GAC7C,UAAAC,GACA,aAAU,gBAAe,CAAA;AAE7B,EAAA,CAAA;"}
+{"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 +1,41 @@
-import { jsxs as n, jsx as t } from "./sd-component-library195.js";
-import { ReactComponent as u } from "./sd-component-library263.js";
-import { PaginationBarButton as a } from "./sd-component-library267.js";
-import { PaginationBarCurrentPage as f } from "./sd-component-library268.js";
-import { ReactComponent as C } from "./sd-component-library266.js";
-import { ResponsiveTextV2 as P } from "./sd-component-library147.js";
+import { j as e } from "./sd-component-library195.js";
+import { PaginationBarButton as i } from "./sd-component-library267.js";
+import { ReactComponent as h } from "./sd-component-library264.js";
+import { PaginationBarCurrentPage as u } from "./sd-component-library268.js";
+import { ReactComponent as f } from "./sd-component-library266.js";
 import { GridContainerV2 as s } from "./sd-component-library41.js";
-const j = (p) => {
+import { ResponsiveTextV2 as j } from "./sd-component-library147.js";
+const k = (a) => {
   const {
-    currentPage: e,
+    currentPage: t,
     itemsTotal: o,
     itemsPerPage: r,
-    hideTotal: c,
-    onChange: i,
+    hideTotal: p,
+    onChange: n,
     sx: m,
-    ...l
-  } = p, g = e > 1, x = e * r < o, d = () => i(e - 1), h = () => i(e + 1);
-  return /* @__PURE__ */ n(s, { gap: "20px", justifyContent: "center", sx: {
+    ...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
-  }, ...l, children: [
-    /* @__PURE__ */ n(P, { fontSizeWeight: [10, "semi-bold"], letterSpacing: "1.8px", textTransform: "uppercase", textAlign: "center", children: [
-      `Showing ${(e - 1) * r + 1} - ${Math.min(o, e * r)}`,
-      !c && ` / ${o}`
+  }, ...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__ */ n(s, { height: "42px", gap: "10px", gridTemplateColumns: "repeat(3, 42px)", children: [
-      /* @__PURE__ */ t(a, { disabled: !g, onClick: d, children: /* @__PURE__ */ t(u, { style: {
+    /* @__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__ */ t(f, { children: e }),
-      /* @__PURE__ */ t(a, { disabled: !x, onClick: h, children: /* @__PURE__ */ t(C, { style: {
+      /* @__PURE__ */ e.jsx(u, { children: t }),
+      /* @__PURE__ */ e.jsx(i, { disabled: !l, onClick: d, children: /* @__PURE__ */ e.jsx(f, { style: {
         marginLeft: "2px"
       } }) })
     ] })
   ] });
 };
 export {
-  j as PaginationBarMobile
+  k as PaginationBarMobile
 };
 //# sourceMappingURL=sd-component-library104.js.map

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

@@ -1 +1 @@
-{"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,2BACGW,GACC,EAAA,KAAI,QACJ,gBAAe,UACf,IAAI;AAAA,IAAEC,QAAQ;AAAA,IAAWC,YAAY;AAAA,IAAQ,GAAGR;AAAAA,EAAAA,GAC5CC,GAAAA,GAEJ,UAAA;AAAA,IAAC,gBAAAQ,EAAAC,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,sBAECU,GAAK,EAAA,QAAO,QAAO,KAAI,QAAO,qBAAoB,mBACjD,UAAA;AAAA,MAAC,gBAAAO,EAAAC,GAAA,EAAoB,UAAU,CAACZ,GAAa,SAASE,GACpD,UAAA,gBAAAS,EAACE,KAAS,OAAO;AAAA,QAAEC,aAAa;AAAA,SAAQ,EAC1C,CAAA;AAAA,MAEA,gBAAAH,EAACI,KAA0BtB,UAAYA,EAAA,CAAA;AAAA,MAEvC,gBAAAkB,EAACC,KAAoB,UAAU,CAACX,GAAS,SAASE,GAChD,UAAC,gBAAAQ,EAAAK,GAAA,EAAK,OAAO;AAAA,QAAEC,YAAY;AAAA,SAAQ,EACrC,CAAA;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"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 +1,7 @@
-import { jsx as t } from "./sd-component-library195.js";
+import { j as r } from "./sd-component-library195.js";
 import { ProgressBar as e } from "./sd-component-library106.js";
-const s = (r) => /* @__PURE__ */ t(e, { ...r, variant: "line", totalSteps: r.totalSteps, currentStep: r.currentStep, "data-test": "line-progress-bar" });
+const o = (t) => /* @__PURE__ */ r.jsx(e, { ...t, variant: "line", totalSteps: t.totalSteps, currentStep: t.currentStep, "data-test": "line-progress-bar" });
 export {
-  s as LineProgressBar
+  o as LineProgressBar
 };
 //# sourceMappingURL=sd-component-library105.js.map

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

@@ -1 +1 @@
-{"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,MAGG,gBAAAC,EAAAC,GAAA,EACC,GAAIF,GACJ,SAAQ,QACR,YAAYA,EAAMG,YAClB,aAAaH,EAAMI,aACnB,aAAU,oBACV,CAAA;"}
+{"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,9 +1,9 @@
-import { jsxs as i, jsx as n } from "./sd-component-library195.js";
+import { j as s } from "./sd-component-library195.js";
 import "./sd-component-library198.js";
-import { Flex as m, Box as d } from "./sd-component-library199.js";
-const x = ({
+import { Flex as i, Box as t } from "./sd-component-library199.js";
+const g = ({
   totalSteps: e,
-  currentStep: t,
+  currentStep: d,
   variant: o,
   ...r
 }) => {
@@ -21,21 +21,21 @@ const x = ({
     remains: {
       bg: r.reaminsColor || "cl_lightGrey"
     }
-  }, s = Math.max(0, Math.min(t, e));
-  return /* @__PURE__ */ i(m, { ...r, sx: {
+  }, n = Math.max(0, Math.min(d, e));
+  return /* @__PURE__ */ s.jsxs(i, { ...r, sx: {
     width: "100%"
   }, "data-test": "progress-bar", children: [
-    /* @__PURE__ */ n(d, { variant: `_progressBars.${o}.done`, sx: {
-      width: `${s / e * 100}%`,
+    /* @__PURE__ */ s.jsx(t, { variant: `_progressBars.${o}.done`, sx: {
+      width: `${n / e * 100}%`,
       ...a.completed
     } }),
-    /* @__PURE__ */ n(d, { variant: `_progressBars.${o}.remains`, sx: {
-      width: `${(1 - s / e) * 100}%`,
+    /* @__PURE__ */ s.jsx(t, { variant: `_progressBars.${o}.remains`, sx: {
+      width: `${(1 - n / e) * 100}%`,
       ...a.remains
     } })
   ] });
 };
 export {
-  x as ProgressBar
+  g as ProgressBar
 };
 //# sourceMappingURL=sd-component-library106.js.map

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

@@ -1 +1 @@
-{"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,SACG,gBAAAkB,EAAAC,GAAA,EAAK,GAAIhB,GAAO,IAAI;AAAA,IAAEiB,OAAO;AAAA,EAAA,GAAU,aAAU,gBAChD,UAAA;AAAA,IAAA,gBAAAC,EAACC,GACC,EAAA,SAAU,iBAAgBpB,CAAQ,SAClC,IAAI;AAAA,MACFkB,OAAQ,GAAGN,IAAgBd,IAAc,GAAI;AAAA,MAC7C,GAAGI,EAAgBE;AAAAA,IAAAA,GACnB;AAAA,sBAEHgB,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;"}
+{"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,6 +1,6 @@
-import { jsx as i } from "./sd-component-library195.js";
+import { j as s } from "./sd-component-library195.js";
 import "./sd-component-library198.js";
-import { Box as s } from "./sd-component-library199.js";
+import { Box as i } from "./sd-component-library199.js";
 const d = ({
   currentStep: p,
   totalSteps: o,
@@ -10,18 +10,18 @@ const d = ({
   activeColor: n = "cl_purple",
   containerSx: a
 }) => {
-  const l = Math.max(0, Math.min(p, o));
-  return /* @__PURE__ */ i(s, { sx: {
+  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__ */ i(s, { sx: {
+  }, "data-test": "rounded-progress-bar", children: /* @__PURE__ */ s.jsx(i, { sx: {
     position: "absolute",
     left: 0,
     top: 0,
-    width: `${Math.floor(l / o * 100)}%`,
+    width: `${Math.floor(x / o * 100)}%`,
     minWidth: `calc(${t} * 2)`,
     height: r,
     borderRadius: t,

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

@@ -1 +1 @@
-{"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,SAAA,gBAAAU,EAACC,KACC,IAAI;AAAA,IACFC,UAAU;AAAA,IACVX,QAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAW,IAAIV;AAAAA,IACJ,GAAGE;AAAAA,EAAAA,GAEL,aAAU,wBAEV,UAAA,gBAAAK,EAACC,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;"}
+{"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 +1,16 @@
-import { jsx as o } from "./sd-component-library195.js";
+import { j as o } from "./sd-component-library195.js";
 import "./sd-component-library198.js";
-import { ProgressBar as n } from "./sd-component-library106.js";
-import { Box as a } from "./sd-component-library199.js";
-const g = (r) => {
+import { Box as n } from "./sd-component-library199.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(a, { children: /* @__PURE__ */ o(n, { 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" }) });
+  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 {
-  g as StripedLineProgressBar
+  c as StripedLineProgressBar
 };
 //# sourceMappingURL=sd-component-library108.js.map

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

@@ -1 +1 @@
-{"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,SACG,gBAAAI,EAAAC,GAAA,EACC,UAAC,gBAAAD,EAAAE,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;"}
+{"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 +1,24 @@
-import { jsx as p } from "./sd-component-library195.js";
+import { j as p } from "./sd-component-library195.js";
 import "./sd-component-library198.js";
-import { ProgressStep as l } from "./sd-component-library201.js";
-import { Flex as n } from "./sd-component-library199.js";
-const f = ({
+import { Flex as x } from "./sd-component-library199.js";
+import { ProgressStep as n } from "./sd-component-library201.js";
+const j = ({
   height: t,
-  steps: o,
+  steps: s,
   step: i,
-  onStepClick: e,
+  onStepClick: o,
   ...m
 }) => {
-  const a = (s) => e ? () => e(s + 1) : void 0;
-  return /* @__PURE__ */ p(n, { ...m, sx: {
+  const a = (e) => o ? () => o(e + 1) : void 0;
+  return /* @__PURE__ */ p.jsx(x, { ...m, sx: {
     position: "relative",
     pl: t || 16,
     "> *": {
-      width: [100 / (o - 1) + "%"]
+      width: [100 / (s - 1) + "%"]
     }
-  }, "data-test": "progress-steps", children: [...Array(o)].map((s, r) => /* @__PURE__ */ p(l, { active: r < i, height: t || 16, onClick: a(r) }, r)) });
+  }, "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 {
-  f as ProgressSteps
+  j as ProgressSteps
 };
 //# sourceMappingURL=sd-component-library109.js.map

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

@@ -1 +1 @@
-{"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,SACG,gBAAAC,EAAAC,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,MACxB,gBAAAR,EAAAS,GAAA,EAEC,QAAQD,IAAId,GACZ,QAAQF,KAAU,IAClB,SAASK,EAAeW,CAAC,EAAA,GAHpBA,CAGsB,CAE9B,EACH,CAAA;AAEJ;"}
+{"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 +1,16 @@
-import { jsx as s } from "./sd-component-library195.js";
+import { j as r } from "./sd-component-library195.js";
 import "./sd-component-library198.js";
 import { Box as e } from "./sd-component-library199.js";
-const x = (o) => {
+const d = (o) => {
   const {
     children: t,
-    ...r
+    ...s
   } = o;
-  return /* @__PURE__ */ s(e, { "data-test": "desktop-hidden-box", sx: {
+  return /* @__PURE__ */ r.jsx(e, { "data-test": "desktop-hidden-box", sx: {
     display: ["block", "none"]
-  }, ...r, children: t });
+  }, ...s, children: t });
 };
 export {
-  x as DesktopHiddenBox
+  d as DesktopHiddenBox
 };
 //# sourceMappingURL=sd-component-library11.js.map

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

@@ -1 +1 @@
-{"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,SACG,gBAAAG,EAAAC,GAAA,EACC,aAAU,sBACV,IAAI;AAAA,IAAEC,SAAS,CAAC,SAAS,MAAM;AAAA,EAAA,GAC3BH,GAAAA,GAEHD,UAAAA,EACH,CAAA;AAEJ;"}
+{"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;"}

package/lib/sd-component-library110.js

@@ -1,89 +1,89 @@
-import { jsxs as p, jsx as c, Fragment as q } from "./sd-component-library195.js";
-import { useMemo as G } from "react";
-import { Select as J } from "./sd-component-library213.js";
+import { j as e } from "./sd-component-library195.js";
+import { useMemo as Z } from "react";
+import { Select as q } from "./sd-component-library213.js";
 import "./sd-component-library198.js";
-import { useDependantState as K } from "./sd-component-library3.js";
-import { MaxMaxContainer as P } from "./sd-component-library43.js";
+import { useDependantState as G } from "./sd-component-library3.js";
+import { Box as J } from "./sd-component-library199.js";
+import { MaxMaxContainer as K } from "./sd-component-library43.js";
+import { BaseLabel as P } from "./sd-component-library231.js";
 import { ResponsiveTextV2 as Q } from "./sd-component-library147.js";
-import { Box as U } from "./sd-component-library199.js";
-import { BaseLabel as X } from "./sd-component-library228.js";
-const Y = (r, a, e, d, t, n) => {
-  const m = d.find((u) => u[a].trim() === r);
-  t == null || t(m, e), n(m);
-}, O = (r) => r ? "no-translate" : void 0, ie = (r) => {
+const U = (r, a, t, d, o, n) => {
+  const m = d.find((p) => p[a].trim() === r);
+  o == null || o(m, t), n(m);
+}, j = (r) => r ? "no-translate" : void 0, ne = (r) => {
   const {
     defaultValue: a,
-    variant: e,
+    variant: t,
     selectorLabel: d,
-    name: t,
+    name: o,
     options: n,
     onChange: m,
-    width: u,
-    m: T,
-    mt: V,
-    mr: L,
-    mb: M,
-    ml: N,
-    gap: $ = ["20px"],
+    width: p,
+    m: S,
+    mt: O,
+    mr: T,
+    mb: V,
+    ml: L,
+    gap: M = ["20px"],
     disabledTextValue: x = "No Options",
-    textTransform: F = "Capitalize",
-    hideDefaultOnSelect: B,
-    labelMargin: D,
-    secondLabel: s,
-    selectElementHeight: _,
-    errorMessage: g,
-    defaultOptionColor: h,
-    selectedOptionColor: C,
-    onFocus: j,
-    errorBackground: w,
-    useValueInsteadOfTitle: y = !1,
-    id: z,
-    translateSelect: v = !0,
-    translateDefaultOption: b
-  } = r, l = y ? "value" : "title", S = G(() => n.find((o) => o[l] === a), [n, a, l]), [i, E] = K(S), f = n.length === 0, W = !e || !["compact", "tertiary"].includes(e), A = h && !i ? {
+    textTransform: N = "Capitalize",
+    hideDefaultOnSelect: $,
+    labelMargin: F,
+    secondLabel: l,
+    selectElementHeight: B,
+    errorMessage: f,
+    defaultOptionColor: g,
+    selectedOptionColor: h,
+    onFocus: D,
+    errorBackground: E,
+    useValueInsteadOfTitle: _ = !1,
+    id: w,
+    translateSelect: C = !0,
+    translateDefaultOption: v
+  } = r, i = _ ? "value" : "title", b = Z(() => n.find((s) => s[i] === a), [n, a, i]), [c, y] = G(b), u = n.length === 0, z = !t || !["compact", "tertiary"].includes(t), W = g && !c ? {
+    color: g
+  } : h ? {
     color: h
-  } : C ? {
-    color: C
-  } : {}, I = navigator.userAgent.toLowerCase().indexOf("firefox") > -1, H = O(b !== !0 && !v || b === !1), R = O(!v);
-  return /* @__PURE__ */ p(U, { id: z, variant: `_containers.selectors.${e}`, sx: {
+  } : {}, A = navigator.userAgent.toLowerCase().indexOf("firefox") > -1, I = j(v !== !0 && !C || v === !1), R = j(!C);
+  return /* @__PURE__ */ e.jsxs(J, { id: w, variant: `_containers.selectors.${t}`, sx: {
     pt: "1px",
-    width: u,
-    m: T,
-    mt: V,
-    mr: L,
-    mb: M,
-    ml: N,
+    width: p,
+    m: S,
+    mt: O,
+    mr: T,
+    mb: V,
+    ml: L,
     position: "relative",
-    ...W ? {
+    ...z ? {
       svg: {
-        transform: `translate(-2px,${I ? 0 : 5}px) scale(.78)`,
+        transform: `translate(-2px,${A ? 0 : 5}px) scale(.78)`,
         fill: "#4568F8"
       }
     } : {},
     path: {
       d: "path('M12,8.6L6.72,3.29C6.32,2.9,5.68,2.9,5.29,3.29C4.90,3.69,4.9,4.33,5.29,4.73L11.23,10.7C11.44,10.91,11.72,11.01,12,11C12.27,11.01,12.55,10.91,12.76,10.7L18.7,4.73C19.09,4.33,19.09,3.69,18.7,3.29C18.31,2.9,17.67,2.9,17.27,3.29Z M12,8.6')"
     },
-    gap: $
+    gap: M
   }, "data-test": "base-selector", children: [
-    d && /* @__PURE__ */ p(P, { gap: ["0px"], children: [
-      /* @__PURE__ */ c(X, { htmlFor: t, variant: `selectors.${e}${g ? "Error" : ""}`, label: d, m: D }),
-      s && /* @__PURE__ */ c(Q, { letterSpacing: ["1px"], textTransform: "uppercase", mt: s.mt, ml: s.ml || ["3px"], color: s.color || "cl_grey", fontSizeWeight: s.fontSizeWeight || [[10, "semi-bold"]], children: s.text })
+    d && /* @__PURE__ */ e.jsxs(K, { gap: ["0px"], children: [
+      /* @__PURE__ */ e.jsx(P, { htmlFor: o, variant: `selectors.${t}${f ? "Error" : ""}`, label: d, m: F }),
+      l && /* @__PURE__ */ e.jsx(Q, { letterSpacing: ["1px"], textTransform: "uppercase", mt: l.mt, ml: l.ml || ["3px"], color: l.color || "cl_grey", fontSizeWeight: l.fontSizeWeight || [[10, "semi-bold"]], children: l.text })
     ] }),
-    /* @__PURE__ */ c(J, { id: t, name: t, height: _, value: f ? x : i && i[l].trim() || a, onFocus: j, backgroundColor: w ? "rgba(255, 0, 0, 0.05)" : "", variant: `_selectors.${e}${g ? "Error" : ""}`, onChange: (o) => Y(o.target.value, l, i, n, m, (Z) => E(Z)), sx: {
-      textTransform: F,
-      ...A
-    }, disabled: f, children: f ? /* @__PURE__ */ p("option", { "data-test": "disabled-option", children: [
+    /* @__PURE__ */ e.jsx(q, { id: o, name: o, height: B, value: u ? x : c && c[i].trim() || a, onFocus: D, backgroundColor: E ? "rgba(255, 0, 0, 0.05)" : "", variant: `_selectors.${t}${f ? "Error" : ""}`, onChange: (s) => U(s.target.value, i, c, n, m, (H) => y(H)), sx: {
+      textTransform: N,
+      ...W
+    }, disabled: u, children: u ? /* @__PURE__ */ e.jsxs("option", { "data-test": "disabled-option", children: [
       x,
       " "
-    ] }, "disabledTextValue") : /* @__PURE__ */ p(q, { children: [
-      S === void 0 && // When defaultValue is not in the options list
-      (!i || !B) && /* @__PURE__ */ c("option", { "data-test": "selector-option", className: H, children: a }, "defaultValue"),
-      r.options.map((o) => /* @__PURE__ */ c("option", { value: o[l], "data-test": "selector-option", className: R, children: o.title }, o.id))
+    ] }, "disabledTextValue") : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      b === void 0 && // When defaultValue is not in the options list
+      (!c || !$) && /* @__PURE__ */ e.jsx("option", { "data-test": "selector-option", className: I, children: a }, "defaultValue"),
+      r.options.map((s) => /* @__PURE__ */ e.jsx("option", { value: s[i], "data-test": "selector-option", className: R, children: s.title }, s.id))
     ] }) })
   ] });
 };
 export {
-  ie as Selector,
-  O as getNoTranslateClass
+  ne as Selector,
+  j as getNoTranslateClass
 };
 //# sourceMappingURL=sd-component-library110.js.map