@cfx-dev/ui-components 4.5.21 → 5.0.1

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 (354) hide show
  1. package/dist/DropdownContent-BMfQCuaP.js +964 -0
  2. package/dist/Table.module-CMz5ENmI.js +17 -0
  3. package/dist/assets/all_css.css +1 -1
  4. package/dist/assets/css/Accordion.css +1 -1
  5. package/dist/assets/css/AccordionShowcase.css +1 -1
  6. package/dist/assets/css/Avatar.css +1 -1
  7. package/dist/assets/css/Badge.css +1 -1
  8. package/dist/assets/css/BurgerMenu.css +1 -1
  9. package/dist/assets/css/Button.css +1 -1
  10. package/dist/assets/css/Checkbox.css +1 -1
  11. package/dist/assets/css/ControlBox.css +1 -1
  12. package/dist/assets/css/CountryFlag.css +1 -1
  13. package/dist/assets/css/DataTable.css +1 -1
  14. package/dist/assets/css/Dot.css +1 -1
  15. package/dist/assets/css/DropdownContent.css +1 -1
  16. package/dist/assets/css/DropdownSelect.css +1 -1
  17. package/dist/assets/css/FlexShowcase.css +1 -1
  18. package/dist/assets/css/Flyout.css +1 -1
  19. package/dist/assets/css/FormField.css +1 -0
  20. package/dist/assets/css/Icon.css +1 -1
  21. package/dist/assets/css/IconButton.css +1 -1
  22. package/dist/assets/css/InfoPanel.css +1 -1
  23. package/dist/assets/css/Input.css +1 -1
  24. package/dist/assets/css/InputDropzone.css +1 -1
  25. package/dist/assets/css/Island.css +1 -1
  26. package/dist/assets/css/ItemPreview.css +1 -1
  27. package/dist/assets/css/Link.css +1 -1
  28. package/dist/assets/css/Loaf.css +1 -1
  29. package/dist/assets/css/Modal.css +1 -1
  30. package/dist/assets/css/NavList.css +1 -1
  31. package/dist/assets/css/Page.css +1 -1
  32. package/dist/assets/css/Popover.css +1 -1
  33. package/dist/assets/css/Prose.css +1 -1
  34. package/dist/assets/css/Radio.css +1 -1
  35. package/dist/assets/css/Range.css +1 -1
  36. package/dist/assets/css/RangeInput.css +1 -1
  37. package/dist/assets/css/RichInput.css +1 -1
  38. package/dist/assets/css/Select.css +1 -1
  39. package/dist/assets/css/Separator.css +1 -1
  40. package/dist/assets/css/Skeleton.css +1 -1
  41. package/dist/assets/css/Slider.css +1 -1
  42. package/dist/assets/css/StyledInput.css +1 -1
  43. package/dist/assets/css/StyledTextarea.css +1 -1
  44. package/dist/assets/css/Switch.css +1 -1
  45. package/dist/assets/css/Table.css +1 -1
  46. package/dist/assets/css/Tabular.css +1 -1
  47. package/dist/assets/css/Text.css +1 -1
  48. package/dist/assets/css/TextShowcase.css +1 -1
  49. package/dist/assets/css/Textarea.css +1 -1
  50. package/dist/assets/css/Title.css +1 -1
  51. package/dist/assets/css/ToggleGroup.css +1 -1
  52. package/dist/assets/general/global.css +1 -1
  53. package/dist/cfxIcons-0xD_EEXT.js +110 -0
  54. package/dist/cfxIconsXLarge-D0vz6Yd_.js +110 -0
  55. package/dist/components/Accordion/Accordion.d.ts +0 -3
  56. package/dist/components/Accordion/Accordion.js +117 -121
  57. package/dist/components/Accordion/AccordionShowcase.js +22 -26
  58. package/dist/components/Avatar/Avatar.d.ts +1 -1
  59. package/dist/components/Avatar/Avatar.js +12 -12
  60. package/dist/components/Avatar/AvatarShowcase.js +4 -4
  61. package/dist/components/Badge/Badge.d.ts +1 -1
  62. package/dist/components/Badge/Badge.js +7 -7
  63. package/dist/components/Badge/BadgeShowcase.js +20 -20
  64. package/dist/components/BurgerMenu/BurgerMenu.js +7 -7
  65. package/dist/components/BurgerMenu/BurgerMenuShowcase.js +8 -8
  66. package/dist/components/Button/Button.d.ts +1 -1
  67. package/dist/components/Button/Button.js +15 -15
  68. package/dist/components/Button/ButtonShowcase.js +80 -57
  69. package/dist/components/Checkbox/Checkbox.d.ts +4 -1
  70. package/dist/components/Checkbox/Checkbox.js +276 -191
  71. package/dist/components/Checkbox/CheckboxShowcase.js +170 -29
  72. package/dist/components/ControlBox/ControlBox.d.ts +1 -1
  73. package/dist/components/ControlBox/ControlBox.js +17 -17
  74. package/dist/components/DataTable/DataTableShowcase.js +5 -5
  75. package/dist/components/Dot/Dot.d.ts +1 -1
  76. package/dist/components/Dot/Dot.js +15 -15
  77. package/dist/components/DropdownContent/DropdownContent.d.ts +1 -5
  78. package/dist/components/DropdownContent/DropdownContent.js +2 -3
  79. package/dist/components/DropdownContent/index.d.ts +1 -1
  80. package/dist/components/DropdownContent/index.js +2 -3
  81. package/dist/components/DropdownMenu/DropdownMenu.d.ts +1 -2
  82. package/dist/components/DropdownMenu/DropdownMenu.js +17 -19
  83. package/dist/components/DropdownSelect/DropdownSelect.d.ts +0 -5
  84. package/dist/components/DropdownSelect/DropdownSelect.js +47 -55
  85. package/dist/components/DropdownSelect/DropdownSelectShowcase.js +10 -11
  86. package/dist/components/Flyout/Flyout.d.ts +1 -1
  87. package/dist/components/Flyout/Flyout.js +10 -10
  88. package/dist/components/FormField/FormField.d.ts +20 -0
  89. package/dist/components/FormField/FormField.js +68 -0
  90. package/dist/components/FormField/FormFieldShowcase.d.ts +5 -0
  91. package/dist/components/FormField/FormFieldShowcase.js +59 -0
  92. package/dist/components/FormField/index.d.ts +1 -0
  93. package/dist/components/FormField/index.js +4 -0
  94. package/dist/components/Icon/Icon.d.ts +6 -2
  95. package/dist/components/Icon/Icon.js +33 -32
  96. package/dist/components/IconButton/IconButton.js +1 -1
  97. package/dist/components/Icons/Icons.types.d.ts +1 -3
  98. package/dist/components/Icons/IconsShowcase.js +224 -92
  99. package/dist/components/Icons/cfx-icons/Cart.js +17 -33
  100. package/dist/components/Icons/cfx-icons/Close.js +7 -8
  101. package/dist/components/Icons/cfx-icons/Controller.js +13 -20
  102. package/dist/components/Icons/cfx-icons/Copy.js +6 -7
  103. package/dist/components/Icons/cfx-icons/DownArrow.js +4 -5
  104. package/dist/components/Icons/cfx-icons/DownChevron.js +4 -5
  105. package/dist/components/Icons/cfx-icons/Download.js +6 -7
  106. package/dist/components/Icons/cfx-icons/Expand.js +1 -1
  107. package/dist/components/Icons/cfx-icons/ExternalLink.js +9 -10
  108. package/dist/components/Icons/cfx-icons/Filter.js +9 -9
  109. package/dist/components/Icons/cfx-icons/Folder.d.ts +5 -0
  110. package/dist/components/Icons/cfx-icons/Folder.js +24 -0
  111. package/dist/components/Icons/cfx-icons/Heart.js +9 -10
  112. package/dist/components/Icons/cfx-icons/HeartFilled.js +3 -4
  113. package/dist/components/Icons/cfx-icons/Help.js +9 -10
  114. package/dist/components/Icons/cfx-icons/LeftArrow.js +9 -10
  115. package/dist/components/Icons/cfx-icons/LeftChevron.js +7 -8
  116. package/dist/components/Icons/cfx-icons/Map.js +14 -30
  117. package/dist/components/Icons/cfx-icons/Menu.js +17 -40
  118. package/dist/components/Icons/cfx-icons/Minus.js +2 -3
  119. package/dist/components/Icons/cfx-icons/More.js +4 -5
  120. package/dist/components/Icons/cfx-icons/MoreInfo.js +6 -7
  121. package/dist/components/Icons/cfx-icons/Pencil.js +3 -3
  122. package/dist/components/Icons/cfx-icons/Play.js +6 -6
  123. package/dist/components/Icons/cfx-icons/Plus.js +4 -5
  124. package/dist/components/Icons/cfx-icons/Radio.js +15 -25
  125. package/dist/components/Icons/cfx-icons/Refresh.js +10 -11
  126. package/dist/components/Icons/cfx-icons/RightArrow.js +9 -10
  127. package/dist/components/Icons/cfx-icons/RightChevron.js +4 -5
  128. package/dist/components/Icons/cfx-icons/Search.js +9 -10
  129. package/dist/components/Icons/cfx-icons/ServerList.d.ts +5 -0
  130. package/dist/components/Icons/cfx-icons/ServerList.js +24 -0
  131. package/dist/components/Icons/cfx-icons/ServerReconnect.d.ts +5 -0
  132. package/dist/components/Icons/cfx-icons/ServerReconnect.js +24 -0
  133. package/dist/components/Icons/cfx-icons/Sort.js +6 -7
  134. package/dist/components/Icons/cfx-icons/Square.js +8 -9
  135. package/dist/components/Icons/cfx-icons/SquareFilled.d.ts +5 -0
  136. package/dist/components/Icons/cfx-icons/SquareFilled.js +23 -0
  137. package/dist/components/Icons/cfx-icons/SquareTick.d.ts +5 -0
  138. package/dist/components/Icons/cfx-icons/SquareTick.js +26 -0
  139. package/dist/components/Icons/cfx-icons/Stop.js +7 -8
  140. package/dist/components/Icons/cfx-icons/Success.d.ts +5 -0
  141. package/dist/components/Icons/cfx-icons/Success.js +26 -0
  142. package/dist/components/Icons/cfx-icons/Tick.js +4 -5
  143. package/dist/components/Icons/cfx-icons/Transfer.js +7 -8
  144. package/dist/components/Icons/cfx-icons/Trash.js +6 -6
  145. package/dist/components/Icons/cfx-icons/Undo.js +5 -6
  146. package/dist/components/Icons/cfx-icons/UpArrow.js +9 -10
  147. package/dist/components/Icons/cfx-icons/UpChevron.js +4 -5
  148. package/dist/components/Icons/cfx-icons/Upload.js +7 -8
  149. package/dist/components/Icons/cfx-icons/UpvotesBurst.js +10 -10
  150. package/dist/components/Icons/cfx-icons/UpvotesRecurring.js +10 -11
  151. package/dist/components/Icons/cfx-icons/User.js +13 -20
  152. package/dist/components/Icons/cfx-icons/Users.js +13 -32
  153. package/dist/components/Icons/cfx-icons/Verified.js +1 -1
  154. package/dist/components/Icons/cfx-icons/Visibility.js +8 -8
  155. package/dist/components/Icons/cfx-icons/VisibilityOff.js +1 -1
  156. package/dist/components/Icons/cfx-icons/Warning.js +9 -10
  157. package/dist/components/Icons/cfx-iconsXLarge/Cart.d.ts +5 -0
  158. package/dist/components/Icons/cfx-iconsXLarge/Cart.js +26 -0
  159. package/dist/components/Icons/cfx-iconsXLarge/Close.d.ts +5 -0
  160. package/dist/components/Icons/cfx-iconsXLarge/Close.js +26 -0
  161. package/dist/components/Icons/cfx-iconsXLarge/Controller.d.ts +5 -0
  162. package/dist/components/Icons/cfx-iconsXLarge/Controller.js +24 -0
  163. package/dist/components/Icons/cfx-iconsXLarge/Copy.d.ts +5 -0
  164. package/dist/components/Icons/cfx-iconsXLarge/Copy.js +26 -0
  165. package/dist/components/Icons/cfx-iconsXLarge/DownArrow.d.ts +5 -0
  166. package/dist/components/Icons/cfx-iconsXLarge/DownArrow.js +26 -0
  167. package/dist/components/Icons/cfx-iconsXLarge/DownChevron.d.ts +5 -0
  168. package/dist/components/Icons/cfx-iconsXLarge/DownChevron.js +26 -0
  169. package/dist/components/Icons/cfx-iconsXLarge/Download.d.ts +5 -0
  170. package/dist/components/Icons/cfx-iconsXLarge/Download.js +26 -0
  171. package/dist/components/Icons/cfx-iconsXLarge/Expand.d.ts +5 -0
  172. package/dist/components/Icons/cfx-iconsXLarge/Expand.js +26 -0
  173. package/dist/components/Icons/cfx-iconsXLarge/ExternalLink.d.ts +5 -0
  174. package/dist/components/Icons/cfx-iconsXLarge/ExternalLink.js +26 -0
  175. package/dist/components/Icons/cfx-iconsXLarge/Filter.d.ts +5 -0
  176. package/dist/components/Icons/cfx-iconsXLarge/Filter.js +23 -0
  177. package/dist/components/Icons/cfx-iconsXLarge/Folder.d.ts +5 -0
  178. package/dist/components/Icons/cfx-iconsXLarge/Folder.js +24 -0
  179. package/dist/components/Icons/cfx-iconsXLarge/Heart.d.ts +5 -0
  180. package/dist/components/Icons/cfx-iconsXLarge/Heart.js +24 -0
  181. package/dist/components/Icons/cfx-iconsXLarge/HeartFilled.d.ts +5 -0
  182. package/dist/components/Icons/cfx-iconsXLarge/HeartFilled.js +24 -0
  183. package/dist/components/Icons/cfx-iconsXLarge/Help.d.ts +5 -0
  184. package/dist/components/Icons/cfx-iconsXLarge/Help.js +26 -0
  185. package/dist/components/Icons/cfx-iconsXLarge/LeftArrow.d.ts +5 -0
  186. package/dist/components/Icons/cfx-iconsXLarge/LeftArrow.js +26 -0
  187. package/dist/components/Icons/cfx-iconsXLarge/LeftChevron.d.ts +5 -0
  188. package/dist/components/Icons/cfx-iconsXLarge/LeftChevron.js +26 -0
  189. package/dist/components/Icons/cfx-iconsXLarge/Map.d.ts +5 -0
  190. package/dist/components/Icons/cfx-iconsXLarge/Map.js +23 -0
  191. package/dist/components/Icons/cfx-iconsXLarge/Menu.d.ts +5 -0
  192. package/dist/components/Icons/cfx-iconsXLarge/Menu.js +26 -0
  193. package/dist/components/Icons/cfx-iconsXLarge/Minus.d.ts +5 -0
  194. package/dist/components/Icons/{cfx-icons-big/Upload.js → cfx-iconsXLarge/Minus.js} +2 -3
  195. package/dist/components/Icons/cfx-iconsXLarge/More.d.ts +5 -0
  196. package/dist/components/Icons/cfx-iconsXLarge/More.js +26 -0
  197. package/dist/components/Icons/cfx-iconsXLarge/MoreInfo.d.ts +5 -0
  198. package/dist/components/Icons/cfx-iconsXLarge/MoreInfo.js +26 -0
  199. package/dist/components/Icons/cfx-iconsXLarge/Pencil.d.ts +5 -0
  200. package/dist/components/Icons/cfx-iconsXLarge/Pencil.js +25 -0
  201. package/dist/components/Icons/cfx-iconsXLarge/Play.d.ts +5 -0
  202. package/dist/components/Icons/cfx-iconsXLarge/Play.js +25 -0
  203. package/dist/components/Icons/cfx-iconsXLarge/Plus.d.ts +5 -0
  204. package/dist/components/Icons/cfx-iconsXLarge/Plus.js +26 -0
  205. package/dist/components/Icons/cfx-iconsXLarge/Radio.d.ts +5 -0
  206. package/dist/components/Icons/cfx-iconsXLarge/Radio.js +26 -0
  207. package/dist/components/Icons/cfx-iconsXLarge/Refresh.d.ts +5 -0
  208. package/dist/components/Icons/cfx-iconsXLarge/Refresh.js +26 -0
  209. package/dist/components/Icons/cfx-iconsXLarge/RightArrow.d.ts +5 -0
  210. package/dist/components/Icons/cfx-iconsXLarge/RightArrow.js +26 -0
  211. package/dist/components/Icons/cfx-iconsXLarge/RightChevron.d.ts +5 -0
  212. package/dist/components/Icons/cfx-iconsXLarge/RightChevron.js +26 -0
  213. package/dist/components/Icons/cfx-iconsXLarge/Search.d.ts +5 -0
  214. package/dist/components/Icons/cfx-iconsXLarge/Search.js +26 -0
  215. package/dist/components/Icons/cfx-iconsXLarge/ServerList.d.ts +5 -0
  216. package/dist/components/Icons/cfx-iconsXLarge/ServerList.js +24 -0
  217. package/dist/components/Icons/cfx-iconsXLarge/ServerReconnect.d.ts +5 -0
  218. package/dist/components/Icons/cfx-iconsXLarge/ServerReconnect.js +24 -0
  219. package/dist/components/Icons/cfx-iconsXLarge/Sort.d.ts +5 -0
  220. package/dist/components/Icons/cfx-iconsXLarge/Sort.js +26 -0
  221. package/dist/components/Icons/cfx-iconsXLarge/Square.d.ts +5 -0
  222. package/dist/components/Icons/cfx-iconsXLarge/Square.js +23 -0
  223. package/dist/components/Icons/cfx-iconsXLarge/SquareFilled.d.ts +5 -0
  224. package/dist/components/Icons/cfx-iconsXLarge/SquareFilled.js +26 -0
  225. package/dist/components/Icons/cfx-iconsXLarge/SquareTick.d.ts +5 -0
  226. package/dist/components/Icons/cfx-iconsXLarge/SquareTick.js +26 -0
  227. package/dist/components/Icons/cfx-iconsXLarge/Stop.d.ts +5 -0
  228. package/dist/components/Icons/cfx-iconsXLarge/Stop.js +26 -0
  229. package/dist/components/Icons/cfx-iconsXLarge/Success.d.ts +5 -0
  230. package/dist/components/Icons/cfx-iconsXLarge/Success.js +26 -0
  231. package/dist/components/Icons/cfx-iconsXLarge/Tick.d.ts +5 -0
  232. package/dist/components/Icons/cfx-iconsXLarge/Tick.js +26 -0
  233. package/dist/components/Icons/cfx-iconsXLarge/Transfer.d.ts +5 -0
  234. package/dist/components/Icons/cfx-iconsXLarge/Transfer.js +26 -0
  235. package/dist/components/Icons/cfx-iconsXLarge/Trash.d.ts +5 -0
  236. package/dist/components/Icons/cfx-iconsXLarge/Trash.js +23 -0
  237. package/dist/components/Icons/cfx-iconsXLarge/Undo.d.ts +5 -0
  238. package/dist/components/Icons/cfx-iconsXLarge/Undo.js +26 -0
  239. package/dist/components/Icons/cfx-iconsXLarge/UpArrow.d.ts +5 -0
  240. package/dist/components/Icons/cfx-iconsXLarge/UpArrow.js +26 -0
  241. package/dist/components/Icons/cfx-iconsXLarge/UpChevron.d.ts +5 -0
  242. package/dist/components/Icons/cfx-iconsXLarge/UpChevron.js +26 -0
  243. package/dist/components/Icons/cfx-iconsXLarge/Upload.js +26 -0
  244. package/dist/components/Icons/cfx-iconsXLarge/UpvotesBurst.d.ts +5 -0
  245. package/dist/components/Icons/cfx-iconsXLarge/UpvotesBurst.js +26 -0
  246. package/dist/components/Icons/cfx-iconsXLarge/UpvotesRecurring.d.ts +5 -0
  247. package/dist/components/Icons/cfx-iconsXLarge/UpvotesRecurring.js +26 -0
  248. package/dist/components/Icons/cfx-iconsXLarge/User.d.ts +5 -0
  249. package/dist/components/Icons/cfx-iconsXLarge/User.js +24 -0
  250. package/dist/components/Icons/cfx-iconsXLarge/Users.d.ts +5 -0
  251. package/dist/components/Icons/cfx-iconsXLarge/Users.js +24 -0
  252. package/dist/components/Icons/cfx-iconsXLarge/Verified.d.ts +5 -0
  253. package/dist/components/Icons/cfx-iconsXLarge/Verified.js +23 -0
  254. package/dist/components/Icons/cfx-iconsXLarge/Visibility.d.ts +5 -0
  255. package/dist/components/Icons/cfx-iconsXLarge/Visibility.js +23 -0
  256. package/dist/components/Icons/cfx-iconsXLarge/VisibilityOff.d.ts +5 -0
  257. package/dist/components/Icons/cfx-iconsXLarge/VisibilityOff.js +23 -0
  258. package/dist/components/Icons/cfx-iconsXLarge/Warning.js +26 -0
  259. package/dist/components/Icons/cfxIcons.d.ts +6 -1
  260. package/dist/components/Icons/cfxIcons.js +88 -78
  261. package/dist/components/Icons/cfxIconsXLarge.d.ts +52 -0
  262. package/dist/components/Icons/cfxIconsXLarge.js +106 -0
  263. package/dist/components/Icons/index.d.ts +2 -2
  264. package/dist/components/Icons/index.js +3 -3
  265. package/dist/components/InfoPanel/InfoPanel.d.ts +1 -1
  266. package/dist/components/InfoPanel/InfoPanel.js +10 -10
  267. package/dist/components/InfoPanel/InfoPanelShowcase.js +30 -30
  268. package/dist/components/Input/Input.d.ts +3 -3
  269. package/dist/components/Input/Input.js +94 -107
  270. package/dist/components/Input/Input.types.d.ts +1 -1
  271. package/dist/components/Input/InputShowcase.js +80 -64
  272. package/dist/components/Input/RichInput.js +48 -62
  273. package/dist/components/InputDropzone/InputDropzone.js +52 -43
  274. package/dist/components/InputDropzone/ItemPreview.js +23 -21
  275. package/dist/components/Layout/Pad/Pad.d.ts +2 -2
  276. package/dist/components/Layout/Pad/Pad.js +1 -1
  277. package/dist/components/Link/LinkShowcase.js +39 -39
  278. package/dist/components/Loaf/Loaf.d.ts +2 -2
  279. package/dist/components/Loaf/Loaf.js +15 -15
  280. package/dist/components/Modal/Modal.d.ts +3 -3
  281. package/dist/components/Modal/Modal.js +26 -26
  282. package/dist/components/Modal/ModalShowcase.js +13 -13
  283. package/dist/components/Pagination/Pagination.js +5 -5
  284. package/dist/components/RSC/Flex/Flex.d.ts +2 -2
  285. package/dist/components/RSC/Flex/Flex.js +17 -17
  286. package/dist/components/Radio/Radio.d.ts +1 -1
  287. package/dist/components/Radio/Radio.js +19 -19
  288. package/dist/components/Range/RangeShowcase.js +10 -10
  289. package/dist/components/Select/Select.d.ts +0 -3
  290. package/dist/components/Select/Select.js +372 -391
  291. package/dist/components/Select/SelectShowcase.js +20 -47
  292. package/dist/components/Separator/Separator.d.ts +1 -2
  293. package/dist/components/Separator/Separator.js +29 -42
  294. package/dist/components/Skeleton/SkeletonShowcase.js +12 -12
  295. package/dist/components/Slider/SliderShowcase.js +6 -6
  296. package/dist/components/StyledInput/StyledInput.d.ts +3 -3
  297. package/dist/components/StyledInput/StyledInput.js +16 -32
  298. package/dist/components/Switch/Switch.d.ts +6 -0
  299. package/dist/components/Switch/Switch.js +99 -85
  300. package/dist/components/Table/TableBody.js +1 -1
  301. package/dist/components/Table/TableCell.js +1 -1
  302. package/dist/components/Table/TableCellCheckbox.js +1 -1
  303. package/dist/components/Table/TableHeader.js +1 -1
  304. package/dist/components/Table/TableIconButton.js +1 -1
  305. package/dist/components/Table/TableRoot.js +1 -1
  306. package/dist/components/Table/TableRow.d.ts +1 -1
  307. package/dist/components/Table/TableRow.js +8 -8
  308. package/dist/components/TableResponsiveText/TableResponsiveText.js +4 -4
  309. package/dist/components/Tabular/TabularShowcase.js +22 -22
  310. package/dist/components/Text/BodyShowcase.js +261 -48
  311. package/dist/components/Text/HeadingShowcase.js +179 -24
  312. package/dist/components/Text/Text.d.ts +1 -0
  313. package/dist/components/Text/Text.js +62 -57
  314. package/dist/components/Text/Text.types.d.ts +6 -4
  315. package/dist/components/Text/TextShowcase.d.ts +15 -6
  316. package/dist/components/Text/TextShowcase.js +63 -38
  317. package/dist/components/Title/TitleShowcase.js +97 -17
  318. package/dist/components/ToggleGroup/ToggleGroup.d.ts +1 -1
  319. package/dist/components/ToggleGroup/ToggleGroup.js +22 -22
  320. package/dist/components/ToggleGroup/ToggleGroupShowcase.js +76 -40
  321. package/dist/main.d.ts +5 -6
  322. package/dist/main.js +87 -87
  323. package/dist/styles-scss/_ui.scss +94 -14
  324. package/dist/styles-scss/global.scss +17 -15
  325. package/dist/styles-scss/tokens.scss +158 -53
  326. package/dist/utils/ui/index.d.ts +2 -2
  327. package/dist/utils/ui/index.js +12 -10
  328. package/dist/utils/ui/ui.d.ts +7 -2
  329. package/dist/utils/ui/ui.js +64 -46
  330. package/dist/utils/ui/ui.types.d.ts +68 -23
  331. package/dist/utils/ui/ui.types.js +18 -15
  332. package/package.json +1 -1
  333. package/dist/DropdownContent-MvHlrWi6.js +0 -989
  334. package/dist/Table.module-DffST69u.js +0 -17
  335. package/dist/assets/css/IconBig.css +0 -1
  336. package/dist/cfxIcons-B4SQ4Ljd.js +0 -100
  337. package/dist/cfxIconsBig-BLJjMT-Y.js +0 -16
  338. package/dist/components/IconBig/IconBig.d.ts +0 -13
  339. package/dist/components/IconBig/IconBig.js +0 -78
  340. package/dist/components/IconBig/index.d.ts +0 -2
  341. package/dist/components/IconBig/index.js +0 -4
  342. package/dist/components/Icons/cfx-icons/SquareCheck.d.ts +0 -5
  343. package/dist/components/Icons/cfx-icons/SquareCheck.js +0 -27
  344. package/dist/components/Icons/cfx-icons-big/Confirm.d.ts +0 -5
  345. package/dist/components/Icons/cfx-icons-big/Confirm.js +0 -39
  346. package/dist/components/Icons/cfx-icons-big/Like.d.ts +0 -5
  347. package/dist/components/Icons/cfx-icons-big/Like.js +0 -25
  348. package/dist/components/Icons/cfx-icons-big/Subscriptions.d.ts +0 -5
  349. package/dist/components/Icons/cfx-icons-big/Subscriptions.js +0 -33
  350. package/dist/components/Icons/cfx-icons-big/Warning.js +0 -27
  351. package/dist/components/Icons/cfxIconsBig.d.ts +0 -5
  352. package/dist/components/Icons/cfxIconsBig.js +0 -12
  353. /package/dist/components/Icons/{cfx-icons-big → cfx-iconsXLarge}/Upload.d.ts +0 -0
  354. /package/dist/components/Icons/{cfx-icons-big → cfx-iconsXLarge}/Warning.d.ts +0 -0
@@ -1,989 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import * as a from "react";
3
- import gn from "react";
4
- import { c as _e, P as N, a as w, b as z, u as xe, g as vn, f as Mn, h as ye } from "./index-CfQtbUfi.js";
5
- import { c as Pe, u as Te } from "./index-9LBuZ7x4.js";
6
- import { u as le, a as we, c as Ae, h as hn, b as Cn, R as Rn, F as In, D as bn, C as Dn, d as En, A as Sn, e as xn } from "./Combination-CcTTSYNP.js";
7
- import { P as ge } from "./index-3ctv5u9o.js";
8
- import { clsx as fe } from "./utils/clsx.js";
9
- import { ui as Ne } from "./utils/ui/ui.js";
10
- var de = "rovingFocusGroup.onEntryFocus", yn = { bubbles: !1, cancelable: !0 }, Z = "RovingFocusGroup", [pe, Oe, Pn] = Pe(Z), [Tn, Fe] = _e(
11
- Z,
12
- [Pn]
13
- ), [An, Nn] = Tn(Z), ke = a.forwardRef(
14
- (e, o) => /* @__PURE__ */ s(pe.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ s(pe.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ s(On, { ...e, ref: o }) }) })
15
- );
16
- ke.displayName = Z;
17
- var On = a.forwardRef((e, o) => {
18
- const {
19
- __scopeRovingFocusGroup: n,
20
- orientation: t,
21
- loop: r = !1,
22
- dir: c,
23
- currentTabStopId: d,
24
- defaultCurrentTabStopId: l,
25
- onCurrentTabStopIdChange: m,
26
- onEntryFocus: _,
27
- preventScrollOnEntryFocus: u = !1,
28
- ...i
29
- } = e, f = a.useRef(null), v = z(o, f), g = Te(c), [b, M] = xe({
30
- prop: d,
31
- defaultProp: l ?? null,
32
- onChange: m,
33
- caller: Z
34
- }), [R, T] = a.useState(!1), h = we(_), S = Oe(n), $ = a.useRef(!1), [Q, O] = a.useState(0);
35
- return a.useEffect(() => {
36
- const C = f.current;
37
- if (C)
38
- return C.addEventListener(de, h), () => C.removeEventListener(de, h);
39
- }, [h]), /* @__PURE__ */ s(
40
- An,
41
- {
42
- scope: n,
43
- orientation: t,
44
- dir: g,
45
- loop: r,
46
- currentTabStopId: b,
47
- onItemFocus: a.useCallback(
48
- (C) => M(C),
49
- [M]
50
- ),
51
- onItemShiftTab: a.useCallback(() => T(!0), []),
52
- onFocusableItemAdd: a.useCallback(
53
- () => O((C) => C + 1),
54
- []
55
- ),
56
- onFocusableItemRemove: a.useCallback(
57
- () => O((C) => C - 1),
58
- []
59
- ),
60
- children: /* @__PURE__ */ s(
61
- N.div,
62
- {
63
- tabIndex: R || Q === 0 ? -1 : 0,
64
- "data-orientation": t,
65
- ...i,
66
- ref: v,
67
- style: { outline: "none", ...e.style },
68
- onMouseDown: w(e.onMouseDown, () => {
69
- $.current = !0;
70
- }),
71
- onFocus: w(e.onFocus, (C) => {
72
- const G = !$.current;
73
- if (C.target === C.currentTarget && G && !R) {
74
- const F = new CustomEvent(de, yn);
75
- if (C.currentTarget.dispatchEvent(F), !F.defaultPrevented) {
76
- const B = S().filter((y) => y.focusable), V = B.find((y) => y.active), ee = B.find((y) => y.id === b), se = [V, ee, ...B].filter(
77
- Boolean
78
- ).map((y) => y.ref.current);
79
- Ke(se, u);
80
- }
81
- }
82
- $.current = !1;
83
- }),
84
- onBlur: w(e.onBlur, () => T(!1))
85
- }
86
- )
87
- }
88
- );
89
- }), Ge = "RovingFocusGroupItem", Le = a.forwardRef(
90
- (e, o) => {
91
- const {
92
- __scopeRovingFocusGroup: n,
93
- focusable: t = !0,
94
- active: r = !1,
95
- tabStopId: c,
96
- children: d,
97
- ...l
98
- } = e, m = le(), _ = c || m, u = Nn(Ge, n), i = u.currentTabStopId === _, f = Oe(n), { onFocusableItemAdd: v, onFocusableItemRemove: g, currentTabStopId: b } = u;
99
- return a.useEffect(() => {
100
- if (t)
101
- return v(), () => g();
102
- }, [t, v, g]), /* @__PURE__ */ s(
103
- pe.ItemSlot,
104
- {
105
- scope: n,
106
- id: _,
107
- focusable: t,
108
- active: r,
109
- children: /* @__PURE__ */ s(
110
- N.span,
111
- {
112
- tabIndex: i ? 0 : -1,
113
- "data-orientation": u.orientation,
114
- ...l,
115
- ref: o,
116
- onMouseDown: w(e.onMouseDown, (M) => {
117
- t ? u.onItemFocus(_) : M.preventDefault();
118
- }),
119
- onFocus: w(e.onFocus, () => u.onItemFocus(_)),
120
- onKeyDown: w(e.onKeyDown, (M) => {
121
- if (M.key === "Tab" && M.shiftKey) {
122
- u.onItemShiftTab();
123
- return;
124
- }
125
- if (M.target !== M.currentTarget) return;
126
- const R = Gn(M, u.orientation, u.dir);
127
- if (R !== void 0) {
128
- if (M.metaKey || M.ctrlKey || M.altKey || M.shiftKey) return;
129
- M.preventDefault();
130
- let h = f().filter((S) => S.focusable).map((S) => S.ref.current);
131
- if (R === "last") h.reverse();
132
- else if (R === "prev" || R === "next") {
133
- R === "prev" && h.reverse();
134
- const S = h.indexOf(M.currentTarget);
135
- h = u.loop ? Ln(h, S + 1) : h.slice(S + 1);
136
- }
137
- setTimeout(() => Ke(h));
138
- }
139
- }),
140
- children: typeof d == "function" ? d({ isCurrentTabStop: i, hasTabStop: b != null }) : d
141
- }
142
- )
143
- }
144
- );
145
- }
146
- );
147
- Le.displayName = Ge;
148
- var Fn = {
149
- ArrowLeft: "prev",
150
- ArrowUp: "prev",
151
- ArrowRight: "next",
152
- ArrowDown: "next",
153
- PageUp: "first",
154
- Home: "first",
155
- PageDown: "last",
156
- End: "last"
157
- };
158
- function kn(e, o) {
159
- return o !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
160
- }
161
- function Gn(e, o, n) {
162
- const t = kn(e.key, n);
163
- if (!(o === "vertical" && ["ArrowLeft", "ArrowRight"].includes(t)) && !(o === "horizontal" && ["ArrowUp", "ArrowDown"].includes(t)))
164
- return Fn[t];
165
- }
166
- function Ke(e, o = !1) {
167
- const n = document.activeElement;
168
- for (const t of e)
169
- if (t === n || (t.focus({ preventScroll: o }), document.activeElement !== n)) return;
170
- }
171
- function Ln(e, o) {
172
- return e.map((n, t) => e[(o + t) % e.length]);
173
- }
174
- var Kn = ke, zn = Le, me = ["Enter", " "], Un = ["ArrowDown", "PageUp", "Home"], ze = ["ArrowUp", "PageDown", "End"], $n = [...Un, ...ze], Bn = {
175
- ltr: [...me, "ArrowRight"],
176
- rtl: [...me, "ArrowLeft"]
177
- }, Vn = {
178
- ltr: ["ArrowLeft"],
179
- rtl: ["ArrowRight"]
180
- }, q = "Menu", [H, Wn, Yn] = Pe(q), [k, Ue] = _e(q, [
181
- Yn,
182
- Ae,
183
- Fe
184
- ]), re = Ae(), $e = Fe(), [Xn, U] = k(q), [Hn, J] = k(q), Be = (e) => {
185
- const { __scopeMenu: o, open: n = !1, children: t, dir: r, onOpenChange: c, modal: d = !0 } = e, l = re(o), [m, _] = a.useState(null), u = a.useRef(!1), i = we(c), f = Te(r);
186
- return a.useEffect(() => {
187
- const v = () => {
188
- u.current = !0, document.addEventListener("pointerdown", g, { capture: !0, once: !0 }), document.addEventListener("pointermove", g, { capture: !0, once: !0 });
189
- }, g = () => u.current = !1;
190
- return document.addEventListener("keydown", v, { capture: !0 }), () => {
191
- document.removeEventListener("keydown", v, { capture: !0 }), document.removeEventListener("pointerdown", g, { capture: !0 }), document.removeEventListener("pointermove", g, { capture: !0 });
192
- };
193
- }, []), /* @__PURE__ */ s(En, { ...l, children: /* @__PURE__ */ s(
194
- Xn,
195
- {
196
- scope: o,
197
- open: n,
198
- onOpenChange: i,
199
- content: m,
200
- onContentChange: _,
201
- children: /* @__PURE__ */ s(
202
- Hn,
203
- {
204
- scope: o,
205
- onClose: a.useCallback(() => i(!1), [i]),
206
- isUsingKeyboardRef: u,
207
- dir: f,
208
- modal: d,
209
- children: t
210
- }
211
- )
212
- }
213
- ) });
214
- };
215
- Be.displayName = q;
216
- var jn = "MenuAnchor", ve = a.forwardRef(
217
- (e, o) => {
218
- const { __scopeMenu: n, ...t } = e, r = re(n);
219
- return /* @__PURE__ */ s(Sn, { ...r, ...t, ref: o });
220
- }
221
- );
222
- ve.displayName = jn;
223
- var Zn = "MenuPortal", [vt, Ve] = k(Zn, {
224
- forceMount: void 0
225
- }), E = "MenuContent", [qn, Me] = k(E), We = a.forwardRef(
226
- (e, o) => {
227
- const n = Ve(E, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, c = U(E, e.__scopeMenu), d = J(E, e.__scopeMenu);
228
- return /* @__PURE__ */ s(H.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(ge, { present: t || c.open, children: /* @__PURE__ */ s(H.Slot, { scope: e.__scopeMenu, children: d.modal ? /* @__PURE__ */ s(Jn, { ...r, ref: o }) : /* @__PURE__ */ s(Qn, { ...r, ref: o }) }) }) });
229
- }
230
- ), Jn = a.forwardRef(
231
- (e, o) => {
232
- const n = U(E, e.__scopeMenu), t = a.useRef(null), r = z(o, t);
233
- return a.useEffect(() => {
234
- const c = t.current;
235
- if (c) return hn(c);
236
- }, []), /* @__PURE__ */ s(
237
- he,
238
- {
239
- ...e,
240
- ref: r,
241
- trapFocus: n.open,
242
- disableOutsidePointerEvents: n.open,
243
- disableOutsideScroll: !0,
244
- onFocusOutside: w(
245
- e.onFocusOutside,
246
- (c) => c.preventDefault(),
247
- { checkForDefaultPrevented: !1 }
248
- ),
249
- onDismiss: () => n.onOpenChange(!1)
250
- }
251
- );
252
- }
253
- ), Qn = a.forwardRef((e, o) => {
254
- const n = U(E, e.__scopeMenu);
255
- return /* @__PURE__ */ s(
256
- he,
257
- {
258
- ...e,
259
- ref: o,
260
- trapFocus: !1,
261
- disableOutsidePointerEvents: !1,
262
- disableOutsideScroll: !1,
263
- onDismiss: () => n.onOpenChange(!1)
264
- }
265
- );
266
- }), eo = Mn("MenuContent.ScrollLock"), he = a.forwardRef(
267
- (e, o) => {
268
- const {
269
- __scopeMenu: n,
270
- loop: t = !1,
271
- trapFocus: r,
272
- onOpenAutoFocus: c,
273
- onCloseAutoFocus: d,
274
- disableOutsidePointerEvents: l,
275
- onEntryFocus: m,
276
- onEscapeKeyDown: _,
277
- onPointerDownOutside: u,
278
- onFocusOutside: i,
279
- onInteractOutside: f,
280
- onDismiss: v,
281
- disableOutsideScroll: g,
282
- ...b
283
- } = e, M = U(E, n), R = J(E, n), T = re(n), h = $e(n), S = Wn(n), [$, Q] = a.useState(null), O = a.useRef(null), C = z(o, O, M.onContentChange), G = a.useRef(0), F = a.useRef(""), B = a.useRef(0), V = a.useRef(null), ee = a.useRef("right"), ne = a.useRef(0), se = g ? Rn : a.Fragment, y = g ? { as: eo, allowPinchZoom: !0 } : void 0, wn = (p) => {
284
- var K, De;
285
- const D = F.current + p, x = S().filter((P) => !P.disabled), A = document.activeElement, ie = (K = x.find((P) => P.ref.current === A)) == null ? void 0 : K.textValue, ue = x.map((P) => P.textValue), be = po(ue, D, ie), W = (De = x.find((P) => P.textValue === be)) == null ? void 0 : De.ref.current;
286
- (function P(Ee) {
287
- F.current = Ee, window.clearTimeout(G.current), Ee !== "" && (G.current = window.setTimeout(() => P(""), 1e3));
288
- })(D), W && setTimeout(() => W.focus());
289
- };
290
- a.useEffect(() => () => window.clearTimeout(G.current), []), Cn();
291
- const L = a.useCallback((p) => {
292
- var x, A;
293
- return ee.current === ((x = V.current) == null ? void 0 : x.side) && _o(p, (A = V.current) == null ? void 0 : A.area);
294
- }, []);
295
- return /* @__PURE__ */ s(
296
- qn,
297
- {
298
- scope: n,
299
- searchRef: F,
300
- onItemEnter: a.useCallback(
301
- (p) => {
302
- L(p) && p.preventDefault();
303
- },
304
- [L]
305
- ),
306
- onItemLeave: a.useCallback(
307
- (p) => {
308
- var D;
309
- L(p) || ((D = O.current) == null || D.focus(), Q(null));
310
- },
311
- [L]
312
- ),
313
- onTriggerLeave: a.useCallback(
314
- (p) => {
315
- L(p) && p.preventDefault();
316
- },
317
- [L]
318
- ),
319
- pointerGraceTimerRef: B,
320
- onPointerGraceIntentChange: a.useCallback((p) => {
321
- V.current = p;
322
- }, []),
323
- children: /* @__PURE__ */ s(se, { ...y, children: /* @__PURE__ */ s(
324
- In,
325
- {
326
- asChild: !0,
327
- trapped: r,
328
- onMountAutoFocus: w(c, (p) => {
329
- var D;
330
- p.preventDefault(), (D = O.current) == null || D.focus({ preventScroll: !0 });
331
- }),
332
- onUnmountAutoFocus: d,
333
- children: /* @__PURE__ */ s(
334
- bn,
335
- {
336
- asChild: !0,
337
- disableOutsidePointerEvents: l,
338
- onEscapeKeyDown: _,
339
- onPointerDownOutside: u,
340
- onFocusOutside: i,
341
- onInteractOutside: f,
342
- onDismiss: v,
343
- children: /* @__PURE__ */ s(
344
- Kn,
345
- {
346
- asChild: !0,
347
- ...h,
348
- dir: R.dir,
349
- orientation: "vertical",
350
- loop: t,
351
- currentTabStopId: $,
352
- onCurrentTabStopIdChange: Q,
353
- onEntryFocus: w(m, (p) => {
354
- R.isUsingKeyboardRef.current || p.preventDefault();
355
- }),
356
- preventScrollOnEntryFocus: !0,
357
- children: /* @__PURE__ */ s(
358
- Dn,
359
- {
360
- role: "menu",
361
- "aria-orientation": "vertical",
362
- "data-state": sn(M.open),
363
- "data-radix-menu-content": "",
364
- dir: R.dir,
365
- ...T,
366
- ...b,
367
- ref: C,
368
- style: { outline: "none", ...b.style },
369
- onKeyDown: w(b.onKeyDown, (p) => {
370
- const x = p.target.closest("[data-radix-menu-content]") === p.currentTarget, A = p.ctrlKey || p.altKey || p.metaKey, ie = p.key.length === 1;
371
- x && (p.key === "Tab" && p.preventDefault(), !A && ie && wn(p.key));
372
- const ue = O.current;
373
- if (p.target !== ue || !$n.includes(p.key)) return;
374
- p.preventDefault();
375
- const W = S().filter((K) => !K.disabled).map((K) => K.ref.current);
376
- ze.includes(p.key) && W.reverse(), lo(W);
377
- }),
378
- onBlur: w(e.onBlur, (p) => {
379
- p.currentTarget.contains(p.target) || (window.clearTimeout(G.current), F.current = "");
380
- }),
381
- onPointerMove: w(
382
- e.onPointerMove,
383
- j((p) => {
384
- const D = p.target, x = ne.current !== p.clientX;
385
- if (p.currentTarget.contains(D) && x) {
386
- const A = p.clientX > ne.current ? "right" : "left";
387
- ee.current = A, ne.current = p.clientX;
388
- }
389
- })
390
- )
391
- }
392
- )
393
- }
394
- )
395
- }
396
- )
397
- }
398
- ) })
399
- }
400
- );
401
- }
402
- );
403
- We.displayName = E;
404
- var no = "MenuGroup", Ce = a.forwardRef(
405
- (e, o) => {
406
- const { __scopeMenu: n, ...t } = e;
407
- return /* @__PURE__ */ s(N.div, { role: "group", ...t, ref: o });
408
- }
409
- );
410
- Ce.displayName = no;
411
- var oo = "MenuLabel", Ye = a.forwardRef(
412
- (e, o) => {
413
- const { __scopeMenu: n, ...t } = e;
414
- return /* @__PURE__ */ s(N.div, { ...t, ref: o });
415
- }
416
- );
417
- Ye.displayName = oo;
418
- var oe = "MenuItem", Se = "menu.itemSelect", ae = a.forwardRef(
419
- (e, o) => {
420
- const { disabled: n = !1, onSelect: t, ...r } = e, c = a.useRef(null), d = J(oe, e.__scopeMenu), l = Me(oe, e.__scopeMenu), m = z(o, c), _ = a.useRef(!1), u = () => {
421
- const i = c.current;
422
- if (!n && i) {
423
- const f = new CustomEvent(Se, { bubbles: !0, cancelable: !0 });
424
- i.addEventListener(Se, (v) => t == null ? void 0 : t(v), { once: !0 }), vn(i, f), f.defaultPrevented ? _.current = !1 : d.onClose();
425
- }
426
- };
427
- return /* @__PURE__ */ s(
428
- Xe,
429
- {
430
- ...r,
431
- ref: m,
432
- disabled: n,
433
- onClick: w(e.onClick, u),
434
- onPointerDown: (i) => {
435
- var f;
436
- (f = e.onPointerDown) == null || f.call(e, i), _.current = !0;
437
- },
438
- onPointerUp: w(e.onPointerUp, (i) => {
439
- var f;
440
- _.current || (f = i.currentTarget) == null || f.click();
441
- }),
442
- onKeyDown: w(e.onKeyDown, (i) => {
443
- const f = l.searchRef.current !== "";
444
- n || f && i.key === " " || me.includes(i.key) && (i.currentTarget.click(), i.preventDefault());
445
- })
446
- }
447
- );
448
- }
449
- );
450
- ae.displayName = oe;
451
- var Xe = a.forwardRef(
452
- (e, o) => {
453
- const { __scopeMenu: n, disabled: t = !1, textValue: r, ...c } = e, d = Me(oe, n), l = $e(n), m = a.useRef(null), _ = z(o, m), [u, i] = a.useState(!1), [f, v] = a.useState("");
454
- return a.useEffect(() => {
455
- const g = m.current;
456
- g && v((g.textContent ?? "").trim());
457
- }, [c.children]), /* @__PURE__ */ s(
458
- H.ItemSlot,
459
- {
460
- scope: n,
461
- disabled: t,
462
- textValue: r ?? f,
463
- children: /* @__PURE__ */ s(zn, { asChild: !0, ...l, focusable: !t, children: /* @__PURE__ */ s(
464
- N.div,
465
- {
466
- role: "menuitem",
467
- "data-highlighted": u ? "" : void 0,
468
- "aria-disabled": t || void 0,
469
- "data-disabled": t ? "" : void 0,
470
- ...c,
471
- ref: _,
472
- onPointerMove: w(
473
- e.onPointerMove,
474
- j((g) => {
475
- t ? d.onItemLeave(g) : (d.onItemEnter(g), g.defaultPrevented || g.currentTarget.focus({ preventScroll: !0 }));
476
- })
477
- ),
478
- onPointerLeave: w(
479
- e.onPointerLeave,
480
- j((g) => d.onItemLeave(g))
481
- ),
482
- onFocus: w(e.onFocus, () => i(!0)),
483
- onBlur: w(e.onBlur, () => i(!1))
484
- }
485
- ) })
486
- }
487
- );
488
- }
489
- ), to = "MenuCheckboxItem", He = a.forwardRef(
490
- (e, o) => {
491
- const { checked: n = !1, onCheckedChange: t, ...r } = e;
492
- return /* @__PURE__ */ s(Qe, { scope: e.__scopeMenu, checked: n, children: /* @__PURE__ */ s(
493
- ae,
494
- {
495
- role: "menuitemcheckbox",
496
- "aria-checked": te(n) ? "mixed" : n,
497
- ...r,
498
- ref: o,
499
- "data-state": Ie(n),
500
- onSelect: w(
501
- r.onSelect,
502
- () => t == null ? void 0 : t(te(n) ? !0 : !n),
503
- { checkForDefaultPrevented: !1 }
504
- )
505
- }
506
- ) });
507
- }
508
- );
509
- He.displayName = to;
510
- var je = "MenuRadioGroup", [ro, ao] = k(
511
- je,
512
- { value: void 0, onValueChange: () => {
513
- } }
514
- ), Ze = a.forwardRef(
515
- (e, o) => {
516
- const { value: n, onValueChange: t, ...r } = e, c = we(t);
517
- return /* @__PURE__ */ s(ro, { scope: e.__scopeMenu, value: n, onValueChange: c, children: /* @__PURE__ */ s(Ce, { ...r, ref: o }) });
518
- }
519
- );
520
- Ze.displayName = je;
521
- var qe = "MenuRadioItem", Je = a.forwardRef(
522
- (e, o) => {
523
- const { value: n, ...t } = e, r = ao(qe, e.__scopeMenu), c = n === r.value;
524
- return /* @__PURE__ */ s(Qe, { scope: e.__scopeMenu, checked: c, children: /* @__PURE__ */ s(
525
- ae,
526
- {
527
- role: "menuitemradio",
528
- "aria-checked": c,
529
- ...t,
530
- ref: o,
531
- "data-state": Ie(c),
532
- onSelect: w(
533
- t.onSelect,
534
- () => {
535
- var d;
536
- return (d = r.onValueChange) == null ? void 0 : d.call(r, n);
537
- },
538
- { checkForDefaultPrevented: !1 }
539
- )
540
- }
541
- ) });
542
- }
543
- );
544
- Je.displayName = qe;
545
- var Re = "MenuItemIndicator", [Qe, co] = k(
546
- Re,
547
- { checked: !1 }
548
- ), en = a.forwardRef(
549
- (e, o) => {
550
- const { __scopeMenu: n, forceMount: t, ...r } = e, c = co(Re, n);
551
- return /* @__PURE__ */ s(
552
- ge,
553
- {
554
- present: t || te(c.checked) || c.checked === !0,
555
- children: /* @__PURE__ */ s(
556
- N.span,
557
- {
558
- ...r,
559
- ref: o,
560
- "data-state": Ie(c.checked)
561
- }
562
- )
563
- }
564
- );
565
- }
566
- );
567
- en.displayName = Re;
568
- var so = "MenuSeparator", nn = a.forwardRef(
569
- (e, o) => {
570
- const { __scopeMenu: n, ...t } = e;
571
- return /* @__PURE__ */ s(
572
- N.div,
573
- {
574
- role: "separator",
575
- "aria-orientation": "horizontal",
576
- ...t,
577
- ref: o
578
- }
579
- );
580
- }
581
- );
582
- nn.displayName = so;
583
- var io = "MenuArrow", on = a.forwardRef(
584
- (e, o) => {
585
- const { __scopeMenu: n, ...t } = e, r = re(n);
586
- return /* @__PURE__ */ s(xn, { ...r, ...t, ref: o });
587
- }
588
- );
589
- on.displayName = io;
590
- var uo = "MenuSub", [Mt, tn] = k(uo), Y = "MenuSubTrigger", rn = a.forwardRef(
591
- (e, o) => {
592
- const n = U(Y, e.__scopeMenu), t = J(Y, e.__scopeMenu), r = tn(Y, e.__scopeMenu), c = Me(Y, e.__scopeMenu), d = a.useRef(null), { pointerGraceTimerRef: l, onPointerGraceIntentChange: m } = c, _ = { __scopeMenu: e.__scopeMenu }, u = a.useCallback(() => {
593
- d.current && window.clearTimeout(d.current), d.current = null;
594
- }, []);
595
- return a.useEffect(() => u, [u]), a.useEffect(() => {
596
- const i = l.current;
597
- return () => {
598
- window.clearTimeout(i), m(null);
599
- };
600
- }, [l, m]), /* @__PURE__ */ s(ve, { asChild: !0, ..._, children: /* @__PURE__ */ s(
601
- Xe,
602
- {
603
- id: r.triggerId,
604
- "aria-haspopup": "menu",
605
- "aria-expanded": n.open,
606
- "aria-controls": r.contentId,
607
- "data-state": sn(n.open),
608
- ...e,
609
- ref: ye(o, r.onTriggerChange),
610
- onClick: (i) => {
611
- var f;
612
- (f = e.onClick) == null || f.call(e, i), !(e.disabled || i.defaultPrevented) && (i.currentTarget.focus(), n.open || n.onOpenChange(!0));
613
- },
614
- onPointerMove: w(
615
- e.onPointerMove,
616
- j((i) => {
617
- c.onItemEnter(i), !i.defaultPrevented && !e.disabled && !n.open && !d.current && (c.onPointerGraceIntentChange(null), d.current = window.setTimeout(() => {
618
- n.onOpenChange(!0), u();
619
- }, 100));
620
- })
621
- ),
622
- onPointerLeave: w(
623
- e.onPointerLeave,
624
- j((i) => {
625
- var v, g;
626
- u();
627
- const f = (v = n.content) == null ? void 0 : v.getBoundingClientRect();
628
- if (f) {
629
- const b = (g = n.content) == null ? void 0 : g.dataset.side, M = b === "right", R = M ? -5 : 5, T = f[M ? "left" : "right"], h = f[M ? "right" : "left"];
630
- c.onPointerGraceIntentChange({
631
- area: [
632
- // Apply a bleed on clientX to ensure that our exit point is
633
- // consistently within polygon bounds
634
- { x: i.clientX + R, y: i.clientY },
635
- { x: T, y: f.top },
636
- { x: h, y: f.top },
637
- { x: h, y: f.bottom },
638
- { x: T, y: f.bottom }
639
- ],
640
- side: b
641
- }), window.clearTimeout(l.current), l.current = window.setTimeout(
642
- () => c.onPointerGraceIntentChange(null),
643
- 300
644
- );
645
- } else {
646
- if (c.onTriggerLeave(i), i.defaultPrevented) return;
647
- c.onPointerGraceIntentChange(null);
648
- }
649
- })
650
- ),
651
- onKeyDown: w(e.onKeyDown, (i) => {
652
- var v;
653
- const f = c.searchRef.current !== "";
654
- e.disabled || f && i.key === " " || Bn[t.dir].includes(i.key) && (n.onOpenChange(!0), (v = n.content) == null || v.focus(), i.preventDefault());
655
- })
656
- }
657
- ) });
658
- }
659
- );
660
- rn.displayName = Y;
661
- var an = "MenuSubContent", cn = a.forwardRef(
662
- (e, o) => {
663
- const n = Ve(E, e.__scopeMenu), { forceMount: t = n.forceMount, ...r } = e, c = U(E, e.__scopeMenu), d = J(E, e.__scopeMenu), l = tn(an, e.__scopeMenu), m = a.useRef(null), _ = z(o, m);
664
- return /* @__PURE__ */ s(H.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(ge, { present: t || c.open, children: /* @__PURE__ */ s(H.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ s(
665
- he,
666
- {
667
- id: l.contentId,
668
- "aria-labelledby": l.triggerId,
669
- ...r,
670
- ref: _,
671
- align: "start",
672
- side: d.dir === "rtl" ? "left" : "right",
673
- disableOutsidePointerEvents: !1,
674
- disableOutsideScroll: !1,
675
- trapFocus: !1,
676
- onOpenAutoFocus: (u) => {
677
- var i;
678
- d.isUsingKeyboardRef.current && ((i = m.current) == null || i.focus()), u.preventDefault();
679
- },
680
- onCloseAutoFocus: (u) => u.preventDefault(),
681
- onFocusOutside: w(e.onFocusOutside, (u) => {
682
- u.target !== l.trigger && c.onOpenChange(!1);
683
- }),
684
- onEscapeKeyDown: w(e.onEscapeKeyDown, (u) => {
685
- d.onClose(), u.preventDefault();
686
- }),
687
- onKeyDown: w(e.onKeyDown, (u) => {
688
- var v;
689
- const i = u.currentTarget.contains(u.target), f = Vn[d.dir].includes(u.key);
690
- i && f && (c.onOpenChange(!1), (v = l.trigger) == null || v.focus(), u.preventDefault());
691
- })
692
- }
693
- ) }) }) });
694
- }
695
- );
696
- cn.displayName = an;
697
- function sn(e) {
698
- return e ? "open" : "closed";
699
- }
700
- function te(e) {
701
- return e === "indeterminate";
702
- }
703
- function Ie(e) {
704
- return te(e) ? "indeterminate" : e ? "checked" : "unchecked";
705
- }
706
- function lo(e) {
707
- const o = document.activeElement;
708
- for (const n of e)
709
- if (n === o || (n.focus(), document.activeElement !== o)) return;
710
- }
711
- function fo(e, o) {
712
- return e.map((n, t) => e[(o + t) % e.length]);
713
- }
714
- function po(e, o, n) {
715
- const r = o.length > 1 && Array.from(o).every((_) => _ === o[0]) ? o[0] : o, c = n ? e.indexOf(n) : -1;
716
- let d = fo(e, Math.max(c, 0));
717
- r.length === 1 && (d = d.filter((_) => _ !== n));
718
- const m = d.find(
719
- (_) => _.toLowerCase().startsWith(r.toLowerCase())
720
- );
721
- return m !== n ? m : void 0;
722
- }
723
- function mo(e, o) {
724
- const { x: n, y: t } = e;
725
- let r = !1;
726
- for (let c = 0, d = o.length - 1; c < o.length; d = c++) {
727
- const l = o[c], m = o[d], _ = l.x, u = l.y, i = m.x, f = m.y;
728
- u > t != f > t && n < (i - _) * (t - u) / (f - u) + _ && (r = !r);
729
- }
730
- return r;
731
- }
732
- function _o(e, o) {
733
- if (!o) return !1;
734
- const n = { x: e.clientX, y: e.clientY };
735
- return mo(n, o);
736
- }
737
- function j(e) {
738
- return (o) => o.pointerType === "mouse" ? e(o) : void 0;
739
- }
740
- var wo = Be, go = ve, vo = We, Mo = Ce, ho = Ye, Co = ae, Ro = He, Io = Ze, bo = Je, Do = en, Eo = nn, So = on, xo = rn, yo = cn, ce = "DropdownMenu", [Po, ht] = _e(
741
- ce,
742
- [Ue]
743
- ), I = Ue(), [To, un] = Po(ce), dn = (e) => {
744
- const {
745
- __scopeDropdownMenu: o,
746
- children: n,
747
- dir: t,
748
- open: r,
749
- defaultOpen: c,
750
- onOpenChange: d,
751
- modal: l = !0
752
- } = e, m = I(o), _ = a.useRef(null), [u, i] = xe({
753
- prop: r,
754
- defaultProp: c ?? !1,
755
- onChange: d,
756
- caller: ce
757
- });
758
- return /* @__PURE__ */ s(
759
- To,
760
- {
761
- scope: o,
762
- triggerId: le(),
763
- triggerRef: _,
764
- contentId: le(),
765
- open: u,
766
- onOpenChange: i,
767
- onOpenToggle: a.useCallback(() => i((f) => !f), [i]),
768
- modal: l,
769
- children: /* @__PURE__ */ s(wo, { ...m, open: u, onOpenChange: i, dir: t, modal: l, children: n })
770
- }
771
- );
772
- };
773
- dn.displayName = ce;
774
- var ln = "DropdownMenuTrigger", fn = a.forwardRef(
775
- (e, o) => {
776
- const { __scopeDropdownMenu: n, disabled: t = !1, ...r } = e, c = un(ln, n), d = I(n);
777
- return /* @__PURE__ */ s(go, { asChild: !0, ...d, children: /* @__PURE__ */ s(
778
- N.button,
779
- {
780
- type: "button",
781
- id: c.triggerId,
782
- "aria-haspopup": "menu",
783
- "aria-expanded": c.open,
784
- "aria-controls": c.open ? c.contentId : void 0,
785
- "data-state": c.open ? "open" : "closed",
786
- "data-disabled": t ? "" : void 0,
787
- disabled: t,
788
- ...r,
789
- ref: ye(o, c.triggerRef),
790
- onPointerDown: w(e.onPointerDown, (l) => {
791
- !t && l.button === 0 && l.ctrlKey === !1 && (c.onOpenToggle(), c.open || l.preventDefault());
792
- }),
793
- onKeyDown: w(e.onKeyDown, (l) => {
794
- t || (["Enter", " "].includes(l.key) && c.onOpenToggle(), l.key === "ArrowDown" && c.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(l.key) && l.preventDefault());
795
- })
796
- }
797
- ) });
798
- }
799
- );
800
- fn.displayName = ln;
801
- var pn = "DropdownMenuContent", mn = a.forwardRef(
802
- (e, o) => {
803
- const { __scopeDropdownMenu: n, ...t } = e, r = un(pn, n), c = I(n), d = a.useRef(!1);
804
- return /* @__PURE__ */ s(
805
- vo,
806
- {
807
- id: r.contentId,
808
- "aria-labelledby": r.triggerId,
809
- ...c,
810
- ...t,
811
- ref: o,
812
- onCloseAutoFocus: w(e.onCloseAutoFocus, (l) => {
813
- var m;
814
- d.current || (m = r.triggerRef.current) == null || m.focus(), d.current = !1, l.preventDefault();
815
- }),
816
- onInteractOutside: w(e.onInteractOutside, (l) => {
817
- const m = l.detail.originalEvent, _ = m.button === 0 && m.ctrlKey === !0, u = m.button === 2 || _;
818
- (!r.modal || u) && (d.current = !0);
819
- }),
820
- style: {
821
- ...e.style,
822
- "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
823
- "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
824
- "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
825
- "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
826
- "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
827
- }
828
- }
829
- );
830
- }
831
- );
832
- mn.displayName = pn;
833
- var Ao = "DropdownMenuGroup", No = a.forwardRef(
834
- (e, o) => {
835
- const { __scopeDropdownMenu: n, ...t } = e, r = I(n);
836
- return /* @__PURE__ */ s(Mo, { ...r, ...t, ref: o });
837
- }
838
- );
839
- No.displayName = Ao;
840
- var Oo = "DropdownMenuLabel", Fo = a.forwardRef(
841
- (e, o) => {
842
- const { __scopeDropdownMenu: n, ...t } = e, r = I(n);
843
- return /* @__PURE__ */ s(ho, { ...r, ...t, ref: o });
844
- }
845
- );
846
- Fo.displayName = Oo;
847
- var ko = "DropdownMenuItem", _n = a.forwardRef(
848
- (e, o) => {
849
- const { __scopeDropdownMenu: n, ...t } = e, r = I(n);
850
- return /* @__PURE__ */ s(Co, { ...r, ...t, ref: o });
851
- }
852
- );
853
- _n.displayName = ko;
854
- var Go = "DropdownMenuCheckboxItem", Lo = a.forwardRef((e, o) => {
855
- const { __scopeDropdownMenu: n, ...t } = e, r = I(n);
856
- return /* @__PURE__ */ s(Ro, { ...r, ...t, ref: o });
857
- });
858
- Lo.displayName = Go;
859
- var Ko = "DropdownMenuRadioGroup", zo = a.forwardRef((e, o) => {
860
- const { __scopeDropdownMenu: n, ...t } = e, r = I(n);
861
- return /* @__PURE__ */ s(Io, { ...r, ...t, ref: o });
862
- });
863
- zo.displayName = Ko;
864
- var Uo = "DropdownMenuRadioItem", $o = a.forwardRef((e, o) => {
865
- const { __scopeDropdownMenu: n, ...t } = e, r = I(n);
866
- return /* @__PURE__ */ s(bo, { ...r, ...t, ref: o });
867
- });
868
- $o.displayName = Uo;
869
- var Bo = "DropdownMenuItemIndicator", Vo = a.forwardRef((e, o) => {
870
- const { __scopeDropdownMenu: n, ...t } = e, r = I(n);
871
- return /* @__PURE__ */ s(Do, { ...r, ...t, ref: o });
872
- });
873
- Vo.displayName = Bo;
874
- var Wo = "DropdownMenuSeparator", Yo = a.forwardRef((e, o) => {
875
- const { __scopeDropdownMenu: n, ...t } = e, r = I(n);
876
- return /* @__PURE__ */ s(Eo, { ...r, ...t, ref: o });
877
- });
878
- Yo.displayName = Wo;
879
- var Xo = "DropdownMenuArrow", Ho = a.forwardRef(
880
- (e, o) => {
881
- const { __scopeDropdownMenu: n, ...t } = e, r = I(n);
882
- return /* @__PURE__ */ s(So, { ...r, ...t, ref: o });
883
- }
884
- );
885
- Ho.displayName = Xo;
886
- var jo = "DropdownMenuSubTrigger", Zo = a.forwardRef((e, o) => {
887
- const { __scopeDropdownMenu: n, ...t } = e, r = I(n);
888
- return /* @__PURE__ */ s(xo, { ...r, ...t, ref: o });
889
- });
890
- Zo.displayName = jo;
891
- var qo = "DropdownMenuSubContent", Jo = a.forwardRef((e, o) => {
892
- const { __scopeDropdownMenu: n, ...t } = e, r = I(n);
893
- return /* @__PURE__ */ s(
894
- yo,
895
- {
896
- ...r,
897
- ...t,
898
- ref: o,
899
- style: {
900
- ...e.style,
901
- "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
902
- "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
903
- "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
904
- "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
905
- "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
906
- }
907
- }
908
- );
909
- });
910
- Jo.displayName = qo;
911
- var Ct = dn, Rt = fn, Qo = mn, et = _n;
912
- const nt = "cfxui__DropdownContent__fullWidth__c56c3", ot = "cfxui__DropdownContent__item__8feac", tt = "cfxui__DropdownContent__content__ea3aa", rt = "cfxui__DropdownContent__onlight__352dc", at = "cfxui__DropdownContent__disabled__9002a", ct = "cfxui__DropdownContent__trigger__4bac0", st = "cfxui__DropdownContent__icon__2ede5", X = {
913
- fullWidth: nt,
914
- item: ot,
915
- content: tt,
916
- onlight: rt,
917
- disabled: at,
918
- "dropdownselect-size-initial-large": "cfxui__DropdownContent__dropdownselect-size-initial-large__04104",
919
- trigger: ct,
920
- icon: st,
921
- "dropdownselect-size-initial-small": "cfxui__DropdownContent__dropdownselect-size-initial-small__1d3ca",
922
- "dropdownselect-size-small-large": "cfxui__DropdownContent__dropdownselect-size-small-large__269b0",
923
- "dropdownselect-size-small-small": "cfxui__DropdownContent__dropdownselect-size-small-small__faa09",
924
- "dropdownselect-size-small-medium-large": "cfxui__DropdownContent__dropdownselect-size-small-medium-large__3106f",
925
- "dropdownselect-size-small-medium-small": "cfxui__DropdownContent__dropdownselect-size-small-medium-small__88821",
926
- "dropdownselect-size-medium-large": "cfxui__DropdownContent__dropdownselect-size-medium-large__a7e74",
927
- "dropdownselect-size-medium-small": "cfxui__DropdownContent__dropdownselect-size-medium-small__d130d",
928
- "dropdownselect-size-medium-large-large": "cfxui__DropdownContent__dropdownselect-size-medium-large-large__ca9d3",
929
- "dropdownselect-size-medium-large-small": "cfxui__DropdownContent__dropdownselect-size-medium-large-small__a2a72",
930
- "dropdownselect-size-large-large": "cfxui__DropdownContent__dropdownselect-size-large-large__87b4b",
931
- "dropdownselect-size-large-small": "cfxui__DropdownContent__dropdownselect-size-large-small__e42f3",
932
- "dropdownselect-size-xlarge-large": "cfxui__DropdownContent__dropdownselect-size-xlarge-large__026e8",
933
- "dropdownselect-size-xlarge-small": "cfxui__DropdownContent__dropdownselect-size-xlarge-small__fa5cb"
934
- };
935
- function it(e = "normal", o = "content") {
936
- return fe(
937
- X[o],
938
- Ne.getResponsiveFlatClassnames("dropdownselect-size", e).map((n) => X[n])
939
- );
940
- }
941
- function ut(e) {
942
- const {
943
- triggerWidth: o,
944
- options: n,
945
- size: t,
946
- fullWidth: r = !1,
947
- className: c,
948
- itemClassName: d,
949
- onSelect: l
950
- } = e, m = it(t), _ = fe(
951
- c,
952
- m,
953
- {
954
- [X.fullWidth]: r
955
- }
956
- );
957
- return /* @__PURE__ */ s(
958
- Qo,
959
- {
960
- align: "end",
961
- side: "bottom",
962
- className: _,
963
- style: {
964
- width: o,
965
- zIndex: Ne.zindex("max")
966
- },
967
- children: n.map((u) => /* @__PURE__ */ s(
968
- et,
969
- {
970
- disabled: u.disabled,
971
- className: fe(X.item, d, {
972
- [X.disabled]: u.disabled
973
- }),
974
- onSelect: () => l(u.value),
975
- style: { width: o },
976
- children: u.label
977
- },
978
- u.value
979
- ))
980
- }
981
- );
982
- }
983
- const It = gn.memo(ut);
984
- export {
985
- It as D,
986
- Ct as R,
987
- Rt as T,
988
- it as g
989
- };