@proyecto-viviana/ui 0.3.5 → 0.4.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 (438) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +80 -157
  3. package/dist/ActionButton.d.ts +2 -0
  4. package/dist/ActionButton.d.ts.map +1 -0
  5. package/dist/ActionButton.js +1 -0
  6. package/dist/ActionButton.jsx +1 -0
  7. package/dist/ActionMenu.d.ts +2 -0
  8. package/dist/ActionMenu.d.ts.map +1 -0
  9. package/dist/ActionMenu.js +1 -0
  10. package/dist/ActionMenu.jsx +1 -0
  11. package/dist/Breadcrumbs.d.ts +2 -0
  12. package/dist/Breadcrumbs.d.ts.map +1 -0
  13. package/dist/Breadcrumbs.js +1 -0
  14. package/dist/Breadcrumbs.jsx +1 -0
  15. package/dist/Button.d.ts +2 -0
  16. package/dist/Button.d.ts.map +1 -0
  17. package/dist/Button.js +1 -0
  18. package/dist/Button.jsx +1 -0
  19. package/dist/Calendar.d.ts +2 -0
  20. package/dist/Calendar.d.ts.map +1 -0
  21. package/dist/Calendar.js +1 -0
  22. package/dist/Calendar.jsx +1 -0
  23. package/dist/CalendarCard.d.ts +2 -0
  24. package/dist/CalendarCard.d.ts.map +1 -0
  25. package/dist/CalendarCard.js +96 -0
  26. package/dist/CalendarCard.js.map +1 -0
  27. package/dist/CalendarCard.jsx +50 -0
  28. package/dist/CalendarCard.jsx.map +1 -0
  29. package/dist/Card.d.ts +2 -0
  30. package/dist/Card.d.ts.map +1 -0
  31. package/dist/Card.js +1 -0
  32. package/dist/Card.jsx +1 -0
  33. package/dist/CardView.d.ts +2 -0
  34. package/dist/CardView.d.ts.map +1 -0
  35. package/dist/CardView.js +1 -0
  36. package/dist/CardView.jsx +1 -0
  37. package/dist/CenterBaseline.d.ts +2 -0
  38. package/dist/CenterBaseline.d.ts.map +1 -0
  39. package/dist/CenterBaseline.js +1 -0
  40. package/dist/CenterBaseline.jsx +1 -0
  41. package/dist/Chip.d.ts +2 -0
  42. package/dist/Chip.d.ts.map +1 -0
  43. package/dist/Chip.js +2 -0
  44. package/dist/Chip.jsx +2 -0
  45. package/dist/ColorArea.d.ts +2 -0
  46. package/dist/ColorArea.d.ts.map +1 -0
  47. package/dist/ColorArea.js +1 -0
  48. package/dist/ColorArea.jsx +1 -0
  49. package/dist/ColorField.d.ts +2 -0
  50. package/dist/ColorField.d.ts.map +1 -0
  51. package/dist/ColorField.js +1 -0
  52. package/dist/ColorField.jsx +1 -0
  53. package/dist/ColorSlider.d.ts +2 -0
  54. package/dist/ColorSlider.d.ts.map +1 -0
  55. package/dist/ColorSlider.js +1 -0
  56. package/dist/ColorSlider.jsx +1 -0
  57. package/dist/ColorSwatch.d.ts +2 -0
  58. package/dist/ColorSwatch.d.ts.map +1 -0
  59. package/dist/ColorSwatch.js +1 -0
  60. package/dist/ColorSwatch.jsx +1 -0
  61. package/dist/ColorSwatchPicker.d.ts +2 -0
  62. package/dist/ColorSwatchPicker.d.ts.map +1 -0
  63. package/dist/ColorSwatchPicker.js +1 -0
  64. package/dist/ColorSwatchPicker.jsx +1 -0
  65. package/dist/ColorWheel.d.ts +2 -0
  66. package/dist/ColorWheel.d.ts.map +1 -0
  67. package/dist/ColorWheel.js +1 -0
  68. package/dist/ColorWheel.jsx +1 -0
  69. package/dist/ContrastIcon.d.ts +3 -0
  70. package/dist/ContrastIcon.d.ts.map +1 -0
  71. package/dist/ContrastIcon.js +3 -0
  72. package/dist/ContrastIcon.jsx +3 -0
  73. package/dist/Conversation.d.ts +2 -0
  74. package/dist/Conversation.d.ts.map +1 -0
  75. package/dist/Conversation.js +176 -0
  76. package/dist/Conversation.js.map +1 -0
  77. package/dist/Conversation.jsx +106 -0
  78. package/dist/Conversation.jsx.map +1 -0
  79. package/dist/Disclosure.d.ts +2 -0
  80. package/dist/Disclosure.d.ts.map +1 -0
  81. package/dist/Disclosure.js +1 -0
  82. package/dist/Disclosure.jsx +1 -0
  83. package/dist/EventCard.d.ts +2 -0
  84. package/dist/EventCard.d.ts.map +1 -0
  85. package/dist/EventCard.js +171 -0
  86. package/dist/EventCard.js.map +1 -0
  87. package/dist/EventCard.jsx +94 -0
  88. package/dist/EventCard.jsx.map +1 -0
  89. package/dist/FileTrigger.d.ts +2 -0
  90. package/dist/FileTrigger.d.ts.map +1 -0
  91. package/dist/FileTrigger.js +1 -0
  92. package/dist/FileTrigger.jsx +1 -0
  93. package/dist/GitHubIcon.d.ts +2 -0
  94. package/dist/GitHubIcon.d.ts.map +1 -0
  95. package/dist/GitHubIcon.js +1 -0
  96. package/dist/GitHubIcon.jsx +1 -0
  97. package/dist/LightenIcon.d.ts +3 -0
  98. package/dist/LightenIcon.d.ts.map +1 -0
  99. package/dist/LightenIcon.js +3 -0
  100. package/dist/LightenIcon.jsx +3 -0
  101. package/dist/LinkButton.d.ts +2 -0
  102. package/dist/LinkButton.d.ts.map +1 -0
  103. package/dist/LinkButton.js +1 -0
  104. package/dist/LinkButton.jsx +1 -0
  105. package/dist/ListView.d.ts +2 -0
  106. package/dist/ListView.d.ts.map +1 -0
  107. package/dist/ListView.js +1 -0
  108. package/dist/ListView.jsx +1 -0
  109. package/dist/Logo.d.ts +2 -0
  110. package/dist/Logo.d.ts.map +1 -0
  111. package/dist/Logo.js +116 -0
  112. package/dist/Logo.js.map +1 -0
  113. package/dist/Logo.jsx +101 -0
  114. package/dist/Logo.jsx.map +1 -0
  115. package/dist/Menu.d.ts +2 -0
  116. package/dist/Menu.d.ts.map +1 -0
  117. package/dist/Menu.js +1 -0
  118. package/dist/Menu.jsx +1 -0
  119. package/dist/PageLayout.d.ts +2 -0
  120. package/dist/PageLayout.d.ts.map +1 -0
  121. package/dist/PageLayout.js +31 -0
  122. package/dist/PageLayout.js.map +1 -0
  123. package/dist/PageLayout.jsx +23 -0
  124. package/dist/PageLayout.jsx.map +1 -0
  125. package/dist/Picker.d.ts +2 -0
  126. package/dist/Picker.d.ts.map +1 -0
  127. package/dist/Picker.js +1 -0
  128. package/dist/Picker.jsx +1 -0
  129. package/dist/ProfileCard.d.ts +2 -0
  130. package/dist/ProfileCard.d.ts.map +1 -0
  131. package/dist/ProfileCard.js +77 -0
  132. package/dist/ProfileCard.js.map +1 -0
  133. package/dist/ProfileCard.jsx +52 -0
  134. package/dist/ProfileCard.jsx.map +1 -0
  135. package/dist/ProjectCard.d.ts +2 -0
  136. package/dist/ProjectCard.d.ts.map +1 -0
  137. package/dist/ProjectCard.js +162 -0
  138. package/dist/ProjectCard.js.map +1 -0
  139. package/dist/ProjectCard.jsx +131 -0
  140. package/dist/ProjectCard.jsx.map +1 -0
  141. package/dist/Provider.d.ts +2 -0
  142. package/dist/Provider.d.ts.map +1 -0
  143. package/dist/Provider.js +1 -0
  144. package/dist/Provider.jsx +1 -0
  145. package/dist/RangeCalendar.d.ts +2 -0
  146. package/dist/RangeCalendar.d.ts.map +1 -0
  147. package/dist/RangeCalendar.js +1 -0
  148. package/dist/RangeCalendar.jsx +1 -0
  149. package/dist/SearchField.d.ts +2 -0
  150. package/dist/SearchField.d.ts.map +1 -0
  151. package/dist/SearchField.js +1 -0
  152. package/dist/SearchField.jsx +1 -0
  153. package/dist/SegmentedControl.d.ts +2 -0
  154. package/dist/SegmentedControl.d.ts.map +1 -0
  155. package/dist/SegmentedControl.js +1 -0
  156. package/dist/SegmentedControl.jsx +1 -0
  157. package/dist/Switch.d.ts +2 -0
  158. package/dist/Switch.d.ts.map +1 -0
  159. package/dist/Switch.js +1 -0
  160. package/dist/Switch.jsx +1 -0
  161. package/dist/Tabs.d.ts +2 -0
  162. package/dist/Tabs.d.ts.map +1 -0
  163. package/dist/Tabs.js +1 -0
  164. package/dist/Tabs.jsx +1 -0
  165. package/dist/TextArea.d.ts +2 -0
  166. package/dist/TextArea.d.ts.map +1 -0
  167. package/dist/TextArea.js +1 -0
  168. package/dist/TextArea.jsx +1 -0
  169. package/dist/TextField.d.ts +2 -0
  170. package/dist/TextField.d.ts.map +1 -0
  171. package/dist/TextField.js +1 -0
  172. package/dist/TextField.jsx +1 -0
  173. package/dist/TimelineItem.d.ts +2 -0
  174. package/dist/TimelineItem.d.ts.map +1 -0
  175. package/dist/TimelineItem.js +137 -0
  176. package/dist/TimelineItem.js.map +1 -0
  177. package/dist/TimelineItem.jsx +70 -0
  178. package/dist/TimelineItem.jsx.map +1 -0
  179. package/dist/TreeView.d.ts +2 -0
  180. package/dist/TreeView.d.ts.map +1 -0
  181. package/dist/TreeView.js +1 -0
  182. package/dist/TreeView.jsx +1 -0
  183. package/dist/chip2.js +82 -0
  184. package/dist/chip2.js.map +1 -0
  185. package/dist/chip2.jsx +68 -0
  186. package/dist/chip2.jsx.map +1 -0
  187. package/dist/components.css +2 -1077
  188. package/dist/custom/calendar-card/index.d.ts.map +1 -1
  189. package/dist/custom/chip/index.d.ts +2 -2
  190. package/dist/custom/chip/index.d.ts.map +1 -1
  191. package/dist/custom/conversation/index.d.ts +2 -2
  192. package/dist/custom/conversation/index.d.ts.map +1 -1
  193. package/dist/custom/event-card/index.d.ts +1 -1
  194. package/dist/custom/event-card/index.d.ts.map +1 -1
  195. package/dist/custom/header/index.d.ts +2 -6
  196. package/dist/custom/header/index.d.ts.map +1 -1
  197. package/dist/custom/lateral-nav/index.d.ts +1 -1
  198. package/dist/custom/lateral-nav/index.d.ts.map +1 -1
  199. package/dist/custom/logo/index.d.ts +1 -18
  200. package/dist/custom/logo/index.d.ts.map +1 -1
  201. package/dist/custom/nav-header/index.d.ts +2 -1
  202. package/dist/custom/nav-header/index.d.ts.map +1 -1
  203. package/dist/custom/page-layout/index.d.ts +1 -7
  204. package/dist/custom/page-layout/index.d.ts.map +1 -1
  205. package/dist/custom/profile-card/index.d.ts +1 -1
  206. package/dist/custom/profile-card/index.d.ts.map +1 -1
  207. package/dist/custom/project-card/index.d.ts +2 -13
  208. package/dist/custom/project-card/index.d.ts.map +1 -1
  209. package/dist/custom/timeline-item/index.d.ts +2 -2
  210. package/dist/custom/timeline-item/index.d.ts.map +1 -1
  211. package/dist/font-faces.css +1 -0
  212. package/dist/index.d.ts +1 -104
  213. package/dist/index.d.ts.map +1 -1
  214. package/dist/index.js +1 -8222
  215. package/dist/index.jsx +1 -0
  216. package/dist/style/runtime.d.ts +2 -0
  217. package/dist/style/runtime.d.ts.map +1 -0
  218. package/dist/style/runtime.js +1 -0
  219. package/dist/style/runtime.jsx +1 -0
  220. package/dist/style.d.ts +2 -0
  221. package/dist/style.d.ts.map +1 -0
  222. package/dist/style.js +1 -0
  223. package/dist/style.jsx +1 -0
  224. package/dist/styles.css +9 -450
  225. package/dist/theme.css +2 -101
  226. package/dist/vite.d.ts +16 -0
  227. package/dist/vite.d.ts.map +1 -0
  228. package/dist/vite.js +82 -0
  229. package/dist/vite.js.map +1 -0
  230. package/dist/vite.jsx +82 -0
  231. package/dist/vite.jsx.map +1 -0
  232. package/dist/viviana-tokens.css +318 -0
  233. package/package.json +300 -44
  234. package/src/ActionButton.ts +1 -0
  235. package/src/ActionMenu.ts +1 -0
  236. package/src/Breadcrumbs.ts +1 -0
  237. package/src/Button.ts +1 -0
  238. package/src/Calendar.ts +1 -0
  239. package/src/CalendarCard.ts +1 -0
  240. package/src/Card.ts +1 -0
  241. package/src/CardView.ts +1 -0
  242. package/src/CenterBaseline.ts +1 -0
  243. package/src/Chip.ts +1 -0
  244. package/src/ColorArea.ts +1 -0
  245. package/src/ColorField.ts +1 -0
  246. package/src/ColorSlider.ts +1 -0
  247. package/src/ColorSwatch.ts +1 -0
  248. package/src/ColorSwatchPicker.ts +1 -0
  249. package/src/ColorWheel.ts +1 -0
  250. package/src/ContrastIcon.ts +2 -0
  251. package/src/Conversation.ts +1 -0
  252. package/src/Disclosure.ts +1 -0
  253. package/src/EventCard.ts +1 -0
  254. package/src/FileTrigger.ts +1 -0
  255. package/src/GitHubIcon.ts +1 -0
  256. package/src/LightenIcon.ts +2 -0
  257. package/src/LinkButton.ts +1 -0
  258. package/src/ListView.ts +1 -0
  259. package/src/Logo.ts +1 -0
  260. package/src/Menu.ts +1 -0
  261. package/src/PageLayout.ts +1 -0
  262. package/src/Picker.ts +1 -0
  263. package/src/ProfileCard.ts +1 -0
  264. package/src/ProjectCard.ts +1 -0
  265. package/src/Provider.ts +1 -0
  266. package/src/RangeCalendar.ts +1 -0
  267. package/src/SearchField.ts +1 -0
  268. package/src/SegmentedControl.ts +1 -0
  269. package/src/Switch.ts +1 -0
  270. package/src/Tabs.ts +1 -0
  271. package/src/TextArea.ts +1 -0
  272. package/src/TextField.ts +1 -0
  273. package/src/TimelineItem.ts +1 -0
  274. package/src/TreeView.ts +1 -0
  275. package/src/components.css +2 -1077
  276. package/src/custom/calendar-card/index.tsx +108 -50
  277. package/src/custom/chip/index.tsx +63 -27
  278. package/src/custom/conversation/index.tsx +166 -55
  279. package/src/custom/event-card/index.tsx +195 -74
  280. package/src/custom/header/index.tsx +64 -33
  281. package/src/custom/lateral-nav/index.tsx +93 -38
  282. package/src/custom/logo/index.tsx +41 -39
  283. package/src/custom/nav-header/index.tsx +89 -25
  284. package/src/custom/page-layout/index.tsx +23 -19
  285. package/src/custom/profile-card/index.tsx +94 -35
  286. package/src/custom/project-card/index.tsx +57 -40
  287. package/src/custom/timeline-item/index.tsx +91 -48
  288. package/src/font-faces.css +1 -0
  289. package/src/index.ts +8 -322
  290. package/src/style/runtime.ts +2 -0
  291. package/src/style.ts +5 -0
  292. package/src/styles.css +6 -450
  293. package/src/theme.css +2 -101
  294. package/src/vite.ts +164 -0
  295. package/src/viviana-tokens.css +318 -0
  296. package/dist/alert/index.d.ts +0 -12
  297. package/dist/alert/index.d.ts.map +0 -1
  298. package/dist/autocomplete/index.d.ts +0 -89
  299. package/dist/autocomplete/index.d.ts.map +0 -1
  300. package/dist/avatar/index.d.ts +0 -17
  301. package/dist/avatar/index.d.ts.map +0 -1
  302. package/dist/badge/index.d.ts +0 -12
  303. package/dist/badge/index.d.ts.map +0 -1
  304. package/dist/breadcrumbs/index.d.ts +0 -38
  305. package/dist/breadcrumbs/index.d.ts.map +0 -1
  306. package/dist/button/Button.d.ts +0 -19
  307. package/dist/button/Button.d.ts.map +0 -1
  308. package/dist/button/index.d.ts +0 -3
  309. package/dist/button/index.d.ts.map +0 -1
  310. package/dist/button/types.d.ts +0 -23
  311. package/dist/button/types.d.ts.map +0 -1
  312. package/dist/calendar/DateField.d.ts +0 -47
  313. package/dist/calendar/DateField.d.ts.map +0 -1
  314. package/dist/calendar/DatePicker.d.ts +0 -48
  315. package/dist/calendar/DatePicker.d.ts.map +0 -1
  316. package/dist/calendar/RangeCalendar.d.ts +0 -42
  317. package/dist/calendar/RangeCalendar.d.ts.map +0 -1
  318. package/dist/calendar/TimeField.d.ts +0 -44
  319. package/dist/calendar/TimeField.d.ts.map +0 -1
  320. package/dist/calendar/index.d.ts +0 -50
  321. package/dist/calendar/index.d.ts.map +0 -1
  322. package/dist/checkbox/index.d.ts +0 -43
  323. package/dist/checkbox/index.d.ts.map +0 -1
  324. package/dist/color/index.d.ts +0 -228
  325. package/dist/color/index.d.ts.map +0 -1
  326. package/dist/combobox/index.d.ts +0 -81
  327. package/dist/combobox/index.d.ts.map +0 -1
  328. package/dist/dialog/Dialog.d.ts +0 -67
  329. package/dist/dialog/Dialog.d.ts.map +0 -1
  330. package/dist/dialog/index.d.ts +0 -3
  331. package/dist/dialog/index.d.ts.map +0 -1
  332. package/dist/disclosure/index.d.ts +0 -84
  333. package/dist/disclosure/index.d.ts.map +0 -1
  334. package/dist/gridlist/index.d.ts +0 -92
  335. package/dist/gridlist/index.d.ts.map +0 -1
  336. package/dist/icon/icons/GitHubIcon.d.ts +0 -7
  337. package/dist/icon/icons/GitHubIcon.d.ts.map +0 -1
  338. package/dist/icon/index.d.ts +0 -28
  339. package/dist/icon/index.d.ts.map +0 -1
  340. package/dist/index.js.map +0 -7
  341. package/dist/index.ssr.js +0 -6631
  342. package/dist/index.ssr.js.map +0 -7
  343. package/dist/landmark/index.d.ts +0 -83
  344. package/dist/landmark/index.d.ts.map +0 -1
  345. package/dist/link/index.d.ts +0 -39
  346. package/dist/link/index.d.ts.map +0 -1
  347. package/dist/listbox/index.d.ts +0 -47
  348. package/dist/listbox/index.d.ts.map +0 -1
  349. package/dist/menu/index.d.ts +0 -74
  350. package/dist/menu/index.d.ts.map +0 -1
  351. package/dist/meter/index.d.ts +0 -49
  352. package/dist/meter/index.d.ts.map +0 -1
  353. package/dist/numberfield/index.d.ts +0 -50
  354. package/dist/numberfield/index.d.ts.map +0 -1
  355. package/dist/popover/index.d.ts +0 -85
  356. package/dist/popover/index.d.ts.map +0 -1
  357. package/dist/progress-bar/index.d.ts +0 -49
  358. package/dist/progress-bar/index.d.ts.map +0 -1
  359. package/dist/radio/index.d.ts +0 -46
  360. package/dist/radio/index.d.ts.map +0 -1
  361. package/dist/searchfield/index.d.ts +0 -44
  362. package/dist/searchfield/index.d.ts.map +0 -1
  363. package/dist/select/index.d.ts +0 -72
  364. package/dist/select/index.d.ts.map +0 -1
  365. package/dist/separator/index.d.ts +0 -42
  366. package/dist/separator/index.d.ts.map +0 -1
  367. package/dist/slider/index.d.ts +0 -53
  368. package/dist/slider/index.d.ts.map +0 -1
  369. package/dist/switch/ToggleSwitch.d.ts +0 -28
  370. package/dist/switch/ToggleSwitch.d.ts.map +0 -1
  371. package/dist/switch/index.d.ts +0 -26
  372. package/dist/switch/index.d.ts.map +0 -1
  373. package/dist/table/index.d.ts +0 -140
  374. package/dist/table/index.d.ts.map +0 -1
  375. package/dist/tabs/index.d.ts +0 -56
  376. package/dist/tabs/index.d.ts.map +0 -1
  377. package/dist/tag-group/index.d.ts +0 -80
  378. package/dist/tag-group/index.d.ts.map +0 -1
  379. package/dist/test-utils/index.d.ts +0 -44
  380. package/dist/test-utils/index.d.ts.map +0 -1
  381. package/dist/textfield/index.d.ts +0 -31
  382. package/dist/textfield/index.d.ts.map +0 -1
  383. package/dist/toast/index.d.ts +0 -101
  384. package/dist/toast/index.d.ts.map +0 -1
  385. package/dist/toolbar/index.d.ts +0 -42
  386. package/dist/toolbar/index.d.ts.map +0 -1
  387. package/dist/tooltip/index.d.ts +0 -78
  388. package/dist/tooltip/index.d.ts.map +0 -1
  389. package/dist/tree/index.d.ts +0 -99
  390. package/dist/tree/index.d.ts.map +0 -1
  391. package/src/alert/index.tsx +0 -48
  392. package/src/assets/favicon.png +0 -0
  393. package/src/assets/fire.gif +0 -0
  394. package/src/autocomplete/index.tsx +0 -313
  395. package/src/avatar/index.tsx +0 -75
  396. package/src/badge/index.tsx +0 -43
  397. package/src/breadcrumbs/index.tsx +0 -207
  398. package/src/button/Button.tsx +0 -74
  399. package/src/button/index.ts +0 -2
  400. package/src/button/types.ts +0 -24
  401. package/src/calendar/DateField.tsx +0 -200
  402. package/src/calendar/DatePicker.tsx +0 -298
  403. package/src/calendar/RangeCalendar.tsx +0 -236
  404. package/src/calendar/TimeField.tsx +0 -196
  405. package/src/calendar/index.tsx +0 -223
  406. package/src/checkbox/index.tsx +0 -257
  407. package/src/color/index.tsx +0 -687
  408. package/src/combobox/index.tsx +0 -383
  409. package/src/dialog/Dialog.tsx +0 -260
  410. package/src/dialog/index.tsx +0 -3
  411. package/src/disclosure/index.tsx +0 -307
  412. package/src/gridlist/index.tsx +0 -403
  413. package/src/icon/icons/GitHubIcon.tsx +0 -20
  414. package/src/icon/index.tsx +0 -48
  415. package/src/landmark/index.tsx +0 -231
  416. package/src/link/index.tsx +0 -130
  417. package/src/listbox/index.tsx +0 -231
  418. package/src/menu/index.tsx +0 -297
  419. package/src/meter/index.tsx +0 -163
  420. package/src/numberfield/index.tsx +0 -482
  421. package/src/popover/index.tsx +0 -260
  422. package/src/progress-bar/index.tsx +0 -169
  423. package/src/radio/index.tsx +0 -173
  424. package/src/searchfield/index.tsx +0 -453
  425. package/src/select/index.tsx +0 -349
  426. package/src/separator/index.tsx +0 -141
  427. package/src/slider/index.tsx +0 -382
  428. package/src/switch/ToggleSwitch.tsx +0 -112
  429. package/src/switch/index.tsx +0 -90
  430. package/src/table/index.tsx +0 -531
  431. package/src/tabs/index.tsx +0 -273
  432. package/src/tag-group/index.tsx +0 -240
  433. package/src/test-utils/index.ts +0 -40
  434. package/src/textfield/index.tsx +0 -211
  435. package/src/toast/index.tsx +0 -324
  436. package/src/toolbar/index.tsx +0 -108
  437. package/src/tooltip/index.tsx +0 -197
  438. package/src/tree/index.tsx +0 -494
@@ -1,81 +0,0 @@
1
- /**
2
- * ComboBox component for proyecto-viviana-ui
3
- *
4
- * Styled combobox component built on top of solidaria-components.
5
- * Inspired by Spectrum 2's ComboBox component patterns.
6
- */
7
- import { type JSX } from 'solid-js';
8
- import { defaultContainsFilter, type ComboBoxProps as HeadlessComboBoxProps, type ComboBoxInputProps as HeadlessComboBoxInputProps, type ComboBoxButtonProps as HeadlessComboBoxButtonProps, type ComboBoxListBoxProps as HeadlessComboBoxListBoxProps, type ComboBoxOptionProps as HeadlessComboBoxOptionProps } from '@proyecto-viviana/solidaria-components';
9
- import type { Key, FilterFn, MenuTriggerAction } from '@proyecto-viviana/solid-stately';
10
- export type ComboBoxSize = 'sm' | 'md' | 'lg';
11
- export interface ComboBoxProps<T> extends Omit<HeadlessComboBoxProps<T>, 'class' | 'style'> {
12
- /** The size of the combobox. */
13
- size?: ComboBoxSize;
14
- /** Additional CSS class name. */
15
- class?: string;
16
- /** Label for the combobox. */
17
- label?: string;
18
- /** Description for the combobox. */
19
- description?: string;
20
- /** Error message when invalid. */
21
- errorMessage?: string;
22
- /** Whether the combobox is invalid. */
23
- isInvalid?: boolean;
24
- }
25
- export interface ComboBoxInputProps extends Omit<HeadlessComboBoxInputProps, 'class' | 'style'> {
26
- /** Additional CSS class name. */
27
- class?: string;
28
- }
29
- export interface ComboBoxButtonProps extends Omit<HeadlessComboBoxButtonProps, 'class' | 'style'> {
30
- /** Additional CSS class name. */
31
- class?: string;
32
- }
33
- export interface ComboBoxListBoxProps<T> extends Omit<HeadlessComboBoxListBoxProps<T>, 'class' | 'style'> {
34
- /** Additional CSS class name. */
35
- class?: string;
36
- }
37
- export interface ComboBoxOptionProps<T> extends Omit<HeadlessComboBoxOptionProps<T>, 'class' | 'style'> {
38
- /** Additional CSS class name. */
39
- class?: string;
40
- }
41
- /**
42
- * A combobox combines a text input with a listbox, allowing users to filter a list of options.
43
- *
44
- * Built on solidaria-components ComboBox for full accessibility support.
45
- */
46
- export declare function ComboBox<T>(props: ComboBoxProps<T>): JSX.Element;
47
- export declare namespace ComboBox {
48
- var InputGroup: typeof ComboBoxInputGroup;
49
- var Input: typeof ComboBoxInput;
50
- var Button: typeof ComboBoxButton;
51
- var ListBox: typeof ComboBoxListBox;
52
- var Option: typeof ComboBoxOption;
53
- }
54
- /**
55
- * A wrapper for the input and button that provides proper styling.
56
- */
57
- export declare function ComboBoxInputGroup(props: {
58
- children: JSX.Element;
59
- class?: string;
60
- }): JSX.Element;
61
- /**
62
- * The text input for a combobox.
63
- */
64
- export declare function ComboBoxInput(props: ComboBoxInputProps): JSX.Element;
65
- /**
66
- * The trigger button for a combobox.
67
- * SSR-compatible - renders children or chevron icon directly without render props.
68
- */
69
- export declare function ComboBoxButton(props: ComboBoxButtonProps): JSX.Element;
70
- /**
71
- * The listbox popup for a combobox.
72
- */
73
- export declare function ComboBoxListBox<T>(props: ComboBoxListBoxProps<T>): JSX.Element;
74
- /**
75
- * An option in a combobox listbox.
76
- * SSR-compatible - renders check icon and content directly without render props.
77
- */
78
- export declare function ComboBoxOption<T>(props: ComboBoxOptionProps<T>): JSX.Element;
79
- export type { Key, FilterFn, MenuTriggerAction };
80
- export { defaultContainsFilter };
81
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/combobox/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA+C,MAAM,UAAU,CAAA;AAChF,OAAO,EAML,qBAAqB,EACrB,KAAK,aAAa,IAAI,qBAAqB,EAC3C,KAAK,kBAAkB,IAAI,0BAA0B,EACrD,KAAK,mBAAmB,IAAI,2BAA2B,EACvD,KAAK,oBAAoB,IAAI,4BAA4B,EACzD,KAAK,mBAAmB,IAAI,2BAA2B,EAMxD,MAAM,wCAAwC,CAAA;AAC/C,OAAO,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAMvF,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAQ7C,MAAM,WAAW,aAAa,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzF,gCAAgC;IAChC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,0BAA0B,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7F,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,2BAA2B,EAAE,OAAO,GAAG,OAAO,CAAC;IAC/F,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACvG,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACrG,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAqCD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAwChE;yBAxCe,QAAQ;;;;;;;AA8CxB;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAShG;AAMD;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAkCpE;AAMD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAgCtE;AAMD;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAgB9E;AAMD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA8C5E;AA0CD,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAA;AAChD,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
@@ -1,67 +0,0 @@
1
- /**
2
- * Dialog component for proyecto-viviana-ui
3
- *
4
- * Styled dialog component with overlay and backdrop.
5
- * Follows Spectrum 2 design patterns.
6
- */
7
- import { type JSX } from 'solid-js';
8
- export type DialogSize = 'sm' | 'md' | 'lg' | 'fullscreen';
9
- export interface DialogProps {
10
- /** The size of the dialog. */
11
- size?: DialogSize;
12
- /** Whether the dialog can be dismissed by clicking the X button. */
13
- isDismissable?: boolean;
14
- /** Additional CSS class name. */
15
- class?: string;
16
- /** The title of the dialog. */
17
- title?: string;
18
- /** The children content. */
19
- children: JSX.Element;
20
- /** Callback when dialog should close */
21
- onClose?: () => void;
22
- /** ARIA role - defaults to 'dialog' */
23
- role?: 'dialog' | 'alertdialog';
24
- /** ARIA label */
25
- 'aria-label'?: string;
26
- /** ARIA labelledby */
27
- 'aria-labelledby'?: string;
28
- }
29
- export interface DialogTriggerProps {
30
- /** Button to trigger the dialog. */
31
- trigger: JSX.Element;
32
- /** The dialog content - receives close function. */
33
- content: (close: () => void) => JSX.Element;
34
- /** Whether the dialog is controlled. */
35
- isOpen?: boolean;
36
- /** Callback when open state changes. */
37
- onOpenChange?: (isOpen: boolean) => void;
38
- /** Whether clicking outside the dialog closes it. Defaults to true. */
39
- isDismissable?: boolean;
40
- /** Whether pressing Escape closes the dialog. Defaults to true. */
41
- isKeyboardDismissDisabled?: boolean;
42
- }
43
- interface DialogContextValue {
44
- close: () => void;
45
- }
46
- export declare function useDialogContext(): DialogContextValue | null;
47
- /**
48
- * A dialog is an overlay shown above other content in an application.
49
- */
50
- export declare function Dialog(props: DialogProps): JSX.Element;
51
- /**
52
- * DialogTrigger wraps a trigger button and dialog content.
53
- * Handles opening/closing the dialog with overlay and backdrop.
54
- */
55
- export declare function DialogTrigger(props: DialogTriggerProps): JSX.Element;
56
- export interface DialogFooterProps {
57
- /** Footer content, typically buttons. */
58
- children: JSX.Element;
59
- /** Additional CSS class. */
60
- class?: string;
61
- }
62
- /**
63
- * Footer section for dialog actions.
64
- */
65
- export declare function DialogFooter(props: DialogFooterProps): JSX.Element;
66
- export {};
67
- //# sourceMappingURL=Dialog.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/dialog/Dialog.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA+G,MAAM,UAAU,CAAA;AAQhJ,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,YAAY,CAAA;AAE1D,MAAM,WAAW,WAAW;IAC1B,8BAA8B;IAC9B,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,oEAAoE;IACpE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4BAA4B;IAC5B,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,uCAAuC;IACvC,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAA;IAC/B,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,sBAAsB;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,WAAW,kBAAkB;IACjC,oCAAoC;IACpC,OAAO,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,oDAAoD;IACpD,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,GAAG,CAAC,OAAO,CAAA;IAC3C,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAA;IACxC,uEAAuE;IACvE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mEAAmE;IACnE,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACpC;AAMD,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAID,wBAAgB,gBAAgB,IAAI,kBAAkB,GAAG,IAAI,CAE5D;AAiBD;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CA6DtD;AAMD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAiFpE;AAMD,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAMlE"}
@@ -1,3 +0,0 @@
1
- export { Dialog, DialogTrigger, DialogFooter } from './Dialog';
2
- export type { DialogProps, DialogTriggerProps, DialogFooterProps, DialogSize } from './Dialog';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dialog/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAC9D,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA"}
@@ -1,84 +0,0 @@
1
- /**
2
- * Disclosure and Accordion components for proyecto-viviana-ui
3
- *
4
- * Styled disclosure/accordion components built on top of solidaria-components.
5
- * Inspired by Spectrum 2's disclosure patterns.
6
- */
7
- import { type JSX } from 'solid-js';
8
- import { type DisclosureProps as HeadlessDisclosureProps, type DisclosureGroupProps as HeadlessDisclosureGroupProps, type DisclosureTriggerProps as HeadlessDisclosureTriggerProps, type DisclosurePanelProps as HeadlessDisclosurePanelProps } from '@proyecto-viviana/solidaria-components';
9
- export type DisclosureSize = 'sm' | 'md' | 'lg';
10
- export type DisclosureVariant = 'default' | 'bordered' | 'filled' | 'ghost';
11
- export interface DisclosureGroupProps extends Omit<HeadlessDisclosureGroupProps, 'class' | 'style'> {
12
- /** The size of all disclosures in the group. */
13
- size?: DisclosureSize;
14
- /** The visual variant of all disclosures in the group. */
15
- variant?: DisclosureVariant;
16
- /** Additional CSS class name. */
17
- class?: string;
18
- }
19
- export interface DisclosureProps extends Omit<HeadlessDisclosureProps, 'class' | 'style'> {
20
- /** The size of the disclosure. Overrides group size if set. */
21
- size?: DisclosureSize;
22
- /** The visual variant. Overrides group variant if set. */
23
- variant?: DisclosureVariant;
24
- /** Additional CSS class name. */
25
- class?: string;
26
- }
27
- export interface DisclosureTriggerProps extends Omit<HeadlessDisclosureTriggerProps, 'class' | 'style'> {
28
- /** Additional CSS class name. */
29
- class?: string;
30
- /** Optional icon to show (defaults to chevron). */
31
- hideIcon?: boolean;
32
- }
33
- export interface DisclosurePanelProps extends Omit<HeadlessDisclosurePanelProps, 'class' | 'style'> {
34
- /** Additional CSS class name. */
35
- class?: string;
36
- }
37
- /**
38
- * DisclosureGroup manages a group of Disclosure components.
39
- * Use this to create an accordion where only one item can be expanded at a time.
40
- *
41
- * @example
42
- * ```tsx
43
- * <DisclosureGroup>
44
- * <Disclosure id="item1">
45
- * <DisclosureTrigger>Section 1</DisclosureTrigger>
46
- * <DisclosurePanel>Content 1</DisclosurePanel>
47
- * </Disclosure>
48
- * <Disclosure id="item2">
49
- * <DisclosureTrigger>Section 2</DisclosureTrigger>
50
- * <DisclosurePanel>Content 2</DisclosurePanel>
51
- * </Disclosure>
52
- * </DisclosureGroup>
53
- * ```
54
- */
55
- export declare function DisclosureGroup(props: DisclosureGroupProps): JSX.Element;
56
- export declare namespace DisclosureGroup {
57
- var Item: typeof Disclosure;
58
- }
59
- /**
60
- * Disclosure is a widget that can be toggled to show or hide content.
61
- *
62
- * @example
63
- * ```tsx
64
- * <Disclosure>
65
- * <DisclosureTrigger>Show more</DisclosureTrigger>
66
- * <DisclosurePanel>Hidden content here...</DisclosurePanel>
67
- * </Disclosure>
68
- * ```
69
- */
70
- export declare function Disclosure(props: DisclosureProps): JSX.Element;
71
- export declare namespace Disclosure {
72
- var Trigger: typeof DisclosureTrigger;
73
- var Panel: typeof DisclosurePanel;
74
- }
75
- /**
76
- * DisclosureTrigger is the button that toggles the disclosure.
77
- * The chevron rotates based on the data-expanded attribute using Tailwind's group class.
78
- */
79
- export declare function DisclosureTrigger(props: DisclosureTriggerProps): JSX.Element;
80
- /**
81
- * DisclosurePanel contains the content that is shown/hidden.
82
- */
83
- export declare function DisclosurePanel(props: DisclosurePanelProps): JSX.Element;
84
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/disclosure/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA+C,MAAM,UAAU,CAAC;AACjF,OAAO,EAKL,KAAK,eAAe,IAAI,uBAAuB,EAC/C,KAAK,oBAAoB,IAAI,4BAA4B,EACzD,KAAK,sBAAsB,IAAI,8BAA8B,EAC7D,KAAK,oBAAoB,IAAI,4BAA4B,EAG1D,MAAM,wCAAwC,CAAC;AAMhD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAChD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAgB5E,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,4BAA4B,EAAE,OAAO,GAAG,OAAO,CAAC;IACjG,gDAAgD;IAChD,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,uBAAuB,EAAE,OAAO,GAAG,OAAO,CAAC;IACvF,+DAA+D;IAC/D,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,8BAA8B,EAAE,OAAO,GAAG,OAAO,CAAC;IACrG,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,4BAA4B,EAAE,OAAO,GAAG,OAAO,CAAC;IACjG,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAsED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CA0BxE;yBA1Be,eAAe;;;AAgC/B;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CA2B9D;yBA3Be,UAAU;;;;AAiC1B;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAoC5E;AAMD;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAkBxE"}
@@ -1,92 +0,0 @@
1
- /**
2
- * GridList component for proyecto-viviana-ui
3
- *
4
- * Styled grid list component built on top of solidaria-components.
5
- * Inspired by Spectrum 2's GridList component patterns.
6
- *
7
- * GridList is similar to ListBox but supports interactive elements within items
8
- * and uses grid keyboard navigation.
9
- */
10
- import { type JSX } from 'solid-js';
11
- import { type GridListProps as HeadlessGridListProps, type GridListItemProps as HeadlessGridListItemProps } from '@proyecto-viviana/solidaria-components';
12
- import type { Key } from '@proyecto-viviana/solid-stately';
13
- export type GridListSize = 'sm' | 'md' | 'lg';
14
- export type GridListVariant = 'default' | 'cards' | 'bordered';
15
- export type GridListLayout = 'list' | 'grid';
16
- export interface GridListProps<T extends object> extends Omit<HeadlessGridListProps<T>, 'class' | 'style'> {
17
- /** The size of the grid list. */
18
- size?: GridListSize;
19
- /** The visual variant of the grid list. */
20
- variant?: GridListVariant;
21
- /** The layout of the grid list. */
22
- layout?: GridListLayout;
23
- /** Number of columns for grid layout (default: auto-fit). */
24
- columns?: number | 'auto';
25
- /** Additional CSS class name. */
26
- class?: string;
27
- /** Label for the grid list. */
28
- label?: string;
29
- /** Description for the grid list. */
30
- description?: string;
31
- }
32
- export interface GridListItemProps<T extends object> extends Omit<HeadlessGridListItemProps<T>, 'class' | 'style'> {
33
- /** Additional CSS class name. */
34
- class?: string;
35
- /** Optional description text. */
36
- description?: string;
37
- /**
38
- * Optional icon to display before the content.
39
- * Use a function returning JSX for SSR compatibility: `icon={() => <MyIcon />}`
40
- */
41
- icon?: () => JSX.Element;
42
- /**
43
- * Optional image to display in the item.
44
- */
45
- image?: string;
46
- /** Alt text for the image. */
47
- imageAlt?: string;
48
- }
49
- /**
50
- * A grid list displays a list of interactive items, with support for
51
- * keyboard navigation, single or multiple selection, and row actions.
52
- *
53
- * Built on solidaria-components GridList for full accessibility support.
54
- *
55
- * @example
56
- * ```tsx
57
- * const items = [
58
- * { id: '1', name: 'Item 1', description: 'Description 1' },
59
- * { id: '2', name: 'Item 2', description: 'Description 2' },
60
- * ]
61
- *
62
- * <GridList
63
- * items={items}
64
- * getKey={(item) => item.id}
65
- * selectionMode="multiple"
66
- * >
67
- * {(item) => (
68
- * <GridListItem id={item.id} description={item.description}>
69
- * {item.name}
70
- * </GridListItem>
71
- * )}
72
- * </GridList>
73
- * ```
74
- */
75
- export declare function GridList<T extends object>(props: GridListProps<T>): JSX.Element;
76
- export declare namespace GridList {
77
- var Item: typeof GridListItem;
78
- var SelectionCheckbox: typeof GridListSelectionCheckbox;
79
- }
80
- /**
81
- * An item in a grid list.
82
- */
83
- export declare function GridListItem<T extends object>(props: GridListItemProps<T>): JSX.Element;
84
- /**
85
- * A styled checkbox for item selection in a grid list.
86
- */
87
- export declare function GridListSelectionCheckbox(props: {
88
- itemKey: Key;
89
- class?: string;
90
- }): JSX.Element;
91
- export type { Key };
92
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/gridlist/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA+C,MAAM,UAAU,CAAA;AAChF,OAAO,EAIL,KAAK,aAAa,IAAI,qBAAqB,EAC3C,KAAK,iBAAiB,IAAI,yBAAyB,EAGpD,MAAM,wCAAwC,CAAA;AAC/C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAA;AAM1D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC7C,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAA;AAC9D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,CAAA;AAkB5C,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,MAAM,CAC7C,SAAQ,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzD,iCAAiC;IACjC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,mCAAmC;IACnC,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,CACjD,SAAQ,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7D,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAA;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AA6DD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA+E/E;yBA/Ee,QAAQ;;;;AAqFxB;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAoFvF;AAMD;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE;IAAE,OAAO,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAU9F;AA2CD,YAAY,EAAE,GAAG,EAAE,CAAA"}
@@ -1,7 +0,0 @@
1
- import type { JSX } from 'solid-js';
2
- export interface GitHubIconProps {
3
- size?: number;
4
- color?: string;
5
- }
6
- export declare function GitHubIcon(props: GitHubIconProps): JSX.Element;
7
- //# sourceMappingURL=GitHubIcon.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"GitHubIcon.d.ts","sourceRoot":"","sources":["../../../src/icon/icons/GitHubIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAY9D"}
@@ -1,28 +0,0 @@
1
- import type { Component, JSX } from 'solid-js';
2
- export interface IconProps {
3
- /** The icon component to render (should accept size and color props) */
4
- icon: Component<{
5
- size?: string | number;
6
- color?: string;
7
- }>;
8
- /** Size of the icon (e.g., '24px' or 24) */
9
- size?: string | number;
10
- /** Color of the icon */
11
- color?: string;
12
- /** Whether to show the accent shadow effect (4px offset to bottom) */
13
- withShadow?: boolean;
14
- /** Additional CSS class */
15
- class?: string;
16
- /** Click handler */
17
- onClick?: () => void;
18
- }
19
- /**
20
- * Icon wrapper component with optional accent shadow effect.
21
- *
22
- * The shadow effect creates a 4px offset accent-colored duplicate
23
- * of the icon behind it for a stylized look.
24
- */
25
- export declare function Icon(props: IconProps): JSX.Element;
26
- export { GitHubIcon } from './icons/GitHubIcon';
27
- export type { GitHubIconProps } from './icons/GitHubIcon';
28
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,WAAW,SAAS;IACxB,wEAAwE;IACxE,IAAI,EAAE,SAAS,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC3D,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAoBlD;AAGD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA"}