v-uixy 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (643) hide show
  1. package/README.md +20 -0
  2. package/bin/v-uixy.js +30 -0
  3. package/commands/add.js +189 -0
  4. package/commands/init.js +113 -0
  5. package/commands/list.js +48 -0
  6. package/commands/remove.js +69 -0
  7. package/configs/components.json +3 -0
  8. package/package.json +48 -0
  9. package/templates/assets/css/main.css +174 -0
  10. package/templates/assets/icons/4g.svg +3 -0
  11. package/templates/assets/icons/4k-box.svg +3 -0
  12. package/templates/assets/icons/4k.svg +3 -0
  13. package/templates/assets/icons/5g.svg +3 -0
  14. package/templates/assets/icons/ab-testing.svg +3 -0
  15. package/templates/assets/icons/ac.svg +3 -0
  16. package/templates/assets/icons/add-box-multiple.svg +3 -0
  17. package/templates/assets/icons/add-box.svg +3 -0
  18. package/templates/assets/icons/add-col.svg +3 -0
  19. package/templates/assets/icons/add-grid.svg +3 -0
  20. package/templates/assets/icons/add-row.svg +3 -0
  21. package/templates/assets/icons/alert.svg +3 -0
  22. package/templates/assets/icons/align-center.svg +3 -0
  23. package/templates/assets/icons/align-justify.svg +3 -0
  24. package/templates/assets/icons/align-left.svg +3 -0
  25. package/templates/assets/icons/align-right.svg +3 -0
  26. package/templates/assets/icons/analytics.svg +3 -0
  27. package/templates/assets/icons/anchor.svg +3 -0
  28. package/templates/assets/icons/android.svg +3 -0
  29. package/templates/assets/icons/animation.svg +3 -0
  30. package/templates/assets/icons/archive.svg +3 -0
  31. package/templates/assets/icons/arrow-bar-down.svg +3 -0
  32. package/templates/assets/icons/arrow-bar-left.svg +3 -0
  33. package/templates/assets/icons/arrow-bar-right.svg +3 -0
  34. package/templates/assets/icons/arrow-bar-up.svg +3 -0
  35. package/templates/assets/icons/arrow-down-box.svg +3 -0
  36. package/templates/assets/icons/arrow-down.svg +3 -0
  37. package/templates/assets/icons/arrow-left-box.svg +3 -0
  38. package/templates/assets/icons/arrow-left.svg +3 -0
  39. package/templates/assets/icons/arrow-right-box.svg +3 -0
  40. package/templates/assets/icons/arrow-right.svg +3 -0
  41. package/templates/assets/icons/arrow-up-box.svg +3 -0
  42. package/templates/assets/icons/arrow-up.svg +3 -0
  43. package/templates/assets/icons/arrows-horizontal.svg +3 -0
  44. package/templates/assets/icons/arrows-vertical.svg +3 -0
  45. package/templates/assets/icons/art-text.svg +3 -0
  46. package/templates/assets/icons/article-multiple.svg +3 -0
  47. package/templates/assets/icons/article.svg +3 -0
  48. package/templates/assets/icons/aspect-ratio.svg +3 -0
  49. package/templates/assets/icons/at.svg +3 -0
  50. package/templates/assets/icons/attachment.svg +3 -0
  51. package/templates/assets/icons/audio-device.svg +3 -0
  52. package/templates/assets/icons/avatar.svg +3 -0
  53. package/templates/assets/icons/backburger.svg +3 -0
  54. package/templates/assets/icons/battery-1.svg +3 -0
  55. package/templates/assets/icons/battery-2.svg +3 -0
  56. package/templates/assets/icons/battery-charging.svg +3 -0
  57. package/templates/assets/icons/battery-full.svg +3 -0
  58. package/templates/assets/icons/battery.svg +3 -0
  59. package/templates/assets/icons/bed.svg +3 -0
  60. package/templates/assets/icons/bitcoin.svg +3 -0
  61. package/templates/assets/icons/bluetooth.svg +3 -0
  62. package/templates/assets/icons/book-open.svg +3 -0
  63. package/templates/assets/icons/book.svg +3 -0
  64. package/templates/assets/icons/bookmark.svg +3 -0
  65. package/templates/assets/icons/bookmarks.svg +3 -0
  66. package/templates/assets/icons/briefcase-account.svg +3 -0
  67. package/templates/assets/icons/briefcase-check.svg +3 -0
  68. package/templates/assets/icons/briefcase-delete.svg +3 -0
  69. package/templates/assets/icons/briefcase-download.svg +3 -0
  70. package/templates/assets/icons/briefcase-minus.svg +3 -0
  71. package/templates/assets/icons/briefcase-plus.svg +3 -0
  72. package/templates/assets/icons/briefcase-search-1.svg +3 -0
  73. package/templates/assets/icons/briefcase-search.svg +3 -0
  74. package/templates/assets/icons/briefcase-upload.svg +3 -0
  75. package/templates/assets/icons/briefcase.svg +3 -0
  76. package/templates/assets/icons/bug.svg +3 -0
  77. package/templates/assets/icons/building-community.svg +3 -0
  78. package/templates/assets/icons/building-skyscraper.svg +3 -0
  79. package/templates/assets/icons/building.svg +3 -0
  80. package/templates/assets/icons/buildings.svg +3 -0
  81. package/templates/assets/icons/bulletlist.svg +3 -0
  82. package/templates/assets/icons/bullseye-arrow.svg +3 -0
  83. package/templates/assets/icons/bullseye.svg +3 -0
  84. package/templates/assets/icons/bus.svg +3 -0
  85. package/templates/assets/icons/cake.svg +3 -0
  86. package/templates/assets/icons/calculator.svg +3 -0
  87. package/templates/assets/icons/calendar-alert.svg +3 -0
  88. package/templates/assets/icons/calendar-arrow-left.svg +3 -0
  89. package/templates/assets/icons/calendar-arrow-right.svg +3 -0
  90. package/templates/assets/icons/calendar-check.svg +3 -0
  91. package/templates/assets/icons/calendar-export.svg +3 -0
  92. package/templates/assets/icons/calendar-grid.svg +3 -0
  93. package/templates/assets/icons/calendar-import.svg +3 -0
  94. package/templates/assets/icons/calendar-minus.svg +3 -0
  95. package/templates/assets/icons/calendar-month.svg +3 -0
  96. package/templates/assets/icons/calendar-multiple-check.svg +3 -0
  97. package/templates/assets/icons/calendar-multiple.svg +3 -0
  98. package/templates/assets/icons/calendar-plus.svg +3 -0
  99. package/templates/assets/icons/calendar-range.svg +3 -0
  100. package/templates/assets/icons/calendar-remove.svg +3 -0
  101. package/templates/assets/icons/calendar-search.svg +3 -0
  102. package/templates/assets/icons/calendar-sort-ascending.svg +3 -0
  103. package/templates/assets/icons/calendar-sort-descending.svg +3 -0
  104. package/templates/assets/icons/calendar-text.svg +3 -0
  105. package/templates/assets/icons/calendar-today.svg +3 -0
  106. package/templates/assets/icons/calendar-tomorrow.svg +3 -0
  107. package/templates/assets/icons/calendar-week-begin.svg +3 -0
  108. package/templates/assets/icons/calendar-week.svg +3 -0
  109. package/templates/assets/icons/calendar-weekend.svg +3 -0
  110. package/templates/assets/icons/calendar.svg +3 -0
  111. package/templates/assets/icons/camera-add.svg +3 -0
  112. package/templates/assets/icons/camera-alt.svg +3 -0
  113. package/templates/assets/icons/camera-face.svg +3 -0
  114. package/templates/assets/icons/camera.svg +3 -0
  115. package/templates/assets/icons/car.svg +3 -0
  116. package/templates/assets/icons/card-id.svg +3 -0
  117. package/templates/assets/icons/card-plus.svg +3 -0
  118. package/templates/assets/icons/card-stack.svg +3 -0
  119. package/templates/assets/icons/card-text.svg +3 -0
  120. package/templates/assets/icons/card.svg +3 -0
  121. package/templates/assets/icons/cart.svg +3 -0
  122. package/templates/assets/icons/cast.svg +3 -0
  123. package/templates/assets/icons/cellular-signal-0.svg +3 -0
  124. package/templates/assets/icons/cellular-signal-1.svg +3 -0
  125. package/templates/assets/icons/cellular-signal-2.svg +3 -0
  126. package/templates/assets/icons/cellular-signal-3.svg +3 -0
  127. package/templates/assets/icons/cellular-signal-off.svg +3 -0
  128. package/templates/assets/icons/chart-add.svg +3 -0
  129. package/templates/assets/icons/chart-bar.svg +3 -0
  130. package/templates/assets/icons/chart-delete.svg +3 -0
  131. package/templates/assets/icons/chart-minus.svg +3 -0
  132. package/templates/assets/icons/chart-multiple.svg +3 -0
  133. package/templates/assets/icons/chart.svg +3 -0
  134. package/templates/assets/icons/chat.svg +3 -0
  135. package/templates/assets/icons/check-double.svg +3 -0
  136. package/templates/assets/icons/check.svg +3 -0
  137. package/templates/assets/icons/checkbox-on.svg +3 -0
  138. package/templates/assets/icons/checkbox.svg +3 -0
  139. package/templates/assets/icons/checklist.svg +3 -0
  140. package/templates/assets/icons/chess.svg +3 -0
  141. package/templates/assets/icons/chevron-down.svg +3 -0
  142. package/templates/assets/icons/chevron-left.svg +3 -0
  143. package/templates/assets/icons/chevron-right.svg +3 -0
  144. package/templates/assets/icons/chevron-up.svg +3 -0
  145. package/templates/assets/icons/chevrons-horizontal.svg +3 -0
  146. package/templates/assets/icons/chevrons-vertical.svg +3 -0
  147. package/templates/assets/icons/circle.svg +3 -0
  148. package/templates/assets/icons/clipboard.svg +3 -0
  149. package/templates/assets/icons/clock.svg +3 -0
  150. package/templates/assets/icons/close-box.svg +3 -0
  151. package/templates/assets/icons/close.svg +3 -0
  152. package/templates/assets/icons/cloud-done.svg +3 -0
  153. package/templates/assets/icons/cloud-download.svg +3 -0
  154. package/templates/assets/icons/cloud-moon.svg +3 -0
  155. package/templates/assets/icons/cloud-sun.svg +3 -0
  156. package/templates/assets/icons/cloud-upload.svg +3 -0
  157. package/templates/assets/icons/cloud.svg +3 -0
  158. package/templates/assets/icons/cocktail.svg +3 -0
  159. package/templates/assets/icons/code.svg +3 -0
  160. package/templates/assets/icons/coffee-alt.svg +3 -0
  161. package/templates/assets/icons/coffee.svg +3 -0
  162. package/templates/assets/icons/coin.svg +3 -0
  163. package/templates/assets/icons/collapse.svg +3 -0
  164. package/templates/assets/icons/colors-swatch.svg +3 -0
  165. package/templates/assets/icons/command.svg +3 -0
  166. package/templates/assets/icons/comment.svg +3 -0
  167. package/templates/assets/icons/contact-delete.svg +3 -0
  168. package/templates/assets/icons/contact-multiple.svg +3 -0
  169. package/templates/assets/icons/contact-plus.svg +3 -0
  170. package/templates/assets/icons/contact.svg +3 -0
  171. package/templates/assets/icons/copy.svg +3 -0
  172. package/templates/assets/icons/corner-down-left.svg +3 -0
  173. package/templates/assets/icons/corner-down-right.svg +3 -0
  174. package/templates/assets/icons/corner-left-down.svg +3 -0
  175. package/templates/assets/icons/corner-left-up.svg +3 -0
  176. package/templates/assets/icons/corner-right-down.svg +3 -0
  177. package/templates/assets/icons/corner-right-up.svg +3 -0
  178. package/templates/assets/icons/corner-up-left.svg +3 -0
  179. package/templates/assets/icons/corner-up-right.svg +3 -0
  180. package/templates/assets/icons/credit-card-delete.svg +3 -0
  181. package/templates/assets/icons/credit-card-minus.svg +3 -0
  182. package/templates/assets/icons/credit-card-multiple.svg +3 -0
  183. package/templates/assets/icons/credit-card-plus.svg +3 -0
  184. package/templates/assets/icons/credit-card-settings.svg +3 -0
  185. package/templates/assets/icons/credit-card-wireless.svg +3 -0
  186. package/templates/assets/icons/credit-card.svg +3 -0
  187. package/templates/assets/icons/crop.svg +3 -0
  188. package/templates/assets/icons/cut.svg +3 -0
  189. package/templates/assets/icons/dashboard.svg +3 -0
  190. package/templates/assets/icons/debug-check.svg +3 -0
  191. package/templates/assets/icons/debug-off.svg +3 -0
  192. package/templates/assets/icons/debug-pause.svg +3 -0
  193. package/templates/assets/icons/debug-play.svg +3 -0
  194. package/templates/assets/icons/debug-stop.svg +3 -0
  195. package/templates/assets/icons/debug.svg +4 -0
  196. package/templates/assets/icons/delete.svg +3 -0
  197. package/templates/assets/icons/deskphone.svg +3 -0
  198. package/templates/assets/icons/device-laptop.svg +3 -0
  199. package/templates/assets/icons/device-phone.svg +3 -0
  200. package/templates/assets/icons/device-tablet.svg +3 -0
  201. package/templates/assets/icons/device-tv-smart.svg +3 -0
  202. package/templates/assets/icons/device-tv.svg +3 -0
  203. package/templates/assets/icons/device-vibrate.svg +3 -0
  204. package/templates/assets/icons/device-watch.svg +3 -0
  205. package/templates/assets/icons/devices.svg +3 -0
  206. package/templates/assets/icons/dice.svg +3 -0
  207. package/templates/assets/icons/dollar.svg +3 -0
  208. package/templates/assets/icons/downasaur.svg +3 -0
  209. package/templates/assets/icons/download.svg +3 -0
  210. package/templates/assets/icons/draft.svg +3 -0
  211. package/templates/assets/icons/drag-and-drop.svg +3 -0
  212. package/templates/assets/icons/drop-area.svg +3 -0
  213. package/templates/assets/icons/drop-full.svg +3 -0
  214. package/templates/assets/icons/drop-half.svg +3 -0
  215. package/templates/assets/icons/drop.svg +3 -0
  216. package/templates/assets/icons/duplicate-alt.svg +3 -0
  217. package/templates/assets/icons/duplicate.svg +3 -0
  218. package/templates/assets/icons/edit-box.svg +3 -0
  219. package/templates/assets/icons/edit.svg +3 -0
  220. package/templates/assets/icons/euro.svg +3 -0
  221. package/templates/assets/icons/expand.svg +3 -0
  222. package/templates/assets/icons/external-link.svg +3 -0
  223. package/templates/assets/icons/eye-closed.svg +3 -0
  224. package/templates/assets/icons/eye.svg +3 -0
  225. package/templates/assets/icons/file-alt.svg +3 -0
  226. package/templates/assets/icons/file-delete.svg +3 -0
  227. package/templates/assets/icons/file-flash.svg +3 -0
  228. package/templates/assets/icons/file-minus.svg +3 -0
  229. package/templates/assets/icons/file-multiple.svg +3 -0
  230. package/templates/assets/icons/file-off.svg +3 -0
  231. package/templates/assets/icons/file-plus.svg +3 -0
  232. package/templates/assets/icons/file.svg +3 -0
  233. package/templates/assets/icons/fill-half.svg +3 -0
  234. package/templates/assets/icons/fill.svg +3 -0
  235. package/templates/assets/icons/flag.svg +3 -0
  236. package/templates/assets/icons/flatten.svg +3 -0
  237. package/templates/assets/icons/flip-to-back.svg +3 -0
  238. package/templates/assets/icons/flip-to-front.svg +3 -0
  239. package/templates/assets/icons/float-center.svg +3 -0
  240. package/templates/assets/icons/float-left.svg +3 -0
  241. package/templates/assets/icons/float-right.svg +3 -0
  242. package/templates/assets/icons/folder-minus.svg +3 -0
  243. package/templates/assets/icons/folder-plus.svg +3 -0
  244. package/templates/assets/icons/folder-x.svg +3 -0
  245. package/templates/assets/icons/folder.svg +3 -0
  246. package/templates/assets/icons/forward.svg +3 -0
  247. package/templates/assets/icons/forwardburger.svg +3 -0
  248. package/templates/assets/icons/frame-add.svg +3 -0
  249. package/templates/assets/icons/frame-check.svg +3 -0
  250. package/templates/assets/icons/frame-delete.svg +3 -0
  251. package/templates/assets/icons/frame-minus.svg +3 -0
  252. package/templates/assets/icons/frame.svg +3 -0
  253. package/templates/assets/icons/gamepad.svg +3 -0
  254. package/templates/assets/icons/gif.svg +3 -0
  255. package/templates/assets/icons/gift.svg +3 -0
  256. package/templates/assets/icons/git-branch.svg +3 -0
  257. package/templates/assets/icons/git-commit.svg +3 -0
  258. package/templates/assets/icons/git-merge.svg +3 -0
  259. package/templates/assets/icons/git-pull-request.svg +3 -0
  260. package/templates/assets/icons/github-2.svg +4 -0
  261. package/templates/assets/icons/github.svg +3 -0
  262. package/templates/assets/icons/gps.svg +3 -0
  263. package/templates/assets/icons/grid.svg +3 -0
  264. package/templates/assets/icons/group.svg +3 -0
  265. package/templates/assets/icons/hd.svg +3 -0
  266. package/templates/assets/icons/headphone.svg +3 -0
  267. package/templates/assets/icons/headset.svg +3 -0
  268. package/templates/assets/icons/heart.svg +3 -0
  269. package/templates/assets/icons/hidden.svg +3 -0
  270. package/templates/assets/icons/home.svg +3 -0
  271. package/templates/assets/icons/hourglass.svg +3 -0
  272. package/templates/assets/icons/hq.svg +3 -0
  273. package/templates/assets/icons/human-handsdown.svg +3 -0
  274. package/templates/assets/icons/human-handsup.svg +3 -0
  275. package/templates/assets/icons/human-height-alt.svg +3 -0
  276. package/templates/assets/icons/human-height.svg +3 -0
  277. package/templates/assets/icons/human-run.svg +3 -0
  278. package/templates/assets/icons/human.svg +3 -0
  279. package/templates/assets/icons/image-arrow-right.svg +3 -0
  280. package/templates/assets/icons/image-broken.svg +3 -0
  281. package/templates/assets/icons/image-delete.svg +3 -0
  282. package/templates/assets/icons/image-flash.svg +3 -0
  283. package/templates/assets/icons/image-frame.svg +3 -0
  284. package/templates/assets/icons/image-gallery.svg +3 -0
  285. package/templates/assets/icons/image-multiple.svg +3 -0
  286. package/templates/assets/icons/image-new.svg +3 -0
  287. package/templates/assets/icons/image-plus.svg +3 -0
  288. package/templates/assets/icons/image.svg +3 -0
  289. package/templates/assets/icons/inbox-all.svg +3 -0
  290. package/templates/assets/icons/inbox-full.svg +3 -0
  291. package/templates/assets/icons/inbox.svg +3 -0
  292. package/templates/assets/icons/info-box.svg +3 -0
  293. package/templates/assets/icons/invert.svg +3 -0
  294. package/templates/assets/icons/iso.svg +3 -0
  295. package/templates/assets/icons/kanban.svg +3 -0
  296. package/templates/assets/icons/keyboard.svg +3 -0
  297. package/templates/assets/icons/label-alt-multiple.svg +3 -0
  298. package/templates/assets/icons/label-alt.svg +3 -0
  299. package/templates/assets/icons/label-sharp.svg +3 -0
  300. package/templates/assets/icons/label.svg +3 -0
  301. package/templates/assets/icons/layout-align-bottom.svg +3 -0
  302. package/templates/assets/icons/layout-align-left.svg +3 -0
  303. package/templates/assets/icons/layout-align-right.svg +3 -0
  304. package/templates/assets/icons/layout-align-top.svg +3 -0
  305. package/templates/assets/icons/layout-columns.svg +3 -0
  306. package/templates/assets/icons/layout-distribute-horizontal.svg +3 -0
  307. package/templates/assets/icons/layout-distribute-vertical.svg +3 -0
  308. package/templates/assets/icons/layout-footer.svg +3 -0
  309. package/templates/assets/icons/layout-header.svg +3 -0
  310. package/templates/assets/icons/layout-rows.svg +3 -0
  311. package/templates/assets/icons/layout-sidebar-left.svg +3 -0
  312. package/templates/assets/icons/layout-sidebar-right.svg +3 -0
  313. package/templates/assets/icons/layout.svg +3 -0
  314. package/templates/assets/icons/lightbulb-2.svg +3 -0
  315. package/templates/assets/icons/lightbulb-on.svg +3 -0
  316. package/templates/assets/icons/lightbulb.svg +3 -0
  317. package/templates/assets/icons/link.svg +3 -0
  318. package/templates/assets/icons/list-box.svg +3 -0
  319. package/templates/assets/icons/list.svg +3 -0
  320. package/templates/assets/icons/loader.svg +3 -0
  321. package/templates/assets/icons/lock-open.svg +3 -0
  322. package/templates/assets/icons/lock.svg +3 -0
  323. package/templates/assets/icons/login.svg +3 -0
  324. package/templates/assets/icons/logout.svg +3 -0
  325. package/templates/assets/icons/luggage.svg +3 -0
  326. package/templates/assets/icons/mail-arrow-right.svg +3 -0
  327. package/templates/assets/icons/mail-check.svg +3 -0
  328. package/templates/assets/icons/mail-delete.svg +3 -0
  329. package/templates/assets/icons/mail-flash.svg +3 -0
  330. package/templates/assets/icons/mail-multiple.svg +3 -0
  331. package/templates/assets/icons/mail-off.svg +3 -0
  332. package/templates/assets/icons/mail-unread.svg +3 -0
  333. package/templates/assets/icons/mail.svg +3 -0
  334. package/templates/assets/icons/map.svg +3 -0
  335. package/templates/assets/icons/mastodon.svg +3 -0
  336. package/templates/assets/icons/membercard.svg +3 -0
  337. package/templates/assets/icons/menu.svg +3 -0
  338. package/templates/assets/icons/message-arrow-left.svg +3 -0
  339. package/templates/assets/icons/message-arrow-right.svg +3 -0
  340. package/templates/assets/icons/message-bookmark.svg +3 -0
  341. package/templates/assets/icons/message-clock.svg +3 -0
  342. package/templates/assets/icons/message-delete.svg +3 -0
  343. package/templates/assets/icons/message-flash.svg +3 -0
  344. package/templates/assets/icons/message-image.svg +3 -0
  345. package/templates/assets/icons/message-minus.svg +3 -0
  346. package/templates/assets/icons/message-plus.svg +3 -0
  347. package/templates/assets/icons/message-processing.svg +3 -0
  348. package/templates/assets/icons/message-reply.svg +3 -0
  349. package/templates/assets/icons/message-text.svg +3 -0
  350. package/templates/assets/icons/message.svg +3 -0
  351. package/templates/assets/icons/minus.svg +3 -0
  352. package/templates/assets/icons/missed-call.svg +3 -0
  353. package/templates/assets/icons/modem.svg +3 -0
  354. package/templates/assets/icons/money.svg +3 -0
  355. package/templates/assets/icons/monitor.svg +3 -0
  356. package/templates/assets/icons/mood-happy.svg +3 -0
  357. package/templates/assets/icons/mood-neutral.svg +3 -0
  358. package/templates/assets/icons/mood-sad.svg +3 -0
  359. package/templates/assets/icons/moon-star.svg +3 -0
  360. package/templates/assets/icons/moon-stars.svg +3 -0
  361. package/templates/assets/icons/moon.svg +3 -0
  362. package/templates/assets/icons/more-horizontal.svg +3 -0
  363. package/templates/assets/icons/more-vertical.svg +3 -0
  364. package/templates/assets/icons/mouse.svg +3 -0
  365. package/templates/assets/icons/move.svg +3 -0
  366. package/templates/assets/icons/movie.svg +3 -0
  367. package/templates/assets/icons/music.svg +3 -0
  368. package/templates/assets/icons/next.svg +3 -0
  369. package/templates/assets/icons/note-delete.svg +3 -0
  370. package/templates/assets/icons/note-multiple.svg +3 -0
  371. package/templates/assets/icons/note-plus.svg +3 -0
  372. package/templates/assets/icons/note.svg +3 -0
  373. package/templates/assets/icons/notes-delete.svg +3 -0
  374. package/templates/assets/icons/notes-multiple.svg +3 -0
  375. package/templates/assets/icons/notes-plus.svg +3 -0
  376. package/templates/assets/icons/notes.svg +3 -0
  377. package/templates/assets/icons/notification-off.svg +3 -0
  378. package/templates/assets/icons/notification.svg +3 -0
  379. package/templates/assets/icons/open.svg +3 -0
  380. package/templates/assets/icons/paint-bucket.svg +3 -0
  381. package/templates/assets/icons/paperclip.svg +3 -0
  382. package/templates/assets/icons/pause.svg +3 -0
  383. package/templates/assets/icons/percent.svg +3 -0
  384. package/templates/assets/icons/picture-in-picture-alt.svg +3 -0
  385. package/templates/assets/icons/picture-in-picture.svg +3 -0
  386. package/templates/assets/icons/pin.svg +3 -0
  387. package/templates/assets/icons/pixelarticons.svg +3 -0
  388. package/templates/assets/icons/play.svg +3 -0
  389. package/templates/assets/icons/playlist.svg +3 -0
  390. package/templates/assets/icons/plus.svg +3 -0
  391. package/templates/assets/icons/power.svg +3 -0
  392. package/templates/assets/icons/prev.svg +3 -0
  393. package/templates/assets/icons/print.svg +3 -0
  394. package/templates/assets/icons/radio-handheld.svg +3 -0
  395. package/templates/assets/icons/radio-on.svg +3 -0
  396. package/templates/assets/icons/radio-signal.svg +3 -0
  397. package/templates/assets/icons/radio-tower.svg +3 -0
  398. package/templates/assets/icons/reciept-alt.svg +3 -0
  399. package/templates/assets/icons/reciept.svg +3 -0
  400. package/templates/assets/icons/redo.svg +3 -0
  401. package/templates/assets/icons/reload.svg +3 -0
  402. package/templates/assets/icons/remove-box-multiple.svg +3 -0
  403. package/templates/assets/icons/remove-box.svg +3 -0
  404. package/templates/assets/icons/repeat.svg +3 -0
  405. package/templates/assets/icons/reply-all.svg +3 -0
  406. package/templates/assets/icons/reply.svg +3 -0
  407. package/templates/assets/icons/rounded-corner.svg +3 -0
  408. package/templates/assets/icons/save.svg +3 -0
  409. package/templates/assets/icons/scale.svg +3 -0
  410. package/templates/assets/icons/script-text.svg +3 -0
  411. package/templates/assets/icons/script.svg +3 -0
  412. package/templates/assets/icons/scroll-horizontal.svg +3 -0
  413. package/templates/assets/icons/scroll-vertical.svg +3 -0
  414. package/templates/assets/icons/sd.svg +3 -0
  415. package/templates/assets/icons/search.svg +3 -0
  416. package/templates/assets/icons/section-copy.svg +3 -0
  417. package/templates/assets/icons/section-minus.svg +3 -0
  418. package/templates/assets/icons/section-plus.svg +3 -0
  419. package/templates/assets/icons/section-x.svg +3 -0
  420. package/templates/assets/icons/section.svg +3 -0
  421. package/templates/assets/icons/server.svg +3 -0
  422. package/templates/assets/icons/sharp-corner.svg +3 -0
  423. package/templates/assets/icons/shield-off.svg +3 -0
  424. package/templates/assets/icons/shield.svg +3 -0
  425. package/templates/assets/icons/ship.svg +3 -0
  426. package/templates/assets/icons/shopping-bag.svg +3 -0
  427. package/templates/assets/icons/shuffle.svg +3 -0
  428. package/templates/assets/icons/sliders-2.svg +3 -0
  429. package/templates/assets/icons/sliders.svg +3 -0
  430. package/templates/assets/icons/sort-alphabetic.svg +3 -0
  431. package/templates/assets/icons/sort-numeric.svg +3 -0
  432. package/templates/assets/icons/sort.svg +3 -0
  433. package/templates/assets/icons/speaker.svg +3 -0
  434. package/templates/assets/icons/speed-fast.svg +3 -0
  435. package/templates/assets/icons/speed-medium.svg +3 -0
  436. package/templates/assets/icons/speed-slow.svg +3 -0
  437. package/templates/assets/icons/spotlight.svg +3 -0
  438. package/templates/assets/icons/store.svg +3 -0
  439. package/templates/assets/icons/subscriptions.svg +3 -0
  440. package/templates/assets/icons/subtitles.svg +3 -0
  441. package/templates/assets/icons/suitcase.svg +3 -0
  442. package/templates/assets/icons/sun-alt.svg +3 -0
  443. package/templates/assets/icons/sun.svg +3 -0
  444. package/templates/assets/icons/switch.svg +3 -0
  445. package/templates/assets/icons/sync.svg +3 -0
  446. package/templates/assets/icons/tab.svg +3 -0
  447. package/templates/assets/icons/table.svg +3 -0
  448. package/templates/assets/icons/tea.svg +3 -0
  449. package/templates/assets/icons/teach.svg +3 -0
  450. package/templates/assets/icons/text-add.svg +3 -0
  451. package/templates/assets/icons/text-colums.svg +3 -0
  452. package/templates/assets/icons/text-search.svg +3 -0
  453. package/templates/assets/icons/text-wrap.svg +3 -0
  454. package/templates/assets/icons/timeline.svg +3 -0
  455. package/templates/assets/icons/toggle-left.svg +3 -0
  456. package/templates/assets/icons/toggle-right.svg +3 -0
  457. package/templates/assets/icons/tournament.svg +3 -0
  458. package/templates/assets/icons/track-changes.svg +3 -0
  459. package/templates/assets/icons/trash-alt.svg +3 -0
  460. package/templates/assets/icons/trash.svg +3 -0
  461. package/templates/assets/icons/trending-down.svg +3 -0
  462. package/templates/assets/icons/trending-up.svg +3 -0
  463. package/templates/assets/icons/trending.svg +3 -0
  464. package/templates/assets/icons/trophy.svg +3 -0
  465. package/templates/assets/icons/truck.svg +3 -0
  466. package/templates/assets/icons/undo.svg +3 -0
  467. package/templates/assets/icons/ungroup.svg +3 -0
  468. package/templates/assets/icons/unlink.svg +3 -0
  469. package/templates/assets/icons/upload.svg +3 -0
  470. package/templates/assets/icons/user-minus.svg +3 -0
  471. package/templates/assets/icons/user-plus.svg +3 -0
  472. package/templates/assets/icons/user-x.svg +3 -0
  473. package/templates/assets/icons/user.svg +3 -0
  474. package/templates/assets/icons/users.svg +3 -0
  475. package/templates/assets/icons/video-off.svg +3 -0
  476. package/templates/assets/icons/video.svg +3 -0
  477. package/templates/assets/icons/view-col.svg +3 -0
  478. package/templates/assets/icons/view-list.svg +3 -0
  479. package/templates/assets/icons/viewport-narrow.svg +3 -0
  480. package/templates/assets/icons/viewport-wide.svg +3 -0
  481. package/templates/assets/icons/visible.svg +3 -0
  482. package/templates/assets/icons/volume-1.svg +3 -0
  483. package/templates/assets/icons/volume-2.svg +3 -0
  484. package/templates/assets/icons/volume-3.svg +3 -0
  485. package/templates/assets/icons/volume-minus.svg +3 -0
  486. package/templates/assets/icons/volume-plus.svg +3 -0
  487. package/templates/assets/icons/volume-vibrate.svg +3 -0
  488. package/templates/assets/icons/volume-x.svg +3 -0
  489. package/templates/assets/icons/volume.svg +3 -0
  490. package/templates/assets/icons/wallet.svg +3 -0
  491. package/templates/assets/icons/warning-box.svg +3 -0
  492. package/templates/assets/icons/wind.svg +3 -0
  493. package/templates/assets/icons/zap.svg +3 -0
  494. package/templates/assets/icons/zoom-in.svg +3 -0
  495. package/templates/assets/icons/zoom-out.svg +3 -0
  496. package/templates/components/Accordion/Accordion.component.vue +36 -0
  497. package/templates/components/Accordion/Accordion.types.ts +8 -0
  498. package/templates/components/Accordion/AccordionItem.component.vue +90 -0
  499. package/templates/components/Accordion/index.ts +13 -0
  500. package/templates/components/Alert/Alert.component.vue +82 -0
  501. package/templates/components/Alert/Alert.styles.ts +0 -0
  502. package/templates/components/Alert/Alert.types.ts +14 -0
  503. package/templates/components/Alert/AlertItem.component.vue +55 -0
  504. package/templates/components/Alert/composables/index.ts +1 -0
  505. package/templates/components/Alert/composables/useAlert.composable.ts +17 -0
  506. package/templates/components/Alert/index.ts +11 -0
  507. package/templates/components/Avatar/Avatar.component.vue +53 -0
  508. package/templates/components/Avatar/Avatar.styles.ts +27 -0
  509. package/templates/components/Avatar/Avatar.types.ts +6 -0
  510. package/templates/components/Avatar/index.ts +4 -0
  511. package/templates/components/Badge/Badge.component.vue +91 -0
  512. package/templates/components/Badge/Badge.styles.ts +53 -0
  513. package/templates/components/Badge/Badge.types.ts +12 -0
  514. package/templates/components/Badge/index.ts +4 -0
  515. package/templates/components/Button/Button.component.vue +103 -0
  516. package/templates/components/Button/Button.styles.ts +40 -0
  517. package/templates/components/Button/Button.types.ts +14 -0
  518. package/templates/components/Button/index.ts +4 -0
  519. package/templates/components/Calendar/Calendar.component.vue +197 -0
  520. package/templates/components/Calendar/Calendar.styles.ts +23 -0
  521. package/templates/components/Calendar/Calendar.types.ts +6 -0
  522. package/templates/components/Calendar/index.ts +4 -0
  523. package/templates/components/Card/Card.component.vue +34 -0
  524. package/templates/components/Card/Card.styles.ts +7 -0
  525. package/templates/components/Card/Card.types.ts +5 -0
  526. package/templates/components/Card/index.ts +4 -0
  527. package/templates/components/Checkbox/Checkbox.component.vue +49 -0
  528. package/templates/components/Checkbox/Checkbox.styles.ts +21 -0
  529. package/templates/components/Checkbox/Checkbox.types.ts +3 -0
  530. package/templates/components/Checkbox/index.ts +4 -0
  531. package/templates/components/Command/Command.component.vue +100 -0
  532. package/templates/components/Command/Command.styles.ts +3 -0
  533. package/templates/components/Command/Command.types.ts +19 -0
  534. package/templates/components/Command/index.ts +4 -0
  535. package/templates/components/Icon/Icon.component.vue +20 -0
  536. package/templates/components/Icon/Icon.types.ts +5 -0
  537. package/templates/components/Icon/index.ts +4 -0
  538. package/templates/components/IconButton/IconButton.component.vue +95 -0
  539. package/templates/components/IconButton/IconButton.styles.ts +29 -0
  540. package/templates/components/IconButton/IconButton.types.ts +12 -0
  541. package/templates/components/IconButton/index.ts +4 -0
  542. package/templates/components/Input/Input.component.vue +98 -0
  543. package/templates/components/Input/Input.styles.ts +69 -0
  544. package/templates/components/Input/Input.types.ts +19 -0
  545. package/templates/components/Input/index.ts +4 -0
  546. package/templates/components/InputOTP/InputOTP.component.vue +158 -0
  547. package/templates/components/InputOTP/InputOTP.styles.ts +19 -0
  548. package/templates/components/InputOTP/InputOTP.types.ts +4 -0
  549. package/templates/components/InputOTP/index.ts +4 -0
  550. package/templates/components/Link/Link.component.vue +23 -0
  551. package/templates/components/Link/Link.types.ts +3 -0
  552. package/templates/components/Link/index.ts +4 -0
  553. package/templates/components/Loader/Loader.component.vue +12 -0
  554. package/templates/components/Loader/Loader.styles.ts +12 -0
  555. package/templates/components/Loader/Loader.types.ts +3 -0
  556. package/templates/components/Loader/index.ts +4 -0
  557. package/templates/components/Modal/Modal.component.vue +68 -0
  558. package/templates/components/Modal/Modal.styles.ts +7 -0
  559. package/templates/components/Modal/Modal.types.ts +1 -0
  560. package/templates/components/Modal/index.ts +4 -0
  561. package/templates/components/Popover/Popover.component.vue +66 -0
  562. package/templates/components/Popover/Popover.types.ts +4 -0
  563. package/templates/components/Popover/index.ts +4 -0
  564. package/templates/components/Radio/Radio.component.vue +40 -0
  565. package/templates/components/Radio/Radio.styles.ts +3 -0
  566. package/templates/components/Radio/Radio.types.ts +6 -0
  567. package/templates/components/Radio/index.ts +4 -0
  568. package/templates/components/Scale/Scale.component.vue +27 -0
  569. package/templates/components/Scale/Scale.types.ts +0 -0
  570. package/templates/components/Scale/composables/index.ts +1 -0
  571. package/templates/components/Scale/composables/useScale.composable.ts +13 -0
  572. package/templates/components/Scale/index.ts +4 -0
  573. package/templates/components/Select/Select.component.vue +201 -0
  574. package/templates/components/Select/Select.styles.ts +74 -0
  575. package/templates/components/Select/Select.types.ts +31 -0
  576. package/templates/components/Select/composables/index.ts +1 -0
  577. package/templates/components/Select/composables/useSelect.composable.ts +118 -0
  578. package/templates/components/Select/index.ts +15 -0
  579. package/templates/components/Separator/Separator.component.vue +22 -0
  580. package/templates/components/Separator/Separator.styles.ts +11 -0
  581. package/templates/components/Separator/Separator.types.ts +3 -0
  582. package/templates/components/Separator/index.ts +4 -0
  583. package/templates/components/Sheet/Sheet.component.vue +80 -0
  584. package/templates/components/Sheet/Sheet.styles.ts +11 -0
  585. package/templates/components/Sheet/Sheet.types.ts +3 -0
  586. package/templates/components/Sheet/index.ts +4 -0
  587. package/templates/components/Skeleton/Skeleton.component.vue +21 -0
  588. package/templates/components/Skeleton/Skeleton.styles.ts +5 -0
  589. package/templates/components/Skeleton/Skeleton.types.ts +1 -0
  590. package/templates/components/Skeleton/index.ts +4 -0
  591. package/templates/components/Slider/Slider.component.vue +51 -0
  592. package/templates/components/Slider/Slider.styles.ts +13 -0
  593. package/templates/components/Slider/Slider.types.ts +6 -0
  594. package/templates/components/Slider/index.ts +4 -0
  595. package/templates/components/Switch/Switch.component.vue +44 -0
  596. package/templates/components/Switch/Switch.styles.ts +22 -0
  597. package/templates/components/Switch/Switch.types.ts +3 -0
  598. package/templates/components/Switch/index.ts +4 -0
  599. package/templates/components/TableOfContents/TableOfContents.component.vue +118 -0
  600. package/templates/components/TableOfContents/TableOfContents.styles.ts +23 -0
  601. package/templates/components/TableOfContents/TableOfContents.types.ts +4 -0
  602. package/templates/components/TableOfContents/index.ts +4 -0
  603. package/templates/components/Tabs/Tabs.component.vue +60 -0
  604. package/templates/components/Tabs/Tabs.styles.ts +17 -0
  605. package/templates/components/Tabs/Tabs.types.ts +7 -0
  606. package/templates/components/Tabs/index.ts +4 -0
  607. package/templates/components/Textarea/Textarea.component.vue +83 -0
  608. package/templates/components/Textarea/Textarea.styles.ts +50 -0
  609. package/templates/components/Textarea/Textarea.types.ts +14 -0
  610. package/templates/components/Textarea/index.ts +4 -0
  611. package/templates/components/Theme/Theme.component.vue +82 -0
  612. package/templates/components/Theme/Theme.types.ts +1 -0
  613. package/templates/components/Theme/composables/index.ts +1 -0
  614. package/templates/components/Theme/composables/useTheme.composable.ts +15 -0
  615. package/templates/components/Theme/index.ts +5 -0
  616. package/templates/components/TimePicker/TimePicker.component.vue +115 -0
  617. package/templates/components/TimePicker/TimePicker.styles.ts +5 -0
  618. package/templates/components/TimePicker/TimePicker.types.ts +3 -0
  619. package/templates/components/TimePicker/index.ts +4 -0
  620. package/templates/components/Toast/Toast.component.vue +78 -0
  621. package/templates/components/Toast/Toast.styles.ts +0 -0
  622. package/templates/components/Toast/Toast.types.ts +6 -0
  623. package/templates/components/Toast/ToastItem.component.vue +20 -0
  624. package/templates/components/Toast/composables/index.ts +1 -0
  625. package/templates/components/Toast/composables/useToast.composable.ts +17 -0
  626. package/templates/components/Toast/index.ts +11 -0
  627. package/templates/components/Toggle/Toggle.component.vue +53 -0
  628. package/templates/components/Toggle/Toggle.styles.ts +20 -0
  629. package/templates/components/Toggle/Toggle.types.ts +8 -0
  630. package/templates/components/Toggle/index.ts +4 -0
  631. package/templates/components/Tooltip/Tooltip.component.vue +57 -0
  632. package/templates/components/Tooltip/Tooltip.types.ts +4 -0
  633. package/templates/components/Tooltip/index.ts +4 -0
  634. package/templates/components.json +202 -0
  635. package/templates/composables/usePosition.ts +106 -0
  636. package/templates/nuxt.config.ts +13 -0
  637. package/templates/scripts/generateIconTypes.script.js +48 -0
  638. package/templates/tailwind.config.ts +12 -0
  639. package/templates/tsconfig.json +11 -0
  640. package/templates/types/icons.ts +492 -0
  641. package/templates/types/styles.d.ts +4 -0
  642. package/templates/utils/styles.ts +109 -0
  643. package/templates/utils/twMerge.ts +41 -0
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M13 5h-2v8h-1v4h4v-4h-1V5zM9 7H5v2H3v2H1v6h2v2h2v-2H3v-6h2V9h4V7zm12 4h2v6h-2v-6zm-2-2h2v2h-2V9zm0 0h-4V7h4v2zm2 8v2h-2v-2h2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M9 5h6v2H9V5zm10 4h-4V7h4v2zm2 2h-2V9h2v2zm0 6v-6h2v6h-2zm0 0v2h-2v-2h2zM1 11h2v6H1v-6zm2 6h2v2H3v-2zm11-4h-4v-2H8V9H6V7H4v2h2v2h2v2h2v4h4v-4z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M5 2h16v20H3V2h2zm14 18V4H5v16h14zM13 6H7v2h6V6zm-6 4h10v8H7v-8z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M4 3h16v2H4V3zm0 4h18v8h-2v6h-2v-6h-4v6H4v-6H2V7h2zm8 12v-4H6v4h6zm0-6h8V9H4v4h8z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M18 2H6v2h12V2zM4 6h16v2H4V6zm-2 4h20v12H2V10zm18 10v-8H4v8h16z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M21 7h-8v10h8v-2h-6V9h6V7zM3 15V7h8v2H5v6h6v2H3v-2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M8 3h8v4h6v14H2V7h6V3zm2 4h4V5h-4v2zM4 9v10h16V9H4zm4 2v6H6v-6h2zm10 0v6h-2v-6h2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
2
+ <path d="M13 0h-2v4h2V0ZM0 11v2h4v-2H0Zm24 0v2h-4v-2h4ZM13 24h-2v-4h2v4ZM8 6h8v2H8V6ZM6 8h2v8H6V8Zm2 10v-2h8v2H8Zm10-2h-2V8h2v8Zm2-14h2v2h-2V2Zm0 2v2h-2V4h2Zm2 18h-2v-2h2v2Zm-2-2h-2v-2h2v2ZM4 2H2v2h2v2h2V4H4V2ZM2 22h2v-2h2v-2H4v2H2v2Z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M13 3h-2v2h2V3zm4 2h2v2h-2V5zm-6 6h2v2h-2v-2zm-8 0h2v2H3v-2zm18 0h-2v2h2v-2zM5 5h2v2H5V5zm14 14h-2v-2h2v2zm-8 2h2v-2h-2v2zm-4-2H5v-2h2v2zM9 7h6v2H9V7zm0 8H7V9h2v6zm0 0v2h6v-2h2V9h-2v6H9z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M3 5V3h2v2H3zm4 2H5V5h2v2zm2 2H7V7h2v2zm2 2H9V9h2v2zm2 0h-2v2h2v2h2v2h2v2h-2v2h6v-6h-2v2h-2v-2h-2v-2h-2v-2zm2-2v2h-2V9h2zm2-2v2h-2V7h2zm0-2v2h2v2h2V3h-6v2h2zM5 19v-2h2v2H5zm0 0v2H3v-2h2zm2-2v-2h2v2H7z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M4 9V7h12V5h2v2h2v2h-2v2h-2V9H4zm12 2h-2v2h2v-2zm0-6h-2V3h2v2zm4 12v-2H8v-2h2v-2H8v2H6v2H4v2h2v2h2v2h2v-2H8v-2h12z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M2 3h20v18H2V3zm2 2v14h16V9h-8V5H4z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M2 3h20v18H2V3zm2 4v5h7V7H4zm9 0v5h7V7h-7zm7 7h-7v5h7v-5zm-9 5v-5H4v5h7z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M4 4h18v7h-4v5H4V4zm14 5h2V6h-2v3zm-2-3h-4v2h2v4H8V8h2V6H6v8h10V6zm3 12v2H3v-2h16z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M9 2H5v4h4V2zm7 7V7H2v9h2v6h2v-6h2v6h2V9h6zm-5-7h11v14H11v-2h9V4h-9V2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M19 4H3v2h16V4zm0 4H3v2h16V8zM3 12h8v2H3v-2zm8 4H3v2h8v-2zm7-1h3v2h-3v3h-2v-3h-3v-2h3v-3h2v3z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M11 5H3v2h8V5zm10 0h-8v2h8V5zM3 9h8v2H3V9zm18 0h-8v2h8V9zM3 13h8v2H3v-2zm18 0h-8v2h8v-2zM3 17h8v2H3v-2zm18 0h-8v2h8v-2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M20 4H4v2h16V4zm0 4H4v2h16V8zm-8 4H4v2h8v-2zm8 0h-6v6h6v2h2v-2h-2v-6zm-4 4v-2h2v2h-2zm-4 0H4v2h8v-2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M19 5H3v2h16v6h-6v-2h2V9h-2v2h-2v2H9v2h2v2h2v2h2v-2h-2v-2h6v-2h2V7h-2V5zM7 13H3v2h4v-2zM3 9h6v2H3V9z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M7 7h4v4H7V7zm-2 6v-2h2v2H5zm0 0v4H1v-4h4zm8 0h-2v-2h2v2zm4 0h-4v4h4v-4zm2-2v2h-2v-2h2zm0 0h4V7h-4v4z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M4 5h16v2H4V5zm0 12H2V7h2v10zm16 0v2H4v-2h16zm0 0h2V7h-2v10zM10 9H6v6h4V9z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M4 5h16v2H4V5zm0 12H2V7h2v10zm16 0v2H4v-2h16zm0 0h2V7h-2v10zm-2-8h-4v6h4V9z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M9 2H2v2h5v4H2v2h7V7h5v10H9v-3H2v2h5v4H2v2h7v-3h7v-6h6v-2h-6V5H9V2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M11 2H2v20h20V4h-2v16H4V4h7v2H6v12h12V8h-2v8H8V8h3v2h-1v4h4v-4h-1V2h-2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M16 2v4h6v2h-2v14H4V8H2V6h6V2h8zm-2 2h-4v2h4V4zm0 4H6v12h12V8h-4z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M16 2v4h6v2h-2v14H4V8H2V6h6V2h8zm-2 2h-4v2h4V4zm0 4H6v12h12V8h-4zm-5 2h2v8H9v-8zm6 0h-2v8h2v-8z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M2 8h2v2h2v2h2v2h2v-2h2v-2h2v2h2v2h2v2h-4v2h8v-8h-2v4h-2v-2h-2v-2h-2V8h-2v2h-2v2H8v-2H6V8H4V6H2v2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M14 6h8v8h-2v-4h-2V8h-4V6zm2 6v-2h2v2h-2zm-2 2v-2h2v2h-2zm-2 0h2v2h-2v-2zm-2-2h2v2h-2v-2zm-2 0v-2h2v2H8zm-2 2v-2h2v2H6zm-2 2v-2h2v2H4zm0 0v2H2v-2h2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M3 4h2v14h16v2H3V4zm6 10H7v2h2v-2zm2-2v2H9v-2h2zm2 0v-2h-2v2h2zm2 0h-2v2h2v-2zm2-2h-2v2h2v-2zm2-2v2h-2V8h2zm0 0V6h2v2h-2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M16 3H6v2H2v10h6V5h8v10h6V5h-4V3h-2zm4 4v6h-2V7h2zM6 13H4V7h2v6zm12 2H6v2h12v-2zm-7 2h2v2h3v2H8v-2h3v-2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M2 4h14v4h4v2h-4v6h6v-4h2v6h-4v2h-4v-2H8v2H4v-2H0V4h2zm20 8h-2v-2h2v2zm-8-2V6H2v10h12v-6z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M8 4h2v2H8V4zm10 6V8H8V6H6v2H4v2h2v2h2v2h2v-2H8v-2h10zm0 8v-8h2v8h-2zm0 0v2h-6v-2h6z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M7 3H3v4h4V3zm0 14H3v4h4v-4zM17 3h4v4h-4V3zm4 14h-4v4h4v-4zM8 8h2v2H8V8zm4 2h-2v4H8v2h2v-2h4v2h2v-2h-2v-4h2V8h-2v2h-2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M13 4h-2v16h2V4zM4 6h5v2H4v8h5v2H2V6h2zm11 0h7v12h-7v-2h5V8h-5V6z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M11 5V3h2v2h2v2h2v2h-2V7h-2v10h-2V7H9v2H7V7h2V5h2zM3 15v6h18v-6h-2v4H5v-4H3z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M12 2h6v2h-6v6h-2V4h2V2zm0 8h6v2h-6v-2zm8-6h-2v6h2V4zM9 16H7v6h16v-6h-2v4H9v-4h12v-2H9v2zm-2-6H1v2h6v-2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M18 2h-6v2h-2v6h2V4h6V2zm0 8h-6v2h6v-2zm0-6h2v6h-2V4zM7 16h2v-2h12v2H9v4h12v-4h2v6H7v-6zM3 8h2v2h2v2H5v2H3v-2H1v-2h2V8z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M12 2h6v2h-6v6h-2V4h2V2zm0 8h6v2h-6v-2zm8-6h-2v6h2V4zM7 16v6h16v-6h-2v4H9v-4h12v-2H9v2H7zm-1-6H4V8H2v2h2v2H2v2h2v-2h2v2h2v-2H6v-2zm0 0h2V8H6v2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M15 2H9v2H7v6h2V4h6V2zm0 8H9v2h6v-2zm0-6h2v6h-2V4zM4 16h2v-2h12v2H6v4h12v-4h2v6H4v-6z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M11 0H5v2H3v6h2v2h6V8H5V2h6V0zm0 2h2v6h-2V2zM0 14h2v4h12v2H0v-6zm2 0h12v-2H2v2zm14 0h-2v6h2v-6zM15 0h4v2h-4V0zm4 8h-4v2h4V8zm0-6h2v6h-2V2zm5 12h-2v4h-4v2h6v-6zm-6-2h4v2h-4v-2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M4 5H2v14h14v-4h2v2h2v2h2V5h-2v2h-2v2h-2V5H4zm10 12H4V7h10v10zm-4-6H8V9H6v2h2v2H6v2h2v-2h2v2h2v-2h-2v-2zm0 0V9h2v2h-2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M2 5h14v4h2V7h2V5h2v14h-2v-2h-2v-2h-2v4H2V5zm2 12h10V7H4v10z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M2 5h20v14H2V5zm2 2v10h4V7H4zm6 0v10h4V7h-4zm6 0v10h4V7h-4z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M2 5h20v14H2V5zm2 2v2h16V7H4zm16 4H4v2h16v-2zm0 4H4v2h16v-2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M10 2H8v4h2V4h4v2h2V2h-6zM8 20v-2h2v2h4v-2h2v4H8v-2zm9-9h5v2h-5v2h-2v-2h-2v-2h2V9h2v2zm0-2V7h2v2h-2zm0 6h2v2h-2v-2zM2 11h5V9h2v2h2v2H9v2H7v-2H2v-2zm5 4v2H5v-2h2zm0-6V7H5v2h2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M4 2H2v4h2V4h16v2h2V2H4zM2 20v-2h2v2h16v-2h2v4H2v-2zm16-9h-5v2h5v2h-2v2h2v-2h2v-2h2v-2h-2V9h-2V7h-2v2h2v2zm-7 0H6V9h2V7H6v2H4v2H2v2h2v2h2v2h2v-2H6v-2h5v-2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path fill="currentColor" d="M0 0h2v2H0V0Zm2 2h2v2H2V2Zm18 0h2v2h-2V2Zm2-2h2v2h-2V0ZM2 20h2v2H2v-2Zm-2 2h2v2H0v-2Zm20-2h2v2h-2v-2Zm2 2h2v2h-2v-2ZM8 17h8v2H8v-2Zm8-2h4v2h-4v-2Zm-8 0H4v2h4v-2Zm8-8h4v2h-4V7ZM8 7H4v2h4V7Zm12 2h2v2h-2V9ZM4 9H2v2h2V9Zm18 2h2v2h-2v-2ZM2 11H0v2h2v-2Zm18 2h2v2h-2v-2ZM4 13H2v2h2v-2Zm4-8h8v2H8V5Zm2 5h4v4h-4v-4Z"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M15 2h-2v2h-2v2H9v2H5v8h4v2h2v2h2v2h2V2zm-4 16v-2H9v-2H7v-4h2V8h2V6h2v12h-2zm6-8h2v4h-2v-4z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M11 2h2v20h-2v-2H9v-2h2V6H9V4h2V2zM7 8V6h2v2H7zm0 8H3V8h4v2H5v4h2v2zm0 0v2h2v-2H7zm10-6h-2v4h2v-4zm2-2h2v8h-2V8zm0 8v2h-4v-2h4zm0-10v2h-4V6h4z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M11 2H9v2H7v2H5v2H1v8h4v2h2v2h2v2h2V2zM7 18v-2H5v-2H3v-4h2V8h2V6h2v12H7zm6-8h2v4h-2v-4zm8-6h-2V2h-6v2h6v2h2v12h-2v2h-6v2h6v-2h2v-2h2V6h-2V4zm-2 4h-2V6h-4v2h4v8h-4v2h4v-2h2V8z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M12 2h-2v2H8v2H6v2H2v8h4v2h2v2h2v2h2V2zM8 18v-2H6v-2H4v-4h2V8h2V6h2v12H8zm14-7h-8v2h8v-2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M10 2h2v20h-2v-2H8v-2h2V6H8V4h2V2zM6 8V6h2v2H6zm0 8H2V8h4v2H4v4h2v2zm0 0v2h2v-2H6zm13-5h3v2h-3v3h-2v-3h-3v-2h3V8h2v3z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M14 2h-2v2h-2v2H8v2H4v8h4v2h2v2h2v2h2V2zm-4 16v-2H8v-2H6v-4h2V8h2V6h2v12h-2zm8-15h-2v2h2v2h-2v2h2v2h-2v2h2v2h-2v2h2v2h-2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2V9h-2V7h2V5h-2V3z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M13 2h-2v2H9v2H7v2H3v8h4v2h2v2h2v2h2V2zM9 18v-2H7v-2H5v-4h2V8h2V6h2v12H9zm10-6.777h-2v-2h-2v2h2v2h-2v2h2v-2h2v2h2v-2h-2v-2zm0 0h2v-2h-2v2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M15 2h2v20h-2v-2h-2v-2h2V6h-2V4h2V2zm-4 6V6h2v2h-2zm-2 2h2V8H7v8h4v2h2v-2h-2v-2H9v-4z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M18 3H2v18h18v-4h2V7h-2V3h-2zm0 14v2H4V5h14v2h-8v10h8zm2-2h-8V9h8v6zm-4-4h-2v2h2v-2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M3 3h16v2H5v14h14v2H3V3zm18 0h-2v18h2V3zM11 15h2v2h-2v-2zm2-8h-2v6h2V7z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M12 3H8v2h4v2H2v2h12V3h-2zm10 8V7h-6v2h4v2H2v2h20v-2zM2 17v-2h14v6h-6v-2h4v-2H2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M12 1h2v8h8v4h-2v-2h-8V5h-2V3h2V1zM8 7V5h2v2H8zM6 9V7h2v2H6zm-2 2V9h2v2H4zm10 8v2h-2v2h-2v-8H2v-4h2v2h8v6h2zm2-2v2h-2v-2h2zm2-2v2h-2v-2h2zm0 0h2v-2h-2v2z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M14 2H6v2H4v2H2v8h2v2h2v2h8v-2h2v2h2v2h2v2h2v-2h-2v-2h-2v-2h-2v-2h2V6h-2V4h-2V2zm0 2v2h2v8h-2v2H6v-2H4V6h2V4h8zM9 6h2v3h3v2h-3v3H9v-3H6V9h3V6z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
2
+ <path d="M14 2H6v2H4v2H2v8h2v2h2v2h8v-2h2v2h2v2h2v2h2v-2h-2v-2h-2v-2h-2v-2h2V6h-2V4h-2V2zm0 2v2h2v8h-2v2H6v-2H4V6h2V4h8zm0 5v2H6V9h8z" fill="currentColor"/>
3
+ </svg>
@@ -0,0 +1,36 @@
1
+ <template>
2
+ <div class="flex flex-col gap-2">
3
+ <slot />
4
+ </div>
5
+ </template>
6
+
7
+ <script setup lang="ts">
8
+ import { type UixyAccordionProps } from "./Accordion.types";
9
+
10
+ const props = defineProps<UixyAccordionProps>();
11
+
12
+ const accordionItems = reactive(new Set<string | number>());
13
+
14
+ const registerAccordionItem = (id: string) => accordionItems.add(id);
15
+
16
+ const unregisterAccordionItem = (id: string) => accordionItems.delete(id);
17
+
18
+ const toggleAccordionItem = (id: string) => {
19
+ if (props.multiple)
20
+ return accordionItems.has(id)
21
+ ? accordionItems.delete(id)
22
+ : accordionItems.add(id);
23
+
24
+ if (accordionItems.has(id)) return accordionItems.delete(id);
25
+
26
+ accordionItems.clear();
27
+ accordionItems.add(id);
28
+ };
29
+
30
+ const isAccordionItemOpen = (id: string) => accordionItems.has(id);
31
+
32
+ provide("registerAccordionItem", registerAccordionItem);
33
+ provide("unregisterAccordionItem", unregisterAccordionItem);
34
+ provide("toggleAccordionItem", toggleAccordionItem);
35
+ provide("isAccordionItemOpen", isAccordionItemOpen);
36
+ </script>
@@ -0,0 +1,8 @@
1
+ export interface UixyAccordionProps {
2
+ multiple?: boolean;
3
+ }
4
+
5
+ export interface UixyAccordionItemProps {
6
+ header?: string;
7
+ defaultOpen?: boolean;
8
+ }
@@ -0,0 +1,90 @@
1
+ <template>
2
+ <div class="border-b border-solid border-gray-500 py-2">
3
+ <slot name="header" :toggle="handleToggle" :keydown="handleKeydown">
4
+ <button
5
+ class="group flex w-full cursor-pointer select-none items-center justify-between gap-4 rounded-1 py-1"
6
+ @click="handleToggle"
7
+ @keydown="handleKeydown"
8
+ :aria-expanded="isOpen"
9
+ :aria-controls="`controls-${id}`"
10
+ :aria-labelledby="`header-${id}`"
11
+ >
12
+ <p class="text-lg font-400 group-hover:underline" :id="`header-${id}`">
13
+ {{ props.header }}
14
+ </p>
15
+
16
+ <div
17
+ class="transition flex items-center justify-center"
18
+ :class="{
19
+ '-rotate-180': isOpen,
20
+ }"
21
+ >
22
+ <uixy-icon name="chevron-down" class="size-6" />
23
+ </div>
24
+ </button>
25
+ </slot>
26
+ <animate-presence mode="wait">
27
+ <motion.div
28
+ v-if="isOpen"
29
+ :initial="{ opacity: 0, height: 0 }"
30
+ :animate="{ opacity: 1, height: 'auto' }"
31
+ :exit="{ opacity: 0.3, height: 0 }"
32
+ :transition="{ duration: 0.15 }"
33
+ class="text-sm text-gray-800 dark:text-gray-300 overflow-hidden"
34
+ :id="`controls-${id}`"
35
+ >
36
+ <slot></slot>
37
+ </motion.div>
38
+ </animate-presence>
39
+ </div>
40
+ </template>
41
+
42
+ <script setup lang="ts">
43
+ import { AnimatePresence, motion } from "motion-v";
44
+ import { UixyIcon } from "../Icon";
45
+ import { type UixyAccordionItemProps } from "./Accordion.types";
46
+
47
+ const props = defineProps<UixyAccordionItemProps>();
48
+
49
+ const id = useId();
50
+
51
+ const registerAccordionItem = inject("registerAccordionItem") as (
52
+ id: string
53
+ ) => void;
54
+
55
+ const unregisterAccordionItem = inject("unregisterAccordionItem") as (
56
+ id: string
57
+ ) => void;
58
+
59
+ const toggleAccordionItem = inject("toggleAccordionItem") as (
60
+ id: string
61
+ ) => void;
62
+
63
+ const isAccordionItemOpen = inject("isAccordionItemOpen") as (
64
+ id: string
65
+ ) => boolean;
66
+
67
+ if (
68
+ !registerAccordionItem ||
69
+ !unregisterAccordionItem ||
70
+ !toggleAccordionItem ||
71
+ !isAccordionItemOpen
72
+ ) {
73
+ throw new Error("AccordionItem must be used inside Accordion.");
74
+ }
75
+
76
+ const isOpen = computed(() => isAccordionItemOpen(id));
77
+
78
+ const handleToggle = () => toggleAccordionItem(id);
79
+
80
+ const handleKeydown = (e: KeyboardEvent) => {
81
+ if (e.key !== "Enter" && e.key !== " ") return;
82
+
83
+ e.preventDefault();
84
+ handleToggle();
85
+ };
86
+
87
+ onMounted(() => {
88
+ if (props.defaultOpen) toggleAccordionItem(id);
89
+ });
90
+ </script>
@@ -0,0 +1,13 @@
1
+ import UixyAccordion from "./Accordion.component.vue";
2
+ import UixyAccordionItem from "./AccordionItem.component.vue";
3
+ import {
4
+ type UixyAccordionProps,
5
+ type UixyAccordionItemProps,
6
+ } from "./Accordion.types";
7
+
8
+ export {
9
+ UixyAccordion,
10
+ UixyAccordionItem,
11
+ type UixyAccordionProps,
12
+ type UixyAccordionItemProps,
13
+ };
@@ -0,0 +1,82 @@
1
+ <template>
2
+ <teleport to="body">
3
+ <div
4
+ class="pointer-events-none fixed bottom-0 right-0 z-10 w-full max-w-[520px] min-h-screen md:pb-8 md:pr-8 flex flex-col justify-end"
5
+ >
6
+ <ul
7
+ class="flex h-full max-w-[100vw] flex-col justify-end gap-4 px-2 py-4 md:p-0"
8
+ aria-live="polite"
9
+ >
10
+ <animate-presence :initial="false" mode="popLayout">
11
+ <motion.li
12
+ v-for="alert in alerts"
13
+ :key="alert.id"
14
+ layout
15
+ class="pointer-events-auto"
16
+ :initial="{ opacity: 0, y: 50, scale: 0.5 }"
17
+ :animate="{ opacity: 1, y: 0, scale: 1 }"
18
+ :exit="{ opacity: 0, scale: 0.5, transition: { duration: 0.2 } }"
19
+ role="alert"
20
+ >
21
+ <uixy-alert-item
22
+ v-bind="alert"
23
+ :key="alert.id"
24
+ @close-alert="close(alert.id)"
25
+ />
26
+ </motion.li>
27
+ </animate-presence>
28
+ </ul>
29
+ </div>
30
+ </teleport>
31
+ <slot />
32
+ </template>
33
+
34
+ <script setup lang="ts">
35
+ import { motion, AnimatePresence } from "motion-v";
36
+ import UixyAlertItem from "./AlertItem.component.vue";
37
+ import type { UixyAlertItemProps, UixyAlertProps } from "./Alert.types";
38
+ import { v4 as uuidv4 } from "uuid";
39
+
40
+ defineProps<UixyAlertProps>();
41
+
42
+ const alerts = ref<UixyAlertItemProps[]>([]);
43
+
44
+ const timeouts = reactive<
45
+ { id: string; timeout: ReturnType<typeof setTimeout> }[]
46
+ >([]);
47
+
48
+ const push = (alert: Omit<UixyAlertItemProps, "id">) => {
49
+ const id = uuidv4();
50
+
51
+ alerts.value = [
52
+ ...alerts.value,
53
+ {
54
+ ...alert,
55
+ id,
56
+ },
57
+ ];
58
+
59
+ timeouts.push({
60
+ id,
61
+ timeout: setTimeout(() => {
62
+ alerts.value = alerts.value.filter((a) => a.id !== id);
63
+ }, 8000),
64
+ });
65
+ };
66
+
67
+ const close = (id: string) => {
68
+ alerts.value = alerts.value.filter((alert) => {
69
+ if (alert.id === id) {
70
+ const timeout = timeouts.find((t) => t.id === id);
71
+ if (timeout) {
72
+ clearTimeout(timeout.timeout);
73
+ }
74
+ return false;
75
+ }
76
+ return true;
77
+ });
78
+ };
79
+
80
+ provide("push-alert", push);
81
+ provide("close-alert", close);
82
+ </script>
File without changes
@@ -0,0 +1,14 @@
1
+ import { type IconName } from "~/types/icons";
2
+ import type { UixyButtonProps } from "../Button";
3
+
4
+ export interface UixyAlertProps {}
5
+
6
+ export interface UixyAlertItemProps {
7
+ id: string;
8
+ label: string;
9
+ content?: string;
10
+ icon?: IconName;
11
+ action?: UixyButtonProps;
12
+ timer?: boolean;
13
+ showClose?: boolean;
14
+ }