@nofinite/nui 1.1.1 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (405) hide show
  1. package/README.md +61 -48
  2. package/dist/components/accordion/Accordion.cjs +1 -1
  3. package/dist/components/accordion/Accordion.cjs.map +1 -1
  4. package/dist/components/accordion/Accordion.js +64 -43
  5. package/dist/components/accordion/Accordion.js.map +1 -1
  6. package/dist/components/alert/Alert.cjs +1 -1
  7. package/dist/components/alert/Alert.cjs.map +1 -1
  8. package/dist/components/alert/Alert.js +39 -25
  9. package/dist/components/alert/Alert.js.map +1 -1
  10. package/dist/components/avatar/Avatar.cjs +1 -1
  11. package/dist/components/avatar/Avatar.cjs.map +1 -1
  12. package/dist/components/avatar/Avatar.js +58 -44
  13. package/dist/components/avatar/Avatar.js.map +1 -1
  14. package/dist/components/avatar/AvatarGroup.cjs +1 -1
  15. package/dist/components/avatar/AvatarGroup.cjs.map +1 -1
  16. package/dist/components/avatar/AvatarGroup.js +34 -25
  17. package/dist/components/avatar/AvatarGroup.js.map +1 -1
  18. package/dist/components/badge/Badge.cjs +1 -1
  19. package/dist/components/badge/Badge.cjs.map +1 -1
  20. package/dist/components/badge/Badge.js +43 -68
  21. package/dist/components/badge/Badge.js.map +1 -1
  22. package/dist/components/badge/BadgeGroup.cjs +1 -1
  23. package/dist/components/badge/BadgeGroup.cjs.map +1 -1
  24. package/dist/components/badge/BadgeGroup.js +20 -10
  25. package/dist/components/badge/BadgeGroup.js.map +1 -1
  26. package/dist/components/breadcrumbs/Breadcrumbs.cjs +1 -1
  27. package/dist/components/breadcrumbs/Breadcrumbs.cjs.map +1 -1
  28. package/dist/components/breadcrumbs/Breadcrumbs.js +59 -39
  29. package/dist/components/breadcrumbs/Breadcrumbs.js.map +1 -1
  30. package/dist/components/button/Button.cjs +1 -1
  31. package/dist/components/button/Button.cjs.map +1 -1
  32. package/dist/components/button/Button.js +52 -17
  33. package/dist/components/button/Button.js.map +1 -1
  34. package/dist/components/card/Card.cjs +1 -1
  35. package/dist/components/card/Card.cjs.map +1 -1
  36. package/dist/components/card/Card.js +44 -41
  37. package/dist/components/card/Card.js.map +1 -1
  38. package/dist/components/checkbox/Checkbox.cjs +1 -1
  39. package/dist/components/checkbox/Checkbox.cjs.map +1 -1
  40. package/dist/components/checkbox/Checkbox.js +59 -40
  41. package/dist/components/checkbox/Checkbox.js.map +1 -1
  42. package/dist/components/chip/Chip.cjs +1 -1
  43. package/dist/components/chip/Chip.cjs.map +1 -1
  44. package/dist/components/chip/Chip.js +67 -47
  45. package/dist/components/chip/Chip.js.map +1 -1
  46. package/dist/components/combobox/Combobox.cjs +1 -1
  47. package/dist/components/combobox/Combobox.cjs.map +1 -1
  48. package/dist/components/combobox/Combobox.js +123 -108
  49. package/dist/components/combobox/Combobox.js.map +1 -1
  50. package/dist/components/commandpalette/CommandPalette.cjs +1 -1
  51. package/dist/components/commandpalette/CommandPalette.cjs.map +1 -1
  52. package/dist/components/commandpalette/CommandPalette.js +96 -73
  53. package/dist/components/commandpalette/CommandPalette.js.map +1 -1
  54. package/dist/components/contextmenu/ContextMenu.cjs +1 -1
  55. package/dist/components/contextmenu/ContextMenu.cjs.map +1 -1
  56. package/dist/components/contextmenu/ContextMenu.js +79 -58
  57. package/dist/components/contextmenu/ContextMenu.js.map +1 -1
  58. package/dist/components/datagrid/DataGrid.cjs +1 -1
  59. package/dist/components/datagrid/DataGrid.cjs.map +1 -1
  60. package/dist/components/datagrid/DataGrid.js +184 -202
  61. package/dist/components/datagrid/DataGrid.js.map +1 -1
  62. package/dist/components/datepicker/DatePicker.cjs +1 -1
  63. package/dist/components/datepicker/DatePicker.cjs.map +1 -1
  64. package/dist/components/datepicker/DatePicker.js +197 -164
  65. package/dist/components/datepicker/DatePicker.js.map +1 -1
  66. package/dist/components/daterangepicker/DateRangePicker.cjs +1 -1
  67. package/dist/components/daterangepicker/DateRangePicker.cjs.map +1 -1
  68. package/dist/components/daterangepicker/DateRangePicker.js +254 -213
  69. package/dist/components/daterangepicker/DateRangePicker.js.map +1 -1
  70. package/dist/components/dialog/DialogProvider.cjs +2 -0
  71. package/dist/components/dialog/DialogProvider.cjs.map +1 -0
  72. package/dist/components/dialog/DialogProvider.js +71 -0
  73. package/dist/components/dialog/DialogProvider.js.map +1 -0
  74. package/dist/components/dialog/dialogStore.cjs +2 -0
  75. package/dist/components/dialog/dialogStore.cjs.map +1 -0
  76. package/dist/components/dialog/dialogStore.js +60 -0
  77. package/dist/components/dialog/dialogStore.js.map +1 -0
  78. package/dist/components/drawer/Drawer.cjs +1 -1
  79. package/dist/components/drawer/Drawer.cjs.map +1 -1
  80. package/dist/components/drawer/Drawer.js +69 -47
  81. package/dist/components/drawer/Drawer.js.map +1 -1
  82. package/dist/components/dropdown/Dropdown.cjs +1 -1
  83. package/dist/components/dropdown/Dropdown.cjs.map +1 -1
  84. package/dist/components/dropdown/Dropdown.js +134 -108
  85. package/dist/components/dropdown/Dropdown.js.map +1 -1
  86. package/dist/components/fileuploader/FileUploader.cjs +1 -1
  87. package/dist/components/fileuploader/FileUploader.cjs.map +1 -1
  88. package/dist/components/fileuploader/FileUploader.js +96 -61
  89. package/dist/components/fileuploader/FileUploader.js.map +1 -1
  90. package/dist/components/hovercard/HoverCard.cjs +1 -1
  91. package/dist/components/hovercard/HoverCard.cjs.map +1 -1
  92. package/dist/components/hovercard/HoverCard.js +124 -69
  93. package/dist/components/hovercard/HoverCard.js.map +1 -1
  94. package/dist/components/input/Input.cjs +1 -1
  95. package/dist/components/input/Input.cjs.map +1 -1
  96. package/dist/components/input/Input.js +62 -37
  97. package/dist/components/input/Input.js.map +1 -1
  98. package/dist/components/layout/Container.cjs +1 -1
  99. package/dist/components/layout/Container.cjs.map +1 -1
  100. package/dist/components/layout/Container.js +21 -30
  101. package/dist/components/layout/Container.js.map +1 -1
  102. package/dist/components/layout/Flex.cjs +1 -1
  103. package/dist/components/layout/Flex.cjs.map +1 -1
  104. package/dist/components/layout/Flex.js +36 -19
  105. package/dist/components/layout/Flex.js.map +1 -1
  106. package/dist/components/layout/Grid.cjs +1 -1
  107. package/dist/components/layout/Grid.cjs.map +1 -1
  108. package/dist/components/layout/Grid.js +30 -18
  109. package/dist/components/layout/Grid.js.map +1 -1
  110. package/dist/components/link/Link.cjs +2 -0
  111. package/dist/components/link/Link.cjs.map +1 -0
  112. package/dist/components/link/Link.js +41 -0
  113. package/dist/components/link/Link.js.map +1 -0
  114. package/dist/components/megamenu/MegaMenu.cjs +1 -1
  115. package/dist/components/megamenu/MegaMenu.cjs.map +1 -1
  116. package/dist/components/megamenu/MegaMenu.js +107 -38
  117. package/dist/components/megamenu/MegaMenu.js.map +1 -1
  118. package/dist/components/modal/Modal.cjs +1 -1
  119. package/dist/components/modal/Modal.cjs.map +1 -1
  120. package/dist/components/modal/Modal.js +91 -83
  121. package/dist/components/modal/Modal.js.map +1 -1
  122. package/dist/components/multiselect/MultiSelect.cjs +2 -0
  123. package/dist/components/multiselect/MultiSelect.cjs.map +1 -0
  124. package/dist/components/multiselect/MultiSelect.js +176 -0
  125. package/dist/components/multiselect/MultiSelect.js.map +1 -0
  126. package/dist/components/nuiprovider/NUIProvider.cjs +2 -0
  127. package/dist/components/nuiprovider/NUIProvider.cjs.map +1 -0
  128. package/dist/components/nuiprovider/NUIProvider.js +36 -0
  129. package/dist/components/nuiprovider/NUIProvider.js.map +1 -0
  130. package/dist/components/pagination/Pagination.cjs +1 -1
  131. package/dist/components/pagination/Pagination.cjs.map +1 -1
  132. package/dist/components/pagination/Pagination.js +74 -41
  133. package/dist/components/pagination/Pagination.js.map +1 -1
  134. package/dist/components/popover/Popover.cjs +1 -1
  135. package/dist/components/popover/Popover.cjs.map +1 -1
  136. package/dist/components/popover/Popover.js +99 -100
  137. package/dist/components/popover/Popover.js.map +1 -1
  138. package/dist/components/progress/Progress.cjs +1 -1
  139. package/dist/components/progress/Progress.cjs.map +1 -1
  140. package/dist/components/progress/Progress.js +44 -22
  141. package/dist/components/progress/Progress.js.map +1 -1
  142. package/dist/components/radiogroup/RadioGroup.cjs +1 -1
  143. package/dist/components/radiogroup/RadioGroup.cjs.map +1 -1
  144. package/dist/components/radiogroup/RadioGroup.js +69 -74
  145. package/dist/components/radiogroup/RadioGroup.js.map +1 -1
  146. package/dist/components/rating/Rating.cjs +1 -1
  147. package/dist/components/rating/Rating.cjs.map +1 -1
  148. package/dist/components/rating/Rating.js +72 -33
  149. package/dist/components/rating/Rating.js.map +1 -1
  150. package/dist/components/resizable/Resizable.cjs +2 -0
  151. package/dist/components/resizable/Resizable.cjs.map +1 -0
  152. package/dist/components/resizable/Resizable.js +134 -0
  153. package/dist/components/resizable/Resizable.js.map +1 -0
  154. package/dist/components/select/Select.cjs +1 -1
  155. package/dist/components/select/Select.cjs.map +1 -1
  156. package/dist/components/select/Select.js +114 -113
  157. package/dist/components/select/Select.js.map +1 -1
  158. package/dist/components/skeleton/Skeleton.cjs +1 -1
  159. package/dist/components/skeleton/Skeleton.cjs.map +1 -1
  160. package/dist/components/skeleton/Skeleton.js +90 -67
  161. package/dist/components/skeleton/Skeleton.js.map +1 -1
  162. package/dist/components/slider/Slider.cjs +1 -1
  163. package/dist/components/slider/Slider.cjs.map +1 -1
  164. package/dist/components/slider/Slider.js +85 -82
  165. package/dist/components/slider/Slider.js.map +1 -1
  166. package/dist/components/spinner/Spinner.cjs +1 -1
  167. package/dist/components/spinner/Spinner.cjs.map +1 -1
  168. package/dist/components/spinner/Spinner.js +60 -17
  169. package/dist/components/spinner/Spinner.js.map +1 -1
  170. package/dist/components/stepper/Stepper.cjs +1 -5
  171. package/dist/components/stepper/Stepper.cjs.map +1 -1
  172. package/dist/components/stepper/Stepper.js +65 -39
  173. package/dist/components/stepper/Stepper.js.map +1 -1
  174. package/dist/components/switch/Switch.cjs +1 -1
  175. package/dist/components/switch/Switch.cjs.map +1 -1
  176. package/dist/components/switch/Switch.js +89 -62
  177. package/dist/components/switch/Switch.js.map +1 -1
  178. package/dist/components/table/Table.cjs +1 -1
  179. package/dist/components/table/Table.cjs.map +1 -1
  180. package/dist/components/table/Table.js +62 -35
  181. package/dist/components/table/Table.js.map +1 -1
  182. package/dist/components/tabs/Tabs.cjs +1 -1
  183. package/dist/components/tabs/Tabs.cjs.map +1 -1
  184. package/dist/components/tabs/Tabs.js +110 -50
  185. package/dist/components/tabs/Tabs.js.map +1 -1
  186. package/dist/components/textarea/Textarea.cjs +1 -1
  187. package/dist/components/textarea/Textarea.cjs.map +1 -1
  188. package/dist/components/textarea/Textarea.js +63 -58
  189. package/dist/components/textarea/Textarea.js.map +1 -1
  190. package/dist/components/timepicker/TimePicker.cjs +2 -0
  191. package/dist/components/timepicker/TimePicker.cjs.map +1 -0
  192. package/dist/components/timepicker/TimePicker.js +159 -0
  193. package/dist/components/timepicker/TimePicker.js.map +1 -0
  194. package/dist/components/timerangepicker/TimeRangePicker.cjs +2 -0
  195. package/dist/components/timerangepicker/TimeRangePicker.cjs.map +1 -0
  196. package/dist/components/timerangepicker/TimeRangePicker.js +208 -0
  197. package/dist/components/timerangepicker/TimeRangePicker.js.map +1 -0
  198. package/dist/components/toast/Toast.cjs +1 -1
  199. package/dist/components/toast/Toast.cjs.map +1 -1
  200. package/dist/components/toast/Toast.js +91 -38
  201. package/dist/components/toast/Toast.js.map +1 -1
  202. package/dist/components/tooltip/Tooltip.cjs +1 -1
  203. package/dist/components/tooltip/Tooltip.cjs.map +1 -1
  204. package/dist/components/tooltip/Tooltip.js +72 -56
  205. package/dist/components/tooltip/Tooltip.js.map +1 -1
  206. package/dist/components/treeview/TreeView.cjs +1 -1
  207. package/dist/components/treeview/TreeView.cjs.map +1 -1
  208. package/dist/components/treeview/TreeView.js +120 -90
  209. package/dist/components/treeview/TreeView.js.map +1 -1
  210. package/dist/components/virtuallist/VirtualList.cjs +1 -1
  211. package/dist/components/virtuallist/VirtualList.cjs.map +1 -1
  212. package/dist/components/virtuallist/VirtualList.js +52 -34
  213. package/dist/components/virtuallist/VirtualList.js.map +1 -1
  214. package/dist/index.cjs +1 -1
  215. package/dist/index.css +1 -0
  216. package/dist/index.js +118 -107
  217. package/dist/index.js.map +1 -1
  218. package/dist/package.json +49 -6
  219. package/dist/types/components/accordion/Accordion.d.ts +7 -3
  220. package/dist/types/components/accordion/Accordion.d.ts.map +1 -1
  221. package/dist/types/components/alert/Alert.d.ts +18 -5
  222. package/dist/types/components/alert/Alert.d.ts.map +1 -1
  223. package/dist/types/components/avatar/Avatar.d.ts +12 -8
  224. package/dist/types/components/avatar/Avatar.d.ts.map +1 -1
  225. package/dist/types/components/avatar/AvatarGroup.d.ts +11 -4
  226. package/dist/types/components/avatar/AvatarGroup.d.ts.map +1 -1
  227. package/dist/types/components/badge/Badge.d.ts +19 -11
  228. package/dist/types/components/badge/Badge.d.ts.map +1 -1
  229. package/dist/types/components/badge/BadgeGroup.d.ts +7 -4
  230. package/dist/types/components/badge/BadgeGroup.d.ts.map +1 -1
  231. package/dist/types/components/breadcrumbs/Breadcrumbs.d.ts +14 -6
  232. package/dist/types/components/breadcrumbs/Breadcrumbs.d.ts.map +1 -1
  233. package/dist/types/components/button/Button.d.ts +25 -10
  234. package/dist/types/components/button/Button.d.ts.map +1 -1
  235. package/dist/types/components/card/Card.d.ts +12 -21
  236. package/dist/types/components/card/Card.d.ts.map +1 -1
  237. package/dist/types/components/checkbox/Checkbox.d.ts +12 -7
  238. package/dist/types/components/checkbox/Checkbox.d.ts.map +1 -1
  239. package/dist/types/components/chip/Chip.d.ts +14 -11
  240. package/dist/types/components/chip/Chip.d.ts.map +1 -1
  241. package/dist/types/components/combobox/Combobox.d.ts +15 -4
  242. package/dist/types/components/combobox/Combobox.d.ts.map +1 -1
  243. package/dist/types/components/commandpalette/CommandPalette.d.ts +12 -3
  244. package/dist/types/components/commandpalette/CommandPalette.d.ts.map +1 -1
  245. package/dist/types/components/contextmenu/ContextMenu.d.ts +14 -6
  246. package/dist/types/components/contextmenu/ContextMenu.d.ts.map +1 -1
  247. package/dist/types/components/datagrid/DataGrid.d.ts +16 -4
  248. package/dist/types/components/datagrid/DataGrid.d.ts.map +1 -1
  249. package/dist/types/components/datepicker/DatePicker.d.ts +13 -1
  250. package/dist/types/components/datepicker/DatePicker.d.ts.map +1 -1
  251. package/dist/types/components/daterangepicker/DateRangePicker.d.ts +3 -1
  252. package/dist/types/components/daterangepicker/DateRangePicker.d.ts.map +1 -1
  253. package/dist/types/components/dialog/DialogProvider.d.ts +2 -0
  254. package/dist/types/components/dialog/DialogProvider.d.ts.map +1 -0
  255. package/dist/types/components/dialog/dialogStore.d.ts +42 -0
  256. package/dist/types/components/dialog/dialogStore.d.ts.map +1 -0
  257. package/dist/types/components/drawer/Drawer.d.ts +18 -4
  258. package/dist/types/components/drawer/Drawer.d.ts.map +1 -1
  259. package/dist/types/components/dropdown/Dropdown.d.ts +21 -16
  260. package/dist/types/components/dropdown/Dropdown.d.ts.map +1 -1
  261. package/dist/types/components/fileuploader/FileUploader.d.ts +22 -3
  262. package/dist/types/components/fileuploader/FileUploader.d.ts.map +1 -1
  263. package/dist/types/components/hovercard/HoverCard.d.ts +45 -5
  264. package/dist/types/components/hovercard/HoverCard.d.ts.map +1 -1
  265. package/dist/types/components/input/Input.d.ts +20 -10
  266. package/dist/types/components/input/Input.d.ts.map +1 -1
  267. package/dist/types/components/layout/Container.d.ts +8 -4
  268. package/dist/types/components/layout/Container.d.ts.map +1 -1
  269. package/dist/types/components/layout/Flex.d.ts +27 -10
  270. package/dist/types/components/layout/Flex.d.ts.map +1 -1
  271. package/dist/types/components/layout/Grid.d.ts +11 -5
  272. package/dist/types/components/layout/Grid.d.ts.map +1 -1
  273. package/dist/types/components/link/Link.d.ts +22 -0
  274. package/dist/types/components/link/Link.d.ts.map +1 -0
  275. package/dist/types/components/megamenu/MegaMenu.d.ts +8 -11
  276. package/dist/types/components/megamenu/MegaMenu.d.ts.map +1 -1
  277. package/dist/types/components/modal/Modal.d.ts +8 -7
  278. package/dist/types/components/modal/Modal.d.ts.map +1 -1
  279. package/dist/types/components/multiselect/MultiSelect.d.ts +33 -0
  280. package/dist/types/components/multiselect/MultiSelect.d.ts.map +1 -0
  281. package/dist/types/components/nuiprovider/NUIProvider.d.ts +29 -0
  282. package/dist/types/components/nuiprovider/NUIProvider.d.ts.map +1 -0
  283. package/dist/types/components/pagination/Pagination.d.ts +17 -3
  284. package/dist/types/components/pagination/Pagination.d.ts.map +1 -1
  285. package/dist/types/components/popover/Popover.d.ts +54 -16
  286. package/dist/types/components/popover/Popover.d.ts.map +1 -1
  287. package/dist/types/components/progress/Progress.d.ts +17 -7
  288. package/dist/types/components/progress/Progress.d.ts.map +1 -1
  289. package/dist/types/components/radiogroup/RadioGroup.d.ts +15 -10
  290. package/dist/types/components/radiogroup/RadioGroup.d.ts.map +1 -1
  291. package/dist/types/components/rating/Rating.d.ts +24 -10
  292. package/dist/types/components/rating/Rating.d.ts.map +1 -1
  293. package/dist/types/components/resizable/Resizable.d.ts +24 -0
  294. package/dist/types/components/resizable/Resizable.d.ts.map +1 -0
  295. package/dist/types/components/select/Select.d.ts +17 -8
  296. package/dist/types/components/select/Select.d.ts.map +1 -1
  297. package/dist/types/components/skeleton/Skeleton.d.ts +37 -36
  298. package/dist/types/components/skeleton/Skeleton.d.ts.map +1 -1
  299. package/dist/types/components/slider/Slider.d.ts +15 -4
  300. package/dist/types/components/slider/Slider.d.ts.map +1 -1
  301. package/dist/types/components/spinner/Spinner.d.ts +14 -4
  302. package/dist/types/components/spinner/Spinner.d.ts.map +1 -1
  303. package/dist/types/components/stepper/Stepper.d.ts +17 -3
  304. package/dist/types/components/stepper/Stepper.d.ts.map +1 -1
  305. package/dist/types/components/switch/Switch.d.ts +20 -5
  306. package/dist/types/components/switch/Switch.d.ts.map +1 -1
  307. package/dist/types/components/table/Table.d.ts +24 -4
  308. package/dist/types/components/table/Table.d.ts.map +1 -1
  309. package/dist/types/components/tabs/Tabs.d.ts +25 -12
  310. package/dist/types/components/tabs/Tabs.d.ts.map +1 -1
  311. package/dist/types/components/textarea/Textarea.d.ts +8 -5
  312. package/dist/types/components/textarea/Textarea.d.ts.map +1 -1
  313. package/dist/types/components/timepicker/TimePicker.d.ts +26 -0
  314. package/dist/types/components/timepicker/TimePicker.d.ts.map +1 -0
  315. package/dist/types/components/timerangepicker/TimeRangePicker.d.ts +32 -0
  316. package/dist/types/components/timerangepicker/TimeRangePicker.d.ts.map +1 -0
  317. package/dist/types/components/toast/Toast.d.ts +23 -7
  318. package/dist/types/components/toast/Toast.d.ts.map +1 -1
  319. package/dist/types/components/tooltip/Tooltip.d.ts +13 -2
  320. package/dist/types/components/tooltip/Tooltip.d.ts.map +1 -1
  321. package/dist/types/components/treeview/TreeView.d.ts +20 -6
  322. package/dist/types/components/treeview/TreeView.d.ts.map +1 -1
  323. package/dist/types/components/virtuallist/VirtualList.d.ts +12 -16
  324. package/dist/types/components/virtuallist/VirtualList.d.ts.map +1 -1
  325. package/dist/types/index.d.ts +8 -4
  326. package/dist/types/index.d.ts.map +1 -1
  327. package/dist/types/utils/cn/cn.d.ts +19 -0
  328. package/dist/types/utils/cn/cn.d.ts.map +1 -0
  329. package/dist/types/utils/generateid/generateId.d.ts +7 -0
  330. package/dist/types/utils/generateid/generateId.d.ts.map +1 -1
  331. package/dist/types/utils/index.d.ts +2 -0
  332. package/dist/types/utils/index.d.ts.map +1 -1
  333. package/dist/types/utils/inertmanager/inertManager.d.ts +13 -0
  334. package/dist/types/utils/inertmanager/inertManager.d.ts.map +1 -1
  335. package/dist/types/utils/keyboardnav/keyboardNav.d.ts +17 -6
  336. package/dist/types/utils/keyboardnav/keyboardNav.d.ts.map +1 -1
  337. package/dist/types/utils/onclickoutside/onClickOutside.d.ts +9 -1
  338. package/dist/types/utils/onclickoutside/onClickOutside.d.ts.map +1 -1
  339. package/dist/types/utils/portal/portal.d.ts +14 -1
  340. package/dist/types/utils/portal/portal.d.ts.map +1 -1
  341. package/dist/types/utils/restorefocus/restoreFocus.d.ts +8 -4
  342. package/dist/types/utils/restorefocus/restoreFocus.d.ts.map +1 -1
  343. package/dist/types/utils/scrolllock/scrollLock.d.ts +10 -2
  344. package/dist/types/utils/scrolllock/scrollLock.d.ts.map +1 -1
  345. package/dist/types/utils/slot/slot.d.ts +12 -0
  346. package/dist/types/utils/slot/slot.d.ts.map +1 -0
  347. package/dist/types/utils/trapfocus/trapFocus.d.ts +6 -2
  348. package/dist/types/utils/trapfocus/trapFocus.d.ts.map +1 -1
  349. package/dist/utils/cn/cn.cjs +2 -0
  350. package/dist/utils/cn/cn.cjs.map +1 -0
  351. package/dist/utils/cn/cn.js +21 -0
  352. package/dist/utils/cn/cn.js.map +1 -0
  353. package/dist/utils/inertmanager/inertManager.cjs.map +1 -1
  354. package/dist/utils/inertmanager/inertManager.js.map +1 -1
  355. package/dist/utils/onclickoutside/onClickOutside.cjs +1 -1
  356. package/dist/utils/onclickoutside/onClickOutside.cjs.map +1 -1
  357. package/dist/utils/onclickoutside/onClickOutside.js +10 -6
  358. package/dist/utils/onclickoutside/onClickOutside.js.map +1 -1
  359. package/dist/utils/portal/portal.cjs.map +1 -1
  360. package/dist/utils/portal/portal.js.map +1 -1
  361. package/dist/utils/restorefocus/restoreFocus.cjs.map +1 -1
  362. package/dist/utils/restorefocus/restoreFocus.js.map +1 -1
  363. package/dist/utils/scrolllock/scrollLock.cjs.map +1 -1
  364. package/dist/utils/scrolllock/scrollLock.js +7 -0
  365. package/dist/utils/scrolllock/scrollLock.js.map +1 -1
  366. package/dist/utils/slot/slot.cjs +2 -0
  367. package/dist/utils/slot/slot.cjs.map +1 -0
  368. package/dist/utils/slot/slot.js +57 -0
  369. package/dist/utils/slot/slot.js.map +1 -0
  370. package/dist/utils/trapfocus/trapFocus.cjs.map +1 -1
  371. package/dist/utils/trapfocus/trapFocus.js.map +1 -1
  372. package/package.json +49 -6
  373. package/dist/components/layout/HStack.cjs +0 -2
  374. package/dist/components/layout/HStack.cjs.map +0 -1
  375. package/dist/components/layout/HStack.js +0 -9
  376. package/dist/components/layout/HStack.js.map +0 -1
  377. package/dist/components/layout/Stack.cjs +0 -2
  378. package/dist/components/layout/Stack.cjs.map +0 -1
  379. package/dist/components/layout/Stack.js +0 -9
  380. package/dist/components/layout/Stack.js.map +0 -1
  381. package/dist/styles/nui.css +0 -1
  382. package/dist/theme/NUIProvider.cjs +0 -2
  383. package/dist/theme/NUIProvider.cjs.map +0 -1
  384. package/dist/theme/NUIProvider.js +0 -34
  385. package/dist/theme/NUIProvider.js.map +0 -1
  386. package/dist/theme/useTheme.cjs +0 -2
  387. package/dist/theme/useTheme.cjs.map +0 -1
  388. package/dist/theme/useTheme.js +0 -9
  389. package/dist/theme/useTheme.js.map +0 -1
  390. package/dist/types/components/layout/HStack.d.ts +0 -8
  391. package/dist/types/components/layout/HStack.d.ts.map +0 -1
  392. package/dist/types/components/layout/Stack.d.ts +0 -8
  393. package/dist/types/components/layout/Stack.d.ts.map +0 -1
  394. package/dist/types/theme/NUIProvider.d.ts +0 -14
  395. package/dist/types/theme/NUIProvider.d.ts.map +0 -1
  396. package/dist/types/theme/useTheme.d.ts +0 -11
  397. package/dist/types/theme/useTheme.d.ts.map +0 -1
  398. package/dist/utils/generateid/generateId.cjs +0 -2
  399. package/dist/utils/generateid/generateId.cjs.map +0 -1
  400. package/dist/utils/generateid/generateId.js +0 -7
  401. package/dist/utils/generateid/generateId.js.map +0 -1
  402. package/dist/utils/keyboardnav/keyboardNav.cjs +0 -2
  403. package/dist/utils/keyboardnav/keyboardNav.cjs.map +0 -1
  404. package/dist/utils/keyboardnav/keyboardNav.js +0 -10
  405. package/dist/utils/keyboardnav/keyboardNav.js.map +0 -1
package/dist/index.css ADDED
@@ -0,0 +1 @@
1
+ .nui-btn{white-space:nowrap;justify-content:center;align-items:center;gap:var(--nui-space-2);font-family:var(--nui-font-sans);font-weight:var(--nui-weight-medium);font-size:var(--nui-text-sm);border-radius:var(--nui-radius-md);cursor:pointer;border:1px solid #0000;outline:none;line-height:1;transition:all .2s ease-in-out;display:inline-flex;position:relative}.nui-btn:focus-visible{box-shadow:0 0 0 2px var(--nui-bg-page),0 0 0 4px var(--nui-brand-500)}.nui-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.nui-btn--default{background-color:var(--nui-bg-surface);color:var(--nui-fg-default);border-color:var(--nui-border-default);box-shadow:0 1px 2px #0000000d}.nui-btn--default:hover:not(:disabled){background-color:var(--nui-bg-subtle);border-color:var(--nui-border-hover)}.nui-btn--primary{background-color:var(--nui-brand-600);color:#fff;border-color:#0000;box-shadow:0 1px 2px #0000001a}.nui-btn--primary:hover:not(:disabled){background-color:var(--nui-brand-700)}.nui-btn--outline{border-color:var(--nui-border-default);color:var(--nui-fg-default);background-color:#0000}.nui-btn--outline:hover:not(:disabled){background-color:var(--nui-bg-subtle);color:var(--nui-fg-default)}.nui-btn--ghost{color:var(--nui-fg-default);background-color:#0000}.nui-btn--ghost:hover:not(:disabled){background-color:var(--nui-bg-subtle)}.nui-btn--danger{background-color:var(--nui-color-danger);color:#fff}.nui-btn--danger:hover:not(:disabled){filter:brightness(.9)}.nui-btn--sm{height:32px;padding:0 var(--nui-space-3);font-size:var(--nui-text-xs)}.nui-btn--md{height:40px;padding:0 var(--nui-space-4);font-size:var(--nui-text-sm)}.nui-btn--lg{height:48px;padding:0 var(--nui-space-6);font-size:var(--nui-text-base)}.nui-btn--icon{width:40px;height:40px;padding:0}.nui-btn__icon{justify-content:center;align-items:center;display:flex}.nui-btn__spinner{width:16px;height:16px;animation:1s linear infinite nui-spin}@keyframes nui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nui-modal-overlay{z-index:9998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background-color:#00000073;justify-content:center;align-items:center;transition:opacity .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.nui-modal-overlay[data-state=open]{opacity:1}.nui-modal-container{z-index:9999;width:100%;max-width:500px;max-height:90vh;margin:var(--nui-space-4);background-color:var(--nui-bg-surface);color:var(--nui-fg-default);font-family:var(--nui-font-sans);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-lg);opacity:0;will-change:transform,opacity;outline:none;flex-direction:column;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:scale(.95);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.nui-modal-container[data-state=open]{opacity:1;transform:scale(1)}.nui-modal__header{padding:var(--nui-space-5)var(--nui-space-5)var(--nui-space-3);padding-right:var(--nui-space-10)}.nui-modal__title{font-size:var(--nui-text-lg);font-weight:var(--nui-weight-bold);margin:0;line-height:1.25}.nui-modal__description{margin-top:var(--nui-space-2);color:var(--nui-fg-subtle);font-size:var(--nui-text-sm);margin-bottom:0;line-height:1.5}.nui-modal__content{padding:0 var(--nui-space-5)var(--nui-space-5);overflow-y:auto}.nui-modal__content:first-child{padding-top:var(--nui-space-5)}.nui-modal__close{top:var(--nui-space-3);right:var(--nui-space-3);border-radius:var(--nui-radius-sm);width:32px;height:32px;color:var(--nui-fg-subtle);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background-color .2s,color .2s;display:flex;position:absolute}.nui-modal__close:hover{background-color:var(--nui-bg-subtle);color:var(--nui-fg-default)}.nui-modal__close:focus-visible{outline:2px solid var(--nui-color-primary);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.nui-modal-overlay,.nui-modal-container{transition:none}}.nui-dropdown{font-family:var(--nui-font-sans);display:inline-block;position:relative}.nui-dropdown__trigger{padding:var(--nui-space-2)var(--nui-space-3);background-color:var(--nui-bg-surface);color:var(--nui-fg-default);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-md);font-size:var(--nui-text-sm);font-weight:var(--nui-weight-medium);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.nui-dropdown__trigger:hover{background-color:var(--nui-bg-subtle)}.nui-dropdown__trigger:focus-visible{box-shadow:0 0 0 2px var(--nui-bg-page),0 0 0 4px var(--nui-color-primary);outline:none}.nui-dropdown__menu{top:calc(100% + var(--nui-space-1));z-index:1000;min-width:180px;padding:var(--nui-space-1);background-color:var(--nui-bg-surface);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-md);box-sizing:border-box;transform-origin:0 0;animation:.15s ease-out nui-dropdown-fade-in;position:absolute;left:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.nui-dropdown__menu--end{left:auto;right:0}@keyframes nui-dropdown-fade-in{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.nui-dropdown__item{width:100%;padding:var(--nui-space-2)var(--nui-space-3);box-sizing:border-box;color:var(--nui-fg-default);font-size:var(--nui-text-sm);border-radius:var(--nui-radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;align-items:center;line-height:1.5;transition:background-color .1s,color .1s;display:flex}.nui-dropdown__item:hover,.nui-dropdown__item:focus-visible{background-color:var(--nui-bg-subtle);color:var(--nui-fg-default)}.nui-dropdown__item.nui-text-danger:hover,.nui-dropdown__item.nui-text-danger:focus-visible{color:var(--nui-color-danger);background-color:#fef2f2}.nui-input-wrapper{gap:var(--nui-space-1);width:100%;font-family:var(--nui-font-sans);flex-direction:column;display:flex}.nui-input__label{font-size:var(--nui-text-sm);font-weight:var(--nui-weight-medium);color:var(--nui-fg-default);line-height:1.2}.nui-input__label--disabled{color:var(--nui-fg-disabled)}.nui-input__required{color:var(--nui-color-danger)}.nui-input__container{align-items:center;width:100%;display:flex;position:relative}.nui-input{background-color:var(--nui-bg-surface);width:100%;color:var(--nui-fg-default);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-md);font-family:inherit;font-size:var(--nui-text-sm);appearance:none;outline:none;transition:border-color .2s,box-shadow .2s}.nui-input::placeholder{color:var(--nui-fg-subtle);opacity:.8}.nui-input:not(:disabled):hover{border-color:var(--nui-border-hover)}.nui-input:focus-visible{border-color:var(--nui-color-primary);box-shadow:0 0 0 3px var(--nui-brand-100)}@media (prefers-color-scheme:dark){.nui-input:focus-visible{box-shadow:0 0 0 3px #3b82f633}}.nui-input:disabled{background-color:var(--nui-bg-subtle);color:var(--nui-fg-disabled);border-color:var(--nui-border-default);cursor:not-allowed;opacity:1}.nui-input--sm{height:32px;padding:0 var(--nui-space-2);font-size:var(--nui-text-xs)}.nui-input--md{height:40px;padding:0 var(--nui-space-3);font-size:var(--nui-text-sm)}.nui-input--lg{height:48px;padding:0 var(--nui-space-4);font-size:var(--nui-text-base)}.nui-input__icon{color:var(--nui-fg-subtle);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nui-input__icon.-left{left:var(--nui-space-3)}.nui-input__icon.-right{right:var(--nui-space-3)}.nui-input--has-left{padding-left:calc(var(--nui-space-3)*2 + 16px)}.nui-input--has-right{padding-right:calc(var(--nui-space-3)*2 + 16px)}.nui-input--error{border-color:var(--nui-color-danger)}.nui-input--error:focus-visible{border-color:var(--nui-color-danger);box-shadow:0 0 0 3px #ef444426}.nui-input__description{font-size:var(--nui-text-xs);color:var(--nui-fg-subtle);margin-top:2px}.nui-input__error{font-size:var(--nui-text-xs);color:var(--nui-color-danger);font-weight:var(--nui-weight-medium);margin-top:2px}.nui-tabs-root{width:100%;font-family:var(--nui-font-sans);flex-direction:column;display:flex}.nui-tabs-list{gap:var(--nui-space-4);border-bottom:1px solid var(--nui-border-default);scrollbar-width:none;flex-wrap:nowrap;display:flex;overflow-x:auto}.nui-tabs-list::-webkit-scrollbar{display:none}.nui-tabs-trigger{white-space:nowrap;padding:var(--nui-space-3)var(--nui-space-1);font-size:var(--nui-text-sm);font-weight:var(--nui-weight-medium);color:var(--nui-fg-subtle);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;justify-content:center;align-items:center;margin-bottom:-1px;transition:all .2s;display:inline-flex}.nui-tabs-trigger:hover:not(.disabled):not(.selected){color:var(--nui-fg-default);border-bottom-color:var(--nui-border-hover)}.nui-tabs-trigger.selected{color:var(--nui-color-primary);border-bottom-color:var(--nui-color-primary);font-weight:var(--nui-weight-bold)}.nui-tabs-trigger:focus-visible{outline:2px solid var(--nui-brand-200);outline-offset:2px;border-radius:var(--nui-radius-sm)}.nui-tabs-trigger.disabled{opacity:.5;cursor:not-allowed}.nui-tabs-content{padding:var(--nui-space-6)0;color:var(--nui-fg-default);outline:none;animation:.3s ease-out forwards nui-tabs-fade-in}.nui-tabs-content:focus-visible{outline:2px solid var(--nui-color-primary);outline-offset:4px;border-radius:var(--nui-radius-sm)}@keyframes nui-tabs-fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.nui-tabs-content{animation:none}.nui-tabs-trigger{transition:none}}.nui-tooltip{z-index:10000;background-color:var(--nui-fg-default);max-width:280px;color:var(--nui-bg-surface);padding:var(--nui-space-1)var(--nui-space-3);font-family:var(--nui-font-sans);font-size:var(--nui-text-xs);font-weight:var(--nui-weight-medium);border-radius:var(--nui-radius-sm);text-align:center;pointer-events:none;line-height:1.4;animation:.15s cubic-bezier(.16,1,.3,1) forwards nui-tooltip-in;transform:translate(-50%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.nui-tooltip:after{content:"";background-color:inherit;width:8px;height:8px;left:var(--nui-tooltip-arrow-x,50%);border-radius:1px;position:absolute;transform:translate(-50%)rotate(45deg)}.nui-tooltip[data-placement=top]:after{bottom:-4px}.nui-tooltip[data-placement=bottom]:after{top:-4px}@keyframes nui-tooltip-in{0%{opacity:0;transform:translate(-50%)scale(.96)translateY(4px)}to{opacity:1;transform:translate(-50%)scale(1)translateY(0)}}.nui-tooltip[data-placement=bottom]{animation-name:nui-tooltip-in-bottom}@keyframes nui-tooltip-in-bottom{0%{opacity:0;transform:translate(-50%)scale(.96)translateY(-4px)}to{opacity:1;transform:translate(-50%)scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.nui-tooltip{transition:none;animation:none}}.nui-toast-region{bottom:var(--nui-space-5);right:var(--nui-space-5);align-items:flex-end;gap:var(--nui-space-3);z-index:var(--nui-z-tooltip,9999);pointer-events:none;flex-direction:column;display:flex;position:fixed}.nui-toast{pointer-events:auto;width:100%;min-width:300px;max-width:380px;padding:var(--nui-space-4);background-color:var(--nui-bg-surface);color:var(--nui-fg-default);font-family:var(--nui-font-sans);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-lg);justify-content:space-between;align-items:flex-start;animation:.2s cubic-bezier(.16,1,.3,1) forwards nui-toast-slide-in;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.nui-toast__content{gap:var(--nui-space-1);padding-right:var(--nui-space-4);flex-direction:column;display:flex}.nui-toast__title{font-size:var(--nui-text-sm);font-weight:var(--nui-weight-bold);margin:0;line-height:1.4}.nui-toast__description{font-size:var(--nui-text-sm);color:var(--nui-fg-subtle);margin:0;line-height:1.4}.nui-toast__close{border-radius:var(--nui-radius-sm);width:24px;height:24px;color:var(--nui-fg-subtle);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .2s,color .2s;display:flex}.nui-toast__close:hover{background-color:var(--nui-bg-subtle);color:var(--nui-fg-default)}.nui-toast__close:focus-visible{outline:2px solid var(--nui-color-primary);outline-offset:2px}.nui-toast--default{border-left:4px solid var(--nui-color-primary)}.nui-toast--success{border-left:4px solid var(--nui-color-success)}.nui-toast--error{border-left:4px solid var(--nui-color-danger)}.nui-toast--warning{border-left:4px solid var(--nui-color-warning)}@keyframes nui-toast-slide-in{0%{opacity:0;transform:translate(20px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes nui-toast-slide-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(20px)scale(.95)}}.nui-toast[data-state=closed]{animation:.2s ease-in forwards nui-toast-slide-out}@media (prefers-reduced-motion:reduce){.nui-toast,.nui-toast[data-state=closed]{transition:opacity .2s;animation:none}.nui-toast[data-state=closed]{opacity:0}}.nui-accordion{border-top:1px solid var(--nui-border-default);width:100%}.nui-accordion__item{border-bottom:1px solid var(--nui-border-default)}.nui-accordion__header{width:100%;padding:var(--nui-space-4)0;cursor:pointer;text-align:left;color:var(--nui-fg-default);background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;display:flex}.nui-accordion__header:hover{color:var(--nui-fg-subtle)}.nui-accordion__header:focus-visible{border-radius:var(--nui-radius-sm);outline:2px solid var(--nui-color-primary);outline-offset:4px}.nui-accordion__title{font-family:var(--nui-font-sans);font-size:var(--nui-text-base);font-weight:var(--nui-weight-medium)}.nui-accordion__icon{color:var(--nui-fg-subtle);width:16px;height:16px;transition:transform .2s}.nui-accordion__item[data-state=open] .nui-accordion__icon{color:var(--nui-fg-default);transform:rotate(180deg)}.nui-accordion__panel{grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;display:grid}.nui-accordion__item[data-state=open] .nui-accordion__panel{grid-template-rows:1fr}.nui-accordion__content{color:var(--nui-fg-subtle);font-family:var(--nui-font-sans);font-size:var(--nui-text-base);line-height:1.6;overflow:hidden}.nui-accordion__content>:last-child{padding-bottom:var(--nui-space-4)}.nui-skeleton{background-color:var(--nui-bg-subtle,#e2e8f0);border-radius:var(--nui-radius-sm);-webkit-user-select:none;user-select:none;pointer-events:none;display:block;position:relative;overflow:hidden}.dark .nui-skeleton{background-color:var(--nui-bg-subtle,#1e293b)}.nui-skeleton--xs{height:8px}.nui-skeleton--sm{height:12px}.nui-skeleton--md{height:16px}.nui-skeleton--lg{height:24px}.nui-skeleton--xl{height:32px}.nui-skeleton--circle{aspect-ratio:1;border-radius:9999px;height:auto}.nui-skeleton--animated:after{content:"";background-image:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);animation:1.5s linear infinite nui-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.dark .nui-skeleton--animated:after{background-image:linear-gradient(90deg,#0000 0%,#ffffff0d 50%,#0000 100%)}@keyframes nui-skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.nui-skeleton--animated:after{animation:none}}.nui-slider-root{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;display:flex;position:relative}.nui-slider-track-container{cursor:pointer;align-items:center;width:100%;height:24px;display:flex;position:relative}.nui-slider-track{background-color:var(--nui-bg-subtle,#e2e8f0);border-radius:9999px;width:100%;height:6px;position:relative}.nui-slider-fill{background-color:var(--nui-color-primary);border-radius:9999px;height:100%;transition:width .1s ease-out;position:absolute;top:0;left:0}.nui-slider-thumb{background-color:var(--nui-bg-surface);border:2px solid var(--nui-color-primary);cursor:grab;border-radius:50%;width:20px;height:20px;transition:left .1s ease-out,box-shadow .2s,transform .1s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0000001a}.nui-slider-track-container:active .nui-slider-thumb{cursor:grabbing;transform:translate(-50%,-50%)scale(1.1)}.nui-slider-thumb:hover{box-shadow:0 0 0 4px var(--nui-brand-50,#3b82f61a)}.nui-slider-thumb:focus-visible{box-shadow:0 0 0 4px var(--nui-brand-100,#3b82f633);border-color:var(--nui-brand-600);outline:none}.nui-slider--disabled{opacity:.5;pointer-events:none}.nui-slider--disabled .nui-slider-fill{background-color:var(--nui-fg-muted)}.nui-slider--disabled .nui-slider-thumb{border-color:var(--nui-fg-muted);background-color:var(--nui-bg-subtle)}@media (prefers-reduced-motion:reduce){.nui-slider-fill,.nui-slider-thumb{transition:none}}.nui-checkbox{align-items:flex-start;gap:var(--nui-space-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.nui-checkbox--disabled{cursor:not-allowed;opacity:.5}.nui-checkbox__wrapper{justify-content:center;align-items:center;width:16px;height:16px;margin-top:2px;display:flex;position:relative}.nui-checkbox__input{appearance:none;background-color:var(--nui-bg-surface);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-sm);width:100%;height:100%;cursor:inherit;margin:0;transition:all .2s}.nui-checkbox:not(.nui-checkbox--disabled):hover .nui-checkbox__input{border-color:var(--nui-color-primary)}.nui-checkbox__input:focus-visible{box-shadow:0 0 0 2px var(--nui-bg-page),0 0 0 4px var(--nui-color-primary);outline:none}.nui-checkbox__input[data-state=checked],.nui-checkbox__input[data-state=indeterminate]{background-color:var(--nui-color-primary);border-color:var(--nui-color-primary)}.nui-checkbox__indicator{pointer-events:none;color:var(--nui-color-primary-fg,#fff);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.nui-checkbox__label{font-family:var(--nui-font-sans);font-size:var(--nui-text-sm);color:var(--nui-fg-default);line-height:1.5}.nui-radio-group{gap:var(--nui-space-3);font-family:var(--nui-font-sans);flex-direction:column;display:flex}.nui-radio-group--horizontal{gap:var(--nui-space-6);flex-flow:wrap}.nui-radio-input{appearance:none;border:2px solid var(--nui-border-default,#cbd5e1);background-color:var(--nui-bg-surface);cursor:pointer;border-radius:50%;flex-shrink:0;width:18px;height:18px;margin:0;transition:border-color .2s,background-color .2s;position:relative}.nui-radio-input:hover:not(:disabled){border-color:var(--nui-border-hover,#94a3b8);background-color:var(--nui-bg-subtle)}.nui-radio-input:focus-visible{outline:2px solid var(--nui-color-primary);outline-offset:2px}.nui-radio-input:checked{border-color:var(--nui-color-primary)}.nui-radio-input:checked:after{content:"";background-color:var(--nui-color-primary);border-radius:50%;width:10px;height:10px;animation:.15s cubic-bezier(.16,1,.3,1) nui-radio-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes nui-radio-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.nui-radio-input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--nui-bg-muted)}.nui-switch-wrapper{align-items:flex-start;gap:var(--nui-space-3);font-family:var(--nui-font-sans);display:inline-flex}.nui-switch-wrapper--disabled{opacity:.6;cursor:not-allowed}.nui-switch__text-container{flex-direction:column;gap:2px;margin-top:1px;display:flex}.nui-switch__label{font-size:var(--nui-text-sm);color:var(--nui-fg-default);font-weight:var(--nui-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.25}.nui-switch-wrapper--disabled .nui-switch__label{cursor:not-allowed}.nui-switch__description{font-size:var(--nui-text-xs);color:var(--nui-fg-subtle);line-height:1.4}.nui-switch{border-radius:var(--nui-radius-full);background-color:var(--nui-border-default);cursor:pointer;border:2px solid #0000;flex-shrink:0;align-items:center;margin:0;padding:0;transition:background-color .2s;display:inline-flex;position:relative}.nui-switch:disabled{cursor:not-allowed}.nui-switch:focus-visible{box-shadow:0 0 0 2px var(--nui-bg-page),0 0 0 4px var(--nui-color-primary);outline:none}.nui-switch--checked{background-color:var(--nui-brand-600)}.nui-switch--checked:hover:not(:disabled){background-color:var(--nui-brand-700)}.nui-switch__thumb{will-change:transform;background-color:#fff;border-radius:50%;transition:transform .2s cubic-bezier(.16,1,.3,1);display:block;box-shadow:0 2px 4px #0003}.nui-switch--md{width:44px;height:24px}.nui-switch__thumb--md{width:20px;height:20px;transform:translate(0)}.nui-switch__thumb--md.nui-switch__thumb--checked{transform:translate(20px)}.nui-switch--sm{width:36px;height:20px}.nui-switch__thumb--sm{width:16px;height:16px;transform:translate(0)}.nui-switch__thumb--sm.nui-switch__thumb--checked{transform:translate(16px)}.nui-datepicker-root{font-family:var(--nui-font-sans);display:inline-block}.nui-datepicker-trigger{width:240px;padding:var(--nui-space-2)var(--nui-space-3);background-color:var(--nui-bg-surface);color:var(--nui-fg-default);font-family:inherit;font-size:var(--nui-text-sm);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-md);cursor:pointer;justify-content:space-between;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 2px #0000000d}.nui-datepicker-trigger:hover:not(:disabled){border-color:var(--nui-border-hover)}.nui-datepicker-trigger:focus-visible{border-color:var(--nui-color-primary);box-shadow:0 0 0 3px var(--nui-brand-100);outline:none}.nui-datepicker-trigger:disabled{background-color:var(--nui-bg-muted);color:var(--nui-fg-disabled);cursor:not-allowed}.nui-datepicker-placeholder,.nui-datepicker-icon{color:var(--nui-fg-subtle)}.nui-datepicker-popover{z-index:var(--nui-z-dropdown,1000)}.nui-datepicker-panel{width:320px;padding:var(--nui-space-4);background-color:var(--nui-bg-surface);color:var(--nui-fg-default);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-lg);animation:.15s cubic-bezier(.16,1,.3,1) forwards nui-datepicker-in;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes nui-datepicker-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.nui-datepicker-header{margin-bottom:var(--nui-space-4);justify-content:space-between;align-items:center;display:flex}.nui-datepicker-arrow{border-radius:var(--nui-radius-sm);width:32px;height:32px;color:var(--nui-fg-subtle);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.nui-datepicker-arrow:hover{background-color:var(--nui-bg-subtle);color:var(--nui-fg-default)}.nui-datepicker-ym-toggle{border-radius:var(--nui-radius-sm);padding:var(--nui-space-1)var(--nui-space-3);font-size:var(--nui-text-sm);font-weight:var(--nui-weight-bold);color:var(--nui-fg-default);cursor:pointer;background:0 0;border:none;transition:background-color .2s}.nui-datepicker-ym-toggle:hover{background-color:var(--nui-bg-subtle)}.nui-datepicker-ym-panel{gap:var(--nui-space-3);flex-direction:column;display:flex}.nui-datepicker-year-grid{gap:var(--nui-space-1);max-height:180px;padding-right:var(--nui-space-1);scrollbar-width:thin;grid-template-columns:repeat(4,1fr);display:grid;overflow-y:auto}.nui-datepicker-year,.nui-datepicker-month{padding:var(--nui-space-2)0;border-radius:var(--nui-radius-sm);color:var(--nui-fg-default);font-size:var(--nui-text-sm);cursor:pointer;background:0 0;border:none;transition:background-color .2s}.nui-datepicker-year:hover:not(.selected),.nui-datepicker-month:hover:not(.selected):not(.disabled){background-color:var(--nui-bg-subtle)}.nui-datepicker-year.selected,.nui-datepicker-month.selected{background-color:var(--nui-color-primary);color:var(--nui-color-primary-fg);font-weight:var(--nui-weight-bold)}.nui-datepicker-month-grid{gap:var(--nui-space-1);padding-top:var(--nui-space-3);border-top:1px solid var(--nui-border-default);grid-template-columns:repeat(3,1fr);display:grid}.nui-datepicker-month.disabled{color:var(--nui-fg-disabled);cursor:not-allowed}.nui-datepicker-calendar{gap:var(--nui-space-2);flex-direction:column;display:flex}.nui-datepicker-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.nui-datepicker-weekday{font-size:.7rem;font-weight:var(--nui-weight-bold);text-transform:uppercase;color:var(--nui-fg-subtle)}.nui-datepicker-days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.nui-datepicker-day,.nui-datepicker-empty{aspect-ratio:1;border-radius:var(--nui-radius-sm);width:100%;font-size:var(--nui-text-sm);color:var(--nui-fg-default);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}.nui-datepicker-day:hover:not(.selected):not(:disabled){background-color:var(--nui-bg-subtle)}.nui-datepicker-day.today{color:var(--nui-color-primary);font-weight:var(--nui-weight-bold);background-color:var(--nui-brand-50)}.nui-datepicker-day.selected{background-color:var(--nui-color-primary);color:var(--nui-color-primary-fg);font-weight:var(--nui-weight-bold)}.nui-datepicker-day:disabled{color:var(--nui-fg-disabled);cursor:not-allowed}.nui-daterange-root{font-family:var(--nui-font-sans);display:inline-block}.nui-daterange-trigger{width:280px;padding:var(--nui-space-2)var(--nui-space-3);background-color:var(--nui-bg-surface);color:var(--nui-fg-default);font-family:inherit;font-size:var(--nui-text-sm);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-md);cursor:pointer;justify-content:space-between;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 2px #0000000d}.nui-daterange-trigger:hover:not(:disabled){border-color:var(--nui-border-hover)}.nui-daterange-trigger:focus-visible{border-color:var(--nui-color-primary);box-shadow:0 0 0 3px var(--nui-brand-100);outline:none}.nui-daterange-trigger:disabled{background-color:var(--nui-bg-muted);color:var(--nui-fg-disabled);cursor:not-allowed}.nui-daterange-placeholder,.nui-daterange-icon{color:var(--nui-fg-subtle)}.nui-daterange-popover{z-index:var(--nui-z-dropdown,1000)}.nui-daterange-panel{width:320px;padding:var(--nui-space-4);background-color:var(--nui-bg-surface);color:var(--nui-fg-default);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-lg);animation:.15s cubic-bezier(.16,1,.3,1) forwards nui-daterange-in;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes nui-daterange-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.nui-daterange-actions{gap:var(--nui-space-2);margin-bottom:var(--nui-space-4);padding:var(--nui-space-1);background:var(--nui-bg-subtle);border-radius:var(--nui-radius-md);display:flex}.nui-daterange-part{padding:var(--nui-space-1)0;border-radius:var(--nui-radius-sm);font-size:var(--nui-text-sm);color:var(--nui-fg-subtle);cursor:pointer;background:0 0;border:none;flex:1;transition:all .2s}.nui-daterange-part.active{background:var(--nui-bg-surface);color:var(--nui-fg-default);font-weight:var(--nui-weight-bold);box-shadow:0 1px 3px #0000001a}.nui-daterange-header{margin-bottom:var(--nui-space-4);justify-content:space-between;align-items:center;display:flex}.nui-daterange-arrow{border-radius:var(--nui-radius-sm);width:32px;height:32px;color:var(--nui-fg-subtle);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.nui-daterange-arrow:hover{background-color:var(--nui-bg-subtle);color:var(--nui-fg-default)}.nui-daterange-ym-toggle{border-radius:var(--nui-radius-sm);padding:var(--nui-space-1)var(--nui-space-3);font-size:var(--nui-text-sm);font-weight:var(--nui-weight-bold);color:var(--nui-fg-default);cursor:pointer;background:0 0;border:none;transition:background-color .2s}.nui-daterange-ym-toggle:hover{background-color:var(--nui-bg-subtle)}.nui-daterange-ym-panel{gap:var(--nui-space-3);flex-direction:column;display:flex}.nui-daterange-year-grid{gap:var(--nui-space-1);max-height:180px;padding-right:var(--nui-space-1);scrollbar-width:thin;grid-template-columns:repeat(4,1fr);display:grid;overflow-y:auto}.nui-daterange-year,.nui-daterange-month{padding:var(--nui-space-2)0;border-radius:var(--nui-radius-sm);color:var(--nui-fg-default);font-size:var(--nui-text-sm);cursor:pointer;background:0 0;border:none;transition:background-color .2s}.nui-daterange-year:hover:not(.selected),.nui-daterange-month:hover:not(.selected):not(.disabled){background-color:var(--nui-bg-subtle)}.nui-daterange-year.selected,.nui-daterange-month.selected{background-color:var(--nui-color-primary);color:var(--nui-color-primary-fg);font-weight:var(--nui-weight-bold)}.nui-daterange-month-grid{gap:var(--nui-space-1);padding-top:var(--nui-space-3);border-top:1px solid var(--nui-border-default);grid-template-columns:repeat(3,1fr);display:grid}.nui-daterange-month.disabled{color:var(--nui-fg-disabled);cursor:not-allowed}.nui-daterange-calendar{gap:var(--nui-space-2);flex-direction:column;display:flex}.nui-daterange-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.nui-daterange-weekday{font-size:.7rem;font-weight:var(--nui-weight-bold);text-transform:uppercase;color:var(--nui-fg-subtle)}.nui-daterange-days{grid-template-columns:repeat(7,1fr);gap:2px 0;display:grid}.nui-daterange-day,.nui-daterange-empty{aspect-ratio:1;width:100%;font-size:var(--nui-text-sm);color:var(--nui-fg-default);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .1s;display:flex}.nui-daterange-day:hover:not(.disabled):not(.start):not(.end){background-color:var(--nui-border-default);border-radius:var(--nui-radius-sm)}.nui-daterange-day.start,.nui-daterange-day.end{background-color:var(--nui-color-primary);color:var(--nui-color-primary-fg);font-weight:var(--nui-weight-bold);border-radius:var(--nui-radius-sm)}.nui-daterange-day.start.between{border-top-right-radius:0;border-bottom-right-radius:0}.nui-daterange-day.end.between{border-top-left-radius:0;border-bottom-left-radius:0}.nui-daterange-day.between{background-color:var(--nui-bg-subtle);border-radius:0}.nui-daterange-day.dragging{background-color:var(--nui-bg-subtle)}.nui-daterange-day.dragging:not(.start):not(.end){box-shadow:inset 0 0 0 1px var(--nui-color-primary)}.nui-daterange-day.disabled{color:var(--nui-fg-disabled);cursor:not-allowed}.nui-daterange-footer{justify-content:flex-end;gap:var(--nui-space-2);margin-top:var(--nui-space-4);padding-top:var(--nui-space-4);border-top:1px solid var(--nui-border-default);display:flex}.nui-daterange-footer button{padding:var(--nui-space-1)var(--nui-space-3);border-radius:var(--nui-radius-sm);font-size:var(--nui-text-sm);cursor:pointer;border:none;transition:background-color .2s}.nui-daterange-clear{color:var(--nui-fg-subtle);background:0 0}.nui-daterange-clear:hover{background:var(--nui-bg-subtle);color:var(--nui-fg-default)}.nui-daterange-close{background:var(--nui-bg-subtle);color:var(--nui-fg-default);font-weight:var(--nui-weight-bold)}.nui-daterange-close:hover{background:var(--nui-border-default)}.nui-drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;opacity:0;background-color:#00000080;transition:opacity .3s cubic-bezier(.16,1,.3,1);position:fixed;inset:0}.nui-drawer-overlay[data-state=open]{opacity:1}.nui-drawer{z-index:9999;background-color:var(--nui-bg-surface);color:var(--nui-fg-default);will-change:transform;flex-direction:column;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;box-shadow:0 25px 50px -12px #00000040}.nui-drawer--left{border-right:1px solid var(--nui-border-default);width:100%;max-width:320px;top:0;bottom:0;left:0;transform:translate(-100%)}.nui-drawer--right{border-left:1px solid var(--nui-border-default);width:100%;max-width:320px;top:0;bottom:0;right:0;transform:translate(100%)}.nui-drawer--top{border-bottom:1px solid var(--nui-border-default);height:auto;min-height:250px;max-height:90vh;top:0;left:0;right:0;transform:translateY(-100%)}.nui-drawer--bottom{border-top:1px solid var(--nui-border-default);border-top-left-radius:var(--nui-radius-xl);border-top-right-radius:var(--nui-radius-xl);height:auto;min-height:250px;max-height:90vh;bottom:0;left:0;right:0;transform:translateY(100%)}.nui-drawer--left[data-state=open],.nui-drawer--right[data-state=open]{transform:translate(0)}.nui-drawer--top[data-state=open],.nui-drawer--bottom[data-state=open]{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.nui-drawer-overlay,.nui-drawer{transition:none}}.nui-card{padding:var(--nui-space-5);background-color:var(--nui-bg-surface);color:var(--nui-fg-default);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-lg);font-family:var(--nui-font-sans);flex-direction:column;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.nui-card--hover:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.nui-card--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.nui-card--clickable:hover{border-color:var(--nui-border-hover)}.nui-card--clickable:active{transform:scale(.98)}.nui-card--clickable:focus-visible{box-shadow:0 0 0 2px var(--nui-bg-page),0 0 0 4px var(--nui-color-primary);outline:none}.nui-card__header{margin-bottom:var(--nui-space-3);font-weight:var(--nui-weight-bold);font-size:var(--nui-text-lg);line-height:1.25}.nui-card__body{font-size:var(--nui-text-sm);color:var(--nui-fg-subtle);flex-grow:1;line-height:1.5}.nui-card__footer{margin-top:var(--nui-space-5);align-items:center;gap:var(--nui-space-3);display:flex}.nui-card__divider{background-color:var(--nui-border-default);height:1px;margin:var(--nui-space-4)calc(var(--nui-space-5)*-1);border:none}.nui-alert{width:100%;padding:var(--nui-space-4);align-items:flex-start;gap:var(--nui-space-3);border-radius:var(--nui-radius-md);font-family:var(--nui-font-sans);font-size:var(--nui-text-sm);border:1px solid #0000;line-height:1.5;display:flex;position:relative}.nui-alert__content{gap:var(--nui-space-1);flex-direction:column;flex:1;display:flex}.nui-alert__title{font-weight:var(--nui-weight-bold);line-height:1.25}.nui-alert__description{opacity:.9}.nui-alert__close{margin-left:var(--nui-space-2);cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;margin-top:-2px;padding:0;transition:opacity .2s;display:flex}.nui-alert__close:hover{opacity:1}.nui-alert__close:focus-visible{outline-offset:2px;border-radius:var(--nui-radius-sm);outline:2px solid}.nui-alert[data-variant=info]{background-color:var(--nui-brand-50);border-color:var(--nui-brand-100);color:var(--nui-brand-700)}.nui-alert[data-variant=success]{color:var(--nui-color-success);background-color:#f0fdf4;border-color:#dcfce7}.nui-alert[data-variant=warning]{color:#b45309;background-color:#fffbeb;border-color:#fef3c7}.nui-alert[data-variant=error]{color:var(--nui-color-danger);background-color:#fef2f2;border-color:#fee2e2}.nui-table-wrapper{border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-lg);background-color:var(--nui-bg-surface);-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.nui-table{border-collapse:collapse;width:100%;font-family:var(--nui-font-sans);font-size:var(--nui-text-sm);color:var(--nui-fg-default)}.nui-table th{padding:var(--nui-space-3)var(--nui-space-4);background-color:var(--nui-bg-subtle);border-bottom:1px solid var(--nui-border-default);font-weight:var(--nui-weight-bold);color:var(--nui-fg-muted);white-space:nowrap;transition:background-color .2s}.nui-table__header-label{padding:var(--nui-space-1)0;display:inline-block}.nui-table__sort-button{align-items:center;gap:var(--nui-space-2);width:100%;padding:var(--nui-space-1)0;font:inherit;font-weight:var(--nui-weight-bold);color:var(--nui-fg-default);cursor:pointer;border-radius:var(--nui-radius-sm);background:0 0;border:none;transition:color .2s;display:inline-flex}.nui-table__sort-button:hover{color:var(--nui-color-primary)}.nui-table__sort-button:focus-visible{outline:2px solid var(--nui-color-primary);outline-offset:4px}.nui-table__sort-icon{color:var(--nui-fg-subtle);opacity:.5;justify-content:center;align-items:center;transition:opacity .2s,color .2s;display:flex}.nui-table__sort-icon.active{opacity:1;color:var(--nui-color-primary)}.nui-table__row{border-bottom:1px solid var(--nui-border-default);transition:background-color .15s}.nui-table__row:last-child{border-bottom:none}.nui-table__row:hover{background-color:var(--nui-bg-subtle)}.nui-table td{padding:var(--nui-space-3)var(--nui-space-4);vertical-align:middle}.nui-table__empty{padding:var(--nui-space-8)var(--nui-space-4);text-align:center;color:var(--nui-fg-subtle)}.nui-table__empty-content{justify-content:center;align-items:center;gap:var(--nui-space-2);flex-direction:column;display:flex}@media (prefers-reduced-motion:reduce){.nui-table__row,.nui-table__sort-button,.nui-table__sort-icon{transition:none}}.nui-badge{justify-content:center;align-items:center;gap:var(--nui-space-1);font-family:var(--nui-font-sans);font-weight:var(--nui-weight-medium);white-space:nowrap;border-radius:var(--nui-radius-sm);border:1px solid #0000;line-height:1;transition:all .2s;display:inline-flex}.nui-badge--sm{height:20px;padding:0 var(--nui-space-1);font-size:var(--nui-text-xs)}.nui-badge--md{height:24px;padding:0 var(--nui-space-2);font-size:var(--nui-text-sm)}.nui-badge--lg{height:28px;padding:0 var(--nui-space-3);font-size:var(--nui-text-sm)}.nui-badge--pill{border-radius:var(--nui-radius-full)}.nui-badge--dot{border-radius:50%;width:8px;height:8px;padding:0;overflow:hidden}.nui-badge--default{background-color:var(--nui-bg-subtle);color:var(--nui-fg-default);border-color:var(--nui-border-default)}.nui-badge--primary{background-color:var(--nui-brand-100);color:var(--nui-brand-700);border-color:var(--nui-brand-200)}.nui-badge--success{color:var(--nui-color-success);background-color:#ecfdf5;border-color:#d1fae5}.nui-badge--warning{color:#b45309;background-color:#fffbeb;border-color:#fde68a}.nui-badge--danger{color:var(--nui-color-danger);background-color:#fef2f2;border-color:#fee2e2}.nui-badge--outline{border-color:var(--nui-border-default);color:var(--nui-fg-default);background-color:#0000}.nui-badge--interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.nui-badge--interactive:hover{filter:brightness(.95)}.nui-badge--interactive:active{transform:translateY(1px)}.nui-badge-group{gap:var(--nui-space-2);flex-wrap:wrap;align-items:center;display:flex}.nui-avatar{background-color:var(--nui-bg-subtle);color:var(--nui-fg-subtle);-webkit-user-select:none;user-select:none;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:visible}.nui-avatar__image{object-fit:cover;border-radius:inherit;width:100%;height:100%}.nui-avatar__fallback{width:100%;height:100%;font-family:var(--nui-font-sans);font-weight:var(--nui-weight-medium);text-transform:uppercase;border-radius:inherit;justify-content:center;align-items:center;display:flex}.nui-avatar__status{border:2px solid var(--nui-bg-page);border-radius:50%;width:25%;min-width:8px;height:25%;min-height:8px;position:absolute;bottom:-2px;right:-2px}.nui-avatar__status[data-status=online]{background-color:var(--nui-green-500)}.nui-avatar__status[data-status=busy]{background-color:var(--nui-red-500)}.nui-avatar__status[data-status=away]{background-color:var(--nui-amber-500)}.nui-avatar__status[data-status=offline]{background-color:var(--nui-slate-400)}.nui-avatar[data-size=sm]{width:32px;height:32px;font-size:12px}.nui-avatar[data-size=md]{width:40px;height:40px;font-size:14px}.nui-avatar[data-size=lg]{width:56px;height:56px;font-size:18px}.nui-avatar[data-size=xl]{width:72px;height:72px;font-size:24px}.nui-avatar[data-shape=circle]{border-radius:var(--nui-radius-full)}.nui-avatar[data-shape=rounded]{border-radius:var(--nui-radius-md)}.nui-avatar[data-shape=square]{border-radius:var(--nui-radius-sm)}.nui-avatar-group{align-items:center;display:flex}.nui-avatar-group .nui-avatar{border:2px solid var(--nui-bg-page);margin-left:-12px;transition:transform .2s}.nui-avatar-group .nui-avatar:first-child{z-index:5;margin-left:0}.nui-avatar-group .nui-avatar:nth-child(2){z-index:4}.nui-avatar-group .nui-avatar:nth-child(3){z-index:3}.nui-avatar-group .nui-avatar:nth-child(4){z-index:2}.nui-avatar-group .nui-avatar:nth-child(5){z-index:1}.nui-avatar-group .nui-avatar:hover{z-index:10;transform:translateY(-4px)}.nui-avatar--excess{background-color:var(--nui-slate-100);color:var(--nui-fg-default);font-size:.8em}.nui-avatar--loading{background-color:var(--nui-bg-muted);cursor:wait;animation:2s cubic-bezier(.4,0,.6,1) infinite nui-pulse}@keyframes nui-pulse{0%,to{opacity:1}50%{opacity:.5}}.nui-avatar--loading .nui-avatar__fallback svg,.nui-avatar--loading .nui-avatar__fallback span{display:none}.nui-select-root{width:100%;font-family:var(--nui-font-sans);display:block;position:relative}.nui-select-trigger{width:100%;padding:var(--nui-space-2)var(--nui-space-3);background-color:var(--nui-bg-surface);color:var(--nui-fg-default);font-family:inherit;font-size:var(--nui-text-sm);text-align:left;border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-md);cursor:pointer;justify-content:space-between;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 2px #0000000d}.nui-select-trigger:hover:not(:disabled){border-color:var(--nui-border-hover)}.nui-select-trigger:focus-visible{border-color:var(--nui-color-primary);box-shadow:0 0 0 3px var(--nui-brand-100);outline:none}.nui-select-trigger:disabled{background-color:var(--nui-bg-muted);color:var(--nui-fg-disabled);cursor:not-allowed}.nui-select-trigger.error{border-color:var(--nui-color-danger)}.nui-select-trigger.error:focus-visible{box-shadow:0 0 0 3px #ef444426}.nui-select-value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nui-select-placeholder{color:var(--nui-fg-subtle)}.nui-select-chevron{margin-left:var(--nui-space-2);color:var(--nui-fg-subtle);flex-shrink:0;transition:transform .2s}.nui-select-trigger[aria-expanded=true] .nui-select-chevron{transform:rotate(180deg)}.nui-select-listbox{z-index:var(--nui-z-dropdown,1000);background-color:var(--nui-bg-surface);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-lg);max-height:240px;padding:var(--nui-space-1);outline:none;animation:.15s cubic-bezier(.16,1,.3,1) forwards nui-select-in;position:fixed;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes nui-select-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.nui-select-option{padding:var(--nui-space-2)var(--nui-space-3);font-size:var(--nui-text-sm);color:var(--nui-fg-default);border-radius:var(--nui-radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;justify-content:space-between;align-items:center;display:flex}.nui-select-option-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nui-select-option.active{background-color:var(--nui-bg-subtle);color:var(--nui-fg-default)}.nui-select-option.selected{font-weight:var(--nui-weight-bold);color:var(--nui-color-primary)}.nui-select-option.selected.active{background-color:var(--nui-brand-50)}.nui-select-check{margin-left:var(--nui-space-2);color:var(--nui-color-primary);flex-shrink:0}.nui-select-option.disabled{opacity:.5;cursor:not-allowed}.nui-select-option.disabled.active{background-color:#0000}.nui-combobox{width:100%;font-family:var(--nui-font-sans);position:relative}.nui-combobox__wrapper{align-items:center;width:100%;display:flex;position:relative}.nui-combobox__input{width:100%;height:40px;padding:0 var(--nui-space-3);background-color:var(--nui-bg-surface);color:var(--nui-fg-default);font-size:var(--nui-text-sm);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-md);appearance:none;outline:none;transition:border-color .2s,box-shadow .2s}.nui-combobox__input:disabled{background-color:var(--nui-bg-subtle);color:var(--nui-fg-disabled);cursor:not-allowed}.nui-combobox__input:focus{border-color:var(--nui-color-primary);box-shadow:0 0 0 3px var(--nui-brand-100)}@media (prefers-color-scheme:dark){.nui-combobox__input:focus{box-shadow:0 0 0 3px #3b82f633}}.nui-combobox__icon{color:var(--nui-fg-subtle);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nui-combobox__icon.-left{left:var(--nui-space-3)}.nui-combobox__icon.-right{right:var(--nui-space-3)}.nui-combobox__input--has-left{padding-left:calc(var(--nui-space-3)*2 + 16px)}.nui-combobox__input--has-right{padding-right:calc(var(--nui-space-3)*2 + 16px)}.nui-combobox__listbox{z-index:50;background-color:var(--nui-bg-surface);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-md);width:100%;max-height:250px;animation:.15s ease-out nui-slide-down;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes nui-slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nui-combobox__option{padding:var(--nui-space-2)var(--nui-space-3);margin:var(--nui-space-1);border-radius:var(--nui-radius-sm);cursor:pointer;color:var(--nui-fg-default);font-size:var(--nui-text-sm);align-items:center;transition:background-color .1s;display:flex}.nui-combobox__option--active{background-color:var(--nui-bg-subtle)}.nui-combobox__option--selected{font-weight:var(--nui-weight-medium);background-color:var(--nui-brand-50);color:var(--nui-brand-700)}.nui-combobox__option-icon{margin-right:var(--nui-space-2);color:inherit;opacity:.8;display:inline-flex}.nui-combobox__empty{padding:var(--nui-space-3);color:var(--nui-fg-subtle);font-style:italic;font-size:var(--nui-text-sm);text-align:center}.nui-megamenu{font-family:var(--nui-font-sans);display:inline-block;position:relative}.nui-megamenu__trigger{align-items:center;gap:var(--nui-space-2);padding:var(--nui-space-2)var(--nui-space-3);border-radius:var(--nui-radius-sm);font-family:inherit;font-size:var(--nui-text-sm);font-weight:var(--nui-weight-medium);color:var(--nui-fg-default);cursor:pointer;background:0 0;border:none;transition:background-color .2s,color .2s;display:inline-flex}.nui-megamenu__trigger:hover,.nui-megamenu__trigger.active{background-color:var(--nui-bg-subtle);color:var(--nui-color-primary)}.nui-megamenu__trigger:focus-visible{outline:2px solid var(--nui-color-primary);outline-offset:2px}.nui-megamenu__chevron{opacity:.6;transition:transform .3s cubic-bezier(.16,1,.3,1)}.nui-megamenu__trigger.active .nui-megamenu__chevron{opacity:1;transform:rotate(180deg)}.nui-megamenu__content{top:calc(100% + var(--nui-space-2));z-index:var(--nui-z-dropdown,1000);min-width:480px;padding:var(--nui-space-6);background-color:var(--nui-bg-surface);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-lg);transform-origin:0 0;animation:.2s cubic-bezier(.16,1,.3,1) forwards nui-megamenu-enter;position:absolute;left:0;box-shadow:0 10px 30px -10px #00000026,0 4px 6px -4px #0000001a}.dark .nui-megamenu__content{box-shadow:0 10px 30px -10px #00000080}@keyframes nui-megamenu-enter{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.nui-megamenu__content{animation:none}}.nui-flex{gap:var(--nui-flex-gap,0);display:flex}.nui-flex[data-direction=row]{flex-direction:row}.nui-flex[data-direction=column]{flex-direction:column}.nui-flex[data-direction=row-reverse]{flex-direction:row-reverse}.nui-flex[data-direction=column-reverse]{flex-direction:column-reverse}.nui-flex[data-align=start]{align-items:flex-start}.nui-flex[data-align=center]{align-items:center}.nui-flex[data-align=end]{align-items:flex-end}.nui-flex[data-align=stretch]{align-items:stretch}.nui-flex[data-align=baseline]{align-items:baseline}.nui-flex[data-justify=start]{justify-content:flex-start}.nui-flex[data-justify=center]{justify-content:center}.nui-flex[data-justify=end]{justify-content:flex-end}.nui-flex[data-justify=between]{justify-content:space-between}.nui-flex[data-justify=around]{justify-content:space-around}.nui-flex[data-justify=evenly]{justify-content:space-evenly}.nui-flex[data-wrap=wrap]{flex-wrap:wrap}.nui-flex[data-wrap=nowrap]{flex-wrap:nowrap}.nui-flex[data-wrap=wrap-reverse]{flex-wrap:wrap-reverse}.nui-grid{gap:var(--nui-grid-gap,16px);display:grid}.nui-grid[data-cols=auto-fit]{grid-template-columns:repeat(auto-fit,minmax(var(--nui-grid-min-width,250px),1fr))}.nui-grid[data-cols=auto-fill]{grid-template-columns:repeat(auto-fill,minmax(var(--nui-grid-min-width,250px),1fr))}.nui-grid[data-cols=fixed]{grid-template-columns:repeat(var(--nui-grid-cols-fixed,1),1fr)}.nui-container{width:100%;padding-left:var(--nui-space-4,16px);padding-right:var(--nui-space-4,16px);margin-left:auto;margin-right:auto}.nui-container[data-size=sm]{max-width:640px}.nui-container[data-size=md]{max-width:768px}.nui-container[data-size=lg]{max-width:1024px}.nui-container[data-size=xl]{max-width:1280px}.nui-container[data-size=full]{max-width:100%}.nui-textarea-root{width:100%;font-family:var(--nui-font-sans);flex-direction:column;display:flex}.nui-textarea{box-sizing:border-box;width:100%;padding:var(--nui-space-2)var(--nui-space-3);background-color:var(--nui-bg-surface);color:var(--nui-fg-default);font-family:inherit;font-size:var(--nui-text-sm);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-md);resize:vertical;min-height:calc(var(--nui-space-6)*1.5);line-height:1.5;transition:border-color .2s,box-shadow .2s}.nui-textarea--autogrow{resize:none;overflow:hidden}.nui-textarea:hover:not(:disabled):not(:read-only){border-color:var(--nui-border-hover)}.nui-textarea:focus-visible{border-color:var(--nui-color-primary);box-shadow:0 0 0 3px var(--nui-brand-100);outline:none}.nui-textarea:disabled{background-color:var(--nui-bg-muted);color:var(--nui-fg-disabled);cursor:not-allowed;resize:none}.nui-textarea:read-only{background-color:var(--nui-bg-subtle);cursor:default}.nui-textarea::placeholder{color:var(--nui-fg-subtle)}.nui-textarea--error{border-color:var(--nui-color-danger)}.nui-textarea--error:focus-visible{border-color:var(--nui-color-danger);box-shadow:0 0 0 3px #ef444426}.nui-textarea-counter{margin-top:var(--nui-space-1);font-size:.75rem;font-weight:var(--nui-weight-medium);color:var(--nui-fg-muted);text-align:right;-webkit-user-select:none;user-select:none}.nui-popover-content{z-index:9999;min-width:220px;max-width:360px;padding:var(--nui-space-4);background-color:var(--nui-bg-surface);color:var(--nui-fg-default);font-family:var(--nui-font-sans);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-lg);filter:drop-shadow(0 10px 15px #0000001a)drop-shadow(0 4px 6px #0000000d);opacity:0;animation:.2s cubic-bezier(.16,1,.3,1) forwards nui-popover-in;position:absolute}.nui-popover-content:before{content:"";background-color:inherit;border:1px solid var(--nui-border-default);z-index:1;border-radius:2px;width:12px;height:12px;position:absolute;transform:rotate(45deg)}.nui-popover-content[data-placement=bottom]:before{top:-6px;left:var(--nui-popover-arrow-x,50%);transform-origin:0 0;border-bottom-color:#0000;border-right-color:#0000;margin-left:-6px}.nui-popover-content[data-placement=top]:before{bottom:-6px;left:var(--nui-popover-arrow-x,50%);transform-origin:100% 100%;border-top-color:#0000;border-left-color:#0000;margin-left:-6px}.nui-popover-content[data-placement=left]:before{right:-6px;top:var(--nui-popover-arrow-y,50%);transform-origin:100% 0;border-bottom-color:#0000;border-left-color:#0000;margin-top:-6px}.nui-popover-content[data-placement=right]:before{left:-6px;top:var(--nui-popover-arrow-y,50%);transform-origin:0 100%;border-top-color:#0000;border-right-color:#0000;margin-top:-6px}@keyframes nui-popover-in{0%{opacity:0;transform:scale(.95)translate(var(--tw-translate-x,0),var(--tw-translate-y,0))}to{opacity:1;transform:scale(1)translate(0)}}.nui-popover-content[data-placement=bottom]{--tw-translate-y:-8px}.nui-popover-content[data-placement=top]{--tw-translate-y:8px}.nui-popover-content[data-placement=left]{--tw-translate-x:8px}.nui-popover-content[data-placement=right]{--tw-translate-x:-8px}@media (prefers-reduced-motion:reduce){.nui-popover-content{opacity:1;animation:none}}.nui-pagination{font-family:var(--nui-font-sans);justify-content:center;align-items:center;display:flex}.nui-pagination-list{align-items:center;gap:var(--nui-space-1);margin:0;padding:0;list-style:none;display:flex}.nui-pagination-btn{min-width:36px;height:36px;padding:0 var(--nui-space-2);border-radius:var(--nui-radius-md);color:var(--nui-fg-default);font-size:var(--nui-text-sm);font-weight:var(--nui-weight-medium);cursor:pointer;background-color:#0000;border:1px solid #0000;justify-content:center;align-items:center;font-family:inherit;transition:all .2s;display:inline-flex}.nui-pagination-btn:hover:not(:disabled):not(.nui-pagination-btn--active){background-color:var(--nui-bg-subtle)}.nui-pagination-btn:focus-visible{outline:2px solid var(--nui-color-primary);outline-offset:2px}.nui-pagination-btn--active{background-color:var(--nui-color-primary);border-color:var(--nui-color-primary);color:var(--nui-color-primary-fg,#fff)}.nui-pagination-btn--nav{color:var(--nui-fg-subtle);border-color:var(--nui-border-default)}.nui-pagination-btn--nav:hover:not(:disabled){color:var(--nui-fg-default);border-color:var(--nui-border-hover)}.nui-pagination-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--nui-fg-muted)}.nui-pagination-ellipsis{width:36px;height:36px;color:var(--nui-fg-muted);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.nui-breadcrumbs{font-family:var(--nui-font-sans);font-size:var(--nui-text-sm)}.nui-breadcrumbs__list{align-items:center;gap:var(--nui-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.nui-breadcrumbs__item{align-items:center;gap:var(--nui-space-2);display:inline-flex}.nui-breadcrumbs__link{color:var(--nui-fg-subtle);cursor:pointer;text-decoration:none;transition:color .2s}.nui-breadcrumbs__link:hover{color:var(--nui-fg-default);text-decoration:underline;-webkit-text-decoration-color:var(--nui-border-default);-webkit-text-decoration-color:var(--nui-border-default);text-decoration-color:var(--nui-border-default)}.nui-breadcrumbs__link--current{color:var(--nui-fg-default);font-weight:var(--nui-weight-medium);cursor:default;pointer-events:none}.nui-breadcrumbs__link--current:hover{text-decoration:none}.nui-breadcrumbs__separator{color:var(--nui-fg-disabled);-webkit-user-select:none;user-select:none;font-size:.9em}.nui-breadcrumbs__ellipsis{color:var(--nui-fg-subtle);justify-content:center;align-items:center;display:flex}.nui-progress{background-color:var(--nui-bg-subtle,#e2e8f0);border-radius:var(--nui-radius-full,9999px);width:100%;position:relative;overflow:hidden;transform:translateZ(0)}.dark .nui-progress{background-color:var(--nui-bg-subtle,#1e293b)}.nui-progress--sm{height:4px}.nui-progress--md{height:8px}.nui-progress--lg{height:12px}.nui-progress-indicator{background-color:var(--nui-color-primary);border-radius:inherit;transform-origin:0;width:100%;height:100%;transition:transform .4s cubic-bezier(.65,0,.35,1)}.nui-progress--success .nui-progress-indicator{background-color:var(--nui-color-success,#10b981)}.nui-progress--warning .nui-progress-indicator{background-color:var(--nui-color-warning,#f59e0b)}.nui-progress--danger .nui-progress-indicator{background-color:var(--nui-color-danger,#ef4444)}.nui-progress-indicator--indeterminate{animation:1.5s cubic-bezier(.65,0,.35,1) infinite nui-progress-sweep;transform:translate(-100%)}@keyframes nui-progress-sweep{0%{transform:translate(-100%)scaleX(.2)}50%{transform:translate(0%)scaleX(.5)}to{transform:translate(100%)scaleX(.2)}}@media (prefers-reduced-motion:reduce){.nui-progress-indicator{transition:none}.nui-progress-indicator--indeterminate{animation:2s ease-in-out infinite nui-progress-pulse;transform:translate(0)}}@keyframes nui-progress-pulse{0%,to{opacity:1}50%{opacity:.5}}.nui-spinner{justify-content:center;align-items:center;display:inline-flex}.nui-spinner__svg{width:100%;height:100%;animation:.8s linear infinite nui-spin}.nui-spinner--sm{width:16px;height:16px}.nui-spinner--md{width:24px;height:24px}.nui-spinner--lg{width:36px;height:36px}.nui-spinner--xl{width:48px;height:48px}.nui-spinner--primary{color:var(--nui-color-primary)}.nui-spinner--primary .nui-spinner__track{opacity:.2}.nui-spinner--muted{color:var(--nui-fg-muted)}.nui-spinner--muted .nui-spinner__track{opacity:.15}.nui-spinner--inverse{color:#fff}.nui-spinner--inverse .nui-spinner__track{opacity:.3}.nui-spinner__sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.nui-spinner__svg{animation-duration:3s}}.nui-stepper-root{width:100%;font-family:var(--nui-font-sans);scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.nui-stepper-root::-webkit-scrollbar{display:none}.nui-stepper__list{justify-content:space-between;align-items:flex-start;min-width:450px;margin:0;padding:0;list-style:none;display:flex}.nui-stepper__item{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.nui-stepper__item:not(:last-child):after{content:"";background-color:var(--nui-border-default);z-index:1;width:calc(100% - 40px);height:2px;transition:background-color .3s;position:absolute;top:14px;left:calc(50% + 20px)}.nui-stepper__item.completed:after{background-color:var(--nui-color-primary)}.nui-stepper__button{z-index:2;align-items:center;gap:var(--nui-space-2);cursor:pointer;text-align:center;background:0 0;border:none;outline:none;flex-direction:column;padding:0;display:flex;position:relative}.nui-stepper__button:disabled{cursor:not-allowed;opacity:.6}.nui-stepper__circle{border:2px solid var(--nui-border-default);background-color:var(--nui-bg-surface);width:28px;height:28px;color:var(--nui-fg-subtle);font-size:var(--nui-text-sm);font-weight:var(--nui-weight-bold);border-radius:9999px;justify-content:center;align-items:center;transition:all .2s;display:flex}.nui-stepper__item.active .nui-stepper__circle{border-color:var(--nui-color-primary);color:var(--nui-color-primary);box-shadow:0 0 0 4px var(--nui-brand-50)}.nui-stepper__item.completed .nui-stepper__circle{background-color:var(--nui-color-primary);border-color:var(--nui-color-primary);color:var(--nui-color-primary-fg)}.nui-stepper__button:focus-visible .nui-stepper__circle{outline:2px solid var(--nui-color-primary);outline-offset:2px}.nui-stepper__content{flex-direction:column;align-items:center;gap:2px;width:100%;padding:0 4px;display:flex}.nui-stepper__label{font-size:var(--nui-text-sm);font-weight:var(--nui-weight-medium);color:var(--nui-fg-subtle);text-align:center;word-wrap:break-word;transition:color .2s}.nui-stepper__item.active .nui-stepper__label,.nui-stepper__item.completed .nui-stepper__label{color:var(--nui-fg-default)}.nui-stepper__optional{color:var(--nui-fg-muted);font-size:.7rem;font-weight:400;display:block}.nui-stepper__description{color:var(--nui-fg-muted);text-align:center;-webkit-line-clamp:2;line-clamp:2;white-space:normal;-webkit-box-orient:vertical;max-width:100%;font-size:.75rem;display:-webkit-box;overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nui-chip{align-items:center;gap:var(--nui-space-1);border-radius:var(--nui-radius-full);border:1px solid var(--nui-border-default);background-color:var(--nui-bg-surface);color:var(--nui-fg-default);font-family:var(--nui-font-sans);font-weight:var(--nui-weight-medium);white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:all .2s;display:inline-flex}.nui-chip--sm{height:24px;padding:0 var(--nui-space-2);font-size:var(--nui-text-xs)}.nui-chip--md{height:32px;padding:0 var(--nui-space-3);font-size:var(--nui-text-sm)}.nui-chip:has(.nui-chip__icon.-left){padding-left:var(--nui-space-2)}.nui-chip:has(.nui-chip__icon.-right){padding-right:var(--nui-space-2)}.nui-chip:has(.nui-chip__remove){padding-right:var(--nui-space-1)}.nui-chip--interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.nui-chip--interactive:hover{background-color:var(--nui-bg-subtle);border-color:var(--nui-border-hover)}.nui-chip--interactive:active{transform:scale(.97)}.nui-chip:focus-visible{box-shadow:0 0 0 2px var(--nui-bg-page),0 0 0 4px var(--nui-color-primary);outline:none}.nui-chip--selected{background-color:var(--nui-brand-600);border-color:var(--nui-brand-600);color:#fff}.nui-chip--selected.nui-chip--interactive:hover{background-color:var(--nui-brand-700);border-color:var(--nui-brand-700)}.nui-chip__label{line-height:1;display:inline-block}.nui-chip__icon{opacity:.8;justify-content:center;align-items:center;display:flex}.nui-chip__icon.-left{margin-right:-2px}.nui-chip__icon.-right{margin-left:-2px}.nui-chip__remove{width:20px;height:20px;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:0;transition:opacity .2s,background-color .2s;display:flex}.nui-chip__remove:hover{opacity:1;background-color:#0000001a}.nui-chip--selected .nui-chip__remove:hover{background-color:#fff3}.nui-chip__remove:focus-visible{outline-offset:-2px;outline:2px solid}.nui-rating{align-items:center;gap:var(--nui-space-1);color:var(--nui-fg-muted);font-family:var(--nui-font-sans);-webkit-user-select:none;user-select:none;touch-action:none;display:inline-flex}.nui-rating:focus-visible{outline:2px solid var(--nui-color-primary);outline-offset:4px;border-radius:var(--nui-radius-sm)}.nui-rating--sm{font-size:16px}.nui-rating--md{font-size:24px}.nui-rating--lg{font-size:32px}.nui-rating--readonly{cursor:default}.nui-rating--disabled{opacity:.5;cursor:not-allowed}.nui-rating:not(.nui-rating--readonly):not(.nui-rating--disabled) .nui-rating-item{cursor:pointer}.nui-rating:not(.nui-rating--readonly):not(.nui-rating--disabled) .nui-rating-item:hover{transform:scale(1.15)}.nui-rating-item{transition:transform .15s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.nui-rating-icon-empty{color:var(--nui-border-default,#cbd5e1);display:flex}.nui-rating-icon-filled{height:100%;color:var(--nui-color-warning,#f59e0b);transition:width .1s;display:flex;position:absolute;top:0;left:0;overflow:hidden}.nui-hovercard-content{z-index:var(--nui-z-dropdown,1000);box-sizing:border-box;min-width:240px;max-width:360px;padding:var(--nui-space-4);background-color:var(--nui-bg-surface);color:var(--nui-fg-default);font-family:var(--nui-font-sans);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-lg);opacity:0;animation:.15s cubic-bezier(.16,1,.3,1) forwards nui-hovercard-in;position:absolute;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.nui-hovercard-content[data-placement=bottom]{transform-origin:top;--tw-translate-y:-6px}.nui-hovercard-content[data-placement=top]{transform-origin:bottom;--tw-translate-y:6px}@keyframes nui-hovercard-in{0%{opacity:0;transform:translateY(var(--tw-translate-y,0))scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.nui-hovercard-content{opacity:1;animation:none}}.nui-file-uploader{gap:var(--nui-space-4);font-family:var(--nui-font-sans);flex-direction:column;width:100%;display:flex}.nui-file-dropzone{justify-content:center;align-items:center;gap:var(--nui-space-3);padding:var(--nui-space-8)var(--nui-space-4);border:2px dashed var(--nui-border-default);border-radius:var(--nui-radius-lg);background-color:var(--nui-bg-surface);color:var(--nui-fg-subtle);cursor:pointer;flex-direction:column;transition:all .2s;display:flex}.nui-file-dropzone:hover:not(.disabled){border-color:var(--nui-border-hover);background-color:var(--nui-bg-subtle);color:var(--nui-fg-default)}.nui-file-dropzone.dragover{border-color:var(--nui-color-primary);background-color:var(--nui-brand-50,#3b82f60d);color:var(--nui-color-primary)}.nui-file-dropzone:focus-visible{outline:2px solid var(--nui-color-primary);outline-offset:2px}.nui-file-icon{opacity:.7}.nui-file-placeholder{font-size:var(--nui-text-sm);font-weight:var(--nui-weight-medium);text-align:center}.nui-file-dropzone.disabled{opacity:.6;cursor:not-allowed;background-color:var(--nui-bg-muted)}.nui-file-hidden-input{display:none}.nui-file-list{gap:var(--nui-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.nui-file-item{padding:var(--nui-space-3)var(--nui-space-4);background-color:var(--nui-bg-surface);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-md);justify-content:space-between;align-items:center;animation:.2s ease-out nui-file-fade-in;display:flex}@keyframes nui-file-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.nui-file-info{align-items:center;gap:var(--nui-space-3);min-width:0;display:flex}.nui-file-item-icon{color:var(--nui-fg-muted);flex-shrink:0}.nui-file-text{flex-direction:column;min-width:0;display:flex}.nui-file-name{font-size:var(--nui-text-sm);font-weight:var(--nui-weight-medium);color:var(--nui-fg-default);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nui-file-size{color:var(--nui-fg-muted);font-size:.75rem}.nui-file-remove{padding:var(--nui-space-1);margin-left:var(--nui-space-4);border-radius:var(--nui-radius-sm);color:var(--nui-fg-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.nui-file-remove:hover:not(:disabled){color:var(--nui-color-danger,#ef4444);background-color:#ef44441a}.nui-file-remove:focus-visible{outline:2px solid var(--nui-color-danger,#ef4444);outline-offset:2px}.nui-file-remove:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.nui-file-item{animation:none}}.nui-contextmenu-wrapper{display:contents}.nui-contextmenu{z-index:var(--nui-z-dropdown,1000);min-width:220px;padding:var(--nui-space-1);background-color:var(--nui-bg-surface);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-lg);font-family:var(--nui-font-sans);transform-origin:0 0;outline:none;animation:.1s cubic-bezier(.16,1,.3,1) forwards nui-context-in;box-shadow:0 10px 30px -5px #0003,0 4px 6px -4px #0000001a}@keyframes nui-context-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.nui-contextmenu-separator{background-color:var(--nui-border-default);height:1px;margin:var(--nui-space-1)0}.nui-contextmenu-item{align-items:center;gap:var(--nui-space-2);padding:var(--nui-space-1)var(--nui-space-2);margin:0 var(--nui-space-1);font-size:var(--nui-text-sm);color:var(--nui-fg-default);border-radius:var(--nui-radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .1s;display:flex}.nui-contextmenu-item:hover,.nui-contextmenu-item.active{background-color:var(--nui-bg-subtle);color:var(--nui-color-primary)}.nui-contextmenu-item.danger.active{color:var(--nui-color-danger,#ef4444);background-color:#ef44441a}.nui-contextmenu-item.disabled{opacity:.5;cursor:not-allowed;color:var(--nui-fg-muted)}.nui-contextmenu-item.disabled.active{background-color:#0000}.nui-contextmenu-icon{width:16px;height:16px;color:var(--nui-fg-subtle);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nui-contextmenu-item.active .nui-contextmenu-icon{color:inherit}.nui-contextmenu-label{white-space:nowrap;flex-grow:1}.nui-contextmenu-icon-placeholder{width:16px}@media (prefers-reduced-motion:reduce){.nui-contextmenu{animation:none}}.nui-cmd-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--nui-z-modal,99998);background-color:#0f172a66;animation:.15s ease-out nui-cmd-fade-in;position:fixed;inset:0}.nui-cmd{background-color:var(--nui-bg-surface);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-xl);width:100%;max-width:600px;z-index:var(--nui-z-modal,99999);font-family:var(--nui-font-sans);flex-direction:column;animation:.15s cubic-bezier(.16,1,.3,1) nui-cmd-slide-in;display:flex;position:fixed;top:15%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 25px 50px -12px #00000040}.dark .nui-cmd{box-shadow:0 25px 50px -12px #00000080}@keyframes nui-cmd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes nui-cmd-slide-in{0%{opacity:0;transform:translate(-50%,-4%)}to{opacity:1;transform:translate(-50%)}}.nui-cmd-header{padding:0 var(--nui-space-4);border-bottom:1px solid var(--nui-border-default);align-items:center;display:flex}.nui-cmd-search-icon{color:var(--nui-fg-subtle);flex-shrink:0}.nui-cmd-input{padding:var(--nui-space-4)var(--nui-space-3);color:var(--nui-fg-default);font-size:var(--nui-text-lg);background:0 0;border:none;outline:none;flex-grow:1}.nui-cmd-input::placeholder{color:var(--nui-fg-muted)}.nui-cmd-clear{background-color:var(--nui-bg-subtle);color:var(--nui-fg-subtle);border:1px solid var(--nui-border-default);cursor:pointer;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.nui-cmd-list{max-height:400px;padding:var(--nui-space-2);scroll-behavior:smooth;overflow-y:auto}.nui-cmd-section{margin-bottom:var(--nui-space-2)}.nui-cmd-section-title{padding:var(--nui-space-2)var(--nui-space-3);text-transform:uppercase;letter-spacing:.05em;color:var(--nui-fg-muted);font-size:.75rem;font-weight:600}.nui-cmd-item{align-items:center;gap:var(--nui-space-3);padding:var(--nui-space-3);border-radius:var(--nui-radius-md);cursor:pointer;color:var(--nui-fg-default);transition:background-color .1s,color .1s;display:flex}.nui-cmd-item.active{background-color:var(--nui-bg-subtle);color:var(--nui-color-primary)}.nui-cmd-item-icon{width:20px;height:20px;color:var(--nui-fg-subtle);justify-content:center;align-items:center;display:flex}.nui-cmd-item.active .nui-cmd-item-icon{color:var(--nui-color-primary)}.nui-cmd-item-meta{flex-direction:column;flex-grow:1;display:flex}.nui-cmd-item-label{font-size:var(--nui-text-sm);font-weight:500}.nui-cmd-item-description{color:var(--nui-fg-subtle);margin-top:2px;font-size:.75rem}.nui-cmd-item-shortcut{gap:4px;display:flex}.nui-cmd-item-shortcut kbd{min-width:20px;height:20px;color:var(--nui-fg-subtle);background-color:var(--nui-bg-surface);border:1px solid var(--nui-border-default);border-radius:4px;justify-content:center;align-items:center;padding:0 4px;font-family:inherit;font-size:10px;font-weight:600;display:flex;box-shadow:0 1px 1px #0000000d}.nui-cmd-empty{padding:var(--nui-space-12)var(--nui-space-4);text-align:center}.nui-cmd-empty-text{font-size:var(--nui-text-sm);color:var(--nui-fg-subtle)}@media (prefers-reduced-motion:reduce){.nui-cmd,.nui-cmd-overlay{animation:none}}.nui-tree-wrapper{font-family:var(--nui-font-sans);color:var(--nui-fg-default);-webkit-user-select:none;user-select:none}.nui-tree{margin:0;padding:0;list-style:none}.nui-tree-item{outline:none;position:relative}.nui-tree-item-content{align-items:center;gap:var(--nui-space-2);padding:var(--nui-space-1)var(--nui-space-2);border-radius:var(--nui-radius-md);cursor:pointer;transition:background-color .15s;display:flex}.nui-tree-item-content:hover{background-color:var(--nui-bg-subtle)}.nui-tree-item:focus-visible>.nui-tree-item-content{outline:2px solid var(--nui-color-primary);outline-offset:-2px;background-color:var(--nui-bg-subtle)}.nui-tree-item--selected>.nui-tree-item-content{background-color:var(--nui-brand-50,#3b82f61a);color:var(--nui-color-primary);font-weight:var(--nui-weight-medium)}.nui-tree-item--disabled>.nui-tree-item-content{opacity:.5;cursor:not-allowed}.nui-tree-chevron{border-radius:var(--nui-radius-sm);width:20px;height:20px;color:var(--nui-fg-muted);justify-content:center;align-items:center;display:flex}.nui-tree-chevron:hover{background-color:var(--nui-border-default);color:var(--nui-fg-default)}.nui-tree-chevron--hidden{visibility:hidden;pointer-events:none}.nui-tree-chevron-icon{transition:transform .2s cubic-bezier(.16,1,.3,1)}.nui-tree-chevron-icon--open{transform:rotate(90deg)}.nui-tree-icon{color:inherit;opacity:.8;align-items:center;display:flex}.nui-tree-label{font-size:var(--nui-text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nui-datagrid-root{border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-lg);background-color:var(--nui-bg-surface);width:100%;font-family:var(--nui-font-sans);flex-direction:column;display:flex;overflow:hidden}.nui-datagrid-table-wrapper{outline:none;width:100%;overflow-x:auto}.nui-datagrid-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--nui-text-sm)}.nui-datagrid-thead{background-color:var(--nui-bg-subtle);border-bottom:1px solid var(--nui-border-default)}.nui-datagrid-th{padding:var(--nui-space-3)var(--nui-space-4);font-weight:var(--nui-weight-bold);color:var(--nui-fg-muted);white-space:nowrap;-webkit-user-select:none;user-select:none}.nui-datagrid-th-content{align-items:center;gap:var(--nui-space-2);display:inline-flex}.nui-datagrid-th-content.sortable{cursor:pointer}.nui-datagrid-th-content.sortable:hover .nui-datagrid-th-title{color:var(--nui-fg-default)}.nui-datagrid-th-content.justify-end{justify-content:flex-end}.nui-datagrid-th-content.justify-center{justify-content:center}.nui-datagrid-sort-icon{color:var(--nui-fg-subtle);opacity:.3;transition:opacity .2s,color .2s}.nui-datagrid-sort-icon.active{opacity:1;color:var(--nui-color-primary)}.nui-datagrid-tr{border-bottom:1px solid var(--nui-border-default);transition:background-color .15s}.nui-datagrid-tr:last-child{border-bottom:none}.nui-datagrid-tr.clickable{cursor:pointer}.nui-datagrid-tr:hover{background-color:var(--nui-bg-subtle)}.nui-datagrid-tr.focused{outline:2px solid var(--nui-color-primary);outline-offset:-2px}.nui-datagrid-tr.selected{background-color:var(--nui-bg-selected)}.nui-datagrid-tr.selected:hover{background-color:var(--nui-bg-selected-hover)}.nui-datagrid-td{padding:var(--nui-space-3)var(--nui-space-4);color:var(--nui-fg-default);vertical-align:middle}.nui-datagrid-th--select,.nui-datagrid-td--select{width:48px;padding-right:0;text-align:center!important}.nui-datagrid-checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--nui-color-primary)}.nui-datagrid-th--actions,.nui-datagrid-td--actions{text-align:right;white-space:nowrap}.nui-datagrid-empty{padding:var(--nui-space-8);text-align:center;color:var(--nui-fg-subtle)}.nui-datagrid-pagination{padding:var(--nui-space-3)var(--nui-space-4);border-top:1px solid var(--nui-border-default);background-color:var(--nui-bg-surface);justify-content:space-between;align-items:center;display:flex}.nui-datagrid-page-info{font-size:var(--nui-text-sm);color:var(--nui-fg-muted)}.nui-datagrid-page-controls{gap:var(--nui-space-2);display:flex}.nui-datagrid-page-btn{border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-md);width:32px;height:32px;color:var(--nui-fg-default);cursor:pointer;background-color:#0000;justify-content:center;align-items:center;transition:all .2s;display:flex}.nui-datagrid-page-btn:hover:not(:disabled){background-color:var(--nui-bg-subtle);border-color:var(--nui-border-hover)}.nui-datagrid-page-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--nui-fg-disabled)}.nui-virtual-list{-webkit-overflow-scrolling:touch;background-color:var(--nui-bg-surface);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-md);width:100%;font-family:var(--nui-font-sans);will-change:scroll-position;position:relative;overflow:hidden auto}.nui-virtual-window{will-change:transform;width:100%;position:absolute;top:0;left:0}.nui-virtual-spacer{pointer-events:none;width:100%}.nui-virtual-row{padding:0 var(--nui-space-4);color:var(--nui-fg-default);font-size:var(--nui-text-sm);white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid var(--nui-border-default);align-items:center;transition:background-color .1s;display:flex;overflow:hidden}.nui-virtual-row:last-child{border-bottom:none}.nui-virtual-row:hover{background-color:var(--nui-bg-subtle)}.nui-timepicker-root{font-family:var(--nui-font-sans);display:inline-block}.nui-timepicker-trigger{width:140px;padding:var(--nui-space-2)var(--nui-space-3);background-color:var(--nui-bg-surface);color:var(--nui-fg-default);font-family:inherit;font-size:var(--nui-text-sm);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-md);cursor:pointer;justify-content:space-between;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 2px #0000000d}.nui-timepicker-trigger:hover:not(:disabled){border-color:var(--nui-border-hover)}.nui-timepicker-trigger:focus-visible{border-color:var(--nui-color-primary);box-shadow:0 0 0 3px var(--nui-brand-100);outline:none}.nui-timepicker-trigger:disabled{background-color:var(--nui-bg-muted);color:var(--nui-fg-disabled);cursor:not-allowed}.nui-timepicker-placeholder,.nui-timepicker-icon{color:var(--nui-fg-subtle)}.nui-timepicker-popover{z-index:var(--nui-z-dropdown,1000)}.nui-timepicker-panel{background-color:var(--nui-bg-surface);color:var(--nui-fg-default);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-lg);animation:.15s cubic-bezier(.16,1,.3,1) forwards nui-timepicker-in;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes nui-timepicker-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.nui-timepicker-columns{height:220px;display:flex}.nui-timepicker-col{padding:var(--nui-space-2);border-right:1px solid var(--nui-border-default);scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;flex-direction:column;width:64px;display:flex;overflow-y:auto}.nui-timepicker-col::-webkit-scrollbar{display:none}.nui-timepicker-col:last-child{border-right:none}.nui-timepicker-item{border-radius:var(--nui-radius-sm);width:100%;height:36px;color:var(--nui-fg-default);font-size:var(--nui-text-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.nui-timepicker-item:hover:not(.selected){background-color:var(--nui-bg-subtle)}.nui-timepicker-item.selected{background-color:var(--nui-color-primary);color:var(--nui-color-primary-fg);font-weight:var(--nui-weight-bold);box-shadow:0 2px 8px #0000001a}.nui-timerange-root{font-family:var(--nui-font-sans);display:inline-block}.nui-timerange-trigger{width:240px;padding:var(--nui-space-2)var(--nui-space-3);background-color:var(--nui-bg-surface);color:var(--nui-fg-default);font-family:inherit;font-size:var(--nui-text-sm);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-md);cursor:pointer;justify-content:space-between;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 2px #0000000d}.nui-timerange-trigger:hover:not(:disabled){border-color:var(--nui-border-hover)}.nui-timerange-trigger:focus-visible{border-color:var(--nui-color-primary);box-shadow:0 0 0 3px var(--nui-brand-100);outline:none}.nui-timerange-trigger:disabled{background-color:var(--nui-bg-muted);color:var(--nui-fg-disabled);cursor:not-allowed}.nui-timerange-placeholder,.nui-timerange-icon{color:var(--nui-fg-subtle)}.nui-timerange-popover{z-index:var(--nui-z-dropdown,1000)}.nui-timerange-panel{background-color:var(--nui-bg-surface);color:var(--nui-fg-default);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-lg);padding:var(--nui-space-4);animation:.15s cubic-bezier(.16,1,.3,1) forwards nui-timerange-in;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes nui-timerange-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.nui-timerange-actions{gap:var(--nui-space-2);margin-bottom:var(--nui-space-4);padding:var(--nui-space-1);background:var(--nui-bg-subtle);border-radius:var(--nui-radius-md);display:flex}.nui-timerange-part{padding:var(--nui-space-1)0;border-radius:var(--nui-radius-sm);font-size:var(--nui-text-sm);color:var(--nui-fg-subtle);cursor:pointer;background:0 0;border:none;flex:1;transition:all .2s}.nui-timerange-part.active{background:var(--nui-bg-surface);color:var(--nui-fg-default);font-weight:var(--nui-weight-bold);box-shadow:0 1px 3px #0000001a}.nui-timerange-columns{border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-md);height:200px;display:flex;overflow:hidden}.nui-timerange-col{padding:var(--nui-space-2);border-right:1px solid var(--nui-border-default);scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;flex-direction:column;width:68px;display:flex;overflow-y:auto}.nui-timerange-col::-webkit-scrollbar{display:none}.nui-timerange-col:last-child{border-right:none}.nui-timerange-item{border-radius:var(--nui-radius-sm);width:100%;height:36px;color:var(--nui-fg-default);font-size:var(--nui-text-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.nui-timerange-item:hover:not(.selected){background-color:var(--nui-bg-subtle)}.nui-timerange-item.selected{background-color:var(--nui-color-primary);color:var(--nui-color-primary-fg);font-weight:var(--nui-weight-bold);box-shadow:0 2px 8px #0000001a}.nui-timerange-footer{justify-content:flex-end;gap:var(--nui-space-2);margin-top:var(--nui-space-4);padding-top:var(--nui-space-4);border-top:1px solid var(--nui-border-default);display:flex}.nui-timerange-footer button{padding:var(--nui-space-1)var(--nui-space-3);border-radius:var(--nui-radius-sm);font-size:var(--nui-text-sm);cursor:pointer;border:none;transition:background-color .2s}.nui-timerange-clear{color:var(--nui-fg-subtle);background:0 0}.nui-timerange-clear:hover{background:var(--nui-bg-subtle);color:var(--nui-fg-default)}.nui-timerange-close{background:var(--nui-bg-subtle);color:var(--nui-fg-default);font-weight:var(--nui-weight-bold)}.nui-timerange-close:hover{background:var(--nui-border-default)}.nui-multiselect-root{width:100%;font-family:var(--nui-font-sans);display:block;position:relative}.nui-multiselect-trigger{width:100%;min-height:40px;padding:var(--nui-space-1)var(--nui-space-3);background-color:var(--nui-bg-surface);color:var(--nui-fg-default);font-family:inherit;font-size:var(--nui-text-sm);text-align:left;border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-md);cursor:pointer;justify-content:space-between;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 2px #0000000d}.nui-multiselect-trigger:hover:not(:disabled){border-color:var(--nui-border-hover)}.nui-multiselect-trigger:focus-visible{border-color:var(--nui-color-primary);box-shadow:0 0 0 3px var(--nui-brand-100);outline:none}.nui-multiselect-trigger:disabled{background-color:var(--nui-bg-muted);color:var(--nui-fg-disabled);cursor:not-allowed}.nui-multiselect-trigger.error{border-color:var(--nui-color-danger)}.nui-multiselect-trigger.error:focus-visible{box-shadow:0 0 0 3px #ef444426}.nui-multiselect-value-container{flex-grow:1;align-items:center;min-height:28px;display:flex;overflow:hidden}.nui-multiselect-placeholder{color:var(--nui-fg-subtle);padding:var(--nui-space-1)0}.nui-multiselect-summary{font-weight:var(--nui-weight-medium);color:var(--nui-fg-default)}.nui-multiselect-tags{gap:var(--nui-space-1);flex-wrap:wrap;padding:2px 0;display:flex}.nui-multiselect-tag{background-color:var(--nui-bg-subtle);color:var(--nui-fg-default);border-radius:var(--nui-radius-sm);font-size:.75rem;font-weight:var(--nui-weight-medium);border:1px solid var(--nui-border-default);align-items:center;padding:2px 8px;display:inline-flex}.nui-multiselect-chevron{margin-left:var(--nui-space-2);color:var(--nui-fg-subtle);flex-shrink:0;transition:transform .2s}.nui-multiselect-trigger[aria-expanded=true] .nui-multiselect-chevron{transform:rotate(180deg)}.nui-multiselect-listbox{z-index:var(--nui-z-dropdown,1000);background-color:var(--nui-bg-surface);border:1px solid var(--nui-border-default);border-radius:var(--nui-radius-lg);max-height:240px;padding:var(--nui-space-1);outline:none;animation:.15s cubic-bezier(.16,1,.3,1) forwards nui-multiselect-in;position:fixed;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes nui-multiselect-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.nui-multiselect-option{align-items:center;gap:var(--nui-space-3);padding:var(--nui-space-2)var(--nui-space-3);font-size:var(--nui-text-sm);color:var(--nui-fg-default);border-radius:var(--nui-radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:background-color .1s;display:flex}.nui-multiselect-option-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nui-multiselect-checkbox{border:1px solid var(--nui-border-hover);background-color:var(--nui-bg-surface);width:16px;height:16px;color:var(--nui-color-primary-fg);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.nui-multiselect-checkbox.checked{background-color:var(--nui-color-primary);border-color:var(--nui-color-primary)}.nui-multiselect-option.active{background-color:var(--nui-bg-subtle)}.nui-multiselect-option.disabled{opacity:.5;cursor:not-allowed}.nui-multiselect-option.disabled.active{background-color:#0000}.nui-resizable-group{width:100%;height:100%;display:flex;overflow:hidden}.nui-resizable-group[data-direction=horizontal]{flex-direction:row}.nui-resizable-group[data-direction=vertical]{flex-direction:column}.nui-resizable-panel{min-width:0;min-height:0;position:relative;overflow:hidden}.nui-resizable-handle{z-index:10;touch-action:none;background:0 0;outline:none;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:relative}.nui-resizable-group[data-direction=horizontal]>.nui-resizable-handle{cursor:col-resize;flex-basis:8px}.nui-resizable-group[data-direction=vertical]>.nui-resizable-handle{cursor:row-resize;flex-basis:8px}.nui-resizable-handle:after{content:"";background-color:var(--nui-border-default,#e2e8f0);transition:background-color .15s;position:absolute}.dark .nui-resizable-handle:after{background-color:var(--nui-border-default,#1e293b)}.nui-resizable-group[data-direction=horizontal]>.nui-resizable-handle:after{width:1px;height:100%;left:3.5px}.nui-resizable-group[data-direction=vertical]>.nui-resizable-handle:after{width:100%;height:1px;top:3.5px}.nui-resizable-handle:hover:after,.nui-resizable-handle:focus-visible:after,.nui-resizable-handle[data-dragging=true]:after{background-color:var(--nui-color-primary,#3b82f6)}.nui-resizable-handle:focus-visible{background-color:var(--nui-bg-subtle,#3b82f61a)}.nui-resizable-handle-icon{z-index:20;background-color:var(--nui-bg-surface,#fff);border:1px solid var(--nui-border-default,#e2e8f0);width:12px;height:24px;color:var(--nui-fg-muted,#94a3b8);border-radius:4px;justify-content:center;align-items:center;display:flex}.dark .nui-resizable-handle-icon{background-color:var(--nui-bg-surface,#0f172a);border-color:var(--nui-border-default,#1e293b)}.nui-link{align-items:center;gap:var(--nui-space-1);font-family:var(--nui-font-sans);font-size:inherit;font-weight:var(--nui-weight-medium);outline-offset:2px;border-radius:var(--nui-radius-sm);cursor:pointer;text-underline-offset:4px;text-decoration-line:underline;text-decoration-color:#0000;transition:color .2s,text-decoration-color .2s;display:inline-flex}.nui-link--underline-always,.nui-link--underline-hover:hover{text-decoration-color:currentColor}.nui-link--underline-none{text-decoration-line:none}.nui-link--default{color:var(--nui-fg-default)}.nui-link--primary{color:var(--nui-color-primary)}.nui-link--muted{color:var(--nui-fg-subtle)}.nui-link--muted:hover{color:var(--nui-fg-default)}.nui-link--danger{color:var(--nui-color-danger)}.nui-link:focus-visible{outline:2px solid var(--nui-color-primary);text-decoration-color:currentColor}
package/dist/index.js CHANGED
@@ -1,111 +1,122 @@
1
- /* empty css */
2
- import { Button as t } from "./components/button/Button.js";
3
- import { Modal as m } from "./components/modal/Modal.js";
4
- import { Dropdown as f, DropdownItem as a, DropdownMenu as i, DropdownTrigger as n } from "./components/dropdown/Dropdown.js";
5
- import { Input as l } from "./components/input/Input.js";
6
- import { Tabs as T } from "./components/tabs/Tabs.js";
7
- import { Tooltip as s } from "./components/tooltip/Tooltip.js";
8
- import { Toast as P, ToastProvider as c, useToast as v } from "./components/toast/Toast.js";
9
- import { Accordion as S } from "./components/accordion/Accordion.js";
10
- import { Skeleton as b } from "./components/skeleton/Skeleton.js";
11
- import { Slider as h } from "./components/slider/Slider.js";
12
- import { Checkbox as M } from "./components/checkbox/Checkbox.js";
13
- import { RadioGroup as B } from "./components/radiogroup/RadioGroup.js";
14
- import { Switch as R } from "./components/switch/Switch.js";
15
- import { DatePicker as H } from "./components/datepicker/DatePicker.js";
16
- import { DateRangePicker as V } from "./components/daterangepicker/DateRangePicker.js";
17
- import { Drawer as N } from "./components/drawer/Drawer.js";
18
- import { Card as q } from "./components/card/Card.js";
19
- import { Alert as z } from "./components/alert/Alert.js";
20
- import { Table as J } from "./components/table/Table.js";
21
- import { Badge as O } from "./components/badge/Badge.js";
22
- import { BadgeGroup as W } from "./components/badge/BadgeGroup.js";
23
- import { Avatar as Y } from "./components/avatar/Avatar.js";
24
- import { AvatarGroup as _ } from "./components/avatar/AvatarGroup.js";
25
- import { Select as oo } from "./components/select/Select.js";
26
- import { Combobox as eo } from "./components/combobox/Combobox.js";
27
- import { MegaMenu as po } from "./components/megamenu/MegaMenu.js";
28
- import { Container as xo } from "./components/layout/Container.js";
29
- import { Grid as ao } from "./components/layout/Grid.js";
30
- import { Flex as no } from "./components/layout/Flex.js";
31
- import { Stack as uo } from "./components/layout/Stack.js";
32
- import { HStack as go } from "./components/layout/HStack.js";
33
- import { Textarea as Co } from "./components/textarea/Textarea.js";
34
- import { Popover as co, PopoverClose as vo, PopoverContent as Do, PopoverTrigger as So } from "./components/popover/Popover.js";
35
- import { Pagination as bo } from "./components/pagination/Pagination.js";
36
- import { Breadcrumbs as ho } from "./components/breadcrumbs/Breadcrumbs.js";
37
- import { Progress as Mo } from "./components/progress/Progress.js";
38
- import { Spinner as Bo } from "./components/spinner/Spinner.js";
39
- import { Stepper as Ro } from "./components/stepper/Stepper.js";
40
- import { Chip as Ho } from "./components/chip/Chip.js";
41
- import { Rating as Vo } from "./components/rating/Rating.js";
42
- import { HoverCard as No } from "./components/hovercard/HoverCard.js";
43
- import { FileUploader as qo } from "./components/fileuploader/FileUploader.js";
44
- import { ContextMenu as zo } from "./components/contextmenu/ContextMenu.js";
45
- import { CommandPalette as Jo } from "./components/commandpalette/CommandPalette.js";
46
- import { TreeView as Oo } from "./components/treeview/TreeView.js";
47
- import { DataGrid as Wo } from "./components/datagrid/DataGrid.js";
48
- import { VirtualList as Yo } from "./components/virtuallist/VirtualList.js";
49
- import { NUIProvider as _o, ThemeContext as $o } from "./theme/NUIProvider.js";
50
- import { useTheme as rr } from "./theme/useTheme.js";
1
+ import { NUIProvider as e, useTheme as t } from "./components/nuiprovider/NUIProvider.js";
2
+ import { Button as m } from "./components/button/Button.js";
3
+ import { Modal as f } from "./components/modal/Modal.js";
4
+ import { Dropdown as i } from "./components/dropdown/Dropdown.js";
5
+ import { Input as d } from "./components/input/Input.js";
6
+ import { Tabs as P } from "./components/tabs/Tabs.js";
7
+ import { Tooltip as v } from "./components/tooltip/Tooltip.js";
8
+ import { ToastProvider as c, useToast as u } from "./components/toast/Toast.js";
9
+ import { Accordion as T } from "./components/accordion/Accordion.js";
10
+ import { Skeleton as k } from "./components/skeleton/Skeleton.js";
11
+ import { Slider as R } from "./components/slider/Slider.js";
12
+ import { Checkbox as G } from "./components/checkbox/Checkbox.js";
13
+ import { RadioGroup as M } from "./components/radiogroup/RadioGroup.js";
14
+ import { Switch as w } from "./components/switch/Switch.js";
15
+ import { DatePicker as B } from "./components/datepicker/DatePicker.js";
16
+ import { DateRangePicker as I } from "./components/daterangepicker/DateRangePicker.js";
17
+ import { Drawer as U } from "./components/drawer/Drawer.js";
18
+ import { Card as z } from "./components/card/Card.js";
19
+ import { Alert as N } from "./components/alert/Alert.js";
20
+ import { Table as q } from "./components/table/Table.js";
21
+ import { Badge as J } from "./components/badge/Badge.js";
22
+ import { BadgeGroup as O } from "./components/badge/BadgeGroup.js";
23
+ import { Avatar as W } from "./components/avatar/Avatar.js";
24
+ import { AvatarGroup as Y } from "./components/avatar/AvatarGroup.js";
25
+ import { Select as _ } from "./components/select/Select.js";
26
+ import { Combobox as rr } from "./components/combobox/Combobox.js";
27
+ import { MegaMenu as er } from "./components/megamenu/MegaMenu.js";
28
+ import { Container as pr } from "./components/layout/Container.js";
29
+ import { Grid as xr } from "./components/layout/Grid.js";
30
+ import { Flex as ar, HStack as ir, Stack as nr } from "./components/layout/Flex.js";
31
+ import { Textarea as lr } from "./components/textarea/Textarea.js";
32
+ import { Popover as gr, PopoverClose as vr, PopoverContent as Cr, PopoverRoot as cr, PopoverTrigger as ur } from "./components/popover/Popover.js";
33
+ import { Pagination as Tr } from "./components/pagination/Pagination.js";
34
+ import { Breadcrumbs as kr } from "./components/breadcrumbs/Breadcrumbs.js";
35
+ import { Progress as Rr } from "./components/progress/Progress.js";
36
+ import { Spinner as Gr } from "./components/spinner/Spinner.js";
37
+ import { Stepper as Mr } from "./components/stepper/Stepper.js";
38
+ import { Chip as wr } from "./components/chip/Chip.js";
39
+ import { Rating as Br } from "./components/rating/Rating.js";
40
+ import { HoverCard as Ir, HoverCardContent as Lr, HoverCardRoot as Ur, HoverCardTrigger as Vr } from "./components/hovercard/HoverCard.js";
41
+ import { FileUploader as Er } from "./components/fileuploader/FileUploader.js";
42
+ import { ContextMenu as jr } from "./components/contextmenu/ContextMenu.js";
43
+ import { CommandPalette as yr } from "./components/commandpalette/CommandPalette.js";
44
+ import { TreeView as Kr } from "./components/treeview/TreeView.js";
45
+ import { DataGrid as Qr } from "./components/datagrid/DataGrid.js";
46
+ import { VirtualList as Xr } from "./components/virtuallist/VirtualList.js";
47
+ import { TimePicker as Zr } from "./components/timepicker/TimePicker.js";
48
+ import { TimeRangePicker as $r } from "./components/timerangepicker/TimeRangePicker.js";
49
+ import { MultiSelect as oo } from "./components/multiselect/MultiSelect.js";
50
+ import { Resizable as to } from "./components/resizable/Resizable.js";
51
+ import { Link as mo } from "./components/link/Link.js";
52
+ import { dialogStore as fo, nui as ao, toastEmitter as io } from "./components/dialog/dialogStore.js";
53
+ import { DialogProvider as lo } from "./components/dialog/DialogProvider.js";
51
54
  export {
52
- S as Accordion,
53
- z as Alert,
54
- Y as Avatar,
55
- _ as AvatarGroup,
56
- O as Badge,
57
- W as BadgeGroup,
58
- ho as Breadcrumbs,
59
- t as Button,
60
- q as Card,
61
- M as Checkbox,
62
- Ho as Chip,
63
- eo as Combobox,
64
- Jo as CommandPalette,
65
- xo as Container,
66
- zo as ContextMenu,
67
- Wo as DataGrid,
68
- H as DatePicker,
69
- V as DateRangePicker,
70
- N as Drawer,
71
- f as Dropdown,
72
- a as DropdownItem,
73
- i as DropdownMenu,
74
- n as DropdownTrigger,
75
- qo as FileUploader,
76
- no as Flex,
77
- ao as Grid,
78
- go as HStack,
79
- No as HoverCard,
80
- l as Input,
81
- po as MegaMenu,
82
- m as Modal,
83
- _o as NUIProvider,
84
- bo as Pagination,
85
- co as Popover,
86
- vo as PopoverClose,
87
- Do as PopoverContent,
88
- So as PopoverTrigger,
89
- Mo as Progress,
90
- B as RadioGroup,
91
- Vo as Rating,
92
- oo as Select,
93
- b as Skeleton,
94
- h as Slider,
95
- Bo as Spinner,
96
- uo as Stack,
97
- Ro as Stepper,
98
- R as Switch,
99
- J as Table,
100
- T as Tabs,
101
- Co as Textarea,
102
- $o as ThemeContext,
103
- P as Toast,
55
+ T as Accordion,
56
+ N as Alert,
57
+ W as Avatar,
58
+ Y as AvatarGroup,
59
+ J as Badge,
60
+ O as BadgeGroup,
61
+ kr as Breadcrumbs,
62
+ m as Button,
63
+ z as Card,
64
+ G as Checkbox,
65
+ wr as Chip,
66
+ rr as Combobox,
67
+ yr as CommandPalette,
68
+ pr as Container,
69
+ jr as ContextMenu,
70
+ Qr as DataGrid,
71
+ B as DatePicker,
72
+ I as DateRangePicker,
73
+ lo as DialogProvider,
74
+ U as Drawer,
75
+ i as Dropdown,
76
+ Er as FileUploader,
77
+ ar as Flex,
78
+ xr as Grid,
79
+ ir as HStack,
80
+ Ir as HoverCard,
81
+ Lr as HoverCardContent,
82
+ Ur as HoverCardRoot,
83
+ Vr as HoverCardTrigger,
84
+ d as Input,
85
+ mo as Link,
86
+ er as MegaMenu,
87
+ f as Modal,
88
+ oo as MultiSelect,
89
+ e as NUIProvider,
90
+ Tr as Pagination,
91
+ gr as Popover,
92
+ vr as PopoverClose,
93
+ Cr as PopoverContent,
94
+ cr as PopoverRoot,
95
+ ur as PopoverTrigger,
96
+ Rr as Progress,
97
+ M as RadioGroup,
98
+ Br as Rating,
99
+ to as Resizable,
100
+ _ as Select,
101
+ k as Skeleton,
102
+ R as Slider,
103
+ Gr as Spinner,
104
+ nr as Stack,
105
+ Mr as Stepper,
106
+ w as Switch,
107
+ q as Table,
108
+ P as Tabs,
109
+ lr as Textarea,
110
+ Zr as TimePicker,
111
+ $r as TimeRangePicker,
104
112
  c as ToastProvider,
105
- s as Tooltip,
106
- Oo as TreeView,
107
- Yo as VirtualList,
108
- rr as useTheme,
109
- v as useToast
113
+ v as Tooltip,
114
+ Kr as TreeView,
115
+ Xr as VirtualList,
116
+ fo as dialogStore,
117
+ ao as nui,
118
+ io as toastEmitter,
119
+ t as useTheme,
120
+ u as useToast
110
121
  };
111
122
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/package.json CHANGED
@@ -1,33 +1,76 @@
1
1
  {
2
2
  "name": "@nofinite/nui",
3
- "version": "1.1.1",
3
+ "version": "2.0.1",
4
4
  "type": "module",
5
+
5
6
  "main": "./dist/index.cjs",
6
7
  "module": "./dist/index.js",
7
8
  "types": "./dist/types/index.d.ts",
9
+
8
10
  "sideEffects": [
9
11
  "**/*.css"
10
12
  ],
13
+
11
14
  "exports": {
12
15
  ".": {
13
16
  "types": "./dist/types/index.d.ts",
14
17
  "import": "./dist/index.js",
15
- "require": "./dist/index.cjs"
18
+ "require": "./dist/index.cjs",
19
+ "default": "./dist/index.js"
16
20
  },
17
- "./style.css": "./dist/styles/index.css",
21
+
22
+ "./styles.css": {
23
+ "default": "./dist/index.css"
24
+ },
25
+
26
+ "./components/*": {
27
+ "types": "./dist/types/components/*.d.ts",
28
+ "import": "./dist/components/*.js",
29
+ "require": "./dist/components/*.cjs",
30
+ "default": "./dist/components/*.js"
31
+ },
32
+
33
+ "./utils/*": {
34
+ "types": "./dist/types/utils/*.d.ts",
35
+ "import": "./dist/utils/*.js",
36
+ "require": "./dist/utils/*.cjs",
37
+ "default": "./dist/utils/*.js"
38
+ },
39
+
18
40
  "./package.json": "./package.json"
19
41
  },
42
+
20
43
  "files": [
21
44
  "dist",
22
45
  "README.md",
23
- "LICENSE",
24
- "package.json"
46
+ "LICENSE"
25
47
  ],
48
+
26
49
  "peerDependencies": {
27
50
  "react": ">=18.0.0",
28
51
  "react-dom": ">=18.0.0"
29
52
  },
53
+
54
+ "engines": {
55
+ "node": ">=18"
56
+ },
57
+
58
+ "repository": {
59
+ "type": "git",
60
+ "url": "https://github.com/nofinitehq/nui"
61
+ },
62
+
63
+ "keywords": [
64
+ "nofinite",
65
+ "nui",
66
+ "react",
67
+ "react-components",
68
+ "ui",
69
+ "design-system",
70
+ "component-library"
71
+ ],
72
+
30
73
  "publishConfig": {
31
74
  "access": "public"
32
75
  }
33
- }
76
+ }
@@ -5,14 +5,18 @@ export interface AccordionItem {
5
5
  content: React.ReactNode;
6
6
  }
7
7
  interface AccordionProps {
8
- /** List of accordion sections */
9
8
  items: AccordionItem[];
10
- /** Default opened item ID (optional) */
9
+ /** ID of the item that should be open by default */
11
10
  defaultOpenId?: string;
12
- /** Allow multiple open panels? Default: false */
11
+ /** If true, allows multiple accordion panels to remain open simultaneously */
13
12
  multiple?: boolean;
14
13
  className?: string;
15
14
  }
15
+ /**
16
+ * Accordion Component
17
+ * * A progressively disclosed content container.
18
+ * Implements the WAI-ARIA Accordion pattern for screen reader and keyboard accessibility.
19
+ */
16
20
  export declare function Accordion({ items, defaultOpenId, multiple, className, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
17
21
  export {};
18
22
  //# sourceMappingURL=Accordion.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,UAAU,cAAc;IACtB,iCAAiC;IACjC,KAAK,EAAE,aAAa,EAAE,CAAC;IAEvB,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,aAAa,EACb,QAAgB,EAChB,SAAc,GACf,EAAE,cAAc,2CA8DhB"}
1
+ {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,UAAU,cAAc;IACtB,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,aAAa,EACb,QAAgB,EAChB,SAAc,GACf,EAAE,cAAc,2CA4EhB"}
@@ -1,13 +1,26 @@
1
1
  import { default as React } from 'react';
2
- type AlertType = 'info' | 'success' | 'warning' | 'error';
3
- interface AlertProps {
4
- type?: AlertType;
5
- title?: string;
2
+ type AlertVariant = 'info' | 'success' | 'warning' | 'error';
3
+ /**
4
+ * We Omit 'title' from the standard HTML attributes because the native HTML 'title'
5
+ * expects a string (for native tooltips). We override it here to accept ReactNode,
6
+ * allowing for rich text, icons, or custom JSX inside the alert's title area.
7
+ */
8
+ interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
9
+ variant?: AlertVariant;
10
+ title?: React.ReactNode;
6
11
  children?: React.ReactNode;
12
+ /** Determines if the close icon button is rendered */
7
13
  closable?: boolean;
14
+ /** Callback fired when the close button is clicked.
15
+ * Note: The component is controlled; it does not unmount itself.
16
+ */
8
17
  onClose?: () => void;
9
18
  className?: string;
10
19
  }
11
- export declare function Alert({ type, title, children, closable, onClose, className, }: AlertProps): import("react/jsx-runtime").JSX.Element;
20
+ /**
21
+ * Alert Component
22
+ * * Used to communicate important messages to the user.
23
+ */
24
+ export declare function Alert({ variant, title, children, closable, onClose, className, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element;
12
25
  export {};
13
26
  //# sourceMappingURL=Alert.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,CAAC;AAErB,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE1D,UAAU,UAAU;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,EACpB,IAAa,EACb,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,OAAO,EACP,SAAc,GACf,EAAE,UAAU,2CAyBZ"}
1
+ {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAa,CAAC;AAErB,KAAK,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE7D;;;;GAIG;AACH,UAAU,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC9E,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EACpB,OAAgB,EAChB,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,2CAmCZ"}