@gearbox-protocol/permissionless-ui 1.2.33 → 1.4.0

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 (515) hide show
  1. package/README.md +120 -1
  2. package/dist/cjs/components/asset-line.js +117 -0
  3. package/dist/cjs/components/assets-list-cell.js +73 -0
  4. package/dist/cjs/components/assets-ratio.js +98 -0
  5. package/dist/cjs/components/auth/siwe-provider.js +4 -4
  6. package/dist/cjs/components/base-link.js +61 -0
  7. package/dist/cjs/components/block-sync.js +118 -0
  8. package/dist/cjs/components/breadcrumbs.js +77 -0
  9. package/dist/cjs/components/buttons/back-button.js +37 -19
  10. package/dist/cjs/components/buttons/button.js +4 -4
  11. package/dist/cjs/components/buttons/filter-button.js +68 -0
  12. package/dist/cjs/components/buttons/index.js +4 -0
  13. package/dist/cjs/components/buttons/navigation-button.js +2 -2
  14. package/dist/cjs/components/buttons/range-buttons.js +63 -0
  15. package/dist/cjs/components/card-grid.js +127 -0
  16. package/dist/cjs/components/card.js +176 -0
  17. package/dist/cjs/components/checkbox-item.js +82 -0
  18. package/dist/cjs/components/compound-apy.js +232 -0
  19. package/dist/cjs/components/credit-session-status.js +67 -0
  20. package/dist/cjs/components/description.js +48 -0
  21. package/dist/cjs/components/detailed-page-title.js +96 -0
  22. package/dist/cjs/components/dialog/dialog-container.js +75 -0
  23. package/dist/cjs/components/dialog/dialog-content.js +66 -0
  24. package/dist/cjs/components/dialog/dialog-description.js +50 -0
  25. package/dist/cjs/components/dialog/dialog-footer.js +53 -0
  26. package/dist/cjs/components/dialog/dialog-header.js +53 -0
  27. package/dist/cjs/components/dialog/dialog-overlay.js +53 -0
  28. package/dist/cjs/components/dialog/dialog-title.js +50 -0
  29. package/dist/cjs/components/dialog/dialog.js +45 -0
  30. package/dist/cjs/components/dialog/index.js +36 -0
  31. package/dist/cjs/components/dropdown-menu/dropdown-menu-checkbox-item.js +63 -0
  32. package/dist/cjs/components/dropdown-menu/dropdown-menu-content.js +55 -0
  33. package/dist/cjs/components/dropdown-menu/dropdown-menu-item.js +54 -0
  34. package/dist/cjs/components/dropdown-menu/dropdown-menu-label.js +54 -0
  35. package/dist/cjs/components/dropdown-menu/dropdown-menu-radio-item.js +58 -0
  36. package/dist/cjs/components/dropdown-menu/dropdown-menu-separator.js +50 -0
  37. package/dist/cjs/components/dropdown-menu/dropdown-menu-shortcut.js +52 -0
  38. package/dist/cjs/components/dropdown-menu/dropdown-menu-sub-content.js +53 -0
  39. package/dist/cjs/components/dropdown-menu/dropdown-menu-sub-trigger.js +59 -0
  40. package/dist/cjs/components/dropdown-menu/dropdown-menu.js +54 -0
  41. package/dist/cjs/components/dropdown-menu/index.js +40 -0
  42. package/dist/cjs/components/error-message.js +70 -0
  43. package/dist/cjs/components/filter/filter-block.js +52 -0
  44. package/dist/cjs/components/filter/filter-checkbox-item.js +59 -0
  45. package/dist/cjs/components/filter/filter-chip.js +74 -0
  46. package/dist/cjs/components/filter/filter-chips.js +84 -0
  47. package/dist/cjs/components/filter/filter-dropdown-item.js +54 -0
  48. package/dist/cjs/components/filter/filter-group.js +43 -0
  49. package/dist/cjs/components/filter/filter-label.js +54 -0
  50. package/dist/cjs/components/filter/filter-modal-item.js +55 -0
  51. package/dist/cjs/components/filter/filter-modal.js +242 -0
  52. package/dist/cjs/components/filter/filter-radio-item.js +58 -0
  53. package/dist/cjs/components/filter/filter-separator.js +50 -0
  54. package/dist/cjs/components/filter/index.js +44 -0
  55. package/dist/cjs/components/filter/interface.js +16 -0
  56. package/dist/cjs/components/filter/variants.js +41 -0
  57. package/dist/cjs/components/form/form-field.js +67 -0
  58. package/dist/cjs/components/{editable-table → form}/index.js +4 -8
  59. package/dist/cjs/components/graph/default-config.js +158 -0
  60. package/dist/cjs/components/graph/formatters.js +175 -0
  61. package/dist/cjs/components/graph/graph-current-value.js +54 -0
  62. package/dist/cjs/components/graph/graph-tooltip.js +142 -0
  63. package/dist/cjs/components/graph/graph-view.js +233 -0
  64. package/dist/cjs/components/graph/graph.js +637 -0
  65. package/dist/cjs/components/graph/index.js +44 -0
  66. package/dist/cjs/components/graph/plugins/vertical-line.js +127 -0
  67. package/dist/cjs/components/guard.js +34 -0
  68. package/dist/cjs/components/health-factor.js +100 -0
  69. package/dist/cjs/components/help-center-container.js +107 -0
  70. package/dist/cjs/components/hide-on.js +66 -0
  71. package/dist/cjs/components/horizontal-indicator.js +63 -0
  72. package/dist/cjs/components/image.js +56 -0
  73. package/dist/cjs/components/index.js +93 -9
  74. package/dist/cjs/components/input.js +43 -21
  75. package/dist/cjs/components/label.js +29 -5
  76. package/dist/cjs/components/layout/app-logo.js +7 -17
  77. package/dist/cjs/components/layout/col.js +192 -0
  78. package/dist/cjs/components/layout/container.js +75 -0
  79. package/dist/cjs/components/layout/footer.js +137 -52
  80. package/dist/cjs/components/layout/grid.js +217 -0
  81. package/dist/cjs/components/layout/header.js +75 -13
  82. package/dist/cjs/components/layout/index.js +8 -0
  83. package/dist/cjs/components/layout/layout.js +65 -0
  84. package/dist/cjs/components/layout/legal-disclaimer.js +4 -14
  85. package/dist/cjs/components/liquidation/index.js +28 -0
  86. package/dist/cjs/components/liquidation/liquidation-assets-table.js +95 -0
  87. package/dist/cjs/components/liquidation/liquidation-graph-legend.js +41 -0
  88. package/dist/cjs/components/liquidation/liquidation-graph-tip.js +93 -0
  89. package/dist/cjs/components/liquidation/liquidation-graph.js +214 -0
  90. package/dist/cjs/components/loader-guard.js +47 -0
  91. package/dist/cjs/components/loading-guard.js +55 -0
  92. package/dist/cjs/components/markdown-viewer.js +4 -2
  93. package/dist/cjs/components/navbar-indicator-context.js +94 -0
  94. package/dist/cjs/components/navbar.js +131 -0
  95. package/dist/cjs/components/navitem.js +148 -0
  96. package/dist/cjs/components/next/back-button.js +43 -0
  97. package/dist/cjs/components/next/index.js +40 -0
  98. package/dist/cjs/components/next/siwe-provider.js +35 -0
  99. package/dist/cjs/components/next/token-icon.js +43 -0
  100. package/dist/cjs/components/next/web3-providers.js +116 -0
  101. package/dist/cjs/components/not-found.js +58 -0
  102. package/dist/cjs/components/options-list.js +88 -0
  103. package/dist/cjs/components/page-title.js +116 -0
  104. package/dist/cjs/components/percent-indicator.js +56 -0
  105. package/dist/cjs/components/pool-points-indicator.js +107 -0
  106. package/dist/cjs/components/search-bar.js +1 -0
  107. package/dist/cjs/components/search-line.js +225 -0
  108. package/dist/cjs/components/select.js +30 -9
  109. package/dist/cjs/components/short-string.js +58 -0
  110. package/dist/cjs/components/signatures/vertical-timeline.js +1 -0
  111. package/dist/cjs/components/skeleton.js +56 -3
  112. package/dist/cjs/components/stat-badge.js +189 -0
  113. package/dist/cjs/components/tab-control.js +254 -0
  114. package/dist/cjs/components/table/editable-grid-table.js +131 -0
  115. package/dist/cjs/components/{editable-table → table}/editable-table.js +1 -1
  116. package/dist/cjs/components/table/grid-error-line.js +60 -0
  117. package/dist/cjs/components/table/grid-loading-line.js +64 -0
  118. package/dist/cjs/components/table/grid-table-loader.js +56 -0
  119. package/dist/cjs/components/table/grid-table.js +203 -0
  120. package/dist/cjs/components/table/index.js +46 -0
  121. package/dist/cjs/components/table/sortable-head-cell.js +48 -0
  122. package/dist/cjs/components/table/table-loader-guard.js +55 -0
  123. package/dist/cjs/components/table/table-loader.js +46 -0
  124. package/dist/cjs/components/table/table-sm.js +93 -0
  125. package/dist/cjs/components/{table.js → table/table.js} +78 -22
  126. package/dist/cjs/components/textarea.js +27 -7
  127. package/dist/cjs/components/theme-provider.js +127 -0
  128. package/dist/cjs/components/theme-toggle.js +85 -0
  129. package/dist/cjs/components/token-icon.js +69 -20
  130. package/dist/cjs/components/token-symbol.js +84 -0
  131. package/dist/cjs/components/tooltip.js +1 -1
  132. package/dist/cjs/components/typed-intl/index.js +57 -0
  133. package/dist/cjs/components/vspace.js +31 -0
  134. package/dist/cjs/components/with-filter-button.js +84 -0
  135. package/dist/cjs/configs/design-tokens.js +109 -0
  136. package/dist/cjs/configs/index.js +48 -0
  137. package/dist/cjs/configs/tailwind-preset.js +162 -0
  138. package/dist/cjs/configs/tailwind.config.js +20 -67
  139. package/dist/cjs/configs/variants.js +58 -0
  140. package/dist/cjs/hooks/index.js +34 -0
  141. package/dist/cjs/hooks/use-controllable-state.js +50 -0
  142. package/dist/cjs/hooks/use-debounce.js +68 -0
  143. package/dist/cjs/hooks/use-filter.js +80 -0
  144. package/dist/cjs/hooks/use-hf.js +62 -0
  145. package/dist/cjs/hooks/use-liquidation/index.js +204 -0
  146. package/dist/cjs/hooks/use-liquidation/types.js +16 -0
  147. package/dist/cjs/hooks/use-liquidation/utils.js +253 -0
  148. package/dist/cjs/hooks/use-media-query.js +51 -0
  149. package/dist/cjs/hooks/use-previous.js +36 -0
  150. package/dist/cjs/index.js +157 -3
  151. package/dist/cjs/types/component-props.js +16 -0
  152. package/dist/cjs/types/filter.js +16 -0
  153. package/dist/cjs/types/footer.js +16 -0
  154. package/dist/cjs/types/graph.js +16 -0
  155. package/dist/cjs/types/help.js +16 -0
  156. package/dist/cjs/types/index.js +16 -0
  157. package/dist/cjs/types/range-item.js +16 -0
  158. package/dist/cjs/utils/a11y.js +39 -0
  159. package/dist/cjs/utils/bn-to-input-view.js +60 -0
  160. package/dist/cjs/utils/colors.js +96 -0
  161. package/dist/cjs/utils/format-asset-amount.js +43 -0
  162. package/dist/cjs/utils/format-money.js +68 -0
  163. package/dist/cjs/utils/index.js +29 -2
  164. package/dist/cjs/utils/interface.js +16 -0
  165. package/dist/cjs/utils/react.js +105 -0
  166. package/dist/cjs/utils/short-sha.js +28 -0
  167. package/dist/cjs/utils/sort.js +16 -0
  168. package/dist/cjs/utils/templates.js +50 -0
  169. package/dist/esm/components/asset-line.js +83 -0
  170. package/dist/esm/components/assets-list-cell.js +39 -0
  171. package/dist/esm/components/assets-ratio.js +64 -0
  172. package/dist/esm/components/auth/siwe-provider.js +4 -4
  173. package/dist/esm/components/base-link.js +27 -0
  174. package/dist/esm/components/block-sync.js +99 -0
  175. package/dist/esm/components/breadcrumbs.js +43 -0
  176. package/dist/esm/components/buttons/back-button.js +35 -8
  177. package/dist/esm/components/buttons/button.js +4 -4
  178. package/dist/esm/components/buttons/filter-button.js +34 -0
  179. package/dist/esm/components/buttons/index.js +2 -0
  180. package/dist/esm/components/buttons/navigation-button.js +2 -2
  181. package/dist/esm/components/buttons/range-buttons.js +29 -0
  182. package/dist/esm/components/card-grid.js +92 -0
  183. package/dist/esm/components/card.js +133 -0
  184. package/dist/esm/components/checkbox-item.js +48 -0
  185. package/dist/esm/components/compound-apy.js +203 -0
  186. package/dist/esm/components/credit-session-status.js +33 -0
  187. package/dist/esm/components/description.js +14 -0
  188. package/dist/esm/components/detailed-page-title.js +67 -0
  189. package/dist/esm/components/dialog/dialog-container.js +41 -0
  190. package/dist/esm/components/dialog/dialog-content.js +32 -0
  191. package/dist/esm/components/dialog/dialog-description.js +16 -0
  192. package/dist/esm/components/dialog/dialog-footer.js +19 -0
  193. package/dist/esm/components/dialog/dialog-header.js +19 -0
  194. package/dist/esm/components/dialog/dialog-overlay.js +19 -0
  195. package/dist/esm/components/dialog/dialog-title.js +16 -0
  196. package/dist/esm/components/dialog/dialog.js +9 -0
  197. package/dist/esm/components/dialog/index.js +8 -0
  198. package/dist/esm/components/dropdown-menu/dropdown-menu-checkbox-item.js +29 -0
  199. package/dist/esm/components/dropdown-menu/dropdown-menu-content.js +21 -0
  200. package/dist/esm/components/dropdown-menu/dropdown-menu-item.js +20 -0
  201. package/dist/esm/components/dropdown-menu/dropdown-menu-label.js +20 -0
  202. package/dist/esm/components/dropdown-menu/dropdown-menu-radio-item.js +24 -0
  203. package/dist/esm/components/dropdown-menu/dropdown-menu-separator.js +16 -0
  204. package/dist/esm/components/dropdown-menu/dropdown-menu-shortcut.js +18 -0
  205. package/dist/esm/components/dropdown-menu/dropdown-menu-sub-content.js +19 -0
  206. package/dist/esm/components/dropdown-menu/dropdown-menu-sub-trigger.js +25 -0
  207. package/dist/esm/components/dropdown-menu/dropdown-menu.js +15 -0
  208. package/dist/esm/components/dropdown-menu/index.js +10 -0
  209. package/dist/esm/components/error-message.js +36 -0
  210. package/dist/esm/components/filter/filter-block.js +18 -0
  211. package/dist/esm/components/filter/filter-checkbox-item.js +25 -0
  212. package/dist/esm/components/filter/filter-chip.js +40 -0
  213. package/dist/esm/components/filter/filter-chips.js +50 -0
  214. package/dist/esm/components/filter/filter-dropdown-item.js +20 -0
  215. package/dist/esm/components/filter/filter-group.js +9 -0
  216. package/dist/esm/components/filter/filter-label.js +20 -0
  217. package/dist/esm/components/filter/filter-modal-item.js +21 -0
  218. package/dist/esm/components/filter/filter-modal.js +214 -0
  219. package/dist/esm/components/filter/filter-radio-item.js +24 -0
  220. package/dist/esm/components/filter/filter-separator.js +16 -0
  221. package/dist/esm/components/filter/index.js +12 -0
  222. package/dist/esm/components/filter/interface.js +0 -0
  223. package/dist/esm/components/filter/variants.js +17 -0
  224. package/dist/esm/components/form/form-field.js +43 -0
  225. package/dist/esm/components/form/index.js +1 -0
  226. package/dist/esm/components/graph/default-config.js +129 -0
  227. package/dist/esm/components/graph/formatters.js +150 -0
  228. package/dist/esm/components/graph/graph-current-value.js +30 -0
  229. package/dist/esm/components/graph/graph-tooltip.js +118 -0
  230. package/dist/esm/components/graph/graph-view.js +196 -0
  231. package/dist/esm/components/graph/graph.js +606 -0
  232. package/dist/esm/components/graph/index.js +15 -0
  233. package/dist/esm/components/graph/plugins/vertical-line.js +103 -0
  234. package/dist/esm/components/guard.js +10 -0
  235. package/dist/esm/components/health-factor.js +63 -0
  236. package/dist/esm/components/help-center-container.js +83 -0
  237. package/dist/esm/components/hide-on.js +41 -0
  238. package/dist/esm/components/horizontal-indicator.js +34 -0
  239. package/dist/esm/components/image.js +32 -0
  240. package/dist/esm/components/index.js +46 -4
  241. package/dist/esm/components/input.js +41 -20
  242. package/dist/esm/components/label.js +27 -4
  243. package/dist/esm/components/layout/app-logo.js +5 -5
  244. package/dist/esm/components/layout/col.js +158 -0
  245. package/dist/esm/components/layout/container.js +41 -0
  246. package/dist/esm/components/layout/footer.js +134 -52
  247. package/dist/esm/components/layout/grid.js +183 -0
  248. package/dist/esm/components/layout/header.js +65 -13
  249. package/dist/esm/components/layout/index.js +4 -0
  250. package/dist/esm/components/layout/layout.js +31 -0
  251. package/dist/esm/components/layout/legal-disclaimer.js +4 -4
  252. package/dist/esm/components/liquidation/index.js +4 -0
  253. package/dist/esm/components/liquidation/liquidation-assets-table.js +71 -0
  254. package/dist/esm/components/liquidation/liquidation-graph-legend.js +17 -0
  255. package/dist/esm/components/liquidation/liquidation-graph-tip.js +72 -0
  256. package/dist/esm/components/liquidation/liquidation-graph.js +191 -0
  257. package/dist/esm/components/loader-guard.js +23 -0
  258. package/dist/esm/components/loading-guard.js +31 -0
  259. package/dist/esm/components/markdown-viewer.js +4 -2
  260. package/dist/esm/components/navbar-indicator-context.js +76 -0
  261. package/dist/esm/components/navbar.js +98 -0
  262. package/dist/esm/components/navitem.js +113 -0
  263. package/dist/esm/components/next/back-button.js +11 -0
  264. package/dist/esm/components/next/index.js +12 -0
  265. package/dist/esm/components/next/siwe-provider.js +11 -0
  266. package/dist/esm/components/next/token-icon.js +11 -0
  267. package/dist/esm/components/next/web3-providers.js +92 -0
  268. package/dist/esm/components/not-found.js +24 -0
  269. package/dist/esm/components/options-list.js +53 -0
  270. package/dist/esm/components/page-title.js +80 -0
  271. package/dist/esm/components/percent-indicator.js +22 -0
  272. package/dist/esm/components/pool-points-indicator.js +73 -0
  273. package/dist/esm/components/search-bar.js +1 -0
  274. package/dist/esm/components/search-line.js +188 -0
  275. package/dist/esm/components/select.js +28 -8
  276. package/dist/esm/components/short-string.js +39 -0
  277. package/dist/esm/components/signatures/vertical-timeline.js +1 -0
  278. package/dist/esm/components/skeleton.js +54 -2
  279. package/dist/esm/components/stat-badge.js +155 -0
  280. package/dist/esm/components/tab-control.js +216 -0
  281. package/dist/esm/components/table/editable-grid-table.js +105 -0
  282. package/dist/esm/components/{editable-table → table}/editable-table.js +1 -1
  283. package/dist/esm/components/table/grid-error-line.js +36 -0
  284. package/dist/esm/components/table/grid-loading-line.js +30 -0
  285. package/dist/esm/components/table/grid-table-loader.js +22 -0
  286. package/dist/esm/components/table/grid-table.js +159 -0
  287. package/dist/esm/components/table/index.js +13 -0
  288. package/dist/esm/components/table/sortable-head-cell.js +24 -0
  289. package/dist/esm/components/table/table-loader-guard.js +31 -0
  290. package/dist/esm/components/table/table-loader.js +22 -0
  291. package/dist/esm/components/table/table-sm.js +58 -0
  292. package/dist/esm/components/{table.js → table/table.js} +74 -21
  293. package/dist/esm/components/textarea.js +25 -6
  294. package/dist/esm/components/theme-provider.js +108 -0
  295. package/dist/esm/components/theme-toggle.js +61 -0
  296. package/dist/esm/components/token-icon.js +70 -11
  297. package/dist/esm/components/token-symbol.js +50 -0
  298. package/dist/esm/components/tooltip.js +1 -1
  299. package/dist/esm/components/typed-intl/index.js +32 -0
  300. package/dist/esm/components/vspace.js +7 -0
  301. package/dist/esm/components/with-filter-button.js +50 -0
  302. package/dist/esm/configs/design-tokens.js +85 -0
  303. package/dist/esm/configs/index.js +9 -0
  304. package/dist/esm/configs/tailwind-preset.js +128 -0
  305. package/dist/esm/configs/tailwind.config.js +16 -57
  306. package/dist/esm/configs/variants.js +31 -0
  307. package/dist/esm/hooks/index.js +7 -0
  308. package/dist/esm/hooks/use-controllable-state.js +26 -0
  309. package/dist/esm/hooks/use-debounce.js +43 -0
  310. package/dist/esm/hooks/use-filter.js +52 -0
  311. package/dist/esm/hooks/use-hf.js +38 -0
  312. package/dist/esm/hooks/use-liquidation/index.js +188 -0
  313. package/dist/esm/hooks/use-liquidation/types.js +0 -0
  314. package/dist/esm/hooks/use-liquidation/utils.js +215 -0
  315. package/dist/esm/hooks/use-media-query.js +24 -0
  316. package/dist/esm/hooks/use-previous.js +12 -0
  317. package/dist/esm/index.js +84 -1
  318. package/dist/esm/types/component-props.js +0 -0
  319. package/dist/esm/types/filter.js +0 -0
  320. package/dist/esm/types/footer.js +0 -0
  321. package/dist/esm/types/graph.js +0 -0
  322. package/dist/esm/types/help.js +0 -0
  323. package/dist/esm/types/index.js +0 -0
  324. package/dist/esm/types/range-item.js +0 -0
  325. package/dist/esm/utils/a11y.js +14 -0
  326. package/dist/esm/utils/bn-to-input-view.js +36 -0
  327. package/dist/esm/utils/colors.js +69 -0
  328. package/dist/esm/utils/format-asset-amount.js +19 -0
  329. package/dist/esm/utils/format-money.js +40 -0
  330. package/dist/esm/utils/index.js +21 -1
  331. package/dist/esm/utils/interface.js +0 -0
  332. package/dist/esm/utils/react.js +70 -0
  333. package/dist/esm/utils/short-sha.js +4 -0
  334. package/dist/esm/utils/sort.js +0 -0
  335. package/dist/esm/utils/templates.js +24 -0
  336. package/dist/globals.css +230 -52
  337. package/dist/grid-safelist.css +264 -0
  338. package/dist/types/components/asset-line.d.ts +59 -0
  339. package/dist/types/components/assets-list-cell.d.ts +48 -0
  340. package/dist/types/components/assets-ratio.d.ts +9 -0
  341. package/dist/types/components/auth/signin-required.d.ts +1 -1
  342. package/dist/types/components/auth/siwe-provider.d.ts +2 -1
  343. package/dist/types/components/badge.d.ts +1 -1
  344. package/dist/types/components/base-link.d.ts +58 -0
  345. package/dist/types/components/block-sync.d.ts +8 -0
  346. package/dist/types/components/breadcrumbs.d.ts +24 -0
  347. package/dist/types/components/buttons/back-button.d.ts +15 -20
  348. package/dist/types/components/buttons/button.d.ts +37 -3
  349. package/dist/types/components/buttons/filter-button.d.ts +52 -0
  350. package/dist/types/components/buttons/index.d.ts +2 -0
  351. package/dist/types/components/buttons/range-buttons.d.ts +49 -0
  352. package/dist/types/components/card-grid.d.ts +25 -0
  353. package/dist/types/components/card.d.ts +116 -0
  354. package/dist/types/components/cards/card.d.ts +2 -2
  355. package/dist/types/components/checkbox-item.d.ts +56 -0
  356. package/dist/types/components/compound-apy.d.ts +80 -0
  357. package/dist/types/components/credit-session-status.d.ts +7 -0
  358. package/dist/types/components/description.d.ts +26 -0
  359. package/dist/types/components/detailed-page-title.d.ts +31 -0
  360. package/dist/types/components/dialog/dialog-container.d.ts +12 -0
  361. package/dist/types/components/dialog/dialog-content.d.ts +4 -0
  362. package/dist/types/components/dialog/dialog-description.d.ts +4 -0
  363. package/dist/types/components/dialog/dialog-footer.d.ts +6 -0
  364. package/dist/types/components/dialog/dialog-header.d.ts +6 -0
  365. package/dist/types/components/dialog/dialog-overlay.d.ts +4 -0
  366. package/dist/types/components/dialog/dialog-title.d.ts +4 -0
  367. package/dist/types/components/dialog/dialog.d.ts +5 -0
  368. package/dist/types/components/dialog/index.d.ts +8 -0
  369. package/dist/types/components/dropdown-menu/dropdown-menu-checkbox-item.d.ts +22 -0
  370. package/dist/types/components/dropdown-menu/dropdown-menu-content.d.ts +4 -0
  371. package/dist/types/components/dropdown-menu/dropdown-menu-item.d.ts +6 -0
  372. package/dist/types/components/dropdown-menu/dropdown-menu-label.d.ts +6 -0
  373. package/dist/types/components/dropdown-menu/dropdown-menu-radio-item.d.ts +4 -0
  374. package/dist/types/components/dropdown-menu/dropdown-menu-separator.d.ts +4 -0
  375. package/dist/types/components/dropdown-menu/dropdown-menu-shortcut.d.ts +6 -0
  376. package/dist/types/components/dropdown-menu/dropdown-menu-sub-content.d.ts +4 -0
  377. package/dist/types/components/dropdown-menu/dropdown-menu-sub-trigger.d.ts +6 -0
  378. package/dist/types/components/dropdown-menu/dropdown-menu.d.ts +8 -0
  379. package/dist/types/components/dropdown-menu/index.d.ts +10 -0
  380. package/dist/types/components/error-message.d.ts +21 -0
  381. package/dist/types/components/filter/filter-block.d.ts +17 -0
  382. package/dist/types/components/filter/filter-checkbox-item.d.ts +23 -0
  383. package/dist/types/components/filter/filter-chip.d.ts +34 -0
  384. package/dist/types/components/filter/filter-chips.d.ts +42 -0
  385. package/dist/types/components/filter/filter-dropdown-item.d.ts +24 -0
  386. package/dist/types/components/filter/filter-group.d.ts +22 -0
  387. package/dist/types/components/filter/filter-label.d.ts +21 -0
  388. package/dist/types/components/filter/filter-modal-item.d.ts +31 -0
  389. package/dist/types/components/filter/filter-modal.d.ts +123 -0
  390. package/dist/types/components/filter/filter-radio-item.d.ts +19 -0
  391. package/dist/types/components/filter/filter-separator.d.ts +22 -0
  392. package/dist/types/components/filter/index.d.ts +109 -0
  393. package/dist/types/components/filter/interface.d.ts +24 -0
  394. package/dist/types/components/filter/variants.d.ts +3 -0
  395. package/dist/types/components/form/form-field.d.ts +38 -0
  396. package/dist/types/components/form/index.d.ts +1 -0
  397. package/dist/types/components/graph/default-config.d.ts +20 -0
  398. package/dist/types/components/graph/formatters.d.ts +16 -0
  399. package/dist/types/components/graph/graph-current-value.d.ts +13 -0
  400. package/dist/types/components/graph/graph-tooltip.d.ts +24 -0
  401. package/dist/types/components/graph/graph-view.d.ts +198 -0
  402. package/dist/types/components/graph/graph.d.ts +49 -0
  403. package/dist/types/components/graph/index.d.ts +7 -0
  404. package/dist/types/components/guard.d.ts +34 -0
  405. package/dist/types/components/health-factor.d.ts +63 -0
  406. package/dist/types/components/help-center-container.d.ts +22 -0
  407. package/dist/types/components/hide-on.d.ts +32 -0
  408. package/dist/types/components/horizontal-indicator.d.ts +22 -0
  409. package/dist/types/components/image.d.ts +35 -0
  410. package/dist/types/components/index.d.ts +44 -1
  411. package/dist/types/components/input.d.ts +26 -9
  412. package/dist/types/components/label.d.ts +26 -5
  413. package/dist/types/components/layout/app-logo.d.ts +1 -0
  414. package/dist/types/components/layout/col.d.ts +43 -0
  415. package/dist/types/components/layout/container.d.ts +37 -0
  416. package/dist/types/components/layout/footer.d.ts +44 -5
  417. package/dist/types/components/layout/grid.d.ts +48 -0
  418. package/dist/types/components/layout/header.d.ts +68 -12
  419. package/dist/types/components/layout/index.d.ts +4 -0
  420. package/dist/types/components/layout/layout.d.ts +12 -0
  421. package/dist/types/components/liquidation/index.d.ts +4 -0
  422. package/dist/types/components/liquidation/liquidation-assets-table.d.ts +14 -0
  423. package/dist/types/components/liquidation/liquidation-graph-legend.d.ts +2 -0
  424. package/dist/types/components/liquidation/liquidation-graph-tip.d.ts +13 -0
  425. package/dist/types/components/liquidation/liquidation-graph.d.ts +19 -0
  426. package/dist/types/components/loader-guard.d.ts +17 -0
  427. package/dist/types/components/loading-guard.d.ts +18 -0
  428. package/dist/types/components/navbar-indicator-context.d.ts +13 -0
  429. package/dist/types/components/navbar.d.ts +25 -0
  430. package/dist/types/components/navitem.d.ts +67 -0
  431. package/dist/types/components/next/back-button.d.ts +3 -0
  432. package/dist/types/components/next/index.d.ts +10 -0
  433. package/dist/types/components/next/siwe-provider.d.ts +7 -0
  434. package/dist/types/components/next/token-icon.d.ts +3 -0
  435. package/dist/types/components/next/web3-providers.d.ts +29 -0
  436. package/dist/types/components/not-found.d.ts +18 -0
  437. package/dist/types/components/options-list.d.ts +15 -0
  438. package/dist/types/components/page-title.d.ts +69 -0
  439. package/dist/types/components/percent-indicator.d.ts +28 -0
  440. package/dist/types/components/pool-points-indicator.d.ts +41 -0
  441. package/dist/types/components/search-line.d.ts +117 -0
  442. package/dist/types/components/select.d.ts +9 -2
  443. package/dist/types/components/short-string.d.ts +39 -0
  444. package/dist/types/components/skeleton.d.ts +28 -3
  445. package/dist/types/components/stat-badge.d.ts +169 -0
  446. package/dist/types/components/tab-control.d.ts +39 -0
  447. package/dist/types/components/table/editable-grid-table.d.ts +120 -0
  448. package/dist/types/components/table/grid-error-line.d.ts +49 -0
  449. package/dist/types/components/table/grid-loading-line.d.ts +36 -0
  450. package/dist/types/components/table/grid-table-loader.d.ts +25 -0
  451. package/dist/types/components/table/grid-table.d.ts +158 -0
  452. package/dist/types/components/table/index.d.ts +13 -0
  453. package/dist/types/components/table/sortable-head-cell.d.ts +36 -0
  454. package/dist/types/components/table/table-loader-guard.d.ts +45 -0
  455. package/dist/types/components/table/table-loader.d.ts +46 -0
  456. package/dist/types/components/table/table-sm.d.ts +94 -0
  457. package/dist/types/components/{table.d.ts → table/table.d.ts} +39 -12
  458. package/dist/types/components/{editable-table → table}/updated-value.d.ts +3 -0
  459. package/dist/types/components/textarea.d.ts +24 -5
  460. package/dist/types/components/theme-provider.d.ts +34 -0
  461. package/dist/types/components/theme-toggle.d.ts +5 -0
  462. package/dist/types/components/token-icon.d.ts +8 -6
  463. package/dist/types/components/token-symbol.d.ts +71 -0
  464. package/dist/types/components/typed-intl/index.d.ts +19 -0
  465. package/dist/types/components/vspace.d.ts +27 -0
  466. package/dist/types/components/with-filter-button.d.ts +54 -0
  467. package/dist/types/configs/design-tokens.d.ts +73 -0
  468. package/dist/types/configs/index.d.ts +4 -0
  469. package/dist/types/configs/tailwind-preset.d.ts +126 -0
  470. package/dist/types/configs/tailwind.config.d.ts +29 -0
  471. package/dist/types/configs/variants.d.ts +28 -0
  472. package/dist/types/hooks/index.d.ts +7 -0
  473. package/dist/types/hooks/use-controllable-state.d.ts +24 -0
  474. package/dist/types/hooks/use-debounce.d.ts +31 -0
  475. package/dist/types/hooks/use-filter.d.ts +37 -0
  476. package/dist/types/hooks/use-hf.d.ts +15 -0
  477. package/dist/types/hooks/use-liquidation/index.d.ts +52 -0
  478. package/dist/types/hooks/use-liquidation/types.d.ts +16 -0
  479. package/dist/types/hooks/use-liquidation/utils.d.ts +66 -0
  480. package/dist/types/hooks/use-media-query.d.ts +25 -0
  481. package/dist/types/hooks/use-previous.d.ts +10 -0
  482. package/dist/types/index.d.ts +71 -2
  483. package/dist/types/types/component-props.d.ts +16 -0
  484. package/dist/types/types/filter.d.ts +8 -0
  485. package/dist/types/types/footer.d.ts +30 -0
  486. package/dist/types/types/graph.d.ts +22 -0
  487. package/dist/types/types/help.d.ts +4 -0
  488. package/dist/types/types/index.d.ts +6 -0
  489. package/dist/types/types/range-item.d.ts +9 -0
  490. package/dist/types/utils/a11y.d.ts +24 -0
  491. package/dist/types/utils/bn-to-input-view.d.ts +17 -0
  492. package/dist/types/utils/colors.d.ts +29 -0
  493. package/dist/types/utils/format-asset-amount.d.ts +16 -0
  494. package/dist/types/utils/format-money.d.ts +64 -0
  495. package/dist/types/utils/index.d.ts +10 -0
  496. package/dist/types/utils/interface.d.ts +9 -0
  497. package/dist/types/utils/react.d.ts +31 -0
  498. package/dist/types/utils/short-sha.d.ts +9 -0
  499. package/dist/types/utils/sort.d.ts +5 -0
  500. package/dist/types/utils/templates.d.ts +61 -0
  501. package/package.json +66 -28
  502. package/dist/cjs/components/dialog.js +0 -137
  503. package/dist/cjs/components/dropdown-menu.js +0 -200
  504. package/dist/esm/components/dialog.js +0 -97
  505. package/dist/esm/components/dropdown-menu.js +0 -152
  506. package/dist/esm/components/editable-table/index.js +0 -3
  507. package/dist/types/components/dialog.d.ts +0 -38
  508. package/dist/types/components/dropdown-menu.d.ts +0 -59
  509. package/dist/types/components/editable-table/index.d.ts +0 -3
  510. /package/dist/cjs/components/{editable-table → table}/edit-button.js +0 -0
  511. /package/dist/cjs/components/{editable-table → table}/updated-value.js +0 -0
  512. /package/dist/esm/components/{editable-table → table}/edit-button.js +0 -0
  513. /package/dist/esm/components/{editable-table → table}/updated-value.js +0 -0
  514. /package/dist/types/components/{editable-table → table}/edit-button.d.ts +0 -0
  515. /package/dist/types/components/{editable-table → table}/editable-table.d.ts +0 -0
package/dist/types/components/table/table-loader-guard.d.ts ADDED
@@ -0,0 +1,45 @@
1
+ import type * as React from "react";
2
+ import { type TableLoaderProps } from "./table-loader";
3
+ /**
4
+ * TableLoaderGuardProps — props for TableLoaderGuard component.
5
+ */
6
+ export interface TableLoaderGuardProps extends TableLoaderProps {
7
+ showGuard: boolean;
8
+ children: React.ReactNode;
9
+ }
10
+ /**
11
+ * TableLoaderGuard — guard component that displays table skeleton while data is being loaded.
12
+ *
13
+ * @usage
14
+ * Use TableLoaderGuard to conditionally show loading state in tables:
15
+ * loading guards, conditional skeleton display, table data loading protection.
16
+ *
17
+ * Props:
18
+ * - `showGuard` — if true, displays loading skeleton instead of children (required).
19
+ * - `children` — content to display when not loading (required).
20
+ * - `height` — height of each loading line (defaults to "70px").
21
+ * - `columns` — number of skeleton columns (defaults to 6).
22
+ * - `rows` — number of skeleton rows (defaults to 5).
23
+ *
24
+ * Note: Combines Guard with TableLoader for convenient conditional rendering in tables.
25
+ *
26
+ * @example
27
+ * ```tsx
28
+ * <GridTable cols={6}>
29
+ * <GridTableHeader>
30
+ * <Head />
31
+ * </GridTableHeader>
32
+ * <TableLoaderGuard
33
+ * showGuard={isLoading}
34
+ * rows={5}
35
+ * columns={6}
36
+ * height="70px"
37
+ * >
38
+ * <GridTableBody>
39
+ * {data.map(item => <Line key={item.id} data={item} />)}
40
+ * </GridTableBody>
41
+ * </TableLoaderGuard>
42
+ * </GridTable>
43
+ * ```
44
+ */
45
+ export declare function TableLoaderGuard({ showGuard, children, height, columns, rows, ...props }: TableLoaderGuardProps): React.ReactElement;
package/dist/types/components/table/table-loader.d.ts ADDED
@@ -0,0 +1,46 @@
1
+ import type * as React from "react";
2
+ /**
3
+ * TableLoaderProps — props for TableLoader component.
4
+ */
5
+ export interface TableLoaderProps extends React.HTMLAttributes<HTMLDivElement> {
6
+ /**
7
+ * Height of each loading line in pixels
8
+ * @default "70px"
9
+ */
10
+ height?: string;
11
+ /**
12
+ * Number of skeleton columns to show
13
+ * @default 6
14
+ */
15
+ columns?: number;
16
+ /**
17
+ * Number of skeleton rows to show
18
+ * @default 5
19
+ */
20
+ rows?: number;
21
+ }
22
+ /**
23
+ * TableLoader — loading skeleton component for tables.
24
+ *
25
+ * @usage
26
+ * Use TableLoader to display loading state in tables:
27
+ * skeleton rows, table data loading indicators, placeholder content while fetching data.
28
+ *
29
+ * Props:
30
+ * - `height` — height of each loading line (defaults to "70px").
31
+ * - `columns` — number of skeleton columns to show (defaults to 6).
32
+ * - `rows` — number of skeleton rows to show (defaults to 5).
33
+ *
34
+ * Note: Renders multiple GridLoadingLine components wrapped in GridTableBody to match the table structure.
35
+ *
36
+ * @example
37
+ * ```tsx
38
+ * <GridTable cols={6}>
39
+ * <GridTableHeader>
40
+ * <Head />
41
+ * </GridTableHeader>
42
+ * <TableLoader rows={5} columns={6} height="70px" />
43
+ * </GridTable>
44
+ * ```
45
+ */
46
+ export declare function TableLoader({ height, columns, rows, className, ...props }: TableLoaderProps): import("react/jsx-runtime").JSX.Element;
package/dist/types/components/table/table-sm.d.ts ADDED
@@ -0,0 +1,94 @@
1
+ import type * as React from "react";
2
+ /**
3
+ * TableCellSmProps — props for TableCellSm component.
4
+ */
5
+ export interface TableCellSmProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
6
+ /**
7
+ * Title/label for the cell (displayed above the content on mobile)
8
+ */
9
+ title?: React.ReactNode;
10
+ }
11
+ /**
12
+ * TableCellSm — mobile table cell component with title label.
13
+ *
14
+ * @usage
15
+ * Use TableCellSm to create responsive mobile table cells:
16
+ * mobile-friendly table cells, labeled data display, responsive table layouts.
17
+ *
18
+ * Props:
19
+ * - `title` — title/label displayed above the content.
20
+ * - `children` — cell content (required).
21
+ *
22
+ * Note: Displays title in muted text above the main content, useful for mobile table views.
23
+ *
24
+ * @example
25
+ * ```tsx
26
+ * <TableCellSm title="Name">
27
+ * John Doe
28
+ * </TableCellSm>
29
+ * ```
30
+ */
31
+ export declare function TableCellSm({ title, className, children, ...props }: TableCellSmProps): import("react/jsx-runtime").JSX.Element;
32
+ /**
33
+ * TableLineSmProps — props for TableLineSm component.
34
+ */
35
+ export interface TableLineSmProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
36
+ /**
37
+ * Title/header content for the mobile table row
38
+ */
39
+ title?: React.ReactNode;
40
+ /**
41
+ * Number of columns for base screens (< 640px)
42
+ * @default 1
43
+ */
44
+ columnsXs?: number;
45
+ /**
46
+ * Number of columns for small screens (≥ 640px)
47
+ * Falls back to columnsXs if not specified
48
+ */
49
+ columnsSm?: number;
50
+ /**
51
+ * Number of columns for medium screens (≥ 768px)
52
+ * Falls back to columnsSm if not specified
53
+ */
54
+ columnsMd?: number;
55
+ /**
56
+ * Number of columns for large screens (≥ 1024px)
57
+ * Falls back to columnsMd if not specified
58
+ */
59
+ columns?: number;
60
+ }
61
+ /**
62
+ * TableLineSm — mobile table row component with responsive grid layout.
63
+ *
64
+ * @usage
65
+ * Use TableLineSm to create responsive mobile table rows:
66
+ * mobile-friendly table rows, responsive grid layouts, breakpoint-based column layouts.
67
+ *
68
+ * Props:
69
+ * - `title` — title/header displayed at the top of the row.
70
+ * - `columnsXs` — number of columns for base screens < 640px (defaults to 1).
71
+ * - `columnsSm` — number of columns for screens ≥ 640px (falls back to columnsXs).
72
+ * - `columnsMd` — number of columns for screens ≥ 768px (falls back to columnsSm).
73
+ * - `columns` — number of columns for screens ≥ 1024px (falls back to columnsMd).
74
+ * - `children` — cell content (TableCellSm components) (required).
75
+ *
76
+ * Note: Uses responsive grid with CSS custom properties for breakpoint-based column layouts. Each breakpoint falls back to the previous one if not specified.
77
+ *
78
+ * @example
79
+ * ```tsx
80
+ * // Simple: 1 column on XS, 2 on SM+, 3 on MD+, 4 on LG+
81
+ * <TableLineSm columnsXs={1} columnsSm={2} columnsMd={3} columns={4}>
82
+ * <TableCellSm title="Balance">1.5 ETH</TableCellSm>
83
+ * <TableCellSm title="Value">$3,000</TableCellSm>
84
+ * <TableCellSm title="Change">+5%</TableCellSm>
85
+ * <TableCellSm title="APY">12.5%</TableCellSm>
86
+ * </TableLineSm>
87
+ *
88
+ * // With fallback: 2 columns on all screens except LG (4 columns)
89
+ * <TableLineSm columnsXs={2} columns={4}>
90
+ * ...
91
+ * </TableLineSm>
92
+ * ```
93
+ */
94
+ export declare function TableLineSm({ title, columnsXs, columnsSm, columnsMd, columns, className, children, ...props }: TableLineSmProps): import("react/jsx-runtime").JSX.Element;
package/dist/types/components/{table.d.ts → table/table.d.ts} RENAMED
@@ -1,3 +1,4 @@
1
+ import { type VariantProps } from "class-variance-authority";
1
2
  import * as React from "react";
2
3
  /**
3
4
  * Table — table component and its subcomponents.
@@ -25,7 +26,31 @@ import * as React from "react";
25
26
  * - for editable content with actions (use TableEditable component).
26
27
  * - for simple lists without structured data (use appropriate list components).
27
28
  */
28
- declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
29
+ declare const tableVariants: (props?: ({
30
+ size?: "default" | "sm" | "lg" | null | undefined;
31
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
32
+ interface TableProps extends React.HTMLAttributes<HTMLTableElement>, VariantProps<typeof tableVariants> {
33
+ }
34
+ /**
35
+ * Table component with size variants
36
+ *
37
+ * @example
38
+ * ```tsx
39
+ * <Table>
40
+ * <TableHeader>
41
+ * <TableRow>
42
+ * <TableHead>Column</TableHead>
43
+ * </TableRow>
44
+ * </TableHeader>
45
+ * <TableBody>
46
+ * <TableRow>
47
+ * <TableCell>Data</TableCell>
48
+ * </TableRow>
49
+ * </TableBody>
50
+ * </Table>
51
+ * ```
52
+ */
53
+ declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
29
54
  /**
30
55
  * TableHeader — header section of a Table.
31
56
  * Contains column headers (TableHead components).
@@ -46,16 +71,18 @@ declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<
46
71
  * Contains table cells (TableCell or TableHead components) with hover effects.
47
72
  */
48
73
  declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
49
- /**
50
- * TableHead — header cell component of a Table.
51
- * Used in TableHeader to display column headers with muted background.
52
- */
53
- declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
54
- /**
55
- * TableCell — data cell component of a Table.
56
- * Used in TableBody to display table data.
57
- */
58
- declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
74
+ declare const tableHeadVariants: (props?: ({
75
+ size?: "default" | "sm" | "lg" | null | undefined;
76
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
77
+ interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement>, VariantProps<typeof tableHeadVariants> {
78
+ }
79
+ declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
80
+ declare const tableCellVariants: (props?: ({
81
+ size?: "default" | "sm" | "lg" | null | undefined;
82
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
83
+ interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement>, VariantProps<typeof tableCellVariants> {
84
+ }
85
+ declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
59
86
  /**
60
87
  * TableCaption — caption component of a Table.
61
88
  * Displays table description or summary below the table.
@@ -96,4 +123,4 @@ export interface SortTableHeadProps extends React.ThHTMLAttributes<HTMLTableCell
96
123
  * - when sorting functionality is not needed (use TableHead component).
97
124
  */
98
125
  declare const SortingTableHead: React.ForwardRefExoticComponent<SortTableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
99
- export { SortingTableHead, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, };
126
+ export { SortingTableHead, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, tableVariants, tableHeadVariants, tableCellVariants, };
package/dist/types/components/{editable-table → table}/updated-value.d.ts RENAMED
@@ -1,3 +1,6 @@
1
+ /**
2
+ * UpdatedValueProps — props for UpdatedValue component.
3
+ */
1
4
  interface UpdatedValueProps {
2
5
  oldValue?: string | number;
3
6
  newValue: string | number;
package/dist/types/components/textarea.d.ts CHANGED
@@ -1,21 +1,40 @@
1
+ import { type VariantProps } from "class-variance-authority";
1
2
  import * as React from "react";
3
+ declare const textareaVariants: (props?: ({
4
+ size?: "default" | "sm" | "lg" | null | undefined;
5
+ variant?: "default" | "error" | null | undefined;
6
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
2
7
  /**
3
- * Textarea — multi-line text input component.
8
+ * TextareaProps — props for Textarea component.
9
+ */
10
+ export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textareaVariants> {
11
+ }
12
+ /**
13
+ * Textarea — multi-line text input component with size variants.
4
14
  *
5
15
  * @usage
6
16
  * Use Textarea for multi-line text input:
7
- * comments, descriptions, long-form text, message inputs, bytecodes, etc.
17
+ * comments, descriptions, long-form text, message inputs, bytecodes.
8
18
  *
9
19
  * Props:
20
+ * - `size` — textarea size: "sm", "default", "lg" (defaults to "default").
21
+ * - `variant` — visual variant: "default", "error" (defaults to "default").
10
22
  * - All standard HTML textarea props are supported (value, onChange, placeholder, rows, etc.).
11
23
  *
12
- * Note: Minimum height of 80px. Uses standard form input styling with focus states.
24
+ * Note: Minimum height varies by size (60px for sm, 80px for default, 120px for lg).
25
+ * Uses standard form input styling with focus states.
13
26
  * Prefer using this component instead of native HTML textarea element.
14
27
  *
15
28
  * Do NOT use Textarea:
16
29
  * - for single-line text input (use Input component).
17
30
  * - for rich text editing (use appropriate rich text editor components).
31
+ *
32
+ * @example
33
+ * ```tsx
34
+ * <Textarea placeholder="Enter description" />
35
+ * <Textarea size="lg" rows={10} />
36
+ * <Textarea variant="error" />
37
+ * ```
18
38
  */
19
- export type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
20
39
  declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
21
- export { Textarea };
40
+ export { Textarea, textareaVariants };
package/dist/types/components/theme-provider.d.ts ADDED
@@ -0,0 +1,34 @@
1
+ import { type ReactNode } from "react";
2
+ /**
3
+ * Theme types
4
+ */
5
+ export type Theme = "light" | "dark" | "system";
6
+ /**
7
+ * Theme configuration interface
8
+ */
9
+ export interface ThemeConfig {
10
+ defaultTheme?: Theme;
11
+ storageKey?: string;
12
+ attribute?: "class" | "data-theme";
13
+ enableColorScheme?: boolean;
14
+ }
15
+ /**
16
+ * Theme context
17
+ */
18
+ interface ThemeContextValue {
19
+ theme: Theme;
20
+ setTheme: (theme: Theme) => void;
21
+ actualTheme: "light" | "dark";
22
+ }
23
+ /**
24
+ * Hook for using theme
25
+ */
26
+ export declare function useTheme(): ThemeContextValue;
27
+ /**
28
+ * Theme provider - DefaultGlobalStyle analog
29
+ * Manages application theme and applies global styles
30
+ */
31
+ export declare function ThemeProvider({ children, defaultTheme, storageKey, attribute, enableColorScheme, }: ThemeConfig & {
32
+ children: ReactNode;
33
+ }): import("react/jsx-runtime").JSX.Element;
34
+ export {};
package/dist/types/components/theme-toggle.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Theme toggle component
3
+ * Example usage of ThemeProvider
4
+ */
5
+ export declare function ThemeToggle(): import("react/jsx-runtime").JSX.Element;
package/dist/types/components/token-icon.d.ts CHANGED
@@ -1,7 +1,4 @@
1
- interface TokenIconProps {
2
- symbol: string;
3
- size?: number;
4
- }
1
+ import { type ImageProps } from "./image";
5
2
  /**
6
3
  * TokenIcon — component for displaying token/asset icons.
7
4
  *
@@ -22,5 +19,10 @@ interface TokenIconProps {
22
19
  * - for address identifiers (use Identicon component).
23
20
  * - for custom images or logos (use Image component).
24
21
  */
25
- export declare function TokenIcon({ symbol, size }: TokenIconProps): import("react/jsx-runtime").JSX.Element;
26
- export {};
22
+ export interface TokenIconProps {
23
+ symbol: string;
24
+ size?: number;
25
+ className?: string;
26
+ ImageComponent?: React.ComponentType<ImageProps>;
27
+ }
28
+ export declare function TokenIcon({ symbol, size, className, ImageComponent, }: TokenIconProps): import("react/jsx-runtime").JSX.Element;
package/dist/types/components/token-symbol.d.ts ADDED
@@ -0,0 +1,71 @@
1
+ import type { NetworkType } from "@gearbox-protocol/sdk";
2
+ import type * as React from "react";
3
+ type PartialTokenData = {
4
+ symbol: string;
5
+ title?: string;
6
+ };
7
+ export interface TokenSymbolProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
8
+ /**
9
+ * Token data object or symbol string
10
+ */
11
+ token?: PartialTokenData | string;
12
+ /**
13
+ * Optional override title to display
14
+ */
15
+ title?: React.ReactNode;
16
+ /**
17
+ * Optional className for additional styling
18
+ */
19
+ className?: string;
20
+ /**
21
+ * Optional comment to display next to the symbol
22
+ */
23
+ comment?: string;
24
+ /**
25
+ * Whether to show the token icon
26
+ * @default true
27
+ */
28
+ showIcon?: boolean;
29
+ /**
30
+ * Whether to show the token symbol text
31
+ * @default false
32
+ */
33
+ showSymbol?: boolean;
34
+ /**
35
+ * Size of the token icon in pixels
36
+ * @default 24
37
+ */
38
+ size?: number;
39
+ /**
40
+ * Chain ID for network badge
41
+ */
42
+ chainId?: number;
43
+ /**
44
+ * Network type for network badge
45
+ */
46
+ network?: NetworkType;
47
+ /**
48
+ * Maximum length for symbol truncation
49
+ */
50
+ maxLength?: number;
51
+ }
52
+ /**
53
+ * TokenSymbol component for displaying token symbols with optional icon and comment
54
+ *
55
+ * @example
56
+ * ```tsx
57
+ * // Basic usage with token object
58
+ * <TokenSymbol token={tokenData} />
59
+ *
60
+ * // With symbol string
61
+ * <TokenSymbol token="ETH" />
62
+ *
63
+ * // Without icon
64
+ * <TokenSymbol token="WETH" showIcon={false} />
65
+ *
66
+ * // With symbol text
67
+ * <TokenSymbol token="WETH" showSymbol={true} />
68
+ * ```
69
+ */
70
+ export declare function TokenSymbol({ token, title, className, comment, showIcon, showSymbol, size, chainId, network, maxLength, ...props }: TokenSymbolProps): import("react/jsx-runtime").JSX.Element;
71
+ export {};
package/dist/types/components/typed-intl/index.d.ts ADDED
@@ -0,0 +1,19 @@
1
+ import type { FormatXMLElementFn, PrimitiveType } from "intl-messageformat";
2
+ import type * as React from "react";
3
+ import { FormattedMessage } from "react-intl";
4
+ type FormattedMessageProps = React.ComponentProps<typeof FormattedMessage>;
5
+ export type Values = FormattedMessageProps["values"];
6
+ export type LocaleKeys = string;
7
+ export interface FormattedMessageTypedProps {
8
+ messageId: LocaleKeys;
9
+ values?: Values;
10
+ }
11
+ export declare function FormattedMessageTyped({ messageId, values, }: FormattedMessageTypedProps): import("react/jsx-runtime").JSX.Element;
12
+ export interface FormatMessageTypedProps {
13
+ messageId: LocaleKeys;
14
+ }
15
+ export declare function useIntlTyped(): {
16
+ formatMessage: ({ messageId }: FormatMessageTypedProps, values?: Record<string, PrimitiveType | FormatXMLElementFn<string, string>>) => string;
17
+ intl: import("react-intl").IntlShape;
18
+ };
19
+ export {};
package/dist/types/components/vspace.d.ts ADDED
@@ -0,0 +1,27 @@
1
+ import type * as React from "react";
2
+ /**
3
+ * VSpaceProps — props for VSpace component.
4
+ */
5
+ export interface VSpaceProps {
6
+ height: number;
7
+ }
8
+ /**
9
+ * VSpace — vertical spacing component for creating vertical gaps.
10
+ *
11
+ * @usage
12
+ * Use VSpace to add vertical spacing between elements:
13
+ * spacing between sections, gaps between components, vertical layout spacing.
14
+ *
15
+ * Props:
16
+ * - `height` — height of the spacer in pixels (required).
17
+ *
18
+ * Note: Creates an empty div with specified height.
19
+ * Useful for precise vertical spacing control in layouts.
20
+ *
21
+ * @example
22
+ * ```tsx
23
+ * <VSpace height={16} />
24
+ * <VSpace height={24} />
25
+ * ```
26
+ */
27
+ export declare function VSpace({ height }: VSpaceProps): React.ReactElement;
package/dist/types/components/with-filter-button.d.ts ADDED
@@ -0,0 +1,54 @@
1
+ import * as React from "react";
2
+ import { type ButtonProps } from "./buttons/button";
3
+ /**
4
+ * Props for WithFilterButton component
5
+ */
6
+ export interface WithFilterButtonProps {
7
+ /**
8
+ * Content to display alongside the filter button
9
+ */
10
+ children: React.ReactNode;
11
+ /**
12
+ * Click handler for the filter button
13
+ */
14
+ onClick?: () => void;
15
+ /**
16
+ * Reset handler for the filter button
17
+ */
18
+ onClearAll?: () => void;
19
+ /**
20
+ * Button variant (optional, defaults to "outline")
21
+ */
22
+ buttonVariant?: ButtonProps["variant"];
23
+ /**
24
+ * Button size (optional, defaults to "default")
25
+ */
26
+ buttonSize?: ButtonProps["size"];
27
+ /**
28
+ * Custom label for the filter button (optional, defaults to "Filter")
29
+ */
30
+ buttonLabel?: string;
31
+ /**
32
+ * Whether to show the filter icon (optional, defaults to true)
33
+ */
34
+ showIcon?: boolean;
35
+ /**
36
+ * Additional class name for the container
37
+ */
38
+ className?: string;
39
+ /**
40
+ * Additional class name for the button
41
+ */
42
+ buttonClassName?: string;
43
+ }
44
+ /**
45
+ * WithFilterButton component that combines content with a filter button
46
+ *
47
+ * @example
48
+ * ```tsx
49
+ * <WithFilterButton onClick={() => console.log("Filter clicked")}>
50
+ * <h2>Items List</h2>
51
+ * </WithFilterButton>
52
+ * ```
53
+ */
54
+ export declare const WithFilterButton: React.ForwardRefExoticComponent<WithFilterButtonProps & React.RefAttributes<HTMLDivElement>>;
package/dist/types/configs/design-tokens.d.ts ADDED
@@ -0,0 +1,73 @@
1
+ /**
2
+ * Design tokens for consistency across the UI library
3
+ */
4
+ export declare const designTokens: {
5
+ readonly colors: {
6
+ readonly primary: "rgb(59, 130, 246)";
7
+ readonly secondary: "rgb(100, 116, 139)";
8
+ readonly destructive: "rgb(239, 68, 68)";
9
+ readonly success: "rgb(34, 197, 94)";
10
+ readonly warning: "rgb(251, 191, 36)";
11
+ };
12
+ readonly spacing: {
13
+ readonly xs: "0.5rem";
14
+ readonly sm: "0.75rem";
15
+ readonly md: "1rem";
16
+ readonly lg: "1.5rem";
17
+ readonly xl: "2rem";
18
+ };
19
+ readonly borderRadius: {
20
+ readonly sm: "0.25rem";
21
+ readonly md: "0.375rem";
22
+ readonly lg: "0.5rem";
23
+ readonly xl: "0.75rem";
24
+ readonly full: "9999px";
25
+ };
26
+ readonly typography: {
27
+ readonly fontFamily: {
28
+ readonly sans: "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
29
+ readonly mono: "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
30
+ };
31
+ readonly fontSize: {
32
+ readonly xs: "0.75rem";
33
+ readonly sm: "0.875rem";
34
+ readonly base: "1rem";
35
+ readonly lg: "1.125rem";
36
+ readonly xl: "1.25rem";
37
+ readonly "2xl": "1.5rem";
38
+ readonly "3xl": "1.875rem";
39
+ readonly "4xl": "2.25rem";
40
+ };
41
+ readonly fontWeight: {
42
+ readonly normal: "400";
43
+ readonly medium: "500";
44
+ readonly semibold: "600";
45
+ readonly bold: "700";
46
+ };
47
+ readonly lineHeight: {
48
+ readonly tight: "1.25";
49
+ readonly normal: "1.5";
50
+ readonly relaxed: "1.75";
51
+ };
52
+ };
53
+ readonly animation: {
54
+ readonly duration: {
55
+ readonly fast: "150ms";
56
+ readonly normal: "300ms";
57
+ readonly slow: "500ms";
58
+ };
59
+ readonly easing: {
60
+ readonly easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)";
61
+ readonly easeOut: "cubic-bezier(0.0, 0, 0.2, 1)";
62
+ readonly easeIn: "cubic-bezier(0.4, 0, 1, 1)";
63
+ };
64
+ };
65
+ readonly shadows: {
66
+ readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
67
+ readonly base: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
68
+ readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
69
+ readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
70
+ readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
71
+ };
72
+ };
73
+ export type DesignTokens = typeof designTokens;
package/dist/types/configs/index.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export * from "./design-tokens";
2
+ export { default as tailwindConfig, preset } from "./tailwind.config";
3
+ export { default as tailwindPreset } from "./tailwind-preset";
4
+ export * from "./variants";