@kaio-xyz/design-system 1.1.144 → 1.1.145

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -15,7 +15,6 @@ var RTabs = require('@radix-ui/react-tabs');
15
15
  var CurrencyInput = require('react-currency-input-field');
16
16
  var NextJsLink = require('next/link');
17
17
  var NProgress = require('nprogress');
18
- var KaioLogoLight = require('@/asset/images/kaio-logo-light.svg');
19
18
 
20
19
  function _interopNamespaceDefault(e) {
21
20
  var n = Object.create(null);
@@ -134,9 +133,9 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
134
133
  };
135
134
 
136
135
  var _path$f;
137
- function _extends$g() { return _extends$g = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$g.apply(null, arguments); }
136
+ function _extends$h() { return _extends$h = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$h.apply(null, arguments); }
138
137
  var SvgCheck = function SvgCheck(props) {
139
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
138
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
140
139
  width: 24,
141
140
  height: 24,
142
141
  fill: "none",
@@ -148,9 +147,9 @@ var SvgCheck = function SvgCheck(props) {
148
147
  };
149
148
 
150
149
  var _path$e;
151
- function _extends$f() { return _extends$f = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$f.apply(null, arguments); }
150
+ function _extends$g() { return _extends$g = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$g.apply(null, arguments); }
152
151
  var SvgCircleDashed = function SvgCircleDashed(props) {
153
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
152
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
154
153
  width: 24,
155
154
  height: 24,
156
155
  fill: "none",
@@ -162,9 +161,9 @@ var SvgCircleDashed = function SvgCircleDashed(props) {
162
161
  };
163
162
 
164
163
  var _path$d;
165
- function _extends$e() { return _extends$e = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$e.apply(null, arguments); }
164
+ function _extends$f() { return _extends$f = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$f.apply(null, arguments); }
166
165
  var SvgCross = function SvgCross(props) {
167
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
166
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
168
167
  width: 24,
169
168
  height: 24,
170
169
  fill: "none",
@@ -176,9 +175,9 @@ var SvgCross = function SvgCross(props) {
176
175
  };
177
176
 
178
177
  var _path$c;
179
- function _extends$d() { return _extends$d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$d.apply(null, arguments); }
178
+ function _extends$e() { return _extends$e = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$e.apply(null, arguments); }
180
179
  var SvgDeny = function SvgDeny(props) {
181
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
180
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
182
181
  width: 24,
183
182
  height: 24,
184
183
  fill: "none",
@@ -190,9 +189,9 @@ var SvgDeny = function SvgDeny(props) {
190
189
  };
191
190
 
192
191
  var _path$b, _path2$4, _path3$2;
193
- function _extends$c() { return _extends$c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$c.apply(null, arguments); }
192
+ function _extends$d() { return _extends$d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$d.apply(null, arguments); }
194
193
  var SvgInfo = function SvgInfo(props) {
195
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
194
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
196
195
  width: 24,
197
196
  height: 24,
198
197
  fill: "none",
@@ -210,9 +209,9 @@ var SvgInfo = function SvgInfo(props) {
210
209
  };
211
210
 
212
211
  var _path$a;
213
- function _extends$b() { return _extends$b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$b.apply(null, arguments); }
212
+ function _extends$c() { return _extends$c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$c.apply(null, arguments); }
214
213
  var SvgLoader = function SvgLoader(props) {
215
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
214
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
216
215
  width: 24,
217
216
  height: 24,
218
217
  fill: "none",
@@ -224,9 +223,9 @@ var SvgLoader = function SvgLoader(props) {
224
223
  };
225
224
 
226
225
  var _path$9;
227
- function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
226
+ function _extends$b() { return _extends$b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$b.apply(null, arguments); }
228
227
  var SvgWarning = function SvgWarning(props) {
229
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
228
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
230
229
  width: 24,
231
230
  height: 24,
232
231
  fill: "none",
@@ -238,9 +237,9 @@ var SvgWarning = function SvgWarning(props) {
238
237
  };
239
238
 
240
239
  var _path$8, _path2$3, _path3$1, _path4;
241
- function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
240
+ function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
242
241
  var SvgEyeClosed = function SvgEyeClosed(props) {
243
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
242
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
244
243
  width: 24,
245
244
  height: 24,
246
245
  fill: "none",
@@ -261,9 +260,9 @@ var SvgEyeClosed = function SvgEyeClosed(props) {
261
260
  };
262
261
 
263
262
  var _path$7, _path2$2;
264
- function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$8.apply(null, arguments); }
263
+ function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
265
264
  var SvgEyeOpen = function SvgEyeOpen(props) {
266
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
265
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
267
266
  width: 24,
268
267
  height: 24,
269
268
  fill: "none",
@@ -278,9 +277,9 @@ var SvgEyeOpen = function SvgEyeOpen(props) {
278
277
  };
279
278
 
280
279
  var _path$6;
281
- function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$7.apply(null, arguments); }
280
+ function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$8.apply(null, arguments); }
282
281
  var SvgChevronGrabber = function SvgChevronGrabber(props) {
283
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
282
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
284
283
  width: 24,
285
284
  height: 24,
286
285
  fill: "none",
@@ -292,9 +291,9 @@ var SvgChevronGrabber = function SvgChevronGrabber(props) {
292
291
  };
293
292
 
294
293
  var _path$5;
295
- function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$6.apply(null, arguments); }
294
+ function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$7.apply(null, arguments); }
296
295
  var SvgMinus = function SvgMinus(props) {
297
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
296
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
298
297
  width: 24,
299
298
  height: 24,
300
299
  fill: "none",
@@ -306,9 +305,9 @@ var SvgMinus = function SvgMinus(props) {
306
305
  };
307
306
 
308
307
  var _path$4;
309
- function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
308
+ function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$6.apply(null, arguments); }
310
309
  var SvgClipboard = function SvgClipboard(props) {
311
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
310
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
312
311
  width: 24,
313
312
  height: 24,
314
313
  fill: "none",
@@ -320,9 +319,9 @@ var SvgClipboard = function SvgClipboard(props) {
320
319
  };
321
320
 
322
321
  var _path$3, _path2$1;
323
- function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
322
+ function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
324
323
  var SvgLoadingCircle = function SvgLoadingCircle(props) {
325
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
324
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
326
325
  width: 24,
327
326
  height: 24,
328
327
  fill: "none",
@@ -338,9 +337,9 @@ var SvgLoadingCircle = function SvgLoadingCircle(props) {
338
337
  };
339
338
 
340
339
  var _path$2;
341
- function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
340
+ function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
342
341
  var SvgArrowDownRight = function SvgArrowDownRight(props) {
343
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
342
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
344
343
  width: 24,
345
344
  height: 24,
346
345
  fill: "none",
@@ -352,9 +351,9 @@ var SvgArrowDownRight = function SvgArrowDownRight(props) {
352
351
  };
353
352
 
354
353
  var _path$1;
355
- function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
354
+ function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
356
355
  var SvgArrowUpRight = function SvgArrowUpRight(props) {
357
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
356
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
358
357
  width: 24,
359
358
  height: 24,
360
359
  fill: "none",
@@ -366,9 +365,9 @@ var SvgArrowUpRight = function SvgArrowUpRight(props) {
366
365
  };
367
366
 
368
367
  var _path, _path2, _path3;
369
- function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
368
+ function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
370
369
  var SvgLock = function SvgLock(props) {
371
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
370
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
372
371
  width: 24,
373
372
  height: 24,
374
373
  fill: "none",
@@ -385,15 +384,15 @@ var SvgLock = function SvgLock(props) {
385
384
  })));
386
385
  };
387
386
 
388
- var _g;
389
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
387
+ var _g$1;
388
+ function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
390
389
  var SvgLoginLogo = function SvgLoginLogo(props) {
391
- return /*#__PURE__*/React__namespace.createElement("svg", _extends({
390
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
392
391
  width: 444,
393
392
  height: 499,
394
393
  fill: "none",
395
394
  xmlns: "http://www.w3.org/2000/svg"
396
- }, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
395
+ }, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
397
396
  opacity: 0.02
398
397
  }, /*#__PURE__*/React__namespace.createElement("path", {
399
398
  d: "M293.797 -157V18.8319L196.617 -127.744L134.561 -83.6628L230.182 58.6491H278.905C282.222 58.6491 285.34 60.2892 287.197 63.044L298.375 79.6402H361.758V-157H293.797Z",
@@ -1686,11 +1685,60 @@ var useLogin = function (_a) {
1686
1685
  };
1687
1686
  };
1688
1687
 
1688
+ var _g, _defs;
1689
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
1690
+ var SvgKaioLogoLight = function SvgKaioLogoLight(props) {
1691
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends({
1692
+ width: 114,
1693
+ height: 30,
1694
+ fill: "none",
1695
+ xmlns: "http://www.w3.org/2000/svg"
1696
+ }, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
1697
+ clipPath: "url(#clip0_2343_28983)"
1698
+ }, /*#__PURE__*/React__namespace.createElement("path", {
1699
+ d: "M13.436 0V8.0411L8.99174 1.33793L6.15381 3.35384L10.5268 9.86201H12.7549C12.9066 9.86201 13.0492 9.93701 13.1341 10.063L13.6453 10.822H16.5439V0H13.436Z",
1700
+ fill: "white"
1701
+ }), /*#__PURE__*/React__namespace.createElement("path", {
1702
+ d: "M1.05266 8.78353L8.09367 12.7988L0 13.2593L0.345831 16.6941L8.23624 16.2067L9.34806 14.2972C9.4239 14.1668 9.56042 14.0828 9.7121 14.0723L10.6313 14.0123L12.0829 11.5299L2.60284 6.11816L1.05266 8.78353Z",
1703
+ fill: "white"
1704
+ }), /*#__PURE__*/React__namespace.createElement("path", {
1705
+ d: "M2.54843 23.7828L9.58943 19.7614L5.94001 26.9146L9.12984 28.3396L12.6428 21.3379L11.5264 19.4286C11.4506 19.2981 11.4445 19.1391 11.5127 19.0041L11.9192 18.1911L10.4677 15.7087L0.992188 21.1174L2.54843 23.7828Z",
1706
+ fill: "white"
1707
+ }), /*#__PURE__*/React__namespace.createElement("path", {
1708
+ d: "M16.4292 21.9575L20.8795 28.6605L23.7174 26.6446L19.3444 20.132H17.1102C16.9585 20.132 16.8175 20.057 16.7326 19.9325L16.2214 19.1781H13.3228V30H16.4292V21.9575Z",
1709
+ fill: "white"
1710
+ }), /*#__PURE__*/React__namespace.createElement("path", {
1711
+ d: "M28.8178 21.215L21.7767 17.1936L29.8644 16.7376L29.5186 13.3029L21.6327 13.7903L20.5164 15.7013C20.4404 15.8318 20.304 15.9158 20.1522 15.9248L19.2331 15.9848L17.7861 18.4671L27.26 23.8803L28.8162 21.215H28.8178Z",
1712
+ fill: "white"
1713
+ }), /*#__PURE__*/React__namespace.createElement("path", {
1714
+ d: "M27.3225 6.21571L20.2815 10.237L23.9248 3.08388L20.741 1.65894L17.228 8.66059L18.34 10.5715C18.4158 10.7005 18.4203 10.8595 18.3536 10.993L17.9501 11.8074L19.3971 14.2898L28.871 8.88108L27.321 6.21571H27.3225Z",
1715
+ fill: "white"
1716
+ }), /*#__PURE__*/React__namespace.createElement("path", {
1717
+ d: "M112.709 8.3931C111.874 6.60707 110.678 5.23395 109.149 4.30362C107.626 3.37329 105.816 2.90564 103.769 2.90564C101.723 2.90564 99.9128 3.37329 98.3844 4.30362C96.8559 5.23395 95.6592 6.60707 94.8245 8.3931C93.995 10.1692 93.5776 12.393 93.5776 14.9999C93.5776 17.6068 94 19.8058 94.8245 21.5918C95.6592 23.3878 96.8559 24.7709 98.3844 25.6963C99.9078 26.6266 101.718 27.0941 103.769 27.0941C105.821 27.0941 107.626 26.6266 109.149 25.6963C110.678 24.7658 111.874 23.3878 112.709 21.5918C113.539 19.8058 113.956 17.587 113.956 14.9999C113.956 12.4129 113.534 10.1692 112.709 8.3931ZM106.922 22.756C106.037 23.3032 104.976 23.5868 103.774 23.5868C102.573 23.5868 101.537 23.3083 100.642 22.756C99.742 22.2037 99.033 21.4226 98.5251 20.4227C98.0224 19.4177 97.7609 18.2188 97.7609 16.8457V13.1542C97.7609 11.7612 98.0173 10.5473 98.5251 9.54233C99.028 8.54732 99.742 7.77122 100.637 7.22894C101.537 6.68666 102.588 6.41305 103.774 6.41305C104.961 6.41305 106.037 6.68666 106.927 7.22397C107.817 7.76624 108.516 8.54235 109.024 9.53735C109.526 10.5423 109.788 11.7562 109.788 13.1492V16.8407C109.788 18.2138 109.531 19.4128 109.024 20.4178C108.521 21.4127 107.812 22.1987 106.927 22.751L106.922 22.756Z",
1718
+ fill: "white"
1719
+ }), /*#__PURE__*/React__namespace.createElement("path", {
1720
+ d: "M50.6239 15.0598C50.4277 14.7762 50.0607 14.6518 49.7339 14.7762L48.125 15.3632C47.8435 15.4628 47.6122 15.1244 47.8183 14.9105L57.9546 3.30379H53.2535L46.7625 11.025L43.635 14.9255V3.29883H39.7183V26.6963H43.635V19.3234L46.6568 15.9355L53.7212 26.6119L53.7763 26.6963H58.5328L50.6239 15.0548V15.0598Z",
1721
+ fill: "white"
1722
+ }), /*#__PURE__*/React__namespace.createElement("path", {
1723
+ d: "M84.2139 3.38953V26.7921H88.1608V9.41755C88.1608 9.13397 87.9948 8.8703 87.7335 8.74094L85.9234 7.86535C85.6519 7.73599 85.7424 7.33301 86.0491 7.33301H88.1658V3.38953H84.2139Z",
1724
+ fill: "white"
1725
+ }), /*#__PURE__*/React__namespace.createElement("path", {
1726
+ d: "M59.613 26.7012H63.746L65.8477 20.3382H74.4405L76.5422 26.7012H80.5445L72.4444 3.30371H67.7029L67.6578 3.43307L59.603 26.7063L59.613 26.7012ZM66.8432 16.9254L70.1617 7.06981L73.4499 16.9254L73.9528 18.4377C74.0433 18.7114 73.6913 18.9054 73.5003 18.6915L72.1779 17.184C72.0321 17.0199 71.8259 16.9254 71.6047 16.9254H66.8432Z",
1727
+ fill: "white"
1728
+ }))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
1729
+ id: "clip0_2343_28983"
1730
+ }, /*#__PURE__*/React__namespace.createElement("rect", {
1731
+ width: 114,
1732
+ height: 30,
1733
+ fill: "white"
1734
+ })))));
1735
+ };
1736
+
1689
1737
  var style$1 = {"root":"login-layout-module__root__kF5mq","body":"login-layout-module__body__vmm5x","footer":"login-layout-module__footer__NHAE-","backgroundLogo":"login-layout-module__backgroundLogo__-wPXr"};
1690
1738
 
1691
1739
  var defaultFooter = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("p", { children: ["KAIO\u00A0", jsxRuntime.jsx("a", { href: "https://www.kaio.xyz/privacy-policy", target: "_blank", rel: "noreferrer", children: "Privacy Policy" }), ",\u00A0", jsxRuntime.jsx("a", { href: "https://www.kaio.xyz/terms-of-use", target: "_blank", rel: "noreferrer", children: "Disclaimer" }), "\u00A0and Terms of Conditions apply."] }), jsxRuntime.jsx("p", { children: "Alternative investments involve risk including loss of capital and are not suitable for all investors." })] }));
1692
1740
  var LoginLayout = function (_a) {
1693
- var children = _a.children, actions = _a.actions, header = _a.header, _b = _a.logo, logo = _b === void 0 ? jsxRuntime.jsx(KaioLogoLight, { width: 114, height: 30 }) : _b, _c = _a.backgroundIcon, backgroundIcon = _c === void 0 ? jsxRuntime.jsx(SvgLoginLogo, { width: 444, height: 499 }) : _c, _d = _a.footer, footer = _d === void 0 ? defaultFooter : _d;
1741
+ var children = _a.children, actions = _a.actions, header = _a.header, _b = _a.logo, logo = _b === void 0 ? jsxRuntime.jsx(SvgKaioLogoLight, { width: 114, height: 30 }) : _b, _c = _a.backgroundIcon, backgroundIcon = _c === void 0 ? jsxRuntime.jsx(SvgLoginLogo, { width: 444, height: 499 }) : _c, _d = _a.footer, footer = _d === void 0 ? defaultFooter : _d;
1694
1742
  return (jsxRuntime.jsxs("div", { className: style$1.root, children: [jsxRuntime.jsxs("div", { className: style$1.body, children: [jsxRuntime.jsxs(Stack, { space: "xl", children: [logo, jsxRuntime.jsxs(Stack, { children: [header, jsxRuntime.jsx(Stack, { children: children })] })] }), actions, footer && jsxRuntime.jsx("div", { className: style$1.footer, children: footer })] }), backgroundIcon && (jsxRuntime.jsx("div", { className: style$1.backgroundLogo, children: backgroundIcon }))] }));
1695
1743
  };
1696
1744