@gearbox-protocol/ui-kit 3.14.0-next.65 → 3.14.0-next.67

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 (141) hide show
  1. package/dist/cjs/components/assets-list-cell/assets-list-cell.cjs +1 -1
  2. package/dist/cjs/components/block-sync/block-sync.cjs +1 -1
  3. package/dist/cjs/components/block-sync-pill/block-sync-pill.cjs +1 -1
  4. package/dist/cjs/components/breakpoint-provider.cjs +1 -0
  5. package/dist/cjs/components/checkbox/checkbox-labeled.cjs +1 -1
  6. package/dist/cjs/components/client-adapters/styled-rounded-image/styled-rounded-image.cjs +1 -1
  7. package/dist/cjs/components/complex-input/complex-input.cjs +1 -1
  8. package/dist/cjs/components/composites/index.cjs +1 -1
  9. package/dist/cjs/components/composites/pool-assets-table/pool-assets-table-head.cjs +1 -1
  10. package/dist/cjs/components/composites/pool-credit-managers-table/pool-credit-managers-table-head.cjs +1 -1
  11. package/dist/cjs/components/composites/pool-table/columns.cjs +1 -1
  12. package/dist/cjs/components/composites/strategies-table/columns.cjs +1 -1
  13. package/dist/cjs/components/composites/strategies-table/components/cells/cells.cjs +1 -1
  14. package/dist/cjs/components/composites/strategies-table/components/cells/index.cjs +1 -1
  15. package/dist/cjs/components/composites/strategies-table/components/index.cjs +1 -1
  16. package/dist/cjs/components/composites/strategies-table/components/points-feature/points-feature.cjs +1 -1
  17. package/dist/cjs/components/composites/strategies-table/components/rewards-tooltip/tooltip-content.cjs +1 -1
  18. package/dist/cjs/components/composites/strategies-table/components/strategies-table.cjs +1 -1
  19. package/dist/cjs/components/composites/strategies-table/index.cjs +1 -1
  20. package/dist/cjs/components/composites/strategies-table/types/index.cjs +1 -1
  21. package/dist/cjs/components/composites/strategies-table/types/rewards-cell.cjs +1 -0
  22. package/dist/cjs/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.cjs +1 -1
  23. package/dist/cjs/components/composites/tx-preview/confirm/dialog/TransactionConfirmModalView.cjs +1 -1
  24. package/dist/cjs/components/composites/tx-preview/confirm/dialog/TransactionConfirmShell.cjs +1 -1
  25. package/dist/cjs/components/composites/tx-preview/confirm/result/TransactionConfirmFailureResult.cjs +1 -1
  26. package/dist/cjs/components/composites/tx-preview/confirm/result/TransactionConfirmSuccessResult.cjs +1 -1
  27. package/dist/cjs/components/compound-apy/compound-apy-legacy.cjs +1 -0
  28. package/dist/cjs/components/compound-apy/compound-apy.cjs +1 -1
  29. package/dist/cjs/components/compound-apy/index.cjs +1 -1
  30. package/dist/cjs/components/detailed-page-title/detailed-page-title.cjs +1 -1
  31. package/dist/cjs/components/index.cjs +1 -1
  32. package/dist/cjs/components/markdown-viewer/markdown-viewer.cjs +1 -1
  33. package/dist/cjs/components/pool-apy-tooltip/apy-tooltip.cjs +1 -0
  34. package/dist/cjs/components/pool-apy-tooltip/index.cjs +1 -1
  35. package/dist/cjs/components/pool-apy-tooltip/pool-apy-tooltip.cjs +1 -1
  36. package/dist/cjs/components/time-to-liquidation/time-to-liquidation.cjs +1 -1
  37. package/dist/cjs/components/token-icon/token-icon.cjs +1 -1
  38. package/dist/cjs/components/token-symbol/index.cjs +1 -1
  39. package/dist/cjs/components/token-symbol/token-symbol.cjs +1 -1
  40. package/dist/cjs/components/tokens-list-cell/tokens-list-cell.cjs +1 -1
  41. package/dist/cjs/components/with-copy/with-copy.cjs +1 -1
  42. package/dist/cjs/components/yield-breakdown-tooltip/index.cjs +1 -0
  43. package/dist/cjs/components/yield-breakdown-tooltip/yield-breakdown-tooltip.cjs +1 -0
  44. package/dist/cjs/hooks/use-debounce-call.cjs +1 -1
  45. package/dist/cjs/hooks/use-media-query.cjs +1 -1
  46. package/dist/cjs/index.cjs +1 -1
  47. package/dist/cjs/locale/en.json.cjs +1 -1
  48. package/dist/cjs/types/common.cjs +1 -1
  49. package/dist/cjs/utils/apy-breakdown.cjs +1 -0
  50. package/dist/cjs/utils/bps.cjs +1 -0
  51. package/dist/cjs/utils/index.cjs +1 -1
  52. package/dist/cjs/utils/token-icon-source.cjs +1 -0
  53. package/dist/esm/components/assets-list-cell/assets-list-cell.js +132 -206
  54. package/dist/esm/components/block-sync/block-sync.js +5 -4
  55. package/dist/esm/components/block-sync-pill/block-sync-pill.js +5 -4
  56. package/dist/esm/components/breakpoint-provider.js +67 -0
  57. package/dist/esm/components/checkbox/checkbox-labeled.js +3 -2
  58. package/dist/esm/components/client-adapters/styled-rounded-image/styled-rounded-image.js +3 -2
  59. package/dist/esm/components/complex-input/complex-input.js +5 -4
  60. package/dist/esm/components/composites/index.js +86 -81
  61. package/dist/esm/components/composites/pool-assets-table/pool-assets-table-head.js +3 -2
  62. package/dist/esm/components/composites/pool-credit-managers-table/pool-credit-managers-table-head.js +3 -2
  63. package/dist/esm/components/composites/pool-table/columns.js +61 -60
  64. package/dist/esm/components/composites/strategies-table/columns.js +55 -86
  65. package/dist/esm/components/composites/strategies-table/components/cells/cells.js +150 -110
  66. package/dist/esm/components/composites/strategies-table/components/cells/index.js +7 -5
  67. package/dist/esm/components/composites/strategies-table/components/index.js +32 -30
  68. package/dist/esm/components/composites/strategies-table/components/points-feature/points-feature.js +35 -32
  69. package/dist/esm/components/composites/strategies-table/components/rewards-tooltip/tooltip-content.js +91 -224
  70. package/dist/esm/components/composites/strategies-table/components/strategies-table.js +26 -24
  71. package/dist/esm/components/composites/strategies-table/index.js +36 -31
  72. package/dist/esm/components/composites/strategies-table/types/index.js +5 -1
  73. package/dist/esm/components/composites/strategies-table/types/rewards-cell.js +40 -0
  74. package/dist/esm/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js +32 -189
  75. package/dist/esm/components/composites/tx-preview/confirm/dialog/TransactionConfirmModalView.js +5 -4
  76. package/dist/esm/components/composites/tx-preview/confirm/dialog/TransactionConfirmShell.js +26 -26
  77. package/dist/esm/components/composites/tx-preview/confirm/result/TransactionConfirmFailureResult.js +40 -38
  78. package/dist/esm/components/composites/tx-preview/confirm/result/TransactionConfirmSuccessResult.js +53 -47
  79. package/dist/esm/components/compound-apy/compound-apy-legacy.js +127 -0
  80. package/dist/esm/components/compound-apy/compound-apy.js +56 -245
  81. package/dist/esm/components/compound-apy/index.js +4 -2
  82. package/dist/esm/components/detailed-page-title/detailed-page-title.js +25 -180
  83. package/dist/esm/components/index.js +805 -787
  84. package/dist/esm/components/markdown-viewer/markdown-viewer.js +5 -4
  85. package/dist/esm/components/pool-apy-tooltip/apy-tooltip.js +155 -0
  86. package/dist/esm/components/pool-apy-tooltip/index.js +4 -2
  87. package/dist/esm/components/pool-apy-tooltip/pool-apy-tooltip.js +3 -3
  88. package/dist/esm/components/time-to-liquidation/time-to-liquidation.js +3 -2
  89. package/dist/esm/components/token-icon/token-icon.js +72 -58
  90. package/dist/esm/components/token-symbol/index.js +2 -3
  91. package/dist/esm/components/token-symbol/token-symbol.js +41 -62
  92. package/dist/esm/components/tokens-list-cell/tokens-list-cell.js +35 -192
  93. package/dist/esm/components/with-copy/with-copy.js +5 -4
  94. package/dist/esm/components/yield-breakdown-tooltip/index.js +4 -0
  95. package/dist/esm/components/yield-breakdown-tooltip/yield-breakdown-tooltip.js +222 -0
  96. package/dist/esm/hooks/use-debounce-call.js +3 -2
  97. package/dist/esm/hooks/use-media-query.js +49 -16
  98. package/dist/esm/index.js +974 -946
  99. package/dist/esm/locale/en.json.js +9 -2
  100. package/dist/esm/types/common.js +1 -6
  101. package/dist/esm/utils/apy-breakdown.js +18 -0
  102. package/dist/esm/utils/bps.js +4 -0
  103. package/dist/esm/utils/index.js +105 -95
  104. package/dist/esm/utils/token-icon-source.js +48 -0
  105. package/dist/globals.css +1 -1
  106. package/dist/types/components/assets-list-cell/assets-list-cell.d.ts +44 -4
  107. package/dist/types/components/breakpoint-provider.d.ts +56 -0
  108. package/dist/types/components/composites/pool-table/pool-table-backend-contract.types.d.ts +1 -1
  109. package/dist/types/components/composites/strategies-table/components/cells/cells.d.ts +34 -3
  110. package/dist/types/components/composites/strategies-table/components/points-feature/points-feature.d.ts +14 -10
  111. package/dist/types/components/composites/strategies-table/components/rewards-tooltip/tooltip-content.d.ts +10 -13
  112. package/dist/types/components/composites/strategies-table/index.d.ts +1 -1
  113. package/dist/types/components/composites/strategies-table/types/index.d.ts +1 -0
  114. package/dist/types/components/composites/strategies-table/types/rewards-cell.d.ts +48 -0
  115. package/dist/types/components/composites/strategies-table/types/rewards-tooltip.d.ts +37 -32
  116. package/dist/types/components/composites/strategies-table/types/table.d.ts +27 -12
  117. package/dist/types/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.d.ts +3 -3
  118. package/dist/types/components/composites/tx-preview/confirm/result/TransactionConfirmFailureResult.d.ts +4 -0
  119. package/dist/types/components/composites/tx-preview/confirm/result/TransactionConfirmSuccessResult.d.ts +5 -0
  120. package/dist/types/components/compound-apy/compound-apy-legacy.d.ts +109 -0
  121. package/dist/types/components/compound-apy/compound-apy.d.ts +18 -94
  122. package/dist/types/components/compound-apy/index.d.ts +1 -0
  123. package/dist/types/components/index.d.ts +3 -1
  124. package/dist/types/components/points-icon/index.d.ts +1 -1
  125. package/dist/types/components/points-icon/points-icon.d.ts +13 -2
  126. package/dist/types/components/pool-apy-tooltip/apy-tooltip.d.ts +20 -0
  127. package/dist/types/components/pool-apy-tooltip/index.d.ts +1 -0
  128. package/dist/types/components/pool-apy-tooltip/pool-apy-tooltip.d.ts +18 -1
  129. package/dist/types/components/token-icon/token-icon.d.ts +11 -2
  130. package/dist/types/components/token-symbol/token-symbol.d.ts +4 -4
  131. package/dist/types/components/yield-breakdown-tooltip/index.d.ts +1 -0
  132. package/dist/types/components/yield-breakdown-tooltip/yield-breakdown-tooltip.d.ts +32 -0
  133. package/dist/types/hooks/use-media-query.d.ts +5 -1
  134. package/dist/types/index.d.ts +2 -0
  135. package/dist/types/locale/en.json.d.ts +10 -2
  136. package/dist/types/types/common.d.ts +5 -11
  137. package/dist/types/utils/apy-breakdown.d.ts +18 -0
  138. package/dist/types/utils/bps.d.ts +3 -0
  139. package/dist/types/utils/index.d.ts +3 -0
  140. package/dist/types/utils/token-icon-source.d.ts +28 -0
  141. package/package.json +2 -2
@@ -1,200 +1,45 @@
1
- import { jsx as i, jsxs as f } from "react/jsx-runtime";
1
+ import { jsx as e, jsxs as f } from "react/jsx-runtime";
2
2
  import * as g from "react";
3
3
  import { PageTitle as T } from "../page-title/page-title.js";
4
4
  import { TokenIcon as D } from "../token-icon/token-icon.js";
5
5
  import "@gearbox-protocol/sdk";
6
- import { cn as m } from "../../utils/cn.js";
6
+ import { cn as r } from "../../utils/cn.js";
7
7
  import "sonner";
8
8
  import "@gearbox-protocol/sdk/common-utils";
9
9
  import "luxon";
10
10
  import "../../utils/z-index.js";
11
- import "../accordion/accordion.js";
12
- import "@gearbox-protocol/static";
13
- import "@fortawesome/free-solid-svg-icons";
14
- import "../icons/fa-icon.js";
15
- import "../alert-badge/alert-badge.js";
16
- import "../alert-dialog/alert-dialog.js";
17
- import "../alert-modal/alert-modal.js";
18
- import "../tooltip/simple-tooltip.js";
19
- import "../tooltip/tooltip.js";
20
- import "react-intl";
21
- import "../arc-loader/arc-loader.js";
22
- import "../asset-line/asset-line.js";
23
- import "../buttons/back-button/back-button.js";
24
- import "../buttons/button/button.js";
25
- import "../buttons/copy-button/copy-button.js";
26
- import "../buttons/external-button/external-button.js";
27
- import "../buttons/filter-button/filter-button.js";
28
- import "../buttons/navigation-button/navigation-button.js";
29
- import "../buttons/tab-button/tab-button.js";
30
- import "wagmi";
31
- import "../auth/wallet-ui-context.js";
32
- import "../avatar/avatar.js";
33
- import "../badge/badge.js";
34
- import "../base-link/base-link.js";
35
- import "../navigation-context/navigation-context.js";
36
- import "../button-checkbox/button-checkbox.js";
37
- import "../card-grid/card-grid.js";
38
- import "../cards/card/card.js";
39
- import "../carousel/carousel.js";
40
- import "../checkbox/checkbox.js";
41
- import "../checkbox/checkbox-labeled.js";
42
- import "../checkbox-item/checkbox-item.js";
43
- import "../client-adapters/styled-button/styled-button.js";
44
- import "../client-adapters/styled-dialog-container/styled-dialog-container.js";
45
- import "../client-adapters/styled-rounded-image/styled-rounded-image.js";
46
- import "../colored-text/colored-text.js";
47
- import "../input/input.js";
48
- import "../with-title/with-title.js";
49
- import "../smart-number-input/balance-indicator.js";
50
- import "../smart-number-input/smart-number-input.js";
51
- import "../composites/credit-account-history/credit-account-history.js";
52
- import "../simple-dropdown/simple-dropdown.js";
53
- import "../simple-dropdown/simple-dropdown-menu-item.js";
54
- import "../typography/typography.js";
55
- import "../table/grid-table.js";
56
- import { getSymbolOrIcon as P } from "../token-symbol/token-symbol.js";
57
- import "../help-tip/help-tip.js";
58
- import "../description/description.js";
59
- import "../confirm-menu/confirm-menu.js";
60
- import "../dialog/dialog-modal-container.js";
61
- import "../text-button/text-button.js";
62
- import "../vertical-indicator/vertical-indicator.js";
63
- import "../points-icon/points-icon.js";
64
- import "../skeleton/skeleton.js";
65
- import "../vertical-list/vertical-list.js";
66
- import "../rounded-image/rounded-image.js";
67
- import "../progress/progress.js";
68
- import "../pool-indicator-icon/pool-indicator-icon.js";
69
- import "../composites/strategies-table/components/feature/feature.styles.js";
70
- import "viem";
71
- import "../icon-button/icon-button.js";
72
- import "../separate-line/separate-line.js";
73
- import "../tip-card/tip-card.js";
74
- import "../composites/strategies-table/components/rewards-tooltip/rewards-tooltip-root.js";
75
- import "../composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js";
76
- import "../composites/tx-preview/confirm/dialog/constants.js";
77
- import "../modal/modal.js";
78
- import "../dialog/dialog-container.js";
79
- import "../spinner-loader/spinner-loader.js";
80
- import "../currency-button/currency-button.js";
81
- import "../detailed-apy/detailed-apy.js";
82
- import { DetailedPageTitleCopyButton as h } from "./detailed-page-title-copy-button.js";
83
- import { DetailedPageTitleExplorerDropdown as y } from "./detailed-page-title-explorer-dropdown.js";
84
- import "@radix-ui/react-dialog";
85
- import "../dialog/dialog-content.js";
86
- import "../dialog/dialog-description.js";
87
- import "../dialog/dialog-footer.js";
88
- import "../dialog/dialog-header.js";
89
- import "../dialog/dialog-title.js";
90
- import "../dialog/dialog-overlay.js";
91
- import "../label/label.js";
92
- import "../dropdown-menu/dropdown-menu.js";
93
- import "../dropdown-menu/dropdown-menu-checkbox-item.js";
94
- import "../dropdown-menu/dropdown-menu-content.js";
95
- import "../dropdown-menu/dropdown-menu-item.js";
96
- import "../dropdown-menu/dropdown-menu-label.js";
97
- import "../dropdown-menu/dropdown-menu-radio-item.js";
98
- import "../dropdown-menu/dropdown-menu-separator.js";
99
- import "../dropdown-menu/dropdown-menu-shortcut.js";
100
- import "../dropdown-menu/dropdown-menu-sub-content.js";
101
- import "../dropdown-menu/dropdown-menu-sub-trigger.js";
102
- import "../edit-input/edit-input.js";
103
- import "../fadeout-loading/fadeout-loading.js";
104
- import "../filter/filter-block.js";
105
- import "../filter/filter-checkbox-item.js";
106
- import "../filter/filter-chip.js";
107
- import "../filter/filter-chips.js";
108
- import "../filter/filter-dropdown-item.js";
109
- import "../filter/filter-group.js";
110
- import "../filter/filter-label.js";
111
- import "../search-line/search-line.js";
112
- import "../tabs/tabs.js";
113
- import "../filter/filter-modal-item.js";
114
- import "../filter/filter-radio-item.js";
115
- import "../filter/filter-separator.js";
116
- import "../filter/variants.js";
117
- import "../graph/formatters.js";
118
- import "lightweight-charts";
119
- import "../graph/graph-view.js";
120
- import "../health-factor/health-factor.js";
121
- import "../horizontal-indicator/horizontal-indicator.js";
122
- import "../layout/app-footer/app-footer.js";
123
- import "../layout/app-header/app-header.js";
124
- import "../layout/col/col.js";
125
- import "../layout/container/container.js";
126
- import "../layout/footer/footer.js";
127
- import "../layout/grid/grid.js";
128
- import "../layout/header/header.js";
129
- import "../layout/layout/layout.js";
130
- import "../layout/main-aside-layout/main-aside-layout.js";
131
- import "../layout/social-icons/social-icons.js";
132
- import "../legal-agreement/legal-agreement-theme.js";
133
- import "../link/link.js";
134
- import "../../utils/reactochart-compat.js";
135
- import "../status-elements/status-elements.js";
136
- import "../loader/loader.js";
137
- import "../loading/loading.js";
138
- import "../loading-bar/loading-bar.js";
139
- import "react-markdown";
140
- import "remark-gfm";
141
- import "../navbar/navbar.js";
142
- import "../navbar/navbar-indicator-context.js";
143
- import "../app-bar/app-bar.js";
144
- import "../navitem/navitem.js";
145
- import "../progress-bar/progress-bar.js";
146
- import "../radio-group/radio-group.js";
147
- import "../search-bar/search-bar.js";
148
- import "../segmented-control/segmented-control.js";
149
- import "../select/select.js";
150
- import "../separator/separator.js";
151
- import "../simple-accordion/simple-accordion.js";
152
- import "../slider/slider.js";
153
- import "../slider/slider-context.js";
154
- import "@radix-ui/react-slider";
155
- import "../spinner/spinner.js";
156
- import "../split-list/split-list.js";
157
- import "../stat-badge/stat-badge.js";
158
- import "../status-dot/status-dot.js";
159
- import "../stepper/stepper.js";
160
- import "../switch/switch.js";
161
- import "../table/table.js";
162
- import "../table/grid-table-loader.js";
163
- import "../textarea/textarea.js";
164
- import "../theme-provider.js";
165
- import "../time-to-liquidation/time-to-liquidation.js";
166
- import "../toggle/toggle.js";
167
- import "../with-filter-button/with-filter-button.js";
168
- const b = g.forwardRef(function({
169
- title: p,
11
+ import { DetailedPageTitleCopyButton as P } from "./detailed-page-title-copy-button.js";
12
+ import { DetailedPageTitleExplorerDropdown as h } from "./detailed-page-title-explorer-dropdown.js";
13
+ const x = g.forwardRef(function({
14
+ title: a,
170
15
  token: t,
171
- toCopy: r,
172
- explorerLinks: o,
173
- buttonsSlot: e,
174
- actionsPosition: a,
175
- actionsPositionMd: l,
176
- tokenIconSize: s = 36,
177
- disabled: c = !1,
178
- className: n
16
+ toCopy: o,
17
+ explorerLinks: i,
18
+ buttonsSlot: l,
19
+ actionsPosition: m,
20
+ actionsPositionMd: s,
21
+ tokenIconSize: c = 36,
22
+ disabled: n = !1,
23
+ className: p
179
24
  }, d) {
180
- return /* @__PURE__ */ i(
25
+ return /* @__PURE__ */ e(
181
26
  T,
182
27
  {
183
28
  ref: d,
184
- actionsPosition: a,
185
- actionsPositionMd: l,
186
- icon: t?.symbol ? /* @__PURE__ */ i("div", { className: m("inline-block shrink-0", c && "grayscale"), children: /* @__PURE__ */ i(D, { symbol: P(t), size: s }) }) : void 0,
29
+ actionsPosition: m,
30
+ actionsPositionMd: s,
31
+ icon: t?.symbol ? /* @__PURE__ */ e("div", { className: r("inline-block shrink-0", n && "grayscale"), children: /* @__PURE__ */ e(D, { token: t, size: c }) }) : void 0,
187
32
  actions: /* @__PURE__ */ f("div", { className: "flex flex-wrap items-center gap-2", children: [
188
- e,
189
- r && /* @__PURE__ */ i(h, { toCopy: r }),
190
- o && o.length > 0 && /* @__PURE__ */ i(y, { explorerLinks: o })
33
+ l,
34
+ o && /* @__PURE__ */ e(P, { toCopy: o }),
35
+ i && i.length > 0 && /* @__PURE__ */ e(h, { explorerLinks: i })
191
36
  ] }),
192
- className: m(n),
193
- children: p
37
+ className: r(p),
38
+ children: a
194
39
  }
195
40
  );
196
41
  });
197
- b.displayName = "DetailedPageTitle";
42
+ x.displayName = "DetailedPageTitle";
198
43
  export {
199
- b as DetailedPageTitle
44
+ x as DetailedPageTitle
200
45
  };