@bl33dz/fa814698dcde12f86a37ac31dd3aedf9 1.0.6 → 1.0.7

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 (388) hide show
  1. package/README.md +80 -95
  2. package/dist/fa814698dcde12f86a37ac31dd3aedf9.css +1 -1
  3. package/dist/perisai-ui.es.js +97 -94
  4. package/dist/perisai-ui.umd.js +1 -1
  5. package/package.json +45 -45
  6. package/src/globals.css +575 -575
  7. package/src/index.ts +178 -177
  8. package/src/lib/utils.ts +6 -6
  9. package/src/shadcn/accordion/Accordion.vue +19 -19
  10. package/src/shadcn/accordion/AccordionContent.vue +23 -23
  11. package/src/shadcn/accordion/AccordionItem.vue +23 -23
  12. package/src/shadcn/accordion/AccordionTrigger.vue +38 -38
  13. package/src/shadcn/accordion/index.ts +4 -4
  14. package/src/shadcn/avatar/Avatar.vue +18 -18
  15. package/src/shadcn/avatar/AvatarFallback.vue +21 -21
  16. package/src/shadcn/avatar/AvatarImage.vue +16 -16
  17. package/src/shadcn/avatar/index.ts +3 -3
  18. package/src/shadcn/breadcrumb/Breadcrumb.vue +8 -8
  19. package/src/shadcn/breadcrumb/BreadcrumbEllipsis.vue +9 -9
  20. package/src/shadcn/breadcrumb/BreadcrumbItem.vue +8 -8
  21. package/src/shadcn/breadcrumb/BreadcrumbLink.vue +8 -8
  22. package/src/shadcn/breadcrumb/BreadcrumbList.vue +8 -8
  23. package/src/shadcn/breadcrumb/BreadcrumbPage.vue +8 -8
  24. package/src/shadcn/breadcrumb/BreadcrumbSeparator.vue +8 -8
  25. package/src/shadcn/breadcrumb/index.ts +7 -7
  26. package/src/shadcn/button/Button.vue +29 -29
  27. package/src/shadcn/button/index.ts +38 -38
  28. package/src/shadcn/calendar/Calendar.vue +64 -64
  29. package/src/shadcn/calendar/CalendarCell.vue +23 -23
  30. package/src/shadcn/calendar/CalendarCellTrigger.vue +39 -39
  31. package/src/shadcn/calendar/CalendarGrid.vue +23 -23
  32. package/src/shadcn/calendar/CalendarGridBody.vue +15 -15
  33. package/src/shadcn/calendar/CalendarGridHead.vue +16 -16
  34. package/src/shadcn/calendar/CalendarGridRow.vue +22 -22
  35. package/src/shadcn/calendar/CalendarHeadCell.vue +23 -23
  36. package/src/shadcn/calendar/CalendarHeader.vue +23 -23
  37. package/src/shadcn/calendar/CalendarHeading.vue +30 -30
  38. package/src/shadcn/calendar/CalendarNextButton.vue +32 -32
  39. package/src/shadcn/calendar/CalendarPrevButton.vue +32 -32
  40. package/src/shadcn/calendar/index.ts +12 -12
  41. package/src/shadcn/card/Card.vue +8 -8
  42. package/src/shadcn/card/CardContent.vue +8 -8
  43. package/src/shadcn/card/CardDescription.vue +8 -8
  44. package/src/shadcn/card/CardHeader.vue +8 -8
  45. package/src/shadcn/card/CardTitle.vue +8 -8
  46. package/src/shadcn/card/index.ts +5 -5
  47. package/src/shadcn/checkbox/Checkbox.vue +38 -38
  48. package/src/shadcn/checkbox/index.ts +1 -1
  49. package/src/shadcn/command/Command.vue +87 -87
  50. package/src/shadcn/command/CommandDialog.vue +31 -31
  51. package/src/shadcn/command/CommandEmpty.vue +27 -27
  52. package/src/shadcn/command/CommandGroup.vue +45 -45
  53. package/src/shadcn/command/CommandInput.vue +39 -39
  54. package/src/shadcn/command/CommandItem.vue +76 -76
  55. package/src/shadcn/command/CommandList.vue +25 -25
  56. package/src/shadcn/command/CommandSeparator.vue +21 -21
  57. package/src/shadcn/command/CommandShortcut.vue +17 -17
  58. package/src/shadcn/command/index.ts +25 -25
  59. package/src/shadcn/context-menu/ContextMenu.vue +18 -18
  60. package/src/shadcn/context-menu/ContextMenuCheckboxItem.vue +38 -38
  61. package/src/shadcn/context-menu/ContextMenuContent.vue +34 -34
  62. package/src/shadcn/context-menu/ContextMenuGroup.vue +15 -15
  63. package/src/shadcn/context-menu/ContextMenuItem.vue +39 -39
  64. package/src/shadcn/context-menu/ContextMenuLabel.vue +22 -22
  65. package/src/shadcn/context-menu/ContextMenuPortal.vue +15 -15
  66. package/src/shadcn/context-menu/ContextMenuRadioGroup.vue +22 -22
  67. package/src/shadcn/context-menu/ContextMenuRadioItem.vue +38 -38
  68. package/src/shadcn/context-menu/ContextMenuSeparator.vue +22 -22
  69. package/src/shadcn/context-menu/ContextMenuShortcut.vue +17 -17
  70. package/src/shadcn/context-menu/ContextMenuSub.vue +22 -22
  71. package/src/shadcn/context-menu/ContextMenuSubContent.vue +33 -33
  72. package/src/shadcn/context-menu/ContextMenuSubTrigger.vue +33 -33
  73. package/src/shadcn/context-menu/ContextMenuTrigger.vue +17 -17
  74. package/src/shadcn/context-menu/index.ts +15 -15
  75. package/src/shadcn/dialog/Dialog.vue +18 -18
  76. package/src/shadcn/dialog/DialogClose.vue +15 -15
  77. package/src/shadcn/dialog/DialogContent.vue +46 -46
  78. package/src/shadcn/dialog/DialogDescription.vue +23 -23
  79. package/src/shadcn/dialog/DialogFooter.vue +15 -15
  80. package/src/shadcn/dialog/DialogHeader.vue +17 -17
  81. package/src/shadcn/dialog/DialogOverlay.vue +21 -21
  82. package/src/shadcn/dialog/DialogScrollContent.vue +56 -56
  83. package/src/shadcn/dialog/DialogTitle.vue +23 -23
  84. package/src/shadcn/dialog/DialogTrigger.vue +15 -15
  85. package/src/shadcn/dialog/index.ts +10 -10
  86. package/src/shadcn/dropdown-menu/DropdownMenu.vue +18 -18
  87. package/src/shadcn/dropdown-menu/DropdownMenuCheckboxItem.vue +38 -38
  88. package/src/shadcn/dropdown-menu/DropdownMenuContent.vue +36 -36
  89. package/src/shadcn/dropdown-menu/DropdownMenuGroup.vue +15 -15
  90. package/src/shadcn/dropdown-menu/DropdownMenuItem.vue +31 -31
  91. package/src/shadcn/dropdown-menu/DropdownMenuLabel.vue +23 -23
  92. package/src/shadcn/dropdown-menu/DropdownMenuRadioGroup.vue +22 -22
  93. package/src/shadcn/dropdown-menu/DropdownMenuRadioItem.vue +39 -39
  94. package/src/shadcn/dropdown-menu/DropdownMenuSeparator.vue +24 -24
  95. package/src/shadcn/dropdown-menu/DropdownMenuShortcut.vue +17 -17
  96. package/src/shadcn/dropdown-menu/DropdownMenuSub.vue +19 -19
  97. package/src/shadcn/dropdown-menu/DropdownMenuSubContent.vue +28 -28
  98. package/src/shadcn/dropdown-menu/DropdownMenuSubTrigger.vue +31 -31
  99. package/src/shadcn/dropdown-menu/DropdownMenuTrigger.vue +17 -17
  100. package/src/shadcn/dropdown-menu/index.ts +16 -16
  101. package/src/shadcn/menubar/Menubar.vue +33 -33
  102. package/src/shadcn/menubar/MenubarCheckboxItem.vue +38 -38
  103. package/src/shadcn/menubar/MenubarContent.vue +42 -42
  104. package/src/shadcn/menubar/MenubarGroup.vue +15 -15
  105. package/src/shadcn/menubar/MenubarItem.vue +37 -37
  106. package/src/shadcn/menubar/MenubarLabel.vue +20 -20
  107. package/src/shadcn/menubar/MenubarMenu.vue +15 -15
  108. package/src/shadcn/menubar/MenubarPortal.vue +5 -5
  109. package/src/shadcn/menubar/MenubarRadioGroup.vue +22 -22
  110. package/src/shadcn/menubar/MenubarRadioItem.vue +38 -38
  111. package/src/shadcn/menubar/MenubarSeparator.vue +21 -21
  112. package/src/shadcn/menubar/MenubarShortcut.vue +17 -17
  113. package/src/shadcn/menubar/MenubarSub.vue +23 -23
  114. package/src/shadcn/menubar/MenubarSubContent.vue +36 -36
  115. package/src/shadcn/menubar/MenubarSubTrigger.vue +28 -28
  116. package/src/shadcn/menubar/MenubarTrigger.vue +28 -28
  117. package/src/shadcn/menubar/index.ts +15 -15
  118. package/src/shadcn/navigation-menu/NavigationMenu.vue +35 -35
  119. package/src/shadcn/navigation-menu/NavigationMenuContent.vue +31 -31
  120. package/src/shadcn/navigation-menu/NavigationMenuIndicator.vue +23 -23
  121. package/src/shadcn/navigation-menu/NavigationMenuItem.vue +21 -21
  122. package/src/shadcn/navigation-menu/NavigationMenuLink.vue +26 -26
  123. package/src/shadcn/navigation-menu/NavigationMenuList.vue +28 -28
  124. package/src/shadcn/navigation-menu/NavigationMenuTrigger.vue +24 -24
  125. package/src/shadcn/navigation-menu/NavigationMenuViewport.vue +31 -31
  126. package/src/shadcn/navigation-menu/index.ts +14 -14
  127. package/src/shadcn/pagination/Pagination.vue +151 -151
  128. package/src/shadcn/pagination/PaginationContent.vue +22 -22
  129. package/src/shadcn/pagination/PaginationEllipsis.vue +25 -25
  130. package/src/shadcn/pagination/PaginationFirst.vue +33 -33
  131. package/src/shadcn/pagination/PaginationItem.vue +31 -31
  132. package/src/shadcn/pagination/PaginationLast.vue +33 -33
  133. package/src/shadcn/pagination/PaginationLink.vue +13 -13
  134. package/src/shadcn/pagination/PaginationNext.vue +22 -22
  135. package/src/shadcn/pagination/PaginationPrevious.vue +33 -33
  136. package/src/shadcn/pagination/index.ts +9 -9
  137. package/src/shadcn/popover/Popover.vue +18 -18
  138. package/src/shadcn/popover/PopoverAnchor.vue +15 -15
  139. package/src/shadcn/popover/PopoverContent.vue +46 -46
  140. package/src/shadcn/popover/PopoverTrigger.vue +15 -15
  141. package/src/shadcn/popover/index.ts +4 -4
  142. package/src/shadcn/radio-group/RadioGroup.vue +24 -24
  143. package/src/shadcn/radio-group/RadioGroupItem.vue +39 -39
  144. package/src/shadcn/radio-group/index.ts +2 -2
  145. package/src/shadcn/range-calendar/RangeCalendar.vue +71 -71
  146. package/src/shadcn/range-calendar/RangeCalendarCell.vue +23 -23
  147. package/src/shadcn/range-calendar/RangeCalendarCellTrigger.vue +41 -41
  148. package/src/shadcn/range-calendar/RangeCalendarGrid.vue +23 -23
  149. package/src/shadcn/range-calendar/RangeCalendarGridBody.vue +15 -15
  150. package/src/shadcn/range-calendar/RangeCalendarGridHead.vue +15 -15
  151. package/src/shadcn/range-calendar/RangeCalendarGridRow.vue +22 -22
  152. package/src/shadcn/range-calendar/RangeCalendarHeadCell.vue +23 -23
  153. package/src/shadcn/range-calendar/RangeCalendarHeader.vue +23 -23
  154. package/src/shadcn/range-calendar/RangeCalendarHeading.vue +30 -30
  155. package/src/shadcn/range-calendar/RangeCalendarNextButton.vue +32 -32
  156. package/src/shadcn/range-calendar/RangeCalendarPrevButton.vue +32 -32
  157. package/src/shadcn/range-calendar/index.ts +12 -12
  158. package/src/shadcn/select/Select.vue +18 -18
  159. package/src/shadcn/select/SelectContent.vue +52 -52
  160. package/src/shadcn/select/SelectGroup.vue +15 -15
  161. package/src/shadcn/select/SelectItem.vue +43 -43
  162. package/src/shadcn/select/SelectItemText.vue +15 -15
  163. package/src/shadcn/select/SelectLabel.vue +17 -17
  164. package/src/shadcn/select/SelectScrollDownButton.vue +26 -26
  165. package/src/shadcn/select/SelectScrollUpButton.vue +26 -26
  166. package/src/shadcn/select/SelectSeparator.vue +19 -19
  167. package/src/shadcn/select/SelectTrigger.vue +33 -33
  168. package/src/shadcn/select/SelectValue.vue +15 -15
  169. package/src/shadcn/select/index.ts +11 -11
  170. package/src/shadcn/separator/Separator.vue +31 -31
  171. package/src/shadcn/separator/index.ts +1 -1
  172. package/src/shadcn/sidebar/MenuGroup.vue +28 -28
  173. package/src/shadcn/sidebar/MenuItemRenderer.vue +23 -23
  174. package/src/shadcn/sidebar/Sidebar.vue +14 -14
  175. package/src/shadcn/sidebar/SidebarDemoContent.vue +26 -26
  176. package/src/shadcn/sidebar/SidebarMenuGroupWithLabel.vue +29 -29
  177. package/src/shadcn/sidebar/SidebarMenuItemWithIcon.vue +103 -103
  178. package/src/shadcn/sidebar/SidebarMenuSub.vue +10 -10
  179. package/src/shadcn/sidebar/SidebarMenuSubItemStyled.vue +38 -38
  180. package/src/shadcn/sidebar/SidebarTrigger.vue +8 -8
  181. package/src/shadcn/sidebar/index.ts +5 -5
  182. package/src/shadcn/slider/Slider.vue +43 -43
  183. package/src/shadcn/slider/index.ts +1 -1
  184. package/src/shadcn/sonner/Sonner.vue +19 -19
  185. package/src/shadcn/sonner/index.ts +1 -1
  186. package/src/shadcn/spinner/Spinner.vue +17 -17
  187. package/src/shadcn/spinner/index.ts +1 -1
  188. package/src/shadcn/switch/Switch.vue +38 -38
  189. package/src/shadcn/switch/index.ts +1 -1
  190. package/src/shadcn/tabs/CardTabsContent.vue +16 -16
  191. package/src/shadcn/tabs/CornerCutTabsTrigger.vue +102 -102
  192. package/src/shadcn/tabs/GridTabsList.vue +30 -30
  193. package/src/shadcn/tabs/ScrollableTabsList.vue +8 -8
  194. package/src/shadcn/tabs/Tabs.vue +23 -23
  195. package/src/shadcn/tabs/TabsContent.vue +21 -21
  196. package/src/shadcn/tabs/TabsList.vue +24 -24
  197. package/src/shadcn/tabs/TabsTrigger.vue +30 -30
  198. package/src/shadcn/tabs/VerticalTabsList.vue +28 -28
  199. package/src/shadcn/tabs/VerticalTabsTrigger.vue +16 -16
  200. package/src/shadcn/tabs/index.ts +10 -10
  201. package/src/shadcn/toggle/Toggle.vue +35 -35
  202. package/src/shadcn/toggle/index.ts +28 -28
  203. package/src/shadcn/tooltip/Tooltip.vue +18 -18
  204. package/src/shadcn/tooltip/TooltipContent.vue +34 -34
  205. package/src/shadcn/tooltip/TooltipProvider.vue +14 -14
  206. package/src/shadcn/tooltip/TooltipTrigger.vue +15 -15
  207. package/src/shadcn/tooltip/index.ts +4 -4
  208. package/src/shadcn/tree/index.ts +2 -0
  209. package/src/ui/InputOTP.vue +69 -69
  210. package/src/ui/InputOTPContext.ts +9 -9
  211. package/src/ui/InputOTPGroup.vue +7 -7
  212. package/src/ui/InputOTPSeparator.vue +8 -8
  213. package/src/ui/InputOTPSlot.vue +61 -61
  214. package/src/ui/PopoverContent.vue +27 -27
  215. package/src/ui/PopoverTrigger.vue +9 -9
  216. package/src/ui/SelectContent.vue +23 -23
  217. package/src/ui/SelectGroup.vue +12 -12
  218. package/src/ui/SelectItem.vue +25 -25
  219. package/src/ui/SelectLabel.vue +16 -16
  220. package/src/ui/SelectSeparator.vue +17 -17
  221. package/src/ui/SelectTrigger.vue +22 -22
  222. package/src/ui/SelectValue.vue +9 -9
  223. package/src/ui/SheetContent.vue +34 -34
  224. package/src/ui/SheetDescription.vue +9 -9
  225. package/src/ui/SheetHeader.vue +11 -11
  226. package/src/ui/SheetTitle.vue +9 -9
  227. package/src/ui/accordion-content.vue +21 -21
  228. package/src/ui/accordion-item.vue +18 -18
  229. package/src/ui/accordion-trigger.vue +14 -14
  230. package/src/ui/accordion.vue +9 -9
  231. package/src/ui/alert-actions.vue +13 -13
  232. package/src/ui/alert-description.vue +13 -13
  233. package/src/ui/alert-title.vue +13 -13
  234. package/src/ui/alert.vue +63 -63
  235. package/src/ui/avatar-fallback.vue +38 -38
  236. package/src/ui/avatar-group.vue +32 -32
  237. package/src/ui/avatar-image.vue +19 -19
  238. package/src/ui/avatar.vue +32 -32
  239. package/src/ui/badge.vue +90 -90
  240. package/src/ui/breadcrumb-item.vue +11 -11
  241. package/src/ui/breadcrumb-separator.vue +9 -9
  242. package/src/ui/breadcrumb.vue +11 -11
  243. package/src/ui/button.vue +76 -76
  244. package/src/ui/card-content.vue +16 -16
  245. package/src/ui/card-description.vue +16 -16
  246. package/src/ui/card-footer.vue +13 -13
  247. package/src/ui/card-header.vue +19 -19
  248. package/src/ui/card-title.vue +16 -16
  249. package/src/ui/card.vue +73 -73
  250. package/src/ui/category-breakdown-metric.vue +205 -205
  251. package/src/ui/checkbox.vue +84 -84
  252. package/src/ui/cn.ts +6 -6
  253. package/src/ui/dialog-body.vue +13 -13
  254. package/src/ui/dialog-close.vue +9 -9
  255. package/src/ui/dialog-content.vue +36 -36
  256. package/src/ui/dialog-description.vue +13 -13
  257. package/src/ui/dialog-footer.vue +13 -13
  258. package/src/ui/dialog-header.vue +13 -13
  259. package/src/ui/dialog-overlay.vue +14 -14
  260. package/src/ui/dialog-portal.vue +9 -9
  261. package/src/ui/dialog-title.vue +13 -13
  262. package/src/ui/dialog-trigger.vue +9 -9
  263. package/src/ui/dialog.vue +9 -9
  264. package/src/ui/dismissible-badges-demo.vue +94 -94
  265. package/src/ui/drawer-content.vue +53 -53
  266. package/src/ui/drawer-description.vue +23 -23
  267. package/src/ui/drawer-footer.vue +22 -22
  268. package/src/ui/drawer-header.vue +22 -22
  269. package/src/ui/drawer-title.vue +23 -23
  270. package/src/ui/drawer-trigger.vue +23 -23
  271. package/src/ui/drawer.vue +34 -34
  272. package/src/ui/dropdown-menu-checkbox-item.vue +27 -27
  273. package/src/ui/dropdown-menu-content.vue +23 -23
  274. package/src/ui/dropdown-menu-group.vue +7 -7
  275. package/src/ui/dropdown-menu-item.vue +19 -19
  276. package/src/ui/dropdown-menu-label.vue +17 -17
  277. package/src/ui/dropdown-menu-portal.vue +8 -8
  278. package/src/ui/dropdown-menu-radio-group.vue +14 -14
  279. package/src/ui/dropdown-menu-radio-item.vue +30 -30
  280. package/src/ui/dropdown-menu-separator.vue +13 -13
  281. package/src/ui/dropdown-menu-shortcut.vue +15 -15
  282. package/src/ui/dropdown-menu-sub-content.vue +8 -8
  283. package/src/ui/dropdown-menu-sub-trigger.vue +8 -8
  284. package/src/ui/dropdown-menu-sub.vue +8 -8
  285. package/src/ui/dropdown-menu-trigger.vue +8 -8
  286. package/src/ui/dropdown-menu.vue +9 -9
  287. package/src/ui/grouped-avatar.vue +19 -19
  288. package/src/ui/icons/Accessibility.vue +7 -7
  289. package/src/ui/icons/AlignLeft.vue +6 -6
  290. package/src/ui/icons/ArrowDown.vue +7 -7
  291. package/src/ui/icons/ArrowUp.vue +7 -7
  292. package/src/ui/icons/ArrowUpDown.vue +8 -8
  293. package/src/ui/icons/BookOpen.vue +6 -6
  294. package/src/ui/icons/Calendar.vue +9 -9
  295. package/src/ui/icons/Check.vue +6 -6
  296. package/src/ui/icons/ChevronRight.vue +6 -6
  297. package/src/ui/icons/Circle.vue +6 -6
  298. package/src/ui/icons/Copy.vue +7 -7
  299. package/src/ui/icons/Dot.vue +6 -6
  300. package/src/ui/icons/Edit.vue +6 -6
  301. package/src/ui/icons/FileText.vue +9 -9
  302. package/src/ui/icons/Folder.vue +6 -6
  303. package/src/ui/icons/FolderOpen.vue +7 -7
  304. package/src/ui/icons/Hash.vue +6 -6
  305. package/src/ui/icons/Home.vue +6 -6
  306. package/src/ui/icons/Minus.vue +6 -6
  307. package/src/ui/icons/MoreHorizontal.vue +8 -8
  308. package/src/ui/icons/Settings.vue +7 -7
  309. package/src/ui/icons/Slash.vue +6 -6
  310. package/src/ui/icons/Trash2.vue +6 -6
  311. package/src/ui/icons/Type.vue +6 -6
  312. package/src/ui/icons/User.vue +7 -7
  313. package/src/ui/input-otp.vue +52 -52
  314. package/src/ui/input.vue +98 -98
  315. package/src/ui/label.vue +19 -19
  316. package/src/ui/pagination.vue +41 -41
  317. package/src/ui/popover.vue +9 -9
  318. package/src/ui/progress.vue +67 -67
  319. package/src/ui/radio-group-item.vue +53 -53
  320. package/src/ui/radio-group.vue +27 -27
  321. package/src/ui/scrollable-tabs-list.vue +148 -148
  322. package/src/ui/select-multiple.vue +135 -135
  323. package/src/ui/select.vue +77 -77
  324. package/src/ui/separator.vue +60 -60
  325. package/src/ui/sheet.vue +50 -50
  326. package/src/ui/sidebar/BaseSidebar.vue +97 -97
  327. package/src/ui/sidebar/BasicSearch.vue +27 -27
  328. package/src/ui/sidebar/ResponsiveSearch.vue +54 -54
  329. package/src/ui/sidebar/Sidebar.vue +227 -227
  330. package/src/ui/sidebar/SidebarCollapseButton.vue +10 -10
  331. package/src/ui/sidebar/SidebarContent.vue +31 -31
  332. package/src/ui/sidebar/SidebarDescription.vue +10 -10
  333. package/src/ui/sidebar/SidebarExpandButton.vue +10 -10
  334. package/src/ui/sidebar/SidebarFooter.vue +10 -10
  335. package/src/ui/sidebar/SidebarGroup.vue +11 -11
  336. package/src/ui/sidebar/SidebarGroupContent.vue +10 -10
  337. package/src/ui/sidebar/SidebarGroupLabel.vue +7 -7
  338. package/src/ui/sidebar/SidebarHeader.vue +10 -10
  339. package/src/ui/sidebar/SidebarInset.vue +19 -19
  340. package/src/ui/sidebar/SidebarMenu.vue +7 -7
  341. package/src/ui/sidebar/SidebarMenuBadge.vue +7 -7
  342. package/src/ui/sidebar/SidebarMenuButton.vue +17 -17
  343. package/src/ui/sidebar/SidebarMenuItem.vue +10 -10
  344. package/src/ui/sidebar/SidebarMenuSub.vue +18 -18
  345. package/src/ui/sidebar/SidebarMenuSubContent.vue +10 -10
  346. package/src/ui/sidebar/SidebarMenuSubItem.vue +10 -10
  347. package/src/ui/sidebar/SidebarMenuSubTrigger.vue +10 -10
  348. package/src/ui/sidebar/SidebarProvider.vue +108 -108
  349. package/src/ui/sidebar/SidebarScrollArea.vue +10 -10
  350. package/src/ui/sidebar/SidebarSection.vue +10 -10
  351. package/src/ui/sidebar/SidebarSeparator.vue +8 -8
  352. package/src/ui/sidebar/SidebarShortcut.vue +10 -10
  353. package/src/ui/sidebar/SidebarTitle.vue +10 -10
  354. package/src/ui/sidebar/SidebarTrigger.vue +27 -27
  355. package/src/ui/sidebar/Wrapper.vue +12 -12
  356. package/src/ui/sidebar/context.ts +8 -8
  357. package/src/ui/sidebar/index.ts +27 -27
  358. package/src/ui/sidebar/sidebarStore.ts +40 -40
  359. package/src/ui/sidebar/types.ts +30 -30
  360. package/src/ui/sidebar/useAutoCollapse.ts +81 -81
  361. package/src/ui/sidebar.vue +24 -24
  362. package/src/ui/skeleton.vue +15 -15
  363. package/src/ui/slider.vue +32 -32
  364. package/src/ui/sonner.vue +67 -67
  365. package/src/ui/switch.vue +33 -33
  366. package/src/ui/tab-content.vue +28 -28
  367. package/src/ui/tab-list.vue +31 -31
  368. package/src/ui/tab-panel.vue +19 -19
  369. package/src/ui/tab-trigger.vue +34 -34
  370. package/src/ui/tab.vue +30 -30
  371. package/src/ui/table-body.vue +16 -16
  372. package/src/ui/table-caption.vue +20 -20
  373. package/src/ui/table-cell.vue +16 -16
  374. package/src/ui/table-footer.vue +16 -16
  375. package/src/ui/table-header.vue +132 -132
  376. package/src/ui/table-row.vue +16 -16
  377. package/src/ui/table.vue +55 -55
  378. package/src/ui/tabs.vue +33 -33
  379. package/src/ui/textarea.vue +91 -91
  380. package/src/ui/threat-gauge.vue +137 -137
  381. package/src/ui/toggle.vue +69 -69
  382. package/src/ui/tooltip-content.vue +52 -52
  383. package/src/ui/tooltip-provider.vue +13 -13
  384. package/src/ui/tooltip-root.vue +9 -9
  385. package/src/ui/tooltip-trigger.vue +13 -13
  386. package/src/ui/tooltip.vue +22 -22
  387. package/src/ui/utils.ts +6 -6
  388. package/vite.config.ts +39 -39
package/README.md CHANGED
@@ -1,95 +1,80 @@
1
- # perisai/ui
2
-
3
- A modern, scalable, and theme-driven Vue 3 component library built on **Tailwind CSS**, **CSS variables**, and **headless, accessible primitives**.
4
-
5
- `perisai/ui` provides:
6
-
7
- - A fully token-based design system
8
- - Tailwind-powered utilities
9
- - Light & dark mode support
10
- - Reusable Vue components
11
- - Class merging (`cn`)
12
- - No compiled CSS — everything generated via Tailwind
13
-
14
- Perfect for enterprise dashboards, design systems, and product UIs.
15
-
16
- ## Installation
17
-
18
- ```bash
19
- npm install perisai-ui
20
- ```
21
-
22
- ## Setup
23
-
24
- ### 1. Import the CSS
25
-
26
- ```ts
27
- import "perisai-ui/index.css";
28
- ```
29
-
30
- ### 2. Add the Tailwind preset
31
-
32
- ```js
33
- import perisaiUI from "perisai-ui/tailwind-preset";
34
-
35
- export default {
36
- content: [
37
- "./src/**/*.{vue,js,ts}",
38
- "./node_modules/perisai-ui/**/*.{vue,js,ts}",
39
- ],
40
- presets: [perisaiUI],
41
- };
42
- ```
43
-
44
- ## Theme Tokens
45
-
46
- Perisai UI exposes tokens like:
47
-
48
- - --background
49
- - --foreground
50
- - --primary
51
- - --success
52
- - --warning
53
- - --error
54
- - --text-h1
55
- - --elevation-1
56
- - --radius
57
-
58
- ## Usage
59
-
60
- ```ts
61
- import { Button, Card } from "perisai-ui";
62
- ```
63
-
64
- ```vue
65
- <Button variant="primary">Save</Button>
66
-
67
- <Card>Content here</Card>
68
- ```
69
-
70
- ## Dark Mode
71
-
72
- ```html
73
- <html class="dark">
74
- ```
75
-
76
- ## Helper: cn()
77
-
78
- ```ts
79
- import { cn } from "perisai-ui";
80
-
81
- cn("px-4", isActive && "bg-primary");
82
- ```
83
-
84
- ## Development
85
-
86
- ```bash
87
- npm run dev
88
- ```
89
-
90
- ## Publish
91
-
92
- ```bash
93
- npm run build
94
- npm publish --access public
95
- ```
1
+ # perisai/ui
2
+
3
+ A modern, scalable, and theme-driven Vue component library built on **Tailwind CSS**, **CSS variables**, and **headless, accessible primitives**.
4
+
5
+ `perisai/ui` provides:
6
+
7
+ - A fully token-based design system
8
+ - Tailwind-powered utilities
9
+ - Light & dark mode support
10
+ - Reusable Vue components
11
+ - Class merging (`cn`)
12
+ - No compiled CSS — everything generated via Tailwind
13
+
14
+ Perfect for enterprise dashboards, design systems, and product UIs.
15
+
16
+ ## Installation
17
+
18
+ ```bash
19
+ npm install perisai-ui
20
+ ```
21
+
22
+ ## Setup
23
+
24
+ ### 1. Make sure you are using Tailwind CSS v4
25
+
26
+ Perisai UI is built for **Tailwind CSS v4**. Follow the official Tailwind v4 setup for your Vue app, then:
27
+
28
+ ### 2. Load your global styles
29
+
30
+ Ensure your app imports your own `globals.css` (or equivalent) where Tailwind v4 is initialized and any Perisai UI-related styles are included. For example, in your main entry file:
31
+
32
+ ```ts
33
+ // main.ts / main.js
34
+ import "@bl33dz/fa814698dcde12f86a37ac31dd3aedf9/src/globals.css";
35
+ ```
36
+
37
+ ## Theme Tokens
38
+
39
+ Perisai UI exposes tokens like:
40
+
41
+ - --background
42
+ - --foreground
43
+ - --primary
44
+ - --success
45
+ - --warning
46
+ - --error
47
+ - --text-h1
48
+ - --elevation-1
49
+ - --radius
50
+
51
+ ## Usage
52
+
53
+ ```ts
54
+ import { Button, Card } from "@bl33dz/fa814698dcde12f86a37ac31dd3aedf9/src";
55
+ ```
56
+
57
+ ```vue
58
+ <Button variant="primary">Save</Button>
59
+
60
+ <Card>Content here</Card>
61
+ ```
62
+
63
+ ## Dark Mode
64
+
65
+ ```html
66
+ <html class="dark">
67
+ ```
68
+
69
+ ## Development
70
+
71
+ ```bash
72
+ npm run dev
73
+ ```
74
+
75
+ ## Publish
76
+
77
+ ```bash
78
+ npm run build
79
+ npm publish --access public
80
+ ```
package/dist/fa814698dcde12f86a37ac31dd3aedf9.css CHANGED
@@ -1 +1 @@
1
- @source "../src/**/*.{vue,js,ts,jsx,tsx,html}";@custom-variant dark (&:is(.dark *));:root{--font-size: 16px;--font-family-primary: "Iosevka", "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Consolas", "Menlo", monospace;--font-family-mono: "IBM Plex Mono", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--text-h1: 2rem;--text-h2: 1.5rem;--text-h3: 1.25rem;--text-h4: 1.125rem;--text-h5: 1rem;--text-body-lg: 1.125rem;--text-body: 1rem;--text-body-sm: .875rem;--text-body-xs: .75rem;--font-weight-medium: 500;--font-weight-normal: 400;--radius: .5rem;--neutral-50: #fafbfc;--neutral-100: #f1f3f5;--neutral-200: #e8eaed;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #2d3748;--neutral-800: #161c27;--neutral-900: #11151e;--primary-100: #e0f7f7;--primary-200: #b3eaea;--primary-300: #80dddd;--primary-400: #4dd0d0;--primary-500: #25a6a6;--primary-600: #1b8d8d;--primary-700: #147676;--primary-800: #0d5c5c;--primary-900: #083f3f;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--error-100: #fef2f2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--info-100: #dbeafe;--info-200: #bfdbfe;--info-300: #93c5fd;--info-400: #60a5fa;--info-500: #3b82f6;--info-600: #2563eb;--info-700: #1d4ed8;--info-800: #1e40af;--info-900: #1e3a8a;--background: #fafbfc;--foreground: #374151;--card: #ffffff;--card-foreground: #374151;--popover: #ffffff;--popover-foreground: #374151;--primary: #25a6a6;--primary-foreground: #fafbfc;--secondary: #f1f3f5;--secondary-foreground: #374151;--muted: #e8eaed;--muted-foreground: #6b7280;--accent: #f1f3f5;--accent-foreground: #374151;--destructive: #ef4444;--destructive-foreground: #fafbfc;--border: #e8eaed;--input: #ffffff;--input-background: #f1f3f5;--switch-background: #d1d5db;--switch-thumb: #ffffff;--slider-track: #e8eaed;--slider-range: #25a6a6;--slider-thumb: #25a6a6;--ring: #25a6a6;--chart-1: #25a6a6;--chart-2: #22c55e;--chart-3: #3b82f6;--chart-4: #f59e0b;--chart-5: #ef4444;--sidebar: #ffffff;--sidebar-foreground: #374151;--sidebar-primary: #25a6a6;--sidebar-primary-foreground: #fafbfc;--sidebar-accent: #f1f3f5;--sidebar-accent-foreground: #374151;--sidebar-border: #e8eaed;--sidebar-ring: #25a6a6;--elevation-0: none;--elevation-1: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--elevation-2: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--elevation-3: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--elevation-4: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--elevation-5: 0 25px 50px -12px rgba(0, 0, 0, .25)}.dark{--background: #11151e;--foreground: #f1f3f5;--card: #161c27;--card-foreground: #f1f3f5;--popover: #161c27;--popover-foreground: #f1f3f5;--primary: #4dd0d0;--primary-foreground: #11151e;--secondary: #2d3748;--secondary-foreground: #f1f3f5;--muted: #2d3748;--muted-foreground: #9ca3af;--accent: #2d3748;--accent-foreground: #f1f3f5;--destructive: #f87171;--destructive-foreground: #11151e;--border: #2d3748;--input: #161c27;--input-background: #2d3748;--switch-background: #4b5563;--switch-thumb: #f1f3f5;--slider-track: #4b5563;--slider-range: #4dd0d0;--slider-thumb: #4dd0d0;--ring: #4dd0d0;--chart-1: #4dd0d0;--chart-2: #4ade80;--chart-3: #60a5fa;--chart-4: #fbbf24;--chart-5: #f87171;--sidebar: #161c27;--sidebar-foreground: #f1f3f5;--sidebar-primary: #4dd0d0;--sidebar-primary-foreground: #11151e;--sidebar-accent: #161c27;--sidebar-accent-foreground: #f1f3f5;--sidebar-border: #2d3748;--sidebar-ring: #4dd0d0;--elevation-0: none;--elevation-1: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(255, 255, 255, .03);--elevation-2: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(255, 255, 255, .05);--elevation-3: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -2px rgba(255, 255, 255, .08);--elevation-4: 0 20px 25px -5px rgba(0, 0, 0, .7), 0 10px 10px -5px rgba(255, 255, 255, .1);--elevation-5: 0 25px 50px -12px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .05)}@theme{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-switch-thumb: var(--switch-thumb); --color-slider-track: var(--slider-track); --color-slider-range: var(--slider-range); --color-slider-thumb: var(--slider-thumb); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var( --sidebar-primary-foreground ); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var( --sidebar-accent-foreground ); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --radius-sm: calc(var(--radius) - 2px); --radius-md: calc(var(--radius) - 1px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 2px); --color-neutral-50: var(--neutral-50); --color-neutral-100: var(--neutral-100); --color-neutral-200: var(--neutral-200); --color-neutral-300: var(--neutral-300); --color-neutral-400: var(--neutral-400); --color-neutral-500: var(--neutral-500); --color-neutral-600: var(--neutral-600); --color-neutral-700: var(--neutral-700); --color-neutral-800: var(--neutral-800); --color-neutral-900: var(--neutral-900); --color-primary-100: var(--primary-100); --color-primary-200: var(--primary-200); --color-primary-300: var(--primary-300); --color-primary-400: var(--primary-400); --color-primary-500: var(--primary-500); --color-primary-600: var(--primary-600); --color-primary-700: var(--primary-700); --color-primary-800: var(--primary-800); --color-primary-900: var(--primary-900); --color-success-100: var(--success-100); --color-success-200: var(--success-200); --color-success-300: var(--success-300); --color-success-400: var(--success-400); --color-success-500: var(--success-500); --color-success-600: var(--success-600); --color-success-700: var(--success-700); --color-success-800: var(--success-800); --color-success-900: var(--success-900); --color-error-100: var(--error-100); --color-error-200: var(--error-200); --color-error-300: var(--error-300); --color-error-400: var(--error-400); --color-error-500: var(--error-500); --color-error-600: var(--error-600); --color-error-700: var(--error-700); --color-error-800: var(--error-800); --color-error-900: var(--error-900); --color-warning-100: var(--warning-100); --color-warning-200: var(--warning-200); --color-warning-300: var(--warning-300); --color-warning-400: var(--warning-400); --color-warning-500: var(--warning-500); --color-warning-600: var(--warning-600); --color-warning-700: var(--warning-700); --color-warning-800: var(--warning-800); --color-warning-900: var(--warning-900); --color-info-100: var(--info-100); --color-info-200: var(--info-200); --color-info-300: var(--info-300); --color-info-400: var(--info-400); --color-info-500: var(--info-500); --color-info-600: var(--info-600); --color-info-700: var(--info-700); --color-info-800: var(--info-800); --color-info-900: var(--info-900); --shadow-elevation-0: var(--elevation-0); --shadow-elevation-1: var(--elevation-1); --shadow-elevation-2: var(--elevation-2); --shadow-elevation-3: var(--elevation-3); --shadow-elevation-4: var(--elevation-4); --shadow-elevation-5: var(--elevation-5); }@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;font-family:var(--font-family-primary)}}@layer base{h1{font-family:var(--font-family-primary);font-size:var(--text-h1);font-weight:var(--font-weight-medium);line-height:1.3;color:var(--foreground);letter-spacing:-.02em}h2{font-family:var(--font-family-primary);font-size:var(--text-h2);font-weight:var(--font-weight-medium);line-height:1.3;color:var(--foreground);letter-spacing:-.015em}h3{font-family:var(--font-family-primary);font-size:var(--text-h3);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--foreground);letter-spacing:-.01em}h4{font-family:var(--font-family-primary);font-size:var(--text-h4);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--foreground);letter-spacing:-.005em}h5{font-family:var(--font-family-primary);font-size:var(--text-h5);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--foreground);letter-spacing:0}p{font-family:var(--font-family-primary);font-size:var(--text-body);font-weight:var(--font-weight-normal);line-height:1.6;color:var(--foreground);letter-spacing:0}label{font-family:var(--font-family-primary);font-size:var(--text-body);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--foreground);letter-spacing:0}button{font-family:var(--font-family-primary);font-size:var(--text-body);font-weight:var(--font-weight-medium);line-height:1.4;letter-spacing:0}input,textarea{font-family:var(--font-family-primary);font-size:var(--text-body);font-weight:var(--font-weight-normal);line-height:1.5;color:var(--foreground);background-color:var(--input-background);letter-spacing:0}}html{font-size:var(--font-size)}@layer utilities{.text-h1{font-size:var(--text-h1)}.text-h2{font-size:var(--text-h2)}.text-h3{font-size:var(--text-h3)}.text-h4{font-size:var(--text-h4)}.text-h5{font-size:var(--text-h5)}.text-body-lg{font-size:var(--text-body-lg)}.text-body{font-size:var(--text-body)}.text-body-sm{font-size:var(--text-body-sm)}.text-body-xs{font-size:var(--text-body-xs)}}@layer utilities{.elevation-0{box-shadow:var(--elevation-0)}.elevation-1{box-shadow:var(--elevation-1)}.elevation-2{box-shadow:var(--elevation-2)}.elevation-3{box-shadow:var(--elevation-3)}.elevation-4{box-shadow:var(--elevation-4)}.elevation-5{box-shadow:var(--elevation-5)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}}.toast-success{background-color:var(--success-100)!important;color:var(--success-800)!important;border-color:var(--success-200)!important}.toast-error{background-color:var(--error-100)!important;color:var(--error-800)!important;border-color:var(--error-200)!important}.toast-warning{background-color:var(--warning-100)!important;color:var(--warning-800)!important;border-color:var(--warning-200)!important}.toast-info{background-color:var(--info-100)!important;color:var(--info-800)!important;border-color:var(--info-200)!important}.dark .toast-success{background-color:var(--success-900)!important;color:var(--success-300)!important;border-color:var(--success-700)!important}.dark .toast-error{background-color:var(--error-900)!important;color:var(--error-300)!important;border-color:var(--error-700)!important}.dark .toast-warning{background-color:var(--warning-900)!important;color:var(--warning-300)!important;border-color:var(--warning-700)!important}.dark .toast-info{background-color:var(--info-900)!important;color:var(--info-300)!important;border-color:var(--info-700)!important}.slider-track{background-color:var(--slider-track)!important}.slider-range{background-color:var(--slider-range)!important}.slider-thumb{background-color:var(--slider-thumb)!important;border-color:var(--slider-thumb)!important}.switch-thumb{background-color:var(--switch-thumb)!important}.scrollbar-hide[data-v-bcb1bf4a]::-webkit-scrollbar{display:none}.scrollbar-hide[data-v-bcb1bf4a]{-ms-overflow-style:none;scrollbar-width:none}.fade-enter-active[data-v-510f8ccc],.fade-leave-active[data-v-510f8ccc]{transition:opacity .2s}.fade-enter-from[data-v-510f8ccc],.fade-leave-to[data-v-510f8ccc]{opacity:0}.slide-enter-active[data-v-510f8ccc],.slide-leave-active[data-v-510f8ccc]{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-enter-from[data-v-510f8ccc],.slide-leave-to[data-v-510f8ccc]{transform:translate(100%)}.sonner-fade-enter-active[data-v-13be68d6],.sonner-fade-leave-active[data-v-13be68d6]{transition:opacity .3s}.sonner-fade-enter-from[data-v-13be68d6],.sonner-fade-leave-to[data-v-13be68d6]{opacity:0}
1
+ @source "../src/**/*.{vue,js,ts,jsx,tsx,html}";@custom-variant dark (&:is(.dark *));:root{--font-size: 16px;--font-family-primary: "Iosevka", "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", "Consolas", "Menlo", monospace;--font-family-mono: "IBM Plex Mono", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--text-h1: 2rem;--text-h2: 1.5rem;--text-h3: 1.25rem;--text-h4: 1.125rem;--text-h5: 1rem;--text-body-lg: 1.125rem;--text-body: 1rem;--text-body-sm: .875rem;--text-body-xs: .75rem;--font-weight-medium: 500;--font-weight-normal: 400;--radius: .5rem;--neutral-50: #fafbfc;--neutral-100: #f1f3f5;--neutral-200: #e8eaed;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #2d3748;--neutral-800: #161c27;--neutral-900: #11151e;--primary-100: #e0f7f7;--primary-200: #b3eaea;--primary-300: #80dddd;--primary-400: #4dd0d0;--primary-500: #25a6a6;--primary-600: #1b8d8d;--primary-700: #147676;--primary-800: #0d5c5c;--primary-900: #083f3f;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: #4ade80;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--error-100: #fef2f2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--info-100: #dbeafe;--info-200: #bfdbfe;--info-300: #93c5fd;--info-400: #60a5fa;--info-500: #3b82f6;--info-600: #2563eb;--info-700: #1d4ed8;--info-800: #1e40af;--info-900: #1e3a8a;--background: #fafbfc;--foreground: #374151;--card: #ffffff;--card-foreground: #374151;--popover: #ffffff;--popover-foreground: #374151;--primary: #25a6a6;--primary-foreground: #fafbfc;--secondary: #f1f3f5;--secondary-foreground: #374151;--muted: #e8eaed;--muted-foreground: #6b7280;--accent: #f1f3f5;--accent-foreground: #374151;--destructive: #ef4444;--destructive-foreground: #fafbfc;--border: #e8eaed;--input: #ffffff;--input-background: #f1f3f5;--switch-background: #d1d5db;--switch-thumb: #ffffff;--slider-track: #e8eaed;--slider-range: #25a6a6;--slider-thumb: #25a6a6;--ring: #25a6a6;--chart-1: #25a6a6;--chart-2: #22c55e;--chart-3: #3b82f6;--chart-4: #f59e0b;--chart-5: #ef4444;--sidebar: #ffffff;--sidebar-foreground: #374151;--sidebar-primary: #25a6a6;--sidebar-primary-foreground: #fafbfc;--sidebar-accent: #f1f3f5;--sidebar-accent-foreground: #374151;--sidebar-border: #e8eaed;--sidebar-ring: #25a6a6;--elevation-0: none;--elevation-1: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--elevation-2: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--elevation-3: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--elevation-4: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--elevation-5: 0 25px 50px -12px rgba(0, 0, 0, .25)}.dark{--background: #11151e;--foreground: #f1f3f5;--card: #161c27;--card-foreground: #f1f3f5;--popover: #161c27;--popover-foreground: #f1f3f5;--primary: #4dd0d0;--primary-foreground: #11151e;--secondary: #2d3748;--secondary-foreground: #f1f3f5;--muted: #2d3748;--muted-foreground: #9ca3af;--accent: #2d3748;--accent-foreground: #f1f3f5;--destructive: #f87171;--destructive-foreground: #11151e;--border: #2d3748;--input: #161c27;--input-background: #2d3748;--switch-background: #4b5563;--switch-thumb: #f1f3f5;--slider-track: #4b5563;--slider-range: #4dd0d0;--slider-thumb: #4dd0d0;--ring: #4dd0d0;--chart-1: #4dd0d0;--chart-2: #4ade80;--chart-3: #60a5fa;--chart-4: #fbbf24;--chart-5: #f87171;--sidebar: #161c27;--sidebar-foreground: #f1f3f5;--sidebar-primary: #4dd0d0;--sidebar-primary-foreground: #11151e;--sidebar-accent: #161c27;--sidebar-accent-foreground: #f1f3f5;--sidebar-border: #2d3748;--sidebar-ring: #4dd0d0;--elevation-0: none;--elevation-1: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 rgba(255, 255, 255, .03);--elevation-2: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(255, 255, 255, .05);--elevation-3: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -2px rgba(255, 255, 255, .08);--elevation-4: 0 20px 25px -5px rgba(0, 0, 0, .7), 0 10px 10px -5px rgba(255, 255, 255, .1);--elevation-5: 0 25px 50px -12px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .05)}@theme{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-switch-thumb: var(--switch-thumb); --color-slider-track: var(--slider-track); --color-slider-range: var(--slider-range); --color-slider-thumb: var(--slider-thumb); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var( --sidebar-primary-foreground ); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var( --sidebar-accent-foreground ); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --radius-sm: calc(var(--radius) - 2px); --radius-md: calc(var(--radius) - 1px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 2px); --color-neutral-50: var(--neutral-50); --color-neutral-100: var(--neutral-100); --color-neutral-200: var(--neutral-200); --color-neutral-300: var(--neutral-300); --color-neutral-400: var(--neutral-400); --color-neutral-500: var(--neutral-500); --color-neutral-600: var(--neutral-600); --color-neutral-700: var(--neutral-700); --color-neutral-800: var(--neutral-800); --color-neutral-900: var(--neutral-900); --color-primary-100: var(--primary-100); --color-primary-200: var(--primary-200); --color-primary-300: var(--primary-300); --color-primary-400: var(--primary-400); --color-primary-500: var(--primary-500); --color-primary-600: var(--primary-600); --color-primary-700: var(--primary-700); --color-primary-800: var(--primary-800); --color-primary-900: var(--primary-900); --color-success-100: var(--success-100); --color-success-200: var(--success-200); --color-success-300: var(--success-300); --color-success-400: var(--success-400); --color-success-500: var(--success-500); --color-success-600: var(--success-600); --color-success-700: var(--success-700); --color-success-800: var(--success-800); --color-success-900: var(--success-900); --color-error-100: var(--error-100); --color-error-200: var(--error-200); --color-error-300: var(--error-300); --color-error-400: var(--error-400); --color-error-500: var(--error-500); --color-error-600: var(--error-600); --color-error-700: var(--error-700); --color-error-800: var(--error-800); --color-error-900: var(--error-900); --color-warning-100: var(--warning-100); --color-warning-200: var(--warning-200); --color-warning-300: var(--warning-300); --color-warning-400: var(--warning-400); --color-warning-500: var(--warning-500); --color-warning-600: var(--warning-600); --color-warning-700: var(--warning-700); --color-warning-800: var(--warning-800); --color-warning-900: var(--warning-900); --color-info-100: var(--info-100); --color-info-200: var(--info-200); --color-info-300: var(--info-300); --color-info-400: var(--info-400); --color-info-500: var(--info-500); --color-info-600: var(--info-600); --color-info-700: var(--info-700); --color-info-800: var(--info-800); --color-info-900: var(--info-900); --shadow-elevation-0: var(--elevation-0); --shadow-elevation-1: var(--elevation-1); --shadow-elevation-2: var(--elevation-2); --shadow-elevation-3: var(--elevation-3); --shadow-elevation-4: var(--elevation-4); --shadow-elevation-5: var(--elevation-5); }@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;font-family:var(--font-family-primary)}}@layer base{h1{font-family:var(--font-family-primary);font-size:var(--text-h1);font-weight:var(--font-weight-medium);line-height:1.3;color:var(--foreground);letter-spacing:-.02em}h2{font-family:var(--font-family-primary);font-size:var(--text-h2);font-weight:var(--font-weight-medium);line-height:1.3;color:var(--foreground);letter-spacing:-.015em}h3{font-family:var(--font-family-primary);font-size:var(--text-h3);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--foreground);letter-spacing:-.01em}h4{font-family:var(--font-family-primary);font-size:var(--text-h4);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--foreground);letter-spacing:-.005em}h5{font-family:var(--font-family-primary);font-size:var(--text-h5);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--foreground);letter-spacing:0}p{font-family:var(--font-family-primary);font-size:var(--text-body);font-weight:var(--font-weight-normal);line-height:1.6;color:var(--foreground);letter-spacing:0}label{font-family:var(--font-family-primary);font-size:var(--text-body);font-weight:var(--font-weight-medium);line-height:1.4;color:var(--foreground);letter-spacing:0}button{font-family:var(--font-family-primary);font-size:var(--text-body);font-weight:var(--font-weight-medium);line-height:1.4;letter-spacing:0}input,textarea{font-family:var(--font-family-primary);font-size:var(--text-body);font-weight:var(--font-weight-normal);line-height:1.5;color:var(--foreground);background-color:var(--input-background);letter-spacing:0}}html{font-size:var(--font-size)}@layer utilities{.text-h1{font-size:var(--text-h1)}.text-h2{font-size:var(--text-h2)}.text-h3{font-size:var(--text-h3)}.text-h4{font-size:var(--text-h4)}.text-h5{font-size:var(--text-h5)}.text-body-lg{font-size:var(--text-body-lg)}.text-body{font-size:var(--text-body)}.text-body-sm{font-size:var(--text-body-sm)}.text-body-xs{font-size:var(--text-body-xs)}}@layer utilities{.elevation-0{box-shadow:var(--elevation-0)}.elevation-1{box-shadow:var(--elevation-1)}.elevation-2{box-shadow:var(--elevation-2)}.elevation-3{box-shadow:var(--elevation-3)}.elevation-4{box-shadow:var(--elevation-4)}.elevation-5{box-shadow:var(--elevation-5)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}}.toast-success{background-color:var(--success-100)!important;color:var(--success-800)!important;border-color:var(--success-200)!important}.toast-error{background-color:var(--error-100)!important;color:var(--error-800)!important;border-color:var(--error-200)!important}.toast-warning{background-color:var(--warning-100)!important;color:var(--warning-800)!important;border-color:var(--warning-200)!important}.toast-info{background-color:var(--info-100)!important;color:var(--info-800)!important;border-color:var(--info-200)!important}.dark .toast-success{background-color:var(--success-900)!important;color:var(--success-300)!important;border-color:var(--success-700)!important}.dark .toast-error{background-color:var(--error-900)!important;color:var(--error-300)!important;border-color:var(--error-700)!important}.dark .toast-warning{background-color:var(--warning-900)!important;color:var(--warning-300)!important;border-color:var(--warning-700)!important}.dark .toast-info{background-color:var(--info-900)!important;color:var(--info-300)!important;border-color:var(--info-700)!important}.slider-track{background-color:var(--slider-track)!important}.slider-range{background-color:var(--slider-range)!important}.slider-thumb{background-color:var(--slider-thumb)!important;border-color:var(--slider-thumb)!important}.switch-thumb{background-color:var(--switch-thumb)!important}.scrollbar-hide[data-v-f29cb3b8]::-webkit-scrollbar{display:none}.scrollbar-hide[data-v-f29cb3b8]{-ms-overflow-style:none;scrollbar-width:none}.fade-enter-active[data-v-e170e221],.fade-leave-active[data-v-e170e221]{transition:opacity .2s}.fade-enter-from[data-v-e170e221],.fade-leave-to[data-v-e170e221]{opacity:0}.slide-enter-active[data-v-e170e221],.slide-leave-active[data-v-e170e221]{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-enter-from[data-v-e170e221],.slide-leave-to[data-v-e170e221]{transform:translate(100%)}.sonner-fade-enter-active[data-v-60e60f2b],.sonner-fade-leave-active[data-v-60e60f2b]{transition:opacity .3s}.sonner-fade-enter-from[data-v-60e60f2b],.sonner-fade-leave-to[data-v-60e60f2b]{opacity:0}