@lightsparkdev/ui 1.0.6 → 1.0.7

package/dist/{chunk-EHH4M2LZ.js → chunk-TWG7OQT7.js}

@@ -1,18 +1,18 @@
 import {
   Loading
-} from "./chunk-SIYZ5PZT.js";
+} from "./chunk-7GCXP2EW.js";
 import {
   UnstyledButton
-} from "./chunk-TN5UPDZG.js";
+} from "./chunk-H47HIU2F.js";
 import {
   flexCenter
-} from "./chunk-D4DFISYR.js";
+} from "./chunk-JQV6H76U.js";
 import {
   Icon
-} from "./chunk-LAGOF7IU.js";
+} from "./chunk-UACBVBBE.js";
 import {
   colors
-} from "./chunk-KPAVY3UH.js";
+} from "./chunk-REL56P3K.js";
 
 // src/components/Pill.tsx
 import styled from "@emotion/styled";

package/dist/chunk-TZ4KOSZV.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/static/images/Logo.svg
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var SvgLogo = (props) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, { viewBox: "0 0 169 34", width: "100%", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M44.898 21.7971H39.3337V11.6397H37.8989V23.2049H46.3245V18.0239H44.898V21.7971Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M50.796 13.0393H53.8242V21.7971H50.796V23.2049H58.2456V21.7971H55.2591V13.0393H58.2456V11.6397H50.796V13.0393Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M70.3 21.7972H67.2217C65.6868 21.7972 65.1445 21.5516 64.9527 21.4125C64.6607 21.1915 64.5189 20.7577 64.5189 20.1275V14.7582C64.5189 14.1116 64.6523 13.645 64.9193 13.4158C65.0778 13.2767 65.545 13.0393 66.838 13.0393H70.8339V11.6315H66.838C65.3948 11.6315 64.4605 11.8689 63.9099 12.3682C63.3676 12.8675 63.0923 13.6696 63.0923 14.75V20.1193C63.0923 20.6267 63.1507 21.0687 63.2675 21.437C63.401 21.8708 63.6513 22.231 64.0183 22.5093C64.352 22.763 64.8025 22.9512 65.3531 23.0576C65.8453 23.1559 66.4793 23.205 67.2301 23.205H71.7349V18.1385H70.3V21.7972Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M84.8156 16.7143H78.5506V11.6397H77.1157V23.2049H78.5506V18.1221H84.8156V23.2049H86.2504V11.6397H84.8156V16.7143Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M90.7968 13.0393H94.8011V23.2049H96.2359V13.0393H100.24V11.6397H90.7968V13.0393Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M110.493 17.0744L106.355 16.2477C106.18 16.215 106.055 16.1659 105.963 16.0677C105.963 16.0677 105.871 15.9613 105.871 15.5602V13.9887C105.871 13.7104 105.963 13.5058 106.163 13.3257C106.372 13.1375 106.655 13.0475 107.056 13.0475H112.011V11.6397H107.056C106.297 11.6397 105.671 11.8607 105.195 12.2863C104.695 12.7283 104.445 13.3012 104.445 13.9887V15.5602C104.445 16.2641 104.612 16.7634 104.962 17.0826C105.262 17.3609 105.646 17.541 106.096 17.631L110.209 18.4577C110.451 18.5068 110.635 18.5968 110.76 18.7278C110.776 18.7441 110.91 18.9078 110.91 19.5463V20.6594C110.91 21.0032 110.801 21.2569 110.568 21.4697C110.326 21.6907 109.992 21.7971 109.55 21.7971H104.069V23.2049H109.55C110.376 23.2049 111.052 22.9675 111.561 22.4928C112.078 22.0099 112.336 21.396 112.336 20.6594V19.5463C112.336 18.7114 112.153 18.1221 111.777 17.7456C111.435 17.4018 111.002 17.1808 110.493 17.0744Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M125.233 12.5891C124.958 12.2863 124.574 12.0407 124.091 11.877C123.64 11.7215 123.064 11.6397 122.389 11.6397H117.55V23.2049H118.985V19.4317H122.389C123.064 19.4317 123.64 19.358 124.082 19.2107C124.566 19.047 124.95 18.8178 125.233 18.515C125.509 18.2203 125.701 17.8602 125.809 17.4427C125.901 17.0826 125.943 16.6897 125.943 16.2723V14.8563C125.943 14.4389 125.901 14.046 125.809 13.6777C125.709 13.2603 125.517 12.9001 125.242 12.5891H125.233ZM118.977 13.0393H122.38C122.881 13.0393 123.281 13.0884 123.573 13.1866C123.832 13.2766 124.024 13.383 124.141 13.5222C124.266 13.6613 124.358 13.8332 124.408 14.0296C124.466 14.2752 124.499 14.5535 124.499 14.8481V16.2641C124.499 16.5588 124.466 16.8289 124.408 17.0662C124.358 17.2627 124.274 17.41 124.149 17.5491C124.024 17.6801 123.84 17.7865 123.582 17.8684C123.29 17.9666 122.881 18.0075 122.38 18.0075H118.977V13.0311V13.0393Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M139.148 16.436L137.797 13.3012C137.622 12.8919 137.43 12.54 137.23 12.2617C137.021 11.9752 136.612 11.6397 135.82 11.6397H133.901C133.092 11.6397 132.675 11.9752 132.466 12.2535C132.249 12.54 132.066 12.8838 131.899 13.293L130.648 16.4524C130.531 16.7634 130.439 17.0826 130.381 17.4182C130.314 17.7538 130.281 18.1303 130.281 18.5231V23.2131H131.715V19.9146H138.097V23.2131H139.532V18.5231C139.532 18.1303 139.499 17.762 139.432 17.4182C139.365 17.0826 139.274 16.7552 139.157 16.4442L139.148 16.436ZM133.592 13.1129C133.592 13.1129 133.709 13.0393 133.901 13.0393H135.82C135.903 13.0393 136.045 13.0475 136.095 13.1129C136.229 13.3012 136.362 13.5467 136.487 13.8414L137.822 16.9271C137.905 17.1563 137.972 17.41 138.022 17.6719C138.072 17.9257 138.097 18.2039 138.097 18.4986H131.715C131.715 18.1958 131.74 17.9175 131.791 17.6719C131.841 17.41 131.907 17.1645 131.982 16.9517L133.234 13.8087C133.342 13.5304 133.467 13.3012 133.601 13.1129H133.592Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M152.462 17.5328C152.462 17.5328 152.496 17.4592 152.512 17.4264C152.696 16.9763 152.796 16.4115 152.796 15.7485V14.4226C152.796 13.6532 152.563 12.9902 152.095 12.4664C151.612 11.9098 150.886 11.6315 149.943 11.6315H144.871V23.1968H146.306V18.7524H151.219C151.795 18.7524 152.212 18.8588 152.446 19.0634C152.663 19.2599 152.771 19.5709 152.771 20.021V23.1968H154.206V20.021C154.206 19.1862 153.939 18.5232 153.422 18.0485C153.163 17.8193 152.846 17.6474 152.471 17.5328H152.462ZM149.943 13.0393C150.444 13.0393 150.802 13.1539 151.011 13.3913C151.244 13.6532 151.353 13.9806 151.353 14.4308V15.7731C151.353 16.346 151.253 16.7798 151.053 17.0581C150.911 17.2627 150.51 17.3773 149.935 17.3773H146.289V13.0475H149.935L149.943 13.0393Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M167.629 17.3036C167.153 16.9435 166.477 16.7552 165.61 16.7388L167.854 11.6397H166.294L164.05 16.7388H160.83V11.6397H159.395V23.2049H160.83V18.1466H165.468C166.044 18.1466 166.477 18.2367 166.728 18.4167C166.803 18.4659 167.02 18.6214 167.02 19.227V23.2049H168.454V19.227C168.454 18.3676 168.179 17.721 167.629 17.3036Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M14.2652 18.1213H3.94587L18.5197 5.60665L15.6667 11.6716H17.3017L22.7909 0L0 19.5782H13.5811L14.2652 18.1213Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M14.3736 14.4218L13.6896 15.8787H24.0089L9.43506 28.3934L12.2881 22.3284H10.653L5.16385 34L27.9548 14.4218H14.3736Z", fill: "currentColor" })
+] }));
+var Logo_default = SvgLogo;
+
+// src/icons/Logo.tsx
+
+function Logo() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Logo_default, {});
+}
+
+
+
+exports.Logo = Logo;

package/dist/chunk-TZGHXXX4.cjs

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/BitcoinBOnRoundedSquare.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function BitcoinBOnRoundedSquare() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "16", height: "16", rx: "2", fill: "#F7931A" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M6.02512 4.51426H4.66602M6.02512 4.51426V7.88244M6.02512 4.51426H6.55219M6.02512 7.88244H9.33688M6.02512 7.88244V11.2506M9.33688 7.88244C10.5433 7.88244 11.2676 8.63643 11.2676 9.56653C11.2676 10.4966 10.5433 11.2506 9.33688 11.2506M9.33688 7.88244C10.5433 7.88244 11.2676 7.12845 11.2676 6.19835C11.2676 5.26826 10.5433 4.51426 9.33688 4.51426M9.33688 11.2506V12.8337M9.33688 11.2506H6.55219M6.02512 11.2506H4.66602M6.02512 11.2506H6.55219M9.33688 4.51426V3.16699M9.33688 4.51426H6.55219M6.55219 3.16699V4.51426M6.55219 11.2506V12.8337",
+            stroke: "white",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.BitcoinBOnRoundedSquare = BitcoinBOnRoundedSquare;

package/dist/chunk-U2CKBWYJ.cjs

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/PiggyBank.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function PiggyBank() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 21 19",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M4.2852 2.80323L4.28378 2.81174C4.16768 3.50397 4.04904 4.21137 3.96368 4.82785C3.3302 5.5199 2.84097 6.34727 2.54459 7.26219H1.75H1.09375V7.91844V10.8244V11.4626L1.7317 11.4804L2.59376 11.5045C2.97833 12.6034 3.64313 13.5696 4.50179 14.318L3.94048 15.3554L3.63587 15.9184L4.19114 16.237L5.64215 17.0693L6.19546 17.3867L6.52843 16.8426L7.20243 15.7413C7.73371 15.8781 8.29024 15.9508 8.86295 15.9508H10.733C11.2494 15.9508 11.7526 15.8917 12.2361 15.7798L12.7333 16.6734L13.0537 17.2493L13.6282 16.9265L15.0524 16.1264L15.6282 15.8028L15.301 15.2291L14.8823 14.495C16.1356 13.4907 17.0179 12.0401 17.2872 10.3828H18.3359C19.2032 10.3828 19.9063 9.67973 19.9063 8.81242C19.9063 7.9451 19.2032 7.242 18.3359 7.242H17.0447C16.1753 4.58759 13.6788 2.66994 10.733 2.66994H8.86295C8.17571 2.66994 7.51184 2.77455 6.88698 2.96907C6.72823 2.86308 6.56121 2.75214 6.39011 2.63848L6.38912 2.63782C6.057 2.4172 5.70863 2.18579 5.36863 1.95616L4.52263 1.3848L4.3541 2.39166L4.28524 2.80302L4.2852 2.80323Z",
+            stroke: "currentColor",
+            strokeWidth: "1.3125"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M8.87903 5.07309H11.1462",
+            stroke: "currentColor",
+            strokeWidth: "1.3125",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "ellipse",
+          {
+            cx: "5.45801",
+            cy: "7.36851",
+            rx: "0.755735",
+            ry: "0.807216",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.PiggyBank = PiggyBank;

package/dist/chunk-U5D736PB.cjs

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Copy.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Copy() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M16 9V3H3V16H9M21 21H7.99998V8H21V21Z",
+          stroke: "currentColor",
+          strokeWidth: "2"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.Copy = Copy;

package/dist/{chunk-LAGOF7IU.js → chunk-UACBVBBE.js}

@@ -3,17 +3,17 @@ import {
 } from "./chunk-EDN2QDCB.js";
 import {
   icons_exports
-} from "./chunk-FT62PIPN.js";
+} from "./chunk-Y6Q37DGW.js";
 import {
   invertFillColor,
   invertStrokeColor
 } from "./chunk-VI6WTKMV.js";
 import {
   rootFontSizePx
-} from "./chunk-YG5BANJH.js";
+} from "./chunk-GMM3LRXY.js";
 import {
   getFontColor
-} from "./chunk-UAUAYQ3C.js";
+} from "./chunk-I4NIA4SD.js";
 
 // src/components/Icon/Icon.tsx
 import styled from "@emotion/styled";

package/dist/chunk-UDKRYLGK.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ArrowUpRightCircleFill.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ArrowUpRightCircleFill() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "40",
+      height: "40",
+      viewBox: "0 0 40 40",
+      fill: "none",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M20 1.25C30.3553 1.25 38.75 9.64468 38.75 20C38.75 30.3553 30.3553 38.75 20 38.75C9.64468 38.75 1.25 30.3553 1.25 20C1.25 9.64468 9.64468 1.25 20 1.25ZM15.4392 12.4122C14.8869 12.4122 14.4392 12.8599 14.4392 13.4122C14.4392 13.9644 14.8869 14.4122 15.4392 14.4122H24.1736L12.7051 25.8807C12.3146 26.2713 12.3146 26.9044 12.7051 27.2949C13.0956 27.6855 13.7288 27.6855 14.1193 27.2949L25.5879 15.8263V24.5608C25.5879 25.1131 26.0356 25.5608 26.5879 25.5608C27.1402 25.5608 27.5879 25.1131 27.5879 24.5608V13.4122C27.5879 12.8599 27.1402 12.4122 26.5879 12.4122H15.4392Z",
+          fill: "black"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.ArrowUpRightCircleFill = ArrowUpRightCircleFill;

package/dist/chunk-UEG2PUK7.cjs

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+
+// src/components/UnstyledButton.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var UnstyledButton = _styled2.default.button`
+  ${_chunkMNAZ4BDQcjs.standardFocusOutline}
+  font-family: ${({ theme }) => theme.typography.fontFamilies.main};
+  appearance: none;
+  background: transparent;
+  border: none;
+  padding: 0;
+  cursor: ${({ disabled }) => disabled ? "not-allowed" : "pointer"};
+  /* needed in Safari for some reason */
+  font-size: 1rem;
+  color: inherit;
+  font-weight: inherit;
+`;
+
+
+
+exports.UnstyledButton = UnstyledButton;

package/dist/chunk-UQ7P6HTC.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/EyeDropper.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function EyeDropper() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M14.1468 5.84804L13.8883 5.58948L15.21 4.26777C16.1863 3.29146 16.1863 1.70854 15.21 0.732233C14.2337 -0.244078 12.6508 -0.244078 11.6744 0.732233L10.3527 2.05394L10.0942 1.79538C9.50839 1.2096 8.55865 1.2096 7.97286 1.79538C7.38707 2.38117 7.38707 3.33092 7.97286 3.9167L8.26066 4.2045L2.12438 10.3408C2.02485 10.4403 1.9377 10.5515 1.8648 10.6719L0.326364 13.2129C-0.621051 14.7778 1.16487 16.5637 2.72972 15.6163L5.27078 14.0779C5.39118 14.005 5.50235 13.9178 5.60187 13.8183L11.7382 7.682L12.0255 7.96936C12.6113 8.55515 13.561 8.55515 14.1468 7.96936C14.7326 7.38357 14.7326 6.43383 14.1468 5.84804ZM9.32132 5.26516L10.6775 6.62134L4.54121 12.7576C4.527 12.7718 4.51112 12.7843 4.49391 12.7947L1.95286 14.3331C1.88025 14.3771 1.82762 14.3793 1.78992 14.3734C1.7446 14.3663 1.69213 14.3416 1.6466 14.2961C1.60107 14.2505 1.5764 14.198 1.56927 14.1527C1.56334 14.115 1.56556 14.0624 1.60952 13.9898L3.14796 11.4487C3.15837 11.4315 3.17082 11.4157 3.18504 11.4014L9.32132 5.26516Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.EyeDropper = EyeDropper;

package/dist/chunk-UWGIIJDN.cjs

@@ -0,0 +1,38 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Satoshi.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Satoshi() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 26 41",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M0 11.2142H26", stroke: "currentColor", strokeWidth: "3.71429" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M13 5.64284V0.0714111",
+            stroke: "currentColor",
+            strokeWidth: "3.71429"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M13 40.9286V35.3572",
+            stroke: "currentColor",
+            strokeWidth: "3.71429"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M0 20.5H26", stroke: "currentColor", strokeWidth: "3.71429" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M0 29.7858H26", stroke: "currentColor", strokeWidth: "3.71429" })
+      ]
+    }
+  );
+}
+
+
+
+exports.Satoshi = Satoshi;

package/dist/chunk-UYO2JW2E.cjs

@@ -0,0 +1,103 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk4XPAKKBScjs = require('./chunk-4XPAKKBS.cjs');
+
+
+var _chunkMJ4HZKPZcjs = require('./chunk-MJ4HZKPZ.cjs');
+
+
+
+var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+
+// src/components/PhoneInput.tsx
+
+
+
+
+var _libphonenumberjs = require('libphonenumber-js');
+var _react = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var countries = _libphonenumberjs.getCountries.call(void 0, );
+var defaultOptions = countries.map((countryCode) => {
+  if (_chunk4XPAKKBScjs.countryCodesToNames[countryCode] === void 0) {
+    console.log("no name", countryCode);
+  }
+  return {
+    value: countryCode,
+    label: `${_libphonenumberjs.getCountryCallingCode.call(void 0, countryCode)} (${_chunk4XPAKKBScjs.countryCodesToNames[countryCode]})`
+  };
+}).sort((a, b) => a.label.localeCompare(b.label));
+function getSelectWidth(value, pxPerChar) {
+  const label = _libphonenumberjs.getCountryCallingCode.call(void 0, value);
+  const chars = label.length;
+  return chars * pxPerChar + 30;
+}
+function PhoneInput({
+  typography,
+  onChange: onChangeProp,
+  pxPerChar = 6
+}) {
+  const [countryCode, setCountryCode] = _react.useState.call(void 0, "US");
+  const [value, setValue] = _react.useState.call(void 0, "");
+  const [width, setWidth] = _react.useState.call(void 0, getSelectWidth(countryCode, pxPerChar));
+  const [wasBlurred, setWasBlurred] = _react.useState.call(void 0, false);
+  const onChangeSelect = _react.useCallback.call(void 0, 
+    (newValue) => {
+      setCountryCode(newValue);
+      const newWidth = getSelectWidth(newValue, pxPerChar);
+      setWidth(newWidth);
+    },
+    [setCountryCode, setWidth, pxPerChar]
+  );
+  const options = defaultOptions.map((option) => {
+    if (option.value === countryCode) {
+      return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, option), {
+        label: `+ ${_libphonenumberjs.getCountryCallingCode.call(void 0, countryCode)}`
+      });
+    }
+    return option;
+  });
+  const onChange = _react.useCallback.call(void 0, 
+    (newValue) => {
+      const parsedValue = newValue.startsWith("+") ? newValue.slice(1) : newValue;
+      const formatter2 = new (0, _libphonenumberjs.AsYouType)(countryCode);
+      const formattedValue2 = formatter2.input(parsedValue);
+      setValue(formattedValue2);
+      const phoneNumber = formatter2.getNumber();
+      if (onChangeProp && phoneNumber) {
+        onChangeProp({
+          number: phoneNumber.number,
+          formatted: formattedValue2,
+          isValid: phoneNumber.isValid()
+        });
+      }
+    },
+    [setValue, countryCode, onChangeProp]
+  );
+  const formatter = new (0, _libphonenumberjs.AsYouType)(countryCode);
+  const formattedValue = formatter.input(value);
+  const isValidPhone = formatter.isValid();
+  const error = !isValidPhone && wasBlurred ? "Please enter a valid phone number." : void 0;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkMJ4HZKPZcjs.TextInput,
+    {
+      select: {
+        options,
+        value: countryCode,
+        onChange: onChangeSelect,
+        width
+      },
+      pattern: "[0-9,]*",
+      inputMode: "numeric",
+      value: formattedValue,
+      onBlur: () => setWasBlurred(true),
+      onChange,
+      error,
+      typography
+    }
+  );
+}
+
+
+
+exports.PhoneInput = PhoneInput;

package/dist/chunk-UZK5AYDL.cjs

@@ -0,0 +1,124 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/GraphQLTwoTone.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function GraphQLTwoTone() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 22 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M1.58766 17.6612L2.4502 18.1592L12.0591 1.51639L11.1966 1.01839L1.58766 17.6612Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M20.6095 16.3309H1.3916V17.3269H20.6095V16.3309Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M1.76929 16.8913L11.3818 22.4413L11.8798 21.5787L2.26729 16.0288L1.76929 16.8913Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M10.1199 2.42546L19.7324 7.97546L20.2304 7.11293L10.6179 1.56293L10.1199 2.42546Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M1.77056 7.10902L2.26855 7.97156L11.8811 2.42156L11.3831 1.55902L1.77056 7.10902Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M9.94574 1.51639L19.5547 18.1592L20.4172 17.6612L10.8083 1.01839L9.94574 1.51639Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M3.14834 6.45007H2.15234V17.5501H3.14834V6.45007Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M19.8515 6.45007H18.8555V17.5501H19.8515V6.45007Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M10.7779 21.266L11.2129 22.0194L19.5732 17.1924L19.1382 16.439L10.7779 21.266Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M21.1713 17.874C20.5953 18.876 19.3113 19.218 18.3093 18.642C17.3073 18.066 16.9653 16.782 17.5413 15.78C18.1173 14.778 19.4013 14.436 20.4033 15.012C21.4113 15.594 21.7533 16.872 21.1713 17.874Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M4.45548 8.21973C3.87948 9.22173 2.59549 9.56373 1.5935 8.98773C0.591502 8.41173 0.249504 7.12773 0.825501 6.12573C1.4015 5.12373 2.68549 4.78173 3.68748 5.35773C4.68948 5.93973 5.03148 7.21773 4.45548 8.21973Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M0.83136 17.874C0.255364 16.872 0.597361 15.594 1.59936 15.012C2.60135 14.436 3.87934 14.778 4.46134 15.78C5.03734 16.782 4.69534 18.06 3.69334 18.642C2.68535 19.218 1.40736 18.876 0.83136 17.874Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M17.5472 8.21973C16.9712 7.21773 17.3132 5.93973 18.3152 5.35773C19.3172 4.78173 20.5952 5.12373 21.1772 6.12573C21.7532 7.12773 21.4112 8.40573 20.4092 8.98773C19.4072 9.56373 18.1232 9.22173 17.5472 8.21973Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M11.0002 23.7477C9.84224 23.7477 8.90625 22.8117 8.90625 21.6537C8.90625 20.4957 9.84224 19.5597 11.0002 19.5597C12.1582 19.5597 13.0942 20.4957 13.0942 21.6537C13.0942 22.8057 12.1582 23.7477 11.0002 23.7477Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M11.0002 4.43983C9.84224 4.43983 8.90625 3.50383 8.90625 2.34583C8.90625 1.18783 9.84224 0.251831 11.0002 0.251831C12.1582 0.251831 13.0942 1.18783 13.0942 2.34583C13.0942 3.50383 12.1582 4.43983 11.0002 4.43983Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.GraphQLTwoTone = GraphQLTwoTone;

package/dist/chunk-V2VDB34C.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/RightArrow.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function RightArrow() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 12 10",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M1.01704 4.99993L10.9844 4.99993M10.9844 4.99993L6.98438 0.809448M10.9844 4.99993L6.98437 9.1904",
+          stroke: "currentColor",
+          strokeWidth: "1.33333",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.RightArrow = RightArrow;

package/dist/chunk-V3IFCHJZ.cjs

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/SemiCircleOverlap.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function SemiCircleOverlap() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 31 34",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M10.0472 14.9699C9.50375 14.4264 9.50375 13.5452 10.0472 13.0017C14.8217 8.22728 22.5626 8.22728 27.3371 13.0017C32.1115 17.7762 32.1115 25.5171 27.3371 30.2916C22.5626 35.066 14.8217 35.066 10.0472 30.2916C9.50375 29.7481 9.50375 28.8669 10.0472 28.3234C10.5907 27.7799 11.4719 27.7799 12.0154 28.3234C15.7029 32.0109 21.6815 32.0109 25.3689 28.3234C29.0564 24.6359 29.0564 18.6574 25.3689 14.9699C21.6815 11.2824 15.7029 11.2824 12.0154 14.9699C11.4719 15.5134 10.5907 15.5134 10.0472 14.9699Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M20.9351 18.9665C21.4786 19.51 21.4786 20.3912 20.9351 20.9347C16.1607 25.7091 8.41976 25.7091 3.6453 20.9347C-1.12916 16.1602 -1.12916 8.41927 3.6453 3.64481C8.41976 -1.12965 16.1607 -1.12965 20.9351 3.64481C21.4786 4.1883 21.4786 5.06948 20.9351 5.61297C20.3916 6.15647 19.5105 6.15647 18.967 5.61297C15.2795 1.9255 9.30093 1.9255 5.61346 5.61297C1.92599 9.30044 1.92599 15.279 5.61346 18.9665C9.30093 22.654 15.2795 22.654 18.967 18.9665C19.5105 18.423 20.3916 18.423 20.9351 18.9665Z",
+            fill: "#00AD54"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.SemiCircleOverlap = SemiCircleOverlap;