@apple-pie/slice 0.0.4 → 0.0.5

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 (213) hide show
  1. package/README.md +13 -6
  2. package/dist/cjs/chunks/{Avatar-8-wPWe0V.js → Avatar-z2YcOAoP.js} +1 -1
  3. package/dist/cjs/chunks/{AvatarGroup-CVKmgBbD.js → AvatarGroup-Cz8369zI.js} +1 -1
  4. package/dist/cjs/chunks/{Badge-CMapJCij.js → Badge-COSg__VJ.js} +1 -1
  5. package/dist/cjs/chunks/{UIButton-W-WjUvVm.js → Button-BNXqiA13.js} +28 -33
  6. package/dist/cjs/chunks/{UIButtonBar-FvX4kB-s.js → ButtonBar-CeDdAOlH.js} +5 -5
  7. package/dist/cjs/chunks/{UICard-DBDSyT7E.js → Card-Cc_c-S7i.js} +5 -5
  8. package/dist/cjs/chunks/{CheckBox-7AACxrdZ.js → CheckBox-hTWIPqV_.js} +2 -2
  9. package/dist/cjs/chunks/{UIChip-kjhvRrOV.js → Chip-CLKVldi4.js} +5 -5
  10. package/dist/cjs/chunks/{DivInput-BKKJTFeV.js → DivInput-DnY2emt-.js} +2 -2
  11. package/dist/cjs/chunks/{DrggablePanel-C6TPsDB-.js → DrggablePanel-BtsURL9o.js} +1 -1
  12. package/dist/cjs/chunks/{DropDown-D9sf_m2I.js → DropDown-COr9u96t.js} +2 -2
  13. package/dist/cjs/chunks/{ErrorSummary-Dv44onsV.js → ErrorSummary-BrSHbGpk.js} +1 -1
  14. package/dist/cjs/chunks/FileIcon-CEMQK_Je.js +132 -0
  15. package/dist/cjs/chunks/FileList-DWIm4o46.js +163 -0
  16. package/dist/cjs/chunks/{FlexDiv-DZBpswHV.js → FlexDiv-BHl29ywz.js} +1 -1
  17. package/dist/cjs/chunks/{Grouper-_kd2nU78.js → Grouper-EyHoeA8w.js} +3 -3
  18. package/dist/cjs/chunks/{IconButton-CjiNliPL.js → IconButton-9QZ4eKBZ.js} +3 -3
  19. package/dist/cjs/chunks/{UILabel-DpMIPlZO.js → Label-DZJ_YDtD.js} +17 -7
  20. package/dist/cjs/chunks/{Pager--55eRDdu.js → Pager-CRjpl1FZ.js} +1 -1
  21. package/dist/cjs/chunks/PromptInput-DmO8a3oX.js +212 -0
  22. package/dist/cjs/chunks/{RadioButton--k2YFFEG.js → RadioButton-DA9YUGEF.js} +2 -2
  23. package/dist/cjs/chunks/{RadioButtonList-D99mA5EZ.js → RadioButtonList-BtsT7GJc.js} +1 -1
  24. package/dist/cjs/chunks/{Slider-C-gn7Sby.js → Slider-CqrIwn-L.js} +1 -1
  25. package/dist/cjs/chunks/{TabBar-CqnPPTFy.js → TabBar-WsNlr-aZ.js} +4 -4
  26. package/dist/cjs/chunks/{TextArea-CWr6mi3Q.js → TextArea-BMJWUH2H.js} +3 -3
  27. package/dist/cjs/chunks/{TextField-BTyhrsbK.js → TextField-mfwz79cD.js} +5 -5
  28. package/dist/cjs/chunks/{Tip-DnLgI7WY.js → Tip-Af6FMEDi.js} +2 -2
  29. package/dist/cjs/chunks/{Toast-CTCc6Cyl.js → Toast-CxAEOW4z.js} +17 -4
  30. package/dist/cjs/chunks/{_types-CoWzQFsT.js → _types-BNlHsGMQ.js} +2 -2
  31. package/dist/cjs/chunks/{utils-CbayehuI.js → utils-BwNacfBU.js} +2 -0
  32. package/dist/cjs/chunks/windowStore-CPcVHJq6.js +93 -0
  33. package/dist/cjs/hooks/useKeyboardShortcuts.js +3 -1
  34. package/dist/cjs/hooks/useObserveTheme.js +14 -8
  35. package/dist/cjs/hooks/useTrackRenders.js +2 -1
  36. package/dist/cjs/hooks/useWindow.js +29 -7
  37. package/dist/cjs/index.js +45 -38
  38. package/dist/cjs/providers/ThemeProvider.js +6 -3
  39. package/dist/cjs/stores/window.js +12 -0
  40. package/dist/cjs/stores.js +6 -0
  41. package/dist/cjs/theme/type.js +99 -18
  42. package/dist/cjs/uikit/Avatar.js +1 -1
  43. package/dist/cjs/uikit/AvatarGroup.js +2 -2
  44. package/dist/cjs/uikit/Badge.js +1 -1
  45. package/dist/cjs/uikit/{UIButton.js → Button.js} +7 -7
  46. package/dist/cjs/uikit/{UIButtonBar.js → ButtonBar.js} +6 -6
  47. package/dist/cjs/uikit/{UICard.js → Card.js} +4 -4
  48. package/dist/cjs/uikit/CheckBox.js +3 -3
  49. package/dist/cjs/uikit/{UIChip.js → Chip.js} +4 -4
  50. package/dist/cjs/uikit/DivInput.js +2 -2
  51. package/dist/cjs/uikit/DraggablePanel.js +2 -2
  52. package/dist/cjs/uikit/DropDown.js +3 -3
  53. package/dist/cjs/uikit/ErrorSummary.js +1 -1
  54. package/dist/cjs/uikit/{UIFileIcon.js → FileIcon.js} +7 -2
  55. package/dist/cjs/uikit/FileList.js +24 -0
  56. package/dist/cjs/uikit/FlexDiv.js +1 -1
  57. package/dist/cjs/uikit/Grouper.js +4 -4
  58. package/dist/cjs/uikit/Icon.js +2 -2
  59. package/dist/cjs/uikit/IconButton.js +4 -4
  60. package/dist/cjs/uikit/{UILabel.js → Label.js} +3 -3
  61. package/dist/cjs/uikit/Pager.js +2 -2
  62. package/dist/cjs/uikit/{MessageInput.js → PromptInput.js} +10 -11
  63. package/dist/cjs/uikit/RadioButton.js +5 -5
  64. package/dist/cjs/uikit/RadioButtonList.js +6 -6
  65. package/dist/cjs/uikit/Slider.js +2 -2
  66. package/dist/cjs/uikit/TabBar.js +5 -5
  67. package/dist/cjs/uikit/TextArea.js +7 -7
  68. package/dist/cjs/uikit/Textfield.js +7 -7
  69. package/dist/cjs/uikit/Tip.js +2 -2
  70. package/dist/cjs/uikit/Toast.js +3 -3
  71. package/dist/css/type.module.css +55 -10
  72. package/dist/esm/chunks/{Avatar-D_muqPrW.js → Avatar-BtkvMV1v.js} +1 -1
  73. package/dist/esm/chunks/{AvatarGroup-D8Xmrn52.js → AvatarGroup-pbqdS56o.js} +1 -1
  74. package/dist/esm/chunks/{Badge-PPf5Uvw3.js → Badge-DtxDLSO0.js} +1 -1
  75. package/dist/esm/chunks/{UIButton-HssaFaip.js → Button-BUJkJqdO.js} +28 -33
  76. package/dist/esm/chunks/{UIButtonBar-CUat663I.js → ButtonBar-Bl0oCxd8.js} +5 -5
  77. package/dist/esm/chunks/{UICard-Dn5f3wg8.js → Card-Bjk0kgQh.js} +5 -5
  78. package/dist/esm/chunks/{CheckBox-CswFI0Xc.js → CheckBox-CvkZuSeB.js} +2 -2
  79. package/dist/esm/chunks/{UIChip-DqnGeVyR.js → Chip-o-YG_HAf.js} +5 -5
  80. package/dist/esm/chunks/{DivInput-iKFkeU2F.js → DivInput-D6ORPrkT.js} +2 -2
  81. package/dist/esm/chunks/{DrggablePanel-CYYwTmFd.js → DrggablePanel-DWrTjXvf.js} +1 -1
  82. package/dist/esm/chunks/{DropDown-D4t6EhKL.js → DropDown-BDIvYWI-.js} +2 -2
  83. package/dist/esm/chunks/{ErrorSummary-DhU5SKPt.js → ErrorSummary-DzDnacH0.js} +1 -1
  84. package/dist/esm/chunks/FileIcon-Cxh-QsYb.js +130 -0
  85. package/dist/esm/chunks/FileList-yo_u1Kvw.js +161 -0
  86. package/dist/esm/chunks/{FlexDiv-CmMpORgn.js → FlexDiv-CFyndG99.js} +1 -1
  87. package/dist/esm/chunks/{Grouper-BbreOXI9.js → Grouper-NJbpaaQG.js} +3 -3
  88. package/dist/esm/chunks/{IconButton-hJDuWiDh.js → IconButton-3m9ugITV.js} +3 -3
  89. package/dist/esm/chunks/{UILabel-CpLi8OLx.js → Label-CgntsR3g.js} +17 -7
  90. package/dist/esm/chunks/{Pager-Beht2NyO.js → Pager-BHLyXq9p.js} +1 -1
  91. package/dist/esm/chunks/PromptInput-C_qj6kGp.js +210 -0
  92. package/dist/esm/chunks/{RadioButton-C4EhaRlp.js → RadioButton-D8otD_Jj.js} +2 -2
  93. package/dist/esm/chunks/{RadioButtonList-iVlML5jt.js → RadioButtonList-CtX1j7rO.js} +1 -1
  94. package/dist/esm/chunks/{Slider-C-PcWqTz.js → Slider-O6UelMjh.js} +1 -1
  95. package/dist/esm/chunks/{TabBar-CMfPQJj-.js → TabBar-C0NgwRa2.js} +4 -4
  96. package/dist/esm/chunks/{TextArea-CiHIh1P_.js → TextArea-DK0giDGR.js} +3 -3
  97. package/dist/esm/chunks/{TextField-6wse4On1.js → TextField-CQ4XYYNm.js} +5 -5
  98. package/dist/esm/chunks/{Tip-CeN0gy3B.js → Tip-iFECDhwN.js} +2 -2
  99. package/dist/esm/chunks/{Toast-C9P_ptX5.js → Toast-ZxMZtbd0.js} +17 -4
  100. package/dist/esm/chunks/{_types-BaYeLEWK.js → _types-RJ7q8S0B.js} +2 -2
  101. package/dist/esm/chunks/{utils-BRZK2Drn.js → utils-CZ1LWeN6.js} +2 -0
  102. package/dist/esm/chunks/windowStore-Cu4W4zJM.js +91 -0
  103. package/dist/esm/hooks/useKeyboardShortcuts.js +3 -1
  104. package/dist/esm/hooks/useObserveTheme.js +14 -8
  105. package/dist/esm/hooks/useTrackRenders.js +2 -1
  106. package/dist/esm/hooks/useWindow.js +30 -8
  107. package/dist/esm/index.js +30 -30
  108. package/dist/esm/providers/ThemeProvider.js +6 -3
  109. package/dist/esm/stores/window.js +2 -0
  110. package/dist/esm/stores.js +1 -0
  111. package/dist/esm/theme/type.js +99 -18
  112. package/dist/esm/uikit/Avatar.js +1 -1
  113. package/dist/esm/uikit/AvatarGroup.js +2 -2
  114. package/dist/esm/uikit/Badge.js +1 -1
  115. package/dist/esm/uikit/{UIButton.js → Button.js} +6 -6
  116. package/dist/esm/uikit/{UIButtonBar.js → ButtonBar.js} +5 -5
  117. package/dist/esm/uikit/{UICard.js → Card.js} +3 -3
  118. package/dist/esm/uikit/CheckBox.js +3 -3
  119. package/dist/esm/uikit/{UIChip.js → Chip.js} +3 -3
  120. package/dist/esm/uikit/DivInput.js +2 -2
  121. package/dist/esm/uikit/DraggablePanel.js +2 -2
  122. package/dist/esm/uikit/DropDown.js +3 -3
  123. package/dist/esm/uikit/ErrorSummary.js +1 -1
  124. package/dist/esm/uikit/{UIFileIcon.js → FileIcon.js} +2 -1
  125. package/dist/esm/uikit/FileList.js +18 -0
  126. package/dist/esm/uikit/FlexDiv.js +1 -1
  127. package/dist/esm/uikit/Grouper.js +4 -4
  128. package/dist/esm/uikit/Icon.js +2 -2
  129. package/dist/esm/uikit/IconButton.js +4 -4
  130. package/dist/esm/uikit/{UILabel.js → Label.js} +2 -2
  131. package/dist/esm/uikit/Pager.js +2 -2
  132. package/dist/esm/uikit/{MessageInput.js → PromptInput.js} +9 -10
  133. package/dist/esm/uikit/RadioButton.js +5 -5
  134. package/dist/esm/uikit/RadioButtonList.js +6 -6
  135. package/dist/esm/uikit/Slider.js +2 -2
  136. package/dist/esm/uikit/TabBar.js +5 -5
  137. package/dist/esm/uikit/TextArea.js +7 -7
  138. package/dist/esm/uikit/Textfield.js +7 -7
  139. package/dist/esm/uikit/Tip.js +2 -2
  140. package/dist/esm/uikit/Toast.js +3 -3
  141. package/dist/types/hooks/index.d.ts +1 -1
  142. package/dist/types/hooks/useKeyboardShortcuts/useKeyboardShortcuts.d.ts +1 -0
  143. package/dist/types/hooks/useWindow/useWindow.d.ts +11 -2
  144. package/dist/types/index.d.ts +17 -21
  145. package/dist/types/providers/ThemeProvider.d.ts +1 -0
  146. package/dist/types/stores/index.d.ts +1 -0
  147. package/dist/types/stores/window/_types.d.ts +28 -0
  148. package/dist/types/stores/window/index.d.ts +2 -0
  149. package/dist/types/stores/window/windowStore.d.ts +17 -0
  150. package/dist/types/theme/type/types.d.ts +5 -0
  151. package/dist/types/uikit/{UIButton/UIButton.d.ts → Button/Button.d.ts} +3 -3
  152. package/dist/types/uikit/{UIButton → Button}/_types.d.ts +3 -3
  153. package/dist/types/uikit/Button/index.d.ts +2 -0
  154. package/dist/types/uikit/ButtonBar/ButtonBar.d.ts +2 -0
  155. package/dist/types/uikit/{UIButtonBar → ButtonBar}/_types.d.ts +2 -2
  156. package/dist/types/uikit/ButtonBar/index.d.ts +2 -0
  157. package/dist/types/uikit/Card/Card.d.ts +3 -0
  158. package/dist/types/uikit/{UICard → Card}/_types.d.ts +2 -2
  159. package/dist/types/uikit/Card/index.d.ts +2 -0
  160. package/dist/types/uikit/Chip/Chip.d.ts +3 -0
  161. package/dist/types/uikit/{UIChip → Chip}/_types.d.ts +2 -2
  162. package/dist/types/uikit/Chip/index.d.ts +3 -0
  163. package/dist/types/uikit/FileIcon/FileIcon.d.ts +3 -0
  164. package/dist/types/uikit/FileIcon/_types.d.ts +27 -0
  165. package/dist/types/uikit/FileIcon/fileIconRegistry.d.ts +4 -0
  166. package/dist/types/uikit/FileIcon/index.d.ts +3 -0
  167. package/dist/types/uikit/FileList/FileList.d.ts +3 -0
  168. package/dist/types/uikit/FileList/_types.d.ts +23 -0
  169. package/dist/types/uikit/FileList/index.d.ts +2 -0
  170. package/dist/types/uikit/Label/Label.d.ts +2 -0
  171. package/dist/types/uikit/{UILabel → Label}/_types.d.ts +3 -2
  172. package/dist/types/uikit/Label/index.d.ts +2 -0
  173. package/dist/types/uikit/PromptInput/PromptInput.d.ts +63 -0
  174. package/dist/types/uikit/PromptInput/_types.d.ts +35 -0
  175. package/dist/types/uikit/PromptInput/index.d.ts +2 -0
  176. package/dist/types/util/files.d.ts +9 -0
  177. package/dist/types/util/utils.d.ts +4 -0
  178. package/package.json +5 -2
  179. package/dist/cjs/chunks/EditorButtonBar-Gaxq4gul.js +0 -244
  180. package/dist/cjs/chunks/MessageInput-YV8cqU8h.js +0 -399
  181. package/dist/cjs/chunks/UIFileIcon-ZrbDIeYz.js +0 -54
  182. package/dist/cjs/uikit/EditorButtonBar.js +0 -28
  183. package/dist/esm/chunks/EditorButtonBar-15cTeQ-H.js +0 -242
  184. package/dist/esm/chunks/MessageInput-DByI4x7h.js +0 -397
  185. package/dist/esm/chunks/UIFileIcon-qGxIPsJJ.js +0 -52
  186. package/dist/esm/uikit/EditorButtonBar.js +0 -22
  187. package/dist/types/uikit/EditorButtonBar/EditorButtonBar.d.ts +0 -4
  188. package/dist/types/uikit/EditorButtonBar/_Data.d.ts +0 -12
  189. package/dist/types/uikit/EditorButtonBar/_types.d.ts +0 -61
  190. package/dist/types/uikit/EditorButtonBar/index.d.ts +0 -2
  191. package/dist/types/uikit/MessageInput/ExcerptList/ExcerptList.d.ts +0 -2
  192. package/dist/types/uikit/MessageInput/ExcerptList/_types.d.ts +0 -15
  193. package/dist/types/uikit/MessageInput/FileList/FileList.d.ts +0 -2
  194. package/dist/types/uikit/MessageInput/FileList/_types.d.ts +0 -6
  195. package/dist/types/uikit/MessageInput/InputField/MessageInput.d.ts +0 -2
  196. package/dist/types/uikit/MessageInput/InputField/_types.d.ts +0 -39
  197. package/dist/types/uikit/MessageInput/UserList/UserList.d.ts +0 -5
  198. package/dist/types/uikit/MessageInput/UserList/_types.d.ts +0 -40
  199. package/dist/types/uikit/MessageInput/_Data.d.ts +0 -6
  200. package/dist/types/uikit/MessageInput/_types.d.ts +0 -42
  201. package/dist/types/uikit/MessageInput/index.d.ts +0 -4
  202. package/dist/types/uikit/UIButton/index.d.ts +0 -2
  203. package/dist/types/uikit/UIButtonBar/UIButtonBar.d.ts +0 -2
  204. package/dist/types/uikit/UIButtonBar/index.d.ts +0 -2
  205. package/dist/types/uikit/UICard/UICard.d.ts +0 -3
  206. package/dist/types/uikit/UICard/index.d.ts +0 -2
  207. package/dist/types/uikit/UIChip/UIChip.d.ts +0 -3
  208. package/dist/types/uikit/UIChip/index.d.ts +0 -3
  209. package/dist/types/uikit/UIFileIcon/UIFileIcon.d.ts +0 -3
  210. package/dist/types/uikit/UIFileIcon/_types.d.ts +0 -19
  211. package/dist/types/uikit/UIFileIcon/index.d.ts +0 -2
  212. package/dist/types/uikit/UILabel/UILabel.d.ts +0 -2
  213. package/dist/types/uikit/UILabel/index.d.ts +0 -2
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var RadioButton = require('../chunks/RadioButton--k2YFFEG.js');
3
+ var RadioButton = require('../chunks/RadioButton-DA9YUGEF.js');
4
4
  require('../chunks/tslib.es6-4H29ixHs.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -12,13 +12,13 @@ require('../theme/elevations.js');
12
12
  require('../theme/type.js');
13
13
  require('../hooks/useObserveTheme.js');
14
14
  require('../hooks/useWindow.js');
15
- require('../chunks/IconButton-CjiNliPL.js');
15
+ require('../chunks/IconButton-9QZ4eKBZ.js');
16
16
  require('motion/react');
17
- require('../chunks/Badge-CMapJCij.js');
17
+ require('../chunks/Badge-COSg__VJ.js');
18
18
  require('../chunks/style-inject.es-XZHJH68X.js');
19
19
  require('../chunks/Dot-B5dO8kSS.js');
20
- require('../chunks/_types-CoWzQFsT.js');
21
- require('../chunks/utils-CbayehuI.js');
20
+ require('../chunks/_types-BNlHsGMQ.js');
21
+ require('../chunks/utils-BwNacfBU.js');
22
22
  require('../chunks/sharedTypes-BvTjh6M5.js');
23
23
 
24
24
 
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var RadioButtonList = require('../chunks/RadioButtonList-D99mA5EZ.js');
3
+ var RadioButtonList = require('../chunks/RadioButtonList-BtsT7GJc.js');
4
4
  require('../chunks/tslib.es6-4H29ixHs.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
7
- require('../chunks/RadioButton--k2YFFEG.js');
7
+ require('../chunks/RadioButton-DA9YUGEF.js');
8
8
  require('../hooks/useTheme.js');
9
9
  require('../theme/themes.js');
10
10
  require('../theme/colors.js');
@@ -13,13 +13,13 @@ require('../theme/elevations.js');
13
13
  require('../theme/type.js');
14
14
  require('../hooks/useObserveTheme.js');
15
15
  require('../hooks/useWindow.js');
16
- require('../chunks/IconButton-CjiNliPL.js');
16
+ require('../chunks/IconButton-9QZ4eKBZ.js');
17
17
  require('motion/react');
18
- require('../chunks/Badge-CMapJCij.js');
18
+ require('../chunks/Badge-COSg__VJ.js');
19
19
  require('../chunks/style-inject.es-XZHJH68X.js');
20
20
  require('../chunks/Dot-B5dO8kSS.js');
21
- require('../chunks/_types-CoWzQFsT.js');
22
- require('../chunks/utils-CbayehuI.js');
21
+ require('../chunks/_types-BNlHsGMQ.js');
22
+ require('../chunks/utils-BwNacfBU.js');
23
23
  require('../chunks/sharedTypes-BvTjh6M5.js');
24
24
 
25
25
 
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var Slider = require('../chunks/Slider-C-gn7Sby.js');
3
+ var Slider = require('../chunks/Slider-CqrIwn-L.js');
4
4
  require('../chunks/tslib.es6-4H29ixHs.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
7
7
  require('../hooks/useObserveResize.js');
8
- require('../chunks/utils-CbayehuI.js');
8
+ require('../chunks/utils-BwNacfBU.js');
9
9
  require('../chunks/style-inject.es-XZHJH68X.js');
10
10
 
11
11
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TabBar = require('../chunks/TabBar-CqnPPTFy.js');
3
+ var TabBar = require('../chunks/TabBar-WsNlr-aZ.js');
4
4
  require('../chunks/tslib.es6-4H29ixHs.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -12,11 +12,11 @@ require('../theme/elevations.js');
12
12
  require('../theme/type.js');
13
13
  require('../hooks/useObserveTheme.js');
14
14
  require('../hooks/useWindow.js');
15
- require('../chunks/Badge-CMapJCij.js');
15
+ require('../chunks/Badge-COSg__VJ.js');
16
16
  require('../chunks/style-inject.es-XZHJH68X.js');
17
- require('../chunks/_types-CoWzQFsT.js');
18
- require('../chunks/utils-CbayehuI.js');
19
- require('../chunks/IconButton-CjiNliPL.js');
17
+ require('../chunks/_types-BNlHsGMQ.js');
18
+ require('../chunks/utils-BwNacfBU.js');
19
+ require('../chunks/IconButton-9QZ4eKBZ.js');
20
20
  require('motion/react');
21
21
  require('../chunks/Dot-B5dO8kSS.js');
22
22
  require('../chunks/sharedTypes-BvTjh6M5.js');
@@ -1,11 +1,15 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../chunks/TextArea-CWr6mi3Q.js');
3
+ var TextArea = require('../chunks/TextArea-BMJWUH2H.js');
4
4
  require('../chunks/tslib.es6-4H29ixHs.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
7
- require('../chunks/UIButton-W-WjUvVm.js');
7
+ require('../chunks/Button-BNXqiA13.js');
8
8
  require('motion/react');
9
+ require('../chunks/Badge-COSg__VJ.js');
10
+ require('../chunks/style-inject.es-XZHJH68X.js');
11
+ require('../chunks/Dot-B5dO8kSS.js');
12
+ require('../chunks/_types-BNlHsGMQ.js');
9
13
  require('../hooks/useTheme.js');
10
14
  require('../theme/themes.js');
11
15
  require('../theme/colors.js');
@@ -14,11 +18,7 @@ require('../theme/elevations.js');
14
18
  require('../theme/type.js');
15
19
  require('../hooks/useObserveTheme.js');
16
20
  require('../hooks/useWindow.js');
17
- require('../chunks/Badge-CMapJCij.js');
18
- require('../chunks/style-inject.es-XZHJH68X.js');
19
- require('../chunks/Dot-B5dO8kSS.js');
20
- require('../chunks/_types-CoWzQFsT.js');
21
- require('../chunks/utils-CbayehuI.js');
21
+ require('../chunks/utils-BwNacfBU.js');
22
22
  require('../chunks/ProgressIndicator-BAwAaw58.js');
23
23
  require('../chunks/sharedTypes-BvTjh6M5.js');
24
24
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var TextField = require('../chunks/TextField-BTyhrsbK.js');
3
+ var TextField = require('../chunks/TextField-mfwz79cD.js');
4
4
  require('../chunks/tslib.es6-4H29ixHs.js');
5
5
  require('react/jsx-runtime');
6
6
  require('motion/react');
@@ -13,15 +13,15 @@ require('../theme/elevations.js');
13
13
  require('../theme/type.js');
14
14
  require('../hooks/useObserveTheme.js');
15
15
  require('../hooks/useWindow.js');
16
- require('../chunks/_types-CoWzQFsT.js');
17
- require('../chunks/utils-CbayehuI.js');
18
- require('../chunks/IconButton-CjiNliPL.js');
19
- require('../chunks/Badge-CMapJCij.js');
16
+ require('../chunks/Button-BNXqiA13.js');
17
+ require('../chunks/Badge-COSg__VJ.js');
20
18
  require('../chunks/style-inject.es-XZHJH68X.js');
21
19
  require('../chunks/Dot-B5dO8kSS.js');
22
- require('../chunks/sharedTypes-BvTjh6M5.js');
23
- require('../chunks/UIButton-W-WjUvVm.js');
20
+ require('../chunks/_types-BNlHsGMQ.js');
21
+ require('../chunks/utils-BwNacfBU.js');
24
22
  require('../chunks/ProgressIndicator-BAwAaw58.js');
23
+ require('../chunks/sharedTypes-BvTjh6M5.js');
24
+ require('../chunks/IconButton-9QZ4eKBZ.js');
25
25
 
26
26
 
27
27
 
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var Tip = require('../chunks/Tip-DnLgI7WY.js');
3
+ var Tip = require('../chunks/Tip-Af6FMEDi.js');
4
4
  require('../chunks/tslib.es6-4H29ixHs.js');
5
5
  require('react/jsx-runtime');
6
6
  require('motion/react');
7
7
  require('react');
8
- require('../chunks/utils-CbayehuI.js');
8
+ require('../chunks/utils-BwNacfBU.js');
9
9
  require('../chunks/style-inject.es-XZHJH68X.js');
10
10
 
11
11
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Toast = require('../chunks/Toast-CTCc6Cyl.js');
3
+ var Toast = require('../chunks/Toast-CxAEOW4z.js');
4
4
  require('../chunks/tslib.es6-4H29ixHs.js');
5
5
  require('react/jsx-runtime');
6
6
  require('motion/react');
@@ -13,8 +13,8 @@ require('../theme/elevations.js');
13
13
  require('../theme/type.js');
14
14
  require('../hooks/useObserveTheme.js');
15
15
  require('../hooks/useWindow.js');
16
- require('../chunks/utils-CbayehuI.js');
17
- require('../chunks/_types-CoWzQFsT.js');
16
+ require('../chunks/utils-BwNacfBU.js');
17
+ require('../chunks/_types-BNlHsGMQ.js');
18
18
  require('../chunks/style-inject.es-XZHJH68X.js');
19
19
 
20
20
 
@@ -106,18 +106,45 @@
106
106
  letter-spacing: 0.15px;
107
107
  }
108
108
 
109
- .heading-s-bold {
109
+ .body-xl-regular {
110
+ font-family: var(--font-family), sans-serif;
111
+ font-weight: var(--font-weight-regular);
112
+ font-size: var(--font-size-xl);
113
+ line-height: 162.5%;
114
+ text-decoration: none;
115
+ letter-spacing: 0.1px;
116
+ }
117
+
118
+ .body-xl-medium {
110
119
  font-family: var(--font-family), sans-serif;
111
- font-weight: 650;
120
+ font-weight: var(--font-weight-medium);
121
+ font-size: var(--font-size-xl);
122
+ line-height: 162.5%;
123
+ text-decoration: none;
124
+ letter-spacing: 0.1px;
125
+ }
126
+
127
+ .body-xl-bold {
128
+ font-family: var(--font-family), sans-serif;
129
+ font-weight: var(--font-weight-bold);
130
+ font-size: var(--font-size-xl);
131
+ line-height: 162.5%;
132
+ text-decoration: none;
133
+ letter-spacing: 0.15px;
134
+ }
135
+
136
+ .heading-s-medium {
137
+ font-family: var(--font-family), sans-serif;
138
+ font-weight: 500;
112
139
  font-size: 20px;
113
140
  line-height: 140%;
114
141
  text-decoration: none;
115
142
  letter-spacing: 0.2px;
116
143
  }
117
144
 
118
- .heading-s-medium {
145
+ .heading-s-bold {
119
146
  font-family: var(--font-family), sans-serif;
120
- font-weight: 560;
147
+ font-weight: 600;
121
148
  font-size: 20px;
122
149
  line-height: 140%;
123
150
  text-decoration: none;
@@ -126,7 +153,7 @@
126
153
 
127
154
  .heading-m-bold {
128
155
  font-family: var(--font-family), sans-serif;
129
- font-weight: 650;
156
+ font-weight: 500;
130
157
  font-size: 24px;
131
158
  line-height: 116.67%;
132
159
  text-decoration: none;
@@ -135,7 +162,7 @@
135
162
 
136
163
  .heading-m-medium {
137
164
  font-family: var(--font-family), sans-serif;
138
- font-weight: 560;
165
+ font-weight: 600;
139
166
  font-size: 24px;
140
167
  line-height: 116.67%;
141
168
  text-decoration: none;
@@ -144,8 +171,8 @@
144
171
 
145
172
  .heading-l-medium {
146
173
  font-family: var(--font-family), sans-serif;
147
- font-weight: 560;
148
- font-size: 28px;
174
+ font-weight: 500;
175
+ font-size: 30px;
149
176
  line-height: 128.57%;
150
177
  text-decoration: none;
151
178
  letter-spacing: 0.2px;
@@ -153,8 +180,26 @@
153
180
 
154
181
  .heading-l-bold {
155
182
  font-family: var(--font-family), sans-serif;
156
- font-weight: 650;
157
- font-size: 28px;
183
+ font-weight: 600;
184
+ font-size: 30px;
185
+ line-height: 128.57%;
186
+ text-decoration: none;
187
+ letter-spacing: 0.2px;
188
+ }
189
+
190
+ .heading-xl-medium {
191
+ font-family: var(--font-family), sans-serif;
192
+ font-weight: 500;
193
+ font-size: 36px;
194
+ line-height: 128.57%;
195
+ text-decoration: none;
196
+ letter-spacing: 0.2px;
197
+ }
198
+
199
+ .heading-xl-bold {
200
+ font-family: var(--font-family), sans-serif;
201
+ font-weight: 600;
202
+ font-size: 36px;
158
203
  line-height: 128.57%;
159
204
  text-decoration: none;
160
205
  letter-spacing: 0.2px;
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
3
3
  import React, { useMemo, useCallback } from 'react';
4
4
  import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
5
5
 
6
- var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.Avatar-module_wrapper__U4ZJr {\n\tposition: relative;\n\tmin-height: var(--avatar-size);\n\tmin-width: var(--avatar-size);\n\theight: var(--avatar-size);\n\twidth: var(--avatar-size);\n\tborder: 0;\n\toutline: 0;\n}\n\n.Avatar-module_user__GIczo {\n\tfont-size: var(--avatar-font-size) !important;\n\tmin-height: var(--avatar-size);\n\tmin-width: var(--avatar-size);\n\theight: var(--avatar-size);\n\twidth: var(--avatar-size);\n\tline-height: 1em;\n\ttext-transform: uppercase;\n\tborder-radius: 100%;\n\tborder: var(--avatar-border) solid var(--avatar-border-color);\n\tbackground-color: var(--avatar-bg-color);\n\tcolor: var(--avatar-color);\n\tbackground-image: var(--avatar-bg-image);\n\tbackground-size: cover;\n\tcursor: pointer;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\ttransition: border-color 0.2s ease-in-out 0s;\n\t&:hover {\n\t\tborder-color: var(--core-link-primary);\n\t}\n}\n";
6
+ var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__zDf-z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__R5GpK {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__SI-hC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__PUi44 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__1B6fk {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.Avatar-module_wrapper__U4ZJr {\n\tposition: relative;\n\tmin-height: var(--avatar-size);\n\tmin-width: var(--avatar-size);\n\theight: var(--avatar-size);\n\twidth: var(--avatar-size);\n\tborder: 0;\n\toutline: 0;\n}\n\n.Avatar-module_user__GIczo {\n\tfont-size: var(--avatar-font-size) !important;\n\tmin-height: var(--avatar-size);\n\tmin-width: var(--avatar-size);\n\theight: var(--avatar-size);\n\twidth: var(--avatar-size);\n\tline-height: 1em;\n\ttext-transform: uppercase;\n\tborder-radius: 100%;\n\tborder: var(--avatar-border) solid var(--avatar-border-color);\n\tbackground-color: var(--avatar-bg-color);\n\tcolor: var(--avatar-color);\n\tbackground-image: var(--avatar-bg-image);\n\tbackground-size: cover;\n\tcursor: pointer;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\ttransition: border-color 0.2s ease-in-out 0s;\n\t&:hover {\n\t\tborder-color: var(--core-link-primary);\n\t}\n}\n";
7
7
  var css = {"wrapper":"Avatar-module_wrapper__U4ZJr flexBox-module_row__PWxbe type-module_body-m-regular__Qtp5G","user":"Avatar-module_user__GIczo flexBox-module_row__PWxbe type-module_body-m-regular__Qtp5G"};
8
8
  styleInject(css_248z);
9
9
 
@@ -1,7 +1,7 @@
1
1
  import { _ as __rest } from './tslib.es6-0pkUdtrF.js';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import React, { useMemo } from 'react';
4
- import { A as Avatar } from './Avatar-D_muqPrW.js';
4
+ import { A as Avatar } from './Avatar-BtkvMV1v.js';
5
5
  import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
6
6
 
7
7
  var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.AvatarGroup-module_wrapper__mmcUR {\n\tgap: var(--ag-gap);\n\tmargin: var(--ag-margin);\n}\n\n.AvatarGroup-module_avatar__YbQ5O {\n\tdisplay: inline-block;\n\tmargin-left: var(--ag-overlap);\n\tborder-radius: 100%;\n\t&:first-child {\n\t\tmargin-left: 0;\n\t}\n}\n";
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
3
3
  import React, { useMemo } from 'react';
4
4
  import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
5
5
 
6
- var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.Badge-module_badge__8-cpJ {\n\tline-height: 1em;\n\tcolor: var(--badge-color);\n\tbackground: var(--badge-bg);\n\tpadding: 2px 8px;\n\tmin-width: 24px;\n\twidth: min-content;\n\tborder-radius: 8px;\n\twhite-space: nowrap;\n}\n";
6
+ var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__zDf-z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__R5GpK {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__SI-hC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__PUi44 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__1B6fk {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.Badge-module_badge__8-cpJ {\n\tline-height: 1em;\n\tcolor: var(--badge-color);\n\tbackground: var(--badge-bg);\n\tpadding: 2px 8px;\n\tmin-width: 24px;\n\twidth: min-content;\n\tborder-radius: 8px;\n\twhite-space: nowrap;\n}\n";
7
7
  var css = {"badge":"Badge-module_badge__8-cpJ flexBox-module_row__PWxbe type-module_body-xs-medium__FxEAv"};
8
8
  styleInject(css_248z);
9
9
 
@@ -2,22 +2,18 @@ import { _ as __rest } from './tslib.es6-0pkUdtrF.js';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { motion } from 'motion/react';
4
4
  import React, { forwardRef, useState, useRef, useCallback, useEffect, useImperativeHandle, useMemo } from 'react';
5
- import { useTheme } from '../hooks/useTheme.js';
6
- import '../theme/colors.js';
7
- import '../hooks/useWindow.js';
8
- import { B as Badge } from './Badge-PPf5Uvw3.js';
5
+ import { B as Badge } from './Badge-DtxDLSO0.js';
9
6
  import { D as Dot } from './Dot-BZcEZbnm.js';
10
- import { I as Icon } from './_types-BaYeLEWK.js';
7
+ import { I as Icon } from './_types-RJ7q8S0B.js';
11
8
  import { P as ProgressIndicator } from './ProgressIndicator-uI9BZwBB.js';
12
9
  import { T as ToolTipType } from './sharedTypes-BfZzG1KX.js';
13
10
  import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
14
11
 
15
- var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.UIButton-module_button__nAcQH {\n\tposition: relative;\n\tuser-select: none;\n\tmin-width: var(--ui-button-min-width);\n\t-webkit-user-select: none;\n}\n\n.UIButton-module_label__q4X-J {\n\tuser-select: none;\n\t-webkit-user-select: none;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\twhite-space: nowrap;\n\tword-break: break-all;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n\t&:hover {\n\t\ttext-decoration: var(--ui-button-decoration);\n\t}\n}\n\n.UIButton-module_count__AvZ7Z {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\ttransform: translateX(10px) translateY(-2px);\n}\n\n.UIButton-module_icon__An3R1 {\n\tmin-width: var(--ui-button-icon-size);\n\tmin-height: var(--ui-button-icon-size);\n\theight: var(--ui-button-icon-size);\n\twidth: var(--ui-button-icon-size);\n}\n\n.UIButton-module_m__6qPGY {\n}\n\n.UIButton-module_l__8Pu8o {\n}\n\n.UIButton-module_s__YShP1 {\n}\n";
16
- var css = {"button":"UIButton-module_button__nAcQH flexBox-module_row__PWxbe","label":"UIButton-module_label__q4X-J","count":"UIButton-module_count__AvZ7Z flexBox-module_row__PWxbe","icon":"UIButton-module_icon__An3R1 flexBox-module_row__PWxbe","m":"UIButton-module_m__6qPGY type-module_body-m-regular__Qtp5G","l":"UIButton-module_l__8Pu8o type-module_body-l-regular__Ar4d3","s":"UIButton-module_s__YShP1 type-module_body-s-regular__8-FO-"};
12
+ var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__zDf-z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__R5GpK {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__SI-hC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__PUi44 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__1B6fk {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.Button-module_button__-gHnS {\n\tposition: relative;\n\tuser-select: none;\n\tmin-width: var(--ui-button-min-width);\n\t-webkit-user-select: none;\n}\n\n.Button-module_label__jzYdr {\n\tuser-select: none;\n\t-webkit-user-select: none;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\twhite-space: nowrap;\n\tword-break: break-all;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n\t&:hover {\n\t\ttext-decoration: var(--ui-button-decoration);\n\t}\n}\n\n.Button-module_count__8YTcm {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\ttransform: translateX(10px) translateY(-2px);\n}\n\n.Button-module_icon__BNF2p {\n\tmin-width: var(--ui-button-icon-size);\n\tmin-height: var(--ui-button-icon-size);\n\theight: var(--ui-button-icon-size);\n\twidth: var(--ui-button-icon-size);\n}\n\n.Button-module_m__q-q0F {\n}\n\n.Button-module_l__r6jKt {\n}\n\n.Button-module_s__GucGM {\n}\n";
13
+ var css = {"button":"Button-module_button__-gHnS flexBox-module_row__PWxbe","label":"Button-module_label__jzYdr","count":"Button-module_count__8YTcm flexBox-module_row__PWxbe","icon":"Button-module_icon__BNF2p flexBox-module_row__PWxbe","m":"Button-module_m__q-q0F type-module_body-m-regular__Qtp5G","l":"Button-module_l__r6jKt type-module_body-l-regular__Ar4d3","s":"Button-module_s__GucGM type-module_body-s-regular__8-FO-"};
17
14
  styleInject(css_248z);
18
15
 
19
- const UIButtonComponent = forwardRef((props, buttonRef) => {
20
- const theme = useTheme();
16
+ const ButtonComponent = forwardRef((props, buttonRef) => {
21
17
  const { size = 'medium', variant = 'outline', label = undefined, labelSize = 'm', iconRight = undefined, iconLeft = undefined, count = props.count === undefined ? undefined : Number(props.count), showDot = undefined, tooltip = undefined, round = false, state = 'normal', fill = false, iconSize = props.iconSize === undefined ? 20 : Number(props.iconSize), width = 'auto', underline = false, borderRadius = undefined, iconColor = undefined, bgColor = undefined, bgColorDisabled = undefined, labelColor = undefined, transition = undefined, variants = undefined, initial = undefined, animate = undefined, exit = undefined, paddingRight = undefined, paddingLeft = undefined, progress = false, working = false, duration = undefined, trigger = false, destructive = false, onClick = () => null, onToolTip = () => null } = props, divAttributes = __rest(props, ["size", "variant", "label", "labelSize", "iconRight", "iconLeft", "count", "showDot", "tooltip", "round", "state", "fill", "iconSize", "width", "underline", "borderRadius", "iconColor", "bgColor", "bgColorDisabled", "labelColor", "transition", "variants", "initial", "animate", "exit", "paddingRight", "paddingLeft", "progress", "working", "duration", "trigger", "destructive", "onClick", "onToolTip"]);
22
18
  const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
23
19
  const divStyle = style !== null && style !== void 0 ? style : {};
@@ -28,7 +24,7 @@ const UIButtonComponent = forwardRef((props, buttonRef) => {
28
24
  const ref = useRef(null);
29
25
  const handleClick = useCallback((e) => {
30
26
  onToolTip(null);
31
- if (state === 'disabled')
27
+ if (btnState === 'disabled')
32
28
  return;
33
29
  if (progress && duration) {
34
30
  setPlaying(true);
@@ -36,11 +32,10 @@ const UIButtonComponent = forwardRef((props, buttonRef) => {
36
32
  else {
37
33
  onClick(e);
38
34
  }
39
- }, [onToolTip, state, progress, duration, onClick]);
35
+ }, [onToolTip, btnState, progress, duration, onClick]);
40
36
  useEffect(() => setBtnState(state), [state]);
41
37
  useEffect(() => setPlaying(working), [working]);
42
- // memo button width - note the inclusion of unnecessary dependencies for story book purposes
43
- // biome-ignore lint/correctness/useExhaustiveDependencies: avoid expensive observers
38
+ // memo button widths
44
39
  useEffect(() => {
45
40
  if (!variant || !size || !labelSize)
46
41
  return;
@@ -48,7 +43,7 @@ const UIButtonComponent = forwardRef((props, buttonRef) => {
48
43
  setBtnWidth(ref.current.offsetWidth);
49
44
  else
50
45
  setBtnWidth(width);
51
- }, [width, variant, labelSize, size, iconLeft, iconRight]);
46
+ }, [width, variant, labelSize, size]);
52
47
  useImperativeHandle(buttonRef, () => ({
53
48
  triggerClick: () => handleClick(undefined),
54
49
  }));
@@ -58,13 +53,16 @@ const UIButtonComponent = forwardRef((props, buttonRef) => {
58
53
  }, [trigger, handleClick]);
59
54
  // memo destructive check
60
55
  const destructiveColor = useCallback((icon) => {
61
- if (icon && variant === 'solid') {
62
- return theme.current.colors['core-text-light'];
56
+ if (icon) {
57
+ if (btnState === 'disabled')
58
+ return 'var(--core-text-disabled)';
59
+ if (variant === 'solid')
60
+ return 'var(--core-text-light)';
63
61
  }
64
62
  if (destructive)
65
- return theme.current.colors['feedback-warning'];
66
- return theme.current.colors['core-text-primary'];
67
- }, [destructive, theme, variant]);
63
+ return 'var(--feedback-warning)';
64
+ return 'var(--core-text-primary)';
65
+ }, [destructive, variant, btnState]);
68
66
  // memo solid styles
69
67
  const solid = useMemo(() => {
70
68
  return {
@@ -111,7 +109,7 @@ const UIButtonComponent = forwardRef((props, buttonRef) => {
111
109
  iconColor: {
112
110
  normal: iconColor || destructiveColor(true),
113
111
  hover: iconColor || destructiveColor(true),
114
- disabled: iconColor || 'var(--core-text-disabled)',
112
+ disabled: iconColor || destructiveColor(true),
115
113
  },
116
114
  background: {
117
115
  normal: bgColor || 'var(--core-surface-primary)',
@@ -140,12 +138,12 @@ const UIButtonComponent = forwardRef((props, buttonRef) => {
140
138
  },
141
139
  };
142
140
  }, [
143
- iconColor,
141
+ labelColor,
144
142
  destructive,
143
+ destructiveColor,
145
144
  bgColor,
146
145
  bgColorDisabled,
147
- labelColor,
148
- destructiveColor,
146
+ iconColor,
149
147
  ]);
150
148
  // memo text styles
151
149
  const text = useMemo(() => {
@@ -254,7 +252,7 @@ const UIButtonComponent = forwardRef((props, buttonRef) => {
254
252
  const buttonStyle = useMemo(() => ({
255
253
  color: colorStyles[variant].color[btnState],
256
254
  background: fill
257
- ? theme.current.colors['core-surface-primary']
255
+ ? 'var(--core-surface-primary)'
258
256
  : colorStyles[variant].background[state],
259
257
  paddingRight: paddingRight !== null && paddingRight !== void 0 ? paddingRight : sizingStyles[size].paddingRight,
260
258
  paddingLeft: paddingLeft !== null && paddingLeft !== void 0 ? paddingLeft : sizingStyles[size].paddingLeft,
@@ -274,7 +272,6 @@ const UIButtonComponent = forwardRef((props, buttonRef) => {
274
272
  variant,
275
273
  btnState,
276
274
  fill,
277
- theme,
278
275
  state,
279
276
  paddingRight,
280
277
  paddingLeft,
@@ -282,12 +279,10 @@ const UIButtonComponent = forwardRef((props, buttonRef) => {
282
279
  size,
283
280
  width,
284
281
  ]);
285
- // memo icon stroke color
286
- const iconStrokeColor = useMemo(() => colorStyles[variant].iconColor[state], [colorStyles, variant, state]);
287
282
  // memo progress color
288
283
  const progressColor = useMemo(() => destructive
289
- ? theme.current.colors['feedback-warning']
290
- : colorStyles[variant].color[btnState], [destructive, theme, colorStyles, variant, btnState]);
284
+ ? 'var(feedback-warning)'
285
+ : colorStyles[variant].color[btnState], [destructive, colorStyles, variant, btnState]);
291
286
  const setStyle = useCallback((value) => {
292
287
  if (value === undefined)
293
288
  return 'unset';
@@ -307,9 +302,9 @@ const UIButtonComponent = forwardRef((props, buttonRef) => {
307
302
  '--ui-button-icon-size': iconDivSize,
308
303
  };
309
304
  }, [underline, btnWidth, setStyle, iconDivSize]);
310
- return (jsxs(motion.div, Object.assign({ id: divId, className: `${css.button}${divClass}`, ref: ref, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: Object.assign(Object.assign(Object.assign({}, divStyle), buttonStyle), cssVars), transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, onClick: handleClick }, rest, { children: [!playing && iconLeft && (jsx("div", { className: css.icon, children: jsx(Icon, { name: iconLeft, size: sizingStyles[size].iconSize, strokeColor: iconStrokeColor, pointer: state !== 'disabled' }) })), playing && iconLeft && (jsx(ProgressIndicator, { show: playing, didStop: handleDidStop, duration: duration, size: sizingStyles[size].iconSize, color: progressColor, inline: true })), playing && !iconLeft && !iconRight && (jsx(ProgressIndicator, { show: playing, didStop: handleDidStop, duration: duration, size: sizingStyles[size].iconSize, color: progressColor, inline: false })), shouldShowLabel && (jsx("div", { className: `${css.label} ${css[labelSize]}`, children: label })), playing && iconRight && (jsx(ProgressIndicator, { show: playing, didStop: handleDidStop, duration: duration, size: sizingStyles[size].iconSize, color: progressColor, inline: true })), !playing && iconRight && (jsx("div", { className: css.icon, children: jsx(Icon, { name: iconRight, size: sizingStyles[size].iconSize, strokeColor: iconStrokeColor, pointer: state !== 'disabled' }) })), jsx(Dot, { show: !playing && showDot }), !playing && count && (jsx("div", { className: css.count, children: jsx(Badge, { variant: 'light', count: Number(count) }) }))] })));
305
+ return (jsxs(motion.div, Object.assign({ id: divId, className: `${css.button}${divClass}`, ref: ref, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: Object.assign(Object.assign(Object.assign({}, divStyle), buttonStyle), cssVars), transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, onClick: handleClick }, rest, { children: [!playing && iconLeft && (jsx("div", { className: css.icon, children: jsx(Icon, { name: iconLeft, size: sizingStyles[size].iconSize, strokeColor: colorStyles[variant].iconColor[btnState], pointer: btnState !== 'disabled' }) })), playing && iconLeft && (jsx("div", { className: css.icon, children: jsx(ProgressIndicator, { show: playing, didStop: handleDidStop, duration: duration, size: sizingStyles[size].iconSize, color: progressColor, inline: true }) })), playing && !iconLeft && !iconRight && (jsx("div", { className: css.icon, children: jsx(ProgressIndicator, { show: playing, didStop: handleDidStop, duration: duration, size: sizingStyles[size].iconSize, color: progressColor, inline: false }) })), shouldShowLabel && (jsx("div", { className: `${css.label} ${css[labelSize]}`, children: label })), playing && iconRight && (jsx("div", { className: css.icon, children: jsx(ProgressIndicator, { show: playing, didStop: handleDidStop, duration: duration, size: sizingStyles[size].iconSize, color: progressColor, inline: true }) })), !playing && iconRight && (jsx("div", { className: css.icon, children: jsx(Icon, { name: iconRight, size: sizingStyles[size].iconSize, strokeColor: colorStyles[variant].iconColor[btnState], pointer: btnState !== 'disabled' }) })), jsx(Dot, { show: !playing && showDot }), !playing && count && (jsx("div", { className: css.count, children: jsx(Badge, { variant: 'light', count: Number(count) }) }))] })));
311
306
  });
312
- UIButtonComponent.displayName = 'UIButton';
313
- const UIButton = React.memo(UIButtonComponent);
307
+ ButtonComponent.displayName = 'Button';
308
+ const Button = React.memo(ButtonComponent);
314
309
 
315
- export { UIButton as U };
310
+ export { Button as B };