@selfdecode/sd-component-library 4.0.146 → 4.0.148

package/lib/sd-component-library97.js

@@ -1,49 +1,157 @@
-import { j as n } from "./sd-component-library197.js";
-import { Box as h } from "rebass";
-import { GridContainerV2 as u } from "./sd-component-library38.js";
-const f = (c) => {
+import { j as t } from "./sd-component-library169.js";
+import { useRef as R, useState as T, useEffect as E } from "react";
+import { Box as d } from "rebass";
+import { useBodyScrollLock as L } from "./sd-component-library3.js";
+import { isIOS as X, generateTestLocator as c } from "./sd-component-library4.js";
+import $ from "./sd-component-library220.js";
+import { OutsideClickBox as z } from "./sd-component-library9.js";
+import { ReactComponent as A } from "./sd-component-library221.js";
+import { FlexCenter as F } from "./sd-component-library30.js";
+import { Button as H } from "./sd-component-library21.js";
+const a = 500, K = (p) => {
   const {
-    value: i,
-    activeColor: l = "cl_purple",
-    maxValue: r = 5,
-    heightPx: o = 25,
-    gap: p = "3px",
-    inactiveColor: d = "cl_grey",
-    barWidth: a = "5px",
-    minHeight: e = 0,
-    ...m
-  } = c, s = [];
-  for (let t = 0; t < r; t++) {
-    const x = t < i ? l : d, g = e ? (o - e) / (r - 1) * t + e : o / r * (t + 1);
-    s.push(
-      /* @__PURE__ */ n.jsx(
-        h,
-        {
-          "data-testid": t < i ? "single-bar-active" : "single-bar-inactive",
-          sx: {
-            width: a,
-            borderRadius: `calc(${a} / 2)`,
-            height: `${g}px`,
-            backgroundColor: x
+    variant: x,
+    children: l,
+    containerBg: m,
+    xIconColor: u,
+    showXIcon: h = !0,
+    onClickX: o,
+    coverBg: f = "rgba(69,104,249, 0.4)",
+    width: g = "auto",
+    isOpen: i,
+    borderRadius: w = ["5px"],
+    outerPadding: C = ["30px", "auto", "150px"],
+    innerPadding: k = ["40px 20px", "50px"],
+    popUpHeight: v = "100%",
+    containerSx: S,
+    innerSx: b,
+    closeOnClickOutside: j = !1,
+    mountOnEnter: y = !0,
+    unmountOnExit: O,
+    intermediateContainerSx: B,
+    testLocatorId: n
+  } = p, r = R(null), [I, s] = T(null);
+  return E(() => {
+    let e;
+    return i ? s(l) : e = setTimeout(() => {
+      s(null);
+    }, a), () => clearTimeout(e);
+  }, [i, l]), L(r.current, i && !X()), /* @__PURE__ */ t.jsx(
+    $,
+    {
+      nodeRef: r,
+      in: i,
+      timeout: {
+        enter: 0,
+        exit: a
+      },
+      mountOnEnter: y,
+      unmountOnExit: O,
+      children: (e) => (
+        /** This most outer container is the background */
+        /* @__PURE__ */ t.jsx(
+          d,
+          {
+            sx: {
+              width: "100vw",
+              minHeight: "100vh",
+              zIndex: "150",
+              position: "fixed",
+              overflowX: "hidden",
+              overflowY: "scroll",
+              top: 0,
+              left: 0,
+              bottom: 0,
+              backgroundColor: f,
+              opacity: e === "entered" ? 1 : 0,
+              transition: `opacity ${a}ms ease-in-out`,
+              display: ["entering", "entered", "exiting"].includes(e) ? "block" : "none",
+              ...S
+            },
+            ...n ? c(`${n}-outer-container`) : {},
+            ref: r,
+            children: /* @__PURE__ */ t.jsx(
+              F,
+              {
+                sx: {
+                  position: "relative",
+                  width: "100%",
+                  height: v
+                },
+                children: /* @__PURE__ */ t.jsxs(
+                  d,
+                  {
+                    sx: {
+                      maxWidth: "100vw",
+                      zIndex: "180",
+                      margin: "auto",
+                      whiteSpace: "nowrap",
+                      padding: C,
+                      ...B
+                    },
+                    "data-testid": "modal",
+                    children: [
+                      /* @__PURE__ */ t.jsx(
+                        z,
+                        {
+                          variant: `_modals.inner.${x}`,
+                          sx: {
+                            width: g,
+                            borderRadius: w,
+                            whiteSpace: "normal",
+                            textAlign: "center",
+                            display: "inline-block",
+                            alignSelf: "top",
+                            backgroundColor: m || "white",
+                            padding: k,
+                            ...b
+                          },
+                          onClickOutside: () => {
+                            j && o && o();
+                          },
+                          ...n ? c(`${n}-inner-container`) : {},
+                          children: I
+                        }
+                      ),
+                      h && /* @__PURE__ */ t.jsx(
+                        H,
+                        {
+                          onClick: o,
+                          "data-testid": "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(
+                            A,
+                            {
+                              style: {
+                                fill: u || "#4568F9",
+                                width: "20px",
+                                height: "20px"
+                              }
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  }
+                )
+              }
+            )
           }
-        },
-        t
+        )
       )
-    );
-  }
-  return /* @__PURE__ */ n.jsx(
-    u,
-    {
-      "data-testid": "bars-meter",
-      alignItems: "end",
-      gridTemplateColumns: [`repeat(${r}, max-content)`],
-      gap: p,
-      ...m,
-      children: s
     }
   );
 };
 export {
-  f as BarsMeter
+  K as Modal
 };
 //# sourceMappingURL=sd-component-library97.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library97.js","sources":["../src/components/meters/bars-meter/bars-meter.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { Grid } from \"../../containers\";\nimport { BarsMeterProps as Props } from \"./interfaces\";\n\n/**\n *  BarsMeter component.\n */\nexport const BarsMeter: React.FC<Props> = (props) => {\n  const {\n    value,\n    activeColor = \"cl_purple\",\n    maxValue = 5,\n    heightPx = 25,\n    gap = \"3px\",\n    inactiveColor = \"cl_grey\",\n    barWidth = \"5px\",\n    minHeight = 0,\n    ...gridProps\n  } = props;\n\n  const bars: React.ReactNode[] = [];\n\n  for (let i = 0; i < maxValue; i++) {\n    const color = i < value ? activeColor : inactiveColor;\n    const height = minHeight\n      ? ((heightPx - minHeight) / (maxValue - 1)) * i + minHeight\n      : (heightPx / maxValue) * (i + 1);\n\n    bars.push(\n      <Box\n        data-testid={i < value ? \"single-bar-active\" : \"single-bar-inactive\"}\n        key={i}\n        sx={{\n          width: barWidth,\n          borderRadius: `calc(${barWidth} / 2)`,\n          height: `${height}px`,\n          backgroundColor: color,\n        }}\n      />\n    );\n  }\n\n  return (\n    <Grid\n      data-testid=\"bars-meter\"\n      alignItems=\"end\"\n      gridTemplateColumns={[`repeat(${maxValue}, max-content)`]}\n      gap={gap}\n      {...gridProps}\n    >\n      {bars}\n    </Grid>\n  );\n};\n"],"names":["BarsMeter","props","value","activeColor","maxValue","heightPx","gap","inactiveColor","barWidth","minHeight","gridProps","bars","i","color","height","jsx","Box","Grid"],"mappings":";;;AAUa,MAAAA,IAA6B,CAACC,MAAU;AAC7C,QAAA;AAAA,IACJ,OAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,KAAAC,IAAM;AAAA,IACN,eAAAC,IAAgB;AAAA,IAChB,UAAAC,IAAW;AAAA,IACX,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EACD,IAAAT,GAEEU,IAA0B,CAAA;AAEhC,WAASC,IAAI,GAAGA,IAAIR,GAAUQ,KAAK;AAC3B,UAAAC,IAAQD,IAAIV,IAAQC,IAAcI,GAClCO,IAASL,KACTJ,IAAWI,MAAcL,IAAW,KAAMQ,IAAIH,IAC/CJ,IAAWD,KAAaQ,IAAI;AAE5B,IAAAD,EAAA;AAAA,MACHI,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,eAAaJ,IAAIV,IAAQ,sBAAsB;AAAA,UAE/C,IAAI;AAAA,YACF,OAAOM;AAAA,YACP,cAAc,QAAQA,CAAQ;AAAA,YAC9B,QAAQ,GAAGM,CAAM;AAAA,YACjB,iBAAiBD;AAAA,UACnB;AAAA,QAAA;AAAA,QANKD;AAAA,MAOP;AAAA,IAAA;AAAA,EAEJ;AAGE,SAAAG,gBAAAA,EAAA;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,YAAW;AAAA,MACX,qBAAqB,CAAC,UAAUb,CAAQ,gBAAgB;AAAA,MACxD,KAAAE;AAAA,MACC,GAAGI;AAAA,MAEH,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"sd-component-library97.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 { generateTestLocator, isIOS } 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    testLocatorId,\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  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          {...(testLocatorId\n            ? generateTestLocator(`${testLocatorId}-outer-container`)\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-testid=\"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                {...(testLocatorId\n                  ? generateTestLocator(`${testLocatorId}-inner-container`)\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-testid=\"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","testLocatorId","ref","useRef","content","setContent","useState","useEffect","timer","useBodyScrollLock","isIOS","jsx","Transition","state","Box","generateTestLocator","FlexCenter","jsxs","OutsideClickBox","Button","XIcon"],"mappings":";;;;;;;;;;AAaA,MAAMA,IAAoB,KAKbC,IAA8B,CAACC,MAAU;AAC9C,QAAA;AAAA,IACJ,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,OAAAC,IAAQ;AAAA,IACR,QAAAC;AAAA,IACA,cAAAC,IAAe,CAAC,KAAK;AAAA,IACrB,cAAAC,IAAe,CAAC,QAAQ,QAAQ,OAAO;AAAA,IACvC,cAAAC,IAAe,CAAC,aAAa,MAAM;AAAA,IACnC,aAAAC,IAAc;AAAA,IACd,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,qBAAAC,IAAsB;AAAA,IACtB,cAAAC,IAAe;AAAA,IACf,eAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,eAAAC;AAAA,EACE,IAAApB,GAEEqB,IAAMC,EAAuB,IAAI,GAEjC,CAACC,GAASC,CAAU,IAAIC,EAA0B,IAAI;AAE5D,SAAAC,EAAU,MAAM;AACV,QAAAC;AACJ,WAAIlB,IACFe,EAAWtB,CAAQ,IAEnByB,IAAQ,WAAW,MAAM;AACvB,MAAAH,EAAW,IAAI;AAAA,OACd1B,CAAiB,GAEf,MAAM,aAAa6B,CAAK;AAAA,EAAA,GAC9B,CAAClB,GAAQP,CAAQ,CAAC,GAErB0B,EAAkBP,EAAI,SAASZ,KAAU,CAACoB,EAAO,CAAA,GAG/CC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASV;AAAA,MACT,IAAIZ;AAAA,MACJ,SAAS;AAAA,QACP,OAAO;AAAA,QACP,MAAMX;AAAA,MACR;AAAA,MACA,cAAAmB;AAAA,MACA,eAAAC;AAAA,MAEC,UAAC,CAAAc;AAAA;AAAA,QAEAF,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,OAAO;AAAA,cACP,WAAW;AAAA,cACX,QAAQ;AAAA,cACR,UAAU;AAAA,cACV,WAAW;AAAA,cACX,WAAW;AAAA,cACX,KAAK;AAAA,cACL,MAAM;AAAA,cACN,QAAQ;AAAA,cACR,iBAAiB1B;AAAA,cACjB,SAASyB,MAAU,YAAY,IAAI;AAAA,cACnC,YAAY,WAAWlC,CAAiB;AAAA,cACxC,SAAS,CAAC,YAAY,WAAW,SAAS,EAAE,SAASkC,CAAK,IACtD,UACA;AAAA,cACJ,GAAGlB;AAAA,YACL;AAAA,YACC,GAAIM,IACDc,EAAoB,GAAGd,CAAa,kBAAkB,IACtD,CAAC;AAAA,YACL,KAAAC;AAAA,YAIA,UAAAS,gBAAAA,EAAA;AAAA,cAACK;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,kBACF,UAAU;AAAA,kBACV,OAAO;AAAA,kBACP,QAAQtB;AAAA,gBACV;AAAA,gBAIA,UAAAuB,gBAAAA,EAAA;AAAA,kBAACH;AAAA,kBAAA;AAAA,oBACC,IAAI;AAAA,sBACF,UAAU;AAAA,sBACV,QAAQ;AAAA,sBACR,QAAQ;AAAA,sBACR,YAAY;AAAA,sBACZ,SAAStB;AAAA,sBACT,GAAGQ;AAAA,oBACL;AAAA,oBACA,eAAY;AAAA,oBAIZ,UAAA;AAAA,sBAAAW,gBAAAA,EAAA;AAAA,wBAACO;AAAA,wBAAA;AAAA,0BACC,SAAS,iBAAiBpC,CAAO;AAAA,0BACjC,IAAI;AAAA,4BACF,OAAAO;AAAA,4BACA,cAAAE;AAAA,4BACA,YAAY;AAAA,4BACZ,WAAW;AAAA,4BACX,SAAS;AAAA,4BACT,WAAW;AAAA,4BACX,iBAAiBP,KAAe;AAAA,4BAChC,SAASS;AAAA,4BACT,GAAGG;AAAA,0BACL;AAAA,0BACA,gBAAgB,MAAM;AACpB,4BAAIC,KAAuBV,KAChBA;0BAEb;AAAA,0BACC,GAAIc,IACDc,EAAoB,GAAGd,CAAa,kBAAkB,IACtD,CAAC;AAAA,0BAEJ,UAAAG;AAAA,wBAAA;AAAA,sBACH;AAAA,sBAGClB,KACCyB,gBAAAA,EAAA;AAAA,wBAACQ;AAAA,wBAAA;AAAA,0BACC,SAAShC;AAAA,0BACT,eAAY;AAAA,0BACZ,IAAI;AAAA,4BACF,GAAG;AAAA,4BACH,IAAI;AAAA,4BACJ,SAAS;AAAA,4BACT,eAAe;AAAA,4BACf,OAAO;AAAA,4BACP,QAAQ;AAAA,4BACR,YAAY;AAAA,4BACZ,WAAW;AAAA,0BACb;AAAA,0BAEA,UAAAwB,gBAAAA,EAAA;AAAA,4BAACS;AAAAA,4BAAA;AAAA,8BACC,OAAO;AAAA,gCACL,MAAMnC,KAAc;AAAA,gCACpB,OAAO;AAAA,gCACP,QAAQ;AAAA,8BACV;AAAA,4BAAA;AAAA,0BACF;AAAA,wBAAA;AAAA,sBACF;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAEJ;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF;AAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/lib/sd-component-library98.js

@@ -1,70 +1,86 @@
-import { j as o } from "./sd-component-library197.js";
-import { Box as j } from "rebass";
-import { areSegmentsValid as c } from "./sd-component-library245.js";
-import { Segment as g } from "./sd-component-library246.js";
-const B = ({
-  segments: x,
-  outlineWidth: i = 2,
-  segmentWidth: s = 40,
-  size: r = 280,
-  labelOffset: p = 100,
-  labelPointerOffset: a = 10,
-  verticalOffset: d = 20,
-  sideOffset: m = 5,
-  labelOffsetMobile: f = 30,
-  mobile: t = !1,
-  verticalOffsetMobile: l = 50,
-  containerSx: u,
-  children: h
-}) => {
-  if (!c(x))
-    return null;
-  const e = {
-    width: `${r}px`,
-    height: `${r}px`
-  };
-  return /* @__PURE__ */ o.jsx(
-    j,
+import { j as r } from "./sd-component-library169.js";
+import { useDependantState as j } from "./sd-component-library3.js";
+import { SquareButton as g } from "./sd-component-library226.js";
+import { ReactComponent as P } from "./sd-component-library223.js";
+import { CurrentPage as h } from "./sd-component-library227.js";
+import { ReactComponent as S } from "./sd-component-library225.js";
+import { GridCenter as R } from "./sd-component-library37.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: {
-        overflow: "hidden",
-        cursor: "default",
-        ...t ? {} : { pr: "10px" },
-        ...u
+        gridGap: 3,
+        gridTemplateColumns: "repeat(3, max-content)",
+        m: u,
+        mt: C,
+        mr: f,
+        mb: l,
+        ml: c
       },
-      children: /* @__PURE__ */ o.jsxs(
-        "svg",
-        {
-          ...e,
-          style: {
-            margin: `${t ? l : d}px ${p + m}px`,
-            borderRadius: `${r / 2}px`,
-            boxShadow: "10px 15px 15px #9BA2B44D",
-            overflow: "visible"
-          },
-          children: [
-            x.map((n) => /* @__PURE__ */ o.jsx(
-              g,
-              {
-                segment: n,
-                segmentWidth: s,
-                size: r,
-                outlineWidth: i,
-                labelOffset: p,
-                labelPointerOffset: a,
-                mobile: t,
-                labelOffsetMobile: f
-              },
-              n.text
-            )),
-            /* @__PURE__ */ o.jsx("foreignObject", { x: 0, y: 0, ...e, style: { pointerEvents: "none" }, children: h })
-          ]
-        }
-      )
+      "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 {
-  B as DonutDiagram
+  D as PageSelector
 };
 //# sourceMappingURL=sd-component-library98.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library98.js","sources":["../src/components/meters/donut-diagram/donut-diagram.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { DonutDiagramProps as Props } from \"./interfaces\";\nimport { Segment } from \"./partials\";\nimport { areSegmentsValid } from \"./utils\";\n\nexport const DonutDiagram: React.FC<Props> = ({\n  segments,\n  outlineWidth = 2,\n  segmentWidth = 40,\n  size = 280,\n  labelOffset = 100,\n  labelPointerOffset = 10,\n  verticalOffset = 20,\n  sideOffset = 5,\n  labelOffsetMobile = 30,\n  mobile = false,\n  verticalOffsetMobile = 50,\n  containerSx,\n  children,\n}) => {\n  if (!areSegmentsValid(segments)) return null;\n\n  const sizes = {\n    width: `${size}px`,\n    height: `${size}px`,\n  };\n\n  return (\n    <Box\n      sx={{\n        overflow: \"hidden\",\n        cursor: \"default\",\n        ...(mobile ? {} : { pr: \"10px\" }),\n        ...containerSx,\n      }}\n    >\n      <svg\n        {...sizes}\n        style={{\n          margin: `${mobile ? verticalOffsetMobile : verticalOffset}px ${\n            labelOffset + sideOffset\n          }px`,\n          borderRadius: `${size / 2}px`,\n          boxShadow: \"10px 15px 15px #9BA2B44D\",\n          overflow: \"visible\",\n        }}\n      >\n        {segments.map((segment) => (\n          <Segment\n            key={segment.text}\n            segment={segment}\n            segmentWidth={segmentWidth}\n            size={size}\n            outlineWidth={outlineWidth}\n            labelOffset={labelOffset}\n            labelPointerOffset={labelPointerOffset}\n            mobile={mobile}\n            labelOffsetMobile={labelOffsetMobile}\n          />\n        ))}\n\n        <foreignObject x={0} y={0} {...sizes} style={{ pointerEvents: \"none\" }}>\n          {children}\n        </foreignObject>\n      </svg>\n    </Box>\n  );\n};\n"],"names":["DonutDiagram","segments","outlineWidth","segmentWidth","size","labelOffset","labelPointerOffset","verticalOffset","sideOffset","labelOffsetMobile","mobile","verticalOffsetMobile","containerSx","children","areSegmentsValid","sizes","jsx","Box","jsxs","segment","Segment"],"mappings":";;;;AAQO,MAAMA,IAAgC,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,MAAAC,IAAO;AAAA,EACP,aAAAC,IAAc;AAAA,EACd,oBAAAC,IAAqB;AAAA,EACrB,gBAAAC,IAAiB;AAAA,EACjB,YAAAC,IAAa;AAAA,EACb,mBAAAC,IAAoB;AAAA,EACpB,QAAAC,IAAS;AAAA,EACT,sBAAAC,IAAuB;AAAA,EACvB,aAAAC;AAAA,EACA,UAAAC;AACF,MAAM;AACA,MAAA,CAACC,EAAiBb,CAAQ;AAAU,WAAA;AAExC,QAAMc,IAAQ;AAAA,IACZ,OAAO,GAAGX,CAAI;AAAA,IACd,QAAQ,GAAGA,CAAI;AAAA,EAAA;AAIf,SAAAY,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,GAAIP,IAAS,CAAA,IAAK,EAAE,IAAI,OAAO;AAAA,QAC/B,GAAGE;AAAA,MACL;AAAA,MAEA,UAAAM,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGH;AAAA,UACJ,OAAO;AAAA,YACL,QAAQ,GAAGL,IAASC,IAAuBJ,CAAc,MACvDF,IAAcG,CAChB;AAAA,YACA,cAAc,GAAGJ,IAAO,CAAC;AAAA,YACzB,WAAW;AAAA,YACX,UAAU;AAAA,UACZ;AAAA,UAEC,UAAA;AAAA,YAASH,EAAA,IAAI,CAACkB,MACbH,gBAAAA,EAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBAEC,SAAAD;AAAA,gBACA,cAAAhB;AAAA,gBACA,MAAAC;AAAA,gBACA,cAAAF;AAAA,gBACA,aAAAG;AAAA,gBACA,oBAAAC;AAAA,gBACA,QAAAI;AAAA,gBACA,mBAAAD;AAAA,cAAA;AAAA,cARKU,EAAQ;AAAA,YAAA,CAUhB;AAAA,YAEAH,gBAAAA,EAAAA,IAAA,iBAAA,EAAc,GAAG,GAAG,GAAG,GAAI,GAAGD,GAAO,OAAO,EAAE,eAAe,UAC3D,UAAAF,EACH,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"sd-component-library98.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","jsx","SquareButton","Previous","CurrentPage","Next"],"mappings":";;;;;;;AAmBA,SAASA,EACPC,GACAC,GACAC,GACAC,GACA;AACA,EAAAF,KAAA,QAAAA,EAAWC,GAAUC,IACrBH,EAASE,CAAQ;AACnB;AAKa,MAAAE,IAA2D,CACtEC,MAC0C;AACpC,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,EACE,IAAAZ,GAEE,CAACa,GAAcC,CAAe,IAClCC,EAA0Bd,CAAW;AAGrC,SAAAe,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,qBAAqB;AAAA,QACrB,GAAAT;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,MACF;AAAA,MACA,eAAY;AAAA,MAEZ,UAAA;AAAA,QAAAM,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAUN,KAAgB;AAAA,YAC1B,SAAS,MAAM;AACb,cAAAnB;AAAA,gBACEoB;AAAA,gBACAP;AAAA,gBACAM,IAAe;AAAA,gBACfA;AAAA,cAAA;AAAA,YAEJ;AAAA,YACA,aAAAV;AAAA,YACA,aAAAC;AAAA,YACA,aAAAC;AAAA,YACA,MAAAC;AAAA,YAEA,gCAACc,GAAS,EAAA,OAAO,EAAE,aAAa,SAAS;AAAA,UAAA;AAAA,QAC3C;AAAA,QAEAF,gBAAAA,EAAAA,IAACG,GAAY,EAAA,aAAaR,EAAc,CAAA;AAAA,QAExCK,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAUN,KAAgBX;AAAA,YAC1B,SAAS,MAAM;AACb,cAAAR;AAAA,gBACEoB;AAAA,gBACAP;AAAA,gBACAM,IAAe;AAAA,gBACfA;AAAA,cAAA;AAAA,YAEJ;AAAA,YACA,aAAAV;AAAA,YACA,aAAAC;AAAA,YACA,aAAAC;AAAA,YACA,MAAAC;AAAA,YAEA,gCAACgB,GAAK,EAAA,OAAO,EAAE,YAAY,SAAS;AAAA,UAAA;AAAA,QACtC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library99.js

@@ -1,51 +1,53 @@
-import { j as n } from "./sd-component-library197.js";
-import { areSegmentsValid as h } from "./sd-component-library245.js";
-import { CompactDonutGaugeSegment as x } from "./sd-component-library250.js";
-import { CompactDonutGaugeValueIndicator as f } from "./sd-component-library251.js";
-const C = ({
-  segments: e,
-  size: r = 70,
-  value: t,
-  segmentWidth: m = 10,
-  outlineWidth: c = 2,
-  cursor: p = "default",
-  children: a
-}) => {
-  if (!h(e))
-    return null;
-  if (t > 1 || t < 0)
-    return console.error(
-      "Value should be not less than 0 and not higher than 1",
-      `Received: ${t}`
-    ), null;
-  const i = e.find(
-    ({ start: o, end: u }) => t >= o && t <= u
-  ), s = {
-    width: `${r}px`,
-    height: `${r}px`
-  };
-  return /* @__PURE__ */ n.jsxs("svg", { ...s, style: { cursor: p }, children: [
-    e.map((o) => /* @__PURE__ */ n.jsx(
-      x,
-      {
-        segment: o,
-        isMatching: o.start === i.start,
-        size: r,
-        segmentWidth: m,
-        outlineWidth: c
-      },
-      o.color
-    )),
-    a ? /* @__PURE__ */ n.jsx("foreignObject", { x: 0, y: 0, ...s, children: a }) : /* @__PURE__ */ n.jsx(
-      f,
-      {
-        size: r,
-        segment: i
-      }
-    )
-  ] });
-};
+import { j as t } from "./sd-component-library169.js";
+import { Flex as p } from "rebass";
+import { MaxWidthContainer as x } from "./sd-component-library40.js";
+import { PageSelector as l } from "./sd-component-library98.js";
+import { SemiBoldText as c } from "./sd-component-library136.js";
+const S = ({
+  currentPage: i,
+  itemsTotal: e,
+  itemsPerPage: n,
+  onChange: o,
+  hideTotal: r,
+  bgSx: a,
+  innerSx: s
+}) => /* @__PURE__ */ t.jsxs(
+  x,
+  {
+    bgSx: a,
+    innerSx: { display: "flex", justifyContent: "space-between", ...s },
+    "data-testid": "pagination-bar",
+    children: [
+      /* @__PURE__ */ t.jsx(p, { flexDirection: "column", justifyContent: "center", children: /* @__PURE__ */ t.jsxs(
+        c,
+        {
+          fontSize: 12,
+          color: "cl_darkGrey",
+          textTransform: "uppercase",
+          letterSpacing: "2px",
+          "data-testid": "pagination-bar-info",
+          children: [
+            `Showing ${(i - 1) * n + 1} - ${Math.min(
+              e,
+              i * n
+            )}`,
+            !r && ` / ${e}`
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ t.jsx(
+        l,
+        {
+          currentPage: i,
+          lastPage: Math.ceil(e / n),
+          onChange: o,
+          "data-testid": "page-selector"
+        }
+      )
+    ]
+  }
+);
 export {
-  C as CompactDonutGauge
+  S as PaginationBar
 };
 //# sourceMappingURL=sd-component-library99.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sd-component-library99.js","sources":["../src/components/meters/compact-donut-gauge/compact-donut-gauge.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\n\nimport { areSegmentsValid } from \"../donut-diagram/utils\";\nimport { CompactDonutGaugeProps as Props } from \"./interfaces\";\nimport {\n  CompactDonutGaugeSegment,\n  CompactDonutGaugeValueIndicator,\n} from \"./partials\";\n\nexport const CompactDonutGauge: React.FC<PropsWithChildren<Props>> = ({\n  segments,\n  size = 70,\n  value,\n  segmentWidth = 10,\n  outlineWidth = 2,\n  cursor = \"default\",\n  children,\n}) => {\n  if (!areSegmentsValid(segments)) return null;\n\n  if (value > 1 || value < 0) {\n    console.error(\n      \"Value should be not less than 0 and not higher than 1\",\n      `Received: ${value}`\n    );\n    return null;\n  }\n\n  const matchingSegment = segments.find(\n    ({ start, end }) => value >= start && value <= end\n  )!;\n\n  const sizes = {\n    width: `${size}px`,\n    height: `${size}px`,\n  };\n\n  return (\n    <svg {...sizes} style={{ cursor }}>\n      {segments.map((segment) => (\n        <CompactDonutGaugeSegment\n          segment={segment}\n          isMatching={segment.start === matchingSegment.start}\n          size={size}\n          segmentWidth={segmentWidth}\n          outlineWidth={outlineWidth}\n          key={segment.color}\n        />\n      ))}\n\n      {children ? (\n        <foreignObject x={0} y={0} {...sizes}>\n          {children}\n        </foreignObject>\n      ) : (\n        <CompactDonutGaugeValueIndicator\n          size={size}\n          segment={matchingSegment}\n        />\n      )}\n    </svg>\n  );\n};\n"],"names":["CompactDonutGauge","segments","size","value","segmentWidth","outlineWidth","cursor","children","areSegmentsValid","matchingSegment","start","end","sizes","segment","jsx","CompactDonutGaugeSegment","CompactDonutGaugeValueIndicator"],"mappings":";;;;AASO,MAAMA,IAAwD,CAAC;AAAA,EACpE,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,cAAAC,IAAe;AAAA,EACf,QAAAC,IAAS;AAAA,EACT,UAAAC;AACF,MAAM;AACA,MAAA,CAACC,EAAiBP,CAAQ;AAAU,WAAA;AAEpC,MAAAE,IAAQ,KAAKA,IAAQ;AACf,mBAAA;AAAA,MACN;AAAA,MACA,aAAaA,CAAK;AAAA,IAAA,GAEb;AAGT,QAAMM,IAAkBR,EAAS;AAAA,IAC/B,CAAC,EAAE,OAAAS,GAAO,KAAAC,QAAUR,KAASO,KAASP,KAASQ;AAAA,EAAA,GAG3CC,IAAQ;AAAA,IACZ,OAAO,GAAGV,CAAI;AAAA,IACd,QAAQ,GAAGA,CAAI;AAAA,EAAA;AAGjB,gCACG,OAAK,EAAA,GAAGU,GAAO,OAAO,EAAE,QAAAN,EACtB,GAAA,UAAA;AAAA,IAASL,EAAA,IAAI,CAACY,MACbC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAF;AAAA,QACA,YAAYA,EAAQ,UAAUJ,EAAgB;AAAA,QAC9C,MAAAP;AAAA,QACA,cAAAE;AAAA,QACA,cAAAC;AAAA,MAAA;AAAA,MACKQ,EAAQ;AAAA,IAAA,CAEhB;AAAA,IAEAN,IACEO,gBAAAA,EAAA,IAAA,iBAAA,EAAc,GAAG,GAAG,GAAG,GAAI,GAAGF,GAC5B,UAAAL,EAAA,CACH,IAEAO,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAAd;AAAA,QACA,SAASO;AAAA,MAAA;AAAA,IACX;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"sd-component-library99.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 { SemiBoldText } 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-testid=\"pagination-bar\"\n    >\n      <Flex flexDirection=\"column\" justifyContent=\"center\">\n        <SemiBoldText\n          fontSize={12}\n          color=\"cl_darkGrey\"\n          textTransform=\"uppercase\"\n          letterSpacing={\"2px\"}\n          data-testid=\"pagination-bar-info\"\n        >\n          {`Showing ${(currentPage - 1) * itemsPerPage + 1} - ${Math.min(\n            itemsTotal,\n            currentPage * itemsPerPage\n          )}`}\n          {!hideTotal && ` / ${itemsTotal}`}\n        </SemiBoldText>\n      </Flex>\n\n      <PageSelector\n        currentPage={currentPage}\n        lastPage={Math.ceil(itemsTotal / itemsPerPage)}\n        onChange={onChange}\n        data-testid=\"page-selector\"\n      />\n    </MaxWidthContainer>\n  );\n};\n"],"names":["PaginationBar","currentPage","itemsTotal","itemsPerPage","onChange","hideTotal","bgSx","innerSx","jsxs","MaxWidthContainer","jsx","Flex","SemiBoldText","PageSelector"],"mappings":";;;;;AASO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAH;AAAA,IACA,SAAS,EAAE,SAAS,QAAQ,gBAAgB,iBAAiB,GAAGC,EAAQ;AAAA,IACxE,eAAY;AAAA,IAEZ,UAAA;AAAA,MAAAG,gBAAAA,EAAA,IAACC,GAAK,EAAA,eAAc,UAAS,gBAAe,UAC1C,UAAAH,gBAAAA,EAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,OAAM;AAAA,UACN,eAAc;AAAA,UACd,eAAe;AAAA,UACf,eAAY;AAAA,UAEX,UAAA;AAAA,YAAA,YAAYX,IAAc,KAAKE,IAAe,CAAC,MAAM,KAAK;AAAA,cACzDD;AAAA,cACAD,IAAcE;AAAA,YAAA,CACf;AAAA,YACA,CAACE,KAAa,MAAMH,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAEnC;AAAA,MAEAQ,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,aAAAZ;AAAA,UACA,UAAU,KAAK,KAAKC,IAAaC,CAAY;AAAA,UAC7C,UAAAC;AAAA,UACA,eAAY;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/package.json

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

package/lib/components/badges/badge/badge.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { BadgeProps } from './interfaces';
-
-/**
- * Base badge component. Other badges components should be built from this.
- */
-export declare const Badge: React.FC<BadgeProps>;

package/lib/components/badges/badge/index.d.ts

@@ -1,2 +0,0 @@
-export { Badge } from './badge';
-export type { BadgeProps } from './interfaces';

package/lib/components/badges/badge/interfaces.d.ts

@@ -1,12 +0,0 @@
-import { BaseComponentProps } from '../../interfaces';
-
-export interface BadgeProps extends BaseComponentProps {
-    /**
-     * The text of the badge.
-     */
-    children?: React.ReactNode;
-    /**
-     * The bg color
-     */
-    bg?: string;
-}

package/lib/components/badges/index.d.ts

@@ -1,3 +0,0 @@
-export * from './badge';
-export * from './primary-badge';
-export * from './secondary-badge';

package/lib/components/badges/primary-badge/index.d.ts

@@ -1,4 +0,0 @@
-import { PrimaryBadgeProps as Props } from './interfaces';
-
-export { PrimaryBadge } from './primary-badge';
-export declare type PrimaryBadgeProps = Props;

package/lib/components/badges/primary-badge/interfaces.d.ts

@@ -1,3 +0,0 @@
-import { BadgeProps as Props } from '../badge/interfaces';
-
-export declare type PrimaryBadgeProps = Pick<Props, "children" | "m" | "mt" | "mr" | "mb" | "ml" | "bg">;

package/lib/components/badges/primary-badge/primary-badge.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { PrimaryBadgeProps } from './interfaces';
-
-/**
- * The primary badge.
- */
-export declare const PrimaryBadge: React.FC<PrimaryBadgeProps>;

package/lib/components/badges/primary-badge/primary-badge.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { PrimaryBadge } from '.';
-
-declare const meta: Meta<typeof PrimaryBadge>;
-export default meta;
-declare type Story = StoryObj<typeof PrimaryBadge>;
-export declare const Example: Story;

package/lib/components/badges/secondary-badge/index.d.ts

@@ -1,4 +0,0 @@
-import { SecondaryBadgeProps as Props } from './interfaces';
-
-export { SecondaryBadge } from './secondary-badge';
-export declare type SecondaryBadgeProps = Props;

package/lib/components/badges/secondary-badge/interfaces.d.ts

@@ -1,3 +0,0 @@
-import { BadgeProps as Props } from '../badge/interfaces';
-
-export declare type SecondaryBadgeProps = Pick<Props, "children" | "m" | "mt" | "mr" | "mb" | "ml" | "bg">;