@stokr/components-library 3.0.16 → 3.0.18

package/dist/components/StepsProgress/StepsProgress.styles.js

@@ -0,0 +1,105 @@
+import styled from "styled-components";
+import rwd from "../../styles/rwd.js";
+import { colors } from "../../styles/colors.js";
+const Container = styled.div`
+  display: block;
+  width: 100%;
+  height: 100%;
+`;
+const Wrap = styled.div`
+  display: block;
+  margin: 0 auto;
+`;
+const Items = styled.div`
+  display: flex;
+  height: 100%;
+  font-size: 0;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: center;
+  margin: 0 -6px;
+  text-align: center;
+
+  ${rwd.Medium`
+    display: block;
+  `}
+`;
+const Item = styled.div.withConfig({
+  shouldForwardProp: (props) => !["isDone", "isActive"].includes(props)
+})`
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  padding: 0;
+  flex: 1;
+  margin: 0 4px;
+  height: 32px;
+  max-width: 32px;
+  cursor: pointer;
+
+  &:before {
+    z-index: 0;
+    content: '';
+    display: block;
+    width: 100%;
+    height: 4px;
+    position: absolute;
+    top: 14px;
+    left: 0;
+    border-radius: 3px;
+    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.05);
+    background-color: ${colors.lightGrey};
+  }
+
+  &:after {
+    z-index: 1;
+    content: '';
+    display: block;
+    width: 100%;
+    height: 4px;
+    position: absolute;
+    top: 14px;
+    left: 0;
+    border-radius: 3px;
+    background-color: transparent;
+    transition: background-color 0.2s;
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &:hover:after {
+    background-color: ${colors.black};
+  }
+
+  ${(props) => props.isDone && `
+    &:after {
+      background-color: ${colors.progressGreen};
+    }
+
+    &:hover:after {
+      background-color: ${colors.black};
+    }
+  `}
+
+  ${(props) => props.isActive && `
+    &:after {
+      background-color: ${colors.grey2};
+    }
+
+    &:hover:after {
+      background-color: ${colors.black};
+    }
+  `}
+
+  ${rwd.Medium`
+    width: 32px;
+  `}
+`;
+export {
+  Container,
+  Item,
+  Items,
+  Wrap
+};

package/dist/components/StokrLoader/StokrLoader.js

@@ -0,0 +1,111 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import "react";
+import styled, { keyframes } from "styled-components";
+import media from "./media.js";
+const loaderGif = `https://res.cloudinary.com/stokr/image/upload/f_auto,q_auto/v1575035788/Static/stokr_loader_white_400x400_egnhgb.gif?a=${Math.random()}`;
+const CenterFullWidth = styled.div`
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+const fadeIn = keyframes`
+  0% {
+    opacity: 0;
+  }
+
+  60% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 1;
+  }
+`;
+const StyledStokrLoader = styled.div.withConfig({
+  shouldForwardProp: (props) => !["noFullscreen"].includes(props)
+})`
+  align-items: center;
+  animation: ${fadeIn} 1.8s ease-in-out forwards;
+  background: rgb(254, 254, 254);
+  display: flex;
+  height: 100vh;
+  justify-content: center;
+  left: 0;
+  position: fixed;
+  top: 0;
+  width: 100vw;
+  z-index: 1000;
+
+  ${({ noFullscreen }) => noFullscreen && `
+    height: calc(100vh - 97px);
+    bottom: 0;
+    top: unset;
+  `}
+
+  ${media.mobileS`
+  img {
+    height: 15rem;
+    width: 15rem;
+  }
+`};
+
+  ${media.mobile`
+  img {
+    height: 18rem;
+    width: 18rem;
+  }
+`};
+
+  ${media.tablet`
+  img {
+    height: 30rem;
+    width: 30rem;
+  }
+`};
+`;
+function StokrLoader() {
+  return /* @__PURE__ */ jsx(StyledStokrLoader, { children: /* @__PURE__ */ jsx("img", { src: loaderGif, alt: " " }) });
+}
+const StokrLoaderBox = ({ noFullscreen }) => {
+  return /* @__PURE__ */ jsx(CenterFullWidth, { noFullscreen, children: /* @__PURE__ */ jsx("img", { src: loaderGif, alt: " " }) });
+};
+const fadeInOut = keyframes`
+  50% {
+    color: transparent;
+  }
+`;
+const AnimatedSpan = styled.div.withConfig({
+  shouldForwardProp: (props) => !["fontSize"].includes(props)
+})`
+  margin: 0;
+  display: inline-block;
+
+  span {
+    animation: ${fadeInOut} 1s infinite;
+    font-size: ${(props) => props.fontSize || 20}px;
+  }
+
+  span[data-order='1'] {
+    animation-delay: 250ms;
+  }
+
+  span[data-order='2'] {
+    animation-delay: 500ms;
+  }
+`;
+const LoadingDots = (props) => {
+  return /* @__PURE__ */ jsxs(AnimatedSpan, { ...props, children: [
+    /* @__PURE__ */ jsx("span", { "data-order": "0", children: "." }),
+    /* @__PURE__ */ jsx("span", { "data-order": "1", children: "." }),
+    /* @__PURE__ */ jsx("span", { "data-order": "2", children: "." })
+  ] });
+};
+export {
+  AnimatedSpan,
+  LoadingDots,
+  StokrLoader,
+  StokrLoaderBox,
+  loaderGif
+};

package/dist/components/StokrLoader/media.js

@@ -0,0 +1,23 @@
+import { css } from "styled-components";
+const sizes = {
+  widescreen: 1920,
+  default: 1440,
+  large: 1200,
+  desktop: 992,
+  tablet: 768,
+  mobile: 375,
+  mobileS: 320
+};
+const media = Object.keys(sizes).reduce((accumulator, label) => {
+  const emSize = sizes[label] / 16;
+  accumulator[label] = (...args) => css`
+    @media (min-width: ${emSize}em) {
+      ${css(...args)};
+    }
+  `;
+  return accumulator;
+}, {});
+export {
+  media as default,
+  sizes
+};

package/dist/components/SvgIcons/AdminBadgeSvg.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+const AdminBadgeSvg = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 15.475 19.243",
+    width: "15.475",
+    height: "19.243",
+    style: {
+      width: "16px",
+      height: "20px"
+    },
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        transform: "translate(-27 -21.8)",
+        d: "M34.737,21.8A12.061,12.061,0,0,1,27,24.895V35.021a10.318,10.318,0,0,0,6.627,5.719l1.11.3,1.11-.336a10.139,10.139,0,0,0,6.627-5.719V24.895A12.242,12.242,0,0,1,34.737,21.8Zm2.489,13.288-2.489-1.312-2.489,1.312.471-2.792L30.7,30.311l2.792-.4,1.245-2.523,1.245,2.523,2.792.4L36.756,32.3Z"
+      }
+    )
+  }
+);
+var stdin_default = AdminBadgeSvg;
+export {
+  stdin_default as default
+};

package/dist/components/SvgIcons/CameraSvg.js

@@ -0,0 +1,31 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+const CameraSvg = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "52", height: "52", children: /* @__PURE__ */ jsxs("g", { "data-name": "Group 5", children: [
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      "data-name": "Stroke 1",
+      d: "M50 26A24 24 0 1 1 26 2a24 24 0 0 1 24 24z",
+      fill: "none",
+      stroke: "#9b9b9b",
+      strokeMiterlimit: "10",
+      strokeWidth: "4"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      "data-name": "Stroke 3",
+      d: "M35 26a9 9 0 1 1-9-9 9 9 0 0 1 9 9z",
+      fill: "none",
+      stroke: "#9b9b9b",
+      strokeMiterlimit: "10",
+      strokeWidth: "4"
+    }
+  ),
+  /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M14 12h12v13H14z" })
+] }) });
+var stdin_default = CameraSvg;
+export {
+  stdin_default as default
+};

package/dist/components/SvgIcons/CapsLockSvg.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+const CapsLockSvg = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "6.843",
+    height: "8.904",
+    viewBox: "0 0 6.843 8.904",
+    style: {
+      width: "7px",
+      height: "9px"
+    },
+    children: /* @__PURE__ */ jsxs("g", { transform: "translate(-.081 -.087)", children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          transform: "translate(1.778 7.699)",
+          d: "M3.159,0H.286A.288.288,0,0,0,0,.276v.74a.289.289,0,0,0,.286.276H3.159a.288.288,0,0,0,.286-.276V.276A.288.288,0,0,0,3.159,0Z"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          transform: "translate(.081 .087)",
+          d: "M6.79,3.549,3.649.1a.315.315,0,0,0-.461,0L.048,3.549a.221.221,0,0,0,.175.356H1.7V6.222a.289.289,0,0,0,.286.276H4.855a.288.288,0,0,0,.286-.276V3.905H6.615A.216.216,0,0,0,6.79,3.549Z"
+        }
+      )
+    ] })
+  }
+);
+var stdin_default = CapsLockSvg;
+export {
+  stdin_default as default
+};

package/dist/components/SvgIcons/DocumentBackSvg.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import "react";
+const DocumentBackSvg = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "102.307", height: "62.607", children: [
+  /* @__PURE__ */ jsxs("g", { "data-name": "Card Illustration", fill: "none", stroke: "#9b9b9b", strokeMiterlimit: "10", strokeWidth: "3", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        "data-name": "Stroke 7",
+        d: "M89.346 61.107H12.074A10.547 10.547 0 0 1 1.5 50.589V12.018A10.547 10.547 0 0 1 12.074 1.5h77.272a10.547 10.547 0 0 1 10.575 10.518v38.571a10.547 10.547 0 0 1-10.575 10.518z"
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { "data-name": "Stroke 13", d: "M10.51 42.74h77.628" }),
+    /* @__PURE__ */ jsx("path", { "data-name": "Stroke 15", d: "M10.51 49.671h77.628" })
+  ] }),
+  /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M96.762 13.976h5.545v13.169h-5.545z" })
+] });
+var stdin_default = DocumentBackSvg;
+export {
+  stdin_default as default
+};

package/dist/components/SvgIcons/DocumentSmallSvg.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import "react";
+const DocumentSmallSvg = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "102.307", height: "62.607", children: [
+  /* @__PURE__ */ jsxs("g", { "data-name": "Card Illustration", stroke: "#9b9b9b", strokeMiterlimit: "10", strokeWidth: "3", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        "data-name": "Stroke 7",
+        d: "M89.346 61.107H12.074A10.547 10.547 0 0 1 1.5 50.589V12.018A10.547 10.547 0 0 1 12.074 1.5h77.272a10.547 10.547 0 0 1 10.575 10.518v38.571a10.547 10.547 0 0 1-10.575 10.518z",
+        fill: "#fff"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        "data-name": "Stroke 1",
+        d: "M14.669 31.997a8.821 8.821 0 0 1 7.97-4.852 8.822 8.822 0 0 1 7.971 4.852",
+        fill: "none"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        "data-name": "Stroke 3",
+        d: "M34.076 23.333a11.613 11.613 0 0 1-11.784 11.436A11.613 11.613 0 0 1 10.51 23.333a11.613 11.613 0 0 1 11.782-11.436 11.613 11.613 0 0 1 11.784 11.436z",
+        fill: "none"
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { "data-name": "Stroke 5", d: "M25.759 20.214a3.466 3.466 0 1 1-3.465-3.466", fill: "none" }),
+    /* @__PURE__ */ jsx("path", { "data-name": "Stroke 9", d: "M47.245 12.244h40.893", fill: "none" }),
+    /* @__PURE__ */ jsx("path", { "data-name": "Stroke 11", d: "M47.245 28.185h40.893", fill: "none" }),
+    /* @__PURE__ */ jsx("path", { "data-name": "Stroke 13", d: "M10.51 42.74h77.628", fill: "none" }),
+    /* @__PURE__ */ jsx("path", { "data-name": "Stroke 15", d: "M10.51 49.671h77.628", fill: "none" }),
+    /* @__PURE__ */ jsx("path", { "data-name": "Stroke 17", d: "M47.245 35.116h40.893", fill: "none" })
+  ] }),
+  /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M96.762 13.976h5.545v13.169h-5.545z" })
+] });
+var stdin_default = DocumentSmallSvg;
+export {
+  stdin_default as default
+};

package/dist/components/SvgIcons/DocumentSvg.js

@@ -0,0 +1,39 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import "react";
+const DocumentSvg = () => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "145.5", height: "89", children: [
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M20.5 45.5a12.727 12.727 0 0 1 11.5-7 12.729 12.729 0 0 1 11.5 7",
+      fill: "none",
+      stroke: "#9b9b9b",
+      strokeMiterlimit: "10",
+      strokeWidth: "3"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M48.5 33a16.755 16.755 0 0 1-17 16.5 16.755 16.755 0 0 1-17-16.5 16.755 16.755 0 0 1 17-16.5 16.755 16.755 0 0 1 17 16.5zM36.5 28.5a5 5 0 1 1-5-5",
+      fill: "none",
+      stroke: "#9b9b9b",
+      strokeMiterlimit: "10",
+      strokeWidth: "3"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M128.242 87.5H16.757A15.216 15.216 0 0 1 1.5 72.324V16.676A15.216 15.216 0 0 1 16.757 1.5h111.485A15.217 15.217 0 0 1 143.5 16.676v55.648A15.217 15.217 0 0 1 128.242 87.5zM67.5 17h59M67.5 40h59M14.5 61h112M14.5 71h112M67.5 50h59",
+      fill: "none",
+      stroke: "#9b9b9b",
+      strokeMiterlimit: "10",
+      strokeWidth: "3"
+    }
+  ),
+  /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M137.5 19.5h8v19h-8z" })
+] });
+var stdin_default = DocumentSvg;
+export {
+  stdin_default as default
+};

package/dist/components/SvgIcons/EthSvg.js

@@ -0,0 +1,28 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+const EthSvg = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 13.997",
+    width: "12",
+    height: "13.997",
+    style: {
+      width: "12px",
+      height: "14px"
+    },
+    children: /* @__PURE__ */ jsxs("g", { children: [
+      /* @__PURE__ */ jsx("path", { transform: "translate(5.867)", d: "M.131,0,0,.319V9.574l.131.094,6-2.539Z" }),
+      /* @__PURE__ */ jsx("path", { d: "M6,0,0,7.128,6,9.668V0Z" }),
+      /* @__PURE__ */ jsx("path", { transform: "translate(5.924 7.943)", d: "M.074,2.538,0,2.6V5.9l.074.154L6.076,0Z" }),
+      /* @__PURE__ */ jsx("path", { transform: "translate(0 7.943)", d: "M6,6.054V2.538L0,0Z" }),
+      /* @__PURE__ */ jsx("path", { transform: "translate(5.998 5.176)", d: "M0,4.492,6,1.953,0,0Z" }),
+      /* @__PURE__ */ jsx("path", { transform: "translate(0 5.176)", d: "M0,1.953,6,4.492V0Z" })
+    ] })
+  }
+);
+var stdin_default = EthSvg;
+export {
+  stdin_default as default
+};

package/dist/components/SvgIcons/EurSvg.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+const EurSvg = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 8 10",
+    width: "8",
+    height: "10",
+    style: {
+      width: "8px",
+      height: "10px"
+    },
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        transform: "translate(0)",
+        d: "M3.45,5.385h3.1L6.375,6.538H3.45v.313a1.451,1.451,0,0,0,.412,1.166,2.523,2.523,0,0,0,1.563.349A15.75,15.75,0,0,0,7.75,8.149L8,9.712A11.974,11.974,0,0,1,5.35,10q-4.1,0-4.1-2.812V6.538H0V5.385H1.25V4.231H0V3.077H1.25V2.813Q1.25,0,5.35,0A11.974,11.974,0,0,1,8,.288L7.75,1.851a15.75,15.75,0,0,0-2.325-.216,2.53,2.53,0,0,0-1.55.349A1.273,1.273,0,0,0,3.45,3.029v.048H6.9L6.725,4.231H3.45Z"
+      }
+    )
+  }
+);
+var stdin_default = EurSvg;
+export {
+  stdin_default as default
+};

package/dist/components/SvgIcons/FaceScanIconSvg.js

@@ -0,0 +1,17 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+const FaceScanIconSvg = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "90", height: "87", children: /* @__PURE__ */ jsxs("g", { fill: "none", stroke: "#9b9b9b", strokeMiterlimit: "10", strokeWidth: "4", children: [
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      "data-name": "Stroke 1",
+      d: "M17.176 74.939a32.212 32.212 0 0 1 29.087-17.606 32.217 32.217 0 0 1 29.09 17.606"
+    }
+  ),
+  /* @__PURE__ */ jsx("path", { "data-name": "Stroke 3", d: "M88 43.5C88 66.42 68.751 85 45 85S2 66.42 2 43.5 21.249 2 45 2s43 18.58 43 41.5z" }),
+  /* @__PURE__ */ jsx("path", { "data-name": "Stroke 5", d: "M57.647 32.182a12.647 12.647 0 1 1-12.645-12.576" })
+] }) });
+var stdin_default = FaceScanIconSvg;
+export {
+  stdin_default as default
+};

package/dist/components/SvgIcons/FourSvg.js

@@ -0,0 +1,7 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+const FourSvg = () => /* @__PURE__ */ jsx("svg", { version: "1.1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 281 371", width: "281px", height: "371px", children: /* @__PURE__ */ jsx("path", { d: "m267.68 233-0.014 0.0975h-131.54v-0.0975h-66.33l67.889-102.41c8.7763-13.148 16.294-26.633 22.546-40.461h2.0242c-0.5082 3.203-1.1804 14.758-2.0242 34.648-0.6232 14.682-1.0148 26.784-1.1779 36.324h76.39v-160.6h-72.172l-162.36 238.85v54.648h158.06v76.5h76.478v-76.5h44.592v-61z" }) });
+var stdin_default = FourSvg;
+export {
+  stdin_default as default
+};

package/dist/components/SvgIcons/Glassess.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+const Glassess = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "90px",
+    height: "36px",
+    viewBox: "0 0 90 36",
+    xmlns: "http://www.w3.org/2000/svg",
+    preserveAspectRatio: "xMidYMid meet",
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M87.982,13.909 L85.416,13.909 C83.567,6.096 76.564,0.273 68.182,0.273 C59.299,0.273 51.962,6.816 50.676,15.341 C49.21,13.701 47.221,13.227 45,13.227 C42.779,13.227 40.791,13.701 39.324,15.341 C38.038,6.817 30.702,0.273 21.818,0.273 C13.437,0.273 6.433,6.096 4.585,13.909 L2.019,13.909 C0.904,13.909 0,14.812 0,15.927 L0,15.983 C0,17.097 0.904,18 2.019,18 L4.091,18 C4.091,27.792 12.028,35.727 21.819,35.727 C31.61,35.727 39.546,27.792 39.546,18 C39.546,17.996 39.546,17.992 39.546,17.988 C40.554,15.984 42.606,14.591 45.001,14.591 C47.396,14.591 49.448,15.984 50.456,17.988 C50.456,17.992 50.456,17.996 50.456,18 C50.456,27.792 58.393,35.727 68.183,35.727 C77.975,35.727 85.911,27.792 85.911,18 L87.984,18 C89.096,18 90,17.097 90,15.982 L90,15.926 C90,14.812 89.096,13.909 87.982,13.909 M21.818,33.682 C13.171,33.682 6.136,26.648 6.136,18 C6.136,9.354 13.171,2.318 21.818,2.318 C30.465,2.318 37.5,9.354 37.5,18 C37.5,26.648 30.465,33.682 21.818,33.682 M68.182,33.682 C59.535,33.682 52.5,26.648 52.5,18 C52.5,9.354 59.535,2.318 68.182,2.318 C76.829,2.318 83.864,9.353 83.864,18 C83.864,26.648 76.829,33.682 68.182,33.682",
+        stroke: "none",
+        strokeWidth: "1",
+        fill: "#202020",
+        fillRule: "nonzero"
+      }
+    )
+  }
+);
+var stdin_default = Glassess;
+export {
+  stdin_default as default
+};

package/dist/components/SvgIcons/LogoSvg.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+const LogoSvg = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    style: {
+      width: "66px",
+      height: "16px"
+    },
+    children: /* @__PURE__ */ jsx("g", { fill: "#202020", fillRule: "evenodd", children: /* @__PURE__ */ jsx("path", { d: "M62.529 5.872c-.004 2.43-3.438 2.185-4.193 2.186V3.682c.755 0 4.189-.244 4.193 2.186v.004zm.27 4.212c1.427-.65 2.524-1.88 2.524-4.214 0-4.501-4.076-4.904-6.744-4.927a10.373 10.373 0 0 0-.303-.002h-.244l-.064.001h-.508l-.352.002H55.53v9.853L55.529 16h2.807v-5.2c.131 0 .266-.002.404-.004h.011a22.261 22.261 0 0 0 .461-.012c.265-.01.538-.026.815-.05l.063-.005L62.827 16h3.055L62.8 10.084zM30.56.042v3.057c2.691 0 4.88 2.208 4.88 4.922 0 2.713-2.189 4.921-4.88 4.921s-4.88-2.208-4.88-4.921v-.002h-3.032v.002c0 4.407 3.542 7.979 7.912 7.979s7.912-3.572 7.912-7.98c0-4.406-3.542-7.978-7.912-7.978M6.967 4.38c-.734-1.047-1.48-1.57-2.24-1.57-.37 0-.673.101-.909.304-.235.203-.353.433-.353.687 0 .255.084.496.252.723.229.303.919.954 2.069 1.952 1.076.923 1.728 1.505 1.957 1.746.572.592.977 1.158 1.216 1.699.239.54.358 1.13.358 1.771 0 1.247-.42 2.276-1.26 3.089-.84.812-1.936 1.218-3.287 1.218-1.056 0-1.975-.265-2.758-.795-.783-.53-1.454-1.363-2.012-2.5l2.37-1.466c.714 1.343 1.534 2.014 2.462 2.014.484 0 .891-.145 1.22-.434.33-.289.495-.623.495-1.002 0-.344-.124-.688-.373-1.033-.249-.344-.797-.87-1.645-1.58-1.614-1.35-2.657-2.391-3.128-3.124-.47-.734-.706-1.465-.706-2.195 0-1.054.392-1.958 1.175-2.711C2.653.419 3.62.042 4.77.042c.739 0 1.443.175 2.112.526.67.351 1.393.992 2.173 1.922l.264.29-2.124 1.923-.228-.323zM52.141.941h-3.39L44.884 5.99l-.649.834V.94h-2.823V16h2.823V8.48l.65.948L49.357 16h3.348l-5.647-8.214zM13.176 3.68h2.51V16h2.51V3.68h2.51V.94h-7.53z" }) })
+  }
+);
+var stdin_default = LogoSvg;
+export {
+  stdin_default as default
+};

package/dist/components/SvgIcons/OneSvg.js

@@ -0,0 +1,10 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import "react";
+const OneSvg = () => /* @__PURE__ */ jsxs("svg", { version: "1.1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 167 371", width: "167px", height: "371px", children: [
+  /* @__PURE__ */ jsx("polygon", { points: "101.7 0.50015 0.40149 81.098 166.03 81.098 166.03 0.50015" }),
+  /* @__PURE__ */ jsx("polygon", { points: "87.772 156.42 87.772 370.5 166.03 370.5 166.03 153.1 87.844 153.1" })
+] });
+var stdin_default = OneSvg;
+export {
+  stdin_default as default
+};

package/dist/components/SvgIcons/PassportSvg.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+const PassportSvg = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "71.926", height: "104.855", children: /* @__PURE__ */ jsxs("g", { "data-name": "Passport Icon", fill: "none", stroke: "#9b9b9b", strokeMiterlimit: "10", strokeWidth: "3", children: [
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      "data-name": "Stroke 1",
+      d: "M1.5 90.676v-76.5A12.68 12.68 0 0 1 14.179 1.5h36.663a12.68 12.68 0 0 1 12.679 12.679v76.5a12.68 12.68 0 0 1-12.679 12.679H14.179A12.68 12.68 0 0 1 1.5 90.676z"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      "data-name": "Stroke 3",
+      d: "M19.35 1.501h40.132a10.943 10.943 0 0 1 10.944 10.944v79.966a10.943 10.943 0 0 1-10.944 10.944H19.35"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      "data-name": "Stroke 5",
+      d: "M51.363 38.066a19.11 19.11 0 1 1-19.109-19.109 19.109 19.109 0 0 1 19.109 19.109z"
+    }
+  ),
+  /* @__PURE__ */ jsx("path", { "data-name": "Stroke 7", d: "M13.089 37.753h37.98" }),
+  /* @__PURE__ */ jsx("path", { "data-name": "Stroke 9", d: "M32.079 18.764v37.979" }),
+  /* @__PURE__ */ jsx("path", { "data-name": "Stroke 11", d: "M22.584 20.922v33.663" }),
+  /* @__PURE__ */ jsx("path", { "data-name": "Stroke 13", d: "M41.573 20.922v33.663" }),
+  /* @__PURE__ */ jsx("path", { "data-name": "Stroke 15", d: "M15.247 28.259h33.231" }),
+  /* @__PURE__ */ jsx("path", { "data-name": "Stroke 17", d: "M15.247 47.249h34.526" }),
+  /* @__PURE__ */ jsx("path", { "data-name": "Stroke 19", d: "M12.657 80.584H51.5" }),
+  /* @__PURE__ */ jsx("path", { "data-name": "Stroke 21", d: "M12.657 88.147H51.5" })
+] }) });
+var stdin_default = PassportSvg;
+export {
+  stdin_default as default
+};

package/dist/components/SvgIcons/RefreshSvg.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+const RefreshSvg = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    width: "16",
+    height: "16",
+    style: {
+      width: "16px",
+      height: "16px"
+    },
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M1.735 7L1 6.786C1.67 4.1 3.63 1.983 6.117 1.263c2.987-.864 6.158.454 7.862 3.163l.262-3.242.759.071-.382 4.71-4.362-.412.066-.819 3.112.294C11.933 2.51 9.04 1.27 6.314 2.058 4.089 2.702 2.334 4.595 1.735 7zm7.951 7.942c-2.724.788-5.619-.452-7.12-2.97l3.112.294.066-.82-4.362-.411L1 15.745l.759.071.263-3.247C3.375 14.723 5.652 16 8.03 16a6.66 6.66 0 0 0 1.853-.263c2.487-.72 4.448-2.836 5.117-5.523L14.265 10c-.6 2.405-2.354 4.299-4.579 4.942z",
+        fillRule: "nonzero",
+        strokeWidth: ".5"
+      }
+    )
+  }
+);
+var stdin_default = RefreshSvg;
+export {
+  stdin_default as default
+};