@kaio-xyz/design-system 1.1.142 → 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.
Files changed (5) hide show
  1. package/dist/index.cjs.js +86 -37
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +86 -37
  4. package/dist/index.esm.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -133,9 +133,9 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
133
133
  };
134
134
 
135
135
  var _path$f;
136
- 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); }
137
137
  var SvgCheck = function SvgCheck(props) {
138
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
138
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
139
139
  width: 24,
140
140
  height: 24,
141
141
  fill: "none",
@@ -147,9 +147,9 @@ var SvgCheck = function SvgCheck(props) {
147
147
  };
148
148
 
149
149
  var _path$e;
150
- 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); }
151
151
  var SvgCircleDashed = function SvgCircleDashed(props) {
152
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
152
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
153
153
  width: 24,
154
154
  height: 24,
155
155
  fill: "none",
@@ -161,9 +161,9 @@ var SvgCircleDashed = function SvgCircleDashed(props) {
161
161
  };
162
162
 
163
163
  var _path$d;
164
- 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); }
165
165
  var SvgCross = function SvgCross(props) {
166
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
166
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
167
167
  width: 24,
168
168
  height: 24,
169
169
  fill: "none",
@@ -175,9 +175,9 @@ var SvgCross = function SvgCross(props) {
175
175
  };
176
176
 
177
177
  var _path$c;
178
- 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); }
179
179
  var SvgDeny = function SvgDeny(props) {
180
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
180
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
181
181
  width: 24,
182
182
  height: 24,
183
183
  fill: "none",
@@ -189,9 +189,9 @@ var SvgDeny = function SvgDeny(props) {
189
189
  };
190
190
 
191
191
  var _path$b, _path2$4, _path3$2;
192
- 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); }
193
193
  var SvgInfo = function SvgInfo(props) {
194
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
194
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
195
195
  width: 24,
196
196
  height: 24,
197
197
  fill: "none",
@@ -209,9 +209,9 @@ var SvgInfo = function SvgInfo(props) {
209
209
  };
210
210
 
211
211
  var _path$a;
212
- 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); }
213
213
  var SvgLoader = function SvgLoader(props) {
214
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
214
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
215
215
  width: 24,
216
216
  height: 24,
217
217
  fill: "none",
@@ -223,9 +223,9 @@ var SvgLoader = function SvgLoader(props) {
223
223
  };
224
224
 
225
225
  var _path$9;
226
- 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); }
227
227
  var SvgWarning = function SvgWarning(props) {
228
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
228
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
229
229
  width: 24,
230
230
  height: 24,
231
231
  fill: "none",
@@ -237,9 +237,9 @@ var SvgWarning = function SvgWarning(props) {
237
237
  };
238
238
 
239
239
  var _path$8, _path2$3, _path3$1, _path4;
240
- 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); }
241
241
  var SvgEyeClosed = function SvgEyeClosed(props) {
242
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
242
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
243
243
  width: 24,
244
244
  height: 24,
245
245
  fill: "none",
@@ -260,9 +260,9 @@ var SvgEyeClosed = function SvgEyeClosed(props) {
260
260
  };
261
261
 
262
262
  var _path$7, _path2$2;
263
- 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); }
264
264
  var SvgEyeOpen = function SvgEyeOpen(props) {
265
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
265
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
266
266
  width: 24,
267
267
  height: 24,
268
268
  fill: "none",
@@ -277,9 +277,9 @@ var SvgEyeOpen = function SvgEyeOpen(props) {
277
277
  };
278
278
 
279
279
  var _path$6;
280
- 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); }
281
281
  var SvgChevronGrabber = function SvgChevronGrabber(props) {
282
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
282
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
283
283
  width: 24,
284
284
  height: 24,
285
285
  fill: "none",
@@ -291,9 +291,9 @@ var SvgChevronGrabber = function SvgChevronGrabber(props) {
291
291
  };
292
292
 
293
293
  var _path$5;
294
- 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); }
295
295
  var SvgMinus = function SvgMinus(props) {
296
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
296
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
297
297
  width: 24,
298
298
  height: 24,
299
299
  fill: "none",
@@ -305,9 +305,9 @@ var SvgMinus = function SvgMinus(props) {
305
305
  };
306
306
 
307
307
  var _path$4;
308
- 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); }
309
309
  var SvgClipboard = function SvgClipboard(props) {
310
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
310
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
311
311
  width: 24,
312
312
  height: 24,
313
313
  fill: "none",
@@ -319,9 +319,9 @@ var SvgClipboard = function SvgClipboard(props) {
319
319
  };
320
320
 
321
321
  var _path$3, _path2$1;
322
- 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); }
323
323
  var SvgLoadingCircle = function SvgLoadingCircle(props) {
324
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
324
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
325
325
  width: 24,
326
326
  height: 24,
327
327
  fill: "none",
@@ -337,9 +337,9 @@ var SvgLoadingCircle = function SvgLoadingCircle(props) {
337
337
  };
338
338
 
339
339
  var _path$2;
340
- 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); }
341
341
  var SvgArrowDownRight = function SvgArrowDownRight(props) {
342
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
342
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
343
343
  width: 24,
344
344
  height: 24,
345
345
  fill: "none",
@@ -351,9 +351,9 @@ var SvgArrowDownRight = function SvgArrowDownRight(props) {
351
351
  };
352
352
 
353
353
  var _path$1;
354
- 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); }
355
355
  var SvgArrowUpRight = function SvgArrowUpRight(props) {
356
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
356
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
357
357
  width: 24,
358
358
  height: 24,
359
359
  fill: "none",
@@ -365,9 +365,9 @@ var SvgArrowUpRight = function SvgArrowUpRight(props) {
365
365
  };
366
366
 
367
367
  var _path, _path2, _path3;
368
- 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); }
369
369
  var SvgLock = function SvgLock(props) {
370
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
370
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
371
371
  width: 24,
372
372
  height: 24,
373
373
  fill: "none",
@@ -384,15 +384,15 @@ var SvgLock = function SvgLock(props) {
384
384
  })));
385
385
  };
386
386
 
387
- var _g;
388
- 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); }
389
389
  var SvgLoginLogo = function SvgLoginLogo(props) {
390
- return /*#__PURE__*/React__namespace.createElement("svg", _extends({
390
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
391
391
  width: 444,
392
392
  height: 499,
393
393
  fill: "none",
394
394
  xmlns: "http://www.w3.org/2000/svg"
395
- }, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
395
+ }, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
396
396
  opacity: 0.02
397
397
  }, /*#__PURE__*/React__namespace.createElement("path", {
398
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",
@@ -1685,11 +1685,60 @@ var useLogin = function (_a) {
1685
1685
  };
1686
1686
  };
1687
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
+
1688
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"};
1689
1738
 
1690
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." })] }));
1691
1740
  var LoginLayout = function (_a) {
1692
- var children = _a.children, actions = _a.actions, header = _a.header, logo = _a.logo, _b = _a.backgroundIcon, backgroundIcon = _b === void 0 ? jsxRuntime.jsx(SvgLoginLogo, {}) : _b, _c = _a.footer, footer = _c === void 0 ? defaultFooter : _c;
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;
1693
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 }))] }));
1694
1743
  };
1695
1744