@stokr/components-library 3.0.16 → 3.0.18

package/dist/components/icons/Arrow.js

@@ -0,0 +1,38 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import styled, { css } from "styled-components";
+const iconDirection = ({ direction }) => {
+  switch (direction) {
+    case "right":
+      return css`
+        transform: rotate(90deg) scale(-1, 1);
+      `;
+    case "left":
+      return css`
+        transform: rotate(-90deg);
+      `;
+    case "bottom":
+      return css`
+        transform: rotate(180deg);
+      `;
+    case "top":
+    default:
+      return css``;
+  }
+};
+const Icon = styled.svg`
+  ${iconDirection};
+`;
+const Arrow = (props) => /* @__PURE__ */ jsx(Icon, { width: "18", height: "10", viewBox: "0 0 18 10", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("g", { id: "STO-Pages", fill: "none", fillRule: "evenodd", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("g", { id: "2.-Tablet-Pitch-Tab", transform: "translate(-120 -5387)", stroke: "#FFF", strokeWidth: "1.5", children: /* @__PURE__ */ jsx("g", { id: "Wrap-Up", transform: "translate(0 5299)", children: /* @__PURE__ */ jsx("g", { id: "Top", transform: "translate(64 84)", children: /* @__PURE__ */ jsxs("g", { id: "Top-Icon", transform: "translate(50 5)", children: [
+  /* @__PURE__ */ jsx("path", { d: "M9.917,5.583 L7.25,8.25", id: "Stroke-1", transform: "matrix(0 -1 -1 0 15.5 15.5)" }),
+  /* @__PURE__ */ jsx(
+    "polyline",
+    {
+      id: "Stroke-3",
+      transform: "scale(1 -1) rotate(90 21.834 0)",
+      points: "13.5835 -1.4165 21.5835 6.5835 18.2505 9.9165"
+    }
+  )
+] }) }) }) }) }) });
+export {
+  Arrow
+};

package/dist/components/icons/ArrowSimple.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import styled, { css } from "styled-components";
+const iconDirection = ({ direction }) => {
+  switch (direction) {
+    case "right":
+      return css`
+        transform: rotate(-90deg);
+      `;
+    case "left":
+      return css`
+        transform: rotate(90deg);
+      `;
+    case "top":
+      return css`
+        transform: rotate(180deg);
+      `;
+    case "bottom":
+    default:
+      return css``;
+  }
+};
+const Icon = styled.svg`
+  ${iconDirection};
+`;
+const ArrowSimple = (props) => /* @__PURE__ */ jsx(Icon, { width: "13", height: "8", viewBox: "0 0 13 8", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("g", { id: "STO-Pages", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsx("g", { id: "1.-Desktop-Overview-Tab", transform: "translate(-948 -1613)", fill: "currentColor", children: /* @__PURE__ */ jsx("g", { id: "Risk-Considerations", transform: "translate(512 1146)", children: /* @__PURE__ */ jsx("g", { id: "Debt", transform: "translate(1 450)", children: /* @__PURE__ */ jsx(
+  "polygon",
+  {
+    id: "Shape-Copy-5",
+    points: "441.5 25 435 18.3043478 436.181818 17 441.5 22.4782609 446.818182 17 448 18.3043478"
+  }
+) }) }) }) }) });
+export {
+  ArrowSimple
+};

package/dist/components/icons/Check.js

@@ -0,0 +1,16 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const Icon = styled.svg``;
+const Check = (props) => /* @__PURE__ */ jsxs(Icon, { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "14", viewBox: "0 0 16 14", ...props, children: [
+  /* @__PURE__ */ jsxs("defs", { children: [
+    /* @__PURE__ */ jsx("path", { id: "5fdua", d: "M1081.11 3455.04v-2.75h7.9v2.75z" }),
+    /* @__PURE__ */ jsx("path", { id: "5fdub", d: "M1083.56 3452.57v-3.61h15.06v3.61z" })
+  ] }),
+  /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsxs("g", { transform: "translate(-1081 -3444)", children: [
+    /* @__PURE__ */ jsx("g", { transform: "rotate(-315 1084.5 3454)", children: /* @__PURE__ */ jsx("use", { fill: "#fff", xlinkHref: "#5fdua" }) }),
+    /* @__PURE__ */ jsx("g", { transform: "rotate(-225 1091 3451)", children: /* @__PURE__ */ jsx("use", { fill: "#fff", xlinkHref: "#5fdub" }) })
+  ] }) })
+] });
+export {
+  Check
+};

package/dist/components/icons/Facebook.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const Icon = styled.svg`
+  fill: #fff;
+  width: 12px;
+`;
+const Facebook = (props) => /* @__PURE__ */ jsx(Icon, { width: "24", height: "24", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("path", { d: "M22.675 0h-21.35c-.732 0-1.325.593-1.325 1.325v21.351c0 .731.593 1.324 1.325 1.324h11.495v-9.294h-3.128v-3.622h3.128v-2.671c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12v9.293h6.116c.73 0 1.323-.593 1.323-1.325v-21.35c0-.732-.593-1.325-1.325-1.325z" }) });
+export {
+  Facebook
+};

package/dist/components/icons/Info.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import styled from "styled-components";
+const Icon = styled.svg``;
+const Info = (props) => /* @__PURE__ */ jsx(Icon, { width: "16", height: "16", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("g", { id: "STO-Pages", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsx("g", { id: "2.-Desktop-Pitch-Tab", transform: "translate(-957 -180)", children: /* @__PURE__ */ jsx("g", { id: "Hero", transform: "translate(0 94)", children: /* @__PURE__ */ jsxs("g", { id: "Tooltip", transform: "translate(957 86)", children: [
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M7.70634725,7.11558038e-07 C4.59053555,-0.00134762449 1.78079233,1.91363693 0.587507493,4.85185624 C-0.605777342,7.79007555 0.0524401862,11.172782 2.25518484,13.4223708 C4.45792949,15.6719596 7.77132172,16.3453242 10.6500831,15.1284251 C13.5288444,13.9115261 15.4059388,11.0440588 15.4059391,7.86333404 C15.4023412,3.52335835 11.9577501,0.00551374093 7.70634725,7.11558038e-07 Z",
+      id: "Shape",
+      fill: "#202020",
+      fillRule: "nonzero",
+      opacity: "0.2"
+    }
+  ),
+  /* @__PURE__ */ jsx("ellipse", { id: "Oval", fill: "#FFF", cx: "7.757", cy: "5.117", rx: "1", ry: "1" }),
+  /* @__PURE__ */ jsx(
+    "polygon",
+    {
+      id: "Rectangle",
+      fill: "#FFF",
+      points: "7.10639456 7.16 8.40206803 7.16 8.40206803 9.31911253 8.40206803 11.5146667 7.10639456 11.5146667 7.10639456 9.8880281"
+    }
+  )
+] }) }) }) }) });
+export {
+  Info
+};

package/dist/components/icons/Instagram.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const Icon = styled.svg`
+  fill: #fff;
+  width: 12px;
+`;
+const Instagram = (props) => /* @__PURE__ */ jsx(Icon, { width: "24", height: "24", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("path", { d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" }) });
+export {
+  Instagram
+};

package/dist/components/icons/LinkIcon.js

@@ -0,0 +1,49 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const Icon = styled.svg`
+  fill: #fff;
+  width: 12px;
+`;
+const LinkIcon = () => /* @__PURE__ */ jsxs(
+  Icon,
+  {
+    version: "1.1",
+    id: "Layer_1",
+    xmlns: "http://www.w3.org/2000/svg",
+    x: "0px",
+    y: "0px",
+    viewBox: "0 0 512.092 512.092",
+    children: [
+      /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M312.453,199.601c-6.066-6.102-12.792-11.511-20.053-16.128c-19.232-12.315-41.59-18.859-64.427-18.859\n			c-31.697-0.059-62.106,12.535-84.48,34.987L34.949,308.23c-22.336,22.379-34.89,52.7-34.91,84.318\n			c-0.042,65.98,53.41,119.501,119.39,119.543c31.648,0.11,62.029-12.424,84.395-34.816l89.6-89.6\n			c1.628-1.614,2.537-3.816,2.524-6.108c-0.027-4.713-3.87-8.511-8.583-8.484h-3.413c-18.72,0.066-37.273-3.529-54.613-10.581\n			c-3.195-1.315-6.867-0.573-9.301,1.877l-64.427,64.512c-20.006,20.006-52.442,20.006-72.448,0\n			c-20.006-20.006-20.006-52.442,0-72.448l108.971-108.885c19.99-19.965,52.373-19.965,72.363,0\n			c13.472,12.679,34.486,12.679,47.957,0c5.796-5.801,9.31-13.495,9.899-21.675C322.976,216.108,319.371,206.535,312.453,199.601z"
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M477.061,34.993c-46.657-46.657-122.303-46.657-168.96,0l-89.515,89.429c-2.458,2.47-3.167,6.185-1.792,9.387\n			c1.359,3.211,4.535,5.272,8.021,5.205h3.157c18.698-0.034,37.221,3.589,54.528,10.667c3.195,1.315,6.867,0.573,9.301-1.877\n			l64.256-64.171c20.006-20.006,52.442-20.006,72.448,0c20.006,20.006,20.006,52.442,0,72.448l-80.043,79.957l-0.683,0.768\n			l-27.989,27.819c-19.99,19.965-52.373,19.965-72.363,0c-13.472-12.679-34.486-12.679-47.957,0\n			c-5.833,5.845-9.35,13.606-9.899,21.845c-0.624,9.775,2.981,19.348,9.899,26.283c9.877,9.919,21.433,18.008,34.133,23.893\n			c1.792,0.853,3.584,1.536,5.376,2.304c1.792,0.768,3.669,1.365,5.461,2.048c1.792,0.683,3.669,1.28,5.461,1.792l5.035,1.365\n			c3.413,0.853,6.827,1.536,10.325,2.133c4.214,0.626,8.458,1.025,12.715,1.195h5.973h0.512l5.12-0.597\n			c1.877-0.085,3.84-0.512,6.059-0.512h2.901l5.888-0.853l2.731-0.512l4.949-1.024h0.939c20.961-5.265,40.101-16.118,55.381-31.403\n			l108.629-108.629C523.718,157.296,523.718,81.65,477.061,34.993z"
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx("g", {}),
+      /* @__PURE__ */ jsx("g", {}),
+      /* @__PURE__ */ jsx("g", {}),
+      /* @__PURE__ */ jsx("g", {}),
+      /* @__PURE__ */ jsx("g", {}),
+      /* @__PURE__ */ jsx("g", {}),
+      /* @__PURE__ */ jsx("g", {}),
+      /* @__PURE__ */ jsx("g", {}),
+      /* @__PURE__ */ jsx("g", {}),
+      /* @__PURE__ */ jsx("g", {}),
+      /* @__PURE__ */ jsx("g", {}),
+      /* @__PURE__ */ jsx("g", {}),
+      /* @__PURE__ */ jsx("g", {}),
+      /* @__PURE__ */ jsx("g", {}),
+      /* @__PURE__ */ jsx("g", {})
+    ]
+  }
+);
+export {
+  LinkIcon
+};

package/dist/components/icons/LinkedIn.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const Icon = styled.svg``;
+const LinkedIn = (props) => /* @__PURE__ */ jsx(Icon, { width: "12", height: "11", viewBox: "0 0 12 11", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("g", { id: "Symbols", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsx("g", { id: "Footer", transform: "translate(-714 -286)", fill: "currentColor", fillRule: "nonzero", children: /* @__PURE__ */ jsx("g", { id: "Group", transform: "translate(704 275)", children: /* @__PURE__ */ jsx("g", { id: "Group-5", transform: "translate(10 11)", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M11.2179487,6.40893037 L11.2179487,10.4533333 L8.81357908,10.4533333 L8.81357908,6.6798001 C8.81357908,5.73185778 8.46581294,5.08492423 7.59551083,5.08492423 C6.93114554,5.08492423 6.53578129,5.52091004 6.36184606,5.94265293 C6.29841669,6.09342436 6.28208988,6.30327846 6.28208988,6.51432794 L6.28208988,10.4533333 L3.87691173,10.4533333 C3.87691173,10.4533333 3.90930452,4.06220661 3.87691173,3.40003822 L6.28185515,3.40003822 L6.28185515,4.39981457 C6.27697798,4.4072921 6.27064025,4.4153546 6.26604997,4.42260323 L6.28185515,4.42260323 L6.28185515,4.39981457 C6.6013754,3.91990462 7.17200502,3.23433716 8.44925141,3.23433716 C10.0316734,3.23431172 11.2179487,4.24243035 11.2179487,6.40893037 Z M1.36099298,0 C0.538184661,0 0,0.526301153 0,1.2184051 C0,1.89542682 0.522614211,2.43770038 1.32906965,2.43770038 L1.34513564,2.43770038 C2.18387954,2.43770038 2.70550267,1.89552855 2.70550267,1.2184051 C2.68969749,0.526301153 2.18387954,0 1.36099298,0 Z M0.142846493,10.4533333 L2.54711181,10.4533333 L2.54711181,3.40003822 L0.142846493,3.40003822 L0.142846493,10.4533333 Z",
+    id: "LinkedIn"
+  }
+) }) }) }) }) });
+export {
+  LinkedIn
+};

package/dist/components/icons/Medium.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const Icon = styled.svg``;
+const Medium = (props) => /* @__PURE__ */ jsx(Icon, { width: "12", height: "9", viewBox: "0 0 12 9", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("g", { id: "Symbols", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsx("g", { id: "Footer", transform: "translate(-834 -287)", fill: "currentColor", children: /* @__PURE__ */ jsx("g", { id: "Group", transform: "translate(704 275)", children: /* @__PURE__ */ jsx("g", { id: "Group-2", transform: "translate(130 12)", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M1.33026175,1.71792233 C1.34428419,1.58754232 1.29146635,1.45893018 1.18863515,1.37142089 L0.141626603,0.178112348 L0.141626603,0 L3.3938969,0 L5.90765224,5.21299044 L8.11758814,1.96272387e-16 L11.2179487,0 L11.2179487,0.178112348 L10.3223825,0.99000412 C10.2452591,1.04569185 10.2069311,1.13717884 10.2228232,1.2277819 L10.2228232,7.19344065 C10.2069311,7.28360174 10.2452591,7.37508873 10.3223825,7.43077646 L11.1969151,8.24266823 L11.1969151,8.42078058 L6.79760951,8.42078058 L6.79760951,8.24266823 L7.70392628,7.41088798 C7.79273504,7.32691442 7.79273504,7.30216432 7.79273504,7.17355217 L7.79273504,2.35170175 L5.27383814,8.40133407 L4.93356036,8.40133407 L2.00053419,2.35170175 L2.00053419,6.40629898 C1.97622863,6.57645594 2.03605769,6.74838076 2.16272703,6.87124735 L3.34107906,8.22277976 L3.34107906,8.40133407 L0,8.40133407 L0,8.22277976 L1.17835203,6.87124735 C1.30455395,6.7479388 1.3606437,6.57513004 1.33026175,6.40629898 L1.33026175,1.71792233 Z",
+    id: "Shape"
+  }
+) }) }) }) }) });
+export {
+  Medium
+};

package/dist/components/icons/Reddit.js

@@ -0,0 +1,16 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const Icon = styled.svg``;
+const Reddit = (props) => /* @__PURE__ */ jsxs(Icon, { width: "15", height: "13", viewBox: "0 0 15 13", ...props, children: [
+  /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      id: "zg3oa",
+      d: "M1076.597 4482.766l-.726 3.33c1.574.076 3.015.464 4.311 1.323.471-.335.977-.521 1.569-.363.666.179 1.079.605 1.21 1.247.134.644-.081 1.205-.635 1.597-.207.146-.267.282-.262.528.023 1.304-.622 2.293-1.647 3.059-1.65 1.23-3.557 1.62-5.59 1.489-1.5-.098-2.91-.505-4.13-1.398-1.134-.83-1.845-1.883-1.772-3.33.005-.09-.086-.213-.17-.276-.795-.596-.987-1.521-.458-2.268.532-.752 1.473-.91 2.342-.407.088.051.262.052.349 0a8.025 8.025 0 0 1 3.907-1.169c.24-.008.335-.098.383-.337.23-1.124.489-2.242.732-3.364.065-.299.226-.39.538-.32.762.169 1.532.309 2.295.474.176.038.28.018.404-.126.405-.473.94-.576 1.467-.314.493.245.738.77.615 1.317-.101.45-.575.837-1.073.877-.547.044-1.04-.302-1.246-.853-.04-.108-.133-.253-.228-.274-.711-.16-1.43-.293-2.185-.442m-2.597 7.23c-.005-.54-.472-1.003-1.006-.996-.539.007-1 .477-.994 1.013.006.545.462.991 1.01.987.548-.004.994-.457.99-1.003m3.994 1.003a1.005 1.005 0 0 0 1.006-.99 1.025 1.025 0 0 0-.997-1.01c-.536-.004-1 .46-1.003 1-.002.546.446.997.994 1m-2.502 1.995c.145 0 .293.012.436-.002.695-.064 1.381-.164 1.935-.569.091-.066.17-.256.124-.33-.102-.162-.264-.082-.425-.001-.267.134-.543.278-.838.343-1.176.257-2.32.25-3.37-.382-.074-.044-.234.016-.354.028.014.095-.012.224.05.278.14.12.312.22.49.297.613.263 1.273.348 1.952.338"
+    }
+  ) }),
+  /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("g", { transform: "translate(-1068 -4482)", children: /* @__PURE__ */ jsx("use", { fill: "#fff", xlinkHref: "#zg3oa" }) }) })
+] });
+export {
+  Reddit
+};

package/dist/components/icons/Share.js

@@ -0,0 +1,31 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import styled from "styled-components";
+const Icon = styled.svg``;
+const Share = (props) => /* @__PURE__ */ jsx(Icon, { width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("g", { id: "STO-Pages", fill: "none", fillRule: "evenodd", strokeLinecap: "round", children: /* @__PURE__ */ jsx("g", { id: "2.-Desktop-Pitch-Tab", transform: "translate(-271 -5126)", strokeWidth: "1.5", stroke: "currentColor", children: /* @__PURE__ */ jsx("g", { id: "Wrap-Up", transform: "translate(0 5040)", children: /* @__PURE__ */ jsx("g", { id: "Share", transform: "translate(183 75)", children: /* @__PURE__ */ jsx("g", { id: "Share-Icon", transform: "translate(75)", children: /* @__PURE__ */ jsxs("g", { id: "Group-11", transform: "translate(13 11)", children: [
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M14.083,11.5833 C12.61,11.5833 11.417,10.3893 11.417,8.9163 C11.417,7.4433 12.61,6.2503 14.083,6.2503 C15.556,6.2503 16.75,7.4433 16.75,8.9163 C16.75,10.3893 15.556,11.5833 14.083,11.5833 Z",
+      id: "Stroke-1"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M3.417,6.0833 C1.944,6.0833 0.75,4.8893 0.75,3.4163 C0.75,1.9433 1.944,0.7503 3.417,0.7503 C4.89,0.7503 6.083,1.9433 6.083,3.4163 C6.083,4.8893 4.89,6.0833 3.417,6.0833 Z",
+      id: "Stroke-3"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M3.417,17.0833 C1.944,17.0833 0.75,15.8893 0.75,14.4163 C0.75,12.9433 1.944,11.7503 3.417,11.7503 C4.89,11.7503 6.083,12.9433 6.083,14.4163 C6.083,15.8893 4.89,17.0833 3.417,17.0833 Z",
+      id: "Stroke-5"
+    }
+  ),
+  /* @__PURE__ */ jsx("path", { d: "M5.8545,4.636 L11.7685,7.593", id: "Stroke-7" }),
+  /* @__PURE__ */ jsx("path", { d: "M8.917,11.9163 L11.737,10.5743", id: "Stroke-9" })
+] }) }) }) }) }) }) });
+export {
+  Share
+};

package/dist/components/icons/Telegram.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const Icon = styled.svg``;
+const Telegram = (props) => /* @__PURE__ */ jsx(Icon, { width: "12", height: "9", viewBox: "0 0 12 9", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("g", { id: "Symbols", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ jsx("g", { id: "Footer", transform: "translate(-794 -286)", fill: "currentColor", children: /* @__PURE__ */ jsx("g", { id: "Group", transform: "translate(704 275)", children: /* @__PURE__ */ jsx("g", { id: "Group-3", transform: "translate(90 11)", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M8.5929391,9.49400205 C8.74344315,9.60344218 8.93741577,9.63080221 9.11035521,9.56360213 C9.28329465,9.49592205 9.41042851,9.34424188 9.44875563,9.16040167 C9.85492961,7.20007941 10.840217,2.23831371 11.2099335,0.455111664 C11.2379777,0.32071151 11.1912373,0.181031349 11.0884085,0.0912712461 C10.9855796,0.00151114295 10.8430214,-0.0244088868 10.7158876,0.0240711689 C8.75606306,0.769032025 2.72047661,3.0946347 0.253518868,4.03207577 C0.0969385639,4.09159584 -0.00495548443,4.24615602 0.000185958374,4.41559621 C0.00579480507,4.58551641 0.117036931,4.73287658 0.277356466,4.78231664 C1.38370148,5.12215703 2.83592537,5.59495757 2.83592537,5.59495757 C2.83592537,5.59495757 3.51459582,7.69975999 3.86842056,8.77016122 C3.91282393,8.90456137 4.01518539,9.01016149 4.15026511,9.04664154 C4.28487743,9.08264158 4.42883783,9.04472153 4.52932967,8.94728142 C5.0976928,8.39624079 5.97641212,7.54423981 5.97641212,7.54423981 C5.97641212,7.54423981 7.64597882,8.80136125 8.5929391,9.49400205 Z M3.44682225,5.32903726 L4.23159339,7.98728032 L4.40593504,6.30391838 C4.40593504,6.30391838 7.43798408,3.49543516 9.16644367,1.89463332 C9.2169233,1.84759326 9.22393435,1.76887317 9.181868,1.71367311 C9.14026906,1.65847305 9.06361482,1.64551303 9.00612414,1.68295307 C7.00283106,2.99671458 3.44682225,5.32903726 3.44682225,5.32903726 Z",
+    id: "telegram-1"
+  }
+) }) }) }) }) });
+export {
+  Telegram
+};

package/dist/components/icons/Twitter.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const Icon = styled.svg`
+  fill: #fff;
+  width: 12px;
+`;
+const Twitter = (props) => /* @__PURE__ */ jsx(Icon, { width: "24", height: "24", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("path", { d: "M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" }) });
+export {
+  Twitter
+};

package/dist/components/icons/X.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const Icon = styled.svg`
+  fill: #000;
+  width: 12px;
+`;
+const X = (props) => /* @__PURE__ */ jsx(Icon, { width: "24", height: "24", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("path", { d: "M24 20.188l-8.315-8.209 8.2-8.282-3.697-3.697-8.212 8.318-8.31-8.203-3.666 3.666 8.321 8.24-8.206 8.313 3.666 3.666 8.237-8.318 8.285 8.203z" }) });
+export {
+  X
+};

package/dist/components/icons/Youtube.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const Icon = styled.svg`
+  fill: #fff;
+  width: 12px;
+`;
+const Youtube = (props) => /* @__PURE__ */ jsx(Icon, { width: "24", height: "24", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsx("path", { d: "M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z" }) });
+export {
+  Youtube
+};

package/dist/components/icons/index.js

@@ -0,0 +1,32 @@
+import { Arrow } from "./Arrow.js";
+import { ArrowSimple } from "./ArrowSimple.js";
+import { Check } from "./Check.js";
+import { Facebook } from "./Facebook.js";
+import { Info } from "./Info.js";
+import { Instagram } from "./Instagram.js";
+import { LinkIcon } from "./LinkIcon.js";
+import { LinkedIn } from "./LinkedIn.js";
+import { Medium } from "./Medium.js";
+import { Reddit } from "./Reddit.js";
+import { Share } from "./Share.js";
+import { Telegram } from "./Telegram.js";
+import { Twitter } from "./Twitter.js";
+import { Youtube } from "./Youtube.js";
+import { X } from "./X.js";
+export {
+  Arrow,
+  ArrowSimple,
+  Check,
+  Facebook,
+  Info,
+  Instagram,
+  LinkIcon,
+  LinkedIn,
+  Medium,
+  Reddit,
+  Share,
+  Telegram,
+  Twitter,
+  X,
+  Youtube
+};

package/dist/components/landing-page/List.js

@@ -0,0 +1,51 @@
+import styled from "styled-components";
+import theme from "../../styles/theme.js";
+const List = styled.ul`
+  list-style-type: disclosure-closed;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+`;
+const ListItem = styled.li`
+  padding: 0 0 0 2rem;
+  color: ${theme.cBlack};
+  font-size: 0.75rem;
+  letter-spacing: normal;
+  line-height: 1.31rem;
+  font-weight: 200;
+  margin-bottom: 1rem;
+  position: relative;
+  /* top: 1px; */
+
+  font-size: 16px !important;
+  font-weight: 300;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: 1.5 !important;
+  letter-spacing: 0.6px;
+
+  a {
+    word-break: break-all !important;
+  }
+
+  &:before {
+    content: '';
+    position: absolute;
+    width: 10px;
+    height: 10px;
+    background: #0050ca;
+    border-radius: 100px;
+    left: 0;
+    top: 0px;
+    margin-top: 0.35rem;
+
+    @media screen and (min-width: 1440px) {
+      top: -1px;
+    }
+  }
+`;
+List.Item = ListItem;
+export {
+  List,
+  ListItem
+};

package/dist/components/landing-page/PageContent.js

@@ -0,0 +1,65 @@
+import styled from "styled-components";
+import media from "../StokrLoader/media.js";
+const ContentInnerFull = styled.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  margin: auto;
+  padding: 0.55rem 2rem;
+  font-size: 1rem;
+  width: 100%;
+  z-index: 1;
+
+  ${media.tablet`
+      padding: 0.55rem 3rem;
+  `};
+
+  ${media.desktop`
+      padding: 0.75rem 25% 2.5rem 0;
+      max-width: 85%;
+      height: 100%;
+  `};
+
+  ${media.default`
+      padding: 0.75rem 25% 3.5rem 0;
+  `};
+`;
+const ContentInnerText = styled.div`
+  width: 100%;
+
+  h4 {
+    font-size: 1.07143rem;
+    font-size: 17.14px;
+    font-weight: 700;
+    line-height: 1.28571em;
+    letter-spacing: normal;
+    position: relative;
+    margin-top: 29px;
+    margin-bottom: 16px;
+  }
+
+  h4:not(:first-of-type) {
+    top: 1px;
+
+    ${media.desktop`
+      top: 0px;
+    `};
+  }
+
+  p:not(:first-of-type) {
+    position: relative;
+    top: 0px;
+  }
+
+  p:last-of-type {
+    margin-bottom: 65px;
+
+    ${media.desktop`
+      margin-bottom: 0;
+    `};
+  }
+`;
+export {
+  ContentInnerFull,
+  ContentInnerText
+};

package/dist/components/landing-page/PageText.js

@@ -0,0 +1,171 @@
+import styled from "styled-components";
+import { Link } from "react-router-dom";
+import media from "../StokrLoader/media.js";
+import theme from "../../styles/theme.js";
+const ContentText = styled.p.withConfig({
+  shouldForwardProp: (props) => !["dark", "bold", "light", "regular"].includes(props)
+})`
+  font-size: 0.81rem;
+  letter-spacing: normal;
+  line-height: 1.6rem;
+  position: relative;
+  padding-bottom: 10px;
+
+  /* color: ${(props) => props.dark ? theme.cBlack : theme.cWhite}; */
+
+  color: #202020;
+  font-weight: ${(props) => {
+  if (props.bold) {
+    return "800";
+  }
+  if (props.light) {
+    return "200";
+  }
+  if (props.regular) {
+    return "400";
+  }
+  return "200";
+}};
+  ${media.tablet`
+      font-size: 0.75rem;
+      line-height: 1.5rem;
+    `};
+
+  ${media.desktop`
+      font-size: 0.75rem;
+      line-height: 1.5rem;
+    `};
+
+  ${media.large`
+      font-size: 0.75rem;
+      line-height: 1.5rem;
+    `};
+
+  ${media.default`
+      font-size: 0.75rem;
+      line-height: 1.5rem;
+    `};
+
+  font-size: 16px !important;
+  font-weight: 300;
+  font-style: normal;
+  font-stretch: normal;
+  line-height: 1.5 !important;
+  letter-spacing: 0.6px;
+
+  a {
+    word-break: break-all !important;
+  }
+`;
+const ContentSection = styled.div`
+  // margin-bottom: 3rem;
+  margin-bottom: 1rem;
+`;
+const UppercaseText = styled.p.withConfig({
+  shouldForwardProp: (props) => !["hideDesktop", "nomargin", "bold", "light", "regular", "demi"].includes(props)
+})`
+  position: relative;
+  margin: 0;
+  font-size: ${(props) => {
+  if (props.hideDesktop) {
+    return "0.62rem;";
+  }
+  return "0.75rem;";
+}};
+  width: 100%;
+  line-height: 1.31rem;
+  letter-spacing: 0.11rem;
+  text-transform: uppercase;
+  display: inline-block;
+  margin-bottom: ${(props) => {
+  if (props.nomargin) {
+    return "0";
+  }
+  return "1rem";
+}};
+
+  font-weight: ${(props) => {
+  if (props.bold) {
+    return "800";
+  }
+  if (props.light) {
+    return "200";
+  }
+  if (props.regular) {
+    return "400";
+  }
+  if (props.demi) {
+    return "600";
+  }
+  return "600";
+}};
+
+  order: 2;
+
+  ${media.tablet`
+    font-size: .8rem;
+  `};
+
+  ${media.desktop`
+    order: 1 !important;
+    display: ${(props) => {
+  if (props.hideDesktop) {
+    return "none";
+  }
+  return "inline-block";
+}}; /* -line */
+  `};
+
+  &:first-of-type {
+    top: -2px;
+
+    ${media.desktop`
+      top: -3px;
+    `};
+  }
+
+  &:nth-of-type(2) {
+    top: -5px;
+
+    ${media.tablet`
+      top: -6px;
+    `};
+
+    ${media.desktop`
+      top: -7px;
+    `};
+  }
+`;
+const ContentInnerLink = styled(Link)`
+  &&& {
+    color: #000;
+    padding: 0;
+    margin: 0 3rem 0 0;
+    display: flex;
+    align-items: center;
+    text-transform: uppercase;
+
+    span {
+      white-space: nowrap;
+      font-weight: 700;
+      font-size: 0.75rem;
+      letter-spacing: 1px;
+    }
+
+    &::after {
+      display: none;
+    }
+    & i {
+      margin-left: 0.5rem;
+    }
+    & img {
+      max-width: 1rem;
+    }
+  }
+`;
+export {
+  ContentInnerLink,
+  ContentSection,
+  ContentText,
+  UppercaseText
+};