@cognite/aura 0.3.5 → 1.46105.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (446) hide show
  1. package/CHANGELOG.md +264 -0
  2. package/DESIGN.md +638 -281
  3. package/LICENSE +21 -0
  4. package/README.md +21 -13
  5. package/dist/colors-deprecated.css +587 -0
  6. package/dist/colors.css +803 -830
  7. package/dist/components/index.d.ts +63 -57
  8. package/dist/components/index.js +62 -59
  9. package/dist/components/index.js.map +1 -0
  10. package/dist/components/ui/core/accordion/accordion.d.ts +19 -18
  11. package/dist/components/ui/core/accordion/accordion.js +99 -78
  12. package/dist/components/ui/core/accordion/accordion.js.map +1 -0
  13. package/dist/components/ui/core/action-toolbar/action-toolbar-motion.d.ts +8 -0
  14. package/dist/components/ui/core/action-toolbar/action-toolbar-motion.js +125 -0
  15. package/dist/components/ui/core/action-toolbar/action-toolbar-motion.js.map +1 -0
  16. package/dist/components/ui/core/action-toolbar/action-toolbar.d.ts +31 -31
  17. package/dist/components/ui/core/action-toolbar/action-toolbar.js +156 -106
  18. package/dist/components/ui/core/action-toolbar/action-toolbar.js.map +1 -0
  19. package/dist/components/ui/core/alert/alert.d.ts +25 -25
  20. package/dist/components/ui/core/alert/alert.js +181 -152
  21. package/dist/components/ui/core/alert/alert.js.map +1 -0
  22. package/dist/components/ui/core/avatar/avatar.d.ts +10 -9
  23. package/dist/components/ui/core/avatar/avatar.js +75 -65
  24. package/dist/components/ui/core/avatar/avatar.js.map +1 -0
  25. package/dist/components/ui/core/badge/badge.d.ts +13 -12
  26. package/dist/components/ui/core/badge/badge.js +88 -72
  27. package/dist/components/ui/core/badge/badge.js.map +1 -0
  28. package/dist/components/ui/core/banner/banner.d.ts +18 -18
  29. package/dist/components/ui/core/banner/banner.js +179 -142
  30. package/dist/components/ui/core/banner/banner.js.map +1 -0
  31. package/dist/components/ui/core/breadcrumb/breadcrumb.d.ts +12 -12
  32. package/dist/components/ui/core/breadcrumb/breadcrumb.js +139 -104
  33. package/dist/components/ui/core/breadcrumb/breadcrumb.js.map +1 -0
  34. package/dist/components/ui/core/button/button.d.ts +7 -7
  35. package/dist/components/ui/core/button/button.gallery.d.ts +2 -0
  36. package/dist/components/ui/core/button/button.gallery.js +76 -0
  37. package/dist/components/ui/core/button/button.gallery.js.map +1 -0
  38. package/dist/components/ui/core/button/button.js +57 -47
  39. package/dist/components/ui/core/button/button.js.map +1 -0
  40. package/dist/components/ui/core/button-group/button-group.d.ts +9 -9
  41. package/dist/components/ui/core/button-group/button-group.js +50 -40
  42. package/dist/components/ui/core/button-group/button-group.js.map +1 -0
  43. package/dist/components/ui/core/calendar/calendar-header.d.ts +7 -7
  44. package/dist/components/ui/core/calendar/calendar-header.js +102 -63
  45. package/dist/components/ui/core/calendar/calendar-header.js.map +1 -0
  46. package/dist/components/ui/core/calendar/calendar-utils.d.ts +30 -30
  47. package/dist/components/ui/core/calendar/calendar-utils.js +116 -39
  48. package/dist/components/ui/core/calendar/calendar-utils.js.map +1 -0
  49. package/dist/components/ui/core/calendar/calendar.d.ts +10 -10
  50. package/dist/components/ui/core/calendar/calendar.js +95 -66
  51. package/dist/components/ui/core/calendar/calendar.js.map +1 -0
  52. package/dist/components/ui/core/calendar/constants.js +3 -0
  53. package/dist/components/ui/core/calendar/constants.js.map +1 -0
  54. package/dist/components/ui/core/card/card.d.ts +20 -20
  55. package/dist/components/ui/core/card/card.js +133 -104
  56. package/dist/components/ui/core/card/card.js.map +1 -0
  57. package/dist/components/ui/core/chart/chart.d.ts +55 -53
  58. package/dist/components/ui/core/chart/chart.js +196 -116
  59. package/dist/components/ui/core/chart/chart.js.map +1 -0
  60. package/dist/components/ui/core/chart/index.d.ts +2 -2
  61. package/dist/components/ui/core/chart/index.js +3 -2
  62. package/dist/components/ui/core/chart/index.js.map +1 -0
  63. package/dist/components/ui/core/checkbox/checkbox.d.ts +9 -9
  64. package/dist/components/ui/core/checkbox/checkbox.js +88 -68
  65. package/dist/components/ui/core/checkbox/checkbox.js.map +1 -0
  66. package/dist/components/ui/core/checkbox/checkbox.metadata.d.ts +1 -1
  67. package/dist/components/ui/core/checkbox/checkbox.metadata.js +6 -7
  68. package/dist/components/ui/core/checkbox/checkbox.metadata.js.map +1 -0
  69. package/dist/components/ui/core/code-block/code-block.d.ts +19 -19
  70. package/dist/components/ui/core/code-block/code-block.js +259 -175
  71. package/dist/components/ui/core/code-block/code-block.js.map +1 -0
  72. package/dist/components/ui/core/collapsible/collapsible.d.ts +5 -5
  73. package/dist/components/ui/core/collapsible/collapsible.js +36 -30
  74. package/dist/components/ui/core/collapsible/collapsible.js.map +1 -0
  75. package/dist/components/ui/core/combobox/combobox.d.ts +13 -13
  76. package/dist/components/ui/core/combobox/combobox.js +89 -40
  77. package/dist/components/ui/core/combobox/combobox.js.map +1 -0
  78. package/dist/components/ui/core/command/command.d.ts +20 -18
  79. package/dist/components/ui/core/command/command.js +137 -85
  80. package/dist/components/ui/core/command/command.js.map +1 -0
  81. package/dist/components/ui/core/conversation/conversation.d.ts +14 -0
  82. package/dist/components/ui/core/conversation/conversation.js +51 -0
  83. package/dist/components/ui/core/conversation/conversation.js.map +1 -0
  84. package/dist/components/ui/core/count/count.d.ts +8 -6
  85. package/dist/components/ui/core/count/count.js +51 -21
  86. package/dist/components/ui/core/count/count.js.map +1 -0
  87. package/dist/components/ui/core/data-grid/data-grid-cell.d.ts +7 -7
  88. package/dist/components/ui/core/data-grid/data-grid-cell.js +22 -22
  89. package/dist/components/ui/core/data-grid/data-grid-cell.js.map +1 -0
  90. package/dist/components/ui/core/data-grid/data-grid-filter-clauses.d.ts +14 -0
  91. package/dist/components/ui/core/data-grid/data-grid-filter-clauses.js +36 -0
  92. package/dist/components/ui/core/data-grid/data-grid-filter-clauses.js.map +1 -0
  93. package/dist/components/ui/core/data-grid/data-grid-filter-panel.d.ts +41 -0
  94. package/dist/components/ui/core/data-grid/data-grid-filter-panel.js +273 -0
  95. package/dist/components/ui/core/data-grid/data-grid-filter-panel.js.map +1 -0
  96. package/dist/components/ui/core/data-grid/data-grid-footer.d.ts +6 -0
  97. package/dist/components/ui/core/data-grid/data-grid-footer.js +34 -0
  98. package/dist/components/ui/core/data-grid/data-grid-footer.js.map +1 -0
  99. package/dist/components/ui/core/data-grid/data-grid-header-row.d.ts +10 -10
  100. package/dist/components/ui/core/data-grid/data-grid-header-row.js +69 -55
  101. package/dist/components/ui/core/data-grid/data-grid-header-row.js.map +1 -0
  102. package/dist/components/ui/core/data-grid/data-grid-header.d.ts +11 -0
  103. package/dist/components/ui/core/data-grid/data-grid-header.js +67 -0
  104. package/dist/components/ui/core/data-grid/data-grid-header.js.map +1 -0
  105. package/dist/components/ui/core/data-grid/data-grid-row.d.ts +15 -15
  106. package/dist/components/ui/core/data-grid/data-grid-row.js +104 -76
  107. package/dist/components/ui/core/data-grid/data-grid-row.js.map +1 -0
  108. package/dist/components/ui/core/data-grid/data-grid.d.ts +85 -35
  109. package/dist/components/ui/core/data-grid/data-grid.fixtures.d.ts +7 -7
  110. package/dist/components/ui/core/data-grid/data-grid.fixtures.js +139 -0
  111. package/dist/components/ui/core/data-grid/data-grid.fixtures.js.map +1 -0
  112. package/dist/components/ui/core/data-grid/data-grid.js +402 -132
  113. package/dist/components/ui/core/data-grid/data-grid.js.map +1 -0
  114. package/dist/components/ui/core/data-grid/data-grid.utils.d.ts +3 -3
  115. package/dist/components/ui/core/data-grid/data-grid.utils.js +44 -33
  116. package/dist/components/ui/core/data-grid/data-grid.utils.js.map +1 -0
  117. package/dist/components/ui/core/data-grid/index.d.ts +4 -1
  118. package/dist/components/ui/core/data-grid/index.js +5 -2
  119. package/dist/components/ui/core/data-grid/index.js.map +1 -0
  120. package/dist/components/ui/core/date-time-pickers/date-picker/date-picker.d.ts +11 -13
  121. package/dist/components/ui/core/date-time-pickers/date-picker/date-picker.js +85 -61
  122. package/dist/components/ui/core/date-time-pickers/date-picker/date-picker.js.map +1 -0
  123. package/dist/components/ui/core/date-time-pickers/date-picker/index.d.ts +3 -3
  124. package/dist/components/ui/core/date-time-pickers/date-picker/index.js +3 -0
  125. package/dist/components/ui/core/date-time-pickers/date-picker/index.js.map +1 -0
  126. package/dist/components/ui/core/date-time-pickers/date-picker/types.d.ts +14 -14
  127. package/dist/components/ui/core/date-time-pickers/date-picker/types.js +3 -0
  128. package/dist/components/ui/core/date-time-pickers/date-picker/types.js.map +1 -0
  129. package/dist/components/ui/core/date-time-pickers/date-picker/use-date-picker.d.ts +2 -2
  130. package/dist/components/ui/core/date-time-pickers/date-picker/use-date-picker.js +51 -36
  131. package/dist/components/ui/core/date-time-pickers/date-picker/use-date-picker.js.map +1 -0
  132. package/dist/components/ui/core/date-time-pickers/date-range-picker/date-range-picker.d.ts +11 -13
  133. package/dist/components/ui/core/date-time-pickers/date-range-picker/date-range-picker.js +89 -64
  134. package/dist/components/ui/core/date-time-pickers/date-range-picker/date-range-picker.js.map +1 -0
  135. package/dist/components/ui/core/date-time-pickers/date-range-picker/index.d.ts +3 -3
  136. package/dist/components/ui/core/date-time-pickers/date-range-picker/index.js +3 -0
  137. package/dist/components/ui/core/date-time-pickers/date-range-picker/index.js.map +1 -0
  138. package/dist/components/ui/core/date-time-pickers/date-range-picker/types.d.ts +20 -20
  139. package/dist/components/ui/core/date-time-pickers/date-range-picker/types.js +3 -0
  140. package/dist/components/ui/core/date-time-pickers/date-range-picker/types.js.map +1 -0
  141. package/dist/components/ui/core/date-time-pickers/date-range-picker/use-date-range-picker.d.ts +4 -4
  142. package/dist/components/ui/core/date-time-pickers/date-range-picker/use-date-range-picker.js +95 -60
  143. package/dist/components/ui/core/date-time-pickers/date-range-picker/use-date-range-picker.js.map +1 -0
  144. package/dist/components/ui/core/date-time-pickers/date-time-picker/date-time-picker.d.ts +15 -0
  145. package/dist/components/ui/core/date-time-pickers/date-time-picker/date-time-picker.js +120 -0
  146. package/dist/components/ui/core/date-time-pickers/date-time-picker/date-time-picker.js.map +1 -0
  147. package/dist/components/ui/core/date-time-pickers/date-time-picker/index.d.ts +3 -1
  148. package/dist/components/ui/core/date-time-pickers/date-time-picker/index.js +3 -0
  149. package/dist/components/ui/core/date-time-pickers/date-time-picker/index.js.map +1 -0
  150. package/dist/components/ui/core/date-time-pickers/date-time-picker/types.d.ts +25 -32
  151. package/dist/components/ui/core/date-time-pickers/date-time-picker/types.js +3 -0
  152. package/dist/components/ui/core/date-time-pickers/date-time-picker/types.js.map +1 -0
  153. package/dist/components/ui/core/date-time-pickers/date-time-picker/use-date-time-picker.d.ts +2 -2
  154. package/dist/components/ui/core/date-time-pickers/date-time-picker/use-date-time-picker.js +78 -0
  155. package/dist/components/ui/core/date-time-pickers/date-time-picker/use-date-time-picker.js.map +1 -0
  156. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.d.ts +13 -15
  157. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.js +165 -119
  158. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.js.map +1 -0
  159. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/index.d.ts +3 -3
  160. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/index.js +3 -0
  161. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/index.js.map +1 -0
  162. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/types.d.ts +37 -37
  163. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/types.js +3 -0
  164. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/types.js.map +1 -0
  165. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/use-date-time-range-picker.d.ts +3 -3
  166. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/use-date-time-range-picker.js +163 -104
  167. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/use-date-time-range-picker.js.map +1 -0
  168. package/dist/components/ui/core/date-time-pickers/index.d.ts +17 -12
  169. package/dist/components/ui/core/date-time-pickers/index.js +10 -6
  170. package/dist/components/ui/core/date-time-pickers/index.js.map +1 -0
  171. package/dist/components/ui/core/date-time-pickers/shared/am-pm-scroll/am-pm-scroll.d.ts +5 -5
  172. package/dist/components/ui/core/date-time-pickers/shared/am-pm-scroll/am-pm-scroll.js +52 -42
  173. package/dist/components/ui/core/date-time-pickers/shared/am-pm-scroll/am-pm-scroll.js.map +1 -0
  174. package/dist/components/ui/core/date-time-pickers/shared/constants.d.ts +6 -1
  175. package/dist/components/ui/core/date-time-pickers/shared/constants.js +23 -0
  176. package/dist/components/ui/core/date-time-pickers/shared/constants.js.map +1 -0
  177. package/dist/components/ui/core/date-time-pickers/shared/date-time-input/date-time-input.d.ts +16 -15
  178. package/dist/components/ui/core/date-time-pickers/shared/date-time-input/date-time-input.js +87 -64
  179. package/dist/components/ui/core/date-time-pickers/shared/date-time-input/date-time-input.js.map +1 -0
  180. package/dist/components/ui/core/date-time-pickers/shared/date-time-input/range-input-display.d.ts +10 -9
  181. package/dist/components/ui/core/date-time-pickers/shared/date-time-input/range-input-display.js +89 -38
  182. package/dist/components/ui/core/date-time-pickers/shared/date-time-input/range-input-display.js.map +1 -0
  183. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-popover-state.d.ts +5 -5
  184. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-popover-state.js +34 -23
  185. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-popover-state.js.map +1 -0
  186. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-date-state.d.ts +23 -23
  187. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-date-state.js +95 -52
  188. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-date-state.js.map +1 -0
  189. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-step-manager.d.ts +5 -5
  190. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-step-manager.js +22 -18
  191. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-step-manager.js.map +1 -0
  192. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-single-date-state.d.ts +19 -19
  193. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-single-date-state.js +41 -24
  194. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-single-date-state.js.map +1 -0
  195. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-time-state.d.ts +13 -13
  196. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-time-state.js +33 -24
  197. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-time-state.js.map +1 -0
  198. package/dist/components/ui/core/date-time-pickers/shared/scroll-cell-classes.d.ts +5 -5
  199. package/dist/components/ui/core/date-time-pickers/shared/scroll-cell-classes.js +9 -4
  200. package/dist/components/ui/core/date-time-pickers/shared/scroll-cell-classes.js.map +1 -0
  201. package/dist/components/ui/core/date-time-pickers/shared/shortcuts-panel/shortcuts-panel.d.ts +13 -9
  202. package/dist/components/ui/core/date-time-pickers/shared/shortcuts-panel/shortcuts-panel.js +22 -17
  203. package/dist/components/ui/core/date-time-pickers/shared/shortcuts-panel/shortcuts-panel.js.map +1 -0
  204. package/dist/components/ui/core/date-time-pickers/shared/time-picker-panel/index.d.ts +2 -2
  205. package/dist/components/ui/core/date-time-pickers/shared/time-picker-panel/index.js +3 -0
  206. package/dist/components/ui/core/date-time-pickers/shared/time-picker-panel/index.js.map +1 -0
  207. package/dist/components/ui/core/date-time-pickers/shared/time-picker-panel/time-picker-panel.d.ts +13 -13
  208. package/dist/components/ui/core/date-time-pickers/shared/time-picker-panel/time-picker-panel.js +49 -40
  209. package/dist/components/ui/core/date-time-pickers/shared/time-picker-panel/time-picker-panel.js.map +1 -0
  210. package/dist/components/ui/core/date-time-pickers/shared/time-picker-scroll/time-picker-scroll.d.ts +7 -7
  211. package/dist/components/ui/core/date-time-pickers/shared/time-picker-scroll/time-picker-scroll.js +41 -34
  212. package/dist/components/ui/core/date-time-pickers/shared/time-picker-scroll/time-picker-scroll.js.map +1 -0
  213. package/dist/components/ui/core/date-time-pickers/time-picker/index.d.ts +3 -3
  214. package/dist/components/ui/core/date-time-pickers/time-picker/index.js +3 -0
  215. package/dist/components/ui/core/date-time-pickers/time-picker/index.js.map +1 -0
  216. package/dist/components/ui/core/date-time-pickers/time-picker/time-picker.d.ts +12 -14
  217. package/dist/components/ui/core/date-time-pickers/time-picker/time-picker.js +99 -79
  218. package/dist/components/ui/core/date-time-pickers/time-picker/time-picker.js.map +1 -0
  219. package/dist/components/ui/core/date-time-pickers/time-picker/types.d.ts +20 -20
  220. package/dist/components/ui/core/date-time-pickers/time-picker/types.js +3 -0
  221. package/dist/components/ui/core/date-time-pickers/time-picker/types.js.map +1 -0
  222. package/dist/components/ui/core/date-time-pickers/time-picker/use-time-picker.d.ts +2 -2
  223. package/dist/components/ui/core/date-time-pickers/time-picker/use-time-picker.js +63 -41
  224. package/dist/components/ui/core/date-time-pickers/time-picker/use-time-picker.js.map +1 -0
  225. package/dist/components/ui/core/date-time-pickers/time-range-picker/index.d.ts +3 -1
  226. package/dist/components/ui/core/date-time-pickers/time-range-picker/index.js +3 -0
  227. package/dist/components/ui/core/date-time-pickers/time-range-picker/index.js.map +1 -0
  228. package/dist/components/ui/core/date-time-pickers/time-range-picker/time-range-picker.d.ts +14 -0
  229. package/dist/components/ui/core/date-time-pickers/time-range-picker/time-range-picker.js +115 -0
  230. package/dist/components/ui/core/date-time-pickers/time-range-picker/time-range-picker.js.map +1 -0
  231. package/dist/components/ui/core/date-time-pickers/time-range-picker/types.d.ts +30 -36
  232. package/dist/components/ui/core/date-time-pickers/time-range-picker/types.js +3 -0
  233. package/dist/components/ui/core/date-time-pickers/time-range-picker/types.js.map +1 -0
  234. package/dist/components/ui/core/date-time-pickers/time-range-picker/use-time-range-picker.d.ts +2 -2
  235. package/dist/components/ui/core/date-time-pickers/time-range-picker/use-time-range-picker.js +145 -0
  236. package/dist/components/ui/core/date-time-pickers/time-range-picker/use-time-range-picker.js.map +1 -0
  237. package/dist/components/ui/core/date-time-pickers/utils/date-input.d.ts +56 -0
  238. package/dist/components/ui/core/date-time-pickers/utils/date-input.js +67 -0
  239. package/dist/components/ui/core/date-time-pickers/utils/date-input.js.map +1 -0
  240. package/dist/components/ui/core/date-time-pickers/utils/date-range-utils.d.ts +18 -18
  241. package/dist/components/ui/core/date-time-pickers/utils/date-range-utils.js +42 -0
  242. package/dist/components/ui/core/date-time-pickers/utils/date-range-utils.js.map +1 -0
  243. package/dist/components/ui/core/date-time-pickers/utils/format-utils.d.ts +31 -29
  244. package/dist/components/ui/core/date-time-pickers/utils/format-utils.js +56 -0
  245. package/dist/components/ui/core/date-time-pickers/utils/format-utils.js.map +1 -0
  246. package/dist/components/ui/core/date-time-pickers/utils/segment-utils.d.ts +21 -21
  247. package/dist/components/ui/core/date-time-pickers/utils/segment-utils.js +170 -0
  248. package/dist/components/ui/core/date-time-pickers/utils/segment-utils.js.map +1 -0
  249. package/dist/components/ui/core/date-time-pickers/utils/time-utils.d.ts +28 -28
  250. package/dist/components/ui/core/date-time-pickers/utils/time-utils.js +88 -7
  251. package/dist/components/ui/core/date-time-pickers/utils/time-utils.js.map +1 -0
  252. package/dist/components/ui/core/date-time-pickers/utils/time-validation.d.ts +17 -17
  253. package/dist/components/ui/core/date-time-pickers/utils/time-validation.js +43 -0
  254. package/dist/components/ui/core/date-time-pickers/utils/time-validation.js.map +1 -0
  255. package/dist/components/ui/core/dialog/dialog.d.ts +12 -9
  256. package/dist/components/ui/core/dialog/dialog.js +90 -82
  257. package/dist/components/ui/core/dialog/dialog.js.map +1 -0
  258. package/dist/components/ui/core/dropdown-menu/dropdown-menu.d.ts +22 -19
  259. package/dist/components/ui/core/dropdown-menu/dropdown-menu.js +204 -149
  260. package/dist/components/ui/core/dropdown-menu/dropdown-menu.js.map +1 -0
  261. package/dist/components/ui/core/empty-state/empty-state.context.d.ts +4 -4
  262. package/dist/components/ui/core/empty-state/empty-state.context.js +8 -5
  263. package/dist/components/ui/core/empty-state/empty-state.context.js.map +1 -0
  264. package/dist/components/ui/core/empty-state/empty-state.d.ts +14 -14
  265. package/dist/components/ui/core/empty-state/empty-state.js +96 -82
  266. package/dist/components/ui/core/empty-state/empty-state.js.map +1 -0
  267. package/dist/components/ui/core/helper-text/helper-text.d.ts +7 -7
  268. package/dist/components/ui/core/helper-text/helper-text.js +55 -36
  269. package/dist/components/ui/core/helper-text/helper-text.js.map +1 -0
  270. package/dist/components/ui/core/hover-card/hover-card.d.ts +7 -6
  271. package/dist/components/ui/core/hover-card/hover-card.js +56 -52
  272. package/dist/components/ui/core/hover-card/hover-card.js.map +1 -0
  273. package/dist/components/ui/core/inline-citation/inline-citation.d.ts +26 -25
  274. package/dist/components/ui/core/inline-citation/inline-citation.js +121 -97
  275. package/dist/components/ui/core/inline-citation/inline-citation.js.map +1 -0
  276. package/dist/components/ui/core/input/input.d.ts +2 -2
  277. package/dist/components/ui/core/input/input.js +15 -13
  278. package/dist/components/ui/core/input/input.js.map +1 -0
  279. package/dist/components/ui/core/input-group/input-group.d.ts +25 -14
  280. package/dist/components/ui/core/input-group/input-group.js +149 -76
  281. package/dist/components/ui/core/input-group/input-group.js.map +1 -0
  282. package/dist/components/ui/core/item/item.d.ts +20 -0
  283. package/dist/components/ui/core/item/item.js +93 -0
  284. package/dist/components/ui/core/item/item.js.map +1 -0
  285. package/dist/components/ui/core/kbd/kbd.d.ts +3 -3
  286. package/dist/components/ui/core/kbd/kbd.js +24 -20
  287. package/dist/components/ui/core/kbd/kbd.js.map +1 -0
  288. package/dist/components/ui/core/label/label.d.ts +3 -3
  289. package/dist/components/ui/core/label/label.js +33 -26
  290. package/dist/components/ui/core/label/label.js.map +1 -0
  291. package/dist/components/ui/core/loader/loader.d.ts +6 -6
  292. package/dist/components/ui/core/loader/loader.js +97 -80
  293. package/dist/components/ui/core/loader/loader.js.map +1 -0
  294. package/dist/components/ui/core/message/message-response-default-streamdown-controls.d.ts +9 -9
  295. package/dist/components/ui/core/message/message-response-default-streamdown-controls.js +19 -12
  296. package/dist/components/ui/core/message/message-response-default-streamdown-controls.js.map +1 -0
  297. package/dist/components/ui/core/message/message-response-math-plugin.d.ts +3 -0
  298. package/dist/components/ui/core/message/message-response-math-plugin.js +6 -0
  299. package/dist/components/ui/core/message/message-response-math-plugin.js.map +1 -0
  300. package/dist/components/ui/core/message/message.d.ts +27 -23
  301. package/dist/components/ui/core/message/message.js +453 -316
  302. package/dist/components/ui/core/message/message.js.map +1 -0
  303. package/dist/components/ui/core/overflow-list/overflow-list.d.ts +21 -0
  304. package/dist/components/ui/core/overflow-list/overflow-list.js +197 -0
  305. package/dist/components/ui/core/overflow-list/overflow-list.js.map +1 -0
  306. package/dist/components/ui/core/overflow-list/overflow-list.utils.d.ts +37 -35
  307. package/dist/components/ui/core/overflow-list/overflow-list.utils.js +206 -0
  308. package/dist/components/ui/core/overflow-list/overflow-list.utils.js.map +1 -0
  309. package/dist/components/ui/core/pagination/pagination-size-context.d.ts +2 -2
  310. package/dist/components/ui/core/pagination/pagination-size-context.js +6 -5
  311. package/dist/components/ui/core/pagination/pagination-size-context.js.map +1 -0
  312. package/dist/components/ui/core/pagination/pagination-teleport.d.ts +9 -9
  313. package/dist/components/ui/core/pagination/pagination-teleport.js +127 -84
  314. package/dist/components/ui/core/pagination/pagination-teleport.js.map +1 -0
  315. package/dist/components/ui/core/pagination/pagination-teleport.utils.js +6 -6
  316. package/dist/components/ui/core/pagination/pagination-teleport.utils.js.map +1 -0
  317. package/dist/components/ui/core/pagination/pagination.d.ts +39 -39
  318. package/dist/components/ui/core/pagination/pagination.js +294 -234
  319. package/dist/components/ui/core/pagination/pagination.js.map +1 -0
  320. package/dist/components/ui/core/popover/popover.d.ts +12 -11
  321. package/dist/components/ui/core/popover/popover.js +104 -89
  322. package/dist/components/ui/core/popover/popover.js.map +1 -0
  323. package/dist/components/ui/core/progress/progress.d.ts +9 -8
  324. package/dist/components/ui/core/progress/progress.js +50 -35
  325. package/dist/components/ui/core/progress/progress.js.map +1 -0
  326. package/dist/components/ui/core/prompt-input/prompt-input.d.ts +27 -27
  327. package/dist/components/ui/core/prompt-input/prompt-input.js +342 -271
  328. package/dist/components/ui/core/prompt-input/prompt-input.js.map +1 -0
  329. package/dist/components/ui/core/radio-group/radio-group.d.ts +12 -12
  330. package/dist/components/ui/core/radio-group/radio-group.js +88 -58
  331. package/dist/components/ui/core/radio-group/radio-group.js.map +1 -0
  332. package/dist/components/ui/core/reasoning/reasoning.d.ts +7 -7
  333. package/dist/components/ui/core/reasoning/reasoning.js +68 -56
  334. package/dist/components/ui/core/reasoning/reasoning.js.map +1 -0
  335. package/dist/components/ui/core/scroll-area/scroll-area.d.ts +4 -4
  336. package/dist/components/ui/core/scroll-area/scroll-area.js +50 -40
  337. package/dist/components/ui/core/scroll-area/scroll-area.js.map +1 -0
  338. package/dist/components/ui/core/search/search.d.ts +8 -8
  339. package/dist/components/ui/core/search/search.js +122 -76
  340. package/dist/components/ui/core/search/search.js.map +1 -0
  341. package/dist/components/ui/core/segmented-control/segmented-control.d.ts +10 -10
  342. package/dist/components/ui/core/segmented-control/segmented-control.js +203 -149
  343. package/dist/components/ui/core/segmented-control/segmented-control.js.map +1 -0
  344. package/dist/components/ui/core/select/select.d.ts +27 -26
  345. package/dist/components/ui/core/select/select.js +213 -168
  346. package/dist/components/ui/core/select/select.js.map +1 -0
  347. package/dist/components/ui/core/separator/separator.d.ts +2 -2
  348. package/dist/components/ui/core/separator/separator.js +13 -13
  349. package/dist/components/ui/core/separator/separator.js.map +1 -0
  350. package/dist/components/ui/core/shimmer/shimmer.d.ts +8 -8
  351. package/dist/components/ui/core/shimmer/shimmer.js +64 -40
  352. package/dist/components/ui/core/shimmer/shimmer.js.map +1 -0
  353. package/dist/components/ui/core/skeleton/skeleton.d.ts +2 -2
  354. package/dist/components/ui/core/skeleton/skeleton.js +13 -13
  355. package/dist/components/ui/core/skeleton/skeleton.js.map +1 -0
  356. package/dist/components/ui/core/slider/slider.d.ts +7 -7
  357. package/dist/components/ui/core/slider/slider.js +51 -39
  358. package/dist/components/ui/core/slider/slider.js.map +1 -0
  359. package/dist/components/ui/core/sonner-toast/sonner-toast.d.ts +2 -2
  360. package/dist/components/ui/core/sonner-toast/sonner-toast.js +67 -54
  361. package/dist/components/ui/core/sonner-toast/sonner-toast.js.map +1 -0
  362. package/dist/components/ui/core/sources/sources.d.ts +12 -12
  363. package/dist/components/ui/core/sources/sources.js +87 -58
  364. package/dist/components/ui/core/sources/sources.js.map +1 -0
  365. package/dist/components/ui/core/switch/switch.d.ts +9 -9
  366. package/dist/components/ui/core/switch/switch.js +83 -61
  367. package/dist/components/ui/core/switch/switch.js.map +1 -0
  368. package/dist/components/ui/core/switch/switch.metadata.d.ts +1 -1
  369. package/dist/components/ui/core/switch/switch.metadata.js +8 -0
  370. package/dist/components/ui/core/switch/switch.metadata.js.map +1 -0
  371. package/dist/components/ui/core/tabs/tabs.d.ts +20 -18
  372. package/dist/components/ui/core/tabs/tabs.js +176 -147
  373. package/dist/components/ui/core/tabs/tabs.js.map +1 -0
  374. package/dist/components/ui/core/tabs/tabs.utils.d.ts +1 -1
  375. package/dist/components/ui/core/tabs/tabs.utils.js +10 -6
  376. package/dist/components/ui/core/tabs/tabs.utils.js.map +1 -0
  377. package/dist/components/ui/core/textarea/textarea.d.ts +2 -2
  378. package/dist/components/ui/core/textarea/textarea.js +13 -13
  379. package/dist/components/ui/core/textarea/textarea.js.map +1 -0
  380. package/dist/components/ui/core/toggle/toggle.d.ts +9 -9
  381. package/dist/components/ui/core/toggle/toggle.js +60 -54
  382. package/dist/components/ui/core/toggle/toggle.js.map +1 -0
  383. package/dist/components/ui/core/tool/tool.d.ts +18 -18
  384. package/dist/components/ui/core/tool/tool.js +167 -126
  385. package/dist/components/ui/core/tool/tool.js.map +1 -0
  386. package/dist/components/ui/core/toolbar/toolbar.d.ts +37 -0
  387. package/dist/components/ui/core/toolbar/toolbar.js +171 -0
  388. package/dist/components/ui/core/toolbar/toolbar.js.map +1 -0
  389. package/dist/components/ui/core/tooltip/tooltip.d.ts +8 -7
  390. package/dist/components/ui/core/tooltip/tooltip.js +53 -46
  391. package/dist/components/ui/core/tooltip/tooltip.js.map +1 -0
  392. package/dist/components/ui/core/topbar/topbar.d.ts +26 -26
  393. package/dist/components/ui/core/topbar/topbar.js +160 -105
  394. package/dist/components/ui/core/topbar/topbar.js.map +1 -0
  395. package/dist/components/ui/core/tree/tree.d.ts +20 -0
  396. package/dist/components/ui/core/tree/tree.js +100 -0
  397. package/dist/components/ui/core/tree/tree.js.map +1 -0
  398. package/dist/eslint/index.d.ts +5 -5
  399. package/dist/eslint/index.js +9 -5
  400. package/dist/eslint/index.js.map +1 -0
  401. package/dist/eslint/no-overriding-styles.d.ts +1 -1
  402. package/dist/eslint/no-overriding-styles.js +341 -201
  403. package/dist/eslint/no-overriding-styles.js.map +1 -0
  404. package/dist/icons/index.d.ts +1 -1
  405. package/dist/icons/index.js +2 -0
  406. package/dist/icons/index.js.map +1 -0
  407. package/dist/index.d.ts +1 -1
  408. package/dist/index.js +3 -0
  409. package/dist/index.js.map +1 -0
  410. package/dist/lib/ai/types.d.ts +43 -43
  411. package/dist/lib/ai/types.js +3 -0
  412. package/dist/lib/ai/types.js.map +1 -0
  413. package/dist/lib/decorative-variant-classes.d.ts +53 -0
  414. package/dist/lib/decorative-variant-classes.js +58 -0
  415. package/dist/lib/decorative-variant-classes.js.map +1 -0
  416. package/dist/lib/highlight-code.d.ts +11 -8
  417. package/dist/lib/highlight-code.js +58 -40
  418. package/dist/lib/highlight-code.js.map +1 -0
  419. package/dist/lib/portal-container-context.d.ts +1 -1
  420. package/dist/lib/portal-container-context.js +8 -8
  421. package/dist/lib/portal-container-context.js.map +1 -0
  422. package/dist/lib/shared-theme-from-url.d.ts +13 -0
  423. package/dist/lib/shared-theme-from-url.js +61 -0
  424. package/dist/lib/shared-theme-from-url.js.map +1 -0
  425. package/dist/lib/style-scope.d.ts +2 -2
  426. package/dist/lib/style-scope.js +6 -6
  427. package/dist/lib/style-scope.js.map +1 -0
  428. package/dist/lib/theme-share-url.d.ts +31 -0
  429. package/dist/lib/theme-share-url.js +116 -0
  430. package/dist/lib/theme-share-url.js.map +1 -0
  431. package/dist/lib/types.d.ts +39 -39
  432. package/dist/lib/types.js +3 -0
  433. package/dist/lib/types.js.map +1 -0
  434. package/dist/lib/use-controllable-state.d.ts +4 -7
  435. package/dist/lib/use-controllable-state.js +34 -21
  436. package/dist/lib/use-controllable-state.js.map +1 -0
  437. package/dist/lib/utils.d.ts +63 -34
  438. package/dist/lib/utils.js +134 -32
  439. package/dist/lib/utils.js.map +1 -0
  440. package/dist/styles.css +2 -1
  441. package/dist/styles.source.css +24 -12
  442. package/dist/utils/assign-ref.d.ts +3 -0
  443. package/dist/utils/assign-ref.js +13 -0
  444. package/dist/utils/assign-ref.js.map +1 -0
  445. package/package.json +46 -11
  446. package/src/components/ui/core/button/button.md +93 -0
@@ -1,68 +1,97 @@
1
- import { cn as e } from "../../../../lib/utils.js";
2
- import { CalendarHeader as t } from "./calendar-header.js";
3
- import { getCalendarDays as n, getWeekNumbers as r, getWeekdayNames as i, isDateInRange as a, isOutsideMonth as o, isSameDay as s, isToday as c } from "./calendar-utils.js";
4
- import l from "react";
5
- import { jsx as u, jsxs as d } from "react/jsx-runtime";
6
- //#region libs/aura/src/components/ui/core/calendar/calendar.tsx
7
- function f({ isOutsideMonth: t, isSelected: n, isToday: r, isRangeStart: i, isRangeEnd: a, isInRange: o, isInHoverRange: s }) {
8
- return e("w-9 h-9 flex items-center justify-center text-sm font-medium cursor-pointer select-none relative transition-colors", "focus-visible:ring-2 focus-visible:ring-border focus-visible:outline-none", i && a && "rounded-lg", i && !a && "rounded-l-lg", a && !i && "rounded-r-lg", n && "bg-primary-background text-foreground-on-primary hover:bg-primary-background", !n && t && "text-muted-foreground/50", !n && !t && (o || s) ? "text-foreground" : !n && !t && "text-secondary-foreground", !n && (o || s) && "bg-accent-background", !n && "hover:bg-accent-background hover:rounded-lg hover:text-foreground", r && !n && "border border-border rounded-lg");
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import React from "react";
3
+ import { cn } from "../../../../lib/utils.js";
4
+ import { CalendarHeader } from "./calendar-header.js";
5
+ import { getCalendarDays, getWeekdayNames, getWeekNumbers, isDateInRange, isOutsideMonth, isSameDay, isToday } from "./calendar-utils.js";
6
+ import { DAYS_IN_WEEK } from "./constants.js";
7
+ function getDayCellClass({ isOutsideMonth: outside, isSelected, isToday: today, isRangeStart, isRangeEnd, isInRange, isInHoverRange }) {
8
+ return cn('w-9 h-9 flex items-center justify-center text-sm font-medium cursor-pointer select-none relative transition-colors', 'focus-visible:ring-2 focus-visible:ring-default focus-visible:outline-none', // border-radius for range endpoints
9
+ isRangeStart && isRangeEnd && 'rounded-lg', isRangeStart && !isRangeEnd && 'rounded-l-lg', isRangeEnd && !isRangeStart && 'rounded-r-lg', // selected endpoints
10
+ isSelected && 'bg-primary-background text-primary-foreground hover:bg-primary-background', // hover range preview
11
+ !isSelected && isInHoverRange && 'bg-medium-background-hover text-medium-foreground', // committed range middle
12
+ !isSelected && isInRange && !isInHoverRange && 'bg-medium-background-hover text-medium-foreground', // default unselected text
13
+ !isSelected && !isInRange && !isInHoverRange && outside && 'text-muted-foreground', !isSelected && !isInRange && !isInHoverRange && !outside && 'text-medium-foreground', // single-day hover (not already filled by range state)
14
+ !isSelected && !isInRange && !isInHoverRange && 'rounded-lg hover:bg-medium-background-hover hover:text-medium-foreground', // today outline
15
+ today && !isSelected && 'border border-default rounded-lg');
9
16
  }
10
- var p = ({ displayedMonth: p, selectedRange: m, hoverDate: h, displayWeekNumber: g = !1, onDateClick: _, onMonthChange: v, onDateHover: y, className: b }) => {
11
- let [x, S] = m, C = n(p), w = i(), T = g ? r(C) : [], E = () => {
12
- v(p.subtract(1, "month"));
13
- }, D = () => {
14
- v(p.add(1, "month"));
15
- }, O = (e) => {
16
- let t = {
17
- isOutsideMonth: o(e, p),
18
- isToday: c(e),
19
- isSelected: s(e, x) || s(e, S),
20
- isRangeStart: s(e, x),
21
- isRangeEnd: s(e, S),
22
- isInRange: a(e, x, S),
23
- isInHoverRange: !1
24
- };
25
- return h && x && !S && (t.isInHoverRange = a(e, x.isBefore(h) ? x : h, x.isBefore(h) ? h : x)), t;
26
- };
27
- return /* @__PURE__ */ d("div", {
28
- "data-slot": "calendar",
29
- className: e("flex flex-col gap-4", b),
30
- children: [/* @__PURE__ */ u(t, {
31
- displayedMonth: p,
32
- onPrevMonth: E,
33
- onNextMonth: D,
34
- onMonthChange: v
35
- }), /* @__PURE__ */ d("div", {
36
- className: e("grid gap-0", g ? "grid-cols-calendar-weeks" : "grid-cols-calendar"),
37
- children: [
38
- g && /* @__PURE__ */ u("div", {
39
- className: "text-xs font-semibold text-muted-foreground text-center py-2 px-1",
40
- children: "#"
41
- }),
42
- w.map((e) => /* @__PURE__ */ u("div", {
43
- className: "text-xs font-medium text-muted-foreground text-center py-2 px-1 tracking-tighter",
44
- children: e
45
- }, e)),
46
- C.map((e, t) => {
47
- let n = O(e), r = Math.floor(t / 7), i = g && t % 7 == 0, a = `day-${e.format("YYYY-MM-DD")}`;
48
- return /* @__PURE__ */ d(l.Fragment, { children: [i && /* @__PURE__ */ u("div", {
49
- className: "text-xs text-muted-foreground text-center flex items-center justify-center h-9",
50
- children: T[r]
51
- }), /* @__PURE__ */ u("div", {
52
- className: f(n),
53
- onClick: () => _(e),
54
- onMouseEnter: () => y?.(e),
55
- onMouseLeave: () => y?.(null),
56
- role: "gridcell",
57
- tabIndex: 0,
58
- "aria-label": e.format("DD MMMM YYYY"),
59
- "aria-selected": n.isSelected,
60
- children: e.date()
61
- })] }, a);
62
- })
63
- ]
64
- })]
65
- });
17
+ export const Calendar = ({ displayedMonth, selectedRange, hoverDate, displayWeekNumber = false, onDateClick, onMonthChange, onDateHover, className })=>{
18
+ const [startDate, endDate] = selectedRange;
19
+ const calendarDays = getCalendarDays(displayedMonth);
20
+ const weekdayNames = getWeekdayNames();
21
+ const weekNumbers = displayWeekNumber ? getWeekNumbers(calendarDays) : [];
22
+ const handlePrevMonth = ()=>{
23
+ onMonthChange(displayedMonth.subtract(1, 'month'));
24
+ };
25
+ const handleNextMonth = ()=>{
26
+ onMonthChange(displayedMonth.add(1, 'month'));
27
+ };
28
+ const getDayState = (day)=>{
29
+ const state = {
30
+ isOutsideMonth: isOutsideMonth(day, displayedMonth),
31
+ isToday: isToday(day),
32
+ isSelected: isSameDay(day, startDate) || isSameDay(day, endDate),
33
+ isRangeStart: isSameDay(day, startDate),
34
+ isRangeEnd: isSameDay(day, endDate),
35
+ isInRange: isDateInRange(day, startDate, endDate),
36
+ isInHoverRange: false
37
+ };
38
+ if (hoverDate && startDate && !endDate) {
39
+ const hoverStart = startDate.isBefore(hoverDate) ? startDate : hoverDate;
40
+ const hoverEnd = startDate.isBefore(hoverDate) ? hoverDate : startDate;
41
+ state.isInHoverRange = isDateInRange(day, hoverStart, hoverEnd);
42
+ }
43
+ return state;
44
+ };
45
+ return /*#__PURE__*/ _jsxs("div", {
46
+ "data-slot": "calendar",
47
+ className: cn('flex flex-col gap-4', className),
48
+ children: [
49
+ /*#__PURE__*/ _jsx(CalendarHeader, {
50
+ displayedMonth: displayedMonth,
51
+ onPrevMonth: handlePrevMonth,
52
+ onNextMonth: handleNextMonth,
53
+ onMonthChange: onMonthChange
54
+ }),
55
+ /*#__PURE__*/ _jsxs("div", {
56
+ className: cn('grid gap-0', displayWeekNumber ? 'grid-cols-calendar-weeks' : 'grid-cols-calendar'),
57
+ children: [
58
+ displayWeekNumber && /*#__PURE__*/ _jsx("div", {
59
+ className: "text-xs font-semibold text-muted-foreground text-center py-2 px-1",
60
+ children: "#"
61
+ }),
62
+ weekdayNames.map((weekday)=>/*#__PURE__*/ _jsx("div", {
63
+ className: "text-xs font-medium text-muted-foreground text-center py-2 px-1 tracking-tighter",
64
+ children: weekday
65
+ }, weekday)),
66
+ calendarDays.map((day, index)=>{
67
+ const state = getDayState(day);
68
+ const weekIndex = Math.floor(index / DAYS_IN_WEEK);
69
+ const showWeekNumber = displayWeekNumber && index % DAYS_IN_WEEK === 0;
70
+ const dayKey = `day-${day.format('YYYY-MM-DD')}`;
71
+ return /*#__PURE__*/ _jsxs(React.Fragment, {
72
+ children: [
73
+ showWeekNumber && /*#__PURE__*/ _jsx("div", {
74
+ className: "text-xs text-muted-foreground text-center flex items-center justify-center h-9",
75
+ children: weekNumbers[weekIndex]
76
+ }),
77
+ /*#__PURE__*/ _jsx("div", {
78
+ className: getDayCellClass(state),
79
+ onClick: ()=>onDateClick(day),
80
+ onMouseEnter: ()=>onDateHover?.(day),
81
+ onMouseLeave: ()=>onDateHover?.(null),
82
+ role: "gridcell",
83
+ tabIndex: 0,
84
+ "aria-label": day.format('DD MMMM YYYY'),
85
+ "aria-selected": state.isSelected,
86
+ children: day.date()
87
+ })
88
+ ]
89
+ }, dayKey);
90
+ })
91
+ ]
92
+ })
93
+ ]
94
+ });
66
95
  };
67
- //#endregion
68
- export { p as Calendar };
96
+
97
+ //# sourceMappingURL=calendar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/components/ui/core/calendar/calendar.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport type { Dayjs } from 'dayjs';\n\nimport { cn } from '../../../../lib/utils';\n\nimport { CalendarHeader } from './calendar-header';\nimport {\n getCalendarDays,\n getWeekdayNames,\n getWeekNumbers,\n isDateInRange,\n isOutsideMonth,\n isSameDay,\n isToday,\n} from './calendar-utils';\nimport { DAYS_IN_WEEK } from './constants';\n\nexport interface CalendarProps {\n displayedMonth: Dayjs;\n selectedRange: [Dayjs | null, Dayjs | null];\n hoverDate: Dayjs | null;\n displayWeekNumber?: boolean;\n onDateClick: (date: Dayjs) => void;\n onMonthChange: (month: Dayjs) => void;\n onDateHover?: (date: Dayjs | null) => void;\n className?: string;\n}\n\ninterface DayCellState {\n isOutsideMonth: boolean;\n isToday: boolean;\n isSelected: boolean;\n isRangeStart: boolean;\n isRangeEnd: boolean;\n isInRange: boolean;\n isInHoverRange: boolean;\n}\n\nfunction getDayCellClass({\n isOutsideMonth: outside,\n isSelected,\n isToday: today,\n isRangeStart,\n isRangeEnd,\n isInRange,\n isInHoverRange,\n}: DayCellState): string {\n return cn(\n 'w-9 h-9 flex items-center justify-center text-sm font-medium cursor-pointer select-none relative transition-colors',\n 'focus-visible:ring-2 focus-visible:ring-default focus-visible:outline-none',\n // border-radius for range endpoints\n isRangeStart && isRangeEnd && 'rounded-lg',\n isRangeStart && !isRangeEnd && 'rounded-l-lg',\n isRangeEnd && !isRangeStart && 'rounded-r-lg',\n // selected endpoints\n isSelected &&\n 'bg-primary-background text-primary-foreground hover:bg-primary-background',\n // hover range preview\n !isSelected &&\n isInHoverRange &&\n 'bg-medium-background-hover text-medium-foreground',\n // committed range middle\n !isSelected &&\n isInRange &&\n !isInHoverRange &&\n 'bg-medium-background-hover text-medium-foreground',\n // default unselected text\n !isSelected &&\n !isInRange &&\n !isInHoverRange &&\n outside &&\n 'text-muted-foreground',\n !isSelected &&\n !isInRange &&\n !isInHoverRange &&\n !outside &&\n 'text-medium-foreground',\n // single-day hover (not already filled by range state)\n !isSelected &&\n !isInRange &&\n !isInHoverRange &&\n 'rounded-lg hover:bg-medium-background-hover hover:text-medium-foreground',\n // today outline\n today && !isSelected && 'border border-default rounded-lg'\n );\n}\n\nexport const Calendar: FC<CalendarProps> = ({\n displayedMonth,\n selectedRange,\n hoverDate,\n displayWeekNumber = false,\n onDateClick,\n onMonthChange,\n onDateHover,\n className,\n}) => {\n const [startDate, endDate] = selectedRange;\n\n const calendarDays = getCalendarDays(displayedMonth);\n const weekdayNames = getWeekdayNames();\n const weekNumbers = displayWeekNumber ? getWeekNumbers(calendarDays) : [];\n\n const handlePrevMonth = () => {\n onMonthChange(displayedMonth.subtract(1, 'month'));\n };\n\n const handleNextMonth = () => {\n onMonthChange(displayedMonth.add(1, 'month'));\n };\n\n const getDayState = (day: Dayjs): DayCellState => {\n const state: DayCellState = {\n isOutsideMonth: isOutsideMonth(day, displayedMonth),\n isToday: isToday(day),\n isSelected: isSameDay(day, startDate) || isSameDay(day, endDate),\n isRangeStart: isSameDay(day, startDate),\n isRangeEnd: isSameDay(day, endDate),\n isInRange: isDateInRange(day, startDate, endDate),\n isInHoverRange: false,\n };\n\n if (hoverDate && startDate && !endDate) {\n const hoverStart = startDate.isBefore(hoverDate) ? startDate : hoverDate;\n const hoverEnd = startDate.isBefore(hoverDate) ? hoverDate : startDate;\n state.isInHoverRange = isDateInRange(day, hoverStart, hoverEnd);\n }\n\n return state;\n };\n\n return (\n <div data-slot=\"calendar\" className={cn('flex flex-col gap-4', className)}>\n <CalendarHeader\n displayedMonth={displayedMonth}\n onPrevMonth={handlePrevMonth}\n onNextMonth={handleNextMonth}\n onMonthChange={onMonthChange}\n />\n\n <div\n className={cn(\n 'grid gap-0',\n displayWeekNumber ? 'grid-cols-calendar-weeks' : 'grid-cols-calendar'\n )}\n >\n {displayWeekNumber && (\n <div className=\"text-xs font-semibold text-muted-foreground text-center py-2 px-1\">\n #\n </div>\n )}\n\n {weekdayNames.map((weekday) => (\n <div\n key={weekday}\n className=\"text-xs font-medium text-muted-foreground text-center py-2 px-1 tracking-tighter\"\n >\n {weekday}\n </div>\n ))}\n\n {calendarDays.map((day, index) => {\n const state = getDayState(day);\n const weekIndex = Math.floor(index / DAYS_IN_WEEK);\n const showWeekNumber =\n displayWeekNumber && index % DAYS_IN_WEEK === 0;\n const dayKey = `day-${day.format('YYYY-MM-DD')}`;\n\n return (\n <React.Fragment key={dayKey}>\n {showWeekNumber && (\n <div className=\"text-xs text-muted-foreground text-center flex items-center justify-center h-9\">\n {weekNumbers[weekIndex]}\n </div>\n )}\n <div\n className={getDayCellClass(state)}\n onClick={() => onDateClick(day)}\n onMouseEnter={() => onDateHover?.(day)}\n onMouseLeave={() => onDateHover?.(null)}\n role=\"gridcell\"\n tabIndex={0}\n aria-label={day.format('DD MMMM YYYY')}\n aria-selected={state.isSelected}\n >\n {day.date()}\n </div>\n </React.Fragment>\n );\n })}\n </div>\n </div>\n );\n};\n"],"names":["React","cn","CalendarHeader","getCalendarDays","getWeekdayNames","getWeekNumbers","isDateInRange","isOutsideMonth","isSameDay","isToday","DAYS_IN_WEEK","getDayCellClass","outside","isSelected","today","isRangeStart","isRangeEnd","isInRange","isInHoverRange","Calendar","displayedMonth","selectedRange","hoverDate","displayWeekNumber","onDateClick","onMonthChange","onDateHover","className","startDate","endDate","calendarDays","weekdayNames","weekNumbers","handlePrevMonth","subtract","handleNextMonth","add","getDayState","day","state","hoverStart","isBefore","hoverEnd","div","data-slot","onPrevMonth","onNextMonth","map","weekday","index","weekIndex","Math","floor","showWeekNumber","dayKey","format","Fragment","onClick","onMouseEnter","onMouseLeave","role","tabIndex","aria-label","aria-selected","date"],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export const DAYS_IN_WEEK = 7;
2
+
3
+ //# sourceMappingURL=constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/components/ui/core/calendar/constants.ts"],"sourcesContent":["export const DAYS_IN_WEEK = 7;\n"],"names":["DAYS_IN_WEEK"],"mappings":"AAAA,OAAO,MAAMA,eAAe,EAAE"}
@@ -1,21 +1,21 @@
1
- import { ForwardRefExoticComponent, RefAttributes, ComponentProps, ReactNode } from 'react';
2
- import { MenuRoot } from '@base-ui/react';
3
- type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
4
- declare const Card: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
5
- declare const CardHeaderStart: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
6
- declare const CardTitle: ForwardRefExoticComponent<Omit<ComponentProps<'h3'> & {
7
- as?: HeadingElement;
8
- }, 'ref'> & RefAttributes<HTMLHeadingElement>>;
9
- declare const CardDescription: ForwardRefExoticComponent<ComponentProps<'p'> & RefAttributes<HTMLParagraphElement>>;
10
- declare const CardHeaderEnd: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
11
- declare const CardHeader: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
12
- declare const CardHeaderCenter: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
13
- declare const CardActions: ForwardRefExoticComponent<Omit<MenuRoot.Props<unknown>, 'children'> & {
14
- children?: ReactNode;
15
- align?: 'start' | 'center' | 'end';
1
+ import { type ForwardRefExoticComponent, type RefAttributes, type ComponentProps, type ReactNode } from "react";
2
+ import type { MenuRoot } from "@base-ui/react";
3
+ type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
4
+ declare const Card: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
5
+ declare const CardHeaderStart: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
6
+ declare const CardTitle: ForwardRefExoticComponent<Omit<ComponentProps<"h3"> & {
7
+ as?: HeadingElement;
8
+ }, "ref"> & RefAttributes<HTMLHeadingElement>>;
9
+ declare const CardDescription: ForwardRefExoticComponent<ComponentProps<"p"> & RefAttributes<HTMLParagraphElement>>;
10
+ declare const CardHeaderEnd: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
11
+ declare const CardHeader: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
12
+ declare const CardHeaderCenter: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
13
+ declare const CardActions: ForwardRefExoticComponent<Omit<MenuRoot.Props<unknown>, "children"> & {
14
+ children?: ReactNode;
15
+ align?: "start" | "center" | "end";
16
16
  } & RefAttributes<HTMLElement>>;
17
- declare const CardContent: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
18
- declare const CardFooter: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
19
- declare const CardFooterStart: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
20
- declare const CardFooterEnd: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
21
- export { Card, CardHeader, CardHeaderCenter, CardHeaderStart, CardHeaderEnd, CardFooter, CardFooterStart, CardFooterEnd, CardTitle, CardActions, CardDescription, CardContent, };
17
+ declare const CardContent: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
18
+ declare const CardFooter: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
19
+ declare const CardFooterStart: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
20
+ declare const CardFooterEnd: ForwardRefExoticComponent<ComponentProps<"div"> & RefAttributes<HTMLDivElement>>;
21
+ export { Card, CardHeader, CardHeaderCenter, CardHeaderStart, CardHeaderEnd, CardFooter, CardFooterStart, CardFooterEnd, CardTitle, CardActions, CardDescription, CardContent };
@@ -1,104 +1,133 @@
1
- import { cn as e } from "../../../../lib/utils.js";
2
- import { Button as t } from "../button/button.js";
3
- import { DropdownMenu as n, DropdownMenuContent as r, DropdownMenuTrigger as i } from "../dropdown-menu/dropdown-menu.js";
4
- import { forwardRef as a } from "react";
5
- import { IconDotsVertical as o } from "@tabler/icons-react";
6
- import { jsx as s, jsxs as c } from "react/jsx-runtime";
7
- //#region libs/aura/src/components/ui/core/card/card.tsx
8
- var l = a(({ className: t, ...n }, r) => /* @__PURE__ */ s("div", {
9
- ref: r,
10
- "data-slot": "card",
11
- className: e("bg-card-background text-foreground flex flex-col rounded-xl p-4 gap-4", t),
12
- ...n
13
- }));
14
- l.displayName = "Card";
15
- var u = a(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ s("div", {
16
- ref: i,
17
- "data-slot": "card-header-start",
18
- className: e("col-start-1 row-start-1 h-12 self-stretch pt-1.5", t),
19
- ...r,
20
- children: /* @__PURE__ */ s("div", {
21
- className: "flex items-start h-full",
22
- children: n
23
- })
24
- }));
25
- u.displayName = "CardHeaderStart";
26
- var d = a(({ className: t, as: n = "h3", ...r }, i) => /* @__PURE__ */ s(n, {
27
- ref: i,
28
- "data-slot": "card-title",
29
- className: e("tracking-tightest text-foreground font-medium text-lg leading-6 line-clamp-2 overflow-hidden", t),
30
- ...r
31
- }));
32
- d.displayName = "CardTitle";
33
- var f = a(({ className: t, ...n }, r) => /* @__PURE__ */ s("p", {
34
- ref: r,
35
- "data-slot": "card-description",
36
- className: e("text-muted-foreground text-sm font-normal leading-5 tracking-tight line-clamp-2 overflow-hidden", t),
37
- ...n
38
- }));
39
- f.displayName = "CardDescription";
40
- var p = a(({ className: t, ...n }, r) => /* @__PURE__ */ s("div", {
41
- ref: r,
42
- "data-slot": "card-header-end",
43
- className: e("col-start-3 row-start-1 self-start justify-self-end flex justify-end items-start gap-1", t),
44
- ...n
45
- }));
46
- p.displayName = "CardHeaderEnd";
47
- var m = a(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ s("div", {
48
- ref: i,
49
- "data-slot": "card-header",
50
- className: e("group/card-header @container/card-header grid items-center gap-x-3 grid-cols-[auto_minmax(0,1fr)_auto]", t),
51
- ...r,
52
- children: n
53
- }));
54
- m.displayName = "CardHeader";
55
- var h = a(({ className: t, ...n }, r) => /* @__PURE__ */ s("div", {
56
- ref: r,
57
- "data-slot": "card-header-center",
58
- className: e("col-start-1 row-start-1 min-w-0 flex flex-col justify-center", "group-has-data-[slot=card-header-start]/card-header:col-start-2", t),
59
- ...n
60
- }));
61
- h.displayName = "CardHeaderCenter";
62
- var g = a(({ children: e, align: a = "end", ...l }, u) => /* @__PURE__ */ c(n, {
63
- ...l,
64
- children: [/* @__PURE__ */ s(i, { render: /* @__PURE__ */ s(t, {
65
- variant: "ghost",
66
- size: "icon-sm",
67
- ref: u,
68
- children: /* @__PURE__ */ s(o, {})
69
- }) }), /* @__PURE__ */ s(r, {
70
- align: a,
71
- children: e
72
- })]
73
- }));
74
- g.displayName = "CardActions";
75
- var _ = a(({ className: t, ...n }, r) => /* @__PURE__ */ s("div", {
76
- ref: r,
77
- "data-slot": "card-content",
78
- className: e("text-secondary-foreground flex flex-col items-start gap-4 self-stretch", t),
79
- ...n
80
- }));
81
- _.displayName = "CardContent";
82
- var v = a(({ className: t, ...n }, r) => /* @__PURE__ */ s("div", {
83
- ref: r,
84
- "data-slot": "card-footer",
85
- className: e("flex items-center gap-4 self-stretch", t),
86
- ...n
87
- }));
88
- v.displayName = "CardFooter";
89
- var y = a(({ className: t, ...n }, r) => /* @__PURE__ */ s("div", {
90
- ref: r,
91
- "data-slot": "card-footer-start",
92
- className: e("flex-1 flex items-start justify-start gap-2", t),
93
- ...n
94
- }));
95
- y.displayName = "CardFooterStart";
96
- var b = a(({ className: t, ...n }, r) => /* @__PURE__ */ s("div", {
97
- ref: r,
98
- "data-slot": "card-footer-end",
99
- className: e("flex items-center justify-end", t),
100
- ...n
101
- }));
102
- b.displayName = "CardFooterEnd";
103
- //#endregion
104
- export { l as Card, g as CardActions, _ as CardContent, f as CardDescription, v as CardFooter, b as CardFooterEnd, y as CardFooterStart, m as CardHeader, h as CardHeaderCenter, p as CardHeaderEnd, u as CardHeaderStart, d as CardTitle };
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { forwardRef } from "react";
3
+ import { IconDotsVertical } from "@tabler/icons-react";
4
+ import { cn } from "../../../../lib/utils.js";
5
+ import { Button } from "../button/button.js";
6
+ import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from "../dropdown-menu/dropdown-menu.js";
7
+ const Card = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
8
+ return /*#__PURE__*/ _jsx("div", {
9
+ ref: ref,
10
+ "data-slot": "card",
11
+ className: cn('bg-card-background text-foreground flex flex-col rounded-xl p-4 gap-4', className),
12
+ ...props
13
+ });
14
+ });
15
+ Card.displayName = 'Card';
16
+ const CardHeaderStart = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>{
17
+ return /*#__PURE__*/ _jsx("div", {
18
+ ref: ref,
19
+ "data-slot": "card-header-start",
20
+ className: cn('col-start-1 row-start-1 h-12 self-stretch pt-1.5', className),
21
+ ...props,
22
+ children: /*#__PURE__*/ _jsx("div", {
23
+ className: "flex items-start h-full",
24
+ children: children
25
+ })
26
+ });
27
+ });
28
+ CardHeaderStart.displayName = 'CardHeaderStart';
29
+ const CardTitle = /*#__PURE__*/ forwardRef(({ className, as: Tag = 'h3', ...props }, ref)=>{
30
+ return /*#__PURE__*/ _jsx(Tag, {
31
+ ref: ref,
32
+ "data-slot": "card-title",
33
+ className: cn('tracking-tightest text-foreground font-medium text-lg leading-6 line-clamp-2 overflow-hidden', className),
34
+ ...props
35
+ });
36
+ });
37
+ CardTitle.displayName = 'CardTitle';
38
+ const CardDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
39
+ return /*#__PURE__*/ _jsx("p", {
40
+ ref: ref,
41
+ "data-slot": "card-description",
42
+ className: cn('text-muted-foreground text-sm font-normal leading-5 tracking-tight line-clamp-2 overflow-hidden', className),
43
+ ...props
44
+ });
45
+ });
46
+ CardDescription.displayName = 'CardDescription';
47
+ const CardHeaderEnd = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
48
+ return /*#__PURE__*/ _jsx("div", {
49
+ ref: ref,
50
+ "data-slot": "card-header-end",
51
+ className: cn('col-start-3 row-start-1 self-start justify-self-end flex justify-end items-start gap-1', className),
52
+ ...props
53
+ });
54
+ });
55
+ CardHeaderEnd.displayName = 'CardHeaderEnd';
56
+ const CardHeader = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>{
57
+ return /*#__PURE__*/ _jsx("div", {
58
+ ref: ref,
59
+ "data-slot": "card-header",
60
+ className: cn('group/card-header @container/card-header grid items-center gap-x-3 grid-cols-[auto_minmax(0,1fr)_auto]', className),
61
+ ...props,
62
+ children: children
63
+ });
64
+ });
65
+ CardHeader.displayName = 'CardHeader';
66
+ const CardHeaderCenter = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
67
+ return /*#__PURE__*/ _jsx("div", {
68
+ ref: ref,
69
+ "data-slot": "card-header-center",
70
+ className: cn('col-start-1 row-start-1 min-w-0 flex flex-col justify-center', 'group-has-data-[slot=card-header-start]/card-header:col-start-2', className),
71
+ ...props
72
+ });
73
+ });
74
+ CardHeaderCenter.displayName = 'CardHeaderCenter';
75
+ const CardActions = /*#__PURE__*/ forwardRef(({ children, align = 'end', ...props }, ref)=>{
76
+ return /*#__PURE__*/ _jsxs(DropdownMenu, {
77
+ ...props,
78
+ children: [
79
+ /*#__PURE__*/ _jsx(DropdownMenuTrigger, {
80
+ render: /*#__PURE__*/ _jsx(Button, {
81
+ variant: "ghost",
82
+ size: "icon-sm",
83
+ ref: ref,
84
+ children: /*#__PURE__*/ _jsx(IconDotsVertical, {})
85
+ })
86
+ }),
87
+ /*#__PURE__*/ _jsx(DropdownMenuContent, {
88
+ align: align,
89
+ children: children
90
+ })
91
+ ]
92
+ });
93
+ });
94
+ CardActions.displayName = 'CardActions';
95
+ const CardContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
96
+ return /*#__PURE__*/ _jsx("div", {
97
+ ref: ref,
98
+ "data-slot": "card-content",
99
+ className: cn('text-secondary-foreground flex flex-col items-start gap-4 self-stretch', className),
100
+ ...props
101
+ });
102
+ });
103
+ CardContent.displayName = 'CardContent';
104
+ const CardFooter = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
105
+ return /*#__PURE__*/ _jsx("div", {
106
+ ref: ref,
107
+ "data-slot": "card-footer",
108
+ className: cn('flex items-center gap-4 self-stretch', className),
109
+ ...props
110
+ });
111
+ });
112
+ CardFooter.displayName = 'CardFooter';
113
+ const CardFooterStart = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
114
+ return /*#__PURE__*/ _jsx("div", {
115
+ ref: ref,
116
+ "data-slot": "card-footer-start",
117
+ className: cn('flex-1 flex items-start justify-start gap-2', className),
118
+ ...props
119
+ });
120
+ });
121
+ CardFooterStart.displayName = 'CardFooterStart';
122
+ const CardFooterEnd = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
123
+ return /*#__PURE__*/ _jsx("div", {
124
+ ref: ref,
125
+ "data-slot": "card-footer-end",
126
+ className: cn('flex items-center justify-end', className),
127
+ ...props
128
+ });
129
+ });
130
+ CardFooterEnd.displayName = 'CardFooterEnd';
131
+ export { Card, CardHeader, CardHeaderCenter, CardHeaderStart, CardHeaderEnd, CardFooter, CardFooterStart, CardFooterEnd, CardTitle, CardActions, CardDescription, CardContent };
132
+
133
+ //# sourceMappingURL=card.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/components/ui/core/card/card.tsx"],"sourcesContent":["import {\n type ForwardRefExoticComponent,\n type RefAttributes,\n type ComponentProps,\n type ComponentRef,\n forwardRef,\n type ReactNode,\n} from 'react';\n\nimport type { MenuRoot } from '@base-ui/react';\nimport { IconDotsVertical } from '@tabler/icons-react';\n\nimport { cn } from '../../../../lib/utils';\nimport { Button } from '../button/button';\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuTrigger,\n} from '../dropdown-menu/dropdown-menu';\n\ntype HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nconst Card: ForwardRefExoticComponent<\n ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-slot=\"card\"\n className={cn(\n 'bg-card-background text-foreground flex flex-col rounded-xl p-4 gap-4',\n className\n )}\n {...props}\n />\n );\n }\n);\nCard.displayName = 'Card';\n\nconst CardHeaderStart: ForwardRefExoticComponent<\n ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n ({ className, children, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-slot=\"card-header-start\"\n className={cn(\n 'col-start-1 row-start-1 h-12 self-stretch pt-1.5',\n className\n )}\n {...props}\n >\n <div className=\"flex items-start h-full\">{children}</div>\n </div>\n );\n }\n);\nCardHeaderStart.displayName = 'CardHeaderStart';\n\nconst CardTitle: ForwardRefExoticComponent<\n Omit<\n ComponentProps<'h3'> & {\n as?: HeadingElement;\n },\n 'ref'\n > &\n RefAttributes<HTMLHeadingElement>\n> = forwardRef<\n ComponentRef<'h3'>,\n ComponentProps<'h3'> & { as?: HeadingElement }\n>(({ className, as: Tag = 'h3', ...props }, ref) => {\n return (\n <Tag\n ref={ref}\n data-slot=\"card-title\"\n className={cn(\n 'tracking-tightest text-foreground font-medium text-lg leading-6 line-clamp-2 overflow-hidden',\n className\n )}\n {...props}\n />\n );\n});\nCardTitle.displayName = 'CardTitle';\n\nconst CardDescription: ForwardRefExoticComponent<\n ComponentProps<'p'> & RefAttributes<HTMLParagraphElement>\n> = forwardRef<ComponentRef<'p'>, ComponentProps<'p'>>(\n ({ className, ...props }, ref) => {\n return (\n <p\n ref={ref}\n data-slot=\"card-description\"\n className={cn(\n 'text-muted-foreground text-sm font-normal leading-5 tracking-tight line-clamp-2 overflow-hidden',\n className\n )}\n {...props}\n />\n );\n }\n);\nCardDescription.displayName = 'CardDescription';\n\nconst CardHeaderEnd: ForwardRefExoticComponent<\n ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-slot=\"card-header-end\"\n className={cn(\n 'col-start-3 row-start-1 self-start justify-self-end flex justify-end items-start gap-1',\n className\n )}\n {...props}\n />\n );\n }\n);\nCardHeaderEnd.displayName = 'CardHeaderEnd';\n\nconst CardHeader: ForwardRefExoticComponent<\n ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n ({ className, children, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-slot=\"card-header\"\n className={cn(\n 'group/card-header @container/card-header grid items-center gap-x-3 grid-cols-[auto_minmax(0,1fr)_auto]',\n className\n )}\n {...props}\n >\n {children}\n </div>\n );\n }\n);\nCardHeader.displayName = 'CardHeader';\n\nconst CardHeaderCenter: ForwardRefExoticComponent<\n ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-slot=\"card-header-center\"\n className={cn(\n 'col-start-1 row-start-1 min-w-0 flex flex-col justify-center',\n 'group-has-data-[slot=card-header-start]/card-header:col-start-2',\n className\n )}\n {...props}\n />\n );\n }\n);\nCardHeaderCenter.displayName = 'CardHeaderCenter';\n\nconst CardActions: ForwardRefExoticComponent<\n Omit<MenuRoot.Props<unknown>, 'children'> & {\n children?: ReactNode;\n align?: 'start' | 'center' | 'end';\n } & RefAttributes<HTMLElement>\n> = forwardRef<\n ComponentRef<typeof Button>,\n Omit<ComponentProps<typeof DropdownMenu>, 'children'> & {\n children?: ReactNode;\n align?: 'start' | 'center' | 'end';\n }\n>(({ children, align = 'end', ...props }, ref) => {\n return (\n <DropdownMenu {...props}>\n <DropdownMenuTrigger\n render={\n <Button variant=\"ghost\" size=\"icon-sm\" ref={ref}>\n <IconDotsVertical />\n </Button>\n }\n />\n\n <DropdownMenuContent align={align}>{children}</DropdownMenuContent>\n </DropdownMenu>\n );\n});\nCardActions.displayName = 'CardActions';\n\nconst CardContent: ForwardRefExoticComponent<\n ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-slot=\"card-content\"\n className={cn(\n 'text-secondary-foreground flex flex-col items-start gap-4 self-stretch',\n className\n )}\n {...props}\n />\n );\n }\n);\nCardContent.displayName = 'CardContent';\n\nconst CardFooter: ForwardRefExoticComponent<\n ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-slot=\"card-footer\"\n className={cn('flex items-center gap-4 self-stretch', className)}\n {...props}\n />\n );\n }\n);\nCardFooter.displayName = 'CardFooter';\n\nconst CardFooterStart: ForwardRefExoticComponent<\n ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-slot=\"card-footer-start\"\n className={cn('flex-1 flex items-start justify-start gap-2', className)}\n {...props}\n />\n );\n }\n);\nCardFooterStart.displayName = 'CardFooterStart';\n\nconst CardFooterEnd: ForwardRefExoticComponent<\n ComponentProps<'div'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, ComponentProps<'div'>>(\n ({ className, ...props }, ref) => {\n return (\n <div\n ref={ref}\n data-slot=\"card-footer-end\"\n className={cn('flex items-center justify-end', className)}\n {...props}\n />\n );\n }\n);\nCardFooterEnd.displayName = 'CardFooterEnd';\n\nexport {\n Card,\n CardHeader,\n CardHeaderCenter,\n CardHeaderStart,\n CardHeaderEnd,\n CardFooter,\n CardFooterStart,\n CardFooterEnd,\n CardTitle,\n CardActions,\n CardDescription,\n CardContent,\n};\n"],"names":["forwardRef","IconDotsVertical","cn","Button","DropdownMenu","DropdownMenuContent","DropdownMenuTrigger","Card","className","props","ref","div","data-slot","displayName","CardHeaderStart","children","CardTitle","as","Tag","CardDescription","p","CardHeaderEnd","CardHeader","CardHeaderCenter","CardActions","align","render","variant","size","CardContent","CardFooter","CardFooterStart","CardFooterEnd"],"mappings":"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"}