@cfx-dev/ui-components 0.0.26 → 2.0.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 (480) hide show
  1. package/README.md +1 -1
  2. package/dist/{Combination-Dp_plIQU.js → Combination-BRUj3CHE.js} +42 -43
  3. package/dist/Logos.types-Bdec3F0Q.js +6 -0
  4. package/dist/Rail-rtPENZs2.js +81 -0
  5. package/dist/assets/Avatar.css +1 -1
  6. package/dist/assets/Badge.css +1 -1
  7. package/dist/assets/Button.css +1 -1
  8. package/dist/assets/ButtonBar.css +1 -0
  9. package/dist/assets/Checkbox.css +1 -1
  10. package/dist/assets/ClipboardButton.css +1 -0
  11. package/dist/assets/ColorShowcase.css +1 -0
  12. package/dist/assets/ColorVariationsShowcase.css +1 -0
  13. package/dist/assets/ColorsShowcase.css +1 -0
  14. package/dist/assets/ControlHeightShowcase.css +1 -0
  15. package/dist/assets/Dot.css +1 -1
  16. package/dist/assets/Flex.css +1 -1
  17. package/dist/assets/Flyout.css +1 -1
  18. package/dist/assets/IconBig.css +1 -0
  19. package/dist/assets/IconButton.css +1 -0
  20. package/dist/assets/InfoPanel.css +1 -1
  21. package/dist/assets/Input.css +1 -1
  22. package/dist/assets/InputDropzone.css +1 -1
  23. package/dist/assets/Island.css +1 -1
  24. package/dist/assets/ItemPreview.css +1 -1
  25. package/dist/assets/Modal.css +1 -1
  26. package/dist/assets/NavList.css +1 -1
  27. package/dist/assets/OffsetShowcase.css +1 -0
  28. package/dist/assets/Pad.css +1 -1
  29. package/dist/assets/Popover.css +1 -1
  30. package/dist/assets/PopoverShowcase.css +1 -0
  31. package/dist/assets/Prose.css +1 -1
  32. package/dist/assets/QuantShowcase.css +1 -0
  33. package/dist/assets/Radio.css +1 -1
  34. package/dist/assets/Rail.css +1 -1
  35. package/dist/assets/RichInput.css +1 -1
  36. package/dist/assets/Select.css +1 -1
  37. package/dist/assets/Separator.css +1 -1
  38. package/dist/assets/Spacer.css +1 -1
  39. package/dist/assets/Switch.css +1 -1
  40. package/dist/assets/Tabular.css +1 -1
  41. package/dist/assets/Text.css +1 -1
  42. package/dist/assets/TextShowcase.css +1 -0
  43. package/dist/assets/Textarea.css +1 -1
  44. package/dist/assets/Title.css +1 -1
  45. package/dist/assets/ToggleGroup.css +1 -0
  46. package/dist/assets/global.css +1 -1
  47. package/dist/assets/themes.css +1 -1
  48. package/dist/cfxIcons-BlbKR-zU.js +86 -0
  49. package/dist/cfxIconsBig-CNY8zL27.js +14 -0
  50. package/dist/components/Avatar/Avatar.d.ts +5 -1
  51. package/dist/components/Avatar/Avatar.js +31 -16
  52. package/dist/components/Avatar/AvatarShowcase.d.ts +5 -0
  53. package/dist/components/Avatar/AvatarShowcase.js +33 -0
  54. package/dist/components/Avatar/index.d.ts +2 -0
  55. package/dist/components/Avatar/index.js +4 -0
  56. package/dist/components/BackdropPortal/BackdropPortal.js +9 -6
  57. package/dist/components/Badge/Badge.d.ts +4 -1
  58. package/dist/components/Badge/Badge.js +23 -13
  59. package/dist/components/Badge/BadgeShowcase.d.ts +5 -0
  60. package/dist/components/Badge/BadgeShowcase.js +56 -0
  61. package/dist/components/Badge/index.d.ts +2 -0
  62. package/dist/components/Badge/index.js +4 -0
  63. package/dist/components/Button/Button.d.ts +4 -6
  64. package/dist/components/Button/Button.js +84 -84
  65. package/dist/components/Button/ButtonBar.d.ts +3 -2
  66. package/dist/components/Button/ButtonBar.js +27 -9
  67. package/dist/components/Button/ButtonShowcase.d.ts +5 -0
  68. package/dist/components/Button/ButtonShowcase.js +89 -0
  69. package/dist/components/Button/index.d.ts +6 -0
  70. package/dist/components/Button/index.js +10 -0
  71. package/dist/components/Checkbox/Checkbox.d.ts +10 -9
  72. package/dist/components/Checkbox/Checkbox.js +249 -37
  73. package/dist/components/Checkbox/index.d.ts +2 -0
  74. package/dist/components/Checkbox/index.js +4 -0
  75. package/dist/components/ClipboardButton/ClipboardButton.d.ts +16 -0
  76. package/dist/components/ClipboardButton/ClipboardButton.js +50 -0
  77. package/dist/components/ClipboardButton/index.d.ts +0 -0
  78. package/dist/components/ClipboardButton/index.js +1 -0
  79. package/dist/components/Dot/Dot.d.ts +5 -2
  80. package/dist/components/Dot/Dot.js +25 -10
  81. package/dist/components/Dot/index.d.ts +2 -0
  82. package/dist/components/Dot/index.js +4 -0
  83. package/dist/components/Flyout/Flyout.js +47 -46
  84. package/dist/components/Icon/Icon.d.ts +7 -6
  85. package/dist/components/Icon/Icon.js +31 -19
  86. package/dist/components/Icon/index.d.ts +3 -0
  87. package/dist/components/Icon/index.js +4 -0
  88. package/dist/components/IconBig/IconBig.d.ts +12 -0
  89. package/dist/components/IconBig/IconBig.js +69 -0
  90. package/dist/components/IconBig/index.d.ts +2 -0
  91. package/dist/components/IconBig/index.js +4 -0
  92. package/dist/components/IconButton/IconButton.d.ts +16 -0
  93. package/dist/components/IconButton/IconButton.js +35 -0
  94. package/dist/components/IconButton/index.d.ts +2 -0
  95. package/dist/components/IconButton/index.js +4 -0
  96. package/dist/components/Icons/Icons.types.d.ts +4 -0
  97. package/dist/components/Icons/Icons.types.js +1 -0
  98. package/dist/components/Icons/IconsShowcase.js +101 -0
  99. package/dist/components/Icons/cfx-icons/Close.d.ts +5 -0
  100. package/dist/components/Icons/cfx-icons/Close.js +27 -0
  101. package/dist/components/Icons/cfx-icons/Controller.d.ts +5 -0
  102. package/dist/components/Icons/cfx-icons/Controller.js +31 -0
  103. package/dist/components/Icons/cfx-icons/Copy.d.ts +5 -0
  104. package/dist/components/Icons/cfx-icons/Copy.js +27 -0
  105. package/dist/components/Icons/cfx-icons/DownArrow.d.ts +5 -0
  106. package/dist/components/Icons/cfx-icons/DownArrow.js +27 -0
  107. package/dist/components/Icons/cfx-icons/DownChevron.d.ts +5 -0
  108. package/dist/components/Icons/cfx-icons/DownChevron.js +27 -0
  109. package/dist/components/Icons/cfx-icons/Download.d.ts +5 -0
  110. package/dist/components/Icons/cfx-icons/Download.js +27 -0
  111. package/dist/components/Icons/cfx-icons/Expand.d.ts +5 -0
  112. package/dist/components/Icons/cfx-icons/Expand.js +26 -0
  113. package/dist/components/Icons/cfx-icons/ExternalLink.d.ts +5 -0
  114. package/dist/components/Icons/cfx-icons/ExternalLink.js +27 -0
  115. package/dist/components/Icons/cfx-icons/Heart.d.ts +5 -0
  116. package/dist/components/Icons/cfx-icons/Heart.js +25 -0
  117. package/dist/components/Icons/cfx-icons/HeartFilled.d.ts +5 -0
  118. package/dist/components/Icons/cfx-icons/HeartFilled.js +25 -0
  119. package/dist/components/Icons/cfx-icons/Help.d.ts +5 -0
  120. package/dist/components/Icons/cfx-icons/Help.js +27 -0
  121. package/dist/components/Icons/cfx-icons/LeftArrow.d.ts +5 -0
  122. package/dist/components/Icons/cfx-icons/LeftArrow.js +27 -0
  123. package/dist/components/Icons/cfx-icons/LeftChevron.d.ts +5 -0
  124. package/dist/components/Icons/cfx-icons/LeftChevron.js +27 -0
  125. package/dist/components/Icons/cfx-icons/Map.d.ts +5 -0
  126. package/dist/components/Icons/cfx-icons/Map.js +39 -0
  127. package/dist/components/Icons/cfx-icons/Menu.d.ts +5 -0
  128. package/dist/components/Icons/cfx-icons/Menu.js +49 -0
  129. package/dist/components/Icons/cfx-icons/Minus.d.ts +5 -0
  130. package/dist/components/Icons/cfx-icons/Minus.js +27 -0
  131. package/dist/components/Icons/cfx-icons/More.d.ts +5 -0
  132. package/dist/components/Icons/cfx-icons/More.js +27 -0
  133. package/dist/components/Icons/cfx-icons/MoreInfo.d.ts +5 -0
  134. package/dist/components/Icons/cfx-icons/MoreInfo.js +27 -0
  135. package/dist/components/Icons/cfx-icons/Pencil.d.ts +5 -0
  136. package/dist/components/Icons/cfx-icons/Pencil.js +25 -0
  137. package/dist/components/Icons/cfx-icons/Play.d.ts +5 -0
  138. package/dist/components/Icons/cfx-icons/Play.js +25 -0
  139. package/dist/components/Icons/cfx-icons/Plus.d.ts +5 -0
  140. package/dist/components/Icons/cfx-icons/Plus.js +27 -0
  141. package/dist/components/Icons/cfx-icons/Refresh.d.ts +5 -0
  142. package/dist/components/Icons/cfx-icons/Refresh.js +27 -0
  143. package/dist/components/Icons/cfx-icons/RightArrow.d.ts +5 -0
  144. package/dist/components/Icons/cfx-icons/RightArrow.js +27 -0
  145. package/dist/components/Icons/cfx-icons/RightChevron.d.ts +5 -0
  146. package/dist/components/Icons/cfx-icons/RightChevron.js +27 -0
  147. package/dist/components/Icons/cfx-icons/Search.d.ts +5 -0
  148. package/dist/components/Icons/cfx-icons/Search.js +27 -0
  149. package/dist/components/Icons/cfx-icons/Sort.d.ts +5 -0
  150. package/dist/components/Icons/cfx-icons/Sort.js +27 -0
  151. package/dist/components/Icons/cfx-icons/Square.d.ts +5 -0
  152. package/dist/components/Icons/cfx-icons/Square.js +18 -0
  153. package/dist/components/Icons/cfx-icons/SquareCheck.d.ts +5 -0
  154. package/dist/components/Icons/cfx-icons/SquareCheck.js +27 -0
  155. package/dist/components/Icons/cfx-icons/Stop.d.ts +5 -0
  156. package/dist/components/Icons/cfx-icons/Stop.js +27 -0
  157. package/dist/components/Icons/cfx-icons/Tick.d.ts +5 -0
  158. package/dist/components/Icons/cfx-icons/Tick.js +27 -0
  159. package/dist/components/Icons/cfx-icons/Transfer.d.ts +5 -0
  160. package/dist/components/Icons/cfx-icons/Transfer.js +27 -0
  161. package/dist/components/Icons/cfx-icons/Trash.d.ts +5 -0
  162. package/dist/components/Icons/cfx-icons/Trash.js +23 -0
  163. package/dist/components/Icons/cfx-icons/Undo.d.ts +5 -0
  164. package/dist/components/Icons/cfx-icons/Undo.js +27 -0
  165. package/dist/components/Icons/cfx-icons/UpArrow.d.ts +5 -0
  166. package/dist/components/Icons/cfx-icons/UpArrow.js +27 -0
  167. package/dist/components/Icons/cfx-icons/UpChevron.d.ts +5 -0
  168. package/dist/components/Icons/cfx-icons/UpChevron.js +27 -0
  169. package/dist/components/Icons/cfx-icons/Upload.d.ts +5 -0
  170. package/dist/components/Icons/cfx-icons/Upload.js +27 -0
  171. package/dist/components/Icons/cfx-icons/Users.d.ts +5 -0
  172. package/dist/components/Icons/cfx-icons/Users.js +43 -0
  173. package/dist/components/Icons/cfx-icons/Visibility.d.ts +5 -0
  174. package/dist/components/Icons/cfx-icons/Visibility.js +23 -0
  175. package/dist/components/Icons/cfx-icons/VisibilityOff.d.ts +5 -0
  176. package/dist/components/Icons/cfx-icons/VisibilityOff.js +23 -0
  177. package/dist/components/Icons/cfx-icons/Warning.d.ts +5 -0
  178. package/dist/components/Icons/cfx-icons/Warning.js +27 -0
  179. package/dist/components/Icons/cfx-icons-big/Like.d.ts +5 -0
  180. package/dist/components/Icons/cfx-icons-big/Like.js +25 -0
  181. package/dist/components/Icons/cfx-icons-big/Subscriptions.d.ts +5 -0
  182. package/dist/components/Icons/cfx-icons-big/Subscriptions.js +33 -0
  183. package/dist/components/Icons/cfx-icons-big/Upload.d.ts +5 -0
  184. package/dist/components/Icons/cfx-icons-big/Upload.js +27 -0
  185. package/dist/components/Icons/cfx-icons-big/Warning.d.ts +5 -0
  186. package/dist/components/Icons/cfx-icons-big/Warning.js +27 -0
  187. package/dist/components/Icons/cfxIcons.d.ts +40 -0
  188. package/dist/components/Icons/cfxIcons.js +82 -0
  189. package/dist/components/Icons/cfxIconsBig.d.ts +4 -0
  190. package/dist/components/Icons/cfxIconsBig.js +10 -0
  191. package/dist/components/Icons/index.d.ts +3 -0
  192. package/dist/components/Icons/index.js +6 -0
  193. package/dist/components/InfoPanel/InfoPanel.d.ts +10 -7
  194. package/dist/components/InfoPanel/InfoPanel.js +50 -28
  195. package/dist/components/InfoPanel/InfoPanelShowcase.d.ts +5 -0
  196. package/dist/components/InfoPanel/InfoPanelShowcase.js +47 -0
  197. package/dist/components/InfoPanel/index.d.ts +2 -0
  198. package/dist/components/InfoPanel/index.js +4 -0
  199. package/dist/components/Input/Input.d.ts +16 -19
  200. package/dist/components/Input/Input.js +73 -81
  201. package/dist/components/Input/InputShowcase.d.ts +5 -0
  202. package/dist/components/Input/InputShowcase.js +90 -0
  203. package/dist/components/Input/RichInput.d.ts +2 -1
  204. package/dist/components/Input/RichInput.js +37 -35
  205. package/dist/components/Input/index.d.ts +4 -0
  206. package/dist/components/Input/index.js +6 -0
  207. package/dist/components/InputDropzone/InputDropzone.d.ts +6 -3
  208. package/dist/components/InputDropzone/InputDropzone.js +260 -259
  209. package/dist/components/InputDropzone/InputDropzoneShowcase.d.ts +5 -0
  210. package/dist/components/InputDropzone/InputDropzoneShowcase.js +27 -0
  211. package/dist/components/InputDropzone/ItemPreview.d.ts +5 -1
  212. package/dist/components/InputDropzone/ItemPreview.js +20 -17
  213. package/dist/components/InputDropzone/index.d.ts +4 -0
  214. package/dist/components/InputDropzone/index.js +6 -0
  215. package/dist/components/Interactive/Interactive.d.ts +1 -0
  216. package/dist/components/Interactive/Interactive.js +10 -9
  217. package/dist/components/Island/Island.js +23 -23
  218. package/dist/components/Layout/Flex/Flex.js +46 -43
  219. package/dist/components/Layout/Pad/Pad.js +29 -26
  220. package/dist/components/Layout/Scrollable/Rail.d.ts +1 -2
  221. package/dist/components/Layout/Scrollable/Rail.js +2 -3
  222. package/dist/components/Layout/Scrollable/Scrollable.js +23 -23
  223. package/dist/components/Layout/Scrollable/ScrollableShowcase.d.ts +5 -0
  224. package/dist/components/Layout/Scrollable/ScrollableShowcase.js +112 -0
  225. package/dist/components/Layout/Scrollable/VirtualScrollable.js +6 -7
  226. package/dist/components/Layout/Scrollable/index.d.ts +6 -0
  227. package/dist/components/Layout/Scrollable/index.js +8 -0
  228. package/dist/components/Logos/Logos.types.d.ts +26 -0
  229. package/dist/components/Logos/Logos.types.js +1 -0
  230. package/dist/components/Logos/LogosShowcase.d.ts +5 -0
  231. package/dist/components/Logos/LogosShowcase.js +430 -0
  232. package/dist/components/Logos/cfx/CompositeLogo.d.ts +5 -0
  233. package/dist/components/Logos/cfx/CompositeLogo.js +91 -0
  234. package/dist/components/Logos/cfx/Icon.d.ts +5 -0
  235. package/dist/components/Logos/cfx/Icon.js +23 -0
  236. package/dist/components/Logos/cfx/Logo.d.ts +5 -0
  237. package/dist/components/Logos/cfx/Logo.js +70 -0
  238. package/dist/components/Logos/cfx/Wordmark.d.ts +5 -0
  239. package/dist/components/Logos/cfx/Wordmark.js +60 -0
  240. package/dist/components/Logos/cfx/index.d.ts +4 -0
  241. package/dist/components/Logos/cfx/index.js +10 -0
  242. package/dist/components/Logos/cfxbazaar/CompositeLogo.d.ts +5 -0
  243. package/dist/components/Logos/cfxbazaar/CompositeLogo.js +102 -0
  244. package/dist/components/Logos/cfxbazaar/Wordmark.d.ts +5 -0
  245. package/dist/components/Logos/cfxbazaar/Wordmark.js +81 -0
  246. package/dist/components/Logos/cfxbazaar/index.d.ts +2 -0
  247. package/dist/components/Logos/cfxbazaar/index.js +6 -0
  248. package/dist/components/Logos/discord/Icon.d.ts +5 -0
  249. package/dist/components/Logos/discord/Icon.js +23 -0
  250. package/dist/components/Logos/discord/index.d.ts +1 -0
  251. package/dist/components/Logos/discord/index.js +4 -0
  252. package/dist/components/Logos/esx/Icon.d.ts +5 -0
  253. package/dist/components/Logos/esx/Icon.js +26 -0
  254. package/dist/components/Logos/esx/index.d.ts +1 -0
  255. package/dist/components/Logos/esx/index.js +4 -0
  256. package/dist/components/Logos/fivem/CompositeLogo.d.ts +5 -0
  257. package/dist/components/Logos/fivem/CompositeLogo.js +98 -0
  258. package/dist/components/Logos/fivem/Icon.d.ts +5 -0
  259. package/dist/components/Logos/fivem/Icon.js +39 -0
  260. package/dist/components/Logos/fivem/LockupLandscape.d.ts +5 -0
  261. package/dist/components/Logos/fivem/LockupLandscape.js +81 -0
  262. package/dist/components/Logos/fivem/LockupPortrait.d.ts +5 -0
  263. package/dist/components/Logos/fivem/LockupPortrait.js +140 -0
  264. package/dist/components/Logos/fivem/Logo.d.ts +5 -0
  265. package/dist/components/Logos/fivem/Logo.js +63 -0
  266. package/dist/components/Logos/fivem/Wordmark.d.ts +5 -0
  267. package/dist/components/Logos/fivem/Wordmark.js +39 -0
  268. package/dist/components/Logos/fivem/index.d.ts +6 -0
  269. package/dist/components/Logos/fivem/index.js +14 -0
  270. package/dist/components/Logos/google/Icon.d.ts +5 -0
  271. package/dist/components/Logos/google/Icon.js +46 -0
  272. package/dist/components/Logos/google/Wordmark.d.ts +5 -0
  273. package/dist/components/Logos/google/Wordmark.js +63 -0
  274. package/dist/components/Logos/google/index.d.ts +2 -0
  275. package/dist/components/Logos/google/index.js +6 -0
  276. package/dist/components/Logos/index.d.ts +29 -0
  277. package/dist/components/Logos/index.js +33 -0
  278. package/dist/components/Logos/patreon/Icon.d.ts +5 -0
  279. package/dist/components/Logos/patreon/Icon.js +23 -0
  280. package/dist/components/Logos/patreon/Wordmark.d.ts +5 -0
  281. package/dist/components/Logos/patreon/Wordmark.js +32 -0
  282. package/dist/components/Logos/patreon/index.d.ts +2 -0
  283. package/dist/components/Logos/patreon/index.js +6 -0
  284. package/dist/components/Logos/qbcore/Icon.d.ts +5 -0
  285. package/dist/components/Logos/qbcore/Icon.js +26 -0
  286. package/dist/components/Logos/qbcore/index.d.ts +1 -0
  287. package/dist/components/Logos/qbcore/index.js +4 -0
  288. package/dist/components/Logos/redemrp/Icon.d.ts +5 -0
  289. package/dist/components/Logos/redemrp/Icon.js +26 -0
  290. package/dist/components/Logos/redemrp/index.d.ts +1 -0
  291. package/dist/components/Logos/redemrp/index.js +4 -0
  292. package/dist/components/Logos/redm/CompositeLogo.d.ts +5 -0
  293. package/dist/components/Logos/redm/CompositeLogo.js +250 -0
  294. package/dist/components/Logos/redm/Icon.d.ts +5 -0
  295. package/dist/components/Logos/redm/Icon.js +88 -0
  296. package/dist/components/Logos/redm/LockupLandscape.d.ts +5 -0
  297. package/dist/components/Logos/redm/LockupLandscape.js +231 -0
  298. package/dist/components/Logos/redm/LockupPortrait.d.ts +5 -0
  299. package/dist/components/Logos/redm/LockupPortrait.js +182 -0
  300. package/dist/components/Logos/redm/Logo.d.ts +5 -0
  301. package/dist/components/Logos/redm/Logo.js +214 -0
  302. package/dist/components/Logos/redm/Wordmark.d.ts +5 -0
  303. package/dist/components/Logos/redm/Wordmark.js +35 -0
  304. package/dist/components/Logos/redm/index.d.ts +6 -0
  305. package/dist/components/Logos/redm/index.js +14 -0
  306. package/dist/components/Logos/rockstar/Icon.d.ts +5 -0
  307. package/dist/components/Logos/rockstar/Icon.js +32 -0
  308. package/dist/components/Logos/rockstar/index.d.ts +1 -0
  309. package/dist/components/Logos/rockstar/index.js +4 -0
  310. package/dist/components/Logos/tebex/Icon.d.ts +5 -0
  311. package/dist/components/Logos/tebex/Icon.js +23 -0
  312. package/dist/components/Logos/tebex/Wordmark.d.ts +5 -0
  313. package/dist/components/Logos/tebex/Wordmark.js +34 -0
  314. package/dist/components/Logos/tebex/index.d.ts +2 -0
  315. package/dist/components/Logos/tebex/index.js +6 -0
  316. package/dist/components/Logos/vorpcore/Icon.d.ts +5 -0
  317. package/dist/components/Logos/vorpcore/Icon.js +26 -0
  318. package/dist/components/Logos/vorpcore/index.d.ts +1 -0
  319. package/dist/components/Logos/vorpcore/index.js +4 -0
  320. package/dist/components/Modal/Modal.d.ts +13 -6
  321. package/dist/components/Modal/Modal.js +75 -34
  322. package/dist/components/Modal/ModalShowcase.d.ts +5 -0
  323. package/dist/components/Modal/ModalShowcase.js +52 -0
  324. package/dist/components/Modal/index.d.ts +2 -0
  325. package/dist/components/Modal/index.js +4 -0
  326. package/dist/components/NavList/NavList.js +5 -5
  327. package/dist/components/OnScreenSensor.js +13 -10
  328. package/dist/components/Overlay/Overlay.js +10 -8
  329. package/dist/components/Popover/Popover.d.ts +5 -3
  330. package/dist/components/Popover/Popover.js +32 -26
  331. package/dist/components/Popover/PopoverShowcase.d.ts +5 -0
  332. package/dist/components/Popover/PopoverShowcase.js +53 -0
  333. package/dist/components/Popover/index.d.ts +2 -0
  334. package/dist/components/Popover/index.js +4 -0
  335. package/dist/components/Prose/Prose.js +1 -1
  336. package/dist/components/Radio/Radio.js +20 -20
  337. package/dist/components/Select/Select.d.ts +5 -3
  338. package/dist/components/Select/Select.js +1997 -2230
  339. package/dist/components/Select/SelectShowcase.d.ts +5 -0
  340. package/dist/components/Select/SelectShowcase.js +121 -0
  341. package/dist/components/Select/index.d.ts +2 -0
  342. package/dist/components/Select/index.js +4 -0
  343. package/dist/components/Separator/Separator.d.ts +2 -0
  344. package/dist/components/Separator/Separator.js +33 -22
  345. package/dist/components/Shroud/Shroud.js +11 -8
  346. package/dist/components/Spacer/Spacer.d.ts +3 -1
  347. package/dist/components/Spacer/Spacer.js +22 -18
  348. package/dist/components/Switch/Switch.d.ts +6 -15
  349. package/dist/components/Switch/Switch.js +119 -62
  350. package/dist/components/Switch/index.d.ts +2 -0
  351. package/dist/components/Switch/index.js +4 -0
  352. package/dist/components/Table/Table.js +41 -35
  353. package/dist/components/Tabular/Tabular.d.ts +20 -15
  354. package/dist/components/Tabular/Tabular.js +84 -54
  355. package/dist/components/Tabular/TabularShowcase.d.ts +5 -0
  356. package/dist/components/Tabular/TabularShowcase.js +47 -0
  357. package/dist/components/Tabular/index.d.ts +2 -0
  358. package/dist/components/Tabular/index.js +4 -0
  359. package/dist/components/Text/BodyShowcase.d.ts +5 -0
  360. package/dist/components/Text/BodyShowcase.js +133 -0
  361. package/dist/components/Text/HeadingShowcase.d.ts +5 -0
  362. package/dist/components/Text/HeadingShowcase.js +101 -0
  363. package/dist/components/Text/Text.d.ts +5 -3
  364. package/dist/components/Text/Text.js +59 -47
  365. package/dist/components/Text/Text.types.d.ts +11 -9
  366. package/dist/components/Text/TextShowcase.d.ts +12 -0
  367. package/dist/components/Text/TextShowcase.js +46 -0
  368. package/dist/components/Text/index.d.ts +2 -0
  369. package/dist/components/Text/index.js +8 -0
  370. package/dist/components/Textarea/Textarea.js +35 -35
  371. package/dist/components/Title/Title.d.ts +6 -2
  372. package/dist/components/Title/Title.js +89 -83
  373. package/dist/components/Title/TitleShowcase.d.ts +5 -0
  374. package/dist/components/Title/TitleShowcase.js +22 -0
  375. package/dist/components/ToggleGroup/ToggleGroup.d.ts +17 -0
  376. package/dist/components/ToggleGroup/ToggleGroup.js +65 -0
  377. package/dist/iconBase-C6DV9qqL.js +60 -0
  378. package/dist/index-BCMIaGt2.js +10 -0
  379. package/dist/index-BFDtbr-9.js +8 -0
  380. package/dist/index-BgyFvlVL.js +14 -0
  381. package/dist/index-Bj7QGXdt.js +10 -0
  382. package/dist/index-CjWRnNpt.js +210 -0
  383. package/dist/index-CndZSWbO.js +8 -0
  384. package/dist/index-Cy4ZbWBL.js +8 -0
  385. package/dist/index-D7JPdg13.js +18 -0
  386. package/dist/index-DXAZagKA.js +8 -0
  387. package/dist/index-DmiGJpGO.js +8 -0
  388. package/dist/index-DwfZyjnS.js +8 -0
  389. package/dist/index-Jh-MtE10.js +18 -0
  390. package/dist/index-kbBuAY0m.js +10 -0
  391. package/dist/index-zDYfHjPd.js +10 -0
  392. package/dist/inheritsLoose-CyjgKRgL.js +21 -0
  393. package/dist/main.d.ts +36 -19
  394. package/dist/main.js +166 -148
  395. package/dist/style-guide/Colors/ColorShowcase.d.ts +21 -0
  396. package/dist/style-guide/Colors/ColorShowcase.js +1881 -0
  397. package/dist/style-guide/Colors/ColorVariationsShowcase.d.ts +5 -0
  398. package/dist/style-guide/Colors/ColorVariationsShowcase.js +43 -0
  399. package/dist/style-guide/Colors/ColorsShowcase.d.ts +5 -0
  400. package/dist/style-guide/Colors/ColorsShowcase.js +43 -0
  401. package/dist/style-guide/Layout/ControlHeightShowcase.d.ts +5 -0
  402. package/dist/style-guide/Layout/ControlHeightShowcase.js +27 -0
  403. package/dist/style-guide/Layout/OffsetShowcase.d.ts +5 -0
  404. package/dist/style-guide/Layout/OffsetShowcase.js +32 -0
  405. package/dist/style-guide/Layout/QuantShowcase.d.ts +5 -0
  406. package/dist/style-guide/Layout/QuantShowcase.js +36 -0
  407. package/dist/styles-scss/_typography.scss +52 -0
  408. package/dist/styles-scss/_ui.scss +126 -9
  409. package/dist/styles-scss/assets/fonts/HelveticaNow/HelveticaNowDisplay.ttf +0 -0
  410. package/dist/styles-scss/assets/fonts/HelveticaNow/HelveticaNowDisplay.woff +0 -0
  411. package/dist/styles-scss/assets/fonts/HelveticaNow/HelveticaNowDisplay.woff2 +0 -0
  412. package/dist/styles-scss/assets/fonts/HelveticaNow/HelveticaNowDisplayBold.ttf +0 -0
  413. package/dist/styles-scss/assets/fonts/HelveticaNow/HelveticaNowDisplayBold.woff +0 -0
  414. package/dist/styles-scss/assets/fonts/HelveticaNow/HelveticaNowDisplayBold.woff2 +0 -0
  415. package/dist/styles-scss/assets/fonts/HelveticaNow/HelveticaNowText.ttf +0 -0
  416. package/dist/styles-scss/assets/fonts/HelveticaNow/HelveticaNowText.woff +0 -0
  417. package/dist/styles-scss/assets/fonts/HelveticaNow/HelveticaNowText.woff2 +0 -0
  418. package/dist/styles-scss/assets/fonts/HelveticaNow/HelveticaNowTextBold.ttf +0 -0
  419. package/dist/styles-scss/assets/fonts/HelveticaNow/HelveticaNowTextBold.woff +0 -0
  420. package/dist/styles-scss/assets/fonts/HelveticaNow/HelveticaNowTextBold.woff2 +0 -0
  421. package/dist/styles-scss/assets/fonts/HelveticaNow/HelveticaNowTextIt.ttf +0 -0
  422. package/dist/styles-scss/assets/fonts/HelveticaNow/HelveticaNowTextIt.woff +0 -0
  423. package/dist/styles-scss/assets/fonts/HelveticaNow/HelveticaNowTextIt.woff2 +0 -0
  424. package/dist/styles-scss/global.scss +94 -41
  425. package/dist/styles-scss/themes/theme_cfx.scss +32 -0
  426. package/dist/styles-scss/themes/theme_fivem.scss +32 -0
  427. package/dist/styles-scss/themes/theme_redm.scss +32 -0
  428. package/dist/styles-scss/themes/theme_wireframe.scss +32 -0
  429. package/dist/styles-scss/themes.scss +4 -2
  430. package/dist/styles-scss/tokens.scss +269 -190
  431. package/dist/types/Offset.d.ts +1 -0
  432. package/dist/types/Offset.js +1 -0
  433. package/dist/utils/color.d.ts +9 -0
  434. package/dist/utils/color.js +18 -0
  435. package/dist/utils/hooks/index.d.ts +8 -0
  436. package/dist/utils/hooks/index.js +16 -0
  437. package/dist/utils/hooks/useDynamicRef.d.ts +3 -0
  438. package/dist/utils/hooks/useDynamicRef.js +8 -0
  439. package/dist/utils/hooks/useGlobalKeyboardEvent.d.ts +6 -0
  440. package/dist/utils/hooks/useGlobalKeyboardEvent.js +29 -0
  441. package/dist/utils/hooks/useInstance.d.ts +1 -0
  442. package/dist/utils/hooks/useInstance.js +9 -0
  443. package/dist/utils/hooks/useKeyboardClose.d.ts +4 -0
  444. package/dist/utils/hooks/useKeyboardClose.js +12 -0
  445. package/dist/utils/hooks/useOutlet.d.ts +4 -0
  446. package/dist/utils/hooks/useOutlet.js +26 -0
  447. package/dist/utils/hooks/usePopoverController.d.ts +9 -0
  448. package/dist/utils/hooks/usePopoverController.js +35 -0
  449. package/dist/utils/hooks/useWindowResize.d.ts +1 -0
  450. package/dist/utils/hooks/useWindowResize.js +12 -0
  451. package/dist/utils/loremipsum.d.ts +1 -0
  452. package/dist/utils/loremipsum.js +4 -0
  453. package/dist/utils/random.d.ts +3 -0
  454. package/dist/utils/random.js +14 -0
  455. package/package.json +5 -6
  456. package/dist/Button.module-Z6njvP9Z.js +0 -17
  457. package/dist/Icons-BlBKvJD8.js +0 -104
  458. package/dist/Rail-CCuyJpf6.js +0 -89
  459. package/dist/extends-hS2Bh-Yp.js +0 -12
  460. package/dist/index.esm-BkynlSN6.js +0 -72
  461. package/dist/inheritsLoose-A8WKSWDx.js +0 -11
  462. package/dist/style-guide/Colours/DarkThemeSwatches.d.ts +0 -2
  463. package/dist/style-guide/Colours/DarkThemeSwatches.js +0 -110
  464. package/dist/style-guide/Colours/LightThemeSwatches.d.ts +0 -2
  465. package/dist/style-guide/Colours/LightThemeSwatches.js +0 -105
  466. package/dist/style-guide/Colours/Swatches.d.ts +0 -6
  467. package/dist/style-guide/Colours/Swatches.js +0 -48
  468. package/dist/style-guide/Icons/IconDisplayGrid.js +0 -42
  469. package/dist/style-guide/Icons/Icons.d.ts +0 -38
  470. package/dist/style-guide/Icons/Icons.js +0 -7
  471. package/dist/styles-scss/assets/images/bgpat.png +0 -0
  472. package/dist/styles-scss/assets/images/checkered_dark.svg +0 -7
  473. package/dist/styles-scss/assets/images/checkered_light.svg +0 -7
  474. package/dist/styles-scss/theme_dark.scss +0 -24
  475. package/dist/styles-scss/theme_light.scss +0 -54
  476. package/dist/utils/hooks.d.ts +0 -15
  477. package/dist/utils/hooks.js +0 -79
  478. package/dist/utils/outlet.d.ts +0 -4
  479. package/dist/utils/outlet.js +0 -21
  480. /package/dist/{style-guide/Icons/IconDisplayGrid.d.ts → components/Icons/IconsShowcase.d.ts} +0 -0
package/README.md CHANGED
@@ -24,7 +24,7 @@ import '@cfx-dev/ui-components/dist/styles-scss/themes.scss';
24
24
  ```
25
25
  Add theme class name to body or root element
26
26
  ```javascript
27
- <body className="cfxui-theme-dark">
27
+ <body className="cfxui-theme-cfx">
28
28
  ```
29
29
  For some components you will need to define this variables in your root stiles:
30
30
  ```css
package/dist/{Combination-Dp_plIQU.js → Combination-BRUj3CHE.js} RENAMED
@@ -1,9 +1,8 @@
1
- import { _ as z } from "./extends-hS2Bh-Yp.js";
2
- import * as p from "react";
3
- import pr, { createContext as br, PureComponent as hr } from "react";
1
+ import { a as z, _ as br } from "./inheritsLoose-CyjgKRgL.js";
2
+ import * as b from "react";
3
+ import pr, { createContext as hr, PureComponent as yr } from "react";
4
4
  import { P as Se, p as v } from "./index-DQMInta3.js";
5
- import { c as ee, a as yr, u as gr } from "./medium-JVtzoF2c.js";
6
- import { _ as Fr } from "./inheritsLoose-A8WKSWDx.js";
5
+ import { c as ee, a as gr, u as Fr } from "./medium-JVtzoF2c.js";
7
6
  function Er(e, r) {
8
7
  if (e == null) return {};
9
8
  var n = {};
@@ -29,20 +28,20 @@ var Ne = ee({}, function(e) {
29
28
  target: r,
30
29
  currentTarget: n
31
30
  };
32
- }), Te = ee(), Sr = ee(), Ir = yr({
31
+ }), Te = ee(), Sr = ee(), Ir = gr({
33
32
  async: !0,
34
33
  ssr: typeof document < "u"
35
- }), Nr = /* @__PURE__ */ br(void 0), Tr = [], re = /* @__PURE__ */ p.forwardRef(function(r, n) {
36
- var t, o = p.useState(), u = o[0], a = o[1], c = p.useRef(), h = p.useRef(!1), i = p.useRef(null), m = p.useState({}), f = m[1], d = r.children, b = r.disabled, s = b === void 0 ? !1 : b, l = r.noFocusGuards, y = l === void 0 ? !1 : l, F = r.persistentFocus, g = F === void 0 ? !1 : F, O = r.crossFrame, W = O === void 0 ? !0 : O, k = r.autoFocus, Ye = k === void 0 ? !0 : k, ze = r.allowTextSelection, Je = r.group, Qe = r.className, Xe = r.whiteList, Ze = r.hasPositiveIndices, le = r.shards, H = le === void 0 ? Tr : le, ve = r.as, me = ve === void 0 ? "div" : ve, pe = r.lockProps, er = pe === void 0 ? {} : pe, rr = r.sideCar, be = r.returnFocus, U = be === void 0 ? !1 : be, nr = r.focusOptions, V = r.onActivation, j = r.onDeactivation, tr = p.useState({}), or = tr[0], ur = p.useCallback(function(x) {
34
+ }), Nr = /* @__PURE__ */ hr(void 0), Tr = [], re = /* @__PURE__ */ b.forwardRef(function(r, n) {
35
+ var t, o = b.useState(), u = o[0], a = o[1], c = b.useRef(), h = b.useRef(!1), i = b.useRef(null), m = b.useState({}), f = m[1], d = r.children, p = r.disabled, s = p === void 0 ? !1 : p, l = r.noFocusGuards, y = l === void 0 ? !1 : l, F = r.persistentFocus, g = F === void 0 ? !1 : F, O = r.crossFrame, W = O === void 0 ? !0 : O, k = r.autoFocus, Ye = k === void 0 ? !0 : k, ze = r.allowTextSelection, Je = r.group, Qe = r.className, Xe = r.whiteList, Ze = r.hasPositiveIndices, le = r.shards, H = le === void 0 ? Tr : le, ve = r.as, me = ve === void 0 ? "div" : ve, be = r.lockProps, er = be === void 0 ? {} : be, rr = r.sideCar, pe = r.returnFocus, U = pe === void 0 ? !1 : pe, nr = r.focusOptions, V = r.onActivation, j = r.onDeactivation, tr = b.useState({}), or = tr[0], ur = b.useCallback(function(x) {
37
36
  var N = x.captureFocusRestore;
38
37
  if (!i.current) {
39
38
  var T, w = (T = document) == null ? void 0 : T.activeElement;
40
39
  i.current = w, w !== document.body && (i.current = N(w));
41
40
  }
42
41
  c.current && V && V(c.current), h.current = !0, f();
43
- }, [V]), ar = p.useCallback(function() {
42
+ }, [V]), ar = b.useCallback(function() {
44
43
  h.current = !1, j && j(c.current), f();
45
- }, [j]), ir = p.useCallback(function(x) {
44
+ }, [j]), ir = b.useCallback(function(x) {
46
45
  var N = i.current;
47
46
  if (N) {
48
47
  var T = (typeof N == "function" ? N() : N) || document.body, w = typeof U == "function" ? U(T) : U;
@@ -53,15 +52,15 @@ var Ne = ee({}, function(e) {
53
52
  }) : T.focus(ye);
54
53
  }
55
54
  }
56
- }, [U]), cr = p.useCallback(function(x) {
55
+ }, [U]), cr = b.useCallback(function(x) {
57
56
  h.current && Ne.useMedium(x);
58
- }, []), fr = Te.useMedium, sr = p.useCallback(function(x) {
57
+ }, []), fr = Te.useMedium, sr = b.useCallback(function(x) {
59
58
  c.current !== x && (c.current = x, a(x));
60
59
  }, []);
61
- process.env.NODE_ENV !== "production" && (typeof ze < "u" && console.warn("React-Focus-Lock: allowTextSelection is deprecated and enabled by default"), p.useEffect(function() {
60
+ process.env.NODE_ENV !== "production" && (typeof ze < "u" && console.warn("React-Focus-Lock: allowTextSelection is deprecated and enabled by default"), b.useEffect(function() {
62
61
  !c.current && typeof me != "string" && console.error("FocusLock: could not obtain ref to internal node");
63
62
  }, []));
64
- var dr = z((t = {}, t[Ie] = s && "disabled", t[J] = Je, t), er), he = y !== !0, lr = he && y !== "tail", vr = gr([n, sr]), mr = p.useMemo(function() {
63
+ var dr = z((t = {}, t[Ie] = s && "disabled", t[J] = Je, t), er), he = y !== !0, lr = he && y !== "tail", vr = Fr([n, sr]), mr = b.useMemo(function() {
65
64
  return {
66
65
  observed: c,
67
66
  shards: H,
@@ -69,20 +68,20 @@ var Ne = ee({}, function(e) {
69
68
  active: h.current
70
69
  };
71
70
  }, [s, h.current, H, u]);
72
- return /* @__PURE__ */ p.createElement(p.Fragment, null, he && [
73
- /* @__PURE__ */ p.createElement("div", {
71
+ return /* @__PURE__ */ b.createElement(b.Fragment, null, he && [
72
+ /* @__PURE__ */ b.createElement("div", {
74
73
  key: "guard-first",
75
74
  "data-focus-guard": !0,
76
75
  tabIndex: s ? -1 : 0,
77
76
  style: $
78
77
  }),
79
- Ze ? /* @__PURE__ */ p.createElement("div", {
78
+ Ze ? /* @__PURE__ */ b.createElement("div", {
80
79
  key: "guard-nearest",
81
80
  "data-focus-guard": !0,
82
81
  tabIndex: s ? -1 : 1,
83
82
  style: $
84
83
  }) : null
85
- ], !s && /* @__PURE__ */ p.createElement(rr, {
84
+ ], !s && /* @__PURE__ */ b.createElement(rr, {
86
85
  id: or,
87
86
  sideCar: Ir,
88
87
  observed: u,
@@ -96,15 +95,15 @@ var Ne = ee({}, function(e) {
96
95
  onDeactivation: ar,
97
96
  returnFocus: ir,
98
97
  focusOptions: nr
99
- }), /* @__PURE__ */ p.createElement(me, z({
98
+ }), /* @__PURE__ */ b.createElement(me, z({
100
99
  ref: vr
101
100
  }, dr, {
102
101
  className: Qe,
103
102
  onBlur: fr,
104
103
  onFocus: cr
105
- }), /* @__PURE__ */ p.createElement(Nr.Provider, {
104
+ }), /* @__PURE__ */ b.createElement(Nr.Provider, {
106
105
  value: mr
107
- }, d)), lr && /* @__PURE__ */ p.createElement("div", {
106
+ }, d)), lr && /* @__PURE__ */ b.createElement("div", {
108
107
  "data-focus-guard": !0,
109
108
  tabIndex: s ? -1 : 0,
110
109
  style: $
@@ -181,7 +180,7 @@ function Cr(e, r) {
181
180
  })), r(a);
182
181
  }
183
182
  var h = /* @__PURE__ */ function(i) {
184
- Fr(m, i);
183
+ br(m, i);
185
184
  function m() {
186
185
  return i.apply(this, arguments) || this;
187
186
  }
@@ -194,12 +193,12 @@ function Cr(e, r) {
194
193
  }, f.componentDidUpdate = function() {
195
194
  c();
196
195
  }, f.componentWillUnmount = function() {
197
- var b = u.indexOf(this);
198
- u.splice(b, 1), c();
196
+ var p = u.indexOf(this);
197
+ u.splice(p, 1), c();
199
198
  }, f.render = function() {
200
199
  return /* @__PURE__ */ pr.createElement(o, this.props);
201
200
  }, m;
202
- }(hr);
201
+ }(yr);
203
202
  return Dr(h, "displayName", "SideEffect(" + n(o) + ")"), h;
204
203
  };
205
204
  }
@@ -427,17 +426,17 @@ var E = function(e) {
427
426
  return f !== -1 ? f : X;
428
427
  if (f === -1)
429
428
  return X;
430
- var d = i - m, b = n.indexOf(a), s = n.indexOf(c), l = en(n), y = t !== void 0 ? l.indexOf(t) : -1, F = y - (o ? l.indexOf(o) : i);
429
+ var d = i - m, p = n.indexOf(a), s = n.indexOf(c), l = en(n), y = t !== void 0 ? l.indexOf(t) : -1, F = y - (o ? l.indexOf(o) : i);
431
430
  if (!d && f >= 0 || r.length === 0)
432
431
  return f;
433
432
  var g = Ee(e, r[0]), O = Ee(e, r[r.length - 1]);
434
- if (i <= b && h && Math.abs(d) > 1)
433
+ if (i <= p && h && Math.abs(d) > 1)
435
434
  return O;
436
435
  if (i >= s && h && Math.abs(d) > 1)
437
436
  return g;
438
437
  if (d && Math.abs(F) > 1)
439
438
  return f;
440
- if (i <= b)
439
+ if (i <= p)
441
440
  return O;
442
441
  if (i > s)
443
442
  return g;
@@ -508,12 +507,12 @@ var E = function(e) {
508
507
  return l;
509
508
  }), d = rn(m, f, h, n, r);
510
509
  if (d === X) {
511
- var b = (
510
+ var p = (
512
511
  // first try only tabbable, and the fallback to all focusable, as long as at least one element should be picked for focus
513
512
  Oe(a, f, xe(t, u)) || Oe(a, m, xe(t, u))
514
513
  );
515
- if (b)
516
- return { node: b };
514
+ if (p)
515
+ return { node: p };
517
516
  console.warn("focus-lock: cannot find any node to move focus into");
518
517
  return;
519
518
  }
@@ -578,15 +577,15 @@ var an = function(e) {
578
577
  for (var a = e.stack, c = e.ownerDocument, h = /* @__PURE__ */ new Map(), i = 0, m = a; i < m.length; i++) {
579
578
  var f = m[i], d = (r = f.parent) === null || r === void 0 ? void 0 : r.call(f);
580
579
  if (d && c.contains(d)) {
581
- for (var b = (n = f.left) === null || n === void 0 ? void 0 : n.call(f), s = f.current(), l = d.contains(s) ? s : void 0, y = (t = f.right) === null || t === void 0 ? void 0 : t.call(f), F = ae([d], h), g = (
580
+ for (var p = (n = f.left) === null || n === void 0 ? void 0 : n.call(f), s = f.current(), l = d.contains(s) ? s : void 0, y = (t = f.right) === null || t === void 0 ? void 0 : t.call(f), F = ae([d], h), g = (
582
581
  // that is element itself
583
582
  (u = (o = l ?? // or something in it's place
584
- (b == null ? void 0 : b.nextElementSibling)) !== null && o !== void 0 ? o : (
583
+ (p == null ? void 0 : p.nextElementSibling)) !== null && o !== void 0 ? o : (
585
584
  // or somebody to the right, still close enough
586
585
  y
587
586
  )) !== null && u !== void 0 ? u : (
588
587
  // or somebody to the left, something?
589
- b
588
+ p
590
589
  )
591
590
  ); g; ) {
592
591
  for (var O = 0, W = F; O < W.length; O++) {
@@ -656,9 +655,9 @@ var an = function(e) {
656
655
  }, Ve = function(e, r, n) {
657
656
  var t, o = dn(e, (t = r.onlyTabbable) !== null && t !== void 0 ? t : !0), u = o[n];
658
657
  u && fe(u.node, r.focusOptions);
659
- }, pn = function(e, r) {
660
- r === void 0 && (r = {}), Ve(e, r, "first");
661
658
  }, bn = function(e, r) {
659
+ r === void 0 && (r = {}), Ve(e, r, "first");
660
+ }, pn = function(e, r) {
662
661
  r === void 0 && (r = {}), Ve(e, r, "last");
663
662
  };
664
663
  function se(e) {
@@ -714,17 +713,17 @@ var wn = function(r) {
714
713
  if ((!m || En(m)) && (o || wn(c) || !gn() || !P && u) && (i && !(Ue(f) || m && In(m, f) || xn(m)) && (document && !P && m && !u ? (m.blur && m.blur(), document.body.focus()) : (r = Ge(f, P, {
715
714
  focusOptions: h
716
715
  }), D = {})), R = !1, P = document && document.activeElement), document && m !== document.activeElement && document.querySelector("[data-focus-auto-guard]")) {
717
- var d = document && document.activeElement, b = un(f), s = b.map(function(l) {
716
+ var d = document && document.activeElement, p = un(f), s = p.map(function(l) {
718
717
  var y = l.node;
719
718
  return y;
720
719
  }).indexOf(d);
721
- s > -1 && (b.filter(function(l) {
720
+ s > -1 && (p.filter(function(l) {
722
721
  var y = l.guard, F = l.node;
723
722
  return y && F.dataset.focusAutoGuard;
724
723
  }).forEach(function(l) {
725
724
  var y = l.node;
726
725
  return y.removeAttribute("tabIndex");
727
- }), we(s, b.length, 1, b), we(s, -1, -1, b));
726
+ }), we(s, p.length, 1, p), we(s, -1, -1, p));
728
727
  }
729
728
  }
730
729
  }
@@ -760,8 +759,8 @@ var qe = {
760
759
  focusInside: Ue,
761
760
  focusNextElement: vn,
762
761
  focusPrevElement: mn,
763
- focusFirstElement: pn,
764
- focusLastElement: bn,
762
+ focusFirstElement: bn,
763
+ focusLastElement: pn,
765
764
  captureFocusRestore: fn
766
765
  };
767
766
  function Cn(e) {
@@ -779,8 +778,8 @@ Sr.assignMedium(function(e) {
779
778
  return e(qe);
780
779
  });
781
780
  const kn = Cr(Dn, Cn)(Tn);
782
- var _n = /* @__PURE__ */ p.forwardRef(function(r, n) {
783
- return /* @__PURE__ */ p.createElement(re, z({
781
+ var _n = /* @__PURE__ */ b.forwardRef(function(r, n) {
782
+ return /* @__PURE__ */ b.createElement(re, z({
784
783
  sideCar: kn,
785
784
  ref: n
786
785
  }, r));
package/dist/Logos.types-Bdec3F0Q.js ADDED
@@ -0,0 +1,6 @@
1
+ const e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2
+ __proto__: null
3
+ }, Symbol.toStringTag, { value: "Module" }));
4
+ export {
5
+ e as L
6
+ };
package/dist/Rail-rtPENZs2.js ADDED
@@ -0,0 +1,81 @@
1
+ import { jsx as g } from "react/jsx-runtime";
2
+ import r from "react";
3
+ import { Interactive as C } from "./components/Interactive/Interactive.js";
4
+ import { clsx as S } from "./utils/clsx.js";
5
+ import { clamp01 as b } from "./utils/math.js";
6
+ import './assets/Rail.css';const q = "_virtual_1ixqf_1", P = "_root_1ixqf_5", T = "_rail_1ixqf_12", R = "_active_1ixqf_12", M = "_scroller_1ixqf_15", y = "_content_1ixqf_25", z = "_thumb_1ixqf_39", a = {
7
+ virtual: q,
8
+ root: P,
9
+ rail: T,
10
+ active: R,
11
+ scroller: M,
12
+ "no-x-scroll": "_no-x-scroll_1ixqf_19",
13
+ "no-y-scroll": "_no-y-scroll_1ixqf_22",
14
+ content: y,
15
+ thumb: z,
16
+ "axis-x": "_axis-x_1ixqf_50",
17
+ "axis-y": "_axis-y_1ixqf_59"
18
+ }, E = {
19
+ pos: 0,
20
+ ratio: 1,
21
+ height: 0,
22
+ offset: 0,
23
+ dragging: !1,
24
+ dragStartAtCursor: 0,
25
+ dragStartAtPos: 0,
26
+ movementMultiplier: 1
27
+ };
28
+ function X(v) {
29
+ const {
30
+ axis: c,
31
+ pos: s,
32
+ size: o,
33
+ scrollSize: m,
34
+ rootRef: _,
35
+ setRootActive: i,
36
+ minThumbSize: n
37
+ } = v, [h, x] = r.useState(!1), t = r.useRef({ ...E }), e = r.useMemo(() => c === "x" ? {
38
+ sizeCSS: "width",
39
+ offsetCSSTransform: "translateX",
40
+ scrollToSide: "left",
41
+ mousePosAxis: "clientX"
42
+ } : {
43
+ sizeCSS: "height",
44
+ offsetCSSTransform: "translateY",
45
+ scrollToSide: "top",
46
+ mousePosAxis: "clientY"
47
+ }, [c]), p = {
48
+ [e.sizeCSS]: `${t.current.height}px`,
49
+ transform: `${e.offsetCSSTransform}(${t.current.offset}px)`
50
+ }, A = r.useCallback((f) => {
51
+ t.current.dragging = !0, t.current.dragStartAtPos = t.current.pos, t.current.dragStartAtCursor = f[e.mousePosAxis], x(!0), i(!0);
52
+ }, [e.mousePosAxis, i]), u = r.useCallback((f) => {
53
+ var d;
54
+ if (!t.current.dragging)
55
+ return;
56
+ const w = f[e.mousePosAxis] - t.current.dragStartAtCursor;
57
+ (d = _.current) == null || d.scrollTo({
58
+ [e.scrollToSide]: t.current.dragStartAtPos + w * t.current.movementMultiplier,
59
+ behavior: "auto"
60
+ });
61
+ }, [e.mousePosAxis, e.scrollToSide, _]), l = r.useCallback(() => {
62
+ t.current.dragging && (t.current.dragging = !1, x(!1), i(!1));
63
+ }, [i]);
64
+ return r.useEffect(() => {
65
+ t.current.pos = s, t.current.ratio = b(o / m), t.current.height = o * t.current.ratio, t.current.offset = s * t.current.ratio, t.current.height < n && (t.current.height = n, t.current.offset = s * t.current.ratio * ((o - n) / o)), t.current.movementMultiplier = 1 / t.current.ratio;
66
+ }, [n, s, m, o]), r.useEffect(() => (window.addEventListener("mousemove", u), window.addEventListener("mouseup", l), () => {
67
+ window.removeEventListener("mousemove", u), window.removeEventListener("mouseup", l);
68
+ }), [u, l]), /* @__PURE__ */ g("div", { className: S(a.rail, a[`axis-${c}`]), children: /* @__PURE__ */ g(
69
+ C,
70
+ {
71
+ showPointer: !1,
72
+ style: p,
73
+ className: S(a.thumb, { [a.active]: h }),
74
+ onMouseDown: A
75
+ }
76
+ ) });
77
+ }
78
+ export {
79
+ X as R,
80
+ a as s
81
+ };
package/dist/assets/Avatar.css CHANGED
@@ -1 +1 @@
1
- ._root_kigp9_1{flex-shrink:0;border-radius:var(--border-radius-xsmall);background-size:contain;background-color:var(--color-avatar-background)}._root_kigp9_1._size-small_kigp9_7{width:var(--control-height-small);height:var(--control-height-small)}._root_kigp9_1._size-normal_kigp9_11{width:var(--control-height-normal);height:var(--control-height-normal)}._root_kigp9_1._size-large_kigp9_15{width:var(--control-height-large);height:var(--control-height-large)}._root_kigp9_1._size-xxxlarge_kigp9_19{width:calc(var(--quant) * 30);height:calc(var(--quant) * 30)}
1
+ ._root_1vrfs_1{flex-shrink:0;border-radius:var(--border-radius-xsmall);background-size:contain;background-color:var(--color-avatar-background)}._root_1vrfs_1._rounded_1vrfs_7{border-radius:var(--border-radius-pill)}._root_1vrfs_1._size-small_1vrfs_10{width:var(--control-height-small);height:var(--control-height-small)}._root_1vrfs_1._size-normal_1vrfs_14{width:var(--control-height-normal);height:var(--control-height-normal)}._root_1vrfs_1._size-large_1vrfs_18{width:var(--control-height-large);height:var(--control-height-large)}._root_1vrfs_1._size-xxxlarge_1vrfs_22{width:calc(var(--quant) * 30);height:calc(var(--quant) * 30)}
package/dist/assets/Badge.css CHANGED
@@ -1 +1 @@
1
- ._root_11j4y_1{display:flex;align-items:center;justify-content:center;padding:0 var(--offset-small);font-size:var(--font-size-xsmall);height:var(--control-height-xsmall);border:solid 1px;border-radius:var(--offset-large)}._root_11j4y_1._default_11j4y_11{color:var(--color-badge-text);border-color:var(--color-badge-border);background-color:var(--color-badge-background)}._root_11j4y_1._primary_11j4y_16{border-color:var(--color-badge-primary-border);background-color:var(--color-badge-primary-background)}
1
+ ._root_15tkr_1{display:inline-flex;align-items:center;justify-content:center;padding:var(--offset-xsmall) var(--quant);text-transform:uppercase;font-size:var(--font-size-xxsmall);font-weight:var(--font-weight-bold);height:var(--control-height-xsmall);border:none;border-radius:var(--offset-small)}._root_15tkr_1._success_15tkr_13{color:var(--color-badge-success-text);background-color:var(--color-badge-success-background)}._root_15tkr_1._success_15tkr_13._hoverable_15tkr_17:not(:disabled):hover{background-color:var(--color-badge-success-background-hover)}._root_15tkr_1._neutral_15tkr_20{color:var(--color-badge-neutral-text);background-color:var(--color-badge-neutral-background)}._root_15tkr_1._warning_15tkr_24{color:var(--color-badge-warning-text);background-color:var(--color-badge-warning-background)}._root_15tkr_1._warning_15tkr_24._hoverable_15tkr_17:not(:disabled):hover{background-color:var(--color-badge-warning-background-hover)}._root_15tkr_1._error_15tkr_31{color:var(--color-badge-error-text);background-color:var(--color-badge-error-background)}._root_15tkr_1._error_15tkr_31._hoverable_15tkr_17:not(:disabled):hover{background-color:var(--color-badge-error-background-hover)}._icon_15tkr_39{margin-left:var(--offset-xsmall)}
package/dist/assets/Button.css CHANGED
@@ -1 +1 @@
1
- ._bar_rzf6p_1{display:flex;align-items:center;gap:2px}._bar_rzf6p_1 ._root_rzf6p_6{border-radius:0}._bar_rzf6p_1>*:first-child ._root_rzf6p_6,._bar_rzf6p_1>._root_rzf6p_6:first-child{border-top-left-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}._bar_rzf6p_1>*:last-child ._root_rzf6p_6,._bar_rzf6p_1>._root_rzf6p_6:last-child{border-top-right-radius:var(--border-radius-small);border-bottom-right-radius:var(--border-radius-small)}._bar_rzf6p_1 ._root_rzf6p_6 ._root_rzf6p_6{border-radius:var(--border-radius-small)}._root_rzf6p_6{flex-shrink:0;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--offset-small);--height: var(--control-height-normal);height:var(--height);padding:0 var(--offset-normal);border:none;outline:none;-webkit-user-select:none;user-select:none;font-family:var(--font-family-primary);font-size:var(--font-size-normal);font-weight:var(--font-weight-normal);line-height:1.1;letter-spacing:1px;text-decoration:none;cursor:pointer;border:solid 2px;border-radius:var(--border-radius-small);color:var(--color-button-text);border-color:var(--color-button-border);background-color:var(--color-button-background)}._root_rzf6p_6{transition:background-color .2s ease}._root_rzf6p_6:hover{transition:none}._root_rzf6p_6:disabled{cursor:not-allowed;opacity:.5}._root_rzf6p_6:not(:disabled):hover{border-color:var(--color-button-hover-border);background-color:var(--color-button-hover-background)}._root_rzf6p_6:not(:disabled):active{border-color:var(--color-button-active-border);background-color:var(--color-button-active-background);transform:translateY(1px)}._root_rzf6p_6:not(:disabled):focus-visible:not(:active):not(:hover){box-shadow:0 0 0 2px var(--color-button-focus-outline)}._root_rzf6p_6._fullWidth_rzf6p_71{width:100%}._root_rzf6p_6._primary_rzf6p_74{-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--color-button-primary-text);border-color:var(--color-button-primary-border);background-color:var(--color-button-primary-background)}._root_rzf6p_6._primary_rzf6p_74:not(:disabled):hover{color:var(--color-button-primary-hover-text);border-color:var(--color-button-primary-hover-border);background-color:var(--color-button-primary-hover-background)}._root_rzf6p_6._primary_rzf6p_74:not(:disabled):active{color:var(--color-button-primary-active-text);border-color:var(--color-button-primary-active-border);background-color:var(--color-button-primary-active-background)}._root_rzf6p_6._default-blurred_rzf6p_90{--_backdrop-color: var(--backdrop-color, transparent);--_backdrop-image-blur: var(--backdrop-image-blur, url(data:image/png;base64,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));background-color:var(--_backdrop-color, initial);background-image:linear-gradient(var(--_backdrop-color, initial),var(--_backdrop-color, initial)),linear-gradient(var(--color-backdrop-shader),var(--color-backdrop-shader)),var(--_backdrop-image-blur, initial),var(--_backdrop-image-blur, initial);background-blend-mode:normal,normal,overlay;background-size:cover,cover,cover,cover;background-attachment:scroll,scroll,fixed,fixed;--backdrop-color: var(--color-button-background)}._root_rzf6p_6._default-blurred_rzf6p_90:not(:disabled):hover{--backdrop-color: var(--color-button-hover-background)}._root_rzf6p_6._default-blurred_rzf6p_90:not(:disabled):active{--backdrop-color: var(--color-button-active-background)}._root_rzf6p_6._transparent_rzf6p_106{border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent}._root_rzf6p_6._small_rzf6p_111{--height: var(--control-height-small);padding:0 var(--offset-small);font-size:var(--font-size-small)}._root_rzf6p_6._large_rzf6p_116{--height: var(--control-height-large);padding:0 var(--offset-large);font-size:var(--font-size-normal)}._root_rzf6p_6._icon_rzf6p_121{padding:0;width:var(--height)}._root_rzf6p_6._straight-borders_rzf6p_125{border-radius:0}._root_rzf6p_6 ._icon-node_rzf6p_128{display:flex;align-items:center;height:100%}._root_rzf6p_6 ._decorator_rzf6p_133{position:absolute;top:2px;left:2px;display:flex;align-items:center;justify-content:center;width:0;height:0}
1
+ ._root_1a4gc_1{flex-shrink:0;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--offset-small);--height: var(--control-height-large);height:var(--height);min-width:var(--control-height-large);padding:var(--offset-xxsmall) calc(var(--quant) * 5);border:none;outline:none;-webkit-user-select:none;user-select:none;font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xxsmall);line-height:1.1;letter-spacing:1px;text-transform:uppercase;text-decoration:none;cursor:pointer;border:solid 1.5px;border-radius:var(--border-radius-small);color:var(--color-button-text);border-color:var(--color-button-border);background-color:var(--color-button-background)}._root_1a4gc_1{transition:background-color .2s ease,outline-offset 0s,outline 0s}._root_1a4gc_1._fullWidth_1a4gc_32{width:100%;flex-shrink:1}._root_1a4gc_1:disabled{cursor:not-allowed;opacity:.5}._root_1a4gc_1:not(:disabled):hover{border-color:var(--color-button-hover-border);background-color:var(--color-button-hover-background)}._root_1a4gc_1:not(:disabled):active{border-color:var(--color-button-active-border);background-color:var(--color-button-active-background);transform:translateY(1px)}._root_1a4gc_1:not(:disabled):focus-visible:not(:active):not(:hover){box-shadow:0 0 0 2px var(--color-button-focus-outline)}._root_1a4gc_1._primary_1a4gc_52{-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--color-button-primary-text);border-color:var(--color-button-primary-border);background-color:var(--color-button-primary-background)}._root_1a4gc_1._primary_1a4gc_52:disabled{color:var(--color-button-primary-disabled-text);border-color:var(--color-button-primary-disabled-border);background-color:var(--color-button-primary-disabled-background)}._root_1a4gc_1._primary_1a4gc_52:not(:disabled):hover{color:var(--color-button-primary-hover-text);border-color:var(--color-button-primary-hover-border);background-color:var(--color-button-primary-hover-background)}._root_1a4gc_1._primary_1a4gc_52:not(:disabled):active{color:var(--color-button-primary-active-text);border-color:var(--color-button-primary-active-border);background-color:var(--color-button-primary-active-background)}._root_1a4gc_1._secondary_1a4gc_73{-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--color-button-secondary-text);border-color:var(--color-button-secondary-border);background-color:var(--color-button-secondary-background)}._root_1a4gc_1._secondary_1a4gc_73:disabled{color:var(--color-button-secondary-disabled-text);border-color:var(--color-button-secondary-disabled-border);background-color:var(--color-button-secondary-disabled-background)}._root_1a4gc_1._secondary_1a4gc_73:not(:disabled):hover{color:var(--color-button-secondary-hover-text);border-color:var(--color-button-secondary-hover-border);background-color:var(--color-button-secondary-hover-background)}._root_1a4gc_1._secondary_1a4gc_73:not(:disabled):active{color:var(--color-button-secondary-active-text);border-color:var(--color-button-secondary-active-border);background-color:var(--color-button-secondary-active-background)}._root_1a4gc_1._on-light_1a4gc_94{-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--color-button-onlight-text);border-color:var(--color-button-onlight-border);background-color:var(--color-button-onlight-background)}._root_1a4gc_1._on-light_1a4gc_94:disabled{color:var(--color-button-onlight-disabled-text);border-color:var(--color-button-onlight-disabled-border);background-color:var(--color-button-onlight-disabled-background)}._root_1a4gc_1._on-light_1a4gc_94:not(:disabled):hover{color:var(--color-button-onlight-hover-text);border-color:var(--color-button-onlight-hover-border);background-color:var(--color-button-onlight-hover-background)}._root_1a4gc_1._on-light_1a4gc_94:not(:disabled):active{color:var(--color-button-onlight-active-text);border-color:var(--color-button-onlight-active-border);background-color:var(--color-button-onlight-active-background)}._root_1a4gc_1._icon_1a4gc_115{padding:0;width:var(--height);line-height:0}._root_1a4gc_1 ._decorator_1a4gc_120{position:absolute;top:2px;left:2px;display:flex;align-items:center;justify-content:center;width:0;height:0}
package/dist/assets/ButtonBar.css ADDED
@@ -0,0 +1 @@
1
+ ._bar_4bu59_1{display:flex;align-items:center;gap:calc(var(--quant) * 2.5)}
package/dist/assets/Checkbox.css CHANGED
@@ -1 +1 @@
1
- ._root_ucpv2_1{display:inline-flex;align-items:center;justify-content:flex-start;padding:var(--offset-small) var(--offset-normal);font-family:var(--font-family-primary);font-size:var(--font-size-normal);font-weight:var(--font-weight-normal);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-checkbox-text);border:solid 2px var(--color-checkbox-border);background-color:var(--color-checkbox-background);border-radius:var(--border-radius-small)}._root_ucpv2_1{transition:all .2s ease}._root_ucpv2_1:hover{transition:none}._root_ucpv2_1._size-normal_ucpv2_22{min-height:var(--control-height-normal)}._root_ucpv2_1._size-large_ucpv2_25{min-height:var(--control-height-large)}._root_ucpv2_1 input{width:0;height:0}._root_ucpv2_1 ._indicator_ucpv2_32{align-self:flex-start;flex-shrink:0;margin-top:calc(var(--offset-small) / 2);width:calc(var(--control-height-xsmall) - 4px);height:calc(var(--control-height-xsmall) - 4px);border:solid 1px transparent;border-radius:1px;box-shadow:0 0 0 1px var(--color-checkbox-indicator),0 0 0 0 var(--color-checkbox-indicator) inset}._root_ucpv2_1 ._indicator_ucpv2_32{transition:all .2s ease}._root_ucpv2_1 ._indicator_ucpv2_32:hover{transition:none}._root_ucpv2_1 input:checked+._indicator_ucpv2_32{box-shadow:0 0 0 1px var(--color-checkbox-indicator),0 0 0 calc(var(--control-height-xsmall) - 4px) var(--color-checkbox-indicator) inset}._root_ucpv2_1._disabled_ucpv2_51{cursor:not-allowed;opacity:.5}._root_ucpv2_1:not(._disabled_ucpv2_51):hover{background-color:var(--color-checkbox-hover-background)}._root_ucpv2_1:not(._disabled_ucpv2_51) input:focus-visible+._indicator_ucpv2_32{outline:solid 2px var(--color-checkbox-focus-outline)}._root_ucpv2_1._with-label_ucpv2_61 ._indicator_ucpv2_32{margin-right:var(--offset-normal)}
1
+ ._rootUnset_1i045_1{all:unset}._root_1i045_1{cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box}._root_1i045_1:focus-visible,._root_1i045_1:focus-visible:hover{outline-offset:var(--checkbox-focus-border-size, initial);outline:var(--checkbox-focus-border-size, initial) solid var(--color-checkbox-focus-border-color)}._root_1i045_1[data-disabled]{opacity:.5;cursor:not-allowed}._root_1i045_1 ._indicator_1i045_20{color:inherit;display:flex;align-items:center;justify-content:center}._root_1i045_1._size-small_1i045_26{width:var(--control-height-xxsmall);height:var(--control-height-xxsmall);border-radius:var(--border-radius-xxsmall);border:1.5px solid}._root_1i045_1._size-small_1i045_26 ._indicator_1i045_20{width:var(--control-height-xxsmall);height:var(--control-height-xxsmall);line-height:var(--control-height-xxsmall)}._root_1i045_1._size-small_1i045_26 ._indicator_1i045_20 svg{width:calc(var(--control-height-xxsmall) / 1.5);height:calc(var(--control-height-xxsmall) / 1.5)}._root_1i045_1._size-normal_1i045_41{width:var(--control-height-xsmall);height:var(--control-height-xsmall);border-radius:var(--border-radius-xsmall);border:calc(var(--quant) * .25) solid}._root_1i045_1._size-normal_1i045_41 ._indicator_1i045_20{width:var(--control-height-xsmall);height:var(--control-height-xsmall);line-height:var(--control-height-xsmall)}._root_1i045_1._size-normal_1i045_41 ._indicator_1i045_20 svg{width:calc(var(--control-height-xsmall) / 1.5);height:calc(var(--control-height-xsmall) / 1.5)}._root_1i045_1._size-large_1i045_56{width:var(--control-height-small);height:var(--control-height-small);border-radius:var(--border-radius-small);border:calc(var(--quant) * .25) solid}._root_1i045_1._size-large_1i045_56 ._indicator_1i045_20{width:var(--control-height-small);height:var(--control-height-small);line-height:var(--control-height-small)}._root_1i045_1._size-large_1i045_56 ._indicator_1i045_20 svg{width:calc(var(--control-height-small) / 1.5);height:calc(var(--control-height-small) / 1.5)}
package/dist/assets/ClipboardButton.css ADDED
@@ -0,0 +1 @@
1
+ ._root_185u8_1._copied_185u8_1{color:var(--color-title-text-copy);background-color:var(--color-title-background-dark)}