@vaadin/react-components 24.4.0-alpha10

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 (496) hide show
  1. package/Accordion.d.ts +2 -0
  2. package/Accordion.d.ts.map +1 -0
  3. package/Accordion.js +2 -0
  4. package/Accordion.js.map +7 -0
  5. package/AccordionHeading.d.ts +2 -0
  6. package/AccordionHeading.d.ts.map +1 -0
  7. package/AccordionHeading.js +2 -0
  8. package/AccordionHeading.js.map +7 -0
  9. package/AccordionPanel.d.ts +2 -0
  10. package/AccordionPanel.d.ts.map +1 -0
  11. package/AccordionPanel.js +2 -0
  12. package/AccordionPanel.js.map +7 -0
  13. package/AppLayout.d.ts +2 -0
  14. package/AppLayout.d.ts.map +1 -0
  15. package/AppLayout.js +2 -0
  16. package/AppLayout.js.map +7 -0
  17. package/Avatar.d.ts +2 -0
  18. package/Avatar.d.ts.map +1 -0
  19. package/Avatar.js +2 -0
  20. package/Avatar.js.map +7 -0
  21. package/AvatarGroup.d.ts +2 -0
  22. package/AvatarGroup.d.ts.map +1 -0
  23. package/AvatarGroup.js +2 -0
  24. package/AvatarGroup.js.map +7 -0
  25. package/Button.d.ts +2 -0
  26. package/Button.d.ts.map +1 -0
  27. package/Button.js +2 -0
  28. package/Button.js.map +7 -0
  29. package/Checkbox.d.ts +2 -0
  30. package/Checkbox.d.ts.map +1 -0
  31. package/Checkbox.js +2 -0
  32. package/Checkbox.js.map +7 -0
  33. package/CheckboxGroup.d.ts +2 -0
  34. package/CheckboxGroup.d.ts.map +1 -0
  35. package/CheckboxGroup.js +2 -0
  36. package/CheckboxGroup.js.map +7 -0
  37. package/ComboBox.d.ts +26 -0
  38. package/ComboBox.d.ts.map +1 -0
  39. package/ComboBox.js +2 -0
  40. package/ComboBox.js.map +7 -0
  41. package/ComboBoxLight.d.ts +25 -0
  42. package/ComboBoxLight.d.ts.map +1 -0
  43. package/ComboBoxLight.js +2 -0
  44. package/ComboBoxLight.js.map +7 -0
  45. package/ConfirmDialog.d.ts +7 -0
  46. package/ConfirmDialog.d.ts.map +1 -0
  47. package/ConfirmDialog.js +2 -0
  48. package/ConfirmDialog.js.map +7 -0
  49. package/ContextMenu.d.ts +30 -0
  50. package/ContextMenu.d.ts.map +1 -0
  51. package/ContextMenu.js +2 -0
  52. package/ContextMenu.js.map +7 -0
  53. package/CustomField.d.ts +2 -0
  54. package/CustomField.d.ts.map +1 -0
  55. package/CustomField.js +2 -0
  56. package/CustomField.js.map +7 -0
  57. package/DatePicker.d.ts +2 -0
  58. package/DatePicker.d.ts.map +1 -0
  59. package/DatePicker.js +2 -0
  60. package/DatePicker.js.map +7 -0
  61. package/DatePickerLight.d.ts +2 -0
  62. package/DatePickerLight.d.ts.map +1 -0
  63. package/DatePickerLight.js +2 -0
  64. package/DatePickerLight.js.map +7 -0
  65. package/DateTimePicker.d.ts +10 -0
  66. package/DateTimePicker.d.ts.map +1 -0
  67. package/DateTimePicker.js +2 -0
  68. package/DateTimePicker.js.map +7 -0
  69. package/Details.d.ts +2 -0
  70. package/Details.d.ts.map +1 -0
  71. package/Details.js +2 -0
  72. package/Details.js.map +7 -0
  73. package/DetailsSummary.d.ts +2 -0
  74. package/DetailsSummary.d.ts.map +1 -0
  75. package/DetailsSummary.js +2 -0
  76. package/DetailsSummary.js.map +7 -0
  77. package/Dialog.d.ts +32 -0
  78. package/Dialog.d.ts.map +1 -0
  79. package/Dialog.js +2 -0
  80. package/Dialog.js.map +7 -0
  81. package/DrawerToggle.d.ts +2 -0
  82. package/DrawerToggle.d.ts.map +1 -0
  83. package/DrawerToggle.js +2 -0
  84. package/DrawerToggle.js.map +7 -0
  85. package/EmailField.d.ts +2 -0
  86. package/EmailField.d.ts.map +1 -0
  87. package/EmailField.js +2 -0
  88. package/EmailField.js.map +7 -0
  89. package/FormItem.d.ts +2 -0
  90. package/FormItem.d.ts.map +1 -0
  91. package/FormItem.js +2 -0
  92. package/FormItem.js.map +7 -0
  93. package/FormLayout.d.ts +2 -0
  94. package/FormLayout.d.ts.map +1 -0
  95. package/FormLayout.js +2 -0
  96. package/FormLayout.js.map +7 -0
  97. package/Grid.d.ts +30 -0
  98. package/Grid.d.ts.map +1 -0
  99. package/Grid.js +2 -0
  100. package/Grid.js.map +7 -0
  101. package/GridColumn.d.ts +49 -0
  102. package/GridColumn.d.ts.map +1 -0
  103. package/GridColumn.js +2 -0
  104. package/GridColumn.js.map +7 -0
  105. package/GridColumnGroup.d.ts +20 -0
  106. package/GridColumnGroup.d.ts.map +1 -0
  107. package/GridColumnGroup.js +2 -0
  108. package/GridColumnGroup.js.map +7 -0
  109. package/GridFilter.d.ts +2 -0
  110. package/GridFilter.d.ts.map +1 -0
  111. package/GridFilter.js +2 -0
  112. package/GridFilter.js.map +7 -0
  113. package/GridFilterColumn.d.ts +37 -0
  114. package/GridFilterColumn.d.ts.map +1 -0
  115. package/GridFilterColumn.js +2 -0
  116. package/GridFilterColumn.js.map +7 -0
  117. package/GridSelectionColumn.d.ts +51 -0
  118. package/GridSelectionColumn.d.ts.map +1 -0
  119. package/GridSelectionColumn.js +2 -0
  120. package/GridSelectionColumn.js.map +7 -0
  121. package/GridSortColumn.d.ts +39 -0
  122. package/GridSortColumn.d.ts.map +1 -0
  123. package/GridSortColumn.js +2 -0
  124. package/GridSortColumn.js.map +7 -0
  125. package/GridSorter.d.ts +2 -0
  126. package/GridSorter.d.ts.map +1 -0
  127. package/GridSorter.js +2 -0
  128. package/GridSorter.js.map +7 -0
  129. package/GridTreeColumn.d.ts +37 -0
  130. package/GridTreeColumn.d.ts.map +1 -0
  131. package/GridTreeColumn.js +2 -0
  132. package/GridTreeColumn.js.map +7 -0
  133. package/GridTreeToggle.d.ts +2 -0
  134. package/GridTreeToggle.d.ts.map +1 -0
  135. package/GridTreeToggle.js +2 -0
  136. package/GridTreeToggle.js.map +7 -0
  137. package/HorizontalLayout.d.ts +2 -0
  138. package/HorizontalLayout.d.ts.map +1 -0
  139. package/HorizontalLayout.js +2 -0
  140. package/HorizontalLayout.js.map +7 -0
  141. package/Icon.d.ts +2 -0
  142. package/Icon.d.ts.map +1 -0
  143. package/Icon.js +2 -0
  144. package/Icon.js.map +7 -0
  145. package/Iconset.d.ts +2 -0
  146. package/Iconset.d.ts.map +1 -0
  147. package/Iconset.js +2 -0
  148. package/Iconset.js.map +7 -0
  149. package/IntegerField.d.ts +2 -0
  150. package/IntegerField.d.ts.map +1 -0
  151. package/IntegerField.js +2 -0
  152. package/IntegerField.js.map +7 -0
  153. package/Item.d.ts +2 -0
  154. package/Item.d.ts.map +1 -0
  155. package/Item.js +2 -0
  156. package/Item.js.map +7 -0
  157. package/LICENSE +201 -0
  158. package/ListBox.d.ts +2 -0
  159. package/ListBox.d.ts.map +1 -0
  160. package/ListBox.js +2 -0
  161. package/ListBox.js.map +7 -0
  162. package/LoginForm.d.ts +2 -0
  163. package/LoginForm.d.ts.map +1 -0
  164. package/LoginForm.js +2 -0
  165. package/LoginForm.js.map +7 -0
  166. package/LoginOverlay.d.ts +7 -0
  167. package/LoginOverlay.d.ts.map +1 -0
  168. package/LoginOverlay.js +2 -0
  169. package/LoginOverlay.js.map +7 -0
  170. package/MenuBar.d.ts +26 -0
  171. package/MenuBar.d.ts.map +1 -0
  172. package/MenuBar.js +2 -0
  173. package/MenuBar.js.map +7 -0
  174. package/Message.d.ts +2 -0
  175. package/Message.d.ts.map +1 -0
  176. package/Message.js +2 -0
  177. package/Message.js.map +7 -0
  178. package/MessageInput.d.ts +2 -0
  179. package/MessageInput.d.ts.map +1 -0
  180. package/MessageInput.js +2 -0
  181. package/MessageInput.js.map +7 -0
  182. package/MessageList.d.ts +2 -0
  183. package/MessageList.d.ts.map +1 -0
  184. package/MessageList.js +2 -0
  185. package/MessageList.js.map +7 -0
  186. package/MultiSelectComboBox.d.ts +24 -0
  187. package/MultiSelectComboBox.d.ts.map +1 -0
  188. package/MultiSelectComboBox.js +2 -0
  189. package/MultiSelectComboBox.js.map +7 -0
  190. package/Notification.d.ts +16 -0
  191. package/Notification.d.ts.map +1 -0
  192. package/Notification.js +2 -0
  193. package/Notification.js.map +7 -0
  194. package/NumberField.d.ts +2 -0
  195. package/NumberField.d.ts.map +1 -0
  196. package/NumberField.js +2 -0
  197. package/NumberField.js.map +7 -0
  198. package/PasswordField.d.ts +2 -0
  199. package/PasswordField.d.ts.map +1 -0
  200. package/PasswordField.js +2 -0
  201. package/PasswordField.js.map +7 -0
  202. package/ProgressBar.d.ts +2 -0
  203. package/ProgressBar.d.ts.map +1 -0
  204. package/ProgressBar.js +2 -0
  205. package/ProgressBar.js.map +7 -0
  206. package/README.md +3 -0
  207. package/RadioButton.d.ts +2 -0
  208. package/RadioButton.d.ts.map +1 -0
  209. package/RadioButton.js +2 -0
  210. package/RadioButton.js.map +7 -0
  211. package/RadioGroup.d.ts +2 -0
  212. package/RadioGroup.d.ts.map +1 -0
  213. package/RadioGroup.js +2 -0
  214. package/RadioGroup.js.map +7 -0
  215. package/Scroller.d.ts +2 -0
  216. package/Scroller.d.ts.map +1 -0
  217. package/Scroller.js +2 -0
  218. package/Scroller.js.map +7 -0
  219. package/Select.d.ts +22 -0
  220. package/Select.d.ts.map +1 -0
  221. package/Select.js +2 -0
  222. package/Select.js.map +7 -0
  223. package/SideNav.d.ts +2 -0
  224. package/SideNav.d.ts.map +1 -0
  225. package/SideNav.js +2 -0
  226. package/SideNav.js.map +7 -0
  227. package/SideNavItem.d.ts +2 -0
  228. package/SideNavItem.d.ts.map +1 -0
  229. package/SideNavItem.js +2 -0
  230. package/SideNavItem.js.map +7 -0
  231. package/SplitLayout.d.ts +2 -0
  232. package/SplitLayout.d.ts.map +1 -0
  233. package/SplitLayout.js +2 -0
  234. package/SplitLayout.js.map +7 -0
  235. package/Tab.d.ts +2 -0
  236. package/Tab.d.ts.map +1 -0
  237. package/Tab.js +2 -0
  238. package/Tab.js.map +7 -0
  239. package/TabSheet.d.ts +61 -0
  240. package/TabSheet.d.ts.map +1 -0
  241. package/TabSheet.js +2 -0
  242. package/TabSheet.js.map +7 -0
  243. package/Tabs.d.ts +2 -0
  244. package/Tabs.d.ts.map +1 -0
  245. package/Tabs.js +2 -0
  246. package/Tabs.js.map +7 -0
  247. package/TextArea.d.ts +2 -0
  248. package/TextArea.d.ts.map +1 -0
  249. package/TextArea.js +2 -0
  250. package/TextArea.js.map +7 -0
  251. package/TextField.d.ts +2 -0
  252. package/TextField.d.ts.map +1 -0
  253. package/TextField.js +2 -0
  254. package/TextField.js.map +7 -0
  255. package/TimePicker.d.ts +12 -0
  256. package/TimePicker.d.ts.map +1 -0
  257. package/TimePicker.js +2 -0
  258. package/TimePicker.js.map +7 -0
  259. package/Tooltip.d.ts +2 -0
  260. package/Tooltip.d.ts.map +1 -0
  261. package/Tooltip.js +2 -0
  262. package/Tooltip.js.map +7 -0
  263. package/Upload.d.ts +2 -0
  264. package/Upload.d.ts.map +1 -0
  265. package/Upload.js +2 -0
  266. package/Upload.js.map +7 -0
  267. package/VerticalLayout.d.ts +2 -0
  268. package/VerticalLayout.d.ts.map +1 -0
  269. package/VerticalLayout.js +2 -0
  270. package/VerticalLayout.js.map +7 -0
  271. package/VirtualList.d.ts +23 -0
  272. package/VirtualList.d.ts.map +1 -0
  273. package/VirtualList.js +2 -0
  274. package/VirtualList.js.map +7 -0
  275. package/css/Lumo.css +15 -0
  276. package/css/Material.css +13 -0
  277. package/css/lumo/Badge.css +165 -0
  278. package/css/lumo/Color.css +119 -0
  279. package/css/lumo/ColorBase.css +87 -0
  280. package/css/lumo/Font.css +22 -0
  281. package/css/lumo/FontIcons.css +55 -0
  282. package/css/lumo/Globals.css +79 -0
  283. package/css/lumo/Sizing.css +17 -0
  284. package/css/lumo/Spacing.css +25 -0
  285. package/css/lumo/Style.css +21 -0
  286. package/css/lumo/Typography.css +96 -0
  287. package/css/lumo/UserColors.css +22 -0
  288. package/css/lumo/Utility.module.css +47 -0
  289. package/css/lumo/mixins/FieldButton.css +29 -0
  290. package/css/lumo/mixins/MenuOverlay.css +66 -0
  291. package/css/lumo/mixins/MenuOverlayCore.css +32 -0
  292. package/css/lumo/mixins/Overlay.css +65 -0
  293. package/css/lumo/mixins/RequiredField.css +114 -0
  294. package/css/lumo/utilities/Accessibility.module.css +15 -0
  295. package/css/lumo/utilities/Background.module.css +150 -0
  296. package/css/lumo/utilities/Border.module.css +141 -0
  297. package/css/lumo/utilities/Filter.module.css +28 -0
  298. package/css/lumo/utilities/FlexboxAndGrid.module.css +535 -0
  299. package/css/lumo/utilities/FlexboxGrid.module.css +3 -0
  300. package/css/lumo/utilities/Layout.module.css +492 -0
  301. package/css/lumo/utilities/Shadows.module.css +19 -0
  302. package/css/lumo/utilities/Sizing.module.css +115 -0
  303. package/css/lumo/utilities/Spacing.module.css +536 -0
  304. package/css/lumo/utilities/Transition.module.css +26 -0
  305. package/css/lumo/utilities/Typography.module.css +338 -0
  306. package/css/material/Color.css +7 -0
  307. package/css/material/ColorBase.css +26 -0
  308. package/css/material/ColorDark.css +47 -0
  309. package/css/material/ColorLight.css +96 -0
  310. package/css/material/Font.css +22 -0
  311. package/css/material/FontIcons.css +28 -0
  312. package/css/material/Shadow.css +15 -0
  313. package/css/material/Typography.css +80 -0
  314. package/css/material/UserColors.css +22 -0
  315. package/css/material/mixins/FieldButton.css +34 -0
  316. package/css/material/mixins/Overlay.css +36 -0
  317. package/css/material/mixins/RequiredField.css +60 -0
  318. package/generated/Accordion.d.ts +16 -0
  319. package/generated/Accordion.d.ts.map +1 -0
  320. package/generated/AccordionHeading.d.ts +9 -0
  321. package/generated/AccordionHeading.d.ts.map +1 -0
  322. package/generated/AccordionPanel.d.ts +14 -0
  323. package/generated/AccordionPanel.d.ts.map +1 -0
  324. package/generated/AppLayout.d.ts +18 -0
  325. package/generated/AppLayout.d.ts.map +1 -0
  326. package/generated/Avatar.d.ts +9 -0
  327. package/generated/Avatar.d.ts.map +1 -0
  328. package/generated/AvatarGroup.d.ts +9 -0
  329. package/generated/AvatarGroup.d.ts.map +1 -0
  330. package/generated/Button.d.ts +9 -0
  331. package/generated/Button.d.ts.map +1 -0
  332. package/generated/Checkbox.d.ts +18 -0
  333. package/generated/Checkbox.d.ts.map +1 -0
  334. package/generated/CheckboxGroup.d.ts +18 -0
  335. package/generated/CheckboxGroup.d.ts.map +1 -0
  336. package/generated/ComboBox.d.ts +30 -0
  337. package/generated/ComboBox.d.ts.map +1 -0
  338. package/generated/ComboBoxLight.d.ts +28 -0
  339. package/generated/ComboBoxLight.d.ts.map +1 -0
  340. package/generated/ConfirmDialog.d.ts +20 -0
  341. package/generated/ConfirmDialog.d.ts.map +1 -0
  342. package/generated/ContextMenu.d.ts +16 -0
  343. package/generated/ContextMenu.d.ts.map +1 -0
  344. package/generated/CustomField.d.ts +20 -0
  345. package/generated/CustomField.d.ts.map +1 -0
  346. package/generated/DatePicker.d.ts +24 -0
  347. package/generated/DatePicker.d.ts.map +1 -0
  348. package/generated/DatePickerLight.d.ts +22 -0
  349. package/generated/DatePickerLight.d.ts.map +1 -0
  350. package/generated/DateTimePicker.d.ts +20 -0
  351. package/generated/DateTimePicker.d.ts.map +1 -0
  352. package/generated/Details.d.ts +14 -0
  353. package/generated/Details.d.ts.map +1 -0
  354. package/generated/DetailsSummary.d.ts +9 -0
  355. package/generated/DetailsSummary.d.ts.map +1 -0
  356. package/generated/Dialog.d.ts +14 -0
  357. package/generated/Dialog.d.ts.map +1 -0
  358. package/generated/DrawerToggle.d.ts +9 -0
  359. package/generated/DrawerToggle.d.ts.map +1 -0
  360. package/generated/EmailField.d.ts +22 -0
  361. package/generated/EmailField.d.ts.map +1 -0
  362. package/generated/FormItem.d.ts +9 -0
  363. package/generated/FormItem.d.ts.map +1 -0
  364. package/generated/FormLayout.d.ts +9 -0
  365. package/generated/FormLayout.d.ts.map +1 -0
  366. package/generated/Grid.d.ts +38 -0
  367. package/generated/Grid.d.ts.map +1 -0
  368. package/generated/GridColumn.d.ts +11 -0
  369. package/generated/GridColumn.d.ts.map +1 -0
  370. package/generated/GridColumnGroup.d.ts +11 -0
  371. package/generated/GridColumnGroup.d.ts.map +1 -0
  372. package/generated/GridFilter.d.ts +14 -0
  373. package/generated/GridFilter.d.ts.map +1 -0
  374. package/generated/GridFilterColumn.d.ts +11 -0
  375. package/generated/GridFilterColumn.d.ts.map +1 -0
  376. package/generated/GridSelectionColumn.d.ts +16 -0
  377. package/generated/GridSelectionColumn.d.ts.map +1 -0
  378. package/generated/GridSortColumn.d.ts +16 -0
  379. package/generated/GridSortColumn.d.ts.map +1 -0
  380. package/generated/GridSorter.d.ts +14 -0
  381. package/generated/GridSorter.d.ts.map +1 -0
  382. package/generated/GridTreeColumn.d.ts +11 -0
  383. package/generated/GridTreeColumn.d.ts.map +1 -0
  384. package/generated/GridTreeToggle.d.ts +14 -0
  385. package/generated/GridTreeToggle.d.ts.map +1 -0
  386. package/generated/HorizontalLayout.d.ts +9 -0
  387. package/generated/HorizontalLayout.d.ts.map +1 -0
  388. package/generated/Icon.d.ts +9 -0
  389. package/generated/Icon.d.ts.map +1 -0
  390. package/generated/Iconset.d.ts +11 -0
  391. package/generated/Iconset.d.ts.map +1 -0
  392. package/generated/IntegerField.d.ts +22 -0
  393. package/generated/IntegerField.d.ts.map +1 -0
  394. package/generated/Item.d.ts +9 -0
  395. package/generated/Item.d.ts.map +1 -0
  396. package/generated/ListBox.d.ts +18 -0
  397. package/generated/ListBox.d.ts.map +1 -0
  398. package/generated/LoginForm.d.ts +20 -0
  399. package/generated/LoginForm.d.ts.map +1 -0
  400. package/generated/LoginOverlay.d.ts +22 -0
  401. package/generated/LoginOverlay.d.ts.map +1 -0
  402. package/generated/MenuBar.d.ts +14 -0
  403. package/generated/MenuBar.d.ts.map +1 -0
  404. package/generated/Message.d.ts +9 -0
  405. package/generated/Message.d.ts.map +1 -0
  406. package/generated/MessageInput.d.ts +14 -0
  407. package/generated/MessageInput.d.ts.map +1 -0
  408. package/generated/MessageList.d.ts +9 -0
  409. package/generated/MessageList.d.ts.map +1 -0
  410. package/generated/MultiSelectComboBox.d.ts +26 -0
  411. package/generated/MultiSelectComboBox.d.ts.map +1 -0
  412. package/generated/Notification.d.ts +14 -0
  413. package/generated/Notification.d.ts.map +1 -0
  414. package/generated/NumberField.d.ts +22 -0
  415. package/generated/NumberField.d.ts.map +1 -0
  416. package/generated/PasswordField.d.ts +22 -0
  417. package/generated/PasswordField.d.ts.map +1 -0
  418. package/generated/ProgressBar.d.ts +9 -0
  419. package/generated/ProgressBar.d.ts.map +1 -0
  420. package/generated/RadioButton.d.ts +14 -0
  421. package/generated/RadioButton.d.ts.map +1 -0
  422. package/generated/RadioGroup.d.ts +18 -0
  423. package/generated/RadioGroup.d.ts.map +1 -0
  424. package/generated/Scroller.d.ts +9 -0
  425. package/generated/Scroller.d.ts.map +1 -0
  426. package/generated/Select.d.ts +22 -0
  427. package/generated/Select.d.ts.map +1 -0
  428. package/generated/SideNav.d.ts +14 -0
  429. package/generated/SideNav.d.ts.map +1 -0
  430. package/generated/SideNavItem.d.ts +14 -0
  431. package/generated/SideNavItem.d.ts.map +1 -0
  432. package/generated/SplitLayout.d.ts +14 -0
  433. package/generated/SplitLayout.d.ts.map +1 -0
  434. package/generated/Tab.d.ts +9 -0
  435. package/generated/Tab.d.ts.map +1 -0
  436. package/generated/TabSheet.d.ts +16 -0
  437. package/generated/TabSheet.d.ts.map +1 -0
  438. package/generated/Tabs.d.ts +16 -0
  439. package/generated/Tabs.d.ts.map +1 -0
  440. package/generated/TextArea.d.ts +22 -0
  441. package/generated/TextArea.d.ts.map +1 -0
  442. package/generated/TextField.d.ts +22 -0
  443. package/generated/TextField.d.ts.map +1 -0
  444. package/generated/TimePicker.d.ts +24 -0
  445. package/generated/TimePicker.d.ts.map +1 -0
  446. package/generated/Tooltip.d.ts +9 -0
  447. package/generated/Tooltip.d.ts.map +1 -0
  448. package/generated/Upload.d.ts +36 -0
  449. package/generated/Upload.d.ts.map +1 -0
  450. package/generated/VerticalLayout.d.ts +9 -0
  451. package/generated/VerticalLayout.d.ts.map +1 -0
  452. package/generated/VirtualList.d.ts +9 -0
  453. package/generated/VirtualList.d.ts.map +1 -0
  454. package/index.d.ts +68 -0
  455. package/index.js +68 -0
  456. package/package.json +525 -0
  457. package/renderers/combobox.d.ts +8 -0
  458. package/renderers/grid.d.ts +18 -0
  459. package/renderers/multiSelectCombobox.d.ts +9 -0
  460. package/renderers/renderer.d.ts +7 -0
  461. package/renderers/useContextRenderer.d.ts +11 -0
  462. package/renderers/useContextRenderer.d.ts.map +1 -0
  463. package/renderers/useContextRenderer.js +2 -0
  464. package/renderers/useContextRenderer.js.map +7 -0
  465. package/renderers/useModelRenderer.d.ts +15 -0
  466. package/renderers/useModelRenderer.d.ts.map +1 -0
  467. package/renderers/useModelRenderer.js +2 -0
  468. package/renderers/useModelRenderer.js.map +7 -0
  469. package/renderers/useRenderer.d.ts +12 -0
  470. package/renderers/useRenderer.d.ts.map +1 -0
  471. package/renderers/useRenderer.js +2 -0
  472. package/renderers/useRenderer.js.map +7 -0
  473. package/renderers/useSimpleOrChildrenRenderer.d.ts +5 -0
  474. package/renderers/useSimpleOrChildrenRenderer.d.ts.map +1 -0
  475. package/renderers/useSimpleOrChildrenRenderer.js +2 -0
  476. package/renderers/useSimpleOrChildrenRenderer.js.map +7 -0
  477. package/renderers/useSimpleRenderer.d.ts +8 -0
  478. package/renderers/useSimpleRenderer.d.ts.map +1 -0
  479. package/renderers/useSimpleRenderer.js +2 -0
  480. package/renderers/useSimpleRenderer.js.map +7 -0
  481. package/utils/createComponent.d.ts +52 -0
  482. package/utils/createComponent.d.ts.map +1 -0
  483. package/utils/createComponent.js +2 -0
  484. package/utils/createComponent.js.map +7 -0
  485. package/utils/createComponentWithOrderedProps.d.ts +3 -0
  486. package/utils/createComponentWithOrderedProps.d.ts.map +1 -0
  487. package/utils/createComponentWithOrderedProps.js +2 -0
  488. package/utils/createComponentWithOrderedProps.js.map +7 -0
  489. package/utils/mapItemsWithComponents.d.ts +27 -0
  490. package/utils/mapItemsWithComponents.d.ts.map +1 -0
  491. package/utils/mapItemsWithComponents.js +2 -0
  492. package/utils/mapItemsWithComponents.js.map +7 -0
  493. package/utils/useMergedRefs.d.ts +3 -0
  494. package/utils/useMergedRefs.d.ts.map +1 -0
  495. package/utils/useMergedRefs.js +2 -0
  496. package/utils/useMergedRefs.js.map +7 -0
package/Tab.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["src/Tab.ts", "src/generated/Tab.ts"],
4
+ "sourcesContent": ["export * from \"@vaadin/tabs/vaadin-tab.js\";\nexport * from './generated/Tab.js';\n", "import type {} from \"@lit/react\";\nimport { Tab as TabElement, } from \"@vaadin/tabs/vaadin-tab.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TabElement, };\nexport type TabEventMap = Readonly<{}>;\nconst events = {} as TabEventMap;\nexport type TabProps = WebComponentProps<TabElement, TabEventMap>;\nexport const Tab = createComponent({\n elementClass: TabElement, events, react: React, tagName: \"vaadin-tab\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,6BCCd,OAAS,OAAOA,MAAmB,6BACnC,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAMC,EAAgB,CAC/B,aAAcC,EAAY,OAAAH,EAAQ,MAAOI,EAAO,QAAS,YAC7D,CAAC",
6
+ "names": ["TabElement", "React", "createComponent", "events", "Tab", "createComponent", "TabElement", "React"]
7
+ }
package/TabSheet.d.ts ADDED
@@ -0,0 +1,61 @@
1
+ import React, { type ReactNode } from 'react';
2
+ import { type TabProps } from './Tab.js';
3
+ import { type TabSheetElement, type TabSheetProps as _TabSheetProps } from './generated/TabSheet.js';
4
+ export * from './generated/TabSheet.js';
5
+ type TabSheetTabProps = Omit<TabProps, 'selected' | 'value'> & {
6
+ /**
7
+ * The label of the tab.
8
+ */
9
+ label?: ReactNode;
10
+ };
11
+ /**
12
+ * `TabSheetTab` is a helper component designed for creating tabs within a `<TabSheet/>`.
13
+ * Use this component as a direct child of the `<TabSheet/>` component.
14
+ * It accepts a `label` property, which can be either a string or a React node.
15
+ * The children of the component will be rendered as the content of the tab.
16
+ *
17
+ * ### Usage
18
+ *
19
+ * ```tsx
20
+ * <TabSheet>
21
+ * <TabSheetTab label="Dashboard">
22
+ * <div>This is the Dashboard tab content</div>
23
+ * </TabSheetTab>
24
+ *
25
+ * <TabSheetTab label={<i>Payment</i>}>
26
+ * <div>This is the Payment tab content</div>
27
+ * </TabSheetTab>
28
+ * </TabSheet>
29
+ * ```
30
+ */
31
+ export declare const TabSheetTab: (_props: TabSheetTabProps) => null;
32
+ export type TabSheetProps = Partial<Omit<_TabSheetProps, 'items'>>;
33
+ declare const ForwardedTabSheet: React.ForwardRefExoticComponent<Partial<Omit<Partial<import("./utils/createComponent.js").ThemedWebComponentProps<TabSheetElement, Readonly<{
34
+ onItemsChanged: import("@lit/react").EventName<import("@vaadin/tabsheet/src/vaadin-tabsheet.js").TabSheetItemsChangedEvent>;
35
+ onSelectedChanged: import("@lit/react").EventName<import("@vaadin/tabsheet/src/vaadin-tabsheet.js").TabSheetSelectedChangedEvent>;
36
+ }>>>, "items">> & React.RefAttributes<TabSheetElement>>;
37
+ export { ForwardedTabSheet as TabSheet };
38
+ /**
39
+ * A helper function that allows declaring the tab identifier on the children
40
+ * of the `<TabSheet/>` component
41
+ *
42
+ * ### Usage
43
+ *
44
+ * ```tsx
45
+ * <TabSheet>
46
+ * <Tabs slot="tabs">
47
+ * <Tab id="about">About</Tab>
48
+ * <Tab id="contuct">Contact us</Tab>
49
+ * </Tabs>
50
+ * <div {...tab('about')}>This tab is all about,..</div>
51
+ * <div {...tab('contact')}>Our website: ...</div>
52
+ * </TabSheet>
53
+ * ```
54
+ *
55
+ * @param tab The identifier of the correspoding tab.
56
+ *
57
+ * @returns object with HTML attribute values recognized on tab sheet children.
58
+ * @deprecated Use `<TabSheetTab/>` instead.
59
+ */
60
+ export declare function tab(tab: string): Record<string, string>;
61
+ //# sourceMappingURL=TabSheet.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TabSheet.d.ts","sourceRoot":"","sources":["src/TabSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,aAAa,IAAI,cAAc,EACrC,MAAM,yBAAyB,CAAC;AAGjC,cAAc,yBAAyB,CAAC;AAExC,KAAK,gBAAgB,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IAC7D;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAIF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,WAAW,WAAY,gBAAgB,SAAS,CAAC;AAiB9D,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;AAyCnE,QAAA,MAAM,iBAAiB;;;uDAAuB,CAAC;AAE/C,OAAO,EAAE,iBAAiB,IAAI,QAAQ,EAAE,CAAC;AAEzC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAGvD"}
package/TabSheet.js ADDED
@@ -0,0 +1,2 @@
1
+ var c=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var S=(e,t)=>{for(var o in t)c(e,o,{get:t[o],enumerable:!0})},l=(e,t,o,b)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of M(t))!R.call(e,r)&&r!==o&&c(e,r,{get:()=>t[r],enumerable:!(b=P(t,r))||b.enumerable});return e},n=(e,t,o)=>(l(e,t,"default"),o&&l(o,t,"default"));export*from"@vaadin/tabsheet/vaadin-tabsheet.js";import m,{forwardRef as U}from"react";var p={};S(p,{Tab:()=>i,TabElement:()=>f});n(p,Q);import*as Q from"@vaadin/tabs/vaadin-tab.js";import{Tab as f}from"@vaadin/tabs/vaadin-tab.js";import*as u from"react";import{createComponent as N}from"./utils/createComponent.js";var _={},i=N({elementClass:f,events:_,react:u,tagName:"vaadin-tab"});import{TabSheet as I}from"@vaadin/tabsheet/vaadin-tabsheet.js";import*as W from"react";import{createComponent as w}from"./utils/createComponent.js";var k={onItemsChanged:"items-changed",onSelectedChanged:"selected-changed"},E=w({elementClass:I,events:k,react:W,tagName:"vaadin-tabsheet"});var s={};S(s,{Tabs:()=>h,TabsElement:()=>v});n(s,ae);import*as ae from"@vaadin/tabs/vaadin-tabs.js";import{Tabs as v}from"@vaadin/tabs/vaadin-tabs.js";import*as F from"react";import{createComponent as A}from"./utils/createComponent.js";var O={onSelectedChanged:"selected-changed",onItemsChanged:"items-changed"},h=A({elementClass:v,events:O,react:F,tagName:"vaadin-tabs"});import{jsx as y,jsxs as B}from"react/jsx-runtime";import{createElement as z}from"react";var g=e=>null,V=0,d=new WeakMap;function T(e){return e.props.id?e.props.id:(d.has(e)||d.set(e,"tabsheet-tab-"+V++),d.get(e))}function q(e,t){let{children:o,...b}=e,r=m.Children.toArray(o).filter(a=>m.isValidElement(a)&&a.type===g),C=m.Children.toArray(o).filter(a=>m.isValidElement(a)&&a.type!==g);return B(E,{...b,ref:t,children:[r.length>0?y(h,{slot:"tabs",children:r.map(a=>{let{children:D,label:G,...x}=a.props;return z(i,{...x,id:T(a),key:T(a)},a.props.label)})}):null,r.map(a=>y("div",{tab:T(a),children:a.props.children},T(a))),C]})}var be=U(q);function me(e){return console.warn("Using the `tab` helper function is deprecated. Use <TabSheetTab/> instead."),{tab:e}}export{be as TabSheet,I as TabSheetElement,g as TabSheetTab,me as tab};
2
+ //# sourceMappingURL=TabSheet.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["src/TabSheet.tsx", "src/Tab.ts", "src/generated/Tab.ts", "src/generated/TabSheet.ts", "src/Tabs.ts", "src/generated/Tabs.ts"],
4
+ "sourcesContent": ["export * from \"@vaadin/tabsheet/vaadin-tabsheet.js\";\nimport React, { forwardRef, type ForwardedRef, type ReactNode } from 'react';\nimport { Tab, type TabProps } from './Tab.js';\nimport {\n TabSheet as _TabSheet,\n type TabSheetElement,\n type TabSheetProps as _TabSheetProps,\n} from './generated/TabSheet.js';\nimport { Tabs } from './Tabs.js';\n\nexport * from './generated/TabSheet.js';\n\ntype TabSheetTabProps = Omit<TabProps, 'selected' | 'value'> & {\n /**\n * The label of the tab.\n */\n label?: ReactNode;\n};\n\ntype TabSheetTab = React.ReactElement<TabSheetTabProps>;\n\n/**\n * `TabSheetTab` is a helper component designed for creating tabs within a `<TabSheet/>`.\n * Use this component as a direct child of the `<TabSheet/>` component.\n * It accepts a `label` property, which can be either a string or a React node.\n * The children of the component will be rendered as the content of the tab.\n *\n * ### Usage\n *\n * ```tsx\n * <TabSheet>\n * <TabSheetTab label=\"Dashboard\">\n * <div>This is the Dashboard tab content</div>\n * </TabSheetTab>\n *\n * <TabSheetTab label={<i>Payment</i>}>\n * <div>This is the Payment tab content</div>\n * </TabSheetTab>\n * </TabSheet>\n * ```\n */\nexport const TabSheetTab = (_props: TabSheetTabProps) => null;\n\nlet uniqueId = 0;\nconst generatedTabIds = new WeakMap<TabSheetTab, string>();\nfunction getTabId(tab: TabSheetTab) {\n if (tab.props.id) {\n // Support custom id for a tabsheet tab\n return tab.props.id;\n }\n\n if (!generatedTabIds.has(tab)) {\n // Generate a temporary id for the tab while it's being rendered\n generatedTabIds.set(tab, 'tabsheet-tab-' + uniqueId++);\n }\n return generatedTabIds.get(tab);\n}\n\nexport type TabSheetProps = Partial<Omit<_TabSheetProps, 'items'>>;\n\nfunction TabSheet(props: TabSheetProps, ref: ForwardedRef<TabSheetElement>) {\n const { children, ...tabSheetRest } = props;\n\n // The direct TabSheetTab children of the TabSheet\n const tabs = React.Children.toArray(children).filter((child): child is TabSheetTab => {\n return React.isValidElement(child) && child.type === TabSheetTab;\n });\n\n // All the other children of the TabSheet\n const remainingChildren = React.Children.toArray(children).filter((child) => {\n return React.isValidElement(child) && child.type !== TabSheetTab;\n });\n\n return (\n <_TabSheet {...tabSheetRest} ref={ref}>\n {tabs.length > 0 ? (\n <Tabs slot=\"tabs\">\n {tabs.map((child) => {\n const { children, label, ...tabRest } = child.props;\n return (\n <Tab {...tabRest} id={getTabId(child)} key={getTabId(child)}>\n {child.props.label}\n </Tab>\n );\n })}\n </Tabs>\n ) : null}\n\n {tabs.map((child) => (\n <div {...{ tab: getTabId(child) }} key={getTabId(child)}>\n {child.props.children}\n </div>\n ))}\n\n {remainingChildren}\n </_TabSheet>\n );\n}\n\nconst ForwardedTabSheet = forwardRef(TabSheet);\n\nexport { ForwardedTabSheet as TabSheet };\n\n/**\n * A helper function that allows declaring the tab identifier on the children\n * of the `<TabSheet/>` component\n *\n * ### Usage\n *\n * ```tsx\n * <TabSheet>\n * <Tabs slot=\"tabs\">\n * <Tab id=\"about\">About</Tab>\n * <Tab id=\"contuct\">Contact us</Tab>\n * </Tabs>\n * <div {...tab('about')}>This tab is all about,..</div>\n * <div {...tab('contact')}>Our website: ...</div>\n * </TabSheet>\n * ```\n *\n * @param tab The identifier of the correspoding tab.\n *\n * @returns object with HTML attribute values recognized on tab sheet children.\n * @deprecated Use `<TabSheetTab/>` instead.\n */\nexport function tab(tab: string): Record<string, string> {\n console.warn('Using the `tab` helper function is deprecated. Use <TabSheetTab/> instead.');\n return { tab } as Record<string, string>;\n}\n", "export * from \"@vaadin/tabs/vaadin-tab.js\";\nexport * from './generated/Tab.js';\n", "import type {} from \"@lit/react\";\nimport { Tab as TabElement, } from \"@vaadin/tabs/vaadin-tab.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TabElement, };\nexport type TabEventMap = Readonly<{}>;\nconst events = {} as TabEventMap;\nexport type TabProps = WebComponentProps<TabElement, TabEventMap>;\nexport const Tab = createComponent({\n elementClass: TabElement, events, react: React, tagName: \"vaadin-tab\"\n});\n", "import type { EventName } from \"@lit/react\";\nimport { TabSheet as TabSheetElement, type TabSheetEventMap as _TabSheetEventMap, } from \"@vaadin/tabsheet/vaadin-tabsheet.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TabSheetElement, };\nexport type TabSheetEventMap = Readonly<{\n onItemsChanged: EventName<_TabSheetEventMap[\"items-changed\"]>;\n onSelectedChanged: EventName<_TabSheetEventMap[\"selected-changed\"]>;\n}>;\nconst events = { onItemsChanged: \"items-changed\", onSelectedChanged: \"selected-changed\" } as TabSheetEventMap;\nexport type TabSheetProps = WebComponentProps<TabSheetElement, TabSheetEventMap>;\nexport const TabSheet = createComponent({\n elementClass: TabSheetElement, events, react: React, tagName: \"vaadin-tabsheet\"\n});\n", "export * from \"@vaadin/tabs/vaadin-tabs.js\";\nexport * from './generated/Tabs.js';\n", "import type { EventName } from \"@lit/react\";\nimport { Tabs as TabsElement, type TabsEventMap as _TabsEventMap, } from \"@vaadin/tabs/vaadin-tabs.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TabsElement, };\nexport type TabsEventMap = Readonly<{\n onSelectedChanged: EventName<_TabsEventMap[\"selected-changed\"]>;\n onItemsChanged: EventName<_TabsEventMap[\"items-changed\"]>;\n}>;\nconst events = { onSelectedChanged: \"selected-changed\", onItemsChanged: \"items-changed\" } as TabsEventMap;\nexport type TabsProps = WebComponentProps<TabsElement, TabsEventMap>;\nexport const Tabs = createComponent({\n elementClass: TabsElement, events, react: React, tagName: \"vaadin-tabs\"\n});\n"],
5
+ "mappings": "kaAAA,WAAc,sCACd,OAAOA,GAAS,cAAAC,MAAqD,QCDrE,IAAAC,EAAA,GAAAC,EAAAD,EAAA,SAAAE,EAAA,eAAAC,IAAAC,EAAAJ,EAAAK,GAAA,UAAAA,MAAc,6BCCd,OAAS,OAAOC,MAAmB,6BACnC,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAMC,EAAgB,CAC/B,aAAcC,EAAY,OAAAH,EAAQ,MAAOI,EAAO,QAAS,YAC7D,CAAC,ECTD,OAAS,YAAYC,MAAoE,sCACzF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAMxD,IAAMC,EAAS,CAAE,eAAgB,gBAAiB,kBAAmB,kBAAmB,EAE3EC,EAAWC,EAAgB,CACpC,aAAcC,EAAiB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,iBAClE,CAAC,ECbD,IAAAC,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,gBAAAC,IAAAC,EAAAJ,EAAAK,IAAA,UAAAA,OAAc,8BCCd,OAAS,QAAQC,MAAwD,8BACzE,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAMxD,IAAMC,EAAS,CAAE,kBAAmB,mBAAoB,eAAgB,eAAgB,EAE3EC,EAAOC,EAAgB,CAChC,aAAcC,EAAa,OAAAH,EAAQ,MAAOI,EAAO,QAAS,aAC9D,CAAC,EL6DG,OAEI,OAAAC,EAFJ,QAAAC,MAAA,oBAMU,wBAAAC,MAAA,QAvCP,IAAMC,EAAeC,GAA6B,KAErDC,EAAW,EACTC,EAAkB,IAAI,QAC5B,SAASC,EAASC,EAAkB,CAClC,OAAIA,EAAI,MAAM,GAELA,EAAI,MAAM,IAGdF,EAAgB,IAAIE,CAAG,GAE1BF,EAAgB,IAAIE,EAAK,gBAAkBH,GAAU,EAEhDC,EAAgB,IAAIE,CAAG,EAChC,CAIA,SAASC,EAASC,EAAsBC,EAAoC,CAC1E,GAAM,CAAE,SAAAC,EAAU,GAAGC,CAAa,EAAIH,EAGhCI,EAAOC,EAAM,SAAS,QAAQH,CAAQ,EAAE,OAAQI,GAC7CD,EAAM,eAAeC,CAAK,GAAKA,EAAM,OAASb,CACtD,EAGKc,EAAoBF,EAAM,SAAS,QAAQH,CAAQ,EAAE,OAAQI,GAC1DD,EAAM,eAAeC,CAAK,GAAKA,EAAM,OAASb,CACtD,EAED,OACEF,EAACQ,EAAA,CAAW,GAAGI,EAAc,IAAKF,EAC/B,UAAAG,EAAK,OAAS,EACbd,EAACkB,EAAA,CAAK,KAAK,OACR,SAAAJ,EAAK,IAAKE,GAAU,CACnB,GAAM,CAAE,SAAAJ,EAAU,MAAAO,EAAO,GAAGC,CAAQ,EAAIJ,EAAM,MAC9C,OACEd,EAACmB,EAAA,CAAK,GAAGD,EAAS,GAAIb,EAASS,CAAK,EAAG,IAAKT,EAASS,CAAK,GACvDA,EAAM,MAAM,KACf,CAEJ,CAAC,EACH,EACE,KAEHF,EAAK,IAAKE,GACThB,EAAC,OAAU,IAAKO,EAASS,CAAK,EAC3B,SAAAA,EAAM,MAAM,UADyBT,EAASS,CAAK,CAEtD,CACD,EAEAC,GACH,CAEJ,CAEA,IAAMK,GAAoBC,EAAWd,CAAQ,EA0BtC,SAASe,GAAIA,EAAqC,CACvD,eAAQ,KAAK,4EAA4E,EAClF,CAAE,IAAAA,CAAI,CACf",
6
+ "names": ["React", "forwardRef", "Tab_exports", "__export", "Tab", "TabElement", "__reExport", "vaadin_tab_star", "TabElement", "React", "createComponent", "events", "Tab", "createComponent", "TabElement", "React", "TabSheetElement", "React", "createComponent", "events", "TabSheet", "createComponent", "TabSheetElement", "React", "Tabs_exports", "__export", "Tabs", "TabsElement", "__reExport", "vaadin_tabs_star", "TabsElement", "React", "createComponent", "events", "Tabs", "createComponent", "TabsElement", "React", "jsx", "jsxs", "createElement", "TabSheetTab", "_props", "uniqueId", "generatedTabIds", "getTabId", "tab", "TabSheet", "props", "ref", "children", "tabSheetRest", "tabs", "React", "child", "remainingChildren", "Tabs", "label", "tabRest", "Tab", "ForwardedTabSheet", "forwardRef", "tab"]
7
+ }
package/Tabs.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './generated/Tabs.js';
2
+ //# sourceMappingURL=Tabs.d.ts.map
package/Tabs.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["src/Tabs.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}
package/Tabs.js ADDED
@@ -0,0 +1,2 @@
1
+ export*from"@vaadin/tabs/vaadin-tabs.js";import{Tabs as e}from"@vaadin/tabs/vaadin-tabs.js";import*as t from"react";import{createComponent as a}from"./utils/createComponent.js";var n={onSelectedChanged:"selected-changed",onItemsChanged:"items-changed"},p=a({elementClass:e,events:n,react:t,tagName:"vaadin-tabs"});export{p as Tabs,e as TabsElement};
2
+ //# sourceMappingURL=Tabs.js.map
package/Tabs.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["src/Tabs.ts", "src/generated/Tabs.ts"],
4
+ "sourcesContent": ["export * from \"@vaadin/tabs/vaadin-tabs.js\";\nexport * from './generated/Tabs.js';\n", "import type { EventName } from \"@lit/react\";\nimport { Tabs as TabsElement, type TabsEventMap as _TabsEventMap, } from \"@vaadin/tabs/vaadin-tabs.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TabsElement, };\nexport type TabsEventMap = Readonly<{\n onSelectedChanged: EventName<_TabsEventMap[\"selected-changed\"]>;\n onItemsChanged: EventName<_TabsEventMap[\"items-changed\"]>;\n}>;\nconst events = { onSelectedChanged: \"selected-changed\", onItemsChanged: \"items-changed\" } as TabsEventMap;\nexport type TabsProps = WebComponentProps<TabsElement, TabsEventMap>;\nexport const Tabs = createComponent({\n elementClass: TabsElement, events, react: React, tagName: \"vaadin-tabs\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,8BCCd,OAAS,QAAQA,MAAwD,8BACzE,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAMxD,IAAMC,EAAS,CAAE,kBAAmB,mBAAoB,eAAgB,eAAgB,EAE3EC,EAAOC,EAAgB,CAChC,aAAcC,EAAa,OAAAH,EAAQ,MAAOI,EAAO,QAAS,aAC9D,CAAC",
6
+ "names": ["TabsElement", "React", "createComponent", "events", "Tabs", "createComponent", "TabsElement", "React"]
7
+ }
package/TextArea.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './generated/TextArea.js';
2
+ //# sourceMappingURL=TextArea.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["src/TextArea.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
package/TextArea.js ADDED
@@ -0,0 +1,2 @@
1
+ export*from"@vaadin/text-area/vaadin-text-area.js";import{TextArea as e}from"@vaadin/text-area/vaadin-text-area.js";import*as a from"react";import{createComponent as t}from"./utils/createComponent.js";var n={onValidated:"validated",onChange:"change",onInput:"input",onInvalidChanged:"invalid-changed",onValueChanged:"value-changed"},p=t({elementClass:e,events:n,react:a,tagName:"vaadin-text-area"});export{p as TextArea,e as TextAreaElement};
2
+ //# sourceMappingURL=TextArea.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["src/TextArea.ts", "src/generated/TextArea.ts"],
4
+ "sourcesContent": ["export * from \"@vaadin/text-area/vaadin-text-area.js\";\nexport * from './generated/TextArea.js';\n", "import type { EventName } from \"@lit/react\";\nimport { TextArea as TextAreaElement, type TextAreaEventMap as _TextAreaEventMap, } from \"@vaadin/text-area/vaadin-text-area.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TextAreaElement, };\nexport type TextAreaEventMap = Readonly<{\n onValidated: EventName<_TextAreaEventMap[\"validated\"]>;\n onChange: EventName<_TextAreaEventMap[\"change\"]>;\n onInput: EventName<_TextAreaEventMap[\"input\"]>;\n onInvalidChanged: EventName<_TextAreaEventMap[\"invalid-changed\"]>;\n onValueChanged: EventName<_TextAreaEventMap[\"value-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onInput: \"input\", onInvalidChanged: \"invalid-changed\", onValueChanged: \"value-changed\" } as TextAreaEventMap;\nexport type TextAreaProps = WebComponentProps<TextAreaElement, TextAreaEventMap>;\nexport const TextArea = createComponent({\n elementClass: TextAreaElement, events, react: React, tagName: \"vaadin-text-area\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,wCCCd,OAAS,YAAYA,MAAoE,wCACzF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BASxD,IAAMC,EAAS,CAAE,YAAa,YAAa,SAAU,SAAU,QAAS,QAAS,iBAAkB,kBAAmB,eAAgB,eAAgB,EAEzIC,EAAWC,EAAgB,CACpC,aAAcC,EAAiB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,kBAClE,CAAC",
6
+ "names": ["TextAreaElement", "React", "createComponent", "events", "TextArea", "createComponent", "TextAreaElement", "React"]
7
+ }
package/TextField.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './generated/TextField.js';
2
+ //# sourceMappingURL=TextField.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["src/TextField.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}
package/TextField.js ADDED
@@ -0,0 +1,2 @@
1
+ export*from"@vaadin/text-field/vaadin-text-field.js";import{TextField as e}from"@vaadin/text-field/vaadin-text-field.js";import*as t from"react";import{createComponent as n}from"./utils/createComponent.js";var a={onValidated:"validated",onChange:"change",onInput:"input",onInvalidChanged:"invalid-changed",onValueChanged:"value-changed"},p=n({elementClass:e,events:a,react:t,tagName:"vaadin-text-field"});export{p as TextField,e as TextFieldElement};
2
+ //# sourceMappingURL=TextField.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["src/TextField.ts", "src/generated/TextField.ts"],
4
+ "sourcesContent": ["export * from \"@vaadin/text-field/vaadin-text-field.js\";\nexport * from './generated/TextField.js';\n", "import type { EventName } from \"@lit/react\";\nimport { TextField as TextFieldElement, type TextFieldEventMap as _TextFieldEventMap, } from \"@vaadin/text-field/vaadin-text-field.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TextFieldElement, };\nexport type TextFieldEventMap = Readonly<{\n onValidated: EventName<_TextFieldEventMap[\"validated\"]>;\n onChange: EventName<_TextFieldEventMap[\"change\"]>;\n onInput: EventName<_TextFieldEventMap[\"input\"]>;\n onInvalidChanged: EventName<_TextFieldEventMap[\"invalid-changed\"]>;\n onValueChanged: EventName<_TextFieldEventMap[\"value-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onInput: \"input\", onInvalidChanged: \"invalid-changed\", onValueChanged: \"value-changed\" } as TextFieldEventMap;\nexport type TextFieldProps = WebComponentProps<TextFieldElement, TextFieldEventMap>;\nexport const TextField = createComponent({\n elementClass: TextFieldElement, events, react: React, tagName: \"vaadin-text-field\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,0CCCd,OAAS,aAAaA,MAAuE,0CAC7F,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BASxD,IAAMC,EAAS,CAAE,YAAa,YAAa,SAAU,SAAU,QAAS,QAAS,iBAAkB,kBAAmB,eAAgB,eAAgB,EAEzIC,EAAYC,EAAgB,CACrC,aAAcC,EAAkB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,mBACnE,CAAC",
6
+ "names": ["TextFieldElement", "React", "createComponent", "events", "TextField", "createComponent", "TextFieldElement", "React"]
7
+ }
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import { type TimePickerElement } from './generated/TimePicker.js';
3
+ export * from './generated/TimePicker.js';
4
+ export declare const TimePicker: import("react").ForwardRefExoticComponent<Partial<import("./utils/createComponent.js").ThemedWebComponentProps<TimePickerElement, Readonly<{
5
+ onValidated: import("@lit/react").EventName<import("@vaadin/time-picker/src/vaadin-time-picker.js").TimePickerValidatedEvent>;
6
+ onChange: import("@lit/react").EventName<import("@vaadin/time-picker/src/vaadin-time-picker.js").TimePickerChangeEvent>;
7
+ onInput: import("@lit/react").EventName<Event>;
8
+ onValueChanged: import("@lit/react").EventName<import("@vaadin/time-picker/src/vaadin-time-picker.js").TimePickerValueChangedEvent>;
9
+ onOpenedChanged: import("@lit/react").EventName<import("@vaadin/time-picker/src/vaadin-time-picker.js").TimePickerOpenedChangedEvent>;
10
+ onInvalidChanged: import("@lit/react").EventName<import("@vaadin/time-picker/src/vaadin-time-picker.js").TimePickerInvalidChangedEvent>;
11
+ }>>> & import("react").RefAttributes<TimePickerElement>>;
12
+ //# sourceMappingURL=TimePicker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["src/TimePicker.tsx"],"names":[],"mappings":";AACA,OAAO,EAA6B,KAAK,iBAAiB,EAAwB,MAAM,2BAA2B,CAAC;AAGpH,cAAc,2BAA2B,CAAC;AAE1C,eAAO,MAAM,UAAU;;;;;;;wDAEtB,CAAC"}
package/TimePicker.js ADDED
@@ -0,0 +1,2 @@
1
+ export*from"@vaadin/time-picker/vaadin-time-picker.js";import{forwardRef as r}from"react";import{TimePicker as n}from"@vaadin/time-picker/vaadin-time-picker.js";import*as i from"react";import{createComponent as t}from"./utils/createComponent.js";var a={onValidated:"validated",onChange:"change",onInput:"input",onValueChanged:"value-changed",onOpenedChanged:"opened-changed",onInvalidChanged:"invalid-changed"},e=t({elementClass:n,events:a,react:i,tagName:"vaadin-time-picker"});import m from"./utils/createComponentWithOrderedProps.js";var k=r(m(e,"value"));export{k as TimePicker,n as TimePickerElement};
2
+ //# sourceMappingURL=TimePicker.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["src/TimePicker.tsx", "src/generated/TimePicker.ts"],
4
+ "sourcesContent": ["export * from \"@vaadin/time-picker/vaadin-time-picker.js\";\nimport { forwardRef } from 'react';\nimport { TimePicker as _TimePicker, type TimePickerElement, type TimePickerProps } from './generated/TimePicker.js';\nimport createComponentWithOrderedProps from './utils/createComponentWithOrderedProps.js';\n\nexport * from './generated/TimePicker.js';\n\nexport const TimePicker = forwardRef(\n createComponentWithOrderedProps<TimePickerProps, TimePickerElement>(_TimePicker, 'value'),\n);\n", "import type { EventName } from \"@lit/react\";\nimport { TimePicker as TimePickerElement, type TimePickerEventMap as _TimePickerEventMap, } from \"@vaadin/time-picker/vaadin-time-picker.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TimePickerElement, };\nexport type TimePickerEventMap = Readonly<{\n onValidated: EventName<_TimePickerEventMap[\"validated\"]>;\n onChange: EventName<_TimePickerEventMap[\"change\"]>;\n onInput: EventName<_TimePickerEventMap[\"input\"]>;\n onValueChanged: EventName<_TimePickerEventMap[\"value-changed\"]>;\n onOpenedChanged: EventName<_TimePickerEventMap[\"opened-changed\"]>;\n onInvalidChanged: EventName<_TimePickerEventMap[\"invalid-changed\"]>;\n}>;\nconst events = { onValidated: \"validated\", onChange: \"change\", onInput: \"input\", onValueChanged: \"value-changed\", onOpenedChanged: \"opened-changed\", onInvalidChanged: \"invalid-changed\" } as TimePickerEventMap;\nexport type TimePickerProps = WebComponentProps<TimePickerElement, TimePickerEventMap>;\nexport const TimePicker = createComponent({\n elementClass: TimePickerElement, events, react: React, tagName: \"vaadin-time-picker\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,4CACd,OAAS,cAAAA,MAAkB,QCA3B,OAAS,cAAcC,MAA0E,4CACjG,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAUxD,IAAMC,EAAS,CAAE,YAAa,YAAa,SAAU,SAAU,QAAS,QAAS,eAAgB,gBAAiB,gBAAiB,iBAAkB,iBAAkB,iBAAkB,EAE5KC,EAAaC,EAAgB,CACtC,aAAcC,EAAmB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,oBACpE,CAAC,EDdD,OAAOC,MAAqC,6CAIrC,IAAMC,EAAaC,EACxBF,EAAoEC,EAAa,OAAO,CAC1F",
6
+ "names": ["forwardRef", "TimePickerElement", "React", "createComponent", "events", "TimePicker", "createComponent", "TimePickerElement", "React", "createComponentWithOrderedProps", "TimePicker", "forwardRef"]
7
+ }
package/Tooltip.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './generated/Tooltip.js';
2
+ //# sourceMappingURL=Tooltip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["src/Tooltip.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
package/Tooltip.js ADDED
@@ -0,0 +1,2 @@
1
+ export*from"@vaadin/tooltip/vaadin-tooltip.js";import{Tooltip as o}from"@vaadin/tooltip/vaadin-tooltip.js";import*as t from"react";import{createComponent as e}from"./utils/createComponent.js";var p={},n=e({elementClass:o,events:p,react:t,tagName:"vaadin-tooltip"});export{n as Tooltip,o as TooltipElement};
2
+ //# sourceMappingURL=Tooltip.js.map
package/Tooltip.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["src/Tooltip.ts", "src/generated/Tooltip.ts"],
4
+ "sourcesContent": ["export * from \"@vaadin/tooltip/vaadin-tooltip.js\";\nexport * from './generated/Tooltip.js';\n", "import type {} from \"@lit/react\";\nimport { Tooltip as TooltipElement, } from \"@vaadin/tooltip/vaadin-tooltip.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { TooltipElement, };\nexport type TooltipEventMap = Readonly<{}>;\nconst events = {} as TooltipEventMap;\nexport type TooltipProps = WebComponentProps<TooltipElement, TooltipEventMap>;\nexport const Tooltip = createComponent({\n elementClass: TooltipElement, events, react: React, tagName: \"vaadin-tooltip\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,oCCCd,OAAS,WAAWA,MAAuB,oCAC3C,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAUC,EAAgB,CACnC,aAAcC,EAAgB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,gBACjE,CAAC",
6
+ "names": ["TooltipElement", "React", "createComponent", "events", "Tooltip", "createComponent", "TooltipElement", "React"]
7
+ }
package/Upload.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './generated/Upload.js';
2
+ //# sourceMappingURL=Upload.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Upload.d.ts","sourceRoot":"","sources":["src/Upload.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}
package/Upload.js ADDED
@@ -0,0 +1,2 @@
1
+ export*from"@vaadin/upload/vaadin-upload.js";import{Upload as e}from"@vaadin/upload/vaadin-upload.js";import*as o from"react";import{createComponent as a}from"./utils/createComponent.js";var p={onFileReject:"file-reject",onUploadAbort:"upload-abort",onUploadBefore:"upload-before",onUploadError:"upload-error",onUploadProgress:"upload-progress",onUploadRequest:"upload-request",onUploadResponse:"upload-response",onUploadRetry:"upload-retry",onUploadStart:"upload-start",onUploadSuccess:"upload-success",onFilesChanged:"files-changed",onMaxFilesReachedChanged:"max-files-reached-changed"},l=a({elementClass:e,events:p,react:o,tagName:"vaadin-upload"});export{l as Upload,e as UploadElement};
2
+ //# sourceMappingURL=Upload.js.map
package/Upload.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["src/Upload.ts", "src/generated/Upload.ts"],
4
+ "sourcesContent": ["export * from \"@vaadin/upload/vaadin-upload.js\";\nexport * from './generated/Upload.js';\n", "import type { EventName } from \"@lit/react\";\nimport { Upload as UploadElement, type UploadEventMap as _UploadEventMap, } from \"@vaadin/upload/vaadin-upload.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { UploadElement, };\nexport type UploadEventMap = Readonly<{\n onFileReject: EventName<_UploadEventMap[\"file-reject\"]>;\n onUploadAbort: EventName<_UploadEventMap[\"upload-abort\"]>;\n onUploadBefore: EventName<_UploadEventMap[\"upload-before\"]>;\n onUploadError: EventName<_UploadEventMap[\"upload-error\"]>;\n onUploadProgress: EventName<_UploadEventMap[\"upload-progress\"]>;\n onUploadRequest: EventName<_UploadEventMap[\"upload-request\"]>;\n onUploadResponse: EventName<_UploadEventMap[\"upload-response\"]>;\n onUploadRetry: EventName<_UploadEventMap[\"upload-retry\"]>;\n onUploadStart: EventName<_UploadEventMap[\"upload-start\"]>;\n onUploadSuccess: EventName<_UploadEventMap[\"upload-success\"]>;\n onFilesChanged: EventName<_UploadEventMap[\"files-changed\"]>;\n onMaxFilesReachedChanged: EventName<_UploadEventMap[\"max-files-reached-changed\"]>;\n}>;\nconst events = { onFileReject: \"file-reject\", onUploadAbort: \"upload-abort\", onUploadBefore: \"upload-before\", onUploadError: \"upload-error\", onUploadProgress: \"upload-progress\", onUploadRequest: \"upload-request\", onUploadResponse: \"upload-response\", onUploadRetry: \"upload-retry\", onUploadStart: \"upload-start\", onUploadSuccess: \"upload-success\", onFilesChanged: \"files-changed\", onMaxFilesReachedChanged: \"max-files-reached-changed\" } as UploadEventMap;\nexport type UploadProps = WebComponentProps<UploadElement, UploadEventMap>;\nexport const Upload = createComponent({\n elementClass: UploadElement, events, react: React, tagName: \"vaadin-upload\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,kCCCd,OAAS,UAAUA,MAA8D,kCACjF,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAgBxD,IAAMC,EAAS,CAAE,aAAc,cAAe,cAAe,eAAgB,eAAgB,gBAAiB,cAAe,eAAgB,iBAAkB,kBAAmB,gBAAiB,iBAAkB,iBAAkB,kBAAmB,cAAe,eAAgB,cAAe,eAAgB,gBAAiB,iBAAkB,eAAgB,gBAAiB,yBAA0B,2BAA4B,EAEraC,EAASC,EAAgB,CAClC,aAAcC,EAAe,OAAAH,EAAQ,MAAOI,EAAO,QAAS,eAChE,CAAC",
6
+ "names": ["UploadElement", "React", "createComponent", "events", "Upload", "createComponent", "UploadElement", "React"]
7
+ }
@@ -0,0 +1,2 @@
1
+ export * from './generated/VerticalLayout.js';
2
+ //# sourceMappingURL=VerticalLayout.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VerticalLayout.d.ts","sourceRoot":"","sources":["src/VerticalLayout.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export*from"@vaadin/vertical-layout/vaadin-vertical-layout.js";import{VerticalLayout as t}from"@vaadin/vertical-layout/vaadin-vertical-layout.js";import*as e from"react";import{createComponent as o}from"./utils/createComponent.js";var a={},m=o({elementClass:t,events:a,react:e,tagName:"vaadin-vertical-layout"});export{m as VerticalLayout,t as VerticalLayoutElement};
2
+ //# sourceMappingURL=VerticalLayout.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["src/VerticalLayout.ts", "src/generated/VerticalLayout.ts"],
4
+ "sourcesContent": ["export * from \"@vaadin/vertical-layout/vaadin-vertical-layout.js\";\nexport * from './generated/VerticalLayout.js';\n", "import type {} from \"@lit/react\";\nimport { VerticalLayout as VerticalLayoutElement, } from \"@vaadin/vertical-layout/vaadin-vertical-layout.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { VerticalLayoutElement, };\nexport type VerticalLayoutEventMap = Readonly<{}>;\nconst events = {} as VerticalLayoutEventMap;\nexport type VerticalLayoutProps = WebComponentProps<VerticalLayoutElement, VerticalLayoutEventMap>;\nexport const VerticalLayout = createComponent({\n elementClass: VerticalLayoutElement, events, react: React, tagName: \"vaadin-vertical-layout\"\n});\n"],
5
+ "mappings": "AAAA,WAAc,oDCCd,OAAS,kBAAkBA,MAA8B,oDACzD,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAiBC,EAAgB,CAC1C,aAAcC,EAAuB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,wBACxE,CAAC",
6
+ "names": ["VerticalLayoutElement", "React", "createComponent", "events", "VerticalLayout", "createComponent", "VerticalLayoutElement", "React"]
7
+ }
@@ -0,0 +1,23 @@
1
+ import { type ComponentType, type ReactElement, type RefAttributes } from 'react';
2
+ import { type VirtualListElement, type VirtualListItemModel, type VirtualListProps as _VirtualListProps } from './generated/VirtualList.js';
3
+ import { type ReactModelRendererProps } from './renderers/useModelRenderer.js';
4
+ export * from './generated/VirtualList.js';
5
+ export type VirtualListReactRendererProps<TItem> = ReactModelRendererProps<TItem, VirtualListItemModel<TItem>, VirtualListElement<TItem>>;
6
+ export type VirtualListProps<TItem> = Partial<Omit<_VirtualListProps<TItem>, 'children' | 'renderer'>> & Readonly<{
7
+ children?: ComponentType<VirtualListReactRendererProps<TItem>> | null;
8
+ renderer?: ComponentType<VirtualListReactRendererProps<TItem>> | null;
9
+ }>;
10
+ declare const ForwardedVirtualList: <TItem = any>(props: Partial<Omit<Partial<import("./utils/createComponent.js").ThemedWebComponentProps<VirtualListElement<TItem>, Readonly<{}>>>, "children" | "renderer">> & Readonly<{
11
+ children?: ComponentType<Readonly<{
12
+ item: TItem;
13
+ model: VirtualListItemModel<TItem>;
14
+ original: VirtualListElement<TItem>;
15
+ }>> | null | undefined;
16
+ renderer?: ComponentType<Readonly<{
17
+ item: TItem;
18
+ model: VirtualListItemModel<TItem>;
19
+ original: VirtualListElement<TItem>;
20
+ }>> | null | undefined;
21
+ }> & RefAttributes<VirtualListElement<TItem>>) => ReactElement | null;
22
+ export { ForwardedVirtualList as VirtualList };
23
+ //# sourceMappingURL=VirtualList.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["src/VirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAiC,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AACjH,OAAO,EAGL,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,gBAAgB,IAAI,iBAAiB,EAC3C,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,KAAK,uBAAuB,EAAoB,MAAM,iCAAiC,CAAC;AAEjG,cAAc,4BAA4B,CAAC;AAE3C,MAAM,MAAM,6BAA6B,CAAC,KAAK,IAAI,uBAAuB,CACxE,KAAK,EACL,oBAAoB,CAAC,KAAK,CAAC,EAC3B,kBAAkB,CAAC,KAAK,CAAC,CAC1B,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC,GACpG,QAAQ,CAAC;IACP,QAAQ,CAAC,EAAE,aAAa,CAAC,6BAA6B,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC;IACtE,QAAQ,CAAC,EAAE,aAAa,CAAC,6BAA6B,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC;CACvE,CAAC,CAAC;AAeL,QAAA,MAAM,oBAAoB;;;;;;;;;;;kDAErB,YAAY,GAAG,IAAI,CAAC;AAEzB,OAAO,EAAE,oBAAoB,IAAI,WAAW,EAAE,CAAC"}
package/VirtualList.js ADDED
@@ -0,0 +1,2 @@
1
+ export*from"@vaadin/virtual-list/vaadin-virtual-list.js";import{forwardRef as n}from"react";import{VirtualList as l}from"@vaadin/virtual-list/vaadin-virtual-list.js";import*as o from"react";import{createComponent as s}from"./utils/createComponent.js";var p={},e=s({elementClass:l,events:p,react:o,tagName:"vaadin-virtual-list"});import{useModelRenderer as m}from"./renderers/useModelRenderer.js";import{jsx as L}from"react/jsx-runtime";function u(t,r){let[i,a]=m(t.renderer??t.children);return L(e,{...t,ref:r,renderer:a,children:i})}var y=n(u);export{y as VirtualList,l as VirtualListElement};
2
+ //# sourceMappingURL=VirtualList.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["src/VirtualList.tsx", "src/generated/VirtualList.ts"],
4
+ "sourcesContent": ["export * from \"@vaadin/virtual-list/vaadin-virtual-list.js\";\nimport { type ComponentType, type ForwardedRef, forwardRef, type ReactElement, type RefAttributes } from 'react';\nimport {\n VirtualList as _VirtualList,\n type VirtualListDefaultItem,\n type VirtualListElement,\n type VirtualListItemModel,\n type VirtualListProps as _VirtualListProps,\n} from './generated/VirtualList.js';\nimport { type ReactModelRendererProps, useModelRenderer } from './renderers/useModelRenderer.js';\n\nexport * from './generated/VirtualList.js';\n\nexport type VirtualListReactRendererProps<TItem> = ReactModelRendererProps<\n TItem,\n VirtualListItemModel<TItem>,\n VirtualListElement<TItem>\n>;\n\nexport type VirtualListProps<TItem> = Partial<Omit<_VirtualListProps<TItem>, 'children' | 'renderer'>> &\n Readonly<{\n children?: ComponentType<VirtualListReactRendererProps<TItem>> | null;\n renderer?: ComponentType<VirtualListReactRendererProps<TItem>> | null;\n }>;\n\nfunction VirtualList<TItem = VirtualListDefaultItem>(\n props: VirtualListProps<TItem>,\n ref: ForwardedRef<VirtualListElement<TItem>>,\n): ReactElement | null {\n const [portals, renderer] = useModelRenderer(props.renderer ?? props.children);\n\n return (\n <_VirtualList<TItem> {...props} ref={ref} renderer={renderer}>\n {portals}\n </_VirtualList>\n );\n}\n\nconst ForwardedVirtualList = forwardRef(VirtualList) as <TItem = VirtualListDefaultItem>(\n props: VirtualListProps<TItem> & RefAttributes<VirtualListElement<TItem>>,\n) => ReactElement | null;\n\nexport { ForwardedVirtualList as VirtualList };\n", "import type {} from \"@lit/react\";\nimport { VirtualList as VirtualListElement, } from \"@vaadin/virtual-list/vaadin-virtual-list.js\";\nimport * as React from \"react\";\nimport { createComponent, type WebComponentProps } from \"../utils/createComponent.js\";\nexport { VirtualListElement, };\nexport type VirtualListEventMap = Readonly<{}>;\nconst events = {} as VirtualListEventMap;\nexport type VirtualListProps<T1> = WebComponentProps<VirtualListElement<T1>, VirtualListEventMap>;\nexport const VirtualList = createComponent({\n elementClass: VirtualListElement, events, react: React, tagName: \"vaadin-virtual-list\"\n}) as <T1>(props: VirtualListProps<T1> & React.RefAttributes<VirtualListElement<T1>>) => React.ReactElement | null;\n"],
5
+ "mappings": "AAAA,WAAc,8CACd,OAAgD,cAAAA,MAAyD,QCAzG,OAAS,eAAeC,MAA2B,8CACnD,UAAYC,MAAW,QACvB,OAAS,mBAAAC,MAA+C,6BAGxD,IAAMC,EAAS,CAAC,EAEHC,EAAcC,EAAgB,CACvC,aAAcC,EAAoB,OAAAH,EAAQ,MAAOI,EAAO,QAAS,qBACrE,CAAC,EDDD,OAAuC,oBAAAC,MAAwB,kCAuB3D,cAAAC,MAAA,oBAPJ,SAASC,EACPC,EACAC,EACqB,CACrB,GAAM,CAACC,EAASC,CAAQ,EAAIN,EAAiBG,EAAM,UAAYA,EAAM,QAAQ,EAE7E,OACEF,EAACC,EAAA,CAAqB,GAAGC,EAAO,IAAKC,EAAK,SAAUE,EACjD,SAAAD,EACH,CAEJ,CAEA,IAAME,EAAuBC,EAAWN,CAAW",
6
+ "names": ["forwardRef", "VirtualListElement", "React", "createComponent", "events", "VirtualList", "createComponent", "VirtualListElement", "React", "useModelRenderer", "jsx", "VirtualList", "props", "ref", "portals", "renderer", "ForwardedVirtualList", "forwardRef"]
7
+ }
package/css/Lumo.css ADDED
@@ -0,0 +1,15 @@
1
+ /* Generated file, do not edit */
2
+
3
+ @import url(./lumo/ColorBase.css);
4
+
5
+ @import url(./lumo/FontIcons.css);
6
+
7
+ @import url(./lumo/Sizing.css);
8
+
9
+ @import url(./lumo/Style.css);
10
+
11
+ @import url(./lumo/Spacing.css);
12
+
13
+ @import url(./lumo/Font.css);
14
+
15
+ @import url(./lumo/UserColors.css);
@@ -0,0 +1,13 @@
1
+ /* Generated file, do not edit */
2
+
3
+ @import url(./material/FontIcons.css);
4
+
5
+ @import url(./material/ColorBase.css);
6
+
7
+ @import url(./material/Font.css);
8
+
9
+ @import url(./material/Typography.css);
10
+
11
+ @import url(./material/Shadow.css);
12
+
13
+ @import url(./material/UserColors.css);
@@ -0,0 +1,165 @@
1
+ /* Generated file, do not edit */
2
+
3
+
4
+ [theme~='badge'] {
5
+ display: inline-flex;
6
+ align-items: center;
7
+ justify-content: center;
8
+ box-sizing: border-box;
9
+ padding: 0.4em calc(0.5em + var(--lumo-border-radius-s) / 4);
10
+ color: var(--lumo-primary-text-color);
11
+ background-color: var(--lumo-primary-color-10pct);
12
+ border-radius: var(--lumo-border-radius-s);
13
+ font-family: var(--lumo-font-family);
14
+ font-size: var(--lumo-font-size-s);
15
+ line-height: 1;
16
+ font-weight: 500;
17
+ text-transform: initial;
18
+ letter-spacing: initial;
19
+ min-width: calc(var(--lumo-line-height-xs) * 1em + 0.45em);
20
+ flex-shrink: 0;
21
+ }
22
+
23
+ /* Ensure proper vertical alignment */
24
+ [theme~='badge']::before {
25
+ display: inline-block;
26
+ content: '\\2003';
27
+ width: 0;
28
+ }
29
+
30
+ [theme~='badge'][theme~='small'] {
31
+ font-size: var(--lumo-font-size-xxs);
32
+ line-height: 1;
33
+ }
34
+
35
+ /* Colors */
36
+
37
+ [theme~='badge'][theme~='success'] {
38
+ color: var(--lumo-success-text-color);
39
+ background-color: var(--lumo-success-color-10pct);
40
+ }
41
+
42
+ [theme~='badge'][theme~='error'] {
43
+ color: var(--lumo-error-text-color);
44
+ background-color: var(--lumo-error-color-10pct);
45
+ }
46
+
47
+ [theme~='badge'][theme~='warning'] {
48
+ color: var(--lumo-warning-text-color);
49
+ background-color: var(--lumo-warning-color-10pct);
50
+ }
51
+
52
+ [theme~='badge'][theme~='contrast'] {
53
+ color: var(--lumo-contrast-80pct);
54
+ background-color: var(--lumo-contrast-5pct);
55
+ }
56
+
57
+ /* Primary */
58
+
59
+ [theme~='badge'][theme~='primary'] {
60
+ color: var(--lumo-primary-contrast-color);
61
+ background-color: var(--lumo-primary-color);
62
+ }
63
+
64
+ [theme~='badge'][theme~='success'][theme~='primary'] {
65
+ color: var(--lumo-success-contrast-color);
66
+ background-color: var(--lumo-success-color);
67
+ }
68
+
69
+ [theme~='badge'][theme~='error'][theme~='primary'] {
70
+ color: var(--lumo-error-contrast-color);
71
+ background-color: var(--lumo-error-color);
72
+ }
73
+
74
+ [theme~='badge'][theme~='warning'][theme~='primary'] {
75
+ color: var(--lumo-warning-contrast-color);
76
+ background-color: var(--lumo-warning-color);
77
+ }
78
+
79
+ [theme~='badge'][theme~='contrast'][theme~='primary'] {
80
+ color: var(--lumo-base-color);
81
+ background-color: var(--lumo-contrast);
82
+ }
83
+
84
+ /* Links */
85
+
86
+ [theme~='badge'][href]:hover {
87
+ text-decoration: none;
88
+ }
89
+
90
+ /* Icon */
91
+
92
+ [theme~='badge'] vaadin-icon {
93
+ margin: -0.25em 0;
94
+ }
95
+
96
+ [theme~='badge'] vaadin-icon:first-child {
97
+ margin-left: -0.375em;
98
+ }
99
+
100
+ [theme~='badge'] vaadin-icon:last-child {
101
+ margin-right: -0.375em;
102
+ }
103
+
104
+ vaadin-icon[theme~='badge'][icon] {
105
+ min-width: 0;
106
+ padding: 0;
107
+ font-size: 1rem;
108
+ width: var(--lumo-icon-size-m);
109
+ height: var(--lumo-icon-size-m);
110
+ }
111
+
112
+ vaadin-icon[theme~='badge'][icon][theme~='small'] {
113
+ width: var(--lumo-icon-size-s);
114
+ height: var(--lumo-icon-size-s);
115
+ }
116
+
117
+ /* Empty */
118
+
119
+ [theme~='badge']:not([icon]):empty {
120
+ min-width: 0;
121
+ width: 1em;
122
+ height: 1em;
123
+ padding: 0;
124
+ border-radius: 50%;
125
+ background-color: var(--lumo-primary-color);
126
+ }
127
+
128
+ [theme~='badge'][theme~='small']:not([icon]):empty {
129
+ width: 0.75em;
130
+ height: 0.75em;
131
+ }
132
+
133
+ [theme~='badge'][theme~='contrast']:not([icon]):empty {
134
+ background-color: var(--lumo-contrast);
135
+ }
136
+
137
+ [theme~='badge'][theme~='success']:not([icon]):empty {
138
+ background-color: var(--lumo-success-color);
139
+ }
140
+
141
+ [theme~='badge'][theme~='error']:not([icon]):empty {
142
+ background-color: var(--lumo-error-color);
143
+ }
144
+
145
+ [theme~='badge'][theme~='warning']:not([icon]):empty {
146
+ background-color: var(--lumo-warning-color);
147
+ }
148
+
149
+ /* Pill */
150
+
151
+ [theme~='badge'][theme~='pill'] {
152
+ --lumo-border-radius-s: 1em;
153
+ }
154
+
155
+ /* RTL specific styles */
156
+
157
+ [dir='rtl'][theme~='badge'] vaadin-icon:first-child {
158
+ margin-right: -0.375em;
159
+ margin-left: 0;
160
+ }
161
+
162
+ [dir='rtl'][theme~='badge'] vaadin-icon:last-child {
163
+ margin-left: -0.375em;
164
+ margin-right: 0;
165
+ }