@selfdecode/sd-component-library 4.0.73-vite25 → 4.0.73-vite26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selfdecode/sd-component-library",
-  "version": "4.0.73-vite25",
+  "version": "4.0.73-vite26",
   "private": false,
   "license": "MIT",
   "files": [
@@ -10,14 +10,12 @@
     "lib": "lib"
   },
   "dependencies": {
-    "@emotion/react": "^11.11.1",
     "@rebass/forms": "^4.0.6",
     "body-scroll-lock": "^4.0.0-beta.0",
     "browserslist": "^4.18.1",
     "date-fns": "^2.30.0",
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
-    "emotion-theming": "^10.0.27",
     "history": "^4.10.1",
     "react-app-polyfill": "^3.0.0",
     "react-contenteditable": "^3.3.6",

package/lib/sd-component-library10.js

@@ -1,19 +0,0 @@
-import { j as a } from "./sd-component-library195.js";
-import { Badge as o } from "./sd-component-library8.js";
-const s = (r) => {
-  const { children: e, bg: t } = r;
-  return /* @__PURE__ */ a.jsx(
-    o,
-    {
-      ...r,
-      bg: t || "cl_grey",
-      variant: "secondary",
-      "data-test": "secondary-badge",
-      children: e
-    }
-  );
-};
-export {
-  s as SecondaryBadge
-};
-//# sourceMappingURL=sd-component-library10.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library10.js","sources":["../src/components/badges/secondary-badge/secondary-badge.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Badge } from \"../badge\";\nimport { SecondaryBadgeProps } from \"./interfaces\";\n\n/**\n * The secondary badge.\n */\nexport const SecondaryBadge: React.FunctionComponent<SecondaryBadgeProps> = (\n  props: SecondaryBadgeProps\n): React.ReactElement<SecondaryBadgeProps> => {\n  const { children, bg } = props;\n\n  return (\n    <Badge\n      {...props}\n      bg={bg || \"cl_grey\"}\n      variant=\"secondary\"\n      data-test=\"secondary-badge\"\n    >\n      {children}\n    </Badge>\n  );\n};\n"],"names":["SecondaryBadge","props","children","bg","jsx","Badge"],"mappings":";;AAQa,MAAAA,IAA+D,CAC1EC,MAC4C;AACtC,QAAA,EAAE,UAAAC,GAAU,IAAAC,EAAO,IAAAF;AAGvB,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,IAAIE,KAAM;AAAA,MACV,SAAQ;AAAA,MACR,aAAU;AAAA,MAET,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library100.js

@@ -1,51 +0,0 @@
-import { j as e } from "./sd-component-library195.js";
-import { isMatchingRange as u } from "./sd-component-library288.js";
-import { GridCenter as c } from "./sd-component-library45.js";
-import { GridContainerV2 as f } from "./sd-component-library42.js";
-import { LinearGaugeSegment as d } from "./sd-component-library286.js";
-import { LinearGaugeLabel as j } from "./sd-component-library287.js";
-const M = ({
-  gap: i = 3,
-  segmentHeight: l = 8,
-  value: n,
-  options: t,
-  labelGap: o = 12,
-  defaultColor: s = "cl_lightGrey",
-  defaultMatchedColor: g,
-  cursor: x = "default",
-  labelProps: p
-}) => /* @__PURE__ */ e.jsx(
-  c,
-  {
-    width: "100%",
-    gap: `${i}px`,
-    gridTemplateColumns: t.map(({ start: r, end: a }) => `${a - r}fr`).join(" "),
-    sx: { cursor: x },
-    children: t.map((r, a) => {
-      const m = u(r, n) ? r.labelColor ?? g : s;
-      return /* @__PURE__ */ e.jsxs(f, { gap: `${o}px`, children: [
-        /* @__PURE__ */ e.jsx(
-          d,
-          {
-            color: m,
-            segmentHeight: l,
-            idx: a,
-            total: t.length
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          j,
-          {
-            text: r.label,
-            color: m,
-            ...p
-          }
-        )
-      ] }, `${r.start}`);
-    })
-  }
-);
-export {
-  M as LinearNumericGaugeMeter
-};
-//# sourceMappingURL=sd-component-library100.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library100.js","sources":["../src/components/meters/linear-numeric-gauge-meter/linear-numeric-gauge-meter.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Grid, GridCenter } from \"../../containers\";\nimport {\n  LinearGaugeLabel,\n  LinearGaugeSegment,\n} from \"../linear-gauge-meter-partials\";\nimport { LinearNumericGaugeMeterProps as Props } from \"./interfaces\";\nimport { isMatchingRange } from \"./utils\";\n\nexport const LinearNumericGaugeMeter: React.FC<Props> = ({\n  gap = 3,\n  segmentHeight = 8,\n  value,\n  options,\n  labelGap = 12,\n  defaultColor = \"cl_lightGrey\",\n  defaultMatchedColor,\n  cursor = \"default\",\n  labelProps,\n}) => {\n  return (\n    <GridCenter\n      width=\"100%\"\n      gap={`${gap}px`}\n      gridTemplateColumns={options\n        .map(({ start, end }) => `${end - start}fr`)\n        .join(\" \")}\n      sx={{ cursor }}\n    >\n      {options.map((option, idx) => {\n        const color = isMatchingRange(option, value)\n          ? option.labelColor ?? defaultMatchedColor\n          : defaultColor;\n\n        return (\n          <Grid gap={`${labelGap}px`} key={`${option.start}`}>\n            <LinearGaugeSegment\n              color={color}\n              segmentHeight={segmentHeight}\n              idx={idx}\n              total={options.length}\n            />\n\n            <LinearGaugeLabel\n              text={option.label}\n              color={color}\n              {...labelProps}\n            />\n          </Grid>\n        );\n      })}\n    </GridCenter>\n  );\n};\n"],"names":["LinearNumericGaugeMeter","gap","segmentHeight","value","options","labelGap","defaultColor","defaultMatchedColor","cursor","labelProps","jsx","GridCenter","start","end","option","idx","color","isMatchingRange","jsxs","Grid","LinearGaugeSegment","LinearGaugeLabel"],"mappings":";;;;;;AAUO,MAAMA,IAA2C,CAAC;AAAA,EACvD,KAAAC,IAAM;AAAA,EACN,eAAAC,IAAgB;AAAA,EAChB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,qBAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,KAAK,GAAGV,CAAG;AAAA,IACX,qBAAqBG,EAClB,IAAI,CAAC,EAAE,OAAAQ,GAAO,KAAAC,EAAU,MAAA,GAAGA,IAAMD,CAAK,IAAI,EAC1C,KAAK,GAAG;AAAA,IACX,IAAI,EAAE,QAAAJ,EAAO;AAAA,IAEZ,UAAQJ,EAAA,IAAI,CAACU,GAAQC,MAAQ;AAC5B,YAAMC,IAAQC,EAAgBH,GAAQX,CAAK,IACvCW,EAAO,cAAcP,IACrBD;AAEJ,aACGY,gBAAAA,EAAA,KAAAC,GAAA,EAAK,KAAK,GAAGd,CAAQ,MACpB,UAAA;AAAA,QAAAK,gBAAAA,EAAA;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,OAAAJ;AAAA,YACA,eAAAd;AAAA,YACA,KAAAa;AAAA,YACA,OAAOX,EAAQ;AAAA,UAAA;AAAA,QACjB;AAAA,QAEAM,gBAAAA,EAAA;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,MAAMP,EAAO;AAAA,YACb,OAAAE;AAAA,YACC,GAAGP;AAAA,UAAA;AAAA,QACN;AAAA,MAZ+B,EAAA,GAAA,GAAGK,EAAO,KAAK,EAahD;AAAA,IAAA,CAEH;AAAA,EAAA;AAAA;"}

package/lib/sd-component-library101.js

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

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

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

package/lib/sd-component-library102.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library102.js","sources":["../src/components/modals/primary-modal/primary-modal.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { EighteenRegular, TwentyFourBold } from \"../../texts\";\nimport { Modal } from \"../modal\";\nimport { PrimaryModalProps } from \"./interfaces\";\n\n/**\n * The tour button.\n */\nexport const PrimaryModal: React.FC<PrimaryModalProps> = (props) => {\n  return (\n    <Modal {...props} variant=\"primary\" data-test=\"primary-modal\">\n      <TwentyFourBold color=\"cl_darkGrey\" mb={[\"40px\"]}>\n        {props.heading}\n      </TwentyFourBold>\n\n      <EighteenRegular\n        color=\"cl_darkGrey\"\n        width={[\"auto\"]}\n        m={[\"0 auto\"]}\n        mb={[\"28px\"]}\n      >\n        {props.text}\n      </EighteenRegular>\n\n      {props.children}\n    </Modal>\n  );\n};\n"],"names":["PrimaryModal","props","Modal","jsx","TwentyFourBold","EighteenRegular"],"mappings":";;;;AASa,MAAAA,IAA4C,CAACC,6BAErDC,GAAO,EAAA,GAAGD,GAAO,SAAQ,WAAU,aAAU,iBAC5C,UAAA;AAAA,EAACE,gBAAAA,EAAAA,IAAAC,GAAA,EAAe,OAAM,eAAc,IAAI,CAAC,MAAM,GAC5C,YAAM,QACT,CAAA;AAAA,EAEAD,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO,CAAC,MAAM;AAAA,MACd,GAAG,CAAC,QAAQ;AAAA,MACZ,IAAI,CAAC,MAAM;AAAA,MAEV,UAAMJ,EAAA;AAAA,IAAA;AAAA,EACT;AAAA,EAECA,EAAM;AACT,EAAA,CAAA;"}

package/lib/sd-component-library103.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library103.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-library104.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library104.js","sources":["../src/components/pagination-bars/pagination-bar/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","jsx","Flex","TwelveSb","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,aAAU;AAAA,IAEV,UAAA;AAAA,MAAAG,gBAAAA,EAAA,IAACC,GAAK,EAAA,eAAc,UAAS,gBAAe,UAC1C,UAAAH,gBAAAA,EAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,eAAc;AAAA,UACd,eAAe,CAAC,KAAK;AAAA,UACrB,aAAU;AAAA,UAET,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,aAAU;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/lib/sd-component-library105.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library105.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","jsxs","Grid","ResponsiveTextV2","jsx","PaginationBarButton","Previous","PaginationBarCurrentPage","Next"],"mappings":";;;;;;;AAQa,MAAAA,IAAuC,CAACC,MAAU;AACvD,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAP,GAEEQ,IAAcP,IAAc,GAC5BQ,IAAUR,IAAcE,IAAeD,GAEvCQ,IAAkB,MAAML,EAASJ,IAAc,CAAC,GAChDU,IAAc,MAAMN,EAASJ,IAAc,CAAC;AAGhD,SAAAW,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAI;AAAA,MACJ,gBAAe;AAAA,MACf,IAAI,EAAE,QAAQ,WAAW,YAAY,QAAQ,GAAGP,EAAG;AAAA,MAClD,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAAK,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,gBAAgB,CAAC,IAAI,WAAW;AAAA,YAChC,eAAc;AAAA,YACd,eAAc;AAAA,YACd,WAAU;AAAA,YAET,UAAA;AAAA,cAAA,YAAYb,IAAc,KAAKE,IAAe,CAAC,MAAM,KAAK;AAAA,gBACzDD;AAAA,gBACAD,IAAcE;AAAA,cAAA,CACf;AAAA,cACA,CAACC,KAAa,MAAMF,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACjC;AAAA,+BAECW,GAAK,EAAA,QAAO,QAAO,KAAI,QAAO,qBAAoB,mBACjD,UAAA;AAAA,UAAAE,gBAAAA,EAAA,IAACC,GAAoB,EAAA,UAAU,CAACR,GAAa,SAASE,GACpD,UAACK,gBAAAA,EAAAA,IAAAE,GAAA,EAAS,OAAO,EAAE,aAAa,MAAA,EAAS,CAAA,GAC3C;AAAA,UAEAF,gBAAAA,EAAAA,IAACG,KAA0B,UAAYjB,EAAA,CAAA;AAAA,UAEtCc,gBAAAA,EAAA,IAAAC,GAAA,EAAoB,UAAU,CAACP,GAAS,SAASE,GAChD,UAACI,gBAAAA,EAAAA,IAAAI,GAAA,EAAK,OAAO,EAAE,YAAY,MAAA,EAAS,CAAA,GACtC;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library106.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library106.js","sources":["../src/components/progress-bars/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"],"mappings":";;AAQa,MAAAA,IAAiE,CAC5EC,MAGEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,SAAQ;AAAA,IACR,YAAYA,EAAM;AAAA,IAClB,aAAaA,EAAM;AAAA,IACnB,aAAU;AAAA,EAAA;AAAA;"}

package/lib/sd-component-library107.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"sd-component-library107.js","sources":["../src/components/progress-bars/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","displayedStep","jsxs","Flex","jsx","Box"],"mappings":";;;AASO,MAAMA,IAA0C,CAAC;AAAA,EACtD,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACE,QAAAC,IAAkBD,EAAM,sBAC1B;AAAA,IACE,WAAW;AAAA,MACT,YAAYA,EAAM;AAAA,IACpB;AAAA,IACA,SAAS;AAAA,MACP,YAAYA,EAAM;AAAA,IACpB;AAAA,EAAA,IAEF;AAAA,IACE,WAAW;AAAA,MACT,IAAIA,EAAM,kBAAkB;AAAA,IAC9B;AAAA,IACA,SAAS;AAAA,MACP,IAAIA,EAAM,gBAAgB;AAAA,IAC5B;AAAA,EAAA,GAGAE,IAAgB,KAAK,IAAI,GAAG,KAAK,IAAIJ,GAAaD,CAAU,CAAC;AAGjE,SAAAM,gBAAAA,OAACC,GAAM,EAAA,GAAGJ,GAAO,IAAI,EAAE,OAAO,OAAU,GAAA,aAAU,gBAChD,UAAA;AAAA,IAAAK,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,SAAS,iBAAiBP,CAAO;AAAA,QACjC,IAAI;AAAA,UACF,OAAO,GAAIG,IAAgBL,IAAc,GAAG;AAAA,UAC5C,GAAGI,EAAgB;AAAA,QACrB;AAAA,MAAA;AAAA,IACF;AAAA,IACAI,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,SAAS,iBAAiBP,CAAO;AAAA,QACjC,IAAI;AAAA,UACF,OAAO,IAAI,IAAIG,IAAgBL,KAAc,GAAG;AAAA,UAChD,GAAGI,EAAgB;AAAA,QACrB;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}