@gearbox-protocol/ui-kit 3.14.0-next.25 → 3.14.0-next.27

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 (80) hide show
  1. package/dist/cjs/components/app-bar/app-bar.cjs +1 -1
  2. package/dist/cjs/components/assets-list-cell/assets-list-cell.cjs +1 -1
  3. package/dist/cjs/components/block-sync/block-sync.cjs +1 -1
  4. package/dist/cjs/components/block-sync-pill/block-sync-pill.cjs +1 -0
  5. package/dist/cjs/components/block-sync-pill/index.cjs +1 -0
  6. package/dist/cjs/components/checkbox/checkbox-labeled.cjs +1 -1
  7. package/dist/cjs/components/client-adapters/styled-rounded-image/styled-rounded-image.cjs +1 -1
  8. package/dist/cjs/components/complex-input/complex-input.cjs +1 -1
  9. package/dist/cjs/components/composites/pool-table/columns.cjs +1 -1
  10. package/dist/cjs/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.cjs +1 -1
  11. package/dist/cjs/components/composites/tx-preview/confirm/preview/OperationPreviewContent.cjs +1 -1
  12. package/dist/cjs/components/composites/tx-preview/operations/OperationsCard.cjs +1 -1
  13. package/dist/cjs/components/composites/tx-preview/operations/PoolDepositView.cjs +1 -1
  14. package/dist/cjs/components/composites/tx-preview/operations/PoolWithdrawView.cjs +1 -1
  15. package/dist/cjs/components/composites/tx-preview/state-change/BalanceChangeGroup.cjs +1 -1
  16. package/dist/cjs/components/composites/tx-preview/state-change/StateChangeCard.cjs +1 -1
  17. package/dist/cjs/components/compound-apy/compound-apy.cjs +1 -1
  18. package/dist/cjs/components/detailed-page-title/detailed-page-title.cjs +1 -1
  19. package/dist/cjs/components/index.cjs +1 -1
  20. package/dist/cjs/components/layout/app-footer/app-footer.cjs +1 -0
  21. package/dist/cjs/components/layout/app-footer/index.cjs +1 -0
  22. package/dist/cjs/components/layout/app-header/app-header.cjs +1 -0
  23. package/dist/cjs/components/layout/app-header/index.cjs +1 -0
  24. package/dist/cjs/components/layout/index.cjs +1 -1
  25. package/dist/cjs/components/loader-guard/loader-guard.cjs +1 -1
  26. package/dist/cjs/components/markdown-viewer/markdown-viewer.cjs +1 -1
  27. package/dist/cjs/components/time-to-liquidation/time-to-liquidation.cjs +1 -1
  28. package/dist/cjs/components/tokens-list-cell/tokens-list-cell.cjs +1 -1
  29. package/dist/cjs/components/with-copy/with-copy.cjs +1 -1
  30. package/dist/cjs/hooks/index.cjs +1 -1
  31. package/dist/cjs/hooks/use-filter.cjs +1 -1
  32. package/dist/cjs/index.cjs +1 -1
  33. package/dist/cjs/locale/en.json.cjs +1 -1
  34. package/dist/esm/components/app-bar/app-bar.js +1 -1
  35. package/dist/esm/components/assets-list-cell/assets-list-cell.js +4 -2
  36. package/dist/esm/components/block-sync/block-sync.js +4 -2
  37. package/dist/esm/components/block-sync-pill/block-sync-pill.js +241 -0
  38. package/dist/esm/components/block-sync-pill/index.js +4 -0
  39. package/dist/esm/components/checkbox/checkbox-labeled.js +2 -0
  40. package/dist/esm/components/client-adapters/styled-rounded-image/styled-rounded-image.js +2 -0
  41. package/dist/esm/components/complex-input/complex-input.js +4 -2
  42. package/dist/esm/components/composites/pool-table/columns.js +20 -18
  43. package/dist/esm/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js +4 -2
  44. package/dist/esm/components/composites/tx-preview/confirm/preview/OperationPreviewContent.js +4 -2
  45. package/dist/esm/components/composites/tx-preview/operations/OperationsCard.js +4 -2
  46. package/dist/esm/components/composites/tx-preview/operations/PoolDepositView.js +4 -2
  47. package/dist/esm/components/composites/tx-preview/operations/PoolWithdrawView.js +4 -2
  48. package/dist/esm/components/composites/tx-preview/state-change/BalanceChangeGroup.js +4 -2
  49. package/dist/esm/components/composites/tx-preview/state-change/StateChangeCard.js +4 -2
  50. package/dist/esm/components/compound-apy/compound-apy.js +4 -2
  51. package/dist/esm/components/detailed-page-title/detailed-page-title.js +2 -0
  52. package/dist/esm/components/index.js +735 -728
  53. package/dist/esm/components/layout/app-footer/app-footer.js +54 -0
  54. package/dist/esm/components/layout/app-footer/index.js +5 -0
  55. package/dist/esm/components/layout/app-header/app-header.js +98 -0
  56. package/dist/esm/components/layout/app-header/index.js +4 -0
  57. package/dist/esm/components/layout/index.js +32 -27
  58. package/dist/esm/components/loader-guard/loader-guard.js +7 -5
  59. package/dist/esm/components/markdown-viewer/markdown-viewer.js +4 -2
  60. package/dist/esm/components/time-to-liquidation/time-to-liquidation.js +2 -0
  61. package/dist/esm/components/tokens-list-cell/tokens-list-cell.js +4 -2
  62. package/dist/esm/components/with-copy/with-copy.js +4 -2
  63. package/dist/esm/hooks/index.js +50 -47
  64. package/dist/esm/hooks/use-filter.js +63 -29
  65. package/dist/esm/index.js +898 -888
  66. package/dist/esm/locale/en.json.js +3 -0
  67. package/dist/globals.css +1 -1
  68. package/dist/types/components/block-sync-pill/block-sync-pill.d.ts +35 -0
  69. package/dist/types/components/block-sync-pill/index.d.ts +1 -0
  70. package/dist/types/components/index.d.ts +1 -0
  71. package/dist/types/components/layout/app-footer/app-footer.d.ts +62 -0
  72. package/dist/types/components/layout/app-footer/index.d.ts +1 -0
  73. package/dist/types/components/layout/app-header/app-header.d.ts +63 -0
  74. package/dist/types/components/layout/app-header/index.d.ts +1 -0
  75. package/dist/types/components/layout/index.d.ts +2 -0
  76. package/dist/types/hooks/use-filter.d.ts +46 -0
  77. package/dist/types/index.d.ts +2 -0
  78. package/dist/types/locale/en.json.d.ts +4 -0
  79. package/dist/types/types/footer.d.ts +24 -3
  80. package/package.json +1 -1
@@ -113,6 +113,8 @@ import "lightweight-charts";
113
113
  import "../../graph/graph-view.js";
114
114
  import "../../health-factor/health-factor.js";
115
115
  import "../../horizontal-indicator/horizontal-indicator.js";
116
+ import "../../layout/app-footer/app-footer.js";
117
+ import "../../layout/app-header/app-header.js";
116
118
  import "../../layout/col/col.js";
117
119
  import "../../layout/container/container.js";
118
120
  import "../../layout/footer/footer.js";
@@ -114,6 +114,8 @@ import "lightweight-charts";
114
114
  import "../graph/graph-view.js";
115
115
  import "../health-factor/health-factor.js";
116
116
  import "../horizontal-indicator/horizontal-indicator.js";
117
+ import "../layout/app-footer/app-footer.js";
118
+ import "../layout/app-header/app-header.js";
117
119
  import "../layout/col/col.js";
118
120
  import "../layout/container/container.js";
119
121
  import "../layout/footer/footer.js";
@@ -164,7 +166,7 @@ import "../theme-provider.js";
164
166
  import "../time-to-liquidation/time-to-liquidation.js";
165
167
  import "../toggle/toggle.js";
166
168
  import "../with-filter-button/with-filter-button.js";
167
- function Di({
169
+ function Fi({
168
170
  titleProps: s,
169
171
  inputProps: a,
170
172
  balanceIndicatorProps: c
@@ -227,5 +229,5 @@ function Di({
227
229
  );
228
230
  }
229
231
  export {
230
- Di as ComplexInput
232
+ Fi as ComplexInput
231
233
  };
@@ -114,6 +114,8 @@ import "../../graph/graph-view.js";
114
114
  import "../../health-factor/health-factor.js";
115
115
  import "../../horizontal-indicator/horizontal-indicator.js";
116
116
  import "../../icon-button/icon-button.js";
117
+ import "../../layout/app-footer/app-footer.js";
118
+ import "../../layout/app-header/app-header.js";
117
119
  import "../../layout/col/col.js";
118
120
  import "../../layout/container/container.js";
119
121
  import "../../layout/footer/footer.js";
@@ -290,7 +292,7 @@ function R(o, t, i) {
290
292
  }
291
293
  );
292
294
  }
293
- function oe(o) {
295
+ function ie(o) {
294
296
  const { header: t, mobileTitle: i } = n(
295
297
  o,
296
298
  "components.poolTable.pool"
@@ -312,7 +314,7 @@ function oe(o) {
312
314
  mobileTitle: i
313
315
  };
314
316
  }
315
- function te(o) {
317
+ function ee(o) {
316
318
  const { header: t, mobileTitle: i } = n(
317
319
  o,
318
320
  "components.poolTable.supply"
@@ -328,7 +330,7 @@ function te(o) {
328
330
  mobileTitle: i
329
331
  };
330
332
  }
331
- function ie(o) {
333
+ function re(o) {
332
334
  const { header: t, headerTip: i, mobileTitle: e } = n(
333
335
  o,
334
336
  "components.poolTable.supplyApy",
@@ -366,7 +368,7 @@ function ie(o) {
366
368
  mobileTitle: e
367
369
  };
368
370
  }
369
- function ee(o) {
371
+ function le(o) {
370
372
  const { header: t, mobileTitle: i } = n(
371
373
  o,
372
374
  "components.poolTable.borrowed"
@@ -380,7 +382,7 @@ function ee(o) {
380
382
  mobileTitle: i
381
383
  };
382
384
  }
383
- function re(o) {
385
+ function me(o) {
384
386
  const { header: t, headerTip: i, mobileTitle: e } = n(
385
387
  o,
386
388
  "components.poolTable.borrowApy"
@@ -398,7 +400,7 @@ function re(o) {
398
400
  mobileTitle: e
399
401
  };
400
402
  }
401
- function le(o) {
403
+ function pe(o) {
402
404
  const { header: t, mobileTitle: i } = n(
403
405
  o,
404
406
  "components.poolTable.utilization"
@@ -417,7 +419,7 @@ function le(o) {
417
419
  mobileTitle: i
418
420
  };
419
421
  }
420
- function me(o) {
422
+ function ne(o) {
421
423
  const t = o?.maxAssets ?? 5, i = (m) => R(m, t, o?.options), { header: e, mobileTitle: l } = n(
422
424
  o,
423
425
  "components.poolTable.collateral"
@@ -433,7 +435,7 @@ function me(o) {
433
435
  mobileTitle: l
434
436
  };
435
437
  }
436
- function pe(o) {
438
+ function ae(o) {
437
439
  const { header: t, mobileTitle: i } = n(
438
440
  o,
439
441
  "components.poolTable.balance"
@@ -450,18 +452,18 @@ function pe(o) {
450
452
  mobileTitle: i
451
453
  };
452
454
  }
453
- function ne(o) {
455
+ function de(o) {
454
456
  return o;
455
457
  }
456
458
  export {
457
- pe as balanceColumn,
458
- re as borrowApyColumn,
459
- ee as borrowedColumn,
460
- me as collateralColumn,
461
- ne as customColumn,
459
+ ae as balanceColumn,
460
+ me as borrowApyColumn,
461
+ le as borrowedColumn,
462
+ ne as collateralColumn,
463
+ de as customColumn,
462
464
  F as defaultPoolName,
463
- oe as poolColumn,
464
- ie as supplyApyColumn,
465
- te as supplyColumn,
466
- le as utilizationColumn
465
+ ie as poolColumn,
466
+ re as supplyApyColumn,
467
+ ee as supplyColumn,
468
+ pe as utilizationColumn
467
469
  };
@@ -116,6 +116,8 @@ import "lightweight-charts";
116
116
  import "../../../../graph/graph-view.js";
117
117
  import "../../../../health-factor/health-factor.js";
118
118
  import "../../../../horizontal-indicator/horizontal-indicator.js";
119
+ import "../../../../layout/app-footer/app-footer.js";
120
+ import "../../../../layout/app-header/app-header.js";
119
121
  import "../../../../layout/col/col.js";
120
122
  import "../../../../layout/container/container.js";
121
123
  import "../../../../layout/footer/footer.js";
@@ -181,7 +183,7 @@ const v = c(
181
183
  defaultVariants: { position: "primary", size: "md" }
182
184
  }
183
185
  );
184
- function wr({
186
+ function Cr({
185
187
  label: p,
186
188
  amount: e,
187
189
  token: t,
@@ -218,5 +220,5 @@ function wr({
218
220
  );
219
221
  }
220
222
  export {
221
- wr as TransactionConfirmAmountField
223
+ Cr as TransactionConfirmAmountField
222
224
  };
@@ -116,6 +116,8 @@ import "lightweight-charts";
116
116
  import "../../../../graph/graph-view.js";
117
117
  import "../../../../health-factor/health-factor.js";
118
118
  import "../../../../horizontal-indicator/horizontal-indicator.js";
119
+ import "../../../../layout/app-footer/app-footer.js";
120
+ import "../../../../layout/app-header/app-header.js";
119
121
  import "../../../../layout/col/col.js";
120
122
  import "../../../../layout/container/container.js";
121
123
  import "../../../../layout/footer/footer.js";
@@ -166,7 +168,7 @@ import "../../../../toggle/toggle.js";
166
168
  import "../../../../with-filter-button/with-filter-button.js";
167
169
  import { OperationsCard as e } from "../../operations/OperationsCard.js";
168
170
  import { StateChangeCard as n } from "../../state-change/StateChangeCard.js";
169
- function lo({
171
+ function jo({
170
172
  sdk: r,
171
173
  operation: t,
172
174
  simulation: m,
@@ -188,5 +190,5 @@ function lo({
188
190
  ] });
189
191
  }
190
192
  export {
191
- lo as OperationPreviewContent
193
+ jo as OperationPreviewContent
192
194
  };
@@ -116,6 +116,8 @@ import "lightweight-charts";
116
116
  import "../../../graph/graph-view.js";
117
117
  import "../../../health-factor/health-factor.js";
118
118
  import "../../../horizontal-indicator/horizontal-indicator.js";
119
+ import "../../../layout/app-footer/app-footer.js";
120
+ import "../../../layout/app-header/app-header.js";
119
121
  import "../../../layout/col/col.js";
120
122
  import "../../../layout/container/container.js";
121
123
  import "../../../layout/footer/footer.js";
@@ -179,7 +181,7 @@ function l(o) {
179
181
  return o.operation;
180
182
  }
181
183
  }
182
- function Ot({
184
+ function Ct({
183
185
  sdk: o,
184
186
  transaction: r,
185
187
  wallet: i
@@ -187,6 +189,6 @@ function Ot({
187
189
  return n(r) ? /* @__PURE__ */ t(m, { value: "operations", title: l(r), children: /* @__PURE__ */ t(e, { sdk: o, operation: r, wallet: i }) }) : null;
188
190
  }
189
191
  export {
190
- Ot as OperationsCard,
192
+ Ct as OperationsCard,
191
193
  n as hasOperationView
192
194
  };
@@ -115,6 +115,8 @@ import "lightweight-charts";
115
115
  import "../../../graph/graph-view.js";
116
116
  import "../../../health-factor/health-factor.js";
117
117
  import "../../../horizontal-indicator/horizontal-indicator.js";
118
+ import "../../../layout/app-footer/app-footer.js";
119
+ import "../../../layout/app-header/app-header.js";
118
120
  import "../../../layout/col/col.js";
119
121
  import "../../../layout/container/container.js";
120
122
  import "../../../layout/footer/footer.js";
@@ -169,7 +171,7 @@ import { TransferList as u } from "../components/TransferList.js";
169
171
  import { buildPoolOperationLabels as v } from "../utils/addressLabels.js";
170
172
  import { resolveToken as m } from "../utils/poolTokenInfo.js";
171
173
  import { PoolRow as b } from "./PoolRow.js";
172
- function Ct({
174
+ function Vt({
173
175
  sdk: t,
174
176
  operation: r,
175
177
  wallet: i
@@ -197,5 +199,5 @@ function Ct({
197
199
  ] });
198
200
  }
199
201
  export {
200
- Ct as PoolDepositView
202
+ Vt as PoolDepositView
201
203
  };
@@ -115,6 +115,8 @@ import "lightweight-charts";
115
115
  import "../../../graph/graph-view.js";
116
116
  import "../../../health-factor/health-factor.js";
117
117
  import "../../../horizontal-indicator/horizontal-indicator.js";
118
+ import "../../../layout/app-footer/app-footer.js";
119
+ import "../../../layout/app-header/app-header.js";
118
120
  import "../../../layout/col/col.js";
119
121
  import "../../../layout/container/container.js";
120
122
  import "../../../layout/footer/footer.js";
@@ -169,7 +171,7 @@ import { TransferList as d } from "../components/TransferList.js";
169
171
  import { buildPoolOperationLabels as w } from "../utils/addressLabels.js";
170
172
  import { resolveToken as p } from "../utils/poolTokenInfo.js";
171
173
  import { PoolRow as c } from "./PoolRow.js";
172
- function Lm({
174
+ function gm({
173
175
  sdk: m,
174
176
  operation: r,
175
177
  wallet: e
@@ -191,5 +193,5 @@ function Lm({
191
193
  ] });
192
194
  }
193
195
  export {
194
- Lm as PoolWithdrawView
196
+ gm as PoolWithdrawView
195
197
  };
@@ -115,6 +115,8 @@ import "lightweight-charts";
115
115
  import "../../../graph/graph-view.js";
116
116
  import "../../../health-factor/health-factor.js";
117
117
  import "../../../horizontal-indicator/horizontal-indicator.js";
118
+ import "../../../layout/app-footer/app-footer.js";
119
+ import "../../../layout/app-header/app-header.js";
118
120
  import "../../../layout/col/col.js";
119
121
  import "../../../layout/container/container.js";
120
122
  import "../../../layout/footer/footer.js";
@@ -166,7 +168,7 @@ import "../../../with-filter-button/with-filter-button.js";
166
168
  import { getAddressLabel as a } from "../components/addressLabel.js";
167
169
  import { SectionDivider as l } from "../components/SectionDivider.js";
168
170
  import { BalanceChangeRow as n } from "./BalanceChangeRow.js";
169
- function hi({
171
+ function vi({
170
172
  sdk: m,
171
173
  group: o,
172
174
  labels: p
@@ -178,5 +180,5 @@ function hi({
178
180
  ] });
179
181
  }
180
182
  export {
181
- hi as BalanceChangeGroup
183
+ vi as BalanceChangeGroup
182
184
  };
@@ -117,6 +117,8 @@ import "lightweight-charts";
117
117
  import "../../../graph/graph-view.js";
118
118
  import "../../../health-factor/health-factor.js";
119
119
  import "../../../horizontal-indicator/horizontal-indicator.js";
120
+ import "../../../layout/app-footer/app-footer.js";
121
+ import "../../../layout/app-header/app-header.js";
120
122
  import "../../../layout/col/col.js";
121
123
  import "../../../layout/container/container.js";
122
124
  import "../../../layout/footer/footer.js";
@@ -168,7 +170,7 @@ import "../../../with-filter-button/with-filter-button.js";
168
170
  import { CollapsibleCard as p } from "../components/CollapsibleCard.js";
169
171
  import { PoolStateChangeCard as f } from "./PoolStateChangeCard.js";
170
172
  const m = "state-change", e = "State changes", h = "Transaction will revert";
171
- function Ro({
173
+ function xo({
172
174
  sdk: n,
173
175
  data: o,
174
176
  simulation: t,
@@ -193,5 +195,5 @@ function Ro({
193
195
  ) }) : null;
194
196
  }
195
197
  export {
196
- Ro as StateChangeCard
198
+ xo as StateChangeCard
197
199
  };
@@ -118,6 +118,8 @@ import "lightweight-charts";
118
118
  import "../graph/graph-view.js";
119
119
  import "../health-factor/health-factor.js";
120
120
  import "../horizontal-indicator/horizontal-indicator.js";
121
+ import "../layout/app-footer/app-footer.js";
122
+ import "../layout/app-header/app-header.js";
121
123
  import "../layout/col/col.js";
122
124
  import "../layout/container/container.js";
123
125
  import "../layout/footer/footer.js";
@@ -172,7 +174,7 @@ function O(r, m) {
172
174
  const n = r?.symbol || m;
173
175
  return n === "GEAR" ? { icon: Z("/logo/logo_symbol.png") } : R(r) || n;
174
176
  }
175
- function Hr({
177
+ function Kr({
176
178
  totalAPY: r,
177
179
  totalAPYLoading: m,
178
180
  baseAPY: n,
@@ -274,6 +276,6 @@ function Hr({
274
276
  ) : v();
275
277
  }
276
278
  export {
277
- Hr as CompoundAPY,
279
+ Kr as CompoundAPY,
278
280
  O as getRewardTokenSymbol
279
281
  };
@@ -113,6 +113,8 @@ import "lightweight-charts";
113
113
  import "../graph/graph-view.js";
114
114
  import "../health-factor/health-factor.js";
115
115
  import "../horizontal-indicator/horizontal-indicator.js";
116
+ import "../layout/app-footer/app-footer.js";
117
+ import "../layout/app-header/app-header.js";
116
118
  import "../layout/col/col.js";
117
119
  import "../layout/container/container.js";
118
120
  import "../layout/footer/footer.js";