@selfdecode/sd-component-library 4.0.73-vite2 → 4.0.73-vite21

package/lib/sd-component-library74.js

@@ -0,0 +1,70 @@
+import { j as e } from "./sd-component-library195.js";
+import p from "react";
+import { Link as c } from "react-router-dom";
+import "./sd-component-library196.js";
+import { Box as t, Flex as d } from "./sd-component-library197.js";
+import { HorizontalDivider as l } from "./sd-component-library52.js";
+import { ResponsiveText as a } from "./sd-component-library146.js";
+import { PrimaryBadge as m } from "./sd-component-library9.js";
+const C = function(x) {
+  const { searchResults: i, useRouterLinks: s } = x, n = (o, r) => /* @__PURE__ */ e.jsx(
+    t,
+    {
+      sx: {
+        p: "10px 16px",
+        cursor: "pointer",
+        ":hover": { bg: "#eff4ff" }
+      },
+      onClick: r,
+      children: /* @__PURE__ */ e.jsxs(
+        d,
+        {
+          flexDirection: ["column-reverse", "row"],
+          justifyContent: ["space-between"],
+          children: [
+            /* @__PURE__ */ e.jsx(
+              a,
+              {
+                width: ["max-content"],
+                fontSizeWeight: [[16, "regular"]],
+                color: "cl_darkGrey",
+                cursor: "pointer",
+                children: o.text
+              }
+            ),
+            !!o.type && /* @__PURE__ */ e.jsx(t, { width: "max-content", mb: ["8px", "0"], children: /* @__PURE__ */ e.jsx(m, { children: o.type }) })
+          ]
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ e.jsx(
+    t,
+    {
+      sx: {
+        position: "absolute",
+        top: "100%",
+        bg: "white",
+        width: "100%",
+        borderRadius: ["0", "0px 0px 3px 3px"],
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderTopStyle: "none",
+        borderColor: "#C8CCE5",
+        boxShadow: "2px 3px 10px rgba(211,223,255,0.25)"
+      },
+      "data-test": "search-box",
+      children: i.map((o, r) => /* @__PURE__ */ e.jsxs(p.Fragment, { children: [
+        s ? /* @__PURE__ */ e.jsx(c, { to: o.url, style: { textDecoration: "none" }, children: n(o) }) : n(
+          o,
+          () => window.location.href = "https://www.selfdecode.com" + o.url
+        ),
+        r + 1 !== i.length && /* @__PURE__ */ e.jsx(l, { color: "cl_lightGrey" })
+      ] }, `${r}-${o.url}`))
+    }
+  );
+};
+export {
+  C as SearchBox
+};
+//# sourceMappingURL=sd-component-library74.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library74.js","sources":["../src/components/inputs/search-input/partials/search-box/search-box.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport { Box, Flex } from \"rebass\";\n\nimport { PrimaryBadge } from \"../../../../badges/primary-badge\";\nimport { HorizontalDivider } from \"../../../../dividers/horizontal-divider\";\nimport { ResponsiveText } from \"../../../../texts/responsive-text\";\nimport { SearchBoxProps, SearchResult } from \"./interfaces\";\n\nexport const SearchBox = function (props: SearchBoxProps) {\n  const { searchResults, useRouterLinks } = props;\n\n  const getLinkContent = (result: SearchResult, onClick?: () => void) => (\n    <Box\n      sx={{\n        p: \"10px 16px\",\n        cursor: \"pointer\",\n        \":hover\": { bg: \"#eff4ff\" },\n      }}\n      onClick={onClick}\n    >\n      <Flex\n        flexDirection={[\"column-reverse\", \"row\"]}\n        justifyContent={[\"space-between\"]}\n      >\n        <ResponsiveText\n          width={[\"max-content\"]}\n          fontSizeWeight={[[16, \"regular\"]]}\n          color=\"cl_darkGrey\"\n          cursor=\"pointer\"\n        >\n          {result.text}\n        </ResponsiveText>\n        {!!result.type && (\n          <Box width={\"max-content\"} mb={[\"8px\", \"0\"]}>\n            <PrimaryBadge>{result.type}</PrimaryBadge>\n          </Box>\n        )}\n      </Flex>\n    </Box>\n  );\n\n  return (\n    <Box\n      sx={{\n        position: \"absolute\",\n        top: \"100%\",\n        bg: \"white\",\n        width: \"100%\",\n        borderRadius: [\"0\", \"0px 0px 3px 3px\"],\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderTopStyle: \"none\",\n        borderColor: \"#C8CCE5\",\n        boxShadow: \"2px 3px 10px rgba(211,223,255,0.25)\",\n      }}\n      data-test=\"search-box\"\n    >\n      {searchResults.map((result, index) => (\n        <React.Fragment key={`${index}-${result.url}`}>\n          {useRouterLinks ? (\n            <Link to={result.url} style={{ textDecoration: \"none\" }}>\n              {getLinkContent(result)}\n            </Link>\n          ) : (\n            getLinkContent(\n              result,\n              () =>\n                (window.location.href =\n                  \"https://www.selfdecode.com\" + result.url)\n            )\n          )}\n          {index + 1 !== searchResults.length && (\n            <HorizontalDivider color=\"cl_lightGrey\" />\n          )}\n        </React.Fragment>\n      ))}\n    </Box>\n  );\n};\n"],"names":["SearchBox","props","searchResults","useRouterLinks","getLinkContent","result","onClick","jsx","Box","jsxs","Flex","ResponsiveText","PrimaryBadge","index","React","Link","HorizontalDivider"],"mappings":";;;;;;;;AAUa,MAAAA,IAAY,SAAUC,GAAuB;AAClD,QAAA,EAAE,eAAAC,GAAe,gBAAAC,EAAmB,IAAAF,GAEpCG,IAAiB,CAACC,GAAsBC,MAC5CC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,UAAU,EAAE,IAAI,UAAU;AAAA,MAC5B;AAAA,MACA,SAAAF;AAAA,MAEA,UAAAG,gBAAAA,EAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,eAAe,CAAC,kBAAkB,KAAK;AAAA,UACvC,gBAAgB,CAAC,eAAe;AAAA,UAEhC,UAAA;AAAA,YAAAH,gBAAAA,EAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,OAAO,CAAC,aAAa;AAAA,gBACrB,gBAAgB,CAAC,CAAC,IAAI,SAAS,CAAC;AAAA,gBAChC,OAAM;AAAA,gBACN,QAAO;AAAA,gBAEN,UAAON,EAAA;AAAA,cAAA;AAAA,YACV;AAAA,YACC,CAAC,CAACA,EAAO,QACRE,gBAAAA,EAAA,IAACC,KAAI,OAAO,eAAe,IAAI,CAAC,OAAO,GAAG,GACxC,gCAACI,GAAc,EAAA,UAAAP,EAAO,KAAK,CAAA,GAC7B;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAKF,SAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,cAAc,CAAC,KAAK,iBAAiB;AAAA,QACrC,aAAa;AAAA,QACb,aAAa;AAAA,QACb,gBAAgB;AAAA,QAChB,aAAa;AAAA,QACb,WAAW;AAAA,MACb;AAAA,MACA,aAAU;AAAA,MAET,UAAAN,EAAc,IAAI,CAACG,GAAQQ,MACzBJ,gBAAAA,EAAAA,KAAAK,EAAM,UAAN,EACE,UAAA;AAAA,QAAAX,IACEI,gBAAAA,EAAA,IAAAQ,GAAA,EAAK,IAAIV,EAAO,KAAK,OAAO,EAAE,gBAAgB,OAAO,GACnD,UAAeD,EAAAC,CAAM,EACxB,CAAA,IAEAD;AAAA,UACEC;AAAA,UACA,MACG,OAAO,SAAS,OACf,+BAA+BA,EAAO;AAAA,QAC5C;AAAA,QAEDQ,IAAQ,MAAMX,EAAc,UAC1BK,gBAAAA,EAAA,IAAAS,GAAA,EAAkB,OAAM,gBAAe;AAAA,MAAA,EAAA,GAdvB,GAAGH,CAAK,IAAIR,EAAO,GAAG,EAgB3C,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library75.js

@@ -0,0 +1,67 @@
+import { j as r } from "./sd-component-library195.js";
+import "./sd-component-library196.js";
+import { Box as B } from "./sd-component-library197.js";
+import { SecondaryInputLabels as I } from "./sd-component-library212.js";
+import { NumberInput as A } from "./sd-component-library69.js";
+const w = (n) => {
+  const {
+    placeholder: t,
+    value: e,
+    onChange: o,
+    focusInput: a,
+    m,
+    mb: s,
+    ml: i,
+    mr: d,
+    mt: u,
+    width: p,
+    padding: c,
+    inputPadding: x = ["14px 0"],
+    textAlign: l,
+    min: b,
+    max: g,
+    errorMessage: f,
+    inputMode: h,
+    useAdvancedBehavior: j,
+    errorBackground: y,
+    onFocus: v
+  } = n;
+  return /* @__PURE__ */ r.jsxs(
+    B,
+    {
+      sx: { m, mb: s, ml: i, mr: d, mt: u, width: p, padding: c },
+      "data-test": "secondary-number-input",
+      children: [
+        /* @__PURE__ */ r.jsx(
+          I,
+          {
+            ...n,
+            "data-test": "secondary-number-input-labels"
+          }
+        ),
+        /* @__PURE__ */ r.jsx(
+          A,
+          {
+            variant: `primary${f ? "Error" : ""}`,
+            min: b,
+            max: g,
+            textAlign: l,
+            value: e,
+            placeholder: t,
+            focusInput: a,
+            onChange: o,
+            padding: x,
+            inputMode: h,
+            useAdvancedBehavior: j,
+            errorBackground: y,
+            onFocus: v
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  w as SecondaryNumberInput
+};
+//# sourceMappingURL=sd-component-library75.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library75.js","sources":["../src/components/inputs/secondary-number-input/secondary-number-input.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { NumberInput } from \"../number-input\";\nimport { SecondaryInputLabels } from \"../secondary-text-input/partials/secondary-input-labels\";\nimport { SecondaryNumberInputProps } from \"./interfaces\";\n\nexport const SecondaryNumberInput: React.FC<SecondaryNumberInputProps> = (\n  props\n) => {\n  const {\n    placeholder,\n    value,\n    onChange,\n    focusInput,\n    m,\n    mb,\n    ml,\n    mr,\n    mt,\n    width,\n    padding,\n    inputPadding = [\"14px 0\"],\n    textAlign,\n    min,\n    max,\n    errorMessage,\n    inputMode,\n    useAdvancedBehavior,\n    errorBackground,\n    onFocus,\n  } = props;\n\n  return (\n    <Box\n      sx={{ m, mb, ml, mr, mt, width, padding }}\n      data-test=\"secondary-number-input\"\n    >\n      <SecondaryInputLabels\n        {...props}\n        data-test=\"secondary-number-input-labels\"\n      />\n\n      <NumberInput\n        variant={`primary${errorMessage ? \"Error\" : \"\"}`}\n        min={min}\n        max={max}\n        textAlign={textAlign}\n        value={value}\n        placeholder={placeholder}\n        focusInput={focusInput}\n        onChange={onChange}\n        padding={inputPadding}\n        inputMode={inputMode}\n        useAdvancedBehavior={useAdvancedBehavior}\n        errorBackground={errorBackground}\n        onFocus={onFocus}\n      />\n    </Box>\n  );\n};\n"],"names":["SecondaryNumberInput","props","placeholder","value","onChange","focusInput","mb","ml","mr","mt","width","padding","inputPadding","textAlign","min","max","errorMessage","inputMode","useAdvancedBehavior","errorBackground","onFocus","jsxs","Box","jsx","SecondaryInputLabels","NumberInput"],"mappings":";;;;;AAQa,MAAAA,IAA4D,CACvEC,MACG;AACG,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC,IAAe,CAAC,QAAQ;AAAA,IACxB,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,KAAAC;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,SAAAC;AAAA,EACE,IAAAnB;AAGF,SAAAoB,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI,EAAE,GAAG,IAAAhB,GAAI,IAAAC,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,SAAAC,EAAQ;AAAA,MACxC,aAAU;AAAA,MAEV,UAAA;AAAA,QAAAY,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACE,GAAGvB;AAAA,YACJ,aAAU;AAAA,UAAA;AAAA,QACZ;AAAA,QAEAsB,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAAS,UAAUT,IAAe,UAAU,EAAE;AAAA,YAC9C,KAAAF;AAAA,YACA,KAAAC;AAAA,YACA,WAAAF;AAAA,YACA,OAAAV;AAAA,YACA,aAAAD;AAAA,YACA,YAAAG;AAAA,YACA,UAAAD;AAAA,YACA,SAASQ;AAAA,YACT,WAAAK;AAAA,YACA,qBAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,SAAAC;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library76.js

@@ -0,0 +1,37 @@
+import { j as t } from "./sd-component-library195.js";
+import "./sd-component-library196.js";
+import { Box as c } from "./sd-component-library197.js";
+import { SecondaryInputLabels as u } from "./sd-component-library212.js";
+import { PrimaryTextInput as f } from "./sd-component-library71.js";
+const I = (r) => {
+  const { m: e, mb: s, ml: o, mr: n, mt: a, width: m, padding: p, sx: x, inputSx: i, ...d } = r;
+  return /* @__PURE__ */ t.jsxs(
+    c,
+    {
+      sx: { m: e, mb: s, ml: o, mr: n, mt: a, width: m, padding: p, ...x },
+      "data-test": "secondary-text-input",
+      children: [
+        /* @__PURE__ */ t.jsx(
+          u,
+          {
+            ...r,
+            secondLabelTextTransform: "uppercase",
+            "data-test": "secondary-input-labels"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          f,
+          {
+            ...d,
+            sx: i,
+            "data-test": "secondary-text-input-component"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  I as SecondaryTextInput
+};
+//# sourceMappingURL=sd-component-library76.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library76.js","sources":["../src/components/inputs/secondary-text-input/secondary-text-input.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { PrimaryTextInput } from \"../primary-text-input\";\nimport { SecondaryTextInputProps as Props } from \"./interfaces\";\nimport { SecondaryInputLabels } from \"./partials/secondary-input-labels\";\n\nexport const SecondaryTextInput: React.FC<Props> = (props) => {\n  const { m, mb, ml, mr, mt, width, padding, sx, inputSx, ...restOfProps } =\n    props;\n\n  return (\n    <Box\n      sx={{ m, mb, ml, mr, mt, width, padding, ...sx }}\n      data-test=\"secondary-text-input\"\n    >\n      <SecondaryInputLabels\n        {...props}\n        secondLabelTextTransform=\"uppercase\"\n        data-test=\"secondary-input-labels\"\n      />\n\n      <PrimaryTextInput\n        {...restOfProps}\n        sx={inputSx}\n        data-test=\"secondary-text-input-component\"\n      />\n    </Box>\n  );\n};\n"],"names":["SecondaryTextInput","props","m","mb","ml","mr","mt","width","padding","sx","inputSx","restOfProps","jsxs","Box","jsx","SecondaryInputLabels","PrimaryTextInput"],"mappings":";;;;;AAQa,MAAAA,IAAsC,CAACC,MAAU;AAC5D,QAAM,EAAE,GAAAC,GAAG,IAAAC,GAAI,IAAAC,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,SAAAC,GAAS,IAAAC,GAAI,SAAAC,GAAS,GAAGC,EAAA,IACzDV;AAGA,SAAAW,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI,EAAE,GAAAX,GAAG,IAAAC,GAAI,IAAAC,GAAI,IAAAC,GAAI,IAAAC,GAAI,OAAAC,GAAO,SAAAC,GAAS,GAAGC,EAAG;AAAA,MAC/C,aAAU;AAAA,MAEV,UAAA;AAAA,QAAAK,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACE,GAAGd;AAAA,YACJ,0BAAyB;AAAA,YACzB,aAAU;AAAA,UAAA;AAAA,QACZ;AAAA,QAEAa,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACE,GAAGL;AAAA,YACJ,IAAID;AAAA,YACJ,aAAU;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library77.js

@@ -0,0 +1,18 @@
+import { j as r } from "./sd-component-library195.js";
+import { Input as x } from "./sd-component-library67.js";
+const p = (t) => {
+  const { variant: n, type: e = "text" } = t;
+  return /* @__PURE__ */ r.jsx(
+    x,
+    {
+      ...t,
+      variant: `textInput.${n}`,
+      type: e,
+      "data-test": "text-input"
+    }
+  );
+};
+export {
+  p as TextInput
+};
+//# sourceMappingURL=sd-component-library77.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library77.js","sources":["../src/components/inputs/text-input/text-input.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Input } from \"../input\";\nimport { TextInputProps as Props } from \"./interfaces\";\n\n/**\n * Base Text input component. Other text inputs should inherit from this.\n */\nexport const TextInput: React.FC<Props> = (props) => {\n  const { variant, type = \"text\" } = props;\n\n  return (\n    <Input\n      {...props}\n      variant={`textInput.${variant}`}\n      type={type}\n      data-test=\"text-input\"\n    />\n  );\n};\n"],"names":["TextInput","props","variant","type","jsx","Input"],"mappings":";;AAQa,MAAAA,IAA6B,CAACC,MAAU;AACnD,QAAM,EAAE,SAAAC,GAAS,MAAAC,IAAO,OAAA,IAAWF;AAGjC,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,SAAS,aAAaC,CAAO;AAAA,MAC7B,MAAAC;AAAA,MACA,aAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/lib/sd-component-library78.js

@@ -0,0 +1,61 @@
+import { j as e } from "./sd-component-library195.js";
+import "./sd-component-library196.js";
+import { Box as c } from "./sd-component-library197.js";
+import { PrimaryTextInput as l } from "./sd-component-library71.js";
+import { ReactComponent as h } from "./sd-component-library210.js";
+const f = (i) => {
+  const {
+    placeholder: n = "Enter your Search",
+    searchStyle: s,
+    containerSx: a,
+    padding: p = "0 20px 8.5px 0",
+    onClickSearch: o,
+    ...t
+  } = i, r = () => {
+    t.value && o && o(t.value);
+  };
+  return /* @__PURE__ */ e.jsxs(
+    c,
+    {
+      sx: {
+        position: "relative",
+        bg: "white",
+        ...a
+      },
+      "data-test": "search-input",
+      children: [
+        /* @__PURE__ */ e.jsx(
+          l,
+          {
+            placeholder: n,
+            padding: p,
+            onKeyPress: {
+              Enter: r
+            },
+            inputMode: "search",
+            ...t
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          h,
+          {
+            style: {
+              height: "18px",
+              position: "absolute",
+              right: 0,
+              bottom: "15px",
+              fill: "#4568F9",
+              transition: "all .1s",
+              ...s
+            },
+            onClick: r
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  f as SearchInputV2
+};
+//# sourceMappingURL=sd-component-library78.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library78.js","sources":["../src/components/inputs/search-input-v2/search-input-v2.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { PrimaryTextInput } from \"../primary-text-input\";\nimport { SearchIcon } from \"../search-input/presentational/assets\";\nimport { SearchInputV2Props as Props } from \"./interfaces\";\n\nexport const SearchInputV2: React.FC<Props> = (props) => {\n  const {\n    placeholder = \"Enter your Search\",\n    searchStyle,\n    containerSx,\n    padding = \"0 20px 8.5px 0\",\n    onClickSearch,\n    ...inputProps\n  } = props;\n\n  const handleSearch = () => {\n    if (inputProps.value && onClickSearch) {\n      onClickSearch(inputProps.value);\n    }\n  };\n\n  return (\n    <Box\n      sx={{\n        position: \"relative\",\n        bg: \"white\",\n        ...containerSx,\n      }}\n      data-test=\"search-input\"\n    >\n      <PrimaryTextInput\n        placeholder={placeholder}\n        padding={padding}\n        onKeyPress={{\n          Enter: handleSearch,\n        }}\n        inputMode=\"search\"\n        {...inputProps}\n      />\n\n      <SearchIcon\n        style={{\n          height: \"18px\",\n          position: \"absolute\",\n          right: 0,\n          bottom: \"15px\",\n          fill: \"#4568F9\",\n          transition: \"all .1s\",\n          ...searchStyle,\n        }}\n        onClick={handleSearch}\n      />\n    </Box>\n  );\n};\n"],"names":["SearchInputV2","props","placeholder","searchStyle","containerSx","padding","onClickSearch","inputProps","handleSearch","jsxs","Box","jsx","PrimaryTextInput","SearchIcon"],"mappings":";;;;;AAQa,MAAAA,IAAiC,CAACC,MAAU;AACjD,QAAA;AAAA,IACJ,aAAAC,IAAc;AAAA,IACd,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,eAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAN,GAEEO,IAAe,MAAM;AACrB,IAAAD,EAAW,SAASD,KACtBA,EAAcC,EAAW,KAAK;AAAA,EAChC;AAIA,SAAAE,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,IAAI;AAAA,QACJ,GAAGN;AAAA,MACL;AAAA,MACA,aAAU;AAAA,MAEV,UAAA;AAAA,QAAAO,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,aAAAV;AAAA,YACA,SAAAG;AAAA,YACA,YAAY;AAAA,cACV,OAAOG;AAAA,YACT;AAAA,YACA,WAAU;AAAA,YACT,GAAGD;AAAA,UAAA;AAAA,QACN;AAAA,QAEAI,gBAAAA,EAAA;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,QAAQ;AAAA,cACR,UAAU;AAAA,cACV,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,MAAM;AAAA,cACN,YAAY;AAAA,cACZ,GAAGV;AAAA,YACL;AAAA,YACA,SAASK;AAAA,UAAA;AAAA,QACX;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/lib/sd-component-library79.js

@@ -0,0 +1,48 @@
+import { j as o } from "./sd-component-library195.js";
+import "./sd-component-library196.js";
+import { Box as c } from "./sd-component-library197.js";
+import { BaseLabel as m } from "./sd-component-library213.js";
+import { TextInput as s } from "./sd-component-library77.js";
+import { BaseTextV2 as a } from "./sd-component-library136.js";
+const B = ({
+  label: r,
+  sx: i,
+  inputSx: p,
+  id: l = "password",
+  errorMessage: t,
+  errorBackground: x = !!t,
+  ...n
+}) => /* @__PURE__ */ o.jsxs(c, { sx: { position: "relative", cursor: "default", ...i }, children: [
+  r && /* @__PURE__ */ o.jsx(
+    m,
+    {
+      label: r,
+      htmlFor: l,
+      color: t ? "cl_red" : "cl_grey",
+      variant: "textInput.clientPortal"
+    }
+  ),
+  /* @__PURE__ */ o.jsx(
+    s,
+    {
+      id: l,
+      variant: "clientPortal",
+      sx: { ...t ? { borderColor: "cl_red" } : {}, ...p },
+      ...n,
+      errorBackground: x
+    }
+  ),
+  t && /* @__PURE__ */ o.jsx(
+    a,
+    {
+      fontSize: "12px",
+      color: "cl_red",
+      sx: { position: "absolute", top: "calc(100% + 5px)", left: 0 },
+      children: t
+    }
+  )
+] });
+export {
+  B as ClientPortalInput
+};
+//# sourceMappingURL=sd-component-library79.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library79.js","sources":["../src/components/inputs/client-portal-input/client-portal-input.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { BaseLabel } from \"../../labels/base-label\";\nimport { BaseTextV2 } from \"../../texts\";\nimport { TextInput } from \"../text-input\";\nimport { ClientPortalInputProps as Props } from \"./interfaces\";\n\nexport const ClientPortalInput: React.FC<Props> = ({\n  label,\n  sx,\n  inputSx,\n  id = \"password\",\n  errorMessage,\n  errorBackground = !!errorMessage,\n  ...inputProps\n}) => {\n  return (\n    <Box sx={{ position: \"relative\", cursor: \"default\", ...sx }}>\n      {label && (\n        <BaseLabel\n          label={label}\n          htmlFor={id}\n          color={errorMessage ? \"cl_red\" : \"cl_grey\"}\n          variant=\"textInput.clientPortal\"\n        />\n      )}\n\n      <TextInput\n        id={id}\n        variant=\"clientPortal\"\n        sx={{ ...(errorMessage ? { borderColor: \"cl_red\" } : {}), ...inputSx }}\n        {...inputProps}\n        errorBackground={errorBackground}\n      />\n\n      {errorMessage && (\n        <BaseTextV2\n          fontSize=\"12px\"\n          color=\"cl_red\"\n          sx={{ position: \"absolute\", top: \"calc(100% + 5px)\", left: 0 }}\n        >\n          {errorMessage}\n        </BaseTextV2>\n      )}\n    </Box>\n  );\n};\n"],"names":["ClientPortalInput","label","sx","inputSx","id","errorMessage","errorBackground","inputProps","jsxs","Box","jsx","BaseLabel","TextInput","BaseTextV2"],"mappings":";;;;;;AASO,MAAMA,IAAqC,CAAC;AAAA,EACjD,OAAAC;AAAA,EACA,IAAAC;AAAA,EACA,SAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,cAAAC;AAAA,EACA,iBAAAC,IAAkB,CAAC,CAACD;AAAA,EACpB,GAAGE;AACL,MAEIC,gBAAAA,OAACC,GAAI,EAAA,IAAI,EAAE,UAAU,YAAY,QAAQ,WAAW,GAAGP,EAAA,GACpD,UAAA;AAAA,EACCD,KAAAS,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAV;AAAA,MACA,SAASG;AAAA,MACT,OAAOC,IAAe,WAAW;AAAA,MACjC,SAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAGFK,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,IAAAR;AAAA,MACA,SAAQ;AAAA,MACR,IAAI,EAAE,GAAIC,IAAe,EAAE,aAAa,aAAa,CAAA,GAAK,GAAGF,EAAQ;AAAA,MACpE,GAAGI;AAAA,MACJ,iBAAAD;AAAA,IAAA;AAAA,EACF;AAAA,EAECD,KACCK,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,OAAM;AAAA,MACN,IAAI,EAAE,UAAU,YAAY,KAAK,oBAAoB,MAAM,EAAE;AAAA,MAE5D,UAAAR;AAAA,IAAA;AAAA,EACH;AAEJ,EAAA,CAAA;"}

package/lib/sd-component-library8.js

@@ -0,0 +1,33 @@
+import { j as m } from "./sd-component-library195.js";
+import "./sd-component-library196.js";
+import { Box as x } from "./sd-component-library197.js";
+const g = (t) => {
+  const { variant: r, children: e, bg: a, m: o, mt: i, mr: p, mb: s, ml: n } = t;
+  return /* @__PURE__ */ m.jsx(
+    x,
+    {
+      sx: {
+        display: "inline-block",
+        textTransform: "uppercase",
+        fontSize: "10px",
+        fontWeight: "600",
+        pt: "1px",
+        letterSpacing: "1px",
+        borderRadius: "11px",
+        m: o,
+        mt: i,
+        mr: p,
+        mb: s,
+        ml: n,
+        bg: a
+      },
+      variant: `_badges.${r}`,
+      "data-test": "badge",
+      children: e
+    }
+  );
+};
+export {
+  g as Badge
+};
+//# sourceMappingURL=sd-component-library8.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library8.js","sources":["../src/components/badges/badge/badge.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { BadgeProps } from \"./interfaces\";\n\n/**\n * Base badge component. Other badges components should be built from this.\n */\nexport const Badge: React.FunctionComponent<BadgeProps> = (\n  props: BadgeProps\n): React.ReactElement<BadgeProps> => {\n  const { variant, children, bg, m, mt, mr, mb, ml } = props;\n\n  return (\n    <Box\n      sx={{\n        display: \"inline-block\",\n        textTransform: \"uppercase\",\n        fontSize: \"10px\",\n        fontWeight: \"600\",\n        pt: \"1px\",\n        letterSpacing: \"1px\",\n        borderRadius: \"11px\",\n        m,\n        mt,\n        mr,\n        mb,\n        ml,\n        bg,\n      }}\n      variant={`_badges.${variant}`}\n      data-test=\"badge\"\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["Badge","props","variant","children","bg","m","mt","mr","mb","ml","jsx","Box"],"mappings":";;;AASa,MAAAA,IAA6C,CACxDC,MACmC;AAC7B,QAAA,EAAE,SAAAC,GAAS,UAAAC,GAAU,IAAAC,GAAI,GAAAC,GAAG,IAAAC,GAAI,IAAAC,GAAI,IAAAC,GAAI,IAAAC,EAAO,IAAAR;AAGnD,SAAAS,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,IAAI;AAAA,QACJ,eAAe;AAAA,QACf,cAAc;AAAA,QACd,GAAAN;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,QACA,IAAAC;AAAA,QACA,IAAAL;AAAA,MACF;AAAA,MACA,SAAS,WAAWF,CAAO;AAAA,MAC3B,aAAU;AAAA,MAET,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library80.js

@@ -0,0 +1,38 @@
+import { j as n } from "./sd-component-library195.js";
+import { Link as m } from "react-router-dom";
+import { Link as r } from "./sd-component-library196.js";
+const j = ({
+  href: t = "",
+  title: i,
+  variant: s,
+  internal: e = !1,
+  dontTranslate: l,
+  as: k = "span",
+  ...a
+}) => {
+  const o = l ? "no-translate" : void 0;
+  return e ? /* @__PURE__ */ n.jsx(m, { to: t, style: { textDecoration: "none" }, "data-test": "link", children: /* @__PURE__ */ n.jsx(
+    r,
+    {
+      as: k,
+      variant: `_links.${s}`,
+      className: o,
+      ...a,
+      children: i
+    }
+  ) }) : /* @__PURE__ */ n.jsx(
+    r,
+    {
+      ...a,
+      variant: `_links.${s}`,
+      href: t,
+      className: o,
+      "data-test": "link",
+      children: i
+    }
+  );
+};
+export {
+  j as Link
+};
+//# sourceMappingURL=sd-component-library80.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library80.js","sources":["../src/components/links/link/link.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link as RouterLink } from \"react-router-dom\";\n\nimport { Link as RebassLink } from \"rebass\";\n\nimport { LinkProps } from \"./interfaces\";\n\n/**\n * The base link.\n */\nexport const Link: React.FC<LinkProps> = ({\n  href = \"\",\n  title,\n  variant,\n  internal = false,\n  dontTranslate,\n  as = \"span\",\n  ...restOfProps\n}) => {\n  const className = dontTranslate ? \"no-translate\" : undefined;\n\n  return internal ? (\n    <RouterLink to={href} style={{ textDecoration: \"none\" }} data-test=\"link\">\n      <RebassLink\n        as={as}\n        variant={`_links.${variant}`}\n        className={className}\n        {...restOfProps}\n      >\n        {title}\n      </RebassLink>\n    </RouterLink>\n  ) : (\n    <RebassLink\n      {...restOfProps}\n      variant={`_links.${variant}`}\n      href={href}\n      className={className}\n      data-test=\"link\"\n    >\n      {title}\n    </RebassLink>\n  );\n};\n"],"names":["Link","href","title","variant","internal","dontTranslate","as","restOfProps","className","jsx","RouterLink","RebassLink"],"mappings":";;;AAUO,MAAMA,IAA4B,CAAC;AAAA,EACxC,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,eAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,GAAGC;AACL,MAAM;AACE,QAAAC,IAAYH,IAAgB,iBAAiB;AAE5C,SAAAD,IACJK,gBAAAA,EAAA,IAAAC,GAAA,EAAW,IAAIT,GAAM,OAAO,EAAE,gBAAgB,OAAU,GAAA,aAAU,QACjE,UAAAQ,gBAAAA,EAAA;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,IAAAL;AAAA,MACA,SAAS,UAAUH,CAAO;AAAA,MAC1B,WAAAK;AAAA,MACC,GAAGD;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,KAEL,IAEAO,gBAAAA,EAAA;AAAA,IAACE;AAAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,SAAS,UAAUJ,CAAO;AAAA,MAC1B,MAAAF;AAAA,MACA,WAAAO;AAAA,MACA,aAAU;AAAA,MAET,UAAAN;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library81.js

@@ -0,0 +1,7 @@
+import { j as t } from "./sd-component-library195.js";
+import { Link as i } from "./sd-component-library80.js";
+const n = (r) => /* @__PURE__ */ t.jsx(i, { ...r, variant: "primary", "data-test": "primary-link" });
+export {
+  n as PrimaryLink
+};
+//# sourceMappingURL=sd-component-library81.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library81.js","sources":["../src/components/links/primary-link/primary-link.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Link } from \"../link\";\nimport { PrimaryLinkProps as Props } from \"./interfaces\";\n\n/**\n * The primary link.\n */\nexport const PrimaryLink: React.FC<Props> = (props) => {\n  return <Link {...props} variant=\"primary\" data-test=\"primary-link\" />;\n};\n"],"names":["PrimaryLink","props","Link"],"mappings":";;AAQa,MAAAA,IAA+B,CAACC,4BACnCC,GAAM,EAAA,GAAGD,GAAO,SAAQ,WAAU,aAAU,eAAe,CAAA;"}

package/lib/sd-component-library82.js

@@ -0,0 +1,31 @@
+import { j as s } from "./sd-component-library195.js";
+import "./sd-component-library196.js";
+import { Box as r } from "./sd-component-library197.js";
+const x = (t) => {
+  const { children: o, variant: i } = t;
+  return /* @__PURE__ */ s.jsx(
+    r,
+    {
+      ...t,
+      sx: {
+        "> *": {
+          p: "0 0 10px 9px",
+          position: "relative",
+          ":before": {
+            content: "'•'",
+            position: "absolute",
+            left: "0px",
+            top: "-1px"
+          }
+        }
+      },
+      variant: `_lists.${i}`,
+      "data-test": "list",
+      children: o
+    }
+  );
+};
+export {
+  x as List
+};
+//# sourceMappingURL=sd-component-library82.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library82.js","sources":["../src/components/lists/list/list.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Box } from \"rebass\";\n\nimport { ListProps } from \"./interfaces\";\n\n/**\n * Base list component. Other components should be built from this.\n */\nexport const List: React.FunctionComponent<ListProps> = (\n  props: ListProps\n): React.ReactElement<ListProps> => {\n  const { children, variant } = props;\n\n  return (\n    <Box\n      {...props}\n      sx={{\n        \"> *\": {\n          p: \"0 0 10px 9px\",\n          position: \"relative\",\n          \":before\": {\n            content: \"'•'\",\n            position: \"absolute\",\n            left: \"0px\",\n            top: \"-1px\",\n          },\n        },\n      }}\n      variant={`_lists.${variant}`}\n      data-test=\"list\"\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":["List","props","children","variant","jsx","Box"],"mappings":";;;AASa,MAAAA,IAA2C,CACtDC,MACkC;AAC5B,QAAA,EAAE,UAAAC,GAAU,SAAAC,EAAY,IAAAF;AAG5B,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,UACL,GAAG;AAAA,UACH,UAAU;AAAA,UACV,WAAW;AAAA,YACT,SAAS;AAAA,YACT,UAAU;AAAA,YACV,MAAM;AAAA,YACN,KAAK;AAAA,UACP;AAAA,QACF;AAAA,MACF;AAAA,MACA,SAAS,UAAUE,CAAO;AAAA,MAC1B,aAAU;AAAA,MAET,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/lib/sd-component-library83.js

@@ -0,0 +1,10 @@
+import { j as i } from "./sd-component-library195.js";
+import { List as s } from "./sd-component-library82.js";
+const o = (r) => {
+  const { children: t } = r;
+  return /* @__PURE__ */ i.jsx(s, { ...r, variant: "primary", "data-test": "primary-list", children: t });
+};
+export {
+  o as PrimaryList
+};
+//# sourceMappingURL=sd-component-library83.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sd-component-library83.js","sources":["../src/components/lists/primary-list/primary-list.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { List, ListProps } from \"../list\";\n\n/**\n * Primary list component.\n */\nexport const PrimaryList: React.FunctionComponent<ListProps> = (\n  props: ListProps\n): React.ReactElement<ListProps> => {\n  const { children } = props;\n  return (\n    <List {...props} variant=\"primary\" data-test=\"primary-list\">\n      {children}\n    </List>\n  );\n};\n"],"names":["PrimaryList","props","children","jsx","List"],"mappings":";;AAOa,MAAAA,IAAkD,CAC7DC,MACkC;AAC5B,QAAA,EAAE,UAAAC,EAAa,IAAAD;AAEnB,SAAAE,gBAAAA,MAACC,KAAM,GAAGH,GAAO,SAAQ,WAAU,aAAU,gBAC1C,UAAAC,EACH,CAAA;AAEJ;"}

package/lib/sd-component-library84.js

@@ -0,0 +1,139 @@
+import { j as o } from "./sd-component-library195.js";
+import w, { useState as k } from "react";
+import "./sd-component-library196.js";
+import { useHover as y } from "./sd-component-library4.js";
+import { getResponsiveClick as R } from "./sd-component-library5.js";
+import { OutsideClickBox as H } from "./sd-component-library15.js";
+import { Flex as W, Box as n } from "./sd-component-library197.js";
+import { ReactComponent as $ } from "./sd-component-library187.js";
+import { ActionBox as A } from "./sd-component-library214.js";
+import { FlexCenter as F } from "./sd-component-library38.js";
+import { HorizontalDivider as a } from "./sd-component-library52.js";
+const L = (p) => {
+  const {
+    actions: i,
+    actionsBoxWidth: d = "max-content",
+    actionBoxPx: m,
+    actionBoxPy: h,
+    closeAfterSelection: u = !0,
+    containerSx: f,
+    menuBoxZIndex: b = 1,
+    activeScale: l = 1.1,
+    iconSize: t = "20px",
+    iconBorderWidth: g = "1px"
+  } = p, [r, c] = k(!1), _ = () => c((e) => !e), { shouldUseTouch: j, ...C } = R(_), { isHover: S, hoverCallbacks: v } = y(), s = !j && S;
+  if (!i.length)
+    return null;
+  const x = () => c(!1);
+  return /* @__PURE__ */ o.jsxs(
+    H,
+    {
+      width: "max-content",
+      sx: {
+        position: "relative",
+        ...f
+      },
+      onClickOutside: x,
+      children: [
+        /* @__PURE__ */ o.jsx(
+          F,
+          {
+            sx: {
+              width: t,
+              height: t,
+              borderWidth: g,
+              borderRadius: "50%",
+              borderColor: s || r ? "cl_purple" : "cl_blue",
+              borderStyle: "solid",
+              svg: {
+                width: `calc(${t} / 2)`,
+                fill: s || r ? "cl_purple" : "cl_blue",
+                transform: `translateY(calc(${t} * 0.025))`
+              },
+              transform: `scale(${s && !r ? l : 1})`,
+              transformOrigin: "center",
+              transition: "transform 0.2s",
+              cursor: "pointer"
+            },
+            ...C,
+            ...v,
+            children: /* @__PURE__ */ o.jsx(
+              W,
+              {
+                sx: {
+                  transform: `rotate3d(${r ? 1 : 0}, 0, 0, 180deg) scale(${s && !r ? 1 / l : 1})`,
+                  transition: "transform 0.2s"
+                },
+                children: /* @__PURE__ */ o.jsx($, {})
+              }
+            )
+          }
+        ),
+        r && /* @__PURE__ */ o.jsxs(
+          n,
+          {
+            sx: {
+              position: "absolute",
+              top: "calc(100% + 14px)",
+              right: "-11px",
+              width: d,
+              zIndex: b
+            },
+            children: [
+              /* @__PURE__ */ o.jsx(a, { color: "cl_purple", height: "2px" }),
+              /* @__PURE__ */ o.jsx(
+                n,
+                {
+                  sx: {
+                    width: "12px",
+                    height: "12px",
+                    ml: "auto",
+                    mr: "15px",
+                    borderColor: "cl_transparent",
+                    borderBottomColor: "cl_purple",
+                    borderWidth: "6px",
+                    borderStyle: "solid",
+                    transform: "translateY(-14px)"
+                  }
+                }
+              ),
+              /* @__PURE__ */ o.jsx(
+                n,
+                {
+                  sx: {
+                    borderWidth: "1px",
+                    borderColor: "cl_lightGrey",
+                    borderStyle: "solid",
+                    borderTopStyle: "none",
+                    boxShadow: "2px 3px 10px rgba(211,223,255,0.25)",
+                    borderRadius: "0 0 3px 3px",
+                    bg: "cl_white",
+                    transform: "translateY(-12px)"
+                  },
+                  children: i.map((e, B) => /* @__PURE__ */ o.jsxs(w.Fragment, { children: [
+                    /* @__PURE__ */ o.jsx(
+                      A,
+                      {
+                        ...e,
+                        onClick: () => {
+                          e.onClick(), u && x();
+                        },
+                        px: m,
+                        py: h
+                      }
+                    ),
+                    B !== i.length - 1 && /* @__PURE__ */ o.jsx(a, { color: "cl_headerLine" })
+                  ] }, e.text))
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  L as ActionsMenu
+};
+//# sourceMappingURL=sd-component-library84.js.map