@gearbox-protocol/ui-kit 4.0.0-next.1 → 4.0.0-next.10

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 (539) hide show
  1. package/dist/cjs/components/assets-list-cell/assets-list-cell.cjs +1 -1
  2. package/dist/cjs/components/badge/badge.cjs +1 -1
  3. package/dist/cjs/components/badge/chip.cjs +1 -0
  4. package/dist/cjs/components/badge/index.cjs +1 -1
  5. package/dist/cjs/components/base/amount-input/amount-input.cjs +1 -1
  6. package/dist/cjs/components/base/amount-input/constants.cjs +1 -1
  7. package/dist/cjs/components/base/amount-input/index.cjs +1 -1
  8. package/dist/cjs/components/base/amount-input/token-button.cjs +1 -1
  9. package/dist/cjs/components/base/amount-input/token-select-panel.cjs +1 -0
  10. package/dist/cjs/components/base/borrow-rate-block/borrow-rate-block.cjs +1 -0
  11. package/dist/cjs/components/base/borrow-rate-block/constants.cjs +1 -0
  12. package/dist/cjs/components/base/borrow-rate-block/index.cjs +1 -0
  13. package/dist/cjs/components/base/chart-with-side-card/chart-with-side-card.cjs +1 -0
  14. package/dist/cjs/components/base/chart-with-side-card/constants.cjs +1 -0
  15. package/dist/cjs/components/base/chart-with-side-card/index.cjs +1 -0
  16. package/dist/cjs/components/base/detailed-page-title/detailed-page-title.cjs +1 -1
  17. package/dist/cjs/components/base/details-view/details-view.cjs +1 -1
  18. package/dist/cjs/components/base/health-factor-block/health-factor-block.cjs +1 -1
  19. package/dist/cjs/components/base/history-chart/history-chart.cjs +1 -1
  20. package/dist/cjs/components/base/index.cjs +1 -1
  21. package/dist/cjs/components/base/info-list/constants.cjs +1 -1
  22. package/dist/cjs/components/base/info-list/index.cjs +1 -1
  23. package/dist/cjs/components/base/info-list/info-list.cjs +1 -1
  24. package/dist/cjs/components/base/leverage-input/leverage-input.cjs +1 -1
  25. package/dist/cjs/components/base/leverage-preset-chips/constants.cjs +1 -0
  26. package/dist/cjs/components/base/leverage-preset-chips/index.cjs +1 -0
  27. package/dist/cjs/components/base/leverage-preset-chips/leverage-preset-chips.cjs +1 -0
  28. package/dist/cjs/components/base/liquidation-params-table/constants.cjs +1 -0
  29. package/dist/cjs/components/base/liquidation-params-table/index.cjs +1 -0
  30. package/dist/cjs/components/base/liquidation-params-table/liquidation-params-table.cjs +1 -0
  31. package/dist/cjs/components/base/liquidation-price-block/liquidation-price-block.cjs +1 -1
  32. package/dist/cjs/components/base/manage-pane/constants.cjs +1 -1
  33. package/dist/cjs/components/base/manage-pane/index.cjs +1 -1
  34. package/dist/cjs/components/base/manage-pane/manage-pane.cjs +1 -1
  35. package/dist/cjs/components/base/more-accordion/constants.cjs +1 -0
  36. package/dist/cjs/components/base/more-accordion/index.cjs +1 -0
  37. package/dist/cjs/components/base/more-accordion/more-accordion.cjs +1 -0
  38. package/dist/cjs/components/base/nested-info-stack/constants.cjs +1 -0
  39. package/dist/cjs/components/base/nested-info-stack/index.cjs +1 -0
  40. package/dist/cjs/components/base/nested-info-stack/nested-info-stack.cjs +1 -0
  41. package/dist/cjs/components/base/page-title/index.cjs +1 -1
  42. package/dist/cjs/components/base/page-title/page-title.cjs +1 -1
  43. package/dist/cjs/components/base/pool-apy-breakdown-card/constants.cjs +1 -0
  44. package/dist/cjs/components/base/pool-apy-breakdown-card/index.cjs +1 -0
  45. package/dist/cjs/components/base/pool-apy-breakdown-card/pool-apy-breakdown-card.cjs +1 -0
  46. package/dist/cjs/components/base/side-card/constants.cjs +1 -0
  47. package/dist/cjs/components/base/side-card/index.cjs +1 -0
  48. package/dist/cjs/components/base/side-card/side-card.cjs +1 -0
  49. package/dist/cjs/components/base/stat-badge/stat-badge.cjs +1 -1
  50. package/dist/cjs/components/base/strategy-apy-breakdown-card/constants.cjs +1 -0
  51. package/dist/cjs/components/base/strategy-apy-breakdown-card/index.cjs +1 -0
  52. package/dist/cjs/components/base/strategy-apy-breakdown-card/strategy-apy-breakdown-card.cjs +1 -0
  53. package/dist/cjs/components/base/tabber/tabber.cjs +1 -1
  54. package/dist/cjs/components/base/time-to-liquidation-block/time-to-liquidation-block.cjs +1 -1
  55. package/dist/cjs/components/base/title-meta/constants.cjs +1 -0
  56. package/dist/cjs/components/base/title-meta/index.cjs +1 -0
  57. package/dist/cjs/components/base/title-meta/title-meta.cjs +1 -0
  58. package/dist/cjs/components/base/token-amount/token-amount.cjs +1 -1
  59. package/dist/cjs/components/base/token-pair-symbol/constants.cjs +1 -0
  60. package/dist/cjs/components/base/token-pair-symbol/index.cjs +1 -0
  61. package/dist/cjs/components/base/token-pair-symbol/token-pair-symbol.cjs +1 -0
  62. package/dist/cjs/components/base/token-pair-title/constants.cjs +1 -0
  63. package/dist/cjs/components/base/token-pair-title/index.cjs +1 -0
  64. package/dist/cjs/components/base/token-pair-title/token-pair-title.cjs +1 -0
  65. package/dist/cjs/components/base/values/constants.cjs +1 -1
  66. package/dist/cjs/components/base/values/index.cjs +1 -1
  67. package/dist/cjs/components/base/values/pnl-value.cjs +1 -1
  68. package/dist/cjs/components/base/values/points-value.cjs +1 -0
  69. package/dist/cjs/components/base/values/position-status-badge.cjs +1 -0
  70. package/dist/cjs/components/base/values/position-type-badge.cjs +1 -1
  71. package/dist/cjs/components/base/values/scalars.cjs +1 -1
  72. package/dist/cjs/components/base-table/base-table-line.cjs +1 -0
  73. package/dist/cjs/components/base-table/base-table.cjs +1 -0
  74. package/dist/cjs/components/base-table/constants.cjs +1 -0
  75. package/dist/cjs/components/base-table/index.cjs +1 -0
  76. package/dist/cjs/components/block-sync-pill/block-sync-pill.cjs +1 -1
  77. package/dist/cjs/components/checkbox/checkbox-labeled.cjs +1 -1
  78. package/dist/cjs/components/client-adapters/styled-rounded-image/styled-rounded-image.cjs +1 -1
  79. package/dist/cjs/components/collateral-allocation-tooltip/allocation-wheel.cjs +1 -0
  80. package/dist/cjs/components/collateral-allocation-tooltip/collateral-allocation-tooltip.cjs +1 -0
  81. package/dist/cjs/components/collateral-allocation-tooltip/constants.cjs +1 -0
  82. package/dist/cjs/components/collateral-allocation-tooltip/index.cjs +1 -0
  83. package/dist/cjs/components/composites/index.cjs +1 -1
  84. package/dist/cjs/components/composites/notification-center/notification-center.cjs +1 -1
  85. package/dist/cjs/components/composites/pool-assets-table/constants.cjs +1 -0
  86. package/dist/cjs/components/composites/pool-assets-table/index.cjs +1 -1
  87. package/dist/cjs/components/composites/pool-assets-table/pool-assets-table-head.cjs +1 -1
  88. package/dist/cjs/components/composites/pool-assets-table/pool-assets-table-row.cjs +1 -1
  89. package/dist/cjs/components/composites/pool-assets-table/pool-assets-table.cjs +1 -1
  90. package/dist/cjs/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.cjs +1 -1
  91. package/dist/cjs/components/composites/tx-preview/confirm/dialog/TransactionConfirmShell.cjs +1 -1
  92. package/dist/cjs/components/composites/tx-preview/confirm/dialog/constants.cjs +1 -1
  93. package/dist/cjs/components/composites/tx-preview/confirm/dialog/index.cjs +1 -1
  94. package/dist/cjs/components/composites/tx-preview/confirm/index.cjs +1 -1
  95. package/dist/cjs/components/composites/tx-preview/index.cjs +1 -1
  96. package/dist/cjs/components/compound-apy/compound-apy.cjs +1 -1
  97. package/dist/cjs/components/detailed-page-title/detailed-page-title-explorer-dropdown.cjs +1 -1
  98. package/dist/cjs/components/explorer-links-dropdown/explorer-links-dropdown.cjs +1 -1
  99. package/dist/cjs/components/explorer-links-dropdown/index.cjs +1 -1
  100. package/dist/cjs/components/filter/filter-chip.cjs +1 -1
  101. package/dist/cjs/components/graph/default-config.cjs +1 -1
  102. package/dist/cjs/components/graph/formatters.cjs +1 -1
  103. package/dist/cjs/components/graph/graph-view.cjs +1 -1
  104. package/dist/cjs/components/graph/graph.cjs +1 -1
  105. package/dist/cjs/components/hf-indicator/hf-indicator.cjs +1 -0
  106. package/dist/cjs/components/hf-indicator/index.cjs +1 -0
  107. package/dist/cjs/components/icons/index.cjs +1 -1
  108. package/dist/cjs/components/index.cjs +1 -1
  109. package/dist/cjs/components/infinite-scroll/index.cjs +1 -0
  110. package/dist/cjs/components/infinite-scroll/infinite-scroll-wrapper.cjs +1 -0
  111. package/dist/cjs/components/layout/index.cjs +1 -1
  112. package/dist/cjs/components/modal/modal.cjs +1 -1
  113. package/dist/cjs/components/name-cell/index.cjs +1 -0
  114. package/dist/cjs/components/name-cell/name-cell.cjs +1 -0
  115. package/dist/cjs/components/network-icon/index.cjs +1 -1
  116. package/dist/cjs/components/network-icon/network-indicator.cjs +1 -0
  117. package/dist/cjs/components/table/index.cjs +1 -1
  118. package/dist/cjs/components/trading-view/trading-view.cjs +1 -1
  119. package/dist/cjs/components/with-copy/with-copy.cjs +1 -1
  120. package/dist/cjs/components/yield-breakdown-tooltip/yield-breakdown-tooltip.cjs +1 -1
  121. package/dist/cjs/configs/tailwind-preset.cjs +1 -1
  122. package/dist/cjs/hooks/index.cjs +1 -1
  123. package/dist/cjs/hooks/use-debounce-call.cjs +1 -1
  124. package/dist/cjs/hooks/use-observed-width-key.cjs +1 -0
  125. package/dist/cjs/index.cjs +1 -1
  126. package/dist/cjs/locale/en.json.cjs +1 -1
  127. package/dist/cjs/utils/format-leverage.cjs +1 -0
  128. package/dist/cjs/utils/format-money.cjs +1 -1
  129. package/dist/cjs/utils/index.cjs +1 -1
  130. package/dist/cjs/utils/leverage-presets.cjs +1 -0
  131. package/dist/esm/components/assets-list-cell/assets-list-cell.js +161 -159
  132. package/dist/esm/components/badge/badge.js +14 -8
  133. package/dist/esm/components/badge/chip.js +47 -0
  134. package/dist/esm/components/badge/index.js +8 -3
  135. package/dist/esm/components/base/amount-input/amount-input.js +179 -147
  136. package/dist/esm/components/base/amount-input/constants.js +2 -0
  137. package/dist/esm/components/base/amount-input/index.js +5 -3
  138. package/dist/esm/components/base/amount-input/token-button.js +65 -35
  139. package/dist/esm/components/base/amount-input/token-select-panel.js +85 -0
  140. package/dist/esm/components/base/borrow-rate-block/borrow-rate-block.js +90 -0
  141. package/dist/esm/components/base/borrow-rate-block/constants.js +8 -0
  142. package/dist/esm/components/base/borrow-rate-block/index.js +6 -0
  143. package/dist/esm/components/base/chart-with-side-card/chart-with-side-card.js +36 -0
  144. package/dist/esm/components/base/chart-with-side-card/constants.js +8 -0
  145. package/dist/esm/components/base/chart-with-side-card/index.js +6 -0
  146. package/dist/esm/components/base/detailed-page-title/detailed-page-title.js +26 -27
  147. package/dist/esm/components/base/details-view/details-view.js +37 -32
  148. package/dist/esm/components/base/health-factor-block/health-factor-block.js +25 -25
  149. package/dist/esm/components/base/history-chart/history-chart.js +85 -41
  150. package/dist/esm/components/base/index.js +175 -116
  151. package/dist/esm/components/base/info-list/constants.js +1 -0
  152. package/dist/esm/components/base/info-list/index.js +4 -2
  153. package/dist/esm/components/base/info-list/info-list.js +66 -21
  154. package/dist/esm/components/base/leverage-input/leverage-input.js +54 -53
  155. package/dist/esm/components/base/leverage-preset-chips/constants.js +7 -0
  156. package/dist/esm/components/base/leverage-preset-chips/index.js +6 -0
  157. package/dist/esm/components/base/leverage-preset-chips/leverage-preset-chips.js +39 -0
  158. package/dist/esm/components/base/liquidation-params-table/constants.js +6 -0
  159. package/dist/esm/components/base/liquidation-params-table/index.js +6 -0
  160. package/dist/esm/components/base/liquidation-params-table/liquidation-params-table.js +62 -0
  161. package/dist/esm/components/base/liquidation-price-block/liquidation-price-block.js +33 -28
  162. package/dist/esm/components/base/manage-pane/constants.js +3 -2
  163. package/dist/esm/components/base/manage-pane/index.js +7 -6
  164. package/dist/esm/components/base/manage-pane/manage-pane.js +162 -100
  165. package/dist/esm/components/base/more-accordion/constants.js +7 -0
  166. package/dist/esm/components/base/more-accordion/index.js +6 -0
  167. package/dist/esm/components/base/more-accordion/more-accordion.js +51 -0
  168. package/dist/esm/components/base/nested-info-stack/constants.js +6 -0
  169. package/dist/esm/components/base/nested-info-stack/index.js +6 -0
  170. package/dist/esm/components/base/nested-info-stack/nested-info-stack.js +20 -0
  171. package/dist/esm/components/base/page-title/index.js +5 -4
  172. package/dist/esm/components/base/page-title/page-title.js +37 -23
  173. package/dist/esm/components/base/pool-apy-breakdown-card/constants.js +7 -0
  174. package/dist/esm/components/base/pool-apy-breakdown-card/index.js +6 -0
  175. package/dist/esm/components/base/pool-apy-breakdown-card/pool-apy-breakdown-card.js +58 -0
  176. package/dist/esm/components/base/side-card/constants.js +8 -0
  177. package/dist/esm/components/base/side-card/index.js +6 -0
  178. package/dist/esm/components/base/side-card/side-card.js +57 -0
  179. package/dist/esm/components/base/stat-badge/stat-badge.js +18 -9
  180. package/dist/esm/components/base/strategy-apy-breakdown-card/constants.js +8 -0
  181. package/dist/esm/components/base/strategy-apy-breakdown-card/index.js +6 -0
  182. package/dist/esm/components/base/strategy-apy-breakdown-card/strategy-apy-breakdown-card.js +214 -0
  183. package/dist/esm/components/base/tabber/tabber.js +83 -75
  184. package/dist/esm/components/base/time-to-liquidation-block/time-to-liquidation-block.js +31 -31
  185. package/dist/esm/components/base/title-meta/constants.js +9 -0
  186. package/dist/esm/components/base/title-meta/index.js +6 -0
  187. package/dist/esm/components/base/title-meta/title-meta.js +88 -0
  188. package/dist/esm/components/base/token-amount/token-amount.js +13 -12
  189. package/dist/esm/components/base/token-pair-symbol/constants.js +6 -0
  190. package/dist/esm/components/base/token-pair-symbol/index.js +6 -0
  191. package/dist/esm/components/base/token-pair-symbol/token-pair-symbol.js +33 -0
  192. package/dist/esm/components/base/token-pair-title/constants.js +6 -0
  193. package/dist/esm/components/base/token-pair-title/index.js +6 -0
  194. package/dist/esm/components/base/token-pair-title/token-pair-title.js +20 -0
  195. package/dist/esm/components/base/values/constants.js +1 -0
  196. package/dist/esm/components/base/values/index.js +18 -13
  197. package/dist/esm/components/base/values/pnl-value.js +8 -8
  198. package/dist/esm/components/base/values/points-value.js +30 -0
  199. package/dist/esm/components/base/values/position-status-badge.js +26 -0
  200. package/dist/esm/components/base/values/position-type-badge.js +7 -6
  201. package/dist/esm/components/base/values/scalars.js +29 -27
  202. package/dist/esm/components/base-table/base-table-line.js +117 -0
  203. package/dist/esm/components/base-table/base-table.js +110 -0
  204. package/dist/esm/components/base-table/constants.js +12 -0
  205. package/dist/esm/components/base-table/index.js +9 -0
  206. package/dist/esm/components/block-sync-pill/block-sync-pill.js +37 -43
  207. package/dist/esm/components/checkbox/checkbox-labeled.js +34 -40
  208. package/dist/esm/components/client-adapters/styled-rounded-image/styled-rounded-image.js +33 -39
  209. package/dist/esm/components/collateral-allocation-tooltip/allocation-wheel.js +71 -0
  210. package/dist/esm/components/collateral-allocation-tooltip/collateral-allocation-tooltip.js +102 -0
  211. package/dist/esm/components/collateral-allocation-tooltip/constants.js +12 -0
  212. package/dist/esm/components/collateral-allocation-tooltip/index.js +9 -0
  213. package/dist/esm/components/composites/index.js +31 -31
  214. package/dist/esm/components/composites/notification-center/notification-center.js +1 -1
  215. package/dist/esm/components/composites/pool-assets-table/constants.js +9 -0
  216. package/dist/esm/components/composites/pool-assets-table/index.js +8 -6
  217. package/dist/esm/components/composites/pool-assets-table/pool-assets-table-head.js +52 -31
  218. package/dist/esm/components/composites/pool-assets-table/pool-assets-table-row.js +111 -77
  219. package/dist/esm/components/composites/pool-assets-table/pool-assets-table.js +44 -27
  220. package/dist/esm/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js +50 -39
  221. package/dist/esm/components/composites/tx-preview/confirm/dialog/TransactionConfirmShell.js +114 -59
  222. package/dist/esm/components/composites/tx-preview/confirm/dialog/constants.js +10 -7
  223. package/dist/esm/components/composites/tx-preview/confirm/dialog/index.js +8 -10
  224. package/dist/esm/components/composites/tx-preview/confirm/index.js +24 -26
  225. package/dist/esm/components/composites/tx-preview/index.js +24 -26
  226. package/dist/esm/components/compound-apy/compound-apy.js +85 -80
  227. package/dist/esm/components/detailed-page-title/detailed-page-title-explorer-dropdown.js +50 -41
  228. package/dist/esm/components/explorer-links-dropdown/explorer-links-dropdown.js +1 -83
  229. package/dist/esm/components/explorer-links-dropdown/index.js +1 -4
  230. package/dist/esm/components/filter/filter-chip.js +1 -0
  231. package/dist/esm/components/graph/default-config.js +20 -18
  232. package/dist/esm/components/graph/formatters.js +62 -52
  233. package/dist/esm/components/graph/graph-view.js +85 -101
  234. package/dist/esm/components/graph/graph.js +492 -490
  235. package/dist/esm/components/hf-indicator/hf-indicator.js +33 -0
  236. package/dist/esm/components/hf-indicator/index.js +4 -0
  237. package/dist/esm/components/icons/index.js +29 -28
  238. package/dist/esm/components/index.js +737 -712
  239. package/dist/esm/components/infinite-scroll/index.js +4 -0
  240. package/dist/esm/components/infinite-scroll/infinite-scroll-wrapper.js +30 -0
  241. package/dist/esm/components/layout/index.js +14 -33
  242. package/dist/esm/components/modal/modal.js +1 -1
  243. package/dist/esm/components/name-cell/index.js +4 -0
  244. package/dist/esm/components/name-cell/name-cell.js +35 -0
  245. package/dist/esm/components/network-icon/index.js +4 -2
  246. package/dist/esm/components/network-icon/network-indicator.js +82 -0
  247. package/dist/esm/components/table/index.js +38 -52
  248. package/dist/esm/components/trading-view/trading-view.js +193 -155
  249. package/dist/esm/components/with-copy/with-copy.js +34 -40
  250. package/dist/esm/components/yield-breakdown-tooltip/yield-breakdown-tooltip.js +112 -169
  251. package/dist/esm/configs/tailwind-preset.js +13 -1
  252. package/dist/esm/hooks/index.js +32 -55
  253. package/dist/esm/hooks/use-debounce-call.js +2 -3
  254. package/dist/esm/hooks/use-observed-width-key.js +24 -0
  255. package/dist/esm/index.js +909 -900
  256. package/dist/esm/locale/en.json.js +40 -11
  257. package/dist/esm/utils/format-leverage.js +6 -0
  258. package/dist/esm/utils/format-money.js +59 -41
  259. package/dist/esm/utils/index.js +91 -85
  260. package/dist/esm/utils/leverage-presets.js +13 -0
  261. package/dist/globals.css +1 -1
  262. package/dist/types/components/assets-list-cell/assets-list-cell.d.ts +3 -0
  263. package/dist/types/components/badge/badge.d.ts +2 -1
  264. package/dist/types/components/badge/chip.d.ts +22 -0
  265. package/dist/types/components/badge/index.d.ts +1 -0
  266. package/dist/types/components/base/amount-input/amount-input.d.ts +13 -2
  267. package/dist/types/components/base/amount-input/constants.d.ts +2 -0
  268. package/dist/types/components/base/amount-input/index.d.ts +1 -0
  269. package/dist/types/components/base/amount-input/token-button.d.ts +14 -2
  270. package/dist/types/components/base/amount-input/token-select-panel.d.ts +17 -0
  271. package/dist/types/components/base/borrow-rate-block/borrow-rate-block.d.ts +21 -0
  272. package/dist/types/components/base/borrow-rate-block/constants.d.ts +5 -0
  273. package/dist/types/components/base/borrow-rate-block/index.d.ts +2 -0
  274. package/dist/types/components/base/chart-with-side-card/chart-with-side-card.d.ts +13 -0
  275. package/dist/types/components/base/chart-with-side-card/constants.d.ts +5 -0
  276. package/dist/types/components/base/chart-with-side-card/index.d.ts +2 -0
  277. package/dist/types/components/base/detailed-page-title/detailed-page-title.d.ts +3 -4
  278. package/dist/types/components/base/health-factor-block/health-factor-block.d.ts +6 -6
  279. package/dist/types/components/base/history-chart/history-chart.d.ts +20 -3
  280. package/dist/types/components/base/index.d.ts +12 -0
  281. package/dist/types/components/base/info-list/constants.d.ts +1 -0
  282. package/dist/types/components/base/info-list/info-list.d.ts +15 -1
  283. package/dist/types/components/base/leverage-input/leverage-input.d.ts +2 -2
  284. package/dist/types/components/base/leverage-preset-chips/constants.d.ts +4 -0
  285. package/dist/types/components/base/leverage-preset-chips/index.d.ts +2 -0
  286. package/dist/types/components/base/leverage-preset-chips/leverage-preset-chips.d.ts +13 -0
  287. package/dist/types/components/base/liquidation-params-table/constants.d.ts +3 -0
  288. package/dist/types/components/base/liquidation-params-table/index.d.ts +2 -0
  289. package/dist/types/components/base/liquidation-params-table/liquidation-params-table.d.ts +12 -0
  290. package/dist/types/components/base/liquidation-price-block/liquidation-price-block.d.ts +6 -4
  291. package/dist/types/components/base/manage-pane/constants.d.ts +1 -0
  292. package/dist/types/components/base/manage-pane/manage-pane.d.ts +9 -0
  293. package/dist/types/components/base/more-accordion/constants.d.ts +4 -0
  294. package/dist/types/components/base/more-accordion/index.d.ts +2 -0
  295. package/dist/types/components/base/more-accordion/more-accordion.d.ts +11 -0
  296. package/dist/types/components/base/nested-info-stack/constants.d.ts +3 -0
  297. package/dist/types/components/base/nested-info-stack/index.d.ts +2 -0
  298. package/dist/types/components/base/nested-info-stack/nested-info-stack.d.ts +10 -0
  299. package/dist/types/components/base/page-title/page-title.d.ts +17 -7
  300. package/dist/types/components/base/pool-apy-breakdown-card/constants.d.ts +4 -0
  301. package/dist/types/components/base/pool-apy-breakdown-card/index.d.ts +2 -0
  302. package/dist/types/components/base/pool-apy-breakdown-card/pool-apy-breakdown-card.d.ts +13 -0
  303. package/dist/types/components/base/side-card/constants.d.ts +5 -0
  304. package/dist/types/components/base/side-card/index.d.ts +2 -0
  305. package/dist/types/components/base/side-card/side-card.d.ts +16 -0
  306. package/dist/types/components/base/strategy-apy-breakdown-card/constants.d.ts +5 -0
  307. package/dist/types/components/base/strategy-apy-breakdown-card/index.d.ts +2 -0
  308. package/dist/types/components/base/strategy-apy-breakdown-card/strategy-apy-breakdown-card.d.ts +17 -0
  309. package/dist/types/components/base/tabber/tabber.d.ts +11 -2
  310. package/dist/types/components/base/time-to-liquidation-block/time-to-liquidation-block.d.ts +5 -6
  311. package/dist/types/components/base/title-meta/constants.d.ts +6 -0
  312. package/dist/types/components/base/title-meta/index.d.ts +2 -0
  313. package/dist/types/components/base/title-meta/title-meta.d.ts +23 -0
  314. package/dist/types/components/base/token-amount/token-amount.d.ts +8 -2
  315. package/dist/types/components/base/token-pair-symbol/constants.d.ts +3 -0
  316. package/dist/types/components/base/token-pair-symbol/index.d.ts +2 -0
  317. package/dist/types/components/base/token-pair-symbol/token-pair-symbol.d.ts +15 -0
  318. package/dist/types/components/base/token-pair-title/constants.d.ts +3 -0
  319. package/dist/types/components/base/token-pair-title/index.d.ts +2 -0
  320. package/dist/types/components/base/token-pair-title/token-pair-title.d.ts +11 -0
  321. package/dist/types/components/base/values/constants.d.ts +1 -0
  322. package/dist/types/components/base/values/index.d.ts +3 -1
  323. package/dist/types/components/base/values/points-value.d.ts +11 -0
  324. package/dist/types/components/base/values/position-short-label.d.ts +1 -1
  325. package/dist/types/components/base/values/position-status-badge.d.ts +7 -0
  326. package/dist/types/components/base/values/position-type-badge.d.ts +2 -2
  327. package/dist/types/components/base/values/scalars.d.ts +9 -0
  328. package/dist/types/components/base-link/base-link.d.ts +1 -1
  329. package/dist/types/components/base-table/base-table-line.d.ts +21 -0
  330. package/dist/types/components/base-table/base-table.d.ts +19 -0
  331. package/dist/types/components/base-table/constants.d.ts +8 -0
  332. package/dist/types/components/base-table/index.d.ts +3 -0
  333. package/dist/types/components/base-table/types.d.ts +37 -0
  334. package/dist/types/components/buttons/button/button.d.ts +2 -2
  335. package/dist/types/components/checkbox/checkbox.d.ts +2 -2
  336. package/dist/types/components/collateral-allocation-tooltip/allocation-wheel.d.ts +10 -0
  337. package/dist/types/components/collateral-allocation-tooltip/collateral-allocation-tooltip.d.ts +23 -0
  338. package/dist/types/components/collateral-allocation-tooltip/constants.d.ts +8 -0
  339. package/dist/types/components/collateral-allocation-tooltip/index.d.ts +3 -0
  340. package/dist/types/components/composites/pool-assets-table/constants.d.ts +6 -0
  341. package/dist/types/components/composites/pool-assets-table/index.d.ts +1 -0
  342. package/dist/types/components/composites/pool-assets-table/pool-assets-table-head.d.ts +1 -2
  343. package/dist/types/components/composites/pool-assets-table/pool-assets-table-row.d.ts +8 -8
  344. package/dist/types/components/composites/pool-assets-table/pool-assets-table.d.ts +7 -17
  345. package/dist/types/components/composites/pool-assets-table/types.d.ts +4 -12
  346. package/dist/types/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.d.ts +47 -14
  347. package/dist/types/components/composites/tx-preview/confirm/amounts/index.d.ts +1 -1
  348. package/dist/types/components/composites/tx-preview/confirm/dialog/TransactionConfirmShell.d.ts +23 -19
  349. package/dist/types/components/composites/tx-preview/confirm/dialog/index.d.ts +2 -2
  350. package/dist/types/components/composites/tx-preview/confirm/dialog/transactionConfirmPhase.d.ts +0 -3
  351. package/dist/types/components/composites/tx-preview/confirm/dialog/transactionConfirmShellTypes.d.ts +98 -0
  352. package/dist/types/components/dialog/dialog-container.d.ts +3 -3
  353. package/dist/types/components/edit-input/edit-input.d.ts +1 -1
  354. package/dist/types/components/explorer-links-dropdown/explorer-links-dropdown.d.ts +6 -75
  355. package/dist/types/components/filter/variants.d.ts +1 -1
  356. package/dist/types/components/graph/formatters.d.ts +6 -1
  357. package/dist/types/components/graph/graph-view.d.ts +1 -1
  358. package/dist/types/components/graph/graph.d.ts +4 -0
  359. package/dist/types/components/health-factor/health-factor.d.ts +2 -1
  360. package/dist/types/components/hf-indicator/hf-indicator.d.ts +8 -0
  361. package/dist/types/components/hf-indicator/index.d.ts +1 -0
  362. package/dist/types/components/icons/index.d.ts +1 -1
  363. package/dist/types/components/index.d.ts +5 -6
  364. package/dist/types/components/infinite-scroll/index.d.ts +1 -0
  365. package/dist/types/components/infinite-scroll/infinite-scroll-wrapper.d.ts +11 -0
  366. package/dist/types/components/input/input.d.ts +1 -1
  367. package/dist/types/components/layout/index.d.ts +0 -7
  368. package/dist/types/components/name-cell/index.d.ts +1 -0
  369. package/dist/types/components/name-cell/name-cell.d.ts +13 -0
  370. package/dist/types/components/network-icon/index.d.ts +1 -0
  371. package/dist/types/components/network-icon/network-indicator.d.ts +23 -0
  372. package/dist/types/components/skeleton/skeleton.d.ts +2 -2
  373. package/dist/types/components/status-dot/status-dot.d.ts +1 -1
  374. package/dist/types/components/table/index.d.ts +0 -5
  375. package/dist/types/components/text-button/text-button.d.ts +1 -1
  376. package/dist/types/components/tip-card/tip-card.d.ts +2 -2
  377. package/dist/types/components/token-symbol/token-symbol.d.ts +1 -1
  378. package/dist/types/components/trading-view/trading-view.d.ts +10 -3
  379. package/dist/types/components/vertical-indicator/vertical-indicator.d.ts +2 -2
  380. package/dist/types/components/with-title/with-title.d.ts +1 -1
  381. package/dist/types/components/yield-breakdown-tooltip/yield-breakdown-tooltip.d.ts +6 -8
  382. package/dist/types/configs/tailwind-preset.d.ts +12 -0
  383. package/dist/types/hooks/index.d.ts +1 -1
  384. package/dist/types/hooks/use-observed-width-key.d.ts +8 -0
  385. package/dist/types/index.d.ts +6 -7
  386. package/dist/types/locale/en.json.d.ts +49 -11
  387. package/dist/types/types/index.d.ts +0 -2
  388. package/dist/types/utils/format-leverage.d.ts +5 -0
  389. package/dist/types/utils/format-money.d.ts +11 -5
  390. package/dist/types/utils/index.d.ts +3 -1
  391. package/dist/types/utils/leverage-presets.d.ts +7 -0
  392. package/package.json +3 -15
  393. package/src/styles/base.css +30 -0
  394. package/src/styles/theme.css +16 -0
  395. package/dist/cjs/components/auth/connect-required.cjs +0 -1
  396. package/dist/cjs/components/auth/index.cjs +0 -1
  397. package/dist/cjs/components/auth/signin-required.cjs +0 -1
  398. package/dist/cjs/components/auth/wallet-ui-context.cjs +0 -1
  399. package/dist/cjs/components/block-sync/block-sync.cjs +0 -1
  400. package/dist/cjs/components/block-sync/index.cjs +0 -1
  401. package/dist/cjs/components/composites/tx-preview/confirm/dialog/TransactionConfirmModalView.cjs +0 -1
  402. package/dist/cjs/components/composites/tx-preview/confirm/dialog/TransactionConfirmPageView.cjs +0 -1
  403. package/dist/cjs/components/image/image.cjs +0 -1
  404. package/dist/cjs/components/image/index.cjs +0 -1
  405. package/dist/cjs/components/layout/app-logo/app-logo.cjs +0 -1
  406. package/dist/cjs/components/layout/app-logo/index.cjs +0 -1
  407. package/dist/cjs/components/layout/block/block.cjs +0 -1
  408. package/dist/cjs/components/layout/block/index.cjs +0 -1
  409. package/dist/cjs/components/layout/footer/footer.cjs +0 -1
  410. package/dist/cjs/components/layout/footer/index.cjs +0 -1
  411. package/dist/cjs/components/layout/header/header.cjs +0 -1
  412. package/dist/cjs/components/layout/header/index.cjs +0 -1
  413. package/dist/cjs/components/layout/legal-disclaimer/index.cjs +0 -1
  414. package/dist/cjs/components/layout/legal-disclaimer/legal-disclaimer.cjs +0 -1
  415. package/dist/cjs/components/layout/page-layout/index.cjs +0 -1
  416. package/dist/cjs/components/layout/page-layout/page-layout.cjs +0 -1
  417. package/dist/cjs/components/layout/social-icons/index.cjs +0 -1
  418. package/dist/cjs/components/layout/social-icons/social-icons.cjs +0 -1
  419. package/dist/cjs/components/navbar/index.cjs +0 -1
  420. package/dist/cjs/components/navbar/navbar-indicator-context.cjs +0 -1
  421. package/dist/cjs/components/navbar/navbar-with-overflow.cjs +0 -1
  422. package/dist/cjs/components/navbar/navbar.cjs +0 -1
  423. package/dist/cjs/components/navitem/index.cjs +0 -1
  424. package/dist/cjs/components/navitem/navitem.cjs +0 -1
  425. package/dist/cjs/components/page-title/index.cjs +0 -1
  426. package/dist/cjs/components/page-title/page-title.cjs +0 -1
  427. package/dist/cjs/components/pool-apy-tooltip/apy-tooltip.cjs +0 -1
  428. package/dist/cjs/components/pool-apy-tooltip/index.cjs +0 -1
  429. package/dist/cjs/components/table/edit-button.cjs +0 -1
  430. package/dist/cjs/components/table/editable-grid-table.cjs +0 -1
  431. package/dist/cjs/components/table/editable-table.cjs +0 -1
  432. package/dist/cjs/components/table/grid-table-loader.cjs +0 -1
  433. package/dist/cjs/components/table/updated-value.cjs +0 -1
  434. package/dist/cjs/hooks/use-liquidation/index.cjs +0 -1
  435. package/dist/cjs/hooks/use-liquidation/utils.cjs +0 -1
  436. package/dist/cjs/test-ids/base.cjs +0 -1
  437. package/dist/cjs/test-ids/index.cjs +0 -1
  438. package/dist/cjs/types/help.cjs +0 -1
  439. package/dist/cjs/utils/reactochart-compat.cjs +0 -1
  440. package/dist/esm/components/auth/connect-required.js +0 -37
  441. package/dist/esm/components/auth/index.js +0 -9
  442. package/dist/esm/components/auth/signin-required.js +0 -55
  443. package/dist/esm/components/auth/wallet-ui-context.js +0 -13
  444. package/dist/esm/components/block-sync/block-sync.js +0 -208
  445. package/dist/esm/components/block-sync/index.js +0 -4
  446. package/dist/esm/components/composites/tx-preview/confirm/dialog/TransactionConfirmModalView.js +0 -186
  447. package/dist/esm/components/composites/tx-preview/confirm/dialog/TransactionConfirmPageView.js +0 -54
  448. package/dist/esm/components/image/image.js +0 -32
  449. package/dist/esm/components/image/index.js +0 -4
  450. package/dist/esm/components/layout/app-logo/app-logo.js +0 -99
  451. package/dist/esm/components/layout/app-logo/index.js +0 -5
  452. package/dist/esm/components/layout/block/block.js +0 -50
  453. package/dist/esm/components/layout/block/index.js +0 -4
  454. package/dist/esm/components/layout/footer/footer.js +0 -237
  455. package/dist/esm/components/layout/footer/index.js +0 -7
  456. package/dist/esm/components/layout/header/header.js +0 -93
  457. package/dist/esm/components/layout/header/index.js +0 -5
  458. package/dist/esm/components/layout/legal-disclaimer/index.js +0 -4
  459. package/dist/esm/components/layout/legal-disclaimer/legal-disclaimer.js +0 -46
  460. package/dist/esm/components/layout/page-layout/index.js +0 -4
  461. package/dist/esm/components/layout/page-layout/page-layout.js +0 -39
  462. package/dist/esm/components/layout/social-icons/index.js +0 -4
  463. package/dist/esm/components/layout/social-icons/social-icons.js +0 -61
  464. package/dist/esm/components/navbar/index.js +0 -11
  465. package/dist/esm/components/navbar/navbar-indicator-context.js +0 -46
  466. package/dist/esm/components/navbar/navbar-with-overflow.js +0 -181
  467. package/dist/esm/components/navbar/navbar.js +0 -99
  468. package/dist/esm/components/navitem/index.js +0 -5
  469. package/dist/esm/components/navitem/navitem.js +0 -124
  470. package/dist/esm/components/page-title/index.js +0 -6
  471. package/dist/esm/components/page-title/page-title.js +0 -120
  472. package/dist/esm/components/pool-apy-tooltip/apy-tooltip.js +0 -154
  473. package/dist/esm/components/pool-apy-tooltip/index.js +0 -4
  474. package/dist/esm/components/table/edit-button.js +0 -48
  475. package/dist/esm/components/table/editable-grid-table.js +0 -121
  476. package/dist/esm/components/table/editable-table.js +0 -108
  477. package/dist/esm/components/table/grid-table-loader.js +0 -22
  478. package/dist/esm/components/table/updated-value.js +0 -49
  479. package/dist/esm/hooks/use-liquidation/index.js +0 -138
  480. package/dist/esm/hooks/use-liquidation/utils.js +0 -144
  481. package/dist/esm/test-ids/base.js +0 -44
  482. package/dist/esm/test-ids/index.js +0 -46
  483. package/dist/esm/types/help.js +0 -1
  484. package/dist/esm/utils/reactochart-compat.js +0 -18
  485. package/dist/types/components/auth/connect-required.d.ts +0 -32
  486. package/dist/types/components/auth/index.d.ts +0 -3
  487. package/dist/types/components/auth/signin-required.d.ts +0 -37
  488. package/dist/types/components/auth/wallet-ui-context.d.ts +0 -36
  489. package/dist/types/components/block-sync/block-sync.d.ts +0 -8
  490. package/dist/types/components/block-sync/index.d.ts +0 -1
  491. package/dist/types/components/composites/tx-preview/confirm/dialog/TransactionConfirmModalView.d.ts +0 -17
  492. package/dist/types/components/composites/tx-preview/confirm/dialog/TransactionConfirmPageView.d.ts +0 -16
  493. package/dist/types/components/image/image.d.ts +0 -35
  494. package/dist/types/components/image/index.d.ts +0 -1
  495. package/dist/types/components/layout/app-logo/app-logo.d.ts +0 -26
  496. package/dist/types/components/layout/app-logo/index.d.ts +0 -1
  497. package/dist/types/components/layout/block/block.d.ts +0 -23
  498. package/dist/types/components/layout/block/index.d.ts +0 -1
  499. package/dist/types/components/layout/footer/footer.d.ts +0 -53
  500. package/dist/types/components/layout/footer/index.d.ts +0 -1
  501. package/dist/types/components/layout/header/header.d.ts +0 -123
  502. package/dist/types/components/layout/header/index.d.ts +0 -1
  503. package/dist/types/components/layout/legal-disclaimer/index.d.ts +0 -1
  504. package/dist/types/components/layout/legal-disclaimer/legal-disclaimer.d.ts +0 -32
  505. package/dist/types/components/layout/page-layout/index.d.ts +0 -1
  506. package/dist/types/components/layout/page-layout/page-layout.d.ts +0 -41
  507. package/dist/types/components/layout/social-icons/index.d.ts +0 -1
  508. package/dist/types/components/layout/social-icons/social-icons.d.ts +0 -7
  509. package/dist/types/components/navbar/index.d.ts +0 -3
  510. package/dist/types/components/navbar/navbar-indicator-context.d.ts +0 -13
  511. package/dist/types/components/navbar/navbar-with-overflow.d.ts +0 -20
  512. package/dist/types/components/navbar/navbar.d.ts +0 -25
  513. package/dist/types/components/navitem/index.d.ts +0 -1
  514. package/dist/types/components/navitem/navitem.d.ts +0 -67
  515. package/dist/types/components/page-title/index.d.ts +0 -1
  516. package/dist/types/components/page-title/page-title.d.ts +0 -77
  517. package/dist/types/components/pool-apy-tooltip/apy-tooltip.d.ts +0 -20
  518. package/dist/types/components/pool-apy-tooltip/index.d.ts +0 -1
  519. package/dist/types/components/table/edit-button.d.ts +0 -51
  520. package/dist/types/components/table/editable-grid-table.d.ts +0 -120
  521. package/dist/types/components/table/editable-table.d.ts +0 -101
  522. package/dist/types/components/table/grid-table-loader.d.ts +0 -25
  523. package/dist/types/components/table/updated-value.d.ts +0 -34
  524. package/dist/types/hooks/use-liquidation/index.d.ts +0 -53
  525. package/dist/types/hooks/use-liquidation/types.d.ts +0 -16
  526. package/dist/types/hooks/use-liquidation/utils.d.ts +0 -71
  527. package/dist/types/test-ids/base.d.ts +0 -20
  528. package/dist/types/test-ids/index.d.ts +0 -9
  529. package/dist/types/types/component-props.d.ts +0 -16
  530. package/dist/types/types/help.d.ts +0 -4
  531. package/dist/types/types/reactochart.d.ts +0 -145
  532. package/dist/types/utils/reactochart-compat.d.ts +0 -12
  533. /package/dist/cjs/{hooks/use-liquidation → components/base-table}/types.cjs +0 -0
  534. /package/dist/cjs/{test-ids/notification-center.cjs → components/composites/notification-center/constants.cjs} +0 -0
  535. /package/dist/cjs/{types/component-props.cjs → components/composites/tx-preview/confirm/dialog/transactionConfirmShellTypes.cjs} +0 -0
  536. /package/dist/esm/{hooks/use-liquidation → components/base-table}/types.js +0 -0
  537. /package/dist/esm/{test-ids/notification-center.js → components/composites/notification-center/constants.js} +0 -0
  538. /package/dist/esm/{types/component-props.js → components/composites/tx-preview/confirm/dialog/transactionConfirmShellTypes.js} +0 -0
  539. /package/dist/types/{test-ids/notification-center.d.ts → components/composites/notification-center/constants.d.ts} +0 -0
@@ -0,0 +1,39 @@
1
+ import { jsxs as n, jsx as m } from "react/jsx-runtime";
2
+ import { SegmentedTabs as g } from "../segmented-tabs/segmented-tabs.js";
3
+ import { FormattedMessageTyped as d } from "../../typed-intl/index.js";
4
+ import { formatChipLeverage as l } from "../../../utils/leverage-presets.js";
5
+ import { LeveragePresetChipsTest as s } from "./constants.js";
6
+ function u({
7
+ options: e,
8
+ value: r,
9
+ onChange: a
10
+ }) {
11
+ if (e.length === 0) return null;
12
+ const i = r != null && e.includes(r) ? String(r) : String(e[e.length - 1]);
13
+ return /* @__PURE__ */ n(
14
+ "div",
15
+ {
16
+ className: "flex items-center gap-2",
17
+ "data-testid": s.root,
18
+ children: [
19
+ /* @__PURE__ */ m("span", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ m(d, { messageId: "components.leveragePresetChips.label" }) }),
20
+ /* @__PURE__ */ m(
21
+ g,
22
+ {
23
+ items: e.map((t) => ({
24
+ id: String(t),
25
+ item: `${l(t)}×`,
26
+ testId: s.chip
27
+ })),
28
+ activeTab: i,
29
+ onTabChange: (t) => a(Number(t))
30
+ }
31
+ )
32
+ ]
33
+ }
34
+ );
35
+ }
36
+ export {
37
+ u as LeveragePresetChips,
38
+ s as LeveragePresetChipsTest
39
+ };
@@ -0,0 +1,6 @@
1
+ class t {
2
+ static root = "liquidation-params-table-root";
3
+ }
4
+ export {
5
+ t as LiquidationParamsTableTest
6
+ };
@@ -0,0 +1,6 @@
1
+ import { LiquidationParamsTableTest as o } from "./constants.js";
2
+ import { LiquidationParamsTable as e } from "./liquidation-params-table.js";
3
+ export {
4
+ e as LiquidationParamsTable,
5
+ o as LiquidationParamsTableTest
6
+ };
@@ -0,0 +1,62 @@
1
+ import { jsxs as i, jsx as e } from "react/jsx-runtime";
2
+ import "react-intl";
3
+ import "../../buttons/button/button.js";
4
+ import "react";
5
+ import "@gearbox-protocol/sdk";
6
+ import "clsx";
7
+ import "tailwind-merge";
8
+ import "sonner";
9
+ import "@gearbox-protocol/sdk/common-utils";
10
+ import "luxon";
11
+ import "../../../utils/z-index.js";
12
+ import "../../table/grid-table.js";
13
+ import "../../skeleton/skeleton.js";
14
+ import { Table as d, TableHeader as c, TableRow as s, TableHead as m, TableBody as p, TableCell as r } from "../../table/table.js";
15
+ import { FormattedMessageTyped as t } from "../../typed-intl/index.js";
16
+ import { LiquidationParamsTableTest as u } from "./constants.js";
17
+ function a(o) {
18
+ return o / 100;
19
+ }
20
+ function z({
21
+ data: o
22
+ }) {
23
+ const n = a(o.liquidationPremium), l = a(o.liquidationFee);
24
+ return /* @__PURE__ */ i(
25
+ d,
26
+ {
27
+ size: "sm",
28
+ className: "min-w-[480px]",
29
+ "data-testid": u.root,
30
+ children: [
31
+ /* @__PURE__ */ e(c, { children: /* @__PURE__ */ i(s, { children: [
32
+ /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(t, { messageId: "components.liquidationParamsTable.lt" }) }),
33
+ /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(t, { messageId: "components.liquidationParamsTable.penalty" }) }),
34
+ /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(t, { messageId: "components.liquidationParamsTable.premium" }) }),
35
+ /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(t, { messageId: "components.liquidationParamsTable.fee" }) })
36
+ ] }) }),
37
+ /* @__PURE__ */ e(p, { children: /* @__PURE__ */ i(s, { children: [
38
+ /* @__PURE__ */ i(r, { className: "font-medium", children: [
39
+ a(o.liquidationThreshold).toFixed(2),
40
+ "%"
41
+ ] }),
42
+ /* @__PURE__ */ i(r, { className: "font-medium", children: [
43
+ (n + l).toFixed(2),
44
+ "%"
45
+ ] }),
46
+ /* @__PURE__ */ i(r, { className: "font-medium", children: [
47
+ n.toFixed(2),
48
+ "%"
49
+ ] }),
50
+ /* @__PURE__ */ i(r, { className: "font-medium", children: [
51
+ l.toFixed(2),
52
+ "%"
53
+ ] })
54
+ ] }) })
55
+ ]
56
+ }
57
+ );
58
+ }
59
+ export {
60
+ z as LiquidationParamsTable,
61
+ u as LiquidationParamsTableTest
62
+ };
@@ -1,40 +1,45 @@
1
- import { jsx as e, jsxs as v } from "react/jsx-runtime";
2
- import { useTitleText as g } from "../text/use-title-text.js";
3
- import { FadeoutLoading as m } from "../../fadeout-loading/fadeout-loading.js";
4
- import { FormattedNumberString as P } from "../../formatted-number/formatted-number.js";
5
- import { HealthDot as T } from "../../status-elements/status-elements.js";
6
- import { FormattedMessageTyped as s } from "../../typed-intl/index.js";
1
+ import { jsx as i, jsxs as P } from "react/jsx-runtime";
2
+ import { useTitleText as b } from "../text/use-title-text.js";
3
+ import { FadeoutLoading as s } from "../../fadeout-loading/fadeout-loading.js";
4
+ import { FormattedNumberString as T } from "../../formatted-number/formatted-number.js";
5
+ import { HealthDot as g } from "../../status-elements/status-elements.js";
6
+ import { FormattedMessageTyped as d } from "../../typed-intl/index.js";
7
7
  import { VerticalIndicator as h } from "../../vertical-indicator/vertical-indicator.js";
8
8
  import { bnToLiquidationPriceView as x } from "../../../utils/parse-input-to-bn.js";
9
9
  import { LiquidationPriceBlockTest as r } from "./constants.js";
10
- function j({
11
- price: i,
10
+ function q(e, o) {
11
+ if (!(!e || !o))
12
+ return `${e.symbol} / ${o.symbol}`;
13
+ }
14
+ function D({
15
+ price: e,
12
16
  priceTo: o,
13
- pricePair: t,
17
+ collateral: t,
18
+ underlying: u,
14
19
  zone: l,
15
- isLoading: a,
16
- title: n,
17
- tip: u,
18
- testId: p
20
+ isLoading: n,
21
+ title: a,
22
+ tip: p,
23
+ testId: f
19
24
  }) {
20
- const f = g(), d = o !== void 0;
21
- return /* @__PURE__ */ e(
25
+ const v = b(), m = o !== void 0;
26
+ return /* @__PURE__ */ i(
22
27
  h,
23
28
  {
24
29
  align: "center",
25
30
  dimPreviousValue: !1,
26
- "data-testid": p ?? r.root,
27
- label: n !== void 0 ? f(n) : /* @__PURE__ */ e(s, { messageId: "components.liquidationPriceBlock.label" }),
28
- tip: u ?? /* @__PURE__ */ e(s, { messageId: "components.liquidationPriceBlock.tip" }),
29
- value: /* @__PURE__ */ e(m, { loading: a, children: /* @__PURE__ */ e(
31
+ "data-testid": f ?? r.root,
32
+ label: a !== void 0 ? v(a) : /* @__PURE__ */ i(d, { messageId: "components.liquidationPriceBlock.label" }),
33
+ tip: p ?? /* @__PURE__ */ i(d, { messageId: "components.liquidationPriceBlock.tip" }),
34
+ value: /* @__PURE__ */ i(s, { loading: n, children: /* @__PURE__ */ i(
30
35
  c,
31
36
  {
32
- price: i,
33
- zone: d ? void 0 : l,
37
+ price: e,
38
+ zone: m ? void 0 : l,
34
39
  testId: r.value
35
40
  }
36
41
  ) }),
37
- valueTo: d ? /* @__PURE__ */ e(m, { loading: a, children: /* @__PURE__ */ e(
42
+ valueTo: m ? /* @__PURE__ */ i(s, { loading: n, children: /* @__PURE__ */ i(
38
43
  c,
39
44
  {
40
45
  price: o ?? null,
@@ -42,21 +47,21 @@ function j({
42
47
  testId: r.valueTo
43
48
  }
44
49
  ) }) : void 0,
45
- valueDescription: t
50
+ valueDescription: q(t, u)
46
51
  }
47
52
  );
48
53
  }
49
54
  function c({
50
- price: i,
55
+ price: e,
51
56
  zone: o,
52
57
  testId: t
53
58
  }) {
54
- return /* @__PURE__ */ v("span", { className: "inline-flex items-center", "data-testid": t, children: [
55
- i === void 0 ? "—" : i === null || i === 0n ? "N/A" : /* @__PURE__ */ e(P, { value: x(i) }),
56
- o ? /* @__PURE__ */ e("span", { className: "ml-1.5", children: /* @__PURE__ */ e(T, { zone: o }) }) : null
59
+ return /* @__PURE__ */ P("span", { className: "inline-flex items-center", "data-testid": t, children: [
60
+ e === void 0 ? "—" : e === null || e === 0n ? "N/A" : /* @__PURE__ */ i(T, { value: x(e) }),
61
+ o ? /* @__PURE__ */ i("span", { className: "ml-1.5", children: /* @__PURE__ */ i(g, { zone: o }) }) : null
57
62
  ] });
58
63
  }
59
64
  export {
60
- j as LiquidationPriceBlock,
65
+ D as LiquidationPriceBlock,
61
66
  r as LiquidationPriceBlockTest
62
67
  };
@@ -1,11 +1,12 @@
1
- class t {
1
+ class e {
2
2
  static root = "manage-pane-root";
3
3
  static tabs = "manage-pane-tabs";
4
4
  static dropdown = "manage-pane-dropdown";
5
5
  static body = "manage-pane-body";
6
6
  static message = "manage-pane-message";
7
+ static actionDialog = "manage-pane-action-dialog";
7
8
  static tab = (a) => `manage-pane-tab-${a}`;
8
9
  }
9
10
  export {
10
- t as ManagePaneTest
11
+ e as ManagePaneTest
11
12
  };
@@ -1,9 +1,10 @@
1
- import { ManagePane as n, ManagePaneMessage as g, ManagePaneTab as o, ManagePaneTabDropdown as M } from "./manage-pane.js";
2
- import { ManagePaneTest as P } from "./constants.js";
1
+ import { ManagePane as n, ManagePaneActionTab as g, ManagePaneMessage as o, ManagePaneTab as M, ManagePaneTabDropdown as P } from "./manage-pane.js";
2
+ import { ManagePaneTest as t } from "./constants.js";
3
3
  export {
4
4
  n as ManagePane,
5
- g as ManagePaneMessage,
6
- o as ManagePaneTab,
7
- M as ManagePaneTabDropdown,
8
- P as ManagePaneTest
5
+ g as ManagePaneActionTab,
6
+ o as ManagePaneMessage,
7
+ M as ManagePaneTab,
8
+ P as ManagePaneTabDropdown,
9
+ t as ManagePaneTest
9
10
  };
@@ -1,119 +1,181 @@
1
- import { jsx as n, jsxs as a } from "react/jsx-runtime";
2
- import { faEllipsis as S } from "@fortawesome/free-solid-svg-icons";
3
- import { Children as P, isValidElement as c } from "react";
4
- import { InfoPortalProvider as w, InfoPortalOut as I } from "../info-portal/info-portal.js";
5
- import { SegmentedTabs as y, SEGMENTED_TABS_INACTIVE_BUTTON_CLASS as C } from "../segmented-tabs/segmented-tabs.js";
6
- import { Stack as o } from "../stack/stack.js";
7
- import { useTitleText as D } from "../text/use-title-text.js";
8
- import { Button as E } from "../../buttons/button/button.js";
9
- import { StyledDialogContainer as N } from "../../client-adapters/styled-dialog-container/styled-dialog-container.js";
10
- import { FaIcon as _ } from "../../icons/fa-icon.js";
11
- import { SimpleDropdown as x } from "../../simple-dropdown/simple-dropdown.js";
12
- import { SimpleDropdownMenuItem as A } from "../../simple-dropdown/simple-dropdown-menu-item.js";
13
- import { ManagePaneTest as r } from "./constants.js";
14
- function v(e) {
1
+ import { jsxs as r, jsx as n } from "react/jsx-runtime";
2
+ import { faEllipsis as x } from "@fortawesome/free-solid-svg-icons";
3
+ import { useState as E, Children as N, isValidElement as f } from "react";
4
+ import { InfoPortalProvider as v, InfoPortalOut as O } from "../info-portal/info-portal.js";
5
+ import { SegmentedTabs as k, SEGMENTED_TABS_INACTIVE_BUTTON_CLASS as B } from "../segmented-tabs/segmented-tabs.js";
6
+ import { Stack as e } from "../stack/stack.js";
7
+ import { useTitleText as j } from "../text/use-title-text.js";
8
+ import { Button as z } from "../../buttons/button/button.js";
9
+ import { StyledDialogContainer as V } from "../../client-adapters/styled-dialog-container/styled-dialog-container.js";
10
+ import { ConfirmMenu as F } from "../../confirm-menu/confirm-menu.js";
11
+ import "../../modal/modal.js";
12
+ import "@radix-ui/react-dialog";
13
+ import "../../dialog/dialog-container.js";
14
+ import "../../dialog/dialog-content.js";
15
+ import "../../dialog/dialog-description.js";
16
+ import "../../dialog/dialog-footer.js";
17
+ import "@gearbox-protocol/sdk";
18
+ import "clsx";
19
+ import "tailwind-merge";
20
+ import "sonner";
21
+ import "@gearbox-protocol/sdk/common-utils";
22
+ import "luxon";
23
+ import "../../../utils/z-index.js";
24
+ import "../../dialog/dialog-header.js";
25
+ import "../../dialog/dialog-title.js";
26
+ import { DialogModalContainer as G } from "../../dialog/dialog-modal-container.js";
27
+ import "../../dialog/dialog-overlay.js";
28
+ import "viem";
29
+ import "../../input/input.js";
30
+ import "../../label/label.js";
31
+ import { FaIcon as L } from "../../icons/fa-icon.js";
32
+ import { SimpleDropdown as U } from "../../simple-dropdown/simple-dropdown.js";
33
+ import { SimpleDropdownMenuItem as q } from "../../simple-dropdown/simple-dropdown-menu-item.js";
34
+ import { ManagePaneTest as i } from "./constants.js";
35
+ function H(o) {
15
36
  return null;
16
37
  }
17
- function B(e) {
38
+ function J(o) {
18
39
  return null;
19
40
  }
20
- function j(e) {
21
- return c(e) && e.type === v;
41
+ function K(o) {
42
+ return null;
43
+ }
44
+ function Q(o) {
45
+ return f(o) && o.type === H;
22
46
  }
23
- function z(e) {
24
- return c(e) && e.type === B;
47
+ function R(o) {
48
+ return f(o) && o.type === J;
25
49
  }
26
- function W({
27
- children: e,
28
- activeTab: d,
29
- onTabChange: f,
30
- header: u,
31
- footer: g,
50
+ function W(o) {
51
+ return f(o) && o.type === K;
52
+ }
53
+ function Et({
54
+ children: o,
55
+ activeTab: g,
56
+ onTabChange: M,
57
+ header: I,
58
+ footer: S,
32
59
  actions: l,
33
- testId: h
60
+ testId: C
34
61
  }) {
35
- const T = D(), p = P.toArray(e), m = p.filter(j), b = p.find(z), s = m.filter((t) => !t.props.hidden), M = m.find((t) => t.props.id === d)?.props.children, i = b?.props.items ?? [];
36
- return /* @__PURE__ */ n(w, { children: /* @__PURE__ */ a(o, { gap: "md", "data-testid": h ?? r.root, children: [
37
- u,
38
- s.length > 0 || i.length > 0 || l ? /* @__PURE__ */ a(o, { direction: "row", align: "center", gap: "sm", children: [
39
- s.length > 0 ? /* @__PURE__ */ n(
40
- y,
41
- {
42
- items: s.map((t) => ({
43
- id: t.props.id,
44
- item: T(t.props.title),
45
- disabled: t.props.disabled,
46
- testId: r.tab(t.props.id)
47
- })),
48
- activeTab: d,
49
- onTabChange: f,
50
- testId: r.tabs
51
- }
52
- ) : null,
53
- i.length > 0 || l ? /* @__PURE__ */ a(
54
- o,
62
+ const d = j(), [P, h] = E(null), m = N.toArray(o), T = m.filter(Q), w = m.find(R), p = m.filter(W), A = T.filter((t) => !t.props.hidden), D = T.find((t) => t.props.id === g)?.props.children, a = w?.props.items ?? [], y = new Set(p.map((t) => t.props.id)), c = p.find((t) => t.props.id === P), b = () => h(null), u = [
63
+ ...A.map((t) => ({
64
+ id: t.props.id,
65
+ item: d(t.props.title),
66
+ disabled: t.props.disabled,
67
+ testId: i.tab(t.props.id)
68
+ })),
69
+ ...p.map((t) => ({
70
+ id: t.props.id,
71
+ item: d(t.props.title),
72
+ testId: i.tab(t.props.id)
73
+ }))
74
+ ];
75
+ return /* @__PURE__ */ r(v, { children: [
76
+ /* @__PURE__ */ r(e, { gap: "md", "data-testid": C ?? i.root, children: [
77
+ I,
78
+ u.length > 0 || a.length > 0 || l ? /* @__PURE__ */ r(e, { direction: "row", align: "center", gap: "sm", children: [
79
+ u.length > 0 ? /* @__PURE__ */ n(
80
+ k,
81
+ {
82
+ items: u,
83
+ activeTab: g,
84
+ onTabChange: (t) => {
85
+ const s = p.find((_) => _.props.id === t);
86
+ if (s) {
87
+ s.props.children != null && h(s.props.id), s.props.onClick?.();
88
+ return;
89
+ }
90
+ y.has(t) || M(t);
91
+ },
92
+ testId: i.tabs
93
+ }
94
+ ) : null,
95
+ a.length > 0 || l ? /* @__PURE__ */ r(
96
+ e,
97
+ {
98
+ direction: "row",
99
+ align: "center",
100
+ gap: "sm",
101
+ className: "ml-auto",
102
+ children: [
103
+ a.length > 0 ? /* @__PURE__ */ n(
104
+ U,
105
+ {
106
+ title: /* @__PURE__ */ n(
107
+ z,
108
+ {
109
+ type: "button",
110
+ variant: "ghost",
111
+ size: "md",
112
+ className: B,
113
+ "aria-label": "More actions",
114
+ "data-testid": i.dropdown,
115
+ children: /* @__PURE__ */ n(L, { icon: x, className: "size-4" })
116
+ }
117
+ ),
118
+ asChild: !0,
119
+ placement: "bottom",
120
+ align: "end",
121
+ children: a.map((t) => /* @__PURE__ */ n(
122
+ q,
123
+ {
124
+ onSelect: t.onSelect,
125
+ children: t.title
126
+ },
127
+ t.id
128
+ ))
129
+ }
130
+ ) : null,
131
+ l
132
+ ]
133
+ }
134
+ ) : null
135
+ ] }) : null,
136
+ /* @__PURE__ */ r(
137
+ V,
55
138
  {
56
- direction: "row",
57
- align: "center",
58
- gap: "sm",
59
- className: "ml-auto",
139
+ "data-testid": i.body,
140
+ "data-aside-form-top": !0,
60
141
  children: [
61
- i.length > 0 ? /* @__PURE__ */ n(
62
- x,
63
- {
64
- title: /* @__PURE__ */ n(
65
- E,
66
- {
67
- type: "button",
68
- variant: "ghost",
69
- size: "md",
70
- className: C,
71
- "aria-label": "More actions",
72
- "data-testid": r.dropdown,
73
- children: /* @__PURE__ */ n(_, { icon: S, className: "size-4" })
74
- }
75
- ),
76
- asChild: !0,
77
- placement: "bottom",
78
- align: "end",
79
- children: i.map((t) => /* @__PURE__ */ n(
80
- A,
81
- {
82
- onSelect: t.onSelect,
83
- children: t.title
84
- },
85
- t.id
86
- ))
87
- }
88
- ) : null,
89
- l
142
+ /* @__PURE__ */ n(e, { children: /* @__PURE__ */ n(O, {}) }),
143
+ D
90
144
  ]
91
145
  }
92
- ) : null
93
- ] }) : null,
94
- /* @__PURE__ */ a(
95
- N,
146
+ ),
147
+ S
148
+ ] }),
149
+ c?.props.children != null ? /* @__PURE__ */ n(
150
+ G,
96
151
  {
97
- "data-testid": r.body,
98
- "data-aside-form-top": !0,
99
- children: [
100
- /* @__PURE__ */ n(o, { children: /* @__PURE__ */ n(I, {}) }),
101
- M
102
- ]
152
+ show: !0,
153
+ onClickOutside: b,
154
+ dialog: { padding: "xl" },
155
+ children: /* @__PURE__ */ r("div", { "data-testid": i.actionDialog, children: [
156
+ /* @__PURE__ */ n(
157
+ F,
158
+ {
159
+ onClose: b,
160
+ title: d(c.props.title)
161
+ }
162
+ ),
163
+ c.props.children
164
+ ] })
103
165
  }
104
- ),
105
- g
106
- ] }) });
166
+ ) : null
167
+ ] });
107
168
  }
108
- function X({
109
- children: e
169
+ function Nt({
170
+ children: o
110
171
  }) {
111
- return /* @__PURE__ */ n(o, { gap: "sm", "data-testid": r.message, children: e });
172
+ return /* @__PURE__ */ n(e, { gap: "sm", "data-testid": i.message, children: o });
112
173
  }
113
174
  export {
114
- W as ManagePane,
115
- X as ManagePaneMessage,
116
- v as ManagePaneTab,
117
- B as ManagePaneTabDropdown,
118
- r as ManagePaneTest
175
+ Et as ManagePane,
176
+ K as ManagePaneActionTab,
177
+ Nt as ManagePaneMessage,
178
+ H as ManagePaneTab,
179
+ J as ManagePaneTabDropdown,
180
+ i as ManagePaneTest
119
181
  };
@@ -0,0 +1,7 @@
1
+ class r {
2
+ static root = "more-accordion-root";
3
+ static trigger = "more-accordion-trigger";
4
+ }
5
+ export {
6
+ r as MoreAccordionTest
7
+ };
@@ -0,0 +1,6 @@
1
+ import { MoreAccordionTest as e } from "./constants.js";
2
+ import { MoreAccordion as t } from "./more-accordion.js";
3
+ export {
4
+ t as MoreAccordion,
5
+ e as MoreAccordionTest
6
+ };
@@ -0,0 +1,51 @@
1
+ import { jsx as e, jsxs as o } from "react/jsx-runtime";
2
+ import { useState as c } from "react";
3
+ import { faChevronDown as d } from "@fortawesome/free-solid-svg-icons";
4
+ import { FaIcon as l } from "../../icons/fa-icon.js";
5
+ import { SimpleAccordion as p, SimpleAccordionItem as f } from "../../simple-accordion/simple-accordion.js";
6
+ import { useTitleText as u } from "../text/use-title-text.js";
7
+ import { MoreAccordionTest as t } from "./constants.js";
8
+ function A({
9
+ children: i,
10
+ moreMessage: n = "components.moreAccordion.more",
11
+ lessMessage: s = "components.moreAccordion.less"
12
+ }) {
13
+ const r = u(), [a, m] = c(!1);
14
+ return /* @__PURE__ */ e("div", { "data-testid": t.root, children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
15
+ f,
16
+ {
17
+ value: "more",
18
+ last: !0,
19
+ hideIcon: !0,
20
+ onClick: m,
21
+ triggerClassName: "py-0 font-normal justify-center group",
22
+ className: "border-b-0",
23
+ title: /* @__PURE__ */ o(
24
+ "div",
25
+ {
26
+ className: "grid w-full grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] items-center gap-3",
27
+ "data-testid": t.trigger,
28
+ children: [
29
+ /* @__PURE__ */ e("div", { className: "border-b border-gray-20" }),
30
+ /* @__PURE__ */ o("span", { className: "inline-flex items-center justify-center gap-1.5 whitespace-nowrap text-sm font-medium leading-[17px] text-secondary-foreground transition-colors group-hover:text-white", children: [
31
+ r(a ? s : n),
32
+ /* @__PURE__ */ e(
33
+ l,
34
+ {
35
+ icon: d,
36
+ className: "size-3 transition-transform group-data-[state=open]:rotate-180"
37
+ }
38
+ )
39
+ ] }),
40
+ /* @__PURE__ */ e("div", { className: "border-b border-gray-20" })
41
+ ]
42
+ }
43
+ ),
44
+ description: /* @__PURE__ */ e("div", { className: "px-4 pb-0 pt-4", children: i })
45
+ }
46
+ ) }) });
47
+ }
48
+ export {
49
+ A as MoreAccordion,
50
+ t as MoreAccordionTest
51
+ };
@@ -0,0 +1,6 @@
1
+ class o {
2
+ static root = "nested-info-stack-root";
3
+ }
4
+ export {
5
+ o as NestedInfoStackTest
6
+ };
@@ -0,0 +1,6 @@
1
+ import { NestedInfoStackTest as o } from "./constants.js";
2
+ import { NestedInfoStack as r } from "./nested-info-stack.js";
3
+ export {
4
+ r as NestedInfoStack,
5
+ o as NestedInfoStackTest
6
+ };
@@ -0,0 +1,20 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import { Stack as r } from "../stack/stack.js";
3
+ import { NestedInfoStackTest as t } from "./constants.js";
4
+ function l({
5
+ children: e
6
+ }) {
7
+ return /* @__PURE__ */ o(
8
+ r,
9
+ {
10
+ gap: "sm",
11
+ className: "relative py-[2px] pr-0 pl-3 before:absolute before:top-0 before:left-0 before:block before:h-full before:border-l-2 before:border-l-gray-40 before:content-['']",
12
+ "data-testid": t.root,
13
+ children: e
14
+ }
15
+ );
16
+ }
17
+ export {
18
+ l as NestedInfoStack,
19
+ t as NestedInfoStackTest
20
+ };
@@ -1,6 +1,7 @@
1
- import { PageTitle as o } from "./page-title.js";
2
- import { PageTitleTest as T } from "./constants.js";
1
+ import { PageHeadProvider as o, PageTitle as t } from "./page-title.js";
2
+ import { PageTitleTest as P } from "./constants.js";
3
3
  export {
4
- o as PageTitle,
5
- T as PageTitleTest
4
+ o as PageHeadProvider,
5
+ t as PageTitle,
6
+ P as PageTitleTest
6
7
  };