@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,19 +0,0 @@
1
- /**
2
- * Button component for proyecto-viviana-ui
3
- *
4
- * A styled button component built on top of solidaria-components.
5
- * This component only handles styling - all behavior and accessibility
6
- * is provided by the headless Button from solidaria-components.
7
- */
8
- import { type JSX } from 'solid-js';
9
- import type { ButtonProps } from './types';
10
- /**
11
- * Buttons allow users to perform an action or to navigate to another page.
12
- * They have multiple styles for various needs, and are ideal for calling attention to
13
- * where a user needs to do something in order to move forward in a flow.
14
- *
15
- * Built on solidaria-components Button for full accessibility support.
16
- * Styles are defined in components.css using the vui-button class system.
17
- */
18
- export declare function Button(props: ButtonProps): JSX.Element;
19
- //# sourceMappingURL=Button.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/button/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA6C,MAAM,UAAU,CAAC;AAE/E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAqDtD"}
@@ -1,3 +0,0 @@
1
- export { Button } from './Button';
2
- export type { ButtonProps, ButtonVariant, ButtonStyle, ButtonSize, StaticColor } from './types';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
@@ -1,23 +0,0 @@
1
- import type { JSX } from 'solid-js';
2
- import type { ButtonProps as HeadlessButtonProps } from '@proyecto-viviana/solidaria-components';
3
- export type ButtonVariant = 'primary' | 'secondary' | 'accent' | 'positive' | 'negative' | 'ghost' | 'link';
4
- export type ButtonStyle = 'fill' | 'outline';
5
- export type ButtonSize = 'sm' | 'md' | 'lg';
6
- export type StaticColor = 'white' | 'black';
7
- export interface ButtonProps extends Omit<HeadlessButtonProps, 'class' | 'children' | 'style'> {
8
- /** The content to display in the button. */
9
- children?: JSX.Element;
10
- /** The visual style of the button. */
11
- variant?: ButtonVariant;
12
- /** The background style of the button. */
13
- buttonStyle?: ButtonStyle;
14
- /** The size of the button. */
15
- size?: ButtonSize;
16
- /** Whether the button should take up the full width of its container. */
17
- fullWidth?: boolean;
18
- /** The static color style to apply. Useful when the button appears over a color background. */
19
- staticColor?: StaticColor;
20
- /** Additional CSS class name. */
21
- class?: string;
22
- }
23
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,KAAK,EAAE,WAAW,IAAI,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAEjG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;AAC5G,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,CAAC;AAC7C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IAC5F,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,sCAAsC;IACtC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,8BAA8B;IAC9B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+FAA+F;IAC/F,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
@@ -1,47 +0,0 @@
1
- /**
2
- * DateField component for proyecto-viviana-ui
3
- *
4
- * Styled date field component with segment-based editing.
5
- */
6
- import { type JSX } from 'solid-js';
7
- import { type DateFieldProps as HeadlessDateFieldProps, type CalendarDate, type DateValue } from '@proyecto-viviana/solidaria-components';
8
- export type DateFieldSize = 'sm' | 'md' | 'lg';
9
- export interface DateFieldProps<T extends DateValue = DateValue> extends Omit<HeadlessDateFieldProps<T>, 'class' | 'style' | 'children'> {
10
- /** The size of the field. @default 'md' */
11
- size?: DateFieldSize;
12
- /** Additional CSS class name. */
13
- class?: string;
14
- /** Label for the field. */
15
- label?: string;
16
- /** Description text. */
17
- description?: string;
18
- /** Error message. */
19
- errorMessage?: string;
20
- }
21
- /**
22
- * A date field allows users to enter and edit date values using a keyboard.
23
- *
24
- * @example
25
- * ```tsx
26
- * // Basic usage
27
- * <DateField label="Birth date" />
28
- *
29
- * // Controlled
30
- * const [date, setDate] = createSignal<CalendarDate | null>(null);
31
- * <DateField
32
- * label="Event date"
33
- * value={date()}
34
- * onChange={setDate}
35
- * />
36
- *
37
- * // With validation
38
- * <DateField
39
- * label="Future date"
40
- * minValue={today(getLocalTimeZone())}
41
- * errorMessage="Date must be in the future"
42
- * />
43
- * ```
44
- */
45
- export declare function DateField<T extends DateValue = CalendarDate>(props: DateFieldProps<T>): JSX.Element;
46
- export type { CalendarDate, DateValue };
47
- //# sourceMappingURL=DateField.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/calendar/DateField.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAIL,KAAK,cAAc,IAAI,sBAAsB,EAC7C,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,wCAAwC,CAAC;AAMhD,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAC7D,SAAQ,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IACvE,2CAA2C;IAC3C,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA+BD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,SAAS,GAAG,YAAY,EAC1D,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GACvB,GAAG,CAAC,OAAO,CAyGb;AAGD,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}
@@ -1,48 +0,0 @@
1
- /**
2
- * DatePicker component for proyecto-viviana-ui
3
- *
4
- * Styled date picker component that combines a date field with a calendar popup.
5
- */
6
- import { type JSX } from 'solid-js';
7
- import { type DatePickerProps as HeadlessDatePickerProps, type CalendarDate, type DateValue } from '@proyecto-viviana/solidaria-components';
8
- export type DatePickerSize = 'sm' | 'md' | 'lg';
9
- export interface DatePickerProps<T extends DateValue = DateValue> extends Omit<HeadlessDatePickerProps<T>, 'class' | 'style' | 'children'> {
10
- /** The size of the picker. @default 'md' */
11
- size?: DatePickerSize;
12
- /** Additional CSS class name. */
13
- class?: string;
14
- /** Label for the field. */
15
- label?: string;
16
- /** Description text. */
17
- description?: string;
18
- /** Error message. */
19
- errorMessage?: string;
20
- /** Placeholder text. */
21
- placeholder?: string;
22
- }
23
- /**
24
- * A date picker combines a date field and a calendar popup.
25
- *
26
- * @example
27
- * ```tsx
28
- * // Basic usage
29
- * <DatePicker label="Event date" />
30
- *
31
- * // Controlled
32
- * const [date, setDate] = createSignal<CalendarDate | null>(null);
33
- * <DatePicker
34
- * label="Appointment"
35
- * value={date()}
36
- * onChange={setDate}
37
- * />
38
- *
39
- * // With constraints
40
- * <DatePicker
41
- * label="Future booking"
42
- * minValue={today(getLocalTimeZone())}
43
- * />
44
- * ```
45
- */
46
- export declare function DatePicker<T extends DateValue = CalendarDate>(props: DatePickerProps<T>): JSX.Element;
47
- export type { CalendarDate, DateValue };
48
- //# sourceMappingURL=DatePicker.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/calendar/DatePicker.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAC;AACtD,OAAO,EAML,KAAK,eAAe,IAAI,uBAAuB,EAC/C,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,wCAAwC,CAAC;AA4BhD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAC9D,SAAQ,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IACxE,4CAA4C;IAC5C,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAkCD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,SAAS,GAAG,YAAY,EAC3D,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GACxB,GAAG,CAAC,OAAO,CA6Ib;AAqCD,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}
@@ -1,42 +0,0 @@
1
- /**
2
- * RangeCalendar component for proyecto-viviana-ui
3
- *
4
- * Styled range calendar component built on top of solidaria-components.
5
- * A range calendar displays a grid of days and allows users to select a date range.
6
- */
7
- import { type JSX } from 'solid-js';
8
- import { type CalendarDate, type DateValue, type RangeValue } from '@proyecto-viviana/solidaria-components';
9
- import type { RangeCalendarStateProps } from '@proyecto-viviana/solid-stately';
10
- export type RangeCalendarSize = 'sm' | 'md' | 'lg';
11
- export interface RangeCalendarProps<T extends DateValue = DateValue> extends Omit<RangeCalendarStateProps<T>, 'locale'> {
12
- /** The size of the calendar. @default 'md' */
13
- size?: RangeCalendarSize;
14
- /** Additional CSS class name. */
15
- class?: string;
16
- /** The locale to use for formatting. */
17
- locale?: string;
18
- /** Custom aria label. */
19
- 'aria-label'?: string;
20
- }
21
- /**
22
- * A range calendar displays a grid of days and allows users to select a date range.
23
- *
24
- * @example
25
- * ```tsx
26
- * // Basic usage
27
- * <RangeCalendar
28
- * aria-label="Trip dates"
29
- * onChange={(range) => console.log(range)}
30
- * />
31
- *
32
- * // Controlled
33
- * const [range, setRange] = createSignal<RangeValue<CalendarDate> | null>(null);
34
- * <RangeCalendar
35
- * value={range()}
36
- * onChange={setRange}
37
- * />
38
- * ```
39
- */
40
- export declare function RangeCalendar<T extends DateValue = CalendarDate>(props: RangeCalendarProps<T>): JSX.Element;
41
- export type { RangeValue };
42
- //# sourceMappingURL=RangeCalendar.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RangeCalendar.d.ts","sourceRoot":"","sources":["../../src/calendar/RangeCalendar.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAML,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAM/E,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CACjE,SAAQ,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC;IAClD,8CAA8C;IAC9C,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA+BD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,SAAS,GAAG,YAAY,EAC9D,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC3B,GAAG,CAAC,OAAO,CAgJb;AAGD,YAAY,EAAE,UAAU,EAAE,CAAC"}
@@ -1,44 +0,0 @@
1
- /**
2
- * TimeField component for proyecto-viviana-ui
3
- *
4
- * Styled time field component with segment-based editing.
5
- */
6
- import { type JSX } from 'solid-js';
7
- import { type TimeFieldProps as HeadlessTimeFieldProps, type TimeValue } from '@proyecto-viviana/solidaria-components';
8
- export type TimeFieldSize = 'sm' | 'md' | 'lg';
9
- export interface TimeFieldProps<T extends TimeValue = TimeValue> extends Omit<HeadlessTimeFieldProps<T>, 'class' | 'style' | 'children'> {
10
- /** The size of the field. @default 'md' */
11
- size?: TimeFieldSize;
12
- /** Additional CSS class name. */
13
- class?: string;
14
- /** Label for the field. */
15
- label?: string;
16
- /** Description text. */
17
- description?: string;
18
- /** Error message. */
19
- errorMessage?: string;
20
- }
21
- /**
22
- * A time field allows users to enter and edit time values using a keyboard.
23
- *
24
- * @example
25
- * ```tsx
26
- * // Basic usage
27
- * <TimeField label="Start time" />
28
- *
29
- * // With 24-hour format
30
- * <TimeField
31
- * label="Meeting time"
32
- * hourCycle={24}
33
- * />
34
- *
35
- * // With seconds
36
- * <TimeField
37
- * label="Precise time"
38
- * granularity="second"
39
- * />
40
- * ```
41
- */
42
- export declare function TimeField<T extends TimeValue = TimeValue>(props: TimeFieldProps<T>): JSX.Element;
43
- export type { TimeValue };
44
- //# sourceMappingURL=TimeField.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../../src/calendar/TimeField.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAIL,KAAK,cAAc,IAAI,sBAAsB,EAC7C,KAAK,SAAS,EACf,MAAM,wCAAwC,CAAC;AAMhD,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAC7D,SAAQ,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC;IACvE,2CAA2C;IAC3C,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA+BD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,EACvD,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GACvB,GAAG,CAAC,OAAO,CAyGb;AAGD,YAAY,EAAE,SAAS,EAAE,CAAC"}
@@ -1,50 +0,0 @@
1
- /**
2
- * Calendar component for proyecto-viviana-ui
3
- *
4
- * Styled calendar component built on top of solidaria-components.
5
- * A calendar displays a grid of days and allows users to select dates.
6
- */
7
- import { type JSX } from 'solid-js';
8
- import { type CalendarDate, type DateValue } from '@proyecto-viviana/solidaria-components';
9
- import type { CalendarStateProps } from '@proyecto-viviana/solid-stately';
10
- export type CalendarSize = 'sm' | 'md' | 'lg';
11
- export interface CalendarProps<T extends DateValue = DateValue> extends Omit<CalendarStateProps<T>, 'locale'> {
12
- /** The size of the calendar. @default 'md' */
13
- size?: CalendarSize;
14
- /** Additional CSS class name. */
15
- class?: string;
16
- /** Whether to show week numbers. */
17
- showWeekNumbers?: boolean;
18
- /** The locale to use for formatting. */
19
- locale?: string;
20
- /** Custom aria label. */
21
- 'aria-label'?: string;
22
- }
23
- /**
24
- * A calendar displays a grid of days and allows users to select a date.
25
- *
26
- * @example
27
- * ```tsx
28
- * // Basic usage
29
- * <Calendar
30
- * aria-label="Event date"
31
- * onChange={(date) => console.log(date)}
32
- * />
33
- *
34
- * // Controlled
35
- * const [date, setDate] = createSignal<CalendarDate | null>(null);
36
- * <Calendar
37
- * value={date()}
38
- * onChange={setDate}
39
- * />
40
- *
41
- * // With min/max dates
42
- * <Calendar
43
- * minValue={today(getLocalTimeZone())}
44
- * maxValue={today(getLocalTimeZone()).add({ months: 3 })}
45
- * />
46
- * ```
47
- */
48
- export declare function Calendar<T extends DateValue = CalendarDate>(props: CalendarProps<T>): JSX.Element;
49
- export type { CalendarDate, DateValue };
50
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/calendar/index.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAChD,OAAO,EAML,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,wCAAwC,CAAC;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAM1E,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAC5D,SAAQ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC;IAC7C,8CAA8C;IAC9C,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA+BD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,SAAS,GAAG,YAAY,EACzD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,GACtB,GAAG,CAAC,OAAO,CA4Hb;AAGD,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC"}
@@ -1,43 +0,0 @@
1
- /**
2
- * Checkbox component for proyecto-viviana-ui
3
- *
4
- * A styled checkbox component built on top of solidaria-components.
5
- * This component only handles styling - all behavior and accessibility
6
- * is provided by the headless Checkbox from solidaria-components.
7
- */
8
- import { type JSX } from 'solid-js';
9
- import { type CheckboxProps as HeadlessCheckboxProps, type CheckboxGroupProps as HeadlessCheckboxGroupProps } from '@proyecto-viviana/solidaria-components';
10
- export type CheckboxSize = 'sm' | 'md' | 'lg';
11
- export interface CheckboxProps extends Omit<HeadlessCheckboxProps, 'class' | 'children' | 'style'> {
12
- /** The size of the checkbox. */
13
- size?: CheckboxSize;
14
- /** Additional CSS class name. */
15
- class?: string;
16
- /** Label text for the checkbox. */
17
- children?: JSX.Element;
18
- }
19
- export interface CheckboxGroupProps extends Omit<HeadlessCheckboxGroupProps, 'class' | 'children' | 'style'> {
20
- /** Additional CSS class name. */
21
- class?: string;
22
- /** Children checkboxes. */
23
- children?: JSX.Element;
24
- /** Label for the group. */
25
- label?: string;
26
- /** Description for the group. */
27
- description?: string;
28
- /** Error message when invalid. */
29
- errorMessage?: string;
30
- }
31
- /**
32
- * A checkbox allows users to select one or more items from a set.
33
- *
34
- * Built on solidaria-components Checkbox for full accessibility support.
35
- */
36
- export declare function Checkbox(props: CheckboxProps): JSX.Element;
37
- /**
38
- * A checkbox group allows users to select multiple items from a list.
39
- *
40
- * Built on solidaria-components CheckboxGroup for full accessibility support.
41
- */
42
- export declare function CheckboxGroup(props: CheckboxGroupProps): JSX.Element;
43
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/checkbox/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAmD,MAAM,UAAU,CAAA;AACpF,OAAO,EAGL,KAAK,aAAa,IAAI,qBAAqB,EAC3C,KAAK,kBAAkB,IAAI,0BAA0B,EAGtD,MAAM,wCAAwC,CAAA;AAM/C,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE7C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,qBAAqB,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IAChG,gCAAgC;IAChC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mCAAmC;IACnC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,0BAA0B,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;IAC1G,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACtB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAqED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAsF1D;AAMD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAyCpE"}
@@ -1,228 +0,0 @@
1
- /**
2
- * Color components for proyecto-viviana-ui
3
- *
4
- * Styled color picker components built on top of solidaria-components.
5
- * Inspired by Spectrum 2's color picker patterns.
6
- */
7
- import { type JSX } from 'solid-js';
8
- import { type ColorSliderProps as HeadlessColorSliderProps, type ColorAreaProps as HeadlessColorAreaProps, type ColorWheelProps as HeadlessColorWheelProps, type ColorFieldProps as HeadlessColorFieldProps, type ColorSwatchProps as HeadlessColorSwatchProps } from '@proyecto-viviana/solidaria-components';
9
- import type { Color, ColorChannel, ColorFormat } from '@proyecto-viviana/solid-stately';
10
- export type ColorSize = 'sm' | 'md' | 'lg';
11
- export interface ColorSliderProps extends Omit<HeadlessColorSliderProps, 'class' | 'style' | 'children'> {
12
- /** The size of the color slider. */
13
- size?: ColorSize;
14
- /** Additional CSS class name. */
15
- class?: string;
16
- /** Show the current value. */
17
- showValue?: boolean;
18
- }
19
- /**
20
- * A color slider allows users to adjust a single color channel.
21
- *
22
- * @example
23
- * ```tsx
24
- * const [color, setColor] = createSignal(parseColor('hsl(0, 100%, 50%)'))
25
- *
26
- * <ColorSlider
27
- * channel="hue"
28
- * value={color()}
29
- * onChange={setColor}
30
- * label="Hue"
31
- * />
32
- * ```
33
- */
34
- export declare function ColorSlider(props: ColorSliderProps): JSX.Element;
35
- export declare namespace ColorSlider {
36
- var Track: typeof ColorSliderTrack;
37
- var Thumb: typeof ColorSliderThumb;
38
- }
39
- /**
40
- * The track component for a color slider.
41
- */
42
- export declare function ColorSliderTrack(props: {
43
- children?: JSX.Element | (() => JSX.Element);
44
- class?: string;
45
- }): JSX.Element;
46
- /**
47
- * The thumb component for a color slider.
48
- */
49
- export declare function ColorSliderThumb(props: {
50
- class?: string;
51
- }): JSX.Element;
52
- export interface ColorAreaProps extends Omit<HeadlessColorAreaProps, 'class' | 'style' | 'children'> {
53
- /** The size of the color area. */
54
- size?: ColorSize;
55
- /** Additional CSS class name. */
56
- class?: string;
57
- }
58
- /**
59
- * A color area allows users to select a color by dragging in a 2D gradient.
60
- *
61
- * @example
62
- * ```tsx
63
- * const [color, setColor] = createSignal(parseColor('hsl(0, 100%, 50%)'))
64
- *
65
- * <ColorArea
66
- * value={color()}
67
- * onChange={setColor}
68
- * xChannel="saturation"
69
- * yChannel="lightness"
70
- * />
71
- * ```
72
- */
73
- export declare function ColorArea(props: ColorAreaProps): JSX.Element;
74
- export declare namespace ColorArea {
75
- var Gradient: typeof ColorAreaGradient;
76
- var Thumb: typeof ColorAreaThumb;
77
- }
78
- /**
79
- * The gradient background for a color area.
80
- */
81
- export declare function ColorAreaGradient(props: {
82
- class?: string;
83
- }): JSX.Element;
84
- /**
85
- * The thumb component for a color area.
86
- */
87
- export declare function ColorAreaThumb(props: {
88
- class?: string;
89
- }): JSX.Element;
90
- export interface ColorWheelProps extends Omit<HeadlessColorWheelProps, 'class' | 'style' | 'children'> {
91
- /** The size of the color wheel. */
92
- size?: ColorSize;
93
- /** Additional CSS class name. */
94
- class?: string;
95
- }
96
- /**
97
- * A color wheel allows users to select a hue by dragging around a circular track.
98
- *
99
- * @example
100
- * ```tsx
101
- * const [color, setColor] = createSignal(parseColor('hsl(0, 100%, 50%)'))
102
- *
103
- * <ColorWheel
104
- * value={color()}
105
- * onChange={setColor}
106
- * />
107
- * ```
108
- */
109
- export declare function ColorWheel(props: ColorWheelProps): JSX.Element;
110
- export declare namespace ColorWheel {
111
- var Track: typeof ColorWheelTrack;
112
- var Thumb: typeof ColorWheelThumb;
113
- }
114
- /**
115
- * The circular track for a color wheel.
116
- */
117
- export declare function ColorWheelTrack(props: {
118
- class?: string;
119
- }): JSX.Element;
120
- /**
121
- * The thumb component for a color wheel.
122
- */
123
- export declare function ColorWheelThumb(props: {
124
- class?: string;
125
- }): JSX.Element;
126
- export interface ColorFieldProps extends Omit<HeadlessColorFieldProps, 'class' | 'style' | 'children'> {
127
- /** The size of the color field. */
128
- size?: ColorSize;
129
- /** Additional CSS class name. */
130
- class?: string;
131
- /** Description text below the input. */
132
- description?: string;
133
- /** Error message to display. */
134
- errorMessage?: string;
135
- }
136
- /**
137
- * A color field allows users to enter a color value as text.
138
- *
139
- * @example
140
- * ```tsx
141
- * const [color, setColor] = createSignal(parseColor('#ff0000'))
142
- *
143
- * <ColorField
144
- * value={color()}
145
- * onChange={setColor}
146
- * label="Color"
147
- * />
148
- * ```
149
- */
150
- export declare function ColorField(props: ColorFieldProps): JSX.Element;
151
- export declare namespace ColorField {
152
- var Input: typeof ColorFieldInput;
153
- }
154
- /**
155
- * The input component for a color field.
156
- */
157
- export declare function ColorFieldInput(props: {
158
- class?: string;
159
- isInvalid?: boolean;
160
- }): JSX.Element;
161
- export interface ColorSwatchProps extends Omit<HeadlessColorSwatchProps, 'class' | 'style'> {
162
- /** The size of the color swatch. */
163
- size?: ColorSize;
164
- /** Additional CSS class name. */
165
- class?: string;
166
- /** Whether the swatch is selectable. */
167
- isSelectable?: boolean;
168
- /** Whether the swatch is selected. */
169
- isSelected?: boolean;
170
- /** Handler called when the swatch is clicked. */
171
- onClick?: () => void;
172
- }
173
- /**
174
- * A color swatch displays a color sample.
175
- *
176
- * @example
177
- * ```tsx
178
- * <ColorSwatch color={parseColor('#ff0000')} />
179
- *
180
- * // Selectable swatch
181
- * <ColorSwatch
182
- * color={parseColor('#00ff00')}
183
- * isSelectable
184
- * isSelected={selectedColor === '#00ff00'}
185
- * onClick={() => setSelectedColor('#00ff00')}
186
- * />
187
- * ```
188
- */
189
- export declare function ColorSwatch(props: ColorSwatchProps): JSX.Element;
190
- export interface ColorPickerProps {
191
- /** The current color value (controlled). */
192
- value?: Color | string;
193
- /** The default color value (uncontrolled). */
194
- defaultValue?: Color | string;
195
- /** Handler called when the color changes. */
196
- onChange?: (color: Color) => void;
197
- /** The size of the picker. */
198
- size?: ColorSize;
199
- /** Additional CSS class name. */
200
- class?: string;
201
- /** Whether the picker is disabled. */
202
- isDisabled?: boolean;
203
- /** A label for the picker. */
204
- label?: string;
205
- /** Whether to show the hex input field. */
206
- showInput?: boolean;
207
- /** Whether to show channel sliders. */
208
- showSliders?: boolean;
209
- }
210
- /**
211
- * A complete color picker component with area, sliders, and input.
212
- *
213
- * @example
214
- * ```tsx
215
- * const [color, setColor] = createSignal(parseColor('hsl(0, 100%, 50%)'))
216
- *
217
- * <ColorPicker
218
- * value={color()}
219
- * onChange={setColor}
220
- * label="Pick a color"
221
- * showInput
222
- * showSliders
223
- * />
224
- * ```
225
- */
226
- export declare function ColorPicker(props: ColorPickerProps): JSX.Element;
227
- export type { Color, ColorChannel, ColorFormat };
228
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/color/index.tsx"],"names":[],"mappings":"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"}