@cognite/aura 0.3.5 → 1.46104.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
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/components/ui/core/input-group/input-group.tsx"],"sourcesContent":["import {\n type ForwardRefExoticComponent,\n type RefAttributes,\n type ComponentProps,\n type ComponentRef,\n forwardRef,\n} from 'react';\n\nimport { IconChevronDown, IconChevronUp } from '@tabler/icons-react';\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport type { ClassProp } from 'class-variance-authority/types';\n\nimport { cn } from '../../../../lib/utils';\nimport { Button } from '../button/button';\nimport { Input } from '../input/input';\nimport { Textarea } from '../textarea/textarea';\n\nconst InputGroup: 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=\"input-group\"\n role=\"group\"\n className={cn(\n 'group/input-group bg-medium-background border border-transparent relative flex w-full items-stretch rounded-lg shadow-none transition-[color,box-shadow,border-color,background-color] outline-none',\n 'hover:border-emphasized',\n 'h-9 min-w-0 has-[>textarea]:h-auto',\n 'has-[>[data-align=inline-start]]:[&>input]:pl-2 has-[>[data-align=inline-start]]:[&>input]:rounded-l-none has-[>[data-align=inline-start]]:[&>textarea]:rounded-l-none',\n 'has-[>[data-align=inline-end]]:[&>input]:rounded-r-none has-[>[data-align=inline-end]]:[&>textarea]:rounded-r-none',\n '[&>input]:pr-2 [&>textarea]:pr-2',\n 'has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3',\n 'has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3',\n 'has-[[data-slot=input-group-control]:focus-visible:not(:read-only)]:bg-base-background has-[[data-slot=input-group-control]:focus-visible:not(:read-only)]:shadow-focus-ring has-[[data-slot=input-group-control]:focus-visible:not(:read-only)]:border-transparent',\n 'has-[[data-slot=input-group-control][aria-invalid=true]:not(:focus-visible)]:shadow-focus-ring-destructive has-[[data-slot=input-group-control][aria-invalid=true]:not(:focus-visible)]:border-transparent',\n 'has-[[data-slot=input-group-control]:read-only:not(:disabled)]:border-transparent has-[[data-slot=input-group-control]:read-only:not(:disabled)]:bg-card-background has-[[data-slot=input-group-control]:read-only:not(:disabled)]:text-muted-foreground has-[[data-slot=input-group-control]:read-only:not(:disabled)]:shadow-none',\n 'hover:has-[[data-slot=input-group-control]:read-only:not(:disabled)]:border-transparent hover:has-[[data-slot=input-group-control]:read-only:not(:disabled)]:bg-card-background hover:has-[[data-slot=input-group-control]:read-only:not(:disabled)]:text-muted-foreground',\n 'has-[[data-slot=input-group-control]:disabled]:bg-transparent has-[[data-slot=input-group-control]:disabled]:border-disabled has-[[data-slot=input-group-control]:disabled]:hover:border-disabled has-[[data-slot=input-group-control]:disabled]:text-base-foreground-disabled',\n className\n )}\n {...props}\n />\n );\n }\n);\nInputGroup.displayName = 'InputGroup';\n\nconst inputGroupLeadingIcon =\n \"[&>svg:not([class*='size-'])]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground [&>svg]:transition-colors group-hover/input-group:group-has-[[data-slot=input-group-control]:enabled:not(:read-only)]/input-group:[&>svg]:text-base-foreground group-has-[[data-slot=input-group-control]:enabled:focus-visible:not(:read-only)]/input-group:[&>svg]:text-base-foreground group-has-[[data-slot=input-group-control]:enabled:not(:placeholder-shown):not(:read-only)]/input-group:[&>svg]:text-base-foreground group-has-[[data-slot=input-group-control][aria-invalid=true]:enabled:not(:read-only)]/input-group:[&>svg]:text-base-foreground group-has-[[data-slot=input-group-control]:read-only:enabled]/input-group:[&>svg]:text-muted-foreground group-has-[[data-slot=input-group-control]:disabled]/input-group:[&>svg]:text-base-foreground-disabled\";\n\nconst inputGroupSuffixAddon =\n \"[&>svg:not([class*='size-'])]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground [&>svg]:transition-colors\";\n\ninterface InputGroupAddonVariantProps {\n align?: 'inline-start' | 'inline-end' | 'block-start' | 'block-end' | null;\n}\n\nconst inputGroupAddonVariants: (\n props?: (InputGroupAddonVariantProps & ClassProp) | undefined\n) => string = cva(\n 'text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-2 text-xs font-normal select-none [&>kbd]:rounded-sm group-has-[[data-slot=input-group-control]:read-only:not(:disabled)]/input-group:cursor-default',\n {\n variants: {\n align: {\n 'inline-start': cn(\n 'order-first min-h-0 rounded-l-lg pl-2',\n inputGroupLeadingIcon\n ),\n 'inline-end': cn(\n 'order-last min-h-0 rounded-r-lg pr-2 has-[>button]:pr-1 has-[kbd]:pr-1 has-[[class*=stepper]]:pr-1',\n inputGroupSuffixAddon\n ),\n 'block-start': cn(\n 'order-first w-full justify-start px-2 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5',\n inputGroupLeadingIcon\n ),\n 'block-end': cn(\n 'order-last w-full justify-start px-2 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5',\n inputGroupSuffixAddon\n ),\n },\n },\n defaultVariants: {\n align: 'inline-start',\n },\n }\n);\n\nconst InputGroupAddon: ForwardRefExoticComponent<\n ComponentProps<'div'> &\n VariantProps<typeof inputGroupAddonVariants> &\n RefAttributes<HTMLDivElement>\n> = forwardRef<\n HTMLDivElement,\n ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>\n>(({ className, align = 'inline-start', ...props }, ref) => {\n return (\n <div\n ref={ref}\n role=\"group\"\n data-slot=\"input-group-addon\"\n data-align={align}\n className={cn(inputGroupAddonVariants({ align }), className)}\n onClick={(e) => {\n if (e.target instanceof HTMLElement && e.target.closest('button')) {\n return;\n }\n // Clicks that bubbled from a React portal still hit this handler (React tree), but\n // `target` lives outside `currentTarget` in the DOM — do not forward focus to the\n // group's primary control (e.g. PAIA agent menu search vs. message textarea).\n if (e.target instanceof Node && !e.currentTarget.contains(e.target)) {\n return;\n }\n e.currentTarget.parentElement\n ?.querySelector<HTMLInputElement | HTMLTextAreaElement>(\n '[data-slot=\"input-group-control\"]'\n )\n ?.focus();\n }}\n {...props}\n />\n );\n});\nInputGroupAddon.displayName = 'InputGroupAddon';\n\ninterface InputGroupButtonVariantProps {\n size?: 'xs' | 'sm' | 'icon-xs' | 'icon-sm' | null;\n}\n\nconst inputGroupButtonVariants: (\n props?: (InputGroupButtonVariantProps & ClassProp) | undefined\n) => string = cva('text-sm shadow-none flex gap-2 items-center', {\n variants: {\n size: {\n xs: \"h-6 gap-1 px-2 rounded-sm [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2\",\n sm: 'h-7 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5',\n 'icon-xs': 'size-6 rounded-xs p-0 has-[>svg]:p-0',\n 'icon-sm': 'size-7 p-0 has-[>svg]:p-0',\n },\n },\n defaultVariants: {\n size: 'xs',\n },\n});\n\ntype InputGroupButtonProps = Omit<ComponentProps<typeof Button>, 'size'> &\n InputGroupButtonVariantProps;\n\nconst InputGroupButton: ForwardRefExoticComponent<\n Omit<InputGroupButtonProps, 'ref'> & RefAttributes<HTMLElement>\n> = forwardRef<ComponentRef<typeof Button>, InputGroupButtonProps>(\n (\n { className, type = 'button', variant = 'ghost', size = 'xs', ...props },\n ref\n ) => {\n return (\n <Button\n ref={ref}\n type={type}\n data-size={size}\n variant={variant}\n className={cn(inputGroupButtonVariants({ size }), className)}\n {...props}\n />\n );\n }\n);\nInputGroupButton.displayName = 'InputGroupButton';\n\nconst InputGroupText: ForwardRefExoticComponent<\n ComponentProps<'span'> & RefAttributes<HTMLSpanElement>\n> = forwardRef<HTMLSpanElement, ComponentProps<'span'>>(\n ({ className, ...props }, ref) => {\n return (\n <span\n ref={ref}\n data-slot=\"input-group-text\"\n className={cn(\n \"text-muted-foreground flex items-center gap-2 text-xs leading-[14px] tracking-[-0.00833em] [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:text-muted-foreground\",\n className\n )}\n {...props}\n />\n );\n }\n);\nInputGroupText.displayName = 'InputGroupText';\n\nconst inputGroupStepperButtonClasses =\n 'bg-secondary-background hover:bg-secondary-background-hover flex min-h-0 flex-1 items-center justify-center rounded-sm p-1 text-muted-foreground transition-colors disabled:pointer-events-none disabled:opacity-50';\n\ntype InputGroupStepperProps = ComponentProps<'div'> & {\n onIncrement?: () => void;\n onDecrement?: () => void;\n incrementLabel?: string;\n decrementLabel?: string;\n disabled?: boolean;\n incrementDisabled?: boolean;\n decrementDisabled?: boolean;\n};\n\nconst InputGroupStepper: ForwardRefExoticComponent<\n InputGroupStepperProps & RefAttributes<HTMLDivElement>\n> = forwardRef<HTMLDivElement, InputGroupStepperProps>(\n (\n {\n className,\n onIncrement,\n onDecrement,\n incrementLabel = 'Increase value',\n decrementLabel = 'Decrease value',\n disabled = false,\n incrementDisabled = false,\n decrementDisabled = false,\n ...props\n },\n ref\n ) => {\n return (\n <div\n ref={ref}\n data-slot=\"input-group-stepper\"\n className={cn('stepper flex w-7 shrink-0 flex-col gap-0.5', className)}\n {...props}\n >\n <button\n type=\"button\"\n className={inputGroupStepperButtonClasses}\n aria-label={incrementLabel}\n onClick={onIncrement}\n disabled={disabled || incrementDisabled}\n >\n <IconChevronUp className=\"size-1.5 shrink-0\" aria-hidden />\n </button>\n <button\n type=\"button\"\n className={inputGroupStepperButtonClasses}\n aria-label={decrementLabel}\n onClick={onDecrement}\n disabled={disabled || decrementDisabled}\n >\n <IconChevronDown className=\"size-1.5 shrink-0\" aria-hidden />\n </button>\n </div>\n );\n }\n);\nInputGroupStepper.displayName = 'InputGroupStepper';\n\nconst inputGroupInputControlClasses: string = cn(\n 'min-h-0 h-full min-w-0 flex-1 rounded-lg border-0 bg-transparent shadow-none hover:text-muted-foreground',\n 'tracking-[-0.04em]',\n 'focus-visible:not(:read-only):bg-base-background focus-visible:shadow-none focus-visible:border-transparent',\n 'read-only:not(:disabled):bg-transparent read-only:not(:disabled):cursor-default read-only:not(:disabled):hover:text-muted-foreground read-only:not(:disabled):focus-visible:bg-transparent',\n 'aria-invalid:shadow-none aria-invalid:border-transparent',\n 'aria-invalid:[&:not(:placeholder-shown)]:border-transparent',\n 'aria-invalid:focus-visible:not(:read-only):bg-base-background aria-invalid:focus-visible:shadow-none aria-invalid:focus-visible:border-transparent',\n 'read-only:not(:disabled):aria-invalid:focus-visible:bg-transparent',\n 'hover:border-0',\n 'disabled:bg-transparent disabled:text-base-foreground-disabled disabled:placeholder:text-base-foreground-disabled disabled:hover:text-base-foreground-disabled disabled:[&:not(:placeholder-shown)]:text-base-foreground-disabled'\n);\n\nconst InputGroupInput: ForwardRefExoticComponent<\n ComponentProps<'input'> & RefAttributes<HTMLInputElement>\n> = forwardRef<HTMLInputElement, ComponentProps<'input'>>(\n ({ className, ...props }, ref) => {\n return (\n <Input\n ref={ref}\n data-slot=\"input-group-control\"\n className={cn(inputGroupInputControlClasses, className)}\n {...props}\n />\n );\n }\n);\nInputGroupInput.displayName = 'InputGroupInput';\n\nconst InputGroupTextarea: ForwardRefExoticComponent<\n ComponentProps<'textarea'> & RefAttributes<HTMLTextAreaElement>\n> = forwardRef<HTMLTextAreaElement, ComponentProps<'textarea'>>(\n ({ className, ...props }, ref) => {\n return (\n <Textarea\n ref={ref}\n data-slot=\"input-group-control\"\n className={cn(\n 'min-h-0 flex-1 resize-none rounded-lg border-0 bg-transparent py-3 shadow-none',\n 'tracking-[-0.04em]',\n 'hover:border-0 hover:bg-transparent hover:text-muted-foreground',\n 'filled:border-transparent',\n 'focus-visible:shadow-none focus-visible:border-transparent',\n 'read-only:not(:disabled):bg-transparent read-only:not(:disabled):cursor-default read-only:not(:disabled):hover:text-muted-foreground read-only:not(:disabled):focus-visible:bg-transparent',\n 'aria-invalid:shadow-none aria-invalid:border-transparent',\n 'aria-invalid:[&:not(:placeholder-shown)]:border-transparent',\n 'aria-invalid:focus-visible:not(:read-only):bg-base-background aria-invalid:focus-visible:shadow-none aria-invalid:focus-visible:border-transparent',\n 'read-only:not(:disabled):aria-invalid:focus-visible:bg-transparent',\n 'read-only:not(:disabled):text-muted-foreground [&:read-only:not(:disabled):not(:placeholder-shown)]:text-muted-foreground',\n 'disabled:bg-transparent disabled:text-base-foreground-disabled disabled:placeholder:text-base-foreground-disabled disabled:hover:text-base-foreground-disabled disabled:[&:not(:placeholder-shown)]:text-base-foreground-disabled',\n className\n )}\n {...props}\n />\n );\n }\n);\nInputGroupTextarea.displayName = 'InputGroupTextarea';\n\nexport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupStepper,\n InputGroupText,\n InputGroupInput,\n inputGroupInputControlClasses,\n InputGroupTextarea,\n};\n"],"names":["forwardRef","IconChevronDown","IconChevronUp","cva","cn","Button","Input","Textarea","InputGroup","className","props","ref","div","data-slot","role","displayName","inputGroupLeadingIcon","inputGroupSuffixAddon","inputGroupAddonVariants","variants","align","defaultVariants","InputGroupAddon","data-align","onClick","e","target","HTMLElement","closest","Node","currentTarget","contains","parentElement","querySelector","focus","inputGroupButtonVariants","size","xs","sm","InputGroupButton","type","variant","data-size","InputGroupText","span","inputGroupStepperButtonClasses","InputGroupStepper","onIncrement","onDecrement","incrementLabel","decrementLabel","disabled","incrementDisabled","decrementDisabled","button","aria-label","aria-hidden","inputGroupInputControlClasses","InputGroupInput","InputGroupTextarea"],"mappings":";AAAA,SAKEA,UAAU,QACL,QAAQ;AAEf,SAASC,eAAe,EAAEC,aAAa,QAAQ,sBAAsB;AACrE,SAA4BC,GAAG,QAAQ,2BAA2B;AAGlE,SAASC,EAAE,QAAQ,2BAAwB;AAC3C,SAASC,MAAM,QAAQ,sBAAmB;AAC1C,SAASC,KAAK,QAAQ,oBAAiB;AACvC,SAASC,QAAQ,QAAQ,0BAAuB;AAEhD,MAAMC,2BAEFR,WACF,CAAC,EAAES,SAAS,EAAE,GAAGC,OAAO,EAAEC;IACxB,qBACE,KAACC;QACCD,KAAKA;QACLE,aAAU;QACVC,MAAK;QACLL,WAAWL,GACT,uMACA,2BACA,sCACA,0KACA,sHACA,oCACA,kIACA,4HACA,uQACA,8MACA,uUACA,8QACA,kRACAK;QAED,GAAGC,KAAK;;AAGf;AAEFF,WAAWO,WAAW,GAAG;AAEzB,MAAMC,wBACJ;AAEF,MAAMC,wBACJ;AAMF,MAAMC,0BAEQf,IACZ,2OACA;IACEgB,UAAU;QACRC,OAAO;YACL,gBAAgBhB,GACd,yCACAY;YAEF,cAAcZ,GACZ,sGACAa;YAEF,eAAeb,GACb,qGACAY;YAEF,aAAaZ,GACX,oGACAa;QAEJ;IACF;IACAI,iBAAiB;QACfD,OAAO;IACT;AACF;AAGF,MAAME,gCAIFtB,WAGF,CAAC,EAAES,SAAS,EAAEW,QAAQ,cAAc,EAAE,GAAGV,OAAO,EAAEC;IAClD,qBACE,KAACC;QACCD,KAAKA;QACLG,MAAK;QACLD,aAAU;QACVU,cAAYH;QACZX,WAAWL,GAAGc,wBAAwB;YAAEE;QAAM,IAAIX;QAClDe,SAAS,CAACC;YACR,IAAIA,EAAEC,MAAM,YAAYC,eAAeF,EAAEC,MAAM,CAACE,OAAO,CAAC,WAAW;gBACjE;YACF;YACA,mFAAmF;YACnF,kFAAkF;YAClF,8EAA8E;YAC9E,IAAIH,EAAEC,MAAM,YAAYG,QAAQ,CAACJ,EAAEK,aAAa,CAACC,QAAQ,CAACN,EAAEC,MAAM,GAAG;gBACnE;YACF;YACAD,EAAEK,aAAa,CAACE,aAAa,EACzBC,cACA,sCAEAC;QACN;QACC,GAAGxB,KAAK;;AAGf;AACAY,gBAAgBP,WAAW,GAAG;AAM9B,MAAMoB,2BAEQhC,IAAI,+CAA+C;IAC/DgB,UAAU;QACRiB,MAAM;YACJC,IAAI;YACJC,IAAI;YACJ,WAAW;YACX,WAAW;QACb;IACF;IACAjB,iBAAiB;QACfe,MAAM;IACR;AACF;AAKA,MAAMG,iCAEFvC,WACF,CACE,EAAES,SAAS,EAAE+B,OAAO,QAAQ,EAAEC,UAAU,OAAO,EAAEL,OAAO,IAAI,EAAE,GAAG1B,OAAO,EACxEC;IAEA,qBACE,KAACN;QACCM,KAAKA;QACL6B,MAAMA;QACNE,aAAWN;QACXK,SAASA;QACThC,WAAWL,GAAG+B,yBAAyB;YAAEC;QAAK,IAAI3B;QACjD,GAAGC,KAAK;;AAGf;AAEF6B,iBAAiBxB,WAAW,GAAG;AAE/B,MAAM4B,+BAEF3C,WACF,CAAC,EAAES,SAAS,EAAE,GAAGC,OAAO,EAAEC;IACxB,qBACE,KAACiC;QACCjC,KAAKA;QACLE,aAAU;QACVJ,WAAWL,GACT,6LACAK;QAED,GAAGC,KAAK;;AAGf;AAEFiC,eAAe5B,WAAW,GAAG;AAE7B,MAAM8B,iCACJ;AAYF,MAAMC,kCAEF9C,WACF,CACE,EACES,SAAS,EACTsC,WAAW,EACXC,WAAW,EACXC,iBAAiB,gBAAgB,EACjCC,iBAAiB,gBAAgB,EACjCC,WAAW,KAAK,EAChBC,oBAAoB,KAAK,EACzBC,oBAAoB,KAAK,EACzB,GAAG3C,OACJ,EACDC;IAEA,qBACE,MAACC;QACCD,KAAKA;QACLE,aAAU;QACVJ,WAAWL,GAAG,8CAA8CK;QAC3D,GAAGC,KAAK;;0BAET,KAAC4C;gBACCd,MAAK;gBACL/B,WAAWoC;gBACXU,cAAYN;gBACZzB,SAASuB;gBACTI,UAAUA,YAAYC;0BAEtB,cAAA,KAAClD;oBAAcO,WAAU;oBAAoB+C,aAAW;;;0BAE1D,KAACF;gBACCd,MAAK;gBACL/B,WAAWoC;gBACXU,cAAYL;gBACZ1B,SAASwB;gBACTG,UAAUA,YAAYE;0BAEtB,cAAA,KAACpD;oBAAgBQ,WAAU;oBAAoB+C,aAAW;;;;;AAIlE;AAEFV,kBAAkB/B,WAAW,GAAG;AAEhC,MAAM0C,gCAAwCrD,GAC5C,4GACA,sBACA,+GACA,8LACA,4DACA,+DACA,sJACA,sEACA,kBACA;AAGF,MAAMsD,gCAEF1D,WACF,CAAC,EAAES,SAAS,EAAE,GAAGC,OAAO,EAAEC;IACxB,qBACE,KAACL;QACCK,KAAKA;QACLE,aAAU;QACVJ,WAAWL,GAAGqD,+BAA+BhD;QAC5C,GAAGC,KAAK;;AAGf;AAEFgD,gBAAgB3C,WAAW,GAAG;AAE9B,MAAM4C,mCAEF3D,WACF,CAAC,EAAES,SAAS,EAAE,GAAGC,OAAO,EAAEC;IACxB,qBACE,KAACJ;QACCI,KAAKA;QACLE,aAAU;QACVJ,WAAWL,GACT,kFACA,sBACA,mEACA,6BACA,8DACA,8LACA,4DACA,+DACA,sJACA,sEACA,6HACA,qOACAK;QAED,GAAGC,KAAK;;AAGf;AAEFiD,mBAAmB5C,WAAW,GAAG;AAEjC,SACEP,UAAU,EACVc,eAAe,EACfiB,gBAAgB,EAChBO,iBAAiB,EACjBH,cAAc,EACde,eAAe,EACfD,6BAA6B,EAC7BE,kBAAkB,GAClB"}
@@ -0,0 +1,20 @@
1
+ import { type ComponentProps, type ForwardRefExoticComponent, type ReactNode, type RefAttributes } from "react";
2
+ import { CheckboxItemControl } from "../checkbox/checkbox";
3
+ type ItemProps = ComponentProps<"li"> & {
4
+ selected?: boolean;
5
+ disabled?: boolean;
6
+ };
7
+ declare const Item: ForwardRefExoticComponent<ItemProps & RefAttributes<HTMLLIElement>>;
8
+ declare const ItemGroup: ForwardRefExoticComponent<ComponentProps<"ul"> & RefAttributes<HTMLUListElement>>;
9
+ declare function ItemCheckbox({ className, ...props }: ComponentProps<typeof CheckboxItemControl>): ReactNode;
10
+ declare function ItemMedia({ className, ...props }: ComponentProps<"div">): ReactNode;
11
+ declare function ItemContent({ className, ...props }: ComponentProps<"div">): ReactNode;
12
+ declare function ItemTitle({ className, ...props }: ComponentProps<"span">): ReactNode;
13
+ declare function ItemDescription({ className, ...props }: ComponentProps<"p">): ReactNode;
14
+ declare function ItemActions({ className, ...props }: ComponentProps<"div">): ReactNode;
15
+ declare function ItemSectionHeader({ className, ...props }: ComponentProps<"div">): ReactNode;
16
+ declare function ItemSectionHeaderChevron({ className, open, ...props }: Omit<ComponentProps<"svg">, "ref"> & {
17
+ open?: boolean;
18
+ }): ReactNode;
19
+ declare function ItemSectionHeaderTitle({ className, ...props }: ComponentProps<"span">): ReactNode;
20
+ export { Item, ItemActions, ItemCheckbox, ItemContent, ItemDescription, ItemGroup, ItemMedia, ItemSectionHeader, ItemSectionHeaderChevron, ItemSectionHeaderTitle, ItemTitle };
@@ -0,0 +1,93 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from "react";
3
+ import { IconChevronRight } from "@tabler/icons-react";
4
+ import { cn } from "../../../../lib/utils.js";
5
+ import { CheckboxItemControl } from "../checkbox/checkbox.js";
6
+ const Item = /*#__PURE__*/ forwardRef(({ className, selected = false, disabled = false, ...props }, ref)=>{
7
+ return /*#__PURE__*/ _jsx("li", {
8
+ ref: ref,
9
+ "data-slot": "item",
10
+ "data-selected": selected ? '' : undefined,
11
+ "data-disabled": disabled ? '' : undefined,
12
+ className: cn('group/item flex min-h-7 items-center gap-2 rounded-lg px-2 py-1 transition-colors', 'not-data-disabled:hover:bg-accent-background not-data-disabled:focus-within:bg-accent-background', 'data-selected:bg-secondary-background', className),
13
+ ...props
14
+ });
15
+ });
16
+ Item.displayName = 'Item';
17
+ const ItemGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
18
+ return /*#__PURE__*/ _jsx("ul", {
19
+ ref: ref,
20
+ "data-slot": "item-group",
21
+ className: className,
22
+ ...props
23
+ });
24
+ });
25
+ ItemGroup.displayName = 'ItemGroup';
26
+ function ItemCheckbox({ className, ...props }) {
27
+ return /*#__PURE__*/ _jsx(CheckboxItemControl, {
28
+ "data-slot": "item-checkbox",
29
+ className: cn('group-data-disabled/item:border-base-foreground-disabled group-data-disabled/item:bg-transparent', className),
30
+ ...props
31
+ });
32
+ }
33
+ function ItemMedia({ className, ...props }) {
34
+ return /*#__PURE__*/ _jsx("div", {
35
+ "data-slot": "item-media",
36
+ className: cn('flex shrink-0 items-center text-medium-foreground group-data-disabled/item:text-base-foreground-disabled [&>svg:not([class*="size-"])]:size-4', className),
37
+ ...props
38
+ });
39
+ }
40
+ function ItemContent({ className, ...props }) {
41
+ return /*#__PURE__*/ _jsx("div", {
42
+ "data-slot": "item-content",
43
+ className: cn('flex min-w-0 flex-1 flex-col gap-1', className),
44
+ ...props
45
+ });
46
+ }
47
+ function ItemTitle({ className, ...props }) {
48
+ return /*#__PURE__*/ _jsx("span", {
49
+ "data-slot": "item-title",
50
+ className: cn('truncate text-sm leading-4.5 tracking-tight text-medium-foreground', 'group-data-selected/item:text-secondary-foreground', 'group-data-disabled/item:text-base-foreground-disabled', className),
51
+ ...props
52
+ });
53
+ }
54
+ function ItemDescription({ className, ...props }) {
55
+ return /*#__PURE__*/ _jsx("p", {
56
+ "data-slot": "item-description",
57
+ className: cn('truncate text-xs leading-3.5 tracking-tightest text-muted-foreground', 'group-data-disabled/item:text-base-foreground-disabled', className),
58
+ ...props
59
+ });
60
+ }
61
+ function ItemActions({ className, ...props }) {
62
+ return /*#__PURE__*/ _jsx("div", {
63
+ "data-slot": "item-actions",
64
+ className: cn('flex shrink-0 gap-1 opacity-0 transition-opacity', 'group-hover/item:opacity-100 group-focus-within/item:opacity-100', className),
65
+ ...props
66
+ });
67
+ }
68
+ function ItemSectionHeader({ className, ...props }) {
69
+ return /*#__PURE__*/ _jsx("div", {
70
+ "data-slot": "item-section-header",
71
+ className: cn('group/item relative flex h-7 items-center gap-2 rounded-md px-2', 'hover:bg-accent-background focus-within:bg-accent-background', className),
72
+ ...props
73
+ });
74
+ }
75
+ function ItemSectionHeaderChevron({ className, open = false, ...props }) {
76
+ return /*#__PURE__*/ _jsx(IconChevronRight, {
77
+ "aria-hidden": true,
78
+ "data-slot": "item-section-header-chevron",
79
+ "data-open": open ? '' : undefined,
80
+ className: cn('absolute left-2 size-2.5 -translate-x-full text-muted-foreground transition-transform duration-200 data-open:rotate-90', className),
81
+ ...props
82
+ });
83
+ }
84
+ function ItemSectionHeaderTitle({ className, ...props }) {
85
+ return /*#__PURE__*/ _jsx("span", {
86
+ "data-slot": "item-section-header-title",
87
+ className: cn('min-w-0 flex-1 truncate text-sm font-medium leading-4.5 text-muted-foreground', className),
88
+ ...props
89
+ });
90
+ }
91
+ export { Item, ItemActions, ItemCheckbox, ItemContent, ItemDescription, ItemGroup, ItemMedia, ItemSectionHeader, ItemSectionHeaderChevron, ItemSectionHeaderTitle, ItemTitle };
92
+
93
+ //# sourceMappingURL=item.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/components/ui/core/item/item.tsx"],"sourcesContent":["import {\n type ComponentProps,\n type ForwardRefExoticComponent,\n type ReactNode,\n type RefAttributes,\n forwardRef,\n} from 'react';\n\nimport { IconChevronRight } from '@tabler/icons-react';\n\nimport { cn } from '../../../../lib/utils';\nimport { CheckboxItemControl } from '../checkbox/checkbox';\n\ntype ItemProps = ComponentProps<'li'> & {\n selected?: boolean;\n disabled?: boolean;\n};\n\nconst Item: ForwardRefExoticComponent<\n ItemProps & RefAttributes<HTMLLIElement>\n> = forwardRef<HTMLLIElement, ItemProps>(\n ({ className, selected = false, disabled = false, ...props }, ref) => {\n return (\n <li\n ref={ref}\n data-slot=\"item\"\n data-selected={selected ? '' : undefined}\n data-disabled={disabled ? '' : undefined}\n className={cn(\n 'group/item flex min-h-7 items-center gap-2 rounded-lg px-2 py-1 transition-colors',\n 'not-data-disabled:hover:bg-accent-background not-data-disabled:focus-within:bg-accent-background',\n 'data-selected:bg-secondary-background',\n className\n )}\n {...props}\n />\n );\n }\n);\nItem.displayName = 'Item';\n\nconst ItemGroup: ForwardRefExoticComponent<\n ComponentProps<'ul'> & RefAttributes<HTMLUListElement>\n> = forwardRef<HTMLUListElement, ComponentProps<'ul'>>(\n ({ className, ...props }, ref) => {\n return (\n <ul ref={ref} data-slot=\"item-group\" className={className} {...props} />\n );\n }\n);\nItemGroup.displayName = 'ItemGroup';\n\nfunction ItemCheckbox({\n className,\n ...props\n}: ComponentProps<typeof CheckboxItemControl>): ReactNode {\n return (\n <CheckboxItemControl\n data-slot=\"item-checkbox\"\n className={cn(\n 'group-data-disabled/item:border-base-foreground-disabled group-data-disabled/item:bg-transparent',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ItemMedia({ className, ...props }: ComponentProps<'div'>): ReactNode {\n return (\n <div\n data-slot=\"item-media\"\n className={cn(\n 'flex shrink-0 items-center text-medium-foreground group-data-disabled/item:text-base-foreground-disabled [&>svg:not([class*=\"size-\"])]:size-4',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ItemContent({\n className,\n ...props\n}: ComponentProps<'div'>): ReactNode {\n return (\n <div\n data-slot=\"item-content\"\n className={cn('flex min-w-0 flex-1 flex-col gap-1', className)}\n {...props}\n />\n );\n}\n\nfunction ItemTitle({ className, ...props }: ComponentProps<'span'>): ReactNode {\n return (\n <span\n data-slot=\"item-title\"\n className={cn(\n 'truncate text-sm leading-4.5 tracking-tight text-medium-foreground',\n 'group-data-selected/item:text-secondary-foreground',\n 'group-data-disabled/item:text-base-foreground-disabled',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ItemDescription({\n className,\n ...props\n}: ComponentProps<'p'>): ReactNode {\n return (\n <p\n data-slot=\"item-description\"\n className={cn(\n 'truncate text-xs leading-3.5 tracking-tightest text-muted-foreground',\n 'group-data-disabled/item:text-base-foreground-disabled',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ItemActions({\n className,\n ...props\n}: ComponentProps<'div'>): ReactNode {\n return (\n <div\n data-slot=\"item-actions\"\n className={cn(\n 'flex shrink-0 gap-1 opacity-0 transition-opacity',\n 'group-hover/item:opacity-100 group-focus-within/item:opacity-100',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ItemSectionHeader({\n className,\n ...props\n}: ComponentProps<'div'>): ReactNode {\n return (\n <div\n data-slot=\"item-section-header\"\n className={cn(\n 'group/item relative flex h-7 items-center gap-2 rounded-md px-2',\n 'hover:bg-accent-background focus-within:bg-accent-background',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ItemSectionHeaderChevron({\n className,\n open = false,\n ...props\n}: Omit<ComponentProps<'svg'>, 'ref'> & { open?: boolean }): ReactNode {\n return (\n <IconChevronRight\n aria-hidden\n data-slot=\"item-section-header-chevron\"\n data-open={open ? '' : undefined}\n className={cn(\n 'absolute left-2 size-2.5 -translate-x-full text-muted-foreground transition-transform duration-200 data-open:rotate-90',\n className\n )}\n {...props}\n />\n );\n}\n\nfunction ItemSectionHeaderTitle({\n className,\n ...props\n}: ComponentProps<'span'>): ReactNode {\n return (\n <span\n data-slot=\"item-section-header-title\"\n className={cn(\n 'min-w-0 flex-1 truncate text-sm font-medium leading-4.5 text-muted-foreground',\n className\n )}\n {...props}\n />\n );\n}\n\nexport {\n Item,\n ItemActions,\n ItemCheckbox,\n ItemContent,\n ItemDescription,\n ItemGroup,\n ItemMedia,\n ItemSectionHeader,\n ItemSectionHeaderChevron,\n ItemSectionHeaderTitle,\n ItemTitle,\n};\n"],"names":["forwardRef","IconChevronRight","cn","CheckboxItemControl","Item","className","selected","disabled","props","ref","li","data-slot","data-selected","undefined","data-disabled","displayName","ItemGroup","ul","ItemCheckbox","ItemMedia","div","ItemContent","ItemTitle","span","ItemDescription","p","ItemActions","ItemSectionHeader","ItemSectionHeaderChevron","open","aria-hidden","data-open","ItemSectionHeaderTitle"],"mappings":";AAAA,SAKEA,UAAU,QACL,QAAQ;AAEf,SAASC,gBAAgB,QAAQ,sBAAsB;AAEvD,SAASC,EAAE,QAAQ,2BAAwB;AAC3C,SAASC,mBAAmB,QAAQ,0BAAuB;AAO3D,MAAMC,qBAEFJ,WACF,CAAC,EAAEK,SAAS,EAAEC,WAAW,KAAK,EAAEC,WAAW,KAAK,EAAE,GAAGC,OAAO,EAAEC;IAC5D,qBACE,KAACC;QACCD,KAAKA;QACLE,aAAU;QACVC,iBAAeN,WAAW,KAAKO;QAC/BC,iBAAeP,WAAW,KAAKM;QAC/BR,WAAWH,GACT,qFACA,oGACA,yCACAG;QAED,GAAGG,KAAK;;AAGf;AAEFJ,KAAKW,WAAW,GAAG;AAEnB,MAAMC,0BAEFhB,WACF,CAAC,EAAEK,SAAS,EAAE,GAAGG,OAAO,EAAEC;IACxB,qBACE,KAACQ;QAAGR,KAAKA;QAAKE,aAAU;QAAaN,WAAWA;QAAY,GAAGG,KAAK;;AAExE;AAEFQ,UAAUD,WAAW,GAAG;AAExB,SAASG,aAAa,EACpBb,SAAS,EACT,GAAGG,OACwC;IAC3C,qBACE,KAACL;QACCQ,aAAU;QACVN,WAAWH,GACT,oGACAG;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASW,UAAU,EAAEd,SAAS,EAAE,GAAGG,OAA8B;IAC/D,qBACE,KAACY;QACCT,aAAU;QACVN,WAAWH,GACT,iJACAG;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASa,YAAY,EACnBhB,SAAS,EACT,GAAGG,OACmB;IACtB,qBACE,KAACY;QACCT,aAAU;QACVN,WAAWH,GAAG,sCAAsCG;QACnD,GAAGG,KAAK;;AAGf;AAEA,SAASc,UAAU,EAAEjB,SAAS,EAAE,GAAGG,OAA+B;IAChE,qBACE,KAACe;QACCZ,aAAU;QACVN,WAAWH,GACT,sEACA,sDACA,0DACAG;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASgB,gBAAgB,EACvBnB,SAAS,EACT,GAAGG,OACiB;IACpB,qBACE,KAACiB;QACCd,aAAU;QACVN,WAAWH,GACT,wEACA,0DACAG;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASkB,YAAY,EACnBrB,SAAS,EACT,GAAGG,OACmB;IACtB,qBACE,KAACY;QACCT,aAAU;QACVN,WAAWH,GACT,oDACA,oEACAG;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASmB,kBAAkB,EACzBtB,SAAS,EACT,GAAGG,OACmB;IACtB,qBACE,KAACY;QACCT,aAAU;QACVN,WAAWH,GACT,mEACA,gEACAG;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASoB,yBAAyB,EAChCvB,SAAS,EACTwB,OAAO,KAAK,EACZ,GAAGrB,OACqD;IACxD,qBACE,KAACP;QACC6B,aAAW;QACXnB,aAAU;QACVoB,aAAWF,OAAO,KAAKhB;QACvBR,WAAWH,GACT,0HACAG;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASwB,uBAAuB,EAC9B3B,SAAS,EACT,GAAGG,OACoB;IACvB,qBACE,KAACe;QACCZ,aAAU;QACVN,WAAWH,GACT,iFACAG;QAED,GAAGG,KAAK;;AAGf;AAEA,SACEJ,IAAI,EACJsB,WAAW,EACXR,YAAY,EACZG,WAAW,EACXG,eAAe,EACfR,SAAS,EACTG,SAAS,EACTQ,iBAAiB,EACjBC,wBAAwB,EACxBI,sBAAsB,EACtBV,SAAS,GACT"}
@@ -1,4 +1,4 @@
1
- import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
2
- declare const Kbd: ForwardRefExoticComponent<ComponentProps<'kbd'> & RefAttributes<HTMLElement>>;
3
- declare const KbdGroup: ForwardRefExoticComponent<ComponentProps<'span'> & RefAttributes<HTMLSpanElement>>;
1
+ import { type ForwardRefExoticComponent, type RefAttributes, type ComponentProps } from "react";
2
+ declare const Kbd: ForwardRefExoticComponent<ComponentProps<"kbd"> & RefAttributes<HTMLElement>>;
3
+ declare const KbdGroup: ForwardRefExoticComponent<ComponentProps<"span"> & RefAttributes<HTMLSpanElement>>;
4
4
  export { Kbd, KbdGroup };
@@ -1,20 +1,24 @@
1
- import { cn as e } from "../../../../lib/utils.js";
2
- import { forwardRef as t } from "react";
3
- import { jsx as n } from "react/jsx-runtime";
4
- //#region libs/aura/src/components/ui/core/kbd/kbd.tsx
5
- var r = t(({ className: t, ...r }, i) => /* @__PURE__ */ n("kbd", {
6
- ref: i,
7
- "data-slot": "kbd",
8
- className: e("bg-muted-background text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-md px-1 font-sans text-xs font-medium leading-4 select-none aria-disabled:bg-disabled-background aria-disabled:text-disabled-foreground aria-disabled:opacity-100", "[&_svg:not([class*='size-'])]:size-3", "in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10", t),
9
- ...r
10
- }));
11
- r.displayName = "Kbd";
12
- var i = t(({ className: t, ...r }, i) => /* @__PURE__ */ n("span", {
13
- ref: i,
14
- "data-slot": "kbd-group",
15
- className: e("inline-flex items-center gap-1", t),
16
- ...r
17
- }));
18
- i.displayName = "KbdGroup";
19
- //#endregion
20
- export { r as Kbd, i as KbdGroup };
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from "react";
3
+ import { cn } from "../../../../lib/utils.js";
4
+ const Kbd = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
5
+ return /*#__PURE__*/ _jsx("kbd", {
6
+ ref: ref,
7
+ "data-slot": "kbd",
8
+ className: cn('bg-muted-background text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-md px-1 font-sans text-xs font-medium leading-4 select-none aria-disabled:bg-transparent aria-disabled:text-base-foreground-disabled aria-disabled:opacity-100', "[&_svg:not([class*='size-'])]:size-3", className),
9
+ ...props
10
+ });
11
+ });
12
+ Kbd.displayName = 'Kbd';
13
+ const KbdGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
14
+ return /*#__PURE__*/ _jsx("span", {
15
+ ref: ref,
16
+ "data-slot": "kbd-group",
17
+ className: cn('inline-flex items-center gap-1', className),
18
+ ...props
19
+ });
20
+ });
21
+ KbdGroup.displayName = 'KbdGroup';
22
+ export { Kbd, KbdGroup };
23
+
24
+ //# sourceMappingURL=kbd.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/components/ui/core/kbd/kbd.tsx"],"sourcesContent":["import {\n type ForwardRefExoticComponent,\n type RefAttributes,\n type ComponentProps,\n type ComponentRef,\n forwardRef,\n} from 'react';\n\nimport { cn } from '../../../../lib/utils';\n\nconst Kbd: ForwardRefExoticComponent<\n ComponentProps<'kbd'> & RefAttributes<HTMLElement>\n> = forwardRef<ComponentRef<'kbd'>, ComponentProps<'kbd'>>(\n ({ className, ...props }, ref) => {\n return (\n <kbd\n ref={ref}\n data-slot=\"kbd\"\n className={cn(\n 'bg-muted-background text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-md px-1 font-sans text-xs font-medium leading-4 select-none aria-disabled:bg-transparent aria-disabled:text-base-foreground-disabled aria-disabled:opacity-100',\n \"[&_svg:not([class*='size-'])]:size-3\",\n className\n )}\n {...props}\n />\n );\n }\n);\nKbd.displayName = 'Kbd';\n\nconst KbdGroup: ForwardRefExoticComponent<\n ComponentProps<'span'> & RefAttributes<HTMLSpanElement>\n> = forwardRef<ComponentRef<'span'>, ComponentProps<'span'>>(\n ({ className, ...props }, ref) => {\n return (\n <span\n ref={ref}\n data-slot=\"kbd-group\"\n className={cn('inline-flex items-center gap-1', className)}\n {...props}\n />\n );\n }\n);\nKbdGroup.displayName = 'KbdGroup';\n\nexport { Kbd, KbdGroup };\n"],"names":["forwardRef","cn","Kbd","className","props","ref","kbd","data-slot","displayName","KbdGroup","span"],"mappings":";AAAA,SAKEA,UAAU,QACL,QAAQ;AAEf,SAASC,EAAE,QAAQ,2BAAwB;AAE3C,MAAMC,oBAEFF,WACF,CAAC,EAAEG,SAAS,EAAE,GAAGC,OAAO,EAAEC;IACxB,qBACE,KAACC;QACCD,KAAKA;QACLE,aAAU;QACVJ,WAAWF,GACT,wSACA,wCACAE;QAED,GAAGC,KAAK;;AAGf;AAEFF,IAAIM,WAAW,GAAG;AAElB,MAAMC,yBAEFT,WACF,CAAC,EAAEG,SAAS,EAAE,GAAGC,OAAO,EAAEC;IACxB,qBACE,KAACK;QACCL,KAAKA;QACLE,aAAU;QACVJ,WAAWF,GAAG,kCAAkCE;QAC/C,GAAGC,KAAK;;AAGf;AAEFK,SAASD,WAAW,GAAG;AAEvB,SAASN,GAAG,EAAEO,QAAQ,GAAG"}
@@ -1,5 +1,5 @@
1
- import { ComponentProps, ForwardRefExoticComponent, RefAttributes } from 'react';
2
- declare const Label: ForwardRefExoticComponent<ComponentProps<'label'> & {
3
- required?: boolean;
1
+ import { type ComponentProps, type ForwardRefExoticComponent, type RefAttributes } from "react";
2
+ declare const Label: ForwardRefExoticComponent<ComponentProps<"label"> & {
3
+ required?: boolean;
4
4
  } & RefAttributes<HTMLLabelElement>>;
5
5
  export { Label };
@@ -1,26 +1,33 @@
1
- import { cn as e } from "../../../../lib/utils.js";
2
- import { forwardRef as t } from "react";
3
- import { jsx as n, jsxs as r } from "react/jsx-runtime";
4
- //#region libs/aura/src/components/ui/core/label/label.tsx
5
- var i = t(({ className: t, children: i, required: a = !1, ...o }, s) => /* @__PURE__ */ r("label", {
6
- ref: s,
7
- "data-slot": "label",
8
- className: e("flex items-center text-muted-foreground dark:text-muted-foreground text-sm font-medium leading-4.5 pb-2 select-none group-data-[disabled=true]:disabled-foreground group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:cursor-not-allowed group-data-[disabled=true]:opacity-50", t),
9
- ...o,
10
- children: [i, a ? /* @__PURE__ */ n("span", {
11
- "data-slot": "label-required-indicator",
12
- className: "inline-block shrink-0 self-start pt-0.5",
13
- children: /* @__PURE__ */ n("svg", {
14
- "aria-hidden": "true",
15
- width: "5",
16
- height: "8",
17
- viewBox: "0 0 5 8",
18
- fill: "currentColor",
19
- xmlns: "http://www.w3.org/2000/svg",
20
- children: /* @__PURE__ */ n("path", { d: "M2.01082 7.19387L2.09648 5.29125L0.491434 6.32372L0 5.46709L1.70424 4.59693L0 3.72678L0.491434 2.87015L2.09648 3.90261L2.01082 2H2.98918L2.90352 3.90261L4.50857 2.87015L5 3.72678L3.29576 4.59693L5 5.46709L4.50857 6.32372L2.90352 5.29125L2.98918 7.19387H2.01082Z" })
21
- })
22
- }) : null]
23
- }));
24
- i.displayName = "Label";
25
- //#endregion
26
- export { i as Label };
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { forwardRef } from "react";
3
+ import { cn } from "../../../../lib/utils.js";
4
+ const Label = /*#__PURE__*/ forwardRef(({ className, children, required = false, ...props }, ref)=>{
5
+ return /*#__PURE__*/ _jsxs("label", {
6
+ ref: ref,
7
+ "data-slot": "label",
8
+ className: cn('flex items-center pb-2 text-sm font-medium leading-4.5 tracking-normal text-muted-foreground select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:cursor-not-allowed group-data-[disabled=true]:text-base-foreground-disabled', className),
9
+ ...props,
10
+ children: [
11
+ children,
12
+ required ? /*#__PURE__*/ _jsx("span", {
13
+ "data-slot": "label-required-indicator",
14
+ className: "inline-block shrink-0 self-start pt-0.5",
15
+ children: /*#__PURE__*/ _jsx("svg", {
16
+ "aria-hidden": "true",
17
+ width: "5",
18
+ height: "8",
19
+ viewBox: "0 0 5 8",
20
+ fill: "currentColor",
21
+ xmlns: "http://www.w3.org/2000/svg",
22
+ children: /*#__PURE__*/ _jsx("path", {
23
+ d: "M2.01082 7.19387L2.09648 5.29125L0.491434 6.32372L0 5.46709L1.70424 4.59693L0 3.72678L0.491434 2.87015L2.09648 3.90261L2.01082 2H2.98918L2.90352 3.90261L4.50857 2.87015L5 3.72678L3.29576 4.59693L5 5.46709L4.50857 6.32372L2.90352 5.29125L2.98918 7.19387H2.01082Z"
24
+ })
25
+ })
26
+ }) : null
27
+ ]
28
+ });
29
+ });
30
+ Label.displayName = 'Label';
31
+ export { Label };
32
+
33
+ //# sourceMappingURL=label.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/components/ui/core/label/label.tsx"],"sourcesContent":["import {\n type ComponentProps,\n type ForwardRefExoticComponent,\n type RefAttributes,\n type ComponentPropsWithoutRef,\n type ComponentRef,\n forwardRef,\n} from 'react';\n\nimport { cn } from '../../../../lib/utils';\n\ntype LabelProps = ComponentPropsWithoutRef<'label'> & {\n required?: boolean;\n};\n\nconst Label: ForwardRefExoticComponent<\n ComponentProps<'label'> & {\n required?: boolean;\n } & RefAttributes<HTMLLabelElement>\n> = forwardRef<ComponentRef<'label'>, LabelProps>(\n ({ className, children, required = false, ...props }, ref) => {\n return (\n <label\n ref={ref}\n data-slot=\"label\"\n className={cn(\n 'flex items-center pb-2 text-sm font-medium leading-4.5 tracking-normal text-muted-foreground select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:cursor-not-allowed group-data-[disabled=true]:text-base-foreground-disabled',\n className\n )}\n {...props}\n >\n {children}\n {required ? (\n <span\n data-slot=\"label-required-indicator\"\n className=\"inline-block shrink-0 self-start pt-0.5\"\n >\n <svg\n aria-hidden=\"true\"\n width=\"5\"\n height=\"8\"\n viewBox=\"0 0 5 8\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M2.01082 7.19387L2.09648 5.29125L0.491434 6.32372L0 5.46709L1.70424 4.59693L0 3.72678L0.491434 2.87015L2.09648 3.90261L2.01082 2H2.98918L2.90352 3.90261L4.50857 2.87015L5 3.72678L3.29576 4.59693L5 5.46709L4.50857 6.32372L2.90352 5.29125L2.98918 7.19387H2.01082Z\" />\n </svg>\n </span>\n ) : null}\n </label>\n );\n }\n);\n\nLabel.displayName = 'Label';\n\nexport { Label };\n"],"names":["forwardRef","cn","Label","className","children","required","props","ref","label","data-slot","span","svg","aria-hidden","width","height","viewBox","fill","xmlns","path","d","displayName"],"mappings":";AAAA,SAMEA,UAAU,QACL,QAAQ;AAEf,SAASC,EAAE,QAAQ,2BAAwB;AAM3C,MAAMC,sBAIFF,WACF,CAAC,EAAEG,SAAS,EAAEC,QAAQ,EAAEC,WAAW,KAAK,EAAE,GAAGC,OAAO,EAAEC;IACpD,qBACE,MAACC;QACCD,KAAKA;QACLE,aAAU;QACVN,WAAWF,GACT,kQACAE;QAED,GAAGG,KAAK;;YAERF;YACAC,yBACC,KAACK;gBACCD,aAAU;gBACVN,WAAU;0BAEV,cAAA,KAACQ;oBACCC,eAAY;oBACZC,OAAM;oBACNC,QAAO;oBACPC,SAAQ;oBACRC,MAAK;oBACLC,OAAM;8BAEN,cAAA,KAACC;wBAAKC,GAAE;;;iBAGV;;;AAGV;AAGFjB,MAAMkB,WAAW,GAAG;AAEpB,SAASlB,KAAK,GAAG"}
@@ -1,13 +1,13 @@
1
- import { ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from 'react';
1
+ import { type ForwardRefExoticComponent, type RefAttributes, type HTMLAttributes } from "react";
2
2
  type LoaderSharedProps = HTMLAttributes<HTMLDivElement>;
3
3
  interface InlineLoaderProps extends LoaderSharedProps {
4
- variant?: 'inline';
5
- size?: number;
4
+ variant?: "inline";
5
+ size?: number;
6
6
  }
7
7
  interface PageLoaderProps extends LoaderSharedProps {
8
- variant: 'page';
9
- header: string;
10
- description?: string;
8
+ variant: "page";
9
+ header: string;
10
+ description?: string;
11
11
  }
12
12
  type LoaderProps = InlineLoaderProps | PageLoaderProps;
13
13
  declare const Loader: ForwardRefExoticComponent<LoaderProps & RefAttributes<HTMLDivElement>>;
@@ -1,81 +1,98 @@
1
- import { cn as e } from "../../../../lib/utils.js";
2
- import { forwardRef as t } from "react";
3
- import { jsx as n, jsxs as r } from "react/jsx-runtime";
4
- //#region libs/aura/src/components/ui/core/loader/loader.tsx
5
- var i = ({ size: t = 16, className: i, strokeClassName: a }) => /* @__PURE__ */ r("svg", {
6
- "aria-hidden": "true",
7
- focusable: "false",
8
- className: e("overflow-visible", a, i),
9
- height: t,
10
- viewBox: "0 0 167 216",
11
- width: t,
12
- xmlns: "http://www.w3.org/2000/svg",
13
- children: [/* @__PURE__ */ n("rect", {
14
- className: "aura-loader-rect aura-loader-rect-1",
15
- "data-slot": "loader-rect",
16
- x: "10",
17
- y: "10",
18
- width: "98",
19
- height: "196",
20
- rx: "49",
21
- fill: "transparent",
22
- stroke: "currentColor",
23
- strokeWidth: "20",
24
- strokeLinecap: "round"
25
- }), /* @__PURE__ */ n("rect", {
26
- className: "aura-loader-rect aura-loader-rect-2",
27
- "data-slot": "loader-rect",
28
- x: "59",
29
- y: "10",
30
- width: "98",
31
- height: "196",
32
- rx: "49",
33
- fill: "transparent",
34
- stroke: "currentColor",
35
- strokeWidth: "20",
36
- strokeLinecap: "round"
37
- })]
38
- }), a = (e) => e.variant === "page", o = t((t, o) => {
39
- let s = t.className, c = t.role ?? "status", l = t["aria-label"] ?? "Loading";
40
- if (!a(t)) {
41
- let { size: r = 16, variant: a, className: u, role: d, "aria-label": f, ...p } = t;
42
- return /* @__PURE__ */ n("div", {
43
- ref: o,
44
- "data-slot": "loader",
45
- role: c,
46
- "aria-label": l,
47
- className: e("inline-flex items-center justify-center", s),
48
- ...p,
49
- children: /* @__PURE__ */ n(i, {
50
- size: r,
51
- strokeClassName: "text-current"
52
- })
53
- });
54
- }
55
- let { variant: u, className: d, role: f, "aria-label": p, header: m, description: h, ...g } = t;
56
- return /* @__PURE__ */ r("div", {
57
- ref: o,
58
- "data-slot": "loader",
59
- role: c,
60
- "aria-label": l,
61
- className: e("text-foreground flex h-[11.5rem] w-80 flex-col items-center justify-center gap-2", s),
62
- ...g,
63
- children: [/* @__PURE__ */ n(i, {
64
- size: 112,
65
- className: "size-28",
66
- strokeClassName: "text-current"
67
- }), /* @__PURE__ */ r("div", {
68
- className: "flex w-full flex-col items-center justify-center gap-1 text-center",
69
- children: [/* @__PURE__ */ n("p", {
70
- className: "text-lg font-medium leading-6 tracking-tightest text-foreground",
71
- children: m
72
- }), h && /* @__PURE__ */ n("p", {
73
- className: "w-full text-sm leading-[18px] tracking-tight text-secondary-foreground",
74
- children: h
75
- })]
76
- })]
77
- });
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { forwardRef } from "react";
3
+ import { cn } from "../../../../lib/utils.js";
4
+ const LoaderGlyph = ({ size = 16, className, strokeClassName })=>{
5
+ return /*#__PURE__*/ _jsxs("svg", {
6
+ "aria-hidden": "true",
7
+ focusable: "false",
8
+ className: cn('overflow-visible', strokeClassName, className),
9
+ height: size,
10
+ viewBox: "0 0 167 216",
11
+ width: size,
12
+ xmlns: "http://www.w3.org/2000/svg",
13
+ children: [
14
+ /*#__PURE__*/ _jsx("rect", {
15
+ className: "aura-loader-rect aura-loader-rect-1",
16
+ "data-slot": "loader-rect",
17
+ x: "10",
18
+ y: "10",
19
+ width: "98",
20
+ height: "196",
21
+ rx: "49",
22
+ fill: "transparent",
23
+ stroke: "currentColor",
24
+ strokeWidth: "20",
25
+ strokeLinecap: "round"
26
+ }),
27
+ /*#__PURE__*/ _jsx("rect", {
28
+ className: "aura-loader-rect aura-loader-rect-2",
29
+ "data-slot": "loader-rect",
30
+ x: "59",
31
+ y: "10",
32
+ width: "98",
33
+ height: "196",
34
+ rx: "49",
35
+ fill: "transparent",
36
+ stroke: "currentColor",
37
+ strokeWidth: "20",
38
+ strokeLinecap: "round"
39
+ })
40
+ ]
41
+ });
42
+ };
43
+ const isPageLoaderProps = (props)=>{
44
+ return props.variant === 'page';
45
+ };
46
+ const Loader = /*#__PURE__*/ forwardRef((props, ref)=>{
47
+ const className = props.className;
48
+ const role = props.role ?? 'status';
49
+ const ariaLabel = props['aria-label'] ?? 'Loading';
50
+ if (!isPageLoaderProps(props)) {
51
+ const { size = 16, variant: _variant, className: _className, role: _role, 'aria-label': _ariaLabel, ...divProps } = props;
52
+ return /*#__PURE__*/ _jsx("div", {
53
+ ref: ref,
54
+ "data-slot": "loader",
55
+ role: role,
56
+ "aria-label": ariaLabel,
57
+ className: cn('inline-flex items-center justify-center', className),
58
+ ...divProps,
59
+ children: /*#__PURE__*/ _jsx(LoaderGlyph, {
60
+ size: size,
61
+ strokeClassName: "text-current"
62
+ })
63
+ });
64
+ }
65
+ const { variant: _variant, className: _className, role: _role, 'aria-label': _ariaLabel, header, description, ...divProps } = props;
66
+ return /*#__PURE__*/ _jsxs("div", {
67
+ ref: ref,
68
+ "data-slot": "loader",
69
+ role: role,
70
+ "aria-label": ariaLabel,
71
+ className: cn('text-foreground flex h-[11.5rem] w-80 flex-col items-center justify-center gap-2', className),
72
+ ...divProps,
73
+ children: [
74
+ /*#__PURE__*/ _jsx(LoaderGlyph, {
75
+ size: 112,
76
+ className: "size-28",
77
+ strokeClassName: "text-current"
78
+ }),
79
+ /*#__PURE__*/ _jsxs("div", {
80
+ className: "flex w-full flex-col items-center justify-center gap-1 text-center",
81
+ children: [
82
+ /*#__PURE__*/ _jsx("p", {
83
+ className: "text-lg font-medium leading-6 tracking-tightest text-foreground",
84
+ children: header
85
+ }),
86
+ description && /*#__PURE__*/ _jsx("p", {
87
+ className: "w-full text-sm leading-[18px] tracking-tight text-secondary-foreground",
88
+ children: description
89
+ })
90
+ ]
91
+ })
92
+ ]
93
+ });
78
94
  });
79
- o.displayName = "Loader";
80
- //#endregion
81
- export { o as Loader };
95
+ Loader.displayName = 'Loader';
96
+ export { Loader };
97
+
98
+ //# sourceMappingURL=loader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/components/ui/core/loader/loader.tsx"],"sourcesContent":["import {\n type ForwardRefExoticComponent,\n type RefAttributes,\n type ComponentRef,\n type HTMLAttributes,\n forwardRef,\n} from 'react';\n\nimport { cn } from '../../../../lib/utils';\n\ninterface LoaderGlyphProps {\n size?: number;\n className?: string;\n strokeClassName?: string;\n}\n\nconst LoaderGlyph = ({\n size = 16,\n className,\n strokeClassName,\n}: LoaderGlyphProps) => {\n return (\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n className={cn('overflow-visible', strokeClassName, className)}\n height={size}\n viewBox=\"0 0 167 216\"\n width={size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect\n className=\"aura-loader-rect aura-loader-rect-1\"\n data-slot=\"loader-rect\"\n x=\"10\"\n y=\"10\"\n width=\"98\"\n height=\"196\"\n rx=\"49\"\n fill=\"transparent\"\n stroke=\"currentColor\"\n strokeWidth=\"20\"\n strokeLinecap=\"round\"\n />\n <rect\n className=\"aura-loader-rect aura-loader-rect-2\"\n data-slot=\"loader-rect\"\n x=\"59\"\n y=\"10\"\n width=\"98\"\n height=\"196\"\n rx=\"49\"\n fill=\"transparent\"\n stroke=\"currentColor\"\n strokeWidth=\"20\"\n strokeLinecap=\"round\"\n />\n </svg>\n );\n};\n\ntype LoaderSharedProps = HTMLAttributes<HTMLDivElement>;\n\ninterface InlineLoaderProps extends LoaderSharedProps {\n variant?: 'inline';\n size?: number;\n}\n\ninterface PageLoaderProps extends LoaderSharedProps {\n variant: 'page';\n header: string;\n description?: string;\n}\n\ntype LoaderProps = InlineLoaderProps | PageLoaderProps;\n\nconst isPageLoaderProps = (props: LoaderProps): props is PageLoaderProps => {\n return props.variant === 'page';\n};\n\nconst Loader: ForwardRefExoticComponent<\n LoaderProps & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<'div'>, LoaderProps>((props, ref) => {\n const className = props.className;\n const role = props.role ?? 'status';\n const ariaLabel = props['aria-label'] ?? 'Loading';\n\n if (!isPageLoaderProps(props)) {\n const {\n size = 16,\n variant: _variant,\n className: _className,\n role: _role,\n 'aria-label': _ariaLabel,\n ...divProps\n } = props;\n\n return (\n <div\n ref={ref}\n data-slot=\"loader\"\n role={role}\n aria-label={ariaLabel}\n className={cn('inline-flex items-center justify-center', className)}\n {...divProps}\n >\n <LoaderGlyph size={size} strokeClassName=\"text-current\" />\n </div>\n );\n }\n\n const {\n variant: _variant,\n className: _className,\n role: _role,\n 'aria-label': _ariaLabel,\n header,\n description,\n ...divProps\n } = props;\n\n return (\n <div\n ref={ref}\n data-slot=\"loader\"\n role={role}\n aria-label={ariaLabel}\n className={cn(\n 'text-foreground flex h-[11.5rem] w-80 flex-col items-center justify-center gap-2',\n className\n )}\n {...divProps}\n >\n <LoaderGlyph\n size={112}\n className=\"size-28\"\n strokeClassName=\"text-current\"\n />\n\n <div className=\"flex w-full flex-col items-center justify-center gap-1 text-center\">\n <p className=\"text-lg font-medium leading-6 tracking-tightest text-foreground\">\n {header}\n </p>\n {description && (\n <p className=\"w-full text-sm leading-[18px] tracking-tight text-secondary-foreground\">\n {description}\n </p>\n )}\n </div>\n </div>\n );\n});\n\nLoader.displayName = 'Loader';\n\nexport { Loader };\nexport type { LoaderProps };\n"],"names":["forwardRef","cn","LoaderGlyph","size","className","strokeClassName","svg","aria-hidden","focusable","height","viewBox","width","xmlns","rect","data-slot","x","y","rx","fill","stroke","strokeWidth","strokeLinecap","isPageLoaderProps","props","variant","Loader","ref","role","ariaLabel","_variant","_className","_role","_ariaLabel","divProps","div","aria-label","header","description","p","displayName"],"mappings":";AAAA,SAKEA,UAAU,QACL,QAAQ;AAEf,SAASC,EAAE,QAAQ,2BAAwB;AAQ3C,MAAMC,cAAc,CAAC,EACnBC,OAAO,EAAE,EACTC,SAAS,EACTC,eAAe,EACE;IACjB,qBACE,MAACC;QACCC,eAAY;QACZC,WAAU;QACVJ,WAAWH,GAAG,oBAAoBI,iBAAiBD;QACnDK,QAAQN;QACRO,SAAQ;QACRC,OAAOR;QACPS,OAAM;;0BAEN,KAACC;gBACCT,WAAU;gBACVU,aAAU;gBACVC,GAAE;gBACFC,GAAE;gBACFL,OAAM;gBACNF,QAAO;gBACPQ,IAAG;gBACHC,MAAK;gBACLC,QAAO;gBACPC,aAAY;gBACZC,eAAc;;0BAEhB,KAACR;gBACCT,WAAU;gBACVU,aAAU;gBACVC,GAAE;gBACFC,GAAE;gBACFL,OAAM;gBACNF,QAAO;gBACPQ,IAAG;gBACHC,MAAK;gBACLC,QAAO;gBACPC,aAAY;gBACZC,eAAc;;;;AAItB;AAiBA,MAAMC,oBAAoB,CAACC;IACzB,OAAOA,MAAMC,OAAO,KAAK;AAC3B;AAEA,MAAMC,uBAEFzB,WAA6C,CAACuB,OAAOG;IACvD,MAAMtB,YAAYmB,MAAMnB,SAAS;IACjC,MAAMuB,OAAOJ,MAAMI,IAAI,IAAI;IAC3B,MAAMC,YAAYL,KAAK,CAAC,aAAa,IAAI;IAEzC,IAAI,CAACD,kBAAkBC,QAAQ;QAC7B,MAAM,EACJpB,OAAO,EAAE,EACTqB,SAASK,QAAQ,EACjBzB,WAAW0B,UAAU,EACrBH,MAAMI,KAAK,EACX,cAAcC,UAAU,EACxB,GAAGC,UACJ,GAAGV;QAEJ,qBACE,KAACW;YACCR,KAAKA;YACLZ,aAAU;YACVa,MAAMA;YACNQ,cAAYP;YACZxB,WAAWH,GAAG,2CAA2CG;YACxD,GAAG6B,QAAQ;sBAEZ,cAAA,KAAC/B;gBAAYC,MAAMA;gBAAME,iBAAgB;;;IAG/C;IAEA,MAAM,EACJmB,SAASK,QAAQ,EACjBzB,WAAW0B,UAAU,EACrBH,MAAMI,KAAK,EACX,cAAcC,UAAU,EACxBI,MAAM,EACNC,WAAW,EACX,GAAGJ,UACJ,GAAGV;IAEJ,qBACE,MAACW;QACCR,KAAKA;QACLZ,aAAU;QACVa,MAAMA;QACNQ,cAAYP;QACZxB,WAAWH,GACT,oFACAG;QAED,GAAG6B,QAAQ;;0BAEZ,KAAC/B;gBACCC,MAAM;gBACNC,WAAU;gBACVC,iBAAgB;;0BAGlB,MAAC6B;gBAAI9B,WAAU;;kCACb,KAACkC;wBAAElC,WAAU;kCACVgC;;oBAEFC,6BACC,KAACC;wBAAElC,WAAU;kCACViC;;;;;;AAMb;AAEAZ,OAAOc,WAAW,GAAG;AAErB,SAASd,MAAM,GAAG"}
@@ -1,11 +1,11 @@
1
- import { ControlsConfig } from 'streamdown';
1
+ import type { ControlsConfig } from "streamdown";
2
2
  /**
3
- * Default Streamdown `controls` for assistant markdown (`MessageResponse`).
4
- *
5
- * - **Mermaid:** Enables copy, download, and pan/zoom (AX-117, AX-118). Fullscreen is
6
- * disabled: it uses a portal to `document.body`, which breaks scoped / prefixed CSS in
7
- * micro-frontend hosts until upstream supports a configurable portal root.
8
- * - **Code / table:** Off so chat keeps a simpler surface; callers may override via the
9
- * `controls` prop on `MessageResponse`.
10
- */
3
+ * Default Streamdown `controls` for assistant markdown (`MessageResponse`).
4
+ *
5
+ * - **Mermaid:** Enables copy, download, and pan/zoom (AX-117, AX-118). Fullscreen is
6
+ * disabled: it uses a portal to `document.body`, which breaks scoped / prefixed CSS in
7
+ * micro-frontend hosts until upstream supports a configurable portal root.
8
+ * - **Code / table:** Off so chat keeps a simpler surface; callers may override via the
9
+ * `controls` prop on `MessageResponse`.
10
+ */
11
11
  export declare const MESSAGE_RESPONSE_DEFAULT_STREAMDOWN_CONTROLS: Exclude<ControlsConfig, boolean>;
@@ -1,13 +1,20 @@
1
- //#region libs/aura/src/components/ui/core/message/message-response-default-streamdown-controls.ts
2
- var e = {
3
- code: !1,
4
- table: !1,
5
- mermaid: {
6
- copy: !0,
7
- download: !0,
8
- fullscreen: !1,
9
- panZoom: !0
10
- }
1
+ /**
2
+ * Default Streamdown `controls` for assistant markdown (`MessageResponse`).
3
+ *
4
+ * - **Mermaid:** Enables copy, download, and pan/zoom (AX-117, AX-118). Fullscreen is
5
+ * disabled: it uses a portal to `document.body`, which breaks scoped / prefixed CSS in
6
+ * micro-frontend hosts until upstream supports a configurable portal root.
7
+ * - **Code / table:** Off so chat keeps a simpler surface; callers may override via the
8
+ * `controls` prop on `MessageResponse`.
9
+ */ export const MESSAGE_RESPONSE_DEFAULT_STREAMDOWN_CONTROLS = {
10
+ code: false,
11
+ table: false,
12
+ mermaid: {
13
+ copy: true,
14
+ download: true,
15
+ fullscreen: false,
16
+ panZoom: true
17
+ }
11
18
  };
12
- //#endregion
13
- export { e as MESSAGE_RESPONSE_DEFAULT_STREAMDOWN_CONTROLS };
19
+
20
+ //# sourceMappingURL=message-response-default-streamdown-controls.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../../src/components/ui/core/message/message-response-default-streamdown-controls.ts"],"sourcesContent":["import type { ControlsConfig } from 'streamdown';\n\n/**\n * Default Streamdown `controls` for assistant markdown (`MessageResponse`).\n *\n * - **Mermaid:** Enables copy, download, and pan/zoom (AX-117, AX-118). Fullscreen is\n * disabled: it uses a portal to `document.body`, which breaks scoped / prefixed CSS in\n * micro-frontend hosts until upstream supports a configurable portal root.\n * - **Code / table:** Off so chat keeps a simpler surface; callers may override via the\n * `controls` prop on `MessageResponse`.\n */\nexport const MESSAGE_RESPONSE_DEFAULT_STREAMDOWN_CONTROLS: Exclude<\n ControlsConfig,\n boolean\n> = {\n code: false,\n table: false,\n mermaid: {\n copy: true,\n download: true,\n fullscreen: false,\n panZoom: true,\n },\n};\n"],"names":["MESSAGE_RESPONSE_DEFAULT_STREAMDOWN_CONTROLS","code","table","mermaid","copy","download","fullscreen","panZoom"],"mappings":"AAEA;;;;;;;;CAQC,GACD,OAAO,MAAMA,+CAGT;IACFC,MAAM;IACNC,OAAO;IACPC,SAAS;QACPC,MAAM;QACNC,UAAU;QACVC,YAAY;QACZC,SAAS;IACX;AACF,EAAE"}