@lightsparkdev/ui 1.1.1 → 1.1.2

package/dist/{chunk-AEJVUUYW.js → chunk-E5PZI3R6.js}

@@ -1,18 +1,18 @@
 import {
   Filter
-} from "./chunk-K7OIWNQA.js";
+} from "./chunk-CSQII7YP.js";
 import {
   Select_default
-} from "./chunk-YVINHMMA.js";
+} from "./chunk-ZHKLSHFU.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-2OE2VPDJ.js";
+} from "./chunk-ADV4UT4X.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
 import {
   __spreadProps,
   __spreadValues
@@ -63,7 +63,7 @@ var EnumFilter = ({
       Select_default,
       {
         zIndex: z.dropdown + 1,
-        placeholder: "Select event",
+        placeholder: "Select value",
         options,
         onChange: (option) => {
           if (option) {

package/dist/{chunk-QOLXSB37.cjs → chunk-E73KOBFO.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkXQNOVNF4cjs = require('./chunk-XQNOVNF4.cjs');
+var _chunkXIFHBLNQcjs = require('./chunk-XIFHBLNQ.cjs');
 
 // src/components/StatusIndicator.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -15,7 +15,7 @@ function StatusIndicator({
 }
 var StyledStatusIndicator = _styled2.default.div`
   color: ${({ theme, color }) => theme[color]};
-  font-size: ${({ size }) => _chunkXQNOVNF4cjs.pxToRems.call(void 0, size)};
+  font-size: ${({ size }) => _chunkXIFHBLNQcjs.pxToRems.call(void 0, size)};
   font-weight: ${({ fontWeight }) => fontWeight};
 `;
 

package/dist/{chunk-BDL3A6DZ.js → chunk-E7KQDR6U.js}

@@ -8,22 +8,22 @@ import {
 } from "./chunk-FZUV52PP.js";
 import {
   NextLink
-} from "./chunk-O7SUJOVJ.js";
-import {
-  CurrencyAmount
-} from "./chunk-4FGWW3A2.js";
+} from "./chunk-U5XHY2DK.js";
 import {
   ClipboardTextField
-} from "./chunk-UQ3PKWPK.js";
+} from "./chunk-MKERXZUC.js";
+import {
+  CurrencyAmount
+} from "./chunk-SUUX24ML.js";
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-JWFDHULW.js";
 import {
   Link
-} from "./chunk-PTJ7AVLT.js";
+} from "./chunk-YIEDSI2X.js";
 import {
   renderTypography
-} from "./chunk-UL6O4F7D.js";
+} from "./chunk-MSMN63ZY.js";
 import {
   stringToNodes
 } from "./chunk-2466FZJC.js";

package/dist/{chunk-EO4RGSN6.cjs → chunk-EBN2WCW3.cjs}

@@ -1,11 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ZapLite.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function ZapLite() {
+function ZapLite({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
-      width: "24",
-      height: "24",
+      width: "100%",
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -13,9 +16,10 @@ function ZapLite() {
         "path",
         {
           d: "M19.7977 8.74998H13.7499C13.4738 8.74998 13.2499 8.52612 13.2499 8.24998V2.35568C13.2499 1.86503 12.6168 1.6679 12.3383 2.07181L3.79055 14.4661C3.5618 14.7978 3.79923 15.25 4.20215 15.25H10.2499C10.526 15.25 10.7499 15.4739 10.7499 15.75V21.6443C10.7499 22.135 11.3829 22.3321 11.6615 21.9282L20.2093 9.53385C20.4381 9.20216 20.2006 8.74998 19.7977 8.74998Z",
-          stroke: "#16171A",
-          strokeWidth: "1.5",
-          strokeLinejoin: "round"
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-VXW4GOMO.cjs → chunk-ECFNSLYP.cjs}

@@ -1,34 +1,34 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk2VEWSENQcjs = require('./chunk-2VEWSENQ.cjs');
+var _chunkXMSQNWZKcjs = require('./chunk-XMSQNWZK.cjs');
 
 
-var _chunkYNBZC3U6cjs = require('./chunk-YNBZC3U6.cjs');
+var _chunkJRCDVJMMcjs = require('./chunk-JRCDVJMM.cjs');
 
 
-var _chunkR46DRG52cjs = require('./chunk-R46DRG52.cjs');
+var _chunkXWOTPLY4cjs = require('./chunk-XWOTPLY4.cjs');
 
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
 
 
-var _chunk7VSNXYK4cjs = require('./chunk-7VSNXYK4.cjs');
+var _chunk4DJ33XMZcjs = require('./chunk-4DJ33XMZ.cjs');
 
 
-var _chunkILL2GVLFcjs = require('./chunk-ILL2GVLF.cjs');
+var _chunkOBUN65IKcjs = require('./chunk-OBUN65IK.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkHEMGZE2Gcjs = require('./chunk-HEMGZE2G.cjs');
+var _chunkLDNG63AKcjs = require('./chunk-LDNG63AK.cjs');
 
 
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
 
 
 
@@ -51,6 +51,7 @@ var buttonKinds = [
   "ghost",
   "transparent",
   "green33",
+  "green37",
   "purple55",
   "blue43",
   "blue39",
@@ -62,17 +63,19 @@ var buttonKinds = [
   "roundSingleChar",
   "roundIcon",
   "gray",
-  "grayGradient"
+  "grayGradient",
+  "gray99",
+  "white21"
 ];
 function resolveBackgroundColorKey(theme, kind, defaultKey) {
   var _a;
   const defaultBackgroundColorKey = (_a = theme.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey];
   let backgroundColorKey = defaultBackgroundColorKey;
-  if (!backgroundColorKey && _chunkXUEKQQJVcjs.isThemeOrColorKey.call(void 0, kind)) {
+  if (!backgroundColorKey && _chunkQI7YHMJZcjs.isThemeOrColorKey.call(void 0, kind)) {
     backgroundColorKey = kind;
   }
   const defaultBackgroundColor = theme.buttons[defaultKey];
-  const backgroundColor = _chunkXUEKQQJVcjs.getBackgroundColor.call(void 0, 
+  const backgroundColor = _chunkQI7YHMJZcjs.getBackgroundColor.call(void 0, 
     theme,
     backgroundColorKey,
     defaultBackgroundColor
@@ -197,6 +200,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
     disabled = false,
     mt = 0,
     ml = 0,
+    mb = 0,
     type = "button",
     newTab = false,
     zIndex = void 0,
@@ -215,7 +219,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         typography,
         kind,
         paddingX,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2VEWSENQcjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXMSQNWZKcjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
       }
     );
   } else if (icon) {
@@ -228,7 +232,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         kind,
         paddingX,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk4N5EXQIScjs.Icon,
+          _chunk4JJ5GJLEcjs.Icon,
           _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, icon), {
             width: icon.width || defaultIconWidth,
             square: true,
@@ -257,7 +261,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
                 textOverflow: "ellipsis",
                 overflow: "hidden"
               },
-              children: _chunkILL2GVLFcjs.renderTypography.call(void 0, typography.type, {
+              children: _chunkOBUN65IKcjs.renderTypography.call(void 0, typography.type, {
                 children: text,
                 color: typography.color,
                 size
@@ -268,7 +272,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         ]
       })
     ),
-    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNBZC3U6cjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
+    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXWOTPLY4cjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
   ] });
   const commonProps = {
     id,
@@ -296,7 +300,8 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
     disabled: disabled || loading,
     css: {
       marginTop: mt ? typeof mt === "number" ? `${mt}px` : "auto" : void 0,
-      marginLeft: ml ? typeof ml === "number" ? `${ml}px` : "auto" : void 0
+      marginLeft: ml ? typeof ml === "number" ? `${ml}px` : "auto" : void 0,
+      marginBottom: mb ? typeof mb === "number" ? `${mb}px` : "auto" : void 0
     },
     newTab,
     borderRadius,
@@ -354,7 +359,7 @@ var buttonStyle = ({
 
     ${zIndex && `z-index: ${zIndex};`}
 
-    ${_chunkHEMGZE2Gcjs.applyTypography.call(void 0, 
+    ${_chunkLDNG63AKcjs.applyTypography.call(void 0, 
     theme,
     typography.type,
     typography.size,
@@ -362,7 +367,7 @@ var buttonStyle = ({
   )}
 
     &:focus-visible {
-      outline: ${_chunkU35SY546cjs.getFocusOutline.call(void 0, { theme })};
+      outline: ${_chunkO6BZRC56cjs.getFocusOutline.call(void 0, { theme })};
       /* Slightly different offset for buttons so the outline is visible: */
       outline-offset: 0px;
     }
@@ -402,9 +407,9 @@ var ButtonIcon = _styled2.default.div`
   ${({ iconSide, paddingX }) => `${iconSide}: ${paddingX}px;`}
 `;
 var LinkWithoutTypography = _react3.forwardRef.call(void 0, (props, ref) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7VSNXYK4cjs.Link, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { ref }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4DJ33XMZcjs.Link, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { ref }));
 });
-var StyledButton = _styled2.default.call(void 0, _chunkR46DRG52cjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunkJRCDVJMMcjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonLink = _styled2.default.call(void 0, LinkWithoutTypography)`

package/dist/chunk-ED4BFEWE.js

@@ -0,0 +1,48 @@
+// src/icons/central/EmptyStrength.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function EmptyStrengthIcon({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M11.6133 2C10.969 2 10.4467 2.52233 10.4467 3.16667V12.8333C10.4467 13.4777 10.969 14 11.6133 14H12.8333C13.4777 14 14 13.4777 14 12.8333V3.16667C14 2.52233 13.4777 2 12.8333 2H11.6133Z",
+            fill: "#B6BAC3"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M7.38677 5.55566C6.74244 5.55566 6.22009 6.078 6.22009 6.72234V12.8335C6.22009 13.4777 6.74244 14.0001 7.38677 14.0001H8.60677C9.25111 14.0001 9.77344 13.4777 9.77344 12.8334V6.72234C9.77344 6.078 9.25111 5.55566 8.60677 5.55566H7.38677Z",
+            fill: "#B6BAC3"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M3.16667 8.51855C2.52233 8.51855 2 9.04089 2 9.68522V12.8334C2 13.4778 2.52233 14.0001 3.16667 14.0001H4.38667C5.031 14.0001 5.55333 13.4778 5.55333 12.8334V9.68522C5.55333 9.04089 5.031 8.51855 4.38667 8.51855H3.16667Z",
+            fill: "#B6BAC3"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  EmptyStrengthIcon
+};

package/dist/{chunk-CE3IOBBS.js → chunk-EEZDWGJP.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-J44WQFQT.js";
+} from "./chunk-I6WJCP2T.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-JIV33B22.js → chunk-EJFILEWN.js}

@@ -1,6 +1,6 @@
 import {
   Label
-} from "./chunk-6O44WIUE.js";
+} from "./chunk-J7WU3WLQ.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

package/dist/{chunk-D2TOV5JJ.js → chunk-EOKBV2EI.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   overlaySurface
-} from "./chunk-ANZUTQRP.js";
+} from "./chunk-HQN2LS2G.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-EPDKLI6N.js

@@ -0,0 +1,33 @@
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-W7FAWX6T.js";
+
+// src/static/images/Logo.svg
+import * as React from "react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+var SvgLogo = (props) => /* @__PURE__ */ jsxs("svg", __spreadProps(__spreadValues({ width: "100%", viewBox: "0 0 693 128", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
+  /* @__PURE__ */ jsx("path", { d: "M59.9471 71.5352L6.66116 106.139H34.344L76.5013 78.7622V117.694L94.2937 106.14V71.5352H147.58L170.797 56.4578H110.847L164.132 21.8544L136.449 21.8544L94.2937 49.2302V10.3L76.5013 21.8545V56.4578H23.2171L0 71.5352H59.9471Z", fill: "currentColor" }),
+  /* @__PURE__ */ jsx("path", { d: "M649.839 70.1027L673.44 43.5954H690.181L666.929 68.8238L692.855 106.143H676.346L657.512 78.9384L649.839 87.1929V106.143H636.004V21.8548H649.839V70.1027Z", fill: "currentColor" }),
+  /* @__PURE__ */ jsx("path", { d: "M628.922 43.2465C620.435 43.479 614.506 47.6644 611.483 54.8725V43.5953H597.997V106.143H611.832V73.9391C611.832 61.6156 616.715 56.9652 626.248 56.9652C627.992 56.9652 629.62 57.0814 631.945 57.4302V43.3628C630.899 43.2465 629.852 43.2465 628.922 43.2465Z", fill: "currentColor" }),
+  /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M575.614 52.896C571.777 46.2692 564.453 42.4326 555.734 42.4326C540.736 42.4326 528.761 54.5237 528.761 74.9854C528.761 95.5634 540.736 107.654 555.734 107.654C564.453 107.654 571.777 103.818 575.614 97.0748V106.143H589.565V43.5952H575.614V52.896ZM576.311 74.9854C576.311 90.0992 568.406 96.3772 559.686 96.3772C550.153 96.3772 543.526 88.7041 543.526 74.9854C543.526 61.383 550.153 53.7098 559.686 53.7098C568.406 53.7098 576.311 59.8716 576.311 74.9854Z", fill: "currentColor" }),
+  /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M478.653 124.297L464.818 126.488V43.5952H478.653V52.896C482.606 46.2692 489.814 42.4326 498.65 42.4326C513.647 42.4326 525.739 54.5237 525.739 74.9854C525.739 95.5634 513.647 107.654 498.65 107.654C489.814 107.654 482.606 103.818 478.653 97.0748V124.297ZM494.581 96.3772C504.23 96.3772 510.973 88.7041 510.973 74.9854C510.973 61.383 504.23 53.7098 494.581 53.7098C485.861 53.7098 478.072 59.8716 478.072 74.9854C478.072 90.0992 485.861 96.3772 494.581 96.3772Z", fill: "currentColor" }),
+  /* @__PURE__ */ jsx("path", { d: "M437.938 69.0562L428.056 67.1961C422.243 66.1497 419.22 64.1733 419.22 60.3368C419.22 55.3376 425.033 53.1286 431.195 53.1286C438.054 53.1286 443.519 55.4538 445.03 61.8481H458.632C456.54 49.1758 445.844 42.2002 432.125 42.2002C417.709 42.2002 405.734 48.9433 405.734 60.918C405.734 71.9627 414.686 76.6131 424.452 78.4733L434.45 80.3334C441.426 81.6123 446.076 83.9375 446.076 88.9367C446.076 93.9358 440.147 96.8423 432.59 96.8423C424.336 96.8423 419.453 93.122 417.825 85.9139H404.106C405.618 98.2375 415.965 107.654 432.358 107.654C447.82 107.654 459.679 100.563 459.679 87.5415C459.679 75.9156 450.843 71.4977 437.938 69.0562Z", fill: "currentColor" }),
+  /* @__PURE__ */ jsx("path", { d: "M338.444 53.71C329.027 53.71 323.795 60.2206 323.795 72.8929V106.143H309.96V24.0459L323.795 21.8549V52.5474C327.05 47.0832 333.445 42.4328 343.676 42.4328C359.138 42.4328 364.486 52.0824 364.486 67.3124V106.143H350.651V71.149C350.651 61.732 349.489 53.71 338.444 53.71Z", fill: "currentColor" }),
+  /* @__PURE__ */ jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M287.045 52.8961C283.092 46.2693 276.117 42.4327 267.397 42.4327C252.632 42.4327 240.425 53.5937 240.425 73.4741C240.425 93.5871 252.632 104.632 267.397 104.632C276.117 104.632 283.092 100.911 287.045 94.1684V101.376C287.045 112.654 281 117.072 271.583 117.072C263.328 117.072 259.492 113.816 257.748 108.468H243.913C246.238 120.792 256.12 128 271.583 128C289.138 128 300.764 119.397 300.764 99.1675V43.5953H287.045V52.8961ZM287.627 73.4741C287.627 88.0066 280.07 93.4708 271.35 93.4708C262.049 93.4708 255.19 86.6115 255.19 73.4741C255.19 60.5693 262.049 53.7099 271.35 53.7099C280.07 53.7099 287.627 59.0579 287.627 73.4741Z", fill: "currentColor" }),
+  /* @__PURE__ */ jsx("path", { d: "M376.13 89.7504C376.13 103.353 379.85 106.143 393.104 106.143H405.571L400.808 95.4472H397.173C391.011 95.4472 389.965 93.9358 389.965 87.6577V54.0587H402.521V43.5953H389.965V27.3189H376.13V43.5953H364.726L369.385 54.0587L376.13 54.0587V89.7504Z", fill: "currentColor" }),
+  /* @__PURE__ */ jsx("path", { d: "M221.053 106.143V43.5954H234.888V106.143H221.053Z", fill: "currentColor" }),
+  /* @__PURE__ */ jsx("path", { d: "M221.053 21.8548V35.5735H234.888V21.8548H221.053Z", fill: "currentColor" }),
+  /* @__PURE__ */ jsx("path", { d: "M197.488 21.8548V106.143H211.323V21.8548H197.488Z", fill: "currentColor" })
+] }));
+var Logo_default = SvgLogo;
+
+// src/icons/Logo.tsx
+import { jsx as jsx2 } from "@emotion/react/jsx-runtime";
+function Logo() {
+  return /* @__PURE__ */ jsx2(Logo_default, {});
+}
+
+export {
+  Logo
+};

package/dist/{chunk-355DFDX6.cjs → chunk-F3XKQJC5.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkJIUGPX3Acjs = require('./chunk-JIUGPX3A.cjs');
+var _chunk2XUU3FQ4cjs = require('./chunk-2XUU3FQ4.cjs');
 
 
-var _chunk6N7XRYZDcjs = require('./chunk-6N7XRYZD.cjs');
+var _chunkHW7ECH4Ncjs = require('./chunk-HW7ECH4N.cjs');
 
 
 
@@ -241,7 +241,7 @@ function CodeInput({
     const inputId = getInputId(i);
     inputs.push(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkJIUGPX3Acjs.SingleCodeInput,
+        _chunk2XUU3FQ4cjs.SingleCodeInput,
         {
           value: inputState[inputId].value,
           id: inputId,
@@ -316,7 +316,7 @@ var CodeInputGroup = _styled2.default.div`
 var CodeInputGroupSeparator = _styled2.default.div`
   width: ${separatorWidth}px;
   height: 4px;
-  background-color: ${_chunk6N7XRYZDcjs.textInputBorderColor};
+  background-color: ${_chunkHW7ECH4Ncjs.textInputBorderColor};
   border-radius: 2px;
   margin: 0 ${separatorMargin}px;
 `;

package/dist/chunk-F6UJF3IX.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 _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.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", _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { width: "100%", viewBox: "0 0 693 128", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M59.9471 71.5352L6.66116 106.139H34.344L76.5013 78.7622V117.694L94.2937 106.14V71.5352H147.58L170.797 56.4578H110.847L164.132 21.8544L136.449 21.8544L94.2937 49.2302V10.3L76.5013 21.8545V56.4578H23.2171L0 71.5352H59.9471Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M649.839 70.1027L673.44 43.5954H690.181L666.929 68.8238L692.855 106.143H676.346L657.512 78.9384L649.839 87.1929V106.143H636.004V21.8548H649.839V70.1027Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M628.922 43.2465C620.435 43.479 614.506 47.6644 611.483 54.8725V43.5953H597.997V106.143H611.832V73.9391C611.832 61.6156 616.715 56.9652 626.248 56.9652C627.992 56.9652 629.62 57.0814 631.945 57.4302V43.3628C630.899 43.2465 629.852 43.2465 628.922 43.2465Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M575.614 52.896C571.777 46.2692 564.453 42.4326 555.734 42.4326C540.736 42.4326 528.761 54.5237 528.761 74.9854C528.761 95.5634 540.736 107.654 555.734 107.654C564.453 107.654 571.777 103.818 575.614 97.0748V106.143H589.565V43.5952H575.614V52.896ZM576.311 74.9854C576.311 90.0992 568.406 96.3772 559.686 96.3772C550.153 96.3772 543.526 88.7041 543.526 74.9854C543.526 61.383 550.153 53.7098 559.686 53.7098C568.406 53.7098 576.311 59.8716 576.311 74.9854Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M478.653 124.297L464.818 126.488V43.5952H478.653V52.896C482.606 46.2692 489.814 42.4326 498.65 42.4326C513.647 42.4326 525.739 54.5237 525.739 74.9854C525.739 95.5634 513.647 107.654 498.65 107.654C489.814 107.654 482.606 103.818 478.653 97.0748V124.297ZM494.581 96.3772C504.23 96.3772 510.973 88.7041 510.973 74.9854C510.973 61.383 504.23 53.7098 494.581 53.7098C485.861 53.7098 478.072 59.8716 478.072 74.9854C478.072 90.0992 485.861 96.3772 494.581 96.3772Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M437.938 69.0562L428.056 67.1961C422.243 66.1497 419.22 64.1733 419.22 60.3368C419.22 55.3376 425.033 53.1286 431.195 53.1286C438.054 53.1286 443.519 55.4538 445.03 61.8481H458.632C456.54 49.1758 445.844 42.2002 432.125 42.2002C417.709 42.2002 405.734 48.9433 405.734 60.918C405.734 71.9627 414.686 76.6131 424.452 78.4733L434.45 80.3334C441.426 81.6123 446.076 83.9375 446.076 88.9367C446.076 93.9358 440.147 96.8423 432.59 96.8423C424.336 96.8423 419.453 93.122 417.825 85.9139H404.106C405.618 98.2375 415.965 107.654 432.358 107.654C447.82 107.654 459.679 100.563 459.679 87.5415C459.679 75.9156 450.843 71.4977 437.938 69.0562Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M338.444 53.71C329.027 53.71 323.795 60.2206 323.795 72.8929V106.143H309.96V24.0459L323.795 21.8549V52.5474C327.05 47.0832 333.445 42.4328 343.676 42.4328C359.138 42.4328 364.486 52.0824 364.486 67.3124V106.143H350.651V71.149C350.651 61.732 349.489 53.71 338.444 53.71Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", clipRule: "evenodd", d: "M287.045 52.8961C283.092 46.2693 276.117 42.4327 267.397 42.4327C252.632 42.4327 240.425 53.5937 240.425 73.4741C240.425 93.5871 252.632 104.632 267.397 104.632C276.117 104.632 283.092 100.911 287.045 94.1684V101.376C287.045 112.654 281 117.072 271.583 117.072C263.328 117.072 259.492 113.816 257.748 108.468H243.913C246.238 120.792 256.12 128 271.583 128C289.138 128 300.764 119.397 300.764 99.1675V43.5953H287.045V52.8961ZM287.627 73.4741C287.627 88.0066 280.07 93.4708 271.35 93.4708C262.049 93.4708 255.19 86.6115 255.19 73.4741C255.19 60.5693 262.049 53.7099 271.35 53.7099C280.07 53.7099 287.627 59.0579 287.627 73.4741Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M376.13 89.7504C376.13 103.353 379.85 106.143 393.104 106.143H405.571L400.808 95.4472H397.173C391.011 95.4472 389.965 93.9358 389.965 87.6577V54.0587H402.521V43.5953H389.965V27.3189H376.13V43.5953H364.726L369.385 54.0587L376.13 54.0587V89.7504Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M221.053 106.143V43.5954H234.888V106.143H221.053Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M221.053 21.8548V35.5735H234.888V21.8548H221.053Z", fill: "currentColor" }),
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M197.488 21.8548V106.143H211.323V21.8548H197.488Z", 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-USA24CMU.cjs → chunk-FD2K6ENK.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk355DFDX6cjs = require('./chunk-355DFDX6.cjs');
+var _chunkF3XKQJC5cjs = require('./chunk-F3XKQJC5.cjs');
 
 // src/components/CardForm/CardFormCodeInput.tsx
 var _react = require('@emotion/react');
@@ -12,7 +12,7 @@ function CardFormCodeInput({
   onBlur
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk355DFDX6cjs.CodeInput,
+    _chunkF3XKQJC5cjs.CodeInput,
     {
       codeLength: 6,
       onSubmit,

package/dist/{chunk-VHX4V2EN.js → chunk-FEICMA3U.js}

@@ -1,9 +1,9 @@
 import {
   standardBorderRadius
-} from "./chunk-ANZUTQRP.js";
+} from "./chunk-HQN2LS2G.js";
 import {
   themeOr
-} from "./chunk-33OPRYWV.js";
+} from "./chunk-NF6LGARO.js";
 
 // src/components/ProgressBar.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-CLSOA767.cjs → chunk-FK42QU3U.cjs}

@@ -3,13 +3,13 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkXQNOVNF4cjs = require('./chunk-XQNOVNF4.cjs');
+var _chunkXIFHBLNQcjs = require('./chunk-XIFHBLNQ.cjs');
 
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
 
 // src/components/Collapsible.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -54,7 +54,7 @@ function Collapsible({
         {
           isOpen,
           useCustomIcon: openIcon !== void 0 && closeIcon !== void 0,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { width: iconWidth, name: iconName })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JJ5GJLEcjs.Icon, { width: iconWidth, name: iconName })
         }
       )
     ] }),
@@ -73,7 +73,7 @@ var StyledCollapsibleButton = _styled2.default.button`
   background: none;
   border: none;
   cursor: pointer;
-  ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkO6BZRC56cjs.standardBorderRadius.call(void 0, 8)}
   padding: 0;
 `;
 var IconContainer = _styled2.default.div`
@@ -95,7 +95,7 @@ var CollapsingContainer = _styled2.default.div`
   ${(props) => props.isOpen ? `height: 100%; animation-name: fadeIn;` : `height: 0; animation-name: fadeOut;`}
   ${(props) => props.full ? `height: ${props.isOpen ? "100vh" : 0};` : ""}
 
-  ${_chunkXQNOVNF4cjs.overflowAutoWithoutScrollbars}
+  ${_chunkXIFHBLNQcjs.overflowAutoWithoutScrollbars}
 
   @keyframes fadeIn {
     from {

package/dist/{chunk-J2OW4W7T.cjs → chunk-FRX5ZBIV.cjs}

@@ -3,28 +3,28 @@
 var _chunk4VVPSX5Ocjs = require('./chunk-4VVPSX5O.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
 
 
-var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
+var _chunkKOGW3LJCcjs = require('./chunk-KOGW3LJC.cjs');
 
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunk7VSNXYK4cjs = require('./chunk-7VSNXYK4.cjs');
+var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
 
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunk4DJ33XMZcjs = require('./chunk-4DJ33XMZ.cjs');
 
 
-var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
 
 
-var _chunkK7HWTEGPcjs = require('./chunk-K7HWTEGP.cjs');
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
+var _chunkGICIJWP3cjs = require('./chunk-GICIJWP3.cjs');
 
 // src/components/Banner/Banner.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -65,11 +65,11 @@ function Banner({
   }, [onHeightChange, rect == null ? void 0 : rect.height]);
   let contentNode = null;
   if (content) {
-    const contentNodes = _chunk6OSTNEFIcjs.toReactNodes.call(void 0, content);
+    const contentNodes = _chunkKOGW3LJCcjs.toReactNodes.call(void 0, content);
     if (to) {
-      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7VSNXYK4cjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
+      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4DJ33XMZcjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
         contentNodes,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JJ5GJLEcjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
       ] }) });
     } else {
       contentNode = contentNodes;
@@ -138,9 +138,9 @@ var StyledBanner = _styled2.default.div`
 
   width: 100%;
   z-index: ${_chunkZU72XWNEcjs.z.notificationBanner};
-  color: ${_chunkK7HWTEGPcjs.colors.white};
+  color: ${_chunkGICIJWP3cjs.colors.white};
   font-weight: 500;
-  background-color: ${({ colorProp, theme }) => colorProp ? _chunkXUEKQQJVcjs.getColor.call(void 0, theme, colorProp) : "none"};
+  background-color: ${({ colorProp, theme }) => colorProp ? _chunkQI7YHMJZcjs.getColor.call(void 0, theme, colorProp) : "none"};
   ${({ blurScroll }) => blurScroll ? `
       background: rgba(249, 249, 249, 0.8);
       backdrop-filter: blur(32px);
@@ -150,7 +150,7 @@ var StyledBanner = _styled2.default.div`
   align-items: center;
   padding: ${({ hPadding, vPadding }) => `${vPadding}px ${hPadding}px`};
   min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "auto"};
-  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkXUEKQQJVcjs.getColor.call(void 0, theme, borderColor)};` : ""}
+  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkQI7YHMJZcjs.getColor.call(void 0, theme, borderColor)};` : ""}
 
   ${({ borderProgress }) => {
   if (typeof borderProgress === "number") {

package/dist/{chunk-YIT3HB4T.cjs → chunk-FUVI6AKG.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkSFVPZBMVcjs = require('./chunk-SFVPZBMV.cjs');
+var _chunkNN6GDACAcjs = require('./chunk-NN6GDACA.cjs');
 
 
-var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
+var _chunkKOGW3LJCcjs = require('./chunk-KOGW3LJC.cjs');
 
 // src/components/Checkbox.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -19,6 +19,9 @@ function Checkbox({
   id,
   label,
   mt = 0,
+  mb = 0,
+  ml = 0,
+  mr = 0,
   alignItems = "center",
   disabled = false,
   typography: typographyProp
@@ -28,11 +31,11 @@ function Checkbox({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Medium",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const nodesWithTypography = _chunkSFVPZBMVcjs.setDefaultReactNodesTypography.call(void 0, label, {
+  const nodesWithTypography = _chunkNN6GDACAcjs.setDefaultReactNodesTypography.call(void 0, label, {
     default: defaultTypography
   });
-  const content = _chunk6OSTNEFIcjs.toReactNodes.call(void 0, nodesWithTypography);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CheckboxContainer, { mt, alignItems, children: [
+  const content = _chunkKOGW3LJCcjs.toReactNodes.call(void 0, nodesWithTypography);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CheckboxContainer, { mt, mb, ml, mr, alignItems, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StyledCheckbox,
       {
@@ -72,6 +75,9 @@ var StyledCheckbox = _styled2.default.input`
 var CheckboxContainer = _styled2.default.span`
   display: flex;
   ${({ mt }) => mt === 0 ? "" : `margin-top: ${mt}px;`}
+  ${({ mb }) => mb === 0 ? "" : `margin-bottom: ${mb}px;`}
+  ${({ ml }) => ml === 0 ? "" : `margin-left: ${ml}px;`}
+  ${({ mr }) => mr === 0 ? "" : `margin-right: ${mr}px;`}
   align-items: ${({ alignItems }) => alignItems};
 
   & + & {