vlite3 0.1.0 → 0.1.2

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 (465) hide show
  1. package/_virtual/_plugin-vue_export-helper.js +9 -0
  2. package/components/Accordion/Accordion.vue.d.ts +44 -0
  3. package/components/Accordion/Accordion.vue.js +95 -0
  4. package/components/Accordion/Accordion.vue2.js +4 -0
  5. package/components/Accordion/AccordionContent.vue.d.ts +22 -0
  6. package/components/Accordion/AccordionContent.vue.js +7 -0
  7. package/components/Accordion/AccordionContent.vue2.js +47 -0
  8. package/components/Accordion/AccordionItem.vue.d.ts +56 -0
  9. package/components/Accordion/AccordionItem.vue.js +115 -0
  10. package/components/Accordion/AccordionItem.vue2.js +4 -0
  11. package/components/Accordion/AccordionTrigger.vue.d.ts +43 -0
  12. package/components/Accordion/AccordionTrigger.vue.js +94 -0
  13. package/components/Accordion/AccordionTrigger.vue2.js +4 -0
  14. package/components/Accordion/index.d.ts +5 -0
  15. package/components/Accordion/types.d.ts +33 -0
  16. package/components/Alert.vue.d.ts +36 -0
  17. package/components/Alert.vue.js +84 -0
  18. package/components/Alert.vue2.js +4 -0
  19. package/components/Avatar.vue.d.ts +32 -0
  20. package/components/Avatar.vue.js +78 -0
  21. package/components/Avatar.vue2.js +4 -0
  22. package/components/AvatarUploader/AvatarUploader.vue.d.ts +32 -0
  23. package/components/AvatarUploader/AvatarUploader.vue.js +99 -0
  24. package/components/AvatarUploader/AvatarUploader.vue2.js +4 -0
  25. package/{src/components/AvatarUploader/index.ts → components/AvatarUploader/index.d.ts} +2 -2
  26. package/components/Badge.vue.d.ts +25 -0
  27. package/components/Badge.vue.js +27 -0
  28. package/components/Badge.vue2.js +4 -0
  29. package/components/Button.vue.d.ts +26 -0
  30. package/components/Button.vue.js +107 -0
  31. package/components/Button.vue2.js +4 -0
  32. package/components/ButtonGroup.vue.d.ts +29 -0
  33. package/components/ButtonGroup.vue.js +7 -0
  34. package/components/ButtonGroup.vue2.js +30 -0
  35. package/components/Carousel/Carousel.vue.d.ts +847 -0
  36. package/components/Carousel/Carousel.vue.js +7 -0
  37. package/components/Carousel/Carousel.vue2.js +68 -0
  38. package/components/Carousel/index.d.ts +2 -0
  39. package/components/Carousel/types.d.ts +24 -0
  40. package/components/CheckBox.vue.d.ts +27 -0
  41. package/components/CheckBox.vue.js +115 -0
  42. package/components/CheckBox.vue2.js +4 -0
  43. package/components/Chip/Chip.vue.d.ts +33 -0
  44. package/components/Chip/Chip.vue.js +113 -0
  45. package/components/Chip/Chip.vue2.js +4 -0
  46. package/components/Chip/index.d.ts +2 -0
  47. package/components/Chip/types.d.ts +12 -0
  48. package/components/ChoiceBox/ChoiceBox.vue.d.ts +32 -0
  49. package/components/ChoiceBox/ChoiceBox.vue.js +141 -0
  50. package/components/ChoiceBox/ChoiceBox.vue2.js +4 -0
  51. package/components/ChoiceBox/index.d.ts +2 -0
  52. package/components/ColorPicker/ColorIro.vue.d.ts +18 -0
  53. package/components/ColorPicker/ColorIro.vue.js +142 -0
  54. package/components/ColorPicker/ColorIro.vue3.js +5 -0
  55. package/components/ColorPicker/ColorPicker.vue.d.ts +22 -0
  56. package/components/ColorPicker/ColorPicker.vue.js +56 -0
  57. package/components/ColorPicker/ColorPicker.vue2.js +4 -0
  58. package/components/ConfirmationModal.vue.d.ts +39 -0
  59. package/components/ConfirmationModal.vue.js +55 -0
  60. package/components/ConfirmationModal.vue2.js +4 -0
  61. package/components/DataTable/DataTable.vue.d.ts +60 -0
  62. package/components/DataTable/DataTable.vue.js +7 -0
  63. package/components/DataTable/DataTable.vue2.js +310 -0
  64. package/components/DataTable/DataTableHeader.vue.d.ts +14 -0
  65. package/components/DataTable/DataTableHeader.vue.js +49 -0
  66. package/components/DataTable/DataTableHeader.vue2.js +4 -0
  67. package/components/DataTable/DataTableRow.vue.d.ts +51 -0
  68. package/components/DataTable/DataTableRow.vue.js +114 -0
  69. package/components/DataTable/DataTableRow.vue2.js +4 -0
  70. package/components/DataTable/DataTableToolbar.vue.d.ts +31 -0
  71. package/components/DataTable/DataTableToolbar.vue.js +45 -0
  72. package/components/DataTable/DataTableToolbar.vue2.js +4 -0
  73. package/components/DataTable/index.d.ts +4 -0
  74. package/components/DataTable/types.d.ts +75 -0
  75. package/components/DatePicker.vue.d.ts +44 -0
  76. package/components/DatePicker.vue.js +84 -0
  77. package/components/DatePicker.vue2.js +4 -0
  78. package/components/Dropdown/Dropdown.vue.d.ts +105 -0
  79. package/components/Dropdown/Dropdown.vue.js +206 -0
  80. package/components/Dropdown/Dropdown.vue2.js +4 -0
  81. package/components/Dropdown/DropdownBooleanItem.vue.d.ts +12 -0
  82. package/components/Dropdown/DropdownBooleanItem.vue.js +41 -0
  83. package/components/Dropdown/DropdownBooleanItem.vue2.js +4 -0
  84. package/components/Dropdown/DropdownGroupedLayout.vue.d.ts +21 -0
  85. package/components/Dropdown/DropdownGroupedLayout.vue.js +73 -0
  86. package/components/Dropdown/DropdownGroupedLayout.vue2.js +4 -0
  87. package/components/Dropdown/DropdownItem.vue.d.ts +35 -0
  88. package/components/Dropdown/DropdownItem.vue.js +56 -0
  89. package/components/Dropdown/DropdownItem.vue2.js +4 -0
  90. package/components/Dropdown/DropdownMenu.vue.d.ts +73 -0
  91. package/components/Dropdown/DropdownMenu.vue.js +232 -0
  92. package/components/Dropdown/DropdownMenu.vue2.js +4 -0
  93. package/components/Dropdown/DropdownTrigger.vue.d.ts +15 -0
  94. package/components/Dropdown/DropdownTrigger.vue.js +26 -0
  95. package/components/Dropdown/DropdownTrigger.vue2.js +4 -0
  96. package/components/Dropdown/composables/useDropdownIds.d.ts +5 -0
  97. package/components/Dropdown/composables/useDropdownIds.js +20 -0
  98. package/components/Dropdown/composables/useDropdownNavigation.d.ts +19 -0
  99. package/components/Dropdown/composables/useDropdownNavigation.js +49 -0
  100. package/components/Dropdown/composables/useDropdownSelection.d.ts +16 -0
  101. package/components/Dropdown/composables/useDropdownSelection.js +41 -0
  102. package/components/Dropdown/index.d.ts +6 -0
  103. package/components/FilePicker/FilePicker.vue.d.ts +65 -0
  104. package/components/FilePicker/FilePicker.vue.js +285 -0
  105. package/components/FilePicker/FilePicker.vue2.js +4 -0
  106. package/components/FilePicker/index.d.ts +2 -0
  107. package/components/FileTree/FileTree.vue.d.ts +20 -0
  108. package/components/FileTree/FileTree.vue.js +139 -0
  109. package/components/FileTree/FileTree.vue2.js +4 -0
  110. package/components/FileTree/FileTreeNode.vue.d.ts +28 -0
  111. package/components/FileTree/FileTreeNode.vue.js +184 -0
  112. package/components/FileTree/FileTreeNode.vue2.js +4 -0
  113. package/components/FileTree/index.d.ts +4 -0
  114. package/components/FileTree/types.d.ts +36 -0
  115. package/components/FileTree/useTreeSelection.d.ts +12 -0
  116. package/components/FileTree/useTreeSelection.js +25 -0
  117. package/components/Form/CustomFields.vue.d.ts +38 -0
  118. package/components/Form/CustomFields.vue.js +7 -0
  119. package/components/Form/CustomFields.vue2.js +161 -0
  120. package/components/Form/Form.vue.d.ts +94 -0
  121. package/components/Form/Form.vue.js +7 -0
  122. package/components/Form/Form.vue2.js +238 -0
  123. package/components/Form/FormField.vue.d.ts +28 -0
  124. package/components/Form/FormField.vue.js +207 -0
  125. package/components/Form/FormField.vue2.js +4 -0
  126. package/components/Form/FormFields.vue.d.ts +29 -0
  127. package/components/Form/FormFields.vue.js +7 -0
  128. package/components/Form/FormFields.vue2.js +95 -0
  129. package/components/Form/composables/useFileUpload.d.ts +24 -0
  130. package/components/Form/composables/useFileUpload.js +40 -0
  131. package/components/Form/composables/useForm.d.ts +48 -0
  132. package/components/Form/composables/useForm.js +109 -0
  133. package/components/Form/index.d.ts +9 -0
  134. package/components/Form/types.d.ts +167 -0
  135. package/components/Form/utils/form.utils.d.ts +44 -0
  136. package/components/Form/utils/form.utils.js +97 -0
  137. package/components/Heatmap/Heatmap.vue.d.ts +26 -0
  138. package/components/Heatmap/Heatmap.vue.js +7 -0
  139. package/components/Heatmap/Heatmap.vue2.js +326 -0
  140. package/components/Heatmap/index.d.ts +2 -0
  141. package/components/Heatmap/types.d.ts +66 -0
  142. package/components/Icon.vue.d.ts +7 -0
  143. package/components/Icon.vue.js +25 -0
  144. package/components/Icon.vue2.js +4 -0
  145. package/components/IconPicker.vue.d.ts +38 -0
  146. package/components/IconPicker.vue.js +124 -0
  147. package/components/IconPicker.vue2.js +4 -0
  148. package/components/Input.vue.d.ts +54 -0
  149. package/components/Input.vue.js +267 -0
  150. package/components/Input.vue2.js +4 -0
  151. package/components/Label.vue.d.ts +23 -0
  152. package/components/Label.vue.js +23 -0
  153. package/components/Label.vue2.js +4 -0
  154. package/components/Logo.vue.d.ts +2 -0
  155. package/components/Logo.vue.js +10 -0
  156. package/components/Logo.vue2.js +4 -0
  157. package/components/Masonry/Masonry.vue.d.ts +31 -0
  158. package/components/Masonry/Masonry.vue.js +7 -0
  159. package/components/Masonry/Masonry.vue2.js +83 -0
  160. package/components/Masonry/index.d.ts +2 -0
  161. package/components/Masonry/types.d.ts +33 -0
  162. package/components/Masonry/types.js +10 -0
  163. package/components/Modal.vue.d.ts +52 -0
  164. package/components/Modal.vue.js +116 -0
  165. package/components/Modal.vue2.js +4 -0
  166. package/components/MultiSelect/MultiSelect.vue.d.ts +40 -0
  167. package/components/MultiSelect/MultiSelect.vue.js +126 -0
  168. package/components/MultiSelect/MultiSelect.vue2.js +4 -0
  169. package/components/MultiSelect/index.d.ts +1 -0
  170. package/components/Navbar/Navbar.vue.d.ts +51 -0
  171. package/components/Navbar/Navbar.vue.js +198 -0
  172. package/components/Navbar/Navbar.vue2.js +4 -0
  173. package/components/Navbar/NavbarGroup.vue.d.ts +24 -0
  174. package/components/Navbar/NavbarGroup.vue.js +23 -0
  175. package/components/Navbar/NavbarGroup.vue2.js +4 -0
  176. package/components/Navbar/NavbarItem.vue.d.ts +40 -0
  177. package/components/Navbar/NavbarItem.vue.js +104 -0
  178. package/components/Navbar/NavbarItem.vue2.js +4 -0
  179. package/components/Navbar/index.d.ts +3 -0
  180. package/components/OTPInput/OTPInput.vue.d.ts +33 -0
  181. package/components/OTPInput/OTPInput.vue.js +115 -0
  182. package/components/OTPInput/OTPInput.vue2.js +4 -0
  183. package/components/OTPInput/index.d.ts +1 -0
  184. package/components/Pagination/Pagination.vue.d.ts +34 -0
  185. package/components/Pagination/Pagination.vue.js +196 -0
  186. package/components/Pagination/Pagination.vue2.js +4 -0
  187. package/components/Pagination/index.d.ts +1 -0
  188. package/components/PricingPlan/PricingPlan.vue.d.ts +22 -0
  189. package/components/PricingPlan/PricingPlan.vue.js +55 -0
  190. package/components/PricingPlan/PricingPlan.vue2.js +4 -0
  191. package/components/PricingPlan/PricingPlanItem.vue.d.ts +17 -0
  192. package/components/PricingPlan/PricingPlanItem.vue.js +94 -0
  193. package/components/PricingPlan/PricingPlanItem.vue2.js +4 -0
  194. package/components/PricingPlan/index.d.ts +3 -0
  195. package/components/PricingPlan/types.d.ts +25 -0
  196. package/components/SidePanel.vue.d.ts +64 -0
  197. package/components/SidePanel.vue.js +7 -0
  198. package/components/SidePanel.vue2.js +131 -0
  199. package/components/SidebarMenu/SidebarMenu.vue.d.ts +11 -0
  200. package/components/SidebarMenu/SidebarMenu.vue.js +78 -0
  201. package/components/SidebarMenu/SidebarMenu.vue2.js +4 -0
  202. package/components/SidebarMenu/SidebarMenuItem.vue.d.ts +9 -0
  203. package/components/SidebarMenu/SidebarMenuItem.vue.js +269 -0
  204. package/components/SidebarMenu/SidebarMenuItem.vue3.js +5 -0
  205. package/components/SidebarMenu/index.d.ts +3 -0
  206. package/components/SidebarMenu/types.d.ts +35 -0
  207. package/components/Slider.vue.d.ts +31 -0
  208. package/components/Slider.vue.js +157 -0
  209. package/components/Slider.vue2.js +4 -0
  210. package/components/Switch.vue.d.ts +16 -0
  211. package/components/Switch.vue.js +40 -0
  212. package/components/Switch.vue2.js +4 -0
  213. package/components/Tabes/Tabes.vue.d.ts +21 -0
  214. package/components/Tabes/Tabes.vue.js +75 -0
  215. package/components/Tabes/Tabes.vue2.js +4 -0
  216. package/components/Tabes/index.d.ts +2 -0
  217. package/components/Tabes/types.d.ts +8 -0
  218. package/components/Textarea.vue.d.ts +22 -0
  219. package/components/Textarea.vue.js +34 -0
  220. package/components/Textarea.vue2.js +4 -0
  221. package/components/ThemeToggle.vue.d.ts +2 -0
  222. package/components/ThemeToggle.vue.js +18 -0
  223. package/components/ThemeToggle.vue2.js +4 -0
  224. package/components/Timeline.vue.d.ts +39 -0
  225. package/components/Timeline.vue.js +174 -0
  226. package/components/Timeline.vue2.js +4 -0
  227. package/components/ToastNotification.vue.d.ts +7 -0
  228. package/components/ToastNotification.vue.js +7 -0
  229. package/components/ToastNotification.vue2.js +151 -0
  230. package/components/Tooltip.vue.d.ts +31 -0
  231. package/components/Tooltip.vue.js +45 -0
  232. package/components/Tooltip.vue2.js +4 -0
  233. package/components/Workbook/Sheet.vue.d.ts +38 -0
  234. package/components/Workbook/Sheet.vue.js +141 -0
  235. package/components/Workbook/Sheet.vue2.js +4 -0
  236. package/components/Workbook/Workbook.vue.d.ts +54 -0
  237. package/components/Workbook/Workbook.vue.js +7 -0
  238. package/components/Workbook/Workbook.vue2.js +146 -0
  239. package/components/Workbook/WorkbookAddButton.vue.d.ts +6 -0
  240. package/components/Workbook/WorkbookAddButton.vue.js +20 -0
  241. package/components/Workbook/WorkbookAddButton.vue2.js +4 -0
  242. package/components/Workbook/index.d.ts +3 -0
  243. package/components/Workbook/types.d.ts +34 -0
  244. package/composables/useKeyStroke.d.ts +21 -0
  245. package/composables/useKeyStroke.js +93 -0
  246. package/composables/useNotifications.d.ts +113 -0
  247. package/composables/useNotifications.js +99 -0
  248. package/composables/useTheme.d.ts +6 -0
  249. package/composables/useTheme.js +32 -0
  250. package/core/config.d.ts +29 -0
  251. package/core/config.js +12 -0
  252. package/core/index.d.ts +31 -0
  253. package/core/index.js +15 -0
  254. package/directives/vRipple.d.ts +4 -0
  255. package/directives/vRipple.js +17 -0
  256. package/index.d.ts +49 -0
  257. package/index.js +156 -0
  258. package/package.json +2 -2
  259. package/style.css +590 -0
  260. package/types/alert.type.d.ts +10 -0
  261. package/{src/types/avatar.type.ts → types/avatar.type.d.ts} +8 -9
  262. package/types/button.d.ts +15 -0
  263. package/types/buttongroup.type.d.ts +1 -0
  264. package/{src/types/config.type.ts → types/config.type.d.ts} +13 -16
  265. package/types/form.type.d.ts +45 -0
  266. package/types/index.d.ts +10 -0
  267. package/types/navbar.type.d.ts +27 -0
  268. package/types/sidepanel.type.d.ts +13 -0
  269. package/types/styles.d.ts +28 -0
  270. package/types/timeline.type.d.ts +9 -0
  271. package/{src/utils/functions.ts → utils/functions.d.ts} +1 -9
  272. package/utils/functions.js +11 -0
  273. package/utils/index.d.ts +2 -0
  274. package/utils/object.d.ts +6 -0
  275. package/utils/object.js +14 -0
  276. package/.vscode/extensions.json +0 -3
  277. package/LICENSE +0 -21
  278. package/index.html +0 -16
  279. package/scripts/bundle-css.js +0 -45
  280. package/src/App.vue +0 -7
  281. package/src/components/Accordion/Accordion.vue +0 -139
  282. package/src/components/Accordion/AccordionContent.vue +0 -63
  283. package/src/components/Accordion/AccordionItem.vue +0 -163
  284. package/src/components/Accordion/AccordionTrigger.vue +0 -125
  285. package/src/components/Accordion/index.ts +0 -5
  286. package/src/components/Accordion/types.ts +0 -41
  287. package/src/components/Alert.vue +0 -112
  288. package/src/components/Avatar.vue +0 -110
  289. package/src/components/AvatarUploader/AvatarUploader.vue +0 -129
  290. package/src/components/Badge.vue +0 -45
  291. package/src/components/Button.vue +0 -122
  292. package/src/components/ButtonGroup.vue +0 -173
  293. package/src/components/Carousel/Carousel.vue +0 -84
  294. package/src/components/Carousel/index.ts +0 -2
  295. package/src/components/Carousel/types.ts +0 -25
  296. package/src/components/CheckBox.vue +0 -132
  297. package/src/components/Chip/Chip.vue +0 -158
  298. package/src/components/Chip/index.ts +0 -2
  299. package/src/components/Chip/types.ts +0 -23
  300. package/src/components/ChoiceBox/ChoiceBox.vue +0 -181
  301. package/src/components/ChoiceBox/index.ts +0 -2
  302. package/src/components/ColorPicker/ColorIro.vue +0 -207
  303. package/src/components/ColorPicker/ColorPicker.vue +0 -61
  304. package/src/components/ConfirmationModal.vue +0 -46
  305. package/src/components/DataTable/DataTable.vue +0 -478
  306. package/src/components/DataTable/DataTableHeader.vue +0 -78
  307. package/src/components/DataTable/DataTableRow.vue +0 -171
  308. package/src/components/DataTable/DataTableToolbar.vue +0 -45
  309. package/src/components/DataTable/index.ts +0 -5
  310. package/src/components/DataTable/types.ts +0 -85
  311. package/src/components/DatePicker.vue +0 -102
  312. package/src/components/Dropdown/Dropdown.vue +0 -348
  313. package/src/components/Dropdown/DropdownBooleanItem.vue +0 -40
  314. package/src/components/Dropdown/DropdownGroupedLayout.vue +0 -115
  315. package/src/components/Dropdown/DropdownItem.vue +0 -56
  316. package/src/components/Dropdown/DropdownMenu.vue +0 -374
  317. package/src/components/Dropdown/DropdownTrigger.vue +0 -27
  318. package/src/components/Dropdown/composables/useDropdownIds.ts +0 -27
  319. package/src/components/Dropdown/composables/useDropdownNavigation.ts +0 -109
  320. package/src/components/Dropdown/composables/useDropdownSelection.ts +0 -106
  321. package/src/components/Dropdown/index.ts +0 -6
  322. package/src/components/FilePicker/FilePicker.vue +0 -459
  323. package/src/components/FilePicker/index.ts +0 -2
  324. package/src/components/FileTree/FileTree.vue +0 -334
  325. package/src/components/FileTree/FileTreeNode.vue +0 -225
  326. package/src/components/FileTree/index.ts +0 -2
  327. package/src/components/FileTree/types.ts +0 -31
  328. package/src/components/FileTree/useTreeSelection.ts +0 -66
  329. package/src/components/Form/CustomFields.vue +0 -294
  330. package/src/components/Form/Form.vue +0 -406
  331. package/src/components/Form/FormField.vue +0 -404
  332. package/src/components/Form/FormFields.vue +0 -161
  333. package/src/components/Form/composables/useFileUpload.ts +0 -112
  334. package/src/components/Form/composables/useForm.ts +0 -356
  335. package/src/components/Form/index.ts +0 -16
  336. package/src/components/Form/types.ts +0 -203
  337. package/src/components/Form/utils/form.utils.ts +0 -209
  338. package/src/components/Heatmap/Heatmap.vue +0 -629
  339. package/src/components/Heatmap/index.ts +0 -2
  340. package/src/components/Heatmap/types.ts +0 -84
  341. package/src/components/Icon.vue +0 -47
  342. package/src/components/IconPicker.vue +0 -138
  343. package/src/components/Input.vue +0 -366
  344. package/src/components/Label.vue +0 -25
  345. package/src/components/Logo.vue +0 -5
  346. package/src/components/Masonry/Masonry.vue +0 -148
  347. package/src/components/Masonry/index.ts +0 -2
  348. package/src/components/Masonry/types.ts +0 -44
  349. package/src/components/Modal.vue +0 -135
  350. package/src/components/MultiSelect/MultiSelect.vue +0 -176
  351. package/src/components/MultiSelect/index.ts +0 -1
  352. package/src/components/Navbar/Navbar.vue +0 -277
  353. package/src/components/Navbar/NavbarGroup.vue +0 -27
  354. package/src/components/Navbar/NavbarItem.vue +0 -124
  355. package/src/components/Navbar/index.ts +0 -3
  356. package/src/components/OTPInput/OTPInput.vue +0 -220
  357. package/src/components/OTPInput/index.ts +0 -1
  358. package/src/components/Pagination/Pagination.vue +0 -238
  359. package/src/components/Pagination/index.ts +0 -1
  360. package/src/components/PricingPlan/PricingPlan.vue +0 -102
  361. package/src/components/PricingPlan/PricingPlanItem.vue +0 -148
  362. package/src/components/PricingPlan/index.ts +0 -3
  363. package/src/components/PricingPlan/types.ts +0 -29
  364. package/src/components/SidePanel.vue +0 -184
  365. package/src/components/SidebarMenu/SidebarMenu.vue +0 -146
  366. package/src/components/SidebarMenu/SidebarMenuItem.vue +0 -333
  367. package/src/components/SidebarMenu/index.ts +0 -3
  368. package/src/components/SidebarMenu/types.ts +0 -54
  369. package/src/components/Slider.vue +0 -181
  370. package/src/components/Switch.vue +0 -51
  371. package/src/components/Tabes/Tabes.vue +0 -112
  372. package/src/components/Tabes/index.ts +0 -2
  373. package/src/components/Tabes/types.ts +0 -17
  374. package/src/components/Textarea.vue +0 -48
  375. package/src/components/ThemeToggle.vue +0 -14
  376. package/src/components/Timeline.vue +0 -250
  377. package/src/components/ToastNotification.vue +0 -257
  378. package/src/components/Tooltip.vue +0 -25
  379. package/src/components/Workbook/Sheet.vue +0 -185
  380. package/src/components/Workbook/Workbook.vue +0 -231
  381. package/src/components/Workbook/WorkbookAddButton.vue +0 -17
  382. package/src/components/Workbook/index.ts +0 -3
  383. package/src/components/Workbook/types.ts +0 -43
  384. package/src/composables/useKeyStroke.ts +0 -291
  385. package/src/composables/useNotifications.ts +0 -206
  386. package/src/composables/useTheme.ts +0 -55
  387. package/src/core/config.ts +0 -37
  388. package/src/core/index.ts +0 -49
  389. package/src/css/base.css +0 -148
  390. package/src/css/input.css +0 -61
  391. package/src/css/main.css +0 -6
  392. package/src/css/theme.css +0 -344
  393. package/src/directives/vRipple.ts +0 -38
  394. package/src/index.ts +0 -53
  395. package/src/main.ts +0 -5
  396. package/src/playground/Playground.vue +0 -429
  397. package/src/playground/composables/useGetUsers.ts +0 -538
  398. package/src/playground/demos/AccordionDemo.vue +0 -361
  399. package/src/playground/demos/AlertDemo.vue +0 -36
  400. package/src/playground/demos/AvatarDemo.vue +0 -41
  401. package/src/playground/demos/AvatarUploaderDemo.vue +0 -133
  402. package/src/playground/demos/BadgeDemo.vue +0 -31
  403. package/src/playground/demos/BadgesDemo.vue +0 -26
  404. package/src/playground/demos/ButtonDemo.vue +0 -99
  405. package/src/playground/demos/ButtonGroupDemo.vue +0 -39
  406. package/src/playground/demos/ButtonsDemo.vue +0 -111
  407. package/src/playground/demos/CarouselDemo.vue +0 -135
  408. package/src/playground/demos/CheckBoxDemo.vue +0 -43
  409. package/src/playground/demos/ChipDemo.vue +0 -190
  410. package/src/playground/demos/ChoiceBoxDemo.vue +0 -160
  411. package/src/playground/demos/ColorPickerDemo.vue +0 -30
  412. package/src/playground/demos/ColorsDemo.vue +0 -295
  413. package/src/playground/demos/DataTableDemo.vue +0 -215
  414. package/src/playground/demos/DatePickerDemo.vue +0 -43
  415. package/src/playground/demos/DisplayDemo.vue +0 -101
  416. package/src/playground/demos/DropdownDemo.vue +0 -651
  417. package/src/playground/demos/FilePickerDemo.vue +0 -175
  418. package/src/playground/demos/FileTreeDemo.vue +0 -150
  419. package/src/playground/demos/FormDemo.vue +0 -1144
  420. package/src/playground/demos/HeatmapDemo.vue +0 -467
  421. package/src/playground/demos/IconPickerDemo.vue +0 -27
  422. package/src/playground/demos/InputDemo.vue +0 -80
  423. package/src/playground/demos/InputsDemo.vue +0 -127
  424. package/src/playground/demos/LabelDemo.vue +0 -32
  425. package/src/playground/demos/MasonryDemo.vue +0 -241
  426. package/src/playground/demos/ModalDemo.vue +0 -67
  427. package/src/playground/demos/MultiSelectDemo.vue +0 -300
  428. package/src/playground/demos/NavbarDemo.vue +0 -59
  429. package/src/playground/demos/NavigationDemo.vue +0 -116
  430. package/src/playground/demos/OTPInputDemo.vue +0 -170
  431. package/src/playground/demos/OverlaysDemo.vue +0 -104
  432. package/src/playground/demos/PaginationDemo.vue +0 -130
  433. package/src/playground/demos/PricingPlanDemo.vue +0 -110
  434. package/src/playground/demos/SidePanelDemo.vue +0 -45
  435. package/src/playground/demos/SidebarMenuDemo.vue +0 -170
  436. package/src/playground/demos/SliderDemo.vue +0 -48
  437. package/src/playground/demos/SwitchDemo.vue +0 -40
  438. package/src/playground/demos/TabesDemo.vue +0 -178
  439. package/src/playground/demos/TextareaDemo.vue +0 -31
  440. package/src/playground/demos/ThemeToggleDemo.vue +0 -20
  441. package/src/playground/demos/TimelineDemo.vue +0 -43
  442. package/src/playground/demos/ToastDemo.vue +0 -111
  443. package/src/playground/demos/TooltipDemo.vue +0 -30
  444. package/src/playground/demos/WorkbookDemo.vue +0 -227
  445. package/src/types/alert.type.ts +0 -11
  446. package/src/types/button.ts +0 -36
  447. package/src/types/buttongroup.type.ts +0 -1
  448. package/src/types/form.type.ts +0 -75
  449. package/src/types/index.ts +0 -11
  450. package/src/types/navbar.type.ts +0 -28
  451. package/src/types/sidepanel.type.ts +0 -14
  452. package/src/types/styles.ts +0 -42
  453. package/src/types/timeline.type.ts +0 -11
  454. package/src/utils/index.ts +0 -2
  455. package/src/utils/object.ts +0 -40
  456. package/tsconfig.app.json +0 -27
  457. package/tsconfig.json +0 -48
  458. package/tsconfig.node.json +0 -18
  459. package/tsconfig.node.tsbuildinfo +0 -1
  460. package/tsconfig.tsbuildinfo +0 -1
  461. package/vercel.json +0 -8
  462. package/vite.config.d.ts +0 -2
  463. package/vite.config.js +0 -63
  464. package/vite.config.ts +0 -64
  465. package/vite.config.vercel.ts +0 -17
@@ -0,0 +1,7 @@
1
+ import o from "./Carousel.vue2.js";
2
+ /* empty css */
3
+ import r from "../../_virtual/_plugin-vue_export-helper.js";
4
+ const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-655a78c8"]]);
5
+ export {
6
+ p as default
7
+ };
@@ -0,0 +1,68 @@
1
+ import { defineComponent as g, ref as f, openBlock as p, createElementBlock as m, createVNode as c, unref as v, mergeProps as P, createSlots as h, renderList as y, withCtx as S, renderSlot as x, normalizeProps as B, guardReactiveProps as N } from "vue";
2
+ import _ from "vue-carousel-lite";
3
+ import "vue-carousel-lite/style.css";
4
+ const T = { class: "carousel-wrapper" }, V = /* @__PURE__ */ g({
5
+ __name: "Carousel",
6
+ props: {
7
+ data: { default: () => [] },
8
+ pagination: { type: [String, Array, Boolean], default: "dots" },
9
+ paginationSize: { default: "md" },
10
+ paginationPosition: { default: "bottom-center" },
11
+ paginationVisibility: {},
12
+ paginationHoverInitialTimeout: {},
13
+ paginationHoverEdgeThreshold: {},
14
+ direction: { default: "horizontal" },
15
+ autoPlay: { type: Boolean, default: !1 },
16
+ draggable: { type: Boolean, default: !1 },
17
+ autoPlayInterval: { default: 3e3 },
18
+ itemsToShow: { default: 1 },
19
+ gap: { default: 0 },
20
+ speed: { default: 300 },
21
+ easing: { default: "ease" },
22
+ mousewheel: { type: Boolean, default: !0 },
23
+ loop: { type: Boolean, default: !1 },
24
+ currentItem: { default: 0 },
25
+ bufferSize: { default: 5 },
26
+ maxDomElements: { default: 10 },
27
+ updateKey: { default: void 0 }
28
+ },
29
+ emits: ["slide-change"],
30
+ setup(r, { expose: n, emit: i }) {
31
+ const s = r, u = i, o = f(null);
32
+ return n({
33
+ goToSlide: (e, t) => {
34
+ o.value?.goToSlide(e, t);
35
+ },
36
+ goNext: (e) => {
37
+ o.value?.goNext(e);
38
+ },
39
+ goPrev: (e) => {
40
+ o.value?.goPrev(e);
41
+ },
42
+ goNextPage: (e) => {
43
+ o.value?.goNextPage(e);
44
+ },
45
+ goPrevPage: (e) => {
46
+ o.value?.goPrevPage(e);
47
+ }
48
+ }), (e, t) => (p(), m("div", T, [
49
+ c(v(_), P({
50
+ ref_key: "carouselRef",
51
+ ref: o
52
+ }, s, {
53
+ style: { height: "100%", width: "100%" },
54
+ onSlideChange: t[0] || (t[0] = (a) => u("slide-change", a))
55
+ }), h({ _: 2 }, [
56
+ y(e.$slots, (a, l) => ({
57
+ name: l,
58
+ fn: S((d) => [
59
+ x(e.$slots, l, B(N(d || {})), void 0, !0)
60
+ ])
61
+ }))
62
+ ]), 1040)
63
+ ]));
64
+ }
65
+ });
66
+ export {
67
+ V as default
68
+ };
@@ -0,0 +1,2 @@
1
+ export { default as Carousel } from './Carousel.vue';
2
+ export * from './types';
@@ -0,0 +1,24 @@
1
+ export interface CarouselProps {
2
+ data?: any[];
3
+ pagination?: string | string[] | boolean;
4
+ paginationSize?: 'sm' | 'md' | 'lg';
5
+ paginationPosition?: string | string[];
6
+ paginationVisibility?: string | string[];
7
+ paginationHoverInitialTimeout?: number;
8
+ paginationHoverEdgeThreshold?: number;
9
+ direction?: 'horizontal' | 'vertical';
10
+ autoPlay?: boolean;
11
+ draggable?: boolean;
12
+ autoPlayInterval?: number;
13
+ itemsToShow?: number | Record<number, number>;
14
+ gap?: number;
15
+ speed?: number;
16
+ easing?: string;
17
+ mousewheel?: boolean;
18
+ loop?: boolean;
19
+ currentItem?: number;
20
+ bufferSize?: number;
21
+ maxDomElements?: number;
22
+ updateKey?: string | number;
23
+ [key: string]: any;
24
+ }
@@ -0,0 +1,27 @@
1
+ import { CheckboxSize, CheckboxRounded } from '../types';
2
+ interface Props {
3
+ modelValue?: boolean;
4
+ checked?: boolean;
5
+ disabled?: boolean;
6
+ indeterminate?: boolean;
7
+ label?: string;
8
+ id?: string;
9
+ class?: string;
10
+ size?: CheckboxSize;
11
+ rounded?: CheckboxRounded;
12
+ }
13
+ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
14
+ "update:modelValue": (value: boolean) => any;
15
+ "update:checked": (value: boolean) => any;
16
+ }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
17
+ "onUpdate:modelValue"?: (value: boolean) => any;
18
+ "onUpdate:checked"?: (value: boolean) => any;
19
+ }>, {
20
+ disabled: boolean;
21
+ class: string;
22
+ size: CheckboxSize;
23
+ modelValue: boolean;
24
+ checked: boolean;
25
+ indeterminate: boolean;
26
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
27
+ export default _default;
@@ -0,0 +1,115 @@
1
+ import { defineComponent as y, computed as d, openBlock as l, createElementBlock as m, createElementVNode as v, normalizeClass as i, createVNode as g, Transition as w, withCtx as f, createBlock as o, createCommentVNode as c, createTextVNode as C, toDisplayString as V } from "vue";
2
+ import h from "./Icon.vue.js";
3
+ import z from "./Label.vue.js";
4
+ const B = { class: "flex items-center space-x-2" }, N = ["aria-checked", "data-state", "disabled", "id"], j = {
5
+ key: 0,
6
+ class: "flex items-center justify-center text-current w-full h-full"
7
+ }, D = /* @__PURE__ */ y({
8
+ __name: "CheckBox",
9
+ props: {
10
+ modelValue: { type: Boolean, default: !1 },
11
+ checked: { type: Boolean, default: !1 },
12
+ disabled: { type: Boolean, default: !1 },
13
+ indeterminate: { type: Boolean, default: !1 },
14
+ label: {},
15
+ id: {},
16
+ class: { default: "" },
17
+ size: { default: "md" },
18
+ rounded: {}
19
+ },
20
+ emits: ["update:modelValue", "update:checked"],
21
+ setup(t, { emit: k }) {
22
+ const e = t, r = k, u = () => {
23
+ if (e.disabled) return;
24
+ const n = !(e.modelValue || e.checked);
25
+ r("update:modelValue", n), r("update:checked", n);
26
+ }, b = {
27
+ xs: "h-3.5 w-3.5",
28
+ sm: "h-4 w-4",
29
+ md: "h-4.5 w-4.5",
30
+ lg: "h-5 w-5",
31
+ xl: "h-5.5 w-5.5"
32
+ }, s = {
33
+ xs: "h-2.5 w-2.5",
34
+ sm: "h-3 w-3",
35
+ md: "h-3.5 w-3.5",
36
+ lg: "h-4 w-4",
37
+ xl: "h-5 w-5"
38
+ }, p = {
39
+ none: "rounded-none",
40
+ xs: "rounded-[3px]",
41
+ sm: "rounded-[4px]",
42
+ md: "rounded-sm",
43
+ lg: "rounded-md",
44
+ xl: "rounded-lg",
45
+ "2xl": "rounded-xl",
46
+ full: "rounded-full"
47
+ }, x = d(() => [
48
+ "peer shrink-0 border border-primary transition-all duration-200 ease-in-out",
49
+ "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
50
+ // Kept ring for accessibility visibility on small elements
51
+ "disabled:cursor-not-allowed disabled:opacity-50",
52
+ "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
53
+ "data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground",
54
+ "cursor-pointer bg-transparent",
55
+ // Default background
56
+ b[e.size],
57
+ p[e.rounded || e.size],
58
+ e.class
59
+ ].join(" ")), a = d(() => e.indeterminate ? "indeterminate" : e.modelValue || e.checked ? "checked" : "unchecked");
60
+ return d(() => [
61
+ "transition-transform duration-200",
62
+ a.value === "checked" || a.value === "indeterminate" ? "scale-100" : "scale-0",
63
+ s[e.size]
64
+ ].join(" ")), (n, E) => (l(), m("div", B, [
65
+ v("button", {
66
+ type: "button",
67
+ role: "checkbox",
68
+ "aria-checked": t.indeterminate ? "mixed" : t.modelValue,
69
+ "data-state": a.value,
70
+ disabled: t.disabled,
71
+ class: i(x.value),
72
+ id: t.id,
73
+ onClick: u
74
+ }, [
75
+ a.value === "checked" || a.value === "indeterminate" ? (l(), m("div", j, [
76
+ g(w, {
77
+ "enter-active-class": "transition duration-200 ease-out",
78
+ "enter-from-class": "scale-50 opacity-0",
79
+ "enter-to-class": "scale-100 opacity-100",
80
+ "leave-active-class": "transition duration-150 ease-in",
81
+ "leave-from-class": "scale-100 opacity-100",
82
+ "leave-to-class": "scale-50 opacity-0"
83
+ }, {
84
+ default: f(() => [
85
+ a.value === "checked" ? (l(), o(h, {
86
+ key: 0,
87
+ icon: "lucide:check",
88
+ class: i(s[t.size])
89
+ }, null, 8, ["class"])) : a.value === "indeterminate" ? (l(), o(h, {
90
+ key: 1,
91
+ icon: "lucide:minus",
92
+ class: i(s[t.size])
93
+ }, null, 8, ["class"])) : c("", !0)
94
+ ]),
95
+ _: 1
96
+ })
97
+ ])) : c("", !0)
98
+ ], 10, N),
99
+ t.label ? (l(), o(z, {
100
+ key: 0,
101
+ for: t.id,
102
+ class: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer",
103
+ onClick: u
104
+ }, {
105
+ default: f(() => [
106
+ C(V(t.label), 1)
107
+ ]),
108
+ _: 1
109
+ }, 8, ["for"])) : c("", !0)
110
+ ]));
111
+ }
112
+ });
113
+ export {
114
+ D as default
115
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./CheckBox.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,33 @@
1
+ import { ChipProps, ChipVariant } from './types';
2
+ declare function __VLS_template(): {
3
+ attrs: Partial<{}>;
4
+ slots: {
5
+ icon?(_: {}): any;
6
+ default?(_: {}): any;
7
+ };
8
+ refs: {};
9
+ rootEl: HTMLDivElement;
10
+ };
11
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
12
+ declare const __VLS_component: import('vue').DefineComponent<ChipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
13
+ click: (event: MouseEvent) => any;
14
+ delete: (event: MouseEvent) => any;
15
+ }, string, import('vue').PublicProps, Readonly<ChipProps> & Readonly<{
16
+ onClick?: (event: MouseEvent) => any;
17
+ onDelete?: (event: MouseEvent) => any;
18
+ }>, {
19
+ disabled: boolean;
20
+ text: string;
21
+ class: string;
22
+ size: import('./types').ChipSize;
23
+ variant: ChipVariant;
24
+ clickable: boolean;
25
+ deletable: boolean;
26
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
27
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
28
+ export default _default;
29
+ type __VLS_WithTemplateSlots<T, S> = T & {
30
+ new (): {
31
+ $slots: S;
32
+ };
33
+ };
@@ -0,0 +1,113 @@
1
+ import { defineComponent as $, computed as s, openBlock as l, createElementBlock as c, normalizeClass as o, renderSlot as u, createBlock as d, createCommentVNode as i, createTextVNode as C, toDisplayString as z, withCtx as B, createVNode as D } from "vue";
2
+ import b from "../Icon.vue.js";
3
+ import S from "../Button.vue.js";
4
+ const N = ["role", "tabindex"], V = {
5
+ key: 0,
6
+ class: "truncate"
7
+ }, j = "inline-flex items-center justify-center font-medium rounded-full transition-all duration-200 border box-border whitespace-nowrap focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-primary", H = /* @__PURE__ */ $({
8
+ __name: "Chip",
9
+ props: {
10
+ text: { default: "" },
11
+ icon: {},
12
+ variant: { default: "subtle" },
13
+ size: { default: "medium" },
14
+ disabled: { type: Boolean, default: !1 },
15
+ clickable: { type: Boolean, default: !1 },
16
+ deletable: { type: Boolean, default: !1 },
17
+ class: { default: "" }
18
+ },
19
+ emits: ["click", "delete"],
20
+ setup(a, { emit: f }) {
21
+ const t = a, n = f, r = s(() => t.clickable && !t.disabled), g = (e) => {
22
+ t.disabled || t.clickable && n("click", e);
23
+ }, v = (e) => {
24
+ t.disabled || (e.stopPropagation(), n("delete", e));
25
+ }, m = (e) => {
26
+ t.disabled || !t.clickable && !t.deletable || ((e.key === "Enter" || e.key === " ") && (e.preventDefault(), t.clickable && n("click", e)), (e.key === "Backspace" || e.key === "Delete") && t.deletable && (e.preventDefault(), n("delete", e)));
27
+ }, h = s(() => {
28
+ switch (t.size) {
29
+ case "small":
30
+ return "h-6 text-xs px-2 gap-1.5";
31
+ case "large":
32
+ return "h-10 text-base px-4 gap-2.5";
33
+ default:
34
+ return "h-8 text-sm px-3 gap-2";
35
+ }
36
+ }), x = s(() => {
37
+ if (t.disabled)
38
+ return "bg-muted text-muted-foreground border-transparent opacity-50 cursor-not-allowed";
39
+ const e = r.value ? "cursor-pointer hover:shadow-sm active:scale-[0.98]" : "cursor-default";
40
+ return `${{
41
+ solid: `bg-primary text-primary-fg border-transparent ${r.value ? "hover:bg-primary/90" : ""}`,
42
+ outline: `bg-transparent border-input text-foreground ${r.value ? "hover:bg-accent hover:text-accent-foreground" : ""}`,
43
+ ghost: `bg-transparent border-transparent text-muted-foreground ${r.value ? "hover:bg-accent hover:text-accent-foreground" : ""}`,
44
+ subtle: `bg-accent/50 text-foreground border-transparent ${r.value ? "hover:bg-accent" : ""}`,
45
+ // Default neutral
46
+ // Semantic Variants
47
+ secondary: `bg-secondary text-secondary-foreground border-transparent ${r.value ? "hover:bg-secondary/80" : ""}`,
48
+ success: `bg-success text-success-fg border-transparent ${r.value ? "hover:bg-success/80" : ""}`,
49
+ warning: `bg-warning text-warning-fg border-transparent ${r.value ? "hover:bg-warning/80" : ""}`,
50
+ danger: `bg-destructive text-destructive-foreground border-transparent ${r.value ? "hover:bg-destructive/90" : ""}`,
51
+ info: `bg-info text-info-fg border-transparent ${r.value ? "hover:bg-info/80" : ""}`
52
+ }[t.variant]} ${e}`;
53
+ }), p = s(() => [j, h.value, x.value, t.class].join(" ")), k = s(() => {
54
+ switch (t.size) {
55
+ case "small":
56
+ return "h-3.5 w-3.5";
57
+ case "large":
58
+ return "h-5 w-5";
59
+ default:
60
+ return "h-4 w-4";
61
+ }
62
+ }), y = s(() => {
63
+ switch (t.size) {
64
+ case "small":
65
+ return "h-3 w-3";
66
+ case "large":
67
+ return "h-4 w-4";
68
+ default:
69
+ return "h-3.5 w-3.5";
70
+ }
71
+ });
72
+ return (e, w) => (l(), c("div", {
73
+ class: o(p.value),
74
+ role: a.clickable ? "button" : "status",
75
+ tabindex: r.value || a.deletable ? 0 : void 0,
76
+ onClick: g,
77
+ onKeydown: m
78
+ }, [
79
+ u(e.$slots, "icon", {}, () => [
80
+ a.icon ? (l(), d(b, {
81
+ key: 0,
82
+ icon: a.icon,
83
+ class: o([k.value, "shrink-0", a.text ? "-ml-0.5" : ""])
84
+ }, null, 8, ["icon", "class"])) : i("", !0)
85
+ ]),
86
+ a.text || e.$slots.default ? (l(), c("span", V, [
87
+ u(e.$slots, "default", {}, () => [
88
+ C(z(a.text), 1)
89
+ ])
90
+ ])) : i("", !0),
91
+ a.deletable ? (l(), d(S, {
92
+ key: 1,
93
+ variant: "ghost",
94
+ size: "xs",
95
+ rounded: "full",
96
+ disabled: a.disabled,
97
+ class: o(["ml-auto !p-0.5 !h-auto !w-auto hover:bg-[#8282823c]", [a.text ? a.size === "small" ? "-mr-0.5" : "-mr-1" : ""]]),
98
+ onClick: v
99
+ }, {
100
+ default: B(() => [
101
+ D(b, {
102
+ icon: "lucide:x",
103
+ class: o(y.value)
104
+ }, null, 8, ["class"])
105
+ ]),
106
+ _: 1
107
+ }, 8, ["disabled", "class"])) : i("", !0)
108
+ ], 42, N));
109
+ }
110
+ });
111
+ export {
112
+ H as default
113
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./Chip.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,2 @@
1
+ export { default as Chip } from './Chip.vue';
2
+ export * from './types';
@@ -0,0 +1,12 @@
1
+ export type ChipVariant = 'solid' | 'outline' | 'subtle' | 'ghost' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
2
+ export type ChipSize = 'small' | 'medium' | 'large';
3
+ export interface ChipProps {
4
+ text?: string;
5
+ icon?: string;
6
+ variant?: ChipVariant;
7
+ size?: ChipSize;
8
+ disabled?: boolean;
9
+ clickable?: boolean;
10
+ deletable?: boolean;
11
+ class?: string;
12
+ }
@@ -0,0 +1,32 @@
1
+ export interface ChoiceBoxOption {
2
+ id: string | number;
3
+ title: string;
4
+ description?: string;
5
+ icon?: string;
6
+ disabled?: boolean;
7
+ badge?: string;
8
+ }
9
+ interface Props {
10
+ modelValue?: string | number | (string | number)[] | null;
11
+ options: ChoiceBoxOption[];
12
+ multiple?: boolean;
13
+ title?: string;
14
+ description?: string;
15
+ disabled?: boolean;
16
+ grid?: number;
17
+ gap?: number;
18
+ }
19
+ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
20
+ "update:modelValue": (value: string | number | (string | number)[]) => any;
21
+ change: (value: string | number | (string | number)[]) => any;
22
+ }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
23
+ "onUpdate:modelValue"?: (value: string | number | (string | number)[]) => any;
24
+ onChange?: (value: string | number | (string | number)[]) => any;
25
+ }>, {
26
+ disabled: boolean;
27
+ modelValue: string | number | (string | number)[] | null;
28
+ multiple: boolean;
29
+ gap: number;
30
+ grid: number;
31
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
32
+ export default _default;
@@ -0,0 +1,141 @@
1
+ import { defineComponent as w, computed as y, openBlock as t, createElementBlock as i, toDisplayString as o, createCommentVNode as a, createElementVNode as c, normalizeClass as u, Fragment as V, renderList as _, withKeys as C, withModifiers as B, createVNode as A, createBlock as x } from "vue";
2
+ import m from "../Icon.vue.js";
3
+ const K = { class: "w-full" }, N = {
4
+ key: 0,
5
+ class: "mb-4"
6
+ }, $ = {
7
+ key: 0,
8
+ class: "text-base font-semibold text-foreground"
9
+ }, E = {
10
+ key: 1,
11
+ class: "text-sm text-muted-foreground mt-1"
12
+ }, O = ["onClick", "onKeydown"], S = { class: "flex flex-1 gap-3" }, j = {
13
+ key: 0,
14
+ class: "shrink-0 pt-0.5"
15
+ }, q = { class: "flex flex-col" }, z = { class: "flex items-center gap-2" }, D = {
16
+ key: 0,
17
+ class: "mt-1 text-sm text-muted-foreground leading-relaxed"
18
+ }, F = {
19
+ key: 0,
20
+ class: "absolute top-4 right-4 text-primary"
21
+ }, G = /* @__PURE__ */ w({
22
+ __name: "ChoiceBox",
23
+ props: {
24
+ modelValue: { default: void 0 },
25
+ options: {},
26
+ multiple: { type: Boolean, default: !1 },
27
+ title: {},
28
+ description: {},
29
+ disabled: { type: Boolean, default: !1 },
30
+ grid: { default: 1 },
31
+ gap: { default: 4 }
32
+ },
33
+ emits: ["update:modelValue", "change"],
34
+ setup(r, { emit: h }) {
35
+ const s = r, g = h, n = (l) => Array.isArray(s.modelValue) ? s.modelValue.includes(l) : s.modelValue === l, f = (l) => {
36
+ if (s.disabled || s.options.find((d) => d.id === l)?.disabled) return;
37
+ let e;
38
+ if (s.multiple) {
39
+ const d = Array.isArray(s.modelValue) ? [...s.modelValue] : [], p = d.indexOf(l);
40
+ p === -1 ? d.push(l) : d.splice(p, 1), e = d;
41
+ } else
42
+ e = l;
43
+ g("update:modelValue", e), g("change", e);
44
+ }, b = y(() => {
45
+ switch (s.grid) {
46
+ case 1:
47
+ return "grid-cols-1";
48
+ case 2:
49
+ return "grid-cols-1 sm:grid-cols-2";
50
+ case 3:
51
+ return "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3";
52
+ case 4:
53
+ return "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4";
54
+ default:
55
+ return "grid-cols-1";
56
+ }
57
+ }), v = y(() => {
58
+ switch (s.gap) {
59
+ case 2:
60
+ return "gap-2";
61
+ case 3:
62
+ return "gap-3";
63
+ case 4:
64
+ return "gap-4";
65
+ case 6:
66
+ return "gap-6";
67
+ case 8:
68
+ return "gap-8";
69
+ default:
70
+ return "gap-4";
71
+ }
72
+ });
73
+ return (l, k) => (t(), i("div", K, [
74
+ r.title || r.description ? (t(), i("div", N, [
75
+ r.title ? (t(), i("h3", $, o(r.title), 1)) : a("", !0),
76
+ r.description ? (t(), i("p", E, o(r.description), 1)) : a("", !0)
77
+ ])) : a("", !0),
78
+ c("div", {
79
+ class: u(["grid", [b.value, v.value]])
80
+ }, [
81
+ (t(!0), i(V, null, _(r.options, (e) => (t(), i("div", {
82
+ key: e.id,
83
+ class: u(["relative flex cursor-pointer rounded-xl border border-border p-4 transition-all duration-200 outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2", [
84
+ n(e.id) ? "border-primary bg-accent" : "bg-card hover:border-primary/50 hover:bg-accent",
85
+ r.disabled || e.disabled ? "opacity-50 cursor-not-allowed grayscale" : ""
86
+ ]]),
87
+ onClick: (d) => f(e.id),
88
+ tabindex: "0",
89
+ onKeydown: C(B((d) => f(e.id), ["prevent"]), ["enter", "space"])
90
+ }, [
91
+ c("div", S, [
92
+ e.icon ? (t(), i("div", j, [
93
+ c("div", {
94
+ class: u([
95
+ "flex h-10 w-10 items-center justify-center rounded-full transition-colors",
96
+ n(e.id) ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"
97
+ ])
98
+ }, [
99
+ A(m, {
100
+ icon: e.icon,
101
+ class: "h-5 w-5"
102
+ }, null, 8, ["icon"])
103
+ ], 2)
104
+ ])) : a("", !0),
105
+ c("div", q, [
106
+ c("div", z, [
107
+ c("span", {
108
+ class: u(["font-semibold text-foreground", {
109
+ "text-primary": n(e.id)
110
+ }])
111
+ }, o(e.title), 3),
112
+ e.badge ? (t(), i("span", {
113
+ key: 0,
114
+ class: u([
115
+ "inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium",
116
+ n(e.id) ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"
117
+ ])
118
+ }, o(e.badge), 3)) : a("", !0)
119
+ ]),
120
+ e.description ? (t(), i("span", D, o(e.description), 1)) : a("", !0)
121
+ ])
122
+ ]),
123
+ n(e.id) ? (t(), i("div", F, [
124
+ r.multiple ? (t(), x(m, {
125
+ key: 0,
126
+ icon: "lucide:check-square",
127
+ class: "h-5 w-5"
128
+ })) : (t(), x(m, {
129
+ key: 1,
130
+ icon: "lucide:check-circle-2",
131
+ class: "h-5 w-5"
132
+ }))
133
+ ])) : a("", !0)
134
+ ], 42, O))), 128))
135
+ ], 2)
136
+ ]));
137
+ }
138
+ });
139
+ export {
140
+ G as default
141
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./ChoiceBox.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -0,0 +1,2 @@
1
+ export { default as ChoiceBox } from './ChoiceBox.vue';
2
+ export type { ChoiceBoxOption } from './ChoiceBox.vue';
@@ -0,0 +1,18 @@
1
+ type __VLS_Props = {
2
+ color: string;
3
+ showHeader?: boolean;
4
+ size?: 'sm' | 'md' | 'lg';
5
+ };
6
+ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
7
+ close: () => any;
8
+ "update:color": (color: string) => any;
9
+ }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
10
+ onClose?: () => any;
11
+ "onUpdate:color"?: (color: string) => any;
12
+ }>, {
13
+ size: "sm" | "md" | "lg";
14
+ showHeader: boolean;
15
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
16
+ pickerRef: HTMLDivElement;
17
+ }, HTMLDivElement>;
18
+ export default _default;