@nexus-cross/design-system 1.0.6 → 1.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (328) hide show
  1. package/dist/chunks/{chunk-PXBZEAZQ.mjs → chunk-22O6YUYH.mjs} +1 -1
  2. package/dist/chunks/{chunk-SUIT4XKB.js → chunk-3RK3UT2O.js} +42 -11
  3. package/dist/chunks/{chunk-GN6X27QI.mjs → chunk-AAITRHED.mjs} +42 -11
  4. package/dist/chunks/{chunk-QRNHFOLG.js → chunk-OE5BAEBE.js} +1 -1
  5. package/dist/component-tokens/button.d.ts +3 -0
  6. package/dist/component-tokens/button.d.ts.map +1 -0
  7. package/dist/component-tokens/index.d.ts +3 -0
  8. package/dist/component-tokens/index.d.ts.map +1 -0
  9. package/dist/component-tokens/types.d.ts +19 -0
  10. package/dist/component-tokens/types.d.ts.map +1 -0
  11. package/dist/{accordion.d.mts → components/Accordion.d.ts} +2 -3
  12. package/dist/components/Accordion.d.ts.map +1 -0
  13. package/dist/{alert.d.mts → components/Alert.d.ts} +5 -6
  14. package/dist/components/Alert.d.ts.map +1 -0
  15. package/dist/{avatar.d.mts → components/Avatar.d.ts} +5 -6
  16. package/dist/components/Avatar.d.ts.map +1 -0
  17. package/dist/{badge.d.mts → components/Badge.d.ts} +5 -6
  18. package/dist/components/Badge.d.ts.map +1 -0
  19. package/dist/{breadcrumb.d.mts → components/Breadcrumb.d.ts} +3 -3
  20. package/dist/components/Breadcrumb.d.ts.map +1 -0
  21. package/dist/{button.d.mts → components/Button.d.ts} +5 -6
  22. package/dist/components/Button.d.ts.map +1 -0
  23. package/dist/{carousel.d.mts → components/Carousel.d.ts} +5 -6
  24. package/dist/components/Carousel.d.ts.map +1 -0
  25. package/dist/{checkbox.d.mts → components/CheckBox.d.ts} +6 -7
  26. package/dist/components/CheckBox.d.ts.map +1 -0
  27. package/dist/{chip.d.mts → components/Chip.d.ts} +6 -7
  28. package/dist/components/Chip.d.ts.map +1 -0
  29. package/dist/{client-only.d.mts → components/ClientOnly.d.ts} +4 -5
  30. package/dist/components/ClientOnly.d.ts.map +1 -0
  31. package/dist/{countdown.d.mts → components/Countdown.d.ts} +3 -3
  32. package/dist/components/Countdown.d.ts.map +1 -0
  33. package/dist/{counter.d.mts → components/Counter.d.ts} +3 -3
  34. package/dist/components/Counter.d.ts.map +1 -0
  35. package/dist/{data-list.d.mts → components/DataList.d.ts} +4 -5
  36. package/dist/components/DataList.d.ts.map +1 -0
  37. package/dist/{date-picker.d.mts → components/DatePicker.d.ts} +3 -3
  38. package/dist/components/DatePicker.d.ts.map +1 -0
  39. package/dist/{divider.d.mts → components/Divider.d.ts} +5 -6
  40. package/dist/components/Divider.d.ts.map +1 -0
  41. package/dist/{drawer.d.mts → components/Drawer.d.ts} +13 -15
  42. package/dist/components/Drawer.d.ts.map +1 -0
  43. package/dist/{dropdown-menu.d.mts → components/DropdownMenu.d.ts} +4 -4
  44. package/dist/components/DropdownMenu.d.ts.map +1 -0
  45. package/dist/{ellipsis.d.mts → components/Ellipsis.d.ts} +4 -5
  46. package/dist/components/Ellipsis.d.ts.map +1 -0
  47. package/dist/{empty-state.d.mts → components/EmptyState.d.ts} +5 -6
  48. package/dist/components/EmptyState.d.ts.map +1 -0
  49. package/dist/{error-boundary.d.mts → components/ErrorBoundary.d.ts} +4 -5
  50. package/dist/components/ErrorBoundary.d.ts.map +1 -0
  51. package/dist/{infinite-scroll.d.mts → components/InfiniteScroll.d.ts} +5 -6
  52. package/dist/components/InfiniteScroll.d.ts.map +1 -0
  53. package/dist/{marquee.d.mts → components/Marquee.d.ts} +3 -3
  54. package/dist/components/Marquee.d.ts.map +1 -0
  55. package/dist/{number-input.d.mts → components/NumberInput.d.ts} +5 -6
  56. package/dist/components/NumberInput.d.ts.map +1 -0
  57. package/dist/{nx-image.d.mts → components/NxImage.d.ts} +3 -3
  58. package/dist/components/NxImage.d.ts.map +1 -0
  59. package/dist/{pagination.d.mts → components/Pagination.d.ts} +6 -7
  60. package/dist/components/Pagination.d.ts.map +1 -0
  61. package/dist/components/Popover.d.ts +23 -0
  62. package/dist/components/Popover.d.ts.map +1 -0
  63. package/dist/{price-input.d.mts → components/PriceInput.d.ts} +5 -6
  64. package/dist/components/PriceInput.d.ts.map +1 -0
  65. package/dist/{progress.d.mts → components/Progress.d.ts} +5 -6
  66. package/dist/components/Progress.d.ts.map +1 -0
  67. package/dist/{radio-group.d.mts → components/RadioGroup.d.ts} +6 -7
  68. package/dist/components/RadioGroup.d.ts.map +1 -0
  69. package/dist/{select.d.mts → components/Select.d.ts} +7 -10
  70. package/dist/components/Select.d.ts.map +1 -0
  71. package/dist/{skeleton.d.mts → components/Skeleton.d.ts} +3 -3
  72. package/dist/components/Skeleton.d.ts.map +1 -0
  73. package/dist/{slider.d.mts → components/Slider.d.ts} +5 -6
  74. package/dist/components/Slider.d.ts.map +1 -0
  75. package/dist/{spinner.d.mts → components/Spinner.d.ts} +3 -3
  76. package/dist/components/Spinner.d.ts.map +1 -0
  77. package/dist/{stepper.d.mts → components/Stepper.d.ts} +5 -6
  78. package/dist/components/Stepper.d.ts.map +1 -0
  79. package/dist/{switch.d.mts → components/Switch.d.ts} +5 -6
  80. package/dist/components/Switch.d.ts.map +1 -0
  81. package/dist/{tab.d.mts → components/Tab.d.ts} +7 -9
  82. package/dist/components/Tab.d.ts.map +1 -0
  83. package/dist/{tag-input.d.mts → components/TagInput.d.ts} +5 -6
  84. package/dist/components/TagInput.d.ts.map +1 -0
  85. package/dist/{text-area.d.mts → components/TextArea.d.ts} +5 -6
  86. package/dist/components/TextArea.d.ts.map +1 -0
  87. package/dist/{text-input.d.mts → components/TextInput.d.ts} +5 -6
  88. package/dist/components/TextInput.d.ts.map +1 -0
  89. package/dist/{theme-provider.d.mts → components/ThemeProvider.d.ts} +3 -3
  90. package/dist/components/ThemeProvider.d.ts.map +1 -0
  91. package/dist/{toggle-group.d.mts → components/ToggleGroup.d.ts} +5 -6
  92. package/dist/components/ToggleGroup.d.ts.map +1 -0
  93. package/dist/{tooltip.d.mts → components/Tooltip.d.ts} +6 -10
  94. package/dist/components/Tooltip.d.ts.map +1 -0
  95. package/dist/{virtual-scroll.d.mts → components/VirtualScroll.d.ts} +4 -4
  96. package/dist/components/VirtualScroll.d.ts.map +1 -0
  97. package/dist/hooks/useCheckDevice.d.ts +4 -4
  98. package/dist/hooks/useCheckDevice.d.ts.map +1 -0
  99. package/dist/hooks/useClickOutside.d.ts +2 -2
  100. package/dist/hooks/useClickOutside.d.ts.map +1 -0
  101. package/dist/hooks/useDraggableBottomSheet.d.ts +3 -3
  102. package/dist/hooks/useDraggableBottomSheet.d.ts.map +1 -0
  103. package/dist/hooks/useDraggableWindow.d.ts +5 -7
  104. package/dist/hooks/useDraggableWindow.d.ts.map +1 -0
  105. package/dist/hooks/useInView.d.ts +3 -3
  106. package/dist/hooks/useInView.d.ts.map +1 -0
  107. package/dist/hooks/useModal.d.ts +48 -2
  108. package/dist/hooks/useModal.d.ts.map +1 -0
  109. package/dist/index.d.ts +100 -91
  110. package/dist/index.d.ts.map +1 -0
  111. package/dist/index.js +7 -7
  112. package/dist/index.mjs +1 -1
  113. package/dist/modal/Modal.d.ts +52 -0
  114. package/dist/modal/Modal.d.ts.map +1 -0
  115. package/dist/modal/components/ModalComponent.d.ts +22 -0
  116. package/dist/modal/components/ModalComponent.d.ts.map +1 -0
  117. package/dist/modal/components/ModalContainer.d.ts +9 -0
  118. package/dist/modal/components/ModalContainer.d.ts.map +1 -0
  119. package/dist/modal/components/ModalPortal.d.ts +8 -0
  120. package/dist/modal/components/ModalPortal.d.ts.map +1 -0
  121. package/dist/modal/components/ModalPortalTarget.d.ts +7 -0
  122. package/dist/modal/components/ModalPortalTarget.d.ts.map +1 -0
  123. package/dist/modal/components/ModalTemplate.d.ts +20 -0
  124. package/dist/modal/components/ModalTemplate.d.ts.map +1 -0
  125. package/dist/modal/components/ModalTemplate.variants.d.ts +29 -0
  126. package/dist/modal/components/ModalTemplate.variants.d.ts.map +1 -0
  127. package/dist/modal/constants.d.ts +3 -0
  128. package/dist/modal/constants.d.ts.map +1 -0
  129. package/dist/modal/index.d.ts +11 -82
  130. package/dist/modal/index.d.ts.map +1 -0
  131. package/dist/modal/types.d.ts +90 -0
  132. package/dist/modal/types.d.ts.map +1 -0
  133. package/dist/schemas/accordion.d.ts +67 -0
  134. package/dist/schemas/accordion.d.ts.map +1 -0
  135. package/dist/schemas/alert.d.ts +30 -0
  136. package/dist/schemas/alert.d.ts.map +1 -0
  137. package/dist/schemas/avatar.d.ts +30 -0
  138. package/dist/schemas/avatar.d.ts.map +1 -0
  139. package/dist/schemas/badge.d.ts +33 -0
  140. package/dist/schemas/badge.d.ts.map +1 -0
  141. package/dist/schemas/breadcrumb.d.ts +38 -0
  142. package/dist/schemas/breadcrumb.d.ts.map +1 -0
  143. package/dist/schemas/button.d.ts +42 -0
  144. package/dist/schemas/button.d.ts.map +1 -0
  145. package/dist/schemas/carousel.d.ts +48 -0
  146. package/dist/schemas/carousel.d.ts.map +1 -0
  147. package/dist/schemas/checkbox.d.ts +48 -0
  148. package/dist/schemas/checkbox.d.ts.map +1 -0
  149. package/dist/schemas/chip.d.ts +30 -0
  150. package/dist/schemas/chip.d.ts.map +1 -0
  151. package/dist/schemas/client-only.d.ts +12 -0
  152. package/dist/schemas/client-only.d.ts.map +1 -0
  153. package/dist/schemas/countdown.d.ts +52 -0
  154. package/dist/schemas/countdown.d.ts.map +1 -0
  155. package/dist/schemas/counter.d.ts +36 -0
  156. package/dist/schemas/counter.d.ts.map +1 -0
  157. package/dist/schemas/data-list.d.ts +33 -0
  158. package/dist/schemas/data-list.d.ts.map +1 -0
  159. package/dist/schemas/date-picker.d.ts +36 -0
  160. package/dist/schemas/date-picker.d.ts.map +1 -0
  161. package/dist/schemas/divider.d.ts +21 -0
  162. package/dist/schemas/divider.d.ts.map +1 -0
  163. package/dist/schemas/drawer.d.ts +95 -0
  164. package/dist/schemas/drawer.d.ts.map +1 -0
  165. package/dist/schemas/dropdown-menu.d.ts +64 -0
  166. package/dist/schemas/dropdown-menu.d.ts.map +1 -0
  167. package/dist/schemas/ellipsis.d.ts +30 -0
  168. package/dist/schemas/ellipsis.d.ts.map +1 -0
  169. package/dist/schemas/empty-state.d.ts +27 -0
  170. package/dist/schemas/empty-state.d.ts.map +1 -0
  171. package/dist/schemas/error-boundary.d.ts +15 -0
  172. package/dist/schemas/error-boundary.d.ts.map +1 -0
  173. package/dist/schemas/index.d.ts +47 -0
  174. package/dist/schemas/index.d.ts.map +1 -0
  175. package/dist/schemas/infinite-scroll.d.ts +39 -0
  176. package/dist/schemas/infinite-scroll.d.ts.map +1 -0
  177. package/dist/schemas/marquee.d.ts +27 -0
  178. package/dist/schemas/marquee.d.ts.map +1 -0
  179. package/dist/schemas/modal.d.ts +176 -0
  180. package/dist/schemas/modal.d.ts.map +1 -0
  181. package/dist/schemas/number-input.d.ts +72 -0
  182. package/dist/schemas/number-input.d.ts.map +1 -0
  183. package/dist/schemas/nx-image.d.ts +33 -0
  184. package/dist/schemas/nx-image.d.ts.map +1 -0
  185. package/dist/schemas/pagination.d.ts +27 -0
  186. package/dist/schemas/pagination.d.ts.map +1 -0
  187. package/dist/schemas/popover.d.ts +39 -0
  188. package/dist/schemas/popover.d.ts.map +1 -0
  189. package/dist/schemas/price-input.d.ts +63 -0
  190. package/dist/schemas/price-input.d.ts.map +1 -0
  191. package/dist/schemas/progress.d.ts +30 -0
  192. package/dist/schemas/progress.d.ts.map +1 -0
  193. package/dist/schemas/radio-group.d.ts +61 -0
  194. package/dist/schemas/radio-group.d.ts.map +1 -0
  195. package/dist/schemas/select.d.ts +52 -0
  196. package/dist/schemas/select.d.ts.map +1 -0
  197. package/dist/schemas/skeleton.d.ts +27 -0
  198. package/dist/schemas/skeleton.d.ts.map +1 -0
  199. package/dist/schemas/slider.d.ts +45 -0
  200. package/dist/schemas/slider.d.ts.map +1 -0
  201. package/dist/schemas/spinner.d.ts +21 -0
  202. package/dist/schemas/spinner.d.ts.map +1 -0
  203. package/dist/schemas/stepper.d.ts +39 -0
  204. package/dist/schemas/stepper.d.ts.map +1 -0
  205. package/dist/schemas/switch.d.ts +33 -0
  206. package/dist/schemas/switch.d.ts.map +1 -0
  207. package/dist/schemas/tab.d.ts +61 -0
  208. package/dist/schemas/tab.d.ts.map +1 -0
  209. package/dist/schemas/table.d.ts +113 -0
  210. package/dist/schemas/table.d.ts.map +1 -0
  211. package/dist/schemas/tag-input.d.ts +39 -0
  212. package/dist/schemas/tag-input.d.ts.map +1 -0
  213. package/dist/schemas/text-area.d.ts +69 -0
  214. package/dist/schemas/text-area.d.ts.map +1 -0
  215. package/dist/schemas/text-input.d.ts +78 -0
  216. package/dist/schemas/text-input.d.ts.map +1 -0
  217. package/dist/schemas/theme-provider.d.ts +36 -0
  218. package/dist/schemas/theme-provider.d.ts.map +1 -0
  219. package/dist/schemas/toast.d.ts +91 -0
  220. package/dist/schemas/toast.d.ts.map +1 -0
  221. package/dist/schemas/toggle-group.d.ts +58 -0
  222. package/dist/schemas/toggle-group.d.ts.map +1 -0
  223. package/dist/schemas/tooltip.d.ts +33 -0
  224. package/dist/schemas/tooltip.d.ts.map +1 -0
  225. package/dist/schemas/virtual-scroll.d.ts +67 -0
  226. package/dist/schemas/virtual-scroll.d.ts.map +1 -0
  227. package/dist/styles/.generated/built.d.ts +3 -0
  228. package/dist/styles/.generated/built.d.ts.map +1 -0
  229. package/dist/styles/inject-layer.d.ts +2 -0
  230. package/dist/styles/inject-layer.d.ts.map +1 -0
  231. package/dist/styles/inject.d.ts +2 -0
  232. package/dist/styles/inject.d.ts.map +1 -0
  233. package/dist/styles/layer.js +2 -2
  234. package/dist/styles/layer.mjs +1 -1
  235. package/dist/styles.css +96 -33
  236. package/dist/styles.js +2 -2
  237. package/dist/styles.layered.css +96 -33
  238. package/dist/styles.mjs +1 -1
  239. package/dist/table/Table.d.ts +20 -0
  240. package/dist/table/Table.d.ts.map +1 -0
  241. package/dist/table/TableHighlightContext.d.ts +11 -0
  242. package/dist/table/TableHighlightContext.d.ts.map +1 -0
  243. package/dist/table/TableRow.d.ts +17 -0
  244. package/dist/table/TableRow.d.ts.map +1 -0
  245. package/dist/table/TdColumn.d.ts +14 -0
  246. package/dist/table/TdColumn.d.ts.map +1 -0
  247. package/dist/table/index.d.ts +23 -0
  248. package/dist/table/index.d.ts.map +1 -0
  249. package/dist/table/types.d.ts +27 -0
  250. package/dist/table/types.d.ts.map +1 -0
  251. package/dist/table.js +7 -7
  252. package/dist/table.mjs +1 -1
  253. package/dist/toast/Toast.d.ts +8 -0
  254. package/dist/toast/Toast.d.ts.map +1 -0
  255. package/dist/toast/index.d.ts +6 -0
  256. package/dist/toast/index.d.ts.map +1 -0
  257. package/dist/{toast.d.mts → toast/useToast.d.ts} +4 -14
  258. package/dist/toast/useToast.d.ts.map +1 -0
  259. package/dist/utils/cn.d.ts +3 -5
  260. package/dist/utils/cn.d.ts.map +1 -0
  261. package/dist/utils/scroll.d.ts +3 -4
  262. package/dist/utils/scroll.d.ts.map +1 -0
  263. package/package.json +49 -49
  264. package/dist/accordion.d.ts +0 -28
  265. package/dist/alert.d.ts +0 -17
  266. package/dist/avatar.d.ts +0 -17
  267. package/dist/badge.d.ts +0 -18
  268. package/dist/breadcrumb.d.ts +0 -15
  269. package/dist/button.d.ts +0 -17
  270. package/dist/carousel.d.ts +0 -36
  271. package/dist/checkbox.d.ts +0 -21
  272. package/dist/chip.d.ts +0 -16
  273. package/dist/client-only.d.ts +0 -13
  274. package/dist/countdown.d.ts +0 -27
  275. package/dist/counter.d.ts +0 -15
  276. package/dist/data-list.d.ts +0 -33
  277. package/dist/date-picker.d.ts +0 -17
  278. package/dist/divider.d.ts +0 -14
  279. package/dist/drawer.d.ts +0 -42
  280. package/dist/dropdown-menu.d.ts +0 -30
  281. package/dist/ellipsis.d.ts +0 -16
  282. package/dist/empty-state.d.ts +0 -16
  283. package/dist/error-boundary.d.ts +0 -20
  284. package/dist/hooks/useCheckDevice.d.mts +0 -47
  285. package/dist/hooks/useClickOutside.d.mts +0 -12
  286. package/dist/hooks/useDraggableBottomSheet.d.mts +0 -24
  287. package/dist/hooks/useDraggableWindow.d.mts +0 -21
  288. package/dist/hooks/useInView.d.mts +0 -14
  289. package/dist/hooks/useModal.d.mts +0 -2
  290. package/dist/index.d.mts +0 -91
  291. package/dist/infinite-scroll.d.ts +0 -26
  292. package/dist/marquee.d.ts +0 -12
  293. package/dist/modal/index.d.mts +0 -87
  294. package/dist/number-input.d.ts +0 -37
  295. package/dist/nx-image.d.ts +0 -13
  296. package/dist/pagination.d.ts +0 -22
  297. package/dist/popover.d.mts +0 -25
  298. package/dist/popover.d.ts +0 -25
  299. package/dist/price-input.d.ts +0 -36
  300. package/dist/progress.d.ts +0 -18
  301. package/dist/radio-group.d.ts +0 -29
  302. package/dist/schemas.d.mts +0 -2173
  303. package/dist/schemas.d.ts +0 -2173
  304. package/dist/select.d.ts +0 -31
  305. package/dist/skeleton.d.ts +0 -15
  306. package/dist/slider.d.ts +0 -20
  307. package/dist/spinner.d.ts +0 -9
  308. package/dist/stepper.d.ts +0 -20
  309. package/dist/styles/layer.d.mts +0 -3
  310. package/dist/styles/layer.d.ts +0 -3
  311. package/dist/styles.d.mts +0 -3
  312. package/dist/styles.d.ts +0 -3
  313. package/dist/switch.d.ts +0 -15
  314. package/dist/tab.d.ts +0 -36
  315. package/dist/table.d.mts +0 -95
  316. package/dist/table.d.ts +0 -95
  317. package/dist/tag-input.d.ts +0 -21
  318. package/dist/text-area.d.ts +0 -19
  319. package/dist/text-input.d.ts +0 -21
  320. package/dist/theme-provider.d.ts +0 -25
  321. package/dist/toast.d.ts +0 -42
  322. package/dist/toggle-group.d.ts +0 -36
  323. package/dist/tooltip.d.ts +0 -24
  324. package/dist/useModal-BsGIcP8t.d.mts +0 -128
  325. package/dist/useModal-BsGIcP8t.d.ts +0 -128
  326. package/dist/utils/cn.d.mts +0 -5
  327. package/dist/utils/scroll.d.mts +0 -4
  328. package/dist/virtual-scroll.d.ts +0 -34
package/dist/styles.css CHANGED
@@ -1538,8 +1538,8 @@
1538
1538
  .nexus-progress__bar {
1539
1539
  height: 100%;
1540
1540
  border-radius: inherit;
1541
- transition:
1542
- width var(--duration-transition-normal, 200ms) var(--ease-transition-normal, cubic-bezier(0, 0, 0.2, 1));
1541
+ transition: width var(--duration-transition-normal, 200ms)
1542
+ var(--ease-transition-normal, cubic-bezier(0, 0, 0.2, 1));
1543
1543
  }
1544
1544
  .nexus-progress--primary .nexus-progress__bar {
1545
1545
  background: var(--color-accent-primary);
@@ -1562,8 +1562,8 @@
1562
1562
  top: 0;
1563
1563
  bottom: 0;
1564
1564
  width: 35% !important;
1565
- animation: nexus-progress-indeterminate 1.1s var(--ease-transition-normal, cubic-bezier(0, 0, 0.2, 1))
1566
- infinite;
1565
+ animation: nexus-progress-indeterminate 1.1s
1566
+ var(--ease-transition-normal, cubic-bezier(0, 0, 0.2, 1)) infinite;
1567
1567
  }
1568
1568
  @keyframes nexus-progress-indeterminate {
1569
1569
  0% {
@@ -1628,7 +1628,8 @@
1628
1628
  cursor: pointer;
1629
1629
  font: inherit;
1630
1630
  color: var(--color-icon-secondary);
1631
- transition: color var(--duration-transition-fast, 150ms) var(--ease-transition-fast, ease);
1631
+ transition: color var(--duration-transition-fast, 150ms)
1632
+ var(--ease-transition-fast, ease);
1632
1633
  }
1633
1634
  .nexus-alert__close:hover {
1634
1635
  color: var(--color-icon-primary);
@@ -1638,29 +1639,61 @@
1638
1639
  height: 1rem;
1639
1640
  }
1640
1641
  .nexus-alert--info {
1641
- background: color-mix(in srgb, var(--color-status-info-dim) 45%, var(--color-surface-default));
1642
- border-color: color-mix(in srgb, var(--color-status-info) 28%, var(--color-border-default));
1642
+ background: color-mix(
1643
+ in srgb,
1644
+ var(--color-status-info-dim) 45%,
1645
+ var(--color-surface-default)
1646
+ );
1647
+ border-color: color-mix(
1648
+ in srgb,
1649
+ var(--color-status-info) 28%,
1650
+ var(--color-border-default)
1651
+ );
1643
1652
  }
1644
1653
  .nexus-alert--info .nexus-alert__icon {
1645
1654
  color: var(--color-status-info-intense);
1646
1655
  }
1647
1656
  .nexus-alert--success {
1648
- background: color-mix(in srgb, var(--color-status-success-dim) 45%, var(--color-surface-default));
1649
- border-color: color-mix(in srgb, var(--color-status-success) 28%, var(--color-border-default));
1657
+ background: color-mix(
1658
+ in srgb,
1659
+ var(--color-status-success-dim) 45%,
1660
+ var(--color-surface-default)
1661
+ );
1662
+ border-color: color-mix(
1663
+ in srgb,
1664
+ var(--color-status-success) 28%,
1665
+ var(--color-border-default)
1666
+ );
1650
1667
  }
1651
1668
  .nexus-alert--success .nexus-alert__icon {
1652
1669
  color: var(--color-status-success-intense);
1653
1670
  }
1654
1671
  .nexus-alert--warning {
1655
- background: color-mix(in srgb, var(--color-status-warning-dim) 45%, var(--color-surface-default));
1656
- border-color: color-mix(in srgb, var(--color-status-warning) 28%, var(--color-border-default));
1672
+ background: color-mix(
1673
+ in srgb,
1674
+ var(--color-status-warning-dim) 45%,
1675
+ var(--color-surface-default)
1676
+ );
1677
+ border-color: color-mix(
1678
+ in srgb,
1679
+ var(--color-status-warning) 28%,
1680
+ var(--color-border-default)
1681
+ );
1657
1682
  }
1658
1683
  .nexus-alert--warning .nexus-alert__icon {
1659
1684
  color: var(--color-status-warning-intense);
1660
1685
  }
1661
1686
  .nexus-alert--danger {
1662
- background: color-mix(in srgb, var(--color-status-danger-dim) 45%, var(--color-surface-default));
1663
- border-color: color-mix(in srgb, var(--color-status-danger) 28%, var(--color-border-default));
1687
+ background: color-mix(
1688
+ in srgb,
1689
+ var(--color-status-danger-dim) 45%,
1690
+ var(--color-surface-default)
1691
+ );
1692
+ border-color: color-mix(
1693
+ in srgb,
1694
+ var(--color-status-danger) 28%,
1695
+ var(--color-border-default)
1696
+ );
1664
1697
  }
1665
1698
  .nexus-alert--danger .nexus-alert__icon {
1666
1699
  color: var(--color-status-danger-intense);
@@ -2146,7 +2179,8 @@
2146
2179
  }
2147
2180
  }
2148
2181
  .nexus-dropdown-separator {
2149
- margin: var(--spacing-padding-xs, 0.5rem) calc(-1 * var(--spacing-padding-xs, 0.5rem));
2182
+ margin: var(--spacing-padding-xs, 0.5rem)
2183
+ calc(-1 * var(--spacing-padding-xs, 0.5rem));
2150
2184
  height: 1px;
2151
2185
  background: var(--color-border-default);
2152
2186
  }
@@ -2238,13 +2272,16 @@
2238
2272
  font-weight: var(--font-weight-text-medium-sm, 500);
2239
2273
  color: var(--color-text-secondary);
2240
2274
  cursor: pointer;
2241
- transition: color var(--duration-transition-normal, 200ms) var(--ease-transition-fast);
2275
+ transition: color var(--duration-transition-normal, 200ms)
2276
+ var(--ease-transition-fast);
2242
2277
  outline: none;
2243
2278
  position: relative;
2244
2279
  z-index: 1;
2245
2280
  }
2246
2281
  .nexus-toggle-group__item:focus-visible {
2247
- box-shadow: 0 0 0 2px var(--color-surface-default), 0 0 0 4px var(--color-accent-primary-focus);
2282
+ box-shadow:
2283
+ 0 0 0 2px var(--color-surface-default),
2284
+ 0 0 0 4px var(--color-accent-primary-focus);
2248
2285
  }
2249
2286
  .nexus-toggle-group__item[data-disabled] {
2250
2287
  pointer-events: none;
@@ -2260,7 +2297,8 @@
2260
2297
  background: var(--color-accent-primary-dim);
2261
2298
  color: var(--color-accent-primary-intense);
2262
2299
  }
2263
- .nexus-toggle-group--outline .nexus-toggle-group__item:not([data-state='on']):hover {
2300
+ .nexus-toggle-group--outline
2301
+ .nexus-toggle-group__item:not([data-state='on']):hover {
2264
2302
  background: var(--color-surface-hover);
2265
2303
  color: var(--color-text-primary);
2266
2304
  }
@@ -2890,7 +2928,6 @@
2890
2928
  }
2891
2929
  .nexus-td__inner {
2892
2930
  border-radius: var(--radius-corner-md, 0.375rem);
2893
- padding: 2px 0.25rem;
2894
2931
  transition-property: background-color;
2895
2932
  transition-duration: 150ms;
2896
2933
  }
@@ -3570,7 +3607,8 @@
3570
3607
  flex: 1;
3571
3608
  height: 2px;
3572
3609
  background: var(--color-border-default);
3573
- transition: background var(--duration-transition-normal, 200ms) var(--ease-transition-normal);
3610
+ transition: background var(--duration-transition-normal, 200ms)
3611
+ var(--ease-transition-normal);
3574
3612
  }
3575
3613
  .nexus-stepper--horizontal .nexus-stepper__connector--hidden {
3576
3614
  visibility: hidden;
@@ -3606,7 +3644,8 @@
3606
3644
  flex: 1;
3607
3645
  min-height: var(--spacing-padding-sm, 0.75rem);
3608
3646
  background: var(--color-border-default);
3609
- transition: background var(--duration-transition-normal, 200ms) var(--ease-transition-normal);
3647
+ transition: background var(--duration-transition-normal, 200ms)
3648
+ var(--ease-transition-normal);
3610
3649
  }
3611
3650
  .nexus-stepper--vertical .nexus-stepper__connector--completed {
3612
3651
  background: var(--color-accent-primary);
@@ -3629,7 +3668,8 @@
3629
3668
  font-size: var(--text-text-sm, 0.875rem);
3630
3669
  font-weight: var(--font-weight-text-medium-sm, 500);
3631
3670
  color: var(--color-text-secondary);
3632
- transition: all var(--duration-transition-normal, 200ms) var(--ease-transition-normal);
3671
+ transition: all var(--duration-transition-normal, 200ms)
3672
+ var(--ease-transition-normal);
3633
3673
  }
3634
3674
  .nexus-stepper--sm .nexus-stepper__indicator {
3635
3675
  width: 1.75rem;
@@ -3655,13 +3695,15 @@
3655
3695
  border-color: var(--color-accent-primary);
3656
3696
  color: var(--color-accent-primary);
3657
3697
  background: var(--color-surface-default);
3658
- box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-accent-primary) 20%, transparent);
3698
+ box-shadow: 0 0 0 3px
3699
+ color-mix(in srgb, var(--color-accent-primary) 20%, transparent);
3659
3700
  }
3660
3701
  .nexus-stepper__step--error .nexus-stepper__indicator {
3661
3702
  border-color: var(--color-status-danger);
3662
3703
  color: var(--color-status-danger);
3663
3704
  background: var(--color-surface-default);
3664
- box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-status-danger) 20%, transparent);
3705
+ box-shadow: 0 0 0 3px
3706
+ color-mix(in srgb, var(--color-status-danger) 20%, transparent);
3665
3707
  }
3666
3708
  .nexus-stepper__step--pending .nexus-stepper__indicator {
3667
3709
  border-color: var(--color-border-default);
@@ -3711,7 +3753,8 @@
3711
3753
  align-items: center;
3712
3754
  gap: var(--spacing-gap-xs, 0.25rem);
3713
3755
  padding: var(--spacing-padding-xs, 0.5rem);
3714
- border: var(--border-width-stroke-default, 1px) solid var(--color-border-default);
3756
+ border: var(--border-width-stroke-default, 1px) solid
3757
+ var(--color-border-default);
3715
3758
  border-radius: var(--radius-corner-md, 0.5rem);
3716
3759
  background: var(--color-surface-default);
3717
3760
  cursor: text;
@@ -3812,7 +3855,12 @@
3812
3855
  .nexus-image__skeleton {
3813
3856
  position: absolute;
3814
3857
  inset: 0;
3815
- background: linear-gradient(90deg, var(--color-surface-subtle) 25%, var(--color-surface-default) 50%, var(--color-surface-subtle) 75%);
3858
+ background: linear-gradient(
3859
+ 90deg,
3860
+ var(--color-surface-subtle) 25%,
3861
+ var(--color-surface-default) 50%,
3862
+ var(--color-surface-subtle) 75%
3863
+ );
3816
3864
  background-size: 200% 100%;
3817
3865
  animation: nexus-shimmer 1.5s infinite;
3818
3866
  }
@@ -3840,8 +3888,12 @@
3840
3888
  }
3841
3889
 
3842
3890
  @keyframes nexus-shimmer {
3843
- 0% { background-position: -200% 0; }
3844
- 100% { background-position: 200% 0; }
3891
+ 0% {
3892
+ background-position: -200% 0;
3893
+ }
3894
+ 100% {
3895
+ background-position: 200% 0;
3896
+ }
3845
3897
  }
3846
3898
 
3847
3899
  /* ═══════════════════════════════════════════
@@ -3857,7 +3909,8 @@
3857
3909
  align-items: center;
3858
3910
  gap: var(--spacing-gap-sm, 0.5rem);
3859
3911
  padding: var(--spacing-padding-xs, 0.5rem) var(--spacing-padding-sm, 0.75rem);
3860
- border: var(--border-width-stroke-default, 1px) solid var(--color-border-default);
3912
+ border: var(--border-width-stroke-default, 1px) solid
3913
+ var(--color-border-default);
3861
3914
  border-radius: var(--radius-corner-md, 0.5rem);
3862
3915
  background: var(--color-surface-default);
3863
3916
  font: inherit;
@@ -3889,7 +3942,8 @@
3889
3942
  left: 0;
3890
3943
  z-index: var(--z-index-layer-popover, 30);
3891
3944
  background: var(--color-surface-default);
3892
- border: var(--border-width-stroke-default, 1px) solid var(--color-border-default);
3945
+ border: var(--border-width-stroke-default, 1px) solid
3946
+ var(--color-border-default);
3893
3947
  border-radius: var(--radius-corner-lg, 0.75rem);
3894
3948
  box-shadow: var(--shadow-lg, 0 2px 8px -1px rgb(0 0 0 / 0.12));
3895
3949
  padding: var(--spacing-padding-sm, 0.75rem);
@@ -3966,7 +4020,9 @@
3966
4020
  font: inherit;
3967
4021
  font-size: var(--text-text-sm, 0.875rem);
3968
4022
  color: var(--color-text-primary);
3969
- transition: background 150ms, color 150ms;
4023
+ transition:
4024
+ background 150ms,
4025
+ color 150ms;
3970
4026
  }
3971
4027
  .nexus-calendar__day:hover {
3972
4028
  background: var(--color-surface-default-hover);
@@ -3980,7 +4036,8 @@
3980
4036
  }
3981
4037
  .nexus-calendar__day--today {
3982
4038
  font-weight: var(--font-weight-text-semibold-sm, 600);
3983
- border: var(--border-width-stroke-default, 1px) solid var(--color-accent-primary);
4039
+ border: var(--border-width-stroke-default, 1px) solid
4040
+ var(--color-accent-primary);
3984
4041
  }
3985
4042
  .nexus-calendar__day--outside {
3986
4043
  color: var(--color-text-muted);
@@ -3994,6 +4051,12 @@
3994
4051
  }
3995
4052
 
3996
4053
  @keyframes nexus-fade-in {
3997
- from { opacity: 0; transform: translateY(-4px); }
3998
- to { opacity: 1; transform: translateY(0); }
4054
+ from {
4055
+ opacity: 0;
4056
+ transform: translateY(-4px);
4057
+ }
4058
+ to {
4059
+ opacity: 1;
4060
+ transform: translateY(0);
4061
+ }
3999
4062
  }
package/dist/styles.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var chunkQRNHFOLG_js = require('./chunks/chunk-QRNHFOLG.js');
3
+ var chunkOE5BAEBE_js = require('./chunks/chunk-OE5BAEBE.js');
4
4
  require('./chunks/chunk-JNMCYWGY.js');
5
5
 
6
6
  // src/styles/inject.ts
@@ -8,7 +8,7 @@ var STYLE_ID = "__nexus-ds__";
8
8
  var __nexus_styles_injected__ = typeof document !== "undefined" && !document.getElementById(STYLE_ID) ? (() => {
9
9
  const style = document.createElement("style");
10
10
  style.id = STYLE_ID;
11
- style.textContent = chunkQRNHFOLG_js.built_default;
11
+ style.textContent = chunkOE5BAEBE_js.built_default;
12
12
  document.head.appendChild(style);
13
13
  return true;
14
14
  })() : false;
@@ -1539,8 +1539,8 @@
1539
1539
  .nexus-progress__bar {
1540
1540
  height: 100%;
1541
1541
  border-radius: inherit;
1542
- transition:
1543
- width var(--duration-transition-normal, 200ms) var(--ease-transition-normal, cubic-bezier(0, 0, 0.2, 1));
1542
+ transition: width var(--duration-transition-normal, 200ms)
1543
+ var(--ease-transition-normal, cubic-bezier(0, 0, 0.2, 1));
1544
1544
  }
1545
1545
  .nexus-progress--primary .nexus-progress__bar {
1546
1546
  background: var(--color-accent-primary);
@@ -1563,8 +1563,8 @@
1563
1563
  top: 0;
1564
1564
  bottom: 0;
1565
1565
  width: 35% !important;
1566
- animation: nexus-progress-indeterminate 1.1s var(--ease-transition-normal, cubic-bezier(0, 0, 0.2, 1))
1567
- infinite;
1566
+ animation: nexus-progress-indeterminate 1.1s
1567
+ var(--ease-transition-normal, cubic-bezier(0, 0, 0.2, 1)) infinite;
1568
1568
  }
1569
1569
  @keyframes nexus-progress-indeterminate {
1570
1570
  0% {
@@ -1629,7 +1629,8 @@
1629
1629
  cursor: pointer;
1630
1630
  font: inherit;
1631
1631
  color: var(--color-icon-secondary);
1632
- transition: color var(--duration-transition-fast, 150ms) var(--ease-transition-fast, ease);
1632
+ transition: color var(--duration-transition-fast, 150ms)
1633
+ var(--ease-transition-fast, ease);
1633
1634
  }
1634
1635
  .nexus-alert__close:hover {
1635
1636
  color: var(--color-icon-primary);
@@ -1639,29 +1640,61 @@
1639
1640
  height: 1rem;
1640
1641
  }
1641
1642
  .nexus-alert--info {
1642
- background: color-mix(in srgb, var(--color-status-info-dim) 45%, var(--color-surface-default));
1643
- border-color: color-mix(in srgb, var(--color-status-info) 28%, var(--color-border-default));
1643
+ background: color-mix(
1644
+ in srgb,
1645
+ var(--color-status-info-dim) 45%,
1646
+ var(--color-surface-default)
1647
+ );
1648
+ border-color: color-mix(
1649
+ in srgb,
1650
+ var(--color-status-info) 28%,
1651
+ var(--color-border-default)
1652
+ );
1644
1653
  }
1645
1654
  .nexus-alert--info .nexus-alert__icon {
1646
1655
  color: var(--color-status-info-intense);
1647
1656
  }
1648
1657
  .nexus-alert--success {
1649
- background: color-mix(in srgb, var(--color-status-success-dim) 45%, var(--color-surface-default));
1650
- border-color: color-mix(in srgb, var(--color-status-success) 28%, var(--color-border-default));
1658
+ background: color-mix(
1659
+ in srgb,
1660
+ var(--color-status-success-dim) 45%,
1661
+ var(--color-surface-default)
1662
+ );
1663
+ border-color: color-mix(
1664
+ in srgb,
1665
+ var(--color-status-success) 28%,
1666
+ var(--color-border-default)
1667
+ );
1651
1668
  }
1652
1669
  .nexus-alert--success .nexus-alert__icon {
1653
1670
  color: var(--color-status-success-intense);
1654
1671
  }
1655
1672
  .nexus-alert--warning {
1656
- background: color-mix(in srgb, var(--color-status-warning-dim) 45%, var(--color-surface-default));
1657
- border-color: color-mix(in srgb, var(--color-status-warning) 28%, var(--color-border-default));
1673
+ background: color-mix(
1674
+ in srgb,
1675
+ var(--color-status-warning-dim) 45%,
1676
+ var(--color-surface-default)
1677
+ );
1678
+ border-color: color-mix(
1679
+ in srgb,
1680
+ var(--color-status-warning) 28%,
1681
+ var(--color-border-default)
1682
+ );
1658
1683
  }
1659
1684
  .nexus-alert--warning .nexus-alert__icon {
1660
1685
  color: var(--color-status-warning-intense);
1661
1686
  }
1662
1687
  .nexus-alert--danger {
1663
- background: color-mix(in srgb, var(--color-status-danger-dim) 45%, var(--color-surface-default));
1664
- border-color: color-mix(in srgb, var(--color-status-danger) 28%, var(--color-border-default));
1688
+ background: color-mix(
1689
+ in srgb,
1690
+ var(--color-status-danger-dim) 45%,
1691
+ var(--color-surface-default)
1692
+ );
1693
+ border-color: color-mix(
1694
+ in srgb,
1695
+ var(--color-status-danger) 28%,
1696
+ var(--color-border-default)
1697
+ );
1665
1698
  }
1666
1699
  .nexus-alert--danger .nexus-alert__icon {
1667
1700
  color: var(--color-status-danger-intense);
@@ -2147,7 +2180,8 @@
2147
2180
  }
2148
2181
  }
2149
2182
  .nexus-dropdown-separator {
2150
- margin: var(--spacing-padding-xs, 0.5rem) calc(-1 * var(--spacing-padding-xs, 0.5rem));
2183
+ margin: var(--spacing-padding-xs, 0.5rem)
2184
+ calc(-1 * var(--spacing-padding-xs, 0.5rem));
2151
2185
  height: 1px;
2152
2186
  background: var(--color-border-default);
2153
2187
  }
@@ -2239,13 +2273,16 @@
2239
2273
  font-weight: var(--font-weight-text-medium-sm, 500);
2240
2274
  color: var(--color-text-secondary);
2241
2275
  cursor: pointer;
2242
- transition: color var(--duration-transition-normal, 200ms) var(--ease-transition-fast);
2276
+ transition: color var(--duration-transition-normal, 200ms)
2277
+ var(--ease-transition-fast);
2243
2278
  outline: none;
2244
2279
  position: relative;
2245
2280
  z-index: 1;
2246
2281
  }
2247
2282
  .nexus-toggle-group__item:focus-visible {
2248
- box-shadow: 0 0 0 2px var(--color-surface-default), 0 0 0 4px var(--color-accent-primary-focus);
2283
+ box-shadow:
2284
+ 0 0 0 2px var(--color-surface-default),
2285
+ 0 0 0 4px var(--color-accent-primary-focus);
2249
2286
  }
2250
2287
  .nexus-toggle-group__item[data-disabled] {
2251
2288
  pointer-events: none;
@@ -2261,7 +2298,8 @@
2261
2298
  background: var(--color-accent-primary-dim);
2262
2299
  color: var(--color-accent-primary-intense);
2263
2300
  }
2264
- .nexus-toggle-group--outline .nexus-toggle-group__item:not([data-state='on']):hover {
2301
+ .nexus-toggle-group--outline
2302
+ .nexus-toggle-group__item:not([data-state='on']):hover {
2265
2303
  background: var(--color-surface-hover);
2266
2304
  color: var(--color-text-primary);
2267
2305
  }
@@ -2891,7 +2929,6 @@
2891
2929
  }
2892
2930
  .nexus-td__inner {
2893
2931
  border-radius: var(--radius-corner-md, 0.375rem);
2894
- padding: 2px 0.25rem;
2895
2932
  transition-property: background-color;
2896
2933
  transition-duration: 150ms;
2897
2934
  }
@@ -3571,7 +3608,8 @@
3571
3608
  flex: 1;
3572
3609
  height: 2px;
3573
3610
  background: var(--color-border-default);
3574
- transition: background var(--duration-transition-normal, 200ms) var(--ease-transition-normal);
3611
+ transition: background var(--duration-transition-normal, 200ms)
3612
+ var(--ease-transition-normal);
3575
3613
  }
3576
3614
  .nexus-stepper--horizontal .nexus-stepper__connector--hidden {
3577
3615
  visibility: hidden;
@@ -3607,7 +3645,8 @@
3607
3645
  flex: 1;
3608
3646
  min-height: var(--spacing-padding-sm, 0.75rem);
3609
3647
  background: var(--color-border-default);
3610
- transition: background var(--duration-transition-normal, 200ms) var(--ease-transition-normal);
3648
+ transition: background var(--duration-transition-normal, 200ms)
3649
+ var(--ease-transition-normal);
3611
3650
  }
3612
3651
  .nexus-stepper--vertical .nexus-stepper__connector--completed {
3613
3652
  background: var(--color-accent-primary);
@@ -3630,7 +3669,8 @@
3630
3669
  font-size: var(--text-text-sm, 0.875rem);
3631
3670
  font-weight: var(--font-weight-text-medium-sm, 500);
3632
3671
  color: var(--color-text-secondary);
3633
- transition: all var(--duration-transition-normal, 200ms) var(--ease-transition-normal);
3672
+ transition: all var(--duration-transition-normal, 200ms)
3673
+ var(--ease-transition-normal);
3634
3674
  }
3635
3675
  .nexus-stepper--sm .nexus-stepper__indicator {
3636
3676
  width: 1.75rem;
@@ -3656,13 +3696,15 @@
3656
3696
  border-color: var(--color-accent-primary);
3657
3697
  color: var(--color-accent-primary);
3658
3698
  background: var(--color-surface-default);
3659
- box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-accent-primary) 20%, transparent);
3699
+ box-shadow: 0 0 0 3px
3700
+ color-mix(in srgb, var(--color-accent-primary) 20%, transparent);
3660
3701
  }
3661
3702
  .nexus-stepper__step--error .nexus-stepper__indicator {
3662
3703
  border-color: var(--color-status-danger);
3663
3704
  color: var(--color-status-danger);
3664
3705
  background: var(--color-surface-default);
3665
- box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-status-danger) 20%, transparent);
3706
+ box-shadow: 0 0 0 3px
3707
+ color-mix(in srgb, var(--color-status-danger) 20%, transparent);
3666
3708
  }
3667
3709
  .nexus-stepper__step--pending .nexus-stepper__indicator {
3668
3710
  border-color: var(--color-border-default);
@@ -3712,7 +3754,8 @@
3712
3754
  align-items: center;
3713
3755
  gap: var(--spacing-gap-xs, 0.25rem);
3714
3756
  padding: var(--spacing-padding-xs, 0.5rem);
3715
- border: var(--border-width-stroke-default, 1px) solid var(--color-border-default);
3757
+ border: var(--border-width-stroke-default, 1px) solid
3758
+ var(--color-border-default);
3716
3759
  border-radius: var(--radius-corner-md, 0.5rem);
3717
3760
  background: var(--color-surface-default);
3718
3761
  cursor: text;
@@ -3813,7 +3856,12 @@
3813
3856
  .nexus-image__skeleton {
3814
3857
  position: absolute;
3815
3858
  inset: 0;
3816
- background: linear-gradient(90deg, var(--color-surface-subtle) 25%, var(--color-surface-default) 50%, var(--color-surface-subtle) 75%);
3859
+ background: linear-gradient(
3860
+ 90deg,
3861
+ var(--color-surface-subtle) 25%,
3862
+ var(--color-surface-default) 50%,
3863
+ var(--color-surface-subtle) 75%
3864
+ );
3817
3865
  background-size: 200% 100%;
3818
3866
  animation: nexus-shimmer 1.5s infinite;
3819
3867
  }
@@ -3841,8 +3889,12 @@
3841
3889
  }
3842
3890
 
3843
3891
  @keyframes nexus-shimmer {
3844
- 0% { background-position: -200% 0; }
3845
- 100% { background-position: 200% 0; }
3892
+ 0% {
3893
+ background-position: -200% 0;
3894
+ }
3895
+ 100% {
3896
+ background-position: 200% 0;
3897
+ }
3846
3898
  }
3847
3899
 
3848
3900
  /* ═══════════════════════════════════════════
@@ -3858,7 +3910,8 @@
3858
3910
  align-items: center;
3859
3911
  gap: var(--spacing-gap-sm, 0.5rem);
3860
3912
  padding: var(--spacing-padding-xs, 0.5rem) var(--spacing-padding-sm, 0.75rem);
3861
- border: var(--border-width-stroke-default, 1px) solid var(--color-border-default);
3913
+ border: var(--border-width-stroke-default, 1px) solid
3914
+ var(--color-border-default);
3862
3915
  border-radius: var(--radius-corner-md, 0.5rem);
3863
3916
  background: var(--color-surface-default);
3864
3917
  font: inherit;
@@ -3890,7 +3943,8 @@
3890
3943
  left: 0;
3891
3944
  z-index: var(--z-index-layer-popover, 30);
3892
3945
  background: var(--color-surface-default);
3893
- border: var(--border-width-stroke-default, 1px) solid var(--color-border-default);
3946
+ border: var(--border-width-stroke-default, 1px) solid
3947
+ var(--color-border-default);
3894
3948
  border-radius: var(--radius-corner-lg, 0.75rem);
3895
3949
  box-shadow: var(--shadow-lg, 0 2px 8px -1px rgb(0 0 0 / 0.12));
3896
3950
  padding: var(--spacing-padding-sm, 0.75rem);
@@ -3967,7 +4021,9 @@
3967
4021
  font: inherit;
3968
4022
  font-size: var(--text-text-sm, 0.875rem);
3969
4023
  color: var(--color-text-primary);
3970
- transition: background 150ms, color 150ms;
4024
+ transition:
4025
+ background 150ms,
4026
+ color 150ms;
3971
4027
  }
3972
4028
  .nexus-calendar__day:hover {
3973
4029
  background: var(--color-surface-default-hover);
@@ -3981,7 +4037,8 @@
3981
4037
  }
3982
4038
  .nexus-calendar__day--today {
3983
4039
  font-weight: var(--font-weight-text-semibold-sm, 600);
3984
- border: var(--border-width-stroke-default, 1px) solid var(--color-accent-primary);
4040
+ border: var(--border-width-stroke-default, 1px) solid
4041
+ var(--color-accent-primary);
3985
4042
  }
3986
4043
  .nexus-calendar__day--outside {
3987
4044
  color: var(--color-text-muted);
@@ -3995,8 +4052,14 @@
3995
4052
  }
3996
4053
 
3997
4054
  @keyframes nexus-fade-in {
3998
- from { opacity: 0; transform: translateY(-4px); }
3999
- to { opacity: 1; transform: translateY(0); }
4055
+ from {
4056
+ opacity: 0;
4057
+ transform: translateY(-4px);
4058
+ }
4059
+ to {
4060
+ opacity: 1;
4061
+ transform: translateY(0);
4062
+ }
4000
4063
  }
4001
4064
 
4002
4065
  }
package/dist/styles.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { built_default } from './chunks/chunk-PXBZEAZQ.mjs';
1
+ import { built_default } from './chunks/chunk-22O6YUYH.mjs';
2
2
  import './chunks/chunk-CVYXRSXT.mjs';
3
3
 
4
4
  // src/styles/inject.ts
@@ -0,0 +1,20 @@
1
+ import { ReactElement, ReactNode } from 'react';
2
+ import { TableData, ChildrenFuncParamsType } from './types';
3
+ interface TableProps<T extends TableData[]> {
4
+ className?: string;
5
+ theadClassName?: string;
6
+ notification?: ReactNode;
7
+ list: T | null | undefined;
8
+ noDataMsg?: ReactElement | string;
9
+ hideThead?: boolean;
10
+ sortUpElement?: ReactElement | string;
11
+ sortDownElement?: ReactElement | string;
12
+ loadingType?: 'loading' | 'skeleton';
13
+ loadingElement?: ReactElement;
14
+ loading?: boolean;
15
+ skeletonCount?: number;
16
+ children: (obj: ChildrenFuncParamsType<T>) => ReactNode;
17
+ }
18
+ export declare function Table<T extends TableData[]>({ className, theadClassName, list, children, loadingElement, noDataMsg, hideThead, sortUpElement, sortDownElement, loadingType, loading, skeletonCount, notification, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
19
+ export type { TableProps };
20
+ //# sourceMappingURL=Table.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/table/Table.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,YAAY,EACZ,SAAS,EAIV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,SAAS,EAAE,sBAAsB,EAAsB,MAAM,SAAS,CAAC;AAmChF,UAAU,UAAU,CAAC,CAAC,SAAS,SAAS,EAAE;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,IAAI,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IACtC,eAAe,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IACxC,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IACrC,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,GAAG,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;CACzD;AA0DD,wBAAgB,KAAK,CAAC,CAAC,SAAS,SAAS,EAAE,EAAE,EAC3C,SAAc,EACd,cAAmB,EACnB,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,SAAS,EACT,SAAS,EACT,aAAmD,EACnD,eAAsD,EACtD,WAAwB,EACxB,OAAO,EACP,aAAkB,EAClB,YAAY,GACb,EAAE,UAAU,CAAC,CAAC,CAAC,2CAoOf;AAED,YAAY,EAAE,UAAU,EAAE,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { ReactNode } from 'react';
2
+ type TableHighlightContextType = {
3
+ highlightValue: string | null;
4
+ setHighlightValue: (value: string | null) => void;
5
+ };
6
+ export declare const useTableHighlight: () => TableHighlightContextType;
7
+ export declare const TableHighlightProvider: ({ children }: {
8
+ children: ReactNode;
9
+ }) => import("react/jsx-runtime").JSX.Element;
10
+ export {};
11
+ //# sourceMappingURL=TableHighlightContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableHighlightContext.d.ts","sourceRoot":"","sources":["../../src/table/TableHighlightContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvE,KAAK,yBAAyB,GAAG;IAC/B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD,CAAC;AAOF,eAAO,MAAM,iBAAiB,iCAA0C,CAAC;AAEzE,eAAO,MAAM,sBAAsB,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAO3E,CAAC"}
@@ -0,0 +1,17 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import { ReactNode, MouseEvent } from 'react';
3
+ declare const tableRowVariants: (props?: ({
4
+ variant?: "default" | "accent" | null | undefined;
5
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
6
+ type TableRowProps = VariantProps<typeof tableRowVariants> & {
7
+ className?: string;
8
+ children: ReactNode | string;
9
+ onClick?: (e: MouseEvent<HTMLTableRowElement>) => void;
10
+ };
11
+ export declare const TableRow: {
12
+ ({ className, children, onClick, variant }: TableRowProps): import("react/jsx-runtime").JSX.Element;
13
+ displayName: string;
14
+ };
15
+ export type { TableRowProps };
16
+ export { tableRowVariants };
17
+ //# sourceMappingURL=TableRow.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../src/table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAc,EAAE,SAAS,EAAE,UAAU,EAAW,MAAM,OAAO,CAAC;AAG9D,QAAA,MAAM,gBAAgB;;8EAQpB,CAAC;AAEH,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,GAAG;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,eAAO,MAAM,QAAQ;gDAAgE,aAAa;;CAyBjG,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,CAAC;AAC9B,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
@@ -0,0 +1,14 @@
1
+ import { CSSProperties, ReactNode } from 'react';
2
+ import { TableThRowDataType } from './types';
3
+ type TdColumnProps = TableThRowDataType & {
4
+ children: ReactNode;
5
+ textOverflow?: 'auto' | 'truncate' | 'wrap' | 'break-all';
6
+ highlightKey?: string | null;
7
+ style?: CSSProperties;
8
+ };
9
+ export declare const TdColumn: {
10
+ ({ className, children, fieldId, size, colSpan, rowSpan, align, textOverflow, highlightKey, style, }: TdColumnProps): import("react/jsx-runtime").JSX.Element;
11
+ displayName: string;
12
+ };
13
+ export type { TdColumnProps };
14
+ //# sourceMappingURL=TdColumn.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TdColumn.d.ts","sourceRoot":"","sources":["../../src/table/TdColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG7C,KAAK,aAAa,GAAG,kBAAkB,GAAG;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IAC1D,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAeF,eAAO,MAAM,QAAQ;0GAWlB,aAAa;;CA0Cf,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,CAAC"}